diff --git a/.python-version b/.python-version
new file mode 100644
index 0000000..92536a9
--- /dev/null
+++ b/.python-version
@@ -0,0 +1 @@
+3.12.0
diff --git a/Makefile b/Makefile
index 74ba642..8dffcb3 100644
--- a/Makefile
+++ b/Makefile
@@ -39,16 +39,24 @@ help: ## Show help
 	@echo "  make db-seed      (DEPRECATED) Use 'make books' instead."
 	@echo "  make db-setup     (DEPRECATED) Use 'make setup' instead."
 
-install: $(PIP)
 
-$(PIP): requirements.txt
-	@echo "--> Creating virtual environment and installing dependencies..."
+# Step 1: Ensure the virtual environment exists
+$(PYTHON):
+	@echo "--> Creating virtual environment..."
 	python3 -m venv $(VENV_DIR)
+	@echo "Virtual environment created."
+
+# Step 2: Ensure dependencies are installed/updated
+$(PIP): requirements.txt | $(PYTHON)
+	@echo "--> Upgrading pip..."
 	$(PIP) install --upgrade pip
-	## pip is idempotent. It will only install what's necessary.
+	@echo "--> Installing dependencies..."
 	$(PIP) install -r requirements.txt
 	@echo "Installation complete."
 
+# Install target (just an alias)
+install: $(PIP)
+
 run: $(PIP)
 	@echo "--> Starting Flask development server..."
 	$(PYTHON) -m flask --debug run
diff --git a/README.md b/README.md
index 35d1fcb..5b8d0de 100644
--- a/README.md
+++ b/README.md
@@ -7,12 +7,18 @@ This project provides a books API that will allow users to add, retrieve, reserv
 - [Contributing Guidelines](CONTRIBUTING.md)
 - [License Information](LICENSE.md)
 
-## Prerequisites
+## Development Setup
 
-Before you begin, ensure you have the following installed:
+This project uses a specific version of Python. It is **highly recommended** to use `pyenv` to manage your Python versions to ensure a consistent development environment.
 
-*   **Python 3**: Version 3.7 or newer is recommended. You can download it from [python.org](https://www.python.org/downloads/).
-*   **pip**: Python's package installer. It usually comes with Python installations.
+### 1. Prerequisites (One-time setup on your machine)
+
+* **Homebrew:** The standard package manager for macOS. [Install it from brew.sh](https://brew.sh/).
+* **`pyenv`:** A tool for managing multiple Python versions.
+  ```bash
+  brew install pyenv
+  ```
+    After installing, follow the on-screen instructions from Homebrew to add the `pyenv init` command to your shell's startup file (e.g., `.zshrc`).
 *   **make**: A build automation tool. Pre-installed on macOS/Linux. Windows users may need to install it (e.g., via Chocolatey or WSL).
 * [Docker](https://formulae.brew.sh/formula/docker)
 * [Colima](https://github.com/abiosoft/colima) (for Mac/Linux users)
@@ -36,7 +42,17 @@ This project uses a `Makefile` to automate setup and common tasks.
     make help
     ```
 
-### Step 2: Set Up and Run MongoDB
+### Step 2: Install Python and Dependencies
+1.  **Install the correct Python version:** `pyenv` will read the `.python-version` file in this repository and know which version is needed.
+    ```bash
+    pyenv install $(cat .python-version)
+    ```
+2.  **Install project dependencies:** This Makefile command will automatically create a virtual environment using the correct Python version (thanks to `pyenv`) and install all required packages.
+    ```bash
+    make install
+    ```
+
+### Step 3: Set Up and Run MongoDB
 
 This project requires MongoDB to be running locally. We recommend using **Docker** and **Colima** for a lightweight, consistent environment.
 
@@ -63,7 +79,7 @@ Look for a container named mongodb with port 27017 exposed. You can also connect
 
 
 
-### Step 3: Install Project Dependencies
+### Step 4: Install Project Dependencies
 
 The `Makefile` will create a local virtual environment (venv) and install all required Python packages. You only need to run this once.
 
@@ -71,7 +87,7 @@ The `Makefile` will create a local virtual environment (venv) and install all re
 make install
 ```
 
-### Step 4: Set Up the Database
+### Step 5: Set Up the Database
 
 To perform a full database reset and populate it with initial data for development, run the main setup command:
 ```bash
@@ -93,7 +109,7 @@ To use the API, you first need to populate the database with some initial data.
 
 
 
-### Step 5: Run the API
+### Step 6: Run the API
 
 With the database seeded, you can now run the Flask application.
 
diff --git a/app/__init__.py b/app/__init__.py
index b084943..707fad7 100644
--- a/app/__init__.py
+++ b/app/__init__.py
@@ -28,10 +28,12 @@ def create_app(test_config=None):
     from app.routes.auth_routes import auth_bp
     from app.routes.legacy_routes import register_legacy_routes
     from app.routes.reservation_routes import reservations_bp
+    from app.routes.web_routes import web_bp
 
     # Register routes with app instance
     register_legacy_routes(app)
     app.register_blueprint(auth_bp)
     app.register_blueprint(reservations_bp)
+    app.register_blueprint(web_bp)
 
     return app
diff --git a/app/routes/web_routes.py b/app/routes/web_routes.py
new file mode 100644
index 0000000..3d9702a
--- /dev/null
+++ b/app/routes/web_routes.py
@@ -0,0 +1,22 @@
+"""
+Routes for serving user-facing web pages.
+"""
+
+from flask import Blueprint, render_template
+
+# Blueprint keeps routes organized
+web_bp = Blueprint("web_bp", __name__)
+
+# Commented out as not doing much right now
+# @web_bp.route("/", methods=["GET"])
+# def index():
+#     """Serves the home page."""
+#     # For now, shows the books list as the home page
+#     return render_template("books.html")
+
+
+@web_bp.route("/show-books", methods=["GET"])
+def show_books_page():
+    """Serves the page that lists all books."""
+    # The actual data fetching happens via JavaScript in the template
+    return render_template("books.html")
diff --git a/app/scss/main.scss b/app/scss/main.scss
new file mode 100644
index 0000000..3fc6df3
--- /dev/null
+++ b/app/scss/main.scss
@@ -0,0 +1,2 @@
+// This path is relative to this file, pointing to the installed package
+@import "../../node_modules/govuk-frontend/dist/govuk/all";
\ No newline at end of file
diff --git a/app/static/assets/fonts/bold-affa96571d-v2.woff b/app/static/assets/fonts/bold-affa96571d-v2.woff
new file mode 100755
index 0000000..48fbcf5
Binary files /dev/null and b/app/static/assets/fonts/bold-affa96571d-v2.woff differ
diff --git a/app/static/assets/fonts/bold-b542beb274-v2.woff2 b/app/static/assets/fonts/bold-b542beb274-v2.woff2
new file mode 100755
index 0000000..81fd149
Binary files /dev/null and b/app/static/assets/fonts/bold-b542beb274-v2.woff2 differ
diff --git a/app/static/assets/fonts/light-94a07e06a1-v2.woff2 b/app/static/assets/fonts/light-94a07e06a1-v2.woff2
new file mode 100755
index 0000000..1eb1015
Binary files /dev/null and b/app/static/assets/fonts/light-94a07e06a1-v2.woff2 differ
diff --git a/app/static/assets/fonts/light-f591b13f7d-v2.woff b/app/static/assets/fonts/light-f591b13f7d-v2.woff
new file mode 100755
index 0000000..3b26d5f
Binary files /dev/null and b/app/static/assets/fonts/light-f591b13f7d-v2.woff differ
diff --git a/app/static/assets/images/favicon.ico b/app/static/assets/images/favicon.ico
new file mode 100644
index 0000000..20129a0
Binary files /dev/null and b/app/static/assets/images/favicon.ico differ
diff --git a/app/static/assets/images/favicon.svg b/app/static/assets/images/favicon.svg
new file mode 100644
index 0000000..67d7ef9
--- /dev/null
+++ b/app/static/assets/images/favicon.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path fill="#0b0c0c" d="M0 0h32v32H0z"/><path fill="#fff" d="m16.88 7.87 2.11 1.1V5.86l-2.11.67c-.06-.08-.13-.15-.2-.21s.85-2.68.85-2.68h-3.04l.85 2.67c-.08.07-.15.14-.2.21s-2.11-.66-2.11-.66v3.11l2.11-1.11c.06.09.14.16.22.22l-1.21 3.66v.01c0 .01 0 0 0 0-.06.18-.09.38-.09.58 0 .99.73 1.81 1.68 1.95h.04c.08.01.16.02.25.02.08 0 .17 0 .25-.02h.04c.95-.14 1.68-.96 1.68-1.95 0-.2-.03-.39-.09-.58s0 0 0-.01L16.7 8.08c.08-.06.16-.13.22-.22M9.16 12.3a1.75 1.75 0 1 0 1.52-3.15c-.86-.41-1.91-.04-2.33.83s-.05 1.91.81 2.32M4.82 15.87c.9.37 1.92-.05 2.29-.94s-.05-1.92-.95-2.29c-.88-.36-1.91.07-2.28.96s.06 1.91.94 2.27M22.86 12.3a1.75 1.75 0 1 1-1.52-3.15c.86-.41 1.91-.04 2.33.83s.05 1.91-.81 2.32M27.18 15.84c-.9.37-1.92-.05-2.29-.94s.05-1.92.95-2.29c.88-.36 1.91.07 2.28.96s-.06 1.91-.94 2.27M16 25.68c3.59 0 6.99.24 10.02.68.86-3.61 1.91-5.68 2.99-7.16l-2.03-.72c.2 1.03.23 1.51 0 2.18-.34-.33-.65-.93-.9-1.85l-.99 3.28c.6-.41 1.06-.68 1.59-.69-.94 2.02-2.11 2.54-2.87 2.4-.93-.17-1.35-1-1.21-1.7.21-.99 1.23-1.25 1.71-.1.91-1.86-.63-2.44-1.63-1.89 1.53-1.52 1.7-2.88.47-4.52-1.72 1.31-1.74 2.61-.97 4.44-1-1.15-2.56-.53-2 1.32.72-1.12 1.68-.42 1.53.65-.13.93-1.35 1.68-2.87 1.54-2.18-.2-2.31-1.71-2.37-2.95.54-.1 1.5.4 2.33 1.56l.3-3.48c-.9.93-1.71 1.11-2.62 1.14.3-.94 1.69-2.48 1.69-2.48h-4.34s1.38 1.54 1.69 2.48c-.91-.03-1.72-.21-2.62-1.14l.3 3.48c.82-1.16 1.79-1.66 2.33-1.56-.05 1.25-.18 2.75-2.37 2.95-1.52.13-2.75-.62-2.87-1.54-.15-1.06.81-1.77 1.53-.65.56-1.85-1-2.47-2-1.32.77-1.83.75-3.13-.97-4.44-1.23 1.64-1.06 2.99.47 4.52-.99-.55-2.54.03-1.63 1.89.48-1.16 1.5-.9 1.71.1.14.7-.28 1.53-1.21 1.7-.76.14-1.93-.38-2.87-2.4.53.01.99.28 1.59.69l-.99-3.28c-.25.92-.57 1.52-.9 1.85-.23-.66-.19-1.14 0-2.18l-2.03.72c1.08 1.47 2.13 3.54 2.99 7.16 3.03-.43 6.42-.68 10.01-.68"/></svg>
diff --git a/app/static/assets/images/govuk-crest.svg b/app/static/assets/images/govuk-crest.svg
new file mode 100644
index 0000000..71f7dff
--- /dev/null
+++ b/app/static/assets/images/govuk-crest.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="125" height="102"><path d="m108.76 55.62-.27-.03-.74-1.97c.35-.44.53-1.14 0-1.49-.72-.28-2.74-2.56-3.34-1.08-.26.09-1.86.18-1.98.47a17.72 17.72 0 0 1-1.9-3.9c.31-1.64 4.72-3.7 4.72-3.7s-1.25-1.78-1.75-2.79c-.22.5-.42.29-.9.5 2.44-4.3 2.96-9.97-.28-14.04-.33-.7-.18-1.63-.5-2.33-.56-.73-.95-2.18-1.95-2.33 0 1.28-.13 2.53.5 3.72.66.82-.92 1.53-1.4.87.93-.1 1.1-.29.77-.82-4.05-.9-6.3 1.92-10.17 2.36-.34 0-.64.12-.83.42-2.38 3.17 2.96 1.01 3.42 3.11-.89.73-1.01.25-1.85.04-1.2.05-2.36.42-.86 1.42-.92 1.43-.87 1.93-2.74 2.05.81 1.13.64 2.76.85 4.04-1.33.24-2.23.87-2.26 2.28-.6.13-1.24-.18-1.66.46-.84-.69-1.8-.81-2.8-.83-.48-.36-1.66-1.2-2.93-1.84l.71-2.62 2.06-1.3-1.08-2.15c2.39-8.11 3.16-8.57 4.37-8.74l.06-.23-4.4-1.4-.08.3c1.1.8 1.47 2.12.96 3.68-1.17-.5-1.84-1.61-1.72-2.6l-.29-.08-1.47 4.85.23.07c.58-.83 1.6-1.3 2.76-1.1-1.36 4.29-7.5 2.95-6.4-.7.78-1.5 2.27-.54 1.55 1.04 3.45-1.2 1.41-6.1-1.53-3.17.97-1.98 1.52-3.53.3-5.44-1.59 1.01-2 2.84-1.69 5.27-1.94-4.4-5.33.13-2.58 2.43-.5-3.27 3.58-1.11.82 1.52-2.63 1.84-5.86-.27-5.95-3.52 1.52.13 2.67 1.02 2.83 2.14h.28l.19-5.54-.35-.01c-.23 1.12-1.47 2.07-3.02 2.1.1-1.7 1.1-3.04 2.37-3.26v-.31h-6.46v.31c1.28.22 2.27 1.55 2.38 3.26-1.56-.03-2.8-.98-3.03-2.1l-.34.01.18 5.55.28-.01c.16-1.12 1.32-2.01 2.83-2.14-.09 3.24-3.32 5.36-5.95 3.52-2.75-2.63 1.32-4.79.82-1.52 2.76-2.3-.64-6.83-2.58-2.43.3-2.43-.1-4.26-1.69-5.27-1.22 1.91-.67 3.46.3 5.44-2.94-2.93-4.97 1.98-1.53 3.17-.71-1.58.77-2.54 1.55-1.04 1.1 3.65-5.04 4.99-6.4.7 1.17-.2 2.18.27 2.76 1.1l.24-.07-1.48-4.85-.3.08c.14.99-.53 2.1-1.71 2.6-.5-1.56-.15-2.89.97-3.69l-.08-.28-4.41 1.4.06.22c1.21.17 1.98.63 4.37 8.74l-1.08 2.15 2.06 1.3.65 2.37.02-.01c0 .03-.01.04-.02.01-5.94 2.75-4.59 4.61-9.15 4.08-.41.93-.8 1.86-1.72 2.5a6.64 6.64 0 0 0-1.67-3.56c-.42-.49-1 .05-1.63.1-1.24 2.67-2.1.26-4.28 1.65.09 1.25.28 2.49.97 3.64a7.83 7.83 0 0 1-4.04-1.3c-4.85 5.36-9.92 10.51-14.07 16.42-2.21 2.9-8.14 1.2-6.58-2.79.72-2.91 4.97-2.29 4.7.6 2.1-2.31.76-4.61-2.46-4.1 2.95-1.26 4.72 1.13 7.38-2.15-2.03.04-3.75-.6-5.78-.13 2.57-1.52 6.09.74 8.27-3.45-1.9.2-3.63.99-5.6 1.28 11.84-11.18.45-11.73 1.9-16.56-.93.78-1.46 1.56-1.03 2.6-2.66-1.1-6.59-.77-7.66-3.96-.26 4.54 1.75 4.22 5.22 5.15-1.6-.19-3.18-.2-4.68-.75.31 2.04 1.87 2.47 3.71 2.28-1.8.98-1.39 3.52.44 4.39-1.17-6.57 8.78-4.32 4.24 1.72-2.11 3.1-5.16 5.42-7.72 8.13-.49-.83-1-1.66-2.11-1.54 1.95 2.23-.25 4.66-.77 6.96-.75 2.84 1.79 5.26 4.5 5.6-1.08 1.27-1.16 2.4-.33 3.44.82-4.18 6.94-3.24 7.52-7.76.1-.53.36-.95.96-1.19-2.76 3.09 3.87 9.62-2.36 10.38-.89.03-1.1.95-.62 1.61-2.57-.13-3.28.84-3.67 3.25l3.25-.84c-1.12 2.9-3.66-.17-3.24 5 1.04-.49 2.02-1.01 2.97-1.6.92 2.9-4.67 1.65-.47 6.28a8.57 8.57 0 0 1 1.95-3.03c-.51 1.46-.4 3.15 1.26 3.8l.22-1.07h.13c.24.96.28 2.3 1.22 2.86.31.12.48.3.59.62.17.54.67.68 1.16.74.62.13.78-.56 1.23-.84.13.76 1.04.89 1.5 1.54.33-3.77-4.72-2.4-3.56-4.9.45 1.52 1.88 1.2 2.88 1.81.4.63 1.34 1.16 1.82.28l1.31.97c-.98-4.47-3.33-1.7-4.8-4.05 1.02.04 2.12 1.55 3.23.52.6.61 1.06 1.32 1.51 2.04a3.29 3.29 0 0 0-1.5-3.32c-1.28-.77-3.02.6-4.12-.95-1.5-1.83-1.45-4.4-.67-6.52.71-1.63 2.7-2.24 3.63-3.78-.26 1.36-.13 3.73 1.43 4.17-.38-2.53 1.44-4.81 1.81-7.26.48-.62.5-1.1.07-1.77-.78-1.26-.99-2.77-1.84-4.01-1.33-1.85-2.97-1.9-.26-3.84-1.64 2.53-.3 1.6 1.12 3.99.26-.8 1.47-1.85-.04-1.85-2.39-1.16 3.1-4.18 4.35-4.25 1.23-.1 2.94.04 3.87-1.16C32.56 55 32 54.83 33 53.7c-.67-.39-1.26-.85-1.38-1.71l-1.85.63c.6-.67 2.37-2.03 2.56-.52.04.84.89 1 1.55 1.2-.48.7-1.28 1.4-.55 2.2.5.54.82 1.54 1.61 1.67l.63-2.31c1.74 1.8-1.75 2.8 3.03 4.43a9.56 9.56 0 0 1-.2-2.93c2.3 1.9-1 3.1 4.3 3.72-.58-.7-.72-1.46-.94-2.24.89.15 1.6.98 2.17 1.61.55.83.95 1.28 2.2.47.06.15.07.34.18.43.56.42.33.93.32 1.49h.15c.74-.74.8-1.58.56-2.5-.5-1.74-2.65-.36-3.4-2.13 1 .68 2.02 1.08 3.13.5.62.59.88 1.01 1.18 1.83.5-1.87-.08-3.78-2.07-3.22-.62.22-.88.17-1.5-.37.92.32 1.54-.15 2.13-.57.13.17.2.35.29.36.56.03.92.36 1.27.77.19-1.6-1.42-2.9-3.04-2.49-.4 1.97-2.07.86-3.4.6-2.04-1.2-3.12-3.47-4.93-4.95a3.6 3.6 0 0 0-3.9-3.83c2-.87 4.39.84 4.54 2.91.08.85.6 1.39 1.14 2.02 6.79-13.5 28.69-17.04 41.26-8.47 1.07.98 2.23 1.77 3.34 2.8.44-1.3.18-2.83 2.12-2.05l.37-.24a1.84 1.84 0 0 1 1.58-2.4v.84c-.5.09-.9.57-.82 1.1.39-.09.74.42.53.75a1 1 0 0 0 1.16-.18l.96.08c-.44 1.04-1.97 1.4-2.84.63.17.23-.58 2.53-.6 2.8a.73.73 0 0 1-.75.54l.38.61c.55-.3 1.32-.28 1.25-1.05.1-.44-.18-2.46.45-2.28.25.77-.23 1.65.34 2.4 1.82-.44 1.02-2.06 3.22-2.48.88-.08 2.72-.5 3.19.36-1.92-.5-4.4.02-4.83 2.19-2 .46-3.68 1.88-5.8 1.88-1.7.09-2.15 2.1-2.22 3.48-.29 1.58-.37 3.22-1.08 4.69-.35.56-.06 1.2.13 1.72.65.34 1.11 2.56 1.2 3.36 0 1.45 2.51 1.93 3.54 2.84.28-1.82-3.2-1.3-2.71-3.85.62 1.69 1.97 2.03 3.45 2.86-.46-1.7-.6-4.53-3-4.18-.93-1.27.42-1.34-.01-2.86.69.21 1.01.45 1.2.87l-.7-.22c.08 1.08 1.02 1.33 1.75 2.07-.12-1.76-.28-2.87-1.94-3.73-.94-.85.14-2.81.08-3.99-.03-.34 2.22-1.45 2.56-1.35 1.67.21 3.41-.05 5.02.36 1.61.5.23-2.95 2.83-1.13-1.88-.55-.74 1.48-2.1 1.59-.94 0-1.75-.08-2.74-.12 3.42 7.52 10.99 5.32 13.07 12.03 1.74-1.52.56-1.5.07-3.09 3.94 2.6-3.66 5.6-.8 10.16-.19-.52 1.6-2.65 1.8-3.08.32-.48.88-.5 1.23-.16l.57-1.17c-1.06-.57.86-3.03 1-3.73.2-.42.65-.62 1-.45l.53-1.46c-1-.27-.25-2.67-.33-3.34-1.4-1.26-2.56-2.84-3.65-4.3l.67-.1c-.07.32.05.68.33.87.48.19 2.33 1.96 2.91 1.54l.3.78c-.47.12-.55.77-.56 1.21.25.2.52.4.76.62.03-.16.01-.87.15-.98.22.29.62.3.87.06.22.12-.06 1.67-.03 1.87.27.3.53.6.77.9-.1-.7.78-3.43-.44-3.57ZM88.93 30.25l.76-.08c-.5-.35-.02-.84.4-.5.98.76-1 2-1.16.58Zm-39.44 7.11-2.07-1.3 1.1-2.2 2.98 1.06-2 2.44Zm6.78-1.7c-3.25.66-3.93-2.88-.67-3.47 3.24-.65 3.93 2.89.67 3.47Zm7.34-.27-3.2-2.24 3.2-2.23 3.2 2.23-3.2 2.24Zm10.19-.99c-.38 2.27-5.5 1.29-5.01-.95.38-2.26 5.5-1.29 5 .95Zm1.92.52 3-1.05 1.09 2.18-2.08 1.31-2.01-2.44Zm24.64-10.39c.6.65.85 1.35.85 2.14-.57-.19-.81-.8-.85-2.14Zm-2.69 4.2c-.79.53-1.5 1.32-2.3.25l-.54.1c1.2-1.83 1.1-1.51 2.84-.36Zm-6.61 6.64c.53.19 1.03.46 1.56-.06-.51 0-.67-.36-.81-.7-.25-1.73 2.6-1.12 3.66-1 2.68 1.62 7.23.6 5.65-3.24 1.24.75.81 2.86-.13 3.68-2.47 1.32-4.82.32-7.29 2.92-.37-1.19-1.8-1.12-2.3.18l-1.05.05c-.08-.68.49-1.18.71-1.83Zm9.33 11.35-.33.42c-2.06-2.32-9-4.99-12-4.56l.05-.53-.02.02 1.14-.72-.98-.8c.01-.11-.62-4.02-.62-4.02l1.72-.05s-.61.7-.64 1.27c.1.07.18.17.24.29.34-.15.71-.86.71-.86l.16 2.32s-.47-.67-.82-.79a.56.56 0 0 1-.13.23c.5 1.53 2.76 1.62 2.77.3-.08-.67-.84-.56-.8.16-1.24-.98.44-2.53 1.12-.97-.08-.9 0-1.41.7-1.85.47.58.4 1.13-.1 2 1.52-1.4 2.1.98.67 1.33.7-1.25-1.31-.86-.57.45.67 1.02 2.3.87 2.88-.24a.62.62 0 0 1-.08-.21c-.58-.1-1.43.37-1.43.37l.8-2.13s.33.91.8 1.2c.1-.08.2-.14.32-.17.09-.56-.48-1.44-.48-1.44l2.64 1.01s-1.05.26-1.38.73c.06.1.1.21.11.33.55.1 1.44-.34 1.44-.34l-.94 2.07s-.28-.9-.77-1.2a.68.68 0 0 1-.21.1 1.64 1.64 0 0 0 1.92 2.07c1.46-.44.3-2.08-.1-.7-.78-1.21 1.34-2.54 1.44-.52.26-.97.6-1.41 1.36-1.53.2.79-.1 1.21-.82 1.8 1.64-.67 1.71 1.57.13 1.45.55-.5.07-1.08-.47-.63-.94.97.82 2.37 2.2 1.67 0-.08.03-.17.07-.25-.35-.23-1.16-.26-1.16-.26l1.7-1.24s-.21.75-.05 1.15c.13-.02.25 0 .37.04.37-.37.39-1.34.39-1.34l1.26 1.56s-3.17 1.45-3.73 1.87l-.88-.1.43 1.24h-.03Zm6.83 6.38c-.4-.03-.73.31-.6.74a.25.25 0 0 1-.11-.04l-1.86-1.26a.3.3 0 0 1-.09-.38c.35-.01.73-.2.68-.61.14.18 2.14 1.23 1.98 1.55Z"/><path d="M84.8 44.17c-.14-.17-.17-.4-.05-.59-.22-.04-.6 2.03-.67 2.15.15.14.28.28.4.43.2.05.53.16.6-.12l.48-1.83c-.22.2-.58.22-.75-.04ZM56.86 95.9c-5.24-2.05-9.06 2.98-4.78 3.83-4.7.2-3.79-6.35-5.73-5.96 1.7 1.81 1.7 5.2 3.27 6.13 3.16 1.33 6.44 1.54 9.83 1.39-1.7-1.5-2.12-3.39-2.59-5.39ZM72.9 99.66c4.27-.84.48-5.89-4.78-3.83-.47 2-.88 3.9-2.59 5.39 3.39.16 6.67-.06 9.83-1.4 1.57-.93 1.57-4.3 3.27-6.12-1.94-.4-1.03 6.16-5.73 5.96ZM107.3 59.02c0 .1.04.2.1.26.24-.2.62-.12.79.12.27-.08.18-.92.24-1.12-.31-.33-.64-.65-.98-.94l-.14 1.68ZM106 65.25c.02-.24 1.34-2.4 1-2.59a.58.58 0 0 1-.62-.3c-.32-.14-1.16 2.22-1.3 2.37.41-.26.95.17.8.65a.3.3 0 0 0 .11-.13Z"/><path d="M121 55.27c-1.1.33-1.55 1.24-1.96 2.26-2.76-4.26-8.01-7.2-8.81-12.41.61-4.17 6.2-3.22 5.06 1.13 2.9-1.54 1.5-4.4-1.23-4.91 2.97.23 4.58 2.7 6.6-1.41-1.74.63-4.41.18-5.33.05 3.69-.5 5.7-.47 5.58-5-1.25 2.72-4.73 2.77-7.26 3.65.16-1.2-.22-1.95-1.2-2.34 1 6.63-11.7 4.47 2.25 18.77-1.7-.94-3.7-.62-5.36-1.66 1.3 3.44 3.48 2.84 6.33 4.04-3.06-.01-4.01 2.94-1.75 4.36-.59-2.28 2.58-3.85 4.17-2.07 3.62 4.6-3 11-8.89-.54.05.64-.4 1.21-1.03 1.02l-.66 1.82c1.34.5-.72 3.07-.87 3.81-.23.5-.75.64-1.14.37l-.65 1.34c.81.74-1.38 2.83-1.63 3.49-.25.37-.7.5-1.03.3l-.23.48.08.1c1.49 1.74 2.17 3.08 1.77 4.93 1.2-1.02 1.75-3.86.78-5.4 1.1 1.12 2.67 1.93 3.3 3.37a7.94 7.94 0 0 1-1.65 7.28c-.76.75-.56 1.15-.66 2.08-.5 1.48-2.28 1.6-2.96 2.85-.47 1.1-1.25 2-1.59 3.14 2.03-.31 1.68-3.1 3.6-3.68-.78 1.18-1.53 2.24-2.06 3.6 1.6-.41 4.61-.84 4.1-3.07-.37-1.03.64-1.71.59-2.7 1.26-.44.97-.95 1.58-1.93.28.6.29 1.1.26 1.74l-.37-.76c-.9 1.2-.15 2.38-.27 3.67 4.41-3.92-1.45-3.89 3.13-12.56 1.05-1.73-3-1.54-3.3-5.44-.28-1.69 1.22-3.07 1.53-4.68 1.77 3.1 7.93 3 7.1 6.97 1.23-.93 1.18-2.62.69-3.9 6.36-2.26 1.34-8.05 3.39-12.16Z"/><path d="M102.07 70.19c.14.06.26.16.31.3a.3.3 0 0 0 .29-.13c.05-.15 1.62-2.19 1.44-2.33-.17-.05-.33-.17-.39-.35-.15-.14-.36-.21-.51 0-.06.26-1.8 2.22-1.36 2.46.08 0 .15.02.22.05ZM101.15 70.6l.08.13.02-.06-.1-.08ZM39.6 79.41c.64.12 1.34.24 1.96-.04l-2.89-4.86c-1.7 2.08-4.67.81-6.54-.47-1.51-1.1 1.76-2.83.71-6.52 1.46 2.33-1.2 4.34 2.9 5.65-1.18-1.74-1.02-4-1.46-5.99-.06-.34-.23-.68.05-1.03.14-.48.17-1.12-.48-1.2-4.58-2.6-3.66-1.33-8.11-1.93-1.1 1.9 1.23 3.61.86 5.48-.33.92 1.08.88 1.06 1.77.31 1.4.16 3.34-1.45 3.88-.8.48-.16 1.49.54 1.72-1.42 2.53-.33 2.94 1.84 4.2.01-.97.03-1.83.44-2.66 3 1.97-1.47 2.3 4.46 4.68-.6-.98-.58-2.05-.67-3.03l1.66.38c.65 2.72 2.13 2.96 4.75 2.72-.94-.92-1.2-2.12-1.88-3.08.79.27 1.57-.27 2.25.33ZM93.03 64.27c-.8.13-1 .47-.84 1.26-.91 1.93-.93 4.28-2.48 5.91 3.33-.93 2.6-2.17 3.4-4.67-.17 3.39.01 3.34 1.25 5.67-2.56 1.78-6.75.28-8.15 3.74.39.45.9 0 1.41.12-.33.4-.47.87-1 1.22l.26-.75c-.96-.32-1.75 1.85-2.47 2.55 6.85-1.36-.82-3.35 12.67-4.9 2.38-1.12-2.25-2.86 2.43-5.8.41-1.6.66-3.25 1.55-4.7.2-.47-.13-1.14-.56-1.47-2.06 1.43-3.03-.88-7.47 1.82ZM23.91 36.42l.1-1.36-1.52-.26a2.1 2.1 0 0 1 1.98-.34c-.52 2.18.41 3.72 2.78 3.85.72-1.07 1.36-1.23 2.07-.48-3.12-.32-.8 2.94.79 1.84.42-.6 1.77-1.14 1.38-2-2.48-1.78-2.3.86-2.77-3.56l-.31-.03c-.23.84-1.07 1.5-1.75.7-.24-.27-.44-.51-.83-.58 1.7-1.34 3.71.6 3.59-2.55 1.89 2.34 2.05-.26 3.92-.3-.09 1.86-.47 1.71-2.09 1.6.53.4 2.54 2.4 1.37 2.58-.49-1.24-1.31-2.45-2.7-2.7-1.13 1.11-.58 2.36-.4 3.64 1-.34 1.85-.98 2.9-.9.36 1.03-1.3 1.6-.36 2.6 1.61.27 3.36.28 2.85-1.98-.53-.31-1.05-.52-1.6.05.03-.88.9-1.03 1.58-.86 1.48-1.57.99-3.64-.61-4.9.42-.61.87-1.04 1.63-1.19-.25.53-.8.73-.92 1.21L36 31.73c.86-.37 1.08-1.7.48-3.06-1.06.27-2.92 1.14-2.92 1.14-.9-.34-.52.1-.39.54-2.9.52-5.76 1.28-8.07 3.19-.41.3-.6.12-.74-.46-.27-.42-.4.3-.44.48 0 0-1.75.42-2.5 1.06.53.88 1.29 2.26 2.5 1.8Z"/><path d="M35.32 35.55c.27 1.3-.1 2.39-.96 3.41 1.29 2.3 3.48 4.03 4.45 6.5 2.16-3.99-.15-5.33-3.12-7.52 1.9.68 3.83 1.33 4.89 3.12.22-3.42-1.31-5.13-4.67-5.66l.03-.14c1.4-.07 2.8-.06 4.1.78-.34-1.06-1.21-2.63-2.48-2.5.45-.94.45-1.56-.01-2.13-.22.66-.64 1.07-1.33 1.1a4.09 4.09 0 0 1-.9 3.04ZM24.64 43.35c.4.96.99 2.07 1.97 2.47-.5-1.89.78-3.53 1.38-5.24.01 3.94-2.24 6.07 3.2 7.51-1.45-2.31-.49-5.12-1.4-7.5-.88-.5-1.87-.62-2.46-1.35-.16-.34-.46-.47-.78-.53-1.02-.22-1.97-.56-2.48-1.4-.75.23-1.2.2-1.89-.08-.06.84.66 1.68 1.61 1.36-.76 1.1-.34 2.09-.06 3.22a5.64 5.64 0 0 1 2.32-2.39c-.72 1.21-2 2.43-1.41 3.94ZM46.52 83.51c.74-.68-.26-1.07-.65-1.6-6.58-6.05-9.03-13.92-8.45-22.67l-.69-.34a27.66 27.66 0 0 0 9.8 24.61ZM105.23 33.13c-.62 1.19 1.19 1.68 1.2 2.81l-1.33-1.05c-.57 2.2 2.06 2.92 2.87 4.66 1.06-3.22.49-5.18-2.73-6.42ZM32.99 42.63c-1.75.1-1.5-2.07-2-3.28l-.86.97 1.1 3.69.8-.56c1.2.85 2.32.27 2.72-1.06.36.09.69.24.95-.02l-1.68-3.43c-.35.07-.68-.42-1.1-.03.4 1.07 1.84 3.22.07 3.72ZM104.9 27.73l-.03.14-1.67-.09c.62 1.95 2.9 1.01 4.35 1.9-.83-1.57-1.43-3.1-3.35-3.4.2-.92-.05-1.8-.63-2.15 0 .82-.33 1.41-1.09 1.72-.37 1.62 1.34 1.54 2.42 1.88ZM104.4 38.96l-.13.02c-.4 1.73.81 3.24 1.57 4.7 1.31-2.3 1.26-4.93-.84-6.76-.64 1.22.25 2.4.57 3.56l-.13.05-1.04-1.57ZM103.92 29.24c.75 1.77 1.95 1.35 2.73 2.5-.66-.2-1.23-.4-1.8-.58-.03 1.89 2.36 2.08 3.69 2.8-.22-3.04-1.71-4.2-4.62-4.72ZM97.01 26.05c.82 0 2 .52 2.68.05.01-2.57-3.16-2.23-4.96-2.29.54.97 1.22 1.92 2.28 2.24ZM88 62.7l-2.05-.15.07.91c.41.1.76.2 1.14.28.11 2.12-1.07 2.16-2.66 1.27-.48 2.69 3.9 2.42 3.5-2.3ZM86.49 54.14c-2.42 2.92-2.44 3.35 1.24 4.6l-.08-.8a7.35 7.35 0 0 1-2.07-.9l1.34-1.64-.43-1.26ZM75.24 43.48l1.11-.09c.39-1.43-.43-1.58-1.42-2.35-.4 1.18-1.45 1.76-2.05 2.76a2.5 2.5 0 0 0 2.08-1.12l.28.8ZM80.8 49.96c.34-.94 2.16-3.26 1.18-3.99-.45.27-1.4.16-1.3.86-.02 1.03-.01 2.06-.01 3.09l.12.04ZM98.87 23.63l.11-.16c-1.02-1.44-1.46-1.73-3.26-1.74.03 1.74 1.86 1.75 3.15 1.9ZM94.26 19.3c-.07 1.24.98 1.95 2.7 1.86-.44-1.25-1.34-1.92-2.7-1.85ZM90.2 32.13c-1.4-.65-2.55.17-3.97-.13.4 1.94 2.74.53 3.98.13ZM92.9 17.34c.36 1.24.85 1.5 2.14 1.33-.41-1.02-1.08-1.43-2.15-1.33ZM93.59 16.7c-.5-1.06-.76-1.2-1.82-1.09.44 1.05 1.07 1.44 1.82 1.09ZM87.13 51.13l1 1.69c1.3 0 .2-1.07-.1-1.53-.17-.18-.54-.18-.81-.27l-.09.11ZM83.4 52.62c.66-.38 1.34-.67 1.94-1.14l-.4-.56c-.57.55-1.9.73-1.55 1.7ZM92.01 14.98c.19-.67-.78-1.57-1.47-1.3.09.75.88 1.4 1.47 1.3ZM77.16 52.33ZM26.88 26.49c.36-.34-.19-.88-.53-.54-.36.33.18.88.53.54ZM27.35 27.47c.36-.33-.18-.88-.53-.54-.36.34.18.88.53.54Z"/><path d="m24.87 23.04-.86.06.45 1.12.6-.7.12.05.08 1.49c.16 1.3 2.16.5 1.36-.55l-.96-1.13a.43.43 0 0 0 .05-.11l.92.1-.45-1.12-.66.54a.5.5 0 0 0-.11-.05l-.08-1.07-1.1.43.69.83a.48.48 0 0 0-.05.11ZM22.42 28.86c.55.01.56-.85.01-.85-.55-.01-.56.85-.01.85ZM22.33 29.96c.55.02.56-.85 0-.84-.54-.02-.55.84 0 .84ZM24.1 26.2c.56 0 .57-.85.02-.85-.55-.01-.56.84-.01.84ZM22.77 27.85c.56.02.57-.84.01-.84-.54-.01-.56.85 0 .84ZM27.95 28.9c-.03-.42.28-1.25.28-1.25l-1.75.69s.8.4 1.08.72c-.37.13-.73.2-1.24-.04l.68 1.34c.15-.6.46-.94.7-.99.73 1.12-1.1 2.35-1.9 1.4-.22-.4.05-.84.52-.5-.07-.83-.8-.83-1.02-.22.02-.85-.2-1.36-1.1-1.61-.23.85.06 1.36.92 1.72-.5-.06-1.02.41-.36 1.01 0-.53.46-.6.7-.23.4.99-.78 1.37-1.75.37.22-.08.44-.05.75.02l-.92-1.15c.05.4.02.7-.07.88-.2-.23-.26-.43-.34-.87l-.7.61a8.22 8.22 0 0 1 2.34 2.38c1.22-1.2 6.16-3.23 8.06-3.17a8.09 8.09 0 0 1 .05-3.33l-.93.04c.25.38.34.56.35.86a1.78 1.78 0 0 1-.66-.6l.13 1.47c.18-.26.32-.44.53-.53 0 1.39-1.12 1.91-1.53.93-.07-.43.3-.7.67-.31.07-.89-.64-.87-.95-.5.37-.84.22-1.41-.54-1.87-.48.8-.28 1.32.33 1.92-.6-.3-1.12.2-.6.85.11-.56.61-.43.72.01.1 1.24-2.1 1.58-2.33.27.2-.12.67-.08 1.18.26l-.43-1.44c-.21.52-.51.71-.87.87ZM51.05 74.28l2.07 1.17c-1.65 1.99 1.31 2.84 1.15.91 1.1.47 5.45 1.79 3.7-.78-5.7.19-8.6-5.73-5.45-10.26 1.92.87 8.66-2.37 8.1.93.35.36.45.4 1.25.4 1.95-4.44-4.76-3.12-7.17-2.6-2.15.63-4.12-2.48-6.02-.77-.75.66-.26 2.13.76 2.18.9.02 1.17-1.22.36-1.6 1.77-.6.92 2.22.28 2.94-2.03-1.04-2.37 2.2-.36 1.35.09.58.12 1.15-.02 1.7-2.2-.47-1.61 2.65.03 1.4.47.44.7 1.13.75 1.8-2.2.3-.44 3.1.58 1.23Z"/><path d="m57.42 77.66-.3-.1c-.16.4-.4 1.16-.03 1.41l1.85.79L61.3 78l.64-9.41-.7.05c-.19.02-1.48 10.88-2.15 10.24.13-.72 1.7-10.24 1.7-10.24l-.7-.1-.08.5-2.62-3.4-.34.16 2.8 3.65-.18.65c-.26-.17-2.96-3.88-3.23-4.23l-.55-.04 3.64 4.7-.2.63-4.08-5.31h-.52l4.42 5.76-.23.83-4.86-6.53-.64.01 5.37 7.02-.2.65-5.92-7.67-.1.6s5.51 7.18 5.85 7.65c-.28.88-.06.96.33 1.69.2.82-.36 2.09-1.34 1.79Z"/><path d="m57.98 74.67-5.68-7.45s-.1.36-.16.51l5.44 7.13.4-.19ZM52.29 69.74c1.3 1.64 2.6 3.32 3.87 4.98.2.02.55.1.55.1l-4.63-6.08s-.08.62.2 1ZM62.18 66.97c-.63-.05-1.3-.18-1.9-.24-1.2 1.03.14 1.62 1.03 1.54.77.2 1.79-.8.87-1.3ZM61.99 93.54c-.19.84 1.15 1.11 1.31.26.19-.84-1.15-1.1-1.31-.26ZM63.2 88.49c.22-1.04-1.44-1.38-1.64-.33-.23 1.04 1.43 1.38 1.63.33ZM57.53 85.7c.23-1.03-1.43-1.37-1.63-.32-.23 1.04 1.43 1.38 1.63.33ZM66.64 95.91c-.67 3.76-2.48 5.46-4.1 5.46-1.6 0-3.42-1.7-4.1-5.46.21.19.41.44.64.74l.35.45.5-.3c.2-.13.41-.24.6-.31-.21.43-.29.95-.18 1.48a2.28 2.28 0 0 0 2.2 1.93c1.08 0 1.98-.8 2.2-1.93.1-.53.02-1.05-.2-1.48.2.07.4.18.61.3l.5.31.35-.45c.23-.3.42-.55.63-.74m.79-1.02c-.95.1-1.43.72-1.93 1.37a3.22 3.22 0 0 0-1.57-.54c-.3 0-.57.08-.82.27 1.73.68 1.11 3.27-.57 3.27-1.68 0-2.3-2.59-.57-3.27-.24-.2-.52-.27-.82-.27a3.2 3.2 0 0 0-1.57.54c-.5-.65-.98-1.28-1.93-1.37.52 4.74 2.7 7.11 4.89 7.11 2.18 0 4.37-2.37 4.89-7.11ZM51.8 82.46c.73-.86-1.81-1.98-2.18-2.46-.3-.18-.68-.14-.88.12-.72.82 1.77 1.96 2.11 2.42.31.24.74.2.96-.08Z"/><path d="M51.48 84.3c2.8 0 2.44-4.4-.32-3.93 1.28.69 2.4 2.5.4 3.03-.75.15-1.52-.65-2.07-1.04.02 1.07.9 1.94 2 1.94Z"/><path d="M47.5 85.03c.61 1.16 4.22 4.31 5.2 2.82-1.76-.88-4.74-3.05-3.6-5.82-2.59-1.57-.3-4.08 1.72-1.95 2.14-1.31 4.53-.37 6.65 1.08.76-1.62-2.94-2.75-3.8-3.23-1.08-.36-4.51.4-5.66.46-.78.1-1.34.79-1.27 1.56.17.83.14 4.42.76 5.08ZM79.27 22.87l1.6.5a19.58 19.58 0 0 0-12.7-10.61c-.14.36-.26.76-.37 1.17 4.88 1.22 9 4.5 11.47 8.94ZM46.36 23.38l1.6-.5a18.3 18.3 0 0 1 11.47-8.95c-.12-.41-.24-.8-.38-1.17a19.58 19.58 0 0 0-12.7 10.62ZM75.62 14.87c1.14.02 1.14-1.75 0-1.74-1.14-.01-1.14 1.76 0 1.74ZM71.6 12.6c1.13.02 1.13-1.75 0-1.74-1.15-.01-1.15 1.76 0 1.74ZM69.4 11.82c1.15.01 1.15-1.76 0-1.74-1.13-.02-1.13 1.75 0 1.74ZM73.67 13.62c1.14.02 1.14-1.75 0-1.73-1.14-.02-1.14 1.75 0 1.73ZM77.42 16.32c1.14.02 1.14-1.76 0-1.74-1.13-.02-1.13 1.76 0 1.74ZM81.98 22.85c-.02 1.13 1.78 1.13 1.76 0 .02-1.12-1.78-1.12-1.76 0ZM80.92 20.81c-.02 1.13 1.77 1.13 1.76 0 .01-1.13-1.78-1.13-1.76 0ZM79.06 17.95c1.14.01 1.14-1.76 0-1.74-1.14-.02-1.14 1.75 0 1.74ZM79.65 18.87c-.02 1.13 1.77 1.13 1.76 0 .01-1.12-1.78-1.12-1.76 0ZM51.6 14.87c1.14.02 1.14-1.75 0-1.74-1.14-.01-1.14 1.76 0 1.74ZM49.8 16.32c1.14.02 1.14-1.76 0-1.74-1.14-.02-1.14 1.76 0 1.74ZM44.36 23.72c1.14.02 1.14-1.75 0-1.73-1.14-.02-1.14 1.75 0 1.73ZM53.55 13.62c1.14.02 1.14-1.75 0-1.73-1.13-.02-1.13 1.75 0 1.73ZM46.7 19.74c1.14.02 1.14-1.75 0-1.73-1.14-.02-1.14 1.75 0 1.73ZM45.43 21.68c1.14.02 1.14-1.76 0-1.74-1.14-.02-1.14 1.76 0 1.74ZM57.82 11.82c1.14.01 1.14-1.76 0-1.74-1.14-.02-1.14 1.75 0 1.74ZM48.16 17.95c1.14.01 1.14-1.76 0-1.74-1.14-.02-1.14 1.75 0 1.74ZM55.63 12.6c1.14.02 1.14-1.75 0-1.74-1.14-.01-1.14 1.76 0 1.74ZM65.12 20.68h1.17c0-3.67.54-6.85 1.5-8.95.33-.67-.75-1.17-1.06-.48-1.4 3.03-1.6 7.2-1.6 9.43ZM60.93 20.68h1.17c0-2.23-.21-6.4-1.61-9.43-.31-.69-1.4-.2-1.07.48.97 2.1 1.5 5.28 1.5 8.95ZM63.61 20.66c1.24.02 1.24-1.9 0-1.88-1.23-.02-1.23 1.9 0 1.88ZM63.61 18.3c1.24.02 1.24-1.9 0-1.88-1.23-.02-1.23 1.9 0 1.88ZM63.61 15.94c1.24.02 1.24-1.9 0-1.88-1.23-.02-1.23 1.9 0 1.88ZM62.94 13.64c.4-.21.94-.21 1.35 0 1.36-2.08-2.72-2.08-1.35 0Z"/><path d="M64.37 11.66c1.06-1.96-2.58-1.95-1.51 0a1.52 1.52 0 0 1 1.5 0Z"/><path d="M63.04 3.73c-.16 1.2-.8 2.13-1.59 2.28v.3H63a1.1 1.1 0 0 0-.2.2c-2.75.6-3.03 4.76-.4 5.74-1.03-.99-.24-2.87 1.21-2.82 1.45-.05 2.24 1.83 1.21 2.82 2.64-.98 2.35-5.14-.4-5.75a.97.97 0 0 0-.2-.19h1.55v-.3c-.8-.15-1.43-1.08-1.58-2.28 1.21.15 2.16.78 2.3 1.56h.31V1.02h-.3c-.15.78-1.1 1.41-2.31 1.57.15-1.2.79-2.14 1.58-2.28V0h-4.32v.3c.8.15 1.43 1.08 1.59 2.29-1.22-.16-2.16-.79-2.3-1.57h-.32v4.27h.31c.15-.78 1.09-1.41 2.3-1.56ZM101.14 70.59h.01l-.28-.49c.03.2.12.38.27.49ZM100.42 72.4c-1.22-.76-1.9 2.59-2.35 3.16-.22.49-.03 1.02.42 1.17l-.9 1.85c-.48-.08-.9.29-.9.84.18.72-.55 3.85.74 3.89v.86c-3.1.56-2.64 5.39.55 5.31 3.17.08 3.66-4.71.6-5.3v-.83c.48.08.9-.28.9-.84-.17-.7.49-3.71-.65-3.87l.69-1.41c1.16.62 1.84-2.64 2.28-3.2.2-.45.05-.97-.36-1.14l.52-1.06c-.14-.2-.44-.64-.73-1.1l-.81 1.67Zm-.58 14.4c-.75 4.3-6.34.04-2.34-1.78.19.42.82.44 1 .02.78.22 1.34.93 1.34 1.76Zm-1.27-4.4c.08-.62-.73-.96-1.05-.44.09-.23-.22-2.57.22-2.57.18.13.42.16.62.01.14.03.24.16.24.32v2.53l-.03.15Zm2.36-8.53c-.14.15-1 2.6-1.3 2.5-.11-.2-.38-.33-.61-.26-.13-.06-.18-.24-.11-.4.16-.17.97-2.67 1.34-2.5.1.24.4.4.64.33.07.08.09.21.03.33ZM38.28 66.98l.27 1.05 4.85-.6-.24-.94c-.24-.05-3.26.5-3.26.5s2.87-3.32 2.8-3.71l-4.9.55.1.83 2.88-.4s-2.39 2.67-2.5 2.72ZM40 73.13c2.35 2.22 6.03-1.33 3.6-3.61-2.34-2.25-6.08 1.33-3.6 3.61Zm.28-2.47c1.03-1.85 4.45-.75 3.03 1.35-1.06 1.79-4.42.78-3.03-1.35ZM43.26 78.37l.82 1.12a11.23 11.23 0 0 1 3.94-2.83l-.82-1.12a5.73 5.73 0 0 1-1.55 1.4l-1.26-1.72c.53-.4 1.23-.9 1.82-1.03l-.82-1.12a11.23 11.23 0 0 1-3.94 2.82l.82 1.12a5.7 5.7 0 0 1 1.55-1.38l1.25 1.72c-.53.39-1.22.88-1.81 1.02ZM42.8 61.64l.06-1.02c-1.38.26-3.61.25-4.99-.01l-.07 1.02c1.39-.25 3.62-.25 5 .01ZM77.96 82.36c2.97-1.29 2.3-4.2-1.04-2.87-1.4-.4.37-1.8 1.3-1.5l.02-.01-.7-.82c-1.05.45-2.73 1.85-1.84 3.04.62.78 1.87-.05 2.69-.04 1.36.24-.1 1.64-.94 1.56l-.02.02M86.09 72.17l.84-2.82c-.43.03-4.28-1.08-4.62-1.33l-.8 2.68.8.68.02-.01c-.06-.62.03-1.32.25-2.09l1.47.42c-.15.42-.4 1.38-.6 1.63l.72.1.47-1.56 1.4.4c-.17.52-.4.93-.7 1.22l.75.68ZM84.14 75.93l.46-.87-3.8-2.52-.42.79c.15.18 2.62 1.63 2.62 1.63s-4.08.53-4.27.84l3.8 2.58.44-.64-2.28-1.46s3.34-.38 3.45-.35ZM73.66 85.15l2.64-1.52c-.34-.25-2.4-3.58-2.47-3.99l-2.5 1.44.1 1.02h.02c.4-.5.96-.94 1.68-1.36l.78 1.27c-.41.2-1.28.74-1.61.79l.46.56 1.46-.84.75 1.2c-.5.28-.95.42-1.38.44l.07.99ZM44.19 52.1c-.8-.62-1.8.48-2.6.66-1.38.08-.3-1.61.54-1.73V51l-.66-.49c-1.24.63-2.19 3.3-.18 3.36.43.02 1.52-.73 1.88-.81.94-.18.64 1.08.08 1.38.28-.02.57-.05.84.02.53-.73.86-1.8.1-2.37ZM45.16 50.66c-2.2-.14-2.66-3.9 0-3.34v-.91c-3.45-.2-3.4 5.22 0 5.1v-.85ZM50.64 43.99h1.52l-1.04-1.64c.53-.3 1.65-.75 2.15-.72l-1.2-.9-3.67 2.17.42 1.4h.02c.3-.57.74-1.04 1.23-1.3l.56.99ZM61.37 43.36l.01.02c-.73.58-1.67.34-2.45-.07-2.3 1.27-4.76-1.71-2.93-3.62 1.94-2.28 5.77.3 3.92 2.82.6.46 1.09.74 1.45.85Zm-2.8-.73c1.84-.71.24-3.53-1.39-2.86-1.82.69-.25 3.53 1.39 2.86ZM62.06 41.34c-.01-.78.1-2.16-.24-2.83h1.64c-.27.72-.74 4.06.66 3.9.55 0 1.1-.38 1.08-.95-.02-.8.1-2.27-.24-2.96h1.64a9.8 9.8 0 0 0 0 4.72H65.2c.03-.1.05-.25.05-.47-1.42 1-3.33.5-3.2-1.41ZM68.99 43.66c.29-1.16.7-3.13 1.35-4.11l-1.27-.42c.01 1.24-.66 3.18-1.09 4.37l1.01.16ZM76.74 59.37h.8V46.62h-11.9v12.75h11.1ZM72.19 59ZM71 59Zm6.15-6.56Zm-11.1 1.12v.12c.02-.24.41-.06.22.1l.06.06c.4.05.45-.54.05-.56v-.01l.48-.2v-.15l-.48-.2v-.02c.4-.02.34-.6-.05-.56l-.06.06c.2.17-.2.34-.22.1v.15-5.07h.4V47h4.42c.25.04.04.37-.12.2l-.06.06c-.05.38.6.4.6.02l.24.47h.15l.22-.47c0 .39.65.36.6-.02l-.05-.06c-.16.17-.37-.16-.12-.2h4.42v.38h.4c-.04-.09.16 6.22-.21 4.82l-.06-.06c-.4-.04-.45.54-.05.57l-.48.22v.14l.48.2v.01c-.4.02-.34.6.05.56l.06-.06c.37-1.43.17 5.02.21 4.84h-.4V59h-4.42c-.25-.04-.05-.38.12-.2l.06-.06c.05-.38-.59-.42-.6-.04h-.01l-.23-.45h-.15l-.22.45h-.01c-.02-.38-.64-.34-.6.04l.06.05c.17-.17.37.17.11.2h-4.4v-.37h-.41v-5.06Z"/><path d="M79.3 59.86c.01-.26-.29-.46-.54-.37v.06c-.48 2.1-.25-6.56-.29-6.24l.44.18v-1.01l-.44.18v-6.39c.07-.32.57-.04.3.16v.06c.59.19.76-.75.12-.76l.4-.68-.1-.1s-.7.4-.71.39c-.01-.58-1-.44-.82.13h.06c.21-.26.52.2.18.26h-5.95l.18-.4h-1.08l.19.4H65.3c-.36-.05-.06-.52.16-.27h.06c.2-.56-.81-.7-.82-.12l-.72-.38-.1.09.4.68c-.63 0-.46.95.14.76v-.06c.46-2.1.24 6.52.28 6.22l-.42-.17v1l.42-.16c-.04-.16.18 8.28-.28 6.23v-.06c-.6-.18-.77.75-.14.76l-.4.68.1.1c.01 0 .71-.4.72-.39 0 .59 1.01.44.82-.12h-.06c-.1.13-.34.06-.34-.1 0-.09.07-.16.16-.17h5.96l-.19.4h1.08l-.19-.4h5.95c.09.01.16.08.16.17 0 .16-.24.23-.34.1h-.06c-.19.56.81.7.82.12l.71.38.1-.09-.4-.68c.23 0 .42-.17.42-.39Zm-7.2-13.74h5.96v13.75H65.12V46.13h6.98ZM77.13 53.68v.01ZM77.13 52.3ZM66.06 53.7v-.02.01ZM66.06 52.3ZM23.05 29.52l.28-.23a3.93 3.93 0 0 1 1.58-2.87 3.77 3.77 0 0 0-.18-.23 4.24 4.24 0 0 0-1.68 3.33ZM25.84 27.87l.27-.1a5.81 5.81 0 0 0-1.15-2c-.13-.13-.34.07-.21.2.4.4.79 1.07 1.09 1.9ZM23.35 26.94c.55.01.56-.85 0-.85-.54 0-.56.85 0 .85ZM31.47 25.12c-.38.4-1.01-.19-.62-.58.37-.4 1 .2.62.58ZM32.32 25.83c-.38.4-1-.2-.61-.59.37-.4 1 .2.61.59ZM28.36 24.45c-.38.4-1-.2-.62-.59.38-.4 1 .2.62.59ZM30.5 24.67c-.38.4-1.01-.2-.62-.59.37-.4 1 .2.62.59ZM31.5 26.03l-.36.04a4 4 0 0 0-3.18-.9l-.04-.29c1.26-.2 2.57.23 3.59 1.15ZM28.28 26.84l-.25.14a5.8 5.8 0 0 1-.64-2.22c0-.19.29-.2.29-.02 0 .56.22 1.31.6 2.1ZM29.43 24.43c-.38.4-1-.19-.62-.58.38-.4 1.01.2.62.58ZM75.3 69.76c1.23-.02 4.1-1.36 2.02-2.48-1.17-.2-2.33.37-3.45.63-4.52 1.78-1.87-.4-4.67-.16.94 2.37 3.33 1.15 5.12.6.06.26-.27.32-.23.58l1.74-.36c.25-1.16 2.4-1.17 1.41 0-2.47 1.06-5.39.86-7.97 1.59-1.73 4.48-4.74 1.43-4.71 2.72-.68.06-.67.7.02.65.02 1.3 3.35-.2 3.97-.6l.43-.9c1.01.48 1.73-.96 2.6-1.22.88-.17 2.02-1.02 2.77-.24.83.91 2.07-.47 2.8.44-.27.71.09.4.21.84 0 .4.66.4.67 0 0-.18.02-.29.2-.36.37-.56-.42-1.17-.7-1.64-.6-.58-1.62.53-2.23-.09Z"/><path d="M64.13 67.79c.2.07.13.3.22.42 1.07.07 2.13-.2 3.2-.34.8 0 .78-.7 1.37-.8 1.41.08 2.3-1.16 3.63-1.36 1.07-.3 2.51-.7 3.46.05.23.25.56.3.9.24.45-.08 1-.18 1.23.34l-.26.27.16.32c.22-.01.25.16.34.3.12.2.4.2.45 0 .05-.25.31-.12.4-.34.03-.64-.1-1.45-.76-1.77-.32-.3-1.6.31-1.63-.31.95.21 2.76-1.01 1.51-1.8-2.11-.5-4.43.52-6.58.76-.84.19-.42-1.18-2.29-.8 1.2 2.47 3.8.72 5.8.7.02.22-.38.2-.28.48.58-.18 1.58.13 1.91-.45.18-.7 1.68-.53 1.24.28-1.12.7-2.8.38-4.12.53-1.61.13-3.37.17-4.89.73-.3.93-.71 1.88-1.8 2.1-.75-.72-1.85.14-2.66-.6-.26.05-.31.2-.42.4-.4.16-.53.38-.12.65ZM76.04 74.3c-2.12-.26-1.8 1.18-2.84.84.19-.23.7-.36.54-.7-1.55.66-3.18 1.14-4.72 1.83-.79.83-.53 2.47-2.3 2.62-.06.86-1.28 1.44-2.03 1.05-.3.28-.17.36-.12.62-.26.23-.6.75-.05.75.17-.04.3-.3.48-.21l-.04.35c.15 0 .35.04.4-.02.24-.3.59-.05.86-.29.91-.6 2.21-1.16 2.14-2.42 1.6-.7 2.54-3.27 4.63-2.37 1.04.56 1.32-1.1 2.25-1.14.26.61.38.56.72.36.58.44.48-.26.71-.58.03-.32-.3-.69-.63-.68Z"/><path d="M66.48 64.23c-.34.95 0 2.21.9 2.74a2.48 2.48 0 0 0 1.32-2.88c.24-.2.54-.3.45-.65-.16-.38-.77-.1-.92-.54-.39-.52-.9-.1-1.2.25-.24.03-.47-.09-.69.02-.22.4.4.65.14 1.06ZM66.21 77.55c1 2.36 2.5-.64 2.12-1.91.69-.56.5-.9-.33-.95-.3-.62-.93-.68-1.36-.16-.16.19-.38.12-.58.14-.43.2-.2.66.18.76-.2.72-.31 1.43-.03 2.13ZM68.95 68.81c-.2-.11-.44-.12-.65-.1-.36-.91-1-.57-1.51-.02-.77-.3-.66.38-.25.75-.38.93-.12 2.32.88 2.72 1.06-.44 1.35-1.7 1.28-2.73.33-.05.6-.42.25-.62ZM76.52 71.9c-1.9-.63-4.87 3.44-6.13 2.24-.3-.66-1.24-.58-1.83-.4.7.5 1.1 1.62 2.18 1.25 1.21-.23 2.17-1.2 3.22-1.65.03.35-.33.5-.48.83.72-.23 1.37-.43 1.9-.88-.09-1.97 2.76-.6.03.62.49.01.82.23 1.15-.17.63-.55.66-1.35-.04-1.85ZM72.22 76.46c-.56.13-1.11.18-1.46.74l.42.55c-.27.68-.95.57-1.6.6l.14.47c-.27.15-.38.39-.32.72l.24.08c.18-.22.5-.44.58-.03a4.57 4.57 0 0 0 2.76-2.15 2.03 2.03 0 0 1-.76-.98Z"/><path d="M70.69 72.4c-.25 0-.3.31-.13.46.16.18.33-.02.52.03l.01.28c1.02.06 2.55-.84 3.1-1.65l-.64-.97c-.55.18-1.18.16-1.5.66l.56.59c-.38.2-.8.55-1.21.22-.17-.15-.63-.08-.51.2.01.05-.01.1-.02.16l-.18.02ZM66.37 78.52c-.38-.73-.97-1.39-1.24-2.15.33-.47.18-1.06-.45-.68-.15-.32-.39-.38-.68-.3-.08.2-.13.4.1.55l-.01.1-.2.06c-.16.4.24.63.38.94.44.7 1.09 2.35 2.1 1.48ZM66.37 66.55c-.06-1-1.23-1.65-.88-2.66.1-.19.07-.41-.13-.56a.73.73 0 0 1-.6-.08c-.44-.21-.5.27-.46.58l-.29.13c.3.86 1.22 3.03 2.36 2.59ZM64.1 69.96c.43.65.55 1.69 1.29 2.06.33 0 .85.3 1.05-.09-.22-.77-1.19-1.22-1.05-2.1.05-.21-.03-.42-.2-.6-.38.1-1.16-.73-.88.27-.23.08-.37.24-.2.46ZM47.32 49.85c.16.01.32-.17.49 0l-.05.25c1.03.45 2.17-.05 3.2-.33.4-.12.63-.53 1.07-.52 1.06.08 1.66-.8 2.57-1.05 1.12-.22 2.26-.4 3.4-.37 1.32 1.78 1.56.27 2.74.87l-.1.53.3.1c-.11.44.55.7.64.14.02-.07-.02-.15.08-.17.7-.37-.38-2.21-1.12-1.73-.38.18-.88.35-1.18-.1.66-.26 1.47-.2 1.91-.8.34-.4.3-1.2-.33-1.42-1.65-.45-3.4.37-5.06.52-3.13.84-.9-.67-3.38-.65.89 2.51 3.56.9 5.41.71-.13.3-.44.4-.56.67.66-.12 1.52.12 2-.38.26-.69 1.92-.77 1.52.17-1.56 1.51-6.45.1-8.63 1.06-.33.99-.9 1.64-1.86 1.91-.77-.48-1.13.07-1.9-.15-.22-.23-.44-.5-.78-.24v.36c-.36-.1-.78.4-.38.63Z"/><path d="M50.03 46.02c-.58 1.04-.4 1.99.28 2.87 1.28.04 1.8-1.7 1.6-2.74l.39-.27-.1-.38-.65-.03c-.47-.6-.75-.6-1.3-.07-.25-.1-.46-.03-.63.19.09.19.21.33.41.43ZM56.3 48.27c-.06.29.2.42.26.64-.35.22-.72.24-1.09.28-.19-.19-.27-.53-.6-.43-.2.04-.09.24-.23.32-.25-.02-.39.1-.43.35l.35.2c-.28 1.31 3.34-.05 3.87-.44-.17-.3-.4-.5-.47-.84-.15-.58-1.22-.1-1.66-.09ZM49.53 48.43c-.04-.46-.16-1-.52-1.32-.41-.42-.55-1-.13-1.44-.2-.2-.49-.04-.7-.32-.25-.3-.41.05-.47.36-.74.1-.32.35-.15.73.24.68 1.11 2.3 1.97 1.99ZM60.45 53.33c-.38.18-.89.35-1.18-.1.65-.26 1.47-.2 1.92-.8.34-.41.3-1.22-.34-1.44-1.66-.46-3.42.38-5.1.52-3.15.85-.9-.67-3.4-.66.9 2.54 3.58.91 5.45.73-.13.3-.44.4-.57.68.66-.13 1.53.12 2.03-.39.25-.7 1.92-.78 1.53.17-1.58 1.52-6.51.1-8.7 1.07-.34 1-.92 1.65-1.88 1.92-.67-.4-1.02-.07-1.6-.1.03.2.09.37.13.55.05.19.07.37.08.56.67-.07 1.34-.32 1.96-.49.41-.12.64-.53 1.1-.52 1.06.07 1.67-.81 2.58-1.07a16.9 16.9 0 0 1 3.44-.37c1.32 1.8 1.56.27 2.75.88l-.1.53.3.1c-.1.45.56.71.65.15.01-.07-.02-.16.08-.17.71-.38-.38-2.23-1.13-1.75Z"/><path d="M49.86 51.76c-.59 1.06-.42 2.01.28 2.9 1.29.04 1.82-1.7 1.6-2.77.14-.09.27-.17.4-.27l-.1-.38-.66-.03c-.46-.6-.75-.6-1.3-.07-.26-.1-.47-.03-.64.2.1.18.21.33.41.42ZM56.17 54.03c-.05.3.22.42.27.66-.35.22-.73.23-1.1.28-.19-.2-.27-.54-.6-.44-.2.05-.1.25-.24.33-.25-.02-.4.1-.43.34l.35.21c-.28 1.32 3.37-.05 3.9-.45-.17-.3-.4-.5-.47-.84-.15-.58-1.23-.1-1.68-.09ZM49.35 54.2c-.04-.47-.16-1.01-.53-1.33-.41-.43-.54-1-.12-1.46-.21-.2-.5-.04-.7-.32-.27-.3-.42.05-.49.36-.74.11-.31.35-.14.74.24.68 1.12 2.3 1.98 2ZM60.58 58.73c-.38.18-.88.35-1.18-.1.65-.27 1.47-.2 1.92-.81.33-.4.3-1.21-.34-1.43-1.66-.45-3.41.38-5.1.52-3.14.85-.9-.67-3.4-.65.9 2.53 3.59.9 5.45.72-.13.3-.44.4-.56.67.66-.12 1.53.12 2.02-.38.25-.7 1.92-.78 1.53.17-1.57 1.52-6.5.1-8.7 1.07-.32.99-.9 1.65-1.86 1.92-.79-.48-1.14.06-1.93-.15l-.23-.24a.15.15 0 0 1-.06-.04.48.48 0 0 0-.1-.05l.02.04c.01.45-.1.9-.28 1.31 1.02.4 2.14-.09 3.15-.36.4-.12.64-.53 1.09-.52 1.06.08 1.67-.8 2.58-1.06 1.13-.21 2.28-.39 3.43-.37 1.32 1.79 1.56.27 2.75.88l-.1.52.3.11c-.1.45.56.7.65.14.01-.07-.02-.16.08-.17.7-.38-.38-2.23-1.13-1.74Z"/><path d="M50 57.16c-.58 1.06-.41 2 .28 2.9 1.3.04 1.82-1.7 1.6-2.77.14-.09.27-.17.4-.27l-.1-.38-.65-.03c-.47-.6-.75-.6-1.31-.07-.26-.1-.47-.03-.64.2.1.18.22.33.42.42ZM56.3 59.43c-.05.3.22.42.27.65-.35.22-.72.24-1.09.28-.2-.19-.27-.53-.61-.43-.2.04-.09.24-.23.32-.25-.02-.4.1-.43.35l.35.2c-.28 1.32 3.36-.05 3.9-.44-.18-.3-.4-.5-.47-.85-.15-.58-1.23-.1-1.68-.08ZM48.97 58.26a1.56 1.56 0 0 1-.2-.25c-.03.24.1.51.06.74-.04.19-.09.46-.14.63.3.3.47.33.8.21-.04-.46-.15-1-.52-1.33ZM67.88 48.96c.28.18.5 1 .67 1.12.32.42 1 1.55 1.66 1.32v-.02c.2-.08.38-.65.4-.73-.01-.02-.12-.12-.25-.22-.62-.53-1-1.06-1-1.55-.04-.16.35-.38.32-.53-.02-.56-.49.07-.67-.02-.1-.16-.45-.62-.67-.4-.13.06.03.4-.07.47-.05.07-.08.08-.23.07-.5 0-.57.3-.16.5Z"/><path d="M70.54 52.75c.17-.17.67-.65.73-.76.05-.11.07-.11.42-.14.97-.14 1.46-.53 1.74-1.56.13-.31-.04-.98-.24-1.13-.08-.05-.11-.15-.06-.19.18-.02.55-.17.62-.38-.1-.2-.36-.05-.7-.16-.25-.11-.92-.32-1.2-.17-.18.23-1.32.25-1.11.59l.12.4.52.07v.37l-.48.1c-.31.45.73.48 1 .14.19-.22.48-.25.47-.01-.14.3-.64.44-.93.59-.44.07-.55.92-.89 1.2-.95.17-1.29.15-2.23-.6-.34-.4-.61-.1-.35.2-.17.06-1.04-.43-.65.4l.06.08c-.43.61.21.4.57.6.77.3 1.6.52 2.6.36Z"/><path d="m73.59 52.15.4.83s.86.38.98.5c.49.35.4 1.32-.03 1.21-.72-.29-1.15-1.3-1.65-1.92-.13-.1-.47-1.11-.7-.85-2.96.65.54 1.4 0 2.5-.1.15-.43.9-.3 1.02.25.3.8.53 1.1.91.48.47.05 1-.55.57-.34-.25-.74.11-.4.45.03.06-.2.16-.24.19-.35.48.23.45.54.21.17-.08 0 .42.29.34.54-.12 1.37-.39 1.52-1.23.34-.76-.44-.64-.63-1.31-.2-.28-.21-1.29.21-.92.4.5.92.77 1.4.34.44-.42.04-1.42-.19-1.86-.43-.89-.92-1.74-.89-2.8.6-.7 1.3.56 1.72-1.4-1.4.09-2.78 1.02-2.09 2.58.43.88.34.81-.5.65Z"/><path d="M71.33 53.82c-.74-.04-1.3-.1-1.1.77.04.21.12.85.25 1 .05.08.04.17-.03.22-.3.17-1.43-.29-1.3-.67 0-.31-.31-.39-.4-.16-.06.1-.14.1-.25-.03-.21-.3-.5.1-.38.33.04.09-.01.18-.12.2-.31.13-.3.55.14.56.94.44 1.76.88 2.86.73h-.02c1.2-.09.59-.31.53-1.14-.2-.88 1.33-1.47-.18-1.81ZM72.46 66.5c-.08-.07-.28 0-.3.06 0 .4-.42.28-.55.56.08.16.2.3.39.28.23-.02.2.26.42.27.98-.44 2.16-.33 3-1.1-.32-.26-.4-.62-.46-1-.57.04-1.13-.04-1.62.22-.05.26.13.4.26.62-.4.17-.76.26-1.14.09Z"/><path d="M88.26 55.51c-.4-.82-1.3-5.44-2.6-4.44 5.96 11.02 1.98 25.52-8.37 32.5-3.03 1.81-6.8 4.83-10.4 2.82 2.32-8.95 13.44-5.17 15.85-22.22-.3-.14-.4-.23-.68-.28a29.17 29.17 0 0 1-1.85 6.87c.96-2.54.35-10.48.53-10.92-.1-.13-.2-.18-.53-.58.06.96 0 1.3 0 2.58H63.35V44.43H79.9v9.82a6 6 0 0 0 .1.7c.24-.37.26-.35.42-.47V43.92H45.7l-.03 8.9h.51v-8.4h16.66v17.42H46.77c-.05.05.01-.28-.04-.23 0-.05-.11.27-.11.23h-.45V60.5l-.5-.02c-.38 1.3.72 12.23 2.53 14.15-3.62-3.48-4.76-9.65-4.08-14.3 0 0-.34-.26-.71-.6-1.14 6.56 1.36 13.02 6 17.7.4.44.85-.02 1.34-.15-.1-.1-.31-.27-.46-.47l.46.47-.25-.7c-3.65-2.76-4.25-10.63-4.32-14.23h16.65s0 21.83-.02 21.88c-3.54-.17-5.94-3.98-9.36-4.02 4.92 2.88 13.9 9.83 19.58 6.78l.08.1c-.6.74-2.7 2.14-3.64 1.78-1.54-.92-3.93.76-2.83 2.47.14.2.22.37.06.64-6.14-.57-11.66-4.2-16.83-7.31l-.09.1c1.98 2.65 9.06 5.94 9.06 5.94v3.94l.75.5v-4.27c1.86.63 5.62 1.8 5.62 1.8l.01 2.66.72-.45-.04-2 1-.27a1.3 1.3 0 0 0 .97-1.41.75.75 0 0 1-.42-.87c.15-.78 1.1-.8 1.49-.33.77.34 1.52-.57 2.28-.79 1.07-.64 2.38-1.2 2.88-2.42.1-.3.26-.5.52-.64a27.42 27.42 0 0 0 6-4.3c7.52-6.29 10.14-17.1 7.64-26.35Zm-24.91 6.83H80.2c1.38 12.76-6.18 17.03-16.86 21.48V62.34Zm.3 22.8a6.99 6.99 0 0 1 3.56-1.79l-1.26 2.8-2.3-1.02ZM26.02 92.14c-.38-.23-.86-.3-1.42-.21.12.84.43 2.41.67 3.23 1.6-.23 2.07-2.2.75-3.02Z"/><path d="M47.7 86.35c-9.55.01-19.06 4.05-28.6 4.05-1.15 0-2.3-.06-3.45-.2 2.96 2.32 2.76 6.96 7.06 6.96l.58-.03c5.85-.62 11.66-2.25 17.42-3.15.99-.15 5.75-1.3 8.54-1.3 1 0 1.76.14 1.98.55.3.54-1.6 2.12-1.6 2.18-.01.02 0 .03.02.03.18 0 1.23-.6 2.02-1.11 3.11-2.22-3.41-7.98-3.97-7.98Zm-20.1 7.84c-.52 1.22-2.07 1.5-3.29 1.71.06-.38-.68-3.91-.9-4.24 2.1-.89 5.1-.02 4.19 2.53Zm1.23.74a9.99 9.99 0 0 0-.91-4.24l1.22-.26a10 10 0 0 0 .9 4.24l-1.21.26Zm4.69-1-2.5.54c.05-.37-.76-3.84-.97-4.16l2.63-.57-.21.87c-.37-.1-.8-.1-1.28 0l.3 1.25 1.45-.32.23.62c-.29-.05-1.16.17-1.56.23l.3 1.32c.72-.16 1.31-.4 1.78-.71h.01l-.18.92Zm2.56-.4c-1.82.05-2.09-2.53-2.51-3.8l.88-.16c.42 1.1.3 3.7 2.18 3.35 1.36-.6.26-2.73.12-3.76l.87-.12c.33 1.7 1.11 4.67-1.54 4.5Zm7.24-1.28-2.5.57c.05-.37-.79-3.83-1-4.15l2.63-.6-.2.88c-.37-.1-.8-.1-1.29 0l.3 1.26 1.46-.33.24.6c-.29-.04-1.16.18-1.56.26l.31 1.3c.72-.15 1.31-.4 1.78-.72l.01.01-.18.92Zm2.63-4.2.72 3.58-.84.15-.73-3.57c-.52.09-.8.09-1.5.39l-.02-.8 3.6-.46.25.68a5.68 5.68 0 0 0-1.48.02ZM91.93 90.33c-.2.8-.52 2.28-.62 3.08 1.87.4 2.45-2.7.62-3.08ZM99.27 91.6c-1.43-.36-1.9 2.6-.7 3.07 1.45.34 1.9-2.6.7-3.08ZM95.52 91.04l-.44 1.57c1.22.22 1.75-1.37.44-1.57ZM84.04 88.8c-1.5-.4-2.07 2.65-.82 3.17 1.53.4 2.08-2.64.82-3.17Z"/><path d="M105.4 90.38c-1.19 0-2.33-.02-2.88-.07-6.3-.6-12.52-2.38-18.8-3.37-1.81-.28-3.3-.55-4.58-.55-2.67 0-4.48 1.15-6.63 5.67-.91 1.73 2.15 3.37 2.83 3.44-2.52-2.13-1.64-2.76.34-2.76 2.75 0 7.62 1.2 8.57 1.33 5.75.9 11.57 2.53 17.42 3.15l.59.03c4.3 0 4.09-4.64 7.05-6.95-.53.04-2.27.08-3.9.08Zm-23.67-2.5c-.14.13-.65 3.67-.62 4.01l-.96-.18c.17-.3.4-2.77.4-2.77l-1.65 2.53-.97-2.86s-.39 2.06-.4 2.72l-.95-.13c.3-.48.9-4.12.9-4.12l.97.18c.03.2.76 2.66.76 2.66s1.3-2.15 1.38-2.26l1.14.2v.02Zm3.53 3.13c-.86 2.9-4.24 1.31-3.24-1.27.86-2.81 4.24-1.33 3.24 1.27Zm3.33 2.54c-.3-.07-1.89-3.28-1.89-3.28s-.39 2.5-.49 2.67l-.72-.1.83-3.93.8.1c0 .11 1.27 2.76 1.27 2.76l.46-2.34.62.17-.88 3.95Zm3.77.34c-.57.2-1.39-.02-1.98-.14l.8-4.04c2.65-.17 3.74 3.22 1.18 4.18Zm4.7-1.86c-.12.46-.46.77-1.02.94.24.8.39 1.06.8 1.93v.02l-.65-.1a7.54 7.54 0 0 1-1.18-1.8c-.14.5-.28 1.13-.22 1.58l-1.1-.16c.2-.31 1.06-3.62 1.03-3.97.94.12 2.64.29 2.34 1.56Zm2.1 3.2c-2.44.45-2.43-3.6-.48-4.17 2.43-.51 2.44 3.61.47 4.17Zm2.52-2.37c-.1.71-.43 2.18-.3 2.86l-.95-.14c.42-1.06.7-2.85.64-3.98l.95.13c-.16.32-.27.7-.34 1.13Zm2.25-.18s-.56 3.11-.53 3.38l-.94-.17c-.02.02.58-2.73.73-3.33a2 2 0 0 0-1.1.1h-.01l.38-.78 2.56.45.18.87a3.4 3.4 0 0 0-1.27-.52Z"/></svg>
diff --git a/app/static/assets/images/govuk-icon-180.png b/app/static/assets/images/govuk-icon-180.png
new file mode 100644
index 0000000..7c33beb
Binary files /dev/null and b/app/static/assets/images/govuk-icon-180.png differ
diff --git a/app/static/assets/images/govuk-icon-192.png b/app/static/assets/images/govuk-icon-192.png
new file mode 100644
index 0000000..35e51d7
Binary files /dev/null and b/app/static/assets/images/govuk-icon-192.png differ
diff --git a/app/static/assets/images/govuk-icon-512.png b/app/static/assets/images/govuk-icon-512.png
new file mode 100644
index 0000000..f5eb6f4
Binary files /dev/null and b/app/static/assets/images/govuk-icon-512.png differ
diff --git a/app/static/assets/images/govuk-icon-mask.svg b/app/static/assets/images/govuk-icon-mask.svg
new file mode 100644
index 0000000..e10ff6c
--- /dev/null
+++ b/app/static/assets/images/govuk-icon-mask.svg
@@ -0,0 +1 @@
+<svg viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="m0 0v512h512v-512zm415.76 238.55c11.12-4.56 24.05.88 28.67 12.11 4.63 11.17-.72 24.05-11.85 28.61-11.34 4.68-24.21-.67-28.83-11.88-4.65-11.18.67-24.18 12.01-28.84zm-39.05-58.11c11.12-4.56 24.05.89 28.68 12.12 4.62 11.17-.73 24.04-11.85 28.6-11.34 4.68-24.21-.67-28.83-11.88-4.65-11.18.67-24.18 12-28.84zm-58.98-35.19c11.12-4.57 24.05.88 28.67 12.11 4.62 11.17-.72 24.04-11.85 28.6-11.34 4.68-24.21-.67-28.84-11.88-4.64-11.18.67-24.18 12.01-28.83zm-101.34-55.92 27.83 8.81.09-.08c.77-1.03 1.68-1.94 2.7-2.73l.08-.08-11.2-35.25h20.12s20.12 0 20.12 0l-11.2 35.25.08.08c1.02.79 1.93 1.7 2.7 2.73l.08.08 27.84-8.81v41.08l-27.87-14.63-.06.06c-.83 1.08-1.8 2.04-2.88 2.86l16 48.28c.02.06.05.12.06.18l.02.05c.74 2.42 1.14 4.98 1.14 7.63 0 13.06-9.65 23.85-22.19 25.7-.18.03-.37.06-.55.08-1.07.14-2.16.23-3.26.23-1.11 0-2.19-.09-3.26-.23-.19-.02-.38-.06-.56-.08-12.55-1.85-22.19-12.63-22.19-25.7 0-2.65.4-5.21 1.15-7.62s.01-.06.01-.06c.02-.06.04-.12.06-.18l16.01-48.28c-1.09-.81-2.06-1.77-2.88-2.86l-.06-.06-27.87 14.63v-41.08zm48.11 174.62c-11.34 4.68-24.21-.67-28.84-11.88-4.64-11.18.67-24.18 12.01-28.83 11.12-4.57 24.05.88 28.67 12.11 4.62 11.17-.72 24.04-11.85 28.6zm-99.28-106.59c4.62-11.23 17.55-16.68 28.67-12.11 11.34 4.65 16.65 17.65 12.01 28.83-4.62 11.21-17.49 16.56-28.84 11.88-11.12-4.56-16.47-17.44-11.85-28.6zm-58.99 35.2c4.63-11.22 17.55-16.68 28.68-12.12 11.34 4.65 16.65 17.65 12 28.84-4.62 11.21-17.49 16.56-28.83 11.88-11.12-4.56-16.48-17.44-11.85-28.6zm-39.04 58.11c4.62-11.23 17.55-16.68 28.67-12.11 11.34 4.65 16.66 17.65 12.01 28.84-4.62 11.21-17.49 16.56-28.83 11.88-11.13-4.55-16.47-17.43-11.85-28.61zm335.98 169.34c-44.5-6.37-94.44-9.94-147.21-9.94s-102.66 3.57-147.14 9.93c-12.63-53.1-28-83.53-43.87-105.19l29.89-10.64c-2.97 15.18-3.45 22.24-.12 32 4.93-4.82 9.6-13.68 13.25-27.23l14.49 48.23c-8.82-6.07-15.61-9.99-23.39-10.17 13.79 29.7 31.01 37.34 42.17 35.28 13.62-2.5 19.89-14.65 17.78-24.95-3.13-14.6-18.12-18.41-25.12-1.42-13.39-27.31 9.32-35.81 23.93-27.73-22.44-22.39-25.01-42.29-6.89-66.38 25.24 19.3 25.54 38.41 14.18 65.3 14.74-16.87 37.68-7.81 29.4 19.45-10.64-16.46-24.71-6.1-22.5 9.53 1.87 13.62 19.85 24.62 42.25 22.68 32.1-2.91 34.01-25.06 34.81-43.39-7.89-1.46-22.1 5.86-34.22 22.87l-4.46-51.16c13.18 13.74 25.16 16.35 38.46 16.77-4.43-13.82-24.78-36.46-24.78-36.46h63.85s-20.35 22.64-24.78 36.46c13.3-.42 25.28-3.03 38.46-16.77l-4.46 51.16c-12.11-17.01-26.32-24.33-34.21-22.87.8 18.34 2.71 40.48 34.81 43.39 22.39 1.95 40.38-9.05 42.25-22.68 2.21-15.63-11.86-25.99-22.49-9.53-8.29-27.26 14.65-36.32 29.39-19.45-11.36-26.89-11.07-46 14.18-65.3 18.12 24.08 15.55 43.99-6.9 66.38 14.62-8.08 37.32.43 23.94 27.73-7-16.99-21.98-13.18-25.12 1.42-2.11 10.3 4.15 22.46 17.77 24.95 11.16 2.06 28.38-5.58 42.17-35.28-7.77.18-14.57 4.11-23.38 10.17l14.48-48.23c3.65 13.55 8.32 22.41 13.25 27.23 3.33-9.76 2.85-16.82-.12-32l29.89 10.64c-15.88 21.66-31.25 52.09-43.88 105.2z"/></svg>
\ No newline at end of file
diff --git a/app/static/assets/images/govuk-opengraph-image.png b/app/static/assets/images/govuk-opengraph-image.png
new file mode 100644
index 0000000..4d0e312
Binary files /dev/null and b/app/static/assets/images/govuk-opengraph-image.png differ
diff --git a/app/static/assets/manifest.json b/app/static/assets/manifest.json
new file mode 100644
index 0000000..0d183a2
--- /dev/null
+++ b/app/static/assets/manifest.json
@@ -0,0 +1,39 @@
+{
+  "icons": [
+    {
+      "src": "images/favicon.ico",
+      "type": "image/x-icon",
+      "sizes": "48x48"
+    },
+    {
+      "src": "images/favicon.svg",
+      "type": "image/svg+xml",
+      "sizes": "150x150",
+      "purpose": "any"
+    },
+    {
+      "src": "images/govuk-icon-180.png",
+      "type": "image/png",
+      "sizes": "180x180",
+      "purpose": "maskable"
+    },
+    {
+      "src": "images/govuk-icon-192.png",
+      "type": "image/png",
+      "sizes": "192x192",
+      "purpose": "maskable"
+    },
+    {
+      "src": "images/govuk-icon-512.png",
+      "type": "image/png",
+      "sizes": "512x512",
+      "purpose": "maskable"
+    },
+    {
+      "src": "images/govuk-icon-mask.svg",
+      "type": "image/svg+xml",
+      "sizes": "150x150",
+      "purpose": "monochrome"
+    }
+  ]
+}
diff --git a/app/static/assets/rebrand/images/favicon.ico b/app/static/assets/rebrand/images/favicon.ico
new file mode 100644
index 0000000..7809b94
Binary files /dev/null and b/app/static/assets/rebrand/images/favicon.ico differ
diff --git a/app/static/assets/rebrand/images/favicon.svg b/app/static/assets/rebrand/images/favicon.svg
new file mode 100644
index 0000000..d748447
--- /dev/null
+++ b/app/static/assets/rebrand/images/favicon.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path fill="#1D70B8" d="M0 0h32v32H0z"/><path fill="#fff" d="m16.88 7.87 2.11 1.1V5.86l-2.11.67c-.06-.08-.13-.15-.2-.21s.85-2.68.85-2.68h-3.04l.85 2.67c-.08.07-.15.14-.2.21s-2.11-.66-2.11-.66v3.11l2.11-1.11c.06.09.14.16.22.22l-1.21 3.66v.01c0 .01 0 0 0 0-.06.18-.09.38-.09.58 0 .99.73 1.81 1.68 1.95h.04c.08.01.16.02.25.02.08 0 .17 0 .25-.02h.04c.95-.14 1.68-.96 1.68-1.95 0-.2-.03-.39-.09-.58s0 0 0-.01L16.7 8.08c.08-.06.16-.13.22-.22M9.16 12.3a1.75 1.75 0 1 0 1.52-3.15c-.86-.41-1.91-.04-2.33.83s-.05 1.91.81 2.32M4.82 15.87c.9.37 1.92-.05 2.29-.94s-.05-1.92-.95-2.29c-.88-.36-1.91.07-2.28.96s.06 1.91.94 2.27M22.86 12.3a1.75 1.75 0 1 1-1.52-3.15c.86-.41 1.91-.04 2.33.83s.05 1.91-.81 2.32M27.18 15.84c-.9.37-1.92-.05-2.29-.94s.05-1.92.95-2.29c.88-.36 1.91.07 2.28.96s-.06 1.91-.94 2.27M16 25.68c3.59 0 6.99.24 10.02.68.86-3.61 1.91-5.68 2.99-7.16l-2.03-.72c.2 1.03.23 1.51 0 2.18-.34-.33-.65-.93-.9-1.85l-.99 3.28c.6-.41 1.06-.68 1.59-.69-.94 2.02-2.11 2.54-2.87 2.4-.93-.17-1.35-1-1.21-1.7.21-.99 1.23-1.25 1.71-.1.91-1.86-.63-2.44-1.63-1.89 1.53-1.52 1.7-2.88.47-4.52-1.72 1.31-1.74 2.61-.97 4.44-1-1.15-2.56-.53-2 1.32.72-1.12 1.68-.42 1.53.65-.13.93-1.35 1.68-2.87 1.54-2.18-.2-2.31-1.71-2.37-2.95.54-.1 1.5.4 2.33 1.56l.3-3.48c-.9.93-1.71 1.11-2.62 1.14.3-.94 1.69-2.48 1.69-2.48h-4.34s1.38 1.54 1.69 2.48c-.91-.03-1.72-.21-2.62-1.14l.3 3.48c.82-1.16 1.79-1.66 2.33-1.56-.05 1.25-.18 2.75-2.37 2.95-1.52.13-2.75-.62-2.87-1.54-.15-1.06.81-1.77 1.53-.65.56-1.85-1-2.47-2-1.32.77-1.83.75-3.13-.97-4.44-1.23 1.64-1.06 2.99.47 4.52-.99-.55-2.54.03-1.63 1.89.48-1.16 1.5-.9 1.71.1.14.7-.28 1.53-1.21 1.7-.76.14-1.93-.38-2.87-2.4.53.01.99.28 1.59.69l-.99-3.28c-.25.92-.57 1.52-.9 1.85-.23-.66-.19-1.14 0-2.18l-2.03.72c1.08 1.47 2.13 3.54 2.99 7.16 3.03-.43 6.42-.68 10.01-.68"/></svg>
diff --git a/app/static/assets/rebrand/images/govuk-crest.svg b/app/static/assets/rebrand/images/govuk-crest.svg
new file mode 100644
index 0000000..71f7dff
--- /dev/null
+++ b/app/static/assets/rebrand/images/govuk-crest.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="125" height="102"><path d="m108.76 55.62-.27-.03-.74-1.97c.35-.44.53-1.14 0-1.49-.72-.28-2.74-2.56-3.34-1.08-.26.09-1.86.18-1.98.47a17.72 17.72 0 0 1-1.9-3.9c.31-1.64 4.72-3.7 4.72-3.7s-1.25-1.78-1.75-2.79c-.22.5-.42.29-.9.5 2.44-4.3 2.96-9.97-.28-14.04-.33-.7-.18-1.63-.5-2.33-.56-.73-.95-2.18-1.95-2.33 0 1.28-.13 2.53.5 3.72.66.82-.92 1.53-1.4.87.93-.1 1.1-.29.77-.82-4.05-.9-6.3 1.92-10.17 2.36-.34 0-.64.12-.83.42-2.38 3.17 2.96 1.01 3.42 3.11-.89.73-1.01.25-1.85.04-1.2.05-2.36.42-.86 1.42-.92 1.43-.87 1.93-2.74 2.05.81 1.13.64 2.76.85 4.04-1.33.24-2.23.87-2.26 2.28-.6.13-1.24-.18-1.66.46-.84-.69-1.8-.81-2.8-.83-.48-.36-1.66-1.2-2.93-1.84l.71-2.62 2.06-1.3-1.08-2.15c2.39-8.11 3.16-8.57 4.37-8.74l.06-.23-4.4-1.4-.08.3c1.1.8 1.47 2.12.96 3.68-1.17-.5-1.84-1.61-1.72-2.6l-.29-.08-1.47 4.85.23.07c.58-.83 1.6-1.3 2.76-1.1-1.36 4.29-7.5 2.95-6.4-.7.78-1.5 2.27-.54 1.55 1.04 3.45-1.2 1.41-6.1-1.53-3.17.97-1.98 1.52-3.53.3-5.44-1.59 1.01-2 2.84-1.69 5.27-1.94-4.4-5.33.13-2.58 2.43-.5-3.27 3.58-1.11.82 1.52-2.63 1.84-5.86-.27-5.95-3.52 1.52.13 2.67 1.02 2.83 2.14h.28l.19-5.54-.35-.01c-.23 1.12-1.47 2.07-3.02 2.1.1-1.7 1.1-3.04 2.37-3.26v-.31h-6.46v.31c1.28.22 2.27 1.55 2.38 3.26-1.56-.03-2.8-.98-3.03-2.1l-.34.01.18 5.55.28-.01c.16-1.12 1.32-2.01 2.83-2.14-.09 3.24-3.32 5.36-5.95 3.52-2.75-2.63 1.32-4.79.82-1.52 2.76-2.3-.64-6.83-2.58-2.43.3-2.43-.1-4.26-1.69-5.27-1.22 1.91-.67 3.46.3 5.44-2.94-2.93-4.97 1.98-1.53 3.17-.71-1.58.77-2.54 1.55-1.04 1.1 3.65-5.04 4.99-6.4.7 1.17-.2 2.18.27 2.76 1.1l.24-.07-1.48-4.85-.3.08c.14.99-.53 2.1-1.71 2.6-.5-1.56-.15-2.89.97-3.69l-.08-.28-4.41 1.4.06.22c1.21.17 1.98.63 4.37 8.74l-1.08 2.15 2.06 1.3.65 2.37.02-.01c0 .03-.01.04-.02.01-5.94 2.75-4.59 4.61-9.15 4.08-.41.93-.8 1.86-1.72 2.5a6.64 6.64 0 0 0-1.67-3.56c-.42-.49-1 .05-1.63.1-1.24 2.67-2.1.26-4.28 1.65.09 1.25.28 2.49.97 3.64a7.83 7.83 0 0 1-4.04-1.3c-4.85 5.36-9.92 10.51-14.07 16.42-2.21 2.9-8.14 1.2-6.58-2.79.72-2.91 4.97-2.29 4.7.6 2.1-2.31.76-4.61-2.46-4.1 2.95-1.26 4.72 1.13 7.38-2.15-2.03.04-3.75-.6-5.78-.13 2.57-1.52 6.09.74 8.27-3.45-1.9.2-3.63.99-5.6 1.28 11.84-11.18.45-11.73 1.9-16.56-.93.78-1.46 1.56-1.03 2.6-2.66-1.1-6.59-.77-7.66-3.96-.26 4.54 1.75 4.22 5.22 5.15-1.6-.19-3.18-.2-4.68-.75.31 2.04 1.87 2.47 3.71 2.28-1.8.98-1.39 3.52.44 4.39-1.17-6.57 8.78-4.32 4.24 1.72-2.11 3.1-5.16 5.42-7.72 8.13-.49-.83-1-1.66-2.11-1.54 1.95 2.23-.25 4.66-.77 6.96-.75 2.84 1.79 5.26 4.5 5.6-1.08 1.27-1.16 2.4-.33 3.44.82-4.18 6.94-3.24 7.52-7.76.1-.53.36-.95.96-1.19-2.76 3.09 3.87 9.62-2.36 10.38-.89.03-1.1.95-.62 1.61-2.57-.13-3.28.84-3.67 3.25l3.25-.84c-1.12 2.9-3.66-.17-3.24 5 1.04-.49 2.02-1.01 2.97-1.6.92 2.9-4.67 1.65-.47 6.28a8.57 8.57 0 0 1 1.95-3.03c-.51 1.46-.4 3.15 1.26 3.8l.22-1.07h.13c.24.96.28 2.3 1.22 2.86.31.12.48.3.59.62.17.54.67.68 1.16.74.62.13.78-.56 1.23-.84.13.76 1.04.89 1.5 1.54.33-3.77-4.72-2.4-3.56-4.9.45 1.52 1.88 1.2 2.88 1.81.4.63 1.34 1.16 1.82.28l1.31.97c-.98-4.47-3.33-1.7-4.8-4.05 1.02.04 2.12 1.55 3.23.52.6.61 1.06 1.32 1.51 2.04a3.29 3.29 0 0 0-1.5-3.32c-1.28-.77-3.02.6-4.12-.95-1.5-1.83-1.45-4.4-.67-6.52.71-1.63 2.7-2.24 3.63-3.78-.26 1.36-.13 3.73 1.43 4.17-.38-2.53 1.44-4.81 1.81-7.26.48-.62.5-1.1.07-1.77-.78-1.26-.99-2.77-1.84-4.01-1.33-1.85-2.97-1.9-.26-3.84-1.64 2.53-.3 1.6 1.12 3.99.26-.8 1.47-1.85-.04-1.85-2.39-1.16 3.1-4.18 4.35-4.25 1.23-.1 2.94.04 3.87-1.16C32.56 55 32 54.83 33 53.7c-.67-.39-1.26-.85-1.38-1.71l-1.85.63c.6-.67 2.37-2.03 2.56-.52.04.84.89 1 1.55 1.2-.48.7-1.28 1.4-.55 2.2.5.54.82 1.54 1.61 1.67l.63-2.31c1.74 1.8-1.75 2.8 3.03 4.43a9.56 9.56 0 0 1-.2-2.93c2.3 1.9-1 3.1 4.3 3.72-.58-.7-.72-1.46-.94-2.24.89.15 1.6.98 2.17 1.61.55.83.95 1.28 2.2.47.06.15.07.34.18.43.56.42.33.93.32 1.49h.15c.74-.74.8-1.58.56-2.5-.5-1.74-2.65-.36-3.4-2.13 1 .68 2.02 1.08 3.13.5.62.59.88 1.01 1.18 1.83.5-1.87-.08-3.78-2.07-3.22-.62.22-.88.17-1.5-.37.92.32 1.54-.15 2.13-.57.13.17.2.35.29.36.56.03.92.36 1.27.77.19-1.6-1.42-2.9-3.04-2.49-.4 1.97-2.07.86-3.4.6-2.04-1.2-3.12-3.47-4.93-4.95a3.6 3.6 0 0 0-3.9-3.83c2-.87 4.39.84 4.54 2.91.08.85.6 1.39 1.14 2.02 6.79-13.5 28.69-17.04 41.26-8.47 1.07.98 2.23 1.77 3.34 2.8.44-1.3.18-2.83 2.12-2.05l.37-.24a1.84 1.84 0 0 1 1.58-2.4v.84c-.5.09-.9.57-.82 1.1.39-.09.74.42.53.75a1 1 0 0 0 1.16-.18l.96.08c-.44 1.04-1.97 1.4-2.84.63.17.23-.58 2.53-.6 2.8a.73.73 0 0 1-.75.54l.38.61c.55-.3 1.32-.28 1.25-1.05.1-.44-.18-2.46.45-2.28.25.77-.23 1.65.34 2.4 1.82-.44 1.02-2.06 3.22-2.48.88-.08 2.72-.5 3.19.36-1.92-.5-4.4.02-4.83 2.19-2 .46-3.68 1.88-5.8 1.88-1.7.09-2.15 2.1-2.22 3.48-.29 1.58-.37 3.22-1.08 4.69-.35.56-.06 1.2.13 1.72.65.34 1.11 2.56 1.2 3.36 0 1.45 2.51 1.93 3.54 2.84.28-1.82-3.2-1.3-2.71-3.85.62 1.69 1.97 2.03 3.45 2.86-.46-1.7-.6-4.53-3-4.18-.93-1.27.42-1.34-.01-2.86.69.21 1.01.45 1.2.87l-.7-.22c.08 1.08 1.02 1.33 1.75 2.07-.12-1.76-.28-2.87-1.94-3.73-.94-.85.14-2.81.08-3.99-.03-.34 2.22-1.45 2.56-1.35 1.67.21 3.41-.05 5.02.36 1.61.5.23-2.95 2.83-1.13-1.88-.55-.74 1.48-2.1 1.59-.94 0-1.75-.08-2.74-.12 3.42 7.52 10.99 5.32 13.07 12.03 1.74-1.52.56-1.5.07-3.09 3.94 2.6-3.66 5.6-.8 10.16-.19-.52 1.6-2.65 1.8-3.08.32-.48.88-.5 1.23-.16l.57-1.17c-1.06-.57.86-3.03 1-3.73.2-.42.65-.62 1-.45l.53-1.46c-1-.27-.25-2.67-.33-3.34-1.4-1.26-2.56-2.84-3.65-4.3l.67-.1c-.07.32.05.68.33.87.48.19 2.33 1.96 2.91 1.54l.3.78c-.47.12-.55.77-.56 1.21.25.2.52.4.76.62.03-.16.01-.87.15-.98.22.29.62.3.87.06.22.12-.06 1.67-.03 1.87.27.3.53.6.77.9-.1-.7.78-3.43-.44-3.57ZM88.93 30.25l.76-.08c-.5-.35-.02-.84.4-.5.98.76-1 2-1.16.58Zm-39.44 7.11-2.07-1.3 1.1-2.2 2.98 1.06-2 2.44Zm6.78-1.7c-3.25.66-3.93-2.88-.67-3.47 3.24-.65 3.93 2.89.67 3.47Zm7.34-.27-3.2-2.24 3.2-2.23 3.2 2.23-3.2 2.24Zm10.19-.99c-.38 2.27-5.5 1.29-5.01-.95.38-2.26 5.5-1.29 5 .95Zm1.92.52 3-1.05 1.09 2.18-2.08 1.31-2.01-2.44Zm24.64-10.39c.6.65.85 1.35.85 2.14-.57-.19-.81-.8-.85-2.14Zm-2.69 4.2c-.79.53-1.5 1.32-2.3.25l-.54.1c1.2-1.83 1.1-1.51 2.84-.36Zm-6.61 6.64c.53.19 1.03.46 1.56-.06-.51 0-.67-.36-.81-.7-.25-1.73 2.6-1.12 3.66-1 2.68 1.62 7.23.6 5.65-3.24 1.24.75.81 2.86-.13 3.68-2.47 1.32-4.82.32-7.29 2.92-.37-1.19-1.8-1.12-2.3.18l-1.05.05c-.08-.68.49-1.18.71-1.83Zm9.33 11.35-.33.42c-2.06-2.32-9-4.99-12-4.56l.05-.53-.02.02 1.14-.72-.98-.8c.01-.11-.62-4.02-.62-4.02l1.72-.05s-.61.7-.64 1.27c.1.07.18.17.24.29.34-.15.71-.86.71-.86l.16 2.32s-.47-.67-.82-.79a.56.56 0 0 1-.13.23c.5 1.53 2.76 1.62 2.77.3-.08-.67-.84-.56-.8.16-1.24-.98.44-2.53 1.12-.97-.08-.9 0-1.41.7-1.85.47.58.4 1.13-.1 2 1.52-1.4 2.1.98.67 1.33.7-1.25-1.31-.86-.57.45.67 1.02 2.3.87 2.88-.24a.62.62 0 0 1-.08-.21c-.58-.1-1.43.37-1.43.37l.8-2.13s.33.91.8 1.2c.1-.08.2-.14.32-.17.09-.56-.48-1.44-.48-1.44l2.64 1.01s-1.05.26-1.38.73c.06.1.1.21.11.33.55.1 1.44-.34 1.44-.34l-.94 2.07s-.28-.9-.77-1.2a.68.68 0 0 1-.21.1 1.64 1.64 0 0 0 1.92 2.07c1.46-.44.3-2.08-.1-.7-.78-1.21 1.34-2.54 1.44-.52.26-.97.6-1.41 1.36-1.53.2.79-.1 1.21-.82 1.8 1.64-.67 1.71 1.57.13 1.45.55-.5.07-1.08-.47-.63-.94.97.82 2.37 2.2 1.67 0-.08.03-.17.07-.25-.35-.23-1.16-.26-1.16-.26l1.7-1.24s-.21.75-.05 1.15c.13-.02.25 0 .37.04.37-.37.39-1.34.39-1.34l1.26 1.56s-3.17 1.45-3.73 1.87l-.88-.1.43 1.24h-.03Zm6.83 6.38c-.4-.03-.73.31-.6.74a.25.25 0 0 1-.11-.04l-1.86-1.26a.3.3 0 0 1-.09-.38c.35-.01.73-.2.68-.61.14.18 2.14 1.23 1.98 1.55Z"/><path d="M84.8 44.17c-.14-.17-.17-.4-.05-.59-.22-.04-.6 2.03-.67 2.15.15.14.28.28.4.43.2.05.53.16.6-.12l.48-1.83c-.22.2-.58.22-.75-.04ZM56.86 95.9c-5.24-2.05-9.06 2.98-4.78 3.83-4.7.2-3.79-6.35-5.73-5.96 1.7 1.81 1.7 5.2 3.27 6.13 3.16 1.33 6.44 1.54 9.83 1.39-1.7-1.5-2.12-3.39-2.59-5.39ZM72.9 99.66c4.27-.84.48-5.89-4.78-3.83-.47 2-.88 3.9-2.59 5.39 3.39.16 6.67-.06 9.83-1.4 1.57-.93 1.57-4.3 3.27-6.12-1.94-.4-1.03 6.16-5.73 5.96ZM107.3 59.02c0 .1.04.2.1.26.24-.2.62-.12.79.12.27-.08.18-.92.24-1.12-.31-.33-.64-.65-.98-.94l-.14 1.68ZM106 65.25c.02-.24 1.34-2.4 1-2.59a.58.58 0 0 1-.62-.3c-.32-.14-1.16 2.22-1.3 2.37.41-.26.95.17.8.65a.3.3 0 0 0 .11-.13Z"/><path d="M121 55.27c-1.1.33-1.55 1.24-1.96 2.26-2.76-4.26-8.01-7.2-8.81-12.41.61-4.17 6.2-3.22 5.06 1.13 2.9-1.54 1.5-4.4-1.23-4.91 2.97.23 4.58 2.7 6.6-1.41-1.74.63-4.41.18-5.33.05 3.69-.5 5.7-.47 5.58-5-1.25 2.72-4.73 2.77-7.26 3.65.16-1.2-.22-1.95-1.2-2.34 1 6.63-11.7 4.47 2.25 18.77-1.7-.94-3.7-.62-5.36-1.66 1.3 3.44 3.48 2.84 6.33 4.04-3.06-.01-4.01 2.94-1.75 4.36-.59-2.28 2.58-3.85 4.17-2.07 3.62 4.6-3 11-8.89-.54.05.64-.4 1.21-1.03 1.02l-.66 1.82c1.34.5-.72 3.07-.87 3.81-.23.5-.75.64-1.14.37l-.65 1.34c.81.74-1.38 2.83-1.63 3.49-.25.37-.7.5-1.03.3l-.23.48.08.1c1.49 1.74 2.17 3.08 1.77 4.93 1.2-1.02 1.75-3.86.78-5.4 1.1 1.12 2.67 1.93 3.3 3.37a7.94 7.94 0 0 1-1.65 7.28c-.76.75-.56 1.15-.66 2.08-.5 1.48-2.28 1.6-2.96 2.85-.47 1.1-1.25 2-1.59 3.14 2.03-.31 1.68-3.1 3.6-3.68-.78 1.18-1.53 2.24-2.06 3.6 1.6-.41 4.61-.84 4.1-3.07-.37-1.03.64-1.71.59-2.7 1.26-.44.97-.95 1.58-1.93.28.6.29 1.1.26 1.74l-.37-.76c-.9 1.2-.15 2.38-.27 3.67 4.41-3.92-1.45-3.89 3.13-12.56 1.05-1.73-3-1.54-3.3-5.44-.28-1.69 1.22-3.07 1.53-4.68 1.77 3.1 7.93 3 7.1 6.97 1.23-.93 1.18-2.62.69-3.9 6.36-2.26 1.34-8.05 3.39-12.16Z"/><path d="M102.07 70.19c.14.06.26.16.31.3a.3.3 0 0 0 .29-.13c.05-.15 1.62-2.19 1.44-2.33-.17-.05-.33-.17-.39-.35-.15-.14-.36-.21-.51 0-.06.26-1.8 2.22-1.36 2.46.08 0 .15.02.22.05ZM101.15 70.6l.08.13.02-.06-.1-.08ZM39.6 79.41c.64.12 1.34.24 1.96-.04l-2.89-4.86c-1.7 2.08-4.67.81-6.54-.47-1.51-1.1 1.76-2.83.71-6.52 1.46 2.33-1.2 4.34 2.9 5.65-1.18-1.74-1.02-4-1.46-5.99-.06-.34-.23-.68.05-1.03.14-.48.17-1.12-.48-1.2-4.58-2.6-3.66-1.33-8.11-1.93-1.1 1.9 1.23 3.61.86 5.48-.33.92 1.08.88 1.06 1.77.31 1.4.16 3.34-1.45 3.88-.8.48-.16 1.49.54 1.72-1.42 2.53-.33 2.94 1.84 4.2.01-.97.03-1.83.44-2.66 3 1.97-1.47 2.3 4.46 4.68-.6-.98-.58-2.05-.67-3.03l1.66.38c.65 2.72 2.13 2.96 4.75 2.72-.94-.92-1.2-2.12-1.88-3.08.79.27 1.57-.27 2.25.33ZM93.03 64.27c-.8.13-1 .47-.84 1.26-.91 1.93-.93 4.28-2.48 5.91 3.33-.93 2.6-2.17 3.4-4.67-.17 3.39.01 3.34 1.25 5.67-2.56 1.78-6.75.28-8.15 3.74.39.45.9 0 1.41.12-.33.4-.47.87-1 1.22l.26-.75c-.96-.32-1.75 1.85-2.47 2.55 6.85-1.36-.82-3.35 12.67-4.9 2.38-1.12-2.25-2.86 2.43-5.8.41-1.6.66-3.25 1.55-4.7.2-.47-.13-1.14-.56-1.47-2.06 1.43-3.03-.88-7.47 1.82ZM23.91 36.42l.1-1.36-1.52-.26a2.1 2.1 0 0 1 1.98-.34c-.52 2.18.41 3.72 2.78 3.85.72-1.07 1.36-1.23 2.07-.48-3.12-.32-.8 2.94.79 1.84.42-.6 1.77-1.14 1.38-2-2.48-1.78-2.3.86-2.77-3.56l-.31-.03c-.23.84-1.07 1.5-1.75.7-.24-.27-.44-.51-.83-.58 1.7-1.34 3.71.6 3.59-2.55 1.89 2.34 2.05-.26 3.92-.3-.09 1.86-.47 1.71-2.09 1.6.53.4 2.54 2.4 1.37 2.58-.49-1.24-1.31-2.45-2.7-2.7-1.13 1.11-.58 2.36-.4 3.64 1-.34 1.85-.98 2.9-.9.36 1.03-1.3 1.6-.36 2.6 1.61.27 3.36.28 2.85-1.98-.53-.31-1.05-.52-1.6.05.03-.88.9-1.03 1.58-.86 1.48-1.57.99-3.64-.61-4.9.42-.61.87-1.04 1.63-1.19-.25.53-.8.73-.92 1.21L36 31.73c.86-.37 1.08-1.7.48-3.06-1.06.27-2.92 1.14-2.92 1.14-.9-.34-.52.1-.39.54-2.9.52-5.76 1.28-8.07 3.19-.41.3-.6.12-.74-.46-.27-.42-.4.3-.44.48 0 0-1.75.42-2.5 1.06.53.88 1.29 2.26 2.5 1.8Z"/><path d="M35.32 35.55c.27 1.3-.1 2.39-.96 3.41 1.29 2.3 3.48 4.03 4.45 6.5 2.16-3.99-.15-5.33-3.12-7.52 1.9.68 3.83 1.33 4.89 3.12.22-3.42-1.31-5.13-4.67-5.66l.03-.14c1.4-.07 2.8-.06 4.1.78-.34-1.06-1.21-2.63-2.48-2.5.45-.94.45-1.56-.01-2.13-.22.66-.64 1.07-1.33 1.1a4.09 4.09 0 0 1-.9 3.04ZM24.64 43.35c.4.96.99 2.07 1.97 2.47-.5-1.89.78-3.53 1.38-5.24.01 3.94-2.24 6.07 3.2 7.51-1.45-2.31-.49-5.12-1.4-7.5-.88-.5-1.87-.62-2.46-1.35-.16-.34-.46-.47-.78-.53-1.02-.22-1.97-.56-2.48-1.4-.75.23-1.2.2-1.89-.08-.06.84.66 1.68 1.61 1.36-.76 1.1-.34 2.09-.06 3.22a5.64 5.64 0 0 1 2.32-2.39c-.72 1.21-2 2.43-1.41 3.94ZM46.52 83.51c.74-.68-.26-1.07-.65-1.6-6.58-6.05-9.03-13.92-8.45-22.67l-.69-.34a27.66 27.66 0 0 0 9.8 24.61ZM105.23 33.13c-.62 1.19 1.19 1.68 1.2 2.81l-1.33-1.05c-.57 2.2 2.06 2.92 2.87 4.66 1.06-3.22.49-5.18-2.73-6.42ZM32.99 42.63c-1.75.1-1.5-2.07-2-3.28l-.86.97 1.1 3.69.8-.56c1.2.85 2.32.27 2.72-1.06.36.09.69.24.95-.02l-1.68-3.43c-.35.07-.68-.42-1.1-.03.4 1.07 1.84 3.22.07 3.72ZM104.9 27.73l-.03.14-1.67-.09c.62 1.95 2.9 1.01 4.35 1.9-.83-1.57-1.43-3.1-3.35-3.4.2-.92-.05-1.8-.63-2.15 0 .82-.33 1.41-1.09 1.72-.37 1.62 1.34 1.54 2.42 1.88ZM104.4 38.96l-.13.02c-.4 1.73.81 3.24 1.57 4.7 1.31-2.3 1.26-4.93-.84-6.76-.64 1.22.25 2.4.57 3.56l-.13.05-1.04-1.57ZM103.92 29.24c.75 1.77 1.95 1.35 2.73 2.5-.66-.2-1.23-.4-1.8-.58-.03 1.89 2.36 2.08 3.69 2.8-.22-3.04-1.71-4.2-4.62-4.72ZM97.01 26.05c.82 0 2 .52 2.68.05.01-2.57-3.16-2.23-4.96-2.29.54.97 1.22 1.92 2.28 2.24ZM88 62.7l-2.05-.15.07.91c.41.1.76.2 1.14.28.11 2.12-1.07 2.16-2.66 1.27-.48 2.69 3.9 2.42 3.5-2.3ZM86.49 54.14c-2.42 2.92-2.44 3.35 1.24 4.6l-.08-.8a7.35 7.35 0 0 1-2.07-.9l1.34-1.64-.43-1.26ZM75.24 43.48l1.11-.09c.39-1.43-.43-1.58-1.42-2.35-.4 1.18-1.45 1.76-2.05 2.76a2.5 2.5 0 0 0 2.08-1.12l.28.8ZM80.8 49.96c.34-.94 2.16-3.26 1.18-3.99-.45.27-1.4.16-1.3.86-.02 1.03-.01 2.06-.01 3.09l.12.04ZM98.87 23.63l.11-.16c-1.02-1.44-1.46-1.73-3.26-1.74.03 1.74 1.86 1.75 3.15 1.9ZM94.26 19.3c-.07 1.24.98 1.95 2.7 1.86-.44-1.25-1.34-1.92-2.7-1.85ZM90.2 32.13c-1.4-.65-2.55.17-3.97-.13.4 1.94 2.74.53 3.98.13ZM92.9 17.34c.36 1.24.85 1.5 2.14 1.33-.41-1.02-1.08-1.43-2.15-1.33ZM93.59 16.7c-.5-1.06-.76-1.2-1.82-1.09.44 1.05 1.07 1.44 1.82 1.09ZM87.13 51.13l1 1.69c1.3 0 .2-1.07-.1-1.53-.17-.18-.54-.18-.81-.27l-.09.11ZM83.4 52.62c.66-.38 1.34-.67 1.94-1.14l-.4-.56c-.57.55-1.9.73-1.55 1.7ZM92.01 14.98c.19-.67-.78-1.57-1.47-1.3.09.75.88 1.4 1.47 1.3ZM77.16 52.33ZM26.88 26.49c.36-.34-.19-.88-.53-.54-.36.33.18.88.53.54ZM27.35 27.47c.36-.33-.18-.88-.53-.54-.36.34.18.88.53.54Z"/><path d="m24.87 23.04-.86.06.45 1.12.6-.7.12.05.08 1.49c.16 1.3 2.16.5 1.36-.55l-.96-1.13a.43.43 0 0 0 .05-.11l.92.1-.45-1.12-.66.54a.5.5 0 0 0-.11-.05l-.08-1.07-1.1.43.69.83a.48.48 0 0 0-.05.11ZM22.42 28.86c.55.01.56-.85.01-.85-.55-.01-.56.85-.01.85ZM22.33 29.96c.55.02.56-.85 0-.84-.54-.02-.55.84 0 .84ZM24.1 26.2c.56 0 .57-.85.02-.85-.55-.01-.56.84-.01.84ZM22.77 27.85c.56.02.57-.84.01-.84-.54-.01-.56.85 0 .84ZM27.95 28.9c-.03-.42.28-1.25.28-1.25l-1.75.69s.8.4 1.08.72c-.37.13-.73.2-1.24-.04l.68 1.34c.15-.6.46-.94.7-.99.73 1.12-1.1 2.35-1.9 1.4-.22-.4.05-.84.52-.5-.07-.83-.8-.83-1.02-.22.02-.85-.2-1.36-1.1-1.61-.23.85.06 1.36.92 1.72-.5-.06-1.02.41-.36 1.01 0-.53.46-.6.7-.23.4.99-.78 1.37-1.75.37.22-.08.44-.05.75.02l-.92-1.15c.05.4.02.7-.07.88-.2-.23-.26-.43-.34-.87l-.7.61a8.22 8.22 0 0 1 2.34 2.38c1.22-1.2 6.16-3.23 8.06-3.17a8.09 8.09 0 0 1 .05-3.33l-.93.04c.25.38.34.56.35.86a1.78 1.78 0 0 1-.66-.6l.13 1.47c.18-.26.32-.44.53-.53 0 1.39-1.12 1.91-1.53.93-.07-.43.3-.7.67-.31.07-.89-.64-.87-.95-.5.37-.84.22-1.41-.54-1.87-.48.8-.28 1.32.33 1.92-.6-.3-1.12.2-.6.85.11-.56.61-.43.72.01.1 1.24-2.1 1.58-2.33.27.2-.12.67-.08 1.18.26l-.43-1.44c-.21.52-.51.71-.87.87ZM51.05 74.28l2.07 1.17c-1.65 1.99 1.31 2.84 1.15.91 1.1.47 5.45 1.79 3.7-.78-5.7.19-8.6-5.73-5.45-10.26 1.92.87 8.66-2.37 8.1.93.35.36.45.4 1.25.4 1.95-4.44-4.76-3.12-7.17-2.6-2.15.63-4.12-2.48-6.02-.77-.75.66-.26 2.13.76 2.18.9.02 1.17-1.22.36-1.6 1.77-.6.92 2.22.28 2.94-2.03-1.04-2.37 2.2-.36 1.35.09.58.12 1.15-.02 1.7-2.2-.47-1.61 2.65.03 1.4.47.44.7 1.13.75 1.8-2.2.3-.44 3.1.58 1.23Z"/><path d="m57.42 77.66-.3-.1c-.16.4-.4 1.16-.03 1.41l1.85.79L61.3 78l.64-9.41-.7.05c-.19.02-1.48 10.88-2.15 10.24.13-.72 1.7-10.24 1.7-10.24l-.7-.1-.08.5-2.62-3.4-.34.16 2.8 3.65-.18.65c-.26-.17-2.96-3.88-3.23-4.23l-.55-.04 3.64 4.7-.2.63-4.08-5.31h-.52l4.42 5.76-.23.83-4.86-6.53-.64.01 5.37 7.02-.2.65-5.92-7.67-.1.6s5.51 7.18 5.85 7.65c-.28.88-.06.96.33 1.69.2.82-.36 2.09-1.34 1.79Z"/><path d="m57.98 74.67-5.68-7.45s-.1.36-.16.51l5.44 7.13.4-.19ZM52.29 69.74c1.3 1.64 2.6 3.32 3.87 4.98.2.02.55.1.55.1l-4.63-6.08s-.08.62.2 1ZM62.18 66.97c-.63-.05-1.3-.18-1.9-.24-1.2 1.03.14 1.62 1.03 1.54.77.2 1.79-.8.87-1.3ZM61.99 93.54c-.19.84 1.15 1.11 1.31.26.19-.84-1.15-1.1-1.31-.26ZM63.2 88.49c.22-1.04-1.44-1.38-1.64-.33-.23 1.04 1.43 1.38 1.63.33ZM57.53 85.7c.23-1.03-1.43-1.37-1.63-.32-.23 1.04 1.43 1.38 1.63.33ZM66.64 95.91c-.67 3.76-2.48 5.46-4.1 5.46-1.6 0-3.42-1.7-4.1-5.46.21.19.41.44.64.74l.35.45.5-.3c.2-.13.41-.24.6-.31-.21.43-.29.95-.18 1.48a2.28 2.28 0 0 0 2.2 1.93c1.08 0 1.98-.8 2.2-1.93.1-.53.02-1.05-.2-1.48.2.07.4.18.61.3l.5.31.35-.45c.23-.3.42-.55.63-.74m.79-1.02c-.95.1-1.43.72-1.93 1.37a3.22 3.22 0 0 0-1.57-.54c-.3 0-.57.08-.82.27 1.73.68 1.11 3.27-.57 3.27-1.68 0-2.3-2.59-.57-3.27-.24-.2-.52-.27-.82-.27a3.2 3.2 0 0 0-1.57.54c-.5-.65-.98-1.28-1.93-1.37.52 4.74 2.7 7.11 4.89 7.11 2.18 0 4.37-2.37 4.89-7.11ZM51.8 82.46c.73-.86-1.81-1.98-2.18-2.46-.3-.18-.68-.14-.88.12-.72.82 1.77 1.96 2.11 2.42.31.24.74.2.96-.08Z"/><path d="M51.48 84.3c2.8 0 2.44-4.4-.32-3.93 1.28.69 2.4 2.5.4 3.03-.75.15-1.52-.65-2.07-1.04.02 1.07.9 1.94 2 1.94Z"/><path d="M47.5 85.03c.61 1.16 4.22 4.31 5.2 2.82-1.76-.88-4.74-3.05-3.6-5.82-2.59-1.57-.3-4.08 1.72-1.95 2.14-1.31 4.53-.37 6.65 1.08.76-1.62-2.94-2.75-3.8-3.23-1.08-.36-4.51.4-5.66.46-.78.1-1.34.79-1.27 1.56.17.83.14 4.42.76 5.08ZM79.27 22.87l1.6.5a19.58 19.58 0 0 0-12.7-10.61c-.14.36-.26.76-.37 1.17 4.88 1.22 9 4.5 11.47 8.94ZM46.36 23.38l1.6-.5a18.3 18.3 0 0 1 11.47-8.95c-.12-.41-.24-.8-.38-1.17a19.58 19.58 0 0 0-12.7 10.62ZM75.62 14.87c1.14.02 1.14-1.75 0-1.74-1.14-.01-1.14 1.76 0 1.74ZM71.6 12.6c1.13.02 1.13-1.75 0-1.74-1.15-.01-1.15 1.76 0 1.74ZM69.4 11.82c1.15.01 1.15-1.76 0-1.74-1.13-.02-1.13 1.75 0 1.74ZM73.67 13.62c1.14.02 1.14-1.75 0-1.73-1.14-.02-1.14 1.75 0 1.73ZM77.42 16.32c1.14.02 1.14-1.76 0-1.74-1.13-.02-1.13 1.76 0 1.74ZM81.98 22.85c-.02 1.13 1.78 1.13 1.76 0 .02-1.12-1.78-1.12-1.76 0ZM80.92 20.81c-.02 1.13 1.77 1.13 1.76 0 .01-1.13-1.78-1.13-1.76 0ZM79.06 17.95c1.14.01 1.14-1.76 0-1.74-1.14-.02-1.14 1.75 0 1.74ZM79.65 18.87c-.02 1.13 1.77 1.13 1.76 0 .01-1.12-1.78-1.12-1.76 0ZM51.6 14.87c1.14.02 1.14-1.75 0-1.74-1.14-.01-1.14 1.76 0 1.74ZM49.8 16.32c1.14.02 1.14-1.76 0-1.74-1.14-.02-1.14 1.76 0 1.74ZM44.36 23.72c1.14.02 1.14-1.75 0-1.73-1.14-.02-1.14 1.75 0 1.73ZM53.55 13.62c1.14.02 1.14-1.75 0-1.73-1.13-.02-1.13 1.75 0 1.73ZM46.7 19.74c1.14.02 1.14-1.75 0-1.73-1.14-.02-1.14 1.75 0 1.73ZM45.43 21.68c1.14.02 1.14-1.76 0-1.74-1.14-.02-1.14 1.76 0 1.74ZM57.82 11.82c1.14.01 1.14-1.76 0-1.74-1.14-.02-1.14 1.75 0 1.74ZM48.16 17.95c1.14.01 1.14-1.76 0-1.74-1.14-.02-1.14 1.75 0 1.74ZM55.63 12.6c1.14.02 1.14-1.75 0-1.74-1.14-.01-1.14 1.76 0 1.74ZM65.12 20.68h1.17c0-3.67.54-6.85 1.5-8.95.33-.67-.75-1.17-1.06-.48-1.4 3.03-1.6 7.2-1.6 9.43ZM60.93 20.68h1.17c0-2.23-.21-6.4-1.61-9.43-.31-.69-1.4-.2-1.07.48.97 2.1 1.5 5.28 1.5 8.95ZM63.61 20.66c1.24.02 1.24-1.9 0-1.88-1.23-.02-1.23 1.9 0 1.88ZM63.61 18.3c1.24.02 1.24-1.9 0-1.88-1.23-.02-1.23 1.9 0 1.88ZM63.61 15.94c1.24.02 1.24-1.9 0-1.88-1.23-.02-1.23 1.9 0 1.88ZM62.94 13.64c.4-.21.94-.21 1.35 0 1.36-2.08-2.72-2.08-1.35 0Z"/><path d="M64.37 11.66c1.06-1.96-2.58-1.95-1.51 0a1.52 1.52 0 0 1 1.5 0Z"/><path d="M63.04 3.73c-.16 1.2-.8 2.13-1.59 2.28v.3H63a1.1 1.1 0 0 0-.2.2c-2.75.6-3.03 4.76-.4 5.74-1.03-.99-.24-2.87 1.21-2.82 1.45-.05 2.24 1.83 1.21 2.82 2.64-.98 2.35-5.14-.4-5.75a.97.97 0 0 0-.2-.19h1.55v-.3c-.8-.15-1.43-1.08-1.58-2.28 1.21.15 2.16.78 2.3 1.56h.31V1.02h-.3c-.15.78-1.1 1.41-2.31 1.57.15-1.2.79-2.14 1.58-2.28V0h-4.32v.3c.8.15 1.43 1.08 1.59 2.29-1.22-.16-2.16-.79-2.3-1.57h-.32v4.27h.31c.15-.78 1.09-1.41 2.3-1.56ZM101.14 70.59h.01l-.28-.49c.03.2.12.38.27.49ZM100.42 72.4c-1.22-.76-1.9 2.59-2.35 3.16-.22.49-.03 1.02.42 1.17l-.9 1.85c-.48-.08-.9.29-.9.84.18.72-.55 3.85.74 3.89v.86c-3.1.56-2.64 5.39.55 5.31 3.17.08 3.66-4.71.6-5.3v-.83c.48.08.9-.28.9-.84-.17-.7.49-3.71-.65-3.87l.69-1.41c1.16.62 1.84-2.64 2.28-3.2.2-.45.05-.97-.36-1.14l.52-1.06c-.14-.2-.44-.64-.73-1.1l-.81 1.67Zm-.58 14.4c-.75 4.3-6.34.04-2.34-1.78.19.42.82.44 1 .02.78.22 1.34.93 1.34 1.76Zm-1.27-4.4c.08-.62-.73-.96-1.05-.44.09-.23-.22-2.57.22-2.57.18.13.42.16.62.01.14.03.24.16.24.32v2.53l-.03.15Zm2.36-8.53c-.14.15-1 2.6-1.3 2.5-.11-.2-.38-.33-.61-.26-.13-.06-.18-.24-.11-.4.16-.17.97-2.67 1.34-2.5.1.24.4.4.64.33.07.08.09.21.03.33ZM38.28 66.98l.27 1.05 4.85-.6-.24-.94c-.24-.05-3.26.5-3.26.5s2.87-3.32 2.8-3.71l-4.9.55.1.83 2.88-.4s-2.39 2.67-2.5 2.72ZM40 73.13c2.35 2.22 6.03-1.33 3.6-3.61-2.34-2.25-6.08 1.33-3.6 3.61Zm.28-2.47c1.03-1.85 4.45-.75 3.03 1.35-1.06 1.79-4.42.78-3.03-1.35ZM43.26 78.37l.82 1.12a11.23 11.23 0 0 1 3.94-2.83l-.82-1.12a5.73 5.73 0 0 1-1.55 1.4l-1.26-1.72c.53-.4 1.23-.9 1.82-1.03l-.82-1.12a11.23 11.23 0 0 1-3.94 2.82l.82 1.12a5.7 5.7 0 0 1 1.55-1.38l1.25 1.72c-.53.39-1.22.88-1.81 1.02ZM42.8 61.64l.06-1.02c-1.38.26-3.61.25-4.99-.01l-.07 1.02c1.39-.25 3.62-.25 5 .01ZM77.96 82.36c2.97-1.29 2.3-4.2-1.04-2.87-1.4-.4.37-1.8 1.3-1.5l.02-.01-.7-.82c-1.05.45-2.73 1.85-1.84 3.04.62.78 1.87-.05 2.69-.04 1.36.24-.1 1.64-.94 1.56l-.02.02M86.09 72.17l.84-2.82c-.43.03-4.28-1.08-4.62-1.33l-.8 2.68.8.68.02-.01c-.06-.62.03-1.32.25-2.09l1.47.42c-.15.42-.4 1.38-.6 1.63l.72.1.47-1.56 1.4.4c-.17.52-.4.93-.7 1.22l.75.68ZM84.14 75.93l.46-.87-3.8-2.52-.42.79c.15.18 2.62 1.63 2.62 1.63s-4.08.53-4.27.84l3.8 2.58.44-.64-2.28-1.46s3.34-.38 3.45-.35ZM73.66 85.15l2.64-1.52c-.34-.25-2.4-3.58-2.47-3.99l-2.5 1.44.1 1.02h.02c.4-.5.96-.94 1.68-1.36l.78 1.27c-.41.2-1.28.74-1.61.79l.46.56 1.46-.84.75 1.2c-.5.28-.95.42-1.38.44l.07.99ZM44.19 52.1c-.8-.62-1.8.48-2.6.66-1.38.08-.3-1.61.54-1.73V51l-.66-.49c-1.24.63-2.19 3.3-.18 3.36.43.02 1.52-.73 1.88-.81.94-.18.64 1.08.08 1.38.28-.02.57-.05.84.02.53-.73.86-1.8.1-2.37ZM45.16 50.66c-2.2-.14-2.66-3.9 0-3.34v-.91c-3.45-.2-3.4 5.22 0 5.1v-.85ZM50.64 43.99h1.52l-1.04-1.64c.53-.3 1.65-.75 2.15-.72l-1.2-.9-3.67 2.17.42 1.4h.02c.3-.57.74-1.04 1.23-1.3l.56.99ZM61.37 43.36l.01.02c-.73.58-1.67.34-2.45-.07-2.3 1.27-4.76-1.71-2.93-3.62 1.94-2.28 5.77.3 3.92 2.82.6.46 1.09.74 1.45.85Zm-2.8-.73c1.84-.71.24-3.53-1.39-2.86-1.82.69-.25 3.53 1.39 2.86ZM62.06 41.34c-.01-.78.1-2.16-.24-2.83h1.64c-.27.72-.74 4.06.66 3.9.55 0 1.1-.38 1.08-.95-.02-.8.1-2.27-.24-2.96h1.64a9.8 9.8 0 0 0 0 4.72H65.2c.03-.1.05-.25.05-.47-1.42 1-3.33.5-3.2-1.41ZM68.99 43.66c.29-1.16.7-3.13 1.35-4.11l-1.27-.42c.01 1.24-.66 3.18-1.09 4.37l1.01.16ZM76.74 59.37h.8V46.62h-11.9v12.75h11.1ZM72.19 59ZM71 59Zm6.15-6.56Zm-11.1 1.12v.12c.02-.24.41-.06.22.1l.06.06c.4.05.45-.54.05-.56v-.01l.48-.2v-.15l-.48-.2v-.02c.4-.02.34-.6-.05-.56l-.06.06c.2.17-.2.34-.22.1v.15-5.07h.4V47h4.42c.25.04.04.37-.12.2l-.06.06c-.05.38.6.4.6.02l.24.47h.15l.22-.47c0 .39.65.36.6-.02l-.05-.06c-.16.17-.37-.16-.12-.2h4.42v.38h.4c-.04-.09.16 6.22-.21 4.82l-.06-.06c-.4-.04-.45.54-.05.57l-.48.22v.14l.48.2v.01c-.4.02-.34.6.05.56l.06-.06c.37-1.43.17 5.02.21 4.84h-.4V59h-4.42c-.25-.04-.05-.38.12-.2l.06-.06c.05-.38-.59-.42-.6-.04h-.01l-.23-.45h-.15l-.22.45h-.01c-.02-.38-.64-.34-.6.04l.06.05c.17-.17.37.17.11.2h-4.4v-.37h-.41v-5.06Z"/><path d="M79.3 59.86c.01-.26-.29-.46-.54-.37v.06c-.48 2.1-.25-6.56-.29-6.24l.44.18v-1.01l-.44.18v-6.39c.07-.32.57-.04.3.16v.06c.59.19.76-.75.12-.76l.4-.68-.1-.1s-.7.4-.71.39c-.01-.58-1-.44-.82.13h.06c.21-.26.52.2.18.26h-5.95l.18-.4h-1.08l.19.4H65.3c-.36-.05-.06-.52.16-.27h.06c.2-.56-.81-.7-.82-.12l-.72-.38-.1.09.4.68c-.63 0-.46.95.14.76v-.06c.46-2.1.24 6.52.28 6.22l-.42-.17v1l.42-.16c-.04-.16.18 8.28-.28 6.23v-.06c-.6-.18-.77.75-.14.76l-.4.68.1.1c.01 0 .71-.4.72-.39 0 .59 1.01.44.82-.12h-.06c-.1.13-.34.06-.34-.1 0-.09.07-.16.16-.17h5.96l-.19.4h1.08l-.19-.4h5.95c.09.01.16.08.16.17 0 .16-.24.23-.34.1h-.06c-.19.56.81.7.82.12l.71.38.1-.09-.4-.68c.23 0 .42-.17.42-.39Zm-7.2-13.74h5.96v13.75H65.12V46.13h6.98ZM77.13 53.68v.01ZM77.13 52.3ZM66.06 53.7v-.02.01ZM66.06 52.3ZM23.05 29.52l.28-.23a3.93 3.93 0 0 1 1.58-2.87 3.77 3.77 0 0 0-.18-.23 4.24 4.24 0 0 0-1.68 3.33ZM25.84 27.87l.27-.1a5.81 5.81 0 0 0-1.15-2c-.13-.13-.34.07-.21.2.4.4.79 1.07 1.09 1.9ZM23.35 26.94c.55.01.56-.85 0-.85-.54 0-.56.85 0 .85ZM31.47 25.12c-.38.4-1.01-.19-.62-.58.37-.4 1 .2.62.58ZM32.32 25.83c-.38.4-1-.2-.61-.59.37-.4 1 .2.61.59ZM28.36 24.45c-.38.4-1-.2-.62-.59.38-.4 1 .2.62.59ZM30.5 24.67c-.38.4-1.01-.2-.62-.59.37-.4 1 .2.62.59ZM31.5 26.03l-.36.04a4 4 0 0 0-3.18-.9l-.04-.29c1.26-.2 2.57.23 3.59 1.15ZM28.28 26.84l-.25.14a5.8 5.8 0 0 1-.64-2.22c0-.19.29-.2.29-.02 0 .56.22 1.31.6 2.1ZM29.43 24.43c-.38.4-1-.19-.62-.58.38-.4 1.01.2.62.58ZM75.3 69.76c1.23-.02 4.1-1.36 2.02-2.48-1.17-.2-2.33.37-3.45.63-4.52 1.78-1.87-.4-4.67-.16.94 2.37 3.33 1.15 5.12.6.06.26-.27.32-.23.58l1.74-.36c.25-1.16 2.4-1.17 1.41 0-2.47 1.06-5.39.86-7.97 1.59-1.73 4.48-4.74 1.43-4.71 2.72-.68.06-.67.7.02.65.02 1.3 3.35-.2 3.97-.6l.43-.9c1.01.48 1.73-.96 2.6-1.22.88-.17 2.02-1.02 2.77-.24.83.91 2.07-.47 2.8.44-.27.71.09.4.21.84 0 .4.66.4.67 0 0-.18.02-.29.2-.36.37-.56-.42-1.17-.7-1.64-.6-.58-1.62.53-2.23-.09Z"/><path d="M64.13 67.79c.2.07.13.3.22.42 1.07.07 2.13-.2 3.2-.34.8 0 .78-.7 1.37-.8 1.41.08 2.3-1.16 3.63-1.36 1.07-.3 2.51-.7 3.46.05.23.25.56.3.9.24.45-.08 1-.18 1.23.34l-.26.27.16.32c.22-.01.25.16.34.3.12.2.4.2.45 0 .05-.25.31-.12.4-.34.03-.64-.1-1.45-.76-1.77-.32-.3-1.6.31-1.63-.31.95.21 2.76-1.01 1.51-1.8-2.11-.5-4.43.52-6.58.76-.84.19-.42-1.18-2.29-.8 1.2 2.47 3.8.72 5.8.7.02.22-.38.2-.28.48.58-.18 1.58.13 1.91-.45.18-.7 1.68-.53 1.24.28-1.12.7-2.8.38-4.12.53-1.61.13-3.37.17-4.89.73-.3.93-.71 1.88-1.8 2.1-.75-.72-1.85.14-2.66-.6-.26.05-.31.2-.42.4-.4.16-.53.38-.12.65ZM76.04 74.3c-2.12-.26-1.8 1.18-2.84.84.19-.23.7-.36.54-.7-1.55.66-3.18 1.14-4.72 1.83-.79.83-.53 2.47-2.3 2.62-.06.86-1.28 1.44-2.03 1.05-.3.28-.17.36-.12.62-.26.23-.6.75-.05.75.17-.04.3-.3.48-.21l-.04.35c.15 0 .35.04.4-.02.24-.3.59-.05.86-.29.91-.6 2.21-1.16 2.14-2.42 1.6-.7 2.54-3.27 4.63-2.37 1.04.56 1.32-1.1 2.25-1.14.26.61.38.56.72.36.58.44.48-.26.71-.58.03-.32-.3-.69-.63-.68Z"/><path d="M66.48 64.23c-.34.95 0 2.21.9 2.74a2.48 2.48 0 0 0 1.32-2.88c.24-.2.54-.3.45-.65-.16-.38-.77-.1-.92-.54-.39-.52-.9-.1-1.2.25-.24.03-.47-.09-.69.02-.22.4.4.65.14 1.06ZM66.21 77.55c1 2.36 2.5-.64 2.12-1.91.69-.56.5-.9-.33-.95-.3-.62-.93-.68-1.36-.16-.16.19-.38.12-.58.14-.43.2-.2.66.18.76-.2.72-.31 1.43-.03 2.13ZM68.95 68.81c-.2-.11-.44-.12-.65-.1-.36-.91-1-.57-1.51-.02-.77-.3-.66.38-.25.75-.38.93-.12 2.32.88 2.72 1.06-.44 1.35-1.7 1.28-2.73.33-.05.6-.42.25-.62ZM76.52 71.9c-1.9-.63-4.87 3.44-6.13 2.24-.3-.66-1.24-.58-1.83-.4.7.5 1.1 1.62 2.18 1.25 1.21-.23 2.17-1.2 3.22-1.65.03.35-.33.5-.48.83.72-.23 1.37-.43 1.9-.88-.09-1.97 2.76-.6.03.62.49.01.82.23 1.15-.17.63-.55.66-1.35-.04-1.85ZM72.22 76.46c-.56.13-1.11.18-1.46.74l.42.55c-.27.68-.95.57-1.6.6l.14.47c-.27.15-.38.39-.32.72l.24.08c.18-.22.5-.44.58-.03a4.57 4.57 0 0 0 2.76-2.15 2.03 2.03 0 0 1-.76-.98Z"/><path d="M70.69 72.4c-.25 0-.3.31-.13.46.16.18.33-.02.52.03l.01.28c1.02.06 2.55-.84 3.1-1.65l-.64-.97c-.55.18-1.18.16-1.5.66l.56.59c-.38.2-.8.55-1.21.22-.17-.15-.63-.08-.51.2.01.05-.01.1-.02.16l-.18.02ZM66.37 78.52c-.38-.73-.97-1.39-1.24-2.15.33-.47.18-1.06-.45-.68-.15-.32-.39-.38-.68-.3-.08.2-.13.4.1.55l-.01.1-.2.06c-.16.4.24.63.38.94.44.7 1.09 2.35 2.1 1.48ZM66.37 66.55c-.06-1-1.23-1.65-.88-2.66.1-.19.07-.41-.13-.56a.73.73 0 0 1-.6-.08c-.44-.21-.5.27-.46.58l-.29.13c.3.86 1.22 3.03 2.36 2.59ZM64.1 69.96c.43.65.55 1.69 1.29 2.06.33 0 .85.3 1.05-.09-.22-.77-1.19-1.22-1.05-2.1.05-.21-.03-.42-.2-.6-.38.1-1.16-.73-.88.27-.23.08-.37.24-.2.46ZM47.32 49.85c.16.01.32-.17.49 0l-.05.25c1.03.45 2.17-.05 3.2-.33.4-.12.63-.53 1.07-.52 1.06.08 1.66-.8 2.57-1.05 1.12-.22 2.26-.4 3.4-.37 1.32 1.78 1.56.27 2.74.87l-.1.53.3.1c-.11.44.55.7.64.14.02-.07-.02-.15.08-.17.7-.37-.38-2.21-1.12-1.73-.38.18-.88.35-1.18-.1.66-.26 1.47-.2 1.91-.8.34-.4.3-1.2-.33-1.42-1.65-.45-3.4.37-5.06.52-3.13.84-.9-.67-3.38-.65.89 2.51 3.56.9 5.41.71-.13.3-.44.4-.56.67.66-.12 1.52.12 2-.38.26-.69 1.92-.77 1.52.17-1.56 1.51-6.45.1-8.63 1.06-.33.99-.9 1.64-1.86 1.91-.77-.48-1.13.07-1.9-.15-.22-.23-.44-.5-.78-.24v.36c-.36-.1-.78.4-.38.63Z"/><path d="M50.03 46.02c-.58 1.04-.4 1.99.28 2.87 1.28.04 1.8-1.7 1.6-2.74l.39-.27-.1-.38-.65-.03c-.47-.6-.75-.6-1.3-.07-.25-.1-.46-.03-.63.19.09.19.21.33.41.43ZM56.3 48.27c-.06.29.2.42.26.64-.35.22-.72.24-1.09.28-.19-.19-.27-.53-.6-.43-.2.04-.09.24-.23.32-.25-.02-.39.1-.43.35l.35.2c-.28 1.31 3.34-.05 3.87-.44-.17-.3-.4-.5-.47-.84-.15-.58-1.22-.1-1.66-.09ZM49.53 48.43c-.04-.46-.16-1-.52-1.32-.41-.42-.55-1-.13-1.44-.2-.2-.49-.04-.7-.32-.25-.3-.41.05-.47.36-.74.1-.32.35-.15.73.24.68 1.11 2.3 1.97 1.99ZM60.45 53.33c-.38.18-.89.35-1.18-.1.65-.26 1.47-.2 1.92-.8.34-.41.3-1.22-.34-1.44-1.66-.46-3.42.38-5.1.52-3.15.85-.9-.67-3.4-.66.9 2.54 3.58.91 5.45.73-.13.3-.44.4-.57.68.66-.13 1.53.12 2.03-.39.25-.7 1.92-.78 1.53.17-1.58 1.52-6.51.1-8.7 1.07-.34 1-.92 1.65-1.88 1.92-.67-.4-1.02-.07-1.6-.1.03.2.09.37.13.55.05.19.07.37.08.56.67-.07 1.34-.32 1.96-.49.41-.12.64-.53 1.1-.52 1.06.07 1.67-.81 2.58-1.07a16.9 16.9 0 0 1 3.44-.37c1.32 1.8 1.56.27 2.75.88l-.1.53.3.1c-.1.45.56.71.65.15.01-.07-.02-.16.08-.17.71-.38-.38-2.23-1.13-1.75Z"/><path d="M49.86 51.76c-.59 1.06-.42 2.01.28 2.9 1.29.04 1.82-1.7 1.6-2.77.14-.09.27-.17.4-.27l-.1-.38-.66-.03c-.46-.6-.75-.6-1.3-.07-.26-.1-.47-.03-.64.2.1.18.21.33.41.42ZM56.17 54.03c-.05.3.22.42.27.66-.35.22-.73.23-1.1.28-.19-.2-.27-.54-.6-.44-.2.05-.1.25-.24.33-.25-.02-.4.1-.43.34l.35.21c-.28 1.32 3.37-.05 3.9-.45-.17-.3-.4-.5-.47-.84-.15-.58-1.23-.1-1.68-.09ZM49.35 54.2c-.04-.47-.16-1.01-.53-1.33-.41-.43-.54-1-.12-1.46-.21-.2-.5-.04-.7-.32-.27-.3-.42.05-.49.36-.74.11-.31.35-.14.74.24.68 1.12 2.3 1.98 2ZM60.58 58.73c-.38.18-.88.35-1.18-.1.65-.27 1.47-.2 1.92-.81.33-.4.3-1.21-.34-1.43-1.66-.45-3.41.38-5.1.52-3.14.85-.9-.67-3.4-.65.9 2.53 3.59.9 5.45.72-.13.3-.44.4-.56.67.66-.12 1.53.12 2.02-.38.25-.7 1.92-.78 1.53.17-1.57 1.52-6.5.1-8.7 1.07-.32.99-.9 1.65-1.86 1.92-.79-.48-1.14.06-1.93-.15l-.23-.24a.15.15 0 0 1-.06-.04.48.48 0 0 0-.1-.05l.02.04c.01.45-.1.9-.28 1.31 1.02.4 2.14-.09 3.15-.36.4-.12.64-.53 1.09-.52 1.06.08 1.67-.8 2.58-1.06 1.13-.21 2.28-.39 3.43-.37 1.32 1.79 1.56.27 2.75.88l-.1.52.3.11c-.1.45.56.7.65.14.01-.07-.02-.16.08-.17.7-.38-.38-2.23-1.13-1.74Z"/><path d="M50 57.16c-.58 1.06-.41 2 .28 2.9 1.3.04 1.82-1.7 1.6-2.77.14-.09.27-.17.4-.27l-.1-.38-.65-.03c-.47-.6-.75-.6-1.31-.07-.26-.1-.47-.03-.64.2.1.18.22.33.42.42ZM56.3 59.43c-.05.3.22.42.27.65-.35.22-.72.24-1.09.28-.2-.19-.27-.53-.61-.43-.2.04-.09.24-.23.32-.25-.02-.4.1-.43.35l.35.2c-.28 1.32 3.36-.05 3.9-.44-.18-.3-.4-.5-.47-.85-.15-.58-1.23-.1-1.68-.08ZM48.97 58.26a1.56 1.56 0 0 1-.2-.25c-.03.24.1.51.06.74-.04.19-.09.46-.14.63.3.3.47.33.8.21-.04-.46-.15-1-.52-1.33ZM67.88 48.96c.28.18.5 1 .67 1.12.32.42 1 1.55 1.66 1.32v-.02c.2-.08.38-.65.4-.73-.01-.02-.12-.12-.25-.22-.62-.53-1-1.06-1-1.55-.04-.16.35-.38.32-.53-.02-.56-.49.07-.67-.02-.1-.16-.45-.62-.67-.4-.13.06.03.4-.07.47-.05.07-.08.08-.23.07-.5 0-.57.3-.16.5Z"/><path d="M70.54 52.75c.17-.17.67-.65.73-.76.05-.11.07-.11.42-.14.97-.14 1.46-.53 1.74-1.56.13-.31-.04-.98-.24-1.13-.08-.05-.11-.15-.06-.19.18-.02.55-.17.62-.38-.1-.2-.36-.05-.7-.16-.25-.11-.92-.32-1.2-.17-.18.23-1.32.25-1.11.59l.12.4.52.07v.37l-.48.1c-.31.45.73.48 1 .14.19-.22.48-.25.47-.01-.14.3-.64.44-.93.59-.44.07-.55.92-.89 1.2-.95.17-1.29.15-2.23-.6-.34-.4-.61-.1-.35.2-.17.06-1.04-.43-.65.4l.06.08c-.43.61.21.4.57.6.77.3 1.6.52 2.6.36Z"/><path d="m73.59 52.15.4.83s.86.38.98.5c.49.35.4 1.32-.03 1.21-.72-.29-1.15-1.3-1.65-1.92-.13-.1-.47-1.11-.7-.85-2.96.65.54 1.4 0 2.5-.1.15-.43.9-.3 1.02.25.3.8.53 1.1.91.48.47.05 1-.55.57-.34-.25-.74.11-.4.45.03.06-.2.16-.24.19-.35.48.23.45.54.21.17-.08 0 .42.29.34.54-.12 1.37-.39 1.52-1.23.34-.76-.44-.64-.63-1.31-.2-.28-.21-1.29.21-.92.4.5.92.77 1.4.34.44-.42.04-1.42-.19-1.86-.43-.89-.92-1.74-.89-2.8.6-.7 1.3.56 1.72-1.4-1.4.09-2.78 1.02-2.09 2.58.43.88.34.81-.5.65Z"/><path d="M71.33 53.82c-.74-.04-1.3-.1-1.1.77.04.21.12.85.25 1 .05.08.04.17-.03.22-.3.17-1.43-.29-1.3-.67 0-.31-.31-.39-.4-.16-.06.1-.14.1-.25-.03-.21-.3-.5.1-.38.33.04.09-.01.18-.12.2-.31.13-.3.55.14.56.94.44 1.76.88 2.86.73h-.02c1.2-.09.59-.31.53-1.14-.2-.88 1.33-1.47-.18-1.81ZM72.46 66.5c-.08-.07-.28 0-.3.06 0 .4-.42.28-.55.56.08.16.2.3.39.28.23-.02.2.26.42.27.98-.44 2.16-.33 3-1.1-.32-.26-.4-.62-.46-1-.57.04-1.13-.04-1.62.22-.05.26.13.4.26.62-.4.17-.76.26-1.14.09Z"/><path d="M88.26 55.51c-.4-.82-1.3-5.44-2.6-4.44 5.96 11.02 1.98 25.52-8.37 32.5-3.03 1.81-6.8 4.83-10.4 2.82 2.32-8.95 13.44-5.17 15.85-22.22-.3-.14-.4-.23-.68-.28a29.17 29.17 0 0 1-1.85 6.87c.96-2.54.35-10.48.53-10.92-.1-.13-.2-.18-.53-.58.06.96 0 1.3 0 2.58H63.35V44.43H79.9v9.82a6 6 0 0 0 .1.7c.24-.37.26-.35.42-.47V43.92H45.7l-.03 8.9h.51v-8.4h16.66v17.42H46.77c-.05.05.01-.28-.04-.23 0-.05-.11.27-.11.23h-.45V60.5l-.5-.02c-.38 1.3.72 12.23 2.53 14.15-3.62-3.48-4.76-9.65-4.08-14.3 0 0-.34-.26-.71-.6-1.14 6.56 1.36 13.02 6 17.7.4.44.85-.02 1.34-.15-.1-.1-.31-.27-.46-.47l.46.47-.25-.7c-3.65-2.76-4.25-10.63-4.32-14.23h16.65s0 21.83-.02 21.88c-3.54-.17-5.94-3.98-9.36-4.02 4.92 2.88 13.9 9.83 19.58 6.78l.08.1c-.6.74-2.7 2.14-3.64 1.78-1.54-.92-3.93.76-2.83 2.47.14.2.22.37.06.64-6.14-.57-11.66-4.2-16.83-7.31l-.09.1c1.98 2.65 9.06 5.94 9.06 5.94v3.94l.75.5v-4.27c1.86.63 5.62 1.8 5.62 1.8l.01 2.66.72-.45-.04-2 1-.27a1.3 1.3 0 0 0 .97-1.41.75.75 0 0 1-.42-.87c.15-.78 1.1-.8 1.49-.33.77.34 1.52-.57 2.28-.79 1.07-.64 2.38-1.2 2.88-2.42.1-.3.26-.5.52-.64a27.42 27.42 0 0 0 6-4.3c7.52-6.29 10.14-17.1 7.64-26.35Zm-24.91 6.83H80.2c1.38 12.76-6.18 17.03-16.86 21.48V62.34Zm.3 22.8a6.99 6.99 0 0 1 3.56-1.79l-1.26 2.8-2.3-1.02ZM26.02 92.14c-.38-.23-.86-.3-1.42-.21.12.84.43 2.41.67 3.23 1.6-.23 2.07-2.2.75-3.02Z"/><path d="M47.7 86.35c-9.55.01-19.06 4.05-28.6 4.05-1.15 0-2.3-.06-3.45-.2 2.96 2.32 2.76 6.96 7.06 6.96l.58-.03c5.85-.62 11.66-2.25 17.42-3.15.99-.15 5.75-1.3 8.54-1.3 1 0 1.76.14 1.98.55.3.54-1.6 2.12-1.6 2.18-.01.02 0 .03.02.03.18 0 1.23-.6 2.02-1.11 3.11-2.22-3.41-7.98-3.97-7.98Zm-20.1 7.84c-.52 1.22-2.07 1.5-3.29 1.71.06-.38-.68-3.91-.9-4.24 2.1-.89 5.1-.02 4.19 2.53Zm1.23.74a9.99 9.99 0 0 0-.91-4.24l1.22-.26a10 10 0 0 0 .9 4.24l-1.21.26Zm4.69-1-2.5.54c.05-.37-.76-3.84-.97-4.16l2.63-.57-.21.87c-.37-.1-.8-.1-1.28 0l.3 1.25 1.45-.32.23.62c-.29-.05-1.16.17-1.56.23l.3 1.32c.72-.16 1.31-.4 1.78-.71h.01l-.18.92Zm2.56-.4c-1.82.05-2.09-2.53-2.51-3.8l.88-.16c.42 1.1.3 3.7 2.18 3.35 1.36-.6.26-2.73.12-3.76l.87-.12c.33 1.7 1.11 4.67-1.54 4.5Zm7.24-1.28-2.5.57c.05-.37-.79-3.83-1-4.15l2.63-.6-.2.88c-.37-.1-.8-.1-1.29 0l.3 1.26 1.46-.33.24.6c-.29-.04-1.16.18-1.56.26l.31 1.3c.72-.15 1.31-.4 1.78-.72l.01.01-.18.92Zm2.63-4.2.72 3.58-.84.15-.73-3.57c-.52.09-.8.09-1.5.39l-.02-.8 3.6-.46.25.68a5.68 5.68 0 0 0-1.48.02ZM91.93 90.33c-.2.8-.52 2.28-.62 3.08 1.87.4 2.45-2.7.62-3.08ZM99.27 91.6c-1.43-.36-1.9 2.6-.7 3.07 1.45.34 1.9-2.6.7-3.08ZM95.52 91.04l-.44 1.57c1.22.22 1.75-1.37.44-1.57ZM84.04 88.8c-1.5-.4-2.07 2.65-.82 3.17 1.53.4 2.08-2.64.82-3.17Z"/><path d="M105.4 90.38c-1.19 0-2.33-.02-2.88-.07-6.3-.6-12.52-2.38-18.8-3.37-1.81-.28-3.3-.55-4.58-.55-2.67 0-4.48 1.15-6.63 5.67-.91 1.73 2.15 3.37 2.83 3.44-2.52-2.13-1.64-2.76.34-2.76 2.75 0 7.62 1.2 8.57 1.33 5.75.9 11.57 2.53 17.42 3.15l.59.03c4.3 0 4.09-4.64 7.05-6.95-.53.04-2.27.08-3.9.08Zm-23.67-2.5c-.14.13-.65 3.67-.62 4.01l-.96-.18c.17-.3.4-2.77.4-2.77l-1.65 2.53-.97-2.86s-.39 2.06-.4 2.72l-.95-.13c.3-.48.9-4.12.9-4.12l.97.18c.03.2.76 2.66.76 2.66s1.3-2.15 1.38-2.26l1.14.2v.02Zm3.53 3.13c-.86 2.9-4.24 1.31-3.24-1.27.86-2.81 4.24-1.33 3.24 1.27Zm3.33 2.54c-.3-.07-1.89-3.28-1.89-3.28s-.39 2.5-.49 2.67l-.72-.1.83-3.93.8.1c0 .11 1.27 2.76 1.27 2.76l.46-2.34.62.17-.88 3.95Zm3.77.34c-.57.2-1.39-.02-1.98-.14l.8-4.04c2.65-.17 3.74 3.22 1.18 4.18Zm4.7-1.86c-.12.46-.46.77-1.02.94.24.8.39 1.06.8 1.93v.02l-.65-.1a7.54 7.54 0 0 1-1.18-1.8c-.14.5-.28 1.13-.22 1.58l-1.1-.16c.2-.31 1.06-3.62 1.03-3.97.94.12 2.64.29 2.34 1.56Zm2.1 3.2c-2.44.45-2.43-3.6-.48-4.17 2.43-.51 2.44 3.61.47 4.17Zm2.52-2.37c-.1.71-.43 2.18-.3 2.86l-.95-.14c.42-1.06.7-2.85.64-3.98l.95.13c-.16.32-.27.7-.34 1.13Zm2.25-.18s-.56 3.11-.53 3.38l-.94-.17c-.02.02.58-2.73.73-3.33a2 2 0 0 0-1.1.1h-.01l.38-.78 2.56.45.18.87a3.4 3.4 0 0 0-1.27-.52Z"/></svg>
diff --git a/app/static/assets/rebrand/images/govuk-icon-180.png b/app/static/assets/rebrand/images/govuk-icon-180.png
new file mode 100644
index 0000000..62c4eb0
Binary files /dev/null and b/app/static/assets/rebrand/images/govuk-icon-180.png differ
diff --git a/app/static/assets/rebrand/images/govuk-icon-192.png b/app/static/assets/rebrand/images/govuk-icon-192.png
new file mode 100644
index 0000000..d4ef539
Binary files /dev/null and b/app/static/assets/rebrand/images/govuk-icon-192.png differ
diff --git a/app/static/assets/rebrand/images/govuk-icon-512.png b/app/static/assets/rebrand/images/govuk-icon-512.png
new file mode 100644
index 0000000..a984294
Binary files /dev/null and b/app/static/assets/rebrand/images/govuk-icon-512.png differ
diff --git a/app/static/assets/rebrand/images/govuk-icon-mask.svg b/app/static/assets/rebrand/images/govuk-icon-mask.svg
new file mode 100644
index 0000000..e10ff6c
--- /dev/null
+++ b/app/static/assets/rebrand/images/govuk-icon-mask.svg
@@ -0,0 +1 @@
+<svg viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="m0 0v512h512v-512zm415.76 238.55c11.12-4.56 24.05.88 28.67 12.11 4.63 11.17-.72 24.05-11.85 28.61-11.34 4.68-24.21-.67-28.83-11.88-4.65-11.18.67-24.18 12.01-28.84zm-39.05-58.11c11.12-4.56 24.05.89 28.68 12.12 4.62 11.17-.73 24.04-11.85 28.6-11.34 4.68-24.21-.67-28.83-11.88-4.65-11.18.67-24.18 12-28.84zm-58.98-35.19c11.12-4.57 24.05.88 28.67 12.11 4.62 11.17-.72 24.04-11.85 28.6-11.34 4.68-24.21-.67-28.84-11.88-4.64-11.18.67-24.18 12.01-28.83zm-101.34-55.92 27.83 8.81.09-.08c.77-1.03 1.68-1.94 2.7-2.73l.08-.08-11.2-35.25h20.12s20.12 0 20.12 0l-11.2 35.25.08.08c1.02.79 1.93 1.7 2.7 2.73l.08.08 27.84-8.81v41.08l-27.87-14.63-.06.06c-.83 1.08-1.8 2.04-2.88 2.86l16 48.28c.02.06.05.12.06.18l.02.05c.74 2.42 1.14 4.98 1.14 7.63 0 13.06-9.65 23.85-22.19 25.7-.18.03-.37.06-.55.08-1.07.14-2.16.23-3.26.23-1.11 0-2.19-.09-3.26-.23-.19-.02-.38-.06-.56-.08-12.55-1.85-22.19-12.63-22.19-25.7 0-2.65.4-5.21 1.15-7.62s.01-.06.01-.06c.02-.06.04-.12.06-.18l16.01-48.28c-1.09-.81-2.06-1.77-2.88-2.86l-.06-.06-27.87 14.63v-41.08zm48.11 174.62c-11.34 4.68-24.21-.67-28.84-11.88-4.64-11.18.67-24.18 12.01-28.83 11.12-4.57 24.05.88 28.67 12.11 4.62 11.17-.72 24.04-11.85 28.6zm-99.28-106.59c4.62-11.23 17.55-16.68 28.67-12.11 11.34 4.65 16.65 17.65 12.01 28.83-4.62 11.21-17.49 16.56-28.84 11.88-11.12-4.56-16.47-17.44-11.85-28.6zm-58.99 35.2c4.63-11.22 17.55-16.68 28.68-12.12 11.34 4.65 16.65 17.65 12 28.84-4.62 11.21-17.49 16.56-28.83 11.88-11.12-4.56-16.48-17.44-11.85-28.6zm-39.04 58.11c4.62-11.23 17.55-16.68 28.67-12.11 11.34 4.65 16.66 17.65 12.01 28.84-4.62 11.21-17.49 16.56-28.83 11.88-11.13-4.55-16.47-17.43-11.85-28.61zm335.98 169.34c-44.5-6.37-94.44-9.94-147.21-9.94s-102.66 3.57-147.14 9.93c-12.63-53.1-28-83.53-43.87-105.19l29.89-10.64c-2.97 15.18-3.45 22.24-.12 32 4.93-4.82 9.6-13.68 13.25-27.23l14.49 48.23c-8.82-6.07-15.61-9.99-23.39-10.17 13.79 29.7 31.01 37.34 42.17 35.28 13.62-2.5 19.89-14.65 17.78-24.95-3.13-14.6-18.12-18.41-25.12-1.42-13.39-27.31 9.32-35.81 23.93-27.73-22.44-22.39-25.01-42.29-6.89-66.38 25.24 19.3 25.54 38.41 14.18 65.3 14.74-16.87 37.68-7.81 29.4 19.45-10.64-16.46-24.71-6.1-22.5 9.53 1.87 13.62 19.85 24.62 42.25 22.68 32.1-2.91 34.01-25.06 34.81-43.39-7.89-1.46-22.1 5.86-34.22 22.87l-4.46-51.16c13.18 13.74 25.16 16.35 38.46 16.77-4.43-13.82-24.78-36.46-24.78-36.46h63.85s-20.35 22.64-24.78 36.46c13.3-.42 25.28-3.03 38.46-16.77l-4.46 51.16c-12.11-17.01-26.32-24.33-34.21-22.87.8 18.34 2.71 40.48 34.81 43.39 22.39 1.95 40.38-9.05 42.25-22.68 2.21-15.63-11.86-25.99-22.49-9.53-8.29-27.26 14.65-36.32 29.39-19.45-11.36-26.89-11.07-46 14.18-65.3 18.12 24.08 15.55 43.99-6.9 66.38 14.62-8.08 37.32.43 23.94 27.73-7-16.99-21.98-13.18-25.12 1.42-2.11 10.3 4.15 22.46 17.77 24.95 11.16 2.06 28.38-5.58 42.17-35.28-7.77.18-14.57 4.11-23.38 10.17l14.48-48.23c3.65 13.55 8.32 22.41 13.25 27.23 3.33-9.76 2.85-16.82-.12-32l29.89 10.64c-15.88 21.66-31.25 52.09-43.88 105.2z"/></svg>
\ No newline at end of file
diff --git a/app/static/assets/rebrand/images/govuk-opengraph-image.png b/app/static/assets/rebrand/images/govuk-opengraph-image.png
new file mode 100644
index 0000000..659d3fc
Binary files /dev/null and b/app/static/assets/rebrand/images/govuk-opengraph-image.png differ
diff --git a/app/static/assets/rebrand/manifest.json b/app/static/assets/rebrand/manifest.json
new file mode 100644
index 0000000..0d183a2
--- /dev/null
+++ b/app/static/assets/rebrand/manifest.json
@@ -0,0 +1,39 @@
+{
+  "icons": [
+    {
+      "src": "images/favicon.ico",
+      "type": "image/x-icon",
+      "sizes": "48x48"
+    },
+    {
+      "src": "images/favicon.svg",
+      "type": "image/svg+xml",
+      "sizes": "150x150",
+      "purpose": "any"
+    },
+    {
+      "src": "images/govuk-icon-180.png",
+      "type": "image/png",
+      "sizes": "180x180",
+      "purpose": "maskable"
+    },
+    {
+      "src": "images/govuk-icon-192.png",
+      "type": "image/png",
+      "sizes": "192x192",
+      "purpose": "maskable"
+    },
+    {
+      "src": "images/govuk-icon-512.png",
+      "type": "image/png",
+      "sizes": "512x512",
+      "purpose": "maskable"
+    },
+    {
+      "src": "images/govuk-icon-mask.svg",
+      "type": "image/svg+xml",
+      "sizes": "150x150",
+      "purpose": "monochrome"
+    }
+  ]
+}
diff --git a/app/static/css/main.css b/app/static/css/main.css
new file mode 100644
index 0000000..440e4b6
--- /dev/null
+++ b/app/static/css/main.css
@@ -0,0 +1,8552 @@
+@charset "UTF-8";
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+:root {
+  --govuk-frontend-version: "5.12.0";
+  --govuk-breakpoint-mobile: 20rem;
+  --govuk-frontend-breakpoint-mobile: var(--govuk-breakpoint-mobile);
+  --govuk-breakpoint-tablet: 40.0625rem;
+  --govuk-frontend-breakpoint-tablet: var(--govuk-breakpoint-tablet);
+  --govuk-breakpoint-desktop: 48.0625rem;
+  --govuk-frontend-breakpoint-desktop: var(--govuk-breakpoint-desktop);
+}
+
+
+.govuk-link {
+  font-family: "GDS Transport", arial, sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+/*! Copyright (c) 2011 by Margaret Calvert & Henrik Kubel. All rights reserved. The font has been customised for exclusive use on gov.uk. This cut is not commercially available. */ /* stylelint-disable-line scss/comment-no-loud  */
+@font-face {
+  font-family: "GDS Transport";
+  font-style: normal;
+  font-weight: normal;
+  src: url("/assets/fonts/light-94a07e06a1-v2.woff2") format("woff2"), url("/assets/fonts/light-f591b13f7d-v2.woff") format("woff");
+  font-display: fallback;
+}
+@font-face {
+  font-family: "GDS Transport";
+  font-style: normal;
+  font-weight: bold;
+  src: url("/assets/fonts/bold-b542beb274-v2.woff2") format("woff2"), url("/assets/fonts/bold-affa96571d-v2.woff") format("woff");
+  font-display: fallback;
+}
+@media print {
+  .govuk-link {
+    font-family: sans-serif;
+  }
+}
+.govuk-link {
+  text-decoration: underline;
+  text-decoration-thickness: max(1px, .0625rem);
+  text-underline-offset: 0.1578em;
+}
+.govuk-link:hover {
+  text-decoration-thickness: max(3px, .1875rem, .12em);
+  -webkit-text-decoration-skip-ink: none;
+  text-decoration-skip-ink: none;
+  -webkit-text-decoration-skip: none;
+  text-decoration-skip: none;
+}
+.govuk-link:focus {
+  outline: 3px solid transparent;
+  color: #0b0c0c;
+  background-color: #ffdd00;
+  box-shadow: 0 -2px #ffdd00, 0 4px #0b0c0c;
+  text-decoration: none;
+}
+@supports not (text-wrap: balance) {
+  .govuk-link:focus {
+    -webkit-box-decoration-break: clone;
+    box-decoration-break: clone;
+  }
+}
+.govuk-link:link {
+  color: #1d70b8;
+}
+.govuk-link:visited {
+  color: #4c2c92;
+}
+.govuk-link:hover {
+  color: #003078;
+}
+.govuk-link:active {
+  color: #0b0c0c;
+}
+.govuk-link:focus {
+  color: #0b0c0c;
+}
+@media print {
+  [href^="/"].govuk-link::after, [href^="http://"].govuk-link::after, [href^="https://"].govuk-link::after {
+    content: " (" attr(href) ")";
+    font-size: 90%;
+    word-wrap: break-word;
+  }
+}
+
+.govuk-link--muted:link, .govuk-link--muted:visited {
+  color: #505a5f;
+}
+.govuk-link--muted:hover, .govuk-link--muted:active {
+  color: #0b0c0c;
+}
+.govuk-link--muted:focus {
+  color: #0b0c0c;
+}
+
+.govuk-link--text-colour:link, .govuk-link--text-colour:visited {
+  color: #0b0c0c;
+}
+@media print {
+  .govuk-link--text-colour:link, .govuk-link--text-colour:visited {
+    color: #000000;
+  }
+}
+.govuk-link--text-colour:hover {
+  color: rgba(11, 12, 12, 0.99);
+}
+.govuk-link--text-colour:active, .govuk-link--text-colour:focus {
+  color: #0b0c0c;
+}
+@media print {
+  .govuk-link--text-colour:active, .govuk-link--text-colour:focus {
+    color: #000000;
+  }
+}
+
+.govuk-link--inverse:link, .govuk-link--inverse:visited {
+  color: #ffffff;
+}
+.govuk-link--inverse:hover, .govuk-link--inverse:active {
+  color: rgba(255, 255, 255, 0.99);
+}
+.govuk-link--inverse:focus {
+  color: #0b0c0c;
+}
+
+.govuk-link--no-underline:not(:hover):not(:active) {
+  text-decoration: none;
+}
+
+.govuk-link--no-visited-state:link {
+  color: #1d70b8;
+}
+.govuk-link--no-visited-state:visited {
+  color: #1d70b8;
+}
+.govuk-link--no-visited-state:hover {
+  color: #003078;
+}
+.govuk-link--no-visited-state:active {
+  color: #0b0c0c;
+}
+.govuk-link--no-visited-state:focus {
+  color: #0b0c0c;
+}
+
+.govuk-link-image {
+  display: inline-block;
+  line-height: 0;
+  text-decoration: none;
+}
+.govuk-link-image:focus {
+  outline: 3px solid transparent;
+  box-shadow: 0 0 0 4px #ffdd00, 0 0 0 8px #0b0c0c;
+}
+
+
+.govuk-list {
+  font-family: "GDS Transport", arial, sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+@media print {
+  .govuk-list {
+    font-family: sans-serif;
+  }
+}
+.govuk-list {
+  font-weight: 400;
+  font-size: 1rem;
+  line-height: 1.25;
+}
+@media (min-width: 40.0625em) {
+  .govuk-list {
+    font-size: 1.1875rem;
+    line-height: 1.3157894737;
+  }
+}
+@media print {
+  .govuk-list {
+    font-size: 14pt;
+    line-height: 1.15;
+  }
+}
+.govuk-list {
+  color: #0b0c0c;
+}
+@media print {
+  .govuk-list {
+    color: #000000;
+  }
+}
+.govuk-list {
+  margin-top: 0;
+  margin-bottom: 15px;
+}
+@media (min-width: 40.0625em) {
+  .govuk-list {
+    margin-bottom: 20px;
+  }
+}
+.govuk-list {
+  padding-left: 0;
+  list-style-type: none;
+}
+.govuk-list .govuk-list {
+  margin-top: 10px;
+}
+
+.govuk-list > li {
+  margin-bottom: 5px;
+}
+
+.govuk-list--bullet {
+  padding-left: 20px;
+  list-style-type: disc;
+}
+
+.govuk-list--number {
+  padding-left: 20px;
+  list-style-type: decimal;
+}
+
+.govuk-list--bullet > li,
+.govuk-list--number > li {
+  margin-bottom: 0;
+}
+@media (min-width: 40.0625em) {
+  .govuk-list--bullet > li,
+  .govuk-list--number > li {
+    margin-bottom: 5px;
+  }
+}
+
+.govuk-list--spaced > li {
+  margin-bottom: 10px;
+}
+@media (min-width: 40.0625em) {
+  .govuk-list--spaced > li {
+    margin-bottom: 15px;
+  }
+}
+
+
+.govuk-heading-xl {
+  color: #0b0c0c;
+}
+@media print {
+  .govuk-heading-xl {
+    color: #000000;
+  }
+}
+.govuk-heading-xl {
+  font-family: "GDS Transport", arial, sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+@media print {
+  .govuk-heading-xl {
+    font-family: sans-serif;
+  }
+}
+.govuk-heading-xl {
+  font-weight: 700;
+  font-size: 2rem;
+  line-height: 1.09375;
+}
+@media (min-width: 40.0625em) {
+  .govuk-heading-xl {
+    font-size: 3rem;
+    line-height: 1.0416666667;
+  }
+}
+@media print {
+  .govuk-heading-xl {
+    font-size: 32pt;
+    line-height: 1.15;
+  }
+}
+.govuk-heading-xl {
+  display: block;
+  margin-top: 0;
+  margin-bottom: 30px;
+}
+@media (min-width: 40.0625em) {
+  .govuk-heading-xl {
+    margin-bottom: 50px;
+  }
+}
+
+.govuk-heading-l {
+  color: #0b0c0c;
+}
+@media print {
+  .govuk-heading-l {
+    color: #000000;
+  }
+}
+.govuk-heading-l {
+  font-family: "GDS Transport", arial, sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+@media print {
+  .govuk-heading-l {
+    font-family: sans-serif;
+  }
+}
+.govuk-heading-l {
+  font-weight: 700;
+  font-size: 1.5rem;
+  line-height: 1.0416666667;
+}
+@media (min-width: 40.0625em) {
+  .govuk-heading-l {
+    font-size: 2.25rem;
+    line-height: 1.1111111111;
+  }
+}
+@media print {
+  .govuk-heading-l {
+    font-size: 24pt;
+    line-height: 1.05;
+  }
+}
+.govuk-heading-l {
+  display: block;
+  margin-top: 0;
+  margin-bottom: 20px;
+}
+@media (min-width: 40.0625em) {
+  .govuk-heading-l {
+    margin-bottom: 30px;
+  }
+}
+
+.govuk-heading-m {
+  color: #0b0c0c;
+}
+@media print {
+  .govuk-heading-m {
+    color: #000000;
+  }
+}
+.govuk-heading-m {
+  font-family: "GDS Transport", arial, sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+@media print {
+  .govuk-heading-m {
+    font-family: sans-serif;
+  }
+}
+.govuk-heading-m {
+  font-weight: 700;
+  font-size: 1.125rem;
+  line-height: 1.1111111111;
+}
+@media (min-width: 40.0625em) {
+  .govuk-heading-m {
+    font-size: 1.5rem;
+    line-height: 1.25;
+  }
+}
+@media print {
+  .govuk-heading-m {
+    font-size: 18pt;
+    line-height: 1.15;
+  }
+}
+.govuk-heading-m {
+  display: block;
+  margin-top: 0;
+  margin-bottom: 15px;
+}
+@media (min-width: 40.0625em) {
+  .govuk-heading-m {
+    margin-bottom: 20px;
+  }
+}
+
+.govuk-heading-s {
+  color: #0b0c0c;
+}
+@media print {
+  .govuk-heading-s {
+    color: #000000;
+  }
+}
+.govuk-heading-s {
+  font-family: "GDS Transport", arial, sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+@media print {
+  .govuk-heading-s {
+    font-family: sans-serif;
+  }
+}
+.govuk-heading-s {
+  font-weight: 700;
+  font-size: 1rem;
+  line-height: 1.25;
+}
+@media (min-width: 40.0625em) {
+  .govuk-heading-s {
+    font-size: 1.1875rem;
+    line-height: 1.3157894737;
+  }
+}
+@media print {
+  .govuk-heading-s {
+    font-size: 14pt;
+    line-height: 1.15;
+  }
+}
+.govuk-heading-s {
+  display: block;
+  margin-top: 0;
+  margin-bottom: 15px;
+}
+@media (min-width: 40.0625em) {
+  .govuk-heading-s {
+    margin-bottom: 20px;
+  }
+}
+
+.govuk-caption-xl {
+  font-family: "GDS Transport", arial, sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+@media print {
+  .govuk-caption-xl {
+    font-family: sans-serif;
+  }
+}
+.govuk-caption-xl {
+  font-weight: 400;
+  font-size: 1.125rem;
+  line-height: 1.1111111111;
+}
+@media (min-width: 40.0625em) {
+  .govuk-caption-xl {
+    font-size: 1.6875rem;
+    line-height: 1.1111111111;
+  }
+}
+@media print {
+  .govuk-caption-xl {
+    font-size: 18pt;
+    line-height: 1.15;
+  }
+}
+.govuk-caption-xl {
+  display: block;
+  margin-bottom: 5px;
+  color: #505a5f;
+}
+
+.govuk-caption-l {
+  font-family: "GDS Transport", arial, sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+@media print {
+  .govuk-caption-l {
+    font-family: sans-serif;
+  }
+}
+.govuk-caption-l {
+  font-weight: 400;
+  font-size: 1.125rem;
+  line-height: 1.1111111111;
+}
+@media (min-width: 40.0625em) {
+  .govuk-caption-l {
+    font-size: 1.5rem;
+    line-height: 1.25;
+  }
+}
+@media print {
+  .govuk-caption-l {
+    font-size: 18pt;
+    line-height: 1.15;
+  }
+}
+.govuk-caption-l {
+  display: block;
+  margin-bottom: 5px;
+  color: #505a5f;
+}
+@media (min-width: 40.0625em) {
+  .govuk-caption-l {
+    margin-bottom: 0;
+  }
+}
+
+.govuk-caption-m {
+  font-family: "GDS Transport", arial, sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+@media print {
+  .govuk-caption-m {
+    font-family: sans-serif;
+  }
+}
+.govuk-caption-m {
+  font-weight: 400;
+  font-size: 1rem;
+  line-height: 1.25;
+}
+@media (min-width: 40.0625em) {
+  .govuk-caption-m {
+    font-size: 1.1875rem;
+    line-height: 1.3157894737;
+  }
+}
+@media print {
+  .govuk-caption-m {
+    font-size: 14pt;
+    line-height: 1.15;
+  }
+}
+.govuk-caption-m {
+  display: block;
+  color: #505a5f;
+}
+
+.govuk-body-lead, .govuk-body-l {
+  color: #0b0c0c;
+}
+@media print {
+  .govuk-body-lead, .govuk-body-l {
+    color: #000000;
+  }
+}
+.govuk-body-lead, .govuk-body-l {
+  font-family: "GDS Transport", arial, sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+@media print {
+  .govuk-body-lead, .govuk-body-l {
+    font-family: sans-serif;
+  }
+}
+.govuk-body-lead, .govuk-body-l {
+  font-weight: 400;
+  font-size: 1.125rem;
+  line-height: 1.1111111111;
+}
+@media (min-width: 40.0625em) {
+  .govuk-body-lead, .govuk-body-l {
+    font-size: 1.5rem;
+    line-height: 1.25;
+  }
+}
+@media print {
+  .govuk-body-lead, .govuk-body-l {
+    font-size: 18pt;
+    line-height: 1.15;
+  }
+}
+.govuk-body-lead, .govuk-body-l {
+  margin-top: 0;
+  margin-bottom: 20px;
+}
+@media (min-width: 40.0625em) {
+  .govuk-body-lead, .govuk-body-l {
+    margin-bottom: 30px;
+  }
+}
+
+.govuk-body, .govuk-body-m {
+  color: #0b0c0c;
+}
+@media print {
+  .govuk-body, .govuk-body-m {
+    color: #000000;
+  }
+}
+.govuk-body, .govuk-body-m {
+  font-family: "GDS Transport", arial, sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+@media print {
+  .govuk-body, .govuk-body-m {
+    font-family: sans-serif;
+  }
+}
+.govuk-body, .govuk-body-m {
+  font-weight: 400;
+  font-size: 1rem;
+  line-height: 1.25;
+}
+@media (min-width: 40.0625em) {
+  .govuk-body, .govuk-body-m {
+    font-size: 1.1875rem;
+    line-height: 1.3157894737;
+  }
+}
+@media print {
+  .govuk-body, .govuk-body-m {
+    font-size: 14pt;
+    line-height: 1.15;
+  }
+}
+.govuk-body, .govuk-body-m {
+  margin-top: 0;
+  margin-bottom: 15px;
+}
+@media (min-width: 40.0625em) {
+  .govuk-body, .govuk-body-m {
+    margin-bottom: 20px;
+  }
+}
+
+.govuk-body-s {
+  color: #0b0c0c;
+}
+@media print {
+  .govuk-body-s {
+    color: #000000;
+  }
+}
+.govuk-body-s {
+  font-family: "GDS Transport", arial, sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+@media print {
+  .govuk-body-s {
+    font-family: sans-serif;
+  }
+}
+.govuk-body-s {
+  font-weight: 400;
+  font-size: 0.875rem;
+  line-height: 1.1428571429;
+}
+@media (min-width: 40.0625em) {
+  .govuk-body-s {
+    font-size: 1rem;
+    line-height: 1.25;
+  }
+}
+@media print {
+  .govuk-body-s {
+    font-size: 14pt;
+    line-height: 1.2;
+  }
+}
+.govuk-body-s {
+  margin-top: 0;
+  margin-bottom: 15px;
+}
+@media (min-width: 40.0625em) {
+  .govuk-body-s {
+    margin-bottom: 20px;
+  }
+}
+
+.govuk-body-xs {
+  color: #0b0c0c;
+}
+@media print {
+  .govuk-body-xs {
+    color: #000000;
+  }
+}
+.govuk-body-xs {
+  font-family: "GDS Transport", arial, sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+@media print {
+  .govuk-body-xs {
+    font-family: sans-serif;
+  }
+}
+.govuk-body-xs {
+  font-weight: 400;
+  font-size: 0.75rem;
+  line-height: 1.25;
+}
+@media (min-width: 40.0625em) {
+  .govuk-body-xs {
+    font-size: 0.875rem;
+    line-height: 1.4285714286;
+  }
+}
+@media print {
+  .govuk-body-xs {
+    font-size: 12pt;
+    line-height: 1.2;
+  }
+}
+.govuk-body-xs {
+  margin-top: 0;
+  margin-bottom: 15px;
+}
+@media (min-width: 40.0625em) {
+  .govuk-body-xs {
+    margin-bottom: 20px;
+  }
+}
+
+.govuk-body-l + .govuk-heading-l, .govuk-body-lead + .govuk-heading-l {
+  padding-top: 5px;
+}
+@media (min-width: 40.0625em) {
+  .govuk-body-l + .govuk-heading-l, .govuk-body-lead + .govuk-heading-l {
+    padding-top: 10px;
+  }
+}
+
+.govuk-body-m + .govuk-heading-l, .govuk-body + .govuk-heading-l,
+.govuk-body-s + .govuk-heading-l,
+.govuk-list + .govuk-heading-l {
+  padding-top: 15px;
+}
+@media (min-width: 40.0625em) {
+  .govuk-body-m + .govuk-heading-l, .govuk-body + .govuk-heading-l,
+  .govuk-body-s + .govuk-heading-l,
+  .govuk-list + .govuk-heading-l {
+    padding-top: 20px;
+  }
+}
+
+.govuk-body-m + .govuk-heading-m, .govuk-body + .govuk-heading-m,
+.govuk-body-s + .govuk-heading-m,
+.govuk-list + .govuk-heading-m,
+.govuk-body-m + .govuk-heading-s,
+.govuk-body + .govuk-heading-s,
+.govuk-body-s + .govuk-heading-s,
+.govuk-list + .govuk-heading-s {
+  padding-top: 5px;
+}
+@media (min-width: 40.0625em) {
+  .govuk-body-m + .govuk-heading-m, .govuk-body + .govuk-heading-m,
+  .govuk-body-s + .govuk-heading-m,
+  .govuk-list + .govuk-heading-m,
+  .govuk-body-m + .govuk-heading-s,
+  .govuk-body + .govuk-heading-s,
+  .govuk-body-s + .govuk-heading-s,
+  .govuk-list + .govuk-heading-s {
+    padding-top: 10px;
+  }
+}
+
+
+.govuk-section-break {
+  margin: 0;
+  border: 0;
+}
+
+.govuk-section-break--xl {
+  margin-top: 30px;
+}
+@media (min-width: 40.0625em) {
+  .govuk-section-break--xl {
+    margin-top: 50px;
+  }
+}
+.govuk-section-break--xl {
+  margin-bottom: 30px;
+}
+@media (min-width: 40.0625em) {
+  .govuk-section-break--xl {
+    margin-bottom: 50px;
+  }
+}
+
+.govuk-section-break--l {
+  margin-top: 20px;
+}
+@media (min-width: 40.0625em) {
+  .govuk-section-break--l {
+    margin-top: 30px;
+  }
+}
+.govuk-section-break--l {
+  margin-bottom: 20px;
+}
+@media (min-width: 40.0625em) {
+  .govuk-section-break--l {
+    margin-bottom: 30px;
+  }
+}
+
+.govuk-section-break--m {
+  margin-top: 15px;
+}
+@media (min-width: 40.0625em) {
+  .govuk-section-break--m {
+    margin-top: 20px;
+  }
+}
+.govuk-section-break--m {
+  margin-bottom: 15px;
+}
+@media (min-width: 40.0625em) {
+  .govuk-section-break--m {
+    margin-bottom: 20px;
+  }
+}
+
+.govuk-section-break--visible {
+  border-bottom: 1px solid #b1b4b6;
+}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+.govuk-button-group {
+  margin-bottom: 5px;
+}
+@media (min-width: 40.0625em) {
+  .govuk-button-group {
+    margin-bottom: 15px;
+  }
+}
+.govuk-button-group {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
+.govuk-button-group .govuk-link {
+  font-family: "GDS Transport", arial, sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+@media print {
+  .govuk-button-group .govuk-link {
+    font-family: sans-serif;
+  }
+}
+.govuk-button-group .govuk-link {
+  font-weight: 400;
+  font-size: 1rem;
+  line-height: 1.1875;
+}
+@media (min-width: 40.0625em) {
+  .govuk-button-group .govuk-link {
+    font-size: 1.1875rem;
+    line-height: 1;
+  }
+}
+@media print {
+  .govuk-button-group .govuk-link {
+    font-size: 14pt;
+    line-height: 19px;
+  }
+}
+.govuk-button-group .govuk-link {
+  display: inline-block;
+  max-width: 100%;
+  margin-top: 5px;
+  margin-bottom: 20px;
+  text-align: center;
+}
+.govuk-button-group .govuk-button {
+  margin-bottom: 17px;
+}
+@media (min-width: 40.0625em) {
+  .govuk-button-group {
+    margin-right: -15px;
+    flex-direction: row;
+    flex-wrap: wrap;
+    align-items: baseline;
+  }
+  .govuk-button-group .govuk-button,
+  .govuk-button-group .govuk-link {
+    margin-right: 15px;
+  }
+  .govuk-button-group .govuk-link {
+    text-align: left;
+  }
+}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+.govuk-form-group::after {
+  content: "";
+  display: block;
+  clear: both;
+}
+.govuk-form-group {
+  margin-bottom: 20px;
+}
+@media (min-width: 40.0625em) {
+  .govuk-form-group {
+    margin-bottom: 30px;
+  }
+}
+.govuk-form-group .govuk-form-group:last-of-type {
+  margin-bottom: 0;
+}
+
+.govuk-form-group--error {
+  padding-left: 15px;
+  border-left: 5px solid #d4351c;
+}
+.govuk-form-group--error .govuk-form-group {
+  padding: 0;
+  border: 0;
+}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+.govuk-grid-row::after {
+  content: "";
+  display: block;
+  clear: both;
+}
+.govuk-grid-row {
+  margin-right: -15px;
+  margin-left: -15px;
+}
+
+.govuk-grid-column-one-quarter {
+  box-sizing: border-box;
+  width: 100%;
+  padding: 0 15px;
+}
+@media (min-width: 40.0625em) {
+  .govuk-grid-column-one-quarter {
+    width: 25%;
+    float: left;
+  }
+}
+
+.govuk-grid-column-one-third {
+  box-sizing: border-box;
+  width: 100%;
+  padding: 0 15px;
+}
+@media (min-width: 40.0625em) {
+  .govuk-grid-column-one-third {
+    width: 33.3333333333%;
+    float: left;
+  }
+}
+
+.govuk-grid-column-one-half {
+  box-sizing: border-box;
+  width: 100%;
+  padding: 0 15px;
+}
+@media (min-width: 40.0625em) {
+  .govuk-grid-column-one-half {
+    width: 50%;
+    float: left;
+  }
+}
+
+.govuk-grid-column-two-thirds {
+  box-sizing: border-box;
+  width: 100%;
+  padding: 0 15px;
+}
+@media (min-width: 40.0625em) {
+  .govuk-grid-column-two-thirds {
+    width: 66.6666666667%;
+    float: left;
+  }
+}
+
+.govuk-grid-column-three-quarters {
+  box-sizing: border-box;
+  width: 100%;
+  padding: 0 15px;
+}
+@media (min-width: 40.0625em) {
+  .govuk-grid-column-three-quarters {
+    width: 75%;
+    float: left;
+  }
+}
+
+.govuk-grid-column-full {
+  box-sizing: border-box;
+  width: 100%;
+  padding: 0 15px;
+}
+@media (min-width: 40.0625em) {
+  .govuk-grid-column-full {
+    width: 100%;
+    float: left;
+  }
+}
+
+.govuk-grid-column-one-quarter-from-desktop {
+  box-sizing: border-box;
+  padding: 0 15px;
+}
+@media (min-width: 48.0625em) {
+  .govuk-grid-column-one-quarter-from-desktop {
+    width: 25%;
+    float: left;
+  }
+}
+
+.govuk-grid-column-one-third-from-desktop {
+  box-sizing: border-box;
+  padding: 0 15px;
+}
+@media (min-width: 48.0625em) {
+  .govuk-grid-column-one-third-from-desktop {
+    width: 33.3333333333%;
+    float: left;
+  }
+}
+
+.govuk-grid-column-one-half-from-desktop {
+  box-sizing: border-box;
+  padding: 0 15px;
+}
+@media (min-width: 48.0625em) {
+  .govuk-grid-column-one-half-from-desktop {
+    width: 50%;
+    float: left;
+  }
+}
+
+.govuk-grid-column-two-thirds-from-desktop {
+  box-sizing: border-box;
+  padding: 0 15px;
+}
+@media (min-width: 48.0625em) {
+  .govuk-grid-column-two-thirds-from-desktop {
+    width: 66.6666666667%;
+    float: left;
+  }
+}
+
+.govuk-grid-column-three-quarters-from-desktop {
+  box-sizing: border-box;
+  padding: 0 15px;
+}
+@media (min-width: 48.0625em) {
+  .govuk-grid-column-three-quarters-from-desktop {
+    width: 75%;
+    float: left;
+  }
+}
+
+.govuk-grid-column-full-from-desktop {
+  box-sizing: border-box;
+  padding: 0 15px;
+}
+@media (min-width: 48.0625em) {
+  .govuk-grid-column-full-from-desktop {
+    width: 100%;
+    float: left;
+  }
+}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+.govuk-main-wrapper {
+  display: block;
+  padding-top: 20px;
+  padding-bottom: 20px;
+}
+@media (min-width: 40.0625em) {
+  .govuk-main-wrapper {
+    padding-top: 40px;
+    padding-bottom: 40px;
+  }
+}
+
+.govuk-main-wrapper--auto-spacing:first-child,
+.govuk-main-wrapper--l {
+  padding-top: 30px;
+}
+@media (min-width: 40.0625em) {
+  .govuk-main-wrapper--auto-spacing:first-child,
+  .govuk-main-wrapper--l {
+    padding-top: 50px;
+  }
+}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+.govuk-template {
+  background-color: #f3f2f1;
+}
+.govuk-template--rebranded {
+  background-color: #f4f8fb;
+}
+
+.govuk-template {
+  -webkit-text-size-adjust: 100%;
+  -moz-text-size-adjust: 100%;
+  text-size-adjust: 100%;
+}
+@supports (position: -webkit-sticky) or (position: sticky) {
+  .govuk-template {
+    scroll-padding-top: 60px;
+  }
+  .govuk-template:not(:has(.govuk-exit-this-page)) {
+    scroll-padding-top: 0;
+  }
+}
+@media screen {
+  .govuk-template {
+    overflow-y: scroll;
+  }
+}
+
+.govuk-template__body {
+  margin: 0;
+  background-color: #ffffff;
+}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+.govuk-width-container {
+  max-width: 960px;
+  margin-right: 15px;
+  margin-left: 15px;
+}
+@supports (margin: max(calc(0px))) {
+  .govuk-width-container {
+    margin-right: max(15px, calc(15px + env(safe-area-inset-right)));
+    margin-left: max(15px, calc(15px + env(safe-area-inset-left)));
+  }
+}
+@media (min-width: 40.0625em) {
+  .govuk-width-container {
+    margin-right: 30px;
+    margin-left: 30px;
+  }
+  @supports (margin: max(calc(0px))) {
+    .govuk-width-container {
+      margin-right: max(30px, calc(15px + env(safe-area-inset-right)));
+      margin-left: max(30px, calc(15px + env(safe-area-inset-left)));
+    }
+  }
+}
+@media (min-width: 1020px) {
+  .govuk-width-container {
+    margin-right: auto;
+    margin-left: auto;
+  }
+  @supports (margin: max(calc(0px))) {
+    .govuk-width-container {
+      margin-right: auto;
+      margin-left: auto;
+    }
+  }
+}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+.govuk-accordion {
+  margin-bottom: 20px;
+}
+@media (min-width: 40.0625em) {
+  .govuk-accordion {
+    margin-bottom: 30px;
+  }
+}
+
+.govuk-accordion__section {
+  padding-top: 15px;
+}
+
+.govuk-accordion__section-heading {
+  margin-top: 0;
+  margin-bottom: 0;
+  padding-top: 15px;
+  padding-bottom: 15px;
+}
+
+.govuk-accordion__section-button {
+  font-family: "GDS Transport", arial, sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+@media print {
+  .govuk-accordion__section-button {
+    font-family: sans-serif;
+  }
+}
+.govuk-accordion__section-button {
+  font-weight: 700;
+  font-size: 1.125rem;
+  line-height: 1.1111111111;
+}
+@media (min-width: 40.0625em) {
+  .govuk-accordion__section-button {
+    font-size: 1.5rem;
+    line-height: 1.25;
+  }
+}
+@media print {
+  .govuk-accordion__section-button {
+    font-size: 18pt;
+    line-height: 1.15;
+  }
+}
+.govuk-accordion__section-button {
+  color: #0b0c0c;
+}
+@media print {
+  .govuk-accordion__section-button {
+    color: #000000;
+  }
+}
+.govuk-accordion__section-button {
+  display: block;
+  margin-bottom: 0;
+  padding-top: 15px;
+}
+
+.govuk-accordion__section-content > :last-child {
+  margin-bottom: 0;
+}
+
+.govuk-frontend-supported .govuk-accordion {
+  border-bottom: 1px solid #b1b4b6;
+}
+.govuk-frontend-supported .govuk-accordion__section {
+  padding-top: 0;
+}
+.govuk-frontend-supported .govuk-accordion__section-content {
+  display: none;
+  padding-top: 15px;
+  padding-bottom: 30px;
+}
+@media (min-width: 40.0625em) {
+  .govuk-frontend-supported .govuk-accordion__section-content {
+    padding-bottom: 50px;
+  }
+}
+@supports (content-visibility: hidden) {
+  .govuk-frontend-supported .govuk-accordion__section-content[hidden] {
+    content-visibility: hidden;
+    display: inherit;
+  }
+}
+.govuk-frontend-supported .govuk-accordion__section-content[hidden] {
+  padding-top: 0;
+  padding-bottom: 0;
+}
+.govuk-frontend-supported .govuk-accordion__section--expanded .govuk-accordion__section-content {
+  display: block;
+}
+.govuk-frontend-supported .govuk-accordion__show-all {
+  font-family: "GDS Transport", arial, sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+@media print {
+  .govuk-frontend-supported .govuk-accordion__show-all {
+    font-family: sans-serif;
+  }
+}
+.govuk-frontend-supported .govuk-accordion__show-all {
+  font-weight: 400;
+  font-size: 1rem;
+  line-height: 1.25;
+}
+@media (min-width: 40.0625em) {
+  .govuk-frontend-supported .govuk-accordion__show-all {
+    font-size: 1.1875rem;
+    line-height: 1.3157894737;
+  }
+}
+@media print {
+  .govuk-frontend-supported .govuk-accordion__show-all {
+    font-size: 14pt;
+    line-height: 1.15;
+  }
+}
+.govuk-frontend-supported .govuk-accordion__show-all {
+  position: relative;
+  z-index: 1;
+  margin-bottom: 9px;
+  padding: 5px 2px 5px 0;
+  border-width: 0;
+  color: #1d70b8;
+  background: none;
+  cursor: pointer;
+  -webkit-appearance: none;
+}
+@media (min-width: 40.0625em) {
+  .govuk-frontend-supported .govuk-accordion__show-all {
+    margin-bottom: 14px;
+  }
+}
+.govuk-frontend-supported .govuk-accordion__show-all::-moz-focus-inner {
+  padding: 0;
+  border: 0;
+}
+.govuk-frontend-supported .govuk-accordion__show-all:hover {
+  color: #0b0c0c;
+  background: #f3f2f1;
+  box-shadow: 0 -2px #f3f2f1, 0 4px #f3f2f1;
+}
+.govuk-frontend-supported .govuk-accordion__show-all:hover .govuk-accordion__section-toggle-text {
+  color: #0b0c0c;
+}
+.govuk-frontend-supported .govuk-accordion__show-all:hover .govuk-accordion-nav__chevron {
+  color: #0b0c0c;
+  background: #0b0c0c;
+}
+.govuk-frontend-supported .govuk-accordion__show-all:hover .govuk-accordion-nav__chevron::after {
+  color: #f3f2f1;
+}
+.govuk-frontend-supported .govuk-accordion__show-all:focus {
+  outline: 3px solid transparent;
+  color: #0b0c0c;
+  background-color: #ffdd00;
+  box-shadow: 0 -2px #ffdd00, 0 4px #0b0c0c;
+  text-decoration: none;
+}
+@supports not (text-wrap: balance) {
+  .govuk-frontend-supported .govuk-accordion__show-all:focus {
+    -webkit-box-decoration-break: clone;
+    box-decoration-break: clone;
+  }
+}
+.govuk-frontend-supported .govuk-accordion__show-all:focus .govuk-accordion-nav__chevron {
+  background: #0b0c0c;
+}
+.govuk-frontend-supported .govuk-accordion__show-all:focus .govuk-accordion-nav__chevron::after {
+  color: #ffdd00;
+}
+.govuk-frontend-supported .govuk-accordion__section-heading {
+  padding: 0;
+}
+.govuk-frontend-supported .govuk-accordion-nav__chevron {
+  box-sizing: border-box;
+  display: inline-block;
+  position: relative;
+  width: 1.25rem;
+  height: 1.25rem;
+  border: 0.0625rem solid;
+  border-radius: 50%;
+  vertical-align: middle;
+}
+.govuk-frontend-supported .govuk-accordion-nav__chevron::after {
+  content: "";
+  box-sizing: border-box;
+  display: block;
+  position: absolute;
+  bottom: 0.3125rem;
+  left: 0.375rem;
+  width: 0.375rem;
+  height: 0.375rem;
+  transform: rotate(-45deg);
+  border-top: 0.125rem solid;
+  border-right: 0.125rem solid;
+}
+.govuk-frontend-supported .govuk-accordion-nav__chevron--down {
+  transform: rotate(180deg);
+}
+.govuk-frontend-supported .govuk-accordion__section-button {
+  width: 100%;
+  padding: 10px 0 0;
+  border: 0;
+  border-top: 1px solid #b1b4b6;
+  border-bottom: 10px solid transparent;
+  color: #0b0c0c;
+  background: none;
+  text-align: left;
+  cursor: pointer;
+  -webkit-appearance: none;
+}
+@media (min-width: 40.0625em) {
+  .govuk-frontend-supported .govuk-accordion__section-button {
+    padding-bottom: 10px;
+  }
+}
+.govuk-frontend-supported .govuk-accordion__section-button:active {
+  color: #0b0c0c;
+  background: none;
+}
+.govuk-frontend-supported .govuk-accordion__section-button:hover {
+  color: #0b0c0c;
+  background: #f3f2f1;
+}
+.govuk-frontend-supported .govuk-accordion__section-button:hover .govuk-accordion__section-toggle-text {
+  color: #0b0c0c;
+}
+.govuk-frontend-supported .govuk-accordion__section-button:hover .govuk-accordion-nav__chevron {
+  color: #0b0c0c;
+  background: #0b0c0c;
+}
+.govuk-frontend-supported .govuk-accordion__section-button:hover .govuk-accordion-nav__chevron::after {
+  color: #f3f2f1;
+}
+.govuk-frontend-supported .govuk-accordion__section-button:focus {
+  outline: 0;
+}
+.govuk-frontend-supported .govuk-accordion__section-button:focus .govuk-accordion__section-heading-text-focus,
+.govuk-frontend-supported .govuk-accordion__section-button:focus .govuk-accordion__section-summary-focus,
+.govuk-frontend-supported .govuk-accordion__section-button:focus .govuk-accordion__section-toggle-focus {
+  outline: 3px solid transparent;
+  color: #0b0c0c;
+  background-color: #ffdd00;
+  box-shadow: 0 -2px #ffdd00, 0 4px #0b0c0c;
+  text-decoration: none;
+}
+@supports not (text-wrap: balance) {
+  .govuk-frontend-supported .govuk-accordion__section-button:focus .govuk-accordion__section-heading-text-focus,
+  .govuk-frontend-supported .govuk-accordion__section-button:focus .govuk-accordion__section-summary-focus,
+  .govuk-frontend-supported .govuk-accordion__section-button:focus .govuk-accordion__section-toggle-focus {
+    -webkit-box-decoration-break: clone;
+    box-decoration-break: clone;
+  }
+}
+.govuk-frontend-supported .govuk-accordion__section-button:focus .govuk-accordion-nav__chevron {
+  color: #0b0c0c;
+  background: #0b0c0c;
+}
+.govuk-frontend-supported .govuk-accordion__section-button:focus .govuk-accordion-nav__chevron::after {
+  color: #ffdd00;
+}
+.govuk-frontend-supported .govuk-accordion__section-button::-moz-focus-inner {
+  padding: 0;
+  border: 0;
+}
+.govuk-frontend-supported .govuk-accordion__section--expanded .govuk-accordion__section-button {
+  padding-bottom: 15px;
+  border-bottom: 0;
+}
+@media (min-width: 40.0625em) {
+  .govuk-frontend-supported .govuk-accordion__section--expanded .govuk-accordion__section-button {
+    padding-bottom: 20px;
+  }
+}
+.govuk-frontend-supported .govuk-accordion__section-button:focus .govuk-accordion__section-toggle-focus {
+  padding-bottom: 3px;
+}
+@media (min-width: 48.0625em) {
+  .govuk-frontend-supported .govuk-accordion__section-button:focus .govuk-accordion__section-toggle-focus {
+    padding-bottom: 2px;
+  }
+}
+.govuk-frontend-supported .govuk-accordion__section-toggle,
+.govuk-frontend-supported .govuk-accordion__section-heading-text,
+.govuk-frontend-supported .govuk-accordion__section-summary {
+  display: block;
+  margin-bottom: 13px;
+}
+.govuk-frontend-supported .govuk-accordion__section-toggle .govuk-accordion__section-heading-text-focus,
+.govuk-frontend-supported .govuk-accordion__section-toggle .govuk-accordion__section-summary-focus,
+.govuk-frontend-supported .govuk-accordion__section-toggle .govuk-accordion__section-toggle-focus,
+.govuk-frontend-supported .govuk-accordion__section-heading-text .govuk-accordion__section-heading-text-focus,
+.govuk-frontend-supported .govuk-accordion__section-heading-text .govuk-accordion__section-summary-focus,
+.govuk-frontend-supported .govuk-accordion__section-heading-text .govuk-accordion__section-toggle-focus,
+.govuk-frontend-supported .govuk-accordion__section-summary .govuk-accordion__section-heading-text-focus,
+.govuk-frontend-supported .govuk-accordion__section-summary .govuk-accordion__section-summary-focus,
+.govuk-frontend-supported .govuk-accordion__section-summary .govuk-accordion__section-toggle-focus {
+  display: inline;
+}
+.govuk-frontend-supported .govuk-accordion__section-toggle {
+  font-size: 1rem;
+  line-height: 1.25;
+}
+@media (min-width: 40.0625em) {
+  .govuk-frontend-supported .govuk-accordion__section-toggle {
+    font-size: 1.1875rem;
+    line-height: 1.3157894737;
+  }
+}
+@media print {
+  .govuk-frontend-supported .govuk-accordion__section-toggle {
+    font-size: 14pt;
+    line-height: 1.15;
+  }
+}
+.govuk-frontend-supported .govuk-accordion__section-toggle {
+  font-weight: 400;
+  color: #1d70b8;
+}
+.govuk-frontend-supported .govuk-accordion__show-all-text,
+.govuk-frontend-supported .govuk-accordion__section-toggle-text {
+  margin-left: 5px;
+  vertical-align: middle;
+}
+@media screen and (forced-colors: active) {
+  .govuk-frontend-supported .govuk-accordion__show-all:hover .govuk-accordion-nav__chevron,
+  .govuk-frontend-supported .govuk-accordion__section-button:hover .govuk-accordion-nav__chevron {
+    background-color: transparent;
+  }
+  .govuk-frontend-supported .govuk-accordion__show-all:focus .govuk-accordion__section-heading-text-focus,
+  .govuk-frontend-supported .govuk-accordion__show-all:focus .govuk-accordion__section-summary-focus,
+  .govuk-frontend-supported .govuk-accordion__show-all:focus .govuk-accordion__section-toggle-focus,
+  .govuk-frontend-supported .govuk-accordion__show-all:focus .govuk-accordion-nav__chevron,
+  .govuk-frontend-supported .govuk-accordion__section-button:focus .govuk-accordion__section-heading-text-focus,
+  .govuk-frontend-supported .govuk-accordion__section-button:focus .govuk-accordion__section-summary-focus,
+  .govuk-frontend-supported .govuk-accordion__section-button:focus .govuk-accordion__section-toggle-focus,
+  .govuk-frontend-supported .govuk-accordion__section-button:focus .govuk-accordion-nav__chevron {
+    background: transparent;
+    background-color: transparent;
+  }
+}
+@media (hover: none) {
+  .govuk-frontend-supported .govuk-accordion__section-header:hover {
+    border-top-color: #b1b4b6;
+    box-shadow: inset 0 3px 0 0 #1d70b8;
+  }
+  .govuk-frontend-supported .govuk-accordion__section-header:hover .govuk-accordion__section-button {
+    border-top-color: #b1b4b6;
+  }
+}
+
+
+.govuk-back-link {
+  font-size: 0.875rem;
+  line-height: 1.1428571429;
+}
+@media (min-width: 40.0625em) {
+  .govuk-back-link {
+    font-size: 1rem;
+    line-height: 1.25;
+  }
+}
+@media print {
+  .govuk-back-link {
+    font-size: 14pt;
+    line-height: 1.2;
+  }
+}
+.govuk-back-link {
+  font-family: "GDS Transport", arial, sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+@media print {
+  .govuk-back-link {
+    font-family: sans-serif;
+  }
+}
+.govuk-back-link {
+  text-decoration: underline;
+  text-decoration-thickness: max(1px, .0625rem);
+  text-underline-offset: 0.1578em;
+}
+.govuk-back-link:hover {
+  text-decoration-thickness: max(3px, .1875rem, .12em);
+  -webkit-text-decoration-skip-ink: none;
+  text-decoration-skip-ink: none;
+  -webkit-text-decoration-skip: none;
+  text-decoration-skip: none;
+}
+.govuk-back-link:focus {
+  outline: 3px solid transparent;
+  color: #0b0c0c;
+  background-color: #ffdd00;
+  box-shadow: 0 -2px #ffdd00, 0 4px #0b0c0c;
+  text-decoration: none;
+}
+@supports not (text-wrap: balance) {
+  .govuk-back-link:focus {
+    -webkit-box-decoration-break: clone;
+    box-decoration-break: clone;
+  }
+}
+.govuk-back-link:link, .govuk-back-link:visited {
+  color: #0b0c0c;
+}
+@media print {
+  .govuk-back-link:link, .govuk-back-link:visited {
+    color: #000000;
+  }
+}
+.govuk-back-link:hover {
+  color: rgba(11, 12, 12, 0.99);
+}
+.govuk-back-link:active, .govuk-back-link:focus {
+  color: #0b0c0c;
+}
+@media print {
+  .govuk-back-link:active, .govuk-back-link:focus {
+    color: #000000;
+  }
+}
+.govuk-back-link {
+  display: inline-block;
+  position: relative;
+  margin-top: 15px;
+  margin-bottom: 15px;
+  padding-left: 0.875em;
+}
+
+.govuk-back-link::before {
+  content: "";
+  display: block;
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 0.1875em;
+  width: 0.4375em;
+  height: 0.4375em;
+  margin: auto 0;
+  transform: rotate(225deg);
+  border: solid;
+  border-width: 1px 1px 0 0;
+  border-color: #505a5f;
+}
+@supports (border-width: max(0px)) {
+  .govuk-back-link::before {
+    border-width: max(1px, 0.0625em) max(1px, 0.0625em) 0 0;
+    font-size: max(16px, 1em);
+  }
+}
+
+.govuk-back-link:focus::before {
+  border-color: #0b0c0c;
+}
+
+.govuk-back-link::after {
+  content: "";
+  position: absolute;
+  top: -14px;
+  right: 0;
+  bottom: -14px;
+  left: 0;
+}
+
+.govuk-back-link--inverse:link, .govuk-back-link--inverse:visited {
+  color: #ffffff;
+}
+.govuk-back-link--inverse:hover, .govuk-back-link--inverse:active {
+  color: rgba(255, 255, 255, 0.99);
+}
+.govuk-back-link--inverse:focus {
+  color: #0b0c0c;
+}
+.govuk-back-link--inverse::before {
+  border-color: currentcolor;
+}
+
+
+.govuk-breadcrumbs {
+  font-family: "GDS Transport", arial, sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+@media print {
+  .govuk-breadcrumbs {
+    font-family: sans-serif;
+  }
+}
+.govuk-breadcrumbs {
+  font-weight: 400;
+  font-size: 0.875rem;
+  line-height: 1.1428571429;
+}
+@media (min-width: 40.0625em) {
+  .govuk-breadcrumbs {
+    font-size: 1rem;
+    line-height: 1.25;
+  }
+}
+@media print {
+  .govuk-breadcrumbs {
+    font-size: 14pt;
+    line-height: 1.2;
+  }
+}
+.govuk-breadcrumbs {
+  color: #0b0c0c;
+}
+@media print {
+  .govuk-breadcrumbs {
+    color: #000000;
+  }
+}
+.govuk-breadcrumbs {
+  margin-top: 15px;
+  margin-bottom: 10px;
+}
+
+.govuk-breadcrumbs__list::after {
+  content: "";
+  display: block;
+  clear: both;
+}
+.govuk-breadcrumbs__list {
+  margin: 0;
+  padding: 0;
+  list-style-type: none;
+}
+
+.govuk-breadcrumbs__list-item {
+  display: inline-block;
+  position: relative;
+  margin-bottom: 5px;
+  margin-left: 0.625em;
+  padding-left: 0.9784375em;
+  float: left;
+}
+.govuk-breadcrumbs__list-item::before {
+  content: "";
+  display: block;
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: -0.206875em;
+  width: 0.4375em;
+  height: 0.4375em;
+  margin: auto 0;
+  transform: rotate(45deg);
+  border: solid;
+  border-width: 1px 1px 0 0;
+  border-color: #505a5f;
+}
+@supports (border-width: max(0px)) {
+  .govuk-breadcrumbs__list-item::before {
+    border-width: max(1px, 0.0625em) max(1px, 0.0625em) 0 0;
+    font-size: max(16px, 1em);
+  }
+}
+.govuk-breadcrumbs__list-item:first-child {
+  margin-left: 0;
+  padding-left: 0;
+}
+.govuk-breadcrumbs__list-item:first-child::before {
+  content: none;
+  display: none;
+}
+
+.govuk-breadcrumbs__link {
+  font-family: "GDS Transport", arial, sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+@media print {
+  .govuk-breadcrumbs__link {
+    font-family: sans-serif;
+  }
+}
+.govuk-breadcrumbs__link {
+  text-decoration: underline;
+  text-decoration-thickness: max(1px, .0625rem);
+  text-underline-offset: 0.1578em;
+}
+.govuk-breadcrumbs__link:hover {
+  text-decoration-thickness: max(3px, .1875rem, .12em);
+  -webkit-text-decoration-skip-ink: none;
+  text-decoration-skip-ink: none;
+  -webkit-text-decoration-skip: none;
+  text-decoration-skip: none;
+}
+.govuk-breadcrumbs__link:focus {
+  outline: 3px solid transparent;
+  color: #0b0c0c;
+  background-color: #ffdd00;
+  box-shadow: 0 -2px #ffdd00, 0 4px #0b0c0c;
+  text-decoration: none;
+}
+@supports not (text-wrap: balance) {
+  .govuk-breadcrumbs__link:focus {
+    -webkit-box-decoration-break: clone;
+    box-decoration-break: clone;
+  }
+}
+.govuk-breadcrumbs__link:link, .govuk-breadcrumbs__link:visited {
+  color: #0b0c0c;
+}
+@media print {
+  .govuk-breadcrumbs__link:link, .govuk-breadcrumbs__link:visited {
+    color: #000000;
+  }
+}
+.govuk-breadcrumbs__link:hover {
+  color: rgba(11, 12, 12, 0.99);
+}
+.govuk-breadcrumbs__link:active, .govuk-breadcrumbs__link:focus {
+  color: #0b0c0c;
+}
+@media print {
+  .govuk-breadcrumbs__link:active, .govuk-breadcrumbs__link:focus {
+    color: #000000;
+  }
+}
+
+@media (max-width: 40.0525em) {
+  .govuk-breadcrumbs--collapse-on-mobile .govuk-breadcrumbs__list-item {
+    display: none;
+  }
+  .govuk-breadcrumbs--collapse-on-mobile .govuk-breadcrumbs__list-item:first-child, .govuk-breadcrumbs--collapse-on-mobile .govuk-breadcrumbs__list-item:last-child {
+    display: inline-block;
+  }
+  .govuk-breadcrumbs--collapse-on-mobile .govuk-breadcrumbs__list-item::before {
+    top: 0.375em;
+    margin: 0;
+  }
+  .govuk-breadcrumbs--collapse-on-mobile .govuk-breadcrumbs__list {
+    display: flex;
+  }
+}
+
+.govuk-breadcrumbs--inverse {
+  color: #ffffff;
+}
+.govuk-breadcrumbs--inverse .govuk-breadcrumbs__link:link, .govuk-breadcrumbs--inverse .govuk-breadcrumbs__link:visited {
+  color: #ffffff;
+}
+.govuk-breadcrumbs--inverse .govuk-breadcrumbs__link:hover, .govuk-breadcrumbs--inverse .govuk-breadcrumbs__link:active {
+  color: rgba(255, 255, 255, 0.99);
+}
+.govuk-breadcrumbs--inverse .govuk-breadcrumbs__link:focus {
+  color: #0b0c0c;
+}
+.govuk-breadcrumbs--inverse .govuk-breadcrumbs__list-item::before {
+  border-color: currentcolor;
+}
+
+
+.govuk-button {
+  font-family: "GDS Transport", arial, sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+@media print {
+  .govuk-button {
+    font-family: sans-serif;
+  }
+}
+.govuk-button {
+  font-weight: 400;
+  font-size: 1rem;
+  line-height: 1.1875;
+}
+@media (min-width: 40.0625em) {
+  .govuk-button {
+    font-size: 1.1875rem;
+    line-height: 1;
+  }
+}
+@media print {
+  .govuk-button {
+    font-size: 14pt;
+    line-height: 19px;
+  }
+}
+.govuk-button {
+  box-sizing: border-box;
+  display: inline-block;
+  position: relative;
+  width: 100%;
+  margin-top: 0;
+  margin-right: 0;
+  margin-left: 0;
+  margin-bottom: 22px;
+}
+@media (min-width: 40.0625em) {
+  .govuk-button {
+    margin-bottom: 32px;
+  }
+}
+.govuk-button {
+  padding: 8px 10px 7px;
+  border: 2px solid transparent;
+  border-radius: 0;
+  color: #ffffff;
+  background-color: #00703c;
+  box-shadow: 0 2px 0 #002d18;
+  text-align: center;
+  vertical-align: top;
+  cursor: pointer;
+  -webkit-appearance: none;
+}
+@media (min-width: 40.0625em) {
+  .govuk-button {
+    width: auto;
+  }
+}
+.govuk-button:link, .govuk-button:visited, .govuk-button:active, .govuk-button:hover {
+  color: #ffffff;
+  text-decoration: none;
+}
+.govuk-button::-moz-focus-inner {
+  padding: 0;
+  border: 0;
+}
+.govuk-button:hover {
+  background-color: #005a30;
+}
+.govuk-button:active {
+  top: 2px;
+}
+.govuk-button:focus {
+  border-color: #ffdd00;
+  outline: 3px solid transparent;
+  box-shadow: inset 0 0 0 1px #ffdd00;
+}
+.govuk-button:focus:not(:active):not(:hover) {
+  border-color: #ffdd00;
+  color: #0b0c0c;
+  background-color: #ffdd00;
+  box-shadow: 0 2px 0 #0b0c0c;
+}
+.govuk-button::before {
+  content: "";
+  display: block;
+  position: absolute;
+  top: -2px;
+  right: -2px;
+  bottom: -4px;
+  left: -2px;
+  background: transparent;
+}
+.govuk-button:active::before {
+  top: -4px;
+}
+
+.govuk-button[disabled] {
+  opacity: 0.5;
+}
+.govuk-button[disabled]:hover {
+  background-color: #00703c;
+  cursor: not-allowed;
+}
+.govuk-button[disabled]:active {
+  top: 0;
+  box-shadow: 0 2px 0 #002d18;
+}
+
+.govuk-button--secondary {
+  background-color: #f3f2f1;
+  box-shadow: 0 2px 0 #929191;
+}
+.govuk-button--secondary, .govuk-button--secondary:link, .govuk-button--secondary:visited, .govuk-button--secondary:active, .govuk-button--secondary:hover {
+  color: #0b0c0c;
+}
+.govuk-button--secondary:hover {
+  background-color: #dbdad9;
+}
+.govuk-button--secondary:hover[disabled] {
+  background-color: #f3f2f1;
+}
+
+.govuk-button--warning {
+  background-color: #d4351c;
+  box-shadow: 0 2px 0 #55150b;
+}
+.govuk-button--warning, .govuk-button--warning:link, .govuk-button--warning:visited, .govuk-button--warning:active, .govuk-button--warning:hover {
+  color: #ffffff;
+}
+.govuk-button--warning:hover {
+  background-color: #aa2a16;
+}
+.govuk-button--warning:hover[disabled] {
+  background-color: #d4351c;
+}
+
+.govuk-button--inverse {
+  background-color: #ffffff;
+  box-shadow: 0 2px 0 #144e81;
+}
+.govuk-button--inverse, .govuk-button--inverse:link, .govuk-button--inverse:visited, .govuk-button--inverse:active, .govuk-button--inverse:hover {
+  color: #1d70b8;
+}
+.govuk-button--inverse:hover {
+  background-color: #e8f1f8;
+}
+.govuk-button--inverse:hover[disabled] {
+  background-color: #ffffff;
+}
+
+.govuk-button--start {
+  font-weight: 700;
+  font-size: 1.125rem;
+  line-height: 1;
+}
+@media (min-width: 40.0625em) {
+  .govuk-button--start {
+    font-size: 1.5rem;
+    line-height: 1;
+  }
+}
+@media print {
+  .govuk-button--start {
+    font-size: 18pt;
+    line-height: 1;
+  }
+}
+.govuk-button--start {
+  display: inline-flex;
+  min-height: auto;
+  justify-content: center;
+}
+
+.govuk-button__start-icon {
+  margin-left: 5px;
+}
+@media (min-width: 48.0625em) {
+  .govuk-button__start-icon {
+    margin-left: 10px;
+  }
+}
+.govuk-button__start-icon {
+  vertical-align: middle;
+  flex-shrink: 0;
+  align-self: center;
+  forced-color-adjust: auto;
+}
+
+
+.govuk-error-message {
+  font-family: "GDS Transport", arial, sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+@media print {
+  .govuk-error-message {
+    font-family: sans-serif;
+  }
+}
+.govuk-error-message {
+  font-weight: 700;
+  font-size: 1rem;
+  line-height: 1.25;
+}
+@media (min-width: 40.0625em) {
+  .govuk-error-message {
+    font-size: 1.1875rem;
+    line-height: 1.3157894737;
+  }
+}
+@media print {
+  .govuk-error-message {
+    font-size: 14pt;
+    line-height: 1.15;
+  }
+}
+.govuk-error-message {
+  display: block;
+  margin-top: 0;
+  margin-bottom: 15px;
+  clear: both;
+  color: #d4351c;
+}
+
+
+.govuk-hint {
+  font-family: "GDS Transport", arial, sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+@media print {
+  .govuk-hint {
+    font-family: sans-serif;
+  }
+}
+.govuk-hint {
+  font-weight: 400;
+  font-size: 1rem;
+  line-height: 1.25;
+}
+@media (min-width: 40.0625em) {
+  .govuk-hint {
+    font-size: 1.1875rem;
+    line-height: 1.3157894737;
+  }
+}
+@media print {
+  .govuk-hint {
+    font-size: 14pt;
+    line-height: 1.15;
+  }
+}
+.govuk-hint {
+  margin-bottom: 15px;
+  color: #505a5f;
+}
+
+.govuk-label:not(.govuk-label--m):not(.govuk-label--l):not(.govuk-label--xl) + .govuk-hint {
+  margin-bottom: 10px;
+}
+
+.govuk-fieldset__legend:not(.govuk-fieldset__legend--m):not(.govuk-fieldset__legend--l):not(.govuk-fieldset__legend--xl) + .govuk-hint {
+  margin-bottom: 10px;
+}
+
+.govuk-fieldset__legend + .govuk-hint {
+  margin-top: -5px;
+}
+
+
+.govuk-label {
+  font-family: "GDS Transport", arial, sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+@media print {
+  .govuk-label {
+    font-family: sans-serif;
+  }
+}
+.govuk-label {
+  font-weight: 400;
+  font-size: 1rem;
+  line-height: 1.25;
+}
+@media (min-width: 40.0625em) {
+  .govuk-label {
+    font-size: 1.1875rem;
+    line-height: 1.3157894737;
+  }
+}
+@media print {
+  .govuk-label {
+    font-size: 14pt;
+    line-height: 1.15;
+  }
+}
+.govuk-label {
+  color: #0b0c0c;
+}
+@media print {
+  .govuk-label {
+    color: #000000;
+  }
+}
+.govuk-label {
+  display: block;
+  margin-bottom: 5px;
+}
+
+.govuk-label--xl,
+.govuk-label--l,
+.govuk-label--m {
+  font-weight: 700;
+  margin-bottom: 15px;
+}
+
+.govuk-label--xl {
+  font-size: 2rem;
+  line-height: 1.09375;
+}
+@media (min-width: 40.0625em) {
+  .govuk-label--xl {
+    font-size: 3rem;
+    line-height: 1.0416666667;
+  }
+}
+@media print {
+  .govuk-label--xl {
+    font-size: 32pt;
+    line-height: 1.15;
+  }
+}
+
+.govuk-label--l {
+  font-size: 1.5rem;
+  line-height: 1.0416666667;
+}
+@media (min-width: 40.0625em) {
+  .govuk-label--l {
+    font-size: 2.25rem;
+    line-height: 1.1111111111;
+  }
+}
+@media print {
+  .govuk-label--l {
+    font-size: 24pt;
+    line-height: 1.05;
+  }
+}
+
+.govuk-label--m {
+  font-size: 1.125rem;
+  line-height: 1.1111111111;
+}
+@media (min-width: 40.0625em) {
+  .govuk-label--m {
+    font-size: 1.5rem;
+    line-height: 1.25;
+  }
+}
+@media print {
+  .govuk-label--m {
+    font-size: 18pt;
+    line-height: 1.15;
+  }
+}
+
+.govuk-label--s {
+  font-weight: 700;
+}
+
+.govuk-label-wrapper {
+  margin: 0;
+}
+
+
+
+
+
+.govuk-textarea {
+  font-family: "GDS Transport", arial, sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+@media print {
+  .govuk-textarea {
+    font-family: sans-serif;
+  }
+}
+.govuk-textarea {
+  font-weight: 400;
+  font-size: 1rem;
+  line-height: 1.25;
+}
+@media (min-width: 40.0625em) {
+  .govuk-textarea {
+    font-size: 1.1875rem;
+    line-height: 1.25;
+  }
+}
+@media print {
+  .govuk-textarea {
+    font-size: 14pt;
+    line-height: 1.25;
+  }
+}
+.govuk-textarea {
+  box-sizing: border-box;
+  display: block;
+  width: 100%;
+  min-height: 40px;
+  margin-bottom: 20px;
+}
+@media (min-width: 40.0625em) {
+  .govuk-textarea {
+    margin-bottom: 30px;
+  }
+}
+.govuk-textarea {
+  padding: 5px;
+  resize: vertical;
+  border: 2px solid #0b0c0c;
+  border-radius: 0;
+  -webkit-appearance: none;
+}
+.govuk-textarea:focus {
+  outline: 3px solid #ffdd00;
+  outline-offset: 0;
+  box-shadow: inset 0 0 0 2px;
+}
+.govuk-textarea:disabled {
+  opacity: 0.5;
+  color: inherit;
+  background-color: transparent;
+  cursor: not-allowed;
+}
+
+.govuk-textarea--error {
+  border-color: #d4351c;
+}
+.govuk-textarea--error:focus {
+  border-color: #0b0c0c;
+}
+
+
+.govuk-character-count {
+  margin-bottom: 20px;
+}
+@media (min-width: 40.0625em) {
+  .govuk-character-count {
+    margin-bottom: 30px;
+  }
+}
+.govuk-character-count .govuk-form-group,
+.govuk-character-count .govuk-textarea {
+  margin-bottom: 5px;
+}
+.govuk-character-count .govuk-textarea--error:focus {
+  border-color: #d4351c;
+  box-shadow: inset 0 0 0 2px #d4351c;
+}
+
+.govuk-character-count__message {
+  font-variant-numeric: tabular-nums;
+  margin-top: 0;
+  margin-bottom: 0;
+}
+.govuk-character-count__message::after {
+  content: "​";
+}
+
+.govuk-character-count__message--disabled {
+  visibility: hidden;
+}
+
+
+
+.govuk-fieldset {
+  min-width: 0;
+  margin: 0;
+  padding: 0;
+  border: 0;
+}
+.govuk-fieldset::after {
+  content: "";
+  display: block;
+  clear: both;
+}
+
+@supports not (caret-color: auto) {
+  .govuk-fieldset,
+  x:-moz-any-link {
+    display: table-cell;
+  }
+}
+.govuk-fieldset__legend {
+  font-family: "GDS Transport", arial, sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+@media print {
+  .govuk-fieldset__legend {
+    font-family: sans-serif;
+  }
+}
+.govuk-fieldset__legend {
+  font-weight: 400;
+  font-size: 1rem;
+  line-height: 1.25;
+}
+@media (min-width: 40.0625em) {
+  .govuk-fieldset__legend {
+    font-size: 1.1875rem;
+    line-height: 1.3157894737;
+  }
+}
+@media print {
+  .govuk-fieldset__legend {
+    font-size: 14pt;
+    line-height: 1.15;
+  }
+}
+.govuk-fieldset__legend {
+  color: #0b0c0c;
+}
+@media print {
+  .govuk-fieldset__legend {
+    color: #000000;
+  }
+}
+.govuk-fieldset__legend {
+  box-sizing: border-box;
+  display: table;
+  max-width: 100%;
+  margin-bottom: 10px;
+  padding: 0;
+  white-space: normal;
+}
+
+.govuk-fieldset__legend--xl,
+.govuk-fieldset__legend--l,
+.govuk-fieldset__legend--m {
+  font-weight: 700;
+  margin-bottom: 15px;
+}
+
+.govuk-fieldset__legend--xl {
+  font-size: 2rem;
+  line-height: 1.09375;
+}
+@media (min-width: 40.0625em) {
+  .govuk-fieldset__legend--xl {
+    font-size: 3rem;
+    line-height: 1.0416666667;
+  }
+}
+@media print {
+  .govuk-fieldset__legend--xl {
+    font-size: 32pt;
+    line-height: 1.15;
+  }
+}
+
+.govuk-fieldset__legend--l {
+  font-size: 1.5rem;
+  line-height: 1.0416666667;
+}
+@media (min-width: 40.0625em) {
+  .govuk-fieldset__legend--l {
+    font-size: 2.25rem;
+    line-height: 1.1111111111;
+  }
+}
+@media print {
+  .govuk-fieldset__legend--l {
+    font-size: 24pt;
+    line-height: 1.05;
+  }
+}
+
+.govuk-fieldset__legend--m {
+  font-size: 1.125rem;
+  line-height: 1.1111111111;
+}
+@media (min-width: 40.0625em) {
+  .govuk-fieldset__legend--m {
+    font-size: 1.5rem;
+    line-height: 1.25;
+  }
+}
+@media print {
+  .govuk-fieldset__legend--m {
+    font-size: 18pt;
+    line-height: 1.15;
+  }
+}
+
+.govuk-fieldset__legend--s {
+  font-weight: 700;
+}
+
+.govuk-fieldset__heading {
+  margin: 0;
+  font-size: inherit;
+  font-weight: inherit;
+}
+
+
+
+
+.govuk-checkboxes__item {
+  display: flex;
+  flex-wrap: wrap;
+  position: relative;
+  margin-bottom: 10px;
+}
+
+.govuk-checkboxes__item:last-child,
+.govuk-checkboxes__item:last-of-type {
+  margin-bottom: 0;
+}
+
+.govuk-checkboxes__input {
+  z-index: 1;
+  width: 44px;
+  height: 44px;
+  margin: 0;
+  opacity: 0;
+  cursor: pointer;
+}
+
+.govuk-checkboxes__label {
+  align-self: center;
+  max-width: calc(100% - 74px);
+  margin-bottom: 0;
+  padding: 7px 15px;
+  cursor: pointer;
+  touch-action: manipulation;
+}
+
+.govuk-checkboxes__label::before {
+  content: "";
+  box-sizing: border-box;
+  position: absolute;
+  top: 2px;
+  left: 2px;
+  width: 40px;
+  height: 40px;
+  border: 2px solid currentcolor;
+  background: transparent;
+}
+
+.govuk-checkboxes__label::after {
+  content: "";
+  box-sizing: border-box;
+  position: absolute;
+  top: 13px;
+  left: 10px;
+  width: 23px;
+  height: 12px;
+  transform: rotate(-45deg);
+  border: solid;
+  border-width: 0 0 5px 5px;
+  border-top-color: transparent;
+  opacity: 0;
+  background: transparent;
+}
+
+.govuk-checkboxes__hint {
+  display: block;
+  width: 100%;
+  margin-top: -5px;
+  padding-right: 15px;
+  padding-left: 59px;
+}
+
+.govuk-label:not(.govuk-label--m):not(.govuk-label--l):not(.govuk-label--xl) + .govuk-checkboxes__hint {
+  margin-bottom: 0;
+}
+
+.govuk-checkboxes__input:focus + .govuk-checkboxes__label::before {
+  border-width: 4px;
+  outline: 3px solid transparent;
+  outline-offset: 1px;
+}
+@media screen and (forced-colors: active), (-ms-high-contrast: active) {
+  .govuk-checkboxes__input:focus + .govuk-checkboxes__label::before {
+    outline-color: Highlight;
+  }
+}
+.govuk-checkboxes__input:focus + .govuk-checkboxes__label::before {
+  box-shadow: 0 0 0 3px #ffdd00;
+}
+
+.govuk-checkboxes__input:checked + .govuk-checkboxes__label::after {
+  opacity: 1;
+}
+
+.govuk-checkboxes__input:disabled,
+.govuk-checkboxes__input:disabled + .govuk-checkboxes__label {
+  cursor: not-allowed;
+}
+
+.govuk-checkboxes__input:disabled + .govuk-checkboxes__label,
+.govuk-checkboxes__input:disabled ~ .govuk-hint {
+  opacity: 0.5;
+}
+
+.govuk-checkboxes__divider {
+  font-family: "GDS Transport", arial, sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+@media print {
+  .govuk-checkboxes__divider {
+    font-family: sans-serif;
+  }
+}
+.govuk-checkboxes__divider {
+  font-weight: 400;
+  font-size: 1rem;
+  line-height: 1.25;
+}
+@media (min-width: 40.0625em) {
+  .govuk-checkboxes__divider {
+    font-size: 1.1875rem;
+    line-height: 1.3157894737;
+  }
+}
+@media print {
+  .govuk-checkboxes__divider {
+    font-size: 14pt;
+    line-height: 1.15;
+  }
+}
+.govuk-checkboxes__divider {
+  color: #0b0c0c;
+}
+@media print {
+  .govuk-checkboxes__divider {
+    color: #000000;
+  }
+}
+.govuk-checkboxes__divider {
+  width: 40px;
+  margin-bottom: 10px;
+  text-align: center;
+}
+
+.govuk-checkboxes__conditional {
+  margin-bottom: 15px;
+}
+@media (min-width: 40.0625em) {
+  .govuk-checkboxes__conditional {
+    margin-bottom: 20px;
+  }
+}
+.govuk-checkboxes__conditional {
+  margin-left: 20px;
+  padding-left: 35px;
+  border-left: 4px solid #b1b4b6;
+}
+.govuk-frontend-supported .govuk-checkboxes__conditional--hidden {
+  display: none;
+}
+.govuk-checkboxes__conditional > :last-child {
+  margin-bottom: 0;
+}
+
+.govuk-checkboxes--small .govuk-checkboxes__item {
+  margin-bottom: 0;
+}
+.govuk-checkboxes--small .govuk-checkboxes__input {
+  margin-left: -10px;
+}
+.govuk-checkboxes--small .govuk-checkboxes__label {
+  padding-left: 1px;
+}
+.govuk-checkboxes--small .govuk-checkboxes__label::before {
+  top: 10px;
+  left: 0;
+  width: 24px;
+  height: 24px;
+}
+.govuk-checkboxes--small .govuk-checkboxes__label::after {
+  top: 17px;
+  left: 6px;
+  width: 12px;
+  height: 6.5px;
+  border-width: 0 0 3px 3px;
+}
+.govuk-checkboxes--small .govuk-checkboxes__hint {
+  padding-left: 34px;
+}
+.govuk-checkboxes--small .govuk-checkboxes__conditional {
+  margin-left: 10px;
+  padding-left: 20px;
+}
+.govuk-checkboxes--small .govuk-checkboxes__divider {
+  width: 24px;
+  margin-bottom: 5px;
+}
+.govuk-checkboxes--small .govuk-checkboxes__item:hover .govuk-checkboxes__input:not(:disabled) + .govuk-checkboxes__label::before {
+  outline: 3px dashed transparent;
+  outline-offset: 1px;
+  box-shadow: 0 0 0 10px #b1b4b6;
+}
+@media screen and (forced-colors: active), (-ms-high-contrast: active) {
+  .govuk-checkboxes--small .govuk-checkboxes__item:hover .govuk-checkboxes__input:focus + .govuk-checkboxes__label::before {
+    outline-color: Highlight;
+  }
+}
+.govuk-checkboxes--small .govuk-checkboxes__item:hover .govuk-checkboxes__input:focus + .govuk-checkboxes__label::before {
+  box-shadow: 0 0 0 3px #ffdd00, 0 0 0 10px #b1b4b6;
+}
+@media (hover: none), (pointer: coarse) {
+  .govuk-checkboxes--small .govuk-checkboxes__item:hover .govuk-checkboxes__input:not(:disabled) + .govuk-checkboxes__label::before {
+    box-shadow: initial;
+  }
+  .govuk-checkboxes--small .govuk-checkboxes__item:hover .govuk-checkboxes__input:focus + .govuk-checkboxes__label::before {
+    box-shadow: 0 0 0 3px #ffdd00;
+  }
+}
+
+
+
+.govuk-cookie-banner {
+  padding-top: 20px;
+  border-bottom: 10px solid transparent;
+  background-color: #f3f2f1;
+}
+.govuk-template--rebranded .govuk-cookie-banner {
+  background-color: #f4f8fb;
+}
+
+.govuk-cookie-banner[hidden] {
+  display: none;
+}
+
+.govuk-cookie-banner__message {
+  margin-bottom: -10px;
+}
+.govuk-cookie-banner__message[hidden] {
+  display: none;
+}
+.govuk-cookie-banner__message:focus {
+  outline: none;
+}
+
+
+
+
+
+
+.govuk-input {
+  font-family: "GDS Transport", arial, sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+@media print {
+  .govuk-input {
+    font-family: sans-serif;
+  }
+}
+.govuk-input {
+  font-weight: 400;
+  font-size: 1rem;
+  line-height: 1.25;
+}
+@media (min-width: 40.0625em) {
+  .govuk-input {
+    font-size: 1.1875rem;
+    line-height: 1.3157894737;
+  }
+}
+@media print {
+  .govuk-input {
+    font-size: 14pt;
+    line-height: 1.15;
+  }
+}
+.govuk-input {
+  box-sizing: border-box;
+  width: 100%;
+  height: 2.5rem;
+  margin-top: 0;
+  padding: 5px;
+  border: 2px solid #0b0c0c;
+  border-radius: 0;
+  -webkit-appearance: none;
+  appearance: none;
+}
+.govuk-input:focus {
+  outline: 3px solid #ffdd00;
+  outline-offset: 0;
+  box-shadow: inset 0 0 0 2px;
+}
+.govuk-input:disabled {
+  opacity: 0.5;
+  color: inherit;
+  background-color: transparent;
+  cursor: not-allowed;
+}
+
+.govuk-input::-webkit-outer-spin-button,
+.govuk-input::-webkit-inner-spin-button {
+  margin: 0;
+  -webkit-appearance: none;
+}
+
+.govuk-input[type=number] {
+  -moz-appearance: textfield;
+}
+
+.govuk-input--error {
+  border-color: #d4351c;
+}
+.govuk-input--error:focus {
+  border-color: #0b0c0c;
+}
+
+.govuk-input--extra-letter-spacing {
+  font-variant-numeric: tabular-nums;
+  letter-spacing: 0.05em;
+}
+
+.govuk-input--width-30 {
+  max-width: 29.5em;
+}
+
+.govuk-input--width-20 {
+  max-width: 20.5em;
+}
+
+.govuk-input--width-10 {
+  max-width: 11.5em;
+}
+
+.govuk-input--width-5 {
+  max-width: 5.5em;
+}
+
+.govuk-input--width-4 {
+  max-width: 4.5em;
+}
+
+.govuk-input--width-3 {
+  max-width: 3.75em;
+}
+
+.govuk-input--width-2 {
+  max-width: 2.75em;
+}
+
+.govuk-input__wrapper {
+  display: flex;
+}
+.govuk-input__wrapper .govuk-input {
+  flex: 0 1 auto;
+}
+.govuk-input__wrapper .govuk-input:focus {
+  z-index: 1;
+}
+@media (max-width: 19.99em) {
+  .govuk-input__wrapper {
+    display: block;
+  }
+  .govuk-input__wrapper .govuk-input {
+    max-width: 100%;
+  }
+}
+
+.govuk-input__prefix,
+.govuk-input__suffix {
+  font-family: "GDS Transport", arial, sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+@media print {
+  .govuk-input__prefix,
+  .govuk-input__suffix {
+    font-family: sans-serif;
+  }
+}
+.govuk-input__prefix,
+.govuk-input__suffix {
+  font-weight: 400;
+  font-size: 1rem;
+  line-height: 1.25;
+}
+@media (min-width: 40.0625em) {
+  .govuk-input__prefix,
+  .govuk-input__suffix {
+    font-size: 1.1875rem;
+    line-height: 1.3157894737;
+  }
+}
+@media print {
+  .govuk-input__prefix,
+  .govuk-input__suffix {
+    font-size: 14pt;
+    line-height: 1.15;
+  }
+}
+.govuk-input__prefix,
+.govuk-input__suffix {
+  box-sizing: border-box;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  min-width: 2.5rem;
+  height: 2.5rem;
+  padding: 5px;
+  border: 2px solid #0b0c0c;
+  background-color: #f3f2f1;
+  text-align: center;
+  white-space: nowrap;
+  cursor: default;
+  flex: 0 0 auto;
+}
+@media (max-width: 19.99em) {
+  .govuk-input__prefix,
+  .govuk-input__suffix {
+    display: block;
+    height: 100%;
+    white-space: normal;
+  }
+}
+
+@media (max-width: 19.99em) {
+  .govuk-input__prefix {
+    border-bottom: 0;
+  }
+}
+@media (min-width: 20em) {
+  .govuk-input__prefix {
+    border-right: 0;
+  }
+}
+
+@media (max-width: 19.99em) {
+  .govuk-input__suffix {
+    border-top: 0;
+  }
+}
+@media (min-width: 20em) {
+  .govuk-input__suffix {
+    border-left: 0;
+  }
+}
+
+
+
+
+
+.govuk-date-input::after {
+  content: "";
+  display: block;
+  clear: both;
+}
+.govuk-date-input {
+  font-size: 0;
+}
+
+.govuk-date-input__item {
+  display: inline-block;
+  margin-right: 20px;
+  margin-bottom: 0;
+}
+
+.govuk-date-input__label {
+  display: block;
+}
+
+.govuk-date-input__input {
+  margin-bottom: 0;
+}
+
+
+.govuk-details {
+  font-family: "GDS Transport", arial, sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+@media print {
+  .govuk-details {
+    font-family: sans-serif;
+  }
+}
+.govuk-details {
+  font-weight: 400;
+  font-size: 1rem;
+  line-height: 1.25;
+}
+@media (min-width: 40.0625em) {
+  .govuk-details {
+    font-size: 1.1875rem;
+    line-height: 1.3157894737;
+  }
+}
+@media print {
+  .govuk-details {
+    font-size: 14pt;
+    line-height: 1.15;
+  }
+}
+.govuk-details {
+  color: #0b0c0c;
+}
+@media print {
+  .govuk-details {
+    color: #000000;
+  }
+}
+.govuk-details {
+  margin-bottom: 20px;
+}
+@media (min-width: 40.0625em) {
+  .govuk-details {
+    margin-bottom: 30px;
+  }
+}
+.govuk-details {
+  display: block;
+}
+
+.govuk-details__summary {
+  display: block;
+}
+
+.govuk-details[open] .govuk-details__summary {
+  margin-bottom: 5px;
+}
+
+.govuk-details__summary-text > :first-child {
+  margin-top: 0;
+}
+.govuk-details__summary-text > :only-child,
+.govuk-details__summary-text > :last-child {
+  margin-bottom: 0;
+}
+
+.govuk-details__text {
+  padding-top: 15px;
+  padding-bottom: 15px;
+  padding-left: 20px;
+}
+
+.govuk-details__text p {
+  margin-top: 0;
+  margin-bottom: 20px;
+}
+
+.govuk-details__text > :last-child {
+  margin-bottom: 0;
+}
+
+@media screen\0  {
+  .govuk-details {
+    border-left: 10px solid #b1b4b6;
+  }
+  .govuk-details__summary {
+    margin-top: 15px;
+  }
+  .govuk-details__summary-text {
+    font-weight: 700;
+    margin-bottom: 15px;
+    padding-left: 20px;
+  }
+}
+@media screen\0  and (min-width: 40.0625em) {
+  .govuk-details__summary-text {
+    margin-bottom: 20px;
+  }
+}
+@supports not (-ms-ime-align: auto) {
+  .govuk-details__summary {
+    position: relative;
+    width: -webkit-fit-content;
+    width: fit-content;
+    padding-left: 25px;
+    color: #1d70b8;
+    cursor: pointer;
+  }
+  .govuk-details__summary:hover {
+    color: #003078;
+  }
+  .govuk-details__summary:focus {
+    outline: 3px solid transparent;
+    color: #0b0c0c;
+    background-color: #ffdd00;
+    box-shadow: 0 -2px #ffdd00, 0 4px #0b0c0c;
+    text-decoration: none;
+  }
+  @supports not (text-wrap: balance) {
+    .govuk-details__summary:focus {
+      -webkit-box-decoration-break: clone;
+      box-decoration-break: clone;
+    }
+  }
+  .govuk-details__summary-text {
+    text-decoration: underline;
+    text-decoration-thickness: max(1px, .0625rem);
+    text-underline-offset: 0.1578em;
+  }
+  .govuk-details__summary:hover .govuk-details__summary-text {
+    text-decoration-thickness: max(3px, .1875rem, .12em);
+    -webkit-text-decoration-skip-ink: none;
+    text-decoration-skip-ink: none;
+    -webkit-text-decoration-skip: none;
+    text-decoration-skip: none;
+  }
+  .govuk-details__summary:focus .govuk-details__summary-text {
+    text-decoration: none;
+  }
+  .govuk-details__summary::-webkit-details-marker {
+    display: none;
+  }
+  .govuk-details__summary::before {
+    content: "";
+    position: absolute;
+    top: -1px;
+    bottom: 0;
+    left: 0;
+    margin: auto;
+    display: block;
+    width: 0;
+    height: 0;
+    border-style: solid;
+    border-color: transparent;
+    -webkit-clip-path: polygon(0% 0%, 100% 50%, 0% 100%);
+    clip-path: polygon(0% 0%, 100% 50%, 0% 100%);
+    border-width: 7px 0 7px 12.124px;
+    border-left-color: inherit;
+  }
+  .govuk-details[open] > .govuk-details__summary::before {
+    display: block;
+    width: 0;
+    height: 0;
+    border-style: solid;
+    border-color: transparent;
+    -webkit-clip-path: polygon(0% 0%, 50% 100%, 100% 0%);
+    clip-path: polygon(0% 0%, 50% 100%, 100% 0%);
+    border-width: 12.124px 7px 0 7px;
+    border-top-color: inherit;
+  }
+  .govuk-details__text {
+    border-left: 5px solid #b1b4b6;
+  }
+}
+
+
+
+.govuk-error-summary {
+  font-family: "GDS Transport", arial, sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+@media print {
+  .govuk-error-summary {
+    font-family: sans-serif;
+  }
+}
+.govuk-error-summary {
+  font-weight: 400;
+  font-size: 1rem;
+  line-height: 1.25;
+}
+@media (min-width: 40.0625em) {
+  .govuk-error-summary {
+    font-size: 1.1875rem;
+    line-height: 1.3157894737;
+  }
+}
+@media print {
+  .govuk-error-summary {
+    font-size: 14pt;
+    line-height: 1.15;
+  }
+}
+.govuk-error-summary {
+  color: #0b0c0c;
+}
+@media print {
+  .govuk-error-summary {
+    color: #000000;
+  }
+}
+.govuk-error-summary {
+  padding: 15px;
+}
+@media (min-width: 40.0625em) {
+  .govuk-error-summary {
+    padding: 20px;
+  }
+}
+.govuk-error-summary {
+  margin-bottom: 30px;
+}
+@media (min-width: 40.0625em) {
+  .govuk-error-summary {
+    margin-bottom: 50px;
+  }
+}
+.govuk-error-summary {
+  border: 5px solid #d4351c;
+}
+.govuk-error-summary:focus {
+  outline: 3px solid #ffdd00;
+}
+
+.govuk-error-summary__title {
+  font-size: 1.125rem;
+  line-height: 1.1111111111;
+}
+@media (min-width: 40.0625em) {
+  .govuk-error-summary__title {
+    font-size: 1.5rem;
+    line-height: 1.25;
+  }
+}
+@media print {
+  .govuk-error-summary__title {
+    font-size: 18pt;
+    line-height: 1.15;
+  }
+}
+.govuk-error-summary__title {
+  font-weight: 700;
+  margin-top: 0;
+  margin-bottom: 15px;
+}
+@media (min-width: 40.0625em) {
+  .govuk-error-summary__title {
+    margin-bottom: 20px;
+  }
+}
+
+.govuk-error-summary__body p {
+  margin-bottom: 0;
+}
+.govuk-error-summary__body > * + * {
+  margin-top: 15px;
+}
+@media (min-width: 40.0625em) {
+  .govuk-error-summary__body > * + * {
+    margin-top: 20px;
+  }
+}
+.govuk-error-summary__body > :last-child {
+  margin-bottom: 5px;
+}
+
+.govuk-error-summary__list {
+  margin-bottom: 0;
+}
+
+.govuk-error-summary__list li:last-child {
+  margin-bottom: 0;
+}
+
+.govuk-error-summary__list a {
+  font-weight: 700;
+  font-family: "GDS Transport", arial, sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+@media print {
+  .govuk-error-summary__list a {
+    font-family: sans-serif;
+  }
+}
+.govuk-error-summary__list a {
+  text-decoration: underline;
+  text-decoration-thickness: max(1px, .0625rem);
+  text-underline-offset: 0.1578em;
+}
+.govuk-error-summary__list a:hover {
+  text-decoration-thickness: max(3px, .1875rem, .12em);
+  -webkit-text-decoration-skip-ink: none;
+  text-decoration-skip-ink: none;
+  -webkit-text-decoration-skip: none;
+  text-decoration-skip: none;
+}
+.govuk-error-summary__list a:focus {
+  outline: 3px solid transparent;
+  color: #0b0c0c;
+  background-color: #ffdd00;
+  box-shadow: 0 -2px #ffdd00, 0 4px #0b0c0c;
+  text-decoration: none;
+}
+@supports not (text-wrap: balance) {
+  .govuk-error-summary__list a:focus {
+    -webkit-box-decoration-break: clone;
+    box-decoration-break: clone;
+  }
+}
+.govuk-error-summary__list a:link, .govuk-error-summary__list a:visited {
+  color: #d4351c;
+}
+.govuk-error-summary__list a:hover {
+  color: rgb(148.4, 37.1, 19.6);
+}
+.govuk-error-summary__list a:active {
+  color: #d4351c;
+}
+.govuk-error-summary__list a:focus {
+  color: #0b0c0c;
+}
+
+
+
+.govuk-exit-this-page {
+  margin-bottom: 30px;
+}
+@media (min-width: 40.0625em) {
+  .govuk-exit-this-page {
+    margin-bottom: 50px;
+  }
+}
+.govuk-exit-this-page {
+  position: -webkit-sticky;
+  position: sticky;
+  z-index: 1000;
+  top: 0;
+  left: 0;
+  width: 100%;
+}
+@media (min-width: 40.0625em) {
+  .govuk-exit-this-page {
+    display: inline-block;
+    right: 0;
+    left: auto;
+    width: auto;
+    float: right;
+  }
+}
+
+.govuk-exit-this-page__button {
+  margin-bottom: 0;
+}
+
+.govuk-exit-this-page__indicator {
+  padding: 10px;
+  display: none;
+  padding-bottom: 0;
+  color: inherit;
+  line-height: 0;
+  text-align: center;
+  pointer-events: none;
+}
+
+.govuk-exit-this-page__indicator--visible {
+  display: block;
+}
+
+.govuk-exit-this-page__indicator-light {
+  box-sizing: border-box;
+  display: inline-block;
+  width: 0.75em;
+  height: 0.75em;
+  margin: 0 0.125em;
+  border-width: 2px;
+  border-style: solid;
+  border-radius: 50%;
+  border-color: currentcolor;
+}
+
+.govuk-exit-this-page__indicator-light--on {
+  border-width: 0.375em;
+}
+
+@media only print {
+  .govuk-exit-this-page {
+    display: none;
+  }
+}
+.govuk-exit-this-page-overlay {
+  position: fixed;
+  z-index: 9999;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  background-color: #ffffff;
+}
+
+.govuk-exit-this-page-hide-content * {
+  display: none !important;
+}
+.govuk-exit-this-page-hide-content .govuk-exit-this-page-overlay {
+  display: block !important;
+}
+
+
+
+
+
+
+.govuk-file-upload {
+  font-family: "GDS Transport", arial, sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+@media print {
+  .govuk-file-upload {
+    font-family: sans-serif;
+  }
+}
+.govuk-file-upload {
+  font-weight: 400;
+  font-size: 1rem;
+  line-height: 1.25;
+}
+@media (min-width: 40.0625em) {
+  .govuk-file-upload {
+    font-size: 1.1875rem;
+    line-height: 1.3157894737;
+  }
+}
+@media print {
+  .govuk-file-upload {
+    font-size: 14pt;
+    line-height: 1.15;
+  }
+}
+.govuk-file-upload {
+  color: #0b0c0c;
+}
+@media print {
+  .govuk-file-upload {
+    color: #000000;
+  }
+}
+.govuk-file-upload {
+  max-width: 100%;
+  margin-left: -5px;
+  padding: 5px;
+}
+.govuk-file-upload::-webkit-file-upload-button {
+  -webkit-appearance: button;
+  color: inherit;
+  font: inherit;
+}
+.govuk-file-upload:focus {
+  outline: 3px solid #ffdd00;
+  box-shadow: inset 0 0 0 4px #0b0c0c;
+}
+.govuk-file-upload:focus-within {
+  outline: 3px solid #ffdd00;
+  box-shadow: inset 0 0 0 4px #0b0c0c;
+}
+.govuk-file-upload:disabled {
+  opacity: 0.5;
+  cursor: not-allowed;
+}
+
+.govuk-drop-zone {
+  display: block;
+  position: relative;
+  z-index: 0;
+  background-color: #ffffff;
+}
+
+.govuk-drop-zone--disabled {
+  cursor: not-allowed;
+}
+
+.govuk-file-upload-button__pseudo-button {
+  width: auto;
+  margin-right: 10px;
+  margin-bottom: 3px;
+  flex-shrink: 0;
+}
+
+.govuk-file-upload-button__instruction {
+  margin-top: 7px;
+  margin-bottom: 0;
+  text-align: left;
+}
+
+.govuk-file-upload-button__status {
+  display: block;
+  margin-bottom: 10px;
+  padding: 15px 10px;
+  background-color: #ffffff;
+  text-align: left;
+}
+
+.govuk-file-upload-button__pseudo-button-container {
+  display: flex;
+  align-items: baseline;
+  flex-wrap: wrap;
+}
+
+.govuk-file-upload-button {
+  width: 100%;
+  padding: 18px;
+  border: 2px #b1b4b6 solid;
+  background-color: #f3f2f1;
+  cursor: pointer;
+}
+@media (min-width: 40.0625em) {
+  .govuk-file-upload-button {
+    padding: 23px;
+  }
+}
+.govuk-file-upload-button .govuk-file-upload-button__pseudo-button {
+  background-color: #ffffff;
+}
+.govuk-file-upload-button:hover {
+  background-color: #c1c3c5;
+}
+.govuk-file-upload-button:hover .govuk-file-upload-button__pseudo-button {
+  background-color: #dbdad9;
+}
+.govuk-file-upload-button:hover .govuk-file-upload-button__status {
+  background-color: #d2e2f1;
+}
+.govuk-file-upload-button:active, .govuk-file-upload-button:focus {
+  border: 2px solid #0b0c0c;
+  outline: 3px solid #ffdd00;
+  outline-offset: 0;
+  background-color: #c1c3c5;
+  box-shadow: inset 0 0 0 2px;
+}
+.govuk-file-upload-button:active .govuk-file-upload-button__pseudo-button, .govuk-file-upload-button:focus .govuk-file-upload-button__pseudo-button {
+  background-color: #ffdd00;
+  box-shadow: 0 2px 0 #0b0c0c;
+}
+.govuk-file-upload-button:active:hover .govuk-file-upload-button__pseudo-button, .govuk-file-upload-button:focus:hover .govuk-file-upload-button__pseudo-button {
+  border-color: #ffdd00;
+  outline: 3px solid transparent;
+  background-color: #f3f2f1;
+  box-shadow: inset 0 0 0 1px #ffdd00;
+}
+
+.govuk-file-upload-button--empty {
+  border-style: dashed;
+  background-color: #ffffff;
+}
+.govuk-file-upload-button--empty .govuk-file-upload-button__pseudo-button {
+  background-color: #f3f2f1;
+}
+.govuk-file-upload-button--empty .govuk-file-upload-button__status {
+  color: #0c2d4a;
+  background-color: #bbd4ea;
+}
+.govuk-file-upload-button--empty:hover, .govuk-file-upload-button--empty:focus, .govuk-file-upload-button--empty:active {
+  background-color: #f3f2f1;
+}
+.govuk-file-upload-button--empty:hover .govuk-file-upload-button__status, .govuk-file-upload-button--empty:focus .govuk-file-upload-button__status, .govuk-file-upload-button--empty:active .govuk-file-upload-button__status {
+  background-color: #d2e2f1;
+}
+
+.govuk-file-upload-button--dragging {
+  border-style: solid;
+  border-color: #0b0c0c;
+}
+.govuk-file-upload-button--dragging.govuk-file-upload-button {
+  background-color: #c1c3c5;
+}
+.govuk-file-upload-button--dragging.govuk-file-upload-button--empty {
+  background-color: #f3f2f1;
+}
+.govuk-file-upload-button--dragging.govuk-file-upload-button--empty:not(:disabled) .govuk-file-upload-button__status, .govuk-file-upload-button--dragging.govuk-file-upload-button--empty .govuk-file-upload-button__pseudo-button {
+  background-color: #ffffff;
+}
+.govuk-file-upload-button--dragging .govuk-file-upload-button__pseudo-button {
+  background-color: #dbdad9;
+}
+
+.govuk-file-upload-button:disabled {
+  pointer-events: none;
+  opacity: 0.5;
+  background-color: #ffffff;
+}
+.govuk-file-upload-button:disabled .govuk-file-upload-button__pseudo-button {
+  background-color: #f3f2f1;
+}
+.govuk-file-upload-button:disabled .govuk-file-upload-button__status {
+  background-color: #bbd4ea;
+}
+
+
+.govuk-footer {
+  font-family: "GDS Transport", arial, sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+@media print {
+  .govuk-footer {
+    font-family: sans-serif;
+  }
+}
+.govuk-footer {
+  font-weight: 400;
+  font-size: 0.875rem;
+  line-height: 1.1428571429;
+}
+@media (min-width: 40.0625em) {
+  .govuk-footer {
+    font-size: 1rem;
+    line-height: 1.25;
+  }
+}
+@media print {
+  .govuk-footer {
+    font-size: 14pt;
+    line-height: 1.2;
+  }
+}
+.govuk-footer {
+  padding-top: 25px;
+}
+@media (min-width: 40.0625em) {
+  .govuk-footer {
+    padding-top: 40px;
+  }
+}
+.govuk-footer {
+  padding-bottom: 15px;
+}
+@media (min-width: 40.0625em) {
+  .govuk-footer {
+    padding-bottom: 25px;
+  }
+}
+.govuk-footer {
+  border-top: 10px solid #1d70b8;
+  color: #0b0c0c;
+  background: #f3f2f1;
+}
+.govuk-template--rebranded .govuk-footer {
+  background: #f4f8fb;
+}
+
+.govuk-footer__crown {
+  margin-bottom: 25px;
+}
+
+.govuk-footer__link {
+  font-family: "GDS Transport", arial, sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+@media print {
+  .govuk-footer__link {
+    font-family: sans-serif;
+  }
+}
+.govuk-footer__link {
+  text-decoration: underline;
+  text-decoration-thickness: max(1px, .0625rem);
+  text-underline-offset: 0.1578em;
+}
+.govuk-footer__link:hover {
+  text-decoration-thickness: max(3px, .1875rem, .12em);
+  -webkit-text-decoration-skip-ink: none;
+  text-decoration-skip-ink: none;
+  -webkit-text-decoration-skip: none;
+  text-decoration-skip: none;
+}
+.govuk-footer__link:focus {
+  outline: 3px solid transparent;
+  color: #0b0c0c;
+  background-color: #ffdd00;
+  box-shadow: 0 -2px #ffdd00, 0 4px #0b0c0c;
+  text-decoration: none;
+}
+@supports not (text-wrap: balance) {
+  .govuk-footer__link:focus {
+    -webkit-box-decoration-break: clone;
+    box-decoration-break: clone;
+  }
+}
+.govuk-footer__link:link, .govuk-footer__link:visited {
+  color: #0b0c0c;
+}
+@media print {
+  .govuk-footer__link:link, .govuk-footer__link:visited {
+    color: #000000;
+  }
+}
+.govuk-footer__link:hover {
+  color: rgba(11, 12, 12, 0.99);
+}
+.govuk-footer__link:active, .govuk-footer__link:focus {
+  color: #0b0c0c;
+}
+@media print {
+  .govuk-footer__link:active, .govuk-footer__link:focus {
+    color: #000000;
+  }
+}
+
+.govuk-footer__section-break {
+  margin: 0;
+  margin-bottom: 30px;
+}
+@media (min-width: 40.0625em) {
+  .govuk-footer__section-break {
+    margin-bottom: 50px;
+  }
+}
+.govuk-footer__section-break {
+  border: 0;
+  border-bottom: 1px solid;
+  border-bottom-color: #b1b4b6;
+}
+.govuk-template--rebranded .govuk-footer__section-break {
+  border-bottom-color: #8eb8dc;
+}
+
+.govuk-footer__meta {
+  display: flex;
+  margin-right: -15px;
+  margin-left: -15px;
+  flex-wrap: wrap;
+  align-items: flex-end;
+  justify-content: center;
+}
+
+.govuk-footer__meta-item {
+  margin-right: 15px;
+  margin-bottom: 25px;
+  margin-left: 15px;
+}
+
+.govuk-footer__meta-item--grow {
+  flex: 1;
+}
+@media (max-width: 40.0525em) {
+  .govuk-footer__meta-item--grow {
+    flex-basis: 320px;
+  }
+}
+
+.govuk-footer__licence-logo {
+  display: inline-block;
+  margin-right: 10px;
+}
+@media (max-width: 48.0525em) {
+  .govuk-footer__licence-logo {
+    margin-bottom: 15px;
+  }
+}
+.govuk-footer__licence-logo {
+  vertical-align: top;
+  forced-color-adjust: auto;
+}
+
+.govuk-footer__licence-description {
+  display: inline-block;
+  text-wrap: balance;
+}
+
+.govuk-footer__copyright-logo::before {
+  content: "";
+  display: block;
+  width: 100%;
+  padding-top: 112px;
+  background-image: url("/assets/images/govuk-crest.svg");
+  background-repeat: no-repeat;
+  background-position: 50% 0%;
+  background-size: 125px 102px;
+  text-align: center;
+  white-space: nowrap;
+}
+@supports (-webkit-mask-position: initial) or (mask-position: initial) {
+  .govuk-footer__copyright-logo::before {
+    background: currentcolor;
+    -webkit-mask-image: url("/assets/images/govuk-crest.svg");
+    mask-image: url("/assets/images/govuk-crest.svg");
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-position: 50% 0%;
+    mask-position: 50% 0%;
+    -webkit-mask-size: 125px 102px;
+    mask-size: 125px 102px;
+  }
+  @media screen and (forced-colors: active) {
+    .govuk-footer__copyright-logo::before {
+      background: linktext;
+    }
+  }
+}
+
+.govuk-footer__inline-list {
+  margin-top: 0;
+  margin-bottom: 15px;
+  padding: 0;
+}
+
+.govuk-footer__meta-custom {
+  margin-bottom: 20px;
+}
+
+.govuk-footer__inline-list-item {
+  display: inline-block;
+  margin-right: 15px;
+  margin-bottom: 5px;
+}
+
+.govuk-footer__heading {
+  margin-bottom: 30px;
+  padding-bottom: 20px;
+}
+@media (max-width: 40.0525em) {
+  .govuk-footer__heading {
+    padding-bottom: 10px;
+  }
+}
+.govuk-footer__heading {
+  border-bottom: 1px solid;
+  border-bottom-color: #b1b4b6;
+}
+.govuk-template--rebranded .govuk-footer__heading {
+  border-bottom-color: #8eb8dc;
+}
+
+.govuk-footer__navigation::after {
+  content: "";
+  display: block;
+  clear: both;
+}
+.govuk-footer__navigation {
+  margin-right: -15px;
+  margin-left: -15px;
+}
+
+.govuk-footer__section {
+  display: inline-block;
+  margin-bottom: 30px;
+  vertical-align: top;
+}
+
+.govuk-footer__list {
+  margin: 0;
+  padding: 0;
+  list-style: none;
+  column-gap: 30px;
+}
+
+@media (min-width: 48.0625em) {
+  .govuk-footer__list--columns-2 {
+    column-count: 2;
+  }
+  .govuk-footer__list--columns-3 {
+    column-count: 3;
+  }
+}
+.govuk-footer__list-item {
+  margin-bottom: 15px;
+}
+@media (min-width: 40.0625em) {
+  .govuk-footer__list-item {
+    margin-bottom: 20px;
+  }
+}
+
+.govuk-footer__list-item:last-child {
+  margin-bottom: 0;
+}
+
+
+.govuk-header {
+  font-family: "GDS Transport", arial, sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+@media print {
+  .govuk-header {
+    font-family: sans-serif;
+  }
+}
+.govuk-header {
+  font-weight: 400;
+  font-size: 0.875rem;
+  line-height: 1;
+}
+@media (min-width: 40.0625em) {
+  .govuk-header {
+    font-size: 1rem;
+    line-height: 1;
+  }
+}
+@media print {
+  .govuk-header {
+    font-size: 14pt;
+    line-height: 1;
+  }
+}
+.govuk-header {
+  border-bottom: 10px solid #ffffff;
+}
+.govuk-template--rebranded .govuk-header {
+  border-bottom: 1px solid transparent;
+}
+.govuk-header {
+  background: #0b0c0c;
+}
+.govuk-template--rebranded .govuk-header {
+  background: #1d70b8;
+}
+.govuk-header {
+  color: #ffffff;
+}
+
+@media (max-width: 48.0525em) {
+  .govuk-header--with-js-navigation .govuk-header__logo {
+    padding-right: 80px;
+  }
+}
+
+.govuk-header__container--full-width {
+  padding: 0 15px;
+  border-color: #1d70b8;
+}
+.govuk-header__container--full-width .govuk-header__menu-button {
+  right: 15px;
+}
+
+.govuk-header__container::after {
+  content: "";
+  display: block;
+  clear: both;
+}
+.govuk-header__container {
+  position: relative;
+  margin-bottom: -10px;
+  padding-top: 10px;
+  border-bottom: 10px solid #1d70b8;
+}
+.govuk-template--rebranded .govuk-header__container {
+  margin-bottom: 0;
+  padding-top: 0;
+  border-bottom: none;
+}
+
+.govuk-header--full-width-border {
+  border-bottom-color: #1d70b8;
+}
+.govuk-header--full-width-border .govuk-header__container {
+  border-bottom-color: transparent;
+}
+
+.govuk-header__logotype {
+  display: inline-block;
+  position: relative;
+  top: -3px;
+  margin-right: 5px;
+  fill: currentcolor;
+  vertical-align: top;
+}
+@media (forced-colors: active) {
+  .govuk-header__logotype {
+    forced-color-adjust: none;
+    color: linktext;
+  }
+}
+.govuk-header__logotype:last-child {
+  margin-right: 0;
+}
+.govuk-template--rebranded .govuk-header__logotype {
+  margin-right: 0.4375rem;
+  margin-bottom: 2px;
+}
+.govuk-template--rebranded .govuk-header__logotype:last-child {
+  margin-right: 0;
+}
+
+.govuk-logo-dot {
+  fill: #00ffe0;
+}
+@media print {
+  .govuk-logo-dot {
+    fill: currentcolor;
+  }
+}
+@media (forced-colors: active) {
+  .govuk-logo-dot {
+    fill: currentcolor;
+  }
+}
+:focus .govuk-logo-dot {
+  fill: currentcolor;
+}
+
+.govuk-header__product-name {
+  font-size: 1.125rem;
+  line-height: 1;
+}
+@media (min-width: 40.0625em) {
+  .govuk-header__product-name {
+    font-size: 1.5rem;
+    line-height: 1;
+  }
+}
+@media print {
+  .govuk-header__product-name {
+    font-size: 18pt;
+    line-height: 1;
+  }
+}
+.govuk-header__product-name {
+  font-weight: 400;
+  display: inline-table;
+  margin-top: 10px;
+}
+@-moz-document url-prefix() {
+  .govuk-header__product-name {
+    margin-top: 9.5px;
+  }
+}
+.govuk-header__product-name {
+  vertical-align: top;
+}
+@media (min-width: 40.0625em) {
+  .govuk-header__product-name {
+    margin-top: 5px;
+  }
+  @-moz-document url-prefix() {
+    .govuk-header__product-name {
+      margin-top: 4.5px;
+    }
+  }
+}
+.govuk-template--rebranded .govuk-header__product-name {
+  margin-top: 0;
+  margin-bottom: -0.0625rem;
+  font-size: 1.9375rem;
+  letter-spacing: -0.015em;
+  forced-color-adjust: none;
+}
+@media screen and (forced-colors: active) {
+  .govuk-template--rebranded .govuk-header__product-name {
+    color: LinkText;
+    background: transparent;
+  }
+}
+@media (min-width: 40.0625em) {
+  .govuk-template--rebranded .govuk-header__product-name {
+    margin-top: 0;
+  }
+}
+@media (min-width: 48.0625em) {
+  .govuk-template--rebranded .govuk-header__product-name {
+    margin-top: 0;
+  }
+}
+
+.govuk-header__link:link, .govuk-header__link:visited {
+  color: #ffffff;
+}
+.govuk-header__link:hover, .govuk-header__link:active {
+  color: rgba(255, 255, 255, 0.99);
+}
+.govuk-header__link:focus {
+  color: #0b0c0c;
+}
+.govuk-header__link {
+  text-decoration: none;
+}
+.govuk-header__link:hover {
+  text-decoration: underline;
+  text-decoration-thickness: 3px;
+  text-underline-offset: 0.1578em;
+}
+.govuk-header__link:focus {
+  outline: 3px solid transparent;
+  color: #0b0c0c;
+  background-color: #ffdd00;
+  box-shadow: 0 -2px #ffdd00, 0 4px #0b0c0c;
+  text-decoration: none;
+}
+@supports not (text-wrap: balance) {
+  .govuk-header__link:focus {
+    -webkit-box-decoration-break: clone;
+    box-decoration-break: clone;
+  }
+}
+
+.govuk-header__link--homepage {
+  display: inline-block;
+  margin-right: 10px;
+  font-size: 30px;
+}
+@media (min-width: 48.0625em) {
+  .govuk-header__link--homepage {
+    display: inline;
+  }
+}
+.govuk-header__link--homepage:link, .govuk-header__link--homepage:visited {
+  text-decoration: none;
+}
+.govuk-header__link--homepage:hover, .govuk-header__link--homepage:active {
+  margin-bottom: -3px;
+  border-bottom: 3px solid;
+}
+.govuk-header__link--homepage:focus {
+  margin-bottom: 0;
+  border-bottom: 0;
+}
+.govuk-template--rebranded .govuk-header__link--homepage {
+  display: inline;
+  word-spacing: -0.375rem;
+}
+.govuk-template--rebranded .govuk-header__link--homepage > * {
+  word-spacing: 0;
+}
+.govuk-template--rebranded .govuk-header__link--homepage:not(:focus) {
+  background-color: #1d70b8;
+}
+
+.govuk-header__service-name {
+  display: inline-block;
+  margin-bottom: 10px;
+  font-size: 1.125rem;
+  line-height: 1.1111111111;
+}
+@media (min-width: 40.0625em) {
+  .govuk-header__service-name {
+    font-size: 1.5rem;
+    line-height: 1.25;
+  }
+}
+@media print {
+  .govuk-header__service-name {
+    font-size: 18pt;
+    line-height: 1.15;
+  }
+}
+.govuk-header__service-name {
+  font-weight: 700;
+}
+.govuk-template--rebranded .govuk-header__service-name {
+  margin-bottom: 15px;
+}
+@media (min-width: 48.0625em) {
+  .govuk-template--rebranded .govuk-header__service-name {
+    margin: 19px 0 11px;
+  }
+}
+
+.govuk-header__logo,
+.govuk-header__content {
+  box-sizing: border-box;
+}
+
+.govuk-header__logo {
+  margin-bottom: 10px;
+}
+@media (min-width: 48.0625em) {
+  .govuk-header__logo {
+    width: 33.33%;
+    padding-right: 15px;
+    float: left;
+    vertical-align: top;
+  }
+  .govuk-header__logo:last-child {
+    width: auto;
+    padding-right: 0;
+    float: none;
+  }
+}
+.govuk-template--rebranded .govuk-header__logo {
+  margin-bottom: 0;
+  padding-top: 16px;
+  padding-bottom: 12px;
+}
+
+@media (min-width: 48.0625em) {
+  .govuk-header__content {
+    width: 66.66%;
+    padding-left: 15px;
+    float: left;
+  }
+}
+
+.govuk-header__menu-button {
+  font-family: "GDS Transport", arial, sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+@media print {
+  .govuk-header__menu-button {
+    font-family: sans-serif;
+  }
+}
+.govuk-header__menu-button {
+  font-weight: 400;
+  font-size: 0.875rem;
+  line-height: 1.1428571429;
+}
+@media (min-width: 40.0625em) {
+  .govuk-header__menu-button {
+    font-size: 1rem;
+    line-height: 1.25;
+  }
+}
+@media print {
+  .govuk-header__menu-button {
+    font-size: 14pt;
+    line-height: 1.2;
+  }
+}
+.govuk-header__menu-button {
+  max-width: 80px;
+  min-height: 24px;
+  margin-bottom: 5px;
+  padding: 0;
+  border: 0;
+  color: #ffffff;
+  background: none;
+  word-break: break-all;
+  cursor: pointer;
+}
+.govuk-header__menu-button:hover {
+  -webkit-text-decoration: solid underline 3px;
+  text-decoration: solid underline 3px;
+  text-underline-offset: 0.1578em;
+}
+.govuk-header__menu-button:focus {
+  outline: 3px solid transparent;
+  color: #0b0c0c;
+  background-color: #ffdd00;
+  box-shadow: 0 -2px #ffdd00, 0 4px #0b0c0c;
+  text-decoration: none;
+}
+@supports not (text-wrap: balance) {
+  .govuk-header__menu-button:focus {
+    -webkit-box-decoration-break: clone;
+    box-decoration-break: clone;
+  }
+}
+.govuk-header__menu-button::after {
+  display: inline-block;
+  width: 0;
+  height: 0;
+  border-style: solid;
+  border-color: transparent;
+  -webkit-clip-path: polygon(0% 0%, 50% 100%, 100% 0%);
+  clip-path: polygon(0% 0%, 50% 100%, 100% 0%);
+  border-width: 8.66px 5px 0 5px;
+  border-top-color: inherit;
+  content: "";
+  margin-left: 5px;
+}
+.govuk-header__menu-button[aria-expanded=true]::after {
+  display: inline-block;
+  width: 0;
+  height: 0;
+  border-style: solid;
+  border-color: transparent;
+  -webkit-clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
+  clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
+  border-width: 0 5px 8.66px;
+  border-bottom-color: inherit;
+}
+@media (min-width: 20em) {
+  .govuk-header__menu-button {
+    position: absolute;
+    top: 13px;
+    right: 0;
+    margin: 0;
+  }
+}
+@media (min-width: 40.0625em) {
+  .govuk-header__menu-button {
+    top: 15px;
+  }
+}
+.govuk-frontend-supported .govuk-header__menu-button {
+  display: block;
+}
+.govuk-header__menu-button[hidden], .govuk-frontend-supported .govuk-header__menu-button[hidden] {
+  display: none;
+}
+
+@media (max-width: 19.99em) {
+  .govuk-template--rebranded .govuk-header__navigation {
+    padding-bottom: 15px;
+  }
+}
+@media (min-width: 48.0625em) {
+  .govuk-header__navigation {
+    margin-bottom: 10px;
+  }
+  .govuk-template--rebranded .govuk-header__navigation {
+    margin-bottom: 0;
+    padding: 22px 0 8px;
+  }
+}
+
+@media (min-width: 48.0625em) {
+  .govuk-template--rebranded .govuk-header__service-name + .govuk-header__navigation {
+    padding-top: 0;
+    padding-bottom: 15px;
+  }
+}
+
+.govuk-header__navigation-list {
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+.govuk-header__navigation-list[hidden] {
+  display: none;
+}
+@media (min-width: 20em) and (max-width: 48.0525em) {
+  .govuk-template--rebranded .govuk-header__navigation-list {
+    padding-bottom: 15px;
+  }
+}
+
+@media (min-width: 48.0625em) {
+  .govuk-header__navigation--end {
+    margin: 0;
+    padding: 5px 0;
+    text-align: right;
+  }
+}
+
+.govuk-header__navigation-item {
+  padding: 10px 0;
+  border-bottom: 1px solid #2e3133;
+}
+@media (min-width: 48.0625em) {
+  .govuk-header__navigation-item {
+    display: inline-block;
+    margin-right: 15px;
+    padding: 5px 0;
+    border: 0;
+  }
+}
+.govuk-header__navigation-item a {
+  font-size: 0.875rem;
+  line-height: 1.1428571429;
+}
+@media (min-width: 40.0625em) {
+  .govuk-header__navigation-item a {
+    font-size: 1rem;
+    line-height: 1.25;
+  }
+}
+@media print {
+  .govuk-header__navigation-item a {
+    font-size: 14pt;
+    line-height: 1.2;
+  }
+}
+.govuk-header__navigation-item a {
+  font-weight: 700;
+  white-space: nowrap;
+}
+.govuk-template--rebranded .govuk-header__navigation-item {
+  padding-top: 15px;
+}
+@media (min-width: 48.0625em) {
+  .govuk-template--rebranded .govuk-header__navigation-item {
+    padding-top: 5px;
+  }
+}
+.govuk-template--rebranded .govuk-header__navigation-item {
+  border-bottom-color: #ffffff;
+}
+.govuk-template--rebranded .govuk-header__navigation-item a {
+  font-weight: 400;
+}
+
+.govuk-template--rebranded .govuk-header__navigation-item--active a {
+  font-weight: 700;
+}
+.govuk-header__navigation-item--active a:link, .govuk-header__navigation-item--active a:hover, .govuk-header__navigation-item--active a:visited {
+  color: #1d8feb;
+}
+.govuk-template--rebranded .govuk-header__navigation-item--active a:link, .govuk-template--rebranded .govuk-header__navigation-item--active a:hover, .govuk-template--rebranded .govuk-header__navigation-item--active a:visited {
+  color: inherit;
+}
+@media print {
+  .govuk-header__navigation-item--active a {
+    color: #1d70b8;
+  }
+}
+.govuk-header__navigation-item--active a:focus {
+  color: #0b0c0c;
+}
+.govuk-template--rebranded .govuk-header__navigation-item--active a:focus {
+  color: #0b0c0c;
+}
+
+.govuk-header__navigation-item:last-child {
+  margin-right: 0;
+  border-bottom: 0;
+}
+
+@media print {
+  .govuk-header {
+    border-bottom-width: 0;
+    color: #0b0c0c;
+    background: transparent;
+  }
+  .govuk-header__link:link, .govuk-header__link:visited {
+    color: #0b0c0c;
+  }
+  .govuk-header__link::after {
+    display: none;
+  }
+}
+
+
+
+
+
+
+.govuk-inset-text {
+  font-family: "GDS Transport", arial, sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+@media print {
+  .govuk-inset-text {
+    font-family: sans-serif;
+  }
+}
+.govuk-inset-text {
+  font-weight: 400;
+  font-size: 1rem;
+  line-height: 1.25;
+}
+@media (min-width: 40.0625em) {
+  .govuk-inset-text {
+    font-size: 1.1875rem;
+    line-height: 1.3157894737;
+  }
+}
+@media print {
+  .govuk-inset-text {
+    font-size: 14pt;
+    line-height: 1.15;
+  }
+}
+.govuk-inset-text {
+  color: #0b0c0c;
+}
+@media print {
+  .govuk-inset-text {
+    color: #000000;
+  }
+}
+.govuk-inset-text {
+  padding: 15px;
+  margin-top: 20px;
+}
+@media (min-width: 40.0625em) {
+  .govuk-inset-text {
+    margin-top: 30px;
+  }
+}
+.govuk-inset-text {
+  margin-bottom: 20px;
+}
+@media (min-width: 40.0625em) {
+  .govuk-inset-text {
+    margin-bottom: 30px;
+  }
+}
+.govuk-inset-text {
+  clear: both;
+  border-left: 10px solid #b1b4b6;
+}
+.govuk-inset-text > :first-child {
+  margin-top: 0;
+}
+.govuk-inset-text > :only-child,
+.govuk-inset-text > :last-child {
+  margin-bottom: 0;
+}
+
+
+
+.govuk-notification-banner {
+  font-family: "GDS Transport", arial, sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+@media print {
+  .govuk-notification-banner {
+    font-family: sans-serif;
+  }
+}
+.govuk-notification-banner {
+  font-weight: 400;
+  font-size: 1rem;
+  line-height: 1.25;
+}
+@media (min-width: 40.0625em) {
+  .govuk-notification-banner {
+    font-size: 1.1875rem;
+    line-height: 1.3157894737;
+  }
+}
+@media print {
+  .govuk-notification-banner {
+    font-size: 14pt;
+    line-height: 1.15;
+  }
+}
+.govuk-notification-banner {
+  margin-bottom: 30px;
+}
+@media (min-width: 40.0625em) {
+  .govuk-notification-banner {
+    margin-bottom: 50px;
+  }
+}
+.govuk-notification-banner {
+  border: 5px solid #1d70b8;
+  background-color: #1d70b8;
+}
+.govuk-notification-banner:focus {
+  outline: 3px solid #ffdd00;
+}
+
+.govuk-notification-banner__header {
+  padding: 2px 15px 5px;
+  border-bottom: 1px solid transparent;
+}
+@media (min-width: 40.0625em) {
+  .govuk-notification-banner__header {
+    padding: 2px 20px 5px;
+  }
+}
+
+.govuk-notification-banner__title {
+  font-size: 1rem;
+  line-height: 1.25;
+}
+@media (min-width: 40.0625em) {
+  .govuk-notification-banner__title {
+    font-size: 1.1875rem;
+    line-height: 1.3157894737;
+  }
+}
+@media print {
+  .govuk-notification-banner__title {
+    font-size: 14pt;
+    line-height: 1.15;
+  }
+}
+.govuk-notification-banner__title {
+  font-weight: 700;
+  margin: 0;
+  padding: 0;
+  color: #ffffff;
+}
+
+.govuk-notification-banner__content {
+  color: #0b0c0c;
+}
+@media print {
+  .govuk-notification-banner__content {
+    color: #000000;
+  }
+}
+.govuk-notification-banner__content {
+  padding: 15px;
+  background-color: #ffffff;
+}
+@media (min-width: 40.0625em) {
+  .govuk-notification-banner__content {
+    padding: 20px;
+  }
+}
+.govuk-notification-banner__content > * {
+  box-sizing: border-box;
+  max-width: 605px;
+}
+.govuk-notification-banner__content > :last-child {
+  margin-bottom: 0;
+}
+
+.govuk-notification-banner__heading {
+  font-size: 1.125rem;
+  line-height: 1.1111111111;
+}
+@media (min-width: 40.0625em) {
+  .govuk-notification-banner__heading {
+    font-size: 1.5rem;
+    line-height: 1.25;
+  }
+}
+@media print {
+  .govuk-notification-banner__heading {
+    font-size: 18pt;
+    line-height: 1.15;
+  }
+}
+.govuk-notification-banner__heading {
+  font-weight: 700;
+  margin: 0 0 15px;
+  padding: 0;
+}
+
+.govuk-notification-banner__link {
+  font-family: "GDS Transport", arial, sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+@media print {
+  .govuk-notification-banner__link {
+    font-family: sans-serif;
+  }
+}
+.govuk-notification-banner__link {
+  text-decoration: underline;
+  text-decoration-thickness: max(1px, .0625rem);
+  text-underline-offset: 0.1578em;
+}
+.govuk-notification-banner__link:hover {
+  text-decoration-thickness: max(3px, .1875rem, .12em);
+  -webkit-text-decoration-skip-ink: none;
+  text-decoration-skip-ink: none;
+  -webkit-text-decoration-skip: none;
+  text-decoration-skip: none;
+}
+.govuk-notification-banner__link:focus {
+  outline: 3px solid transparent;
+  color: #0b0c0c;
+  background-color: #ffdd00;
+  box-shadow: 0 -2px #ffdd00, 0 4px #0b0c0c;
+  text-decoration: none;
+}
+@supports not (text-wrap: balance) {
+  .govuk-notification-banner__link:focus {
+    -webkit-box-decoration-break: clone;
+    box-decoration-break: clone;
+  }
+}
+.govuk-notification-banner__link:link {
+  color: #1d70b8;
+}
+.govuk-notification-banner__link:visited {
+  color: #1d70b8;
+}
+.govuk-notification-banner__link:hover {
+  color: #003078;
+}
+.govuk-notification-banner__link:active {
+  color: #0b0c0c;
+}
+.govuk-notification-banner__link:focus {
+  color: #0b0c0c;
+}
+
+.govuk-notification-banner--success {
+  border-color: #00703c;
+  background-color: #00703c;
+}
+.govuk-notification-banner--success .govuk-notification-banner__link:link, .govuk-notification-banner--success .govuk-notification-banner__link:visited {
+  color: #00703c;
+}
+.govuk-notification-banner--success .govuk-notification-banner__link:hover {
+  color: rgb(0, 78.4, 42);
+}
+.govuk-notification-banner--success .govuk-notification-banner__link:active {
+  color: #00703c;
+}
+.govuk-notification-banner--success .govuk-notification-banner__link:focus {
+  color: #0b0c0c;
+}
+
+
+.govuk-pagination {
+  margin-bottom: 20px;
+}
+@media (min-width: 40.0625em) {
+  .govuk-pagination {
+    margin-bottom: 30px;
+  }
+}
+.govuk-pagination {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  flex-wrap: wrap;
+}
+@media (min-width: 40.0625em) {
+  .govuk-pagination {
+    flex-direction: row;
+    align-items: flex-start;
+  }
+}
+
+.govuk-pagination__list {
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+
+.govuk-pagination__item,
+.govuk-pagination__next,
+.govuk-pagination__prev {
+  font-family: "GDS Transport", arial, sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+@media print {
+  .govuk-pagination__item,
+  .govuk-pagination__next,
+  .govuk-pagination__prev {
+    font-family: sans-serif;
+  }
+}
+.govuk-pagination__item,
+.govuk-pagination__next,
+.govuk-pagination__prev {
+  font-weight: 400;
+  font-size: 1rem;
+  line-height: 1.25;
+}
+@media (min-width: 40.0625em) {
+  .govuk-pagination__item,
+  .govuk-pagination__next,
+  .govuk-pagination__prev {
+    font-size: 1.1875rem;
+    line-height: 1.3157894737;
+  }
+}
+@media print {
+  .govuk-pagination__item,
+  .govuk-pagination__next,
+  .govuk-pagination__prev {
+    font-size: 14pt;
+    line-height: 1.15;
+  }
+}
+.govuk-pagination__item,
+.govuk-pagination__next,
+.govuk-pagination__prev {
+  box-sizing: border-box;
+  position: relative;
+  min-width: 45px;
+  min-height: 45px;
+  padding: 10px 15px;
+  float: left;
+}
+.govuk-pagination__item:hover,
+.govuk-pagination__next:hover,
+.govuk-pagination__prev:hover {
+  background-color: #f3f2f1;
+}
+
+.govuk-pagination__item {
+  display: none;
+  text-align: center;
+}
+@media (min-width: 40.0625em) {
+  .govuk-pagination__item {
+    display: block;
+  }
+}
+
+.govuk-pagination__prev,
+.govuk-pagination__next {
+  font-weight: 700;
+}
+.govuk-pagination__prev .govuk-pagination__link,
+.govuk-pagination__next .govuk-pagination__link {
+  display: flex;
+  align-items: center;
+}
+
+.govuk-pagination__prev {
+  padding-left: 0;
+}
+
+.govuk-pagination__next {
+  padding-right: 0;
+}
+
+.govuk-pagination__item--current,
+.govuk-pagination__item--ellipses,
+.govuk-pagination__item:first-child,
+.govuk-pagination__item:last-child {
+  display: block;
+}
+
+.govuk-pagination__item--current {
+  font-weight: 700;
+  outline: 1px solid transparent;
+  background-color: #1d70b8;
+}
+.govuk-pagination__item--current:hover {
+  background-color: #1d70b8;
+}
+.govuk-pagination__item--current .govuk-pagination__link:link, .govuk-pagination__item--current .govuk-pagination__link:visited {
+  color: #ffffff;
+}
+.govuk-pagination__item--current .govuk-pagination__link:hover, .govuk-pagination__item--current .govuk-pagination__link:active {
+  color: rgba(255, 255, 255, 0.99);
+}
+.govuk-pagination__item--current .govuk-pagination__link:focus {
+  color: #0b0c0c;
+}
+
+.govuk-pagination__item--ellipses {
+  font-weight: 700;
+  color: #505a5f;
+}
+.govuk-pagination__item--ellipses:hover {
+  background-color: transparent;
+}
+
+.govuk-pagination__link {
+  display: block;
+  min-width: 15px;
+}
+@media screen {
+  .govuk-pagination__link::after {
+    content: "";
+    position: absolute;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+  }
+}
+.govuk-pagination__link:hover .govuk-pagination__link-title--decorated, .govuk-pagination__link:active .govuk-pagination__link-title--decorated {
+  text-decoration: underline;
+  text-decoration-thickness: max(1px, .0625rem);
+  text-underline-offset: 0.1578em;
+}
+.govuk-pagination__link:hover .govuk-pagination__link-label,
+.govuk-pagination__link:hover .govuk-pagination__link-title--decorated, .govuk-pagination__link:active .govuk-pagination__link-label,
+.govuk-pagination__link:active .govuk-pagination__link-title--decorated {
+  text-decoration-thickness: max(3px, .1875rem, .12em);
+  -webkit-text-decoration-skip-ink: none;
+  text-decoration-skip-ink: none;
+  -webkit-text-decoration-skip: none;
+  text-decoration-skip: none;
+}
+.govuk-pagination__link:focus .govuk-pagination__icon {
+  color: #0b0c0c;
+}
+.govuk-pagination__link:focus .govuk-pagination__link-label {
+  text-decoration: none;
+}
+.govuk-pagination__link:focus .govuk-pagination__link-title--decorated {
+  text-decoration: none;
+}
+
+.govuk-pagination__link-title {
+  text-decoration-thickness: inherit;
+}
+
+.govuk-pagination__link-label {
+  font-weight: 400;
+  text-decoration: underline;
+  text-decoration-thickness: max(1px, .0625rem);
+  text-underline-offset: 0.1578em;
+  display: inline-block;
+}
+
+.govuk-pagination__icon {
+  width: 0.9375rem;
+  height: 0.8125rem;
+  color: #505a5f;
+  fill: currentcolor;
+  forced-color-adjust: auto;
+}
+
+.govuk-pagination__icon--prev {
+  margin-right: 15px;
+}
+
+.govuk-pagination__icon--next {
+  margin-left: 15px;
+}
+
+.govuk-pagination--block {
+  display: block;
+}
+.govuk-pagination--block .govuk-pagination__next,
+.govuk-pagination--block .govuk-pagination__prev {
+  padding-left: 0;
+  float: none;
+}
+.govuk-pagination--block .govuk-pagination__next .govuk-pagination__link,
+.govuk-pagination--block .govuk-pagination__prev .govuk-pagination__link {
+  display: inline-block;
+}
+.govuk-pagination--block .govuk-pagination__next {
+  padding-right: 15px;
+}
+.govuk-pagination--block .govuk-pagination__prev + .govuk-pagination__next {
+  border-top: 1px solid #b1b4b6;
+}
+.govuk-pagination--block .govuk-pagination__link-title::after {
+  content: "";
+  display: block;
+}
+.govuk-pagination--block .govuk-pagination__link {
+  padding-left: 30px;
+  text-align: left;
+}
+.govuk-pagination--block .govuk-pagination__link:not(:focus) {
+  text-decoration: none;
+}
+.govuk-pagination--block .govuk-pagination__icon {
+  margin-top: 0.326em;
+  margin-left: -30px;
+  float: left;
+}
+
+
+.govuk-panel {
+  font-family: "GDS Transport", arial, sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+@media print {
+  .govuk-panel {
+    font-family: sans-serif;
+  }
+}
+.govuk-panel {
+  font-weight: 400;
+  font-size: 1.5rem;
+  line-height: 1.0416666667;
+}
+@media (min-width: 40.0625em) {
+  .govuk-panel {
+    font-size: 2.25rem;
+    line-height: 1.1111111111;
+  }
+}
+@media print {
+  .govuk-panel {
+    font-size: 24pt;
+    line-height: 1.05;
+  }
+}
+.govuk-panel {
+  box-sizing: border-box;
+  margin-bottom: 15px;
+  padding: 35px;
+  border: 5px solid transparent;
+  text-align: center;
+}
+@media (max-width: 40.0525em) {
+  .govuk-panel {
+    padding: 10px;
+    overflow-wrap: break-word;
+    word-wrap: break-word;
+  }
+}
+
+.govuk-panel--confirmation {
+  color: #ffffff;
+  background: #00703c;
+}
+@media print {
+  .govuk-panel--confirmation {
+    border-color: currentcolor;
+    color: #000000;
+    background: none;
+  }
+}
+
+.govuk-panel__title {
+  font-size: 2rem;
+  line-height: 1.09375;
+}
+@media (min-width: 40.0625em) {
+  .govuk-panel__title {
+    font-size: 3rem;
+    line-height: 1.0416666667;
+  }
+}
+@media print {
+  .govuk-panel__title {
+    font-size: 32pt;
+    line-height: 1.15;
+  }
+}
+.govuk-panel__title {
+  font-weight: 700;
+  margin-top: 0;
+  margin-bottom: 30px;
+}
+
+.govuk-panel__title:last-child {
+  margin-bottom: 0;
+}
+
+
+
+
+
+
+
+@media (min-width: 20em) {
+  .govuk-password-input__wrapper {
+    flex-direction: row;
+    align-items: flex-start;
+  }
+}
+
+.govuk-password-input__input::-ms-reveal {
+  display: none;
+}
+
+.govuk-password-input__toggle {
+  margin-top: 5px;
+  margin-bottom: 0;
+}
+.govuk-password-input__toggle[hidden] {
+  display: none;
+}
+@media (min-width: 20em) {
+  .govuk-password-input__toggle {
+    width: auto;
+    flex-shrink: 0;
+    flex-basis: 5em;
+    margin-top: 0;
+    margin-left: 5px;
+  }
+}
+
+
+.govuk-tag {
+  font-family: "GDS Transport", arial, sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+@media print {
+  .govuk-tag {
+    font-family: sans-serif;
+  }
+}
+.govuk-tag {
+  font-weight: 400;
+  font-size: 1rem;
+  line-height: 1.25;
+}
+@media (min-width: 40.0625em) {
+  .govuk-tag {
+    font-size: 1.1875rem;
+    line-height: 1.3157894737;
+  }
+}
+@media print {
+  .govuk-tag {
+    font-size: 14pt;
+    line-height: 1.15;
+  }
+}
+.govuk-tag {
+  display: inline-block;
+  max-width: 160px;
+  margin-top: -2px;
+  margin-bottom: -3px;
+  padding-top: 2px;
+  padding-right: 8px;
+  padding-bottom: 3px;
+  padding-left: 8px;
+  color: #0c2d4a;
+  background-color: #bbd4ea;
+  text-decoration: none;
+  overflow-wrap: break-word;
+}
+@media screen and (forced-colors: active) {
+  .govuk-tag {
+    font-weight: bold;
+  }
+}
+
+.govuk-tag--grey {
+  color: #282d30;
+  background-color: #e5e6e7;
+}
+
+.govuk-tag--purple {
+  color: #491644;
+  background-color: #efdfed;
+}
+
+.govuk-tag--turquoise {
+  color: #10403c;
+  background-color: #d4ecea;
+}
+
+.govuk-tag--blue {
+  color: #0c2d4a;
+  background-color: #bbd4ea;
+}
+
+.govuk-tag--light-blue {
+  color: #0c2d4a;
+  background-color: #e8f1f8;
+}
+
+.govuk-tag--yellow {
+  color: #594d00;
+  background-color: #fff7bf;
+}
+
+.govuk-tag--orange {
+  color: #6e3619;
+  background-color: #fcd6c3;
+}
+
+.govuk-tag--red {
+  color: #2a0b06;
+  background-color: #f4cdc6;
+}
+
+.govuk-tag--pink {
+  color: #6b1c40;
+  background-color: #f9e1ec;
+}
+
+.govuk-tag--green {
+  color: #005a30;
+  background-color: #cce2d8;
+}
+
+
+.govuk-phase-banner {
+  padding-top: 10px;
+  padding-bottom: 10px;
+  border-bottom: 1px solid #b1b4b6;
+}
+
+.govuk-phase-banner__content {
+  font-family: "GDS Transport", arial, sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+@media print {
+  .govuk-phase-banner__content {
+    font-family: sans-serif;
+  }
+}
+.govuk-phase-banner__content {
+  font-weight: 400;
+  font-size: 0.875rem;
+  line-height: 1.1428571429;
+}
+@media (min-width: 40.0625em) {
+  .govuk-phase-banner__content {
+    font-size: 1rem;
+    line-height: 1.25;
+  }
+}
+@media print {
+  .govuk-phase-banner__content {
+    font-size: 14pt;
+    line-height: 1.2;
+  }
+}
+.govuk-phase-banner__content {
+  color: #0b0c0c;
+}
+@media print {
+  .govuk-phase-banner__content {
+    color: #000000;
+  }
+}
+.govuk-phase-banner__content {
+  display: table;
+  margin: 0;
+}
+
+.govuk-phase-banner__content__tag {
+  font-size: 0.875rem;
+  line-height: 1.1428571429;
+}
+@media (min-width: 40.0625em) {
+  .govuk-phase-banner__content__tag {
+    font-size: 1rem;
+    line-height: 1.25;
+  }
+}
+@media print {
+  .govuk-phase-banner__content__tag {
+    font-size: 14pt;
+    line-height: 1.2;
+  }
+}
+.govuk-phase-banner__content__tag {
+  margin-right: 10px;
+}
+
+.govuk-phase-banner__text {
+  display: table-cell;
+  vertical-align: middle;
+}
+
+
+
+
+
+
+.govuk-radios__item {
+  display: flex;
+  flex-wrap: wrap;
+  position: relative;
+  margin-bottom: 10px;
+}
+
+.govuk-radios__item:last-child,
+.govuk-radios__item:last-of-type {
+  margin-bottom: 0;
+}
+
+.govuk-radios__input {
+  z-index: 1;
+  width: 44px;
+  height: 44px;
+  margin: 0;
+  opacity: 0;
+  cursor: pointer;
+}
+
+.govuk-radios__label {
+  align-self: center;
+  max-width: calc(100% - 74px);
+  margin-bottom: 0;
+  padding: 7px 15px;
+  cursor: pointer;
+  touch-action: manipulation;
+}
+
+.govuk-radios__label::before {
+  content: "";
+  box-sizing: border-box;
+  position: absolute;
+  top: 2px;
+  left: 2px;
+  width: 40px;
+  height: 40px;
+  border: 2px solid currentcolor;
+  border-radius: 50%;
+  background: transparent;
+}
+
+.govuk-radios__label::after {
+  content: "";
+  position: absolute;
+  top: 12px;
+  left: 12px;
+  width: 0;
+  height: 0;
+  border: 10px solid currentcolor;
+  border-radius: 50%;
+  opacity: 0;
+  background: currentcolor;
+}
+
+.govuk-radios__hint {
+  display: block;
+  width: 100%;
+  margin-top: -5px;
+  padding-right: 15px;
+  padding-left: 59px;
+}
+
+.govuk-label:not(.govuk-label--m):not(.govuk-label--l):not(.govuk-label--xl) + .govuk-radios__hint {
+  margin-bottom: 0;
+}
+
+.govuk-radios__input:focus + .govuk-radios__label::before {
+  border-width: 4px;
+  outline: 3px solid transparent;
+  outline-offset: 1px;
+}
+@media screen and (forced-colors: active), (-ms-high-contrast: active) {
+  .govuk-radios__input:focus + .govuk-radios__label::before {
+    outline-color: Highlight;
+  }
+}
+.govuk-radios__input:focus + .govuk-radios__label::before {
+  box-shadow: 0 0 0 4px #ffdd00;
+}
+
+.govuk-radios__input:checked + .govuk-radios__label::after {
+  opacity: 1;
+}
+
+.govuk-radios__input:disabled,
+.govuk-radios__input:disabled + .govuk-radios__label {
+  cursor: not-allowed;
+}
+
+.govuk-radios__input:disabled + .govuk-radios__label,
+.govuk-radios__input:disabled ~ .govuk-hint {
+  opacity: 0.5;
+}
+
+@media (min-width: 40.0625em) {
+  .govuk-radios--inline {
+    display: flex;
+    flex-wrap: wrap;
+    align-items: flex-start;
+  }
+  .govuk-radios--inline .govuk-radios__item {
+    margin-right: 20px;
+  }
+}
+
+.govuk-radios__divider {
+  font-family: "GDS Transport", arial, sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+@media print {
+  .govuk-radios__divider {
+    font-family: sans-serif;
+  }
+}
+.govuk-radios__divider {
+  font-weight: 400;
+  font-size: 1rem;
+  line-height: 1.25;
+}
+@media (min-width: 40.0625em) {
+  .govuk-radios__divider {
+    font-size: 1.1875rem;
+    line-height: 1.3157894737;
+  }
+}
+@media print {
+  .govuk-radios__divider {
+    font-size: 14pt;
+    line-height: 1.15;
+  }
+}
+.govuk-radios__divider {
+  color: #0b0c0c;
+}
+@media print {
+  .govuk-radios__divider {
+    color: #000000;
+  }
+}
+.govuk-radios__divider {
+  width: 40px;
+  margin-bottom: 10px;
+  text-align: center;
+}
+
+.govuk-radios__conditional {
+  margin-bottom: 15px;
+}
+@media (min-width: 40.0625em) {
+  .govuk-radios__conditional {
+    margin-bottom: 20px;
+  }
+}
+.govuk-radios__conditional {
+  margin-left: 20px;
+  padding-left: 35px;
+  border-left: 4px solid #b1b4b6;
+}
+.govuk-frontend-supported .govuk-radios__conditional--hidden {
+  display: none;
+}
+.govuk-radios__conditional > :last-child {
+  margin-bottom: 0;
+}
+
+.govuk-radios--small .govuk-radios__item {
+  margin-bottom: 0;
+}
+.govuk-radios--small .govuk-radios__input {
+  margin-left: -10px;
+}
+.govuk-radios--small .govuk-radios__label {
+  padding-left: 1px;
+}
+.govuk-radios--small .govuk-radios__label::before {
+  top: 10px;
+  left: 0;
+  width: 24px;
+  height: 24px;
+}
+.govuk-radios--small .govuk-radios__label::after {
+  top: 17px;
+  left: 7px;
+  border-width: 5px;
+}
+.govuk-radios--small .govuk-radios__hint {
+  padding-left: 34px;
+}
+.govuk-radios--small .govuk-radios__conditional {
+  margin-left: 10px;
+  padding-left: 20px;
+}
+.govuk-radios--small .govuk-radios__divider {
+  width: 24px;
+  margin-bottom: 5px;
+}
+.govuk-radios--small .govuk-radios__item:hover .govuk-radios__input:not(:disabled) + .govuk-radios__label::before {
+  outline: 4px dashed transparent;
+  outline-offset: 1px;
+  box-shadow: 0 0 0 10px #b1b4b6;
+}
+@media screen and (forced-colors: active), (-ms-high-contrast: active) {
+  .govuk-radios--small .govuk-radios__item:hover .govuk-radios__input:focus + .govuk-radios__label::before {
+    outline-color: Highlight;
+  }
+}
+.govuk-radios--small .govuk-radios__item:hover .govuk-radios__input:focus + .govuk-radios__label::before {
+  box-shadow: 0 0 0 4px #ffdd00 0 0 0 10px #b1b4b6;
+}
+@media (hover: none), (pointer: coarse) {
+  .govuk-radios--small .govuk-radios__item:hover .govuk-radios__input:not(:disabled) + .govuk-radios__label::before {
+    box-shadow: initial;
+  }
+  .govuk-radios--small .govuk-radios__item:hover .govuk-radios__input:focus + .govuk-radios__label::before {
+    box-shadow: 0 0 0 4px #ffdd00;
+  }
+}
+
+
+
+
+
+.govuk-select {
+  font-family: "GDS Transport", arial, sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+@media print {
+  .govuk-select {
+    font-family: sans-serif;
+  }
+}
+.govuk-select {
+  font-weight: 400;
+  font-size: 1rem;
+  line-height: 1.25;
+}
+@media (min-width: 40.0625em) {
+  .govuk-select {
+    font-size: 1.1875rem;
+    line-height: 1.25;
+  }
+}
+@media print {
+  .govuk-select {
+    font-size: 14pt;
+    line-height: 1.25;
+  }
+}
+.govuk-select {
+  box-sizing: border-box;
+  min-width: 11.5em;
+  max-width: 100%;
+  height: 2.5rem;
+  padding: 5px;
+  border: 2px solid #0b0c0c;
+  color: #0b0c0c;
+  background-color: #ffffff;
+}
+.govuk-select:focus {
+  outline: 3px solid #ffdd00;
+  outline-offset: 0;
+  box-shadow: inset 0 0 0 2px;
+}
+.govuk-select:disabled {
+  opacity: 0.5;
+  color: inherit;
+  cursor: not-allowed;
+}
+
+.govuk-select option:active,
+.govuk-select option:checked,
+.govuk-select:focus::-ms-value {
+  color: #ffffff;
+  background-color: #1d70b8;
+}
+
+.govuk-select--error {
+  border-color: #d4351c;
+}
+.govuk-select--error:focus {
+  border-color: #0b0c0c;
+}
+
+
+.govuk-service-navigation {
+  border-bottom-width: 1px;
+  border-bottom-style: solid;
+  border-bottom-color: #b1b4b6;
+}
+.govuk-template--rebranded .govuk-service-navigation {
+  border-bottom-color: #8eb8dc;
+}
+.govuk-service-navigation {
+  background-color: #f3f2f1;
+}
+.govuk-template--rebranded .govuk-service-navigation {
+  background-color: #f4f8fb;
+}
+
+.govuk-service-navigation__container {
+  display: flex;
+  flex-direction: column;
+  align-items: start;
+}
+@media (min-width: 40.0625em) {
+  .govuk-service-navigation__container {
+    flex-direction: row;
+    flex-wrap: wrap;
+  }
+}
+
+.govuk-service-navigation__item,
+.govuk-service-navigation__service-name {
+  position: relative;
+  margin: 10px 0;
+  border: 0 solid #1a65a6;
+}
+@media (min-width: 40.0625em) {
+  .govuk-service-navigation__item,
+  .govuk-service-navigation__service-name {
+    display: inline-block;
+    margin-top: 0;
+    margin-bottom: 0;
+    padding: 20px 0;
+  }
+  .govuk-template--rebranded .govuk-service-navigation__item,
+  .govuk-template--rebranded .govuk-service-navigation__service-name {
+    padding: 15px 0;
+    line-height: 1.5263157895;
+  }
+  .govuk-service-navigation__item:not(:last-child),
+  .govuk-service-navigation__service-name:not(:last-child) {
+    margin-right: 20px;
+  }
+}
+@media (min-width: 40.0625em) and (min-width: 40.0625em) {
+  .govuk-service-navigation__item:not(:last-child),
+  .govuk-service-navigation__service-name:not(:last-child) {
+    margin-right: 30px;
+  }
+}
+
+.govuk-service-navigation__service-name + .govuk-service-navigation__wrapper .govuk-service-navigation__list:first-child .govuk-service-navigation__item:first-child,
+.govuk-service-navigation__service-name + .govuk-service-navigation__wrapper .govuk-service-navigation__toggle[hidden] + .govuk-service-navigation__list .govuk-service-navigation__item:first-child {
+  margin-top: 0;
+}
+
+@media (max-width: 40.0525em) {
+  .govuk-service-navigation__item--active {
+    margin-left: -15px;
+    padding-left: 10px;
+    border-left-width: 5px;
+  }
+}
+@media (min-width: 40.0625em) {
+  .govuk-service-navigation__item--active {
+    padding-bottom: 15px;
+  }
+  .govuk-template--rebranded .govuk-service-navigation__item--active {
+    padding-bottom: 10px;
+  }
+  .govuk-service-navigation__item--active {
+    border-bottom-width: 5px;
+  }
+}
+
+.govuk-service-navigation__link {
+  font-family: "GDS Transport", arial, sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+@media print {
+  .govuk-service-navigation__link {
+    font-family: sans-serif;
+  }
+}
+.govuk-service-navigation__link {
+  text-decoration: underline;
+  text-decoration-thickness: max(1px, .0625rem);
+  text-underline-offset: 0.1578em;
+}
+.govuk-service-navigation__link:hover {
+  text-decoration-thickness: max(3px, .1875rem, .12em);
+  -webkit-text-decoration-skip-ink: none;
+  text-decoration-skip-ink: none;
+  -webkit-text-decoration-skip: none;
+  text-decoration-skip: none;
+}
+.govuk-service-navigation__link:focus {
+  outline: 3px solid transparent;
+  color: #0b0c0c;
+  background-color: #ffdd00;
+  box-shadow: 0 -2px #ffdd00, 0 4px #0b0c0c;
+  text-decoration: none;
+}
+@supports not (text-wrap: balance) {
+  .govuk-service-navigation__link:focus {
+    -webkit-box-decoration-break: clone;
+    box-decoration-break: clone;
+  }
+}
+.govuk-service-navigation__link:not(:hover):not(:active) {
+  text-decoration: none;
+}
+.govuk-service-navigation__link:link {
+  color: #1d70b8;
+}
+.govuk-service-navigation__link:visited {
+  color: #1d70b8;
+}
+.govuk-service-navigation__link:hover {
+  color: #003078;
+}
+.govuk-service-navigation__link:active {
+  color: #0b0c0c;
+}
+.govuk-service-navigation__link:focus {
+  color: #0b0c0c;
+}
+.govuk-service-navigation__link:not(:hover):not(:focus) {
+  color: #1a65a6;
+}
+
+.govuk-service-navigation__service-name {
+  font-family: "GDS Transport", arial, sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+@media print {
+  .govuk-service-navigation__service-name {
+    font-family: sans-serif;
+  }
+}
+.govuk-service-navigation__service-name {
+  font-weight: 700;
+  font-size: 1rem;
+  line-height: 1.25;
+}
+@media (min-width: 40.0625em) {
+  .govuk-service-navigation__service-name {
+    font-size: 1.1875rem;
+    line-height: 1.3157894737;
+  }
+}
+@media print {
+  .govuk-service-navigation__service-name {
+    font-size: 14pt;
+    line-height: 1.15;
+  }
+}
+
+.govuk-service-navigation__service-name .govuk-service-navigation__link:link, .govuk-service-navigation__service-name .govuk-service-navigation__link:visited {
+  color: #0b0c0c;
+}
+@media print {
+  .govuk-service-navigation__service-name .govuk-service-navigation__link:link, .govuk-service-navigation__service-name .govuk-service-navigation__link:visited {
+    color: #000000;
+  }
+}
+.govuk-service-navigation__service-name .govuk-service-navigation__link:hover {
+  color: rgba(11, 12, 12, 0.99);
+}
+.govuk-service-navigation__service-name .govuk-service-navigation__link:active, .govuk-service-navigation__service-name .govuk-service-navigation__link:focus {
+  color: #0b0c0c;
+}
+@media print {
+  .govuk-service-navigation__service-name .govuk-service-navigation__link:active, .govuk-service-navigation__service-name .govuk-service-navigation__link:focus {
+    color: #000000;
+  }
+}
+
+.govuk-service-navigation__wrapper {
+  flex-grow: 1;
+}
+
+.govuk-service-navigation__toggle {
+  font-family: "GDS Transport", arial, sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+@media print {
+  .govuk-service-navigation__toggle {
+    font-family: sans-serif;
+  }
+}
+.govuk-service-navigation__toggle {
+  font-weight: 700;
+  font-size: 1rem;
+  line-height: 1.25;
+}
+@media (min-width: 40.0625em) {
+  .govuk-service-navigation__toggle {
+    font-size: 1.1875rem;
+    line-height: 1.3157894737;
+  }
+}
+@media print {
+  .govuk-service-navigation__toggle {
+    font-size: 14pt;
+    line-height: 1.15;
+  }
+}
+.govuk-service-navigation__toggle {
+  display: inline-flex;
+  margin: 10px 0;
+  padding: 0;
+  border: 0;
+  color: #1a65a6;
+  background: none;
+  word-break: break-all;
+  cursor: pointer;
+  align-items: center;
+}
+.govuk-service-navigation__toggle:focus {
+  outline: 3px solid transparent;
+  color: #0b0c0c;
+  background-color: #ffdd00;
+  box-shadow: 0 -2px #ffdd00, 0 4px #0b0c0c;
+  text-decoration: none;
+}
+@supports not (text-wrap: balance) {
+  .govuk-service-navigation__toggle:focus {
+    -webkit-box-decoration-break: clone;
+    box-decoration-break: clone;
+  }
+}
+.govuk-service-navigation__toggle::after {
+  display: inline-block;
+  width: 0;
+  height: 0;
+  border-style: solid;
+  border-color: transparent;
+  -webkit-clip-path: polygon(0% 0%, 50% 100%, 100% 0%);
+  clip-path: polygon(0% 0%, 50% 100%, 100% 0%);
+  border-width: 8.66px 5px 0 5px;
+  border-top-color: inherit;
+  content: "";
+  margin-left: 5px;
+}
+.govuk-service-navigation__toggle[aria-expanded=true]::after {
+  display: inline-block;
+  width: 0;
+  height: 0;
+  border-style: solid;
+  border-color: transparent;
+  -webkit-clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
+  clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
+  border-width: 0 5px 8.66px;
+  border-bottom-color: inherit;
+}
+.govuk-service-navigation__toggle[hidden] {
+  display: none;
+}
+.govuk-service-navigation__service-name + .govuk-service-navigation__wrapper .govuk-service-navigation__toggle {
+  margin-top: 0;
+}
+
+.govuk-service-navigation__list {
+  font-family: "GDS Transport", arial, sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+@media print {
+  .govuk-service-navigation__list {
+    font-family: sans-serif;
+  }
+}
+.govuk-service-navigation__list {
+  font-weight: 400;
+  font-size: 1rem;
+  line-height: 1.25;
+}
+@media (min-width: 40.0625em) {
+  .govuk-service-navigation__list {
+    font-size: 1.1875rem;
+    line-height: 1.3157894737;
+  }
+}
+@media print {
+  .govuk-service-navigation__list {
+    font-size: 14pt;
+    line-height: 1.15;
+  }
+}
+.govuk-service-navigation__list {
+  margin: 0;
+  margin-bottom: 15px;
+  padding: 0;
+  list-style: none;
+}
+@media (min-width: 40.0625em) {
+  .govuk-service-navigation__list {
+    display: flex;
+    flex-wrap: wrap;
+    margin-bottom: 0;
+  }
+}
+@media screen and (min-width: 40.0625em) and (min-width: 0\0 ) {
+  .govuk-service-navigation__list {
+    display: block;
+  }
+}
+
+.govuk-service-navigation__active-fallback {
+  font-weight: inherit;
+}
+
+.govuk-template--rebranded .govuk-service-navigation--inverse {
+  border-bottom: none;
+  color: #ffffff;
+  background-color: #1d70b8;
+}
+.govuk-template--rebranded .govuk-service-navigation--inverse .govuk-width-container {
+  border-width: 1px 0;
+  border-style: solid;
+  border-color: #8eb8dc;
+}
+.govuk-template--rebranded .govuk-service-navigation--inverse .govuk-service-navigation__container {
+  margin-top: -1px;
+}
+.govuk-template--rebranded .govuk-service-navigation--inverse .govuk-service-navigation__item,
+.govuk-template--rebranded .govuk-service-navigation--inverse .govuk-service-navigation__service-name {
+  border-color: #ffffff;
+}
+.govuk-template--rebranded .govuk-service-navigation--inverse .govuk-service-navigation__link:link, .govuk-template--rebranded .govuk-service-navigation--inverse .govuk-service-navigation__link:visited {
+  color: #ffffff;
+}
+.govuk-template--rebranded .govuk-service-navigation--inverse .govuk-service-navigation__link:hover, .govuk-template--rebranded .govuk-service-navigation--inverse .govuk-service-navigation__link:active {
+  color: rgba(255, 255, 255, 0.99);
+}
+.govuk-template--rebranded .govuk-service-navigation--inverse .govuk-service-navigation__link:focus {
+  color: #0b0c0c;
+}
+.govuk-template--rebranded .govuk-service-navigation--inverse .govuk-service-navigation__toggle:not(:focus) {
+  color: currentcolor;
+}
+
+
+.govuk-skip-link:not(:active):not(:focus):not(.\:focus) {
+  position: absolute !important;
+  width: 1px !important;
+  height: 1px !important;
+  margin: 0 !important;
+  padding: 0 !important;
+  overflow: hidden !important;
+  clip: rect(0 0 0 0) !important;
+  -webkit-clip-path: inset(50%) !important;
+  clip-path: inset(50%) !important;
+  border: 0 !important;
+  white-space: nowrap !important;
+  -webkit-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+}
+.govuk-skip-link {
+  text-decoration: underline;
+  text-decoration-thickness: max(1px, .0625rem);
+  text-underline-offset: 0.1578em;
+}
+.govuk-skip-link:link, .govuk-skip-link:visited {
+  color: #0b0c0c;
+}
+@media print {
+  .govuk-skip-link:link, .govuk-skip-link:visited {
+    color: #000000;
+  }
+}
+.govuk-skip-link:hover {
+  color: rgba(11, 12, 12, 0.99);
+}
+.govuk-skip-link:active, .govuk-skip-link:focus {
+  color: #0b0c0c;
+}
+@media print {
+  .govuk-skip-link:active, .govuk-skip-link:focus {
+    color: #000000;
+  }
+}
+.govuk-skip-link {
+  font-family: "GDS Transport", arial, sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+@media print {
+  .govuk-skip-link {
+    font-family: sans-serif;
+  }
+}
+.govuk-skip-link {
+  font-weight: 400;
+  font-size: 0.875rem;
+  line-height: 1.1428571429;
+}
+@media (min-width: 40.0625em) {
+  .govuk-skip-link {
+    font-size: 1rem;
+    line-height: 1.25;
+  }
+}
+@media print {
+  .govuk-skip-link {
+    font-size: 14pt;
+    line-height: 1.2;
+  }
+}
+.govuk-skip-link {
+  display: block;
+  padding: 10px 15px;
+}
+@supports (padding: max(calc(0px))) {
+  .govuk-skip-link {
+    padding-right: max(15px, calc(15px + env(safe-area-inset-right)));
+    padding-left: max(15px, calc(15px + env(safe-area-inset-left)));
+  }
+}
+.govuk-skip-link:focus {
+  outline: 3px solid #ffdd00;
+  outline-offset: 0;
+  background-color: #ffdd00;
+}
+
+.govuk-skip-link-focused-element:focus {
+  outline: none;
+}
+
+
+.govuk-summary-list {
+  font-family: "GDS Transport", arial, sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+@media print {
+  .govuk-summary-list {
+    font-family: sans-serif;
+  }
+}
+.govuk-summary-list {
+  font-weight: 400;
+  font-size: 1rem;
+  line-height: 1.25;
+}
+@media (min-width: 40.0625em) {
+  .govuk-summary-list {
+    font-size: 1.1875rem;
+    line-height: 1.3157894737;
+  }
+}
+@media print {
+  .govuk-summary-list {
+    font-size: 14pt;
+    line-height: 1.15;
+  }
+}
+.govuk-summary-list {
+  color: #0b0c0c;
+}
+@media print {
+  .govuk-summary-list {
+    color: #000000;
+  }
+}
+@media (min-width: 40.0625em) {
+  .govuk-summary-list {
+    display: table;
+    width: 100%;
+    table-layout: fixed;
+    border-collapse: collapse;
+  }
+}
+.govuk-summary-list {
+  margin: 0;
+  margin-bottom: 20px;
+}
+@media (min-width: 40.0625em) {
+  .govuk-summary-list {
+    margin-bottom: 30px;
+  }
+}
+
+.govuk-summary-list__row {
+  border-bottom: 1px solid #b1b4b6;
+}
+@media (max-width: 40.0525em) {
+  .govuk-summary-list__row {
+    margin-bottom: 15px;
+  }
+}
+@media (min-width: 40.0625em) {
+  .govuk-summary-list__row {
+    display: table-row;
+  }
+}
+
+.govuk-summary-list__row:not(.govuk-summary-list__row--no-actions) > :last-child {
+  padding-right: 0;
+}
+
+@media (min-width: 40.0625em) {
+  .govuk-summary-list__row--no-actions::after {
+    content: "";
+    display: table-cell;
+    width: 20%;
+  }
+}
+
+.govuk-summary-list__key,
+.govuk-summary-list__value,
+.govuk-summary-list__actions {
+  margin: 0;
+}
+@media (min-width: 40.0625em) {
+  .govuk-summary-list__key,
+  .govuk-summary-list__value,
+  .govuk-summary-list__actions {
+    display: table-cell;
+    padding-top: 10px;
+    padding-right: 20px;
+    padding-bottom: 10px;
+  }
+}
+
+.govuk-summary-list__actions {
+  margin-bottom: 15px;
+}
+@media (min-width: 40.0625em) {
+  .govuk-summary-list__actions {
+    width: 20%;
+    text-align: right;
+  }
+}
+
+.govuk-summary-list__key,
+.govuk-summary-list__value {
+  word-wrap: break-word;
+  overflow-wrap: break-word;
+}
+
+.govuk-summary-list__key {
+  margin-bottom: 5px;
+  font-weight: 700;
+}
+@media (min-width: 40.0625em) {
+  .govuk-summary-list__key {
+    width: 30%;
+  }
+}
+
+@media (max-width: 40.0525em) {
+  .govuk-summary-list__value {
+    margin-bottom: 15px;
+  }
+}
+
+.govuk-summary-list__value > p {
+  margin-bottom: 10px;
+}
+
+.govuk-summary-list__value > :last-child {
+  margin-bottom: 0;
+}
+
+.govuk-summary-list__actions-list {
+  width: 100%;
+  margin: 0;
+  padding: 0;
+}
+
+.govuk-summary-list__actions-list-item,
+.govuk-summary-card__action {
+  display: inline-block;
+}
+
+@media (max-width: 40.0525em) {
+  .govuk-summary-list__actions-list-item,
+  .govuk-summary-card__action {
+    margin-right: 10px;
+    padding-right: 10px;
+    border-right: 1px solid #b1b4b6;
+  }
+  .govuk-summary-list__actions-list-item:last-child,
+  .govuk-summary-card__action:last-child {
+    margin-right: 0;
+    padding-right: 0;
+    border: 0;
+  }
+}
+@media (min-width: 40.0625em) {
+  .govuk-summary-list__actions-list-item,
+  .govuk-summary-card__action {
+    margin-left: 10px;
+    padding-left: 10px;
+  }
+  .govuk-summary-list__actions-list-item:not(:first-child),
+  .govuk-summary-card__action:not(:first-child) {
+    border-left: 1px solid #b1b4b6;
+  }
+  .govuk-summary-list__actions-list-item:first-child,
+  .govuk-summary-card__action:first-child {
+    margin-left: 0;
+    padding-left: 0;
+    border: 0;
+  }
+}
+.govuk-summary-list__actions-list-item .govuk-link:focus {
+  isolation: isolate;
+}
+
+.govuk-summary-list--no-border .govuk-summary-list__row {
+  border: 0;
+}
+@media (min-width: 40.0625em) {
+  .govuk-summary-list--no-border .govuk-summary-list__key,
+  .govuk-summary-list--no-border .govuk-summary-list__value,
+  .govuk-summary-list--no-border .govuk-summary-list__actions {
+    padding-bottom: 11px;
+  }
+}
+
+.govuk-summary-list__row--no-border {
+  border: 0;
+}
+@media (min-width: 40.0625em) {
+  .govuk-summary-list__row--no-border .govuk-summary-list__key,
+  .govuk-summary-list__row--no-border .govuk-summary-list__value,
+  .govuk-summary-list__row--no-border .govuk-summary-list__actions {
+    padding-bottom: 11px;
+  }
+}
+
+.govuk-summary-card {
+  margin-bottom: 20px;
+}
+@media (min-width: 40.0625em) {
+  .govuk-summary-card {
+    margin-bottom: 30px;
+  }
+}
+.govuk-summary-card {
+  border: 1px solid #b1b4b6;
+}
+
+.govuk-summary-card__title-wrapper {
+  padding: 15px;
+  border-bottom: 1px solid transparent;
+  background-color: #f3f2f1;
+}
+@media (min-width: 40.0625em) {
+  .govuk-summary-card__title-wrapper {
+    display: flex;
+    justify-content: space-between;
+    flex-wrap: nowrap;
+    padding: 15px 20px;
+  }
+}
+
+.govuk-summary-card__title {
+  font-family: "GDS Transport", arial, sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+@media print {
+  .govuk-summary-card__title {
+    font-family: sans-serif;
+  }
+}
+.govuk-summary-card__title {
+  font-weight: 700;
+  font-size: 1rem;
+  line-height: 1.25;
+}
+@media (min-width: 40.0625em) {
+  .govuk-summary-card__title {
+    font-size: 1.1875rem;
+    line-height: 1.3157894737;
+  }
+}
+@media print {
+  .govuk-summary-card__title {
+    font-size: 14pt;
+    line-height: 1.15;
+  }
+}
+.govuk-summary-card__title {
+  color: #0b0c0c;
+}
+@media print {
+  .govuk-summary-card__title {
+    color: #000000;
+  }
+}
+.govuk-summary-card__title {
+  margin: 5px 20px 10px 0;
+}
+@media (min-width: 40.0625em) {
+  .govuk-summary-card__title {
+    margin-bottom: 5px;
+  }
+}
+
+.govuk-summary-card__actions {
+  font-size: 1rem;
+  line-height: 1.25;
+}
+@media (min-width: 40.0625em) {
+  .govuk-summary-card__actions {
+    font-size: 1.1875rem;
+    line-height: 1.3157894737;
+  }
+}
+@media print {
+  .govuk-summary-card__actions {
+    font-size: 14pt;
+    line-height: 1.15;
+  }
+}
+.govuk-summary-card__actions {
+  font-weight: 700;
+  display: flex;
+  flex-wrap: wrap;
+  row-gap: 10px;
+  margin: 5px 0;
+  padding: 0;
+  list-style: none;
+}
+@media (min-width: 40.0625em) {
+  .govuk-summary-card__actions {
+    justify-content: right;
+    text-align: right;
+  }
+}
+
+.govuk-summary-card__action {
+  display: inline;
+}
+@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
+  .govuk-summary-card__action {
+    margin-bottom: 5px;
+  }
+}
+
+@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
+  .govuk-summary-card__action:last-child {
+    margin-bottom: 0;
+  }
+}
+
+.govuk-summary-card__content {
+  padding: 15px 15px 0;
+}
+@media (min-width: 40.0625em) {
+  .govuk-summary-card__content {
+    padding: 15px 20px;
+  }
+}
+.govuk-summary-card__content .govuk-summary-list {
+  margin-bottom: 0;
+}
+.govuk-summary-card__content .govuk-summary-list__row:last-of-type {
+  margin-bottom: 0;
+  border-bottom: none;
+}
+
+
+.govuk-table {
+  font-family: "GDS Transport", arial, sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+@media print {
+  .govuk-table {
+    font-family: sans-serif;
+  }
+}
+.govuk-table {
+  font-weight: 400;
+  font-size: 1rem;
+  line-height: 1.25;
+}
+@media (min-width: 40.0625em) {
+  .govuk-table {
+    font-size: 1.1875rem;
+    line-height: 1.3157894737;
+  }
+}
+@media print {
+  .govuk-table {
+    font-size: 14pt;
+    line-height: 1.15;
+  }
+}
+.govuk-table {
+  color: #0b0c0c;
+}
+@media print {
+  .govuk-table {
+    color: #000000;
+  }
+}
+.govuk-table {
+  width: 100%;
+  margin-bottom: 20px;
+}
+@media (min-width: 40.0625em) {
+  .govuk-table {
+    margin-bottom: 30px;
+  }
+}
+.govuk-table {
+  border-spacing: 0;
+  border-collapse: collapse;
+}
+
+.govuk-table__header {
+  font-weight: 700;
+}
+
+.govuk-table__header,
+.govuk-table__cell {
+  padding: 10px 20px 10px 0;
+  border-bottom: 1px solid #b1b4b6;
+  text-align: left;
+  vertical-align: top;
+}
+
+.govuk-table__cell--numeric {
+  font-variant-numeric: tabular-nums;
+}
+
+.govuk-table__header--numeric,
+.govuk-table__cell--numeric {
+  text-align: right;
+}
+
+.govuk-table__header:last-child,
+.govuk-table__cell:last-child {
+  padding-right: 0;
+}
+
+.govuk-table__caption {
+  font-weight: 700;
+  display: table-caption;
+  text-align: left;
+}
+
+.govuk-table__caption--xl,
+.govuk-table__caption--l,
+.govuk-table__caption--m {
+  margin-bottom: 15px;
+}
+
+.govuk-table__caption--xl {
+  font-size: 2rem;
+  line-height: 1.09375;
+}
+@media (min-width: 40.0625em) {
+  .govuk-table__caption--xl {
+    font-size: 3rem;
+    line-height: 1.0416666667;
+  }
+}
+@media print {
+  .govuk-table__caption--xl {
+    font-size: 32pt;
+    line-height: 1.15;
+  }
+}
+
+.govuk-table__caption--l {
+  font-size: 1.5rem;
+  line-height: 1.0416666667;
+}
+@media (min-width: 40.0625em) {
+  .govuk-table__caption--l {
+    font-size: 2.25rem;
+    line-height: 1.1111111111;
+  }
+}
+@media print {
+  .govuk-table__caption--l {
+    font-size: 24pt;
+    line-height: 1.05;
+  }
+}
+
+.govuk-table__caption--m {
+  font-size: 1.125rem;
+  line-height: 1.1111111111;
+}
+@media (min-width: 40.0625em) {
+  .govuk-table__caption--m {
+    font-size: 1.5rem;
+    line-height: 1.25;
+  }
+}
+@media print {
+  .govuk-table__caption--m {
+    font-size: 18pt;
+    line-height: 1.15;
+  }
+}
+
+
+.govuk-tabs {
+  margin-top: 5px;
+  margin-bottom: 20px;
+}
+@media (min-width: 40.0625em) {
+  .govuk-tabs {
+    margin-bottom: 30px;
+  }
+}
+.govuk-tabs {
+  font-family: "GDS Transport", arial, sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+@media print {
+  .govuk-tabs {
+    font-family: sans-serif;
+  }
+}
+.govuk-tabs {
+  font-weight: 400;
+  font-size: 1rem;
+  line-height: 1.25;
+}
+@media (min-width: 40.0625em) {
+  .govuk-tabs {
+    font-size: 1.1875rem;
+    line-height: 1.3157894737;
+  }
+}
+@media print {
+  .govuk-tabs {
+    font-size: 14pt;
+    line-height: 1.15;
+  }
+}
+
+.govuk-tabs__title {
+  font-size: 1rem;
+  line-height: 1.25;
+}
+@media (min-width: 40.0625em) {
+  .govuk-tabs__title {
+    font-size: 1.1875rem;
+    line-height: 1.3157894737;
+  }
+}
+@media print {
+  .govuk-tabs__title {
+    font-size: 14pt;
+    line-height: 1.15;
+  }
+}
+.govuk-tabs__title {
+  font-weight: 400;
+  color: #0b0c0c;
+}
+@media print {
+  .govuk-tabs__title {
+    color: #000000;
+  }
+}
+.govuk-tabs__title {
+  margin-bottom: 10px;
+}
+
+.govuk-tabs__list {
+  margin: 0;
+  padding: 0;
+  list-style: none;
+  margin-bottom: 20px;
+}
+@media (min-width: 40.0625em) {
+  .govuk-tabs__list {
+    margin-bottom: 30px;
+  }
+}
+
+.govuk-tabs__list-item {
+  margin-left: 25px;
+}
+.govuk-tabs__list-item::before {
+  color: #0b0c0c;
+}
+@media print {
+  .govuk-tabs__list-item::before {
+    color: #000000;
+  }
+}
+.govuk-tabs__list-item::before {
+  content: "—";
+  margin-left: -25px;
+  padding-right: 5px;
+}
+
+.govuk-tabs__tab {
+  font-family: "GDS Transport", arial, sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+@media print {
+  .govuk-tabs__tab {
+    font-family: sans-serif;
+  }
+}
+.govuk-tabs__tab {
+  text-decoration: underline;
+  text-decoration-thickness: max(1px, .0625rem);
+  text-underline-offset: 0.1578em;
+}
+.govuk-tabs__tab:hover {
+  text-decoration-thickness: max(3px, .1875rem, .12em);
+  -webkit-text-decoration-skip-ink: none;
+  text-decoration-skip-ink: none;
+  -webkit-text-decoration-skip: none;
+  text-decoration-skip: none;
+}
+.govuk-tabs__tab:focus {
+  outline: 3px solid transparent;
+  color: #0b0c0c;
+  background-color: #ffdd00;
+  box-shadow: 0 -2px #ffdd00, 0 4px #0b0c0c;
+  text-decoration: none;
+}
+@supports not (text-wrap: balance) {
+  .govuk-tabs__tab:focus {
+    -webkit-box-decoration-break: clone;
+    box-decoration-break: clone;
+  }
+}
+.govuk-tabs__tab:link {
+  color: #1d70b8;
+}
+.govuk-tabs__tab:visited {
+  color: #4c2c92;
+}
+.govuk-tabs__tab:hover {
+  color: #003078;
+}
+.govuk-tabs__tab:active {
+  color: #0b0c0c;
+}
+.govuk-tabs__tab:focus {
+  color: #0b0c0c;
+}
+.govuk-tabs__tab {
+  display: inline-block;
+  margin-bottom: 10px;
+}
+
+.govuk-tabs__panel {
+  margin-bottom: 30px;
+}
+@media (min-width: 40.0625em) {
+  .govuk-tabs__panel {
+    margin-bottom: 50px;
+  }
+}
+
+@media (min-width: 40.0625em) {
+  .govuk-frontend-supported .govuk-tabs__list::after {
+    content: "";
+    display: block;
+    clear: both;
+  }
+  .govuk-frontend-supported .govuk-tabs__list {
+    margin-bottom: 0;
+    border-bottom: 1px solid #b1b4b6;
+  }
+  .govuk-frontend-supported .govuk-tabs__title {
+    display: none;
+  }
+  .govuk-frontend-supported .govuk-tabs__list-item {
+    position: relative;
+    margin-right: 5px;
+    margin-bottom: 0;
+    margin-left: 0;
+    padding: 10px 20px;
+    float: left;
+    background-color: #f3f2f1;
+    text-align: center;
+  }
+  .govuk-frontend-supported .govuk-tabs__list-item::before {
+    content: none;
+  }
+  .govuk-frontend-supported .govuk-tabs__list-item--selected {
+    position: relative;
+    margin-top: -5px;
+    margin-bottom: -1px;
+    padding-top: 14px;
+    padding-right: 19px;
+    padding-bottom: 16px;
+    padding-left: 19px;
+    border: 1px solid #b1b4b6;
+    border-bottom: 0;
+    background-color: #ffffff;
+  }
+  .govuk-frontend-supported .govuk-tabs__list-item--selected .govuk-tabs__tab {
+    text-decoration: none;
+  }
+  .govuk-frontend-supported .govuk-tabs__tab:link, .govuk-frontend-supported .govuk-tabs__tab:visited {
+    color: #0b0c0c;
+  }
+  .govuk-frontend-supported .govuk-tabs__tab {
+    margin-bottom: 0;
+  }
+}
+@media print and (min-width: 40.0625em) {
+  .govuk-frontend-supported .govuk-tabs__tab:link, .govuk-frontend-supported .govuk-tabs__tab:visited {
+    color: #000000;
+  }
+}
+@media (min-width: 40.0625em) {
+  .govuk-frontend-supported .govuk-tabs__tab:hover {
+    color: rgba(11, 12, 12, 0.99);
+  }
+  .govuk-frontend-supported .govuk-tabs__tab:active, .govuk-frontend-supported .govuk-tabs__tab:focus {
+    color: #0b0c0c;
+  }
+}
+@media print and (min-width: 40.0625em) {
+  .govuk-frontend-supported .govuk-tabs__tab:active, .govuk-frontend-supported .govuk-tabs__tab:focus {
+    color: #000000;
+  }
+}
+@media (min-width: 40.0625em) {
+  .govuk-frontend-supported .govuk-tabs__tab::after {
+    content: "";
+    position: absolute;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+  }
+  .govuk-frontend-supported .govuk-tabs__panel {
+    margin-bottom: 0;
+    padding: 30px 20px;
+    border: 1px solid #b1b4b6;
+    border-top: 0;
+  }
+  .govuk-frontend-supported .govuk-tabs__panel > :last-child {
+    margin-bottom: 0;
+  }
+  .govuk-frontend-supported .govuk-tabs__panel--hidden {
+    display: none;
+  }
+}
+
+
+
+
+.govuk-task-list {
+  font-family: "GDS Transport", arial, sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+@media print {
+  .govuk-task-list {
+    font-family: sans-serif;
+  }
+}
+.govuk-task-list {
+  font-weight: 400;
+  font-size: 1rem;
+  line-height: 1.25;
+}
+@media (min-width: 40.0625em) {
+  .govuk-task-list {
+    font-size: 1.1875rem;
+    line-height: 1.3157894737;
+  }
+}
+@media print {
+  .govuk-task-list {
+    font-size: 14pt;
+    line-height: 1.15;
+  }
+}
+.govuk-task-list {
+  margin-top: 0;
+  margin-bottom: 20px;
+}
+@media (min-width: 40.0625em) {
+  .govuk-task-list {
+    margin-bottom: 30px;
+  }
+}
+.govuk-task-list {
+  padding: 0;
+  list-style-type: none;
+}
+
+.govuk-task-list__item {
+  display: table;
+  position: relative;
+  width: 100%;
+  margin-bottom: 0;
+  padding-top: 10px;
+  padding-bottom: 10px;
+  border-bottom: 1px solid #b1b4b6;
+}
+
+.govuk-task-list__item:first-child {
+  border-top: 1px solid #b1b4b6;
+}
+
+.govuk-task-list__item--with-link:hover {
+  background: #f3f2f1;
+}
+
+.govuk-task-list__name-and-hint {
+  display: table-cell;
+  vertical-align: top;
+  color: #0b0c0c;
+}
+@media print {
+  .govuk-task-list__name-and-hint {
+    color: #000000;
+  }
+}
+
+.govuk-task-list__status {
+  display: table-cell;
+  padding-left: 10px;
+  text-align: right;
+  vertical-align: top;
+  color: #0b0c0c;
+}
+@media print {
+  .govuk-task-list__status {
+    color: #000000;
+  }
+}
+
+.govuk-task-list__status--cannot-start-yet {
+  color: #505a5f;
+}
+
+.govuk-task-list__link::after {
+  content: "";
+  display: block;
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+}
+
+.govuk-task-list__hint {
+  margin-top: 5px;
+  color: #505a5f;
+}
+
+
+
+
+
+
+.govuk-warning-text {
+  font-family: "GDS Transport", arial, sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+@media print {
+  .govuk-warning-text {
+    font-family: sans-serif;
+  }
+}
+.govuk-warning-text {
+  font-weight: 400;
+  font-size: 1rem;
+  line-height: 1.25;
+}
+@media (min-width: 40.0625em) {
+  .govuk-warning-text {
+    font-size: 1.1875rem;
+    line-height: 1.3157894737;
+  }
+}
+@media print {
+  .govuk-warning-text {
+    font-size: 14pt;
+    line-height: 1.15;
+  }
+}
+.govuk-warning-text {
+  margin-bottom: 20px;
+}
+@media (min-width: 40.0625em) {
+  .govuk-warning-text {
+    margin-bottom: 30px;
+  }
+}
+.govuk-warning-text {
+  font-weight: 700;
+  position: relative;
+  padding: 10px 0;
+}
+
+.govuk-warning-text__icon {
+  box-sizing: border-box;
+  display: inline-block;
+  position: absolute;
+  left: 0;
+  min-width: 35px;
+  min-height: 35px;
+  margin-top: -7px;
+}
+@media (min-width: 40.0625em) {
+  .govuk-warning-text__icon {
+    margin-top: -5px;
+  }
+}
+.govuk-warning-text__icon {
+  border: 3px solid #0b0c0c;
+  border-radius: 50%;
+  color: #ffffff;
+  background: #0b0c0c;
+  font-size: 30px;
+  line-height: 29px;
+  text-align: center;
+  -webkit-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+  forced-color-adjust: none;
+}
+@media screen and (forced-colors: active) {
+  .govuk-warning-text__icon {
+    border-color: windowText;
+    color: windowText;
+    background: transparent;
+  }
+}
+
+.govuk-warning-text__text {
+  color: #0b0c0c;
+}
+@media print {
+  .govuk-warning-text__text {
+    color: #000000;
+  }
+}
+.govuk-warning-text__text {
+  display: block;
+  padding-left: 45px;
+  font-weight: inherit;
+}
+
+
+
+.govuk-clearfix::after {
+  content: "";
+  display: block;
+  clear: both;
+}
+
+
+.govuk-visually-hidden {
+  position: absolute !important;
+  width: 1px !important;
+  height: 1px !important;
+  margin: 0 !important;
+  padding: 0 !important;
+  overflow: hidden !important;
+  clip: rect(0 0 0 0) !important;
+  -webkit-clip-path: inset(50%) !important;
+  clip-path: inset(50%) !important;
+  border: 0 !important;
+  white-space: nowrap !important;
+  -webkit-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+}
+.govuk-visually-hidden::before {
+  content: " ";
+}
+.govuk-visually-hidden::after {
+  content: " ";
+}
+
+.govuk-visually-hidden-focusable:not(:active):not(:focus):not(.\:focus) {
+  position: absolute !important;
+  width: 1px !important;
+  height: 1px !important;
+  margin: 0 !important;
+  padding: 0 !important;
+  overflow: hidden !important;
+  clip: rect(0 0 0 0) !important;
+  -webkit-clip-path: inset(50%) !important;
+  clip-path: inset(50%) !important;
+  border: 0 !important;
+  white-space: nowrap !important;
+  -webkit-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+}
+
+
+
+.govuk-\!-display-inline {
+  display: inline !important;
+}
+
+.govuk-\!-display-inline-block {
+  display: inline-block !important;
+}
+
+.govuk-\!-display-block {
+  display: block !important;
+}
+
+.govuk-\!-display-none {
+  display: none !important;
+}
+
+@media print {
+  .govuk-\!-display-none-print {
+    display: none !important;
+  }
+}
+
+.govuk-\!-margin-0 {
+  margin: 0 !important;
+}
+
+.govuk-\!-margin-top-0 {
+  margin-top: 0 !important;
+}
+
+.govuk-\!-margin-right-0 {
+  margin-right: 0 !important;
+}
+
+.govuk-\!-margin-bottom-0 {
+  margin-bottom: 0 !important;
+}
+
+.govuk-\!-margin-left-0 {
+  margin-left: 0 !important;
+}
+
+.govuk-\!-margin-1 {
+  margin: 5px !important;
+}
+
+.govuk-\!-margin-top-1 {
+  margin-top: 5px !important;
+}
+
+.govuk-\!-margin-right-1 {
+  margin-right: 5px !important;
+}
+
+.govuk-\!-margin-bottom-1 {
+  margin-bottom: 5px !important;
+}
+
+.govuk-\!-margin-left-1 {
+  margin-left: 5px !important;
+}
+
+.govuk-\!-margin-2 {
+  margin: 10px !important;
+}
+
+.govuk-\!-margin-top-2 {
+  margin-top: 10px !important;
+}
+
+.govuk-\!-margin-right-2 {
+  margin-right: 10px !important;
+}
+
+.govuk-\!-margin-bottom-2 {
+  margin-bottom: 10px !important;
+}
+
+.govuk-\!-margin-left-2 {
+  margin-left: 10px !important;
+}
+
+.govuk-\!-margin-3 {
+  margin: 15px !important;
+}
+
+.govuk-\!-margin-top-3 {
+  margin-top: 15px !important;
+}
+
+.govuk-\!-margin-right-3 {
+  margin-right: 15px !important;
+}
+
+.govuk-\!-margin-bottom-3 {
+  margin-bottom: 15px !important;
+}
+
+.govuk-\!-margin-left-3 {
+  margin-left: 15px !important;
+}
+
+.govuk-\!-margin-4 {
+  margin: 15px !important;
+}
+@media (min-width: 40.0625em) {
+  .govuk-\!-margin-4 {
+    margin: 20px !important;
+  }
+}
+
+.govuk-\!-margin-top-4 {
+  margin-top: 15px !important;
+}
+@media (min-width: 40.0625em) {
+  .govuk-\!-margin-top-4 {
+    margin-top: 20px !important;
+  }
+}
+
+.govuk-\!-margin-right-4 {
+  margin-right: 15px !important;
+}
+@media (min-width: 40.0625em) {
+  .govuk-\!-margin-right-4 {
+    margin-right: 20px !important;
+  }
+}
+
+.govuk-\!-margin-bottom-4 {
+  margin-bottom: 15px !important;
+}
+@media (min-width: 40.0625em) {
+  .govuk-\!-margin-bottom-4 {
+    margin-bottom: 20px !important;
+  }
+}
+
+.govuk-\!-margin-left-4 {
+  margin-left: 15px !important;
+}
+@media (min-width: 40.0625em) {
+  .govuk-\!-margin-left-4 {
+    margin-left: 20px !important;
+  }
+}
+
+.govuk-\!-margin-5 {
+  margin: 15px !important;
+}
+@media (min-width: 40.0625em) {
+  .govuk-\!-margin-5 {
+    margin: 25px !important;
+  }
+}
+
+.govuk-\!-margin-top-5 {
+  margin-top: 15px !important;
+}
+@media (min-width: 40.0625em) {
+  .govuk-\!-margin-top-5 {
+    margin-top: 25px !important;
+  }
+}
+
+.govuk-\!-margin-right-5 {
+  margin-right: 15px !important;
+}
+@media (min-width: 40.0625em) {
+  .govuk-\!-margin-right-5 {
+    margin-right: 25px !important;
+  }
+}
+
+.govuk-\!-margin-bottom-5 {
+  margin-bottom: 15px !important;
+}
+@media (min-width: 40.0625em) {
+  .govuk-\!-margin-bottom-5 {
+    margin-bottom: 25px !important;
+  }
+}
+
+.govuk-\!-margin-left-5 {
+  margin-left: 15px !important;
+}
+@media (min-width: 40.0625em) {
+  .govuk-\!-margin-left-5 {
+    margin-left: 25px !important;
+  }
+}
+
+.govuk-\!-margin-6 {
+  margin: 20px !important;
+}
+@media (min-width: 40.0625em) {
+  .govuk-\!-margin-6 {
+    margin: 30px !important;
+  }
+}
+
+.govuk-\!-margin-top-6 {
+  margin-top: 20px !important;
+}
+@media (min-width: 40.0625em) {
+  .govuk-\!-margin-top-6 {
+    margin-top: 30px !important;
+  }
+}
+
+.govuk-\!-margin-right-6 {
+  margin-right: 20px !important;
+}
+@media (min-width: 40.0625em) {
+  .govuk-\!-margin-right-6 {
+    margin-right: 30px !important;
+  }
+}
+
+.govuk-\!-margin-bottom-6 {
+  margin-bottom: 20px !important;
+}
+@media (min-width: 40.0625em) {
+  .govuk-\!-margin-bottom-6 {
+    margin-bottom: 30px !important;
+  }
+}
+
+.govuk-\!-margin-left-6 {
+  margin-left: 20px !important;
+}
+@media (min-width: 40.0625em) {
+  .govuk-\!-margin-left-6 {
+    margin-left: 30px !important;
+  }
+}
+
+.govuk-\!-margin-7 {
+  margin: 25px !important;
+}
+@media (min-width: 40.0625em) {
+  .govuk-\!-margin-7 {
+    margin: 40px !important;
+  }
+}
+
+.govuk-\!-margin-top-7 {
+  margin-top: 25px !important;
+}
+@media (min-width: 40.0625em) {
+  .govuk-\!-margin-top-7 {
+    margin-top: 40px !important;
+  }
+}
+
+.govuk-\!-margin-right-7 {
+  margin-right: 25px !important;
+}
+@media (min-width: 40.0625em) {
+  .govuk-\!-margin-right-7 {
+    margin-right: 40px !important;
+  }
+}
+
+.govuk-\!-margin-bottom-7 {
+  margin-bottom: 25px !important;
+}
+@media (min-width: 40.0625em) {
+  .govuk-\!-margin-bottom-7 {
+    margin-bottom: 40px !important;
+  }
+}
+
+.govuk-\!-margin-left-7 {
+  margin-left: 25px !important;
+}
+@media (min-width: 40.0625em) {
+  .govuk-\!-margin-left-7 {
+    margin-left: 40px !important;
+  }
+}
+
+.govuk-\!-margin-8 {
+  margin: 30px !important;
+}
+@media (min-width: 40.0625em) {
+  .govuk-\!-margin-8 {
+    margin: 50px !important;
+  }
+}
+
+.govuk-\!-margin-top-8 {
+  margin-top: 30px !important;
+}
+@media (min-width: 40.0625em) {
+  .govuk-\!-margin-top-8 {
+    margin-top: 50px !important;
+  }
+}
+
+.govuk-\!-margin-right-8 {
+  margin-right: 30px !important;
+}
+@media (min-width: 40.0625em) {
+  .govuk-\!-margin-right-8 {
+    margin-right: 50px !important;
+  }
+}
+
+.govuk-\!-margin-bottom-8 {
+  margin-bottom: 30px !important;
+}
+@media (min-width: 40.0625em) {
+  .govuk-\!-margin-bottom-8 {
+    margin-bottom: 50px !important;
+  }
+}
+
+.govuk-\!-margin-left-8 {
+  margin-left: 30px !important;
+}
+@media (min-width: 40.0625em) {
+  .govuk-\!-margin-left-8 {
+    margin-left: 50px !important;
+  }
+}
+
+.govuk-\!-margin-9 {
+  margin: 40px !important;
+}
+@media (min-width: 40.0625em) {
+  .govuk-\!-margin-9 {
+    margin: 60px !important;
+  }
+}
+
+.govuk-\!-margin-top-9 {
+  margin-top: 40px !important;
+}
+@media (min-width: 40.0625em) {
+  .govuk-\!-margin-top-9 {
+    margin-top: 60px !important;
+  }
+}
+
+.govuk-\!-margin-right-9 {
+  margin-right: 40px !important;
+}
+@media (min-width: 40.0625em) {
+  .govuk-\!-margin-right-9 {
+    margin-right: 60px !important;
+  }
+}
+
+.govuk-\!-margin-bottom-9 {
+  margin-bottom: 40px !important;
+}
+@media (min-width: 40.0625em) {
+  .govuk-\!-margin-bottom-9 {
+    margin-bottom: 60px !important;
+  }
+}
+
+.govuk-\!-margin-left-9 {
+  margin-left: 40px !important;
+}
+@media (min-width: 40.0625em) {
+  .govuk-\!-margin-left-9 {
+    margin-left: 60px !important;
+  }
+}
+
+.govuk-\!-padding-0 {
+  padding: 0 !important;
+}
+
+.govuk-\!-padding-top-0 {
+  padding-top: 0 !important;
+}
+
+.govuk-\!-padding-right-0 {
+  padding-right: 0 !important;
+}
+
+.govuk-\!-padding-bottom-0 {
+  padding-bottom: 0 !important;
+}
+
+.govuk-\!-padding-left-0 {
+  padding-left: 0 !important;
+}
+
+.govuk-\!-padding-1 {
+  padding: 5px !important;
+}
+
+.govuk-\!-padding-top-1 {
+  padding-top: 5px !important;
+}
+
+.govuk-\!-padding-right-1 {
+  padding-right: 5px !important;
+}
+
+.govuk-\!-padding-bottom-1 {
+  padding-bottom: 5px !important;
+}
+
+.govuk-\!-padding-left-1 {
+  padding-left: 5px !important;
+}
+
+.govuk-\!-padding-2 {
+  padding: 10px !important;
+}
+
+.govuk-\!-padding-top-2 {
+  padding-top: 10px !important;
+}
+
+.govuk-\!-padding-right-2 {
+  padding-right: 10px !important;
+}
+
+.govuk-\!-padding-bottom-2 {
+  padding-bottom: 10px !important;
+}
+
+.govuk-\!-padding-left-2 {
+  padding-left: 10px !important;
+}
+
+.govuk-\!-padding-3 {
+  padding: 15px !important;
+}
+
+.govuk-\!-padding-top-3 {
+  padding-top: 15px !important;
+}
+
+.govuk-\!-padding-right-3 {
+  padding-right: 15px !important;
+}
+
+.govuk-\!-padding-bottom-3 {
+  padding-bottom: 15px !important;
+}
+
+.govuk-\!-padding-left-3 {
+  padding-left: 15px !important;
+}
+
+.govuk-\!-padding-4 {
+  padding: 15px !important;
+}
+@media (min-width: 40.0625em) {
+  .govuk-\!-padding-4 {
+    padding: 20px !important;
+  }
+}
+
+.govuk-\!-padding-top-4 {
+  padding-top: 15px !important;
+}
+@media (min-width: 40.0625em) {
+  .govuk-\!-padding-top-4 {
+    padding-top: 20px !important;
+  }
+}
+
+.govuk-\!-padding-right-4 {
+  padding-right: 15px !important;
+}
+@media (min-width: 40.0625em) {
+  .govuk-\!-padding-right-4 {
+    padding-right: 20px !important;
+  }
+}
+
+.govuk-\!-padding-bottom-4 {
+  padding-bottom: 15px !important;
+}
+@media (min-width: 40.0625em) {
+  .govuk-\!-padding-bottom-4 {
+    padding-bottom: 20px !important;
+  }
+}
+
+.govuk-\!-padding-left-4 {
+  padding-left: 15px !important;
+}
+@media (min-width: 40.0625em) {
+  .govuk-\!-padding-left-4 {
+    padding-left: 20px !important;
+  }
+}
+
+.govuk-\!-padding-5 {
+  padding: 15px !important;
+}
+@media (min-width: 40.0625em) {
+  .govuk-\!-padding-5 {
+    padding: 25px !important;
+  }
+}
+
+.govuk-\!-padding-top-5 {
+  padding-top: 15px !important;
+}
+@media (min-width: 40.0625em) {
+  .govuk-\!-padding-top-5 {
+    padding-top: 25px !important;
+  }
+}
+
+.govuk-\!-padding-right-5 {
+  padding-right: 15px !important;
+}
+@media (min-width: 40.0625em) {
+  .govuk-\!-padding-right-5 {
+    padding-right: 25px !important;
+  }
+}
+
+.govuk-\!-padding-bottom-5 {
+  padding-bottom: 15px !important;
+}
+@media (min-width: 40.0625em) {
+  .govuk-\!-padding-bottom-5 {
+    padding-bottom: 25px !important;
+  }
+}
+
+.govuk-\!-padding-left-5 {
+  padding-left: 15px !important;
+}
+@media (min-width: 40.0625em) {
+  .govuk-\!-padding-left-5 {
+    padding-left: 25px !important;
+  }
+}
+
+.govuk-\!-padding-6 {
+  padding: 20px !important;
+}
+@media (min-width: 40.0625em) {
+  .govuk-\!-padding-6 {
+    padding: 30px !important;
+  }
+}
+
+.govuk-\!-padding-top-6 {
+  padding-top: 20px !important;
+}
+@media (min-width: 40.0625em) {
+  .govuk-\!-padding-top-6 {
+    padding-top: 30px !important;
+  }
+}
+
+.govuk-\!-padding-right-6 {
+  padding-right: 20px !important;
+}
+@media (min-width: 40.0625em) {
+  .govuk-\!-padding-right-6 {
+    padding-right: 30px !important;
+  }
+}
+
+.govuk-\!-padding-bottom-6 {
+  padding-bottom: 20px !important;
+}
+@media (min-width: 40.0625em) {
+  .govuk-\!-padding-bottom-6 {
+    padding-bottom: 30px !important;
+  }
+}
+
+.govuk-\!-padding-left-6 {
+  padding-left: 20px !important;
+}
+@media (min-width: 40.0625em) {
+  .govuk-\!-padding-left-6 {
+    padding-left: 30px !important;
+  }
+}
+
+.govuk-\!-padding-7 {
+  padding: 25px !important;
+}
+@media (min-width: 40.0625em) {
+  .govuk-\!-padding-7 {
+    padding: 40px !important;
+  }
+}
+
+.govuk-\!-padding-top-7 {
+  padding-top: 25px !important;
+}
+@media (min-width: 40.0625em) {
+  .govuk-\!-padding-top-7 {
+    padding-top: 40px !important;
+  }
+}
+
+.govuk-\!-padding-right-7 {
+  padding-right: 25px !important;
+}
+@media (min-width: 40.0625em) {
+  .govuk-\!-padding-right-7 {
+    padding-right: 40px !important;
+  }
+}
+
+.govuk-\!-padding-bottom-7 {
+  padding-bottom: 25px !important;
+}
+@media (min-width: 40.0625em) {
+  .govuk-\!-padding-bottom-7 {
+    padding-bottom: 40px !important;
+  }
+}
+
+.govuk-\!-padding-left-7 {
+  padding-left: 25px !important;
+}
+@media (min-width: 40.0625em) {
+  .govuk-\!-padding-left-7 {
+    padding-left: 40px !important;
+  }
+}
+
+.govuk-\!-padding-8 {
+  padding: 30px !important;
+}
+@media (min-width: 40.0625em) {
+  .govuk-\!-padding-8 {
+    padding: 50px !important;
+  }
+}
+
+.govuk-\!-padding-top-8 {
+  padding-top: 30px !important;
+}
+@media (min-width: 40.0625em) {
+  .govuk-\!-padding-top-8 {
+    padding-top: 50px !important;
+  }
+}
+
+.govuk-\!-padding-right-8 {
+  padding-right: 30px !important;
+}
+@media (min-width: 40.0625em) {
+  .govuk-\!-padding-right-8 {
+    padding-right: 50px !important;
+  }
+}
+
+.govuk-\!-padding-bottom-8 {
+  padding-bottom: 30px !important;
+}
+@media (min-width: 40.0625em) {
+  .govuk-\!-padding-bottom-8 {
+    padding-bottom: 50px !important;
+  }
+}
+
+.govuk-\!-padding-left-8 {
+  padding-left: 30px !important;
+}
+@media (min-width: 40.0625em) {
+  .govuk-\!-padding-left-8 {
+    padding-left: 50px !important;
+  }
+}
+
+.govuk-\!-padding-9 {
+  padding: 40px !important;
+}
+@media (min-width: 40.0625em) {
+  .govuk-\!-padding-9 {
+    padding: 60px !important;
+  }
+}
+
+.govuk-\!-padding-top-9 {
+  padding-top: 40px !important;
+}
+@media (min-width: 40.0625em) {
+  .govuk-\!-padding-top-9 {
+    padding-top: 60px !important;
+  }
+}
+
+.govuk-\!-padding-right-9 {
+  padding-right: 40px !important;
+}
+@media (min-width: 40.0625em) {
+  .govuk-\!-padding-right-9 {
+    padding-right: 60px !important;
+  }
+}
+
+.govuk-\!-padding-bottom-9 {
+  padding-bottom: 40px !important;
+}
+@media (min-width: 40.0625em) {
+  .govuk-\!-padding-bottom-9 {
+    padding-bottom: 60px !important;
+  }
+}
+
+.govuk-\!-padding-left-9 {
+  padding-left: 40px !important;
+}
+@media (min-width: 40.0625em) {
+  .govuk-\!-padding-left-9 {
+    padding-left: 60px !important;
+  }
+}
+
+.govuk-\!-static-margin-0 {
+  margin: 0 !important;
+}
+
+.govuk-\!-static-margin-top-0 {
+  margin-top: 0 !important;
+}
+
+.govuk-\!-static-margin-right-0 {
+  margin-right: 0 !important;
+}
+
+.govuk-\!-static-margin-bottom-0 {
+  margin-bottom: 0 !important;
+}
+
+.govuk-\!-static-margin-left-0 {
+  margin-left: 0 !important;
+}
+
+.govuk-\!-static-margin-1 {
+  margin: 5px !important;
+}
+
+.govuk-\!-static-margin-top-1 {
+  margin-top: 5px !important;
+}
+
+.govuk-\!-static-margin-right-1 {
+  margin-right: 5px !important;
+}
+
+.govuk-\!-static-margin-bottom-1 {
+  margin-bottom: 5px !important;
+}
+
+.govuk-\!-static-margin-left-1 {
+  margin-left: 5px !important;
+}
+
+.govuk-\!-static-margin-2 {
+  margin: 10px !important;
+}
+
+.govuk-\!-static-margin-top-2 {
+  margin-top: 10px !important;
+}
+
+.govuk-\!-static-margin-right-2 {
+  margin-right: 10px !important;
+}
+
+.govuk-\!-static-margin-bottom-2 {
+  margin-bottom: 10px !important;
+}
+
+.govuk-\!-static-margin-left-2 {
+  margin-left: 10px !important;
+}
+
+.govuk-\!-static-margin-3 {
+  margin: 15px !important;
+}
+
+.govuk-\!-static-margin-top-3 {
+  margin-top: 15px !important;
+}
+
+.govuk-\!-static-margin-right-3 {
+  margin-right: 15px !important;
+}
+
+.govuk-\!-static-margin-bottom-3 {
+  margin-bottom: 15px !important;
+}
+
+.govuk-\!-static-margin-left-3 {
+  margin-left: 15px !important;
+}
+
+.govuk-\!-static-margin-4 {
+  margin: 20px !important;
+}
+
+.govuk-\!-static-margin-top-4 {
+  margin-top: 20px !important;
+}
+
+.govuk-\!-static-margin-right-4 {
+  margin-right: 20px !important;
+}
+
+.govuk-\!-static-margin-bottom-4 {
+  margin-bottom: 20px !important;
+}
+
+.govuk-\!-static-margin-left-4 {
+  margin-left: 20px !important;
+}
+
+.govuk-\!-static-margin-5 {
+  margin: 25px !important;
+}
+
+.govuk-\!-static-margin-top-5 {
+  margin-top: 25px !important;
+}
+
+.govuk-\!-static-margin-right-5 {
+  margin-right: 25px !important;
+}
+
+.govuk-\!-static-margin-bottom-5 {
+  margin-bottom: 25px !important;
+}
+
+.govuk-\!-static-margin-left-5 {
+  margin-left: 25px !important;
+}
+
+.govuk-\!-static-margin-6 {
+  margin: 30px !important;
+}
+
+.govuk-\!-static-margin-top-6 {
+  margin-top: 30px !important;
+}
+
+.govuk-\!-static-margin-right-6 {
+  margin-right: 30px !important;
+}
+
+.govuk-\!-static-margin-bottom-6 {
+  margin-bottom: 30px !important;
+}
+
+.govuk-\!-static-margin-left-6 {
+  margin-left: 30px !important;
+}
+
+.govuk-\!-static-margin-7 {
+  margin: 40px !important;
+}
+
+.govuk-\!-static-margin-top-7 {
+  margin-top: 40px !important;
+}
+
+.govuk-\!-static-margin-right-7 {
+  margin-right: 40px !important;
+}
+
+.govuk-\!-static-margin-bottom-7 {
+  margin-bottom: 40px !important;
+}
+
+.govuk-\!-static-margin-left-7 {
+  margin-left: 40px !important;
+}
+
+.govuk-\!-static-margin-8 {
+  margin: 50px !important;
+}
+
+.govuk-\!-static-margin-top-8 {
+  margin-top: 50px !important;
+}
+
+.govuk-\!-static-margin-right-8 {
+  margin-right: 50px !important;
+}
+
+.govuk-\!-static-margin-bottom-8 {
+  margin-bottom: 50px !important;
+}
+
+.govuk-\!-static-margin-left-8 {
+  margin-left: 50px !important;
+}
+
+.govuk-\!-static-margin-9 {
+  margin: 60px !important;
+}
+
+.govuk-\!-static-margin-top-9 {
+  margin-top: 60px !important;
+}
+
+.govuk-\!-static-margin-right-9 {
+  margin-right: 60px !important;
+}
+
+.govuk-\!-static-margin-bottom-9 {
+  margin-bottom: 60px !important;
+}
+
+.govuk-\!-static-margin-left-9 {
+  margin-left: 60px !important;
+}
+
+.govuk-\!-static-padding-0 {
+  padding: 0 !important;
+}
+
+.govuk-\!-static-padding-top-0 {
+  padding-top: 0 !important;
+}
+
+.govuk-\!-static-padding-right-0 {
+  padding-right: 0 !important;
+}
+
+.govuk-\!-static-padding-bottom-0 {
+  padding-bottom: 0 !important;
+}
+
+.govuk-\!-static-padding-left-0 {
+  padding-left: 0 !important;
+}
+
+.govuk-\!-static-padding-1 {
+  padding: 5px !important;
+}
+
+.govuk-\!-static-padding-top-1 {
+  padding-top: 5px !important;
+}
+
+.govuk-\!-static-padding-right-1 {
+  padding-right: 5px !important;
+}
+
+.govuk-\!-static-padding-bottom-1 {
+  padding-bottom: 5px !important;
+}
+
+.govuk-\!-static-padding-left-1 {
+  padding-left: 5px !important;
+}
+
+.govuk-\!-static-padding-2 {
+  padding: 10px !important;
+}
+
+.govuk-\!-static-padding-top-2 {
+  padding-top: 10px !important;
+}
+
+.govuk-\!-static-padding-right-2 {
+  padding-right: 10px !important;
+}
+
+.govuk-\!-static-padding-bottom-2 {
+  padding-bottom: 10px !important;
+}
+
+.govuk-\!-static-padding-left-2 {
+  padding-left: 10px !important;
+}
+
+.govuk-\!-static-padding-3 {
+  padding: 15px !important;
+}
+
+.govuk-\!-static-padding-top-3 {
+  padding-top: 15px !important;
+}
+
+.govuk-\!-static-padding-right-3 {
+  padding-right: 15px !important;
+}
+
+.govuk-\!-static-padding-bottom-3 {
+  padding-bottom: 15px !important;
+}
+
+.govuk-\!-static-padding-left-3 {
+  padding-left: 15px !important;
+}
+
+.govuk-\!-static-padding-4 {
+  padding: 20px !important;
+}
+
+.govuk-\!-static-padding-top-4 {
+  padding-top: 20px !important;
+}
+
+.govuk-\!-static-padding-right-4 {
+  padding-right: 20px !important;
+}
+
+.govuk-\!-static-padding-bottom-4 {
+  padding-bottom: 20px !important;
+}
+
+.govuk-\!-static-padding-left-4 {
+  padding-left: 20px !important;
+}
+
+.govuk-\!-static-padding-5 {
+  padding: 25px !important;
+}
+
+.govuk-\!-static-padding-top-5 {
+  padding-top: 25px !important;
+}
+
+.govuk-\!-static-padding-right-5 {
+  padding-right: 25px !important;
+}
+
+.govuk-\!-static-padding-bottom-5 {
+  padding-bottom: 25px !important;
+}
+
+.govuk-\!-static-padding-left-5 {
+  padding-left: 25px !important;
+}
+
+.govuk-\!-static-padding-6 {
+  padding: 30px !important;
+}
+
+.govuk-\!-static-padding-top-6 {
+  padding-top: 30px !important;
+}
+
+.govuk-\!-static-padding-right-6 {
+  padding-right: 30px !important;
+}
+
+.govuk-\!-static-padding-bottom-6 {
+  padding-bottom: 30px !important;
+}
+
+.govuk-\!-static-padding-left-6 {
+  padding-left: 30px !important;
+}
+
+.govuk-\!-static-padding-7 {
+  padding: 40px !important;
+}
+
+.govuk-\!-static-padding-top-7 {
+  padding-top: 40px !important;
+}
+
+.govuk-\!-static-padding-right-7 {
+  padding-right: 40px !important;
+}
+
+.govuk-\!-static-padding-bottom-7 {
+  padding-bottom: 40px !important;
+}
+
+.govuk-\!-static-padding-left-7 {
+  padding-left: 40px !important;
+}
+
+.govuk-\!-static-padding-8 {
+  padding: 50px !important;
+}
+
+.govuk-\!-static-padding-top-8 {
+  padding-top: 50px !important;
+}
+
+.govuk-\!-static-padding-right-8 {
+  padding-right: 50px !important;
+}
+
+.govuk-\!-static-padding-bottom-8 {
+  padding-bottom: 50px !important;
+}
+
+.govuk-\!-static-padding-left-8 {
+  padding-left: 50px !important;
+}
+
+.govuk-\!-static-padding-9 {
+  padding: 60px !important;
+}
+
+.govuk-\!-static-padding-top-9 {
+  padding-top: 60px !important;
+}
+
+.govuk-\!-static-padding-right-9 {
+  padding-right: 60px !important;
+}
+
+.govuk-\!-static-padding-bottom-9 {
+  padding-bottom: 60px !important;
+}
+
+.govuk-\!-static-padding-left-9 {
+  padding-left: 60px !important;
+}
+
+
+.govuk-\!-text-align-left {
+  text-align: left !important;
+}
+
+.govuk-\!-text-align-centre {
+  text-align: center !important;
+}
+
+.govuk-\!-text-align-right {
+  text-align: right !important;
+}
+
+
+.govuk-\!-font-size-80 {
+  font-size: 3.3125rem !important;
+  line-height: 1.0377358491 !important;
+}
+@media (min-width: 40.0625em) {
+  .govuk-\!-font-size-80 {
+    font-size: 5rem !important;
+    line-height: 1 !important;
+  }
+}
+@media print {
+  .govuk-\!-font-size-80 {
+    font-size: 53pt !important;
+    line-height: 1.1 !important;
+  }
+}
+
+.govuk-\!-font-size-48 {
+  font-size: 2rem !important;
+  line-height: 1.09375 !important;
+}
+@media (min-width: 40.0625em) {
+  .govuk-\!-font-size-48 {
+    font-size: 3rem !important;
+    line-height: 1.0416666667 !important;
+  }
+}
+@media print {
+  .govuk-\!-font-size-48 {
+    font-size: 32pt !important;
+    line-height: 1.15 !important;
+  }
+}
+
+.govuk-\!-font-size-36 {
+  font-size: 1.5rem !important;
+  line-height: 1.0416666667 !important;
+}
+@media (min-width: 40.0625em) {
+  .govuk-\!-font-size-36 {
+    font-size: 2.25rem !important;
+    line-height: 1.1111111111 !important;
+  }
+}
+@media print {
+  .govuk-\!-font-size-36 {
+    font-size: 24pt !important;
+    line-height: 1.05 !important;
+  }
+}
+
+.govuk-\!-font-size-27 {
+  font-size: 1.125rem !important;
+  line-height: 1.1111111111 !important;
+}
+@media (min-width: 40.0625em) {
+  .govuk-\!-font-size-27 {
+    font-size: 1.6875rem !important;
+    line-height: 1.1111111111 !important;
+  }
+}
+@media print {
+  .govuk-\!-font-size-27 {
+    font-size: 18pt !important;
+    line-height: 1.15 !important;
+  }
+}
+
+.govuk-\!-font-size-24 {
+  font-size: 1.125rem !important;
+  line-height: 1.1111111111 !important;
+}
+@media (min-width: 40.0625em) {
+  .govuk-\!-font-size-24 {
+    font-size: 1.5rem !important;
+    line-height: 1.25 !important;
+  }
+}
+@media print {
+  .govuk-\!-font-size-24 {
+    font-size: 18pt !important;
+    line-height: 1.15 !important;
+  }
+}
+
+.govuk-\!-font-size-19 {
+  font-size: 1rem !important;
+  line-height: 1.25 !important;
+}
+@media (min-width: 40.0625em) {
+  .govuk-\!-font-size-19 {
+    font-size: 1.1875rem !important;
+    line-height: 1.3157894737 !important;
+  }
+}
+@media print {
+  .govuk-\!-font-size-19 {
+    font-size: 14pt !important;
+    line-height: 1.15 !important;
+  }
+}
+
+.govuk-\!-font-size-16 {
+  font-size: 0.875rem !important;
+  line-height: 1.1428571429 !important;
+}
+@media (min-width: 40.0625em) {
+  .govuk-\!-font-size-16 {
+    font-size: 1rem !important;
+    line-height: 1.25 !important;
+  }
+}
+@media print {
+  .govuk-\!-font-size-16 {
+    font-size: 14pt !important;
+    line-height: 1.2 !important;
+  }
+}
+
+.govuk-\!-font-size-14 {
+  font-size: 0.75rem !important;
+  line-height: 1.25 !important;
+}
+@media (min-width: 40.0625em) {
+  .govuk-\!-font-size-14 {
+    font-size: 0.875rem !important;
+    line-height: 1.4285714286 !important;
+  }
+}
+@media print {
+  .govuk-\!-font-size-14 {
+    font-size: 12pt !important;
+    line-height: 1.2 !important;
+  }
+}
+
+.govuk-\!-font-weight-regular {
+  font-weight: 400 !important;
+}
+
+.govuk-\!-font-weight-bold {
+  font-weight: 700 !important;
+}
+
+.govuk-\!-font-tabular-numbers {
+  font-variant-numeric: tabular-nums !important;
+}
+
+.govuk-\!-text-break-word {
+  word-wrap: break-word !important;
+  overflow-wrap: break-word !important;
+}
+
+
+.govuk-\!-width-full {
+  width: 100% !important;
+}
+
+.govuk-\!-width-three-quarters {
+  width: 100% !important;
+}
+@media (min-width: 40.0625em) {
+  .govuk-\!-width-three-quarters {
+    width: 75% !important;
+  }
+}
+
+.govuk-\!-width-two-thirds {
+  width: 100% !important;
+}
+@media (min-width: 40.0625em) {
+  .govuk-\!-width-two-thirds {
+    width: 66.66% !important;
+  }
+}
+
+.govuk-\!-width-one-half {
+  width: 100% !important;
+}
+@media (min-width: 40.0625em) {
+  .govuk-\!-width-one-half {
+    width: 50% !important;
+  }
+}
+
+.govuk-\!-width-one-third {
+  width: 100% !important;
+}
+@media (min-width: 40.0625em) {
+  .govuk-\!-width-one-third {
+    width: 33.33% !important;
+  }
+}
+
+.govuk-\!-width-one-quarter {
+  width: 100% !important;
+}
+@media (min-width: 40.0625em) {
+  .govuk-\!-width-one-quarter {
+    width: 25% !important;
+  }
+}
+
+
+
+
+
+
+/*# sourceMappingURL=main.css.map */
diff --git a/app/static/css/main.css.map b/app/static/css/main.css.map
new file mode 100644
index 0000000..9230cd4
--- /dev/null
+++ b/app/static/css/main.css.map
@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["../../../node_modules/govuk-frontend/dist/govuk/core/_govuk-frontend-properties.scss","../../../node_modules/govuk-frontend/dist/govuk/core/_links.scss","../../../node_modules/govuk-frontend/dist/govuk/helpers/_typography.scss","../../../node_modules/govuk-frontend/dist/govuk/settings/_typography-font.scss","../../../node_modules/govuk-frontend/dist/govuk/helpers/_font-faces.scss","../../../node_modules/govuk-frontend/dist/govuk/vendor/_sass-mq.scss","../../../node_modules/govuk-frontend/dist/govuk/helpers/_links.scss","../../../node_modules/govuk-frontend/dist/govuk/settings/_links.scss","../../../node_modules/govuk-frontend/dist/govuk/helpers/_focused.scss","../../../node_modules/govuk-frontend/dist/govuk/settings/_colours-applied.scss","../../../node_modules/govuk-frontend/dist/govuk/core/_lists.scss","../../../node_modules/govuk-frontend/dist/govuk/helpers/_spacing.scss","../../../node_modules/govuk-frontend/dist/govuk/core/_typography.scss","../../../node_modules/govuk-frontend/dist/govuk/core/_section-break.scss","../../../node_modules/govuk-frontend/dist/govuk/objects/_button-group.scss","../../../node_modules/govuk-frontend/dist/govuk/helpers/_clearfix.scss","../../../node_modules/govuk-frontend/dist/govuk/objects/_form-group.scss","../../../node_modules/govuk-frontend/dist/govuk/objects/_grid.scss","../../../node_modules/govuk-frontend/dist/govuk/helpers/_grid.scss","../../../node_modules/govuk-frontend/dist/govuk/objects/_main-wrapper.scss","../../../node_modules/govuk-frontend/dist/govuk/objects/_template.scss","../../../node_modules/govuk-frontend/dist/govuk/tools/_rebrand.scss","../../../node_modules/govuk-frontend/dist/govuk/objects/_width-container.scss","../../../node_modules/govuk-frontend/dist/govuk/settings/_measurements.scss","../../../node_modules/govuk-frontend/dist/govuk/components/accordion/_index.scss","../../../node_modules/govuk-frontend/dist/govuk/components/back-link/_index.scss","../../../node_modules/govuk-frontend/dist/govuk/components/breadcrumbs/_index.scss","../../../node_modules/govuk-frontend/dist/govuk/components/button/_index.scss","../../../node_modules/govuk-frontend/dist/govuk/components/error-message/_index.scss","../../../node_modules/govuk-frontend/dist/govuk/components/hint/_index.scss","../../../node_modules/govuk-frontend/dist/govuk/components/label/_index.scss","../../../node_modules/govuk-frontend/dist/govuk/components/textarea/_index.scss","../../../node_modules/govuk-frontend/dist/govuk/components/character-count/_index.scss","../../../node_modules/govuk-frontend/dist/govuk/components/fieldset/_index.scss","../../../node_modules/govuk-frontend/dist/govuk/components/checkboxes/_index.scss","../../../node_modules/govuk-frontend/dist/govuk/components/cookie-banner/_index.scss","../../../node_modules/govuk-frontend/dist/govuk/components/input/_index.scss","../../../node_modules/govuk-frontend/dist/govuk/components/date-input/_index.scss","../../../node_modules/govuk-frontend/dist/govuk/components/details/_index.scss","../../../node_modules/govuk-frontend/dist/govuk/helpers/_shape-arrow.scss","../../../node_modules/govuk-frontend/dist/govuk/components/error-summary/_index.scss","../../../node_modules/govuk-frontend/dist/govuk/components/exit-this-page/_index.scss","../../../node_modules/govuk-frontend/dist/govuk/components/file-upload/_index.scss","../../../node_modules/govuk-frontend/dist/govuk/components/footer/_index.scss","../../../node_modules/govuk-frontend/dist/govuk/components/header/_index.scss","../../../node_modules/govuk-frontend/dist/govuk/components/inset-text/_index.scss","../../../node_modules/govuk-frontend/dist/govuk/components/notification-banner/_index.scss","../../../node_modules/govuk-frontend/dist/govuk/components/pagination/_index.scss","../../../node_modules/govuk-frontend/dist/govuk/components/panel/_index.scss","../../../node_modules/govuk-frontend/dist/govuk/components/password-input/_index.scss","../../../node_modules/govuk-frontend/dist/govuk/components/tag/_index.scss","../../../node_modules/govuk-frontend/dist/govuk/components/phase-banner/_index.scss","../../../node_modules/govuk-frontend/dist/govuk/components/radios/_index.scss","../../../node_modules/govuk-frontend/dist/govuk/components/select/_index.scss","../../../node_modules/govuk-frontend/dist/govuk/components/service-navigation/_index.scss","../../../node_modules/govuk-frontend/dist/govuk/helpers/_visually-hidden.scss","../../../node_modules/govuk-frontend/dist/govuk/components/skip-link/_index.scss","../../../node_modules/govuk-frontend/dist/govuk/components/summary-list/_index.scss","../../../node_modules/govuk-frontend/dist/govuk/components/table/_index.scss","../../../node_modules/govuk-frontend/dist/govuk/components/tabs/_index.scss","../../../node_modules/govuk-frontend/dist/govuk/components/task-list/_index.scss","../../../node_modules/govuk-frontend/dist/govuk/components/warning-text/_index.scss","../../../node_modules/govuk-frontend/dist/govuk/utilities/_visually-hidden.scss","../../../node_modules/govuk-frontend/dist/govuk/overrides/_display.scss","../../../node_modules/govuk-frontend/dist/govuk/overrides/_spacing.scss","../../../node_modules/govuk-frontend/dist/govuk/overrides/_text-align.scss","../../../node_modules/govuk-frontend/dist/govuk/overrides/_typography.scss","../../../node_modules/govuk-frontend/dist/govuk/overrides/_width.scss","../../../node_modules/govuk-frontend/dist/govuk/all.scss"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;EAGE;EAIE;EAGA;EAHA;EAGA;EAHA;EAGA;;;;ACTF;ECcA,aCFkB;EDGlB;EACA;;AEDI;AACA;EACE;EACA;EACA;EACA,KACE;EAEF;;AAGF;EACE;EACA;EACA;EACA,KACE;EAEF;;ACkMA;EJnON;ICyBE,aCHsB;;;AFtBxB;EK6BA;EAGE,2BChB6B;EDoB7B,uBCP0B;;ADhB5B;EAqCE,2BCLmC;EDQnC;EACQ;EACR;EACQ;;AAvCV;EEGA;EACA,OC6EwB;ED5ExB,kBCkEmB;EDjEnB,YACE;EAIF;;AAYA;EFvBA;IEwBE;IACQ;;;AFkCV;EACE,OG6EgB;;AH1ElB;EACE,OGgFwB;;AH7E1B;EACE,OGmFsB;;AHhFxB;EACE,OGsFuB;;AHjFzB;EACE,OGGsB;;AJiIlB;EC+HF;IACE;IACA;IAKA;;;;AA3KN;EAEE,OGlH0B;;AHqH5B;EAEE,OGhLgB;;AHqLlB;EACE,OGzGsB;;;AH8HxB;EJ5LA,OOfkB;;AJ8MZ;ECHN;IJzLE,OO8BsB;;;AHkKxB;EAEI;;AAIJ;EJzMA,OOfkB;;AJ8MZ;ECUN;IJtME,OO8BsB;;;;AH+LxB;EAEE;;AAKF;EAEE;;AAGF;EACE,OG/KsB;;;AH8OxB;EACE;;;AAvCF;EACE,OGjJgB;;AHoJlB;EACE,OGrJgB;;AHwJlB;EACE,OG3IsB;;AH8IxB;EACE,OGxIuB;;AH6IzB;EACE,OG3NsB;;;AR/DxB;EKqVA;EAGA;EAGA;;AAEA;EEnUA;EACA,YACE;;;;AE/DF;ERcA,aCFkB;EDGlB;EACA;;AGmNM;EKnON;IRyBE,aCHsB;;;AOtBxB;ERkDA;EA4LI,WAJc;EAKd,aAJuB;;AGRrB;EKnON;IRuPM,WAbY;IAcZ,aAbqB;;;AGRrB;EKnON;IRkPM,WATQ;IAUR,aARqB;;;AQ3O3B;ERoCA,OOfkB;;AJ8MZ;EKnON;IRuCE,OO8BsB;;;ACrExB;EAGE;ECsGI;;AN0HA;EKnON;ICgHQ;;;ADhHR;EAKE;EACA;;AAGA;EACE;;;AAIJ;EAIE;;;AAOF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;AAAA;EAEE;;AL8LI;EKhMN;AAAA;IAKI;;;;AAIJ;EACE;;ALsLI;EKvLN;IAII;;;;;AE9CJ;EVkCA,OOfkB;;AJ8MZ;EOjON;IVqCE,OO8BsB;;;AGnExB;EVYA,aCFkB;EDGlB;EACA;;AGmNM;EOjON;IVuBE,aCHsB;;;ASpBxB;EV0DA;EAkLI,WAJc;EAKd,aAJuB;;AGRrB;EOjON;IVqPM,WAbY;IAcZ,aAbqB;;;AGRrB;EOjON;IVgPM,WATQ;IAUR,aARqB;;;AUzO3B;EAIE;EAEA;EDiGI;;AN0HA;EOjON;ID8GQ;;;;AChGR;EVoBA,OOfkB;;AJ8MZ;EOnNN;IVuBE,OO8BsB;;;AGrDxB;EVFA,aCFkB;EDGlB;EACA;;AGmNM;EOnNN;IVSE,aCHsB;;;ASNxB;EV4CA;EAkLI,WAJc;EAKd,aAJuB;;AGRrB;EOnNN;IVuOM,WAbY;IAcZ,aAbqB;;;AGRrB;EOnNN;IVkOM,WATQ;IAUR,aARqB;;;AU3N3B;EAIE;EAEA;EDmFI;;AN0HA;EOnNN;IDgGQ;;;;AClFR;EVMA,OOfkB;;AJ8MZ;EOrMN;IVSE,OO8BsB;;;AGvCxB;EVhBA,aCFkB;EDGlB;EACA;;AGmNM;EOrMN;IVLE,aCHsB;;;ASQxB;EV8BA;EAkLI,WAJc;EAKd,aAJuB;;AGRrB;EOrMN;IVyNM,WAbY;IAcZ,aAbqB;;;AGRrB;EOrMN;IVoNM,WATQ;IAUR,aARqB;;;AU7M3B;EAIE;EAEA;EDqEI;;AN0HA;EOrMN;IDkFQ;;;;ACpER;EVRA,OOfkB;;AJ8MZ;EOvLN;IVLE,OO8BsB;;;AGzBxB;EV9BA,aCFkB;EDGlB;EACA;;AGmNM;EOvLN;IVnBE,aCHsB;;;ASsBxB;EVgBA;EAkLI,WAJc;EAKd,aAJuB;;AGRrB;EOvLN;IV2MM,WAbY;IAcZ,aAbqB;;;AGRrB;EOvLN;IVsMM,WATQ;IAUR,aARqB;;;AU/L3B;EAIE;EAEA;EDuDI;;AN0HA;EOvLN;IDoEQ;;;;ACpDR;EV9CA,aCFkB;EDGlB;EACA;;AGmNM;EOvKN;IVnCE,aCHsB;;;ASsCxB;EVVA;EA4LI,WAJc;EAKd,aAJuB;;AGRrB;EOvKN;IV2LM,WAbY;IAcZ,aAbqB;;;AGRrB;EOvKN;IVsLM,WATQ;IAUR,aARqB;;;AU/K3B;EAGE;EAEA;EAEA,OHW0B;;;AGR5B;EVxDA,aCFkB;EDGlB;EACA;;AGmNM;EO7JN;IV7CE,aCHsB;;;ASgDxB;EVpBA;EA4LI,WAJc;EAKd,aAJuB;;AGRrB;EO7JN;IViLM,WAbY;IAcZ,aAbqB;;;AGRrB;EO7JN;IV4KM,WATQ;IAUR,aARqB;;;AUrK3B;EAGE;EAEA;EACA,OHE0B;;AJqJtB;EO7JN;IASI;;;;AAIJ;EVrEA,aCFkB;EDGlB;EACA;;AGmNM;EOhJN;IV1DE,aCHsB;;;AS6DxB;EVjCA;EA4LI,WAJc;EAKd,aAJuB;;AGRrB;EOhJN;IVoKM,WAbY;IAcZ,aAbqB;;;AGRrB;EOhJN;IV+JM,WATQ;IAUR,aARqB;;;AUxJ3B;EAGE;EAEA,OHV0B;;;AGe5B;EVzDA,OOfkB;;AJ8MZ;EOtIN;IVtDE,OO8BsB;;;AGwBxB;EV/EA,aCFkB;EDGlB;EACA;;AGmNM;EOtIN;IVpEE,aCHsB;;;ASuExB;EV3CA;EA4LI,WAJc;EAKd,aAJuB;;AGRrB;EOtIN;IV0JM,WAbY;IAcZ,aAbqB;;;AGRrB;EOtIN;IVqJM,WATQ;IAUR,aARqB;;;AU9I3B;EAIE;EDQI;;AN0HA;EOtIN;IDmBQ;;;;ACPR;EVrEA,OOfkB;;AJ8MZ;EO1HN;IVlEE,OO8BsB;;;AGoCxB;EV3FA,aCFkB;EDGlB;EACA;;AGmNM;EO1HN;IVhFE,aCHsB;;;ASmFxB;EVvDA;EA4LI,WAJc;EAKd,aAJuB;;AGRrB;EO1HN;IV8IM,WAbY;IAcZ,aAbqB;;;AGRrB;EO1HN;IVyIM,WATQ;IAUR,aARqB;;;AUlI3B;EAIE;EDJI;;AN0HA;EO1HN;IDOQ;;;;ACKR;EVjFA,OOfkB;;AJ8MZ;EO9GN;IV9EE,OO8BsB;;;AGgDxB;EVvGA,aCFkB;EDGlB;EACA;;AGmNM;EO9GN;IV5FE,aCHsB;;;AS+FxB;EVnEA;EA4LI,WAJc;EAKd,aAJuB;;AGRrB;EO9GN;IVkIM,WAbY;IAcZ,aAbqB;;;AGRrB;EO9GN;IV6HM,WATQ;IAUR,aARqB;;;AUtH3B;EAIE;EDhBI;;AN0HA;EO9GN;IDLQ;;;;ACkBR;EV9FA,OOfkB;;AJ8MZ;EOjGN;IV3FE,OO8BsB;;;AG6DxB;EVpHA,aCFkB;EDGlB;EACA;;AGmNM;EOjGN;IVzGE,aCHsB;;;AS4GxB;EVhFA;EA4LI,WAJc;EAKd,aAJuB;;AGRrB;EOjGN;IVqHM,WAbY;IAcZ,aAbqB;;;AGRrB;EOjGN;IVgHM,WATQ;IAUR,aARqB;;;AUzG3B;EAIE;ED7BI;;AN0HA;EOjGN;IDlBQ;;;;AC+CR;EACE;;APmEI;EOpEN;IAII;;;;AAIJ;AAAA;AAAA;ED9DM;;AN0HA;EO5DN;AAAA;AAAA;IDvDQ;;;;AC6DR;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAME;;APgDI;EOtDN;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;IASI;;;;;ACtLJ;EACE;EACA;;;AASF;EF8FM;;AN0HA;EQxNN;IFqGQ;;;AErGR;EF8FM;;AN0HA;EQxNN;IFqGQ;;;;AE5FR;EFqFM;;AN0HA;EQ/MN;IF4FQ;;;AE5FR;EFqFM;;AN0HA;EQ/MN;IF4FQ;;;;AEnFR;EF4EM;;AN0HA;EQtMN;IFmFQ;;;AEnFR;EF4EM;;AN0HA;EQtMN;IFmFQ;;;;AExER;EACE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AC/BF;EH+FM;;AN0HA;ESzNN;IHsGQ;;;AGtGR;EAoBE;EACA;EACA;;AAOA;EZzBF,aCFkB;EDGlB;EACA;;AGmNM;ES5LJ;IZdA,aCHsB;;;AWiBtB;EZWF;EA4LI,WAJc;EAKd,aAJuB;;AGRrB;ES5LJ;IZgNI,WAbY;IAcZ,aAbqB;;;AGRrB;ES5LJ;IZ2MI,WATQ;IAUR,aARqB;;;AYpMzB;EAEE;EAGA;EACA,YA3Ba;EA4Bb;EACA;;AAKF;EACE;;AT8KE;ESzNN;IAkDI;IAEA;IACA;IACA;;EAEA;AAAA;IAEE,cAzDa;;EA4Df;IACE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AChEN;EACE;EACA;EACA;;ACTF;ELuGM;;AN0HA;EWjON;IL8GQ;;;AK1GN;EACE;;;AAIJ;EACE;EACA;;AAEA;EAEE;EACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ADVJ;EACE;EACA;EACA;;AETF;EAEE;EACA;;;AAIA;ECyCF;EAEE;EAEF;;Ab6KM;EY1NJ;IC+CA;IACA,OAR2C;;;;ADxC3C;ECyCF;EAEE;EAEF;;Ab6KM;EY1NJ;IC+CA;IACA,OAR2C;;;;ADxC3C;ECyCF;EAEE;EAEF;;Ab6KM;EY1NJ;IC+CA;IACA,OAR2C;;;;ADxC3C;ECyCF;EAEE;EAEF;;Ab6KM;EY1NJ;IC+CA;IACA,OAR2C;;;;ADxC3C;ECyCF;EAEE;EAEF;;Ab6KM;EY1NJ;IC+CA;IACA,OAR2C;;;;ADxC3C;ECyCF;EAEE;EAEF;;Ab6KM;EY1NJ;IC+CA;IACA,OAR2C;;;;AD/B3C;ECgCF;EAIA;;Ab6KM;EYjNJ;ICsCA;IACA,OAR2C;;;;AD/B3C;ECgCF;EAIA;;Ab6KM;EYjNJ;ICsCA;IACA,OAR2C;;;;AD/B3C;ECgCF;EAIA;;Ab6KM;EYjNJ;ICsCA;IACA,OAR2C;;;;AD/B3C;ECgCF;EAIA;;Ab6KM;EYjNJ;ICsCA;IACA,OAR2C;;;;AD/B3C;ECgCF;EAIA;;Ab6KM;EYjNJ;ICsCA;IACA,OAR2C;;;;AD/B3C;ECgCF;EAIA;;Ab6KM;EYjNJ;ICsCA;IACA,OAR2C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AC1B7C;EAIE;EACA;EACA;;AdsMI;Ec5MN;IAYI;IACA;;;;AAWJ;AAAA;ER0DM;;AN0HA;EcpLN;AAAA;IRiEQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AS7GR;ECkCE;;AAgBS;EAbP;;;ADrCJ;EAWE;EACG;EACK;;AAcR;EA3BF;IA4BI;;EAEA;IACE;;;AfiMA;EehON;IAsCI;;;;AAKJ;EAGE;EAEA,kBXS2B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AaU7B;EAlDA,WCRiB;EDWjB,cC2BkB;ED1BlB,aC0BkB;;ADvBlB;EA2CA;IArCE;IACA;;;AjBiMI;EiB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;EDGlB;EACA;;AGmNM;EuBnON;I1ByBE,aCHsB;;;AyBtBxB;E1B4DA;EAkLI,WAJc;EAKd,aAJuB;;AGRrB;EuBnON;I1BuPM,WAbY;IAcZ,aAbqB;;;AGRrB;EuBnON;I1BkPM,WATQ;IAUR,aARqB;;;A0B3O3B;EAGE;EACA;EACA;EACA;EAEA,OnBmGiB;;;;AoB3GnB;E3BcA,aCFkB;EDGlB;EACA;;AGmNM;EwBnON;I3ByBE,aCHsB;;;A0BtBxB;E3BkDA;EA4LI,WAJc;EAKd,aAJuB;;AGRrB;EwBnON;I3BuPM,WAbY;IAcZ,aAbqB;;;AGRrB;EwBnON;I3BkPM,WATQ;IAUR,aARqB;;;A2B3O3B;EAGE;EAEA,OpByE0B;;;AoB5D5B;EACE;;;AAcF;EACE;;;AAIF;EACE;;;;ACvCF;E5BcA,aCFkB;EDGlB;EACA;;AGmNM;EyBnON;I5ByBE,aCHsB;;;A2BtBxB;E5BkDA;EA4LI,WAJc;EAKd,aAJuB;;AGRrB;EyBnON;I5BuPM,WAbY;IAcZ,aAbqB;;;AGRrB;EyBnON;I5BkPM,WATQ;IAUR,aARqB;;;A4B3O3B;E5BoCA,OOfkB;;AJ8MZ;EyBnON;I5BuCE,OO8BsB;;;AqBrExB;EAIE;EAEA;;;AAIF;AAAA;AAAA;E5BkDA;E4B9CE;;;AAGF;E5B6NI,WAJc;EAKd,aAJuB;;AGRrB;EyBlNN;I5BsOM,WAbY;IAcZ,aAbqB;;;AGRrB;EyBlNN;I5BiOM,WATQ;IAUR,aARqB;;;;A4BtN3B;E5ByNI,WAJc;EAKd,aAJuB;;AGRrB;EyB9MN;I5BkOM,WAbY;IAcZ,aAbqB;;;AGRrB;EyB9MN;I5B6NM,WATQ;IAUR,aARqB;;;;A4BlN3B;E5BqNI,WAJc;EAKd,aAJuB;;AGRrB;EyB1MN;I5B8NM,WAbY;IAcZ,aAbqB;;;AGRrB;EyB1MN;I5ByNM,WATQ;IAUR,aARqB;;;;A4B9M3B;E5B+BA;;;A4BrBA;EACE;;;;;;;ACpCF;E7BUA,aCFkB;EDGlB;EACA;;AGmNM;E0B/NN;I7BqBE,aCHsB;;;A4BlBxB;E7B8CA;EA4LI,WAJc;EAKd,aAJuB;;AGRrB;E0B/NN;I7BmPM,WAbY;IAcZ,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;EACE;EACA;;;AAGF;EACE;;;AAMF;EACE;IACE;;EAGF;IACE;;EAGF;IpCMF;IS6CM;I2BhDF;;;AjC0KE;EiC7KJ;I3B0DM;;;A2B3CR;EACE;IAEE;IAGA;IACA;IAGA;IAGA,O7BwEc;I6BvEd;;EAEA;IACE,O7BkFkB;;E6B/EpB;I9BrEJ;IACA,OC6EwB;ID5ExB,kBCkEmB;IDjEnB,YACE;IAIF;;EAYA;I8BiDI;M9BhDF;MACQ;;;E8BoDR;IhCjEF;IAGE,2BChB6B;IDoB7B,uBCP0B;;E+BqE1B;IhChDA,2BCLmC;IDQnC;IACQ;IACR;IACQ;;EgC+CR;IACE;;EAKF;IACE;;EAIF;IACE;IACA;IAEA;IACA;IACA;IAEA;ICrFJ,SADmE;IAGnE;IACA;IAEA;IACA;IAeE;IACQ;IAER;IACA;;EDgEE;ICzFJ,SADmE;IAGnE;IACA;IAEA;IACA;IAqBE;IACQ;IAER;IACA;;ED+DA;IACE;;;;;;AElIJ;EtCYA,aCFkB;EDGlB;EACA;;AGmNM;EmCjON;ItCuBE,aCHsB;;;AqCpBxB;EtCgDA;EA4LI,WAJc;EAKd,aAJuB;;AGRrB;EmCjON;ItCqPM,WAbY;IAcZ,aAbqB;;;AGRrB;EmCjON;ItCgPM,WATQ;IAUR,aARqB;;;AsCzO3B;EtCkCA,OOfkB;;AJ8MZ;EmCjON;ItCqCE,OO8BsB;;;A+BnExB;E7BqGM;;AN4HA;EmCjON;I7B4GQ;;;A6B5GR;E7BuGM;;AN0HA;EmCjON;I7B8GQ;;;A6B9GR;EAME;;AAEA;EACE;;;AAIJ;EtC+NI,WAJc;EAKd,aAJuB;;AGRrB;EmCpNN;ItCwOM,WAbY;IAcZ,aAbqB;;;AGRrB;EmCpNN;ItCmOM,WATQ;IAUR,aARqB;;;AsC5N3B;EtC6CA;EsCzCE;E7BsFI;;AN0HA;EmCpNN;I7BiGQ;;;;A6BxFN;EACE;;AAGF;E7B6EI;;AN0HA;EmCvMJ;I7BoFM;;;A6BhFN;E7ByEI;;;A6BnEN;EACE;;;AAIF;EACE;;;AAGF;EtCaA;EA9CA,aCFkB;EDGlB;EACA;;AGmNM;EmCpLN;ItCtBE,aCHsB;;;AqCyBxB;ElClBA;EAGE,2BChB6B;EDoB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ACA;;AAGF;ELjUF,SKkUsE;ELhUtE;EACA;EAEA;EACA;EASE;EACQ;EAER;EACA;;AlC2KI;EuCoGN;IAoCI;IAMA;IAEA;IACA;;;AvCjJE;EuCoGN;IAiDI;;;AAGF;EACE;;AAGF;EAEE;;;AvC9JE;EgB1KJ;IuB+UI;;;AvCrKA;EuCkKN;IAQI;;EvBpVF;IuB4VI;IACA;;;;AvCnLA;EgB1KJ;IuBuWI;IAGA;;;;AAKN;EAEE;EACA;EACA;;AAEA;EACE;;AvC5ME;EgB1KJ;IuB2XI;;;;AvCjNA;EuCsNN;IAEI;IACA;IACA;;;;AAIJ;EACE;EACA;;AvChOI;EuC8NN;IAKI;IACA;IACA;IACA;;;AAGF;E1C9NE,WAJc;EAKd,aAJuB;;AGRrB;EuCyOJ;I1CrNI,WAbY;IAcZ,aAbqB;;;AGRrB;EuCyOJ;I1C1NI,WATQ;IAUR,aARqB;;;A0CiOzB;E1ChZF;E0CmZI;;AvBtZF;EuB2ZE;;AvCjPE;EgB1KJ;IuB+ZI;;;AvB/ZJ;EuBmaE;;AAGA;E1C7aJ;;;AmBOE;EnBGF;;A0CgbI;EAGE,OA3eqB;;AvBqDzB;EuBybM;;AvC/QF;EuCmQJ;IAmBI,OnC3ea;;;AmCgff;EACE,OnC7ZkB;;AYzCtB;EuBycM,OnChagB;;;AmCsaxB;EACE;EACA;;;AvCvSI;EuC2SJ;IACE;IACA;IACA;;EAIA;IAEE;;EAIF;IACE;;;;;;;;;AC5hBN;E3CcA,aCFkB;EDGlB;EACA;;AGmNM;EwCnON;I3CyBE,aCHsB;;;A0CtBxB;E3CkDA;EA4LI,WAJc;EAKd,aAJuB;;AGRrB;EwCnON;I3CuPM,WAbY;IAcZ,aAbqB;;;AGRrB;EwCnON;I3CkPM,WATQ;IAUR,aARqB;;;A2C3O3B;E3CoCA,OOfkB;;AJ8MZ;EwCnON;I3CuCE,OO8BsB;;;AoCrExB;EAGE;ElCsGI;;AN0HA;EwCnON;IlCgHQ;;;AkChHR;ElCyGM;;AN0HA;EwCnON;IlCgHQ;;;AkChHR;EASE;EAEA;;AAEA;EACE;;AAGF;AAAA;EAEE;;;;;ACnBJ;E5CcA,aCFkB;EDGlB;EACA;;AGmNM;EyCnON;I5CyBE,aCHsB;;;A2CtBxB;E5CkDA;EA4LI,WAJc;EAKd,aAJuB;;AGRrB;EyCnON;I5CuPM,WAbY;IAcZ,aAbqB;;;AGRrB;EyCnON;I5CkPM,WATQ;IAUR,aARqB;;;A4C3O3B;EnCyGM;;AN0HA;EyCnON;InCgHQ;;;AmChHR;EAIE;EAEA,kBrCQiB;;AqCNjB;EACE;;;AAIJ;EACE;EAIA;;AzCiNI;EyCtNN;IAQI;;;;AAIJ;E5CqNI,WAJc;EAKd,aAJuB;;AGRrB;EyC1MN;I5C8NM,WAbY;IAcZ,aAbqB;;;AGRrB;EyC1MN;I5CyNM,WATQ;IAUR,aARqB;;;A4ClN3B;E5CmCA;E4C9BE;EACA;EACA;;;AAGF;E5CCA,OOfkB;;AJ8MZ;EyChMN;I5CIE,OO8BsB;;;AqClCxB;EAGE;EAEA,kBrCoB2B;;AJuKvB;EyChMN;IAQI,SAPe;;;AAYjB;EAGE;EAOA;;AAGF;EACE;;;AAIJ;E5C4KI,WAJc;EAKd,aAJuB;;AGRrB;EyCjKN;I5CqLM,WAbY;IAcZ,aAbqB;;;AGRrB;EyCjKN;I5CgLM,WATQ;IAUR,aARqB;;;A4CzK3B;E5CNA;E4CUE;EAEA;;;AAGF;E5C7DA,aCFkB;EDGlB;EACA;;AGmNM;EyCxJN;I5ClDE,aCHsB;;;A2CqDxB;ExC9CA;EAGE,2BChB6B;EDoB7B,uBCP0B;;ADhB5B;EAqCE,2BCLmC;EDQnC;EACQ;EACR;EACQ;;AAvCV;EEGA;EACA,OC6EwB;ED5ExB,kBCkEmB;EDjEnB,YACE;EAIF;;AAYA;EFvBA;IEwBE;IACQ;;;AFgQV;EACE,OGjJgB;;AHoJlB;EACE,OGrJgB;;AHwJlB;EACE,OG3IsB;;AH8IxB;EACE,OGxIuB;;AH6IzB;EACE,OG3NsB;;;AqClBxB;EACE,crCmCmB;EqCjCnB,kBrCiCmB;;AHqCrB;EAEE,OGvCmB;;AH0CrB;EACE;;AAGF;EACE,OG/CmB;;AHoDrB;EACE,OGvEsB;;;;AsChGxB;EpCuGM;;AN0HA;E0CjON;IpC8GQ;;;AoC9GR;EAEE;EACA;EACA;EACA;;A1C4NI;E0CjON;IAQI;IACA;;;;AAIJ;EACE;EACA;EACA;;;AAGF;AAAA;AAAA;E7CPA,aCFkB;EDGl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;ExD0KI,WAJc;EAKd,aAJuB;;AGRrB;EqD/JN;IxDmLM,WAbY;IAcZ,aAbqB;;;AGRrB;EqD/JN;IxD8KM,WATQ;IAUR,aARqB;;;;;AyD3O3B;EhDyGM;EAAA;;AN0HA;EsDnON;IhDgHQ;;;AgDhHR;EzDcA,aCFkB;EDGlB;EACA;;AGmNM;EsDnON;IzDyBE,aCHsB;;;AwDtBxB;EzDkDA;EA4LI,WAJc;EAKd,aAJuB;;AGRrB;EsDnON;IzDuPM,WAbY;IAcZ,aAbqB;;;AGRrB;EsDnON;IzDkPM,WATQ;IAUR,aARqB;;;;AyDrO3B;EzDwOI,WAJc;EAKd,aAJuB;;AGRrB;EsD7NN;IzDiPM,WAbY;IAcZ,aAbqB;;;AGRrB;EsD7NN;IzD4OM,WATQ;IAUR,aARqB;;;AyDrO3B;EzD4CA;EAdA,OOfkB;;AJ8MZ;EsD7NN;IzDiCE,OO8BsB;;;AkD/DxB;EAME;;;AAGF;EACE;EACA;EACA;EhDuFI;;AN0HA;EsDpNN;IhDiGQ;;;;AgD1FR;EACE;;AAEA;EzDWF,OOfkB;;AJ8MZ;EsD1MJ;IzDcA,OO8BsB;;;AkD5CtB;EAEE;EACA;EACA;;;AAIJ;EzDnBA,aCFkB;EDGlB;EACA;;AGmNM;EsDlMN;IzDRE,aCHsB;;;AwDWxB;ErDJA;EAGE,2BChB6B;EDoB7B,uBCP0B;;ADhB5B;EAqCE,2BCLmC;EDQnC;EACQ;EACR;EACQ;;AAvCV;EEGA;EACA,OC6EwB;ED5ExB,kBCkEmB;EDjEnB,YACE;EAIF;;AAYA;EFvBA;IEwBE;IACQ;;;AFkCV;EACE,OG6EgB;;AH1ElB;EACE,OGgFwB;;AH7E1B;EACE,OGmFsB;;AHhFxB;EACE,OGsFuB;;AHjFzB;EACE,OGGsB;;AkDjExB;EAIE;EACA;;;AAGF;EhDgEM;;AN0HA;EsD1LN;IhDuEQ;;;;ANmHF;EU3NN;IACE;IACA;IACA;;E4CqCE;IAEE;IACA;;EAGF;IACE;;EAGF;IACE;IAEA;IACA;IACA;IACA;IAEA;IACA;IACA;;EAEA;IACE;;EAIJ;IAGE;IAEA;IAGA;IACA;IACA;IACA;IACA;IAEA;IACA;IAEA,kBlDhCuB;;EkDkCvB;IACE;;ErDiIR;IJ5LA,OOfkB;;EkD8Ed;IAGE;;;AtD6HA;ECHN;IJzLE,OO8BsB;;;AJ8JlB;ECIN;IAEI;;EAIJ;IJzMA,OOfkB;;;AJ8MZ;ECUN;IJtME,OO8BsB;;;AJ8JlB;EsD3HA;IACE;IACA;IACA;IACA;IACA;IACA;;EAIJ;IhDTE;IgDWA;IACA;IACA;;EAEA;IACE;;EAIJ;IACE;;;;;;;AC1HN;E1DUA,aCFkB;EDGlB;EACA;;AGmNM;EuD/NN;I1DqBE,aCHsB;;;AyDlBxB;E1D8CA;EA4LI,WAJc;EAKd,aAJuB;;AGRrB;EuD/NN;I1DmPM,WAbY;IAcZ,aAbqB;;;AGRrB;EuD/NN;I1D8OM,WATQ;IAUR,aARqB;;;A0DvO3B;EAEE;EjDmGI;;AN0HA;EuD/NN;IjD4GQ;;;AiD5GR;EAIE;EACA;;;AAUF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAMF;EACE,YAnC6B;;;AAsC/B;EACE;EACA;E1DNF,OOfkB;;AJ8MZ;EuD3LN;I1DDE,OO8BsB;;;;AmDvBxB;EACE;EACA;EACA;EACA;E1DdF,OOfkB;;AJ8MZ;EuDrLN;I1DPE,OO8BsB;;;;AmDfxB;EACE,OnDuB0B;;;AmDjB5B;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA,OnDK0B;;;;;;;;AoD9E5B;E3DcA,aCFkB;EDGlB;EACA;;AGmNM;EwDnON;I3DyBE,aCHsB;;;A0DtBxB;E3DkDA;EA4LI,WAJc;EAKd,aAJuB;;AGRrB;EwDnON;I3DuPM,WAbY;IAcZ,aAbqB;;;AGRrB;EwDnON;I3DkPM,WATQ;IAUR,aARqB;;;A2D3O3B;ElDyGM;;AN0HA;EwDnON;IlDgHQ;;;AkDhHR;E3D4DA;E2DxDE;EACA;;;AAGF;EACE;EAEA;EAEA;EACA;EAEA;EACA;EACA;;AxDiNI;EwD3NN;IAaI;;;AAbJ;EAkBE;EACA;EAEA,OpD+B2B;EoD9B3B,YpDTgB;EoDWhB;EACA;EAEA;EAIA;EACI;EACI;EAIR;;AAEA;EAvCF;IAwCI;IACA;IACA;;;;AAIJ;E3DlBA,OOfkB;;AJ8MZ;EwD7KN;I3DfE,OO8BsB;;;AoDfxB;EAEE;EACA;EAGA;;;;;A9CpDF;EACE;EACA;EACA;;;;A+CXF;EPeA;EAEA;EACA;EAGA;EACA;EAEA;EAGA;EACA;EACQ;EAER;EAKA;EAKA;EACI;EACI;;AAgBR;EACE;;AAGF;EACE;;;AAiBF;EAlEA;EAEA;EACA;EAGA;EACA;EAEA;EAGA;EACA;EACQ;EAER;EAKA;EAKA;EACI;EACI;;;;;AQ1CR;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;A1DqNI;E0DjNJ;IACE;;;;ACiBF;ErDmEI;;;AqD7DF;ErD+DE;;;AqD/DF;ErD+DE;;;AqD/DF;ErD+DE;;;AqD/DF;ErD+DE;;;AqDrEJ;ErDmEI;;;AqD7DF;ErD+DE;;;AqD/DF;ErD+DE;;;AqD/DF;ErD+DE;;;AqD/DF;ErD+DE;;;AqDrEJ;ErDmEI;;;AqD7DF;ErD+DE;;;AqD/DF;ErD+DE;;;AqD/DF;ErD+DE;;;AqD/DF;ErD+DE;;;AqDrEJ;ErDmEI;;;AqD7DF;ErD+DE;;;AqD/DF;ErD+DE;;;AqD/DF;ErD+DE;;;AqD/DF;ErD+DE;;;AqDrEJ;ErDmEI;;AN4HA;E2D/LJ;IrD0EM;;;;AqDpEJ;ErD+DE;;AN0HA;E2DzLF;IrDsEI;;;;AqDtEJ;ErD+DE;;AN0HA;E2DzLF;IrDsEI;;;;AqDtEJ;ErD+DE;;AN0HA;E2DzLF;IrDsEI;;;;AqDtEJ;ErD+DE;;AN0HA;E2DzLF;IrDsEI;;;;AqD5EN;ErDmEI;;AN4HA;E2D/LJ;IrD0EM;;;;AqDpEJ;ErD+DE;;AN0HA;E2DzLF;IrDsEI;;;;AqDtEJ;ErD+DE;;AN0HA;E2DzLF;IrDsEI;;;;AqDtEJ;ErD+DE;;AN0HA;E2DzLF;IrDsEI;;;;AqDtEJ;ErD+DE;;AN0HA;E2DzLF;IrDsEI;;;;AqD5EN;ErDmEI;;AN4HA;E2D/LJ;IrD0EM;;;;AqDpEJ;ErD+DE;;AN0HA;E2DzLF;IrDsEI;;;;AqDtEJ;ErD+DE;;AN0HA;E2DzLF;IrDsEI;;;;AqDtEJ;ErD+DE;;AN0HA;E2DzLF;IrDsEI;;;;AqDtEJ;ErD+DE;;AN0HA;E2DzLF;IrDsEI;;;;AqD5EN;ErDmEI;;AN4HA;E2D/LJ;IrD0EM;;;;AqDpEJ;ErD+DE;;AN0HA;E2DzLF;IrDsEI;;;;AqDtEJ;ErD+DE;;AN0HA;E2DzLF;IrDsEI;;;;AqDtEJ;ErD+DE;;AN0HA;E2DzLF;IrDsEI;;;;AqDtEJ;ErD+DE;;AN0HA;E2DzLF;IrDsEI;;;;AqD5EN;ErDmEI;;AN4HA;E2D/LJ;IrD0EM;;;;AqDpEJ;ErD+DE;;AN0HA;E2DzLF;IrDsEI;;;;AqDtEJ;ErD+DE;;AN0HA;E2DzLF;IrDsEI;;;;AqDtEJ;ErD+DE;;AN0HA;E2DzLF;IrDsEI;;;;AqDtEJ;ErD+DE;;AN0HA;E2DzLF;IrDsEI;;;;AqD5EN;ErDmEI;;AN4HA;E2D/LJ;IrD0EM;;;;AqDpEJ;ErD+DE;;AN0HA;E2DzLF;IrDsEI;;;;AqDtEJ;ErD+DE;;AN0HA;E2DzLF;IrDsEI;;;;AqDtEJ;ErD+DE;;AN0HA;E2DzLF;IrDsEI;;;;AqDtEJ;ErD+DE;;AN0HA;E2DzLF;IrDsEI;;;;AqD5EN;ErDmEI;;;AqD7DF;ErD+DE;;;AqD/DF;ErD+DE;;;AqD/DF;ErD+DE;;;AqD/DF;ErD+DE;;;AqDrEJ;ErDmEI;;;AqD7DF;ErD+DE;;;AqD/DF;ErD+DE;;;AqD/DF;ErD+DE;;;AqD/DF;ErD+DE;;;AqDrEJ;ErDmEI;;;AqD7DF;ErD+DE;;;AqD/DF;ErD+DE;;;AqD/DF;ErD+DE;;;AqD/DF;ErD+DE;;;AqDrEJ;ErDmEI;;;AqD7DF;ErD+DE;;;AqD/DF;ErD+DE;;;AqD/DF;ErD+DE;;;AqD/DF;ErD+DE;;;AqDrEJ;ErDmEI;;AN4HA;E2D/LJ;IrD0EM;;;;AqDpEJ;ErD+DE;;AN0HA;E2DzLF;IrDsEI;;;;AqDtEJ;ErD+DE;;AN0HA;E2DzLF;IrDsEI;;;;AqDtEJ;ErD+DE;;AN0HA;E2DzLF;IrDsEI;;;;AqDtEJ;ErD+DE;;AN0HA;E2DzLF;IrDsEI;;;;AqD5EN;ErDmEI;;AN4HA;E2D/LJ;IrD0EM;;;;AqDpEJ;ErD+DE;;AN0HA;E2DzLF;IrDsEI;;;;AqDtEJ;ErD+DE;;AN0HA;E2DzLF;IrDsEI;;;;AqDtEJ;ErD+DE;;AN0HA;E2DzLF;IrDsEI;;;;AqDtEJ;ErD+DE;;AN0HA;E2DzLF;IrDsEI;;;;AqD5EN;ErDmEI;;AN4HA;E2D/LJ;IrD0EM;;;;AqDpEJ;ErD+DE;;AN0HA;E2DzLF;IrDsEI;;;;AqDtEJ;ErD+DE;;AN0HA;E2DzLF;IrDsEI;;;;AqDtEJ;ErD+DE;;AN0HA;E2DzLF;IrDsEI;;;;AqDtEJ;ErD+DE;;AN0HA;E2DzLF;IrDsEI;;;;AqD5EN;ErDmEI;;AN4HA;E2D/LJ;IrD0EM;;;;AqDpEJ;ErD+DE;;AN0HA;E2DzLF;IrDsEI;;;;AqDtEJ;ErD+DE;;AN0HA;E2DzLF;IrDsEI;;;;AqDtEJ;ErD+DE;;AN0HA;E2DzLF;IrDsEI;;;;AqDtEJ;ErD+DE;;AN0HA;E2DzLF;IrDsEI;;;;AqD5EN;ErDmEI;;AN4HA;E2D/LJ;IrD0EM;;;;AqDpEJ;ErD+DE;;AN0HA;E2DzLF;IrDsEI;;;;AqDtEJ;ErD+DE;;AN0HA;E2DzLF;IrDsEI;;;;AqDtEJ;ErD+DE;;AN0HA;E2DzLF;IrDsEI;;;;AqDtEJ;ErD+DE;;AN0HA;E2DzLF;IrDsEI;;;;AqD5EN;ErDmEI;;AN4HA;E2D/LJ;IrD0EM;;;;AqDpEJ;ErD+DE;;AN0HA;E2DzLF;IrDsEI;;;;AqDtEJ;ErD+DE;;AN0HA;E2DzLF;IrDsEI;;;;AqDtEJ;ErD+DE;;AN0HA;E2DzLF;IrDsEI;;;;AqDtEJ;ErD+DE;;AN0HA;E2DzLF;IrDsEI;;;;AqDhDN;EACE;;;AAIA;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AANJ;EACE;;;AAIA;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AANJ;EACE;;;AAIA;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AANJ;EACE;;;AAIA;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AANJ;EACE;;;AAIA;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AANJ;EACE;;;AAIA;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE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","file":"main.css"}
\ No newline at end of file
diff --git a/app/static/js/govuk-frontend.min.js b/app/static/js/govuk-frontend.min.js
new file mode 100644
index 0000000..29e1840
--- /dev/null
+++ b/app/static/js/govuk-frontend.min.js
@@ -0,0 +1 @@
+const version="5.12.0";function getBreakpoint(t){const e=`--govuk-breakpoint-${t}`;return{property:e,value:window.getComputedStyle(document.documentElement).getPropertyValue(e)||void 0}}function setFocus(t,e={}){var i;const n=t.getAttribute("tabindex");function onBlur(){var i;null==(i=e.onBlur)||i.call(t),n||t.removeAttribute("tabindex")}n||t.setAttribute("tabindex","-1"),t.addEventListener("focus",(function(){t.addEventListener("blur",onBlur,{once:!0})}),{once:!0}),null==(i=e.onBeforeFocus)||i.call(t),t.focus()}function isSupported(t=document.body){return!!t&&t.classList.contains("govuk-frontend-supported")}function isObject(t){return!!t&&"object"==typeof t&&!function(t){return Array.isArray(t)}(t)}function isScope(t){return!!t&&(t instanceof Element||t instanceof Document)}function formatErrorMessage(Component,t){return`${Component.moduleName}: ${t}`}class GOVUKFrontendError extends Error{constructor(...t){super(...t),this.name="GOVUKFrontendError"}}class SupportError extends GOVUKFrontendError{constructor(t=document.body){const e="noModule"in HTMLScriptElement.prototype?'GOV.UK Frontend initialised without `<body class="govuk-frontend-supported">` from template `<script>` snippet':"GOV.UK Frontend is not supported in this browser";super(t?e:'GOV.UK Frontend initialised without `<script type="module">`'),this.name="SupportError"}}class ConfigError extends GOVUKFrontendError{constructor(...t){super(...t),this.name="ConfigError"}}class ElementError extends GOVUKFrontendError{constructor(t){let e="string"==typeof t?t:"";if(isObject(t)){const{component:i,identifier:n,element:s,expectedType:o}=t;e=n,e+=s?` is not of type ${null!=o?o:"HTMLElement"}`:" not found",i&&(e=formatErrorMessage(i,e))}super(e),this.name="ElementError"}}class InitError extends GOVUKFrontendError{constructor(t){super("string"==typeof t?t:formatErrorMessage(t,"Root element (`$root`) already initialised")),this.name="InitError"}}class Component{get $root(){return this._$root}constructor(t){this._$root=void 0;const e=this.constructor;if("string"!=typeof e.moduleName)throw new InitError("`moduleName` not defined in component");if(!(t instanceof e.elementType))throw new ElementError({element:t,component:e,identifier:"Root element (`$root`)",expectedType:e.elementType.name});this._$root=t,e.checkSupport(),this.checkInitialised();const i=e.moduleName;this.$root.setAttribute(`data-${i}-init`,"")}checkInitialised(){const t=this.constructor,e=t.moduleName;if(e&&function(t,e){return t instanceof HTMLElement&&t.hasAttribute(`data-${e}-init`)}(this.$root,e))throw new InitError(t)}static checkSupport(){if(!isSupported())throw new SupportError}}Component.elementType=HTMLElement;const t=Symbol.for("configOverride");class ConfigurableComponent extends Component{[t](t){return{}}get config(){return this._config}constructor(e,i){super(e),this._config=void 0;const n=this.constructor;if(!isObject(n.defaults))throw new ConfigError(formatErrorMessage(n,"Config passed as parameter into constructor but no defaults defined"));const s=function(Component,t){if(!isObject(Component.schema))throw new ConfigError(formatErrorMessage(Component,"Config passed as parameter into constructor but no schema defined"));const e={},i=Object.entries(Component.schema.properties);for(const n of i){const[i,s]=n,o=i.toString();o in t&&(e[o]=normaliseString(t[o],s)),"object"===(null==s?void 0:s.type)&&(e[o]=extractConfigByNamespace(Component.schema,t,i))}return e}(n,this._$root.dataset);this._config=mergeConfigs(n.defaults,null!=i?i:{},this[t](s),s)}}function normaliseString(t,e){const i=t?t.trim():"";let n,s=null==e?void 0:e.type;switch(s||(["true","false"].includes(i)&&(s="boolean"),i.length>0&&isFinite(Number(i))&&(s="number")),s){case"boolean":n="true"===i;break;case"number":n=Number(i);break;default:n=t}return n}function normaliseOptions(t){let e,i=document;if(isObject(t)){const n=t;(isScope(n.scope)||null===n.scope)&&(i=n.scope),"function"==typeof n.onError&&(e=n.onError)}return isScope(t)?i=t:null===t?i=null:"function"==typeof t&&(e=t),{scope:i,onError:e}}function mergeConfigs(...t){const e={};for(const i of t)for(const t of Object.keys(i)){const n=e[t],s=i[t];isObject(n)&&isObject(s)?e[t]=mergeConfigs(n,s):e[t]=s}return e}function extractConfigByNamespace(t,e,i){const n=t.properties[i];if("object"!==(null==n?void 0:n.type))return;const s={[i]:{}};for(const[o,r]of Object.entries(e)){let t=s;const e=o.split(".");for(const[n,s]of e.entries())isObject(t)&&(n<e.length-1?(isObject(t[s])||(t[s]={}),t=t[s]):o!==i&&(t[s]=normaliseString(r)))}return s[i]}class I18n{constructor(t={},e={}){var i;this.translations=void 0,this.locale=void 0,this.translations=t,this.locale=null!=(i=e.locale)?i:document.documentElement.lang||"en"}t(t,e){if(!t)throw new Error("i18n: lookup key missing");let i=this.translations[t];if("number"==typeof(null==e?void 0:e.count)&&isObject(i)){const n=i[this.getPluralSuffix(t,e.count)];n&&(i=n)}if("string"==typeof i){if(i.match(/%{(.\S+)}/)){if(!e)throw new Error("i18n: cannot replace placeholders in string if no option data provided");return this.replacePlaceholders(i,e)}return i}return t}replacePlaceholders(t,e){const i=Intl.NumberFormat.supportedLocalesOf(this.locale).length?new Intl.NumberFormat(this.locale):void 0;return t.replace(/%{(.\S+)}/g,(function(t,n){if(Object.prototype.hasOwnProperty.call(e,n)){const t=e[n];return!1===t||"number"!=typeof t&&"string"!=typeof t?"":"number"==typeof t?i?i.format(t):`${t}`:t}throw new Error(`i18n: no data found to replace ${t} placeholder in string`)}))}hasIntlPluralRulesSupport(){return Boolean("PluralRules"in window.Intl&&Intl.PluralRules.supportedLocalesOf(this.locale).length)}getPluralSuffix(t,e){if(e=Number(e),!isFinite(e))return"other";const i=this.translations[t],n=this.hasIntlPluralRulesSupport()?new Intl.PluralRules(this.locale).select(e):"other";if(isObject(i)){if(n in i)return n;if("other"in i)return console.warn(`i18n: Missing plural form ".${n}" for "${this.locale}" locale. Falling back to ".other".`),"other"}throw new Error(`i18n: Plural form ".other" is required for "${this.locale}" locale`)}}class Accordion extends ConfigurableComponent{constructor(t,e={}){super(t,e),this.i18n=void 0,this.controlsClass="govuk-accordion__controls",this.showAllClass="govuk-accordion__show-all",this.showAllTextClass="govuk-accordion__show-all-text",this.sectionClass="govuk-accordion__section",this.sectionExpandedClass="govuk-accordion__section--expanded",this.sectionButtonClass="govuk-accordion__section-button",this.sectionHeaderClass="govuk-accordion__section-header",this.sectionHeadingClass="govuk-accordion__section-heading",this.sectionHeadingDividerClass="govuk-accordion__section-heading-divider",this.sectionHeadingTextClass="govuk-accordion__section-heading-text",this.sectionHeadingTextFocusClass="govuk-accordion__section-heading-text-focus",this.sectionShowHideToggleClass="govuk-accordion__section-toggle",this.sectionShowHideToggleFocusClass="govuk-accordion__section-toggle-focus",this.sectionShowHideTextClass="govuk-accordion__section-toggle-text",this.upChevronIconClass="govuk-accordion-nav__chevron",this.downChevronIconClass="govuk-accordion-nav__chevron--down",this.sectionSummaryClass="govuk-accordion__section-summary",this.sectionSummaryFocusClass="govuk-accordion__section-summary-focus",this.sectionContentClass="govuk-accordion__section-content",this.$sections=void 0,this.$showAllButton=null,this.$showAllIcon=null,this.$showAllText=null,this.i18n=new I18n(this.config.i18n);const i=this.$root.querySelectorAll(`.${this.sectionClass}`);if(!i.length)throw new ElementError({component:Accordion,identifier:`Sections (\`<div class="${this.sectionClass}">\`)`});this.$sections=i,this.initControls(),this.initSectionHeaders(),this.updateShowAllButton(this.areAllSectionsOpen())}initControls(){this.$showAllButton=document.createElement("button"),this.$showAllButton.setAttribute("type","button"),this.$showAllButton.setAttribute("class",this.showAllClass),this.$showAllButton.setAttribute("aria-expanded","false"),this.$showAllIcon=document.createElement("span"),this.$showAllIcon.classList.add(this.upChevronIconClass),this.$showAllButton.appendChild(this.$showAllIcon);const t=document.createElement("div");t.setAttribute("class",this.controlsClass),t.appendChild(this.$showAllButton),this.$root.insertBefore(t,this.$root.firstChild),this.$showAllText=document.createElement("span"),this.$showAllText.classList.add(this.showAllTextClass),this.$showAllButton.appendChild(this.$showAllText),this.$showAllButton.addEventListener("click",(()=>this.onShowOrHideAllToggle())),"onbeforematch"in document&&document.addEventListener("beforematch",(t=>this.onBeforeMatch(t)))}initSectionHeaders(){this.$sections.forEach(((t,e)=>{const i=t.querySelector(`.${this.sectionHeaderClass}`);if(!i)throw new ElementError({component:Accordion,identifier:`Section headers (\`<div class="${this.sectionHeaderClass}">\`)`});this.constructHeaderMarkup(i,e),this.setExpanded(this.isExpanded(t),t),i.addEventListener("click",(()=>this.onSectionToggle(t))),this.setInitialState(t)}))}constructHeaderMarkup(t,e){const i=t.querySelector(`.${this.sectionButtonClass}`),n=t.querySelector(`.${this.sectionHeadingClass}`),s=t.querySelector(`.${this.sectionSummaryClass}`);if(!n)throw new ElementError({component:Accordion,identifier:`Section heading (\`.${this.sectionHeadingClass}\`)`});if(!i)throw new ElementError({component:Accordion,identifier:`Section button placeholder (\`<span class="${this.sectionButtonClass}">\`)`});const o=document.createElement("button");o.setAttribute("type","button"),o.setAttribute("aria-controls",`${this.$root.id}-content-${e+1}`);for(const d of Array.from(i.attributes))"id"!==d.name&&o.setAttribute(d.name,d.value);const r=document.createElement("span");r.classList.add(this.sectionHeadingTextClass),r.id=i.id;const a=document.createElement("span");a.classList.add(this.sectionHeadingTextFocusClass),r.appendChild(a),Array.from(i.childNodes).forEach((t=>a.appendChild(t)));const l=document.createElement("span");l.classList.add(this.sectionShowHideToggleClass),l.setAttribute("data-nosnippet","");const c=document.createElement("span");c.classList.add(this.sectionShowHideToggleFocusClass),l.appendChild(c);const u=document.createElement("span"),h=document.createElement("span");if(h.classList.add(this.upChevronIconClass),c.appendChild(h),u.classList.add(this.sectionShowHideTextClass),c.appendChild(u),o.appendChild(r),o.appendChild(this.getButtonPunctuationEl()),s){const t=document.createElement("span"),e=document.createElement("span");e.classList.add(this.sectionSummaryFocusClass),t.appendChild(e);for(const i of Array.from(s.attributes))t.setAttribute(i.name,i.value);Array.from(s.childNodes).forEach((t=>e.appendChild(t))),s.remove(),o.appendChild(t),o.appendChild(this.getButtonPunctuationEl())}o.appendChild(l),n.removeChild(i),n.appendChild(o)}onBeforeMatch(t){const e=t.target;if(!(e instanceof Element))return;const i=e.closest(`.${this.sectionClass}`);i&&this.setExpanded(!0,i)}onSectionToggle(t){const e=!this.isExpanded(t);this.setExpanded(e,t),this.storeState(t,e)}onShowOrHideAllToggle(){const t=!this.areAllSectionsOpen();this.$sections.forEach((e=>{this.setExpanded(t,e),this.storeState(e,t)})),this.updateShowAllButton(t)}setExpanded(t,e){const i=e.querySelector(`.${this.upChevronIconClass}`),n=e.querySelector(`.${this.sectionShowHideTextClass}`),s=e.querySelector(`.${this.sectionButtonClass}`),o=e.querySelector(`.${this.sectionContentClass}`);if(!o)throw new ElementError({component:Accordion,identifier:`Section content (\`<div class="${this.sectionContentClass}">\`)`});if(!i||!n||!s)return;const r=t?this.i18n.t("hideSection"):this.i18n.t("showSection");n.textContent=r,s.setAttribute("aria-expanded",`${t}`);const a=[],l=e.querySelector(`.${this.sectionHeadingTextClass}`);l&&a.push(l.textContent.trim());const c=e.querySelector(`.${this.sectionSummaryClass}`);c&&a.push(c.textContent.trim());const u=t?this.i18n.t("hideSectionAriaLabel"):this.i18n.t("showSectionAriaLabel");a.push(u),s.setAttribute("aria-label",a.join(" , ")),t?(o.removeAttribute("hidden"),e.classList.add(this.sectionExpandedClass),i.classList.remove(this.downChevronIconClass)):(o.setAttribute("hidden","until-found"),e.classList.remove(this.sectionExpandedClass),i.classList.add(this.downChevronIconClass)),this.updateShowAllButton(this.areAllSectionsOpen())}isExpanded(t){return t.classList.contains(this.sectionExpandedClass)}areAllSectionsOpen(){return Array.from(this.$sections).every((t=>this.isExpanded(t)))}updateShowAllButton(t){this.$showAllButton&&this.$showAllText&&this.$showAllIcon&&(this.$showAllButton.setAttribute("aria-expanded",t.toString()),this.$showAllText.textContent=t?this.i18n.t("hideAllSections"):this.i18n.t("showAllSections"),this.$showAllIcon.classList.toggle(this.downChevronIconClass,!t))}getIdentifier(t){const e=t.querySelector(`.${this.sectionButtonClass}`);return null==e?void 0:e.getAttribute("aria-controls")}storeState(t,e){if(!this.config.rememberExpanded)return;const i=this.getIdentifier(t);if(i)try{window.sessionStorage.setItem(i,e.toString())}catch(n){}}setInitialState(t){if(!this.config.rememberExpanded)return;const e=this.getIdentifier(t);if(e)try{const i=window.sessionStorage.getItem(e);null!==i&&this.setExpanded("true"===i,t)}catch(i){}}getButtonPunctuationEl(){const t=document.createElement("span");return t.classList.add("govuk-visually-hidden",this.sectionHeadingDividerClass),t.textContent=", ",t}}Accordion.moduleName="govuk-accordion",Accordion.defaults=Object.freeze({i18n:{hideAllSections:"Hide all sections",hideSection:"Hide",hideSectionAriaLabel:"Hide this section",showAllSections:"Show all sections",showSection:"Show",showSectionAriaLabel:"Show this section"},rememberExpanded:!0}),Accordion.schema=Object.freeze({properties:{i18n:{type:"object"},rememberExpanded:{type:"boolean"}}});class Button extends ConfigurableComponent{constructor(t,e={}){super(t,e),this.debounceFormSubmitTimer=null,this.$root.addEventListener("keydown",(t=>this.handleKeyDown(t))),this.$root.addEventListener("click",(t=>this.debounce(t)))}handleKeyDown(t){const e=t.target;" "===t.key&&e instanceof HTMLElement&&"button"===e.getAttribute("role")&&(t.preventDefault(),e.click())}debounce(t){if(this.config.preventDoubleClick)return this.debounceFormSubmitTimer?(t.preventDefault(),!1):void(this.debounceFormSubmitTimer=window.setTimeout((()=>{this.debounceFormSubmitTimer=null}),1e3))}}function closestAttributeValue(t,e){const i=t.closest(`[${e}]`);return i?i.getAttribute(e):null}Button.moduleName="govuk-button",Button.defaults=Object.freeze({preventDoubleClick:!1}),Button.schema=Object.freeze({properties:{preventDoubleClick:{type:"boolean"}}});class CharacterCount extends ConfigurableComponent{[t](t){let e={};return("maxwords"in t||"maxlength"in t)&&(e={maxlength:void 0,maxwords:void 0}),e}constructor(t,e={}){var i,n;super(t,e),this.$textarea=void 0,this.$visibleCountMessage=void 0,this.$screenReaderCountMessage=void 0,this.lastInputTimestamp=null,this.lastInputValue="",this.valueChecker=null,this.i18n=void 0,this.maxLength=void 0;const s=this.$root.querySelector(".govuk-js-character-count");if(!(s instanceof HTMLTextAreaElement||s instanceof HTMLInputElement))throw new ElementError({component:CharacterCount,element:s,expectedType:"HTMLTextareaElement or HTMLInputElement",identifier:"Form field (`.govuk-js-character-count`)"});const o=function(t,e){const i=[];for(const[n,s]of Object.entries(t)){const t=[];if(Array.isArray(s)){for(const{required:i,errorMessage:n}of s)i.every((t=>!!e[t]))||t.push(n);"anyOf"!==n||s.length-t.length>=1||i.push(...t)}}return i}(CharacterCount.schema,this.config);if(o[0])throw new ConfigError(formatErrorMessage(CharacterCount,o[0]));this.i18n=new I18n(this.config.i18n,{locale:closestAttributeValue(this.$root,"lang")}),this.maxLength=null!=(i=null!=(n=this.config.maxwords)?n:this.config.maxlength)?i:1/0,this.$textarea=s;const r=`${this.$textarea.id}-info`,a=document.getElementById(r);if(!a)throw new ElementError({component:CharacterCount,element:a,identifier:`Count message (\`id="${r}"\`)`});this.$errorMessage=this.$root.querySelector(".govuk-error-message"),a.textContent.match(/^\s*$/)&&(a.textContent=this.i18n.t("textareaDescription",{count:this.maxLength})),this.$textarea.insertAdjacentElement("afterend",a);const l=document.createElement("div");l.className="govuk-character-count__sr-status govuk-visually-hidden",l.setAttribute("aria-live","polite"),this.$screenReaderCountMessage=l,a.insertAdjacentElement("afterend",l);const c=document.createElement("div");c.className=a.className,c.classList.add("govuk-character-count__status"),c.setAttribute("aria-hidden","true"),this.$visibleCountMessage=c,a.insertAdjacentElement("afterend",c),a.classList.add("govuk-visually-hidden"),this.$textarea.removeAttribute("maxlength"),this.bindChangeEvents(),window.addEventListener("pageshow",(()=>this.updateCountMessage())),this.updateCountMessage()}bindChangeEvents(){this.$textarea.addEventListener("keyup",(()=>this.handleKeyUp())),this.$textarea.addEventListener("focus",(()=>this.handleFocus())),this.$textarea.addEventListener("blur",(()=>this.handleBlur()))}handleKeyUp(){this.updateVisibleCountMessage(),this.lastInputTimestamp=Date.now()}handleFocus(){this.valueChecker=window.setInterval((()=>{(!this.lastInputTimestamp||Date.now()-500>=this.lastInputTimestamp)&&this.updateIfValueChanged()}),1e3)}handleBlur(){this.valueChecker&&window.clearInterval(this.valueChecker)}updateIfValueChanged(){this.$textarea.value!==this.lastInputValue&&(this.lastInputValue=this.$textarea.value,this.updateCountMessage())}updateCountMessage(){this.updateVisibleCountMessage(),this.updateScreenReaderCountMessage()}updateVisibleCountMessage(){const t=this.maxLength-this.count(this.$textarea.value)<0;this.$visibleCountMessage.classList.toggle("govuk-character-count__message--disabled",!this.isOverThreshold()),this.$errorMessage||this.$textarea.classList.toggle("govuk-textarea--error",t),this.$visibleCountMessage.classList.toggle("govuk-error-message",t),this.$visibleCountMessage.classList.toggle("govuk-hint",!t),this.$visibleCountMessage.textContent=this.getCountMessage()}updateScreenReaderCountMessage(){this.isOverThreshold()?this.$screenReaderCountMessage.removeAttribute("aria-hidden"):this.$screenReaderCountMessage.setAttribute("aria-hidden","true"),this.$screenReaderCountMessage.textContent=this.getCountMessage()}count(t){if(this.config.maxwords){var e;return(null!=(e=t.match(/\S+/g))?e:[]).length}return t.length}getCountMessage(){const t=this.maxLength-this.count(this.$textarea.value),e=this.config.maxwords?"words":"characters";return this.formatCountMessage(t,e)}formatCountMessage(t,e){if(0===t)return this.i18n.t(`${e}AtLimit`);const i=t<0?"OverLimit":"UnderLimit";return this.i18n.t(`${e}${i}`,{count:Math.abs(t)})}isOverThreshold(){if(!this.config.threshold)return!0;const t=this.count(this.$textarea.value);return this.maxLength*this.config.threshold/100<=t}}CharacterCount.moduleName="govuk-character-count",CharacterCount.defaults=Object.freeze({threshold:0,i18n:{charactersUnderLimit:{one:"You have %{count} character remaining",other:"You have %{count} characters remaining"},charactersAtLimit:"You have 0 characters remaining",charactersOverLimit:{one:"You have %{count} character too many",other:"You have %{count} characters too many"},wordsUnderLimit:{one:"You have %{count} word remaining",other:"You have %{count} words remaining"},wordsAtLimit:"You have 0 words remaining",wordsOverLimit:{one:"You have %{count} word too many",other:"You have %{count} words too many"},textareaDescription:{other:""}}}),CharacterCount.schema=Object.freeze({properties:{i18n:{type:"object"},maxwords:{type:"number"},maxlength:{type:"number"},threshold:{type:"number"}},anyOf:[{required:["maxwords"],errorMessage:'Either "maxlength" or "maxwords" must be provided'},{required:["maxlength"],errorMessage:'Either "maxlength" or "maxwords" must be provided'}]});class Checkboxes extends Component{constructor(t){super(t),this.$inputs=void 0;const e=this.$root.querySelectorAll('input[type="checkbox"]');if(!e.length)throw new ElementError({component:Checkboxes,identifier:'Form inputs (`<input type="checkbox">`)'});this.$inputs=e,this.$inputs.forEach((t=>{const e=t.getAttribute("data-aria-controls");if(e){if(!document.getElementById(e))throw new ElementError({component:Checkboxes,identifier:`Conditional reveal (\`id="${e}"\`)`});t.setAttribute("aria-controls",e),t.removeAttribute("data-aria-controls")}})),window.addEventListener("pageshow",(()=>this.syncAllConditionalReveals())),this.syncAllConditionalReveals(),this.$root.addEventListener("click",(t=>this.handleClick(t)))}syncAllConditionalReveals(){this.$inputs.forEach((t=>this.syncConditionalRevealWithInputState(t)))}syncConditionalRevealWithInputState(t){const e=t.getAttribute("aria-controls");if(!e)return;const i=document.getElementById(e);if(null!=i&&i.classList.contains("govuk-checkboxes__conditional")){const e=t.checked;t.setAttribute("aria-expanded",e.toString()),i.classList.toggle("govuk-checkboxes__conditional--hidden",!e)}}unCheckAllInputsExcept(t){document.querySelectorAll(`input[type="checkbox"][name="${t.name}"]`).forEach((e=>{t.form===e.form&&e!==t&&(e.checked=!1,this.syncConditionalRevealWithInputState(e))}))}unCheckExclusiveInputs(t){document.querySelectorAll(`input[data-behaviour="exclusive"][type="checkbox"][name="${t.name}"]`).forEach((e=>{t.form===e.form&&(e.checked=!1,this.syncConditionalRevealWithInputState(e))}))}handleClick(t){const e=t.target;if(!(e instanceof HTMLInputElement)||"checkbox"!==e.type)return;if(e.getAttribute("aria-controls")&&this.syncConditionalRevealWithInputState(e),!e.checked)return;"exclusive"===e.getAttribute("data-behaviour")?this.unCheckAllInputsExcept(e):this.unCheckExclusiveInputs(e)}}Checkboxes.moduleName="govuk-checkboxes";class ErrorSummary extends ConfigurableComponent{constructor(t,e={}){super(t,e),this.config.disableAutoFocus||setFocus(this.$root),this.$root.addEventListener("click",(t=>this.handleClick(t)))}handleClick(t){const e=t.target;e&&this.focusTarget(e)&&t.preventDefault()}focusTarget(t){if(!(t instanceof HTMLAnchorElement))return!1;const e=t.hash.replace("#","");if(!e)return!1;const i=document.getElementById(e);if(!i)return!1;const n=this.getAssociatedLegendOrLabel(i);return!!n&&(n.scrollIntoView(),i.focus({preventScroll:!0}),!0)}getAssociatedLegendOrLabel(t){var e;const i=t.closest("fieldset");if(i){const e=i.getElementsByTagName("legend");if(e.length){const i=e[0];if(t instanceof HTMLInputElement&&("checkbox"===t.type||"radio"===t.type))return i;const n=i.getBoundingClientRect().top,s=t.getBoundingClientRect();if(s.height&&window.innerHeight){if(s.top+s.height-n<window.innerHeight/2)return i}}}return null!=(e=document.querySelector(`label[for='${t.getAttribute("id")}']`))?e:t.closest("label")}}ErrorSummary.moduleName="govuk-error-summary",ErrorSummary.defaults=Object.freeze({disableAutoFocus:!1}),ErrorSummary.schema=Object.freeze({properties:{disableAutoFocus:{type:"boolean"}}});class ExitThisPage extends ConfigurableComponent{constructor(t,e={}){super(t,e),this.i18n=void 0,this.$button=void 0,this.$skiplinkButton=null,this.$updateSpan=null,this.$indicatorContainer=null,this.$overlay=null,this.keypressCounter=0,this.lastKeyWasModified=!1,this.timeoutTime=5e3,this.keypressTimeoutId=null,this.timeoutMessageId=null;const i=this.$root.querySelector(".govuk-exit-this-page__button");if(!(i instanceof HTMLAnchorElement))throw new ElementError({component:ExitThisPage,element:i,expectedType:"HTMLAnchorElement",identifier:"Button (`.govuk-exit-this-page__button`)"});this.i18n=new I18n(this.config.i18n),this.$button=i;const n=document.querySelector(".govuk-js-exit-this-page-skiplink");n instanceof HTMLAnchorElement&&(this.$skiplinkButton=n),this.buildIndicator(),this.initUpdateSpan(),this.initButtonClickHandler(),"govukFrontendExitThisPageKeypress"in document.body.dataset||(document.addEventListener("keyup",this.handleKeypress.bind(this),!0),document.body.dataset.govukFrontendExitThisPageKeypress="true"),window.addEventListener("pageshow",this.resetPage.bind(this))}initUpdateSpan(){this.$updateSpan=document.createElement("span"),this.$updateSpan.setAttribute("role","status"),this.$updateSpan.className="govuk-visually-hidden",this.$root.appendChild(this.$updateSpan)}initButtonClickHandler(){this.$button.addEventListener("click",this.handleClick.bind(this)),this.$skiplinkButton&&this.$skiplinkButton.addEventListener("click",this.handleClick.bind(this))}buildIndicator(){this.$indicatorContainer=document.createElement("div"),this.$indicatorContainer.className="govuk-exit-this-page__indicator",this.$indicatorContainer.setAttribute("aria-hidden","true");for(let t=0;t<3;t++){const t=document.createElement("div");t.className="govuk-exit-this-page__indicator-light",this.$indicatorContainer.appendChild(t)}this.$button.appendChild(this.$indicatorContainer)}updateIndicator(){if(!this.$indicatorContainer)return;this.$indicatorContainer.classList.toggle("govuk-exit-this-page__indicator--visible",this.keypressCounter>0);this.$indicatorContainer.querySelectorAll(".govuk-exit-this-page__indicator-light").forEach(((t,e)=>{t.classList.toggle("govuk-exit-this-page__indicator-light--on",e<this.keypressCounter)}))}exitPage(){this.$updateSpan&&(this.$updateSpan.textContent="",document.body.classList.add("govuk-exit-this-page-hide-content"),this.$overlay=document.createElement("div"),this.$overlay.className="govuk-exit-this-page-overlay",this.$overlay.setAttribute("role","alert"),document.body.appendChild(this.$overlay),this.$overlay.textContent=this.i18n.t("activated"),window.location.href=this.$button.href)}handleClick(t){t.preventDefault(),this.exitPage()}handleKeypress(t){this.$updateSpan&&("Shift"!==t.key||this.lastKeyWasModified?this.keypressTimeoutId&&this.resetKeypressTimer():(this.keypressCounter+=1,this.updateIndicator(),this.timeoutMessageId&&(window.clearTimeout(this.timeoutMessageId),this.timeoutMessageId=null),this.keypressCounter>=3?(this.keypressCounter=0,this.keypressTimeoutId&&(window.clearTimeout(this.keypressTimeoutId),this.keypressTimeoutId=null),this.exitPage()):1===this.keypressCounter?this.$updateSpan.textContent=this.i18n.t("pressTwoMoreTimes"):this.$updateSpan.textContent=this.i18n.t("pressOneMoreTime"),this.setKeypressTimer()),this.lastKeyWasModified=t.shiftKey)}setKeypressTimer(){this.keypressTimeoutId&&window.clearTimeout(this.keypressTimeoutId),this.keypressTimeoutId=window.setTimeout(this.resetKeypressTimer.bind(this),this.timeoutTime)}resetKeypressTimer(){if(!this.$updateSpan)return;this.keypressTimeoutId&&(window.clearTimeout(this.keypressTimeoutId),this.keypressTimeoutId=null);const t=this.$updateSpan;this.keypressCounter=0,t.textContent=this.i18n.t("timedOut"),this.timeoutMessageId=window.setTimeout((()=>{t.textContent=""}),this.timeoutTime),this.updateIndicator()}resetPage(){document.body.classList.remove("govuk-exit-this-page-hide-content"),this.$overlay&&(this.$overlay.remove(),this.$overlay=null),this.$updateSpan&&(this.$updateSpan.setAttribute("role","status"),this.$updateSpan.textContent=""),this.updateIndicator(),this.keypressTimeoutId&&window.clearTimeout(this.keypressTimeoutId),this.timeoutMessageId&&window.clearTimeout(this.timeoutMessageId)}}ExitThisPage.moduleName="govuk-exit-this-page",ExitThisPage.defaults=Object.freeze({i18n:{activated:"Loading.",timedOut:"Exit this page expired.",pressTwoMoreTimes:"Shift, press 2 more times to exit.",pressOneMoreTime:"Shift, press 1 more time to exit."}}),ExitThisPage.schema=Object.freeze({properties:{i18n:{type:"object"}}});class FileUpload extends ConfigurableComponent{constructor(t,e={}){super(t,e),this.$input=void 0,this.$button=void 0,this.$status=void 0,this.i18n=void 0,this.id=void 0,this.$announcements=void 0,this.enteredAnotherElement=void 0;const i=this.$root.querySelector("input");if(null===i)throw new ElementError({component:FileUpload,identifier:'File inputs (`<input type="file">`)'});if("file"!==i.type)throw new ElementError(formatErrorMessage(FileUpload,'File input (`<input type="file">`) attribute (`type`) is not `file`'));if(this.$input=i,!this.$input.id)throw new ElementError({component:FileUpload,identifier:'File input (`<input type="file">`) attribute (`id`)'});this.id=this.$input.id,this.i18n=new I18n(this.config.i18n,{locale:closestAttributeValue(this.$root,"lang")});const n=this.findLabel();n.id||(n.id=`${this.id}-label`),this.$input.id=`${this.id}-input`,this.$input.setAttribute("hidden","true");const s=document.createElement("button");s.classList.add("govuk-file-upload-button"),s.type="button",s.id=this.id,s.classList.add("govuk-file-upload-button--empty");const o=this.$input.getAttribute("aria-describedby");o&&s.setAttribute("aria-describedby",o);const r=document.createElement("span");r.className="govuk-body govuk-file-upload-button__status",r.setAttribute("aria-live","polite"),r.innerText=this.i18n.t("noFileChosen"),s.appendChild(r);const a=document.createElement("span");a.className="govuk-visually-hidden",a.innerText=", ",a.id=`${this.id}-comma`,s.appendChild(a);const l=document.createElement("span");l.className="govuk-file-upload-button__pseudo-button-container";const c=document.createElement("span");c.className="govuk-button govuk-button--secondary govuk-file-upload-button__pseudo-button",c.innerText=this.i18n.t("chooseFilesButton"),l.appendChild(c),l.insertAdjacentText("beforeend"," ");const u=document.createElement("span");u.className="govuk-body govuk-file-upload-button__instruction",u.innerText=this.i18n.t("dropInstruction"),l.appendChild(u),s.appendChild(l),s.setAttribute("aria-labelledby",`${n.id} ${a.id} ${s.id}`),s.addEventListener("click",this.onClick.bind(this)),s.addEventListener("dragover",(t=>{t.preventDefault()})),this.$root.insertAdjacentElement("afterbegin",s),this.$input.setAttribute("tabindex","-1"),this.$input.setAttribute("aria-hidden","true"),this.$button=s,this.$status=r,this.$input.addEventListener("change",this.onChange.bind(this)),this.updateDisabledState(),this.observeDisabledState(),this.$announcements=document.createElement("span"),this.$announcements.classList.add("govuk-file-upload-announcements"),this.$announcements.classList.add("govuk-visually-hidden"),this.$announcements.setAttribute("aria-live","assertive"),this.$root.insertAdjacentElement("afterend",this.$announcements),this.$button.addEventListener("drop",this.onDrop.bind(this)),document.addEventListener("dragenter",this.updateDropzoneVisibility.bind(this)),document.addEventListener("dragenter",(()=>{this.enteredAnotherElement=!0})),document.addEventListener("dragleave",(()=>{this.enteredAnotherElement||this.$button.disabled||(this.hideDraggingState(),this.$announcements.innerText=this.i18n.t("leftDropZone")),this.enteredAnotherElement=!1}))}updateDropzoneVisibility(t){this.$button.disabled||t.target instanceof Node&&(this.$root.contains(t.target)?t.dataTransfer&&isContainingFiles(t.dataTransfer)&&(this.$button.classList.contains("govuk-file-upload-button--dragging")||(this.showDraggingState(),this.$announcements.innerText=this.i18n.t("enteredDropZone"))):this.$button.classList.contains("govuk-file-upload-button--dragging")&&(this.hideDraggingState(),this.$announcements.innerText=this.i18n.t("leftDropZone")))}showDraggingState(){this.$button.classList.add("govuk-file-upload-button--dragging")}hideDraggingState(){this.$button.classList.remove("govuk-file-upload-button--dragging")}onDrop(t){t.preventDefault(),t.dataTransfer&&isContainingFiles(t.dataTransfer)&&(this.$input.files=t.dataTransfer.files,this.$input.dispatchEvent(new CustomEvent("change")),this.hideDraggingState())}onChange(){const t=this.$input.files.length;0===t?(this.$status.innerText=this.i18n.t("noFileChosen"),this.$button.classList.add("govuk-file-upload-button--empty")):(this.$status.innerText=1===t?this.$input.files[0].name:this.i18n.t("multipleFilesChosen",{count:t}),this.$button.classList.remove("govuk-file-upload-button--empty"))}findLabel(){const t=document.querySelector(`label[for="${this.$input.id}"]`);if(!t)throw new ElementError({component:FileUpload,identifier:`Field label (\`<label for=${this.$input.id}>\`)`});return t}onClick(){this.$input.click()}observeDisabledState(){new MutationObserver((t=>{for(const e of t)"attributes"===e.type&&"disabled"===e.attributeName&&this.updateDisabledState()})).observe(this.$input,{attributes:!0})}updateDisabledState(){this.$button.disabled=this.$input.disabled,this.$root.classList.toggle("govuk-drop-zone--disabled",this.$button.disabled)}}function isContainingFiles(t){const e=0===t.types.length,i=t.types.some((t=>"Files"===t));return e||i}FileUpload.moduleName="govuk-file-upload",FileUpload.defaults=Object.freeze({i18n:{chooseFilesButton:"Choose file",dropInstruction:"or drop file",noFileChosen:"No file chosen",multipleFilesChosen:{one:"%{count} file chosen",other:"%{count} files chosen"},enteredDropZone:"Entered drop zone",leftDropZone:"Left drop zone"}}),FileUpload.schema=Object.freeze({properties:{i18n:{type:"object"}}});class Header extends Component{constructor(t){super(t),this.$menuButton=void 0,this.$menu=void 0,this.menuIsOpen=!1,this.mql=null;const e=this.$root.querySelector(".govuk-js-header-toggle");if(!e)return this;this.$root.classList.add("govuk-header--with-js-navigation");const i=e.getAttribute("aria-controls");if(!i)throw new ElementError({component:Header,identifier:'Navigation button (`<button class="govuk-js-header-toggle">`) attribute (`aria-controls`)'});const n=document.getElementById(i);if(!n)throw new ElementError({component:Header,element:n,identifier:`Navigation (\`<ul id="${i}">\`)`});this.$menu=n,this.$menuButton=e,this.setupResponsiveChecks(),this.$menuButton.addEventListener("click",(()=>this.handleMenuButtonClick()))}setupResponsiveChecks(){const t=getBreakpoint("desktop");if(!t.value)throw new ElementError({component:Header,identifier:`CSS custom property (\`${t.property}\`) on pseudo-class \`:root\``});this.mql=window.matchMedia(`(min-width: ${t.value})`),"addEventListener"in this.mql?this.mql.addEventListener("change",(()=>this.checkMode())):this.mql.addListener((()=>this.checkMode())),this.checkMode()}checkMode(){this.mql&&this.$menu&&this.$menuButton&&(this.mql.matches?(this.$menu.removeAttribute("hidden"),this.$menuButton.setAttribute("hidden","")):(this.$menuButton.removeAttribute("hidden"),this.$menuButton.setAttribute("aria-expanded",this.menuIsOpen.toString()),this.menuIsOpen?this.$menu.removeAttribute("hidden"):this.$menu.setAttribute("hidden","")))}handleMenuButtonClick(){this.menuIsOpen=!this.menuIsOpen,this.checkMode()}}Header.moduleName="govuk-header";class NotificationBanner extends ConfigurableComponent{constructor(t,e={}){super(t,e),"alert"!==this.$root.getAttribute("role")||this.config.disableAutoFocus||setFocus(this.$root)}}NotificationBanner.moduleName="govuk-notification-banner",NotificationBanner.defaults=Object.freeze({disableAutoFocus:!1}),NotificationBanner.schema=Object.freeze({properties:{disableAutoFocus:{type:"boolean"}}});class PasswordInput extends ConfigurableComponent{constructor(t,e={}){super(t,e),this.i18n=void 0,this.$input=void 0,this.$showHideButton=void 0,this.$screenReaderStatusMessage=void 0;const i=this.$root.querySelector(".govuk-js-password-input-input");if(!(i instanceof HTMLInputElement))throw new ElementError({component:PasswordInput,element:i,expectedType:"HTMLInputElement",identifier:"Form field (`.govuk-js-password-input-input`)"});if("password"!==i.type)throw new ElementError("Password input: Form field (`.govuk-js-password-input-input`) must be of type `password`.");const n=this.$root.querySelector(".govuk-js-password-input-toggle");if(!(n instanceof HTMLButtonElement))throw new ElementError({component:PasswordInput,element:n,expectedType:"HTMLButtonElement",identifier:"Button (`.govuk-js-password-input-toggle`)"});if("button"!==n.type)throw new ElementError("Password input: Button (`.govuk-js-password-input-toggle`) must be of type `button`.");this.$input=i,this.$showHideButton=n,this.i18n=new I18n(this.config.i18n,{locale:closestAttributeValue(this.$root,"lang")}),this.$showHideButton.removeAttribute("hidden");const s=document.createElement("div");s.className="govuk-password-input__sr-status govuk-visually-hidden",s.setAttribute("aria-live","polite"),this.$screenReaderStatusMessage=s,this.$input.insertAdjacentElement("afterend",s),this.$showHideButton.addEventListener("click",this.toggle.bind(this)),this.$input.form&&this.$input.form.addEventListener("submit",(()=>this.hide())),window.addEventListener("pageshow",(t=>{t.persisted&&"password"!==this.$input.type&&this.hide()})),this.hide()}toggle(t){t.preventDefault(),"password"!==this.$input.type?this.hide():this.show()}show(){this.setType("text")}hide(){this.setType("password")}setType(t){if(t===this.$input.type)return;this.$input.setAttribute("type",t);const e="password"===t,i=e?"show":"hide",n=e?"passwordHidden":"passwordShown";this.$showHideButton.innerText=this.i18n.t(`${i}Password`),this.$showHideButton.setAttribute("aria-label",this.i18n.t(`${i}PasswordAriaLabel`)),this.$screenReaderStatusMessage.innerText=this.i18n.t(`${n}Announcement`)}}PasswordInput.moduleName="govuk-password-input",PasswordInput.defaults=Object.freeze({i18n:{showPassword:"Show",hidePassword:"Hide",showPasswordAriaLabel:"Show password",hidePasswordAriaLabel:"Hide password",passwordShownAnnouncement:"Your password is visible",passwordHiddenAnnouncement:"Your password is hidden"}}),PasswordInput.schema=Object.freeze({properties:{i18n:{type:"object"}}});class Radios extends Component{constructor(t){super(t),this.$inputs=void 0;const e=this.$root.querySelectorAll('input[type="radio"]');if(!e.length)throw new ElementError({component:Radios,identifier:'Form inputs (`<input type="radio">`)'});this.$inputs=e,this.$inputs.forEach((t=>{const e=t.getAttribute("data-aria-controls");if(e){if(!document.getElementById(e))throw new ElementError({component:Radios,identifier:`Conditional reveal (\`id="${e}"\`)`});t.setAttribute("aria-controls",e),t.removeAttribute("data-aria-controls")}})),window.addEventListener("pageshow",(()=>this.syncAllConditionalReveals())),this.syncAllConditionalReveals(),this.$root.addEventListener("click",(t=>this.handleClick(t)))}syncAllConditionalReveals(){this.$inputs.forEach((t=>this.syncConditionalRevealWithInputState(t)))}syncConditionalRevealWithInputState(t){const e=t.getAttribute("aria-controls");if(!e)return;const i=document.getElementById(e);if(null!=i&&i.classList.contains("govuk-radios__conditional")){const e=t.checked;t.setAttribute("aria-expanded",e.toString()),i.classList.toggle("govuk-radios__conditional--hidden",!e)}}handleClick(t){const e=t.target;if(!(e instanceof HTMLInputElement)||"radio"!==e.type)return;const i=document.querySelectorAll('input[type="radio"][aria-controls]'),n=e.form,s=e.name;i.forEach((t=>{const e=t.form===n;t.name===s&&e&&this.syncConditionalRevealWithInputState(t)}))}}Radios.moduleName="govuk-radios";class ServiceNavigation extends Component{constructor(t){super(t),this.$menuButton=void 0,this.$menu=void 0,this.menuIsOpen=!1,this.mql=null;const e=this.$root.querySelector(".govuk-js-service-navigation-toggle");if(!e)return this;const i=e.getAttribute("aria-controls");if(!i)throw new ElementError({component:ServiceNavigation,identifier:'Navigation button (`<button class="govuk-js-service-navigation-toggle">`) attribute (`aria-controls`)'});const n=document.getElementById(i);if(!n)throw new ElementError({component:ServiceNavigation,element:n,identifier:`Navigation (\`<ul id="${i}">\`)`});this.$menu=n,this.$menuButton=e,this.setupResponsiveChecks(),this.$menuButton.addEventListener("click",(()=>this.handleMenuButtonClick()))}setupResponsiveChecks(){const t=getBreakpoint("tablet");if(!t.value)throw new ElementError({component:ServiceNavigation,identifier:`CSS custom property (\`${t.property}\`) on pseudo-class \`:root\``});this.mql=window.matchMedia(`(min-width: ${t.value})`),"addEventListener"in this.mql?this.mql.addEventListener("change",(()=>this.checkMode())):this.mql.addListener((()=>this.checkMode())),this.checkMode()}checkMode(){this.mql&&this.$menu&&this.$menuButton&&(this.mql.matches?(this.$menu.removeAttribute("hidden"),this.$menuButton.setAttribute("hidden","")):(this.$menuButton.removeAttribute("hidden"),this.$menuButton.setAttribute("aria-expanded",this.menuIsOpen.toString()),this.menuIsOpen?this.$menu.removeAttribute("hidden"):this.$menu.setAttribute("hidden","")))}handleMenuButtonClick(){this.menuIsOpen=!this.menuIsOpen,this.checkMode()}}ServiceNavigation.moduleName="govuk-service-navigation";class SkipLink extends Component{constructor(t){var e;super(t);const i=this.$root.hash,n=null!=(e=this.$root.getAttribute("href"))?e:"";if(this.$root.origin!==window.location.origin||this.$root.pathname!==window.location.pathname)return;const s=i.replace("#","");if(!s)throw new ElementError(`Skip link: Target link (\`href="${n}"\`) has no hash fragment`);const o=document.getElementById(s);if(!o)throw new ElementError({component:SkipLink,element:o,identifier:`Target content (\`id="${s}"\`)`});this.$root.addEventListener("click",(()=>setFocus(o,{onBeforeFocus(){o.classList.add("govuk-skip-link-focused-element")},onBlur(){o.classList.remove("govuk-skip-link-focused-element")}})))}}SkipLink.elementType=HTMLAnchorElement,SkipLink.moduleName="govuk-skip-link";class Tabs extends Component{constructor(t){super(t),this.$tabs=void 0,this.$tabList=void 0,this.$tabListItems=void 0,this.jsHiddenClass="govuk-tabs__panel--hidden",this.changingHash=!1,this.boundTabClick=void 0,this.boundTabKeydown=void 0,this.boundOnHashChange=void 0,this.mql=null;const e=this.$root.querySelectorAll("a.govuk-tabs__tab");if(!e.length)throw new ElementError({component:Tabs,identifier:'Links (`<a class="govuk-tabs__tab">`)'});this.$tabs=e,this.boundTabClick=this.onTabClick.bind(this),this.boundTabKeydown=this.onTabKeydown.bind(this),this.boundOnHashChange=this.onHashChange.bind(this);const i=this.$root.querySelector(".govuk-tabs__list"),n=this.$root.querySelectorAll("li.govuk-tabs__list-item");if(!i)throw new ElementError({component:Tabs,identifier:'List (`<ul class="govuk-tabs__list">`)'});if(!n.length)throw new ElementError({component:Tabs,identifier:'List items (`<li class="govuk-tabs__list-item">`)'});this.$tabList=i,this.$tabListItems=n,this.setupResponsiveChecks()}setupResponsiveChecks(){const t=getBreakpoint("tablet");if(!t.value)throw new ElementError({component:Tabs,identifier:`CSS custom property (\`${t.property}\`) on pseudo-class \`:root\``});this.mql=window.matchMedia(`(min-width: ${t.value})`),"addEventListener"in this.mql?this.mql.addEventListener("change",(()=>this.checkMode())):this.mql.addListener((()=>this.checkMode())),this.checkMode()}checkMode(){var t;null!=(t=this.mql)&&t.matches?this.setup():this.teardown()}setup(){var t;this.$tabList.setAttribute("role","tablist"),this.$tabListItems.forEach((t=>{t.setAttribute("role","presentation")})),this.$tabs.forEach((t=>{this.setAttributes(t),t.addEventListener("click",this.boundTabClick,!0),t.addEventListener("keydown",this.boundTabKeydown,!0),this.hideTab(t)}));const e=null!=(t=this.getTab(window.location.hash))?t:this.$tabs[0];this.showTab(e),window.addEventListener("hashchange",this.boundOnHashChange,!0)}teardown(){this.$tabList.removeAttribute("role"),this.$tabListItems.forEach((t=>{t.removeAttribute("role")})),this.$tabs.forEach((t=>{t.removeEventListener("click",this.boundTabClick,!0),t.removeEventListener("keydown",this.boundTabKeydown,!0),this.unsetAttributes(t)})),window.removeEventListener("hashchange",this.boundOnHashChange,!0)}onHashChange(){const t=window.location.hash,e=this.getTab(t);if(!e)return;if(this.changingHash)return void(this.changingHash=!1);const i=this.getCurrentTab();i&&(this.hideTab(i),this.showTab(e),e.focus())}hideTab(t){this.unhighlightTab(t),this.hidePanel(t)}showTab(t){this.highlightTab(t),this.showPanel(t)}getTab(t){return this.$root.querySelector(`a.govuk-tabs__tab[href="${t}"]`)}setAttributes(t){const e=t.hash.replace("#","");if(!e)return;t.setAttribute("id",`tab_${e}`),t.setAttribute("role","tab"),t.setAttribute("aria-controls",e),t.setAttribute("aria-selected","false"),t.setAttribute("tabindex","-1");const i=this.getPanel(t);i&&(i.setAttribute("role","tabpanel"),i.setAttribute("aria-labelledby",t.id),i.classList.add(this.jsHiddenClass))}unsetAttributes(t){t.removeAttribute("id"),t.removeAttribute("role"),t.removeAttribute("aria-controls"),t.removeAttribute("aria-selected"),t.removeAttribute("tabindex");const e=this.getPanel(t);e&&(e.removeAttribute("role"),e.removeAttribute("aria-labelledby"),e.classList.remove(this.jsHiddenClass))}onTabClick(t){const e=this.getCurrentTab(),i=t.currentTarget;e&&i instanceof HTMLAnchorElement&&(t.preventDefault(),this.hideTab(e),this.showTab(i),this.createHistoryEntry(i))}createHistoryEntry(t){const e=this.getPanel(t);if(!e)return;const i=e.id;e.id="",this.changingHash=!0,window.location.hash=i,e.id=i}onTabKeydown(t){switch(t.key){case"ArrowLeft":case"Left":this.activatePreviousTab(),t.preventDefault();break;case"ArrowRight":case"Right":this.activateNextTab(),t.preventDefault()}}activateNextTab(){const t=this.getCurrentTab();if(null==t||!t.parentElement)return;const e=t.parentElement.nextElementSibling;if(!e)return;const i=e.querySelector("a.govuk-tabs__tab");i&&(this.hideTab(t),this.showTab(i),i.focus(),this.createHistoryEntry(i))}activatePreviousTab(){const t=this.getCurrentTab();if(null==t||!t.parentElement)return;const e=t.parentElement.previousElementSibling;if(!e)return;const i=e.querySelector("a.govuk-tabs__tab");i&&(this.hideTab(t),this.showTab(i),i.focus(),this.createHistoryEntry(i))}getPanel(t){const e=t.hash.replace("#","");return e?this.$root.querySelector(`#${e}`):null}showPanel(t){const e=this.getPanel(t);e&&e.classList.remove(this.jsHiddenClass)}hidePanel(t){const e=this.getPanel(t);e&&e.classList.add(this.jsHiddenClass)}unhighlightTab(t){t.parentElement&&(t.setAttribute("aria-selected","false"),t.parentElement.classList.remove("govuk-tabs__list-item--selected"),t.setAttribute("tabindex","-1"))}highlightTab(t){t.parentElement&&(t.setAttribute("aria-selected","true"),t.parentElement.classList.add("govuk-tabs__list-item--selected"),t.setAttribute("tabindex","0"))}getCurrentTab(){return this.$root.querySelector(".govuk-tabs__list-item--selected a.govuk-tabs__tab")}}function initAll(t={}){const e=isObject(t)?t:{},i=normaliseOptions(t);try{if(!isSupported())throw new SupportError;if(null===i.scope)throw new ElementError({element:i.scope,identifier:"GOV.UK Frontend scope element (`$scope`)"})}catch(n){return void(i.onError?i.onError(n,{config:e}):console.log(n))}[[Accordion,e.accordion],[Button,e.button],[CharacterCount,e.characterCount],[Checkboxes],[ErrorSummary,e.errorSummary],[ExitThisPage,e.exitThisPage],[FileUpload,e.fileUpload],[Header],[NotificationBanner,e.notificationBanner],[PasswordInput,e.passwordInput],[Radios],[ServiceNavigation],[SkipLink],[Tabs]].forEach((([Component,t])=>{createAll(Component,t,i)}))}function createAll(Component,t,e){let i;const n=normaliseOptions(e);try{var s;if(!isSupported())throw new SupportError;if(null===n.scope)throw new ElementError({element:n.scope,component:Component,identifier:"Scope element (`$scope`)"});i=null==(s=n.scope)?void 0:s.querySelectorAll(`[data-module="${Component.moduleName}"]`)}catch(o){return n.onError?n.onError(o,{component:Component,config:t}):console.log(o),[]}return Array.from(null!=i?i:[]).map((e=>{try{return void 0!==t?new Component(e,t):new Component(e)}catch(o){return n.onError?n.onError(o,{element:e,component:Component,config:t}):console.log(o),null}})).filter(Boolean)}Tabs.moduleName="govuk-tabs";export{Accordion,Button,CharacterCount,Checkboxes,Component,ConfigurableComponent,ErrorSummary,ExitThisPage,FileUpload,Header,NotificationBanner,PasswordInput,Radios,ServiceNavigation,SkipLink,Tabs,createAll,initAll,isSupported,version};//# sourceMappingURL=govuk-frontend.min.js.map
diff --git a/app/templates/books.html b/app/templates/books.html
new file mode 100644
index 0000000..40a6f38
--- /dev/null
+++ b/app/templates/books.html
@@ -0,0 +1,192 @@
+{% extends "layout.html" %}
+
+{# Import the 'govukTable' macro from the files we copied #}
+{% from "govuk/components/table/macro.njk" import govukTable %}
+
+{% block pageTitle %}
+  All Books - Book API
+{% endblock %}
+
+{% block content %}
+<div class="govuk-grid-row">
+  <div class="govuk-grid-column-full">
+    <h1 class="govuk-heading-xl">Available Books</h1>
+
+    <p class="govuk-body" id="book-count">Loading book count...</p>
+
+    {# We will populate this table using JavaScript #}
+    <div id="books-table-container">
+      <p class="govuk-body">Loading books...</p>
+    </div>
+    {# Pagination navigation below the table as per guidelines #}
+    <div id="pagination-container">
+      <p class="govuk-body">Loading pagination...</p>
+    </div>
+
+  </div>
+</div>
+
+<script>
+  // -- STATE VARIABLES --
+  // At top-level for global access
+  const BOOKS_PER_PAGE = 20;
+  let currentPage = 1;
+  let totalItems = 0;
+
+  // HELPER FUNCTION: Renders the table
+  // Good practice to separate the rendering logic from the fetching logic
+  function renderTable(data) {
+    
+    const totalCount = data.total_count || 0
+    const books = data.items;
+    const container = document.getElementById('books-table-container');
+
+    if (!books || books.length === 0) {
+      // Grab container and display above the table
+      container.innerHTML = '<p class="govuk-body">No books found.</p>';
+      document.getElementById('book-count').innerHTML = '0 books found';
+      return; // Stop here if there's no data
+    }
+
+    // Display the total count above the table
+    const startItem = (currentPage - 1) * BOOKS_PER_PAGE + 1;
+    const endItem = startItem + books.length - 1;
+    document.getElementById('book-count').innerHTML = `Showing books ${startItem}-${endItem} of ${totalCount}`;
+
+    // -- Prepare data for the GOV.UK Table macro format
+    const head = [
+      { text: "Title" },
+      { text: "Author" },
+      { text: "Synopsis" },
+      { text: "Info"},
+      { text: "Reservations"}
+    ];
+
+    const rows = books.map(book => {
+      return [
+        { text: book.title },
+        { text: book.author },
+        { text: book.synopsis },
+        { html: `<a href="${book.links.self}" class="govuk-link">View details</a>` },
+        { html: `<a href="${book.links.reservations}" class="govuk-link">View reservations</a>` }
+      ];
+    });
+
+    // -- Build and inject the table HTML --
+    // We need to render the Jinja macro with our data.
+    // Since Jinja renders on the server, we'll build the HTML manually here in JS.
+    // (A more advanced setup would use a JS framework like React/Vue).
+    const tableHtml = `
+      <table class="govuk-table">
+        <thead class="govuk-table__head">
+          <tr class="govuk-table__row">
+            ${head.map(h => `<th scope="col" class="govuk-table__header">${h.text}</th>`).join('')}
+          </tr>
+        </thead>
+        <tbody class="govuk-table__body">
+          ${rows.map(row => `
+            <tr class="govuk-table__row">
+              ${row.map(cell => {
+                // This part handles both `text` and `html` properties
+                const content = cell.html ? cell.html : (cell.text || '');
+                // Note: In a real app, you would sanitize user-generated HTML.
+                // Since this HTML is generated by us, it's safe.
+                return `<td class="govuk-table__cell">${content}</td>`;
+              }).join('')}
+            </tr>
+          `).join('')}
+        </tbody>
+      </table>
+    `;
+    container.innerHTML = tableHtml;
+
+    // After rendering the table, we need to render the pagination controls
+    renderPagination(totalCount);
+  }
+
+  // --- HELPER FUNCTION: Renders pagination controls ---
+  function renderPagination(totalItems) {
+    const paginationContainer = document.getElementById('pagination-container');
+    // A small safety check in case the container is ever removed.
+    if (!paginationContainer) {
+        console.error("Could not find pagination container div!");
+        return;
+    }
+
+    const totalPages = Math.ceil(totalItems / BOOKS_PER_PAGE);
+
+    // Don't show pagination if there's only one page
+    if (totalPages <= 1) {
+      paginationContainer.innerHTML = '';
+      return;
+    }
+
+    let paginationHtml = '<nav class="govuk-pagination" role="navigation" aria-label="results">';
+
+    // "Previous" link
+    if (currentPage > 1) {
+      paginationHtml += `
+        <div class="govuk-pagination__prev">
+          <a class="govuk-link govuk-pagination__link" href="#" rel="prev" onclick="event.preventDefault(); loadPage(${currentPage - 1});">
+            <svg class="govuk-pagination__icon govuk-pagination__icon--prev" xmlns="http://www.w3.org/2000/svg" height="13" width="15" aria-hidden="true" focusable="false" viewBox="0 0 15 13">
+              <path d="m6.5938-0.0078125-6.7266 6.7266 6.7441 6.4062 1.377-1.4492-4.1856-3.9768h12.896v-2h-12.984l4.293-4.293-1.414-1.414z"></path>
+            </svg>
+            <span class="govuk-pagination__link-title">Previous</span>
+          </a>
+        </div>
+      `;
+    }
+
+    // "Next" link
+    if (currentPage < totalPages) {
+       paginationHtml += `
+        <div class="govuk-pagination__next">
+          <a class="govuk-link govuk-pagination__link" href="#" rel="next" onclick="event.preventDefault(); loadPage(${currentPage + 1});">
+            <span class="govuk-pagination__link-title">Next</span>
+            <svg class="govuk-pagination__icon govuk-pagination__icon--next" xmlns="http://www.w3.org/2000/svg" height="13" width="15" aria-hidden="true" focusable="false" viewBox="0 0 15 13">
+              <path d="m8.107-0.0078125-1.4136 1.414 4.2926 4.293h-12.986v2h12.896l-4.1855 3.9766 1.377 1.4492 6.7441-6.4062-6.7266-6.7266z"></path>
+            </svg>
+          </a>
+        </div>
+      `;
+    }
+
+    paginationHtml += '</nav>';
+    paginationContainer.innerHTML = paginationHtml;
+  }
+  // --- MAIN FUNCTION: Fetches and displays a page of books
+  function loadPage(pageNumber) {
+    
+    currentPage = pageNumber; //Update the global state
+    const offset = (pageNumber -1) * BOOKS_PER_PAGE;
+    const limit = BOOKS_PER_PAGE;
+    const container = document.getElementById('books-table-container');
+
+    // Show a loading state
+    container.innerHTML = '<p class="govuk-body">Loading books...</p>';
+
+    fetch(`/books?limit=${limit}&offset=${offset}`)
+      .then(response => {
+        if (!response.ok) 
+          throw new Error(`Network response was not ok (${response.status})`);
+        return response.json();
+      })
+      .then(data => {
+        // Once data is fetched, call the helper to render it
+        renderTable(data);
+      })
+      .catch(error => {
+        console.error('Error fetching books: ', error);
+        container.innerHTML = '<div class="govuk-error-message">...</div>';
+      });
+  }
+
+  // --- ENTRY POINT ---
+  // This is the only event listener. It runs once when the page is ready.
+  document.addEventListener('DOMContentLoaded', function() {
+    // It kicks everything off by loading the first page.
+    loadPage(1);
+  });
+
+</script>
+{% endblock %}
\ No newline at end of file
diff --git a/app/templates/govuk/components/_all.scss b/app/templates/govuk/components/_all.scss
new file mode 100644
index 0000000..b8fd480
--- /dev/null
+++ b/app/templates/govuk/components/_all.scss
@@ -0,0 +1,10 @@
+@import "../settings/warnings";
+@import "index";
+
+@include _warning(
+  "import-using-all",
+  "Importing using 'govuk/components/all' is deprecated. Update your import statement to import 'govuk/components/index'.",
+  $silence-further-warnings: false
+);
+
+/*# sourceMappingURL=_all.scss.map */
diff --git a/app/templates/govuk/components/_all.scss.map b/app/templates/govuk/components/_all.scss.map
new file mode 100644
index 0000000..ad3fd3b
--- /dev/null
+++ b/app/templates/govuk/components/_all.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/govuk/components/_all.scss"],"names":[],"mappings":"AAAA,8BAA8B;AAC9B,eAAe;;AAEf;;;;CAIC","file":"_all.scss","sourcesContent":["@import \"../settings/warnings\";\n@import \"index\";\n\n@include _warning(\n  \"import-using-all\",\n  \"Importing using 'govuk/components/all' is deprecated. Update your import statement to import 'govuk/components/index'.\",\n  $silence-further-warnings: false\n);\n"]}
diff --git a/app/templates/govuk/components/_index.scss b/app/templates/govuk/components/_index.scss
new file mode 100644
index 0000000..e909f8f
--- /dev/null
+++ b/app/templates/govuk/components/_index.scss
@@ -0,0 +1,40 @@
+@import "../base";
+
+@import "accordion/index";
+@import "back-link/index";
+@import "breadcrumbs/index";
+@import "button/index";
+@import "character-count/index";
+@import "checkboxes/index";
+@import "cookie-banner/index";
+@import "date-input/index";
+@import "details/index";
+@import "error-message/index";
+@import "error-summary/index";
+@import "exit-this-page/index";
+@import "fieldset/index";
+@import "file-upload/index";
+@import "footer/index";
+@import "header/index";
+@import "hint/index";
+@import "input/index";
+@import "inset-text/index";
+@import "label/index";
+@import "notification-banner/index";
+@import "pagination/index";
+@import "panel/index";
+@import "password-input/index";
+@import "phase-banner/index";
+@import "radios/index";
+@import "select/index";
+@import "service-navigation/index";
+@import "skip-link/index";
+@import "summary-list/index";
+@import "table/index";
+@import "tabs/index";
+@import "tag/index";
+@import "task-list/index";
+@import "textarea/index";
+@import "warning-text/index";
+
+/*# sourceMappingURL=_index.scss.map */
diff --git a/app/templates/govuk/components/_index.scss.map b/app/templates/govuk/components/_index.scss.map
new file mode 100644
index 0000000..4d0f5e3
--- /dev/null
+++ b/app/templates/govuk/components/_index.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/govuk/components/_index.scss"],"names":[],"mappings":"AAAA,iBAAiB;;AAEjB,yBAAyB;AACzB,yBAAyB;AACzB,2BAA2B;AAC3B,sBAAsB;AACtB,+BAA+B;AAC/B,0BAA0B;AAC1B,6BAA6B;AAC7B,0BAA0B;AAC1B,uBAAuB;AACvB,6BAA6B;AAC7B,6BAA6B;AAC7B,8BAA8B;AAC9B,wBAAwB;AACxB,2BAA2B;AAC3B,sBAAsB;AACtB,sBAAsB;AACtB,oBAAoB;AACpB,qBAAqB;AACrB,0BAA0B;AAC1B,qBAAqB;AACrB,mCAAmC;AACnC,0BAA0B;AAC1B,qBAAqB;AACrB,8BAA8B;AAC9B,4BAA4B;AAC5B,sBAAsB;AACtB,sBAAsB;AACtB,kCAAkC;AAClC,yBAAyB;AACzB,4BAA4B;AAC5B,qBAAqB;AACrB,oBAAoB;AACpB,mBAAmB;AACnB,yBAAyB;AACzB,wBAAwB;AACxB,4BAA4B","file":"_index.scss","sourcesContent":["@import \"../base\";\n\n@import \"accordion/index\";\n@import \"back-link/index\";\n@import \"breadcrumbs/index\";\n@import \"button/index\";\n@import \"character-count/index\";\n@import \"checkboxes/index\";\n@import \"cookie-banner/index\";\n@import \"date-input/index\";\n@import \"details/index\";\n@import \"error-message/index\";\n@import \"error-summary/index\";\n@import \"exit-this-page/index\";\n@import \"fieldset/index\";\n@import \"file-upload/index\";\n@import \"footer/index\";\n@import \"header/index\";\n@import \"hint/index\";\n@import \"input/index\";\n@import \"inset-text/index\";\n@import \"label/index\";\n@import \"notification-banner/index\";\n@import \"pagination/index\";\n@import \"panel/index\";\n@import \"password-input/index\";\n@import \"phase-banner/index\";\n@import \"radios/index\";\n@import \"select/index\";\n@import \"service-navigation/index\";\n@import \"skip-link/index\";\n@import \"summary-list/index\";\n@import \"table/index\";\n@import \"tabs/index\";\n@import \"tag/index\";\n@import \"task-list/index\";\n@import \"textarea/index\";\n@import \"warning-text/index\";\n"]}
diff --git a/app/templates/govuk/components/accordion/README.md b/app/templates/govuk/components/accordion/README.md
new file mode 100644
index 0000000..647e0cb
--- /dev/null
+++ b/app/templates/govuk/components/accordion/README.md
@@ -0,0 +1,15 @@
+# Accordion
+
+## Installation
+
+See the [main README quick start guide](https://github.com/alphagov/govuk-frontend#quick-start) for how to install this component.
+
+## Guidance and Examples
+
+Find out when to use the accordion component in your service in the [GOV.UK Design System](https://design-system.service.gov.uk/components/accordion).
+
+## Component options
+
+Use options to customise the appearance, content and behaviour of a component when using a macro, for example, changing the text.
+
+See [options table](https://design-system.service.gov.uk/components/accordion/#options-accordion-example) for details.
diff --git a/app/templates/govuk/components/accordion/_accordion.scss b/app/templates/govuk/components/accordion/_accordion.scss
new file mode 100644
index 0000000..ada3c0f
--- /dev/null
+++ b/app/templates/govuk/components/accordion/_accordion.scss
@@ -0,0 +1,4 @@
+@import "../../base";
+@import "./index";
+
+/*# sourceMappingURL=_accordion.scss.map */
diff --git a/app/templates/govuk/components/accordion/_accordion.scss.map b/app/templates/govuk/components/accordion/_accordion.scss.map
new file mode 100644
index 0000000..b3047e6
--- /dev/null
+++ b/app/templates/govuk/components/accordion/_accordion.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/accordion/_accordion.scss"],"names":[],"mappings":"AAAA,oBAAoB;AACpB,iBAAiB","file":"_accordion.scss","sourcesContent":["@import \"../../base\";\n@import \"./index\";\n"]}
diff --git a/app/templates/govuk/components/accordion/_index.scss b/app/templates/govuk/components/accordion/_index.scss
new file mode 100644
index 0000000..00c08ff
--- /dev/null
+++ b/app/templates/govuk/components/accordion/_index.scss
@@ -0,0 +1,370 @@
+@include govuk-exports("govuk/component/accordion") {
+  $govuk-accordion-base-colour: govuk-colour("black");
+  $govuk-accordion-hover-colour: govuk-colour("light-grey");
+  $govuk-accordion-icon-focus-colour: $govuk-focus-colour;
+  $govuk-accordion-bottom-border-width: 1px;
+
+  .govuk-accordion {
+    @include govuk-responsive-margin(6, "bottom");
+  }
+
+  .govuk-accordion__section {
+    padding-top: govuk-spacing(3);
+  }
+
+  .govuk-accordion__section-heading {
+    // Override browser defaults to ensure consistent element height
+    margin-top: 0;
+    margin-bottom: 0;
+
+    padding-top: govuk-spacing(3);
+    padding-bottom: govuk-spacing(3);
+  }
+
+  .govuk-accordion__section-button {
+    @include govuk-font($size: 24, $weight: bold);
+    @include govuk-text-colour;
+
+    display: block;
+    margin-bottom: 0;
+    padding-top: govuk-spacing(3);
+  }
+
+  // Remove the bottom margin from the last item inside the content
+  .govuk-accordion__section-content > :last-child {
+    margin-bottom: 0;
+  }
+
+  // GOV.UK Frontend JavaScript enabled
+  .govuk-frontend-supported {
+    .govuk-accordion {
+      // Border at the bottom of the whole accordion
+      border-bottom: $govuk-accordion-bottom-border-width solid $govuk-border-colour;
+    }
+
+    .govuk-accordion__section {
+      padding-top: 0;
+    }
+
+    // Hide the body of collapsed sections by default for browsers that lack
+    // support for `content-visibility` paired with [hidden=until-found]
+    .govuk-accordion__section-content {
+      display: none;
+
+      @include govuk-responsive-padding(3, "top");
+      @include govuk-responsive-padding(8, "bottom");
+    }
+
+    // Hide the body of collapsed sections using `content-visibility` to enable
+    // page search within [hidden=until-found] regions where browser supported
+    .govuk-accordion__section-content[hidden] {
+      @supports (content-visibility: hidden) {
+        content-visibility: hidden;
+        display: inherit;
+      }
+
+      // Hide the padding of collapsed sections
+      padding-top: 0;
+      padding-bottom: 0;
+    }
+
+    // Show the body of expanded sections
+    .govuk-accordion__section--expanded .govuk-accordion__section-content {
+      display: block;
+    }
+
+    .govuk-accordion__show-all {
+      @include govuk-font($size: 19);
+      position: relative;
+      z-index: 1;
+
+      margin-bottom: 9px;
+      padding: govuk-spacing(1) 2px govuk-spacing(1) 0;
+
+      border-width: 0;
+
+      color: $govuk-link-colour;
+      background: none;
+
+      cursor: pointer;
+      -webkit-appearance: none;
+
+      @include govuk-media-query($from: tablet) {
+        margin-bottom: 14px;
+      }
+
+      // Remove default button focus outline in Firefox
+      &::-moz-focus-inner {
+        padding: 0;
+        border: 0;
+      }
+
+      &:hover {
+        color: $govuk-accordion-base-colour;
+        background: $govuk-accordion-hover-colour;
+        // The focus state adds a box-shadow to the top and bottom of the
+        // button. We add a grey box-shadow on hover too, to make the height of
+        // the hover state match the height of the focus state.
+        box-shadow:
+          0 -2px $govuk-accordion-hover-colour,
+          0 4px $govuk-accordion-hover-colour;
+
+        .govuk-accordion__section-toggle-text {
+          color: $govuk-accordion-base-colour;
+        }
+
+        .govuk-accordion-nav__chevron {
+          color: $govuk-accordion-base-colour;
+          background: $govuk-accordion-base-colour;
+        }
+
+        .govuk-accordion-nav__chevron::after {
+          color: $govuk-accordion-hover-colour;
+        }
+      }
+
+      &:focus {
+        @include govuk-focused-text;
+
+        .govuk-accordion-nav__chevron {
+          background: $govuk-accordion-base-colour;
+        }
+
+        .govuk-accordion-nav__chevron::after {
+          color: $govuk-accordion-icon-focus-colour;
+        }
+      }
+    }
+
+    .govuk-accordion__section-heading {
+      padding: 0;
+    }
+
+    // Create Chevron icon aligned with text
+    .govuk-accordion-nav__chevron {
+      box-sizing: border-box;
+      display: inline-block;
+
+      position: relative;
+
+      // Set size using rems so icon scales with text
+      width: govuk-px-to-rem(20px);
+      height: govuk-px-to-rem(20px);
+
+      border: govuk-px-to-rem(1px) solid;
+      border-radius: 50%;
+
+      vertical-align: middle;
+
+      // Create inner chevron arrow
+      &::after {
+        content: "";
+        box-sizing: border-box;
+        display: block;
+
+        position: absolute;
+        bottom: govuk-px-to-rem(5px);
+        left: govuk-px-to-rem(6px);
+
+        width: govuk-px-to-rem(6px);
+        height: govuk-px-to-rem(6px);
+
+        transform: rotate(-45deg);
+
+        border-top: govuk-px-to-rem(2px) solid;
+        border-right: govuk-px-to-rem(2px) solid;
+      }
+    }
+
+    // Rotate icon to create "Down" version
+    .govuk-accordion-nav__chevron--down {
+      transform: rotate(180deg);
+    }
+
+    .govuk-accordion__section-button {
+      width: 100%;
+
+      padding: govuk-spacing(2) 0 0;
+
+      border: 0;
+
+      border-top: $govuk-accordion-bottom-border-width solid $govuk-border-colour;
+
+      // Visually separate the section from the one underneath when user changes
+      // colours in their browser. See
+      // https://github.com/alphagov/govuk-frontend/issues/2321#issuecomment-924201488
+      border-bottom: govuk-spacing(2) solid transparent;
+
+      color: $govuk-text-colour;
+      background: none;
+
+      text-align: left;
+      // Section headers have a pointer cursor as an additional affordance
+      cursor: pointer;
+      -webkit-appearance: none;
+
+      @include govuk-media-query($from: tablet) {
+        padding-bottom: govuk-spacing(2);
+      }
+
+      &:active {
+        color: $govuk-link-active-colour;
+        background: none;
+      }
+
+      &:hover {
+        color: $govuk-accordion-base-colour;
+        background: $govuk-accordion-hover-colour;
+
+        .govuk-accordion__section-toggle-text {
+          color: $govuk-accordion-base-colour;
+        }
+
+        .govuk-accordion-nav__chevron {
+          color: $govuk-accordion-base-colour;
+          background: $govuk-accordion-base-colour;
+        }
+
+        .govuk-accordion-nav__chevron::after {
+          color: $govuk-accordion-hover-colour;
+        }
+      }
+
+      &:focus {
+        // Remove default focus border around button as styling is being applied
+        // to inner text elements that receive focus
+        outline: 0;
+
+        .govuk-accordion__section-heading-text-focus,
+        .govuk-accordion__section-summary-focus,
+        .govuk-accordion__section-toggle-focus {
+          @include govuk-focused-text;
+        }
+
+        .govuk-accordion-nav__chevron {
+          color: $govuk-accordion-base-colour;
+          background: $govuk-accordion-base-colour;
+        }
+
+        .govuk-accordion-nav__chevron::after {
+          color: $govuk-accordion-icon-focus-colour;
+        }
+      }
+
+      // Remove default button focus outline in Firefox
+      &::-moz-focus-inner {
+        padding: 0;
+        border: 0;
+      }
+    }
+
+    // Remove the transparent border when the section is expanded to make it
+    // clear that the heading relates to the content below. Adjust padding to
+    // maintain the height of the element. See
+    // https://github.com/alphagov/govuk-frontend/pull/2257#issuecomment-951920798
+    .govuk-accordion__section--expanded .govuk-accordion__section-button {
+      padding-bottom: govuk-spacing(3);
+      border-bottom: 0;
+
+      @include govuk-media-query($from: tablet) {
+        padding-bottom: govuk-spacing(4);
+      }
+    }
+
+    // As Chevron icon is vertically aligned it overlaps with the focus state
+    // bottom border – this adds some spacing
+    .govuk-accordion__section-button:focus .govuk-accordion__section-toggle-focus {
+      padding-bottom: 3px;
+
+      @include govuk-media-query($from: desktop) {
+        padding-bottom: 2px;
+      }
+    }
+
+    .govuk-accordion__section-toggle,
+    .govuk-accordion__section-heading-text,
+    .govuk-accordion__section-summary {
+      display: block;
+      margin-bottom: 13px;
+
+      .govuk-accordion__section-heading-text-focus,
+      .govuk-accordion__section-summary-focus,
+      .govuk-accordion__section-toggle-focus {
+        display: inline;
+      }
+    }
+
+    // Add toggle link with Chevron icon on left.
+    .govuk-accordion__section-toggle {
+      @include govuk-font-size($size: 19);
+      @include govuk-typography-weight-regular;
+      color: $govuk-link-colour;
+    }
+
+    // Add space between the icon and text. Avoid applying spacing directly to
+    // the icon as the use of `transform` will change the placement of any
+    // margins.
+    .govuk-accordion__show-all-text,
+    .govuk-accordion__section-toggle-text {
+      margin-left: govuk-spacing(1);
+      vertical-align: middle;
+    }
+
+    // Background colour adjustment when user changes colours in Firefox
+    //
+    // When user changes colours in Firefox, text colour inside <button> is
+    // always black (regardless of the custom colours the user has set). This is
+    // fine when the text in the button is not nested inside another element
+    // because when user changes colours in Firefox, the immediate background
+    // colour of buttons is always white (again, regardless of user's custom
+    // colours).
+    //
+    // However, when the text inside <button> is wrapped inside another element
+    // AND that element sets a background colour, the text colour is still black
+    // but the background of that nested element gets the user's custom
+    // background colour. When the custom background is a lighter hue, the
+    // contrast might be sufficient. But if the user's custom background colour
+    // is a darker colour, the contrast with the text might not be sufficient.
+    //
+    // To ensure sufficient contrast, override the background colour set by the
+    // focus state on the nested elements to be transparent.
+    //
+    // Also override the background colour of the Show/Hide chevrons which set a
+    // background colour on hover.
+    @media screen and (forced-colors: active) {
+      .govuk-accordion__show-all:hover,
+      .govuk-accordion__section-button:hover {
+        .govuk-accordion-nav__chevron {
+          background-color: transparent;
+        }
+      }
+
+      .govuk-accordion__show-all:focus,
+      .govuk-accordion__section-button:focus {
+        .govuk-accordion__section-heading-text-focus,
+        .govuk-accordion__section-summary-focus,
+        .govuk-accordion__section-toggle-focus,
+        .govuk-accordion-nav__chevron {
+          background: transparent;
+          background-color: transparent;
+        }
+      }
+    }
+
+    // For devices that can't hover such as touch devices,
+    // remove hover state as it can be stuck in that state (iOS).
+    @media (hover: none) {
+      .govuk-accordion__section-header:hover {
+        border-top-color: $govuk-border-colour;
+
+        box-shadow: inset 0 3px 0 0 $govuk-link-colour;
+
+        .govuk-accordion__section-button {
+          border-top-color: $govuk-border-colour;
+        }
+      }
+    }
+  }
+}
+
+/*# sourceMappingURL=_index.scss.map */
diff --git a/app/templates/govuk/components/accordion/_index.scss.map b/app/templates/govuk/components/accordion/_index.scss.map
new file mode 100644
index 0000000..8501458
--- /dev/null
+++ b/app/templates/govuk/components/accordion/_index.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/accordion/_index.scss"],"names":[],"mappings":"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","file":"_index.scss","sourcesContent":["@include govuk-exports(\"govuk/component/accordion\") {\n  $govuk-accordion-base-colour: govuk-colour(\"black\");\n  $govuk-accordion-hover-colour: govuk-colour(\"light-grey\");\n  $govuk-accordion-icon-focus-colour: $govuk-focus-colour;\n  $govuk-accordion-bottom-border-width: 1px;\n\n  .govuk-accordion {\n    @include govuk-responsive-margin(6, \"bottom\");\n  }\n\n  .govuk-accordion__section {\n    padding-top: govuk-spacing(3);\n  }\n\n  .govuk-accordion__section-heading {\n    // Override browser defaults to ensure consistent element height\n    margin-top: 0;\n    margin-bottom: 0;\n\n    padding-top: govuk-spacing(3);\n    padding-bottom: govuk-spacing(3);\n  }\n\n  .govuk-accordion__section-button {\n    @include govuk-font($size: 24, $weight: bold);\n    @include govuk-text-colour;\n\n    display: block;\n    margin-bottom: 0;\n    padding-top: govuk-spacing(3);\n  }\n\n  // Remove the bottom margin from the last item inside the content\n  .govuk-accordion__section-content > :last-child {\n    margin-bottom: 0;\n  }\n\n  // GOV.UK Frontend JavaScript enabled\n  .govuk-frontend-supported {\n    .govuk-accordion {\n      // Border at the bottom of the whole accordion\n      border-bottom: $govuk-accordion-bottom-border-width solid $govuk-border-colour;\n    }\n\n    .govuk-accordion__section {\n      padding-top: 0;\n    }\n\n    // Hide the body of collapsed sections by default for browsers that lack\n    // support for `content-visibility` paired with [hidden=until-found]\n    .govuk-accordion__section-content {\n      display: none;\n\n      @include govuk-responsive-padding(3, \"top\");\n      @include govuk-responsive-padding(8, \"bottom\");\n    }\n\n    // Hide the body of collapsed sections using `content-visibility` to enable\n    // page search within [hidden=until-found] regions where browser supported\n    .govuk-accordion__section-content[hidden] {\n      @supports (content-visibility: hidden) {\n        content-visibility: hidden;\n        display: inherit;\n      }\n\n      // Hide the padding of collapsed sections\n      padding-top: 0;\n      padding-bottom: 0;\n    }\n\n    // Show the body of expanded sections\n    .govuk-accordion__section--expanded .govuk-accordion__section-content {\n      display: block;\n    }\n\n    .govuk-accordion__show-all {\n      @include govuk-font($size: 19);\n      position: relative;\n      z-index: 1;\n\n      margin-bottom: 9px;\n      padding: govuk-spacing(1) 2px govuk-spacing(1) 0;\n\n      border-width: 0;\n\n      color: $govuk-link-colour;\n      background: none;\n\n      cursor: pointer;\n      -webkit-appearance: none;\n\n      @include govuk-media-query($from: tablet) {\n        margin-bottom: 14px;\n      }\n\n      // Remove default button focus outline in Firefox\n      &::-moz-focus-inner {\n        padding: 0;\n        border: 0;\n      }\n\n      &:hover {\n        color: $govuk-accordion-base-colour;\n        background: $govuk-accordion-hover-colour;\n        // The focus state adds a box-shadow to the top and bottom of the\n        // button. We add a grey box-shadow on hover too, to make the height of\n        // the hover state match the height of the focus state.\n        box-shadow:\n          0 -2px $govuk-accordion-hover-colour,\n          0 4px $govuk-accordion-hover-colour;\n\n        .govuk-accordion__section-toggle-text {\n          color: $govuk-accordion-base-colour;\n        }\n\n        .govuk-accordion-nav__chevron {\n          color: $govuk-accordion-base-colour;\n          background: $govuk-accordion-base-colour;\n        }\n\n        .govuk-accordion-nav__chevron::after {\n          color: $govuk-accordion-hover-colour;\n        }\n      }\n\n      &:focus {\n        @include govuk-focused-text;\n\n        .govuk-accordion-nav__chevron {\n          background: $govuk-accordion-base-colour;\n        }\n\n        .govuk-accordion-nav__chevron::after {\n          color: $govuk-accordion-icon-focus-colour;\n        }\n      }\n    }\n\n    .govuk-accordion__section-heading {\n      padding: 0;\n    }\n\n    // Create Chevron icon aligned with text\n    .govuk-accordion-nav__chevron {\n      box-sizing: border-box;\n      display: inline-block;\n\n      position: relative;\n\n      // Set size using rems so icon scales with text\n      width: govuk-px-to-rem(20px);\n      height: govuk-px-to-rem(20px);\n\n      border: govuk-px-to-rem(1px) solid;\n      border-radius: 50%;\n\n      vertical-align: middle;\n\n      // Create inner chevron arrow\n      &::after {\n        content: \"\";\n        box-sizing: border-box;\n        display: block;\n\n        position: absolute;\n        bottom: govuk-px-to-rem(5px);\n        left: govuk-px-to-rem(6px);\n\n        width: govuk-px-to-rem(6px);\n        height: govuk-px-to-rem(6px);\n\n        transform: rotate(-45deg);\n\n        border-top: govuk-px-to-rem(2px) solid;\n        border-right: govuk-px-to-rem(2px) solid;\n      }\n    }\n\n    // Rotate icon to create \"Down\" version\n    .govuk-accordion-nav__chevron--down {\n      transform: rotate(180deg);\n    }\n\n    .govuk-accordion__section-button {\n      width: 100%;\n\n      padding: govuk-spacing(2) 0 0;\n\n      border: 0;\n\n      border-top: $govuk-accordion-bottom-border-width solid $govuk-border-colour;\n\n      // Visually separate the section from the one underneath when user changes\n      // colours in their browser. See\n      // https://github.com/alphagov/govuk-frontend/issues/2321#issuecomment-924201488\n      border-bottom: govuk-spacing(2) solid transparent;\n\n      color: $govuk-text-colour;\n      background: none;\n\n      text-align: left;\n      // Section headers have a pointer cursor as an additional affordance\n      cursor: pointer;\n      -webkit-appearance: none;\n\n      @include govuk-media-query($from: tablet) {\n        padding-bottom: govuk-spacing(2);\n      }\n\n      &:active {\n        color: $govuk-link-active-colour;\n        background: none;\n      }\n\n      &:hover {\n        color: $govuk-accordion-base-colour;\n        background: $govuk-accordion-hover-colour;\n\n        .govuk-accordion__section-toggle-text {\n          color: $govuk-accordion-base-colour;\n        }\n\n        .govuk-accordion-nav__chevron {\n          color: $govuk-accordion-base-colour;\n          background: $govuk-accordion-base-colour;\n        }\n\n        .govuk-accordion-nav__chevron::after {\n          color: $govuk-accordion-hover-colour;\n        }\n      }\n\n      &:focus {\n        // Remove default focus border around button as styling is being applied\n        // to inner text elements that receive focus\n        outline: 0;\n\n        .govuk-accordion__section-heading-text-focus,\n        .govuk-accordion__section-summary-focus,\n        .govuk-accordion__section-toggle-focus {\n          @include govuk-focused-text;\n        }\n\n        .govuk-accordion-nav__chevron {\n          color: $govuk-accordion-base-colour;\n          background: $govuk-accordion-base-colour;\n        }\n\n        .govuk-accordion-nav__chevron::after {\n          color: $govuk-accordion-icon-focus-colour;\n        }\n      }\n\n      // Remove default button focus outline in Firefox\n      &::-moz-focus-inner {\n        padding: 0;\n        border: 0;\n      }\n    }\n\n    // Remove the transparent border when the section is expanded to make it\n    // clear that the heading relates to the content below. Adjust padding to\n    // maintain the height of the element. See\n    // https://github.com/alphagov/govuk-frontend/pull/2257#issuecomment-951920798\n    .govuk-accordion__section--expanded .govuk-accordion__section-button {\n      padding-bottom: govuk-spacing(3);\n      border-bottom: 0;\n\n      @include govuk-media-query($from: tablet) {\n        padding-bottom: govuk-spacing(4);\n      }\n    }\n\n    // As Chevron icon is vertically aligned it overlaps with the focus state\n    // bottom border – this adds some spacing\n    .govuk-accordion__section-button:focus .govuk-accordion__section-toggle-focus {\n      padding-bottom: 3px;\n\n      @include govuk-media-query($from: desktop) {\n        padding-bottom: 2px;\n      }\n    }\n\n    .govuk-accordion__section-toggle,\n    .govuk-accordion__section-heading-text,\n    .govuk-accordion__section-summary {\n      display: block;\n      margin-bottom: 13px;\n\n      .govuk-accordion__section-heading-text-focus,\n      .govuk-accordion__section-summary-focus,\n      .govuk-accordion__section-toggle-focus {\n        display: inline;\n      }\n    }\n\n    // Add toggle link with Chevron icon on left.\n    .govuk-accordion__section-toggle {\n      @include govuk-font-size($size: 19);\n      @include govuk-typography-weight-regular;\n      color: $govuk-link-colour;\n    }\n\n    // Add space between the icon and text. Avoid applying spacing directly to\n    // the icon as the use of `transform` will change the placement of any\n    // margins.\n    .govuk-accordion__show-all-text,\n    .govuk-accordion__section-toggle-text {\n      margin-left: govuk-spacing(1);\n      vertical-align: middle;\n    }\n\n    // Background colour adjustment when user changes colours in Firefox\n    //\n    // When user changes colours in Firefox, text colour inside <button> is\n    // always black (regardless of the custom colours the user has set). This is\n    // fine when the text in the button is not nested inside another element\n    // because when user changes colours in Firefox, the immediate background\n    // colour of buttons is always white (again, regardless of user's custom\n    // colours).\n    //\n    // However, when the text inside <button> is wrapped inside another element\n    // AND that element sets a background colour, the text colour is still black\n    // but the background of that nested element gets the user's custom\n    // background colour. When the custom background is a lighter hue, the\n    // contrast might be sufficient. But if the user's custom background colour\n    // is a darker colour, the contrast with the text might not be sufficient.\n    //\n    // To ensure sufficient contrast, override the background colour set by the\n    // focus state on the nested elements to be transparent.\n    //\n    // Also override the background colour of the Show/Hide chevrons which set a\n    // background colour on hover.\n    @media screen and (forced-colors: active) {\n      .govuk-accordion__show-all:hover,\n      .govuk-accordion__section-button:hover {\n        .govuk-accordion-nav__chevron {\n          background-color: transparent;\n        }\n      }\n\n      .govuk-accordion__show-all:focus,\n      .govuk-accordion__section-button:focus {\n        .govuk-accordion__section-heading-text-focus,\n        .govuk-accordion__section-summary-focus,\n        .govuk-accordion__section-toggle-focus,\n        .govuk-accordion-nav__chevron {\n          background: transparent;\n          background-color: transparent;\n        }\n      }\n    }\n\n    // For devices that can't hover such as touch devices,\n    // remove hover state as it can be stuck in that state (iOS).\n    @media (hover: none) {\n      .govuk-accordion__section-header:hover {\n        border-top-color: $govuk-border-colour;\n\n        box-shadow: inset 0 3px 0 0 $govuk-link-colour;\n\n        .govuk-accordion__section-button {\n          border-top-color: $govuk-border-colour;\n        }\n      }\n    }\n  }\n}\n"]}
diff --git a/app/templates/govuk/components/accordion/accordion.bundle.js b/app/templates/govuk/components/accordion/accordion.bundle.js
new file mode 100644
index 0000000..e689607
--- /dev/null
+++ b/app/templates/govuk/components/accordion/accordion.bundle.js
@@ -0,0 +1,707 @@
+(function (global, factory) {
+  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports) :
+  typeof define === 'function' && define.amd ? define(['exports'], factory) :
+  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.GOVUKFrontend = global.GOVUKFrontend || {}));
+})(this, (function (exports) { 'use strict';
+
+  function isInitialised($root, moduleName) {
+    return $root instanceof HTMLElement && $root.hasAttribute(`data-${moduleName}-init`);
+  }
+
+  /**
+   * Checks if GOV.UK Frontend is supported on this page
+   *
+   * Some browsers will load and run our JavaScript but GOV.UK Frontend
+   * won't be supported.
+   *
+   * @param {HTMLElement | null} [$scope] - (internal) `<body>` HTML element checked for browser support
+   * @returns {boolean} Whether GOV.UK Frontend is supported on this page
+   */
+  function isSupported($scope = document.body) {
+    if (!$scope) {
+      return false;
+    }
+    return $scope.classList.contains('govuk-frontend-supported');
+  }
+  function isArray(option) {
+    return Array.isArray(option);
+  }
+  function isObject(option) {
+    return !!option && typeof option === 'object' && !isArray(option);
+  }
+  function formatErrorMessage(Component, message) {
+    return `${Component.moduleName}: ${message}`;
+  }
+  /**
+   * @typedef ComponentWithModuleName
+   * @property {string} moduleName - Name of the component
+   */
+
+  class GOVUKFrontendError extends Error {
+    constructor(...args) {
+      super(...args);
+      this.name = 'GOVUKFrontendError';
+    }
+  }
+  class SupportError extends GOVUKFrontendError {
+    /**
+     * Checks if GOV.UK Frontend is supported on this page
+     *
+     * @param {HTMLElement | null} [$scope] - HTML element `<body>` checked for browser support
+     */
+    constructor($scope = document.body) {
+      const supportMessage = 'noModule' in HTMLScriptElement.prototype ? 'GOV.UK Frontend initialised without `<body class="govuk-frontend-supported">` from template `<script>` snippet' : 'GOV.UK Frontend is not supported in this browser';
+      super($scope ? supportMessage : 'GOV.UK Frontend initialised without `<script type="module">`');
+      this.name = 'SupportError';
+    }
+  }
+  class ConfigError extends GOVUKFrontendError {
+    constructor(...args) {
+      super(...args);
+      this.name = 'ConfigError';
+    }
+  }
+  class ElementError extends GOVUKFrontendError {
+    constructor(messageOrOptions) {
+      let message = typeof messageOrOptions === 'string' ? messageOrOptions : '';
+      if (isObject(messageOrOptions)) {
+        const {
+          component,
+          identifier,
+          element,
+          expectedType
+        } = messageOrOptions;
+        message = identifier;
+        message += element ? ` is not of type ${expectedType != null ? expectedType : 'HTMLElement'}` : ' not found';
+        if (component) {
+          message = formatErrorMessage(component, message);
+        }
+      }
+      super(message);
+      this.name = 'ElementError';
+    }
+  }
+  class InitError extends GOVUKFrontendError {
+    constructor(componentOrMessage) {
+      const message = typeof componentOrMessage === 'string' ? componentOrMessage : formatErrorMessage(componentOrMessage, `Root element (\`$root\`) already initialised`);
+      super(message);
+      this.name = 'InitError';
+    }
+  }
+  /**
+   * @import { ComponentWithModuleName } from '../common/index.mjs'
+   */
+
+  class Component {
+    /**
+     * Returns the root element of the component
+     *
+     * @protected
+     * @returns {RootElementType} - the root element of component
+     */
+    get $root() {
+      return this._$root;
+    }
+    constructor($root) {
+      this._$root = void 0;
+      const childConstructor = this.constructor;
+      if (typeof childConstructor.moduleName !== 'string') {
+        throw new InitError(`\`moduleName\` not defined in component`);
+      }
+      if (!($root instanceof childConstructor.elementType)) {
+        throw new ElementError({
+          element: $root,
+          component: childConstructor,
+          identifier: 'Root element (`$root`)',
+          expectedType: childConstructor.elementType.name
+        });
+      } else {
+        this._$root = $root;
+      }
+      childConstructor.checkSupport();
+      this.checkInitialised();
+      const moduleName = childConstructor.moduleName;
+      this.$root.setAttribute(`data-${moduleName}-init`, '');
+    }
+    checkInitialised() {
+      const constructor = this.constructor;
+      const moduleName = constructor.moduleName;
+      if (moduleName && isInitialised(this.$root, moduleName)) {
+        throw new InitError(constructor);
+      }
+    }
+    static checkSupport() {
+      if (!isSupported()) {
+        throw new SupportError();
+      }
+    }
+  }
+
+  /**
+   * @typedef ChildClass
+   * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component
+   */
+
+  /**
+   * @typedef {typeof Component & ChildClass} ChildClassConstructor
+   */
+  Component.elementType = HTMLElement;
+
+  const configOverride = Symbol.for('configOverride');
+  class ConfigurableComponent extends Component {
+    [configOverride](param) {
+      return {};
+    }
+
+    /**
+     * Returns the root element of the component
+     *
+     * @protected
+     * @returns {ConfigurationType} - the root element of component
+     */
+    get config() {
+      return this._config;
+    }
+    constructor($root, config) {
+      super($root);
+      this._config = void 0;
+      const childConstructor = this.constructor;
+      if (!isObject(childConstructor.defaults)) {
+        throw new ConfigError(formatErrorMessage(childConstructor, 'Config passed as parameter into constructor but no defaults defined'));
+      }
+      const datasetConfig = normaliseDataset(childConstructor, this._$root.dataset);
+      this._config = mergeConfigs(childConstructor.defaults, config != null ? config : {}, this[configOverride](datasetConfig), datasetConfig);
+    }
+  }
+  function normaliseString(value, property) {
+    const trimmedValue = value ? value.trim() : '';
+    let output;
+    let outputType = property == null ? void 0 : property.type;
+    if (!outputType) {
+      if (['true', 'false'].includes(trimmedValue)) {
+        outputType = 'boolean';
+      }
+      if (trimmedValue.length > 0 && isFinite(Number(trimmedValue))) {
+        outputType = 'number';
+      }
+    }
+    switch (outputType) {
+      case 'boolean':
+        output = trimmedValue === 'true';
+        break;
+      case 'number':
+        output = Number(trimmedValue);
+        break;
+      default:
+        output = value;
+    }
+    return output;
+  }
+  function normaliseDataset(Component, dataset) {
+    if (!isObject(Component.schema)) {
+      throw new ConfigError(formatErrorMessage(Component, 'Config passed as parameter into constructor but no schema defined'));
+    }
+    const out = {};
+    const entries = Object.entries(Component.schema.properties);
+    for (const entry of entries) {
+      const [namespace, property] = entry;
+      const field = namespace.toString();
+      if (field in dataset) {
+        out[field] = normaliseString(dataset[field], property);
+      }
+      if ((property == null ? void 0 : property.type) === 'object') {
+        out[field] = extractConfigByNamespace(Component.schema, dataset, namespace);
+      }
+    }
+    return out;
+  }
+  function mergeConfigs(...configObjects) {
+    const formattedConfigObject = {};
+    for (const configObject of configObjects) {
+      for (const key of Object.keys(configObject)) {
+        const option = formattedConfigObject[key];
+        const override = configObject[key];
+        if (isObject(option) && isObject(override)) {
+          formattedConfigObject[key] = mergeConfigs(option, override);
+        } else {
+          formattedConfigObject[key] = override;
+        }
+      }
+    }
+    return formattedConfigObject;
+  }
+  function extractConfigByNamespace(schema, dataset, namespace) {
+    const property = schema.properties[namespace];
+    if ((property == null ? void 0 : property.type) !== 'object') {
+      return;
+    }
+    const newObject = {
+      [namespace]: {}
+    };
+    for (const [key, value] of Object.entries(dataset)) {
+      let current = newObject;
+      const keyParts = key.split('.');
+      for (const [index, name] of keyParts.entries()) {
+        if (isObject(current)) {
+          if (index < keyParts.length - 1) {
+            if (!isObject(current[name])) {
+              current[name] = {};
+            }
+            current = current[name];
+          } else if (key !== namespace) {
+            current[name] = normaliseString(value);
+          }
+        }
+      }
+    }
+    return newObject[namespace];
+  }
+  /**
+   * Schema for component config
+   *
+   * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType
+   * @typedef {object} Schema
+   * @property {Record<keyof ConfigurationType, SchemaProperty | undefined>} properties - Schema properties
+   * @property {SchemaCondition<ConfigurationType>[]} [anyOf] - List of schema conditions
+   */
+  /**
+   * Schema property for component config
+   *
+   * @typedef {object} SchemaProperty
+   * @property {'string' | 'boolean' | 'number' | 'object'} type - Property type
+   */
+  /**
+   * Schema condition for component config
+   *
+   * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType
+   * @typedef {object} SchemaCondition
+   * @property {(keyof ConfigurationType)[]} required - List of required config fields
+   * @property {string} errorMessage - Error message when required config fields not provided
+   */
+  /**
+   * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]
+   * @typedef ChildClass
+   * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component
+   * @property {Schema<ConfigurationType>} [schema] - The schema of the component configuration
+   * @property {ConfigurationType} [defaults] - The default values of the configuration of the component
+   */
+  /**
+   * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]
+   * @typedef {typeof Component & ChildClass<ConfigurationType>} ChildClassConstructor<ConfigurationType>
+   */
+  /**
+   * @import { CompatibleClass, Config, CreateAllOptions, OnErrorCallback } from '../init.mjs'
+   */
+
+  class I18n {
+    constructor(translations = {}, config = {}) {
+      var _config$locale;
+      this.translations = void 0;
+      this.locale = void 0;
+      this.translations = translations;
+      this.locale = (_config$locale = config.locale) != null ? _config$locale : document.documentElement.lang || 'en';
+    }
+    t(lookupKey, options) {
+      if (!lookupKey) {
+        throw new Error('i18n: lookup key missing');
+      }
+      let translation = this.translations[lookupKey];
+      if (typeof (options == null ? void 0 : options.count) === 'number' && isObject(translation)) {
+        const translationPluralForm = translation[this.getPluralSuffix(lookupKey, options.count)];
+        if (translationPluralForm) {
+          translation = translationPluralForm;
+        }
+      }
+      if (typeof translation === 'string') {
+        if (translation.match(/%{(.\S+)}/)) {
+          if (!options) {
+            throw new Error('i18n: cannot replace placeholders in string if no option data provided');
+          }
+          return this.replacePlaceholders(translation, options);
+        }
+        return translation;
+      }
+      return lookupKey;
+    }
+    replacePlaceholders(translationString, options) {
+      const formatter = Intl.NumberFormat.supportedLocalesOf(this.locale).length ? new Intl.NumberFormat(this.locale) : undefined;
+      return translationString.replace(/%{(.\S+)}/g, function (placeholderWithBraces, placeholderKey) {
+        if (Object.prototype.hasOwnProperty.call(options, placeholderKey)) {
+          const placeholderValue = options[placeholderKey];
+          if (placeholderValue === false || typeof placeholderValue !== 'number' && typeof placeholderValue !== 'string') {
+            return '';
+          }
+          if (typeof placeholderValue === 'number') {
+            return formatter ? formatter.format(placeholderValue) : `${placeholderValue}`;
+          }
+          return placeholderValue;
+        }
+        throw new Error(`i18n: no data found to replace ${placeholderWithBraces} placeholder in string`);
+      });
+    }
+    hasIntlPluralRulesSupport() {
+      return Boolean('PluralRules' in window.Intl && Intl.PluralRules.supportedLocalesOf(this.locale).length);
+    }
+    getPluralSuffix(lookupKey, count) {
+      count = Number(count);
+      if (!isFinite(count)) {
+        return 'other';
+      }
+      const translation = this.translations[lookupKey];
+      const preferredForm = this.hasIntlPluralRulesSupport() ? new Intl.PluralRules(this.locale).select(count) : 'other';
+      if (isObject(translation)) {
+        if (preferredForm in translation) {
+          return preferredForm;
+        } else if ('other' in translation) {
+          console.warn(`i18n: Missing plural form ".${preferredForm}" for "${this.locale}" locale. Falling back to ".other".`);
+          return 'other';
+        }
+      }
+      throw new Error(`i18n: Plural form ".other" is required for "${this.locale}" locale`);
+    }
+  }
+
+  /**
+   * Accordion component
+   *
+   * This allows a collection of sections to be collapsed by default, showing only
+   * their headers. Sections can be expanded or collapsed individually by clicking
+   * their headers. A "Show all sections" button is also added to the top of the
+   * accordion, which switches to "Hide all sections" when all the sections are
+   * expanded.
+   *
+   * The state of each section is saved to the DOM via the `aria-expanded`
+   * attribute, which also provides accessibility.
+   *
+   * @preserve
+   * @augments ConfigurableComponent<AccordionConfig>
+   */
+  class Accordion extends ConfigurableComponent {
+    /**
+     * @param {Element | null} $root - HTML element to use for accordion
+     * @param {AccordionConfig} [config] - Accordion config
+     */
+    constructor($root, config = {}) {
+      super($root, config);
+      this.i18n = void 0;
+      this.controlsClass = 'govuk-accordion__controls';
+      this.showAllClass = 'govuk-accordion__show-all';
+      this.showAllTextClass = 'govuk-accordion__show-all-text';
+      this.sectionClass = 'govuk-accordion__section';
+      this.sectionExpandedClass = 'govuk-accordion__section--expanded';
+      this.sectionButtonClass = 'govuk-accordion__section-button';
+      this.sectionHeaderClass = 'govuk-accordion__section-header';
+      this.sectionHeadingClass = 'govuk-accordion__section-heading';
+      this.sectionHeadingDividerClass = 'govuk-accordion__section-heading-divider';
+      this.sectionHeadingTextClass = 'govuk-accordion__section-heading-text';
+      this.sectionHeadingTextFocusClass = 'govuk-accordion__section-heading-text-focus';
+      this.sectionShowHideToggleClass = 'govuk-accordion__section-toggle';
+      this.sectionShowHideToggleFocusClass = 'govuk-accordion__section-toggle-focus';
+      this.sectionShowHideTextClass = 'govuk-accordion__section-toggle-text';
+      this.upChevronIconClass = 'govuk-accordion-nav__chevron';
+      this.downChevronIconClass = 'govuk-accordion-nav__chevron--down';
+      this.sectionSummaryClass = 'govuk-accordion__section-summary';
+      this.sectionSummaryFocusClass = 'govuk-accordion__section-summary-focus';
+      this.sectionContentClass = 'govuk-accordion__section-content';
+      this.$sections = void 0;
+      this.$showAllButton = null;
+      this.$showAllIcon = null;
+      this.$showAllText = null;
+      this.i18n = new I18n(this.config.i18n);
+      const $sections = this.$root.querySelectorAll(`.${this.sectionClass}`);
+      if (!$sections.length) {
+        throw new ElementError({
+          component: Accordion,
+          identifier: `Sections (\`<div class="${this.sectionClass}">\`)`
+        });
+      }
+      this.$sections = $sections;
+      this.initControls();
+      this.initSectionHeaders();
+      this.updateShowAllButton(this.areAllSectionsOpen());
+    }
+    initControls() {
+      this.$showAllButton = document.createElement('button');
+      this.$showAllButton.setAttribute('type', 'button');
+      this.$showAllButton.setAttribute('class', this.showAllClass);
+      this.$showAllButton.setAttribute('aria-expanded', 'false');
+      this.$showAllIcon = document.createElement('span');
+      this.$showAllIcon.classList.add(this.upChevronIconClass);
+      this.$showAllButton.appendChild(this.$showAllIcon);
+      const $accordionControls = document.createElement('div');
+      $accordionControls.setAttribute('class', this.controlsClass);
+      $accordionControls.appendChild(this.$showAllButton);
+      this.$root.insertBefore($accordionControls, this.$root.firstChild);
+      this.$showAllText = document.createElement('span');
+      this.$showAllText.classList.add(this.showAllTextClass);
+      this.$showAllButton.appendChild(this.$showAllText);
+      this.$showAllButton.addEventListener('click', () => this.onShowOrHideAllToggle());
+      if ('onbeforematch' in document) {
+        document.addEventListener('beforematch', event => this.onBeforeMatch(event));
+      }
+    }
+    initSectionHeaders() {
+      this.$sections.forEach(($section, i) => {
+        const $header = $section.querySelector(`.${this.sectionHeaderClass}`);
+        if (!$header) {
+          throw new ElementError({
+            component: Accordion,
+            identifier: `Section headers (\`<div class="${this.sectionHeaderClass}">\`)`
+          });
+        }
+        this.constructHeaderMarkup($header, i);
+        this.setExpanded(this.isExpanded($section), $section);
+        $header.addEventListener('click', () => this.onSectionToggle($section));
+        this.setInitialState($section);
+      });
+    }
+    constructHeaderMarkup($header, index) {
+      const $span = $header.querySelector(`.${this.sectionButtonClass}`);
+      const $heading = $header.querySelector(`.${this.sectionHeadingClass}`);
+      const $summary = $header.querySelector(`.${this.sectionSummaryClass}`);
+      if (!$heading) {
+        throw new ElementError({
+          component: Accordion,
+          identifier: `Section heading (\`.${this.sectionHeadingClass}\`)`
+        });
+      }
+      if (!$span) {
+        throw new ElementError({
+          component: Accordion,
+          identifier: `Section button placeholder (\`<span class="${this.sectionButtonClass}">\`)`
+        });
+      }
+      const $button = document.createElement('button');
+      $button.setAttribute('type', 'button');
+      $button.setAttribute('aria-controls', `${this.$root.id}-content-${index + 1}`);
+      for (const attr of Array.from($span.attributes)) {
+        if (attr.name !== 'id') {
+          $button.setAttribute(attr.name, attr.value);
+        }
+      }
+      const $headingText = document.createElement('span');
+      $headingText.classList.add(this.sectionHeadingTextClass);
+      $headingText.id = $span.id;
+      const $headingTextFocus = document.createElement('span');
+      $headingTextFocus.classList.add(this.sectionHeadingTextFocusClass);
+      $headingText.appendChild($headingTextFocus);
+      Array.from($span.childNodes).forEach($child => $headingTextFocus.appendChild($child));
+      const $showHideToggle = document.createElement('span');
+      $showHideToggle.classList.add(this.sectionShowHideToggleClass);
+      $showHideToggle.setAttribute('data-nosnippet', '');
+      const $showHideToggleFocus = document.createElement('span');
+      $showHideToggleFocus.classList.add(this.sectionShowHideToggleFocusClass);
+      $showHideToggle.appendChild($showHideToggleFocus);
+      const $showHideText = document.createElement('span');
+      const $showHideIcon = document.createElement('span');
+      $showHideIcon.classList.add(this.upChevronIconClass);
+      $showHideToggleFocus.appendChild($showHideIcon);
+      $showHideText.classList.add(this.sectionShowHideTextClass);
+      $showHideToggleFocus.appendChild($showHideText);
+      $button.appendChild($headingText);
+      $button.appendChild(this.getButtonPunctuationEl());
+      if ($summary) {
+        const $summarySpan = document.createElement('span');
+        const $summarySpanFocus = document.createElement('span');
+        $summarySpanFocus.classList.add(this.sectionSummaryFocusClass);
+        $summarySpan.appendChild($summarySpanFocus);
+        for (const attr of Array.from($summary.attributes)) {
+          $summarySpan.setAttribute(attr.name, attr.value);
+        }
+        Array.from($summary.childNodes).forEach($child => $summarySpanFocus.appendChild($child));
+        $summary.remove();
+        $button.appendChild($summarySpan);
+        $button.appendChild(this.getButtonPunctuationEl());
+      }
+      $button.appendChild($showHideToggle);
+      $heading.removeChild($span);
+      $heading.appendChild($button);
+    }
+    onBeforeMatch(event) {
+      const $fragment = event.target;
+      if (!($fragment instanceof Element)) {
+        return;
+      }
+      const $section = $fragment.closest(`.${this.sectionClass}`);
+      if ($section) {
+        this.setExpanded(true, $section);
+      }
+    }
+    onSectionToggle($section) {
+      const nowExpanded = !this.isExpanded($section);
+      this.setExpanded(nowExpanded, $section);
+      this.storeState($section, nowExpanded);
+    }
+    onShowOrHideAllToggle() {
+      const nowExpanded = !this.areAllSectionsOpen();
+      this.$sections.forEach($section => {
+        this.setExpanded(nowExpanded, $section);
+        this.storeState($section, nowExpanded);
+      });
+      this.updateShowAllButton(nowExpanded);
+    }
+    setExpanded(expanded, $section) {
+      const $showHideIcon = $section.querySelector(`.${this.upChevronIconClass}`);
+      const $showHideText = $section.querySelector(`.${this.sectionShowHideTextClass}`);
+      const $button = $section.querySelector(`.${this.sectionButtonClass}`);
+      const $content = $section.querySelector(`.${this.sectionContentClass}`);
+      if (!$content) {
+        throw new ElementError({
+          component: Accordion,
+          identifier: `Section content (\`<div class="${this.sectionContentClass}">\`)`
+        });
+      }
+      if (!$showHideIcon || !$showHideText || !$button) {
+        return;
+      }
+      const newButtonText = expanded ? this.i18n.t('hideSection') : this.i18n.t('showSection');
+      $showHideText.textContent = newButtonText;
+      $button.setAttribute('aria-expanded', `${expanded}`);
+      const ariaLabelParts = [];
+      const $headingText = $section.querySelector(`.${this.sectionHeadingTextClass}`);
+      if ($headingText) {
+        ariaLabelParts.push($headingText.textContent.trim());
+      }
+      const $summary = $section.querySelector(`.${this.sectionSummaryClass}`);
+      if ($summary) {
+        ariaLabelParts.push($summary.textContent.trim());
+      }
+      const ariaLabelMessage = expanded ? this.i18n.t('hideSectionAriaLabel') : this.i18n.t('showSectionAriaLabel');
+      ariaLabelParts.push(ariaLabelMessage);
+      $button.setAttribute('aria-label', ariaLabelParts.join(' , '));
+      if (expanded) {
+        $content.removeAttribute('hidden');
+        $section.classList.add(this.sectionExpandedClass);
+        $showHideIcon.classList.remove(this.downChevronIconClass);
+      } else {
+        $content.setAttribute('hidden', 'until-found');
+        $section.classList.remove(this.sectionExpandedClass);
+        $showHideIcon.classList.add(this.downChevronIconClass);
+      }
+      this.updateShowAllButton(this.areAllSectionsOpen());
+    }
+    isExpanded($section) {
+      return $section.classList.contains(this.sectionExpandedClass);
+    }
+    areAllSectionsOpen() {
+      return Array.from(this.$sections).every($section => this.isExpanded($section));
+    }
+    updateShowAllButton(expanded) {
+      if (!this.$showAllButton || !this.$showAllText || !this.$showAllIcon) {
+        return;
+      }
+      this.$showAllButton.setAttribute('aria-expanded', expanded.toString());
+      this.$showAllText.textContent = expanded ? this.i18n.t('hideAllSections') : this.i18n.t('showAllSections');
+      this.$showAllIcon.classList.toggle(this.downChevronIconClass, !expanded);
+    }
+
+    /**
+     * Get the identifier for a section
+     *
+     * We need a unique way of identifying each content in the Accordion.
+     * Since an `#id` should be unique and an `id` is required for `aria-`
+     * attributes `id` can be safely used.
+     *
+     * @param {Element} $section - Section element
+     * @returns {string | undefined | null} Identifier for section
+     */
+    getIdentifier($section) {
+      const $button = $section.querySelector(`.${this.sectionButtonClass}`);
+      return $button == null ? void 0 : $button.getAttribute('aria-controls');
+    }
+    storeState($section, isExpanded) {
+      if (!this.config.rememberExpanded) {
+        return;
+      }
+      const id = this.getIdentifier($section);
+      if (id) {
+        try {
+          window.sessionStorage.setItem(id, isExpanded.toString());
+        } catch (_unused) {}
+      }
+    }
+    setInitialState($section) {
+      if (!this.config.rememberExpanded) {
+        return;
+      }
+      const id = this.getIdentifier($section);
+      if (id) {
+        try {
+          const state = window.sessionStorage.getItem(id);
+          if (state !== null) {
+            this.setExpanded(state === 'true', $section);
+          }
+        } catch (_unused2) {}
+      }
+    }
+    getButtonPunctuationEl() {
+      const $punctuationEl = document.createElement('span');
+      $punctuationEl.classList.add('govuk-visually-hidden', this.sectionHeadingDividerClass);
+      $punctuationEl.textContent = ', ';
+      return $punctuationEl;
+    }
+  }
+
+  /**
+   * Accordion config
+   *
+   * @see {@link Accordion.defaults}
+   * @typedef {object} AccordionConfig
+   * @property {AccordionTranslations} [i18n=Accordion.defaults.i18n] - Accordion translations
+   * @property {boolean} [rememberExpanded] - Whether the expanded and collapsed
+   *   state of each section is remembered and restored when navigating.
+   */
+
+  /**
+   * Accordion translations
+   *
+   * @see {@link Accordion.defaults.i18n}
+   * @typedef {object} AccordionTranslations
+   *
+   * Messages used by the component for the labels of its buttons. This includes
+   * the visible text shown on screen, and text to help assistive technology users
+   * for the buttons toggling each section.
+   * @property {string} [hideAllSections] - The text content for the 'Hide all
+   *   sections' button, used when at least one section is expanded.
+   * @property {string} [hideSection] - The text content for the 'Hide'
+   *   button, used when a section is expanded.
+   * @property {string} [hideSectionAriaLabel] - The text content appended to the
+   *   'Hide' button's accessible name when a section is expanded.
+   * @property {string} [showAllSections] - The text content for the 'Show all
+   *   sections' button, used when all sections are collapsed.
+   * @property {string} [showSection] - The text content for the 'Show'
+   *   button, used when a section is collapsed.
+   * @property {string} [showSectionAriaLabel] - The text content appended to the
+   *   'Show' button's accessible name when a section is expanded.
+   */
+
+  /**
+   * @import { Schema } from '../../common/configuration.mjs'
+   */
+  Accordion.moduleName = 'govuk-accordion';
+  Accordion.defaults = Object.freeze({
+    i18n: {
+      hideAllSections: 'Hide all sections',
+      hideSection: 'Hide',
+      hideSectionAriaLabel: 'Hide this section',
+      showAllSections: 'Show all sections',
+      showSection: 'Show',
+      showSectionAriaLabel: 'Show this section'
+    },
+    rememberExpanded: true
+  });
+  Accordion.schema = Object.freeze({
+    properties: {
+      i18n: {
+        type: 'object'
+      },
+      rememberExpanded: {
+        type: 'boolean'
+      }
+    }
+  });
+
+  exports.Accordion = Accordion;
+
+}));
+//# sourceMappingURL=accordion.bundle.js.map
diff --git a/app/templates/govuk/components/accordion/accordion.bundle.js.map b/app/templates/govuk/components/accordion/accordion.bundle.js.map
new file mode 100644
index 0000000..2db195e
--- /dev/null
+++ b/app/templates/govuk/components/accordion/accordion.bundle.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"accordion.bundle.js","sources":["../../../../src/govuk/common/index.mjs","../../../../src/govuk/errors/index.mjs","../../../../src/govuk/component.mjs","../../../../src/govuk/common/configuration.mjs","../../../../src/govuk/i18n.mjs","../../../../src/govuk/components/accordion/accordion.mjs"],"sourcesContent":["/**\n * Common helpers which do not require polyfill.\n *\n * IMPORTANT: If a helper require a polyfill, please isolate it in its own module\n * so that the polyfill can be properly tree-shaken and does not burden\n * the components that do not need that helper\n */\n\n/**\n * Get GOV.UK Frontend breakpoint value from CSS custom property\n *\n * @private\n * @param {string} name - Breakpoint name\n * @returns {{ property: string, value?: string }} Breakpoint object\n */\nexport function getBreakpoint(name) {\n  const property = `--govuk-breakpoint-${name}`\n\n  // Get value from `<html>` with breakpoints on CSS :root\n  const value = window\n    .getComputedStyle(document.documentElement)\n    .getPropertyValue(property)\n\n  return {\n    property,\n    value: value || undefined\n  }\n}\n\n/**\n * Move focus to element\n *\n * Sets tabindex to -1 to make the element programmatically focusable,\n * but removes it on blur as the element doesn't need to be focused again.\n *\n * @private\n * @template {HTMLElement} FocusElement\n * @param {FocusElement} $element - HTML element\n * @param {object} [options] - Handler options\n * @param {function(this: FocusElement): void} [options.onBeforeFocus] - Callback before focus\n * @param {function(this: FocusElement): void} [options.onBlur] - Callback on blur\n */\nexport function setFocus($element, options = {}) {\n  const isFocusable = $element.getAttribute('tabindex')\n\n  if (!isFocusable) {\n    $element.setAttribute('tabindex', '-1')\n  }\n\n  /**\n   * Handle element focus\n   */\n  function onFocus() {\n    $element.addEventListener('blur', onBlur, { once: true })\n  }\n\n  /**\n   * Handle element blur\n   */\n  function onBlur() {\n    options.onBlur?.call($element)\n\n    if (!isFocusable) {\n      $element.removeAttribute('tabindex')\n    }\n  }\n\n  // Add listener to reset element on blur, after focus\n  $element.addEventListener('focus', onFocus, { once: true })\n\n  // Focus element\n  options.onBeforeFocus?.call($element)\n  $element.focus()\n}\n\n/**\n * Checks if component is already initialised\n *\n * @internal\n * @param {Element} $root - HTML element to be checked\n * @param {string} moduleName - name of component module\n * @returns {boolean} Whether component is already initialised\n */\nexport function isInitialised($root, moduleName) {\n  return (\n    $root instanceof HTMLElement &&\n    $root.hasAttribute(`data-${moduleName}-init`)\n  )\n}\n\n/**\n * Checks if GOV.UK Frontend is supported on this page\n *\n * Some browsers will load and run our JavaScript but GOV.UK Frontend\n * won't be supported.\n *\n * @param {HTMLElement | null} [$scope] - (internal) `<body>` HTML element checked for browser support\n * @returns {boolean} Whether GOV.UK Frontend is supported on this page\n */\nexport function isSupported($scope = document.body) {\n  if (!$scope) {\n    return false\n  }\n\n  return $scope.classList.contains('govuk-frontend-supported')\n}\n\n/**\n * Check for an array\n *\n * @internal\n * @param {unknown} option - Option to check\n * @returns {boolean} Whether the option is an array\n */\nfunction isArray(option) {\n  return Array.isArray(option)\n}\n\n/**\n * Check for an object\n *\n * @internal\n * @template {Partial<Record<keyof ObjectType, unknown>>} ObjectType\n * @param {unknown | ObjectType} option - Option to check\n * @returns {option is ObjectType} Whether the option is an object\n */\nexport function isObject(option) {\n  return !!option && typeof option === 'object' && !isArray(option)\n}\n\n/**\n * Check for valid scope\n *\n * @internal\n * @template {Element | Document} ScopeType\n * @param {unknown | ScopeType} $scope - Scope of the document to search within\n * @returns {$scope is ScopeType} Whether the scope can be queried\n */\nexport function isScope($scope) {\n  return !!$scope && ($scope instanceof Element || $scope instanceof Document)\n}\n\n/**\n * Format error message\n *\n * @internal\n * @param {ComponentWithModuleName} Component - Component that threw the error\n * @param {string} message - Error message\n * @returns {string} - Formatted error message\n */\nexport function formatErrorMessage(Component, message) {\n  return `${Component.moduleName}: ${message}`\n}\n\n/* eslint-disable jsdoc/valid-types --\n * `{new(...args: any[] ): object}` is not recognised as valid\n * https://github.com/gajus/eslint-plugin-jsdoc/issues/145#issuecomment-1308722878\n * https://github.com/jsdoc-type-pratt-parser/jsdoc-type-pratt-parser/issues/131\n **/\n\n/**\n * @typedef ComponentWithModuleName\n * @property {string} moduleName - Name of the component\n */\n\n/* eslint-enable jsdoc/valid-types */\n","import { formatErrorMessage, isObject } from '../common/index.mjs'\n\n/**\n * GOV.UK Frontend error\n *\n * A base class for `Error`s thrown by GOV.UK Frontend.\n *\n * It is meant to be extended into specific types of errors\n * to be thrown by our code.\n *\n * @example\n * ```js\n * class MissingRootError extends GOVUKFrontendError {\n *   // Setting an explicit name is important as extending the class will not\n *   // set a new `name` on the subclass. The `name` property is important\n *   // to ensure intelligible error names even if the class name gets\n *   // mangled by a minifier\n *   name = \"MissingRootError\"\n * }\n * ```\n * @virtual\n */\nexport class GOVUKFrontendError extends Error {\n  name = 'GOVUKFrontendError'\n}\n\n/**\n * Indicates that GOV.UK Frontend is not supported\n */\nexport class SupportError extends GOVUKFrontendError {\n  name = 'SupportError'\n\n  /**\n   * Checks if GOV.UK Frontend is supported on this page\n   *\n   * @param {HTMLElement | null} [$scope] - HTML element `<body>` checked for browser support\n   */\n  constructor($scope = document.body) {\n    const supportMessage =\n      'noModule' in HTMLScriptElement.prototype\n        ? 'GOV.UK Frontend initialised without `<body class=\"govuk-frontend-supported\">` from template `<script>` snippet'\n        : 'GOV.UK Frontend is not supported in this browser'\n\n    super(\n      $scope\n        ? supportMessage\n        : 'GOV.UK Frontend initialised without `<script type=\"module\">`'\n    )\n  }\n}\n\n/**\n * Indicates that a component has received an illegal configuration\n */\nexport class ConfigError extends GOVUKFrontendError {\n  name = 'ConfigError'\n}\n\n/**\n * Indicates an issue with an element (possibly `null` or `undefined`)\n */\nexport class ElementError extends GOVUKFrontendError {\n  name = 'ElementError'\n\n  /**\n   * @internal\n   * @overload\n   * @param {string} message - Element error message\n   */\n\n  /**\n   * @internal\n   * @overload\n   * @param {ElementErrorOptions} options - Element error options\n   */\n\n  /**\n   * @internal\n   * @param {string | ElementErrorOptions} messageOrOptions - Element error message or options\n   */\n  constructor(messageOrOptions) {\n    let message = typeof messageOrOptions === 'string' ? messageOrOptions : ''\n\n    // Build message from options\n    if (isObject(messageOrOptions)) {\n      const { component, identifier, element, expectedType } = messageOrOptions\n\n      message = identifier\n\n      // Append reason\n      message += element\n        ? ` is not of type ${expectedType ?? 'HTMLElement'}`\n        : ' not found'\n\n      // Prepend with module name (optional)\n      if (component) {\n        message = formatErrorMessage(component, message)\n      }\n    }\n\n    super(message)\n  }\n}\n\n/**\n * Indicates that a component is already initialised\n */\nexport class InitError extends GOVUKFrontendError {\n  name = 'InitError'\n\n  /**\n   * @internal\n   * @param {ComponentWithModuleName | string} componentOrMessage - name of the component module\n   */\n  constructor(componentOrMessage) {\n    const message =\n      typeof componentOrMessage === 'string'\n        ? componentOrMessage\n        : formatErrorMessage(\n            componentOrMessage,\n            `Root element (\\`$root\\`) already initialised`\n          )\n\n    super(message)\n  }\n}\n\n/**\n * Element error options\n *\n * @internal\n * @typedef {object} ElementErrorOptions\n * @property {Element | Document | null} [element] - The element in error (optional)\n * @property {ComponentWithModuleName} [component] - Component throwing the error (optional)\n * @property {string} identifier - An identifier that'll let the user understand which element has an error. This is whatever makes the most sense\n * @property {string} [expectedType] - The type that was expected for the identifier (optional)\n */\n\n/**\n * @import { ComponentWithModuleName } from '../common/index.mjs'\n */\n","import { isInitialised, isSupported } from './common/index.mjs'\nimport { ElementError, InitError, SupportError } from './errors/index.mjs'\n\n/**\n * Base Component class\n *\n * Centralises the behaviours shared by our components\n *\n * @virtual\n * @template {Element} [RootElementType=HTMLElement]\n */\nexport class Component {\n  /**\n   * @type {typeof Element}\n   */\n  static elementType = HTMLElement\n\n  // allows Typescript user to work around the lack of types\n  // in GOVUKFrontend package, Typescript is not aware of $root\n  // in components that extend GOVUKFrontendComponent\n  /**\n   * Returns the root element of the component\n   *\n   * @protected\n   * @returns {RootElementType} - the root element of component\n   */\n  get $root() {\n    return this._$root\n  }\n\n  /**\n   * @protected\n   * @type {RootElementType}\n   */\n  _$root\n\n  /**\n   * Constructs a new component, validating that GOV.UK Frontend is supported\n   *\n   * @internal\n   * @param {Element | null} [$root] - HTML element to use for component\n   */\n  constructor($root) {\n    const childConstructor = /** @type {ChildClassConstructor} */ (\n      this.constructor\n    )\n\n    // TypeScript does not enforce that inheriting classes will define a `moduleName`\n    // (even if we add a `@virtual` `static moduleName` property to this class).\n    // While we trust users to do this correctly, we do a little check to provide them\n    // a helpful error message.\n    //\n    // After this, we'll be sure that `childConstructor` has a `moduleName`\n    // as expected of the `ChildClassConstructor` we've cast `this.constructor` to.\n    if (typeof childConstructor.moduleName !== 'string') {\n      throw new InitError(`\\`moduleName\\` not defined in component`)\n    }\n\n    if (!($root instanceof childConstructor.elementType)) {\n      throw new ElementError({\n        element: $root,\n        component: childConstructor,\n        identifier: 'Root element (`$root`)',\n        expectedType: childConstructor.elementType.name\n      })\n    } else {\n      this._$root = /** @type {RootElementType} */ ($root)\n    }\n\n    childConstructor.checkSupport()\n\n    this.checkInitialised()\n\n    const moduleName = childConstructor.moduleName\n\n    this.$root.setAttribute(`data-${moduleName}-init`, '')\n  }\n\n  /**\n   * Validates whether component is already initialised\n   *\n   * @private\n   * @throws {InitError} when component is already initialised\n   */\n  checkInitialised() {\n    const constructor = /** @type {ChildClassConstructor} */ (this.constructor)\n    const moduleName = constructor.moduleName\n\n    if (moduleName && isInitialised(this.$root, moduleName)) {\n      throw new InitError(constructor)\n    }\n  }\n\n  /**\n   * Validates whether components are supported\n   *\n   * @throws {SupportError} when the components are not supported\n   */\n  static checkSupport() {\n    if (!isSupported()) {\n      throw new SupportError()\n    }\n  }\n}\n\n/**\n * @typedef ChildClass\n * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component\n */\n\n/**\n * @typedef {typeof Component & ChildClass} ChildClassConstructor\n */\n","import { Component } from '../component.mjs'\nimport { ConfigError } from '../errors/index.mjs'\n\nimport { isObject, isScope, formatErrorMessage } from './index.mjs'\n\nexport const configOverride = Symbol.for('configOverride')\n\n/**\n * Base Component class\n *\n * Centralises the behaviours shared by our components\n *\n * @virtual\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]\n * @template {Element & { dataset: DOMStringMap }} [RootElementType=HTMLElement]\n * @augments Component<RootElementType>\n */\nexport class ConfigurableComponent extends Component {\n  /**\n   * configOverride\n   *\n   * Function which defines configuration overrides to prioritize\n   * properties from the root element's dataset.\n   *\n   * It should take a subset of configuration as input and return\n   * a new configuration object with properties that should be\n   * overridden based on the root element's dataset. A Symbol\n   * is used for indexing to prevent conflicts.\n   *\n   * @internal\n   * @virtual\n   * @param {Partial<ConfigurationType>} [param] - Configuration object\n   * @returns {Partial<ConfigurationType>} return - Configuration object\n   */\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  [configOverride](param) {\n    return {}\n  }\n\n  /**\n   * Returns the root element of the component\n   *\n   * @protected\n   * @returns {ConfigurationType} - the root element of component\n   */\n  get config() {\n    return this._config\n  }\n\n  /**\n   *\n   * @type {ConfigurationType}\n   */\n  _config\n\n  /**\n   * Constructs a new component, validating that GOV.UK Frontend is supported\n   *\n   * @internal\n   * @param {Element | null} [$root] - HTML element to use for component\n   * @param {ConfigurationType} [config] - HTML element to use for component\n   */\n  constructor($root, config) {\n    super($root)\n\n    const childConstructor =\n      /** @type {ChildClassConstructor<ConfigurationType>} */ (this.constructor)\n\n    if (!isObject(childConstructor.defaults)) {\n      throw new ConfigError(\n        formatErrorMessage(\n          childConstructor,\n          'Config passed as parameter into constructor but no defaults defined'\n        )\n      )\n    }\n\n    const datasetConfig = /** @type {ConfigurationType} */ (\n      normaliseDataset(childConstructor, this._$root.dataset)\n    )\n\n    this._config = /** @type {ConfigurationType} */ (\n      mergeConfigs(\n        childConstructor.defaults,\n        config ?? {},\n        this[configOverride](datasetConfig),\n        datasetConfig\n      )\n    )\n  }\n}\n\n/**\n * Normalise string\n *\n * 'If it looks like a duck, and it quacks like a duck…' 🦆\n *\n * If the passed value looks like a boolean or a number, convert it to a boolean\n * or number.\n *\n * Designed to be used to convert config passed via data attributes (which are\n * always strings) into something sensible.\n *\n * @internal\n * @param {DOMStringMap[string]} value - The value to normalise\n * @param {SchemaProperty} [property] - Component schema property\n * @returns {string | boolean | number | undefined} Normalised data\n */\nexport function normaliseString(value, property) {\n  const trimmedValue = value ? value.trim() : ''\n\n  let output\n  let outputType = property?.type\n\n  // No schema type set? Determine automatically\n  if (!outputType) {\n    if (['true', 'false'].includes(trimmedValue)) {\n      outputType = 'boolean'\n    }\n\n    // Empty / whitespace-only strings are considered finite so we need to check\n    // the length of the trimmed string as well\n    if (trimmedValue.length > 0 && isFinite(Number(trimmedValue))) {\n      outputType = 'number'\n    }\n  }\n\n  switch (outputType) {\n    case 'boolean':\n      output = trimmedValue === 'true'\n      break\n\n    case 'number':\n      output = Number(trimmedValue)\n      break\n\n    default:\n      output = value\n  }\n\n  return output\n}\n\n/**\n * Normalise dataset\n *\n * Loop over an object and normalise each value using {@link normaliseString},\n * optionally expanding nested `i18n.field`\n *\n * @internal\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @template {[keyof ConfigurationType, SchemaProperty | undefined][]} SchemaEntryType\n * @param {{ schema?: Schema<ConfigurationType>, moduleName: string }} Component - Component class\n * @param {DOMStringMap} dataset - HTML element dataset\n * @returns {ObjectNested} Normalised dataset\n */\nexport function normaliseDataset(Component, dataset) {\n  if (!isObject(Component.schema)) {\n    throw new ConfigError(\n      formatErrorMessage(\n        Component,\n        'Config passed as parameter into constructor but no schema defined'\n      )\n    )\n  }\n\n  const out = /** @type {ObjectNested} */ ({})\n  const entries = /** @type {SchemaEntryType} */ (\n    Object.entries(Component.schema.properties)\n  )\n\n  // Normalise top-level dataset ('data-*') values using schema types\n  for (const entry of entries) {\n    const [namespace, property] = entry\n\n    // Cast the `namespace` to string so it can be used to access the dataset\n    const field = namespace.toString()\n\n    if (field in dataset) {\n      out[field] = normaliseString(dataset[field], property)\n    }\n\n    /**\n     * Extract and normalise nested object values automatically using\n     * {@link normaliseString} but only schema object types are allowed\n     */\n    if (property?.type === 'object') {\n      out[field] = extractConfigByNamespace(\n        Component.schema,\n        dataset,\n        namespace\n      )\n    }\n  }\n\n  return out\n}\n\n/**\n * Normalise options passed to `initAll` or `createAll`\n *\n * @internal\n * @template {CompatibleClass} ComponentClass\n * @param {Config | CreateAllOptions<ComponentClass> | OnErrorCallback<ComponentClass> | Element | Document | null} [scopeOrOptions] - Scope of the document to search within, initialisation options or error callback function\n * @returns {CreateAllOptions<ComponentClass>} Normalised options\n */\nexport function normaliseOptions(scopeOrOptions) {\n  let /** @type {Element | Document | null} */ $scope = document\n  let /** @type {OnErrorCallback<ComponentClass> | undefined} */ onError\n\n  // Handle options object\n  if (isObject(scopeOrOptions)) {\n    const options = scopeOrOptions\n\n    // Scope must be valid or null\n    if (isScope(options.scope) || options.scope === null) {\n      $scope = options.scope\n    }\n\n    // Error handler must be a function\n    if (typeof options.onError === 'function') {\n      onError = options.onError\n    }\n  }\n\n  if (isScope(scopeOrOptions)) {\n    $scope = scopeOrOptions\n  } else if (scopeOrOptions === null) {\n    $scope = null\n  } else if (typeof scopeOrOptions === 'function') {\n    onError = scopeOrOptions\n  }\n\n  return {\n    scope: $scope,\n    onError\n  }\n}\n\n/**\n * Config merging function\n *\n * Takes any number of objects and combines them together, with\n * greatest priority on the LAST item passed in.\n *\n * @internal\n * @param {...{ [key: string]: unknown }} configObjects - Config objects to merge\n * @returns {{ [key: string]: unknown }} A merged config object\n */\nexport function mergeConfigs(...configObjects) {\n  // Start with an empty object as our base\n  /** @type {{ [key: string]: unknown }} */\n  const formattedConfigObject = {}\n\n  // Loop through each of the passed objects\n  for (const configObject of configObjects) {\n    for (const key of Object.keys(configObject)) {\n      const option = formattedConfigObject[key]\n      const override = configObject[key]\n\n      // Push their keys one-by-one into formattedConfigObject. Any duplicate\n      // keys with object values will be merged, otherwise the new value will\n      // override the existing value.\n      if (isObject(option) && isObject(override)) {\n        formattedConfigObject[key] = mergeConfigs(option, override)\n      } else {\n        // Apply override\n        formattedConfigObject[key] = override\n      }\n    }\n  }\n\n  return formattedConfigObject\n}\n\n/**\n * Validate component config by schema\n *\n * Follows limited examples in JSON schema for wider support in future\n *\n * {@link https://ajv.js.org/json-schema.html#compound-keywords}\n * {@link https://ajv.js.org/packages/ajv-errors.html#single-message}\n *\n * @internal\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @param {Schema<ConfigurationType>} schema - The schema of a component\n * @param {ConfigurationType} config - Component config\n * @returns {string[]} List of validation errors\n */\nexport function validateConfig(schema, config) {\n  const validationErrors = []\n\n  // Check errors for each schema\n  for (const [name, conditions] of Object.entries(schema)) {\n    const errors = []\n\n    // Check errors for each schema condition\n    if (Array.isArray(conditions)) {\n      for (const { required, errorMessage } of conditions) {\n        if (!required.every((key) => !!config[key])) {\n          errors.push(errorMessage) // Missing config key value\n        }\n      }\n\n      // Check one condition passes or add errors\n      if (name === 'anyOf' && !(conditions.length - errors.length >= 1)) {\n        validationErrors.push(...errors)\n      }\n    }\n  }\n\n  return validationErrors\n}\n\n/**\n * Extracts keys starting with a particular namespace from dataset ('data-*')\n * object, removing the namespace in the process, normalising all values\n *\n * @internal\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @param {Schema<ConfigurationType>} schema - The schema of a component\n * @param {DOMStringMap} dataset - The object to extract key-value pairs from\n * @param {keyof ConfigurationType} namespace - The namespace to filter keys with\n * @returns {ObjectNested | undefined} Nested object with dot-separated key namespace removed\n */\nexport function extractConfigByNamespace(schema, dataset, namespace) {\n  const property = schema.properties[namespace]\n\n  // Only extract configs for object schema properties\n  if (property?.type !== 'object') {\n    return\n  }\n\n  // Add default empty config\n  const newObject = /** @type {Record<typeof namespace, ObjectNested>} */ ({\n    [namespace]: {}\n  })\n\n  for (const [key, value] of Object.entries(dataset)) {\n    /** @type {ObjectNested | ObjectNested[NestedKey]} */\n    let current = newObject\n\n    // Split the key into parts, using . as our namespace separator\n    const keyParts = key.split('.')\n\n    /**\n     * Create new level per part\n     *\n     * e.g. 'i18n.textareaDescription.other' becomes\n     * `{ i18n: { textareaDescription: { other } } }`\n     */\n    for (const [index, name] of keyParts.entries()) {\n      if (isObject(current)) {\n        // Drop down to nested object until the last part\n        if (index < keyParts.length - 1) {\n          // New nested object (optionally) replaces existing value\n          if (!isObject(current[name])) {\n            current[name] = {}\n          }\n\n          // Drop down into new or existing nested object\n          current = current[name]\n        } else if (key !== namespace) {\n          // Normalised value (optionally) replaces existing value\n          current[name] = normaliseString(value)\n        }\n      }\n    }\n  }\n\n  return newObject[namespace]\n}\n\n/**\n * @internal\n * @typedef {keyof ObjectNested} NestedKey\n * @typedef {{ [key: string]: string | boolean | number | ObjectNested | undefined }} ObjectNested\n */\n\n/**\n * Schema for component config\n *\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @typedef {object} Schema\n * @property {Record<keyof ConfigurationType, SchemaProperty | undefined>} properties - Schema properties\n * @property {SchemaCondition<ConfigurationType>[]} [anyOf] - List of schema conditions\n */\n\n/**\n * Schema property for component config\n *\n * @typedef {object} SchemaProperty\n * @property {'string' | 'boolean' | 'number' | 'object'} type - Property type\n */\n\n/**\n * Schema condition for component config\n *\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @typedef {object} SchemaCondition\n * @property {(keyof ConfigurationType)[]} required - List of required config fields\n * @property {string} errorMessage - Error message when required config fields not provided\n */\n\n/**\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]\n * @typedef ChildClass\n * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component\n * @property {Schema<ConfigurationType>} [schema] - The schema of the component configuration\n * @property {ConfigurationType} [defaults] - The default values of the configuration of the component\n */\n\n/**\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]\n * @typedef {typeof Component & ChildClass<ConfigurationType>} ChildClassConstructor<ConfigurationType>\n */\n\n/**\n * @import { CompatibleClass, Config, CreateAllOptions, OnErrorCallback } from '../init.mjs'\n */\n","import { isObject } from './common/index.mjs'\n\n/**\n * Internal support for selecting messages to render, with placeholder\n * interpolation and locale-aware number formatting and pluralisation\n *\n * @internal\n */\nexport class I18n {\n  translations\n  locale\n\n  /**\n   * @internal\n   * @param {{ [key: string]: string | TranslationPluralForms }} translations - Key-value pairs of the translation strings to use.\n   * @param {object} [config] - Configuration options for the function.\n   * @param {string | null} [config.locale] - An overriding locale for the PluralRules functionality.\n   */\n  constructor(translations = {}, config = {}) {\n    // Make list of translations available throughout function\n    this.translations = translations\n\n    // The locale to use for PluralRules and NumberFormat\n    this.locale = config.locale ?? (document.documentElement.lang || 'en')\n  }\n\n  /**\n   * The most used function - takes the key for a given piece of UI text and\n   * returns the appropriate string.\n   *\n   * @internal\n   * @param {string} lookupKey - The lookup key of the string to use.\n   * @param {{ [key: string]: unknown }} [options] - Any options passed with the translation string, e.g: for string interpolation.\n   * @returns {string} The appropriate translation string.\n   * @throws {Error} Lookup key required\n   * @throws {Error} Options required for `${}` placeholders\n   */\n  t(lookupKey, options) {\n    if (!lookupKey) {\n      // Print a console error if no lookup key has been provided\n      throw new Error('i18n: lookup key missing')\n    }\n\n    // Fetch the translation for that lookup key\n    let translation = this.translations[lookupKey]\n\n    // If the `count` option is set, determine which plural suffix is needed and\n    // change the lookupKey to match. We check to see if it's numeric instead of\n    // falsy, as this could legitimately be 0.\n    if (typeof options?.count === 'number' && isObject(translation)) {\n      const translationPluralForm =\n        translation[this.getPluralSuffix(lookupKey, options.count)]\n\n      // Update translation with plural suffix\n      if (translationPluralForm) {\n        translation = translationPluralForm\n      }\n    }\n\n    if (typeof translation === 'string') {\n      // Check for ${} placeholders in the translation string\n      // eslint-disable-next-line @typescript-eslint/prefer-regexp-exec\n      if (translation.match(/%{(.\\S+)}/)) {\n        if (!options) {\n          throw new Error(\n            'i18n: cannot replace placeholders in string if no option data provided'\n          )\n        }\n\n        return this.replacePlaceholders(translation, options)\n      }\n\n      return translation\n    }\n\n    // If the key wasn't found in our translations object,\n    // return the lookup key itself as the fallback\n    return lookupKey\n  }\n\n  /**\n   * Takes a translation string with placeholders, and replaces the placeholders\n   * with the provided data\n   *\n   * @internal\n   * @param {string} translationString - The translation string\n   * @param {{ [key: string]: unknown }} options - Any options passed with the translation string, e.g: for string interpolation.\n   * @returns {string} The translation string to output, with $\\{\\} placeholders replaced\n   */\n  replacePlaceholders(translationString, options) {\n    const formatter = Intl.NumberFormat.supportedLocalesOf(this.locale).length\n      ? new Intl.NumberFormat(this.locale)\n      : undefined\n\n    return translationString.replace(\n      /%{(.\\S+)}/g,\n\n      /**\n       * Replace translation string placeholders\n       *\n       * @internal\n       * @param {string} placeholderWithBraces - Placeholder with braces\n       * @param {string} placeholderKey - Placeholder key\n       * @returns {string} Placeholder value\n       */\n      function (placeholderWithBraces, placeholderKey) {\n        if (Object.prototype.hasOwnProperty.call(options, placeholderKey)) {\n          const placeholderValue = options[placeholderKey]\n\n          // If a user has passed `false` as the value for the placeholder\n          // treat it as though the value should not be displayed\n          if (\n            placeholderValue === false ||\n            (typeof placeholderValue !== 'number' &&\n              typeof placeholderValue !== 'string')\n          ) {\n            return ''\n          }\n\n          // If the placeholder's value is a number, localise the number formatting\n          if (typeof placeholderValue === 'number') {\n            return formatter\n              ? formatter.format(placeholderValue)\n              : `${placeholderValue}`\n          }\n\n          return placeholderValue\n        }\n\n        throw new Error(\n          `i18n: no data found to replace ${placeholderWithBraces} placeholder in string`\n        )\n      }\n    )\n  }\n\n  /**\n   * Check to see if the browser supports Intl.PluralRules\n   *\n   * It requires all conditions to be met in order to be supported:\n   * - The implementation of Intl supports PluralRules (NOT true in Safari 10–12)\n   * - The browser/OS has plural rules for the current locale (browser dependent)\n   *\n   * {@link https://browsersl.ist/#q=supports+es6-module+and+not+supports+intl-pluralrules}\n   *\n   * @internal\n   * @returns {boolean} Returns true if all conditions are met. Returns false otherwise.\n   */\n  hasIntlPluralRulesSupport() {\n    return Boolean(\n      'PluralRules' in window.Intl &&\n        Intl.PluralRules.supportedLocalesOf(this.locale).length\n    )\n  }\n\n  /**\n   * Get the appropriate suffix for the plural form.\n   *\n   * Uses Intl.PluralRules (or our own fallback implementation) to get the\n   * 'preferred' form to use for the given count.\n   *\n   * Checks that a translation has been provided for that plural form – if it\n   * hasn't, it'll fall back to the 'other' plural form (unless that doesn't exist\n   * either, in which case an error will be thrown)\n   *\n   * @internal\n   * @param {string} lookupKey - The lookup key of the string to use.\n   * @param {number} count - Number used to determine which pluralisation to use.\n   * @returns {PluralRule} The suffix associated with the correct pluralisation for this locale.\n   * @throws {Error} Plural form `.other` required when preferred plural form is missing\n   */\n  getPluralSuffix(lookupKey, count) {\n    // Validate that the number is actually a number.\n    //\n    // Number(count) will turn anything that can't be converted to a Number type\n    // into 'NaN'. isFinite filters out NaN, as it isn't a finite number.\n    // eslint-disable-next-line @typescript-eslint/no-unnecessary-type-conversion\n    count = Number(count)\n    if (!isFinite(count)) {\n      return 'other'\n    }\n\n    // Fetch the translation for that lookup key\n    const translation = this.translations[lookupKey]\n\n    // Check to verify that all the requirements for Intl.PluralRules are met.\n    // If so, we can use that instead of our custom implementation. Otherwise,\n    // use the hardcoded fallback.\n    const preferredForm = this.hasIntlPluralRulesSupport()\n      ? new Intl.PluralRules(this.locale).select(count)\n      : 'other'\n\n    // Use the correct plural form if provided\n    if (isObject(translation)) {\n      if (preferredForm in translation) {\n        return preferredForm\n        // Fall back to `other` if the plural form is missing, but log a warning\n        // to the console\n      } else if ('other' in translation) {\n        console.warn(\n          `i18n: Missing plural form \".${preferredForm}\" for \"${this.locale}\" locale. Falling back to \".other\".`\n        )\n\n        return 'other'\n      }\n    }\n\n    // If the required `other` plural form is missing, all we can do is error\n    throw new Error(\n      `i18n: Plural form \".other\" is required for \"${this.locale}\" locale`\n    )\n  }\n}\n\n/**\n * Plural rule category mnemonic tags\n *\n * @internal\n * @typedef {'zero' | 'one' | 'two' | 'few' | 'many' | 'other'} PluralRule\n */\n\n/**\n * Translated message by plural rule they correspond to.\n *\n * Allows to group pluralised messages under a single key when passing\n * translations to a component's constructor\n *\n * @internal\n * @typedef {object} TranslationPluralForms\n * @property {string} [other] - General plural form\n * @property {string} [zero] - Plural form used with 0\n * @property {string} [one] - Plural form used with 1\n * @property {string} [two] - Plural form used with 2\n * @property {string} [few] - Plural form used for a few\n * @property {string} [many] - Plural form used for many\n */\n","import { ConfigurableComponent } from '../../common/configuration.mjs'\nimport { ElementError } from '../../errors/index.mjs'\nimport { I18n } from '../../i18n.mjs'\n\n/**\n * Accordion component\n *\n * This allows a collection of sections to be collapsed by default, showing only\n * their headers. Sections can be expanded or collapsed individually by clicking\n * their headers. A \"Show all sections\" button is also added to the top of the\n * accordion, which switches to \"Hide all sections\" when all the sections are\n * expanded.\n *\n * The state of each section is saved to the DOM via the `aria-expanded`\n * attribute, which also provides accessibility.\n *\n * @preserve\n * @augments ConfigurableComponent<AccordionConfig>\n */\nexport class Accordion extends ConfigurableComponent {\n  /** @private */\n  i18n\n\n  /** @private */\n  controlsClass = 'govuk-accordion__controls'\n\n  /** @private */\n  showAllClass = 'govuk-accordion__show-all'\n\n  /** @private */\n  showAllTextClass = 'govuk-accordion__show-all-text'\n\n  /** @private */\n  sectionClass = 'govuk-accordion__section'\n\n  /** @private */\n  sectionExpandedClass = 'govuk-accordion__section--expanded'\n\n  /** @private */\n  sectionButtonClass = 'govuk-accordion__section-button'\n\n  /** @private */\n  sectionHeaderClass = 'govuk-accordion__section-header'\n\n  /** @private */\n  sectionHeadingClass = 'govuk-accordion__section-heading'\n\n  /** @private */\n  sectionHeadingDividerClass = 'govuk-accordion__section-heading-divider'\n\n  /** @private */\n  sectionHeadingTextClass = 'govuk-accordion__section-heading-text'\n\n  /** @private */\n  sectionHeadingTextFocusClass = 'govuk-accordion__section-heading-text-focus'\n\n  /** @private */\n  sectionShowHideToggleClass = 'govuk-accordion__section-toggle'\n\n  /** @private */\n  sectionShowHideToggleFocusClass = 'govuk-accordion__section-toggle-focus'\n\n  /** @private */\n  sectionShowHideTextClass = 'govuk-accordion__section-toggle-text'\n\n  /** @private */\n  upChevronIconClass = 'govuk-accordion-nav__chevron'\n\n  /** @private */\n  downChevronIconClass = 'govuk-accordion-nav__chevron--down'\n\n  /** @private */\n  sectionSummaryClass = 'govuk-accordion__section-summary'\n\n  /** @private */\n  sectionSummaryFocusClass = 'govuk-accordion__section-summary-focus'\n\n  /** @private */\n  sectionContentClass = 'govuk-accordion__section-content'\n\n  /** @private */\n  $sections\n\n  /**\n   * @private\n   * @type {HTMLButtonElement | null}\n   */\n  $showAllButton = null\n\n  /**\n   * @private\n   * @type {HTMLElement | null}\n   */\n  $showAllIcon = null\n\n  /**\n   * @private\n   * @type {HTMLElement | null}\n   */\n  $showAllText = null\n\n  /**\n   * @param {Element | null} $root - HTML element to use for accordion\n   * @param {AccordionConfig} [config] - Accordion config\n   */\n  constructor($root, config = {}) {\n    super($root, config)\n\n    this.i18n = new I18n(this.config.i18n)\n\n    const $sections = this.$root.querySelectorAll(`.${this.sectionClass}`)\n    if (!$sections.length) {\n      throw new ElementError({\n        component: Accordion,\n        identifier: `Sections (\\`<div class=\"${this.sectionClass}\">\\`)`\n      })\n    }\n\n    this.$sections = $sections\n\n    this.initControls()\n    this.initSectionHeaders()\n\n    this.updateShowAllButton(this.areAllSectionsOpen())\n  }\n\n  /**\n   * Initialise controls and set attributes\n   *\n   * @private\n   */\n  initControls() {\n    // Create \"Show all\" button and set attributes\n    this.$showAllButton = document.createElement('button')\n    this.$showAllButton.setAttribute('type', 'button')\n    this.$showAllButton.setAttribute('class', this.showAllClass)\n    this.$showAllButton.setAttribute('aria-expanded', 'false')\n\n    // Create icon, add to element\n    this.$showAllIcon = document.createElement('span')\n    this.$showAllIcon.classList.add(this.upChevronIconClass)\n    this.$showAllButton.appendChild(this.$showAllIcon)\n\n    // Create control wrapper and add controls to it\n    const $accordionControls = document.createElement('div')\n    $accordionControls.setAttribute('class', this.controlsClass)\n    $accordionControls.appendChild(this.$showAllButton)\n    this.$root.insertBefore($accordionControls, this.$root.firstChild)\n\n    // Build additional wrapper for Show all toggle text and place after icon\n    this.$showAllText = document.createElement('span')\n    this.$showAllText.classList.add(this.showAllTextClass)\n    this.$showAllButton.appendChild(this.$showAllText)\n\n    // Handle click events on the show/hide all button\n    this.$showAllButton.addEventListener('click', () =>\n      this.onShowOrHideAllToggle()\n    )\n\n    // Handle 'beforematch' events, if the user agent supports them\n    if ('onbeforematch' in document) {\n      document.addEventListener('beforematch', (event) =>\n        this.onBeforeMatch(event)\n      )\n    }\n  }\n\n  /**\n   * Initialise section headers\n   *\n   * @private\n   */\n  initSectionHeaders() {\n    this.$sections.forEach(($section, i) => {\n      const $header = $section.querySelector(`.${this.sectionHeaderClass}`)\n      if (!$header) {\n        throw new ElementError({\n          component: Accordion,\n          identifier: `Section headers (\\`<div class=\"${this.sectionHeaderClass}\">\\`)`\n        })\n      }\n\n      // Set header attributes\n      this.constructHeaderMarkup($header, i)\n      this.setExpanded(this.isExpanded($section), $section)\n\n      // Handle events\n      $header.addEventListener('click', () => this.onSectionToggle($section))\n\n      // See if there is any state stored in sessionStorage and set the sections\n      // to open or closed.\n      this.setInitialState($section)\n    })\n  }\n\n  /**\n   * Construct section header\n   *\n   * @private\n   * @param {Element} $header - Section header\n   * @param {number} index - Section index\n   */\n  constructHeaderMarkup($header, index) {\n    const $span = $header.querySelector(`.${this.sectionButtonClass}`)\n    const $heading = $header.querySelector(`.${this.sectionHeadingClass}`)\n    const $summary = $header.querySelector(`.${this.sectionSummaryClass}`)\n\n    if (!$heading) {\n      throw new ElementError({\n        component: Accordion,\n        identifier: `Section heading (\\`.${this.sectionHeadingClass}\\`)`\n      })\n    }\n\n    if (!$span) {\n      throw new ElementError({\n        component: Accordion,\n        identifier: `Section button placeholder (\\`<span class=\"${this.sectionButtonClass}\">\\`)`\n      })\n    }\n\n    // Create a button element that will replace the\n    // '.govuk-accordion__section-button' span\n    const $button = document.createElement('button')\n    $button.setAttribute('type', 'button')\n    $button.setAttribute(\n      'aria-controls',\n      `${this.$root.id}-content-${index + 1}`\n    )\n\n    // Copy all attributes from $span to $button (except `id`, which gets added\n    // to the `$headingText` element)\n    for (const attr of Array.from($span.attributes)) {\n      if (attr.name !== 'id') {\n        $button.setAttribute(attr.name, attr.value)\n      }\n    }\n\n    // Create container for heading text so it can be styled\n    const $headingText = document.createElement('span')\n    $headingText.classList.add(this.sectionHeadingTextClass)\n    // Copy the span ID to the heading text to allow it to be referenced by\n    // `aria-labelledby` on the hidden content area without \"Show this section\"\n    $headingText.id = $span.id\n\n    // Create an inner heading text container to limit the width of the focus\n    // state\n    const $headingTextFocus = document.createElement('span')\n    $headingTextFocus.classList.add(this.sectionHeadingTextFocusClass)\n    $headingText.appendChild($headingTextFocus)\n    // span could contain HTML elements\n    // (see https://www.w3.org/TR/2011/WD-html5-20110525/content-models.html#phrasing-content)\n    Array.from($span.childNodes).forEach(($child) =>\n      $headingTextFocus.appendChild($child)\n    )\n\n    // Create container for show / hide icons and text.\n    const $showHideToggle = document.createElement('span')\n    $showHideToggle.classList.add(this.sectionShowHideToggleClass)\n    // Tell Google not to index the 'show' text as part of the heading. Must be\n    // set on the element before it's added to the DOM.\n    // See https://developers.google.com/search/docs/advanced/robots/robots_meta_tag#data-nosnippet-attr\n    $showHideToggle.setAttribute('data-nosnippet', '')\n    // Create an inner container to limit the width of the focus state\n    const $showHideToggleFocus = document.createElement('span')\n    $showHideToggleFocus.classList.add(this.sectionShowHideToggleFocusClass)\n    $showHideToggle.appendChild($showHideToggleFocus)\n    // Create wrapper for the show / hide text. Append text after the show/hide icon\n    const $showHideText = document.createElement('span')\n    const $showHideIcon = document.createElement('span')\n    $showHideIcon.classList.add(this.upChevronIconClass)\n    $showHideToggleFocus.appendChild($showHideIcon)\n    $showHideText.classList.add(this.sectionShowHideTextClass)\n    $showHideToggleFocus.appendChild($showHideText)\n\n    // Append elements to the button:\n    // 1. Heading text\n    // 2. Punctuation\n    // 3. (Optional: Summary line followed by punctuation)\n    // 4. Show / hide toggle\n    $button.appendChild($headingText)\n    $button.appendChild(this.getButtonPunctuationEl())\n\n    // If summary content exists add to DOM in correct order\n    if ($summary) {\n      // Create a new `span` element and copy the summary line content from the\n      // original `div` to the new `span`. This is because the summary line text\n      // is now inside a button element, which can only contain phrasing\n      // content.\n      const $summarySpan = document.createElement('span')\n      // Create an inner summary container to limit the width of the summary\n      // focus state\n      const $summarySpanFocus = document.createElement('span')\n      $summarySpanFocus.classList.add(this.sectionSummaryFocusClass)\n      $summarySpan.appendChild($summarySpanFocus)\n\n      // Get original attributes, and pass them to the replacement\n      for (const attr of Array.from($summary.attributes)) {\n        $summarySpan.setAttribute(attr.name, attr.value)\n      }\n\n      // Copy original contents of summary to the new summary span\n      Array.from($summary.childNodes).forEach(($child) =>\n        $summarySpanFocus.appendChild($child)\n      )\n\n      // Replace the original summary `div` with the new summary `span`\n      $summary.remove()\n\n      $button.appendChild($summarySpan)\n      $button.appendChild(this.getButtonPunctuationEl())\n    }\n\n    $button.appendChild($showHideToggle)\n\n    $heading.removeChild($span)\n    $heading.appendChild($button)\n  }\n\n  /**\n   * When a section is opened by the user agent via the 'beforematch' event\n   *\n   * @private\n   * @param {Event} event - Generic event\n   */\n  onBeforeMatch(event) {\n    const $fragment = event.target\n\n    // Handle elements with `.closest()` support only\n    if (!($fragment instanceof Element)) {\n      return\n    }\n\n    // Handle when fragment is inside section\n    const $section = $fragment.closest(`.${this.sectionClass}`)\n    if ($section) {\n      this.setExpanded(true, $section)\n    }\n  }\n\n  /**\n   * When section toggled, set and store state\n   *\n   * @private\n   * @param {Element} $section - Section element\n   */\n  onSectionToggle($section) {\n    const nowExpanded = !this.isExpanded($section)\n    this.setExpanded(nowExpanded, $section)\n\n    // Store the state in sessionStorage when a change is triggered\n    this.storeState($section, nowExpanded)\n  }\n\n  /**\n   * When Open/Close All toggled, set and store state\n   *\n   * @private\n   */\n  onShowOrHideAllToggle() {\n    const nowExpanded = !this.areAllSectionsOpen()\n\n    this.$sections.forEach(($section) => {\n      this.setExpanded(nowExpanded, $section)\n      this.storeState($section, nowExpanded)\n    })\n\n    this.updateShowAllButton(nowExpanded)\n  }\n\n  /**\n   * Set section attributes when opened/closed\n   *\n   * @private\n   * @param {boolean} expanded - Section expanded\n   * @param {Element} $section - Section element\n   */\n  setExpanded(expanded, $section) {\n    const $showHideIcon = $section.querySelector(`.${this.upChevronIconClass}`)\n    const $showHideText = $section.querySelector(\n      `.${this.sectionShowHideTextClass}`\n    )\n    const $button = $section.querySelector(`.${this.sectionButtonClass}`)\n    const $content = $section.querySelector(`.${this.sectionContentClass}`)\n\n    if (!$content) {\n      throw new ElementError({\n        component: Accordion,\n        identifier: `Section content (\\`<div class=\"${this.sectionContentClass}\">\\`)`\n      })\n    }\n\n    if (!$showHideIcon || !$showHideText || !$button) {\n      // Return early for elements we create\n      return\n    }\n\n    const newButtonText = expanded\n      ? this.i18n.t('hideSection')\n      : this.i18n.t('showSection')\n\n    $showHideText.textContent = newButtonText\n    $button.setAttribute('aria-expanded', `${expanded}`)\n\n    // Update aria-label combining\n    const ariaLabelParts = []\n\n    const $headingText = $section.querySelector(\n      `.${this.sectionHeadingTextClass}`\n    )\n    if ($headingText) {\n      ariaLabelParts.push($headingText.textContent.trim())\n    }\n\n    const $summary = $section.querySelector(`.${this.sectionSummaryClass}`)\n    if ($summary) {\n      ariaLabelParts.push($summary.textContent.trim())\n    }\n\n    const ariaLabelMessage = expanded\n      ? this.i18n.t('hideSectionAriaLabel')\n      : this.i18n.t('showSectionAriaLabel')\n    ariaLabelParts.push(ariaLabelMessage)\n\n    /*\n     * Join with a comma to add pause for assistive technology.\n     * Example: [heading]Section A ,[pause] Show this section.\n     * https://accessibility.blog.gov.uk/2017/12/18/what-working-on-gov-uk-navigation-taught-us-about-accessibility/\n     */\n    $button.setAttribute('aria-label', ariaLabelParts.join(' , '))\n\n    // Swap icon, change class\n    if (expanded) {\n      $content.removeAttribute('hidden')\n      $section.classList.add(this.sectionExpandedClass)\n      $showHideIcon.classList.remove(this.downChevronIconClass)\n    } else {\n      $content.setAttribute('hidden', 'until-found')\n      $section.classList.remove(this.sectionExpandedClass)\n      $showHideIcon.classList.add(this.downChevronIconClass)\n    }\n\n    // See if \"Show all sections\" button text should be updated\n    this.updateShowAllButton(this.areAllSectionsOpen())\n  }\n\n  /**\n   * Get state of section\n   *\n   * @private\n   * @param {Element} $section - Section element\n   * @returns {boolean} True if expanded\n   */\n  isExpanded($section) {\n    return $section.classList.contains(this.sectionExpandedClass)\n  }\n\n  /**\n   * Check if all sections are open\n   *\n   * @private\n   * @returns {boolean} True if all sections are open\n   */\n  areAllSectionsOpen() {\n    return Array.from(this.$sections).every(($section) =>\n      this.isExpanded($section)\n    )\n  }\n\n  /**\n   * Update \"Show all sections\" button\n   *\n   * @private\n   * @param {boolean} expanded - Section expanded\n   */\n  updateShowAllButton(expanded) {\n    if (!this.$showAllButton || !this.$showAllText || !this.$showAllIcon) {\n      return\n    }\n\n    this.$showAllButton.setAttribute('aria-expanded', expanded.toString())\n    this.$showAllText.textContent = expanded\n      ? this.i18n.t('hideAllSections')\n      : this.i18n.t('showAllSections')\n    this.$showAllIcon.classList.toggle(this.downChevronIconClass, !expanded)\n  }\n\n  /**\n   * Get the identifier for a section\n   *\n   * We need a unique way of identifying each content in the Accordion.\n   * Since an `#id` should be unique and an `id` is required for `aria-`\n   * attributes `id` can be safely used.\n   *\n   * @param {Element} $section - Section element\n   * @returns {string | undefined | null} Identifier for section\n   */\n  getIdentifier($section) {\n    const $button = $section.querySelector(`.${this.sectionButtonClass}`)\n\n    return $button?.getAttribute('aria-controls')\n  }\n\n  /**\n   * Set the state of the accordions in sessionStorage\n   *\n   * @private\n   * @param {Element} $section - Section element\n   * @param {boolean} isExpanded - Whether the section is expanded\n   */\n  storeState($section, isExpanded) {\n    if (!this.config.rememberExpanded) {\n      return\n    }\n\n    const id = this.getIdentifier($section)\n\n    if (id) {\n      try {\n        window.sessionStorage.setItem(id, isExpanded.toString())\n      } catch {}\n    }\n  }\n\n  /**\n   * Read the state of the accordions from sessionStorage\n   *\n   * @private\n   * @param {Element} $section - Section element\n   */\n  setInitialState($section) {\n    if (!this.config.rememberExpanded) {\n      return\n    }\n\n    const id = this.getIdentifier($section)\n\n    if (id) {\n      try {\n        const state = window.sessionStorage.getItem(id)\n\n        if (state !== null) {\n          this.setExpanded(state === 'true', $section)\n        }\n      } catch {}\n    }\n  }\n\n  /**\n   * Create an element to improve semantics of the section button with\n   * punctuation\n   *\n   * Adding punctuation to the button can also improve its general semantics by\n   * dividing its contents into thematic chunks. See\n   * https://github.com/alphagov/govuk-frontend/issues/2327#issuecomment-922957442\n   *\n   * @private\n   * @returns {Element} DOM element\n   */\n  getButtonPunctuationEl() {\n    const $punctuationEl = document.createElement('span')\n    $punctuationEl.classList.add(\n      'govuk-visually-hidden',\n      this.sectionHeadingDividerClass\n    )\n    $punctuationEl.textContent = ', '\n    return $punctuationEl\n  }\n\n  /**\n   * Name for the component used when initialising using data-module attributes.\n   */\n  static moduleName = 'govuk-accordion'\n\n  /**\n   * Accordion default config\n   *\n   * @see {@link AccordionConfig}\n   * @constant\n   * @type {AccordionConfig}\n   */\n  static defaults = Object.freeze({\n    i18n: {\n      hideAllSections: 'Hide all sections',\n      hideSection: 'Hide',\n      hideSectionAriaLabel: 'Hide this section',\n      showAllSections: 'Show all sections',\n      showSection: 'Show',\n      showSectionAriaLabel: 'Show this section'\n    },\n    rememberExpanded: true\n  })\n\n  /**\n   * Accordion config schema\n   *\n   * @constant\n   * @satisfies {Schema<AccordionConfig>}\n   */\n  static schema = Object.freeze({\n    properties: {\n      i18n: { type: 'object' },\n      rememberExpanded: { type: 'boolean' }\n    }\n  })\n}\n\n/**\n * Accordion config\n *\n * @see {@link Accordion.defaults}\n * @typedef {object} AccordionConfig\n * @property {AccordionTranslations} [i18n=Accordion.defaults.i18n] - Accordion translations\n * @property {boolean} [rememberExpanded] - Whether the expanded and collapsed\n *   state of each section is remembered and restored when navigating.\n */\n\n/**\n * Accordion translations\n *\n * @see {@link Accordion.defaults.i18n}\n * @typedef {object} AccordionTranslations\n *\n * Messages used by the component for the labels of its buttons. This includes\n * the visible text shown on screen, and text to help assistive technology users\n * for the buttons toggling each section.\n * @property {string} [hideAllSections] - The text content for the 'Hide all\n *   sections' button, used when at least one section is expanded.\n * @property {string} [hideSection] - The text content for the 'Hide'\n *   button, used when a section is expanded.\n * @property {string} [hideSectionAriaLabel] - The text content appended to the\n *   'Hide' button's accessible name when a section is expanded.\n * @property {string} [showAllSections] - The text content for the 'Show all\n *   sections' button, used when all sections are collapsed.\n * @property {string} [showSection] - The text content for the 'Show'\n *   button, used when a section is collapsed.\n * @property {string} [showSectionAriaLabel] - The text content appended to the\n *   'Show' button's accessible name when a section is expanded.\n */\n\n/**\n * @import { Schema } from '../../common/configuration.mjs'\n */\n"],"names":["isInitialised","$root","moduleName","HTMLElement","hasAttribute","isSupported","$scope","document","body","classList","contains","isArray","option","Array","isObject","formatErrorMessage","Component","message","GOVUKFrontendError","Error","constructor","args","name","SupportError","supportMessage","HTMLScriptElement","prototype","ConfigError","ElementError","messageOrOptions","component","identifier","element","expectedType","InitError","componentOrMessage","_$root","childConstructor","elementType","checkSupport","checkInitialised","setAttribute","configOverride","Symbol","for","ConfigurableComponent","param","config","_config","defaults","datasetConfig","normaliseDataset","dataset","mergeConfigs","normaliseString","value","property","trimmedValue","trim","output","outputType","type","includes","length","isFinite","Number","schema","out","entries","Object","properties","entry","namespace","field","toString","extractConfigByNamespace","configObjects","formattedConfigObject","configObject","key","keys","override","newObject","current","keyParts","split","index","I18n","translations","_config$locale","locale","documentElement","lang","t","lookupKey","options","translation","count","translationPluralForm","getPluralSuffix","match","replacePlaceholders","translationString","formatter","Intl","NumberFormat","supportedLocalesOf","undefined","replace","placeholderWithBraces","placeholderKey","hasOwnProperty","call","placeholderValue","format","hasIntlPluralRulesSupport","Boolean","window","PluralRules","preferredForm","select","console","warn","Accordion","i18n","controlsClass","showAllClass","showAllTextClass","sectionClass","sectionExpandedClass","sectionButtonClass","sectionHeaderClass","sectionHeadingClass","sectionHeadingDividerClass","sectionHeadingTextClass","sectionHeadingTextFocusClass","sectionShowHideToggleClass","sectionShowHideToggleFocusClass","sectionShowHideTextClass","upChevronIconClass","downChevronIconClass","sectionSummaryClass","sectionSummaryFocusClass","sectionContentClass","$sections","$showAllButton","$showAllIcon","$showAllText","querySelectorAll","initControls","initSectionHeaders","updateShowAllButton","areAllSectionsOpen","createElement","add","appendChild","$accordionControls","insertBefore","firstChild","addEventListener","onShowOrHideAllToggle","event","onBeforeMatch","forEach","$section","i","$header","querySelector","constructHeaderMarkup","setExpanded","isExpanded","onSectionToggle","setInitialState","$span","$heading","$summary","$button","id","attr","from","attributes","$headingText","$headingTextFocus","childNodes","$child","$showHideToggle","$showHideToggleFocus","$showHideText","$showHideIcon","getButtonPunctuationEl","$summarySpan","$summarySpanFocus","remove","removeChild","$fragment","target","Element","closest","nowExpanded","storeState","expanded","$content","newButtonText","textContent","ariaLabelParts","push","ariaLabelMessage","join","removeAttribute","every","toggle","getIdentifier","getAttribute","rememberExpanded","sessionStorage","setItem","_unused","state","getItem","_unused2","$punctuationEl","freeze","hideAllSections","hideSection","hideSectionAriaLabel","showAllSections","showSection","showSectionAriaLabel"],"mappings":"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"}
\ No newline at end of file
diff --git a/app/templates/govuk/components/accordion/accordion.bundle.mjs b/app/templates/govuk/components/accordion/accordion.bundle.mjs
new file mode 100644
index 0000000..871d3c9
--- /dev/null
+++ b/app/templates/govuk/components/accordion/accordion.bundle.mjs
@@ -0,0 +1,699 @@
+function isInitialised($root, moduleName) {
+  return $root instanceof HTMLElement && $root.hasAttribute(`data-${moduleName}-init`);
+}
+
+/**
+ * Checks if GOV.UK Frontend is supported on this page
+ *
+ * Some browsers will load and run our JavaScript but GOV.UK Frontend
+ * won't be supported.
+ *
+ * @param {HTMLElement | null} [$scope] - (internal) `<body>` HTML element checked for browser support
+ * @returns {boolean} Whether GOV.UK Frontend is supported on this page
+ */
+function isSupported($scope = document.body) {
+  if (!$scope) {
+    return false;
+  }
+  return $scope.classList.contains('govuk-frontend-supported');
+}
+function isArray(option) {
+  return Array.isArray(option);
+}
+function isObject(option) {
+  return !!option && typeof option === 'object' && !isArray(option);
+}
+function formatErrorMessage(Component, message) {
+  return `${Component.moduleName}: ${message}`;
+}
+/**
+ * @typedef ComponentWithModuleName
+ * @property {string} moduleName - Name of the component
+ */
+
+class GOVUKFrontendError extends Error {
+  constructor(...args) {
+    super(...args);
+    this.name = 'GOVUKFrontendError';
+  }
+}
+class SupportError extends GOVUKFrontendError {
+  /**
+   * Checks if GOV.UK Frontend is supported on this page
+   *
+   * @param {HTMLElement | null} [$scope] - HTML element `<body>` checked for browser support
+   */
+  constructor($scope = document.body) {
+    const supportMessage = 'noModule' in HTMLScriptElement.prototype ? 'GOV.UK Frontend initialised without `<body class="govuk-frontend-supported">` from template `<script>` snippet' : 'GOV.UK Frontend is not supported in this browser';
+    super($scope ? supportMessage : 'GOV.UK Frontend initialised without `<script type="module">`');
+    this.name = 'SupportError';
+  }
+}
+class ConfigError extends GOVUKFrontendError {
+  constructor(...args) {
+    super(...args);
+    this.name = 'ConfigError';
+  }
+}
+class ElementError extends GOVUKFrontendError {
+  constructor(messageOrOptions) {
+    let message = typeof messageOrOptions === 'string' ? messageOrOptions : '';
+    if (isObject(messageOrOptions)) {
+      const {
+        component,
+        identifier,
+        element,
+        expectedType
+      } = messageOrOptions;
+      message = identifier;
+      message += element ? ` is not of type ${expectedType != null ? expectedType : 'HTMLElement'}` : ' not found';
+      if (component) {
+        message = formatErrorMessage(component, message);
+      }
+    }
+    super(message);
+    this.name = 'ElementError';
+  }
+}
+class InitError extends GOVUKFrontendError {
+  constructor(componentOrMessage) {
+    const message = typeof componentOrMessage === 'string' ? componentOrMessage : formatErrorMessage(componentOrMessage, `Root element (\`$root\`) already initialised`);
+    super(message);
+    this.name = 'InitError';
+  }
+}
+/**
+ * @import { ComponentWithModuleName } from '../common/index.mjs'
+ */
+
+class Component {
+  /**
+   * Returns the root element of the component
+   *
+   * @protected
+   * @returns {RootElementType} - the root element of component
+   */
+  get $root() {
+    return this._$root;
+  }
+  constructor($root) {
+    this._$root = void 0;
+    const childConstructor = this.constructor;
+    if (typeof childConstructor.moduleName !== 'string') {
+      throw new InitError(`\`moduleName\` not defined in component`);
+    }
+    if (!($root instanceof childConstructor.elementType)) {
+      throw new ElementError({
+        element: $root,
+        component: childConstructor,
+        identifier: 'Root element (`$root`)',
+        expectedType: childConstructor.elementType.name
+      });
+    } else {
+      this._$root = $root;
+    }
+    childConstructor.checkSupport();
+    this.checkInitialised();
+    const moduleName = childConstructor.moduleName;
+    this.$root.setAttribute(`data-${moduleName}-init`, '');
+  }
+  checkInitialised() {
+    const constructor = this.constructor;
+    const moduleName = constructor.moduleName;
+    if (moduleName && isInitialised(this.$root, moduleName)) {
+      throw new InitError(constructor);
+    }
+  }
+  static checkSupport() {
+    if (!isSupported()) {
+      throw new SupportError();
+    }
+  }
+}
+
+/**
+ * @typedef ChildClass
+ * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component
+ */
+
+/**
+ * @typedef {typeof Component & ChildClass} ChildClassConstructor
+ */
+Component.elementType = HTMLElement;
+
+const configOverride = Symbol.for('configOverride');
+class ConfigurableComponent extends Component {
+  [configOverride](param) {
+    return {};
+  }
+
+  /**
+   * Returns the root element of the component
+   *
+   * @protected
+   * @returns {ConfigurationType} - the root element of component
+   */
+  get config() {
+    return this._config;
+  }
+  constructor($root, config) {
+    super($root);
+    this._config = void 0;
+    const childConstructor = this.constructor;
+    if (!isObject(childConstructor.defaults)) {
+      throw new ConfigError(formatErrorMessage(childConstructor, 'Config passed as parameter into constructor but no defaults defined'));
+    }
+    const datasetConfig = normaliseDataset(childConstructor, this._$root.dataset);
+    this._config = mergeConfigs(childConstructor.defaults, config != null ? config : {}, this[configOverride](datasetConfig), datasetConfig);
+  }
+}
+function normaliseString(value, property) {
+  const trimmedValue = value ? value.trim() : '';
+  let output;
+  let outputType = property == null ? void 0 : property.type;
+  if (!outputType) {
+    if (['true', 'false'].includes(trimmedValue)) {
+      outputType = 'boolean';
+    }
+    if (trimmedValue.length > 0 && isFinite(Number(trimmedValue))) {
+      outputType = 'number';
+    }
+  }
+  switch (outputType) {
+    case 'boolean':
+      output = trimmedValue === 'true';
+      break;
+    case 'number':
+      output = Number(trimmedValue);
+      break;
+    default:
+      output = value;
+  }
+  return output;
+}
+function normaliseDataset(Component, dataset) {
+  if (!isObject(Component.schema)) {
+    throw new ConfigError(formatErrorMessage(Component, 'Config passed as parameter into constructor but no schema defined'));
+  }
+  const out = {};
+  const entries = Object.entries(Component.schema.properties);
+  for (const entry of entries) {
+    const [namespace, property] = entry;
+    const field = namespace.toString();
+    if (field in dataset) {
+      out[field] = normaliseString(dataset[field], property);
+    }
+    if ((property == null ? void 0 : property.type) === 'object') {
+      out[field] = extractConfigByNamespace(Component.schema, dataset, namespace);
+    }
+  }
+  return out;
+}
+function mergeConfigs(...configObjects) {
+  const formattedConfigObject = {};
+  for (const configObject of configObjects) {
+    for (const key of Object.keys(configObject)) {
+      const option = formattedConfigObject[key];
+      const override = configObject[key];
+      if (isObject(option) && isObject(override)) {
+        formattedConfigObject[key] = mergeConfigs(option, override);
+      } else {
+        formattedConfigObject[key] = override;
+      }
+    }
+  }
+  return formattedConfigObject;
+}
+function extractConfigByNamespace(schema, dataset, namespace) {
+  const property = schema.properties[namespace];
+  if ((property == null ? void 0 : property.type) !== 'object') {
+    return;
+  }
+  const newObject = {
+    [namespace]: {}
+  };
+  for (const [key, value] of Object.entries(dataset)) {
+    let current = newObject;
+    const keyParts = key.split('.');
+    for (const [index, name] of keyParts.entries()) {
+      if (isObject(current)) {
+        if (index < keyParts.length - 1) {
+          if (!isObject(current[name])) {
+            current[name] = {};
+          }
+          current = current[name];
+        } else if (key !== namespace) {
+          current[name] = normaliseString(value);
+        }
+      }
+    }
+  }
+  return newObject[namespace];
+}
+/**
+ * Schema for component config
+ *
+ * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType
+ * @typedef {object} Schema
+ * @property {Record<keyof ConfigurationType, SchemaProperty | undefined>} properties - Schema properties
+ * @property {SchemaCondition<ConfigurationType>[]} [anyOf] - List of schema conditions
+ */
+/**
+ * Schema property for component config
+ *
+ * @typedef {object} SchemaProperty
+ * @property {'string' | 'boolean' | 'number' | 'object'} type - Property type
+ */
+/**
+ * Schema condition for component config
+ *
+ * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType
+ * @typedef {object} SchemaCondition
+ * @property {(keyof ConfigurationType)[]} required - List of required config fields
+ * @property {string} errorMessage - Error message when required config fields not provided
+ */
+/**
+ * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]
+ * @typedef ChildClass
+ * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component
+ * @property {Schema<ConfigurationType>} [schema] - The schema of the component configuration
+ * @property {ConfigurationType} [defaults] - The default values of the configuration of the component
+ */
+/**
+ * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]
+ * @typedef {typeof Component & ChildClass<ConfigurationType>} ChildClassConstructor<ConfigurationType>
+ */
+/**
+ * @import { CompatibleClass, Config, CreateAllOptions, OnErrorCallback } from '../init.mjs'
+ */
+
+class I18n {
+  constructor(translations = {}, config = {}) {
+    var _config$locale;
+    this.translations = void 0;
+    this.locale = void 0;
+    this.translations = translations;
+    this.locale = (_config$locale = config.locale) != null ? _config$locale : document.documentElement.lang || 'en';
+  }
+  t(lookupKey, options) {
+    if (!lookupKey) {
+      throw new Error('i18n: lookup key missing');
+    }
+    let translation = this.translations[lookupKey];
+    if (typeof (options == null ? void 0 : options.count) === 'number' && isObject(translation)) {
+      const translationPluralForm = translation[this.getPluralSuffix(lookupKey, options.count)];
+      if (translationPluralForm) {
+        translation = translationPluralForm;
+      }
+    }
+    if (typeof translation === 'string') {
+      if (translation.match(/%{(.\S+)}/)) {
+        if (!options) {
+          throw new Error('i18n: cannot replace placeholders in string if no option data provided');
+        }
+        return this.replacePlaceholders(translation, options);
+      }
+      return translation;
+    }
+    return lookupKey;
+  }
+  replacePlaceholders(translationString, options) {
+    const formatter = Intl.NumberFormat.supportedLocalesOf(this.locale).length ? new Intl.NumberFormat(this.locale) : undefined;
+    return translationString.replace(/%{(.\S+)}/g, function (placeholderWithBraces, placeholderKey) {
+      if (Object.prototype.hasOwnProperty.call(options, placeholderKey)) {
+        const placeholderValue = options[placeholderKey];
+        if (placeholderValue === false || typeof placeholderValue !== 'number' && typeof placeholderValue !== 'string') {
+          return '';
+        }
+        if (typeof placeholderValue === 'number') {
+          return formatter ? formatter.format(placeholderValue) : `${placeholderValue}`;
+        }
+        return placeholderValue;
+      }
+      throw new Error(`i18n: no data found to replace ${placeholderWithBraces} placeholder in string`);
+    });
+  }
+  hasIntlPluralRulesSupport() {
+    return Boolean('PluralRules' in window.Intl && Intl.PluralRules.supportedLocalesOf(this.locale).length);
+  }
+  getPluralSuffix(lookupKey, count) {
+    count = Number(count);
+    if (!isFinite(count)) {
+      return 'other';
+    }
+    const translation = this.translations[lookupKey];
+    const preferredForm = this.hasIntlPluralRulesSupport() ? new Intl.PluralRules(this.locale).select(count) : 'other';
+    if (isObject(translation)) {
+      if (preferredForm in translation) {
+        return preferredForm;
+      } else if ('other' in translation) {
+        console.warn(`i18n: Missing plural form ".${preferredForm}" for "${this.locale}" locale. Falling back to ".other".`);
+        return 'other';
+      }
+    }
+    throw new Error(`i18n: Plural form ".other" is required for "${this.locale}" locale`);
+  }
+}
+
+/**
+ * Accordion component
+ *
+ * This allows a collection of sections to be collapsed by default, showing only
+ * their headers. Sections can be expanded or collapsed individually by clicking
+ * their headers. A "Show all sections" button is also added to the top of the
+ * accordion, which switches to "Hide all sections" when all the sections are
+ * expanded.
+ *
+ * The state of each section is saved to the DOM via the `aria-expanded`
+ * attribute, which also provides accessibility.
+ *
+ * @preserve
+ * @augments ConfigurableComponent<AccordionConfig>
+ */
+class Accordion extends ConfigurableComponent {
+  /**
+   * @param {Element | null} $root - HTML element to use for accordion
+   * @param {AccordionConfig} [config] - Accordion config
+   */
+  constructor($root, config = {}) {
+    super($root, config);
+    this.i18n = void 0;
+    this.controlsClass = 'govuk-accordion__controls';
+    this.showAllClass = 'govuk-accordion__show-all';
+    this.showAllTextClass = 'govuk-accordion__show-all-text';
+    this.sectionClass = 'govuk-accordion__section';
+    this.sectionExpandedClass = 'govuk-accordion__section--expanded';
+    this.sectionButtonClass = 'govuk-accordion__section-button';
+    this.sectionHeaderClass = 'govuk-accordion__section-header';
+    this.sectionHeadingClass = 'govuk-accordion__section-heading';
+    this.sectionHeadingDividerClass = 'govuk-accordion__section-heading-divider';
+    this.sectionHeadingTextClass = 'govuk-accordion__section-heading-text';
+    this.sectionHeadingTextFocusClass = 'govuk-accordion__section-heading-text-focus';
+    this.sectionShowHideToggleClass = 'govuk-accordion__section-toggle';
+    this.sectionShowHideToggleFocusClass = 'govuk-accordion__section-toggle-focus';
+    this.sectionShowHideTextClass = 'govuk-accordion__section-toggle-text';
+    this.upChevronIconClass = 'govuk-accordion-nav__chevron';
+    this.downChevronIconClass = 'govuk-accordion-nav__chevron--down';
+    this.sectionSummaryClass = 'govuk-accordion__section-summary';
+    this.sectionSummaryFocusClass = 'govuk-accordion__section-summary-focus';
+    this.sectionContentClass = 'govuk-accordion__section-content';
+    this.$sections = void 0;
+    this.$showAllButton = null;
+    this.$showAllIcon = null;
+    this.$showAllText = null;
+    this.i18n = new I18n(this.config.i18n);
+    const $sections = this.$root.querySelectorAll(`.${this.sectionClass}`);
+    if (!$sections.length) {
+      throw new ElementError({
+        component: Accordion,
+        identifier: `Sections (\`<div class="${this.sectionClass}">\`)`
+      });
+    }
+    this.$sections = $sections;
+    this.initControls();
+    this.initSectionHeaders();
+    this.updateShowAllButton(this.areAllSectionsOpen());
+  }
+  initControls() {
+    this.$showAllButton = document.createElement('button');
+    this.$showAllButton.setAttribute('type', 'button');
+    this.$showAllButton.setAttribute('class', this.showAllClass);
+    this.$showAllButton.setAttribute('aria-expanded', 'false');
+    this.$showAllIcon = document.createElement('span');
+    this.$showAllIcon.classList.add(this.upChevronIconClass);
+    this.$showAllButton.appendChild(this.$showAllIcon);
+    const $accordionControls = document.createElement('div');
+    $accordionControls.setAttribute('class', this.controlsClass);
+    $accordionControls.appendChild(this.$showAllButton);
+    this.$root.insertBefore($accordionControls, this.$root.firstChild);
+    this.$showAllText = document.createElement('span');
+    this.$showAllText.classList.add(this.showAllTextClass);
+    this.$showAllButton.appendChild(this.$showAllText);
+    this.$showAllButton.addEventListener('click', () => this.onShowOrHideAllToggle());
+    if ('onbeforematch' in document) {
+      document.addEventListener('beforematch', event => this.onBeforeMatch(event));
+    }
+  }
+  initSectionHeaders() {
+    this.$sections.forEach(($section, i) => {
+      const $header = $section.querySelector(`.${this.sectionHeaderClass}`);
+      if (!$header) {
+        throw new ElementError({
+          component: Accordion,
+          identifier: `Section headers (\`<div class="${this.sectionHeaderClass}">\`)`
+        });
+      }
+      this.constructHeaderMarkup($header, i);
+      this.setExpanded(this.isExpanded($section), $section);
+      $header.addEventListener('click', () => this.onSectionToggle($section));
+      this.setInitialState($section);
+    });
+  }
+  constructHeaderMarkup($header, index) {
+    const $span = $header.querySelector(`.${this.sectionButtonClass}`);
+    const $heading = $header.querySelector(`.${this.sectionHeadingClass}`);
+    const $summary = $header.querySelector(`.${this.sectionSummaryClass}`);
+    if (!$heading) {
+      throw new ElementError({
+        component: Accordion,
+        identifier: `Section heading (\`.${this.sectionHeadingClass}\`)`
+      });
+    }
+    if (!$span) {
+      throw new ElementError({
+        component: Accordion,
+        identifier: `Section button placeholder (\`<span class="${this.sectionButtonClass}">\`)`
+      });
+    }
+    const $button = document.createElement('button');
+    $button.setAttribute('type', 'button');
+    $button.setAttribute('aria-controls', `${this.$root.id}-content-${index + 1}`);
+    for (const attr of Array.from($span.attributes)) {
+      if (attr.name !== 'id') {
+        $button.setAttribute(attr.name, attr.value);
+      }
+    }
+    const $headingText = document.createElement('span');
+    $headingText.classList.add(this.sectionHeadingTextClass);
+    $headingText.id = $span.id;
+    const $headingTextFocus = document.createElement('span');
+    $headingTextFocus.classList.add(this.sectionHeadingTextFocusClass);
+    $headingText.appendChild($headingTextFocus);
+    Array.from($span.childNodes).forEach($child => $headingTextFocus.appendChild($child));
+    const $showHideToggle = document.createElement('span');
+    $showHideToggle.classList.add(this.sectionShowHideToggleClass);
+    $showHideToggle.setAttribute('data-nosnippet', '');
+    const $showHideToggleFocus = document.createElement('span');
+    $showHideToggleFocus.classList.add(this.sectionShowHideToggleFocusClass);
+    $showHideToggle.appendChild($showHideToggleFocus);
+    const $showHideText = document.createElement('span');
+    const $showHideIcon = document.createElement('span');
+    $showHideIcon.classList.add(this.upChevronIconClass);
+    $showHideToggleFocus.appendChild($showHideIcon);
+    $showHideText.classList.add(this.sectionShowHideTextClass);
+    $showHideToggleFocus.appendChild($showHideText);
+    $button.appendChild($headingText);
+    $button.appendChild(this.getButtonPunctuationEl());
+    if ($summary) {
+      const $summarySpan = document.createElement('span');
+      const $summarySpanFocus = document.createElement('span');
+      $summarySpanFocus.classList.add(this.sectionSummaryFocusClass);
+      $summarySpan.appendChild($summarySpanFocus);
+      for (const attr of Array.from($summary.attributes)) {
+        $summarySpan.setAttribute(attr.name, attr.value);
+      }
+      Array.from($summary.childNodes).forEach($child => $summarySpanFocus.appendChild($child));
+      $summary.remove();
+      $button.appendChild($summarySpan);
+      $button.appendChild(this.getButtonPunctuationEl());
+    }
+    $button.appendChild($showHideToggle);
+    $heading.removeChild($span);
+    $heading.appendChild($button);
+  }
+  onBeforeMatch(event) {
+    const $fragment = event.target;
+    if (!($fragment instanceof Element)) {
+      return;
+    }
+    const $section = $fragment.closest(`.${this.sectionClass}`);
+    if ($section) {
+      this.setExpanded(true, $section);
+    }
+  }
+  onSectionToggle($section) {
+    const nowExpanded = !this.isExpanded($section);
+    this.setExpanded(nowExpanded, $section);
+    this.storeState($section, nowExpanded);
+  }
+  onShowOrHideAllToggle() {
+    const nowExpanded = !this.areAllSectionsOpen();
+    this.$sections.forEach($section => {
+      this.setExpanded(nowExpanded, $section);
+      this.storeState($section, nowExpanded);
+    });
+    this.updateShowAllButton(nowExpanded);
+  }
+  setExpanded(expanded, $section) {
+    const $showHideIcon = $section.querySelector(`.${this.upChevronIconClass}`);
+    const $showHideText = $section.querySelector(`.${this.sectionShowHideTextClass}`);
+    const $button = $section.querySelector(`.${this.sectionButtonClass}`);
+    const $content = $section.querySelector(`.${this.sectionContentClass}`);
+    if (!$content) {
+      throw new ElementError({
+        component: Accordion,
+        identifier: `Section content (\`<div class="${this.sectionContentClass}">\`)`
+      });
+    }
+    if (!$showHideIcon || !$showHideText || !$button) {
+      return;
+    }
+    const newButtonText = expanded ? this.i18n.t('hideSection') : this.i18n.t('showSection');
+    $showHideText.textContent = newButtonText;
+    $button.setAttribute('aria-expanded', `${expanded}`);
+    const ariaLabelParts = [];
+    const $headingText = $section.querySelector(`.${this.sectionHeadingTextClass}`);
+    if ($headingText) {
+      ariaLabelParts.push($headingText.textContent.trim());
+    }
+    const $summary = $section.querySelector(`.${this.sectionSummaryClass}`);
+    if ($summary) {
+      ariaLabelParts.push($summary.textContent.trim());
+    }
+    const ariaLabelMessage = expanded ? this.i18n.t('hideSectionAriaLabel') : this.i18n.t('showSectionAriaLabel');
+    ariaLabelParts.push(ariaLabelMessage);
+    $button.setAttribute('aria-label', ariaLabelParts.join(' , '));
+    if (expanded) {
+      $content.removeAttribute('hidden');
+      $section.classList.add(this.sectionExpandedClass);
+      $showHideIcon.classList.remove(this.downChevronIconClass);
+    } else {
+      $content.setAttribute('hidden', 'until-found');
+      $section.classList.remove(this.sectionExpandedClass);
+      $showHideIcon.classList.add(this.downChevronIconClass);
+    }
+    this.updateShowAllButton(this.areAllSectionsOpen());
+  }
+  isExpanded($section) {
+    return $section.classList.contains(this.sectionExpandedClass);
+  }
+  areAllSectionsOpen() {
+    return Array.from(this.$sections).every($section => this.isExpanded($section));
+  }
+  updateShowAllButton(expanded) {
+    if (!this.$showAllButton || !this.$showAllText || !this.$showAllIcon) {
+      return;
+    }
+    this.$showAllButton.setAttribute('aria-expanded', expanded.toString());
+    this.$showAllText.textContent = expanded ? this.i18n.t('hideAllSections') : this.i18n.t('showAllSections');
+    this.$showAllIcon.classList.toggle(this.downChevronIconClass, !expanded);
+  }
+
+  /**
+   * Get the identifier for a section
+   *
+   * We need a unique way of identifying each content in the Accordion.
+   * Since an `#id` should be unique and an `id` is required for `aria-`
+   * attributes `id` can be safely used.
+   *
+   * @param {Element} $section - Section element
+   * @returns {string | undefined | null} Identifier for section
+   */
+  getIdentifier($section) {
+    const $button = $section.querySelector(`.${this.sectionButtonClass}`);
+    return $button == null ? void 0 : $button.getAttribute('aria-controls');
+  }
+  storeState($section, isExpanded) {
+    if (!this.config.rememberExpanded) {
+      return;
+    }
+    const id = this.getIdentifier($section);
+    if (id) {
+      try {
+        window.sessionStorage.setItem(id, isExpanded.toString());
+      } catch (_unused) {}
+    }
+  }
+  setInitialState($section) {
+    if (!this.config.rememberExpanded) {
+      return;
+    }
+    const id = this.getIdentifier($section);
+    if (id) {
+      try {
+        const state = window.sessionStorage.getItem(id);
+        if (state !== null) {
+          this.setExpanded(state === 'true', $section);
+        }
+      } catch (_unused2) {}
+    }
+  }
+  getButtonPunctuationEl() {
+    const $punctuationEl = document.createElement('span');
+    $punctuationEl.classList.add('govuk-visually-hidden', this.sectionHeadingDividerClass);
+    $punctuationEl.textContent = ', ';
+    return $punctuationEl;
+  }
+}
+
+/**
+ * Accordion config
+ *
+ * @see {@link Accordion.defaults}
+ * @typedef {object} AccordionConfig
+ * @property {AccordionTranslations} [i18n=Accordion.defaults.i18n] - Accordion translations
+ * @property {boolean} [rememberExpanded] - Whether the expanded and collapsed
+ *   state of each section is remembered and restored when navigating.
+ */
+
+/**
+ * Accordion translations
+ *
+ * @see {@link Accordion.defaults.i18n}
+ * @typedef {object} AccordionTranslations
+ *
+ * Messages used by the component for the labels of its buttons. This includes
+ * the visible text shown on screen, and text to help assistive technology users
+ * for the buttons toggling each section.
+ * @property {string} [hideAllSections] - The text content for the 'Hide all
+ *   sections' button, used when at least one section is expanded.
+ * @property {string} [hideSection] - The text content for the 'Hide'
+ *   button, used when a section is expanded.
+ * @property {string} [hideSectionAriaLabel] - The text content appended to the
+ *   'Hide' button's accessible name when a section is expanded.
+ * @property {string} [showAllSections] - The text content for the 'Show all
+ *   sections' button, used when all sections are collapsed.
+ * @property {string} [showSection] - The text content for the 'Show'
+ *   button, used when a section is collapsed.
+ * @property {string} [showSectionAriaLabel] - The text content appended to the
+ *   'Show' button's accessible name when a section is expanded.
+ */
+
+/**
+ * @import { Schema } from '../../common/configuration.mjs'
+ */
+Accordion.moduleName = 'govuk-accordion';
+Accordion.defaults = Object.freeze({
+  i18n: {
+    hideAllSections: 'Hide all sections',
+    hideSection: 'Hide',
+    hideSectionAriaLabel: 'Hide this section',
+    showAllSections: 'Show all sections',
+    showSection: 'Show',
+    showSectionAriaLabel: 'Show this section'
+  },
+  rememberExpanded: true
+});
+Accordion.schema = Object.freeze({
+  properties: {
+    i18n: {
+      type: 'object'
+    },
+    rememberExpanded: {
+      type: 'boolean'
+    }
+  }
+});
+
+export { Accordion };
+//# sourceMappingURL=accordion.bundle.mjs.map
diff --git a/app/templates/govuk/components/accordion/accordion.bundle.mjs.map b/app/templates/govuk/components/accordion/accordion.bundle.mjs.map
new file mode 100644
index 0000000..372d5dc
--- /dev/null
+++ b/app/templates/govuk/components/accordion/accordion.bundle.mjs.map
@@ -0,0 +1 @@
+{"version":3,"file":"accordion.bundle.mjs","sources":["../../../../src/govuk/common/index.mjs","../../../../src/govuk/errors/index.mjs","../../../../src/govuk/component.mjs","../../../../src/govuk/common/configuration.mjs","../../../../src/govuk/i18n.mjs","../../../../src/govuk/components/accordion/accordion.mjs"],"sourcesContent":["/**\n * Common helpers which do not require polyfill.\n *\n * IMPORTANT: If a helper require a polyfill, please isolate it in its own module\n * so that the polyfill can be properly tree-shaken and does not burden\n * the components that do not need that helper\n */\n\n/**\n * Get GOV.UK Frontend breakpoint value from CSS custom property\n *\n * @private\n * @param {string} name - Breakpoint name\n * @returns {{ property: string, value?: string }} Breakpoint object\n */\nexport function getBreakpoint(name) {\n  const property = `--govuk-breakpoint-${name}`\n\n  // Get value from `<html>` with breakpoints on CSS :root\n  const value = window\n    .getComputedStyle(document.documentElement)\n    .getPropertyValue(property)\n\n  return {\n    property,\n    value: value || undefined\n  }\n}\n\n/**\n * Move focus to element\n *\n * Sets tabindex to -1 to make the element programmatically focusable,\n * but removes it on blur as the element doesn't need to be focused again.\n *\n * @private\n * @template {HTMLElement} FocusElement\n * @param {FocusElement} $element - HTML element\n * @param {object} [options] - Handler options\n * @param {function(this: FocusElement): void} [options.onBeforeFocus] - Callback before focus\n * @param {function(this: FocusElement): void} [options.onBlur] - Callback on blur\n */\nexport function setFocus($element, options = {}) {\n  const isFocusable = $element.getAttribute('tabindex')\n\n  if (!isFocusable) {\n    $element.setAttribute('tabindex', '-1')\n  }\n\n  /**\n   * Handle element focus\n   */\n  function onFocus() {\n    $element.addEventListener('blur', onBlur, { once: true })\n  }\n\n  /**\n   * Handle element blur\n   */\n  function onBlur() {\n    options.onBlur?.call($element)\n\n    if (!isFocusable) {\n      $element.removeAttribute('tabindex')\n    }\n  }\n\n  // Add listener to reset element on blur, after focus\n  $element.addEventListener('focus', onFocus, { once: true })\n\n  // Focus element\n  options.onBeforeFocus?.call($element)\n  $element.focus()\n}\n\n/**\n * Checks if component is already initialised\n *\n * @internal\n * @param {Element} $root - HTML element to be checked\n * @param {string} moduleName - name of component module\n * @returns {boolean} Whether component is already initialised\n */\nexport function isInitialised($root, moduleName) {\n  return (\n    $root instanceof HTMLElement &&\n    $root.hasAttribute(`data-${moduleName}-init`)\n  )\n}\n\n/**\n * Checks if GOV.UK Frontend is supported on this page\n *\n * Some browsers will load and run our JavaScript but GOV.UK Frontend\n * won't be supported.\n *\n * @param {HTMLElement | null} [$scope] - (internal) `<body>` HTML element checked for browser support\n * @returns {boolean} Whether GOV.UK Frontend is supported on this page\n */\nexport function isSupported($scope = document.body) {\n  if (!$scope) {\n    return false\n  }\n\n  return $scope.classList.contains('govuk-frontend-supported')\n}\n\n/**\n * Check for an array\n *\n * @internal\n * @param {unknown} option - Option to check\n * @returns {boolean} Whether the option is an array\n */\nfunction isArray(option) {\n  return Array.isArray(option)\n}\n\n/**\n * Check for an object\n *\n * @internal\n * @template {Partial<Record<keyof ObjectType, unknown>>} ObjectType\n * @param {unknown | ObjectType} option - Option to check\n * @returns {option is ObjectType} Whether the option is an object\n */\nexport function isObject(option) {\n  return !!option && typeof option === 'object' && !isArray(option)\n}\n\n/**\n * Check for valid scope\n *\n * @internal\n * @template {Element | Document} ScopeType\n * @param {unknown | ScopeType} $scope - Scope of the document to search within\n * @returns {$scope is ScopeType} Whether the scope can be queried\n */\nexport function isScope($scope) {\n  return !!$scope && ($scope instanceof Element || $scope instanceof Document)\n}\n\n/**\n * Format error message\n *\n * @internal\n * @param {ComponentWithModuleName} Component - Component that threw the error\n * @param {string} message - Error message\n * @returns {string} - Formatted error message\n */\nexport function formatErrorMessage(Component, message) {\n  return `${Component.moduleName}: ${message}`\n}\n\n/* eslint-disable jsdoc/valid-types --\n * `{new(...args: any[] ): object}` is not recognised as valid\n * https://github.com/gajus/eslint-plugin-jsdoc/issues/145#issuecomment-1308722878\n * https://github.com/jsdoc-type-pratt-parser/jsdoc-type-pratt-parser/issues/131\n **/\n\n/**\n * @typedef ComponentWithModuleName\n * @property {string} moduleName - Name of the component\n */\n\n/* eslint-enable jsdoc/valid-types */\n","import { formatErrorMessage, isObject } from '../common/index.mjs'\n\n/**\n * GOV.UK Frontend error\n *\n * A base class for `Error`s thrown by GOV.UK Frontend.\n *\n * It is meant to be extended into specific types of errors\n * to be thrown by our code.\n *\n * @example\n * ```js\n * class MissingRootError extends GOVUKFrontendError {\n *   // Setting an explicit name is important as extending the class will not\n *   // set a new `name` on the subclass. The `name` property is important\n *   // to ensure intelligible error names even if the class name gets\n *   // mangled by a minifier\n *   name = \"MissingRootError\"\n * }\n * ```\n * @virtual\n */\nexport class GOVUKFrontendError extends Error {\n  name = 'GOVUKFrontendError'\n}\n\n/**\n * Indicates that GOV.UK Frontend is not supported\n */\nexport class SupportError extends GOVUKFrontendError {\n  name = 'SupportError'\n\n  /**\n   * Checks if GOV.UK Frontend is supported on this page\n   *\n   * @param {HTMLElement | null} [$scope] - HTML element `<body>` checked for browser support\n   */\n  constructor($scope = document.body) {\n    const supportMessage =\n      'noModule' in HTMLScriptElement.prototype\n        ? 'GOV.UK Frontend initialised without `<body class=\"govuk-frontend-supported\">` from template `<script>` snippet'\n        : 'GOV.UK Frontend is not supported in this browser'\n\n    super(\n      $scope\n        ? supportMessage\n        : 'GOV.UK Frontend initialised without `<script type=\"module\">`'\n    )\n  }\n}\n\n/**\n * Indicates that a component has received an illegal configuration\n */\nexport class ConfigError extends GOVUKFrontendError {\n  name = 'ConfigError'\n}\n\n/**\n * Indicates an issue with an element (possibly `null` or `undefined`)\n */\nexport class ElementError extends GOVUKFrontendError {\n  name = 'ElementError'\n\n  /**\n   * @internal\n   * @overload\n   * @param {string} message - Element error message\n   */\n\n  /**\n   * @internal\n   * @overload\n   * @param {ElementErrorOptions} options - Element error options\n   */\n\n  /**\n   * @internal\n   * @param {string | ElementErrorOptions} messageOrOptions - Element error message or options\n   */\n  constructor(messageOrOptions) {\n    let message = typeof messageOrOptions === 'string' ? messageOrOptions : ''\n\n    // Build message from options\n    if (isObject(messageOrOptions)) {\n      const { component, identifier, element, expectedType } = messageOrOptions\n\n      message = identifier\n\n      // Append reason\n      message += element\n        ? ` is not of type ${expectedType ?? 'HTMLElement'}`\n        : ' not found'\n\n      // Prepend with module name (optional)\n      if (component) {\n        message = formatErrorMessage(component, message)\n      }\n    }\n\n    super(message)\n  }\n}\n\n/**\n * Indicates that a component is already initialised\n */\nexport class InitError extends GOVUKFrontendError {\n  name = 'InitError'\n\n  /**\n   * @internal\n   * @param {ComponentWithModuleName | string} componentOrMessage - name of the component module\n   */\n  constructor(componentOrMessage) {\n    const message =\n      typeof componentOrMessage === 'string'\n        ? componentOrMessage\n        : formatErrorMessage(\n            componentOrMessage,\n            `Root element (\\`$root\\`) already initialised`\n          )\n\n    super(message)\n  }\n}\n\n/**\n * Element error options\n *\n * @internal\n * @typedef {object} ElementErrorOptions\n * @property {Element | Document | null} [element] - The element in error (optional)\n * @property {ComponentWithModuleName} [component] - Component throwing the error (optional)\n * @property {string} identifier - An identifier that'll let the user understand which element has an error. This is whatever makes the most sense\n * @property {string} [expectedType] - The type that was expected for the identifier (optional)\n */\n\n/**\n * @import { ComponentWithModuleName } from '../common/index.mjs'\n */\n","import { isInitialised, isSupported } from './common/index.mjs'\nimport { ElementError, InitError, SupportError } from './errors/index.mjs'\n\n/**\n * Base Component class\n *\n * Centralises the behaviours shared by our components\n *\n * @virtual\n * @template {Element} [RootElementType=HTMLElement]\n */\nexport class Component {\n  /**\n   * @type {typeof Element}\n   */\n  static elementType = HTMLElement\n\n  // allows Typescript user to work around the lack of types\n  // in GOVUKFrontend package, Typescript is not aware of $root\n  // in components that extend GOVUKFrontendComponent\n  /**\n   * Returns the root element of the component\n   *\n   * @protected\n   * @returns {RootElementType} - the root element of component\n   */\n  get $root() {\n    return this._$root\n  }\n\n  /**\n   * @protected\n   * @type {RootElementType}\n   */\n  _$root\n\n  /**\n   * Constructs a new component, validating that GOV.UK Frontend is supported\n   *\n   * @internal\n   * @param {Element | null} [$root] - HTML element to use for component\n   */\n  constructor($root) {\n    const childConstructor = /** @type {ChildClassConstructor} */ (\n      this.constructor\n    )\n\n    // TypeScript does not enforce that inheriting classes will define a `moduleName`\n    // (even if we add a `@virtual` `static moduleName` property to this class).\n    // While we trust users to do this correctly, we do a little check to provide them\n    // a helpful error message.\n    //\n    // After this, we'll be sure that `childConstructor` has a `moduleName`\n    // as expected of the `ChildClassConstructor` we've cast `this.constructor` to.\n    if (typeof childConstructor.moduleName !== 'string') {\n      throw new InitError(`\\`moduleName\\` not defined in component`)\n    }\n\n    if (!($root instanceof childConstructor.elementType)) {\n      throw new ElementError({\n        element: $root,\n        component: childConstructor,\n        identifier: 'Root element (`$root`)',\n        expectedType: childConstructor.elementType.name\n      })\n    } else {\n      this._$root = /** @type {RootElementType} */ ($root)\n    }\n\n    childConstructor.checkSupport()\n\n    this.checkInitialised()\n\n    const moduleName = childConstructor.moduleName\n\n    this.$root.setAttribute(`data-${moduleName}-init`, '')\n  }\n\n  /**\n   * Validates whether component is already initialised\n   *\n   * @private\n   * @throws {InitError} when component is already initialised\n   */\n  checkInitialised() {\n    const constructor = /** @type {ChildClassConstructor} */ (this.constructor)\n    const moduleName = constructor.moduleName\n\n    if (moduleName && isInitialised(this.$root, moduleName)) {\n      throw new InitError(constructor)\n    }\n  }\n\n  /**\n   * Validates whether components are supported\n   *\n   * @throws {SupportError} when the components are not supported\n   */\n  static checkSupport() {\n    if (!isSupported()) {\n      throw new SupportError()\n    }\n  }\n}\n\n/**\n * @typedef ChildClass\n * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component\n */\n\n/**\n * @typedef {typeof Component & ChildClass} ChildClassConstructor\n */\n","import { Component } from '../component.mjs'\nimport { ConfigError } from '../errors/index.mjs'\n\nimport { isObject, isScope, formatErrorMessage } from './index.mjs'\n\nexport const configOverride = Symbol.for('configOverride')\n\n/**\n * Base Component class\n *\n * Centralises the behaviours shared by our components\n *\n * @virtual\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]\n * @template {Element & { dataset: DOMStringMap }} [RootElementType=HTMLElement]\n * @augments Component<RootElementType>\n */\nexport class ConfigurableComponent extends Component {\n  /**\n   * configOverride\n   *\n   * Function which defines configuration overrides to prioritize\n   * properties from the root element's dataset.\n   *\n   * It should take a subset of configuration as input and return\n   * a new configuration object with properties that should be\n   * overridden based on the root element's dataset. A Symbol\n   * is used for indexing to prevent conflicts.\n   *\n   * @internal\n   * @virtual\n   * @param {Partial<ConfigurationType>} [param] - Configuration object\n   * @returns {Partial<ConfigurationType>} return - Configuration object\n   */\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  [configOverride](param) {\n    return {}\n  }\n\n  /**\n   * Returns the root element of the component\n   *\n   * @protected\n   * @returns {ConfigurationType} - the root element of component\n   */\n  get config() {\n    return this._config\n  }\n\n  /**\n   *\n   * @type {ConfigurationType}\n   */\n  _config\n\n  /**\n   * Constructs a new component, validating that GOV.UK Frontend is supported\n   *\n   * @internal\n   * @param {Element | null} [$root] - HTML element to use for component\n   * @param {ConfigurationType} [config] - HTML element to use for component\n   */\n  constructor($root, config) {\n    super($root)\n\n    const childConstructor =\n      /** @type {ChildClassConstructor<ConfigurationType>} */ (this.constructor)\n\n    if (!isObject(childConstructor.defaults)) {\n      throw new ConfigError(\n        formatErrorMessage(\n          childConstructor,\n          'Config passed as parameter into constructor but no defaults defined'\n        )\n      )\n    }\n\n    const datasetConfig = /** @type {ConfigurationType} */ (\n      normaliseDataset(childConstructor, this._$root.dataset)\n    )\n\n    this._config = /** @type {ConfigurationType} */ (\n      mergeConfigs(\n        childConstructor.defaults,\n        config ?? {},\n        this[configOverride](datasetConfig),\n        datasetConfig\n      )\n    )\n  }\n}\n\n/**\n * Normalise string\n *\n * 'If it looks like a duck, and it quacks like a duck…' 🦆\n *\n * If the passed value looks like a boolean or a number, convert it to a boolean\n * or number.\n *\n * Designed to be used to convert config passed via data attributes (which are\n * always strings) into something sensible.\n *\n * @internal\n * @param {DOMStringMap[string]} value - The value to normalise\n * @param {SchemaProperty} [property] - Component schema property\n * @returns {string | boolean | number | undefined} Normalised data\n */\nexport function normaliseString(value, property) {\n  const trimmedValue = value ? value.trim() : ''\n\n  let output\n  let outputType = property?.type\n\n  // No schema type set? Determine automatically\n  if (!outputType) {\n    if (['true', 'false'].includes(trimmedValue)) {\n      outputType = 'boolean'\n    }\n\n    // Empty / whitespace-only strings are considered finite so we need to check\n    // the length of the trimmed string as well\n    if (trimmedValue.length > 0 && isFinite(Number(trimmedValue))) {\n      outputType = 'number'\n    }\n  }\n\n  switch (outputType) {\n    case 'boolean':\n      output = trimmedValue === 'true'\n      break\n\n    case 'number':\n      output = Number(trimmedValue)\n      break\n\n    default:\n      output = value\n  }\n\n  return output\n}\n\n/**\n * Normalise dataset\n *\n * Loop over an object and normalise each value using {@link normaliseString},\n * optionally expanding nested `i18n.field`\n *\n * @internal\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @template {[keyof ConfigurationType, SchemaProperty | undefined][]} SchemaEntryType\n * @param {{ schema?: Schema<ConfigurationType>, moduleName: string }} Component - Component class\n * @param {DOMStringMap} dataset - HTML element dataset\n * @returns {ObjectNested} Normalised dataset\n */\nexport function normaliseDataset(Component, dataset) {\n  if (!isObject(Component.schema)) {\n    throw new ConfigError(\n      formatErrorMessage(\n        Component,\n        'Config passed as parameter into constructor but no schema defined'\n      )\n    )\n  }\n\n  const out = /** @type {ObjectNested} */ ({})\n  const entries = /** @type {SchemaEntryType} */ (\n    Object.entries(Component.schema.properties)\n  )\n\n  // Normalise top-level dataset ('data-*') values using schema types\n  for (const entry of entries) {\n    const [namespace, property] = entry\n\n    // Cast the `namespace` to string so it can be used to access the dataset\n    const field = namespace.toString()\n\n    if (field in dataset) {\n      out[field] = normaliseString(dataset[field], property)\n    }\n\n    /**\n     * Extract and normalise nested object values automatically using\n     * {@link normaliseString} but only schema object types are allowed\n     */\n    if (property?.type === 'object') {\n      out[field] = extractConfigByNamespace(\n        Component.schema,\n        dataset,\n        namespace\n      )\n    }\n  }\n\n  return out\n}\n\n/**\n * Normalise options passed to `initAll` or `createAll`\n *\n * @internal\n * @template {CompatibleClass} ComponentClass\n * @param {Config | CreateAllOptions<ComponentClass> | OnErrorCallback<ComponentClass> | Element | Document | null} [scopeOrOptions] - Scope of the document to search within, initialisation options or error callback function\n * @returns {CreateAllOptions<ComponentClass>} Normalised options\n */\nexport function normaliseOptions(scopeOrOptions) {\n  let /** @type {Element | Document | null} */ $scope = document\n  let /** @type {OnErrorCallback<ComponentClass> | undefined} */ onError\n\n  // Handle options object\n  if (isObject(scopeOrOptions)) {\n    const options = scopeOrOptions\n\n    // Scope must be valid or null\n    if (isScope(options.scope) || options.scope === null) {\n      $scope = options.scope\n    }\n\n    // Error handler must be a function\n    if (typeof options.onError === 'function') {\n      onError = options.onError\n    }\n  }\n\n  if (isScope(scopeOrOptions)) {\n    $scope = scopeOrOptions\n  } else if (scopeOrOptions === null) {\n    $scope = null\n  } else if (typeof scopeOrOptions === 'function') {\n    onError = scopeOrOptions\n  }\n\n  return {\n    scope: $scope,\n    onError\n  }\n}\n\n/**\n * Config merging function\n *\n * Takes any number of objects and combines them together, with\n * greatest priority on the LAST item passed in.\n *\n * @internal\n * @param {...{ [key: string]: unknown }} configObjects - Config objects to merge\n * @returns {{ [key: string]: unknown }} A merged config object\n */\nexport function mergeConfigs(...configObjects) {\n  // Start with an empty object as our base\n  /** @type {{ [key: string]: unknown }} */\n  const formattedConfigObject = {}\n\n  // Loop through each of the passed objects\n  for (const configObject of configObjects) {\n    for (const key of Object.keys(configObject)) {\n      const option = formattedConfigObject[key]\n      const override = configObject[key]\n\n      // Push their keys one-by-one into formattedConfigObject. Any duplicate\n      // keys with object values will be merged, otherwise the new value will\n      // override the existing value.\n      if (isObject(option) && isObject(override)) {\n        formattedConfigObject[key] = mergeConfigs(option, override)\n      } else {\n        // Apply override\n        formattedConfigObject[key] = override\n      }\n    }\n  }\n\n  return formattedConfigObject\n}\n\n/**\n * Validate component config by schema\n *\n * Follows limited examples in JSON schema for wider support in future\n *\n * {@link https://ajv.js.org/json-schema.html#compound-keywords}\n * {@link https://ajv.js.org/packages/ajv-errors.html#single-message}\n *\n * @internal\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @param {Schema<ConfigurationType>} schema - The schema of a component\n * @param {ConfigurationType} config - Component config\n * @returns {string[]} List of validation errors\n */\nexport function validateConfig(schema, config) {\n  const validationErrors = []\n\n  // Check errors for each schema\n  for (const [name, conditions] of Object.entries(schema)) {\n    const errors = []\n\n    // Check errors for each schema condition\n    if (Array.isArray(conditions)) {\n      for (const { required, errorMessage } of conditions) {\n        if (!required.every((key) => !!config[key])) {\n          errors.push(errorMessage) // Missing config key value\n        }\n      }\n\n      // Check one condition passes or add errors\n      if (name === 'anyOf' && !(conditions.length - errors.length >= 1)) {\n        validationErrors.push(...errors)\n      }\n    }\n  }\n\n  return validationErrors\n}\n\n/**\n * Extracts keys starting with a particular namespace from dataset ('data-*')\n * object, removing the namespace in the process, normalising all values\n *\n * @internal\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @param {Schema<ConfigurationType>} schema - The schema of a component\n * @param {DOMStringMap} dataset - The object to extract key-value pairs from\n * @param {keyof ConfigurationType} namespace - The namespace to filter keys with\n * @returns {ObjectNested | undefined} Nested object with dot-separated key namespace removed\n */\nexport function extractConfigByNamespace(schema, dataset, namespace) {\n  const property = schema.properties[namespace]\n\n  // Only extract configs for object schema properties\n  if (property?.type !== 'object') {\n    return\n  }\n\n  // Add default empty config\n  const newObject = /** @type {Record<typeof namespace, ObjectNested>} */ ({\n    [namespace]: {}\n  })\n\n  for (const [key, value] of Object.entries(dataset)) {\n    /** @type {ObjectNested | ObjectNested[NestedKey]} */\n    let current = newObject\n\n    // Split the key into parts, using . as our namespace separator\n    const keyParts = key.split('.')\n\n    /**\n     * Create new level per part\n     *\n     * e.g. 'i18n.textareaDescription.other' becomes\n     * `{ i18n: { textareaDescription: { other } } }`\n     */\n    for (const [index, name] of keyParts.entries()) {\n      if (isObject(current)) {\n        // Drop down to nested object until the last part\n        if (index < keyParts.length - 1) {\n          // New nested object (optionally) replaces existing value\n          if (!isObject(current[name])) {\n            current[name] = {}\n          }\n\n          // Drop down into new or existing nested object\n          current = current[name]\n        } else if (key !== namespace) {\n          // Normalised value (optionally) replaces existing value\n          current[name] = normaliseString(value)\n        }\n      }\n    }\n  }\n\n  return newObject[namespace]\n}\n\n/**\n * @internal\n * @typedef {keyof ObjectNested} NestedKey\n * @typedef {{ [key: string]: string | boolean | number | ObjectNested | undefined }} ObjectNested\n */\n\n/**\n * Schema for component config\n *\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @typedef {object} Schema\n * @property {Record<keyof ConfigurationType, SchemaProperty | undefined>} properties - Schema properties\n * @property {SchemaCondition<ConfigurationType>[]} [anyOf] - List of schema conditions\n */\n\n/**\n * Schema property for component config\n *\n * @typedef {object} SchemaProperty\n * @property {'string' | 'boolean' | 'number' | 'object'} type - Property type\n */\n\n/**\n * Schema condition for component config\n *\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @typedef {object} SchemaCondition\n * @property {(keyof ConfigurationType)[]} required - List of required config fields\n * @property {string} errorMessage - Error message when required config fields not provided\n */\n\n/**\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]\n * @typedef ChildClass\n * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component\n * @property {Schema<ConfigurationType>} [schema] - The schema of the component configuration\n * @property {ConfigurationType} [defaults] - The default values of the configuration of the component\n */\n\n/**\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]\n * @typedef {typeof Component & ChildClass<ConfigurationType>} ChildClassConstructor<ConfigurationType>\n */\n\n/**\n * @import { CompatibleClass, Config, CreateAllOptions, OnErrorCallback } from '../init.mjs'\n */\n","import { isObject } from './common/index.mjs'\n\n/**\n * Internal support for selecting messages to render, with placeholder\n * interpolation and locale-aware number formatting and pluralisation\n *\n * @internal\n */\nexport class I18n {\n  translations\n  locale\n\n  /**\n   * @internal\n   * @param {{ [key: string]: string | TranslationPluralForms }} translations - Key-value pairs of the translation strings to use.\n   * @param {object} [config] - Configuration options for the function.\n   * @param {string | null} [config.locale] - An overriding locale for the PluralRules functionality.\n   */\n  constructor(translations = {}, config = {}) {\n    // Make list of translations available throughout function\n    this.translations = translations\n\n    // The locale to use for PluralRules and NumberFormat\n    this.locale = config.locale ?? (document.documentElement.lang || 'en')\n  }\n\n  /**\n   * The most used function - takes the key for a given piece of UI text and\n   * returns the appropriate string.\n   *\n   * @internal\n   * @param {string} lookupKey - The lookup key of the string to use.\n   * @param {{ [key: string]: unknown }} [options] - Any options passed with the translation string, e.g: for string interpolation.\n   * @returns {string} The appropriate translation string.\n   * @throws {Error} Lookup key required\n   * @throws {Error} Options required for `${}` placeholders\n   */\n  t(lookupKey, options) {\n    if (!lookupKey) {\n      // Print a console error if no lookup key has been provided\n      throw new Error('i18n: lookup key missing')\n    }\n\n    // Fetch the translation for that lookup key\n    let translation = this.translations[lookupKey]\n\n    // If the `count` option is set, determine which plural suffix is needed and\n    // change the lookupKey to match. We check to see if it's numeric instead of\n    // falsy, as this could legitimately be 0.\n    if (typeof options?.count === 'number' && isObject(translation)) {\n      const translationPluralForm =\n        translation[this.getPluralSuffix(lookupKey, options.count)]\n\n      // Update translation with plural suffix\n      if (translationPluralForm) {\n        translation = translationPluralForm\n      }\n    }\n\n    if (typeof translation === 'string') {\n      // Check for ${} placeholders in the translation string\n      // eslint-disable-next-line @typescript-eslint/prefer-regexp-exec\n      if (translation.match(/%{(.\\S+)}/)) {\n        if (!options) {\n          throw new Error(\n            'i18n: cannot replace placeholders in string if no option data provided'\n          )\n        }\n\n        return this.replacePlaceholders(translation, options)\n      }\n\n      return translation\n    }\n\n    // If the key wasn't found in our translations object,\n    // return the lookup key itself as the fallback\n    return lookupKey\n  }\n\n  /**\n   * Takes a translation string with placeholders, and replaces the placeholders\n   * with the provided data\n   *\n   * @internal\n   * @param {string} translationString - The translation string\n   * @param {{ [key: string]: unknown }} options - Any options passed with the translation string, e.g: for string interpolation.\n   * @returns {string} The translation string to output, with $\\{\\} placeholders replaced\n   */\n  replacePlaceholders(translationString, options) {\n    const formatter = Intl.NumberFormat.supportedLocalesOf(this.locale).length\n      ? new Intl.NumberFormat(this.locale)\n      : undefined\n\n    return translationString.replace(\n      /%{(.\\S+)}/g,\n\n      /**\n       * Replace translation string placeholders\n       *\n       * @internal\n       * @param {string} placeholderWithBraces - Placeholder with braces\n       * @param {string} placeholderKey - Placeholder key\n       * @returns {string} Placeholder value\n       */\n      function (placeholderWithBraces, placeholderKey) {\n        if (Object.prototype.hasOwnProperty.call(options, placeholderKey)) {\n          const placeholderValue = options[placeholderKey]\n\n          // If a user has passed `false` as the value for the placeholder\n          // treat it as though the value should not be displayed\n          if (\n            placeholderValue === false ||\n            (typeof placeholderValue !== 'number' &&\n              typeof placeholderValue !== 'string')\n          ) {\n            return ''\n          }\n\n          // If the placeholder's value is a number, localise the number formatting\n          if (typeof placeholderValue === 'number') {\n            return formatter\n              ? formatter.format(placeholderValue)\n              : `${placeholderValue}`\n          }\n\n          return placeholderValue\n        }\n\n        throw new Error(\n          `i18n: no data found to replace ${placeholderWithBraces} placeholder in string`\n        )\n      }\n    )\n  }\n\n  /**\n   * Check to see if the browser supports Intl.PluralRules\n   *\n   * It requires all conditions to be met in order to be supported:\n   * - The implementation of Intl supports PluralRules (NOT true in Safari 10–12)\n   * - The browser/OS has plural rules for the current locale (browser dependent)\n   *\n   * {@link https://browsersl.ist/#q=supports+es6-module+and+not+supports+intl-pluralrules}\n   *\n   * @internal\n   * @returns {boolean} Returns true if all conditions are met. Returns false otherwise.\n   */\n  hasIntlPluralRulesSupport() {\n    return Boolean(\n      'PluralRules' in window.Intl &&\n        Intl.PluralRules.supportedLocalesOf(this.locale).length\n    )\n  }\n\n  /**\n   * Get the appropriate suffix for the plural form.\n   *\n   * Uses Intl.PluralRules (or our own fallback implementation) to get the\n   * 'preferred' form to use for the given count.\n   *\n   * Checks that a translation has been provided for that plural form – if it\n   * hasn't, it'll fall back to the 'other' plural form (unless that doesn't exist\n   * either, in which case an error will be thrown)\n   *\n   * @internal\n   * @param {string} lookupKey - The lookup key of the string to use.\n   * @param {number} count - Number used to determine which pluralisation to use.\n   * @returns {PluralRule} The suffix associated with the correct pluralisation for this locale.\n   * @throws {Error} Plural form `.other` required when preferred plural form is missing\n   */\n  getPluralSuffix(lookupKey, count) {\n    // Validate that the number is actually a number.\n    //\n    // Number(count) will turn anything that can't be converted to a Number type\n    // into 'NaN'. isFinite filters out NaN, as it isn't a finite number.\n    // eslint-disable-next-line @typescript-eslint/no-unnecessary-type-conversion\n    count = Number(count)\n    if (!isFinite(count)) {\n      return 'other'\n    }\n\n    // Fetch the translation for that lookup key\n    const translation = this.translations[lookupKey]\n\n    // Check to verify that all the requirements for Intl.PluralRules are met.\n    // If so, we can use that instead of our custom implementation. Otherwise,\n    // use the hardcoded fallback.\n    const preferredForm = this.hasIntlPluralRulesSupport()\n      ? new Intl.PluralRules(this.locale).select(count)\n      : 'other'\n\n    // Use the correct plural form if provided\n    if (isObject(translation)) {\n      if (preferredForm in translation) {\n        return preferredForm\n        // Fall back to `other` if the plural form is missing, but log a warning\n        // to the console\n      } else if ('other' in translation) {\n        console.warn(\n          `i18n: Missing plural form \".${preferredForm}\" for \"${this.locale}\" locale. Falling back to \".other\".`\n        )\n\n        return 'other'\n      }\n    }\n\n    // If the required `other` plural form is missing, all we can do is error\n    throw new Error(\n      `i18n: Plural form \".other\" is required for \"${this.locale}\" locale`\n    )\n  }\n}\n\n/**\n * Plural rule category mnemonic tags\n *\n * @internal\n * @typedef {'zero' | 'one' | 'two' | 'few' | 'many' | 'other'} PluralRule\n */\n\n/**\n * Translated message by plural rule they correspond to.\n *\n * Allows to group pluralised messages under a single key when passing\n * translations to a component's constructor\n *\n * @internal\n * @typedef {object} TranslationPluralForms\n * @property {string} [other] - General plural form\n * @property {string} [zero] - Plural form used with 0\n * @property {string} [one] - Plural form used with 1\n * @property {string} [two] - Plural form used with 2\n * @property {string} [few] - Plural form used for a few\n * @property {string} [many] - Plural form used for many\n */\n","import { ConfigurableComponent } from '../../common/configuration.mjs'\nimport { ElementError } from '../../errors/index.mjs'\nimport { I18n } from '../../i18n.mjs'\n\n/**\n * Accordion component\n *\n * This allows a collection of sections to be collapsed by default, showing only\n * their headers. Sections can be expanded or collapsed individually by clicking\n * their headers. A \"Show all sections\" button is also added to the top of the\n * accordion, which switches to \"Hide all sections\" when all the sections are\n * expanded.\n *\n * The state of each section is saved to the DOM via the `aria-expanded`\n * attribute, which also provides accessibility.\n *\n * @preserve\n * @augments ConfigurableComponent<AccordionConfig>\n */\nexport class Accordion extends ConfigurableComponent {\n  /** @private */\n  i18n\n\n  /** @private */\n  controlsClass = 'govuk-accordion__controls'\n\n  /** @private */\n  showAllClass = 'govuk-accordion__show-all'\n\n  /** @private */\n  showAllTextClass = 'govuk-accordion__show-all-text'\n\n  /** @private */\n  sectionClass = 'govuk-accordion__section'\n\n  /** @private */\n  sectionExpandedClass = 'govuk-accordion__section--expanded'\n\n  /** @private */\n  sectionButtonClass = 'govuk-accordion__section-button'\n\n  /** @private */\n  sectionHeaderClass = 'govuk-accordion__section-header'\n\n  /** @private */\n  sectionHeadingClass = 'govuk-accordion__section-heading'\n\n  /** @private */\n  sectionHeadingDividerClass = 'govuk-accordion__section-heading-divider'\n\n  /** @private */\n  sectionHeadingTextClass = 'govuk-accordion__section-heading-text'\n\n  /** @private */\n  sectionHeadingTextFocusClass = 'govuk-accordion__section-heading-text-focus'\n\n  /** @private */\n  sectionShowHideToggleClass = 'govuk-accordion__section-toggle'\n\n  /** @private */\n  sectionShowHideToggleFocusClass = 'govuk-accordion__section-toggle-focus'\n\n  /** @private */\n  sectionShowHideTextClass = 'govuk-accordion__section-toggle-text'\n\n  /** @private */\n  upChevronIconClass = 'govuk-accordion-nav__chevron'\n\n  /** @private */\n  downChevronIconClass = 'govuk-accordion-nav__chevron--down'\n\n  /** @private */\n  sectionSummaryClass = 'govuk-accordion__section-summary'\n\n  /** @private */\n  sectionSummaryFocusClass = 'govuk-accordion__section-summary-focus'\n\n  /** @private */\n  sectionContentClass = 'govuk-accordion__section-content'\n\n  /** @private */\n  $sections\n\n  /**\n   * @private\n   * @type {HTMLButtonElement | null}\n   */\n  $showAllButton = null\n\n  /**\n   * @private\n   * @type {HTMLElement | null}\n   */\n  $showAllIcon = null\n\n  /**\n   * @private\n   * @type {HTMLElement | null}\n   */\n  $showAllText = null\n\n  /**\n   * @param {Element | null} $root - HTML element to use for accordion\n   * @param {AccordionConfig} [config] - Accordion config\n   */\n  constructor($root, config = {}) {\n    super($root, config)\n\n    this.i18n = new I18n(this.config.i18n)\n\n    const $sections = this.$root.querySelectorAll(`.${this.sectionClass}`)\n    if (!$sections.length) {\n      throw new ElementError({\n        component: Accordion,\n        identifier: `Sections (\\`<div class=\"${this.sectionClass}\">\\`)`\n      })\n    }\n\n    this.$sections = $sections\n\n    this.initControls()\n    this.initSectionHeaders()\n\n    this.updateShowAllButton(this.areAllSectionsOpen())\n  }\n\n  /**\n   * Initialise controls and set attributes\n   *\n   * @private\n   */\n  initControls() {\n    // Create \"Show all\" button and set attributes\n    this.$showAllButton = document.createElement('button')\n    this.$showAllButton.setAttribute('type', 'button')\n    this.$showAllButton.setAttribute('class', this.showAllClass)\n    this.$showAllButton.setAttribute('aria-expanded', 'false')\n\n    // Create icon, add to element\n    this.$showAllIcon = document.createElement('span')\n    this.$showAllIcon.classList.add(this.upChevronIconClass)\n    this.$showAllButton.appendChild(this.$showAllIcon)\n\n    // Create control wrapper and add controls to it\n    const $accordionControls = document.createElement('div')\n    $accordionControls.setAttribute('class', this.controlsClass)\n    $accordionControls.appendChild(this.$showAllButton)\n    this.$root.insertBefore($accordionControls, this.$root.firstChild)\n\n    // Build additional wrapper for Show all toggle text and place after icon\n    this.$showAllText = document.createElement('span')\n    this.$showAllText.classList.add(this.showAllTextClass)\n    this.$showAllButton.appendChild(this.$showAllText)\n\n    // Handle click events on the show/hide all button\n    this.$showAllButton.addEventListener('click', () =>\n      this.onShowOrHideAllToggle()\n    )\n\n    // Handle 'beforematch' events, if the user agent supports them\n    if ('onbeforematch' in document) {\n      document.addEventListener('beforematch', (event) =>\n        this.onBeforeMatch(event)\n      )\n    }\n  }\n\n  /**\n   * Initialise section headers\n   *\n   * @private\n   */\n  initSectionHeaders() {\n    this.$sections.forEach(($section, i) => {\n      const $header = $section.querySelector(`.${this.sectionHeaderClass}`)\n      if (!$header) {\n        throw new ElementError({\n          component: Accordion,\n          identifier: `Section headers (\\`<div class=\"${this.sectionHeaderClass}\">\\`)`\n        })\n      }\n\n      // Set header attributes\n      this.constructHeaderMarkup($header, i)\n      this.setExpanded(this.isExpanded($section), $section)\n\n      // Handle events\n      $header.addEventListener('click', () => this.onSectionToggle($section))\n\n      // See if there is any state stored in sessionStorage and set the sections\n      // to open or closed.\n      this.setInitialState($section)\n    })\n  }\n\n  /**\n   * Construct section header\n   *\n   * @private\n   * @param {Element} $header - Section header\n   * @param {number} index - Section index\n   */\n  constructHeaderMarkup($header, index) {\n    const $span = $header.querySelector(`.${this.sectionButtonClass}`)\n    const $heading = $header.querySelector(`.${this.sectionHeadingClass}`)\n    const $summary = $header.querySelector(`.${this.sectionSummaryClass}`)\n\n    if (!$heading) {\n      throw new ElementError({\n        component: Accordion,\n        identifier: `Section heading (\\`.${this.sectionHeadingClass}\\`)`\n      })\n    }\n\n    if (!$span) {\n      throw new ElementError({\n        component: Accordion,\n        identifier: `Section button placeholder (\\`<span class=\"${this.sectionButtonClass}\">\\`)`\n      })\n    }\n\n    // Create a button element that will replace the\n    // '.govuk-accordion__section-button' span\n    const $button = document.createElement('button')\n    $button.setAttribute('type', 'button')\n    $button.setAttribute(\n      'aria-controls',\n      `${this.$root.id}-content-${index + 1}`\n    )\n\n    // Copy all attributes from $span to $button (except `id`, which gets added\n    // to the `$headingText` element)\n    for (const attr of Array.from($span.attributes)) {\n      if (attr.name !== 'id') {\n        $button.setAttribute(attr.name, attr.value)\n      }\n    }\n\n    // Create container for heading text so it can be styled\n    const $headingText = document.createElement('span')\n    $headingText.classList.add(this.sectionHeadingTextClass)\n    // Copy the span ID to the heading text to allow it to be referenced by\n    // `aria-labelledby` on the hidden content area without \"Show this section\"\n    $headingText.id = $span.id\n\n    // Create an inner heading text container to limit the width of the focus\n    // state\n    const $headingTextFocus = document.createElement('span')\n    $headingTextFocus.classList.add(this.sectionHeadingTextFocusClass)\n    $headingText.appendChild($headingTextFocus)\n    // span could contain HTML elements\n    // (see https://www.w3.org/TR/2011/WD-html5-20110525/content-models.html#phrasing-content)\n    Array.from($span.childNodes).forEach(($child) =>\n      $headingTextFocus.appendChild($child)\n    )\n\n    // Create container for show / hide icons and text.\n    const $showHideToggle = document.createElement('span')\n    $showHideToggle.classList.add(this.sectionShowHideToggleClass)\n    // Tell Google not to index the 'show' text as part of the heading. Must be\n    // set on the element before it's added to the DOM.\n    // See https://developers.google.com/search/docs/advanced/robots/robots_meta_tag#data-nosnippet-attr\n    $showHideToggle.setAttribute('data-nosnippet', '')\n    // Create an inner container to limit the width of the focus state\n    const $showHideToggleFocus = document.createElement('span')\n    $showHideToggleFocus.classList.add(this.sectionShowHideToggleFocusClass)\n    $showHideToggle.appendChild($showHideToggleFocus)\n    // Create wrapper for the show / hide text. Append text after the show/hide icon\n    const $showHideText = document.createElement('span')\n    const $showHideIcon = document.createElement('span')\n    $showHideIcon.classList.add(this.upChevronIconClass)\n    $showHideToggleFocus.appendChild($showHideIcon)\n    $showHideText.classList.add(this.sectionShowHideTextClass)\n    $showHideToggleFocus.appendChild($showHideText)\n\n    // Append elements to the button:\n    // 1. Heading text\n    // 2. Punctuation\n    // 3. (Optional: Summary line followed by punctuation)\n    // 4. Show / hide toggle\n    $button.appendChild($headingText)\n    $button.appendChild(this.getButtonPunctuationEl())\n\n    // If summary content exists add to DOM in correct order\n    if ($summary) {\n      // Create a new `span` element and copy the summary line content from the\n      // original `div` to the new `span`. This is because the summary line text\n      // is now inside a button element, which can only contain phrasing\n      // content.\n      const $summarySpan = document.createElement('span')\n      // Create an inner summary container to limit the width of the summary\n      // focus state\n      const $summarySpanFocus = document.createElement('span')\n      $summarySpanFocus.classList.add(this.sectionSummaryFocusClass)\n      $summarySpan.appendChild($summarySpanFocus)\n\n      // Get original attributes, and pass them to the replacement\n      for (const attr of Array.from($summary.attributes)) {\n        $summarySpan.setAttribute(attr.name, attr.value)\n      }\n\n      // Copy original contents of summary to the new summary span\n      Array.from($summary.childNodes).forEach(($child) =>\n        $summarySpanFocus.appendChild($child)\n      )\n\n      // Replace the original summary `div` with the new summary `span`\n      $summary.remove()\n\n      $button.appendChild($summarySpan)\n      $button.appendChild(this.getButtonPunctuationEl())\n    }\n\n    $button.appendChild($showHideToggle)\n\n    $heading.removeChild($span)\n    $heading.appendChild($button)\n  }\n\n  /**\n   * When a section is opened by the user agent via the 'beforematch' event\n   *\n   * @private\n   * @param {Event} event - Generic event\n   */\n  onBeforeMatch(event) {\n    const $fragment = event.target\n\n    // Handle elements with `.closest()` support only\n    if (!($fragment instanceof Element)) {\n      return\n    }\n\n    // Handle when fragment is inside section\n    const $section = $fragment.closest(`.${this.sectionClass}`)\n    if ($section) {\n      this.setExpanded(true, $section)\n    }\n  }\n\n  /**\n   * When section toggled, set and store state\n   *\n   * @private\n   * @param {Element} $section - Section element\n   */\n  onSectionToggle($section) {\n    const nowExpanded = !this.isExpanded($section)\n    this.setExpanded(nowExpanded, $section)\n\n    // Store the state in sessionStorage when a change is triggered\n    this.storeState($section, nowExpanded)\n  }\n\n  /**\n   * When Open/Close All toggled, set and store state\n   *\n   * @private\n   */\n  onShowOrHideAllToggle() {\n    const nowExpanded = !this.areAllSectionsOpen()\n\n    this.$sections.forEach(($section) => {\n      this.setExpanded(nowExpanded, $section)\n      this.storeState($section, nowExpanded)\n    })\n\n    this.updateShowAllButton(nowExpanded)\n  }\n\n  /**\n   * Set section attributes when opened/closed\n   *\n   * @private\n   * @param {boolean} expanded - Section expanded\n   * @param {Element} $section - Section element\n   */\n  setExpanded(expanded, $section) {\n    const $showHideIcon = $section.querySelector(`.${this.upChevronIconClass}`)\n    const $showHideText = $section.querySelector(\n      `.${this.sectionShowHideTextClass}`\n    )\n    const $button = $section.querySelector(`.${this.sectionButtonClass}`)\n    const $content = $section.querySelector(`.${this.sectionContentClass}`)\n\n    if (!$content) {\n      throw new ElementError({\n        component: Accordion,\n        identifier: `Section content (\\`<div class=\"${this.sectionContentClass}\">\\`)`\n      })\n    }\n\n    if (!$showHideIcon || !$showHideText || !$button) {\n      // Return early for elements we create\n      return\n    }\n\n    const newButtonText = expanded\n      ? this.i18n.t('hideSection')\n      : this.i18n.t('showSection')\n\n    $showHideText.textContent = newButtonText\n    $button.setAttribute('aria-expanded', `${expanded}`)\n\n    // Update aria-label combining\n    const ariaLabelParts = []\n\n    const $headingText = $section.querySelector(\n      `.${this.sectionHeadingTextClass}`\n    )\n    if ($headingText) {\n      ariaLabelParts.push($headingText.textContent.trim())\n    }\n\n    const $summary = $section.querySelector(`.${this.sectionSummaryClass}`)\n    if ($summary) {\n      ariaLabelParts.push($summary.textContent.trim())\n    }\n\n    const ariaLabelMessage = expanded\n      ? this.i18n.t('hideSectionAriaLabel')\n      : this.i18n.t('showSectionAriaLabel')\n    ariaLabelParts.push(ariaLabelMessage)\n\n    /*\n     * Join with a comma to add pause for assistive technology.\n     * Example: [heading]Section A ,[pause] Show this section.\n     * https://accessibility.blog.gov.uk/2017/12/18/what-working-on-gov-uk-navigation-taught-us-about-accessibility/\n     */\n    $button.setAttribute('aria-label', ariaLabelParts.join(' , '))\n\n    // Swap icon, change class\n    if (expanded) {\n      $content.removeAttribute('hidden')\n      $section.classList.add(this.sectionExpandedClass)\n      $showHideIcon.classList.remove(this.downChevronIconClass)\n    } else {\n      $content.setAttribute('hidden', 'until-found')\n      $section.classList.remove(this.sectionExpandedClass)\n      $showHideIcon.classList.add(this.downChevronIconClass)\n    }\n\n    // See if \"Show all sections\" button text should be updated\n    this.updateShowAllButton(this.areAllSectionsOpen())\n  }\n\n  /**\n   * Get state of section\n   *\n   * @private\n   * @param {Element} $section - Section element\n   * @returns {boolean} True if expanded\n   */\n  isExpanded($section) {\n    return $section.classList.contains(this.sectionExpandedClass)\n  }\n\n  /**\n   * Check if all sections are open\n   *\n   * @private\n   * @returns {boolean} True if all sections are open\n   */\n  areAllSectionsOpen() {\n    return Array.from(this.$sections).every(($section) =>\n      this.isExpanded($section)\n    )\n  }\n\n  /**\n   * Update \"Show all sections\" button\n   *\n   * @private\n   * @param {boolean} expanded - Section expanded\n   */\n  updateShowAllButton(expanded) {\n    if (!this.$showAllButton || !this.$showAllText || !this.$showAllIcon) {\n      return\n    }\n\n    this.$showAllButton.setAttribute('aria-expanded', expanded.toString())\n    this.$showAllText.textContent = expanded\n      ? this.i18n.t('hideAllSections')\n      : this.i18n.t('showAllSections')\n    this.$showAllIcon.classList.toggle(this.downChevronIconClass, !expanded)\n  }\n\n  /**\n   * Get the identifier for a section\n   *\n   * We need a unique way of identifying each content in the Accordion.\n   * Since an `#id` should be unique and an `id` is required for `aria-`\n   * attributes `id` can be safely used.\n   *\n   * @param {Element} $section - Section element\n   * @returns {string | undefined | null} Identifier for section\n   */\n  getIdentifier($section) {\n    const $button = $section.querySelector(`.${this.sectionButtonClass}`)\n\n    return $button?.getAttribute('aria-controls')\n  }\n\n  /**\n   * Set the state of the accordions in sessionStorage\n   *\n   * @private\n   * @param {Element} $section - Section element\n   * @param {boolean} isExpanded - Whether the section is expanded\n   */\n  storeState($section, isExpanded) {\n    if (!this.config.rememberExpanded) {\n      return\n    }\n\n    const id = this.getIdentifier($section)\n\n    if (id) {\n      try {\n        window.sessionStorage.setItem(id, isExpanded.toString())\n      } catch {}\n    }\n  }\n\n  /**\n   * Read the state of the accordions from sessionStorage\n   *\n   * @private\n   * @param {Element} $section - Section element\n   */\n  setInitialState($section) {\n    if (!this.config.rememberExpanded) {\n      return\n    }\n\n    const id = this.getIdentifier($section)\n\n    if (id) {\n      try {\n        const state = window.sessionStorage.getItem(id)\n\n        if (state !== null) {\n          this.setExpanded(state === 'true', $section)\n        }\n      } catch {}\n    }\n  }\n\n  /**\n   * Create an element to improve semantics of the section button with\n   * punctuation\n   *\n   * Adding punctuation to the button can also improve its general semantics by\n   * dividing its contents into thematic chunks. See\n   * https://github.com/alphagov/govuk-frontend/issues/2327#issuecomment-922957442\n   *\n   * @private\n   * @returns {Element} DOM element\n   */\n  getButtonPunctuationEl() {\n    const $punctuationEl = document.createElement('span')\n    $punctuationEl.classList.add(\n      'govuk-visually-hidden',\n      this.sectionHeadingDividerClass\n    )\n    $punctuationEl.textContent = ', '\n    return $punctuationEl\n  }\n\n  /**\n   * Name for the component used when initialising using data-module attributes.\n   */\n  static moduleName = 'govuk-accordion'\n\n  /**\n   * Accordion default config\n   *\n   * @see {@link AccordionConfig}\n   * @constant\n   * @type {AccordionConfig}\n   */\n  static defaults = Object.freeze({\n    i18n: {\n      hideAllSections: 'Hide all sections',\n      hideSection: 'Hide',\n      hideSectionAriaLabel: 'Hide this section',\n      showAllSections: 'Show all sections',\n      showSection: 'Show',\n      showSectionAriaLabel: 'Show this section'\n    },\n    rememberExpanded: true\n  })\n\n  /**\n   * Accordion config schema\n   *\n   * @constant\n   * @satisfies {Schema<AccordionConfig>}\n   */\n  static schema = Object.freeze({\n    properties: {\n      i18n: { type: 'object' },\n      rememberExpanded: { type: 'boolean' }\n    }\n  })\n}\n\n/**\n * Accordion config\n *\n * @see {@link Accordion.defaults}\n * @typedef {object} AccordionConfig\n * @property {AccordionTranslations} [i18n=Accordion.defaults.i18n] - Accordion translations\n * @property {boolean} [rememberExpanded] - Whether the expanded and collapsed\n *   state of each section is remembered and restored when navigating.\n */\n\n/**\n * Accordion translations\n *\n * @see {@link Accordion.defaults.i18n}\n * @typedef {object} AccordionTranslations\n *\n * Messages used by the component for the labels of its buttons. This includes\n * the visible text shown on screen, and text to help assistive technology users\n * for the buttons toggling each section.\n * @property {string} [hideAllSections] - The text content for the 'Hide all\n *   sections' button, used when at least one section is expanded.\n * @property {string} [hideSection] - The text content for the 'Hide'\n *   button, used when a section is expanded.\n * @property {string} [hideSectionAriaLabel] - The text content appended to the\n *   'Hide' button's accessible name when a section is expanded.\n * @property {string} [showAllSections] - The text content for the 'Show all\n *   sections' button, used when all sections are collapsed.\n * @property {string} [showSection] - The text content for the 'Show'\n *   button, used when a section is collapsed.\n * @property {string} [showSectionAriaLabel] - The text content appended to the\n *   'Show' button's accessible name when a section is expanded.\n */\n\n/**\n * @import { Schema } from '../../common/configuration.mjs'\n */\n"],"names":["isInitialised","$root","moduleName","HTMLElement","hasAttribute","isSupported","$scope","document","body","classList","contains","isArray","option","Array","isObject","formatErrorMessage","Component","message","GOVUKFrontendError","Error","constructor","args","name","SupportError","supportMessage","HTMLScriptElement","prototype","ConfigError","ElementError","messageOrOptions","component","identifier","element","expectedType","InitError","componentOrMessage","_$root","childConstructor","elementType","checkSupport","checkInitialised","setAttribute","configOverride","Symbol","for","ConfigurableComponent","param","config","_config","defaults","datasetConfig","normaliseDataset","dataset","mergeConfigs","normaliseString","value","property","trimmedValue","trim","output","outputType","type","includes","length","isFinite","Number","schema","out","entries","Object","properties","entry","namespace","field","toString","extractConfigByNamespace","configObjects","formattedConfigObject","configObject","key","keys","override","newObject","current","keyParts","split","index","I18n","translations","_config$locale","locale","documentElement","lang","t","lookupKey","options","translation","count","translationPluralForm","getPluralSuffix","match","replacePlaceholders","translationString","formatter","Intl","NumberFormat","supportedLocalesOf","undefined","replace","placeholderWithBraces","placeholderKey","hasOwnProperty","call","placeholderValue","format","hasIntlPluralRulesSupport","Boolean","window","PluralRules","preferredForm","select","console","warn","Accordion","i18n","controlsClass","showAllClass","showAllTextClass","sectionClass","sectionExpandedClass","sectionButtonClass","sectionHeaderClass","sectionHeadingClass","sectionHeadingDividerClass","sectionHeadingTextClass","sectionHeadingTextFocusClass","sectionShowHideToggleClass","sectionShowHideToggleFocusClass","sectionShowHideTextClass","upChevronIconClass","downChevronIconClass","sectionSummaryClass","sectionSummaryFocusClass","sectionContentClass","$sections","$showAllButton","$showAllIcon","$showAllText","querySelectorAll","initControls","initSectionHeaders","updateShowAllButton","areAllSectionsOpen","createElement","add","appendChild","$accordionControls","insertBefore","firstChild","addEventListener","onShowOrHideAllToggle","event","onBeforeMatch","forEach","$section","i","$header","querySelector","constructHeaderMarkup","setExpanded","isExpanded","onSectionToggle","setInitialState","$span","$heading","$summary","$button","id","attr","from","attributes","$headingText","$headingTextFocus","childNodes","$child","$showHideToggle","$showHideToggleFocus","$showHideText","$showHideIcon","getButtonPunctuationEl","$summarySpan","$summarySpanFocus","remove","removeChild","$fragment","target","Element","closest","nowExpanded","storeState","expanded","$content","newButtonText","textContent","ariaLabelParts","push","ariaLabelMessage","join","removeAttribute","every","toggle","getIdentifier","getAttribute","rememberExpanded","sessionStorage","setItem","_unused","state","getItem","_unused2","$punctuationEl","freeze","hideAllSections","hideSection","hideSectionAriaLabel","showAllSections","showSection","showSectionAriaLabel"],"mappings":"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"}
\ No newline at end of file
diff --git a/app/templates/govuk/components/accordion/accordion.mjs b/app/templates/govuk/components/accordion/accordion.mjs
new file mode 100644
index 0000000..2b5a339
--- /dev/null
+++ b/app/templates/govuk/components/accordion/accordion.mjs
@@ -0,0 +1,346 @@
+import { ConfigurableComponent } from '../../common/configuration.mjs';
+import { ElementError } from '../../errors/index.mjs';
+import { I18n } from '../../i18n.mjs';
+
+/**
+ * Accordion component
+ *
+ * This allows a collection of sections to be collapsed by default, showing only
+ * their headers. Sections can be expanded or collapsed individually by clicking
+ * their headers. A "Show all sections" button is also added to the top of the
+ * accordion, which switches to "Hide all sections" when all the sections are
+ * expanded.
+ *
+ * The state of each section is saved to the DOM via the `aria-expanded`
+ * attribute, which also provides accessibility.
+ *
+ * @preserve
+ * @augments ConfigurableComponent<AccordionConfig>
+ */
+class Accordion extends ConfigurableComponent {
+  /**
+   * @param {Element | null} $root - HTML element to use for accordion
+   * @param {AccordionConfig} [config] - Accordion config
+   */
+  constructor($root, config = {}) {
+    super($root, config);
+    this.i18n = void 0;
+    this.controlsClass = 'govuk-accordion__controls';
+    this.showAllClass = 'govuk-accordion__show-all';
+    this.showAllTextClass = 'govuk-accordion__show-all-text';
+    this.sectionClass = 'govuk-accordion__section';
+    this.sectionExpandedClass = 'govuk-accordion__section--expanded';
+    this.sectionButtonClass = 'govuk-accordion__section-button';
+    this.sectionHeaderClass = 'govuk-accordion__section-header';
+    this.sectionHeadingClass = 'govuk-accordion__section-heading';
+    this.sectionHeadingDividerClass = 'govuk-accordion__section-heading-divider';
+    this.sectionHeadingTextClass = 'govuk-accordion__section-heading-text';
+    this.sectionHeadingTextFocusClass = 'govuk-accordion__section-heading-text-focus';
+    this.sectionShowHideToggleClass = 'govuk-accordion__section-toggle';
+    this.sectionShowHideToggleFocusClass = 'govuk-accordion__section-toggle-focus';
+    this.sectionShowHideTextClass = 'govuk-accordion__section-toggle-text';
+    this.upChevronIconClass = 'govuk-accordion-nav__chevron';
+    this.downChevronIconClass = 'govuk-accordion-nav__chevron--down';
+    this.sectionSummaryClass = 'govuk-accordion__section-summary';
+    this.sectionSummaryFocusClass = 'govuk-accordion__section-summary-focus';
+    this.sectionContentClass = 'govuk-accordion__section-content';
+    this.$sections = void 0;
+    this.$showAllButton = null;
+    this.$showAllIcon = null;
+    this.$showAllText = null;
+    this.i18n = new I18n(this.config.i18n);
+    const $sections = this.$root.querySelectorAll(`.${this.sectionClass}`);
+    if (!$sections.length) {
+      throw new ElementError({
+        component: Accordion,
+        identifier: `Sections (\`<div class="${this.sectionClass}">\`)`
+      });
+    }
+    this.$sections = $sections;
+    this.initControls();
+    this.initSectionHeaders();
+    this.updateShowAllButton(this.areAllSectionsOpen());
+  }
+  initControls() {
+    this.$showAllButton = document.createElement('button');
+    this.$showAllButton.setAttribute('type', 'button');
+    this.$showAllButton.setAttribute('class', this.showAllClass);
+    this.$showAllButton.setAttribute('aria-expanded', 'false');
+    this.$showAllIcon = document.createElement('span');
+    this.$showAllIcon.classList.add(this.upChevronIconClass);
+    this.$showAllButton.appendChild(this.$showAllIcon);
+    const $accordionControls = document.createElement('div');
+    $accordionControls.setAttribute('class', this.controlsClass);
+    $accordionControls.appendChild(this.$showAllButton);
+    this.$root.insertBefore($accordionControls, this.$root.firstChild);
+    this.$showAllText = document.createElement('span');
+    this.$showAllText.classList.add(this.showAllTextClass);
+    this.$showAllButton.appendChild(this.$showAllText);
+    this.$showAllButton.addEventListener('click', () => this.onShowOrHideAllToggle());
+    if ('onbeforematch' in document) {
+      document.addEventListener('beforematch', event => this.onBeforeMatch(event));
+    }
+  }
+  initSectionHeaders() {
+    this.$sections.forEach(($section, i) => {
+      const $header = $section.querySelector(`.${this.sectionHeaderClass}`);
+      if (!$header) {
+        throw new ElementError({
+          component: Accordion,
+          identifier: `Section headers (\`<div class="${this.sectionHeaderClass}">\`)`
+        });
+      }
+      this.constructHeaderMarkup($header, i);
+      this.setExpanded(this.isExpanded($section), $section);
+      $header.addEventListener('click', () => this.onSectionToggle($section));
+      this.setInitialState($section);
+    });
+  }
+  constructHeaderMarkup($header, index) {
+    const $span = $header.querySelector(`.${this.sectionButtonClass}`);
+    const $heading = $header.querySelector(`.${this.sectionHeadingClass}`);
+    const $summary = $header.querySelector(`.${this.sectionSummaryClass}`);
+    if (!$heading) {
+      throw new ElementError({
+        component: Accordion,
+        identifier: `Section heading (\`.${this.sectionHeadingClass}\`)`
+      });
+    }
+    if (!$span) {
+      throw new ElementError({
+        component: Accordion,
+        identifier: `Section button placeholder (\`<span class="${this.sectionButtonClass}">\`)`
+      });
+    }
+    const $button = document.createElement('button');
+    $button.setAttribute('type', 'button');
+    $button.setAttribute('aria-controls', `${this.$root.id}-content-${index + 1}`);
+    for (const attr of Array.from($span.attributes)) {
+      if (attr.name !== 'id') {
+        $button.setAttribute(attr.name, attr.value);
+      }
+    }
+    const $headingText = document.createElement('span');
+    $headingText.classList.add(this.sectionHeadingTextClass);
+    $headingText.id = $span.id;
+    const $headingTextFocus = document.createElement('span');
+    $headingTextFocus.classList.add(this.sectionHeadingTextFocusClass);
+    $headingText.appendChild($headingTextFocus);
+    Array.from($span.childNodes).forEach($child => $headingTextFocus.appendChild($child));
+    const $showHideToggle = document.createElement('span');
+    $showHideToggle.classList.add(this.sectionShowHideToggleClass);
+    $showHideToggle.setAttribute('data-nosnippet', '');
+    const $showHideToggleFocus = document.createElement('span');
+    $showHideToggleFocus.classList.add(this.sectionShowHideToggleFocusClass);
+    $showHideToggle.appendChild($showHideToggleFocus);
+    const $showHideText = document.createElement('span');
+    const $showHideIcon = document.createElement('span');
+    $showHideIcon.classList.add(this.upChevronIconClass);
+    $showHideToggleFocus.appendChild($showHideIcon);
+    $showHideText.classList.add(this.sectionShowHideTextClass);
+    $showHideToggleFocus.appendChild($showHideText);
+    $button.appendChild($headingText);
+    $button.appendChild(this.getButtonPunctuationEl());
+    if ($summary) {
+      const $summarySpan = document.createElement('span');
+      const $summarySpanFocus = document.createElement('span');
+      $summarySpanFocus.classList.add(this.sectionSummaryFocusClass);
+      $summarySpan.appendChild($summarySpanFocus);
+      for (const attr of Array.from($summary.attributes)) {
+        $summarySpan.setAttribute(attr.name, attr.value);
+      }
+      Array.from($summary.childNodes).forEach($child => $summarySpanFocus.appendChild($child));
+      $summary.remove();
+      $button.appendChild($summarySpan);
+      $button.appendChild(this.getButtonPunctuationEl());
+    }
+    $button.appendChild($showHideToggle);
+    $heading.removeChild($span);
+    $heading.appendChild($button);
+  }
+  onBeforeMatch(event) {
+    const $fragment = event.target;
+    if (!($fragment instanceof Element)) {
+      return;
+    }
+    const $section = $fragment.closest(`.${this.sectionClass}`);
+    if ($section) {
+      this.setExpanded(true, $section);
+    }
+  }
+  onSectionToggle($section) {
+    const nowExpanded = !this.isExpanded($section);
+    this.setExpanded(nowExpanded, $section);
+    this.storeState($section, nowExpanded);
+  }
+  onShowOrHideAllToggle() {
+    const nowExpanded = !this.areAllSectionsOpen();
+    this.$sections.forEach($section => {
+      this.setExpanded(nowExpanded, $section);
+      this.storeState($section, nowExpanded);
+    });
+    this.updateShowAllButton(nowExpanded);
+  }
+  setExpanded(expanded, $section) {
+    const $showHideIcon = $section.querySelector(`.${this.upChevronIconClass}`);
+    const $showHideText = $section.querySelector(`.${this.sectionShowHideTextClass}`);
+    const $button = $section.querySelector(`.${this.sectionButtonClass}`);
+    const $content = $section.querySelector(`.${this.sectionContentClass}`);
+    if (!$content) {
+      throw new ElementError({
+        component: Accordion,
+        identifier: `Section content (\`<div class="${this.sectionContentClass}">\`)`
+      });
+    }
+    if (!$showHideIcon || !$showHideText || !$button) {
+      return;
+    }
+    const newButtonText = expanded ? this.i18n.t('hideSection') : this.i18n.t('showSection');
+    $showHideText.textContent = newButtonText;
+    $button.setAttribute('aria-expanded', `${expanded}`);
+    const ariaLabelParts = [];
+    const $headingText = $section.querySelector(`.${this.sectionHeadingTextClass}`);
+    if ($headingText) {
+      ariaLabelParts.push($headingText.textContent.trim());
+    }
+    const $summary = $section.querySelector(`.${this.sectionSummaryClass}`);
+    if ($summary) {
+      ariaLabelParts.push($summary.textContent.trim());
+    }
+    const ariaLabelMessage = expanded ? this.i18n.t('hideSectionAriaLabel') : this.i18n.t('showSectionAriaLabel');
+    ariaLabelParts.push(ariaLabelMessage);
+    $button.setAttribute('aria-label', ariaLabelParts.join(' , '));
+    if (expanded) {
+      $content.removeAttribute('hidden');
+      $section.classList.add(this.sectionExpandedClass);
+      $showHideIcon.classList.remove(this.downChevronIconClass);
+    } else {
+      $content.setAttribute('hidden', 'until-found');
+      $section.classList.remove(this.sectionExpandedClass);
+      $showHideIcon.classList.add(this.downChevronIconClass);
+    }
+    this.updateShowAllButton(this.areAllSectionsOpen());
+  }
+  isExpanded($section) {
+    return $section.classList.contains(this.sectionExpandedClass);
+  }
+  areAllSectionsOpen() {
+    return Array.from(this.$sections).every($section => this.isExpanded($section));
+  }
+  updateShowAllButton(expanded) {
+    if (!this.$showAllButton || !this.$showAllText || !this.$showAllIcon) {
+      return;
+    }
+    this.$showAllButton.setAttribute('aria-expanded', expanded.toString());
+    this.$showAllText.textContent = expanded ? this.i18n.t('hideAllSections') : this.i18n.t('showAllSections');
+    this.$showAllIcon.classList.toggle(this.downChevronIconClass, !expanded);
+  }
+
+  /**
+   * Get the identifier for a section
+   *
+   * We need a unique way of identifying each content in the Accordion.
+   * Since an `#id` should be unique and an `id` is required for `aria-`
+   * attributes `id` can be safely used.
+   *
+   * @param {Element} $section - Section element
+   * @returns {string | undefined | null} Identifier for section
+   */
+  getIdentifier($section) {
+    const $button = $section.querySelector(`.${this.sectionButtonClass}`);
+    return $button == null ? void 0 : $button.getAttribute('aria-controls');
+  }
+  storeState($section, isExpanded) {
+    if (!this.config.rememberExpanded) {
+      return;
+    }
+    const id = this.getIdentifier($section);
+    if (id) {
+      try {
+        window.sessionStorage.setItem(id, isExpanded.toString());
+      } catch (_unused) {}
+    }
+  }
+  setInitialState($section) {
+    if (!this.config.rememberExpanded) {
+      return;
+    }
+    const id = this.getIdentifier($section);
+    if (id) {
+      try {
+        const state = window.sessionStorage.getItem(id);
+        if (state !== null) {
+          this.setExpanded(state === 'true', $section);
+        }
+      } catch (_unused2) {}
+    }
+  }
+  getButtonPunctuationEl() {
+    const $punctuationEl = document.createElement('span');
+    $punctuationEl.classList.add('govuk-visually-hidden', this.sectionHeadingDividerClass);
+    $punctuationEl.textContent = ', ';
+    return $punctuationEl;
+  }
+}
+
+/**
+ * Accordion config
+ *
+ * @see {@link Accordion.defaults}
+ * @typedef {object} AccordionConfig
+ * @property {AccordionTranslations} [i18n=Accordion.defaults.i18n] - Accordion translations
+ * @property {boolean} [rememberExpanded] - Whether the expanded and collapsed
+ *   state of each section is remembered and restored when navigating.
+ */
+
+/**
+ * Accordion translations
+ *
+ * @see {@link Accordion.defaults.i18n}
+ * @typedef {object} AccordionTranslations
+ *
+ * Messages used by the component for the labels of its buttons. This includes
+ * the visible text shown on screen, and text to help assistive technology users
+ * for the buttons toggling each section.
+ * @property {string} [hideAllSections] - The text content for the 'Hide all
+ *   sections' button, used when at least one section is expanded.
+ * @property {string} [hideSection] - The text content for the 'Hide'
+ *   button, used when a section is expanded.
+ * @property {string} [hideSectionAriaLabel] - The text content appended to the
+ *   'Hide' button's accessible name when a section is expanded.
+ * @property {string} [showAllSections] - The text content for the 'Show all
+ *   sections' button, used when all sections are collapsed.
+ * @property {string} [showSection] - The text content for the 'Show'
+ *   button, used when a section is collapsed.
+ * @property {string} [showSectionAriaLabel] - The text content appended to the
+ *   'Show' button's accessible name when a section is expanded.
+ */
+
+/**
+ * @import { Schema } from '../../common/configuration.mjs'
+ */
+Accordion.moduleName = 'govuk-accordion';
+Accordion.defaults = Object.freeze({
+  i18n: {
+    hideAllSections: 'Hide all sections',
+    hideSection: 'Hide',
+    hideSectionAriaLabel: 'Hide this section',
+    showAllSections: 'Show all sections',
+    showSection: 'Show',
+    showSectionAriaLabel: 'Show this section'
+  },
+  rememberExpanded: true
+});
+Accordion.schema = Object.freeze({
+  properties: {
+    i18n: {
+      type: 'object'
+    },
+    rememberExpanded: {
+      type: 'boolean'
+    }
+  }
+});
+
+export { Accordion };
+//# sourceMappingURL=accordion.mjs.map
diff --git a/app/templates/govuk/components/accordion/accordion.mjs.map b/app/templates/govuk/components/accordion/accordion.mjs.map
new file mode 100644
index 0000000..4ccfd8e
--- /dev/null
+++ b/app/templates/govuk/components/accordion/accordion.mjs.map
@@ -0,0 +1 @@
+{"version":3,"file":"accordion.mjs","sources":["../../../../src/govuk/components/accordion/accordion.mjs"],"sourcesContent":["import { ConfigurableComponent } from '../../common/configuration.mjs'\nimport { ElementError } from '../../errors/index.mjs'\nimport { I18n } from '../../i18n.mjs'\n\n/**\n * Accordion component\n *\n * This allows a collection of sections to be collapsed by default, showing only\n * their headers. Sections can be expanded or collapsed individually by clicking\n * their headers. A \"Show all sections\" button is also added to the top of the\n * accordion, which switches to \"Hide all sections\" when all the sections are\n * expanded.\n *\n * The state of each section is saved to the DOM via the `aria-expanded`\n * attribute, which also provides accessibility.\n *\n * @preserve\n * @augments ConfigurableComponent<AccordionConfig>\n */\nexport class Accordion extends ConfigurableComponent {\n  /** @private */\n  i18n\n\n  /** @private */\n  controlsClass = 'govuk-accordion__controls'\n\n  /** @private */\n  showAllClass = 'govuk-accordion__show-all'\n\n  /** @private */\n  showAllTextClass = 'govuk-accordion__show-all-text'\n\n  /** @private */\n  sectionClass = 'govuk-accordion__section'\n\n  /** @private */\n  sectionExpandedClass = 'govuk-accordion__section--expanded'\n\n  /** @private */\n  sectionButtonClass = 'govuk-accordion__section-button'\n\n  /** @private */\n  sectionHeaderClass = 'govuk-accordion__section-header'\n\n  /** @private */\n  sectionHeadingClass = 'govuk-accordion__section-heading'\n\n  /** @private */\n  sectionHeadingDividerClass = 'govuk-accordion__section-heading-divider'\n\n  /** @private */\n  sectionHeadingTextClass = 'govuk-accordion__section-heading-text'\n\n  /** @private */\n  sectionHeadingTextFocusClass = 'govuk-accordion__section-heading-text-focus'\n\n  /** @private */\n  sectionShowHideToggleClass = 'govuk-accordion__section-toggle'\n\n  /** @private */\n  sectionShowHideToggleFocusClass = 'govuk-accordion__section-toggle-focus'\n\n  /** @private */\n  sectionShowHideTextClass = 'govuk-accordion__section-toggle-text'\n\n  /** @private */\n  upChevronIconClass = 'govuk-accordion-nav__chevron'\n\n  /** @private */\n  downChevronIconClass = 'govuk-accordion-nav__chevron--down'\n\n  /** @private */\n  sectionSummaryClass = 'govuk-accordion__section-summary'\n\n  /** @private */\n  sectionSummaryFocusClass = 'govuk-accordion__section-summary-focus'\n\n  /** @private */\n  sectionContentClass = 'govuk-accordion__section-content'\n\n  /** @private */\n  $sections\n\n  /**\n   * @private\n   * @type {HTMLButtonElement | null}\n   */\n  $showAllButton = null\n\n  /**\n   * @private\n   * @type {HTMLElement | null}\n   */\n  $showAllIcon = null\n\n  /**\n   * @private\n   * @type {HTMLElement | null}\n   */\n  $showAllText = null\n\n  /**\n   * @param {Element | null} $root - HTML element to use for accordion\n   * @param {AccordionConfig} [config] - Accordion config\n   */\n  constructor($root, config = {}) {\n    super($root, config)\n\n    this.i18n = new I18n(this.config.i18n)\n\n    const $sections = this.$root.querySelectorAll(`.${this.sectionClass}`)\n    if (!$sections.length) {\n      throw new ElementError({\n        component: Accordion,\n        identifier: `Sections (\\`<div class=\"${this.sectionClass}\">\\`)`\n      })\n    }\n\n    this.$sections = $sections\n\n    this.initControls()\n    this.initSectionHeaders()\n\n    this.updateShowAllButton(this.areAllSectionsOpen())\n  }\n\n  /**\n   * Initialise controls and set attributes\n   *\n   * @private\n   */\n  initControls() {\n    // Create \"Show all\" button and set attributes\n    this.$showAllButton = document.createElement('button')\n    this.$showAllButton.setAttribute('type', 'button')\n    this.$showAllButton.setAttribute('class', this.showAllClass)\n    this.$showAllButton.setAttribute('aria-expanded', 'false')\n\n    // Create icon, add to element\n    this.$showAllIcon = document.createElement('span')\n    this.$showAllIcon.classList.add(this.upChevronIconClass)\n    this.$showAllButton.appendChild(this.$showAllIcon)\n\n    // Create control wrapper and add controls to it\n    const $accordionControls = document.createElement('div')\n    $accordionControls.setAttribute('class', this.controlsClass)\n    $accordionControls.appendChild(this.$showAllButton)\n    this.$root.insertBefore($accordionControls, this.$root.firstChild)\n\n    // Build additional wrapper for Show all toggle text and place after icon\n    this.$showAllText = document.createElement('span')\n    this.$showAllText.classList.add(this.showAllTextClass)\n    this.$showAllButton.appendChild(this.$showAllText)\n\n    // Handle click events on the show/hide all button\n    this.$showAllButton.addEventListener('click', () =>\n      this.onShowOrHideAllToggle()\n    )\n\n    // Handle 'beforematch' events, if the user agent supports them\n    if ('onbeforematch' in document) {\n      document.addEventListener('beforematch', (event) =>\n        this.onBeforeMatch(event)\n      )\n    }\n  }\n\n  /**\n   * Initialise section headers\n   *\n   * @private\n   */\n  initSectionHeaders() {\n    this.$sections.forEach(($section, i) => {\n      const $header = $section.querySelector(`.${this.sectionHeaderClass}`)\n      if (!$header) {\n        throw new ElementError({\n          component: Accordion,\n          identifier: `Section headers (\\`<div class=\"${this.sectionHeaderClass}\">\\`)`\n        })\n      }\n\n      // Set header attributes\n      this.constructHeaderMarkup($header, i)\n      this.setExpanded(this.isExpanded($section), $section)\n\n      // Handle events\n      $header.addEventListener('click', () => this.onSectionToggle($section))\n\n      // See if there is any state stored in sessionStorage and set the sections\n      // to open or closed.\n      this.setInitialState($section)\n    })\n  }\n\n  /**\n   * Construct section header\n   *\n   * @private\n   * @param {Element} $header - Section header\n   * @param {number} index - Section index\n   */\n  constructHeaderMarkup($header, index) {\n    const $span = $header.querySelector(`.${this.sectionButtonClass}`)\n    const $heading = $header.querySelector(`.${this.sectionHeadingClass}`)\n    const $summary = $header.querySelector(`.${this.sectionSummaryClass}`)\n\n    if (!$heading) {\n      throw new ElementError({\n        component: Accordion,\n        identifier: `Section heading (\\`.${this.sectionHeadingClass}\\`)`\n      })\n    }\n\n    if (!$span) {\n      throw new ElementError({\n        component: Accordion,\n        identifier: `Section button placeholder (\\`<span class=\"${this.sectionButtonClass}\">\\`)`\n      })\n    }\n\n    // Create a button element that will replace the\n    // '.govuk-accordion__section-button' span\n    const $button = document.createElement('button')\n    $button.setAttribute('type', 'button')\n    $button.setAttribute(\n      'aria-controls',\n      `${this.$root.id}-content-${index + 1}`\n    )\n\n    // Copy all attributes from $span to $button (except `id`, which gets added\n    // to the `$headingText` element)\n    for (const attr of Array.from($span.attributes)) {\n      if (attr.name !== 'id') {\n        $button.setAttribute(attr.name, attr.value)\n      }\n    }\n\n    // Create container for heading text so it can be styled\n    const $headingText = document.createElement('span')\n    $headingText.classList.add(this.sectionHeadingTextClass)\n    // Copy the span ID to the heading text to allow it to be referenced by\n    // `aria-labelledby` on the hidden content area without \"Show this section\"\n    $headingText.id = $span.id\n\n    // Create an inner heading text container to limit the width of the focus\n    // state\n    const $headingTextFocus = document.createElement('span')\n    $headingTextFocus.classList.add(this.sectionHeadingTextFocusClass)\n    $headingText.appendChild($headingTextFocus)\n    // span could contain HTML elements\n    // (see https://www.w3.org/TR/2011/WD-html5-20110525/content-models.html#phrasing-content)\n    Array.from($span.childNodes).forEach(($child) =>\n      $headingTextFocus.appendChild($child)\n    )\n\n    // Create container for show / hide icons and text.\n    const $showHideToggle = document.createElement('span')\n    $showHideToggle.classList.add(this.sectionShowHideToggleClass)\n    // Tell Google not to index the 'show' text as part of the heading. Must be\n    // set on the element before it's added to the DOM.\n    // See https://developers.google.com/search/docs/advanced/robots/robots_meta_tag#data-nosnippet-attr\n    $showHideToggle.setAttribute('data-nosnippet', '')\n    // Create an inner container to limit the width of the focus state\n    const $showHideToggleFocus = document.createElement('span')\n    $showHideToggleFocus.classList.add(this.sectionShowHideToggleFocusClass)\n    $showHideToggle.appendChild($showHideToggleFocus)\n    // Create wrapper for the show / hide text. Append text after the show/hide icon\n    const $showHideText = document.createElement('span')\n    const $showHideIcon = document.createElement('span')\n    $showHideIcon.classList.add(this.upChevronIconClass)\n    $showHideToggleFocus.appendChild($showHideIcon)\n    $showHideText.classList.add(this.sectionShowHideTextClass)\n    $showHideToggleFocus.appendChild($showHideText)\n\n    // Append elements to the button:\n    // 1. Heading text\n    // 2. Punctuation\n    // 3. (Optional: Summary line followed by punctuation)\n    // 4. Show / hide toggle\n    $button.appendChild($headingText)\n    $button.appendChild(this.getButtonPunctuationEl())\n\n    // If summary content exists add to DOM in correct order\n    if ($summary) {\n      // Create a new `span` element and copy the summary line content from the\n      // original `div` to the new `span`. This is because the summary line text\n      // is now inside a button element, which can only contain phrasing\n      // content.\n      const $summarySpan = document.createElement('span')\n      // Create an inner summary container to limit the width of the summary\n      // focus state\n      const $summarySpanFocus = document.createElement('span')\n      $summarySpanFocus.classList.add(this.sectionSummaryFocusClass)\n      $summarySpan.appendChild($summarySpanFocus)\n\n      // Get original attributes, and pass them to the replacement\n      for (const attr of Array.from($summary.attributes)) {\n        $summarySpan.setAttribute(attr.name, attr.value)\n      }\n\n      // Copy original contents of summary to the new summary span\n      Array.from($summary.childNodes).forEach(($child) =>\n        $summarySpanFocus.appendChild($child)\n      )\n\n      // Replace the original summary `div` with the new summary `span`\n      $summary.remove()\n\n      $button.appendChild($summarySpan)\n      $button.appendChild(this.getButtonPunctuationEl())\n    }\n\n    $button.appendChild($showHideToggle)\n\n    $heading.removeChild($span)\n    $heading.appendChild($button)\n  }\n\n  /**\n   * When a section is opened by the user agent via the 'beforematch' event\n   *\n   * @private\n   * @param {Event} event - Generic event\n   */\n  onBeforeMatch(event) {\n    const $fragment = event.target\n\n    // Handle elements with `.closest()` support only\n    if (!($fragment instanceof Element)) {\n      return\n    }\n\n    // Handle when fragment is inside section\n    const $section = $fragment.closest(`.${this.sectionClass}`)\n    if ($section) {\n      this.setExpanded(true, $section)\n    }\n  }\n\n  /**\n   * When section toggled, set and store state\n   *\n   * @private\n   * @param {Element} $section - Section element\n   */\n  onSectionToggle($section) {\n    const nowExpanded = !this.isExpanded($section)\n    this.setExpanded(nowExpanded, $section)\n\n    // Store the state in sessionStorage when a change is triggered\n    this.storeState($section, nowExpanded)\n  }\n\n  /**\n   * When Open/Close All toggled, set and store state\n   *\n   * @private\n   */\n  onShowOrHideAllToggle() {\n    const nowExpanded = !this.areAllSectionsOpen()\n\n    this.$sections.forEach(($section) => {\n      this.setExpanded(nowExpanded, $section)\n      this.storeState($section, nowExpanded)\n    })\n\n    this.updateShowAllButton(nowExpanded)\n  }\n\n  /**\n   * Set section attributes when opened/closed\n   *\n   * @private\n   * @param {boolean} expanded - Section expanded\n   * @param {Element} $section - Section element\n   */\n  setExpanded(expanded, $section) {\n    const $showHideIcon = $section.querySelector(`.${this.upChevronIconClass}`)\n    const $showHideText = $section.querySelector(\n      `.${this.sectionShowHideTextClass}`\n    )\n    const $button = $section.querySelector(`.${this.sectionButtonClass}`)\n    const $content = $section.querySelector(`.${this.sectionContentClass}`)\n\n    if (!$content) {\n      throw new ElementError({\n        component: Accordion,\n        identifier: `Section content (\\`<div class=\"${this.sectionContentClass}\">\\`)`\n      })\n    }\n\n    if (!$showHideIcon || !$showHideText || !$button) {\n      // Return early for elements we create\n      return\n    }\n\n    const newButtonText = expanded\n      ? this.i18n.t('hideSection')\n      : this.i18n.t('showSection')\n\n    $showHideText.textContent = newButtonText\n    $button.setAttribute('aria-expanded', `${expanded}`)\n\n    // Update aria-label combining\n    const ariaLabelParts = []\n\n    const $headingText = $section.querySelector(\n      `.${this.sectionHeadingTextClass}`\n    )\n    if ($headingText) {\n      ariaLabelParts.push($headingText.textContent.trim())\n    }\n\n    const $summary = $section.querySelector(`.${this.sectionSummaryClass}`)\n    if ($summary) {\n      ariaLabelParts.push($summary.textContent.trim())\n    }\n\n    const ariaLabelMessage = expanded\n      ? this.i18n.t('hideSectionAriaLabel')\n      : this.i18n.t('showSectionAriaLabel')\n    ariaLabelParts.push(ariaLabelMessage)\n\n    /*\n     * Join with a comma to add pause for assistive technology.\n     * Example: [heading]Section A ,[pause] Show this section.\n     * https://accessibility.blog.gov.uk/2017/12/18/what-working-on-gov-uk-navigation-taught-us-about-accessibility/\n     */\n    $button.setAttribute('aria-label', ariaLabelParts.join(' , '))\n\n    // Swap icon, change class\n    if (expanded) {\n      $content.removeAttribute('hidden')\n      $section.classList.add(this.sectionExpandedClass)\n      $showHideIcon.classList.remove(this.downChevronIconClass)\n    } else {\n      $content.setAttribute('hidden', 'until-found')\n      $section.classList.remove(this.sectionExpandedClass)\n      $showHideIcon.classList.add(this.downChevronIconClass)\n    }\n\n    // See if \"Show all sections\" button text should be updated\n    this.updateShowAllButton(this.areAllSectionsOpen())\n  }\n\n  /**\n   * Get state of section\n   *\n   * @private\n   * @param {Element} $section - Section element\n   * @returns {boolean} True if expanded\n   */\n  isExpanded($section) {\n    return $section.classList.contains(this.sectionExpandedClass)\n  }\n\n  /**\n   * Check if all sections are open\n   *\n   * @private\n   * @returns {boolean} True if all sections are open\n   */\n  areAllSectionsOpen() {\n    return Array.from(this.$sections).every(($section) =>\n      this.isExpanded($section)\n    )\n  }\n\n  /**\n   * Update \"Show all sections\" button\n   *\n   * @private\n   * @param {boolean} expanded - Section expanded\n   */\n  updateShowAllButton(expanded) {\n    if (!this.$showAllButton || !this.$showAllText || !this.$showAllIcon) {\n      return\n    }\n\n    this.$showAllButton.setAttribute('aria-expanded', expanded.toString())\n    this.$showAllText.textContent = expanded\n      ? this.i18n.t('hideAllSections')\n      : this.i18n.t('showAllSections')\n    this.$showAllIcon.classList.toggle(this.downChevronIconClass, !expanded)\n  }\n\n  /**\n   * Get the identifier for a section\n   *\n   * We need a unique way of identifying each content in the Accordion.\n   * Since an `#id` should be unique and an `id` is required for `aria-`\n   * attributes `id` can be safely used.\n   *\n   * @param {Element} $section - Section element\n   * @returns {string | undefined | null} Identifier for section\n   */\n  getIdentifier($section) {\n    const $button = $section.querySelector(`.${this.sectionButtonClass}`)\n\n    return $button?.getAttribute('aria-controls')\n  }\n\n  /**\n   * Set the state of the accordions in sessionStorage\n   *\n   * @private\n   * @param {Element} $section - Section element\n   * @param {boolean} isExpanded - Whether the section is expanded\n   */\n  storeState($section, isExpanded) {\n    if (!this.config.rememberExpanded) {\n      return\n    }\n\n    const id = this.getIdentifier($section)\n\n    if (id) {\n      try {\n        window.sessionStorage.setItem(id, isExpanded.toString())\n      } catch {}\n    }\n  }\n\n  /**\n   * Read the state of the accordions from sessionStorage\n   *\n   * @private\n   * @param {Element} $section - Section element\n   */\n  setInitialState($section) {\n    if (!this.config.rememberExpanded) {\n      return\n    }\n\n    const id = this.getIdentifier($section)\n\n    if (id) {\n      try {\n        const state = window.sessionStorage.getItem(id)\n\n        if (state !== null) {\n          this.setExpanded(state === 'true', $section)\n        }\n      } catch {}\n    }\n  }\n\n  /**\n   * Create an element to improve semantics of the section button with\n   * punctuation\n   *\n   * Adding punctuation to the button can also improve its general semantics by\n   * dividing its contents into thematic chunks. See\n   * https://github.com/alphagov/govuk-frontend/issues/2327#issuecomment-922957442\n   *\n   * @private\n   * @returns {Element} DOM element\n   */\n  getButtonPunctuationEl() {\n    const $punctuationEl = document.createElement('span')\n    $punctuationEl.classList.add(\n      'govuk-visually-hidden',\n      this.sectionHeadingDividerClass\n    )\n    $punctuationEl.textContent = ', '\n    return $punctuationEl\n  }\n\n  /**\n   * Name for the component used when initialising using data-module attributes.\n   */\n  static moduleName = 'govuk-accordion'\n\n  /**\n   * Accordion default config\n   *\n   * @see {@link AccordionConfig}\n   * @constant\n   * @type {AccordionConfig}\n   */\n  static defaults = Object.freeze({\n    i18n: {\n      hideAllSections: 'Hide all sections',\n      hideSection: 'Hide',\n      hideSectionAriaLabel: 'Hide this section',\n      showAllSections: 'Show all sections',\n      showSection: 'Show',\n      showSectionAriaLabel: 'Show this section'\n    },\n    rememberExpanded: true\n  })\n\n  /**\n   * Accordion config schema\n   *\n   * @constant\n   * @satisfies {Schema<AccordionConfig>}\n   */\n  static schema = Object.freeze({\n    properties: {\n      i18n: { type: 'object' },\n      rememberExpanded: { type: 'boolean' }\n    }\n  })\n}\n\n/**\n * Accordion config\n *\n * @see {@link Accordion.defaults}\n * @typedef {object} AccordionConfig\n * @property {AccordionTranslations} [i18n=Accordion.defaults.i18n] - Accordion translations\n * @property {boolean} [rememberExpanded] - Whether the expanded and collapsed\n *   state of each section is remembered and restored when navigating.\n */\n\n/**\n * Accordion translations\n *\n * @see {@link Accordion.defaults.i18n}\n * @typedef {object} AccordionTranslations\n *\n * Messages used by the component for the labels of its buttons. This includes\n * the visible text shown on screen, and text to help assistive technology users\n * for the buttons toggling each section.\n * @property {string} [hideAllSections] - The text content for the 'Hide all\n *   sections' button, used when at least one section is expanded.\n * @property {string} [hideSection] - The text content for the 'Hide'\n *   button, used when a section is expanded.\n * @property {string} [hideSectionAriaLabel] - The text content appended to the\n *   'Hide' button's accessible name when a section is expanded.\n * @property {string} [showAllSections] - The text content for the 'Show all\n *   sections' button, used when all sections are collapsed.\n * @property {string} [showSection] - The text content for the 'Show'\n *   button, used when a section is collapsed.\n * @property {string} [showSectionAriaLabel] - The text content appended to the\n *   'Show' button's accessible name when a section is expanded.\n */\n\n/**\n * @import { Schema } from '../../common/configuration.mjs'\n */\n"],"names":["Accordion","ConfigurableComponent","constructor","$root","config","i18n","controlsClass","showAllClass","showAllTextClass","sectionClass","sectionExpandedClass","sectionButtonClass","sectionHeaderClass","sectionHeadingClass","sectionHeadingDividerClass","sectionHeadingTextClass","sectionHeadingTextFocusClass","sectionShowHideToggleClass","sectionShowHideToggleFocusClass","sectionShowHideTextClass","upChevronIconClass","downChevronIconClass","sectionSummaryClass","sectionSummaryFocusClass","sectionContentClass","$sections","$showAllButton","$showAllIcon","$showAllText","I18n","querySelectorAll","length","ElementError","component","identifier","initControls","initSectionHeaders","updateShowAllButton","areAllSectionsOpen","document","createElement","setAttribute","classList","add","appendChild","$accordionControls","insertBefore","firstChild","addEventListener","onShowOrHideAllToggle","event","onBeforeMatch","forEach","$section","i","$header","querySelector","constructHeaderMarkup","setExpanded","isExpanded","onSectionToggle","setInitialState","index","$span","$heading","$summary","$button","id","attr","Array","from","attributes","name","value","$headingText","$headingTextFocus","childNodes","$child","$showHideToggle","$showHideToggleFocus","$showHideText","$showHideIcon","getButtonPunctuationEl","$summarySpan","$summarySpanFocus","remove","removeChild","$fragment","target","Element","closest","nowExpanded","storeState","expanded","$content","newButtonText","t","textContent","ariaLabelParts","push","trim","ariaLabelMessage","join","removeAttribute","contains","every","toString","toggle","getIdentifier","getAttribute","rememberExpanded","window","sessionStorage","setItem","_unused","state","getItem","_unused2","$punctuationEl","moduleName","defaults","Object","freeze","hideAllSections","hideSection","hideSectionAriaLabel","showAllSections","showSection","showSectionAriaLabel","schema","properties","type"],"mappings":"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"}
\ No newline at end of file
diff --git a/app/templates/govuk/components/accordion/fixtures.json b/app/templates/govuk/components/accordion/fixtures.json
new file mode 100644
index 0000000..332e00e
--- /dev/null
+++ b/app/templates/govuk/components/accordion/fixtures.json
@@ -0,0 +1,377 @@
+{
+    "component": "accordion",
+    "fixtures": [
+        {
+            "name": "default",
+            "options": {
+                "id": "default-example",
+                "items": [
+                    {
+                        "heading": {
+                            "text": "Section A"
+                        },
+                        "content": {
+                            "text": "We need to know your nationality so we can work out which elections you’re entitled to vote in. If you cannot provide your nationality, you’ll have to send copies of identity documents through the post."
+                        }
+                    },
+                    {
+                        "heading": {
+                            "text": "Section B"
+                        },
+                        "content": {
+                            "html": "<ul class=\"govuk-list govuk-list--bullet\">\n  <li>Example item 2</li>\n</ul>\n"
+                        }
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": {
+                "variants": [
+                    "default",
+                    "no-js"
+                ]
+            },
+            "html": "<div class=\"govuk-accordion\" data-module=\"govuk-accordion\" id=\"default-example\">\n  <div class=\"govuk-accordion__section\">\n    <div class=\"govuk-accordion__section-header\">\n      <h2 class=\"govuk-accordion__section-heading\">\n        <span class=\"govuk-accordion__section-button\" id=\"default-example-heading-1\">\n          Section A\n        </span>\n      </h2>\n    </div>\n    <div id=\"default-example-content-1\" class=\"govuk-accordion__section-content\">\n      <p class=\"govuk-body\">\n        We need to know your nationality so we can work out which elections you’re entitled to vote in. If you cannot provide your nationality, you’ll have to send copies of identity documents through the post.\n      </p>\n    </div>\n  </div>\n  <div class=\"govuk-accordion__section\">\n    <div class=\"govuk-accordion__section-header\">\n      <h2 class=\"govuk-accordion__section-heading\">\n        <span class=\"govuk-accordion__section-button\" id=\"default-example-heading-2\">\n          Section B\n        </span>\n      </h2>\n    </div>\n    <div id=\"default-example-content-2\" class=\"govuk-accordion__section-content\">\n      <ul class=\"govuk-list govuk-list--bullet\">\n        <li>Example item 2</li>\n      </ul>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "with additional descriptions",
+            "options": {
+                "id": "with-descriptions",
+                "items": [
+                    {
+                        "heading": {
+                            "text": "Test"
+                        },
+                        "summary": {
+                            "text": "Additional description"
+                        },
+                        "content": {
+                            "html": "<p class=\"govuk-body\">\n  We need to know your nationality so we can work out which elections you’re entitled to vote in. If you cannot provide your nationality, you’ll have to send copies of identity documents through the post.\n</p>\n<ul class=\"govuk-list govuk-list--bullet\">\n  <li>Example item 1</li>\n</ul>\n"
+                        }
+                    },
+                    {
+                        "heading": {
+                            "text": "Test 2"
+                        },
+                        "summary": {
+                            "html": "<span class=\"govuk-!-font-weight-regular\">Additional description (wrapped in span)</span>"
+                        },
+                        "content": {
+                            "html": "<ul class=\"govuk-list govuk-list--bullet\">\n  <li>Example item 2</li>\n</ul>\n"
+                        }
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-accordion\" data-module=\"govuk-accordion\" id=\"with-descriptions\">\n  <div class=\"govuk-accordion__section\">\n    <div class=\"govuk-accordion__section-header\">\n      <h2 class=\"govuk-accordion__section-heading\">\n        <span class=\"govuk-accordion__section-button\" id=\"with-descriptions-heading-1\">\n          Test\n        </span>\n      </h2>\n      <div class=\"govuk-accordion__section-summary govuk-body\" id=\"with-descriptions-summary-1\">\n        Additional description\n      </div>\n    </div>\n    <div id=\"with-descriptions-content-1\" class=\"govuk-accordion__section-content\">\n      <p class=\"govuk-body\">\n        We need to know your nationality so we can work out which elections you’re entitled to vote in. If you cannot provide your nationality, you’ll have to send copies of identity documents through the post.\n      </p>\n      <ul class=\"govuk-list govuk-list--bullet\">\n        <li>Example item 1</li>\n      </ul>\n    </div>\n  </div>\n  <div class=\"govuk-accordion__section\">\n    <div class=\"govuk-accordion__section-header\">\n      <h2 class=\"govuk-accordion__section-heading\">\n        <span class=\"govuk-accordion__section-button\" id=\"with-descriptions-heading-2\">\n          Test 2\n        </span>\n      </h2>\n      <div class=\"govuk-accordion__section-summary govuk-body\" id=\"with-descriptions-summary-2\">\n        <span class=\"govuk-!-font-weight-regular\">Additional description (wrapped in span)</span>\n      </div>\n    </div>\n    <div id=\"with-descriptions-content-2\" class=\"govuk-accordion__section-content\">\n      <ul class=\"govuk-list govuk-list--bullet\">\n        <li>Example item 2</li>\n      </ul>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "with long content and description",
+            "options": {
+                "id": "with-long-content-and-description",
+                "items": [
+                    {
+                        "heading": {
+                            "text": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc quis tortor porttitor."
+                        },
+                        "summary": {
+                            "text": "Etiam diam dui, tempus ut pharetra in, aliquet non dui. Nunc pulvinar maximus tortor, ac finibus augue congue vitae. Donec sed cursus lorem."
+                        },
+                        "content": {
+                            "html": "<ul class=\"govuk-list govuk-list--bullet\">\n  <li>Example item 1</li>\n</ul>\n"
+                        }
+                    },
+                    {
+                        "heading": {
+                            "text": "Praesent faucibus leo feugiat libero pharetra lacinia. Aliquam aliquet ante vitae mollis vestibulum."
+                        },
+                        "summary": {
+                            "html": "<span class=\"govuk-!-font-weight-regular\">Maecenas nec <abbr>est</abbr> sapien. Etiam varius luctus mauris non porttitor. </span>"
+                        },
+                        "content": {
+                            "html": "<ul class=\"govuk-list govuk-list--bullet\">\n  <li>Example item 2</li>\n</ul>\n"
+                        }
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-accordion\" data-module=\"govuk-accordion\" id=\"with-long-content-and-description\">\n  <div class=\"govuk-accordion__section\">\n    <div class=\"govuk-accordion__section-header\">\n      <h2 class=\"govuk-accordion__section-heading\">\n        <span class=\"govuk-accordion__section-button\" id=\"with-long-content-and-description-heading-1\">\n          Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc quis tortor porttitor.\n        </span>\n      </h2>\n      <div class=\"govuk-accordion__section-summary govuk-body\" id=\"with-long-content-and-description-summary-1\">\n        Etiam diam dui, tempus ut pharetra in, aliquet non dui. Nunc pulvinar maximus tortor, ac finibus augue congue vitae. Donec sed cursus lorem.\n      </div>\n    </div>\n    <div id=\"with-long-content-and-description-content-1\" class=\"govuk-accordion__section-content\">\n      <ul class=\"govuk-list govuk-list--bullet\">\n        <li>Example item 1</li>\n      </ul>\n    </div>\n  </div>\n  <div class=\"govuk-accordion__section\">\n    <div class=\"govuk-accordion__section-header\">\n      <h2 class=\"govuk-accordion__section-heading\">\n        <span class=\"govuk-accordion__section-button\" id=\"with-long-content-and-description-heading-2\">\n          Praesent faucibus leo feugiat libero pharetra lacinia. Aliquam aliquet ante vitae mollis vestibulum.\n        </span>\n      </h2>\n      <div class=\"govuk-accordion__section-summary govuk-body\" id=\"with-long-content-and-description-summary-2\">\n        <span class=\"govuk-!-font-weight-regular\">Maecenas nec <abbr>est</abbr> sapien. Etiam varius luctus mauris non porttitor. </span>\n      </div>\n    </div>\n    <div id=\"with-long-content-and-description-content-2\" class=\"govuk-accordion__section-content\">\n      <ul class=\"govuk-list govuk-list--bullet\">\n        <li>Example item 2</li>\n      </ul>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "with all sections already open",
+            "options": {
+                "id": "all-sections-open-example",
+                "items": [
+                    {
+                        "heading": {
+                            "text": "Section A"
+                        },
+                        "expanded": true,
+                        "content": {
+                            "html": "<ul class=\"govuk-list govuk-list--bullet\">\n  <li>Example item 1</li>\n</ul>\n"
+                        }
+                    },
+                    {
+                        "heading": {
+                            "text": "Section B"
+                        },
+                        "expanded": true,
+                        "content": {
+                            "html": "<ul class=\"govuk-list govuk-list--bullet\">\n  <li>Example item 2</li>\n</ul>\n"
+                        }
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-accordion\" data-module=\"govuk-accordion\" id=\"all-sections-open-example\">\n  <div class=\"govuk-accordion__section govuk-accordion__section--expanded\">\n    <div class=\"govuk-accordion__section-header\">\n      <h2 class=\"govuk-accordion__section-heading\">\n        <span class=\"govuk-accordion__section-button\" id=\"all-sections-open-example-heading-1\">\n          Section A\n        </span>\n      </h2>\n    </div>\n    <div id=\"all-sections-open-example-content-1\" class=\"govuk-accordion__section-content\">\n      <ul class=\"govuk-list govuk-list--bullet\">\n        <li>Example item 1</li>\n      </ul>\n    </div>\n  </div>\n  <div class=\"govuk-accordion__section govuk-accordion__section--expanded\">\n    <div class=\"govuk-accordion__section-header\">\n      <h2 class=\"govuk-accordion__section-heading\">\n        <span class=\"govuk-accordion__section-button\" id=\"all-sections-open-example-heading-2\">\n          Section B\n        </span>\n      </h2>\n    </div>\n    <div id=\"all-sections-open-example-content-2\" class=\"govuk-accordion__section-content\">\n      <ul class=\"govuk-list govuk-list--bullet\">\n        <li>Example item 2</li>\n      </ul>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "classes",
+            "options": {
+                "id": "accordion-classes",
+                "classes": "myClass",
+                "items": [
+                    {
+                        "heading": {
+                            "text": "Section A"
+                        },
+                        "content": {
+                            "text": "Some content"
+                        }
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-accordion myClass\" data-module=\"govuk-accordion\" id=\"accordion-classes\">\n  <div class=\"govuk-accordion__section\">\n    <div class=\"govuk-accordion__section-header\">\n      <h2 class=\"govuk-accordion__section-heading\">\n        <span class=\"govuk-accordion__section-button\" id=\"accordion-classes-heading-1\">\n          Section A\n        </span>\n      </h2>\n    </div>\n    <div id=\"accordion-classes-content-1\" class=\"govuk-accordion__section-content\">\n      <p class=\"govuk-body\">\n        Some content\n      </p>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "attributes",
+            "options": {
+                "id": "accordion-attributes",
+                "attributes": {
+                    "data-attribute": "value"
+                },
+                "items": [
+                    {
+                        "heading": {
+                            "text": "Section A"
+                        },
+                        "content": {
+                            "text": "Some content"
+                        }
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-accordion\" data-module=\"govuk-accordion\" id=\"accordion-attributes\" data-attribute=\"value\">\n  <div class=\"govuk-accordion__section\">\n    <div class=\"govuk-accordion__section-header\">\n      <h2 class=\"govuk-accordion__section-heading\">\n        <span class=\"govuk-accordion__section-button\" id=\"accordion-attributes-heading-1\">\n          Section A\n        </span>\n      </h2>\n    </div>\n    <div id=\"accordion-attributes-content-1\" class=\"govuk-accordion__section-content\">\n      <p class=\"govuk-body\">\n        Some content\n      </p>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "custom heading level",
+            "options": {
+                "id": "accordion-heading",
+                "headingLevel": 3,
+                "items": [
+                    {
+                        "heading": {
+                            "text": "Section A"
+                        },
+                        "content": {
+                            "text": "Some content"
+                        }
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-accordion\" data-module=\"govuk-accordion\" id=\"accordion-heading\">\n  <div class=\"govuk-accordion__section\">\n    <div class=\"govuk-accordion__section-header\">\n      <h3 class=\"govuk-accordion__section-heading\">\n        <span class=\"govuk-accordion__section-button\" id=\"accordion-heading-heading-1\">\n          Section A\n        </span>\n      </h3>\n    </div>\n    <div id=\"accordion-heading-content-1\" class=\"govuk-accordion__section-content\">\n      <p class=\"govuk-body\">\n        Some content\n      </p>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "heading html",
+            "options": {
+                "id": "accordion-heading-html",
+                "items": [
+                    {
+                        "heading": {
+                            "html": "<span class=\"myClass\">Section A</span>"
+                        },
+                        "content": {
+                            "text": "Some content"
+                        }
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-accordion\" data-module=\"govuk-accordion\" id=\"accordion-heading-html\">\n  <div class=\"govuk-accordion__section\">\n    <div class=\"govuk-accordion__section-header\">\n      <h2 class=\"govuk-accordion__section-heading\">\n        <span class=\"govuk-accordion__section-button\" id=\"accordion-heading-html-heading-1\">\n          <span class=\"myClass\">Section A</span>\n        </span>\n      </h2>\n    </div>\n    <div id=\"accordion-heading-html-content-1\" class=\"govuk-accordion__section-content\">\n      <p class=\"govuk-body\">\n        Some content\n      </p>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "with falsy values",
+            "options": {
+                "id": "accordion-falsy",
+                "items": [
+                    {
+                        "heading": {
+                            "text": "Section A"
+                        },
+                        "content": {
+                            "text": "Some content"
+                        }
+                    },
+                    false,
+                    "",
+                    null,
+                    {
+                        "heading": {
+                            "text": "Section B"
+                        },
+                        "content": {
+                            "text": "Some content"
+                        }
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-accordion\" data-module=\"govuk-accordion\" id=\"accordion-falsy\">\n  <div class=\"govuk-accordion__section\">\n    <div class=\"govuk-accordion__section-header\">\n      <h2 class=\"govuk-accordion__section-heading\">\n        <span class=\"govuk-accordion__section-button\" id=\"accordion-falsy-heading-1\">\n          Section A\n        </span>\n      </h2>\n    </div>\n    <div id=\"accordion-falsy-content-1\" class=\"govuk-accordion__section-content\">\n      <p class=\"govuk-body\">\n        Some content\n      </p>\n    </div>\n  </div>\n  <div class=\"govuk-accordion__section\">\n    <div class=\"govuk-accordion__section-header\">\n      <h2 class=\"govuk-accordion__section-heading\">\n        <span class=\"govuk-accordion__section-button\" id=\"accordion-falsy-heading-5\">\n          Section B\n        </span>\n      </h2>\n    </div>\n    <div id=\"accordion-falsy-content-5\" class=\"govuk-accordion__section-content\">\n      <p class=\"govuk-body\">\n        Some content\n      </p>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "with remember expanded off",
+            "options": {
+                "id": "accordion-remember-expanded-off",
+                "rememberExpanded": false,
+                "items": [
+                    {
+                        "heading": {
+                            "text": "Section A"
+                        },
+                        "content": {
+                            "text": "Some content"
+                        }
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-accordion\" data-module=\"govuk-accordion\" id=\"accordion-remember-expanded-off\" data-remember-expanded=\"false\">\n  <div class=\"govuk-accordion__section\">\n    <div class=\"govuk-accordion__section-header\">\n      <h2 class=\"govuk-accordion__section-heading\">\n        <span class=\"govuk-accordion__section-button\" id=\"accordion-remember-expanded-off-heading-1\">\n          Section A\n        </span>\n      </h2>\n    </div>\n    <div id=\"accordion-remember-expanded-off-content-1\" class=\"govuk-accordion__section-content\">\n      <p class=\"govuk-body\">\n        Some content\n      </p>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "with focusable elements inside",
+            "options": {
+                "id": "with-focusable-elements",
+                "items": [
+                    {
+                        "heading": {
+                            "text": "Section A"
+                        },
+                        "content": {
+                            "html": "<a class=\"govuk-link\" href=\"#\">Link A</a>"
+                        }
+                    },
+                    {
+                        "heading": {
+                            "text": "Section B"
+                        },
+                        "content": {
+                            "html": "<a class=\"govuk-link\" href=\"#\">Link B</a>"
+                        }
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-accordion\" data-module=\"govuk-accordion\" id=\"with-focusable-elements\">\n  <div class=\"govuk-accordion__section\">\n    <div class=\"govuk-accordion__section-header\">\n      <h2 class=\"govuk-accordion__section-heading\">\n        <span class=\"govuk-accordion__section-button\" id=\"with-focusable-elements-heading-1\">\n          Section A\n        </span>\n      </h2>\n    </div>\n    <div id=\"with-focusable-elements-content-1\" class=\"govuk-accordion__section-content\">\n      <a class=\"govuk-link\" href=\"#\">Link A</a>\n    </div>\n  </div>\n  <div class=\"govuk-accordion__section\">\n    <div class=\"govuk-accordion__section-header\">\n      <h2 class=\"govuk-accordion__section-heading\">\n        <span class=\"govuk-accordion__section-button\" id=\"with-focusable-elements-heading-2\">\n          Section B\n        </span>\n      </h2>\n    </div>\n    <div id=\"with-focusable-elements-content-2\" class=\"govuk-accordion__section-content\">\n      <a class=\"govuk-link\" href=\"#\">Link B</a>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "with one section open",
+            "options": {
+                "id": "one-section-open-example",
+                "items": [
+                    {
+                        "heading": {
+                            "text": "Section A"
+                        },
+                        "expanded": true,
+                        "content": {
+                            "html": "<ul class=\"govuk-list govuk-list--bullet\">\n  <li>Example item 1</li>\n</ul>\n"
+                        }
+                    },
+                    {
+                        "heading": {
+                            "text": "Section B"
+                        },
+                        "content": {
+                            "html": "<ul class=\"govuk-list govuk-list--bullet\">\n  <li>Example item 2</li>\n</ul>\n"
+                        }
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-accordion\" data-module=\"govuk-accordion\" id=\"one-section-open-example\">\n  <div class=\"govuk-accordion__section govuk-accordion__section--expanded\">\n    <div class=\"govuk-accordion__section-header\">\n      <h2 class=\"govuk-accordion__section-heading\">\n        <span class=\"govuk-accordion__section-button\" id=\"one-section-open-example-heading-1\">\n          Section A\n        </span>\n      </h2>\n    </div>\n    <div id=\"one-section-open-example-content-1\" class=\"govuk-accordion__section-content\">\n      <ul class=\"govuk-list govuk-list--bullet\">\n        <li>Example item 1</li>\n      </ul>\n    </div>\n  </div>\n  <div class=\"govuk-accordion__section\">\n    <div class=\"govuk-accordion__section-header\">\n      <h2 class=\"govuk-accordion__section-heading\">\n        <span class=\"govuk-accordion__section-button\" id=\"one-section-open-example-heading-2\">\n          Section B\n        </span>\n      </h2>\n    </div>\n    <div id=\"one-section-open-example-content-2\" class=\"govuk-accordion__section-content\">\n      <ul class=\"govuk-list govuk-list--bullet\">\n        <li>Example item 2</li>\n      </ul>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "with translations",
+            "options": {
+                "id": "with-translations",
+                "hideAllSectionsText": "Collapse all sections",
+                "showAllSectionsText": "Expand all sections",
+                "hideSectionText": "Collapse",
+                "hideSectionAriaLabelText": "Collapse this section",
+                "showSectionText": "Expand",
+                "showSectionAriaLabelText": "Expand this section",
+                "items": [
+                    {
+                        "heading": {
+                            "text": "Section A"
+                        },
+                        "content": {
+                            "text": "We need to know your nationality so we can work out which elections you’re entitled to vote in. If you cannot provide your nationality, you’ll have to send copies of identity documents through the post."
+                        }
+                    },
+                    {
+                        "heading": {
+                            "text": "Section B"
+                        },
+                        "content": {
+                            "html": "<ul class=\"govuk-list govuk-list--bullet\">\n  <li>Example item 2</li>\n</ul>\n"
+                        }
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-accordion\" data-module=\"govuk-accordion\" id=\"with-translations\" data-i18n.hide-all-sections=\"Collapse all sections\" data-i18n.hide-section=\"Collapse\" data-i18n.hide-section-aria-label=\"Collapse this section\" data-i18n.show-all-sections=\"Expand all sections\" data-i18n.show-section=\"Expand\" data-i18n.show-section-aria-label=\"Expand this section\">\n  <div class=\"govuk-accordion__section\">\n    <div class=\"govuk-accordion__section-header\">\n      <h2 class=\"govuk-accordion__section-heading\">\n        <span class=\"govuk-accordion__section-button\" id=\"with-translations-heading-1\">\n          Section A\n        </span>\n      </h2>\n    </div>\n    <div id=\"with-translations-content-1\" class=\"govuk-accordion__section-content\">\n      <p class=\"govuk-body\">\n        We need to know your nationality so we can work out which elections you’re entitled to vote in. If you cannot provide your nationality, you’ll have to send copies of identity documents through the post.\n      </p>\n    </div>\n  </div>\n  <div class=\"govuk-accordion__section\">\n    <div class=\"govuk-accordion__section-header\">\n      <h2 class=\"govuk-accordion__section-heading\">\n        <span class=\"govuk-accordion__section-button\" id=\"with-translations-heading-2\">\n          Section B\n        </span>\n      </h2>\n    </div>\n    <div id=\"with-translations-content-2\" class=\"govuk-accordion__section-content\">\n      <ul class=\"govuk-list govuk-list--bullet\">\n        <li>Example item 2</li>\n      </ul>\n    </div>\n  </div>\n</div>"
+        }
+    ]
+}
diff --git a/app/templates/govuk/components/accordion/macro-options.json b/app/templates/govuk/components/accordion/macro-options.json
new file mode 100644
index 0000000..9a0ef59
--- /dev/null
+++ b/app/templates/govuk/components/accordion/macro-options.json
@@ -0,0 +1,142 @@
+[
+    {
+        "name": "id",
+        "type": "string",
+        "required": true,
+        "description": "Must be unique across the domain of your service if `rememberExpanded` is `true` (as the expanded state of individual instances of the component persists across page loads using [session storage](https://developer.mozilla.org/en-US/docs/Web/API/Window/sessionStorage)). Used as an `id` in the HTML for the accordion as a whole, and also as a prefix for the `id`s of the section contents and the buttons that open them, so that those `id`s can be the target of `aria-control` attributes."
+    },
+    {
+        "name": "headingLevel",
+        "type": "integer",
+        "required": false,
+        "description": "Heading level, from `1` to `6`. Default is `2`."
+    },
+    {
+        "name": "classes",
+        "type": "string",
+        "required": false,
+        "description": "Classes to add to the accordion."
+    },
+    {
+        "name": "attributes",
+        "type": "object",
+        "required": false,
+        "description": "HTML attributes (for example data attributes) to add to the accordion."
+    },
+    {
+        "name": "rememberExpanded",
+        "type": "boolean",
+        "required": false,
+        "description": "Whether the expanded/collapsed state of the accordion should be saved when a user leaves the page and restored when they return. Default is `true`."
+    },
+    {
+        "name": "hideAllSectionsText",
+        "type": "string",
+        "required": false,
+        "description": "The text content of the 'Hide all sections' button at the top of the accordion when all sections are expanded."
+    },
+    {
+        "name": "hideSectionText",
+        "type": "string",
+        "required": false,
+        "description": "The text content of the 'Hide' button within each section of the accordion, which is visible when the section is expanded."
+    },
+    {
+        "name": "hideSectionAriaLabelText",
+        "type": "string",
+        "required": false,
+        "description": "Text made available to assistive technologies, like screen-readers, as the final part of the toggle's accessible name when the section is expanded. Defaults to `\"Hide this section\"`."
+    },
+    {
+        "name": "showAllSectionsText",
+        "type": "string",
+        "required": false,
+        "description": "The text content of the 'Show all sections' button at the top of the accordion when at least one section is collapsed."
+    },
+    {
+        "name": "showSectionText",
+        "type": "string",
+        "required": false,
+        "description": "The text content of the 'Show' button within each section of the accordion, which is visible when the section is collapsed."
+    },
+    {
+        "name": "showSectionAriaLabelText",
+        "type": "string",
+        "required": false,
+        "description": "Text made available to assistive technologies, like screen-readers, as the final part of the toggle's accessible name when the section is collapsed. Defaults to `\"Show this section\"`."
+    },
+    {
+        "name": "items",
+        "type": "array",
+        "required": true,
+        "description": "The sections within the accordion.",
+        "params": [
+            {
+                "name": "heading",
+                "type": "object",
+                "required": true,
+                "description": "The heading of each accordion section.",
+                "params": [
+                    {
+                        "name": "text",
+                        "type": "string",
+                        "required": true,
+                        "description": "If `html` is set, this is not required. The heading text of each section. If `html` is provided, the `text` option will be ignored."
+                    },
+                    {
+                        "name": "html",
+                        "type": "string",
+                        "required": true,
+                        "description": "If `text` is set, this is not required. The heading HTML content of each section. The header is inside the HTML `<button>` element, so you can only add [phrasing content](https://html.spec.whatwg.org/#phrasing-content) to it. If `html` is provided, the `text` option will be ignored."
+                    }
+                ]
+            },
+            {
+                "name": "summary",
+                "type": "object",
+                "required": false,
+                "description": "The summary line of each accordion section.",
+                "params": [
+                    {
+                        "name": "text",
+                        "type": "string",
+                        "required": false,
+                        "description": "The summary line text content of each section. If `html` is provided, the `text` option will be ignored."
+                    },
+                    {
+                        "name": "html",
+                        "type": "string",
+                        "required": false,
+                        "description": "The summary line HTML content of each section. The summary line is inside the HTML `<button>` element, so you can only add [phrasing content](https://html.spec.whatwg.org/#phrasing-content) to it. If `html` is provided, the `text` option will be ignored."
+                    }
+                ]
+            },
+            {
+                "name": "content",
+                "type": "object",
+                "required": true,
+                "description": "The content of each accordion section.",
+                "params": [
+                    {
+                        "name": "text",
+                        "type": "string",
+                        "required": true,
+                        "description": "If `html` is set, this is not required. The text content of each section, which is hidden when the section is closed. If `html` is provided, the `text` option will be ignored."
+                    },
+                    {
+                        "name": "html",
+                        "type": "string",
+                        "required": true,
+                        "description": "If `text` is set, this is not required. The HTML content of each section, which is hidden when the section is closed. If `html` is provided, the `text` option will be ignored."
+                    }
+                ]
+            },
+            {
+                "name": "expanded",
+                "type": "boolean",
+                "required": false,
+                "description": "Sets whether the section should be expanded when the page loads for the first time. Defaults to `false`."
+            }
+        ]
+    }
+]
diff --git a/app/templates/govuk/components/accordion/macro.njk b/app/templates/govuk/components/accordion/macro.njk
new file mode 100644
index 0000000..d232037
--- /dev/null
+++ b/app/templates/govuk/components/accordion/macro.njk
@@ -0,0 +1,3 @@
+{% macro govukAccordion(params) %}
+  {%- include "./template.njk" -%}
+{% endmacro %}
diff --git a/app/templates/govuk/components/accordion/template-default.html b/app/templates/govuk/components/accordion/template-default.html
new file mode 100644
index 0000000..36bad56
--- /dev/null
+++ b/app/templates/govuk/components/accordion/template-default.html
@@ -0,0 +1,30 @@
+<div class="govuk-accordion" data-module="govuk-accordion" id="default-example">
+  <div class="govuk-accordion__section">
+    <div class="govuk-accordion__section-header">
+      <h2 class="govuk-accordion__section-heading">
+        <span class="govuk-accordion__section-button" id="default-example-heading-1">
+          Section A
+        </span>
+      </h2>
+    </div>
+    <div id="default-example-content-1" class="govuk-accordion__section-content">
+      <p class="govuk-body">
+        We need to know your nationality so we can work out which elections you’re entitled to vote in. If you cannot provide your nationality, you’ll have to send copies of identity documents through the post.
+      </p>
+    </div>
+  </div>
+  <div class="govuk-accordion__section">
+    <div class="govuk-accordion__section-header">
+      <h2 class="govuk-accordion__section-heading">
+        <span class="govuk-accordion__section-button" id="default-example-heading-2">
+          Section B
+        </span>
+      </h2>
+    </div>
+    <div id="default-example-content-2" class="govuk-accordion__section-content">
+      <ul class="govuk-list govuk-list--bullet">
+        <li>Example item 2</li>
+      </ul>
+    </div>
+  </div>
+</div>
diff --git a/app/templates/govuk/components/accordion/template-with-additional-descriptions.html b/app/templates/govuk/components/accordion/template-with-additional-descriptions.html
new file mode 100644
index 0000000..9f0c36e
--- /dev/null
+++ b/app/templates/govuk/components/accordion/template-with-additional-descriptions.html
@@ -0,0 +1,39 @@
+<div class="govuk-accordion" data-module="govuk-accordion" id="with-descriptions">
+  <div class="govuk-accordion__section">
+    <div class="govuk-accordion__section-header">
+      <h2 class="govuk-accordion__section-heading">
+        <span class="govuk-accordion__section-button" id="with-descriptions-heading-1">
+          Test
+        </span>
+      </h2>
+      <div class="govuk-accordion__section-summary govuk-body" id="with-descriptions-summary-1">
+        Additional description
+      </div>
+    </div>
+    <div id="with-descriptions-content-1" class="govuk-accordion__section-content">
+      <p class="govuk-body">
+        We need to know your nationality so we can work out which elections you’re entitled to vote in. If you cannot provide your nationality, you’ll have to send copies of identity documents through the post.
+      </p>
+      <ul class="govuk-list govuk-list--bullet">
+        <li>Example item 1</li>
+      </ul>
+    </div>
+  </div>
+  <div class="govuk-accordion__section">
+    <div class="govuk-accordion__section-header">
+      <h2 class="govuk-accordion__section-heading">
+        <span class="govuk-accordion__section-button" id="with-descriptions-heading-2">
+          Test 2
+        </span>
+      </h2>
+      <div class="govuk-accordion__section-summary govuk-body" id="with-descriptions-summary-2">
+        <span class="govuk-!-font-weight-regular">Additional description (wrapped in span)</span>
+      </div>
+    </div>
+    <div id="with-descriptions-content-2" class="govuk-accordion__section-content">
+      <ul class="govuk-list govuk-list--bullet">
+        <li>Example item 2</li>
+      </ul>
+    </div>
+  </div>
+</div>
diff --git a/app/templates/govuk/components/accordion/template-with-all-sections-already-open.html b/app/templates/govuk/components/accordion/template-with-all-sections-already-open.html
new file mode 100644
index 0000000..00c6c2a
--- /dev/null
+++ b/app/templates/govuk/components/accordion/template-with-all-sections-already-open.html
@@ -0,0 +1,30 @@
+<div class="govuk-accordion" data-module="govuk-accordion" id="all-sections-open-example">
+  <div class="govuk-accordion__section govuk-accordion__section--expanded">
+    <div class="govuk-accordion__section-header">
+      <h2 class="govuk-accordion__section-heading">
+        <span class="govuk-accordion__section-button" id="all-sections-open-example-heading-1">
+          Section A
+        </span>
+      </h2>
+    </div>
+    <div id="all-sections-open-example-content-1" class="govuk-accordion__section-content">
+      <ul class="govuk-list govuk-list--bullet">
+        <li>Example item 1</li>
+      </ul>
+    </div>
+  </div>
+  <div class="govuk-accordion__section govuk-accordion__section--expanded">
+    <div class="govuk-accordion__section-header">
+      <h2 class="govuk-accordion__section-heading">
+        <span class="govuk-accordion__section-button" id="all-sections-open-example-heading-2">
+          Section B
+        </span>
+      </h2>
+    </div>
+    <div id="all-sections-open-example-content-2" class="govuk-accordion__section-content">
+      <ul class="govuk-list govuk-list--bullet">
+        <li>Example item 2</li>
+      </ul>
+    </div>
+  </div>
+</div>
diff --git a/app/templates/govuk/components/accordion/template-with-long-content-and-description.html b/app/templates/govuk/components/accordion/template-with-long-content-and-description.html
new file mode 100644
index 0000000..61a54da
--- /dev/null
+++ b/app/templates/govuk/components/accordion/template-with-long-content-and-description.html
@@ -0,0 +1,36 @@
+<div class="govuk-accordion" data-module="govuk-accordion" id="with-long-content-and-description">
+  <div class="govuk-accordion__section">
+    <div class="govuk-accordion__section-header">
+      <h2 class="govuk-accordion__section-heading">
+        <span class="govuk-accordion__section-button" id="with-long-content-and-description-heading-1">
+          Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc quis tortor porttitor.
+        </span>
+      </h2>
+      <div class="govuk-accordion__section-summary govuk-body" id="with-long-content-and-description-summary-1">
+        Etiam diam dui, tempus ut pharetra in, aliquet non dui. Nunc pulvinar maximus tortor, ac finibus augue congue vitae. Donec sed cursus lorem.
+      </div>
+    </div>
+    <div id="with-long-content-and-description-content-1" class="govuk-accordion__section-content">
+      <ul class="govuk-list govuk-list--bullet">
+        <li>Example item 1</li>
+      </ul>
+    </div>
+  </div>
+  <div class="govuk-accordion__section">
+    <div class="govuk-accordion__section-header">
+      <h2 class="govuk-accordion__section-heading">
+        <span class="govuk-accordion__section-button" id="with-long-content-and-description-heading-2">
+          Praesent faucibus leo feugiat libero pharetra lacinia. Aliquam aliquet ante vitae mollis vestibulum.
+        </span>
+      </h2>
+      <div class="govuk-accordion__section-summary govuk-body" id="with-long-content-and-description-summary-2">
+        <span class="govuk-!-font-weight-regular">Maecenas nec <abbr>est</abbr> sapien. Etiam varius luctus mauris non porttitor. </span>
+      </div>
+    </div>
+    <div id="with-long-content-and-description-content-2" class="govuk-accordion__section-content">
+      <ul class="govuk-list govuk-list--bullet">
+        <li>Example item 2</li>
+      </ul>
+    </div>
+  </div>
+</div>
diff --git a/app/templates/govuk/components/accordion/template.njk b/app/templates/govuk/components/accordion/template.njk
new file mode 100644
index 0000000..53ecfba
--- /dev/null
+++ b/app/templates/govuk/components/accordion/template.njk
@@ -0,0 +1,67 @@
+{% from "../../macros/attributes.njk" import govukAttributes %}
+{% from "../../macros/i18n.njk" import govukI18nAttributes %}
+
+{%- macro _accordionItem(params, item, index) %}
+  {%- set headingLevel = params.headingLevel if params.headingLevel else 2 %}
+  <div class="govuk-accordion__section {%- if item.expanded %} govuk-accordion__section--expanded{% endif %}">
+    <div class="govuk-accordion__section-header">
+      <h{{ headingLevel }} class="govuk-accordion__section-heading">
+        <span class="govuk-accordion__section-button" id="{{ params.id }}-heading-{{ index }}">
+          {{ item.heading.html | safe | trim | indent(8) if item.heading.html else item.heading.text }}
+        </span>
+      </h{{ headingLevel }}>
+      {% if item.summary.html or item.summary.text %}
+      <div class="govuk-accordion__section-summary govuk-body" id="{{ params.id }}-summary-{{ index }}">
+        {{ item.summary.html | safe | trim | indent(8) if item.summary.html else item.summary.text }}
+      </div>
+      {% endif %}
+    </div>
+    <div id="{{ params.id }}-content-{{ index }}" class="govuk-accordion__section-content">
+    {% if item.content.html %}
+      {{ item.content.html | safe | trim | indent(6) }}
+    {% elif item.content.text %}
+      <p class="govuk-body">
+        {{ item.content.text | trim | indent(8) }}
+      </p>
+    {% endif %}
+    </div>
+  </div>
+{% endmacro -%}
+
+<div class="govuk-accordion {%- if params.classes %} {{ params.classes }}{% endif %}" data-module="govuk-accordion" id="{{ params.id }}"
+  {{- govukI18nAttributes({
+    key: 'hide-all-sections',
+    message: params.hideAllSectionsText
+  }) -}}
+
+  {{- govukI18nAttributes({
+    key: 'hide-section',
+    message: params.hideSectionText
+  }) -}}
+
+  {{- govukI18nAttributes({
+    key: 'hide-section-aria-label',
+    message: params.hideSectionAriaLabelText
+  }) -}}
+
+  {{- govukI18nAttributes({
+    key: 'show-all-sections',
+    message: params.showAllSectionsText
+  }) -}}
+
+  {{- govukI18nAttributes({
+    key: 'show-section',
+    message: params.showSectionText
+  }) -}}
+
+  {{- govukI18nAttributes({
+    key: 'show-section-aria-label',
+    message: params.showSectionAriaLabelText
+  }) -}}
+
+  {%- if params.rememberExpanded !== undefined %} data-remember-expanded="{{ params.rememberExpanded | escape }}"{% endif %}
+  {{- govukAttributes(params.attributes) }}>
+  {% for item in params.items %}
+    {% if item %}{{ _accordionItem(params, item, loop.index) }}{% endif %}
+  {% endfor %}
+</div>
diff --git a/app/templates/govuk/components/back-link/README.md b/app/templates/govuk/components/back-link/README.md
new file mode 100644
index 0000000..9d5baeb
--- /dev/null
+++ b/app/templates/govuk/components/back-link/README.md
@@ -0,0 +1,15 @@
+# Back link
+
+## Installation
+
+See the [main README quick start guide](https://github.com/alphagov/govuk-frontend#quick-start) for how to install this component.
+
+## Guidance and Examples
+
+Find out when to use the back link component in your service in the [GOV.UK Design System](https://design-system.service.gov.uk/components/back-link).
+
+## Component options
+
+Use options to customise the appearance, content and behaviour of a component when using a macro, for example, changing the text.
+
+See [options table](https://design-system.service.gov.uk/components/back-link/#options-back-link-example) for details.
diff --git a/app/templates/govuk/components/back-link/_back-link.scss b/app/templates/govuk/components/back-link/_back-link.scss
new file mode 100644
index 0000000..ca41c57
--- /dev/null
+++ b/app/templates/govuk/components/back-link/_back-link.scss
@@ -0,0 +1,4 @@
+@import "../../base";
+@import "./index";
+
+/*# sourceMappingURL=_back-link.scss.map */
diff --git a/app/templates/govuk/components/back-link/_back-link.scss.map b/app/templates/govuk/components/back-link/_back-link.scss.map
new file mode 100644
index 0000000..054c471
--- /dev/null
+++ b/app/templates/govuk/components/back-link/_back-link.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/back-link/_back-link.scss"],"names":[],"mappings":"AAAA,oBAAoB;AACpB,iBAAiB","file":"_back-link.scss","sourcesContent":["@import \"../../base\";\n@import \"./index\";\n"]}
diff --git a/app/templates/govuk/components/back-link/_index.scss b/app/templates/govuk/components/back-link/_index.scss
new file mode 100644
index 0000000..62e07a4
--- /dev/null
+++ b/app/templates/govuk/components/back-link/_index.scss
@@ -0,0 +1,83 @@
+@include govuk-exports("govuk/component/back-link") {
+  // Component font-size on the Frontend (used for calculations)
+  $font-size: 16;
+
+  // Size of chevron (excluding border)
+  $chevron-size: govuk-em(7px, $font-size);
+
+  // Size of chevron border
+  $chevron-border-min-width: 1px;
+  $chevron-border-width: govuk-em($chevron-border-min-width, $font-size);
+
+  // Colour of chevron
+  $chevron-border-colour: $govuk-secondary-text-colour;
+
+  .govuk-back-link {
+    @include govuk-font-size($size: $font-size);
+    @include govuk-link-common;
+    @include govuk-link-style-text;
+
+    display: inline-block;
+    position: relative;
+
+    margin-top: govuk-spacing(3);
+    margin-bottom: govuk-spacing(3);
+
+    // Allow space for the arrow
+    padding-left: govuk-em(14px, $font-size);
+  }
+
+  // Prepend left pointing chevron
+  .govuk-back-link::before {
+    content: "";
+    display: block;
+
+    // Vertically align with the parent element
+    position: absolute;
+    top: 0;
+    bottom: 0;
+    left: govuk-em(3px, $font-size);
+
+    width: $chevron-size;
+    height: $chevron-size;
+
+    margin: auto 0;
+
+    transform: rotate(225deg);
+
+    border: solid;
+    border-width: $chevron-border-min-width $chevron-border-min-width 0 0;
+    border-color: $chevron-border-colour;
+
+    @supports (border-width: unquote("max(0px)")) {
+      $border-width-eval: "max(#{$chevron-border-min-width}, #{$chevron-border-width})";
+
+      // Ensure that the chevron never gets smaller than 16px
+      border-width: unquote($border-width-eval) unquote($border-width-eval) 0 0;
+      font-size: unquote("max(#{$font-size * 1px}, 1em)");
+    }
+  }
+
+  .govuk-back-link:focus::before {
+    border-color: $govuk-focus-text-colour;
+  }
+
+  .govuk-back-link::after {
+    content: "";
+    position: absolute;
+    top: -14px;
+    right: 0;
+    bottom: -14px;
+    left: 0;
+  }
+
+  .govuk-back-link--inverse {
+    @include govuk-link-style-inverse;
+
+    &::before {
+      border-color: currentcolor;
+    }
+  }
+}
+
+/*# sourceMappingURL=_index.scss.map */
diff --git a/app/templates/govuk/components/back-link/_index.scss.map b/app/templates/govuk/components/back-link/_index.scss.map
new file mode 100644
index 0000000..b6fcbc6
--- /dev/null
+++ b/app/templates/govuk/components/back-link/_index.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/back-link/_index.scss"],"names":[],"mappings":"AAAA;EACE,6DAA6D;EAC7D,cAAc;;EAEd,oCAAoC;EACpC,wCAAwC;;EAExC,wBAAwB;EACxB,8BAA8B;EAC9B,sEAAsE;;EAEtE,mBAAmB;EACnB,oDAAoD;;EAEpD;IACE,2CAA2C;IAC3C,0BAA0B;IAC1B,8BAA8B;;IAE9B,qBAAqB;IACrB,kBAAkB;;IAElB,4BAA4B;IAC5B,+BAA+B;;IAE/B,2BAA2B;IAC3B,wCAAwC;EAC1C;;EAEA,+BAA+B;EAC/B;IACE,WAAW;IACX,cAAc;;IAEd,0CAA0C;IAC1C,kBAAkB;IAClB,MAAM;IACN,SAAS;IACT,+BAA+B;;IAE/B,oBAAoB;IACpB,qBAAqB;;IAErB,cAAc;;IAEd,yBAAyB;;IAEzB,aAAa;IACb,qEAAqE;IACrE,oCAAoC;;IAEpC;MACE,iFAAiF;;MAEjF,sDAAsD;MACtD,yEAAyE;MACzE,mDAAmD;IACrD;EACF;;EAEA;IACE,sCAAsC;EACxC;;EAEA;IACE,WAAW;IACX,kBAAkB;IAClB,UAAU;IACV,QAAQ;IACR,aAAa;IACb,OAAO;EACT;;EAEA;IACE,iCAAiC;;IAEjC;MACE,0BAA0B;IAC5B;EACF;AACF","file":"_index.scss","sourcesContent":["@include govuk-exports(\"govuk/component/back-link\") {\n  // Component font-size on the Frontend (used for calculations)\n  $font-size: 16;\n\n  // Size of chevron (excluding border)\n  $chevron-size: govuk-em(7px, $font-size);\n\n  // Size of chevron border\n  $chevron-border-min-width: 1px;\n  $chevron-border-width: govuk-em($chevron-border-min-width, $font-size);\n\n  // Colour of chevron\n  $chevron-border-colour: $govuk-secondary-text-colour;\n\n  .govuk-back-link {\n    @include govuk-font-size($size: $font-size);\n    @include govuk-link-common;\n    @include govuk-link-style-text;\n\n    display: inline-block;\n    position: relative;\n\n    margin-top: govuk-spacing(3);\n    margin-bottom: govuk-spacing(3);\n\n    // Allow space for the arrow\n    padding-left: govuk-em(14px, $font-size);\n  }\n\n  // Prepend left pointing chevron\n  .govuk-back-link::before {\n    content: \"\";\n    display: block;\n\n    // Vertically align with the parent element\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    left: govuk-em(3px, $font-size);\n\n    width: $chevron-size;\n    height: $chevron-size;\n\n    margin: auto 0;\n\n    transform: rotate(225deg);\n\n    border: solid;\n    border-width: $chevron-border-min-width $chevron-border-min-width 0 0;\n    border-color: $chevron-border-colour;\n\n    @supports (border-width: unquote(\"max(0px)\")) {\n      $border-width-eval: \"max(#{$chevron-border-min-width}, #{$chevron-border-width})\";\n\n      // Ensure that the chevron never gets smaller than 16px\n      border-width: unquote($border-width-eval) unquote($border-width-eval) 0 0;\n      font-size: unquote(\"max(#{$font-size * 1px}, 1em)\");\n    }\n  }\n\n  .govuk-back-link:focus::before {\n    border-color: $govuk-focus-text-colour;\n  }\n\n  .govuk-back-link::after {\n    content: \"\";\n    position: absolute;\n    top: -14px;\n    right: 0;\n    bottom: -14px;\n    left: 0;\n  }\n\n  .govuk-back-link--inverse {\n    @include govuk-link-style-inverse;\n\n    &::before {\n      border-color: currentcolor;\n    }\n  }\n}\n"]}
diff --git a/app/templates/govuk/components/back-link/fixtures.json b/app/templates/govuk/components/back-link/fixtures.json
new file mode 100644
index 0000000..330606d
--- /dev/null
+++ b/app/templates/govuk/components/back-link/fixtures.json
@@ -0,0 +1,86 @@
+{
+    "component": "back-link",
+    "fixtures": [
+        {
+            "name": "default",
+            "options": {},
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": true,
+            "html": "<a href=\"#\" class=\"govuk-back-link\">Back</a>"
+        },
+        {
+            "name": "inverse",
+            "options": {
+                "classes": "govuk-back-link--inverse"
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {
+                "bodyClasses": "app-template__body--inverse"
+            },
+            "screenshot": true,
+            "html": "<a href=\"#\" class=\"govuk-back-link govuk-back-link--inverse\">Back</a>"
+        },
+        {
+            "name": "classes",
+            "options": {
+                "classes": "app-back-link--custom-class"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<a href=\"#\" class=\"govuk-back-link app-back-link--custom-class\">Back</a>"
+        },
+        {
+            "name": "html as text",
+            "options": {
+                "text": "<b>Home</b>"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<a href=\"#\" class=\"govuk-back-link\">&lt;b&gt;Home&lt;/b&gt;</a>"
+        },
+        {
+            "name": "html",
+            "options": {
+                "html": "<b>Back</b>"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<a href=\"#\" class=\"govuk-back-link\"><b>Back</b></a>"
+        },
+        {
+            "name": "with custom text and link",
+            "options": {
+                "href": "/home",
+                "text": "Back to home"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<a href=\"/home\" class=\"govuk-back-link\">Back to home</a>"
+        },
+        {
+            "name": "attributes",
+            "options": {
+                "attributes": {
+                    "data-test": "attribute",
+                    "aria-label": "Back to home"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<a href=\"#\" class=\"govuk-back-link\" data-test=\"attribute\" aria-label=\"Back to home\">Back</a>"
+        }
+    ]
+}
diff --git a/app/templates/govuk/components/back-link/macro-options.json b/app/templates/govuk/components/back-link/macro-options.json
new file mode 100644
index 0000000..232ba4f
--- /dev/null
+++ b/app/templates/govuk/components/back-link/macro-options.json
@@ -0,0 +1,32 @@
+[
+    {
+        "name": "text",
+        "type": "string",
+        "required": false,
+        "description": "Text to use within the back link component. If `html` is provided, the `text` option will be ignored. Defaults to `\"Back\"`."
+    },
+    {
+        "name": "html",
+        "type": "string",
+        "required": false,
+        "description": "HTML to use within the back link component. If `html` is provided, the `text` option will be ignored. Defaults to `\"Back\"`."
+    },
+    {
+        "name": "href",
+        "type": "string",
+        "required": true,
+        "description": "The value of the link's `href` attribute."
+    },
+    {
+        "name": "classes",
+        "type": "string",
+        "required": false,
+        "description": "Classes to add to the anchor tag."
+    },
+    {
+        "name": "attributes",
+        "type": "object",
+        "required": false,
+        "description": "HTML attributes (for example data attributes) to add to the anchor tag."
+    }
+]
diff --git a/app/templates/govuk/components/back-link/macro.njk b/app/templates/govuk/components/back-link/macro.njk
new file mode 100644
index 0000000..efcdad2
--- /dev/null
+++ b/app/templates/govuk/components/back-link/macro.njk
@@ -0,0 +1,3 @@
+{% macro govukBackLink(params) %}
+  {%- include "./template.njk" -%}
+{% endmacro %}
diff --git a/app/templates/govuk/components/back-link/template-default.html b/app/templates/govuk/components/back-link/template-default.html
new file mode 100644
index 0000000..373b097
--- /dev/null
+++ b/app/templates/govuk/components/back-link/template-default.html
@@ -0,0 +1 @@
+<a href="#" class="govuk-back-link">Back</a>
diff --git a/app/templates/govuk/components/back-link/template-inverse.html b/app/templates/govuk/components/back-link/template-inverse.html
new file mode 100644
index 0000000..da85451
--- /dev/null
+++ b/app/templates/govuk/components/back-link/template-inverse.html
@@ -0,0 +1 @@
+<a href="#" class="govuk-back-link govuk-back-link--inverse">Back</a>
diff --git a/app/templates/govuk/components/back-link/template.njk b/app/templates/govuk/components/back-link/template.njk
new file mode 100644
index 0000000..7690314
--- /dev/null
+++ b/app/templates/govuk/components/back-link/template.njk
@@ -0,0 +1,6 @@
+{% from "../../macros/attributes.njk" import govukAttributes -%}
+
+<a href="{{ params.href | default('#', true) }}" class="govuk-back-link {%- if params.classes %} {{ params.classes }}{% endif %}"
+  {{- govukAttributes(params.attributes) }}>
+  {{- params.html | safe if params.html else (params.text | default("Back", true)) -}}
+</a>
diff --git a/app/templates/govuk/components/breadcrumbs/README.md b/app/templates/govuk/components/breadcrumbs/README.md
new file mode 100644
index 0000000..94ab9b5
--- /dev/null
+++ b/app/templates/govuk/components/breadcrumbs/README.md
@@ -0,0 +1,15 @@
+# Breadcrumbs
+
+## Installation
+
+See the [main README quick start guide](https://github.com/alphagov/govuk-frontend#quick-start) for how to install this component.
+
+## Guidance and Examples
+
+Find out when to use the breadcrumbs component in your service in the [GOV.UK Design System](https://design-system.service.gov.uk/components/breadcrumbs).
+
+## Component options
+
+Use options to customise the appearance, content and behaviour of a component when using a macro, for example, changing the text.
+
+See [options table](https://design-system.service.gov.uk/components/breadcrumbs/#options-breadcrumbs-example) for details.
diff --git a/app/templates/govuk/components/breadcrumbs/_breadcrumbs.scss b/app/templates/govuk/components/breadcrumbs/_breadcrumbs.scss
new file mode 100644
index 0000000..d102cd8
--- /dev/null
+++ b/app/templates/govuk/components/breadcrumbs/_breadcrumbs.scss
@@ -0,0 +1,4 @@
+@import "../../base";
+@import "./index";
+
+/*# sourceMappingURL=_breadcrumbs.scss.map */
diff --git a/app/templates/govuk/components/breadcrumbs/_breadcrumbs.scss.map b/app/templates/govuk/components/breadcrumbs/_breadcrumbs.scss.map
new file mode 100644
index 0000000..2169f75
--- /dev/null
+++ b/app/templates/govuk/components/breadcrumbs/_breadcrumbs.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/breadcrumbs/_breadcrumbs.scss"],"names":[],"mappings":"AAAA,oBAAoB;AACpB,iBAAiB","file":"_breadcrumbs.scss","sourcesContent":["@import \"../../base\";\n@import \"./index\";\n"]}
diff --git a/app/templates/govuk/components/breadcrumbs/_index.scss b/app/templates/govuk/components/breadcrumbs/_index.scss
new file mode 100644
index 0000000..b4fb1fd
--- /dev/null
+++ b/app/templates/govuk/components/breadcrumbs/_index.scss
@@ -0,0 +1,134 @@
+@include govuk-exports("govuk/component/breadcrumbs") {
+  // Component font-size on the Frontend (used for calculations)
+  $font-size: 16;
+
+  // Size of chevron (excluding border)
+  $chevron-size: govuk-em(7px, $font-size);
+
+  // Size of chevron border
+  $chevron-border-min-width: 1px;
+  $chevron-border-width: govuk-em($chevron-border-min-width, $font-size);
+
+  // Colour of chevron
+  $chevron-border-colour: $govuk-secondary-text-colour;
+
+  // Calculated altitude (△↕) of the right-angled isosceles chevron with sides
+  // of length 8 (7px + 1px border):
+  //
+  // √(8² + 8²) * 0.5 ≅ 5.655
+  $chevron-altitude-calculated: govuk-em(5.655px, $font-size);
+
+  .govuk-breadcrumbs {
+    @include govuk-font($size: $font-size);
+    @include govuk-text-colour;
+
+    margin-top: govuk-spacing(3);
+    margin-bottom: govuk-spacing(2);
+  }
+
+  .govuk-breadcrumbs__list {
+    @include govuk-clearfix;
+
+    margin: 0;
+    padding: 0;
+    list-style-type: none;
+  }
+
+  .govuk-breadcrumbs__list-item {
+    display: inline-block;
+    position: relative;
+
+    margin-bottom: govuk-spacing(1);
+
+    // Add both margin and padding such that the chevron appears centrally
+    // between each breadcrumb item
+    margin-left: govuk-em(govuk-spacing(2), $font-size);
+    padding-left: govuk-em(govuk-spacing(2), $font-size) + $chevron-altitude-calculated;
+
+    float: left;
+
+    // Create a chevron using a box with borders on two sides, rotated 45deg.
+    &::before {
+      content: "";
+      display: block;
+
+      position: absolute;
+      top: 0;
+      bottom: 0;
+
+      // Offset by the difference between the width of the non-rotated square
+      // and its width when rotated
+      left: (($chevron-altitude-calculated * -2) + $chevron-size + $chevron-border-width);
+
+      width: $chevron-size;
+      height: $chevron-size;
+
+      margin: auto 0;
+
+      transform: rotate(45deg);
+
+      border: solid;
+      border-width: $chevron-border-min-width $chevron-border-min-width 0 0;
+      border-color: $chevron-border-colour;
+
+      @supports (border-width: unquote("max(0px)")) {
+        $border-width-eval: "max(#{$chevron-border-min-width}, #{$chevron-border-width})";
+
+        // Ensure that the chevron never gets smaller than 16px
+        border-width: unquote($border-width-eval) unquote($border-width-eval) 0 0;
+        font-size: unquote("max(#{$font-size * 1px}, 1em)");
+      }
+    }
+
+    &:first-child {
+      margin-left: 0;
+      padding-left: 0;
+
+      &::before {
+        content: none;
+        display: none;
+      }
+    }
+  }
+
+  .govuk-breadcrumbs__link {
+    @include govuk-link-common;
+    @include govuk-link-style-text;
+  }
+
+  .govuk-breadcrumbs--collapse-on-mobile {
+    @include govuk-media-query($until: tablet) {
+      .govuk-breadcrumbs__list-item {
+        display: none;
+
+        &:first-child,
+        &:last-child {
+          display: inline-block;
+        }
+
+        &::before {
+          top: govuk-em(6px, $font-size);
+          margin: 0;
+        }
+      }
+
+      .govuk-breadcrumbs__list {
+        display: flex;
+      }
+    }
+  }
+
+  .govuk-breadcrumbs--inverse {
+    color: govuk-colour("white");
+
+    .govuk-breadcrumbs__link {
+      @include govuk-link-style-inverse;
+    }
+
+    .govuk-breadcrumbs__list-item::before {
+      border-color: currentcolor;
+    }
+  }
+}
+
+/*# sourceMappingURL=_index.scss.map */
diff --git a/app/templates/govuk/components/breadcrumbs/_index.scss.map b/app/templates/govuk/components/breadcrumbs/_index.scss.map
new file mode 100644
index 0000000..936e96e
--- /dev/null
+++ b/app/templates/govuk/components/breadcrumbs/_index.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/breadcrumbs/_index.scss"],"names":[],"mappings":"AAAA;EACE,6DAA6D;EAC7D,cAAc;;EAEd,oCAAoC;EACpC,wCAAwC;;EAExC,wBAAwB;EACxB,8BAA8B;EAC9B,sEAAsE;;EAEtE,mBAAmB;EACnB,oDAAoD;;EAEpD,2EAA2E;EAC3E,iCAAiC;EACjC,CAAC;EACD,0BAA0B;EAC1B,2DAA2D;;EAE3D;IACE,sCAAsC;IACtC,0BAA0B;;IAE1B,4BAA4B;IAC5B,+BAA+B;EACjC;;EAEA;IACE,uBAAuB;;IAEvB,SAAS;IACT,UAAU;IACV,qBAAqB;EACvB;;EAEA;IACE,qBAAqB;IACrB,kBAAkB;;IAElB,+BAA+B;;IAE/B,qEAAqE;IACrE,8BAA8B;IAC9B,mDAAmD;IACnD,mFAAmF;;IAEnF,WAAW;;IAEX,wEAAwE;IACxE;MACE,WAAW;MACX,cAAc;;MAEd,kBAAkB;MAClB,MAAM;MACN,SAAS;;MAET,sEAAsE;MACtE,4BAA4B;MAC5B,mFAAmF;;MAEnF,oBAAoB;MACpB,qBAAqB;;MAErB,cAAc;;MAEd,wBAAwB;;MAExB,aAAa;MACb,qEAAqE;MACrE,oCAAoC;;MAEpC;QACE,iFAAiF;;QAEjF,sDAAsD;QACtD,yEAAyE;QACzE,mDAAmD;MACrD;IACF;;IAEA;MACE,cAAc;MACd,eAAe;;MAEf;QACE,aAAa;QACb,aAAa;MACf;IACF;EACF;;EAEA;IACE,0BAA0B;IAC1B,8BAA8B;EAChC;;EAEA;IACE;MACE;QACE,aAAa;;QAEb;;UAEE,qBAAqB;QACvB;;QAEA;UACE,8BAA8B;UAC9B,SAAS;QACX;MACF;;MAEA;QACE,aAAa;MACf;IACF;EACF;;EAEA;IACE,4BAA4B;;IAE5B;MACE,iCAAiC;IACnC;;IAEA;MACE,0BAA0B;IAC5B;EACF;AACF","file":"_index.scss","sourcesContent":["@include govuk-exports(\"govuk/component/breadcrumbs\") {\n  // Component font-size on the Frontend (used for calculations)\n  $font-size: 16;\n\n  // Size of chevron (excluding border)\n  $chevron-size: govuk-em(7px, $font-size);\n\n  // Size of chevron border\n  $chevron-border-min-width: 1px;\n  $chevron-border-width: govuk-em($chevron-border-min-width, $font-size);\n\n  // Colour of chevron\n  $chevron-border-colour: $govuk-secondary-text-colour;\n\n  // Calculated altitude (△↕) of the right-angled isosceles chevron with sides\n  // of length 8 (7px + 1px border):\n  //\n  // √(8² + 8²) * 0.5 ≅ 5.655\n  $chevron-altitude-calculated: govuk-em(5.655px, $font-size);\n\n  .govuk-breadcrumbs {\n    @include govuk-font($size: $font-size);\n    @include govuk-text-colour;\n\n    margin-top: govuk-spacing(3);\n    margin-bottom: govuk-spacing(2);\n  }\n\n  .govuk-breadcrumbs__list {\n    @include govuk-clearfix;\n\n    margin: 0;\n    padding: 0;\n    list-style-type: none;\n  }\n\n  .govuk-breadcrumbs__list-item {\n    display: inline-block;\n    position: relative;\n\n    margin-bottom: govuk-spacing(1);\n\n    // Add both margin and padding such that the chevron appears centrally\n    // between each breadcrumb item\n    margin-left: govuk-em(govuk-spacing(2), $font-size);\n    padding-left: govuk-em(govuk-spacing(2), $font-size) + $chevron-altitude-calculated;\n\n    float: left;\n\n    // Create a chevron using a box with borders on two sides, rotated 45deg.\n    &::before {\n      content: \"\";\n      display: block;\n\n      position: absolute;\n      top: 0;\n      bottom: 0;\n\n      // Offset by the difference between the width of the non-rotated square\n      // and its width when rotated\n      left: (($chevron-altitude-calculated * -2) + $chevron-size + $chevron-border-width);\n\n      width: $chevron-size;\n      height: $chevron-size;\n\n      margin: auto 0;\n\n      transform: rotate(45deg);\n\n      border: solid;\n      border-width: $chevron-border-min-width $chevron-border-min-width 0 0;\n      border-color: $chevron-border-colour;\n\n      @supports (border-width: unquote(\"max(0px)\")) {\n        $border-width-eval: \"max(#{$chevron-border-min-width}, #{$chevron-border-width})\";\n\n        // Ensure that the chevron never gets smaller than 16px\n        border-width: unquote($border-width-eval) unquote($border-width-eval) 0 0;\n        font-size: unquote(\"max(#{$font-size * 1px}, 1em)\");\n      }\n    }\n\n    &:first-child {\n      margin-left: 0;\n      padding-left: 0;\n\n      &::before {\n        content: none;\n        display: none;\n      }\n    }\n  }\n\n  .govuk-breadcrumbs__link {\n    @include govuk-link-common;\n    @include govuk-link-style-text;\n  }\n\n  .govuk-breadcrumbs--collapse-on-mobile {\n    @include govuk-media-query($until: tablet) {\n      .govuk-breadcrumbs__list-item {\n        display: none;\n\n        &:first-child,\n        &:last-child {\n          display: inline-block;\n        }\n\n        &::before {\n          top: govuk-em(6px, $font-size);\n          margin: 0;\n        }\n      }\n\n      .govuk-breadcrumbs__list {\n        display: flex;\n      }\n    }\n  }\n\n  .govuk-breadcrumbs--inverse {\n    color: govuk-colour(\"white\");\n\n    .govuk-breadcrumbs__link {\n      @include govuk-link-style-inverse;\n    }\n\n    .govuk-breadcrumbs__list-item::before {\n      border-color: currentcolor;\n    }\n  }\n}\n"]}
diff --git a/app/templates/govuk/components/breadcrumbs/fixtures.json b/app/templates/govuk/components/breadcrumbs/fixtures.json
new file mode 100644
index 0000000..b51c56a
--- /dev/null
+++ b/app/templates/govuk/components/breadcrumbs/fixtures.json
@@ -0,0 +1,258 @@
+{
+    "component": "breadcrumbs",
+    "fixtures": [
+        {
+            "name": "default",
+            "options": {
+                "items": [
+                    {
+                        "text": "Home",
+                        "href": "/"
+                    },
+                    {
+                        "text": "Section",
+                        "href": "/section"
+                    },
+                    {
+                        "text": "Sub-section",
+                        "href": "/section/sub-section"
+                    },
+                    {
+                        "text": "Sub Sub-section",
+                        "href": "/section/sub-section/sub-sub-section"
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": true,
+            "html": "<nav class=\"govuk-breadcrumbs\" aria-label=\"Breadcrumb\">\n  <ol class=\"govuk-breadcrumbs__list\">\n    <li class=\"govuk-breadcrumbs__list-item\">\n      <a class=\"govuk-breadcrumbs__link\" href=\"/\">Home</a>\n    </li>\n    <li class=\"govuk-breadcrumbs__list-item\">\n      <a class=\"govuk-breadcrumbs__link\" href=\"/section\">Section</a>\n    </li>\n    <li class=\"govuk-breadcrumbs__list-item\">\n      <a class=\"govuk-breadcrumbs__link\" href=\"/section/sub-section\">Sub-section</a>\n    </li>\n    <li class=\"govuk-breadcrumbs__list-item\">\n      <a class=\"govuk-breadcrumbs__link\" href=\"/section/sub-section/sub-sub-section\">Sub Sub-section</a>\n    </li>\n  </ol>\n</nav>"
+        },
+        {
+            "name": "with one level",
+            "options": {
+                "items": [
+                    {
+                        "text": "Section",
+                        "href": "/section"
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<nav class=\"govuk-breadcrumbs\" aria-label=\"Breadcrumb\">\n  <ol class=\"govuk-breadcrumbs__list\">\n    <li class=\"govuk-breadcrumbs__list-item\">\n      <a class=\"govuk-breadcrumbs__link\" href=\"/section\">Section</a>\n    </li>\n  </ol>\n</nav>"
+        },
+        {
+            "name": "without the home section",
+            "options": {
+                "items": [
+                    {
+                        "text": "Service Manual",
+                        "href": "/service-manual"
+                    },
+                    {
+                        "text": "Agile Delivery",
+                        "href": "/service-manual/agile-delivery"
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<nav class=\"govuk-breadcrumbs\" aria-label=\"Breadcrumb\">\n  <ol class=\"govuk-breadcrumbs__list\">\n    <li class=\"govuk-breadcrumbs__list-item\">\n      <a class=\"govuk-breadcrumbs__link\" href=\"/service-manual\">Service Manual</a>\n    </li>\n    <li class=\"govuk-breadcrumbs__list-item\">\n      <a class=\"govuk-breadcrumbs__link\" href=\"/service-manual/agile-delivery\">Agile Delivery</a>\n    </li>\n  </ol>\n</nav>"
+        },
+        {
+            "name": "with last breadcrumb as current page",
+            "options": {
+                "items": [
+                    {
+                        "text": "Home",
+                        "href": "/"
+                    },
+                    {
+                        "text": "Passports, travel and living abroad",
+                        "href": "/browse/abroad"
+                    },
+                    {
+                        "text": "Travel abroad"
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<nav class=\"govuk-breadcrumbs\" aria-label=\"Breadcrumb\">\n  <ol class=\"govuk-breadcrumbs__list\">\n    <li class=\"govuk-breadcrumbs__list-item\">\n      <a class=\"govuk-breadcrumbs__link\" href=\"/\">Home</a>\n    </li>\n    <li class=\"govuk-breadcrumbs__list-item\">\n      <a class=\"govuk-breadcrumbs__link\" href=\"/browse/abroad\">Passports, travel and living abroad</a>\n    </li>\n    <li class=\"govuk-breadcrumbs__list-item\" aria-current=\"page\">Travel abroad</li>\n  </ol>\n</nav>"
+        },
+        {
+            "name": "with collapse on mobile",
+            "options": {
+                "collapseOnMobile": true,
+                "items": [
+                    {
+                        "text": "Home",
+                        "href": "/"
+                    },
+                    {
+                        "text": "Education, training and skills",
+                        "href": "/education"
+                    },
+                    {
+                        "text": "Special educational needs and disability (SEND) and high needs",
+                        "href": "/education/special-educational-needs-and-disability-send-and-high-needs"
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": true,
+            "html": "<nav class=\"govuk-breadcrumbs govuk-breadcrumbs--collapse-on-mobile\" aria-label=\"Breadcrumb\">\n  <ol class=\"govuk-breadcrumbs__list\">\n    <li class=\"govuk-breadcrumbs__list-item\">\n      <a class=\"govuk-breadcrumbs__link\" href=\"/\">Home</a>\n    </li>\n    <li class=\"govuk-breadcrumbs__list-item\">\n      <a class=\"govuk-breadcrumbs__link\" href=\"/education\">Education, training and skills</a>\n    </li>\n    <li class=\"govuk-breadcrumbs__list-item\">\n      <a class=\"govuk-breadcrumbs__link\" href=\"/education/special-educational-needs-and-disability-send-and-high-needs\">Special educational needs and disability (SEND) and high needs</a>\n    </li>\n  </ol>\n</nav>"
+        },
+        {
+            "name": "inverse",
+            "options": {
+                "classes": "govuk-breadcrumbs--inverse",
+                "items": [
+                    {
+                        "text": "Home",
+                        "href": "/"
+                    },
+                    {
+                        "text": "Passports, travel and living abroad",
+                        "href": "/browse/abroad"
+                    },
+                    {
+                        "text": "Travel abroad"
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "Breadcrumbs that appear on dark backgrounds",
+            "pageTemplateOptions": {
+                "bodyClasses": "app-template__body--inverse"
+            },
+            "screenshot": true,
+            "html": "<nav class=\"govuk-breadcrumbs govuk-breadcrumbs--inverse\" aria-label=\"Breadcrumb\">\n  <ol class=\"govuk-breadcrumbs__list\">\n    <li class=\"govuk-breadcrumbs__list-item\">\n      <a class=\"govuk-breadcrumbs__link\" href=\"/\">Home</a>\n    </li>\n    <li class=\"govuk-breadcrumbs__list-item\">\n      <a class=\"govuk-breadcrumbs__link\" href=\"/browse/abroad\">Passports, travel and living abroad</a>\n    </li>\n    <li class=\"govuk-breadcrumbs__list-item\" aria-current=\"page\">Travel abroad</li>\n  </ol>\n</nav>"
+        },
+        {
+            "name": "classes",
+            "options": {
+                "classes": "app-breadcrumbs--custom-modifier",
+                "items": [
+                    {
+                        "text": "Home"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<nav class=\"govuk-breadcrumbs app-breadcrumbs--custom-modifier\" aria-label=\"Breadcrumb\">\n  <ol class=\"govuk-breadcrumbs__list\">\n    <li class=\"govuk-breadcrumbs__list-item\" aria-current=\"page\">Home</li>\n  </ol>\n</nav>"
+        },
+        {
+            "name": "attributes",
+            "options": {
+                "attributes": {
+                    "id": "my-navigation",
+                    "data-foo": "bar"
+                },
+                "items": [
+                    {
+                        "text": "Home"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<nav class=\"govuk-breadcrumbs\" id=\"my-navigation\" data-foo=\"bar\" aria-label=\"Breadcrumb\">\n  <ol class=\"govuk-breadcrumbs__list\">\n    <li class=\"govuk-breadcrumbs__list-item\" aria-current=\"page\">Home</li>\n  </ol>\n</nav>"
+        },
+        {
+            "name": "item attributes",
+            "options": {
+                "items": [
+                    {
+                        "text": "Section 1",
+                        "href": "/section",
+                        "attributes": {
+                            "data-attribute": "my-attribute",
+                            "data-attribute-2": "my-attribute-2"
+                        }
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<nav class=\"govuk-breadcrumbs\" aria-label=\"Breadcrumb\">\n  <ol class=\"govuk-breadcrumbs__list\">\n    <li class=\"govuk-breadcrumbs__list-item\">\n      <a class=\"govuk-breadcrumbs__link\" href=\"/section\" data-attribute=\"my-attribute\" data-attribute-2=\"my-attribute-2\">Section 1</a>\n    </li>\n  </ol>\n</nav>"
+        },
+        {
+            "name": "html as text",
+            "options": {
+                "items": [
+                    {
+                        "text": "<span>Section 1</span>",
+                        "href": "/section-1"
+                    },
+                    {
+                        "text": "<span>Section 2</span>"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<nav class=\"govuk-breadcrumbs\" aria-label=\"Breadcrumb\">\n  <ol class=\"govuk-breadcrumbs__list\">\n    <li class=\"govuk-breadcrumbs__list-item\">\n      <a class=\"govuk-breadcrumbs__link\" href=\"/section-1\">&lt;span&gt;Section 1&lt;/span&gt;</a>\n    </li>\n    <li class=\"govuk-breadcrumbs__list-item\" aria-current=\"page\">&lt;span&gt;Section 2&lt;/span&gt;</li>\n  </ol>\n</nav>"
+        },
+        {
+            "name": "html",
+            "options": {
+                "items": [
+                    {
+                        "html": "<em>Section 1</em>",
+                        "href": "/section-1"
+                    },
+                    {
+                        "html": "<em>Section 2</em>",
+                        "href": "/section-2"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<nav class=\"govuk-breadcrumbs\" aria-label=\"Breadcrumb\">\n  <ol class=\"govuk-breadcrumbs__list\">\n    <li class=\"govuk-breadcrumbs__list-item\">\n      <a class=\"govuk-breadcrumbs__link\" href=\"/section-1\"><em>Section 1</em></a>\n    </li>\n    <li class=\"govuk-breadcrumbs__list-item\">\n      <a class=\"govuk-breadcrumbs__link\" href=\"/section-2\"><em>Section 2</em></a>\n    </li>\n  </ol>\n</nav>"
+        },
+        {
+            "name": "custom label",
+            "options": {
+                "labelText": "Briwsion bara",
+                "items": [
+                    {
+                        "text": "Hafan",
+                        "href": "/"
+                    },
+                    {
+                        "text": "Sefydliadau",
+                        "href": "/organisations"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<nav class=\"govuk-breadcrumbs\" aria-label=\"Briwsion bara\">\n  <ol class=\"govuk-breadcrumbs__list\">\n    <li class=\"govuk-breadcrumbs__list-item\">\n      <a class=\"govuk-breadcrumbs__link\" href=\"/\">Hafan</a>\n    </li>\n    <li class=\"govuk-breadcrumbs__list-item\">\n      <a class=\"govuk-breadcrumbs__link\" href=\"/organisations\">Sefydliadau</a>\n    </li>\n  </ol>\n</nav>"
+        }
+    ]
+}
diff --git a/app/templates/govuk/components/breadcrumbs/macro-options.json b/app/templates/govuk/components/breadcrumbs/macro-options.json
new file mode 100644
index 0000000..4ac5d1d
--- /dev/null
+++ b/app/templates/govuk/components/breadcrumbs/macro-options.json
@@ -0,0 +1,58 @@
+[
+    {
+        "name": "items",
+        "type": "array",
+        "required": true,
+        "description": "The items within breadcrumbs.",
+        "params": [
+            {
+                "name": "text",
+                "type": "string",
+                "required": true,
+                "description": "If `html` is set, this is not required. Text to use within the breadcrumbs item. If `html` is provided, the `text` option will be ignored."
+            },
+            {
+                "name": "html",
+                "type": "string",
+                "required": true,
+                "description": "If `text` is set, this is not required. HTML to use within the breadcrumbs item. If `html` is provided, the `text` option will be ignored."
+            },
+            {
+                "name": "href",
+                "type": "string",
+                "required": false,
+                "description": "Link for the breadcrumbs item. If not specified, breadcrumbs item is a normal list item."
+            },
+            {
+                "name": "attributes",
+                "type": "object",
+                "required": false,
+                "description": "HTML attributes (for example data attributes) to add to the individual crumb."
+            }
+        ]
+    },
+    {
+        "name": "classes",
+        "type": "string",
+        "required": false,
+        "description": "Classes to add to the breadcrumbs container."
+    },
+    {
+        "name": "collapseOnMobile",
+        "type": "boolean",
+        "required": false,
+        "description": "When true, the breadcrumbs will collapse to the first and last item only on tablet breakpoint and below."
+    },
+    {
+        "name": "attributes",
+        "type": "object",
+        "required": false,
+        "description": "HTML attributes (for example data attributes) to add to the breadcrumbs container."
+    },
+    {
+        "name": "labelText",
+        "type": "string",
+        "required": false,
+        "description": "Plain text label identifying the landmark to screen readers. Defaults to \"Breadcrumb\"."
+    }
+]
diff --git a/app/templates/govuk/components/breadcrumbs/macro.njk b/app/templates/govuk/components/breadcrumbs/macro.njk
new file mode 100644
index 0000000..e215bea
--- /dev/null
+++ b/app/templates/govuk/components/breadcrumbs/macro.njk
@@ -0,0 +1,3 @@
+{% macro govukBreadcrumbs(params) %}
+  {%- include "./template.njk" -%}
+{% endmacro %}
diff --git a/app/templates/govuk/components/breadcrumbs/template-default.html b/app/templates/govuk/components/breadcrumbs/template-default.html
new file mode 100644
index 0000000..f9cf0ba
--- /dev/null
+++ b/app/templates/govuk/components/breadcrumbs/template-default.html
@@ -0,0 +1,16 @@
+<nav class="govuk-breadcrumbs" aria-label="Breadcrumb">
+  <ol class="govuk-breadcrumbs__list">
+    <li class="govuk-breadcrumbs__list-item">
+      <a class="govuk-breadcrumbs__link" href="/">Home</a>
+    </li>
+    <li class="govuk-breadcrumbs__list-item">
+      <a class="govuk-breadcrumbs__link" href="/section">Section</a>
+    </li>
+    <li class="govuk-breadcrumbs__list-item">
+      <a class="govuk-breadcrumbs__link" href="/section/sub-section">Sub-section</a>
+    </li>
+    <li class="govuk-breadcrumbs__list-item">
+      <a class="govuk-breadcrumbs__link" href="/section/sub-section/sub-sub-section">Sub Sub-section</a>
+    </li>
+  </ol>
+</nav>
diff --git a/app/templates/govuk/components/breadcrumbs/template-inverse.html b/app/templates/govuk/components/breadcrumbs/template-inverse.html
new file mode 100644
index 0000000..d1879ec
--- /dev/null
+++ b/app/templates/govuk/components/breadcrumbs/template-inverse.html
@@ -0,0 +1,11 @@
+<nav class="govuk-breadcrumbs govuk-breadcrumbs--inverse" aria-label="Breadcrumb">
+  <ol class="govuk-breadcrumbs__list">
+    <li class="govuk-breadcrumbs__list-item">
+      <a class="govuk-breadcrumbs__link" href="/">Home</a>
+    </li>
+    <li class="govuk-breadcrumbs__list-item">
+      <a class="govuk-breadcrumbs__link" href="/browse/abroad">Passports, travel and living abroad</a>
+    </li>
+    <li class="govuk-breadcrumbs__list-item" aria-current="page">Travel abroad</li>
+  </ol>
+</nav>
diff --git a/app/templates/govuk/components/breadcrumbs/template-with-collapse-on-mobile.html b/app/templates/govuk/components/breadcrumbs/template-with-collapse-on-mobile.html
new file mode 100644
index 0000000..1b4af87
--- /dev/null
+++ b/app/templates/govuk/components/breadcrumbs/template-with-collapse-on-mobile.html
@@ -0,0 +1,13 @@
+<nav class="govuk-breadcrumbs govuk-breadcrumbs--collapse-on-mobile" aria-label="Breadcrumb">
+  <ol class="govuk-breadcrumbs__list">
+    <li class="govuk-breadcrumbs__list-item">
+      <a class="govuk-breadcrumbs__link" href="/">Home</a>
+    </li>
+    <li class="govuk-breadcrumbs__list-item">
+      <a class="govuk-breadcrumbs__link" href="/education">Education, training and skills</a>
+    </li>
+    <li class="govuk-breadcrumbs__list-item">
+      <a class="govuk-breadcrumbs__link" href="/education/special-educational-needs-and-disability-send-and-high-needs">Special educational needs and disability (SEND) and high needs</a>
+    </li>
+  </ol>
+</nav>
diff --git a/app/templates/govuk/components/breadcrumbs/template-with-last-breadcrumb-as-current-page.html b/app/templates/govuk/components/breadcrumbs/template-with-last-breadcrumb-as-current-page.html
new file mode 100644
index 0000000..af6bcc1
--- /dev/null
+++ b/app/templates/govuk/components/breadcrumbs/template-with-last-breadcrumb-as-current-page.html
@@ -0,0 +1,11 @@
+<nav class="govuk-breadcrumbs" aria-label="Breadcrumb">
+  <ol class="govuk-breadcrumbs__list">
+    <li class="govuk-breadcrumbs__list-item">
+      <a class="govuk-breadcrumbs__link" href="/">Home</a>
+    </li>
+    <li class="govuk-breadcrumbs__list-item">
+      <a class="govuk-breadcrumbs__link" href="/browse/abroad">Passports, travel and living abroad</a>
+    </li>
+    <li class="govuk-breadcrumbs__list-item" aria-current="page">Travel abroad</li>
+  </ol>
+</nav>
diff --git a/app/templates/govuk/components/breadcrumbs/template-with-one-level.html b/app/templates/govuk/components/breadcrumbs/template-with-one-level.html
new file mode 100644
index 0000000..50085fd
--- /dev/null
+++ b/app/templates/govuk/components/breadcrumbs/template-with-one-level.html
@@ -0,0 +1,7 @@
+<nav class="govuk-breadcrumbs" aria-label="Breadcrumb">
+  <ol class="govuk-breadcrumbs__list">
+    <li class="govuk-breadcrumbs__list-item">
+      <a class="govuk-breadcrumbs__link" href="/section">Section</a>
+    </li>
+  </ol>
+</nav>
diff --git a/app/templates/govuk/components/breadcrumbs/template-without-the-home-section.html b/app/templates/govuk/components/breadcrumbs/template-without-the-home-section.html
new file mode 100644
index 0000000..39d3bc3
--- /dev/null
+++ b/app/templates/govuk/components/breadcrumbs/template-without-the-home-section.html
@@ -0,0 +1,10 @@
+<nav class="govuk-breadcrumbs" aria-label="Breadcrumb">
+  <ol class="govuk-breadcrumbs__list">
+    <li class="govuk-breadcrumbs__list-item">
+      <a class="govuk-breadcrumbs__link" href="/service-manual">Service Manual</a>
+    </li>
+    <li class="govuk-breadcrumbs__list-item">
+      <a class="govuk-breadcrumbs__link" href="/service-manual/agile-delivery">Agile Delivery</a>
+    </li>
+  </ol>
+</nav>
diff --git a/app/templates/govuk/components/breadcrumbs/template.njk b/app/templates/govuk/components/breadcrumbs/template.njk
new file mode 100644
index 0000000..b6d0942
--- /dev/null
+++ b/app/templates/govuk/components/breadcrumbs/template.njk
@@ -0,0 +1,30 @@
+{% from "../../macros/attributes.njk" import govukAttributes %}
+
+{#- Set classes for this component #}
+{%- set classNames = "govuk-breadcrumbs" -%}
+
+{% if params.classes %}
+  {% set classNames = classNames + " " + params.classes %}
+{% endif -%}
+
+{% if params.collapseOnMobile %}
+  {% set classNames = classNames + " govuk-breadcrumbs--collapse-on-mobile" %}
+{% endif -%}
+
+<nav class="{{ classNames }}" {{- govukAttributes(params.attributes) }} aria-label="{{ params.labelText | default("Breadcrumb") }}">
+  <ol class="govuk-breadcrumbs__list">
+{% for item in params.items %}
+  {% if item.href %}
+    <li class="govuk-breadcrumbs__list-item">
+      <a class="govuk-breadcrumbs__link" href="{{ item.href }}" {{- govukAttributes(item.attributes) }}>
+        {{- item.html | safe if item.html else item.text -}}
+      </a>
+    </li>
+  {% else %}
+    <li class="govuk-breadcrumbs__list-item" aria-current="page">
+      {{- item.html | safe if item.html else item.text -}}
+    </li>
+  {% endif %}
+{% endfor %}
+  </ol>
+</nav>
diff --git a/app/templates/govuk/components/button/README.md b/app/templates/govuk/components/button/README.md
new file mode 100644
index 0000000..6548fb7
--- /dev/null
+++ b/app/templates/govuk/components/button/README.md
@@ -0,0 +1,15 @@
+# Button
+
+## Installation
+
+See the [main README quick start guide](https://github.com/alphagov/govuk-frontend#quick-start) for how to install this component.
+
+## Guidance and Examples
+
+Find out when to use the button component in your service in the [GOV.UK Design System](https://design-system.service.gov.uk/components/button).
+
+## Component options
+
+Use options to customise the appearance, content and behaviour of a component when using a macro, for example, changing the text.
+
+See [options table](https://design-system.service.gov.uk/components/button/#options-button-example) for details.
diff --git a/app/templates/govuk/components/button/_button.scss b/app/templates/govuk/components/button/_button.scss
new file mode 100644
index 0000000..a8d9b27
--- /dev/null
+++ b/app/templates/govuk/components/button/_button.scss
@@ -0,0 +1,4 @@
+@import "../../base";
+@import "./index";
+
+/*# sourceMappingURL=_button.scss.map */
diff --git a/app/templates/govuk/components/button/_button.scss.map b/app/templates/govuk/components/button/_button.scss.map
new file mode 100644
index 0000000..30db6a1
--- /dev/null
+++ b/app/templates/govuk/components/button/_button.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/button/_button.scss"],"names":[],"mappings":"AAAA,oBAAoB;AACpB,iBAAiB","file":"_button.scss","sourcesContent":["@import \"../../base\";\n@import \"./index\";\n"]}
diff --git a/app/templates/govuk/components/button/_index.scss b/app/templates/govuk/components/button/_index.scss
new file mode 100644
index 0000000..0df98a4
--- /dev/null
+++ b/app/templates/govuk/components/button/_index.scss
@@ -0,0 +1,262 @@
+////
+/// @group components/button
+////
+
+/// Button component background colour
+///
+/// @type Colour
+/// @access public
+
+$govuk-button-background-colour: govuk-colour("green") !default;
+
+/// Button component text colour
+///
+/// @type Colour
+/// @access public
+
+$govuk-button-text-colour: govuk-colour("white") !default;
+
+/// Inverted button component background colour
+///
+/// @type Colour
+/// @access public
+
+$govuk-inverse-button-background-colour: govuk-colour("white") !default;
+
+/// Inverted button component text colour
+///
+/// @type Colour
+/// @access public
+
+$govuk-inverse-button-text-colour: $govuk-brand-colour !default;
+
+@include govuk-exports("govuk/component/button") {
+  $govuk-button-colour: $govuk-button-background-colour;
+  $govuk-button-text-colour: $govuk-button-text-colour;
+  $govuk-button-hover-colour: govuk-shade($govuk-button-colour, 20%);
+  $govuk-button-shadow-colour: govuk-shade($govuk-button-colour, 60%);
+
+  // Secondary button variables
+  $govuk-secondary-button-colour: govuk-colour("light-grey");
+  $govuk-secondary-button-text-colour: govuk-colour("black");
+  $govuk-secondary-button-hover-colour: govuk-shade($govuk-secondary-button-colour, 10%);
+  $govuk-secondary-button-shadow-colour: govuk-shade($govuk-secondary-button-colour, 40%);
+
+  // Warning button variables
+  $govuk-warning-button-colour: govuk-colour("red");
+  $govuk-warning-button-text-colour: govuk-colour("white");
+  $govuk-warning-button-hover-colour: govuk-shade($govuk-warning-button-colour, 20%);
+  $govuk-warning-button-shadow-colour: govuk-shade($govuk-warning-button-colour, 60%);
+
+  // Inverse button variables
+  $govuk-inverse-button-colour: $govuk-inverse-button-background-colour;
+  $govuk-inverse-button-text-colour: $govuk-inverse-button-text-colour;
+  $govuk-inverse-button-hover-colour: govuk-tint($govuk-inverse-button-text-colour, 90%);
+  $govuk-inverse-button-shadow-colour: govuk-shade($govuk-inverse-button-text-colour, 30%);
+
+  // Because the shadow (s0) is visually 'part of' the button, we need to reduce
+  // the height of the button to compensate by adjusting its padding (s1) and
+  // increase the bottom margin to include it (s2).
+  $button-shadow-size: $govuk-border-width-form-element;
+
+  .govuk-button {
+    @include govuk-font($size: 19, $line-height: 19px);
+
+    box-sizing: border-box;
+    display: inline-block;
+    position: relative;
+    width: 100%;
+    margin-top: 0;
+    margin-right: 0;
+    margin-left: 0;
+    @include govuk-responsive-margin(6, "bottom", $adjustment: $button-shadow-size); // s2
+    padding: (govuk-spacing(2) - $govuk-border-width-form-element) govuk-spacing(2)
+      (govuk-spacing(2) - $govuk-border-width-form-element - ($button-shadow-size / 2)); // s1
+    border: $govuk-border-width-form-element solid transparent;
+    border-radius: 0;
+    color: $govuk-button-text-colour;
+    background-color: $govuk-button-colour;
+    box-shadow: 0 $button-shadow-size 0 $govuk-button-shadow-colour; // s0
+    text-align: center;
+    vertical-align: top;
+    cursor: pointer;
+    -webkit-appearance: none;
+
+    @include govuk-media-query($from: tablet) {
+      width: auto;
+    }
+
+    // Ensure that any global link styles are overridden
+    &:link,
+    &:visited,
+    &:active,
+    &:hover {
+      color: $govuk-button-text-colour;
+      text-decoration: none;
+    }
+
+    // Fix unwanted button padding in Firefox
+    &::-moz-focus-inner {
+      padding: 0;
+      border: 0;
+    }
+
+    &:hover {
+      background-color: $govuk-button-hover-colour;
+    }
+
+    &:active {
+      // Bump the button down so it looks like its being pressed in
+      top: $button-shadow-size;
+    }
+
+    &:focus {
+      border-color: $govuk-focus-colour;
+      outline: $govuk-focus-width solid transparent;
+      box-shadow: inset 0 0 0 1px $govuk-focus-colour;
+    }
+
+    &:focus:not(:active):not(:hover) {
+      border-color: $govuk-focus-colour;
+      color: $govuk-focus-text-colour;
+      background-color: $govuk-focus-colour;
+      box-shadow: 0 2px 0 $govuk-focus-text-colour;
+    }
+
+    // The following adjustments do not work for <input type="button"> as
+    // non-container elements cannot include pseudo elements (i.e. ::before).
+
+    // Use a pseudo element to expand the click target area to include the
+    // button's shadow as well, in case users try to click it.
+    &::before {
+      content: "";
+      display: block;
+
+      position: absolute;
+
+      top: -$govuk-border-width-form-element;
+      right: -$govuk-border-width-form-element;
+      bottom: -($govuk-border-width-form-element + $button-shadow-size);
+      left: -$govuk-border-width-form-element;
+
+      background: transparent;
+    }
+
+    // When the button is active it is shifted down by $button-shadow-size to
+    // denote a 'pressed' state. If the user happened to click at the very top
+    // of the button, their mouse is no longer over the button (because it has
+    // 'moved beneath them') and so the click event is not fired.
+    //
+    // This corrects that by shifting the top of the pseudo element so that it
+    // continues to cover the area that the user originally clicked, which means
+    // the click event is still fired.
+    //
+    // 🎉
+    &:active::before {
+      top: -($govuk-border-width-form-element + $button-shadow-size);
+    }
+  }
+
+  .govuk-button[disabled] {
+    opacity: (0.5);
+
+    &:hover {
+      background-color: $govuk-button-colour;
+      cursor: not-allowed;
+    }
+
+    &:active {
+      top: 0;
+      box-shadow: 0 $button-shadow-size 0 $govuk-button-shadow-colour; // s0
+    }
+  }
+
+  .govuk-button--secondary {
+    background-color: $govuk-secondary-button-colour;
+    box-shadow: 0 $button-shadow-size 0 $govuk-secondary-button-shadow-colour;
+
+    &,
+    &:link,
+    &:visited,
+    &:active,
+    &:hover {
+      color: $govuk-secondary-button-text-colour;
+    }
+
+    &:hover {
+      background-color: $govuk-secondary-button-hover-colour;
+
+      &[disabled] {
+        background-color: $govuk-secondary-button-colour;
+      }
+    }
+  }
+
+  .govuk-button--warning {
+    background-color: $govuk-warning-button-colour;
+    box-shadow: 0 $button-shadow-size 0 $govuk-warning-button-shadow-colour;
+
+    &,
+    &:link,
+    &:visited,
+    &:active,
+    &:hover {
+      color: $govuk-warning-button-text-colour;
+    }
+
+    &:hover {
+      background-color: $govuk-warning-button-hover-colour;
+
+      &[disabled] {
+        background-color: $govuk-warning-button-colour;
+      }
+    }
+  }
+
+  .govuk-button--inverse {
+    background-color: $govuk-inverse-button-colour;
+    box-shadow: 0 $button-shadow-size 0 $govuk-inverse-button-shadow-colour;
+
+    &,
+    &:link,
+    &:visited,
+    &:active,
+    &:hover {
+      color: $govuk-inverse-button-text-colour;
+    }
+
+    &:hover {
+      background-color: $govuk-inverse-button-hover-colour;
+
+      &[disabled] {
+        background-color: $govuk-inverse-button-colour;
+      }
+    }
+  }
+
+  .govuk-button--start {
+    @include govuk-typography-weight-bold;
+    @include govuk-font-size($size: 24, $line-height: 1);
+
+    display: inline-flex;
+    min-height: auto;
+
+    justify-content: center;
+  }
+
+  .govuk-button__start-icon {
+    margin-left: govuk-spacing(1);
+
+    @include govuk-media-query($from: desktop) {
+      margin-left: govuk-spacing(2);
+    }
+    vertical-align: middle;
+    flex-shrink: 0;
+    align-self: center;
+    // Work around SVGs not inheriting color from parent in forced color mode
+    // (https://github.com/w3c/csswg-drafts/issues/6310)
+    forced-color-adjust: auto;
+  }
+}
+
+/*# sourceMappingURL=_index.scss.map */
diff --git a/app/templates/govuk/components/button/_index.scss.map b/app/templates/govuk/components/button/_index.scss.map
new file mode 100644
index 0000000..2b7f576
--- /dev/null
+++ b/app/templates/govuk/components/button/_index.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/button/_index.scss"],"names":[],"mappings":"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","file":"_index.scss","sourcesContent":["////\n/// @group components/button\n////\n\n/// Button component background colour\n///\n/// @type Colour\n/// @access public\n\n$govuk-button-background-colour: govuk-colour(\"green\") !default;\n\n/// Button component text colour\n///\n/// @type Colour\n/// @access public\n\n$govuk-button-text-colour: govuk-colour(\"white\") !default;\n\n/// Inverted button component background colour\n///\n/// @type Colour\n/// @access public\n\n$govuk-inverse-button-background-colour: govuk-colour(\"white\") !default;\n\n/// Inverted button component text colour\n///\n/// @type Colour\n/// @access public\n\n$govuk-inverse-button-text-colour: $govuk-brand-colour !default;\n\n@include govuk-exports(\"govuk/component/button\") {\n  $govuk-button-colour: $govuk-button-background-colour;\n  $govuk-button-text-colour: $govuk-button-text-colour;\n  $govuk-button-hover-colour: govuk-shade($govuk-button-colour, 20%);\n  $govuk-button-shadow-colour: govuk-shade($govuk-button-colour, 60%);\n\n  // Secondary button variables\n  $govuk-secondary-button-colour: govuk-colour(\"light-grey\");\n  $govuk-secondary-button-text-colour: govuk-colour(\"black\");\n  $govuk-secondary-button-hover-colour: govuk-shade($govuk-secondary-button-colour, 10%);\n  $govuk-secondary-button-shadow-colour: govuk-shade($govuk-secondary-button-colour, 40%);\n\n  // Warning button variables\n  $govuk-warning-button-colour: govuk-colour(\"red\");\n  $govuk-warning-button-text-colour: govuk-colour(\"white\");\n  $govuk-warning-button-hover-colour: govuk-shade($govuk-warning-button-colour, 20%);\n  $govuk-warning-button-shadow-colour: govuk-shade($govuk-warning-button-colour, 60%);\n\n  // Inverse button variables\n  $govuk-inverse-button-colour: $govuk-inverse-button-background-colour;\n  $govuk-inverse-button-text-colour: $govuk-inverse-button-text-colour;\n  $govuk-inverse-button-hover-colour: govuk-tint($govuk-inverse-button-text-colour, 90%);\n  $govuk-inverse-button-shadow-colour: govuk-shade($govuk-inverse-button-text-colour, 30%);\n\n  // Because the shadow (s0) is visually 'part of' the button, we need to reduce\n  // the height of the button to compensate by adjusting its padding (s1) and\n  // increase the bottom margin to include it (s2).\n  $button-shadow-size: $govuk-border-width-form-element;\n\n  .govuk-button {\n    @include govuk-font($size: 19, $line-height: 19px);\n\n    box-sizing: border-box;\n    display: inline-block;\n    position: relative;\n    width: 100%;\n    margin-top: 0;\n    margin-right: 0;\n    margin-left: 0;\n    @include govuk-responsive-margin(6, \"bottom\", $adjustment: $button-shadow-size); // s2\n    padding: (govuk-spacing(2) - $govuk-border-width-form-element) govuk-spacing(2)\n      (govuk-spacing(2) - $govuk-border-width-form-element - ($button-shadow-size / 2)); // s1\n    border: $govuk-border-width-form-element solid transparent;\n    border-radius: 0;\n    color: $govuk-button-text-colour;\n    background-color: $govuk-button-colour;\n    box-shadow: 0 $button-shadow-size 0 $govuk-button-shadow-colour; // s0\n    text-align: center;\n    vertical-align: top;\n    cursor: pointer;\n    -webkit-appearance: none;\n\n    @include govuk-media-query($from: tablet) {\n      width: auto;\n    }\n\n    // Ensure that any global link styles are overridden\n    &:link,\n    &:visited,\n    &:active,\n    &:hover {\n      color: $govuk-button-text-colour;\n      text-decoration: none;\n    }\n\n    // Fix unwanted button padding in Firefox\n    &::-moz-focus-inner {\n      padding: 0;\n      border: 0;\n    }\n\n    &:hover {\n      background-color: $govuk-button-hover-colour;\n    }\n\n    &:active {\n      // Bump the button down so it looks like its being pressed in\n      top: $button-shadow-size;\n    }\n\n    &:focus {\n      border-color: $govuk-focus-colour;\n      outline: $govuk-focus-width solid transparent;\n      box-shadow: inset 0 0 0 1px $govuk-focus-colour;\n    }\n\n    &:focus:not(:active):not(:hover) {\n      border-color: $govuk-focus-colour;\n      color: $govuk-focus-text-colour;\n      background-color: $govuk-focus-colour;\n      box-shadow: 0 2px 0 $govuk-focus-text-colour;\n    }\n\n    // The following adjustments do not work for <input type=\"button\"> as\n    // non-container elements cannot include pseudo elements (i.e. ::before).\n\n    // Use a pseudo element to expand the click target area to include the\n    // button's shadow as well, in case users try to click it.\n    &::before {\n      content: \"\";\n      display: block;\n\n      position: absolute;\n\n      top: -$govuk-border-width-form-element;\n      right: -$govuk-border-width-form-element;\n      bottom: -($govuk-border-width-form-element + $button-shadow-size);\n      left: -$govuk-border-width-form-element;\n\n      background: transparent;\n    }\n\n    // When the button is active it is shifted down by $button-shadow-size to\n    // denote a 'pressed' state. If the user happened to click at the very top\n    // of the button, their mouse is no longer over the button (because it has\n    // 'moved beneath them') and so the click event is not fired.\n    //\n    // This corrects that by shifting the top of the pseudo element so that it\n    // continues to cover the area that the user originally clicked, which means\n    // the click event is still fired.\n    //\n    // 🎉\n    &:active::before {\n      top: -($govuk-border-width-form-element + $button-shadow-size);\n    }\n  }\n\n  .govuk-button[disabled] {\n    opacity: (0.5);\n\n    &:hover {\n      background-color: $govuk-button-colour;\n      cursor: not-allowed;\n    }\n\n    &:active {\n      top: 0;\n      box-shadow: 0 $button-shadow-size 0 $govuk-button-shadow-colour; // s0\n    }\n  }\n\n  .govuk-button--secondary {\n    background-color: $govuk-secondary-button-colour;\n    box-shadow: 0 $button-shadow-size 0 $govuk-secondary-button-shadow-colour;\n\n    &,\n    &:link,\n    &:visited,\n    &:active,\n    &:hover {\n      color: $govuk-secondary-button-text-colour;\n    }\n\n    &:hover {\n      background-color: $govuk-secondary-button-hover-colour;\n\n      &[disabled] {\n        background-color: $govuk-secondary-button-colour;\n      }\n    }\n  }\n\n  .govuk-button--warning {\n    background-color: $govuk-warning-button-colour;\n    box-shadow: 0 $button-shadow-size 0 $govuk-warning-button-shadow-colour;\n\n    &,\n    &:link,\n    &:visited,\n    &:active,\n    &:hover {\n      color: $govuk-warning-button-text-colour;\n    }\n\n    &:hover {\n      background-color: $govuk-warning-button-hover-colour;\n\n      &[disabled] {\n        background-color: $govuk-warning-button-colour;\n      }\n    }\n  }\n\n  .govuk-button--inverse {\n    background-color: $govuk-inverse-button-colour;\n    box-shadow: 0 $button-shadow-size 0 $govuk-inverse-button-shadow-colour;\n\n    &,\n    &:link,\n    &:visited,\n    &:active,\n    &:hover {\n      color: $govuk-inverse-button-text-colour;\n    }\n\n    &:hover {\n      background-color: $govuk-inverse-button-hover-colour;\n\n      &[disabled] {\n        background-color: $govuk-inverse-button-colour;\n      }\n    }\n  }\n\n  .govuk-button--start {\n    @include govuk-typography-weight-bold;\n    @include govuk-font-size($size: 24, $line-height: 1);\n\n    display: inline-flex;\n    min-height: auto;\n\n    justify-content: center;\n  }\n\n  .govuk-button__start-icon {\n    margin-left: govuk-spacing(1);\n\n    @include govuk-media-query($from: desktop) {\n      margin-left: govuk-spacing(2);\n    }\n    vertical-align: middle;\n    flex-shrink: 0;\n    align-self: center;\n    // Work around SVGs not inheriting color from parent in forced color mode\n    // (https://github.com/w3c/csswg-drafts/issues/6310)\n    forced-color-adjust: auto;\n  }\n}\n"]}
diff --git a/app/templates/govuk/components/button/button.bundle.js b/app/templates/govuk/components/button/button.bundle.js
new file mode 100644
index 0000000..323f20e
--- /dev/null
+++ b/app/templates/govuk/components/button/button.bundle.js
@@ -0,0 +1,365 @@
+(function (global, factory) {
+  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports) :
+  typeof define === 'function' && define.amd ? define(['exports'], factory) :
+  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.GOVUKFrontend = global.GOVUKFrontend || {}));
+})(this, (function (exports) { 'use strict';
+
+  function isInitialised($root, moduleName) {
+    return $root instanceof HTMLElement && $root.hasAttribute(`data-${moduleName}-init`);
+  }
+
+  /**
+   * Checks if GOV.UK Frontend is supported on this page
+   *
+   * Some browsers will load and run our JavaScript but GOV.UK Frontend
+   * won't be supported.
+   *
+   * @param {HTMLElement | null} [$scope] - (internal) `<body>` HTML element checked for browser support
+   * @returns {boolean} Whether GOV.UK Frontend is supported on this page
+   */
+  function isSupported($scope = document.body) {
+    if (!$scope) {
+      return false;
+    }
+    return $scope.classList.contains('govuk-frontend-supported');
+  }
+  function isArray(option) {
+    return Array.isArray(option);
+  }
+  function isObject(option) {
+    return !!option && typeof option === 'object' && !isArray(option);
+  }
+  function formatErrorMessage(Component, message) {
+    return `${Component.moduleName}: ${message}`;
+  }
+  /**
+   * @typedef ComponentWithModuleName
+   * @property {string} moduleName - Name of the component
+   */
+
+  class GOVUKFrontendError extends Error {
+    constructor(...args) {
+      super(...args);
+      this.name = 'GOVUKFrontendError';
+    }
+  }
+  class SupportError extends GOVUKFrontendError {
+    /**
+     * Checks if GOV.UK Frontend is supported on this page
+     *
+     * @param {HTMLElement | null} [$scope] - HTML element `<body>` checked for browser support
+     */
+    constructor($scope = document.body) {
+      const supportMessage = 'noModule' in HTMLScriptElement.prototype ? 'GOV.UK Frontend initialised without `<body class="govuk-frontend-supported">` from template `<script>` snippet' : 'GOV.UK Frontend is not supported in this browser';
+      super($scope ? supportMessage : 'GOV.UK Frontend initialised without `<script type="module">`');
+      this.name = 'SupportError';
+    }
+  }
+  class ConfigError extends GOVUKFrontendError {
+    constructor(...args) {
+      super(...args);
+      this.name = 'ConfigError';
+    }
+  }
+  class ElementError extends GOVUKFrontendError {
+    constructor(messageOrOptions) {
+      let message = typeof messageOrOptions === 'string' ? messageOrOptions : '';
+      if (isObject(messageOrOptions)) {
+        const {
+          component,
+          identifier,
+          element,
+          expectedType
+        } = messageOrOptions;
+        message = identifier;
+        message += element ? ` is not of type ${expectedType != null ? expectedType : 'HTMLElement'}` : ' not found';
+        if (component) {
+          message = formatErrorMessage(component, message);
+        }
+      }
+      super(message);
+      this.name = 'ElementError';
+    }
+  }
+  class InitError extends GOVUKFrontendError {
+    constructor(componentOrMessage) {
+      const message = typeof componentOrMessage === 'string' ? componentOrMessage : formatErrorMessage(componentOrMessage, `Root element (\`$root\`) already initialised`);
+      super(message);
+      this.name = 'InitError';
+    }
+  }
+  /**
+   * @import { ComponentWithModuleName } from '../common/index.mjs'
+   */
+
+  class Component {
+    /**
+     * Returns the root element of the component
+     *
+     * @protected
+     * @returns {RootElementType} - the root element of component
+     */
+    get $root() {
+      return this._$root;
+    }
+    constructor($root) {
+      this._$root = void 0;
+      const childConstructor = this.constructor;
+      if (typeof childConstructor.moduleName !== 'string') {
+        throw new InitError(`\`moduleName\` not defined in component`);
+      }
+      if (!($root instanceof childConstructor.elementType)) {
+        throw new ElementError({
+          element: $root,
+          component: childConstructor,
+          identifier: 'Root element (`$root`)',
+          expectedType: childConstructor.elementType.name
+        });
+      } else {
+        this._$root = $root;
+      }
+      childConstructor.checkSupport();
+      this.checkInitialised();
+      const moduleName = childConstructor.moduleName;
+      this.$root.setAttribute(`data-${moduleName}-init`, '');
+    }
+    checkInitialised() {
+      const constructor = this.constructor;
+      const moduleName = constructor.moduleName;
+      if (moduleName && isInitialised(this.$root, moduleName)) {
+        throw new InitError(constructor);
+      }
+    }
+    static checkSupport() {
+      if (!isSupported()) {
+        throw new SupportError();
+      }
+    }
+  }
+
+  /**
+   * @typedef ChildClass
+   * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component
+   */
+
+  /**
+   * @typedef {typeof Component & ChildClass} ChildClassConstructor
+   */
+  Component.elementType = HTMLElement;
+
+  const configOverride = Symbol.for('configOverride');
+  class ConfigurableComponent extends Component {
+    [configOverride](param) {
+      return {};
+    }
+
+    /**
+     * Returns the root element of the component
+     *
+     * @protected
+     * @returns {ConfigurationType} - the root element of component
+     */
+    get config() {
+      return this._config;
+    }
+    constructor($root, config) {
+      super($root);
+      this._config = void 0;
+      const childConstructor = this.constructor;
+      if (!isObject(childConstructor.defaults)) {
+        throw new ConfigError(formatErrorMessage(childConstructor, 'Config passed as parameter into constructor but no defaults defined'));
+      }
+      const datasetConfig = normaliseDataset(childConstructor, this._$root.dataset);
+      this._config = mergeConfigs(childConstructor.defaults, config != null ? config : {}, this[configOverride](datasetConfig), datasetConfig);
+    }
+  }
+  function normaliseString(value, property) {
+    const trimmedValue = value ? value.trim() : '';
+    let output;
+    let outputType = property == null ? void 0 : property.type;
+    if (!outputType) {
+      if (['true', 'false'].includes(trimmedValue)) {
+        outputType = 'boolean';
+      }
+      if (trimmedValue.length > 0 && isFinite(Number(trimmedValue))) {
+        outputType = 'number';
+      }
+    }
+    switch (outputType) {
+      case 'boolean':
+        output = trimmedValue === 'true';
+        break;
+      case 'number':
+        output = Number(trimmedValue);
+        break;
+      default:
+        output = value;
+    }
+    return output;
+  }
+  function normaliseDataset(Component, dataset) {
+    if (!isObject(Component.schema)) {
+      throw new ConfigError(formatErrorMessage(Component, 'Config passed as parameter into constructor but no schema defined'));
+    }
+    const out = {};
+    const entries = Object.entries(Component.schema.properties);
+    for (const entry of entries) {
+      const [namespace, property] = entry;
+      const field = namespace.toString();
+      if (field in dataset) {
+        out[field] = normaliseString(dataset[field], property);
+      }
+      if ((property == null ? void 0 : property.type) === 'object') {
+        out[field] = extractConfigByNamespace(Component.schema, dataset, namespace);
+      }
+    }
+    return out;
+  }
+  function mergeConfigs(...configObjects) {
+    const formattedConfigObject = {};
+    for (const configObject of configObjects) {
+      for (const key of Object.keys(configObject)) {
+        const option = formattedConfigObject[key];
+        const override = configObject[key];
+        if (isObject(option) && isObject(override)) {
+          formattedConfigObject[key] = mergeConfigs(option, override);
+        } else {
+          formattedConfigObject[key] = override;
+        }
+      }
+    }
+    return formattedConfigObject;
+  }
+  function extractConfigByNamespace(schema, dataset, namespace) {
+    const property = schema.properties[namespace];
+    if ((property == null ? void 0 : property.type) !== 'object') {
+      return;
+    }
+    const newObject = {
+      [namespace]: {}
+    };
+    for (const [key, value] of Object.entries(dataset)) {
+      let current = newObject;
+      const keyParts = key.split('.');
+      for (const [index, name] of keyParts.entries()) {
+        if (isObject(current)) {
+          if (index < keyParts.length - 1) {
+            if (!isObject(current[name])) {
+              current[name] = {};
+            }
+            current = current[name];
+          } else if (key !== namespace) {
+            current[name] = normaliseString(value);
+          }
+        }
+      }
+    }
+    return newObject[namespace];
+  }
+  /**
+   * Schema for component config
+   *
+   * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType
+   * @typedef {object} Schema
+   * @property {Record<keyof ConfigurationType, SchemaProperty | undefined>} properties - Schema properties
+   * @property {SchemaCondition<ConfigurationType>[]} [anyOf] - List of schema conditions
+   */
+  /**
+   * Schema property for component config
+   *
+   * @typedef {object} SchemaProperty
+   * @property {'string' | 'boolean' | 'number' | 'object'} type - Property type
+   */
+  /**
+   * Schema condition for component config
+   *
+   * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType
+   * @typedef {object} SchemaCondition
+   * @property {(keyof ConfigurationType)[]} required - List of required config fields
+   * @property {string} errorMessage - Error message when required config fields not provided
+   */
+  /**
+   * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]
+   * @typedef ChildClass
+   * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component
+   * @property {Schema<ConfigurationType>} [schema] - The schema of the component configuration
+   * @property {ConfigurationType} [defaults] - The default values of the configuration of the component
+   */
+  /**
+   * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]
+   * @typedef {typeof Component & ChildClass<ConfigurationType>} ChildClassConstructor<ConfigurationType>
+   */
+  /**
+   * @import { CompatibleClass, Config, CreateAllOptions, OnErrorCallback } from '../init.mjs'
+   */
+
+  const DEBOUNCE_TIMEOUT_IN_SECONDS = 1;
+
+  /**
+   * JavaScript enhancements for the Button component
+   *
+   * @preserve
+   * @augments ConfigurableComponent<ButtonConfig>
+   */
+  class Button extends ConfigurableComponent {
+    /**
+     * @param {Element | null} $root - HTML element to use for button
+     * @param {ButtonConfig} [config] - Button config
+     */
+    constructor($root, config = {}) {
+      super($root, config);
+      this.debounceFormSubmitTimer = null;
+      this.$root.addEventListener('keydown', event => this.handleKeyDown(event));
+      this.$root.addEventListener('click', event => this.debounce(event));
+    }
+    handleKeyDown(event) {
+      const $target = event.target;
+      if (event.key !== ' ') {
+        return;
+      }
+      if ($target instanceof HTMLElement && $target.getAttribute('role') === 'button') {
+        event.preventDefault();
+        $target.click();
+      }
+    }
+    debounce(event) {
+      if (!this.config.preventDoubleClick) {
+        return;
+      }
+      if (this.debounceFormSubmitTimer) {
+        event.preventDefault();
+        return false;
+      }
+      this.debounceFormSubmitTimer = window.setTimeout(() => {
+        this.debounceFormSubmitTimer = null;
+      }, DEBOUNCE_TIMEOUT_IN_SECONDS * 1000);
+    }
+  }
+
+  /**
+   * Button config
+   *
+   * @typedef {object} ButtonConfig
+   * @property {boolean} [preventDoubleClick=false] - Prevent accidental double
+   *   clicks on submit buttons from submitting forms multiple times.
+   */
+
+  /**
+   * @import { Schema } from '../../common/configuration.mjs'
+   */
+  Button.moduleName = 'govuk-button';
+  Button.defaults = Object.freeze({
+    preventDoubleClick: false
+  });
+  Button.schema = Object.freeze({
+    properties: {
+      preventDoubleClick: {
+        type: 'boolean'
+      }
+    }
+  });
+
+  exports.Button = Button;
+
+}));
+//# sourceMappingURL=button.bundle.js.map
diff --git a/app/templates/govuk/components/button/button.bundle.js.map b/app/templates/govuk/components/button/button.bundle.js.map
new file mode 100644
index 0000000..2d7c87e
--- /dev/null
+++ b/app/templates/govuk/components/button/button.bundle.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"button.bundle.js","sources":["../../../../src/govuk/common/index.mjs","../../../../src/govuk/errors/index.mjs","../../../../src/govuk/component.mjs","../../../../src/govuk/common/configuration.mjs","../../../../src/govuk/components/button/button.mjs"],"sourcesContent":["/**\n * Common helpers which do not require polyfill.\n *\n * IMPORTANT: If a helper require a polyfill, please isolate it in its own module\n * so that the polyfill can be properly tree-shaken and does not burden\n * the components that do not need that helper\n */\n\n/**\n * Get GOV.UK Frontend breakpoint value from CSS custom property\n *\n * @private\n * @param {string} name - Breakpoint name\n * @returns {{ property: string, value?: string }} Breakpoint object\n */\nexport function getBreakpoint(name) {\n  const property = `--govuk-breakpoint-${name}`\n\n  // Get value from `<html>` with breakpoints on CSS :root\n  const value = window\n    .getComputedStyle(document.documentElement)\n    .getPropertyValue(property)\n\n  return {\n    property,\n    value: value || undefined\n  }\n}\n\n/**\n * Move focus to element\n *\n * Sets tabindex to -1 to make the element programmatically focusable,\n * but removes it on blur as the element doesn't need to be focused again.\n *\n * @private\n * @template {HTMLElement} FocusElement\n * @param {FocusElement} $element - HTML element\n * @param {object} [options] - Handler options\n * @param {function(this: FocusElement): void} [options.onBeforeFocus] - Callback before focus\n * @param {function(this: FocusElement): void} [options.onBlur] - Callback on blur\n */\nexport function setFocus($element, options = {}) {\n  const isFocusable = $element.getAttribute('tabindex')\n\n  if (!isFocusable) {\n    $element.setAttribute('tabindex', '-1')\n  }\n\n  /**\n   * Handle element focus\n   */\n  function onFocus() {\n    $element.addEventListener('blur', onBlur, { once: true })\n  }\n\n  /**\n   * Handle element blur\n   */\n  function onBlur() {\n    options.onBlur?.call($element)\n\n    if (!isFocusable) {\n      $element.removeAttribute('tabindex')\n    }\n  }\n\n  // Add listener to reset element on blur, after focus\n  $element.addEventListener('focus', onFocus, { once: true })\n\n  // Focus element\n  options.onBeforeFocus?.call($element)\n  $element.focus()\n}\n\n/**\n * Checks if component is already initialised\n *\n * @internal\n * @param {Element} $root - HTML element to be checked\n * @param {string} moduleName - name of component module\n * @returns {boolean} Whether component is already initialised\n */\nexport function isInitialised($root, moduleName) {\n  return (\n    $root instanceof HTMLElement &&\n    $root.hasAttribute(`data-${moduleName}-init`)\n  )\n}\n\n/**\n * Checks if GOV.UK Frontend is supported on this page\n *\n * Some browsers will load and run our JavaScript but GOV.UK Frontend\n * won't be supported.\n *\n * @param {HTMLElement | null} [$scope] - (internal) `<body>` HTML element checked for browser support\n * @returns {boolean} Whether GOV.UK Frontend is supported on this page\n */\nexport function isSupported($scope = document.body) {\n  if (!$scope) {\n    return false\n  }\n\n  return $scope.classList.contains('govuk-frontend-supported')\n}\n\n/**\n * Check for an array\n *\n * @internal\n * @param {unknown} option - Option to check\n * @returns {boolean} Whether the option is an array\n */\nfunction isArray(option) {\n  return Array.isArray(option)\n}\n\n/**\n * Check for an object\n *\n * @internal\n * @template {Partial<Record<keyof ObjectType, unknown>>} ObjectType\n * @param {unknown | ObjectType} option - Option to check\n * @returns {option is ObjectType} Whether the option is an object\n */\nexport function isObject(option) {\n  return !!option && typeof option === 'object' && !isArray(option)\n}\n\n/**\n * Check for valid scope\n *\n * @internal\n * @template {Element | Document} ScopeType\n * @param {unknown | ScopeType} $scope - Scope of the document to search within\n * @returns {$scope is ScopeType} Whether the scope can be queried\n */\nexport function isScope($scope) {\n  return !!$scope && ($scope instanceof Element || $scope instanceof Document)\n}\n\n/**\n * Format error message\n *\n * @internal\n * @param {ComponentWithModuleName} Component - Component that threw the error\n * @param {string} message - Error message\n * @returns {string} - Formatted error message\n */\nexport function formatErrorMessage(Component, message) {\n  return `${Component.moduleName}: ${message}`\n}\n\n/* eslint-disable jsdoc/valid-types --\n * `{new(...args: any[] ): object}` is not recognised as valid\n * https://github.com/gajus/eslint-plugin-jsdoc/issues/145#issuecomment-1308722878\n * https://github.com/jsdoc-type-pratt-parser/jsdoc-type-pratt-parser/issues/131\n **/\n\n/**\n * @typedef ComponentWithModuleName\n * @property {string} moduleName - Name of the component\n */\n\n/* eslint-enable jsdoc/valid-types */\n","import { formatErrorMessage, isObject } from '../common/index.mjs'\n\n/**\n * GOV.UK Frontend error\n *\n * A base class for `Error`s thrown by GOV.UK Frontend.\n *\n * It is meant to be extended into specific types of errors\n * to be thrown by our code.\n *\n * @example\n * ```js\n * class MissingRootError extends GOVUKFrontendError {\n *   // Setting an explicit name is important as extending the class will not\n *   // set a new `name` on the subclass. The `name` property is important\n *   // to ensure intelligible error names even if the class name gets\n *   // mangled by a minifier\n *   name = \"MissingRootError\"\n * }\n * ```\n * @virtual\n */\nexport class GOVUKFrontendError extends Error {\n  name = 'GOVUKFrontendError'\n}\n\n/**\n * Indicates that GOV.UK Frontend is not supported\n */\nexport class SupportError extends GOVUKFrontendError {\n  name = 'SupportError'\n\n  /**\n   * Checks if GOV.UK Frontend is supported on this page\n   *\n   * @param {HTMLElement | null} [$scope] - HTML element `<body>` checked for browser support\n   */\n  constructor($scope = document.body) {\n    const supportMessage =\n      'noModule' in HTMLScriptElement.prototype\n        ? 'GOV.UK Frontend initialised without `<body class=\"govuk-frontend-supported\">` from template `<script>` snippet'\n        : 'GOV.UK Frontend is not supported in this browser'\n\n    super(\n      $scope\n        ? supportMessage\n        : 'GOV.UK Frontend initialised without `<script type=\"module\">`'\n    )\n  }\n}\n\n/**\n * Indicates that a component has received an illegal configuration\n */\nexport class ConfigError extends GOVUKFrontendError {\n  name = 'ConfigError'\n}\n\n/**\n * Indicates an issue with an element (possibly `null` or `undefined`)\n */\nexport class ElementError extends GOVUKFrontendError {\n  name = 'ElementError'\n\n  /**\n   * @internal\n   * @overload\n   * @param {string} message - Element error message\n   */\n\n  /**\n   * @internal\n   * @overload\n   * @param {ElementErrorOptions} options - Element error options\n   */\n\n  /**\n   * @internal\n   * @param {string | ElementErrorOptions} messageOrOptions - Element error message or options\n   */\n  constructor(messageOrOptions) {\n    let message = typeof messageOrOptions === 'string' ? messageOrOptions : ''\n\n    // Build message from options\n    if (isObject(messageOrOptions)) {\n      const { component, identifier, element, expectedType } = messageOrOptions\n\n      message = identifier\n\n      // Append reason\n      message += element\n        ? ` is not of type ${expectedType ?? 'HTMLElement'}`\n        : ' not found'\n\n      // Prepend with module name (optional)\n      if (component) {\n        message = formatErrorMessage(component, message)\n      }\n    }\n\n    super(message)\n  }\n}\n\n/**\n * Indicates that a component is already initialised\n */\nexport class InitError extends GOVUKFrontendError {\n  name = 'InitError'\n\n  /**\n   * @internal\n   * @param {ComponentWithModuleName | string} componentOrMessage - name of the component module\n   */\n  constructor(componentOrMessage) {\n    const message =\n      typeof componentOrMessage === 'string'\n        ? componentOrMessage\n        : formatErrorMessage(\n            componentOrMessage,\n            `Root element (\\`$root\\`) already initialised`\n          )\n\n    super(message)\n  }\n}\n\n/**\n * Element error options\n *\n * @internal\n * @typedef {object} ElementErrorOptions\n * @property {Element | Document | null} [element] - The element in error (optional)\n * @property {ComponentWithModuleName} [component] - Component throwing the error (optional)\n * @property {string} identifier - An identifier that'll let the user understand which element has an error. This is whatever makes the most sense\n * @property {string} [expectedType] - The type that was expected for the identifier (optional)\n */\n\n/**\n * @import { ComponentWithModuleName } from '../common/index.mjs'\n */\n","import { isInitialised, isSupported } from './common/index.mjs'\nimport { ElementError, InitError, SupportError } from './errors/index.mjs'\n\n/**\n * Base Component class\n *\n * Centralises the behaviours shared by our components\n *\n * @virtual\n * @template {Element} [RootElementType=HTMLElement]\n */\nexport class Component {\n  /**\n   * @type {typeof Element}\n   */\n  static elementType = HTMLElement\n\n  // allows Typescript user to work around the lack of types\n  // in GOVUKFrontend package, Typescript is not aware of $root\n  // in components that extend GOVUKFrontendComponent\n  /**\n   * Returns the root element of the component\n   *\n   * @protected\n   * @returns {RootElementType} - the root element of component\n   */\n  get $root() {\n    return this._$root\n  }\n\n  /**\n   * @protected\n   * @type {RootElementType}\n   */\n  _$root\n\n  /**\n   * Constructs a new component, validating that GOV.UK Frontend is supported\n   *\n   * @internal\n   * @param {Element | null} [$root] - HTML element to use for component\n   */\n  constructor($root) {\n    const childConstructor = /** @type {ChildClassConstructor} */ (\n      this.constructor\n    )\n\n    // TypeScript does not enforce that inheriting classes will define a `moduleName`\n    // (even if we add a `@virtual` `static moduleName` property to this class).\n    // While we trust users to do this correctly, we do a little check to provide them\n    // a helpful error message.\n    //\n    // After this, we'll be sure that `childConstructor` has a `moduleName`\n    // as expected of the `ChildClassConstructor` we've cast `this.constructor` to.\n    if (typeof childConstructor.moduleName !== 'string') {\n      throw new InitError(`\\`moduleName\\` not defined in component`)\n    }\n\n    if (!($root instanceof childConstructor.elementType)) {\n      throw new ElementError({\n        element: $root,\n        component: childConstructor,\n        identifier: 'Root element (`$root`)',\n        expectedType: childConstructor.elementType.name\n      })\n    } else {\n      this._$root = /** @type {RootElementType} */ ($root)\n    }\n\n    childConstructor.checkSupport()\n\n    this.checkInitialised()\n\n    const moduleName = childConstructor.moduleName\n\n    this.$root.setAttribute(`data-${moduleName}-init`, '')\n  }\n\n  /**\n   * Validates whether component is already initialised\n   *\n   * @private\n   * @throws {InitError} when component is already initialised\n   */\n  checkInitialised() {\n    const constructor = /** @type {ChildClassConstructor} */ (this.constructor)\n    const moduleName = constructor.moduleName\n\n    if (moduleName && isInitialised(this.$root, moduleName)) {\n      throw new InitError(constructor)\n    }\n  }\n\n  /**\n   * Validates whether components are supported\n   *\n   * @throws {SupportError} when the components are not supported\n   */\n  static checkSupport() {\n    if (!isSupported()) {\n      throw new SupportError()\n    }\n  }\n}\n\n/**\n * @typedef ChildClass\n * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component\n */\n\n/**\n * @typedef {typeof Component & ChildClass} ChildClassConstructor\n */\n","import { Component } from '../component.mjs'\nimport { ConfigError } from '../errors/index.mjs'\n\nimport { isObject, isScope, formatErrorMessage } from './index.mjs'\n\nexport const configOverride = Symbol.for('configOverride')\n\n/**\n * Base Component class\n *\n * Centralises the behaviours shared by our components\n *\n * @virtual\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]\n * @template {Element & { dataset: DOMStringMap }} [RootElementType=HTMLElement]\n * @augments Component<RootElementType>\n */\nexport class ConfigurableComponent extends Component {\n  /**\n   * configOverride\n   *\n   * Function which defines configuration overrides to prioritize\n   * properties from the root element's dataset.\n   *\n   * It should take a subset of configuration as input and return\n   * a new configuration object with properties that should be\n   * overridden based on the root element's dataset. A Symbol\n   * is used for indexing to prevent conflicts.\n   *\n   * @internal\n   * @virtual\n   * @param {Partial<ConfigurationType>} [param] - Configuration object\n   * @returns {Partial<ConfigurationType>} return - Configuration object\n   */\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  [configOverride](param) {\n    return {}\n  }\n\n  /**\n   * Returns the root element of the component\n   *\n   * @protected\n   * @returns {ConfigurationType} - the root element of component\n   */\n  get config() {\n    return this._config\n  }\n\n  /**\n   *\n   * @type {ConfigurationType}\n   */\n  _config\n\n  /**\n   * Constructs a new component, validating that GOV.UK Frontend is supported\n   *\n   * @internal\n   * @param {Element | null} [$root] - HTML element to use for component\n   * @param {ConfigurationType} [config] - HTML element to use for component\n   */\n  constructor($root, config) {\n    super($root)\n\n    const childConstructor =\n      /** @type {ChildClassConstructor<ConfigurationType>} */ (this.constructor)\n\n    if (!isObject(childConstructor.defaults)) {\n      throw new ConfigError(\n        formatErrorMessage(\n          childConstructor,\n          'Config passed as parameter into constructor but no defaults defined'\n        )\n      )\n    }\n\n    const datasetConfig = /** @type {ConfigurationType} */ (\n      normaliseDataset(childConstructor, this._$root.dataset)\n    )\n\n    this._config = /** @type {ConfigurationType} */ (\n      mergeConfigs(\n        childConstructor.defaults,\n        config ?? {},\n        this[configOverride](datasetConfig),\n        datasetConfig\n      )\n    )\n  }\n}\n\n/**\n * Normalise string\n *\n * 'If it looks like a duck, and it quacks like a duck…' 🦆\n *\n * If the passed value looks like a boolean or a number, convert it to a boolean\n * or number.\n *\n * Designed to be used to convert config passed via data attributes (which are\n * always strings) into something sensible.\n *\n * @internal\n * @param {DOMStringMap[string]} value - The value to normalise\n * @param {SchemaProperty} [property] - Component schema property\n * @returns {string | boolean | number | undefined} Normalised data\n */\nexport function normaliseString(value, property) {\n  const trimmedValue = value ? value.trim() : ''\n\n  let output\n  let outputType = property?.type\n\n  // No schema type set? Determine automatically\n  if (!outputType) {\n    if (['true', 'false'].includes(trimmedValue)) {\n      outputType = 'boolean'\n    }\n\n    // Empty / whitespace-only strings are considered finite so we need to check\n    // the length of the trimmed string as well\n    if (trimmedValue.length > 0 && isFinite(Number(trimmedValue))) {\n      outputType = 'number'\n    }\n  }\n\n  switch (outputType) {\n    case 'boolean':\n      output = trimmedValue === 'true'\n      break\n\n    case 'number':\n      output = Number(trimmedValue)\n      break\n\n    default:\n      output = value\n  }\n\n  return output\n}\n\n/**\n * Normalise dataset\n *\n * Loop over an object and normalise each value using {@link normaliseString},\n * optionally expanding nested `i18n.field`\n *\n * @internal\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @template {[keyof ConfigurationType, SchemaProperty | undefined][]} SchemaEntryType\n * @param {{ schema?: Schema<ConfigurationType>, moduleName: string }} Component - Component class\n * @param {DOMStringMap} dataset - HTML element dataset\n * @returns {ObjectNested} Normalised dataset\n */\nexport function normaliseDataset(Component, dataset) {\n  if (!isObject(Component.schema)) {\n    throw new ConfigError(\n      formatErrorMessage(\n        Component,\n        'Config passed as parameter into constructor but no schema defined'\n      )\n    )\n  }\n\n  const out = /** @type {ObjectNested} */ ({})\n  const entries = /** @type {SchemaEntryType} */ (\n    Object.entries(Component.schema.properties)\n  )\n\n  // Normalise top-level dataset ('data-*') values using schema types\n  for (const entry of entries) {\n    const [namespace, property] = entry\n\n    // Cast the `namespace` to string so it can be used to access the dataset\n    const field = namespace.toString()\n\n    if (field in dataset) {\n      out[field] = normaliseString(dataset[field], property)\n    }\n\n    /**\n     * Extract and normalise nested object values automatically using\n     * {@link normaliseString} but only schema object types are allowed\n     */\n    if (property?.type === 'object') {\n      out[field] = extractConfigByNamespace(\n        Component.schema,\n        dataset,\n        namespace\n      )\n    }\n  }\n\n  return out\n}\n\n/**\n * Normalise options passed to `initAll` or `createAll`\n *\n * @internal\n * @template {CompatibleClass} ComponentClass\n * @param {Config | CreateAllOptions<ComponentClass> | OnErrorCallback<ComponentClass> | Element | Document | null} [scopeOrOptions] - Scope of the document to search within, initialisation options or error callback function\n * @returns {CreateAllOptions<ComponentClass>} Normalised options\n */\nexport function normaliseOptions(scopeOrOptions) {\n  let /** @type {Element | Document | null} */ $scope = document\n  let /** @type {OnErrorCallback<ComponentClass> | undefined} */ onError\n\n  // Handle options object\n  if (isObject(scopeOrOptions)) {\n    const options = scopeOrOptions\n\n    // Scope must be valid or null\n    if (isScope(options.scope) || options.scope === null) {\n      $scope = options.scope\n    }\n\n    // Error handler must be a function\n    if (typeof options.onError === 'function') {\n      onError = options.onError\n    }\n  }\n\n  if (isScope(scopeOrOptions)) {\n    $scope = scopeOrOptions\n  } else if (scopeOrOptions === null) {\n    $scope = null\n  } else if (typeof scopeOrOptions === 'function') {\n    onError = scopeOrOptions\n  }\n\n  return {\n    scope: $scope,\n    onError\n  }\n}\n\n/**\n * Config merging function\n *\n * Takes any number of objects and combines them together, with\n * greatest priority on the LAST item passed in.\n *\n * @internal\n * @param {...{ [key: string]: unknown }} configObjects - Config objects to merge\n * @returns {{ [key: string]: unknown }} A merged config object\n */\nexport function mergeConfigs(...configObjects) {\n  // Start with an empty object as our base\n  /** @type {{ [key: string]: unknown }} */\n  const formattedConfigObject = {}\n\n  // Loop through each of the passed objects\n  for (const configObject of configObjects) {\n    for (const key of Object.keys(configObject)) {\n      const option = formattedConfigObject[key]\n      const override = configObject[key]\n\n      // Push their keys one-by-one into formattedConfigObject. Any duplicate\n      // keys with object values will be merged, otherwise the new value will\n      // override the existing value.\n      if (isObject(option) && isObject(override)) {\n        formattedConfigObject[key] = mergeConfigs(option, override)\n      } else {\n        // Apply override\n        formattedConfigObject[key] = override\n      }\n    }\n  }\n\n  return formattedConfigObject\n}\n\n/**\n * Validate component config by schema\n *\n * Follows limited examples in JSON schema for wider support in future\n *\n * {@link https://ajv.js.org/json-schema.html#compound-keywords}\n * {@link https://ajv.js.org/packages/ajv-errors.html#single-message}\n *\n * @internal\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @param {Schema<ConfigurationType>} schema - The schema of a component\n * @param {ConfigurationType} config - Component config\n * @returns {string[]} List of validation errors\n */\nexport function validateConfig(schema, config) {\n  const validationErrors = []\n\n  // Check errors for each schema\n  for (const [name, conditions] of Object.entries(schema)) {\n    const errors = []\n\n    // Check errors for each schema condition\n    if (Array.isArray(conditions)) {\n      for (const { required, errorMessage } of conditions) {\n        if (!required.every((key) => !!config[key])) {\n          errors.push(errorMessage) // Missing config key value\n        }\n      }\n\n      // Check one condition passes or add errors\n      if (name === 'anyOf' && !(conditions.length - errors.length >= 1)) {\n        validationErrors.push(...errors)\n      }\n    }\n  }\n\n  return validationErrors\n}\n\n/**\n * Extracts keys starting with a particular namespace from dataset ('data-*')\n * object, removing the namespace in the process, normalising all values\n *\n * @internal\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @param {Schema<ConfigurationType>} schema - The schema of a component\n * @param {DOMStringMap} dataset - The object to extract key-value pairs from\n * @param {keyof ConfigurationType} namespace - The namespace to filter keys with\n * @returns {ObjectNested | undefined} Nested object with dot-separated key namespace removed\n */\nexport function extractConfigByNamespace(schema, dataset, namespace) {\n  const property = schema.properties[namespace]\n\n  // Only extract configs for object schema properties\n  if (property?.type !== 'object') {\n    return\n  }\n\n  // Add default empty config\n  const newObject = /** @type {Record<typeof namespace, ObjectNested>} */ ({\n    [namespace]: {}\n  })\n\n  for (const [key, value] of Object.entries(dataset)) {\n    /** @type {ObjectNested | ObjectNested[NestedKey]} */\n    let current = newObject\n\n    // Split the key into parts, using . as our namespace separator\n    const keyParts = key.split('.')\n\n    /**\n     * Create new level per part\n     *\n     * e.g. 'i18n.textareaDescription.other' becomes\n     * `{ i18n: { textareaDescription: { other } } }`\n     */\n    for (const [index, name] of keyParts.entries()) {\n      if (isObject(current)) {\n        // Drop down to nested object until the last part\n        if (index < keyParts.length - 1) {\n          // New nested object (optionally) replaces existing value\n          if (!isObject(current[name])) {\n            current[name] = {}\n          }\n\n          // Drop down into new or existing nested object\n          current = current[name]\n        } else if (key !== namespace) {\n          // Normalised value (optionally) replaces existing value\n          current[name] = normaliseString(value)\n        }\n      }\n    }\n  }\n\n  return newObject[namespace]\n}\n\n/**\n * @internal\n * @typedef {keyof ObjectNested} NestedKey\n * @typedef {{ [key: string]: string | boolean | number | ObjectNested | undefined }} ObjectNested\n */\n\n/**\n * Schema for component config\n *\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @typedef {object} Schema\n * @property {Record<keyof ConfigurationType, SchemaProperty | undefined>} properties - Schema properties\n * @property {SchemaCondition<ConfigurationType>[]} [anyOf] - List of schema conditions\n */\n\n/**\n * Schema property for component config\n *\n * @typedef {object} SchemaProperty\n * @property {'string' | 'boolean' | 'number' | 'object'} type - Property type\n */\n\n/**\n * Schema condition for component config\n *\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @typedef {object} SchemaCondition\n * @property {(keyof ConfigurationType)[]} required - List of required config fields\n * @property {string} errorMessage - Error message when required config fields not provided\n */\n\n/**\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]\n * @typedef ChildClass\n * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component\n * @property {Schema<ConfigurationType>} [schema] - The schema of the component configuration\n * @property {ConfigurationType} [defaults] - The default values of the configuration of the component\n */\n\n/**\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]\n * @typedef {typeof Component & ChildClass<ConfigurationType>} ChildClassConstructor<ConfigurationType>\n */\n\n/**\n * @import { CompatibleClass, Config, CreateAllOptions, OnErrorCallback } from '../init.mjs'\n */\n","import { ConfigurableComponent } from '../../common/configuration.mjs'\n\nconst DEBOUNCE_TIMEOUT_IN_SECONDS = 1\n\n/**\n * JavaScript enhancements for the Button component\n *\n * @preserve\n * @augments ConfigurableComponent<ButtonConfig>\n */\nexport class Button extends ConfigurableComponent {\n  /**\n   * @private\n   * @type {number | null}\n   */\n  debounceFormSubmitTimer = null\n\n  /**\n   * @param {Element | null} $root - HTML element to use for button\n   * @param {ButtonConfig} [config] - Button config\n   */\n  constructor($root, config = {}) {\n    super($root, config)\n\n    this.$root.addEventListener('keydown', (event) => this.handleKeyDown(event))\n    this.$root.addEventListener('click', (event) => this.debounce(event))\n  }\n\n  /**\n   * Trigger a click event when the space key is pressed\n   *\n   * Some screen readers tell users they can use the space bar to activate\n   * things with the 'button' role, so we need to match the functionality of\n   * native HTML buttons.\n   *\n   * See https://github.com/alphagov/govuk_elements/pull/272#issuecomment-233028270\n   *\n   * @private\n   * @param {KeyboardEvent} event - Keydown event\n   */\n  handleKeyDown(event) {\n    const $target = event.target\n\n    // Handle space bar only\n    if (event.key !== ' ') {\n      return\n    }\n\n    // Handle elements with [role=\"button\"] only\n    if (\n      $target instanceof HTMLElement &&\n      $target.getAttribute('role') === 'button'\n    ) {\n      event.preventDefault() // prevent the page from scrolling\n      $target.click()\n    }\n  }\n\n  /**\n   * Debounce double-clicks\n   *\n   * If the click quickly succeeds a previous click then nothing will happen.\n   * This stops people accidentally causing multiple form submissions by double\n   * clicking buttons.\n   *\n   * @private\n   * @param {MouseEvent} event - Mouse click event\n   * @returns {undefined | false} Returns undefined, or false when debounced\n   */\n  debounce(event) {\n    // Check the button that was clicked has preventDoubleClick enabled\n    if (!this.config.preventDoubleClick) {\n      return\n    }\n\n    // If the timer is still running, prevent the click from submitting the form\n    if (this.debounceFormSubmitTimer) {\n      event.preventDefault()\n      return false\n    }\n\n    this.debounceFormSubmitTimer = window.setTimeout(() => {\n      this.debounceFormSubmitTimer = null\n    }, DEBOUNCE_TIMEOUT_IN_SECONDS * 1000)\n  }\n\n  /**\n   * Name for the component used when initialising using data-module attributes.\n   */\n  static moduleName = 'govuk-button'\n\n  /**\n   * Button default config\n   *\n   * @see {@link ButtonConfig}\n   * @constant\n   * @type {ButtonConfig}\n   */\n  static defaults = Object.freeze({\n    preventDoubleClick: false\n  })\n\n  /**\n   * Button config schema\n   *\n   * @constant\n   * @satisfies {Schema<ButtonConfig>}\n   */\n  static schema = Object.freeze({\n    properties: {\n      preventDoubleClick: { type: 'boolean' }\n    }\n  })\n}\n\n/**\n * Button config\n *\n * @typedef {object} ButtonConfig\n * @property {boolean} [preventDoubleClick=false] - Prevent accidental double\n *   clicks on submit buttons from submitting forms multiple times.\n */\n\n/**\n * @import { Schema } from '../../common/configuration.mjs'\n */\n"],"names":["isInitialised","$root","moduleName","HTMLElement","hasAttribute","isSupported","$scope","document","body","classList","contains","isArray","option","Array","isObject","formatErrorMessage","Component","message","GOVUKFrontendError","Error","constructor","args","name","SupportError","supportMessage","HTMLScriptElement","prototype","ConfigError","ElementError","messageOrOptions","component","identifier","element","expectedType","InitError","componentOrMessage","_$root","childConstructor","elementType","checkSupport","checkInitialised","setAttribute","configOverride","Symbol","for","ConfigurableComponent","param","config","_config","defaults","datasetConfig","normaliseDataset","dataset","mergeConfigs","normaliseString","value","property","trimmedValue","trim","output","outputType","type","includes","length","isFinite","Number","schema","out","entries","Object","properties","entry","namespace","field","toString","extractConfigByNamespace","configObjects","formattedConfigObject","configObject","key","keys","override","newObject","current","keyParts","split","index","DEBOUNCE_TIMEOUT_IN_SECONDS","Button","debounceFormSubmitTimer","addEventListener","event","handleKeyDown","debounce","$target","target","getAttribute","preventDefault","click","preventDoubleClick","window","setTimeout","freeze"],"mappings":"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"}
\ No newline at end of file
diff --git a/app/templates/govuk/components/button/button.bundle.mjs b/app/templates/govuk/components/button/button.bundle.mjs
new file mode 100644
index 0000000..6f0a4e8
--- /dev/null
+++ b/app/templates/govuk/components/button/button.bundle.mjs
@@ -0,0 +1,357 @@
+function isInitialised($root, moduleName) {
+  return $root instanceof HTMLElement && $root.hasAttribute(`data-${moduleName}-init`);
+}
+
+/**
+ * Checks if GOV.UK Frontend is supported on this page
+ *
+ * Some browsers will load and run our JavaScript but GOV.UK Frontend
+ * won't be supported.
+ *
+ * @param {HTMLElement | null} [$scope] - (internal) `<body>` HTML element checked for browser support
+ * @returns {boolean} Whether GOV.UK Frontend is supported on this page
+ */
+function isSupported($scope = document.body) {
+  if (!$scope) {
+    return false;
+  }
+  return $scope.classList.contains('govuk-frontend-supported');
+}
+function isArray(option) {
+  return Array.isArray(option);
+}
+function isObject(option) {
+  return !!option && typeof option === 'object' && !isArray(option);
+}
+function formatErrorMessage(Component, message) {
+  return `${Component.moduleName}: ${message}`;
+}
+/**
+ * @typedef ComponentWithModuleName
+ * @property {string} moduleName - Name of the component
+ */
+
+class GOVUKFrontendError extends Error {
+  constructor(...args) {
+    super(...args);
+    this.name = 'GOVUKFrontendError';
+  }
+}
+class SupportError extends GOVUKFrontendError {
+  /**
+   * Checks if GOV.UK Frontend is supported on this page
+   *
+   * @param {HTMLElement | null} [$scope] - HTML element `<body>` checked for browser support
+   */
+  constructor($scope = document.body) {
+    const supportMessage = 'noModule' in HTMLScriptElement.prototype ? 'GOV.UK Frontend initialised without `<body class="govuk-frontend-supported">` from template `<script>` snippet' : 'GOV.UK Frontend is not supported in this browser';
+    super($scope ? supportMessage : 'GOV.UK Frontend initialised without `<script type="module">`');
+    this.name = 'SupportError';
+  }
+}
+class ConfigError extends GOVUKFrontendError {
+  constructor(...args) {
+    super(...args);
+    this.name = 'ConfigError';
+  }
+}
+class ElementError extends GOVUKFrontendError {
+  constructor(messageOrOptions) {
+    let message = typeof messageOrOptions === 'string' ? messageOrOptions : '';
+    if (isObject(messageOrOptions)) {
+      const {
+        component,
+        identifier,
+        element,
+        expectedType
+      } = messageOrOptions;
+      message = identifier;
+      message += element ? ` is not of type ${expectedType != null ? expectedType : 'HTMLElement'}` : ' not found';
+      if (component) {
+        message = formatErrorMessage(component, message);
+      }
+    }
+    super(message);
+    this.name = 'ElementError';
+  }
+}
+class InitError extends GOVUKFrontendError {
+  constructor(componentOrMessage) {
+    const message = typeof componentOrMessage === 'string' ? componentOrMessage : formatErrorMessage(componentOrMessage, `Root element (\`$root\`) already initialised`);
+    super(message);
+    this.name = 'InitError';
+  }
+}
+/**
+ * @import { ComponentWithModuleName } from '../common/index.mjs'
+ */
+
+class Component {
+  /**
+   * Returns the root element of the component
+   *
+   * @protected
+   * @returns {RootElementType} - the root element of component
+   */
+  get $root() {
+    return this._$root;
+  }
+  constructor($root) {
+    this._$root = void 0;
+    const childConstructor = this.constructor;
+    if (typeof childConstructor.moduleName !== 'string') {
+      throw new InitError(`\`moduleName\` not defined in component`);
+    }
+    if (!($root instanceof childConstructor.elementType)) {
+      throw new ElementError({
+        element: $root,
+        component: childConstructor,
+        identifier: 'Root element (`$root`)',
+        expectedType: childConstructor.elementType.name
+      });
+    } else {
+      this._$root = $root;
+    }
+    childConstructor.checkSupport();
+    this.checkInitialised();
+    const moduleName = childConstructor.moduleName;
+    this.$root.setAttribute(`data-${moduleName}-init`, '');
+  }
+  checkInitialised() {
+    const constructor = this.constructor;
+    const moduleName = constructor.moduleName;
+    if (moduleName && isInitialised(this.$root, moduleName)) {
+      throw new InitError(constructor);
+    }
+  }
+  static checkSupport() {
+    if (!isSupported()) {
+      throw new SupportError();
+    }
+  }
+}
+
+/**
+ * @typedef ChildClass
+ * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component
+ */
+
+/**
+ * @typedef {typeof Component & ChildClass} ChildClassConstructor
+ */
+Component.elementType = HTMLElement;
+
+const configOverride = Symbol.for('configOverride');
+class ConfigurableComponent extends Component {
+  [configOverride](param) {
+    return {};
+  }
+
+  /**
+   * Returns the root element of the component
+   *
+   * @protected
+   * @returns {ConfigurationType} - the root element of component
+   */
+  get config() {
+    return this._config;
+  }
+  constructor($root, config) {
+    super($root);
+    this._config = void 0;
+    const childConstructor = this.constructor;
+    if (!isObject(childConstructor.defaults)) {
+      throw new ConfigError(formatErrorMessage(childConstructor, 'Config passed as parameter into constructor but no defaults defined'));
+    }
+    const datasetConfig = normaliseDataset(childConstructor, this._$root.dataset);
+    this._config = mergeConfigs(childConstructor.defaults, config != null ? config : {}, this[configOverride](datasetConfig), datasetConfig);
+  }
+}
+function normaliseString(value, property) {
+  const trimmedValue = value ? value.trim() : '';
+  let output;
+  let outputType = property == null ? void 0 : property.type;
+  if (!outputType) {
+    if (['true', 'false'].includes(trimmedValue)) {
+      outputType = 'boolean';
+    }
+    if (trimmedValue.length > 0 && isFinite(Number(trimmedValue))) {
+      outputType = 'number';
+    }
+  }
+  switch (outputType) {
+    case 'boolean':
+      output = trimmedValue === 'true';
+      break;
+    case 'number':
+      output = Number(trimmedValue);
+      break;
+    default:
+      output = value;
+  }
+  return output;
+}
+function normaliseDataset(Component, dataset) {
+  if (!isObject(Component.schema)) {
+    throw new ConfigError(formatErrorMessage(Component, 'Config passed as parameter into constructor but no schema defined'));
+  }
+  const out = {};
+  const entries = Object.entries(Component.schema.properties);
+  for (const entry of entries) {
+    const [namespace, property] = entry;
+    const field = namespace.toString();
+    if (field in dataset) {
+      out[field] = normaliseString(dataset[field], property);
+    }
+    if ((property == null ? void 0 : property.type) === 'object') {
+      out[field] = extractConfigByNamespace(Component.schema, dataset, namespace);
+    }
+  }
+  return out;
+}
+function mergeConfigs(...configObjects) {
+  const formattedConfigObject = {};
+  for (const configObject of configObjects) {
+    for (const key of Object.keys(configObject)) {
+      const option = formattedConfigObject[key];
+      const override = configObject[key];
+      if (isObject(option) && isObject(override)) {
+        formattedConfigObject[key] = mergeConfigs(option, override);
+      } else {
+        formattedConfigObject[key] = override;
+      }
+    }
+  }
+  return formattedConfigObject;
+}
+function extractConfigByNamespace(schema, dataset, namespace) {
+  const property = schema.properties[namespace];
+  if ((property == null ? void 0 : property.type) !== 'object') {
+    return;
+  }
+  const newObject = {
+    [namespace]: {}
+  };
+  for (const [key, value] of Object.entries(dataset)) {
+    let current = newObject;
+    const keyParts = key.split('.');
+    for (const [index, name] of keyParts.entries()) {
+      if (isObject(current)) {
+        if (index < keyParts.length - 1) {
+          if (!isObject(current[name])) {
+            current[name] = {};
+          }
+          current = current[name];
+        } else if (key !== namespace) {
+          current[name] = normaliseString(value);
+        }
+      }
+    }
+  }
+  return newObject[namespace];
+}
+/**
+ * Schema for component config
+ *
+ * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType
+ * @typedef {object} Schema
+ * @property {Record<keyof ConfigurationType, SchemaProperty | undefined>} properties - Schema properties
+ * @property {SchemaCondition<ConfigurationType>[]} [anyOf] - List of schema conditions
+ */
+/**
+ * Schema property for component config
+ *
+ * @typedef {object} SchemaProperty
+ * @property {'string' | 'boolean' | 'number' | 'object'} type - Property type
+ */
+/**
+ * Schema condition for component config
+ *
+ * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType
+ * @typedef {object} SchemaCondition
+ * @property {(keyof ConfigurationType)[]} required - List of required config fields
+ * @property {string} errorMessage - Error message when required config fields not provided
+ */
+/**
+ * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]
+ * @typedef ChildClass
+ * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component
+ * @property {Schema<ConfigurationType>} [schema] - The schema of the component configuration
+ * @property {ConfigurationType} [defaults] - The default values of the configuration of the component
+ */
+/**
+ * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]
+ * @typedef {typeof Component & ChildClass<ConfigurationType>} ChildClassConstructor<ConfigurationType>
+ */
+/**
+ * @import { CompatibleClass, Config, CreateAllOptions, OnErrorCallback } from '../init.mjs'
+ */
+
+const DEBOUNCE_TIMEOUT_IN_SECONDS = 1;
+
+/**
+ * JavaScript enhancements for the Button component
+ *
+ * @preserve
+ * @augments ConfigurableComponent<ButtonConfig>
+ */
+class Button extends ConfigurableComponent {
+  /**
+   * @param {Element | null} $root - HTML element to use for button
+   * @param {ButtonConfig} [config] - Button config
+   */
+  constructor($root, config = {}) {
+    super($root, config);
+    this.debounceFormSubmitTimer = null;
+    this.$root.addEventListener('keydown', event => this.handleKeyDown(event));
+    this.$root.addEventListener('click', event => this.debounce(event));
+  }
+  handleKeyDown(event) {
+    const $target = event.target;
+    if (event.key !== ' ') {
+      return;
+    }
+    if ($target instanceof HTMLElement && $target.getAttribute('role') === 'button') {
+      event.preventDefault();
+      $target.click();
+    }
+  }
+  debounce(event) {
+    if (!this.config.preventDoubleClick) {
+      return;
+    }
+    if (this.debounceFormSubmitTimer) {
+      event.preventDefault();
+      return false;
+    }
+    this.debounceFormSubmitTimer = window.setTimeout(() => {
+      this.debounceFormSubmitTimer = null;
+    }, DEBOUNCE_TIMEOUT_IN_SECONDS * 1000);
+  }
+}
+
+/**
+ * Button config
+ *
+ * @typedef {object} ButtonConfig
+ * @property {boolean} [preventDoubleClick=false] - Prevent accidental double
+ *   clicks on submit buttons from submitting forms multiple times.
+ */
+
+/**
+ * @import { Schema } from '../../common/configuration.mjs'
+ */
+Button.moduleName = 'govuk-button';
+Button.defaults = Object.freeze({
+  preventDoubleClick: false
+});
+Button.schema = Object.freeze({
+  properties: {
+    preventDoubleClick: {
+      type: 'boolean'
+    }
+  }
+});
+
+export { Button };
+//# sourceMappingURL=button.bundle.mjs.map
diff --git a/app/templates/govuk/components/button/button.bundle.mjs.map b/app/templates/govuk/components/button/button.bundle.mjs.map
new file mode 100644
index 0000000..e60059a
--- /dev/null
+++ b/app/templates/govuk/components/button/button.bundle.mjs.map
@@ -0,0 +1 @@
+{"version":3,"file":"button.bundle.mjs","sources":["../../../../src/govuk/common/index.mjs","../../../../src/govuk/errors/index.mjs","../../../../src/govuk/component.mjs","../../../../src/govuk/common/configuration.mjs","../../../../src/govuk/components/button/button.mjs"],"sourcesContent":["/**\n * Common helpers which do not require polyfill.\n *\n * IMPORTANT: If a helper require a polyfill, please isolate it in its own module\n * so that the polyfill can be properly tree-shaken and does not burden\n * the components that do not need that helper\n */\n\n/**\n * Get GOV.UK Frontend breakpoint value from CSS custom property\n *\n * @private\n * @param {string} name - Breakpoint name\n * @returns {{ property: string, value?: string }} Breakpoint object\n */\nexport function getBreakpoint(name) {\n  const property = `--govuk-breakpoint-${name}`\n\n  // Get value from `<html>` with breakpoints on CSS :root\n  const value = window\n    .getComputedStyle(document.documentElement)\n    .getPropertyValue(property)\n\n  return {\n    property,\n    value: value || undefined\n  }\n}\n\n/**\n * Move focus to element\n *\n * Sets tabindex to -1 to make the element programmatically focusable,\n * but removes it on blur as the element doesn't need to be focused again.\n *\n * @private\n * @template {HTMLElement} FocusElement\n * @param {FocusElement} $element - HTML element\n * @param {object} [options] - Handler options\n * @param {function(this: FocusElement): void} [options.onBeforeFocus] - Callback before focus\n * @param {function(this: FocusElement): void} [options.onBlur] - Callback on blur\n */\nexport function setFocus($element, options = {}) {\n  const isFocusable = $element.getAttribute('tabindex')\n\n  if (!isFocusable) {\n    $element.setAttribute('tabindex', '-1')\n  }\n\n  /**\n   * Handle element focus\n   */\n  function onFocus() {\n    $element.addEventListener('blur', onBlur, { once: true })\n  }\n\n  /**\n   * Handle element blur\n   */\n  function onBlur() {\n    options.onBlur?.call($element)\n\n    if (!isFocusable) {\n      $element.removeAttribute('tabindex')\n    }\n  }\n\n  // Add listener to reset element on blur, after focus\n  $element.addEventListener('focus', onFocus, { once: true })\n\n  // Focus element\n  options.onBeforeFocus?.call($element)\n  $element.focus()\n}\n\n/**\n * Checks if component is already initialised\n *\n * @internal\n * @param {Element} $root - HTML element to be checked\n * @param {string} moduleName - name of component module\n * @returns {boolean} Whether component is already initialised\n */\nexport function isInitialised($root, moduleName) {\n  return (\n    $root instanceof HTMLElement &&\n    $root.hasAttribute(`data-${moduleName}-init`)\n  )\n}\n\n/**\n * Checks if GOV.UK Frontend is supported on this page\n *\n * Some browsers will load and run our JavaScript but GOV.UK Frontend\n * won't be supported.\n *\n * @param {HTMLElement | null} [$scope] - (internal) `<body>` HTML element checked for browser support\n * @returns {boolean} Whether GOV.UK Frontend is supported on this page\n */\nexport function isSupported($scope = document.body) {\n  if (!$scope) {\n    return false\n  }\n\n  return $scope.classList.contains('govuk-frontend-supported')\n}\n\n/**\n * Check for an array\n *\n * @internal\n * @param {unknown} option - Option to check\n * @returns {boolean} Whether the option is an array\n */\nfunction isArray(option) {\n  return Array.isArray(option)\n}\n\n/**\n * Check for an object\n *\n * @internal\n * @template {Partial<Record<keyof ObjectType, unknown>>} ObjectType\n * @param {unknown | ObjectType} option - Option to check\n * @returns {option is ObjectType} Whether the option is an object\n */\nexport function isObject(option) {\n  return !!option && typeof option === 'object' && !isArray(option)\n}\n\n/**\n * Check for valid scope\n *\n * @internal\n * @template {Element | Document} ScopeType\n * @param {unknown | ScopeType} $scope - Scope of the document to search within\n * @returns {$scope is ScopeType} Whether the scope can be queried\n */\nexport function isScope($scope) {\n  return !!$scope && ($scope instanceof Element || $scope instanceof Document)\n}\n\n/**\n * Format error message\n *\n * @internal\n * @param {ComponentWithModuleName} Component - Component that threw the error\n * @param {string} message - Error message\n * @returns {string} - Formatted error message\n */\nexport function formatErrorMessage(Component, message) {\n  return `${Component.moduleName}: ${message}`\n}\n\n/* eslint-disable jsdoc/valid-types --\n * `{new(...args: any[] ): object}` is not recognised as valid\n * https://github.com/gajus/eslint-plugin-jsdoc/issues/145#issuecomment-1308722878\n * https://github.com/jsdoc-type-pratt-parser/jsdoc-type-pratt-parser/issues/131\n **/\n\n/**\n * @typedef ComponentWithModuleName\n * @property {string} moduleName - Name of the component\n */\n\n/* eslint-enable jsdoc/valid-types */\n","import { formatErrorMessage, isObject } from '../common/index.mjs'\n\n/**\n * GOV.UK Frontend error\n *\n * A base class for `Error`s thrown by GOV.UK Frontend.\n *\n * It is meant to be extended into specific types of errors\n * to be thrown by our code.\n *\n * @example\n * ```js\n * class MissingRootError extends GOVUKFrontendError {\n *   // Setting an explicit name is important as extending the class will not\n *   // set a new `name` on the subclass. The `name` property is important\n *   // to ensure intelligible error names even if the class name gets\n *   // mangled by a minifier\n *   name = \"MissingRootError\"\n * }\n * ```\n * @virtual\n */\nexport class GOVUKFrontendError extends Error {\n  name = 'GOVUKFrontendError'\n}\n\n/**\n * Indicates that GOV.UK Frontend is not supported\n */\nexport class SupportError extends GOVUKFrontendError {\n  name = 'SupportError'\n\n  /**\n   * Checks if GOV.UK Frontend is supported on this page\n   *\n   * @param {HTMLElement | null} [$scope] - HTML element `<body>` checked for browser support\n   */\n  constructor($scope = document.body) {\n    const supportMessage =\n      'noModule' in HTMLScriptElement.prototype\n        ? 'GOV.UK Frontend initialised without `<body class=\"govuk-frontend-supported\">` from template `<script>` snippet'\n        : 'GOV.UK Frontend is not supported in this browser'\n\n    super(\n      $scope\n        ? supportMessage\n        : 'GOV.UK Frontend initialised without `<script type=\"module\">`'\n    )\n  }\n}\n\n/**\n * Indicates that a component has received an illegal configuration\n */\nexport class ConfigError extends GOVUKFrontendError {\n  name = 'ConfigError'\n}\n\n/**\n * Indicates an issue with an element (possibly `null` or `undefined`)\n */\nexport class ElementError extends GOVUKFrontendError {\n  name = 'ElementError'\n\n  /**\n   * @internal\n   * @overload\n   * @param {string} message - Element error message\n   */\n\n  /**\n   * @internal\n   * @overload\n   * @param {ElementErrorOptions} options - Element error options\n   */\n\n  /**\n   * @internal\n   * @param {string | ElementErrorOptions} messageOrOptions - Element error message or options\n   */\n  constructor(messageOrOptions) {\n    let message = typeof messageOrOptions === 'string' ? messageOrOptions : ''\n\n    // Build message from options\n    if (isObject(messageOrOptions)) {\n      const { component, identifier, element, expectedType } = messageOrOptions\n\n      message = identifier\n\n      // Append reason\n      message += element\n        ? ` is not of type ${expectedType ?? 'HTMLElement'}`\n        : ' not found'\n\n      // Prepend with module name (optional)\n      if (component) {\n        message = formatErrorMessage(component, message)\n      }\n    }\n\n    super(message)\n  }\n}\n\n/**\n * Indicates that a component is already initialised\n */\nexport class InitError extends GOVUKFrontendError {\n  name = 'InitError'\n\n  /**\n   * @internal\n   * @param {ComponentWithModuleName | string} componentOrMessage - name of the component module\n   */\n  constructor(componentOrMessage) {\n    const message =\n      typeof componentOrMessage === 'string'\n        ? componentOrMessage\n        : formatErrorMessage(\n            componentOrMessage,\n            `Root element (\\`$root\\`) already initialised`\n          )\n\n    super(message)\n  }\n}\n\n/**\n * Element error options\n *\n * @internal\n * @typedef {object} ElementErrorOptions\n * @property {Element | Document | null} [element] - The element in error (optional)\n * @property {ComponentWithModuleName} [component] - Component throwing the error (optional)\n * @property {string} identifier - An identifier that'll let the user understand which element has an error. This is whatever makes the most sense\n * @property {string} [expectedType] - The type that was expected for the identifier (optional)\n */\n\n/**\n * @import { ComponentWithModuleName } from '../common/index.mjs'\n */\n","import { isInitialised, isSupported } from './common/index.mjs'\nimport { ElementError, InitError, SupportError } from './errors/index.mjs'\n\n/**\n * Base Component class\n *\n * Centralises the behaviours shared by our components\n *\n * @virtual\n * @template {Element} [RootElementType=HTMLElement]\n */\nexport class Component {\n  /**\n   * @type {typeof Element}\n   */\n  static elementType = HTMLElement\n\n  // allows Typescript user to work around the lack of types\n  // in GOVUKFrontend package, Typescript is not aware of $root\n  // in components that extend GOVUKFrontendComponent\n  /**\n   * Returns the root element of the component\n   *\n   * @protected\n   * @returns {RootElementType} - the root element of component\n   */\n  get $root() {\n    return this._$root\n  }\n\n  /**\n   * @protected\n   * @type {RootElementType}\n   */\n  _$root\n\n  /**\n   * Constructs a new component, validating that GOV.UK Frontend is supported\n   *\n   * @internal\n   * @param {Element | null} [$root] - HTML element to use for component\n   */\n  constructor($root) {\n    const childConstructor = /** @type {ChildClassConstructor} */ (\n      this.constructor\n    )\n\n    // TypeScript does not enforce that inheriting classes will define a `moduleName`\n    // (even if we add a `@virtual` `static moduleName` property to this class).\n    // While we trust users to do this correctly, we do a little check to provide them\n    // a helpful error message.\n    //\n    // After this, we'll be sure that `childConstructor` has a `moduleName`\n    // as expected of the `ChildClassConstructor` we've cast `this.constructor` to.\n    if (typeof childConstructor.moduleName !== 'string') {\n      throw new InitError(`\\`moduleName\\` not defined in component`)\n    }\n\n    if (!($root instanceof childConstructor.elementType)) {\n      throw new ElementError({\n        element: $root,\n        component: childConstructor,\n        identifier: 'Root element (`$root`)',\n        expectedType: childConstructor.elementType.name\n      })\n    } else {\n      this._$root = /** @type {RootElementType} */ ($root)\n    }\n\n    childConstructor.checkSupport()\n\n    this.checkInitialised()\n\n    const moduleName = childConstructor.moduleName\n\n    this.$root.setAttribute(`data-${moduleName}-init`, '')\n  }\n\n  /**\n   * Validates whether component is already initialised\n   *\n   * @private\n   * @throws {InitError} when component is already initialised\n   */\n  checkInitialised() {\n    const constructor = /** @type {ChildClassConstructor} */ (this.constructor)\n    const moduleName = constructor.moduleName\n\n    if (moduleName && isInitialised(this.$root, moduleName)) {\n      throw new InitError(constructor)\n    }\n  }\n\n  /**\n   * Validates whether components are supported\n   *\n   * @throws {SupportError} when the components are not supported\n   */\n  static checkSupport() {\n    if (!isSupported()) {\n      throw new SupportError()\n    }\n  }\n}\n\n/**\n * @typedef ChildClass\n * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component\n */\n\n/**\n * @typedef {typeof Component & ChildClass} ChildClassConstructor\n */\n","import { Component } from '../component.mjs'\nimport { ConfigError } from '../errors/index.mjs'\n\nimport { isObject, isScope, formatErrorMessage } from './index.mjs'\n\nexport const configOverride = Symbol.for('configOverride')\n\n/**\n * Base Component class\n *\n * Centralises the behaviours shared by our components\n *\n * @virtual\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]\n * @template {Element & { dataset: DOMStringMap }} [RootElementType=HTMLElement]\n * @augments Component<RootElementType>\n */\nexport class ConfigurableComponent extends Component {\n  /**\n   * configOverride\n   *\n   * Function which defines configuration overrides to prioritize\n   * properties from the root element's dataset.\n   *\n   * It should take a subset of configuration as input and return\n   * a new configuration object with properties that should be\n   * overridden based on the root element's dataset. A Symbol\n   * is used for indexing to prevent conflicts.\n   *\n   * @internal\n   * @virtual\n   * @param {Partial<ConfigurationType>} [param] - Configuration object\n   * @returns {Partial<ConfigurationType>} return - Configuration object\n   */\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  [configOverride](param) {\n    return {}\n  }\n\n  /**\n   * Returns the root element of the component\n   *\n   * @protected\n   * @returns {ConfigurationType} - the root element of component\n   */\n  get config() {\n    return this._config\n  }\n\n  /**\n   *\n   * @type {ConfigurationType}\n   */\n  _config\n\n  /**\n   * Constructs a new component, validating that GOV.UK Frontend is supported\n   *\n   * @internal\n   * @param {Element | null} [$root] - HTML element to use for component\n   * @param {ConfigurationType} [config] - HTML element to use for component\n   */\n  constructor($root, config) {\n    super($root)\n\n    const childConstructor =\n      /** @type {ChildClassConstructor<ConfigurationType>} */ (this.constructor)\n\n    if (!isObject(childConstructor.defaults)) {\n      throw new ConfigError(\n        formatErrorMessage(\n          childConstructor,\n          'Config passed as parameter into constructor but no defaults defined'\n        )\n      )\n    }\n\n    const datasetConfig = /** @type {ConfigurationType} */ (\n      normaliseDataset(childConstructor, this._$root.dataset)\n    )\n\n    this._config = /** @type {ConfigurationType} */ (\n      mergeConfigs(\n        childConstructor.defaults,\n        config ?? {},\n        this[configOverride](datasetConfig),\n        datasetConfig\n      )\n    )\n  }\n}\n\n/**\n * Normalise string\n *\n * 'If it looks like a duck, and it quacks like a duck…' 🦆\n *\n * If the passed value looks like a boolean or a number, convert it to a boolean\n * or number.\n *\n * Designed to be used to convert config passed via data attributes (which are\n * always strings) into something sensible.\n *\n * @internal\n * @param {DOMStringMap[string]} value - The value to normalise\n * @param {SchemaProperty} [property] - Component schema property\n * @returns {string | boolean | number | undefined} Normalised data\n */\nexport function normaliseString(value, property) {\n  const trimmedValue = value ? value.trim() : ''\n\n  let output\n  let outputType = property?.type\n\n  // No schema type set? Determine automatically\n  if (!outputType) {\n    if (['true', 'false'].includes(trimmedValue)) {\n      outputType = 'boolean'\n    }\n\n    // Empty / whitespace-only strings are considered finite so we need to check\n    // the length of the trimmed string as well\n    if (trimmedValue.length > 0 && isFinite(Number(trimmedValue))) {\n      outputType = 'number'\n    }\n  }\n\n  switch (outputType) {\n    case 'boolean':\n      output = trimmedValue === 'true'\n      break\n\n    case 'number':\n      output = Number(trimmedValue)\n      break\n\n    default:\n      output = value\n  }\n\n  return output\n}\n\n/**\n * Normalise dataset\n *\n * Loop over an object and normalise each value using {@link normaliseString},\n * optionally expanding nested `i18n.field`\n *\n * @internal\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @template {[keyof ConfigurationType, SchemaProperty | undefined][]} SchemaEntryType\n * @param {{ schema?: Schema<ConfigurationType>, moduleName: string }} Component - Component class\n * @param {DOMStringMap} dataset - HTML element dataset\n * @returns {ObjectNested} Normalised dataset\n */\nexport function normaliseDataset(Component, dataset) {\n  if (!isObject(Component.schema)) {\n    throw new ConfigError(\n      formatErrorMessage(\n        Component,\n        'Config passed as parameter into constructor but no schema defined'\n      )\n    )\n  }\n\n  const out = /** @type {ObjectNested} */ ({})\n  const entries = /** @type {SchemaEntryType} */ (\n    Object.entries(Component.schema.properties)\n  )\n\n  // Normalise top-level dataset ('data-*') values using schema types\n  for (const entry of entries) {\n    const [namespace, property] = entry\n\n    // Cast the `namespace` to string so it can be used to access the dataset\n    const field = namespace.toString()\n\n    if (field in dataset) {\n      out[field] = normaliseString(dataset[field], property)\n    }\n\n    /**\n     * Extract and normalise nested object values automatically using\n     * {@link normaliseString} but only schema object types are allowed\n     */\n    if (property?.type === 'object') {\n      out[field] = extractConfigByNamespace(\n        Component.schema,\n        dataset,\n        namespace\n      )\n    }\n  }\n\n  return out\n}\n\n/**\n * Normalise options passed to `initAll` or `createAll`\n *\n * @internal\n * @template {CompatibleClass} ComponentClass\n * @param {Config | CreateAllOptions<ComponentClass> | OnErrorCallback<ComponentClass> | Element | Document | null} [scopeOrOptions] - Scope of the document to search within, initialisation options or error callback function\n * @returns {CreateAllOptions<ComponentClass>} Normalised options\n */\nexport function normaliseOptions(scopeOrOptions) {\n  let /** @type {Element | Document | null} */ $scope = document\n  let /** @type {OnErrorCallback<ComponentClass> | undefined} */ onError\n\n  // Handle options object\n  if (isObject(scopeOrOptions)) {\n    const options = scopeOrOptions\n\n    // Scope must be valid or null\n    if (isScope(options.scope) || options.scope === null) {\n      $scope = options.scope\n    }\n\n    // Error handler must be a function\n    if (typeof options.onError === 'function') {\n      onError = options.onError\n    }\n  }\n\n  if (isScope(scopeOrOptions)) {\n    $scope = scopeOrOptions\n  } else if (scopeOrOptions === null) {\n    $scope = null\n  } else if (typeof scopeOrOptions === 'function') {\n    onError = scopeOrOptions\n  }\n\n  return {\n    scope: $scope,\n    onError\n  }\n}\n\n/**\n * Config merging function\n *\n * Takes any number of objects and combines them together, with\n * greatest priority on the LAST item passed in.\n *\n * @internal\n * @param {...{ [key: string]: unknown }} configObjects - Config objects to merge\n * @returns {{ [key: string]: unknown }} A merged config object\n */\nexport function mergeConfigs(...configObjects) {\n  // Start with an empty object as our base\n  /** @type {{ [key: string]: unknown }} */\n  const formattedConfigObject = {}\n\n  // Loop through each of the passed objects\n  for (const configObject of configObjects) {\n    for (const key of Object.keys(configObject)) {\n      const option = formattedConfigObject[key]\n      const override = configObject[key]\n\n      // Push their keys one-by-one into formattedConfigObject. Any duplicate\n      // keys with object values will be merged, otherwise the new value will\n      // override the existing value.\n      if (isObject(option) && isObject(override)) {\n        formattedConfigObject[key] = mergeConfigs(option, override)\n      } else {\n        // Apply override\n        formattedConfigObject[key] = override\n      }\n    }\n  }\n\n  return formattedConfigObject\n}\n\n/**\n * Validate component config by schema\n *\n * Follows limited examples in JSON schema for wider support in future\n *\n * {@link https://ajv.js.org/json-schema.html#compound-keywords}\n * {@link https://ajv.js.org/packages/ajv-errors.html#single-message}\n *\n * @internal\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @param {Schema<ConfigurationType>} schema - The schema of a component\n * @param {ConfigurationType} config - Component config\n * @returns {string[]} List of validation errors\n */\nexport function validateConfig(schema, config) {\n  const validationErrors = []\n\n  // Check errors for each schema\n  for (const [name, conditions] of Object.entries(schema)) {\n    const errors = []\n\n    // Check errors for each schema condition\n    if (Array.isArray(conditions)) {\n      for (const { required, errorMessage } of conditions) {\n        if (!required.every((key) => !!config[key])) {\n          errors.push(errorMessage) // Missing config key value\n        }\n      }\n\n      // Check one condition passes or add errors\n      if (name === 'anyOf' && !(conditions.length - errors.length >= 1)) {\n        validationErrors.push(...errors)\n      }\n    }\n  }\n\n  return validationErrors\n}\n\n/**\n * Extracts keys starting with a particular namespace from dataset ('data-*')\n * object, removing the namespace in the process, normalising all values\n *\n * @internal\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @param {Schema<ConfigurationType>} schema - The schema of a component\n * @param {DOMStringMap} dataset - The object to extract key-value pairs from\n * @param {keyof ConfigurationType} namespace - The namespace to filter keys with\n * @returns {ObjectNested | undefined} Nested object with dot-separated key namespace removed\n */\nexport function extractConfigByNamespace(schema, dataset, namespace) {\n  const property = schema.properties[namespace]\n\n  // Only extract configs for object schema properties\n  if (property?.type !== 'object') {\n    return\n  }\n\n  // Add default empty config\n  const newObject = /** @type {Record<typeof namespace, ObjectNested>} */ ({\n    [namespace]: {}\n  })\n\n  for (const [key, value] of Object.entries(dataset)) {\n    /** @type {ObjectNested | ObjectNested[NestedKey]} */\n    let current = newObject\n\n    // Split the key into parts, using . as our namespace separator\n    const keyParts = key.split('.')\n\n    /**\n     * Create new level per part\n     *\n     * e.g. 'i18n.textareaDescription.other' becomes\n     * `{ i18n: { textareaDescription: { other } } }`\n     */\n    for (const [index, name] of keyParts.entries()) {\n      if (isObject(current)) {\n        // Drop down to nested object until the last part\n        if (index < keyParts.length - 1) {\n          // New nested object (optionally) replaces existing value\n          if (!isObject(current[name])) {\n            current[name] = {}\n          }\n\n          // Drop down into new or existing nested object\n          current = current[name]\n        } else if (key !== namespace) {\n          // Normalised value (optionally) replaces existing value\n          current[name] = normaliseString(value)\n        }\n      }\n    }\n  }\n\n  return newObject[namespace]\n}\n\n/**\n * @internal\n * @typedef {keyof ObjectNested} NestedKey\n * @typedef {{ [key: string]: string | boolean | number | ObjectNested | undefined }} ObjectNested\n */\n\n/**\n * Schema for component config\n *\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @typedef {object} Schema\n * @property {Record<keyof ConfigurationType, SchemaProperty | undefined>} properties - Schema properties\n * @property {SchemaCondition<ConfigurationType>[]} [anyOf] - List of schema conditions\n */\n\n/**\n * Schema property for component config\n *\n * @typedef {object} SchemaProperty\n * @property {'string' | 'boolean' | 'number' | 'object'} type - Property type\n */\n\n/**\n * Schema condition for component config\n *\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @typedef {object} SchemaCondition\n * @property {(keyof ConfigurationType)[]} required - List of required config fields\n * @property {string} errorMessage - Error message when required config fields not provided\n */\n\n/**\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]\n * @typedef ChildClass\n * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component\n * @property {Schema<ConfigurationType>} [schema] - The schema of the component configuration\n * @property {ConfigurationType} [defaults] - The default values of the configuration of the component\n */\n\n/**\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]\n * @typedef {typeof Component & ChildClass<ConfigurationType>} ChildClassConstructor<ConfigurationType>\n */\n\n/**\n * @import { CompatibleClass, Config, CreateAllOptions, OnErrorCallback } from '../init.mjs'\n */\n","import { ConfigurableComponent } from '../../common/configuration.mjs'\n\nconst DEBOUNCE_TIMEOUT_IN_SECONDS = 1\n\n/**\n * JavaScript enhancements for the Button component\n *\n * @preserve\n * @augments ConfigurableComponent<ButtonConfig>\n */\nexport class Button extends ConfigurableComponent {\n  /**\n   * @private\n   * @type {number | null}\n   */\n  debounceFormSubmitTimer = null\n\n  /**\n   * @param {Element | null} $root - HTML element to use for button\n   * @param {ButtonConfig} [config] - Button config\n   */\n  constructor($root, config = {}) {\n    super($root, config)\n\n    this.$root.addEventListener('keydown', (event) => this.handleKeyDown(event))\n    this.$root.addEventListener('click', (event) => this.debounce(event))\n  }\n\n  /**\n   * Trigger a click event when the space key is pressed\n   *\n   * Some screen readers tell users they can use the space bar to activate\n   * things with the 'button' role, so we need to match the functionality of\n   * native HTML buttons.\n   *\n   * See https://github.com/alphagov/govuk_elements/pull/272#issuecomment-233028270\n   *\n   * @private\n   * @param {KeyboardEvent} event - Keydown event\n   */\n  handleKeyDown(event) {\n    const $target = event.target\n\n    // Handle space bar only\n    if (event.key !== ' ') {\n      return\n    }\n\n    // Handle elements with [role=\"button\"] only\n    if (\n      $target instanceof HTMLElement &&\n      $target.getAttribute('role') === 'button'\n    ) {\n      event.preventDefault() // prevent the page from scrolling\n      $target.click()\n    }\n  }\n\n  /**\n   * Debounce double-clicks\n   *\n   * If the click quickly succeeds a previous click then nothing will happen.\n   * This stops people accidentally causing multiple form submissions by double\n   * clicking buttons.\n   *\n   * @private\n   * @param {MouseEvent} event - Mouse click event\n   * @returns {undefined | false} Returns undefined, or false when debounced\n   */\n  debounce(event) {\n    // Check the button that was clicked has preventDoubleClick enabled\n    if (!this.config.preventDoubleClick) {\n      return\n    }\n\n    // If the timer is still running, prevent the click from submitting the form\n    if (this.debounceFormSubmitTimer) {\n      event.preventDefault()\n      return false\n    }\n\n    this.debounceFormSubmitTimer = window.setTimeout(() => {\n      this.debounceFormSubmitTimer = null\n    }, DEBOUNCE_TIMEOUT_IN_SECONDS * 1000)\n  }\n\n  /**\n   * Name for the component used when initialising using data-module attributes.\n   */\n  static moduleName = 'govuk-button'\n\n  /**\n   * Button default config\n   *\n   * @see {@link ButtonConfig}\n   * @constant\n   * @type {ButtonConfig}\n   */\n  static defaults = Object.freeze({\n    preventDoubleClick: false\n  })\n\n  /**\n   * Button config schema\n   *\n   * @constant\n   * @satisfies {Schema<ButtonConfig>}\n   */\n  static schema = Object.freeze({\n    properties: {\n      preventDoubleClick: { type: 'boolean' }\n    }\n  })\n}\n\n/**\n * Button config\n *\n * @typedef {object} ButtonConfig\n * @property {boolean} [preventDoubleClick=false] - Prevent accidental double\n *   clicks on submit buttons from submitting forms multiple times.\n */\n\n/**\n * @import { Schema } from '../../common/configuration.mjs'\n */\n"],"names":["isInitialised","$root","moduleName","HTMLElement","hasAttribute","isSupported","$scope","document","body","classList","contains","isArray","option","Array","isObject","formatErrorMessage","Component","message","GOVUKFrontendError","Error","constructor","args","name","SupportError","supportMessage","HTMLScriptElement","prototype","ConfigError","ElementError","messageOrOptions","component","identifier","element","expectedType","InitError","componentOrMessage","_$root","childConstructor","elementType","checkSupport","checkInitialised","setAttribute","configOverride","Symbol","for","ConfigurableComponent","param","config","_config","defaults","datasetConfig","normaliseDataset","dataset","mergeConfigs","normaliseString","value","property","trimmedValue","trim","output","outputType","type","includes","length","isFinite","Number","schema","out","entries","Object","properties","entry","namespace","field","toString","extractConfigByNamespace","configObjects","formattedConfigObject","configObject","key","keys","override","newObject","current","keyParts","split","index","DEBOUNCE_TIMEOUT_IN_SECONDS","Button","debounceFormSubmitTimer","addEventListener","event","handleKeyDown","debounce","$target","target","getAttribute","preventDefault","click","preventDoubleClick","window","setTimeout","freeze"],"mappings":"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"}
\ No newline at end of file
diff --git a/app/templates/govuk/components/button/button.mjs b/app/templates/govuk/components/button/button.mjs
new file mode 100644
index 0000000..bc8aa31
--- /dev/null
+++ b/app/templates/govuk/components/button/button.mjs
@@ -0,0 +1,70 @@
+import { ConfigurableComponent } from '../../common/configuration.mjs';
+
+const DEBOUNCE_TIMEOUT_IN_SECONDS = 1;
+
+/**
+ * JavaScript enhancements for the Button component
+ *
+ * @preserve
+ * @augments ConfigurableComponent<ButtonConfig>
+ */
+class Button extends ConfigurableComponent {
+  /**
+   * @param {Element | null} $root - HTML element to use for button
+   * @param {ButtonConfig} [config] - Button config
+   */
+  constructor($root, config = {}) {
+    super($root, config);
+    this.debounceFormSubmitTimer = null;
+    this.$root.addEventListener('keydown', event => this.handleKeyDown(event));
+    this.$root.addEventListener('click', event => this.debounce(event));
+  }
+  handleKeyDown(event) {
+    const $target = event.target;
+    if (event.key !== ' ') {
+      return;
+    }
+    if ($target instanceof HTMLElement && $target.getAttribute('role') === 'button') {
+      event.preventDefault();
+      $target.click();
+    }
+  }
+  debounce(event) {
+    if (!this.config.preventDoubleClick) {
+      return;
+    }
+    if (this.debounceFormSubmitTimer) {
+      event.preventDefault();
+      return false;
+    }
+    this.debounceFormSubmitTimer = window.setTimeout(() => {
+      this.debounceFormSubmitTimer = null;
+    }, DEBOUNCE_TIMEOUT_IN_SECONDS * 1000);
+  }
+}
+
+/**
+ * Button config
+ *
+ * @typedef {object} ButtonConfig
+ * @property {boolean} [preventDoubleClick=false] - Prevent accidental double
+ *   clicks on submit buttons from submitting forms multiple times.
+ */
+
+/**
+ * @import { Schema } from '../../common/configuration.mjs'
+ */
+Button.moduleName = 'govuk-button';
+Button.defaults = Object.freeze({
+  preventDoubleClick: false
+});
+Button.schema = Object.freeze({
+  properties: {
+    preventDoubleClick: {
+      type: 'boolean'
+    }
+  }
+});
+
+export { Button };
+//# sourceMappingURL=button.mjs.map
diff --git a/app/templates/govuk/components/button/button.mjs.map b/app/templates/govuk/components/button/button.mjs.map
new file mode 100644
index 0000000..a50dc51
--- /dev/null
+++ b/app/templates/govuk/components/button/button.mjs.map
@@ -0,0 +1 @@
+{"version":3,"file":"button.mjs","sources":["../../../../src/govuk/components/button/button.mjs"],"sourcesContent":["import { ConfigurableComponent } from '../../common/configuration.mjs'\n\nconst DEBOUNCE_TIMEOUT_IN_SECONDS = 1\n\n/**\n * JavaScript enhancements for the Button component\n *\n * @preserve\n * @augments ConfigurableComponent<ButtonConfig>\n */\nexport class Button extends ConfigurableComponent {\n  /**\n   * @private\n   * @type {number | null}\n   */\n  debounceFormSubmitTimer = null\n\n  /**\n   * @param {Element | null} $root - HTML element to use for button\n   * @param {ButtonConfig} [config] - Button config\n   */\n  constructor($root, config = {}) {\n    super($root, config)\n\n    this.$root.addEventListener('keydown', (event) => this.handleKeyDown(event))\n    this.$root.addEventListener('click', (event) => this.debounce(event))\n  }\n\n  /**\n   * Trigger a click event when the space key is pressed\n   *\n   * Some screen readers tell users they can use the space bar to activate\n   * things with the 'button' role, so we need to match the functionality of\n   * native HTML buttons.\n   *\n   * See https://github.com/alphagov/govuk_elements/pull/272#issuecomment-233028270\n   *\n   * @private\n   * @param {KeyboardEvent} event - Keydown event\n   */\n  handleKeyDown(event) {\n    const $target = event.target\n\n    // Handle space bar only\n    if (event.key !== ' ') {\n      return\n    }\n\n    // Handle elements with [role=\"button\"] only\n    if (\n      $target instanceof HTMLElement &&\n      $target.getAttribute('role') === 'button'\n    ) {\n      event.preventDefault() // prevent the page from scrolling\n      $target.click()\n    }\n  }\n\n  /**\n   * Debounce double-clicks\n   *\n   * If the click quickly succeeds a previous click then nothing will happen.\n   * This stops people accidentally causing multiple form submissions by double\n   * clicking buttons.\n   *\n   * @private\n   * @param {MouseEvent} event - Mouse click event\n   * @returns {undefined | false} Returns undefined, or false when debounced\n   */\n  debounce(event) {\n    // Check the button that was clicked has preventDoubleClick enabled\n    if (!this.config.preventDoubleClick) {\n      return\n    }\n\n    // If the timer is still running, prevent the click from submitting the form\n    if (this.debounceFormSubmitTimer) {\n      event.preventDefault()\n      return false\n    }\n\n    this.debounceFormSubmitTimer = window.setTimeout(() => {\n      this.debounceFormSubmitTimer = null\n    }, DEBOUNCE_TIMEOUT_IN_SECONDS * 1000)\n  }\n\n  /**\n   * Name for the component used when initialising using data-module attributes.\n   */\n  static moduleName = 'govuk-button'\n\n  /**\n   * Button default config\n   *\n   * @see {@link ButtonConfig}\n   * @constant\n   * @type {ButtonConfig}\n   */\n  static defaults = Object.freeze({\n    preventDoubleClick: false\n  })\n\n  /**\n   * Button config schema\n   *\n   * @constant\n   * @satisfies {Schema<ButtonConfig>}\n   */\n  static schema = Object.freeze({\n    properties: {\n      preventDoubleClick: { type: 'boolean' }\n    }\n  })\n}\n\n/**\n * Button config\n *\n * @typedef {object} ButtonConfig\n * @property {boolean} [preventDoubleClick=false] - Prevent accidental double\n *   clicks on submit buttons from submitting forms multiple times.\n */\n\n/**\n * @import { Schema } from '../../common/configuration.mjs'\n */\n"],"names":["DEBOUNCE_TIMEOUT_IN_SECONDS","Button","ConfigurableComponent","constructor","$root","config","debounceFormSubmitTimer","addEventListener","event","handleKeyDown","debounce","$target","target","key","HTMLElement","getAttribute","preventDefault","click","preventDoubleClick","window","setTimeout","moduleName","defaults","Object","freeze","schema","properties","type"],"mappings":";;AAEA,MAAMA,2BAA2B,GAAG,CAAC;;AAErC;AACA;AACA;AACA;AACA;AACA;AACO,MAAMC,MAAM,SAASC,qBAAqB,CAAC;AAOhD;AACF;AACA;AACA;AACEC,EAAAA,WAAWA,CAACC,KAAK,EAAEC,MAAM,GAAG,EAAE,EAAE;AAC9B,IAAA,KAAK,CAACD,KAAK,EAAEC,MAAM,CAAC;IAAA,IAAA,CAPtBC,uBAAuB,GAAG,IAAI;AAS5B,IAAA,IAAI,CAACF,KAAK,CAACG,gBAAgB,CAAC,SAAS,EAAGC,KAAK,IAAK,IAAI,CAACC,aAAa,CAACD,KAAK,CAAC,CAAC;AAC5E,IAAA,IAAI,CAACJ,KAAK,CAACG,gBAAgB,CAAC,OAAO,EAAGC,KAAK,IAAK,IAAI,CAACE,QAAQ,CAACF,KAAK,CAAC,CAAC;AACvE,EAAA;EAcAC,aAAaA,CAACD,KAAK,EAAE;AACnB,IAAA,MAAMG,OAAO,GAAGH,KAAK,CAACI,MAAM;AAG5B,IAAA,IAAIJ,KAAK,CAACK,GAAG,KAAK,GAAG,EAAE;AACrB,MAAA;AACF,IAAA;AAGA,IAAA,IACEF,OAAO,YAAYG,WAAW,IAC9BH,OAAO,CAACI,YAAY,CAAC,MAAM,CAAC,KAAK,QAAQ,EACzC;MACAP,KAAK,CAACQ,cAAc,EAAE;MACtBL,OAAO,CAACM,KAAK,EAAE;AACjB,IAAA;AACF,EAAA;EAaAP,QAAQA,CAACF,KAAK,EAAE;AAEd,IAAA,IAAI,CAAC,IAAI,CAACH,MAAM,CAACa,kBAAkB,EAAE;AACnC,MAAA;AACF,IAAA;IAGA,IAAI,IAAI,CAACZ,uBAAuB,EAAE;MAChCE,KAAK,CAACQ,cAAc,EAAE;AACtB,MAAA,OAAO,KAAK;AACd,IAAA;AAEA,IAAA,IAAI,CAACV,uBAAuB,GAAGa,MAAM,CAACC,UAAU,CAAC,MAAM;MACrD,IAAI,CAACd,uBAAuB,GAAG,IAAI;AACrC,IAAA,CAAC,EAAEN,2BAA2B,GAAG,IAAI,CAAC;AACxC,EAAA;AA6BF;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AAnHaC,MAAM,CA+EVoB,UAAU,GAAG,cAAc;AA/EvBpB,MAAM,CAwFVqB,QAAQ,GAAGC,MAAM,CAACC,MAAM,CAAC;AAC9BN,EAAAA,kBAAkB,EAAE;AACtB,CAAC,CAAC;AA1FSjB,MAAM,CAkGVwB,MAAM,GAAGF,MAAM,CAACC,MAAM,CAAC;AAC5BE,EAAAA,UAAU,EAAE;AACVR,IAAAA,kBAAkB,EAAE;AAAES,MAAAA,IAAI,EAAE;AAAU;AACxC;AACF,CAAC,CAAC;;;;"}
\ No newline at end of file
diff --git a/app/templates/govuk/components/button/fixtures.json b/app/templates/govuk/components/button/fixtures.json
new file mode 100644
index 0000000..09948f7
--- /dev/null
+++ b/app/templates/govuk/components/button/fixtures.json
@@ -0,0 +1,368 @@
+{
+    "component": "button",
+    "fixtures": [
+        {
+            "name": "default",
+            "options": {
+                "text": "Save and continue"
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": true,
+            "html": "<button type=\"submit\" class=\"govuk-button\" data-module=\"govuk-button\">\n  Save and continue\n</button>"
+        },
+        {
+            "name": "disabled",
+            "options": {
+                "text": "Disabled button",
+                "disabled": true
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<button type=\"submit\" disabled aria-disabled=\"true\" class=\"govuk-button\" data-module=\"govuk-button\">\n  Disabled button\n</button>"
+        },
+        {
+            "name": "link",
+            "options": {
+                "text": "Link button",
+                "href": "/"
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<a href=\"/\" role=\"button\" draggable=\"false\" class=\"govuk-button\" data-module=\"govuk-button\">\n  Link button\n</a>"
+        },
+        {
+            "name": "start",
+            "options": {
+                "text": "Start now button",
+                "isStartButton": true
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": true,
+            "html": "<button type=\"submit\" class=\"govuk-button govuk-button--start\" data-module=\"govuk-button\">\n  Start now button\n  <svg class=\"govuk-button__start-icon\" xmlns=\"http://www.w3.org/2000/svg\" width=\"17.5\" height=\"19\" viewBox=\"0 0 33 40\" aria-hidden=\"true\" focusable=\"false\">\n    <path fill=\"currentColor\" d=\"M0 0h13l20 20-20 20H0l20-20z\"/>\n  </svg>\n</button>"
+        },
+        {
+            "name": "input",
+            "options": {
+                "element": "input",
+                "name": "start-now",
+                "text": "Start now"
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<input value=\"Start now\" type=\"submit\" name=\"start-now\" class=\"govuk-button\" data-module=\"govuk-button\">"
+        },
+        {
+            "name": "secondary",
+            "options": {
+                "name": "secondary",
+                "text": "Secondary button",
+                "classes": "govuk-button--secondary"
+            },
+            "hidden": false,
+            "description": "A button for secondary actions",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<button type=\"submit\" name=\"secondary\" class=\"govuk-button govuk-button--secondary\" data-module=\"govuk-button\">\n  Secondary button\n</button>"
+        },
+        {
+            "name": "warning",
+            "options": {
+                "name": "Warning",
+                "text": "Warning button",
+                "classes": "govuk-button--warning"
+            },
+            "hidden": false,
+            "description": "A button for actions that need a warning",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<button type=\"submit\" name=\"Warning\" class=\"govuk-button govuk-button--warning\" data-module=\"govuk-button\">\n  Warning button\n</button>"
+        },
+        {
+            "name": "inverse",
+            "options": {
+                "name": "Inverse",
+                "text": "Inverse button",
+                "classes": "govuk-button--inverse"
+            },
+            "hidden": false,
+            "description": "A button that appears on dark backgrounds",
+            "pageTemplateOptions": {
+                "bodyClasses": "app-template__body--inverse"
+            },
+            "screenshot": true,
+            "html": "<button type=\"submit\" name=\"Inverse\" class=\"govuk-button govuk-button--inverse\" data-module=\"govuk-button\">\n  Inverse button\n</button>"
+        },
+        {
+            "name": "attributes",
+            "options": {
+                "element": "button",
+                "text": "Submit",
+                "attributes": {
+                    "aria-controls": "test-target-element",
+                    "data-tracking-dimension": 123
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<button type=\"submit\" class=\"govuk-button\" data-module=\"govuk-button\" aria-controls=\"test-target-element\" data-tracking-dimension=\"123\">\n  Submit\n</button>"
+        },
+        {
+            "name": "link attributes",
+            "options": {
+                "element": "a",
+                "text": "Submit",
+                "attributes": {
+                    "aria-controls": "test-target-element",
+                    "data-tracking-dimension": 123
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<a href=\"#\" role=\"button\" draggable=\"false\" class=\"govuk-button\" data-module=\"govuk-button\" aria-controls=\"test-target-element\" data-tracking-dimension=\"123\">\n  Submit\n</a>"
+        },
+        {
+            "name": "input attributes",
+            "options": {
+                "element": "input",
+                "text": "Submit",
+                "attributes": {
+                    "aria-controls": "test-target-element",
+                    "data-tracking-dimension": 123
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<input value=\"Submit\" type=\"submit\" class=\"govuk-button\" data-module=\"govuk-button\" aria-controls=\"test-target-element\" data-tracking-dimension=\"123\">"
+        },
+        {
+            "name": "classes",
+            "options": {
+                "text": "Submit",
+                "element": "button",
+                "classes": "app-button--custom-modifier"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<button type=\"submit\" class=\"govuk-button app-button--custom-modifier\" data-module=\"govuk-button\">\n  Submit\n</button>"
+        },
+        {
+            "name": "link classes",
+            "options": {
+                "text": "Submit",
+                "element": "a",
+                "classes": "app-button--custom-modifier"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<a href=\"#\" role=\"button\" draggable=\"false\" class=\"govuk-button app-button--custom-modifier\" data-module=\"govuk-button\">\n  Submit\n</a>"
+        },
+        {
+            "name": "input classes",
+            "options": {
+                "text": "Submit",
+                "element": "input",
+                "classes": "app-button--custom-modifier"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<input value=\"Submit\" type=\"submit\" class=\"govuk-button app-button--custom-modifier\" data-module=\"govuk-button\">"
+        },
+        {
+            "name": "name",
+            "options": {
+                "text": "Submit",
+                "element": "button",
+                "name": "start-now"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<button type=\"submit\" name=\"start-now\" class=\"govuk-button\" data-module=\"govuk-button\">\n  Submit\n</button>"
+        },
+        {
+            "name": "type",
+            "options": {
+                "text": "Submit",
+                "element": "button",
+                "type": "button"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<button type=\"button\" class=\"govuk-button\" data-module=\"govuk-button\">\n  Submit\n</button>"
+        },
+        {
+            "name": "input type",
+            "options": {
+                "text": "Submit",
+                "element": "input",
+                "type": "button"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<input value=\"Submit\" type=\"button\" class=\"govuk-button\" data-module=\"govuk-button\">"
+        },
+        {
+            "name": "explicit link",
+            "options": {
+                "element": "a",
+                "href": "/",
+                "text": "Continue"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<a href=\"/\" role=\"button\" draggable=\"false\" class=\"govuk-button\" data-module=\"govuk-button\">\n  Continue\n</a>"
+        },
+        {
+            "name": "no href",
+            "options": {
+                "text": "Submit",
+                "element": "a"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<a href=\"#\" role=\"button\" draggable=\"false\" class=\"govuk-button\" data-module=\"govuk-button\">\n  Submit\n</a>"
+        },
+        {
+            "name": "value",
+            "options": {
+                "text": "Submit",
+                "element": "button",
+                "value": "start"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<button value=\"start\" type=\"submit\" class=\"govuk-button\" data-module=\"govuk-button\">\n  Submit\n</button>"
+        },
+        {
+            "name": "html",
+            "options": {
+                "text": "Submit",
+                "element": "button",
+                "html": "Start <em>now</em>"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<button type=\"submit\" class=\"govuk-button\" data-module=\"govuk-button\">\n  Start <em>now</em>\n</button>"
+        },
+        {
+            "name": "no type",
+            "options": {
+                "text": "Button!"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<button type=\"submit\" class=\"govuk-button\" data-module=\"govuk-button\">\n  Button!\n</button>"
+        },
+        {
+            "name": "no data-prevent-double-click",
+            "options": {
+                "text": "Submit"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<button type=\"submit\" class=\"govuk-button\" data-module=\"govuk-button\">\n  Submit\n</button>"
+        },
+        {
+            "name": "don't prevent double click",
+            "options": {
+                "text": "Submit",
+                "preventDoubleClick": false
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<button type=\"submit\" data-prevent-double-click=\"false\" class=\"govuk-button\" data-module=\"govuk-button\">\n  Submit\n</button>"
+        },
+        {
+            "name": "id",
+            "options": {
+                "text": "Submit",
+                "element": "input",
+                "id": "submit"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<input value=\"Submit\" type=\"submit\" class=\"govuk-button\" data-module=\"govuk-button\" id=\"submit\">"
+        },
+        {
+            "name": "start link",
+            "options": {
+                "text": "Start now link button",
+                "href": "/",
+                "isStartButton": true
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<a href=\"/\" role=\"button\" draggable=\"false\" class=\"govuk-button govuk-button--start\" data-module=\"govuk-button\">\n  Start now link button\n  <svg class=\"govuk-button__start-icon\" xmlns=\"http://www.w3.org/2000/svg\" width=\"17.5\" height=\"19\" viewBox=\"0 0 33 40\" aria-hidden=\"true\" focusable=\"false\">\n    <path fill=\"currentColor\" d=\"M0 0h13l20 20-20 20H0l20-20z\"/>\n  </svg>\n</a>"
+        },
+        {
+            "name": "input disabled",
+            "options": {
+                "element": "input",
+                "text": "Explicit input button disabled",
+                "disabled": true
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<input value=\"Explicit input button disabled\" type=\"submit\" disabled aria-disabled=\"true\" class=\"govuk-button\" data-module=\"govuk-button\">"
+        },
+        {
+            "name": "prevent double click",
+            "options": {
+                "text": "Submit",
+                "preventDoubleClick": true
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<button type=\"submit\" data-prevent-double-click=\"true\" class=\"govuk-button\" data-module=\"govuk-button\">\n  Submit\n</button>"
+        }
+    ]
+}
diff --git a/app/templates/govuk/components/button/macro-options.json b/app/templates/govuk/components/button/macro-options.json
new file mode 100644
index 0000000..7ae5d29
--- /dev/null
+++ b/app/templates/govuk/components/button/macro-options.json
@@ -0,0 +1,81 @@
+[
+    {
+        "name": "element",
+        "type": "string",
+        "required": false,
+        "description": "HTML element for the button component – `input`, `button` or `a`. In most cases you will not need to set this as it will be configured automatically if `href` is provided.",
+        "deprecated": "5.1.0"
+    },
+    {
+        "name": "text",
+        "type": "string",
+        "required": true,
+        "description": "If `html` is set, this is not required. Text for the `input`, `button` or `a` element. If `html` is provided, the `text` option will be ignored and `element` will be automatically set to `\"button\"` unless `href` is also set, or it has already been defined."
+    },
+    {
+        "name": "html",
+        "type": "string",
+        "required": true,
+        "description": "If `text` is set, this is not required. HTML for the `button` or `a` element only. If `html` is provided, the `text` option will be ignored and `element` will be automatically set to `\"button\"` unless `href` is also set, or it has already been defined. This option has no effect if `element` is set to `\"input\"`."
+    },
+    {
+        "name": "name",
+        "type": "string",
+        "required": false,
+        "description": "Name for the `input` or `button`. This has no effect on `a` elements."
+    },
+    {
+        "name": "type",
+        "type": "string",
+        "required": false,
+        "description": "Type for the `input` or `button` element – `\"button\"`, `\"submit\"` or `\"reset\"`. Defaults to `\"submit\"`. This has no effect on `a` elements."
+    },
+    {
+        "name": "value",
+        "type": "string",
+        "required": false,
+        "description": "Value for the `button` element only. This has no effect on `a` or `input` elements."
+    },
+    {
+        "name": "disabled",
+        "type": "boolean",
+        "required": false,
+        "description": "Whether the button component should be disabled. For `input` and `button` elements, `disabled` and `aria-disabled` attributes will be set automatically. This has no effect on `a` elements."
+    },
+    {
+        "name": "href",
+        "type": "string",
+        "required": false,
+        "description": "The URL that the button component should link to. If this is set, `element` will be automatically set to `\"a\"` if it has not already been defined."
+    },
+    {
+        "name": "classes",
+        "type": "string",
+        "required": false,
+        "description": "Classes to add to the button component."
+    },
+    {
+        "name": "attributes",
+        "type": "object",
+        "required": false,
+        "description": "HTML attributes (for example data attributes) to add to the button component."
+    },
+    {
+        "name": "preventDoubleClick",
+        "type": "boolean",
+        "required": false,
+        "description": "Prevent accidental double clicks on submit buttons from submitting forms multiple times."
+    },
+    {
+        "name": "isStartButton",
+        "type": "boolean",
+        "required": false,
+        "description": "Use for the main call to action on your service's start page."
+    },
+    {
+        "name": "id",
+        "type": "string",
+        "required": false,
+        "description": "The ID of the button."
+    }
+]
diff --git a/app/templates/govuk/components/button/macro.njk b/app/templates/govuk/components/button/macro.njk
new file mode 100644
index 0000000..352d538
--- /dev/null
+++ b/app/templates/govuk/components/button/macro.njk
@@ -0,0 +1,3 @@
+{% macro govukButton(params) %}
+  {%- include "./template.njk" -%}
+{% endmacro %}
diff --git a/app/templates/govuk/components/button/template-default.html b/app/templates/govuk/components/button/template-default.html
new file mode 100644
index 0000000..eb6a1f4
--- /dev/null
+++ b/app/templates/govuk/components/button/template-default.html
@@ -0,0 +1,3 @@
+<button type="submit" class="govuk-button" data-module="govuk-button">
+  Save and continue
+</button>
diff --git a/app/templates/govuk/components/button/template-disabled.html b/app/templates/govuk/components/button/template-disabled.html
new file mode 100644
index 0000000..3a8fd5f
--- /dev/null
+++ b/app/templates/govuk/components/button/template-disabled.html
@@ -0,0 +1,3 @@
+<button type="submit" disabled aria-disabled="true" class="govuk-button" data-module="govuk-button">
+  Disabled button
+</button>
diff --git a/app/templates/govuk/components/button/template-input.html b/app/templates/govuk/components/button/template-input.html
new file mode 100644
index 0000000..dbe04e8
--- /dev/null
+++ b/app/templates/govuk/components/button/template-input.html
@@ -0,0 +1 @@
+<input value="Start now" type="submit" name="start-now" class="govuk-button" data-module="govuk-button">
diff --git a/app/templates/govuk/components/button/template-inverse.html b/app/templates/govuk/components/button/template-inverse.html
new file mode 100644
index 0000000..e17e80a
--- /dev/null
+++ b/app/templates/govuk/components/button/template-inverse.html
@@ -0,0 +1,3 @@
+<button type="submit" name="Inverse" class="govuk-button govuk-button--inverse" data-module="govuk-button">
+  Inverse button
+</button>
diff --git a/app/templates/govuk/components/button/template-link.html b/app/templates/govuk/components/button/template-link.html
new file mode 100644
index 0000000..871975b
--- /dev/null
+++ b/app/templates/govuk/components/button/template-link.html
@@ -0,0 +1,3 @@
+<a href="/" role="button" draggable="false" class="govuk-button" data-module="govuk-button">
+  Link button
+</a>
diff --git a/app/templates/govuk/components/button/template-secondary.html b/app/templates/govuk/components/button/template-secondary.html
new file mode 100644
index 0000000..1c267a8
--- /dev/null
+++ b/app/templates/govuk/components/button/template-secondary.html
@@ -0,0 +1,3 @@
+<button type="submit" name="secondary" class="govuk-button govuk-button--secondary" data-module="govuk-button">
+  Secondary button
+</button>
diff --git a/app/templates/govuk/components/button/template-start.html b/app/templates/govuk/components/button/template-start.html
new file mode 100644
index 0000000..1d11148
--- /dev/null
+++ b/app/templates/govuk/components/button/template-start.html
@@ -0,0 +1,6 @@
+<button type="submit" class="govuk-button govuk-button--start" data-module="govuk-button">
+  Start now button
+  <svg class="govuk-button__start-icon" xmlns="http://www.w3.org/2000/svg" width="17.5" height="19" viewBox="0 0 33 40" aria-hidden="true" focusable="false">
+    <path fill="currentColor" d="M0 0h13l20 20-20 20H0l20-20z"/>
+  </svg>
+</button>
diff --git a/app/templates/govuk/components/button/template-warning.html b/app/templates/govuk/components/button/template-warning.html
new file mode 100644
index 0000000..063520f
--- /dev/null
+++ b/app/templates/govuk/components/button/template-warning.html
@@ -0,0 +1,3 @@
+<button type="submit" name="Warning" class="govuk-button govuk-button--warning" data-module="govuk-button">
+  Warning button
+</button>
diff --git a/app/templates/govuk/components/button/template.njk b/app/templates/govuk/components/button/template.njk
new file mode 100644
index 0000000..0a72976
--- /dev/null
+++ b/app/templates/govuk/components/button/template.njk
@@ -0,0 +1,58 @@
+{% from "../../macros/attributes.njk" import govukAttributes %}
+
+{#- Set classes for this component #}
+{%- set classNames = "govuk-button" -%}
+
+{%- if params.classes %}
+  {% set classNames = classNames + " " + params.classes %}
+{% endif %}
+
+{%- if params.isStartButton %}
+  {% set classNames = classNames + " govuk-button--start" %}
+{% endif %}
+
+{#- Determine type of element to use, if not explicitly set #}
+{%- if params.element %}
+  {% set element = params.element | lower %}
+{% else %}
+  {% if params.href %}
+    {% set element = 'a' %}
+  {% else %}
+    {% set element = 'button' %}
+  {% endif %}
+{% endif -%}
+
+{%- macro _startIcon() %}
+  {#- The SVG needs `focusable="false"` so that Internet Explorer does not
+  treat it as an interactive element - without this it will be
+  'focusable' when using the keyboard to navigate. #}
+  <svg class="govuk-button__start-icon" xmlns="http://www.w3.org/2000/svg" width="17.5" height="19" viewBox="0 0 33 40" aria-hidden="true" focusable="false">
+    <path fill="currentColor" d="M0 0h13l20 20-20 20H0l20-20z"/>
+  </svg>
+{%- endmacro -%}
+
+{#- Define common attributes that we can use across all element types #}
+
+{%- set commonAttributes %} class="{{ classNames }}" data-module="govuk-button" {{- govukAttributes(params.attributes) -}} {% if params.id %} id="{{ params.id }}"{% endif %}{% endset %}
+
+{#- Define common attributes we can use for both button and input types #}
+
+{%- set buttonAttributes %}{% if params.name %} name="{{ params.name }}"{% endif %}{% if params.disabled %} disabled aria-disabled="true"{% endif %}{% if params.preventDoubleClick !== undefined %} data-prevent-double-click="{{ params.preventDoubleClick }}"{% endif %}{% endset %}
+
+{#- Actually create a button... or a link! #}
+
+{%- if element == 'a' %}
+<a href="{{ params.href if params.href else '#' }}" role="button" draggable="false" {{- commonAttributes | safe }}>
+  {{ params.html | safe | trim | indent(2) if params.html else params.text }}
+  {{- _startIcon() | safe if params.isStartButton }}
+</a>
+
+{%- elseif element == 'button' %}
+<button {%- if params.value %} value="{{ params.value }}"{% endif %} type="{{ params.type if params.type else 'submit' }}" {{- buttonAttributes | safe }} {{- commonAttributes | safe }}>
+  {{ params.html | safe | trim | indent(2) if params.html else params.text }}
+  {{- _startIcon() | safe if params.isStartButton }}
+</button>
+
+{%- elseif element == 'input' %}
+<input value="{{ params.text }}" type="{{ params.type if params.type else 'submit' }}" {{- buttonAttributes | safe }} {{- commonAttributes | safe }}>
+{%- endif %}
diff --git a/app/templates/govuk/components/character-count/README.md b/app/templates/govuk/components/character-count/README.md
new file mode 100644
index 0000000..f3aeee7
--- /dev/null
+++ b/app/templates/govuk/components/character-count/README.md
@@ -0,0 +1,15 @@
+# Character count
+
+## Installation
+
+See the [main README quick start guide](https://github.com/alphagov/govuk-frontend#quick-start) for how to install this component.
+
+## Guidance and Examples
+
+Find out when to use the character count component in your service in the [GOV.UK Design System](https://design-system.service.gov.uk/components/character-count).
+
+## Component options
+
+Use options to customise the appearance, content and behaviour of a component when using a macro, for example, changing the text.
+
+See [options table](https://design-system.service.gov.uk/components/character-count/#options-character-count-example) for details.
diff --git a/app/templates/govuk/components/character-count/_character-count.scss b/app/templates/govuk/components/character-count/_character-count.scss
new file mode 100644
index 0000000..ca39b38
--- /dev/null
+++ b/app/templates/govuk/components/character-count/_character-count.scss
@@ -0,0 +1,4 @@
+@import "../../base";
+@import "./index";
+
+/*# sourceMappingURL=_character-count.scss.map */
diff --git a/app/templates/govuk/components/character-count/_character-count.scss.map b/app/templates/govuk/components/character-count/_character-count.scss.map
new file mode 100644
index 0000000..6870d50
--- /dev/null
+++ b/app/templates/govuk/components/character-count/_character-count.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/character-count/_character-count.scss"],"names":[],"mappings":"AAAA,oBAAoB;AACpB,iBAAiB","file":"_character-count.scss","sourcesContent":["@import \"../../base\";\n@import \"./index\";\n"]}
diff --git a/app/templates/govuk/components/character-count/_index.scss b/app/templates/govuk/components/character-count/_index.scss
new file mode 100644
index 0000000..63f12ec
--- /dev/null
+++ b/app/templates/govuk/components/character-count/_index.scss
@@ -0,0 +1,44 @@
+@import "../error-message/index";
+@import "../hint/index";
+@import "../label/index";
+@import "../textarea/index";
+
+@include govuk-exports("govuk/component/character-count") {
+  .govuk-character-count {
+    @include govuk-responsive-margin(6, "bottom");
+
+    .govuk-form-group,
+    .govuk-textarea {
+      margin-bottom: govuk-spacing(1);
+    }
+
+    // If the textarea enters the error state whilst the user is focused on it,
+    // show the error state. This presents feedback to the user that the value
+    // has become invalid without needing to see the counter.
+    .govuk-textarea--error:focus {
+      border-color: $govuk-error-colour;
+      box-shadow: inset 0 0 0 $govuk-border-width-form-element $govuk-error-colour;
+    }
+  }
+
+  .govuk-character-count__message {
+    @include govuk-font-tabular-numbers;
+    margin-top: 0;
+    margin-bottom: 0;
+
+    &::after {
+      // Zero-width space that will reserve vertical space when no hint is
+      // provided as:
+      // - setting a min-height is not possible without a magic number because
+      //   the line-height is set by the `govuk-font` call above
+      // - using `:empty` is not possible as the hint macro outputs line breaks
+      content: "\200B";
+    }
+  }
+
+  .govuk-character-count__message--disabled {
+    visibility: hidden;
+  }
+}
+
+/*# sourceMappingURL=_index.scss.map */
diff --git a/app/templates/govuk/components/character-count/_index.scss.map b/app/templates/govuk/components/character-count/_index.scss.map
new file mode 100644
index 0000000..f9d7bc7
--- /dev/null
+++ b/app/templates/govuk/components/character-count/_index.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/character-count/_index.scss"],"names":[],"mappings":"AAAA,gCAAgC;AAChC,uBAAuB;AACvB,wBAAwB;AACxB,2BAA2B;;AAE3B;EACE;IACE,6CAA6C;;IAE7C;;MAEE,+BAA+B;IACjC;;IAEA,0EAA0E;IAC1E,yEAAyE;IACzE,wDAAwD;IACxD;MACE,iCAAiC;MACjC,4EAA4E;IAC9E;EACF;;EAEA;IACE,mCAAmC;IACnC,aAAa;IACb,gBAAgB;;IAEhB;MACE,mEAAmE;MACnE,cAAc;MACd,uEAAuE;MACvE,yDAAyD;MACzD,wEAAwE;MACxE,gBAAgB;IAClB;EACF;;EAEA;IACE,kBAAkB;EACpB;AACF","file":"_index.scss","sourcesContent":["@import \"../error-message/index\";\n@import \"../hint/index\";\n@import \"../label/index\";\n@import \"../textarea/index\";\n\n@include govuk-exports(\"govuk/component/character-count\") {\n  .govuk-character-count {\n    @include govuk-responsive-margin(6, \"bottom\");\n\n    .govuk-form-group,\n    .govuk-textarea {\n      margin-bottom: govuk-spacing(1);\n    }\n\n    // If the textarea enters the error state whilst the user is focused on it,\n    // show the error state. This presents feedback to the user that the value\n    // has become invalid without needing to see the counter.\n    .govuk-textarea--error:focus {\n      border-color: $govuk-error-colour;\n      box-shadow: inset 0 0 0 $govuk-border-width-form-element $govuk-error-colour;\n    }\n  }\n\n  .govuk-character-count__message {\n    @include govuk-font-tabular-numbers;\n    margin-top: 0;\n    margin-bottom: 0;\n\n    &::after {\n      // Zero-width space that will reserve vertical space when no hint is\n      // provided as:\n      // - setting a min-height is not possible without a magic number because\n      //   the line-height is set by the `govuk-font` call above\n      // - using `:empty` is not possible as the hint macro outputs line breaks\n      content: \"\\200B\";\n    }\n  }\n\n  .govuk-character-count__message--disabled {\n    visibility: hidden;\n  }\n}\n"]}
diff --git a/app/templates/govuk/components/character-count/character-count.bundle.js b/app/templates/govuk/components/character-count/character-count.bundle.js
new file mode 100644
index 0000000..1b6f35f
--- /dev/null
+++ b/app/templates/govuk/components/character-count/character-count.bundle.js
@@ -0,0 +1,683 @@
+(function (global, factory) {
+  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports) :
+  typeof define === 'function' && define.amd ? define(['exports'], factory) :
+  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.GOVUKFrontend = global.GOVUKFrontend || {}));
+})(this, (function (exports) { 'use strict';
+
+  function closestAttributeValue($element, attributeName) {
+    const $closestElementWithAttribute = $element.closest(`[${attributeName}]`);
+    return $closestElementWithAttribute ? $closestElementWithAttribute.getAttribute(attributeName) : null;
+  }
+
+  function isInitialised($root, moduleName) {
+    return $root instanceof HTMLElement && $root.hasAttribute(`data-${moduleName}-init`);
+  }
+
+  /**
+   * Checks if GOV.UK Frontend is supported on this page
+   *
+   * Some browsers will load and run our JavaScript but GOV.UK Frontend
+   * won't be supported.
+   *
+   * @param {HTMLElement | null} [$scope] - (internal) `<body>` HTML element checked for browser support
+   * @returns {boolean} Whether GOV.UK Frontend is supported on this page
+   */
+  function isSupported($scope = document.body) {
+    if (!$scope) {
+      return false;
+    }
+    return $scope.classList.contains('govuk-frontend-supported');
+  }
+  function isArray(option) {
+    return Array.isArray(option);
+  }
+  function isObject(option) {
+    return !!option && typeof option === 'object' && !isArray(option);
+  }
+  function formatErrorMessage(Component, message) {
+    return `${Component.moduleName}: ${message}`;
+  }
+  /**
+   * @typedef ComponentWithModuleName
+   * @property {string} moduleName - Name of the component
+   */
+
+  class GOVUKFrontendError extends Error {
+    constructor(...args) {
+      super(...args);
+      this.name = 'GOVUKFrontendError';
+    }
+  }
+  class SupportError extends GOVUKFrontendError {
+    /**
+     * Checks if GOV.UK Frontend is supported on this page
+     *
+     * @param {HTMLElement | null} [$scope] - HTML element `<body>` checked for browser support
+     */
+    constructor($scope = document.body) {
+      const supportMessage = 'noModule' in HTMLScriptElement.prototype ? 'GOV.UK Frontend initialised without `<body class="govuk-frontend-supported">` from template `<script>` snippet' : 'GOV.UK Frontend is not supported in this browser';
+      super($scope ? supportMessage : 'GOV.UK Frontend initialised without `<script type="module">`');
+      this.name = 'SupportError';
+    }
+  }
+  class ConfigError extends GOVUKFrontendError {
+    constructor(...args) {
+      super(...args);
+      this.name = 'ConfigError';
+    }
+  }
+  class ElementError extends GOVUKFrontendError {
+    constructor(messageOrOptions) {
+      let message = typeof messageOrOptions === 'string' ? messageOrOptions : '';
+      if (isObject(messageOrOptions)) {
+        const {
+          component,
+          identifier,
+          element,
+          expectedType
+        } = messageOrOptions;
+        message = identifier;
+        message += element ? ` is not of type ${expectedType != null ? expectedType : 'HTMLElement'}` : ' not found';
+        if (component) {
+          message = formatErrorMessage(component, message);
+        }
+      }
+      super(message);
+      this.name = 'ElementError';
+    }
+  }
+  class InitError extends GOVUKFrontendError {
+    constructor(componentOrMessage) {
+      const message = typeof componentOrMessage === 'string' ? componentOrMessage : formatErrorMessage(componentOrMessage, `Root element (\`$root\`) already initialised`);
+      super(message);
+      this.name = 'InitError';
+    }
+  }
+  /**
+   * @import { ComponentWithModuleName } from '../common/index.mjs'
+   */
+
+  class Component {
+    /**
+     * Returns the root element of the component
+     *
+     * @protected
+     * @returns {RootElementType} - the root element of component
+     */
+    get $root() {
+      return this._$root;
+    }
+    constructor($root) {
+      this._$root = void 0;
+      const childConstructor = this.constructor;
+      if (typeof childConstructor.moduleName !== 'string') {
+        throw new InitError(`\`moduleName\` not defined in component`);
+      }
+      if (!($root instanceof childConstructor.elementType)) {
+        throw new ElementError({
+          element: $root,
+          component: childConstructor,
+          identifier: 'Root element (`$root`)',
+          expectedType: childConstructor.elementType.name
+        });
+      } else {
+        this._$root = $root;
+      }
+      childConstructor.checkSupport();
+      this.checkInitialised();
+      const moduleName = childConstructor.moduleName;
+      this.$root.setAttribute(`data-${moduleName}-init`, '');
+    }
+    checkInitialised() {
+      const constructor = this.constructor;
+      const moduleName = constructor.moduleName;
+      if (moduleName && isInitialised(this.$root, moduleName)) {
+        throw new InitError(constructor);
+      }
+    }
+    static checkSupport() {
+      if (!isSupported()) {
+        throw new SupportError();
+      }
+    }
+  }
+
+  /**
+   * @typedef ChildClass
+   * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component
+   */
+
+  /**
+   * @typedef {typeof Component & ChildClass} ChildClassConstructor
+   */
+  Component.elementType = HTMLElement;
+
+  const configOverride = Symbol.for('configOverride');
+  class ConfigurableComponent extends Component {
+    [configOverride](param) {
+      return {};
+    }
+
+    /**
+     * Returns the root element of the component
+     *
+     * @protected
+     * @returns {ConfigurationType} - the root element of component
+     */
+    get config() {
+      return this._config;
+    }
+    constructor($root, config) {
+      super($root);
+      this._config = void 0;
+      const childConstructor = this.constructor;
+      if (!isObject(childConstructor.defaults)) {
+        throw new ConfigError(formatErrorMessage(childConstructor, 'Config passed as parameter into constructor but no defaults defined'));
+      }
+      const datasetConfig = normaliseDataset(childConstructor, this._$root.dataset);
+      this._config = mergeConfigs(childConstructor.defaults, config != null ? config : {}, this[configOverride](datasetConfig), datasetConfig);
+    }
+  }
+  function normaliseString(value, property) {
+    const trimmedValue = value ? value.trim() : '';
+    let output;
+    let outputType = property == null ? void 0 : property.type;
+    if (!outputType) {
+      if (['true', 'false'].includes(trimmedValue)) {
+        outputType = 'boolean';
+      }
+      if (trimmedValue.length > 0 && isFinite(Number(trimmedValue))) {
+        outputType = 'number';
+      }
+    }
+    switch (outputType) {
+      case 'boolean':
+        output = trimmedValue === 'true';
+        break;
+      case 'number':
+        output = Number(trimmedValue);
+        break;
+      default:
+        output = value;
+    }
+    return output;
+  }
+  function normaliseDataset(Component, dataset) {
+    if (!isObject(Component.schema)) {
+      throw new ConfigError(formatErrorMessage(Component, 'Config passed as parameter into constructor but no schema defined'));
+    }
+    const out = {};
+    const entries = Object.entries(Component.schema.properties);
+    for (const entry of entries) {
+      const [namespace, property] = entry;
+      const field = namespace.toString();
+      if (field in dataset) {
+        out[field] = normaliseString(dataset[field], property);
+      }
+      if ((property == null ? void 0 : property.type) === 'object') {
+        out[field] = extractConfigByNamespace(Component.schema, dataset, namespace);
+      }
+    }
+    return out;
+  }
+  function mergeConfigs(...configObjects) {
+    const formattedConfigObject = {};
+    for (const configObject of configObjects) {
+      for (const key of Object.keys(configObject)) {
+        const option = formattedConfigObject[key];
+        const override = configObject[key];
+        if (isObject(option) && isObject(override)) {
+          formattedConfigObject[key] = mergeConfigs(option, override);
+        } else {
+          formattedConfigObject[key] = override;
+        }
+      }
+    }
+    return formattedConfigObject;
+  }
+  function validateConfig(schema, config) {
+    const validationErrors = [];
+    for (const [name, conditions] of Object.entries(schema)) {
+      const errors = [];
+      if (Array.isArray(conditions)) {
+        for (const {
+          required,
+          errorMessage
+        } of conditions) {
+          if (!required.every(key => !!config[key])) {
+            errors.push(errorMessage);
+          }
+        }
+        if (name === 'anyOf' && !(conditions.length - errors.length >= 1)) {
+          validationErrors.push(...errors);
+        }
+      }
+    }
+    return validationErrors;
+  }
+  function extractConfigByNamespace(schema, dataset, namespace) {
+    const property = schema.properties[namespace];
+    if ((property == null ? void 0 : property.type) !== 'object') {
+      return;
+    }
+    const newObject = {
+      [namespace]: {}
+    };
+    for (const [key, value] of Object.entries(dataset)) {
+      let current = newObject;
+      const keyParts = key.split('.');
+      for (const [index, name] of keyParts.entries()) {
+        if (isObject(current)) {
+          if (index < keyParts.length - 1) {
+            if (!isObject(current[name])) {
+              current[name] = {};
+            }
+            current = current[name];
+          } else if (key !== namespace) {
+            current[name] = normaliseString(value);
+          }
+        }
+      }
+    }
+    return newObject[namespace];
+  }
+  /**
+   * Schema for component config
+   *
+   * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType
+   * @typedef {object} Schema
+   * @property {Record<keyof ConfigurationType, SchemaProperty | undefined>} properties - Schema properties
+   * @property {SchemaCondition<ConfigurationType>[]} [anyOf] - List of schema conditions
+   */
+  /**
+   * Schema property for component config
+   *
+   * @typedef {object} SchemaProperty
+   * @property {'string' | 'boolean' | 'number' | 'object'} type - Property type
+   */
+  /**
+   * Schema condition for component config
+   *
+   * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType
+   * @typedef {object} SchemaCondition
+   * @property {(keyof ConfigurationType)[]} required - List of required config fields
+   * @property {string} errorMessage - Error message when required config fields not provided
+   */
+  /**
+   * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]
+   * @typedef ChildClass
+   * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component
+   * @property {Schema<ConfigurationType>} [schema] - The schema of the component configuration
+   * @property {ConfigurationType} [defaults] - The default values of the configuration of the component
+   */
+  /**
+   * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]
+   * @typedef {typeof Component & ChildClass<ConfigurationType>} ChildClassConstructor<ConfigurationType>
+   */
+  /**
+   * @import { CompatibleClass, Config, CreateAllOptions, OnErrorCallback } from '../init.mjs'
+   */
+
+  class I18n {
+    constructor(translations = {}, config = {}) {
+      var _config$locale;
+      this.translations = void 0;
+      this.locale = void 0;
+      this.translations = translations;
+      this.locale = (_config$locale = config.locale) != null ? _config$locale : document.documentElement.lang || 'en';
+    }
+    t(lookupKey, options) {
+      if (!lookupKey) {
+        throw new Error('i18n: lookup key missing');
+      }
+      let translation = this.translations[lookupKey];
+      if (typeof (options == null ? void 0 : options.count) === 'number' && isObject(translation)) {
+        const translationPluralForm = translation[this.getPluralSuffix(lookupKey, options.count)];
+        if (translationPluralForm) {
+          translation = translationPluralForm;
+        }
+      }
+      if (typeof translation === 'string') {
+        if (translation.match(/%{(.\S+)}/)) {
+          if (!options) {
+            throw new Error('i18n: cannot replace placeholders in string if no option data provided');
+          }
+          return this.replacePlaceholders(translation, options);
+        }
+        return translation;
+      }
+      return lookupKey;
+    }
+    replacePlaceholders(translationString, options) {
+      const formatter = Intl.NumberFormat.supportedLocalesOf(this.locale).length ? new Intl.NumberFormat(this.locale) : undefined;
+      return translationString.replace(/%{(.\S+)}/g, function (placeholderWithBraces, placeholderKey) {
+        if (Object.prototype.hasOwnProperty.call(options, placeholderKey)) {
+          const placeholderValue = options[placeholderKey];
+          if (placeholderValue === false || typeof placeholderValue !== 'number' && typeof placeholderValue !== 'string') {
+            return '';
+          }
+          if (typeof placeholderValue === 'number') {
+            return formatter ? formatter.format(placeholderValue) : `${placeholderValue}`;
+          }
+          return placeholderValue;
+        }
+        throw new Error(`i18n: no data found to replace ${placeholderWithBraces} placeholder in string`);
+      });
+    }
+    hasIntlPluralRulesSupport() {
+      return Boolean('PluralRules' in window.Intl && Intl.PluralRules.supportedLocalesOf(this.locale).length);
+    }
+    getPluralSuffix(lookupKey, count) {
+      count = Number(count);
+      if (!isFinite(count)) {
+        return 'other';
+      }
+      const translation = this.translations[lookupKey];
+      const preferredForm = this.hasIntlPluralRulesSupport() ? new Intl.PluralRules(this.locale).select(count) : 'other';
+      if (isObject(translation)) {
+        if (preferredForm in translation) {
+          return preferredForm;
+        } else if ('other' in translation) {
+          console.warn(`i18n: Missing plural form ".${preferredForm}" for "${this.locale}" locale. Falling back to ".other".`);
+          return 'other';
+        }
+      }
+      throw new Error(`i18n: Plural form ".other" is required for "${this.locale}" locale`);
+    }
+  }
+
+  /**
+   * Character count component
+   *
+   * Tracks the number of characters or words in the `.govuk-js-character-count`
+   * `<textarea>` inside the element. Displays a message with the remaining number
+   * of characters/words available, or the number of characters/words in excess.
+   *
+   * You can configure the message to only appear after a certain percentage
+   * of the available characters/words has been entered.
+   *
+   * @preserve
+   * @augments ConfigurableComponent<CharacterCountConfig>
+   */
+  class CharacterCount extends ConfigurableComponent {
+    [configOverride](datasetConfig) {
+      let configOverrides = {};
+      if ('maxwords' in datasetConfig || 'maxlength' in datasetConfig) {
+        configOverrides = {
+          maxlength: undefined,
+          maxwords: undefined
+        };
+      }
+      return configOverrides;
+    }
+
+    /**
+     * @param {Element | null} $root - HTML element to use for character count
+     * @param {CharacterCountConfig} [config] - Character count config
+     */
+    constructor($root, config = {}) {
+      var _ref, _this$config$maxwords;
+      super($root, config);
+      this.$textarea = void 0;
+      this.$visibleCountMessage = void 0;
+      this.$screenReaderCountMessage = void 0;
+      this.lastInputTimestamp = null;
+      this.lastInputValue = '';
+      this.valueChecker = null;
+      this.i18n = void 0;
+      this.maxLength = void 0;
+      const $textarea = this.$root.querySelector('.govuk-js-character-count');
+      if (!($textarea instanceof HTMLTextAreaElement || $textarea instanceof HTMLInputElement)) {
+        throw new ElementError({
+          component: CharacterCount,
+          element: $textarea,
+          expectedType: 'HTMLTextareaElement or HTMLInputElement',
+          identifier: 'Form field (`.govuk-js-character-count`)'
+        });
+      }
+      const errors = validateConfig(CharacterCount.schema, this.config);
+      if (errors[0]) {
+        throw new ConfigError(formatErrorMessage(CharacterCount, errors[0]));
+      }
+      this.i18n = new I18n(this.config.i18n, {
+        locale: closestAttributeValue(this.$root, 'lang')
+      });
+      this.maxLength = (_ref = (_this$config$maxwords = this.config.maxwords) != null ? _this$config$maxwords : this.config.maxlength) != null ? _ref : Infinity;
+      this.$textarea = $textarea;
+      const textareaDescriptionId = `${this.$textarea.id}-info`;
+      const $textareaDescription = document.getElementById(textareaDescriptionId);
+      if (!$textareaDescription) {
+        throw new ElementError({
+          component: CharacterCount,
+          element: $textareaDescription,
+          identifier: `Count message (\`id="${textareaDescriptionId}"\`)`
+        });
+      }
+      this.$errorMessage = this.$root.querySelector('.govuk-error-message');
+      if ($textareaDescription.textContent.match(/^\s*$/)) {
+        $textareaDescription.textContent = this.i18n.t('textareaDescription', {
+          count: this.maxLength
+        });
+      }
+      this.$textarea.insertAdjacentElement('afterend', $textareaDescription);
+      const $screenReaderCountMessage = document.createElement('div');
+      $screenReaderCountMessage.className = 'govuk-character-count__sr-status govuk-visually-hidden';
+      $screenReaderCountMessage.setAttribute('aria-live', 'polite');
+      this.$screenReaderCountMessage = $screenReaderCountMessage;
+      $textareaDescription.insertAdjacentElement('afterend', $screenReaderCountMessage);
+      const $visibleCountMessage = document.createElement('div');
+      $visibleCountMessage.className = $textareaDescription.className;
+      $visibleCountMessage.classList.add('govuk-character-count__status');
+      $visibleCountMessage.setAttribute('aria-hidden', 'true');
+      this.$visibleCountMessage = $visibleCountMessage;
+      $textareaDescription.insertAdjacentElement('afterend', $visibleCountMessage);
+      $textareaDescription.classList.add('govuk-visually-hidden');
+      this.$textarea.removeAttribute('maxlength');
+      this.bindChangeEvents();
+      window.addEventListener('pageshow', () => this.updateCountMessage());
+      this.updateCountMessage();
+    }
+    bindChangeEvents() {
+      this.$textarea.addEventListener('keyup', () => this.handleKeyUp());
+      this.$textarea.addEventListener('focus', () => this.handleFocus());
+      this.$textarea.addEventListener('blur', () => this.handleBlur());
+    }
+    handleKeyUp() {
+      this.updateVisibleCountMessage();
+      this.lastInputTimestamp = Date.now();
+    }
+    handleFocus() {
+      this.valueChecker = window.setInterval(() => {
+        if (!this.lastInputTimestamp || Date.now() - 500 >= this.lastInputTimestamp) {
+          this.updateIfValueChanged();
+        }
+      }, 1000);
+    }
+    handleBlur() {
+      if (this.valueChecker) {
+        window.clearInterval(this.valueChecker);
+      }
+    }
+    updateIfValueChanged() {
+      if (this.$textarea.value !== this.lastInputValue) {
+        this.lastInputValue = this.$textarea.value;
+        this.updateCountMessage();
+      }
+    }
+    updateCountMessage() {
+      this.updateVisibleCountMessage();
+      this.updateScreenReaderCountMessage();
+    }
+    updateVisibleCountMessage() {
+      const remainingNumber = this.maxLength - this.count(this.$textarea.value);
+      const isError = remainingNumber < 0;
+      this.$visibleCountMessage.classList.toggle('govuk-character-count__message--disabled', !this.isOverThreshold());
+      if (!this.$errorMessage) {
+        this.$textarea.classList.toggle('govuk-textarea--error', isError);
+      }
+      this.$visibleCountMessage.classList.toggle('govuk-error-message', isError);
+      this.$visibleCountMessage.classList.toggle('govuk-hint', !isError);
+      this.$visibleCountMessage.textContent = this.getCountMessage();
+    }
+    updateScreenReaderCountMessage() {
+      if (this.isOverThreshold()) {
+        this.$screenReaderCountMessage.removeAttribute('aria-hidden');
+      } else {
+        this.$screenReaderCountMessage.setAttribute('aria-hidden', 'true');
+      }
+      this.$screenReaderCountMessage.textContent = this.getCountMessage();
+    }
+    count(text) {
+      if (this.config.maxwords) {
+        var _text$match;
+        const tokens = (_text$match = text.match(/\S+/g)) != null ? _text$match : [];
+        return tokens.length;
+      }
+      return text.length;
+    }
+    getCountMessage() {
+      const remainingNumber = this.maxLength - this.count(this.$textarea.value);
+      const countType = this.config.maxwords ? 'words' : 'characters';
+      return this.formatCountMessage(remainingNumber, countType);
+    }
+    formatCountMessage(remainingNumber, countType) {
+      if (remainingNumber === 0) {
+        return this.i18n.t(`${countType}AtLimit`);
+      }
+      const translationKeySuffix = remainingNumber < 0 ? 'OverLimit' : 'UnderLimit';
+      return this.i18n.t(`${countType}${translationKeySuffix}`, {
+        count: Math.abs(remainingNumber)
+      });
+    }
+    isOverThreshold() {
+      if (!this.config.threshold) {
+        return true;
+      }
+      const currentLength = this.count(this.$textarea.value);
+      const maxLength = this.maxLength;
+      const thresholdValue = maxLength * this.config.threshold / 100;
+      return thresholdValue <= currentLength;
+    }
+  }
+
+  /**
+   * Character count config
+   *
+   * @see {@link CharacterCount.defaults}
+   * @typedef {object} CharacterCountConfig
+   * @property {number} [maxlength] - The maximum number of characters.
+   *   If maxwords is provided, the maxlength option will be ignored.
+   * @property {number} [maxwords] - The maximum number of words. If maxwords is
+   *   provided, the maxlength option will be ignored.
+   * @property {number} [threshold=0] - The percentage value of the limit at
+   *   which point the count message is displayed. If this attribute is set, the
+   *   count message will be hidden by default.
+   * @property {CharacterCountTranslations} [i18n=CharacterCount.defaults.i18n] - Character count translations
+   */
+
+  /**
+   * Character count translations
+   *
+   * @see {@link CharacterCount.defaults.i18n}
+   * @typedef {object} CharacterCountTranslations
+   *
+   * Messages shown to users as they type. It provides feedback on how many words
+   * or characters they have remaining or if they are over the limit. This also
+   * includes a message used as an accessible description for the textarea.
+   * @property {TranslationPluralForms} [charactersUnderLimit] - Message displayed
+   *   when the number of characters is under the configured maximum, `maxlength`.
+   *   This message is displayed visually and through assistive technologies. The
+   *   component will replace the `%{count}` placeholder with the number of
+   *   remaining characters. This is a [pluralised list of
+   *   messages](https://frontend.design-system.service.gov.uk/localise-govuk-frontend).
+   * @property {string} [charactersAtLimit] - Message displayed when the number of
+   *   characters reaches the configured maximum, `maxlength`. This message is
+   *   displayed visually and through assistive technologies.
+   * @property {TranslationPluralForms} [charactersOverLimit] - Message displayed
+   *   when the number of characters is over the configured maximum, `maxlength`.
+   *   This message is displayed visually and through assistive technologies. The
+   *   component will replace the `%{count}` placeholder with the number of
+   *   remaining characters. This is a [pluralised list of
+   *   messages](https://frontend.design-system.service.gov.uk/localise-govuk-frontend).
+   * @property {TranslationPluralForms} [wordsUnderLimit] - Message displayed when
+   *   the number of words is under the configured maximum, `maxlength`. This
+   *   message is displayed visually and through assistive technologies. The
+   *   component will replace the `%{count}` placeholder with the number of
+   *   remaining words. This is a [pluralised list of
+   *   messages](https://frontend.design-system.service.gov.uk/localise-govuk-frontend).
+   * @property {string} [wordsAtLimit] - Message displayed when the number of
+   *   words reaches the configured maximum, `maxlength`. This message is
+   *   displayed visually and through assistive technologies.
+   * @property {TranslationPluralForms} [wordsOverLimit] - Message displayed when
+   *   the number of words is over the configured maximum, `maxlength`. This
+   *   message is displayed visually and through assistive technologies. The
+   *   component will replace the `%{count}` placeholder with the number of
+   *   remaining words. This is a [pluralised list of
+   *   messages](https://frontend.design-system.service.gov.uk/localise-govuk-frontend).
+   * @property {TranslationPluralForms} [textareaDescription] - Message made
+   *   available to assistive technologies, if none is already present in the
+   *   HTML, to describe that the component accepts only a limited amount of
+   *   content. It is visible on the page when JavaScript is unavailable. The
+   *   component will replace the `%{count}` placeholder with the value of the
+   *   `maxlength` or `maxwords` parameter.
+   */
+
+  /**
+   * @import { Schema } from '../../common/configuration.mjs'
+   * @import { TranslationPluralForms } from '../../i18n.mjs'
+   */
+  CharacterCount.moduleName = 'govuk-character-count';
+  CharacterCount.defaults = Object.freeze({
+    threshold: 0,
+    i18n: {
+      charactersUnderLimit: {
+        one: 'You have %{count} character remaining',
+        other: 'You have %{count} characters remaining'
+      },
+      charactersAtLimit: 'You have 0 characters remaining',
+      charactersOverLimit: {
+        one: 'You have %{count} character too many',
+        other: 'You have %{count} characters too many'
+      },
+      wordsUnderLimit: {
+        one: 'You have %{count} word remaining',
+        other: 'You have %{count} words remaining'
+      },
+      wordsAtLimit: 'You have 0 words remaining',
+      wordsOverLimit: {
+        one: 'You have %{count} word too many',
+        other: 'You have %{count} words too many'
+      },
+      textareaDescription: {
+        other: ''
+      }
+    }
+  });
+  CharacterCount.schema = Object.freeze({
+    properties: {
+      i18n: {
+        type: 'object'
+      },
+      maxwords: {
+        type: 'number'
+      },
+      maxlength: {
+        type: 'number'
+      },
+      threshold: {
+        type: 'number'
+      }
+    },
+    anyOf: [{
+      required: ['maxwords'],
+      errorMessage: 'Either "maxlength" or "maxwords" must be provided'
+    }, {
+      required: ['maxlength'],
+      errorMessage: 'Either "maxlength" or "maxwords" must be provided'
+    }]
+  });
+
+  exports.CharacterCount = CharacterCount;
+
+}));
+//# sourceMappingURL=character-count.bundle.js.map
diff --git a/app/templates/govuk/components/character-count/character-count.bundle.js.map b/app/templates/govuk/components/character-count/character-count.bundle.js.map
new file mode 100644
index 0000000..26a8bb2
--- /dev/null
+++ b/app/templates/govuk/components/character-count/character-count.bundle.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"character-count.bundle.js","sources":["../../../../src/govuk/common/closest-attribute-value.mjs","../../../../src/govuk/common/index.mjs","../../../../src/govuk/errors/index.mjs","../../../../src/govuk/component.mjs","../../../../src/govuk/common/configuration.mjs","../../../../src/govuk/i18n.mjs","../../../../src/govuk/components/character-count/character-count.mjs"],"sourcesContent":["/**\n * Returns the value of the given attribute closest to the given element (including itself)\n *\n * @internal\n * @param {Element} $element - The element to start walking the DOM tree up\n * @param {string} attributeName - The name of the attribute\n * @returns {string | null} Attribute value\n */\nexport function closestAttributeValue($element, attributeName) {\n  const $closestElementWithAttribute = $element.closest(`[${attributeName}]`)\n  return $closestElementWithAttribute\n    ? $closestElementWithAttribute.getAttribute(attributeName)\n    : null\n}\n","/**\n * Common helpers which do not require polyfill.\n *\n * IMPORTANT: If a helper require a polyfill, please isolate it in its own module\n * so that the polyfill can be properly tree-shaken and does not burden\n * the components that do not need that helper\n */\n\n/**\n * Get GOV.UK Frontend breakpoint value from CSS custom property\n *\n * @private\n * @param {string} name - Breakpoint name\n * @returns {{ property: string, value?: string }} Breakpoint object\n */\nexport function getBreakpoint(name) {\n  const property = `--govuk-breakpoint-${name}`\n\n  // Get value from `<html>` with breakpoints on CSS :root\n  const value = window\n    .getComputedStyle(document.documentElement)\n    .getPropertyValue(property)\n\n  return {\n    property,\n    value: value || undefined\n  }\n}\n\n/**\n * Move focus to element\n *\n * Sets tabindex to -1 to make the element programmatically focusable,\n * but removes it on blur as the element doesn't need to be focused again.\n *\n * @private\n * @template {HTMLElement} FocusElement\n * @param {FocusElement} $element - HTML element\n * @param {object} [options] - Handler options\n * @param {function(this: FocusElement): void} [options.onBeforeFocus] - Callback before focus\n * @param {function(this: FocusElement): void} [options.onBlur] - Callback on blur\n */\nexport function setFocus($element, options = {}) {\n  const isFocusable = $element.getAttribute('tabindex')\n\n  if (!isFocusable) {\n    $element.setAttribute('tabindex', '-1')\n  }\n\n  /**\n   * Handle element focus\n   */\n  function onFocus() {\n    $element.addEventListener('blur', onBlur, { once: true })\n  }\n\n  /**\n   * Handle element blur\n   */\n  function onBlur() {\n    options.onBlur?.call($element)\n\n    if (!isFocusable) {\n      $element.removeAttribute('tabindex')\n    }\n  }\n\n  // Add listener to reset element on blur, after focus\n  $element.addEventListener('focus', onFocus, { once: true })\n\n  // Focus element\n  options.onBeforeFocus?.call($element)\n  $element.focus()\n}\n\n/**\n * Checks if component is already initialised\n *\n * @internal\n * @param {Element} $root - HTML element to be checked\n * @param {string} moduleName - name of component module\n * @returns {boolean} Whether component is already initialised\n */\nexport function isInitialised($root, moduleName) {\n  return (\n    $root instanceof HTMLElement &&\n    $root.hasAttribute(`data-${moduleName}-init`)\n  )\n}\n\n/**\n * Checks if GOV.UK Frontend is supported on this page\n *\n * Some browsers will load and run our JavaScript but GOV.UK Frontend\n * won't be supported.\n *\n * @param {HTMLElement | null} [$scope] - (internal) `<body>` HTML element checked for browser support\n * @returns {boolean} Whether GOV.UK Frontend is supported on this page\n */\nexport function isSupported($scope = document.body) {\n  if (!$scope) {\n    return false\n  }\n\n  return $scope.classList.contains('govuk-frontend-supported')\n}\n\n/**\n * Check for an array\n *\n * @internal\n * @param {unknown} option - Option to check\n * @returns {boolean} Whether the option is an array\n */\nfunction isArray(option) {\n  return Array.isArray(option)\n}\n\n/**\n * Check for an object\n *\n * @internal\n * @template {Partial<Record<keyof ObjectType, unknown>>} ObjectType\n * @param {unknown | ObjectType} option - Option to check\n * @returns {option is ObjectType} Whether the option is an object\n */\nexport function isObject(option) {\n  return !!option && typeof option === 'object' && !isArray(option)\n}\n\n/**\n * Check for valid scope\n *\n * @internal\n * @template {Element | Document} ScopeType\n * @param {unknown | ScopeType} $scope - Scope of the document to search within\n * @returns {$scope is ScopeType} Whether the scope can be queried\n */\nexport function isScope($scope) {\n  return !!$scope && ($scope instanceof Element || $scope instanceof Document)\n}\n\n/**\n * Format error message\n *\n * @internal\n * @param {ComponentWithModuleName} Component - Component that threw the error\n * @param {string} message - Error message\n * @returns {string} - Formatted error message\n */\nexport function formatErrorMessage(Component, message) {\n  return `${Component.moduleName}: ${message}`\n}\n\n/* eslint-disable jsdoc/valid-types --\n * `{new(...args: any[] ): object}` is not recognised as valid\n * https://github.com/gajus/eslint-plugin-jsdoc/issues/145#issuecomment-1308722878\n * https://github.com/jsdoc-type-pratt-parser/jsdoc-type-pratt-parser/issues/131\n **/\n\n/**\n * @typedef ComponentWithModuleName\n * @property {string} moduleName - Name of the component\n */\n\n/* eslint-enable jsdoc/valid-types */\n","import { formatErrorMessage, isObject } from '../common/index.mjs'\n\n/**\n * GOV.UK Frontend error\n *\n * A base class for `Error`s thrown by GOV.UK Frontend.\n *\n * It is meant to be extended into specific types of errors\n * to be thrown by our code.\n *\n * @example\n * ```js\n * class MissingRootError extends GOVUKFrontendError {\n *   // Setting an explicit name is important as extending the class will not\n *   // set a new `name` on the subclass. The `name` property is important\n *   // to ensure intelligible error names even if the class name gets\n *   // mangled by a minifier\n *   name = \"MissingRootError\"\n * }\n * ```\n * @virtual\n */\nexport class GOVUKFrontendError extends Error {\n  name = 'GOVUKFrontendError'\n}\n\n/**\n * Indicates that GOV.UK Frontend is not supported\n */\nexport class SupportError extends GOVUKFrontendError {\n  name = 'SupportError'\n\n  /**\n   * Checks if GOV.UK Frontend is supported on this page\n   *\n   * @param {HTMLElement | null} [$scope] - HTML element `<body>` checked for browser support\n   */\n  constructor($scope = document.body) {\n    const supportMessage =\n      'noModule' in HTMLScriptElement.prototype\n        ? 'GOV.UK Frontend initialised without `<body class=\"govuk-frontend-supported\">` from template `<script>` snippet'\n        : 'GOV.UK Frontend is not supported in this browser'\n\n    super(\n      $scope\n        ? supportMessage\n        : 'GOV.UK Frontend initialised without `<script type=\"module\">`'\n    )\n  }\n}\n\n/**\n * Indicates that a component has received an illegal configuration\n */\nexport class ConfigError extends GOVUKFrontendError {\n  name = 'ConfigError'\n}\n\n/**\n * Indicates an issue with an element (possibly `null` or `undefined`)\n */\nexport class ElementError extends GOVUKFrontendError {\n  name = 'ElementError'\n\n  /**\n   * @internal\n   * @overload\n   * @param {string} message - Element error message\n   */\n\n  /**\n   * @internal\n   * @overload\n   * @param {ElementErrorOptions} options - Element error options\n   */\n\n  /**\n   * @internal\n   * @param {string | ElementErrorOptions} messageOrOptions - Element error message or options\n   */\n  constructor(messageOrOptions) {\n    let message = typeof messageOrOptions === 'string' ? messageOrOptions : ''\n\n    // Build message from options\n    if (isObject(messageOrOptions)) {\n      const { component, identifier, element, expectedType } = messageOrOptions\n\n      message = identifier\n\n      // Append reason\n      message += element\n        ? ` is not of type ${expectedType ?? 'HTMLElement'}`\n        : ' not found'\n\n      // Prepend with module name (optional)\n      if (component) {\n        message = formatErrorMessage(component, message)\n      }\n    }\n\n    super(message)\n  }\n}\n\n/**\n * Indicates that a component is already initialised\n */\nexport class InitError extends GOVUKFrontendError {\n  name = 'InitError'\n\n  /**\n   * @internal\n   * @param {ComponentWithModuleName | string} componentOrMessage - name of the component module\n   */\n  constructor(componentOrMessage) {\n    const message =\n      typeof componentOrMessage === 'string'\n        ? componentOrMessage\n        : formatErrorMessage(\n            componentOrMessage,\n            `Root element (\\`$root\\`) already initialised`\n          )\n\n    super(message)\n  }\n}\n\n/**\n * Element error options\n *\n * @internal\n * @typedef {object} ElementErrorOptions\n * @property {Element | Document | null} [element] - The element in error (optional)\n * @property {ComponentWithModuleName} [component] - Component throwing the error (optional)\n * @property {string} identifier - An identifier that'll let the user understand which element has an error. This is whatever makes the most sense\n * @property {string} [expectedType] - The type that was expected for the identifier (optional)\n */\n\n/**\n * @import { ComponentWithModuleName } from '../common/index.mjs'\n */\n","import { isInitialised, isSupported } from './common/index.mjs'\nimport { ElementError, InitError, SupportError } from './errors/index.mjs'\n\n/**\n * Base Component class\n *\n * Centralises the behaviours shared by our components\n *\n * @virtual\n * @template {Element} [RootElementType=HTMLElement]\n */\nexport class Component {\n  /**\n   * @type {typeof Element}\n   */\n  static elementType = HTMLElement\n\n  // allows Typescript user to work around the lack of types\n  // in GOVUKFrontend package, Typescript is not aware of $root\n  // in components that extend GOVUKFrontendComponent\n  /**\n   * Returns the root element of the component\n   *\n   * @protected\n   * @returns {RootElementType} - the root element of component\n   */\n  get $root() {\n    return this._$root\n  }\n\n  /**\n   * @protected\n   * @type {RootElementType}\n   */\n  _$root\n\n  /**\n   * Constructs a new component, validating that GOV.UK Frontend is supported\n   *\n   * @internal\n   * @param {Element | null} [$root] - HTML element to use for component\n   */\n  constructor($root) {\n    const childConstructor = /** @type {ChildClassConstructor} */ (\n      this.constructor\n    )\n\n    // TypeScript does not enforce that inheriting classes will define a `moduleName`\n    // (even if we add a `@virtual` `static moduleName` property to this class).\n    // While we trust users to do this correctly, we do a little check to provide them\n    // a helpful error message.\n    //\n    // After this, we'll be sure that `childConstructor` has a `moduleName`\n    // as expected of the `ChildClassConstructor` we've cast `this.constructor` to.\n    if (typeof childConstructor.moduleName !== 'string') {\n      throw new InitError(`\\`moduleName\\` not defined in component`)\n    }\n\n    if (!($root instanceof childConstructor.elementType)) {\n      throw new ElementError({\n        element: $root,\n        component: childConstructor,\n        identifier: 'Root element (`$root`)',\n        expectedType: childConstructor.elementType.name\n      })\n    } else {\n      this._$root = /** @type {RootElementType} */ ($root)\n    }\n\n    childConstructor.checkSupport()\n\n    this.checkInitialised()\n\n    const moduleName = childConstructor.moduleName\n\n    this.$root.setAttribute(`data-${moduleName}-init`, '')\n  }\n\n  /**\n   * Validates whether component is already initialised\n   *\n   * @private\n   * @throws {InitError} when component is already initialised\n   */\n  checkInitialised() {\n    const constructor = /** @type {ChildClassConstructor} */ (this.constructor)\n    const moduleName = constructor.moduleName\n\n    if (moduleName && isInitialised(this.$root, moduleName)) {\n      throw new InitError(constructor)\n    }\n  }\n\n  /**\n   * Validates whether components are supported\n   *\n   * @throws {SupportError} when the components are not supported\n   */\n  static checkSupport() {\n    if (!isSupported()) {\n      throw new SupportError()\n    }\n  }\n}\n\n/**\n * @typedef ChildClass\n * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component\n */\n\n/**\n * @typedef {typeof Component & ChildClass} ChildClassConstructor\n */\n","import { Component } from '../component.mjs'\nimport { ConfigError } from '../errors/index.mjs'\n\nimport { isObject, isScope, formatErrorMessage } from './index.mjs'\n\nexport const configOverride = Symbol.for('configOverride')\n\n/**\n * Base Component class\n *\n * Centralises the behaviours shared by our components\n *\n * @virtual\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]\n * @template {Element & { dataset: DOMStringMap }} [RootElementType=HTMLElement]\n * @augments Component<RootElementType>\n */\nexport class ConfigurableComponent extends Component {\n  /**\n   * configOverride\n   *\n   * Function which defines configuration overrides to prioritize\n   * properties from the root element's dataset.\n   *\n   * It should take a subset of configuration as input and return\n   * a new configuration object with properties that should be\n   * overridden based on the root element's dataset. A Symbol\n   * is used for indexing to prevent conflicts.\n   *\n   * @internal\n   * @virtual\n   * @param {Partial<ConfigurationType>} [param] - Configuration object\n   * @returns {Partial<ConfigurationType>} return - Configuration object\n   */\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  [configOverride](param) {\n    return {}\n  }\n\n  /**\n   * Returns the root element of the component\n   *\n   * @protected\n   * @returns {ConfigurationType} - the root element of component\n   */\n  get config() {\n    return this._config\n  }\n\n  /**\n   *\n   * @type {ConfigurationType}\n   */\n  _config\n\n  /**\n   * Constructs a new component, validating that GOV.UK Frontend is supported\n   *\n   * @internal\n   * @param {Element | null} [$root] - HTML element to use for component\n   * @param {ConfigurationType} [config] - HTML element to use for component\n   */\n  constructor($root, config) {\n    super($root)\n\n    const childConstructor =\n      /** @type {ChildClassConstructor<ConfigurationType>} */ (this.constructor)\n\n    if (!isObject(childConstructor.defaults)) {\n      throw new ConfigError(\n        formatErrorMessage(\n          childConstructor,\n          'Config passed as parameter into constructor but no defaults defined'\n        )\n      )\n    }\n\n    const datasetConfig = /** @type {ConfigurationType} */ (\n      normaliseDataset(childConstructor, this._$root.dataset)\n    )\n\n    this._config = /** @type {ConfigurationType} */ (\n      mergeConfigs(\n        childConstructor.defaults,\n        config ?? {},\n        this[configOverride](datasetConfig),\n        datasetConfig\n      )\n    )\n  }\n}\n\n/**\n * Normalise string\n *\n * 'If it looks like a duck, and it quacks like a duck…' 🦆\n *\n * If the passed value looks like a boolean or a number, convert it to a boolean\n * or number.\n *\n * Designed to be used to convert config passed via data attributes (which are\n * always strings) into something sensible.\n *\n * @internal\n * @param {DOMStringMap[string]} value - The value to normalise\n * @param {SchemaProperty} [property] - Component schema property\n * @returns {string | boolean | number | undefined} Normalised data\n */\nexport function normaliseString(value, property) {\n  const trimmedValue = value ? value.trim() : ''\n\n  let output\n  let outputType = property?.type\n\n  // No schema type set? Determine automatically\n  if (!outputType) {\n    if (['true', 'false'].includes(trimmedValue)) {\n      outputType = 'boolean'\n    }\n\n    // Empty / whitespace-only strings are considered finite so we need to check\n    // the length of the trimmed string as well\n    if (trimmedValue.length > 0 && isFinite(Number(trimmedValue))) {\n      outputType = 'number'\n    }\n  }\n\n  switch (outputType) {\n    case 'boolean':\n      output = trimmedValue === 'true'\n      break\n\n    case 'number':\n      output = Number(trimmedValue)\n      break\n\n    default:\n      output = value\n  }\n\n  return output\n}\n\n/**\n * Normalise dataset\n *\n * Loop over an object and normalise each value using {@link normaliseString},\n * optionally expanding nested `i18n.field`\n *\n * @internal\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @template {[keyof ConfigurationType, SchemaProperty | undefined][]} SchemaEntryType\n * @param {{ schema?: Schema<ConfigurationType>, moduleName: string }} Component - Component class\n * @param {DOMStringMap} dataset - HTML element dataset\n * @returns {ObjectNested} Normalised dataset\n */\nexport function normaliseDataset(Component, dataset) {\n  if (!isObject(Component.schema)) {\n    throw new ConfigError(\n      formatErrorMessage(\n        Component,\n        'Config passed as parameter into constructor but no schema defined'\n      )\n    )\n  }\n\n  const out = /** @type {ObjectNested} */ ({})\n  const entries = /** @type {SchemaEntryType} */ (\n    Object.entries(Component.schema.properties)\n  )\n\n  // Normalise top-level dataset ('data-*') values using schema types\n  for (const entry of entries) {\n    const [namespace, property] = entry\n\n    // Cast the `namespace` to string so it can be used to access the dataset\n    const field = namespace.toString()\n\n    if (field in dataset) {\n      out[field] = normaliseString(dataset[field], property)\n    }\n\n    /**\n     * Extract and normalise nested object values automatically using\n     * {@link normaliseString} but only schema object types are allowed\n     */\n    if (property?.type === 'object') {\n      out[field] = extractConfigByNamespace(\n        Component.schema,\n        dataset,\n        namespace\n      )\n    }\n  }\n\n  return out\n}\n\n/**\n * Normalise options passed to `initAll` or `createAll`\n *\n * @internal\n * @template {CompatibleClass} ComponentClass\n * @param {Config | CreateAllOptions<ComponentClass> | OnErrorCallback<ComponentClass> | Element | Document | null} [scopeOrOptions] - Scope of the document to search within, initialisation options or error callback function\n * @returns {CreateAllOptions<ComponentClass>} Normalised options\n */\nexport function normaliseOptions(scopeOrOptions) {\n  let /** @type {Element | Document | null} */ $scope = document\n  let /** @type {OnErrorCallback<ComponentClass> | undefined} */ onError\n\n  // Handle options object\n  if (isObject(scopeOrOptions)) {\n    const options = scopeOrOptions\n\n    // Scope must be valid or null\n    if (isScope(options.scope) || options.scope === null) {\n      $scope = options.scope\n    }\n\n    // Error handler must be a function\n    if (typeof options.onError === 'function') {\n      onError = options.onError\n    }\n  }\n\n  if (isScope(scopeOrOptions)) {\n    $scope = scopeOrOptions\n  } else if (scopeOrOptions === null) {\n    $scope = null\n  } else if (typeof scopeOrOptions === 'function') {\n    onError = scopeOrOptions\n  }\n\n  return {\n    scope: $scope,\n    onError\n  }\n}\n\n/**\n * Config merging function\n *\n * Takes any number of objects and combines them together, with\n * greatest priority on the LAST item passed in.\n *\n * @internal\n * @param {...{ [key: string]: unknown }} configObjects - Config objects to merge\n * @returns {{ [key: string]: unknown }} A merged config object\n */\nexport function mergeConfigs(...configObjects) {\n  // Start with an empty object as our base\n  /** @type {{ [key: string]: unknown }} */\n  const formattedConfigObject = {}\n\n  // Loop through each of the passed objects\n  for (const configObject of configObjects) {\n    for (const key of Object.keys(configObject)) {\n      const option = formattedConfigObject[key]\n      const override = configObject[key]\n\n      // Push their keys one-by-one into formattedConfigObject. Any duplicate\n      // keys with object values will be merged, otherwise the new value will\n      // override the existing value.\n      if (isObject(option) && isObject(override)) {\n        formattedConfigObject[key] = mergeConfigs(option, override)\n      } else {\n        // Apply override\n        formattedConfigObject[key] = override\n      }\n    }\n  }\n\n  return formattedConfigObject\n}\n\n/**\n * Validate component config by schema\n *\n * Follows limited examples in JSON schema for wider support in future\n *\n * {@link https://ajv.js.org/json-schema.html#compound-keywords}\n * {@link https://ajv.js.org/packages/ajv-errors.html#single-message}\n *\n * @internal\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @param {Schema<ConfigurationType>} schema - The schema of a component\n * @param {ConfigurationType} config - Component config\n * @returns {string[]} List of validation errors\n */\nexport function validateConfig(schema, config) {\n  const validationErrors = []\n\n  // Check errors for each schema\n  for (const [name, conditions] of Object.entries(schema)) {\n    const errors = []\n\n    // Check errors for each schema condition\n    if (Array.isArray(conditions)) {\n      for (const { required, errorMessage } of conditions) {\n        if (!required.every((key) => !!config[key])) {\n          errors.push(errorMessage) // Missing config key value\n        }\n      }\n\n      // Check one condition passes or add errors\n      if (name === 'anyOf' && !(conditions.length - errors.length >= 1)) {\n        validationErrors.push(...errors)\n      }\n    }\n  }\n\n  return validationErrors\n}\n\n/**\n * Extracts keys starting with a particular namespace from dataset ('data-*')\n * object, removing the namespace in the process, normalising all values\n *\n * @internal\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @param {Schema<ConfigurationType>} schema - The schema of a component\n * @param {DOMStringMap} dataset - The object to extract key-value pairs from\n * @param {keyof ConfigurationType} namespace - The namespace to filter keys with\n * @returns {ObjectNested | undefined} Nested object with dot-separated key namespace removed\n */\nexport function extractConfigByNamespace(schema, dataset, namespace) {\n  const property = schema.properties[namespace]\n\n  // Only extract configs for object schema properties\n  if (property?.type !== 'object') {\n    return\n  }\n\n  // Add default empty config\n  const newObject = /** @type {Record<typeof namespace, ObjectNested>} */ ({\n    [namespace]: {}\n  })\n\n  for (const [key, value] of Object.entries(dataset)) {\n    /** @type {ObjectNested | ObjectNested[NestedKey]} */\n    let current = newObject\n\n    // Split the key into parts, using . as our namespace separator\n    const keyParts = key.split('.')\n\n    /**\n     * Create new level per part\n     *\n     * e.g. 'i18n.textareaDescription.other' becomes\n     * `{ i18n: { textareaDescription: { other } } }`\n     */\n    for (const [index, name] of keyParts.entries()) {\n      if (isObject(current)) {\n        // Drop down to nested object until the last part\n        if (index < keyParts.length - 1) {\n          // New nested object (optionally) replaces existing value\n          if (!isObject(current[name])) {\n            current[name] = {}\n          }\n\n          // Drop down into new or existing nested object\n          current = current[name]\n        } else if (key !== namespace) {\n          // Normalised value (optionally) replaces existing value\n          current[name] = normaliseString(value)\n        }\n      }\n    }\n  }\n\n  return newObject[namespace]\n}\n\n/**\n * @internal\n * @typedef {keyof ObjectNested} NestedKey\n * @typedef {{ [key: string]: string | boolean | number | ObjectNested | undefined }} ObjectNested\n */\n\n/**\n * Schema for component config\n *\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @typedef {object} Schema\n * @property {Record<keyof ConfigurationType, SchemaProperty | undefined>} properties - Schema properties\n * @property {SchemaCondition<ConfigurationType>[]} [anyOf] - List of schema conditions\n */\n\n/**\n * Schema property for component config\n *\n * @typedef {object} SchemaProperty\n * @property {'string' | 'boolean' | 'number' | 'object'} type - Property type\n */\n\n/**\n * Schema condition for component config\n *\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @typedef {object} SchemaCondition\n * @property {(keyof ConfigurationType)[]} required - List of required config fields\n * @property {string} errorMessage - Error message when required config fields not provided\n */\n\n/**\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]\n * @typedef ChildClass\n * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component\n * @property {Schema<ConfigurationType>} [schema] - The schema of the component configuration\n * @property {ConfigurationType} [defaults] - The default values of the configuration of the component\n */\n\n/**\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]\n * @typedef {typeof Component & ChildClass<ConfigurationType>} ChildClassConstructor<ConfigurationType>\n */\n\n/**\n * @import { CompatibleClass, Config, CreateAllOptions, OnErrorCallback } from '../init.mjs'\n */\n","import { isObject } from './common/index.mjs'\n\n/**\n * Internal support for selecting messages to render, with placeholder\n * interpolation and locale-aware number formatting and pluralisation\n *\n * @internal\n */\nexport class I18n {\n  translations\n  locale\n\n  /**\n   * @internal\n   * @param {{ [key: string]: string | TranslationPluralForms }} translations - Key-value pairs of the translation strings to use.\n   * @param {object} [config] - Configuration options for the function.\n   * @param {string | null} [config.locale] - An overriding locale for the PluralRules functionality.\n   */\n  constructor(translations = {}, config = {}) {\n    // Make list of translations available throughout function\n    this.translations = translations\n\n    // The locale to use for PluralRules and NumberFormat\n    this.locale = config.locale ?? (document.documentElement.lang || 'en')\n  }\n\n  /**\n   * The most used function - takes the key for a given piece of UI text and\n   * returns the appropriate string.\n   *\n   * @internal\n   * @param {string} lookupKey - The lookup key of the string to use.\n   * @param {{ [key: string]: unknown }} [options] - Any options passed with the translation string, e.g: for string interpolation.\n   * @returns {string} The appropriate translation string.\n   * @throws {Error} Lookup key required\n   * @throws {Error} Options required for `${}` placeholders\n   */\n  t(lookupKey, options) {\n    if (!lookupKey) {\n      // Print a console error if no lookup key has been provided\n      throw new Error('i18n: lookup key missing')\n    }\n\n    // Fetch the translation for that lookup key\n    let translation = this.translations[lookupKey]\n\n    // If the `count` option is set, determine which plural suffix is needed and\n    // change the lookupKey to match. We check to see if it's numeric instead of\n    // falsy, as this could legitimately be 0.\n    if (typeof options?.count === 'number' && isObject(translation)) {\n      const translationPluralForm =\n        translation[this.getPluralSuffix(lookupKey, options.count)]\n\n      // Update translation with plural suffix\n      if (translationPluralForm) {\n        translation = translationPluralForm\n      }\n    }\n\n    if (typeof translation === 'string') {\n      // Check for ${} placeholders in the translation string\n      // eslint-disable-next-line @typescript-eslint/prefer-regexp-exec\n      if (translation.match(/%{(.\\S+)}/)) {\n        if (!options) {\n          throw new Error(\n            'i18n: cannot replace placeholders in string if no option data provided'\n          )\n        }\n\n        return this.replacePlaceholders(translation, options)\n      }\n\n      return translation\n    }\n\n    // If the key wasn't found in our translations object,\n    // return the lookup key itself as the fallback\n    return lookupKey\n  }\n\n  /**\n   * Takes a translation string with placeholders, and replaces the placeholders\n   * with the provided data\n   *\n   * @internal\n   * @param {string} translationString - The translation string\n   * @param {{ [key: string]: unknown }} options - Any options passed with the translation string, e.g: for string interpolation.\n   * @returns {string} The translation string to output, with $\\{\\} placeholders replaced\n   */\n  replacePlaceholders(translationString, options) {\n    const formatter = Intl.NumberFormat.supportedLocalesOf(this.locale).length\n      ? new Intl.NumberFormat(this.locale)\n      : undefined\n\n    return translationString.replace(\n      /%{(.\\S+)}/g,\n\n      /**\n       * Replace translation string placeholders\n       *\n       * @internal\n       * @param {string} placeholderWithBraces - Placeholder with braces\n       * @param {string} placeholderKey - Placeholder key\n       * @returns {string} Placeholder value\n       */\n      function (placeholderWithBraces, placeholderKey) {\n        if (Object.prototype.hasOwnProperty.call(options, placeholderKey)) {\n          const placeholderValue = options[placeholderKey]\n\n          // If a user has passed `false` as the value for the placeholder\n          // treat it as though the value should not be displayed\n          if (\n            placeholderValue === false ||\n            (typeof placeholderValue !== 'number' &&\n              typeof placeholderValue !== 'string')\n          ) {\n            return ''\n          }\n\n          // If the placeholder's value is a number, localise the number formatting\n          if (typeof placeholderValue === 'number') {\n            return formatter\n              ? formatter.format(placeholderValue)\n              : `${placeholderValue}`\n          }\n\n          return placeholderValue\n        }\n\n        throw new Error(\n          `i18n: no data found to replace ${placeholderWithBraces} placeholder in string`\n        )\n      }\n    )\n  }\n\n  /**\n   * Check to see if the browser supports Intl.PluralRules\n   *\n   * It requires all conditions to be met in order to be supported:\n   * - The implementation of Intl supports PluralRules (NOT true in Safari 10–12)\n   * - The browser/OS has plural rules for the current locale (browser dependent)\n   *\n   * {@link https://browsersl.ist/#q=supports+es6-module+and+not+supports+intl-pluralrules}\n   *\n   * @internal\n   * @returns {boolean} Returns true if all conditions are met. Returns false otherwise.\n   */\n  hasIntlPluralRulesSupport() {\n    return Boolean(\n      'PluralRules' in window.Intl &&\n        Intl.PluralRules.supportedLocalesOf(this.locale).length\n    )\n  }\n\n  /**\n   * Get the appropriate suffix for the plural form.\n   *\n   * Uses Intl.PluralRules (or our own fallback implementation) to get the\n   * 'preferred' form to use for the given count.\n   *\n   * Checks that a translation has been provided for that plural form – if it\n   * hasn't, it'll fall back to the 'other' plural form (unless that doesn't exist\n   * either, in which case an error will be thrown)\n   *\n   * @internal\n   * @param {string} lookupKey - The lookup key of the string to use.\n   * @param {number} count - Number used to determine which pluralisation to use.\n   * @returns {PluralRule} The suffix associated with the correct pluralisation for this locale.\n   * @throws {Error} Plural form `.other` required when preferred plural form is missing\n   */\n  getPluralSuffix(lookupKey, count) {\n    // Validate that the number is actually a number.\n    //\n    // Number(count) will turn anything that can't be converted to a Number type\n    // into 'NaN'. isFinite filters out NaN, as it isn't a finite number.\n    // eslint-disable-next-line @typescript-eslint/no-unnecessary-type-conversion\n    count = Number(count)\n    if (!isFinite(count)) {\n      return 'other'\n    }\n\n    // Fetch the translation for that lookup key\n    const translation = this.translations[lookupKey]\n\n    // Check to verify that all the requirements for Intl.PluralRules are met.\n    // If so, we can use that instead of our custom implementation. Otherwise,\n    // use the hardcoded fallback.\n    const preferredForm = this.hasIntlPluralRulesSupport()\n      ? new Intl.PluralRules(this.locale).select(count)\n      : 'other'\n\n    // Use the correct plural form if provided\n    if (isObject(translation)) {\n      if (preferredForm in translation) {\n        return preferredForm\n        // Fall back to `other` if the plural form is missing, but log a warning\n        // to the console\n      } else if ('other' in translation) {\n        console.warn(\n          `i18n: Missing plural form \".${preferredForm}\" for \"${this.locale}\" locale. Falling back to \".other\".`\n        )\n\n        return 'other'\n      }\n    }\n\n    // If the required `other` plural form is missing, all we can do is error\n    throw new Error(\n      `i18n: Plural form \".other\" is required for \"${this.locale}\" locale`\n    )\n  }\n}\n\n/**\n * Plural rule category mnemonic tags\n *\n * @internal\n * @typedef {'zero' | 'one' | 'two' | 'few' | 'many' | 'other'} PluralRule\n */\n\n/**\n * Translated message by plural rule they correspond to.\n *\n * Allows to group pluralised messages under a single key when passing\n * translations to a component's constructor\n *\n * @internal\n * @typedef {object} TranslationPluralForms\n * @property {string} [other] - General plural form\n * @property {string} [zero] - Plural form used with 0\n * @property {string} [one] - Plural form used with 1\n * @property {string} [two] - Plural form used with 2\n * @property {string} [few] - Plural form used for a few\n * @property {string} [many] - Plural form used for many\n */\n","import { closestAttributeValue } from '../../common/closest-attribute-value.mjs'\nimport {\n  validateConfig,\n  ConfigurableComponent,\n  configOverride\n} from '../../common/configuration.mjs'\nimport { formatErrorMessage } from '../../common/index.mjs'\nimport { ConfigError, ElementError } from '../../errors/index.mjs'\nimport { I18n } from '../../i18n.mjs'\n\n/**\n * Character count component\n *\n * Tracks the number of characters or words in the `.govuk-js-character-count`\n * `<textarea>` inside the element. Displays a message with the remaining number\n * of characters/words available, or the number of characters/words in excess.\n *\n * You can configure the message to only appear after a certain percentage\n * of the available characters/words has been entered.\n *\n * @preserve\n * @augments ConfigurableComponent<CharacterCountConfig>\n */\nexport class CharacterCount extends ConfigurableComponent {\n  /** @private */\n  $textarea\n\n  /** @private */\n  $visibleCountMessage\n\n  /** @private */\n  $screenReaderCountMessage\n\n  /**\n   * @private\n   * @type {number | null}\n   */\n  lastInputTimestamp = null\n\n  /** @private */\n  lastInputValue = ''\n\n  /**\n   * @private\n   * @type {number | null}\n   */\n  valueChecker = null\n\n  /** @private */\n  i18n\n\n  /** @private */\n  maxLength;\n\n  /**\n   * Character count config override\n   *\n   * To ensure data-attributes take complete precedence, even if they change\n   * the type of count, we need to reset the `maxlength` and `maxwords` from\n   * the JavaScript config.\n   *\n   * @internal\n   * @param {CharacterCountConfig} datasetConfig - configuration specified by dataset\n   * @returns {CharacterCountConfig} - configuration to override by dataset\n   */\n  [configOverride](datasetConfig) {\n    let configOverrides = {}\n    if ('maxwords' in datasetConfig || 'maxlength' in datasetConfig) {\n      configOverrides = {\n        maxlength: undefined,\n        maxwords: undefined\n      }\n    }\n\n    return configOverrides\n  }\n\n  /**\n   * @param {Element | null} $root - HTML element to use for character count\n   * @param {CharacterCountConfig} [config] - Character count config\n   */\n  constructor($root, config = {}) {\n    super($root, config)\n\n    const $textarea = this.$root.querySelector('.govuk-js-character-count')\n    if (\n      !(\n        $textarea instanceof HTMLTextAreaElement ||\n        $textarea instanceof HTMLInputElement\n      )\n    ) {\n      throw new ElementError({\n        component: CharacterCount,\n        element: $textarea,\n        expectedType: 'HTMLTextareaElement or HTMLInputElement',\n        identifier: 'Form field (`.govuk-js-character-count`)'\n      })\n    }\n\n    // Check for valid config\n    const errors = validateConfig(CharacterCount.schema, this.config)\n    if (errors[0]) {\n      throw new ConfigError(formatErrorMessage(CharacterCount, errors[0]))\n    }\n\n    this.i18n = new I18n(this.config.i18n, {\n      // Read the fallback if necessary rather than have it set in the defaults\n      locale: closestAttributeValue(this.$root, 'lang')\n    })\n\n    // Determine the limit attribute (characters or words)\n    this.maxLength = this.config.maxwords ?? this.config.maxlength ?? Infinity\n\n    this.$textarea = $textarea\n\n    const textareaDescriptionId = `${this.$textarea.id}-info`\n    const $textareaDescription = document.getElementById(textareaDescriptionId)\n    if (!$textareaDescription) {\n      throw new ElementError({\n        component: CharacterCount,\n        element: $textareaDescription,\n        identifier: `Count message (\\`id=\"${textareaDescriptionId}\"\\`)`\n      })\n    }\n\n    // Pre-existing validation error rendered from server\n    this.$errorMessage = this.$root.querySelector('.govuk-error-message')\n\n    // Inject a description for the textarea if none is present already\n    // for when the component was rendered with no maxlength, maxwords\n    // nor custom textareaDescriptionText\n    // eslint-disable-next-line @typescript-eslint/prefer-regexp-exec\n    if ($textareaDescription.textContent.match(/^\\s*$/)) {\n      $textareaDescription.textContent = this.i18n.t('textareaDescription', {\n        count: this.maxLength\n      })\n    }\n\n    // Move the textarea description to be immediately after the textarea\n    // Kept for backwards compatibility\n    this.$textarea.insertAdjacentElement('afterend', $textareaDescription)\n\n    // Create the *screen reader* specific live-updating counter\n    // This doesn't need any styling classes, as it is never visible\n    const $screenReaderCountMessage = document.createElement('div')\n    $screenReaderCountMessage.className =\n      'govuk-character-count__sr-status govuk-visually-hidden'\n    $screenReaderCountMessage.setAttribute('aria-live', 'polite')\n    this.$screenReaderCountMessage = $screenReaderCountMessage\n    $textareaDescription.insertAdjacentElement(\n      'afterend',\n      $screenReaderCountMessage\n    )\n\n    // Create our live-updating counter element, copying the classes from the\n    // textarea description for backwards compatibility as these may have been\n    // configured\n    const $visibleCountMessage = document.createElement('div')\n    $visibleCountMessage.className = $textareaDescription.className\n    $visibleCountMessage.classList.add('govuk-character-count__status')\n    $visibleCountMessage.setAttribute('aria-hidden', 'true')\n    this.$visibleCountMessage = $visibleCountMessage\n    $textareaDescription.insertAdjacentElement('afterend', $visibleCountMessage)\n\n    // Hide the textarea description\n    $textareaDescription.classList.add('govuk-visually-hidden')\n\n    // Remove hard limit if set\n    this.$textarea.removeAttribute('maxlength')\n\n    this.bindChangeEvents()\n\n    // When the page is restored after navigating 'back' in some browsers the\n    // state of form controls is not restored until *after* the DOMContentLoaded\n    // event is fired, so we need to sync after the pageshow event.\n    window.addEventListener('pageshow', () => this.updateCountMessage())\n\n    // Although we've set up handlers to sync state on the pageshow event, init\n    // could be called after those events have fired, for example if they are\n    // added to the page dynamically, so update now too.\n    this.updateCountMessage()\n  }\n\n  /**\n   * Bind change events\n   *\n   * Set up event listeners on the $textarea so that the count messages update\n   * when the user types.\n   *\n   * @private\n   */\n  bindChangeEvents() {\n    this.$textarea.addEventListener('keyup', () => this.handleKeyUp())\n\n    // Bind focus/blur events to start/stop polling\n    this.$textarea.addEventListener('focus', () => this.handleFocus())\n    this.$textarea.addEventListener('blur', () => this.handleBlur())\n  }\n\n  /**\n   * Handle key up event\n   *\n   * Update the visible character counter and keep track of when the last update\n   * happened for each keypress\n   *\n   * @private\n   */\n  handleKeyUp() {\n    this.updateVisibleCountMessage()\n    this.lastInputTimestamp = Date.now()\n  }\n\n  /**\n   * Handle focus event\n   *\n   * Speech recognition software such as Dragon NaturallySpeaking will modify\n   * the fields by directly changing its `value`. These changes don't trigger\n   * events in JavaScript, so we need to poll to handle when and if they occur.\n   *\n   * Once the keyup event hasn't been detected for at least 1000 ms (1s), check\n   * if the textarea value has changed and update the count message if it has.\n   *\n   * This is so that the update triggered by the manual comparison doesn't\n   * conflict with debounced KeyboardEvent updates.\n   *\n   * @private\n   */\n  handleFocus() {\n    this.valueChecker = window.setInterval(() => {\n      if (\n        !this.lastInputTimestamp ||\n        Date.now() - 500 >= this.lastInputTimestamp\n      ) {\n        this.updateIfValueChanged()\n      }\n    }, 1000)\n  }\n\n  /**\n   * Handle blur event\n   *\n   * Stop checking the textarea value once the textarea no longer has focus\n   *\n   * @private\n   */\n  handleBlur() {\n    // Cancel value checking on blur\n    if (this.valueChecker) {\n      window.clearInterval(this.valueChecker)\n    }\n  }\n\n  /**\n   * Update count message if textarea value has changed\n   *\n   * @private\n   */\n  updateIfValueChanged() {\n    if (this.$textarea.value !== this.lastInputValue) {\n      this.lastInputValue = this.$textarea.value\n      this.updateCountMessage()\n    }\n  }\n\n  /**\n   * Update count message\n   *\n   * Helper function to update both the visible and screen reader-specific\n   * counters simultaneously (e.g. on init)\n   *\n   * @private\n   */\n  updateCountMessage() {\n    this.updateVisibleCountMessage()\n    this.updateScreenReaderCountMessage()\n  }\n\n  /**\n   * Update visible count message\n   *\n   * @private\n   */\n  updateVisibleCountMessage() {\n    const remainingNumber = this.maxLength - this.count(this.$textarea.value)\n    const isError = remainingNumber < 0\n\n    // If input is over the threshold, remove the disabled class which renders\n    // the counter invisible.\n    this.$visibleCountMessage.classList.toggle(\n      'govuk-character-count__message--disabled',\n      !this.isOverThreshold()\n    )\n\n    // Update styles\n    if (!this.$errorMessage) {\n      // Only toggle the textarea error class if there isn't an error message\n      // already, as it may be unrelated to the limit (eg: allowed characters)\n      // and would set the border colour back to black.\n      this.$textarea.classList.toggle('govuk-textarea--error', isError)\n    }\n    this.$visibleCountMessage.classList.toggle('govuk-error-message', isError)\n    this.$visibleCountMessage.classList.toggle('govuk-hint', !isError)\n\n    // Update message\n    this.$visibleCountMessage.textContent = this.getCountMessage()\n  }\n\n  /**\n   * Update screen reader count message\n   *\n   * @private\n   */\n  updateScreenReaderCountMessage() {\n    // If over the threshold, remove the aria-hidden attribute, allowing screen\n    // readers to announce the content of the element.\n    if (this.isOverThreshold()) {\n      this.$screenReaderCountMessage.removeAttribute('aria-hidden')\n    } else {\n      this.$screenReaderCountMessage.setAttribute('aria-hidden', 'true')\n    }\n\n    // Update message\n    this.$screenReaderCountMessage.textContent = this.getCountMessage()\n  }\n\n  /**\n   * Count the number of characters (or words, if `config.maxwords` is set)\n   * in the given text\n   *\n   * @private\n   * @param {string} text - The text to count the characters of\n   * @returns {number} the number of characters (or words) in the text\n   */\n  count(text) {\n    if (this.config.maxwords) {\n      const tokens = text.match(/\\S+/g) ?? [] // Matches consecutive non-whitespace chars\n      return tokens.length\n    }\n\n    return text.length\n  }\n\n  /**\n   * Get count message\n   *\n   * @private\n   * @returns {string} Status message\n   */\n  getCountMessage() {\n    const remainingNumber = this.maxLength - this.count(this.$textarea.value)\n    const countType = this.config.maxwords ? 'words' : 'characters'\n    return this.formatCountMessage(remainingNumber, countType)\n  }\n\n  /**\n   * Formats the message shown to users according to what's counted\n   * and how many remain\n   *\n   * @private\n   * @param {number} remainingNumber - The number of words/characaters remaining\n   * @param {string} countType - \"words\" or \"characters\"\n   * @returns {string} Status message\n   */\n  formatCountMessage(remainingNumber, countType) {\n    if (remainingNumber === 0) {\n      return this.i18n.t(`${countType}AtLimit`)\n    }\n\n    const translationKeySuffix =\n      remainingNumber < 0 ? 'OverLimit' : 'UnderLimit'\n\n    return this.i18n.t(`${countType}${translationKeySuffix}`, {\n      count: Math.abs(remainingNumber)\n    })\n  }\n\n  /**\n   * Check if count is over threshold\n   *\n   * Checks whether the value is over the configured threshold for the input.\n   * If there is no configured threshold, it is set to 0 and this function will\n   * always return true.\n   *\n   * @private\n   * @returns {boolean} true if the current count is over the config.threshold\n   *   (or no threshold is set)\n   */\n  isOverThreshold() {\n    // No threshold means we're always above threshold so save some computation\n    if (!this.config.threshold) {\n      return true\n    }\n\n    // Determine the remaining number of characters/words\n    const currentLength = this.count(this.$textarea.value)\n    const maxLength = this.maxLength\n\n    const thresholdValue = (maxLength * this.config.threshold) / 100\n\n    return thresholdValue <= currentLength\n  }\n\n  /**\n   * Name for the component used when initialising using data-module attributes.\n   */\n  static moduleName = 'govuk-character-count'\n\n  /**\n   * Character count default config\n   *\n   * @see {@link CharacterCountConfig}\n   * @constant\n   * @type {CharacterCountConfig}\n   */\n  static defaults = Object.freeze({\n    threshold: 0,\n    i18n: {\n      // Characters\n      charactersUnderLimit: {\n        one: 'You have %{count} character remaining',\n        other: 'You have %{count} characters remaining'\n      },\n      charactersAtLimit: 'You have 0 characters remaining',\n      charactersOverLimit: {\n        one: 'You have %{count} character too many',\n        other: 'You have %{count} characters too many'\n      },\n      // Words\n      wordsUnderLimit: {\n        one: 'You have %{count} word remaining',\n        other: 'You have %{count} words remaining'\n      },\n      wordsAtLimit: 'You have 0 words remaining',\n      wordsOverLimit: {\n        one: 'You have %{count} word too many',\n        other: 'You have %{count} words too many'\n      },\n      textareaDescription: {\n        other: ''\n      }\n    }\n  })\n\n  /**\n   * Character count config schema\n   *\n   * @constant\n   * @satisfies {Schema<CharacterCountConfig>}\n   */\n  static schema = Object.freeze({\n    properties: {\n      i18n: { type: 'object' },\n      maxwords: { type: 'number' },\n      maxlength: { type: 'number' },\n      threshold: { type: 'number' }\n    },\n    anyOf: [\n      {\n        required: ['maxwords'],\n        errorMessage: 'Either \"maxlength\" or \"maxwords\" must be provided'\n      },\n      {\n        required: ['maxlength'],\n        errorMessage: 'Either \"maxlength\" or \"maxwords\" must be provided'\n      }\n    ]\n  })\n}\n\n/**\n * Character count config\n *\n * @see {@link CharacterCount.defaults}\n * @typedef {object} CharacterCountConfig\n * @property {number} [maxlength] - The maximum number of characters.\n *   If maxwords is provided, the maxlength option will be ignored.\n * @property {number} [maxwords] - The maximum number of words. If maxwords is\n *   provided, the maxlength option will be ignored.\n * @property {number} [threshold=0] - The percentage value of the limit at\n *   which point the count message is displayed. If this attribute is set, the\n *   count message will be hidden by default.\n * @property {CharacterCountTranslations} [i18n=CharacterCount.defaults.i18n] - Character count translations\n */\n\n/**\n * Character count translations\n *\n * @see {@link CharacterCount.defaults.i18n}\n * @typedef {object} CharacterCountTranslations\n *\n * Messages shown to users as they type. It provides feedback on how many words\n * or characters they have remaining or if they are over the limit. This also\n * includes a message used as an accessible description for the textarea.\n * @property {TranslationPluralForms} [charactersUnderLimit] - Message displayed\n *   when the number of characters is under the configured maximum, `maxlength`.\n *   This message is displayed visually and through assistive technologies. The\n *   component will replace the `%{count}` placeholder with the number of\n *   remaining characters. This is a [pluralised list of\n *   messages](https://frontend.design-system.service.gov.uk/localise-govuk-frontend).\n * @property {string} [charactersAtLimit] - Message displayed when the number of\n *   characters reaches the configured maximum, `maxlength`. This message is\n *   displayed visually and through assistive technologies.\n * @property {TranslationPluralForms} [charactersOverLimit] - Message displayed\n *   when the number of characters is over the configured maximum, `maxlength`.\n *   This message is displayed visually and through assistive technologies. The\n *   component will replace the `%{count}` placeholder with the number of\n *   remaining characters. This is a [pluralised list of\n *   messages](https://frontend.design-system.service.gov.uk/localise-govuk-frontend).\n * @property {TranslationPluralForms} [wordsUnderLimit] - Message displayed when\n *   the number of words is under the configured maximum, `maxlength`. This\n *   message is displayed visually and through assistive technologies. The\n *   component will replace the `%{count}` placeholder with the number of\n *   remaining words. This is a [pluralised list of\n *   messages](https://frontend.design-system.service.gov.uk/localise-govuk-frontend).\n * @property {string} [wordsAtLimit] - Message displayed when the number of\n *   words reaches the configured maximum, `maxlength`. This message is\n *   displayed visually and through assistive technologies.\n * @property {TranslationPluralForms} [wordsOverLimit] - Message displayed when\n *   the number of words is over the configured maximum, `maxlength`. This\n *   message is displayed visually and through assistive technologies. The\n *   component will replace the `%{count}` placeholder with the number of\n *   remaining words. This is a [pluralised list of\n *   messages](https://frontend.design-system.service.gov.uk/localise-govuk-frontend).\n * @property {TranslationPluralForms} [textareaDescription] - Message made\n *   available to assistive technologies, if none is already present in the\n *   HTML, to describe that the component accepts only a limited amount of\n *   content. It is visible on the page when JavaScript is unavailable. The\n *   component will replace the `%{count}` placeholder with the value of the\n *   `maxlength` or `maxwords` parameter.\n */\n\n/**\n * @import { Schema } from '../../common/configuration.mjs'\n * @import { TranslationPluralForms } from '../../i18n.mjs'\n */\n"],"names":["closestAttributeValue","$element","attributeName","$closestElementWithAttribute","closest","getAttribute","isInitialised","$root","moduleName","HTMLElement","hasAttribute","isSupported","$scope","document","body","classList","contains","isArray","option","Array","isObject","formatErrorMessage","Component","message","GOVUKFrontendError","Error","constructor","args","name","SupportError","supportMessage","HTMLScriptElement","prototype","ConfigError","ElementError","messageOrOptions","component","identifier","element","expectedType","InitError","componentOrMessage","_$root","childConstructor","elementType","checkSupport","checkInitialised","setAttribute","configOverride","Symbol","for","ConfigurableComponent","param","config","_config","defaults","datasetConfig","normaliseDataset","dataset","mergeConfigs","normaliseString","value","property","trimmedValue","trim","output","outputType","type","includes","length","isFinite","Number","schema","out","entries","Object","properties","entry","namespace","field","toString","extractConfigByNamespace","configObjects","formattedConfigObject","configObject","key","keys","override","validateConfig","validationErrors","conditions","errors","required","errorMessage","every","push","newObject","current","keyParts","split","index","I18n","translations","_config$locale","locale","documentElement","lang","t","lookupKey","options","translation","count","translationPluralForm","getPluralSuffix","match","replacePlaceholders","translationString","formatter","Intl","NumberFormat","supportedLocalesOf","undefined","replace","placeholderWithBraces","placeholderKey","hasOwnProperty","call","placeholderValue","format","hasIntlPluralRulesSupport","Boolean","window","PluralRules","preferredForm","select","console","warn","CharacterCount","configOverrides","maxlength","maxwords","_ref","_this$config$maxwords","$textarea","$visibleCountMessage","$screenReaderCountMessage","lastInputTimestamp","lastInputValue","valueChecker","i18n","maxLength","querySelector","HTMLTextAreaElement","HTMLInputElement","Infinity","textareaDescriptionId","id","$textareaDescription","getElementById","$errorMessage","textContent","insertAdjacentElement","createElement","className","add","removeAttribute","bindChangeEvents","addEventListener","updateCountMessage","handleKeyUp","handleFocus","handleBlur","updateVisibleCountMessage","Date","now","setInterval","updateIfValueChanged","clearInterval","updateScreenReaderCountMessage","remainingNumber","isError","toggle","isOverThreshold","getCountMessage","text","_text$match","tokens","countType","formatCountMessage","translationKeySuffix","Math","abs","threshold","currentLength","thresholdValue","freeze","charactersUnderLimit","one","other","charactersAtLimit","charactersOverLimit","wordsUnderLimit","wordsAtLimit","wordsOverLimit","textareaDescription","anyOf"],"mappings":"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"}
\ No newline at end of file
diff --git a/app/templates/govuk/components/character-count/character-count.bundle.mjs b/app/templates/govuk/components/character-count/character-count.bundle.mjs
new file mode 100644
index 0000000..df4f4ca
--- /dev/null
+++ b/app/templates/govuk/components/character-count/character-count.bundle.mjs
@@ -0,0 +1,675 @@
+function closestAttributeValue($element, attributeName) {
+  const $closestElementWithAttribute = $element.closest(`[${attributeName}]`);
+  return $closestElementWithAttribute ? $closestElementWithAttribute.getAttribute(attributeName) : null;
+}
+
+function isInitialised($root, moduleName) {
+  return $root instanceof HTMLElement && $root.hasAttribute(`data-${moduleName}-init`);
+}
+
+/**
+ * Checks if GOV.UK Frontend is supported on this page
+ *
+ * Some browsers will load and run our JavaScript but GOV.UK Frontend
+ * won't be supported.
+ *
+ * @param {HTMLElement | null} [$scope] - (internal) `<body>` HTML element checked for browser support
+ * @returns {boolean} Whether GOV.UK Frontend is supported on this page
+ */
+function isSupported($scope = document.body) {
+  if (!$scope) {
+    return false;
+  }
+  return $scope.classList.contains('govuk-frontend-supported');
+}
+function isArray(option) {
+  return Array.isArray(option);
+}
+function isObject(option) {
+  return !!option && typeof option === 'object' && !isArray(option);
+}
+function formatErrorMessage(Component, message) {
+  return `${Component.moduleName}: ${message}`;
+}
+/**
+ * @typedef ComponentWithModuleName
+ * @property {string} moduleName - Name of the component
+ */
+
+class GOVUKFrontendError extends Error {
+  constructor(...args) {
+    super(...args);
+    this.name = 'GOVUKFrontendError';
+  }
+}
+class SupportError extends GOVUKFrontendError {
+  /**
+   * Checks if GOV.UK Frontend is supported on this page
+   *
+   * @param {HTMLElement | null} [$scope] - HTML element `<body>` checked for browser support
+   */
+  constructor($scope = document.body) {
+    const supportMessage = 'noModule' in HTMLScriptElement.prototype ? 'GOV.UK Frontend initialised without `<body class="govuk-frontend-supported">` from template `<script>` snippet' : 'GOV.UK Frontend is not supported in this browser';
+    super($scope ? supportMessage : 'GOV.UK Frontend initialised without `<script type="module">`');
+    this.name = 'SupportError';
+  }
+}
+class ConfigError extends GOVUKFrontendError {
+  constructor(...args) {
+    super(...args);
+    this.name = 'ConfigError';
+  }
+}
+class ElementError extends GOVUKFrontendError {
+  constructor(messageOrOptions) {
+    let message = typeof messageOrOptions === 'string' ? messageOrOptions : '';
+    if (isObject(messageOrOptions)) {
+      const {
+        component,
+        identifier,
+        element,
+        expectedType
+      } = messageOrOptions;
+      message = identifier;
+      message += element ? ` is not of type ${expectedType != null ? expectedType : 'HTMLElement'}` : ' not found';
+      if (component) {
+        message = formatErrorMessage(component, message);
+      }
+    }
+    super(message);
+    this.name = 'ElementError';
+  }
+}
+class InitError extends GOVUKFrontendError {
+  constructor(componentOrMessage) {
+    const message = typeof componentOrMessage === 'string' ? componentOrMessage : formatErrorMessage(componentOrMessage, `Root element (\`$root\`) already initialised`);
+    super(message);
+    this.name = 'InitError';
+  }
+}
+/**
+ * @import { ComponentWithModuleName } from '../common/index.mjs'
+ */
+
+class Component {
+  /**
+   * Returns the root element of the component
+   *
+   * @protected
+   * @returns {RootElementType} - the root element of component
+   */
+  get $root() {
+    return this._$root;
+  }
+  constructor($root) {
+    this._$root = void 0;
+    const childConstructor = this.constructor;
+    if (typeof childConstructor.moduleName !== 'string') {
+      throw new InitError(`\`moduleName\` not defined in component`);
+    }
+    if (!($root instanceof childConstructor.elementType)) {
+      throw new ElementError({
+        element: $root,
+        component: childConstructor,
+        identifier: 'Root element (`$root`)',
+        expectedType: childConstructor.elementType.name
+      });
+    } else {
+      this._$root = $root;
+    }
+    childConstructor.checkSupport();
+    this.checkInitialised();
+    const moduleName = childConstructor.moduleName;
+    this.$root.setAttribute(`data-${moduleName}-init`, '');
+  }
+  checkInitialised() {
+    const constructor = this.constructor;
+    const moduleName = constructor.moduleName;
+    if (moduleName && isInitialised(this.$root, moduleName)) {
+      throw new InitError(constructor);
+    }
+  }
+  static checkSupport() {
+    if (!isSupported()) {
+      throw new SupportError();
+    }
+  }
+}
+
+/**
+ * @typedef ChildClass
+ * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component
+ */
+
+/**
+ * @typedef {typeof Component & ChildClass} ChildClassConstructor
+ */
+Component.elementType = HTMLElement;
+
+const configOverride = Symbol.for('configOverride');
+class ConfigurableComponent extends Component {
+  [configOverride](param) {
+    return {};
+  }
+
+  /**
+   * Returns the root element of the component
+   *
+   * @protected
+   * @returns {ConfigurationType} - the root element of component
+   */
+  get config() {
+    return this._config;
+  }
+  constructor($root, config) {
+    super($root);
+    this._config = void 0;
+    const childConstructor = this.constructor;
+    if (!isObject(childConstructor.defaults)) {
+      throw new ConfigError(formatErrorMessage(childConstructor, 'Config passed as parameter into constructor but no defaults defined'));
+    }
+    const datasetConfig = normaliseDataset(childConstructor, this._$root.dataset);
+    this._config = mergeConfigs(childConstructor.defaults, config != null ? config : {}, this[configOverride](datasetConfig), datasetConfig);
+  }
+}
+function normaliseString(value, property) {
+  const trimmedValue = value ? value.trim() : '';
+  let output;
+  let outputType = property == null ? void 0 : property.type;
+  if (!outputType) {
+    if (['true', 'false'].includes(trimmedValue)) {
+      outputType = 'boolean';
+    }
+    if (trimmedValue.length > 0 && isFinite(Number(trimmedValue))) {
+      outputType = 'number';
+    }
+  }
+  switch (outputType) {
+    case 'boolean':
+      output = trimmedValue === 'true';
+      break;
+    case 'number':
+      output = Number(trimmedValue);
+      break;
+    default:
+      output = value;
+  }
+  return output;
+}
+function normaliseDataset(Component, dataset) {
+  if (!isObject(Component.schema)) {
+    throw new ConfigError(formatErrorMessage(Component, 'Config passed as parameter into constructor but no schema defined'));
+  }
+  const out = {};
+  const entries = Object.entries(Component.schema.properties);
+  for (const entry of entries) {
+    const [namespace, property] = entry;
+    const field = namespace.toString();
+    if (field in dataset) {
+      out[field] = normaliseString(dataset[field], property);
+    }
+    if ((property == null ? void 0 : property.type) === 'object') {
+      out[field] = extractConfigByNamespace(Component.schema, dataset, namespace);
+    }
+  }
+  return out;
+}
+function mergeConfigs(...configObjects) {
+  const formattedConfigObject = {};
+  for (const configObject of configObjects) {
+    for (const key of Object.keys(configObject)) {
+      const option = formattedConfigObject[key];
+      const override = configObject[key];
+      if (isObject(option) && isObject(override)) {
+        formattedConfigObject[key] = mergeConfigs(option, override);
+      } else {
+        formattedConfigObject[key] = override;
+      }
+    }
+  }
+  return formattedConfigObject;
+}
+function validateConfig(schema, config) {
+  const validationErrors = [];
+  for (const [name, conditions] of Object.entries(schema)) {
+    const errors = [];
+    if (Array.isArray(conditions)) {
+      for (const {
+        required,
+        errorMessage
+      } of conditions) {
+        if (!required.every(key => !!config[key])) {
+          errors.push(errorMessage);
+        }
+      }
+      if (name === 'anyOf' && !(conditions.length - errors.length >= 1)) {
+        validationErrors.push(...errors);
+      }
+    }
+  }
+  return validationErrors;
+}
+function extractConfigByNamespace(schema, dataset, namespace) {
+  const property = schema.properties[namespace];
+  if ((property == null ? void 0 : property.type) !== 'object') {
+    return;
+  }
+  const newObject = {
+    [namespace]: {}
+  };
+  for (const [key, value] of Object.entries(dataset)) {
+    let current = newObject;
+    const keyParts = key.split('.');
+    for (const [index, name] of keyParts.entries()) {
+      if (isObject(current)) {
+        if (index < keyParts.length - 1) {
+          if (!isObject(current[name])) {
+            current[name] = {};
+          }
+          current = current[name];
+        } else if (key !== namespace) {
+          current[name] = normaliseString(value);
+        }
+      }
+    }
+  }
+  return newObject[namespace];
+}
+/**
+ * Schema for component config
+ *
+ * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType
+ * @typedef {object} Schema
+ * @property {Record<keyof ConfigurationType, SchemaProperty | undefined>} properties - Schema properties
+ * @property {SchemaCondition<ConfigurationType>[]} [anyOf] - List of schema conditions
+ */
+/**
+ * Schema property for component config
+ *
+ * @typedef {object} SchemaProperty
+ * @property {'string' | 'boolean' | 'number' | 'object'} type - Property type
+ */
+/**
+ * Schema condition for component config
+ *
+ * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType
+ * @typedef {object} SchemaCondition
+ * @property {(keyof ConfigurationType)[]} required - List of required config fields
+ * @property {string} errorMessage - Error message when required config fields not provided
+ */
+/**
+ * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]
+ * @typedef ChildClass
+ * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component
+ * @property {Schema<ConfigurationType>} [schema] - The schema of the component configuration
+ * @property {ConfigurationType} [defaults] - The default values of the configuration of the component
+ */
+/**
+ * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]
+ * @typedef {typeof Component & ChildClass<ConfigurationType>} ChildClassConstructor<ConfigurationType>
+ */
+/**
+ * @import { CompatibleClass, Config, CreateAllOptions, OnErrorCallback } from '../init.mjs'
+ */
+
+class I18n {
+  constructor(translations = {}, config = {}) {
+    var _config$locale;
+    this.translations = void 0;
+    this.locale = void 0;
+    this.translations = translations;
+    this.locale = (_config$locale = config.locale) != null ? _config$locale : document.documentElement.lang || 'en';
+  }
+  t(lookupKey, options) {
+    if (!lookupKey) {
+      throw new Error('i18n: lookup key missing');
+    }
+    let translation = this.translations[lookupKey];
+    if (typeof (options == null ? void 0 : options.count) === 'number' && isObject(translation)) {
+      const translationPluralForm = translation[this.getPluralSuffix(lookupKey, options.count)];
+      if (translationPluralForm) {
+        translation = translationPluralForm;
+      }
+    }
+    if (typeof translation === 'string') {
+      if (translation.match(/%{(.\S+)}/)) {
+        if (!options) {
+          throw new Error('i18n: cannot replace placeholders in string if no option data provided');
+        }
+        return this.replacePlaceholders(translation, options);
+      }
+      return translation;
+    }
+    return lookupKey;
+  }
+  replacePlaceholders(translationString, options) {
+    const formatter = Intl.NumberFormat.supportedLocalesOf(this.locale).length ? new Intl.NumberFormat(this.locale) : undefined;
+    return translationString.replace(/%{(.\S+)}/g, function (placeholderWithBraces, placeholderKey) {
+      if (Object.prototype.hasOwnProperty.call(options, placeholderKey)) {
+        const placeholderValue = options[placeholderKey];
+        if (placeholderValue === false || typeof placeholderValue !== 'number' && typeof placeholderValue !== 'string') {
+          return '';
+        }
+        if (typeof placeholderValue === 'number') {
+          return formatter ? formatter.format(placeholderValue) : `${placeholderValue}`;
+        }
+        return placeholderValue;
+      }
+      throw new Error(`i18n: no data found to replace ${placeholderWithBraces} placeholder in string`);
+    });
+  }
+  hasIntlPluralRulesSupport() {
+    return Boolean('PluralRules' in window.Intl && Intl.PluralRules.supportedLocalesOf(this.locale).length);
+  }
+  getPluralSuffix(lookupKey, count) {
+    count = Number(count);
+    if (!isFinite(count)) {
+      return 'other';
+    }
+    const translation = this.translations[lookupKey];
+    const preferredForm = this.hasIntlPluralRulesSupport() ? new Intl.PluralRules(this.locale).select(count) : 'other';
+    if (isObject(translation)) {
+      if (preferredForm in translation) {
+        return preferredForm;
+      } else if ('other' in translation) {
+        console.warn(`i18n: Missing plural form ".${preferredForm}" for "${this.locale}" locale. Falling back to ".other".`);
+        return 'other';
+      }
+    }
+    throw new Error(`i18n: Plural form ".other" is required for "${this.locale}" locale`);
+  }
+}
+
+/**
+ * Character count component
+ *
+ * Tracks the number of characters or words in the `.govuk-js-character-count`
+ * `<textarea>` inside the element. Displays a message with the remaining number
+ * of characters/words available, or the number of characters/words in excess.
+ *
+ * You can configure the message to only appear after a certain percentage
+ * of the available characters/words has been entered.
+ *
+ * @preserve
+ * @augments ConfigurableComponent<CharacterCountConfig>
+ */
+class CharacterCount extends ConfigurableComponent {
+  [configOverride](datasetConfig) {
+    let configOverrides = {};
+    if ('maxwords' in datasetConfig || 'maxlength' in datasetConfig) {
+      configOverrides = {
+        maxlength: undefined,
+        maxwords: undefined
+      };
+    }
+    return configOverrides;
+  }
+
+  /**
+   * @param {Element | null} $root - HTML element to use for character count
+   * @param {CharacterCountConfig} [config] - Character count config
+   */
+  constructor($root, config = {}) {
+    var _ref, _this$config$maxwords;
+    super($root, config);
+    this.$textarea = void 0;
+    this.$visibleCountMessage = void 0;
+    this.$screenReaderCountMessage = void 0;
+    this.lastInputTimestamp = null;
+    this.lastInputValue = '';
+    this.valueChecker = null;
+    this.i18n = void 0;
+    this.maxLength = void 0;
+    const $textarea = this.$root.querySelector('.govuk-js-character-count');
+    if (!($textarea instanceof HTMLTextAreaElement || $textarea instanceof HTMLInputElement)) {
+      throw new ElementError({
+        component: CharacterCount,
+        element: $textarea,
+        expectedType: 'HTMLTextareaElement or HTMLInputElement',
+        identifier: 'Form field (`.govuk-js-character-count`)'
+      });
+    }
+    const errors = validateConfig(CharacterCount.schema, this.config);
+    if (errors[0]) {
+      throw new ConfigError(formatErrorMessage(CharacterCount, errors[0]));
+    }
+    this.i18n = new I18n(this.config.i18n, {
+      locale: closestAttributeValue(this.$root, 'lang')
+    });
+    this.maxLength = (_ref = (_this$config$maxwords = this.config.maxwords) != null ? _this$config$maxwords : this.config.maxlength) != null ? _ref : Infinity;
+    this.$textarea = $textarea;
+    const textareaDescriptionId = `${this.$textarea.id}-info`;
+    const $textareaDescription = document.getElementById(textareaDescriptionId);
+    if (!$textareaDescription) {
+      throw new ElementError({
+        component: CharacterCount,
+        element: $textareaDescription,
+        identifier: `Count message (\`id="${textareaDescriptionId}"\`)`
+      });
+    }
+    this.$errorMessage = this.$root.querySelector('.govuk-error-message');
+    if ($textareaDescription.textContent.match(/^\s*$/)) {
+      $textareaDescription.textContent = this.i18n.t('textareaDescription', {
+        count: this.maxLength
+      });
+    }
+    this.$textarea.insertAdjacentElement('afterend', $textareaDescription);
+    const $screenReaderCountMessage = document.createElement('div');
+    $screenReaderCountMessage.className = 'govuk-character-count__sr-status govuk-visually-hidden';
+    $screenReaderCountMessage.setAttribute('aria-live', 'polite');
+    this.$screenReaderCountMessage = $screenReaderCountMessage;
+    $textareaDescription.insertAdjacentElement('afterend', $screenReaderCountMessage);
+    const $visibleCountMessage = document.createElement('div');
+    $visibleCountMessage.className = $textareaDescription.className;
+    $visibleCountMessage.classList.add('govuk-character-count__status');
+    $visibleCountMessage.setAttribute('aria-hidden', 'true');
+    this.$visibleCountMessage = $visibleCountMessage;
+    $textareaDescription.insertAdjacentElement('afterend', $visibleCountMessage);
+    $textareaDescription.classList.add('govuk-visually-hidden');
+    this.$textarea.removeAttribute('maxlength');
+    this.bindChangeEvents();
+    window.addEventListener('pageshow', () => this.updateCountMessage());
+    this.updateCountMessage();
+  }
+  bindChangeEvents() {
+    this.$textarea.addEventListener('keyup', () => this.handleKeyUp());
+    this.$textarea.addEventListener('focus', () => this.handleFocus());
+    this.$textarea.addEventListener('blur', () => this.handleBlur());
+  }
+  handleKeyUp() {
+    this.updateVisibleCountMessage();
+    this.lastInputTimestamp = Date.now();
+  }
+  handleFocus() {
+    this.valueChecker = window.setInterval(() => {
+      if (!this.lastInputTimestamp || Date.now() - 500 >= this.lastInputTimestamp) {
+        this.updateIfValueChanged();
+      }
+    }, 1000);
+  }
+  handleBlur() {
+    if (this.valueChecker) {
+      window.clearInterval(this.valueChecker);
+    }
+  }
+  updateIfValueChanged() {
+    if (this.$textarea.value !== this.lastInputValue) {
+      this.lastInputValue = this.$textarea.value;
+      this.updateCountMessage();
+    }
+  }
+  updateCountMessage() {
+    this.updateVisibleCountMessage();
+    this.updateScreenReaderCountMessage();
+  }
+  updateVisibleCountMessage() {
+    const remainingNumber = this.maxLength - this.count(this.$textarea.value);
+    const isError = remainingNumber < 0;
+    this.$visibleCountMessage.classList.toggle('govuk-character-count__message--disabled', !this.isOverThreshold());
+    if (!this.$errorMessage) {
+      this.$textarea.classList.toggle('govuk-textarea--error', isError);
+    }
+    this.$visibleCountMessage.classList.toggle('govuk-error-message', isError);
+    this.$visibleCountMessage.classList.toggle('govuk-hint', !isError);
+    this.$visibleCountMessage.textContent = this.getCountMessage();
+  }
+  updateScreenReaderCountMessage() {
+    if (this.isOverThreshold()) {
+      this.$screenReaderCountMessage.removeAttribute('aria-hidden');
+    } else {
+      this.$screenReaderCountMessage.setAttribute('aria-hidden', 'true');
+    }
+    this.$screenReaderCountMessage.textContent = this.getCountMessage();
+  }
+  count(text) {
+    if (this.config.maxwords) {
+      var _text$match;
+      const tokens = (_text$match = text.match(/\S+/g)) != null ? _text$match : [];
+      return tokens.length;
+    }
+    return text.length;
+  }
+  getCountMessage() {
+    const remainingNumber = this.maxLength - this.count(this.$textarea.value);
+    const countType = this.config.maxwords ? 'words' : 'characters';
+    return this.formatCountMessage(remainingNumber, countType);
+  }
+  formatCountMessage(remainingNumber, countType) {
+    if (remainingNumber === 0) {
+      return this.i18n.t(`${countType}AtLimit`);
+    }
+    const translationKeySuffix = remainingNumber < 0 ? 'OverLimit' : 'UnderLimit';
+    return this.i18n.t(`${countType}${translationKeySuffix}`, {
+      count: Math.abs(remainingNumber)
+    });
+  }
+  isOverThreshold() {
+    if (!this.config.threshold) {
+      return true;
+    }
+    const currentLength = this.count(this.$textarea.value);
+    const maxLength = this.maxLength;
+    const thresholdValue = maxLength * this.config.threshold / 100;
+    return thresholdValue <= currentLength;
+  }
+}
+
+/**
+ * Character count config
+ *
+ * @see {@link CharacterCount.defaults}
+ * @typedef {object} CharacterCountConfig
+ * @property {number} [maxlength] - The maximum number of characters.
+ *   If maxwords is provided, the maxlength option will be ignored.
+ * @property {number} [maxwords] - The maximum number of words. If maxwords is
+ *   provided, the maxlength option will be ignored.
+ * @property {number} [threshold=0] - The percentage value of the limit at
+ *   which point the count message is displayed. If this attribute is set, the
+ *   count message will be hidden by default.
+ * @property {CharacterCountTranslations} [i18n=CharacterCount.defaults.i18n] - Character count translations
+ */
+
+/**
+ * Character count translations
+ *
+ * @see {@link CharacterCount.defaults.i18n}
+ * @typedef {object} CharacterCountTranslations
+ *
+ * Messages shown to users as they type. It provides feedback on how many words
+ * or characters they have remaining or if they are over the limit. This also
+ * includes a message used as an accessible description for the textarea.
+ * @property {TranslationPluralForms} [charactersUnderLimit] - Message displayed
+ *   when the number of characters is under the configured maximum, `maxlength`.
+ *   This message is displayed visually and through assistive technologies. The
+ *   component will replace the `%{count}` placeholder with the number of
+ *   remaining characters. This is a [pluralised list of
+ *   messages](https://frontend.design-system.service.gov.uk/localise-govuk-frontend).
+ * @property {string} [charactersAtLimit] - Message displayed when the number of
+ *   characters reaches the configured maximum, `maxlength`. This message is
+ *   displayed visually and through assistive technologies.
+ * @property {TranslationPluralForms} [charactersOverLimit] - Message displayed
+ *   when the number of characters is over the configured maximum, `maxlength`.
+ *   This message is displayed visually and through assistive technologies. The
+ *   component will replace the `%{count}` placeholder with the number of
+ *   remaining characters. This is a [pluralised list of
+ *   messages](https://frontend.design-system.service.gov.uk/localise-govuk-frontend).
+ * @property {TranslationPluralForms} [wordsUnderLimit] - Message displayed when
+ *   the number of words is under the configured maximum, `maxlength`. This
+ *   message is displayed visually and through assistive technologies. The
+ *   component will replace the `%{count}` placeholder with the number of
+ *   remaining words. This is a [pluralised list of
+ *   messages](https://frontend.design-system.service.gov.uk/localise-govuk-frontend).
+ * @property {string} [wordsAtLimit] - Message displayed when the number of
+ *   words reaches the configured maximum, `maxlength`. This message is
+ *   displayed visually and through assistive technologies.
+ * @property {TranslationPluralForms} [wordsOverLimit] - Message displayed when
+ *   the number of words is over the configured maximum, `maxlength`. This
+ *   message is displayed visually and through assistive technologies. The
+ *   component will replace the `%{count}` placeholder with the number of
+ *   remaining words. This is a [pluralised list of
+ *   messages](https://frontend.design-system.service.gov.uk/localise-govuk-frontend).
+ * @property {TranslationPluralForms} [textareaDescription] - Message made
+ *   available to assistive technologies, if none is already present in the
+ *   HTML, to describe that the component accepts only a limited amount of
+ *   content. It is visible on the page when JavaScript is unavailable. The
+ *   component will replace the `%{count}` placeholder with the value of the
+ *   `maxlength` or `maxwords` parameter.
+ */
+
+/**
+ * @import { Schema } from '../../common/configuration.mjs'
+ * @import { TranslationPluralForms } from '../../i18n.mjs'
+ */
+CharacterCount.moduleName = 'govuk-character-count';
+CharacterCount.defaults = Object.freeze({
+  threshold: 0,
+  i18n: {
+    charactersUnderLimit: {
+      one: 'You have %{count} character remaining',
+      other: 'You have %{count} characters remaining'
+    },
+    charactersAtLimit: 'You have 0 characters remaining',
+    charactersOverLimit: {
+      one: 'You have %{count} character too many',
+      other: 'You have %{count} characters too many'
+    },
+    wordsUnderLimit: {
+      one: 'You have %{count} word remaining',
+      other: 'You have %{count} words remaining'
+    },
+    wordsAtLimit: 'You have 0 words remaining',
+    wordsOverLimit: {
+      one: 'You have %{count} word too many',
+      other: 'You have %{count} words too many'
+    },
+    textareaDescription: {
+      other: ''
+    }
+  }
+});
+CharacterCount.schema = Object.freeze({
+  properties: {
+    i18n: {
+      type: 'object'
+    },
+    maxwords: {
+      type: 'number'
+    },
+    maxlength: {
+      type: 'number'
+    },
+    threshold: {
+      type: 'number'
+    }
+  },
+  anyOf: [{
+    required: ['maxwords'],
+    errorMessage: 'Either "maxlength" or "maxwords" must be provided'
+  }, {
+    required: ['maxlength'],
+    errorMessage: 'Either "maxlength" or "maxwords" must be provided'
+  }]
+});
+
+export { CharacterCount };
+//# sourceMappingURL=character-count.bundle.mjs.map
diff --git a/app/templates/govuk/components/character-count/character-count.bundle.mjs.map b/app/templates/govuk/components/character-count/character-count.bundle.mjs.map
new file mode 100644
index 0000000..cff3409
--- /dev/null
+++ b/app/templates/govuk/components/character-count/character-count.bundle.mjs.map
@@ -0,0 +1 @@
+{"version":3,"file":"character-count.bundle.mjs","sources":["../../../../src/govuk/common/closest-attribute-value.mjs","../../../../src/govuk/common/index.mjs","../../../../src/govuk/errors/index.mjs","../../../../src/govuk/component.mjs","../../../../src/govuk/common/configuration.mjs","../../../../src/govuk/i18n.mjs","../../../../src/govuk/components/character-count/character-count.mjs"],"sourcesContent":["/**\n * Returns the value of the given attribute closest to the given element (including itself)\n *\n * @internal\n * @param {Element} $element - The element to start walking the DOM tree up\n * @param {string} attributeName - The name of the attribute\n * @returns {string | null} Attribute value\n */\nexport function closestAttributeValue($element, attributeName) {\n  const $closestElementWithAttribute = $element.closest(`[${attributeName}]`)\n  return $closestElementWithAttribute\n    ? $closestElementWithAttribute.getAttribute(attributeName)\n    : null\n}\n","/**\n * Common helpers which do not require polyfill.\n *\n * IMPORTANT: If a helper require a polyfill, please isolate it in its own module\n * so that the polyfill can be properly tree-shaken and does not burden\n * the components that do not need that helper\n */\n\n/**\n * Get GOV.UK Frontend breakpoint value from CSS custom property\n *\n * @private\n * @param {string} name - Breakpoint name\n * @returns {{ property: string, value?: string }} Breakpoint object\n */\nexport function getBreakpoint(name) {\n  const property = `--govuk-breakpoint-${name}`\n\n  // Get value from `<html>` with breakpoints on CSS :root\n  const value = window\n    .getComputedStyle(document.documentElement)\n    .getPropertyValue(property)\n\n  return {\n    property,\n    value: value || undefined\n  }\n}\n\n/**\n * Move focus to element\n *\n * Sets tabindex to -1 to make the element programmatically focusable,\n * but removes it on blur as the element doesn't need to be focused again.\n *\n * @private\n * @template {HTMLElement} FocusElement\n * @param {FocusElement} $element - HTML element\n * @param {object} [options] - Handler options\n * @param {function(this: FocusElement): void} [options.onBeforeFocus] - Callback before focus\n * @param {function(this: FocusElement): void} [options.onBlur] - Callback on blur\n */\nexport function setFocus($element, options = {}) {\n  const isFocusable = $element.getAttribute('tabindex')\n\n  if (!isFocusable) {\n    $element.setAttribute('tabindex', '-1')\n  }\n\n  /**\n   * Handle element focus\n   */\n  function onFocus() {\n    $element.addEventListener('blur', onBlur, { once: true })\n  }\n\n  /**\n   * Handle element blur\n   */\n  function onBlur() {\n    options.onBlur?.call($element)\n\n    if (!isFocusable) {\n      $element.removeAttribute('tabindex')\n    }\n  }\n\n  // Add listener to reset element on blur, after focus\n  $element.addEventListener('focus', onFocus, { once: true })\n\n  // Focus element\n  options.onBeforeFocus?.call($element)\n  $element.focus()\n}\n\n/**\n * Checks if component is already initialised\n *\n * @internal\n * @param {Element} $root - HTML element to be checked\n * @param {string} moduleName - name of component module\n * @returns {boolean} Whether component is already initialised\n */\nexport function isInitialised($root, moduleName) {\n  return (\n    $root instanceof HTMLElement &&\n    $root.hasAttribute(`data-${moduleName}-init`)\n  )\n}\n\n/**\n * Checks if GOV.UK Frontend is supported on this page\n *\n * Some browsers will load and run our JavaScript but GOV.UK Frontend\n * won't be supported.\n *\n * @param {HTMLElement | null} [$scope] - (internal) `<body>` HTML element checked for browser support\n * @returns {boolean} Whether GOV.UK Frontend is supported on this page\n */\nexport function isSupported($scope = document.body) {\n  if (!$scope) {\n    return false\n  }\n\n  return $scope.classList.contains('govuk-frontend-supported')\n}\n\n/**\n * Check for an array\n *\n * @internal\n * @param {unknown} option - Option to check\n * @returns {boolean} Whether the option is an array\n */\nfunction isArray(option) {\n  return Array.isArray(option)\n}\n\n/**\n * Check for an object\n *\n * @internal\n * @template {Partial<Record<keyof ObjectType, unknown>>} ObjectType\n * @param {unknown | ObjectType} option - Option to check\n * @returns {option is ObjectType} Whether the option is an object\n */\nexport function isObject(option) {\n  return !!option && typeof option === 'object' && !isArray(option)\n}\n\n/**\n * Check for valid scope\n *\n * @internal\n * @template {Element | Document} ScopeType\n * @param {unknown | ScopeType} $scope - Scope of the document to search within\n * @returns {$scope is ScopeType} Whether the scope can be queried\n */\nexport function isScope($scope) {\n  return !!$scope && ($scope instanceof Element || $scope instanceof Document)\n}\n\n/**\n * Format error message\n *\n * @internal\n * @param {ComponentWithModuleName} Component - Component that threw the error\n * @param {string} message - Error message\n * @returns {string} - Formatted error message\n */\nexport function formatErrorMessage(Component, message) {\n  return `${Component.moduleName}: ${message}`\n}\n\n/* eslint-disable jsdoc/valid-types --\n * `{new(...args: any[] ): object}` is not recognised as valid\n * https://github.com/gajus/eslint-plugin-jsdoc/issues/145#issuecomment-1308722878\n * https://github.com/jsdoc-type-pratt-parser/jsdoc-type-pratt-parser/issues/131\n **/\n\n/**\n * @typedef ComponentWithModuleName\n * @property {string} moduleName - Name of the component\n */\n\n/* eslint-enable jsdoc/valid-types */\n","import { formatErrorMessage, isObject } from '../common/index.mjs'\n\n/**\n * GOV.UK Frontend error\n *\n * A base class for `Error`s thrown by GOV.UK Frontend.\n *\n * It is meant to be extended into specific types of errors\n * to be thrown by our code.\n *\n * @example\n * ```js\n * class MissingRootError extends GOVUKFrontendError {\n *   // Setting an explicit name is important as extending the class will not\n *   // set a new `name` on the subclass. The `name` property is important\n *   // to ensure intelligible error names even if the class name gets\n *   // mangled by a minifier\n *   name = \"MissingRootError\"\n * }\n * ```\n * @virtual\n */\nexport class GOVUKFrontendError extends Error {\n  name = 'GOVUKFrontendError'\n}\n\n/**\n * Indicates that GOV.UK Frontend is not supported\n */\nexport class SupportError extends GOVUKFrontendError {\n  name = 'SupportError'\n\n  /**\n   * Checks if GOV.UK Frontend is supported on this page\n   *\n   * @param {HTMLElement | null} [$scope] - HTML element `<body>` checked for browser support\n   */\n  constructor($scope = document.body) {\n    const supportMessage =\n      'noModule' in HTMLScriptElement.prototype\n        ? 'GOV.UK Frontend initialised without `<body class=\"govuk-frontend-supported\">` from template `<script>` snippet'\n        : 'GOV.UK Frontend is not supported in this browser'\n\n    super(\n      $scope\n        ? supportMessage\n        : 'GOV.UK Frontend initialised without `<script type=\"module\">`'\n    )\n  }\n}\n\n/**\n * Indicates that a component has received an illegal configuration\n */\nexport class ConfigError extends GOVUKFrontendError {\n  name = 'ConfigError'\n}\n\n/**\n * Indicates an issue with an element (possibly `null` or `undefined`)\n */\nexport class ElementError extends GOVUKFrontendError {\n  name = 'ElementError'\n\n  /**\n   * @internal\n   * @overload\n   * @param {string} message - Element error message\n   */\n\n  /**\n   * @internal\n   * @overload\n   * @param {ElementErrorOptions} options - Element error options\n   */\n\n  /**\n   * @internal\n   * @param {string | ElementErrorOptions} messageOrOptions - Element error message or options\n   */\n  constructor(messageOrOptions) {\n    let message = typeof messageOrOptions === 'string' ? messageOrOptions : ''\n\n    // Build message from options\n    if (isObject(messageOrOptions)) {\n      const { component, identifier, element, expectedType } = messageOrOptions\n\n      message = identifier\n\n      // Append reason\n      message += element\n        ? ` is not of type ${expectedType ?? 'HTMLElement'}`\n        : ' not found'\n\n      // Prepend with module name (optional)\n      if (component) {\n        message = formatErrorMessage(component, message)\n      }\n    }\n\n    super(message)\n  }\n}\n\n/**\n * Indicates that a component is already initialised\n */\nexport class InitError extends GOVUKFrontendError {\n  name = 'InitError'\n\n  /**\n   * @internal\n   * @param {ComponentWithModuleName | string} componentOrMessage - name of the component module\n   */\n  constructor(componentOrMessage) {\n    const message =\n      typeof componentOrMessage === 'string'\n        ? componentOrMessage\n        : formatErrorMessage(\n            componentOrMessage,\n            `Root element (\\`$root\\`) already initialised`\n          )\n\n    super(message)\n  }\n}\n\n/**\n * Element error options\n *\n * @internal\n * @typedef {object} ElementErrorOptions\n * @property {Element | Document | null} [element] - The element in error (optional)\n * @property {ComponentWithModuleName} [component] - Component throwing the error (optional)\n * @property {string} identifier - An identifier that'll let the user understand which element has an error. This is whatever makes the most sense\n * @property {string} [expectedType] - The type that was expected for the identifier (optional)\n */\n\n/**\n * @import { ComponentWithModuleName } from '../common/index.mjs'\n */\n","import { isInitialised, isSupported } from './common/index.mjs'\nimport { ElementError, InitError, SupportError } from './errors/index.mjs'\n\n/**\n * Base Component class\n *\n * Centralises the behaviours shared by our components\n *\n * @virtual\n * @template {Element} [RootElementType=HTMLElement]\n */\nexport class Component {\n  /**\n   * @type {typeof Element}\n   */\n  static elementType = HTMLElement\n\n  // allows Typescript user to work around the lack of types\n  // in GOVUKFrontend package, Typescript is not aware of $root\n  // in components that extend GOVUKFrontendComponent\n  /**\n   * Returns the root element of the component\n   *\n   * @protected\n   * @returns {RootElementType} - the root element of component\n   */\n  get $root() {\n    return this._$root\n  }\n\n  /**\n   * @protected\n   * @type {RootElementType}\n   */\n  _$root\n\n  /**\n   * Constructs a new component, validating that GOV.UK Frontend is supported\n   *\n   * @internal\n   * @param {Element | null} [$root] - HTML element to use for component\n   */\n  constructor($root) {\n    const childConstructor = /** @type {ChildClassConstructor} */ (\n      this.constructor\n    )\n\n    // TypeScript does not enforce that inheriting classes will define a `moduleName`\n    // (even if we add a `@virtual` `static moduleName` property to this class).\n    // While we trust users to do this correctly, we do a little check to provide them\n    // a helpful error message.\n    //\n    // After this, we'll be sure that `childConstructor` has a `moduleName`\n    // as expected of the `ChildClassConstructor` we've cast `this.constructor` to.\n    if (typeof childConstructor.moduleName !== 'string') {\n      throw new InitError(`\\`moduleName\\` not defined in component`)\n    }\n\n    if (!($root instanceof childConstructor.elementType)) {\n      throw new ElementError({\n        element: $root,\n        component: childConstructor,\n        identifier: 'Root element (`$root`)',\n        expectedType: childConstructor.elementType.name\n      })\n    } else {\n      this._$root = /** @type {RootElementType} */ ($root)\n    }\n\n    childConstructor.checkSupport()\n\n    this.checkInitialised()\n\n    const moduleName = childConstructor.moduleName\n\n    this.$root.setAttribute(`data-${moduleName}-init`, '')\n  }\n\n  /**\n   * Validates whether component is already initialised\n   *\n   * @private\n   * @throws {InitError} when component is already initialised\n   */\n  checkInitialised() {\n    const constructor = /** @type {ChildClassConstructor} */ (this.constructor)\n    const moduleName = constructor.moduleName\n\n    if (moduleName && isInitialised(this.$root, moduleName)) {\n      throw new InitError(constructor)\n    }\n  }\n\n  /**\n   * Validates whether components are supported\n   *\n   * @throws {SupportError} when the components are not supported\n   */\n  static checkSupport() {\n    if (!isSupported()) {\n      throw new SupportError()\n    }\n  }\n}\n\n/**\n * @typedef ChildClass\n * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component\n */\n\n/**\n * @typedef {typeof Component & ChildClass} ChildClassConstructor\n */\n","import { Component } from '../component.mjs'\nimport { ConfigError } from '../errors/index.mjs'\n\nimport { isObject, isScope, formatErrorMessage } from './index.mjs'\n\nexport const configOverride = Symbol.for('configOverride')\n\n/**\n * Base Component class\n *\n * Centralises the behaviours shared by our components\n *\n * @virtual\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]\n * @template {Element & { dataset: DOMStringMap }} [RootElementType=HTMLElement]\n * @augments Component<RootElementType>\n */\nexport class ConfigurableComponent extends Component {\n  /**\n   * configOverride\n   *\n   * Function which defines configuration overrides to prioritize\n   * properties from the root element's dataset.\n   *\n   * It should take a subset of configuration as input and return\n   * a new configuration object with properties that should be\n   * overridden based on the root element's dataset. A Symbol\n   * is used for indexing to prevent conflicts.\n   *\n   * @internal\n   * @virtual\n   * @param {Partial<ConfigurationType>} [param] - Configuration object\n   * @returns {Partial<ConfigurationType>} return - Configuration object\n   */\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  [configOverride](param) {\n    return {}\n  }\n\n  /**\n   * Returns the root element of the component\n   *\n   * @protected\n   * @returns {ConfigurationType} - the root element of component\n   */\n  get config() {\n    return this._config\n  }\n\n  /**\n   *\n   * @type {ConfigurationType}\n   */\n  _config\n\n  /**\n   * Constructs a new component, validating that GOV.UK Frontend is supported\n   *\n   * @internal\n   * @param {Element | null} [$root] - HTML element to use for component\n   * @param {ConfigurationType} [config] - HTML element to use for component\n   */\n  constructor($root, config) {\n    super($root)\n\n    const childConstructor =\n      /** @type {ChildClassConstructor<ConfigurationType>} */ (this.constructor)\n\n    if (!isObject(childConstructor.defaults)) {\n      throw new ConfigError(\n        formatErrorMessage(\n          childConstructor,\n          'Config passed as parameter into constructor but no defaults defined'\n        )\n      )\n    }\n\n    const datasetConfig = /** @type {ConfigurationType} */ (\n      normaliseDataset(childConstructor, this._$root.dataset)\n    )\n\n    this._config = /** @type {ConfigurationType} */ (\n      mergeConfigs(\n        childConstructor.defaults,\n        config ?? {},\n        this[configOverride](datasetConfig),\n        datasetConfig\n      )\n    )\n  }\n}\n\n/**\n * Normalise string\n *\n * 'If it looks like a duck, and it quacks like a duck…' 🦆\n *\n * If the passed value looks like a boolean or a number, convert it to a boolean\n * or number.\n *\n * Designed to be used to convert config passed via data attributes (which are\n * always strings) into something sensible.\n *\n * @internal\n * @param {DOMStringMap[string]} value - The value to normalise\n * @param {SchemaProperty} [property] - Component schema property\n * @returns {string | boolean | number | undefined} Normalised data\n */\nexport function normaliseString(value, property) {\n  const trimmedValue = value ? value.trim() : ''\n\n  let output\n  let outputType = property?.type\n\n  // No schema type set? Determine automatically\n  if (!outputType) {\n    if (['true', 'false'].includes(trimmedValue)) {\n      outputType = 'boolean'\n    }\n\n    // Empty / whitespace-only strings are considered finite so we need to check\n    // the length of the trimmed string as well\n    if (trimmedValue.length > 0 && isFinite(Number(trimmedValue))) {\n      outputType = 'number'\n    }\n  }\n\n  switch (outputType) {\n    case 'boolean':\n      output = trimmedValue === 'true'\n      break\n\n    case 'number':\n      output = Number(trimmedValue)\n      break\n\n    default:\n      output = value\n  }\n\n  return output\n}\n\n/**\n * Normalise dataset\n *\n * Loop over an object and normalise each value using {@link normaliseString},\n * optionally expanding nested `i18n.field`\n *\n * @internal\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @template {[keyof ConfigurationType, SchemaProperty | undefined][]} SchemaEntryType\n * @param {{ schema?: Schema<ConfigurationType>, moduleName: string }} Component - Component class\n * @param {DOMStringMap} dataset - HTML element dataset\n * @returns {ObjectNested} Normalised dataset\n */\nexport function normaliseDataset(Component, dataset) {\n  if (!isObject(Component.schema)) {\n    throw new ConfigError(\n      formatErrorMessage(\n        Component,\n        'Config passed as parameter into constructor but no schema defined'\n      )\n    )\n  }\n\n  const out = /** @type {ObjectNested} */ ({})\n  const entries = /** @type {SchemaEntryType} */ (\n    Object.entries(Component.schema.properties)\n  )\n\n  // Normalise top-level dataset ('data-*') values using schema types\n  for (const entry of entries) {\n    const [namespace, property] = entry\n\n    // Cast the `namespace` to string so it can be used to access the dataset\n    const field = namespace.toString()\n\n    if (field in dataset) {\n      out[field] = normaliseString(dataset[field], property)\n    }\n\n    /**\n     * Extract and normalise nested object values automatically using\n     * {@link normaliseString} but only schema object types are allowed\n     */\n    if (property?.type === 'object') {\n      out[field] = extractConfigByNamespace(\n        Component.schema,\n        dataset,\n        namespace\n      )\n    }\n  }\n\n  return out\n}\n\n/**\n * Normalise options passed to `initAll` or `createAll`\n *\n * @internal\n * @template {CompatibleClass} ComponentClass\n * @param {Config | CreateAllOptions<ComponentClass> | OnErrorCallback<ComponentClass> | Element | Document | null} [scopeOrOptions] - Scope of the document to search within, initialisation options or error callback function\n * @returns {CreateAllOptions<ComponentClass>} Normalised options\n */\nexport function normaliseOptions(scopeOrOptions) {\n  let /** @type {Element | Document | null} */ $scope = document\n  let /** @type {OnErrorCallback<ComponentClass> | undefined} */ onError\n\n  // Handle options object\n  if (isObject(scopeOrOptions)) {\n    const options = scopeOrOptions\n\n    // Scope must be valid or null\n    if (isScope(options.scope) || options.scope === null) {\n      $scope = options.scope\n    }\n\n    // Error handler must be a function\n    if (typeof options.onError === 'function') {\n      onError = options.onError\n    }\n  }\n\n  if (isScope(scopeOrOptions)) {\n    $scope = scopeOrOptions\n  } else if (scopeOrOptions === null) {\n    $scope = null\n  } else if (typeof scopeOrOptions === 'function') {\n    onError = scopeOrOptions\n  }\n\n  return {\n    scope: $scope,\n    onError\n  }\n}\n\n/**\n * Config merging function\n *\n * Takes any number of objects and combines them together, with\n * greatest priority on the LAST item passed in.\n *\n * @internal\n * @param {...{ [key: string]: unknown }} configObjects - Config objects to merge\n * @returns {{ [key: string]: unknown }} A merged config object\n */\nexport function mergeConfigs(...configObjects) {\n  // Start with an empty object as our base\n  /** @type {{ [key: string]: unknown }} */\n  const formattedConfigObject = {}\n\n  // Loop through each of the passed objects\n  for (const configObject of configObjects) {\n    for (const key of Object.keys(configObject)) {\n      const option = formattedConfigObject[key]\n      const override = configObject[key]\n\n      // Push their keys one-by-one into formattedConfigObject. Any duplicate\n      // keys with object values will be merged, otherwise the new value will\n      // override the existing value.\n      if (isObject(option) && isObject(override)) {\n        formattedConfigObject[key] = mergeConfigs(option, override)\n      } else {\n        // Apply override\n        formattedConfigObject[key] = override\n      }\n    }\n  }\n\n  return formattedConfigObject\n}\n\n/**\n * Validate component config by schema\n *\n * Follows limited examples in JSON schema for wider support in future\n *\n * {@link https://ajv.js.org/json-schema.html#compound-keywords}\n * {@link https://ajv.js.org/packages/ajv-errors.html#single-message}\n *\n * @internal\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @param {Schema<ConfigurationType>} schema - The schema of a component\n * @param {ConfigurationType} config - Component config\n * @returns {string[]} List of validation errors\n */\nexport function validateConfig(schema, config) {\n  const validationErrors = []\n\n  // Check errors for each schema\n  for (const [name, conditions] of Object.entries(schema)) {\n    const errors = []\n\n    // Check errors for each schema condition\n    if (Array.isArray(conditions)) {\n      for (const { required, errorMessage } of conditions) {\n        if (!required.every((key) => !!config[key])) {\n          errors.push(errorMessage) // Missing config key value\n        }\n      }\n\n      // Check one condition passes or add errors\n      if (name === 'anyOf' && !(conditions.length - errors.length >= 1)) {\n        validationErrors.push(...errors)\n      }\n    }\n  }\n\n  return validationErrors\n}\n\n/**\n * Extracts keys starting with a particular namespace from dataset ('data-*')\n * object, removing the namespace in the process, normalising all values\n *\n * @internal\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @param {Schema<ConfigurationType>} schema - The schema of a component\n * @param {DOMStringMap} dataset - The object to extract key-value pairs from\n * @param {keyof ConfigurationType} namespace - The namespace to filter keys with\n * @returns {ObjectNested | undefined} Nested object with dot-separated key namespace removed\n */\nexport function extractConfigByNamespace(schema, dataset, namespace) {\n  const property = schema.properties[namespace]\n\n  // Only extract configs for object schema properties\n  if (property?.type !== 'object') {\n    return\n  }\n\n  // Add default empty config\n  const newObject = /** @type {Record<typeof namespace, ObjectNested>} */ ({\n    [namespace]: {}\n  })\n\n  for (const [key, value] of Object.entries(dataset)) {\n    /** @type {ObjectNested | ObjectNested[NestedKey]} */\n    let current = newObject\n\n    // Split the key into parts, using . as our namespace separator\n    const keyParts = key.split('.')\n\n    /**\n     * Create new level per part\n     *\n     * e.g. 'i18n.textareaDescription.other' becomes\n     * `{ i18n: { textareaDescription: { other } } }`\n     */\n    for (const [index, name] of keyParts.entries()) {\n      if (isObject(current)) {\n        // Drop down to nested object until the last part\n        if (index < keyParts.length - 1) {\n          // New nested object (optionally) replaces existing value\n          if (!isObject(current[name])) {\n            current[name] = {}\n          }\n\n          // Drop down into new or existing nested object\n          current = current[name]\n        } else if (key !== namespace) {\n          // Normalised value (optionally) replaces existing value\n          current[name] = normaliseString(value)\n        }\n      }\n    }\n  }\n\n  return newObject[namespace]\n}\n\n/**\n * @internal\n * @typedef {keyof ObjectNested} NestedKey\n * @typedef {{ [key: string]: string | boolean | number | ObjectNested | undefined }} ObjectNested\n */\n\n/**\n * Schema for component config\n *\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @typedef {object} Schema\n * @property {Record<keyof ConfigurationType, SchemaProperty | undefined>} properties - Schema properties\n * @property {SchemaCondition<ConfigurationType>[]} [anyOf] - List of schema conditions\n */\n\n/**\n * Schema property for component config\n *\n * @typedef {object} SchemaProperty\n * @property {'string' | 'boolean' | 'number' | 'object'} type - Property type\n */\n\n/**\n * Schema condition for component config\n *\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @typedef {object} SchemaCondition\n * @property {(keyof ConfigurationType)[]} required - List of required config fields\n * @property {string} errorMessage - Error message when required config fields not provided\n */\n\n/**\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]\n * @typedef ChildClass\n * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component\n * @property {Schema<ConfigurationType>} [schema] - The schema of the component configuration\n * @property {ConfigurationType} [defaults] - The default values of the configuration of the component\n */\n\n/**\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]\n * @typedef {typeof Component & ChildClass<ConfigurationType>} ChildClassConstructor<ConfigurationType>\n */\n\n/**\n * @import { CompatibleClass, Config, CreateAllOptions, OnErrorCallback } from '../init.mjs'\n */\n","import { isObject } from './common/index.mjs'\n\n/**\n * Internal support for selecting messages to render, with placeholder\n * interpolation and locale-aware number formatting and pluralisation\n *\n * @internal\n */\nexport class I18n {\n  translations\n  locale\n\n  /**\n   * @internal\n   * @param {{ [key: string]: string | TranslationPluralForms }} translations - Key-value pairs of the translation strings to use.\n   * @param {object} [config] - Configuration options for the function.\n   * @param {string | null} [config.locale] - An overriding locale for the PluralRules functionality.\n   */\n  constructor(translations = {}, config = {}) {\n    // Make list of translations available throughout function\n    this.translations = translations\n\n    // The locale to use for PluralRules and NumberFormat\n    this.locale = config.locale ?? (document.documentElement.lang || 'en')\n  }\n\n  /**\n   * The most used function - takes the key for a given piece of UI text and\n   * returns the appropriate string.\n   *\n   * @internal\n   * @param {string} lookupKey - The lookup key of the string to use.\n   * @param {{ [key: string]: unknown }} [options] - Any options passed with the translation string, e.g: for string interpolation.\n   * @returns {string} The appropriate translation string.\n   * @throws {Error} Lookup key required\n   * @throws {Error} Options required for `${}` placeholders\n   */\n  t(lookupKey, options) {\n    if (!lookupKey) {\n      // Print a console error if no lookup key has been provided\n      throw new Error('i18n: lookup key missing')\n    }\n\n    // Fetch the translation for that lookup key\n    let translation = this.translations[lookupKey]\n\n    // If the `count` option is set, determine which plural suffix is needed and\n    // change the lookupKey to match. We check to see if it's numeric instead of\n    // falsy, as this could legitimately be 0.\n    if (typeof options?.count === 'number' && isObject(translation)) {\n      const translationPluralForm =\n        translation[this.getPluralSuffix(lookupKey, options.count)]\n\n      // Update translation with plural suffix\n      if (translationPluralForm) {\n        translation = translationPluralForm\n      }\n    }\n\n    if (typeof translation === 'string') {\n      // Check for ${} placeholders in the translation string\n      // eslint-disable-next-line @typescript-eslint/prefer-regexp-exec\n      if (translation.match(/%{(.\\S+)}/)) {\n        if (!options) {\n          throw new Error(\n            'i18n: cannot replace placeholders in string if no option data provided'\n          )\n        }\n\n        return this.replacePlaceholders(translation, options)\n      }\n\n      return translation\n    }\n\n    // If the key wasn't found in our translations object,\n    // return the lookup key itself as the fallback\n    return lookupKey\n  }\n\n  /**\n   * Takes a translation string with placeholders, and replaces the placeholders\n   * with the provided data\n   *\n   * @internal\n   * @param {string} translationString - The translation string\n   * @param {{ [key: string]: unknown }} options - Any options passed with the translation string, e.g: for string interpolation.\n   * @returns {string} The translation string to output, with $\\{\\} placeholders replaced\n   */\n  replacePlaceholders(translationString, options) {\n    const formatter = Intl.NumberFormat.supportedLocalesOf(this.locale).length\n      ? new Intl.NumberFormat(this.locale)\n      : undefined\n\n    return translationString.replace(\n      /%{(.\\S+)}/g,\n\n      /**\n       * Replace translation string placeholders\n       *\n       * @internal\n       * @param {string} placeholderWithBraces - Placeholder with braces\n       * @param {string} placeholderKey - Placeholder key\n       * @returns {string} Placeholder value\n       */\n      function (placeholderWithBraces, placeholderKey) {\n        if (Object.prototype.hasOwnProperty.call(options, placeholderKey)) {\n          const placeholderValue = options[placeholderKey]\n\n          // If a user has passed `false` as the value for the placeholder\n          // treat it as though the value should not be displayed\n          if (\n            placeholderValue === false ||\n            (typeof placeholderValue !== 'number' &&\n              typeof placeholderValue !== 'string')\n          ) {\n            return ''\n          }\n\n          // If the placeholder's value is a number, localise the number formatting\n          if (typeof placeholderValue === 'number') {\n            return formatter\n              ? formatter.format(placeholderValue)\n              : `${placeholderValue}`\n          }\n\n          return placeholderValue\n        }\n\n        throw new Error(\n          `i18n: no data found to replace ${placeholderWithBraces} placeholder in string`\n        )\n      }\n    )\n  }\n\n  /**\n   * Check to see if the browser supports Intl.PluralRules\n   *\n   * It requires all conditions to be met in order to be supported:\n   * - The implementation of Intl supports PluralRules (NOT true in Safari 10–12)\n   * - The browser/OS has plural rules for the current locale (browser dependent)\n   *\n   * {@link https://browsersl.ist/#q=supports+es6-module+and+not+supports+intl-pluralrules}\n   *\n   * @internal\n   * @returns {boolean} Returns true if all conditions are met. Returns false otherwise.\n   */\n  hasIntlPluralRulesSupport() {\n    return Boolean(\n      'PluralRules' in window.Intl &&\n        Intl.PluralRules.supportedLocalesOf(this.locale).length\n    )\n  }\n\n  /**\n   * Get the appropriate suffix for the plural form.\n   *\n   * Uses Intl.PluralRules (or our own fallback implementation) to get the\n   * 'preferred' form to use for the given count.\n   *\n   * Checks that a translation has been provided for that plural form – if it\n   * hasn't, it'll fall back to the 'other' plural form (unless that doesn't exist\n   * either, in which case an error will be thrown)\n   *\n   * @internal\n   * @param {string} lookupKey - The lookup key of the string to use.\n   * @param {number} count - Number used to determine which pluralisation to use.\n   * @returns {PluralRule} The suffix associated with the correct pluralisation for this locale.\n   * @throws {Error} Plural form `.other` required when preferred plural form is missing\n   */\n  getPluralSuffix(lookupKey, count) {\n    // Validate that the number is actually a number.\n    //\n    // Number(count) will turn anything that can't be converted to a Number type\n    // into 'NaN'. isFinite filters out NaN, as it isn't a finite number.\n    // eslint-disable-next-line @typescript-eslint/no-unnecessary-type-conversion\n    count = Number(count)\n    if (!isFinite(count)) {\n      return 'other'\n    }\n\n    // Fetch the translation for that lookup key\n    const translation = this.translations[lookupKey]\n\n    // Check to verify that all the requirements for Intl.PluralRules are met.\n    // If so, we can use that instead of our custom implementation. Otherwise,\n    // use the hardcoded fallback.\n    const preferredForm = this.hasIntlPluralRulesSupport()\n      ? new Intl.PluralRules(this.locale).select(count)\n      : 'other'\n\n    // Use the correct plural form if provided\n    if (isObject(translation)) {\n      if (preferredForm in translation) {\n        return preferredForm\n        // Fall back to `other` if the plural form is missing, but log a warning\n        // to the console\n      } else if ('other' in translation) {\n        console.warn(\n          `i18n: Missing plural form \".${preferredForm}\" for \"${this.locale}\" locale. Falling back to \".other\".`\n        )\n\n        return 'other'\n      }\n    }\n\n    // If the required `other` plural form is missing, all we can do is error\n    throw new Error(\n      `i18n: Plural form \".other\" is required for \"${this.locale}\" locale`\n    )\n  }\n}\n\n/**\n * Plural rule category mnemonic tags\n *\n * @internal\n * @typedef {'zero' | 'one' | 'two' | 'few' | 'many' | 'other'} PluralRule\n */\n\n/**\n * Translated message by plural rule they correspond to.\n *\n * Allows to group pluralised messages under a single key when passing\n * translations to a component's constructor\n *\n * @internal\n * @typedef {object} TranslationPluralForms\n * @property {string} [other] - General plural form\n * @property {string} [zero] - Plural form used with 0\n * @property {string} [one] - Plural form used with 1\n * @property {string} [two] - Plural form used with 2\n * @property {string} [few] - Plural form used for a few\n * @property {string} [many] - Plural form used for many\n */\n","import { closestAttributeValue } from '../../common/closest-attribute-value.mjs'\nimport {\n  validateConfig,\n  ConfigurableComponent,\n  configOverride\n} from '../../common/configuration.mjs'\nimport { formatErrorMessage } from '../../common/index.mjs'\nimport { ConfigError, ElementError } from '../../errors/index.mjs'\nimport { I18n } from '../../i18n.mjs'\n\n/**\n * Character count component\n *\n * Tracks the number of characters or words in the `.govuk-js-character-count`\n * `<textarea>` inside the element. Displays a message with the remaining number\n * of characters/words available, or the number of characters/words in excess.\n *\n * You can configure the message to only appear after a certain percentage\n * of the available characters/words has been entered.\n *\n * @preserve\n * @augments ConfigurableComponent<CharacterCountConfig>\n */\nexport class CharacterCount extends ConfigurableComponent {\n  /** @private */\n  $textarea\n\n  /** @private */\n  $visibleCountMessage\n\n  /** @private */\n  $screenReaderCountMessage\n\n  /**\n   * @private\n   * @type {number | null}\n   */\n  lastInputTimestamp = null\n\n  /** @private */\n  lastInputValue = ''\n\n  /**\n   * @private\n   * @type {number | null}\n   */\n  valueChecker = null\n\n  /** @private */\n  i18n\n\n  /** @private */\n  maxLength;\n\n  /**\n   * Character count config override\n   *\n   * To ensure data-attributes take complete precedence, even if they change\n   * the type of count, we need to reset the `maxlength` and `maxwords` from\n   * the JavaScript config.\n   *\n   * @internal\n   * @param {CharacterCountConfig} datasetConfig - configuration specified by dataset\n   * @returns {CharacterCountConfig} - configuration to override by dataset\n   */\n  [configOverride](datasetConfig) {\n    let configOverrides = {}\n    if ('maxwords' in datasetConfig || 'maxlength' in datasetConfig) {\n      configOverrides = {\n        maxlength: undefined,\n        maxwords: undefined\n      }\n    }\n\n    return configOverrides\n  }\n\n  /**\n   * @param {Element | null} $root - HTML element to use for character count\n   * @param {CharacterCountConfig} [config] - Character count config\n   */\n  constructor($root, config = {}) {\n    super($root, config)\n\n    const $textarea = this.$root.querySelector('.govuk-js-character-count')\n    if (\n      !(\n        $textarea instanceof HTMLTextAreaElement ||\n        $textarea instanceof HTMLInputElement\n      )\n    ) {\n      throw new ElementError({\n        component: CharacterCount,\n        element: $textarea,\n        expectedType: 'HTMLTextareaElement or HTMLInputElement',\n        identifier: 'Form field (`.govuk-js-character-count`)'\n      })\n    }\n\n    // Check for valid config\n    const errors = validateConfig(CharacterCount.schema, this.config)\n    if (errors[0]) {\n      throw new ConfigError(formatErrorMessage(CharacterCount, errors[0]))\n    }\n\n    this.i18n = new I18n(this.config.i18n, {\n      // Read the fallback if necessary rather than have it set in the defaults\n      locale: closestAttributeValue(this.$root, 'lang')\n    })\n\n    // Determine the limit attribute (characters or words)\n    this.maxLength = this.config.maxwords ?? this.config.maxlength ?? Infinity\n\n    this.$textarea = $textarea\n\n    const textareaDescriptionId = `${this.$textarea.id}-info`\n    const $textareaDescription = document.getElementById(textareaDescriptionId)\n    if (!$textareaDescription) {\n      throw new ElementError({\n        component: CharacterCount,\n        element: $textareaDescription,\n        identifier: `Count message (\\`id=\"${textareaDescriptionId}\"\\`)`\n      })\n    }\n\n    // Pre-existing validation error rendered from server\n    this.$errorMessage = this.$root.querySelector('.govuk-error-message')\n\n    // Inject a description for the textarea if none is present already\n    // for when the component was rendered with no maxlength, maxwords\n    // nor custom textareaDescriptionText\n    // eslint-disable-next-line @typescript-eslint/prefer-regexp-exec\n    if ($textareaDescription.textContent.match(/^\\s*$/)) {\n      $textareaDescription.textContent = this.i18n.t('textareaDescription', {\n        count: this.maxLength\n      })\n    }\n\n    // Move the textarea description to be immediately after the textarea\n    // Kept for backwards compatibility\n    this.$textarea.insertAdjacentElement('afterend', $textareaDescription)\n\n    // Create the *screen reader* specific live-updating counter\n    // This doesn't need any styling classes, as it is never visible\n    const $screenReaderCountMessage = document.createElement('div')\n    $screenReaderCountMessage.className =\n      'govuk-character-count__sr-status govuk-visually-hidden'\n    $screenReaderCountMessage.setAttribute('aria-live', 'polite')\n    this.$screenReaderCountMessage = $screenReaderCountMessage\n    $textareaDescription.insertAdjacentElement(\n      'afterend',\n      $screenReaderCountMessage\n    )\n\n    // Create our live-updating counter element, copying the classes from the\n    // textarea description for backwards compatibility as these may have been\n    // configured\n    const $visibleCountMessage = document.createElement('div')\n    $visibleCountMessage.className = $textareaDescription.className\n    $visibleCountMessage.classList.add('govuk-character-count__status')\n    $visibleCountMessage.setAttribute('aria-hidden', 'true')\n    this.$visibleCountMessage = $visibleCountMessage\n    $textareaDescription.insertAdjacentElement('afterend', $visibleCountMessage)\n\n    // Hide the textarea description\n    $textareaDescription.classList.add('govuk-visually-hidden')\n\n    // Remove hard limit if set\n    this.$textarea.removeAttribute('maxlength')\n\n    this.bindChangeEvents()\n\n    // When the page is restored after navigating 'back' in some browsers the\n    // state of form controls is not restored until *after* the DOMContentLoaded\n    // event is fired, so we need to sync after the pageshow event.\n    window.addEventListener('pageshow', () => this.updateCountMessage())\n\n    // Although we've set up handlers to sync state on the pageshow event, init\n    // could be called after those events have fired, for example if they are\n    // added to the page dynamically, so update now too.\n    this.updateCountMessage()\n  }\n\n  /**\n   * Bind change events\n   *\n   * Set up event listeners on the $textarea so that the count messages update\n   * when the user types.\n   *\n   * @private\n   */\n  bindChangeEvents() {\n    this.$textarea.addEventListener('keyup', () => this.handleKeyUp())\n\n    // Bind focus/blur events to start/stop polling\n    this.$textarea.addEventListener('focus', () => this.handleFocus())\n    this.$textarea.addEventListener('blur', () => this.handleBlur())\n  }\n\n  /**\n   * Handle key up event\n   *\n   * Update the visible character counter and keep track of when the last update\n   * happened for each keypress\n   *\n   * @private\n   */\n  handleKeyUp() {\n    this.updateVisibleCountMessage()\n    this.lastInputTimestamp = Date.now()\n  }\n\n  /**\n   * Handle focus event\n   *\n   * Speech recognition software such as Dragon NaturallySpeaking will modify\n   * the fields by directly changing its `value`. These changes don't trigger\n   * events in JavaScript, so we need to poll to handle when and if they occur.\n   *\n   * Once the keyup event hasn't been detected for at least 1000 ms (1s), check\n   * if the textarea value has changed and update the count message if it has.\n   *\n   * This is so that the update triggered by the manual comparison doesn't\n   * conflict with debounced KeyboardEvent updates.\n   *\n   * @private\n   */\n  handleFocus() {\n    this.valueChecker = window.setInterval(() => {\n      if (\n        !this.lastInputTimestamp ||\n        Date.now() - 500 >= this.lastInputTimestamp\n      ) {\n        this.updateIfValueChanged()\n      }\n    }, 1000)\n  }\n\n  /**\n   * Handle blur event\n   *\n   * Stop checking the textarea value once the textarea no longer has focus\n   *\n   * @private\n   */\n  handleBlur() {\n    // Cancel value checking on blur\n    if (this.valueChecker) {\n      window.clearInterval(this.valueChecker)\n    }\n  }\n\n  /**\n   * Update count message if textarea value has changed\n   *\n   * @private\n   */\n  updateIfValueChanged() {\n    if (this.$textarea.value !== this.lastInputValue) {\n      this.lastInputValue = this.$textarea.value\n      this.updateCountMessage()\n    }\n  }\n\n  /**\n   * Update count message\n   *\n   * Helper function to update both the visible and screen reader-specific\n   * counters simultaneously (e.g. on init)\n   *\n   * @private\n   */\n  updateCountMessage() {\n    this.updateVisibleCountMessage()\n    this.updateScreenReaderCountMessage()\n  }\n\n  /**\n   * Update visible count message\n   *\n   * @private\n   */\n  updateVisibleCountMessage() {\n    const remainingNumber = this.maxLength - this.count(this.$textarea.value)\n    const isError = remainingNumber < 0\n\n    // If input is over the threshold, remove the disabled class which renders\n    // the counter invisible.\n    this.$visibleCountMessage.classList.toggle(\n      'govuk-character-count__message--disabled',\n      !this.isOverThreshold()\n    )\n\n    // Update styles\n    if (!this.$errorMessage) {\n      // Only toggle the textarea error class if there isn't an error message\n      // already, as it may be unrelated to the limit (eg: allowed characters)\n      // and would set the border colour back to black.\n      this.$textarea.classList.toggle('govuk-textarea--error', isError)\n    }\n    this.$visibleCountMessage.classList.toggle('govuk-error-message', isError)\n    this.$visibleCountMessage.classList.toggle('govuk-hint', !isError)\n\n    // Update message\n    this.$visibleCountMessage.textContent = this.getCountMessage()\n  }\n\n  /**\n   * Update screen reader count message\n   *\n   * @private\n   */\n  updateScreenReaderCountMessage() {\n    // If over the threshold, remove the aria-hidden attribute, allowing screen\n    // readers to announce the content of the element.\n    if (this.isOverThreshold()) {\n      this.$screenReaderCountMessage.removeAttribute('aria-hidden')\n    } else {\n      this.$screenReaderCountMessage.setAttribute('aria-hidden', 'true')\n    }\n\n    // Update message\n    this.$screenReaderCountMessage.textContent = this.getCountMessage()\n  }\n\n  /**\n   * Count the number of characters (or words, if `config.maxwords` is set)\n   * in the given text\n   *\n   * @private\n   * @param {string} text - The text to count the characters of\n   * @returns {number} the number of characters (or words) in the text\n   */\n  count(text) {\n    if (this.config.maxwords) {\n      const tokens = text.match(/\\S+/g) ?? [] // Matches consecutive non-whitespace chars\n      return tokens.length\n    }\n\n    return text.length\n  }\n\n  /**\n   * Get count message\n   *\n   * @private\n   * @returns {string} Status message\n   */\n  getCountMessage() {\n    const remainingNumber = this.maxLength - this.count(this.$textarea.value)\n    const countType = this.config.maxwords ? 'words' : 'characters'\n    return this.formatCountMessage(remainingNumber, countType)\n  }\n\n  /**\n   * Formats the message shown to users according to what's counted\n   * and how many remain\n   *\n   * @private\n   * @param {number} remainingNumber - The number of words/characaters remaining\n   * @param {string} countType - \"words\" or \"characters\"\n   * @returns {string} Status message\n   */\n  formatCountMessage(remainingNumber, countType) {\n    if (remainingNumber === 0) {\n      return this.i18n.t(`${countType}AtLimit`)\n    }\n\n    const translationKeySuffix =\n      remainingNumber < 0 ? 'OverLimit' : 'UnderLimit'\n\n    return this.i18n.t(`${countType}${translationKeySuffix}`, {\n      count: Math.abs(remainingNumber)\n    })\n  }\n\n  /**\n   * Check if count is over threshold\n   *\n   * Checks whether the value is over the configured threshold for the input.\n   * If there is no configured threshold, it is set to 0 and this function will\n   * always return true.\n   *\n   * @private\n   * @returns {boolean} true if the current count is over the config.threshold\n   *   (or no threshold is set)\n   */\n  isOverThreshold() {\n    // No threshold means we're always above threshold so save some computation\n    if (!this.config.threshold) {\n      return true\n    }\n\n    // Determine the remaining number of characters/words\n    const currentLength = this.count(this.$textarea.value)\n    const maxLength = this.maxLength\n\n    const thresholdValue = (maxLength * this.config.threshold) / 100\n\n    return thresholdValue <= currentLength\n  }\n\n  /**\n   * Name for the component used when initialising using data-module attributes.\n   */\n  static moduleName = 'govuk-character-count'\n\n  /**\n   * Character count default config\n   *\n   * @see {@link CharacterCountConfig}\n   * @constant\n   * @type {CharacterCountConfig}\n   */\n  static defaults = Object.freeze({\n    threshold: 0,\n    i18n: {\n      // Characters\n      charactersUnderLimit: {\n        one: 'You have %{count} character remaining',\n        other: 'You have %{count} characters remaining'\n      },\n      charactersAtLimit: 'You have 0 characters remaining',\n      charactersOverLimit: {\n        one: 'You have %{count} character too many',\n        other: 'You have %{count} characters too many'\n      },\n      // Words\n      wordsUnderLimit: {\n        one: 'You have %{count} word remaining',\n        other: 'You have %{count} words remaining'\n      },\n      wordsAtLimit: 'You have 0 words remaining',\n      wordsOverLimit: {\n        one: 'You have %{count} word too many',\n        other: 'You have %{count} words too many'\n      },\n      textareaDescription: {\n        other: ''\n      }\n    }\n  })\n\n  /**\n   * Character count config schema\n   *\n   * @constant\n   * @satisfies {Schema<CharacterCountConfig>}\n   */\n  static schema = Object.freeze({\n    properties: {\n      i18n: { type: 'object' },\n      maxwords: { type: 'number' },\n      maxlength: { type: 'number' },\n      threshold: { type: 'number' }\n    },\n    anyOf: [\n      {\n        required: ['maxwords'],\n        errorMessage: 'Either \"maxlength\" or \"maxwords\" must be provided'\n      },\n      {\n        required: ['maxlength'],\n        errorMessage: 'Either \"maxlength\" or \"maxwords\" must be provided'\n      }\n    ]\n  })\n}\n\n/**\n * Character count config\n *\n * @see {@link CharacterCount.defaults}\n * @typedef {object} CharacterCountConfig\n * @property {number} [maxlength] - The maximum number of characters.\n *   If maxwords is provided, the maxlength option will be ignored.\n * @property {number} [maxwords] - The maximum number of words. If maxwords is\n *   provided, the maxlength option will be ignored.\n * @property {number} [threshold=0] - The percentage value of the limit at\n *   which point the count message is displayed. If this attribute is set, the\n *   count message will be hidden by default.\n * @property {CharacterCountTranslations} [i18n=CharacterCount.defaults.i18n] - Character count translations\n */\n\n/**\n * Character count translations\n *\n * @see {@link CharacterCount.defaults.i18n}\n * @typedef {object} CharacterCountTranslations\n *\n * Messages shown to users as they type. It provides feedback on how many words\n * or characters they have remaining or if they are over the limit. This also\n * includes a message used as an accessible description for the textarea.\n * @property {TranslationPluralForms} [charactersUnderLimit] - Message displayed\n *   when the number of characters is under the configured maximum, `maxlength`.\n *   This message is displayed visually and through assistive technologies. The\n *   component will replace the `%{count}` placeholder with the number of\n *   remaining characters. This is a [pluralised list of\n *   messages](https://frontend.design-system.service.gov.uk/localise-govuk-frontend).\n * @property {string} [charactersAtLimit] - Message displayed when the number of\n *   characters reaches the configured maximum, `maxlength`. This message is\n *   displayed visually and through assistive technologies.\n * @property {TranslationPluralForms} [charactersOverLimit] - Message displayed\n *   when the number of characters is over the configured maximum, `maxlength`.\n *   This message is displayed visually and through assistive technologies. The\n *   component will replace the `%{count}` placeholder with the number of\n *   remaining characters. This is a [pluralised list of\n *   messages](https://frontend.design-system.service.gov.uk/localise-govuk-frontend).\n * @property {TranslationPluralForms} [wordsUnderLimit] - Message displayed when\n *   the number of words is under the configured maximum, `maxlength`. This\n *   message is displayed visually and through assistive technologies. The\n *   component will replace the `%{count}` placeholder with the number of\n *   remaining words. This is a [pluralised list of\n *   messages](https://frontend.design-system.service.gov.uk/localise-govuk-frontend).\n * @property {string} [wordsAtLimit] - Message displayed when the number of\n *   words reaches the configured maximum, `maxlength`. This message is\n *   displayed visually and through assistive technologies.\n * @property {TranslationPluralForms} [wordsOverLimit] - Message displayed when\n *   the number of words is over the configured maximum, `maxlength`. This\n *   message is displayed visually and through assistive technologies. The\n *   component will replace the `%{count}` placeholder with the number of\n *   remaining words. This is a [pluralised list of\n *   messages](https://frontend.design-system.service.gov.uk/localise-govuk-frontend).\n * @property {TranslationPluralForms} [textareaDescription] - Message made\n *   available to assistive technologies, if none is already present in the\n *   HTML, to describe that the component accepts only a limited amount of\n *   content. It is visible on the page when JavaScript is unavailable. The\n *   component will replace the `%{count}` placeholder with the value of the\n *   `maxlength` or `maxwords` parameter.\n */\n\n/**\n * @import { Schema } from '../../common/configuration.mjs'\n * @import { TranslationPluralForms } from '../../i18n.mjs'\n */\n"],"names":["closestAttributeValue","$element","attributeName","$closestElementWithAttribute","closest","getAttribute","isInitialised","$root","moduleName","HTMLElement","hasAttribute","isSupported","$scope","document","body","classList","contains","isArray","option","Array","isObject","formatErrorMessage","Component","message","GOVUKFrontendError","Error","constructor","args","name","SupportError","supportMessage","HTMLScriptElement","prototype","ConfigError","ElementError","messageOrOptions","component","identifier","element","expectedType","InitError","componentOrMessage","_$root","childConstructor","elementType","checkSupport","checkInitialised","setAttribute","configOverride","Symbol","for","ConfigurableComponent","param","config","_config","defaults","datasetConfig","normaliseDataset","dataset","mergeConfigs","normaliseString","value","property","trimmedValue","trim","output","outputType","type","includes","length","isFinite","Number","schema","out","entries","Object","properties","entry","namespace","field","toString","extractConfigByNamespace","configObjects","formattedConfigObject","configObject","key","keys","override","validateConfig","validationErrors","conditions","errors","required","errorMessage","every","push","newObject","current","keyParts","split","index","I18n","translations","_config$locale","locale","documentElement","lang","t","lookupKey","options","translation","count","translationPluralForm","getPluralSuffix","match","replacePlaceholders","translationString","formatter","Intl","NumberFormat","supportedLocalesOf","undefined","replace","placeholderWithBraces","placeholderKey","hasOwnProperty","call","placeholderValue","format","hasIntlPluralRulesSupport","Boolean","window","PluralRules","preferredForm","select","console","warn","CharacterCount","configOverrides","maxlength","maxwords","_ref","_this$config$maxwords","$textarea","$visibleCountMessage","$screenReaderCountMessage","lastInputTimestamp","lastInputValue","valueChecker","i18n","maxLength","querySelector","HTMLTextAreaElement","HTMLInputElement","Infinity","textareaDescriptionId","id","$textareaDescription","getElementById","$errorMessage","textContent","insertAdjacentElement","createElement","className","add","removeAttribute","bindChangeEvents","addEventListener","updateCountMessage","handleKeyUp","handleFocus","handleBlur","updateVisibleCountMessage","Date","now","setInterval","updateIfValueChanged","clearInterval","updateScreenReaderCountMessage","remainingNumber","isError","toggle","isOverThreshold","getCountMessage","text","_text$match","tokens","countType","formatCountMessage","translationKeySuffix","Math","abs","threshold","currentLength","thresholdValue","freeze","charactersUnderLimit","one","other","charactersAtLimit","charactersOverLimit","wordsUnderLimit","wordsAtLimit","wordsOverLimit","textareaDescription","anyOf"],"mappings":"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"}
\ No newline at end of file
diff --git a/app/templates/govuk/components/character-count/character-count.mjs b/app/templates/govuk/components/character-count/character-count.mjs
new file mode 100644
index 0000000..6466a96
--- /dev/null
+++ b/app/templates/govuk/components/character-count/character-count.mjs
@@ -0,0 +1,299 @@
+import { closestAttributeValue } from '../../common/closest-attribute-value.mjs';
+import { ConfigurableComponent, configOverride, validateConfig } from '../../common/configuration.mjs';
+import { formatErrorMessage } from '../../common/index.mjs';
+import { ElementError, ConfigError } from '../../errors/index.mjs';
+import { I18n } from '../../i18n.mjs';
+
+/**
+ * Character count component
+ *
+ * Tracks the number of characters or words in the `.govuk-js-character-count`
+ * `<textarea>` inside the element. Displays a message with the remaining number
+ * of characters/words available, or the number of characters/words in excess.
+ *
+ * You can configure the message to only appear after a certain percentage
+ * of the available characters/words has been entered.
+ *
+ * @preserve
+ * @augments ConfigurableComponent<CharacterCountConfig>
+ */
+class CharacterCount extends ConfigurableComponent {
+  [configOverride](datasetConfig) {
+    let configOverrides = {};
+    if ('maxwords' in datasetConfig || 'maxlength' in datasetConfig) {
+      configOverrides = {
+        maxlength: undefined,
+        maxwords: undefined
+      };
+    }
+    return configOverrides;
+  }
+
+  /**
+   * @param {Element | null} $root - HTML element to use for character count
+   * @param {CharacterCountConfig} [config] - Character count config
+   */
+  constructor($root, config = {}) {
+    var _ref, _this$config$maxwords;
+    super($root, config);
+    this.$textarea = void 0;
+    this.$visibleCountMessage = void 0;
+    this.$screenReaderCountMessage = void 0;
+    this.lastInputTimestamp = null;
+    this.lastInputValue = '';
+    this.valueChecker = null;
+    this.i18n = void 0;
+    this.maxLength = void 0;
+    const $textarea = this.$root.querySelector('.govuk-js-character-count');
+    if (!($textarea instanceof HTMLTextAreaElement || $textarea instanceof HTMLInputElement)) {
+      throw new ElementError({
+        component: CharacterCount,
+        element: $textarea,
+        expectedType: 'HTMLTextareaElement or HTMLInputElement',
+        identifier: 'Form field (`.govuk-js-character-count`)'
+      });
+    }
+    const errors = validateConfig(CharacterCount.schema, this.config);
+    if (errors[0]) {
+      throw new ConfigError(formatErrorMessage(CharacterCount, errors[0]));
+    }
+    this.i18n = new I18n(this.config.i18n, {
+      locale: closestAttributeValue(this.$root, 'lang')
+    });
+    this.maxLength = (_ref = (_this$config$maxwords = this.config.maxwords) != null ? _this$config$maxwords : this.config.maxlength) != null ? _ref : Infinity;
+    this.$textarea = $textarea;
+    const textareaDescriptionId = `${this.$textarea.id}-info`;
+    const $textareaDescription = document.getElementById(textareaDescriptionId);
+    if (!$textareaDescription) {
+      throw new ElementError({
+        component: CharacterCount,
+        element: $textareaDescription,
+        identifier: `Count message (\`id="${textareaDescriptionId}"\`)`
+      });
+    }
+    this.$errorMessage = this.$root.querySelector('.govuk-error-message');
+    if ($textareaDescription.textContent.match(/^\s*$/)) {
+      $textareaDescription.textContent = this.i18n.t('textareaDescription', {
+        count: this.maxLength
+      });
+    }
+    this.$textarea.insertAdjacentElement('afterend', $textareaDescription);
+    const $screenReaderCountMessage = document.createElement('div');
+    $screenReaderCountMessage.className = 'govuk-character-count__sr-status govuk-visually-hidden';
+    $screenReaderCountMessage.setAttribute('aria-live', 'polite');
+    this.$screenReaderCountMessage = $screenReaderCountMessage;
+    $textareaDescription.insertAdjacentElement('afterend', $screenReaderCountMessage);
+    const $visibleCountMessage = document.createElement('div');
+    $visibleCountMessage.className = $textareaDescription.className;
+    $visibleCountMessage.classList.add('govuk-character-count__status');
+    $visibleCountMessage.setAttribute('aria-hidden', 'true');
+    this.$visibleCountMessage = $visibleCountMessage;
+    $textareaDescription.insertAdjacentElement('afterend', $visibleCountMessage);
+    $textareaDescription.classList.add('govuk-visually-hidden');
+    this.$textarea.removeAttribute('maxlength');
+    this.bindChangeEvents();
+    window.addEventListener('pageshow', () => this.updateCountMessage());
+    this.updateCountMessage();
+  }
+  bindChangeEvents() {
+    this.$textarea.addEventListener('keyup', () => this.handleKeyUp());
+    this.$textarea.addEventListener('focus', () => this.handleFocus());
+    this.$textarea.addEventListener('blur', () => this.handleBlur());
+  }
+  handleKeyUp() {
+    this.updateVisibleCountMessage();
+    this.lastInputTimestamp = Date.now();
+  }
+  handleFocus() {
+    this.valueChecker = window.setInterval(() => {
+      if (!this.lastInputTimestamp || Date.now() - 500 >= this.lastInputTimestamp) {
+        this.updateIfValueChanged();
+      }
+    }, 1000);
+  }
+  handleBlur() {
+    if (this.valueChecker) {
+      window.clearInterval(this.valueChecker);
+    }
+  }
+  updateIfValueChanged() {
+    if (this.$textarea.value !== this.lastInputValue) {
+      this.lastInputValue = this.$textarea.value;
+      this.updateCountMessage();
+    }
+  }
+  updateCountMessage() {
+    this.updateVisibleCountMessage();
+    this.updateScreenReaderCountMessage();
+  }
+  updateVisibleCountMessage() {
+    const remainingNumber = this.maxLength - this.count(this.$textarea.value);
+    const isError = remainingNumber < 0;
+    this.$visibleCountMessage.classList.toggle('govuk-character-count__message--disabled', !this.isOverThreshold());
+    if (!this.$errorMessage) {
+      this.$textarea.classList.toggle('govuk-textarea--error', isError);
+    }
+    this.$visibleCountMessage.classList.toggle('govuk-error-message', isError);
+    this.$visibleCountMessage.classList.toggle('govuk-hint', !isError);
+    this.$visibleCountMessage.textContent = this.getCountMessage();
+  }
+  updateScreenReaderCountMessage() {
+    if (this.isOverThreshold()) {
+      this.$screenReaderCountMessage.removeAttribute('aria-hidden');
+    } else {
+      this.$screenReaderCountMessage.setAttribute('aria-hidden', 'true');
+    }
+    this.$screenReaderCountMessage.textContent = this.getCountMessage();
+  }
+  count(text) {
+    if (this.config.maxwords) {
+      var _text$match;
+      const tokens = (_text$match = text.match(/\S+/g)) != null ? _text$match : [];
+      return tokens.length;
+    }
+    return text.length;
+  }
+  getCountMessage() {
+    const remainingNumber = this.maxLength - this.count(this.$textarea.value);
+    const countType = this.config.maxwords ? 'words' : 'characters';
+    return this.formatCountMessage(remainingNumber, countType);
+  }
+  formatCountMessage(remainingNumber, countType) {
+    if (remainingNumber === 0) {
+      return this.i18n.t(`${countType}AtLimit`);
+    }
+    const translationKeySuffix = remainingNumber < 0 ? 'OverLimit' : 'UnderLimit';
+    return this.i18n.t(`${countType}${translationKeySuffix}`, {
+      count: Math.abs(remainingNumber)
+    });
+  }
+  isOverThreshold() {
+    if (!this.config.threshold) {
+      return true;
+    }
+    const currentLength = this.count(this.$textarea.value);
+    const maxLength = this.maxLength;
+    const thresholdValue = maxLength * this.config.threshold / 100;
+    return thresholdValue <= currentLength;
+  }
+}
+
+/**
+ * Character count config
+ *
+ * @see {@link CharacterCount.defaults}
+ * @typedef {object} CharacterCountConfig
+ * @property {number} [maxlength] - The maximum number of characters.
+ *   If maxwords is provided, the maxlength option will be ignored.
+ * @property {number} [maxwords] - The maximum number of words. If maxwords is
+ *   provided, the maxlength option will be ignored.
+ * @property {number} [threshold=0] - The percentage value of the limit at
+ *   which point the count message is displayed. If this attribute is set, the
+ *   count message will be hidden by default.
+ * @property {CharacterCountTranslations} [i18n=CharacterCount.defaults.i18n] - Character count translations
+ */
+
+/**
+ * Character count translations
+ *
+ * @see {@link CharacterCount.defaults.i18n}
+ * @typedef {object} CharacterCountTranslations
+ *
+ * Messages shown to users as they type. It provides feedback on how many words
+ * or characters they have remaining or if they are over the limit. This also
+ * includes a message used as an accessible description for the textarea.
+ * @property {TranslationPluralForms} [charactersUnderLimit] - Message displayed
+ *   when the number of characters is under the configured maximum, `maxlength`.
+ *   This message is displayed visually and through assistive technologies. The
+ *   component will replace the `%{count}` placeholder with the number of
+ *   remaining characters. This is a [pluralised list of
+ *   messages](https://frontend.design-system.service.gov.uk/localise-govuk-frontend).
+ * @property {string} [charactersAtLimit] - Message displayed when the number of
+ *   characters reaches the configured maximum, `maxlength`. This message is
+ *   displayed visually and through assistive technologies.
+ * @property {TranslationPluralForms} [charactersOverLimit] - Message displayed
+ *   when the number of characters is over the configured maximum, `maxlength`.
+ *   This message is displayed visually and through assistive technologies. The
+ *   component will replace the `%{count}` placeholder with the number of
+ *   remaining characters. This is a [pluralised list of
+ *   messages](https://frontend.design-system.service.gov.uk/localise-govuk-frontend).
+ * @property {TranslationPluralForms} [wordsUnderLimit] - Message displayed when
+ *   the number of words is under the configured maximum, `maxlength`. This
+ *   message is displayed visually and through assistive technologies. The
+ *   component will replace the `%{count}` placeholder with the number of
+ *   remaining words. This is a [pluralised list of
+ *   messages](https://frontend.design-system.service.gov.uk/localise-govuk-frontend).
+ * @property {string} [wordsAtLimit] - Message displayed when the number of
+ *   words reaches the configured maximum, `maxlength`. This message is
+ *   displayed visually and through assistive technologies.
+ * @property {TranslationPluralForms} [wordsOverLimit] - Message displayed when
+ *   the number of words is over the configured maximum, `maxlength`. This
+ *   message is displayed visually and through assistive technologies. The
+ *   component will replace the `%{count}` placeholder with the number of
+ *   remaining words. This is a [pluralised list of
+ *   messages](https://frontend.design-system.service.gov.uk/localise-govuk-frontend).
+ * @property {TranslationPluralForms} [textareaDescription] - Message made
+ *   available to assistive technologies, if none is already present in the
+ *   HTML, to describe that the component accepts only a limited amount of
+ *   content. It is visible on the page when JavaScript is unavailable. The
+ *   component will replace the `%{count}` placeholder with the value of the
+ *   `maxlength` or `maxwords` parameter.
+ */
+
+/**
+ * @import { Schema } from '../../common/configuration.mjs'
+ * @import { TranslationPluralForms } from '../../i18n.mjs'
+ */
+CharacterCount.moduleName = 'govuk-character-count';
+CharacterCount.defaults = Object.freeze({
+  threshold: 0,
+  i18n: {
+    charactersUnderLimit: {
+      one: 'You have %{count} character remaining',
+      other: 'You have %{count} characters remaining'
+    },
+    charactersAtLimit: 'You have 0 characters remaining',
+    charactersOverLimit: {
+      one: 'You have %{count} character too many',
+      other: 'You have %{count} characters too many'
+    },
+    wordsUnderLimit: {
+      one: 'You have %{count} word remaining',
+      other: 'You have %{count} words remaining'
+    },
+    wordsAtLimit: 'You have 0 words remaining',
+    wordsOverLimit: {
+      one: 'You have %{count} word too many',
+      other: 'You have %{count} words too many'
+    },
+    textareaDescription: {
+      other: ''
+    }
+  }
+});
+CharacterCount.schema = Object.freeze({
+  properties: {
+    i18n: {
+      type: 'object'
+    },
+    maxwords: {
+      type: 'number'
+    },
+    maxlength: {
+      type: 'number'
+    },
+    threshold: {
+      type: 'number'
+    }
+  },
+  anyOf: [{
+    required: ['maxwords'],
+    errorMessage: 'Either "maxlength" or "maxwords" must be provided'
+  }, {
+    required: ['maxlength'],
+    errorMessage: 'Either "maxlength" or "maxwords" must be provided'
+  }]
+});
+
+export { CharacterCount };
+//# sourceMappingURL=character-count.mjs.map
diff --git a/app/templates/govuk/components/character-count/character-count.mjs.map b/app/templates/govuk/components/character-count/character-count.mjs.map
new file mode 100644
index 0000000..f8ed2cd
--- /dev/null
+++ b/app/templates/govuk/components/character-count/character-count.mjs.map
@@ -0,0 +1 @@
+{"version":3,"file":"character-count.mjs","sources":["../../../../src/govuk/components/character-count/character-count.mjs"],"sourcesContent":["import { closestAttributeValue } from '../../common/closest-attribute-value.mjs'\nimport {\n  validateConfig,\n  ConfigurableComponent,\n  configOverride\n} from '../../common/configuration.mjs'\nimport { formatErrorMessage } from '../../common/index.mjs'\nimport { ConfigError, ElementError } from '../../errors/index.mjs'\nimport { I18n } from '../../i18n.mjs'\n\n/**\n * Character count component\n *\n * Tracks the number of characters or words in the `.govuk-js-character-count`\n * `<textarea>` inside the element. Displays a message with the remaining number\n * of characters/words available, or the number of characters/words in excess.\n *\n * You can configure the message to only appear after a certain percentage\n * of the available characters/words has been entered.\n *\n * @preserve\n * @augments ConfigurableComponent<CharacterCountConfig>\n */\nexport class CharacterCount extends ConfigurableComponent {\n  /** @private */\n  $textarea\n\n  /** @private */\n  $visibleCountMessage\n\n  /** @private */\n  $screenReaderCountMessage\n\n  /**\n   * @private\n   * @type {number | null}\n   */\n  lastInputTimestamp = null\n\n  /** @private */\n  lastInputValue = ''\n\n  /**\n   * @private\n   * @type {number | null}\n   */\n  valueChecker = null\n\n  /** @private */\n  i18n\n\n  /** @private */\n  maxLength;\n\n  /**\n   * Character count config override\n   *\n   * To ensure data-attributes take complete precedence, even if they change\n   * the type of count, we need to reset the `maxlength` and `maxwords` from\n   * the JavaScript config.\n   *\n   * @internal\n   * @param {CharacterCountConfig} datasetConfig - configuration specified by dataset\n   * @returns {CharacterCountConfig} - configuration to override by dataset\n   */\n  [configOverride](datasetConfig) {\n    let configOverrides = {}\n    if ('maxwords' in datasetConfig || 'maxlength' in datasetConfig) {\n      configOverrides = {\n        maxlength: undefined,\n        maxwords: undefined\n      }\n    }\n\n    return configOverrides\n  }\n\n  /**\n   * @param {Element | null} $root - HTML element to use for character count\n   * @param {CharacterCountConfig} [config] - Character count config\n   */\n  constructor($root, config = {}) {\n    super($root, config)\n\n    const $textarea = this.$root.querySelector('.govuk-js-character-count')\n    if (\n      !(\n        $textarea instanceof HTMLTextAreaElement ||\n        $textarea instanceof HTMLInputElement\n      )\n    ) {\n      throw new ElementError({\n        component: CharacterCount,\n        element: $textarea,\n        expectedType: 'HTMLTextareaElement or HTMLInputElement',\n        identifier: 'Form field (`.govuk-js-character-count`)'\n      })\n    }\n\n    // Check for valid config\n    const errors = validateConfig(CharacterCount.schema, this.config)\n    if (errors[0]) {\n      throw new ConfigError(formatErrorMessage(CharacterCount, errors[0]))\n    }\n\n    this.i18n = new I18n(this.config.i18n, {\n      // Read the fallback if necessary rather than have it set in the defaults\n      locale: closestAttributeValue(this.$root, 'lang')\n    })\n\n    // Determine the limit attribute (characters or words)\n    this.maxLength = this.config.maxwords ?? this.config.maxlength ?? Infinity\n\n    this.$textarea = $textarea\n\n    const textareaDescriptionId = `${this.$textarea.id}-info`\n    const $textareaDescription = document.getElementById(textareaDescriptionId)\n    if (!$textareaDescription) {\n      throw new ElementError({\n        component: CharacterCount,\n        element: $textareaDescription,\n        identifier: `Count message (\\`id=\"${textareaDescriptionId}\"\\`)`\n      })\n    }\n\n    // Pre-existing validation error rendered from server\n    this.$errorMessage = this.$root.querySelector('.govuk-error-message')\n\n    // Inject a description for the textarea if none is present already\n    // for when the component was rendered with no maxlength, maxwords\n    // nor custom textareaDescriptionText\n    // eslint-disable-next-line @typescript-eslint/prefer-regexp-exec\n    if ($textareaDescription.textContent.match(/^\\s*$/)) {\n      $textareaDescription.textContent = this.i18n.t('textareaDescription', {\n        count: this.maxLength\n      })\n    }\n\n    // Move the textarea description to be immediately after the textarea\n    // Kept for backwards compatibility\n    this.$textarea.insertAdjacentElement('afterend', $textareaDescription)\n\n    // Create the *screen reader* specific live-updating counter\n    // This doesn't need any styling classes, as it is never visible\n    const $screenReaderCountMessage = document.createElement('div')\n    $screenReaderCountMessage.className =\n      'govuk-character-count__sr-status govuk-visually-hidden'\n    $screenReaderCountMessage.setAttribute('aria-live', 'polite')\n    this.$screenReaderCountMessage = $screenReaderCountMessage\n    $textareaDescription.insertAdjacentElement(\n      'afterend',\n      $screenReaderCountMessage\n    )\n\n    // Create our live-updating counter element, copying the classes from the\n    // textarea description for backwards compatibility as these may have been\n    // configured\n    const $visibleCountMessage = document.createElement('div')\n    $visibleCountMessage.className = $textareaDescription.className\n    $visibleCountMessage.classList.add('govuk-character-count__status')\n    $visibleCountMessage.setAttribute('aria-hidden', 'true')\n    this.$visibleCountMessage = $visibleCountMessage\n    $textareaDescription.insertAdjacentElement('afterend', $visibleCountMessage)\n\n    // Hide the textarea description\n    $textareaDescription.classList.add('govuk-visually-hidden')\n\n    // Remove hard limit if set\n    this.$textarea.removeAttribute('maxlength')\n\n    this.bindChangeEvents()\n\n    // When the page is restored after navigating 'back' in some browsers the\n    // state of form controls is not restored until *after* the DOMContentLoaded\n    // event is fired, so we need to sync after the pageshow event.\n    window.addEventListener('pageshow', () => this.updateCountMessage())\n\n    // Although we've set up handlers to sync state on the pageshow event, init\n    // could be called after those events have fired, for example if they are\n    // added to the page dynamically, so update now too.\n    this.updateCountMessage()\n  }\n\n  /**\n   * Bind change events\n   *\n   * Set up event listeners on the $textarea so that the count messages update\n   * when the user types.\n   *\n   * @private\n   */\n  bindChangeEvents() {\n    this.$textarea.addEventListener('keyup', () => this.handleKeyUp())\n\n    // Bind focus/blur events to start/stop polling\n    this.$textarea.addEventListener('focus', () => this.handleFocus())\n    this.$textarea.addEventListener('blur', () => this.handleBlur())\n  }\n\n  /**\n   * Handle key up event\n   *\n   * Update the visible character counter and keep track of when the last update\n   * happened for each keypress\n   *\n   * @private\n   */\n  handleKeyUp() {\n    this.updateVisibleCountMessage()\n    this.lastInputTimestamp = Date.now()\n  }\n\n  /**\n   * Handle focus event\n   *\n   * Speech recognition software such as Dragon NaturallySpeaking will modify\n   * the fields by directly changing its `value`. These changes don't trigger\n   * events in JavaScript, so we need to poll to handle when and if they occur.\n   *\n   * Once the keyup event hasn't been detected for at least 1000 ms (1s), check\n   * if the textarea value has changed and update the count message if it has.\n   *\n   * This is so that the update triggered by the manual comparison doesn't\n   * conflict with debounced KeyboardEvent updates.\n   *\n   * @private\n   */\n  handleFocus() {\n    this.valueChecker = window.setInterval(() => {\n      if (\n        !this.lastInputTimestamp ||\n        Date.now() - 500 >= this.lastInputTimestamp\n      ) {\n        this.updateIfValueChanged()\n      }\n    }, 1000)\n  }\n\n  /**\n   * Handle blur event\n   *\n   * Stop checking the textarea value once the textarea no longer has focus\n   *\n   * @private\n   */\n  handleBlur() {\n    // Cancel value checking on blur\n    if (this.valueChecker) {\n      window.clearInterval(this.valueChecker)\n    }\n  }\n\n  /**\n   * Update count message if textarea value has changed\n   *\n   * @private\n   */\n  updateIfValueChanged() {\n    if (this.$textarea.value !== this.lastInputValue) {\n      this.lastInputValue = this.$textarea.value\n      this.updateCountMessage()\n    }\n  }\n\n  /**\n   * Update count message\n   *\n   * Helper function to update both the visible and screen reader-specific\n   * counters simultaneously (e.g. on init)\n   *\n   * @private\n   */\n  updateCountMessage() {\n    this.updateVisibleCountMessage()\n    this.updateScreenReaderCountMessage()\n  }\n\n  /**\n   * Update visible count message\n   *\n   * @private\n   */\n  updateVisibleCountMessage() {\n    const remainingNumber = this.maxLength - this.count(this.$textarea.value)\n    const isError = remainingNumber < 0\n\n    // If input is over the threshold, remove the disabled class which renders\n    // the counter invisible.\n    this.$visibleCountMessage.classList.toggle(\n      'govuk-character-count__message--disabled',\n      !this.isOverThreshold()\n    )\n\n    // Update styles\n    if (!this.$errorMessage) {\n      // Only toggle the textarea error class if there isn't an error message\n      // already, as it may be unrelated to the limit (eg: allowed characters)\n      // and would set the border colour back to black.\n      this.$textarea.classList.toggle('govuk-textarea--error', isError)\n    }\n    this.$visibleCountMessage.classList.toggle('govuk-error-message', isError)\n    this.$visibleCountMessage.classList.toggle('govuk-hint', !isError)\n\n    // Update message\n    this.$visibleCountMessage.textContent = this.getCountMessage()\n  }\n\n  /**\n   * Update screen reader count message\n   *\n   * @private\n   */\n  updateScreenReaderCountMessage() {\n    // If over the threshold, remove the aria-hidden attribute, allowing screen\n    // readers to announce the content of the element.\n    if (this.isOverThreshold()) {\n      this.$screenReaderCountMessage.removeAttribute('aria-hidden')\n    } else {\n      this.$screenReaderCountMessage.setAttribute('aria-hidden', 'true')\n    }\n\n    // Update message\n    this.$screenReaderCountMessage.textContent = this.getCountMessage()\n  }\n\n  /**\n   * Count the number of characters (or words, if `config.maxwords` is set)\n   * in the given text\n   *\n   * @private\n   * @param {string} text - The text to count the characters of\n   * @returns {number} the number of characters (or words) in the text\n   */\n  count(text) {\n    if (this.config.maxwords) {\n      const tokens = text.match(/\\S+/g) ?? [] // Matches consecutive non-whitespace chars\n      return tokens.length\n    }\n\n    return text.length\n  }\n\n  /**\n   * Get count message\n   *\n   * @private\n   * @returns {string} Status message\n   */\n  getCountMessage() {\n    const remainingNumber = this.maxLength - this.count(this.$textarea.value)\n    const countType = this.config.maxwords ? 'words' : 'characters'\n    return this.formatCountMessage(remainingNumber, countType)\n  }\n\n  /**\n   * Formats the message shown to users according to what's counted\n   * and how many remain\n   *\n   * @private\n   * @param {number} remainingNumber - The number of words/characaters remaining\n   * @param {string} countType - \"words\" or \"characters\"\n   * @returns {string} Status message\n   */\n  formatCountMessage(remainingNumber, countType) {\n    if (remainingNumber === 0) {\n      return this.i18n.t(`${countType}AtLimit`)\n    }\n\n    const translationKeySuffix =\n      remainingNumber < 0 ? 'OverLimit' : 'UnderLimit'\n\n    return this.i18n.t(`${countType}${translationKeySuffix}`, {\n      count: Math.abs(remainingNumber)\n    })\n  }\n\n  /**\n   * Check if count is over threshold\n   *\n   * Checks whether the value is over the configured threshold for the input.\n   * If there is no configured threshold, it is set to 0 and this function will\n   * always return true.\n   *\n   * @private\n   * @returns {boolean} true if the current count is over the config.threshold\n   *   (or no threshold is set)\n   */\n  isOverThreshold() {\n    // No threshold means we're always above threshold so save some computation\n    if (!this.config.threshold) {\n      return true\n    }\n\n    // Determine the remaining number of characters/words\n    const currentLength = this.count(this.$textarea.value)\n    const maxLength = this.maxLength\n\n    const thresholdValue = (maxLength * this.config.threshold) / 100\n\n    return thresholdValue <= currentLength\n  }\n\n  /**\n   * Name for the component used when initialising using data-module attributes.\n   */\n  static moduleName = 'govuk-character-count'\n\n  /**\n   * Character count default config\n   *\n   * @see {@link CharacterCountConfig}\n   * @constant\n   * @type {CharacterCountConfig}\n   */\n  static defaults = Object.freeze({\n    threshold: 0,\n    i18n: {\n      // Characters\n      charactersUnderLimit: {\n        one: 'You have %{count} character remaining',\n        other: 'You have %{count} characters remaining'\n      },\n      charactersAtLimit: 'You have 0 characters remaining',\n      charactersOverLimit: {\n        one: 'You have %{count} character too many',\n        other: 'You have %{count} characters too many'\n      },\n      // Words\n      wordsUnderLimit: {\n        one: 'You have %{count} word remaining',\n        other: 'You have %{count} words remaining'\n      },\n      wordsAtLimit: 'You have 0 words remaining',\n      wordsOverLimit: {\n        one: 'You have %{count} word too many',\n        other: 'You have %{count} words too many'\n      },\n      textareaDescription: {\n        other: ''\n      }\n    }\n  })\n\n  /**\n   * Character count config schema\n   *\n   * @constant\n   * @satisfies {Schema<CharacterCountConfig>}\n   */\n  static schema = Object.freeze({\n    properties: {\n      i18n: { type: 'object' },\n      maxwords: { type: 'number' },\n      maxlength: { type: 'number' },\n      threshold: { type: 'number' }\n    },\n    anyOf: [\n      {\n        required: ['maxwords'],\n        errorMessage: 'Either \"maxlength\" or \"maxwords\" must be provided'\n      },\n      {\n        required: ['maxlength'],\n        errorMessage: 'Either \"maxlength\" or \"maxwords\" must be provided'\n      }\n    ]\n  })\n}\n\n/**\n * Character count config\n *\n * @see {@link CharacterCount.defaults}\n * @typedef {object} CharacterCountConfig\n * @property {number} [maxlength] - The maximum number of characters.\n *   If maxwords is provided, the maxlength option will be ignored.\n * @property {number} [maxwords] - The maximum number of words. If maxwords is\n *   provided, the maxlength option will be ignored.\n * @property {number} [threshold=0] - The percentage value of the limit at\n *   which point the count message is displayed. If this attribute is set, the\n *   count message will be hidden by default.\n * @property {CharacterCountTranslations} [i18n=CharacterCount.defaults.i18n] - Character count translations\n */\n\n/**\n * Character count translations\n *\n * @see {@link CharacterCount.defaults.i18n}\n * @typedef {object} CharacterCountTranslations\n *\n * Messages shown to users as they type. It provides feedback on how many words\n * or characters they have remaining or if they are over the limit. This also\n * includes a message used as an accessible description for the textarea.\n * @property {TranslationPluralForms} [charactersUnderLimit] - Message displayed\n *   when the number of characters is under the configured maximum, `maxlength`.\n *   This message is displayed visually and through assistive technologies. The\n *   component will replace the `%{count}` placeholder with the number of\n *   remaining characters. This is a [pluralised list of\n *   messages](https://frontend.design-system.service.gov.uk/localise-govuk-frontend).\n * @property {string} [charactersAtLimit] - Message displayed when the number of\n *   characters reaches the configured maximum, `maxlength`. This message is\n *   displayed visually and through assistive technologies.\n * @property {TranslationPluralForms} [charactersOverLimit] - Message displayed\n *   when the number of characters is over the configured maximum, `maxlength`.\n *   This message is displayed visually and through assistive technologies. The\n *   component will replace the `%{count}` placeholder with the number of\n *   remaining characters. This is a [pluralised list of\n *   messages](https://frontend.design-system.service.gov.uk/localise-govuk-frontend).\n * @property {TranslationPluralForms} [wordsUnderLimit] - Message displayed when\n *   the number of words is under the configured maximum, `maxlength`. This\n *   message is displayed visually and through assistive technologies. The\n *   component will replace the `%{count}` placeholder with the number of\n *   remaining words. This is a [pluralised list of\n *   messages](https://frontend.design-system.service.gov.uk/localise-govuk-frontend).\n * @property {string} [wordsAtLimit] - Message displayed when the number of\n *   words reaches the configured maximum, `maxlength`. This message is\n *   displayed visually and through assistive technologies.\n * @property {TranslationPluralForms} [wordsOverLimit] - Message displayed when\n *   the number of words is over the configured maximum, `maxlength`. This\n *   message is displayed visually and through assistive technologies. The\n *   component will replace the `%{count}` placeholder with the number of\n *   remaining words. This is a [pluralised list of\n *   messages](https://frontend.design-system.service.gov.uk/localise-govuk-frontend).\n * @property {TranslationPluralForms} [textareaDescription] - Message made\n *   available to assistive technologies, if none is already present in the\n *   HTML, to describe that the component accepts only a limited amount of\n *   content. It is visible on the page when JavaScript is unavailable. The\n *   component will replace the `%{count}` placeholder with the value of the\n *   `maxlength` or `maxwords` parameter.\n */\n\n/**\n * @import { Schema } from '../../common/configuration.mjs'\n * @import { TranslationPluralForms } from '../../i18n.mjs'\n */\n"],"names":["CharacterCount","ConfigurableComponent","configOverride","datasetConfig","configOverrides","maxlength","undefined","maxwords","constructor","$root","config","_ref","_this$config$maxwords","$textarea","$visibleCountMessage","$screenReaderCountMessage","lastInputTimestamp","lastInputValue","valueChecker","i18n","maxLength","querySelector","HTMLTextAreaElement","HTMLInputElement","ElementError","component","element","expectedType","identifier","errors","validateConfig","schema","ConfigError","formatErrorMessage","I18n","locale","closestAttributeValue","Infinity","textareaDescriptionId","id","$textareaDescription","document","getElementById","$errorMessage","textContent","match","t","count","insertAdjacentElement","createElement","className","setAttribute","classList","add","removeAttribute","bindChangeEvents","window","addEventListener","updateCountMessage","handleKeyUp","handleFocus","handleBlur","updateVisibleCountMessage","Date","now","setInterval","updateIfValueChanged","clearInterval","value","updateScreenReaderCountMessage","remainingNumber","isError","toggle","isOverThreshold","getCountMessage","text","_text$match","tokens","length","countType","formatCountMessage","translationKeySuffix","Math","abs","threshold","currentLength","thresholdValue","moduleName","defaults","Object","freeze","charactersUnderLimit","one","other","charactersAtLimit","charactersOverLimit","wordsUnderLimit","wordsAtLimit","wordsOverLimit","textareaDescription","properties","type","anyOf","required","errorMessage"],"mappings":"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"}
\ No newline at end of file
diff --git a/app/templates/govuk/components/character-count/fixtures.json b/app/templates/govuk/components/character-count/fixtures.json
new file mode 100644
index 0000000..06e0390
--- /dev/null
+++ b/app/templates/govuk/components/character-count/fixtures.json
@@ -0,0 +1,463 @@
+{
+    "component": "character-count",
+    "fixtures": [
+        {
+            "name": "default",
+            "options": {
+                "name": "more-detail",
+                "maxlength": 10,
+                "label": {
+                    "text": "Can you provide more detail?"
+                }
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": {
+                "variants": [
+                    "default",
+                    "no-js"
+                ]
+            },
+            "html": "<div class=\"govuk-form-group govuk-character-count\" data-module=\"govuk-character-count\" data-maxlength=\"10\">\n  <label class=\"govuk-label\" for=\"more-detail\">\n    Can you provide more detail?\n  </label>\n  <textarea class=\"govuk-textarea govuk-js-character-count\" id=\"more-detail\" name=\"more-detail\" rows=\"5\" aria-describedby=\"more-detail-info\"></textarea>\n  <div id=\"more-detail-info\" class=\"govuk-hint govuk-character-count__message\">\n    You can enter up to 10 characters\n  </div>\n</div>"
+        },
+        {
+            "name": "with hint",
+            "options": {
+                "name": "with-hint",
+                "id": "with-hint",
+                "maxlength": 10,
+                "label": {
+                    "text": "Can you provide more detail?"
+                },
+                "hint": {
+                    "text": "Don't include personal or financial information, eg your National Insurance number or credit card details."
+                }
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-character-count\" data-module=\"govuk-character-count\" data-maxlength=\"10\">\n  <label class=\"govuk-label\" for=\"with-hint\">\n    Can you provide more detail?\n  </label>\n  <div id=\"with-hint-hint\" class=\"govuk-hint\">\n    Don&#39;t include personal or financial information, eg your National Insurance number or credit card details.\n  </div>\n  <textarea class=\"govuk-textarea govuk-js-character-count\" id=\"with-hint\" name=\"with-hint\" rows=\"5\" aria-describedby=\"with-hint-info with-hint-hint\"></textarea>\n  <div id=\"with-hint-info\" class=\"govuk-hint govuk-character-count__message\">\n    You can enter up to 10 characters\n  </div>\n</div>"
+        },
+        {
+            "name": "with hint and error",
+            "options": {
+                "name": "with-error",
+                "id": "with-error",
+                "maxlength": 10,
+                "label": {
+                    "text": "Can you provide more detail?"
+                },
+                "errorMessage": {
+                    "text": "Please provide more detail"
+                },
+                "hint": {
+                    "text": "Don't include personal or financial information, eg your National Insurance number or credit card details."
+                }
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-form-group--error govuk-character-count\" data-module=\"govuk-character-count\" data-maxlength=\"10\">\n  <label class=\"govuk-label\" for=\"with-error\">\n    Can you provide more detail?\n  </label>\n  <div id=\"with-error-hint\" class=\"govuk-hint\">\n    Don&#39;t include personal or financial information, eg your National Insurance number or credit card details.\n  </div>\n  <p id=\"with-error-error\" class=\"govuk-error-message\">\n    <span class=\"govuk-visually-hidden\">Error:</span> Please provide more detail\n  </p>\n  <textarea class=\"govuk-textarea govuk-textarea--error govuk-js-character-count\" id=\"with-error\" name=\"with-error\" rows=\"5\" aria-describedby=\"with-error-info with-error-hint with-error-error\"></textarea>\n  <div id=\"with-error-info\" class=\"govuk-hint govuk-character-count__message\">\n    You can enter up to 10 characters\n  </div>\n</div>"
+        },
+        {
+            "name": "with default value",
+            "options": {
+                "id": "with-default-value",
+                "name": "default-value",
+                "maxlength": 100,
+                "label": {
+                    "text": "Full address"
+                },
+                "value": "221B Baker Street\nLondon\nNW1 6XE\n"
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-character-count\" data-module=\"govuk-character-count\" data-maxlength=\"100\">\n  <label class=\"govuk-label\" for=\"with-default-value\">\n    Full address\n  </label>\n  <textarea class=\"govuk-textarea govuk-js-character-count\" id=\"with-default-value\" name=\"default-value\" rows=\"5\" aria-describedby=\"with-default-value-info\">221B Baker Street\nLondon\nNW1 6XE\n</textarea>\n  <div id=\"with-default-value-info\" class=\"govuk-hint govuk-character-count__message\">\n    You can enter up to 100 characters\n  </div>\n</div>"
+        },
+        {
+            "name": "with default value exceeding limit",
+            "options": {
+                "id": "exceeding-characters",
+                "name": "exceeding",
+                "maxlength": 10,
+                "value": "221B Baker Street\nLondon\nNW1 6XE\n",
+                "label": {
+                    "text": "Full address"
+                },
+                "errorMessage": {
+                    "text": "Please do not exceed the maximum allowed limit"
+                }
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-form-group--error govuk-character-count\" data-module=\"govuk-character-count\" data-maxlength=\"10\">\n  <label class=\"govuk-label\" for=\"exceeding-characters\">\n    Full address\n  </label>\n  <p id=\"exceeding-characters-error\" class=\"govuk-error-message\">\n    <span class=\"govuk-visually-hidden\">Error:</span> Please do not exceed the maximum allowed limit\n  </p>\n  <textarea class=\"govuk-textarea govuk-textarea--error govuk-js-character-count\" id=\"exceeding-characters\" name=\"exceeding\" rows=\"5\" aria-describedby=\"exceeding-characters-info exceeding-characters-error\">221B Baker Street\nLondon\nNW1 6XE\n</textarea>\n  <div id=\"exceeding-characters-info\" class=\"govuk-hint govuk-character-count__message\">\n    You can enter up to 10 characters\n  </div>\n</div>"
+        },
+        {
+            "name": "with custom rows",
+            "options": {
+                "id": "custom-rows",
+                "name": "custom",
+                "maxlength": 10,
+                "label": {
+                    "text": "Full address"
+                },
+                "rows": 8
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-character-count\" data-module=\"govuk-character-count\" data-maxlength=\"10\">\n  <label class=\"govuk-label\" for=\"custom-rows\">\n    Full address\n  </label>\n  <textarea class=\"govuk-textarea govuk-js-character-count\" id=\"custom-rows\" name=\"custom\" rows=\"8\" aria-describedby=\"custom-rows-info\"></textarea>\n  <div id=\"custom-rows-info\" class=\"govuk-hint govuk-character-count__message\">\n    You can enter up to 10 characters\n  </div>\n</div>"
+        },
+        {
+            "name": "with label as page heading",
+            "options": {
+                "id": "textarea-with-page-heading",
+                "name": "address",
+                "maxlength": 10,
+                "label": {
+                    "text": "Full address",
+                    "classes": "govuk-label--l",
+                    "isPageHeading": true
+                }
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-character-count\" data-module=\"govuk-character-count\" data-maxlength=\"10\">\n  <h1 class=\"govuk-label-wrapper\">\n    <label class=\"govuk-label govuk-label--l\" for=\"textarea-with-page-heading\">\n      Full address\n    </label>\n  </h1>\n  <textarea class=\"govuk-textarea govuk-js-character-count\" id=\"textarea-with-page-heading\" name=\"address\" rows=\"5\" aria-describedby=\"textarea-with-page-heading-info\"></textarea>\n  <div id=\"textarea-with-page-heading-info\" class=\"govuk-hint govuk-character-count__message\">\n    You can enter up to 10 characters\n  </div>\n</div>"
+        },
+        {
+            "name": "with word count",
+            "options": {
+                "id": "word-count",
+                "name": "word-count",
+                "maxwords": 10,
+                "label": {
+                    "text": "Full address"
+                }
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-character-count\" data-module=\"govuk-character-count\" data-maxwords=\"10\">\n  <label class=\"govuk-label\" for=\"word-count\">\n    Full address\n  </label>\n  <textarea class=\"govuk-textarea govuk-js-character-count\" id=\"word-count\" name=\"word-count\" rows=\"5\" aria-describedby=\"word-count-info\"></textarea>\n  <div id=\"word-count-info\" class=\"govuk-hint govuk-character-count__message\">\n    You can enter up to 10 words\n  </div>\n</div>"
+        },
+        {
+            "name": "with threshold",
+            "options": {
+                "id": "with-threshold",
+                "name": "with-threshold",
+                "maxlength": 10,
+                "threshold": 75,
+                "label": {
+                    "text": "Full address"
+                }
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-character-count\" data-module=\"govuk-character-count\" data-maxlength=\"10\" data-threshold=\"75\">\n  <label class=\"govuk-label\" for=\"with-threshold\">\n    Full address\n  </label>\n  <textarea class=\"govuk-textarea govuk-js-character-count\" id=\"with-threshold\" name=\"with-threshold\" rows=\"5\" aria-describedby=\"with-threshold-info\"></textarea>\n  <div id=\"with-threshold-info\" class=\"govuk-hint govuk-character-count__message\">\n    You can enter up to 10 characters\n  </div>\n</div>"
+        },
+        {
+            "name": "with custom textarea description",
+            "options": {
+                "name": "custom-textarea-description",
+                "id": "custom-textarea-description",
+                "maxlength": 10,
+                "label": {
+                    "text": "Can you provide more detail?"
+                },
+                "textareaDescriptionText": "Gallwch ddefnyddio hyd at %{count} nod"
+            },
+            "hidden": true,
+            "description": "with textarea description translated into Welsh.",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-character-count\" data-module=\"govuk-character-count\" data-maxlength=\"10\">\n  <label class=\"govuk-label\" for=\"custom-textarea-description\">\n    Can you provide more detail?\n  </label>\n  <textarea class=\"govuk-textarea govuk-js-character-count\" id=\"custom-textarea-description\" name=\"custom-textarea-description\" rows=\"5\" aria-describedby=\"custom-textarea-description-info\"></textarea>\n  <div id=\"custom-textarea-description-info\" class=\"govuk-hint govuk-character-count__message\">\n    Gallwch ddefnyddio hyd at 10 nod\n  </div>\n</div>"
+        },
+        {
+            "name": "classes",
+            "options": {
+                "id": "with-classes",
+                "name": "with-classes",
+                "maxlength": 10,
+                "label": {
+                    "text": "With classes"
+                },
+                "classes": "app-character-count--custom-modifier"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-character-count\" data-module=\"govuk-character-count\" data-maxlength=\"10\">\n  <label class=\"govuk-label\" for=\"with-classes\">\n    With classes\n  </label>\n  <textarea class=\"govuk-textarea govuk-js-character-count app-character-count--custom-modifier\" id=\"with-classes\" name=\"with-classes\" rows=\"5\" aria-describedby=\"with-classes-info\"></textarea>\n  <div id=\"with-classes-info\" class=\"govuk-hint govuk-character-count__message\">\n    You can enter up to 10 characters\n  </div>\n</div>"
+        },
+        {
+            "name": "id",
+            "options": {
+                "id": "character-count-id",
+                "name": "test-name",
+                "maxlength": 10,
+                "label": {
+                    "text": "With custom id"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-character-count\" data-module=\"govuk-character-count\" data-maxlength=\"10\">\n  <label class=\"govuk-label\" for=\"character-count-id\">\n    With custom id\n  </label>\n  <textarea class=\"govuk-textarea govuk-js-character-count\" id=\"character-count-id\" name=\"test-name\" rows=\"5\" aria-describedby=\"character-count-id-info\"></textarea>\n  <div id=\"character-count-id-info\" class=\"govuk-hint govuk-character-count__message\">\n    You can enter up to 10 characters\n  </div>\n</div>"
+        },
+        {
+            "name": "attributes",
+            "options": {
+                "id": "with-attributes",
+                "name": "with-attributes",
+                "maxlength": 10,
+                "label": {
+                    "text": "With attributes"
+                },
+                "attributes": {
+                    "data-attribute": "my data value"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-character-count\" data-module=\"govuk-character-count\" data-maxlength=\"10\">\n  <label class=\"govuk-label\" for=\"with-attributes\">\n    With attributes\n  </label>\n  <textarea class=\"govuk-textarea govuk-js-character-count\" id=\"with-attributes\" name=\"with-attributes\" rows=\"5\" aria-describedby=\"with-attributes-info\" data-attribute=\"my data value\"></textarea>\n  <div id=\"with-attributes-info\" class=\"govuk-hint govuk-character-count__message\">\n    You can enter up to 10 characters\n  </div>\n</div>"
+        },
+        {
+            "name": "formGroup with classes",
+            "options": {
+                "id": "with-formgroup",
+                "name": "with-formgroup",
+                "maxlength": 10,
+                "label": {
+                    "text": "With formgroup"
+                },
+                "formGroup": {
+                    "classes": "app-character-count--custom-modifier"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-character-count app-character-count--custom-modifier\" data-module=\"govuk-character-count\" data-maxlength=\"10\">\n  <label class=\"govuk-label\" for=\"with-formgroup\">\n    With formgroup\n  </label>\n  <textarea class=\"govuk-textarea govuk-js-character-count\" id=\"with-formgroup\" name=\"with-formgroup\" rows=\"5\" aria-describedby=\"with-formgroup-info\"></textarea>\n  <div id=\"with-formgroup-info\" class=\"govuk-hint govuk-character-count__message\">\n    You can enter up to 10 characters\n  </div>\n</div>"
+        },
+        {
+            "name": "custom classes on countMessage",
+            "options": {
+                "id": "with-custom-countmessage-class",
+                "name": "with-custom-countmessage-class",
+                "maxlength": 10,
+                "label": {
+                    "text": "With custom countMessage class"
+                },
+                "countMessage": {
+                    "classes": "app-custom-count-message"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-character-count\" data-module=\"govuk-character-count\" data-maxlength=\"10\">\n  <label class=\"govuk-label\" for=\"with-custom-countmessage-class\">\n    With custom countMessage class\n  </label>\n  <textarea class=\"govuk-textarea govuk-js-character-count\" id=\"with-custom-countmessage-class\" name=\"with-custom-countmessage-class\" rows=\"5\" aria-describedby=\"with-custom-countmessage-class-info\"></textarea>\n  <div id=\"with-custom-countmessage-class-info\" class=\"govuk-hint govuk-character-count__message app-custom-count-message\">\n    You can enter up to 10 characters\n  </div>\n</div>"
+        },
+        {
+            "name": "spellcheck enabled",
+            "options": {
+                "id": "with-spellcheck",
+                "name": "with-spellcheck",
+                "maxlength": 10,
+                "label": {
+                    "text": "With spellcheck"
+                },
+                "spellcheck": true
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-character-count\" data-module=\"govuk-character-count\" data-maxlength=\"10\">\n  <label class=\"govuk-label\" for=\"with-spellcheck\">\n    With spellcheck\n  </label>\n  <textarea class=\"govuk-textarea govuk-js-character-count\" id=\"with-spellcheck\" name=\"with-spellcheck\" rows=\"5\" spellcheck=\"true\" aria-describedby=\"with-spellcheck-info\"></textarea>\n  <div id=\"with-spellcheck-info\" class=\"govuk-hint govuk-character-count__message\">\n    You can enter up to 10 characters\n  </div>\n</div>"
+        },
+        {
+            "name": "spellcheck disabled",
+            "options": {
+                "id": "without-spellcheck",
+                "name": "without-spellcheck",
+                "maxlength": 10,
+                "label": {
+                    "text": "Without spellcheck"
+                },
+                "spellcheck": false
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-character-count\" data-module=\"govuk-character-count\" data-maxlength=\"10\">\n  <label class=\"govuk-label\" for=\"without-spellcheck\">\n    Without spellcheck\n  </label>\n  <textarea class=\"govuk-textarea govuk-js-character-count\" id=\"without-spellcheck\" name=\"without-spellcheck\" rows=\"5\" spellcheck=\"false\" aria-describedby=\"without-spellcheck-info\"></textarea>\n  <div id=\"without-spellcheck-info\" class=\"govuk-hint govuk-character-count__message\">\n    You can enter up to 10 characters\n  </div>\n</div>"
+        },
+        {
+            "name": "custom classes with error message",
+            "options": {
+                "id": "with-custom-error-class",
+                "name": "with-custom-error-class",
+                "maxlength": 10,
+                "label": {
+                    "text": "With custom error class"
+                },
+                "classes": "app-character-count--custom-modifier",
+                "errorMessage": {
+                    "text": "Error message"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-form-group--error govuk-character-count\" data-module=\"govuk-character-count\" data-maxlength=\"10\">\n  <label class=\"govuk-label\" for=\"with-custom-error-class\">\n    With custom error class\n  </label>\n  <p id=\"with-custom-error-class-error\" class=\"govuk-error-message\">\n    <span class=\"govuk-visually-hidden\">Error:</span> Error message\n  </p>\n  <textarea class=\"govuk-textarea govuk-textarea--error govuk-js-character-count app-character-count--custom-modifier\" id=\"with-custom-error-class\" name=\"with-custom-error-class\" rows=\"5\" aria-describedby=\"with-custom-error-class-info with-custom-error-class-error\"></textarea>\n  <div id=\"with-custom-error-class-info\" class=\"govuk-hint govuk-character-count__message\">\n    You can enter up to 10 characters\n  </div>\n</div>"
+        },
+        {
+            "name": "with id starting with number",
+            "options": {
+                "name": "more-detail",
+                "id": "1_more-detail",
+                "maxlength": 10,
+                "label": {
+                    "text": "Can you provide more detail?"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-character-count\" data-module=\"govuk-character-count\" data-maxlength=\"10\">\n  <label class=\"govuk-label\" for=\"1_more-detail\">\n    Can you provide more detail?\n  </label>\n  <textarea class=\"govuk-textarea govuk-js-character-count\" id=\"1_more-detail\" name=\"more-detail\" rows=\"5\" aria-describedby=\"1_more-detail-info\"></textarea>\n  <div id=\"1_more-detail-info\" class=\"govuk-hint govuk-character-count__message\">\n    You can enter up to 10 characters\n  </div>\n</div>"
+        },
+        {
+            "name": "with id with special characters",
+            "options": {
+                "id": "user1.profile[address]",
+                "name": "address",
+                "maxlength": 10,
+                "label": {
+                    "text": "Full address"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-character-count\" data-module=\"govuk-character-count\" data-maxlength=\"10\">\n  <label class=\"govuk-label\" for=\"user1.profile[address]\">\n    Full address\n  </label>\n  <textarea class=\"govuk-textarea govuk-js-character-count\" id=\"user1.profile[address]\" name=\"address\" rows=\"5\" aria-describedby=\"user1.profile[address]-info\"></textarea>\n  <div id=\"user1.profile[address]-info\" class=\"govuk-hint govuk-character-count__message\">\n    You can enter up to 10 characters\n  </div>\n</div>"
+        },
+        {
+            "name": "with textarea maxlength attribute",
+            "options": {
+                "id": "maxlength-should-be-removed",
+                "name": "address",
+                "maxlength": 10,
+                "attributes": {
+                    "maxlength": 10
+                },
+                "label": {
+                    "text": "Full address"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-character-count\" data-module=\"govuk-character-count\" data-maxlength=\"10\">\n  <label class=\"govuk-label\" for=\"maxlength-should-be-removed\">\n    Full address\n  </label>\n  <textarea class=\"govuk-textarea govuk-js-character-count\" id=\"maxlength-should-be-removed\" name=\"address\" rows=\"5\" aria-describedby=\"maxlength-should-be-removed-info\" maxlength=\"10\"></textarea>\n  <div id=\"maxlength-should-be-removed-info\" class=\"govuk-hint govuk-character-count__message\">\n    You can enter up to 10 characters\n  </div>\n</div>"
+        },
+        {
+            "name": "to configure in JavaScript",
+            "options": {
+                "id": "to-configure-in-javascript",
+                "name": "address",
+                "label": {
+                    "text": "Full address"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-character-count\" data-module=\"govuk-character-count\">\n  <label class=\"govuk-label\" for=\"to-configure-in-javascript\">\n    Full address\n  </label>\n  <textarea class=\"govuk-textarea govuk-js-character-count\" id=\"to-configure-in-javascript\" name=\"address\" rows=\"5\" aria-describedby=\"to-configure-in-javascript-info\"></textarea>\n  <div id=\"to-configure-in-javascript-info\" class=\"govuk-hint govuk-character-count__message\">\n    \n  </div>\n</div>"
+        },
+        {
+            "name": "when neither maxlength nor maxwords are set",
+            "options": {
+                "id": "no-maximum",
+                "name": "no-maximum",
+                "label": {
+                    "text": "Full address"
+                },
+                "textareaDescriptionText": "No more than %{count} characters"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-character-count\" data-module=\"govuk-character-count\" data-i18n.textarea-description.other=\"No more than %{count} characters\">\n  <label class=\"govuk-label\" for=\"no-maximum\">\n    Full address\n  </label>\n  <textarea class=\"govuk-textarea govuk-js-character-count\" id=\"no-maximum\" name=\"no-maximum\" rows=\"5\" aria-describedby=\"no-maximum-info\"></textarea>\n  <div id=\"no-maximum-info\" class=\"govuk-hint govuk-character-count__message\">\n    \n  </div>\n</div>"
+        },
+        {
+            "name": "when neither maxlength/maxwords nor textarea description are set",
+            "options": {
+                "id": "no-maximum",
+                "name": "no-maximum",
+                "label": {
+                    "text": "Full address"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-character-count\" data-module=\"govuk-character-count\">\n  <label class=\"govuk-label\" for=\"no-maximum\">\n    Full address\n  </label>\n  <textarea class=\"govuk-textarea govuk-js-character-count\" id=\"no-maximum\" name=\"no-maximum\" rows=\"5\" aria-describedby=\"no-maximum-info\"></textarea>\n  <div id=\"no-maximum-info\" class=\"govuk-hint govuk-character-count__message\">\n    \n  </div>\n</div>"
+        },
+        {
+            "name": "with translations",
+            "options": {
+                "id": "with-translations",
+                "name": "with-translations",
+                "maxlength": 10,
+                "label": {
+                    "text": "Full address"
+                },
+                "charactersUnderLimitText": {
+                    "other": "%{count} characters to go",
+                    "one": "One character to go"
+                },
+                "charactersAtLimitText": "Zero characters left",
+                "charactersOverLimitText": {
+                    "other": "%{count} characters too many",
+                    "one": "One character too many"
+                },
+                "wordsUnderLimitText": {
+                    "other": "%{count} words to go",
+                    "one": "One word to go"
+                },
+                "wordsAtLimitText": "Zero words left",
+                "wordsOverLimitText": {
+                    "other": "%{count} words too many",
+                    "one": "One word too many"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-character-count\" data-module=\"govuk-character-count\" data-maxlength=\"10\" data-i18n.characters-under-limit.other=\"%{count} characters to go\" data-i18n.characters-under-limit.one=\"One character to go\" data-i18n.characters-at-limit=\"Zero characters left\" data-i18n.characters-over-limit.other=\"%{count} characters too many\" data-i18n.characters-over-limit.one=\"One character too many\" data-i18n.words-under-limit.other=\"%{count} words to go\" data-i18n.words-under-limit.one=\"One word to go\" data-i18n.words-at-limit=\"Zero words left\" data-i18n.words-over-limit.other=\"%{count} words too many\" data-i18n.words-over-limit.one=\"One word too many\">\n  <label class=\"govuk-label\" for=\"with-translations\">\n    Full address\n  </label>\n  <textarea class=\"govuk-textarea govuk-js-character-count\" id=\"with-translations\" name=\"with-translations\" rows=\"5\" aria-describedby=\"with-translations-info\"></textarea>\n  <div id=\"with-translations-info\" class=\"govuk-hint govuk-character-count__message\">\n    You can enter up to 10 characters\n  </div>\n</div>"
+        }
+    ]
+}
diff --git a/app/templates/govuk/components/character-count/macro-options.json b/app/templates/govuk/components/character-count/macro-options.json
new file mode 100644
index 0000000..f671607
--- /dev/null
+++ b/app/templates/govuk/components/character-count/macro-options.json
@@ -0,0 +1,199 @@
+[
+    {
+        "name": "id",
+        "type": "string",
+        "required": false,
+        "description": "The ID of the textarea. Defaults to the value of `name`."
+    },
+    {
+        "name": "name",
+        "type": "string",
+        "required": true,
+        "description": "The name of the textarea, which is submitted with the form data."
+    },
+    {
+        "name": "rows",
+        "type": "string",
+        "required": false,
+        "description": "Optional number of textarea rows (default is 5 rows)."
+    },
+    {
+        "name": "value",
+        "type": "string",
+        "required": false,
+        "description": "Optional initial value of the textarea."
+    },
+    {
+        "name": "maxlength",
+        "type": "string",
+        "required": true,
+        "description": "If `maxwords` is set, this is not required. The maximum number of characters. If `maxwords` is provided, the `maxlength` option will be ignored."
+    },
+    {
+        "name": "maxwords",
+        "type": "string",
+        "required": true,
+        "description": "If `maxlength` is set, this is not required. The maximum number of words. If `maxwords` is provided, the `maxlength` option will be ignored."
+    },
+    {
+        "name": "threshold",
+        "type": "string",
+        "required": false,
+        "description": "The percentage value of the limit at which point the count message is displayed. If this attribute is set, the count message will be hidden by default."
+    },
+    {
+        "name": "label",
+        "type": "object",
+        "required": true,
+        "description": "The label used by the character count component.",
+        "isComponent": true
+    },
+    {
+        "name": "hint",
+        "type": "object",
+        "required": false,
+        "description": "Can be used to add a hint to the character count component.",
+        "isComponent": true
+    },
+    {
+        "name": "errorMessage",
+        "type": "object",
+        "required": false,
+        "description": "Can be used to add an error message to the character count component. The error message component will not display if you use a falsy value for `errorMessage`, for example `false` or `null`.",
+        "isComponent": true
+    },
+    {
+        "name": "formGroup",
+        "type": "object",
+        "required": false,
+        "description": "Additional options for the form group containing the character count component.",
+        "params": [
+            {
+                "name": "classes",
+                "type": "string",
+                "required": false,
+                "description": "Classes to add to the form group (for example to show error state for the whole group)."
+            },
+            {
+                "name": "attributes",
+                "type": "object",
+                "required": false,
+                "description": "HTML attributes (for example data attributes) to add to the form group."
+            },
+            {
+                "name": "beforeInput",
+                "type": "object",
+                "required": false,
+                "description": "Content to add before the textarea used by the character count component.",
+                "params": [
+                    {
+                        "name": "text",
+                        "type": "string",
+                        "required": true,
+                        "description": "Text to add before the textarea. If `html` is provided, the `text` option will be ignored."
+                    },
+                    {
+                        "name": "html",
+                        "type": "string",
+                        "required": true,
+                        "description": "HTML to add before the textarea. If `html` is provided, the `text` option will be ignored."
+                    }
+                ]
+            },
+            {
+                "name": "afterInput",
+                "type": "object",
+                "required": false,
+                "description": "Content to add after the textarea used by the character count component.",
+                "params": [
+                    {
+                        "name": "text",
+                        "type": "string",
+                        "required": true,
+                        "description": "Text to add after the textarea. If `html` is provided, the `text` option will be ignored."
+                    },
+                    {
+                        "name": "html",
+                        "type": "string",
+                        "required": true,
+                        "description": "HTML to add after the textarea. If `html` is provided, the `text` option will be ignored."
+                    }
+                ]
+            }
+        ]
+    },
+    {
+        "name": "classes",
+        "type": "string",
+        "required": false,
+        "description": "Classes to add to the textarea."
+    },
+    {
+        "name": "attributes",
+        "type": "object",
+        "required": false,
+        "description": "HTML attributes (for example data attributes) to add to the textarea."
+    },
+    {
+        "name": "spellcheck",
+        "type": "boolean",
+        "required": false,
+        "description": "Optional field to enable or disable the `spellcheck` attribute on the character count."
+    },
+    {
+        "name": "countMessage",
+        "type": "object",
+        "required": false,
+        "description": "Additional options for the count message used by the character count component.",
+        "params": [
+            {
+                "name": "classes",
+                "type": "string",
+                "required": false,
+                "description": "Classes to add to the count message."
+            }
+        ]
+    },
+    {
+        "name": "textareaDescriptionText",
+        "type": "string",
+        "required": false,
+        "description": "Message made available to assistive technologies to describe that the component accepts only a limited amount of content. It is visible on the page when JavaScript is unavailable. The component will replace the `%{count}` placeholder with the value of the `maxlength` or `maxwords` parameter."
+    },
+    {
+        "name": "charactersUnderLimitText",
+        "type": "object",
+        "required": false,
+        "description": "Message displayed when the number of characters is under the configured maximum, `maxlength`. This message is displayed visually and through assistive technologies. The component will replace the `%{count}` placeholder with the number of remaining characters. [Our pluralisation rules apply to this macro option](https://frontend.design-system.service.gov.uk/localise-govuk-frontend/#understanding-pluralisation-rules)."
+    },
+    {
+        "name": "charactersAtLimitText",
+        "type": "string",
+        "required": false,
+        "description": "Message displayed when the number of characters reaches the configured maximum, `maxlength`. This message is displayed visually and through assistive technologies."
+    },
+    {
+        "name": "charactersOverLimitText",
+        "type": "object",
+        "required": false,
+        "description": "Message displayed when the number of characters is over the configured maximum, `maxlength`. This message is displayed visually and through assistive technologies. The component will replace the `%{count}` placeholder with the number of characters above the maximum.[Our pluralisation rules apply to this macro option](https://frontend.design-system.service.gov.uk/localise-govuk-frontend/#understanding-pluralisation-rules)."
+    },
+    {
+        "name": "wordsUnderLimitText",
+        "type": "object",
+        "required": false,
+        "description": "Message displayed when the number of words is under the configured maximum, `maxwords`. This message is displayed visually and through assistive technologies. The component will replace the `%{count}` placeholder with the number of remaining words. [Our pluralisation rules apply to this macro option](https://frontend.design-system.service.gov.uk/localise-govuk-frontend/#understanding-pluralisation-rules)."
+    },
+    {
+        "name": "wordsAtLimitText",
+        "type": "string",
+        "required": false,
+        "description": "Message displayed when the number of words reaches the configured maximum, `maxwords`. This message is displayed visually and through assistive technologies."
+    },
+    {
+        "name": "wordsOverLimitText",
+        "type": "object",
+        "required": false,
+        "description": "Message displayed when the number of words is over the configured maximum, `maxwords`. This message is displayed visually and through assistive technologies. The component will replace the `%{count}` placeholder with the number of characters above the maximum. [Our pluralisation rules apply to this macro option](https://frontend.design-system.service.gov.uk/localise-govuk-frontend/#understanding-pluralisation-rules)."
+    }
+]
diff --git a/app/templates/govuk/components/character-count/macro.njk b/app/templates/govuk/components/character-count/macro.njk
new file mode 100644
index 0000000..b845572
--- /dev/null
+++ b/app/templates/govuk/components/character-count/macro.njk
@@ -0,0 +1,3 @@
+{% macro govukCharacterCount(params) %}
+  {%- include "./template.njk" -%}
+{% endmacro %}
diff --git a/app/templates/govuk/components/character-count/template-default.html b/app/templates/govuk/components/character-count/template-default.html
new file mode 100644
index 0000000..cce9f4a
--- /dev/null
+++ b/app/templates/govuk/components/character-count/template-default.html
@@ -0,0 +1,9 @@
+<div class="govuk-form-group govuk-character-count" data-module="govuk-character-count" data-maxlength="10">
+  <label class="govuk-label" for="more-detail">
+    Can you provide more detail?
+  </label>
+  <textarea class="govuk-textarea govuk-js-character-count" id="more-detail" name="more-detail" rows="5" aria-describedby="more-detail-info"></textarea>
+  <div id="more-detail-info" class="govuk-hint govuk-character-count__message">
+    You can enter up to 10 characters
+  </div>
+</div>
diff --git a/app/templates/govuk/components/character-count/template-with-custom-rows.html b/app/templates/govuk/components/character-count/template-with-custom-rows.html
new file mode 100644
index 0000000..ff6ded7
--- /dev/null
+++ b/app/templates/govuk/components/character-count/template-with-custom-rows.html
@@ -0,0 +1,9 @@
+<div class="govuk-form-group govuk-character-count" data-module="govuk-character-count" data-maxlength="10">
+  <label class="govuk-label" for="custom-rows">
+    Full address
+  </label>
+  <textarea class="govuk-textarea govuk-js-character-count" id="custom-rows" name="custom" rows="8" aria-describedby="custom-rows-info"></textarea>
+  <div id="custom-rows-info" class="govuk-hint govuk-character-count__message">
+    You can enter up to 10 characters
+  </div>
+</div>
diff --git a/app/templates/govuk/components/character-count/template-with-default-value-exceeding-limit.html b/app/templates/govuk/components/character-count/template-with-default-value-exceeding-limit.html
new file mode 100644
index 0000000..20d4125
--- /dev/null
+++ b/app/templates/govuk/components/character-count/template-with-default-value-exceeding-limit.html
@@ -0,0 +1,15 @@
+<div class="govuk-form-group govuk-form-group--error govuk-character-count" data-module="govuk-character-count" data-maxlength="10">
+  <label class="govuk-label" for="exceeding-characters">
+    Full address
+  </label>
+  <p id="exceeding-characters-error" class="govuk-error-message">
+    <span class="govuk-visually-hidden">Error:</span> Please do not exceed the maximum allowed limit
+  </p>
+  <textarea class="govuk-textarea govuk-textarea--error govuk-js-character-count" id="exceeding-characters" name="exceeding" rows="5" aria-describedby="exceeding-characters-info exceeding-characters-error">221B Baker Street
+London
+NW1 6XE
+</textarea>
+  <div id="exceeding-characters-info" class="govuk-hint govuk-character-count__message">
+    You can enter up to 10 characters
+  </div>
+</div>
diff --git a/app/templates/govuk/components/character-count/template-with-default-value.html b/app/templates/govuk/components/character-count/template-with-default-value.html
new file mode 100644
index 0000000..db188e6
--- /dev/null
+++ b/app/templates/govuk/components/character-count/template-with-default-value.html
@@ -0,0 +1,12 @@
+<div class="govuk-form-group govuk-character-count" data-module="govuk-character-count" data-maxlength="100">
+  <label class="govuk-label" for="with-default-value">
+    Full address
+  </label>
+  <textarea class="govuk-textarea govuk-js-character-count" id="with-default-value" name="default-value" rows="5" aria-describedby="with-default-value-info">221B Baker Street
+London
+NW1 6XE
+</textarea>
+  <div id="with-default-value-info" class="govuk-hint govuk-character-count__message">
+    You can enter up to 100 characters
+  </div>
+</div>
diff --git a/app/templates/govuk/components/character-count/template-with-hint-and-error.html b/app/templates/govuk/components/character-count/template-with-hint-and-error.html
new file mode 100644
index 0000000..301f934
--- /dev/null
+++ b/app/templates/govuk/components/character-count/template-with-hint-and-error.html
@@ -0,0 +1,15 @@
+<div class="govuk-form-group govuk-form-group--error govuk-character-count" data-module="govuk-character-count" data-maxlength="10">
+  <label class="govuk-label" for="with-error">
+    Can you provide more detail?
+  </label>
+  <div id="with-error-hint" class="govuk-hint">
+    Don&#39;t include personal or financial information, eg your National Insurance number or credit card details.
+  </div>
+  <p id="with-error-error" class="govuk-error-message">
+    <span class="govuk-visually-hidden">Error:</span> Please provide more detail
+  </p>
+  <textarea class="govuk-textarea govuk-textarea--error govuk-js-character-count" id="with-error" name="with-error" rows="5" aria-describedby="with-error-info with-error-hint with-error-error"></textarea>
+  <div id="with-error-info" class="govuk-hint govuk-character-count__message">
+    You can enter up to 10 characters
+  </div>
+</div>
diff --git a/app/templates/govuk/components/character-count/template-with-hint.html b/app/templates/govuk/components/character-count/template-with-hint.html
new file mode 100644
index 0000000..00aa1ed
--- /dev/null
+++ b/app/templates/govuk/components/character-count/template-with-hint.html
@@ -0,0 +1,12 @@
+<div class="govuk-form-group govuk-character-count" data-module="govuk-character-count" data-maxlength="10">
+  <label class="govuk-label" for="with-hint">
+    Can you provide more detail?
+  </label>
+  <div id="with-hint-hint" class="govuk-hint">
+    Don&#39;t include personal or financial information, eg your National Insurance number or credit card details.
+  </div>
+  <textarea class="govuk-textarea govuk-js-character-count" id="with-hint" name="with-hint" rows="5" aria-describedby="with-hint-info with-hint-hint"></textarea>
+  <div id="with-hint-info" class="govuk-hint govuk-character-count__message">
+    You can enter up to 10 characters
+  </div>
+</div>
diff --git a/app/templates/govuk/components/character-count/template-with-label-as-page-heading.html b/app/templates/govuk/components/character-count/template-with-label-as-page-heading.html
new file mode 100644
index 0000000..c28b7f8
--- /dev/null
+++ b/app/templates/govuk/components/character-count/template-with-label-as-page-heading.html
@@ -0,0 +1,11 @@
+<div class="govuk-form-group govuk-character-count" data-module="govuk-character-count" data-maxlength="10">
+  <h1 class="govuk-label-wrapper">
+    <label class="govuk-label govuk-label--l" for="textarea-with-page-heading">
+      Full address
+    </label>
+  </h1>
+  <textarea class="govuk-textarea govuk-js-character-count" id="textarea-with-page-heading" name="address" rows="5" aria-describedby="textarea-with-page-heading-info"></textarea>
+  <div id="textarea-with-page-heading-info" class="govuk-hint govuk-character-count__message">
+    You can enter up to 10 characters
+  </div>
+</div>
diff --git a/app/templates/govuk/components/character-count/template-with-threshold.html b/app/templates/govuk/components/character-count/template-with-threshold.html
new file mode 100644
index 0000000..9b10f56
--- /dev/null
+++ b/app/templates/govuk/components/character-count/template-with-threshold.html
@@ -0,0 +1,9 @@
+<div class="govuk-form-group govuk-character-count" data-module="govuk-character-count" data-maxlength="10" data-threshold="75">
+  <label class="govuk-label" for="with-threshold">
+    Full address
+  </label>
+  <textarea class="govuk-textarea govuk-js-character-count" id="with-threshold" name="with-threshold" rows="5" aria-describedby="with-threshold-info"></textarea>
+  <div id="with-threshold-info" class="govuk-hint govuk-character-count__message">
+    You can enter up to 10 characters
+  </div>
+</div>
diff --git a/app/templates/govuk/components/character-count/template-with-word-count.html b/app/templates/govuk/components/character-count/template-with-word-count.html
new file mode 100644
index 0000000..ec95cc6
--- /dev/null
+++ b/app/templates/govuk/components/character-count/template-with-word-count.html
@@ -0,0 +1,9 @@
+<div class="govuk-form-group govuk-character-count" data-module="govuk-character-count" data-maxwords="10">
+  <label class="govuk-label" for="word-count">
+    Full address
+  </label>
+  <textarea class="govuk-textarea govuk-js-character-count" id="word-count" name="word-count" rows="5" aria-describedby="word-count-info"></textarea>
+  <div id="word-count-info" class="govuk-hint govuk-character-count__message">
+    You can enter up to 10 words
+  </div>
+</div>
diff --git a/app/templates/govuk/components/character-count/template.njk b/app/templates/govuk/components/character-count/template.njk
new file mode 100644
index 0000000..bf524ba
--- /dev/null
+++ b/app/templates/govuk/components/character-count/template.njk
@@ -0,0 +1,121 @@
+{% from "../../macros/attributes.njk" import govukAttributes %}
+{% from "../../macros/i18n.njk" import govukI18nAttributes %}
+{% from "../textarea/macro.njk" import govukTextarea %}
+{% from "../hint/macro.njk" import govukHint %}
+
+{#-
+  If the limit is set in JavaScript, we won't be able to interpolate the message
+  until JavaScript, so we only set a text if the `maxlength` or `maxwords` options
+  were provided to the macro.
+#}
+{%- set hasNoLimit = (not params.maxwords and not params.maxlength) -%}
+{%- set textareaDescriptionLength = params.maxwords or params.maxlength -%}
+{%- set textareaDescriptionText = params.textareaDescriptionText or 'You can enter up to %{count} ' + ('words' if params.maxwords else 'characters') -%}
+{%- set textareaDescriptionTextNoLimit = textareaDescriptionText | replace('%{count}', textareaDescriptionLength) if not hasNoLimit -%}
+{%- set id = params.id if params.id else params.name -%}
+
+{%- set countMessageHtml %}
+{{ govukHint({
+  text: textareaDescriptionTextNoLimit,
+  id: id + '-info',
+  classes: 'govuk-character-count__message' + (' ' + params.countMessage.classes if params.countMessage.classes)
+}) | trim }}
+{% if params.formGroup.afterInput %}
+  {{- params.formGroup.afterInput.html | safe | trim if params.formGroup.afterInput.html else params.formGroup.afterInput.text }}
+{% endif -%}
+{% endset -%}
+
+{%- set attributesHtml %}
+  {{- govukAttributes({
+    "data-module": "govuk-character-count",
+    "data-maxlength": {
+      value: params.maxlength,
+      optional: true
+    },
+    "data-threshold": {
+      value: params.threshold,
+      optional: true
+    },
+    "data-maxwords": {
+      value: params.maxwords,
+      optional: true
+    }
+  }) -}}
+
+  {#-
+    Without maxlength or maxwords, we can't guess if the component will count words or characters.
+    We can't guess a default textarea description to be interpolated in JavaScript
+    once the maximum gets configured there.
+    So we only add the attribute if a textarea description was explicitely provided.
+  #}
+  {%- if hasNoLimit and params.textareaDescriptionText %}
+    {{- govukI18nAttributes({
+      key: 'textarea-description',
+      messages: { other: params.textareaDescriptionText }
+    }) -}}
+  {% endif -%}
+
+  {{- govukI18nAttributes({
+    key: 'characters-under-limit',
+    messages: params.charactersUnderLimitText
+  }) -}}
+
+  {{- govukI18nAttributes({
+    key: 'characters-at-limit',
+    message: params.charactersAtLimitText
+  }) -}}
+
+  {{- govukI18nAttributes({
+    key: 'characters-over-limit',
+    messages: params.charactersOverLimitText
+  }) -}}
+
+  {{- govukI18nAttributes({
+    key: 'words-under-limit',
+    messages: params.wordsUnderLimitText
+  }) -}}
+
+  {{- govukI18nAttributes({
+    key: 'words-at-limit',
+    message: params.wordsAtLimitText
+  }) -}}
+
+  {{- govukI18nAttributes({
+    key: 'words-over-limit',
+    messages: params.wordsOverLimitText
+  }) -}}
+{% endset -%}
+
+{#- Append form group attributes onto attributes set above #}
+{%- for name, value in params.formGroup.attributes %}
+  {% set attributesHtml = attributesHtml + " " + name | escape + '="' + value | escape + '"' %}
+{% endfor -%}
+
+{{ govukTextarea({
+  id: id,
+  name: params.name,
+  describedBy: id + '-info',
+  rows: params.rows,
+  spellcheck: params.spellcheck,
+  value: params.value,
+  formGroup: {
+    classes: 'govuk-character-count' + (' ' + params.formGroup.classes if params.formGroup.classes),
+    attributes: attributesHtml,
+    beforeInput: params.formGroup.beforeInput,
+    afterInput: {
+      html: countMessageHtml
+    }
+  },
+  classes: 'govuk-js-character-count' + (' ' + params.classes if params.classes),
+  label: {
+    html: params.label.html,
+    text: params.label.text,
+    classes: params.label.classes,
+    isPageHeading: params.label.isPageHeading,
+    attributes: params.label.attributes,
+    for: id
+  },
+  hint: params.hint,
+  errorMessage: params.errorMessage,
+  attributes: params.attributes
+}) | trim }}
diff --git a/app/templates/govuk/components/checkboxes/README.md b/app/templates/govuk/components/checkboxes/README.md
new file mode 100644
index 0000000..9d8c12c
--- /dev/null
+++ b/app/templates/govuk/components/checkboxes/README.md
@@ -0,0 +1,15 @@
+# Checkboxes
+
+## Installation
+
+See the [main README quick start guide](https://github.com/alphagov/govuk-frontend#quick-start) for how to install this component.
+
+## Guidance and Examples
+
+Find out when to use the checkboxes component in your service in the [GOV.UK Design System](https://design-system.service.gov.uk/components/checkboxes).
+
+## Component options
+
+Use options to customise the appearance, content and behaviour of a component when using a macro, for example, changing the text.
+
+See [options table](https://design-system.service.gov.uk/components/checkboxes/#options-checkboxes-example) for details.
diff --git a/app/templates/govuk/components/checkboxes/_checkboxes.scss b/app/templates/govuk/components/checkboxes/_checkboxes.scss
new file mode 100644
index 0000000..a9b352d
--- /dev/null
+++ b/app/templates/govuk/components/checkboxes/_checkboxes.scss
@@ -0,0 +1,4 @@
+@import "../../base";
+@import "./index";
+
+/*# sourceMappingURL=_checkboxes.scss.map */
diff --git a/app/templates/govuk/components/checkboxes/_checkboxes.scss.map b/app/templates/govuk/components/checkboxes/_checkboxes.scss.map
new file mode 100644
index 0000000..5fb0327
--- /dev/null
+++ b/app/templates/govuk/components/checkboxes/_checkboxes.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/checkboxes/_checkboxes.scss"],"names":[],"mappings":"AAAA,oBAAoB;AACpB,iBAAiB","file":"_checkboxes.scss","sourcesContent":["@import \"../../base\";\n@import \"./index\";\n"]}
diff --git a/app/templates/govuk/components/checkboxes/_index.scss b/app/templates/govuk/components/checkboxes/_index.scss
new file mode 100644
index 0000000..9d380ad
--- /dev/null
+++ b/app/templates/govuk/components/checkboxes/_index.scss
@@ -0,0 +1,311 @@
+@import "../error-message/index";
+@import "../fieldset/index";
+@import "../hint/index";
+@import "../label/index";
+
+@include govuk-exports("govuk/component/checkboxes") {
+  $govuk-touch-target-gutter: 4px;
+  $govuk-checkboxes-size: 40px;
+  $govuk-touch-target-size: ($govuk-checkboxes-size + $govuk-touch-target-gutter);
+  $govuk-small-checkboxes-size: 24px;
+  $govuk-checkboxes-label-padding-left-right: govuk-spacing(3);
+  $govuk-checkbox-check-horizontal-position: 10px;
+
+  .govuk-checkboxes__item {
+    display: flex;
+    flex-wrap: wrap;
+    position: relative;
+    margin-bottom: govuk-spacing(2);
+  }
+
+  .govuk-checkboxes__item:last-child,
+  .govuk-checkboxes__item:last-of-type {
+    margin-bottom: 0;
+  }
+
+  .govuk-checkboxes__input {
+    // Allow the input to sit above the label, enabling its proper detection
+    // when exploring by touch or using automation tools like Selenium
+    z-index: 1;
+    width: $govuk-touch-target-size;
+    height: $govuk-touch-target-size;
+    margin: 0;
+    opacity: 0;
+    cursor: pointer;
+  }
+
+  .govuk-checkboxes__label {
+    align-self: center;
+
+    // Ensure that the width of the label is never more than the width of the
+    // container minus the input width minus the padding on either side of
+    // the label. This prevents the label from going onto the next line due to
+    // __item using flex-wrap because we want hints on a separate line.
+    max-width: calc(100% - #{(($govuk-checkboxes-label-padding-left-right * 2) + $govuk-touch-target-size)});
+    margin-bottom: 0;
+    padding: (govuk-spacing(1) + $govuk-border-width-form-element) govuk-spacing(3);
+    cursor: pointer;
+    // remove 300ms pause on mobile
+    touch-action: manipulation;
+  }
+
+  // [ ] Check box
+  .govuk-checkboxes__label::before {
+    content: "";
+    box-sizing: border-box;
+    position: absolute;
+    top: ($govuk-touch-target-gutter / 2);
+    left: ($govuk-touch-target-gutter / 2);
+    width: $govuk-checkboxes-size;
+    height: $govuk-checkboxes-size;
+    border: $govuk-border-width-form-element solid currentcolor;
+    background: transparent;
+  }
+
+  // ✔ Check mark
+  //
+  // The check mark is a box with a border on the left and bottom side (└──),
+  // rotated 45 degrees
+  .govuk-checkboxes__label::after {
+    content: "";
+    box-sizing: border-box;
+    position: absolute;
+
+    // Use "magic numbers" to define shape and position of check mark because
+    // the complexity of the shape makes it difficult to calculate dynamically.
+    top: 13px;
+    left: $govuk-checkbox-check-horizontal-position;
+    width: 23px;
+    height: 12px;
+    transform: rotate(-45deg);
+    border: solid;
+    border-width: 0 0 5px 5px;
+    // Fix bug in IE11 caused by transform rotate (-45deg).
+    // See: alphagov/govuk_elements/issues/518
+    border-top-color: transparent;
+    opacity: 0;
+    background: transparent;
+  }
+
+  .govuk-checkboxes__hint {
+    display: block;
+    width: 100%;
+    margin-top: govuk-spacing(-1);
+    padding-right: $govuk-checkboxes-label-padding-left-right;
+    padding-left: ($govuk-checkboxes-label-padding-left-right + $govuk-touch-target-size);
+  }
+
+  // This is to bypass govuk-hint's specificity on hints following labels having
+  // a margin bottom of 10px (govuk-spacing(2)). Because checkboxes are flexbox,
+  // the margin doesn't collapse so we have to do this manually.
+  .govuk-label:not(.govuk-label--m):not(.govuk-label--l):not(.govuk-label--xl) + .govuk-checkboxes__hint {
+    margin-bottom: 0;
+  }
+
+  // Focused state
+  .govuk-checkboxes__input:focus + .govuk-checkboxes__label::before {
+    border-width: 4px;
+
+    // When colours are overridden, the yellow box-shadow becomes invisible
+    // which means the focus state is less obvious. By adding a transparent
+    // outline, which becomes solid (text-coloured) in that context, we ensure
+    // the focus remains clearly visible.
+    outline: $govuk-focus-width solid transparent;
+    outline-offset: 1px;
+
+    // When in an explicit forced-color mode, we can use the Highlight system
+    // color for the outline to better match focus states of native controls
+    @media screen and (forced-colors: active), (-ms-high-contrast: active) {
+      outline-color: Highlight;
+    }
+
+    box-shadow: 0 0 0 $govuk-focus-width $govuk-focus-colour;
+  }
+
+  // Selected state
+  .govuk-checkboxes__input:checked + .govuk-checkboxes__label::after {
+    opacity: 1;
+  }
+
+  // Disabled state
+  .govuk-checkboxes__input:disabled,
+  .govuk-checkboxes__input:disabled + .govuk-checkboxes__label {
+    cursor: not-allowed;
+  }
+
+  .govuk-checkboxes__input:disabled + .govuk-checkboxes__label,
+  .govuk-checkboxes__input:disabled ~ .govuk-hint {
+    opacity: 0.5;
+  }
+
+  // =========================================================
+  // Dividers ('or')
+  // =========================================================
+
+  .govuk-checkboxes__divider {
+    @include govuk-font($size: 19);
+    @include govuk-text-colour;
+    $govuk-divider-size: $govuk-checkboxes-size !default;
+    width: $govuk-divider-size;
+    margin-bottom: govuk-spacing(2);
+    text-align: center;
+  }
+
+  // =========================================================
+  // Conditional reveals
+  // =========================================================
+
+  // The narrow border is used in the conditional reveals because the border has
+  // to be an even number in order to be centred under the 40px checkbox or radio.
+  $conditional-border-width: $govuk-border-width-narrow;
+  // Calculate the amount of padding needed to keep the border centered against the checkbox.
+  $conditional-border-padding: ($govuk-touch-target-size / 2) - ($conditional-border-width / 2);
+  // Move the border centered with the checkbox
+  $conditional-margin-left: $conditional-border-padding;
+  // Move the contents of the conditional inline with the label
+  $conditional-padding-left: $conditional-border-padding + $govuk-checkboxes-label-padding-left-right;
+
+  .govuk-checkboxes__conditional {
+    @include govuk-responsive-margin(4, "bottom");
+    margin-left: $conditional-margin-left;
+    padding-left: $conditional-padding-left;
+    border-left: $conditional-border-width solid $govuk-border-colour;
+
+    .govuk-frontend-supported &--hidden {
+      display: none;
+    }
+
+    & > :last-child {
+      margin-bottom: 0;
+    }
+  }
+
+  // =========================================================
+  // Small checkboxes
+  // =========================================================
+
+  .govuk-checkboxes--small {
+    $input-offset: ($govuk-touch-target-size - $govuk-small-checkboxes-size) / 2;
+
+    .govuk-checkboxes__item {
+      margin-bottom: 0;
+    }
+
+    // Shift the touch target into the left margin so that the visible edge of
+    // the control is aligned
+    //
+    //   ┆What colours do you like?
+    //  ┌┆───┐
+    //  │┆[] │ Purple
+    //  └┆▲──┘
+    //  ▲┆└─ Check box pseudo element, aligned with margin
+    //  └─── Touch target (invisible input), shifted into the margin
+    .govuk-checkboxes__input {
+      margin-left: $input-offset * -1;
+    }
+
+    .govuk-checkboxes__label {
+      // Create a tiny space between the small checkbox hover state so that it
+      // doesn't clash with the label
+      padding-left: 1px;
+    }
+
+    // [ ] Check box
+    //
+    // Reduce the size of the check box [1], vertically center it within the
+    // touch target [2]
+    // Left here is 0 because we've shifted the input into the left margin
+    .govuk-checkboxes__label::before {
+      top: $input-offset; // 2
+      left: 0;
+      width: $govuk-small-checkboxes-size; // 1
+      height: $govuk-small-checkboxes-size; // 1
+    }
+
+    // ✔ Check mark
+    //
+    // Reduce the size of the check mark and re-align within the checkbox
+    .govuk-checkboxes__label::after {
+      top: 17px;
+
+      // Horizontal position is just the normal sized left value accounting for
+      // the new width of the smaller checkbox
+      left: (16px - $govuk-checkbox-check-horizontal-position);
+      width: 12px;
+      height: 6.5px;
+      border-width: 0 0 3px 3px;
+    }
+
+    // Fix position of hint with small checkboxes
+    //
+    // Do not use hints with small checkboxes – because they're within the input
+    // wrapper they trigger the hover state, but clicking them doesn't actually
+    // activate the control.
+    //
+    // (If you do use them, they won't look completely broken... but seriously,
+    // don't use them)
+    .govuk-checkboxes__hint {
+      padding-left: ($govuk-small-checkboxes-size + $input-offset);
+    }
+
+    // Align conditional reveals with small checkboxes
+    .govuk-checkboxes__conditional {
+      $margin-left: ($govuk-small-checkboxes-size / 2) - ($conditional-border-width / 2);
+      margin-left: $margin-left;
+      padding-left: ($govuk-touch-target-size - $input-offset) - ($margin-left + $conditional-border-width);
+    }
+
+    .govuk-checkboxes__divider {
+      width: $govuk-small-checkboxes-size;
+      margin-bottom: govuk-spacing(1);
+    }
+
+    // Hover state for small checkboxes.
+    //
+    // We use a hover state for small checkboxes because the touch target size
+    // is so much larger than their visible size, and so we need to provide
+    // feedback to the user as to which checkbox they will select when their
+    // cursor is outside of the visible area.
+    .govuk-checkboxes__item:hover .govuk-checkboxes__input:not(:disabled) + .govuk-checkboxes__label::before {
+      // Forced colours modes tend to ignore box-shadow.
+      // Apply an outline for those modes to use instead.
+      outline: $govuk-focus-width dashed transparent;
+      outline-offset: 1px;
+      box-shadow: 0 0 0 $govuk-hover-width $govuk-hover-colour;
+    }
+
+    // Because we've overridden the border-shadow provided by the focus state,
+    // we need to redefine that too.
+    //
+    // We use two box shadows, one that restores the original focus state [1]
+    // and another that then applies the hover state [2].
+    .govuk-checkboxes__item:hover .govuk-checkboxes__input:focus + .govuk-checkboxes__label::before {
+      // Set different HCM colour when we have both hover/focus applied at once
+      @media screen and (forced-colors: active), (-ms-high-contrast: active) {
+        outline-color: Highlight;
+      }
+      // prettier-ignore
+      box-shadow:
+        0 0 0 $govuk-focus-width $govuk-focus-colour, // 1
+        0 0 0 $govuk-hover-width $govuk-hover-colour; // 2
+    }
+
+    // For devices that explicitly don't support hover, don't provide a hover
+    // state (e.g. on touch devices like iOS).
+    //
+    // We can't use `@media (hover: hover)` because we wouldn't get the hover
+    // state in browsers that don't support `@media (hover)` (like Internet
+    // Explorer) – so we have to 'undo' the hover state instead.
+    @media (hover: none), (pointer: coarse) {
+      .govuk-checkboxes__item:hover .govuk-checkboxes__input:not(:disabled) + .govuk-checkboxes__label::before {
+        box-shadow: initial;
+      }
+
+      .govuk-checkboxes__item:hover .govuk-checkboxes__input:focus + .govuk-checkboxes__label::before {
+        box-shadow: 0 0 0 $govuk-focus-width $govuk-focus-colour;
+      }
+    }
+  }
+}
+
+/*# sourceMappingURL=_index.scss.map */
diff --git a/app/templates/govuk/components/checkboxes/_index.scss.map b/app/templates/govuk/components/checkboxes/_index.scss.map
new file mode 100644
index 0000000..54af135
--- /dev/null
+++ b/app/templates/govuk/components/checkboxes/_index.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/checkboxes/_index.scss"],"names":[],"mappings":"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","file":"_index.scss","sourcesContent":["@import \"../error-message/index\";\n@import \"../fieldset/index\";\n@import \"../hint/index\";\n@import \"../label/index\";\n\n@include govuk-exports(\"govuk/component/checkboxes\") {\n  $govuk-touch-target-gutter: 4px;\n  $govuk-checkboxes-size: 40px;\n  $govuk-touch-target-size: ($govuk-checkboxes-size + $govuk-touch-target-gutter);\n  $govuk-small-checkboxes-size: 24px;\n  $govuk-checkboxes-label-padding-left-right: govuk-spacing(3);\n  $govuk-checkbox-check-horizontal-position: 10px;\n\n  .govuk-checkboxes__item {\n    display: flex;\n    flex-wrap: wrap;\n    position: relative;\n    margin-bottom: govuk-spacing(2);\n  }\n\n  .govuk-checkboxes__item:last-child,\n  .govuk-checkboxes__item:last-of-type {\n    margin-bottom: 0;\n  }\n\n  .govuk-checkboxes__input {\n    // Allow the input to sit above the label, enabling its proper detection\n    // when exploring by touch or using automation tools like Selenium\n    z-index: 1;\n    width: $govuk-touch-target-size;\n    height: $govuk-touch-target-size;\n    margin: 0;\n    opacity: 0;\n    cursor: pointer;\n  }\n\n  .govuk-checkboxes__label {\n    align-self: center;\n\n    // Ensure that the width of the label is never more than the width of the\n    // container minus the input width minus the padding on either side of\n    // the label. This prevents the label from going onto the next line due to\n    // __item using flex-wrap because we want hints on a separate line.\n    max-width: calc(100% - #{(($govuk-checkboxes-label-padding-left-right * 2) + $govuk-touch-target-size)});\n    margin-bottom: 0;\n    padding: (govuk-spacing(1) + $govuk-border-width-form-element) govuk-spacing(3);\n    cursor: pointer;\n    // remove 300ms pause on mobile\n    touch-action: manipulation;\n  }\n\n  // [ ] Check box\n  .govuk-checkboxes__label::before {\n    content: \"\";\n    box-sizing: border-box;\n    position: absolute;\n    top: ($govuk-touch-target-gutter / 2);\n    left: ($govuk-touch-target-gutter / 2);\n    width: $govuk-checkboxes-size;\n    height: $govuk-checkboxes-size;\n    border: $govuk-border-width-form-element solid currentcolor;\n    background: transparent;\n  }\n\n  // ✔ Check mark\n  //\n  // The check mark is a box with a border on the left and bottom side (└──),\n  // rotated 45 degrees\n  .govuk-checkboxes__label::after {\n    content: \"\";\n    box-sizing: border-box;\n    position: absolute;\n\n    // Use \"magic numbers\" to define shape and position of check mark because\n    // the complexity of the shape makes it difficult to calculate dynamically.\n    top: 13px;\n    left: $govuk-checkbox-check-horizontal-position;\n    width: 23px;\n    height: 12px;\n    transform: rotate(-45deg);\n    border: solid;\n    border-width: 0 0 5px 5px;\n    // Fix bug in IE11 caused by transform rotate (-45deg).\n    // See: alphagov/govuk_elements/issues/518\n    border-top-color: transparent;\n    opacity: 0;\n    background: transparent;\n  }\n\n  .govuk-checkboxes__hint {\n    display: block;\n    width: 100%;\n    margin-top: govuk-spacing(-1);\n    padding-right: $govuk-checkboxes-label-padding-left-right;\n    padding-left: ($govuk-checkboxes-label-padding-left-right + $govuk-touch-target-size);\n  }\n\n  // This is to bypass govuk-hint's specificity on hints following labels having\n  // a margin bottom of 10px (govuk-spacing(2)). Because checkboxes are flexbox,\n  // the margin doesn't collapse so we have to do this manually.\n  .govuk-label:not(.govuk-label--m):not(.govuk-label--l):not(.govuk-label--xl) + .govuk-checkboxes__hint {\n    margin-bottom: 0;\n  }\n\n  // Focused state\n  .govuk-checkboxes__input:focus + .govuk-checkboxes__label::before {\n    border-width: 4px;\n\n    // When colours are overridden, the yellow box-shadow becomes invisible\n    // which means the focus state is less obvious. By adding a transparent\n    // outline, which becomes solid (text-coloured) in that context, we ensure\n    // the focus remains clearly visible.\n    outline: $govuk-focus-width solid transparent;\n    outline-offset: 1px;\n\n    // When in an explicit forced-color mode, we can use the Highlight system\n    // color for the outline to better match focus states of native controls\n    @media screen and (forced-colors: active), (-ms-high-contrast: active) {\n      outline-color: Highlight;\n    }\n\n    box-shadow: 0 0 0 $govuk-focus-width $govuk-focus-colour;\n  }\n\n  // Selected state\n  .govuk-checkboxes__input:checked + .govuk-checkboxes__label::after {\n    opacity: 1;\n  }\n\n  // Disabled state\n  .govuk-checkboxes__input:disabled,\n  .govuk-checkboxes__input:disabled + .govuk-checkboxes__label {\n    cursor: not-allowed;\n  }\n\n  .govuk-checkboxes__input:disabled + .govuk-checkboxes__label,\n  .govuk-checkboxes__input:disabled ~ .govuk-hint {\n    opacity: 0.5;\n  }\n\n  // =========================================================\n  // Dividers ('or')\n  // =========================================================\n\n  .govuk-checkboxes__divider {\n    @include govuk-font($size: 19);\n    @include govuk-text-colour;\n    $govuk-divider-size: $govuk-checkboxes-size !default;\n    width: $govuk-divider-size;\n    margin-bottom: govuk-spacing(2);\n    text-align: center;\n  }\n\n  // =========================================================\n  // Conditional reveals\n  // =========================================================\n\n  // The narrow border is used in the conditional reveals because the border has\n  // to be an even number in order to be centred under the 40px checkbox or radio.\n  $conditional-border-width: $govuk-border-width-narrow;\n  // Calculate the amount of padding needed to keep the border centered against the checkbox.\n  $conditional-border-padding: ($govuk-touch-target-size / 2) - ($conditional-border-width / 2);\n  // Move the border centered with the checkbox\n  $conditional-margin-left: $conditional-border-padding;\n  // Move the contents of the conditional inline with the label\n  $conditional-padding-left: $conditional-border-padding + $govuk-checkboxes-label-padding-left-right;\n\n  .govuk-checkboxes__conditional {\n    @include govuk-responsive-margin(4, \"bottom\");\n    margin-left: $conditional-margin-left;\n    padding-left: $conditional-padding-left;\n    border-left: $conditional-border-width solid $govuk-border-colour;\n\n    .govuk-frontend-supported &--hidden {\n      display: none;\n    }\n\n    & > :last-child {\n      margin-bottom: 0;\n    }\n  }\n\n  // =========================================================\n  // Small checkboxes\n  // =========================================================\n\n  .govuk-checkboxes--small {\n    $input-offset: ($govuk-touch-target-size - $govuk-small-checkboxes-size) / 2;\n\n    .govuk-checkboxes__item {\n      margin-bottom: 0;\n    }\n\n    // Shift the touch target into the left margin so that the visible edge of\n    // the control is aligned\n    //\n    //   ┆What colours do you like?\n    //  ┌┆───┐\n    //  │┆[] │ Purple\n    //  └┆▲──┘\n    //  ▲┆└─ Check box pseudo element, aligned with margin\n    //  └─── Touch target (invisible input), shifted into the margin\n    .govuk-checkboxes__input {\n      margin-left: $input-offset * -1;\n    }\n\n    .govuk-checkboxes__label {\n      // Create a tiny space between the small checkbox hover state so that it\n      // doesn't clash with the label\n      padding-left: 1px;\n    }\n\n    // [ ] Check box\n    //\n    // Reduce the size of the check box [1], vertically center it within the\n    // touch target [2]\n    // Left here is 0 because we've shifted the input into the left margin\n    .govuk-checkboxes__label::before {\n      top: $input-offset; // 2\n      left: 0;\n      width: $govuk-small-checkboxes-size; // 1\n      height: $govuk-small-checkboxes-size; // 1\n    }\n\n    // ✔ Check mark\n    //\n    // Reduce the size of the check mark and re-align within the checkbox\n    .govuk-checkboxes__label::after {\n      top: 17px;\n\n      // Horizontal position is just the normal sized left value accounting for\n      // the new width of the smaller checkbox\n      left: (16px - $govuk-checkbox-check-horizontal-position);\n      width: 12px;\n      height: 6.5px;\n      border-width: 0 0 3px 3px;\n    }\n\n    // Fix position of hint with small checkboxes\n    //\n    // Do not use hints with small checkboxes – because they're within the input\n    // wrapper they trigger the hover state, but clicking them doesn't actually\n    // activate the control.\n    //\n    // (If you do use them, they won't look completely broken... but seriously,\n    // don't use them)\n    .govuk-checkboxes__hint {\n      padding-left: ($govuk-small-checkboxes-size + $input-offset);\n    }\n\n    // Align conditional reveals with small checkboxes\n    .govuk-checkboxes__conditional {\n      $margin-left: ($govuk-small-checkboxes-size / 2) - ($conditional-border-width / 2);\n      margin-left: $margin-left;\n      padding-left: ($govuk-touch-target-size - $input-offset) - ($margin-left + $conditional-border-width);\n    }\n\n    .govuk-checkboxes__divider {\n      width: $govuk-small-checkboxes-size;\n      margin-bottom: govuk-spacing(1);\n    }\n\n    // Hover state for small checkboxes.\n    //\n    // We use a hover state for small checkboxes because the touch target size\n    // is so much larger than their visible size, and so we need to provide\n    // feedback to the user as to which checkbox they will select when their\n    // cursor is outside of the visible area.\n    .govuk-checkboxes__item:hover .govuk-checkboxes__input:not(:disabled) + .govuk-checkboxes__label::before {\n      // Forced colours modes tend to ignore box-shadow.\n      // Apply an outline for those modes to use instead.\n      outline: $govuk-focus-width dashed transparent;\n      outline-offset: 1px;\n      box-shadow: 0 0 0 $govuk-hover-width $govuk-hover-colour;\n    }\n\n    // Because we've overridden the border-shadow provided by the focus state,\n    // we need to redefine that too.\n    //\n    // We use two box shadows, one that restores the original focus state [1]\n    // and another that then applies the hover state [2].\n    .govuk-checkboxes__item:hover .govuk-checkboxes__input:focus + .govuk-checkboxes__label::before {\n      // Set different HCM colour when we have both hover/focus applied at once\n      @media screen and (forced-colors: active), (-ms-high-contrast: active) {\n        outline-color: Highlight;\n      }\n      // prettier-ignore\n      box-shadow:\n        0 0 0 $govuk-focus-width $govuk-focus-colour, // 1\n        0 0 0 $govuk-hover-width $govuk-hover-colour; // 2\n    }\n\n    // For devices that explicitly don't support hover, don't provide a hover\n    // state (e.g. on touch devices like iOS).\n    //\n    // We can't use `@media (hover: hover)` because we wouldn't get the hover\n    // state in browsers that don't support `@media (hover)` (like Internet\n    // Explorer) – so we have to 'undo' the hover state instead.\n    @media (hover: none), (pointer: coarse) {\n      .govuk-checkboxes__item:hover .govuk-checkboxes__input:not(:disabled) + .govuk-checkboxes__label::before {\n        box-shadow: initial;\n      }\n\n      .govuk-checkboxes__item:hover .govuk-checkboxes__input:focus + .govuk-checkboxes__label::before {\n        box-shadow: 0 0 0 $govuk-focus-width $govuk-focus-colour;\n      }\n    }\n  }\n}\n"]}
diff --git a/app/templates/govuk/components/checkboxes/checkboxes.bundle.js b/app/templates/govuk/components/checkboxes/checkboxes.bundle.js
new file mode 100644
index 0000000..56bf705
--- /dev/null
+++ b/app/templates/govuk/components/checkboxes/checkboxes.bundle.js
@@ -0,0 +1,253 @@
+(function (global, factory) {
+  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports) :
+  typeof define === 'function' && define.amd ? define(['exports'], factory) :
+  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.GOVUKFrontend = global.GOVUKFrontend || {}));
+})(this, (function (exports) { 'use strict';
+
+  function isInitialised($root, moduleName) {
+    return $root instanceof HTMLElement && $root.hasAttribute(`data-${moduleName}-init`);
+  }
+
+  /**
+   * Checks if GOV.UK Frontend is supported on this page
+   *
+   * Some browsers will load and run our JavaScript but GOV.UK Frontend
+   * won't be supported.
+   *
+   * @param {HTMLElement | null} [$scope] - (internal) `<body>` HTML element checked for browser support
+   * @returns {boolean} Whether GOV.UK Frontend is supported on this page
+   */
+  function isSupported($scope = document.body) {
+    if (!$scope) {
+      return false;
+    }
+    return $scope.classList.contains('govuk-frontend-supported');
+  }
+  function isArray(option) {
+    return Array.isArray(option);
+  }
+  function isObject(option) {
+    return !!option && typeof option === 'object' && !isArray(option);
+  }
+  function formatErrorMessage(Component, message) {
+    return `${Component.moduleName}: ${message}`;
+  }
+  /**
+   * @typedef ComponentWithModuleName
+   * @property {string} moduleName - Name of the component
+   */
+
+  class GOVUKFrontendError extends Error {
+    constructor(...args) {
+      super(...args);
+      this.name = 'GOVUKFrontendError';
+    }
+  }
+  class SupportError extends GOVUKFrontendError {
+    /**
+     * Checks if GOV.UK Frontend is supported on this page
+     *
+     * @param {HTMLElement | null} [$scope] - HTML element `<body>` checked for browser support
+     */
+    constructor($scope = document.body) {
+      const supportMessage = 'noModule' in HTMLScriptElement.prototype ? 'GOV.UK Frontend initialised without `<body class="govuk-frontend-supported">` from template `<script>` snippet' : 'GOV.UK Frontend is not supported in this browser';
+      super($scope ? supportMessage : 'GOV.UK Frontend initialised without `<script type="module">`');
+      this.name = 'SupportError';
+    }
+  }
+  class ElementError extends GOVUKFrontendError {
+    constructor(messageOrOptions) {
+      let message = typeof messageOrOptions === 'string' ? messageOrOptions : '';
+      if (isObject(messageOrOptions)) {
+        const {
+          component,
+          identifier,
+          element,
+          expectedType
+        } = messageOrOptions;
+        message = identifier;
+        message += element ? ` is not of type ${expectedType != null ? expectedType : 'HTMLElement'}` : ' not found';
+        if (component) {
+          message = formatErrorMessage(component, message);
+        }
+      }
+      super(message);
+      this.name = 'ElementError';
+    }
+  }
+  class InitError extends GOVUKFrontendError {
+    constructor(componentOrMessage) {
+      const message = typeof componentOrMessage === 'string' ? componentOrMessage : formatErrorMessage(componentOrMessage, `Root element (\`$root\`) already initialised`);
+      super(message);
+      this.name = 'InitError';
+    }
+  }
+  /**
+   * @import { ComponentWithModuleName } from '../common/index.mjs'
+   */
+
+  class Component {
+    /**
+     * Returns the root element of the component
+     *
+     * @protected
+     * @returns {RootElementType} - the root element of component
+     */
+    get $root() {
+      return this._$root;
+    }
+    constructor($root) {
+      this._$root = void 0;
+      const childConstructor = this.constructor;
+      if (typeof childConstructor.moduleName !== 'string') {
+        throw new InitError(`\`moduleName\` not defined in component`);
+      }
+      if (!($root instanceof childConstructor.elementType)) {
+        throw new ElementError({
+          element: $root,
+          component: childConstructor,
+          identifier: 'Root element (`$root`)',
+          expectedType: childConstructor.elementType.name
+        });
+      } else {
+        this._$root = $root;
+      }
+      childConstructor.checkSupport();
+      this.checkInitialised();
+      const moduleName = childConstructor.moduleName;
+      this.$root.setAttribute(`data-${moduleName}-init`, '');
+    }
+    checkInitialised() {
+      const constructor = this.constructor;
+      const moduleName = constructor.moduleName;
+      if (moduleName && isInitialised(this.$root, moduleName)) {
+        throw new InitError(constructor);
+      }
+    }
+    static checkSupport() {
+      if (!isSupported()) {
+        throw new SupportError();
+      }
+    }
+  }
+
+  /**
+   * @typedef ChildClass
+   * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component
+   */
+
+  /**
+   * @typedef {typeof Component & ChildClass} ChildClassConstructor
+   */
+  Component.elementType = HTMLElement;
+
+  /**
+   * Checkboxes component
+   *
+   * @preserve
+   */
+  class Checkboxes extends Component {
+    /**
+     * Checkboxes can be associated with a 'conditionally revealed' content block
+     * – for example, a checkbox for 'Phone' could reveal an additional form field
+     * for the user to enter their phone number.
+     *
+     * These associations are made using a `data-aria-controls` attribute, which
+     * is promoted to an aria-controls attribute during initialisation.
+     *
+     * We also need to restore the state of any conditional reveals on the page
+     * (for example if the user has navigated back), and set up event handlers to
+     * keep the reveal in sync with the checkbox state.
+     *
+     * @param {Element | null} $root - HTML element to use for checkboxes
+     */
+    constructor($root) {
+      super($root);
+      this.$inputs = void 0;
+      const $inputs = this.$root.querySelectorAll('input[type="checkbox"]');
+      if (!$inputs.length) {
+        throw new ElementError({
+          component: Checkboxes,
+          identifier: 'Form inputs (`<input type="checkbox">`)'
+        });
+      }
+      this.$inputs = $inputs;
+      this.$inputs.forEach($input => {
+        const targetId = $input.getAttribute('data-aria-controls');
+        if (!targetId) {
+          return;
+        }
+        if (!document.getElementById(targetId)) {
+          throw new ElementError({
+            component: Checkboxes,
+            identifier: `Conditional reveal (\`id="${targetId}"\`)`
+          });
+        }
+        $input.setAttribute('aria-controls', targetId);
+        $input.removeAttribute('data-aria-controls');
+      });
+      window.addEventListener('pageshow', () => this.syncAllConditionalReveals());
+      this.syncAllConditionalReveals();
+      this.$root.addEventListener('click', event => this.handleClick(event));
+    }
+    syncAllConditionalReveals() {
+      this.$inputs.forEach($input => this.syncConditionalRevealWithInputState($input));
+    }
+    syncConditionalRevealWithInputState($input) {
+      const targetId = $input.getAttribute('aria-controls');
+      if (!targetId) {
+        return;
+      }
+      const $target = document.getElementById(targetId);
+      if ($target != null && $target.classList.contains('govuk-checkboxes__conditional')) {
+        const inputIsChecked = $input.checked;
+        $input.setAttribute('aria-expanded', inputIsChecked.toString());
+        $target.classList.toggle('govuk-checkboxes__conditional--hidden', !inputIsChecked);
+      }
+    }
+    unCheckAllInputsExcept($input) {
+      const allInputsWithSameName = document.querySelectorAll(`input[type="checkbox"][name="${$input.name}"]`);
+      allInputsWithSameName.forEach($inputWithSameName => {
+        const hasSameFormOwner = $input.form === $inputWithSameName.form;
+        if (hasSameFormOwner && $inputWithSameName !== $input) {
+          $inputWithSameName.checked = false;
+          this.syncConditionalRevealWithInputState($inputWithSameName);
+        }
+      });
+    }
+    unCheckExclusiveInputs($input) {
+      const allInputsWithSameNameAndExclusiveBehaviour = document.querySelectorAll(`input[data-behaviour="exclusive"][type="checkbox"][name="${$input.name}"]`);
+      allInputsWithSameNameAndExclusiveBehaviour.forEach($exclusiveInput => {
+        const hasSameFormOwner = $input.form === $exclusiveInput.form;
+        if (hasSameFormOwner) {
+          $exclusiveInput.checked = false;
+          this.syncConditionalRevealWithInputState($exclusiveInput);
+        }
+      });
+    }
+    handleClick(event) {
+      const $clickedInput = event.target;
+      if (!($clickedInput instanceof HTMLInputElement) || $clickedInput.type !== 'checkbox') {
+        return;
+      }
+      const hasAriaControls = $clickedInput.getAttribute('aria-controls');
+      if (hasAriaControls) {
+        this.syncConditionalRevealWithInputState($clickedInput);
+      }
+      if (!$clickedInput.checked) {
+        return;
+      }
+      const hasBehaviourExclusive = $clickedInput.getAttribute('data-behaviour') === 'exclusive';
+      if (hasBehaviourExclusive) {
+        this.unCheckAllInputsExcept($clickedInput);
+      } else {
+        this.unCheckExclusiveInputs($clickedInput);
+      }
+    }
+  }
+  Checkboxes.moduleName = 'govuk-checkboxes';
+
+  exports.Checkboxes = Checkboxes;
+
+}));
+//# sourceMappingURL=checkboxes.bundle.js.map
diff --git a/app/templates/govuk/components/checkboxes/checkboxes.bundle.js.map b/app/templates/govuk/components/checkboxes/checkboxes.bundle.js.map
new file mode 100644
index 0000000..cc338fc
--- /dev/null
+++ b/app/templates/govuk/components/checkboxes/checkboxes.bundle.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"checkboxes.bundle.js","sources":["../../../../src/govuk/common/index.mjs","../../../../src/govuk/errors/index.mjs","../../../../src/govuk/component.mjs","../../../../src/govuk/components/checkboxes/checkboxes.mjs"],"sourcesContent":["/**\n * Common helpers which do not require polyfill.\n *\n * IMPORTANT: If a helper require a polyfill, please isolate it in its own module\n * so that the polyfill can be properly tree-shaken and does not burden\n * the components that do not need that helper\n */\n\n/**\n * Get GOV.UK Frontend breakpoint value from CSS custom property\n *\n * @private\n * @param {string} name - Breakpoint name\n * @returns {{ property: string, value?: string }} Breakpoint object\n */\nexport function getBreakpoint(name) {\n  const property = `--govuk-breakpoint-${name}`\n\n  // Get value from `<html>` with breakpoints on CSS :root\n  const value = window\n    .getComputedStyle(document.documentElement)\n    .getPropertyValue(property)\n\n  return {\n    property,\n    value: value || undefined\n  }\n}\n\n/**\n * Move focus to element\n *\n * Sets tabindex to -1 to make the element programmatically focusable,\n * but removes it on blur as the element doesn't need to be focused again.\n *\n * @private\n * @template {HTMLElement} FocusElement\n * @param {FocusElement} $element - HTML element\n * @param {object} [options] - Handler options\n * @param {function(this: FocusElement): void} [options.onBeforeFocus] - Callback before focus\n * @param {function(this: FocusElement): void} [options.onBlur] - Callback on blur\n */\nexport function setFocus($element, options = {}) {\n  const isFocusable = $element.getAttribute('tabindex')\n\n  if (!isFocusable) {\n    $element.setAttribute('tabindex', '-1')\n  }\n\n  /**\n   * Handle element focus\n   */\n  function onFocus() {\n    $element.addEventListener('blur', onBlur, { once: true })\n  }\n\n  /**\n   * Handle element blur\n   */\n  function onBlur() {\n    options.onBlur?.call($element)\n\n    if (!isFocusable) {\n      $element.removeAttribute('tabindex')\n    }\n  }\n\n  // Add listener to reset element on blur, after focus\n  $element.addEventListener('focus', onFocus, { once: true })\n\n  // Focus element\n  options.onBeforeFocus?.call($element)\n  $element.focus()\n}\n\n/**\n * Checks if component is already initialised\n *\n * @internal\n * @param {Element} $root - HTML element to be checked\n * @param {string} moduleName - name of component module\n * @returns {boolean} Whether component is already initialised\n */\nexport function isInitialised($root, moduleName) {\n  return (\n    $root instanceof HTMLElement &&\n    $root.hasAttribute(`data-${moduleName}-init`)\n  )\n}\n\n/**\n * Checks if GOV.UK Frontend is supported on this page\n *\n * Some browsers will load and run our JavaScript but GOV.UK Frontend\n * won't be supported.\n *\n * @param {HTMLElement | null} [$scope] - (internal) `<body>` HTML element checked for browser support\n * @returns {boolean} Whether GOV.UK Frontend is supported on this page\n */\nexport function isSupported($scope = document.body) {\n  if (!$scope) {\n    return false\n  }\n\n  return $scope.classList.contains('govuk-frontend-supported')\n}\n\n/**\n * Check for an array\n *\n * @internal\n * @param {unknown} option - Option to check\n * @returns {boolean} Whether the option is an array\n */\nfunction isArray(option) {\n  return Array.isArray(option)\n}\n\n/**\n * Check for an object\n *\n * @internal\n * @template {Partial<Record<keyof ObjectType, unknown>>} ObjectType\n * @param {unknown | ObjectType} option - Option to check\n * @returns {option is ObjectType} Whether the option is an object\n */\nexport function isObject(option) {\n  return !!option && typeof option === 'object' && !isArray(option)\n}\n\n/**\n * Check for valid scope\n *\n * @internal\n * @template {Element | Document} ScopeType\n * @param {unknown | ScopeType} $scope - Scope of the document to search within\n * @returns {$scope is ScopeType} Whether the scope can be queried\n */\nexport function isScope($scope) {\n  return !!$scope && ($scope instanceof Element || $scope instanceof Document)\n}\n\n/**\n * Format error message\n *\n * @internal\n * @param {ComponentWithModuleName} Component - Component that threw the error\n * @param {string} message - Error message\n * @returns {string} - Formatted error message\n */\nexport function formatErrorMessage(Component, message) {\n  return `${Component.moduleName}: ${message}`\n}\n\n/* eslint-disable jsdoc/valid-types --\n * `{new(...args: any[] ): object}` is not recognised as valid\n * https://github.com/gajus/eslint-plugin-jsdoc/issues/145#issuecomment-1308722878\n * https://github.com/jsdoc-type-pratt-parser/jsdoc-type-pratt-parser/issues/131\n **/\n\n/**\n * @typedef ComponentWithModuleName\n * @property {string} moduleName - Name of the component\n */\n\n/* eslint-enable jsdoc/valid-types */\n","import { formatErrorMessage, isObject } from '../common/index.mjs'\n\n/**\n * GOV.UK Frontend error\n *\n * A base class for `Error`s thrown by GOV.UK Frontend.\n *\n * It is meant to be extended into specific types of errors\n * to be thrown by our code.\n *\n * @example\n * ```js\n * class MissingRootError extends GOVUKFrontendError {\n *   // Setting an explicit name is important as extending the class will not\n *   // set a new `name` on the subclass. The `name` property is important\n *   // to ensure intelligible error names even if the class name gets\n *   // mangled by a minifier\n *   name = \"MissingRootError\"\n * }\n * ```\n * @virtual\n */\nexport class GOVUKFrontendError extends Error {\n  name = 'GOVUKFrontendError'\n}\n\n/**\n * Indicates that GOV.UK Frontend is not supported\n */\nexport class SupportError extends GOVUKFrontendError {\n  name = 'SupportError'\n\n  /**\n   * Checks if GOV.UK Frontend is supported on this page\n   *\n   * @param {HTMLElement | null} [$scope] - HTML element `<body>` checked for browser support\n   */\n  constructor($scope = document.body) {\n    const supportMessage =\n      'noModule' in HTMLScriptElement.prototype\n        ? 'GOV.UK Frontend initialised without `<body class=\"govuk-frontend-supported\">` from template `<script>` snippet'\n        : 'GOV.UK Frontend is not supported in this browser'\n\n    super(\n      $scope\n        ? supportMessage\n        : 'GOV.UK Frontend initialised without `<script type=\"module\">`'\n    )\n  }\n}\n\n/**\n * Indicates that a component has received an illegal configuration\n */\nexport class ConfigError extends GOVUKFrontendError {\n  name = 'ConfigError'\n}\n\n/**\n * Indicates an issue with an element (possibly `null` or `undefined`)\n */\nexport class ElementError extends GOVUKFrontendError {\n  name = 'ElementError'\n\n  /**\n   * @internal\n   * @overload\n   * @param {string} message - Element error message\n   */\n\n  /**\n   * @internal\n   * @overload\n   * @param {ElementErrorOptions} options - Element error options\n   */\n\n  /**\n   * @internal\n   * @param {string | ElementErrorOptions} messageOrOptions - Element error message or options\n   */\n  constructor(messageOrOptions) {\n    let message = typeof messageOrOptions === 'string' ? messageOrOptions : ''\n\n    // Build message from options\n    if (isObject(messageOrOptions)) {\n      const { component, identifier, element, expectedType } = messageOrOptions\n\n      message = identifier\n\n      // Append reason\n      message += element\n        ? ` is not of type ${expectedType ?? 'HTMLElement'}`\n        : ' not found'\n\n      // Prepend with module name (optional)\n      if (component) {\n        message = formatErrorMessage(component, message)\n      }\n    }\n\n    super(message)\n  }\n}\n\n/**\n * Indicates that a component is already initialised\n */\nexport class InitError extends GOVUKFrontendError {\n  name = 'InitError'\n\n  /**\n   * @internal\n   * @param {ComponentWithModuleName | string} componentOrMessage - name of the component module\n   */\n  constructor(componentOrMessage) {\n    const message =\n      typeof componentOrMessage === 'string'\n        ? componentOrMessage\n        : formatErrorMessage(\n            componentOrMessage,\n            `Root element (\\`$root\\`) already initialised`\n          )\n\n    super(message)\n  }\n}\n\n/**\n * Element error options\n *\n * @internal\n * @typedef {object} ElementErrorOptions\n * @property {Element | Document | null} [element] - The element in error (optional)\n * @property {ComponentWithModuleName} [component] - Component throwing the error (optional)\n * @property {string} identifier - An identifier that'll let the user understand which element has an error. This is whatever makes the most sense\n * @property {string} [expectedType] - The type that was expected for the identifier (optional)\n */\n\n/**\n * @import { ComponentWithModuleName } from '../common/index.mjs'\n */\n","import { isInitialised, isSupported } from './common/index.mjs'\nimport { ElementError, InitError, SupportError } from './errors/index.mjs'\n\n/**\n * Base Component class\n *\n * Centralises the behaviours shared by our components\n *\n * @virtual\n * @template {Element} [RootElementType=HTMLElement]\n */\nexport class Component {\n  /**\n   * @type {typeof Element}\n   */\n  static elementType = HTMLElement\n\n  // allows Typescript user to work around the lack of types\n  // in GOVUKFrontend package, Typescript is not aware of $root\n  // in components that extend GOVUKFrontendComponent\n  /**\n   * Returns the root element of the component\n   *\n   * @protected\n   * @returns {RootElementType} - the root element of component\n   */\n  get $root() {\n    return this._$root\n  }\n\n  /**\n   * @protected\n   * @type {RootElementType}\n   */\n  _$root\n\n  /**\n   * Constructs a new component, validating that GOV.UK Frontend is supported\n   *\n   * @internal\n   * @param {Element | null} [$root] - HTML element to use for component\n   */\n  constructor($root) {\n    const childConstructor = /** @type {ChildClassConstructor} */ (\n      this.constructor\n    )\n\n    // TypeScript does not enforce that inheriting classes will define a `moduleName`\n    // (even if we add a `@virtual` `static moduleName` property to this class).\n    // While we trust users to do this correctly, we do a little check to provide them\n    // a helpful error message.\n    //\n    // After this, we'll be sure that `childConstructor` has a `moduleName`\n    // as expected of the `ChildClassConstructor` we've cast `this.constructor` to.\n    if (typeof childConstructor.moduleName !== 'string') {\n      throw new InitError(`\\`moduleName\\` not defined in component`)\n    }\n\n    if (!($root instanceof childConstructor.elementType)) {\n      throw new ElementError({\n        element: $root,\n        component: childConstructor,\n        identifier: 'Root element (`$root`)',\n        expectedType: childConstructor.elementType.name\n      })\n    } else {\n      this._$root = /** @type {RootElementType} */ ($root)\n    }\n\n    childConstructor.checkSupport()\n\n    this.checkInitialised()\n\n    const moduleName = childConstructor.moduleName\n\n    this.$root.setAttribute(`data-${moduleName}-init`, '')\n  }\n\n  /**\n   * Validates whether component is already initialised\n   *\n   * @private\n   * @throws {InitError} when component is already initialised\n   */\n  checkInitialised() {\n    const constructor = /** @type {ChildClassConstructor} */ (this.constructor)\n    const moduleName = constructor.moduleName\n\n    if (moduleName && isInitialised(this.$root, moduleName)) {\n      throw new InitError(constructor)\n    }\n  }\n\n  /**\n   * Validates whether components are supported\n   *\n   * @throws {SupportError} when the components are not supported\n   */\n  static checkSupport() {\n    if (!isSupported()) {\n      throw new SupportError()\n    }\n  }\n}\n\n/**\n * @typedef ChildClass\n * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component\n */\n\n/**\n * @typedef {typeof Component & ChildClass} ChildClassConstructor\n */\n","import { Component } from '../../component.mjs'\nimport { ElementError } from '../../errors/index.mjs'\n\n/**\n * Checkboxes component\n *\n * @preserve\n */\nexport class Checkboxes extends Component {\n  /** @private */\n  $inputs\n\n  /**\n   * Checkboxes can be associated with a 'conditionally revealed' content block\n   * – for example, a checkbox for 'Phone' could reveal an additional form field\n   * for the user to enter their phone number.\n   *\n   * These associations are made using a `data-aria-controls` attribute, which\n   * is promoted to an aria-controls attribute during initialisation.\n   *\n   * We also need to restore the state of any conditional reveals on the page\n   * (for example if the user has navigated back), and set up event handlers to\n   * keep the reveal in sync with the checkbox state.\n   *\n   * @param {Element | null} $root - HTML element to use for checkboxes\n   */\n  constructor($root) {\n    super($root)\n\n    const $inputs = this.$root.querySelectorAll('input[type=\"checkbox\"]')\n    if (!$inputs.length) {\n      throw new ElementError({\n        component: Checkboxes,\n        identifier: 'Form inputs (`<input type=\"checkbox\">`)'\n      })\n    }\n\n    this.$inputs = $inputs\n\n    this.$inputs.forEach(($input) => {\n      const targetId = $input.getAttribute('data-aria-controls')\n\n      // Skip radios without data-aria-controls attributes\n      if (!targetId) {\n        return\n      }\n\n      // Throw if target conditional element does not exist.\n      if (!document.getElementById(targetId)) {\n        throw new ElementError({\n          component: Checkboxes,\n          identifier: `Conditional reveal (\\`id=\"${targetId}\"\\`)`\n        })\n      }\n\n      // Promote the data-aria-controls attribute to a aria-controls attribute\n      // so that the relationship is exposed in the AOM\n      $input.setAttribute('aria-controls', targetId)\n      $input.removeAttribute('data-aria-controls')\n    })\n\n    // When the page is restored after navigating 'back' in some browsers the\n    // state of form controls is not restored until *after* the DOMContentLoaded\n    // event is fired, so we need to sync after the pageshow event.\n    window.addEventListener('pageshow', () => this.syncAllConditionalReveals())\n\n    // Although we've set up handlers to sync state on the pageshow event, init\n    // could be called after those events have fired, for example if they are\n    // added to the page dynamically, so sync now too.\n    this.syncAllConditionalReveals()\n\n    // Handle events\n    this.$root.addEventListener('click', (event) => this.handleClick(event))\n  }\n\n  /**\n   * Sync the conditional reveal states for all checkboxes in this component.\n   *\n   * @private\n   */\n  syncAllConditionalReveals() {\n    this.$inputs.forEach(($input) =>\n      this.syncConditionalRevealWithInputState($input)\n    )\n  }\n\n  /**\n   * Sync conditional reveal with the input state\n   *\n   * Synchronise the visibility of the conditional reveal, and its accessible\n   * state, with the input's checked state.\n   *\n   * @private\n   * @param {HTMLInputElement} $input - Checkbox input\n   */\n  syncConditionalRevealWithInputState($input) {\n    const targetId = $input.getAttribute('aria-controls')\n    if (!targetId) {\n      return\n    }\n\n    const $target = document.getElementById(targetId)\n    if ($target?.classList.contains('govuk-checkboxes__conditional')) {\n      const inputIsChecked = $input.checked\n\n      $input.setAttribute('aria-expanded', inputIsChecked.toString())\n      $target.classList.toggle(\n        'govuk-checkboxes__conditional--hidden',\n        !inputIsChecked\n      )\n    }\n  }\n\n  /**\n   * Uncheck other checkboxes\n   *\n   * Find any other checkbox inputs with the same name value, and uncheck them.\n   * This is useful for when a “None of these\" checkbox is checked.\n   *\n   * @private\n   * @param {HTMLInputElement} $input - Checkbox input\n   */\n  unCheckAllInputsExcept($input) {\n    const allInputsWithSameName = document.querySelectorAll(\n      `input[type=\"checkbox\"][name=\"${$input.name}\"]`\n    )\n\n    allInputsWithSameName.forEach(($inputWithSameName) => {\n      const hasSameFormOwner = $input.form === $inputWithSameName.form\n      if (hasSameFormOwner && $inputWithSameName !== $input) {\n        $inputWithSameName.checked = false\n        this.syncConditionalRevealWithInputState($inputWithSameName)\n      }\n    })\n  }\n\n  /**\n   * Uncheck exclusive checkboxes\n   *\n   * Find any checkbox inputs with the same name value and the 'exclusive'\n   * behaviour, and uncheck them. This helps prevent someone checking both a\n   * regular checkbox and a \"None of these\" checkbox in the same fieldset.\n   *\n   * @private\n   * @param {HTMLInputElement} $input - Checkbox input\n   */\n  unCheckExclusiveInputs($input) {\n    const allInputsWithSameNameAndExclusiveBehaviour =\n      document.querySelectorAll(\n        `input[data-behaviour=\"exclusive\"][type=\"checkbox\"][name=\"${$input.name}\"]`\n      )\n\n    allInputsWithSameNameAndExclusiveBehaviour.forEach(($exclusiveInput) => {\n      const hasSameFormOwner = $input.form === $exclusiveInput.form\n      if (hasSameFormOwner) {\n        $exclusiveInput.checked = false\n        this.syncConditionalRevealWithInputState($exclusiveInput)\n      }\n    })\n  }\n\n  /**\n   * Click event handler\n   *\n   * Handle a click within the component root – if the click occurred on a checkbox,\n   * sync the state of any associated conditional reveal with the checkbox\n   * state.\n   *\n   * @private\n   * @param {MouseEvent} event - Click event\n   */\n  handleClick(event) {\n    const $clickedInput = event.target\n\n    // Ignore clicks on things that aren't checkbox inputs\n    if (\n      !($clickedInput instanceof HTMLInputElement) ||\n      $clickedInput.type !== 'checkbox'\n    ) {\n      return\n    }\n\n    // If the checkbox conditionally-reveals some content, sync the state\n    const hasAriaControls = $clickedInput.getAttribute('aria-controls')\n    if (hasAriaControls) {\n      this.syncConditionalRevealWithInputState($clickedInput)\n    }\n\n    // No further behaviour needed for unchecking\n    if (!$clickedInput.checked) {\n      return\n    }\n\n    // Handle 'exclusive' checkbox behaviour (ie \"None of these\")\n    const hasBehaviourExclusive =\n      $clickedInput.getAttribute('data-behaviour') === 'exclusive'\n    if (hasBehaviourExclusive) {\n      this.unCheckAllInputsExcept($clickedInput)\n    } else {\n      this.unCheckExclusiveInputs($clickedInput)\n    }\n  }\n\n  /**\n   * Name for the component used when initialising using data-module attributes.\n   */\n  static moduleName = 'govuk-checkboxes'\n}\n"],"names":["isInitialised","$root","moduleName","HTMLElement","hasAttribute","isSupported","$scope","document","body","classList","contains","isArray","option","Array","isObject","formatErrorMessage","Component","message","GOVUKFrontendError","Error","constructor","args","name","SupportError","supportMessage","HTMLScriptElement","prototype","ElementError","messageOrOptions","component","identifier","element","expectedType","InitError","componentOrMessage","_$root","childConstructor","elementType","checkSupport","checkInitialised","setAttribute","Checkboxes","$inputs","querySelectorAll","length","forEach","$input","targetId","getAttribute","getElementById","removeAttribute","window","addEventListener","syncAllConditionalReveals","event","handleClick","syncConditionalRevealWithInputState","$target","inputIsChecked","checked","toString","toggle","unCheckAllInputsExcept","allInputsWithSameName","$inputWithSameName","hasSameFormOwner","form","unCheckExclusiveInputs","allInputsWithSameNameAndExclusiveBehaviour","$exclusiveInput","$clickedInput","target","HTMLInputElement","type","hasAriaControls","hasBehaviourExclusive"],"mappings":"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"}
\ No newline at end of file
diff --git a/app/templates/govuk/components/checkboxes/checkboxes.bundle.mjs b/app/templates/govuk/components/checkboxes/checkboxes.bundle.mjs
new file mode 100644
index 0000000..18e00bd
--- /dev/null
+++ b/app/templates/govuk/components/checkboxes/checkboxes.bundle.mjs
@@ -0,0 +1,245 @@
+function isInitialised($root, moduleName) {
+  return $root instanceof HTMLElement && $root.hasAttribute(`data-${moduleName}-init`);
+}
+
+/**
+ * Checks if GOV.UK Frontend is supported on this page
+ *
+ * Some browsers will load and run our JavaScript but GOV.UK Frontend
+ * won't be supported.
+ *
+ * @param {HTMLElement | null} [$scope] - (internal) `<body>` HTML element checked for browser support
+ * @returns {boolean} Whether GOV.UK Frontend is supported on this page
+ */
+function isSupported($scope = document.body) {
+  if (!$scope) {
+    return false;
+  }
+  return $scope.classList.contains('govuk-frontend-supported');
+}
+function isArray(option) {
+  return Array.isArray(option);
+}
+function isObject(option) {
+  return !!option && typeof option === 'object' && !isArray(option);
+}
+function formatErrorMessage(Component, message) {
+  return `${Component.moduleName}: ${message}`;
+}
+/**
+ * @typedef ComponentWithModuleName
+ * @property {string} moduleName - Name of the component
+ */
+
+class GOVUKFrontendError extends Error {
+  constructor(...args) {
+    super(...args);
+    this.name = 'GOVUKFrontendError';
+  }
+}
+class SupportError extends GOVUKFrontendError {
+  /**
+   * Checks if GOV.UK Frontend is supported on this page
+   *
+   * @param {HTMLElement | null} [$scope] - HTML element `<body>` checked for browser support
+   */
+  constructor($scope = document.body) {
+    const supportMessage = 'noModule' in HTMLScriptElement.prototype ? 'GOV.UK Frontend initialised without `<body class="govuk-frontend-supported">` from template `<script>` snippet' : 'GOV.UK Frontend is not supported in this browser';
+    super($scope ? supportMessage : 'GOV.UK Frontend initialised without `<script type="module">`');
+    this.name = 'SupportError';
+  }
+}
+class ElementError extends GOVUKFrontendError {
+  constructor(messageOrOptions) {
+    let message = typeof messageOrOptions === 'string' ? messageOrOptions : '';
+    if (isObject(messageOrOptions)) {
+      const {
+        component,
+        identifier,
+        element,
+        expectedType
+      } = messageOrOptions;
+      message = identifier;
+      message += element ? ` is not of type ${expectedType != null ? expectedType : 'HTMLElement'}` : ' not found';
+      if (component) {
+        message = formatErrorMessage(component, message);
+      }
+    }
+    super(message);
+    this.name = 'ElementError';
+  }
+}
+class InitError extends GOVUKFrontendError {
+  constructor(componentOrMessage) {
+    const message = typeof componentOrMessage === 'string' ? componentOrMessage : formatErrorMessage(componentOrMessage, `Root element (\`$root\`) already initialised`);
+    super(message);
+    this.name = 'InitError';
+  }
+}
+/**
+ * @import { ComponentWithModuleName } from '../common/index.mjs'
+ */
+
+class Component {
+  /**
+   * Returns the root element of the component
+   *
+   * @protected
+   * @returns {RootElementType} - the root element of component
+   */
+  get $root() {
+    return this._$root;
+  }
+  constructor($root) {
+    this._$root = void 0;
+    const childConstructor = this.constructor;
+    if (typeof childConstructor.moduleName !== 'string') {
+      throw new InitError(`\`moduleName\` not defined in component`);
+    }
+    if (!($root instanceof childConstructor.elementType)) {
+      throw new ElementError({
+        element: $root,
+        component: childConstructor,
+        identifier: 'Root element (`$root`)',
+        expectedType: childConstructor.elementType.name
+      });
+    } else {
+      this._$root = $root;
+    }
+    childConstructor.checkSupport();
+    this.checkInitialised();
+    const moduleName = childConstructor.moduleName;
+    this.$root.setAttribute(`data-${moduleName}-init`, '');
+  }
+  checkInitialised() {
+    const constructor = this.constructor;
+    const moduleName = constructor.moduleName;
+    if (moduleName && isInitialised(this.$root, moduleName)) {
+      throw new InitError(constructor);
+    }
+  }
+  static checkSupport() {
+    if (!isSupported()) {
+      throw new SupportError();
+    }
+  }
+}
+
+/**
+ * @typedef ChildClass
+ * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component
+ */
+
+/**
+ * @typedef {typeof Component & ChildClass} ChildClassConstructor
+ */
+Component.elementType = HTMLElement;
+
+/**
+ * Checkboxes component
+ *
+ * @preserve
+ */
+class Checkboxes extends Component {
+  /**
+   * Checkboxes can be associated with a 'conditionally revealed' content block
+   * – for example, a checkbox for 'Phone' could reveal an additional form field
+   * for the user to enter their phone number.
+   *
+   * These associations are made using a `data-aria-controls` attribute, which
+   * is promoted to an aria-controls attribute during initialisation.
+   *
+   * We also need to restore the state of any conditional reveals on the page
+   * (for example if the user has navigated back), and set up event handlers to
+   * keep the reveal in sync with the checkbox state.
+   *
+   * @param {Element | null} $root - HTML element to use for checkboxes
+   */
+  constructor($root) {
+    super($root);
+    this.$inputs = void 0;
+    const $inputs = this.$root.querySelectorAll('input[type="checkbox"]');
+    if (!$inputs.length) {
+      throw new ElementError({
+        component: Checkboxes,
+        identifier: 'Form inputs (`<input type="checkbox">`)'
+      });
+    }
+    this.$inputs = $inputs;
+    this.$inputs.forEach($input => {
+      const targetId = $input.getAttribute('data-aria-controls');
+      if (!targetId) {
+        return;
+      }
+      if (!document.getElementById(targetId)) {
+        throw new ElementError({
+          component: Checkboxes,
+          identifier: `Conditional reveal (\`id="${targetId}"\`)`
+        });
+      }
+      $input.setAttribute('aria-controls', targetId);
+      $input.removeAttribute('data-aria-controls');
+    });
+    window.addEventListener('pageshow', () => this.syncAllConditionalReveals());
+    this.syncAllConditionalReveals();
+    this.$root.addEventListener('click', event => this.handleClick(event));
+  }
+  syncAllConditionalReveals() {
+    this.$inputs.forEach($input => this.syncConditionalRevealWithInputState($input));
+  }
+  syncConditionalRevealWithInputState($input) {
+    const targetId = $input.getAttribute('aria-controls');
+    if (!targetId) {
+      return;
+    }
+    const $target = document.getElementById(targetId);
+    if ($target != null && $target.classList.contains('govuk-checkboxes__conditional')) {
+      const inputIsChecked = $input.checked;
+      $input.setAttribute('aria-expanded', inputIsChecked.toString());
+      $target.classList.toggle('govuk-checkboxes__conditional--hidden', !inputIsChecked);
+    }
+  }
+  unCheckAllInputsExcept($input) {
+    const allInputsWithSameName = document.querySelectorAll(`input[type="checkbox"][name="${$input.name}"]`);
+    allInputsWithSameName.forEach($inputWithSameName => {
+      const hasSameFormOwner = $input.form === $inputWithSameName.form;
+      if (hasSameFormOwner && $inputWithSameName !== $input) {
+        $inputWithSameName.checked = false;
+        this.syncConditionalRevealWithInputState($inputWithSameName);
+      }
+    });
+  }
+  unCheckExclusiveInputs($input) {
+    const allInputsWithSameNameAndExclusiveBehaviour = document.querySelectorAll(`input[data-behaviour="exclusive"][type="checkbox"][name="${$input.name}"]`);
+    allInputsWithSameNameAndExclusiveBehaviour.forEach($exclusiveInput => {
+      const hasSameFormOwner = $input.form === $exclusiveInput.form;
+      if (hasSameFormOwner) {
+        $exclusiveInput.checked = false;
+        this.syncConditionalRevealWithInputState($exclusiveInput);
+      }
+    });
+  }
+  handleClick(event) {
+    const $clickedInput = event.target;
+    if (!($clickedInput instanceof HTMLInputElement) || $clickedInput.type !== 'checkbox') {
+      return;
+    }
+    const hasAriaControls = $clickedInput.getAttribute('aria-controls');
+    if (hasAriaControls) {
+      this.syncConditionalRevealWithInputState($clickedInput);
+    }
+    if (!$clickedInput.checked) {
+      return;
+    }
+    const hasBehaviourExclusive = $clickedInput.getAttribute('data-behaviour') === 'exclusive';
+    if (hasBehaviourExclusive) {
+      this.unCheckAllInputsExcept($clickedInput);
+    } else {
+      this.unCheckExclusiveInputs($clickedInput);
+    }
+  }
+}
+Checkboxes.moduleName = 'govuk-checkboxes';
+
+export { Checkboxes };
+//# sourceMappingURL=checkboxes.bundle.mjs.map
diff --git a/app/templates/govuk/components/checkboxes/checkboxes.bundle.mjs.map b/app/templates/govuk/components/checkboxes/checkboxes.bundle.mjs.map
new file mode 100644
index 0000000..d38d9ff
--- /dev/null
+++ b/app/templates/govuk/components/checkboxes/checkboxes.bundle.mjs.map
@@ -0,0 +1 @@
+{"version":3,"file":"checkboxes.bundle.mjs","sources":["../../../../src/govuk/common/index.mjs","../../../../src/govuk/errors/index.mjs","../../../../src/govuk/component.mjs","../../../../src/govuk/components/checkboxes/checkboxes.mjs"],"sourcesContent":["/**\n * Common helpers which do not require polyfill.\n *\n * IMPORTANT: If a helper require a polyfill, please isolate it in its own module\n * so that the polyfill can be properly tree-shaken and does not burden\n * the components that do not need that helper\n */\n\n/**\n * Get GOV.UK Frontend breakpoint value from CSS custom property\n *\n * @private\n * @param {string} name - Breakpoint name\n * @returns {{ property: string, value?: string }} Breakpoint object\n */\nexport function getBreakpoint(name) {\n  const property = `--govuk-breakpoint-${name}`\n\n  // Get value from `<html>` with breakpoints on CSS :root\n  const value = window\n    .getComputedStyle(document.documentElement)\n    .getPropertyValue(property)\n\n  return {\n    property,\n    value: value || undefined\n  }\n}\n\n/**\n * Move focus to element\n *\n * Sets tabindex to -1 to make the element programmatically focusable,\n * but removes it on blur as the element doesn't need to be focused again.\n *\n * @private\n * @template {HTMLElement} FocusElement\n * @param {FocusElement} $element - HTML element\n * @param {object} [options] - Handler options\n * @param {function(this: FocusElement): void} [options.onBeforeFocus] - Callback before focus\n * @param {function(this: FocusElement): void} [options.onBlur] - Callback on blur\n */\nexport function setFocus($element, options = {}) {\n  const isFocusable = $element.getAttribute('tabindex')\n\n  if (!isFocusable) {\n    $element.setAttribute('tabindex', '-1')\n  }\n\n  /**\n   * Handle element focus\n   */\n  function onFocus() {\n    $element.addEventListener('blur', onBlur, { once: true })\n  }\n\n  /**\n   * Handle element blur\n   */\n  function onBlur() {\n    options.onBlur?.call($element)\n\n    if (!isFocusable) {\n      $element.removeAttribute('tabindex')\n    }\n  }\n\n  // Add listener to reset element on blur, after focus\n  $element.addEventListener('focus', onFocus, { once: true })\n\n  // Focus element\n  options.onBeforeFocus?.call($element)\n  $element.focus()\n}\n\n/**\n * Checks if component is already initialised\n *\n * @internal\n * @param {Element} $root - HTML element to be checked\n * @param {string} moduleName - name of component module\n * @returns {boolean} Whether component is already initialised\n */\nexport function isInitialised($root, moduleName) {\n  return (\n    $root instanceof HTMLElement &&\n    $root.hasAttribute(`data-${moduleName}-init`)\n  )\n}\n\n/**\n * Checks if GOV.UK Frontend is supported on this page\n *\n * Some browsers will load and run our JavaScript but GOV.UK Frontend\n * won't be supported.\n *\n * @param {HTMLElement | null} [$scope] - (internal) `<body>` HTML element checked for browser support\n * @returns {boolean} Whether GOV.UK Frontend is supported on this page\n */\nexport function isSupported($scope = document.body) {\n  if (!$scope) {\n    return false\n  }\n\n  return $scope.classList.contains('govuk-frontend-supported')\n}\n\n/**\n * Check for an array\n *\n * @internal\n * @param {unknown} option - Option to check\n * @returns {boolean} Whether the option is an array\n */\nfunction isArray(option) {\n  return Array.isArray(option)\n}\n\n/**\n * Check for an object\n *\n * @internal\n * @template {Partial<Record<keyof ObjectType, unknown>>} ObjectType\n * @param {unknown | ObjectType} option - Option to check\n * @returns {option is ObjectType} Whether the option is an object\n */\nexport function isObject(option) {\n  return !!option && typeof option === 'object' && !isArray(option)\n}\n\n/**\n * Check for valid scope\n *\n * @internal\n * @template {Element | Document} ScopeType\n * @param {unknown | ScopeType} $scope - Scope of the document to search within\n * @returns {$scope is ScopeType} Whether the scope can be queried\n */\nexport function isScope($scope) {\n  return !!$scope && ($scope instanceof Element || $scope instanceof Document)\n}\n\n/**\n * Format error message\n *\n * @internal\n * @param {ComponentWithModuleName} Component - Component that threw the error\n * @param {string} message - Error message\n * @returns {string} - Formatted error message\n */\nexport function formatErrorMessage(Component, message) {\n  return `${Component.moduleName}: ${message}`\n}\n\n/* eslint-disable jsdoc/valid-types --\n * `{new(...args: any[] ): object}` is not recognised as valid\n * https://github.com/gajus/eslint-plugin-jsdoc/issues/145#issuecomment-1308722878\n * https://github.com/jsdoc-type-pratt-parser/jsdoc-type-pratt-parser/issues/131\n **/\n\n/**\n * @typedef ComponentWithModuleName\n * @property {string} moduleName - Name of the component\n */\n\n/* eslint-enable jsdoc/valid-types */\n","import { formatErrorMessage, isObject } from '../common/index.mjs'\n\n/**\n * GOV.UK Frontend error\n *\n * A base class for `Error`s thrown by GOV.UK Frontend.\n *\n * It is meant to be extended into specific types of errors\n * to be thrown by our code.\n *\n * @example\n * ```js\n * class MissingRootError extends GOVUKFrontendError {\n *   // Setting an explicit name is important as extending the class will not\n *   // set a new `name` on the subclass. The `name` property is important\n *   // to ensure intelligible error names even if the class name gets\n *   // mangled by a minifier\n *   name = \"MissingRootError\"\n * }\n * ```\n * @virtual\n */\nexport class GOVUKFrontendError extends Error {\n  name = 'GOVUKFrontendError'\n}\n\n/**\n * Indicates that GOV.UK Frontend is not supported\n */\nexport class SupportError extends GOVUKFrontendError {\n  name = 'SupportError'\n\n  /**\n   * Checks if GOV.UK Frontend is supported on this page\n   *\n   * @param {HTMLElement | null} [$scope] - HTML element `<body>` checked for browser support\n   */\n  constructor($scope = document.body) {\n    const supportMessage =\n      'noModule' in HTMLScriptElement.prototype\n        ? 'GOV.UK Frontend initialised without `<body class=\"govuk-frontend-supported\">` from template `<script>` snippet'\n        : 'GOV.UK Frontend is not supported in this browser'\n\n    super(\n      $scope\n        ? supportMessage\n        : 'GOV.UK Frontend initialised without `<script type=\"module\">`'\n    )\n  }\n}\n\n/**\n * Indicates that a component has received an illegal configuration\n */\nexport class ConfigError extends GOVUKFrontendError {\n  name = 'ConfigError'\n}\n\n/**\n * Indicates an issue with an element (possibly `null` or `undefined`)\n */\nexport class ElementError extends GOVUKFrontendError {\n  name = 'ElementError'\n\n  /**\n   * @internal\n   * @overload\n   * @param {string} message - Element error message\n   */\n\n  /**\n   * @internal\n   * @overload\n   * @param {ElementErrorOptions} options - Element error options\n   */\n\n  /**\n   * @internal\n   * @param {string | ElementErrorOptions} messageOrOptions - Element error message or options\n   */\n  constructor(messageOrOptions) {\n    let message = typeof messageOrOptions === 'string' ? messageOrOptions : ''\n\n    // Build message from options\n    if (isObject(messageOrOptions)) {\n      const { component, identifier, element, expectedType } = messageOrOptions\n\n      message = identifier\n\n      // Append reason\n      message += element\n        ? ` is not of type ${expectedType ?? 'HTMLElement'}`\n        : ' not found'\n\n      // Prepend with module name (optional)\n      if (component) {\n        message = formatErrorMessage(component, message)\n      }\n    }\n\n    super(message)\n  }\n}\n\n/**\n * Indicates that a component is already initialised\n */\nexport class InitError extends GOVUKFrontendError {\n  name = 'InitError'\n\n  /**\n   * @internal\n   * @param {ComponentWithModuleName | string} componentOrMessage - name of the component module\n   */\n  constructor(componentOrMessage) {\n    const message =\n      typeof componentOrMessage === 'string'\n        ? componentOrMessage\n        : formatErrorMessage(\n            componentOrMessage,\n            `Root element (\\`$root\\`) already initialised`\n          )\n\n    super(message)\n  }\n}\n\n/**\n * Element error options\n *\n * @internal\n * @typedef {object} ElementErrorOptions\n * @property {Element | Document | null} [element] - The element in error (optional)\n * @property {ComponentWithModuleName} [component] - Component throwing the error (optional)\n * @property {string} identifier - An identifier that'll let the user understand which element has an error. This is whatever makes the most sense\n * @property {string} [expectedType] - The type that was expected for the identifier (optional)\n */\n\n/**\n * @import { ComponentWithModuleName } from '../common/index.mjs'\n */\n","import { isInitialised, isSupported } from './common/index.mjs'\nimport { ElementError, InitError, SupportError } from './errors/index.mjs'\n\n/**\n * Base Component class\n *\n * Centralises the behaviours shared by our components\n *\n * @virtual\n * @template {Element} [RootElementType=HTMLElement]\n */\nexport class Component {\n  /**\n   * @type {typeof Element}\n   */\n  static elementType = HTMLElement\n\n  // allows Typescript user to work around the lack of types\n  // in GOVUKFrontend package, Typescript is not aware of $root\n  // in components that extend GOVUKFrontendComponent\n  /**\n   * Returns the root element of the component\n   *\n   * @protected\n   * @returns {RootElementType} - the root element of component\n   */\n  get $root() {\n    return this._$root\n  }\n\n  /**\n   * @protected\n   * @type {RootElementType}\n   */\n  _$root\n\n  /**\n   * Constructs a new component, validating that GOV.UK Frontend is supported\n   *\n   * @internal\n   * @param {Element | null} [$root] - HTML element to use for component\n   */\n  constructor($root) {\n    const childConstructor = /** @type {ChildClassConstructor} */ (\n      this.constructor\n    )\n\n    // TypeScript does not enforce that inheriting classes will define a `moduleName`\n    // (even if we add a `@virtual` `static moduleName` property to this class).\n    // While we trust users to do this correctly, we do a little check to provide them\n    // a helpful error message.\n    //\n    // After this, we'll be sure that `childConstructor` has a `moduleName`\n    // as expected of the `ChildClassConstructor` we've cast `this.constructor` to.\n    if (typeof childConstructor.moduleName !== 'string') {\n      throw new InitError(`\\`moduleName\\` not defined in component`)\n    }\n\n    if (!($root instanceof childConstructor.elementType)) {\n      throw new ElementError({\n        element: $root,\n        component: childConstructor,\n        identifier: 'Root element (`$root`)',\n        expectedType: childConstructor.elementType.name\n      })\n    } else {\n      this._$root = /** @type {RootElementType} */ ($root)\n    }\n\n    childConstructor.checkSupport()\n\n    this.checkInitialised()\n\n    const moduleName = childConstructor.moduleName\n\n    this.$root.setAttribute(`data-${moduleName}-init`, '')\n  }\n\n  /**\n   * Validates whether component is already initialised\n   *\n   * @private\n   * @throws {InitError} when component is already initialised\n   */\n  checkInitialised() {\n    const constructor = /** @type {ChildClassConstructor} */ (this.constructor)\n    const moduleName = constructor.moduleName\n\n    if (moduleName && isInitialised(this.$root, moduleName)) {\n      throw new InitError(constructor)\n    }\n  }\n\n  /**\n   * Validates whether components are supported\n   *\n   * @throws {SupportError} when the components are not supported\n   */\n  static checkSupport() {\n    if (!isSupported()) {\n      throw new SupportError()\n    }\n  }\n}\n\n/**\n * @typedef ChildClass\n * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component\n */\n\n/**\n * @typedef {typeof Component & ChildClass} ChildClassConstructor\n */\n","import { Component } from '../../component.mjs'\nimport { ElementError } from '../../errors/index.mjs'\n\n/**\n * Checkboxes component\n *\n * @preserve\n */\nexport class Checkboxes extends Component {\n  /** @private */\n  $inputs\n\n  /**\n   * Checkboxes can be associated with a 'conditionally revealed' content block\n   * – for example, a checkbox for 'Phone' could reveal an additional form field\n   * for the user to enter their phone number.\n   *\n   * These associations are made using a `data-aria-controls` attribute, which\n   * is promoted to an aria-controls attribute during initialisation.\n   *\n   * We also need to restore the state of any conditional reveals on the page\n   * (for example if the user has navigated back), and set up event handlers to\n   * keep the reveal in sync with the checkbox state.\n   *\n   * @param {Element | null} $root - HTML element to use for checkboxes\n   */\n  constructor($root) {\n    super($root)\n\n    const $inputs = this.$root.querySelectorAll('input[type=\"checkbox\"]')\n    if (!$inputs.length) {\n      throw new ElementError({\n        component: Checkboxes,\n        identifier: 'Form inputs (`<input type=\"checkbox\">`)'\n      })\n    }\n\n    this.$inputs = $inputs\n\n    this.$inputs.forEach(($input) => {\n      const targetId = $input.getAttribute('data-aria-controls')\n\n      // Skip radios without data-aria-controls attributes\n      if (!targetId) {\n        return\n      }\n\n      // Throw if target conditional element does not exist.\n      if (!document.getElementById(targetId)) {\n        throw new ElementError({\n          component: Checkboxes,\n          identifier: `Conditional reveal (\\`id=\"${targetId}\"\\`)`\n        })\n      }\n\n      // Promote the data-aria-controls attribute to a aria-controls attribute\n      // so that the relationship is exposed in the AOM\n      $input.setAttribute('aria-controls', targetId)\n      $input.removeAttribute('data-aria-controls')\n    })\n\n    // When the page is restored after navigating 'back' in some browsers the\n    // state of form controls is not restored until *after* the DOMContentLoaded\n    // event is fired, so we need to sync after the pageshow event.\n    window.addEventListener('pageshow', () => this.syncAllConditionalReveals())\n\n    // Although we've set up handlers to sync state on the pageshow event, init\n    // could be called after those events have fired, for example if they are\n    // added to the page dynamically, so sync now too.\n    this.syncAllConditionalReveals()\n\n    // Handle events\n    this.$root.addEventListener('click', (event) => this.handleClick(event))\n  }\n\n  /**\n   * Sync the conditional reveal states for all checkboxes in this component.\n   *\n   * @private\n   */\n  syncAllConditionalReveals() {\n    this.$inputs.forEach(($input) =>\n      this.syncConditionalRevealWithInputState($input)\n    )\n  }\n\n  /**\n   * Sync conditional reveal with the input state\n   *\n   * Synchronise the visibility of the conditional reveal, and its accessible\n   * state, with the input's checked state.\n   *\n   * @private\n   * @param {HTMLInputElement} $input - Checkbox input\n   */\n  syncConditionalRevealWithInputState($input) {\n    const targetId = $input.getAttribute('aria-controls')\n    if (!targetId) {\n      return\n    }\n\n    const $target = document.getElementById(targetId)\n    if ($target?.classList.contains('govuk-checkboxes__conditional')) {\n      const inputIsChecked = $input.checked\n\n      $input.setAttribute('aria-expanded', inputIsChecked.toString())\n      $target.classList.toggle(\n        'govuk-checkboxes__conditional--hidden',\n        !inputIsChecked\n      )\n    }\n  }\n\n  /**\n   * Uncheck other checkboxes\n   *\n   * Find any other checkbox inputs with the same name value, and uncheck them.\n   * This is useful for when a “None of these\" checkbox is checked.\n   *\n   * @private\n   * @param {HTMLInputElement} $input - Checkbox input\n   */\n  unCheckAllInputsExcept($input) {\n    const allInputsWithSameName = document.querySelectorAll(\n      `input[type=\"checkbox\"][name=\"${$input.name}\"]`\n    )\n\n    allInputsWithSameName.forEach(($inputWithSameName) => {\n      const hasSameFormOwner = $input.form === $inputWithSameName.form\n      if (hasSameFormOwner && $inputWithSameName !== $input) {\n        $inputWithSameName.checked = false\n        this.syncConditionalRevealWithInputState($inputWithSameName)\n      }\n    })\n  }\n\n  /**\n   * Uncheck exclusive checkboxes\n   *\n   * Find any checkbox inputs with the same name value and the 'exclusive'\n   * behaviour, and uncheck them. This helps prevent someone checking both a\n   * regular checkbox and a \"None of these\" checkbox in the same fieldset.\n   *\n   * @private\n   * @param {HTMLInputElement} $input - Checkbox input\n   */\n  unCheckExclusiveInputs($input) {\n    const allInputsWithSameNameAndExclusiveBehaviour =\n      document.querySelectorAll(\n        `input[data-behaviour=\"exclusive\"][type=\"checkbox\"][name=\"${$input.name}\"]`\n      )\n\n    allInputsWithSameNameAndExclusiveBehaviour.forEach(($exclusiveInput) => {\n      const hasSameFormOwner = $input.form === $exclusiveInput.form\n      if (hasSameFormOwner) {\n        $exclusiveInput.checked = false\n        this.syncConditionalRevealWithInputState($exclusiveInput)\n      }\n    })\n  }\n\n  /**\n   * Click event handler\n   *\n   * Handle a click within the component root – if the click occurred on a checkbox,\n   * sync the state of any associated conditional reveal with the checkbox\n   * state.\n   *\n   * @private\n   * @param {MouseEvent} event - Click event\n   */\n  handleClick(event) {\n    const $clickedInput = event.target\n\n    // Ignore clicks on things that aren't checkbox inputs\n    if (\n      !($clickedInput instanceof HTMLInputElement) ||\n      $clickedInput.type !== 'checkbox'\n    ) {\n      return\n    }\n\n    // If the checkbox conditionally-reveals some content, sync the state\n    const hasAriaControls = $clickedInput.getAttribute('aria-controls')\n    if (hasAriaControls) {\n      this.syncConditionalRevealWithInputState($clickedInput)\n    }\n\n    // No further behaviour needed for unchecking\n    if (!$clickedInput.checked) {\n      return\n    }\n\n    // Handle 'exclusive' checkbox behaviour (ie \"None of these\")\n    const hasBehaviourExclusive =\n      $clickedInput.getAttribute('data-behaviour') === 'exclusive'\n    if (hasBehaviourExclusive) {\n      this.unCheckAllInputsExcept($clickedInput)\n    } else {\n      this.unCheckExclusiveInputs($clickedInput)\n    }\n  }\n\n  /**\n   * Name for the component used when initialising using data-module attributes.\n   */\n  static moduleName = 'govuk-checkboxes'\n}\n"],"names":["isInitialised","$root","moduleName","HTMLElement","hasAttribute","isSupported","$scope","document","body","classList","contains","isArray","option","Array","isObject","formatErrorMessage","Component","message","GOVUKFrontendError","Error","constructor","args","name","SupportError","supportMessage","HTMLScriptElement","prototype","ElementError","messageOrOptions","component","identifier","element","expectedType","InitError","componentOrMessage","_$root","childConstructor","elementType","checkSupport","checkInitialised","setAttribute","Checkboxes","$inputs","querySelectorAll","length","forEach","$input","targetId","getAttribute","getElementById","removeAttribute","window","addEventListener","syncAllConditionalReveals","event","handleClick","syncConditionalRevealWithInputState","$target","inputIsChecked","checked","toString","toggle","unCheckAllInputsExcept","allInputsWithSameName","$inputWithSameName","hasSameFormOwner","form","unCheckExclusiveInputs","allInputsWithSameNameAndExclusiveBehaviour","$exclusiveInput","$clickedInput","target","HTMLInputElement","type","hasAriaControls","hasBehaviourExclusive"],"mappings":"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"}
\ No newline at end of file
diff --git a/app/templates/govuk/components/checkboxes/checkboxes.mjs b/app/templates/govuk/components/checkboxes/checkboxes.mjs
new file mode 100644
index 0000000..9d62377
--- /dev/null
+++ b/app/templates/govuk/components/checkboxes/checkboxes.mjs
@@ -0,0 +1,111 @@
+import { Component } from '../../component.mjs';
+import { ElementError } from '../../errors/index.mjs';
+
+/**
+ * Checkboxes component
+ *
+ * @preserve
+ */
+class Checkboxes extends Component {
+  /**
+   * Checkboxes can be associated with a 'conditionally revealed' content block
+   * – for example, a checkbox for 'Phone' could reveal an additional form field
+   * for the user to enter their phone number.
+   *
+   * These associations are made using a `data-aria-controls` attribute, which
+   * is promoted to an aria-controls attribute during initialisation.
+   *
+   * We also need to restore the state of any conditional reveals on the page
+   * (for example if the user has navigated back), and set up event handlers to
+   * keep the reveal in sync with the checkbox state.
+   *
+   * @param {Element | null} $root - HTML element to use for checkboxes
+   */
+  constructor($root) {
+    super($root);
+    this.$inputs = void 0;
+    const $inputs = this.$root.querySelectorAll('input[type="checkbox"]');
+    if (!$inputs.length) {
+      throw new ElementError({
+        component: Checkboxes,
+        identifier: 'Form inputs (`<input type="checkbox">`)'
+      });
+    }
+    this.$inputs = $inputs;
+    this.$inputs.forEach($input => {
+      const targetId = $input.getAttribute('data-aria-controls');
+      if (!targetId) {
+        return;
+      }
+      if (!document.getElementById(targetId)) {
+        throw new ElementError({
+          component: Checkboxes,
+          identifier: `Conditional reveal (\`id="${targetId}"\`)`
+        });
+      }
+      $input.setAttribute('aria-controls', targetId);
+      $input.removeAttribute('data-aria-controls');
+    });
+    window.addEventListener('pageshow', () => this.syncAllConditionalReveals());
+    this.syncAllConditionalReveals();
+    this.$root.addEventListener('click', event => this.handleClick(event));
+  }
+  syncAllConditionalReveals() {
+    this.$inputs.forEach($input => this.syncConditionalRevealWithInputState($input));
+  }
+  syncConditionalRevealWithInputState($input) {
+    const targetId = $input.getAttribute('aria-controls');
+    if (!targetId) {
+      return;
+    }
+    const $target = document.getElementById(targetId);
+    if ($target != null && $target.classList.contains('govuk-checkboxes__conditional')) {
+      const inputIsChecked = $input.checked;
+      $input.setAttribute('aria-expanded', inputIsChecked.toString());
+      $target.classList.toggle('govuk-checkboxes__conditional--hidden', !inputIsChecked);
+    }
+  }
+  unCheckAllInputsExcept($input) {
+    const allInputsWithSameName = document.querySelectorAll(`input[type="checkbox"][name="${$input.name}"]`);
+    allInputsWithSameName.forEach($inputWithSameName => {
+      const hasSameFormOwner = $input.form === $inputWithSameName.form;
+      if (hasSameFormOwner && $inputWithSameName !== $input) {
+        $inputWithSameName.checked = false;
+        this.syncConditionalRevealWithInputState($inputWithSameName);
+      }
+    });
+  }
+  unCheckExclusiveInputs($input) {
+    const allInputsWithSameNameAndExclusiveBehaviour = document.querySelectorAll(`input[data-behaviour="exclusive"][type="checkbox"][name="${$input.name}"]`);
+    allInputsWithSameNameAndExclusiveBehaviour.forEach($exclusiveInput => {
+      const hasSameFormOwner = $input.form === $exclusiveInput.form;
+      if (hasSameFormOwner) {
+        $exclusiveInput.checked = false;
+        this.syncConditionalRevealWithInputState($exclusiveInput);
+      }
+    });
+  }
+  handleClick(event) {
+    const $clickedInput = event.target;
+    if (!($clickedInput instanceof HTMLInputElement) || $clickedInput.type !== 'checkbox') {
+      return;
+    }
+    const hasAriaControls = $clickedInput.getAttribute('aria-controls');
+    if (hasAriaControls) {
+      this.syncConditionalRevealWithInputState($clickedInput);
+    }
+    if (!$clickedInput.checked) {
+      return;
+    }
+    const hasBehaviourExclusive = $clickedInput.getAttribute('data-behaviour') === 'exclusive';
+    if (hasBehaviourExclusive) {
+      this.unCheckAllInputsExcept($clickedInput);
+    } else {
+      this.unCheckExclusiveInputs($clickedInput);
+    }
+  }
+}
+Checkboxes.moduleName = 'govuk-checkboxes';
+
+export { Checkboxes };
+//# sourceMappingURL=checkboxes.mjs.map
diff --git a/app/templates/govuk/components/checkboxes/checkboxes.mjs.map b/app/templates/govuk/components/checkboxes/checkboxes.mjs.map
new file mode 100644
index 0000000..ece6765
--- /dev/null
+++ b/app/templates/govuk/components/checkboxes/checkboxes.mjs.map
@@ -0,0 +1 @@
+{"version":3,"file":"checkboxes.mjs","sources":["../../../../src/govuk/components/checkboxes/checkboxes.mjs"],"sourcesContent":["import { Component } from '../../component.mjs'\nimport { ElementError } from '../../errors/index.mjs'\n\n/**\n * Checkboxes component\n *\n * @preserve\n */\nexport class Checkboxes extends Component {\n  /** @private */\n  $inputs\n\n  /**\n   * Checkboxes can be associated with a 'conditionally revealed' content block\n   * – for example, a checkbox for 'Phone' could reveal an additional form field\n   * for the user to enter their phone number.\n   *\n   * These associations are made using a `data-aria-controls` attribute, which\n   * is promoted to an aria-controls attribute during initialisation.\n   *\n   * We also need to restore the state of any conditional reveals on the page\n   * (for example if the user has navigated back), and set up event handlers to\n   * keep the reveal in sync with the checkbox state.\n   *\n   * @param {Element | null} $root - HTML element to use for checkboxes\n   */\n  constructor($root) {\n    super($root)\n\n    const $inputs = this.$root.querySelectorAll('input[type=\"checkbox\"]')\n    if (!$inputs.length) {\n      throw new ElementError({\n        component: Checkboxes,\n        identifier: 'Form inputs (`<input type=\"checkbox\">`)'\n      })\n    }\n\n    this.$inputs = $inputs\n\n    this.$inputs.forEach(($input) => {\n      const targetId = $input.getAttribute('data-aria-controls')\n\n      // Skip radios without data-aria-controls attributes\n      if (!targetId) {\n        return\n      }\n\n      // Throw if target conditional element does not exist.\n      if (!document.getElementById(targetId)) {\n        throw new ElementError({\n          component: Checkboxes,\n          identifier: `Conditional reveal (\\`id=\"${targetId}\"\\`)`\n        })\n      }\n\n      // Promote the data-aria-controls attribute to a aria-controls attribute\n      // so that the relationship is exposed in the AOM\n      $input.setAttribute('aria-controls', targetId)\n      $input.removeAttribute('data-aria-controls')\n    })\n\n    // When the page is restored after navigating 'back' in some browsers the\n    // state of form controls is not restored until *after* the DOMContentLoaded\n    // event is fired, so we need to sync after the pageshow event.\n    window.addEventListener('pageshow', () => this.syncAllConditionalReveals())\n\n    // Although we've set up handlers to sync state on the pageshow event, init\n    // could be called after those events have fired, for example if they are\n    // added to the page dynamically, so sync now too.\n    this.syncAllConditionalReveals()\n\n    // Handle events\n    this.$root.addEventListener('click', (event) => this.handleClick(event))\n  }\n\n  /**\n   * Sync the conditional reveal states for all checkboxes in this component.\n   *\n   * @private\n   */\n  syncAllConditionalReveals() {\n    this.$inputs.forEach(($input) =>\n      this.syncConditionalRevealWithInputState($input)\n    )\n  }\n\n  /**\n   * Sync conditional reveal with the input state\n   *\n   * Synchronise the visibility of the conditional reveal, and its accessible\n   * state, with the input's checked state.\n   *\n   * @private\n   * @param {HTMLInputElement} $input - Checkbox input\n   */\n  syncConditionalRevealWithInputState($input) {\n    const targetId = $input.getAttribute('aria-controls')\n    if (!targetId) {\n      return\n    }\n\n    const $target = document.getElementById(targetId)\n    if ($target?.classList.contains('govuk-checkboxes__conditional')) {\n      const inputIsChecked = $input.checked\n\n      $input.setAttribute('aria-expanded', inputIsChecked.toString())\n      $target.classList.toggle(\n        'govuk-checkboxes__conditional--hidden',\n        !inputIsChecked\n      )\n    }\n  }\n\n  /**\n   * Uncheck other checkboxes\n   *\n   * Find any other checkbox inputs with the same name value, and uncheck them.\n   * This is useful for when a “None of these\" checkbox is checked.\n   *\n   * @private\n   * @param {HTMLInputElement} $input - Checkbox input\n   */\n  unCheckAllInputsExcept($input) {\n    const allInputsWithSameName = document.querySelectorAll(\n      `input[type=\"checkbox\"][name=\"${$input.name}\"]`\n    )\n\n    allInputsWithSameName.forEach(($inputWithSameName) => {\n      const hasSameFormOwner = $input.form === $inputWithSameName.form\n      if (hasSameFormOwner && $inputWithSameName !== $input) {\n        $inputWithSameName.checked = false\n        this.syncConditionalRevealWithInputState($inputWithSameName)\n      }\n    })\n  }\n\n  /**\n   * Uncheck exclusive checkboxes\n   *\n   * Find any checkbox inputs with the same name value and the 'exclusive'\n   * behaviour, and uncheck them. This helps prevent someone checking both a\n   * regular checkbox and a \"None of these\" checkbox in the same fieldset.\n   *\n   * @private\n   * @param {HTMLInputElement} $input - Checkbox input\n   */\n  unCheckExclusiveInputs($input) {\n    const allInputsWithSameNameAndExclusiveBehaviour =\n      document.querySelectorAll(\n        `input[data-behaviour=\"exclusive\"][type=\"checkbox\"][name=\"${$input.name}\"]`\n      )\n\n    allInputsWithSameNameAndExclusiveBehaviour.forEach(($exclusiveInput) => {\n      const hasSameFormOwner = $input.form === $exclusiveInput.form\n      if (hasSameFormOwner) {\n        $exclusiveInput.checked = false\n        this.syncConditionalRevealWithInputState($exclusiveInput)\n      }\n    })\n  }\n\n  /**\n   * Click event handler\n   *\n   * Handle a click within the component root – if the click occurred on a checkbox,\n   * sync the state of any associated conditional reveal with the checkbox\n   * state.\n   *\n   * @private\n   * @param {MouseEvent} event - Click event\n   */\n  handleClick(event) {\n    const $clickedInput = event.target\n\n    // Ignore clicks on things that aren't checkbox inputs\n    if (\n      !($clickedInput instanceof HTMLInputElement) ||\n      $clickedInput.type !== 'checkbox'\n    ) {\n      return\n    }\n\n    // If the checkbox conditionally-reveals some content, sync the state\n    const hasAriaControls = $clickedInput.getAttribute('aria-controls')\n    if (hasAriaControls) {\n      this.syncConditionalRevealWithInputState($clickedInput)\n    }\n\n    // No further behaviour needed for unchecking\n    if (!$clickedInput.checked) {\n      return\n    }\n\n    // Handle 'exclusive' checkbox behaviour (ie \"None of these\")\n    const hasBehaviourExclusive =\n      $clickedInput.getAttribute('data-behaviour') === 'exclusive'\n    if (hasBehaviourExclusive) {\n      this.unCheckAllInputsExcept($clickedInput)\n    } else {\n      this.unCheckExclusiveInputs($clickedInput)\n    }\n  }\n\n  /**\n   * Name for the component used when initialising using data-module attributes.\n   */\n  static moduleName = 'govuk-checkboxes'\n}\n"],"names":["Checkboxes","Component","constructor","$root","$inputs","querySelectorAll","length","ElementError","component","identifier","forEach","$input","targetId","getAttribute","document","getElementById","setAttribute","removeAttribute","window","addEventListener","syncAllConditionalReveals","event","handleClick","syncConditionalRevealWithInputState","$target","classList","contains","inputIsChecked","checked","toString","toggle","unCheckAllInputsExcept","allInputsWithSameName","name","$inputWithSameName","hasSameFormOwner","form","unCheckExclusiveInputs","allInputsWithSameNameAndExclusiveBehaviour","$exclusiveInput","$clickedInput","target","HTMLInputElement","type","hasAriaControls","hasBehaviourExclusive","moduleName"],"mappings":"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"}
\ No newline at end of file
diff --git a/app/templates/govuk/components/checkboxes/fixtures.json b/app/templates/govuk/components/checkboxes/fixtures.json
new file mode 100644
index 0000000..52b43a6
--- /dev/null
+++ b/app/templates/govuk/components/checkboxes/fixtures.json
@@ -0,0 +1,1344 @@
+{
+    "component": "checkboxes",
+    "fixtures": [
+        {
+            "name": "default",
+            "options": {
+                "name": "nationality",
+                "fieldset": {
+                    "legend": {
+                        "text": "What is your nationality?"
+                    }
+                },
+                "items": [
+                    {
+                        "value": "british",
+                        "text": "British"
+                    },
+                    {
+                        "value": "irish",
+                        "text": "Irish"
+                    },
+                    {
+                        "value": "other",
+                        "text": "Citizen of another country"
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": true,
+            "html": "<div class=\"govuk-form-group\">\n  <fieldset class=\"govuk-fieldset\">\n  <legend class=\"govuk-fieldset__legend\">\n    What is your nationality?\n  </legend>\n  <div class=\"govuk-checkboxes\" data-module=\"govuk-checkboxes\">\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"nationality\" name=\"nationality\" type=\"checkbox\" value=\"british\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"nationality\">\n        British\n      </label>\n    </div>\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"nationality-2\" name=\"nationality\" type=\"checkbox\" value=\"irish\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"nationality-2\">\n        Irish\n      </label>\n    </div>\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"nationality-3\" name=\"nationality\" type=\"checkbox\" value=\"other\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"nationality-3\">\n        Citizen of another country\n      </label>\n    </div>\n  </div>\n</fieldset>\n</div>"
+        },
+        {
+            "name": "with hint",
+            "options": {
+                "name": "nationality",
+                "fieldset": {
+                    "legend": {
+                        "text": "What is your nationality?"
+                    }
+                },
+                "hint": {
+                    "text": "Select all that apply"
+                },
+                "items": [
+                    {
+                        "value": "british",
+                        "text": "British"
+                    },
+                    {
+                        "value": "irish",
+                        "text": "Irish"
+                    },
+                    {
+                        "value": "other",
+                        "text": "Citizen of another country"
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <fieldset class=\"govuk-fieldset\" aria-describedby=\"nationality-hint\">\n  <legend class=\"govuk-fieldset__legend\">\n    What is your nationality?\n  </legend>\n  <div id=\"nationality-hint\" class=\"govuk-hint\">\n    Select all that apply\n  </div>\n  <div class=\"govuk-checkboxes\" data-module=\"govuk-checkboxes\">\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"nationality\" name=\"nationality\" type=\"checkbox\" value=\"british\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"nationality\">\n        British\n      </label>\n    </div>\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"nationality-2\" name=\"nationality\" type=\"checkbox\" value=\"irish\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"nationality-2\">\n        Irish\n      </label>\n    </div>\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"nationality-3\" name=\"nationality\" type=\"checkbox\" value=\"other\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"nationality-3\">\n        Citizen of another country\n      </label>\n    </div>\n  </div>\n</fieldset>\n</div>"
+        },
+        {
+            "name": "with pre-checked values",
+            "options": {
+                "name": "how-contacted-checked",
+                "idPrefix": "how-contacted-checked",
+                "fieldset": {
+                    "legend": {
+                        "text": "How do you want to be contacted?"
+                    }
+                },
+                "values": [
+                    "email",
+                    "text"
+                ],
+                "items": [
+                    {
+                        "value": "email",
+                        "text": "Email",
+                        "conditional": {
+                            "html": "<label class=\"govuk-label\" for=\"context-email\">Email address</label>\n<input class=\"govuk-input govuk-!-width-one-third\" name=\"context-email\" type=\"text\" id=\"context-email\">\n"
+                        }
+                    },
+                    {
+                        "value": "phone",
+                        "text": "Phone",
+                        "conditional": {
+                            "html": "<label class=\"govuk-label\" for=\"contact-phone\">Phone number</label>\n<input class=\"govuk-input govuk-!-width-one-third\" name=\"contact-phone\" type=\"text\" id=\"contact-phone\">\n"
+                        }
+                    },
+                    {
+                        "value": "text",
+                        "text": "Text message",
+                        "conditional": {
+                            "html": "<label class=\"govuk-label\" for=\"contact-text-message\">Mobile phone number</label>\n<input class=\"govuk-input govuk-!-width-one-third\" name=\"contact-text-message\" type=\"text\" id=\"contact-text-message\">\n"
+                        }
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": {
+                "variants": [
+                    "default",
+                    "no-js"
+                ]
+            },
+            "html": "<div class=\"govuk-form-group\">\n  <fieldset class=\"govuk-fieldset\">\n  <legend class=\"govuk-fieldset__legend\">\n    How do you want to be contacted?\n  </legend>\n  <div class=\"govuk-checkboxes\" data-module=\"govuk-checkboxes\">\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"how-contacted-checked\" name=\"how-contacted-checked\" type=\"checkbox\" value=\"email\" checked data-aria-controls=\"conditional-how-contacted-checked\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"how-contacted-checked\">\n        Email\n      </label>\n    </div>\n    <div class=\"govuk-checkboxes__conditional\" id=\"conditional-how-contacted-checked\">\n      <label class=\"govuk-label\" for=\"context-email\">Email address</label>\n<input class=\"govuk-input govuk-!-width-one-third\" name=\"context-email\" type=\"text\" id=\"context-email\">\n    </div>\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"how-contacted-checked-2\" name=\"how-contacted-checked\" type=\"checkbox\" value=\"phone\" data-aria-controls=\"conditional-how-contacted-checked-2\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"how-contacted-checked-2\">\n        Phone\n      </label>\n    </div>\n    <div class=\"govuk-checkboxes__conditional govuk-checkboxes__conditional--hidden\" id=\"conditional-how-contacted-checked-2\">\n      <label class=\"govuk-label\" for=\"contact-phone\">Phone number</label>\n<input class=\"govuk-input govuk-!-width-one-third\" name=\"contact-phone\" type=\"text\" id=\"contact-phone\">\n    </div>\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"how-contacted-checked-3\" name=\"how-contacted-checked\" type=\"checkbox\" value=\"text\" checked data-aria-controls=\"conditional-how-contacted-checked-3\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"how-contacted-checked-3\">\n        Text message\n      </label>\n    </div>\n    <div class=\"govuk-checkboxes__conditional\" id=\"conditional-how-contacted-checked-3\">\n      <label class=\"govuk-label\" for=\"contact-text-message\">Mobile phone number</label>\n<input class=\"govuk-input govuk-!-width-one-third\" name=\"contact-text-message\" type=\"text\" id=\"contact-text-message\">\n    </div>\n  </div>\n</fieldset>\n</div>"
+        },
+        {
+            "name": "with divider and None",
+            "options": {
+                "name": "with-divider-and-none",
+                "fieldset": {
+                    "legend": {
+                        "text": "Which types of waste do you transport regularly?"
+                    }
+                },
+                "items": [
+                    {
+                        "value": "animal",
+                        "text": "Waste from animal carcasses"
+                    },
+                    {
+                        "value": "mines",
+                        "text": "Waste from mines or quarries"
+                    },
+                    {
+                        "value": "farm",
+                        "text": "Farm or agricultural waste"
+                    },
+                    {
+                        "divider": "or"
+                    },
+                    {
+                        "value": "none",
+                        "text": "None of these",
+                        "behaviour": "exclusive"
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": true,
+            "html": "<div class=\"govuk-form-group\">\n  <fieldset class=\"govuk-fieldset\">\n  <legend class=\"govuk-fieldset__legend\">\n    Which types of waste do you transport regularly?\n  </legend>\n  <div class=\"govuk-checkboxes\" data-module=\"govuk-checkboxes\">\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"with-divider-and-none\" name=\"with-divider-and-none\" type=\"checkbox\" value=\"animal\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"with-divider-and-none\">\n        Waste from animal carcasses\n      </label>\n    </div>\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"with-divider-and-none-2\" name=\"with-divider-and-none\" type=\"checkbox\" value=\"mines\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"with-divider-and-none-2\">\n        Waste from mines or quarries\n      </label>\n    </div>\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"with-divider-and-none-3\" name=\"with-divider-and-none\" type=\"checkbox\" value=\"farm\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"with-divider-and-none-3\">\n        Farm or agricultural waste\n      </label>\n    </div>\n    <div class=\"govuk-checkboxes__divider\">or</div>\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"with-divider-and-none-5\" name=\"with-divider-and-none\" type=\"checkbox\" value=\"none\" data-behaviour=\"exclusive\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"with-divider-and-none-5\">\n        None of these\n      </label>\n    </div>\n  </div>\n</fieldset>\n</div>"
+        },
+        {
+            "name": "with divider, None and conditional items",
+            "options": {
+                "name": "with-divider-and-none-and-conditional-items",
+                "fieldset": {
+                    "legend": {
+                        "text": "Do you have any access needs?"
+                    }
+                },
+                "items": [
+                    {
+                        "value": "accessible-toilets",
+                        "text": "Accessible toilets available"
+                    },
+                    {
+                        "value": "braille",
+                        "text": "Braille translation service available"
+                    },
+                    {
+                        "value": "disabled-car-parking",
+                        "text": "Disabled car parking available"
+                    },
+                    {
+                        "value": "another-access-need",
+                        "text": "Another access need",
+                        "conditional": {
+                            "html": "<label class=\"govuk-label\" for=\"other-access-needs\">Other access needs</label>\n<textarea class=\"govuk-textarea govuk-!-width-one-third\" name=\"other-access-needs\" id=\"other-access-needs\"></textarea>\n"
+                        }
+                    },
+                    {
+                        "divider": "or"
+                    },
+                    {
+                        "value": "none",
+                        "text": "None of these",
+                        "behaviour": "exclusive"
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <fieldset class=\"govuk-fieldset\">\n  <legend class=\"govuk-fieldset__legend\">\n    Do you have any access needs?\n  </legend>\n  <div class=\"govuk-checkboxes\" data-module=\"govuk-checkboxes\">\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"with-divider-and-none-and-conditional-items\" name=\"with-divider-and-none-and-conditional-items\" type=\"checkbox\" value=\"accessible-toilets\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"with-divider-and-none-and-conditional-items\">\n        Accessible toilets available\n      </label>\n    </div>\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"with-divider-and-none-and-conditional-items-2\" name=\"with-divider-and-none-and-conditional-items\" type=\"checkbox\" value=\"braille\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"with-divider-and-none-and-conditional-items-2\">\n        Braille translation service available\n      </label>\n    </div>\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"with-divider-and-none-and-conditional-items-3\" name=\"with-divider-and-none-and-conditional-items\" type=\"checkbox\" value=\"disabled-car-parking\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"with-divider-and-none-and-conditional-items-3\">\n        Disabled car parking available\n      </label>\n    </div>\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"with-divider-and-none-and-conditional-items-4\" name=\"with-divider-and-none-and-conditional-items\" type=\"checkbox\" value=\"another-access-need\" data-aria-controls=\"conditional-with-divider-and-none-and-conditional-items-4\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"with-divider-and-none-and-conditional-items-4\">\n        Another access need\n      </label>\n    </div>\n    <div class=\"govuk-checkboxes__conditional govuk-checkboxes__conditional--hidden\" id=\"conditional-with-divider-and-none-and-conditional-items-4\">\n      <label class=\"govuk-label\" for=\"other-access-needs\">Other access needs</label>\n<textarea class=\"govuk-textarea govuk-!-width-one-third\" name=\"other-access-needs\" id=\"other-access-needs\"></textarea>\n    </div>\n    <div class=\"govuk-checkboxes__divider\">or</div>\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"with-divider-and-none-and-conditional-items-6\" name=\"with-divider-and-none-and-conditional-items\" type=\"checkbox\" value=\"none\" data-behaviour=\"exclusive\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"with-divider-and-none-and-conditional-items-6\">\n        None of these\n      </label>\n    </div>\n  </div>\n</fieldset>\n</div>"
+        },
+        {
+            "name": "with hints on items",
+            "options": {
+                "name": "with-hints-on-items",
+                "fieldset": {
+                    "legend": {
+                        "text": "How do you want to sign in?"
+                    }
+                },
+                "items": [
+                    {
+                        "name": "gateway",
+                        "id": "government-gateway",
+                        "value": "gov-gateway",
+                        "text": "Sign in with Government Gateway",
+                        "hint": {
+                            "text": "You'll have a user ID if you've registered for Self Assessment or filed a tax return online before."
+                        }
+                    },
+                    {
+                        "name": "verify",
+                        "id": "govuk-verify",
+                        "value": "gov-verify",
+                        "text": "Sign in with GOV.UK Verify",
+                        "hint": {
+                            "text": "You'll have an account if you've already proved your identity with either Barclays, CitizenSafe, Digidentity, Experian, Post Office, Royal Mail or SecureIdentity."
+                        }
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <fieldset class=\"govuk-fieldset\">\n  <legend class=\"govuk-fieldset__legend\">\n    How do you want to sign in?\n  </legend>\n  <div class=\"govuk-checkboxes\" data-module=\"govuk-checkboxes\">\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"government-gateway\" name=\"gateway\" type=\"checkbox\" value=\"gov-gateway\" aria-describedby=\"government-gateway-item-hint\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"government-gateway\">\n        Sign in with Government Gateway\n      </label>\n      <div id=\"government-gateway-item-hint\" class=\"govuk-hint govuk-checkboxes__hint\">\n        You&#39;ll have a user ID if you&#39;ve registered for Self Assessment or filed a tax return online before.\n      </div>\n    </div>\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"govuk-verify\" name=\"verify\" type=\"checkbox\" value=\"gov-verify\" aria-describedby=\"govuk-verify-item-hint\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"govuk-verify\">\n        Sign in with GOV.UK Verify\n      </label>\n      <div id=\"govuk-verify-item-hint\" class=\"govuk-hint govuk-checkboxes__hint\">\n        You&#39;ll have an account if you&#39;ve already proved your identity with either Barclays, CitizenSafe, Digidentity, Experian, Post Office, Royal Mail or SecureIdentity.\n      </div>\n    </div>\n  </div>\n</fieldset>\n</div>"
+        },
+        {
+            "name": "with legend as a page heading",
+            "options": {
+                "name": "waste",
+                "fieldset": {
+                    "legend": {
+                        "text": "Which types of waste do you transport regularly?",
+                        "classes": "govuk-fieldset__legend--l",
+                        "isPageHeading": true
+                    }
+                },
+                "hint": {
+                    "text": "Select all that apply"
+                },
+                "items": [
+                    {
+                        "value": "animal",
+                        "text": "Waste from animal carcasses"
+                    },
+                    {
+                        "value": "mines",
+                        "text": "Waste from mines or quarries"
+                    },
+                    {
+                        "value": "farm",
+                        "text": "Farm or agricultural waste"
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <fieldset class=\"govuk-fieldset\" aria-describedby=\"waste-hint\">\n  <legend class=\"govuk-fieldset__legend govuk-fieldset__legend--l\">\n    <h1 class=\"govuk-fieldset__heading\">\n      Which types of waste do you transport regularly?\n    </h1>\n  </legend>\n  <div id=\"waste-hint\" class=\"govuk-hint\">\n    Select all that apply\n  </div>\n  <div class=\"govuk-checkboxes\" data-module=\"govuk-checkboxes\">\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"waste\" name=\"waste\" type=\"checkbox\" value=\"animal\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"waste\">\n        Waste from animal carcasses\n      </label>\n    </div>\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"waste-2\" name=\"waste\" type=\"checkbox\" value=\"mines\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"waste-2\">\n        Waste from mines or quarries\n      </label>\n    </div>\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"waste-3\" name=\"waste\" type=\"checkbox\" value=\"farm\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"waste-3\">\n        Farm or agricultural waste\n      </label>\n    </div>\n  </div>\n</fieldset>\n</div>"
+        },
+        {
+            "name": "with error message",
+            "options": {
+                "name": "waste",
+                "errorMessage": {
+                    "text": "Please select an option"
+                },
+                "fieldset": {
+                    "legend": {
+                        "text": "Which types of waste do you transport regularly?"
+                    }
+                },
+                "items": [
+                    {
+                        "value": "animal",
+                        "text": "Waste from animal carcasses",
+                        "hint": {
+                            "text": "Nullam id dolor id nibh ultricies vehicula ut id elit."
+                        }
+                    },
+                    {
+                        "value": "mines",
+                        "text": "Waste from mines or quarries",
+                        "hint": {
+                            "text": "Nullam id dolor id nibh ultricies vehicula ut id elit."
+                        }
+                    },
+                    {
+                        "value": "farm",
+                        "text": "Farm or agricultural waste",
+                        "hint": {
+                            "text": "Nullam id dolor id nibh ultricies vehicula ut id elit."
+                        }
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-form-group--error\">\n  <fieldset class=\"govuk-fieldset\" aria-describedby=\"waste-error\">\n  <legend class=\"govuk-fieldset__legend\">\n    Which types of waste do you transport regularly?\n  </legend>\n  <p id=\"waste-error\" class=\"govuk-error-message\">\n    <span class=\"govuk-visually-hidden\">Error:</span> Please select an option\n  </p>\n  <div class=\"govuk-checkboxes\" data-module=\"govuk-checkboxes\">\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"waste\" name=\"waste\" type=\"checkbox\" value=\"animal\" aria-describedby=\"waste-item-hint\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"waste\">\n        Waste from animal carcasses\n      </label>\n      <div id=\"waste-item-hint\" class=\"govuk-hint govuk-checkboxes__hint\">\n        Nullam id dolor id nibh ultricies vehicula ut id elit.\n      </div>\n    </div>\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"waste-2\" name=\"waste\" type=\"checkbox\" value=\"mines\" aria-describedby=\"waste-2-item-hint\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"waste-2\">\n        Waste from mines or quarries\n      </label>\n      <div id=\"waste-2-item-hint\" class=\"govuk-hint govuk-checkboxes__hint\">\n        Nullam id dolor id nibh ultricies vehicula ut id elit.\n      </div>\n    </div>\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"waste-3\" name=\"waste\" type=\"checkbox\" value=\"farm\" aria-describedby=\"waste-3-item-hint\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"waste-3\">\n        Farm or agricultural waste\n      </label>\n      <div id=\"waste-3-item-hint\" class=\"govuk-hint govuk-checkboxes__hint\">\n        Nullam id dolor id nibh ultricies vehicula ut id elit.\n      </div>\n    </div>\n  </div>\n</fieldset>\n</div>"
+        },
+        {
+            "name": "with very long option text",
+            "options": {
+                "name": "waste",
+                "hint": {
+                    "text": "Nullam id dolor id nibh ultricies vehicula ut id elit."
+                },
+                "fieldset": {
+                    "legend": {
+                        "text": "Maecenas faucibus mollis interdum?"
+                    }
+                },
+                "items": [
+                    {
+                        "value": "nullam",
+                        "text": "Nullam id dolor id nibh ultricies vehicula ut id elit. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Maecenas faucibus mollis interdum. Donec id elit non mi porta gravida at eget metus."
+                    },
+                    {
+                        "value": "aenean",
+                        "text": "Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Donec sed odio dui. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Cras mattis consectetur purus sit amet fermentum."
+                    },
+                    {
+                        "value": "fusce",
+                        "text": "Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Etiam porta sem malesuada magna mollis euismod. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. Sed posuere consectetur est at lobortis."
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <fieldset class=\"govuk-fieldset\" aria-describedby=\"waste-hint\">\n  <legend class=\"govuk-fieldset__legend\">\n    Maecenas faucibus mollis interdum?\n  </legend>\n  <div id=\"waste-hint\" class=\"govuk-hint\">\n    Nullam id dolor id nibh ultricies vehicula ut id elit.\n  </div>\n  <div class=\"govuk-checkboxes\" data-module=\"govuk-checkboxes\">\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"waste\" name=\"waste\" type=\"checkbox\" value=\"nullam\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"waste\">\n        Nullam id dolor id nibh ultricies vehicula ut id elit. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Maecenas faucibus mollis interdum. Donec id elit non mi porta gravida at eget metus.\n      </label>\n    </div>\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"waste-2\" name=\"waste\" type=\"checkbox\" value=\"aenean\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"waste-2\">\n        Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Donec sed odio dui. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Cras mattis consectetur purus sit amet fermentum.\n      </label>\n    </div>\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"waste-3\" name=\"waste\" type=\"checkbox\" value=\"fusce\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"waste-3\">\n        Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Etiam porta sem malesuada magna mollis euismod. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. Sed posuere consectetur est at lobortis.\n      </label>\n    </div>\n  </div>\n</fieldset>\n</div>"
+        },
+        {
+            "name": "with conditional items",
+            "options": {
+                "name": "with-conditional-items",
+                "idPrefix": "how-contacted",
+                "fieldset": {
+                    "legend": {
+                        "text": "How do you want to be contacted?"
+                    }
+                },
+                "items": [
+                    {
+                        "value": "email",
+                        "text": "Email",
+                        "conditional": {
+                            "html": "<label class=\"govuk-label\" for=\"context-email\">Email address</label>\n<input class=\"govuk-input govuk-!-width-one-third\" name=\"context-email\" type=\"text\" id=\"context-email\">\n"
+                        }
+                    },
+                    {
+                        "value": "phone",
+                        "text": "Phone",
+                        "conditional": {
+                            "html": "<label class=\"govuk-label\" for=\"contact-phone\">Phone number</label>\n<input class=\"govuk-input govuk-!-width-one-third\" name=\"contact-phone\" type=\"text\" id=\"contact-phone\">\n"
+                        }
+                    },
+                    {
+                        "value": "text",
+                        "text": "Text message",
+                        "conditional": {
+                            "html": "<label class=\"govuk-label\" for=\"contact-text-message\">Mobile phone number</label>\n<input class=\"govuk-input govuk-!-width-one-third\" name=\"contact-text-message\" type=\"text\" id=\"contact-text-message\">\n"
+                        }
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <fieldset class=\"govuk-fieldset\">\n  <legend class=\"govuk-fieldset__legend\">\n    How do you want to be contacted?\n  </legend>\n  <div class=\"govuk-checkboxes\" data-module=\"govuk-checkboxes\">\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"how-contacted\" name=\"with-conditional-items\" type=\"checkbox\" value=\"email\" data-aria-controls=\"conditional-how-contacted\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"how-contacted\">\n        Email\n      </label>\n    </div>\n    <div class=\"govuk-checkboxes__conditional govuk-checkboxes__conditional--hidden\" id=\"conditional-how-contacted\">\n      <label class=\"govuk-label\" for=\"context-email\">Email address</label>\n<input class=\"govuk-input govuk-!-width-one-third\" name=\"context-email\" type=\"text\" id=\"context-email\">\n    </div>\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"how-contacted-2\" name=\"with-conditional-items\" type=\"checkbox\" value=\"phone\" data-aria-controls=\"conditional-how-contacted-2\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"how-contacted-2\">\n        Phone\n      </label>\n    </div>\n    <div class=\"govuk-checkboxes__conditional govuk-checkboxes__conditional--hidden\" id=\"conditional-how-contacted-2\">\n      <label class=\"govuk-label\" for=\"contact-phone\">Phone number</label>\n<input class=\"govuk-input govuk-!-width-one-third\" name=\"contact-phone\" type=\"text\" id=\"contact-phone\">\n    </div>\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"how-contacted-3\" name=\"with-conditional-items\" type=\"checkbox\" value=\"text\" data-aria-controls=\"conditional-how-contacted-3\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"how-contacted-3\">\n        Text message\n      </label>\n    </div>\n    <div class=\"govuk-checkboxes__conditional govuk-checkboxes__conditional--hidden\" id=\"conditional-how-contacted-3\">\n      <label class=\"govuk-label\" for=\"contact-text-message\">Mobile phone number</label>\n<input class=\"govuk-input govuk-!-width-one-third\" name=\"contact-text-message\" type=\"text\" id=\"contact-text-message\">\n    </div>\n  </div>\n</fieldset>\n</div>"
+        },
+        {
+            "name": "with optional form-group classes showing group error",
+            "options": {
+                "name": "how-contacted-checked",
+                "idPrefix": "how-contacted-checked",
+                "formGroup": {
+                    "classes": "govuk-form-group--error"
+                },
+                "fieldset": {
+                    "legend": {
+                        "text": "How do you want to be contacted?"
+                    }
+                },
+                "items": [
+                    {
+                        "value": "email",
+                        "text": "Email",
+                        "conditional": {
+                            "html": "<label class=\"govuk-label\" for=\"context-email\">Email address</label>\n<input class=\"govuk-input govuk-!-width-one-third\" name=\"context-email\" type=\"text\" id=\"context-email\">\n"
+                        }
+                    },
+                    {
+                        "value": "phone",
+                        "text": "Phone",
+                        "checked": true,
+                        "conditional": {
+                            "html": "<label class=\"govuk-label\" for=\"contact-phone\">Phone number</label>\n<span id=\"contact-phone-error\" class=\"govuk-error-message\">Problem with input</span>\n<input class=\"govuk-input govuk-input--error govuk-!-width-one-third\" name=\"contact-phone\" type=\"text\" id=\"contact-phone\" aria-describedby=\"contact-phone-error\">\n"
+                        }
+                    },
+                    {
+                        "value": "text",
+                        "text": "Text message",
+                        "conditional": {
+                            "html": "<label class=\"govuk-label\" for=\"contact-text-message\">Mobile phone number</label>\n<input class=\"govuk-input govuk-!-width-one-third\" name=\"contact-text-message\" type=\"text\" id=\"contact-text-message\">\n"
+                        }
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-form-group--error\">\n  <fieldset class=\"govuk-fieldset\">\n  <legend class=\"govuk-fieldset__legend\">\n    How do you want to be contacted?\n  </legend>\n  <div class=\"govuk-checkboxes\" data-module=\"govuk-checkboxes\">\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"how-contacted-checked\" name=\"how-contacted-checked\" type=\"checkbox\" value=\"email\" data-aria-controls=\"conditional-how-contacted-checked\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"how-contacted-checked\">\n        Email\n      </label>\n    </div>\n    <div class=\"govuk-checkboxes__conditional govuk-checkboxes__conditional--hidden\" id=\"conditional-how-contacted-checked\">\n      <label class=\"govuk-label\" for=\"context-email\">Email address</label>\n<input class=\"govuk-input govuk-!-width-one-third\" name=\"context-email\" type=\"text\" id=\"context-email\">\n    </div>\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"how-contacted-checked-2\" name=\"how-contacted-checked\" type=\"checkbox\" value=\"phone\" checked data-aria-controls=\"conditional-how-contacted-checked-2\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"how-contacted-checked-2\">\n        Phone\n      </label>\n    </div>\n    <div class=\"govuk-checkboxes__conditional\" id=\"conditional-how-contacted-checked-2\">\n      <label class=\"govuk-label\" for=\"contact-phone\">Phone number</label>\n<span id=\"contact-phone-error\" class=\"govuk-error-message\">Problem with input</span>\n<input class=\"govuk-input govuk-input--error govuk-!-width-one-third\" name=\"contact-phone\" type=\"text\" id=\"contact-phone\" aria-describedby=\"contact-phone-error\">\n    </div>\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"how-contacted-checked-3\" name=\"how-contacted-checked\" type=\"checkbox\" value=\"text\" data-aria-controls=\"conditional-how-contacted-checked-3\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"how-contacted-checked-3\">\n        Text message\n      </label>\n    </div>\n    <div class=\"govuk-checkboxes__conditional govuk-checkboxes__conditional--hidden\" id=\"conditional-how-contacted-checked-3\">\n      <label class=\"govuk-label\" for=\"contact-text-message\">Mobile phone number</label>\n<input class=\"govuk-input govuk-!-width-one-third\" name=\"contact-text-message\" type=\"text\" id=\"contact-text-message\">\n    </div>\n  </div>\n</fieldset>\n</div>"
+        },
+        {
+            "name": "small",
+            "options": {
+                "idPrefix": "nationality",
+                "name": "nationality",
+                "classes": "govuk-checkboxes--small",
+                "fieldset": {
+                    "legend": {
+                        "text": "Filter by"
+                    }
+                },
+                "items": [
+                    {
+                        "value": "a",
+                        "text": "a thing"
+                    },
+                    {
+                        "value": "b",
+                        "text": "another thing"
+                    },
+                    {
+                        "value": "c",
+                        "text": "this thing"
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": true,
+            "html": "<div class=\"govuk-form-group\">\n  <fieldset class=\"govuk-fieldset\">\n  <legend class=\"govuk-fieldset__legend\">\n    Filter by\n  </legend>\n  <div class=\"govuk-checkboxes govuk-checkboxes--small\" data-module=\"govuk-checkboxes\">\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"nationality\" name=\"nationality\" type=\"checkbox\" value=\"a\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"nationality\">\n        a thing\n      </label>\n    </div>\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"nationality-2\" name=\"nationality\" type=\"checkbox\" value=\"b\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"nationality-2\">\n        another thing\n      </label>\n    </div>\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"nationality-3\" name=\"nationality\" type=\"checkbox\" value=\"c\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"nationality-3\">\n        this thing\n      </label>\n    </div>\n  </div>\n</fieldset>\n</div>"
+        },
+        {
+            "name": "small with long text",
+            "options": {
+                "idPrefix": "nationality",
+                "name": "nationality",
+                "classes": "govuk-checkboxes--small",
+                "fieldset": {
+                    "legend": {
+                        "text": "Filter by"
+                    }
+                },
+                "items": [
+                    {
+                        "value": "nullam",
+                        "text": "Nullam id dolor id nibh ultricies vehicula ut id elit. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Maecenas faucibus mollis interdum. Donec id elit non mi porta gravida at eget metus."
+                    },
+                    {
+                        "value": "aenean",
+                        "text": "Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Donec sed odio dui. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Cras mattis consectetur purus sit amet fermentum."
+                    },
+                    {
+                        "value": "fusce",
+                        "text": "Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Etiam porta sem malesuada magna mollis euismod. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. Sed posuere consectetur est at lobortis."
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <fieldset class=\"govuk-fieldset\">\n  <legend class=\"govuk-fieldset__legend\">\n    Filter by\n  </legend>\n  <div class=\"govuk-checkboxes govuk-checkboxes--small\" data-module=\"govuk-checkboxes\">\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"nationality\" name=\"nationality\" type=\"checkbox\" value=\"nullam\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"nationality\">\n        Nullam id dolor id nibh ultricies vehicula ut id elit. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Maecenas faucibus mollis interdum. Donec id elit non mi porta gravida at eget metus.\n      </label>\n    </div>\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"nationality-2\" name=\"nationality\" type=\"checkbox\" value=\"aenean\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"nationality-2\">\n        Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Donec sed odio dui. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Cras mattis consectetur purus sit amet fermentum.\n      </label>\n    </div>\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"nationality-3\" name=\"nationality\" type=\"checkbox\" value=\"fusce\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"nationality-3\">\n        Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Etiam porta sem malesuada magna mollis euismod. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. Sed posuere consectetur est at lobortis.\n      </label>\n    </div>\n  </div>\n</fieldset>\n</div>"
+        },
+        {
+            "name": "small with error",
+            "options": {
+                "idPrefix": "nationality",
+                "name": "nationality",
+                "classes": "govuk-checkboxes--small",
+                "errorMessage": {
+                    "text": "Select a thing"
+                },
+                "fieldset": {
+                    "legend": {
+                        "text": "Filter by"
+                    }
+                },
+                "items": [
+                    {
+                        "value": "a",
+                        "text": "a thing"
+                    },
+                    {
+                        "value": "b",
+                        "text": "another thing"
+                    },
+                    {
+                        "value": "c",
+                        "text": "this thing"
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-form-group--error\">\n  <fieldset class=\"govuk-fieldset\" aria-describedby=\"nationality-error\">\n  <legend class=\"govuk-fieldset__legend\">\n    Filter by\n  </legend>\n  <p id=\"nationality-error\" class=\"govuk-error-message\">\n    <span class=\"govuk-visually-hidden\">Error:</span> Select a thing\n  </p>\n  <div class=\"govuk-checkboxes govuk-checkboxes--small\" data-module=\"govuk-checkboxes\">\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"nationality\" name=\"nationality\" type=\"checkbox\" value=\"a\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"nationality\">\n        a thing\n      </label>\n    </div>\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"nationality-2\" name=\"nationality\" type=\"checkbox\" value=\"b\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"nationality-2\">\n        another thing\n      </label>\n    </div>\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"nationality-3\" name=\"nationality\" type=\"checkbox\" value=\"c\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"nationality-3\">\n        this thing\n      </label>\n    </div>\n  </div>\n</fieldset>\n</div>"
+        },
+        {
+            "name": "small with hint",
+            "options": {
+                "idPrefix": "nationality",
+                "name": "nationality",
+                "classes": "govuk-checkboxes--small",
+                "fieldset": {
+                    "legend": {
+                        "text": "Filter by"
+                    }
+                },
+                "items": [
+                    {
+                        "value": "a",
+                        "text": "a thing",
+                        "hint": {
+                            "text": "hint for a thing"
+                        }
+                    },
+                    {
+                        "value": "b",
+                        "text": "another thing"
+                    },
+                    {
+                        "value": "c",
+                        "text": "this thing"
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <fieldset class=\"govuk-fieldset\">\n  <legend class=\"govuk-fieldset__legend\">\n    Filter by\n  </legend>\n  <div class=\"govuk-checkboxes govuk-checkboxes--small\" data-module=\"govuk-checkboxes\">\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"nationality\" name=\"nationality\" type=\"checkbox\" value=\"a\" aria-describedby=\"nationality-item-hint\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"nationality\">\n        a thing\n      </label>\n      <div id=\"nationality-item-hint\" class=\"govuk-hint govuk-checkboxes__hint\">\n        hint for a thing\n      </div>\n    </div>\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"nationality-2\" name=\"nationality\" type=\"checkbox\" value=\"b\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"nationality-2\">\n        another thing\n      </label>\n    </div>\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"nationality-3\" name=\"nationality\" type=\"checkbox\" value=\"c\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"nationality-3\">\n        this thing\n      </label>\n    </div>\n  </div>\n</fieldset>\n</div>"
+        },
+        {
+            "name": "small with conditional reveal",
+            "options": {
+                "name": "how-contacted",
+                "idPrefix": "how-contacted",
+                "classes": "govuk-checkboxes--small",
+                "fieldset": {
+                    "legend": {
+                        "text": "How do you want to be contacted?"
+                    }
+                },
+                "items": [
+                    {
+                        "value": "a",
+                        "text": "a thing",
+                        "conditional": {
+                            "html": "<label class=\"govuk-label\" for=\"context-email\">Foo</label>\n<input class=\"govuk-input govuk-!-width-one-third\" name=\"context-email\" type=\"text\" id=\"context-email\">\n"
+                        }
+                    },
+                    {
+                        "value": "b",
+                        "text": "another thing"
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <fieldset class=\"govuk-fieldset\">\n  <legend class=\"govuk-fieldset__legend\">\n    How do you want to be contacted?\n  </legend>\n  <div class=\"govuk-checkboxes govuk-checkboxes--small\" data-module=\"govuk-checkboxes\">\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"how-contacted\" name=\"how-contacted\" type=\"checkbox\" value=\"a\" data-aria-controls=\"conditional-how-contacted\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"how-contacted\">\n        a thing\n      </label>\n    </div>\n    <div class=\"govuk-checkboxes__conditional govuk-checkboxes__conditional--hidden\" id=\"conditional-how-contacted\">\n      <label class=\"govuk-label\" for=\"context-email\">Foo</label>\n<input class=\"govuk-input govuk-!-width-one-third\" name=\"context-email\" type=\"text\" id=\"context-email\">\n    </div>\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"how-contacted-2\" name=\"how-contacted\" type=\"checkbox\" value=\"b\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"how-contacted-2\">\n        another thing\n      </label>\n    </div>\n  </div>\n</fieldset>\n</div>"
+        },
+        {
+            "name": "small with divider and None",
+            "options": {
+                "name": "small-with-divider-and-none",
+                "classes": "govuk-checkboxes--small",
+                "fieldset": {
+                    "legend": {
+                        "text": "Which types of waste do you transport regularly?"
+                    }
+                },
+                "items": [
+                    {
+                        "value": "animal",
+                        "text": "Waste from animal carcasses"
+                    },
+                    {
+                        "value": "mines",
+                        "text": "Waste from mines or quarries"
+                    },
+                    {
+                        "value": "farm",
+                        "text": "Farm or agricultural waste"
+                    },
+                    {
+                        "divider": "or"
+                    },
+                    {
+                        "value": "none",
+                        "text": "None of these",
+                        "behaviour": "exclusive"
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <fieldset class=\"govuk-fieldset\">\n  <legend class=\"govuk-fieldset__legend\">\n    Which types of waste do you transport regularly?\n  </legend>\n  <div class=\"govuk-checkboxes govuk-checkboxes--small\" data-module=\"govuk-checkboxes\">\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"small-with-divider-and-none\" name=\"small-with-divider-and-none\" type=\"checkbox\" value=\"animal\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"small-with-divider-and-none\">\n        Waste from animal carcasses\n      </label>\n    </div>\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"small-with-divider-and-none-2\" name=\"small-with-divider-and-none\" type=\"checkbox\" value=\"mines\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"small-with-divider-and-none-2\">\n        Waste from mines or quarries\n      </label>\n    </div>\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"small-with-divider-and-none-3\" name=\"small-with-divider-and-none\" type=\"checkbox\" value=\"farm\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"small-with-divider-and-none-3\">\n        Farm or agricultural waste\n      </label>\n    </div>\n    <div class=\"govuk-checkboxes__divider\">or</div>\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"small-with-divider-and-none-5\" name=\"small-with-divider-and-none\" type=\"checkbox\" value=\"none\" data-behaviour=\"exclusive\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"small-with-divider-and-none-5\">\n        None of these\n      </label>\n    </div>\n  </div>\n</fieldset>\n</div>"
+        },
+        {
+            "name": "with id and name",
+            "options": {
+                "name": "with-id-and-name",
+                "fieldset": {
+                    "legend": {
+                        "text": "What is your nationality?"
+                    }
+                },
+                "hint": {
+                    "text": "If you have dual nationality, select all options that are relevant to you."
+                },
+                "items": [
+                    {
+                        "name": "british",
+                        "id": "item_british",
+                        "value": "yes",
+                        "text": "British"
+                    },
+                    {
+                        "name": "irish",
+                        "id": "item_irish",
+                        "value": "irish",
+                        "text": "Irish"
+                    },
+                    {
+                        "name": "custom-name-scottish",
+                        "text": "Scottish",
+                        "value": "scottish"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <fieldset class=\"govuk-fieldset\" aria-describedby=\"with-id-and-name-hint\">\n  <legend class=\"govuk-fieldset__legend\">\n    What is your nationality?\n  </legend>\n  <div id=\"with-id-and-name-hint\" class=\"govuk-hint\">\n    If you have dual nationality, select all options that are relevant to you.\n  </div>\n  <div class=\"govuk-checkboxes\" data-module=\"govuk-checkboxes\">\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"item_british\" name=\"british\" type=\"checkbox\" value=\"yes\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"item_british\">\n        British\n      </label>\n    </div>\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"item_irish\" name=\"irish\" type=\"checkbox\" value=\"irish\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"item_irish\">\n        Irish\n      </label>\n    </div>\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"with-id-and-name-3\" name=\"custom-name-scottish\" type=\"checkbox\" value=\"scottish\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"with-id-and-name-3\">\n        Scottish\n      </label>\n    </div>\n  </div>\n</fieldset>\n</div>"
+        },
+        {
+            "name": "with disabled item",
+            "options": {
+                "name": "sign-in",
+                "fieldset": {
+                    "legend": {
+                        "text": "How do you want to sign in?",
+                        "classes": "govuk-fieldset__legend--l",
+                        "isPageHeading": true
+                    }
+                },
+                "items": [
+                    {
+                        "name": "gateway",
+                        "id": "government-gateway",
+                        "value": "gov-gateway",
+                        "text": "Sign in with Government Gateway",
+                        "hint": {
+                            "text": "You'll have a user ID if you've registered for Self Assessment or filed a tax return online before."
+                        }
+                    },
+                    {
+                        "name": "verify",
+                        "id": "govuk-verify",
+                        "value": "gov-verify",
+                        "text": "Sign in with GOV.UK Verify",
+                        "hint": {
+                            "text": "You'll have an account if you've already proved your identity with either Barclays, CitizenSafe, Digidentity, Experian, Post Office, Royal Mail or SecureIdentity."
+                        },
+                        "disabled": true
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <fieldset class=\"govuk-fieldset\">\n  <legend class=\"govuk-fieldset__legend govuk-fieldset__legend--l\">\n    <h1 class=\"govuk-fieldset__heading\">\n      How do you want to sign in?\n    </h1>\n  </legend>\n  <div class=\"govuk-checkboxes\" data-module=\"govuk-checkboxes\">\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"government-gateway\" name=\"gateway\" type=\"checkbox\" value=\"gov-gateway\" aria-describedby=\"government-gateway-item-hint\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"government-gateway\">\n        Sign in with Government Gateway\n      </label>\n      <div id=\"government-gateway-item-hint\" class=\"govuk-hint govuk-checkboxes__hint\">\n        You&#39;ll have a user ID if you&#39;ve registered for Self Assessment or filed a tax return online before.\n      </div>\n    </div>\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"govuk-verify\" name=\"verify\" type=\"checkbox\" value=\"gov-verify\" disabled aria-describedby=\"govuk-verify-item-hint\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"govuk-verify\">\n        Sign in with GOV.UK Verify\n      </label>\n      <div id=\"govuk-verify-item-hint\" class=\"govuk-hint govuk-checkboxes__hint\">\n        You&#39;ll have an account if you&#39;ve already proved your identity with either Barclays, CitizenSafe, Digidentity, Experian, Post Office, Royal Mail or SecureIdentity.\n      </div>\n    </div>\n  </div>\n</fieldset>\n</div>"
+        },
+        {
+            "name": "with idPrefix",
+            "options": {
+                "name": "example-name",
+                "idPrefix": "nationality",
+                "items": [
+                    {
+                        "value": 1,
+                        "text": "Option 1"
+                    },
+                    {
+                        "value": 2,
+                        "text": "Option 2"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <div class=\"govuk-checkboxes\" data-module=\"govuk-checkboxes\">\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"nationality\" name=\"example-name\" type=\"checkbox\" value=\"1\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"nationality\">\n        Option 1\n      </label>\n    </div>\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"nationality-2\" name=\"example-name\" type=\"checkbox\" value=\"2\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"nationality-2\">\n        Option 2\n      </label>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "with falsy values",
+            "options": {
+                "name": "example-name",
+                "items": [
+                    {
+                        "value": 1,
+                        "text": "Option 1"
+                    },
+                    false,
+                    null,
+                    "",
+                    {
+                        "value": 2,
+                        "text": "Option 2"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <div class=\"govuk-checkboxes\" data-module=\"govuk-checkboxes\">\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"example-name\" name=\"example-name\" type=\"checkbox\" value=\"1\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"example-name\">\n        Option 1\n      </label>\n    </div>\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"example-name-5\" name=\"example-name\" type=\"checkbox\" value=\"2\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"example-name-5\">\n        Option 2\n      </label>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "classes",
+            "options": {
+                "name": "example-name",
+                "classes": "app-checkboxes--custom-modifier",
+                "items": [
+                    {
+                        "value": 1,
+                        "text": "Option 1"
+                    },
+                    {
+                        "value": 2,
+                        "text": "Option 2"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <div class=\"govuk-checkboxes app-checkboxes--custom-modifier\" data-module=\"govuk-checkboxes\">\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"example-name\" name=\"example-name\" type=\"checkbox\" value=\"1\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"example-name\">\n        Option 1\n      </label>\n    </div>\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"example-name-2\" name=\"example-name\" type=\"checkbox\" value=\"2\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"example-name-2\">\n        Option 2\n      </label>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "with fieldset describedBy",
+            "options": {
+                "name": "example-name",
+                "fieldset": {
+                    "describedBy": "test-target-element",
+                    "legend": {
+                        "text": "Which option?"
+                    }
+                },
+                "items": [
+                    {
+                        "value": 1,
+                        "text": "Option 1"
+                    },
+                    {
+                        "value": 2,
+                        "text": "Option 2"
+                    }
+                ],
+                "hint": {
+                    "text": "If you have dual nationality, select all options that are relevant to you."
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <fieldset class=\"govuk-fieldset\" aria-describedby=\"test-target-element example-name-hint\">\n  <legend class=\"govuk-fieldset__legend\">\n    Which option?\n  </legend>\n  <div id=\"example-name-hint\" class=\"govuk-hint\">\n    If you have dual nationality, select all options that are relevant to you.\n  </div>\n  <div class=\"govuk-checkboxes\" data-module=\"govuk-checkboxes\">\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"example-name\" name=\"example-name\" type=\"checkbox\" value=\"1\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"example-name\">\n        Option 1\n      </label>\n    </div>\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"example-name-2\" name=\"example-name\" type=\"checkbox\" value=\"2\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"example-name-2\">\n        Option 2\n      </label>\n    </div>\n  </div>\n</fieldset>\n</div>"
+        },
+        {
+            "name": "attributes",
+            "options": {
+                "name": "example-name",
+                "attributes": {
+                    "data-attribute": "value",
+                    "data-second-attribute": "second-value"
+                },
+                "items": [
+                    {
+                        "value": 1,
+                        "text": "Option 1"
+                    },
+                    {
+                        "value": 2,
+                        "text": "Option 2"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <div class=\"govuk-checkboxes\" data-attribute=\"value\" data-second-attribute=\"second-value\" data-module=\"govuk-checkboxes\">\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"example-name\" name=\"example-name\" type=\"checkbox\" value=\"1\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"example-name\">\n        Option 1\n      </label>\n    </div>\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"example-name-2\" name=\"example-name\" type=\"checkbox\" value=\"2\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"example-name-2\">\n        Option 2\n      </label>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "with checked item",
+            "options": {
+                "name": "example-name",
+                "items": [
+                    {
+                        "value": 1,
+                        "text": "Option 1"
+                    },
+                    {
+                        "value": 2,
+                        "text": "Option 2",
+                        "checked": true
+                    },
+                    {
+                        "value": 3,
+                        "text": "Option 3",
+                        "checked": true
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <div class=\"govuk-checkboxes\" data-module=\"govuk-checkboxes\">\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"example-name\" name=\"example-name\" type=\"checkbox\" value=\"1\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"example-name\">\n        Option 1\n      </label>\n    </div>\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"example-name-2\" name=\"example-name\" type=\"checkbox\" value=\"2\" checked>\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"example-name-2\">\n        Option 2\n      </label>\n    </div>\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"example-name-3\" name=\"example-name\" type=\"checkbox\" value=\"3\" checked>\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"example-name-3\">\n        Option 3\n      </label>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "items with attributes",
+            "options": {
+                "name": "example-name",
+                "items": [
+                    {
+                        "value": 1,
+                        "text": "Option 1",
+                        "attributes": {
+                            "data-attribute": "ABC",
+                            "data-second-attribute": "DEF"
+                        }
+                    },
+                    {
+                        "value": 2,
+                        "text": "Option 2",
+                        "attributes": {
+                            "data-attribute": "GHI",
+                            "data-second-attribute": "JKL"
+                        }
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <div class=\"govuk-checkboxes\" data-module=\"govuk-checkboxes\">\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"example-name\" name=\"example-name\" type=\"checkbox\" value=\"1\" data-attribute=\"ABC\" data-second-attribute=\"DEF\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"example-name\">\n        Option 1\n      </label>\n    </div>\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"example-name-2\" name=\"example-name\" type=\"checkbox\" value=\"2\" data-attribute=\"GHI\" data-second-attribute=\"JKL\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"example-name-2\">\n        Option 2\n      </label>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "empty conditional",
+            "options": {
+                "name": "example-conditional",
+                "items": [
+                    {
+                        "value": "foo",
+                        "text": "Foo",
+                        "conditional": {
+                            "html": false
+                        }
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <div class=\"govuk-checkboxes\" data-module=\"govuk-checkboxes\">\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"example-conditional\" name=\"example-conditional\" type=\"checkbox\" value=\"foo\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"example-conditional\">\n        Foo\n      </label>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "with label classes",
+            "options": {
+                "name": "example-label-classes",
+                "items": [
+                    {
+                        "value": "yes",
+                        "text": "Yes",
+                        "label": {
+                            "classes": "bold"
+                        }
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <div class=\"govuk-checkboxes\" data-module=\"govuk-checkboxes\">\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"example-label-classes\" name=\"example-label-classes\" type=\"checkbox\" value=\"yes\">\n      <label class=\"govuk-label govuk-checkboxes__label bold\" for=\"example-label-classes\">\n        Yes\n      </label>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "multiple hints",
+            "options": {
+                "name": "example-multiple-hints",
+                "hint": {
+                    "text": "If you have dual nationality, select all options that are relevant to you."
+                },
+                "items": [
+                    {
+                        "value": "british",
+                        "text": "British",
+                        "hint": {
+                            "text": "Hint for british option here"
+                        }
+                    },
+                    {
+                        "value": "irish",
+                        "text": "Irish"
+                    },
+                    {
+                        "value": "other",
+                        "text": "Citizen of another country",
+                        "hint": {
+                            "text": "Hint for other option here"
+                        }
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <div id=\"example-multiple-hints-hint\" class=\"govuk-hint\">\n    If you have dual nationality, select all options that are relevant to you.\n  </div>\n  <div class=\"govuk-checkboxes\" data-module=\"govuk-checkboxes\">\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"example-multiple-hints\" name=\"example-multiple-hints\" type=\"checkbox\" value=\"british\" aria-describedby=\"example-multiple-hints-hint example-multiple-hints-item-hint\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"example-multiple-hints\">\n        British\n      </label>\n      <div id=\"example-multiple-hints-item-hint\" class=\"govuk-hint govuk-checkboxes__hint\">\n        Hint for british option here\n      </div>\n    </div>\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"example-multiple-hints-2\" name=\"example-multiple-hints\" type=\"checkbox\" value=\"irish\" aria-describedby=\"example-multiple-hints-hint\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"example-multiple-hints-2\">\n        Irish\n      </label>\n    </div>\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"example-multiple-hints-3\" name=\"example-multiple-hints\" type=\"checkbox\" value=\"other\" aria-describedby=\"example-multiple-hints-hint example-multiple-hints-3-item-hint\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"example-multiple-hints-3\">\n        Citizen of another country\n      </label>\n      <div id=\"example-multiple-hints-3-item-hint\" class=\"govuk-hint govuk-checkboxes__hint\">\n        Hint for other option here\n      </div>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "with conditional items with special characters",
+            "options": {
+                "name": "contact-prefs",
+                "idPrefix": "user.profile[contact-prefs]",
+                "fieldset": {
+                    "legend": {
+                        "text": "How do you want to be contacted?"
+                    }
+                },
+                "items": [
+                    {
+                        "value": "email",
+                        "text": "Email",
+                        "conditional": {
+                            "html": "<label class=\"govuk-label\" for=\"context-email\">Email address</label>\n<input class=\"govuk-input govuk-!-width-one-third\" name=\"context-email\" type=\"text\" id=\"context-email\">\n"
+                        }
+                    },
+                    {
+                        "value": "phone",
+                        "text": "Phone",
+                        "conditional": {
+                            "html": "<label class=\"govuk-label\" for=\"contact-phone\">Phone number</label>\n<input class=\"govuk-input govuk-!-width-one-third\" name=\"contact-phone\" type=\"text\" id=\"contact-phone\">\n"
+                        }
+                    },
+                    {
+                        "value": "text",
+                        "text": "Text message",
+                        "conditional": {
+                            "html": "<label class=\"govuk-label\" for=\"contact-text-message\">Mobile phone number</label>\n<input class=\"govuk-input govuk-!-width-one-third\" name=\"contact-text-message\" type=\"text\" id=\"contact-text-message\">\n"
+                        }
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <fieldset class=\"govuk-fieldset\">\n  <legend class=\"govuk-fieldset__legend\">\n    How do you want to be contacted?\n  </legend>\n  <div class=\"govuk-checkboxes\" data-module=\"govuk-checkboxes\">\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"user.profile[contact-prefs]\" name=\"contact-prefs\" type=\"checkbox\" value=\"email\" data-aria-controls=\"conditional-user.profile[contact-prefs]\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"user.profile[contact-prefs]\">\n        Email\n      </label>\n    </div>\n    <div class=\"govuk-checkboxes__conditional govuk-checkboxes__conditional--hidden\" id=\"conditional-user.profile[contact-prefs]\">\n      <label class=\"govuk-label\" for=\"context-email\">Email address</label>\n<input class=\"govuk-input govuk-!-width-one-third\" name=\"context-email\" type=\"text\" id=\"context-email\">\n    </div>\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"user.profile[contact-prefs]-2\" name=\"contact-prefs\" type=\"checkbox\" value=\"phone\" data-aria-controls=\"conditional-user.profile[contact-prefs]-2\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"user.profile[contact-prefs]-2\">\n        Phone\n      </label>\n    </div>\n    <div class=\"govuk-checkboxes__conditional govuk-checkboxes__conditional--hidden\" id=\"conditional-user.profile[contact-prefs]-2\">\n      <label class=\"govuk-label\" for=\"contact-phone\">Phone number</label>\n<input class=\"govuk-input govuk-!-width-one-third\" name=\"contact-phone\" type=\"text\" id=\"contact-phone\">\n    </div>\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"user.profile[contact-prefs]-3\" name=\"contact-prefs\" type=\"checkbox\" value=\"text\" data-aria-controls=\"conditional-user.profile[contact-prefs]-3\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"user.profile[contact-prefs]-3\">\n        Text message\n      </label>\n    </div>\n    <div class=\"govuk-checkboxes__conditional govuk-checkboxes__conditional--hidden\" id=\"conditional-user.profile[contact-prefs]-3\">\n      <label class=\"govuk-label\" for=\"contact-text-message\">Mobile phone number</label>\n<input class=\"govuk-input govuk-!-width-one-third\" name=\"contact-text-message\" type=\"text\" id=\"contact-text-message\">\n    </div>\n  </div>\n</fieldset>\n</div>"
+        },
+        {
+            "name": "with error message and hint",
+            "options": {
+                "name": "example",
+                "items": [
+                    {
+                        "value": "british",
+                        "text": "British"
+                    },
+                    {
+                        "value": "irish",
+                        "text": "Irish"
+                    }
+                ],
+                "errorMessage": {
+                    "text": "Please select an option"
+                },
+                "fieldset": {
+                    "legend": {
+                        "text": "What is your nationality?"
+                    }
+                },
+                "hint": {
+                    "text": "If you have dual nationality, select all options that are relevant to you."
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-form-group--error\">\n  <fieldset class=\"govuk-fieldset\" aria-describedby=\"example-hint example-error\">\n  <legend class=\"govuk-fieldset__legend\">\n    What is your nationality?\n  </legend>\n  <div id=\"example-hint\" class=\"govuk-hint\">\n    If you have dual nationality, select all options that are relevant to you.\n  </div>\n  <p id=\"example-error\" class=\"govuk-error-message\">\n    <span class=\"govuk-visually-hidden\">Error:</span> Please select an option\n  </p>\n  <div class=\"govuk-checkboxes\" data-module=\"govuk-checkboxes\">\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"example\" name=\"example\" type=\"checkbox\" value=\"british\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"example\">\n        British\n      </label>\n    </div>\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"example-2\" name=\"example\" type=\"checkbox\" value=\"irish\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"example-2\">\n        Irish\n      </label>\n    </div>\n  </div>\n</fieldset>\n</div>"
+        },
+        {
+            "name": "with error, hint and fieldset describedBy",
+            "options": {
+                "name": "example",
+                "errorMessage": {
+                    "text": "Please select an option"
+                },
+                "fieldset": {
+                    "describedBy": "test-target-element",
+                    "legend": {
+                        "text": "What is your nationality?"
+                    }
+                },
+                "hint": {
+                    "text": "If you have dual nationality, select all options that are relevant to you."
+                },
+                "items": [
+                    {
+                        "value": "british",
+                        "text": "British"
+                    },
+                    {
+                        "value": "irish",
+                        "text": "Irish"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-form-group--error\">\n  <fieldset class=\"govuk-fieldset\" aria-describedby=\"test-target-element example-hint example-error\">\n  <legend class=\"govuk-fieldset__legend\">\n    What is your nationality?\n  </legend>\n  <div id=\"example-hint\" class=\"govuk-hint\">\n    If you have dual nationality, select all options that are relevant to you.\n  </div>\n  <p id=\"example-error\" class=\"govuk-error-message\">\n    <span class=\"govuk-visually-hidden\">Error:</span> Please select an option\n  </p>\n  <div class=\"govuk-checkboxes\" data-module=\"govuk-checkboxes\">\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"example\" name=\"example\" type=\"checkbox\" value=\"british\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"example\">\n        British\n      </label>\n    </div>\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"example-2\" name=\"example\" type=\"checkbox\" value=\"irish\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"example-2\">\n        Irish\n      </label>\n    </div>\n  </div>\n</fieldset>\n</div>"
+        },
+        {
+            "name": "label with attributes",
+            "options": {
+                "name": "example-name",
+                "items": [
+                    {
+                        "value": 1,
+                        "html": "<b>Option 1</b>",
+                        "label": {
+                            "attributes": {
+                                "data-attribute": "value",
+                                "data-second-attribute": "second-value"
+                            }
+                        }
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <div class=\"govuk-checkboxes\" data-module=\"govuk-checkboxes\">\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"example-name\" name=\"example-name\" type=\"checkbox\" value=\"1\">\n      <label class=\"govuk-label govuk-checkboxes__label\" data-attribute=\"value\" data-second-attribute=\"second-value\" for=\"example-name\">\n        <b>Option 1</b>\n      </label>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "fieldset params",
+            "options": {
+                "name": "example-name",
+                "errorMessage": {
+                    "text": "Please select an option"
+                },
+                "fieldset": {
+                    "legend": {
+                        "text": "What is your nationality?"
+                    },
+                    "classes": "app-fieldset--custom-modifier",
+                    "attributes": {
+                        "data-attribute": "value",
+                        "data-second-attribute": "second-value"
+                    }
+                },
+                "items": [
+                    {
+                        "value": "british",
+                        "text": "British"
+                    },
+                    {
+                        "value": "irish",
+                        "text": "Irish"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-form-group--error\">\n  <fieldset class=\"govuk-fieldset app-fieldset--custom-modifier\" aria-describedby=\"example-name-error\" data-attribute=\"value\" data-second-attribute=\"second-value\">\n  <legend class=\"govuk-fieldset__legend\">\n    What is your nationality?\n  </legend>\n  <p id=\"example-name-error\" class=\"govuk-error-message\">\n    <span class=\"govuk-visually-hidden\">Error:</span> Please select an option\n  </p>\n  <div class=\"govuk-checkboxes\" data-module=\"govuk-checkboxes\">\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"example-name\" name=\"example-name\" type=\"checkbox\" value=\"british\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"example-name\">\n        British\n      </label>\n    </div>\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"example-name-2\" name=\"example-name\" type=\"checkbox\" value=\"irish\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"example-name-2\">\n        Irish\n      </label>\n    </div>\n  </div>\n</fieldset>\n</div>"
+        },
+        {
+            "name": "fieldset html params",
+            "options": {
+                "name": "example-name",
+                "fieldset": {
+                    "legend": {
+                        "html": "What is your <b>nationality</b>?"
+                    }
+                },
+                "items": [
+                    {
+                        "value": "british",
+                        "text": "British"
+                    },
+                    {
+                        "value": "irish",
+                        "text": "Irish"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <fieldset class=\"govuk-fieldset\">\n  <legend class=\"govuk-fieldset__legend\">\n    What is your <b>nationality</b>?\n  </legend>\n  <div class=\"govuk-checkboxes\" data-module=\"govuk-checkboxes\">\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"example-name\" name=\"example-name\" type=\"checkbox\" value=\"british\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"example-name\">\n        British\n      </label>\n    </div>\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"example-name-2\" name=\"example-name\" type=\"checkbox\" value=\"irish\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"example-name-2\">\n        Irish\n      </label>\n    </div>\n  </div>\n</fieldset>\n</div>"
+        },
+        {
+            "name": "with single option set 'aria-describedby' on input, and describedBy",
+            "options": {
+                "describedBy": "test-target-element",
+                "name": "t-and-c",
+                "hint": {
+                    "text": "Please accept the terms and conditions"
+                },
+                "items": [
+                    {
+                        "value": "yes",
+                        "text": "I agree to the terms and conditions"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <div id=\"t-and-c-hint\" class=\"govuk-hint\">\n    Please accept the terms and conditions\n  </div>\n  <div class=\"govuk-checkboxes\" data-module=\"govuk-checkboxes\">\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"t-and-c\" name=\"t-and-c\" type=\"checkbox\" value=\"yes\" aria-describedby=\"test-target-element t-and-c-hint\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"t-and-c\">\n        I agree to the terms and conditions\n      </label>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "with single option (and hint) set 'aria-describedby' on input, and describedBy",
+            "options": {
+                "describedBy": "test-target-element",
+                "name": "t-and-c-with-hint",
+                "hint": {
+                    "text": "Please accept the terms and conditions"
+                },
+                "items": [
+                    {
+                        "value": "yes",
+                        "text": "I agree to the terms and conditions",
+                        "hint": {
+                            "text": "Go on, you know you want to!"
+                        }
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <div id=\"t-and-c-with-hint-hint\" class=\"govuk-hint\">\n    Please accept the terms and conditions\n  </div>\n  <div class=\"govuk-checkboxes\" data-module=\"govuk-checkboxes\">\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"t-and-c-with-hint\" name=\"t-and-c-with-hint\" type=\"checkbox\" value=\"yes\" aria-describedby=\"test-target-element t-and-c-with-hint-hint t-and-c-with-hint-item-hint\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"t-and-c-with-hint\">\n        I agree to the terms and conditions\n      </label>\n      <div id=\"t-and-c-with-hint-item-hint\" class=\"govuk-hint govuk-checkboxes__hint\">\n        Go on, you know you want to!\n      </div>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "with error and idPrefix",
+            "options": {
+                "name": "name-of-checkboxes",
+                "errorMessage": {
+                    "text": "Please select an option"
+                },
+                "idPrefix": "id-prefix",
+                "items": [
+                    {
+                        "value": "animal",
+                        "text": "Waste from animal carcasses"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-form-group--error\">\n  <p id=\"id-prefix-error\" class=\"govuk-error-message\">\n    <span class=\"govuk-visually-hidden\">Error:</span> Please select an option\n  </p>\n  <div class=\"govuk-checkboxes\" data-module=\"govuk-checkboxes\">\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"id-prefix\" name=\"name-of-checkboxes\" type=\"checkbox\" value=\"animal\" aria-describedby=\"id-prefix-error\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"id-prefix\">\n        Waste from animal carcasses\n      </label>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "with error message and fieldset describedBy",
+            "options": {
+                "name": "example",
+                "errorMessage": {
+                    "text": "Please select an option"
+                },
+                "fieldset": {
+                    "describedBy": "test-target-element",
+                    "legend": {
+                        "text": "What is your nationality?"
+                    }
+                },
+                "items": [
+                    {
+                        "value": "british",
+                        "text": "British"
+                    },
+                    {
+                        "value": "irish",
+                        "text": "Irish"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-form-group--error\">\n  <fieldset class=\"govuk-fieldset\" aria-describedby=\"test-target-element example-error\">\n  <legend class=\"govuk-fieldset__legend\">\n    What is your nationality?\n  </legend>\n  <p id=\"example-error\" class=\"govuk-error-message\">\n    <span class=\"govuk-visually-hidden\">Error:</span> Please select an option\n  </p>\n  <div class=\"govuk-checkboxes\" data-module=\"govuk-checkboxes\">\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"example\" name=\"example\" type=\"checkbox\" value=\"british\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"example\">\n        British\n      </label>\n    </div>\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"example-2\" name=\"example\" type=\"checkbox\" value=\"irish\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"example-2\">\n        Irish\n      </label>\n    </div>\n  </div>\n</fieldset>\n</div>"
+        },
+        {
+            "name": "with conditional item checked",
+            "options": {
+                "name": "how-contacted-checked",
+                "idPrefix": "how-contacted-checked",
+                "fieldset": {
+                    "legend": {
+                        "text": "How do you want to be contacted?"
+                    }
+                },
+                "items": [
+                    {
+                        "value": "email",
+                        "text": "Email",
+                        "checked": true,
+                        "conditional": {
+                            "html": "<label class=\"govuk-label\" for=\"context-email\">Email address</label>\n<input class=\"govuk-input govuk-!-width-one-third\" name=\"context-email\" type=\"text\" id=\"context-email\">\n"
+                        }
+                    },
+                    {
+                        "value": "phone",
+                        "text": "Phone",
+                        "conditional": {
+                            "html": "<label class=\"govuk-label\" for=\"contact-phone\">Phone number</label>\n<input class=\"govuk-input govuk-!-width-one-third\" name=\"contact-phone\" type=\"text\" id=\"contact-phone\">\n"
+                        }
+                    },
+                    {
+                        "value": "text",
+                        "text": "Text message",
+                        "conditional": {
+                            "html": "<label class=\"govuk-label\" for=\"contact-text-message\">Mobile phone number</label>\n<input class=\"govuk-input govuk-!-width-one-third\" name=\"contact-text-message\" type=\"text\" id=\"contact-text-message\">\n"
+                        }
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <fieldset class=\"govuk-fieldset\">\n  <legend class=\"govuk-fieldset__legend\">\n    How do you want to be contacted?\n  </legend>\n  <div class=\"govuk-checkboxes\" data-module=\"govuk-checkboxes\">\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"how-contacted-checked\" name=\"how-contacted-checked\" type=\"checkbox\" value=\"email\" checked data-aria-controls=\"conditional-how-contacted-checked\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"how-contacted-checked\">\n        Email\n      </label>\n    </div>\n    <div class=\"govuk-checkboxes__conditional\" id=\"conditional-how-contacted-checked\">\n      <label class=\"govuk-label\" for=\"context-email\">Email address</label>\n<input class=\"govuk-input govuk-!-width-one-third\" name=\"context-email\" type=\"text\" id=\"context-email\">\n    </div>\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"how-contacted-checked-2\" name=\"how-contacted-checked\" type=\"checkbox\" value=\"phone\" data-aria-controls=\"conditional-how-contacted-checked-2\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"how-contacted-checked-2\">\n        Phone\n      </label>\n    </div>\n    <div class=\"govuk-checkboxes__conditional govuk-checkboxes__conditional--hidden\" id=\"conditional-how-contacted-checked-2\">\n      <label class=\"govuk-label\" for=\"contact-phone\">Phone number</label>\n<input class=\"govuk-input govuk-!-width-one-third\" name=\"contact-phone\" type=\"text\" id=\"contact-phone\">\n    </div>\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"how-contacted-checked-3\" name=\"how-contacted-checked\" type=\"checkbox\" value=\"text\" data-aria-controls=\"conditional-how-contacted-checked-3\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"how-contacted-checked-3\">\n        Text message\n      </label>\n    </div>\n    <div class=\"govuk-checkboxes__conditional govuk-checkboxes__conditional--hidden\" id=\"conditional-how-contacted-checked-3\">\n      <label class=\"govuk-label\" for=\"contact-text-message\">Mobile phone number</label>\n<input class=\"govuk-input govuk-!-width-one-third\" name=\"contact-text-message\" type=\"text\" id=\"contact-text-message\">\n    </div>\n  </div>\n</fieldset>\n</div>"
+        },
+        {
+            "name": "item checked overrides values",
+            "options": {
+                "name": "colors",
+                "items": [
+                    {
+                        "value": "red",
+                        "text": "Red"
+                    },
+                    {
+                        "value": "green",
+                        "text": "Green",
+                        "checked": false
+                    },
+                    {
+                        "value": "blue",
+                        "text": "Blue"
+                    }
+                ],
+                "values": [
+                    "red",
+                    "green"
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <div class=\"govuk-checkboxes\" data-module=\"govuk-checkboxes\">\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"colors\" name=\"colors\" type=\"checkbox\" value=\"red\" checked>\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"colors\">\n        Red\n      </label>\n    </div>\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"colors-2\" name=\"colors\" type=\"checkbox\" value=\"green\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"colors-2\">\n        Green\n      </label>\n    </div>\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"colors-3\" name=\"colors\" type=\"checkbox\" value=\"blue\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"colors-3\">\n        Blue\n      </label>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "textarea in conditional",
+            "options": {
+                "name": "conditional",
+                "fieldset": {
+                    "legend": {
+                        "text": "Test"
+                    }
+                },
+                "items": [
+                    {
+                        "value": "other",
+                        "text": "Other",
+                        "conditional": {
+                            "html": "<label class=\"govuk-label\" for=\"conditional-textarea\">textarea</label>\n<textarea class=\"govuk-textarea\" name=\"conditional-textarea\" id=\"conditional-textarea\">\ntest\n</textarea>\n"
+                        }
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <fieldset class=\"govuk-fieldset\">\n  <legend class=\"govuk-fieldset__legend\">\n    Test\n  </legend>\n  <div class=\"govuk-checkboxes\" data-module=\"govuk-checkboxes\">\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"conditional\" name=\"conditional\" type=\"checkbox\" value=\"other\" data-aria-controls=\"conditional-conditional\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"conditional\">\n        Other\n      </label>\n    </div>\n    <div class=\"govuk-checkboxes__conditional govuk-checkboxes__conditional--hidden\" id=\"conditional-conditional\">\n      <label class=\"govuk-label\" for=\"conditional-textarea\">textarea</label>\n<textarea class=\"govuk-textarea\" name=\"conditional-textarea\" id=\"conditional-textarea\">\ntest\n</textarea>\n    </div>\n  </div>\n</fieldset>\n</div>"
+        }
+    ]
+}
diff --git a/app/templates/govuk/components/checkboxes/macro-options.json b/app/templates/govuk/components/checkboxes/macro-options.json
new file mode 100644
index 0000000..52020dc
--- /dev/null
+++ b/app/templates/govuk/components/checkboxes/macro-options.json
@@ -0,0 +1,229 @@
+[
+    {
+        "name": "describedBy",
+        "type": "string",
+        "required": false,
+        "description": "One or more element IDs to add to the input `aria-describedby` attribute without a fieldset, used to provide additional descriptive information for screenreader users."
+    },
+    {
+        "name": "fieldset",
+        "type": "object",
+        "required": false,
+        "description": "Can be used to add a fieldset to the checkboxes component.",
+        "isComponent": true
+    },
+    {
+        "name": "hint",
+        "type": "object",
+        "required": false,
+        "description": "Can be used to add a hint to the checkboxes component.",
+        "isComponent": true
+    },
+    {
+        "name": "errorMessage",
+        "type": "object",
+        "required": false,
+        "description": "Can be used to add an error message to the checkboxes component. The error message component will not display if you use a falsy value for `errorMessage`, for example `false` or `null`.",
+        "isComponent": true
+    },
+    {
+        "name": "formGroup",
+        "type": "object",
+        "required": false,
+        "description": "Additional options for the form group containing the checkboxes component.",
+        "params": [
+            {
+                "name": "classes",
+                "type": "string",
+                "required": false,
+                "description": "Classes to add to the form group (for example to show error state for the whole group)."
+            },
+            {
+                "name": "attributes",
+                "type": "object",
+                "required": false,
+                "description": "HTML attributes (for example data attributes) to add to the form group."
+            },
+            {
+                "name": "beforeInputs",
+                "type": "object",
+                "required": false,
+                "description": "Content to add before all checkbox items within the checkboxes component.",
+                "params": [
+                    {
+                        "name": "text",
+                        "type": "string",
+                        "required": true,
+                        "description": "Text to add before all checkbox items. If `html` is provided, the `text` option will be ignored."
+                    },
+                    {
+                        "name": "html",
+                        "type": "string",
+                        "required": true,
+                        "description": "HTML to add before all checkbox items. If `html` is provided, the `text` option will be ignored."
+                    }
+                ]
+            },
+            {
+                "name": "afterInputs",
+                "type": "object",
+                "required": false,
+                "description": "Content to add after all checkbox items within the checkboxes component.",
+                "params": [
+                    {
+                        "name": "text",
+                        "type": "string",
+                        "required": true,
+                        "description": "Text to add after all checkbox items. If `html` is provided, the `text` option will be ignored."
+                    },
+                    {
+                        "name": "html",
+                        "type": "string",
+                        "required": true,
+                        "description": "HTML to add after all checkbox items. If `html` is provided, the `text` option will be ignored."
+                    }
+                ]
+            }
+        ]
+    },
+    {
+        "name": "idPrefix",
+        "type": "string",
+        "required": false,
+        "description": "Optional prefix. This is used to prefix the `id` attribute for each checkbox item input, hint and error message, separated by `-`. Defaults to the `name` option value."
+    },
+    {
+        "name": "name",
+        "type": "string",
+        "required": true,
+        "description": "Name attribute for all checkbox items."
+    },
+    {
+        "name": "items",
+        "type": "array",
+        "required": true,
+        "description": "The checkbox items within the checkboxes component.",
+        "params": [
+            {
+                "name": "text",
+                "type": "string",
+                "required": true,
+                "description": "If `html` is set, this is not required. Text to use within each checkbox item label. If `html` is provided, the `text` option will be ignored."
+            },
+            {
+                "name": "html",
+                "type": "string",
+                "required": true,
+                "description": "If `text` is set, this is not required. HTML to use within each checkbox item label. If `html` is provided, the `text` option will be ignored."
+            },
+            {
+                "name": "id",
+                "type": "string",
+                "required": false,
+                "description": "Specific ID attribute for the checkbox item. If omitted, then component global `idPrefix` option will be applied."
+            },
+            {
+                "name": "name",
+                "type": "string",
+                "required": false,
+                "description": "Specific name for the checkbox item. If omitted, then component global `name` string will be applied."
+            },
+            {
+                "name": "value",
+                "type": "string",
+                "required": true,
+                "description": "Value for the checkbox input."
+            },
+            {
+                "name": "label",
+                "type": "object",
+                "required": false,
+                "description": "Subset of options for the label used by each checkbox item within the checkboxes component.",
+                "isComponent": true,
+                "params": [
+                    {
+                        "name": "classes",
+                        "type": "string",
+                        "required": false,
+                        "description": "Classes to add to the label tag."
+                    },
+                    {
+                        "name": "attributes",
+                        "type": "object",
+                        "required": false,
+                        "description": "HTML attributes (for example data attributes) to add to the label tag."
+                    }
+                ]
+            },
+            {
+                "name": "hint",
+                "type": "object",
+                "required": false,
+                "description": "Can be used to add a hint to each checkbox item within the checkboxes component.",
+                "isComponent": true
+            },
+            {
+                "name": "divider",
+                "type": "string",
+                "required": false,
+                "description": "Divider text to separate checkbox items, for example the text `\"or\"`."
+            },
+            {
+                "name": "checked",
+                "type": "boolean",
+                "required": false,
+                "description": "Whether the checkbox should be checked when the page loads. Takes precedence over the top-level `values` option."
+            },
+            {
+                "name": "conditional",
+                "type": "object",
+                "required": false,
+                "description": "Provide additional content to reveal when the checkbox is checked.",
+                "params": [
+                    {
+                        "name": "html",
+                        "type": "string",
+                        "description": "The HTML to reveal when the checkbox is checked.",
+                        "required": true
+                    }
+                ]
+            },
+            {
+                "name": "behaviour",
+                "type": "string",
+                "required": false,
+                "description": "If set to `\"exclusive\"`, implements a 'None of these' type behaviour via JavaScript when checkboxes are clicked."
+            },
+            {
+                "name": "disabled",
+                "type": "boolean",
+                "required": false,
+                "description": "If `true`, checkbox will be disabled."
+            },
+            {
+                "name": "attributes",
+                "type": "object",
+                "required": false,
+                "description": "HTML attributes (for example data attributes) to add to the checkbox input tag."
+            }
+        ]
+    },
+    {
+        "name": "values",
+        "type": "array",
+        "required": false,
+        "description": "Array of values for checkboxes which should be checked when the page loads. Use this as an alternative to setting the `checked` option on each individual item."
+    },
+    {
+        "name": "classes",
+        "type": "string",
+        "required": false,
+        "description": "Classes to add to the checkboxes container."
+    },
+    {
+        "name": "attributes",
+        "type": "object",
+        "required": false,
+        "description": "HTML attributes (for example data attributes) to add to the anchor tag."
+    }
+]
diff --git a/app/templates/govuk/components/checkboxes/macro.njk b/app/templates/govuk/components/checkboxes/macro.njk
new file mode 100644
index 0000000..e023534
--- /dev/null
+++ b/app/templates/govuk/components/checkboxes/macro.njk
@@ -0,0 +1,3 @@
+{% macro govukCheckboxes(params) %}
+  {%- include "./template.njk" -%}
+{% endmacro %}
diff --git a/app/templates/govuk/components/checkboxes/template-default.html b/app/templates/govuk/components/checkboxes/template-default.html
new file mode 100644
index 0000000..e743fd1
--- /dev/null
+++ b/app/templates/govuk/components/checkboxes/template-default.html
@@ -0,0 +1,27 @@
+<div class="govuk-form-group">
+  <fieldset class="govuk-fieldset">
+  <legend class="govuk-fieldset__legend">
+    What is your nationality?
+  </legend>
+  <div class="govuk-checkboxes" data-module="govuk-checkboxes">
+    <div class="govuk-checkboxes__item">
+      <input class="govuk-checkboxes__input" id="nationality" name="nationality" type="checkbox" value="british">
+      <label class="govuk-label govuk-checkboxes__label" for="nationality">
+        British
+      </label>
+    </div>
+    <div class="govuk-checkboxes__item">
+      <input class="govuk-checkboxes__input" id="nationality-2" name="nationality" type="checkbox" value="irish">
+      <label class="govuk-label govuk-checkboxes__label" for="nationality-2">
+        Irish
+      </label>
+    </div>
+    <div class="govuk-checkboxes__item">
+      <input class="govuk-checkboxes__input" id="nationality-3" name="nationality" type="checkbox" value="other">
+      <label class="govuk-label govuk-checkboxes__label" for="nationality-3">
+        Citizen of another country
+      </label>
+    </div>
+  </div>
+</fieldset>
+</div>
diff --git a/app/templates/govuk/components/checkboxes/template-small-with-conditional-reveal.html b/app/templates/govuk/components/checkboxes/template-small-with-conditional-reveal.html
new file mode 100644
index 0000000..98e7434
--- /dev/null
+++ b/app/templates/govuk/components/checkboxes/template-small-with-conditional-reveal.html
@@ -0,0 +1,25 @@
+<div class="govuk-form-group">
+  <fieldset class="govuk-fieldset">
+  <legend class="govuk-fieldset__legend">
+    How do you want to be contacted?
+  </legend>
+  <div class="govuk-checkboxes govuk-checkboxes--small" data-module="govuk-checkboxes">
+    <div class="govuk-checkboxes__item">
+      <input class="govuk-checkboxes__input" id="how-contacted" name="how-contacted" type="checkbox" value="a" data-aria-controls="conditional-how-contacted">
+      <label class="govuk-label govuk-checkboxes__label" for="how-contacted">
+        a thing
+      </label>
+    </div>
+    <div class="govuk-checkboxes__conditional govuk-checkboxes__conditional--hidden" id="conditional-how-contacted">
+      <label class="govuk-label" for="context-email">Foo</label>
+<input class="govuk-input govuk-!-width-one-third" name="context-email" type="text" id="context-email">
+    </div>
+    <div class="govuk-checkboxes__item">
+      <input class="govuk-checkboxes__input" id="how-contacted-2" name="how-contacted" type="checkbox" value="b">
+      <label class="govuk-label govuk-checkboxes__label" for="how-contacted-2">
+        another thing
+      </label>
+    </div>
+  </div>
+</fieldset>
+</div>
diff --git a/app/templates/govuk/components/checkboxes/template-small-with-divider-and-none.html b/app/templates/govuk/components/checkboxes/template-small-with-divider-and-none.html
new file mode 100644
index 0000000..05461f8
--- /dev/null
+++ b/app/templates/govuk/components/checkboxes/template-small-with-divider-and-none.html
@@ -0,0 +1,34 @@
+<div class="govuk-form-group">
+  <fieldset class="govuk-fieldset">
+  <legend class="govuk-fieldset__legend">
+    Which types of waste do you transport regularly?
+  </legend>
+  <div class="govuk-checkboxes govuk-checkboxes--small" data-module="govuk-checkboxes">
+    <div class="govuk-checkboxes__item">
+      <input class="govuk-checkboxes__input" id="small-with-divider-and-none" name="small-with-divider-and-none" type="checkbox" value="animal">
+      <label class="govuk-label govuk-checkboxes__label" for="small-with-divider-and-none">
+        Waste from animal carcasses
+      </label>
+    </div>
+    <div class="govuk-checkboxes__item">
+      <input class="govuk-checkboxes__input" id="small-with-divider-and-none-2" name="small-with-divider-and-none" type="checkbox" value="mines">
+      <label class="govuk-label govuk-checkboxes__label" for="small-with-divider-and-none-2">
+        Waste from mines or quarries
+      </label>
+    </div>
+    <div class="govuk-checkboxes__item">
+      <input class="govuk-checkboxes__input" id="small-with-divider-and-none-3" name="small-with-divider-and-none" type="checkbox" value="farm">
+      <label class="govuk-label govuk-checkboxes__label" for="small-with-divider-and-none-3">
+        Farm or agricultural waste
+      </label>
+    </div>
+    <div class="govuk-checkboxes__divider">or</div>
+    <div class="govuk-checkboxes__item">
+      <input class="govuk-checkboxes__input" id="small-with-divider-and-none-5" name="small-with-divider-and-none" type="checkbox" value="none" data-behaviour="exclusive">
+      <label class="govuk-label govuk-checkboxes__label" for="small-with-divider-and-none-5">
+        None of these
+      </label>
+    </div>
+  </div>
+</fieldset>
+</div>
diff --git a/app/templates/govuk/components/checkboxes/template-small-with-error.html b/app/templates/govuk/components/checkboxes/template-small-with-error.html
new file mode 100644
index 0000000..e196a05
--- /dev/null
+++ b/app/templates/govuk/components/checkboxes/template-small-with-error.html
@@ -0,0 +1,30 @@
+<div class="govuk-form-group govuk-form-group--error">
+  <fieldset class="govuk-fieldset" aria-describedby="nationality-error">
+  <legend class="govuk-fieldset__legend">
+    Filter by
+  </legend>
+  <p id="nationality-error" class="govuk-error-message">
+    <span class="govuk-visually-hidden">Error:</span> Select a thing
+  </p>
+  <div class="govuk-checkboxes govuk-checkboxes--small" data-module="govuk-checkboxes">
+    <div class="govuk-checkboxes__item">
+      <input class="govuk-checkboxes__input" id="nationality" name="nationality" type="checkbox" value="a">
+      <label class="govuk-label govuk-checkboxes__label" for="nationality">
+        a thing
+      </label>
+    </div>
+    <div class="govuk-checkboxes__item">
+      <input class="govuk-checkboxes__input" id="nationality-2" name="nationality" type="checkbox" value="b">
+      <label class="govuk-label govuk-checkboxes__label" for="nationality-2">
+        another thing
+      </label>
+    </div>
+    <div class="govuk-checkboxes__item">
+      <input class="govuk-checkboxes__input" id="nationality-3" name="nationality" type="checkbox" value="c">
+      <label class="govuk-label govuk-checkboxes__label" for="nationality-3">
+        this thing
+      </label>
+    </div>
+  </div>
+</fieldset>
+</div>
diff --git a/app/templates/govuk/components/checkboxes/template-small-with-hint.html b/app/templates/govuk/components/checkboxes/template-small-with-hint.html
new file mode 100644
index 0000000..543bfed
--- /dev/null
+++ b/app/templates/govuk/components/checkboxes/template-small-with-hint.html
@@ -0,0 +1,30 @@
+<div class="govuk-form-group">
+  <fieldset class="govuk-fieldset">
+  <legend class="govuk-fieldset__legend">
+    Filter by
+  </legend>
+  <div class="govuk-checkboxes govuk-checkboxes--small" data-module="govuk-checkboxes">
+    <div class="govuk-checkboxes__item">
+      <input class="govuk-checkboxes__input" id="nationality" name="nationality" type="checkbox" value="a" aria-describedby="nationality-item-hint">
+      <label class="govuk-label govuk-checkboxes__label" for="nationality">
+        a thing
+      </label>
+      <div id="nationality-item-hint" class="govuk-hint govuk-checkboxes__hint">
+        hint for a thing
+      </div>
+    </div>
+    <div class="govuk-checkboxes__item">
+      <input class="govuk-checkboxes__input" id="nationality-2" name="nationality" type="checkbox" value="b">
+      <label class="govuk-label govuk-checkboxes__label" for="nationality-2">
+        another thing
+      </label>
+    </div>
+    <div class="govuk-checkboxes__item">
+      <input class="govuk-checkboxes__input" id="nationality-3" name="nationality" type="checkbox" value="c">
+      <label class="govuk-label govuk-checkboxes__label" for="nationality-3">
+        this thing
+      </label>
+    </div>
+  </div>
+</fieldset>
+</div>
diff --git a/app/templates/govuk/components/checkboxes/template-small-with-long-text.html b/app/templates/govuk/components/checkboxes/template-small-with-long-text.html
new file mode 100644
index 0000000..dbbc484
--- /dev/null
+++ b/app/templates/govuk/components/checkboxes/template-small-with-long-text.html
@@ -0,0 +1,27 @@
+<div class="govuk-form-group">
+  <fieldset class="govuk-fieldset">
+  <legend class="govuk-fieldset__legend">
+    Filter by
+  </legend>
+  <div class="govuk-checkboxes govuk-checkboxes--small" data-module="govuk-checkboxes">
+    <div class="govuk-checkboxes__item">
+      <input class="govuk-checkboxes__input" id="nationality" name="nationality" type="checkbox" value="nullam">
+      <label class="govuk-label govuk-checkboxes__label" for="nationality">
+        Nullam id dolor id nibh ultricies vehicula ut id elit. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Maecenas faucibus mollis interdum. Donec id elit non mi porta gravida at eget metus.
+      </label>
+    </div>
+    <div class="govuk-checkboxes__item">
+      <input class="govuk-checkboxes__input" id="nationality-2" name="nationality" type="checkbox" value="aenean">
+      <label class="govuk-label govuk-checkboxes__label" for="nationality-2">
+        Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Donec sed odio dui. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Cras mattis consectetur purus sit amet fermentum.
+      </label>
+    </div>
+    <div class="govuk-checkboxes__item">
+      <input class="govuk-checkboxes__input" id="nationality-3" name="nationality" type="checkbox" value="fusce">
+      <label class="govuk-label govuk-checkboxes__label" for="nationality-3">
+        Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Etiam porta sem malesuada magna mollis euismod. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. Sed posuere consectetur est at lobortis.
+      </label>
+    </div>
+  </div>
+</fieldset>
+</div>
diff --git a/app/templates/govuk/components/checkboxes/template-small.html b/app/templates/govuk/components/checkboxes/template-small.html
new file mode 100644
index 0000000..52d8f16
--- /dev/null
+++ b/app/templates/govuk/components/checkboxes/template-small.html
@@ -0,0 +1,27 @@
+<div class="govuk-form-group">
+  <fieldset class="govuk-fieldset">
+  <legend class="govuk-fieldset__legend">
+    Filter by
+  </legend>
+  <div class="govuk-checkboxes govuk-checkboxes--small" data-module="govuk-checkboxes">
+    <div class="govuk-checkboxes__item">
+      <input class="govuk-checkboxes__input" id="nationality" name="nationality" type="checkbox" value="a">
+      <label class="govuk-label govuk-checkboxes__label" for="nationality">
+        a thing
+      </label>
+    </div>
+    <div class="govuk-checkboxes__item">
+      <input class="govuk-checkboxes__input" id="nationality-2" name="nationality" type="checkbox" value="b">
+      <label class="govuk-label govuk-checkboxes__label" for="nationality-2">
+        another thing
+      </label>
+    </div>
+    <div class="govuk-checkboxes__item">
+      <input class="govuk-checkboxes__input" id="nationality-3" name="nationality" type="checkbox" value="c">
+      <label class="govuk-label govuk-checkboxes__label" for="nationality-3">
+        this thing
+      </label>
+    </div>
+  </div>
+</fieldset>
+</div>
diff --git a/app/templates/govuk/components/checkboxes/template-with-conditional-items.html b/app/templates/govuk/components/checkboxes/template-with-conditional-items.html
new file mode 100644
index 0000000..67a5424
--- /dev/null
+++ b/app/templates/govuk/components/checkboxes/template-with-conditional-items.html
@@ -0,0 +1,39 @@
+<div class="govuk-form-group">
+  <fieldset class="govuk-fieldset">
+  <legend class="govuk-fieldset__legend">
+    How do you want to be contacted?
+  </legend>
+  <div class="govuk-checkboxes" data-module="govuk-checkboxes">
+    <div class="govuk-checkboxes__item">
+      <input class="govuk-checkboxes__input" id="how-contacted" name="with-conditional-items" type="checkbox" value="email" data-aria-controls="conditional-how-contacted">
+      <label class="govuk-label govuk-checkboxes__label" for="how-contacted">
+        Email
+      </label>
+    </div>
+    <div class="govuk-checkboxes__conditional govuk-checkboxes__conditional--hidden" id="conditional-how-contacted">
+      <label class="govuk-label" for="context-email">Email address</label>
+<input class="govuk-input govuk-!-width-one-third" name="context-email" type="text" id="context-email">
+    </div>
+    <div class="govuk-checkboxes__item">
+      <input class="govuk-checkboxes__input" id="how-contacted-2" name="with-conditional-items" type="checkbox" value="phone" data-aria-controls="conditional-how-contacted-2">
+      <label class="govuk-label govuk-checkboxes__label" for="how-contacted-2">
+        Phone
+      </label>
+    </div>
+    <div class="govuk-checkboxes__conditional govuk-checkboxes__conditional--hidden" id="conditional-how-contacted-2">
+      <label class="govuk-label" for="contact-phone">Phone number</label>
+<input class="govuk-input govuk-!-width-one-third" name="contact-phone" type="text" id="contact-phone">
+    </div>
+    <div class="govuk-checkboxes__item">
+      <input class="govuk-checkboxes__input" id="how-contacted-3" name="with-conditional-items" type="checkbox" value="text" data-aria-controls="conditional-how-contacted-3">
+      <label class="govuk-label govuk-checkboxes__label" for="how-contacted-3">
+        Text message
+      </label>
+    </div>
+    <div class="govuk-checkboxes__conditional govuk-checkboxes__conditional--hidden" id="conditional-how-contacted-3">
+      <label class="govuk-label" for="contact-text-message">Mobile phone number</label>
+<input class="govuk-input govuk-!-width-one-third" name="contact-text-message" type="text" id="contact-text-message">
+    </div>
+  </div>
+</fieldset>
+</div>
diff --git a/app/templates/govuk/components/checkboxes/template-with-divider-and-none.html b/app/templates/govuk/components/checkboxes/template-with-divider-and-none.html
new file mode 100644
index 0000000..8292afc
--- /dev/null
+++ b/app/templates/govuk/components/checkboxes/template-with-divider-and-none.html
@@ -0,0 +1,34 @@
+<div class="govuk-form-group">
+  <fieldset class="govuk-fieldset">
+  <legend class="govuk-fieldset__legend">
+    Which types of waste do you transport regularly?
+  </legend>
+  <div class="govuk-checkboxes" data-module="govuk-checkboxes">
+    <div class="govuk-checkboxes__item">
+      <input class="govuk-checkboxes__input" id="with-divider-and-none" name="with-divider-and-none" type="checkbox" value="animal">
+      <label class="govuk-label govuk-checkboxes__label" for="with-divider-and-none">
+        Waste from animal carcasses
+      </label>
+    </div>
+    <div class="govuk-checkboxes__item">
+      <input class="govuk-checkboxes__input" id="with-divider-and-none-2" name="with-divider-and-none" type="checkbox" value="mines">
+      <label class="govuk-label govuk-checkboxes__label" for="with-divider-and-none-2">
+        Waste from mines or quarries
+      </label>
+    </div>
+    <div class="govuk-checkboxes__item">
+      <input class="govuk-checkboxes__input" id="with-divider-and-none-3" name="with-divider-and-none" type="checkbox" value="farm">
+      <label class="govuk-label govuk-checkboxes__label" for="with-divider-and-none-3">
+        Farm or agricultural waste
+      </label>
+    </div>
+    <div class="govuk-checkboxes__divider">or</div>
+    <div class="govuk-checkboxes__item">
+      <input class="govuk-checkboxes__input" id="with-divider-and-none-5" name="with-divider-and-none" type="checkbox" value="none" data-behaviour="exclusive">
+      <label class="govuk-label govuk-checkboxes__label" for="with-divider-and-none-5">
+        None of these
+      </label>
+    </div>
+  </div>
+</fieldset>
+</div>
diff --git a/app/templates/govuk/components/checkboxes/template-with-divider-none-and-conditional-items.html b/app/templates/govuk/components/checkboxes/template-with-divider-none-and-conditional-items.html
new file mode 100644
index 0000000..a349073
--- /dev/null
+++ b/app/templates/govuk/components/checkboxes/template-with-divider-none-and-conditional-items.html
@@ -0,0 +1,44 @@
+<div class="govuk-form-group">
+  <fieldset class="govuk-fieldset">
+  <legend class="govuk-fieldset__legend">
+    Do you have any access needs?
+  </legend>
+  <div class="govuk-checkboxes" data-module="govuk-checkboxes">
+    <div class="govuk-checkboxes__item">
+      <input class="govuk-checkboxes__input" id="with-divider-and-none-and-conditional-items" name="with-divider-and-none-and-conditional-items" type="checkbox" value="accessible-toilets">
+      <label class="govuk-label govuk-checkboxes__label" for="with-divider-and-none-and-conditional-items">
+        Accessible toilets available
+      </label>
+    </div>
+    <div class="govuk-checkboxes__item">
+      <input class="govuk-checkboxes__input" id="with-divider-and-none-and-conditional-items-2" name="with-divider-and-none-and-conditional-items" type="checkbox" value="braille">
+      <label class="govuk-label govuk-checkboxes__label" for="with-divider-and-none-and-conditional-items-2">
+        Braille translation service available
+      </label>
+    </div>
+    <div class="govuk-checkboxes__item">
+      <input class="govuk-checkboxes__input" id="with-divider-and-none-and-conditional-items-3" name="with-divider-and-none-and-conditional-items" type="checkbox" value="disabled-car-parking">
+      <label class="govuk-label govuk-checkboxes__label" for="with-divider-and-none-and-conditional-items-3">
+        Disabled car parking available
+      </label>
+    </div>
+    <div class="govuk-checkboxes__item">
+      <input class="govuk-checkboxes__input" id="with-divider-and-none-and-conditional-items-4" name="with-divider-and-none-and-conditional-items" type="checkbox" value="another-access-need" data-aria-controls="conditional-with-divider-and-none-and-conditional-items-4">
+      <label class="govuk-label govuk-checkboxes__label" for="with-divider-and-none-and-conditional-items-4">
+        Another access need
+      </label>
+    </div>
+    <div class="govuk-checkboxes__conditional govuk-checkboxes__conditional--hidden" id="conditional-with-divider-and-none-and-conditional-items-4">
+      <label class="govuk-label" for="other-access-needs">Other access needs</label>
+<textarea class="govuk-textarea govuk-!-width-one-third" name="other-access-needs" id="other-access-needs"></textarea>
+    </div>
+    <div class="govuk-checkboxes__divider">or</div>
+    <div class="govuk-checkboxes__item">
+      <input class="govuk-checkboxes__input" id="with-divider-and-none-and-conditional-items-6" name="with-divider-and-none-and-conditional-items" type="checkbox" value="none" data-behaviour="exclusive">
+      <label class="govuk-label govuk-checkboxes__label" for="with-divider-and-none-and-conditional-items-6">
+        None of these
+      </label>
+    </div>
+  </div>
+</fieldset>
+</div>
diff --git a/app/templates/govuk/components/checkboxes/template-with-error-message.html b/app/templates/govuk/components/checkboxes/template-with-error-message.html
new file mode 100644
index 0000000..48f6a6b
--- /dev/null
+++ b/app/templates/govuk/components/checkboxes/template-with-error-message.html
@@ -0,0 +1,39 @@
+<div class="govuk-form-group govuk-form-group--error">
+  <fieldset class="govuk-fieldset" aria-describedby="waste-error">
+  <legend class="govuk-fieldset__legend">
+    Which types of waste do you transport regularly?
+  </legend>
+  <p id="waste-error" class="govuk-error-message">
+    <span class="govuk-visually-hidden">Error:</span> Please select an option
+  </p>
+  <div class="govuk-checkboxes" data-module="govuk-checkboxes">
+    <div class="govuk-checkboxes__item">
+      <input class="govuk-checkboxes__input" id="waste" name="waste" type="checkbox" value="animal" aria-describedby="waste-item-hint">
+      <label class="govuk-label govuk-checkboxes__label" for="waste">
+        Waste from animal carcasses
+      </label>
+      <div id="waste-item-hint" class="govuk-hint govuk-checkboxes__hint">
+        Nullam id dolor id nibh ultricies vehicula ut id elit.
+      </div>
+    </div>
+    <div class="govuk-checkboxes__item">
+      <input class="govuk-checkboxes__input" id="waste-2" name="waste" type="checkbox" value="mines" aria-describedby="waste-2-item-hint">
+      <label class="govuk-label govuk-checkboxes__label" for="waste-2">
+        Waste from mines or quarries
+      </label>
+      <div id="waste-2-item-hint" class="govuk-hint govuk-checkboxes__hint">
+        Nullam id dolor id nibh ultricies vehicula ut id elit.
+      </div>
+    </div>
+    <div class="govuk-checkboxes__item">
+      <input class="govuk-checkboxes__input" id="waste-3" name="waste" type="checkbox" value="farm" aria-describedby="waste-3-item-hint">
+      <label class="govuk-label govuk-checkboxes__label" for="waste-3">
+        Farm or agricultural waste
+      </label>
+      <div id="waste-3-item-hint" class="govuk-hint govuk-checkboxes__hint">
+        Nullam id dolor id nibh ultricies vehicula ut id elit.
+      </div>
+    </div>
+  </div>
+</fieldset>
+</div>
diff --git a/app/templates/govuk/components/checkboxes/template-with-hint.html b/app/templates/govuk/components/checkboxes/template-with-hint.html
new file mode 100644
index 0000000..338ca30
--- /dev/null
+++ b/app/templates/govuk/components/checkboxes/template-with-hint.html
@@ -0,0 +1,30 @@
+<div class="govuk-form-group">
+  <fieldset class="govuk-fieldset" aria-describedby="nationality-hint">
+  <legend class="govuk-fieldset__legend">
+    What is your nationality?
+  </legend>
+  <div id="nationality-hint" class="govuk-hint">
+    Select all that apply
+  </div>
+  <div class="govuk-checkboxes" data-module="govuk-checkboxes">
+    <div class="govuk-checkboxes__item">
+      <input class="govuk-checkboxes__input" id="nationality" name="nationality" type="checkbox" value="british">
+      <label class="govuk-label govuk-checkboxes__label" for="nationality">
+        British
+      </label>
+    </div>
+    <div class="govuk-checkboxes__item">
+      <input class="govuk-checkboxes__input" id="nationality-2" name="nationality" type="checkbox" value="irish">
+      <label class="govuk-label govuk-checkboxes__label" for="nationality-2">
+        Irish
+      </label>
+    </div>
+    <div class="govuk-checkboxes__item">
+      <input class="govuk-checkboxes__input" id="nationality-3" name="nationality" type="checkbox" value="other">
+      <label class="govuk-label govuk-checkboxes__label" for="nationality-3">
+        Citizen of another country
+      </label>
+    </div>
+  </div>
+</fieldset>
+</div>
diff --git a/app/templates/govuk/components/checkboxes/template-with-hints-on-items.html b/app/templates/govuk/components/checkboxes/template-with-hints-on-items.html
new file mode 100644
index 0000000..17746de
--- /dev/null
+++ b/app/templates/govuk/components/checkboxes/template-with-hints-on-items.html
@@ -0,0 +1,27 @@
+<div class="govuk-form-group">
+  <fieldset class="govuk-fieldset">
+  <legend class="govuk-fieldset__legend">
+    How do you want to sign in?
+  </legend>
+  <div class="govuk-checkboxes" data-module="govuk-checkboxes">
+    <div class="govuk-checkboxes__item">
+      <input class="govuk-checkboxes__input" id="government-gateway" name="gateway" type="checkbox" value="gov-gateway" aria-describedby="government-gateway-item-hint">
+      <label class="govuk-label govuk-checkboxes__label" for="government-gateway">
+        Sign in with Government Gateway
+      </label>
+      <div id="government-gateway-item-hint" class="govuk-hint govuk-checkboxes__hint">
+        You&#39;ll have a user ID if you&#39;ve registered for Self Assessment or filed a tax return online before.
+      </div>
+    </div>
+    <div class="govuk-checkboxes__item">
+      <input class="govuk-checkboxes__input" id="govuk-verify" name="verify" type="checkbox" value="gov-verify" aria-describedby="govuk-verify-item-hint">
+      <label class="govuk-label govuk-checkboxes__label" for="govuk-verify">
+        Sign in with GOV.UK Verify
+      </label>
+      <div id="govuk-verify-item-hint" class="govuk-hint govuk-checkboxes__hint">
+        You&#39;ll have an account if you&#39;ve already proved your identity with either Barclays, CitizenSafe, Digidentity, Experian, Post Office, Royal Mail or SecureIdentity.
+      </div>
+    </div>
+  </div>
+</fieldset>
+</div>
diff --git a/app/templates/govuk/components/checkboxes/template-with-legend-as-a-page-heading.html b/app/templates/govuk/components/checkboxes/template-with-legend-as-a-page-heading.html
new file mode 100644
index 0000000..4eebeb4
--- /dev/null
+++ b/app/templates/govuk/components/checkboxes/template-with-legend-as-a-page-heading.html
@@ -0,0 +1,32 @@
+<div class="govuk-form-group">
+  <fieldset class="govuk-fieldset" aria-describedby="waste-hint">
+  <legend class="govuk-fieldset__legend govuk-fieldset__legend--l">
+    <h1 class="govuk-fieldset__heading">
+      Which types of waste do you transport regularly?
+    </h1>
+  </legend>
+  <div id="waste-hint" class="govuk-hint">
+    Select all that apply
+  </div>
+  <div class="govuk-checkboxes" data-module="govuk-checkboxes">
+    <div class="govuk-checkboxes__item">
+      <input class="govuk-checkboxes__input" id="waste" name="waste" type="checkbox" value="animal">
+      <label class="govuk-label govuk-checkboxes__label" for="waste">
+        Waste from animal carcasses
+      </label>
+    </div>
+    <div class="govuk-checkboxes__item">
+      <input class="govuk-checkboxes__input" id="waste-2" name="waste" type="checkbox" value="mines">
+      <label class="govuk-label govuk-checkboxes__label" for="waste-2">
+        Waste from mines or quarries
+      </label>
+    </div>
+    <div class="govuk-checkboxes__item">
+      <input class="govuk-checkboxes__input" id="waste-3" name="waste" type="checkbox" value="farm">
+      <label class="govuk-label govuk-checkboxes__label" for="waste-3">
+        Farm or agricultural waste
+      </label>
+    </div>
+  </div>
+</fieldset>
+</div>
diff --git a/app/templates/govuk/components/checkboxes/template-with-optional-form-group-classes-showing-group-error.html b/app/templates/govuk/components/checkboxes/template-with-optional-form-group-classes-showing-group-error.html
new file mode 100644
index 0000000..8180097
--- /dev/null
+++ b/app/templates/govuk/components/checkboxes/template-with-optional-form-group-classes-showing-group-error.html
@@ -0,0 +1,40 @@
+<div class="govuk-form-group govuk-form-group--error">
+  <fieldset class="govuk-fieldset">
+  <legend class="govuk-fieldset__legend">
+    How do you want to be contacted?
+  </legend>
+  <div class="govuk-checkboxes" data-module="govuk-checkboxes">
+    <div class="govuk-checkboxes__item">
+      <input class="govuk-checkboxes__input" id="how-contacted-checked" name="how-contacted-checked" type="checkbox" value="email" data-aria-controls="conditional-how-contacted-checked">
+      <label class="govuk-label govuk-checkboxes__label" for="how-contacted-checked">
+        Email
+      </label>
+    </div>
+    <div class="govuk-checkboxes__conditional govuk-checkboxes__conditional--hidden" id="conditional-how-contacted-checked">
+      <label class="govuk-label" for="context-email">Email address</label>
+<input class="govuk-input govuk-!-width-one-third" name="context-email" type="text" id="context-email">
+    </div>
+    <div class="govuk-checkboxes__item">
+      <input class="govuk-checkboxes__input" id="how-contacted-checked-2" name="how-contacted-checked" type="checkbox" value="phone" checked data-aria-controls="conditional-how-contacted-checked-2">
+      <label class="govuk-label govuk-checkboxes__label" for="how-contacted-checked-2">
+        Phone
+      </label>
+    </div>
+    <div class="govuk-checkboxes__conditional" id="conditional-how-contacted-checked-2">
+      <label class="govuk-label" for="contact-phone">Phone number</label>
+<span id="contact-phone-error" class="govuk-error-message">Problem with input</span>
+<input class="govuk-input govuk-input--error govuk-!-width-one-third" name="contact-phone" type="text" id="contact-phone" aria-describedby="contact-phone-error">
+    </div>
+    <div class="govuk-checkboxes__item">
+      <input class="govuk-checkboxes__input" id="how-contacted-checked-3" name="how-contacted-checked" type="checkbox" value="text" data-aria-controls="conditional-how-contacted-checked-3">
+      <label class="govuk-label govuk-checkboxes__label" for="how-contacted-checked-3">
+        Text message
+      </label>
+    </div>
+    <div class="govuk-checkboxes__conditional govuk-checkboxes__conditional--hidden" id="conditional-how-contacted-checked-3">
+      <label class="govuk-label" for="contact-text-message">Mobile phone number</label>
+<input class="govuk-input govuk-!-width-one-third" name="contact-text-message" type="text" id="contact-text-message">
+    </div>
+  </div>
+</fieldset>
+</div>
diff --git a/app/templates/govuk/components/checkboxes/template-with-pre-checked-values.html b/app/templates/govuk/components/checkboxes/template-with-pre-checked-values.html
new file mode 100644
index 0000000..ec41b5c
--- /dev/null
+++ b/app/templates/govuk/components/checkboxes/template-with-pre-checked-values.html
@@ -0,0 +1,39 @@
+<div class="govuk-form-group">
+  <fieldset class="govuk-fieldset">
+  <legend class="govuk-fieldset__legend">
+    How do you want to be contacted?
+  </legend>
+  <div class="govuk-checkboxes" data-module="govuk-checkboxes">
+    <div class="govuk-checkboxes__item">
+      <input class="govuk-checkboxes__input" id="how-contacted-checked" name="how-contacted-checked" type="checkbox" value="email" checked data-aria-controls="conditional-how-contacted-checked">
+      <label class="govuk-label govuk-checkboxes__label" for="how-contacted-checked">
+        Email
+      </label>
+    </div>
+    <div class="govuk-checkboxes__conditional" id="conditional-how-contacted-checked">
+      <label class="govuk-label" for="context-email">Email address</label>
+<input class="govuk-input govuk-!-width-one-third" name="context-email" type="text" id="context-email">
+    </div>
+    <div class="govuk-checkboxes__item">
+      <input class="govuk-checkboxes__input" id="how-contacted-checked-2" name="how-contacted-checked" type="checkbox" value="phone" data-aria-controls="conditional-how-contacted-checked-2">
+      <label class="govuk-label govuk-checkboxes__label" for="how-contacted-checked-2">
+        Phone
+      </label>
+    </div>
+    <div class="govuk-checkboxes__conditional govuk-checkboxes__conditional--hidden" id="conditional-how-contacted-checked-2">
+      <label class="govuk-label" for="contact-phone">Phone number</label>
+<input class="govuk-input govuk-!-width-one-third" name="contact-phone" type="text" id="contact-phone">
+    </div>
+    <div class="govuk-checkboxes__item">
+      <input class="govuk-checkboxes__input" id="how-contacted-checked-3" name="how-contacted-checked" type="checkbox" value="text" checked data-aria-controls="conditional-how-contacted-checked-3">
+      <label class="govuk-label govuk-checkboxes__label" for="how-contacted-checked-3">
+        Text message
+      </label>
+    </div>
+    <div class="govuk-checkboxes__conditional" id="conditional-how-contacted-checked-3">
+      <label class="govuk-label" for="contact-text-message">Mobile phone number</label>
+<input class="govuk-input govuk-!-width-one-third" name="contact-text-message" type="text" id="contact-text-message">
+    </div>
+  </div>
+</fieldset>
+</div>
diff --git a/app/templates/govuk/components/checkboxes/template-with-very-long-option-text.html b/app/templates/govuk/components/checkboxes/template-with-very-long-option-text.html
new file mode 100644
index 0000000..4054ed7
--- /dev/null
+++ b/app/templates/govuk/components/checkboxes/template-with-very-long-option-text.html
@@ -0,0 +1,30 @@
+<div class="govuk-form-group">
+  <fieldset class="govuk-fieldset" aria-describedby="waste-hint">
+  <legend class="govuk-fieldset__legend">
+    Maecenas faucibus mollis interdum?
+  </legend>
+  <div id="waste-hint" class="govuk-hint">
+    Nullam id dolor id nibh ultricies vehicula ut id elit.
+  </div>
+  <div class="govuk-checkboxes" data-module="govuk-checkboxes">
+    <div class="govuk-checkboxes__item">
+      <input class="govuk-checkboxes__input" id="waste" name="waste" type="checkbox" value="nullam">
+      <label class="govuk-label govuk-checkboxes__label" for="waste">
+        Nullam id dolor id nibh ultricies vehicula ut id elit. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Maecenas faucibus mollis interdum. Donec id elit non mi porta gravida at eget metus.
+      </label>
+    </div>
+    <div class="govuk-checkboxes__item">
+      <input class="govuk-checkboxes__input" id="waste-2" name="waste" type="checkbox" value="aenean">
+      <label class="govuk-label govuk-checkboxes__label" for="waste-2">
+        Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Donec sed odio dui. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Cras mattis consectetur purus sit amet fermentum.
+      </label>
+    </div>
+    <div class="govuk-checkboxes__item">
+      <input class="govuk-checkboxes__input" id="waste-3" name="waste" type="checkbox" value="fusce">
+      <label class="govuk-label govuk-checkboxes__label" for="waste-3">
+        Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Etiam porta sem malesuada magna mollis euismod. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. Sed posuere consectetur est at lobortis.
+      </label>
+    </div>
+  </div>
+</fieldset>
+</div>
diff --git a/app/templates/govuk/components/checkboxes/template.njk b/app/templates/govuk/components/checkboxes/template.njk
new file mode 100644
index 0000000..a4c0e09
--- /dev/null
+++ b/app/templates/govuk/components/checkboxes/template.njk
@@ -0,0 +1,122 @@
+{% from "../../macros/attributes.njk" import govukAttributes %}
+{% from "../error-message/macro.njk" import govukErrorMessage %}
+{% from "../fieldset/macro.njk" import govukFieldset %}
+{% from "../hint/macro.njk" import govukHint %}
+{% from "../label/macro.njk" import govukLabel %}
+
+{#- If an id 'prefix' is not passed, fall back to using the name attribute
+  instead. We need this for error messages and hints as well -#}
+{% set idPrefix = params.idPrefix if params.idPrefix else params.name %}
+
+{#- a record of other elements that we need to associate with the input using
+  aria-describedby – for example hints or error messages -#}
+{% set describedBy = params.describedBy if params.describedBy else "" %}
+{% if params.fieldset.describedBy %}
+  {% set describedBy = params.fieldset.describedBy %}
+{% endif %}
+
+{#- fieldset is false by default -#}
+{% set hasFieldset = true if params.fieldset else false %}
+
+{%- macro _checkboxItem(params, item, index) %}
+  {#- If the user explicitly sets an id, use this instead of the regular idPrefix -#}
+  {#- The first id should not have a number suffix so it's easy to link to from the error summary component -#}
+  {% set itemId = item.id if item.id else idPrefix + ("-" + index if index > 1 else "") %}
+  {% set itemName = item.name if item.name else params.name %}
+  {% set conditionalId = "conditional-" + itemId %}
+  {%- if item.divider %}
+    <div class="govuk-checkboxes__divider">{{ item.divider }}</div>
+  {% else %}
+    {% set isChecked = item.checked | default((item.value in params.values and item.checked != false) if params.values else false, true) %}
+    {% set hasHint = true if item.hint.text or item.hint.html %}
+    {% set itemHintId = itemId + "-item-hint" if hasHint else "" %}
+    {% set itemDescribedBy = describedBy if not hasFieldset else "" %}
+    {% set itemDescribedBy = (itemDescribedBy + " " + itemHintId) | trim %}
+    <div class="govuk-checkboxes__item">
+      <input class="govuk-checkboxes__input" id="{{ itemId }}" name="{{ itemName }}" type="checkbox" value="{{ item.value }}"
+        {{-" checked" if isChecked }}
+        {{-" disabled" if item.disabled }}
+        {%- if item.conditional.html %} data-aria-controls="{{ conditionalId }}"{% endif -%}
+        {%- if item.behaviour %} data-behaviour="{{ item.behaviour }}"{% endif -%}
+        {%- if itemDescribedBy %} aria-describedby="{{ itemDescribedBy }}"{% endif -%}
+        {{- govukAttributes(item.attributes) }}>
+      {{ govukLabel({
+        html: item.html,
+        text: item.text,
+        classes: 'govuk-checkboxes__label' + (' ' + item.label.classes if item.label.classes),
+        attributes: item.label.attributes,
+        for: itemId
+      }) | trim | indent(6) }}
+      {% if hasHint %}
+      {{ govukHint({
+        id: itemHintId,
+        classes: 'govuk-checkboxes__hint' + (' ' + item.hint.classes if item.hint.classes),
+        attributes: item.hint.attributes,
+        html: item.hint.html,
+        text: item.hint.text
+      }) | trim | indent(6) }}
+      {% endif %}
+    </div>
+    {% if item.conditional.html %}
+    <div class="govuk-checkboxes__conditional {%- if not isChecked %} govuk-checkboxes__conditional--hidden{% endif %}" id="{{ conditionalId }}">
+      {{ item.conditional.html | safe | trim }}
+    </div>
+    {% endif %}
+  {% endif %}
+{% endmacro -%}
+
+{#- Capture the HTML so we can optionally nest it in a fieldset -#}
+{% set innerHtml %}
+{% if params.hint %}
+  {% set hintId = idPrefix + '-hint' %}
+  {% set describedBy = describedBy + ' ' + hintId if describedBy else hintId %}
+  {{ govukHint({
+    id: hintId,
+    classes: params.hint.classes,
+    attributes: params.hint.attributes,
+    html: params.hint.html,
+    text: params.hint.text
+  }) | trim | indent(2) }}
+{% endif %}
+{% if params.errorMessage %}
+  {% set errorId = idPrefix + '-error' %}
+  {% set describedBy = describedBy + ' ' + errorId if describedBy else errorId %}
+  {{ govukErrorMessage({
+    id: errorId,
+    classes: params.errorMessage.classes,
+    attributes: params.errorMessage.attributes,
+    html: params.errorMessage.html,
+    text: params.errorMessage.text,
+    visuallyHiddenText: params.errorMessage.visuallyHiddenText
+  }) | trim | indent(2) }}
+{% endif %}
+  <div class="govuk-checkboxes {%- if params.classes %} {{ params.classes }}{% endif %}"
+    {{- govukAttributes(params.attributes) }} data-module="govuk-checkboxes">
+    {% if params.formGroup.beforeInputs %}
+    {{ params.formGroup.beforeInputs.html | safe | trim | indent(4) if params.formGroup.beforeInputs.html else params.formGroup.beforeInputs.text }}
+    {% endif %}
+    {% for item in params.items %}
+      {% if item %}
+        {{- _checkboxItem(params, item, loop.index) -}}
+      {% endif %}
+    {% endfor %}
+    {% if params.formGroup.afterInputs %}
+    {{ params.formGroup.afterInputs.html | safe | trim | indent(4) if params.formGroup.afterInputs.html else params.formGroup.afterInputs.text }}
+    {% endif %}
+  </div>
+{% endset -%}
+
+<div class="govuk-form-group {%- if params.errorMessage %} govuk-form-group--error{% endif %} {%- if params.formGroup.classes %} {{ params.formGroup.classes }}{% endif %}"
+  {{- govukAttributes(params.formGroup.attributes) }}>
+{% if hasFieldset %}
+  {{ govukFieldset({
+    describedBy: describedBy,
+    classes: params.fieldset.classes,
+    attributes: params.fieldset.attributes,
+    legend: params.fieldset.legend,
+    html: innerHtml | trim
+  }) | trim }}
+{% else %}
+  {{ innerHtml | safe | trim }}
+{% endif %}
+</div>
diff --git a/app/templates/govuk/components/components/_all.scss b/app/templates/govuk/components/components/_all.scss
new file mode 100644
index 0000000..b8fd480
--- /dev/null
+++ b/app/templates/govuk/components/components/_all.scss
@@ -0,0 +1,10 @@
+@import "../settings/warnings";
+@import "index";
+
+@include _warning(
+  "import-using-all",
+  "Importing using 'govuk/components/all' is deprecated. Update your import statement to import 'govuk/components/index'.",
+  $silence-further-warnings: false
+);
+
+/*# sourceMappingURL=_all.scss.map */
diff --git a/app/templates/govuk/components/components/_all.scss.map b/app/templates/govuk/components/components/_all.scss.map
new file mode 100644
index 0000000..ad3fd3b
--- /dev/null
+++ b/app/templates/govuk/components/components/_all.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/govuk/components/_all.scss"],"names":[],"mappings":"AAAA,8BAA8B;AAC9B,eAAe;;AAEf;;;;CAIC","file":"_all.scss","sourcesContent":["@import \"../settings/warnings\";\n@import \"index\";\n\n@include _warning(\n  \"import-using-all\",\n  \"Importing using 'govuk/components/all' is deprecated. Update your import statement to import 'govuk/components/index'.\",\n  $silence-further-warnings: false\n);\n"]}
diff --git a/app/templates/govuk/components/components/_index.scss b/app/templates/govuk/components/components/_index.scss
new file mode 100644
index 0000000..e909f8f
--- /dev/null
+++ b/app/templates/govuk/components/components/_index.scss
@@ -0,0 +1,40 @@
+@import "../base";
+
+@import "accordion/index";
+@import "back-link/index";
+@import "breadcrumbs/index";
+@import "button/index";
+@import "character-count/index";
+@import "checkboxes/index";
+@import "cookie-banner/index";
+@import "date-input/index";
+@import "details/index";
+@import "error-message/index";
+@import "error-summary/index";
+@import "exit-this-page/index";
+@import "fieldset/index";
+@import "file-upload/index";
+@import "footer/index";
+@import "header/index";
+@import "hint/index";
+@import "input/index";
+@import "inset-text/index";
+@import "label/index";
+@import "notification-banner/index";
+@import "pagination/index";
+@import "panel/index";
+@import "password-input/index";
+@import "phase-banner/index";
+@import "radios/index";
+@import "select/index";
+@import "service-navigation/index";
+@import "skip-link/index";
+@import "summary-list/index";
+@import "table/index";
+@import "tabs/index";
+@import "tag/index";
+@import "task-list/index";
+@import "textarea/index";
+@import "warning-text/index";
+
+/*# sourceMappingURL=_index.scss.map */
diff --git a/app/templates/govuk/components/components/_index.scss.map b/app/templates/govuk/components/components/_index.scss.map
new file mode 100644
index 0000000..4d0f5e3
--- /dev/null
+++ b/app/templates/govuk/components/components/_index.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/govuk/components/_index.scss"],"names":[],"mappings":"AAAA,iBAAiB;;AAEjB,yBAAyB;AACzB,yBAAyB;AACzB,2BAA2B;AAC3B,sBAAsB;AACtB,+BAA+B;AAC/B,0BAA0B;AAC1B,6BAA6B;AAC7B,0BAA0B;AAC1B,uBAAuB;AACvB,6BAA6B;AAC7B,6BAA6B;AAC7B,8BAA8B;AAC9B,wBAAwB;AACxB,2BAA2B;AAC3B,sBAAsB;AACtB,sBAAsB;AACtB,oBAAoB;AACpB,qBAAqB;AACrB,0BAA0B;AAC1B,qBAAqB;AACrB,mCAAmC;AACnC,0BAA0B;AAC1B,qBAAqB;AACrB,8BAA8B;AAC9B,4BAA4B;AAC5B,sBAAsB;AACtB,sBAAsB;AACtB,kCAAkC;AAClC,yBAAyB;AACzB,4BAA4B;AAC5B,qBAAqB;AACrB,oBAAoB;AACpB,mBAAmB;AACnB,yBAAyB;AACzB,wBAAwB;AACxB,4BAA4B","file":"_index.scss","sourcesContent":["@import \"../base\";\n\n@import \"accordion/index\";\n@import \"back-link/index\";\n@import \"breadcrumbs/index\";\n@import \"button/index\";\n@import \"character-count/index\";\n@import \"checkboxes/index\";\n@import \"cookie-banner/index\";\n@import \"date-input/index\";\n@import \"details/index\";\n@import \"error-message/index\";\n@import \"error-summary/index\";\n@import \"exit-this-page/index\";\n@import \"fieldset/index\";\n@import \"file-upload/index\";\n@import \"footer/index\";\n@import \"header/index\";\n@import \"hint/index\";\n@import \"input/index\";\n@import \"inset-text/index\";\n@import \"label/index\";\n@import \"notification-banner/index\";\n@import \"pagination/index\";\n@import \"panel/index\";\n@import \"password-input/index\";\n@import \"phase-banner/index\";\n@import \"radios/index\";\n@import \"select/index\";\n@import \"service-navigation/index\";\n@import \"skip-link/index\";\n@import \"summary-list/index\";\n@import \"table/index\";\n@import \"tabs/index\";\n@import \"tag/index\";\n@import \"task-list/index\";\n@import \"textarea/index\";\n@import \"warning-text/index\";\n"]}
diff --git a/app/templates/govuk/components/components/accordion/README.md b/app/templates/govuk/components/components/accordion/README.md
new file mode 100644
index 0000000..647e0cb
--- /dev/null
+++ b/app/templates/govuk/components/components/accordion/README.md
@@ -0,0 +1,15 @@
+# Accordion
+
+## Installation
+
+See the [main README quick start guide](https://github.com/alphagov/govuk-frontend#quick-start) for how to install this component.
+
+## Guidance and Examples
+
+Find out when to use the accordion component in your service in the [GOV.UK Design System](https://design-system.service.gov.uk/components/accordion).
+
+## Component options
+
+Use options to customise the appearance, content and behaviour of a component when using a macro, for example, changing the text.
+
+See [options table](https://design-system.service.gov.uk/components/accordion/#options-accordion-example) for details.
diff --git a/app/templates/govuk/components/components/accordion/_accordion.scss b/app/templates/govuk/components/components/accordion/_accordion.scss
new file mode 100644
index 0000000..ada3c0f
--- /dev/null
+++ b/app/templates/govuk/components/components/accordion/_accordion.scss
@@ -0,0 +1,4 @@
+@import "../../base";
+@import "./index";
+
+/*# sourceMappingURL=_accordion.scss.map */
diff --git a/app/templates/govuk/components/components/accordion/_accordion.scss.map b/app/templates/govuk/components/components/accordion/_accordion.scss.map
new file mode 100644
index 0000000..b3047e6
--- /dev/null
+++ b/app/templates/govuk/components/components/accordion/_accordion.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/accordion/_accordion.scss"],"names":[],"mappings":"AAAA,oBAAoB;AACpB,iBAAiB","file":"_accordion.scss","sourcesContent":["@import \"../../base\";\n@import \"./index\";\n"]}
diff --git a/app/templates/govuk/components/components/accordion/_index.scss b/app/templates/govuk/components/components/accordion/_index.scss
new file mode 100644
index 0000000..00c08ff
--- /dev/null
+++ b/app/templates/govuk/components/components/accordion/_index.scss
@@ -0,0 +1,370 @@
+@include govuk-exports("govuk/component/accordion") {
+  $govuk-accordion-base-colour: govuk-colour("black");
+  $govuk-accordion-hover-colour: govuk-colour("light-grey");
+  $govuk-accordion-icon-focus-colour: $govuk-focus-colour;
+  $govuk-accordion-bottom-border-width: 1px;
+
+  .govuk-accordion {
+    @include govuk-responsive-margin(6, "bottom");
+  }
+
+  .govuk-accordion__section {
+    padding-top: govuk-spacing(3);
+  }
+
+  .govuk-accordion__section-heading {
+    // Override browser defaults to ensure consistent element height
+    margin-top: 0;
+    margin-bottom: 0;
+
+    padding-top: govuk-spacing(3);
+    padding-bottom: govuk-spacing(3);
+  }
+
+  .govuk-accordion__section-button {
+    @include govuk-font($size: 24, $weight: bold);
+    @include govuk-text-colour;
+
+    display: block;
+    margin-bottom: 0;
+    padding-top: govuk-spacing(3);
+  }
+
+  // Remove the bottom margin from the last item inside the content
+  .govuk-accordion__section-content > :last-child {
+    margin-bottom: 0;
+  }
+
+  // GOV.UK Frontend JavaScript enabled
+  .govuk-frontend-supported {
+    .govuk-accordion {
+      // Border at the bottom of the whole accordion
+      border-bottom: $govuk-accordion-bottom-border-width solid $govuk-border-colour;
+    }
+
+    .govuk-accordion__section {
+      padding-top: 0;
+    }
+
+    // Hide the body of collapsed sections by default for browsers that lack
+    // support for `content-visibility` paired with [hidden=until-found]
+    .govuk-accordion__section-content {
+      display: none;
+
+      @include govuk-responsive-padding(3, "top");
+      @include govuk-responsive-padding(8, "bottom");
+    }
+
+    // Hide the body of collapsed sections using `content-visibility` to enable
+    // page search within [hidden=until-found] regions where browser supported
+    .govuk-accordion__section-content[hidden] {
+      @supports (content-visibility: hidden) {
+        content-visibility: hidden;
+        display: inherit;
+      }
+
+      // Hide the padding of collapsed sections
+      padding-top: 0;
+      padding-bottom: 0;
+    }
+
+    // Show the body of expanded sections
+    .govuk-accordion__section--expanded .govuk-accordion__section-content {
+      display: block;
+    }
+
+    .govuk-accordion__show-all {
+      @include govuk-font($size: 19);
+      position: relative;
+      z-index: 1;
+
+      margin-bottom: 9px;
+      padding: govuk-spacing(1) 2px govuk-spacing(1) 0;
+
+      border-width: 0;
+
+      color: $govuk-link-colour;
+      background: none;
+
+      cursor: pointer;
+      -webkit-appearance: none;
+
+      @include govuk-media-query($from: tablet) {
+        margin-bottom: 14px;
+      }
+
+      // Remove default button focus outline in Firefox
+      &::-moz-focus-inner {
+        padding: 0;
+        border: 0;
+      }
+
+      &:hover {
+        color: $govuk-accordion-base-colour;
+        background: $govuk-accordion-hover-colour;
+        // The focus state adds a box-shadow to the top and bottom of the
+        // button. We add a grey box-shadow on hover too, to make the height of
+        // the hover state match the height of the focus state.
+        box-shadow:
+          0 -2px $govuk-accordion-hover-colour,
+          0 4px $govuk-accordion-hover-colour;
+
+        .govuk-accordion__section-toggle-text {
+          color: $govuk-accordion-base-colour;
+        }
+
+        .govuk-accordion-nav__chevron {
+          color: $govuk-accordion-base-colour;
+          background: $govuk-accordion-base-colour;
+        }
+
+        .govuk-accordion-nav__chevron::after {
+          color: $govuk-accordion-hover-colour;
+        }
+      }
+
+      &:focus {
+        @include govuk-focused-text;
+
+        .govuk-accordion-nav__chevron {
+          background: $govuk-accordion-base-colour;
+        }
+
+        .govuk-accordion-nav__chevron::after {
+          color: $govuk-accordion-icon-focus-colour;
+        }
+      }
+    }
+
+    .govuk-accordion__section-heading {
+      padding: 0;
+    }
+
+    // Create Chevron icon aligned with text
+    .govuk-accordion-nav__chevron {
+      box-sizing: border-box;
+      display: inline-block;
+
+      position: relative;
+
+      // Set size using rems so icon scales with text
+      width: govuk-px-to-rem(20px);
+      height: govuk-px-to-rem(20px);
+
+      border: govuk-px-to-rem(1px) solid;
+      border-radius: 50%;
+
+      vertical-align: middle;
+
+      // Create inner chevron arrow
+      &::after {
+        content: "";
+        box-sizing: border-box;
+        display: block;
+
+        position: absolute;
+        bottom: govuk-px-to-rem(5px);
+        left: govuk-px-to-rem(6px);
+
+        width: govuk-px-to-rem(6px);
+        height: govuk-px-to-rem(6px);
+
+        transform: rotate(-45deg);
+
+        border-top: govuk-px-to-rem(2px) solid;
+        border-right: govuk-px-to-rem(2px) solid;
+      }
+    }
+
+    // Rotate icon to create "Down" version
+    .govuk-accordion-nav__chevron--down {
+      transform: rotate(180deg);
+    }
+
+    .govuk-accordion__section-button {
+      width: 100%;
+
+      padding: govuk-spacing(2) 0 0;
+
+      border: 0;
+
+      border-top: $govuk-accordion-bottom-border-width solid $govuk-border-colour;
+
+      // Visually separate the section from the one underneath when user changes
+      // colours in their browser. See
+      // https://github.com/alphagov/govuk-frontend/issues/2321#issuecomment-924201488
+      border-bottom: govuk-spacing(2) solid transparent;
+
+      color: $govuk-text-colour;
+      background: none;
+
+      text-align: left;
+      // Section headers have a pointer cursor as an additional affordance
+      cursor: pointer;
+      -webkit-appearance: none;
+
+      @include govuk-media-query($from: tablet) {
+        padding-bottom: govuk-spacing(2);
+      }
+
+      &:active {
+        color: $govuk-link-active-colour;
+        background: none;
+      }
+
+      &:hover {
+        color: $govuk-accordion-base-colour;
+        background: $govuk-accordion-hover-colour;
+
+        .govuk-accordion__section-toggle-text {
+          color: $govuk-accordion-base-colour;
+        }
+
+        .govuk-accordion-nav__chevron {
+          color: $govuk-accordion-base-colour;
+          background: $govuk-accordion-base-colour;
+        }
+
+        .govuk-accordion-nav__chevron::after {
+          color: $govuk-accordion-hover-colour;
+        }
+      }
+
+      &:focus {
+        // Remove default focus border around button as styling is being applied
+        // to inner text elements that receive focus
+        outline: 0;
+
+        .govuk-accordion__section-heading-text-focus,
+        .govuk-accordion__section-summary-focus,
+        .govuk-accordion__section-toggle-focus {
+          @include govuk-focused-text;
+        }
+
+        .govuk-accordion-nav__chevron {
+          color: $govuk-accordion-base-colour;
+          background: $govuk-accordion-base-colour;
+        }
+
+        .govuk-accordion-nav__chevron::after {
+          color: $govuk-accordion-icon-focus-colour;
+        }
+      }
+
+      // Remove default button focus outline in Firefox
+      &::-moz-focus-inner {
+        padding: 0;
+        border: 0;
+      }
+    }
+
+    // Remove the transparent border when the section is expanded to make it
+    // clear that the heading relates to the content below. Adjust padding to
+    // maintain the height of the element. See
+    // https://github.com/alphagov/govuk-frontend/pull/2257#issuecomment-951920798
+    .govuk-accordion__section--expanded .govuk-accordion__section-button {
+      padding-bottom: govuk-spacing(3);
+      border-bottom: 0;
+
+      @include govuk-media-query($from: tablet) {
+        padding-bottom: govuk-spacing(4);
+      }
+    }
+
+    // As Chevron icon is vertically aligned it overlaps with the focus state
+    // bottom border – this adds some spacing
+    .govuk-accordion__section-button:focus .govuk-accordion__section-toggle-focus {
+      padding-bottom: 3px;
+
+      @include govuk-media-query($from: desktop) {
+        padding-bottom: 2px;
+      }
+    }
+
+    .govuk-accordion__section-toggle,
+    .govuk-accordion__section-heading-text,
+    .govuk-accordion__section-summary {
+      display: block;
+      margin-bottom: 13px;
+
+      .govuk-accordion__section-heading-text-focus,
+      .govuk-accordion__section-summary-focus,
+      .govuk-accordion__section-toggle-focus {
+        display: inline;
+      }
+    }
+
+    // Add toggle link with Chevron icon on left.
+    .govuk-accordion__section-toggle {
+      @include govuk-font-size($size: 19);
+      @include govuk-typography-weight-regular;
+      color: $govuk-link-colour;
+    }
+
+    // Add space between the icon and text. Avoid applying spacing directly to
+    // the icon as the use of `transform` will change the placement of any
+    // margins.
+    .govuk-accordion__show-all-text,
+    .govuk-accordion__section-toggle-text {
+      margin-left: govuk-spacing(1);
+      vertical-align: middle;
+    }
+
+    // Background colour adjustment when user changes colours in Firefox
+    //
+    // When user changes colours in Firefox, text colour inside <button> is
+    // always black (regardless of the custom colours the user has set). This is
+    // fine when the text in the button is not nested inside another element
+    // because when user changes colours in Firefox, the immediate background
+    // colour of buttons is always white (again, regardless of user's custom
+    // colours).
+    //
+    // However, when the text inside <button> is wrapped inside another element
+    // AND that element sets a background colour, the text colour is still black
+    // but the background of that nested element gets the user's custom
+    // background colour. When the custom background is a lighter hue, the
+    // contrast might be sufficient. But if the user's custom background colour
+    // is a darker colour, the contrast with the text might not be sufficient.
+    //
+    // To ensure sufficient contrast, override the background colour set by the
+    // focus state on the nested elements to be transparent.
+    //
+    // Also override the background colour of the Show/Hide chevrons which set a
+    // background colour on hover.
+    @media screen and (forced-colors: active) {
+      .govuk-accordion__show-all:hover,
+      .govuk-accordion__section-button:hover {
+        .govuk-accordion-nav__chevron {
+          background-color: transparent;
+        }
+      }
+
+      .govuk-accordion__show-all:focus,
+      .govuk-accordion__section-button:focus {
+        .govuk-accordion__section-heading-text-focus,
+        .govuk-accordion__section-summary-focus,
+        .govuk-accordion__section-toggle-focus,
+        .govuk-accordion-nav__chevron {
+          background: transparent;
+          background-color: transparent;
+        }
+      }
+    }
+
+    // For devices that can't hover such as touch devices,
+    // remove hover state as it can be stuck in that state (iOS).
+    @media (hover: none) {
+      .govuk-accordion__section-header:hover {
+        border-top-color: $govuk-border-colour;
+
+        box-shadow: inset 0 3px 0 0 $govuk-link-colour;
+
+        .govuk-accordion__section-button {
+          border-top-color: $govuk-border-colour;
+        }
+      }
+    }
+  }
+}
+
+/*# sourceMappingURL=_index.scss.map */
diff --git a/app/templates/govuk/components/components/accordion/_index.scss.map b/app/templates/govuk/components/components/accordion/_index.scss.map
new file mode 100644
index 0000000..8501458
--- /dev/null
+++ b/app/templates/govuk/components/components/accordion/_index.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/accordion/_index.scss"],"names":[],"mappings":"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","file":"_index.scss","sourcesContent":["@include govuk-exports(\"govuk/component/accordion\") {\n  $govuk-accordion-base-colour: govuk-colour(\"black\");\n  $govuk-accordion-hover-colour: govuk-colour(\"light-grey\");\n  $govuk-accordion-icon-focus-colour: $govuk-focus-colour;\n  $govuk-accordion-bottom-border-width: 1px;\n\n  .govuk-accordion {\n    @include govuk-responsive-margin(6, \"bottom\");\n  }\n\n  .govuk-accordion__section {\n    padding-top: govuk-spacing(3);\n  }\n\n  .govuk-accordion__section-heading {\n    // Override browser defaults to ensure consistent element height\n    margin-top: 0;\n    margin-bottom: 0;\n\n    padding-top: govuk-spacing(3);\n    padding-bottom: govuk-spacing(3);\n  }\n\n  .govuk-accordion__section-button {\n    @include govuk-font($size: 24, $weight: bold);\n    @include govuk-text-colour;\n\n    display: block;\n    margin-bottom: 0;\n    padding-top: govuk-spacing(3);\n  }\n\n  // Remove the bottom margin from the last item inside the content\n  .govuk-accordion__section-content > :last-child {\n    margin-bottom: 0;\n  }\n\n  // GOV.UK Frontend JavaScript enabled\n  .govuk-frontend-supported {\n    .govuk-accordion {\n      // Border at the bottom of the whole accordion\n      border-bottom: $govuk-accordion-bottom-border-width solid $govuk-border-colour;\n    }\n\n    .govuk-accordion__section {\n      padding-top: 0;\n    }\n\n    // Hide the body of collapsed sections by default for browsers that lack\n    // support for `content-visibility` paired with [hidden=until-found]\n    .govuk-accordion__section-content {\n      display: none;\n\n      @include govuk-responsive-padding(3, \"top\");\n      @include govuk-responsive-padding(8, \"bottom\");\n    }\n\n    // Hide the body of collapsed sections using `content-visibility` to enable\n    // page search within [hidden=until-found] regions where browser supported\n    .govuk-accordion__section-content[hidden] {\n      @supports (content-visibility: hidden) {\n        content-visibility: hidden;\n        display: inherit;\n      }\n\n      // Hide the padding of collapsed sections\n      padding-top: 0;\n      padding-bottom: 0;\n    }\n\n    // Show the body of expanded sections\n    .govuk-accordion__section--expanded .govuk-accordion__section-content {\n      display: block;\n    }\n\n    .govuk-accordion__show-all {\n      @include govuk-font($size: 19);\n      position: relative;\n      z-index: 1;\n\n      margin-bottom: 9px;\n      padding: govuk-spacing(1) 2px govuk-spacing(1) 0;\n\n      border-width: 0;\n\n      color: $govuk-link-colour;\n      background: none;\n\n      cursor: pointer;\n      -webkit-appearance: none;\n\n      @include govuk-media-query($from: tablet) {\n        margin-bottom: 14px;\n      }\n\n      // Remove default button focus outline in Firefox\n      &::-moz-focus-inner {\n        padding: 0;\n        border: 0;\n      }\n\n      &:hover {\n        color: $govuk-accordion-base-colour;\n        background: $govuk-accordion-hover-colour;\n        // The focus state adds a box-shadow to the top and bottom of the\n        // button. We add a grey box-shadow on hover too, to make the height of\n        // the hover state match the height of the focus state.\n        box-shadow:\n          0 -2px $govuk-accordion-hover-colour,\n          0 4px $govuk-accordion-hover-colour;\n\n        .govuk-accordion__section-toggle-text {\n          color: $govuk-accordion-base-colour;\n        }\n\n        .govuk-accordion-nav__chevron {\n          color: $govuk-accordion-base-colour;\n          background: $govuk-accordion-base-colour;\n        }\n\n        .govuk-accordion-nav__chevron::after {\n          color: $govuk-accordion-hover-colour;\n        }\n      }\n\n      &:focus {\n        @include govuk-focused-text;\n\n        .govuk-accordion-nav__chevron {\n          background: $govuk-accordion-base-colour;\n        }\n\n        .govuk-accordion-nav__chevron::after {\n          color: $govuk-accordion-icon-focus-colour;\n        }\n      }\n    }\n\n    .govuk-accordion__section-heading {\n      padding: 0;\n    }\n\n    // Create Chevron icon aligned with text\n    .govuk-accordion-nav__chevron {\n      box-sizing: border-box;\n      display: inline-block;\n\n      position: relative;\n\n      // Set size using rems so icon scales with text\n      width: govuk-px-to-rem(20px);\n      height: govuk-px-to-rem(20px);\n\n      border: govuk-px-to-rem(1px) solid;\n      border-radius: 50%;\n\n      vertical-align: middle;\n\n      // Create inner chevron arrow\n      &::after {\n        content: \"\";\n        box-sizing: border-box;\n        display: block;\n\n        position: absolute;\n        bottom: govuk-px-to-rem(5px);\n        left: govuk-px-to-rem(6px);\n\n        width: govuk-px-to-rem(6px);\n        height: govuk-px-to-rem(6px);\n\n        transform: rotate(-45deg);\n\n        border-top: govuk-px-to-rem(2px) solid;\n        border-right: govuk-px-to-rem(2px) solid;\n      }\n    }\n\n    // Rotate icon to create \"Down\" version\n    .govuk-accordion-nav__chevron--down {\n      transform: rotate(180deg);\n    }\n\n    .govuk-accordion__section-button {\n      width: 100%;\n\n      padding: govuk-spacing(2) 0 0;\n\n      border: 0;\n\n      border-top: $govuk-accordion-bottom-border-width solid $govuk-border-colour;\n\n      // Visually separate the section from the one underneath when user changes\n      // colours in their browser. See\n      // https://github.com/alphagov/govuk-frontend/issues/2321#issuecomment-924201488\n      border-bottom: govuk-spacing(2) solid transparent;\n\n      color: $govuk-text-colour;\n      background: none;\n\n      text-align: left;\n      // Section headers have a pointer cursor as an additional affordance\n      cursor: pointer;\n      -webkit-appearance: none;\n\n      @include govuk-media-query($from: tablet) {\n        padding-bottom: govuk-spacing(2);\n      }\n\n      &:active {\n        color: $govuk-link-active-colour;\n        background: none;\n      }\n\n      &:hover {\n        color: $govuk-accordion-base-colour;\n        background: $govuk-accordion-hover-colour;\n\n        .govuk-accordion__section-toggle-text {\n          color: $govuk-accordion-base-colour;\n        }\n\n        .govuk-accordion-nav__chevron {\n          color: $govuk-accordion-base-colour;\n          background: $govuk-accordion-base-colour;\n        }\n\n        .govuk-accordion-nav__chevron::after {\n          color: $govuk-accordion-hover-colour;\n        }\n      }\n\n      &:focus {\n        // Remove default focus border around button as styling is being applied\n        // to inner text elements that receive focus\n        outline: 0;\n\n        .govuk-accordion__section-heading-text-focus,\n        .govuk-accordion__section-summary-focus,\n        .govuk-accordion__section-toggle-focus {\n          @include govuk-focused-text;\n        }\n\n        .govuk-accordion-nav__chevron {\n          color: $govuk-accordion-base-colour;\n          background: $govuk-accordion-base-colour;\n        }\n\n        .govuk-accordion-nav__chevron::after {\n          color: $govuk-accordion-icon-focus-colour;\n        }\n      }\n\n      // Remove default button focus outline in Firefox\n      &::-moz-focus-inner {\n        padding: 0;\n        border: 0;\n      }\n    }\n\n    // Remove the transparent border when the section is expanded to make it\n    // clear that the heading relates to the content below. Adjust padding to\n    // maintain the height of the element. See\n    // https://github.com/alphagov/govuk-frontend/pull/2257#issuecomment-951920798\n    .govuk-accordion__section--expanded .govuk-accordion__section-button {\n      padding-bottom: govuk-spacing(3);\n      border-bottom: 0;\n\n      @include govuk-media-query($from: tablet) {\n        padding-bottom: govuk-spacing(4);\n      }\n    }\n\n    // As Chevron icon is vertically aligned it overlaps with the focus state\n    // bottom border – this adds some spacing\n    .govuk-accordion__section-button:focus .govuk-accordion__section-toggle-focus {\n      padding-bottom: 3px;\n\n      @include govuk-media-query($from: desktop) {\n        padding-bottom: 2px;\n      }\n    }\n\n    .govuk-accordion__section-toggle,\n    .govuk-accordion__section-heading-text,\n    .govuk-accordion__section-summary {\n      display: block;\n      margin-bottom: 13px;\n\n      .govuk-accordion__section-heading-text-focus,\n      .govuk-accordion__section-summary-focus,\n      .govuk-accordion__section-toggle-focus {\n        display: inline;\n      }\n    }\n\n    // Add toggle link with Chevron icon on left.\n    .govuk-accordion__section-toggle {\n      @include govuk-font-size($size: 19);\n      @include govuk-typography-weight-regular;\n      color: $govuk-link-colour;\n    }\n\n    // Add space between the icon and text. Avoid applying spacing directly to\n    // the icon as the use of `transform` will change the placement of any\n    // margins.\n    .govuk-accordion__show-all-text,\n    .govuk-accordion__section-toggle-text {\n      margin-left: govuk-spacing(1);\n      vertical-align: middle;\n    }\n\n    // Background colour adjustment when user changes colours in Firefox\n    //\n    // When user changes colours in Firefox, text colour inside <button> is\n    // always black (regardless of the custom colours the user has set). This is\n    // fine when the text in the button is not nested inside another element\n    // because when user changes colours in Firefox, the immediate background\n    // colour of buttons is always white (again, regardless of user's custom\n    // colours).\n    //\n    // However, when the text inside <button> is wrapped inside another element\n    // AND that element sets a background colour, the text colour is still black\n    // but the background of that nested element gets the user's custom\n    // background colour. When the custom background is a lighter hue, the\n    // contrast might be sufficient. But if the user's custom background colour\n    // is a darker colour, the contrast with the text might not be sufficient.\n    //\n    // To ensure sufficient contrast, override the background colour set by the\n    // focus state on the nested elements to be transparent.\n    //\n    // Also override the background colour of the Show/Hide chevrons which set a\n    // background colour on hover.\n    @media screen and (forced-colors: active) {\n      .govuk-accordion__show-all:hover,\n      .govuk-accordion__section-button:hover {\n        .govuk-accordion-nav__chevron {\n          background-color: transparent;\n        }\n      }\n\n      .govuk-accordion__show-all:focus,\n      .govuk-accordion__section-button:focus {\n        .govuk-accordion__section-heading-text-focus,\n        .govuk-accordion__section-summary-focus,\n        .govuk-accordion__section-toggle-focus,\n        .govuk-accordion-nav__chevron {\n          background: transparent;\n          background-color: transparent;\n        }\n      }\n    }\n\n    // For devices that can't hover such as touch devices,\n    // remove hover state as it can be stuck in that state (iOS).\n    @media (hover: none) {\n      .govuk-accordion__section-header:hover {\n        border-top-color: $govuk-border-colour;\n\n        box-shadow: inset 0 3px 0 0 $govuk-link-colour;\n\n        .govuk-accordion__section-button {\n          border-top-color: $govuk-border-colour;\n        }\n      }\n    }\n  }\n}\n"]}
diff --git a/app/templates/govuk/components/components/accordion/accordion.bundle.js b/app/templates/govuk/components/components/accordion/accordion.bundle.js
new file mode 100644
index 0000000..e689607
--- /dev/null
+++ b/app/templates/govuk/components/components/accordion/accordion.bundle.js
@@ -0,0 +1,707 @@
+(function (global, factory) {
+  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports) :
+  typeof define === 'function' && define.amd ? define(['exports'], factory) :
+  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.GOVUKFrontend = global.GOVUKFrontend || {}));
+})(this, (function (exports) { 'use strict';
+
+  function isInitialised($root, moduleName) {
+    return $root instanceof HTMLElement && $root.hasAttribute(`data-${moduleName}-init`);
+  }
+
+  /**
+   * Checks if GOV.UK Frontend is supported on this page
+   *
+   * Some browsers will load and run our JavaScript but GOV.UK Frontend
+   * won't be supported.
+   *
+   * @param {HTMLElement | null} [$scope] - (internal) `<body>` HTML element checked for browser support
+   * @returns {boolean} Whether GOV.UK Frontend is supported on this page
+   */
+  function isSupported($scope = document.body) {
+    if (!$scope) {
+      return false;
+    }
+    return $scope.classList.contains('govuk-frontend-supported');
+  }
+  function isArray(option) {
+    return Array.isArray(option);
+  }
+  function isObject(option) {
+    return !!option && typeof option === 'object' && !isArray(option);
+  }
+  function formatErrorMessage(Component, message) {
+    return `${Component.moduleName}: ${message}`;
+  }
+  /**
+   * @typedef ComponentWithModuleName
+   * @property {string} moduleName - Name of the component
+   */
+
+  class GOVUKFrontendError extends Error {
+    constructor(...args) {
+      super(...args);
+      this.name = 'GOVUKFrontendError';
+    }
+  }
+  class SupportError extends GOVUKFrontendError {
+    /**
+     * Checks if GOV.UK Frontend is supported on this page
+     *
+     * @param {HTMLElement | null} [$scope] - HTML element `<body>` checked for browser support
+     */
+    constructor($scope = document.body) {
+      const supportMessage = 'noModule' in HTMLScriptElement.prototype ? 'GOV.UK Frontend initialised without `<body class="govuk-frontend-supported">` from template `<script>` snippet' : 'GOV.UK Frontend is not supported in this browser';
+      super($scope ? supportMessage : 'GOV.UK Frontend initialised without `<script type="module">`');
+      this.name = 'SupportError';
+    }
+  }
+  class ConfigError extends GOVUKFrontendError {
+    constructor(...args) {
+      super(...args);
+      this.name = 'ConfigError';
+    }
+  }
+  class ElementError extends GOVUKFrontendError {
+    constructor(messageOrOptions) {
+      let message = typeof messageOrOptions === 'string' ? messageOrOptions : '';
+      if (isObject(messageOrOptions)) {
+        const {
+          component,
+          identifier,
+          element,
+          expectedType
+        } = messageOrOptions;
+        message = identifier;
+        message += element ? ` is not of type ${expectedType != null ? expectedType : 'HTMLElement'}` : ' not found';
+        if (component) {
+          message = formatErrorMessage(component, message);
+        }
+      }
+      super(message);
+      this.name = 'ElementError';
+    }
+  }
+  class InitError extends GOVUKFrontendError {
+    constructor(componentOrMessage) {
+      const message = typeof componentOrMessage === 'string' ? componentOrMessage : formatErrorMessage(componentOrMessage, `Root element (\`$root\`) already initialised`);
+      super(message);
+      this.name = 'InitError';
+    }
+  }
+  /**
+   * @import { ComponentWithModuleName } from '../common/index.mjs'
+   */
+
+  class Component {
+    /**
+     * Returns the root element of the component
+     *
+     * @protected
+     * @returns {RootElementType} - the root element of component
+     */
+    get $root() {
+      return this._$root;
+    }
+    constructor($root) {
+      this._$root = void 0;
+      const childConstructor = this.constructor;
+      if (typeof childConstructor.moduleName !== 'string') {
+        throw new InitError(`\`moduleName\` not defined in component`);
+      }
+      if (!($root instanceof childConstructor.elementType)) {
+        throw new ElementError({
+          element: $root,
+          component: childConstructor,
+          identifier: 'Root element (`$root`)',
+          expectedType: childConstructor.elementType.name
+        });
+      } else {
+        this._$root = $root;
+      }
+      childConstructor.checkSupport();
+      this.checkInitialised();
+      const moduleName = childConstructor.moduleName;
+      this.$root.setAttribute(`data-${moduleName}-init`, '');
+    }
+    checkInitialised() {
+      const constructor = this.constructor;
+      const moduleName = constructor.moduleName;
+      if (moduleName && isInitialised(this.$root, moduleName)) {
+        throw new InitError(constructor);
+      }
+    }
+    static checkSupport() {
+      if (!isSupported()) {
+        throw new SupportError();
+      }
+    }
+  }
+
+  /**
+   * @typedef ChildClass
+   * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component
+   */
+
+  /**
+   * @typedef {typeof Component & ChildClass} ChildClassConstructor
+   */
+  Component.elementType = HTMLElement;
+
+  const configOverride = Symbol.for('configOverride');
+  class ConfigurableComponent extends Component {
+    [configOverride](param) {
+      return {};
+    }
+
+    /**
+     * Returns the root element of the component
+     *
+     * @protected
+     * @returns {ConfigurationType} - the root element of component
+     */
+    get config() {
+      return this._config;
+    }
+    constructor($root, config) {
+      super($root);
+      this._config = void 0;
+      const childConstructor = this.constructor;
+      if (!isObject(childConstructor.defaults)) {
+        throw new ConfigError(formatErrorMessage(childConstructor, 'Config passed as parameter into constructor but no defaults defined'));
+      }
+      const datasetConfig = normaliseDataset(childConstructor, this._$root.dataset);
+      this._config = mergeConfigs(childConstructor.defaults, config != null ? config : {}, this[configOverride](datasetConfig), datasetConfig);
+    }
+  }
+  function normaliseString(value, property) {
+    const trimmedValue = value ? value.trim() : '';
+    let output;
+    let outputType = property == null ? void 0 : property.type;
+    if (!outputType) {
+      if (['true', 'false'].includes(trimmedValue)) {
+        outputType = 'boolean';
+      }
+      if (trimmedValue.length > 0 && isFinite(Number(trimmedValue))) {
+        outputType = 'number';
+      }
+    }
+    switch (outputType) {
+      case 'boolean':
+        output = trimmedValue === 'true';
+        break;
+      case 'number':
+        output = Number(trimmedValue);
+        break;
+      default:
+        output = value;
+    }
+    return output;
+  }
+  function normaliseDataset(Component, dataset) {
+    if (!isObject(Component.schema)) {
+      throw new ConfigError(formatErrorMessage(Component, 'Config passed as parameter into constructor but no schema defined'));
+    }
+    const out = {};
+    const entries = Object.entries(Component.schema.properties);
+    for (const entry of entries) {
+      const [namespace, property] = entry;
+      const field = namespace.toString();
+      if (field in dataset) {
+        out[field] = normaliseString(dataset[field], property);
+      }
+      if ((property == null ? void 0 : property.type) === 'object') {
+        out[field] = extractConfigByNamespace(Component.schema, dataset, namespace);
+      }
+    }
+    return out;
+  }
+  function mergeConfigs(...configObjects) {
+    const formattedConfigObject = {};
+    for (const configObject of configObjects) {
+      for (const key of Object.keys(configObject)) {
+        const option = formattedConfigObject[key];
+        const override = configObject[key];
+        if (isObject(option) && isObject(override)) {
+          formattedConfigObject[key] = mergeConfigs(option, override);
+        } else {
+          formattedConfigObject[key] = override;
+        }
+      }
+    }
+    return formattedConfigObject;
+  }
+  function extractConfigByNamespace(schema, dataset, namespace) {
+    const property = schema.properties[namespace];
+    if ((property == null ? void 0 : property.type) !== 'object') {
+      return;
+    }
+    const newObject = {
+      [namespace]: {}
+    };
+    for (const [key, value] of Object.entries(dataset)) {
+      let current = newObject;
+      const keyParts = key.split('.');
+      for (const [index, name] of keyParts.entries()) {
+        if (isObject(current)) {
+          if (index < keyParts.length - 1) {
+            if (!isObject(current[name])) {
+              current[name] = {};
+            }
+            current = current[name];
+          } else if (key !== namespace) {
+            current[name] = normaliseString(value);
+          }
+        }
+      }
+    }
+    return newObject[namespace];
+  }
+  /**
+   * Schema for component config
+   *
+   * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType
+   * @typedef {object} Schema
+   * @property {Record<keyof ConfigurationType, SchemaProperty | undefined>} properties - Schema properties
+   * @property {SchemaCondition<ConfigurationType>[]} [anyOf] - List of schema conditions
+   */
+  /**
+   * Schema property for component config
+   *
+   * @typedef {object} SchemaProperty
+   * @property {'string' | 'boolean' | 'number' | 'object'} type - Property type
+   */
+  /**
+   * Schema condition for component config
+   *
+   * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType
+   * @typedef {object} SchemaCondition
+   * @property {(keyof ConfigurationType)[]} required - List of required config fields
+   * @property {string} errorMessage - Error message when required config fields not provided
+   */
+  /**
+   * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]
+   * @typedef ChildClass
+   * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component
+   * @property {Schema<ConfigurationType>} [schema] - The schema of the component configuration
+   * @property {ConfigurationType} [defaults] - The default values of the configuration of the component
+   */
+  /**
+   * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]
+   * @typedef {typeof Component & ChildClass<ConfigurationType>} ChildClassConstructor<ConfigurationType>
+   */
+  /**
+   * @import { CompatibleClass, Config, CreateAllOptions, OnErrorCallback } from '../init.mjs'
+   */
+
+  class I18n {
+    constructor(translations = {}, config = {}) {
+      var _config$locale;
+      this.translations = void 0;
+      this.locale = void 0;
+      this.translations = translations;
+      this.locale = (_config$locale = config.locale) != null ? _config$locale : document.documentElement.lang || 'en';
+    }
+    t(lookupKey, options) {
+      if (!lookupKey) {
+        throw new Error('i18n: lookup key missing');
+      }
+      let translation = this.translations[lookupKey];
+      if (typeof (options == null ? void 0 : options.count) === 'number' && isObject(translation)) {
+        const translationPluralForm = translation[this.getPluralSuffix(lookupKey, options.count)];
+        if (translationPluralForm) {
+          translation = translationPluralForm;
+        }
+      }
+      if (typeof translation === 'string') {
+        if (translation.match(/%{(.\S+)}/)) {
+          if (!options) {
+            throw new Error('i18n: cannot replace placeholders in string if no option data provided');
+          }
+          return this.replacePlaceholders(translation, options);
+        }
+        return translation;
+      }
+      return lookupKey;
+    }
+    replacePlaceholders(translationString, options) {
+      const formatter = Intl.NumberFormat.supportedLocalesOf(this.locale).length ? new Intl.NumberFormat(this.locale) : undefined;
+      return translationString.replace(/%{(.\S+)}/g, function (placeholderWithBraces, placeholderKey) {
+        if (Object.prototype.hasOwnProperty.call(options, placeholderKey)) {
+          const placeholderValue = options[placeholderKey];
+          if (placeholderValue === false || typeof placeholderValue !== 'number' && typeof placeholderValue !== 'string') {
+            return '';
+          }
+          if (typeof placeholderValue === 'number') {
+            return formatter ? formatter.format(placeholderValue) : `${placeholderValue}`;
+          }
+          return placeholderValue;
+        }
+        throw new Error(`i18n: no data found to replace ${placeholderWithBraces} placeholder in string`);
+      });
+    }
+    hasIntlPluralRulesSupport() {
+      return Boolean('PluralRules' in window.Intl && Intl.PluralRules.supportedLocalesOf(this.locale).length);
+    }
+    getPluralSuffix(lookupKey, count) {
+      count = Number(count);
+      if (!isFinite(count)) {
+        return 'other';
+      }
+      const translation = this.translations[lookupKey];
+      const preferredForm = this.hasIntlPluralRulesSupport() ? new Intl.PluralRules(this.locale).select(count) : 'other';
+      if (isObject(translation)) {
+        if (preferredForm in translation) {
+          return preferredForm;
+        } else if ('other' in translation) {
+          console.warn(`i18n: Missing plural form ".${preferredForm}" for "${this.locale}" locale. Falling back to ".other".`);
+          return 'other';
+        }
+      }
+      throw new Error(`i18n: Plural form ".other" is required for "${this.locale}" locale`);
+    }
+  }
+
+  /**
+   * Accordion component
+   *
+   * This allows a collection of sections to be collapsed by default, showing only
+   * their headers. Sections can be expanded or collapsed individually by clicking
+   * their headers. A "Show all sections" button is also added to the top of the
+   * accordion, which switches to "Hide all sections" when all the sections are
+   * expanded.
+   *
+   * The state of each section is saved to the DOM via the `aria-expanded`
+   * attribute, which also provides accessibility.
+   *
+   * @preserve
+   * @augments ConfigurableComponent<AccordionConfig>
+   */
+  class Accordion extends ConfigurableComponent {
+    /**
+     * @param {Element | null} $root - HTML element to use for accordion
+     * @param {AccordionConfig} [config] - Accordion config
+     */
+    constructor($root, config = {}) {
+      super($root, config);
+      this.i18n = void 0;
+      this.controlsClass = 'govuk-accordion__controls';
+      this.showAllClass = 'govuk-accordion__show-all';
+      this.showAllTextClass = 'govuk-accordion__show-all-text';
+      this.sectionClass = 'govuk-accordion__section';
+      this.sectionExpandedClass = 'govuk-accordion__section--expanded';
+      this.sectionButtonClass = 'govuk-accordion__section-button';
+      this.sectionHeaderClass = 'govuk-accordion__section-header';
+      this.sectionHeadingClass = 'govuk-accordion__section-heading';
+      this.sectionHeadingDividerClass = 'govuk-accordion__section-heading-divider';
+      this.sectionHeadingTextClass = 'govuk-accordion__section-heading-text';
+      this.sectionHeadingTextFocusClass = 'govuk-accordion__section-heading-text-focus';
+      this.sectionShowHideToggleClass = 'govuk-accordion__section-toggle';
+      this.sectionShowHideToggleFocusClass = 'govuk-accordion__section-toggle-focus';
+      this.sectionShowHideTextClass = 'govuk-accordion__section-toggle-text';
+      this.upChevronIconClass = 'govuk-accordion-nav__chevron';
+      this.downChevronIconClass = 'govuk-accordion-nav__chevron--down';
+      this.sectionSummaryClass = 'govuk-accordion__section-summary';
+      this.sectionSummaryFocusClass = 'govuk-accordion__section-summary-focus';
+      this.sectionContentClass = 'govuk-accordion__section-content';
+      this.$sections = void 0;
+      this.$showAllButton = null;
+      this.$showAllIcon = null;
+      this.$showAllText = null;
+      this.i18n = new I18n(this.config.i18n);
+      const $sections = this.$root.querySelectorAll(`.${this.sectionClass}`);
+      if (!$sections.length) {
+        throw new ElementError({
+          component: Accordion,
+          identifier: `Sections (\`<div class="${this.sectionClass}">\`)`
+        });
+      }
+      this.$sections = $sections;
+      this.initControls();
+      this.initSectionHeaders();
+      this.updateShowAllButton(this.areAllSectionsOpen());
+    }
+    initControls() {
+      this.$showAllButton = document.createElement('button');
+      this.$showAllButton.setAttribute('type', 'button');
+      this.$showAllButton.setAttribute('class', this.showAllClass);
+      this.$showAllButton.setAttribute('aria-expanded', 'false');
+      this.$showAllIcon = document.createElement('span');
+      this.$showAllIcon.classList.add(this.upChevronIconClass);
+      this.$showAllButton.appendChild(this.$showAllIcon);
+      const $accordionControls = document.createElement('div');
+      $accordionControls.setAttribute('class', this.controlsClass);
+      $accordionControls.appendChild(this.$showAllButton);
+      this.$root.insertBefore($accordionControls, this.$root.firstChild);
+      this.$showAllText = document.createElement('span');
+      this.$showAllText.classList.add(this.showAllTextClass);
+      this.$showAllButton.appendChild(this.$showAllText);
+      this.$showAllButton.addEventListener('click', () => this.onShowOrHideAllToggle());
+      if ('onbeforematch' in document) {
+        document.addEventListener('beforematch', event => this.onBeforeMatch(event));
+      }
+    }
+    initSectionHeaders() {
+      this.$sections.forEach(($section, i) => {
+        const $header = $section.querySelector(`.${this.sectionHeaderClass}`);
+        if (!$header) {
+          throw new ElementError({
+            component: Accordion,
+            identifier: `Section headers (\`<div class="${this.sectionHeaderClass}">\`)`
+          });
+        }
+        this.constructHeaderMarkup($header, i);
+        this.setExpanded(this.isExpanded($section), $section);
+        $header.addEventListener('click', () => this.onSectionToggle($section));
+        this.setInitialState($section);
+      });
+    }
+    constructHeaderMarkup($header, index) {
+      const $span = $header.querySelector(`.${this.sectionButtonClass}`);
+      const $heading = $header.querySelector(`.${this.sectionHeadingClass}`);
+      const $summary = $header.querySelector(`.${this.sectionSummaryClass}`);
+      if (!$heading) {
+        throw new ElementError({
+          component: Accordion,
+          identifier: `Section heading (\`.${this.sectionHeadingClass}\`)`
+        });
+      }
+      if (!$span) {
+        throw new ElementError({
+          component: Accordion,
+          identifier: `Section button placeholder (\`<span class="${this.sectionButtonClass}">\`)`
+        });
+      }
+      const $button = document.createElement('button');
+      $button.setAttribute('type', 'button');
+      $button.setAttribute('aria-controls', `${this.$root.id}-content-${index + 1}`);
+      for (const attr of Array.from($span.attributes)) {
+        if (attr.name !== 'id') {
+          $button.setAttribute(attr.name, attr.value);
+        }
+      }
+      const $headingText = document.createElement('span');
+      $headingText.classList.add(this.sectionHeadingTextClass);
+      $headingText.id = $span.id;
+      const $headingTextFocus = document.createElement('span');
+      $headingTextFocus.classList.add(this.sectionHeadingTextFocusClass);
+      $headingText.appendChild($headingTextFocus);
+      Array.from($span.childNodes).forEach($child => $headingTextFocus.appendChild($child));
+      const $showHideToggle = document.createElement('span');
+      $showHideToggle.classList.add(this.sectionShowHideToggleClass);
+      $showHideToggle.setAttribute('data-nosnippet', '');
+      const $showHideToggleFocus = document.createElement('span');
+      $showHideToggleFocus.classList.add(this.sectionShowHideToggleFocusClass);
+      $showHideToggle.appendChild($showHideToggleFocus);
+      const $showHideText = document.createElement('span');
+      const $showHideIcon = document.createElement('span');
+      $showHideIcon.classList.add(this.upChevronIconClass);
+      $showHideToggleFocus.appendChild($showHideIcon);
+      $showHideText.classList.add(this.sectionShowHideTextClass);
+      $showHideToggleFocus.appendChild($showHideText);
+      $button.appendChild($headingText);
+      $button.appendChild(this.getButtonPunctuationEl());
+      if ($summary) {
+        const $summarySpan = document.createElement('span');
+        const $summarySpanFocus = document.createElement('span');
+        $summarySpanFocus.classList.add(this.sectionSummaryFocusClass);
+        $summarySpan.appendChild($summarySpanFocus);
+        for (const attr of Array.from($summary.attributes)) {
+          $summarySpan.setAttribute(attr.name, attr.value);
+        }
+        Array.from($summary.childNodes).forEach($child => $summarySpanFocus.appendChild($child));
+        $summary.remove();
+        $button.appendChild($summarySpan);
+        $button.appendChild(this.getButtonPunctuationEl());
+      }
+      $button.appendChild($showHideToggle);
+      $heading.removeChild($span);
+      $heading.appendChild($button);
+    }
+    onBeforeMatch(event) {
+      const $fragment = event.target;
+      if (!($fragment instanceof Element)) {
+        return;
+      }
+      const $section = $fragment.closest(`.${this.sectionClass}`);
+      if ($section) {
+        this.setExpanded(true, $section);
+      }
+    }
+    onSectionToggle($section) {
+      const nowExpanded = !this.isExpanded($section);
+      this.setExpanded(nowExpanded, $section);
+      this.storeState($section, nowExpanded);
+    }
+    onShowOrHideAllToggle() {
+      const nowExpanded = !this.areAllSectionsOpen();
+      this.$sections.forEach($section => {
+        this.setExpanded(nowExpanded, $section);
+        this.storeState($section, nowExpanded);
+      });
+      this.updateShowAllButton(nowExpanded);
+    }
+    setExpanded(expanded, $section) {
+      const $showHideIcon = $section.querySelector(`.${this.upChevronIconClass}`);
+      const $showHideText = $section.querySelector(`.${this.sectionShowHideTextClass}`);
+      const $button = $section.querySelector(`.${this.sectionButtonClass}`);
+      const $content = $section.querySelector(`.${this.sectionContentClass}`);
+      if (!$content) {
+        throw new ElementError({
+          component: Accordion,
+          identifier: `Section content (\`<div class="${this.sectionContentClass}">\`)`
+        });
+      }
+      if (!$showHideIcon || !$showHideText || !$button) {
+        return;
+      }
+      const newButtonText = expanded ? this.i18n.t('hideSection') : this.i18n.t('showSection');
+      $showHideText.textContent = newButtonText;
+      $button.setAttribute('aria-expanded', `${expanded}`);
+      const ariaLabelParts = [];
+      const $headingText = $section.querySelector(`.${this.sectionHeadingTextClass}`);
+      if ($headingText) {
+        ariaLabelParts.push($headingText.textContent.trim());
+      }
+      const $summary = $section.querySelector(`.${this.sectionSummaryClass}`);
+      if ($summary) {
+        ariaLabelParts.push($summary.textContent.trim());
+      }
+      const ariaLabelMessage = expanded ? this.i18n.t('hideSectionAriaLabel') : this.i18n.t('showSectionAriaLabel');
+      ariaLabelParts.push(ariaLabelMessage);
+      $button.setAttribute('aria-label', ariaLabelParts.join(' , '));
+      if (expanded) {
+        $content.removeAttribute('hidden');
+        $section.classList.add(this.sectionExpandedClass);
+        $showHideIcon.classList.remove(this.downChevronIconClass);
+      } else {
+        $content.setAttribute('hidden', 'until-found');
+        $section.classList.remove(this.sectionExpandedClass);
+        $showHideIcon.classList.add(this.downChevronIconClass);
+      }
+      this.updateShowAllButton(this.areAllSectionsOpen());
+    }
+    isExpanded($section) {
+      return $section.classList.contains(this.sectionExpandedClass);
+    }
+    areAllSectionsOpen() {
+      return Array.from(this.$sections).every($section => this.isExpanded($section));
+    }
+    updateShowAllButton(expanded) {
+      if (!this.$showAllButton || !this.$showAllText || !this.$showAllIcon) {
+        return;
+      }
+      this.$showAllButton.setAttribute('aria-expanded', expanded.toString());
+      this.$showAllText.textContent = expanded ? this.i18n.t('hideAllSections') : this.i18n.t('showAllSections');
+      this.$showAllIcon.classList.toggle(this.downChevronIconClass, !expanded);
+    }
+
+    /**
+     * Get the identifier for a section
+     *
+     * We need a unique way of identifying each content in the Accordion.
+     * Since an `#id` should be unique and an `id` is required for `aria-`
+     * attributes `id` can be safely used.
+     *
+     * @param {Element} $section - Section element
+     * @returns {string | undefined | null} Identifier for section
+     */
+    getIdentifier($section) {
+      const $button = $section.querySelector(`.${this.sectionButtonClass}`);
+      return $button == null ? void 0 : $button.getAttribute('aria-controls');
+    }
+    storeState($section, isExpanded) {
+      if (!this.config.rememberExpanded) {
+        return;
+      }
+      const id = this.getIdentifier($section);
+      if (id) {
+        try {
+          window.sessionStorage.setItem(id, isExpanded.toString());
+        } catch (_unused) {}
+      }
+    }
+    setInitialState($section) {
+      if (!this.config.rememberExpanded) {
+        return;
+      }
+      const id = this.getIdentifier($section);
+      if (id) {
+        try {
+          const state = window.sessionStorage.getItem(id);
+          if (state !== null) {
+            this.setExpanded(state === 'true', $section);
+          }
+        } catch (_unused2) {}
+      }
+    }
+    getButtonPunctuationEl() {
+      const $punctuationEl = document.createElement('span');
+      $punctuationEl.classList.add('govuk-visually-hidden', this.sectionHeadingDividerClass);
+      $punctuationEl.textContent = ', ';
+      return $punctuationEl;
+    }
+  }
+
+  /**
+   * Accordion config
+   *
+   * @see {@link Accordion.defaults}
+   * @typedef {object} AccordionConfig
+   * @property {AccordionTranslations} [i18n=Accordion.defaults.i18n] - Accordion translations
+   * @property {boolean} [rememberExpanded] - Whether the expanded and collapsed
+   *   state of each section is remembered and restored when navigating.
+   */
+
+  /**
+   * Accordion translations
+   *
+   * @see {@link Accordion.defaults.i18n}
+   * @typedef {object} AccordionTranslations
+   *
+   * Messages used by the component for the labels of its buttons. This includes
+   * the visible text shown on screen, and text to help assistive technology users
+   * for the buttons toggling each section.
+   * @property {string} [hideAllSections] - The text content for the 'Hide all
+   *   sections' button, used when at least one section is expanded.
+   * @property {string} [hideSection] - The text content for the 'Hide'
+   *   button, used when a section is expanded.
+   * @property {string} [hideSectionAriaLabel] - The text content appended to the
+   *   'Hide' button's accessible name when a section is expanded.
+   * @property {string} [showAllSections] - The text content for the 'Show all
+   *   sections' button, used when all sections are collapsed.
+   * @property {string} [showSection] - The text content for the 'Show'
+   *   button, used when a section is collapsed.
+   * @property {string} [showSectionAriaLabel] - The text content appended to the
+   *   'Show' button's accessible name when a section is expanded.
+   */
+
+  /**
+   * @import { Schema } from '../../common/configuration.mjs'
+   */
+  Accordion.moduleName = 'govuk-accordion';
+  Accordion.defaults = Object.freeze({
+    i18n: {
+      hideAllSections: 'Hide all sections',
+      hideSection: 'Hide',
+      hideSectionAriaLabel: 'Hide this section',
+      showAllSections: 'Show all sections',
+      showSection: 'Show',
+      showSectionAriaLabel: 'Show this section'
+    },
+    rememberExpanded: true
+  });
+  Accordion.schema = Object.freeze({
+    properties: {
+      i18n: {
+        type: 'object'
+      },
+      rememberExpanded: {
+        type: 'boolean'
+      }
+    }
+  });
+
+  exports.Accordion = Accordion;
+
+}));
+//# sourceMappingURL=accordion.bundle.js.map
diff --git a/app/templates/govuk/components/components/accordion/accordion.bundle.js.map b/app/templates/govuk/components/components/accordion/accordion.bundle.js.map
new file mode 100644
index 0000000..2db195e
--- /dev/null
+++ b/app/templates/govuk/components/components/accordion/accordion.bundle.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"accordion.bundle.js","sources":["../../../../src/govuk/common/index.mjs","../../../../src/govuk/errors/index.mjs","../../../../src/govuk/component.mjs","../../../../src/govuk/common/configuration.mjs","../../../../src/govuk/i18n.mjs","../../../../src/govuk/components/accordion/accordion.mjs"],"sourcesContent":["/**\n * Common helpers which do not require polyfill.\n *\n * IMPORTANT: If a helper require a polyfill, please isolate it in its own module\n * so that the polyfill can be properly tree-shaken and does not burden\n * the components that do not need that helper\n */\n\n/**\n * Get GOV.UK Frontend breakpoint value from CSS custom property\n *\n * @private\n * @param {string} name - Breakpoint name\n * @returns {{ property: string, value?: string }} Breakpoint object\n */\nexport function getBreakpoint(name) {\n  const property = `--govuk-breakpoint-${name}`\n\n  // Get value from `<html>` with breakpoints on CSS :root\n  const value = window\n    .getComputedStyle(document.documentElement)\n    .getPropertyValue(property)\n\n  return {\n    property,\n    value: value || undefined\n  }\n}\n\n/**\n * Move focus to element\n *\n * Sets tabindex to -1 to make the element programmatically focusable,\n * but removes it on blur as the element doesn't need to be focused again.\n *\n * @private\n * @template {HTMLElement} FocusElement\n * @param {FocusElement} $element - HTML element\n * @param {object} [options] - Handler options\n * @param {function(this: FocusElement): void} [options.onBeforeFocus] - Callback before focus\n * @param {function(this: FocusElement): void} [options.onBlur] - Callback on blur\n */\nexport function setFocus($element, options = {}) {\n  const isFocusable = $element.getAttribute('tabindex')\n\n  if (!isFocusable) {\n    $element.setAttribute('tabindex', '-1')\n  }\n\n  /**\n   * Handle element focus\n   */\n  function onFocus() {\n    $element.addEventListener('blur', onBlur, { once: true })\n  }\n\n  /**\n   * Handle element blur\n   */\n  function onBlur() {\n    options.onBlur?.call($element)\n\n    if (!isFocusable) {\n      $element.removeAttribute('tabindex')\n    }\n  }\n\n  // Add listener to reset element on blur, after focus\n  $element.addEventListener('focus', onFocus, { once: true })\n\n  // Focus element\n  options.onBeforeFocus?.call($element)\n  $element.focus()\n}\n\n/**\n * Checks if component is already initialised\n *\n * @internal\n * @param {Element} $root - HTML element to be checked\n * @param {string} moduleName - name of component module\n * @returns {boolean} Whether component is already initialised\n */\nexport function isInitialised($root, moduleName) {\n  return (\n    $root instanceof HTMLElement &&\n    $root.hasAttribute(`data-${moduleName}-init`)\n  )\n}\n\n/**\n * Checks if GOV.UK Frontend is supported on this page\n *\n * Some browsers will load and run our JavaScript but GOV.UK Frontend\n * won't be supported.\n *\n * @param {HTMLElement | null} [$scope] - (internal) `<body>` HTML element checked for browser support\n * @returns {boolean} Whether GOV.UK Frontend is supported on this page\n */\nexport function isSupported($scope = document.body) {\n  if (!$scope) {\n    return false\n  }\n\n  return $scope.classList.contains('govuk-frontend-supported')\n}\n\n/**\n * Check for an array\n *\n * @internal\n * @param {unknown} option - Option to check\n * @returns {boolean} Whether the option is an array\n */\nfunction isArray(option) {\n  return Array.isArray(option)\n}\n\n/**\n * Check for an object\n *\n * @internal\n * @template {Partial<Record<keyof ObjectType, unknown>>} ObjectType\n * @param {unknown | ObjectType} option - Option to check\n * @returns {option is ObjectType} Whether the option is an object\n */\nexport function isObject(option) {\n  return !!option && typeof option === 'object' && !isArray(option)\n}\n\n/**\n * Check for valid scope\n *\n * @internal\n * @template {Element | Document} ScopeType\n * @param {unknown | ScopeType} $scope - Scope of the document to search within\n * @returns {$scope is ScopeType} Whether the scope can be queried\n */\nexport function isScope($scope) {\n  return !!$scope && ($scope instanceof Element || $scope instanceof Document)\n}\n\n/**\n * Format error message\n *\n * @internal\n * @param {ComponentWithModuleName} Component - Component that threw the error\n * @param {string} message - Error message\n * @returns {string} - Formatted error message\n */\nexport function formatErrorMessage(Component, message) {\n  return `${Component.moduleName}: ${message}`\n}\n\n/* eslint-disable jsdoc/valid-types --\n * `{new(...args: any[] ): object}` is not recognised as valid\n * https://github.com/gajus/eslint-plugin-jsdoc/issues/145#issuecomment-1308722878\n * https://github.com/jsdoc-type-pratt-parser/jsdoc-type-pratt-parser/issues/131\n **/\n\n/**\n * @typedef ComponentWithModuleName\n * @property {string} moduleName - Name of the component\n */\n\n/* eslint-enable jsdoc/valid-types */\n","import { formatErrorMessage, isObject } from '../common/index.mjs'\n\n/**\n * GOV.UK Frontend error\n *\n * A base class for `Error`s thrown by GOV.UK Frontend.\n *\n * It is meant to be extended into specific types of errors\n * to be thrown by our code.\n *\n * @example\n * ```js\n * class MissingRootError extends GOVUKFrontendError {\n *   // Setting an explicit name is important as extending the class will not\n *   // set a new `name` on the subclass. The `name` property is important\n *   // to ensure intelligible error names even if the class name gets\n *   // mangled by a minifier\n *   name = \"MissingRootError\"\n * }\n * ```\n * @virtual\n */\nexport class GOVUKFrontendError extends Error {\n  name = 'GOVUKFrontendError'\n}\n\n/**\n * Indicates that GOV.UK Frontend is not supported\n */\nexport class SupportError extends GOVUKFrontendError {\n  name = 'SupportError'\n\n  /**\n   * Checks if GOV.UK Frontend is supported on this page\n   *\n   * @param {HTMLElement | null} [$scope] - HTML element `<body>` checked for browser support\n   */\n  constructor($scope = document.body) {\n    const supportMessage =\n      'noModule' in HTMLScriptElement.prototype\n        ? 'GOV.UK Frontend initialised without `<body class=\"govuk-frontend-supported\">` from template `<script>` snippet'\n        : 'GOV.UK Frontend is not supported in this browser'\n\n    super(\n      $scope\n        ? supportMessage\n        : 'GOV.UK Frontend initialised without `<script type=\"module\">`'\n    )\n  }\n}\n\n/**\n * Indicates that a component has received an illegal configuration\n */\nexport class ConfigError extends GOVUKFrontendError {\n  name = 'ConfigError'\n}\n\n/**\n * Indicates an issue with an element (possibly `null` or `undefined`)\n */\nexport class ElementError extends GOVUKFrontendError {\n  name = 'ElementError'\n\n  /**\n   * @internal\n   * @overload\n   * @param {string} message - Element error message\n   */\n\n  /**\n   * @internal\n   * @overload\n   * @param {ElementErrorOptions} options - Element error options\n   */\n\n  /**\n   * @internal\n   * @param {string | ElementErrorOptions} messageOrOptions - Element error message or options\n   */\n  constructor(messageOrOptions) {\n    let message = typeof messageOrOptions === 'string' ? messageOrOptions : ''\n\n    // Build message from options\n    if (isObject(messageOrOptions)) {\n      const { component, identifier, element, expectedType } = messageOrOptions\n\n      message = identifier\n\n      // Append reason\n      message += element\n        ? ` is not of type ${expectedType ?? 'HTMLElement'}`\n        : ' not found'\n\n      // Prepend with module name (optional)\n      if (component) {\n        message = formatErrorMessage(component, message)\n      }\n    }\n\n    super(message)\n  }\n}\n\n/**\n * Indicates that a component is already initialised\n */\nexport class InitError extends GOVUKFrontendError {\n  name = 'InitError'\n\n  /**\n   * @internal\n   * @param {ComponentWithModuleName | string} componentOrMessage - name of the component module\n   */\n  constructor(componentOrMessage) {\n    const message =\n      typeof componentOrMessage === 'string'\n        ? componentOrMessage\n        : formatErrorMessage(\n            componentOrMessage,\n            `Root element (\\`$root\\`) already initialised`\n          )\n\n    super(message)\n  }\n}\n\n/**\n * Element error options\n *\n * @internal\n * @typedef {object} ElementErrorOptions\n * @property {Element | Document | null} [element] - The element in error (optional)\n * @property {ComponentWithModuleName} [component] - Component throwing the error (optional)\n * @property {string} identifier - An identifier that'll let the user understand which element has an error. This is whatever makes the most sense\n * @property {string} [expectedType] - The type that was expected for the identifier (optional)\n */\n\n/**\n * @import { ComponentWithModuleName } from '../common/index.mjs'\n */\n","import { isInitialised, isSupported } from './common/index.mjs'\nimport { ElementError, InitError, SupportError } from './errors/index.mjs'\n\n/**\n * Base Component class\n *\n * Centralises the behaviours shared by our components\n *\n * @virtual\n * @template {Element} [RootElementType=HTMLElement]\n */\nexport class Component {\n  /**\n   * @type {typeof Element}\n   */\n  static elementType = HTMLElement\n\n  // allows Typescript user to work around the lack of types\n  // in GOVUKFrontend package, Typescript is not aware of $root\n  // in components that extend GOVUKFrontendComponent\n  /**\n   * Returns the root element of the component\n   *\n   * @protected\n   * @returns {RootElementType} - the root element of component\n   */\n  get $root() {\n    return this._$root\n  }\n\n  /**\n   * @protected\n   * @type {RootElementType}\n   */\n  _$root\n\n  /**\n   * Constructs a new component, validating that GOV.UK Frontend is supported\n   *\n   * @internal\n   * @param {Element | null} [$root] - HTML element to use for component\n   */\n  constructor($root) {\n    const childConstructor = /** @type {ChildClassConstructor} */ (\n      this.constructor\n    )\n\n    // TypeScript does not enforce that inheriting classes will define a `moduleName`\n    // (even if we add a `@virtual` `static moduleName` property to this class).\n    // While we trust users to do this correctly, we do a little check to provide them\n    // a helpful error message.\n    //\n    // After this, we'll be sure that `childConstructor` has a `moduleName`\n    // as expected of the `ChildClassConstructor` we've cast `this.constructor` to.\n    if (typeof childConstructor.moduleName !== 'string') {\n      throw new InitError(`\\`moduleName\\` not defined in component`)\n    }\n\n    if (!($root instanceof childConstructor.elementType)) {\n      throw new ElementError({\n        element: $root,\n        component: childConstructor,\n        identifier: 'Root element (`$root`)',\n        expectedType: childConstructor.elementType.name\n      })\n    } else {\n      this._$root = /** @type {RootElementType} */ ($root)\n    }\n\n    childConstructor.checkSupport()\n\n    this.checkInitialised()\n\n    const moduleName = childConstructor.moduleName\n\n    this.$root.setAttribute(`data-${moduleName}-init`, '')\n  }\n\n  /**\n   * Validates whether component is already initialised\n   *\n   * @private\n   * @throws {InitError} when component is already initialised\n   */\n  checkInitialised() {\n    const constructor = /** @type {ChildClassConstructor} */ (this.constructor)\n    const moduleName = constructor.moduleName\n\n    if (moduleName && isInitialised(this.$root, moduleName)) {\n      throw new InitError(constructor)\n    }\n  }\n\n  /**\n   * Validates whether components are supported\n   *\n   * @throws {SupportError} when the components are not supported\n   */\n  static checkSupport() {\n    if (!isSupported()) {\n      throw new SupportError()\n    }\n  }\n}\n\n/**\n * @typedef ChildClass\n * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component\n */\n\n/**\n * @typedef {typeof Component & ChildClass} ChildClassConstructor\n */\n","import { Component } from '../component.mjs'\nimport { ConfigError } from '../errors/index.mjs'\n\nimport { isObject, isScope, formatErrorMessage } from './index.mjs'\n\nexport const configOverride = Symbol.for('configOverride')\n\n/**\n * Base Component class\n *\n * Centralises the behaviours shared by our components\n *\n * @virtual\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]\n * @template {Element & { dataset: DOMStringMap }} [RootElementType=HTMLElement]\n * @augments Component<RootElementType>\n */\nexport class ConfigurableComponent extends Component {\n  /**\n   * configOverride\n   *\n   * Function which defines configuration overrides to prioritize\n   * properties from the root element's dataset.\n   *\n   * It should take a subset of configuration as input and return\n   * a new configuration object with properties that should be\n   * overridden based on the root element's dataset. A Symbol\n   * is used for indexing to prevent conflicts.\n   *\n   * @internal\n   * @virtual\n   * @param {Partial<ConfigurationType>} [param] - Configuration object\n   * @returns {Partial<ConfigurationType>} return - Configuration object\n   */\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  [configOverride](param) {\n    return {}\n  }\n\n  /**\n   * Returns the root element of the component\n   *\n   * @protected\n   * @returns {ConfigurationType} - the root element of component\n   */\n  get config() {\n    return this._config\n  }\n\n  /**\n   *\n   * @type {ConfigurationType}\n   */\n  _config\n\n  /**\n   * Constructs a new component, validating that GOV.UK Frontend is supported\n   *\n   * @internal\n   * @param {Element | null} [$root] - HTML element to use for component\n   * @param {ConfigurationType} [config] - HTML element to use for component\n   */\n  constructor($root, config) {\n    super($root)\n\n    const childConstructor =\n      /** @type {ChildClassConstructor<ConfigurationType>} */ (this.constructor)\n\n    if (!isObject(childConstructor.defaults)) {\n      throw new ConfigError(\n        formatErrorMessage(\n          childConstructor,\n          'Config passed as parameter into constructor but no defaults defined'\n        )\n      )\n    }\n\n    const datasetConfig = /** @type {ConfigurationType} */ (\n      normaliseDataset(childConstructor, this._$root.dataset)\n    )\n\n    this._config = /** @type {ConfigurationType} */ (\n      mergeConfigs(\n        childConstructor.defaults,\n        config ?? {},\n        this[configOverride](datasetConfig),\n        datasetConfig\n      )\n    )\n  }\n}\n\n/**\n * Normalise string\n *\n * 'If it looks like a duck, and it quacks like a duck…' 🦆\n *\n * If the passed value looks like a boolean or a number, convert it to a boolean\n * or number.\n *\n * Designed to be used to convert config passed via data attributes (which are\n * always strings) into something sensible.\n *\n * @internal\n * @param {DOMStringMap[string]} value - The value to normalise\n * @param {SchemaProperty} [property] - Component schema property\n * @returns {string | boolean | number | undefined} Normalised data\n */\nexport function normaliseString(value, property) {\n  const trimmedValue = value ? value.trim() : ''\n\n  let output\n  let outputType = property?.type\n\n  // No schema type set? Determine automatically\n  if (!outputType) {\n    if (['true', 'false'].includes(trimmedValue)) {\n      outputType = 'boolean'\n    }\n\n    // Empty / whitespace-only strings are considered finite so we need to check\n    // the length of the trimmed string as well\n    if (trimmedValue.length > 0 && isFinite(Number(trimmedValue))) {\n      outputType = 'number'\n    }\n  }\n\n  switch (outputType) {\n    case 'boolean':\n      output = trimmedValue === 'true'\n      break\n\n    case 'number':\n      output = Number(trimmedValue)\n      break\n\n    default:\n      output = value\n  }\n\n  return output\n}\n\n/**\n * Normalise dataset\n *\n * Loop over an object and normalise each value using {@link normaliseString},\n * optionally expanding nested `i18n.field`\n *\n * @internal\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @template {[keyof ConfigurationType, SchemaProperty | undefined][]} SchemaEntryType\n * @param {{ schema?: Schema<ConfigurationType>, moduleName: string }} Component - Component class\n * @param {DOMStringMap} dataset - HTML element dataset\n * @returns {ObjectNested} Normalised dataset\n */\nexport function normaliseDataset(Component, dataset) {\n  if (!isObject(Component.schema)) {\n    throw new ConfigError(\n      formatErrorMessage(\n        Component,\n        'Config passed as parameter into constructor but no schema defined'\n      )\n    )\n  }\n\n  const out = /** @type {ObjectNested} */ ({})\n  const entries = /** @type {SchemaEntryType} */ (\n    Object.entries(Component.schema.properties)\n  )\n\n  // Normalise top-level dataset ('data-*') values using schema types\n  for (const entry of entries) {\n    const [namespace, property] = entry\n\n    // Cast the `namespace` to string so it can be used to access the dataset\n    const field = namespace.toString()\n\n    if (field in dataset) {\n      out[field] = normaliseString(dataset[field], property)\n    }\n\n    /**\n     * Extract and normalise nested object values automatically using\n     * {@link normaliseString} but only schema object types are allowed\n     */\n    if (property?.type === 'object') {\n      out[field] = extractConfigByNamespace(\n        Component.schema,\n        dataset,\n        namespace\n      )\n    }\n  }\n\n  return out\n}\n\n/**\n * Normalise options passed to `initAll` or `createAll`\n *\n * @internal\n * @template {CompatibleClass} ComponentClass\n * @param {Config | CreateAllOptions<ComponentClass> | OnErrorCallback<ComponentClass> | Element | Document | null} [scopeOrOptions] - Scope of the document to search within, initialisation options or error callback function\n * @returns {CreateAllOptions<ComponentClass>} Normalised options\n */\nexport function normaliseOptions(scopeOrOptions) {\n  let /** @type {Element | Document | null} */ $scope = document\n  let /** @type {OnErrorCallback<ComponentClass> | undefined} */ onError\n\n  // Handle options object\n  if (isObject(scopeOrOptions)) {\n    const options = scopeOrOptions\n\n    // Scope must be valid or null\n    if (isScope(options.scope) || options.scope === null) {\n      $scope = options.scope\n    }\n\n    // Error handler must be a function\n    if (typeof options.onError === 'function') {\n      onError = options.onError\n    }\n  }\n\n  if (isScope(scopeOrOptions)) {\n    $scope = scopeOrOptions\n  } else if (scopeOrOptions === null) {\n    $scope = null\n  } else if (typeof scopeOrOptions === 'function') {\n    onError = scopeOrOptions\n  }\n\n  return {\n    scope: $scope,\n    onError\n  }\n}\n\n/**\n * Config merging function\n *\n * Takes any number of objects and combines them together, with\n * greatest priority on the LAST item passed in.\n *\n * @internal\n * @param {...{ [key: string]: unknown }} configObjects - Config objects to merge\n * @returns {{ [key: string]: unknown }} A merged config object\n */\nexport function mergeConfigs(...configObjects) {\n  // Start with an empty object as our base\n  /** @type {{ [key: string]: unknown }} */\n  const formattedConfigObject = {}\n\n  // Loop through each of the passed objects\n  for (const configObject of configObjects) {\n    for (const key of Object.keys(configObject)) {\n      const option = formattedConfigObject[key]\n      const override = configObject[key]\n\n      // Push their keys one-by-one into formattedConfigObject. Any duplicate\n      // keys with object values will be merged, otherwise the new value will\n      // override the existing value.\n      if (isObject(option) && isObject(override)) {\n        formattedConfigObject[key] = mergeConfigs(option, override)\n      } else {\n        // Apply override\n        formattedConfigObject[key] = override\n      }\n    }\n  }\n\n  return formattedConfigObject\n}\n\n/**\n * Validate component config by schema\n *\n * Follows limited examples in JSON schema for wider support in future\n *\n * {@link https://ajv.js.org/json-schema.html#compound-keywords}\n * {@link https://ajv.js.org/packages/ajv-errors.html#single-message}\n *\n * @internal\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @param {Schema<ConfigurationType>} schema - The schema of a component\n * @param {ConfigurationType} config - Component config\n * @returns {string[]} List of validation errors\n */\nexport function validateConfig(schema, config) {\n  const validationErrors = []\n\n  // Check errors for each schema\n  for (const [name, conditions] of Object.entries(schema)) {\n    const errors = []\n\n    // Check errors for each schema condition\n    if (Array.isArray(conditions)) {\n      for (const { required, errorMessage } of conditions) {\n        if (!required.every((key) => !!config[key])) {\n          errors.push(errorMessage) // Missing config key value\n        }\n      }\n\n      // Check one condition passes or add errors\n      if (name === 'anyOf' && !(conditions.length - errors.length >= 1)) {\n        validationErrors.push(...errors)\n      }\n    }\n  }\n\n  return validationErrors\n}\n\n/**\n * Extracts keys starting with a particular namespace from dataset ('data-*')\n * object, removing the namespace in the process, normalising all values\n *\n * @internal\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @param {Schema<ConfigurationType>} schema - The schema of a component\n * @param {DOMStringMap} dataset - The object to extract key-value pairs from\n * @param {keyof ConfigurationType} namespace - The namespace to filter keys with\n * @returns {ObjectNested | undefined} Nested object with dot-separated key namespace removed\n */\nexport function extractConfigByNamespace(schema, dataset, namespace) {\n  const property = schema.properties[namespace]\n\n  // Only extract configs for object schema properties\n  if (property?.type !== 'object') {\n    return\n  }\n\n  // Add default empty config\n  const newObject = /** @type {Record<typeof namespace, ObjectNested>} */ ({\n    [namespace]: {}\n  })\n\n  for (const [key, value] of Object.entries(dataset)) {\n    /** @type {ObjectNested | ObjectNested[NestedKey]} */\n    let current = newObject\n\n    // Split the key into parts, using . as our namespace separator\n    const keyParts = key.split('.')\n\n    /**\n     * Create new level per part\n     *\n     * e.g. 'i18n.textareaDescription.other' becomes\n     * `{ i18n: { textareaDescription: { other } } }`\n     */\n    for (const [index, name] of keyParts.entries()) {\n      if (isObject(current)) {\n        // Drop down to nested object until the last part\n        if (index < keyParts.length - 1) {\n          // New nested object (optionally) replaces existing value\n          if (!isObject(current[name])) {\n            current[name] = {}\n          }\n\n          // Drop down into new or existing nested object\n          current = current[name]\n        } else if (key !== namespace) {\n          // Normalised value (optionally) replaces existing value\n          current[name] = normaliseString(value)\n        }\n      }\n    }\n  }\n\n  return newObject[namespace]\n}\n\n/**\n * @internal\n * @typedef {keyof ObjectNested} NestedKey\n * @typedef {{ [key: string]: string | boolean | number | ObjectNested | undefined }} ObjectNested\n */\n\n/**\n * Schema for component config\n *\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @typedef {object} Schema\n * @property {Record<keyof ConfigurationType, SchemaProperty | undefined>} properties - Schema properties\n * @property {SchemaCondition<ConfigurationType>[]} [anyOf] - List of schema conditions\n */\n\n/**\n * Schema property for component config\n *\n * @typedef {object} SchemaProperty\n * @property {'string' | 'boolean' | 'number' | 'object'} type - Property type\n */\n\n/**\n * Schema condition for component config\n *\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @typedef {object} SchemaCondition\n * @property {(keyof ConfigurationType)[]} required - List of required config fields\n * @property {string} errorMessage - Error message when required config fields not provided\n */\n\n/**\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]\n * @typedef ChildClass\n * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component\n * @property {Schema<ConfigurationType>} [schema] - The schema of the component configuration\n * @property {ConfigurationType} [defaults] - The default values of the configuration of the component\n */\n\n/**\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]\n * @typedef {typeof Component & ChildClass<ConfigurationType>} ChildClassConstructor<ConfigurationType>\n */\n\n/**\n * @import { CompatibleClass, Config, CreateAllOptions, OnErrorCallback } from '../init.mjs'\n */\n","import { isObject } from './common/index.mjs'\n\n/**\n * Internal support for selecting messages to render, with placeholder\n * interpolation and locale-aware number formatting and pluralisation\n *\n * @internal\n */\nexport class I18n {\n  translations\n  locale\n\n  /**\n   * @internal\n   * @param {{ [key: string]: string | TranslationPluralForms }} translations - Key-value pairs of the translation strings to use.\n   * @param {object} [config] - Configuration options for the function.\n   * @param {string | null} [config.locale] - An overriding locale for the PluralRules functionality.\n   */\n  constructor(translations = {}, config = {}) {\n    // Make list of translations available throughout function\n    this.translations = translations\n\n    // The locale to use for PluralRules and NumberFormat\n    this.locale = config.locale ?? (document.documentElement.lang || 'en')\n  }\n\n  /**\n   * The most used function - takes the key for a given piece of UI text and\n   * returns the appropriate string.\n   *\n   * @internal\n   * @param {string} lookupKey - The lookup key of the string to use.\n   * @param {{ [key: string]: unknown }} [options] - Any options passed with the translation string, e.g: for string interpolation.\n   * @returns {string} The appropriate translation string.\n   * @throws {Error} Lookup key required\n   * @throws {Error} Options required for `${}` placeholders\n   */\n  t(lookupKey, options) {\n    if (!lookupKey) {\n      // Print a console error if no lookup key has been provided\n      throw new Error('i18n: lookup key missing')\n    }\n\n    // Fetch the translation for that lookup key\n    let translation = this.translations[lookupKey]\n\n    // If the `count` option is set, determine which plural suffix is needed and\n    // change the lookupKey to match. We check to see if it's numeric instead of\n    // falsy, as this could legitimately be 0.\n    if (typeof options?.count === 'number' && isObject(translation)) {\n      const translationPluralForm =\n        translation[this.getPluralSuffix(lookupKey, options.count)]\n\n      // Update translation with plural suffix\n      if (translationPluralForm) {\n        translation = translationPluralForm\n      }\n    }\n\n    if (typeof translation === 'string') {\n      // Check for ${} placeholders in the translation string\n      // eslint-disable-next-line @typescript-eslint/prefer-regexp-exec\n      if (translation.match(/%{(.\\S+)}/)) {\n        if (!options) {\n          throw new Error(\n            'i18n: cannot replace placeholders in string if no option data provided'\n          )\n        }\n\n        return this.replacePlaceholders(translation, options)\n      }\n\n      return translation\n    }\n\n    // If the key wasn't found in our translations object,\n    // return the lookup key itself as the fallback\n    return lookupKey\n  }\n\n  /**\n   * Takes a translation string with placeholders, and replaces the placeholders\n   * with the provided data\n   *\n   * @internal\n   * @param {string} translationString - The translation string\n   * @param {{ [key: string]: unknown }} options - Any options passed with the translation string, e.g: for string interpolation.\n   * @returns {string} The translation string to output, with $\\{\\} placeholders replaced\n   */\n  replacePlaceholders(translationString, options) {\n    const formatter = Intl.NumberFormat.supportedLocalesOf(this.locale).length\n      ? new Intl.NumberFormat(this.locale)\n      : undefined\n\n    return translationString.replace(\n      /%{(.\\S+)}/g,\n\n      /**\n       * Replace translation string placeholders\n       *\n       * @internal\n       * @param {string} placeholderWithBraces - Placeholder with braces\n       * @param {string} placeholderKey - Placeholder key\n       * @returns {string} Placeholder value\n       */\n      function (placeholderWithBraces, placeholderKey) {\n        if (Object.prototype.hasOwnProperty.call(options, placeholderKey)) {\n          const placeholderValue = options[placeholderKey]\n\n          // If a user has passed `false` as the value for the placeholder\n          // treat it as though the value should not be displayed\n          if (\n            placeholderValue === false ||\n            (typeof placeholderValue !== 'number' &&\n              typeof placeholderValue !== 'string')\n          ) {\n            return ''\n          }\n\n          // If the placeholder's value is a number, localise the number formatting\n          if (typeof placeholderValue === 'number') {\n            return formatter\n              ? formatter.format(placeholderValue)\n              : `${placeholderValue}`\n          }\n\n          return placeholderValue\n        }\n\n        throw new Error(\n          `i18n: no data found to replace ${placeholderWithBraces} placeholder in string`\n        )\n      }\n    )\n  }\n\n  /**\n   * Check to see if the browser supports Intl.PluralRules\n   *\n   * It requires all conditions to be met in order to be supported:\n   * - The implementation of Intl supports PluralRules (NOT true in Safari 10–12)\n   * - The browser/OS has plural rules for the current locale (browser dependent)\n   *\n   * {@link https://browsersl.ist/#q=supports+es6-module+and+not+supports+intl-pluralrules}\n   *\n   * @internal\n   * @returns {boolean} Returns true if all conditions are met. Returns false otherwise.\n   */\n  hasIntlPluralRulesSupport() {\n    return Boolean(\n      'PluralRules' in window.Intl &&\n        Intl.PluralRules.supportedLocalesOf(this.locale).length\n    )\n  }\n\n  /**\n   * Get the appropriate suffix for the plural form.\n   *\n   * Uses Intl.PluralRules (or our own fallback implementation) to get the\n   * 'preferred' form to use for the given count.\n   *\n   * Checks that a translation has been provided for that plural form – if it\n   * hasn't, it'll fall back to the 'other' plural form (unless that doesn't exist\n   * either, in which case an error will be thrown)\n   *\n   * @internal\n   * @param {string} lookupKey - The lookup key of the string to use.\n   * @param {number} count - Number used to determine which pluralisation to use.\n   * @returns {PluralRule} The suffix associated with the correct pluralisation for this locale.\n   * @throws {Error} Plural form `.other` required when preferred plural form is missing\n   */\n  getPluralSuffix(lookupKey, count) {\n    // Validate that the number is actually a number.\n    //\n    // Number(count) will turn anything that can't be converted to a Number type\n    // into 'NaN'. isFinite filters out NaN, as it isn't a finite number.\n    // eslint-disable-next-line @typescript-eslint/no-unnecessary-type-conversion\n    count = Number(count)\n    if (!isFinite(count)) {\n      return 'other'\n    }\n\n    // Fetch the translation for that lookup key\n    const translation = this.translations[lookupKey]\n\n    // Check to verify that all the requirements for Intl.PluralRules are met.\n    // If so, we can use that instead of our custom implementation. Otherwise,\n    // use the hardcoded fallback.\n    const preferredForm = this.hasIntlPluralRulesSupport()\n      ? new Intl.PluralRules(this.locale).select(count)\n      : 'other'\n\n    // Use the correct plural form if provided\n    if (isObject(translation)) {\n      if (preferredForm in translation) {\n        return preferredForm\n        // Fall back to `other` if the plural form is missing, but log a warning\n        // to the console\n      } else if ('other' in translation) {\n        console.warn(\n          `i18n: Missing plural form \".${preferredForm}\" for \"${this.locale}\" locale. Falling back to \".other\".`\n        )\n\n        return 'other'\n      }\n    }\n\n    // If the required `other` plural form is missing, all we can do is error\n    throw new Error(\n      `i18n: Plural form \".other\" is required for \"${this.locale}\" locale`\n    )\n  }\n}\n\n/**\n * Plural rule category mnemonic tags\n *\n * @internal\n * @typedef {'zero' | 'one' | 'two' | 'few' | 'many' | 'other'} PluralRule\n */\n\n/**\n * Translated message by plural rule they correspond to.\n *\n * Allows to group pluralised messages under a single key when passing\n * translations to a component's constructor\n *\n * @internal\n * @typedef {object} TranslationPluralForms\n * @property {string} [other] - General plural form\n * @property {string} [zero] - Plural form used with 0\n * @property {string} [one] - Plural form used with 1\n * @property {string} [two] - Plural form used with 2\n * @property {string} [few] - Plural form used for a few\n * @property {string} [many] - Plural form used for many\n */\n","import { ConfigurableComponent } from '../../common/configuration.mjs'\nimport { ElementError } from '../../errors/index.mjs'\nimport { I18n } from '../../i18n.mjs'\n\n/**\n * Accordion component\n *\n * This allows a collection of sections to be collapsed by default, showing only\n * their headers. Sections can be expanded or collapsed individually by clicking\n * their headers. A \"Show all sections\" button is also added to the top of the\n * accordion, which switches to \"Hide all sections\" when all the sections are\n * expanded.\n *\n * The state of each section is saved to the DOM via the `aria-expanded`\n * attribute, which also provides accessibility.\n *\n * @preserve\n * @augments ConfigurableComponent<AccordionConfig>\n */\nexport class Accordion extends ConfigurableComponent {\n  /** @private */\n  i18n\n\n  /** @private */\n  controlsClass = 'govuk-accordion__controls'\n\n  /** @private */\n  showAllClass = 'govuk-accordion__show-all'\n\n  /** @private */\n  showAllTextClass = 'govuk-accordion__show-all-text'\n\n  /** @private */\n  sectionClass = 'govuk-accordion__section'\n\n  /** @private */\n  sectionExpandedClass = 'govuk-accordion__section--expanded'\n\n  /** @private */\n  sectionButtonClass = 'govuk-accordion__section-button'\n\n  /** @private */\n  sectionHeaderClass = 'govuk-accordion__section-header'\n\n  /** @private */\n  sectionHeadingClass = 'govuk-accordion__section-heading'\n\n  /** @private */\n  sectionHeadingDividerClass = 'govuk-accordion__section-heading-divider'\n\n  /** @private */\n  sectionHeadingTextClass = 'govuk-accordion__section-heading-text'\n\n  /** @private */\n  sectionHeadingTextFocusClass = 'govuk-accordion__section-heading-text-focus'\n\n  /** @private */\n  sectionShowHideToggleClass = 'govuk-accordion__section-toggle'\n\n  /** @private */\n  sectionShowHideToggleFocusClass = 'govuk-accordion__section-toggle-focus'\n\n  /** @private */\n  sectionShowHideTextClass = 'govuk-accordion__section-toggle-text'\n\n  /** @private */\n  upChevronIconClass = 'govuk-accordion-nav__chevron'\n\n  /** @private */\n  downChevronIconClass = 'govuk-accordion-nav__chevron--down'\n\n  /** @private */\n  sectionSummaryClass = 'govuk-accordion__section-summary'\n\n  /** @private */\n  sectionSummaryFocusClass = 'govuk-accordion__section-summary-focus'\n\n  /** @private */\n  sectionContentClass = 'govuk-accordion__section-content'\n\n  /** @private */\n  $sections\n\n  /**\n   * @private\n   * @type {HTMLButtonElement | null}\n   */\n  $showAllButton = null\n\n  /**\n   * @private\n   * @type {HTMLElement | null}\n   */\n  $showAllIcon = null\n\n  /**\n   * @private\n   * @type {HTMLElement | null}\n   */\n  $showAllText = null\n\n  /**\n   * @param {Element | null} $root - HTML element to use for accordion\n   * @param {AccordionConfig} [config] - Accordion config\n   */\n  constructor($root, config = {}) {\n    super($root, config)\n\n    this.i18n = new I18n(this.config.i18n)\n\n    const $sections = this.$root.querySelectorAll(`.${this.sectionClass}`)\n    if (!$sections.length) {\n      throw new ElementError({\n        component: Accordion,\n        identifier: `Sections (\\`<div class=\"${this.sectionClass}\">\\`)`\n      })\n    }\n\n    this.$sections = $sections\n\n    this.initControls()\n    this.initSectionHeaders()\n\n    this.updateShowAllButton(this.areAllSectionsOpen())\n  }\n\n  /**\n   * Initialise controls and set attributes\n   *\n   * @private\n   */\n  initControls() {\n    // Create \"Show all\" button and set attributes\n    this.$showAllButton = document.createElement('button')\n    this.$showAllButton.setAttribute('type', 'button')\n    this.$showAllButton.setAttribute('class', this.showAllClass)\n    this.$showAllButton.setAttribute('aria-expanded', 'false')\n\n    // Create icon, add to element\n    this.$showAllIcon = document.createElement('span')\n    this.$showAllIcon.classList.add(this.upChevronIconClass)\n    this.$showAllButton.appendChild(this.$showAllIcon)\n\n    // Create control wrapper and add controls to it\n    const $accordionControls = document.createElement('div')\n    $accordionControls.setAttribute('class', this.controlsClass)\n    $accordionControls.appendChild(this.$showAllButton)\n    this.$root.insertBefore($accordionControls, this.$root.firstChild)\n\n    // Build additional wrapper for Show all toggle text and place after icon\n    this.$showAllText = document.createElement('span')\n    this.$showAllText.classList.add(this.showAllTextClass)\n    this.$showAllButton.appendChild(this.$showAllText)\n\n    // Handle click events on the show/hide all button\n    this.$showAllButton.addEventListener('click', () =>\n      this.onShowOrHideAllToggle()\n    )\n\n    // Handle 'beforematch' events, if the user agent supports them\n    if ('onbeforematch' in document) {\n      document.addEventListener('beforematch', (event) =>\n        this.onBeforeMatch(event)\n      )\n    }\n  }\n\n  /**\n   * Initialise section headers\n   *\n   * @private\n   */\n  initSectionHeaders() {\n    this.$sections.forEach(($section, i) => {\n      const $header = $section.querySelector(`.${this.sectionHeaderClass}`)\n      if (!$header) {\n        throw new ElementError({\n          component: Accordion,\n          identifier: `Section headers (\\`<div class=\"${this.sectionHeaderClass}\">\\`)`\n        })\n      }\n\n      // Set header attributes\n      this.constructHeaderMarkup($header, i)\n      this.setExpanded(this.isExpanded($section), $section)\n\n      // Handle events\n      $header.addEventListener('click', () => this.onSectionToggle($section))\n\n      // See if there is any state stored in sessionStorage and set the sections\n      // to open or closed.\n      this.setInitialState($section)\n    })\n  }\n\n  /**\n   * Construct section header\n   *\n   * @private\n   * @param {Element} $header - Section header\n   * @param {number} index - Section index\n   */\n  constructHeaderMarkup($header, index) {\n    const $span = $header.querySelector(`.${this.sectionButtonClass}`)\n    const $heading = $header.querySelector(`.${this.sectionHeadingClass}`)\n    const $summary = $header.querySelector(`.${this.sectionSummaryClass}`)\n\n    if (!$heading) {\n      throw new ElementError({\n        component: Accordion,\n        identifier: `Section heading (\\`.${this.sectionHeadingClass}\\`)`\n      })\n    }\n\n    if (!$span) {\n      throw new ElementError({\n        component: Accordion,\n        identifier: `Section button placeholder (\\`<span class=\"${this.sectionButtonClass}\">\\`)`\n      })\n    }\n\n    // Create a button element that will replace the\n    // '.govuk-accordion__section-button' span\n    const $button = document.createElement('button')\n    $button.setAttribute('type', 'button')\n    $button.setAttribute(\n      'aria-controls',\n      `${this.$root.id}-content-${index + 1}`\n    )\n\n    // Copy all attributes from $span to $button (except `id`, which gets added\n    // to the `$headingText` element)\n    for (const attr of Array.from($span.attributes)) {\n      if (attr.name !== 'id') {\n        $button.setAttribute(attr.name, attr.value)\n      }\n    }\n\n    // Create container for heading text so it can be styled\n    const $headingText = document.createElement('span')\n    $headingText.classList.add(this.sectionHeadingTextClass)\n    // Copy the span ID to the heading text to allow it to be referenced by\n    // `aria-labelledby` on the hidden content area without \"Show this section\"\n    $headingText.id = $span.id\n\n    // Create an inner heading text container to limit the width of the focus\n    // state\n    const $headingTextFocus = document.createElement('span')\n    $headingTextFocus.classList.add(this.sectionHeadingTextFocusClass)\n    $headingText.appendChild($headingTextFocus)\n    // span could contain HTML elements\n    // (see https://www.w3.org/TR/2011/WD-html5-20110525/content-models.html#phrasing-content)\n    Array.from($span.childNodes).forEach(($child) =>\n      $headingTextFocus.appendChild($child)\n    )\n\n    // Create container for show / hide icons and text.\n    const $showHideToggle = document.createElement('span')\n    $showHideToggle.classList.add(this.sectionShowHideToggleClass)\n    // Tell Google not to index the 'show' text as part of the heading. Must be\n    // set on the element before it's added to the DOM.\n    // See https://developers.google.com/search/docs/advanced/robots/robots_meta_tag#data-nosnippet-attr\n    $showHideToggle.setAttribute('data-nosnippet', '')\n    // Create an inner container to limit the width of the focus state\n    const $showHideToggleFocus = document.createElement('span')\n    $showHideToggleFocus.classList.add(this.sectionShowHideToggleFocusClass)\n    $showHideToggle.appendChild($showHideToggleFocus)\n    // Create wrapper for the show / hide text. Append text after the show/hide icon\n    const $showHideText = document.createElement('span')\n    const $showHideIcon = document.createElement('span')\n    $showHideIcon.classList.add(this.upChevronIconClass)\n    $showHideToggleFocus.appendChild($showHideIcon)\n    $showHideText.classList.add(this.sectionShowHideTextClass)\n    $showHideToggleFocus.appendChild($showHideText)\n\n    // Append elements to the button:\n    // 1. Heading text\n    // 2. Punctuation\n    // 3. (Optional: Summary line followed by punctuation)\n    // 4. Show / hide toggle\n    $button.appendChild($headingText)\n    $button.appendChild(this.getButtonPunctuationEl())\n\n    // If summary content exists add to DOM in correct order\n    if ($summary) {\n      // Create a new `span` element and copy the summary line content from the\n      // original `div` to the new `span`. This is because the summary line text\n      // is now inside a button element, which can only contain phrasing\n      // content.\n      const $summarySpan = document.createElement('span')\n      // Create an inner summary container to limit the width of the summary\n      // focus state\n      const $summarySpanFocus = document.createElement('span')\n      $summarySpanFocus.classList.add(this.sectionSummaryFocusClass)\n      $summarySpan.appendChild($summarySpanFocus)\n\n      // Get original attributes, and pass them to the replacement\n      for (const attr of Array.from($summary.attributes)) {\n        $summarySpan.setAttribute(attr.name, attr.value)\n      }\n\n      // Copy original contents of summary to the new summary span\n      Array.from($summary.childNodes).forEach(($child) =>\n        $summarySpanFocus.appendChild($child)\n      )\n\n      // Replace the original summary `div` with the new summary `span`\n      $summary.remove()\n\n      $button.appendChild($summarySpan)\n      $button.appendChild(this.getButtonPunctuationEl())\n    }\n\n    $button.appendChild($showHideToggle)\n\n    $heading.removeChild($span)\n    $heading.appendChild($button)\n  }\n\n  /**\n   * When a section is opened by the user agent via the 'beforematch' event\n   *\n   * @private\n   * @param {Event} event - Generic event\n   */\n  onBeforeMatch(event) {\n    const $fragment = event.target\n\n    // Handle elements with `.closest()` support only\n    if (!($fragment instanceof Element)) {\n      return\n    }\n\n    // Handle when fragment is inside section\n    const $section = $fragment.closest(`.${this.sectionClass}`)\n    if ($section) {\n      this.setExpanded(true, $section)\n    }\n  }\n\n  /**\n   * When section toggled, set and store state\n   *\n   * @private\n   * @param {Element} $section - Section element\n   */\n  onSectionToggle($section) {\n    const nowExpanded = !this.isExpanded($section)\n    this.setExpanded(nowExpanded, $section)\n\n    // Store the state in sessionStorage when a change is triggered\n    this.storeState($section, nowExpanded)\n  }\n\n  /**\n   * When Open/Close All toggled, set and store state\n   *\n   * @private\n   */\n  onShowOrHideAllToggle() {\n    const nowExpanded = !this.areAllSectionsOpen()\n\n    this.$sections.forEach(($section) => {\n      this.setExpanded(nowExpanded, $section)\n      this.storeState($section, nowExpanded)\n    })\n\n    this.updateShowAllButton(nowExpanded)\n  }\n\n  /**\n   * Set section attributes when opened/closed\n   *\n   * @private\n   * @param {boolean} expanded - Section expanded\n   * @param {Element} $section - Section element\n   */\n  setExpanded(expanded, $section) {\n    const $showHideIcon = $section.querySelector(`.${this.upChevronIconClass}`)\n    const $showHideText = $section.querySelector(\n      `.${this.sectionShowHideTextClass}`\n    )\n    const $button = $section.querySelector(`.${this.sectionButtonClass}`)\n    const $content = $section.querySelector(`.${this.sectionContentClass}`)\n\n    if (!$content) {\n      throw new ElementError({\n        component: Accordion,\n        identifier: `Section content (\\`<div class=\"${this.sectionContentClass}\">\\`)`\n      })\n    }\n\n    if (!$showHideIcon || !$showHideText || !$button) {\n      // Return early for elements we create\n      return\n    }\n\n    const newButtonText = expanded\n      ? this.i18n.t('hideSection')\n      : this.i18n.t('showSection')\n\n    $showHideText.textContent = newButtonText\n    $button.setAttribute('aria-expanded', `${expanded}`)\n\n    // Update aria-label combining\n    const ariaLabelParts = []\n\n    const $headingText = $section.querySelector(\n      `.${this.sectionHeadingTextClass}`\n    )\n    if ($headingText) {\n      ariaLabelParts.push($headingText.textContent.trim())\n    }\n\n    const $summary = $section.querySelector(`.${this.sectionSummaryClass}`)\n    if ($summary) {\n      ariaLabelParts.push($summary.textContent.trim())\n    }\n\n    const ariaLabelMessage = expanded\n      ? this.i18n.t('hideSectionAriaLabel')\n      : this.i18n.t('showSectionAriaLabel')\n    ariaLabelParts.push(ariaLabelMessage)\n\n    /*\n     * Join with a comma to add pause for assistive technology.\n     * Example: [heading]Section A ,[pause] Show this section.\n     * https://accessibility.blog.gov.uk/2017/12/18/what-working-on-gov-uk-navigation-taught-us-about-accessibility/\n     */\n    $button.setAttribute('aria-label', ariaLabelParts.join(' , '))\n\n    // Swap icon, change class\n    if (expanded) {\n      $content.removeAttribute('hidden')\n      $section.classList.add(this.sectionExpandedClass)\n      $showHideIcon.classList.remove(this.downChevronIconClass)\n    } else {\n      $content.setAttribute('hidden', 'until-found')\n      $section.classList.remove(this.sectionExpandedClass)\n      $showHideIcon.classList.add(this.downChevronIconClass)\n    }\n\n    // See if \"Show all sections\" button text should be updated\n    this.updateShowAllButton(this.areAllSectionsOpen())\n  }\n\n  /**\n   * Get state of section\n   *\n   * @private\n   * @param {Element} $section - Section element\n   * @returns {boolean} True if expanded\n   */\n  isExpanded($section) {\n    return $section.classList.contains(this.sectionExpandedClass)\n  }\n\n  /**\n   * Check if all sections are open\n   *\n   * @private\n   * @returns {boolean} True if all sections are open\n   */\n  areAllSectionsOpen() {\n    return Array.from(this.$sections).every(($section) =>\n      this.isExpanded($section)\n    )\n  }\n\n  /**\n   * Update \"Show all sections\" button\n   *\n   * @private\n   * @param {boolean} expanded - Section expanded\n   */\n  updateShowAllButton(expanded) {\n    if (!this.$showAllButton || !this.$showAllText || !this.$showAllIcon) {\n      return\n    }\n\n    this.$showAllButton.setAttribute('aria-expanded', expanded.toString())\n    this.$showAllText.textContent = expanded\n      ? this.i18n.t('hideAllSections')\n      : this.i18n.t('showAllSections')\n    this.$showAllIcon.classList.toggle(this.downChevronIconClass, !expanded)\n  }\n\n  /**\n   * Get the identifier for a section\n   *\n   * We need a unique way of identifying each content in the Accordion.\n   * Since an `#id` should be unique and an `id` is required for `aria-`\n   * attributes `id` can be safely used.\n   *\n   * @param {Element} $section - Section element\n   * @returns {string | undefined | null} Identifier for section\n   */\n  getIdentifier($section) {\n    const $button = $section.querySelector(`.${this.sectionButtonClass}`)\n\n    return $button?.getAttribute('aria-controls')\n  }\n\n  /**\n   * Set the state of the accordions in sessionStorage\n   *\n   * @private\n   * @param {Element} $section - Section element\n   * @param {boolean} isExpanded - Whether the section is expanded\n   */\n  storeState($section, isExpanded) {\n    if (!this.config.rememberExpanded) {\n      return\n    }\n\n    const id = this.getIdentifier($section)\n\n    if (id) {\n      try {\n        window.sessionStorage.setItem(id, isExpanded.toString())\n      } catch {}\n    }\n  }\n\n  /**\n   * Read the state of the accordions from sessionStorage\n   *\n   * @private\n   * @param {Element} $section - Section element\n   */\n  setInitialState($section) {\n    if (!this.config.rememberExpanded) {\n      return\n    }\n\n    const id = this.getIdentifier($section)\n\n    if (id) {\n      try {\n        const state = window.sessionStorage.getItem(id)\n\n        if (state !== null) {\n          this.setExpanded(state === 'true', $section)\n        }\n      } catch {}\n    }\n  }\n\n  /**\n   * Create an element to improve semantics of the section button with\n   * punctuation\n   *\n   * Adding punctuation to the button can also improve its general semantics by\n   * dividing its contents into thematic chunks. See\n   * https://github.com/alphagov/govuk-frontend/issues/2327#issuecomment-922957442\n   *\n   * @private\n   * @returns {Element} DOM element\n   */\n  getButtonPunctuationEl() {\n    const $punctuationEl = document.createElement('span')\n    $punctuationEl.classList.add(\n      'govuk-visually-hidden',\n      this.sectionHeadingDividerClass\n    )\n    $punctuationEl.textContent = ', '\n    return $punctuationEl\n  }\n\n  /**\n   * Name for the component used when initialising using data-module attributes.\n   */\n  static moduleName = 'govuk-accordion'\n\n  /**\n   * Accordion default config\n   *\n   * @see {@link AccordionConfig}\n   * @constant\n   * @type {AccordionConfig}\n   */\n  static defaults = Object.freeze({\n    i18n: {\n      hideAllSections: 'Hide all sections',\n      hideSection: 'Hide',\n      hideSectionAriaLabel: 'Hide this section',\n      showAllSections: 'Show all sections',\n      showSection: 'Show',\n      showSectionAriaLabel: 'Show this section'\n    },\n    rememberExpanded: true\n  })\n\n  /**\n   * Accordion config schema\n   *\n   * @constant\n   * @satisfies {Schema<AccordionConfig>}\n   */\n  static schema = Object.freeze({\n    properties: {\n      i18n: { type: 'object' },\n      rememberExpanded: { type: 'boolean' }\n    }\n  })\n}\n\n/**\n * Accordion config\n *\n * @see {@link Accordion.defaults}\n * @typedef {object} AccordionConfig\n * @property {AccordionTranslations} [i18n=Accordion.defaults.i18n] - Accordion translations\n * @property {boolean} [rememberExpanded] - Whether the expanded and collapsed\n *   state of each section is remembered and restored when navigating.\n */\n\n/**\n * Accordion translations\n *\n * @see {@link Accordion.defaults.i18n}\n * @typedef {object} AccordionTranslations\n *\n * Messages used by the component for the labels of its buttons. This includes\n * the visible text shown on screen, and text to help assistive technology users\n * for the buttons toggling each section.\n * @property {string} [hideAllSections] - The text content for the 'Hide all\n *   sections' button, used when at least one section is expanded.\n * @property {string} [hideSection] - The text content for the 'Hide'\n *   button, used when a section is expanded.\n * @property {string} [hideSectionAriaLabel] - The text content appended to the\n *   'Hide' button's accessible name when a section is expanded.\n * @property {string} [showAllSections] - The text content for the 'Show all\n *   sections' button, used when all sections are collapsed.\n * @property {string} [showSection] - The text content for the 'Show'\n *   button, used when a section is collapsed.\n * @property {string} [showSectionAriaLabel] - The text content appended to the\n *   'Show' button's accessible name when a section is expanded.\n */\n\n/**\n * @import { Schema } from '../../common/configuration.mjs'\n */\n"],"names":["isInitialised","$root","moduleName","HTMLElement","hasAttribute","isSupported","$scope","document","body","classList","contains","isArray","option","Array","isObject","formatErrorMessage","Component","message","GOVUKFrontendError","Error","constructor","args","name","SupportError","supportMessage","HTMLScriptElement","prototype","ConfigError","ElementError","messageOrOptions","component","identifier","element","expectedType","InitError","componentOrMessage","_$root","childConstructor","elementType","checkSupport","checkInitialised","setAttribute","configOverride","Symbol","for","ConfigurableComponent","param","config","_config","defaults","datasetConfig","normaliseDataset","dataset","mergeConfigs","normaliseString","value","property","trimmedValue","trim","output","outputType","type","includes","length","isFinite","Number","schema","out","entries","Object","properties","entry","namespace","field","toString","extractConfigByNamespace","configObjects","formattedConfigObject","configObject","key","keys","override","newObject","current","keyParts","split","index","I18n","translations","_config$locale","locale","documentElement","lang","t","lookupKey","options","translation","count","translationPluralForm","getPluralSuffix","match","replacePlaceholders","translationString","formatter","Intl","NumberFormat","supportedLocalesOf","undefined","replace","placeholderWithBraces","placeholderKey","hasOwnProperty","call","placeholderValue","format","hasIntlPluralRulesSupport","Boolean","window","PluralRules","preferredForm","select","console","warn","Accordion","i18n","controlsClass","showAllClass","showAllTextClass","sectionClass","sectionExpandedClass","sectionButtonClass","sectionHeaderClass","sectionHeadingClass","sectionHeadingDividerClass","sectionHeadingTextClass","sectionHeadingTextFocusClass","sectionShowHideToggleClass","sectionShowHideToggleFocusClass","sectionShowHideTextClass","upChevronIconClass","downChevronIconClass","sectionSummaryClass","sectionSummaryFocusClass","sectionContentClass","$sections","$showAllButton","$showAllIcon","$showAllText","querySelectorAll","initControls","initSectionHeaders","updateShowAllButton","areAllSectionsOpen","createElement","add","appendChild","$accordionControls","insertBefore","firstChild","addEventListener","onShowOrHideAllToggle","event","onBeforeMatch","forEach","$section","i","$header","querySelector","constructHeaderMarkup","setExpanded","isExpanded","onSectionToggle","setInitialState","$span","$heading","$summary","$button","id","attr","from","attributes","$headingText","$headingTextFocus","childNodes","$child","$showHideToggle","$showHideToggleFocus","$showHideText","$showHideIcon","getButtonPunctuationEl","$summarySpan","$summarySpanFocus","remove","removeChild","$fragment","target","Element","closest","nowExpanded","storeState","expanded","$content","newButtonText","textContent","ariaLabelParts","push","ariaLabelMessage","join","removeAttribute","every","toggle","getIdentifier","getAttribute","rememberExpanded","sessionStorage","setItem","_unused","state","getItem","_unused2","$punctuationEl","freeze","hideAllSections","hideSection","hideSectionAriaLabel","showAllSections","showSection","showSectionAriaLabel"],"mappings":"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"}
\ No newline at end of file
diff --git a/app/templates/govuk/components/components/accordion/accordion.bundle.mjs b/app/templates/govuk/components/components/accordion/accordion.bundle.mjs
new file mode 100644
index 0000000..871d3c9
--- /dev/null
+++ b/app/templates/govuk/components/components/accordion/accordion.bundle.mjs
@@ -0,0 +1,699 @@
+function isInitialised($root, moduleName) {
+  return $root instanceof HTMLElement && $root.hasAttribute(`data-${moduleName}-init`);
+}
+
+/**
+ * Checks if GOV.UK Frontend is supported on this page
+ *
+ * Some browsers will load and run our JavaScript but GOV.UK Frontend
+ * won't be supported.
+ *
+ * @param {HTMLElement | null} [$scope] - (internal) `<body>` HTML element checked for browser support
+ * @returns {boolean} Whether GOV.UK Frontend is supported on this page
+ */
+function isSupported($scope = document.body) {
+  if (!$scope) {
+    return false;
+  }
+  return $scope.classList.contains('govuk-frontend-supported');
+}
+function isArray(option) {
+  return Array.isArray(option);
+}
+function isObject(option) {
+  return !!option && typeof option === 'object' && !isArray(option);
+}
+function formatErrorMessage(Component, message) {
+  return `${Component.moduleName}: ${message}`;
+}
+/**
+ * @typedef ComponentWithModuleName
+ * @property {string} moduleName - Name of the component
+ */
+
+class GOVUKFrontendError extends Error {
+  constructor(...args) {
+    super(...args);
+    this.name = 'GOVUKFrontendError';
+  }
+}
+class SupportError extends GOVUKFrontendError {
+  /**
+   * Checks if GOV.UK Frontend is supported on this page
+   *
+   * @param {HTMLElement | null} [$scope] - HTML element `<body>` checked for browser support
+   */
+  constructor($scope = document.body) {
+    const supportMessage = 'noModule' in HTMLScriptElement.prototype ? 'GOV.UK Frontend initialised without `<body class="govuk-frontend-supported">` from template `<script>` snippet' : 'GOV.UK Frontend is not supported in this browser';
+    super($scope ? supportMessage : 'GOV.UK Frontend initialised without `<script type="module">`');
+    this.name = 'SupportError';
+  }
+}
+class ConfigError extends GOVUKFrontendError {
+  constructor(...args) {
+    super(...args);
+    this.name = 'ConfigError';
+  }
+}
+class ElementError extends GOVUKFrontendError {
+  constructor(messageOrOptions) {
+    let message = typeof messageOrOptions === 'string' ? messageOrOptions : '';
+    if (isObject(messageOrOptions)) {
+      const {
+        component,
+        identifier,
+        element,
+        expectedType
+      } = messageOrOptions;
+      message = identifier;
+      message += element ? ` is not of type ${expectedType != null ? expectedType : 'HTMLElement'}` : ' not found';
+      if (component) {
+        message = formatErrorMessage(component, message);
+      }
+    }
+    super(message);
+    this.name = 'ElementError';
+  }
+}
+class InitError extends GOVUKFrontendError {
+  constructor(componentOrMessage) {
+    const message = typeof componentOrMessage === 'string' ? componentOrMessage : formatErrorMessage(componentOrMessage, `Root element (\`$root\`) already initialised`);
+    super(message);
+    this.name = 'InitError';
+  }
+}
+/**
+ * @import { ComponentWithModuleName } from '../common/index.mjs'
+ */
+
+class Component {
+  /**
+   * Returns the root element of the component
+   *
+   * @protected
+   * @returns {RootElementType} - the root element of component
+   */
+  get $root() {
+    return this._$root;
+  }
+  constructor($root) {
+    this._$root = void 0;
+    const childConstructor = this.constructor;
+    if (typeof childConstructor.moduleName !== 'string') {
+      throw new InitError(`\`moduleName\` not defined in component`);
+    }
+    if (!($root instanceof childConstructor.elementType)) {
+      throw new ElementError({
+        element: $root,
+        component: childConstructor,
+        identifier: 'Root element (`$root`)',
+        expectedType: childConstructor.elementType.name
+      });
+    } else {
+      this._$root = $root;
+    }
+    childConstructor.checkSupport();
+    this.checkInitialised();
+    const moduleName = childConstructor.moduleName;
+    this.$root.setAttribute(`data-${moduleName}-init`, '');
+  }
+  checkInitialised() {
+    const constructor = this.constructor;
+    const moduleName = constructor.moduleName;
+    if (moduleName && isInitialised(this.$root, moduleName)) {
+      throw new InitError(constructor);
+    }
+  }
+  static checkSupport() {
+    if (!isSupported()) {
+      throw new SupportError();
+    }
+  }
+}
+
+/**
+ * @typedef ChildClass
+ * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component
+ */
+
+/**
+ * @typedef {typeof Component & ChildClass} ChildClassConstructor
+ */
+Component.elementType = HTMLElement;
+
+const configOverride = Symbol.for('configOverride');
+class ConfigurableComponent extends Component {
+  [configOverride](param) {
+    return {};
+  }
+
+  /**
+   * Returns the root element of the component
+   *
+   * @protected
+   * @returns {ConfigurationType} - the root element of component
+   */
+  get config() {
+    return this._config;
+  }
+  constructor($root, config) {
+    super($root);
+    this._config = void 0;
+    const childConstructor = this.constructor;
+    if (!isObject(childConstructor.defaults)) {
+      throw new ConfigError(formatErrorMessage(childConstructor, 'Config passed as parameter into constructor but no defaults defined'));
+    }
+    const datasetConfig = normaliseDataset(childConstructor, this._$root.dataset);
+    this._config = mergeConfigs(childConstructor.defaults, config != null ? config : {}, this[configOverride](datasetConfig), datasetConfig);
+  }
+}
+function normaliseString(value, property) {
+  const trimmedValue = value ? value.trim() : '';
+  let output;
+  let outputType = property == null ? void 0 : property.type;
+  if (!outputType) {
+    if (['true', 'false'].includes(trimmedValue)) {
+      outputType = 'boolean';
+    }
+    if (trimmedValue.length > 0 && isFinite(Number(trimmedValue))) {
+      outputType = 'number';
+    }
+  }
+  switch (outputType) {
+    case 'boolean':
+      output = trimmedValue === 'true';
+      break;
+    case 'number':
+      output = Number(trimmedValue);
+      break;
+    default:
+      output = value;
+  }
+  return output;
+}
+function normaliseDataset(Component, dataset) {
+  if (!isObject(Component.schema)) {
+    throw new ConfigError(formatErrorMessage(Component, 'Config passed as parameter into constructor but no schema defined'));
+  }
+  const out = {};
+  const entries = Object.entries(Component.schema.properties);
+  for (const entry of entries) {
+    const [namespace, property] = entry;
+    const field = namespace.toString();
+    if (field in dataset) {
+      out[field] = normaliseString(dataset[field], property);
+    }
+    if ((property == null ? void 0 : property.type) === 'object') {
+      out[field] = extractConfigByNamespace(Component.schema, dataset, namespace);
+    }
+  }
+  return out;
+}
+function mergeConfigs(...configObjects) {
+  const formattedConfigObject = {};
+  for (const configObject of configObjects) {
+    for (const key of Object.keys(configObject)) {
+      const option = formattedConfigObject[key];
+      const override = configObject[key];
+      if (isObject(option) && isObject(override)) {
+        formattedConfigObject[key] = mergeConfigs(option, override);
+      } else {
+        formattedConfigObject[key] = override;
+      }
+    }
+  }
+  return formattedConfigObject;
+}
+function extractConfigByNamespace(schema, dataset, namespace) {
+  const property = schema.properties[namespace];
+  if ((property == null ? void 0 : property.type) !== 'object') {
+    return;
+  }
+  const newObject = {
+    [namespace]: {}
+  };
+  for (const [key, value] of Object.entries(dataset)) {
+    let current = newObject;
+    const keyParts = key.split('.');
+    for (const [index, name] of keyParts.entries()) {
+      if (isObject(current)) {
+        if (index < keyParts.length - 1) {
+          if (!isObject(current[name])) {
+            current[name] = {};
+          }
+          current = current[name];
+        } else if (key !== namespace) {
+          current[name] = normaliseString(value);
+        }
+      }
+    }
+  }
+  return newObject[namespace];
+}
+/**
+ * Schema for component config
+ *
+ * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType
+ * @typedef {object} Schema
+ * @property {Record<keyof ConfigurationType, SchemaProperty | undefined>} properties - Schema properties
+ * @property {SchemaCondition<ConfigurationType>[]} [anyOf] - List of schema conditions
+ */
+/**
+ * Schema property for component config
+ *
+ * @typedef {object} SchemaProperty
+ * @property {'string' | 'boolean' | 'number' | 'object'} type - Property type
+ */
+/**
+ * Schema condition for component config
+ *
+ * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType
+ * @typedef {object} SchemaCondition
+ * @property {(keyof ConfigurationType)[]} required - List of required config fields
+ * @property {string} errorMessage - Error message when required config fields not provided
+ */
+/**
+ * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]
+ * @typedef ChildClass
+ * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component
+ * @property {Schema<ConfigurationType>} [schema] - The schema of the component configuration
+ * @property {ConfigurationType} [defaults] - The default values of the configuration of the component
+ */
+/**
+ * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]
+ * @typedef {typeof Component & ChildClass<ConfigurationType>} ChildClassConstructor<ConfigurationType>
+ */
+/**
+ * @import { CompatibleClass, Config, CreateAllOptions, OnErrorCallback } from '../init.mjs'
+ */
+
+class I18n {
+  constructor(translations = {}, config = {}) {
+    var _config$locale;
+    this.translations = void 0;
+    this.locale = void 0;
+    this.translations = translations;
+    this.locale = (_config$locale = config.locale) != null ? _config$locale : document.documentElement.lang || 'en';
+  }
+  t(lookupKey, options) {
+    if (!lookupKey) {
+      throw new Error('i18n: lookup key missing');
+    }
+    let translation = this.translations[lookupKey];
+    if (typeof (options == null ? void 0 : options.count) === 'number' && isObject(translation)) {
+      const translationPluralForm = translation[this.getPluralSuffix(lookupKey, options.count)];
+      if (translationPluralForm) {
+        translation = translationPluralForm;
+      }
+    }
+    if (typeof translation === 'string') {
+      if (translation.match(/%{(.\S+)}/)) {
+        if (!options) {
+          throw new Error('i18n: cannot replace placeholders in string if no option data provided');
+        }
+        return this.replacePlaceholders(translation, options);
+      }
+      return translation;
+    }
+    return lookupKey;
+  }
+  replacePlaceholders(translationString, options) {
+    const formatter = Intl.NumberFormat.supportedLocalesOf(this.locale).length ? new Intl.NumberFormat(this.locale) : undefined;
+    return translationString.replace(/%{(.\S+)}/g, function (placeholderWithBraces, placeholderKey) {
+      if (Object.prototype.hasOwnProperty.call(options, placeholderKey)) {
+        const placeholderValue = options[placeholderKey];
+        if (placeholderValue === false || typeof placeholderValue !== 'number' && typeof placeholderValue !== 'string') {
+          return '';
+        }
+        if (typeof placeholderValue === 'number') {
+          return formatter ? formatter.format(placeholderValue) : `${placeholderValue}`;
+        }
+        return placeholderValue;
+      }
+      throw new Error(`i18n: no data found to replace ${placeholderWithBraces} placeholder in string`);
+    });
+  }
+  hasIntlPluralRulesSupport() {
+    return Boolean('PluralRules' in window.Intl && Intl.PluralRules.supportedLocalesOf(this.locale).length);
+  }
+  getPluralSuffix(lookupKey, count) {
+    count = Number(count);
+    if (!isFinite(count)) {
+      return 'other';
+    }
+    const translation = this.translations[lookupKey];
+    const preferredForm = this.hasIntlPluralRulesSupport() ? new Intl.PluralRules(this.locale).select(count) : 'other';
+    if (isObject(translation)) {
+      if (preferredForm in translation) {
+        return preferredForm;
+      } else if ('other' in translation) {
+        console.warn(`i18n: Missing plural form ".${preferredForm}" for "${this.locale}" locale. Falling back to ".other".`);
+        return 'other';
+      }
+    }
+    throw new Error(`i18n: Plural form ".other" is required for "${this.locale}" locale`);
+  }
+}
+
+/**
+ * Accordion component
+ *
+ * This allows a collection of sections to be collapsed by default, showing only
+ * their headers. Sections can be expanded or collapsed individually by clicking
+ * their headers. A "Show all sections" button is also added to the top of the
+ * accordion, which switches to "Hide all sections" when all the sections are
+ * expanded.
+ *
+ * The state of each section is saved to the DOM via the `aria-expanded`
+ * attribute, which also provides accessibility.
+ *
+ * @preserve
+ * @augments ConfigurableComponent<AccordionConfig>
+ */
+class Accordion extends ConfigurableComponent {
+  /**
+   * @param {Element | null} $root - HTML element to use for accordion
+   * @param {AccordionConfig} [config] - Accordion config
+   */
+  constructor($root, config = {}) {
+    super($root, config);
+    this.i18n = void 0;
+    this.controlsClass = 'govuk-accordion__controls';
+    this.showAllClass = 'govuk-accordion__show-all';
+    this.showAllTextClass = 'govuk-accordion__show-all-text';
+    this.sectionClass = 'govuk-accordion__section';
+    this.sectionExpandedClass = 'govuk-accordion__section--expanded';
+    this.sectionButtonClass = 'govuk-accordion__section-button';
+    this.sectionHeaderClass = 'govuk-accordion__section-header';
+    this.sectionHeadingClass = 'govuk-accordion__section-heading';
+    this.sectionHeadingDividerClass = 'govuk-accordion__section-heading-divider';
+    this.sectionHeadingTextClass = 'govuk-accordion__section-heading-text';
+    this.sectionHeadingTextFocusClass = 'govuk-accordion__section-heading-text-focus';
+    this.sectionShowHideToggleClass = 'govuk-accordion__section-toggle';
+    this.sectionShowHideToggleFocusClass = 'govuk-accordion__section-toggle-focus';
+    this.sectionShowHideTextClass = 'govuk-accordion__section-toggle-text';
+    this.upChevronIconClass = 'govuk-accordion-nav__chevron';
+    this.downChevronIconClass = 'govuk-accordion-nav__chevron--down';
+    this.sectionSummaryClass = 'govuk-accordion__section-summary';
+    this.sectionSummaryFocusClass = 'govuk-accordion__section-summary-focus';
+    this.sectionContentClass = 'govuk-accordion__section-content';
+    this.$sections = void 0;
+    this.$showAllButton = null;
+    this.$showAllIcon = null;
+    this.$showAllText = null;
+    this.i18n = new I18n(this.config.i18n);
+    const $sections = this.$root.querySelectorAll(`.${this.sectionClass}`);
+    if (!$sections.length) {
+      throw new ElementError({
+        component: Accordion,
+        identifier: `Sections (\`<div class="${this.sectionClass}">\`)`
+      });
+    }
+    this.$sections = $sections;
+    this.initControls();
+    this.initSectionHeaders();
+    this.updateShowAllButton(this.areAllSectionsOpen());
+  }
+  initControls() {
+    this.$showAllButton = document.createElement('button');
+    this.$showAllButton.setAttribute('type', 'button');
+    this.$showAllButton.setAttribute('class', this.showAllClass);
+    this.$showAllButton.setAttribute('aria-expanded', 'false');
+    this.$showAllIcon = document.createElement('span');
+    this.$showAllIcon.classList.add(this.upChevronIconClass);
+    this.$showAllButton.appendChild(this.$showAllIcon);
+    const $accordionControls = document.createElement('div');
+    $accordionControls.setAttribute('class', this.controlsClass);
+    $accordionControls.appendChild(this.$showAllButton);
+    this.$root.insertBefore($accordionControls, this.$root.firstChild);
+    this.$showAllText = document.createElement('span');
+    this.$showAllText.classList.add(this.showAllTextClass);
+    this.$showAllButton.appendChild(this.$showAllText);
+    this.$showAllButton.addEventListener('click', () => this.onShowOrHideAllToggle());
+    if ('onbeforematch' in document) {
+      document.addEventListener('beforematch', event => this.onBeforeMatch(event));
+    }
+  }
+  initSectionHeaders() {
+    this.$sections.forEach(($section, i) => {
+      const $header = $section.querySelector(`.${this.sectionHeaderClass}`);
+      if (!$header) {
+        throw new ElementError({
+          component: Accordion,
+          identifier: `Section headers (\`<div class="${this.sectionHeaderClass}">\`)`
+        });
+      }
+      this.constructHeaderMarkup($header, i);
+      this.setExpanded(this.isExpanded($section), $section);
+      $header.addEventListener('click', () => this.onSectionToggle($section));
+      this.setInitialState($section);
+    });
+  }
+  constructHeaderMarkup($header, index) {
+    const $span = $header.querySelector(`.${this.sectionButtonClass}`);
+    const $heading = $header.querySelector(`.${this.sectionHeadingClass}`);
+    const $summary = $header.querySelector(`.${this.sectionSummaryClass}`);
+    if (!$heading) {
+      throw new ElementError({
+        component: Accordion,
+        identifier: `Section heading (\`.${this.sectionHeadingClass}\`)`
+      });
+    }
+    if (!$span) {
+      throw new ElementError({
+        component: Accordion,
+        identifier: `Section button placeholder (\`<span class="${this.sectionButtonClass}">\`)`
+      });
+    }
+    const $button = document.createElement('button');
+    $button.setAttribute('type', 'button');
+    $button.setAttribute('aria-controls', `${this.$root.id}-content-${index + 1}`);
+    for (const attr of Array.from($span.attributes)) {
+      if (attr.name !== 'id') {
+        $button.setAttribute(attr.name, attr.value);
+      }
+    }
+    const $headingText = document.createElement('span');
+    $headingText.classList.add(this.sectionHeadingTextClass);
+    $headingText.id = $span.id;
+    const $headingTextFocus = document.createElement('span');
+    $headingTextFocus.classList.add(this.sectionHeadingTextFocusClass);
+    $headingText.appendChild($headingTextFocus);
+    Array.from($span.childNodes).forEach($child => $headingTextFocus.appendChild($child));
+    const $showHideToggle = document.createElement('span');
+    $showHideToggle.classList.add(this.sectionShowHideToggleClass);
+    $showHideToggle.setAttribute('data-nosnippet', '');
+    const $showHideToggleFocus = document.createElement('span');
+    $showHideToggleFocus.classList.add(this.sectionShowHideToggleFocusClass);
+    $showHideToggle.appendChild($showHideToggleFocus);
+    const $showHideText = document.createElement('span');
+    const $showHideIcon = document.createElement('span');
+    $showHideIcon.classList.add(this.upChevronIconClass);
+    $showHideToggleFocus.appendChild($showHideIcon);
+    $showHideText.classList.add(this.sectionShowHideTextClass);
+    $showHideToggleFocus.appendChild($showHideText);
+    $button.appendChild($headingText);
+    $button.appendChild(this.getButtonPunctuationEl());
+    if ($summary) {
+      const $summarySpan = document.createElement('span');
+      const $summarySpanFocus = document.createElement('span');
+      $summarySpanFocus.classList.add(this.sectionSummaryFocusClass);
+      $summarySpan.appendChild($summarySpanFocus);
+      for (const attr of Array.from($summary.attributes)) {
+        $summarySpan.setAttribute(attr.name, attr.value);
+      }
+      Array.from($summary.childNodes).forEach($child => $summarySpanFocus.appendChild($child));
+      $summary.remove();
+      $button.appendChild($summarySpan);
+      $button.appendChild(this.getButtonPunctuationEl());
+    }
+    $button.appendChild($showHideToggle);
+    $heading.removeChild($span);
+    $heading.appendChild($button);
+  }
+  onBeforeMatch(event) {
+    const $fragment = event.target;
+    if (!($fragment instanceof Element)) {
+      return;
+    }
+    const $section = $fragment.closest(`.${this.sectionClass}`);
+    if ($section) {
+      this.setExpanded(true, $section);
+    }
+  }
+  onSectionToggle($section) {
+    const nowExpanded = !this.isExpanded($section);
+    this.setExpanded(nowExpanded, $section);
+    this.storeState($section, nowExpanded);
+  }
+  onShowOrHideAllToggle() {
+    const nowExpanded = !this.areAllSectionsOpen();
+    this.$sections.forEach($section => {
+      this.setExpanded(nowExpanded, $section);
+      this.storeState($section, nowExpanded);
+    });
+    this.updateShowAllButton(nowExpanded);
+  }
+  setExpanded(expanded, $section) {
+    const $showHideIcon = $section.querySelector(`.${this.upChevronIconClass}`);
+    const $showHideText = $section.querySelector(`.${this.sectionShowHideTextClass}`);
+    const $button = $section.querySelector(`.${this.sectionButtonClass}`);
+    const $content = $section.querySelector(`.${this.sectionContentClass}`);
+    if (!$content) {
+      throw new ElementError({
+        component: Accordion,
+        identifier: `Section content (\`<div class="${this.sectionContentClass}">\`)`
+      });
+    }
+    if (!$showHideIcon || !$showHideText || !$button) {
+      return;
+    }
+    const newButtonText = expanded ? this.i18n.t('hideSection') : this.i18n.t('showSection');
+    $showHideText.textContent = newButtonText;
+    $button.setAttribute('aria-expanded', `${expanded}`);
+    const ariaLabelParts = [];
+    const $headingText = $section.querySelector(`.${this.sectionHeadingTextClass}`);
+    if ($headingText) {
+      ariaLabelParts.push($headingText.textContent.trim());
+    }
+    const $summary = $section.querySelector(`.${this.sectionSummaryClass}`);
+    if ($summary) {
+      ariaLabelParts.push($summary.textContent.trim());
+    }
+    const ariaLabelMessage = expanded ? this.i18n.t('hideSectionAriaLabel') : this.i18n.t('showSectionAriaLabel');
+    ariaLabelParts.push(ariaLabelMessage);
+    $button.setAttribute('aria-label', ariaLabelParts.join(' , '));
+    if (expanded) {
+      $content.removeAttribute('hidden');
+      $section.classList.add(this.sectionExpandedClass);
+      $showHideIcon.classList.remove(this.downChevronIconClass);
+    } else {
+      $content.setAttribute('hidden', 'until-found');
+      $section.classList.remove(this.sectionExpandedClass);
+      $showHideIcon.classList.add(this.downChevronIconClass);
+    }
+    this.updateShowAllButton(this.areAllSectionsOpen());
+  }
+  isExpanded($section) {
+    return $section.classList.contains(this.sectionExpandedClass);
+  }
+  areAllSectionsOpen() {
+    return Array.from(this.$sections).every($section => this.isExpanded($section));
+  }
+  updateShowAllButton(expanded) {
+    if (!this.$showAllButton || !this.$showAllText || !this.$showAllIcon) {
+      return;
+    }
+    this.$showAllButton.setAttribute('aria-expanded', expanded.toString());
+    this.$showAllText.textContent = expanded ? this.i18n.t('hideAllSections') : this.i18n.t('showAllSections');
+    this.$showAllIcon.classList.toggle(this.downChevronIconClass, !expanded);
+  }
+
+  /**
+   * Get the identifier for a section
+   *
+   * We need a unique way of identifying each content in the Accordion.
+   * Since an `#id` should be unique and an `id` is required for `aria-`
+   * attributes `id` can be safely used.
+   *
+   * @param {Element} $section - Section element
+   * @returns {string | undefined | null} Identifier for section
+   */
+  getIdentifier($section) {
+    const $button = $section.querySelector(`.${this.sectionButtonClass}`);
+    return $button == null ? void 0 : $button.getAttribute('aria-controls');
+  }
+  storeState($section, isExpanded) {
+    if (!this.config.rememberExpanded) {
+      return;
+    }
+    const id = this.getIdentifier($section);
+    if (id) {
+      try {
+        window.sessionStorage.setItem(id, isExpanded.toString());
+      } catch (_unused) {}
+    }
+  }
+  setInitialState($section) {
+    if (!this.config.rememberExpanded) {
+      return;
+    }
+    const id = this.getIdentifier($section);
+    if (id) {
+      try {
+        const state = window.sessionStorage.getItem(id);
+        if (state !== null) {
+          this.setExpanded(state === 'true', $section);
+        }
+      } catch (_unused2) {}
+    }
+  }
+  getButtonPunctuationEl() {
+    const $punctuationEl = document.createElement('span');
+    $punctuationEl.classList.add('govuk-visually-hidden', this.sectionHeadingDividerClass);
+    $punctuationEl.textContent = ', ';
+    return $punctuationEl;
+  }
+}
+
+/**
+ * Accordion config
+ *
+ * @see {@link Accordion.defaults}
+ * @typedef {object} AccordionConfig
+ * @property {AccordionTranslations} [i18n=Accordion.defaults.i18n] - Accordion translations
+ * @property {boolean} [rememberExpanded] - Whether the expanded and collapsed
+ *   state of each section is remembered and restored when navigating.
+ */
+
+/**
+ * Accordion translations
+ *
+ * @see {@link Accordion.defaults.i18n}
+ * @typedef {object} AccordionTranslations
+ *
+ * Messages used by the component for the labels of its buttons. This includes
+ * the visible text shown on screen, and text to help assistive technology users
+ * for the buttons toggling each section.
+ * @property {string} [hideAllSections] - The text content for the 'Hide all
+ *   sections' button, used when at least one section is expanded.
+ * @property {string} [hideSection] - The text content for the 'Hide'
+ *   button, used when a section is expanded.
+ * @property {string} [hideSectionAriaLabel] - The text content appended to the
+ *   'Hide' button's accessible name when a section is expanded.
+ * @property {string} [showAllSections] - The text content for the 'Show all
+ *   sections' button, used when all sections are collapsed.
+ * @property {string} [showSection] - The text content for the 'Show'
+ *   button, used when a section is collapsed.
+ * @property {string} [showSectionAriaLabel] - The text content appended to the
+ *   'Show' button's accessible name when a section is expanded.
+ */
+
+/**
+ * @import { Schema } from '../../common/configuration.mjs'
+ */
+Accordion.moduleName = 'govuk-accordion';
+Accordion.defaults = Object.freeze({
+  i18n: {
+    hideAllSections: 'Hide all sections',
+    hideSection: 'Hide',
+    hideSectionAriaLabel: 'Hide this section',
+    showAllSections: 'Show all sections',
+    showSection: 'Show',
+    showSectionAriaLabel: 'Show this section'
+  },
+  rememberExpanded: true
+});
+Accordion.schema = Object.freeze({
+  properties: {
+    i18n: {
+      type: 'object'
+    },
+    rememberExpanded: {
+      type: 'boolean'
+    }
+  }
+});
+
+export { Accordion };
+//# sourceMappingURL=accordion.bundle.mjs.map
diff --git a/app/templates/govuk/components/components/accordion/accordion.bundle.mjs.map b/app/templates/govuk/components/components/accordion/accordion.bundle.mjs.map
new file mode 100644
index 0000000..372d5dc
--- /dev/null
+++ b/app/templates/govuk/components/components/accordion/accordion.bundle.mjs.map
@@ -0,0 +1 @@
+{"version":3,"file":"accordion.bundle.mjs","sources":["../../../../src/govuk/common/index.mjs","../../../../src/govuk/errors/index.mjs","../../../../src/govuk/component.mjs","../../../../src/govuk/common/configuration.mjs","../../../../src/govuk/i18n.mjs","../../../../src/govuk/components/accordion/accordion.mjs"],"sourcesContent":["/**\n * Common helpers which do not require polyfill.\n *\n * IMPORTANT: If a helper require a polyfill, please isolate it in its own module\n * so that the polyfill can be properly tree-shaken and does not burden\n * the components that do not need that helper\n */\n\n/**\n * Get GOV.UK Frontend breakpoint value from CSS custom property\n *\n * @private\n * @param {string} name - Breakpoint name\n * @returns {{ property: string, value?: string }} Breakpoint object\n */\nexport function getBreakpoint(name) {\n  const property = `--govuk-breakpoint-${name}`\n\n  // Get value from `<html>` with breakpoints on CSS :root\n  const value = window\n    .getComputedStyle(document.documentElement)\n    .getPropertyValue(property)\n\n  return {\n    property,\n    value: value || undefined\n  }\n}\n\n/**\n * Move focus to element\n *\n * Sets tabindex to -1 to make the element programmatically focusable,\n * but removes it on blur as the element doesn't need to be focused again.\n *\n * @private\n * @template {HTMLElement} FocusElement\n * @param {FocusElement} $element - HTML element\n * @param {object} [options] - Handler options\n * @param {function(this: FocusElement): void} [options.onBeforeFocus] - Callback before focus\n * @param {function(this: FocusElement): void} [options.onBlur] - Callback on blur\n */\nexport function setFocus($element, options = {}) {\n  const isFocusable = $element.getAttribute('tabindex')\n\n  if (!isFocusable) {\n    $element.setAttribute('tabindex', '-1')\n  }\n\n  /**\n   * Handle element focus\n   */\n  function onFocus() {\n    $element.addEventListener('blur', onBlur, { once: true })\n  }\n\n  /**\n   * Handle element blur\n   */\n  function onBlur() {\n    options.onBlur?.call($element)\n\n    if (!isFocusable) {\n      $element.removeAttribute('tabindex')\n    }\n  }\n\n  // Add listener to reset element on blur, after focus\n  $element.addEventListener('focus', onFocus, { once: true })\n\n  // Focus element\n  options.onBeforeFocus?.call($element)\n  $element.focus()\n}\n\n/**\n * Checks if component is already initialised\n *\n * @internal\n * @param {Element} $root - HTML element to be checked\n * @param {string} moduleName - name of component module\n * @returns {boolean} Whether component is already initialised\n */\nexport function isInitialised($root, moduleName) {\n  return (\n    $root instanceof HTMLElement &&\n    $root.hasAttribute(`data-${moduleName}-init`)\n  )\n}\n\n/**\n * Checks if GOV.UK Frontend is supported on this page\n *\n * Some browsers will load and run our JavaScript but GOV.UK Frontend\n * won't be supported.\n *\n * @param {HTMLElement | null} [$scope] - (internal) `<body>` HTML element checked for browser support\n * @returns {boolean} Whether GOV.UK Frontend is supported on this page\n */\nexport function isSupported($scope = document.body) {\n  if (!$scope) {\n    return false\n  }\n\n  return $scope.classList.contains('govuk-frontend-supported')\n}\n\n/**\n * Check for an array\n *\n * @internal\n * @param {unknown} option - Option to check\n * @returns {boolean} Whether the option is an array\n */\nfunction isArray(option) {\n  return Array.isArray(option)\n}\n\n/**\n * Check for an object\n *\n * @internal\n * @template {Partial<Record<keyof ObjectType, unknown>>} ObjectType\n * @param {unknown | ObjectType} option - Option to check\n * @returns {option is ObjectType} Whether the option is an object\n */\nexport function isObject(option) {\n  return !!option && typeof option === 'object' && !isArray(option)\n}\n\n/**\n * Check for valid scope\n *\n * @internal\n * @template {Element | Document} ScopeType\n * @param {unknown | ScopeType} $scope - Scope of the document to search within\n * @returns {$scope is ScopeType} Whether the scope can be queried\n */\nexport function isScope($scope) {\n  return !!$scope && ($scope instanceof Element || $scope instanceof Document)\n}\n\n/**\n * Format error message\n *\n * @internal\n * @param {ComponentWithModuleName} Component - Component that threw the error\n * @param {string} message - Error message\n * @returns {string} - Formatted error message\n */\nexport function formatErrorMessage(Component, message) {\n  return `${Component.moduleName}: ${message}`\n}\n\n/* eslint-disable jsdoc/valid-types --\n * `{new(...args: any[] ): object}` is not recognised as valid\n * https://github.com/gajus/eslint-plugin-jsdoc/issues/145#issuecomment-1308722878\n * https://github.com/jsdoc-type-pratt-parser/jsdoc-type-pratt-parser/issues/131\n **/\n\n/**\n * @typedef ComponentWithModuleName\n * @property {string} moduleName - Name of the component\n */\n\n/* eslint-enable jsdoc/valid-types */\n","import { formatErrorMessage, isObject } from '../common/index.mjs'\n\n/**\n * GOV.UK Frontend error\n *\n * A base class for `Error`s thrown by GOV.UK Frontend.\n *\n * It is meant to be extended into specific types of errors\n * to be thrown by our code.\n *\n * @example\n * ```js\n * class MissingRootError extends GOVUKFrontendError {\n *   // Setting an explicit name is important as extending the class will not\n *   // set a new `name` on the subclass. The `name` property is important\n *   // to ensure intelligible error names even if the class name gets\n *   // mangled by a minifier\n *   name = \"MissingRootError\"\n * }\n * ```\n * @virtual\n */\nexport class GOVUKFrontendError extends Error {\n  name = 'GOVUKFrontendError'\n}\n\n/**\n * Indicates that GOV.UK Frontend is not supported\n */\nexport class SupportError extends GOVUKFrontendError {\n  name = 'SupportError'\n\n  /**\n   * Checks if GOV.UK Frontend is supported on this page\n   *\n   * @param {HTMLElement | null} [$scope] - HTML element `<body>` checked for browser support\n   */\n  constructor($scope = document.body) {\n    const supportMessage =\n      'noModule' in HTMLScriptElement.prototype\n        ? 'GOV.UK Frontend initialised without `<body class=\"govuk-frontend-supported\">` from template `<script>` snippet'\n        : 'GOV.UK Frontend is not supported in this browser'\n\n    super(\n      $scope\n        ? supportMessage\n        : 'GOV.UK Frontend initialised without `<script type=\"module\">`'\n    )\n  }\n}\n\n/**\n * Indicates that a component has received an illegal configuration\n */\nexport class ConfigError extends GOVUKFrontendError {\n  name = 'ConfigError'\n}\n\n/**\n * Indicates an issue with an element (possibly `null` or `undefined`)\n */\nexport class ElementError extends GOVUKFrontendError {\n  name = 'ElementError'\n\n  /**\n   * @internal\n   * @overload\n   * @param {string} message - Element error message\n   */\n\n  /**\n   * @internal\n   * @overload\n   * @param {ElementErrorOptions} options - Element error options\n   */\n\n  /**\n   * @internal\n   * @param {string | ElementErrorOptions} messageOrOptions - Element error message or options\n   */\n  constructor(messageOrOptions) {\n    let message = typeof messageOrOptions === 'string' ? messageOrOptions : ''\n\n    // Build message from options\n    if (isObject(messageOrOptions)) {\n      const { component, identifier, element, expectedType } = messageOrOptions\n\n      message = identifier\n\n      // Append reason\n      message += element\n        ? ` is not of type ${expectedType ?? 'HTMLElement'}`\n        : ' not found'\n\n      // Prepend with module name (optional)\n      if (component) {\n        message = formatErrorMessage(component, message)\n      }\n    }\n\n    super(message)\n  }\n}\n\n/**\n * Indicates that a component is already initialised\n */\nexport class InitError extends GOVUKFrontendError {\n  name = 'InitError'\n\n  /**\n   * @internal\n   * @param {ComponentWithModuleName | string} componentOrMessage - name of the component module\n   */\n  constructor(componentOrMessage) {\n    const message =\n      typeof componentOrMessage === 'string'\n        ? componentOrMessage\n        : formatErrorMessage(\n            componentOrMessage,\n            `Root element (\\`$root\\`) already initialised`\n          )\n\n    super(message)\n  }\n}\n\n/**\n * Element error options\n *\n * @internal\n * @typedef {object} ElementErrorOptions\n * @property {Element | Document | null} [element] - The element in error (optional)\n * @property {ComponentWithModuleName} [component] - Component throwing the error (optional)\n * @property {string} identifier - An identifier that'll let the user understand which element has an error. This is whatever makes the most sense\n * @property {string} [expectedType] - The type that was expected for the identifier (optional)\n */\n\n/**\n * @import { ComponentWithModuleName } from '../common/index.mjs'\n */\n","import { isInitialised, isSupported } from './common/index.mjs'\nimport { ElementError, InitError, SupportError } from './errors/index.mjs'\n\n/**\n * Base Component class\n *\n * Centralises the behaviours shared by our components\n *\n * @virtual\n * @template {Element} [RootElementType=HTMLElement]\n */\nexport class Component {\n  /**\n   * @type {typeof Element}\n   */\n  static elementType = HTMLElement\n\n  // allows Typescript user to work around the lack of types\n  // in GOVUKFrontend package, Typescript is not aware of $root\n  // in components that extend GOVUKFrontendComponent\n  /**\n   * Returns the root element of the component\n   *\n   * @protected\n   * @returns {RootElementType} - the root element of component\n   */\n  get $root() {\n    return this._$root\n  }\n\n  /**\n   * @protected\n   * @type {RootElementType}\n   */\n  _$root\n\n  /**\n   * Constructs a new component, validating that GOV.UK Frontend is supported\n   *\n   * @internal\n   * @param {Element | null} [$root] - HTML element to use for component\n   */\n  constructor($root) {\n    const childConstructor = /** @type {ChildClassConstructor} */ (\n      this.constructor\n    )\n\n    // TypeScript does not enforce that inheriting classes will define a `moduleName`\n    // (even if we add a `@virtual` `static moduleName` property to this class).\n    // While we trust users to do this correctly, we do a little check to provide them\n    // a helpful error message.\n    //\n    // After this, we'll be sure that `childConstructor` has a `moduleName`\n    // as expected of the `ChildClassConstructor` we've cast `this.constructor` to.\n    if (typeof childConstructor.moduleName !== 'string') {\n      throw new InitError(`\\`moduleName\\` not defined in component`)\n    }\n\n    if (!($root instanceof childConstructor.elementType)) {\n      throw new ElementError({\n        element: $root,\n        component: childConstructor,\n        identifier: 'Root element (`$root`)',\n        expectedType: childConstructor.elementType.name\n      })\n    } else {\n      this._$root = /** @type {RootElementType} */ ($root)\n    }\n\n    childConstructor.checkSupport()\n\n    this.checkInitialised()\n\n    const moduleName = childConstructor.moduleName\n\n    this.$root.setAttribute(`data-${moduleName}-init`, '')\n  }\n\n  /**\n   * Validates whether component is already initialised\n   *\n   * @private\n   * @throws {InitError} when component is already initialised\n   */\n  checkInitialised() {\n    const constructor = /** @type {ChildClassConstructor} */ (this.constructor)\n    const moduleName = constructor.moduleName\n\n    if (moduleName && isInitialised(this.$root, moduleName)) {\n      throw new InitError(constructor)\n    }\n  }\n\n  /**\n   * Validates whether components are supported\n   *\n   * @throws {SupportError} when the components are not supported\n   */\n  static checkSupport() {\n    if (!isSupported()) {\n      throw new SupportError()\n    }\n  }\n}\n\n/**\n * @typedef ChildClass\n * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component\n */\n\n/**\n * @typedef {typeof Component & ChildClass} ChildClassConstructor\n */\n","import { Component } from '../component.mjs'\nimport { ConfigError } from '../errors/index.mjs'\n\nimport { isObject, isScope, formatErrorMessage } from './index.mjs'\n\nexport const configOverride = Symbol.for('configOverride')\n\n/**\n * Base Component class\n *\n * Centralises the behaviours shared by our components\n *\n * @virtual\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]\n * @template {Element & { dataset: DOMStringMap }} [RootElementType=HTMLElement]\n * @augments Component<RootElementType>\n */\nexport class ConfigurableComponent extends Component {\n  /**\n   * configOverride\n   *\n   * Function which defines configuration overrides to prioritize\n   * properties from the root element's dataset.\n   *\n   * It should take a subset of configuration as input and return\n   * a new configuration object with properties that should be\n   * overridden based on the root element's dataset. A Symbol\n   * is used for indexing to prevent conflicts.\n   *\n   * @internal\n   * @virtual\n   * @param {Partial<ConfigurationType>} [param] - Configuration object\n   * @returns {Partial<ConfigurationType>} return - Configuration object\n   */\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  [configOverride](param) {\n    return {}\n  }\n\n  /**\n   * Returns the root element of the component\n   *\n   * @protected\n   * @returns {ConfigurationType} - the root element of component\n   */\n  get config() {\n    return this._config\n  }\n\n  /**\n   *\n   * @type {ConfigurationType}\n   */\n  _config\n\n  /**\n   * Constructs a new component, validating that GOV.UK Frontend is supported\n   *\n   * @internal\n   * @param {Element | null} [$root] - HTML element to use for component\n   * @param {ConfigurationType} [config] - HTML element to use for component\n   */\n  constructor($root, config) {\n    super($root)\n\n    const childConstructor =\n      /** @type {ChildClassConstructor<ConfigurationType>} */ (this.constructor)\n\n    if (!isObject(childConstructor.defaults)) {\n      throw new ConfigError(\n        formatErrorMessage(\n          childConstructor,\n          'Config passed as parameter into constructor but no defaults defined'\n        )\n      )\n    }\n\n    const datasetConfig = /** @type {ConfigurationType} */ (\n      normaliseDataset(childConstructor, this._$root.dataset)\n    )\n\n    this._config = /** @type {ConfigurationType} */ (\n      mergeConfigs(\n        childConstructor.defaults,\n        config ?? {},\n        this[configOverride](datasetConfig),\n        datasetConfig\n      )\n    )\n  }\n}\n\n/**\n * Normalise string\n *\n * 'If it looks like a duck, and it quacks like a duck…' 🦆\n *\n * If the passed value looks like a boolean or a number, convert it to a boolean\n * or number.\n *\n * Designed to be used to convert config passed via data attributes (which are\n * always strings) into something sensible.\n *\n * @internal\n * @param {DOMStringMap[string]} value - The value to normalise\n * @param {SchemaProperty} [property] - Component schema property\n * @returns {string | boolean | number | undefined} Normalised data\n */\nexport function normaliseString(value, property) {\n  const trimmedValue = value ? value.trim() : ''\n\n  let output\n  let outputType = property?.type\n\n  // No schema type set? Determine automatically\n  if (!outputType) {\n    if (['true', 'false'].includes(trimmedValue)) {\n      outputType = 'boolean'\n    }\n\n    // Empty / whitespace-only strings are considered finite so we need to check\n    // the length of the trimmed string as well\n    if (trimmedValue.length > 0 && isFinite(Number(trimmedValue))) {\n      outputType = 'number'\n    }\n  }\n\n  switch (outputType) {\n    case 'boolean':\n      output = trimmedValue === 'true'\n      break\n\n    case 'number':\n      output = Number(trimmedValue)\n      break\n\n    default:\n      output = value\n  }\n\n  return output\n}\n\n/**\n * Normalise dataset\n *\n * Loop over an object and normalise each value using {@link normaliseString},\n * optionally expanding nested `i18n.field`\n *\n * @internal\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @template {[keyof ConfigurationType, SchemaProperty | undefined][]} SchemaEntryType\n * @param {{ schema?: Schema<ConfigurationType>, moduleName: string }} Component - Component class\n * @param {DOMStringMap} dataset - HTML element dataset\n * @returns {ObjectNested} Normalised dataset\n */\nexport function normaliseDataset(Component, dataset) {\n  if (!isObject(Component.schema)) {\n    throw new ConfigError(\n      formatErrorMessage(\n        Component,\n        'Config passed as parameter into constructor but no schema defined'\n      )\n    )\n  }\n\n  const out = /** @type {ObjectNested} */ ({})\n  const entries = /** @type {SchemaEntryType} */ (\n    Object.entries(Component.schema.properties)\n  )\n\n  // Normalise top-level dataset ('data-*') values using schema types\n  for (const entry of entries) {\n    const [namespace, property] = entry\n\n    // Cast the `namespace` to string so it can be used to access the dataset\n    const field = namespace.toString()\n\n    if (field in dataset) {\n      out[field] = normaliseString(dataset[field], property)\n    }\n\n    /**\n     * Extract and normalise nested object values automatically using\n     * {@link normaliseString} but only schema object types are allowed\n     */\n    if (property?.type === 'object') {\n      out[field] = extractConfigByNamespace(\n        Component.schema,\n        dataset,\n        namespace\n      )\n    }\n  }\n\n  return out\n}\n\n/**\n * Normalise options passed to `initAll` or `createAll`\n *\n * @internal\n * @template {CompatibleClass} ComponentClass\n * @param {Config | CreateAllOptions<ComponentClass> | OnErrorCallback<ComponentClass> | Element | Document | null} [scopeOrOptions] - Scope of the document to search within, initialisation options or error callback function\n * @returns {CreateAllOptions<ComponentClass>} Normalised options\n */\nexport function normaliseOptions(scopeOrOptions) {\n  let /** @type {Element | Document | null} */ $scope = document\n  let /** @type {OnErrorCallback<ComponentClass> | undefined} */ onError\n\n  // Handle options object\n  if (isObject(scopeOrOptions)) {\n    const options = scopeOrOptions\n\n    // Scope must be valid or null\n    if (isScope(options.scope) || options.scope === null) {\n      $scope = options.scope\n    }\n\n    // Error handler must be a function\n    if (typeof options.onError === 'function') {\n      onError = options.onError\n    }\n  }\n\n  if (isScope(scopeOrOptions)) {\n    $scope = scopeOrOptions\n  } else if (scopeOrOptions === null) {\n    $scope = null\n  } else if (typeof scopeOrOptions === 'function') {\n    onError = scopeOrOptions\n  }\n\n  return {\n    scope: $scope,\n    onError\n  }\n}\n\n/**\n * Config merging function\n *\n * Takes any number of objects and combines them together, with\n * greatest priority on the LAST item passed in.\n *\n * @internal\n * @param {...{ [key: string]: unknown }} configObjects - Config objects to merge\n * @returns {{ [key: string]: unknown }} A merged config object\n */\nexport function mergeConfigs(...configObjects) {\n  // Start with an empty object as our base\n  /** @type {{ [key: string]: unknown }} */\n  const formattedConfigObject = {}\n\n  // Loop through each of the passed objects\n  for (const configObject of configObjects) {\n    for (const key of Object.keys(configObject)) {\n      const option = formattedConfigObject[key]\n      const override = configObject[key]\n\n      // Push their keys one-by-one into formattedConfigObject. Any duplicate\n      // keys with object values will be merged, otherwise the new value will\n      // override the existing value.\n      if (isObject(option) && isObject(override)) {\n        formattedConfigObject[key] = mergeConfigs(option, override)\n      } else {\n        // Apply override\n        formattedConfigObject[key] = override\n      }\n    }\n  }\n\n  return formattedConfigObject\n}\n\n/**\n * Validate component config by schema\n *\n * Follows limited examples in JSON schema for wider support in future\n *\n * {@link https://ajv.js.org/json-schema.html#compound-keywords}\n * {@link https://ajv.js.org/packages/ajv-errors.html#single-message}\n *\n * @internal\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @param {Schema<ConfigurationType>} schema - The schema of a component\n * @param {ConfigurationType} config - Component config\n * @returns {string[]} List of validation errors\n */\nexport function validateConfig(schema, config) {\n  const validationErrors = []\n\n  // Check errors for each schema\n  for (const [name, conditions] of Object.entries(schema)) {\n    const errors = []\n\n    // Check errors for each schema condition\n    if (Array.isArray(conditions)) {\n      for (const { required, errorMessage } of conditions) {\n        if (!required.every((key) => !!config[key])) {\n          errors.push(errorMessage) // Missing config key value\n        }\n      }\n\n      // Check one condition passes or add errors\n      if (name === 'anyOf' && !(conditions.length - errors.length >= 1)) {\n        validationErrors.push(...errors)\n      }\n    }\n  }\n\n  return validationErrors\n}\n\n/**\n * Extracts keys starting with a particular namespace from dataset ('data-*')\n * object, removing the namespace in the process, normalising all values\n *\n * @internal\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @param {Schema<ConfigurationType>} schema - The schema of a component\n * @param {DOMStringMap} dataset - The object to extract key-value pairs from\n * @param {keyof ConfigurationType} namespace - The namespace to filter keys with\n * @returns {ObjectNested | undefined} Nested object with dot-separated key namespace removed\n */\nexport function extractConfigByNamespace(schema, dataset, namespace) {\n  const property = schema.properties[namespace]\n\n  // Only extract configs for object schema properties\n  if (property?.type !== 'object') {\n    return\n  }\n\n  // Add default empty config\n  const newObject = /** @type {Record<typeof namespace, ObjectNested>} */ ({\n    [namespace]: {}\n  })\n\n  for (const [key, value] of Object.entries(dataset)) {\n    /** @type {ObjectNested | ObjectNested[NestedKey]} */\n    let current = newObject\n\n    // Split the key into parts, using . as our namespace separator\n    const keyParts = key.split('.')\n\n    /**\n     * Create new level per part\n     *\n     * e.g. 'i18n.textareaDescription.other' becomes\n     * `{ i18n: { textareaDescription: { other } } }`\n     */\n    for (const [index, name] of keyParts.entries()) {\n      if (isObject(current)) {\n        // Drop down to nested object until the last part\n        if (index < keyParts.length - 1) {\n          // New nested object (optionally) replaces existing value\n          if (!isObject(current[name])) {\n            current[name] = {}\n          }\n\n          // Drop down into new or existing nested object\n          current = current[name]\n        } else if (key !== namespace) {\n          // Normalised value (optionally) replaces existing value\n          current[name] = normaliseString(value)\n        }\n      }\n    }\n  }\n\n  return newObject[namespace]\n}\n\n/**\n * @internal\n * @typedef {keyof ObjectNested} NestedKey\n * @typedef {{ [key: string]: string | boolean | number | ObjectNested | undefined }} ObjectNested\n */\n\n/**\n * Schema for component config\n *\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @typedef {object} Schema\n * @property {Record<keyof ConfigurationType, SchemaProperty | undefined>} properties - Schema properties\n * @property {SchemaCondition<ConfigurationType>[]} [anyOf] - List of schema conditions\n */\n\n/**\n * Schema property for component config\n *\n * @typedef {object} SchemaProperty\n * @property {'string' | 'boolean' | 'number' | 'object'} type - Property type\n */\n\n/**\n * Schema condition for component config\n *\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @typedef {object} SchemaCondition\n * @property {(keyof ConfigurationType)[]} required - List of required config fields\n * @property {string} errorMessage - Error message when required config fields not provided\n */\n\n/**\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]\n * @typedef ChildClass\n * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component\n * @property {Schema<ConfigurationType>} [schema] - The schema of the component configuration\n * @property {ConfigurationType} [defaults] - The default values of the configuration of the component\n */\n\n/**\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]\n * @typedef {typeof Component & ChildClass<ConfigurationType>} ChildClassConstructor<ConfigurationType>\n */\n\n/**\n * @import { CompatibleClass, Config, CreateAllOptions, OnErrorCallback } from '../init.mjs'\n */\n","import { isObject } from './common/index.mjs'\n\n/**\n * Internal support for selecting messages to render, with placeholder\n * interpolation and locale-aware number formatting and pluralisation\n *\n * @internal\n */\nexport class I18n {\n  translations\n  locale\n\n  /**\n   * @internal\n   * @param {{ [key: string]: string | TranslationPluralForms }} translations - Key-value pairs of the translation strings to use.\n   * @param {object} [config] - Configuration options for the function.\n   * @param {string | null} [config.locale] - An overriding locale for the PluralRules functionality.\n   */\n  constructor(translations = {}, config = {}) {\n    // Make list of translations available throughout function\n    this.translations = translations\n\n    // The locale to use for PluralRules and NumberFormat\n    this.locale = config.locale ?? (document.documentElement.lang || 'en')\n  }\n\n  /**\n   * The most used function - takes the key for a given piece of UI text and\n   * returns the appropriate string.\n   *\n   * @internal\n   * @param {string} lookupKey - The lookup key of the string to use.\n   * @param {{ [key: string]: unknown }} [options] - Any options passed with the translation string, e.g: for string interpolation.\n   * @returns {string} The appropriate translation string.\n   * @throws {Error} Lookup key required\n   * @throws {Error} Options required for `${}` placeholders\n   */\n  t(lookupKey, options) {\n    if (!lookupKey) {\n      // Print a console error if no lookup key has been provided\n      throw new Error('i18n: lookup key missing')\n    }\n\n    // Fetch the translation for that lookup key\n    let translation = this.translations[lookupKey]\n\n    // If the `count` option is set, determine which plural suffix is needed and\n    // change the lookupKey to match. We check to see if it's numeric instead of\n    // falsy, as this could legitimately be 0.\n    if (typeof options?.count === 'number' && isObject(translation)) {\n      const translationPluralForm =\n        translation[this.getPluralSuffix(lookupKey, options.count)]\n\n      // Update translation with plural suffix\n      if (translationPluralForm) {\n        translation = translationPluralForm\n      }\n    }\n\n    if (typeof translation === 'string') {\n      // Check for ${} placeholders in the translation string\n      // eslint-disable-next-line @typescript-eslint/prefer-regexp-exec\n      if (translation.match(/%{(.\\S+)}/)) {\n        if (!options) {\n          throw new Error(\n            'i18n: cannot replace placeholders in string if no option data provided'\n          )\n        }\n\n        return this.replacePlaceholders(translation, options)\n      }\n\n      return translation\n    }\n\n    // If the key wasn't found in our translations object,\n    // return the lookup key itself as the fallback\n    return lookupKey\n  }\n\n  /**\n   * Takes a translation string with placeholders, and replaces the placeholders\n   * with the provided data\n   *\n   * @internal\n   * @param {string} translationString - The translation string\n   * @param {{ [key: string]: unknown }} options - Any options passed with the translation string, e.g: for string interpolation.\n   * @returns {string} The translation string to output, with $\\{\\} placeholders replaced\n   */\n  replacePlaceholders(translationString, options) {\n    const formatter = Intl.NumberFormat.supportedLocalesOf(this.locale).length\n      ? new Intl.NumberFormat(this.locale)\n      : undefined\n\n    return translationString.replace(\n      /%{(.\\S+)}/g,\n\n      /**\n       * Replace translation string placeholders\n       *\n       * @internal\n       * @param {string} placeholderWithBraces - Placeholder with braces\n       * @param {string} placeholderKey - Placeholder key\n       * @returns {string} Placeholder value\n       */\n      function (placeholderWithBraces, placeholderKey) {\n        if (Object.prototype.hasOwnProperty.call(options, placeholderKey)) {\n          const placeholderValue = options[placeholderKey]\n\n          // If a user has passed `false` as the value for the placeholder\n          // treat it as though the value should not be displayed\n          if (\n            placeholderValue === false ||\n            (typeof placeholderValue !== 'number' &&\n              typeof placeholderValue !== 'string')\n          ) {\n            return ''\n          }\n\n          // If the placeholder's value is a number, localise the number formatting\n          if (typeof placeholderValue === 'number') {\n            return formatter\n              ? formatter.format(placeholderValue)\n              : `${placeholderValue}`\n          }\n\n          return placeholderValue\n        }\n\n        throw new Error(\n          `i18n: no data found to replace ${placeholderWithBraces} placeholder in string`\n        )\n      }\n    )\n  }\n\n  /**\n   * Check to see if the browser supports Intl.PluralRules\n   *\n   * It requires all conditions to be met in order to be supported:\n   * - The implementation of Intl supports PluralRules (NOT true in Safari 10–12)\n   * - The browser/OS has plural rules for the current locale (browser dependent)\n   *\n   * {@link https://browsersl.ist/#q=supports+es6-module+and+not+supports+intl-pluralrules}\n   *\n   * @internal\n   * @returns {boolean} Returns true if all conditions are met. Returns false otherwise.\n   */\n  hasIntlPluralRulesSupport() {\n    return Boolean(\n      'PluralRules' in window.Intl &&\n        Intl.PluralRules.supportedLocalesOf(this.locale).length\n    )\n  }\n\n  /**\n   * Get the appropriate suffix for the plural form.\n   *\n   * Uses Intl.PluralRules (or our own fallback implementation) to get the\n   * 'preferred' form to use for the given count.\n   *\n   * Checks that a translation has been provided for that plural form – if it\n   * hasn't, it'll fall back to the 'other' plural form (unless that doesn't exist\n   * either, in which case an error will be thrown)\n   *\n   * @internal\n   * @param {string} lookupKey - The lookup key of the string to use.\n   * @param {number} count - Number used to determine which pluralisation to use.\n   * @returns {PluralRule} The suffix associated with the correct pluralisation for this locale.\n   * @throws {Error} Plural form `.other` required when preferred plural form is missing\n   */\n  getPluralSuffix(lookupKey, count) {\n    // Validate that the number is actually a number.\n    //\n    // Number(count) will turn anything that can't be converted to a Number type\n    // into 'NaN'. isFinite filters out NaN, as it isn't a finite number.\n    // eslint-disable-next-line @typescript-eslint/no-unnecessary-type-conversion\n    count = Number(count)\n    if (!isFinite(count)) {\n      return 'other'\n    }\n\n    // Fetch the translation for that lookup key\n    const translation = this.translations[lookupKey]\n\n    // Check to verify that all the requirements for Intl.PluralRules are met.\n    // If so, we can use that instead of our custom implementation. Otherwise,\n    // use the hardcoded fallback.\n    const preferredForm = this.hasIntlPluralRulesSupport()\n      ? new Intl.PluralRules(this.locale).select(count)\n      : 'other'\n\n    // Use the correct plural form if provided\n    if (isObject(translation)) {\n      if (preferredForm in translation) {\n        return preferredForm\n        // Fall back to `other` if the plural form is missing, but log a warning\n        // to the console\n      } else if ('other' in translation) {\n        console.warn(\n          `i18n: Missing plural form \".${preferredForm}\" for \"${this.locale}\" locale. Falling back to \".other\".`\n        )\n\n        return 'other'\n      }\n    }\n\n    // If the required `other` plural form is missing, all we can do is error\n    throw new Error(\n      `i18n: Plural form \".other\" is required for \"${this.locale}\" locale`\n    )\n  }\n}\n\n/**\n * Plural rule category mnemonic tags\n *\n * @internal\n * @typedef {'zero' | 'one' | 'two' | 'few' | 'many' | 'other'} PluralRule\n */\n\n/**\n * Translated message by plural rule they correspond to.\n *\n * Allows to group pluralised messages under a single key when passing\n * translations to a component's constructor\n *\n * @internal\n * @typedef {object} TranslationPluralForms\n * @property {string} [other] - General plural form\n * @property {string} [zero] - Plural form used with 0\n * @property {string} [one] - Plural form used with 1\n * @property {string} [two] - Plural form used with 2\n * @property {string} [few] - Plural form used for a few\n * @property {string} [many] - Plural form used for many\n */\n","import { ConfigurableComponent } from '../../common/configuration.mjs'\nimport { ElementError } from '../../errors/index.mjs'\nimport { I18n } from '../../i18n.mjs'\n\n/**\n * Accordion component\n *\n * This allows a collection of sections to be collapsed by default, showing only\n * their headers. Sections can be expanded or collapsed individually by clicking\n * their headers. A \"Show all sections\" button is also added to the top of the\n * accordion, which switches to \"Hide all sections\" when all the sections are\n * expanded.\n *\n * The state of each section is saved to the DOM via the `aria-expanded`\n * attribute, which also provides accessibility.\n *\n * @preserve\n * @augments ConfigurableComponent<AccordionConfig>\n */\nexport class Accordion extends ConfigurableComponent {\n  /** @private */\n  i18n\n\n  /** @private */\n  controlsClass = 'govuk-accordion__controls'\n\n  /** @private */\n  showAllClass = 'govuk-accordion__show-all'\n\n  /** @private */\n  showAllTextClass = 'govuk-accordion__show-all-text'\n\n  /** @private */\n  sectionClass = 'govuk-accordion__section'\n\n  /** @private */\n  sectionExpandedClass = 'govuk-accordion__section--expanded'\n\n  /** @private */\n  sectionButtonClass = 'govuk-accordion__section-button'\n\n  /** @private */\n  sectionHeaderClass = 'govuk-accordion__section-header'\n\n  /** @private */\n  sectionHeadingClass = 'govuk-accordion__section-heading'\n\n  /** @private */\n  sectionHeadingDividerClass = 'govuk-accordion__section-heading-divider'\n\n  /** @private */\n  sectionHeadingTextClass = 'govuk-accordion__section-heading-text'\n\n  /** @private */\n  sectionHeadingTextFocusClass = 'govuk-accordion__section-heading-text-focus'\n\n  /** @private */\n  sectionShowHideToggleClass = 'govuk-accordion__section-toggle'\n\n  /** @private */\n  sectionShowHideToggleFocusClass = 'govuk-accordion__section-toggle-focus'\n\n  /** @private */\n  sectionShowHideTextClass = 'govuk-accordion__section-toggle-text'\n\n  /** @private */\n  upChevronIconClass = 'govuk-accordion-nav__chevron'\n\n  /** @private */\n  downChevronIconClass = 'govuk-accordion-nav__chevron--down'\n\n  /** @private */\n  sectionSummaryClass = 'govuk-accordion__section-summary'\n\n  /** @private */\n  sectionSummaryFocusClass = 'govuk-accordion__section-summary-focus'\n\n  /** @private */\n  sectionContentClass = 'govuk-accordion__section-content'\n\n  /** @private */\n  $sections\n\n  /**\n   * @private\n   * @type {HTMLButtonElement | null}\n   */\n  $showAllButton = null\n\n  /**\n   * @private\n   * @type {HTMLElement | null}\n   */\n  $showAllIcon = null\n\n  /**\n   * @private\n   * @type {HTMLElement | null}\n   */\n  $showAllText = null\n\n  /**\n   * @param {Element | null} $root - HTML element to use for accordion\n   * @param {AccordionConfig} [config] - Accordion config\n   */\n  constructor($root, config = {}) {\n    super($root, config)\n\n    this.i18n = new I18n(this.config.i18n)\n\n    const $sections = this.$root.querySelectorAll(`.${this.sectionClass}`)\n    if (!$sections.length) {\n      throw new ElementError({\n        component: Accordion,\n        identifier: `Sections (\\`<div class=\"${this.sectionClass}\">\\`)`\n      })\n    }\n\n    this.$sections = $sections\n\n    this.initControls()\n    this.initSectionHeaders()\n\n    this.updateShowAllButton(this.areAllSectionsOpen())\n  }\n\n  /**\n   * Initialise controls and set attributes\n   *\n   * @private\n   */\n  initControls() {\n    // Create \"Show all\" button and set attributes\n    this.$showAllButton = document.createElement('button')\n    this.$showAllButton.setAttribute('type', 'button')\n    this.$showAllButton.setAttribute('class', this.showAllClass)\n    this.$showAllButton.setAttribute('aria-expanded', 'false')\n\n    // Create icon, add to element\n    this.$showAllIcon = document.createElement('span')\n    this.$showAllIcon.classList.add(this.upChevronIconClass)\n    this.$showAllButton.appendChild(this.$showAllIcon)\n\n    // Create control wrapper and add controls to it\n    const $accordionControls = document.createElement('div')\n    $accordionControls.setAttribute('class', this.controlsClass)\n    $accordionControls.appendChild(this.$showAllButton)\n    this.$root.insertBefore($accordionControls, this.$root.firstChild)\n\n    // Build additional wrapper for Show all toggle text and place after icon\n    this.$showAllText = document.createElement('span')\n    this.$showAllText.classList.add(this.showAllTextClass)\n    this.$showAllButton.appendChild(this.$showAllText)\n\n    // Handle click events on the show/hide all button\n    this.$showAllButton.addEventListener('click', () =>\n      this.onShowOrHideAllToggle()\n    )\n\n    // Handle 'beforematch' events, if the user agent supports them\n    if ('onbeforematch' in document) {\n      document.addEventListener('beforematch', (event) =>\n        this.onBeforeMatch(event)\n      )\n    }\n  }\n\n  /**\n   * Initialise section headers\n   *\n   * @private\n   */\n  initSectionHeaders() {\n    this.$sections.forEach(($section, i) => {\n      const $header = $section.querySelector(`.${this.sectionHeaderClass}`)\n      if (!$header) {\n        throw new ElementError({\n          component: Accordion,\n          identifier: `Section headers (\\`<div class=\"${this.sectionHeaderClass}\">\\`)`\n        })\n      }\n\n      // Set header attributes\n      this.constructHeaderMarkup($header, i)\n      this.setExpanded(this.isExpanded($section), $section)\n\n      // Handle events\n      $header.addEventListener('click', () => this.onSectionToggle($section))\n\n      // See if there is any state stored in sessionStorage and set the sections\n      // to open or closed.\n      this.setInitialState($section)\n    })\n  }\n\n  /**\n   * Construct section header\n   *\n   * @private\n   * @param {Element} $header - Section header\n   * @param {number} index - Section index\n   */\n  constructHeaderMarkup($header, index) {\n    const $span = $header.querySelector(`.${this.sectionButtonClass}`)\n    const $heading = $header.querySelector(`.${this.sectionHeadingClass}`)\n    const $summary = $header.querySelector(`.${this.sectionSummaryClass}`)\n\n    if (!$heading) {\n      throw new ElementError({\n        component: Accordion,\n        identifier: `Section heading (\\`.${this.sectionHeadingClass}\\`)`\n      })\n    }\n\n    if (!$span) {\n      throw new ElementError({\n        component: Accordion,\n        identifier: `Section button placeholder (\\`<span class=\"${this.sectionButtonClass}\">\\`)`\n      })\n    }\n\n    // Create a button element that will replace the\n    // '.govuk-accordion__section-button' span\n    const $button = document.createElement('button')\n    $button.setAttribute('type', 'button')\n    $button.setAttribute(\n      'aria-controls',\n      `${this.$root.id}-content-${index + 1}`\n    )\n\n    // Copy all attributes from $span to $button (except `id`, which gets added\n    // to the `$headingText` element)\n    for (const attr of Array.from($span.attributes)) {\n      if (attr.name !== 'id') {\n        $button.setAttribute(attr.name, attr.value)\n      }\n    }\n\n    // Create container for heading text so it can be styled\n    const $headingText = document.createElement('span')\n    $headingText.classList.add(this.sectionHeadingTextClass)\n    // Copy the span ID to the heading text to allow it to be referenced by\n    // `aria-labelledby` on the hidden content area without \"Show this section\"\n    $headingText.id = $span.id\n\n    // Create an inner heading text container to limit the width of the focus\n    // state\n    const $headingTextFocus = document.createElement('span')\n    $headingTextFocus.classList.add(this.sectionHeadingTextFocusClass)\n    $headingText.appendChild($headingTextFocus)\n    // span could contain HTML elements\n    // (see https://www.w3.org/TR/2011/WD-html5-20110525/content-models.html#phrasing-content)\n    Array.from($span.childNodes).forEach(($child) =>\n      $headingTextFocus.appendChild($child)\n    )\n\n    // Create container for show / hide icons and text.\n    const $showHideToggle = document.createElement('span')\n    $showHideToggle.classList.add(this.sectionShowHideToggleClass)\n    // Tell Google not to index the 'show' text as part of the heading. Must be\n    // set on the element before it's added to the DOM.\n    // See https://developers.google.com/search/docs/advanced/robots/robots_meta_tag#data-nosnippet-attr\n    $showHideToggle.setAttribute('data-nosnippet', '')\n    // Create an inner container to limit the width of the focus state\n    const $showHideToggleFocus = document.createElement('span')\n    $showHideToggleFocus.classList.add(this.sectionShowHideToggleFocusClass)\n    $showHideToggle.appendChild($showHideToggleFocus)\n    // Create wrapper for the show / hide text. Append text after the show/hide icon\n    const $showHideText = document.createElement('span')\n    const $showHideIcon = document.createElement('span')\n    $showHideIcon.classList.add(this.upChevronIconClass)\n    $showHideToggleFocus.appendChild($showHideIcon)\n    $showHideText.classList.add(this.sectionShowHideTextClass)\n    $showHideToggleFocus.appendChild($showHideText)\n\n    // Append elements to the button:\n    // 1. Heading text\n    // 2. Punctuation\n    // 3. (Optional: Summary line followed by punctuation)\n    // 4. Show / hide toggle\n    $button.appendChild($headingText)\n    $button.appendChild(this.getButtonPunctuationEl())\n\n    // If summary content exists add to DOM in correct order\n    if ($summary) {\n      // Create a new `span` element and copy the summary line content from the\n      // original `div` to the new `span`. This is because the summary line text\n      // is now inside a button element, which can only contain phrasing\n      // content.\n      const $summarySpan = document.createElement('span')\n      // Create an inner summary container to limit the width of the summary\n      // focus state\n      const $summarySpanFocus = document.createElement('span')\n      $summarySpanFocus.classList.add(this.sectionSummaryFocusClass)\n      $summarySpan.appendChild($summarySpanFocus)\n\n      // Get original attributes, and pass them to the replacement\n      for (const attr of Array.from($summary.attributes)) {\n        $summarySpan.setAttribute(attr.name, attr.value)\n      }\n\n      // Copy original contents of summary to the new summary span\n      Array.from($summary.childNodes).forEach(($child) =>\n        $summarySpanFocus.appendChild($child)\n      )\n\n      // Replace the original summary `div` with the new summary `span`\n      $summary.remove()\n\n      $button.appendChild($summarySpan)\n      $button.appendChild(this.getButtonPunctuationEl())\n    }\n\n    $button.appendChild($showHideToggle)\n\n    $heading.removeChild($span)\n    $heading.appendChild($button)\n  }\n\n  /**\n   * When a section is opened by the user agent via the 'beforematch' event\n   *\n   * @private\n   * @param {Event} event - Generic event\n   */\n  onBeforeMatch(event) {\n    const $fragment = event.target\n\n    // Handle elements with `.closest()` support only\n    if (!($fragment instanceof Element)) {\n      return\n    }\n\n    // Handle when fragment is inside section\n    const $section = $fragment.closest(`.${this.sectionClass}`)\n    if ($section) {\n      this.setExpanded(true, $section)\n    }\n  }\n\n  /**\n   * When section toggled, set and store state\n   *\n   * @private\n   * @param {Element} $section - Section element\n   */\n  onSectionToggle($section) {\n    const nowExpanded = !this.isExpanded($section)\n    this.setExpanded(nowExpanded, $section)\n\n    // Store the state in sessionStorage when a change is triggered\n    this.storeState($section, nowExpanded)\n  }\n\n  /**\n   * When Open/Close All toggled, set and store state\n   *\n   * @private\n   */\n  onShowOrHideAllToggle() {\n    const nowExpanded = !this.areAllSectionsOpen()\n\n    this.$sections.forEach(($section) => {\n      this.setExpanded(nowExpanded, $section)\n      this.storeState($section, nowExpanded)\n    })\n\n    this.updateShowAllButton(nowExpanded)\n  }\n\n  /**\n   * Set section attributes when opened/closed\n   *\n   * @private\n   * @param {boolean} expanded - Section expanded\n   * @param {Element} $section - Section element\n   */\n  setExpanded(expanded, $section) {\n    const $showHideIcon = $section.querySelector(`.${this.upChevronIconClass}`)\n    const $showHideText = $section.querySelector(\n      `.${this.sectionShowHideTextClass}`\n    )\n    const $button = $section.querySelector(`.${this.sectionButtonClass}`)\n    const $content = $section.querySelector(`.${this.sectionContentClass}`)\n\n    if (!$content) {\n      throw new ElementError({\n        component: Accordion,\n        identifier: `Section content (\\`<div class=\"${this.sectionContentClass}\">\\`)`\n      })\n    }\n\n    if (!$showHideIcon || !$showHideText || !$button) {\n      // Return early for elements we create\n      return\n    }\n\n    const newButtonText = expanded\n      ? this.i18n.t('hideSection')\n      : this.i18n.t('showSection')\n\n    $showHideText.textContent = newButtonText\n    $button.setAttribute('aria-expanded', `${expanded}`)\n\n    // Update aria-label combining\n    const ariaLabelParts = []\n\n    const $headingText = $section.querySelector(\n      `.${this.sectionHeadingTextClass}`\n    )\n    if ($headingText) {\n      ariaLabelParts.push($headingText.textContent.trim())\n    }\n\n    const $summary = $section.querySelector(`.${this.sectionSummaryClass}`)\n    if ($summary) {\n      ariaLabelParts.push($summary.textContent.trim())\n    }\n\n    const ariaLabelMessage = expanded\n      ? this.i18n.t('hideSectionAriaLabel')\n      : this.i18n.t('showSectionAriaLabel')\n    ariaLabelParts.push(ariaLabelMessage)\n\n    /*\n     * Join with a comma to add pause for assistive technology.\n     * Example: [heading]Section A ,[pause] Show this section.\n     * https://accessibility.blog.gov.uk/2017/12/18/what-working-on-gov-uk-navigation-taught-us-about-accessibility/\n     */\n    $button.setAttribute('aria-label', ariaLabelParts.join(' , '))\n\n    // Swap icon, change class\n    if (expanded) {\n      $content.removeAttribute('hidden')\n      $section.classList.add(this.sectionExpandedClass)\n      $showHideIcon.classList.remove(this.downChevronIconClass)\n    } else {\n      $content.setAttribute('hidden', 'until-found')\n      $section.classList.remove(this.sectionExpandedClass)\n      $showHideIcon.classList.add(this.downChevronIconClass)\n    }\n\n    // See if \"Show all sections\" button text should be updated\n    this.updateShowAllButton(this.areAllSectionsOpen())\n  }\n\n  /**\n   * Get state of section\n   *\n   * @private\n   * @param {Element} $section - Section element\n   * @returns {boolean} True if expanded\n   */\n  isExpanded($section) {\n    return $section.classList.contains(this.sectionExpandedClass)\n  }\n\n  /**\n   * Check if all sections are open\n   *\n   * @private\n   * @returns {boolean} True if all sections are open\n   */\n  areAllSectionsOpen() {\n    return Array.from(this.$sections).every(($section) =>\n      this.isExpanded($section)\n    )\n  }\n\n  /**\n   * Update \"Show all sections\" button\n   *\n   * @private\n   * @param {boolean} expanded - Section expanded\n   */\n  updateShowAllButton(expanded) {\n    if (!this.$showAllButton || !this.$showAllText || !this.$showAllIcon) {\n      return\n    }\n\n    this.$showAllButton.setAttribute('aria-expanded', expanded.toString())\n    this.$showAllText.textContent = expanded\n      ? this.i18n.t('hideAllSections')\n      : this.i18n.t('showAllSections')\n    this.$showAllIcon.classList.toggle(this.downChevronIconClass, !expanded)\n  }\n\n  /**\n   * Get the identifier for a section\n   *\n   * We need a unique way of identifying each content in the Accordion.\n   * Since an `#id` should be unique and an `id` is required for `aria-`\n   * attributes `id` can be safely used.\n   *\n   * @param {Element} $section - Section element\n   * @returns {string | undefined | null} Identifier for section\n   */\n  getIdentifier($section) {\n    const $button = $section.querySelector(`.${this.sectionButtonClass}`)\n\n    return $button?.getAttribute('aria-controls')\n  }\n\n  /**\n   * Set the state of the accordions in sessionStorage\n   *\n   * @private\n   * @param {Element} $section - Section element\n   * @param {boolean} isExpanded - Whether the section is expanded\n   */\n  storeState($section, isExpanded) {\n    if (!this.config.rememberExpanded) {\n      return\n    }\n\n    const id = this.getIdentifier($section)\n\n    if (id) {\n      try {\n        window.sessionStorage.setItem(id, isExpanded.toString())\n      } catch {}\n    }\n  }\n\n  /**\n   * Read the state of the accordions from sessionStorage\n   *\n   * @private\n   * @param {Element} $section - Section element\n   */\n  setInitialState($section) {\n    if (!this.config.rememberExpanded) {\n      return\n    }\n\n    const id = this.getIdentifier($section)\n\n    if (id) {\n      try {\n        const state = window.sessionStorage.getItem(id)\n\n        if (state !== null) {\n          this.setExpanded(state === 'true', $section)\n        }\n      } catch {}\n    }\n  }\n\n  /**\n   * Create an element to improve semantics of the section button with\n   * punctuation\n   *\n   * Adding punctuation to the button can also improve its general semantics by\n   * dividing its contents into thematic chunks. See\n   * https://github.com/alphagov/govuk-frontend/issues/2327#issuecomment-922957442\n   *\n   * @private\n   * @returns {Element} DOM element\n   */\n  getButtonPunctuationEl() {\n    const $punctuationEl = document.createElement('span')\n    $punctuationEl.classList.add(\n      'govuk-visually-hidden',\n      this.sectionHeadingDividerClass\n    )\n    $punctuationEl.textContent = ', '\n    return $punctuationEl\n  }\n\n  /**\n   * Name for the component used when initialising using data-module attributes.\n   */\n  static moduleName = 'govuk-accordion'\n\n  /**\n   * Accordion default config\n   *\n   * @see {@link AccordionConfig}\n   * @constant\n   * @type {AccordionConfig}\n   */\n  static defaults = Object.freeze({\n    i18n: {\n      hideAllSections: 'Hide all sections',\n      hideSection: 'Hide',\n      hideSectionAriaLabel: 'Hide this section',\n      showAllSections: 'Show all sections',\n      showSection: 'Show',\n      showSectionAriaLabel: 'Show this section'\n    },\n    rememberExpanded: true\n  })\n\n  /**\n   * Accordion config schema\n   *\n   * @constant\n   * @satisfies {Schema<AccordionConfig>}\n   */\n  static schema = Object.freeze({\n    properties: {\n      i18n: { type: 'object' },\n      rememberExpanded: { type: 'boolean' }\n    }\n  })\n}\n\n/**\n * Accordion config\n *\n * @see {@link Accordion.defaults}\n * @typedef {object} AccordionConfig\n * @property {AccordionTranslations} [i18n=Accordion.defaults.i18n] - Accordion translations\n * @property {boolean} [rememberExpanded] - Whether the expanded and collapsed\n *   state of each section is remembered and restored when navigating.\n */\n\n/**\n * Accordion translations\n *\n * @see {@link Accordion.defaults.i18n}\n * @typedef {object} AccordionTranslations\n *\n * Messages used by the component for the labels of its buttons. This includes\n * the visible text shown on screen, and text to help assistive technology users\n * for the buttons toggling each section.\n * @property {string} [hideAllSections] - The text content for the 'Hide all\n *   sections' button, used when at least one section is expanded.\n * @property {string} [hideSection] - The text content for the 'Hide'\n *   button, used when a section is expanded.\n * @property {string} [hideSectionAriaLabel] - The text content appended to the\n *   'Hide' button's accessible name when a section is expanded.\n * @property {string} [showAllSections] - The text content for the 'Show all\n *   sections' button, used when all sections are collapsed.\n * @property {string} [showSection] - The text content for the 'Show'\n *   button, used when a section is collapsed.\n * @property {string} [showSectionAriaLabel] - The text content appended to the\n *   'Show' button's accessible name when a section is expanded.\n */\n\n/**\n * @import { Schema } from '../../common/configuration.mjs'\n */\n"],"names":["isInitialised","$root","moduleName","HTMLElement","hasAttribute","isSupported","$scope","document","body","classList","contains","isArray","option","Array","isObject","formatErrorMessage","Component","message","GOVUKFrontendError","Error","constructor","args","name","SupportError","supportMessage","HTMLScriptElement","prototype","ConfigError","ElementError","messageOrOptions","component","identifier","element","expectedType","InitError","componentOrMessage","_$root","childConstructor","elementType","checkSupport","checkInitialised","setAttribute","configOverride","Symbol","for","ConfigurableComponent","param","config","_config","defaults","datasetConfig","normaliseDataset","dataset","mergeConfigs","normaliseString","value","property","trimmedValue","trim","output","outputType","type","includes","length","isFinite","Number","schema","out","entries","Object","properties","entry","namespace","field","toString","extractConfigByNamespace","configObjects","formattedConfigObject","configObject","key","keys","override","newObject","current","keyParts","split","index","I18n","translations","_config$locale","locale","documentElement","lang","t","lookupKey","options","translation","count","translationPluralForm","getPluralSuffix","match","replacePlaceholders","translationString","formatter","Intl","NumberFormat","supportedLocalesOf","undefined","replace","placeholderWithBraces","placeholderKey","hasOwnProperty","call","placeholderValue","format","hasIntlPluralRulesSupport","Boolean","window","PluralRules","preferredForm","select","console","warn","Accordion","i18n","controlsClass","showAllClass","showAllTextClass","sectionClass","sectionExpandedClass","sectionButtonClass","sectionHeaderClass","sectionHeadingClass","sectionHeadingDividerClass","sectionHeadingTextClass","sectionHeadingTextFocusClass","sectionShowHideToggleClass","sectionShowHideToggleFocusClass","sectionShowHideTextClass","upChevronIconClass","downChevronIconClass","sectionSummaryClass","sectionSummaryFocusClass","sectionContentClass","$sections","$showAllButton","$showAllIcon","$showAllText","querySelectorAll","initControls","initSectionHeaders","updateShowAllButton","areAllSectionsOpen","createElement","add","appendChild","$accordionControls","insertBefore","firstChild","addEventListener","onShowOrHideAllToggle","event","onBeforeMatch","forEach","$section","i","$header","querySelector","constructHeaderMarkup","setExpanded","isExpanded","onSectionToggle","setInitialState","$span","$heading","$summary","$button","id","attr","from","attributes","$headingText","$headingTextFocus","childNodes","$child","$showHideToggle","$showHideToggleFocus","$showHideText","$showHideIcon","getButtonPunctuationEl","$summarySpan","$summarySpanFocus","remove","removeChild","$fragment","target","Element","closest","nowExpanded","storeState","expanded","$content","newButtonText","textContent","ariaLabelParts","push","ariaLabelMessage","join","removeAttribute","every","toggle","getIdentifier","getAttribute","rememberExpanded","sessionStorage","setItem","_unused","state","getItem","_unused2","$punctuationEl","freeze","hideAllSections","hideSection","hideSectionAriaLabel","showAllSections","showSection","showSectionAriaLabel"],"mappings":"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"}
\ No newline at end of file
diff --git a/app/templates/govuk/components/components/accordion/accordion.mjs b/app/templates/govuk/components/components/accordion/accordion.mjs
new file mode 100644
index 0000000..2b5a339
--- /dev/null
+++ b/app/templates/govuk/components/components/accordion/accordion.mjs
@@ -0,0 +1,346 @@
+import { ConfigurableComponent } from '../../common/configuration.mjs';
+import { ElementError } from '../../errors/index.mjs';
+import { I18n } from '../../i18n.mjs';
+
+/**
+ * Accordion component
+ *
+ * This allows a collection of sections to be collapsed by default, showing only
+ * their headers. Sections can be expanded or collapsed individually by clicking
+ * their headers. A "Show all sections" button is also added to the top of the
+ * accordion, which switches to "Hide all sections" when all the sections are
+ * expanded.
+ *
+ * The state of each section is saved to the DOM via the `aria-expanded`
+ * attribute, which also provides accessibility.
+ *
+ * @preserve
+ * @augments ConfigurableComponent<AccordionConfig>
+ */
+class Accordion extends ConfigurableComponent {
+  /**
+   * @param {Element | null} $root - HTML element to use for accordion
+   * @param {AccordionConfig} [config] - Accordion config
+   */
+  constructor($root, config = {}) {
+    super($root, config);
+    this.i18n = void 0;
+    this.controlsClass = 'govuk-accordion__controls';
+    this.showAllClass = 'govuk-accordion__show-all';
+    this.showAllTextClass = 'govuk-accordion__show-all-text';
+    this.sectionClass = 'govuk-accordion__section';
+    this.sectionExpandedClass = 'govuk-accordion__section--expanded';
+    this.sectionButtonClass = 'govuk-accordion__section-button';
+    this.sectionHeaderClass = 'govuk-accordion__section-header';
+    this.sectionHeadingClass = 'govuk-accordion__section-heading';
+    this.sectionHeadingDividerClass = 'govuk-accordion__section-heading-divider';
+    this.sectionHeadingTextClass = 'govuk-accordion__section-heading-text';
+    this.sectionHeadingTextFocusClass = 'govuk-accordion__section-heading-text-focus';
+    this.sectionShowHideToggleClass = 'govuk-accordion__section-toggle';
+    this.sectionShowHideToggleFocusClass = 'govuk-accordion__section-toggle-focus';
+    this.sectionShowHideTextClass = 'govuk-accordion__section-toggle-text';
+    this.upChevronIconClass = 'govuk-accordion-nav__chevron';
+    this.downChevronIconClass = 'govuk-accordion-nav__chevron--down';
+    this.sectionSummaryClass = 'govuk-accordion__section-summary';
+    this.sectionSummaryFocusClass = 'govuk-accordion__section-summary-focus';
+    this.sectionContentClass = 'govuk-accordion__section-content';
+    this.$sections = void 0;
+    this.$showAllButton = null;
+    this.$showAllIcon = null;
+    this.$showAllText = null;
+    this.i18n = new I18n(this.config.i18n);
+    const $sections = this.$root.querySelectorAll(`.${this.sectionClass}`);
+    if (!$sections.length) {
+      throw new ElementError({
+        component: Accordion,
+        identifier: `Sections (\`<div class="${this.sectionClass}">\`)`
+      });
+    }
+    this.$sections = $sections;
+    this.initControls();
+    this.initSectionHeaders();
+    this.updateShowAllButton(this.areAllSectionsOpen());
+  }
+  initControls() {
+    this.$showAllButton = document.createElement('button');
+    this.$showAllButton.setAttribute('type', 'button');
+    this.$showAllButton.setAttribute('class', this.showAllClass);
+    this.$showAllButton.setAttribute('aria-expanded', 'false');
+    this.$showAllIcon = document.createElement('span');
+    this.$showAllIcon.classList.add(this.upChevronIconClass);
+    this.$showAllButton.appendChild(this.$showAllIcon);
+    const $accordionControls = document.createElement('div');
+    $accordionControls.setAttribute('class', this.controlsClass);
+    $accordionControls.appendChild(this.$showAllButton);
+    this.$root.insertBefore($accordionControls, this.$root.firstChild);
+    this.$showAllText = document.createElement('span');
+    this.$showAllText.classList.add(this.showAllTextClass);
+    this.$showAllButton.appendChild(this.$showAllText);
+    this.$showAllButton.addEventListener('click', () => this.onShowOrHideAllToggle());
+    if ('onbeforematch' in document) {
+      document.addEventListener('beforematch', event => this.onBeforeMatch(event));
+    }
+  }
+  initSectionHeaders() {
+    this.$sections.forEach(($section, i) => {
+      const $header = $section.querySelector(`.${this.sectionHeaderClass}`);
+      if (!$header) {
+        throw new ElementError({
+          component: Accordion,
+          identifier: `Section headers (\`<div class="${this.sectionHeaderClass}">\`)`
+        });
+      }
+      this.constructHeaderMarkup($header, i);
+      this.setExpanded(this.isExpanded($section), $section);
+      $header.addEventListener('click', () => this.onSectionToggle($section));
+      this.setInitialState($section);
+    });
+  }
+  constructHeaderMarkup($header, index) {
+    const $span = $header.querySelector(`.${this.sectionButtonClass}`);
+    const $heading = $header.querySelector(`.${this.sectionHeadingClass}`);
+    const $summary = $header.querySelector(`.${this.sectionSummaryClass}`);
+    if (!$heading) {
+      throw new ElementError({
+        component: Accordion,
+        identifier: `Section heading (\`.${this.sectionHeadingClass}\`)`
+      });
+    }
+    if (!$span) {
+      throw new ElementError({
+        component: Accordion,
+        identifier: `Section button placeholder (\`<span class="${this.sectionButtonClass}">\`)`
+      });
+    }
+    const $button = document.createElement('button');
+    $button.setAttribute('type', 'button');
+    $button.setAttribute('aria-controls', `${this.$root.id}-content-${index + 1}`);
+    for (const attr of Array.from($span.attributes)) {
+      if (attr.name !== 'id') {
+        $button.setAttribute(attr.name, attr.value);
+      }
+    }
+    const $headingText = document.createElement('span');
+    $headingText.classList.add(this.sectionHeadingTextClass);
+    $headingText.id = $span.id;
+    const $headingTextFocus = document.createElement('span');
+    $headingTextFocus.classList.add(this.sectionHeadingTextFocusClass);
+    $headingText.appendChild($headingTextFocus);
+    Array.from($span.childNodes).forEach($child => $headingTextFocus.appendChild($child));
+    const $showHideToggle = document.createElement('span');
+    $showHideToggle.classList.add(this.sectionShowHideToggleClass);
+    $showHideToggle.setAttribute('data-nosnippet', '');
+    const $showHideToggleFocus = document.createElement('span');
+    $showHideToggleFocus.classList.add(this.sectionShowHideToggleFocusClass);
+    $showHideToggle.appendChild($showHideToggleFocus);
+    const $showHideText = document.createElement('span');
+    const $showHideIcon = document.createElement('span');
+    $showHideIcon.classList.add(this.upChevronIconClass);
+    $showHideToggleFocus.appendChild($showHideIcon);
+    $showHideText.classList.add(this.sectionShowHideTextClass);
+    $showHideToggleFocus.appendChild($showHideText);
+    $button.appendChild($headingText);
+    $button.appendChild(this.getButtonPunctuationEl());
+    if ($summary) {
+      const $summarySpan = document.createElement('span');
+      const $summarySpanFocus = document.createElement('span');
+      $summarySpanFocus.classList.add(this.sectionSummaryFocusClass);
+      $summarySpan.appendChild($summarySpanFocus);
+      for (const attr of Array.from($summary.attributes)) {
+        $summarySpan.setAttribute(attr.name, attr.value);
+      }
+      Array.from($summary.childNodes).forEach($child => $summarySpanFocus.appendChild($child));
+      $summary.remove();
+      $button.appendChild($summarySpan);
+      $button.appendChild(this.getButtonPunctuationEl());
+    }
+    $button.appendChild($showHideToggle);
+    $heading.removeChild($span);
+    $heading.appendChild($button);
+  }
+  onBeforeMatch(event) {
+    const $fragment = event.target;
+    if (!($fragment instanceof Element)) {
+      return;
+    }
+    const $section = $fragment.closest(`.${this.sectionClass}`);
+    if ($section) {
+      this.setExpanded(true, $section);
+    }
+  }
+  onSectionToggle($section) {
+    const nowExpanded = !this.isExpanded($section);
+    this.setExpanded(nowExpanded, $section);
+    this.storeState($section, nowExpanded);
+  }
+  onShowOrHideAllToggle() {
+    const nowExpanded = !this.areAllSectionsOpen();
+    this.$sections.forEach($section => {
+      this.setExpanded(nowExpanded, $section);
+      this.storeState($section, nowExpanded);
+    });
+    this.updateShowAllButton(nowExpanded);
+  }
+  setExpanded(expanded, $section) {
+    const $showHideIcon = $section.querySelector(`.${this.upChevronIconClass}`);
+    const $showHideText = $section.querySelector(`.${this.sectionShowHideTextClass}`);
+    const $button = $section.querySelector(`.${this.sectionButtonClass}`);
+    const $content = $section.querySelector(`.${this.sectionContentClass}`);
+    if (!$content) {
+      throw new ElementError({
+        component: Accordion,
+        identifier: `Section content (\`<div class="${this.sectionContentClass}">\`)`
+      });
+    }
+    if (!$showHideIcon || !$showHideText || !$button) {
+      return;
+    }
+    const newButtonText = expanded ? this.i18n.t('hideSection') : this.i18n.t('showSection');
+    $showHideText.textContent = newButtonText;
+    $button.setAttribute('aria-expanded', `${expanded}`);
+    const ariaLabelParts = [];
+    const $headingText = $section.querySelector(`.${this.sectionHeadingTextClass}`);
+    if ($headingText) {
+      ariaLabelParts.push($headingText.textContent.trim());
+    }
+    const $summary = $section.querySelector(`.${this.sectionSummaryClass}`);
+    if ($summary) {
+      ariaLabelParts.push($summary.textContent.trim());
+    }
+    const ariaLabelMessage = expanded ? this.i18n.t('hideSectionAriaLabel') : this.i18n.t('showSectionAriaLabel');
+    ariaLabelParts.push(ariaLabelMessage);
+    $button.setAttribute('aria-label', ariaLabelParts.join(' , '));
+    if (expanded) {
+      $content.removeAttribute('hidden');
+      $section.classList.add(this.sectionExpandedClass);
+      $showHideIcon.classList.remove(this.downChevronIconClass);
+    } else {
+      $content.setAttribute('hidden', 'until-found');
+      $section.classList.remove(this.sectionExpandedClass);
+      $showHideIcon.classList.add(this.downChevronIconClass);
+    }
+    this.updateShowAllButton(this.areAllSectionsOpen());
+  }
+  isExpanded($section) {
+    return $section.classList.contains(this.sectionExpandedClass);
+  }
+  areAllSectionsOpen() {
+    return Array.from(this.$sections).every($section => this.isExpanded($section));
+  }
+  updateShowAllButton(expanded) {
+    if (!this.$showAllButton || !this.$showAllText || !this.$showAllIcon) {
+      return;
+    }
+    this.$showAllButton.setAttribute('aria-expanded', expanded.toString());
+    this.$showAllText.textContent = expanded ? this.i18n.t('hideAllSections') : this.i18n.t('showAllSections');
+    this.$showAllIcon.classList.toggle(this.downChevronIconClass, !expanded);
+  }
+
+  /**
+   * Get the identifier for a section
+   *
+   * We need a unique way of identifying each content in the Accordion.
+   * Since an `#id` should be unique and an `id` is required for `aria-`
+   * attributes `id` can be safely used.
+   *
+   * @param {Element} $section - Section element
+   * @returns {string | undefined | null} Identifier for section
+   */
+  getIdentifier($section) {
+    const $button = $section.querySelector(`.${this.sectionButtonClass}`);
+    return $button == null ? void 0 : $button.getAttribute('aria-controls');
+  }
+  storeState($section, isExpanded) {
+    if (!this.config.rememberExpanded) {
+      return;
+    }
+    const id = this.getIdentifier($section);
+    if (id) {
+      try {
+        window.sessionStorage.setItem(id, isExpanded.toString());
+      } catch (_unused) {}
+    }
+  }
+  setInitialState($section) {
+    if (!this.config.rememberExpanded) {
+      return;
+    }
+    const id = this.getIdentifier($section);
+    if (id) {
+      try {
+        const state = window.sessionStorage.getItem(id);
+        if (state !== null) {
+          this.setExpanded(state === 'true', $section);
+        }
+      } catch (_unused2) {}
+    }
+  }
+  getButtonPunctuationEl() {
+    const $punctuationEl = document.createElement('span');
+    $punctuationEl.classList.add('govuk-visually-hidden', this.sectionHeadingDividerClass);
+    $punctuationEl.textContent = ', ';
+    return $punctuationEl;
+  }
+}
+
+/**
+ * Accordion config
+ *
+ * @see {@link Accordion.defaults}
+ * @typedef {object} AccordionConfig
+ * @property {AccordionTranslations} [i18n=Accordion.defaults.i18n] - Accordion translations
+ * @property {boolean} [rememberExpanded] - Whether the expanded and collapsed
+ *   state of each section is remembered and restored when navigating.
+ */
+
+/**
+ * Accordion translations
+ *
+ * @see {@link Accordion.defaults.i18n}
+ * @typedef {object} AccordionTranslations
+ *
+ * Messages used by the component for the labels of its buttons. This includes
+ * the visible text shown on screen, and text to help assistive technology users
+ * for the buttons toggling each section.
+ * @property {string} [hideAllSections] - The text content for the 'Hide all
+ *   sections' button, used when at least one section is expanded.
+ * @property {string} [hideSection] - The text content for the 'Hide'
+ *   button, used when a section is expanded.
+ * @property {string} [hideSectionAriaLabel] - The text content appended to the
+ *   'Hide' button's accessible name when a section is expanded.
+ * @property {string} [showAllSections] - The text content for the 'Show all
+ *   sections' button, used when all sections are collapsed.
+ * @property {string} [showSection] - The text content for the 'Show'
+ *   button, used when a section is collapsed.
+ * @property {string} [showSectionAriaLabel] - The text content appended to the
+ *   'Show' button's accessible name when a section is expanded.
+ */
+
+/**
+ * @import { Schema } from '../../common/configuration.mjs'
+ */
+Accordion.moduleName = 'govuk-accordion';
+Accordion.defaults = Object.freeze({
+  i18n: {
+    hideAllSections: 'Hide all sections',
+    hideSection: 'Hide',
+    hideSectionAriaLabel: 'Hide this section',
+    showAllSections: 'Show all sections',
+    showSection: 'Show',
+    showSectionAriaLabel: 'Show this section'
+  },
+  rememberExpanded: true
+});
+Accordion.schema = Object.freeze({
+  properties: {
+    i18n: {
+      type: 'object'
+    },
+    rememberExpanded: {
+      type: 'boolean'
+    }
+  }
+});
+
+export { Accordion };
+//# sourceMappingURL=accordion.mjs.map
diff --git a/app/templates/govuk/components/components/accordion/accordion.mjs.map b/app/templates/govuk/components/components/accordion/accordion.mjs.map
new file mode 100644
index 0000000..4ccfd8e
--- /dev/null
+++ b/app/templates/govuk/components/components/accordion/accordion.mjs.map
@@ -0,0 +1 @@
+{"version":3,"file":"accordion.mjs","sources":["../../../../src/govuk/components/accordion/accordion.mjs"],"sourcesContent":["import { ConfigurableComponent } from '../../common/configuration.mjs'\nimport { ElementError } from '../../errors/index.mjs'\nimport { I18n } from '../../i18n.mjs'\n\n/**\n * Accordion component\n *\n * This allows a collection of sections to be collapsed by default, showing only\n * their headers. Sections can be expanded or collapsed individually by clicking\n * their headers. A \"Show all sections\" button is also added to the top of the\n * accordion, which switches to \"Hide all sections\" when all the sections are\n * expanded.\n *\n * The state of each section is saved to the DOM via the `aria-expanded`\n * attribute, which also provides accessibility.\n *\n * @preserve\n * @augments ConfigurableComponent<AccordionConfig>\n */\nexport class Accordion extends ConfigurableComponent {\n  /** @private */\n  i18n\n\n  /** @private */\n  controlsClass = 'govuk-accordion__controls'\n\n  /** @private */\n  showAllClass = 'govuk-accordion__show-all'\n\n  /** @private */\n  showAllTextClass = 'govuk-accordion__show-all-text'\n\n  /** @private */\n  sectionClass = 'govuk-accordion__section'\n\n  /** @private */\n  sectionExpandedClass = 'govuk-accordion__section--expanded'\n\n  /** @private */\n  sectionButtonClass = 'govuk-accordion__section-button'\n\n  /** @private */\n  sectionHeaderClass = 'govuk-accordion__section-header'\n\n  /** @private */\n  sectionHeadingClass = 'govuk-accordion__section-heading'\n\n  /** @private */\n  sectionHeadingDividerClass = 'govuk-accordion__section-heading-divider'\n\n  /** @private */\n  sectionHeadingTextClass = 'govuk-accordion__section-heading-text'\n\n  /** @private */\n  sectionHeadingTextFocusClass = 'govuk-accordion__section-heading-text-focus'\n\n  /** @private */\n  sectionShowHideToggleClass = 'govuk-accordion__section-toggle'\n\n  /** @private */\n  sectionShowHideToggleFocusClass = 'govuk-accordion__section-toggle-focus'\n\n  /** @private */\n  sectionShowHideTextClass = 'govuk-accordion__section-toggle-text'\n\n  /** @private */\n  upChevronIconClass = 'govuk-accordion-nav__chevron'\n\n  /** @private */\n  downChevronIconClass = 'govuk-accordion-nav__chevron--down'\n\n  /** @private */\n  sectionSummaryClass = 'govuk-accordion__section-summary'\n\n  /** @private */\n  sectionSummaryFocusClass = 'govuk-accordion__section-summary-focus'\n\n  /** @private */\n  sectionContentClass = 'govuk-accordion__section-content'\n\n  /** @private */\n  $sections\n\n  /**\n   * @private\n   * @type {HTMLButtonElement | null}\n   */\n  $showAllButton = null\n\n  /**\n   * @private\n   * @type {HTMLElement | null}\n   */\n  $showAllIcon = null\n\n  /**\n   * @private\n   * @type {HTMLElement | null}\n   */\n  $showAllText = null\n\n  /**\n   * @param {Element | null} $root - HTML element to use for accordion\n   * @param {AccordionConfig} [config] - Accordion config\n   */\n  constructor($root, config = {}) {\n    super($root, config)\n\n    this.i18n = new I18n(this.config.i18n)\n\n    const $sections = this.$root.querySelectorAll(`.${this.sectionClass}`)\n    if (!$sections.length) {\n      throw new ElementError({\n        component: Accordion,\n        identifier: `Sections (\\`<div class=\"${this.sectionClass}\">\\`)`\n      })\n    }\n\n    this.$sections = $sections\n\n    this.initControls()\n    this.initSectionHeaders()\n\n    this.updateShowAllButton(this.areAllSectionsOpen())\n  }\n\n  /**\n   * Initialise controls and set attributes\n   *\n   * @private\n   */\n  initControls() {\n    // Create \"Show all\" button and set attributes\n    this.$showAllButton = document.createElement('button')\n    this.$showAllButton.setAttribute('type', 'button')\n    this.$showAllButton.setAttribute('class', this.showAllClass)\n    this.$showAllButton.setAttribute('aria-expanded', 'false')\n\n    // Create icon, add to element\n    this.$showAllIcon = document.createElement('span')\n    this.$showAllIcon.classList.add(this.upChevronIconClass)\n    this.$showAllButton.appendChild(this.$showAllIcon)\n\n    // Create control wrapper and add controls to it\n    const $accordionControls = document.createElement('div')\n    $accordionControls.setAttribute('class', this.controlsClass)\n    $accordionControls.appendChild(this.$showAllButton)\n    this.$root.insertBefore($accordionControls, this.$root.firstChild)\n\n    // Build additional wrapper for Show all toggle text and place after icon\n    this.$showAllText = document.createElement('span')\n    this.$showAllText.classList.add(this.showAllTextClass)\n    this.$showAllButton.appendChild(this.$showAllText)\n\n    // Handle click events on the show/hide all button\n    this.$showAllButton.addEventListener('click', () =>\n      this.onShowOrHideAllToggle()\n    )\n\n    // Handle 'beforematch' events, if the user agent supports them\n    if ('onbeforematch' in document) {\n      document.addEventListener('beforematch', (event) =>\n        this.onBeforeMatch(event)\n      )\n    }\n  }\n\n  /**\n   * Initialise section headers\n   *\n   * @private\n   */\n  initSectionHeaders() {\n    this.$sections.forEach(($section, i) => {\n      const $header = $section.querySelector(`.${this.sectionHeaderClass}`)\n      if (!$header) {\n        throw new ElementError({\n          component: Accordion,\n          identifier: `Section headers (\\`<div class=\"${this.sectionHeaderClass}\">\\`)`\n        })\n      }\n\n      // Set header attributes\n      this.constructHeaderMarkup($header, i)\n      this.setExpanded(this.isExpanded($section), $section)\n\n      // Handle events\n      $header.addEventListener('click', () => this.onSectionToggle($section))\n\n      // See if there is any state stored in sessionStorage and set the sections\n      // to open or closed.\n      this.setInitialState($section)\n    })\n  }\n\n  /**\n   * Construct section header\n   *\n   * @private\n   * @param {Element} $header - Section header\n   * @param {number} index - Section index\n   */\n  constructHeaderMarkup($header, index) {\n    const $span = $header.querySelector(`.${this.sectionButtonClass}`)\n    const $heading = $header.querySelector(`.${this.sectionHeadingClass}`)\n    const $summary = $header.querySelector(`.${this.sectionSummaryClass}`)\n\n    if (!$heading) {\n      throw new ElementError({\n        component: Accordion,\n        identifier: `Section heading (\\`.${this.sectionHeadingClass}\\`)`\n      })\n    }\n\n    if (!$span) {\n      throw new ElementError({\n        component: Accordion,\n        identifier: `Section button placeholder (\\`<span class=\"${this.sectionButtonClass}\">\\`)`\n      })\n    }\n\n    // Create a button element that will replace the\n    // '.govuk-accordion__section-button' span\n    const $button = document.createElement('button')\n    $button.setAttribute('type', 'button')\n    $button.setAttribute(\n      'aria-controls',\n      `${this.$root.id}-content-${index + 1}`\n    )\n\n    // Copy all attributes from $span to $button (except `id`, which gets added\n    // to the `$headingText` element)\n    for (const attr of Array.from($span.attributes)) {\n      if (attr.name !== 'id') {\n        $button.setAttribute(attr.name, attr.value)\n      }\n    }\n\n    // Create container for heading text so it can be styled\n    const $headingText = document.createElement('span')\n    $headingText.classList.add(this.sectionHeadingTextClass)\n    // Copy the span ID to the heading text to allow it to be referenced by\n    // `aria-labelledby` on the hidden content area without \"Show this section\"\n    $headingText.id = $span.id\n\n    // Create an inner heading text container to limit the width of the focus\n    // state\n    const $headingTextFocus = document.createElement('span')\n    $headingTextFocus.classList.add(this.sectionHeadingTextFocusClass)\n    $headingText.appendChild($headingTextFocus)\n    // span could contain HTML elements\n    // (see https://www.w3.org/TR/2011/WD-html5-20110525/content-models.html#phrasing-content)\n    Array.from($span.childNodes).forEach(($child) =>\n      $headingTextFocus.appendChild($child)\n    )\n\n    // Create container for show / hide icons and text.\n    const $showHideToggle = document.createElement('span')\n    $showHideToggle.classList.add(this.sectionShowHideToggleClass)\n    // Tell Google not to index the 'show' text as part of the heading. Must be\n    // set on the element before it's added to the DOM.\n    // See https://developers.google.com/search/docs/advanced/robots/robots_meta_tag#data-nosnippet-attr\n    $showHideToggle.setAttribute('data-nosnippet', '')\n    // Create an inner container to limit the width of the focus state\n    const $showHideToggleFocus = document.createElement('span')\n    $showHideToggleFocus.classList.add(this.sectionShowHideToggleFocusClass)\n    $showHideToggle.appendChild($showHideToggleFocus)\n    // Create wrapper for the show / hide text. Append text after the show/hide icon\n    const $showHideText = document.createElement('span')\n    const $showHideIcon = document.createElement('span')\n    $showHideIcon.classList.add(this.upChevronIconClass)\n    $showHideToggleFocus.appendChild($showHideIcon)\n    $showHideText.classList.add(this.sectionShowHideTextClass)\n    $showHideToggleFocus.appendChild($showHideText)\n\n    // Append elements to the button:\n    // 1. Heading text\n    // 2. Punctuation\n    // 3. (Optional: Summary line followed by punctuation)\n    // 4. Show / hide toggle\n    $button.appendChild($headingText)\n    $button.appendChild(this.getButtonPunctuationEl())\n\n    // If summary content exists add to DOM in correct order\n    if ($summary) {\n      // Create a new `span` element and copy the summary line content from the\n      // original `div` to the new `span`. This is because the summary line text\n      // is now inside a button element, which can only contain phrasing\n      // content.\n      const $summarySpan = document.createElement('span')\n      // Create an inner summary container to limit the width of the summary\n      // focus state\n      const $summarySpanFocus = document.createElement('span')\n      $summarySpanFocus.classList.add(this.sectionSummaryFocusClass)\n      $summarySpan.appendChild($summarySpanFocus)\n\n      // Get original attributes, and pass them to the replacement\n      for (const attr of Array.from($summary.attributes)) {\n        $summarySpan.setAttribute(attr.name, attr.value)\n      }\n\n      // Copy original contents of summary to the new summary span\n      Array.from($summary.childNodes).forEach(($child) =>\n        $summarySpanFocus.appendChild($child)\n      )\n\n      // Replace the original summary `div` with the new summary `span`\n      $summary.remove()\n\n      $button.appendChild($summarySpan)\n      $button.appendChild(this.getButtonPunctuationEl())\n    }\n\n    $button.appendChild($showHideToggle)\n\n    $heading.removeChild($span)\n    $heading.appendChild($button)\n  }\n\n  /**\n   * When a section is opened by the user agent via the 'beforematch' event\n   *\n   * @private\n   * @param {Event} event - Generic event\n   */\n  onBeforeMatch(event) {\n    const $fragment = event.target\n\n    // Handle elements with `.closest()` support only\n    if (!($fragment instanceof Element)) {\n      return\n    }\n\n    // Handle when fragment is inside section\n    const $section = $fragment.closest(`.${this.sectionClass}`)\n    if ($section) {\n      this.setExpanded(true, $section)\n    }\n  }\n\n  /**\n   * When section toggled, set and store state\n   *\n   * @private\n   * @param {Element} $section - Section element\n   */\n  onSectionToggle($section) {\n    const nowExpanded = !this.isExpanded($section)\n    this.setExpanded(nowExpanded, $section)\n\n    // Store the state in sessionStorage when a change is triggered\n    this.storeState($section, nowExpanded)\n  }\n\n  /**\n   * When Open/Close All toggled, set and store state\n   *\n   * @private\n   */\n  onShowOrHideAllToggle() {\n    const nowExpanded = !this.areAllSectionsOpen()\n\n    this.$sections.forEach(($section) => {\n      this.setExpanded(nowExpanded, $section)\n      this.storeState($section, nowExpanded)\n    })\n\n    this.updateShowAllButton(nowExpanded)\n  }\n\n  /**\n   * Set section attributes when opened/closed\n   *\n   * @private\n   * @param {boolean} expanded - Section expanded\n   * @param {Element} $section - Section element\n   */\n  setExpanded(expanded, $section) {\n    const $showHideIcon = $section.querySelector(`.${this.upChevronIconClass}`)\n    const $showHideText = $section.querySelector(\n      `.${this.sectionShowHideTextClass}`\n    )\n    const $button = $section.querySelector(`.${this.sectionButtonClass}`)\n    const $content = $section.querySelector(`.${this.sectionContentClass}`)\n\n    if (!$content) {\n      throw new ElementError({\n        component: Accordion,\n        identifier: `Section content (\\`<div class=\"${this.sectionContentClass}\">\\`)`\n      })\n    }\n\n    if (!$showHideIcon || !$showHideText || !$button) {\n      // Return early for elements we create\n      return\n    }\n\n    const newButtonText = expanded\n      ? this.i18n.t('hideSection')\n      : this.i18n.t('showSection')\n\n    $showHideText.textContent = newButtonText\n    $button.setAttribute('aria-expanded', `${expanded}`)\n\n    // Update aria-label combining\n    const ariaLabelParts = []\n\n    const $headingText = $section.querySelector(\n      `.${this.sectionHeadingTextClass}`\n    )\n    if ($headingText) {\n      ariaLabelParts.push($headingText.textContent.trim())\n    }\n\n    const $summary = $section.querySelector(`.${this.sectionSummaryClass}`)\n    if ($summary) {\n      ariaLabelParts.push($summary.textContent.trim())\n    }\n\n    const ariaLabelMessage = expanded\n      ? this.i18n.t('hideSectionAriaLabel')\n      : this.i18n.t('showSectionAriaLabel')\n    ariaLabelParts.push(ariaLabelMessage)\n\n    /*\n     * Join with a comma to add pause for assistive technology.\n     * Example: [heading]Section A ,[pause] Show this section.\n     * https://accessibility.blog.gov.uk/2017/12/18/what-working-on-gov-uk-navigation-taught-us-about-accessibility/\n     */\n    $button.setAttribute('aria-label', ariaLabelParts.join(' , '))\n\n    // Swap icon, change class\n    if (expanded) {\n      $content.removeAttribute('hidden')\n      $section.classList.add(this.sectionExpandedClass)\n      $showHideIcon.classList.remove(this.downChevronIconClass)\n    } else {\n      $content.setAttribute('hidden', 'until-found')\n      $section.classList.remove(this.sectionExpandedClass)\n      $showHideIcon.classList.add(this.downChevronIconClass)\n    }\n\n    // See if \"Show all sections\" button text should be updated\n    this.updateShowAllButton(this.areAllSectionsOpen())\n  }\n\n  /**\n   * Get state of section\n   *\n   * @private\n   * @param {Element} $section - Section element\n   * @returns {boolean} True if expanded\n   */\n  isExpanded($section) {\n    return $section.classList.contains(this.sectionExpandedClass)\n  }\n\n  /**\n   * Check if all sections are open\n   *\n   * @private\n   * @returns {boolean} True if all sections are open\n   */\n  areAllSectionsOpen() {\n    return Array.from(this.$sections).every(($section) =>\n      this.isExpanded($section)\n    )\n  }\n\n  /**\n   * Update \"Show all sections\" button\n   *\n   * @private\n   * @param {boolean} expanded - Section expanded\n   */\n  updateShowAllButton(expanded) {\n    if (!this.$showAllButton || !this.$showAllText || !this.$showAllIcon) {\n      return\n    }\n\n    this.$showAllButton.setAttribute('aria-expanded', expanded.toString())\n    this.$showAllText.textContent = expanded\n      ? this.i18n.t('hideAllSections')\n      : this.i18n.t('showAllSections')\n    this.$showAllIcon.classList.toggle(this.downChevronIconClass, !expanded)\n  }\n\n  /**\n   * Get the identifier for a section\n   *\n   * We need a unique way of identifying each content in the Accordion.\n   * Since an `#id` should be unique and an `id` is required for `aria-`\n   * attributes `id` can be safely used.\n   *\n   * @param {Element} $section - Section element\n   * @returns {string | undefined | null} Identifier for section\n   */\n  getIdentifier($section) {\n    const $button = $section.querySelector(`.${this.sectionButtonClass}`)\n\n    return $button?.getAttribute('aria-controls')\n  }\n\n  /**\n   * Set the state of the accordions in sessionStorage\n   *\n   * @private\n   * @param {Element} $section - Section element\n   * @param {boolean} isExpanded - Whether the section is expanded\n   */\n  storeState($section, isExpanded) {\n    if (!this.config.rememberExpanded) {\n      return\n    }\n\n    const id = this.getIdentifier($section)\n\n    if (id) {\n      try {\n        window.sessionStorage.setItem(id, isExpanded.toString())\n      } catch {}\n    }\n  }\n\n  /**\n   * Read the state of the accordions from sessionStorage\n   *\n   * @private\n   * @param {Element} $section - Section element\n   */\n  setInitialState($section) {\n    if (!this.config.rememberExpanded) {\n      return\n    }\n\n    const id = this.getIdentifier($section)\n\n    if (id) {\n      try {\n        const state = window.sessionStorage.getItem(id)\n\n        if (state !== null) {\n          this.setExpanded(state === 'true', $section)\n        }\n      } catch {}\n    }\n  }\n\n  /**\n   * Create an element to improve semantics of the section button with\n   * punctuation\n   *\n   * Adding punctuation to the button can also improve its general semantics by\n   * dividing its contents into thematic chunks. See\n   * https://github.com/alphagov/govuk-frontend/issues/2327#issuecomment-922957442\n   *\n   * @private\n   * @returns {Element} DOM element\n   */\n  getButtonPunctuationEl() {\n    const $punctuationEl = document.createElement('span')\n    $punctuationEl.classList.add(\n      'govuk-visually-hidden',\n      this.sectionHeadingDividerClass\n    )\n    $punctuationEl.textContent = ', '\n    return $punctuationEl\n  }\n\n  /**\n   * Name for the component used when initialising using data-module attributes.\n   */\n  static moduleName = 'govuk-accordion'\n\n  /**\n   * Accordion default config\n   *\n   * @see {@link AccordionConfig}\n   * @constant\n   * @type {AccordionConfig}\n   */\n  static defaults = Object.freeze({\n    i18n: {\n      hideAllSections: 'Hide all sections',\n      hideSection: 'Hide',\n      hideSectionAriaLabel: 'Hide this section',\n      showAllSections: 'Show all sections',\n      showSection: 'Show',\n      showSectionAriaLabel: 'Show this section'\n    },\n    rememberExpanded: true\n  })\n\n  /**\n   * Accordion config schema\n   *\n   * @constant\n   * @satisfies {Schema<AccordionConfig>}\n   */\n  static schema = Object.freeze({\n    properties: {\n      i18n: { type: 'object' },\n      rememberExpanded: { type: 'boolean' }\n    }\n  })\n}\n\n/**\n * Accordion config\n *\n * @see {@link Accordion.defaults}\n * @typedef {object} AccordionConfig\n * @property {AccordionTranslations} [i18n=Accordion.defaults.i18n] - Accordion translations\n * @property {boolean} [rememberExpanded] - Whether the expanded and collapsed\n *   state of each section is remembered and restored when navigating.\n */\n\n/**\n * Accordion translations\n *\n * @see {@link Accordion.defaults.i18n}\n * @typedef {object} AccordionTranslations\n *\n * Messages used by the component for the labels of its buttons. This includes\n * the visible text shown on screen, and text to help assistive technology users\n * for the buttons toggling each section.\n * @property {string} [hideAllSections] - The text content for the 'Hide all\n *   sections' button, used when at least one section is expanded.\n * @property {string} [hideSection] - The text content for the 'Hide'\n *   button, used when a section is expanded.\n * @property {string} [hideSectionAriaLabel] - The text content appended to the\n *   'Hide' button's accessible name when a section is expanded.\n * @property {string} [showAllSections] - The text content for the 'Show all\n *   sections' button, used when all sections are collapsed.\n * @property {string} [showSection] - The text content for the 'Show'\n *   button, used when a section is collapsed.\n * @property {string} [showSectionAriaLabel] - The text content appended to the\n *   'Show' button's accessible name when a section is expanded.\n */\n\n/**\n * @import { Schema } from '../../common/configuration.mjs'\n */\n"],"names":["Accordion","ConfigurableComponent","constructor","$root","config","i18n","controlsClass","showAllClass","showAllTextClass","sectionClass","sectionExpandedClass","sectionButtonClass","sectionHeaderClass","sectionHeadingClass","sectionHeadingDividerClass","sectionHeadingTextClass","sectionHeadingTextFocusClass","sectionShowHideToggleClass","sectionShowHideToggleFocusClass","sectionShowHideTextClass","upChevronIconClass","downChevronIconClass","sectionSummaryClass","sectionSummaryFocusClass","sectionContentClass","$sections","$showAllButton","$showAllIcon","$showAllText","I18n","querySelectorAll","length","ElementError","component","identifier","initControls","initSectionHeaders","updateShowAllButton","areAllSectionsOpen","document","createElement","setAttribute","classList","add","appendChild","$accordionControls","insertBefore","firstChild","addEventListener","onShowOrHideAllToggle","event","onBeforeMatch","forEach","$section","i","$header","querySelector","constructHeaderMarkup","setExpanded","isExpanded","onSectionToggle","setInitialState","index","$span","$heading","$summary","$button","id","attr","Array","from","attributes","name","value","$headingText","$headingTextFocus","childNodes","$child","$showHideToggle","$showHideToggleFocus","$showHideText","$showHideIcon","getButtonPunctuationEl","$summarySpan","$summarySpanFocus","remove","removeChild","$fragment","target","Element","closest","nowExpanded","storeState","expanded","$content","newButtonText","t","textContent","ariaLabelParts","push","trim","ariaLabelMessage","join","removeAttribute","contains","every","toString","toggle","getIdentifier","getAttribute","rememberExpanded","window","sessionStorage","setItem","_unused","state","getItem","_unused2","$punctuationEl","moduleName","defaults","Object","freeze","hideAllSections","hideSection","hideSectionAriaLabel","showAllSections","showSection","showSectionAriaLabel","schema","properties","type"],"mappings":";;;;AAIA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMA,SAAS,SAASC,qBAAqB,CAAC;AAkFnD;AACF;AACA;AACA;AACEC,EAAAA,WAAWA,CAACC,KAAK,EAAEC,MAAM,GAAG,EAAE,EAAE;AAC9B,IAAA,KAAK,CAACD,KAAK,EAAEC,MAAM,CAAC;AAAA,IAAA,IAAA,CArFtBC,IAAI,GAAA,MAAA;IAAA,IAAA,CAGJC,aAAa,GAAG,2BAA2B;IAAA,IAAA,CAG3CC,YAAY,GAAG,2BAA2B;IAAA,IAAA,CAG1CC,gBAAgB,GAAG,gCAAgC;IAAA,IAAA,CAGnDC,YAAY,GAAG,0BAA0B;IAAA,IAAA,CAGzCC,oBAAoB,GAAG,oCAAoC;IAAA,IAAA,CAG3DC,kBAAkB,GAAG,iCAAiC;IAAA,IAAA,CAGtDC,kBAAkB,GAAG,iCAAiC;IAAA,IAAA,CAGtDC,mBAAmB,GAAG,kCAAkC;IAAA,IAAA,CAGxDC,0BAA0B,GAAG,0CAA0C;IAAA,IAAA,CAGvEC,uBAAuB,GAAG,uCAAuC;IAAA,IAAA,CAGjEC,4BAA4B,GAAG,6CAA6C;IAAA,IAAA,CAG5EC,0BAA0B,GAAG,iCAAiC;IAAA,IAAA,CAG9DC,+BAA+B,GAAG,uCAAuC;IAAA,IAAA,CAGzEC,wBAAwB,GAAG,sCAAsC;IAAA,IAAA,CAGjEC,kBAAkB,GAAG,8BAA8B;IAAA,IAAA,CAGnDC,oBAAoB,GAAG,oCAAoC;IAAA,IAAA,CAG3DC,mBAAmB,GAAG,kCAAkC;IAAA,IAAA,CAGxDC,wBAAwB,GAAG,wCAAwC;IAAA,IAAA,CAGnEC,mBAAmB,GAAG,kCAAkC;AAAA,IAAA,IAAA,CAGxDC,SAAS,GAAA,MAAA;IAAA,IAAA,CAMTC,cAAc,GAAG,IAAI;IAAA,IAAA,CAMrBC,YAAY,GAAG,IAAI;IAAA,IAAA,CAMnBC,YAAY,GAAG,IAAI;IASjB,IAAI,CAACvB,IAAI,GAAG,IAAIwB,IAAI,CAAC,IAAI,CAACzB,MAAM,CAACC,IAAI,CAAC;AAEtC,IAAA,MAAMoB,SAAS,GAAG,IAAI,CAACtB,KAAK,CAAC2B,gBAAgB,CAAC,CAAA,CAAA,EAAI,IAAI,CAACrB,YAAY,EAAE,CAAC;AACtE,IAAA,IAAI,CAACgB,SAAS,CAACM,MAAM,EAAE;MACrB,MAAM,IAAIC,YAAY,CAAC;AACrBC,QAAAA,SAAS,EAAEjC,SAAS;AACpBkC,QAAAA,UAAU,EAAE,CAAA,wBAAA,EAA2B,IAAI,CAACzB,YAAY,CAAA,KAAA;AAC1D,OAAC,CAAC;AACJ,IAAA;IAEA,IAAI,CAACgB,SAAS,GAAGA,SAAS;IAE1B,IAAI,CAACU,YAAY,EAAE;IACnB,IAAI,CAACC,kBAAkB,EAAE;IAEzB,IAAI,CAACC,mBAAmB,CAAC,IAAI,CAACC,kBAAkB,EAAE,CAAC;AACrD,EAAA;AAOAH,EAAAA,YAAYA,GAAG;IAEb,IAAI,CAACT,cAAc,GAAGa,QAAQ,CAACC,aAAa,CAAC,QAAQ,CAAC;IACtD,IAAI,CAACd,cAAc,CAACe,YAAY,CAAC,MAAM,EAAE,QAAQ,CAAC;IAClD,IAAI,CAACf,cAAc,CAACe,YAAY,CAAC,OAAO,EAAE,IAAI,CAAClC,YAAY,CAAC;IAC5D,IAAI,CAACmB,cAAc,CAACe,YAAY,CAAC,eAAe,EAAE,OAAO,CAAC;IAG1D,IAAI,CAACd,YAAY,GAAGY,QAAQ,CAACC,aAAa,CAAC,MAAM,CAAC;IAClD,IAAI,CAACb,YAAY,CAACe,SAAS,CAACC,GAAG,CAAC,IAAI,CAACvB,kBAAkB,CAAC;IACxD,IAAI,CAACM,cAAc,CAACkB,WAAW,CAAC,IAAI,CAACjB,YAAY,CAAC;AAGlD,IAAA,MAAMkB,kBAAkB,GAAGN,QAAQ,CAACC,aAAa,CAAC,KAAK,CAAC;IACxDK,kBAAkB,CAACJ,YAAY,CAAC,OAAO,EAAE,IAAI,CAACnC,aAAa,CAAC;AAC5DuC,IAAAA,kBAAkB,CAACD,WAAW,CAAC,IAAI,CAAClB,cAAc,CAAC;AACnD,IAAA,IAAI,CAACvB,KAAK,CAAC2C,YAAY,CAACD,kBAAkB,EAAE,IAAI,CAAC1C,KAAK,CAAC4C,UAAU,CAAC;IAGlE,IAAI,CAACnB,YAAY,GAAGW,QAAQ,CAACC,aAAa,CAAC,MAAM,CAAC;IAClD,IAAI,CAACZ,YAAY,CAACc,SAAS,CAACC,GAAG,CAAC,IAAI,CAACnC,gBAAgB,CAAC;IACtD,IAAI,CAACkB,cAAc,CAACkB,WAAW,CAAC,IAAI,CAAChB,YAAY,CAAC;AAGlD,IAAA,IAAI,CAACF,cAAc,CAACsB,gBAAgB,CAAC,OAAO,EAAE,MAC5C,IAAI,CAACC,qBAAqB,EAC5B,CAAC;IAGD,IAAI,eAAe,IAAIV,QAAQ,EAAE;AAC/BA,MAAAA,QAAQ,CAACS,gBAAgB,CAAC,aAAa,EAAGE,KAAK,IAC7C,IAAI,CAACC,aAAa,CAACD,KAAK,CAC1B,CAAC;AACH,IAAA;AACF,EAAA;AAOAd,EAAAA,kBAAkBA,GAAG;IACnB,IAAI,CAACX,SAAS,CAAC2B,OAAO,CAAC,CAACC,QAAQ,EAAEC,CAAC,KAAK;MACtC,MAAMC,OAAO,GAAGF,QAAQ,CAACG,aAAa,CAAC,CAAA,CAAA,EAAI,IAAI,CAAC5C,kBAAkB,CAAA,CAAE,CAAC;MACrE,IAAI,CAAC2C,OAAO,EAAE;QACZ,MAAM,IAAIvB,YAAY,CAAC;AACrBC,UAAAA,SAAS,EAAEjC,SAAS;AACpBkC,UAAAA,UAAU,EAAE,CAAA,+BAAA,EAAkC,IAAI,CAACtB,kBAAkB,CAAA,KAAA;AACvE,SAAC,CAAC;AACJ,MAAA;AAGA,MAAA,IAAI,CAAC6C,qBAAqB,CAACF,OAAO,EAAED,CAAC,CAAC;MACtC,IAAI,CAACI,WAAW,CAAC,IAAI,CAACC,UAAU,CAACN,QAAQ,CAAC,EAAEA,QAAQ,CAAC;AAGrDE,MAAAA,OAAO,CAACP,gBAAgB,CAAC,OAAO,EAAE,MAAM,IAAI,CAACY,eAAe,CAACP,QAAQ,CAAC,CAAC;AAIvE,MAAA,IAAI,CAACQ,eAAe,CAACR,QAAQ,CAAC;AAChC,IAAA,CAAC,CAAC;AACJ,EAAA;AASAI,EAAAA,qBAAqBA,CAACF,OAAO,EAAEO,KAAK,EAAE;IACpC,MAAMC,KAAK,GAAGR,OAAO,CAACC,aAAa,CAAC,CAAA,CAAA,EAAI,IAAI,CAAC7C,kBAAkB,CAAA,CAAE,CAAC;IAClE,MAAMqD,QAAQ,GAAGT,OAAO,CAACC,aAAa,CAAC,CAAA,CAAA,EAAI,IAAI,CAAC3C,mBAAmB,CAAA,CAAE,CAAC;IACtE,MAAMoD,QAAQ,GAAGV,OAAO,CAACC,aAAa,CAAC,CAAA,CAAA,EAAI,IAAI,CAAClC,mBAAmB,CAAA,CAAE,CAAC;IAEtE,IAAI,CAAC0C,QAAQ,EAAE;MACb,MAAM,IAAIhC,YAAY,CAAC;AACrBC,QAAAA,SAAS,EAAEjC,SAAS;AACpBkC,QAAAA,UAAU,EAAE,CAAA,oBAAA,EAAuB,IAAI,CAACrB,mBAAmB,CAAA,GAAA;AAC7D,OAAC,CAAC;AACJ,IAAA;IAEA,IAAI,CAACkD,KAAK,EAAE;MACV,MAAM,IAAI/B,YAAY,CAAC;AACrBC,QAAAA,SAAS,EAAEjC,SAAS;AACpBkC,QAAAA,UAAU,EAAE,CAAA,2CAAA,EAA8C,IAAI,CAACvB,kBAAkB,CAAA,KAAA;AACnF,OAAC,CAAC;AACJ,IAAA;AAIA,IAAA,MAAMuD,OAAO,GAAG3B,QAAQ,CAACC,aAAa,CAAC,QAAQ,CAAC;AAChD0B,IAAAA,OAAO,CAACzB,YAAY,CAAC,MAAM,EAAE,QAAQ,CAAC;AACtCyB,IAAAA,OAAO,CAACzB,YAAY,CAClB,eAAe,EACf,GAAG,IAAI,CAACtC,KAAK,CAACgE,EAAE,CAAA,SAAA,EAAYL,KAAK,GAAG,CAAC,EACvC,CAAC;IAID,KAAK,MAAMM,IAAI,IAAIC,KAAK,CAACC,IAAI,CAACP,KAAK,CAACQ,UAAU,CAAC,EAAE;AAC/C,MAAA,IAAIH,IAAI,CAACI,IAAI,KAAK,IAAI,EAAE;QACtBN,OAAO,CAACzB,YAAY,CAAC2B,IAAI,CAACI,IAAI,EAAEJ,IAAI,CAACK,KAAK,CAAC;AAC7C,MAAA;AACF,IAAA;AAGA,IAAA,MAAMC,YAAY,GAAGnC,QAAQ,CAACC,aAAa,CAAC,MAAM,CAAC;IACnDkC,YAAY,CAAChC,SAAS,CAACC,GAAG,CAAC,IAAI,CAAC5B,uBAAuB,CAAC;AAGxD2D,IAAAA,YAAY,CAACP,EAAE,GAAGJ,KAAK,CAACI,EAAE;AAI1B,IAAA,MAAMQ,iBAAiB,GAAGpC,QAAQ,CAACC,aAAa,CAAC,MAAM,CAAC;IACxDmC,iBAAiB,CAACjC,SAAS,CAACC,GAAG,CAAC,IAAI,CAAC3B,4BAA4B,CAAC;AAClE0D,IAAAA,YAAY,CAAC9B,WAAW,CAAC+B,iBAAiB,CAAC;AAG3CN,IAAAA,KAAK,CAACC,IAAI,CAACP,KAAK,CAACa,UAAU,CAAC,CAACxB,OAAO,CAAEyB,MAAM,IAC1CF,iBAAiB,CAAC/B,WAAW,CAACiC,MAAM,CACtC,CAAC;AAGD,IAAA,MAAMC,eAAe,GAAGvC,QAAQ,CAACC,aAAa,CAAC,MAAM,CAAC;IACtDsC,eAAe,CAACpC,SAAS,CAACC,GAAG,CAAC,IAAI,CAAC1B,0BAA0B,CAAC;AAI9D6D,IAAAA,eAAe,CAACrC,YAAY,CAAC,gBAAgB,EAAE,EAAE,CAAC;AAElD,IAAA,MAAMsC,oBAAoB,GAAGxC,QAAQ,CAACC,aAAa,CAAC,MAAM,CAAC;IAC3DuC,oBAAoB,CAACrC,SAAS,CAACC,GAAG,CAAC,IAAI,CAACzB,+BAA+B,CAAC;AACxE4D,IAAAA,eAAe,CAAClC,WAAW,CAACmC,oBAAoB,CAAC;AAEjD,IAAA,MAAMC,aAAa,GAAGzC,QAAQ,CAACC,aAAa,CAAC,MAAM,CAAC;AACpD,IAAA,MAAMyC,aAAa,GAAG1C,QAAQ,CAACC,aAAa,CAAC,MAAM,CAAC;IACpDyC,aAAa,CAACvC,SAAS,CAACC,GAAG,CAAC,IAAI,CAACvB,kBAAkB,CAAC;AACpD2D,IAAAA,oBAAoB,CAACnC,WAAW,CAACqC,aAAa,CAAC;IAC/CD,aAAa,CAACtC,SAAS,CAACC,GAAG,CAAC,IAAI,CAACxB,wBAAwB,CAAC;AAC1D4D,IAAAA,oBAAoB,CAACnC,WAAW,CAACoC,aAAa,CAAC;AAO/Cd,IAAAA,OAAO,CAACtB,WAAW,CAAC8B,YAAY,CAAC;IACjCR,OAAO,CAACtB,WAAW,CAAC,IAAI,CAACsC,sBAAsB,EAAE,CAAC;AAGlD,IAAA,IAAIjB,QAAQ,EAAE;AAKZ,MAAA,MAAMkB,YAAY,GAAG5C,QAAQ,CAACC,aAAa,CAAC,MAAM,CAAC;AAGnD,MAAA,MAAM4C,iBAAiB,GAAG7C,QAAQ,CAACC,aAAa,CAAC,MAAM,CAAC;MACxD4C,iBAAiB,CAAC1C,SAAS,CAACC,GAAG,CAAC,IAAI,CAACpB,wBAAwB,CAAC;AAC9D4D,MAAAA,YAAY,CAACvC,WAAW,CAACwC,iBAAiB,CAAC;MAG3C,KAAK,MAAMhB,IAAI,IAAIC,KAAK,CAACC,IAAI,CAACL,QAAQ,CAACM,UAAU,CAAC,EAAE;QAClDY,YAAY,CAAC1C,YAAY,CAAC2B,IAAI,CAACI,IAAI,EAAEJ,IAAI,CAACK,KAAK,CAAC;AAClD,MAAA;AAGAJ,MAAAA,KAAK,CAACC,IAAI,CAACL,QAAQ,CAACW,UAAU,CAAC,CAACxB,OAAO,CAAEyB,MAAM,IAC7CO,iBAAiB,CAACxC,WAAW,CAACiC,MAAM,CACtC,CAAC;MAGDZ,QAAQ,CAACoB,MAAM,EAAE;AAEjBnB,MAAAA,OAAO,CAACtB,WAAW,CAACuC,YAAY,CAAC;MACjCjB,OAAO,CAACtB,WAAW,CAAC,IAAI,CAACsC,sBAAsB,EAAE,CAAC;AACpD,IAAA;AAEAhB,IAAAA,OAAO,CAACtB,WAAW,CAACkC,eAAe,CAAC;AAEpCd,IAAAA,QAAQ,CAACsB,WAAW,CAACvB,KAAK,CAAC;AAC3BC,IAAAA,QAAQ,CAACpB,WAAW,CAACsB,OAAO,CAAC;AAC/B,EAAA;EAQAf,aAAaA,CAACD,KAAK,EAAE;AACnB,IAAA,MAAMqC,SAAS,GAAGrC,KAAK,CAACsC,MAAM;AAG9B,IAAA,IAAI,EAAED,SAAS,YAAYE,OAAO,CAAC,EAAE;AACnC,MAAA;AACF,IAAA;IAGA,MAAMpC,QAAQ,GAAGkC,SAAS,CAACG,OAAO,CAAC,CAAA,CAAA,EAAI,IAAI,CAACjF,YAAY,CAAA,CAAE,CAAC;AAC3D,IAAA,IAAI4C,QAAQ,EAAE;AACZ,MAAA,IAAI,CAACK,WAAW,CAAC,IAAI,EAAEL,QAAQ,CAAC;AAClC,IAAA;AACF,EAAA;EAQAO,eAAeA,CAACP,QAAQ,EAAE;IACxB,MAAMsC,WAAW,GAAG,CAAC,IAAI,CAAChC,UAAU,CAACN,QAAQ,CAAC;AAC9C,IAAA,IAAI,CAACK,WAAW,CAACiC,WAAW,EAAEtC,QAAQ,CAAC;AAGvC,IAAA,IAAI,CAACuC,UAAU,CAACvC,QAAQ,EAAEsC,WAAW,CAAC;AACxC,EAAA;AAOA1C,EAAAA,qBAAqBA,GAAG;AACtB,IAAA,MAAM0C,WAAW,GAAG,CAAC,IAAI,CAACrD,kBAAkB,EAAE;AAE9C,IAAA,IAAI,CAACb,SAAS,CAAC2B,OAAO,CAAEC,QAAQ,IAAK;AACnC,MAAA,IAAI,CAACK,WAAW,CAACiC,WAAW,EAAEtC,QAAQ,CAAC;AACvC,MAAA,IAAI,CAACuC,UAAU,CAACvC,QAAQ,EAAEsC,WAAW,CAAC;AACxC,IAAA,CAAC,CAAC;AAEF,IAAA,IAAI,CAACtD,mBAAmB,CAACsD,WAAW,CAAC;AACvC,EAAA;AASAjC,EAAAA,WAAWA,CAACmC,QAAQ,EAAExC,QAAQ,EAAE;IAC9B,MAAM4B,aAAa,GAAG5B,QAAQ,CAACG,aAAa,CAAC,CAAA,CAAA,EAAI,IAAI,CAACpC,kBAAkB,CAAA,CAAE,CAAC;IAC3E,MAAM4D,aAAa,GAAG3B,QAAQ,CAACG,aAAa,CAC1C,CAAA,CAAA,EAAI,IAAI,CAACrC,wBAAwB,CAAA,CACnC,CAAC;IACD,MAAM+C,OAAO,GAAGb,QAAQ,CAACG,aAAa,CAAC,CAAA,CAAA,EAAI,IAAI,CAAC7C,kBAAkB,CAAA,CAAE,CAAC;IACrE,MAAMmF,QAAQ,GAAGzC,QAAQ,CAACG,aAAa,CAAC,CAAA,CAAA,EAAI,IAAI,CAAChC,mBAAmB,CAAA,CAAE,CAAC;IAEvE,IAAI,CAACsE,QAAQ,EAAE;MACb,MAAM,IAAI9D,YAAY,CAAC;AACrBC,QAAAA,SAAS,EAAEjC,SAAS;AACpBkC,QAAAA,UAAU,EAAE,CAAA,+BAAA,EAAkC,IAAI,CAACV,mBAAmB,CAAA,KAAA;AACxE,OAAC,CAAC;AACJ,IAAA;IAEA,IAAI,CAACyD,aAAa,IAAI,CAACD,aAAa,IAAI,CAACd,OAAO,EAAE;AAEhD,MAAA;AACF,IAAA;IAEA,MAAM6B,aAAa,GAAGF,QAAQ,GAC1B,IAAI,CAACxF,IAAI,CAAC2F,CAAC,CAAC,aAAa,CAAC,GAC1B,IAAI,CAAC3F,IAAI,CAAC2F,CAAC,CAAC,aAAa,CAAC;IAE9BhB,aAAa,CAACiB,WAAW,GAAGF,aAAa;IACzC7B,OAAO,CAACzB,YAAY,CAAC,eAAe,EAAE,CAAA,EAAGoD,QAAQ,EAAE,CAAC;IAGpD,MAAMK,cAAc,GAAG,EAAE;IAEzB,MAAMxB,YAAY,GAAGrB,QAAQ,CAACG,aAAa,CACzC,CAAA,CAAA,EAAI,IAAI,CAACzC,uBAAuB,CAAA,CAClC,CAAC;AACD,IAAA,IAAI2D,YAAY,EAAE;MAChBwB,cAAc,CAACC,IAAI,CAACzB,YAAY,CAACuB,WAAW,CAACG,IAAI,EAAE,CAAC;AACtD,IAAA;IAEA,MAAMnC,QAAQ,GAAGZ,QAAQ,CAACG,aAAa,CAAC,CAAA,CAAA,EAAI,IAAI,CAAClC,mBAAmB,CAAA,CAAE,CAAC;AACvE,IAAA,IAAI2C,QAAQ,EAAE;MACZiC,cAAc,CAACC,IAAI,CAAClC,QAAQ,CAACgC,WAAW,CAACG,IAAI,EAAE,CAAC;AAClD,IAAA;IAEA,MAAMC,gBAAgB,GAAGR,QAAQ,GAC7B,IAAI,CAACxF,IAAI,CAAC2F,CAAC,CAAC,sBAAsB,CAAC,GACnC,IAAI,CAAC3F,IAAI,CAAC2F,CAAC,CAAC,sBAAsB,CAAC;AACvCE,IAAAA,cAAc,CAACC,IAAI,CAACE,gBAAgB,CAAC;IAOrCnC,OAAO,CAACzB,YAAY,CAAC,YAAY,EAAEyD,cAAc,CAACI,IAAI,CAAC,KAAK,CAAC,CAAC;AAG9D,IAAA,IAAIT,QAAQ,EAAE;AACZC,MAAAA,QAAQ,CAACS,eAAe,CAAC,QAAQ,CAAC;MAClClD,QAAQ,CAACX,SAAS,CAACC,GAAG,CAAC,IAAI,CAACjC,oBAAoB,CAAC;MACjDuE,aAAa,CAACvC,SAAS,CAAC2C,MAAM,CAAC,IAAI,CAAChE,oBAAoB,CAAC;AAC3D,IAAA,CAAC,MAAM;AACLyE,MAAAA,QAAQ,CAACrD,YAAY,CAAC,QAAQ,EAAE,aAAa,CAAC;MAC9CY,QAAQ,CAACX,SAAS,CAAC2C,MAAM,CAAC,IAAI,CAAC3E,oBAAoB,CAAC;MACpDuE,aAAa,CAACvC,SAAS,CAACC,GAAG,CAAC,IAAI,CAACtB,oBAAoB,CAAC;AACxD,IAAA;IAGA,IAAI,CAACgB,mBAAmB,CAAC,IAAI,CAACC,kBAAkB,EAAE,CAAC;AACrD,EAAA;EASAqB,UAAUA,CAACN,QAAQ,EAAE;IACnB,OAAOA,QAAQ,CAACX,SAAS,CAAC8D,QAAQ,CAAC,IAAI,CAAC9F,oBAAoB,CAAC;AAC/D,EAAA;AAQA4B,EAAAA,kBAAkBA,GAAG;AACnB,IAAA,OAAO+B,KAAK,CAACC,IAAI,CAAC,IAAI,CAAC7C,SAAS,CAAC,CAACgF,KAAK,CAAEpD,QAAQ,IAC/C,IAAI,CAACM,UAAU,CAACN,QAAQ,CAC1B,CAAC;AACH,EAAA;EAQAhB,mBAAmBA,CAACwD,QAAQ,EAAE;AAC5B,IAAA,IAAI,CAAC,IAAI,CAACnE,cAAc,IAAI,CAAC,IAAI,CAACE,YAAY,IAAI,CAAC,IAAI,CAACD,YAAY,EAAE;AACpE,MAAA;AACF,IAAA;AAEA,IAAA,IAAI,CAACD,cAAc,CAACe,YAAY,CAAC,eAAe,EAAEoD,QAAQ,CAACa,QAAQ,EAAE,CAAC;IACtE,IAAI,CAAC9E,YAAY,CAACqE,WAAW,GAAGJ,QAAQ,GACpC,IAAI,CAACxF,IAAI,CAAC2F,CAAC,CAAC,iBAAiB,CAAC,GAC9B,IAAI,CAAC3F,IAAI,CAAC2F,CAAC,CAAC,iBAAiB,CAAC;AAClC,IAAA,IAAI,CAACrE,YAAY,CAACe,SAAS,CAACiE,MAAM,CAAC,IAAI,CAACtF,oBAAoB,EAAE,CAACwE,QAAQ,CAAC;AAC1E,EAAA;;AAEA;AACF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;EACEe,aAAaA,CAACvD,QAAQ,EAAE;IACtB,MAAMa,OAAO,GAAGb,QAAQ,CAACG,aAAa,CAAC,CAAA,CAAA,EAAI,IAAI,CAAC7C,kBAAkB,CAAA,CAAE,CAAC;AAErE,IAAA,OAAOuD,OAAO,IAAA,IAAA,GAAA,MAAA,GAAPA,OAAO,CAAE2C,YAAY,CAAC,eAAe,CAAC;AAC/C,EAAA;AASAjB,EAAAA,UAAUA,CAACvC,QAAQ,EAAEM,UAAU,EAAE;AAC/B,IAAA,IAAI,CAAC,IAAI,CAACvD,MAAM,CAAC0G,gBAAgB,EAAE;AACjC,MAAA;AACF,IAAA;AAEA,IAAA,MAAM3C,EAAE,GAAG,IAAI,CAACyC,aAAa,CAACvD,QAAQ,CAAC;AAEvC,IAAA,IAAIc,EAAE,EAAE;MACN,IAAI;AACF4C,QAAAA,MAAM,CAACC,cAAc,CAACC,OAAO,CAAC9C,EAAE,EAAER,UAAU,CAAC+C,QAAQ,EAAE,CAAC;AAC1D,MAAA,CAAC,CAAC,OAAAQ,OAAA,EAAM,CAAC;AACX,IAAA;AACF,EAAA;EAQArD,eAAeA,CAACR,QAAQ,EAAE;AACxB,IAAA,IAAI,CAAC,IAAI,CAACjD,MAAM,CAAC0G,gBAAgB,EAAE;AACjC,MAAA;AACF,IAAA;AAEA,IAAA,MAAM3C,EAAE,GAAG,IAAI,CAACyC,aAAa,CAACvD,QAAQ,CAAC;AAEvC,IAAA,IAAIc,EAAE,EAAE;MACN,IAAI;QACF,MAAMgD,KAAK,GAAGJ,MAAM,CAACC,cAAc,CAACI,OAAO,CAACjD,EAAE,CAAC;QAE/C,IAAIgD,KAAK,KAAK,IAAI,EAAE;UAClB,IAAI,CAACzD,WAAW,CAACyD,KAAK,KAAK,MAAM,EAAE9D,QAAQ,CAAC;AAC9C,QAAA;AACF,MAAA,CAAC,CAAC,OAAAgE,QAAA,EAAM,CAAC;AACX,IAAA;AACF,EAAA;AAaAnC,EAAAA,sBAAsBA,GAAG;AACvB,IAAA,MAAMoC,cAAc,GAAG/E,QAAQ,CAACC,aAAa,CAAC,MAAM,CAAC;IACrD8E,cAAc,CAAC5E,SAAS,CAACC,GAAG,CAC1B,uBAAuB,EACvB,IAAI,CAAC7B,0BACP,CAAC;IACDwG,cAAc,CAACrB,WAAW,GAAG,IAAI;AACjC,IAAA,OAAOqB,cAAc;AACvB,EAAA;AAsCF;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AA/mBatH,SAAS,CAyiBbuH,UAAU,GAAG,iBAAiB;AAziB1BvH,SAAS,CAkjBbwH,QAAQ,GAAGC,MAAM,CAACC,MAAM,CAAC;AAC9BrH,EAAAA,IAAI,EAAE;AACJsH,IAAAA,eAAe,EAAE,mBAAmB;AACpCC,IAAAA,WAAW,EAAE,MAAM;AACnBC,IAAAA,oBAAoB,EAAE,mBAAmB;AACzCC,IAAAA,eAAe,EAAE,mBAAmB;AACpCC,IAAAA,WAAW,EAAE,MAAM;AACnBC,IAAAA,oBAAoB,EAAE;GACvB;AACDlB,EAAAA,gBAAgB,EAAE;AACpB,CAAC,CAAC;AA5jBS9G,SAAS,CAokBbiI,MAAM,GAAGR,MAAM,CAACC,MAAM,CAAC;AAC5BQ,EAAAA,UAAU,EAAE;AACV7H,IAAAA,IAAI,EAAE;AAAE8H,MAAAA,IAAI,EAAE;KAAU;AACxBrB,IAAAA,gBAAgB,EAAE;AAAEqB,MAAAA,IAAI,EAAE;AAAU;AACtC;AACF,CAAC,CAAC;;;;"}
\ No newline at end of file
diff --git a/app/templates/govuk/components/components/accordion/fixtures.json b/app/templates/govuk/components/components/accordion/fixtures.json
new file mode 100644
index 0000000..332e00e
--- /dev/null
+++ b/app/templates/govuk/components/components/accordion/fixtures.json
@@ -0,0 +1,377 @@
+{
+    "component": "accordion",
+    "fixtures": [
+        {
+            "name": "default",
+            "options": {
+                "id": "default-example",
+                "items": [
+                    {
+                        "heading": {
+                            "text": "Section A"
+                        },
+                        "content": {
+                            "text": "We need to know your nationality so we can work out which elections you’re entitled to vote in. If you cannot provide your nationality, you’ll have to send copies of identity documents through the post."
+                        }
+                    },
+                    {
+                        "heading": {
+                            "text": "Section B"
+                        },
+                        "content": {
+                            "html": "<ul class=\"govuk-list govuk-list--bullet\">\n  <li>Example item 2</li>\n</ul>\n"
+                        }
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": {
+                "variants": [
+                    "default",
+                    "no-js"
+                ]
+            },
+            "html": "<div class=\"govuk-accordion\" data-module=\"govuk-accordion\" id=\"default-example\">\n  <div class=\"govuk-accordion__section\">\n    <div class=\"govuk-accordion__section-header\">\n      <h2 class=\"govuk-accordion__section-heading\">\n        <span class=\"govuk-accordion__section-button\" id=\"default-example-heading-1\">\n          Section A\n        </span>\n      </h2>\n    </div>\n    <div id=\"default-example-content-1\" class=\"govuk-accordion__section-content\">\n      <p class=\"govuk-body\">\n        We need to know your nationality so we can work out which elections you’re entitled to vote in. If you cannot provide your nationality, you’ll have to send copies of identity documents through the post.\n      </p>\n    </div>\n  </div>\n  <div class=\"govuk-accordion__section\">\n    <div class=\"govuk-accordion__section-header\">\n      <h2 class=\"govuk-accordion__section-heading\">\n        <span class=\"govuk-accordion__section-button\" id=\"default-example-heading-2\">\n          Section B\n        </span>\n      </h2>\n    </div>\n    <div id=\"default-example-content-2\" class=\"govuk-accordion__section-content\">\n      <ul class=\"govuk-list govuk-list--bullet\">\n        <li>Example item 2</li>\n      </ul>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "with additional descriptions",
+            "options": {
+                "id": "with-descriptions",
+                "items": [
+                    {
+                        "heading": {
+                            "text": "Test"
+                        },
+                        "summary": {
+                            "text": "Additional description"
+                        },
+                        "content": {
+                            "html": "<p class=\"govuk-body\">\n  We need to know your nationality so we can work out which elections you’re entitled to vote in. If you cannot provide your nationality, you’ll have to send copies of identity documents through the post.\n</p>\n<ul class=\"govuk-list govuk-list--bullet\">\n  <li>Example item 1</li>\n</ul>\n"
+                        }
+                    },
+                    {
+                        "heading": {
+                            "text": "Test 2"
+                        },
+                        "summary": {
+                            "html": "<span class=\"govuk-!-font-weight-regular\">Additional description (wrapped in span)</span>"
+                        },
+                        "content": {
+                            "html": "<ul class=\"govuk-list govuk-list--bullet\">\n  <li>Example item 2</li>\n</ul>\n"
+                        }
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-accordion\" data-module=\"govuk-accordion\" id=\"with-descriptions\">\n  <div class=\"govuk-accordion__section\">\n    <div class=\"govuk-accordion__section-header\">\n      <h2 class=\"govuk-accordion__section-heading\">\n        <span class=\"govuk-accordion__section-button\" id=\"with-descriptions-heading-1\">\n          Test\n        </span>\n      </h2>\n      <div class=\"govuk-accordion__section-summary govuk-body\" id=\"with-descriptions-summary-1\">\n        Additional description\n      </div>\n    </div>\n    <div id=\"with-descriptions-content-1\" class=\"govuk-accordion__section-content\">\n      <p class=\"govuk-body\">\n        We need to know your nationality so we can work out which elections you’re entitled to vote in. If you cannot provide your nationality, you’ll have to send copies of identity documents through the post.\n      </p>\n      <ul class=\"govuk-list govuk-list--bullet\">\n        <li>Example item 1</li>\n      </ul>\n    </div>\n  </div>\n  <div class=\"govuk-accordion__section\">\n    <div class=\"govuk-accordion__section-header\">\n      <h2 class=\"govuk-accordion__section-heading\">\n        <span class=\"govuk-accordion__section-button\" id=\"with-descriptions-heading-2\">\n          Test 2\n        </span>\n      </h2>\n      <div class=\"govuk-accordion__section-summary govuk-body\" id=\"with-descriptions-summary-2\">\n        <span class=\"govuk-!-font-weight-regular\">Additional description (wrapped in span)</span>\n      </div>\n    </div>\n    <div id=\"with-descriptions-content-2\" class=\"govuk-accordion__section-content\">\n      <ul class=\"govuk-list govuk-list--bullet\">\n        <li>Example item 2</li>\n      </ul>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "with long content and description",
+            "options": {
+                "id": "with-long-content-and-description",
+                "items": [
+                    {
+                        "heading": {
+                            "text": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc quis tortor porttitor."
+                        },
+                        "summary": {
+                            "text": "Etiam diam dui, tempus ut pharetra in, aliquet non dui. Nunc pulvinar maximus tortor, ac finibus augue congue vitae. Donec sed cursus lorem."
+                        },
+                        "content": {
+                            "html": "<ul class=\"govuk-list govuk-list--bullet\">\n  <li>Example item 1</li>\n</ul>\n"
+                        }
+                    },
+                    {
+                        "heading": {
+                            "text": "Praesent faucibus leo feugiat libero pharetra lacinia. Aliquam aliquet ante vitae mollis vestibulum."
+                        },
+                        "summary": {
+                            "html": "<span class=\"govuk-!-font-weight-regular\">Maecenas nec <abbr>est</abbr> sapien. Etiam varius luctus mauris non porttitor. </span>"
+                        },
+                        "content": {
+                            "html": "<ul class=\"govuk-list govuk-list--bullet\">\n  <li>Example item 2</li>\n</ul>\n"
+                        }
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-accordion\" data-module=\"govuk-accordion\" id=\"with-long-content-and-description\">\n  <div class=\"govuk-accordion__section\">\n    <div class=\"govuk-accordion__section-header\">\n      <h2 class=\"govuk-accordion__section-heading\">\n        <span class=\"govuk-accordion__section-button\" id=\"with-long-content-and-description-heading-1\">\n          Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc quis tortor porttitor.\n        </span>\n      </h2>\n      <div class=\"govuk-accordion__section-summary govuk-body\" id=\"with-long-content-and-description-summary-1\">\n        Etiam diam dui, tempus ut pharetra in, aliquet non dui. Nunc pulvinar maximus tortor, ac finibus augue congue vitae. Donec sed cursus lorem.\n      </div>\n    </div>\n    <div id=\"with-long-content-and-description-content-1\" class=\"govuk-accordion__section-content\">\n      <ul class=\"govuk-list govuk-list--bullet\">\n        <li>Example item 1</li>\n      </ul>\n    </div>\n  </div>\n  <div class=\"govuk-accordion__section\">\n    <div class=\"govuk-accordion__section-header\">\n      <h2 class=\"govuk-accordion__section-heading\">\n        <span class=\"govuk-accordion__section-button\" id=\"with-long-content-and-description-heading-2\">\n          Praesent faucibus leo feugiat libero pharetra lacinia. Aliquam aliquet ante vitae mollis vestibulum.\n        </span>\n      </h2>\n      <div class=\"govuk-accordion__section-summary govuk-body\" id=\"with-long-content-and-description-summary-2\">\n        <span class=\"govuk-!-font-weight-regular\">Maecenas nec <abbr>est</abbr> sapien. Etiam varius luctus mauris non porttitor. </span>\n      </div>\n    </div>\n    <div id=\"with-long-content-and-description-content-2\" class=\"govuk-accordion__section-content\">\n      <ul class=\"govuk-list govuk-list--bullet\">\n        <li>Example item 2</li>\n      </ul>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "with all sections already open",
+            "options": {
+                "id": "all-sections-open-example",
+                "items": [
+                    {
+                        "heading": {
+                            "text": "Section A"
+                        },
+                        "expanded": true,
+                        "content": {
+                            "html": "<ul class=\"govuk-list govuk-list--bullet\">\n  <li>Example item 1</li>\n</ul>\n"
+                        }
+                    },
+                    {
+                        "heading": {
+                            "text": "Section B"
+                        },
+                        "expanded": true,
+                        "content": {
+                            "html": "<ul class=\"govuk-list govuk-list--bullet\">\n  <li>Example item 2</li>\n</ul>\n"
+                        }
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-accordion\" data-module=\"govuk-accordion\" id=\"all-sections-open-example\">\n  <div class=\"govuk-accordion__section govuk-accordion__section--expanded\">\n    <div class=\"govuk-accordion__section-header\">\n      <h2 class=\"govuk-accordion__section-heading\">\n        <span class=\"govuk-accordion__section-button\" id=\"all-sections-open-example-heading-1\">\n          Section A\n        </span>\n      </h2>\n    </div>\n    <div id=\"all-sections-open-example-content-1\" class=\"govuk-accordion__section-content\">\n      <ul class=\"govuk-list govuk-list--bullet\">\n        <li>Example item 1</li>\n      </ul>\n    </div>\n  </div>\n  <div class=\"govuk-accordion__section govuk-accordion__section--expanded\">\n    <div class=\"govuk-accordion__section-header\">\n      <h2 class=\"govuk-accordion__section-heading\">\n        <span class=\"govuk-accordion__section-button\" id=\"all-sections-open-example-heading-2\">\n          Section B\n        </span>\n      </h2>\n    </div>\n    <div id=\"all-sections-open-example-content-2\" class=\"govuk-accordion__section-content\">\n      <ul class=\"govuk-list govuk-list--bullet\">\n        <li>Example item 2</li>\n      </ul>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "classes",
+            "options": {
+                "id": "accordion-classes",
+                "classes": "myClass",
+                "items": [
+                    {
+                        "heading": {
+                            "text": "Section A"
+                        },
+                        "content": {
+                            "text": "Some content"
+                        }
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-accordion myClass\" data-module=\"govuk-accordion\" id=\"accordion-classes\">\n  <div class=\"govuk-accordion__section\">\n    <div class=\"govuk-accordion__section-header\">\n      <h2 class=\"govuk-accordion__section-heading\">\n        <span class=\"govuk-accordion__section-button\" id=\"accordion-classes-heading-1\">\n          Section A\n        </span>\n      </h2>\n    </div>\n    <div id=\"accordion-classes-content-1\" class=\"govuk-accordion__section-content\">\n      <p class=\"govuk-body\">\n        Some content\n      </p>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "attributes",
+            "options": {
+                "id": "accordion-attributes",
+                "attributes": {
+                    "data-attribute": "value"
+                },
+                "items": [
+                    {
+                        "heading": {
+                            "text": "Section A"
+                        },
+                        "content": {
+                            "text": "Some content"
+                        }
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-accordion\" data-module=\"govuk-accordion\" id=\"accordion-attributes\" data-attribute=\"value\">\n  <div class=\"govuk-accordion__section\">\n    <div class=\"govuk-accordion__section-header\">\n      <h2 class=\"govuk-accordion__section-heading\">\n        <span class=\"govuk-accordion__section-button\" id=\"accordion-attributes-heading-1\">\n          Section A\n        </span>\n      </h2>\n    </div>\n    <div id=\"accordion-attributes-content-1\" class=\"govuk-accordion__section-content\">\n      <p class=\"govuk-body\">\n        Some content\n      </p>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "custom heading level",
+            "options": {
+                "id": "accordion-heading",
+                "headingLevel": 3,
+                "items": [
+                    {
+                        "heading": {
+                            "text": "Section A"
+                        },
+                        "content": {
+                            "text": "Some content"
+                        }
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-accordion\" data-module=\"govuk-accordion\" id=\"accordion-heading\">\n  <div class=\"govuk-accordion__section\">\n    <div class=\"govuk-accordion__section-header\">\n      <h3 class=\"govuk-accordion__section-heading\">\n        <span class=\"govuk-accordion__section-button\" id=\"accordion-heading-heading-1\">\n          Section A\n        </span>\n      </h3>\n    </div>\n    <div id=\"accordion-heading-content-1\" class=\"govuk-accordion__section-content\">\n      <p class=\"govuk-body\">\n        Some content\n      </p>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "heading html",
+            "options": {
+                "id": "accordion-heading-html",
+                "items": [
+                    {
+                        "heading": {
+                            "html": "<span class=\"myClass\">Section A</span>"
+                        },
+                        "content": {
+                            "text": "Some content"
+                        }
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-accordion\" data-module=\"govuk-accordion\" id=\"accordion-heading-html\">\n  <div class=\"govuk-accordion__section\">\n    <div class=\"govuk-accordion__section-header\">\n      <h2 class=\"govuk-accordion__section-heading\">\n        <span class=\"govuk-accordion__section-button\" id=\"accordion-heading-html-heading-1\">\n          <span class=\"myClass\">Section A</span>\n        </span>\n      </h2>\n    </div>\n    <div id=\"accordion-heading-html-content-1\" class=\"govuk-accordion__section-content\">\n      <p class=\"govuk-body\">\n        Some content\n      </p>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "with falsy values",
+            "options": {
+                "id": "accordion-falsy",
+                "items": [
+                    {
+                        "heading": {
+                            "text": "Section A"
+                        },
+                        "content": {
+                            "text": "Some content"
+                        }
+                    },
+                    false,
+                    "",
+                    null,
+                    {
+                        "heading": {
+                            "text": "Section B"
+                        },
+                        "content": {
+                            "text": "Some content"
+                        }
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-accordion\" data-module=\"govuk-accordion\" id=\"accordion-falsy\">\n  <div class=\"govuk-accordion__section\">\n    <div class=\"govuk-accordion__section-header\">\n      <h2 class=\"govuk-accordion__section-heading\">\n        <span class=\"govuk-accordion__section-button\" id=\"accordion-falsy-heading-1\">\n          Section A\n        </span>\n      </h2>\n    </div>\n    <div id=\"accordion-falsy-content-1\" class=\"govuk-accordion__section-content\">\n      <p class=\"govuk-body\">\n        Some content\n      </p>\n    </div>\n  </div>\n  <div class=\"govuk-accordion__section\">\n    <div class=\"govuk-accordion__section-header\">\n      <h2 class=\"govuk-accordion__section-heading\">\n        <span class=\"govuk-accordion__section-button\" id=\"accordion-falsy-heading-5\">\n          Section B\n        </span>\n      </h2>\n    </div>\n    <div id=\"accordion-falsy-content-5\" class=\"govuk-accordion__section-content\">\n      <p class=\"govuk-body\">\n        Some content\n      </p>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "with remember expanded off",
+            "options": {
+                "id": "accordion-remember-expanded-off",
+                "rememberExpanded": false,
+                "items": [
+                    {
+                        "heading": {
+                            "text": "Section A"
+                        },
+                        "content": {
+                            "text": "Some content"
+                        }
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-accordion\" data-module=\"govuk-accordion\" id=\"accordion-remember-expanded-off\" data-remember-expanded=\"false\">\n  <div class=\"govuk-accordion__section\">\n    <div class=\"govuk-accordion__section-header\">\n      <h2 class=\"govuk-accordion__section-heading\">\n        <span class=\"govuk-accordion__section-button\" id=\"accordion-remember-expanded-off-heading-1\">\n          Section A\n        </span>\n      </h2>\n    </div>\n    <div id=\"accordion-remember-expanded-off-content-1\" class=\"govuk-accordion__section-content\">\n      <p class=\"govuk-body\">\n        Some content\n      </p>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "with focusable elements inside",
+            "options": {
+                "id": "with-focusable-elements",
+                "items": [
+                    {
+                        "heading": {
+                            "text": "Section A"
+                        },
+                        "content": {
+                            "html": "<a class=\"govuk-link\" href=\"#\">Link A</a>"
+                        }
+                    },
+                    {
+                        "heading": {
+                            "text": "Section B"
+                        },
+                        "content": {
+                            "html": "<a class=\"govuk-link\" href=\"#\">Link B</a>"
+                        }
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-accordion\" data-module=\"govuk-accordion\" id=\"with-focusable-elements\">\n  <div class=\"govuk-accordion__section\">\n    <div class=\"govuk-accordion__section-header\">\n      <h2 class=\"govuk-accordion__section-heading\">\n        <span class=\"govuk-accordion__section-button\" id=\"with-focusable-elements-heading-1\">\n          Section A\n        </span>\n      </h2>\n    </div>\n    <div id=\"with-focusable-elements-content-1\" class=\"govuk-accordion__section-content\">\n      <a class=\"govuk-link\" href=\"#\">Link A</a>\n    </div>\n  </div>\n  <div class=\"govuk-accordion__section\">\n    <div class=\"govuk-accordion__section-header\">\n      <h2 class=\"govuk-accordion__section-heading\">\n        <span class=\"govuk-accordion__section-button\" id=\"with-focusable-elements-heading-2\">\n          Section B\n        </span>\n      </h2>\n    </div>\n    <div id=\"with-focusable-elements-content-2\" class=\"govuk-accordion__section-content\">\n      <a class=\"govuk-link\" href=\"#\">Link B</a>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "with one section open",
+            "options": {
+                "id": "one-section-open-example",
+                "items": [
+                    {
+                        "heading": {
+                            "text": "Section A"
+                        },
+                        "expanded": true,
+                        "content": {
+                            "html": "<ul class=\"govuk-list govuk-list--bullet\">\n  <li>Example item 1</li>\n</ul>\n"
+                        }
+                    },
+                    {
+                        "heading": {
+                            "text": "Section B"
+                        },
+                        "content": {
+                            "html": "<ul class=\"govuk-list govuk-list--bullet\">\n  <li>Example item 2</li>\n</ul>\n"
+                        }
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-accordion\" data-module=\"govuk-accordion\" id=\"one-section-open-example\">\n  <div class=\"govuk-accordion__section govuk-accordion__section--expanded\">\n    <div class=\"govuk-accordion__section-header\">\n      <h2 class=\"govuk-accordion__section-heading\">\n        <span class=\"govuk-accordion__section-button\" id=\"one-section-open-example-heading-1\">\n          Section A\n        </span>\n      </h2>\n    </div>\n    <div id=\"one-section-open-example-content-1\" class=\"govuk-accordion__section-content\">\n      <ul class=\"govuk-list govuk-list--bullet\">\n        <li>Example item 1</li>\n      </ul>\n    </div>\n  </div>\n  <div class=\"govuk-accordion__section\">\n    <div class=\"govuk-accordion__section-header\">\n      <h2 class=\"govuk-accordion__section-heading\">\n        <span class=\"govuk-accordion__section-button\" id=\"one-section-open-example-heading-2\">\n          Section B\n        </span>\n      </h2>\n    </div>\n    <div id=\"one-section-open-example-content-2\" class=\"govuk-accordion__section-content\">\n      <ul class=\"govuk-list govuk-list--bullet\">\n        <li>Example item 2</li>\n      </ul>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "with translations",
+            "options": {
+                "id": "with-translations",
+                "hideAllSectionsText": "Collapse all sections",
+                "showAllSectionsText": "Expand all sections",
+                "hideSectionText": "Collapse",
+                "hideSectionAriaLabelText": "Collapse this section",
+                "showSectionText": "Expand",
+                "showSectionAriaLabelText": "Expand this section",
+                "items": [
+                    {
+                        "heading": {
+                            "text": "Section A"
+                        },
+                        "content": {
+                            "text": "We need to know your nationality so we can work out which elections you’re entitled to vote in. If you cannot provide your nationality, you’ll have to send copies of identity documents through the post."
+                        }
+                    },
+                    {
+                        "heading": {
+                            "text": "Section B"
+                        },
+                        "content": {
+                            "html": "<ul class=\"govuk-list govuk-list--bullet\">\n  <li>Example item 2</li>\n</ul>\n"
+                        }
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-accordion\" data-module=\"govuk-accordion\" id=\"with-translations\" data-i18n.hide-all-sections=\"Collapse all sections\" data-i18n.hide-section=\"Collapse\" data-i18n.hide-section-aria-label=\"Collapse this section\" data-i18n.show-all-sections=\"Expand all sections\" data-i18n.show-section=\"Expand\" data-i18n.show-section-aria-label=\"Expand this section\">\n  <div class=\"govuk-accordion__section\">\n    <div class=\"govuk-accordion__section-header\">\n      <h2 class=\"govuk-accordion__section-heading\">\n        <span class=\"govuk-accordion__section-button\" id=\"with-translations-heading-1\">\n          Section A\n        </span>\n      </h2>\n    </div>\n    <div id=\"with-translations-content-1\" class=\"govuk-accordion__section-content\">\n      <p class=\"govuk-body\">\n        We need to know your nationality so we can work out which elections you’re entitled to vote in. If you cannot provide your nationality, you’ll have to send copies of identity documents through the post.\n      </p>\n    </div>\n  </div>\n  <div class=\"govuk-accordion__section\">\n    <div class=\"govuk-accordion__section-header\">\n      <h2 class=\"govuk-accordion__section-heading\">\n        <span class=\"govuk-accordion__section-button\" id=\"with-translations-heading-2\">\n          Section B\n        </span>\n      </h2>\n    </div>\n    <div id=\"with-translations-content-2\" class=\"govuk-accordion__section-content\">\n      <ul class=\"govuk-list govuk-list--bullet\">\n        <li>Example item 2</li>\n      </ul>\n    </div>\n  </div>\n</div>"
+        }
+    ]
+}
diff --git a/app/templates/govuk/components/components/accordion/macro-options.json b/app/templates/govuk/components/components/accordion/macro-options.json
new file mode 100644
index 0000000..9a0ef59
--- /dev/null
+++ b/app/templates/govuk/components/components/accordion/macro-options.json
@@ -0,0 +1,142 @@
+[
+    {
+        "name": "id",
+        "type": "string",
+        "required": true,
+        "description": "Must be unique across the domain of your service if `rememberExpanded` is `true` (as the expanded state of individual instances of the component persists across page loads using [session storage](https://developer.mozilla.org/en-US/docs/Web/API/Window/sessionStorage)). Used as an `id` in the HTML for the accordion as a whole, and also as a prefix for the `id`s of the section contents and the buttons that open them, so that those `id`s can be the target of `aria-control` attributes."
+    },
+    {
+        "name": "headingLevel",
+        "type": "integer",
+        "required": false,
+        "description": "Heading level, from `1` to `6`. Default is `2`."
+    },
+    {
+        "name": "classes",
+        "type": "string",
+        "required": false,
+        "description": "Classes to add to the accordion."
+    },
+    {
+        "name": "attributes",
+        "type": "object",
+        "required": false,
+        "description": "HTML attributes (for example data attributes) to add to the accordion."
+    },
+    {
+        "name": "rememberExpanded",
+        "type": "boolean",
+        "required": false,
+        "description": "Whether the expanded/collapsed state of the accordion should be saved when a user leaves the page and restored when they return. Default is `true`."
+    },
+    {
+        "name": "hideAllSectionsText",
+        "type": "string",
+        "required": false,
+        "description": "The text content of the 'Hide all sections' button at the top of the accordion when all sections are expanded."
+    },
+    {
+        "name": "hideSectionText",
+        "type": "string",
+        "required": false,
+        "description": "The text content of the 'Hide' button within each section of the accordion, which is visible when the section is expanded."
+    },
+    {
+        "name": "hideSectionAriaLabelText",
+        "type": "string",
+        "required": false,
+        "description": "Text made available to assistive technologies, like screen-readers, as the final part of the toggle's accessible name when the section is expanded. Defaults to `\"Hide this section\"`."
+    },
+    {
+        "name": "showAllSectionsText",
+        "type": "string",
+        "required": false,
+        "description": "The text content of the 'Show all sections' button at the top of the accordion when at least one section is collapsed."
+    },
+    {
+        "name": "showSectionText",
+        "type": "string",
+        "required": false,
+        "description": "The text content of the 'Show' button within each section of the accordion, which is visible when the section is collapsed."
+    },
+    {
+        "name": "showSectionAriaLabelText",
+        "type": "string",
+        "required": false,
+        "description": "Text made available to assistive technologies, like screen-readers, as the final part of the toggle's accessible name when the section is collapsed. Defaults to `\"Show this section\"`."
+    },
+    {
+        "name": "items",
+        "type": "array",
+        "required": true,
+        "description": "The sections within the accordion.",
+        "params": [
+            {
+                "name": "heading",
+                "type": "object",
+                "required": true,
+                "description": "The heading of each accordion section.",
+                "params": [
+                    {
+                        "name": "text",
+                        "type": "string",
+                        "required": true,
+                        "description": "If `html` is set, this is not required. The heading text of each section. If `html` is provided, the `text` option will be ignored."
+                    },
+                    {
+                        "name": "html",
+                        "type": "string",
+                        "required": true,
+                        "description": "If `text` is set, this is not required. The heading HTML content of each section. The header is inside the HTML `<button>` element, so you can only add [phrasing content](https://html.spec.whatwg.org/#phrasing-content) to it. If `html` is provided, the `text` option will be ignored."
+                    }
+                ]
+            },
+            {
+                "name": "summary",
+                "type": "object",
+                "required": false,
+                "description": "The summary line of each accordion section.",
+                "params": [
+                    {
+                        "name": "text",
+                        "type": "string",
+                        "required": false,
+                        "description": "The summary line text content of each section. If `html` is provided, the `text` option will be ignored."
+                    },
+                    {
+                        "name": "html",
+                        "type": "string",
+                        "required": false,
+                        "description": "The summary line HTML content of each section. The summary line is inside the HTML `<button>` element, so you can only add [phrasing content](https://html.spec.whatwg.org/#phrasing-content) to it. If `html` is provided, the `text` option will be ignored."
+                    }
+                ]
+            },
+            {
+                "name": "content",
+                "type": "object",
+                "required": true,
+                "description": "The content of each accordion section.",
+                "params": [
+                    {
+                        "name": "text",
+                        "type": "string",
+                        "required": true,
+                        "description": "If `html` is set, this is not required. The text content of each section, which is hidden when the section is closed. If `html` is provided, the `text` option will be ignored."
+                    },
+                    {
+                        "name": "html",
+                        "type": "string",
+                        "required": true,
+                        "description": "If `text` is set, this is not required. The HTML content of each section, which is hidden when the section is closed. If `html` is provided, the `text` option will be ignored."
+                    }
+                ]
+            },
+            {
+                "name": "expanded",
+                "type": "boolean",
+                "required": false,
+                "description": "Sets whether the section should be expanded when the page loads for the first time. Defaults to `false`."
+            }
+        ]
+    }
+]
diff --git a/app/templates/govuk/components/components/accordion/macro.njk b/app/templates/govuk/components/components/accordion/macro.njk
new file mode 100644
index 0000000..d232037
--- /dev/null
+++ b/app/templates/govuk/components/components/accordion/macro.njk
@@ -0,0 +1,3 @@
+{% macro govukAccordion(params) %}
+  {%- include "./template.njk" -%}
+{% endmacro %}
diff --git a/app/templates/govuk/components/components/accordion/template-default.html b/app/templates/govuk/components/components/accordion/template-default.html
new file mode 100644
index 0000000..36bad56
--- /dev/null
+++ b/app/templates/govuk/components/components/accordion/template-default.html
@@ -0,0 +1,30 @@
+<div class="govuk-accordion" data-module="govuk-accordion" id="default-example">
+  <div class="govuk-accordion__section">
+    <div class="govuk-accordion__section-header">
+      <h2 class="govuk-accordion__section-heading">
+        <span class="govuk-accordion__section-button" id="default-example-heading-1">
+          Section A
+        </span>
+      </h2>
+    </div>
+    <div id="default-example-content-1" class="govuk-accordion__section-content">
+      <p class="govuk-body">
+        We need to know your nationality so we can work out which elections you’re entitled to vote in. If you cannot provide your nationality, you’ll have to send copies of identity documents through the post.
+      </p>
+    </div>
+  </div>
+  <div class="govuk-accordion__section">
+    <div class="govuk-accordion__section-header">
+      <h2 class="govuk-accordion__section-heading">
+        <span class="govuk-accordion__section-button" id="default-example-heading-2">
+          Section B
+        </span>
+      </h2>
+    </div>
+    <div id="default-example-content-2" class="govuk-accordion__section-content">
+      <ul class="govuk-list govuk-list--bullet">
+        <li>Example item 2</li>
+      </ul>
+    </div>
+  </div>
+</div>
diff --git a/app/templates/govuk/components/components/accordion/template-with-additional-descriptions.html b/app/templates/govuk/components/components/accordion/template-with-additional-descriptions.html
new file mode 100644
index 0000000..9f0c36e
--- /dev/null
+++ b/app/templates/govuk/components/components/accordion/template-with-additional-descriptions.html
@@ -0,0 +1,39 @@
+<div class="govuk-accordion" data-module="govuk-accordion" id="with-descriptions">
+  <div class="govuk-accordion__section">
+    <div class="govuk-accordion__section-header">
+      <h2 class="govuk-accordion__section-heading">
+        <span class="govuk-accordion__section-button" id="with-descriptions-heading-1">
+          Test
+        </span>
+      </h2>
+      <div class="govuk-accordion__section-summary govuk-body" id="with-descriptions-summary-1">
+        Additional description
+      </div>
+    </div>
+    <div id="with-descriptions-content-1" class="govuk-accordion__section-content">
+      <p class="govuk-body">
+        We need to know your nationality so we can work out which elections you’re entitled to vote in. If you cannot provide your nationality, you’ll have to send copies of identity documents through the post.
+      </p>
+      <ul class="govuk-list govuk-list--bullet">
+        <li>Example item 1</li>
+      </ul>
+    </div>
+  </div>
+  <div class="govuk-accordion__section">
+    <div class="govuk-accordion__section-header">
+      <h2 class="govuk-accordion__section-heading">
+        <span class="govuk-accordion__section-button" id="with-descriptions-heading-2">
+          Test 2
+        </span>
+      </h2>
+      <div class="govuk-accordion__section-summary govuk-body" id="with-descriptions-summary-2">
+        <span class="govuk-!-font-weight-regular">Additional description (wrapped in span)</span>
+      </div>
+    </div>
+    <div id="with-descriptions-content-2" class="govuk-accordion__section-content">
+      <ul class="govuk-list govuk-list--bullet">
+        <li>Example item 2</li>
+      </ul>
+    </div>
+  </div>
+</div>
diff --git a/app/templates/govuk/components/components/accordion/template-with-all-sections-already-open.html b/app/templates/govuk/components/components/accordion/template-with-all-sections-already-open.html
new file mode 100644
index 0000000..00c6c2a
--- /dev/null
+++ b/app/templates/govuk/components/components/accordion/template-with-all-sections-already-open.html
@@ -0,0 +1,30 @@
+<div class="govuk-accordion" data-module="govuk-accordion" id="all-sections-open-example">
+  <div class="govuk-accordion__section govuk-accordion__section--expanded">
+    <div class="govuk-accordion__section-header">
+      <h2 class="govuk-accordion__section-heading">
+        <span class="govuk-accordion__section-button" id="all-sections-open-example-heading-1">
+          Section A
+        </span>
+      </h2>
+    </div>
+    <div id="all-sections-open-example-content-1" class="govuk-accordion__section-content">
+      <ul class="govuk-list govuk-list--bullet">
+        <li>Example item 1</li>
+      </ul>
+    </div>
+  </div>
+  <div class="govuk-accordion__section govuk-accordion__section--expanded">
+    <div class="govuk-accordion__section-header">
+      <h2 class="govuk-accordion__section-heading">
+        <span class="govuk-accordion__section-button" id="all-sections-open-example-heading-2">
+          Section B
+        </span>
+      </h2>
+    </div>
+    <div id="all-sections-open-example-content-2" class="govuk-accordion__section-content">
+      <ul class="govuk-list govuk-list--bullet">
+        <li>Example item 2</li>
+      </ul>
+    </div>
+  </div>
+</div>
diff --git a/app/templates/govuk/components/components/accordion/template-with-long-content-and-description.html b/app/templates/govuk/components/components/accordion/template-with-long-content-and-description.html
new file mode 100644
index 0000000..61a54da
--- /dev/null
+++ b/app/templates/govuk/components/components/accordion/template-with-long-content-and-description.html
@@ -0,0 +1,36 @@
+<div class="govuk-accordion" data-module="govuk-accordion" id="with-long-content-and-description">
+  <div class="govuk-accordion__section">
+    <div class="govuk-accordion__section-header">
+      <h2 class="govuk-accordion__section-heading">
+        <span class="govuk-accordion__section-button" id="with-long-content-and-description-heading-1">
+          Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc quis tortor porttitor.
+        </span>
+      </h2>
+      <div class="govuk-accordion__section-summary govuk-body" id="with-long-content-and-description-summary-1">
+        Etiam diam dui, tempus ut pharetra in, aliquet non dui. Nunc pulvinar maximus tortor, ac finibus augue congue vitae. Donec sed cursus lorem.
+      </div>
+    </div>
+    <div id="with-long-content-and-description-content-1" class="govuk-accordion__section-content">
+      <ul class="govuk-list govuk-list--bullet">
+        <li>Example item 1</li>
+      </ul>
+    </div>
+  </div>
+  <div class="govuk-accordion__section">
+    <div class="govuk-accordion__section-header">
+      <h2 class="govuk-accordion__section-heading">
+        <span class="govuk-accordion__section-button" id="with-long-content-and-description-heading-2">
+          Praesent faucibus leo feugiat libero pharetra lacinia. Aliquam aliquet ante vitae mollis vestibulum.
+        </span>
+      </h2>
+      <div class="govuk-accordion__section-summary govuk-body" id="with-long-content-and-description-summary-2">
+        <span class="govuk-!-font-weight-regular">Maecenas nec <abbr>est</abbr> sapien. Etiam varius luctus mauris non porttitor. </span>
+      </div>
+    </div>
+    <div id="with-long-content-and-description-content-2" class="govuk-accordion__section-content">
+      <ul class="govuk-list govuk-list--bullet">
+        <li>Example item 2</li>
+      </ul>
+    </div>
+  </div>
+</div>
diff --git a/app/templates/govuk/components/components/accordion/template.njk b/app/templates/govuk/components/components/accordion/template.njk
new file mode 100644
index 0000000..53ecfba
--- /dev/null
+++ b/app/templates/govuk/components/components/accordion/template.njk
@@ -0,0 +1,67 @@
+{% from "../../macros/attributes.njk" import govukAttributes %}
+{% from "../../macros/i18n.njk" import govukI18nAttributes %}
+
+{%- macro _accordionItem(params, item, index) %}
+  {%- set headingLevel = params.headingLevel if params.headingLevel else 2 %}
+  <div class="govuk-accordion__section {%- if item.expanded %} govuk-accordion__section--expanded{% endif %}">
+    <div class="govuk-accordion__section-header">
+      <h{{ headingLevel }} class="govuk-accordion__section-heading">
+        <span class="govuk-accordion__section-button" id="{{ params.id }}-heading-{{ index }}">
+          {{ item.heading.html | safe | trim | indent(8) if item.heading.html else item.heading.text }}
+        </span>
+      </h{{ headingLevel }}>
+      {% if item.summary.html or item.summary.text %}
+      <div class="govuk-accordion__section-summary govuk-body" id="{{ params.id }}-summary-{{ index }}">
+        {{ item.summary.html | safe | trim | indent(8) if item.summary.html else item.summary.text }}
+      </div>
+      {% endif %}
+    </div>
+    <div id="{{ params.id }}-content-{{ index }}" class="govuk-accordion__section-content">
+    {% if item.content.html %}
+      {{ item.content.html | safe | trim | indent(6) }}
+    {% elif item.content.text %}
+      <p class="govuk-body">
+        {{ item.content.text | trim | indent(8) }}
+      </p>
+    {% endif %}
+    </div>
+  </div>
+{% endmacro -%}
+
+<div class="govuk-accordion {%- if params.classes %} {{ params.classes }}{% endif %}" data-module="govuk-accordion" id="{{ params.id }}"
+  {{- govukI18nAttributes({
+    key: 'hide-all-sections',
+    message: params.hideAllSectionsText
+  }) -}}
+
+  {{- govukI18nAttributes({
+    key: 'hide-section',
+    message: params.hideSectionText
+  }) -}}
+
+  {{- govukI18nAttributes({
+    key: 'hide-section-aria-label',
+    message: params.hideSectionAriaLabelText
+  }) -}}
+
+  {{- govukI18nAttributes({
+    key: 'show-all-sections',
+    message: params.showAllSectionsText
+  }) -}}
+
+  {{- govukI18nAttributes({
+    key: 'show-section',
+    message: params.showSectionText
+  }) -}}
+
+  {{- govukI18nAttributes({
+    key: 'show-section-aria-label',
+    message: params.showSectionAriaLabelText
+  }) -}}
+
+  {%- if params.rememberExpanded !== undefined %} data-remember-expanded="{{ params.rememberExpanded | escape }}"{% endif %}
+  {{- govukAttributes(params.attributes) }}>
+  {% for item in params.items %}
+    {% if item %}{{ _accordionItem(params, item, loop.index) }}{% endif %}
+  {% endfor %}
+</div>
diff --git a/app/templates/govuk/components/components/back-link/README.md b/app/templates/govuk/components/components/back-link/README.md
new file mode 100644
index 0000000..9d5baeb
--- /dev/null
+++ b/app/templates/govuk/components/components/back-link/README.md
@@ -0,0 +1,15 @@
+# Back link
+
+## Installation
+
+See the [main README quick start guide](https://github.com/alphagov/govuk-frontend#quick-start) for how to install this component.
+
+## Guidance and Examples
+
+Find out when to use the back link component in your service in the [GOV.UK Design System](https://design-system.service.gov.uk/components/back-link).
+
+## Component options
+
+Use options to customise the appearance, content and behaviour of a component when using a macro, for example, changing the text.
+
+See [options table](https://design-system.service.gov.uk/components/back-link/#options-back-link-example) for details.
diff --git a/app/templates/govuk/components/components/back-link/_back-link.scss b/app/templates/govuk/components/components/back-link/_back-link.scss
new file mode 100644
index 0000000..ca41c57
--- /dev/null
+++ b/app/templates/govuk/components/components/back-link/_back-link.scss
@@ -0,0 +1,4 @@
+@import "../../base";
+@import "./index";
+
+/*# sourceMappingURL=_back-link.scss.map */
diff --git a/app/templates/govuk/components/components/back-link/_back-link.scss.map b/app/templates/govuk/components/components/back-link/_back-link.scss.map
new file mode 100644
index 0000000..054c471
--- /dev/null
+++ b/app/templates/govuk/components/components/back-link/_back-link.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/back-link/_back-link.scss"],"names":[],"mappings":"AAAA,oBAAoB;AACpB,iBAAiB","file":"_back-link.scss","sourcesContent":["@import \"../../base\";\n@import \"./index\";\n"]}
diff --git a/app/templates/govuk/components/components/back-link/_index.scss b/app/templates/govuk/components/components/back-link/_index.scss
new file mode 100644
index 0000000..62e07a4
--- /dev/null
+++ b/app/templates/govuk/components/components/back-link/_index.scss
@@ -0,0 +1,83 @@
+@include govuk-exports("govuk/component/back-link") {
+  // Component font-size on the Frontend (used for calculations)
+  $font-size: 16;
+
+  // Size of chevron (excluding border)
+  $chevron-size: govuk-em(7px, $font-size);
+
+  // Size of chevron border
+  $chevron-border-min-width: 1px;
+  $chevron-border-width: govuk-em($chevron-border-min-width, $font-size);
+
+  // Colour of chevron
+  $chevron-border-colour: $govuk-secondary-text-colour;
+
+  .govuk-back-link {
+    @include govuk-font-size($size: $font-size);
+    @include govuk-link-common;
+    @include govuk-link-style-text;
+
+    display: inline-block;
+    position: relative;
+
+    margin-top: govuk-spacing(3);
+    margin-bottom: govuk-spacing(3);
+
+    // Allow space for the arrow
+    padding-left: govuk-em(14px, $font-size);
+  }
+
+  // Prepend left pointing chevron
+  .govuk-back-link::before {
+    content: "";
+    display: block;
+
+    // Vertically align with the parent element
+    position: absolute;
+    top: 0;
+    bottom: 0;
+    left: govuk-em(3px, $font-size);
+
+    width: $chevron-size;
+    height: $chevron-size;
+
+    margin: auto 0;
+
+    transform: rotate(225deg);
+
+    border: solid;
+    border-width: $chevron-border-min-width $chevron-border-min-width 0 0;
+    border-color: $chevron-border-colour;
+
+    @supports (border-width: unquote("max(0px)")) {
+      $border-width-eval: "max(#{$chevron-border-min-width}, #{$chevron-border-width})";
+
+      // Ensure that the chevron never gets smaller than 16px
+      border-width: unquote($border-width-eval) unquote($border-width-eval) 0 0;
+      font-size: unquote("max(#{$font-size * 1px}, 1em)");
+    }
+  }
+
+  .govuk-back-link:focus::before {
+    border-color: $govuk-focus-text-colour;
+  }
+
+  .govuk-back-link::after {
+    content: "";
+    position: absolute;
+    top: -14px;
+    right: 0;
+    bottom: -14px;
+    left: 0;
+  }
+
+  .govuk-back-link--inverse {
+    @include govuk-link-style-inverse;
+
+    &::before {
+      border-color: currentcolor;
+    }
+  }
+}
+
+/*# sourceMappingURL=_index.scss.map */
diff --git a/app/templates/govuk/components/components/back-link/_index.scss.map b/app/templates/govuk/components/components/back-link/_index.scss.map
new file mode 100644
index 0000000..b6fcbc6
--- /dev/null
+++ b/app/templates/govuk/components/components/back-link/_index.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/back-link/_index.scss"],"names":[],"mappings":"AAAA;EACE,6DAA6D;EAC7D,cAAc;;EAEd,oCAAoC;EACpC,wCAAwC;;EAExC,wBAAwB;EACxB,8BAA8B;EAC9B,sEAAsE;;EAEtE,mBAAmB;EACnB,oDAAoD;;EAEpD;IACE,2CAA2C;IAC3C,0BAA0B;IAC1B,8BAA8B;;IAE9B,qBAAqB;IACrB,kBAAkB;;IAElB,4BAA4B;IAC5B,+BAA+B;;IAE/B,2BAA2B;IAC3B,wCAAwC;EAC1C;;EAEA,+BAA+B;EAC/B;IACE,WAAW;IACX,cAAc;;IAEd,0CAA0C;IAC1C,kBAAkB;IAClB,MAAM;IACN,SAAS;IACT,+BAA+B;;IAE/B,oBAAoB;IACpB,qBAAqB;;IAErB,cAAc;;IAEd,yBAAyB;;IAEzB,aAAa;IACb,qEAAqE;IACrE,oCAAoC;;IAEpC;MACE,iFAAiF;;MAEjF,sDAAsD;MACtD,yEAAyE;MACzE,mDAAmD;IACrD;EACF;;EAEA;IACE,sCAAsC;EACxC;;EAEA;IACE,WAAW;IACX,kBAAkB;IAClB,UAAU;IACV,QAAQ;IACR,aAAa;IACb,OAAO;EACT;;EAEA;IACE,iCAAiC;;IAEjC;MACE,0BAA0B;IAC5B;EACF;AACF","file":"_index.scss","sourcesContent":["@include govuk-exports(\"govuk/component/back-link\") {\n  // Component font-size on the Frontend (used for calculations)\n  $font-size: 16;\n\n  // Size of chevron (excluding border)\n  $chevron-size: govuk-em(7px, $font-size);\n\n  // Size of chevron border\n  $chevron-border-min-width: 1px;\n  $chevron-border-width: govuk-em($chevron-border-min-width, $font-size);\n\n  // Colour of chevron\n  $chevron-border-colour: $govuk-secondary-text-colour;\n\n  .govuk-back-link {\n    @include govuk-font-size($size: $font-size);\n    @include govuk-link-common;\n    @include govuk-link-style-text;\n\n    display: inline-block;\n    position: relative;\n\n    margin-top: govuk-spacing(3);\n    margin-bottom: govuk-spacing(3);\n\n    // Allow space for the arrow\n    padding-left: govuk-em(14px, $font-size);\n  }\n\n  // Prepend left pointing chevron\n  .govuk-back-link::before {\n    content: \"\";\n    display: block;\n\n    // Vertically align with the parent element\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    left: govuk-em(3px, $font-size);\n\n    width: $chevron-size;\n    height: $chevron-size;\n\n    margin: auto 0;\n\n    transform: rotate(225deg);\n\n    border: solid;\n    border-width: $chevron-border-min-width $chevron-border-min-width 0 0;\n    border-color: $chevron-border-colour;\n\n    @supports (border-width: unquote(\"max(0px)\")) {\n      $border-width-eval: \"max(#{$chevron-border-min-width}, #{$chevron-border-width})\";\n\n      // Ensure that the chevron never gets smaller than 16px\n      border-width: unquote($border-width-eval) unquote($border-width-eval) 0 0;\n      font-size: unquote(\"max(#{$font-size * 1px}, 1em)\");\n    }\n  }\n\n  .govuk-back-link:focus::before {\n    border-color: $govuk-focus-text-colour;\n  }\n\n  .govuk-back-link::after {\n    content: \"\";\n    position: absolute;\n    top: -14px;\n    right: 0;\n    bottom: -14px;\n    left: 0;\n  }\n\n  .govuk-back-link--inverse {\n    @include govuk-link-style-inverse;\n\n    &::before {\n      border-color: currentcolor;\n    }\n  }\n}\n"]}
diff --git a/app/templates/govuk/components/components/back-link/fixtures.json b/app/templates/govuk/components/components/back-link/fixtures.json
new file mode 100644
index 0000000..330606d
--- /dev/null
+++ b/app/templates/govuk/components/components/back-link/fixtures.json
@@ -0,0 +1,86 @@
+{
+    "component": "back-link",
+    "fixtures": [
+        {
+            "name": "default",
+            "options": {},
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": true,
+            "html": "<a href=\"#\" class=\"govuk-back-link\">Back</a>"
+        },
+        {
+            "name": "inverse",
+            "options": {
+                "classes": "govuk-back-link--inverse"
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {
+                "bodyClasses": "app-template__body--inverse"
+            },
+            "screenshot": true,
+            "html": "<a href=\"#\" class=\"govuk-back-link govuk-back-link--inverse\">Back</a>"
+        },
+        {
+            "name": "classes",
+            "options": {
+                "classes": "app-back-link--custom-class"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<a href=\"#\" class=\"govuk-back-link app-back-link--custom-class\">Back</a>"
+        },
+        {
+            "name": "html as text",
+            "options": {
+                "text": "<b>Home</b>"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<a href=\"#\" class=\"govuk-back-link\">&lt;b&gt;Home&lt;/b&gt;</a>"
+        },
+        {
+            "name": "html",
+            "options": {
+                "html": "<b>Back</b>"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<a href=\"#\" class=\"govuk-back-link\"><b>Back</b></a>"
+        },
+        {
+            "name": "with custom text and link",
+            "options": {
+                "href": "/home",
+                "text": "Back to home"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<a href=\"/home\" class=\"govuk-back-link\">Back to home</a>"
+        },
+        {
+            "name": "attributes",
+            "options": {
+                "attributes": {
+                    "data-test": "attribute",
+                    "aria-label": "Back to home"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<a href=\"#\" class=\"govuk-back-link\" data-test=\"attribute\" aria-label=\"Back to home\">Back</a>"
+        }
+    ]
+}
diff --git a/app/templates/govuk/components/components/back-link/macro-options.json b/app/templates/govuk/components/components/back-link/macro-options.json
new file mode 100644
index 0000000..232ba4f
--- /dev/null
+++ b/app/templates/govuk/components/components/back-link/macro-options.json
@@ -0,0 +1,32 @@
+[
+    {
+        "name": "text",
+        "type": "string",
+        "required": false,
+        "description": "Text to use within the back link component. If `html` is provided, the `text` option will be ignored. Defaults to `\"Back\"`."
+    },
+    {
+        "name": "html",
+        "type": "string",
+        "required": false,
+        "description": "HTML to use within the back link component. If `html` is provided, the `text` option will be ignored. Defaults to `\"Back\"`."
+    },
+    {
+        "name": "href",
+        "type": "string",
+        "required": true,
+        "description": "The value of the link's `href` attribute."
+    },
+    {
+        "name": "classes",
+        "type": "string",
+        "required": false,
+        "description": "Classes to add to the anchor tag."
+    },
+    {
+        "name": "attributes",
+        "type": "object",
+        "required": false,
+        "description": "HTML attributes (for example data attributes) to add to the anchor tag."
+    }
+]
diff --git a/app/templates/govuk/components/components/back-link/macro.njk b/app/templates/govuk/components/components/back-link/macro.njk
new file mode 100644
index 0000000..efcdad2
--- /dev/null
+++ b/app/templates/govuk/components/components/back-link/macro.njk
@@ -0,0 +1,3 @@
+{% macro govukBackLink(params) %}
+  {%- include "./template.njk" -%}
+{% endmacro %}
diff --git a/app/templates/govuk/components/components/back-link/template-default.html b/app/templates/govuk/components/components/back-link/template-default.html
new file mode 100644
index 0000000..373b097
--- /dev/null
+++ b/app/templates/govuk/components/components/back-link/template-default.html
@@ -0,0 +1 @@
+<a href="#" class="govuk-back-link">Back</a>
diff --git a/app/templates/govuk/components/components/back-link/template-inverse.html b/app/templates/govuk/components/components/back-link/template-inverse.html
new file mode 100644
index 0000000..da85451
--- /dev/null
+++ b/app/templates/govuk/components/components/back-link/template-inverse.html
@@ -0,0 +1 @@
+<a href="#" class="govuk-back-link govuk-back-link--inverse">Back</a>
diff --git a/app/templates/govuk/components/components/back-link/template.njk b/app/templates/govuk/components/components/back-link/template.njk
new file mode 100644
index 0000000..7690314
--- /dev/null
+++ b/app/templates/govuk/components/components/back-link/template.njk
@@ -0,0 +1,6 @@
+{% from "../../macros/attributes.njk" import govukAttributes -%}
+
+<a href="{{ params.href | default('#', true) }}" class="govuk-back-link {%- if params.classes %} {{ params.classes }}{% endif %}"
+  {{- govukAttributes(params.attributes) }}>
+  {{- params.html | safe if params.html else (params.text | default("Back", true)) -}}
+</a>
diff --git a/app/templates/govuk/components/components/breadcrumbs/README.md b/app/templates/govuk/components/components/breadcrumbs/README.md
new file mode 100644
index 0000000..94ab9b5
--- /dev/null
+++ b/app/templates/govuk/components/components/breadcrumbs/README.md
@@ -0,0 +1,15 @@
+# Breadcrumbs
+
+## Installation
+
+See the [main README quick start guide](https://github.com/alphagov/govuk-frontend#quick-start) for how to install this component.
+
+## Guidance and Examples
+
+Find out when to use the breadcrumbs component in your service in the [GOV.UK Design System](https://design-system.service.gov.uk/components/breadcrumbs).
+
+## Component options
+
+Use options to customise the appearance, content and behaviour of a component when using a macro, for example, changing the text.
+
+See [options table](https://design-system.service.gov.uk/components/breadcrumbs/#options-breadcrumbs-example) for details.
diff --git a/app/templates/govuk/components/components/breadcrumbs/_breadcrumbs.scss b/app/templates/govuk/components/components/breadcrumbs/_breadcrumbs.scss
new file mode 100644
index 0000000..d102cd8
--- /dev/null
+++ b/app/templates/govuk/components/components/breadcrumbs/_breadcrumbs.scss
@@ -0,0 +1,4 @@
+@import "../../base";
+@import "./index";
+
+/*# sourceMappingURL=_breadcrumbs.scss.map */
diff --git a/app/templates/govuk/components/components/breadcrumbs/_breadcrumbs.scss.map b/app/templates/govuk/components/components/breadcrumbs/_breadcrumbs.scss.map
new file mode 100644
index 0000000..2169f75
--- /dev/null
+++ b/app/templates/govuk/components/components/breadcrumbs/_breadcrumbs.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/breadcrumbs/_breadcrumbs.scss"],"names":[],"mappings":"AAAA,oBAAoB;AACpB,iBAAiB","file":"_breadcrumbs.scss","sourcesContent":["@import \"../../base\";\n@import \"./index\";\n"]}
diff --git a/app/templates/govuk/components/components/breadcrumbs/_index.scss b/app/templates/govuk/components/components/breadcrumbs/_index.scss
new file mode 100644
index 0000000..b4fb1fd
--- /dev/null
+++ b/app/templates/govuk/components/components/breadcrumbs/_index.scss
@@ -0,0 +1,134 @@
+@include govuk-exports("govuk/component/breadcrumbs") {
+  // Component font-size on the Frontend (used for calculations)
+  $font-size: 16;
+
+  // Size of chevron (excluding border)
+  $chevron-size: govuk-em(7px, $font-size);
+
+  // Size of chevron border
+  $chevron-border-min-width: 1px;
+  $chevron-border-width: govuk-em($chevron-border-min-width, $font-size);
+
+  // Colour of chevron
+  $chevron-border-colour: $govuk-secondary-text-colour;
+
+  // Calculated altitude (△↕) of the right-angled isosceles chevron with sides
+  // of length 8 (7px + 1px border):
+  //
+  // √(8² + 8²) * 0.5 ≅ 5.655
+  $chevron-altitude-calculated: govuk-em(5.655px, $font-size);
+
+  .govuk-breadcrumbs {
+    @include govuk-font($size: $font-size);
+    @include govuk-text-colour;
+
+    margin-top: govuk-spacing(3);
+    margin-bottom: govuk-spacing(2);
+  }
+
+  .govuk-breadcrumbs__list {
+    @include govuk-clearfix;
+
+    margin: 0;
+    padding: 0;
+    list-style-type: none;
+  }
+
+  .govuk-breadcrumbs__list-item {
+    display: inline-block;
+    position: relative;
+
+    margin-bottom: govuk-spacing(1);
+
+    // Add both margin and padding such that the chevron appears centrally
+    // between each breadcrumb item
+    margin-left: govuk-em(govuk-spacing(2), $font-size);
+    padding-left: govuk-em(govuk-spacing(2), $font-size) + $chevron-altitude-calculated;
+
+    float: left;
+
+    // Create a chevron using a box with borders on two sides, rotated 45deg.
+    &::before {
+      content: "";
+      display: block;
+
+      position: absolute;
+      top: 0;
+      bottom: 0;
+
+      // Offset by the difference between the width of the non-rotated square
+      // and its width when rotated
+      left: (($chevron-altitude-calculated * -2) + $chevron-size + $chevron-border-width);
+
+      width: $chevron-size;
+      height: $chevron-size;
+
+      margin: auto 0;
+
+      transform: rotate(45deg);
+
+      border: solid;
+      border-width: $chevron-border-min-width $chevron-border-min-width 0 0;
+      border-color: $chevron-border-colour;
+
+      @supports (border-width: unquote("max(0px)")) {
+        $border-width-eval: "max(#{$chevron-border-min-width}, #{$chevron-border-width})";
+
+        // Ensure that the chevron never gets smaller than 16px
+        border-width: unquote($border-width-eval) unquote($border-width-eval) 0 0;
+        font-size: unquote("max(#{$font-size * 1px}, 1em)");
+      }
+    }
+
+    &:first-child {
+      margin-left: 0;
+      padding-left: 0;
+
+      &::before {
+        content: none;
+        display: none;
+      }
+    }
+  }
+
+  .govuk-breadcrumbs__link {
+    @include govuk-link-common;
+    @include govuk-link-style-text;
+  }
+
+  .govuk-breadcrumbs--collapse-on-mobile {
+    @include govuk-media-query($until: tablet) {
+      .govuk-breadcrumbs__list-item {
+        display: none;
+
+        &:first-child,
+        &:last-child {
+          display: inline-block;
+        }
+
+        &::before {
+          top: govuk-em(6px, $font-size);
+          margin: 0;
+        }
+      }
+
+      .govuk-breadcrumbs__list {
+        display: flex;
+      }
+    }
+  }
+
+  .govuk-breadcrumbs--inverse {
+    color: govuk-colour("white");
+
+    .govuk-breadcrumbs__link {
+      @include govuk-link-style-inverse;
+    }
+
+    .govuk-breadcrumbs__list-item::before {
+      border-color: currentcolor;
+    }
+  }
+}
+
+/*# sourceMappingURL=_index.scss.map */
diff --git a/app/templates/govuk/components/components/breadcrumbs/_index.scss.map b/app/templates/govuk/components/components/breadcrumbs/_index.scss.map
new file mode 100644
index 0000000..936e96e
--- /dev/null
+++ b/app/templates/govuk/components/components/breadcrumbs/_index.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/breadcrumbs/_index.scss"],"names":[],"mappings":"AAAA;EACE,6DAA6D;EAC7D,cAAc;;EAEd,oCAAoC;EACpC,wCAAwC;;EAExC,wBAAwB;EACxB,8BAA8B;EAC9B,sEAAsE;;EAEtE,mBAAmB;EACnB,oDAAoD;;EAEpD,2EAA2E;EAC3E,iCAAiC;EACjC,CAAC;EACD,0BAA0B;EAC1B,2DAA2D;;EAE3D;IACE,sCAAsC;IACtC,0BAA0B;;IAE1B,4BAA4B;IAC5B,+BAA+B;EACjC;;EAEA;IACE,uBAAuB;;IAEvB,SAAS;IACT,UAAU;IACV,qBAAqB;EACvB;;EAEA;IACE,qBAAqB;IACrB,kBAAkB;;IAElB,+BAA+B;;IAE/B,qEAAqE;IACrE,8BAA8B;IAC9B,mDAAmD;IACnD,mFAAmF;;IAEnF,WAAW;;IAEX,wEAAwE;IACxE;MACE,WAAW;MACX,cAAc;;MAEd,kBAAkB;MAClB,MAAM;MACN,SAAS;;MAET,sEAAsE;MACtE,4BAA4B;MAC5B,mFAAmF;;MAEnF,oBAAoB;MACpB,qBAAqB;;MAErB,cAAc;;MAEd,wBAAwB;;MAExB,aAAa;MACb,qEAAqE;MACrE,oCAAoC;;MAEpC;QACE,iFAAiF;;QAEjF,sDAAsD;QACtD,yEAAyE;QACzE,mDAAmD;MACrD;IACF;;IAEA;MACE,cAAc;MACd,eAAe;;MAEf;QACE,aAAa;QACb,aAAa;MACf;IACF;EACF;;EAEA;IACE,0BAA0B;IAC1B,8BAA8B;EAChC;;EAEA;IACE;MACE;QACE,aAAa;;QAEb;;UAEE,qBAAqB;QACvB;;QAEA;UACE,8BAA8B;UAC9B,SAAS;QACX;MACF;;MAEA;QACE,aAAa;MACf;IACF;EACF;;EAEA;IACE,4BAA4B;;IAE5B;MACE,iCAAiC;IACnC;;IAEA;MACE,0BAA0B;IAC5B;EACF;AACF","file":"_index.scss","sourcesContent":["@include govuk-exports(\"govuk/component/breadcrumbs\") {\n  // Component font-size on the Frontend (used for calculations)\n  $font-size: 16;\n\n  // Size of chevron (excluding border)\n  $chevron-size: govuk-em(7px, $font-size);\n\n  // Size of chevron border\n  $chevron-border-min-width: 1px;\n  $chevron-border-width: govuk-em($chevron-border-min-width, $font-size);\n\n  // Colour of chevron\n  $chevron-border-colour: $govuk-secondary-text-colour;\n\n  // Calculated altitude (△↕) of the right-angled isosceles chevron with sides\n  // of length 8 (7px + 1px border):\n  //\n  // √(8² + 8²) * 0.5 ≅ 5.655\n  $chevron-altitude-calculated: govuk-em(5.655px, $font-size);\n\n  .govuk-breadcrumbs {\n    @include govuk-font($size: $font-size);\n    @include govuk-text-colour;\n\n    margin-top: govuk-spacing(3);\n    margin-bottom: govuk-spacing(2);\n  }\n\n  .govuk-breadcrumbs__list {\n    @include govuk-clearfix;\n\n    margin: 0;\n    padding: 0;\n    list-style-type: none;\n  }\n\n  .govuk-breadcrumbs__list-item {\n    display: inline-block;\n    position: relative;\n\n    margin-bottom: govuk-spacing(1);\n\n    // Add both margin and padding such that the chevron appears centrally\n    // between each breadcrumb item\n    margin-left: govuk-em(govuk-spacing(2), $font-size);\n    padding-left: govuk-em(govuk-spacing(2), $font-size) + $chevron-altitude-calculated;\n\n    float: left;\n\n    // Create a chevron using a box with borders on two sides, rotated 45deg.\n    &::before {\n      content: \"\";\n      display: block;\n\n      position: absolute;\n      top: 0;\n      bottom: 0;\n\n      // Offset by the difference between the width of the non-rotated square\n      // and its width when rotated\n      left: (($chevron-altitude-calculated * -2) + $chevron-size + $chevron-border-width);\n\n      width: $chevron-size;\n      height: $chevron-size;\n\n      margin: auto 0;\n\n      transform: rotate(45deg);\n\n      border: solid;\n      border-width: $chevron-border-min-width $chevron-border-min-width 0 0;\n      border-color: $chevron-border-colour;\n\n      @supports (border-width: unquote(\"max(0px)\")) {\n        $border-width-eval: \"max(#{$chevron-border-min-width}, #{$chevron-border-width})\";\n\n        // Ensure that the chevron never gets smaller than 16px\n        border-width: unquote($border-width-eval) unquote($border-width-eval) 0 0;\n        font-size: unquote(\"max(#{$font-size * 1px}, 1em)\");\n      }\n    }\n\n    &:first-child {\n      margin-left: 0;\n      padding-left: 0;\n\n      &::before {\n        content: none;\n        display: none;\n      }\n    }\n  }\n\n  .govuk-breadcrumbs__link {\n    @include govuk-link-common;\n    @include govuk-link-style-text;\n  }\n\n  .govuk-breadcrumbs--collapse-on-mobile {\n    @include govuk-media-query($until: tablet) {\n      .govuk-breadcrumbs__list-item {\n        display: none;\n\n        &:first-child,\n        &:last-child {\n          display: inline-block;\n        }\n\n        &::before {\n          top: govuk-em(6px, $font-size);\n          margin: 0;\n        }\n      }\n\n      .govuk-breadcrumbs__list {\n        display: flex;\n      }\n    }\n  }\n\n  .govuk-breadcrumbs--inverse {\n    color: govuk-colour(\"white\");\n\n    .govuk-breadcrumbs__link {\n      @include govuk-link-style-inverse;\n    }\n\n    .govuk-breadcrumbs__list-item::before {\n      border-color: currentcolor;\n    }\n  }\n}\n"]}
diff --git a/app/templates/govuk/components/components/breadcrumbs/fixtures.json b/app/templates/govuk/components/components/breadcrumbs/fixtures.json
new file mode 100644
index 0000000..b51c56a
--- /dev/null
+++ b/app/templates/govuk/components/components/breadcrumbs/fixtures.json
@@ -0,0 +1,258 @@
+{
+    "component": "breadcrumbs",
+    "fixtures": [
+        {
+            "name": "default",
+            "options": {
+                "items": [
+                    {
+                        "text": "Home",
+                        "href": "/"
+                    },
+                    {
+                        "text": "Section",
+                        "href": "/section"
+                    },
+                    {
+                        "text": "Sub-section",
+                        "href": "/section/sub-section"
+                    },
+                    {
+                        "text": "Sub Sub-section",
+                        "href": "/section/sub-section/sub-sub-section"
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": true,
+            "html": "<nav class=\"govuk-breadcrumbs\" aria-label=\"Breadcrumb\">\n  <ol class=\"govuk-breadcrumbs__list\">\n    <li class=\"govuk-breadcrumbs__list-item\">\n      <a class=\"govuk-breadcrumbs__link\" href=\"/\">Home</a>\n    </li>\n    <li class=\"govuk-breadcrumbs__list-item\">\n      <a class=\"govuk-breadcrumbs__link\" href=\"/section\">Section</a>\n    </li>\n    <li class=\"govuk-breadcrumbs__list-item\">\n      <a class=\"govuk-breadcrumbs__link\" href=\"/section/sub-section\">Sub-section</a>\n    </li>\n    <li class=\"govuk-breadcrumbs__list-item\">\n      <a class=\"govuk-breadcrumbs__link\" href=\"/section/sub-section/sub-sub-section\">Sub Sub-section</a>\n    </li>\n  </ol>\n</nav>"
+        },
+        {
+            "name": "with one level",
+            "options": {
+                "items": [
+                    {
+                        "text": "Section",
+                        "href": "/section"
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<nav class=\"govuk-breadcrumbs\" aria-label=\"Breadcrumb\">\n  <ol class=\"govuk-breadcrumbs__list\">\n    <li class=\"govuk-breadcrumbs__list-item\">\n      <a class=\"govuk-breadcrumbs__link\" href=\"/section\">Section</a>\n    </li>\n  </ol>\n</nav>"
+        },
+        {
+            "name": "without the home section",
+            "options": {
+                "items": [
+                    {
+                        "text": "Service Manual",
+                        "href": "/service-manual"
+                    },
+                    {
+                        "text": "Agile Delivery",
+                        "href": "/service-manual/agile-delivery"
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<nav class=\"govuk-breadcrumbs\" aria-label=\"Breadcrumb\">\n  <ol class=\"govuk-breadcrumbs__list\">\n    <li class=\"govuk-breadcrumbs__list-item\">\n      <a class=\"govuk-breadcrumbs__link\" href=\"/service-manual\">Service Manual</a>\n    </li>\n    <li class=\"govuk-breadcrumbs__list-item\">\n      <a class=\"govuk-breadcrumbs__link\" href=\"/service-manual/agile-delivery\">Agile Delivery</a>\n    </li>\n  </ol>\n</nav>"
+        },
+        {
+            "name": "with last breadcrumb as current page",
+            "options": {
+                "items": [
+                    {
+                        "text": "Home",
+                        "href": "/"
+                    },
+                    {
+                        "text": "Passports, travel and living abroad",
+                        "href": "/browse/abroad"
+                    },
+                    {
+                        "text": "Travel abroad"
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<nav class=\"govuk-breadcrumbs\" aria-label=\"Breadcrumb\">\n  <ol class=\"govuk-breadcrumbs__list\">\n    <li class=\"govuk-breadcrumbs__list-item\">\n      <a class=\"govuk-breadcrumbs__link\" href=\"/\">Home</a>\n    </li>\n    <li class=\"govuk-breadcrumbs__list-item\">\n      <a class=\"govuk-breadcrumbs__link\" href=\"/browse/abroad\">Passports, travel and living abroad</a>\n    </li>\n    <li class=\"govuk-breadcrumbs__list-item\" aria-current=\"page\">Travel abroad</li>\n  </ol>\n</nav>"
+        },
+        {
+            "name": "with collapse on mobile",
+            "options": {
+                "collapseOnMobile": true,
+                "items": [
+                    {
+                        "text": "Home",
+                        "href": "/"
+                    },
+                    {
+                        "text": "Education, training and skills",
+                        "href": "/education"
+                    },
+                    {
+                        "text": "Special educational needs and disability (SEND) and high needs",
+                        "href": "/education/special-educational-needs-and-disability-send-and-high-needs"
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": true,
+            "html": "<nav class=\"govuk-breadcrumbs govuk-breadcrumbs--collapse-on-mobile\" aria-label=\"Breadcrumb\">\n  <ol class=\"govuk-breadcrumbs__list\">\n    <li class=\"govuk-breadcrumbs__list-item\">\n      <a class=\"govuk-breadcrumbs__link\" href=\"/\">Home</a>\n    </li>\n    <li class=\"govuk-breadcrumbs__list-item\">\n      <a class=\"govuk-breadcrumbs__link\" href=\"/education\">Education, training and skills</a>\n    </li>\n    <li class=\"govuk-breadcrumbs__list-item\">\n      <a class=\"govuk-breadcrumbs__link\" href=\"/education/special-educational-needs-and-disability-send-and-high-needs\">Special educational needs and disability (SEND) and high needs</a>\n    </li>\n  </ol>\n</nav>"
+        },
+        {
+            "name": "inverse",
+            "options": {
+                "classes": "govuk-breadcrumbs--inverse",
+                "items": [
+                    {
+                        "text": "Home",
+                        "href": "/"
+                    },
+                    {
+                        "text": "Passports, travel and living abroad",
+                        "href": "/browse/abroad"
+                    },
+                    {
+                        "text": "Travel abroad"
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "Breadcrumbs that appear on dark backgrounds",
+            "pageTemplateOptions": {
+                "bodyClasses": "app-template__body--inverse"
+            },
+            "screenshot": true,
+            "html": "<nav class=\"govuk-breadcrumbs govuk-breadcrumbs--inverse\" aria-label=\"Breadcrumb\">\n  <ol class=\"govuk-breadcrumbs__list\">\n    <li class=\"govuk-breadcrumbs__list-item\">\n      <a class=\"govuk-breadcrumbs__link\" href=\"/\">Home</a>\n    </li>\n    <li class=\"govuk-breadcrumbs__list-item\">\n      <a class=\"govuk-breadcrumbs__link\" href=\"/browse/abroad\">Passports, travel and living abroad</a>\n    </li>\n    <li class=\"govuk-breadcrumbs__list-item\" aria-current=\"page\">Travel abroad</li>\n  </ol>\n</nav>"
+        },
+        {
+            "name": "classes",
+            "options": {
+                "classes": "app-breadcrumbs--custom-modifier",
+                "items": [
+                    {
+                        "text": "Home"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<nav class=\"govuk-breadcrumbs app-breadcrumbs--custom-modifier\" aria-label=\"Breadcrumb\">\n  <ol class=\"govuk-breadcrumbs__list\">\n    <li class=\"govuk-breadcrumbs__list-item\" aria-current=\"page\">Home</li>\n  </ol>\n</nav>"
+        },
+        {
+            "name": "attributes",
+            "options": {
+                "attributes": {
+                    "id": "my-navigation",
+                    "data-foo": "bar"
+                },
+                "items": [
+                    {
+                        "text": "Home"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<nav class=\"govuk-breadcrumbs\" id=\"my-navigation\" data-foo=\"bar\" aria-label=\"Breadcrumb\">\n  <ol class=\"govuk-breadcrumbs__list\">\n    <li class=\"govuk-breadcrumbs__list-item\" aria-current=\"page\">Home</li>\n  </ol>\n</nav>"
+        },
+        {
+            "name": "item attributes",
+            "options": {
+                "items": [
+                    {
+                        "text": "Section 1",
+                        "href": "/section",
+                        "attributes": {
+                            "data-attribute": "my-attribute",
+                            "data-attribute-2": "my-attribute-2"
+                        }
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<nav class=\"govuk-breadcrumbs\" aria-label=\"Breadcrumb\">\n  <ol class=\"govuk-breadcrumbs__list\">\n    <li class=\"govuk-breadcrumbs__list-item\">\n      <a class=\"govuk-breadcrumbs__link\" href=\"/section\" data-attribute=\"my-attribute\" data-attribute-2=\"my-attribute-2\">Section 1</a>\n    </li>\n  </ol>\n</nav>"
+        },
+        {
+            "name": "html as text",
+            "options": {
+                "items": [
+                    {
+                        "text": "<span>Section 1</span>",
+                        "href": "/section-1"
+                    },
+                    {
+                        "text": "<span>Section 2</span>"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<nav class=\"govuk-breadcrumbs\" aria-label=\"Breadcrumb\">\n  <ol class=\"govuk-breadcrumbs__list\">\n    <li class=\"govuk-breadcrumbs__list-item\">\n      <a class=\"govuk-breadcrumbs__link\" href=\"/section-1\">&lt;span&gt;Section 1&lt;/span&gt;</a>\n    </li>\n    <li class=\"govuk-breadcrumbs__list-item\" aria-current=\"page\">&lt;span&gt;Section 2&lt;/span&gt;</li>\n  </ol>\n</nav>"
+        },
+        {
+            "name": "html",
+            "options": {
+                "items": [
+                    {
+                        "html": "<em>Section 1</em>",
+                        "href": "/section-1"
+                    },
+                    {
+                        "html": "<em>Section 2</em>",
+                        "href": "/section-2"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<nav class=\"govuk-breadcrumbs\" aria-label=\"Breadcrumb\">\n  <ol class=\"govuk-breadcrumbs__list\">\n    <li class=\"govuk-breadcrumbs__list-item\">\n      <a class=\"govuk-breadcrumbs__link\" href=\"/section-1\"><em>Section 1</em></a>\n    </li>\n    <li class=\"govuk-breadcrumbs__list-item\">\n      <a class=\"govuk-breadcrumbs__link\" href=\"/section-2\"><em>Section 2</em></a>\n    </li>\n  </ol>\n</nav>"
+        },
+        {
+            "name": "custom label",
+            "options": {
+                "labelText": "Briwsion bara",
+                "items": [
+                    {
+                        "text": "Hafan",
+                        "href": "/"
+                    },
+                    {
+                        "text": "Sefydliadau",
+                        "href": "/organisations"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<nav class=\"govuk-breadcrumbs\" aria-label=\"Briwsion bara\">\n  <ol class=\"govuk-breadcrumbs__list\">\n    <li class=\"govuk-breadcrumbs__list-item\">\n      <a class=\"govuk-breadcrumbs__link\" href=\"/\">Hafan</a>\n    </li>\n    <li class=\"govuk-breadcrumbs__list-item\">\n      <a class=\"govuk-breadcrumbs__link\" href=\"/organisations\">Sefydliadau</a>\n    </li>\n  </ol>\n</nav>"
+        }
+    ]
+}
diff --git a/app/templates/govuk/components/components/breadcrumbs/macro-options.json b/app/templates/govuk/components/components/breadcrumbs/macro-options.json
new file mode 100644
index 0000000..4ac5d1d
--- /dev/null
+++ b/app/templates/govuk/components/components/breadcrumbs/macro-options.json
@@ -0,0 +1,58 @@
+[
+    {
+        "name": "items",
+        "type": "array",
+        "required": true,
+        "description": "The items within breadcrumbs.",
+        "params": [
+            {
+                "name": "text",
+                "type": "string",
+                "required": true,
+                "description": "If `html` is set, this is not required. Text to use within the breadcrumbs item. If `html` is provided, the `text` option will be ignored."
+            },
+            {
+                "name": "html",
+                "type": "string",
+                "required": true,
+                "description": "If `text` is set, this is not required. HTML to use within the breadcrumbs item. If `html` is provided, the `text` option will be ignored."
+            },
+            {
+                "name": "href",
+                "type": "string",
+                "required": false,
+                "description": "Link for the breadcrumbs item. If not specified, breadcrumbs item is a normal list item."
+            },
+            {
+                "name": "attributes",
+                "type": "object",
+                "required": false,
+                "description": "HTML attributes (for example data attributes) to add to the individual crumb."
+            }
+        ]
+    },
+    {
+        "name": "classes",
+        "type": "string",
+        "required": false,
+        "description": "Classes to add to the breadcrumbs container."
+    },
+    {
+        "name": "collapseOnMobile",
+        "type": "boolean",
+        "required": false,
+        "description": "When true, the breadcrumbs will collapse to the first and last item only on tablet breakpoint and below."
+    },
+    {
+        "name": "attributes",
+        "type": "object",
+        "required": false,
+        "description": "HTML attributes (for example data attributes) to add to the breadcrumbs container."
+    },
+    {
+        "name": "labelText",
+        "type": "string",
+        "required": false,
+        "description": "Plain text label identifying the landmark to screen readers. Defaults to \"Breadcrumb\"."
+    }
+]
diff --git a/app/templates/govuk/components/components/breadcrumbs/macro.njk b/app/templates/govuk/components/components/breadcrumbs/macro.njk
new file mode 100644
index 0000000..e215bea
--- /dev/null
+++ b/app/templates/govuk/components/components/breadcrumbs/macro.njk
@@ -0,0 +1,3 @@
+{% macro govukBreadcrumbs(params) %}
+  {%- include "./template.njk" -%}
+{% endmacro %}
diff --git a/app/templates/govuk/components/components/breadcrumbs/template-default.html b/app/templates/govuk/components/components/breadcrumbs/template-default.html
new file mode 100644
index 0000000..f9cf0ba
--- /dev/null
+++ b/app/templates/govuk/components/components/breadcrumbs/template-default.html
@@ -0,0 +1,16 @@
+<nav class="govuk-breadcrumbs" aria-label="Breadcrumb">
+  <ol class="govuk-breadcrumbs__list">
+    <li class="govuk-breadcrumbs__list-item">
+      <a class="govuk-breadcrumbs__link" href="/">Home</a>
+    </li>
+    <li class="govuk-breadcrumbs__list-item">
+      <a class="govuk-breadcrumbs__link" href="/section">Section</a>
+    </li>
+    <li class="govuk-breadcrumbs__list-item">
+      <a class="govuk-breadcrumbs__link" href="/section/sub-section">Sub-section</a>
+    </li>
+    <li class="govuk-breadcrumbs__list-item">
+      <a class="govuk-breadcrumbs__link" href="/section/sub-section/sub-sub-section">Sub Sub-section</a>
+    </li>
+  </ol>
+</nav>
diff --git a/app/templates/govuk/components/components/breadcrumbs/template-inverse.html b/app/templates/govuk/components/components/breadcrumbs/template-inverse.html
new file mode 100644
index 0000000..d1879ec
--- /dev/null
+++ b/app/templates/govuk/components/components/breadcrumbs/template-inverse.html
@@ -0,0 +1,11 @@
+<nav class="govuk-breadcrumbs govuk-breadcrumbs--inverse" aria-label="Breadcrumb">
+  <ol class="govuk-breadcrumbs__list">
+    <li class="govuk-breadcrumbs__list-item">
+      <a class="govuk-breadcrumbs__link" href="/">Home</a>
+    </li>
+    <li class="govuk-breadcrumbs__list-item">
+      <a class="govuk-breadcrumbs__link" href="/browse/abroad">Passports, travel and living abroad</a>
+    </li>
+    <li class="govuk-breadcrumbs__list-item" aria-current="page">Travel abroad</li>
+  </ol>
+</nav>
diff --git a/app/templates/govuk/components/components/breadcrumbs/template-with-collapse-on-mobile.html b/app/templates/govuk/components/components/breadcrumbs/template-with-collapse-on-mobile.html
new file mode 100644
index 0000000..1b4af87
--- /dev/null
+++ b/app/templates/govuk/components/components/breadcrumbs/template-with-collapse-on-mobile.html
@@ -0,0 +1,13 @@
+<nav class="govuk-breadcrumbs govuk-breadcrumbs--collapse-on-mobile" aria-label="Breadcrumb">
+  <ol class="govuk-breadcrumbs__list">
+    <li class="govuk-breadcrumbs__list-item">
+      <a class="govuk-breadcrumbs__link" href="/">Home</a>
+    </li>
+    <li class="govuk-breadcrumbs__list-item">
+      <a class="govuk-breadcrumbs__link" href="/education">Education, training and skills</a>
+    </li>
+    <li class="govuk-breadcrumbs__list-item">
+      <a class="govuk-breadcrumbs__link" href="/education/special-educational-needs-and-disability-send-and-high-needs">Special educational needs and disability (SEND) and high needs</a>
+    </li>
+  </ol>
+</nav>
diff --git a/app/templates/govuk/components/components/breadcrumbs/template-with-last-breadcrumb-as-current-page.html b/app/templates/govuk/components/components/breadcrumbs/template-with-last-breadcrumb-as-current-page.html
new file mode 100644
index 0000000..af6bcc1
--- /dev/null
+++ b/app/templates/govuk/components/components/breadcrumbs/template-with-last-breadcrumb-as-current-page.html
@@ -0,0 +1,11 @@
+<nav class="govuk-breadcrumbs" aria-label="Breadcrumb">
+  <ol class="govuk-breadcrumbs__list">
+    <li class="govuk-breadcrumbs__list-item">
+      <a class="govuk-breadcrumbs__link" href="/">Home</a>
+    </li>
+    <li class="govuk-breadcrumbs__list-item">
+      <a class="govuk-breadcrumbs__link" href="/browse/abroad">Passports, travel and living abroad</a>
+    </li>
+    <li class="govuk-breadcrumbs__list-item" aria-current="page">Travel abroad</li>
+  </ol>
+</nav>
diff --git a/app/templates/govuk/components/components/breadcrumbs/template-with-one-level.html b/app/templates/govuk/components/components/breadcrumbs/template-with-one-level.html
new file mode 100644
index 0000000..50085fd
--- /dev/null
+++ b/app/templates/govuk/components/components/breadcrumbs/template-with-one-level.html
@@ -0,0 +1,7 @@
+<nav class="govuk-breadcrumbs" aria-label="Breadcrumb">
+  <ol class="govuk-breadcrumbs__list">
+    <li class="govuk-breadcrumbs__list-item">
+      <a class="govuk-breadcrumbs__link" href="/section">Section</a>
+    </li>
+  </ol>
+</nav>
diff --git a/app/templates/govuk/components/components/breadcrumbs/template-without-the-home-section.html b/app/templates/govuk/components/components/breadcrumbs/template-without-the-home-section.html
new file mode 100644
index 0000000..39d3bc3
--- /dev/null
+++ b/app/templates/govuk/components/components/breadcrumbs/template-without-the-home-section.html
@@ -0,0 +1,10 @@
+<nav class="govuk-breadcrumbs" aria-label="Breadcrumb">
+  <ol class="govuk-breadcrumbs__list">
+    <li class="govuk-breadcrumbs__list-item">
+      <a class="govuk-breadcrumbs__link" href="/service-manual">Service Manual</a>
+    </li>
+    <li class="govuk-breadcrumbs__list-item">
+      <a class="govuk-breadcrumbs__link" href="/service-manual/agile-delivery">Agile Delivery</a>
+    </li>
+  </ol>
+</nav>
diff --git a/app/templates/govuk/components/components/breadcrumbs/template.njk b/app/templates/govuk/components/components/breadcrumbs/template.njk
new file mode 100644
index 0000000..b6d0942
--- /dev/null
+++ b/app/templates/govuk/components/components/breadcrumbs/template.njk
@@ -0,0 +1,30 @@
+{% from "../../macros/attributes.njk" import govukAttributes %}
+
+{#- Set classes for this component #}
+{%- set classNames = "govuk-breadcrumbs" -%}
+
+{% if params.classes %}
+  {% set classNames = classNames + " " + params.classes %}
+{% endif -%}
+
+{% if params.collapseOnMobile %}
+  {% set classNames = classNames + " govuk-breadcrumbs--collapse-on-mobile" %}
+{% endif -%}
+
+<nav class="{{ classNames }}" {{- govukAttributes(params.attributes) }} aria-label="{{ params.labelText | default("Breadcrumb") }}">
+  <ol class="govuk-breadcrumbs__list">
+{% for item in params.items %}
+  {% if item.href %}
+    <li class="govuk-breadcrumbs__list-item">
+      <a class="govuk-breadcrumbs__link" href="{{ item.href }}" {{- govukAttributes(item.attributes) }}>
+        {{- item.html | safe if item.html else item.text -}}
+      </a>
+    </li>
+  {% else %}
+    <li class="govuk-breadcrumbs__list-item" aria-current="page">
+      {{- item.html | safe if item.html else item.text -}}
+    </li>
+  {% endif %}
+{% endfor %}
+  </ol>
+</nav>
diff --git a/app/templates/govuk/components/components/button/README.md b/app/templates/govuk/components/components/button/README.md
new file mode 100644
index 0000000..6548fb7
--- /dev/null
+++ b/app/templates/govuk/components/components/button/README.md
@@ -0,0 +1,15 @@
+# Button
+
+## Installation
+
+See the [main README quick start guide](https://github.com/alphagov/govuk-frontend#quick-start) for how to install this component.
+
+## Guidance and Examples
+
+Find out when to use the button component in your service in the [GOV.UK Design System](https://design-system.service.gov.uk/components/button).
+
+## Component options
+
+Use options to customise the appearance, content and behaviour of a component when using a macro, for example, changing the text.
+
+See [options table](https://design-system.service.gov.uk/components/button/#options-button-example) for details.
diff --git a/app/templates/govuk/components/components/button/_button.scss b/app/templates/govuk/components/components/button/_button.scss
new file mode 100644
index 0000000..a8d9b27
--- /dev/null
+++ b/app/templates/govuk/components/components/button/_button.scss
@@ -0,0 +1,4 @@
+@import "../../base";
+@import "./index";
+
+/*# sourceMappingURL=_button.scss.map */
diff --git a/app/templates/govuk/components/components/button/_button.scss.map b/app/templates/govuk/components/components/button/_button.scss.map
new file mode 100644
index 0000000..30db6a1
--- /dev/null
+++ b/app/templates/govuk/components/components/button/_button.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/button/_button.scss"],"names":[],"mappings":"AAAA,oBAAoB;AACpB,iBAAiB","file":"_button.scss","sourcesContent":["@import \"../../base\";\n@import \"./index\";\n"]}
diff --git a/app/templates/govuk/components/components/button/_index.scss b/app/templates/govuk/components/components/button/_index.scss
new file mode 100644
index 0000000..0df98a4
--- /dev/null
+++ b/app/templates/govuk/components/components/button/_index.scss
@@ -0,0 +1,262 @@
+////
+/// @group components/button
+////
+
+/// Button component background colour
+///
+/// @type Colour
+/// @access public
+
+$govuk-button-background-colour: govuk-colour("green") !default;
+
+/// Button component text colour
+///
+/// @type Colour
+/// @access public
+
+$govuk-button-text-colour: govuk-colour("white") !default;
+
+/// Inverted button component background colour
+///
+/// @type Colour
+/// @access public
+
+$govuk-inverse-button-background-colour: govuk-colour("white") !default;
+
+/// Inverted button component text colour
+///
+/// @type Colour
+/// @access public
+
+$govuk-inverse-button-text-colour: $govuk-brand-colour !default;
+
+@include govuk-exports("govuk/component/button") {
+  $govuk-button-colour: $govuk-button-background-colour;
+  $govuk-button-text-colour: $govuk-button-text-colour;
+  $govuk-button-hover-colour: govuk-shade($govuk-button-colour, 20%);
+  $govuk-button-shadow-colour: govuk-shade($govuk-button-colour, 60%);
+
+  // Secondary button variables
+  $govuk-secondary-button-colour: govuk-colour("light-grey");
+  $govuk-secondary-button-text-colour: govuk-colour("black");
+  $govuk-secondary-button-hover-colour: govuk-shade($govuk-secondary-button-colour, 10%);
+  $govuk-secondary-button-shadow-colour: govuk-shade($govuk-secondary-button-colour, 40%);
+
+  // Warning button variables
+  $govuk-warning-button-colour: govuk-colour("red");
+  $govuk-warning-button-text-colour: govuk-colour("white");
+  $govuk-warning-button-hover-colour: govuk-shade($govuk-warning-button-colour, 20%);
+  $govuk-warning-button-shadow-colour: govuk-shade($govuk-warning-button-colour, 60%);
+
+  // Inverse button variables
+  $govuk-inverse-button-colour: $govuk-inverse-button-background-colour;
+  $govuk-inverse-button-text-colour: $govuk-inverse-button-text-colour;
+  $govuk-inverse-button-hover-colour: govuk-tint($govuk-inverse-button-text-colour, 90%);
+  $govuk-inverse-button-shadow-colour: govuk-shade($govuk-inverse-button-text-colour, 30%);
+
+  // Because the shadow (s0) is visually 'part of' the button, we need to reduce
+  // the height of the button to compensate by adjusting its padding (s1) and
+  // increase the bottom margin to include it (s2).
+  $button-shadow-size: $govuk-border-width-form-element;
+
+  .govuk-button {
+    @include govuk-font($size: 19, $line-height: 19px);
+
+    box-sizing: border-box;
+    display: inline-block;
+    position: relative;
+    width: 100%;
+    margin-top: 0;
+    margin-right: 0;
+    margin-left: 0;
+    @include govuk-responsive-margin(6, "bottom", $adjustment: $button-shadow-size); // s2
+    padding: (govuk-spacing(2) - $govuk-border-width-form-element) govuk-spacing(2)
+      (govuk-spacing(2) - $govuk-border-width-form-element - ($button-shadow-size / 2)); // s1
+    border: $govuk-border-width-form-element solid transparent;
+    border-radius: 0;
+    color: $govuk-button-text-colour;
+    background-color: $govuk-button-colour;
+    box-shadow: 0 $button-shadow-size 0 $govuk-button-shadow-colour; // s0
+    text-align: center;
+    vertical-align: top;
+    cursor: pointer;
+    -webkit-appearance: none;
+
+    @include govuk-media-query($from: tablet) {
+      width: auto;
+    }
+
+    // Ensure that any global link styles are overridden
+    &:link,
+    &:visited,
+    &:active,
+    &:hover {
+      color: $govuk-button-text-colour;
+      text-decoration: none;
+    }
+
+    // Fix unwanted button padding in Firefox
+    &::-moz-focus-inner {
+      padding: 0;
+      border: 0;
+    }
+
+    &:hover {
+      background-color: $govuk-button-hover-colour;
+    }
+
+    &:active {
+      // Bump the button down so it looks like its being pressed in
+      top: $button-shadow-size;
+    }
+
+    &:focus {
+      border-color: $govuk-focus-colour;
+      outline: $govuk-focus-width solid transparent;
+      box-shadow: inset 0 0 0 1px $govuk-focus-colour;
+    }
+
+    &:focus:not(:active):not(:hover) {
+      border-color: $govuk-focus-colour;
+      color: $govuk-focus-text-colour;
+      background-color: $govuk-focus-colour;
+      box-shadow: 0 2px 0 $govuk-focus-text-colour;
+    }
+
+    // The following adjustments do not work for <input type="button"> as
+    // non-container elements cannot include pseudo elements (i.e. ::before).
+
+    // Use a pseudo element to expand the click target area to include the
+    // button's shadow as well, in case users try to click it.
+    &::before {
+      content: "";
+      display: block;
+
+      position: absolute;
+
+      top: -$govuk-border-width-form-element;
+      right: -$govuk-border-width-form-element;
+      bottom: -($govuk-border-width-form-element + $button-shadow-size);
+      left: -$govuk-border-width-form-element;
+
+      background: transparent;
+    }
+
+    // When the button is active it is shifted down by $button-shadow-size to
+    // denote a 'pressed' state. If the user happened to click at the very top
+    // of the button, their mouse is no longer over the button (because it has
+    // 'moved beneath them') and so the click event is not fired.
+    //
+    // This corrects that by shifting the top of the pseudo element so that it
+    // continues to cover the area that the user originally clicked, which means
+    // the click event is still fired.
+    //
+    // 🎉
+    &:active::before {
+      top: -($govuk-border-width-form-element + $button-shadow-size);
+    }
+  }
+
+  .govuk-button[disabled] {
+    opacity: (0.5);
+
+    &:hover {
+      background-color: $govuk-button-colour;
+      cursor: not-allowed;
+    }
+
+    &:active {
+      top: 0;
+      box-shadow: 0 $button-shadow-size 0 $govuk-button-shadow-colour; // s0
+    }
+  }
+
+  .govuk-button--secondary {
+    background-color: $govuk-secondary-button-colour;
+    box-shadow: 0 $button-shadow-size 0 $govuk-secondary-button-shadow-colour;
+
+    &,
+    &:link,
+    &:visited,
+    &:active,
+    &:hover {
+      color: $govuk-secondary-button-text-colour;
+    }
+
+    &:hover {
+      background-color: $govuk-secondary-button-hover-colour;
+
+      &[disabled] {
+        background-color: $govuk-secondary-button-colour;
+      }
+    }
+  }
+
+  .govuk-button--warning {
+    background-color: $govuk-warning-button-colour;
+    box-shadow: 0 $button-shadow-size 0 $govuk-warning-button-shadow-colour;
+
+    &,
+    &:link,
+    &:visited,
+    &:active,
+    &:hover {
+      color: $govuk-warning-button-text-colour;
+    }
+
+    &:hover {
+      background-color: $govuk-warning-button-hover-colour;
+
+      &[disabled] {
+        background-color: $govuk-warning-button-colour;
+      }
+    }
+  }
+
+  .govuk-button--inverse {
+    background-color: $govuk-inverse-button-colour;
+    box-shadow: 0 $button-shadow-size 0 $govuk-inverse-button-shadow-colour;
+
+    &,
+    &:link,
+    &:visited,
+    &:active,
+    &:hover {
+      color: $govuk-inverse-button-text-colour;
+    }
+
+    &:hover {
+      background-color: $govuk-inverse-button-hover-colour;
+
+      &[disabled] {
+        background-color: $govuk-inverse-button-colour;
+      }
+    }
+  }
+
+  .govuk-button--start {
+    @include govuk-typography-weight-bold;
+    @include govuk-font-size($size: 24, $line-height: 1);
+
+    display: inline-flex;
+    min-height: auto;
+
+    justify-content: center;
+  }
+
+  .govuk-button__start-icon {
+    margin-left: govuk-spacing(1);
+
+    @include govuk-media-query($from: desktop) {
+      margin-left: govuk-spacing(2);
+    }
+    vertical-align: middle;
+    flex-shrink: 0;
+    align-self: center;
+    // Work around SVGs not inheriting color from parent in forced color mode
+    // (https://github.com/w3c/csswg-drafts/issues/6310)
+    forced-color-adjust: auto;
+  }
+}
+
+/*# sourceMappingURL=_index.scss.map */
diff --git a/app/templates/govuk/components/components/button/_index.scss.map b/app/templates/govuk/components/components/button/_index.scss.map
new file mode 100644
index 0000000..2b7f576
--- /dev/null
+++ b/app/templates/govuk/components/components/button/_index.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/button/_index.scss"],"names":[],"mappings":"AAAA,GAAG;AACH,2BAA2B;AAC3B,GAAG;;AAEH,qCAAqC;AACrC,EAAE;AACF,eAAe;AACf,iBAAiB;;AAEjB,+DAA+D;;AAE/D,+BAA+B;AAC/B,EAAE;AACF,eAAe;AACf,iBAAiB;;AAEjB,yDAAyD;;AAEzD,8CAA8C;AAC9C,EAAE;AACF,eAAe;AACf,iBAAiB;;AAEjB,uEAAuE;;AAEvE,wCAAwC;AACxC,EAAE;AACF,eAAe;AACf,iBAAiB;;AAEjB,+DAA+D;;AAE/D;EACE,qDAAqD;EACrD,oDAAoD;EACpD,kEAAkE;EAClE,mEAAmE;;EAEnE,4BAA4B;EAC5B,0DAA0D;EAC1D,0DAA0D;EAC1D,sFAAsF;EACtF,uFAAuF;;EAEvF,0BAA0B;EAC1B,iDAAiD;EACjD,wDAAwD;EACxD,kFAAkF;EAClF,mFAAmF;;EAEnF,0BAA0B;EAC1B,qEAAqE;EACrE,oEAAoE;EACpE,sFAAsF;EACtF,wFAAwF;;EAExF,6EAA6E;EAC7E,0EAA0E;EAC1E,gDAAgD;EAChD,qDAAqD;;EAErD;IACE,kDAAkD;;IAElD,sBAAsB;IACtB,qBAAqB;IACrB,kBAAkB;IAClB,WAAW;IACX,aAAa;IACb,eAAe;IACf,cAAc;IACd,+EAA+E,EAAE,IAAI;IACrF;uFACmF,EAAE,IAAI;IACzF,0DAA0D;IAC1D,gBAAgB;IAChB,gCAAgC;IAChC,sCAAsC;IACtC,+DAA+D,EAAE,IAAI;IACrE,kBAAkB;IAClB,mBAAmB;IACnB,eAAe;IACf,wBAAwB;;IAExB;MACE,WAAW;IACb;;IAEA,mDAAmD;IACnD;;;;MAIE,gCAAgC;MAChC,qBAAqB;IACvB;;IAEA,wCAAwC;IACxC;MACE,UAAU;MACV,SAAS;IACX;;IAEA;MACE,4CAA4C;IAC9C;;IAEA;MACE,4DAA4D;MAC5D,wBAAwB;IAC1B;;IAEA;MACE,iCAAiC;MACjC,6CAA6C;MAC7C,+CAA+C;IACjD;;IAEA;MACE,iCAAiC;MACjC,+BAA+B;MAC/B,qCAAqC;MACrC,4CAA4C;IAC9C;;IAEA,oEAAoE;IACpE,wEAAwE;;IAExE,qEAAqE;IACrE,yDAAyD;IACzD;MACE,WAAW;MACX,cAAc;;MAEd,kBAAkB;;MAElB,sCAAsC;MACtC,wCAAwC;MACxC,iEAAiE;MACjE,uCAAuC;;MAEvC,uBAAuB;IACzB;;IAEA,wEAAwE;IACxE,yEAAyE;IACzE,yEAAyE;IACzE,4DAA4D;IAC5D,CAAC;IACD,yEAAyE;IACzE,2EAA2E;IAC3E,iCAAiC;IACjC,CAAC;IACD,IAAI;IACJ;MACE,8DAA8D;IAChE;EACF;;EAEA;IACE,cAAc;;IAEd;MACE,sCAAsC;MACtC,mBAAmB;IACrB;;IAEA;MACE,MAAM;MACN,+DAA+D,EAAE,IAAI;IACvE;EACF;;EAEA;IACE,gDAAgD;IAChD,yEAAyE;;IAEzE;;;;;MAKE,0CAA0C;IAC5C;;IAEA;MACE,sDAAsD;;MAEtD;QACE,gDAAgD;MAClD;IACF;EACF;;EAEA;IACE,8CAA8C;IAC9C,uEAAuE;;IAEvE;;;;;MAKE,wCAAwC;IAC1C;;IAEA;MACE,oDAAoD;;MAEpD;QACE,8CAA8C;MAChD;IACF;EACF;;EAEA;IACE,8CAA8C;IAC9C,uEAAuE;;IAEvE;;;;;MAKE,wCAAwC;IAC1C;;IAEA;MACE,oDAAoD;;MAEpD;QACE,8CAA8C;MAChD;IACF;EACF;;EAEA;IACE,qCAAqC;IACrC,oDAAoD;;IAEpD,oBAAoB;IACpB,gBAAgB;;IAEhB,uBAAuB;EACzB;;EAEA;IACE,6BAA6B;;IAE7B;MACE,6BAA6B;IAC/B;IACA,sBAAsB;IACtB,cAAc;IACd,kBAAkB;IAClB,wEAAwE;IACxE,mDAAmD;IACnD,yBAAyB;EAC3B;AACF","file":"_index.scss","sourcesContent":["////\n/// @group components/button\n////\n\n/// Button component background colour\n///\n/// @type Colour\n/// @access public\n\n$govuk-button-background-colour: govuk-colour(\"green\") !default;\n\n/// Button component text colour\n///\n/// @type Colour\n/// @access public\n\n$govuk-button-text-colour: govuk-colour(\"white\") !default;\n\n/// Inverted button component background colour\n///\n/// @type Colour\n/// @access public\n\n$govuk-inverse-button-background-colour: govuk-colour(\"white\") !default;\n\n/// Inverted button component text colour\n///\n/// @type Colour\n/// @access public\n\n$govuk-inverse-button-text-colour: $govuk-brand-colour !default;\n\n@include govuk-exports(\"govuk/component/button\") {\n  $govuk-button-colour: $govuk-button-background-colour;\n  $govuk-button-text-colour: $govuk-button-text-colour;\n  $govuk-button-hover-colour: govuk-shade($govuk-button-colour, 20%);\n  $govuk-button-shadow-colour: govuk-shade($govuk-button-colour, 60%);\n\n  // Secondary button variables\n  $govuk-secondary-button-colour: govuk-colour(\"light-grey\");\n  $govuk-secondary-button-text-colour: govuk-colour(\"black\");\n  $govuk-secondary-button-hover-colour: govuk-shade($govuk-secondary-button-colour, 10%);\n  $govuk-secondary-button-shadow-colour: govuk-shade($govuk-secondary-button-colour, 40%);\n\n  // Warning button variables\n  $govuk-warning-button-colour: govuk-colour(\"red\");\n  $govuk-warning-button-text-colour: govuk-colour(\"white\");\n  $govuk-warning-button-hover-colour: govuk-shade($govuk-warning-button-colour, 20%);\n  $govuk-warning-button-shadow-colour: govuk-shade($govuk-warning-button-colour, 60%);\n\n  // Inverse button variables\n  $govuk-inverse-button-colour: $govuk-inverse-button-background-colour;\n  $govuk-inverse-button-text-colour: $govuk-inverse-button-text-colour;\n  $govuk-inverse-button-hover-colour: govuk-tint($govuk-inverse-button-text-colour, 90%);\n  $govuk-inverse-button-shadow-colour: govuk-shade($govuk-inverse-button-text-colour, 30%);\n\n  // Because the shadow (s0) is visually 'part of' the button, we need to reduce\n  // the height of the button to compensate by adjusting its padding (s1) and\n  // increase the bottom margin to include it (s2).\n  $button-shadow-size: $govuk-border-width-form-element;\n\n  .govuk-button {\n    @include govuk-font($size: 19, $line-height: 19px);\n\n    box-sizing: border-box;\n    display: inline-block;\n    position: relative;\n    width: 100%;\n    margin-top: 0;\n    margin-right: 0;\n    margin-left: 0;\n    @include govuk-responsive-margin(6, \"bottom\", $adjustment: $button-shadow-size); // s2\n    padding: (govuk-spacing(2) - $govuk-border-width-form-element) govuk-spacing(2)\n      (govuk-spacing(2) - $govuk-border-width-form-element - ($button-shadow-size / 2)); // s1\n    border: $govuk-border-width-form-element solid transparent;\n    border-radius: 0;\n    color: $govuk-button-text-colour;\n    background-color: $govuk-button-colour;\n    box-shadow: 0 $button-shadow-size 0 $govuk-button-shadow-colour; // s0\n    text-align: center;\n    vertical-align: top;\n    cursor: pointer;\n    -webkit-appearance: none;\n\n    @include govuk-media-query($from: tablet) {\n      width: auto;\n    }\n\n    // Ensure that any global link styles are overridden\n    &:link,\n    &:visited,\n    &:active,\n    &:hover {\n      color: $govuk-button-text-colour;\n      text-decoration: none;\n    }\n\n    // Fix unwanted button padding in Firefox\n    &::-moz-focus-inner {\n      padding: 0;\n      border: 0;\n    }\n\n    &:hover {\n      background-color: $govuk-button-hover-colour;\n    }\n\n    &:active {\n      // Bump the button down so it looks like its being pressed in\n      top: $button-shadow-size;\n    }\n\n    &:focus {\n      border-color: $govuk-focus-colour;\n      outline: $govuk-focus-width solid transparent;\n      box-shadow: inset 0 0 0 1px $govuk-focus-colour;\n    }\n\n    &:focus:not(:active):not(:hover) {\n      border-color: $govuk-focus-colour;\n      color: $govuk-focus-text-colour;\n      background-color: $govuk-focus-colour;\n      box-shadow: 0 2px 0 $govuk-focus-text-colour;\n    }\n\n    // The following adjustments do not work for <input type=\"button\"> as\n    // non-container elements cannot include pseudo elements (i.e. ::before).\n\n    // Use a pseudo element to expand the click target area to include the\n    // button's shadow as well, in case users try to click it.\n    &::before {\n      content: \"\";\n      display: block;\n\n      position: absolute;\n\n      top: -$govuk-border-width-form-element;\n      right: -$govuk-border-width-form-element;\n      bottom: -($govuk-border-width-form-element + $button-shadow-size);\n      left: -$govuk-border-width-form-element;\n\n      background: transparent;\n    }\n\n    // When the button is active it is shifted down by $button-shadow-size to\n    // denote a 'pressed' state. If the user happened to click at the very top\n    // of the button, their mouse is no longer over the button (because it has\n    // 'moved beneath them') and so the click event is not fired.\n    //\n    // This corrects that by shifting the top of the pseudo element so that it\n    // continues to cover the area that the user originally clicked, which means\n    // the click event is still fired.\n    //\n    // 🎉\n    &:active::before {\n      top: -($govuk-border-width-form-element + $button-shadow-size);\n    }\n  }\n\n  .govuk-button[disabled] {\n    opacity: (0.5);\n\n    &:hover {\n      background-color: $govuk-button-colour;\n      cursor: not-allowed;\n    }\n\n    &:active {\n      top: 0;\n      box-shadow: 0 $button-shadow-size 0 $govuk-button-shadow-colour; // s0\n    }\n  }\n\n  .govuk-button--secondary {\n    background-color: $govuk-secondary-button-colour;\n    box-shadow: 0 $button-shadow-size 0 $govuk-secondary-button-shadow-colour;\n\n    &,\n    &:link,\n    &:visited,\n    &:active,\n    &:hover {\n      color: $govuk-secondary-button-text-colour;\n    }\n\n    &:hover {\n      background-color: $govuk-secondary-button-hover-colour;\n\n      &[disabled] {\n        background-color: $govuk-secondary-button-colour;\n      }\n    }\n  }\n\n  .govuk-button--warning {\n    background-color: $govuk-warning-button-colour;\n    box-shadow: 0 $button-shadow-size 0 $govuk-warning-button-shadow-colour;\n\n    &,\n    &:link,\n    &:visited,\n    &:active,\n    &:hover {\n      color: $govuk-warning-button-text-colour;\n    }\n\n    &:hover {\n      background-color: $govuk-warning-button-hover-colour;\n\n      &[disabled] {\n        background-color: $govuk-warning-button-colour;\n      }\n    }\n  }\n\n  .govuk-button--inverse {\n    background-color: $govuk-inverse-button-colour;\n    box-shadow: 0 $button-shadow-size 0 $govuk-inverse-button-shadow-colour;\n\n    &,\n    &:link,\n    &:visited,\n    &:active,\n    &:hover {\n      color: $govuk-inverse-button-text-colour;\n    }\n\n    &:hover {\n      background-color: $govuk-inverse-button-hover-colour;\n\n      &[disabled] {\n        background-color: $govuk-inverse-button-colour;\n      }\n    }\n  }\n\n  .govuk-button--start {\n    @include govuk-typography-weight-bold;\n    @include govuk-font-size($size: 24, $line-height: 1);\n\n    display: inline-flex;\n    min-height: auto;\n\n    justify-content: center;\n  }\n\n  .govuk-button__start-icon {\n    margin-left: govuk-spacing(1);\n\n    @include govuk-media-query($from: desktop) {\n      margin-left: govuk-spacing(2);\n    }\n    vertical-align: middle;\n    flex-shrink: 0;\n    align-self: center;\n    // Work around SVGs not inheriting color from parent in forced color mode\n    // (https://github.com/w3c/csswg-drafts/issues/6310)\n    forced-color-adjust: auto;\n  }\n}\n"]}
diff --git a/app/templates/govuk/components/components/button/button.bundle.js b/app/templates/govuk/components/components/button/button.bundle.js
new file mode 100644
index 0000000..323f20e
--- /dev/null
+++ b/app/templates/govuk/components/components/button/button.bundle.js
@@ -0,0 +1,365 @@
+(function (global, factory) {
+  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports) :
+  typeof define === 'function' && define.amd ? define(['exports'], factory) :
+  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.GOVUKFrontend = global.GOVUKFrontend || {}));
+})(this, (function (exports) { 'use strict';
+
+  function isInitialised($root, moduleName) {
+    return $root instanceof HTMLElement && $root.hasAttribute(`data-${moduleName}-init`);
+  }
+
+  /**
+   * Checks if GOV.UK Frontend is supported on this page
+   *
+   * Some browsers will load and run our JavaScript but GOV.UK Frontend
+   * won't be supported.
+   *
+   * @param {HTMLElement | null} [$scope] - (internal) `<body>` HTML element checked for browser support
+   * @returns {boolean} Whether GOV.UK Frontend is supported on this page
+   */
+  function isSupported($scope = document.body) {
+    if (!$scope) {
+      return false;
+    }
+    return $scope.classList.contains('govuk-frontend-supported');
+  }
+  function isArray(option) {
+    return Array.isArray(option);
+  }
+  function isObject(option) {
+    return !!option && typeof option === 'object' && !isArray(option);
+  }
+  function formatErrorMessage(Component, message) {
+    return `${Component.moduleName}: ${message}`;
+  }
+  /**
+   * @typedef ComponentWithModuleName
+   * @property {string} moduleName - Name of the component
+   */
+
+  class GOVUKFrontendError extends Error {
+    constructor(...args) {
+      super(...args);
+      this.name = 'GOVUKFrontendError';
+    }
+  }
+  class SupportError extends GOVUKFrontendError {
+    /**
+     * Checks if GOV.UK Frontend is supported on this page
+     *
+     * @param {HTMLElement | null} [$scope] - HTML element `<body>` checked for browser support
+     */
+    constructor($scope = document.body) {
+      const supportMessage = 'noModule' in HTMLScriptElement.prototype ? 'GOV.UK Frontend initialised without `<body class="govuk-frontend-supported">` from template `<script>` snippet' : 'GOV.UK Frontend is not supported in this browser';
+      super($scope ? supportMessage : 'GOV.UK Frontend initialised without `<script type="module">`');
+      this.name = 'SupportError';
+    }
+  }
+  class ConfigError extends GOVUKFrontendError {
+    constructor(...args) {
+      super(...args);
+      this.name = 'ConfigError';
+    }
+  }
+  class ElementError extends GOVUKFrontendError {
+    constructor(messageOrOptions) {
+      let message = typeof messageOrOptions === 'string' ? messageOrOptions : '';
+      if (isObject(messageOrOptions)) {
+        const {
+          component,
+          identifier,
+          element,
+          expectedType
+        } = messageOrOptions;
+        message = identifier;
+        message += element ? ` is not of type ${expectedType != null ? expectedType : 'HTMLElement'}` : ' not found';
+        if (component) {
+          message = formatErrorMessage(component, message);
+        }
+      }
+      super(message);
+      this.name = 'ElementError';
+    }
+  }
+  class InitError extends GOVUKFrontendError {
+    constructor(componentOrMessage) {
+      const message = typeof componentOrMessage === 'string' ? componentOrMessage : formatErrorMessage(componentOrMessage, `Root element (\`$root\`) already initialised`);
+      super(message);
+      this.name = 'InitError';
+    }
+  }
+  /**
+   * @import { ComponentWithModuleName } from '../common/index.mjs'
+   */
+
+  class Component {
+    /**
+     * Returns the root element of the component
+     *
+     * @protected
+     * @returns {RootElementType} - the root element of component
+     */
+    get $root() {
+      return this._$root;
+    }
+    constructor($root) {
+      this._$root = void 0;
+      const childConstructor = this.constructor;
+      if (typeof childConstructor.moduleName !== 'string') {
+        throw new InitError(`\`moduleName\` not defined in component`);
+      }
+      if (!($root instanceof childConstructor.elementType)) {
+        throw new ElementError({
+          element: $root,
+          component: childConstructor,
+          identifier: 'Root element (`$root`)',
+          expectedType: childConstructor.elementType.name
+        });
+      } else {
+        this._$root = $root;
+      }
+      childConstructor.checkSupport();
+      this.checkInitialised();
+      const moduleName = childConstructor.moduleName;
+      this.$root.setAttribute(`data-${moduleName}-init`, '');
+    }
+    checkInitialised() {
+      const constructor = this.constructor;
+      const moduleName = constructor.moduleName;
+      if (moduleName && isInitialised(this.$root, moduleName)) {
+        throw new InitError(constructor);
+      }
+    }
+    static checkSupport() {
+      if (!isSupported()) {
+        throw new SupportError();
+      }
+    }
+  }
+
+  /**
+   * @typedef ChildClass
+   * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component
+   */
+
+  /**
+   * @typedef {typeof Component & ChildClass} ChildClassConstructor
+   */
+  Component.elementType = HTMLElement;
+
+  const configOverride = Symbol.for('configOverride');
+  class ConfigurableComponent extends Component {
+    [configOverride](param) {
+      return {};
+    }
+
+    /**
+     * Returns the root element of the component
+     *
+     * @protected
+     * @returns {ConfigurationType} - the root element of component
+     */
+    get config() {
+      return this._config;
+    }
+    constructor($root, config) {
+      super($root);
+      this._config = void 0;
+      const childConstructor = this.constructor;
+      if (!isObject(childConstructor.defaults)) {
+        throw new ConfigError(formatErrorMessage(childConstructor, 'Config passed as parameter into constructor but no defaults defined'));
+      }
+      const datasetConfig = normaliseDataset(childConstructor, this._$root.dataset);
+      this._config = mergeConfigs(childConstructor.defaults, config != null ? config : {}, this[configOverride](datasetConfig), datasetConfig);
+    }
+  }
+  function normaliseString(value, property) {
+    const trimmedValue = value ? value.trim() : '';
+    let output;
+    let outputType = property == null ? void 0 : property.type;
+    if (!outputType) {
+      if (['true', 'false'].includes(trimmedValue)) {
+        outputType = 'boolean';
+      }
+      if (trimmedValue.length > 0 && isFinite(Number(trimmedValue))) {
+        outputType = 'number';
+      }
+    }
+    switch (outputType) {
+      case 'boolean':
+        output = trimmedValue === 'true';
+        break;
+      case 'number':
+        output = Number(trimmedValue);
+        break;
+      default:
+        output = value;
+    }
+    return output;
+  }
+  function normaliseDataset(Component, dataset) {
+    if (!isObject(Component.schema)) {
+      throw new ConfigError(formatErrorMessage(Component, 'Config passed as parameter into constructor but no schema defined'));
+    }
+    const out = {};
+    const entries = Object.entries(Component.schema.properties);
+    for (const entry of entries) {
+      const [namespace, property] = entry;
+      const field = namespace.toString();
+      if (field in dataset) {
+        out[field] = normaliseString(dataset[field], property);
+      }
+      if ((property == null ? void 0 : property.type) === 'object') {
+        out[field] = extractConfigByNamespace(Component.schema, dataset, namespace);
+      }
+    }
+    return out;
+  }
+  function mergeConfigs(...configObjects) {
+    const formattedConfigObject = {};
+    for (const configObject of configObjects) {
+      for (const key of Object.keys(configObject)) {
+        const option = formattedConfigObject[key];
+        const override = configObject[key];
+        if (isObject(option) && isObject(override)) {
+          formattedConfigObject[key] = mergeConfigs(option, override);
+        } else {
+          formattedConfigObject[key] = override;
+        }
+      }
+    }
+    return formattedConfigObject;
+  }
+  function extractConfigByNamespace(schema, dataset, namespace) {
+    const property = schema.properties[namespace];
+    if ((property == null ? void 0 : property.type) !== 'object') {
+      return;
+    }
+    const newObject = {
+      [namespace]: {}
+    };
+    for (const [key, value] of Object.entries(dataset)) {
+      let current = newObject;
+      const keyParts = key.split('.');
+      for (const [index, name] of keyParts.entries()) {
+        if (isObject(current)) {
+          if (index < keyParts.length - 1) {
+            if (!isObject(current[name])) {
+              current[name] = {};
+            }
+            current = current[name];
+          } else if (key !== namespace) {
+            current[name] = normaliseString(value);
+          }
+        }
+      }
+    }
+    return newObject[namespace];
+  }
+  /**
+   * Schema for component config
+   *
+   * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType
+   * @typedef {object} Schema
+   * @property {Record<keyof ConfigurationType, SchemaProperty | undefined>} properties - Schema properties
+   * @property {SchemaCondition<ConfigurationType>[]} [anyOf] - List of schema conditions
+   */
+  /**
+   * Schema property for component config
+   *
+   * @typedef {object} SchemaProperty
+   * @property {'string' | 'boolean' | 'number' | 'object'} type - Property type
+   */
+  /**
+   * Schema condition for component config
+   *
+   * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType
+   * @typedef {object} SchemaCondition
+   * @property {(keyof ConfigurationType)[]} required - List of required config fields
+   * @property {string} errorMessage - Error message when required config fields not provided
+   */
+  /**
+   * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]
+   * @typedef ChildClass
+   * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component
+   * @property {Schema<ConfigurationType>} [schema] - The schema of the component configuration
+   * @property {ConfigurationType} [defaults] - The default values of the configuration of the component
+   */
+  /**
+   * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]
+   * @typedef {typeof Component & ChildClass<ConfigurationType>} ChildClassConstructor<ConfigurationType>
+   */
+  /**
+   * @import { CompatibleClass, Config, CreateAllOptions, OnErrorCallback } from '../init.mjs'
+   */
+
+  const DEBOUNCE_TIMEOUT_IN_SECONDS = 1;
+
+  /**
+   * JavaScript enhancements for the Button component
+   *
+   * @preserve
+   * @augments ConfigurableComponent<ButtonConfig>
+   */
+  class Button extends ConfigurableComponent {
+    /**
+     * @param {Element | null} $root - HTML element to use for button
+     * @param {ButtonConfig} [config] - Button config
+     */
+    constructor($root, config = {}) {
+      super($root, config);
+      this.debounceFormSubmitTimer = null;
+      this.$root.addEventListener('keydown', event => this.handleKeyDown(event));
+      this.$root.addEventListener('click', event => this.debounce(event));
+    }
+    handleKeyDown(event) {
+      const $target = event.target;
+      if (event.key !== ' ') {
+        return;
+      }
+      if ($target instanceof HTMLElement && $target.getAttribute('role') === 'button') {
+        event.preventDefault();
+        $target.click();
+      }
+    }
+    debounce(event) {
+      if (!this.config.preventDoubleClick) {
+        return;
+      }
+      if (this.debounceFormSubmitTimer) {
+        event.preventDefault();
+        return false;
+      }
+      this.debounceFormSubmitTimer = window.setTimeout(() => {
+        this.debounceFormSubmitTimer = null;
+      }, DEBOUNCE_TIMEOUT_IN_SECONDS * 1000);
+    }
+  }
+
+  /**
+   * Button config
+   *
+   * @typedef {object} ButtonConfig
+   * @property {boolean} [preventDoubleClick=false] - Prevent accidental double
+   *   clicks on submit buttons from submitting forms multiple times.
+   */
+
+  /**
+   * @import { Schema } from '../../common/configuration.mjs'
+   */
+  Button.moduleName = 'govuk-button';
+  Button.defaults = Object.freeze({
+    preventDoubleClick: false
+  });
+  Button.schema = Object.freeze({
+    properties: {
+      preventDoubleClick: {
+        type: 'boolean'
+      }
+    }
+  });
+
+  exports.Button = Button;
+
+}));
+//# sourceMappingURL=button.bundle.js.map
diff --git a/app/templates/govuk/components/components/button/button.bundle.js.map b/app/templates/govuk/components/components/button/button.bundle.js.map
new file mode 100644
index 0000000..2d7c87e
--- /dev/null
+++ b/app/templates/govuk/components/components/button/button.bundle.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"button.bundle.js","sources":["../../../../src/govuk/common/index.mjs","../../../../src/govuk/errors/index.mjs","../../../../src/govuk/component.mjs","../../../../src/govuk/common/configuration.mjs","../../../../src/govuk/components/button/button.mjs"],"sourcesContent":["/**\n * Common helpers which do not require polyfill.\n *\n * IMPORTANT: If a helper require a polyfill, please isolate it in its own module\n * so that the polyfill can be properly tree-shaken and does not burden\n * the components that do not need that helper\n */\n\n/**\n * Get GOV.UK Frontend breakpoint value from CSS custom property\n *\n * @private\n * @param {string} name - Breakpoint name\n * @returns {{ property: string, value?: string }} Breakpoint object\n */\nexport function getBreakpoint(name) {\n  const property = `--govuk-breakpoint-${name}`\n\n  // Get value from `<html>` with breakpoints on CSS :root\n  const value = window\n    .getComputedStyle(document.documentElement)\n    .getPropertyValue(property)\n\n  return {\n    property,\n    value: value || undefined\n  }\n}\n\n/**\n * Move focus to element\n *\n * Sets tabindex to -1 to make the element programmatically focusable,\n * but removes it on blur as the element doesn't need to be focused again.\n *\n * @private\n * @template {HTMLElement} FocusElement\n * @param {FocusElement} $element - HTML element\n * @param {object} [options] - Handler options\n * @param {function(this: FocusElement): void} [options.onBeforeFocus] - Callback before focus\n * @param {function(this: FocusElement): void} [options.onBlur] - Callback on blur\n */\nexport function setFocus($element, options = {}) {\n  const isFocusable = $element.getAttribute('tabindex')\n\n  if (!isFocusable) {\n    $element.setAttribute('tabindex', '-1')\n  }\n\n  /**\n   * Handle element focus\n   */\n  function onFocus() {\n    $element.addEventListener('blur', onBlur, { once: true })\n  }\n\n  /**\n   * Handle element blur\n   */\n  function onBlur() {\n    options.onBlur?.call($element)\n\n    if (!isFocusable) {\n      $element.removeAttribute('tabindex')\n    }\n  }\n\n  // Add listener to reset element on blur, after focus\n  $element.addEventListener('focus', onFocus, { once: true })\n\n  // Focus element\n  options.onBeforeFocus?.call($element)\n  $element.focus()\n}\n\n/**\n * Checks if component is already initialised\n *\n * @internal\n * @param {Element} $root - HTML element to be checked\n * @param {string} moduleName - name of component module\n * @returns {boolean} Whether component is already initialised\n */\nexport function isInitialised($root, moduleName) {\n  return (\n    $root instanceof HTMLElement &&\n    $root.hasAttribute(`data-${moduleName}-init`)\n  )\n}\n\n/**\n * Checks if GOV.UK Frontend is supported on this page\n *\n * Some browsers will load and run our JavaScript but GOV.UK Frontend\n * won't be supported.\n *\n * @param {HTMLElement | null} [$scope] - (internal) `<body>` HTML element checked for browser support\n * @returns {boolean} Whether GOV.UK Frontend is supported on this page\n */\nexport function isSupported($scope = document.body) {\n  if (!$scope) {\n    return false\n  }\n\n  return $scope.classList.contains('govuk-frontend-supported')\n}\n\n/**\n * Check for an array\n *\n * @internal\n * @param {unknown} option - Option to check\n * @returns {boolean} Whether the option is an array\n */\nfunction isArray(option) {\n  return Array.isArray(option)\n}\n\n/**\n * Check for an object\n *\n * @internal\n * @template {Partial<Record<keyof ObjectType, unknown>>} ObjectType\n * @param {unknown | ObjectType} option - Option to check\n * @returns {option is ObjectType} Whether the option is an object\n */\nexport function isObject(option) {\n  return !!option && typeof option === 'object' && !isArray(option)\n}\n\n/**\n * Check for valid scope\n *\n * @internal\n * @template {Element | Document} ScopeType\n * @param {unknown | ScopeType} $scope - Scope of the document to search within\n * @returns {$scope is ScopeType} Whether the scope can be queried\n */\nexport function isScope($scope) {\n  return !!$scope && ($scope instanceof Element || $scope instanceof Document)\n}\n\n/**\n * Format error message\n *\n * @internal\n * @param {ComponentWithModuleName} Component - Component that threw the error\n * @param {string} message - Error message\n * @returns {string} - Formatted error message\n */\nexport function formatErrorMessage(Component, message) {\n  return `${Component.moduleName}: ${message}`\n}\n\n/* eslint-disable jsdoc/valid-types --\n * `{new(...args: any[] ): object}` is not recognised as valid\n * https://github.com/gajus/eslint-plugin-jsdoc/issues/145#issuecomment-1308722878\n * https://github.com/jsdoc-type-pratt-parser/jsdoc-type-pratt-parser/issues/131\n **/\n\n/**\n * @typedef ComponentWithModuleName\n * @property {string} moduleName - Name of the component\n */\n\n/* eslint-enable jsdoc/valid-types */\n","import { formatErrorMessage, isObject } from '../common/index.mjs'\n\n/**\n * GOV.UK Frontend error\n *\n * A base class for `Error`s thrown by GOV.UK Frontend.\n *\n * It is meant to be extended into specific types of errors\n * to be thrown by our code.\n *\n * @example\n * ```js\n * class MissingRootError extends GOVUKFrontendError {\n *   // Setting an explicit name is important as extending the class will not\n *   // set a new `name` on the subclass. The `name` property is important\n *   // to ensure intelligible error names even if the class name gets\n *   // mangled by a minifier\n *   name = \"MissingRootError\"\n * }\n * ```\n * @virtual\n */\nexport class GOVUKFrontendError extends Error {\n  name = 'GOVUKFrontendError'\n}\n\n/**\n * Indicates that GOV.UK Frontend is not supported\n */\nexport class SupportError extends GOVUKFrontendError {\n  name = 'SupportError'\n\n  /**\n   * Checks if GOV.UK Frontend is supported on this page\n   *\n   * @param {HTMLElement | null} [$scope] - HTML element `<body>` checked for browser support\n   */\n  constructor($scope = document.body) {\n    const supportMessage =\n      'noModule' in HTMLScriptElement.prototype\n        ? 'GOV.UK Frontend initialised without `<body class=\"govuk-frontend-supported\">` from template `<script>` snippet'\n        : 'GOV.UK Frontend is not supported in this browser'\n\n    super(\n      $scope\n        ? supportMessage\n        : 'GOV.UK Frontend initialised without `<script type=\"module\">`'\n    )\n  }\n}\n\n/**\n * Indicates that a component has received an illegal configuration\n */\nexport class ConfigError extends GOVUKFrontendError {\n  name = 'ConfigError'\n}\n\n/**\n * Indicates an issue with an element (possibly `null` or `undefined`)\n */\nexport class ElementError extends GOVUKFrontendError {\n  name = 'ElementError'\n\n  /**\n   * @internal\n   * @overload\n   * @param {string} message - Element error message\n   */\n\n  /**\n   * @internal\n   * @overload\n   * @param {ElementErrorOptions} options - Element error options\n   */\n\n  /**\n   * @internal\n   * @param {string | ElementErrorOptions} messageOrOptions - Element error message or options\n   */\n  constructor(messageOrOptions) {\n    let message = typeof messageOrOptions === 'string' ? messageOrOptions : ''\n\n    // Build message from options\n    if (isObject(messageOrOptions)) {\n      const { component, identifier, element, expectedType } = messageOrOptions\n\n      message = identifier\n\n      // Append reason\n      message += element\n        ? ` is not of type ${expectedType ?? 'HTMLElement'}`\n        : ' not found'\n\n      // Prepend with module name (optional)\n      if (component) {\n        message = formatErrorMessage(component, message)\n      }\n    }\n\n    super(message)\n  }\n}\n\n/**\n * Indicates that a component is already initialised\n */\nexport class InitError extends GOVUKFrontendError {\n  name = 'InitError'\n\n  /**\n   * @internal\n   * @param {ComponentWithModuleName | string} componentOrMessage - name of the component module\n   */\n  constructor(componentOrMessage) {\n    const message =\n      typeof componentOrMessage === 'string'\n        ? componentOrMessage\n        : formatErrorMessage(\n            componentOrMessage,\n            `Root element (\\`$root\\`) already initialised`\n          )\n\n    super(message)\n  }\n}\n\n/**\n * Element error options\n *\n * @internal\n * @typedef {object} ElementErrorOptions\n * @property {Element | Document | null} [element] - The element in error (optional)\n * @property {ComponentWithModuleName} [component] - Component throwing the error (optional)\n * @property {string} identifier - An identifier that'll let the user understand which element has an error. This is whatever makes the most sense\n * @property {string} [expectedType] - The type that was expected for the identifier (optional)\n */\n\n/**\n * @import { ComponentWithModuleName } from '../common/index.mjs'\n */\n","import { isInitialised, isSupported } from './common/index.mjs'\nimport { ElementError, InitError, SupportError } from './errors/index.mjs'\n\n/**\n * Base Component class\n *\n * Centralises the behaviours shared by our components\n *\n * @virtual\n * @template {Element} [RootElementType=HTMLElement]\n */\nexport class Component {\n  /**\n   * @type {typeof Element}\n   */\n  static elementType = HTMLElement\n\n  // allows Typescript user to work around the lack of types\n  // in GOVUKFrontend package, Typescript is not aware of $root\n  // in components that extend GOVUKFrontendComponent\n  /**\n   * Returns the root element of the component\n   *\n   * @protected\n   * @returns {RootElementType} - the root element of component\n   */\n  get $root() {\n    return this._$root\n  }\n\n  /**\n   * @protected\n   * @type {RootElementType}\n   */\n  _$root\n\n  /**\n   * Constructs a new component, validating that GOV.UK Frontend is supported\n   *\n   * @internal\n   * @param {Element | null} [$root] - HTML element to use for component\n   */\n  constructor($root) {\n    const childConstructor = /** @type {ChildClassConstructor} */ (\n      this.constructor\n    )\n\n    // TypeScript does not enforce that inheriting classes will define a `moduleName`\n    // (even if we add a `@virtual` `static moduleName` property to this class).\n    // While we trust users to do this correctly, we do a little check to provide them\n    // a helpful error message.\n    //\n    // After this, we'll be sure that `childConstructor` has a `moduleName`\n    // as expected of the `ChildClassConstructor` we've cast `this.constructor` to.\n    if (typeof childConstructor.moduleName !== 'string') {\n      throw new InitError(`\\`moduleName\\` not defined in component`)\n    }\n\n    if (!($root instanceof childConstructor.elementType)) {\n      throw new ElementError({\n        element: $root,\n        component: childConstructor,\n        identifier: 'Root element (`$root`)',\n        expectedType: childConstructor.elementType.name\n      })\n    } else {\n      this._$root = /** @type {RootElementType} */ ($root)\n    }\n\n    childConstructor.checkSupport()\n\n    this.checkInitialised()\n\n    const moduleName = childConstructor.moduleName\n\n    this.$root.setAttribute(`data-${moduleName}-init`, '')\n  }\n\n  /**\n   * Validates whether component is already initialised\n   *\n   * @private\n   * @throws {InitError} when component is already initialised\n   */\n  checkInitialised() {\n    const constructor = /** @type {ChildClassConstructor} */ (this.constructor)\n    const moduleName = constructor.moduleName\n\n    if (moduleName && isInitialised(this.$root, moduleName)) {\n      throw new InitError(constructor)\n    }\n  }\n\n  /**\n   * Validates whether components are supported\n   *\n   * @throws {SupportError} when the components are not supported\n   */\n  static checkSupport() {\n    if (!isSupported()) {\n      throw new SupportError()\n    }\n  }\n}\n\n/**\n * @typedef ChildClass\n * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component\n */\n\n/**\n * @typedef {typeof Component & ChildClass} ChildClassConstructor\n */\n","import { Component } from '../component.mjs'\nimport { ConfigError } from '../errors/index.mjs'\n\nimport { isObject, isScope, formatErrorMessage } from './index.mjs'\n\nexport const configOverride = Symbol.for('configOverride')\n\n/**\n * Base Component class\n *\n * Centralises the behaviours shared by our components\n *\n * @virtual\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]\n * @template {Element & { dataset: DOMStringMap }} [RootElementType=HTMLElement]\n * @augments Component<RootElementType>\n */\nexport class ConfigurableComponent extends Component {\n  /**\n   * configOverride\n   *\n   * Function which defines configuration overrides to prioritize\n   * properties from the root element's dataset.\n   *\n   * It should take a subset of configuration as input and return\n   * a new configuration object with properties that should be\n   * overridden based on the root element's dataset. A Symbol\n   * is used for indexing to prevent conflicts.\n   *\n   * @internal\n   * @virtual\n   * @param {Partial<ConfigurationType>} [param] - Configuration object\n   * @returns {Partial<ConfigurationType>} return - Configuration object\n   */\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  [configOverride](param) {\n    return {}\n  }\n\n  /**\n   * Returns the root element of the component\n   *\n   * @protected\n   * @returns {ConfigurationType} - the root element of component\n   */\n  get config() {\n    return this._config\n  }\n\n  /**\n   *\n   * @type {ConfigurationType}\n   */\n  _config\n\n  /**\n   * Constructs a new component, validating that GOV.UK Frontend is supported\n   *\n   * @internal\n   * @param {Element | null} [$root] - HTML element to use for component\n   * @param {ConfigurationType} [config] - HTML element to use for component\n   */\n  constructor($root, config) {\n    super($root)\n\n    const childConstructor =\n      /** @type {ChildClassConstructor<ConfigurationType>} */ (this.constructor)\n\n    if (!isObject(childConstructor.defaults)) {\n      throw new ConfigError(\n        formatErrorMessage(\n          childConstructor,\n          'Config passed as parameter into constructor but no defaults defined'\n        )\n      )\n    }\n\n    const datasetConfig = /** @type {ConfigurationType} */ (\n      normaliseDataset(childConstructor, this._$root.dataset)\n    )\n\n    this._config = /** @type {ConfigurationType} */ (\n      mergeConfigs(\n        childConstructor.defaults,\n        config ?? {},\n        this[configOverride](datasetConfig),\n        datasetConfig\n      )\n    )\n  }\n}\n\n/**\n * Normalise string\n *\n * 'If it looks like a duck, and it quacks like a duck…' 🦆\n *\n * If the passed value looks like a boolean or a number, convert it to a boolean\n * or number.\n *\n * Designed to be used to convert config passed via data attributes (which are\n * always strings) into something sensible.\n *\n * @internal\n * @param {DOMStringMap[string]} value - The value to normalise\n * @param {SchemaProperty} [property] - Component schema property\n * @returns {string | boolean | number | undefined} Normalised data\n */\nexport function normaliseString(value, property) {\n  const trimmedValue = value ? value.trim() : ''\n\n  let output\n  let outputType = property?.type\n\n  // No schema type set? Determine automatically\n  if (!outputType) {\n    if (['true', 'false'].includes(trimmedValue)) {\n      outputType = 'boolean'\n    }\n\n    // Empty / whitespace-only strings are considered finite so we need to check\n    // the length of the trimmed string as well\n    if (trimmedValue.length > 0 && isFinite(Number(trimmedValue))) {\n      outputType = 'number'\n    }\n  }\n\n  switch (outputType) {\n    case 'boolean':\n      output = trimmedValue === 'true'\n      break\n\n    case 'number':\n      output = Number(trimmedValue)\n      break\n\n    default:\n      output = value\n  }\n\n  return output\n}\n\n/**\n * Normalise dataset\n *\n * Loop over an object and normalise each value using {@link normaliseString},\n * optionally expanding nested `i18n.field`\n *\n * @internal\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @template {[keyof ConfigurationType, SchemaProperty | undefined][]} SchemaEntryType\n * @param {{ schema?: Schema<ConfigurationType>, moduleName: string }} Component - Component class\n * @param {DOMStringMap} dataset - HTML element dataset\n * @returns {ObjectNested} Normalised dataset\n */\nexport function normaliseDataset(Component, dataset) {\n  if (!isObject(Component.schema)) {\n    throw new ConfigError(\n      formatErrorMessage(\n        Component,\n        'Config passed as parameter into constructor but no schema defined'\n      )\n    )\n  }\n\n  const out = /** @type {ObjectNested} */ ({})\n  const entries = /** @type {SchemaEntryType} */ (\n    Object.entries(Component.schema.properties)\n  )\n\n  // Normalise top-level dataset ('data-*') values using schema types\n  for (const entry of entries) {\n    const [namespace, property] = entry\n\n    // Cast the `namespace` to string so it can be used to access the dataset\n    const field = namespace.toString()\n\n    if (field in dataset) {\n      out[field] = normaliseString(dataset[field], property)\n    }\n\n    /**\n     * Extract and normalise nested object values automatically using\n     * {@link normaliseString} but only schema object types are allowed\n     */\n    if (property?.type === 'object') {\n      out[field] = extractConfigByNamespace(\n        Component.schema,\n        dataset,\n        namespace\n      )\n    }\n  }\n\n  return out\n}\n\n/**\n * Normalise options passed to `initAll` or `createAll`\n *\n * @internal\n * @template {CompatibleClass} ComponentClass\n * @param {Config | CreateAllOptions<ComponentClass> | OnErrorCallback<ComponentClass> | Element | Document | null} [scopeOrOptions] - Scope of the document to search within, initialisation options or error callback function\n * @returns {CreateAllOptions<ComponentClass>} Normalised options\n */\nexport function normaliseOptions(scopeOrOptions) {\n  let /** @type {Element | Document | null} */ $scope = document\n  let /** @type {OnErrorCallback<ComponentClass> | undefined} */ onError\n\n  // Handle options object\n  if (isObject(scopeOrOptions)) {\n    const options = scopeOrOptions\n\n    // Scope must be valid or null\n    if (isScope(options.scope) || options.scope === null) {\n      $scope = options.scope\n    }\n\n    // Error handler must be a function\n    if (typeof options.onError === 'function') {\n      onError = options.onError\n    }\n  }\n\n  if (isScope(scopeOrOptions)) {\n    $scope = scopeOrOptions\n  } else if (scopeOrOptions === null) {\n    $scope = null\n  } else if (typeof scopeOrOptions === 'function') {\n    onError = scopeOrOptions\n  }\n\n  return {\n    scope: $scope,\n    onError\n  }\n}\n\n/**\n * Config merging function\n *\n * Takes any number of objects and combines them together, with\n * greatest priority on the LAST item passed in.\n *\n * @internal\n * @param {...{ [key: string]: unknown }} configObjects - Config objects to merge\n * @returns {{ [key: string]: unknown }} A merged config object\n */\nexport function mergeConfigs(...configObjects) {\n  // Start with an empty object as our base\n  /** @type {{ [key: string]: unknown }} */\n  const formattedConfigObject = {}\n\n  // Loop through each of the passed objects\n  for (const configObject of configObjects) {\n    for (const key of Object.keys(configObject)) {\n      const option = formattedConfigObject[key]\n      const override = configObject[key]\n\n      // Push their keys one-by-one into formattedConfigObject. Any duplicate\n      // keys with object values will be merged, otherwise the new value will\n      // override the existing value.\n      if (isObject(option) && isObject(override)) {\n        formattedConfigObject[key] = mergeConfigs(option, override)\n      } else {\n        // Apply override\n        formattedConfigObject[key] = override\n      }\n    }\n  }\n\n  return formattedConfigObject\n}\n\n/**\n * Validate component config by schema\n *\n * Follows limited examples in JSON schema for wider support in future\n *\n * {@link https://ajv.js.org/json-schema.html#compound-keywords}\n * {@link https://ajv.js.org/packages/ajv-errors.html#single-message}\n *\n * @internal\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @param {Schema<ConfigurationType>} schema - The schema of a component\n * @param {ConfigurationType} config - Component config\n * @returns {string[]} List of validation errors\n */\nexport function validateConfig(schema, config) {\n  const validationErrors = []\n\n  // Check errors for each schema\n  for (const [name, conditions] of Object.entries(schema)) {\n    const errors = []\n\n    // Check errors for each schema condition\n    if (Array.isArray(conditions)) {\n      for (const { required, errorMessage } of conditions) {\n        if (!required.every((key) => !!config[key])) {\n          errors.push(errorMessage) // Missing config key value\n        }\n      }\n\n      // Check one condition passes or add errors\n      if (name === 'anyOf' && !(conditions.length - errors.length >= 1)) {\n        validationErrors.push(...errors)\n      }\n    }\n  }\n\n  return validationErrors\n}\n\n/**\n * Extracts keys starting with a particular namespace from dataset ('data-*')\n * object, removing the namespace in the process, normalising all values\n *\n * @internal\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @param {Schema<ConfigurationType>} schema - The schema of a component\n * @param {DOMStringMap} dataset - The object to extract key-value pairs from\n * @param {keyof ConfigurationType} namespace - The namespace to filter keys with\n * @returns {ObjectNested | undefined} Nested object with dot-separated key namespace removed\n */\nexport function extractConfigByNamespace(schema, dataset, namespace) {\n  const property = schema.properties[namespace]\n\n  // Only extract configs for object schema properties\n  if (property?.type !== 'object') {\n    return\n  }\n\n  // Add default empty config\n  const newObject = /** @type {Record<typeof namespace, ObjectNested>} */ ({\n    [namespace]: {}\n  })\n\n  for (const [key, value] of Object.entries(dataset)) {\n    /** @type {ObjectNested | ObjectNested[NestedKey]} */\n    let current = newObject\n\n    // Split the key into parts, using . as our namespace separator\n    const keyParts = key.split('.')\n\n    /**\n     * Create new level per part\n     *\n     * e.g. 'i18n.textareaDescription.other' becomes\n     * `{ i18n: { textareaDescription: { other } } }`\n     */\n    for (const [index, name] of keyParts.entries()) {\n      if (isObject(current)) {\n        // Drop down to nested object until the last part\n        if (index < keyParts.length - 1) {\n          // New nested object (optionally) replaces existing value\n          if (!isObject(current[name])) {\n            current[name] = {}\n          }\n\n          // Drop down into new or existing nested object\n          current = current[name]\n        } else if (key !== namespace) {\n          // Normalised value (optionally) replaces existing value\n          current[name] = normaliseString(value)\n        }\n      }\n    }\n  }\n\n  return newObject[namespace]\n}\n\n/**\n * @internal\n * @typedef {keyof ObjectNested} NestedKey\n * @typedef {{ [key: string]: string | boolean | number | ObjectNested | undefined }} ObjectNested\n */\n\n/**\n * Schema for component config\n *\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @typedef {object} Schema\n * @property {Record<keyof ConfigurationType, SchemaProperty | undefined>} properties - Schema properties\n * @property {SchemaCondition<ConfigurationType>[]} [anyOf] - List of schema conditions\n */\n\n/**\n * Schema property for component config\n *\n * @typedef {object} SchemaProperty\n * @property {'string' | 'boolean' | 'number' | 'object'} type - Property type\n */\n\n/**\n * Schema condition for component config\n *\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @typedef {object} SchemaCondition\n * @property {(keyof ConfigurationType)[]} required - List of required config fields\n * @property {string} errorMessage - Error message when required config fields not provided\n */\n\n/**\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]\n * @typedef ChildClass\n * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component\n * @property {Schema<ConfigurationType>} [schema] - The schema of the component configuration\n * @property {ConfigurationType} [defaults] - The default values of the configuration of the component\n */\n\n/**\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]\n * @typedef {typeof Component & ChildClass<ConfigurationType>} ChildClassConstructor<ConfigurationType>\n */\n\n/**\n * @import { CompatibleClass, Config, CreateAllOptions, OnErrorCallback } from '../init.mjs'\n */\n","import { ConfigurableComponent } from '../../common/configuration.mjs'\n\nconst DEBOUNCE_TIMEOUT_IN_SECONDS = 1\n\n/**\n * JavaScript enhancements for the Button component\n *\n * @preserve\n * @augments ConfigurableComponent<ButtonConfig>\n */\nexport class Button extends ConfigurableComponent {\n  /**\n   * @private\n   * @type {number | null}\n   */\n  debounceFormSubmitTimer = null\n\n  /**\n   * @param {Element | null} $root - HTML element to use for button\n   * @param {ButtonConfig} [config] - Button config\n   */\n  constructor($root, config = {}) {\n    super($root, config)\n\n    this.$root.addEventListener('keydown', (event) => this.handleKeyDown(event))\n    this.$root.addEventListener('click', (event) => this.debounce(event))\n  }\n\n  /**\n   * Trigger a click event when the space key is pressed\n   *\n   * Some screen readers tell users they can use the space bar to activate\n   * things with the 'button' role, so we need to match the functionality of\n   * native HTML buttons.\n   *\n   * See https://github.com/alphagov/govuk_elements/pull/272#issuecomment-233028270\n   *\n   * @private\n   * @param {KeyboardEvent} event - Keydown event\n   */\n  handleKeyDown(event) {\n    const $target = event.target\n\n    // Handle space bar only\n    if (event.key !== ' ') {\n      return\n    }\n\n    // Handle elements with [role=\"button\"] only\n    if (\n      $target instanceof HTMLElement &&\n      $target.getAttribute('role') === 'button'\n    ) {\n      event.preventDefault() // prevent the page from scrolling\n      $target.click()\n    }\n  }\n\n  /**\n   * Debounce double-clicks\n   *\n   * If the click quickly succeeds a previous click then nothing will happen.\n   * This stops people accidentally causing multiple form submissions by double\n   * clicking buttons.\n   *\n   * @private\n   * @param {MouseEvent} event - Mouse click event\n   * @returns {undefined | false} Returns undefined, or false when debounced\n   */\n  debounce(event) {\n    // Check the button that was clicked has preventDoubleClick enabled\n    if (!this.config.preventDoubleClick) {\n      return\n    }\n\n    // If the timer is still running, prevent the click from submitting the form\n    if (this.debounceFormSubmitTimer) {\n      event.preventDefault()\n      return false\n    }\n\n    this.debounceFormSubmitTimer = window.setTimeout(() => {\n      this.debounceFormSubmitTimer = null\n    }, DEBOUNCE_TIMEOUT_IN_SECONDS * 1000)\n  }\n\n  /**\n   * Name for the component used when initialising using data-module attributes.\n   */\n  static moduleName = 'govuk-button'\n\n  /**\n   * Button default config\n   *\n   * @see {@link ButtonConfig}\n   * @constant\n   * @type {ButtonConfig}\n   */\n  static defaults = Object.freeze({\n    preventDoubleClick: false\n  })\n\n  /**\n   * Button config schema\n   *\n   * @constant\n   * @satisfies {Schema<ButtonConfig>}\n   */\n  static schema = Object.freeze({\n    properties: {\n      preventDoubleClick: { type: 'boolean' }\n    }\n  })\n}\n\n/**\n * Button config\n *\n * @typedef {object} ButtonConfig\n * @property {boolean} [preventDoubleClick=false] - Prevent accidental double\n *   clicks on submit buttons from submitting forms multiple times.\n */\n\n/**\n * @import { Schema } from '../../common/configuration.mjs'\n */\n"],"names":["isInitialised","$root","moduleName","HTMLElement","hasAttribute","isSupported","$scope","document","body","classList","contains","isArray","option","Array","isObject","formatErrorMessage","Component","message","GOVUKFrontendError","Error","constructor","args","name","SupportError","supportMessage","HTMLScriptElement","prototype","ConfigError","ElementError","messageOrOptions","component","identifier","element","expectedType","InitError","componentOrMessage","_$root","childConstructor","elementType","checkSupport","checkInitialised","setAttribute","configOverride","Symbol","for","ConfigurableComponent","param","config","_config","defaults","datasetConfig","normaliseDataset","dataset","mergeConfigs","normaliseString","value","property","trimmedValue","trim","output","outputType","type","includes","length","isFinite","Number","schema","out","entries","Object","properties","entry","namespace","field","toString","extractConfigByNamespace","configObjects","formattedConfigObject","configObject","key","keys","override","newObject","current","keyParts","split","index","DEBOUNCE_TIMEOUT_IN_SECONDS","Button","debounceFormSubmitTimer","addEventListener","event","handleKeyDown","debounce","$target","target","getAttribute","preventDefault","click","preventDoubleClick","window","setTimeout","freeze"],"mappings":";;;;;;EAmFO,SAASA,aAAaA,CAACC,KAAK,EAAEC,UAAU,EAAE;IAC/C,OACED,KAAK,YAAYE,WAAW,IAC5BF,KAAK,CAACG,YAAY,CAAC,CAAA,KAAA,EAAQF,UAAU,CAAA,KAAA,CAAO,CAAC;EAEjD;;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACO,SAASG,WAAWA,CAACC,MAAM,GAAGC,QAAQ,CAACC,IAAI,EAAE;IAClD,IAAI,CAACF,MAAM,EAAE;EACX,IAAA,OAAO,KAAK;EACd,EAAA;EAEA,EAAA,OAAOA,MAAM,CAACG,SAAS,CAACC,QAAQ,CAAC,0BAA0B,CAAC;EAC9D;EASA,SAASC,OAAOA,CAACC,MAAM,EAAE;EACvB,EAAA,OAAOC,KAAK,CAACF,OAAO,CAACC,MAAM,CAAC;EAC9B;EAUO,SAASE,QAAQA,CAACF,MAAM,EAAE;EAC/B,EAAA,OAAO,CAAC,CAACA,MAAM,IAAI,OAAOA,MAAM,KAAK,QAAQ,IAAI,CAACD,OAAO,CAACC,MAAM,CAAC;EACnE;EAsBO,SAASG,kBAAkBA,CAACC,SAAS,EAAEC,OAAO,EAAE;EACrD,EAAA,OAAO,GAAGD,SAAS,CAACd,UAAU,CAAA,EAAA,EAAKe,OAAO,CAAA,CAAE;EAC9C;EAQA;EACA;EACA;EACA;;EC7IO,MAAMC,kBAAkB,SAASC,KAAK,CAAC;EAAAC,EAAAA,WAAAA,CAAA,GAAAC,IAAA,EAAA;EAAA,IAAA,KAAA,CAAA,GAAAA,IAAA,CAAA;MAAA,IAAA,CAC5CC,IAAI,GAAG,oBAAoB;EAAA,EAAA;EAC7B;EAKO,MAAMC,YAAY,SAASL,kBAAkB,CAAC;EAGnD;EACF;EACA;EACA;EACA;EACEE,EAAAA,WAAWA,CAACd,MAAM,GAAGC,QAAQ,CAACC,IAAI,EAAE;MAClC,MAAMgB,cAAc,GAClB,UAAU,IAAIC,iBAAiB,CAACC,SAAS,GACrC,gHAAgH,GAChH,kDAAkD;EAExD,IAAA,KAAK,CACHpB,MAAM,GACFkB,cAAc,GACd,8DACN,CAAC;MAAA,IAAA,CAjBHF,IAAI,GAAG,cAAc;EAkBrB,EAAA;EACF;EAKO,MAAMK,WAAW,SAAST,kBAAkB,CAAC;EAAAE,EAAAA,WAAAA,CAAA,GAAAC,IAAA,EAAA;EAAA,IAAA,KAAA,CAAA,GAAAA,IAAA,CAAA;MAAA,IAAA,CAClDC,IAAI,GAAG,aAAa;EAAA,EAAA;EACtB;EAKO,MAAMM,YAAY,SAASV,kBAAkB,CAAC;IAmBnDE,WAAWA,CAACS,gBAAgB,EAAE;MAC5B,IAAIZ,OAAO,GAAG,OAAOY,gBAAgB,KAAK,QAAQ,GAAGA,gBAAgB,GAAG,EAAE;EAG1E,IAAA,IAAIf,QAAQ,CAACe,gBAAgB,CAAC,EAAE;QAC9B,MAAM;UAAEC,SAAS;UAAEC,UAAU;UAAEC,OAAO;EAAEC,QAAAA;EAAa,OAAC,GAAGJ,gBAAgB;EAEzEZ,MAAAA,OAAO,GAAGc,UAAU;QAGpBd,OAAO,IAAIe,OAAO,GACd,CAAA,gBAAA,EAAmBC,YAAY,IAAA,IAAA,GAAZA,YAAY,GAAI,aAAa,CAAA,CAAE,GAClD,YAAY;EAGhB,MAAA,IAAIH,SAAS,EAAE;EACbb,QAAAA,OAAO,GAAGF,kBAAkB,CAACe,SAAS,EAAEb,OAAO,CAAC;EAClD,MAAA;EACF,IAAA;MAEA,KAAK,CAACA,OAAO,CAAC;MAAA,IAAA,CAtChBK,IAAI,GAAG,cAAc;EAuCrB,EAAA;EACF;EAKO,MAAMY,SAAS,SAAShB,kBAAkB,CAAC;IAOhDE,WAAWA,CAACe,kBAAkB,EAAE;EAC9B,IAAA,MAAMlB,OAAO,GACX,OAAOkB,kBAAkB,KAAK,QAAQ,GAClCA,kBAAkB,GAClBpB,kBAAkB,CAChBoB,kBAAkB,EAClB,8CACF,CAAC;MAEP,KAAK,CAAClB,OAAO,CAAC;MAAA,IAAA,CAfhBK,IAAI,GAAG,WAAW;EAgBlB,EAAA;EACF;EAaA;EACA;EACA;;ECjIO,MAAMN,SAAS,CAAC;EASrB;EACF;EACA;EACA;EACA;EACA;IACE,IAAIf,KAAKA,GAAG;MACV,OAAO,IAAI,CAACmC,MAAM;EACpB,EAAA;IAcAhB,WAAWA,CAACnB,KAAK,EAAE;EAAA,IAAA,IAAA,CARnBmC,MAAM,GAAA,MAAA;EASJ,IAAA,MAAMC,gBAAgB,GACpB,IAAI,CAACjB,WACN;EASD,IAAA,IAAI,OAAOiB,gBAAgB,CAACnC,UAAU,KAAK,QAAQ,EAAE;EACnD,MAAA,MAAM,IAAIgC,SAAS,CAAC,CAAA,uCAAA,CAAyC,CAAC;EAChE,IAAA;EAEA,IAAA,IAAI,EAAEjC,KAAK,YAAYoC,gBAAgB,CAACC,WAAW,CAAC,EAAE;QACpD,MAAM,IAAIV,YAAY,CAAC;EACrBI,QAAAA,OAAO,EAAE/B,KAAK;EACd6B,QAAAA,SAAS,EAAEO,gBAAgB;EAC3BN,QAAAA,UAAU,EAAE,wBAAwB;EACpCE,QAAAA,YAAY,EAAEI,gBAAgB,CAACC,WAAW,CAAChB;EAC7C,OAAC,CAAC;EACJ,IAAA,CAAC,MAAM;QACL,IAAI,CAACc,MAAM,GAAmCnC,KAAM;EACtD,IAAA;MAEAoC,gBAAgB,CAACE,YAAY,EAAE;MAE/B,IAAI,CAACC,gBAAgB,EAAE;EAEvB,IAAA,MAAMtC,UAAU,GAAGmC,gBAAgB,CAACnC,UAAU;MAE9C,IAAI,CAACD,KAAK,CAACwC,YAAY,CAAC,QAAQvC,UAAU,CAAA,KAAA,CAAO,EAAE,EAAE,CAAC;EACxD,EAAA;EAQAsC,EAAAA,gBAAgBA,GAAG;EACjB,IAAA,MAAMpB,WAAW,GAAyC,IAAI,CAACA,WAAY;EAC3E,IAAA,MAAMlB,UAAU,GAAGkB,WAAW,CAAClB,UAAU;MAEzC,IAAIA,UAAU,IAAIF,aAAa,CAAC,IAAI,CAACC,KAAK,EAAEC,UAAU,CAAC,EAAE;EACvD,MAAA,MAAM,IAAIgC,SAAS,CAACd,WAAW,CAAC;EAClC,IAAA;EACF,EAAA;IAOA,OAAOmB,YAAYA,GAAG;EACpB,IAAA,IAAI,CAAClC,WAAW,EAAE,EAAE;QAClB,MAAM,IAAIkB,YAAY,EAAE;EAC1B,IAAA;EACF,EAAA;EACF;;EAEA;EACA;EACA;EACA;;EAEA;EACA;EACA;EArGaP,SAAS,CAIbsB,WAAW,GAAGnC,WAAW;;ECV3B,MAAMuC,cAAc,GAAGC,MAAM,CAACC,GAAG,CAAC,gBAAgB,CAAC;EAYnD,MAAMC,qBAAqB,SAAS7B,SAAS,CAAC;IAkBnD,CAAC0B,cAAc,CAAA,CAAEI,KAAK,EAAE;EACtB,IAAA,OAAO,EAAE;EACX,EAAA;;EAEA;EACF;EACA;EACA;EACA;EACA;IACE,IAAIC,MAAMA,GAAG;MACX,OAAO,IAAI,CAACC,OAAO;EACrB,EAAA;EAeA5B,EAAAA,WAAWA,CAACnB,KAAK,EAAE8C,MAAM,EAAE;MACzB,KAAK,CAAC9C,KAAK,CAAC;EAAA,IAAA,IAAA,CAVd+C,OAAO,GAAA,MAAA;EAYL,IAAA,MAAMX,gBAAgB,GACqC,IAAI,CAACjB,WAAY;EAE5E,IAAA,IAAI,CAACN,QAAQ,CAACuB,gBAAgB,CAACY,QAAQ,CAAC,EAAE;QACxC,MAAM,IAAItB,WAAW,CACnBZ,kBAAkB,CAChBsB,gBAAgB,EAChB,qEACF,CACF,CAAC;EACH,IAAA;MAEA,MAAMa,aAAa,GACjBC,gBAAgB,CAACd,gBAAgB,EAAE,IAAI,CAACD,MAAM,CAACgB,OAAO,CACvD;MAED,IAAI,CAACJ,OAAO,GACVK,YAAY,CACVhB,gBAAgB,CAACY,QAAQ,EACzBF,MAAM,IAAA,IAAA,GAANA,MAAM,GAAI,EAAE,EACZ,IAAI,CAACL,cAAc,CAAC,CAACQ,aAAa,CAAC,EACnCA,aACF,CACD;EACH,EAAA;EACF;EAkBO,SAASI,eAAeA,CAACC,KAAK,EAAEC,QAAQ,EAAE;IAC/C,MAAMC,YAAY,GAAGF,KAAK,GAAGA,KAAK,CAACG,IAAI,EAAE,GAAG,EAAE;EAE9C,EAAA,IAAIC,MAAM;EACV,EAAA,IAAIC,UAAU,GAAGJ,QAAQ,IAAA,IAAA,GAAA,MAAA,GAARA,QAAQ,CAAEK,IAAI;IAG/B,IAAI,CAACD,UAAU,EAAE;MACf,IAAI,CAAC,MAAM,EAAE,OAAO,CAAC,CAACE,QAAQ,CAACL,YAAY,CAAC,EAAE;EAC5CG,MAAAA,UAAU,GAAG,SAAS;EACxB,IAAA;EAIA,IAAA,IAAIH,YAAY,CAACM,MAAM,GAAG,CAAC,IAAIC,QAAQ,CAACC,MAAM,CAACR,YAAY,CAAC,CAAC,EAAE;EAC7DG,MAAAA,UAAU,GAAG,QAAQ;EACvB,IAAA;EACF,EAAA;EAEA,EAAA,QAAQA,UAAU;EAChB,IAAA,KAAK,SAAS;QACZD,MAAM,GAAGF,YAAY,KAAK,MAAM;EAChC,MAAA;EAEF,IAAA,KAAK,QAAQ;EACXE,MAAAA,MAAM,GAAGM,MAAM,CAACR,YAAY,CAAC;EAC7B,MAAA;EAEF,IAAA;EACEE,MAAAA,MAAM,GAAGJ,KAAK;EAClB;EAEA,EAAA,OAAOI,MAAM;EACf;EAeO,SAASR,gBAAgBA,CAACnC,SAAS,EAAEoC,OAAO,EAAE;EACnD,EAAA,IAAI,CAACtC,QAAQ,CAACE,SAAS,CAACkD,MAAM,CAAC,EAAE;MAC/B,MAAM,IAAIvC,WAAW,CACnBZ,kBAAkB,CAChBC,SAAS,EACT,mEACF,CACF,CAAC;EACH,EAAA;IAEA,MAAMmD,GAAG,GAAgC,EAAG;IAC5C,MAAMC,OAAO,GACXC,MAAM,CAACD,OAAO,CAACpD,SAAS,CAACkD,MAAM,CAACI,UAAU,CAC3C;EAGD,EAAA,KAAK,MAAMC,KAAK,IAAIH,OAAO,EAAE;EAC3B,IAAA,MAAM,CAACI,SAAS,EAAEhB,QAAQ,CAAC,GAAGe,KAAK;EAGnC,IAAA,MAAME,KAAK,GAAGD,SAAS,CAACE,QAAQ,EAAE;MAElC,IAAID,KAAK,IAAIrB,OAAO,EAAE;EACpBe,MAAAA,GAAG,CAACM,KAAK,CAAC,GAAGnB,eAAe,CAACF,OAAO,CAACqB,KAAK,CAAC,EAAEjB,QAAQ,CAAC;EACxD,IAAA;MAMA,IAAI,CAAAA,QAAQ,IAAA,IAAA,GAAA,MAAA,GAARA,QAAQ,CAAEK,IAAI,MAAK,QAAQ,EAAE;EAC/BM,MAAAA,GAAG,CAACM,KAAK,CAAC,GAAGE,wBAAwB,CACnC3D,SAAS,CAACkD,MAAM,EAChBd,OAAO,EACPoB,SACF,CAAC;EACH,IAAA;EACF,EAAA;EAEA,EAAA,OAAOL,GAAG;EACZ;EAqDO,SAASd,YAAYA,CAAC,GAAGuB,aAAa,EAAE;IAG7C,MAAMC,qBAAqB,GAAG,EAAE;EAGhC,EAAA,KAAK,MAAMC,YAAY,IAAIF,aAAa,EAAE;MACxC,KAAK,MAAMG,GAAG,IAAIV,MAAM,CAACW,IAAI,CAACF,YAAY,CAAC,EAAE;EAC3C,MAAA,MAAMlE,MAAM,GAAGiE,qBAAqB,CAACE,GAAG,CAAC;EACzC,MAAA,MAAME,QAAQ,GAAGH,YAAY,CAACC,GAAG,CAAC;QAKlC,IAAIjE,QAAQ,CAACF,MAAM,CAAC,IAAIE,QAAQ,CAACmE,QAAQ,CAAC,EAAE;UAC1CJ,qBAAqB,CAACE,GAAG,CAAC,GAAG1B,YAAY,CAACzC,MAAM,EAAEqE,QAAQ,CAAC;EAC7D,MAAA,CAAC,MAAM;EAELJ,QAAAA,qBAAqB,CAACE,GAAG,CAAC,GAAGE,QAAQ;EACvC,MAAA;EACF,IAAA;EACF,EAAA;EAEA,EAAA,OAAOJ,qBAAqB;EAC9B;EAoDO,SAASF,wBAAwBA,CAACT,MAAM,EAAEd,OAAO,EAAEoB,SAAS,EAAE;EACnE,EAAA,MAAMhB,QAAQ,GAAGU,MAAM,CAACI,UAAU,CAACE,SAAS,CAAC;IAG7C,IAAI,CAAAhB,QAAQ,IAAA,IAAA,GAAA,MAAA,GAARA,QAAQ,CAAEK,IAAI,MAAK,QAAQ,EAAE;EAC/B,IAAA;EACF,EAAA;EAGA,EAAA,MAAMqB,SAAS,GAA0D;MACvE,CAACV,SAAS,GAAG;KACb;EAEF,EAAA,KAAK,MAAM,CAACO,GAAG,EAAExB,KAAK,CAAC,IAAIc,MAAM,CAACD,OAAO,CAAChB,OAAO,CAAC,EAAE;MAElD,IAAI+B,OAAO,GAAGD,SAAS;EAGvB,IAAA,MAAME,QAAQ,GAAGL,GAAG,CAACM,KAAK,CAAC,GAAG,CAAC;EAQ/B,IAAA,KAAK,MAAM,CAACC,KAAK,EAAEhE,IAAI,CAAC,IAAI8D,QAAQ,CAAChB,OAAO,EAAE,EAAE;EAC9C,MAAA,IAAItD,QAAQ,CAACqE,OAAO,CAAC,EAAE;EAErB,QAAA,IAAIG,KAAK,GAAGF,QAAQ,CAACrB,MAAM,GAAG,CAAC,EAAE;YAE/B,IAAI,CAACjD,QAAQ,CAACqE,OAAO,CAAC7D,IAAI,CAAC,CAAC,EAAE;EAC5B6D,YAAAA,OAAO,CAAC7D,IAAI,CAAC,GAAG,EAAE;EACpB,UAAA;EAGA6D,UAAAA,OAAO,GAAGA,OAAO,CAAC7D,IAAI,CAAC;EACzB,QAAA,CAAC,MAAM,IAAIyD,GAAG,KAAKP,SAAS,EAAE;EAE5BW,UAAAA,OAAO,CAAC7D,IAAI,CAAC,GAAGgC,eAAe,CAACC,KAAK,CAAC;EACxC,QAAA;EACF,MAAA;EACF,IAAA;EACF,EAAA;IAEA,OAAO2B,SAAS,CAACV,SAAS,CAAC;EAC7B;EAQA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;;ECjaA,MAAMe,2BAA2B,GAAG,CAAC;;EAErC;EACA;EACA;EACA;EACA;EACA;EACO,MAAMC,MAAM,SAAS3C,qBAAqB,CAAC;EAOhD;EACF;EACA;EACA;EACEzB,EAAAA,WAAWA,CAACnB,KAAK,EAAE8C,MAAM,GAAG,EAAE,EAAE;EAC9B,IAAA,KAAK,CAAC9C,KAAK,EAAE8C,MAAM,CAAC;MAAA,IAAA,CAPtB0C,uBAAuB,GAAG,IAAI;EAS5B,IAAA,IAAI,CAACxF,KAAK,CAACyF,gBAAgB,CAAC,SAAS,EAAGC,KAAK,IAAK,IAAI,CAACC,aAAa,CAACD,KAAK,CAAC,CAAC;EAC5E,IAAA,IAAI,CAAC1F,KAAK,CAACyF,gBAAgB,CAAC,OAAO,EAAGC,KAAK,IAAK,IAAI,CAACE,QAAQ,CAACF,KAAK,CAAC,CAAC;EACvE,EAAA;IAcAC,aAAaA,CAACD,KAAK,EAAE;EACnB,IAAA,MAAMG,OAAO,GAAGH,KAAK,CAACI,MAAM;EAG5B,IAAA,IAAIJ,KAAK,CAACZ,GAAG,KAAK,GAAG,EAAE;EACrB,MAAA;EACF,IAAA;EAGA,IAAA,IACEe,OAAO,YAAY3F,WAAW,IAC9B2F,OAAO,CAACE,YAAY,CAAC,MAAM,CAAC,KAAK,QAAQ,EACzC;QACAL,KAAK,CAACM,cAAc,EAAE;QACtBH,OAAO,CAACI,KAAK,EAAE;EACjB,IAAA;EACF,EAAA;IAaAL,QAAQA,CAACF,KAAK,EAAE;EAEd,IAAA,IAAI,CAAC,IAAI,CAAC5C,MAAM,CAACoD,kBAAkB,EAAE;EACnC,MAAA;EACF,IAAA;MAGA,IAAI,IAAI,CAACV,uBAAuB,EAAE;QAChCE,KAAK,CAACM,cAAc,EAAE;EACtB,MAAA,OAAO,KAAK;EACd,IAAA;EAEA,IAAA,IAAI,CAACR,uBAAuB,GAAGW,MAAM,CAACC,UAAU,CAAC,MAAM;QACrD,IAAI,CAACZ,uBAAuB,GAAG,IAAI;EACrC,IAAA,CAAC,EAAEF,2BAA2B,GAAG,IAAI,CAAC;EACxC,EAAA;EA6BF;;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;;EAEA;EACA;EACA;EAnHaC,MAAM,CA+EVtF,UAAU,GAAG,cAAc;EA/EvBsF,MAAM,CAwFVvC,QAAQ,GAAGoB,MAAM,CAACiC,MAAM,CAAC;EAC9BH,EAAAA,kBAAkB,EAAE;EACtB,CAAC,CAAC;EA1FSX,MAAM,CAkGVtB,MAAM,GAAGG,MAAM,CAACiC,MAAM,CAAC;EAC5BhC,EAAAA,UAAU,EAAE;EACV6B,IAAAA,kBAAkB,EAAE;EAAEtC,MAAAA,IAAI,EAAE;EAAU;EACxC;EACF,CAAC,CAAC;;;;;;;;"}
\ No newline at end of file
diff --git a/app/templates/govuk/components/components/button/button.bundle.mjs b/app/templates/govuk/components/components/button/button.bundle.mjs
new file mode 100644
index 0000000..6f0a4e8
--- /dev/null
+++ b/app/templates/govuk/components/components/button/button.bundle.mjs
@@ -0,0 +1,357 @@
+function isInitialised($root, moduleName) {
+  return $root instanceof HTMLElement && $root.hasAttribute(`data-${moduleName}-init`);
+}
+
+/**
+ * Checks if GOV.UK Frontend is supported on this page
+ *
+ * Some browsers will load and run our JavaScript but GOV.UK Frontend
+ * won't be supported.
+ *
+ * @param {HTMLElement | null} [$scope] - (internal) `<body>` HTML element checked for browser support
+ * @returns {boolean} Whether GOV.UK Frontend is supported on this page
+ */
+function isSupported($scope = document.body) {
+  if (!$scope) {
+    return false;
+  }
+  return $scope.classList.contains('govuk-frontend-supported');
+}
+function isArray(option) {
+  return Array.isArray(option);
+}
+function isObject(option) {
+  return !!option && typeof option === 'object' && !isArray(option);
+}
+function formatErrorMessage(Component, message) {
+  return `${Component.moduleName}: ${message}`;
+}
+/**
+ * @typedef ComponentWithModuleName
+ * @property {string} moduleName - Name of the component
+ */
+
+class GOVUKFrontendError extends Error {
+  constructor(...args) {
+    super(...args);
+    this.name = 'GOVUKFrontendError';
+  }
+}
+class SupportError extends GOVUKFrontendError {
+  /**
+   * Checks if GOV.UK Frontend is supported on this page
+   *
+   * @param {HTMLElement | null} [$scope] - HTML element `<body>` checked for browser support
+   */
+  constructor($scope = document.body) {
+    const supportMessage = 'noModule' in HTMLScriptElement.prototype ? 'GOV.UK Frontend initialised without `<body class="govuk-frontend-supported">` from template `<script>` snippet' : 'GOV.UK Frontend is not supported in this browser';
+    super($scope ? supportMessage : 'GOV.UK Frontend initialised without `<script type="module">`');
+    this.name = 'SupportError';
+  }
+}
+class ConfigError extends GOVUKFrontendError {
+  constructor(...args) {
+    super(...args);
+    this.name = 'ConfigError';
+  }
+}
+class ElementError extends GOVUKFrontendError {
+  constructor(messageOrOptions) {
+    let message = typeof messageOrOptions === 'string' ? messageOrOptions : '';
+    if (isObject(messageOrOptions)) {
+      const {
+        component,
+        identifier,
+        element,
+        expectedType
+      } = messageOrOptions;
+      message = identifier;
+      message += element ? ` is not of type ${expectedType != null ? expectedType : 'HTMLElement'}` : ' not found';
+      if (component) {
+        message = formatErrorMessage(component, message);
+      }
+    }
+    super(message);
+    this.name = 'ElementError';
+  }
+}
+class InitError extends GOVUKFrontendError {
+  constructor(componentOrMessage) {
+    const message = typeof componentOrMessage === 'string' ? componentOrMessage : formatErrorMessage(componentOrMessage, `Root element (\`$root\`) already initialised`);
+    super(message);
+    this.name = 'InitError';
+  }
+}
+/**
+ * @import { ComponentWithModuleName } from '../common/index.mjs'
+ */
+
+class Component {
+  /**
+   * Returns the root element of the component
+   *
+   * @protected
+   * @returns {RootElementType} - the root element of component
+   */
+  get $root() {
+    return this._$root;
+  }
+  constructor($root) {
+    this._$root = void 0;
+    const childConstructor = this.constructor;
+    if (typeof childConstructor.moduleName !== 'string') {
+      throw new InitError(`\`moduleName\` not defined in component`);
+    }
+    if (!($root instanceof childConstructor.elementType)) {
+      throw new ElementError({
+        element: $root,
+        component: childConstructor,
+        identifier: 'Root element (`$root`)',
+        expectedType: childConstructor.elementType.name
+      });
+    } else {
+      this._$root = $root;
+    }
+    childConstructor.checkSupport();
+    this.checkInitialised();
+    const moduleName = childConstructor.moduleName;
+    this.$root.setAttribute(`data-${moduleName}-init`, '');
+  }
+  checkInitialised() {
+    const constructor = this.constructor;
+    const moduleName = constructor.moduleName;
+    if (moduleName && isInitialised(this.$root, moduleName)) {
+      throw new InitError(constructor);
+    }
+  }
+  static checkSupport() {
+    if (!isSupported()) {
+      throw new SupportError();
+    }
+  }
+}
+
+/**
+ * @typedef ChildClass
+ * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component
+ */
+
+/**
+ * @typedef {typeof Component & ChildClass} ChildClassConstructor
+ */
+Component.elementType = HTMLElement;
+
+const configOverride = Symbol.for('configOverride');
+class ConfigurableComponent extends Component {
+  [configOverride](param) {
+    return {};
+  }
+
+  /**
+   * Returns the root element of the component
+   *
+   * @protected
+   * @returns {ConfigurationType} - the root element of component
+   */
+  get config() {
+    return this._config;
+  }
+  constructor($root, config) {
+    super($root);
+    this._config = void 0;
+    const childConstructor = this.constructor;
+    if (!isObject(childConstructor.defaults)) {
+      throw new ConfigError(formatErrorMessage(childConstructor, 'Config passed as parameter into constructor but no defaults defined'));
+    }
+    const datasetConfig = normaliseDataset(childConstructor, this._$root.dataset);
+    this._config = mergeConfigs(childConstructor.defaults, config != null ? config : {}, this[configOverride](datasetConfig), datasetConfig);
+  }
+}
+function normaliseString(value, property) {
+  const trimmedValue = value ? value.trim() : '';
+  let output;
+  let outputType = property == null ? void 0 : property.type;
+  if (!outputType) {
+    if (['true', 'false'].includes(trimmedValue)) {
+      outputType = 'boolean';
+    }
+    if (trimmedValue.length > 0 && isFinite(Number(trimmedValue))) {
+      outputType = 'number';
+    }
+  }
+  switch (outputType) {
+    case 'boolean':
+      output = trimmedValue === 'true';
+      break;
+    case 'number':
+      output = Number(trimmedValue);
+      break;
+    default:
+      output = value;
+  }
+  return output;
+}
+function normaliseDataset(Component, dataset) {
+  if (!isObject(Component.schema)) {
+    throw new ConfigError(formatErrorMessage(Component, 'Config passed as parameter into constructor but no schema defined'));
+  }
+  const out = {};
+  const entries = Object.entries(Component.schema.properties);
+  for (const entry of entries) {
+    const [namespace, property] = entry;
+    const field = namespace.toString();
+    if (field in dataset) {
+      out[field] = normaliseString(dataset[field], property);
+    }
+    if ((property == null ? void 0 : property.type) === 'object') {
+      out[field] = extractConfigByNamespace(Component.schema, dataset, namespace);
+    }
+  }
+  return out;
+}
+function mergeConfigs(...configObjects) {
+  const formattedConfigObject = {};
+  for (const configObject of configObjects) {
+    for (const key of Object.keys(configObject)) {
+      const option = formattedConfigObject[key];
+      const override = configObject[key];
+      if (isObject(option) && isObject(override)) {
+        formattedConfigObject[key] = mergeConfigs(option, override);
+      } else {
+        formattedConfigObject[key] = override;
+      }
+    }
+  }
+  return formattedConfigObject;
+}
+function extractConfigByNamespace(schema, dataset, namespace) {
+  const property = schema.properties[namespace];
+  if ((property == null ? void 0 : property.type) !== 'object') {
+    return;
+  }
+  const newObject = {
+    [namespace]: {}
+  };
+  for (const [key, value] of Object.entries(dataset)) {
+    let current = newObject;
+    const keyParts = key.split('.');
+    for (const [index, name] of keyParts.entries()) {
+      if (isObject(current)) {
+        if (index < keyParts.length - 1) {
+          if (!isObject(current[name])) {
+            current[name] = {};
+          }
+          current = current[name];
+        } else if (key !== namespace) {
+          current[name] = normaliseString(value);
+        }
+      }
+    }
+  }
+  return newObject[namespace];
+}
+/**
+ * Schema for component config
+ *
+ * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType
+ * @typedef {object} Schema
+ * @property {Record<keyof ConfigurationType, SchemaProperty | undefined>} properties - Schema properties
+ * @property {SchemaCondition<ConfigurationType>[]} [anyOf] - List of schema conditions
+ */
+/**
+ * Schema property for component config
+ *
+ * @typedef {object} SchemaProperty
+ * @property {'string' | 'boolean' | 'number' | 'object'} type - Property type
+ */
+/**
+ * Schema condition for component config
+ *
+ * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType
+ * @typedef {object} SchemaCondition
+ * @property {(keyof ConfigurationType)[]} required - List of required config fields
+ * @property {string} errorMessage - Error message when required config fields not provided
+ */
+/**
+ * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]
+ * @typedef ChildClass
+ * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component
+ * @property {Schema<ConfigurationType>} [schema] - The schema of the component configuration
+ * @property {ConfigurationType} [defaults] - The default values of the configuration of the component
+ */
+/**
+ * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]
+ * @typedef {typeof Component & ChildClass<ConfigurationType>} ChildClassConstructor<ConfigurationType>
+ */
+/**
+ * @import { CompatibleClass, Config, CreateAllOptions, OnErrorCallback } from '../init.mjs'
+ */
+
+const DEBOUNCE_TIMEOUT_IN_SECONDS = 1;
+
+/**
+ * JavaScript enhancements for the Button component
+ *
+ * @preserve
+ * @augments ConfigurableComponent<ButtonConfig>
+ */
+class Button extends ConfigurableComponent {
+  /**
+   * @param {Element | null} $root - HTML element to use for button
+   * @param {ButtonConfig} [config] - Button config
+   */
+  constructor($root, config = {}) {
+    super($root, config);
+    this.debounceFormSubmitTimer = null;
+    this.$root.addEventListener('keydown', event => this.handleKeyDown(event));
+    this.$root.addEventListener('click', event => this.debounce(event));
+  }
+  handleKeyDown(event) {
+    const $target = event.target;
+    if (event.key !== ' ') {
+      return;
+    }
+    if ($target instanceof HTMLElement && $target.getAttribute('role') === 'button') {
+      event.preventDefault();
+      $target.click();
+    }
+  }
+  debounce(event) {
+    if (!this.config.preventDoubleClick) {
+      return;
+    }
+    if (this.debounceFormSubmitTimer) {
+      event.preventDefault();
+      return false;
+    }
+    this.debounceFormSubmitTimer = window.setTimeout(() => {
+      this.debounceFormSubmitTimer = null;
+    }, DEBOUNCE_TIMEOUT_IN_SECONDS * 1000);
+  }
+}
+
+/**
+ * Button config
+ *
+ * @typedef {object} ButtonConfig
+ * @property {boolean} [preventDoubleClick=false] - Prevent accidental double
+ *   clicks on submit buttons from submitting forms multiple times.
+ */
+
+/**
+ * @import { Schema } from '../../common/configuration.mjs'
+ */
+Button.moduleName = 'govuk-button';
+Button.defaults = Object.freeze({
+  preventDoubleClick: false
+});
+Button.schema = Object.freeze({
+  properties: {
+    preventDoubleClick: {
+      type: 'boolean'
+    }
+  }
+});
+
+export { Button };
+//# sourceMappingURL=button.bundle.mjs.map
diff --git a/app/templates/govuk/components/components/button/button.bundle.mjs.map b/app/templates/govuk/components/components/button/button.bundle.mjs.map
new file mode 100644
index 0000000..e60059a
--- /dev/null
+++ b/app/templates/govuk/components/components/button/button.bundle.mjs.map
@@ -0,0 +1 @@
+{"version":3,"file":"button.bundle.mjs","sources":["../../../../src/govuk/common/index.mjs","../../../../src/govuk/errors/index.mjs","../../../../src/govuk/component.mjs","../../../../src/govuk/common/configuration.mjs","../../../../src/govuk/components/button/button.mjs"],"sourcesContent":["/**\n * Common helpers which do not require polyfill.\n *\n * IMPORTANT: If a helper require a polyfill, please isolate it in its own module\n * so that the polyfill can be properly tree-shaken and does not burden\n * the components that do not need that helper\n */\n\n/**\n * Get GOV.UK Frontend breakpoint value from CSS custom property\n *\n * @private\n * @param {string} name - Breakpoint name\n * @returns {{ property: string, value?: string }} Breakpoint object\n */\nexport function getBreakpoint(name) {\n  const property = `--govuk-breakpoint-${name}`\n\n  // Get value from `<html>` with breakpoints on CSS :root\n  const value = window\n    .getComputedStyle(document.documentElement)\n    .getPropertyValue(property)\n\n  return {\n    property,\n    value: value || undefined\n  }\n}\n\n/**\n * Move focus to element\n *\n * Sets tabindex to -1 to make the element programmatically focusable,\n * but removes it on blur as the element doesn't need to be focused again.\n *\n * @private\n * @template {HTMLElement} FocusElement\n * @param {FocusElement} $element - HTML element\n * @param {object} [options] - Handler options\n * @param {function(this: FocusElement): void} [options.onBeforeFocus] - Callback before focus\n * @param {function(this: FocusElement): void} [options.onBlur] - Callback on blur\n */\nexport function setFocus($element, options = {}) {\n  const isFocusable = $element.getAttribute('tabindex')\n\n  if (!isFocusable) {\n    $element.setAttribute('tabindex', '-1')\n  }\n\n  /**\n   * Handle element focus\n   */\n  function onFocus() {\n    $element.addEventListener('blur', onBlur, { once: true })\n  }\n\n  /**\n   * Handle element blur\n   */\n  function onBlur() {\n    options.onBlur?.call($element)\n\n    if (!isFocusable) {\n      $element.removeAttribute('tabindex')\n    }\n  }\n\n  // Add listener to reset element on blur, after focus\n  $element.addEventListener('focus', onFocus, { once: true })\n\n  // Focus element\n  options.onBeforeFocus?.call($element)\n  $element.focus()\n}\n\n/**\n * Checks if component is already initialised\n *\n * @internal\n * @param {Element} $root - HTML element to be checked\n * @param {string} moduleName - name of component module\n * @returns {boolean} Whether component is already initialised\n */\nexport function isInitialised($root, moduleName) {\n  return (\n    $root instanceof HTMLElement &&\n    $root.hasAttribute(`data-${moduleName}-init`)\n  )\n}\n\n/**\n * Checks if GOV.UK Frontend is supported on this page\n *\n * Some browsers will load and run our JavaScript but GOV.UK Frontend\n * won't be supported.\n *\n * @param {HTMLElement | null} [$scope] - (internal) `<body>` HTML element checked for browser support\n * @returns {boolean} Whether GOV.UK Frontend is supported on this page\n */\nexport function isSupported($scope = document.body) {\n  if (!$scope) {\n    return false\n  }\n\n  return $scope.classList.contains('govuk-frontend-supported')\n}\n\n/**\n * Check for an array\n *\n * @internal\n * @param {unknown} option - Option to check\n * @returns {boolean} Whether the option is an array\n */\nfunction isArray(option) {\n  return Array.isArray(option)\n}\n\n/**\n * Check for an object\n *\n * @internal\n * @template {Partial<Record<keyof ObjectType, unknown>>} ObjectType\n * @param {unknown | ObjectType} option - Option to check\n * @returns {option is ObjectType} Whether the option is an object\n */\nexport function isObject(option) {\n  return !!option && typeof option === 'object' && !isArray(option)\n}\n\n/**\n * Check for valid scope\n *\n * @internal\n * @template {Element | Document} ScopeType\n * @param {unknown | ScopeType} $scope - Scope of the document to search within\n * @returns {$scope is ScopeType} Whether the scope can be queried\n */\nexport function isScope($scope) {\n  return !!$scope && ($scope instanceof Element || $scope instanceof Document)\n}\n\n/**\n * Format error message\n *\n * @internal\n * @param {ComponentWithModuleName} Component - Component that threw the error\n * @param {string} message - Error message\n * @returns {string} - Formatted error message\n */\nexport function formatErrorMessage(Component, message) {\n  return `${Component.moduleName}: ${message}`\n}\n\n/* eslint-disable jsdoc/valid-types --\n * `{new(...args: any[] ): object}` is not recognised as valid\n * https://github.com/gajus/eslint-plugin-jsdoc/issues/145#issuecomment-1308722878\n * https://github.com/jsdoc-type-pratt-parser/jsdoc-type-pratt-parser/issues/131\n **/\n\n/**\n * @typedef ComponentWithModuleName\n * @property {string} moduleName - Name of the component\n */\n\n/* eslint-enable jsdoc/valid-types */\n","import { formatErrorMessage, isObject } from '../common/index.mjs'\n\n/**\n * GOV.UK Frontend error\n *\n * A base class for `Error`s thrown by GOV.UK Frontend.\n *\n * It is meant to be extended into specific types of errors\n * to be thrown by our code.\n *\n * @example\n * ```js\n * class MissingRootError extends GOVUKFrontendError {\n *   // Setting an explicit name is important as extending the class will not\n *   // set a new `name` on the subclass. The `name` property is important\n *   // to ensure intelligible error names even if the class name gets\n *   // mangled by a minifier\n *   name = \"MissingRootError\"\n * }\n * ```\n * @virtual\n */\nexport class GOVUKFrontendError extends Error {\n  name = 'GOVUKFrontendError'\n}\n\n/**\n * Indicates that GOV.UK Frontend is not supported\n */\nexport class SupportError extends GOVUKFrontendError {\n  name = 'SupportError'\n\n  /**\n   * Checks if GOV.UK Frontend is supported on this page\n   *\n   * @param {HTMLElement | null} [$scope] - HTML element `<body>` checked for browser support\n   */\n  constructor($scope = document.body) {\n    const supportMessage =\n      'noModule' in HTMLScriptElement.prototype\n        ? 'GOV.UK Frontend initialised without `<body class=\"govuk-frontend-supported\">` from template `<script>` snippet'\n        : 'GOV.UK Frontend is not supported in this browser'\n\n    super(\n      $scope\n        ? supportMessage\n        : 'GOV.UK Frontend initialised without `<script type=\"module\">`'\n    )\n  }\n}\n\n/**\n * Indicates that a component has received an illegal configuration\n */\nexport class ConfigError extends GOVUKFrontendError {\n  name = 'ConfigError'\n}\n\n/**\n * Indicates an issue with an element (possibly `null` or `undefined`)\n */\nexport class ElementError extends GOVUKFrontendError {\n  name = 'ElementError'\n\n  /**\n   * @internal\n   * @overload\n   * @param {string} message - Element error message\n   */\n\n  /**\n   * @internal\n   * @overload\n   * @param {ElementErrorOptions} options - Element error options\n   */\n\n  /**\n   * @internal\n   * @param {string | ElementErrorOptions} messageOrOptions - Element error message or options\n   */\n  constructor(messageOrOptions) {\n    let message = typeof messageOrOptions === 'string' ? messageOrOptions : ''\n\n    // Build message from options\n    if (isObject(messageOrOptions)) {\n      const { component, identifier, element, expectedType } = messageOrOptions\n\n      message = identifier\n\n      // Append reason\n      message += element\n        ? ` is not of type ${expectedType ?? 'HTMLElement'}`\n        : ' not found'\n\n      // Prepend with module name (optional)\n      if (component) {\n        message = formatErrorMessage(component, message)\n      }\n    }\n\n    super(message)\n  }\n}\n\n/**\n * Indicates that a component is already initialised\n */\nexport class InitError extends GOVUKFrontendError {\n  name = 'InitError'\n\n  /**\n   * @internal\n   * @param {ComponentWithModuleName | string} componentOrMessage - name of the component module\n   */\n  constructor(componentOrMessage) {\n    const message =\n      typeof componentOrMessage === 'string'\n        ? componentOrMessage\n        : formatErrorMessage(\n            componentOrMessage,\n            `Root element (\\`$root\\`) already initialised`\n          )\n\n    super(message)\n  }\n}\n\n/**\n * Element error options\n *\n * @internal\n * @typedef {object} ElementErrorOptions\n * @property {Element | Document | null} [element] - The element in error (optional)\n * @property {ComponentWithModuleName} [component] - Component throwing the error (optional)\n * @property {string} identifier - An identifier that'll let the user understand which element has an error. This is whatever makes the most sense\n * @property {string} [expectedType] - The type that was expected for the identifier (optional)\n */\n\n/**\n * @import { ComponentWithModuleName } from '../common/index.mjs'\n */\n","import { isInitialised, isSupported } from './common/index.mjs'\nimport { ElementError, InitError, SupportError } from './errors/index.mjs'\n\n/**\n * Base Component class\n *\n * Centralises the behaviours shared by our components\n *\n * @virtual\n * @template {Element} [RootElementType=HTMLElement]\n */\nexport class Component {\n  /**\n   * @type {typeof Element}\n   */\n  static elementType = HTMLElement\n\n  // allows Typescript user to work around the lack of types\n  // in GOVUKFrontend package, Typescript is not aware of $root\n  // in components that extend GOVUKFrontendComponent\n  /**\n   * Returns the root element of the component\n   *\n   * @protected\n   * @returns {RootElementType} - the root element of component\n   */\n  get $root() {\n    return this._$root\n  }\n\n  /**\n   * @protected\n   * @type {RootElementType}\n   */\n  _$root\n\n  /**\n   * Constructs a new component, validating that GOV.UK Frontend is supported\n   *\n   * @internal\n   * @param {Element | null} [$root] - HTML element to use for component\n   */\n  constructor($root) {\n    const childConstructor = /** @type {ChildClassConstructor} */ (\n      this.constructor\n    )\n\n    // TypeScript does not enforce that inheriting classes will define a `moduleName`\n    // (even if we add a `@virtual` `static moduleName` property to this class).\n    // While we trust users to do this correctly, we do a little check to provide them\n    // a helpful error message.\n    //\n    // After this, we'll be sure that `childConstructor` has a `moduleName`\n    // as expected of the `ChildClassConstructor` we've cast `this.constructor` to.\n    if (typeof childConstructor.moduleName !== 'string') {\n      throw new InitError(`\\`moduleName\\` not defined in component`)\n    }\n\n    if (!($root instanceof childConstructor.elementType)) {\n      throw new ElementError({\n        element: $root,\n        component: childConstructor,\n        identifier: 'Root element (`$root`)',\n        expectedType: childConstructor.elementType.name\n      })\n    } else {\n      this._$root = /** @type {RootElementType} */ ($root)\n    }\n\n    childConstructor.checkSupport()\n\n    this.checkInitialised()\n\n    const moduleName = childConstructor.moduleName\n\n    this.$root.setAttribute(`data-${moduleName}-init`, '')\n  }\n\n  /**\n   * Validates whether component is already initialised\n   *\n   * @private\n   * @throws {InitError} when component is already initialised\n   */\n  checkInitialised() {\n    const constructor = /** @type {ChildClassConstructor} */ (this.constructor)\n    const moduleName = constructor.moduleName\n\n    if (moduleName && isInitialised(this.$root, moduleName)) {\n      throw new InitError(constructor)\n    }\n  }\n\n  /**\n   * Validates whether components are supported\n   *\n   * @throws {SupportError} when the components are not supported\n   */\n  static checkSupport() {\n    if (!isSupported()) {\n      throw new SupportError()\n    }\n  }\n}\n\n/**\n * @typedef ChildClass\n * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component\n */\n\n/**\n * @typedef {typeof Component & ChildClass} ChildClassConstructor\n */\n","import { Component } from '../component.mjs'\nimport { ConfigError } from '../errors/index.mjs'\n\nimport { isObject, isScope, formatErrorMessage } from './index.mjs'\n\nexport const configOverride = Symbol.for('configOverride')\n\n/**\n * Base Component class\n *\n * Centralises the behaviours shared by our components\n *\n * @virtual\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]\n * @template {Element & { dataset: DOMStringMap }} [RootElementType=HTMLElement]\n * @augments Component<RootElementType>\n */\nexport class ConfigurableComponent extends Component {\n  /**\n   * configOverride\n   *\n   * Function which defines configuration overrides to prioritize\n   * properties from the root element's dataset.\n   *\n   * It should take a subset of configuration as input and return\n   * a new configuration object with properties that should be\n   * overridden based on the root element's dataset. A Symbol\n   * is used for indexing to prevent conflicts.\n   *\n   * @internal\n   * @virtual\n   * @param {Partial<ConfigurationType>} [param] - Configuration object\n   * @returns {Partial<ConfigurationType>} return - Configuration object\n   */\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  [configOverride](param) {\n    return {}\n  }\n\n  /**\n   * Returns the root element of the component\n   *\n   * @protected\n   * @returns {ConfigurationType} - the root element of component\n   */\n  get config() {\n    return this._config\n  }\n\n  /**\n   *\n   * @type {ConfigurationType}\n   */\n  _config\n\n  /**\n   * Constructs a new component, validating that GOV.UK Frontend is supported\n   *\n   * @internal\n   * @param {Element | null} [$root] - HTML element to use for component\n   * @param {ConfigurationType} [config] - HTML element to use for component\n   */\n  constructor($root, config) {\n    super($root)\n\n    const childConstructor =\n      /** @type {ChildClassConstructor<ConfigurationType>} */ (this.constructor)\n\n    if (!isObject(childConstructor.defaults)) {\n      throw new ConfigError(\n        formatErrorMessage(\n          childConstructor,\n          'Config passed as parameter into constructor but no defaults defined'\n        )\n      )\n    }\n\n    const datasetConfig = /** @type {ConfigurationType} */ (\n      normaliseDataset(childConstructor, this._$root.dataset)\n    )\n\n    this._config = /** @type {ConfigurationType} */ (\n      mergeConfigs(\n        childConstructor.defaults,\n        config ?? {},\n        this[configOverride](datasetConfig),\n        datasetConfig\n      )\n    )\n  }\n}\n\n/**\n * Normalise string\n *\n * 'If it looks like a duck, and it quacks like a duck…' 🦆\n *\n * If the passed value looks like a boolean or a number, convert it to a boolean\n * or number.\n *\n * Designed to be used to convert config passed via data attributes (which are\n * always strings) into something sensible.\n *\n * @internal\n * @param {DOMStringMap[string]} value - The value to normalise\n * @param {SchemaProperty} [property] - Component schema property\n * @returns {string | boolean | number | undefined} Normalised data\n */\nexport function normaliseString(value, property) {\n  const trimmedValue = value ? value.trim() : ''\n\n  let output\n  let outputType = property?.type\n\n  // No schema type set? Determine automatically\n  if (!outputType) {\n    if (['true', 'false'].includes(trimmedValue)) {\n      outputType = 'boolean'\n    }\n\n    // Empty / whitespace-only strings are considered finite so we need to check\n    // the length of the trimmed string as well\n    if (trimmedValue.length > 0 && isFinite(Number(trimmedValue))) {\n      outputType = 'number'\n    }\n  }\n\n  switch (outputType) {\n    case 'boolean':\n      output = trimmedValue === 'true'\n      break\n\n    case 'number':\n      output = Number(trimmedValue)\n      break\n\n    default:\n      output = value\n  }\n\n  return output\n}\n\n/**\n * Normalise dataset\n *\n * Loop over an object and normalise each value using {@link normaliseString},\n * optionally expanding nested `i18n.field`\n *\n * @internal\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @template {[keyof ConfigurationType, SchemaProperty | undefined][]} SchemaEntryType\n * @param {{ schema?: Schema<ConfigurationType>, moduleName: string }} Component - Component class\n * @param {DOMStringMap} dataset - HTML element dataset\n * @returns {ObjectNested} Normalised dataset\n */\nexport function normaliseDataset(Component, dataset) {\n  if (!isObject(Component.schema)) {\n    throw new ConfigError(\n      formatErrorMessage(\n        Component,\n        'Config passed as parameter into constructor but no schema defined'\n      )\n    )\n  }\n\n  const out = /** @type {ObjectNested} */ ({})\n  const entries = /** @type {SchemaEntryType} */ (\n    Object.entries(Component.schema.properties)\n  )\n\n  // Normalise top-level dataset ('data-*') values using schema types\n  for (const entry of entries) {\n    const [namespace, property] = entry\n\n    // Cast the `namespace` to string so it can be used to access the dataset\n    const field = namespace.toString()\n\n    if (field in dataset) {\n      out[field] = normaliseString(dataset[field], property)\n    }\n\n    /**\n     * Extract and normalise nested object values automatically using\n     * {@link normaliseString} but only schema object types are allowed\n     */\n    if (property?.type === 'object') {\n      out[field] = extractConfigByNamespace(\n        Component.schema,\n        dataset,\n        namespace\n      )\n    }\n  }\n\n  return out\n}\n\n/**\n * Normalise options passed to `initAll` or `createAll`\n *\n * @internal\n * @template {CompatibleClass} ComponentClass\n * @param {Config | CreateAllOptions<ComponentClass> | OnErrorCallback<ComponentClass> | Element | Document | null} [scopeOrOptions] - Scope of the document to search within, initialisation options or error callback function\n * @returns {CreateAllOptions<ComponentClass>} Normalised options\n */\nexport function normaliseOptions(scopeOrOptions) {\n  let /** @type {Element | Document | null} */ $scope = document\n  let /** @type {OnErrorCallback<ComponentClass> | undefined} */ onError\n\n  // Handle options object\n  if (isObject(scopeOrOptions)) {\n    const options = scopeOrOptions\n\n    // Scope must be valid or null\n    if (isScope(options.scope) || options.scope === null) {\n      $scope = options.scope\n    }\n\n    // Error handler must be a function\n    if (typeof options.onError === 'function') {\n      onError = options.onError\n    }\n  }\n\n  if (isScope(scopeOrOptions)) {\n    $scope = scopeOrOptions\n  } else if (scopeOrOptions === null) {\n    $scope = null\n  } else if (typeof scopeOrOptions === 'function') {\n    onError = scopeOrOptions\n  }\n\n  return {\n    scope: $scope,\n    onError\n  }\n}\n\n/**\n * Config merging function\n *\n * Takes any number of objects and combines them together, with\n * greatest priority on the LAST item passed in.\n *\n * @internal\n * @param {...{ [key: string]: unknown }} configObjects - Config objects to merge\n * @returns {{ [key: string]: unknown }} A merged config object\n */\nexport function mergeConfigs(...configObjects) {\n  // Start with an empty object as our base\n  /** @type {{ [key: string]: unknown }} */\n  const formattedConfigObject = {}\n\n  // Loop through each of the passed objects\n  for (const configObject of configObjects) {\n    for (const key of Object.keys(configObject)) {\n      const option = formattedConfigObject[key]\n      const override = configObject[key]\n\n      // Push their keys one-by-one into formattedConfigObject. Any duplicate\n      // keys with object values will be merged, otherwise the new value will\n      // override the existing value.\n      if (isObject(option) && isObject(override)) {\n        formattedConfigObject[key] = mergeConfigs(option, override)\n      } else {\n        // Apply override\n        formattedConfigObject[key] = override\n      }\n    }\n  }\n\n  return formattedConfigObject\n}\n\n/**\n * Validate component config by schema\n *\n * Follows limited examples in JSON schema for wider support in future\n *\n * {@link https://ajv.js.org/json-schema.html#compound-keywords}\n * {@link https://ajv.js.org/packages/ajv-errors.html#single-message}\n *\n * @internal\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @param {Schema<ConfigurationType>} schema - The schema of a component\n * @param {ConfigurationType} config - Component config\n * @returns {string[]} List of validation errors\n */\nexport function validateConfig(schema, config) {\n  const validationErrors = []\n\n  // Check errors for each schema\n  for (const [name, conditions] of Object.entries(schema)) {\n    const errors = []\n\n    // Check errors for each schema condition\n    if (Array.isArray(conditions)) {\n      for (const { required, errorMessage } of conditions) {\n        if (!required.every((key) => !!config[key])) {\n          errors.push(errorMessage) // Missing config key value\n        }\n      }\n\n      // Check one condition passes or add errors\n      if (name === 'anyOf' && !(conditions.length - errors.length >= 1)) {\n        validationErrors.push(...errors)\n      }\n    }\n  }\n\n  return validationErrors\n}\n\n/**\n * Extracts keys starting with a particular namespace from dataset ('data-*')\n * object, removing the namespace in the process, normalising all values\n *\n * @internal\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @param {Schema<ConfigurationType>} schema - The schema of a component\n * @param {DOMStringMap} dataset - The object to extract key-value pairs from\n * @param {keyof ConfigurationType} namespace - The namespace to filter keys with\n * @returns {ObjectNested | undefined} Nested object with dot-separated key namespace removed\n */\nexport function extractConfigByNamespace(schema, dataset, namespace) {\n  const property = schema.properties[namespace]\n\n  // Only extract configs for object schema properties\n  if (property?.type !== 'object') {\n    return\n  }\n\n  // Add default empty config\n  const newObject = /** @type {Record<typeof namespace, ObjectNested>} */ ({\n    [namespace]: {}\n  })\n\n  for (const [key, value] of Object.entries(dataset)) {\n    /** @type {ObjectNested | ObjectNested[NestedKey]} */\n    let current = newObject\n\n    // Split the key into parts, using . as our namespace separator\n    const keyParts = key.split('.')\n\n    /**\n     * Create new level per part\n     *\n     * e.g. 'i18n.textareaDescription.other' becomes\n     * `{ i18n: { textareaDescription: { other } } }`\n     */\n    for (const [index, name] of keyParts.entries()) {\n      if (isObject(current)) {\n        // Drop down to nested object until the last part\n        if (index < keyParts.length - 1) {\n          // New nested object (optionally) replaces existing value\n          if (!isObject(current[name])) {\n            current[name] = {}\n          }\n\n          // Drop down into new or existing nested object\n          current = current[name]\n        } else if (key !== namespace) {\n          // Normalised value (optionally) replaces existing value\n          current[name] = normaliseString(value)\n        }\n      }\n    }\n  }\n\n  return newObject[namespace]\n}\n\n/**\n * @internal\n * @typedef {keyof ObjectNested} NestedKey\n * @typedef {{ [key: string]: string | boolean | number | ObjectNested | undefined }} ObjectNested\n */\n\n/**\n * Schema for component config\n *\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @typedef {object} Schema\n * @property {Record<keyof ConfigurationType, SchemaProperty | undefined>} properties - Schema properties\n * @property {SchemaCondition<ConfigurationType>[]} [anyOf] - List of schema conditions\n */\n\n/**\n * Schema property for component config\n *\n * @typedef {object} SchemaProperty\n * @property {'string' | 'boolean' | 'number' | 'object'} type - Property type\n */\n\n/**\n * Schema condition for component config\n *\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @typedef {object} SchemaCondition\n * @property {(keyof ConfigurationType)[]} required - List of required config fields\n * @property {string} errorMessage - Error message when required config fields not provided\n */\n\n/**\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]\n * @typedef ChildClass\n * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component\n * @property {Schema<ConfigurationType>} [schema] - The schema of the component configuration\n * @property {ConfigurationType} [defaults] - The default values of the configuration of the component\n */\n\n/**\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]\n * @typedef {typeof Component & ChildClass<ConfigurationType>} ChildClassConstructor<ConfigurationType>\n */\n\n/**\n * @import { CompatibleClass, Config, CreateAllOptions, OnErrorCallback } from '../init.mjs'\n */\n","import { ConfigurableComponent } from '../../common/configuration.mjs'\n\nconst DEBOUNCE_TIMEOUT_IN_SECONDS = 1\n\n/**\n * JavaScript enhancements for the Button component\n *\n * @preserve\n * @augments ConfigurableComponent<ButtonConfig>\n */\nexport class Button extends ConfigurableComponent {\n  /**\n   * @private\n   * @type {number | null}\n   */\n  debounceFormSubmitTimer = null\n\n  /**\n   * @param {Element | null} $root - HTML element to use for button\n   * @param {ButtonConfig} [config] - Button config\n   */\n  constructor($root, config = {}) {\n    super($root, config)\n\n    this.$root.addEventListener('keydown', (event) => this.handleKeyDown(event))\n    this.$root.addEventListener('click', (event) => this.debounce(event))\n  }\n\n  /**\n   * Trigger a click event when the space key is pressed\n   *\n   * Some screen readers tell users they can use the space bar to activate\n   * things with the 'button' role, so we need to match the functionality of\n   * native HTML buttons.\n   *\n   * See https://github.com/alphagov/govuk_elements/pull/272#issuecomment-233028270\n   *\n   * @private\n   * @param {KeyboardEvent} event - Keydown event\n   */\n  handleKeyDown(event) {\n    const $target = event.target\n\n    // Handle space bar only\n    if (event.key !== ' ') {\n      return\n    }\n\n    // Handle elements with [role=\"button\"] only\n    if (\n      $target instanceof HTMLElement &&\n      $target.getAttribute('role') === 'button'\n    ) {\n      event.preventDefault() // prevent the page from scrolling\n      $target.click()\n    }\n  }\n\n  /**\n   * Debounce double-clicks\n   *\n   * If the click quickly succeeds a previous click then nothing will happen.\n   * This stops people accidentally causing multiple form submissions by double\n   * clicking buttons.\n   *\n   * @private\n   * @param {MouseEvent} event - Mouse click event\n   * @returns {undefined | false} Returns undefined, or false when debounced\n   */\n  debounce(event) {\n    // Check the button that was clicked has preventDoubleClick enabled\n    if (!this.config.preventDoubleClick) {\n      return\n    }\n\n    // If the timer is still running, prevent the click from submitting the form\n    if (this.debounceFormSubmitTimer) {\n      event.preventDefault()\n      return false\n    }\n\n    this.debounceFormSubmitTimer = window.setTimeout(() => {\n      this.debounceFormSubmitTimer = null\n    }, DEBOUNCE_TIMEOUT_IN_SECONDS * 1000)\n  }\n\n  /**\n   * Name for the component used when initialising using data-module attributes.\n   */\n  static moduleName = 'govuk-button'\n\n  /**\n   * Button default config\n   *\n   * @see {@link ButtonConfig}\n   * @constant\n   * @type {ButtonConfig}\n   */\n  static defaults = Object.freeze({\n    preventDoubleClick: false\n  })\n\n  /**\n   * Button config schema\n   *\n   * @constant\n   * @satisfies {Schema<ButtonConfig>}\n   */\n  static schema = Object.freeze({\n    properties: {\n      preventDoubleClick: { type: 'boolean' }\n    }\n  })\n}\n\n/**\n * Button config\n *\n * @typedef {object} ButtonConfig\n * @property {boolean} [preventDoubleClick=false] - Prevent accidental double\n *   clicks on submit buttons from submitting forms multiple times.\n */\n\n/**\n * @import { Schema } from '../../common/configuration.mjs'\n */\n"],"names":["isInitialised","$root","moduleName","HTMLElement","hasAttribute","isSupported","$scope","document","body","classList","contains","isArray","option","Array","isObject","formatErrorMessage","Component","message","GOVUKFrontendError","Error","constructor","args","name","SupportError","supportMessage","HTMLScriptElement","prototype","ConfigError","ElementError","messageOrOptions","component","identifier","element","expectedType","InitError","componentOrMessage","_$root","childConstructor","elementType","checkSupport","checkInitialised","setAttribute","configOverride","Symbol","for","ConfigurableComponent","param","config","_config","defaults","datasetConfig","normaliseDataset","dataset","mergeConfigs","normaliseString","value","property","trimmedValue","trim","output","outputType","type","includes","length","isFinite","Number","schema","out","entries","Object","properties","entry","namespace","field","toString","extractConfigByNamespace","configObjects","formattedConfigObject","configObject","key","keys","override","newObject","current","keyParts","split","index","DEBOUNCE_TIMEOUT_IN_SECONDS","Button","debounceFormSubmitTimer","addEventListener","event","handleKeyDown","debounce","$target","target","getAttribute","preventDefault","click","preventDoubleClick","window","setTimeout","freeze"],"mappings":"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"}
\ No newline at end of file
diff --git a/app/templates/govuk/components/components/button/button.mjs b/app/templates/govuk/components/components/button/button.mjs
new file mode 100644
index 0000000..bc8aa31
--- /dev/null
+++ b/app/templates/govuk/components/components/button/button.mjs
@@ -0,0 +1,70 @@
+import { ConfigurableComponent } from '../../common/configuration.mjs';
+
+const DEBOUNCE_TIMEOUT_IN_SECONDS = 1;
+
+/**
+ * JavaScript enhancements for the Button component
+ *
+ * @preserve
+ * @augments ConfigurableComponent<ButtonConfig>
+ */
+class Button extends ConfigurableComponent {
+  /**
+   * @param {Element | null} $root - HTML element to use for button
+   * @param {ButtonConfig} [config] - Button config
+   */
+  constructor($root, config = {}) {
+    super($root, config);
+    this.debounceFormSubmitTimer = null;
+    this.$root.addEventListener('keydown', event => this.handleKeyDown(event));
+    this.$root.addEventListener('click', event => this.debounce(event));
+  }
+  handleKeyDown(event) {
+    const $target = event.target;
+    if (event.key !== ' ') {
+      return;
+    }
+    if ($target instanceof HTMLElement && $target.getAttribute('role') === 'button') {
+      event.preventDefault();
+      $target.click();
+    }
+  }
+  debounce(event) {
+    if (!this.config.preventDoubleClick) {
+      return;
+    }
+    if (this.debounceFormSubmitTimer) {
+      event.preventDefault();
+      return false;
+    }
+    this.debounceFormSubmitTimer = window.setTimeout(() => {
+      this.debounceFormSubmitTimer = null;
+    }, DEBOUNCE_TIMEOUT_IN_SECONDS * 1000);
+  }
+}
+
+/**
+ * Button config
+ *
+ * @typedef {object} ButtonConfig
+ * @property {boolean} [preventDoubleClick=false] - Prevent accidental double
+ *   clicks on submit buttons from submitting forms multiple times.
+ */
+
+/**
+ * @import { Schema } from '../../common/configuration.mjs'
+ */
+Button.moduleName = 'govuk-button';
+Button.defaults = Object.freeze({
+  preventDoubleClick: false
+});
+Button.schema = Object.freeze({
+  properties: {
+    preventDoubleClick: {
+      type: 'boolean'
+    }
+  }
+});
+
+export { Button };
+//# sourceMappingURL=button.mjs.map
diff --git a/app/templates/govuk/components/components/button/button.mjs.map b/app/templates/govuk/components/components/button/button.mjs.map
new file mode 100644
index 0000000..a50dc51
--- /dev/null
+++ b/app/templates/govuk/components/components/button/button.mjs.map
@@ -0,0 +1 @@
+{"version":3,"file":"button.mjs","sources":["../../../../src/govuk/components/button/button.mjs"],"sourcesContent":["import { ConfigurableComponent } from '../../common/configuration.mjs'\n\nconst DEBOUNCE_TIMEOUT_IN_SECONDS = 1\n\n/**\n * JavaScript enhancements for the Button component\n *\n * @preserve\n * @augments ConfigurableComponent<ButtonConfig>\n */\nexport class Button extends ConfigurableComponent {\n  /**\n   * @private\n   * @type {number | null}\n   */\n  debounceFormSubmitTimer = null\n\n  /**\n   * @param {Element | null} $root - HTML element to use for button\n   * @param {ButtonConfig} [config] - Button config\n   */\n  constructor($root, config = {}) {\n    super($root, config)\n\n    this.$root.addEventListener('keydown', (event) => this.handleKeyDown(event))\n    this.$root.addEventListener('click', (event) => this.debounce(event))\n  }\n\n  /**\n   * Trigger a click event when the space key is pressed\n   *\n   * Some screen readers tell users they can use the space bar to activate\n   * things with the 'button' role, so we need to match the functionality of\n   * native HTML buttons.\n   *\n   * See https://github.com/alphagov/govuk_elements/pull/272#issuecomment-233028270\n   *\n   * @private\n   * @param {KeyboardEvent} event - Keydown event\n   */\n  handleKeyDown(event) {\n    const $target = event.target\n\n    // Handle space bar only\n    if (event.key !== ' ') {\n      return\n    }\n\n    // Handle elements with [role=\"button\"] only\n    if (\n      $target instanceof HTMLElement &&\n      $target.getAttribute('role') === 'button'\n    ) {\n      event.preventDefault() // prevent the page from scrolling\n      $target.click()\n    }\n  }\n\n  /**\n   * Debounce double-clicks\n   *\n   * If the click quickly succeeds a previous click then nothing will happen.\n   * This stops people accidentally causing multiple form submissions by double\n   * clicking buttons.\n   *\n   * @private\n   * @param {MouseEvent} event - Mouse click event\n   * @returns {undefined | false} Returns undefined, or false when debounced\n   */\n  debounce(event) {\n    // Check the button that was clicked has preventDoubleClick enabled\n    if (!this.config.preventDoubleClick) {\n      return\n    }\n\n    // If the timer is still running, prevent the click from submitting the form\n    if (this.debounceFormSubmitTimer) {\n      event.preventDefault()\n      return false\n    }\n\n    this.debounceFormSubmitTimer = window.setTimeout(() => {\n      this.debounceFormSubmitTimer = null\n    }, DEBOUNCE_TIMEOUT_IN_SECONDS * 1000)\n  }\n\n  /**\n   * Name for the component used when initialising using data-module attributes.\n   */\n  static moduleName = 'govuk-button'\n\n  /**\n   * Button default config\n   *\n   * @see {@link ButtonConfig}\n   * @constant\n   * @type {ButtonConfig}\n   */\n  static defaults = Object.freeze({\n    preventDoubleClick: false\n  })\n\n  /**\n   * Button config schema\n   *\n   * @constant\n   * @satisfies {Schema<ButtonConfig>}\n   */\n  static schema = Object.freeze({\n    properties: {\n      preventDoubleClick: { type: 'boolean' }\n    }\n  })\n}\n\n/**\n * Button config\n *\n * @typedef {object} ButtonConfig\n * @property {boolean} [preventDoubleClick=false] - Prevent accidental double\n *   clicks on submit buttons from submitting forms multiple times.\n */\n\n/**\n * @import { Schema } from '../../common/configuration.mjs'\n */\n"],"names":["DEBOUNCE_TIMEOUT_IN_SECONDS","Button","ConfigurableComponent","constructor","$root","config","debounceFormSubmitTimer","addEventListener","event","handleKeyDown","debounce","$target","target","key","HTMLElement","getAttribute","preventDefault","click","preventDoubleClick","window","setTimeout","moduleName","defaults","Object","freeze","schema","properties","type"],"mappings":";;AAEA,MAAMA,2BAA2B,GAAG,CAAC;;AAErC;AACA;AACA;AACA;AACA;AACA;AACO,MAAMC,MAAM,SAASC,qBAAqB,CAAC;AAOhD;AACF;AACA;AACA;AACEC,EAAAA,WAAWA,CAACC,KAAK,EAAEC,MAAM,GAAG,EAAE,EAAE;AAC9B,IAAA,KAAK,CAACD,KAAK,EAAEC,MAAM,CAAC;IAAA,IAAA,CAPtBC,uBAAuB,GAAG,IAAI;AAS5B,IAAA,IAAI,CAACF,KAAK,CAACG,gBAAgB,CAAC,SAAS,EAAGC,KAAK,IAAK,IAAI,CAACC,aAAa,CAACD,KAAK,CAAC,CAAC;AAC5E,IAAA,IAAI,CAACJ,KAAK,CAACG,gBAAgB,CAAC,OAAO,EAAGC,KAAK,IAAK,IAAI,CAACE,QAAQ,CAACF,KAAK,CAAC,CAAC;AACvE,EAAA;EAcAC,aAAaA,CAACD,KAAK,EAAE;AACnB,IAAA,MAAMG,OAAO,GAAGH,KAAK,CAACI,MAAM;AAG5B,IAAA,IAAIJ,KAAK,CAACK,GAAG,KAAK,GAAG,EAAE;AACrB,MAAA;AACF,IAAA;AAGA,IAAA,IACEF,OAAO,YAAYG,WAAW,IAC9BH,OAAO,CAACI,YAAY,CAAC,MAAM,CAAC,KAAK,QAAQ,EACzC;MACAP,KAAK,CAACQ,cAAc,EAAE;MACtBL,OAAO,CAACM,KAAK,EAAE;AACjB,IAAA;AACF,EAAA;EAaAP,QAAQA,CAACF,KAAK,EAAE;AAEd,IAAA,IAAI,CAAC,IAAI,CAACH,MAAM,CAACa,kBAAkB,EAAE;AACnC,MAAA;AACF,IAAA;IAGA,IAAI,IAAI,CAACZ,uBAAuB,EAAE;MAChCE,KAAK,CAACQ,cAAc,EAAE;AACtB,MAAA,OAAO,KAAK;AACd,IAAA;AAEA,IAAA,IAAI,CAACV,uBAAuB,GAAGa,MAAM,CAACC,UAAU,CAAC,MAAM;MACrD,IAAI,CAACd,uBAAuB,GAAG,IAAI;AACrC,IAAA,CAAC,EAAEN,2BAA2B,GAAG,IAAI,CAAC;AACxC,EAAA;AA6BF;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AAnHaC,MAAM,CA+EVoB,UAAU,GAAG,cAAc;AA/EvBpB,MAAM,CAwFVqB,QAAQ,GAAGC,MAAM,CAACC,MAAM,CAAC;AAC9BN,EAAAA,kBAAkB,EAAE;AACtB,CAAC,CAAC;AA1FSjB,MAAM,CAkGVwB,MAAM,GAAGF,MAAM,CAACC,MAAM,CAAC;AAC5BE,EAAAA,UAAU,EAAE;AACVR,IAAAA,kBAAkB,EAAE;AAAES,MAAAA,IAAI,EAAE;AAAU;AACxC;AACF,CAAC,CAAC;;;;"}
\ No newline at end of file
diff --git a/app/templates/govuk/components/components/button/fixtures.json b/app/templates/govuk/components/components/button/fixtures.json
new file mode 100644
index 0000000..09948f7
--- /dev/null
+++ b/app/templates/govuk/components/components/button/fixtures.json
@@ -0,0 +1,368 @@
+{
+    "component": "button",
+    "fixtures": [
+        {
+            "name": "default",
+            "options": {
+                "text": "Save and continue"
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": true,
+            "html": "<button type=\"submit\" class=\"govuk-button\" data-module=\"govuk-button\">\n  Save and continue\n</button>"
+        },
+        {
+            "name": "disabled",
+            "options": {
+                "text": "Disabled button",
+                "disabled": true
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<button type=\"submit\" disabled aria-disabled=\"true\" class=\"govuk-button\" data-module=\"govuk-button\">\n  Disabled button\n</button>"
+        },
+        {
+            "name": "link",
+            "options": {
+                "text": "Link button",
+                "href": "/"
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<a href=\"/\" role=\"button\" draggable=\"false\" class=\"govuk-button\" data-module=\"govuk-button\">\n  Link button\n</a>"
+        },
+        {
+            "name": "start",
+            "options": {
+                "text": "Start now button",
+                "isStartButton": true
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": true,
+            "html": "<button type=\"submit\" class=\"govuk-button govuk-button--start\" data-module=\"govuk-button\">\n  Start now button\n  <svg class=\"govuk-button__start-icon\" xmlns=\"http://www.w3.org/2000/svg\" width=\"17.5\" height=\"19\" viewBox=\"0 0 33 40\" aria-hidden=\"true\" focusable=\"false\">\n    <path fill=\"currentColor\" d=\"M0 0h13l20 20-20 20H0l20-20z\"/>\n  </svg>\n</button>"
+        },
+        {
+            "name": "input",
+            "options": {
+                "element": "input",
+                "name": "start-now",
+                "text": "Start now"
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<input value=\"Start now\" type=\"submit\" name=\"start-now\" class=\"govuk-button\" data-module=\"govuk-button\">"
+        },
+        {
+            "name": "secondary",
+            "options": {
+                "name": "secondary",
+                "text": "Secondary button",
+                "classes": "govuk-button--secondary"
+            },
+            "hidden": false,
+            "description": "A button for secondary actions",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<button type=\"submit\" name=\"secondary\" class=\"govuk-button govuk-button--secondary\" data-module=\"govuk-button\">\n  Secondary button\n</button>"
+        },
+        {
+            "name": "warning",
+            "options": {
+                "name": "Warning",
+                "text": "Warning button",
+                "classes": "govuk-button--warning"
+            },
+            "hidden": false,
+            "description": "A button for actions that need a warning",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<button type=\"submit\" name=\"Warning\" class=\"govuk-button govuk-button--warning\" data-module=\"govuk-button\">\n  Warning button\n</button>"
+        },
+        {
+            "name": "inverse",
+            "options": {
+                "name": "Inverse",
+                "text": "Inverse button",
+                "classes": "govuk-button--inverse"
+            },
+            "hidden": false,
+            "description": "A button that appears on dark backgrounds",
+            "pageTemplateOptions": {
+                "bodyClasses": "app-template__body--inverse"
+            },
+            "screenshot": true,
+            "html": "<button type=\"submit\" name=\"Inverse\" class=\"govuk-button govuk-button--inverse\" data-module=\"govuk-button\">\n  Inverse button\n</button>"
+        },
+        {
+            "name": "attributes",
+            "options": {
+                "element": "button",
+                "text": "Submit",
+                "attributes": {
+                    "aria-controls": "test-target-element",
+                    "data-tracking-dimension": 123
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<button type=\"submit\" class=\"govuk-button\" data-module=\"govuk-button\" aria-controls=\"test-target-element\" data-tracking-dimension=\"123\">\n  Submit\n</button>"
+        },
+        {
+            "name": "link attributes",
+            "options": {
+                "element": "a",
+                "text": "Submit",
+                "attributes": {
+                    "aria-controls": "test-target-element",
+                    "data-tracking-dimension": 123
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<a href=\"#\" role=\"button\" draggable=\"false\" class=\"govuk-button\" data-module=\"govuk-button\" aria-controls=\"test-target-element\" data-tracking-dimension=\"123\">\n  Submit\n</a>"
+        },
+        {
+            "name": "input attributes",
+            "options": {
+                "element": "input",
+                "text": "Submit",
+                "attributes": {
+                    "aria-controls": "test-target-element",
+                    "data-tracking-dimension": 123
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<input value=\"Submit\" type=\"submit\" class=\"govuk-button\" data-module=\"govuk-button\" aria-controls=\"test-target-element\" data-tracking-dimension=\"123\">"
+        },
+        {
+            "name": "classes",
+            "options": {
+                "text": "Submit",
+                "element": "button",
+                "classes": "app-button--custom-modifier"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<button type=\"submit\" class=\"govuk-button app-button--custom-modifier\" data-module=\"govuk-button\">\n  Submit\n</button>"
+        },
+        {
+            "name": "link classes",
+            "options": {
+                "text": "Submit",
+                "element": "a",
+                "classes": "app-button--custom-modifier"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<a href=\"#\" role=\"button\" draggable=\"false\" class=\"govuk-button app-button--custom-modifier\" data-module=\"govuk-button\">\n  Submit\n</a>"
+        },
+        {
+            "name": "input classes",
+            "options": {
+                "text": "Submit",
+                "element": "input",
+                "classes": "app-button--custom-modifier"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<input value=\"Submit\" type=\"submit\" class=\"govuk-button app-button--custom-modifier\" data-module=\"govuk-button\">"
+        },
+        {
+            "name": "name",
+            "options": {
+                "text": "Submit",
+                "element": "button",
+                "name": "start-now"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<button type=\"submit\" name=\"start-now\" class=\"govuk-button\" data-module=\"govuk-button\">\n  Submit\n</button>"
+        },
+        {
+            "name": "type",
+            "options": {
+                "text": "Submit",
+                "element": "button",
+                "type": "button"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<button type=\"button\" class=\"govuk-button\" data-module=\"govuk-button\">\n  Submit\n</button>"
+        },
+        {
+            "name": "input type",
+            "options": {
+                "text": "Submit",
+                "element": "input",
+                "type": "button"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<input value=\"Submit\" type=\"button\" class=\"govuk-button\" data-module=\"govuk-button\">"
+        },
+        {
+            "name": "explicit link",
+            "options": {
+                "element": "a",
+                "href": "/",
+                "text": "Continue"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<a href=\"/\" role=\"button\" draggable=\"false\" class=\"govuk-button\" data-module=\"govuk-button\">\n  Continue\n</a>"
+        },
+        {
+            "name": "no href",
+            "options": {
+                "text": "Submit",
+                "element": "a"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<a href=\"#\" role=\"button\" draggable=\"false\" class=\"govuk-button\" data-module=\"govuk-button\">\n  Submit\n</a>"
+        },
+        {
+            "name": "value",
+            "options": {
+                "text": "Submit",
+                "element": "button",
+                "value": "start"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<button value=\"start\" type=\"submit\" class=\"govuk-button\" data-module=\"govuk-button\">\n  Submit\n</button>"
+        },
+        {
+            "name": "html",
+            "options": {
+                "text": "Submit",
+                "element": "button",
+                "html": "Start <em>now</em>"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<button type=\"submit\" class=\"govuk-button\" data-module=\"govuk-button\">\n  Start <em>now</em>\n</button>"
+        },
+        {
+            "name": "no type",
+            "options": {
+                "text": "Button!"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<button type=\"submit\" class=\"govuk-button\" data-module=\"govuk-button\">\n  Button!\n</button>"
+        },
+        {
+            "name": "no data-prevent-double-click",
+            "options": {
+                "text": "Submit"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<button type=\"submit\" class=\"govuk-button\" data-module=\"govuk-button\">\n  Submit\n</button>"
+        },
+        {
+            "name": "don't prevent double click",
+            "options": {
+                "text": "Submit",
+                "preventDoubleClick": false
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<button type=\"submit\" data-prevent-double-click=\"false\" class=\"govuk-button\" data-module=\"govuk-button\">\n  Submit\n</button>"
+        },
+        {
+            "name": "id",
+            "options": {
+                "text": "Submit",
+                "element": "input",
+                "id": "submit"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<input value=\"Submit\" type=\"submit\" class=\"govuk-button\" data-module=\"govuk-button\" id=\"submit\">"
+        },
+        {
+            "name": "start link",
+            "options": {
+                "text": "Start now link button",
+                "href": "/",
+                "isStartButton": true
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<a href=\"/\" role=\"button\" draggable=\"false\" class=\"govuk-button govuk-button--start\" data-module=\"govuk-button\">\n  Start now link button\n  <svg class=\"govuk-button__start-icon\" xmlns=\"http://www.w3.org/2000/svg\" width=\"17.5\" height=\"19\" viewBox=\"0 0 33 40\" aria-hidden=\"true\" focusable=\"false\">\n    <path fill=\"currentColor\" d=\"M0 0h13l20 20-20 20H0l20-20z\"/>\n  </svg>\n</a>"
+        },
+        {
+            "name": "input disabled",
+            "options": {
+                "element": "input",
+                "text": "Explicit input button disabled",
+                "disabled": true
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<input value=\"Explicit input button disabled\" type=\"submit\" disabled aria-disabled=\"true\" class=\"govuk-button\" data-module=\"govuk-button\">"
+        },
+        {
+            "name": "prevent double click",
+            "options": {
+                "text": "Submit",
+                "preventDoubleClick": true
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<button type=\"submit\" data-prevent-double-click=\"true\" class=\"govuk-button\" data-module=\"govuk-button\">\n  Submit\n</button>"
+        }
+    ]
+}
diff --git a/app/templates/govuk/components/components/button/macro-options.json b/app/templates/govuk/components/components/button/macro-options.json
new file mode 100644
index 0000000..7ae5d29
--- /dev/null
+++ b/app/templates/govuk/components/components/button/macro-options.json
@@ -0,0 +1,81 @@
+[
+    {
+        "name": "element",
+        "type": "string",
+        "required": false,
+        "description": "HTML element for the button component – `input`, `button` or `a`. In most cases you will not need to set this as it will be configured automatically if `href` is provided.",
+        "deprecated": "5.1.0"
+    },
+    {
+        "name": "text",
+        "type": "string",
+        "required": true,
+        "description": "If `html` is set, this is not required. Text for the `input`, `button` or `a` element. If `html` is provided, the `text` option will be ignored and `element` will be automatically set to `\"button\"` unless `href` is also set, or it has already been defined."
+    },
+    {
+        "name": "html",
+        "type": "string",
+        "required": true,
+        "description": "If `text` is set, this is not required. HTML for the `button` or `a` element only. If `html` is provided, the `text` option will be ignored and `element` will be automatically set to `\"button\"` unless `href` is also set, or it has already been defined. This option has no effect if `element` is set to `\"input\"`."
+    },
+    {
+        "name": "name",
+        "type": "string",
+        "required": false,
+        "description": "Name for the `input` or `button`. This has no effect on `a` elements."
+    },
+    {
+        "name": "type",
+        "type": "string",
+        "required": false,
+        "description": "Type for the `input` or `button` element – `\"button\"`, `\"submit\"` or `\"reset\"`. Defaults to `\"submit\"`. This has no effect on `a` elements."
+    },
+    {
+        "name": "value",
+        "type": "string",
+        "required": false,
+        "description": "Value for the `button` element only. This has no effect on `a` or `input` elements."
+    },
+    {
+        "name": "disabled",
+        "type": "boolean",
+        "required": false,
+        "description": "Whether the button component should be disabled. For `input` and `button` elements, `disabled` and `aria-disabled` attributes will be set automatically. This has no effect on `a` elements."
+    },
+    {
+        "name": "href",
+        "type": "string",
+        "required": false,
+        "description": "The URL that the button component should link to. If this is set, `element` will be automatically set to `\"a\"` if it has not already been defined."
+    },
+    {
+        "name": "classes",
+        "type": "string",
+        "required": false,
+        "description": "Classes to add to the button component."
+    },
+    {
+        "name": "attributes",
+        "type": "object",
+        "required": false,
+        "description": "HTML attributes (for example data attributes) to add to the button component."
+    },
+    {
+        "name": "preventDoubleClick",
+        "type": "boolean",
+        "required": false,
+        "description": "Prevent accidental double clicks on submit buttons from submitting forms multiple times."
+    },
+    {
+        "name": "isStartButton",
+        "type": "boolean",
+        "required": false,
+        "description": "Use for the main call to action on your service's start page."
+    },
+    {
+        "name": "id",
+        "type": "string",
+        "required": false,
+        "description": "The ID of the button."
+    }
+]
diff --git a/app/templates/govuk/components/components/button/macro.njk b/app/templates/govuk/components/components/button/macro.njk
new file mode 100644
index 0000000..352d538
--- /dev/null
+++ b/app/templates/govuk/components/components/button/macro.njk
@@ -0,0 +1,3 @@
+{% macro govukButton(params) %}
+  {%- include "./template.njk" -%}
+{% endmacro %}
diff --git a/app/templates/govuk/components/components/button/template-default.html b/app/templates/govuk/components/components/button/template-default.html
new file mode 100644
index 0000000..eb6a1f4
--- /dev/null
+++ b/app/templates/govuk/components/components/button/template-default.html
@@ -0,0 +1,3 @@
+<button type="submit" class="govuk-button" data-module="govuk-button">
+  Save and continue
+</button>
diff --git a/app/templates/govuk/components/components/button/template-disabled.html b/app/templates/govuk/components/components/button/template-disabled.html
new file mode 100644
index 0000000..3a8fd5f
--- /dev/null
+++ b/app/templates/govuk/components/components/button/template-disabled.html
@@ -0,0 +1,3 @@
+<button type="submit" disabled aria-disabled="true" class="govuk-button" data-module="govuk-button">
+  Disabled button
+</button>
diff --git a/app/templates/govuk/components/components/button/template-input.html b/app/templates/govuk/components/components/button/template-input.html
new file mode 100644
index 0000000..dbe04e8
--- /dev/null
+++ b/app/templates/govuk/components/components/button/template-input.html
@@ -0,0 +1 @@
+<input value="Start now" type="submit" name="start-now" class="govuk-button" data-module="govuk-button">
diff --git a/app/templates/govuk/components/components/button/template-inverse.html b/app/templates/govuk/components/components/button/template-inverse.html
new file mode 100644
index 0000000..e17e80a
--- /dev/null
+++ b/app/templates/govuk/components/components/button/template-inverse.html
@@ -0,0 +1,3 @@
+<button type="submit" name="Inverse" class="govuk-button govuk-button--inverse" data-module="govuk-button">
+  Inverse button
+</button>
diff --git a/app/templates/govuk/components/components/button/template-link.html b/app/templates/govuk/components/components/button/template-link.html
new file mode 100644
index 0000000..871975b
--- /dev/null
+++ b/app/templates/govuk/components/components/button/template-link.html
@@ -0,0 +1,3 @@
+<a href="/" role="button" draggable="false" class="govuk-button" data-module="govuk-button">
+  Link button
+</a>
diff --git a/app/templates/govuk/components/components/button/template-secondary.html b/app/templates/govuk/components/components/button/template-secondary.html
new file mode 100644
index 0000000..1c267a8
--- /dev/null
+++ b/app/templates/govuk/components/components/button/template-secondary.html
@@ -0,0 +1,3 @@
+<button type="submit" name="secondary" class="govuk-button govuk-button--secondary" data-module="govuk-button">
+  Secondary button
+</button>
diff --git a/app/templates/govuk/components/components/button/template-start.html b/app/templates/govuk/components/components/button/template-start.html
new file mode 100644
index 0000000..1d11148
--- /dev/null
+++ b/app/templates/govuk/components/components/button/template-start.html
@@ -0,0 +1,6 @@
+<button type="submit" class="govuk-button govuk-button--start" data-module="govuk-button">
+  Start now button
+  <svg class="govuk-button__start-icon" xmlns="http://www.w3.org/2000/svg" width="17.5" height="19" viewBox="0 0 33 40" aria-hidden="true" focusable="false">
+    <path fill="currentColor" d="M0 0h13l20 20-20 20H0l20-20z"/>
+  </svg>
+</button>
diff --git a/app/templates/govuk/components/components/button/template-warning.html b/app/templates/govuk/components/components/button/template-warning.html
new file mode 100644
index 0000000..063520f
--- /dev/null
+++ b/app/templates/govuk/components/components/button/template-warning.html
@@ -0,0 +1,3 @@
+<button type="submit" name="Warning" class="govuk-button govuk-button--warning" data-module="govuk-button">
+  Warning button
+</button>
diff --git a/app/templates/govuk/components/components/button/template.njk b/app/templates/govuk/components/components/button/template.njk
new file mode 100644
index 0000000..0a72976
--- /dev/null
+++ b/app/templates/govuk/components/components/button/template.njk
@@ -0,0 +1,58 @@
+{% from "../../macros/attributes.njk" import govukAttributes %}
+
+{#- Set classes for this component #}
+{%- set classNames = "govuk-button" -%}
+
+{%- if params.classes %}
+  {% set classNames = classNames + " " + params.classes %}
+{% endif %}
+
+{%- if params.isStartButton %}
+  {% set classNames = classNames + " govuk-button--start" %}
+{% endif %}
+
+{#- Determine type of element to use, if not explicitly set #}
+{%- if params.element %}
+  {% set element = params.element | lower %}
+{% else %}
+  {% if params.href %}
+    {% set element = 'a' %}
+  {% else %}
+    {% set element = 'button' %}
+  {% endif %}
+{% endif -%}
+
+{%- macro _startIcon() %}
+  {#- The SVG needs `focusable="false"` so that Internet Explorer does not
+  treat it as an interactive element - without this it will be
+  'focusable' when using the keyboard to navigate. #}
+  <svg class="govuk-button__start-icon" xmlns="http://www.w3.org/2000/svg" width="17.5" height="19" viewBox="0 0 33 40" aria-hidden="true" focusable="false">
+    <path fill="currentColor" d="M0 0h13l20 20-20 20H0l20-20z"/>
+  </svg>
+{%- endmacro -%}
+
+{#- Define common attributes that we can use across all element types #}
+
+{%- set commonAttributes %} class="{{ classNames }}" data-module="govuk-button" {{- govukAttributes(params.attributes) -}} {% if params.id %} id="{{ params.id }}"{% endif %}{% endset %}
+
+{#- Define common attributes we can use for both button and input types #}
+
+{%- set buttonAttributes %}{% if params.name %} name="{{ params.name }}"{% endif %}{% if params.disabled %} disabled aria-disabled="true"{% endif %}{% if params.preventDoubleClick !== undefined %} data-prevent-double-click="{{ params.preventDoubleClick }}"{% endif %}{% endset %}
+
+{#- Actually create a button... or a link! #}
+
+{%- if element == 'a' %}
+<a href="{{ params.href if params.href else '#' }}" role="button" draggable="false" {{- commonAttributes | safe }}>
+  {{ params.html | safe | trim | indent(2) if params.html else params.text }}
+  {{- _startIcon() | safe if params.isStartButton }}
+</a>
+
+{%- elseif element == 'button' %}
+<button {%- if params.value %} value="{{ params.value }}"{% endif %} type="{{ params.type if params.type else 'submit' }}" {{- buttonAttributes | safe }} {{- commonAttributes | safe }}>
+  {{ params.html | safe | trim | indent(2) if params.html else params.text }}
+  {{- _startIcon() | safe if params.isStartButton }}
+</button>
+
+{%- elseif element == 'input' %}
+<input value="{{ params.text }}" type="{{ params.type if params.type else 'submit' }}" {{- buttonAttributes | safe }} {{- commonAttributes | safe }}>
+{%- endif %}
diff --git a/app/templates/govuk/components/components/character-count/README.md b/app/templates/govuk/components/components/character-count/README.md
new file mode 100644
index 0000000..f3aeee7
--- /dev/null
+++ b/app/templates/govuk/components/components/character-count/README.md
@@ -0,0 +1,15 @@
+# Character count
+
+## Installation
+
+See the [main README quick start guide](https://github.com/alphagov/govuk-frontend#quick-start) for how to install this component.
+
+## Guidance and Examples
+
+Find out when to use the character count component in your service in the [GOV.UK Design System](https://design-system.service.gov.uk/components/character-count).
+
+## Component options
+
+Use options to customise the appearance, content and behaviour of a component when using a macro, for example, changing the text.
+
+See [options table](https://design-system.service.gov.uk/components/character-count/#options-character-count-example) for details.
diff --git a/app/templates/govuk/components/components/character-count/_character-count.scss b/app/templates/govuk/components/components/character-count/_character-count.scss
new file mode 100644
index 0000000..ca39b38
--- /dev/null
+++ b/app/templates/govuk/components/components/character-count/_character-count.scss
@@ -0,0 +1,4 @@
+@import "../../base";
+@import "./index";
+
+/*# sourceMappingURL=_character-count.scss.map */
diff --git a/app/templates/govuk/components/components/character-count/_character-count.scss.map b/app/templates/govuk/components/components/character-count/_character-count.scss.map
new file mode 100644
index 0000000..6870d50
--- /dev/null
+++ b/app/templates/govuk/components/components/character-count/_character-count.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/character-count/_character-count.scss"],"names":[],"mappings":"AAAA,oBAAoB;AACpB,iBAAiB","file":"_character-count.scss","sourcesContent":["@import \"../../base\";\n@import \"./index\";\n"]}
diff --git a/app/templates/govuk/components/components/character-count/_index.scss b/app/templates/govuk/components/components/character-count/_index.scss
new file mode 100644
index 0000000..63f12ec
--- /dev/null
+++ b/app/templates/govuk/components/components/character-count/_index.scss
@@ -0,0 +1,44 @@
+@import "../error-message/index";
+@import "../hint/index";
+@import "../label/index";
+@import "../textarea/index";
+
+@include govuk-exports("govuk/component/character-count") {
+  .govuk-character-count {
+    @include govuk-responsive-margin(6, "bottom");
+
+    .govuk-form-group,
+    .govuk-textarea {
+      margin-bottom: govuk-spacing(1);
+    }
+
+    // If the textarea enters the error state whilst the user is focused on it,
+    // show the error state. This presents feedback to the user that the value
+    // has become invalid without needing to see the counter.
+    .govuk-textarea--error:focus {
+      border-color: $govuk-error-colour;
+      box-shadow: inset 0 0 0 $govuk-border-width-form-element $govuk-error-colour;
+    }
+  }
+
+  .govuk-character-count__message {
+    @include govuk-font-tabular-numbers;
+    margin-top: 0;
+    margin-bottom: 0;
+
+    &::after {
+      // Zero-width space that will reserve vertical space when no hint is
+      // provided as:
+      // - setting a min-height is not possible without a magic number because
+      //   the line-height is set by the `govuk-font` call above
+      // - using `:empty` is not possible as the hint macro outputs line breaks
+      content: "\200B";
+    }
+  }
+
+  .govuk-character-count__message--disabled {
+    visibility: hidden;
+  }
+}
+
+/*# sourceMappingURL=_index.scss.map */
diff --git a/app/templates/govuk/components/components/character-count/_index.scss.map b/app/templates/govuk/components/components/character-count/_index.scss.map
new file mode 100644
index 0000000..f9d7bc7
--- /dev/null
+++ b/app/templates/govuk/components/components/character-count/_index.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/character-count/_index.scss"],"names":[],"mappings":"AAAA,gCAAgC;AAChC,uBAAuB;AACvB,wBAAwB;AACxB,2BAA2B;;AAE3B;EACE;IACE,6CAA6C;;IAE7C;;MAEE,+BAA+B;IACjC;;IAEA,0EAA0E;IAC1E,yEAAyE;IACzE,wDAAwD;IACxD;MACE,iCAAiC;MACjC,4EAA4E;IAC9E;EACF;;EAEA;IACE,mCAAmC;IACnC,aAAa;IACb,gBAAgB;;IAEhB;MACE,mEAAmE;MACnE,cAAc;MACd,uEAAuE;MACvE,yDAAyD;MACzD,wEAAwE;MACxE,gBAAgB;IAClB;EACF;;EAEA;IACE,kBAAkB;EACpB;AACF","file":"_index.scss","sourcesContent":["@import \"../error-message/index\";\n@import \"../hint/index\";\n@import \"../label/index\";\n@import \"../textarea/index\";\n\n@include govuk-exports(\"govuk/component/character-count\") {\n  .govuk-character-count {\n    @include govuk-responsive-margin(6, \"bottom\");\n\n    .govuk-form-group,\n    .govuk-textarea {\n      margin-bottom: govuk-spacing(1);\n    }\n\n    // If the textarea enters the error state whilst the user is focused on it,\n    // show the error state. This presents feedback to the user that the value\n    // has become invalid without needing to see the counter.\n    .govuk-textarea--error:focus {\n      border-color: $govuk-error-colour;\n      box-shadow: inset 0 0 0 $govuk-border-width-form-element $govuk-error-colour;\n    }\n  }\n\n  .govuk-character-count__message {\n    @include govuk-font-tabular-numbers;\n    margin-top: 0;\n    margin-bottom: 0;\n\n    &::after {\n      // Zero-width space that will reserve vertical space when no hint is\n      // provided as:\n      // - setting a min-height is not possible without a magic number because\n      //   the line-height is set by the `govuk-font` call above\n      // - using `:empty` is not possible as the hint macro outputs line breaks\n      content: \"\\200B\";\n    }\n  }\n\n  .govuk-character-count__message--disabled {\n    visibility: hidden;\n  }\n}\n"]}
diff --git a/app/templates/govuk/components/components/character-count/character-count.bundle.js b/app/templates/govuk/components/components/character-count/character-count.bundle.js
new file mode 100644
index 0000000..1b6f35f
--- /dev/null
+++ b/app/templates/govuk/components/components/character-count/character-count.bundle.js
@@ -0,0 +1,683 @@
+(function (global, factory) {
+  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports) :
+  typeof define === 'function' && define.amd ? define(['exports'], factory) :
+  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.GOVUKFrontend = global.GOVUKFrontend || {}));
+})(this, (function (exports) { 'use strict';
+
+  function closestAttributeValue($element, attributeName) {
+    const $closestElementWithAttribute = $element.closest(`[${attributeName}]`);
+    return $closestElementWithAttribute ? $closestElementWithAttribute.getAttribute(attributeName) : null;
+  }
+
+  function isInitialised($root, moduleName) {
+    return $root instanceof HTMLElement && $root.hasAttribute(`data-${moduleName}-init`);
+  }
+
+  /**
+   * Checks if GOV.UK Frontend is supported on this page
+   *
+   * Some browsers will load and run our JavaScript but GOV.UK Frontend
+   * won't be supported.
+   *
+   * @param {HTMLElement | null} [$scope] - (internal) `<body>` HTML element checked for browser support
+   * @returns {boolean} Whether GOV.UK Frontend is supported on this page
+   */
+  function isSupported($scope = document.body) {
+    if (!$scope) {
+      return false;
+    }
+    return $scope.classList.contains('govuk-frontend-supported');
+  }
+  function isArray(option) {
+    return Array.isArray(option);
+  }
+  function isObject(option) {
+    return !!option && typeof option === 'object' && !isArray(option);
+  }
+  function formatErrorMessage(Component, message) {
+    return `${Component.moduleName}: ${message}`;
+  }
+  /**
+   * @typedef ComponentWithModuleName
+   * @property {string} moduleName - Name of the component
+   */
+
+  class GOVUKFrontendError extends Error {
+    constructor(...args) {
+      super(...args);
+      this.name = 'GOVUKFrontendError';
+    }
+  }
+  class SupportError extends GOVUKFrontendError {
+    /**
+     * Checks if GOV.UK Frontend is supported on this page
+     *
+     * @param {HTMLElement | null} [$scope] - HTML element `<body>` checked for browser support
+     */
+    constructor($scope = document.body) {
+      const supportMessage = 'noModule' in HTMLScriptElement.prototype ? 'GOV.UK Frontend initialised without `<body class="govuk-frontend-supported">` from template `<script>` snippet' : 'GOV.UK Frontend is not supported in this browser';
+      super($scope ? supportMessage : 'GOV.UK Frontend initialised without `<script type="module">`');
+      this.name = 'SupportError';
+    }
+  }
+  class ConfigError extends GOVUKFrontendError {
+    constructor(...args) {
+      super(...args);
+      this.name = 'ConfigError';
+    }
+  }
+  class ElementError extends GOVUKFrontendError {
+    constructor(messageOrOptions) {
+      let message = typeof messageOrOptions === 'string' ? messageOrOptions : '';
+      if (isObject(messageOrOptions)) {
+        const {
+          component,
+          identifier,
+          element,
+          expectedType
+        } = messageOrOptions;
+        message = identifier;
+        message += element ? ` is not of type ${expectedType != null ? expectedType : 'HTMLElement'}` : ' not found';
+        if (component) {
+          message = formatErrorMessage(component, message);
+        }
+      }
+      super(message);
+      this.name = 'ElementError';
+    }
+  }
+  class InitError extends GOVUKFrontendError {
+    constructor(componentOrMessage) {
+      const message = typeof componentOrMessage === 'string' ? componentOrMessage : formatErrorMessage(componentOrMessage, `Root element (\`$root\`) already initialised`);
+      super(message);
+      this.name = 'InitError';
+    }
+  }
+  /**
+   * @import { ComponentWithModuleName } from '../common/index.mjs'
+   */
+
+  class Component {
+    /**
+     * Returns the root element of the component
+     *
+     * @protected
+     * @returns {RootElementType} - the root element of component
+     */
+    get $root() {
+      return this._$root;
+    }
+    constructor($root) {
+      this._$root = void 0;
+      const childConstructor = this.constructor;
+      if (typeof childConstructor.moduleName !== 'string') {
+        throw new InitError(`\`moduleName\` not defined in component`);
+      }
+      if (!($root instanceof childConstructor.elementType)) {
+        throw new ElementError({
+          element: $root,
+          component: childConstructor,
+          identifier: 'Root element (`$root`)',
+          expectedType: childConstructor.elementType.name
+        });
+      } else {
+        this._$root = $root;
+      }
+      childConstructor.checkSupport();
+      this.checkInitialised();
+      const moduleName = childConstructor.moduleName;
+      this.$root.setAttribute(`data-${moduleName}-init`, '');
+    }
+    checkInitialised() {
+      const constructor = this.constructor;
+      const moduleName = constructor.moduleName;
+      if (moduleName && isInitialised(this.$root, moduleName)) {
+        throw new InitError(constructor);
+      }
+    }
+    static checkSupport() {
+      if (!isSupported()) {
+        throw new SupportError();
+      }
+    }
+  }
+
+  /**
+   * @typedef ChildClass
+   * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component
+   */
+
+  /**
+   * @typedef {typeof Component & ChildClass} ChildClassConstructor
+   */
+  Component.elementType = HTMLElement;
+
+  const configOverride = Symbol.for('configOverride');
+  class ConfigurableComponent extends Component {
+    [configOverride](param) {
+      return {};
+    }
+
+    /**
+     * Returns the root element of the component
+     *
+     * @protected
+     * @returns {ConfigurationType} - the root element of component
+     */
+    get config() {
+      return this._config;
+    }
+    constructor($root, config) {
+      super($root);
+      this._config = void 0;
+      const childConstructor = this.constructor;
+      if (!isObject(childConstructor.defaults)) {
+        throw new ConfigError(formatErrorMessage(childConstructor, 'Config passed as parameter into constructor but no defaults defined'));
+      }
+      const datasetConfig = normaliseDataset(childConstructor, this._$root.dataset);
+      this._config = mergeConfigs(childConstructor.defaults, config != null ? config : {}, this[configOverride](datasetConfig), datasetConfig);
+    }
+  }
+  function normaliseString(value, property) {
+    const trimmedValue = value ? value.trim() : '';
+    let output;
+    let outputType = property == null ? void 0 : property.type;
+    if (!outputType) {
+      if (['true', 'false'].includes(trimmedValue)) {
+        outputType = 'boolean';
+      }
+      if (trimmedValue.length > 0 && isFinite(Number(trimmedValue))) {
+        outputType = 'number';
+      }
+    }
+    switch (outputType) {
+      case 'boolean':
+        output = trimmedValue === 'true';
+        break;
+      case 'number':
+        output = Number(trimmedValue);
+        break;
+      default:
+        output = value;
+    }
+    return output;
+  }
+  function normaliseDataset(Component, dataset) {
+    if (!isObject(Component.schema)) {
+      throw new ConfigError(formatErrorMessage(Component, 'Config passed as parameter into constructor but no schema defined'));
+    }
+    const out = {};
+    const entries = Object.entries(Component.schema.properties);
+    for (const entry of entries) {
+      const [namespace, property] = entry;
+      const field = namespace.toString();
+      if (field in dataset) {
+        out[field] = normaliseString(dataset[field], property);
+      }
+      if ((property == null ? void 0 : property.type) === 'object') {
+        out[field] = extractConfigByNamespace(Component.schema, dataset, namespace);
+      }
+    }
+    return out;
+  }
+  function mergeConfigs(...configObjects) {
+    const formattedConfigObject = {};
+    for (const configObject of configObjects) {
+      for (const key of Object.keys(configObject)) {
+        const option = formattedConfigObject[key];
+        const override = configObject[key];
+        if (isObject(option) && isObject(override)) {
+          formattedConfigObject[key] = mergeConfigs(option, override);
+        } else {
+          formattedConfigObject[key] = override;
+        }
+      }
+    }
+    return formattedConfigObject;
+  }
+  function validateConfig(schema, config) {
+    const validationErrors = [];
+    for (const [name, conditions] of Object.entries(schema)) {
+      const errors = [];
+      if (Array.isArray(conditions)) {
+        for (const {
+          required,
+          errorMessage
+        } of conditions) {
+          if (!required.every(key => !!config[key])) {
+            errors.push(errorMessage);
+          }
+        }
+        if (name === 'anyOf' && !(conditions.length - errors.length >= 1)) {
+          validationErrors.push(...errors);
+        }
+      }
+    }
+    return validationErrors;
+  }
+  function extractConfigByNamespace(schema, dataset, namespace) {
+    const property = schema.properties[namespace];
+    if ((property == null ? void 0 : property.type) !== 'object') {
+      return;
+    }
+    const newObject = {
+      [namespace]: {}
+    };
+    for (const [key, value] of Object.entries(dataset)) {
+      let current = newObject;
+      const keyParts = key.split('.');
+      for (const [index, name] of keyParts.entries()) {
+        if (isObject(current)) {
+          if (index < keyParts.length - 1) {
+            if (!isObject(current[name])) {
+              current[name] = {};
+            }
+            current = current[name];
+          } else if (key !== namespace) {
+            current[name] = normaliseString(value);
+          }
+        }
+      }
+    }
+    return newObject[namespace];
+  }
+  /**
+   * Schema for component config
+   *
+   * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType
+   * @typedef {object} Schema
+   * @property {Record<keyof ConfigurationType, SchemaProperty | undefined>} properties - Schema properties
+   * @property {SchemaCondition<ConfigurationType>[]} [anyOf] - List of schema conditions
+   */
+  /**
+   * Schema property for component config
+   *
+   * @typedef {object} SchemaProperty
+   * @property {'string' | 'boolean' | 'number' | 'object'} type - Property type
+   */
+  /**
+   * Schema condition for component config
+   *
+   * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType
+   * @typedef {object} SchemaCondition
+   * @property {(keyof ConfigurationType)[]} required - List of required config fields
+   * @property {string} errorMessage - Error message when required config fields not provided
+   */
+  /**
+   * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]
+   * @typedef ChildClass
+   * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component
+   * @property {Schema<ConfigurationType>} [schema] - The schema of the component configuration
+   * @property {ConfigurationType} [defaults] - The default values of the configuration of the component
+   */
+  /**
+   * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]
+   * @typedef {typeof Component & ChildClass<ConfigurationType>} ChildClassConstructor<ConfigurationType>
+   */
+  /**
+   * @import { CompatibleClass, Config, CreateAllOptions, OnErrorCallback } from '../init.mjs'
+   */
+
+  class I18n {
+    constructor(translations = {}, config = {}) {
+      var _config$locale;
+      this.translations = void 0;
+      this.locale = void 0;
+      this.translations = translations;
+      this.locale = (_config$locale = config.locale) != null ? _config$locale : document.documentElement.lang || 'en';
+    }
+    t(lookupKey, options) {
+      if (!lookupKey) {
+        throw new Error('i18n: lookup key missing');
+      }
+      let translation = this.translations[lookupKey];
+      if (typeof (options == null ? void 0 : options.count) === 'number' && isObject(translation)) {
+        const translationPluralForm = translation[this.getPluralSuffix(lookupKey, options.count)];
+        if (translationPluralForm) {
+          translation = translationPluralForm;
+        }
+      }
+      if (typeof translation === 'string') {
+        if (translation.match(/%{(.\S+)}/)) {
+          if (!options) {
+            throw new Error('i18n: cannot replace placeholders in string if no option data provided');
+          }
+          return this.replacePlaceholders(translation, options);
+        }
+        return translation;
+      }
+      return lookupKey;
+    }
+    replacePlaceholders(translationString, options) {
+      const formatter = Intl.NumberFormat.supportedLocalesOf(this.locale).length ? new Intl.NumberFormat(this.locale) : undefined;
+      return translationString.replace(/%{(.\S+)}/g, function (placeholderWithBraces, placeholderKey) {
+        if (Object.prototype.hasOwnProperty.call(options, placeholderKey)) {
+          const placeholderValue = options[placeholderKey];
+          if (placeholderValue === false || typeof placeholderValue !== 'number' && typeof placeholderValue !== 'string') {
+            return '';
+          }
+          if (typeof placeholderValue === 'number') {
+            return formatter ? formatter.format(placeholderValue) : `${placeholderValue}`;
+          }
+          return placeholderValue;
+        }
+        throw new Error(`i18n: no data found to replace ${placeholderWithBraces} placeholder in string`);
+      });
+    }
+    hasIntlPluralRulesSupport() {
+      return Boolean('PluralRules' in window.Intl && Intl.PluralRules.supportedLocalesOf(this.locale).length);
+    }
+    getPluralSuffix(lookupKey, count) {
+      count = Number(count);
+      if (!isFinite(count)) {
+        return 'other';
+      }
+      const translation = this.translations[lookupKey];
+      const preferredForm = this.hasIntlPluralRulesSupport() ? new Intl.PluralRules(this.locale).select(count) : 'other';
+      if (isObject(translation)) {
+        if (preferredForm in translation) {
+          return preferredForm;
+        } else if ('other' in translation) {
+          console.warn(`i18n: Missing plural form ".${preferredForm}" for "${this.locale}" locale. Falling back to ".other".`);
+          return 'other';
+        }
+      }
+      throw new Error(`i18n: Plural form ".other" is required for "${this.locale}" locale`);
+    }
+  }
+
+  /**
+   * Character count component
+   *
+   * Tracks the number of characters or words in the `.govuk-js-character-count`
+   * `<textarea>` inside the element. Displays a message with the remaining number
+   * of characters/words available, or the number of characters/words in excess.
+   *
+   * You can configure the message to only appear after a certain percentage
+   * of the available characters/words has been entered.
+   *
+   * @preserve
+   * @augments ConfigurableComponent<CharacterCountConfig>
+   */
+  class CharacterCount extends ConfigurableComponent {
+    [configOverride](datasetConfig) {
+      let configOverrides = {};
+      if ('maxwords' in datasetConfig || 'maxlength' in datasetConfig) {
+        configOverrides = {
+          maxlength: undefined,
+          maxwords: undefined
+        };
+      }
+      return configOverrides;
+    }
+
+    /**
+     * @param {Element | null} $root - HTML element to use for character count
+     * @param {CharacterCountConfig} [config] - Character count config
+     */
+    constructor($root, config = {}) {
+      var _ref, _this$config$maxwords;
+      super($root, config);
+      this.$textarea = void 0;
+      this.$visibleCountMessage = void 0;
+      this.$screenReaderCountMessage = void 0;
+      this.lastInputTimestamp = null;
+      this.lastInputValue = '';
+      this.valueChecker = null;
+      this.i18n = void 0;
+      this.maxLength = void 0;
+      const $textarea = this.$root.querySelector('.govuk-js-character-count');
+      if (!($textarea instanceof HTMLTextAreaElement || $textarea instanceof HTMLInputElement)) {
+        throw new ElementError({
+          component: CharacterCount,
+          element: $textarea,
+          expectedType: 'HTMLTextareaElement or HTMLInputElement',
+          identifier: 'Form field (`.govuk-js-character-count`)'
+        });
+      }
+      const errors = validateConfig(CharacterCount.schema, this.config);
+      if (errors[0]) {
+        throw new ConfigError(formatErrorMessage(CharacterCount, errors[0]));
+      }
+      this.i18n = new I18n(this.config.i18n, {
+        locale: closestAttributeValue(this.$root, 'lang')
+      });
+      this.maxLength = (_ref = (_this$config$maxwords = this.config.maxwords) != null ? _this$config$maxwords : this.config.maxlength) != null ? _ref : Infinity;
+      this.$textarea = $textarea;
+      const textareaDescriptionId = `${this.$textarea.id}-info`;
+      const $textareaDescription = document.getElementById(textareaDescriptionId);
+      if (!$textareaDescription) {
+        throw new ElementError({
+          component: CharacterCount,
+          element: $textareaDescription,
+          identifier: `Count message (\`id="${textareaDescriptionId}"\`)`
+        });
+      }
+      this.$errorMessage = this.$root.querySelector('.govuk-error-message');
+      if ($textareaDescription.textContent.match(/^\s*$/)) {
+        $textareaDescription.textContent = this.i18n.t('textareaDescription', {
+          count: this.maxLength
+        });
+      }
+      this.$textarea.insertAdjacentElement('afterend', $textareaDescription);
+      const $screenReaderCountMessage = document.createElement('div');
+      $screenReaderCountMessage.className = 'govuk-character-count__sr-status govuk-visually-hidden';
+      $screenReaderCountMessage.setAttribute('aria-live', 'polite');
+      this.$screenReaderCountMessage = $screenReaderCountMessage;
+      $textareaDescription.insertAdjacentElement('afterend', $screenReaderCountMessage);
+      const $visibleCountMessage = document.createElement('div');
+      $visibleCountMessage.className = $textareaDescription.className;
+      $visibleCountMessage.classList.add('govuk-character-count__status');
+      $visibleCountMessage.setAttribute('aria-hidden', 'true');
+      this.$visibleCountMessage = $visibleCountMessage;
+      $textareaDescription.insertAdjacentElement('afterend', $visibleCountMessage);
+      $textareaDescription.classList.add('govuk-visually-hidden');
+      this.$textarea.removeAttribute('maxlength');
+      this.bindChangeEvents();
+      window.addEventListener('pageshow', () => this.updateCountMessage());
+      this.updateCountMessage();
+    }
+    bindChangeEvents() {
+      this.$textarea.addEventListener('keyup', () => this.handleKeyUp());
+      this.$textarea.addEventListener('focus', () => this.handleFocus());
+      this.$textarea.addEventListener('blur', () => this.handleBlur());
+    }
+    handleKeyUp() {
+      this.updateVisibleCountMessage();
+      this.lastInputTimestamp = Date.now();
+    }
+    handleFocus() {
+      this.valueChecker = window.setInterval(() => {
+        if (!this.lastInputTimestamp || Date.now() - 500 >= this.lastInputTimestamp) {
+          this.updateIfValueChanged();
+        }
+      }, 1000);
+    }
+    handleBlur() {
+      if (this.valueChecker) {
+        window.clearInterval(this.valueChecker);
+      }
+    }
+    updateIfValueChanged() {
+      if (this.$textarea.value !== this.lastInputValue) {
+        this.lastInputValue = this.$textarea.value;
+        this.updateCountMessage();
+      }
+    }
+    updateCountMessage() {
+      this.updateVisibleCountMessage();
+      this.updateScreenReaderCountMessage();
+    }
+    updateVisibleCountMessage() {
+      const remainingNumber = this.maxLength - this.count(this.$textarea.value);
+      const isError = remainingNumber < 0;
+      this.$visibleCountMessage.classList.toggle('govuk-character-count__message--disabled', !this.isOverThreshold());
+      if (!this.$errorMessage) {
+        this.$textarea.classList.toggle('govuk-textarea--error', isError);
+      }
+      this.$visibleCountMessage.classList.toggle('govuk-error-message', isError);
+      this.$visibleCountMessage.classList.toggle('govuk-hint', !isError);
+      this.$visibleCountMessage.textContent = this.getCountMessage();
+    }
+    updateScreenReaderCountMessage() {
+      if (this.isOverThreshold()) {
+        this.$screenReaderCountMessage.removeAttribute('aria-hidden');
+      } else {
+        this.$screenReaderCountMessage.setAttribute('aria-hidden', 'true');
+      }
+      this.$screenReaderCountMessage.textContent = this.getCountMessage();
+    }
+    count(text) {
+      if (this.config.maxwords) {
+        var _text$match;
+        const tokens = (_text$match = text.match(/\S+/g)) != null ? _text$match : [];
+        return tokens.length;
+      }
+      return text.length;
+    }
+    getCountMessage() {
+      const remainingNumber = this.maxLength - this.count(this.$textarea.value);
+      const countType = this.config.maxwords ? 'words' : 'characters';
+      return this.formatCountMessage(remainingNumber, countType);
+    }
+    formatCountMessage(remainingNumber, countType) {
+      if (remainingNumber === 0) {
+        return this.i18n.t(`${countType}AtLimit`);
+      }
+      const translationKeySuffix = remainingNumber < 0 ? 'OverLimit' : 'UnderLimit';
+      return this.i18n.t(`${countType}${translationKeySuffix}`, {
+        count: Math.abs(remainingNumber)
+      });
+    }
+    isOverThreshold() {
+      if (!this.config.threshold) {
+        return true;
+      }
+      const currentLength = this.count(this.$textarea.value);
+      const maxLength = this.maxLength;
+      const thresholdValue = maxLength * this.config.threshold / 100;
+      return thresholdValue <= currentLength;
+    }
+  }
+
+  /**
+   * Character count config
+   *
+   * @see {@link CharacterCount.defaults}
+   * @typedef {object} CharacterCountConfig
+   * @property {number} [maxlength] - The maximum number of characters.
+   *   If maxwords is provided, the maxlength option will be ignored.
+   * @property {number} [maxwords] - The maximum number of words. If maxwords is
+   *   provided, the maxlength option will be ignored.
+   * @property {number} [threshold=0] - The percentage value of the limit at
+   *   which point the count message is displayed. If this attribute is set, the
+   *   count message will be hidden by default.
+   * @property {CharacterCountTranslations} [i18n=CharacterCount.defaults.i18n] - Character count translations
+   */
+
+  /**
+   * Character count translations
+   *
+   * @see {@link CharacterCount.defaults.i18n}
+   * @typedef {object} CharacterCountTranslations
+   *
+   * Messages shown to users as they type. It provides feedback on how many words
+   * or characters they have remaining or if they are over the limit. This also
+   * includes a message used as an accessible description for the textarea.
+   * @property {TranslationPluralForms} [charactersUnderLimit] - Message displayed
+   *   when the number of characters is under the configured maximum, `maxlength`.
+   *   This message is displayed visually and through assistive technologies. The
+   *   component will replace the `%{count}` placeholder with the number of
+   *   remaining characters. This is a [pluralised list of
+   *   messages](https://frontend.design-system.service.gov.uk/localise-govuk-frontend).
+   * @property {string} [charactersAtLimit] - Message displayed when the number of
+   *   characters reaches the configured maximum, `maxlength`. This message is
+   *   displayed visually and through assistive technologies.
+   * @property {TranslationPluralForms} [charactersOverLimit] - Message displayed
+   *   when the number of characters is over the configured maximum, `maxlength`.
+   *   This message is displayed visually and through assistive technologies. The
+   *   component will replace the `%{count}` placeholder with the number of
+   *   remaining characters. This is a [pluralised list of
+   *   messages](https://frontend.design-system.service.gov.uk/localise-govuk-frontend).
+   * @property {TranslationPluralForms} [wordsUnderLimit] - Message displayed when
+   *   the number of words is under the configured maximum, `maxlength`. This
+   *   message is displayed visually and through assistive technologies. The
+   *   component will replace the `%{count}` placeholder with the number of
+   *   remaining words. This is a [pluralised list of
+   *   messages](https://frontend.design-system.service.gov.uk/localise-govuk-frontend).
+   * @property {string} [wordsAtLimit] - Message displayed when the number of
+   *   words reaches the configured maximum, `maxlength`. This message is
+   *   displayed visually and through assistive technologies.
+   * @property {TranslationPluralForms} [wordsOverLimit] - Message displayed when
+   *   the number of words is over the configured maximum, `maxlength`. This
+   *   message is displayed visually and through assistive technologies. The
+   *   component will replace the `%{count}` placeholder with the number of
+   *   remaining words. This is a [pluralised list of
+   *   messages](https://frontend.design-system.service.gov.uk/localise-govuk-frontend).
+   * @property {TranslationPluralForms} [textareaDescription] - Message made
+   *   available to assistive technologies, if none is already present in the
+   *   HTML, to describe that the component accepts only a limited amount of
+   *   content. It is visible on the page when JavaScript is unavailable. The
+   *   component will replace the `%{count}` placeholder with the value of the
+   *   `maxlength` or `maxwords` parameter.
+   */
+
+  /**
+   * @import { Schema } from '../../common/configuration.mjs'
+   * @import { TranslationPluralForms } from '../../i18n.mjs'
+   */
+  CharacterCount.moduleName = 'govuk-character-count';
+  CharacterCount.defaults = Object.freeze({
+    threshold: 0,
+    i18n: {
+      charactersUnderLimit: {
+        one: 'You have %{count} character remaining',
+        other: 'You have %{count} characters remaining'
+      },
+      charactersAtLimit: 'You have 0 characters remaining',
+      charactersOverLimit: {
+        one: 'You have %{count} character too many',
+        other: 'You have %{count} characters too many'
+      },
+      wordsUnderLimit: {
+        one: 'You have %{count} word remaining',
+        other: 'You have %{count} words remaining'
+      },
+      wordsAtLimit: 'You have 0 words remaining',
+      wordsOverLimit: {
+        one: 'You have %{count} word too many',
+        other: 'You have %{count} words too many'
+      },
+      textareaDescription: {
+        other: ''
+      }
+    }
+  });
+  CharacterCount.schema = Object.freeze({
+    properties: {
+      i18n: {
+        type: 'object'
+      },
+      maxwords: {
+        type: 'number'
+      },
+      maxlength: {
+        type: 'number'
+      },
+      threshold: {
+        type: 'number'
+      }
+    },
+    anyOf: [{
+      required: ['maxwords'],
+      errorMessage: 'Either "maxlength" or "maxwords" must be provided'
+    }, {
+      required: ['maxlength'],
+      errorMessage: 'Either "maxlength" or "maxwords" must be provided'
+    }]
+  });
+
+  exports.CharacterCount = CharacterCount;
+
+}));
+//# sourceMappingURL=character-count.bundle.js.map
diff --git a/app/templates/govuk/components/components/character-count/character-count.bundle.js.map b/app/templates/govuk/components/components/character-count/character-count.bundle.js.map
new file mode 100644
index 0000000..26a8bb2
--- /dev/null
+++ b/app/templates/govuk/components/components/character-count/character-count.bundle.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"character-count.bundle.js","sources":["../../../../src/govuk/common/closest-attribute-value.mjs","../../../../src/govuk/common/index.mjs","../../../../src/govuk/errors/index.mjs","../../../../src/govuk/component.mjs","../../../../src/govuk/common/configuration.mjs","../../../../src/govuk/i18n.mjs","../../../../src/govuk/components/character-count/character-count.mjs"],"sourcesContent":["/**\n * Returns the value of the given attribute closest to the given element (including itself)\n *\n * @internal\n * @param {Element} $element - The element to start walking the DOM tree up\n * @param {string} attributeName - The name of the attribute\n * @returns {string | null} Attribute value\n */\nexport function closestAttributeValue($element, attributeName) {\n  const $closestElementWithAttribute = $element.closest(`[${attributeName}]`)\n  return $closestElementWithAttribute\n    ? $closestElementWithAttribute.getAttribute(attributeName)\n    : null\n}\n","/**\n * Common helpers which do not require polyfill.\n *\n * IMPORTANT: If a helper require a polyfill, please isolate it in its own module\n * so that the polyfill can be properly tree-shaken and does not burden\n * the components that do not need that helper\n */\n\n/**\n * Get GOV.UK Frontend breakpoint value from CSS custom property\n *\n * @private\n * @param {string} name - Breakpoint name\n * @returns {{ property: string, value?: string }} Breakpoint object\n */\nexport function getBreakpoint(name) {\n  const property = `--govuk-breakpoint-${name}`\n\n  // Get value from `<html>` with breakpoints on CSS :root\n  const value = window\n    .getComputedStyle(document.documentElement)\n    .getPropertyValue(property)\n\n  return {\n    property,\n    value: value || undefined\n  }\n}\n\n/**\n * Move focus to element\n *\n * Sets tabindex to -1 to make the element programmatically focusable,\n * but removes it on blur as the element doesn't need to be focused again.\n *\n * @private\n * @template {HTMLElement} FocusElement\n * @param {FocusElement} $element - HTML element\n * @param {object} [options] - Handler options\n * @param {function(this: FocusElement): void} [options.onBeforeFocus] - Callback before focus\n * @param {function(this: FocusElement): void} [options.onBlur] - Callback on blur\n */\nexport function setFocus($element, options = {}) {\n  const isFocusable = $element.getAttribute('tabindex')\n\n  if (!isFocusable) {\n    $element.setAttribute('tabindex', '-1')\n  }\n\n  /**\n   * Handle element focus\n   */\n  function onFocus() {\n    $element.addEventListener('blur', onBlur, { once: true })\n  }\n\n  /**\n   * Handle element blur\n   */\n  function onBlur() {\n    options.onBlur?.call($element)\n\n    if (!isFocusable) {\n      $element.removeAttribute('tabindex')\n    }\n  }\n\n  // Add listener to reset element on blur, after focus\n  $element.addEventListener('focus', onFocus, { once: true })\n\n  // Focus element\n  options.onBeforeFocus?.call($element)\n  $element.focus()\n}\n\n/**\n * Checks if component is already initialised\n *\n * @internal\n * @param {Element} $root - HTML element to be checked\n * @param {string} moduleName - name of component module\n * @returns {boolean} Whether component is already initialised\n */\nexport function isInitialised($root, moduleName) {\n  return (\n    $root instanceof HTMLElement &&\n    $root.hasAttribute(`data-${moduleName}-init`)\n  )\n}\n\n/**\n * Checks if GOV.UK Frontend is supported on this page\n *\n * Some browsers will load and run our JavaScript but GOV.UK Frontend\n * won't be supported.\n *\n * @param {HTMLElement | null} [$scope] - (internal) `<body>` HTML element checked for browser support\n * @returns {boolean} Whether GOV.UK Frontend is supported on this page\n */\nexport function isSupported($scope = document.body) {\n  if (!$scope) {\n    return false\n  }\n\n  return $scope.classList.contains('govuk-frontend-supported')\n}\n\n/**\n * Check for an array\n *\n * @internal\n * @param {unknown} option - Option to check\n * @returns {boolean} Whether the option is an array\n */\nfunction isArray(option) {\n  return Array.isArray(option)\n}\n\n/**\n * Check for an object\n *\n * @internal\n * @template {Partial<Record<keyof ObjectType, unknown>>} ObjectType\n * @param {unknown | ObjectType} option - Option to check\n * @returns {option is ObjectType} Whether the option is an object\n */\nexport function isObject(option) {\n  return !!option && typeof option === 'object' && !isArray(option)\n}\n\n/**\n * Check for valid scope\n *\n * @internal\n * @template {Element | Document} ScopeType\n * @param {unknown | ScopeType} $scope - Scope of the document to search within\n * @returns {$scope is ScopeType} Whether the scope can be queried\n */\nexport function isScope($scope) {\n  return !!$scope && ($scope instanceof Element || $scope instanceof Document)\n}\n\n/**\n * Format error message\n *\n * @internal\n * @param {ComponentWithModuleName} Component - Component that threw the error\n * @param {string} message - Error message\n * @returns {string} - Formatted error message\n */\nexport function formatErrorMessage(Component, message) {\n  return `${Component.moduleName}: ${message}`\n}\n\n/* eslint-disable jsdoc/valid-types --\n * `{new(...args: any[] ): object}` is not recognised as valid\n * https://github.com/gajus/eslint-plugin-jsdoc/issues/145#issuecomment-1308722878\n * https://github.com/jsdoc-type-pratt-parser/jsdoc-type-pratt-parser/issues/131\n **/\n\n/**\n * @typedef ComponentWithModuleName\n * @property {string} moduleName - Name of the component\n */\n\n/* eslint-enable jsdoc/valid-types */\n","import { formatErrorMessage, isObject } from '../common/index.mjs'\n\n/**\n * GOV.UK Frontend error\n *\n * A base class for `Error`s thrown by GOV.UK Frontend.\n *\n * It is meant to be extended into specific types of errors\n * to be thrown by our code.\n *\n * @example\n * ```js\n * class MissingRootError extends GOVUKFrontendError {\n *   // Setting an explicit name is important as extending the class will not\n *   // set a new `name` on the subclass. The `name` property is important\n *   // to ensure intelligible error names even if the class name gets\n *   // mangled by a minifier\n *   name = \"MissingRootError\"\n * }\n * ```\n * @virtual\n */\nexport class GOVUKFrontendError extends Error {\n  name = 'GOVUKFrontendError'\n}\n\n/**\n * Indicates that GOV.UK Frontend is not supported\n */\nexport class SupportError extends GOVUKFrontendError {\n  name = 'SupportError'\n\n  /**\n   * Checks if GOV.UK Frontend is supported on this page\n   *\n   * @param {HTMLElement | null} [$scope] - HTML element `<body>` checked for browser support\n   */\n  constructor($scope = document.body) {\n    const supportMessage =\n      'noModule' in HTMLScriptElement.prototype\n        ? 'GOV.UK Frontend initialised without `<body class=\"govuk-frontend-supported\">` from template `<script>` snippet'\n        : 'GOV.UK Frontend is not supported in this browser'\n\n    super(\n      $scope\n        ? supportMessage\n        : 'GOV.UK Frontend initialised without `<script type=\"module\">`'\n    )\n  }\n}\n\n/**\n * Indicates that a component has received an illegal configuration\n */\nexport class ConfigError extends GOVUKFrontendError {\n  name = 'ConfigError'\n}\n\n/**\n * Indicates an issue with an element (possibly `null` or `undefined`)\n */\nexport class ElementError extends GOVUKFrontendError {\n  name = 'ElementError'\n\n  /**\n   * @internal\n   * @overload\n   * @param {string} message - Element error message\n   */\n\n  /**\n   * @internal\n   * @overload\n   * @param {ElementErrorOptions} options - Element error options\n   */\n\n  /**\n   * @internal\n   * @param {string | ElementErrorOptions} messageOrOptions - Element error message or options\n   */\n  constructor(messageOrOptions) {\n    let message = typeof messageOrOptions === 'string' ? messageOrOptions : ''\n\n    // Build message from options\n    if (isObject(messageOrOptions)) {\n      const { component, identifier, element, expectedType } = messageOrOptions\n\n      message = identifier\n\n      // Append reason\n      message += element\n        ? ` is not of type ${expectedType ?? 'HTMLElement'}`\n        : ' not found'\n\n      // Prepend with module name (optional)\n      if (component) {\n        message = formatErrorMessage(component, message)\n      }\n    }\n\n    super(message)\n  }\n}\n\n/**\n * Indicates that a component is already initialised\n */\nexport class InitError extends GOVUKFrontendError {\n  name = 'InitError'\n\n  /**\n   * @internal\n   * @param {ComponentWithModuleName | string} componentOrMessage - name of the component module\n   */\n  constructor(componentOrMessage) {\n    const message =\n      typeof componentOrMessage === 'string'\n        ? componentOrMessage\n        : formatErrorMessage(\n            componentOrMessage,\n            `Root element (\\`$root\\`) already initialised`\n          )\n\n    super(message)\n  }\n}\n\n/**\n * Element error options\n *\n * @internal\n * @typedef {object} ElementErrorOptions\n * @property {Element | Document | null} [element] - The element in error (optional)\n * @property {ComponentWithModuleName} [component] - Component throwing the error (optional)\n * @property {string} identifier - An identifier that'll let the user understand which element has an error. This is whatever makes the most sense\n * @property {string} [expectedType] - The type that was expected for the identifier (optional)\n */\n\n/**\n * @import { ComponentWithModuleName } from '../common/index.mjs'\n */\n","import { isInitialised, isSupported } from './common/index.mjs'\nimport { ElementError, InitError, SupportError } from './errors/index.mjs'\n\n/**\n * Base Component class\n *\n * Centralises the behaviours shared by our components\n *\n * @virtual\n * @template {Element} [RootElementType=HTMLElement]\n */\nexport class Component {\n  /**\n   * @type {typeof Element}\n   */\n  static elementType = HTMLElement\n\n  // allows Typescript user to work around the lack of types\n  // in GOVUKFrontend package, Typescript is not aware of $root\n  // in components that extend GOVUKFrontendComponent\n  /**\n   * Returns the root element of the component\n   *\n   * @protected\n   * @returns {RootElementType} - the root element of component\n   */\n  get $root() {\n    return this._$root\n  }\n\n  /**\n   * @protected\n   * @type {RootElementType}\n   */\n  _$root\n\n  /**\n   * Constructs a new component, validating that GOV.UK Frontend is supported\n   *\n   * @internal\n   * @param {Element | null} [$root] - HTML element to use for component\n   */\n  constructor($root) {\n    const childConstructor = /** @type {ChildClassConstructor} */ (\n      this.constructor\n    )\n\n    // TypeScript does not enforce that inheriting classes will define a `moduleName`\n    // (even if we add a `@virtual` `static moduleName` property to this class).\n    // While we trust users to do this correctly, we do a little check to provide them\n    // a helpful error message.\n    //\n    // After this, we'll be sure that `childConstructor` has a `moduleName`\n    // as expected of the `ChildClassConstructor` we've cast `this.constructor` to.\n    if (typeof childConstructor.moduleName !== 'string') {\n      throw new InitError(`\\`moduleName\\` not defined in component`)\n    }\n\n    if (!($root instanceof childConstructor.elementType)) {\n      throw new ElementError({\n        element: $root,\n        component: childConstructor,\n        identifier: 'Root element (`$root`)',\n        expectedType: childConstructor.elementType.name\n      })\n    } else {\n      this._$root = /** @type {RootElementType} */ ($root)\n    }\n\n    childConstructor.checkSupport()\n\n    this.checkInitialised()\n\n    const moduleName = childConstructor.moduleName\n\n    this.$root.setAttribute(`data-${moduleName}-init`, '')\n  }\n\n  /**\n   * Validates whether component is already initialised\n   *\n   * @private\n   * @throws {InitError} when component is already initialised\n   */\n  checkInitialised() {\n    const constructor = /** @type {ChildClassConstructor} */ (this.constructor)\n    const moduleName = constructor.moduleName\n\n    if (moduleName && isInitialised(this.$root, moduleName)) {\n      throw new InitError(constructor)\n    }\n  }\n\n  /**\n   * Validates whether components are supported\n   *\n   * @throws {SupportError} when the components are not supported\n   */\n  static checkSupport() {\n    if (!isSupported()) {\n      throw new SupportError()\n    }\n  }\n}\n\n/**\n * @typedef ChildClass\n * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component\n */\n\n/**\n * @typedef {typeof Component & ChildClass} ChildClassConstructor\n */\n","import { Component } from '../component.mjs'\nimport { ConfigError } from '../errors/index.mjs'\n\nimport { isObject, isScope, formatErrorMessage } from './index.mjs'\n\nexport const configOverride = Symbol.for('configOverride')\n\n/**\n * Base Component class\n *\n * Centralises the behaviours shared by our components\n *\n * @virtual\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]\n * @template {Element & { dataset: DOMStringMap }} [RootElementType=HTMLElement]\n * @augments Component<RootElementType>\n */\nexport class ConfigurableComponent extends Component {\n  /**\n   * configOverride\n   *\n   * Function which defines configuration overrides to prioritize\n   * properties from the root element's dataset.\n   *\n   * It should take a subset of configuration as input and return\n   * a new configuration object with properties that should be\n   * overridden based on the root element's dataset. A Symbol\n   * is used for indexing to prevent conflicts.\n   *\n   * @internal\n   * @virtual\n   * @param {Partial<ConfigurationType>} [param] - Configuration object\n   * @returns {Partial<ConfigurationType>} return - Configuration object\n   */\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  [configOverride](param) {\n    return {}\n  }\n\n  /**\n   * Returns the root element of the component\n   *\n   * @protected\n   * @returns {ConfigurationType} - the root element of component\n   */\n  get config() {\n    return this._config\n  }\n\n  /**\n   *\n   * @type {ConfigurationType}\n   */\n  _config\n\n  /**\n   * Constructs a new component, validating that GOV.UK Frontend is supported\n   *\n   * @internal\n   * @param {Element | null} [$root] - HTML element to use for component\n   * @param {ConfigurationType} [config] - HTML element to use for component\n   */\n  constructor($root, config) {\n    super($root)\n\n    const childConstructor =\n      /** @type {ChildClassConstructor<ConfigurationType>} */ (this.constructor)\n\n    if (!isObject(childConstructor.defaults)) {\n      throw new ConfigError(\n        formatErrorMessage(\n          childConstructor,\n          'Config passed as parameter into constructor but no defaults defined'\n        )\n      )\n    }\n\n    const datasetConfig = /** @type {ConfigurationType} */ (\n      normaliseDataset(childConstructor, this._$root.dataset)\n    )\n\n    this._config = /** @type {ConfigurationType} */ (\n      mergeConfigs(\n        childConstructor.defaults,\n        config ?? {},\n        this[configOverride](datasetConfig),\n        datasetConfig\n      )\n    )\n  }\n}\n\n/**\n * Normalise string\n *\n * 'If it looks like a duck, and it quacks like a duck…' 🦆\n *\n * If the passed value looks like a boolean or a number, convert it to a boolean\n * or number.\n *\n * Designed to be used to convert config passed via data attributes (which are\n * always strings) into something sensible.\n *\n * @internal\n * @param {DOMStringMap[string]} value - The value to normalise\n * @param {SchemaProperty} [property] - Component schema property\n * @returns {string | boolean | number | undefined} Normalised data\n */\nexport function normaliseString(value, property) {\n  const trimmedValue = value ? value.trim() : ''\n\n  let output\n  let outputType = property?.type\n\n  // No schema type set? Determine automatically\n  if (!outputType) {\n    if (['true', 'false'].includes(trimmedValue)) {\n      outputType = 'boolean'\n    }\n\n    // Empty / whitespace-only strings are considered finite so we need to check\n    // the length of the trimmed string as well\n    if (trimmedValue.length > 0 && isFinite(Number(trimmedValue))) {\n      outputType = 'number'\n    }\n  }\n\n  switch (outputType) {\n    case 'boolean':\n      output = trimmedValue === 'true'\n      break\n\n    case 'number':\n      output = Number(trimmedValue)\n      break\n\n    default:\n      output = value\n  }\n\n  return output\n}\n\n/**\n * Normalise dataset\n *\n * Loop over an object and normalise each value using {@link normaliseString},\n * optionally expanding nested `i18n.field`\n *\n * @internal\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @template {[keyof ConfigurationType, SchemaProperty | undefined][]} SchemaEntryType\n * @param {{ schema?: Schema<ConfigurationType>, moduleName: string }} Component - Component class\n * @param {DOMStringMap} dataset - HTML element dataset\n * @returns {ObjectNested} Normalised dataset\n */\nexport function normaliseDataset(Component, dataset) {\n  if (!isObject(Component.schema)) {\n    throw new ConfigError(\n      formatErrorMessage(\n        Component,\n        'Config passed as parameter into constructor but no schema defined'\n      )\n    )\n  }\n\n  const out = /** @type {ObjectNested} */ ({})\n  const entries = /** @type {SchemaEntryType} */ (\n    Object.entries(Component.schema.properties)\n  )\n\n  // Normalise top-level dataset ('data-*') values using schema types\n  for (const entry of entries) {\n    const [namespace, property] = entry\n\n    // Cast the `namespace` to string so it can be used to access the dataset\n    const field = namespace.toString()\n\n    if (field in dataset) {\n      out[field] = normaliseString(dataset[field], property)\n    }\n\n    /**\n     * Extract and normalise nested object values automatically using\n     * {@link normaliseString} but only schema object types are allowed\n     */\n    if (property?.type === 'object') {\n      out[field] = extractConfigByNamespace(\n        Component.schema,\n        dataset,\n        namespace\n      )\n    }\n  }\n\n  return out\n}\n\n/**\n * Normalise options passed to `initAll` or `createAll`\n *\n * @internal\n * @template {CompatibleClass} ComponentClass\n * @param {Config | CreateAllOptions<ComponentClass> | OnErrorCallback<ComponentClass> | Element | Document | null} [scopeOrOptions] - Scope of the document to search within, initialisation options or error callback function\n * @returns {CreateAllOptions<ComponentClass>} Normalised options\n */\nexport function normaliseOptions(scopeOrOptions) {\n  let /** @type {Element | Document | null} */ $scope = document\n  let /** @type {OnErrorCallback<ComponentClass> | undefined} */ onError\n\n  // Handle options object\n  if (isObject(scopeOrOptions)) {\n    const options = scopeOrOptions\n\n    // Scope must be valid or null\n    if (isScope(options.scope) || options.scope === null) {\n      $scope = options.scope\n    }\n\n    // Error handler must be a function\n    if (typeof options.onError === 'function') {\n      onError = options.onError\n    }\n  }\n\n  if (isScope(scopeOrOptions)) {\n    $scope = scopeOrOptions\n  } else if (scopeOrOptions === null) {\n    $scope = null\n  } else if (typeof scopeOrOptions === 'function') {\n    onError = scopeOrOptions\n  }\n\n  return {\n    scope: $scope,\n    onError\n  }\n}\n\n/**\n * Config merging function\n *\n * Takes any number of objects and combines them together, with\n * greatest priority on the LAST item passed in.\n *\n * @internal\n * @param {...{ [key: string]: unknown }} configObjects - Config objects to merge\n * @returns {{ [key: string]: unknown }} A merged config object\n */\nexport function mergeConfigs(...configObjects) {\n  // Start with an empty object as our base\n  /** @type {{ [key: string]: unknown }} */\n  const formattedConfigObject = {}\n\n  // Loop through each of the passed objects\n  for (const configObject of configObjects) {\n    for (const key of Object.keys(configObject)) {\n      const option = formattedConfigObject[key]\n      const override = configObject[key]\n\n      // Push their keys one-by-one into formattedConfigObject. Any duplicate\n      // keys with object values will be merged, otherwise the new value will\n      // override the existing value.\n      if (isObject(option) && isObject(override)) {\n        formattedConfigObject[key] = mergeConfigs(option, override)\n      } else {\n        // Apply override\n        formattedConfigObject[key] = override\n      }\n    }\n  }\n\n  return formattedConfigObject\n}\n\n/**\n * Validate component config by schema\n *\n * Follows limited examples in JSON schema for wider support in future\n *\n * {@link https://ajv.js.org/json-schema.html#compound-keywords}\n * {@link https://ajv.js.org/packages/ajv-errors.html#single-message}\n *\n * @internal\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @param {Schema<ConfigurationType>} schema - The schema of a component\n * @param {ConfigurationType} config - Component config\n * @returns {string[]} List of validation errors\n */\nexport function validateConfig(schema, config) {\n  const validationErrors = []\n\n  // Check errors for each schema\n  for (const [name, conditions] of Object.entries(schema)) {\n    const errors = []\n\n    // Check errors for each schema condition\n    if (Array.isArray(conditions)) {\n      for (const { required, errorMessage } of conditions) {\n        if (!required.every((key) => !!config[key])) {\n          errors.push(errorMessage) // Missing config key value\n        }\n      }\n\n      // Check one condition passes or add errors\n      if (name === 'anyOf' && !(conditions.length - errors.length >= 1)) {\n        validationErrors.push(...errors)\n      }\n    }\n  }\n\n  return validationErrors\n}\n\n/**\n * Extracts keys starting with a particular namespace from dataset ('data-*')\n * object, removing the namespace in the process, normalising all values\n *\n * @internal\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @param {Schema<ConfigurationType>} schema - The schema of a component\n * @param {DOMStringMap} dataset - The object to extract key-value pairs from\n * @param {keyof ConfigurationType} namespace - The namespace to filter keys with\n * @returns {ObjectNested | undefined} Nested object with dot-separated key namespace removed\n */\nexport function extractConfigByNamespace(schema, dataset, namespace) {\n  const property = schema.properties[namespace]\n\n  // Only extract configs for object schema properties\n  if (property?.type !== 'object') {\n    return\n  }\n\n  // Add default empty config\n  const newObject = /** @type {Record<typeof namespace, ObjectNested>} */ ({\n    [namespace]: {}\n  })\n\n  for (const [key, value] of Object.entries(dataset)) {\n    /** @type {ObjectNested | ObjectNested[NestedKey]} */\n    let current = newObject\n\n    // Split the key into parts, using . as our namespace separator\n    const keyParts = key.split('.')\n\n    /**\n     * Create new level per part\n     *\n     * e.g. 'i18n.textareaDescription.other' becomes\n     * `{ i18n: { textareaDescription: { other } } }`\n     */\n    for (const [index, name] of keyParts.entries()) {\n      if (isObject(current)) {\n        // Drop down to nested object until the last part\n        if (index < keyParts.length - 1) {\n          // New nested object (optionally) replaces existing value\n          if (!isObject(current[name])) {\n            current[name] = {}\n          }\n\n          // Drop down into new or existing nested object\n          current = current[name]\n        } else if (key !== namespace) {\n          // Normalised value (optionally) replaces existing value\n          current[name] = normaliseString(value)\n        }\n      }\n    }\n  }\n\n  return newObject[namespace]\n}\n\n/**\n * @internal\n * @typedef {keyof ObjectNested} NestedKey\n * @typedef {{ [key: string]: string | boolean | number | ObjectNested | undefined }} ObjectNested\n */\n\n/**\n * Schema for component config\n *\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @typedef {object} Schema\n * @property {Record<keyof ConfigurationType, SchemaProperty | undefined>} properties - Schema properties\n * @property {SchemaCondition<ConfigurationType>[]} [anyOf] - List of schema conditions\n */\n\n/**\n * Schema property for component config\n *\n * @typedef {object} SchemaProperty\n * @property {'string' | 'boolean' | 'number' | 'object'} type - Property type\n */\n\n/**\n * Schema condition for component config\n *\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @typedef {object} SchemaCondition\n * @property {(keyof ConfigurationType)[]} required - List of required config fields\n * @property {string} errorMessage - Error message when required config fields not provided\n */\n\n/**\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]\n * @typedef ChildClass\n * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component\n * @property {Schema<ConfigurationType>} [schema] - The schema of the component configuration\n * @property {ConfigurationType} [defaults] - The default values of the configuration of the component\n */\n\n/**\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]\n * @typedef {typeof Component & ChildClass<ConfigurationType>} ChildClassConstructor<ConfigurationType>\n */\n\n/**\n * @import { CompatibleClass, Config, CreateAllOptions, OnErrorCallback } from '../init.mjs'\n */\n","import { isObject } from './common/index.mjs'\n\n/**\n * Internal support for selecting messages to render, with placeholder\n * interpolation and locale-aware number formatting and pluralisation\n *\n * @internal\n */\nexport class I18n {\n  translations\n  locale\n\n  /**\n   * @internal\n   * @param {{ [key: string]: string | TranslationPluralForms }} translations - Key-value pairs of the translation strings to use.\n   * @param {object} [config] - Configuration options for the function.\n   * @param {string | null} [config.locale] - An overriding locale for the PluralRules functionality.\n   */\n  constructor(translations = {}, config = {}) {\n    // Make list of translations available throughout function\n    this.translations = translations\n\n    // The locale to use for PluralRules and NumberFormat\n    this.locale = config.locale ?? (document.documentElement.lang || 'en')\n  }\n\n  /**\n   * The most used function - takes the key for a given piece of UI text and\n   * returns the appropriate string.\n   *\n   * @internal\n   * @param {string} lookupKey - The lookup key of the string to use.\n   * @param {{ [key: string]: unknown }} [options] - Any options passed with the translation string, e.g: for string interpolation.\n   * @returns {string} The appropriate translation string.\n   * @throws {Error} Lookup key required\n   * @throws {Error} Options required for `${}` placeholders\n   */\n  t(lookupKey, options) {\n    if (!lookupKey) {\n      // Print a console error if no lookup key has been provided\n      throw new Error('i18n: lookup key missing')\n    }\n\n    // Fetch the translation for that lookup key\n    let translation = this.translations[lookupKey]\n\n    // If the `count` option is set, determine which plural suffix is needed and\n    // change the lookupKey to match. We check to see if it's numeric instead of\n    // falsy, as this could legitimately be 0.\n    if (typeof options?.count === 'number' && isObject(translation)) {\n      const translationPluralForm =\n        translation[this.getPluralSuffix(lookupKey, options.count)]\n\n      // Update translation with plural suffix\n      if (translationPluralForm) {\n        translation = translationPluralForm\n      }\n    }\n\n    if (typeof translation === 'string') {\n      // Check for ${} placeholders in the translation string\n      // eslint-disable-next-line @typescript-eslint/prefer-regexp-exec\n      if (translation.match(/%{(.\\S+)}/)) {\n        if (!options) {\n          throw new Error(\n            'i18n: cannot replace placeholders in string if no option data provided'\n          )\n        }\n\n        return this.replacePlaceholders(translation, options)\n      }\n\n      return translation\n    }\n\n    // If the key wasn't found in our translations object,\n    // return the lookup key itself as the fallback\n    return lookupKey\n  }\n\n  /**\n   * Takes a translation string with placeholders, and replaces the placeholders\n   * with the provided data\n   *\n   * @internal\n   * @param {string} translationString - The translation string\n   * @param {{ [key: string]: unknown }} options - Any options passed with the translation string, e.g: for string interpolation.\n   * @returns {string} The translation string to output, with $\\{\\} placeholders replaced\n   */\n  replacePlaceholders(translationString, options) {\n    const formatter = Intl.NumberFormat.supportedLocalesOf(this.locale).length\n      ? new Intl.NumberFormat(this.locale)\n      : undefined\n\n    return translationString.replace(\n      /%{(.\\S+)}/g,\n\n      /**\n       * Replace translation string placeholders\n       *\n       * @internal\n       * @param {string} placeholderWithBraces - Placeholder with braces\n       * @param {string} placeholderKey - Placeholder key\n       * @returns {string} Placeholder value\n       */\n      function (placeholderWithBraces, placeholderKey) {\n        if (Object.prototype.hasOwnProperty.call(options, placeholderKey)) {\n          const placeholderValue = options[placeholderKey]\n\n          // If a user has passed `false` as the value for the placeholder\n          // treat it as though the value should not be displayed\n          if (\n            placeholderValue === false ||\n            (typeof placeholderValue !== 'number' &&\n              typeof placeholderValue !== 'string')\n          ) {\n            return ''\n          }\n\n          // If the placeholder's value is a number, localise the number formatting\n          if (typeof placeholderValue === 'number') {\n            return formatter\n              ? formatter.format(placeholderValue)\n              : `${placeholderValue}`\n          }\n\n          return placeholderValue\n        }\n\n        throw new Error(\n          `i18n: no data found to replace ${placeholderWithBraces} placeholder in string`\n        )\n      }\n    )\n  }\n\n  /**\n   * Check to see if the browser supports Intl.PluralRules\n   *\n   * It requires all conditions to be met in order to be supported:\n   * - The implementation of Intl supports PluralRules (NOT true in Safari 10–12)\n   * - The browser/OS has plural rules for the current locale (browser dependent)\n   *\n   * {@link https://browsersl.ist/#q=supports+es6-module+and+not+supports+intl-pluralrules}\n   *\n   * @internal\n   * @returns {boolean} Returns true if all conditions are met. Returns false otherwise.\n   */\n  hasIntlPluralRulesSupport() {\n    return Boolean(\n      'PluralRules' in window.Intl &&\n        Intl.PluralRules.supportedLocalesOf(this.locale).length\n    )\n  }\n\n  /**\n   * Get the appropriate suffix for the plural form.\n   *\n   * Uses Intl.PluralRules (or our own fallback implementation) to get the\n   * 'preferred' form to use for the given count.\n   *\n   * Checks that a translation has been provided for that plural form – if it\n   * hasn't, it'll fall back to the 'other' plural form (unless that doesn't exist\n   * either, in which case an error will be thrown)\n   *\n   * @internal\n   * @param {string} lookupKey - The lookup key of the string to use.\n   * @param {number} count - Number used to determine which pluralisation to use.\n   * @returns {PluralRule} The suffix associated with the correct pluralisation for this locale.\n   * @throws {Error} Plural form `.other` required when preferred plural form is missing\n   */\n  getPluralSuffix(lookupKey, count) {\n    // Validate that the number is actually a number.\n    //\n    // Number(count) will turn anything that can't be converted to a Number type\n    // into 'NaN'. isFinite filters out NaN, as it isn't a finite number.\n    // eslint-disable-next-line @typescript-eslint/no-unnecessary-type-conversion\n    count = Number(count)\n    if (!isFinite(count)) {\n      return 'other'\n    }\n\n    // Fetch the translation for that lookup key\n    const translation = this.translations[lookupKey]\n\n    // Check to verify that all the requirements for Intl.PluralRules are met.\n    // If so, we can use that instead of our custom implementation. Otherwise,\n    // use the hardcoded fallback.\n    const preferredForm = this.hasIntlPluralRulesSupport()\n      ? new Intl.PluralRules(this.locale).select(count)\n      : 'other'\n\n    // Use the correct plural form if provided\n    if (isObject(translation)) {\n      if (preferredForm in translation) {\n        return preferredForm\n        // Fall back to `other` if the plural form is missing, but log a warning\n        // to the console\n      } else if ('other' in translation) {\n        console.warn(\n          `i18n: Missing plural form \".${preferredForm}\" for \"${this.locale}\" locale. Falling back to \".other\".`\n        )\n\n        return 'other'\n      }\n    }\n\n    // If the required `other` plural form is missing, all we can do is error\n    throw new Error(\n      `i18n: Plural form \".other\" is required for \"${this.locale}\" locale`\n    )\n  }\n}\n\n/**\n * Plural rule category mnemonic tags\n *\n * @internal\n * @typedef {'zero' | 'one' | 'two' | 'few' | 'many' | 'other'} PluralRule\n */\n\n/**\n * Translated message by plural rule they correspond to.\n *\n * Allows to group pluralised messages under a single key when passing\n * translations to a component's constructor\n *\n * @internal\n * @typedef {object} TranslationPluralForms\n * @property {string} [other] - General plural form\n * @property {string} [zero] - Plural form used with 0\n * @property {string} [one] - Plural form used with 1\n * @property {string} [two] - Plural form used with 2\n * @property {string} [few] - Plural form used for a few\n * @property {string} [many] - Plural form used for many\n */\n","import { closestAttributeValue } from '../../common/closest-attribute-value.mjs'\nimport {\n  validateConfig,\n  ConfigurableComponent,\n  configOverride\n} from '../../common/configuration.mjs'\nimport { formatErrorMessage } from '../../common/index.mjs'\nimport { ConfigError, ElementError } from '../../errors/index.mjs'\nimport { I18n } from '../../i18n.mjs'\n\n/**\n * Character count component\n *\n * Tracks the number of characters or words in the `.govuk-js-character-count`\n * `<textarea>` inside the element. Displays a message with the remaining number\n * of characters/words available, or the number of characters/words in excess.\n *\n * You can configure the message to only appear after a certain percentage\n * of the available characters/words has been entered.\n *\n * @preserve\n * @augments ConfigurableComponent<CharacterCountConfig>\n */\nexport class CharacterCount extends ConfigurableComponent {\n  /** @private */\n  $textarea\n\n  /** @private */\n  $visibleCountMessage\n\n  /** @private */\n  $screenReaderCountMessage\n\n  /**\n   * @private\n   * @type {number | null}\n   */\n  lastInputTimestamp = null\n\n  /** @private */\n  lastInputValue = ''\n\n  /**\n   * @private\n   * @type {number | null}\n   */\n  valueChecker = null\n\n  /** @private */\n  i18n\n\n  /** @private */\n  maxLength;\n\n  /**\n   * Character count config override\n   *\n   * To ensure data-attributes take complete precedence, even if they change\n   * the type of count, we need to reset the `maxlength` and `maxwords` from\n   * the JavaScript config.\n   *\n   * @internal\n   * @param {CharacterCountConfig} datasetConfig - configuration specified by dataset\n   * @returns {CharacterCountConfig} - configuration to override by dataset\n   */\n  [configOverride](datasetConfig) {\n    let configOverrides = {}\n    if ('maxwords' in datasetConfig || 'maxlength' in datasetConfig) {\n      configOverrides = {\n        maxlength: undefined,\n        maxwords: undefined\n      }\n    }\n\n    return configOverrides\n  }\n\n  /**\n   * @param {Element | null} $root - HTML element to use for character count\n   * @param {CharacterCountConfig} [config] - Character count config\n   */\n  constructor($root, config = {}) {\n    super($root, config)\n\n    const $textarea = this.$root.querySelector('.govuk-js-character-count')\n    if (\n      !(\n        $textarea instanceof HTMLTextAreaElement ||\n        $textarea instanceof HTMLInputElement\n      )\n    ) {\n      throw new ElementError({\n        component: CharacterCount,\n        element: $textarea,\n        expectedType: 'HTMLTextareaElement or HTMLInputElement',\n        identifier: 'Form field (`.govuk-js-character-count`)'\n      })\n    }\n\n    // Check for valid config\n    const errors = validateConfig(CharacterCount.schema, this.config)\n    if (errors[0]) {\n      throw new ConfigError(formatErrorMessage(CharacterCount, errors[0]))\n    }\n\n    this.i18n = new I18n(this.config.i18n, {\n      // Read the fallback if necessary rather than have it set in the defaults\n      locale: closestAttributeValue(this.$root, 'lang')\n    })\n\n    // Determine the limit attribute (characters or words)\n    this.maxLength = this.config.maxwords ?? this.config.maxlength ?? Infinity\n\n    this.$textarea = $textarea\n\n    const textareaDescriptionId = `${this.$textarea.id}-info`\n    const $textareaDescription = document.getElementById(textareaDescriptionId)\n    if (!$textareaDescription) {\n      throw new ElementError({\n        component: CharacterCount,\n        element: $textareaDescription,\n        identifier: `Count message (\\`id=\"${textareaDescriptionId}\"\\`)`\n      })\n    }\n\n    // Pre-existing validation error rendered from server\n    this.$errorMessage = this.$root.querySelector('.govuk-error-message')\n\n    // Inject a description for the textarea if none is present already\n    // for when the component was rendered with no maxlength, maxwords\n    // nor custom textareaDescriptionText\n    // eslint-disable-next-line @typescript-eslint/prefer-regexp-exec\n    if ($textareaDescription.textContent.match(/^\\s*$/)) {\n      $textareaDescription.textContent = this.i18n.t('textareaDescription', {\n        count: this.maxLength\n      })\n    }\n\n    // Move the textarea description to be immediately after the textarea\n    // Kept for backwards compatibility\n    this.$textarea.insertAdjacentElement('afterend', $textareaDescription)\n\n    // Create the *screen reader* specific live-updating counter\n    // This doesn't need any styling classes, as it is never visible\n    const $screenReaderCountMessage = document.createElement('div')\n    $screenReaderCountMessage.className =\n      'govuk-character-count__sr-status govuk-visually-hidden'\n    $screenReaderCountMessage.setAttribute('aria-live', 'polite')\n    this.$screenReaderCountMessage = $screenReaderCountMessage\n    $textareaDescription.insertAdjacentElement(\n      'afterend',\n      $screenReaderCountMessage\n    )\n\n    // Create our live-updating counter element, copying the classes from the\n    // textarea description for backwards compatibility as these may have been\n    // configured\n    const $visibleCountMessage = document.createElement('div')\n    $visibleCountMessage.className = $textareaDescription.className\n    $visibleCountMessage.classList.add('govuk-character-count__status')\n    $visibleCountMessage.setAttribute('aria-hidden', 'true')\n    this.$visibleCountMessage = $visibleCountMessage\n    $textareaDescription.insertAdjacentElement('afterend', $visibleCountMessage)\n\n    // Hide the textarea description\n    $textareaDescription.classList.add('govuk-visually-hidden')\n\n    // Remove hard limit if set\n    this.$textarea.removeAttribute('maxlength')\n\n    this.bindChangeEvents()\n\n    // When the page is restored after navigating 'back' in some browsers the\n    // state of form controls is not restored until *after* the DOMContentLoaded\n    // event is fired, so we need to sync after the pageshow event.\n    window.addEventListener('pageshow', () => this.updateCountMessage())\n\n    // Although we've set up handlers to sync state on the pageshow event, init\n    // could be called after those events have fired, for example if they are\n    // added to the page dynamically, so update now too.\n    this.updateCountMessage()\n  }\n\n  /**\n   * Bind change events\n   *\n   * Set up event listeners on the $textarea so that the count messages update\n   * when the user types.\n   *\n   * @private\n   */\n  bindChangeEvents() {\n    this.$textarea.addEventListener('keyup', () => this.handleKeyUp())\n\n    // Bind focus/blur events to start/stop polling\n    this.$textarea.addEventListener('focus', () => this.handleFocus())\n    this.$textarea.addEventListener('blur', () => this.handleBlur())\n  }\n\n  /**\n   * Handle key up event\n   *\n   * Update the visible character counter and keep track of when the last update\n   * happened for each keypress\n   *\n   * @private\n   */\n  handleKeyUp() {\n    this.updateVisibleCountMessage()\n    this.lastInputTimestamp = Date.now()\n  }\n\n  /**\n   * Handle focus event\n   *\n   * Speech recognition software such as Dragon NaturallySpeaking will modify\n   * the fields by directly changing its `value`. These changes don't trigger\n   * events in JavaScript, so we need to poll to handle when and if they occur.\n   *\n   * Once the keyup event hasn't been detected for at least 1000 ms (1s), check\n   * if the textarea value has changed and update the count message if it has.\n   *\n   * This is so that the update triggered by the manual comparison doesn't\n   * conflict with debounced KeyboardEvent updates.\n   *\n   * @private\n   */\n  handleFocus() {\n    this.valueChecker = window.setInterval(() => {\n      if (\n        !this.lastInputTimestamp ||\n        Date.now() - 500 >= this.lastInputTimestamp\n      ) {\n        this.updateIfValueChanged()\n      }\n    }, 1000)\n  }\n\n  /**\n   * Handle blur event\n   *\n   * Stop checking the textarea value once the textarea no longer has focus\n   *\n   * @private\n   */\n  handleBlur() {\n    // Cancel value checking on blur\n    if (this.valueChecker) {\n      window.clearInterval(this.valueChecker)\n    }\n  }\n\n  /**\n   * Update count message if textarea value has changed\n   *\n   * @private\n   */\n  updateIfValueChanged() {\n    if (this.$textarea.value !== this.lastInputValue) {\n      this.lastInputValue = this.$textarea.value\n      this.updateCountMessage()\n    }\n  }\n\n  /**\n   * Update count message\n   *\n   * Helper function to update both the visible and screen reader-specific\n   * counters simultaneously (e.g. on init)\n   *\n   * @private\n   */\n  updateCountMessage() {\n    this.updateVisibleCountMessage()\n    this.updateScreenReaderCountMessage()\n  }\n\n  /**\n   * Update visible count message\n   *\n   * @private\n   */\n  updateVisibleCountMessage() {\n    const remainingNumber = this.maxLength - this.count(this.$textarea.value)\n    const isError = remainingNumber < 0\n\n    // If input is over the threshold, remove the disabled class which renders\n    // the counter invisible.\n    this.$visibleCountMessage.classList.toggle(\n      'govuk-character-count__message--disabled',\n      !this.isOverThreshold()\n    )\n\n    // Update styles\n    if (!this.$errorMessage) {\n      // Only toggle the textarea error class if there isn't an error message\n      // already, as it may be unrelated to the limit (eg: allowed characters)\n      // and would set the border colour back to black.\n      this.$textarea.classList.toggle('govuk-textarea--error', isError)\n    }\n    this.$visibleCountMessage.classList.toggle('govuk-error-message', isError)\n    this.$visibleCountMessage.classList.toggle('govuk-hint', !isError)\n\n    // Update message\n    this.$visibleCountMessage.textContent = this.getCountMessage()\n  }\n\n  /**\n   * Update screen reader count message\n   *\n   * @private\n   */\n  updateScreenReaderCountMessage() {\n    // If over the threshold, remove the aria-hidden attribute, allowing screen\n    // readers to announce the content of the element.\n    if (this.isOverThreshold()) {\n      this.$screenReaderCountMessage.removeAttribute('aria-hidden')\n    } else {\n      this.$screenReaderCountMessage.setAttribute('aria-hidden', 'true')\n    }\n\n    // Update message\n    this.$screenReaderCountMessage.textContent = this.getCountMessage()\n  }\n\n  /**\n   * Count the number of characters (or words, if `config.maxwords` is set)\n   * in the given text\n   *\n   * @private\n   * @param {string} text - The text to count the characters of\n   * @returns {number} the number of characters (or words) in the text\n   */\n  count(text) {\n    if (this.config.maxwords) {\n      const tokens = text.match(/\\S+/g) ?? [] // Matches consecutive non-whitespace chars\n      return tokens.length\n    }\n\n    return text.length\n  }\n\n  /**\n   * Get count message\n   *\n   * @private\n   * @returns {string} Status message\n   */\n  getCountMessage() {\n    const remainingNumber = this.maxLength - this.count(this.$textarea.value)\n    const countType = this.config.maxwords ? 'words' : 'characters'\n    return this.formatCountMessage(remainingNumber, countType)\n  }\n\n  /**\n   * Formats the message shown to users according to what's counted\n   * and how many remain\n   *\n   * @private\n   * @param {number} remainingNumber - The number of words/characaters remaining\n   * @param {string} countType - \"words\" or \"characters\"\n   * @returns {string} Status message\n   */\n  formatCountMessage(remainingNumber, countType) {\n    if (remainingNumber === 0) {\n      return this.i18n.t(`${countType}AtLimit`)\n    }\n\n    const translationKeySuffix =\n      remainingNumber < 0 ? 'OverLimit' : 'UnderLimit'\n\n    return this.i18n.t(`${countType}${translationKeySuffix}`, {\n      count: Math.abs(remainingNumber)\n    })\n  }\n\n  /**\n   * Check if count is over threshold\n   *\n   * Checks whether the value is over the configured threshold for the input.\n   * If there is no configured threshold, it is set to 0 and this function will\n   * always return true.\n   *\n   * @private\n   * @returns {boolean} true if the current count is over the config.threshold\n   *   (or no threshold is set)\n   */\n  isOverThreshold() {\n    // No threshold means we're always above threshold so save some computation\n    if (!this.config.threshold) {\n      return true\n    }\n\n    // Determine the remaining number of characters/words\n    const currentLength = this.count(this.$textarea.value)\n    const maxLength = this.maxLength\n\n    const thresholdValue = (maxLength * this.config.threshold) / 100\n\n    return thresholdValue <= currentLength\n  }\n\n  /**\n   * Name for the component used when initialising using data-module attributes.\n   */\n  static moduleName = 'govuk-character-count'\n\n  /**\n   * Character count default config\n   *\n   * @see {@link CharacterCountConfig}\n   * @constant\n   * @type {CharacterCountConfig}\n   */\n  static defaults = Object.freeze({\n    threshold: 0,\n    i18n: {\n      // Characters\n      charactersUnderLimit: {\n        one: 'You have %{count} character remaining',\n        other: 'You have %{count} characters remaining'\n      },\n      charactersAtLimit: 'You have 0 characters remaining',\n      charactersOverLimit: {\n        one: 'You have %{count} character too many',\n        other: 'You have %{count} characters too many'\n      },\n      // Words\n      wordsUnderLimit: {\n        one: 'You have %{count} word remaining',\n        other: 'You have %{count} words remaining'\n      },\n      wordsAtLimit: 'You have 0 words remaining',\n      wordsOverLimit: {\n        one: 'You have %{count} word too many',\n        other: 'You have %{count} words too many'\n      },\n      textareaDescription: {\n        other: ''\n      }\n    }\n  })\n\n  /**\n   * Character count config schema\n   *\n   * @constant\n   * @satisfies {Schema<CharacterCountConfig>}\n   */\n  static schema = Object.freeze({\n    properties: {\n      i18n: { type: 'object' },\n      maxwords: { type: 'number' },\n      maxlength: { type: 'number' },\n      threshold: { type: 'number' }\n    },\n    anyOf: [\n      {\n        required: ['maxwords'],\n        errorMessage: 'Either \"maxlength\" or \"maxwords\" must be provided'\n      },\n      {\n        required: ['maxlength'],\n        errorMessage: 'Either \"maxlength\" or \"maxwords\" must be provided'\n      }\n    ]\n  })\n}\n\n/**\n * Character count config\n *\n * @see {@link CharacterCount.defaults}\n * @typedef {object} CharacterCountConfig\n * @property {number} [maxlength] - The maximum number of characters.\n *   If maxwords is provided, the maxlength option will be ignored.\n * @property {number} [maxwords] - The maximum number of words. If maxwords is\n *   provided, the maxlength option will be ignored.\n * @property {number} [threshold=0] - The percentage value of the limit at\n *   which point the count message is displayed. If this attribute is set, the\n *   count message will be hidden by default.\n * @property {CharacterCountTranslations} [i18n=CharacterCount.defaults.i18n] - Character count translations\n */\n\n/**\n * Character count translations\n *\n * @see {@link CharacterCount.defaults.i18n}\n * @typedef {object} CharacterCountTranslations\n *\n * Messages shown to users as they type. It provides feedback on how many words\n * or characters they have remaining or if they are over the limit. This also\n * includes a message used as an accessible description for the textarea.\n * @property {TranslationPluralForms} [charactersUnderLimit] - Message displayed\n *   when the number of characters is under the configured maximum, `maxlength`.\n *   This message is displayed visually and through assistive technologies. The\n *   component will replace the `%{count}` placeholder with the number of\n *   remaining characters. This is a [pluralised list of\n *   messages](https://frontend.design-system.service.gov.uk/localise-govuk-frontend).\n * @property {string} [charactersAtLimit] - Message displayed when the number of\n *   characters reaches the configured maximum, `maxlength`. This message is\n *   displayed visually and through assistive technologies.\n * @property {TranslationPluralForms} [charactersOverLimit] - Message displayed\n *   when the number of characters is over the configured maximum, `maxlength`.\n *   This message is displayed visually and through assistive technologies. The\n *   component will replace the `%{count}` placeholder with the number of\n *   remaining characters. This is a [pluralised list of\n *   messages](https://frontend.design-system.service.gov.uk/localise-govuk-frontend).\n * @property {TranslationPluralForms} [wordsUnderLimit] - Message displayed when\n *   the number of words is under the configured maximum, `maxlength`. This\n *   message is displayed visually and through assistive technologies. The\n *   component will replace the `%{count}` placeholder with the number of\n *   remaining words. This is a [pluralised list of\n *   messages](https://frontend.design-system.service.gov.uk/localise-govuk-frontend).\n * @property {string} [wordsAtLimit] - Message displayed when the number of\n *   words reaches the configured maximum, `maxlength`. This message is\n *   displayed visually and through assistive technologies.\n * @property {TranslationPluralForms} [wordsOverLimit] - Message displayed when\n *   the number of words is over the configured maximum, `maxlength`. This\n *   message is displayed visually and through assistive technologies. The\n *   component will replace the `%{count}` placeholder with the number of\n *   remaining words. This is a [pluralised list of\n *   messages](https://frontend.design-system.service.gov.uk/localise-govuk-frontend).\n * @property {TranslationPluralForms} [textareaDescription] - Message made\n *   available to assistive technologies, if none is already present in the\n *   HTML, to describe that the component accepts only a limited amount of\n *   content. It is visible on the page when JavaScript is unavailable. The\n *   component will replace the `%{count}` placeholder with the value of the\n *   `maxlength` or `maxwords` parameter.\n */\n\n/**\n * @import { Schema } from '../../common/configuration.mjs'\n * @import { TranslationPluralForms } from '../../i18n.mjs'\n */\n"],"names":["closestAttributeValue","$element","attributeName","$closestElementWithAttribute","closest","getAttribute","isInitialised","$root","moduleName","HTMLElement","hasAttribute","isSupported","$scope","document","body","classList","contains","isArray","option","Array","isObject","formatErrorMessage","Component","message","GOVUKFrontendError","Error","constructor","args","name","SupportError","supportMessage","HTMLScriptElement","prototype","ConfigError","ElementError","messageOrOptions","component","identifier","element","expectedType","InitError","componentOrMessage","_$root","childConstructor","elementType","checkSupport","checkInitialised","setAttribute","configOverride","Symbol","for","ConfigurableComponent","param","config","_config","defaults","datasetConfig","normaliseDataset","dataset","mergeConfigs","normaliseString","value","property","trimmedValue","trim","output","outputType","type","includes","length","isFinite","Number","schema","out","entries","Object","properties","entry","namespace","field","toString","extractConfigByNamespace","configObjects","formattedConfigObject","configObject","key","keys","override","validateConfig","validationErrors","conditions","errors","required","errorMessage","every","push","newObject","current","keyParts","split","index","I18n","translations","_config$locale","locale","documentElement","lang","t","lookupKey","options","translation","count","translationPluralForm","getPluralSuffix","match","replacePlaceholders","translationString","formatter","Intl","NumberFormat","supportedLocalesOf","undefined","replace","placeholderWithBraces","placeholderKey","hasOwnProperty","call","placeholderValue","format","hasIntlPluralRulesSupport","Boolean","window","PluralRules","preferredForm","select","console","warn","CharacterCount","configOverrides","maxlength","maxwords","_ref","_this$config$maxwords","$textarea","$visibleCountMessage","$screenReaderCountMessage","lastInputTimestamp","lastInputValue","valueChecker","i18n","maxLength","querySelector","HTMLTextAreaElement","HTMLInputElement","Infinity","textareaDescriptionId","id","$textareaDescription","getElementById","$errorMessage","textContent","insertAdjacentElement","createElement","className","add","removeAttribute","bindChangeEvents","addEventListener","updateCountMessage","handleKeyUp","handleFocus","handleBlur","updateVisibleCountMessage","Date","now","setInterval","updateIfValueChanged","clearInterval","updateScreenReaderCountMessage","remainingNumber","isError","toggle","isOverThreshold","getCountMessage","text","_text$match","tokens","countType","formatCountMessage","translationKeySuffix","Math","abs","threshold","currentLength","thresholdValue","freeze","charactersUnderLimit","one","other","charactersAtLimit","charactersOverLimit","wordsUnderLimit","wordsAtLimit","wordsOverLimit","textareaDescription","anyOf"],"mappings":"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"}
\ No newline at end of file
diff --git a/app/templates/govuk/components/components/character-count/character-count.bundle.mjs b/app/templates/govuk/components/components/character-count/character-count.bundle.mjs
new file mode 100644
index 0000000..df4f4ca
--- /dev/null
+++ b/app/templates/govuk/components/components/character-count/character-count.bundle.mjs
@@ -0,0 +1,675 @@
+function closestAttributeValue($element, attributeName) {
+  const $closestElementWithAttribute = $element.closest(`[${attributeName}]`);
+  return $closestElementWithAttribute ? $closestElementWithAttribute.getAttribute(attributeName) : null;
+}
+
+function isInitialised($root, moduleName) {
+  return $root instanceof HTMLElement && $root.hasAttribute(`data-${moduleName}-init`);
+}
+
+/**
+ * Checks if GOV.UK Frontend is supported on this page
+ *
+ * Some browsers will load and run our JavaScript but GOV.UK Frontend
+ * won't be supported.
+ *
+ * @param {HTMLElement | null} [$scope] - (internal) `<body>` HTML element checked for browser support
+ * @returns {boolean} Whether GOV.UK Frontend is supported on this page
+ */
+function isSupported($scope = document.body) {
+  if (!$scope) {
+    return false;
+  }
+  return $scope.classList.contains('govuk-frontend-supported');
+}
+function isArray(option) {
+  return Array.isArray(option);
+}
+function isObject(option) {
+  return !!option && typeof option === 'object' && !isArray(option);
+}
+function formatErrorMessage(Component, message) {
+  return `${Component.moduleName}: ${message}`;
+}
+/**
+ * @typedef ComponentWithModuleName
+ * @property {string} moduleName - Name of the component
+ */
+
+class GOVUKFrontendError extends Error {
+  constructor(...args) {
+    super(...args);
+    this.name = 'GOVUKFrontendError';
+  }
+}
+class SupportError extends GOVUKFrontendError {
+  /**
+   * Checks if GOV.UK Frontend is supported on this page
+   *
+   * @param {HTMLElement | null} [$scope] - HTML element `<body>` checked for browser support
+   */
+  constructor($scope = document.body) {
+    const supportMessage = 'noModule' in HTMLScriptElement.prototype ? 'GOV.UK Frontend initialised without `<body class="govuk-frontend-supported">` from template `<script>` snippet' : 'GOV.UK Frontend is not supported in this browser';
+    super($scope ? supportMessage : 'GOV.UK Frontend initialised without `<script type="module">`');
+    this.name = 'SupportError';
+  }
+}
+class ConfigError extends GOVUKFrontendError {
+  constructor(...args) {
+    super(...args);
+    this.name = 'ConfigError';
+  }
+}
+class ElementError extends GOVUKFrontendError {
+  constructor(messageOrOptions) {
+    let message = typeof messageOrOptions === 'string' ? messageOrOptions : '';
+    if (isObject(messageOrOptions)) {
+      const {
+        component,
+        identifier,
+        element,
+        expectedType
+      } = messageOrOptions;
+      message = identifier;
+      message += element ? ` is not of type ${expectedType != null ? expectedType : 'HTMLElement'}` : ' not found';
+      if (component) {
+        message = formatErrorMessage(component, message);
+      }
+    }
+    super(message);
+    this.name = 'ElementError';
+  }
+}
+class InitError extends GOVUKFrontendError {
+  constructor(componentOrMessage) {
+    const message = typeof componentOrMessage === 'string' ? componentOrMessage : formatErrorMessage(componentOrMessage, `Root element (\`$root\`) already initialised`);
+    super(message);
+    this.name = 'InitError';
+  }
+}
+/**
+ * @import { ComponentWithModuleName } from '../common/index.mjs'
+ */
+
+class Component {
+  /**
+   * Returns the root element of the component
+   *
+   * @protected
+   * @returns {RootElementType} - the root element of component
+   */
+  get $root() {
+    return this._$root;
+  }
+  constructor($root) {
+    this._$root = void 0;
+    const childConstructor = this.constructor;
+    if (typeof childConstructor.moduleName !== 'string') {
+      throw new InitError(`\`moduleName\` not defined in component`);
+    }
+    if (!($root instanceof childConstructor.elementType)) {
+      throw new ElementError({
+        element: $root,
+        component: childConstructor,
+        identifier: 'Root element (`$root`)',
+        expectedType: childConstructor.elementType.name
+      });
+    } else {
+      this._$root = $root;
+    }
+    childConstructor.checkSupport();
+    this.checkInitialised();
+    const moduleName = childConstructor.moduleName;
+    this.$root.setAttribute(`data-${moduleName}-init`, '');
+  }
+  checkInitialised() {
+    const constructor = this.constructor;
+    const moduleName = constructor.moduleName;
+    if (moduleName && isInitialised(this.$root, moduleName)) {
+      throw new InitError(constructor);
+    }
+  }
+  static checkSupport() {
+    if (!isSupported()) {
+      throw new SupportError();
+    }
+  }
+}
+
+/**
+ * @typedef ChildClass
+ * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component
+ */
+
+/**
+ * @typedef {typeof Component & ChildClass} ChildClassConstructor
+ */
+Component.elementType = HTMLElement;
+
+const configOverride = Symbol.for('configOverride');
+class ConfigurableComponent extends Component {
+  [configOverride](param) {
+    return {};
+  }
+
+  /**
+   * Returns the root element of the component
+   *
+   * @protected
+   * @returns {ConfigurationType} - the root element of component
+   */
+  get config() {
+    return this._config;
+  }
+  constructor($root, config) {
+    super($root);
+    this._config = void 0;
+    const childConstructor = this.constructor;
+    if (!isObject(childConstructor.defaults)) {
+      throw new ConfigError(formatErrorMessage(childConstructor, 'Config passed as parameter into constructor but no defaults defined'));
+    }
+    const datasetConfig = normaliseDataset(childConstructor, this._$root.dataset);
+    this._config = mergeConfigs(childConstructor.defaults, config != null ? config : {}, this[configOverride](datasetConfig), datasetConfig);
+  }
+}
+function normaliseString(value, property) {
+  const trimmedValue = value ? value.trim() : '';
+  let output;
+  let outputType = property == null ? void 0 : property.type;
+  if (!outputType) {
+    if (['true', 'false'].includes(trimmedValue)) {
+      outputType = 'boolean';
+    }
+    if (trimmedValue.length > 0 && isFinite(Number(trimmedValue))) {
+      outputType = 'number';
+    }
+  }
+  switch (outputType) {
+    case 'boolean':
+      output = trimmedValue === 'true';
+      break;
+    case 'number':
+      output = Number(trimmedValue);
+      break;
+    default:
+      output = value;
+  }
+  return output;
+}
+function normaliseDataset(Component, dataset) {
+  if (!isObject(Component.schema)) {
+    throw new ConfigError(formatErrorMessage(Component, 'Config passed as parameter into constructor but no schema defined'));
+  }
+  const out = {};
+  const entries = Object.entries(Component.schema.properties);
+  for (const entry of entries) {
+    const [namespace, property] = entry;
+    const field = namespace.toString();
+    if (field in dataset) {
+      out[field] = normaliseString(dataset[field], property);
+    }
+    if ((property == null ? void 0 : property.type) === 'object') {
+      out[field] = extractConfigByNamespace(Component.schema, dataset, namespace);
+    }
+  }
+  return out;
+}
+function mergeConfigs(...configObjects) {
+  const formattedConfigObject = {};
+  for (const configObject of configObjects) {
+    for (const key of Object.keys(configObject)) {
+      const option = formattedConfigObject[key];
+      const override = configObject[key];
+      if (isObject(option) && isObject(override)) {
+        formattedConfigObject[key] = mergeConfigs(option, override);
+      } else {
+        formattedConfigObject[key] = override;
+      }
+    }
+  }
+  return formattedConfigObject;
+}
+function validateConfig(schema, config) {
+  const validationErrors = [];
+  for (const [name, conditions] of Object.entries(schema)) {
+    const errors = [];
+    if (Array.isArray(conditions)) {
+      for (const {
+        required,
+        errorMessage
+      } of conditions) {
+        if (!required.every(key => !!config[key])) {
+          errors.push(errorMessage);
+        }
+      }
+      if (name === 'anyOf' && !(conditions.length - errors.length >= 1)) {
+        validationErrors.push(...errors);
+      }
+    }
+  }
+  return validationErrors;
+}
+function extractConfigByNamespace(schema, dataset, namespace) {
+  const property = schema.properties[namespace];
+  if ((property == null ? void 0 : property.type) !== 'object') {
+    return;
+  }
+  const newObject = {
+    [namespace]: {}
+  };
+  for (const [key, value] of Object.entries(dataset)) {
+    let current = newObject;
+    const keyParts = key.split('.');
+    for (const [index, name] of keyParts.entries()) {
+      if (isObject(current)) {
+        if (index < keyParts.length - 1) {
+          if (!isObject(current[name])) {
+            current[name] = {};
+          }
+          current = current[name];
+        } else if (key !== namespace) {
+          current[name] = normaliseString(value);
+        }
+      }
+    }
+  }
+  return newObject[namespace];
+}
+/**
+ * Schema for component config
+ *
+ * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType
+ * @typedef {object} Schema
+ * @property {Record<keyof ConfigurationType, SchemaProperty | undefined>} properties - Schema properties
+ * @property {SchemaCondition<ConfigurationType>[]} [anyOf] - List of schema conditions
+ */
+/**
+ * Schema property for component config
+ *
+ * @typedef {object} SchemaProperty
+ * @property {'string' | 'boolean' | 'number' | 'object'} type - Property type
+ */
+/**
+ * Schema condition for component config
+ *
+ * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType
+ * @typedef {object} SchemaCondition
+ * @property {(keyof ConfigurationType)[]} required - List of required config fields
+ * @property {string} errorMessage - Error message when required config fields not provided
+ */
+/**
+ * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]
+ * @typedef ChildClass
+ * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component
+ * @property {Schema<ConfigurationType>} [schema] - The schema of the component configuration
+ * @property {ConfigurationType} [defaults] - The default values of the configuration of the component
+ */
+/**
+ * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]
+ * @typedef {typeof Component & ChildClass<ConfigurationType>} ChildClassConstructor<ConfigurationType>
+ */
+/**
+ * @import { CompatibleClass, Config, CreateAllOptions, OnErrorCallback } from '../init.mjs'
+ */
+
+class I18n {
+  constructor(translations = {}, config = {}) {
+    var _config$locale;
+    this.translations = void 0;
+    this.locale = void 0;
+    this.translations = translations;
+    this.locale = (_config$locale = config.locale) != null ? _config$locale : document.documentElement.lang || 'en';
+  }
+  t(lookupKey, options) {
+    if (!lookupKey) {
+      throw new Error('i18n: lookup key missing');
+    }
+    let translation = this.translations[lookupKey];
+    if (typeof (options == null ? void 0 : options.count) === 'number' && isObject(translation)) {
+      const translationPluralForm = translation[this.getPluralSuffix(lookupKey, options.count)];
+      if (translationPluralForm) {
+        translation = translationPluralForm;
+      }
+    }
+    if (typeof translation === 'string') {
+      if (translation.match(/%{(.\S+)}/)) {
+        if (!options) {
+          throw new Error('i18n: cannot replace placeholders in string if no option data provided');
+        }
+        return this.replacePlaceholders(translation, options);
+      }
+      return translation;
+    }
+    return lookupKey;
+  }
+  replacePlaceholders(translationString, options) {
+    const formatter = Intl.NumberFormat.supportedLocalesOf(this.locale).length ? new Intl.NumberFormat(this.locale) : undefined;
+    return translationString.replace(/%{(.\S+)}/g, function (placeholderWithBraces, placeholderKey) {
+      if (Object.prototype.hasOwnProperty.call(options, placeholderKey)) {
+        const placeholderValue = options[placeholderKey];
+        if (placeholderValue === false || typeof placeholderValue !== 'number' && typeof placeholderValue !== 'string') {
+          return '';
+        }
+        if (typeof placeholderValue === 'number') {
+          return formatter ? formatter.format(placeholderValue) : `${placeholderValue}`;
+        }
+        return placeholderValue;
+      }
+      throw new Error(`i18n: no data found to replace ${placeholderWithBraces} placeholder in string`);
+    });
+  }
+  hasIntlPluralRulesSupport() {
+    return Boolean('PluralRules' in window.Intl && Intl.PluralRules.supportedLocalesOf(this.locale).length);
+  }
+  getPluralSuffix(lookupKey, count) {
+    count = Number(count);
+    if (!isFinite(count)) {
+      return 'other';
+    }
+    const translation = this.translations[lookupKey];
+    const preferredForm = this.hasIntlPluralRulesSupport() ? new Intl.PluralRules(this.locale).select(count) : 'other';
+    if (isObject(translation)) {
+      if (preferredForm in translation) {
+        return preferredForm;
+      } else if ('other' in translation) {
+        console.warn(`i18n: Missing plural form ".${preferredForm}" for "${this.locale}" locale. Falling back to ".other".`);
+        return 'other';
+      }
+    }
+    throw new Error(`i18n: Plural form ".other" is required for "${this.locale}" locale`);
+  }
+}
+
+/**
+ * Character count component
+ *
+ * Tracks the number of characters or words in the `.govuk-js-character-count`
+ * `<textarea>` inside the element. Displays a message with the remaining number
+ * of characters/words available, or the number of characters/words in excess.
+ *
+ * You can configure the message to only appear after a certain percentage
+ * of the available characters/words has been entered.
+ *
+ * @preserve
+ * @augments ConfigurableComponent<CharacterCountConfig>
+ */
+class CharacterCount extends ConfigurableComponent {
+  [configOverride](datasetConfig) {
+    let configOverrides = {};
+    if ('maxwords' in datasetConfig || 'maxlength' in datasetConfig) {
+      configOverrides = {
+        maxlength: undefined,
+        maxwords: undefined
+      };
+    }
+    return configOverrides;
+  }
+
+  /**
+   * @param {Element | null} $root - HTML element to use for character count
+   * @param {CharacterCountConfig} [config] - Character count config
+   */
+  constructor($root, config = {}) {
+    var _ref, _this$config$maxwords;
+    super($root, config);
+    this.$textarea = void 0;
+    this.$visibleCountMessage = void 0;
+    this.$screenReaderCountMessage = void 0;
+    this.lastInputTimestamp = null;
+    this.lastInputValue = '';
+    this.valueChecker = null;
+    this.i18n = void 0;
+    this.maxLength = void 0;
+    const $textarea = this.$root.querySelector('.govuk-js-character-count');
+    if (!($textarea instanceof HTMLTextAreaElement || $textarea instanceof HTMLInputElement)) {
+      throw new ElementError({
+        component: CharacterCount,
+        element: $textarea,
+        expectedType: 'HTMLTextareaElement or HTMLInputElement',
+        identifier: 'Form field (`.govuk-js-character-count`)'
+      });
+    }
+    const errors = validateConfig(CharacterCount.schema, this.config);
+    if (errors[0]) {
+      throw new ConfigError(formatErrorMessage(CharacterCount, errors[0]));
+    }
+    this.i18n = new I18n(this.config.i18n, {
+      locale: closestAttributeValue(this.$root, 'lang')
+    });
+    this.maxLength = (_ref = (_this$config$maxwords = this.config.maxwords) != null ? _this$config$maxwords : this.config.maxlength) != null ? _ref : Infinity;
+    this.$textarea = $textarea;
+    const textareaDescriptionId = `${this.$textarea.id}-info`;
+    const $textareaDescription = document.getElementById(textareaDescriptionId);
+    if (!$textareaDescription) {
+      throw new ElementError({
+        component: CharacterCount,
+        element: $textareaDescription,
+        identifier: `Count message (\`id="${textareaDescriptionId}"\`)`
+      });
+    }
+    this.$errorMessage = this.$root.querySelector('.govuk-error-message');
+    if ($textareaDescription.textContent.match(/^\s*$/)) {
+      $textareaDescription.textContent = this.i18n.t('textareaDescription', {
+        count: this.maxLength
+      });
+    }
+    this.$textarea.insertAdjacentElement('afterend', $textareaDescription);
+    const $screenReaderCountMessage = document.createElement('div');
+    $screenReaderCountMessage.className = 'govuk-character-count__sr-status govuk-visually-hidden';
+    $screenReaderCountMessage.setAttribute('aria-live', 'polite');
+    this.$screenReaderCountMessage = $screenReaderCountMessage;
+    $textareaDescription.insertAdjacentElement('afterend', $screenReaderCountMessage);
+    const $visibleCountMessage = document.createElement('div');
+    $visibleCountMessage.className = $textareaDescription.className;
+    $visibleCountMessage.classList.add('govuk-character-count__status');
+    $visibleCountMessage.setAttribute('aria-hidden', 'true');
+    this.$visibleCountMessage = $visibleCountMessage;
+    $textareaDescription.insertAdjacentElement('afterend', $visibleCountMessage);
+    $textareaDescription.classList.add('govuk-visually-hidden');
+    this.$textarea.removeAttribute('maxlength');
+    this.bindChangeEvents();
+    window.addEventListener('pageshow', () => this.updateCountMessage());
+    this.updateCountMessage();
+  }
+  bindChangeEvents() {
+    this.$textarea.addEventListener('keyup', () => this.handleKeyUp());
+    this.$textarea.addEventListener('focus', () => this.handleFocus());
+    this.$textarea.addEventListener('blur', () => this.handleBlur());
+  }
+  handleKeyUp() {
+    this.updateVisibleCountMessage();
+    this.lastInputTimestamp = Date.now();
+  }
+  handleFocus() {
+    this.valueChecker = window.setInterval(() => {
+      if (!this.lastInputTimestamp || Date.now() - 500 >= this.lastInputTimestamp) {
+        this.updateIfValueChanged();
+      }
+    }, 1000);
+  }
+  handleBlur() {
+    if (this.valueChecker) {
+      window.clearInterval(this.valueChecker);
+    }
+  }
+  updateIfValueChanged() {
+    if (this.$textarea.value !== this.lastInputValue) {
+      this.lastInputValue = this.$textarea.value;
+      this.updateCountMessage();
+    }
+  }
+  updateCountMessage() {
+    this.updateVisibleCountMessage();
+    this.updateScreenReaderCountMessage();
+  }
+  updateVisibleCountMessage() {
+    const remainingNumber = this.maxLength - this.count(this.$textarea.value);
+    const isError = remainingNumber < 0;
+    this.$visibleCountMessage.classList.toggle('govuk-character-count__message--disabled', !this.isOverThreshold());
+    if (!this.$errorMessage) {
+      this.$textarea.classList.toggle('govuk-textarea--error', isError);
+    }
+    this.$visibleCountMessage.classList.toggle('govuk-error-message', isError);
+    this.$visibleCountMessage.classList.toggle('govuk-hint', !isError);
+    this.$visibleCountMessage.textContent = this.getCountMessage();
+  }
+  updateScreenReaderCountMessage() {
+    if (this.isOverThreshold()) {
+      this.$screenReaderCountMessage.removeAttribute('aria-hidden');
+    } else {
+      this.$screenReaderCountMessage.setAttribute('aria-hidden', 'true');
+    }
+    this.$screenReaderCountMessage.textContent = this.getCountMessage();
+  }
+  count(text) {
+    if (this.config.maxwords) {
+      var _text$match;
+      const tokens = (_text$match = text.match(/\S+/g)) != null ? _text$match : [];
+      return tokens.length;
+    }
+    return text.length;
+  }
+  getCountMessage() {
+    const remainingNumber = this.maxLength - this.count(this.$textarea.value);
+    const countType = this.config.maxwords ? 'words' : 'characters';
+    return this.formatCountMessage(remainingNumber, countType);
+  }
+  formatCountMessage(remainingNumber, countType) {
+    if (remainingNumber === 0) {
+      return this.i18n.t(`${countType}AtLimit`);
+    }
+    const translationKeySuffix = remainingNumber < 0 ? 'OverLimit' : 'UnderLimit';
+    return this.i18n.t(`${countType}${translationKeySuffix}`, {
+      count: Math.abs(remainingNumber)
+    });
+  }
+  isOverThreshold() {
+    if (!this.config.threshold) {
+      return true;
+    }
+    const currentLength = this.count(this.$textarea.value);
+    const maxLength = this.maxLength;
+    const thresholdValue = maxLength * this.config.threshold / 100;
+    return thresholdValue <= currentLength;
+  }
+}
+
+/**
+ * Character count config
+ *
+ * @see {@link CharacterCount.defaults}
+ * @typedef {object} CharacterCountConfig
+ * @property {number} [maxlength] - The maximum number of characters.
+ *   If maxwords is provided, the maxlength option will be ignored.
+ * @property {number} [maxwords] - The maximum number of words. If maxwords is
+ *   provided, the maxlength option will be ignored.
+ * @property {number} [threshold=0] - The percentage value of the limit at
+ *   which point the count message is displayed. If this attribute is set, the
+ *   count message will be hidden by default.
+ * @property {CharacterCountTranslations} [i18n=CharacterCount.defaults.i18n] - Character count translations
+ */
+
+/**
+ * Character count translations
+ *
+ * @see {@link CharacterCount.defaults.i18n}
+ * @typedef {object} CharacterCountTranslations
+ *
+ * Messages shown to users as they type. It provides feedback on how many words
+ * or characters they have remaining or if they are over the limit. This also
+ * includes a message used as an accessible description for the textarea.
+ * @property {TranslationPluralForms} [charactersUnderLimit] - Message displayed
+ *   when the number of characters is under the configured maximum, `maxlength`.
+ *   This message is displayed visually and through assistive technologies. The
+ *   component will replace the `%{count}` placeholder with the number of
+ *   remaining characters. This is a [pluralised list of
+ *   messages](https://frontend.design-system.service.gov.uk/localise-govuk-frontend).
+ * @property {string} [charactersAtLimit] - Message displayed when the number of
+ *   characters reaches the configured maximum, `maxlength`. This message is
+ *   displayed visually and through assistive technologies.
+ * @property {TranslationPluralForms} [charactersOverLimit] - Message displayed
+ *   when the number of characters is over the configured maximum, `maxlength`.
+ *   This message is displayed visually and through assistive technologies. The
+ *   component will replace the `%{count}` placeholder with the number of
+ *   remaining characters. This is a [pluralised list of
+ *   messages](https://frontend.design-system.service.gov.uk/localise-govuk-frontend).
+ * @property {TranslationPluralForms} [wordsUnderLimit] - Message displayed when
+ *   the number of words is under the configured maximum, `maxlength`. This
+ *   message is displayed visually and through assistive technologies. The
+ *   component will replace the `%{count}` placeholder with the number of
+ *   remaining words. This is a [pluralised list of
+ *   messages](https://frontend.design-system.service.gov.uk/localise-govuk-frontend).
+ * @property {string} [wordsAtLimit] - Message displayed when the number of
+ *   words reaches the configured maximum, `maxlength`. This message is
+ *   displayed visually and through assistive technologies.
+ * @property {TranslationPluralForms} [wordsOverLimit] - Message displayed when
+ *   the number of words is over the configured maximum, `maxlength`. This
+ *   message is displayed visually and through assistive technologies. The
+ *   component will replace the `%{count}` placeholder with the number of
+ *   remaining words. This is a [pluralised list of
+ *   messages](https://frontend.design-system.service.gov.uk/localise-govuk-frontend).
+ * @property {TranslationPluralForms} [textareaDescription] - Message made
+ *   available to assistive technologies, if none is already present in the
+ *   HTML, to describe that the component accepts only a limited amount of
+ *   content. It is visible on the page when JavaScript is unavailable. The
+ *   component will replace the `%{count}` placeholder with the value of the
+ *   `maxlength` or `maxwords` parameter.
+ */
+
+/**
+ * @import { Schema } from '../../common/configuration.mjs'
+ * @import { TranslationPluralForms } from '../../i18n.mjs'
+ */
+CharacterCount.moduleName = 'govuk-character-count';
+CharacterCount.defaults = Object.freeze({
+  threshold: 0,
+  i18n: {
+    charactersUnderLimit: {
+      one: 'You have %{count} character remaining',
+      other: 'You have %{count} characters remaining'
+    },
+    charactersAtLimit: 'You have 0 characters remaining',
+    charactersOverLimit: {
+      one: 'You have %{count} character too many',
+      other: 'You have %{count} characters too many'
+    },
+    wordsUnderLimit: {
+      one: 'You have %{count} word remaining',
+      other: 'You have %{count} words remaining'
+    },
+    wordsAtLimit: 'You have 0 words remaining',
+    wordsOverLimit: {
+      one: 'You have %{count} word too many',
+      other: 'You have %{count} words too many'
+    },
+    textareaDescription: {
+      other: ''
+    }
+  }
+});
+CharacterCount.schema = Object.freeze({
+  properties: {
+    i18n: {
+      type: 'object'
+    },
+    maxwords: {
+      type: 'number'
+    },
+    maxlength: {
+      type: 'number'
+    },
+    threshold: {
+      type: 'number'
+    }
+  },
+  anyOf: [{
+    required: ['maxwords'],
+    errorMessage: 'Either "maxlength" or "maxwords" must be provided'
+  }, {
+    required: ['maxlength'],
+    errorMessage: 'Either "maxlength" or "maxwords" must be provided'
+  }]
+});
+
+export { CharacterCount };
+//# sourceMappingURL=character-count.bundle.mjs.map
diff --git a/app/templates/govuk/components/components/character-count/character-count.bundle.mjs.map b/app/templates/govuk/components/components/character-count/character-count.bundle.mjs.map
new file mode 100644
index 0000000..cff3409
--- /dev/null
+++ b/app/templates/govuk/components/components/character-count/character-count.bundle.mjs.map
@@ -0,0 +1 @@
+{"version":3,"file":"character-count.bundle.mjs","sources":["../../../../src/govuk/common/closest-attribute-value.mjs","../../../../src/govuk/common/index.mjs","../../../../src/govuk/errors/index.mjs","../../../../src/govuk/component.mjs","../../../../src/govuk/common/configuration.mjs","../../../../src/govuk/i18n.mjs","../../../../src/govuk/components/character-count/character-count.mjs"],"sourcesContent":["/**\n * Returns the value of the given attribute closest to the given element (including itself)\n *\n * @internal\n * @param {Element} $element - The element to start walking the DOM tree up\n * @param {string} attributeName - The name of the attribute\n * @returns {string | null} Attribute value\n */\nexport function closestAttributeValue($element, attributeName) {\n  const $closestElementWithAttribute = $element.closest(`[${attributeName}]`)\n  return $closestElementWithAttribute\n    ? $closestElementWithAttribute.getAttribute(attributeName)\n    : null\n}\n","/**\n * Common helpers which do not require polyfill.\n *\n * IMPORTANT: If a helper require a polyfill, please isolate it in its own module\n * so that the polyfill can be properly tree-shaken and does not burden\n * the components that do not need that helper\n */\n\n/**\n * Get GOV.UK Frontend breakpoint value from CSS custom property\n *\n * @private\n * @param {string} name - Breakpoint name\n * @returns {{ property: string, value?: string }} Breakpoint object\n */\nexport function getBreakpoint(name) {\n  const property = `--govuk-breakpoint-${name}`\n\n  // Get value from `<html>` with breakpoints on CSS :root\n  const value = window\n    .getComputedStyle(document.documentElement)\n    .getPropertyValue(property)\n\n  return {\n    property,\n    value: value || undefined\n  }\n}\n\n/**\n * Move focus to element\n *\n * Sets tabindex to -1 to make the element programmatically focusable,\n * but removes it on blur as the element doesn't need to be focused again.\n *\n * @private\n * @template {HTMLElement} FocusElement\n * @param {FocusElement} $element - HTML element\n * @param {object} [options] - Handler options\n * @param {function(this: FocusElement): void} [options.onBeforeFocus] - Callback before focus\n * @param {function(this: FocusElement): void} [options.onBlur] - Callback on blur\n */\nexport function setFocus($element, options = {}) {\n  const isFocusable = $element.getAttribute('tabindex')\n\n  if (!isFocusable) {\n    $element.setAttribute('tabindex', '-1')\n  }\n\n  /**\n   * Handle element focus\n   */\n  function onFocus() {\n    $element.addEventListener('blur', onBlur, { once: true })\n  }\n\n  /**\n   * Handle element blur\n   */\n  function onBlur() {\n    options.onBlur?.call($element)\n\n    if (!isFocusable) {\n      $element.removeAttribute('tabindex')\n    }\n  }\n\n  // Add listener to reset element on blur, after focus\n  $element.addEventListener('focus', onFocus, { once: true })\n\n  // Focus element\n  options.onBeforeFocus?.call($element)\n  $element.focus()\n}\n\n/**\n * Checks if component is already initialised\n *\n * @internal\n * @param {Element} $root - HTML element to be checked\n * @param {string} moduleName - name of component module\n * @returns {boolean} Whether component is already initialised\n */\nexport function isInitialised($root, moduleName) {\n  return (\n    $root instanceof HTMLElement &&\n    $root.hasAttribute(`data-${moduleName}-init`)\n  )\n}\n\n/**\n * Checks if GOV.UK Frontend is supported on this page\n *\n * Some browsers will load and run our JavaScript but GOV.UK Frontend\n * won't be supported.\n *\n * @param {HTMLElement | null} [$scope] - (internal) `<body>` HTML element checked for browser support\n * @returns {boolean} Whether GOV.UK Frontend is supported on this page\n */\nexport function isSupported($scope = document.body) {\n  if (!$scope) {\n    return false\n  }\n\n  return $scope.classList.contains('govuk-frontend-supported')\n}\n\n/**\n * Check for an array\n *\n * @internal\n * @param {unknown} option - Option to check\n * @returns {boolean} Whether the option is an array\n */\nfunction isArray(option) {\n  return Array.isArray(option)\n}\n\n/**\n * Check for an object\n *\n * @internal\n * @template {Partial<Record<keyof ObjectType, unknown>>} ObjectType\n * @param {unknown | ObjectType} option - Option to check\n * @returns {option is ObjectType} Whether the option is an object\n */\nexport function isObject(option) {\n  return !!option && typeof option === 'object' && !isArray(option)\n}\n\n/**\n * Check for valid scope\n *\n * @internal\n * @template {Element | Document} ScopeType\n * @param {unknown | ScopeType} $scope - Scope of the document to search within\n * @returns {$scope is ScopeType} Whether the scope can be queried\n */\nexport function isScope($scope) {\n  return !!$scope && ($scope instanceof Element || $scope instanceof Document)\n}\n\n/**\n * Format error message\n *\n * @internal\n * @param {ComponentWithModuleName} Component - Component that threw the error\n * @param {string} message - Error message\n * @returns {string} - Formatted error message\n */\nexport function formatErrorMessage(Component, message) {\n  return `${Component.moduleName}: ${message}`\n}\n\n/* eslint-disable jsdoc/valid-types --\n * `{new(...args: any[] ): object}` is not recognised as valid\n * https://github.com/gajus/eslint-plugin-jsdoc/issues/145#issuecomment-1308722878\n * https://github.com/jsdoc-type-pratt-parser/jsdoc-type-pratt-parser/issues/131\n **/\n\n/**\n * @typedef ComponentWithModuleName\n * @property {string} moduleName - Name of the component\n */\n\n/* eslint-enable jsdoc/valid-types */\n","import { formatErrorMessage, isObject } from '../common/index.mjs'\n\n/**\n * GOV.UK Frontend error\n *\n * A base class for `Error`s thrown by GOV.UK Frontend.\n *\n * It is meant to be extended into specific types of errors\n * to be thrown by our code.\n *\n * @example\n * ```js\n * class MissingRootError extends GOVUKFrontendError {\n *   // Setting an explicit name is important as extending the class will not\n *   // set a new `name` on the subclass. The `name` property is important\n *   // to ensure intelligible error names even if the class name gets\n *   // mangled by a minifier\n *   name = \"MissingRootError\"\n * }\n * ```\n * @virtual\n */\nexport class GOVUKFrontendError extends Error {\n  name = 'GOVUKFrontendError'\n}\n\n/**\n * Indicates that GOV.UK Frontend is not supported\n */\nexport class SupportError extends GOVUKFrontendError {\n  name = 'SupportError'\n\n  /**\n   * Checks if GOV.UK Frontend is supported on this page\n   *\n   * @param {HTMLElement | null} [$scope] - HTML element `<body>` checked for browser support\n   */\n  constructor($scope = document.body) {\n    const supportMessage =\n      'noModule' in HTMLScriptElement.prototype\n        ? 'GOV.UK Frontend initialised without `<body class=\"govuk-frontend-supported\">` from template `<script>` snippet'\n        : 'GOV.UK Frontend is not supported in this browser'\n\n    super(\n      $scope\n        ? supportMessage\n        : 'GOV.UK Frontend initialised without `<script type=\"module\">`'\n    )\n  }\n}\n\n/**\n * Indicates that a component has received an illegal configuration\n */\nexport class ConfigError extends GOVUKFrontendError {\n  name = 'ConfigError'\n}\n\n/**\n * Indicates an issue with an element (possibly `null` or `undefined`)\n */\nexport class ElementError extends GOVUKFrontendError {\n  name = 'ElementError'\n\n  /**\n   * @internal\n   * @overload\n   * @param {string} message - Element error message\n   */\n\n  /**\n   * @internal\n   * @overload\n   * @param {ElementErrorOptions} options - Element error options\n   */\n\n  /**\n   * @internal\n   * @param {string | ElementErrorOptions} messageOrOptions - Element error message or options\n   */\n  constructor(messageOrOptions) {\n    let message = typeof messageOrOptions === 'string' ? messageOrOptions : ''\n\n    // Build message from options\n    if (isObject(messageOrOptions)) {\n      const { component, identifier, element, expectedType } = messageOrOptions\n\n      message = identifier\n\n      // Append reason\n      message += element\n        ? ` is not of type ${expectedType ?? 'HTMLElement'}`\n        : ' not found'\n\n      // Prepend with module name (optional)\n      if (component) {\n        message = formatErrorMessage(component, message)\n      }\n    }\n\n    super(message)\n  }\n}\n\n/**\n * Indicates that a component is already initialised\n */\nexport class InitError extends GOVUKFrontendError {\n  name = 'InitError'\n\n  /**\n   * @internal\n   * @param {ComponentWithModuleName | string} componentOrMessage - name of the component module\n   */\n  constructor(componentOrMessage) {\n    const message =\n      typeof componentOrMessage === 'string'\n        ? componentOrMessage\n        : formatErrorMessage(\n            componentOrMessage,\n            `Root element (\\`$root\\`) already initialised`\n          )\n\n    super(message)\n  }\n}\n\n/**\n * Element error options\n *\n * @internal\n * @typedef {object} ElementErrorOptions\n * @property {Element | Document | null} [element] - The element in error (optional)\n * @property {ComponentWithModuleName} [component] - Component throwing the error (optional)\n * @property {string} identifier - An identifier that'll let the user understand which element has an error. This is whatever makes the most sense\n * @property {string} [expectedType] - The type that was expected for the identifier (optional)\n */\n\n/**\n * @import { ComponentWithModuleName } from '../common/index.mjs'\n */\n","import { isInitialised, isSupported } from './common/index.mjs'\nimport { ElementError, InitError, SupportError } from './errors/index.mjs'\n\n/**\n * Base Component class\n *\n * Centralises the behaviours shared by our components\n *\n * @virtual\n * @template {Element} [RootElementType=HTMLElement]\n */\nexport class Component {\n  /**\n   * @type {typeof Element}\n   */\n  static elementType = HTMLElement\n\n  // allows Typescript user to work around the lack of types\n  // in GOVUKFrontend package, Typescript is not aware of $root\n  // in components that extend GOVUKFrontendComponent\n  /**\n   * Returns the root element of the component\n   *\n   * @protected\n   * @returns {RootElementType} - the root element of component\n   */\n  get $root() {\n    return this._$root\n  }\n\n  /**\n   * @protected\n   * @type {RootElementType}\n   */\n  _$root\n\n  /**\n   * Constructs a new component, validating that GOV.UK Frontend is supported\n   *\n   * @internal\n   * @param {Element | null} [$root] - HTML element to use for component\n   */\n  constructor($root) {\n    const childConstructor = /** @type {ChildClassConstructor} */ (\n      this.constructor\n    )\n\n    // TypeScript does not enforce that inheriting classes will define a `moduleName`\n    // (even if we add a `@virtual` `static moduleName` property to this class).\n    // While we trust users to do this correctly, we do a little check to provide them\n    // a helpful error message.\n    //\n    // After this, we'll be sure that `childConstructor` has a `moduleName`\n    // as expected of the `ChildClassConstructor` we've cast `this.constructor` to.\n    if (typeof childConstructor.moduleName !== 'string') {\n      throw new InitError(`\\`moduleName\\` not defined in component`)\n    }\n\n    if (!($root instanceof childConstructor.elementType)) {\n      throw new ElementError({\n        element: $root,\n        component: childConstructor,\n        identifier: 'Root element (`$root`)',\n        expectedType: childConstructor.elementType.name\n      })\n    } else {\n      this._$root = /** @type {RootElementType} */ ($root)\n    }\n\n    childConstructor.checkSupport()\n\n    this.checkInitialised()\n\n    const moduleName = childConstructor.moduleName\n\n    this.$root.setAttribute(`data-${moduleName}-init`, '')\n  }\n\n  /**\n   * Validates whether component is already initialised\n   *\n   * @private\n   * @throws {InitError} when component is already initialised\n   */\n  checkInitialised() {\n    const constructor = /** @type {ChildClassConstructor} */ (this.constructor)\n    const moduleName = constructor.moduleName\n\n    if (moduleName && isInitialised(this.$root, moduleName)) {\n      throw new InitError(constructor)\n    }\n  }\n\n  /**\n   * Validates whether components are supported\n   *\n   * @throws {SupportError} when the components are not supported\n   */\n  static checkSupport() {\n    if (!isSupported()) {\n      throw new SupportError()\n    }\n  }\n}\n\n/**\n * @typedef ChildClass\n * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component\n */\n\n/**\n * @typedef {typeof Component & ChildClass} ChildClassConstructor\n */\n","import { Component } from '../component.mjs'\nimport { ConfigError } from '../errors/index.mjs'\n\nimport { isObject, isScope, formatErrorMessage } from './index.mjs'\n\nexport const configOverride = Symbol.for('configOverride')\n\n/**\n * Base Component class\n *\n * Centralises the behaviours shared by our components\n *\n * @virtual\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]\n * @template {Element & { dataset: DOMStringMap }} [RootElementType=HTMLElement]\n * @augments Component<RootElementType>\n */\nexport class ConfigurableComponent extends Component {\n  /**\n   * configOverride\n   *\n   * Function which defines configuration overrides to prioritize\n   * properties from the root element's dataset.\n   *\n   * It should take a subset of configuration as input and return\n   * a new configuration object with properties that should be\n   * overridden based on the root element's dataset. A Symbol\n   * is used for indexing to prevent conflicts.\n   *\n   * @internal\n   * @virtual\n   * @param {Partial<ConfigurationType>} [param] - Configuration object\n   * @returns {Partial<ConfigurationType>} return - Configuration object\n   */\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  [configOverride](param) {\n    return {}\n  }\n\n  /**\n   * Returns the root element of the component\n   *\n   * @protected\n   * @returns {ConfigurationType} - the root element of component\n   */\n  get config() {\n    return this._config\n  }\n\n  /**\n   *\n   * @type {ConfigurationType}\n   */\n  _config\n\n  /**\n   * Constructs a new component, validating that GOV.UK Frontend is supported\n   *\n   * @internal\n   * @param {Element | null} [$root] - HTML element to use for component\n   * @param {ConfigurationType} [config] - HTML element to use for component\n   */\n  constructor($root, config) {\n    super($root)\n\n    const childConstructor =\n      /** @type {ChildClassConstructor<ConfigurationType>} */ (this.constructor)\n\n    if (!isObject(childConstructor.defaults)) {\n      throw new ConfigError(\n        formatErrorMessage(\n          childConstructor,\n          'Config passed as parameter into constructor but no defaults defined'\n        )\n      )\n    }\n\n    const datasetConfig = /** @type {ConfigurationType} */ (\n      normaliseDataset(childConstructor, this._$root.dataset)\n    )\n\n    this._config = /** @type {ConfigurationType} */ (\n      mergeConfigs(\n        childConstructor.defaults,\n        config ?? {},\n        this[configOverride](datasetConfig),\n        datasetConfig\n      )\n    )\n  }\n}\n\n/**\n * Normalise string\n *\n * 'If it looks like a duck, and it quacks like a duck…' 🦆\n *\n * If the passed value looks like a boolean or a number, convert it to a boolean\n * or number.\n *\n * Designed to be used to convert config passed via data attributes (which are\n * always strings) into something sensible.\n *\n * @internal\n * @param {DOMStringMap[string]} value - The value to normalise\n * @param {SchemaProperty} [property] - Component schema property\n * @returns {string | boolean | number | undefined} Normalised data\n */\nexport function normaliseString(value, property) {\n  const trimmedValue = value ? value.trim() : ''\n\n  let output\n  let outputType = property?.type\n\n  // No schema type set? Determine automatically\n  if (!outputType) {\n    if (['true', 'false'].includes(trimmedValue)) {\n      outputType = 'boolean'\n    }\n\n    // Empty / whitespace-only strings are considered finite so we need to check\n    // the length of the trimmed string as well\n    if (trimmedValue.length > 0 && isFinite(Number(trimmedValue))) {\n      outputType = 'number'\n    }\n  }\n\n  switch (outputType) {\n    case 'boolean':\n      output = trimmedValue === 'true'\n      break\n\n    case 'number':\n      output = Number(trimmedValue)\n      break\n\n    default:\n      output = value\n  }\n\n  return output\n}\n\n/**\n * Normalise dataset\n *\n * Loop over an object and normalise each value using {@link normaliseString},\n * optionally expanding nested `i18n.field`\n *\n * @internal\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @template {[keyof ConfigurationType, SchemaProperty | undefined][]} SchemaEntryType\n * @param {{ schema?: Schema<ConfigurationType>, moduleName: string }} Component - Component class\n * @param {DOMStringMap} dataset - HTML element dataset\n * @returns {ObjectNested} Normalised dataset\n */\nexport function normaliseDataset(Component, dataset) {\n  if (!isObject(Component.schema)) {\n    throw new ConfigError(\n      formatErrorMessage(\n        Component,\n        'Config passed as parameter into constructor but no schema defined'\n      )\n    )\n  }\n\n  const out = /** @type {ObjectNested} */ ({})\n  const entries = /** @type {SchemaEntryType} */ (\n    Object.entries(Component.schema.properties)\n  )\n\n  // Normalise top-level dataset ('data-*') values using schema types\n  for (const entry of entries) {\n    const [namespace, property] = entry\n\n    // Cast the `namespace` to string so it can be used to access the dataset\n    const field = namespace.toString()\n\n    if (field in dataset) {\n      out[field] = normaliseString(dataset[field], property)\n    }\n\n    /**\n     * Extract and normalise nested object values automatically using\n     * {@link normaliseString} but only schema object types are allowed\n     */\n    if (property?.type === 'object') {\n      out[field] = extractConfigByNamespace(\n        Component.schema,\n        dataset,\n        namespace\n      )\n    }\n  }\n\n  return out\n}\n\n/**\n * Normalise options passed to `initAll` or `createAll`\n *\n * @internal\n * @template {CompatibleClass} ComponentClass\n * @param {Config | CreateAllOptions<ComponentClass> | OnErrorCallback<ComponentClass> | Element | Document | null} [scopeOrOptions] - Scope of the document to search within, initialisation options or error callback function\n * @returns {CreateAllOptions<ComponentClass>} Normalised options\n */\nexport function normaliseOptions(scopeOrOptions) {\n  let /** @type {Element | Document | null} */ $scope = document\n  let /** @type {OnErrorCallback<ComponentClass> | undefined} */ onError\n\n  // Handle options object\n  if (isObject(scopeOrOptions)) {\n    const options = scopeOrOptions\n\n    // Scope must be valid or null\n    if (isScope(options.scope) || options.scope === null) {\n      $scope = options.scope\n    }\n\n    // Error handler must be a function\n    if (typeof options.onError === 'function') {\n      onError = options.onError\n    }\n  }\n\n  if (isScope(scopeOrOptions)) {\n    $scope = scopeOrOptions\n  } else if (scopeOrOptions === null) {\n    $scope = null\n  } else if (typeof scopeOrOptions === 'function') {\n    onError = scopeOrOptions\n  }\n\n  return {\n    scope: $scope,\n    onError\n  }\n}\n\n/**\n * Config merging function\n *\n * Takes any number of objects and combines them together, with\n * greatest priority on the LAST item passed in.\n *\n * @internal\n * @param {...{ [key: string]: unknown }} configObjects - Config objects to merge\n * @returns {{ [key: string]: unknown }} A merged config object\n */\nexport function mergeConfigs(...configObjects) {\n  // Start with an empty object as our base\n  /** @type {{ [key: string]: unknown }} */\n  const formattedConfigObject = {}\n\n  // Loop through each of the passed objects\n  for (const configObject of configObjects) {\n    for (const key of Object.keys(configObject)) {\n      const option = formattedConfigObject[key]\n      const override = configObject[key]\n\n      // Push their keys one-by-one into formattedConfigObject. Any duplicate\n      // keys with object values will be merged, otherwise the new value will\n      // override the existing value.\n      if (isObject(option) && isObject(override)) {\n        formattedConfigObject[key] = mergeConfigs(option, override)\n      } else {\n        // Apply override\n        formattedConfigObject[key] = override\n      }\n    }\n  }\n\n  return formattedConfigObject\n}\n\n/**\n * Validate component config by schema\n *\n * Follows limited examples in JSON schema for wider support in future\n *\n * {@link https://ajv.js.org/json-schema.html#compound-keywords}\n * {@link https://ajv.js.org/packages/ajv-errors.html#single-message}\n *\n * @internal\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @param {Schema<ConfigurationType>} schema - The schema of a component\n * @param {ConfigurationType} config - Component config\n * @returns {string[]} List of validation errors\n */\nexport function validateConfig(schema, config) {\n  const validationErrors = []\n\n  // Check errors for each schema\n  for (const [name, conditions] of Object.entries(schema)) {\n    const errors = []\n\n    // Check errors for each schema condition\n    if (Array.isArray(conditions)) {\n      for (const { required, errorMessage } of conditions) {\n        if (!required.every((key) => !!config[key])) {\n          errors.push(errorMessage) // Missing config key value\n        }\n      }\n\n      // Check one condition passes or add errors\n      if (name === 'anyOf' && !(conditions.length - errors.length >= 1)) {\n        validationErrors.push(...errors)\n      }\n    }\n  }\n\n  return validationErrors\n}\n\n/**\n * Extracts keys starting with a particular namespace from dataset ('data-*')\n * object, removing the namespace in the process, normalising all values\n *\n * @internal\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @param {Schema<ConfigurationType>} schema - The schema of a component\n * @param {DOMStringMap} dataset - The object to extract key-value pairs from\n * @param {keyof ConfigurationType} namespace - The namespace to filter keys with\n * @returns {ObjectNested | undefined} Nested object with dot-separated key namespace removed\n */\nexport function extractConfigByNamespace(schema, dataset, namespace) {\n  const property = schema.properties[namespace]\n\n  // Only extract configs for object schema properties\n  if (property?.type !== 'object') {\n    return\n  }\n\n  // Add default empty config\n  const newObject = /** @type {Record<typeof namespace, ObjectNested>} */ ({\n    [namespace]: {}\n  })\n\n  for (const [key, value] of Object.entries(dataset)) {\n    /** @type {ObjectNested | ObjectNested[NestedKey]} */\n    let current = newObject\n\n    // Split the key into parts, using . as our namespace separator\n    const keyParts = key.split('.')\n\n    /**\n     * Create new level per part\n     *\n     * e.g. 'i18n.textareaDescription.other' becomes\n     * `{ i18n: { textareaDescription: { other } } }`\n     */\n    for (const [index, name] of keyParts.entries()) {\n      if (isObject(current)) {\n        // Drop down to nested object until the last part\n        if (index < keyParts.length - 1) {\n          // New nested object (optionally) replaces existing value\n          if (!isObject(current[name])) {\n            current[name] = {}\n          }\n\n          // Drop down into new or existing nested object\n          current = current[name]\n        } else if (key !== namespace) {\n          // Normalised value (optionally) replaces existing value\n          current[name] = normaliseString(value)\n        }\n      }\n    }\n  }\n\n  return newObject[namespace]\n}\n\n/**\n * @internal\n * @typedef {keyof ObjectNested} NestedKey\n * @typedef {{ [key: string]: string | boolean | number | ObjectNested | undefined }} ObjectNested\n */\n\n/**\n * Schema for component config\n *\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @typedef {object} Schema\n * @property {Record<keyof ConfigurationType, SchemaProperty | undefined>} properties - Schema properties\n * @property {SchemaCondition<ConfigurationType>[]} [anyOf] - List of schema conditions\n */\n\n/**\n * Schema property for component config\n *\n * @typedef {object} SchemaProperty\n * @property {'string' | 'boolean' | 'number' | 'object'} type - Property type\n */\n\n/**\n * Schema condition for component config\n *\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @typedef {object} SchemaCondition\n * @property {(keyof ConfigurationType)[]} required - List of required config fields\n * @property {string} errorMessage - Error message when required config fields not provided\n */\n\n/**\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]\n * @typedef ChildClass\n * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component\n * @property {Schema<ConfigurationType>} [schema] - The schema of the component configuration\n * @property {ConfigurationType} [defaults] - The default values of the configuration of the component\n */\n\n/**\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]\n * @typedef {typeof Component & ChildClass<ConfigurationType>} ChildClassConstructor<ConfigurationType>\n */\n\n/**\n * @import { CompatibleClass, Config, CreateAllOptions, OnErrorCallback } from '../init.mjs'\n */\n","import { isObject } from './common/index.mjs'\n\n/**\n * Internal support for selecting messages to render, with placeholder\n * interpolation and locale-aware number formatting and pluralisation\n *\n * @internal\n */\nexport class I18n {\n  translations\n  locale\n\n  /**\n   * @internal\n   * @param {{ [key: string]: string | TranslationPluralForms }} translations - Key-value pairs of the translation strings to use.\n   * @param {object} [config] - Configuration options for the function.\n   * @param {string | null} [config.locale] - An overriding locale for the PluralRules functionality.\n   */\n  constructor(translations = {}, config = {}) {\n    // Make list of translations available throughout function\n    this.translations = translations\n\n    // The locale to use for PluralRules and NumberFormat\n    this.locale = config.locale ?? (document.documentElement.lang || 'en')\n  }\n\n  /**\n   * The most used function - takes the key for a given piece of UI text and\n   * returns the appropriate string.\n   *\n   * @internal\n   * @param {string} lookupKey - The lookup key of the string to use.\n   * @param {{ [key: string]: unknown }} [options] - Any options passed with the translation string, e.g: for string interpolation.\n   * @returns {string} The appropriate translation string.\n   * @throws {Error} Lookup key required\n   * @throws {Error} Options required for `${}` placeholders\n   */\n  t(lookupKey, options) {\n    if (!lookupKey) {\n      // Print a console error if no lookup key has been provided\n      throw new Error('i18n: lookup key missing')\n    }\n\n    // Fetch the translation for that lookup key\n    let translation = this.translations[lookupKey]\n\n    // If the `count` option is set, determine which plural suffix is needed and\n    // change the lookupKey to match. We check to see if it's numeric instead of\n    // falsy, as this could legitimately be 0.\n    if (typeof options?.count === 'number' && isObject(translation)) {\n      const translationPluralForm =\n        translation[this.getPluralSuffix(lookupKey, options.count)]\n\n      // Update translation with plural suffix\n      if (translationPluralForm) {\n        translation = translationPluralForm\n      }\n    }\n\n    if (typeof translation === 'string') {\n      // Check for ${} placeholders in the translation string\n      // eslint-disable-next-line @typescript-eslint/prefer-regexp-exec\n      if (translation.match(/%{(.\\S+)}/)) {\n        if (!options) {\n          throw new Error(\n            'i18n: cannot replace placeholders in string if no option data provided'\n          )\n        }\n\n        return this.replacePlaceholders(translation, options)\n      }\n\n      return translation\n    }\n\n    // If the key wasn't found in our translations object,\n    // return the lookup key itself as the fallback\n    return lookupKey\n  }\n\n  /**\n   * Takes a translation string with placeholders, and replaces the placeholders\n   * with the provided data\n   *\n   * @internal\n   * @param {string} translationString - The translation string\n   * @param {{ [key: string]: unknown }} options - Any options passed with the translation string, e.g: for string interpolation.\n   * @returns {string} The translation string to output, with $\\{\\} placeholders replaced\n   */\n  replacePlaceholders(translationString, options) {\n    const formatter = Intl.NumberFormat.supportedLocalesOf(this.locale).length\n      ? new Intl.NumberFormat(this.locale)\n      : undefined\n\n    return translationString.replace(\n      /%{(.\\S+)}/g,\n\n      /**\n       * Replace translation string placeholders\n       *\n       * @internal\n       * @param {string} placeholderWithBraces - Placeholder with braces\n       * @param {string} placeholderKey - Placeholder key\n       * @returns {string} Placeholder value\n       */\n      function (placeholderWithBraces, placeholderKey) {\n        if (Object.prototype.hasOwnProperty.call(options, placeholderKey)) {\n          const placeholderValue = options[placeholderKey]\n\n          // If a user has passed `false` as the value for the placeholder\n          // treat it as though the value should not be displayed\n          if (\n            placeholderValue === false ||\n            (typeof placeholderValue !== 'number' &&\n              typeof placeholderValue !== 'string')\n          ) {\n            return ''\n          }\n\n          // If the placeholder's value is a number, localise the number formatting\n          if (typeof placeholderValue === 'number') {\n            return formatter\n              ? formatter.format(placeholderValue)\n              : `${placeholderValue}`\n          }\n\n          return placeholderValue\n        }\n\n        throw new Error(\n          `i18n: no data found to replace ${placeholderWithBraces} placeholder in string`\n        )\n      }\n    )\n  }\n\n  /**\n   * Check to see if the browser supports Intl.PluralRules\n   *\n   * It requires all conditions to be met in order to be supported:\n   * - The implementation of Intl supports PluralRules (NOT true in Safari 10–12)\n   * - The browser/OS has plural rules for the current locale (browser dependent)\n   *\n   * {@link https://browsersl.ist/#q=supports+es6-module+and+not+supports+intl-pluralrules}\n   *\n   * @internal\n   * @returns {boolean} Returns true if all conditions are met. Returns false otherwise.\n   */\n  hasIntlPluralRulesSupport() {\n    return Boolean(\n      'PluralRules' in window.Intl &&\n        Intl.PluralRules.supportedLocalesOf(this.locale).length\n    )\n  }\n\n  /**\n   * Get the appropriate suffix for the plural form.\n   *\n   * Uses Intl.PluralRules (or our own fallback implementation) to get the\n   * 'preferred' form to use for the given count.\n   *\n   * Checks that a translation has been provided for that plural form – if it\n   * hasn't, it'll fall back to the 'other' plural form (unless that doesn't exist\n   * either, in which case an error will be thrown)\n   *\n   * @internal\n   * @param {string} lookupKey - The lookup key of the string to use.\n   * @param {number} count - Number used to determine which pluralisation to use.\n   * @returns {PluralRule} The suffix associated with the correct pluralisation for this locale.\n   * @throws {Error} Plural form `.other` required when preferred plural form is missing\n   */\n  getPluralSuffix(lookupKey, count) {\n    // Validate that the number is actually a number.\n    //\n    // Number(count) will turn anything that can't be converted to a Number type\n    // into 'NaN'. isFinite filters out NaN, as it isn't a finite number.\n    // eslint-disable-next-line @typescript-eslint/no-unnecessary-type-conversion\n    count = Number(count)\n    if (!isFinite(count)) {\n      return 'other'\n    }\n\n    // Fetch the translation for that lookup key\n    const translation = this.translations[lookupKey]\n\n    // Check to verify that all the requirements for Intl.PluralRules are met.\n    // If so, we can use that instead of our custom implementation. Otherwise,\n    // use the hardcoded fallback.\n    const preferredForm = this.hasIntlPluralRulesSupport()\n      ? new Intl.PluralRules(this.locale).select(count)\n      : 'other'\n\n    // Use the correct plural form if provided\n    if (isObject(translation)) {\n      if (preferredForm in translation) {\n        return preferredForm\n        // Fall back to `other` if the plural form is missing, but log a warning\n        // to the console\n      } else if ('other' in translation) {\n        console.warn(\n          `i18n: Missing plural form \".${preferredForm}\" for \"${this.locale}\" locale. Falling back to \".other\".`\n        )\n\n        return 'other'\n      }\n    }\n\n    // If the required `other` plural form is missing, all we can do is error\n    throw new Error(\n      `i18n: Plural form \".other\" is required for \"${this.locale}\" locale`\n    )\n  }\n}\n\n/**\n * Plural rule category mnemonic tags\n *\n * @internal\n * @typedef {'zero' | 'one' | 'two' | 'few' | 'many' | 'other'} PluralRule\n */\n\n/**\n * Translated message by plural rule they correspond to.\n *\n * Allows to group pluralised messages under a single key when passing\n * translations to a component's constructor\n *\n * @internal\n * @typedef {object} TranslationPluralForms\n * @property {string} [other] - General plural form\n * @property {string} [zero] - Plural form used with 0\n * @property {string} [one] - Plural form used with 1\n * @property {string} [two] - Plural form used with 2\n * @property {string} [few] - Plural form used for a few\n * @property {string} [many] - Plural form used for many\n */\n","import { closestAttributeValue } from '../../common/closest-attribute-value.mjs'\nimport {\n  validateConfig,\n  ConfigurableComponent,\n  configOverride\n} from '../../common/configuration.mjs'\nimport { formatErrorMessage } from '../../common/index.mjs'\nimport { ConfigError, ElementError } from '../../errors/index.mjs'\nimport { I18n } from '../../i18n.mjs'\n\n/**\n * Character count component\n *\n * Tracks the number of characters or words in the `.govuk-js-character-count`\n * `<textarea>` inside the element. Displays a message with the remaining number\n * of characters/words available, or the number of characters/words in excess.\n *\n * You can configure the message to only appear after a certain percentage\n * of the available characters/words has been entered.\n *\n * @preserve\n * @augments ConfigurableComponent<CharacterCountConfig>\n */\nexport class CharacterCount extends ConfigurableComponent {\n  /** @private */\n  $textarea\n\n  /** @private */\n  $visibleCountMessage\n\n  /** @private */\n  $screenReaderCountMessage\n\n  /**\n   * @private\n   * @type {number | null}\n   */\n  lastInputTimestamp = null\n\n  /** @private */\n  lastInputValue = ''\n\n  /**\n   * @private\n   * @type {number | null}\n   */\n  valueChecker = null\n\n  /** @private */\n  i18n\n\n  /** @private */\n  maxLength;\n\n  /**\n   * Character count config override\n   *\n   * To ensure data-attributes take complete precedence, even if they change\n   * the type of count, we need to reset the `maxlength` and `maxwords` from\n   * the JavaScript config.\n   *\n   * @internal\n   * @param {CharacterCountConfig} datasetConfig - configuration specified by dataset\n   * @returns {CharacterCountConfig} - configuration to override by dataset\n   */\n  [configOverride](datasetConfig) {\n    let configOverrides = {}\n    if ('maxwords' in datasetConfig || 'maxlength' in datasetConfig) {\n      configOverrides = {\n        maxlength: undefined,\n        maxwords: undefined\n      }\n    }\n\n    return configOverrides\n  }\n\n  /**\n   * @param {Element | null} $root - HTML element to use for character count\n   * @param {CharacterCountConfig} [config] - Character count config\n   */\n  constructor($root, config = {}) {\n    super($root, config)\n\n    const $textarea = this.$root.querySelector('.govuk-js-character-count')\n    if (\n      !(\n        $textarea instanceof HTMLTextAreaElement ||\n        $textarea instanceof HTMLInputElement\n      )\n    ) {\n      throw new ElementError({\n        component: CharacterCount,\n        element: $textarea,\n        expectedType: 'HTMLTextareaElement or HTMLInputElement',\n        identifier: 'Form field (`.govuk-js-character-count`)'\n      })\n    }\n\n    // Check for valid config\n    const errors = validateConfig(CharacterCount.schema, this.config)\n    if (errors[0]) {\n      throw new ConfigError(formatErrorMessage(CharacterCount, errors[0]))\n    }\n\n    this.i18n = new I18n(this.config.i18n, {\n      // Read the fallback if necessary rather than have it set in the defaults\n      locale: closestAttributeValue(this.$root, 'lang')\n    })\n\n    // Determine the limit attribute (characters or words)\n    this.maxLength = this.config.maxwords ?? this.config.maxlength ?? Infinity\n\n    this.$textarea = $textarea\n\n    const textareaDescriptionId = `${this.$textarea.id}-info`\n    const $textareaDescription = document.getElementById(textareaDescriptionId)\n    if (!$textareaDescription) {\n      throw new ElementError({\n        component: CharacterCount,\n        element: $textareaDescription,\n        identifier: `Count message (\\`id=\"${textareaDescriptionId}\"\\`)`\n      })\n    }\n\n    // Pre-existing validation error rendered from server\n    this.$errorMessage = this.$root.querySelector('.govuk-error-message')\n\n    // Inject a description for the textarea if none is present already\n    // for when the component was rendered with no maxlength, maxwords\n    // nor custom textareaDescriptionText\n    // eslint-disable-next-line @typescript-eslint/prefer-regexp-exec\n    if ($textareaDescription.textContent.match(/^\\s*$/)) {\n      $textareaDescription.textContent = this.i18n.t('textareaDescription', {\n        count: this.maxLength\n      })\n    }\n\n    // Move the textarea description to be immediately after the textarea\n    // Kept for backwards compatibility\n    this.$textarea.insertAdjacentElement('afterend', $textareaDescription)\n\n    // Create the *screen reader* specific live-updating counter\n    // This doesn't need any styling classes, as it is never visible\n    const $screenReaderCountMessage = document.createElement('div')\n    $screenReaderCountMessage.className =\n      'govuk-character-count__sr-status govuk-visually-hidden'\n    $screenReaderCountMessage.setAttribute('aria-live', 'polite')\n    this.$screenReaderCountMessage = $screenReaderCountMessage\n    $textareaDescription.insertAdjacentElement(\n      'afterend',\n      $screenReaderCountMessage\n    )\n\n    // Create our live-updating counter element, copying the classes from the\n    // textarea description for backwards compatibility as these may have been\n    // configured\n    const $visibleCountMessage = document.createElement('div')\n    $visibleCountMessage.className = $textareaDescription.className\n    $visibleCountMessage.classList.add('govuk-character-count__status')\n    $visibleCountMessage.setAttribute('aria-hidden', 'true')\n    this.$visibleCountMessage = $visibleCountMessage\n    $textareaDescription.insertAdjacentElement('afterend', $visibleCountMessage)\n\n    // Hide the textarea description\n    $textareaDescription.classList.add('govuk-visually-hidden')\n\n    // Remove hard limit if set\n    this.$textarea.removeAttribute('maxlength')\n\n    this.bindChangeEvents()\n\n    // When the page is restored after navigating 'back' in some browsers the\n    // state of form controls is not restored until *after* the DOMContentLoaded\n    // event is fired, so we need to sync after the pageshow event.\n    window.addEventListener('pageshow', () => this.updateCountMessage())\n\n    // Although we've set up handlers to sync state on the pageshow event, init\n    // could be called after those events have fired, for example if they are\n    // added to the page dynamically, so update now too.\n    this.updateCountMessage()\n  }\n\n  /**\n   * Bind change events\n   *\n   * Set up event listeners on the $textarea so that the count messages update\n   * when the user types.\n   *\n   * @private\n   */\n  bindChangeEvents() {\n    this.$textarea.addEventListener('keyup', () => this.handleKeyUp())\n\n    // Bind focus/blur events to start/stop polling\n    this.$textarea.addEventListener('focus', () => this.handleFocus())\n    this.$textarea.addEventListener('blur', () => this.handleBlur())\n  }\n\n  /**\n   * Handle key up event\n   *\n   * Update the visible character counter and keep track of when the last update\n   * happened for each keypress\n   *\n   * @private\n   */\n  handleKeyUp() {\n    this.updateVisibleCountMessage()\n    this.lastInputTimestamp = Date.now()\n  }\n\n  /**\n   * Handle focus event\n   *\n   * Speech recognition software such as Dragon NaturallySpeaking will modify\n   * the fields by directly changing its `value`. These changes don't trigger\n   * events in JavaScript, so we need to poll to handle when and if they occur.\n   *\n   * Once the keyup event hasn't been detected for at least 1000 ms (1s), check\n   * if the textarea value has changed and update the count message if it has.\n   *\n   * This is so that the update triggered by the manual comparison doesn't\n   * conflict with debounced KeyboardEvent updates.\n   *\n   * @private\n   */\n  handleFocus() {\n    this.valueChecker = window.setInterval(() => {\n      if (\n        !this.lastInputTimestamp ||\n        Date.now() - 500 >= this.lastInputTimestamp\n      ) {\n        this.updateIfValueChanged()\n      }\n    }, 1000)\n  }\n\n  /**\n   * Handle blur event\n   *\n   * Stop checking the textarea value once the textarea no longer has focus\n   *\n   * @private\n   */\n  handleBlur() {\n    // Cancel value checking on blur\n    if (this.valueChecker) {\n      window.clearInterval(this.valueChecker)\n    }\n  }\n\n  /**\n   * Update count message if textarea value has changed\n   *\n   * @private\n   */\n  updateIfValueChanged() {\n    if (this.$textarea.value !== this.lastInputValue) {\n      this.lastInputValue = this.$textarea.value\n      this.updateCountMessage()\n    }\n  }\n\n  /**\n   * Update count message\n   *\n   * Helper function to update both the visible and screen reader-specific\n   * counters simultaneously (e.g. on init)\n   *\n   * @private\n   */\n  updateCountMessage() {\n    this.updateVisibleCountMessage()\n    this.updateScreenReaderCountMessage()\n  }\n\n  /**\n   * Update visible count message\n   *\n   * @private\n   */\n  updateVisibleCountMessage() {\n    const remainingNumber = this.maxLength - this.count(this.$textarea.value)\n    const isError = remainingNumber < 0\n\n    // If input is over the threshold, remove the disabled class which renders\n    // the counter invisible.\n    this.$visibleCountMessage.classList.toggle(\n      'govuk-character-count__message--disabled',\n      !this.isOverThreshold()\n    )\n\n    // Update styles\n    if (!this.$errorMessage) {\n      // Only toggle the textarea error class if there isn't an error message\n      // already, as it may be unrelated to the limit (eg: allowed characters)\n      // and would set the border colour back to black.\n      this.$textarea.classList.toggle('govuk-textarea--error', isError)\n    }\n    this.$visibleCountMessage.classList.toggle('govuk-error-message', isError)\n    this.$visibleCountMessage.classList.toggle('govuk-hint', !isError)\n\n    // Update message\n    this.$visibleCountMessage.textContent = this.getCountMessage()\n  }\n\n  /**\n   * Update screen reader count message\n   *\n   * @private\n   */\n  updateScreenReaderCountMessage() {\n    // If over the threshold, remove the aria-hidden attribute, allowing screen\n    // readers to announce the content of the element.\n    if (this.isOverThreshold()) {\n      this.$screenReaderCountMessage.removeAttribute('aria-hidden')\n    } else {\n      this.$screenReaderCountMessage.setAttribute('aria-hidden', 'true')\n    }\n\n    // Update message\n    this.$screenReaderCountMessage.textContent = this.getCountMessage()\n  }\n\n  /**\n   * Count the number of characters (or words, if `config.maxwords` is set)\n   * in the given text\n   *\n   * @private\n   * @param {string} text - The text to count the characters of\n   * @returns {number} the number of characters (or words) in the text\n   */\n  count(text) {\n    if (this.config.maxwords) {\n      const tokens = text.match(/\\S+/g) ?? [] // Matches consecutive non-whitespace chars\n      return tokens.length\n    }\n\n    return text.length\n  }\n\n  /**\n   * Get count message\n   *\n   * @private\n   * @returns {string} Status message\n   */\n  getCountMessage() {\n    const remainingNumber = this.maxLength - this.count(this.$textarea.value)\n    const countType = this.config.maxwords ? 'words' : 'characters'\n    return this.formatCountMessage(remainingNumber, countType)\n  }\n\n  /**\n   * Formats the message shown to users according to what's counted\n   * and how many remain\n   *\n   * @private\n   * @param {number} remainingNumber - The number of words/characaters remaining\n   * @param {string} countType - \"words\" or \"characters\"\n   * @returns {string} Status message\n   */\n  formatCountMessage(remainingNumber, countType) {\n    if (remainingNumber === 0) {\n      return this.i18n.t(`${countType}AtLimit`)\n    }\n\n    const translationKeySuffix =\n      remainingNumber < 0 ? 'OverLimit' : 'UnderLimit'\n\n    return this.i18n.t(`${countType}${translationKeySuffix}`, {\n      count: Math.abs(remainingNumber)\n    })\n  }\n\n  /**\n   * Check if count is over threshold\n   *\n   * Checks whether the value is over the configured threshold for the input.\n   * If there is no configured threshold, it is set to 0 and this function will\n   * always return true.\n   *\n   * @private\n   * @returns {boolean} true if the current count is over the config.threshold\n   *   (or no threshold is set)\n   */\n  isOverThreshold() {\n    // No threshold means we're always above threshold so save some computation\n    if (!this.config.threshold) {\n      return true\n    }\n\n    // Determine the remaining number of characters/words\n    const currentLength = this.count(this.$textarea.value)\n    const maxLength = this.maxLength\n\n    const thresholdValue = (maxLength * this.config.threshold) / 100\n\n    return thresholdValue <= currentLength\n  }\n\n  /**\n   * Name for the component used when initialising using data-module attributes.\n   */\n  static moduleName = 'govuk-character-count'\n\n  /**\n   * Character count default config\n   *\n   * @see {@link CharacterCountConfig}\n   * @constant\n   * @type {CharacterCountConfig}\n   */\n  static defaults = Object.freeze({\n    threshold: 0,\n    i18n: {\n      // Characters\n      charactersUnderLimit: {\n        one: 'You have %{count} character remaining',\n        other: 'You have %{count} characters remaining'\n      },\n      charactersAtLimit: 'You have 0 characters remaining',\n      charactersOverLimit: {\n        one: 'You have %{count} character too many',\n        other: 'You have %{count} characters too many'\n      },\n      // Words\n      wordsUnderLimit: {\n        one: 'You have %{count} word remaining',\n        other: 'You have %{count} words remaining'\n      },\n      wordsAtLimit: 'You have 0 words remaining',\n      wordsOverLimit: {\n        one: 'You have %{count} word too many',\n        other: 'You have %{count} words too many'\n      },\n      textareaDescription: {\n        other: ''\n      }\n    }\n  })\n\n  /**\n   * Character count config schema\n   *\n   * @constant\n   * @satisfies {Schema<CharacterCountConfig>}\n   */\n  static schema = Object.freeze({\n    properties: {\n      i18n: { type: 'object' },\n      maxwords: { type: 'number' },\n      maxlength: { type: 'number' },\n      threshold: { type: 'number' }\n    },\n    anyOf: [\n      {\n        required: ['maxwords'],\n        errorMessage: 'Either \"maxlength\" or \"maxwords\" must be provided'\n      },\n      {\n        required: ['maxlength'],\n        errorMessage: 'Either \"maxlength\" or \"maxwords\" must be provided'\n      }\n    ]\n  })\n}\n\n/**\n * Character count config\n *\n * @see {@link CharacterCount.defaults}\n * @typedef {object} CharacterCountConfig\n * @property {number} [maxlength] - The maximum number of characters.\n *   If maxwords is provided, the maxlength option will be ignored.\n * @property {number} [maxwords] - The maximum number of words. If maxwords is\n *   provided, the maxlength option will be ignored.\n * @property {number} [threshold=0] - The percentage value of the limit at\n *   which point the count message is displayed. If this attribute is set, the\n *   count message will be hidden by default.\n * @property {CharacterCountTranslations} [i18n=CharacterCount.defaults.i18n] - Character count translations\n */\n\n/**\n * Character count translations\n *\n * @see {@link CharacterCount.defaults.i18n}\n * @typedef {object} CharacterCountTranslations\n *\n * Messages shown to users as they type. It provides feedback on how many words\n * or characters they have remaining or if they are over the limit. This also\n * includes a message used as an accessible description for the textarea.\n * @property {TranslationPluralForms} [charactersUnderLimit] - Message displayed\n *   when the number of characters is under the configured maximum, `maxlength`.\n *   This message is displayed visually and through assistive technologies. The\n *   component will replace the `%{count}` placeholder with the number of\n *   remaining characters. This is a [pluralised list of\n *   messages](https://frontend.design-system.service.gov.uk/localise-govuk-frontend).\n * @property {string} [charactersAtLimit] - Message displayed when the number of\n *   characters reaches the configured maximum, `maxlength`. This message is\n *   displayed visually and through assistive technologies.\n * @property {TranslationPluralForms} [charactersOverLimit] - Message displayed\n *   when the number of characters is over the configured maximum, `maxlength`.\n *   This message is displayed visually and through assistive technologies. The\n *   component will replace the `%{count}` placeholder with the number of\n *   remaining characters. This is a [pluralised list of\n *   messages](https://frontend.design-system.service.gov.uk/localise-govuk-frontend).\n * @property {TranslationPluralForms} [wordsUnderLimit] - Message displayed when\n *   the number of words is under the configured maximum, `maxlength`. This\n *   message is displayed visually and through assistive technologies. The\n *   component will replace the `%{count}` placeholder with the number of\n *   remaining words. This is a [pluralised list of\n *   messages](https://frontend.design-system.service.gov.uk/localise-govuk-frontend).\n * @property {string} [wordsAtLimit] - Message displayed when the number of\n *   words reaches the configured maximum, `maxlength`. This message is\n *   displayed visually and through assistive technologies.\n * @property {TranslationPluralForms} [wordsOverLimit] - Message displayed when\n *   the number of words is over the configured maximum, `maxlength`. This\n *   message is displayed visually and through assistive technologies. The\n *   component will replace the `%{count}` placeholder with the number of\n *   remaining words. This is a [pluralised list of\n *   messages](https://frontend.design-system.service.gov.uk/localise-govuk-frontend).\n * @property {TranslationPluralForms} [textareaDescription] - Message made\n *   available to assistive technologies, if none is already present in the\n *   HTML, to describe that the component accepts only a limited amount of\n *   content. It is visible on the page when JavaScript is unavailable. The\n *   component will replace the `%{count}` placeholder with the value of the\n *   `maxlength` or `maxwords` parameter.\n */\n\n/**\n * @import { Schema } from '../../common/configuration.mjs'\n * @import { TranslationPluralForms } from '../../i18n.mjs'\n */\n"],"names":["closestAttributeValue","$element","attributeName","$closestElementWithAttribute","closest","getAttribute","isInitialised","$root","moduleName","HTMLElement","hasAttribute","isSupported","$scope","document","body","classList","contains","isArray","option","Array","isObject","formatErrorMessage","Component","message","GOVUKFrontendError","Error","constructor","args","name","SupportError","supportMessage","HTMLScriptElement","prototype","ConfigError","ElementError","messageOrOptions","component","identifier","element","expectedType","InitError","componentOrMessage","_$root","childConstructor","elementType","checkSupport","checkInitialised","setAttribute","configOverride","Symbol","for","ConfigurableComponent","param","config","_config","defaults","datasetConfig","normaliseDataset","dataset","mergeConfigs","normaliseString","value","property","trimmedValue","trim","output","outputType","type","includes","length","isFinite","Number","schema","out","entries","Object","properties","entry","namespace","field","toString","extractConfigByNamespace","configObjects","formattedConfigObject","configObject","key","keys","override","validateConfig","validationErrors","conditions","errors","required","errorMessage","every","push","newObject","current","keyParts","split","index","I18n","translations","_config$locale","locale","documentElement","lang","t","lookupKey","options","translation","count","translationPluralForm","getPluralSuffix","match","replacePlaceholders","translationString","formatter","Intl","NumberFormat","supportedLocalesOf","undefined","replace","placeholderWithBraces","placeholderKey","hasOwnProperty","call","placeholderValue","format","hasIntlPluralRulesSupport","Boolean","window","PluralRules","preferredForm","select","console","warn","CharacterCount","configOverrides","maxlength","maxwords","_ref","_this$config$maxwords","$textarea","$visibleCountMessage","$screenReaderCountMessage","lastInputTimestamp","lastInputValue","valueChecker","i18n","maxLength","querySelector","HTMLTextAreaElement","HTMLInputElement","Infinity","textareaDescriptionId","id","$textareaDescription","getElementById","$errorMessage","textContent","insertAdjacentElement","createElement","className","add","removeAttribute","bindChangeEvents","addEventListener","updateCountMessage","handleKeyUp","handleFocus","handleBlur","updateVisibleCountMessage","Date","now","setInterval","updateIfValueChanged","clearInterval","updateScreenReaderCountMessage","remainingNumber","isError","toggle","isOverThreshold","getCountMessage","text","_text$match","tokens","countType","formatCountMessage","translationKeySuffix","Math","abs","threshold","currentLength","thresholdValue","freeze","charactersUnderLimit","one","other","charactersAtLimit","charactersOverLimit","wordsUnderLimit","wordsAtLimit","wordsOverLimit","textareaDescription","anyOf"],"mappings":"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"}
\ No newline at end of file
diff --git a/app/templates/govuk/components/components/character-count/character-count.mjs b/app/templates/govuk/components/components/character-count/character-count.mjs
new file mode 100644
index 0000000..6466a96
--- /dev/null
+++ b/app/templates/govuk/components/components/character-count/character-count.mjs
@@ -0,0 +1,299 @@
+import { closestAttributeValue } from '../../common/closest-attribute-value.mjs';
+import { ConfigurableComponent, configOverride, validateConfig } from '../../common/configuration.mjs';
+import { formatErrorMessage } from '../../common/index.mjs';
+import { ElementError, ConfigError } from '../../errors/index.mjs';
+import { I18n } from '../../i18n.mjs';
+
+/**
+ * Character count component
+ *
+ * Tracks the number of characters or words in the `.govuk-js-character-count`
+ * `<textarea>` inside the element. Displays a message with the remaining number
+ * of characters/words available, or the number of characters/words in excess.
+ *
+ * You can configure the message to only appear after a certain percentage
+ * of the available characters/words has been entered.
+ *
+ * @preserve
+ * @augments ConfigurableComponent<CharacterCountConfig>
+ */
+class CharacterCount extends ConfigurableComponent {
+  [configOverride](datasetConfig) {
+    let configOverrides = {};
+    if ('maxwords' in datasetConfig || 'maxlength' in datasetConfig) {
+      configOverrides = {
+        maxlength: undefined,
+        maxwords: undefined
+      };
+    }
+    return configOverrides;
+  }
+
+  /**
+   * @param {Element | null} $root - HTML element to use for character count
+   * @param {CharacterCountConfig} [config] - Character count config
+   */
+  constructor($root, config = {}) {
+    var _ref, _this$config$maxwords;
+    super($root, config);
+    this.$textarea = void 0;
+    this.$visibleCountMessage = void 0;
+    this.$screenReaderCountMessage = void 0;
+    this.lastInputTimestamp = null;
+    this.lastInputValue = '';
+    this.valueChecker = null;
+    this.i18n = void 0;
+    this.maxLength = void 0;
+    const $textarea = this.$root.querySelector('.govuk-js-character-count');
+    if (!($textarea instanceof HTMLTextAreaElement || $textarea instanceof HTMLInputElement)) {
+      throw new ElementError({
+        component: CharacterCount,
+        element: $textarea,
+        expectedType: 'HTMLTextareaElement or HTMLInputElement',
+        identifier: 'Form field (`.govuk-js-character-count`)'
+      });
+    }
+    const errors = validateConfig(CharacterCount.schema, this.config);
+    if (errors[0]) {
+      throw new ConfigError(formatErrorMessage(CharacterCount, errors[0]));
+    }
+    this.i18n = new I18n(this.config.i18n, {
+      locale: closestAttributeValue(this.$root, 'lang')
+    });
+    this.maxLength = (_ref = (_this$config$maxwords = this.config.maxwords) != null ? _this$config$maxwords : this.config.maxlength) != null ? _ref : Infinity;
+    this.$textarea = $textarea;
+    const textareaDescriptionId = `${this.$textarea.id}-info`;
+    const $textareaDescription = document.getElementById(textareaDescriptionId);
+    if (!$textareaDescription) {
+      throw new ElementError({
+        component: CharacterCount,
+        element: $textareaDescription,
+        identifier: `Count message (\`id="${textareaDescriptionId}"\`)`
+      });
+    }
+    this.$errorMessage = this.$root.querySelector('.govuk-error-message');
+    if ($textareaDescription.textContent.match(/^\s*$/)) {
+      $textareaDescription.textContent = this.i18n.t('textareaDescription', {
+        count: this.maxLength
+      });
+    }
+    this.$textarea.insertAdjacentElement('afterend', $textareaDescription);
+    const $screenReaderCountMessage = document.createElement('div');
+    $screenReaderCountMessage.className = 'govuk-character-count__sr-status govuk-visually-hidden';
+    $screenReaderCountMessage.setAttribute('aria-live', 'polite');
+    this.$screenReaderCountMessage = $screenReaderCountMessage;
+    $textareaDescription.insertAdjacentElement('afterend', $screenReaderCountMessage);
+    const $visibleCountMessage = document.createElement('div');
+    $visibleCountMessage.className = $textareaDescription.className;
+    $visibleCountMessage.classList.add('govuk-character-count__status');
+    $visibleCountMessage.setAttribute('aria-hidden', 'true');
+    this.$visibleCountMessage = $visibleCountMessage;
+    $textareaDescription.insertAdjacentElement('afterend', $visibleCountMessage);
+    $textareaDescription.classList.add('govuk-visually-hidden');
+    this.$textarea.removeAttribute('maxlength');
+    this.bindChangeEvents();
+    window.addEventListener('pageshow', () => this.updateCountMessage());
+    this.updateCountMessage();
+  }
+  bindChangeEvents() {
+    this.$textarea.addEventListener('keyup', () => this.handleKeyUp());
+    this.$textarea.addEventListener('focus', () => this.handleFocus());
+    this.$textarea.addEventListener('blur', () => this.handleBlur());
+  }
+  handleKeyUp() {
+    this.updateVisibleCountMessage();
+    this.lastInputTimestamp = Date.now();
+  }
+  handleFocus() {
+    this.valueChecker = window.setInterval(() => {
+      if (!this.lastInputTimestamp || Date.now() - 500 >= this.lastInputTimestamp) {
+        this.updateIfValueChanged();
+      }
+    }, 1000);
+  }
+  handleBlur() {
+    if (this.valueChecker) {
+      window.clearInterval(this.valueChecker);
+    }
+  }
+  updateIfValueChanged() {
+    if (this.$textarea.value !== this.lastInputValue) {
+      this.lastInputValue = this.$textarea.value;
+      this.updateCountMessage();
+    }
+  }
+  updateCountMessage() {
+    this.updateVisibleCountMessage();
+    this.updateScreenReaderCountMessage();
+  }
+  updateVisibleCountMessage() {
+    const remainingNumber = this.maxLength - this.count(this.$textarea.value);
+    const isError = remainingNumber < 0;
+    this.$visibleCountMessage.classList.toggle('govuk-character-count__message--disabled', !this.isOverThreshold());
+    if (!this.$errorMessage) {
+      this.$textarea.classList.toggle('govuk-textarea--error', isError);
+    }
+    this.$visibleCountMessage.classList.toggle('govuk-error-message', isError);
+    this.$visibleCountMessage.classList.toggle('govuk-hint', !isError);
+    this.$visibleCountMessage.textContent = this.getCountMessage();
+  }
+  updateScreenReaderCountMessage() {
+    if (this.isOverThreshold()) {
+      this.$screenReaderCountMessage.removeAttribute('aria-hidden');
+    } else {
+      this.$screenReaderCountMessage.setAttribute('aria-hidden', 'true');
+    }
+    this.$screenReaderCountMessage.textContent = this.getCountMessage();
+  }
+  count(text) {
+    if (this.config.maxwords) {
+      var _text$match;
+      const tokens = (_text$match = text.match(/\S+/g)) != null ? _text$match : [];
+      return tokens.length;
+    }
+    return text.length;
+  }
+  getCountMessage() {
+    const remainingNumber = this.maxLength - this.count(this.$textarea.value);
+    const countType = this.config.maxwords ? 'words' : 'characters';
+    return this.formatCountMessage(remainingNumber, countType);
+  }
+  formatCountMessage(remainingNumber, countType) {
+    if (remainingNumber === 0) {
+      return this.i18n.t(`${countType}AtLimit`);
+    }
+    const translationKeySuffix = remainingNumber < 0 ? 'OverLimit' : 'UnderLimit';
+    return this.i18n.t(`${countType}${translationKeySuffix}`, {
+      count: Math.abs(remainingNumber)
+    });
+  }
+  isOverThreshold() {
+    if (!this.config.threshold) {
+      return true;
+    }
+    const currentLength = this.count(this.$textarea.value);
+    const maxLength = this.maxLength;
+    const thresholdValue = maxLength * this.config.threshold / 100;
+    return thresholdValue <= currentLength;
+  }
+}
+
+/**
+ * Character count config
+ *
+ * @see {@link CharacterCount.defaults}
+ * @typedef {object} CharacterCountConfig
+ * @property {number} [maxlength] - The maximum number of characters.
+ *   If maxwords is provided, the maxlength option will be ignored.
+ * @property {number} [maxwords] - The maximum number of words. If maxwords is
+ *   provided, the maxlength option will be ignored.
+ * @property {number} [threshold=0] - The percentage value of the limit at
+ *   which point the count message is displayed. If this attribute is set, the
+ *   count message will be hidden by default.
+ * @property {CharacterCountTranslations} [i18n=CharacterCount.defaults.i18n] - Character count translations
+ */
+
+/**
+ * Character count translations
+ *
+ * @see {@link CharacterCount.defaults.i18n}
+ * @typedef {object} CharacterCountTranslations
+ *
+ * Messages shown to users as they type. It provides feedback on how many words
+ * or characters they have remaining or if they are over the limit. This also
+ * includes a message used as an accessible description for the textarea.
+ * @property {TranslationPluralForms} [charactersUnderLimit] - Message displayed
+ *   when the number of characters is under the configured maximum, `maxlength`.
+ *   This message is displayed visually and through assistive technologies. The
+ *   component will replace the `%{count}` placeholder with the number of
+ *   remaining characters. This is a [pluralised list of
+ *   messages](https://frontend.design-system.service.gov.uk/localise-govuk-frontend).
+ * @property {string} [charactersAtLimit] - Message displayed when the number of
+ *   characters reaches the configured maximum, `maxlength`. This message is
+ *   displayed visually and through assistive technologies.
+ * @property {TranslationPluralForms} [charactersOverLimit] - Message displayed
+ *   when the number of characters is over the configured maximum, `maxlength`.
+ *   This message is displayed visually and through assistive technologies. The
+ *   component will replace the `%{count}` placeholder with the number of
+ *   remaining characters. This is a [pluralised list of
+ *   messages](https://frontend.design-system.service.gov.uk/localise-govuk-frontend).
+ * @property {TranslationPluralForms} [wordsUnderLimit] - Message displayed when
+ *   the number of words is under the configured maximum, `maxlength`. This
+ *   message is displayed visually and through assistive technologies. The
+ *   component will replace the `%{count}` placeholder with the number of
+ *   remaining words. This is a [pluralised list of
+ *   messages](https://frontend.design-system.service.gov.uk/localise-govuk-frontend).
+ * @property {string} [wordsAtLimit] - Message displayed when the number of
+ *   words reaches the configured maximum, `maxlength`. This message is
+ *   displayed visually and through assistive technologies.
+ * @property {TranslationPluralForms} [wordsOverLimit] - Message displayed when
+ *   the number of words is over the configured maximum, `maxlength`. This
+ *   message is displayed visually and through assistive technologies. The
+ *   component will replace the `%{count}` placeholder with the number of
+ *   remaining words. This is a [pluralised list of
+ *   messages](https://frontend.design-system.service.gov.uk/localise-govuk-frontend).
+ * @property {TranslationPluralForms} [textareaDescription] - Message made
+ *   available to assistive technologies, if none is already present in the
+ *   HTML, to describe that the component accepts only a limited amount of
+ *   content. It is visible on the page when JavaScript is unavailable. The
+ *   component will replace the `%{count}` placeholder with the value of the
+ *   `maxlength` or `maxwords` parameter.
+ */
+
+/**
+ * @import { Schema } from '../../common/configuration.mjs'
+ * @import { TranslationPluralForms } from '../../i18n.mjs'
+ */
+CharacterCount.moduleName = 'govuk-character-count';
+CharacterCount.defaults = Object.freeze({
+  threshold: 0,
+  i18n: {
+    charactersUnderLimit: {
+      one: 'You have %{count} character remaining',
+      other: 'You have %{count} characters remaining'
+    },
+    charactersAtLimit: 'You have 0 characters remaining',
+    charactersOverLimit: {
+      one: 'You have %{count} character too many',
+      other: 'You have %{count} characters too many'
+    },
+    wordsUnderLimit: {
+      one: 'You have %{count} word remaining',
+      other: 'You have %{count} words remaining'
+    },
+    wordsAtLimit: 'You have 0 words remaining',
+    wordsOverLimit: {
+      one: 'You have %{count} word too many',
+      other: 'You have %{count} words too many'
+    },
+    textareaDescription: {
+      other: ''
+    }
+  }
+});
+CharacterCount.schema = Object.freeze({
+  properties: {
+    i18n: {
+      type: 'object'
+    },
+    maxwords: {
+      type: 'number'
+    },
+    maxlength: {
+      type: 'number'
+    },
+    threshold: {
+      type: 'number'
+    }
+  },
+  anyOf: [{
+    required: ['maxwords'],
+    errorMessage: 'Either "maxlength" or "maxwords" must be provided'
+  }, {
+    required: ['maxlength'],
+    errorMessage: 'Either "maxlength" or "maxwords" must be provided'
+  }]
+});
+
+export { CharacterCount };
+//# sourceMappingURL=character-count.mjs.map
diff --git a/app/templates/govuk/components/components/character-count/character-count.mjs.map b/app/templates/govuk/components/components/character-count/character-count.mjs.map
new file mode 100644
index 0000000..f8ed2cd
--- /dev/null
+++ b/app/templates/govuk/components/components/character-count/character-count.mjs.map
@@ -0,0 +1 @@
+{"version":3,"file":"character-count.mjs","sources":["../../../../src/govuk/components/character-count/character-count.mjs"],"sourcesContent":["import { closestAttributeValue } from '../../common/closest-attribute-value.mjs'\nimport {\n  validateConfig,\n  ConfigurableComponent,\n  configOverride\n} from '../../common/configuration.mjs'\nimport { formatErrorMessage } from '../../common/index.mjs'\nimport { ConfigError, ElementError } from '../../errors/index.mjs'\nimport { I18n } from '../../i18n.mjs'\n\n/**\n * Character count component\n *\n * Tracks the number of characters or words in the `.govuk-js-character-count`\n * `<textarea>` inside the element. Displays a message with the remaining number\n * of characters/words available, or the number of characters/words in excess.\n *\n * You can configure the message to only appear after a certain percentage\n * of the available characters/words has been entered.\n *\n * @preserve\n * @augments ConfigurableComponent<CharacterCountConfig>\n */\nexport class CharacterCount extends ConfigurableComponent {\n  /** @private */\n  $textarea\n\n  /** @private */\n  $visibleCountMessage\n\n  /** @private */\n  $screenReaderCountMessage\n\n  /**\n   * @private\n   * @type {number | null}\n   */\n  lastInputTimestamp = null\n\n  /** @private */\n  lastInputValue = ''\n\n  /**\n   * @private\n   * @type {number | null}\n   */\n  valueChecker = null\n\n  /** @private */\n  i18n\n\n  /** @private */\n  maxLength;\n\n  /**\n   * Character count config override\n   *\n   * To ensure data-attributes take complete precedence, even if they change\n   * the type of count, we need to reset the `maxlength` and `maxwords` from\n   * the JavaScript config.\n   *\n   * @internal\n   * @param {CharacterCountConfig} datasetConfig - configuration specified by dataset\n   * @returns {CharacterCountConfig} - configuration to override by dataset\n   */\n  [configOverride](datasetConfig) {\n    let configOverrides = {}\n    if ('maxwords' in datasetConfig || 'maxlength' in datasetConfig) {\n      configOverrides = {\n        maxlength: undefined,\n        maxwords: undefined\n      }\n    }\n\n    return configOverrides\n  }\n\n  /**\n   * @param {Element | null} $root - HTML element to use for character count\n   * @param {CharacterCountConfig} [config] - Character count config\n   */\n  constructor($root, config = {}) {\n    super($root, config)\n\n    const $textarea = this.$root.querySelector('.govuk-js-character-count')\n    if (\n      !(\n        $textarea instanceof HTMLTextAreaElement ||\n        $textarea instanceof HTMLInputElement\n      )\n    ) {\n      throw new ElementError({\n        component: CharacterCount,\n        element: $textarea,\n        expectedType: 'HTMLTextareaElement or HTMLInputElement',\n        identifier: 'Form field (`.govuk-js-character-count`)'\n      })\n    }\n\n    // Check for valid config\n    const errors = validateConfig(CharacterCount.schema, this.config)\n    if (errors[0]) {\n      throw new ConfigError(formatErrorMessage(CharacterCount, errors[0]))\n    }\n\n    this.i18n = new I18n(this.config.i18n, {\n      // Read the fallback if necessary rather than have it set in the defaults\n      locale: closestAttributeValue(this.$root, 'lang')\n    })\n\n    // Determine the limit attribute (characters or words)\n    this.maxLength = this.config.maxwords ?? this.config.maxlength ?? Infinity\n\n    this.$textarea = $textarea\n\n    const textareaDescriptionId = `${this.$textarea.id}-info`\n    const $textareaDescription = document.getElementById(textareaDescriptionId)\n    if (!$textareaDescription) {\n      throw new ElementError({\n        component: CharacterCount,\n        element: $textareaDescription,\n        identifier: `Count message (\\`id=\"${textareaDescriptionId}\"\\`)`\n      })\n    }\n\n    // Pre-existing validation error rendered from server\n    this.$errorMessage = this.$root.querySelector('.govuk-error-message')\n\n    // Inject a description for the textarea if none is present already\n    // for when the component was rendered with no maxlength, maxwords\n    // nor custom textareaDescriptionText\n    // eslint-disable-next-line @typescript-eslint/prefer-regexp-exec\n    if ($textareaDescription.textContent.match(/^\\s*$/)) {\n      $textareaDescription.textContent = this.i18n.t('textareaDescription', {\n        count: this.maxLength\n      })\n    }\n\n    // Move the textarea description to be immediately after the textarea\n    // Kept for backwards compatibility\n    this.$textarea.insertAdjacentElement('afterend', $textareaDescription)\n\n    // Create the *screen reader* specific live-updating counter\n    // This doesn't need any styling classes, as it is never visible\n    const $screenReaderCountMessage = document.createElement('div')\n    $screenReaderCountMessage.className =\n      'govuk-character-count__sr-status govuk-visually-hidden'\n    $screenReaderCountMessage.setAttribute('aria-live', 'polite')\n    this.$screenReaderCountMessage = $screenReaderCountMessage\n    $textareaDescription.insertAdjacentElement(\n      'afterend',\n      $screenReaderCountMessage\n    )\n\n    // Create our live-updating counter element, copying the classes from the\n    // textarea description for backwards compatibility as these may have been\n    // configured\n    const $visibleCountMessage = document.createElement('div')\n    $visibleCountMessage.className = $textareaDescription.className\n    $visibleCountMessage.classList.add('govuk-character-count__status')\n    $visibleCountMessage.setAttribute('aria-hidden', 'true')\n    this.$visibleCountMessage = $visibleCountMessage\n    $textareaDescription.insertAdjacentElement('afterend', $visibleCountMessage)\n\n    // Hide the textarea description\n    $textareaDescription.classList.add('govuk-visually-hidden')\n\n    // Remove hard limit if set\n    this.$textarea.removeAttribute('maxlength')\n\n    this.bindChangeEvents()\n\n    // When the page is restored after navigating 'back' in some browsers the\n    // state of form controls is not restored until *after* the DOMContentLoaded\n    // event is fired, so we need to sync after the pageshow event.\n    window.addEventListener('pageshow', () => this.updateCountMessage())\n\n    // Although we've set up handlers to sync state on the pageshow event, init\n    // could be called after those events have fired, for example if they are\n    // added to the page dynamically, so update now too.\n    this.updateCountMessage()\n  }\n\n  /**\n   * Bind change events\n   *\n   * Set up event listeners on the $textarea so that the count messages update\n   * when the user types.\n   *\n   * @private\n   */\n  bindChangeEvents() {\n    this.$textarea.addEventListener('keyup', () => this.handleKeyUp())\n\n    // Bind focus/blur events to start/stop polling\n    this.$textarea.addEventListener('focus', () => this.handleFocus())\n    this.$textarea.addEventListener('blur', () => this.handleBlur())\n  }\n\n  /**\n   * Handle key up event\n   *\n   * Update the visible character counter and keep track of when the last update\n   * happened for each keypress\n   *\n   * @private\n   */\n  handleKeyUp() {\n    this.updateVisibleCountMessage()\n    this.lastInputTimestamp = Date.now()\n  }\n\n  /**\n   * Handle focus event\n   *\n   * Speech recognition software such as Dragon NaturallySpeaking will modify\n   * the fields by directly changing its `value`. These changes don't trigger\n   * events in JavaScript, so we need to poll to handle when and if they occur.\n   *\n   * Once the keyup event hasn't been detected for at least 1000 ms (1s), check\n   * if the textarea value has changed and update the count message if it has.\n   *\n   * This is so that the update triggered by the manual comparison doesn't\n   * conflict with debounced KeyboardEvent updates.\n   *\n   * @private\n   */\n  handleFocus() {\n    this.valueChecker = window.setInterval(() => {\n      if (\n        !this.lastInputTimestamp ||\n        Date.now() - 500 >= this.lastInputTimestamp\n      ) {\n        this.updateIfValueChanged()\n      }\n    }, 1000)\n  }\n\n  /**\n   * Handle blur event\n   *\n   * Stop checking the textarea value once the textarea no longer has focus\n   *\n   * @private\n   */\n  handleBlur() {\n    // Cancel value checking on blur\n    if (this.valueChecker) {\n      window.clearInterval(this.valueChecker)\n    }\n  }\n\n  /**\n   * Update count message if textarea value has changed\n   *\n   * @private\n   */\n  updateIfValueChanged() {\n    if (this.$textarea.value !== this.lastInputValue) {\n      this.lastInputValue = this.$textarea.value\n      this.updateCountMessage()\n    }\n  }\n\n  /**\n   * Update count message\n   *\n   * Helper function to update both the visible and screen reader-specific\n   * counters simultaneously (e.g. on init)\n   *\n   * @private\n   */\n  updateCountMessage() {\n    this.updateVisibleCountMessage()\n    this.updateScreenReaderCountMessage()\n  }\n\n  /**\n   * Update visible count message\n   *\n   * @private\n   */\n  updateVisibleCountMessage() {\n    const remainingNumber = this.maxLength - this.count(this.$textarea.value)\n    const isError = remainingNumber < 0\n\n    // If input is over the threshold, remove the disabled class which renders\n    // the counter invisible.\n    this.$visibleCountMessage.classList.toggle(\n      'govuk-character-count__message--disabled',\n      !this.isOverThreshold()\n    )\n\n    // Update styles\n    if (!this.$errorMessage) {\n      // Only toggle the textarea error class if there isn't an error message\n      // already, as it may be unrelated to the limit (eg: allowed characters)\n      // and would set the border colour back to black.\n      this.$textarea.classList.toggle('govuk-textarea--error', isError)\n    }\n    this.$visibleCountMessage.classList.toggle('govuk-error-message', isError)\n    this.$visibleCountMessage.classList.toggle('govuk-hint', !isError)\n\n    // Update message\n    this.$visibleCountMessage.textContent = this.getCountMessage()\n  }\n\n  /**\n   * Update screen reader count message\n   *\n   * @private\n   */\n  updateScreenReaderCountMessage() {\n    // If over the threshold, remove the aria-hidden attribute, allowing screen\n    // readers to announce the content of the element.\n    if (this.isOverThreshold()) {\n      this.$screenReaderCountMessage.removeAttribute('aria-hidden')\n    } else {\n      this.$screenReaderCountMessage.setAttribute('aria-hidden', 'true')\n    }\n\n    // Update message\n    this.$screenReaderCountMessage.textContent = this.getCountMessage()\n  }\n\n  /**\n   * Count the number of characters (or words, if `config.maxwords` is set)\n   * in the given text\n   *\n   * @private\n   * @param {string} text - The text to count the characters of\n   * @returns {number} the number of characters (or words) in the text\n   */\n  count(text) {\n    if (this.config.maxwords) {\n      const tokens = text.match(/\\S+/g) ?? [] // Matches consecutive non-whitespace chars\n      return tokens.length\n    }\n\n    return text.length\n  }\n\n  /**\n   * Get count message\n   *\n   * @private\n   * @returns {string} Status message\n   */\n  getCountMessage() {\n    const remainingNumber = this.maxLength - this.count(this.$textarea.value)\n    const countType = this.config.maxwords ? 'words' : 'characters'\n    return this.formatCountMessage(remainingNumber, countType)\n  }\n\n  /**\n   * Formats the message shown to users according to what's counted\n   * and how many remain\n   *\n   * @private\n   * @param {number} remainingNumber - The number of words/characaters remaining\n   * @param {string} countType - \"words\" or \"characters\"\n   * @returns {string} Status message\n   */\n  formatCountMessage(remainingNumber, countType) {\n    if (remainingNumber === 0) {\n      return this.i18n.t(`${countType}AtLimit`)\n    }\n\n    const translationKeySuffix =\n      remainingNumber < 0 ? 'OverLimit' : 'UnderLimit'\n\n    return this.i18n.t(`${countType}${translationKeySuffix}`, {\n      count: Math.abs(remainingNumber)\n    })\n  }\n\n  /**\n   * Check if count is over threshold\n   *\n   * Checks whether the value is over the configured threshold for the input.\n   * If there is no configured threshold, it is set to 0 and this function will\n   * always return true.\n   *\n   * @private\n   * @returns {boolean} true if the current count is over the config.threshold\n   *   (or no threshold is set)\n   */\n  isOverThreshold() {\n    // No threshold means we're always above threshold so save some computation\n    if (!this.config.threshold) {\n      return true\n    }\n\n    // Determine the remaining number of characters/words\n    const currentLength = this.count(this.$textarea.value)\n    const maxLength = this.maxLength\n\n    const thresholdValue = (maxLength * this.config.threshold) / 100\n\n    return thresholdValue <= currentLength\n  }\n\n  /**\n   * Name for the component used when initialising using data-module attributes.\n   */\n  static moduleName = 'govuk-character-count'\n\n  /**\n   * Character count default config\n   *\n   * @see {@link CharacterCountConfig}\n   * @constant\n   * @type {CharacterCountConfig}\n   */\n  static defaults = Object.freeze({\n    threshold: 0,\n    i18n: {\n      // Characters\n      charactersUnderLimit: {\n        one: 'You have %{count} character remaining',\n        other: 'You have %{count} characters remaining'\n      },\n      charactersAtLimit: 'You have 0 characters remaining',\n      charactersOverLimit: {\n        one: 'You have %{count} character too many',\n        other: 'You have %{count} characters too many'\n      },\n      // Words\n      wordsUnderLimit: {\n        one: 'You have %{count} word remaining',\n        other: 'You have %{count} words remaining'\n      },\n      wordsAtLimit: 'You have 0 words remaining',\n      wordsOverLimit: {\n        one: 'You have %{count} word too many',\n        other: 'You have %{count} words too many'\n      },\n      textareaDescription: {\n        other: ''\n      }\n    }\n  })\n\n  /**\n   * Character count config schema\n   *\n   * @constant\n   * @satisfies {Schema<CharacterCountConfig>}\n   */\n  static schema = Object.freeze({\n    properties: {\n      i18n: { type: 'object' },\n      maxwords: { type: 'number' },\n      maxlength: { type: 'number' },\n      threshold: { type: 'number' }\n    },\n    anyOf: [\n      {\n        required: ['maxwords'],\n        errorMessage: 'Either \"maxlength\" or \"maxwords\" must be provided'\n      },\n      {\n        required: ['maxlength'],\n        errorMessage: 'Either \"maxlength\" or \"maxwords\" must be provided'\n      }\n    ]\n  })\n}\n\n/**\n * Character count config\n *\n * @see {@link CharacterCount.defaults}\n * @typedef {object} CharacterCountConfig\n * @property {number} [maxlength] - The maximum number of characters.\n *   If maxwords is provided, the maxlength option will be ignored.\n * @property {number} [maxwords] - The maximum number of words. If maxwords is\n *   provided, the maxlength option will be ignored.\n * @property {number} [threshold=0] - The percentage value of the limit at\n *   which point the count message is displayed. If this attribute is set, the\n *   count message will be hidden by default.\n * @property {CharacterCountTranslations} [i18n=CharacterCount.defaults.i18n] - Character count translations\n */\n\n/**\n * Character count translations\n *\n * @see {@link CharacterCount.defaults.i18n}\n * @typedef {object} CharacterCountTranslations\n *\n * Messages shown to users as they type. It provides feedback on how many words\n * or characters they have remaining or if they are over the limit. This also\n * includes a message used as an accessible description for the textarea.\n * @property {TranslationPluralForms} [charactersUnderLimit] - Message displayed\n *   when the number of characters is under the configured maximum, `maxlength`.\n *   This message is displayed visually and through assistive technologies. The\n *   component will replace the `%{count}` placeholder with the number of\n *   remaining characters. This is a [pluralised list of\n *   messages](https://frontend.design-system.service.gov.uk/localise-govuk-frontend).\n * @property {string} [charactersAtLimit] - Message displayed when the number of\n *   characters reaches the configured maximum, `maxlength`. This message is\n *   displayed visually and through assistive technologies.\n * @property {TranslationPluralForms} [charactersOverLimit] - Message displayed\n *   when the number of characters is over the configured maximum, `maxlength`.\n *   This message is displayed visually and through assistive technologies. The\n *   component will replace the `%{count}` placeholder with the number of\n *   remaining characters. This is a [pluralised list of\n *   messages](https://frontend.design-system.service.gov.uk/localise-govuk-frontend).\n * @property {TranslationPluralForms} [wordsUnderLimit] - Message displayed when\n *   the number of words is under the configured maximum, `maxlength`. This\n *   message is displayed visually and through assistive technologies. The\n *   component will replace the `%{count}` placeholder with the number of\n *   remaining words. This is a [pluralised list of\n *   messages](https://frontend.design-system.service.gov.uk/localise-govuk-frontend).\n * @property {string} [wordsAtLimit] - Message displayed when the number of\n *   words reaches the configured maximum, `maxlength`. This message is\n *   displayed visually and through assistive technologies.\n * @property {TranslationPluralForms} [wordsOverLimit] - Message displayed when\n *   the number of words is over the configured maximum, `maxlength`. This\n *   message is displayed visually and through assistive technologies. The\n *   component will replace the `%{count}` placeholder with the number of\n *   remaining words. This is a [pluralised list of\n *   messages](https://frontend.design-system.service.gov.uk/localise-govuk-frontend).\n * @property {TranslationPluralForms} [textareaDescription] - Message made\n *   available to assistive technologies, if none is already present in the\n *   HTML, to describe that the component accepts only a limited amount of\n *   content. It is visible on the page when JavaScript is unavailable. The\n *   component will replace the `%{count}` placeholder with the value of the\n *   `maxlength` or `maxwords` parameter.\n */\n\n/**\n * @import { Schema } from '../../common/configuration.mjs'\n * @import { TranslationPluralForms } from '../../i18n.mjs'\n */\n"],"names":["CharacterCount","ConfigurableComponent","configOverride","datasetConfig","configOverrides","maxlength","undefined","maxwords","constructor","$root","config","_ref","_this$config$maxwords","$textarea","$visibleCountMessage","$screenReaderCountMessage","lastInputTimestamp","lastInputValue","valueChecker","i18n","maxLength","querySelector","HTMLTextAreaElement","HTMLInputElement","ElementError","component","element","expectedType","identifier","errors","validateConfig","schema","ConfigError","formatErrorMessage","I18n","locale","closestAttributeValue","Infinity","textareaDescriptionId","id","$textareaDescription","document","getElementById","$errorMessage","textContent","match","t","count","insertAdjacentElement","createElement","className","setAttribute","classList","add","removeAttribute","bindChangeEvents","window","addEventListener","updateCountMessage","handleKeyUp","handleFocus","handleBlur","updateVisibleCountMessage","Date","now","setInterval","updateIfValueChanged","clearInterval","value","updateScreenReaderCountMessage","remainingNumber","isError","toggle","isOverThreshold","getCountMessage","text","_text$match","tokens","length","countType","formatCountMessage","translationKeySuffix","Math","abs","threshold","currentLength","thresholdValue","moduleName","defaults","Object","freeze","charactersUnderLimit","one","other","charactersAtLimit","charactersOverLimit","wordsUnderLimit","wordsAtLimit","wordsOverLimit","textareaDescription","properties","type","anyOf","required","errorMessage"],"mappings":"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"}
\ No newline at end of file
diff --git a/app/templates/govuk/components/components/character-count/fixtures.json b/app/templates/govuk/components/components/character-count/fixtures.json
new file mode 100644
index 0000000..06e0390
--- /dev/null
+++ b/app/templates/govuk/components/components/character-count/fixtures.json
@@ -0,0 +1,463 @@
+{
+    "component": "character-count",
+    "fixtures": [
+        {
+            "name": "default",
+            "options": {
+                "name": "more-detail",
+                "maxlength": 10,
+                "label": {
+                    "text": "Can you provide more detail?"
+                }
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": {
+                "variants": [
+                    "default",
+                    "no-js"
+                ]
+            },
+            "html": "<div class=\"govuk-form-group govuk-character-count\" data-module=\"govuk-character-count\" data-maxlength=\"10\">\n  <label class=\"govuk-label\" for=\"more-detail\">\n    Can you provide more detail?\n  </label>\n  <textarea class=\"govuk-textarea govuk-js-character-count\" id=\"more-detail\" name=\"more-detail\" rows=\"5\" aria-describedby=\"more-detail-info\"></textarea>\n  <div id=\"more-detail-info\" class=\"govuk-hint govuk-character-count__message\">\n    You can enter up to 10 characters\n  </div>\n</div>"
+        },
+        {
+            "name": "with hint",
+            "options": {
+                "name": "with-hint",
+                "id": "with-hint",
+                "maxlength": 10,
+                "label": {
+                    "text": "Can you provide more detail?"
+                },
+                "hint": {
+                    "text": "Don't include personal or financial information, eg your National Insurance number or credit card details."
+                }
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-character-count\" data-module=\"govuk-character-count\" data-maxlength=\"10\">\n  <label class=\"govuk-label\" for=\"with-hint\">\n    Can you provide more detail?\n  </label>\n  <div id=\"with-hint-hint\" class=\"govuk-hint\">\n    Don&#39;t include personal or financial information, eg your National Insurance number or credit card details.\n  </div>\n  <textarea class=\"govuk-textarea govuk-js-character-count\" id=\"with-hint\" name=\"with-hint\" rows=\"5\" aria-describedby=\"with-hint-info with-hint-hint\"></textarea>\n  <div id=\"with-hint-info\" class=\"govuk-hint govuk-character-count__message\">\n    You can enter up to 10 characters\n  </div>\n</div>"
+        },
+        {
+            "name": "with hint and error",
+            "options": {
+                "name": "with-error",
+                "id": "with-error",
+                "maxlength": 10,
+                "label": {
+                    "text": "Can you provide more detail?"
+                },
+                "errorMessage": {
+                    "text": "Please provide more detail"
+                },
+                "hint": {
+                    "text": "Don't include personal or financial information, eg your National Insurance number or credit card details."
+                }
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-form-group--error govuk-character-count\" data-module=\"govuk-character-count\" data-maxlength=\"10\">\n  <label class=\"govuk-label\" for=\"with-error\">\n    Can you provide more detail?\n  </label>\n  <div id=\"with-error-hint\" class=\"govuk-hint\">\n    Don&#39;t include personal or financial information, eg your National Insurance number or credit card details.\n  </div>\n  <p id=\"with-error-error\" class=\"govuk-error-message\">\n    <span class=\"govuk-visually-hidden\">Error:</span> Please provide more detail\n  </p>\n  <textarea class=\"govuk-textarea govuk-textarea--error govuk-js-character-count\" id=\"with-error\" name=\"with-error\" rows=\"5\" aria-describedby=\"with-error-info with-error-hint with-error-error\"></textarea>\n  <div id=\"with-error-info\" class=\"govuk-hint govuk-character-count__message\">\n    You can enter up to 10 characters\n  </div>\n</div>"
+        },
+        {
+            "name": "with default value",
+            "options": {
+                "id": "with-default-value",
+                "name": "default-value",
+                "maxlength": 100,
+                "label": {
+                    "text": "Full address"
+                },
+                "value": "221B Baker Street\nLondon\nNW1 6XE\n"
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-character-count\" data-module=\"govuk-character-count\" data-maxlength=\"100\">\n  <label class=\"govuk-label\" for=\"with-default-value\">\n    Full address\n  </label>\n  <textarea class=\"govuk-textarea govuk-js-character-count\" id=\"with-default-value\" name=\"default-value\" rows=\"5\" aria-describedby=\"with-default-value-info\">221B Baker Street\nLondon\nNW1 6XE\n</textarea>\n  <div id=\"with-default-value-info\" class=\"govuk-hint govuk-character-count__message\">\n    You can enter up to 100 characters\n  </div>\n</div>"
+        },
+        {
+            "name": "with default value exceeding limit",
+            "options": {
+                "id": "exceeding-characters",
+                "name": "exceeding",
+                "maxlength": 10,
+                "value": "221B Baker Street\nLondon\nNW1 6XE\n",
+                "label": {
+                    "text": "Full address"
+                },
+                "errorMessage": {
+                    "text": "Please do not exceed the maximum allowed limit"
+                }
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-form-group--error govuk-character-count\" data-module=\"govuk-character-count\" data-maxlength=\"10\">\n  <label class=\"govuk-label\" for=\"exceeding-characters\">\n    Full address\n  </label>\n  <p id=\"exceeding-characters-error\" class=\"govuk-error-message\">\n    <span class=\"govuk-visually-hidden\">Error:</span> Please do not exceed the maximum allowed limit\n  </p>\n  <textarea class=\"govuk-textarea govuk-textarea--error govuk-js-character-count\" id=\"exceeding-characters\" name=\"exceeding\" rows=\"5\" aria-describedby=\"exceeding-characters-info exceeding-characters-error\">221B Baker Street\nLondon\nNW1 6XE\n</textarea>\n  <div id=\"exceeding-characters-info\" class=\"govuk-hint govuk-character-count__message\">\n    You can enter up to 10 characters\n  </div>\n</div>"
+        },
+        {
+            "name": "with custom rows",
+            "options": {
+                "id": "custom-rows",
+                "name": "custom",
+                "maxlength": 10,
+                "label": {
+                    "text": "Full address"
+                },
+                "rows": 8
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-character-count\" data-module=\"govuk-character-count\" data-maxlength=\"10\">\n  <label class=\"govuk-label\" for=\"custom-rows\">\n    Full address\n  </label>\n  <textarea class=\"govuk-textarea govuk-js-character-count\" id=\"custom-rows\" name=\"custom\" rows=\"8\" aria-describedby=\"custom-rows-info\"></textarea>\n  <div id=\"custom-rows-info\" class=\"govuk-hint govuk-character-count__message\">\n    You can enter up to 10 characters\n  </div>\n</div>"
+        },
+        {
+            "name": "with label as page heading",
+            "options": {
+                "id": "textarea-with-page-heading",
+                "name": "address",
+                "maxlength": 10,
+                "label": {
+                    "text": "Full address",
+                    "classes": "govuk-label--l",
+                    "isPageHeading": true
+                }
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-character-count\" data-module=\"govuk-character-count\" data-maxlength=\"10\">\n  <h1 class=\"govuk-label-wrapper\">\n    <label class=\"govuk-label govuk-label--l\" for=\"textarea-with-page-heading\">\n      Full address\n    </label>\n  </h1>\n  <textarea class=\"govuk-textarea govuk-js-character-count\" id=\"textarea-with-page-heading\" name=\"address\" rows=\"5\" aria-describedby=\"textarea-with-page-heading-info\"></textarea>\n  <div id=\"textarea-with-page-heading-info\" class=\"govuk-hint govuk-character-count__message\">\n    You can enter up to 10 characters\n  </div>\n</div>"
+        },
+        {
+            "name": "with word count",
+            "options": {
+                "id": "word-count",
+                "name": "word-count",
+                "maxwords": 10,
+                "label": {
+                    "text": "Full address"
+                }
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-character-count\" data-module=\"govuk-character-count\" data-maxwords=\"10\">\n  <label class=\"govuk-label\" for=\"word-count\">\n    Full address\n  </label>\n  <textarea class=\"govuk-textarea govuk-js-character-count\" id=\"word-count\" name=\"word-count\" rows=\"5\" aria-describedby=\"word-count-info\"></textarea>\n  <div id=\"word-count-info\" class=\"govuk-hint govuk-character-count__message\">\n    You can enter up to 10 words\n  </div>\n</div>"
+        },
+        {
+            "name": "with threshold",
+            "options": {
+                "id": "with-threshold",
+                "name": "with-threshold",
+                "maxlength": 10,
+                "threshold": 75,
+                "label": {
+                    "text": "Full address"
+                }
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-character-count\" data-module=\"govuk-character-count\" data-maxlength=\"10\" data-threshold=\"75\">\n  <label class=\"govuk-label\" for=\"with-threshold\">\n    Full address\n  </label>\n  <textarea class=\"govuk-textarea govuk-js-character-count\" id=\"with-threshold\" name=\"with-threshold\" rows=\"5\" aria-describedby=\"with-threshold-info\"></textarea>\n  <div id=\"with-threshold-info\" class=\"govuk-hint govuk-character-count__message\">\n    You can enter up to 10 characters\n  </div>\n</div>"
+        },
+        {
+            "name": "with custom textarea description",
+            "options": {
+                "name": "custom-textarea-description",
+                "id": "custom-textarea-description",
+                "maxlength": 10,
+                "label": {
+                    "text": "Can you provide more detail?"
+                },
+                "textareaDescriptionText": "Gallwch ddefnyddio hyd at %{count} nod"
+            },
+            "hidden": true,
+            "description": "with textarea description translated into Welsh.",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-character-count\" data-module=\"govuk-character-count\" data-maxlength=\"10\">\n  <label class=\"govuk-label\" for=\"custom-textarea-description\">\n    Can you provide more detail?\n  </label>\n  <textarea class=\"govuk-textarea govuk-js-character-count\" id=\"custom-textarea-description\" name=\"custom-textarea-description\" rows=\"5\" aria-describedby=\"custom-textarea-description-info\"></textarea>\n  <div id=\"custom-textarea-description-info\" class=\"govuk-hint govuk-character-count__message\">\n    Gallwch ddefnyddio hyd at 10 nod\n  </div>\n</div>"
+        },
+        {
+            "name": "classes",
+            "options": {
+                "id": "with-classes",
+                "name": "with-classes",
+                "maxlength": 10,
+                "label": {
+                    "text": "With classes"
+                },
+                "classes": "app-character-count--custom-modifier"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-character-count\" data-module=\"govuk-character-count\" data-maxlength=\"10\">\n  <label class=\"govuk-label\" for=\"with-classes\">\n    With classes\n  </label>\n  <textarea class=\"govuk-textarea govuk-js-character-count app-character-count--custom-modifier\" id=\"with-classes\" name=\"with-classes\" rows=\"5\" aria-describedby=\"with-classes-info\"></textarea>\n  <div id=\"with-classes-info\" class=\"govuk-hint govuk-character-count__message\">\n    You can enter up to 10 characters\n  </div>\n</div>"
+        },
+        {
+            "name": "id",
+            "options": {
+                "id": "character-count-id",
+                "name": "test-name",
+                "maxlength": 10,
+                "label": {
+                    "text": "With custom id"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-character-count\" data-module=\"govuk-character-count\" data-maxlength=\"10\">\n  <label class=\"govuk-label\" for=\"character-count-id\">\n    With custom id\n  </label>\n  <textarea class=\"govuk-textarea govuk-js-character-count\" id=\"character-count-id\" name=\"test-name\" rows=\"5\" aria-describedby=\"character-count-id-info\"></textarea>\n  <div id=\"character-count-id-info\" class=\"govuk-hint govuk-character-count__message\">\n    You can enter up to 10 characters\n  </div>\n</div>"
+        },
+        {
+            "name": "attributes",
+            "options": {
+                "id": "with-attributes",
+                "name": "with-attributes",
+                "maxlength": 10,
+                "label": {
+                    "text": "With attributes"
+                },
+                "attributes": {
+                    "data-attribute": "my data value"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-character-count\" data-module=\"govuk-character-count\" data-maxlength=\"10\">\n  <label class=\"govuk-label\" for=\"with-attributes\">\n    With attributes\n  </label>\n  <textarea class=\"govuk-textarea govuk-js-character-count\" id=\"with-attributes\" name=\"with-attributes\" rows=\"5\" aria-describedby=\"with-attributes-info\" data-attribute=\"my data value\"></textarea>\n  <div id=\"with-attributes-info\" class=\"govuk-hint govuk-character-count__message\">\n    You can enter up to 10 characters\n  </div>\n</div>"
+        },
+        {
+            "name": "formGroup with classes",
+            "options": {
+                "id": "with-formgroup",
+                "name": "with-formgroup",
+                "maxlength": 10,
+                "label": {
+                    "text": "With formgroup"
+                },
+                "formGroup": {
+                    "classes": "app-character-count--custom-modifier"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-character-count app-character-count--custom-modifier\" data-module=\"govuk-character-count\" data-maxlength=\"10\">\n  <label class=\"govuk-label\" for=\"with-formgroup\">\n    With formgroup\n  </label>\n  <textarea class=\"govuk-textarea govuk-js-character-count\" id=\"with-formgroup\" name=\"with-formgroup\" rows=\"5\" aria-describedby=\"with-formgroup-info\"></textarea>\n  <div id=\"with-formgroup-info\" class=\"govuk-hint govuk-character-count__message\">\n    You can enter up to 10 characters\n  </div>\n</div>"
+        },
+        {
+            "name": "custom classes on countMessage",
+            "options": {
+                "id": "with-custom-countmessage-class",
+                "name": "with-custom-countmessage-class",
+                "maxlength": 10,
+                "label": {
+                    "text": "With custom countMessage class"
+                },
+                "countMessage": {
+                    "classes": "app-custom-count-message"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-character-count\" data-module=\"govuk-character-count\" data-maxlength=\"10\">\n  <label class=\"govuk-label\" for=\"with-custom-countmessage-class\">\n    With custom countMessage class\n  </label>\n  <textarea class=\"govuk-textarea govuk-js-character-count\" id=\"with-custom-countmessage-class\" name=\"with-custom-countmessage-class\" rows=\"5\" aria-describedby=\"with-custom-countmessage-class-info\"></textarea>\n  <div id=\"with-custom-countmessage-class-info\" class=\"govuk-hint govuk-character-count__message app-custom-count-message\">\n    You can enter up to 10 characters\n  </div>\n</div>"
+        },
+        {
+            "name": "spellcheck enabled",
+            "options": {
+                "id": "with-spellcheck",
+                "name": "with-spellcheck",
+                "maxlength": 10,
+                "label": {
+                    "text": "With spellcheck"
+                },
+                "spellcheck": true
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-character-count\" data-module=\"govuk-character-count\" data-maxlength=\"10\">\n  <label class=\"govuk-label\" for=\"with-spellcheck\">\n    With spellcheck\n  </label>\n  <textarea class=\"govuk-textarea govuk-js-character-count\" id=\"with-spellcheck\" name=\"with-spellcheck\" rows=\"5\" spellcheck=\"true\" aria-describedby=\"with-spellcheck-info\"></textarea>\n  <div id=\"with-spellcheck-info\" class=\"govuk-hint govuk-character-count__message\">\n    You can enter up to 10 characters\n  </div>\n</div>"
+        },
+        {
+            "name": "spellcheck disabled",
+            "options": {
+                "id": "without-spellcheck",
+                "name": "without-spellcheck",
+                "maxlength": 10,
+                "label": {
+                    "text": "Without spellcheck"
+                },
+                "spellcheck": false
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-character-count\" data-module=\"govuk-character-count\" data-maxlength=\"10\">\n  <label class=\"govuk-label\" for=\"without-spellcheck\">\n    Without spellcheck\n  </label>\n  <textarea class=\"govuk-textarea govuk-js-character-count\" id=\"without-spellcheck\" name=\"without-spellcheck\" rows=\"5\" spellcheck=\"false\" aria-describedby=\"without-spellcheck-info\"></textarea>\n  <div id=\"without-spellcheck-info\" class=\"govuk-hint govuk-character-count__message\">\n    You can enter up to 10 characters\n  </div>\n</div>"
+        },
+        {
+            "name": "custom classes with error message",
+            "options": {
+                "id": "with-custom-error-class",
+                "name": "with-custom-error-class",
+                "maxlength": 10,
+                "label": {
+                    "text": "With custom error class"
+                },
+                "classes": "app-character-count--custom-modifier",
+                "errorMessage": {
+                    "text": "Error message"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-form-group--error govuk-character-count\" data-module=\"govuk-character-count\" data-maxlength=\"10\">\n  <label class=\"govuk-label\" for=\"with-custom-error-class\">\n    With custom error class\n  </label>\n  <p id=\"with-custom-error-class-error\" class=\"govuk-error-message\">\n    <span class=\"govuk-visually-hidden\">Error:</span> Error message\n  </p>\n  <textarea class=\"govuk-textarea govuk-textarea--error govuk-js-character-count app-character-count--custom-modifier\" id=\"with-custom-error-class\" name=\"with-custom-error-class\" rows=\"5\" aria-describedby=\"with-custom-error-class-info with-custom-error-class-error\"></textarea>\n  <div id=\"with-custom-error-class-info\" class=\"govuk-hint govuk-character-count__message\">\n    You can enter up to 10 characters\n  </div>\n</div>"
+        },
+        {
+            "name": "with id starting with number",
+            "options": {
+                "name": "more-detail",
+                "id": "1_more-detail",
+                "maxlength": 10,
+                "label": {
+                    "text": "Can you provide more detail?"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-character-count\" data-module=\"govuk-character-count\" data-maxlength=\"10\">\n  <label class=\"govuk-label\" for=\"1_more-detail\">\n    Can you provide more detail?\n  </label>\n  <textarea class=\"govuk-textarea govuk-js-character-count\" id=\"1_more-detail\" name=\"more-detail\" rows=\"5\" aria-describedby=\"1_more-detail-info\"></textarea>\n  <div id=\"1_more-detail-info\" class=\"govuk-hint govuk-character-count__message\">\n    You can enter up to 10 characters\n  </div>\n</div>"
+        },
+        {
+            "name": "with id with special characters",
+            "options": {
+                "id": "user1.profile[address]",
+                "name": "address",
+                "maxlength": 10,
+                "label": {
+                    "text": "Full address"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-character-count\" data-module=\"govuk-character-count\" data-maxlength=\"10\">\n  <label class=\"govuk-label\" for=\"user1.profile[address]\">\n    Full address\n  </label>\n  <textarea class=\"govuk-textarea govuk-js-character-count\" id=\"user1.profile[address]\" name=\"address\" rows=\"5\" aria-describedby=\"user1.profile[address]-info\"></textarea>\n  <div id=\"user1.profile[address]-info\" class=\"govuk-hint govuk-character-count__message\">\n    You can enter up to 10 characters\n  </div>\n</div>"
+        },
+        {
+            "name": "with textarea maxlength attribute",
+            "options": {
+                "id": "maxlength-should-be-removed",
+                "name": "address",
+                "maxlength": 10,
+                "attributes": {
+                    "maxlength": 10
+                },
+                "label": {
+                    "text": "Full address"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-character-count\" data-module=\"govuk-character-count\" data-maxlength=\"10\">\n  <label class=\"govuk-label\" for=\"maxlength-should-be-removed\">\n    Full address\n  </label>\n  <textarea class=\"govuk-textarea govuk-js-character-count\" id=\"maxlength-should-be-removed\" name=\"address\" rows=\"5\" aria-describedby=\"maxlength-should-be-removed-info\" maxlength=\"10\"></textarea>\n  <div id=\"maxlength-should-be-removed-info\" class=\"govuk-hint govuk-character-count__message\">\n    You can enter up to 10 characters\n  </div>\n</div>"
+        },
+        {
+            "name": "to configure in JavaScript",
+            "options": {
+                "id": "to-configure-in-javascript",
+                "name": "address",
+                "label": {
+                    "text": "Full address"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-character-count\" data-module=\"govuk-character-count\">\n  <label class=\"govuk-label\" for=\"to-configure-in-javascript\">\n    Full address\n  </label>\n  <textarea class=\"govuk-textarea govuk-js-character-count\" id=\"to-configure-in-javascript\" name=\"address\" rows=\"5\" aria-describedby=\"to-configure-in-javascript-info\"></textarea>\n  <div id=\"to-configure-in-javascript-info\" class=\"govuk-hint govuk-character-count__message\">\n    \n  </div>\n</div>"
+        },
+        {
+            "name": "when neither maxlength nor maxwords are set",
+            "options": {
+                "id": "no-maximum",
+                "name": "no-maximum",
+                "label": {
+                    "text": "Full address"
+                },
+                "textareaDescriptionText": "No more than %{count} characters"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-character-count\" data-module=\"govuk-character-count\" data-i18n.textarea-description.other=\"No more than %{count} characters\">\n  <label class=\"govuk-label\" for=\"no-maximum\">\n    Full address\n  </label>\n  <textarea class=\"govuk-textarea govuk-js-character-count\" id=\"no-maximum\" name=\"no-maximum\" rows=\"5\" aria-describedby=\"no-maximum-info\"></textarea>\n  <div id=\"no-maximum-info\" class=\"govuk-hint govuk-character-count__message\">\n    \n  </div>\n</div>"
+        },
+        {
+            "name": "when neither maxlength/maxwords nor textarea description are set",
+            "options": {
+                "id": "no-maximum",
+                "name": "no-maximum",
+                "label": {
+                    "text": "Full address"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-character-count\" data-module=\"govuk-character-count\">\n  <label class=\"govuk-label\" for=\"no-maximum\">\n    Full address\n  </label>\n  <textarea class=\"govuk-textarea govuk-js-character-count\" id=\"no-maximum\" name=\"no-maximum\" rows=\"5\" aria-describedby=\"no-maximum-info\"></textarea>\n  <div id=\"no-maximum-info\" class=\"govuk-hint govuk-character-count__message\">\n    \n  </div>\n</div>"
+        },
+        {
+            "name": "with translations",
+            "options": {
+                "id": "with-translations",
+                "name": "with-translations",
+                "maxlength": 10,
+                "label": {
+                    "text": "Full address"
+                },
+                "charactersUnderLimitText": {
+                    "other": "%{count} characters to go",
+                    "one": "One character to go"
+                },
+                "charactersAtLimitText": "Zero characters left",
+                "charactersOverLimitText": {
+                    "other": "%{count} characters too many",
+                    "one": "One character too many"
+                },
+                "wordsUnderLimitText": {
+                    "other": "%{count} words to go",
+                    "one": "One word to go"
+                },
+                "wordsAtLimitText": "Zero words left",
+                "wordsOverLimitText": {
+                    "other": "%{count} words too many",
+                    "one": "One word too many"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-character-count\" data-module=\"govuk-character-count\" data-maxlength=\"10\" data-i18n.characters-under-limit.other=\"%{count} characters to go\" data-i18n.characters-under-limit.one=\"One character to go\" data-i18n.characters-at-limit=\"Zero characters left\" data-i18n.characters-over-limit.other=\"%{count} characters too many\" data-i18n.characters-over-limit.one=\"One character too many\" data-i18n.words-under-limit.other=\"%{count} words to go\" data-i18n.words-under-limit.one=\"One word to go\" data-i18n.words-at-limit=\"Zero words left\" data-i18n.words-over-limit.other=\"%{count} words too many\" data-i18n.words-over-limit.one=\"One word too many\">\n  <label class=\"govuk-label\" for=\"with-translations\">\n    Full address\n  </label>\n  <textarea class=\"govuk-textarea govuk-js-character-count\" id=\"with-translations\" name=\"with-translations\" rows=\"5\" aria-describedby=\"with-translations-info\"></textarea>\n  <div id=\"with-translations-info\" class=\"govuk-hint govuk-character-count__message\">\n    You can enter up to 10 characters\n  </div>\n</div>"
+        }
+    ]
+}
diff --git a/app/templates/govuk/components/components/character-count/macro-options.json b/app/templates/govuk/components/components/character-count/macro-options.json
new file mode 100644
index 0000000..f671607
--- /dev/null
+++ b/app/templates/govuk/components/components/character-count/macro-options.json
@@ -0,0 +1,199 @@
+[
+    {
+        "name": "id",
+        "type": "string",
+        "required": false,
+        "description": "The ID of the textarea. Defaults to the value of `name`."
+    },
+    {
+        "name": "name",
+        "type": "string",
+        "required": true,
+        "description": "The name of the textarea, which is submitted with the form data."
+    },
+    {
+        "name": "rows",
+        "type": "string",
+        "required": false,
+        "description": "Optional number of textarea rows (default is 5 rows)."
+    },
+    {
+        "name": "value",
+        "type": "string",
+        "required": false,
+        "description": "Optional initial value of the textarea."
+    },
+    {
+        "name": "maxlength",
+        "type": "string",
+        "required": true,
+        "description": "If `maxwords` is set, this is not required. The maximum number of characters. If `maxwords` is provided, the `maxlength` option will be ignored."
+    },
+    {
+        "name": "maxwords",
+        "type": "string",
+        "required": true,
+        "description": "If `maxlength` is set, this is not required. The maximum number of words. If `maxwords` is provided, the `maxlength` option will be ignored."
+    },
+    {
+        "name": "threshold",
+        "type": "string",
+        "required": false,
+        "description": "The percentage value of the limit at which point the count message is displayed. If this attribute is set, the count message will be hidden by default."
+    },
+    {
+        "name": "label",
+        "type": "object",
+        "required": true,
+        "description": "The label used by the character count component.",
+        "isComponent": true
+    },
+    {
+        "name": "hint",
+        "type": "object",
+        "required": false,
+        "description": "Can be used to add a hint to the character count component.",
+        "isComponent": true
+    },
+    {
+        "name": "errorMessage",
+        "type": "object",
+        "required": false,
+        "description": "Can be used to add an error message to the character count component. The error message component will not display if you use a falsy value for `errorMessage`, for example `false` or `null`.",
+        "isComponent": true
+    },
+    {
+        "name": "formGroup",
+        "type": "object",
+        "required": false,
+        "description": "Additional options for the form group containing the character count component.",
+        "params": [
+            {
+                "name": "classes",
+                "type": "string",
+                "required": false,
+                "description": "Classes to add to the form group (for example to show error state for the whole group)."
+            },
+            {
+                "name": "attributes",
+                "type": "object",
+                "required": false,
+                "description": "HTML attributes (for example data attributes) to add to the form group."
+            },
+            {
+                "name": "beforeInput",
+                "type": "object",
+                "required": false,
+                "description": "Content to add before the textarea used by the character count component.",
+                "params": [
+                    {
+                        "name": "text",
+                        "type": "string",
+                        "required": true,
+                        "description": "Text to add before the textarea. If `html` is provided, the `text` option will be ignored."
+                    },
+                    {
+                        "name": "html",
+                        "type": "string",
+                        "required": true,
+                        "description": "HTML to add before the textarea. If `html` is provided, the `text` option will be ignored."
+                    }
+                ]
+            },
+            {
+                "name": "afterInput",
+                "type": "object",
+                "required": false,
+                "description": "Content to add after the textarea used by the character count component.",
+                "params": [
+                    {
+                        "name": "text",
+                        "type": "string",
+                        "required": true,
+                        "description": "Text to add after the textarea. If `html` is provided, the `text` option will be ignored."
+                    },
+                    {
+                        "name": "html",
+                        "type": "string",
+                        "required": true,
+                        "description": "HTML to add after the textarea. If `html` is provided, the `text` option will be ignored."
+                    }
+                ]
+            }
+        ]
+    },
+    {
+        "name": "classes",
+        "type": "string",
+        "required": false,
+        "description": "Classes to add to the textarea."
+    },
+    {
+        "name": "attributes",
+        "type": "object",
+        "required": false,
+        "description": "HTML attributes (for example data attributes) to add to the textarea."
+    },
+    {
+        "name": "spellcheck",
+        "type": "boolean",
+        "required": false,
+        "description": "Optional field to enable or disable the `spellcheck` attribute on the character count."
+    },
+    {
+        "name": "countMessage",
+        "type": "object",
+        "required": false,
+        "description": "Additional options for the count message used by the character count component.",
+        "params": [
+            {
+                "name": "classes",
+                "type": "string",
+                "required": false,
+                "description": "Classes to add to the count message."
+            }
+        ]
+    },
+    {
+        "name": "textareaDescriptionText",
+        "type": "string",
+        "required": false,
+        "description": "Message made available to assistive technologies to describe that the component accepts only a limited amount of content. It is visible on the page when JavaScript is unavailable. The component will replace the `%{count}` placeholder with the value of the `maxlength` or `maxwords` parameter."
+    },
+    {
+        "name": "charactersUnderLimitText",
+        "type": "object",
+        "required": false,
+        "description": "Message displayed when the number of characters is under the configured maximum, `maxlength`. This message is displayed visually and through assistive technologies. The component will replace the `%{count}` placeholder with the number of remaining characters. [Our pluralisation rules apply to this macro option](https://frontend.design-system.service.gov.uk/localise-govuk-frontend/#understanding-pluralisation-rules)."
+    },
+    {
+        "name": "charactersAtLimitText",
+        "type": "string",
+        "required": false,
+        "description": "Message displayed when the number of characters reaches the configured maximum, `maxlength`. This message is displayed visually and through assistive technologies."
+    },
+    {
+        "name": "charactersOverLimitText",
+        "type": "object",
+        "required": false,
+        "description": "Message displayed when the number of characters is over the configured maximum, `maxlength`. This message is displayed visually and through assistive technologies. The component will replace the `%{count}` placeholder with the number of characters above the maximum.[Our pluralisation rules apply to this macro option](https://frontend.design-system.service.gov.uk/localise-govuk-frontend/#understanding-pluralisation-rules)."
+    },
+    {
+        "name": "wordsUnderLimitText",
+        "type": "object",
+        "required": false,
+        "description": "Message displayed when the number of words is under the configured maximum, `maxwords`. This message is displayed visually and through assistive technologies. The component will replace the `%{count}` placeholder with the number of remaining words. [Our pluralisation rules apply to this macro option](https://frontend.design-system.service.gov.uk/localise-govuk-frontend/#understanding-pluralisation-rules)."
+    },
+    {
+        "name": "wordsAtLimitText",
+        "type": "string",
+        "required": false,
+        "description": "Message displayed when the number of words reaches the configured maximum, `maxwords`. This message is displayed visually and through assistive technologies."
+    },
+    {
+        "name": "wordsOverLimitText",
+        "type": "object",
+        "required": false,
+        "description": "Message displayed when the number of words is over the configured maximum, `maxwords`. This message is displayed visually and through assistive technologies. The component will replace the `%{count}` placeholder with the number of characters above the maximum. [Our pluralisation rules apply to this macro option](https://frontend.design-system.service.gov.uk/localise-govuk-frontend/#understanding-pluralisation-rules)."
+    }
+]
diff --git a/app/templates/govuk/components/components/character-count/macro.njk b/app/templates/govuk/components/components/character-count/macro.njk
new file mode 100644
index 0000000..b845572
--- /dev/null
+++ b/app/templates/govuk/components/components/character-count/macro.njk
@@ -0,0 +1,3 @@
+{% macro govukCharacterCount(params) %}
+  {%- include "./template.njk" -%}
+{% endmacro %}
diff --git a/app/templates/govuk/components/components/character-count/template-default.html b/app/templates/govuk/components/components/character-count/template-default.html
new file mode 100644
index 0000000..cce9f4a
--- /dev/null
+++ b/app/templates/govuk/components/components/character-count/template-default.html
@@ -0,0 +1,9 @@
+<div class="govuk-form-group govuk-character-count" data-module="govuk-character-count" data-maxlength="10">
+  <label class="govuk-label" for="more-detail">
+    Can you provide more detail?
+  </label>
+  <textarea class="govuk-textarea govuk-js-character-count" id="more-detail" name="more-detail" rows="5" aria-describedby="more-detail-info"></textarea>
+  <div id="more-detail-info" class="govuk-hint govuk-character-count__message">
+    You can enter up to 10 characters
+  </div>
+</div>
diff --git a/app/templates/govuk/components/components/character-count/template-with-custom-rows.html b/app/templates/govuk/components/components/character-count/template-with-custom-rows.html
new file mode 100644
index 0000000..ff6ded7
--- /dev/null
+++ b/app/templates/govuk/components/components/character-count/template-with-custom-rows.html
@@ -0,0 +1,9 @@
+<div class="govuk-form-group govuk-character-count" data-module="govuk-character-count" data-maxlength="10">
+  <label class="govuk-label" for="custom-rows">
+    Full address
+  </label>
+  <textarea class="govuk-textarea govuk-js-character-count" id="custom-rows" name="custom" rows="8" aria-describedby="custom-rows-info"></textarea>
+  <div id="custom-rows-info" class="govuk-hint govuk-character-count__message">
+    You can enter up to 10 characters
+  </div>
+</div>
diff --git a/app/templates/govuk/components/components/character-count/template-with-default-value-exceeding-limit.html b/app/templates/govuk/components/components/character-count/template-with-default-value-exceeding-limit.html
new file mode 100644
index 0000000..20d4125
--- /dev/null
+++ b/app/templates/govuk/components/components/character-count/template-with-default-value-exceeding-limit.html
@@ -0,0 +1,15 @@
+<div class="govuk-form-group govuk-form-group--error govuk-character-count" data-module="govuk-character-count" data-maxlength="10">
+  <label class="govuk-label" for="exceeding-characters">
+    Full address
+  </label>
+  <p id="exceeding-characters-error" class="govuk-error-message">
+    <span class="govuk-visually-hidden">Error:</span> Please do not exceed the maximum allowed limit
+  </p>
+  <textarea class="govuk-textarea govuk-textarea--error govuk-js-character-count" id="exceeding-characters" name="exceeding" rows="5" aria-describedby="exceeding-characters-info exceeding-characters-error">221B Baker Street
+London
+NW1 6XE
+</textarea>
+  <div id="exceeding-characters-info" class="govuk-hint govuk-character-count__message">
+    You can enter up to 10 characters
+  </div>
+</div>
diff --git a/app/templates/govuk/components/components/character-count/template-with-default-value.html b/app/templates/govuk/components/components/character-count/template-with-default-value.html
new file mode 100644
index 0000000..db188e6
--- /dev/null
+++ b/app/templates/govuk/components/components/character-count/template-with-default-value.html
@@ -0,0 +1,12 @@
+<div class="govuk-form-group govuk-character-count" data-module="govuk-character-count" data-maxlength="100">
+  <label class="govuk-label" for="with-default-value">
+    Full address
+  </label>
+  <textarea class="govuk-textarea govuk-js-character-count" id="with-default-value" name="default-value" rows="5" aria-describedby="with-default-value-info">221B Baker Street
+London
+NW1 6XE
+</textarea>
+  <div id="with-default-value-info" class="govuk-hint govuk-character-count__message">
+    You can enter up to 100 characters
+  </div>
+</div>
diff --git a/app/templates/govuk/components/components/character-count/template-with-hint-and-error.html b/app/templates/govuk/components/components/character-count/template-with-hint-and-error.html
new file mode 100644
index 0000000..301f934
--- /dev/null
+++ b/app/templates/govuk/components/components/character-count/template-with-hint-and-error.html
@@ -0,0 +1,15 @@
+<div class="govuk-form-group govuk-form-group--error govuk-character-count" data-module="govuk-character-count" data-maxlength="10">
+  <label class="govuk-label" for="with-error">
+    Can you provide more detail?
+  </label>
+  <div id="with-error-hint" class="govuk-hint">
+    Don&#39;t include personal or financial information, eg your National Insurance number or credit card details.
+  </div>
+  <p id="with-error-error" class="govuk-error-message">
+    <span class="govuk-visually-hidden">Error:</span> Please provide more detail
+  </p>
+  <textarea class="govuk-textarea govuk-textarea--error govuk-js-character-count" id="with-error" name="with-error" rows="5" aria-describedby="with-error-info with-error-hint with-error-error"></textarea>
+  <div id="with-error-info" class="govuk-hint govuk-character-count__message">
+    You can enter up to 10 characters
+  </div>
+</div>
diff --git a/app/templates/govuk/components/components/character-count/template-with-hint.html b/app/templates/govuk/components/components/character-count/template-with-hint.html
new file mode 100644
index 0000000..00aa1ed
--- /dev/null
+++ b/app/templates/govuk/components/components/character-count/template-with-hint.html
@@ -0,0 +1,12 @@
+<div class="govuk-form-group govuk-character-count" data-module="govuk-character-count" data-maxlength="10">
+  <label class="govuk-label" for="with-hint">
+    Can you provide more detail?
+  </label>
+  <div id="with-hint-hint" class="govuk-hint">
+    Don&#39;t include personal or financial information, eg your National Insurance number or credit card details.
+  </div>
+  <textarea class="govuk-textarea govuk-js-character-count" id="with-hint" name="with-hint" rows="5" aria-describedby="with-hint-info with-hint-hint"></textarea>
+  <div id="with-hint-info" class="govuk-hint govuk-character-count__message">
+    You can enter up to 10 characters
+  </div>
+</div>
diff --git a/app/templates/govuk/components/components/character-count/template-with-label-as-page-heading.html b/app/templates/govuk/components/components/character-count/template-with-label-as-page-heading.html
new file mode 100644
index 0000000..c28b7f8
--- /dev/null
+++ b/app/templates/govuk/components/components/character-count/template-with-label-as-page-heading.html
@@ -0,0 +1,11 @@
+<div class="govuk-form-group govuk-character-count" data-module="govuk-character-count" data-maxlength="10">
+  <h1 class="govuk-label-wrapper">
+    <label class="govuk-label govuk-label--l" for="textarea-with-page-heading">
+      Full address
+    </label>
+  </h1>
+  <textarea class="govuk-textarea govuk-js-character-count" id="textarea-with-page-heading" name="address" rows="5" aria-describedby="textarea-with-page-heading-info"></textarea>
+  <div id="textarea-with-page-heading-info" class="govuk-hint govuk-character-count__message">
+    You can enter up to 10 characters
+  </div>
+</div>
diff --git a/app/templates/govuk/components/components/character-count/template-with-threshold.html b/app/templates/govuk/components/components/character-count/template-with-threshold.html
new file mode 100644
index 0000000..9b10f56
--- /dev/null
+++ b/app/templates/govuk/components/components/character-count/template-with-threshold.html
@@ -0,0 +1,9 @@
+<div class="govuk-form-group govuk-character-count" data-module="govuk-character-count" data-maxlength="10" data-threshold="75">
+  <label class="govuk-label" for="with-threshold">
+    Full address
+  </label>
+  <textarea class="govuk-textarea govuk-js-character-count" id="with-threshold" name="with-threshold" rows="5" aria-describedby="with-threshold-info"></textarea>
+  <div id="with-threshold-info" class="govuk-hint govuk-character-count__message">
+    You can enter up to 10 characters
+  </div>
+</div>
diff --git a/app/templates/govuk/components/components/character-count/template-with-word-count.html b/app/templates/govuk/components/components/character-count/template-with-word-count.html
new file mode 100644
index 0000000..ec95cc6
--- /dev/null
+++ b/app/templates/govuk/components/components/character-count/template-with-word-count.html
@@ -0,0 +1,9 @@
+<div class="govuk-form-group govuk-character-count" data-module="govuk-character-count" data-maxwords="10">
+  <label class="govuk-label" for="word-count">
+    Full address
+  </label>
+  <textarea class="govuk-textarea govuk-js-character-count" id="word-count" name="word-count" rows="5" aria-describedby="word-count-info"></textarea>
+  <div id="word-count-info" class="govuk-hint govuk-character-count__message">
+    You can enter up to 10 words
+  </div>
+</div>
diff --git a/app/templates/govuk/components/components/character-count/template.njk b/app/templates/govuk/components/components/character-count/template.njk
new file mode 100644
index 0000000..bf524ba
--- /dev/null
+++ b/app/templates/govuk/components/components/character-count/template.njk
@@ -0,0 +1,121 @@
+{% from "../../macros/attributes.njk" import govukAttributes %}
+{% from "../../macros/i18n.njk" import govukI18nAttributes %}
+{% from "../textarea/macro.njk" import govukTextarea %}
+{% from "../hint/macro.njk" import govukHint %}
+
+{#-
+  If the limit is set in JavaScript, we won't be able to interpolate the message
+  until JavaScript, so we only set a text if the `maxlength` or `maxwords` options
+  were provided to the macro.
+#}
+{%- set hasNoLimit = (not params.maxwords and not params.maxlength) -%}
+{%- set textareaDescriptionLength = params.maxwords or params.maxlength -%}
+{%- set textareaDescriptionText = params.textareaDescriptionText or 'You can enter up to %{count} ' + ('words' if params.maxwords else 'characters') -%}
+{%- set textareaDescriptionTextNoLimit = textareaDescriptionText | replace('%{count}', textareaDescriptionLength) if not hasNoLimit -%}
+{%- set id = params.id if params.id else params.name -%}
+
+{%- set countMessageHtml %}
+{{ govukHint({
+  text: textareaDescriptionTextNoLimit,
+  id: id + '-info',
+  classes: 'govuk-character-count__message' + (' ' + params.countMessage.classes if params.countMessage.classes)
+}) | trim }}
+{% if params.formGroup.afterInput %}
+  {{- params.formGroup.afterInput.html | safe | trim if params.formGroup.afterInput.html else params.formGroup.afterInput.text }}
+{% endif -%}
+{% endset -%}
+
+{%- set attributesHtml %}
+  {{- govukAttributes({
+    "data-module": "govuk-character-count",
+    "data-maxlength": {
+      value: params.maxlength,
+      optional: true
+    },
+    "data-threshold": {
+      value: params.threshold,
+      optional: true
+    },
+    "data-maxwords": {
+      value: params.maxwords,
+      optional: true
+    }
+  }) -}}
+
+  {#-
+    Without maxlength or maxwords, we can't guess if the component will count words or characters.
+    We can't guess a default textarea description to be interpolated in JavaScript
+    once the maximum gets configured there.
+    So we only add the attribute if a textarea description was explicitely provided.
+  #}
+  {%- if hasNoLimit and params.textareaDescriptionText %}
+    {{- govukI18nAttributes({
+      key: 'textarea-description',
+      messages: { other: params.textareaDescriptionText }
+    }) -}}
+  {% endif -%}
+
+  {{- govukI18nAttributes({
+    key: 'characters-under-limit',
+    messages: params.charactersUnderLimitText
+  }) -}}
+
+  {{- govukI18nAttributes({
+    key: 'characters-at-limit',
+    message: params.charactersAtLimitText
+  }) -}}
+
+  {{- govukI18nAttributes({
+    key: 'characters-over-limit',
+    messages: params.charactersOverLimitText
+  }) -}}
+
+  {{- govukI18nAttributes({
+    key: 'words-under-limit',
+    messages: params.wordsUnderLimitText
+  }) -}}
+
+  {{- govukI18nAttributes({
+    key: 'words-at-limit',
+    message: params.wordsAtLimitText
+  }) -}}
+
+  {{- govukI18nAttributes({
+    key: 'words-over-limit',
+    messages: params.wordsOverLimitText
+  }) -}}
+{% endset -%}
+
+{#- Append form group attributes onto attributes set above #}
+{%- for name, value in params.formGroup.attributes %}
+  {% set attributesHtml = attributesHtml + " " + name | escape + '="' + value | escape + '"' %}
+{% endfor -%}
+
+{{ govukTextarea({
+  id: id,
+  name: params.name,
+  describedBy: id + '-info',
+  rows: params.rows,
+  spellcheck: params.spellcheck,
+  value: params.value,
+  formGroup: {
+    classes: 'govuk-character-count' + (' ' + params.formGroup.classes if params.formGroup.classes),
+    attributes: attributesHtml,
+    beforeInput: params.formGroup.beforeInput,
+    afterInput: {
+      html: countMessageHtml
+    }
+  },
+  classes: 'govuk-js-character-count' + (' ' + params.classes if params.classes),
+  label: {
+    html: params.label.html,
+    text: params.label.text,
+    classes: params.label.classes,
+    isPageHeading: params.label.isPageHeading,
+    attributes: params.label.attributes,
+    for: id
+  },
+  hint: params.hint,
+  errorMessage: params.errorMessage,
+  attributes: params.attributes
+}) | trim }}
diff --git a/app/templates/govuk/components/components/checkboxes/README.md b/app/templates/govuk/components/components/checkboxes/README.md
new file mode 100644
index 0000000..9d8c12c
--- /dev/null
+++ b/app/templates/govuk/components/components/checkboxes/README.md
@@ -0,0 +1,15 @@
+# Checkboxes
+
+## Installation
+
+See the [main README quick start guide](https://github.com/alphagov/govuk-frontend#quick-start) for how to install this component.
+
+## Guidance and Examples
+
+Find out when to use the checkboxes component in your service in the [GOV.UK Design System](https://design-system.service.gov.uk/components/checkboxes).
+
+## Component options
+
+Use options to customise the appearance, content and behaviour of a component when using a macro, for example, changing the text.
+
+See [options table](https://design-system.service.gov.uk/components/checkboxes/#options-checkboxes-example) for details.
diff --git a/app/templates/govuk/components/components/checkboxes/_checkboxes.scss b/app/templates/govuk/components/components/checkboxes/_checkboxes.scss
new file mode 100644
index 0000000..a9b352d
--- /dev/null
+++ b/app/templates/govuk/components/components/checkboxes/_checkboxes.scss
@@ -0,0 +1,4 @@
+@import "../../base";
+@import "./index";
+
+/*# sourceMappingURL=_checkboxes.scss.map */
diff --git a/app/templates/govuk/components/components/checkboxes/_checkboxes.scss.map b/app/templates/govuk/components/components/checkboxes/_checkboxes.scss.map
new file mode 100644
index 0000000..5fb0327
--- /dev/null
+++ b/app/templates/govuk/components/components/checkboxes/_checkboxes.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/checkboxes/_checkboxes.scss"],"names":[],"mappings":"AAAA,oBAAoB;AACpB,iBAAiB","file":"_checkboxes.scss","sourcesContent":["@import \"../../base\";\n@import \"./index\";\n"]}
diff --git a/app/templates/govuk/components/components/checkboxes/_index.scss b/app/templates/govuk/components/components/checkboxes/_index.scss
new file mode 100644
index 0000000..9d380ad
--- /dev/null
+++ b/app/templates/govuk/components/components/checkboxes/_index.scss
@@ -0,0 +1,311 @@
+@import "../error-message/index";
+@import "../fieldset/index";
+@import "../hint/index";
+@import "../label/index";
+
+@include govuk-exports("govuk/component/checkboxes") {
+  $govuk-touch-target-gutter: 4px;
+  $govuk-checkboxes-size: 40px;
+  $govuk-touch-target-size: ($govuk-checkboxes-size + $govuk-touch-target-gutter);
+  $govuk-small-checkboxes-size: 24px;
+  $govuk-checkboxes-label-padding-left-right: govuk-spacing(3);
+  $govuk-checkbox-check-horizontal-position: 10px;
+
+  .govuk-checkboxes__item {
+    display: flex;
+    flex-wrap: wrap;
+    position: relative;
+    margin-bottom: govuk-spacing(2);
+  }
+
+  .govuk-checkboxes__item:last-child,
+  .govuk-checkboxes__item:last-of-type {
+    margin-bottom: 0;
+  }
+
+  .govuk-checkboxes__input {
+    // Allow the input to sit above the label, enabling its proper detection
+    // when exploring by touch or using automation tools like Selenium
+    z-index: 1;
+    width: $govuk-touch-target-size;
+    height: $govuk-touch-target-size;
+    margin: 0;
+    opacity: 0;
+    cursor: pointer;
+  }
+
+  .govuk-checkboxes__label {
+    align-self: center;
+
+    // Ensure that the width of the label is never more than the width of the
+    // container minus the input width minus the padding on either side of
+    // the label. This prevents the label from going onto the next line due to
+    // __item using flex-wrap because we want hints on a separate line.
+    max-width: calc(100% - #{(($govuk-checkboxes-label-padding-left-right * 2) + $govuk-touch-target-size)});
+    margin-bottom: 0;
+    padding: (govuk-spacing(1) + $govuk-border-width-form-element) govuk-spacing(3);
+    cursor: pointer;
+    // remove 300ms pause on mobile
+    touch-action: manipulation;
+  }
+
+  // [ ] Check box
+  .govuk-checkboxes__label::before {
+    content: "";
+    box-sizing: border-box;
+    position: absolute;
+    top: ($govuk-touch-target-gutter / 2);
+    left: ($govuk-touch-target-gutter / 2);
+    width: $govuk-checkboxes-size;
+    height: $govuk-checkboxes-size;
+    border: $govuk-border-width-form-element solid currentcolor;
+    background: transparent;
+  }
+
+  // ✔ Check mark
+  //
+  // The check mark is a box with a border on the left and bottom side (└──),
+  // rotated 45 degrees
+  .govuk-checkboxes__label::after {
+    content: "";
+    box-sizing: border-box;
+    position: absolute;
+
+    // Use "magic numbers" to define shape and position of check mark because
+    // the complexity of the shape makes it difficult to calculate dynamically.
+    top: 13px;
+    left: $govuk-checkbox-check-horizontal-position;
+    width: 23px;
+    height: 12px;
+    transform: rotate(-45deg);
+    border: solid;
+    border-width: 0 0 5px 5px;
+    // Fix bug in IE11 caused by transform rotate (-45deg).
+    // See: alphagov/govuk_elements/issues/518
+    border-top-color: transparent;
+    opacity: 0;
+    background: transparent;
+  }
+
+  .govuk-checkboxes__hint {
+    display: block;
+    width: 100%;
+    margin-top: govuk-spacing(-1);
+    padding-right: $govuk-checkboxes-label-padding-left-right;
+    padding-left: ($govuk-checkboxes-label-padding-left-right + $govuk-touch-target-size);
+  }
+
+  // This is to bypass govuk-hint's specificity on hints following labels having
+  // a margin bottom of 10px (govuk-spacing(2)). Because checkboxes are flexbox,
+  // the margin doesn't collapse so we have to do this manually.
+  .govuk-label:not(.govuk-label--m):not(.govuk-label--l):not(.govuk-label--xl) + .govuk-checkboxes__hint {
+    margin-bottom: 0;
+  }
+
+  // Focused state
+  .govuk-checkboxes__input:focus + .govuk-checkboxes__label::before {
+    border-width: 4px;
+
+    // When colours are overridden, the yellow box-shadow becomes invisible
+    // which means the focus state is less obvious. By adding a transparent
+    // outline, which becomes solid (text-coloured) in that context, we ensure
+    // the focus remains clearly visible.
+    outline: $govuk-focus-width solid transparent;
+    outline-offset: 1px;
+
+    // When in an explicit forced-color mode, we can use the Highlight system
+    // color for the outline to better match focus states of native controls
+    @media screen and (forced-colors: active), (-ms-high-contrast: active) {
+      outline-color: Highlight;
+    }
+
+    box-shadow: 0 0 0 $govuk-focus-width $govuk-focus-colour;
+  }
+
+  // Selected state
+  .govuk-checkboxes__input:checked + .govuk-checkboxes__label::after {
+    opacity: 1;
+  }
+
+  // Disabled state
+  .govuk-checkboxes__input:disabled,
+  .govuk-checkboxes__input:disabled + .govuk-checkboxes__label {
+    cursor: not-allowed;
+  }
+
+  .govuk-checkboxes__input:disabled + .govuk-checkboxes__label,
+  .govuk-checkboxes__input:disabled ~ .govuk-hint {
+    opacity: 0.5;
+  }
+
+  // =========================================================
+  // Dividers ('or')
+  // =========================================================
+
+  .govuk-checkboxes__divider {
+    @include govuk-font($size: 19);
+    @include govuk-text-colour;
+    $govuk-divider-size: $govuk-checkboxes-size !default;
+    width: $govuk-divider-size;
+    margin-bottom: govuk-spacing(2);
+    text-align: center;
+  }
+
+  // =========================================================
+  // Conditional reveals
+  // =========================================================
+
+  // The narrow border is used in the conditional reveals because the border has
+  // to be an even number in order to be centred under the 40px checkbox or radio.
+  $conditional-border-width: $govuk-border-width-narrow;
+  // Calculate the amount of padding needed to keep the border centered against the checkbox.
+  $conditional-border-padding: ($govuk-touch-target-size / 2) - ($conditional-border-width / 2);
+  // Move the border centered with the checkbox
+  $conditional-margin-left: $conditional-border-padding;
+  // Move the contents of the conditional inline with the label
+  $conditional-padding-left: $conditional-border-padding + $govuk-checkboxes-label-padding-left-right;
+
+  .govuk-checkboxes__conditional {
+    @include govuk-responsive-margin(4, "bottom");
+    margin-left: $conditional-margin-left;
+    padding-left: $conditional-padding-left;
+    border-left: $conditional-border-width solid $govuk-border-colour;
+
+    .govuk-frontend-supported &--hidden {
+      display: none;
+    }
+
+    & > :last-child {
+      margin-bottom: 0;
+    }
+  }
+
+  // =========================================================
+  // Small checkboxes
+  // =========================================================
+
+  .govuk-checkboxes--small {
+    $input-offset: ($govuk-touch-target-size - $govuk-small-checkboxes-size) / 2;
+
+    .govuk-checkboxes__item {
+      margin-bottom: 0;
+    }
+
+    // Shift the touch target into the left margin so that the visible edge of
+    // the control is aligned
+    //
+    //   ┆What colours do you like?
+    //  ┌┆───┐
+    //  │┆[] │ Purple
+    //  └┆▲──┘
+    //  ▲┆└─ Check box pseudo element, aligned with margin
+    //  └─── Touch target (invisible input), shifted into the margin
+    .govuk-checkboxes__input {
+      margin-left: $input-offset * -1;
+    }
+
+    .govuk-checkboxes__label {
+      // Create a tiny space between the small checkbox hover state so that it
+      // doesn't clash with the label
+      padding-left: 1px;
+    }
+
+    // [ ] Check box
+    //
+    // Reduce the size of the check box [1], vertically center it within the
+    // touch target [2]
+    // Left here is 0 because we've shifted the input into the left margin
+    .govuk-checkboxes__label::before {
+      top: $input-offset; // 2
+      left: 0;
+      width: $govuk-small-checkboxes-size; // 1
+      height: $govuk-small-checkboxes-size; // 1
+    }
+
+    // ✔ Check mark
+    //
+    // Reduce the size of the check mark and re-align within the checkbox
+    .govuk-checkboxes__label::after {
+      top: 17px;
+
+      // Horizontal position is just the normal sized left value accounting for
+      // the new width of the smaller checkbox
+      left: (16px - $govuk-checkbox-check-horizontal-position);
+      width: 12px;
+      height: 6.5px;
+      border-width: 0 0 3px 3px;
+    }
+
+    // Fix position of hint with small checkboxes
+    //
+    // Do not use hints with small checkboxes – because they're within the input
+    // wrapper they trigger the hover state, but clicking them doesn't actually
+    // activate the control.
+    //
+    // (If you do use them, they won't look completely broken... but seriously,
+    // don't use them)
+    .govuk-checkboxes__hint {
+      padding-left: ($govuk-small-checkboxes-size + $input-offset);
+    }
+
+    // Align conditional reveals with small checkboxes
+    .govuk-checkboxes__conditional {
+      $margin-left: ($govuk-small-checkboxes-size / 2) - ($conditional-border-width / 2);
+      margin-left: $margin-left;
+      padding-left: ($govuk-touch-target-size - $input-offset) - ($margin-left + $conditional-border-width);
+    }
+
+    .govuk-checkboxes__divider {
+      width: $govuk-small-checkboxes-size;
+      margin-bottom: govuk-spacing(1);
+    }
+
+    // Hover state for small checkboxes.
+    //
+    // We use a hover state for small checkboxes because the touch target size
+    // is so much larger than their visible size, and so we need to provide
+    // feedback to the user as to which checkbox they will select when their
+    // cursor is outside of the visible area.
+    .govuk-checkboxes__item:hover .govuk-checkboxes__input:not(:disabled) + .govuk-checkboxes__label::before {
+      // Forced colours modes tend to ignore box-shadow.
+      // Apply an outline for those modes to use instead.
+      outline: $govuk-focus-width dashed transparent;
+      outline-offset: 1px;
+      box-shadow: 0 0 0 $govuk-hover-width $govuk-hover-colour;
+    }
+
+    // Because we've overridden the border-shadow provided by the focus state,
+    // we need to redefine that too.
+    //
+    // We use two box shadows, one that restores the original focus state [1]
+    // and another that then applies the hover state [2].
+    .govuk-checkboxes__item:hover .govuk-checkboxes__input:focus + .govuk-checkboxes__label::before {
+      // Set different HCM colour when we have both hover/focus applied at once
+      @media screen and (forced-colors: active), (-ms-high-contrast: active) {
+        outline-color: Highlight;
+      }
+      // prettier-ignore
+      box-shadow:
+        0 0 0 $govuk-focus-width $govuk-focus-colour, // 1
+        0 0 0 $govuk-hover-width $govuk-hover-colour; // 2
+    }
+
+    // For devices that explicitly don't support hover, don't provide a hover
+    // state (e.g. on touch devices like iOS).
+    //
+    // We can't use `@media (hover: hover)` because we wouldn't get the hover
+    // state in browsers that don't support `@media (hover)` (like Internet
+    // Explorer) – so we have to 'undo' the hover state instead.
+    @media (hover: none), (pointer: coarse) {
+      .govuk-checkboxes__item:hover .govuk-checkboxes__input:not(:disabled) + .govuk-checkboxes__label::before {
+        box-shadow: initial;
+      }
+
+      .govuk-checkboxes__item:hover .govuk-checkboxes__input:focus + .govuk-checkboxes__label::before {
+        box-shadow: 0 0 0 $govuk-focus-width $govuk-focus-colour;
+      }
+    }
+  }
+}
+
+/*# sourceMappingURL=_index.scss.map */
diff --git a/app/templates/govuk/components/components/checkboxes/_index.scss.map b/app/templates/govuk/components/components/checkboxes/_index.scss.map
new file mode 100644
index 0000000..54af135
--- /dev/null
+++ b/app/templates/govuk/components/components/checkboxes/_index.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/checkboxes/_index.scss"],"names":[],"mappings":"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","file":"_index.scss","sourcesContent":["@import \"../error-message/index\";\n@import \"../fieldset/index\";\n@import \"../hint/index\";\n@import \"../label/index\";\n\n@include govuk-exports(\"govuk/component/checkboxes\") {\n  $govuk-touch-target-gutter: 4px;\n  $govuk-checkboxes-size: 40px;\n  $govuk-touch-target-size: ($govuk-checkboxes-size + $govuk-touch-target-gutter);\n  $govuk-small-checkboxes-size: 24px;\n  $govuk-checkboxes-label-padding-left-right: govuk-spacing(3);\n  $govuk-checkbox-check-horizontal-position: 10px;\n\n  .govuk-checkboxes__item {\n    display: flex;\n    flex-wrap: wrap;\n    position: relative;\n    margin-bottom: govuk-spacing(2);\n  }\n\n  .govuk-checkboxes__item:last-child,\n  .govuk-checkboxes__item:last-of-type {\n    margin-bottom: 0;\n  }\n\n  .govuk-checkboxes__input {\n    // Allow the input to sit above the label, enabling its proper detection\n    // when exploring by touch or using automation tools like Selenium\n    z-index: 1;\n    width: $govuk-touch-target-size;\n    height: $govuk-touch-target-size;\n    margin: 0;\n    opacity: 0;\n    cursor: pointer;\n  }\n\n  .govuk-checkboxes__label {\n    align-self: center;\n\n    // Ensure that the width of the label is never more than the width of the\n    // container minus the input width minus the padding on either side of\n    // the label. This prevents the label from going onto the next line due to\n    // __item using flex-wrap because we want hints on a separate line.\n    max-width: calc(100% - #{(($govuk-checkboxes-label-padding-left-right * 2) + $govuk-touch-target-size)});\n    margin-bottom: 0;\n    padding: (govuk-spacing(1) + $govuk-border-width-form-element) govuk-spacing(3);\n    cursor: pointer;\n    // remove 300ms pause on mobile\n    touch-action: manipulation;\n  }\n\n  // [ ] Check box\n  .govuk-checkboxes__label::before {\n    content: \"\";\n    box-sizing: border-box;\n    position: absolute;\n    top: ($govuk-touch-target-gutter / 2);\n    left: ($govuk-touch-target-gutter / 2);\n    width: $govuk-checkboxes-size;\n    height: $govuk-checkboxes-size;\n    border: $govuk-border-width-form-element solid currentcolor;\n    background: transparent;\n  }\n\n  // ✔ Check mark\n  //\n  // The check mark is a box with a border on the left and bottom side (└──),\n  // rotated 45 degrees\n  .govuk-checkboxes__label::after {\n    content: \"\";\n    box-sizing: border-box;\n    position: absolute;\n\n    // Use \"magic numbers\" to define shape and position of check mark because\n    // the complexity of the shape makes it difficult to calculate dynamically.\n    top: 13px;\n    left: $govuk-checkbox-check-horizontal-position;\n    width: 23px;\n    height: 12px;\n    transform: rotate(-45deg);\n    border: solid;\n    border-width: 0 0 5px 5px;\n    // Fix bug in IE11 caused by transform rotate (-45deg).\n    // See: alphagov/govuk_elements/issues/518\n    border-top-color: transparent;\n    opacity: 0;\n    background: transparent;\n  }\n\n  .govuk-checkboxes__hint {\n    display: block;\n    width: 100%;\n    margin-top: govuk-spacing(-1);\n    padding-right: $govuk-checkboxes-label-padding-left-right;\n    padding-left: ($govuk-checkboxes-label-padding-left-right + $govuk-touch-target-size);\n  }\n\n  // This is to bypass govuk-hint's specificity on hints following labels having\n  // a margin bottom of 10px (govuk-spacing(2)). Because checkboxes are flexbox,\n  // the margin doesn't collapse so we have to do this manually.\n  .govuk-label:not(.govuk-label--m):not(.govuk-label--l):not(.govuk-label--xl) + .govuk-checkboxes__hint {\n    margin-bottom: 0;\n  }\n\n  // Focused state\n  .govuk-checkboxes__input:focus + .govuk-checkboxes__label::before {\n    border-width: 4px;\n\n    // When colours are overridden, the yellow box-shadow becomes invisible\n    // which means the focus state is less obvious. By adding a transparent\n    // outline, which becomes solid (text-coloured) in that context, we ensure\n    // the focus remains clearly visible.\n    outline: $govuk-focus-width solid transparent;\n    outline-offset: 1px;\n\n    // When in an explicit forced-color mode, we can use the Highlight system\n    // color for the outline to better match focus states of native controls\n    @media screen and (forced-colors: active), (-ms-high-contrast: active) {\n      outline-color: Highlight;\n    }\n\n    box-shadow: 0 0 0 $govuk-focus-width $govuk-focus-colour;\n  }\n\n  // Selected state\n  .govuk-checkboxes__input:checked + .govuk-checkboxes__label::after {\n    opacity: 1;\n  }\n\n  // Disabled state\n  .govuk-checkboxes__input:disabled,\n  .govuk-checkboxes__input:disabled + .govuk-checkboxes__label {\n    cursor: not-allowed;\n  }\n\n  .govuk-checkboxes__input:disabled + .govuk-checkboxes__label,\n  .govuk-checkboxes__input:disabled ~ .govuk-hint {\n    opacity: 0.5;\n  }\n\n  // =========================================================\n  // Dividers ('or')\n  // =========================================================\n\n  .govuk-checkboxes__divider {\n    @include govuk-font($size: 19);\n    @include govuk-text-colour;\n    $govuk-divider-size: $govuk-checkboxes-size !default;\n    width: $govuk-divider-size;\n    margin-bottom: govuk-spacing(2);\n    text-align: center;\n  }\n\n  // =========================================================\n  // Conditional reveals\n  // =========================================================\n\n  // The narrow border is used in the conditional reveals because the border has\n  // to be an even number in order to be centred under the 40px checkbox or radio.\n  $conditional-border-width: $govuk-border-width-narrow;\n  // Calculate the amount of padding needed to keep the border centered against the checkbox.\n  $conditional-border-padding: ($govuk-touch-target-size / 2) - ($conditional-border-width / 2);\n  // Move the border centered with the checkbox\n  $conditional-margin-left: $conditional-border-padding;\n  // Move the contents of the conditional inline with the label\n  $conditional-padding-left: $conditional-border-padding + $govuk-checkboxes-label-padding-left-right;\n\n  .govuk-checkboxes__conditional {\n    @include govuk-responsive-margin(4, \"bottom\");\n    margin-left: $conditional-margin-left;\n    padding-left: $conditional-padding-left;\n    border-left: $conditional-border-width solid $govuk-border-colour;\n\n    .govuk-frontend-supported &--hidden {\n      display: none;\n    }\n\n    & > :last-child {\n      margin-bottom: 0;\n    }\n  }\n\n  // =========================================================\n  // Small checkboxes\n  // =========================================================\n\n  .govuk-checkboxes--small {\n    $input-offset: ($govuk-touch-target-size - $govuk-small-checkboxes-size) / 2;\n\n    .govuk-checkboxes__item {\n      margin-bottom: 0;\n    }\n\n    // Shift the touch target into the left margin so that the visible edge of\n    // the control is aligned\n    //\n    //   ┆What colours do you like?\n    //  ┌┆───┐\n    //  │┆[] │ Purple\n    //  └┆▲──┘\n    //  ▲┆└─ Check box pseudo element, aligned with margin\n    //  └─── Touch target (invisible input), shifted into the margin\n    .govuk-checkboxes__input {\n      margin-left: $input-offset * -1;\n    }\n\n    .govuk-checkboxes__label {\n      // Create a tiny space between the small checkbox hover state so that it\n      // doesn't clash with the label\n      padding-left: 1px;\n    }\n\n    // [ ] Check box\n    //\n    // Reduce the size of the check box [1], vertically center it within the\n    // touch target [2]\n    // Left here is 0 because we've shifted the input into the left margin\n    .govuk-checkboxes__label::before {\n      top: $input-offset; // 2\n      left: 0;\n      width: $govuk-small-checkboxes-size; // 1\n      height: $govuk-small-checkboxes-size; // 1\n    }\n\n    // ✔ Check mark\n    //\n    // Reduce the size of the check mark and re-align within the checkbox\n    .govuk-checkboxes__label::after {\n      top: 17px;\n\n      // Horizontal position is just the normal sized left value accounting for\n      // the new width of the smaller checkbox\n      left: (16px - $govuk-checkbox-check-horizontal-position);\n      width: 12px;\n      height: 6.5px;\n      border-width: 0 0 3px 3px;\n    }\n\n    // Fix position of hint with small checkboxes\n    //\n    // Do not use hints with small checkboxes – because they're within the input\n    // wrapper they trigger the hover state, but clicking them doesn't actually\n    // activate the control.\n    //\n    // (If you do use them, they won't look completely broken... but seriously,\n    // don't use them)\n    .govuk-checkboxes__hint {\n      padding-left: ($govuk-small-checkboxes-size + $input-offset);\n    }\n\n    // Align conditional reveals with small checkboxes\n    .govuk-checkboxes__conditional {\n      $margin-left: ($govuk-small-checkboxes-size / 2) - ($conditional-border-width / 2);\n      margin-left: $margin-left;\n      padding-left: ($govuk-touch-target-size - $input-offset) - ($margin-left + $conditional-border-width);\n    }\n\n    .govuk-checkboxes__divider {\n      width: $govuk-small-checkboxes-size;\n      margin-bottom: govuk-spacing(1);\n    }\n\n    // Hover state for small checkboxes.\n    //\n    // We use a hover state for small checkboxes because the touch target size\n    // is so much larger than their visible size, and so we need to provide\n    // feedback to the user as to which checkbox they will select when their\n    // cursor is outside of the visible area.\n    .govuk-checkboxes__item:hover .govuk-checkboxes__input:not(:disabled) + .govuk-checkboxes__label::before {\n      // Forced colours modes tend to ignore box-shadow.\n      // Apply an outline for those modes to use instead.\n      outline: $govuk-focus-width dashed transparent;\n      outline-offset: 1px;\n      box-shadow: 0 0 0 $govuk-hover-width $govuk-hover-colour;\n    }\n\n    // Because we've overridden the border-shadow provided by the focus state,\n    // we need to redefine that too.\n    //\n    // We use two box shadows, one that restores the original focus state [1]\n    // and another that then applies the hover state [2].\n    .govuk-checkboxes__item:hover .govuk-checkboxes__input:focus + .govuk-checkboxes__label::before {\n      // Set different HCM colour when we have both hover/focus applied at once\n      @media screen and (forced-colors: active), (-ms-high-contrast: active) {\n        outline-color: Highlight;\n      }\n      // prettier-ignore\n      box-shadow:\n        0 0 0 $govuk-focus-width $govuk-focus-colour, // 1\n        0 0 0 $govuk-hover-width $govuk-hover-colour; // 2\n    }\n\n    // For devices that explicitly don't support hover, don't provide a hover\n    // state (e.g. on touch devices like iOS).\n    //\n    // We can't use `@media (hover: hover)` because we wouldn't get the hover\n    // state in browsers that don't support `@media (hover)` (like Internet\n    // Explorer) – so we have to 'undo' the hover state instead.\n    @media (hover: none), (pointer: coarse) {\n      .govuk-checkboxes__item:hover .govuk-checkboxes__input:not(:disabled) + .govuk-checkboxes__label::before {\n        box-shadow: initial;\n      }\n\n      .govuk-checkboxes__item:hover .govuk-checkboxes__input:focus + .govuk-checkboxes__label::before {\n        box-shadow: 0 0 0 $govuk-focus-width $govuk-focus-colour;\n      }\n    }\n  }\n}\n"]}
diff --git a/app/templates/govuk/components/components/checkboxes/checkboxes.bundle.js b/app/templates/govuk/components/components/checkboxes/checkboxes.bundle.js
new file mode 100644
index 0000000..56bf705
--- /dev/null
+++ b/app/templates/govuk/components/components/checkboxes/checkboxes.bundle.js
@@ -0,0 +1,253 @@
+(function (global, factory) {
+  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports) :
+  typeof define === 'function' && define.amd ? define(['exports'], factory) :
+  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.GOVUKFrontend = global.GOVUKFrontend || {}));
+})(this, (function (exports) { 'use strict';
+
+  function isInitialised($root, moduleName) {
+    return $root instanceof HTMLElement && $root.hasAttribute(`data-${moduleName}-init`);
+  }
+
+  /**
+   * Checks if GOV.UK Frontend is supported on this page
+   *
+   * Some browsers will load and run our JavaScript but GOV.UK Frontend
+   * won't be supported.
+   *
+   * @param {HTMLElement | null} [$scope] - (internal) `<body>` HTML element checked for browser support
+   * @returns {boolean} Whether GOV.UK Frontend is supported on this page
+   */
+  function isSupported($scope = document.body) {
+    if (!$scope) {
+      return false;
+    }
+    return $scope.classList.contains('govuk-frontend-supported');
+  }
+  function isArray(option) {
+    return Array.isArray(option);
+  }
+  function isObject(option) {
+    return !!option && typeof option === 'object' && !isArray(option);
+  }
+  function formatErrorMessage(Component, message) {
+    return `${Component.moduleName}: ${message}`;
+  }
+  /**
+   * @typedef ComponentWithModuleName
+   * @property {string} moduleName - Name of the component
+   */
+
+  class GOVUKFrontendError extends Error {
+    constructor(...args) {
+      super(...args);
+      this.name = 'GOVUKFrontendError';
+    }
+  }
+  class SupportError extends GOVUKFrontendError {
+    /**
+     * Checks if GOV.UK Frontend is supported on this page
+     *
+     * @param {HTMLElement | null} [$scope] - HTML element `<body>` checked for browser support
+     */
+    constructor($scope = document.body) {
+      const supportMessage = 'noModule' in HTMLScriptElement.prototype ? 'GOV.UK Frontend initialised without `<body class="govuk-frontend-supported">` from template `<script>` snippet' : 'GOV.UK Frontend is not supported in this browser';
+      super($scope ? supportMessage : 'GOV.UK Frontend initialised without `<script type="module">`');
+      this.name = 'SupportError';
+    }
+  }
+  class ElementError extends GOVUKFrontendError {
+    constructor(messageOrOptions) {
+      let message = typeof messageOrOptions === 'string' ? messageOrOptions : '';
+      if (isObject(messageOrOptions)) {
+        const {
+          component,
+          identifier,
+          element,
+          expectedType
+        } = messageOrOptions;
+        message = identifier;
+        message += element ? ` is not of type ${expectedType != null ? expectedType : 'HTMLElement'}` : ' not found';
+        if (component) {
+          message = formatErrorMessage(component, message);
+        }
+      }
+      super(message);
+      this.name = 'ElementError';
+    }
+  }
+  class InitError extends GOVUKFrontendError {
+    constructor(componentOrMessage) {
+      const message = typeof componentOrMessage === 'string' ? componentOrMessage : formatErrorMessage(componentOrMessage, `Root element (\`$root\`) already initialised`);
+      super(message);
+      this.name = 'InitError';
+    }
+  }
+  /**
+   * @import { ComponentWithModuleName } from '../common/index.mjs'
+   */
+
+  class Component {
+    /**
+     * Returns the root element of the component
+     *
+     * @protected
+     * @returns {RootElementType} - the root element of component
+     */
+    get $root() {
+      return this._$root;
+    }
+    constructor($root) {
+      this._$root = void 0;
+      const childConstructor = this.constructor;
+      if (typeof childConstructor.moduleName !== 'string') {
+        throw new InitError(`\`moduleName\` not defined in component`);
+      }
+      if (!($root instanceof childConstructor.elementType)) {
+        throw new ElementError({
+          element: $root,
+          component: childConstructor,
+          identifier: 'Root element (`$root`)',
+          expectedType: childConstructor.elementType.name
+        });
+      } else {
+        this._$root = $root;
+      }
+      childConstructor.checkSupport();
+      this.checkInitialised();
+      const moduleName = childConstructor.moduleName;
+      this.$root.setAttribute(`data-${moduleName}-init`, '');
+    }
+    checkInitialised() {
+      const constructor = this.constructor;
+      const moduleName = constructor.moduleName;
+      if (moduleName && isInitialised(this.$root, moduleName)) {
+        throw new InitError(constructor);
+      }
+    }
+    static checkSupport() {
+      if (!isSupported()) {
+        throw new SupportError();
+      }
+    }
+  }
+
+  /**
+   * @typedef ChildClass
+   * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component
+   */
+
+  /**
+   * @typedef {typeof Component & ChildClass} ChildClassConstructor
+   */
+  Component.elementType = HTMLElement;
+
+  /**
+   * Checkboxes component
+   *
+   * @preserve
+   */
+  class Checkboxes extends Component {
+    /**
+     * Checkboxes can be associated with a 'conditionally revealed' content block
+     * – for example, a checkbox for 'Phone' could reveal an additional form field
+     * for the user to enter their phone number.
+     *
+     * These associations are made using a `data-aria-controls` attribute, which
+     * is promoted to an aria-controls attribute during initialisation.
+     *
+     * We also need to restore the state of any conditional reveals on the page
+     * (for example if the user has navigated back), and set up event handlers to
+     * keep the reveal in sync with the checkbox state.
+     *
+     * @param {Element | null} $root - HTML element to use for checkboxes
+     */
+    constructor($root) {
+      super($root);
+      this.$inputs = void 0;
+      const $inputs = this.$root.querySelectorAll('input[type="checkbox"]');
+      if (!$inputs.length) {
+        throw new ElementError({
+          component: Checkboxes,
+          identifier: 'Form inputs (`<input type="checkbox">`)'
+        });
+      }
+      this.$inputs = $inputs;
+      this.$inputs.forEach($input => {
+        const targetId = $input.getAttribute('data-aria-controls');
+        if (!targetId) {
+          return;
+        }
+        if (!document.getElementById(targetId)) {
+          throw new ElementError({
+            component: Checkboxes,
+            identifier: `Conditional reveal (\`id="${targetId}"\`)`
+          });
+        }
+        $input.setAttribute('aria-controls', targetId);
+        $input.removeAttribute('data-aria-controls');
+      });
+      window.addEventListener('pageshow', () => this.syncAllConditionalReveals());
+      this.syncAllConditionalReveals();
+      this.$root.addEventListener('click', event => this.handleClick(event));
+    }
+    syncAllConditionalReveals() {
+      this.$inputs.forEach($input => this.syncConditionalRevealWithInputState($input));
+    }
+    syncConditionalRevealWithInputState($input) {
+      const targetId = $input.getAttribute('aria-controls');
+      if (!targetId) {
+        return;
+      }
+      const $target = document.getElementById(targetId);
+      if ($target != null && $target.classList.contains('govuk-checkboxes__conditional')) {
+        const inputIsChecked = $input.checked;
+        $input.setAttribute('aria-expanded', inputIsChecked.toString());
+        $target.classList.toggle('govuk-checkboxes__conditional--hidden', !inputIsChecked);
+      }
+    }
+    unCheckAllInputsExcept($input) {
+      const allInputsWithSameName = document.querySelectorAll(`input[type="checkbox"][name="${$input.name}"]`);
+      allInputsWithSameName.forEach($inputWithSameName => {
+        const hasSameFormOwner = $input.form === $inputWithSameName.form;
+        if (hasSameFormOwner && $inputWithSameName !== $input) {
+          $inputWithSameName.checked = false;
+          this.syncConditionalRevealWithInputState($inputWithSameName);
+        }
+      });
+    }
+    unCheckExclusiveInputs($input) {
+      const allInputsWithSameNameAndExclusiveBehaviour = document.querySelectorAll(`input[data-behaviour="exclusive"][type="checkbox"][name="${$input.name}"]`);
+      allInputsWithSameNameAndExclusiveBehaviour.forEach($exclusiveInput => {
+        const hasSameFormOwner = $input.form === $exclusiveInput.form;
+        if (hasSameFormOwner) {
+          $exclusiveInput.checked = false;
+          this.syncConditionalRevealWithInputState($exclusiveInput);
+        }
+      });
+    }
+    handleClick(event) {
+      const $clickedInput = event.target;
+      if (!($clickedInput instanceof HTMLInputElement) || $clickedInput.type !== 'checkbox') {
+        return;
+      }
+      const hasAriaControls = $clickedInput.getAttribute('aria-controls');
+      if (hasAriaControls) {
+        this.syncConditionalRevealWithInputState($clickedInput);
+      }
+      if (!$clickedInput.checked) {
+        return;
+      }
+      const hasBehaviourExclusive = $clickedInput.getAttribute('data-behaviour') === 'exclusive';
+      if (hasBehaviourExclusive) {
+        this.unCheckAllInputsExcept($clickedInput);
+      } else {
+        this.unCheckExclusiveInputs($clickedInput);
+      }
+    }
+  }
+  Checkboxes.moduleName = 'govuk-checkboxes';
+
+  exports.Checkboxes = Checkboxes;
+
+}));
+//# sourceMappingURL=checkboxes.bundle.js.map
diff --git a/app/templates/govuk/components/components/checkboxes/checkboxes.bundle.js.map b/app/templates/govuk/components/components/checkboxes/checkboxes.bundle.js.map
new file mode 100644
index 0000000..cc338fc
--- /dev/null
+++ b/app/templates/govuk/components/components/checkboxes/checkboxes.bundle.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"checkboxes.bundle.js","sources":["../../../../src/govuk/common/index.mjs","../../../../src/govuk/errors/index.mjs","../../../../src/govuk/component.mjs","../../../../src/govuk/components/checkboxes/checkboxes.mjs"],"sourcesContent":["/**\n * Common helpers which do not require polyfill.\n *\n * IMPORTANT: If a helper require a polyfill, please isolate it in its own module\n * so that the polyfill can be properly tree-shaken and does not burden\n * the components that do not need that helper\n */\n\n/**\n * Get GOV.UK Frontend breakpoint value from CSS custom property\n *\n * @private\n * @param {string} name - Breakpoint name\n * @returns {{ property: string, value?: string }} Breakpoint object\n */\nexport function getBreakpoint(name) {\n  const property = `--govuk-breakpoint-${name}`\n\n  // Get value from `<html>` with breakpoints on CSS :root\n  const value = window\n    .getComputedStyle(document.documentElement)\n    .getPropertyValue(property)\n\n  return {\n    property,\n    value: value || undefined\n  }\n}\n\n/**\n * Move focus to element\n *\n * Sets tabindex to -1 to make the element programmatically focusable,\n * but removes it on blur as the element doesn't need to be focused again.\n *\n * @private\n * @template {HTMLElement} FocusElement\n * @param {FocusElement} $element - HTML element\n * @param {object} [options] - Handler options\n * @param {function(this: FocusElement): void} [options.onBeforeFocus] - Callback before focus\n * @param {function(this: FocusElement): void} [options.onBlur] - Callback on blur\n */\nexport function setFocus($element, options = {}) {\n  const isFocusable = $element.getAttribute('tabindex')\n\n  if (!isFocusable) {\n    $element.setAttribute('tabindex', '-1')\n  }\n\n  /**\n   * Handle element focus\n   */\n  function onFocus() {\n    $element.addEventListener('blur', onBlur, { once: true })\n  }\n\n  /**\n   * Handle element blur\n   */\n  function onBlur() {\n    options.onBlur?.call($element)\n\n    if (!isFocusable) {\n      $element.removeAttribute('tabindex')\n    }\n  }\n\n  // Add listener to reset element on blur, after focus\n  $element.addEventListener('focus', onFocus, { once: true })\n\n  // Focus element\n  options.onBeforeFocus?.call($element)\n  $element.focus()\n}\n\n/**\n * Checks if component is already initialised\n *\n * @internal\n * @param {Element} $root - HTML element to be checked\n * @param {string} moduleName - name of component module\n * @returns {boolean} Whether component is already initialised\n */\nexport function isInitialised($root, moduleName) {\n  return (\n    $root instanceof HTMLElement &&\n    $root.hasAttribute(`data-${moduleName}-init`)\n  )\n}\n\n/**\n * Checks if GOV.UK Frontend is supported on this page\n *\n * Some browsers will load and run our JavaScript but GOV.UK Frontend\n * won't be supported.\n *\n * @param {HTMLElement | null} [$scope] - (internal) `<body>` HTML element checked for browser support\n * @returns {boolean} Whether GOV.UK Frontend is supported on this page\n */\nexport function isSupported($scope = document.body) {\n  if (!$scope) {\n    return false\n  }\n\n  return $scope.classList.contains('govuk-frontend-supported')\n}\n\n/**\n * Check for an array\n *\n * @internal\n * @param {unknown} option - Option to check\n * @returns {boolean} Whether the option is an array\n */\nfunction isArray(option) {\n  return Array.isArray(option)\n}\n\n/**\n * Check for an object\n *\n * @internal\n * @template {Partial<Record<keyof ObjectType, unknown>>} ObjectType\n * @param {unknown | ObjectType} option - Option to check\n * @returns {option is ObjectType} Whether the option is an object\n */\nexport function isObject(option) {\n  return !!option && typeof option === 'object' && !isArray(option)\n}\n\n/**\n * Check for valid scope\n *\n * @internal\n * @template {Element | Document} ScopeType\n * @param {unknown | ScopeType} $scope - Scope of the document to search within\n * @returns {$scope is ScopeType} Whether the scope can be queried\n */\nexport function isScope($scope) {\n  return !!$scope && ($scope instanceof Element || $scope instanceof Document)\n}\n\n/**\n * Format error message\n *\n * @internal\n * @param {ComponentWithModuleName} Component - Component that threw the error\n * @param {string} message - Error message\n * @returns {string} - Formatted error message\n */\nexport function formatErrorMessage(Component, message) {\n  return `${Component.moduleName}: ${message}`\n}\n\n/* eslint-disable jsdoc/valid-types --\n * `{new(...args: any[] ): object}` is not recognised as valid\n * https://github.com/gajus/eslint-plugin-jsdoc/issues/145#issuecomment-1308722878\n * https://github.com/jsdoc-type-pratt-parser/jsdoc-type-pratt-parser/issues/131\n **/\n\n/**\n * @typedef ComponentWithModuleName\n * @property {string} moduleName - Name of the component\n */\n\n/* eslint-enable jsdoc/valid-types */\n","import { formatErrorMessage, isObject } from '../common/index.mjs'\n\n/**\n * GOV.UK Frontend error\n *\n * A base class for `Error`s thrown by GOV.UK Frontend.\n *\n * It is meant to be extended into specific types of errors\n * to be thrown by our code.\n *\n * @example\n * ```js\n * class MissingRootError extends GOVUKFrontendError {\n *   // Setting an explicit name is important as extending the class will not\n *   // set a new `name` on the subclass. The `name` property is important\n *   // to ensure intelligible error names even if the class name gets\n *   // mangled by a minifier\n *   name = \"MissingRootError\"\n * }\n * ```\n * @virtual\n */\nexport class GOVUKFrontendError extends Error {\n  name = 'GOVUKFrontendError'\n}\n\n/**\n * Indicates that GOV.UK Frontend is not supported\n */\nexport class SupportError extends GOVUKFrontendError {\n  name = 'SupportError'\n\n  /**\n   * Checks if GOV.UK Frontend is supported on this page\n   *\n   * @param {HTMLElement | null} [$scope] - HTML element `<body>` checked for browser support\n   */\n  constructor($scope = document.body) {\n    const supportMessage =\n      'noModule' in HTMLScriptElement.prototype\n        ? 'GOV.UK Frontend initialised without `<body class=\"govuk-frontend-supported\">` from template `<script>` snippet'\n        : 'GOV.UK Frontend is not supported in this browser'\n\n    super(\n      $scope\n        ? supportMessage\n        : 'GOV.UK Frontend initialised without `<script type=\"module\">`'\n    )\n  }\n}\n\n/**\n * Indicates that a component has received an illegal configuration\n */\nexport class ConfigError extends GOVUKFrontendError {\n  name = 'ConfigError'\n}\n\n/**\n * Indicates an issue with an element (possibly `null` or `undefined`)\n */\nexport class ElementError extends GOVUKFrontendError {\n  name = 'ElementError'\n\n  /**\n   * @internal\n   * @overload\n   * @param {string} message - Element error message\n   */\n\n  /**\n   * @internal\n   * @overload\n   * @param {ElementErrorOptions} options - Element error options\n   */\n\n  /**\n   * @internal\n   * @param {string | ElementErrorOptions} messageOrOptions - Element error message or options\n   */\n  constructor(messageOrOptions) {\n    let message = typeof messageOrOptions === 'string' ? messageOrOptions : ''\n\n    // Build message from options\n    if (isObject(messageOrOptions)) {\n      const { component, identifier, element, expectedType } = messageOrOptions\n\n      message = identifier\n\n      // Append reason\n      message += element\n        ? ` is not of type ${expectedType ?? 'HTMLElement'}`\n        : ' not found'\n\n      // Prepend with module name (optional)\n      if (component) {\n        message = formatErrorMessage(component, message)\n      }\n    }\n\n    super(message)\n  }\n}\n\n/**\n * Indicates that a component is already initialised\n */\nexport class InitError extends GOVUKFrontendError {\n  name = 'InitError'\n\n  /**\n   * @internal\n   * @param {ComponentWithModuleName | string} componentOrMessage - name of the component module\n   */\n  constructor(componentOrMessage) {\n    const message =\n      typeof componentOrMessage === 'string'\n        ? componentOrMessage\n        : formatErrorMessage(\n            componentOrMessage,\n            `Root element (\\`$root\\`) already initialised`\n          )\n\n    super(message)\n  }\n}\n\n/**\n * Element error options\n *\n * @internal\n * @typedef {object} ElementErrorOptions\n * @property {Element | Document | null} [element] - The element in error (optional)\n * @property {ComponentWithModuleName} [component] - Component throwing the error (optional)\n * @property {string} identifier - An identifier that'll let the user understand which element has an error. This is whatever makes the most sense\n * @property {string} [expectedType] - The type that was expected for the identifier (optional)\n */\n\n/**\n * @import { ComponentWithModuleName } from '../common/index.mjs'\n */\n","import { isInitialised, isSupported } from './common/index.mjs'\nimport { ElementError, InitError, SupportError } from './errors/index.mjs'\n\n/**\n * Base Component class\n *\n * Centralises the behaviours shared by our components\n *\n * @virtual\n * @template {Element} [RootElementType=HTMLElement]\n */\nexport class Component {\n  /**\n   * @type {typeof Element}\n   */\n  static elementType = HTMLElement\n\n  // allows Typescript user to work around the lack of types\n  // in GOVUKFrontend package, Typescript is not aware of $root\n  // in components that extend GOVUKFrontendComponent\n  /**\n   * Returns the root element of the component\n   *\n   * @protected\n   * @returns {RootElementType} - the root element of component\n   */\n  get $root() {\n    return this._$root\n  }\n\n  /**\n   * @protected\n   * @type {RootElementType}\n   */\n  _$root\n\n  /**\n   * Constructs a new component, validating that GOV.UK Frontend is supported\n   *\n   * @internal\n   * @param {Element | null} [$root] - HTML element to use for component\n   */\n  constructor($root) {\n    const childConstructor = /** @type {ChildClassConstructor} */ (\n      this.constructor\n    )\n\n    // TypeScript does not enforce that inheriting classes will define a `moduleName`\n    // (even if we add a `@virtual` `static moduleName` property to this class).\n    // While we trust users to do this correctly, we do a little check to provide them\n    // a helpful error message.\n    //\n    // After this, we'll be sure that `childConstructor` has a `moduleName`\n    // as expected of the `ChildClassConstructor` we've cast `this.constructor` to.\n    if (typeof childConstructor.moduleName !== 'string') {\n      throw new InitError(`\\`moduleName\\` not defined in component`)\n    }\n\n    if (!($root instanceof childConstructor.elementType)) {\n      throw new ElementError({\n        element: $root,\n        component: childConstructor,\n        identifier: 'Root element (`$root`)',\n        expectedType: childConstructor.elementType.name\n      })\n    } else {\n      this._$root = /** @type {RootElementType} */ ($root)\n    }\n\n    childConstructor.checkSupport()\n\n    this.checkInitialised()\n\n    const moduleName = childConstructor.moduleName\n\n    this.$root.setAttribute(`data-${moduleName}-init`, '')\n  }\n\n  /**\n   * Validates whether component is already initialised\n   *\n   * @private\n   * @throws {InitError} when component is already initialised\n   */\n  checkInitialised() {\n    const constructor = /** @type {ChildClassConstructor} */ (this.constructor)\n    const moduleName = constructor.moduleName\n\n    if (moduleName && isInitialised(this.$root, moduleName)) {\n      throw new InitError(constructor)\n    }\n  }\n\n  /**\n   * Validates whether components are supported\n   *\n   * @throws {SupportError} when the components are not supported\n   */\n  static checkSupport() {\n    if (!isSupported()) {\n      throw new SupportError()\n    }\n  }\n}\n\n/**\n * @typedef ChildClass\n * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component\n */\n\n/**\n * @typedef {typeof Component & ChildClass} ChildClassConstructor\n */\n","import { Component } from '../../component.mjs'\nimport { ElementError } from '../../errors/index.mjs'\n\n/**\n * Checkboxes component\n *\n * @preserve\n */\nexport class Checkboxes extends Component {\n  /** @private */\n  $inputs\n\n  /**\n   * Checkboxes can be associated with a 'conditionally revealed' content block\n   * – for example, a checkbox for 'Phone' could reveal an additional form field\n   * for the user to enter their phone number.\n   *\n   * These associations are made using a `data-aria-controls` attribute, which\n   * is promoted to an aria-controls attribute during initialisation.\n   *\n   * We also need to restore the state of any conditional reveals on the page\n   * (for example if the user has navigated back), and set up event handlers to\n   * keep the reveal in sync with the checkbox state.\n   *\n   * @param {Element | null} $root - HTML element to use for checkboxes\n   */\n  constructor($root) {\n    super($root)\n\n    const $inputs = this.$root.querySelectorAll('input[type=\"checkbox\"]')\n    if (!$inputs.length) {\n      throw new ElementError({\n        component: Checkboxes,\n        identifier: 'Form inputs (`<input type=\"checkbox\">`)'\n      })\n    }\n\n    this.$inputs = $inputs\n\n    this.$inputs.forEach(($input) => {\n      const targetId = $input.getAttribute('data-aria-controls')\n\n      // Skip radios without data-aria-controls attributes\n      if (!targetId) {\n        return\n      }\n\n      // Throw if target conditional element does not exist.\n      if (!document.getElementById(targetId)) {\n        throw new ElementError({\n          component: Checkboxes,\n          identifier: `Conditional reveal (\\`id=\"${targetId}\"\\`)`\n        })\n      }\n\n      // Promote the data-aria-controls attribute to a aria-controls attribute\n      // so that the relationship is exposed in the AOM\n      $input.setAttribute('aria-controls', targetId)\n      $input.removeAttribute('data-aria-controls')\n    })\n\n    // When the page is restored after navigating 'back' in some browsers the\n    // state of form controls is not restored until *after* the DOMContentLoaded\n    // event is fired, so we need to sync after the pageshow event.\n    window.addEventListener('pageshow', () => this.syncAllConditionalReveals())\n\n    // Although we've set up handlers to sync state on the pageshow event, init\n    // could be called after those events have fired, for example if they are\n    // added to the page dynamically, so sync now too.\n    this.syncAllConditionalReveals()\n\n    // Handle events\n    this.$root.addEventListener('click', (event) => this.handleClick(event))\n  }\n\n  /**\n   * Sync the conditional reveal states for all checkboxes in this component.\n   *\n   * @private\n   */\n  syncAllConditionalReveals() {\n    this.$inputs.forEach(($input) =>\n      this.syncConditionalRevealWithInputState($input)\n    )\n  }\n\n  /**\n   * Sync conditional reveal with the input state\n   *\n   * Synchronise the visibility of the conditional reveal, and its accessible\n   * state, with the input's checked state.\n   *\n   * @private\n   * @param {HTMLInputElement} $input - Checkbox input\n   */\n  syncConditionalRevealWithInputState($input) {\n    const targetId = $input.getAttribute('aria-controls')\n    if (!targetId) {\n      return\n    }\n\n    const $target = document.getElementById(targetId)\n    if ($target?.classList.contains('govuk-checkboxes__conditional')) {\n      const inputIsChecked = $input.checked\n\n      $input.setAttribute('aria-expanded', inputIsChecked.toString())\n      $target.classList.toggle(\n        'govuk-checkboxes__conditional--hidden',\n        !inputIsChecked\n      )\n    }\n  }\n\n  /**\n   * Uncheck other checkboxes\n   *\n   * Find any other checkbox inputs with the same name value, and uncheck them.\n   * This is useful for when a “None of these\" checkbox is checked.\n   *\n   * @private\n   * @param {HTMLInputElement} $input - Checkbox input\n   */\n  unCheckAllInputsExcept($input) {\n    const allInputsWithSameName = document.querySelectorAll(\n      `input[type=\"checkbox\"][name=\"${$input.name}\"]`\n    )\n\n    allInputsWithSameName.forEach(($inputWithSameName) => {\n      const hasSameFormOwner = $input.form === $inputWithSameName.form\n      if (hasSameFormOwner && $inputWithSameName !== $input) {\n        $inputWithSameName.checked = false\n        this.syncConditionalRevealWithInputState($inputWithSameName)\n      }\n    })\n  }\n\n  /**\n   * Uncheck exclusive checkboxes\n   *\n   * Find any checkbox inputs with the same name value and the 'exclusive'\n   * behaviour, and uncheck them. This helps prevent someone checking both a\n   * regular checkbox and a \"None of these\" checkbox in the same fieldset.\n   *\n   * @private\n   * @param {HTMLInputElement} $input - Checkbox input\n   */\n  unCheckExclusiveInputs($input) {\n    const allInputsWithSameNameAndExclusiveBehaviour =\n      document.querySelectorAll(\n        `input[data-behaviour=\"exclusive\"][type=\"checkbox\"][name=\"${$input.name}\"]`\n      )\n\n    allInputsWithSameNameAndExclusiveBehaviour.forEach(($exclusiveInput) => {\n      const hasSameFormOwner = $input.form === $exclusiveInput.form\n      if (hasSameFormOwner) {\n        $exclusiveInput.checked = false\n        this.syncConditionalRevealWithInputState($exclusiveInput)\n      }\n    })\n  }\n\n  /**\n   * Click event handler\n   *\n   * Handle a click within the component root – if the click occurred on a checkbox,\n   * sync the state of any associated conditional reveal with the checkbox\n   * state.\n   *\n   * @private\n   * @param {MouseEvent} event - Click event\n   */\n  handleClick(event) {\n    const $clickedInput = event.target\n\n    // Ignore clicks on things that aren't checkbox inputs\n    if (\n      !($clickedInput instanceof HTMLInputElement) ||\n      $clickedInput.type !== 'checkbox'\n    ) {\n      return\n    }\n\n    // If the checkbox conditionally-reveals some content, sync the state\n    const hasAriaControls = $clickedInput.getAttribute('aria-controls')\n    if (hasAriaControls) {\n      this.syncConditionalRevealWithInputState($clickedInput)\n    }\n\n    // No further behaviour needed for unchecking\n    if (!$clickedInput.checked) {\n      return\n    }\n\n    // Handle 'exclusive' checkbox behaviour (ie \"None of these\")\n    const hasBehaviourExclusive =\n      $clickedInput.getAttribute('data-behaviour') === 'exclusive'\n    if (hasBehaviourExclusive) {\n      this.unCheckAllInputsExcept($clickedInput)\n    } else {\n      this.unCheckExclusiveInputs($clickedInput)\n    }\n  }\n\n  /**\n   * Name for the component used when initialising using data-module attributes.\n   */\n  static moduleName = 'govuk-checkboxes'\n}\n"],"names":["isInitialised","$root","moduleName","HTMLElement","hasAttribute","isSupported","$scope","document","body","classList","contains","isArray","option","Array","isObject","formatErrorMessage","Component","message","GOVUKFrontendError","Error","constructor","args","name","SupportError","supportMessage","HTMLScriptElement","prototype","ElementError","messageOrOptions","component","identifier","element","expectedType","InitError","componentOrMessage","_$root","childConstructor","elementType","checkSupport","checkInitialised","setAttribute","Checkboxes","$inputs","querySelectorAll","length","forEach","$input","targetId","getAttribute","getElementById","removeAttribute","window","addEventListener","syncAllConditionalReveals","event","handleClick","syncConditionalRevealWithInputState","$target","inputIsChecked","checked","toString","toggle","unCheckAllInputsExcept","allInputsWithSameName","$inputWithSameName","hasSameFormOwner","form","unCheckExclusiveInputs","allInputsWithSameNameAndExclusiveBehaviour","$exclusiveInput","$clickedInput","target","HTMLInputElement","type","hasAriaControls","hasBehaviourExclusive"],"mappings":"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"}
\ No newline at end of file
diff --git a/app/templates/govuk/components/components/checkboxes/checkboxes.bundle.mjs b/app/templates/govuk/components/components/checkboxes/checkboxes.bundle.mjs
new file mode 100644
index 0000000..18e00bd
--- /dev/null
+++ b/app/templates/govuk/components/components/checkboxes/checkboxes.bundle.mjs
@@ -0,0 +1,245 @@
+function isInitialised($root, moduleName) {
+  return $root instanceof HTMLElement && $root.hasAttribute(`data-${moduleName}-init`);
+}
+
+/**
+ * Checks if GOV.UK Frontend is supported on this page
+ *
+ * Some browsers will load and run our JavaScript but GOV.UK Frontend
+ * won't be supported.
+ *
+ * @param {HTMLElement | null} [$scope] - (internal) `<body>` HTML element checked for browser support
+ * @returns {boolean} Whether GOV.UK Frontend is supported on this page
+ */
+function isSupported($scope = document.body) {
+  if (!$scope) {
+    return false;
+  }
+  return $scope.classList.contains('govuk-frontend-supported');
+}
+function isArray(option) {
+  return Array.isArray(option);
+}
+function isObject(option) {
+  return !!option && typeof option === 'object' && !isArray(option);
+}
+function formatErrorMessage(Component, message) {
+  return `${Component.moduleName}: ${message}`;
+}
+/**
+ * @typedef ComponentWithModuleName
+ * @property {string} moduleName - Name of the component
+ */
+
+class GOVUKFrontendError extends Error {
+  constructor(...args) {
+    super(...args);
+    this.name = 'GOVUKFrontendError';
+  }
+}
+class SupportError extends GOVUKFrontendError {
+  /**
+   * Checks if GOV.UK Frontend is supported on this page
+   *
+   * @param {HTMLElement | null} [$scope] - HTML element `<body>` checked for browser support
+   */
+  constructor($scope = document.body) {
+    const supportMessage = 'noModule' in HTMLScriptElement.prototype ? 'GOV.UK Frontend initialised without `<body class="govuk-frontend-supported">` from template `<script>` snippet' : 'GOV.UK Frontend is not supported in this browser';
+    super($scope ? supportMessage : 'GOV.UK Frontend initialised without `<script type="module">`');
+    this.name = 'SupportError';
+  }
+}
+class ElementError extends GOVUKFrontendError {
+  constructor(messageOrOptions) {
+    let message = typeof messageOrOptions === 'string' ? messageOrOptions : '';
+    if (isObject(messageOrOptions)) {
+      const {
+        component,
+        identifier,
+        element,
+        expectedType
+      } = messageOrOptions;
+      message = identifier;
+      message += element ? ` is not of type ${expectedType != null ? expectedType : 'HTMLElement'}` : ' not found';
+      if (component) {
+        message = formatErrorMessage(component, message);
+      }
+    }
+    super(message);
+    this.name = 'ElementError';
+  }
+}
+class InitError extends GOVUKFrontendError {
+  constructor(componentOrMessage) {
+    const message = typeof componentOrMessage === 'string' ? componentOrMessage : formatErrorMessage(componentOrMessage, `Root element (\`$root\`) already initialised`);
+    super(message);
+    this.name = 'InitError';
+  }
+}
+/**
+ * @import { ComponentWithModuleName } from '../common/index.mjs'
+ */
+
+class Component {
+  /**
+   * Returns the root element of the component
+   *
+   * @protected
+   * @returns {RootElementType} - the root element of component
+   */
+  get $root() {
+    return this._$root;
+  }
+  constructor($root) {
+    this._$root = void 0;
+    const childConstructor = this.constructor;
+    if (typeof childConstructor.moduleName !== 'string') {
+      throw new InitError(`\`moduleName\` not defined in component`);
+    }
+    if (!($root instanceof childConstructor.elementType)) {
+      throw new ElementError({
+        element: $root,
+        component: childConstructor,
+        identifier: 'Root element (`$root`)',
+        expectedType: childConstructor.elementType.name
+      });
+    } else {
+      this._$root = $root;
+    }
+    childConstructor.checkSupport();
+    this.checkInitialised();
+    const moduleName = childConstructor.moduleName;
+    this.$root.setAttribute(`data-${moduleName}-init`, '');
+  }
+  checkInitialised() {
+    const constructor = this.constructor;
+    const moduleName = constructor.moduleName;
+    if (moduleName && isInitialised(this.$root, moduleName)) {
+      throw new InitError(constructor);
+    }
+  }
+  static checkSupport() {
+    if (!isSupported()) {
+      throw new SupportError();
+    }
+  }
+}
+
+/**
+ * @typedef ChildClass
+ * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component
+ */
+
+/**
+ * @typedef {typeof Component & ChildClass} ChildClassConstructor
+ */
+Component.elementType = HTMLElement;
+
+/**
+ * Checkboxes component
+ *
+ * @preserve
+ */
+class Checkboxes extends Component {
+  /**
+   * Checkboxes can be associated with a 'conditionally revealed' content block
+   * – for example, a checkbox for 'Phone' could reveal an additional form field
+   * for the user to enter their phone number.
+   *
+   * These associations are made using a `data-aria-controls` attribute, which
+   * is promoted to an aria-controls attribute during initialisation.
+   *
+   * We also need to restore the state of any conditional reveals on the page
+   * (for example if the user has navigated back), and set up event handlers to
+   * keep the reveal in sync with the checkbox state.
+   *
+   * @param {Element | null} $root - HTML element to use for checkboxes
+   */
+  constructor($root) {
+    super($root);
+    this.$inputs = void 0;
+    const $inputs = this.$root.querySelectorAll('input[type="checkbox"]');
+    if (!$inputs.length) {
+      throw new ElementError({
+        component: Checkboxes,
+        identifier: 'Form inputs (`<input type="checkbox">`)'
+      });
+    }
+    this.$inputs = $inputs;
+    this.$inputs.forEach($input => {
+      const targetId = $input.getAttribute('data-aria-controls');
+      if (!targetId) {
+        return;
+      }
+      if (!document.getElementById(targetId)) {
+        throw new ElementError({
+          component: Checkboxes,
+          identifier: `Conditional reveal (\`id="${targetId}"\`)`
+        });
+      }
+      $input.setAttribute('aria-controls', targetId);
+      $input.removeAttribute('data-aria-controls');
+    });
+    window.addEventListener('pageshow', () => this.syncAllConditionalReveals());
+    this.syncAllConditionalReveals();
+    this.$root.addEventListener('click', event => this.handleClick(event));
+  }
+  syncAllConditionalReveals() {
+    this.$inputs.forEach($input => this.syncConditionalRevealWithInputState($input));
+  }
+  syncConditionalRevealWithInputState($input) {
+    const targetId = $input.getAttribute('aria-controls');
+    if (!targetId) {
+      return;
+    }
+    const $target = document.getElementById(targetId);
+    if ($target != null && $target.classList.contains('govuk-checkboxes__conditional')) {
+      const inputIsChecked = $input.checked;
+      $input.setAttribute('aria-expanded', inputIsChecked.toString());
+      $target.classList.toggle('govuk-checkboxes__conditional--hidden', !inputIsChecked);
+    }
+  }
+  unCheckAllInputsExcept($input) {
+    const allInputsWithSameName = document.querySelectorAll(`input[type="checkbox"][name="${$input.name}"]`);
+    allInputsWithSameName.forEach($inputWithSameName => {
+      const hasSameFormOwner = $input.form === $inputWithSameName.form;
+      if (hasSameFormOwner && $inputWithSameName !== $input) {
+        $inputWithSameName.checked = false;
+        this.syncConditionalRevealWithInputState($inputWithSameName);
+      }
+    });
+  }
+  unCheckExclusiveInputs($input) {
+    const allInputsWithSameNameAndExclusiveBehaviour = document.querySelectorAll(`input[data-behaviour="exclusive"][type="checkbox"][name="${$input.name}"]`);
+    allInputsWithSameNameAndExclusiveBehaviour.forEach($exclusiveInput => {
+      const hasSameFormOwner = $input.form === $exclusiveInput.form;
+      if (hasSameFormOwner) {
+        $exclusiveInput.checked = false;
+        this.syncConditionalRevealWithInputState($exclusiveInput);
+      }
+    });
+  }
+  handleClick(event) {
+    const $clickedInput = event.target;
+    if (!($clickedInput instanceof HTMLInputElement) || $clickedInput.type !== 'checkbox') {
+      return;
+    }
+    const hasAriaControls = $clickedInput.getAttribute('aria-controls');
+    if (hasAriaControls) {
+      this.syncConditionalRevealWithInputState($clickedInput);
+    }
+    if (!$clickedInput.checked) {
+      return;
+    }
+    const hasBehaviourExclusive = $clickedInput.getAttribute('data-behaviour') === 'exclusive';
+    if (hasBehaviourExclusive) {
+      this.unCheckAllInputsExcept($clickedInput);
+    } else {
+      this.unCheckExclusiveInputs($clickedInput);
+    }
+  }
+}
+Checkboxes.moduleName = 'govuk-checkboxes';
+
+export { Checkboxes };
+//# sourceMappingURL=checkboxes.bundle.mjs.map
diff --git a/app/templates/govuk/components/components/checkboxes/checkboxes.bundle.mjs.map b/app/templates/govuk/components/components/checkboxes/checkboxes.bundle.mjs.map
new file mode 100644
index 0000000..d38d9ff
--- /dev/null
+++ b/app/templates/govuk/components/components/checkboxes/checkboxes.bundle.mjs.map
@@ -0,0 +1 @@
+{"version":3,"file":"checkboxes.bundle.mjs","sources":["../../../../src/govuk/common/index.mjs","../../../../src/govuk/errors/index.mjs","../../../../src/govuk/component.mjs","../../../../src/govuk/components/checkboxes/checkboxes.mjs"],"sourcesContent":["/**\n * Common helpers which do not require polyfill.\n *\n * IMPORTANT: If a helper require a polyfill, please isolate it in its own module\n * so that the polyfill can be properly tree-shaken and does not burden\n * the components that do not need that helper\n */\n\n/**\n * Get GOV.UK Frontend breakpoint value from CSS custom property\n *\n * @private\n * @param {string} name - Breakpoint name\n * @returns {{ property: string, value?: string }} Breakpoint object\n */\nexport function getBreakpoint(name) {\n  const property = `--govuk-breakpoint-${name}`\n\n  // Get value from `<html>` with breakpoints on CSS :root\n  const value = window\n    .getComputedStyle(document.documentElement)\n    .getPropertyValue(property)\n\n  return {\n    property,\n    value: value || undefined\n  }\n}\n\n/**\n * Move focus to element\n *\n * Sets tabindex to -1 to make the element programmatically focusable,\n * but removes it on blur as the element doesn't need to be focused again.\n *\n * @private\n * @template {HTMLElement} FocusElement\n * @param {FocusElement} $element - HTML element\n * @param {object} [options] - Handler options\n * @param {function(this: FocusElement): void} [options.onBeforeFocus] - Callback before focus\n * @param {function(this: FocusElement): void} [options.onBlur] - Callback on blur\n */\nexport function setFocus($element, options = {}) {\n  const isFocusable = $element.getAttribute('tabindex')\n\n  if (!isFocusable) {\n    $element.setAttribute('tabindex', '-1')\n  }\n\n  /**\n   * Handle element focus\n   */\n  function onFocus() {\n    $element.addEventListener('blur', onBlur, { once: true })\n  }\n\n  /**\n   * Handle element blur\n   */\n  function onBlur() {\n    options.onBlur?.call($element)\n\n    if (!isFocusable) {\n      $element.removeAttribute('tabindex')\n    }\n  }\n\n  // Add listener to reset element on blur, after focus\n  $element.addEventListener('focus', onFocus, { once: true })\n\n  // Focus element\n  options.onBeforeFocus?.call($element)\n  $element.focus()\n}\n\n/**\n * Checks if component is already initialised\n *\n * @internal\n * @param {Element} $root - HTML element to be checked\n * @param {string} moduleName - name of component module\n * @returns {boolean} Whether component is already initialised\n */\nexport function isInitialised($root, moduleName) {\n  return (\n    $root instanceof HTMLElement &&\n    $root.hasAttribute(`data-${moduleName}-init`)\n  )\n}\n\n/**\n * Checks if GOV.UK Frontend is supported on this page\n *\n * Some browsers will load and run our JavaScript but GOV.UK Frontend\n * won't be supported.\n *\n * @param {HTMLElement | null} [$scope] - (internal) `<body>` HTML element checked for browser support\n * @returns {boolean} Whether GOV.UK Frontend is supported on this page\n */\nexport function isSupported($scope = document.body) {\n  if (!$scope) {\n    return false\n  }\n\n  return $scope.classList.contains('govuk-frontend-supported')\n}\n\n/**\n * Check for an array\n *\n * @internal\n * @param {unknown} option - Option to check\n * @returns {boolean} Whether the option is an array\n */\nfunction isArray(option) {\n  return Array.isArray(option)\n}\n\n/**\n * Check for an object\n *\n * @internal\n * @template {Partial<Record<keyof ObjectType, unknown>>} ObjectType\n * @param {unknown | ObjectType} option - Option to check\n * @returns {option is ObjectType} Whether the option is an object\n */\nexport function isObject(option) {\n  return !!option && typeof option === 'object' && !isArray(option)\n}\n\n/**\n * Check for valid scope\n *\n * @internal\n * @template {Element | Document} ScopeType\n * @param {unknown | ScopeType} $scope - Scope of the document to search within\n * @returns {$scope is ScopeType} Whether the scope can be queried\n */\nexport function isScope($scope) {\n  return !!$scope && ($scope instanceof Element || $scope instanceof Document)\n}\n\n/**\n * Format error message\n *\n * @internal\n * @param {ComponentWithModuleName} Component - Component that threw the error\n * @param {string} message - Error message\n * @returns {string} - Formatted error message\n */\nexport function formatErrorMessage(Component, message) {\n  return `${Component.moduleName}: ${message}`\n}\n\n/* eslint-disable jsdoc/valid-types --\n * `{new(...args: any[] ): object}` is not recognised as valid\n * https://github.com/gajus/eslint-plugin-jsdoc/issues/145#issuecomment-1308722878\n * https://github.com/jsdoc-type-pratt-parser/jsdoc-type-pratt-parser/issues/131\n **/\n\n/**\n * @typedef ComponentWithModuleName\n * @property {string} moduleName - Name of the component\n */\n\n/* eslint-enable jsdoc/valid-types */\n","import { formatErrorMessage, isObject } from '../common/index.mjs'\n\n/**\n * GOV.UK Frontend error\n *\n * A base class for `Error`s thrown by GOV.UK Frontend.\n *\n * It is meant to be extended into specific types of errors\n * to be thrown by our code.\n *\n * @example\n * ```js\n * class MissingRootError extends GOVUKFrontendError {\n *   // Setting an explicit name is important as extending the class will not\n *   // set a new `name` on the subclass. The `name` property is important\n *   // to ensure intelligible error names even if the class name gets\n *   // mangled by a minifier\n *   name = \"MissingRootError\"\n * }\n * ```\n * @virtual\n */\nexport class GOVUKFrontendError extends Error {\n  name = 'GOVUKFrontendError'\n}\n\n/**\n * Indicates that GOV.UK Frontend is not supported\n */\nexport class SupportError extends GOVUKFrontendError {\n  name = 'SupportError'\n\n  /**\n   * Checks if GOV.UK Frontend is supported on this page\n   *\n   * @param {HTMLElement | null} [$scope] - HTML element `<body>` checked for browser support\n   */\n  constructor($scope = document.body) {\n    const supportMessage =\n      'noModule' in HTMLScriptElement.prototype\n        ? 'GOV.UK Frontend initialised without `<body class=\"govuk-frontend-supported\">` from template `<script>` snippet'\n        : 'GOV.UK Frontend is not supported in this browser'\n\n    super(\n      $scope\n        ? supportMessage\n        : 'GOV.UK Frontend initialised without `<script type=\"module\">`'\n    )\n  }\n}\n\n/**\n * Indicates that a component has received an illegal configuration\n */\nexport class ConfigError extends GOVUKFrontendError {\n  name = 'ConfigError'\n}\n\n/**\n * Indicates an issue with an element (possibly `null` or `undefined`)\n */\nexport class ElementError extends GOVUKFrontendError {\n  name = 'ElementError'\n\n  /**\n   * @internal\n   * @overload\n   * @param {string} message - Element error message\n   */\n\n  /**\n   * @internal\n   * @overload\n   * @param {ElementErrorOptions} options - Element error options\n   */\n\n  /**\n   * @internal\n   * @param {string | ElementErrorOptions} messageOrOptions - Element error message or options\n   */\n  constructor(messageOrOptions) {\n    let message = typeof messageOrOptions === 'string' ? messageOrOptions : ''\n\n    // Build message from options\n    if (isObject(messageOrOptions)) {\n      const { component, identifier, element, expectedType } = messageOrOptions\n\n      message = identifier\n\n      // Append reason\n      message += element\n        ? ` is not of type ${expectedType ?? 'HTMLElement'}`\n        : ' not found'\n\n      // Prepend with module name (optional)\n      if (component) {\n        message = formatErrorMessage(component, message)\n      }\n    }\n\n    super(message)\n  }\n}\n\n/**\n * Indicates that a component is already initialised\n */\nexport class InitError extends GOVUKFrontendError {\n  name = 'InitError'\n\n  /**\n   * @internal\n   * @param {ComponentWithModuleName | string} componentOrMessage - name of the component module\n   */\n  constructor(componentOrMessage) {\n    const message =\n      typeof componentOrMessage === 'string'\n        ? componentOrMessage\n        : formatErrorMessage(\n            componentOrMessage,\n            `Root element (\\`$root\\`) already initialised`\n          )\n\n    super(message)\n  }\n}\n\n/**\n * Element error options\n *\n * @internal\n * @typedef {object} ElementErrorOptions\n * @property {Element | Document | null} [element] - The element in error (optional)\n * @property {ComponentWithModuleName} [component] - Component throwing the error (optional)\n * @property {string} identifier - An identifier that'll let the user understand which element has an error. This is whatever makes the most sense\n * @property {string} [expectedType] - The type that was expected for the identifier (optional)\n */\n\n/**\n * @import { ComponentWithModuleName } from '../common/index.mjs'\n */\n","import { isInitialised, isSupported } from './common/index.mjs'\nimport { ElementError, InitError, SupportError } from './errors/index.mjs'\n\n/**\n * Base Component class\n *\n * Centralises the behaviours shared by our components\n *\n * @virtual\n * @template {Element} [RootElementType=HTMLElement]\n */\nexport class Component {\n  /**\n   * @type {typeof Element}\n   */\n  static elementType = HTMLElement\n\n  // allows Typescript user to work around the lack of types\n  // in GOVUKFrontend package, Typescript is not aware of $root\n  // in components that extend GOVUKFrontendComponent\n  /**\n   * Returns the root element of the component\n   *\n   * @protected\n   * @returns {RootElementType} - the root element of component\n   */\n  get $root() {\n    return this._$root\n  }\n\n  /**\n   * @protected\n   * @type {RootElementType}\n   */\n  _$root\n\n  /**\n   * Constructs a new component, validating that GOV.UK Frontend is supported\n   *\n   * @internal\n   * @param {Element | null} [$root] - HTML element to use for component\n   */\n  constructor($root) {\n    const childConstructor = /** @type {ChildClassConstructor} */ (\n      this.constructor\n    )\n\n    // TypeScript does not enforce that inheriting classes will define a `moduleName`\n    // (even if we add a `@virtual` `static moduleName` property to this class).\n    // While we trust users to do this correctly, we do a little check to provide them\n    // a helpful error message.\n    //\n    // After this, we'll be sure that `childConstructor` has a `moduleName`\n    // as expected of the `ChildClassConstructor` we've cast `this.constructor` to.\n    if (typeof childConstructor.moduleName !== 'string') {\n      throw new InitError(`\\`moduleName\\` not defined in component`)\n    }\n\n    if (!($root instanceof childConstructor.elementType)) {\n      throw new ElementError({\n        element: $root,\n        component: childConstructor,\n        identifier: 'Root element (`$root`)',\n        expectedType: childConstructor.elementType.name\n      })\n    } else {\n      this._$root = /** @type {RootElementType} */ ($root)\n    }\n\n    childConstructor.checkSupport()\n\n    this.checkInitialised()\n\n    const moduleName = childConstructor.moduleName\n\n    this.$root.setAttribute(`data-${moduleName}-init`, '')\n  }\n\n  /**\n   * Validates whether component is already initialised\n   *\n   * @private\n   * @throws {InitError} when component is already initialised\n   */\n  checkInitialised() {\n    const constructor = /** @type {ChildClassConstructor} */ (this.constructor)\n    const moduleName = constructor.moduleName\n\n    if (moduleName && isInitialised(this.$root, moduleName)) {\n      throw new InitError(constructor)\n    }\n  }\n\n  /**\n   * Validates whether components are supported\n   *\n   * @throws {SupportError} when the components are not supported\n   */\n  static checkSupport() {\n    if (!isSupported()) {\n      throw new SupportError()\n    }\n  }\n}\n\n/**\n * @typedef ChildClass\n * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component\n */\n\n/**\n * @typedef {typeof Component & ChildClass} ChildClassConstructor\n */\n","import { Component } from '../../component.mjs'\nimport { ElementError } from '../../errors/index.mjs'\n\n/**\n * Checkboxes component\n *\n * @preserve\n */\nexport class Checkboxes extends Component {\n  /** @private */\n  $inputs\n\n  /**\n   * Checkboxes can be associated with a 'conditionally revealed' content block\n   * – for example, a checkbox for 'Phone' could reveal an additional form field\n   * for the user to enter their phone number.\n   *\n   * These associations are made using a `data-aria-controls` attribute, which\n   * is promoted to an aria-controls attribute during initialisation.\n   *\n   * We also need to restore the state of any conditional reveals on the page\n   * (for example if the user has navigated back), and set up event handlers to\n   * keep the reveal in sync with the checkbox state.\n   *\n   * @param {Element | null} $root - HTML element to use for checkboxes\n   */\n  constructor($root) {\n    super($root)\n\n    const $inputs = this.$root.querySelectorAll('input[type=\"checkbox\"]')\n    if (!$inputs.length) {\n      throw new ElementError({\n        component: Checkboxes,\n        identifier: 'Form inputs (`<input type=\"checkbox\">`)'\n      })\n    }\n\n    this.$inputs = $inputs\n\n    this.$inputs.forEach(($input) => {\n      const targetId = $input.getAttribute('data-aria-controls')\n\n      // Skip radios without data-aria-controls attributes\n      if (!targetId) {\n        return\n      }\n\n      // Throw if target conditional element does not exist.\n      if (!document.getElementById(targetId)) {\n        throw new ElementError({\n          component: Checkboxes,\n          identifier: `Conditional reveal (\\`id=\"${targetId}\"\\`)`\n        })\n      }\n\n      // Promote the data-aria-controls attribute to a aria-controls attribute\n      // so that the relationship is exposed in the AOM\n      $input.setAttribute('aria-controls', targetId)\n      $input.removeAttribute('data-aria-controls')\n    })\n\n    // When the page is restored after navigating 'back' in some browsers the\n    // state of form controls is not restored until *after* the DOMContentLoaded\n    // event is fired, so we need to sync after the pageshow event.\n    window.addEventListener('pageshow', () => this.syncAllConditionalReveals())\n\n    // Although we've set up handlers to sync state on the pageshow event, init\n    // could be called after those events have fired, for example if they are\n    // added to the page dynamically, so sync now too.\n    this.syncAllConditionalReveals()\n\n    // Handle events\n    this.$root.addEventListener('click', (event) => this.handleClick(event))\n  }\n\n  /**\n   * Sync the conditional reveal states for all checkboxes in this component.\n   *\n   * @private\n   */\n  syncAllConditionalReveals() {\n    this.$inputs.forEach(($input) =>\n      this.syncConditionalRevealWithInputState($input)\n    )\n  }\n\n  /**\n   * Sync conditional reveal with the input state\n   *\n   * Synchronise the visibility of the conditional reveal, and its accessible\n   * state, with the input's checked state.\n   *\n   * @private\n   * @param {HTMLInputElement} $input - Checkbox input\n   */\n  syncConditionalRevealWithInputState($input) {\n    const targetId = $input.getAttribute('aria-controls')\n    if (!targetId) {\n      return\n    }\n\n    const $target = document.getElementById(targetId)\n    if ($target?.classList.contains('govuk-checkboxes__conditional')) {\n      const inputIsChecked = $input.checked\n\n      $input.setAttribute('aria-expanded', inputIsChecked.toString())\n      $target.classList.toggle(\n        'govuk-checkboxes__conditional--hidden',\n        !inputIsChecked\n      )\n    }\n  }\n\n  /**\n   * Uncheck other checkboxes\n   *\n   * Find any other checkbox inputs with the same name value, and uncheck them.\n   * This is useful for when a “None of these\" checkbox is checked.\n   *\n   * @private\n   * @param {HTMLInputElement} $input - Checkbox input\n   */\n  unCheckAllInputsExcept($input) {\n    const allInputsWithSameName = document.querySelectorAll(\n      `input[type=\"checkbox\"][name=\"${$input.name}\"]`\n    )\n\n    allInputsWithSameName.forEach(($inputWithSameName) => {\n      const hasSameFormOwner = $input.form === $inputWithSameName.form\n      if (hasSameFormOwner && $inputWithSameName !== $input) {\n        $inputWithSameName.checked = false\n        this.syncConditionalRevealWithInputState($inputWithSameName)\n      }\n    })\n  }\n\n  /**\n   * Uncheck exclusive checkboxes\n   *\n   * Find any checkbox inputs with the same name value and the 'exclusive'\n   * behaviour, and uncheck them. This helps prevent someone checking both a\n   * regular checkbox and a \"None of these\" checkbox in the same fieldset.\n   *\n   * @private\n   * @param {HTMLInputElement} $input - Checkbox input\n   */\n  unCheckExclusiveInputs($input) {\n    const allInputsWithSameNameAndExclusiveBehaviour =\n      document.querySelectorAll(\n        `input[data-behaviour=\"exclusive\"][type=\"checkbox\"][name=\"${$input.name}\"]`\n      )\n\n    allInputsWithSameNameAndExclusiveBehaviour.forEach(($exclusiveInput) => {\n      const hasSameFormOwner = $input.form === $exclusiveInput.form\n      if (hasSameFormOwner) {\n        $exclusiveInput.checked = false\n        this.syncConditionalRevealWithInputState($exclusiveInput)\n      }\n    })\n  }\n\n  /**\n   * Click event handler\n   *\n   * Handle a click within the component root – if the click occurred on a checkbox,\n   * sync the state of any associated conditional reveal with the checkbox\n   * state.\n   *\n   * @private\n   * @param {MouseEvent} event - Click event\n   */\n  handleClick(event) {\n    const $clickedInput = event.target\n\n    // Ignore clicks on things that aren't checkbox inputs\n    if (\n      !($clickedInput instanceof HTMLInputElement) ||\n      $clickedInput.type !== 'checkbox'\n    ) {\n      return\n    }\n\n    // If the checkbox conditionally-reveals some content, sync the state\n    const hasAriaControls = $clickedInput.getAttribute('aria-controls')\n    if (hasAriaControls) {\n      this.syncConditionalRevealWithInputState($clickedInput)\n    }\n\n    // No further behaviour needed for unchecking\n    if (!$clickedInput.checked) {\n      return\n    }\n\n    // Handle 'exclusive' checkbox behaviour (ie \"None of these\")\n    const hasBehaviourExclusive =\n      $clickedInput.getAttribute('data-behaviour') === 'exclusive'\n    if (hasBehaviourExclusive) {\n      this.unCheckAllInputsExcept($clickedInput)\n    } else {\n      this.unCheckExclusiveInputs($clickedInput)\n    }\n  }\n\n  /**\n   * Name for the component used when initialising using data-module attributes.\n   */\n  static moduleName = 'govuk-checkboxes'\n}\n"],"names":["isInitialised","$root","moduleName","HTMLElement","hasAttribute","isSupported","$scope","document","body","classList","contains","isArray","option","Array","isObject","formatErrorMessage","Component","message","GOVUKFrontendError","Error","constructor","args","name","SupportError","supportMessage","HTMLScriptElement","prototype","ElementError","messageOrOptions","component","identifier","element","expectedType","InitError","componentOrMessage","_$root","childConstructor","elementType","checkSupport","checkInitialised","setAttribute","Checkboxes","$inputs","querySelectorAll","length","forEach","$input","targetId","getAttribute","getElementById","removeAttribute","window","addEventListener","syncAllConditionalReveals","event","handleClick","syncConditionalRevealWithInputState","$target","inputIsChecked","checked","toString","toggle","unCheckAllInputsExcept","allInputsWithSameName","$inputWithSameName","hasSameFormOwner","form","unCheckExclusiveInputs","allInputsWithSameNameAndExclusiveBehaviour","$exclusiveInput","$clickedInput","target","HTMLInputElement","type","hasAriaControls","hasBehaviourExclusive"],"mappings":"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"}
\ No newline at end of file
diff --git a/app/templates/govuk/components/components/checkboxes/checkboxes.mjs b/app/templates/govuk/components/components/checkboxes/checkboxes.mjs
new file mode 100644
index 0000000..9d62377
--- /dev/null
+++ b/app/templates/govuk/components/components/checkboxes/checkboxes.mjs
@@ -0,0 +1,111 @@
+import { Component } from '../../component.mjs';
+import { ElementError } from '../../errors/index.mjs';
+
+/**
+ * Checkboxes component
+ *
+ * @preserve
+ */
+class Checkboxes extends Component {
+  /**
+   * Checkboxes can be associated with a 'conditionally revealed' content block
+   * – for example, a checkbox for 'Phone' could reveal an additional form field
+   * for the user to enter their phone number.
+   *
+   * These associations are made using a `data-aria-controls` attribute, which
+   * is promoted to an aria-controls attribute during initialisation.
+   *
+   * We also need to restore the state of any conditional reveals on the page
+   * (for example if the user has navigated back), and set up event handlers to
+   * keep the reveal in sync with the checkbox state.
+   *
+   * @param {Element | null} $root - HTML element to use for checkboxes
+   */
+  constructor($root) {
+    super($root);
+    this.$inputs = void 0;
+    const $inputs = this.$root.querySelectorAll('input[type="checkbox"]');
+    if (!$inputs.length) {
+      throw new ElementError({
+        component: Checkboxes,
+        identifier: 'Form inputs (`<input type="checkbox">`)'
+      });
+    }
+    this.$inputs = $inputs;
+    this.$inputs.forEach($input => {
+      const targetId = $input.getAttribute('data-aria-controls');
+      if (!targetId) {
+        return;
+      }
+      if (!document.getElementById(targetId)) {
+        throw new ElementError({
+          component: Checkboxes,
+          identifier: `Conditional reveal (\`id="${targetId}"\`)`
+        });
+      }
+      $input.setAttribute('aria-controls', targetId);
+      $input.removeAttribute('data-aria-controls');
+    });
+    window.addEventListener('pageshow', () => this.syncAllConditionalReveals());
+    this.syncAllConditionalReveals();
+    this.$root.addEventListener('click', event => this.handleClick(event));
+  }
+  syncAllConditionalReveals() {
+    this.$inputs.forEach($input => this.syncConditionalRevealWithInputState($input));
+  }
+  syncConditionalRevealWithInputState($input) {
+    const targetId = $input.getAttribute('aria-controls');
+    if (!targetId) {
+      return;
+    }
+    const $target = document.getElementById(targetId);
+    if ($target != null && $target.classList.contains('govuk-checkboxes__conditional')) {
+      const inputIsChecked = $input.checked;
+      $input.setAttribute('aria-expanded', inputIsChecked.toString());
+      $target.classList.toggle('govuk-checkboxes__conditional--hidden', !inputIsChecked);
+    }
+  }
+  unCheckAllInputsExcept($input) {
+    const allInputsWithSameName = document.querySelectorAll(`input[type="checkbox"][name="${$input.name}"]`);
+    allInputsWithSameName.forEach($inputWithSameName => {
+      const hasSameFormOwner = $input.form === $inputWithSameName.form;
+      if (hasSameFormOwner && $inputWithSameName !== $input) {
+        $inputWithSameName.checked = false;
+        this.syncConditionalRevealWithInputState($inputWithSameName);
+      }
+    });
+  }
+  unCheckExclusiveInputs($input) {
+    const allInputsWithSameNameAndExclusiveBehaviour = document.querySelectorAll(`input[data-behaviour="exclusive"][type="checkbox"][name="${$input.name}"]`);
+    allInputsWithSameNameAndExclusiveBehaviour.forEach($exclusiveInput => {
+      const hasSameFormOwner = $input.form === $exclusiveInput.form;
+      if (hasSameFormOwner) {
+        $exclusiveInput.checked = false;
+        this.syncConditionalRevealWithInputState($exclusiveInput);
+      }
+    });
+  }
+  handleClick(event) {
+    const $clickedInput = event.target;
+    if (!($clickedInput instanceof HTMLInputElement) || $clickedInput.type !== 'checkbox') {
+      return;
+    }
+    const hasAriaControls = $clickedInput.getAttribute('aria-controls');
+    if (hasAriaControls) {
+      this.syncConditionalRevealWithInputState($clickedInput);
+    }
+    if (!$clickedInput.checked) {
+      return;
+    }
+    const hasBehaviourExclusive = $clickedInput.getAttribute('data-behaviour') === 'exclusive';
+    if (hasBehaviourExclusive) {
+      this.unCheckAllInputsExcept($clickedInput);
+    } else {
+      this.unCheckExclusiveInputs($clickedInput);
+    }
+  }
+}
+Checkboxes.moduleName = 'govuk-checkboxes';
+
+export { Checkboxes };
+//# sourceMappingURL=checkboxes.mjs.map
diff --git a/app/templates/govuk/components/components/checkboxes/checkboxes.mjs.map b/app/templates/govuk/components/components/checkboxes/checkboxes.mjs.map
new file mode 100644
index 0000000..ece6765
--- /dev/null
+++ b/app/templates/govuk/components/components/checkboxes/checkboxes.mjs.map
@@ -0,0 +1 @@
+{"version":3,"file":"checkboxes.mjs","sources":["../../../../src/govuk/components/checkboxes/checkboxes.mjs"],"sourcesContent":["import { Component } from '../../component.mjs'\nimport { ElementError } from '../../errors/index.mjs'\n\n/**\n * Checkboxes component\n *\n * @preserve\n */\nexport class Checkboxes extends Component {\n  /** @private */\n  $inputs\n\n  /**\n   * Checkboxes can be associated with a 'conditionally revealed' content block\n   * – for example, a checkbox for 'Phone' could reveal an additional form field\n   * for the user to enter their phone number.\n   *\n   * These associations are made using a `data-aria-controls` attribute, which\n   * is promoted to an aria-controls attribute during initialisation.\n   *\n   * We also need to restore the state of any conditional reveals on the page\n   * (for example if the user has navigated back), and set up event handlers to\n   * keep the reveal in sync with the checkbox state.\n   *\n   * @param {Element | null} $root - HTML element to use for checkboxes\n   */\n  constructor($root) {\n    super($root)\n\n    const $inputs = this.$root.querySelectorAll('input[type=\"checkbox\"]')\n    if (!$inputs.length) {\n      throw new ElementError({\n        component: Checkboxes,\n        identifier: 'Form inputs (`<input type=\"checkbox\">`)'\n      })\n    }\n\n    this.$inputs = $inputs\n\n    this.$inputs.forEach(($input) => {\n      const targetId = $input.getAttribute('data-aria-controls')\n\n      // Skip radios without data-aria-controls attributes\n      if (!targetId) {\n        return\n      }\n\n      // Throw if target conditional element does not exist.\n      if (!document.getElementById(targetId)) {\n        throw new ElementError({\n          component: Checkboxes,\n          identifier: `Conditional reveal (\\`id=\"${targetId}\"\\`)`\n        })\n      }\n\n      // Promote the data-aria-controls attribute to a aria-controls attribute\n      // so that the relationship is exposed in the AOM\n      $input.setAttribute('aria-controls', targetId)\n      $input.removeAttribute('data-aria-controls')\n    })\n\n    // When the page is restored after navigating 'back' in some browsers the\n    // state of form controls is not restored until *after* the DOMContentLoaded\n    // event is fired, so we need to sync after the pageshow event.\n    window.addEventListener('pageshow', () => this.syncAllConditionalReveals())\n\n    // Although we've set up handlers to sync state on the pageshow event, init\n    // could be called after those events have fired, for example if they are\n    // added to the page dynamically, so sync now too.\n    this.syncAllConditionalReveals()\n\n    // Handle events\n    this.$root.addEventListener('click', (event) => this.handleClick(event))\n  }\n\n  /**\n   * Sync the conditional reveal states for all checkboxes in this component.\n   *\n   * @private\n   */\n  syncAllConditionalReveals() {\n    this.$inputs.forEach(($input) =>\n      this.syncConditionalRevealWithInputState($input)\n    )\n  }\n\n  /**\n   * Sync conditional reveal with the input state\n   *\n   * Synchronise the visibility of the conditional reveal, and its accessible\n   * state, with the input's checked state.\n   *\n   * @private\n   * @param {HTMLInputElement} $input - Checkbox input\n   */\n  syncConditionalRevealWithInputState($input) {\n    const targetId = $input.getAttribute('aria-controls')\n    if (!targetId) {\n      return\n    }\n\n    const $target = document.getElementById(targetId)\n    if ($target?.classList.contains('govuk-checkboxes__conditional')) {\n      const inputIsChecked = $input.checked\n\n      $input.setAttribute('aria-expanded', inputIsChecked.toString())\n      $target.classList.toggle(\n        'govuk-checkboxes__conditional--hidden',\n        !inputIsChecked\n      )\n    }\n  }\n\n  /**\n   * Uncheck other checkboxes\n   *\n   * Find any other checkbox inputs with the same name value, and uncheck them.\n   * This is useful for when a “None of these\" checkbox is checked.\n   *\n   * @private\n   * @param {HTMLInputElement} $input - Checkbox input\n   */\n  unCheckAllInputsExcept($input) {\n    const allInputsWithSameName = document.querySelectorAll(\n      `input[type=\"checkbox\"][name=\"${$input.name}\"]`\n    )\n\n    allInputsWithSameName.forEach(($inputWithSameName) => {\n      const hasSameFormOwner = $input.form === $inputWithSameName.form\n      if (hasSameFormOwner && $inputWithSameName !== $input) {\n        $inputWithSameName.checked = false\n        this.syncConditionalRevealWithInputState($inputWithSameName)\n      }\n    })\n  }\n\n  /**\n   * Uncheck exclusive checkboxes\n   *\n   * Find any checkbox inputs with the same name value and the 'exclusive'\n   * behaviour, and uncheck them. This helps prevent someone checking both a\n   * regular checkbox and a \"None of these\" checkbox in the same fieldset.\n   *\n   * @private\n   * @param {HTMLInputElement} $input - Checkbox input\n   */\n  unCheckExclusiveInputs($input) {\n    const allInputsWithSameNameAndExclusiveBehaviour =\n      document.querySelectorAll(\n        `input[data-behaviour=\"exclusive\"][type=\"checkbox\"][name=\"${$input.name}\"]`\n      )\n\n    allInputsWithSameNameAndExclusiveBehaviour.forEach(($exclusiveInput) => {\n      const hasSameFormOwner = $input.form === $exclusiveInput.form\n      if (hasSameFormOwner) {\n        $exclusiveInput.checked = false\n        this.syncConditionalRevealWithInputState($exclusiveInput)\n      }\n    })\n  }\n\n  /**\n   * Click event handler\n   *\n   * Handle a click within the component root – if the click occurred on a checkbox,\n   * sync the state of any associated conditional reveal with the checkbox\n   * state.\n   *\n   * @private\n   * @param {MouseEvent} event - Click event\n   */\n  handleClick(event) {\n    const $clickedInput = event.target\n\n    // Ignore clicks on things that aren't checkbox inputs\n    if (\n      !($clickedInput instanceof HTMLInputElement) ||\n      $clickedInput.type !== 'checkbox'\n    ) {\n      return\n    }\n\n    // If the checkbox conditionally-reveals some content, sync the state\n    const hasAriaControls = $clickedInput.getAttribute('aria-controls')\n    if (hasAriaControls) {\n      this.syncConditionalRevealWithInputState($clickedInput)\n    }\n\n    // No further behaviour needed for unchecking\n    if (!$clickedInput.checked) {\n      return\n    }\n\n    // Handle 'exclusive' checkbox behaviour (ie \"None of these\")\n    const hasBehaviourExclusive =\n      $clickedInput.getAttribute('data-behaviour') === 'exclusive'\n    if (hasBehaviourExclusive) {\n      this.unCheckAllInputsExcept($clickedInput)\n    } else {\n      this.unCheckExclusiveInputs($clickedInput)\n    }\n  }\n\n  /**\n   * Name for the component used when initialising using data-module attributes.\n   */\n  static moduleName = 'govuk-checkboxes'\n}\n"],"names":["Checkboxes","Component","constructor","$root","$inputs","querySelectorAll","length","ElementError","component","identifier","forEach","$input","targetId","getAttribute","document","getElementById","setAttribute","removeAttribute","window","addEventListener","syncAllConditionalReveals","event","handleClick","syncConditionalRevealWithInputState","$target","classList","contains","inputIsChecked","checked","toString","toggle","unCheckAllInputsExcept","allInputsWithSameName","name","$inputWithSameName","hasSameFormOwner","form","unCheckExclusiveInputs","allInputsWithSameNameAndExclusiveBehaviour","$exclusiveInput","$clickedInput","target","HTMLInputElement","type","hasAriaControls","hasBehaviourExclusive","moduleName"],"mappings":"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"}
\ No newline at end of file
diff --git a/app/templates/govuk/components/components/checkboxes/fixtures.json b/app/templates/govuk/components/components/checkboxes/fixtures.json
new file mode 100644
index 0000000..52b43a6
--- /dev/null
+++ b/app/templates/govuk/components/components/checkboxes/fixtures.json
@@ -0,0 +1,1344 @@
+{
+    "component": "checkboxes",
+    "fixtures": [
+        {
+            "name": "default",
+            "options": {
+                "name": "nationality",
+                "fieldset": {
+                    "legend": {
+                        "text": "What is your nationality?"
+                    }
+                },
+                "items": [
+                    {
+                        "value": "british",
+                        "text": "British"
+                    },
+                    {
+                        "value": "irish",
+                        "text": "Irish"
+                    },
+                    {
+                        "value": "other",
+                        "text": "Citizen of another country"
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": true,
+            "html": "<div class=\"govuk-form-group\">\n  <fieldset class=\"govuk-fieldset\">\n  <legend class=\"govuk-fieldset__legend\">\n    What is your nationality?\n  </legend>\n  <div class=\"govuk-checkboxes\" data-module=\"govuk-checkboxes\">\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"nationality\" name=\"nationality\" type=\"checkbox\" value=\"british\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"nationality\">\n        British\n      </label>\n    </div>\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"nationality-2\" name=\"nationality\" type=\"checkbox\" value=\"irish\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"nationality-2\">\n        Irish\n      </label>\n    </div>\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"nationality-3\" name=\"nationality\" type=\"checkbox\" value=\"other\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"nationality-3\">\n        Citizen of another country\n      </label>\n    </div>\n  </div>\n</fieldset>\n</div>"
+        },
+        {
+            "name": "with hint",
+            "options": {
+                "name": "nationality",
+                "fieldset": {
+                    "legend": {
+                        "text": "What is your nationality?"
+                    }
+                },
+                "hint": {
+                    "text": "Select all that apply"
+                },
+                "items": [
+                    {
+                        "value": "british",
+                        "text": "British"
+                    },
+                    {
+                        "value": "irish",
+                        "text": "Irish"
+                    },
+                    {
+                        "value": "other",
+                        "text": "Citizen of another country"
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <fieldset class=\"govuk-fieldset\" aria-describedby=\"nationality-hint\">\n  <legend class=\"govuk-fieldset__legend\">\n    What is your nationality?\n  </legend>\n  <div id=\"nationality-hint\" class=\"govuk-hint\">\n    Select all that apply\n  </div>\n  <div class=\"govuk-checkboxes\" data-module=\"govuk-checkboxes\">\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"nationality\" name=\"nationality\" type=\"checkbox\" value=\"british\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"nationality\">\n        British\n      </label>\n    </div>\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"nationality-2\" name=\"nationality\" type=\"checkbox\" value=\"irish\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"nationality-2\">\n        Irish\n      </label>\n    </div>\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"nationality-3\" name=\"nationality\" type=\"checkbox\" value=\"other\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"nationality-3\">\n        Citizen of another country\n      </label>\n    </div>\n  </div>\n</fieldset>\n</div>"
+        },
+        {
+            "name": "with pre-checked values",
+            "options": {
+                "name": "how-contacted-checked",
+                "idPrefix": "how-contacted-checked",
+                "fieldset": {
+                    "legend": {
+                        "text": "How do you want to be contacted?"
+                    }
+                },
+                "values": [
+                    "email",
+                    "text"
+                ],
+                "items": [
+                    {
+                        "value": "email",
+                        "text": "Email",
+                        "conditional": {
+                            "html": "<label class=\"govuk-label\" for=\"context-email\">Email address</label>\n<input class=\"govuk-input govuk-!-width-one-third\" name=\"context-email\" type=\"text\" id=\"context-email\">\n"
+                        }
+                    },
+                    {
+                        "value": "phone",
+                        "text": "Phone",
+                        "conditional": {
+                            "html": "<label class=\"govuk-label\" for=\"contact-phone\">Phone number</label>\n<input class=\"govuk-input govuk-!-width-one-third\" name=\"contact-phone\" type=\"text\" id=\"contact-phone\">\n"
+                        }
+                    },
+                    {
+                        "value": "text",
+                        "text": "Text message",
+                        "conditional": {
+                            "html": "<label class=\"govuk-label\" for=\"contact-text-message\">Mobile phone number</label>\n<input class=\"govuk-input govuk-!-width-one-third\" name=\"contact-text-message\" type=\"text\" id=\"contact-text-message\">\n"
+                        }
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": {
+                "variants": [
+                    "default",
+                    "no-js"
+                ]
+            },
+            "html": "<div class=\"govuk-form-group\">\n  <fieldset class=\"govuk-fieldset\">\n  <legend class=\"govuk-fieldset__legend\">\n    How do you want to be contacted?\n  </legend>\n  <div class=\"govuk-checkboxes\" data-module=\"govuk-checkboxes\">\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"how-contacted-checked\" name=\"how-contacted-checked\" type=\"checkbox\" value=\"email\" checked data-aria-controls=\"conditional-how-contacted-checked\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"how-contacted-checked\">\n        Email\n      </label>\n    </div>\n    <div class=\"govuk-checkboxes__conditional\" id=\"conditional-how-contacted-checked\">\n      <label class=\"govuk-label\" for=\"context-email\">Email address</label>\n<input class=\"govuk-input govuk-!-width-one-third\" name=\"context-email\" type=\"text\" id=\"context-email\">\n    </div>\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"how-contacted-checked-2\" name=\"how-contacted-checked\" type=\"checkbox\" value=\"phone\" data-aria-controls=\"conditional-how-contacted-checked-2\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"how-contacted-checked-2\">\n        Phone\n      </label>\n    </div>\n    <div class=\"govuk-checkboxes__conditional govuk-checkboxes__conditional--hidden\" id=\"conditional-how-contacted-checked-2\">\n      <label class=\"govuk-label\" for=\"contact-phone\">Phone number</label>\n<input class=\"govuk-input govuk-!-width-one-third\" name=\"contact-phone\" type=\"text\" id=\"contact-phone\">\n    </div>\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"how-contacted-checked-3\" name=\"how-contacted-checked\" type=\"checkbox\" value=\"text\" checked data-aria-controls=\"conditional-how-contacted-checked-3\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"how-contacted-checked-3\">\n        Text message\n      </label>\n    </div>\n    <div class=\"govuk-checkboxes__conditional\" id=\"conditional-how-contacted-checked-3\">\n      <label class=\"govuk-label\" for=\"contact-text-message\">Mobile phone number</label>\n<input class=\"govuk-input govuk-!-width-one-third\" name=\"contact-text-message\" type=\"text\" id=\"contact-text-message\">\n    </div>\n  </div>\n</fieldset>\n</div>"
+        },
+        {
+            "name": "with divider and None",
+            "options": {
+                "name": "with-divider-and-none",
+                "fieldset": {
+                    "legend": {
+                        "text": "Which types of waste do you transport regularly?"
+                    }
+                },
+                "items": [
+                    {
+                        "value": "animal",
+                        "text": "Waste from animal carcasses"
+                    },
+                    {
+                        "value": "mines",
+                        "text": "Waste from mines or quarries"
+                    },
+                    {
+                        "value": "farm",
+                        "text": "Farm or agricultural waste"
+                    },
+                    {
+                        "divider": "or"
+                    },
+                    {
+                        "value": "none",
+                        "text": "None of these",
+                        "behaviour": "exclusive"
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": true,
+            "html": "<div class=\"govuk-form-group\">\n  <fieldset class=\"govuk-fieldset\">\n  <legend class=\"govuk-fieldset__legend\">\n    Which types of waste do you transport regularly?\n  </legend>\n  <div class=\"govuk-checkboxes\" data-module=\"govuk-checkboxes\">\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"with-divider-and-none\" name=\"with-divider-and-none\" type=\"checkbox\" value=\"animal\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"with-divider-and-none\">\n        Waste from animal carcasses\n      </label>\n    </div>\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"with-divider-and-none-2\" name=\"with-divider-and-none\" type=\"checkbox\" value=\"mines\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"with-divider-and-none-2\">\n        Waste from mines or quarries\n      </label>\n    </div>\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"with-divider-and-none-3\" name=\"with-divider-and-none\" type=\"checkbox\" value=\"farm\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"with-divider-and-none-3\">\n        Farm or agricultural waste\n      </label>\n    </div>\n    <div class=\"govuk-checkboxes__divider\">or</div>\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"with-divider-and-none-5\" name=\"with-divider-and-none\" type=\"checkbox\" value=\"none\" data-behaviour=\"exclusive\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"with-divider-and-none-5\">\n        None of these\n      </label>\n    </div>\n  </div>\n</fieldset>\n</div>"
+        },
+        {
+            "name": "with divider, None and conditional items",
+            "options": {
+                "name": "with-divider-and-none-and-conditional-items",
+                "fieldset": {
+                    "legend": {
+                        "text": "Do you have any access needs?"
+                    }
+                },
+                "items": [
+                    {
+                        "value": "accessible-toilets",
+                        "text": "Accessible toilets available"
+                    },
+                    {
+                        "value": "braille",
+                        "text": "Braille translation service available"
+                    },
+                    {
+                        "value": "disabled-car-parking",
+                        "text": "Disabled car parking available"
+                    },
+                    {
+                        "value": "another-access-need",
+                        "text": "Another access need",
+                        "conditional": {
+                            "html": "<label class=\"govuk-label\" for=\"other-access-needs\">Other access needs</label>\n<textarea class=\"govuk-textarea govuk-!-width-one-third\" name=\"other-access-needs\" id=\"other-access-needs\"></textarea>\n"
+                        }
+                    },
+                    {
+                        "divider": "or"
+                    },
+                    {
+                        "value": "none",
+                        "text": "None of these",
+                        "behaviour": "exclusive"
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <fieldset class=\"govuk-fieldset\">\n  <legend class=\"govuk-fieldset__legend\">\n    Do you have any access needs?\n  </legend>\n  <div class=\"govuk-checkboxes\" data-module=\"govuk-checkboxes\">\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"with-divider-and-none-and-conditional-items\" name=\"with-divider-and-none-and-conditional-items\" type=\"checkbox\" value=\"accessible-toilets\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"with-divider-and-none-and-conditional-items\">\n        Accessible toilets available\n      </label>\n    </div>\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"with-divider-and-none-and-conditional-items-2\" name=\"with-divider-and-none-and-conditional-items\" type=\"checkbox\" value=\"braille\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"with-divider-and-none-and-conditional-items-2\">\n        Braille translation service available\n      </label>\n    </div>\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"with-divider-and-none-and-conditional-items-3\" name=\"with-divider-and-none-and-conditional-items\" type=\"checkbox\" value=\"disabled-car-parking\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"with-divider-and-none-and-conditional-items-3\">\n        Disabled car parking available\n      </label>\n    </div>\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"with-divider-and-none-and-conditional-items-4\" name=\"with-divider-and-none-and-conditional-items\" type=\"checkbox\" value=\"another-access-need\" data-aria-controls=\"conditional-with-divider-and-none-and-conditional-items-4\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"with-divider-and-none-and-conditional-items-4\">\n        Another access need\n      </label>\n    </div>\n    <div class=\"govuk-checkboxes__conditional govuk-checkboxes__conditional--hidden\" id=\"conditional-with-divider-and-none-and-conditional-items-4\">\n      <label class=\"govuk-label\" for=\"other-access-needs\">Other access needs</label>\n<textarea class=\"govuk-textarea govuk-!-width-one-third\" name=\"other-access-needs\" id=\"other-access-needs\"></textarea>\n    </div>\n    <div class=\"govuk-checkboxes__divider\">or</div>\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"with-divider-and-none-and-conditional-items-6\" name=\"with-divider-and-none-and-conditional-items\" type=\"checkbox\" value=\"none\" data-behaviour=\"exclusive\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"with-divider-and-none-and-conditional-items-6\">\n        None of these\n      </label>\n    </div>\n  </div>\n</fieldset>\n</div>"
+        },
+        {
+            "name": "with hints on items",
+            "options": {
+                "name": "with-hints-on-items",
+                "fieldset": {
+                    "legend": {
+                        "text": "How do you want to sign in?"
+                    }
+                },
+                "items": [
+                    {
+                        "name": "gateway",
+                        "id": "government-gateway",
+                        "value": "gov-gateway",
+                        "text": "Sign in with Government Gateway",
+                        "hint": {
+                            "text": "You'll have a user ID if you've registered for Self Assessment or filed a tax return online before."
+                        }
+                    },
+                    {
+                        "name": "verify",
+                        "id": "govuk-verify",
+                        "value": "gov-verify",
+                        "text": "Sign in with GOV.UK Verify",
+                        "hint": {
+                            "text": "You'll have an account if you've already proved your identity with either Barclays, CitizenSafe, Digidentity, Experian, Post Office, Royal Mail or SecureIdentity."
+                        }
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <fieldset class=\"govuk-fieldset\">\n  <legend class=\"govuk-fieldset__legend\">\n    How do you want to sign in?\n  </legend>\n  <div class=\"govuk-checkboxes\" data-module=\"govuk-checkboxes\">\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"government-gateway\" name=\"gateway\" type=\"checkbox\" value=\"gov-gateway\" aria-describedby=\"government-gateway-item-hint\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"government-gateway\">\n        Sign in with Government Gateway\n      </label>\n      <div id=\"government-gateway-item-hint\" class=\"govuk-hint govuk-checkboxes__hint\">\n        You&#39;ll have a user ID if you&#39;ve registered for Self Assessment or filed a tax return online before.\n      </div>\n    </div>\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"govuk-verify\" name=\"verify\" type=\"checkbox\" value=\"gov-verify\" aria-describedby=\"govuk-verify-item-hint\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"govuk-verify\">\n        Sign in with GOV.UK Verify\n      </label>\n      <div id=\"govuk-verify-item-hint\" class=\"govuk-hint govuk-checkboxes__hint\">\n        You&#39;ll have an account if you&#39;ve already proved your identity with either Barclays, CitizenSafe, Digidentity, Experian, Post Office, Royal Mail or SecureIdentity.\n      </div>\n    </div>\n  </div>\n</fieldset>\n</div>"
+        },
+        {
+            "name": "with legend as a page heading",
+            "options": {
+                "name": "waste",
+                "fieldset": {
+                    "legend": {
+                        "text": "Which types of waste do you transport regularly?",
+                        "classes": "govuk-fieldset__legend--l",
+                        "isPageHeading": true
+                    }
+                },
+                "hint": {
+                    "text": "Select all that apply"
+                },
+                "items": [
+                    {
+                        "value": "animal",
+                        "text": "Waste from animal carcasses"
+                    },
+                    {
+                        "value": "mines",
+                        "text": "Waste from mines or quarries"
+                    },
+                    {
+                        "value": "farm",
+                        "text": "Farm or agricultural waste"
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <fieldset class=\"govuk-fieldset\" aria-describedby=\"waste-hint\">\n  <legend class=\"govuk-fieldset__legend govuk-fieldset__legend--l\">\n    <h1 class=\"govuk-fieldset__heading\">\n      Which types of waste do you transport regularly?\n    </h1>\n  </legend>\n  <div id=\"waste-hint\" class=\"govuk-hint\">\n    Select all that apply\n  </div>\n  <div class=\"govuk-checkboxes\" data-module=\"govuk-checkboxes\">\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"waste\" name=\"waste\" type=\"checkbox\" value=\"animal\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"waste\">\n        Waste from animal carcasses\n      </label>\n    </div>\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"waste-2\" name=\"waste\" type=\"checkbox\" value=\"mines\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"waste-2\">\n        Waste from mines or quarries\n      </label>\n    </div>\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"waste-3\" name=\"waste\" type=\"checkbox\" value=\"farm\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"waste-3\">\n        Farm or agricultural waste\n      </label>\n    </div>\n  </div>\n</fieldset>\n</div>"
+        },
+        {
+            "name": "with error message",
+            "options": {
+                "name": "waste",
+                "errorMessage": {
+                    "text": "Please select an option"
+                },
+                "fieldset": {
+                    "legend": {
+                        "text": "Which types of waste do you transport regularly?"
+                    }
+                },
+                "items": [
+                    {
+                        "value": "animal",
+                        "text": "Waste from animal carcasses",
+                        "hint": {
+                            "text": "Nullam id dolor id nibh ultricies vehicula ut id elit."
+                        }
+                    },
+                    {
+                        "value": "mines",
+                        "text": "Waste from mines or quarries",
+                        "hint": {
+                            "text": "Nullam id dolor id nibh ultricies vehicula ut id elit."
+                        }
+                    },
+                    {
+                        "value": "farm",
+                        "text": "Farm or agricultural waste",
+                        "hint": {
+                            "text": "Nullam id dolor id nibh ultricies vehicula ut id elit."
+                        }
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-form-group--error\">\n  <fieldset class=\"govuk-fieldset\" aria-describedby=\"waste-error\">\n  <legend class=\"govuk-fieldset__legend\">\n    Which types of waste do you transport regularly?\n  </legend>\n  <p id=\"waste-error\" class=\"govuk-error-message\">\n    <span class=\"govuk-visually-hidden\">Error:</span> Please select an option\n  </p>\n  <div class=\"govuk-checkboxes\" data-module=\"govuk-checkboxes\">\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"waste\" name=\"waste\" type=\"checkbox\" value=\"animal\" aria-describedby=\"waste-item-hint\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"waste\">\n        Waste from animal carcasses\n      </label>\n      <div id=\"waste-item-hint\" class=\"govuk-hint govuk-checkboxes__hint\">\n        Nullam id dolor id nibh ultricies vehicula ut id elit.\n      </div>\n    </div>\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"waste-2\" name=\"waste\" type=\"checkbox\" value=\"mines\" aria-describedby=\"waste-2-item-hint\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"waste-2\">\n        Waste from mines or quarries\n      </label>\n      <div id=\"waste-2-item-hint\" class=\"govuk-hint govuk-checkboxes__hint\">\n        Nullam id dolor id nibh ultricies vehicula ut id elit.\n      </div>\n    </div>\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"waste-3\" name=\"waste\" type=\"checkbox\" value=\"farm\" aria-describedby=\"waste-3-item-hint\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"waste-3\">\n        Farm or agricultural waste\n      </label>\n      <div id=\"waste-3-item-hint\" class=\"govuk-hint govuk-checkboxes__hint\">\n        Nullam id dolor id nibh ultricies vehicula ut id elit.\n      </div>\n    </div>\n  </div>\n</fieldset>\n</div>"
+        },
+        {
+            "name": "with very long option text",
+            "options": {
+                "name": "waste",
+                "hint": {
+                    "text": "Nullam id dolor id nibh ultricies vehicula ut id elit."
+                },
+                "fieldset": {
+                    "legend": {
+                        "text": "Maecenas faucibus mollis interdum?"
+                    }
+                },
+                "items": [
+                    {
+                        "value": "nullam",
+                        "text": "Nullam id dolor id nibh ultricies vehicula ut id elit. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Maecenas faucibus mollis interdum. Donec id elit non mi porta gravida at eget metus."
+                    },
+                    {
+                        "value": "aenean",
+                        "text": "Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Donec sed odio dui. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Cras mattis consectetur purus sit amet fermentum."
+                    },
+                    {
+                        "value": "fusce",
+                        "text": "Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Etiam porta sem malesuada magna mollis euismod. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. Sed posuere consectetur est at lobortis."
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <fieldset class=\"govuk-fieldset\" aria-describedby=\"waste-hint\">\n  <legend class=\"govuk-fieldset__legend\">\n    Maecenas faucibus mollis interdum?\n  </legend>\n  <div id=\"waste-hint\" class=\"govuk-hint\">\n    Nullam id dolor id nibh ultricies vehicula ut id elit.\n  </div>\n  <div class=\"govuk-checkboxes\" data-module=\"govuk-checkboxes\">\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"waste\" name=\"waste\" type=\"checkbox\" value=\"nullam\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"waste\">\n        Nullam id dolor id nibh ultricies vehicula ut id elit. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Maecenas faucibus mollis interdum. Donec id elit non mi porta gravida at eget metus.\n      </label>\n    </div>\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"waste-2\" name=\"waste\" type=\"checkbox\" value=\"aenean\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"waste-2\">\n        Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Donec sed odio dui. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Cras mattis consectetur purus sit amet fermentum.\n      </label>\n    </div>\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"waste-3\" name=\"waste\" type=\"checkbox\" value=\"fusce\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"waste-3\">\n        Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Etiam porta sem malesuada magna mollis euismod. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. Sed posuere consectetur est at lobortis.\n      </label>\n    </div>\n  </div>\n</fieldset>\n</div>"
+        },
+        {
+            "name": "with conditional items",
+            "options": {
+                "name": "with-conditional-items",
+                "idPrefix": "how-contacted",
+                "fieldset": {
+                    "legend": {
+                        "text": "How do you want to be contacted?"
+                    }
+                },
+                "items": [
+                    {
+                        "value": "email",
+                        "text": "Email",
+                        "conditional": {
+                            "html": "<label class=\"govuk-label\" for=\"context-email\">Email address</label>\n<input class=\"govuk-input govuk-!-width-one-third\" name=\"context-email\" type=\"text\" id=\"context-email\">\n"
+                        }
+                    },
+                    {
+                        "value": "phone",
+                        "text": "Phone",
+                        "conditional": {
+                            "html": "<label class=\"govuk-label\" for=\"contact-phone\">Phone number</label>\n<input class=\"govuk-input govuk-!-width-one-third\" name=\"contact-phone\" type=\"text\" id=\"contact-phone\">\n"
+                        }
+                    },
+                    {
+                        "value": "text",
+                        "text": "Text message",
+                        "conditional": {
+                            "html": "<label class=\"govuk-label\" for=\"contact-text-message\">Mobile phone number</label>\n<input class=\"govuk-input govuk-!-width-one-third\" name=\"contact-text-message\" type=\"text\" id=\"contact-text-message\">\n"
+                        }
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <fieldset class=\"govuk-fieldset\">\n  <legend class=\"govuk-fieldset__legend\">\n    How do you want to be contacted?\n  </legend>\n  <div class=\"govuk-checkboxes\" data-module=\"govuk-checkboxes\">\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"how-contacted\" name=\"with-conditional-items\" type=\"checkbox\" value=\"email\" data-aria-controls=\"conditional-how-contacted\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"how-contacted\">\n        Email\n      </label>\n    </div>\n    <div class=\"govuk-checkboxes__conditional govuk-checkboxes__conditional--hidden\" id=\"conditional-how-contacted\">\n      <label class=\"govuk-label\" for=\"context-email\">Email address</label>\n<input class=\"govuk-input govuk-!-width-one-third\" name=\"context-email\" type=\"text\" id=\"context-email\">\n    </div>\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"how-contacted-2\" name=\"with-conditional-items\" type=\"checkbox\" value=\"phone\" data-aria-controls=\"conditional-how-contacted-2\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"how-contacted-2\">\n        Phone\n      </label>\n    </div>\n    <div class=\"govuk-checkboxes__conditional govuk-checkboxes__conditional--hidden\" id=\"conditional-how-contacted-2\">\n      <label class=\"govuk-label\" for=\"contact-phone\">Phone number</label>\n<input class=\"govuk-input govuk-!-width-one-third\" name=\"contact-phone\" type=\"text\" id=\"contact-phone\">\n    </div>\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"how-contacted-3\" name=\"with-conditional-items\" type=\"checkbox\" value=\"text\" data-aria-controls=\"conditional-how-contacted-3\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"how-contacted-3\">\n        Text message\n      </label>\n    </div>\n    <div class=\"govuk-checkboxes__conditional govuk-checkboxes__conditional--hidden\" id=\"conditional-how-contacted-3\">\n      <label class=\"govuk-label\" for=\"contact-text-message\">Mobile phone number</label>\n<input class=\"govuk-input govuk-!-width-one-third\" name=\"contact-text-message\" type=\"text\" id=\"contact-text-message\">\n    </div>\n  </div>\n</fieldset>\n</div>"
+        },
+        {
+            "name": "with optional form-group classes showing group error",
+            "options": {
+                "name": "how-contacted-checked",
+                "idPrefix": "how-contacted-checked",
+                "formGroup": {
+                    "classes": "govuk-form-group--error"
+                },
+                "fieldset": {
+                    "legend": {
+                        "text": "How do you want to be contacted?"
+                    }
+                },
+                "items": [
+                    {
+                        "value": "email",
+                        "text": "Email",
+                        "conditional": {
+                            "html": "<label class=\"govuk-label\" for=\"context-email\">Email address</label>\n<input class=\"govuk-input govuk-!-width-one-third\" name=\"context-email\" type=\"text\" id=\"context-email\">\n"
+                        }
+                    },
+                    {
+                        "value": "phone",
+                        "text": "Phone",
+                        "checked": true,
+                        "conditional": {
+                            "html": "<label class=\"govuk-label\" for=\"contact-phone\">Phone number</label>\n<span id=\"contact-phone-error\" class=\"govuk-error-message\">Problem with input</span>\n<input class=\"govuk-input govuk-input--error govuk-!-width-one-third\" name=\"contact-phone\" type=\"text\" id=\"contact-phone\" aria-describedby=\"contact-phone-error\">\n"
+                        }
+                    },
+                    {
+                        "value": "text",
+                        "text": "Text message",
+                        "conditional": {
+                            "html": "<label class=\"govuk-label\" for=\"contact-text-message\">Mobile phone number</label>\n<input class=\"govuk-input govuk-!-width-one-third\" name=\"contact-text-message\" type=\"text\" id=\"contact-text-message\">\n"
+                        }
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-form-group--error\">\n  <fieldset class=\"govuk-fieldset\">\n  <legend class=\"govuk-fieldset__legend\">\n    How do you want to be contacted?\n  </legend>\n  <div class=\"govuk-checkboxes\" data-module=\"govuk-checkboxes\">\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"how-contacted-checked\" name=\"how-contacted-checked\" type=\"checkbox\" value=\"email\" data-aria-controls=\"conditional-how-contacted-checked\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"how-contacted-checked\">\n        Email\n      </label>\n    </div>\n    <div class=\"govuk-checkboxes__conditional govuk-checkboxes__conditional--hidden\" id=\"conditional-how-contacted-checked\">\n      <label class=\"govuk-label\" for=\"context-email\">Email address</label>\n<input class=\"govuk-input govuk-!-width-one-third\" name=\"context-email\" type=\"text\" id=\"context-email\">\n    </div>\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"how-contacted-checked-2\" name=\"how-contacted-checked\" type=\"checkbox\" value=\"phone\" checked data-aria-controls=\"conditional-how-contacted-checked-2\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"how-contacted-checked-2\">\n        Phone\n      </label>\n    </div>\n    <div class=\"govuk-checkboxes__conditional\" id=\"conditional-how-contacted-checked-2\">\n      <label class=\"govuk-label\" for=\"contact-phone\">Phone number</label>\n<span id=\"contact-phone-error\" class=\"govuk-error-message\">Problem with input</span>\n<input class=\"govuk-input govuk-input--error govuk-!-width-one-third\" name=\"contact-phone\" type=\"text\" id=\"contact-phone\" aria-describedby=\"contact-phone-error\">\n    </div>\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"how-contacted-checked-3\" name=\"how-contacted-checked\" type=\"checkbox\" value=\"text\" data-aria-controls=\"conditional-how-contacted-checked-3\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"how-contacted-checked-3\">\n        Text message\n      </label>\n    </div>\n    <div class=\"govuk-checkboxes__conditional govuk-checkboxes__conditional--hidden\" id=\"conditional-how-contacted-checked-3\">\n      <label class=\"govuk-label\" for=\"contact-text-message\">Mobile phone number</label>\n<input class=\"govuk-input govuk-!-width-one-third\" name=\"contact-text-message\" type=\"text\" id=\"contact-text-message\">\n    </div>\n  </div>\n</fieldset>\n</div>"
+        },
+        {
+            "name": "small",
+            "options": {
+                "idPrefix": "nationality",
+                "name": "nationality",
+                "classes": "govuk-checkboxes--small",
+                "fieldset": {
+                    "legend": {
+                        "text": "Filter by"
+                    }
+                },
+                "items": [
+                    {
+                        "value": "a",
+                        "text": "a thing"
+                    },
+                    {
+                        "value": "b",
+                        "text": "another thing"
+                    },
+                    {
+                        "value": "c",
+                        "text": "this thing"
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": true,
+            "html": "<div class=\"govuk-form-group\">\n  <fieldset class=\"govuk-fieldset\">\n  <legend class=\"govuk-fieldset__legend\">\n    Filter by\n  </legend>\n  <div class=\"govuk-checkboxes govuk-checkboxes--small\" data-module=\"govuk-checkboxes\">\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"nationality\" name=\"nationality\" type=\"checkbox\" value=\"a\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"nationality\">\n        a thing\n      </label>\n    </div>\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"nationality-2\" name=\"nationality\" type=\"checkbox\" value=\"b\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"nationality-2\">\n        another thing\n      </label>\n    </div>\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"nationality-3\" name=\"nationality\" type=\"checkbox\" value=\"c\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"nationality-3\">\n        this thing\n      </label>\n    </div>\n  </div>\n</fieldset>\n</div>"
+        },
+        {
+            "name": "small with long text",
+            "options": {
+                "idPrefix": "nationality",
+                "name": "nationality",
+                "classes": "govuk-checkboxes--small",
+                "fieldset": {
+                    "legend": {
+                        "text": "Filter by"
+                    }
+                },
+                "items": [
+                    {
+                        "value": "nullam",
+                        "text": "Nullam id dolor id nibh ultricies vehicula ut id elit. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Maecenas faucibus mollis interdum. Donec id elit non mi porta gravida at eget metus."
+                    },
+                    {
+                        "value": "aenean",
+                        "text": "Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Donec sed odio dui. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Cras mattis consectetur purus sit amet fermentum."
+                    },
+                    {
+                        "value": "fusce",
+                        "text": "Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Etiam porta sem malesuada magna mollis euismod. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. Sed posuere consectetur est at lobortis."
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <fieldset class=\"govuk-fieldset\">\n  <legend class=\"govuk-fieldset__legend\">\n    Filter by\n  </legend>\n  <div class=\"govuk-checkboxes govuk-checkboxes--small\" data-module=\"govuk-checkboxes\">\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"nationality\" name=\"nationality\" type=\"checkbox\" value=\"nullam\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"nationality\">\n        Nullam id dolor id nibh ultricies vehicula ut id elit. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Maecenas faucibus mollis interdum. Donec id elit non mi porta gravida at eget metus.\n      </label>\n    </div>\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"nationality-2\" name=\"nationality\" type=\"checkbox\" value=\"aenean\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"nationality-2\">\n        Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Donec sed odio dui. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Cras mattis consectetur purus sit amet fermentum.\n      </label>\n    </div>\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"nationality-3\" name=\"nationality\" type=\"checkbox\" value=\"fusce\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"nationality-3\">\n        Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Etiam porta sem malesuada magna mollis euismod. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. Sed posuere consectetur est at lobortis.\n      </label>\n    </div>\n  </div>\n</fieldset>\n</div>"
+        },
+        {
+            "name": "small with error",
+            "options": {
+                "idPrefix": "nationality",
+                "name": "nationality",
+                "classes": "govuk-checkboxes--small",
+                "errorMessage": {
+                    "text": "Select a thing"
+                },
+                "fieldset": {
+                    "legend": {
+                        "text": "Filter by"
+                    }
+                },
+                "items": [
+                    {
+                        "value": "a",
+                        "text": "a thing"
+                    },
+                    {
+                        "value": "b",
+                        "text": "another thing"
+                    },
+                    {
+                        "value": "c",
+                        "text": "this thing"
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-form-group--error\">\n  <fieldset class=\"govuk-fieldset\" aria-describedby=\"nationality-error\">\n  <legend class=\"govuk-fieldset__legend\">\n    Filter by\n  </legend>\n  <p id=\"nationality-error\" class=\"govuk-error-message\">\n    <span class=\"govuk-visually-hidden\">Error:</span> Select a thing\n  </p>\n  <div class=\"govuk-checkboxes govuk-checkboxes--small\" data-module=\"govuk-checkboxes\">\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"nationality\" name=\"nationality\" type=\"checkbox\" value=\"a\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"nationality\">\n        a thing\n      </label>\n    </div>\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"nationality-2\" name=\"nationality\" type=\"checkbox\" value=\"b\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"nationality-2\">\n        another thing\n      </label>\n    </div>\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"nationality-3\" name=\"nationality\" type=\"checkbox\" value=\"c\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"nationality-3\">\n        this thing\n      </label>\n    </div>\n  </div>\n</fieldset>\n</div>"
+        },
+        {
+            "name": "small with hint",
+            "options": {
+                "idPrefix": "nationality",
+                "name": "nationality",
+                "classes": "govuk-checkboxes--small",
+                "fieldset": {
+                    "legend": {
+                        "text": "Filter by"
+                    }
+                },
+                "items": [
+                    {
+                        "value": "a",
+                        "text": "a thing",
+                        "hint": {
+                            "text": "hint for a thing"
+                        }
+                    },
+                    {
+                        "value": "b",
+                        "text": "another thing"
+                    },
+                    {
+                        "value": "c",
+                        "text": "this thing"
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <fieldset class=\"govuk-fieldset\">\n  <legend class=\"govuk-fieldset__legend\">\n    Filter by\n  </legend>\n  <div class=\"govuk-checkboxes govuk-checkboxes--small\" data-module=\"govuk-checkboxes\">\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"nationality\" name=\"nationality\" type=\"checkbox\" value=\"a\" aria-describedby=\"nationality-item-hint\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"nationality\">\n        a thing\n      </label>\n      <div id=\"nationality-item-hint\" class=\"govuk-hint govuk-checkboxes__hint\">\n        hint for a thing\n      </div>\n    </div>\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"nationality-2\" name=\"nationality\" type=\"checkbox\" value=\"b\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"nationality-2\">\n        another thing\n      </label>\n    </div>\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"nationality-3\" name=\"nationality\" type=\"checkbox\" value=\"c\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"nationality-3\">\n        this thing\n      </label>\n    </div>\n  </div>\n</fieldset>\n</div>"
+        },
+        {
+            "name": "small with conditional reveal",
+            "options": {
+                "name": "how-contacted",
+                "idPrefix": "how-contacted",
+                "classes": "govuk-checkboxes--small",
+                "fieldset": {
+                    "legend": {
+                        "text": "How do you want to be contacted?"
+                    }
+                },
+                "items": [
+                    {
+                        "value": "a",
+                        "text": "a thing",
+                        "conditional": {
+                            "html": "<label class=\"govuk-label\" for=\"context-email\">Foo</label>\n<input class=\"govuk-input govuk-!-width-one-third\" name=\"context-email\" type=\"text\" id=\"context-email\">\n"
+                        }
+                    },
+                    {
+                        "value": "b",
+                        "text": "another thing"
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <fieldset class=\"govuk-fieldset\">\n  <legend class=\"govuk-fieldset__legend\">\n    How do you want to be contacted?\n  </legend>\n  <div class=\"govuk-checkboxes govuk-checkboxes--small\" data-module=\"govuk-checkboxes\">\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"how-contacted\" name=\"how-contacted\" type=\"checkbox\" value=\"a\" data-aria-controls=\"conditional-how-contacted\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"how-contacted\">\n        a thing\n      </label>\n    </div>\n    <div class=\"govuk-checkboxes__conditional govuk-checkboxes__conditional--hidden\" id=\"conditional-how-contacted\">\n      <label class=\"govuk-label\" for=\"context-email\">Foo</label>\n<input class=\"govuk-input govuk-!-width-one-third\" name=\"context-email\" type=\"text\" id=\"context-email\">\n    </div>\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"how-contacted-2\" name=\"how-contacted\" type=\"checkbox\" value=\"b\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"how-contacted-2\">\n        another thing\n      </label>\n    </div>\n  </div>\n</fieldset>\n</div>"
+        },
+        {
+            "name": "small with divider and None",
+            "options": {
+                "name": "small-with-divider-and-none",
+                "classes": "govuk-checkboxes--small",
+                "fieldset": {
+                    "legend": {
+                        "text": "Which types of waste do you transport regularly?"
+                    }
+                },
+                "items": [
+                    {
+                        "value": "animal",
+                        "text": "Waste from animal carcasses"
+                    },
+                    {
+                        "value": "mines",
+                        "text": "Waste from mines or quarries"
+                    },
+                    {
+                        "value": "farm",
+                        "text": "Farm or agricultural waste"
+                    },
+                    {
+                        "divider": "or"
+                    },
+                    {
+                        "value": "none",
+                        "text": "None of these",
+                        "behaviour": "exclusive"
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <fieldset class=\"govuk-fieldset\">\n  <legend class=\"govuk-fieldset__legend\">\n    Which types of waste do you transport regularly?\n  </legend>\n  <div class=\"govuk-checkboxes govuk-checkboxes--small\" data-module=\"govuk-checkboxes\">\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"small-with-divider-and-none\" name=\"small-with-divider-and-none\" type=\"checkbox\" value=\"animal\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"small-with-divider-and-none\">\n        Waste from animal carcasses\n      </label>\n    </div>\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"small-with-divider-and-none-2\" name=\"small-with-divider-and-none\" type=\"checkbox\" value=\"mines\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"small-with-divider-and-none-2\">\n        Waste from mines or quarries\n      </label>\n    </div>\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"small-with-divider-and-none-3\" name=\"small-with-divider-and-none\" type=\"checkbox\" value=\"farm\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"small-with-divider-and-none-3\">\n        Farm or agricultural waste\n      </label>\n    </div>\n    <div class=\"govuk-checkboxes__divider\">or</div>\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"small-with-divider-and-none-5\" name=\"small-with-divider-and-none\" type=\"checkbox\" value=\"none\" data-behaviour=\"exclusive\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"small-with-divider-and-none-5\">\n        None of these\n      </label>\n    </div>\n  </div>\n</fieldset>\n</div>"
+        },
+        {
+            "name": "with id and name",
+            "options": {
+                "name": "with-id-and-name",
+                "fieldset": {
+                    "legend": {
+                        "text": "What is your nationality?"
+                    }
+                },
+                "hint": {
+                    "text": "If you have dual nationality, select all options that are relevant to you."
+                },
+                "items": [
+                    {
+                        "name": "british",
+                        "id": "item_british",
+                        "value": "yes",
+                        "text": "British"
+                    },
+                    {
+                        "name": "irish",
+                        "id": "item_irish",
+                        "value": "irish",
+                        "text": "Irish"
+                    },
+                    {
+                        "name": "custom-name-scottish",
+                        "text": "Scottish",
+                        "value": "scottish"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <fieldset class=\"govuk-fieldset\" aria-describedby=\"with-id-and-name-hint\">\n  <legend class=\"govuk-fieldset__legend\">\n    What is your nationality?\n  </legend>\n  <div id=\"with-id-and-name-hint\" class=\"govuk-hint\">\n    If you have dual nationality, select all options that are relevant to you.\n  </div>\n  <div class=\"govuk-checkboxes\" data-module=\"govuk-checkboxes\">\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"item_british\" name=\"british\" type=\"checkbox\" value=\"yes\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"item_british\">\n        British\n      </label>\n    </div>\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"item_irish\" name=\"irish\" type=\"checkbox\" value=\"irish\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"item_irish\">\n        Irish\n      </label>\n    </div>\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"with-id-and-name-3\" name=\"custom-name-scottish\" type=\"checkbox\" value=\"scottish\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"with-id-and-name-3\">\n        Scottish\n      </label>\n    </div>\n  </div>\n</fieldset>\n</div>"
+        },
+        {
+            "name": "with disabled item",
+            "options": {
+                "name": "sign-in",
+                "fieldset": {
+                    "legend": {
+                        "text": "How do you want to sign in?",
+                        "classes": "govuk-fieldset__legend--l",
+                        "isPageHeading": true
+                    }
+                },
+                "items": [
+                    {
+                        "name": "gateway",
+                        "id": "government-gateway",
+                        "value": "gov-gateway",
+                        "text": "Sign in with Government Gateway",
+                        "hint": {
+                            "text": "You'll have a user ID if you've registered for Self Assessment or filed a tax return online before."
+                        }
+                    },
+                    {
+                        "name": "verify",
+                        "id": "govuk-verify",
+                        "value": "gov-verify",
+                        "text": "Sign in with GOV.UK Verify",
+                        "hint": {
+                            "text": "You'll have an account if you've already proved your identity with either Barclays, CitizenSafe, Digidentity, Experian, Post Office, Royal Mail or SecureIdentity."
+                        },
+                        "disabled": true
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <fieldset class=\"govuk-fieldset\">\n  <legend class=\"govuk-fieldset__legend govuk-fieldset__legend--l\">\n    <h1 class=\"govuk-fieldset__heading\">\n      How do you want to sign in?\n    </h1>\n  </legend>\n  <div class=\"govuk-checkboxes\" data-module=\"govuk-checkboxes\">\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"government-gateway\" name=\"gateway\" type=\"checkbox\" value=\"gov-gateway\" aria-describedby=\"government-gateway-item-hint\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"government-gateway\">\n        Sign in with Government Gateway\n      </label>\n      <div id=\"government-gateway-item-hint\" class=\"govuk-hint govuk-checkboxes__hint\">\n        You&#39;ll have a user ID if you&#39;ve registered for Self Assessment or filed a tax return online before.\n      </div>\n    </div>\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"govuk-verify\" name=\"verify\" type=\"checkbox\" value=\"gov-verify\" disabled aria-describedby=\"govuk-verify-item-hint\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"govuk-verify\">\n        Sign in with GOV.UK Verify\n      </label>\n      <div id=\"govuk-verify-item-hint\" class=\"govuk-hint govuk-checkboxes__hint\">\n        You&#39;ll have an account if you&#39;ve already proved your identity with either Barclays, CitizenSafe, Digidentity, Experian, Post Office, Royal Mail or SecureIdentity.\n      </div>\n    </div>\n  </div>\n</fieldset>\n</div>"
+        },
+        {
+            "name": "with idPrefix",
+            "options": {
+                "name": "example-name",
+                "idPrefix": "nationality",
+                "items": [
+                    {
+                        "value": 1,
+                        "text": "Option 1"
+                    },
+                    {
+                        "value": 2,
+                        "text": "Option 2"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <div class=\"govuk-checkboxes\" data-module=\"govuk-checkboxes\">\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"nationality\" name=\"example-name\" type=\"checkbox\" value=\"1\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"nationality\">\n        Option 1\n      </label>\n    </div>\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"nationality-2\" name=\"example-name\" type=\"checkbox\" value=\"2\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"nationality-2\">\n        Option 2\n      </label>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "with falsy values",
+            "options": {
+                "name": "example-name",
+                "items": [
+                    {
+                        "value": 1,
+                        "text": "Option 1"
+                    },
+                    false,
+                    null,
+                    "",
+                    {
+                        "value": 2,
+                        "text": "Option 2"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <div class=\"govuk-checkboxes\" data-module=\"govuk-checkboxes\">\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"example-name\" name=\"example-name\" type=\"checkbox\" value=\"1\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"example-name\">\n        Option 1\n      </label>\n    </div>\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"example-name-5\" name=\"example-name\" type=\"checkbox\" value=\"2\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"example-name-5\">\n        Option 2\n      </label>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "classes",
+            "options": {
+                "name": "example-name",
+                "classes": "app-checkboxes--custom-modifier",
+                "items": [
+                    {
+                        "value": 1,
+                        "text": "Option 1"
+                    },
+                    {
+                        "value": 2,
+                        "text": "Option 2"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <div class=\"govuk-checkboxes app-checkboxes--custom-modifier\" data-module=\"govuk-checkboxes\">\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"example-name\" name=\"example-name\" type=\"checkbox\" value=\"1\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"example-name\">\n        Option 1\n      </label>\n    </div>\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"example-name-2\" name=\"example-name\" type=\"checkbox\" value=\"2\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"example-name-2\">\n        Option 2\n      </label>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "with fieldset describedBy",
+            "options": {
+                "name": "example-name",
+                "fieldset": {
+                    "describedBy": "test-target-element",
+                    "legend": {
+                        "text": "Which option?"
+                    }
+                },
+                "items": [
+                    {
+                        "value": 1,
+                        "text": "Option 1"
+                    },
+                    {
+                        "value": 2,
+                        "text": "Option 2"
+                    }
+                ],
+                "hint": {
+                    "text": "If you have dual nationality, select all options that are relevant to you."
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <fieldset class=\"govuk-fieldset\" aria-describedby=\"test-target-element example-name-hint\">\n  <legend class=\"govuk-fieldset__legend\">\n    Which option?\n  </legend>\n  <div id=\"example-name-hint\" class=\"govuk-hint\">\n    If you have dual nationality, select all options that are relevant to you.\n  </div>\n  <div class=\"govuk-checkboxes\" data-module=\"govuk-checkboxes\">\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"example-name\" name=\"example-name\" type=\"checkbox\" value=\"1\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"example-name\">\n        Option 1\n      </label>\n    </div>\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"example-name-2\" name=\"example-name\" type=\"checkbox\" value=\"2\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"example-name-2\">\n        Option 2\n      </label>\n    </div>\n  </div>\n</fieldset>\n</div>"
+        },
+        {
+            "name": "attributes",
+            "options": {
+                "name": "example-name",
+                "attributes": {
+                    "data-attribute": "value",
+                    "data-second-attribute": "second-value"
+                },
+                "items": [
+                    {
+                        "value": 1,
+                        "text": "Option 1"
+                    },
+                    {
+                        "value": 2,
+                        "text": "Option 2"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <div class=\"govuk-checkboxes\" data-attribute=\"value\" data-second-attribute=\"second-value\" data-module=\"govuk-checkboxes\">\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"example-name\" name=\"example-name\" type=\"checkbox\" value=\"1\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"example-name\">\n        Option 1\n      </label>\n    </div>\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"example-name-2\" name=\"example-name\" type=\"checkbox\" value=\"2\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"example-name-2\">\n        Option 2\n      </label>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "with checked item",
+            "options": {
+                "name": "example-name",
+                "items": [
+                    {
+                        "value": 1,
+                        "text": "Option 1"
+                    },
+                    {
+                        "value": 2,
+                        "text": "Option 2",
+                        "checked": true
+                    },
+                    {
+                        "value": 3,
+                        "text": "Option 3",
+                        "checked": true
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <div class=\"govuk-checkboxes\" data-module=\"govuk-checkboxes\">\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"example-name\" name=\"example-name\" type=\"checkbox\" value=\"1\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"example-name\">\n        Option 1\n      </label>\n    </div>\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"example-name-2\" name=\"example-name\" type=\"checkbox\" value=\"2\" checked>\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"example-name-2\">\n        Option 2\n      </label>\n    </div>\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"example-name-3\" name=\"example-name\" type=\"checkbox\" value=\"3\" checked>\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"example-name-3\">\n        Option 3\n      </label>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "items with attributes",
+            "options": {
+                "name": "example-name",
+                "items": [
+                    {
+                        "value": 1,
+                        "text": "Option 1",
+                        "attributes": {
+                            "data-attribute": "ABC",
+                            "data-second-attribute": "DEF"
+                        }
+                    },
+                    {
+                        "value": 2,
+                        "text": "Option 2",
+                        "attributes": {
+                            "data-attribute": "GHI",
+                            "data-second-attribute": "JKL"
+                        }
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <div class=\"govuk-checkboxes\" data-module=\"govuk-checkboxes\">\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"example-name\" name=\"example-name\" type=\"checkbox\" value=\"1\" data-attribute=\"ABC\" data-second-attribute=\"DEF\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"example-name\">\n        Option 1\n      </label>\n    </div>\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"example-name-2\" name=\"example-name\" type=\"checkbox\" value=\"2\" data-attribute=\"GHI\" data-second-attribute=\"JKL\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"example-name-2\">\n        Option 2\n      </label>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "empty conditional",
+            "options": {
+                "name": "example-conditional",
+                "items": [
+                    {
+                        "value": "foo",
+                        "text": "Foo",
+                        "conditional": {
+                            "html": false
+                        }
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <div class=\"govuk-checkboxes\" data-module=\"govuk-checkboxes\">\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"example-conditional\" name=\"example-conditional\" type=\"checkbox\" value=\"foo\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"example-conditional\">\n        Foo\n      </label>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "with label classes",
+            "options": {
+                "name": "example-label-classes",
+                "items": [
+                    {
+                        "value": "yes",
+                        "text": "Yes",
+                        "label": {
+                            "classes": "bold"
+                        }
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <div class=\"govuk-checkboxes\" data-module=\"govuk-checkboxes\">\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"example-label-classes\" name=\"example-label-classes\" type=\"checkbox\" value=\"yes\">\n      <label class=\"govuk-label govuk-checkboxes__label bold\" for=\"example-label-classes\">\n        Yes\n      </label>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "multiple hints",
+            "options": {
+                "name": "example-multiple-hints",
+                "hint": {
+                    "text": "If you have dual nationality, select all options that are relevant to you."
+                },
+                "items": [
+                    {
+                        "value": "british",
+                        "text": "British",
+                        "hint": {
+                            "text": "Hint for british option here"
+                        }
+                    },
+                    {
+                        "value": "irish",
+                        "text": "Irish"
+                    },
+                    {
+                        "value": "other",
+                        "text": "Citizen of another country",
+                        "hint": {
+                            "text": "Hint for other option here"
+                        }
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <div id=\"example-multiple-hints-hint\" class=\"govuk-hint\">\n    If you have dual nationality, select all options that are relevant to you.\n  </div>\n  <div class=\"govuk-checkboxes\" data-module=\"govuk-checkboxes\">\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"example-multiple-hints\" name=\"example-multiple-hints\" type=\"checkbox\" value=\"british\" aria-describedby=\"example-multiple-hints-hint example-multiple-hints-item-hint\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"example-multiple-hints\">\n        British\n      </label>\n      <div id=\"example-multiple-hints-item-hint\" class=\"govuk-hint govuk-checkboxes__hint\">\n        Hint for british option here\n      </div>\n    </div>\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"example-multiple-hints-2\" name=\"example-multiple-hints\" type=\"checkbox\" value=\"irish\" aria-describedby=\"example-multiple-hints-hint\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"example-multiple-hints-2\">\n        Irish\n      </label>\n    </div>\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"example-multiple-hints-3\" name=\"example-multiple-hints\" type=\"checkbox\" value=\"other\" aria-describedby=\"example-multiple-hints-hint example-multiple-hints-3-item-hint\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"example-multiple-hints-3\">\n        Citizen of another country\n      </label>\n      <div id=\"example-multiple-hints-3-item-hint\" class=\"govuk-hint govuk-checkboxes__hint\">\n        Hint for other option here\n      </div>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "with conditional items with special characters",
+            "options": {
+                "name": "contact-prefs",
+                "idPrefix": "user.profile[contact-prefs]",
+                "fieldset": {
+                    "legend": {
+                        "text": "How do you want to be contacted?"
+                    }
+                },
+                "items": [
+                    {
+                        "value": "email",
+                        "text": "Email",
+                        "conditional": {
+                            "html": "<label class=\"govuk-label\" for=\"context-email\">Email address</label>\n<input class=\"govuk-input govuk-!-width-one-third\" name=\"context-email\" type=\"text\" id=\"context-email\">\n"
+                        }
+                    },
+                    {
+                        "value": "phone",
+                        "text": "Phone",
+                        "conditional": {
+                            "html": "<label class=\"govuk-label\" for=\"contact-phone\">Phone number</label>\n<input class=\"govuk-input govuk-!-width-one-third\" name=\"contact-phone\" type=\"text\" id=\"contact-phone\">\n"
+                        }
+                    },
+                    {
+                        "value": "text",
+                        "text": "Text message",
+                        "conditional": {
+                            "html": "<label class=\"govuk-label\" for=\"contact-text-message\">Mobile phone number</label>\n<input class=\"govuk-input govuk-!-width-one-third\" name=\"contact-text-message\" type=\"text\" id=\"contact-text-message\">\n"
+                        }
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <fieldset class=\"govuk-fieldset\">\n  <legend class=\"govuk-fieldset__legend\">\n    How do you want to be contacted?\n  </legend>\n  <div class=\"govuk-checkboxes\" data-module=\"govuk-checkboxes\">\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"user.profile[contact-prefs]\" name=\"contact-prefs\" type=\"checkbox\" value=\"email\" data-aria-controls=\"conditional-user.profile[contact-prefs]\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"user.profile[contact-prefs]\">\n        Email\n      </label>\n    </div>\n    <div class=\"govuk-checkboxes__conditional govuk-checkboxes__conditional--hidden\" id=\"conditional-user.profile[contact-prefs]\">\n      <label class=\"govuk-label\" for=\"context-email\">Email address</label>\n<input class=\"govuk-input govuk-!-width-one-third\" name=\"context-email\" type=\"text\" id=\"context-email\">\n    </div>\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"user.profile[contact-prefs]-2\" name=\"contact-prefs\" type=\"checkbox\" value=\"phone\" data-aria-controls=\"conditional-user.profile[contact-prefs]-2\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"user.profile[contact-prefs]-2\">\n        Phone\n      </label>\n    </div>\n    <div class=\"govuk-checkboxes__conditional govuk-checkboxes__conditional--hidden\" id=\"conditional-user.profile[contact-prefs]-2\">\n      <label class=\"govuk-label\" for=\"contact-phone\">Phone number</label>\n<input class=\"govuk-input govuk-!-width-one-third\" name=\"contact-phone\" type=\"text\" id=\"contact-phone\">\n    </div>\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"user.profile[contact-prefs]-3\" name=\"contact-prefs\" type=\"checkbox\" value=\"text\" data-aria-controls=\"conditional-user.profile[contact-prefs]-3\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"user.profile[contact-prefs]-3\">\n        Text message\n      </label>\n    </div>\n    <div class=\"govuk-checkboxes__conditional govuk-checkboxes__conditional--hidden\" id=\"conditional-user.profile[contact-prefs]-3\">\n      <label class=\"govuk-label\" for=\"contact-text-message\">Mobile phone number</label>\n<input class=\"govuk-input govuk-!-width-one-third\" name=\"contact-text-message\" type=\"text\" id=\"contact-text-message\">\n    </div>\n  </div>\n</fieldset>\n</div>"
+        },
+        {
+            "name": "with error message and hint",
+            "options": {
+                "name": "example",
+                "items": [
+                    {
+                        "value": "british",
+                        "text": "British"
+                    },
+                    {
+                        "value": "irish",
+                        "text": "Irish"
+                    }
+                ],
+                "errorMessage": {
+                    "text": "Please select an option"
+                },
+                "fieldset": {
+                    "legend": {
+                        "text": "What is your nationality?"
+                    }
+                },
+                "hint": {
+                    "text": "If you have dual nationality, select all options that are relevant to you."
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-form-group--error\">\n  <fieldset class=\"govuk-fieldset\" aria-describedby=\"example-hint example-error\">\n  <legend class=\"govuk-fieldset__legend\">\n    What is your nationality?\n  </legend>\n  <div id=\"example-hint\" class=\"govuk-hint\">\n    If you have dual nationality, select all options that are relevant to you.\n  </div>\n  <p id=\"example-error\" class=\"govuk-error-message\">\n    <span class=\"govuk-visually-hidden\">Error:</span> Please select an option\n  </p>\n  <div class=\"govuk-checkboxes\" data-module=\"govuk-checkboxes\">\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"example\" name=\"example\" type=\"checkbox\" value=\"british\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"example\">\n        British\n      </label>\n    </div>\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"example-2\" name=\"example\" type=\"checkbox\" value=\"irish\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"example-2\">\n        Irish\n      </label>\n    </div>\n  </div>\n</fieldset>\n</div>"
+        },
+        {
+            "name": "with error, hint and fieldset describedBy",
+            "options": {
+                "name": "example",
+                "errorMessage": {
+                    "text": "Please select an option"
+                },
+                "fieldset": {
+                    "describedBy": "test-target-element",
+                    "legend": {
+                        "text": "What is your nationality?"
+                    }
+                },
+                "hint": {
+                    "text": "If you have dual nationality, select all options that are relevant to you."
+                },
+                "items": [
+                    {
+                        "value": "british",
+                        "text": "British"
+                    },
+                    {
+                        "value": "irish",
+                        "text": "Irish"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-form-group--error\">\n  <fieldset class=\"govuk-fieldset\" aria-describedby=\"test-target-element example-hint example-error\">\n  <legend class=\"govuk-fieldset__legend\">\n    What is your nationality?\n  </legend>\n  <div id=\"example-hint\" class=\"govuk-hint\">\n    If you have dual nationality, select all options that are relevant to you.\n  </div>\n  <p id=\"example-error\" class=\"govuk-error-message\">\n    <span class=\"govuk-visually-hidden\">Error:</span> Please select an option\n  </p>\n  <div class=\"govuk-checkboxes\" data-module=\"govuk-checkboxes\">\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"example\" name=\"example\" type=\"checkbox\" value=\"british\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"example\">\n        British\n      </label>\n    </div>\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"example-2\" name=\"example\" type=\"checkbox\" value=\"irish\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"example-2\">\n        Irish\n      </label>\n    </div>\n  </div>\n</fieldset>\n</div>"
+        },
+        {
+            "name": "label with attributes",
+            "options": {
+                "name": "example-name",
+                "items": [
+                    {
+                        "value": 1,
+                        "html": "<b>Option 1</b>",
+                        "label": {
+                            "attributes": {
+                                "data-attribute": "value",
+                                "data-second-attribute": "second-value"
+                            }
+                        }
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <div class=\"govuk-checkboxes\" data-module=\"govuk-checkboxes\">\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"example-name\" name=\"example-name\" type=\"checkbox\" value=\"1\">\n      <label class=\"govuk-label govuk-checkboxes__label\" data-attribute=\"value\" data-second-attribute=\"second-value\" for=\"example-name\">\n        <b>Option 1</b>\n      </label>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "fieldset params",
+            "options": {
+                "name": "example-name",
+                "errorMessage": {
+                    "text": "Please select an option"
+                },
+                "fieldset": {
+                    "legend": {
+                        "text": "What is your nationality?"
+                    },
+                    "classes": "app-fieldset--custom-modifier",
+                    "attributes": {
+                        "data-attribute": "value",
+                        "data-second-attribute": "second-value"
+                    }
+                },
+                "items": [
+                    {
+                        "value": "british",
+                        "text": "British"
+                    },
+                    {
+                        "value": "irish",
+                        "text": "Irish"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-form-group--error\">\n  <fieldset class=\"govuk-fieldset app-fieldset--custom-modifier\" aria-describedby=\"example-name-error\" data-attribute=\"value\" data-second-attribute=\"second-value\">\n  <legend class=\"govuk-fieldset__legend\">\n    What is your nationality?\n  </legend>\n  <p id=\"example-name-error\" class=\"govuk-error-message\">\n    <span class=\"govuk-visually-hidden\">Error:</span> Please select an option\n  </p>\n  <div class=\"govuk-checkboxes\" data-module=\"govuk-checkboxes\">\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"example-name\" name=\"example-name\" type=\"checkbox\" value=\"british\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"example-name\">\n        British\n      </label>\n    </div>\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"example-name-2\" name=\"example-name\" type=\"checkbox\" value=\"irish\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"example-name-2\">\n        Irish\n      </label>\n    </div>\n  </div>\n</fieldset>\n</div>"
+        },
+        {
+            "name": "fieldset html params",
+            "options": {
+                "name": "example-name",
+                "fieldset": {
+                    "legend": {
+                        "html": "What is your <b>nationality</b>?"
+                    }
+                },
+                "items": [
+                    {
+                        "value": "british",
+                        "text": "British"
+                    },
+                    {
+                        "value": "irish",
+                        "text": "Irish"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <fieldset class=\"govuk-fieldset\">\n  <legend class=\"govuk-fieldset__legend\">\n    What is your <b>nationality</b>?\n  </legend>\n  <div class=\"govuk-checkboxes\" data-module=\"govuk-checkboxes\">\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"example-name\" name=\"example-name\" type=\"checkbox\" value=\"british\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"example-name\">\n        British\n      </label>\n    </div>\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"example-name-2\" name=\"example-name\" type=\"checkbox\" value=\"irish\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"example-name-2\">\n        Irish\n      </label>\n    </div>\n  </div>\n</fieldset>\n</div>"
+        },
+        {
+            "name": "with single option set 'aria-describedby' on input, and describedBy",
+            "options": {
+                "describedBy": "test-target-element",
+                "name": "t-and-c",
+                "hint": {
+                    "text": "Please accept the terms and conditions"
+                },
+                "items": [
+                    {
+                        "value": "yes",
+                        "text": "I agree to the terms and conditions"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <div id=\"t-and-c-hint\" class=\"govuk-hint\">\n    Please accept the terms and conditions\n  </div>\n  <div class=\"govuk-checkboxes\" data-module=\"govuk-checkboxes\">\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"t-and-c\" name=\"t-and-c\" type=\"checkbox\" value=\"yes\" aria-describedby=\"test-target-element t-and-c-hint\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"t-and-c\">\n        I agree to the terms and conditions\n      </label>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "with single option (and hint) set 'aria-describedby' on input, and describedBy",
+            "options": {
+                "describedBy": "test-target-element",
+                "name": "t-and-c-with-hint",
+                "hint": {
+                    "text": "Please accept the terms and conditions"
+                },
+                "items": [
+                    {
+                        "value": "yes",
+                        "text": "I agree to the terms and conditions",
+                        "hint": {
+                            "text": "Go on, you know you want to!"
+                        }
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <div id=\"t-and-c-with-hint-hint\" class=\"govuk-hint\">\n    Please accept the terms and conditions\n  </div>\n  <div class=\"govuk-checkboxes\" data-module=\"govuk-checkboxes\">\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"t-and-c-with-hint\" name=\"t-and-c-with-hint\" type=\"checkbox\" value=\"yes\" aria-describedby=\"test-target-element t-and-c-with-hint-hint t-and-c-with-hint-item-hint\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"t-and-c-with-hint\">\n        I agree to the terms and conditions\n      </label>\n      <div id=\"t-and-c-with-hint-item-hint\" class=\"govuk-hint govuk-checkboxes__hint\">\n        Go on, you know you want to!\n      </div>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "with error and idPrefix",
+            "options": {
+                "name": "name-of-checkboxes",
+                "errorMessage": {
+                    "text": "Please select an option"
+                },
+                "idPrefix": "id-prefix",
+                "items": [
+                    {
+                        "value": "animal",
+                        "text": "Waste from animal carcasses"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-form-group--error\">\n  <p id=\"id-prefix-error\" class=\"govuk-error-message\">\n    <span class=\"govuk-visually-hidden\">Error:</span> Please select an option\n  </p>\n  <div class=\"govuk-checkboxes\" data-module=\"govuk-checkboxes\">\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"id-prefix\" name=\"name-of-checkboxes\" type=\"checkbox\" value=\"animal\" aria-describedby=\"id-prefix-error\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"id-prefix\">\n        Waste from animal carcasses\n      </label>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "with error message and fieldset describedBy",
+            "options": {
+                "name": "example",
+                "errorMessage": {
+                    "text": "Please select an option"
+                },
+                "fieldset": {
+                    "describedBy": "test-target-element",
+                    "legend": {
+                        "text": "What is your nationality?"
+                    }
+                },
+                "items": [
+                    {
+                        "value": "british",
+                        "text": "British"
+                    },
+                    {
+                        "value": "irish",
+                        "text": "Irish"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-form-group--error\">\n  <fieldset class=\"govuk-fieldset\" aria-describedby=\"test-target-element example-error\">\n  <legend class=\"govuk-fieldset__legend\">\n    What is your nationality?\n  </legend>\n  <p id=\"example-error\" class=\"govuk-error-message\">\n    <span class=\"govuk-visually-hidden\">Error:</span> Please select an option\n  </p>\n  <div class=\"govuk-checkboxes\" data-module=\"govuk-checkboxes\">\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"example\" name=\"example\" type=\"checkbox\" value=\"british\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"example\">\n        British\n      </label>\n    </div>\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"example-2\" name=\"example\" type=\"checkbox\" value=\"irish\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"example-2\">\n        Irish\n      </label>\n    </div>\n  </div>\n</fieldset>\n</div>"
+        },
+        {
+            "name": "with conditional item checked",
+            "options": {
+                "name": "how-contacted-checked",
+                "idPrefix": "how-contacted-checked",
+                "fieldset": {
+                    "legend": {
+                        "text": "How do you want to be contacted?"
+                    }
+                },
+                "items": [
+                    {
+                        "value": "email",
+                        "text": "Email",
+                        "checked": true,
+                        "conditional": {
+                            "html": "<label class=\"govuk-label\" for=\"context-email\">Email address</label>\n<input class=\"govuk-input govuk-!-width-one-third\" name=\"context-email\" type=\"text\" id=\"context-email\">\n"
+                        }
+                    },
+                    {
+                        "value": "phone",
+                        "text": "Phone",
+                        "conditional": {
+                            "html": "<label class=\"govuk-label\" for=\"contact-phone\">Phone number</label>\n<input class=\"govuk-input govuk-!-width-one-third\" name=\"contact-phone\" type=\"text\" id=\"contact-phone\">\n"
+                        }
+                    },
+                    {
+                        "value": "text",
+                        "text": "Text message",
+                        "conditional": {
+                            "html": "<label class=\"govuk-label\" for=\"contact-text-message\">Mobile phone number</label>\n<input class=\"govuk-input govuk-!-width-one-third\" name=\"contact-text-message\" type=\"text\" id=\"contact-text-message\">\n"
+                        }
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <fieldset class=\"govuk-fieldset\">\n  <legend class=\"govuk-fieldset__legend\">\n    How do you want to be contacted?\n  </legend>\n  <div class=\"govuk-checkboxes\" data-module=\"govuk-checkboxes\">\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"how-contacted-checked\" name=\"how-contacted-checked\" type=\"checkbox\" value=\"email\" checked data-aria-controls=\"conditional-how-contacted-checked\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"how-contacted-checked\">\n        Email\n      </label>\n    </div>\n    <div class=\"govuk-checkboxes__conditional\" id=\"conditional-how-contacted-checked\">\n      <label class=\"govuk-label\" for=\"context-email\">Email address</label>\n<input class=\"govuk-input govuk-!-width-one-third\" name=\"context-email\" type=\"text\" id=\"context-email\">\n    </div>\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"how-contacted-checked-2\" name=\"how-contacted-checked\" type=\"checkbox\" value=\"phone\" data-aria-controls=\"conditional-how-contacted-checked-2\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"how-contacted-checked-2\">\n        Phone\n      </label>\n    </div>\n    <div class=\"govuk-checkboxes__conditional govuk-checkboxes__conditional--hidden\" id=\"conditional-how-contacted-checked-2\">\n      <label class=\"govuk-label\" for=\"contact-phone\">Phone number</label>\n<input class=\"govuk-input govuk-!-width-one-third\" name=\"contact-phone\" type=\"text\" id=\"contact-phone\">\n    </div>\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"how-contacted-checked-3\" name=\"how-contacted-checked\" type=\"checkbox\" value=\"text\" data-aria-controls=\"conditional-how-contacted-checked-3\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"how-contacted-checked-3\">\n        Text message\n      </label>\n    </div>\n    <div class=\"govuk-checkboxes__conditional govuk-checkboxes__conditional--hidden\" id=\"conditional-how-contacted-checked-3\">\n      <label class=\"govuk-label\" for=\"contact-text-message\">Mobile phone number</label>\n<input class=\"govuk-input govuk-!-width-one-third\" name=\"contact-text-message\" type=\"text\" id=\"contact-text-message\">\n    </div>\n  </div>\n</fieldset>\n</div>"
+        },
+        {
+            "name": "item checked overrides values",
+            "options": {
+                "name": "colors",
+                "items": [
+                    {
+                        "value": "red",
+                        "text": "Red"
+                    },
+                    {
+                        "value": "green",
+                        "text": "Green",
+                        "checked": false
+                    },
+                    {
+                        "value": "blue",
+                        "text": "Blue"
+                    }
+                ],
+                "values": [
+                    "red",
+                    "green"
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <div class=\"govuk-checkboxes\" data-module=\"govuk-checkboxes\">\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"colors\" name=\"colors\" type=\"checkbox\" value=\"red\" checked>\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"colors\">\n        Red\n      </label>\n    </div>\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"colors-2\" name=\"colors\" type=\"checkbox\" value=\"green\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"colors-2\">\n        Green\n      </label>\n    </div>\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"colors-3\" name=\"colors\" type=\"checkbox\" value=\"blue\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"colors-3\">\n        Blue\n      </label>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "textarea in conditional",
+            "options": {
+                "name": "conditional",
+                "fieldset": {
+                    "legend": {
+                        "text": "Test"
+                    }
+                },
+                "items": [
+                    {
+                        "value": "other",
+                        "text": "Other",
+                        "conditional": {
+                            "html": "<label class=\"govuk-label\" for=\"conditional-textarea\">textarea</label>\n<textarea class=\"govuk-textarea\" name=\"conditional-textarea\" id=\"conditional-textarea\">\ntest\n</textarea>\n"
+                        }
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <fieldset class=\"govuk-fieldset\">\n  <legend class=\"govuk-fieldset__legend\">\n    Test\n  </legend>\n  <div class=\"govuk-checkboxes\" data-module=\"govuk-checkboxes\">\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"conditional\" name=\"conditional\" type=\"checkbox\" value=\"other\" data-aria-controls=\"conditional-conditional\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"conditional\">\n        Other\n      </label>\n    </div>\n    <div class=\"govuk-checkboxes__conditional govuk-checkboxes__conditional--hidden\" id=\"conditional-conditional\">\n      <label class=\"govuk-label\" for=\"conditional-textarea\">textarea</label>\n<textarea class=\"govuk-textarea\" name=\"conditional-textarea\" id=\"conditional-textarea\">\ntest\n</textarea>\n    </div>\n  </div>\n</fieldset>\n</div>"
+        }
+    ]
+}
diff --git a/app/templates/govuk/components/components/checkboxes/macro-options.json b/app/templates/govuk/components/components/checkboxes/macro-options.json
new file mode 100644
index 0000000..52020dc
--- /dev/null
+++ b/app/templates/govuk/components/components/checkboxes/macro-options.json
@@ -0,0 +1,229 @@
+[
+    {
+        "name": "describedBy",
+        "type": "string",
+        "required": false,
+        "description": "One or more element IDs to add to the input `aria-describedby` attribute without a fieldset, used to provide additional descriptive information for screenreader users."
+    },
+    {
+        "name": "fieldset",
+        "type": "object",
+        "required": false,
+        "description": "Can be used to add a fieldset to the checkboxes component.",
+        "isComponent": true
+    },
+    {
+        "name": "hint",
+        "type": "object",
+        "required": false,
+        "description": "Can be used to add a hint to the checkboxes component.",
+        "isComponent": true
+    },
+    {
+        "name": "errorMessage",
+        "type": "object",
+        "required": false,
+        "description": "Can be used to add an error message to the checkboxes component. The error message component will not display if you use a falsy value for `errorMessage`, for example `false` or `null`.",
+        "isComponent": true
+    },
+    {
+        "name": "formGroup",
+        "type": "object",
+        "required": false,
+        "description": "Additional options for the form group containing the checkboxes component.",
+        "params": [
+            {
+                "name": "classes",
+                "type": "string",
+                "required": false,
+                "description": "Classes to add to the form group (for example to show error state for the whole group)."
+            },
+            {
+                "name": "attributes",
+                "type": "object",
+                "required": false,
+                "description": "HTML attributes (for example data attributes) to add to the form group."
+            },
+            {
+                "name": "beforeInputs",
+                "type": "object",
+                "required": false,
+                "description": "Content to add before all checkbox items within the checkboxes component.",
+                "params": [
+                    {
+                        "name": "text",
+                        "type": "string",
+                        "required": true,
+                        "description": "Text to add before all checkbox items. If `html` is provided, the `text` option will be ignored."
+                    },
+                    {
+                        "name": "html",
+                        "type": "string",
+                        "required": true,
+                        "description": "HTML to add before all checkbox items. If `html` is provided, the `text` option will be ignored."
+                    }
+                ]
+            },
+            {
+                "name": "afterInputs",
+                "type": "object",
+                "required": false,
+                "description": "Content to add after all checkbox items within the checkboxes component.",
+                "params": [
+                    {
+                        "name": "text",
+                        "type": "string",
+                        "required": true,
+                        "description": "Text to add after all checkbox items. If `html` is provided, the `text` option will be ignored."
+                    },
+                    {
+                        "name": "html",
+                        "type": "string",
+                        "required": true,
+                        "description": "HTML to add after all checkbox items. If `html` is provided, the `text` option will be ignored."
+                    }
+                ]
+            }
+        ]
+    },
+    {
+        "name": "idPrefix",
+        "type": "string",
+        "required": false,
+        "description": "Optional prefix. This is used to prefix the `id` attribute for each checkbox item input, hint and error message, separated by `-`. Defaults to the `name` option value."
+    },
+    {
+        "name": "name",
+        "type": "string",
+        "required": true,
+        "description": "Name attribute for all checkbox items."
+    },
+    {
+        "name": "items",
+        "type": "array",
+        "required": true,
+        "description": "The checkbox items within the checkboxes component.",
+        "params": [
+            {
+                "name": "text",
+                "type": "string",
+                "required": true,
+                "description": "If `html` is set, this is not required. Text to use within each checkbox item label. If `html` is provided, the `text` option will be ignored."
+            },
+            {
+                "name": "html",
+                "type": "string",
+                "required": true,
+                "description": "If `text` is set, this is not required. HTML to use within each checkbox item label. If `html` is provided, the `text` option will be ignored."
+            },
+            {
+                "name": "id",
+                "type": "string",
+                "required": false,
+                "description": "Specific ID attribute for the checkbox item. If omitted, then component global `idPrefix` option will be applied."
+            },
+            {
+                "name": "name",
+                "type": "string",
+                "required": false,
+                "description": "Specific name for the checkbox item. If omitted, then component global `name` string will be applied."
+            },
+            {
+                "name": "value",
+                "type": "string",
+                "required": true,
+                "description": "Value for the checkbox input."
+            },
+            {
+                "name": "label",
+                "type": "object",
+                "required": false,
+                "description": "Subset of options for the label used by each checkbox item within the checkboxes component.",
+                "isComponent": true,
+                "params": [
+                    {
+                        "name": "classes",
+                        "type": "string",
+                        "required": false,
+                        "description": "Classes to add to the label tag."
+                    },
+                    {
+                        "name": "attributes",
+                        "type": "object",
+                        "required": false,
+                        "description": "HTML attributes (for example data attributes) to add to the label tag."
+                    }
+                ]
+            },
+            {
+                "name": "hint",
+                "type": "object",
+                "required": false,
+                "description": "Can be used to add a hint to each checkbox item within the checkboxes component.",
+                "isComponent": true
+            },
+            {
+                "name": "divider",
+                "type": "string",
+                "required": false,
+                "description": "Divider text to separate checkbox items, for example the text `\"or\"`."
+            },
+            {
+                "name": "checked",
+                "type": "boolean",
+                "required": false,
+                "description": "Whether the checkbox should be checked when the page loads. Takes precedence over the top-level `values` option."
+            },
+            {
+                "name": "conditional",
+                "type": "object",
+                "required": false,
+                "description": "Provide additional content to reveal when the checkbox is checked.",
+                "params": [
+                    {
+                        "name": "html",
+                        "type": "string",
+                        "description": "The HTML to reveal when the checkbox is checked.",
+                        "required": true
+                    }
+                ]
+            },
+            {
+                "name": "behaviour",
+                "type": "string",
+                "required": false,
+                "description": "If set to `\"exclusive\"`, implements a 'None of these' type behaviour via JavaScript when checkboxes are clicked."
+            },
+            {
+                "name": "disabled",
+                "type": "boolean",
+                "required": false,
+                "description": "If `true`, checkbox will be disabled."
+            },
+            {
+                "name": "attributes",
+                "type": "object",
+                "required": false,
+                "description": "HTML attributes (for example data attributes) to add to the checkbox input tag."
+            }
+        ]
+    },
+    {
+        "name": "values",
+        "type": "array",
+        "required": false,
+        "description": "Array of values for checkboxes which should be checked when the page loads. Use this as an alternative to setting the `checked` option on each individual item."
+    },
+    {
+        "name": "classes",
+        "type": "string",
+        "required": false,
+        "description": "Classes to add to the checkboxes container."
+    },
+    {
+        "name": "attributes",
+        "type": "object",
+        "required": false,
+        "description": "HTML attributes (for example data attributes) to add to the anchor tag."
+    }
+]
diff --git a/app/templates/govuk/components/components/checkboxes/macro.njk b/app/templates/govuk/components/components/checkboxes/macro.njk
new file mode 100644
index 0000000..e023534
--- /dev/null
+++ b/app/templates/govuk/components/components/checkboxes/macro.njk
@@ -0,0 +1,3 @@
+{% macro govukCheckboxes(params) %}
+  {%- include "./template.njk" -%}
+{% endmacro %}
diff --git a/app/templates/govuk/components/components/checkboxes/template-default.html b/app/templates/govuk/components/components/checkboxes/template-default.html
new file mode 100644
index 0000000..e743fd1
--- /dev/null
+++ b/app/templates/govuk/components/components/checkboxes/template-default.html
@@ -0,0 +1,27 @@
+<div class="govuk-form-group">
+  <fieldset class="govuk-fieldset">
+  <legend class="govuk-fieldset__legend">
+    What is your nationality?
+  </legend>
+  <div class="govuk-checkboxes" data-module="govuk-checkboxes">
+    <div class="govuk-checkboxes__item">
+      <input class="govuk-checkboxes__input" id="nationality" name="nationality" type="checkbox" value="british">
+      <label class="govuk-label govuk-checkboxes__label" for="nationality">
+        British
+      </label>
+    </div>
+    <div class="govuk-checkboxes__item">
+      <input class="govuk-checkboxes__input" id="nationality-2" name="nationality" type="checkbox" value="irish">
+      <label class="govuk-label govuk-checkboxes__label" for="nationality-2">
+        Irish
+      </label>
+    </div>
+    <div class="govuk-checkboxes__item">
+      <input class="govuk-checkboxes__input" id="nationality-3" name="nationality" type="checkbox" value="other">
+      <label class="govuk-label govuk-checkboxes__label" for="nationality-3">
+        Citizen of another country
+      </label>
+    </div>
+  </div>
+</fieldset>
+</div>
diff --git a/app/templates/govuk/components/components/checkboxes/template-small-with-conditional-reveal.html b/app/templates/govuk/components/components/checkboxes/template-small-with-conditional-reveal.html
new file mode 100644
index 0000000..98e7434
--- /dev/null
+++ b/app/templates/govuk/components/components/checkboxes/template-small-with-conditional-reveal.html
@@ -0,0 +1,25 @@
+<div class="govuk-form-group">
+  <fieldset class="govuk-fieldset">
+  <legend class="govuk-fieldset__legend">
+    How do you want to be contacted?
+  </legend>
+  <div class="govuk-checkboxes govuk-checkboxes--small" data-module="govuk-checkboxes">
+    <div class="govuk-checkboxes__item">
+      <input class="govuk-checkboxes__input" id="how-contacted" name="how-contacted" type="checkbox" value="a" data-aria-controls="conditional-how-contacted">
+      <label class="govuk-label govuk-checkboxes__label" for="how-contacted">
+        a thing
+      </label>
+    </div>
+    <div class="govuk-checkboxes__conditional govuk-checkboxes__conditional--hidden" id="conditional-how-contacted">
+      <label class="govuk-label" for="context-email">Foo</label>
+<input class="govuk-input govuk-!-width-one-third" name="context-email" type="text" id="context-email">
+    </div>
+    <div class="govuk-checkboxes__item">
+      <input class="govuk-checkboxes__input" id="how-contacted-2" name="how-contacted" type="checkbox" value="b">
+      <label class="govuk-label govuk-checkboxes__label" for="how-contacted-2">
+        another thing
+      </label>
+    </div>
+  </div>
+</fieldset>
+</div>
diff --git a/app/templates/govuk/components/components/checkboxes/template-small-with-divider-and-none.html b/app/templates/govuk/components/components/checkboxes/template-small-with-divider-and-none.html
new file mode 100644
index 0000000..05461f8
--- /dev/null
+++ b/app/templates/govuk/components/components/checkboxes/template-small-with-divider-and-none.html
@@ -0,0 +1,34 @@
+<div class="govuk-form-group">
+  <fieldset class="govuk-fieldset">
+  <legend class="govuk-fieldset__legend">
+    Which types of waste do you transport regularly?
+  </legend>
+  <div class="govuk-checkboxes govuk-checkboxes--small" data-module="govuk-checkboxes">
+    <div class="govuk-checkboxes__item">
+      <input class="govuk-checkboxes__input" id="small-with-divider-and-none" name="small-with-divider-and-none" type="checkbox" value="animal">
+      <label class="govuk-label govuk-checkboxes__label" for="small-with-divider-and-none">
+        Waste from animal carcasses
+      </label>
+    </div>
+    <div class="govuk-checkboxes__item">
+      <input class="govuk-checkboxes__input" id="small-with-divider-and-none-2" name="small-with-divider-and-none" type="checkbox" value="mines">
+      <label class="govuk-label govuk-checkboxes__label" for="small-with-divider-and-none-2">
+        Waste from mines or quarries
+      </label>
+    </div>
+    <div class="govuk-checkboxes__item">
+      <input class="govuk-checkboxes__input" id="small-with-divider-and-none-3" name="small-with-divider-and-none" type="checkbox" value="farm">
+      <label class="govuk-label govuk-checkboxes__label" for="small-with-divider-and-none-3">
+        Farm or agricultural waste
+      </label>
+    </div>
+    <div class="govuk-checkboxes__divider">or</div>
+    <div class="govuk-checkboxes__item">
+      <input class="govuk-checkboxes__input" id="small-with-divider-and-none-5" name="small-with-divider-and-none" type="checkbox" value="none" data-behaviour="exclusive">
+      <label class="govuk-label govuk-checkboxes__label" for="small-with-divider-and-none-5">
+        None of these
+      </label>
+    </div>
+  </div>
+</fieldset>
+</div>
diff --git a/app/templates/govuk/components/components/checkboxes/template-small-with-error.html b/app/templates/govuk/components/components/checkboxes/template-small-with-error.html
new file mode 100644
index 0000000..e196a05
--- /dev/null
+++ b/app/templates/govuk/components/components/checkboxes/template-small-with-error.html
@@ -0,0 +1,30 @@
+<div class="govuk-form-group govuk-form-group--error">
+  <fieldset class="govuk-fieldset" aria-describedby="nationality-error">
+  <legend class="govuk-fieldset__legend">
+    Filter by
+  </legend>
+  <p id="nationality-error" class="govuk-error-message">
+    <span class="govuk-visually-hidden">Error:</span> Select a thing
+  </p>
+  <div class="govuk-checkboxes govuk-checkboxes--small" data-module="govuk-checkboxes">
+    <div class="govuk-checkboxes__item">
+      <input class="govuk-checkboxes__input" id="nationality" name="nationality" type="checkbox" value="a">
+      <label class="govuk-label govuk-checkboxes__label" for="nationality">
+        a thing
+      </label>
+    </div>
+    <div class="govuk-checkboxes__item">
+      <input class="govuk-checkboxes__input" id="nationality-2" name="nationality" type="checkbox" value="b">
+      <label class="govuk-label govuk-checkboxes__label" for="nationality-2">
+        another thing
+      </label>
+    </div>
+    <div class="govuk-checkboxes__item">
+      <input class="govuk-checkboxes__input" id="nationality-3" name="nationality" type="checkbox" value="c">
+      <label class="govuk-label govuk-checkboxes__label" for="nationality-3">
+        this thing
+      </label>
+    </div>
+  </div>
+</fieldset>
+</div>
diff --git a/app/templates/govuk/components/components/checkboxes/template-small-with-hint.html b/app/templates/govuk/components/components/checkboxes/template-small-with-hint.html
new file mode 100644
index 0000000..543bfed
--- /dev/null
+++ b/app/templates/govuk/components/components/checkboxes/template-small-with-hint.html
@@ -0,0 +1,30 @@
+<div class="govuk-form-group">
+  <fieldset class="govuk-fieldset">
+  <legend class="govuk-fieldset__legend">
+    Filter by
+  </legend>
+  <div class="govuk-checkboxes govuk-checkboxes--small" data-module="govuk-checkboxes">
+    <div class="govuk-checkboxes__item">
+      <input class="govuk-checkboxes__input" id="nationality" name="nationality" type="checkbox" value="a" aria-describedby="nationality-item-hint">
+      <label class="govuk-label govuk-checkboxes__label" for="nationality">
+        a thing
+      </label>
+      <div id="nationality-item-hint" class="govuk-hint govuk-checkboxes__hint">
+        hint for a thing
+      </div>
+    </div>
+    <div class="govuk-checkboxes__item">
+      <input class="govuk-checkboxes__input" id="nationality-2" name="nationality" type="checkbox" value="b">
+      <label class="govuk-label govuk-checkboxes__label" for="nationality-2">
+        another thing
+      </label>
+    </div>
+    <div class="govuk-checkboxes__item">
+      <input class="govuk-checkboxes__input" id="nationality-3" name="nationality" type="checkbox" value="c">
+      <label class="govuk-label govuk-checkboxes__label" for="nationality-3">
+        this thing
+      </label>
+    </div>
+  </div>
+</fieldset>
+</div>
diff --git a/app/templates/govuk/components/components/checkboxes/template-small-with-long-text.html b/app/templates/govuk/components/components/checkboxes/template-small-with-long-text.html
new file mode 100644
index 0000000..dbbc484
--- /dev/null
+++ b/app/templates/govuk/components/components/checkboxes/template-small-with-long-text.html
@@ -0,0 +1,27 @@
+<div class="govuk-form-group">
+  <fieldset class="govuk-fieldset">
+  <legend class="govuk-fieldset__legend">
+    Filter by
+  </legend>
+  <div class="govuk-checkboxes govuk-checkboxes--small" data-module="govuk-checkboxes">
+    <div class="govuk-checkboxes__item">
+      <input class="govuk-checkboxes__input" id="nationality" name="nationality" type="checkbox" value="nullam">
+      <label class="govuk-label govuk-checkboxes__label" for="nationality">
+        Nullam id dolor id nibh ultricies vehicula ut id elit. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Maecenas faucibus mollis interdum. Donec id elit non mi porta gravida at eget metus.
+      </label>
+    </div>
+    <div class="govuk-checkboxes__item">
+      <input class="govuk-checkboxes__input" id="nationality-2" name="nationality" type="checkbox" value="aenean">
+      <label class="govuk-label govuk-checkboxes__label" for="nationality-2">
+        Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Donec sed odio dui. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Cras mattis consectetur purus sit amet fermentum.
+      </label>
+    </div>
+    <div class="govuk-checkboxes__item">
+      <input class="govuk-checkboxes__input" id="nationality-3" name="nationality" type="checkbox" value="fusce">
+      <label class="govuk-label govuk-checkboxes__label" for="nationality-3">
+        Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Etiam porta sem malesuada magna mollis euismod. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. Sed posuere consectetur est at lobortis.
+      </label>
+    </div>
+  </div>
+</fieldset>
+</div>
diff --git a/app/templates/govuk/components/components/checkboxes/template-small.html b/app/templates/govuk/components/components/checkboxes/template-small.html
new file mode 100644
index 0000000..52d8f16
--- /dev/null
+++ b/app/templates/govuk/components/components/checkboxes/template-small.html
@@ -0,0 +1,27 @@
+<div class="govuk-form-group">
+  <fieldset class="govuk-fieldset">
+  <legend class="govuk-fieldset__legend">
+    Filter by
+  </legend>
+  <div class="govuk-checkboxes govuk-checkboxes--small" data-module="govuk-checkboxes">
+    <div class="govuk-checkboxes__item">
+      <input class="govuk-checkboxes__input" id="nationality" name="nationality" type="checkbox" value="a">
+      <label class="govuk-label govuk-checkboxes__label" for="nationality">
+        a thing
+      </label>
+    </div>
+    <div class="govuk-checkboxes__item">
+      <input class="govuk-checkboxes__input" id="nationality-2" name="nationality" type="checkbox" value="b">
+      <label class="govuk-label govuk-checkboxes__label" for="nationality-2">
+        another thing
+      </label>
+    </div>
+    <div class="govuk-checkboxes__item">
+      <input class="govuk-checkboxes__input" id="nationality-3" name="nationality" type="checkbox" value="c">
+      <label class="govuk-label govuk-checkboxes__label" for="nationality-3">
+        this thing
+      </label>
+    </div>
+  </div>
+</fieldset>
+</div>
diff --git a/app/templates/govuk/components/components/checkboxes/template-with-conditional-items.html b/app/templates/govuk/components/components/checkboxes/template-with-conditional-items.html
new file mode 100644
index 0000000..67a5424
--- /dev/null
+++ b/app/templates/govuk/components/components/checkboxes/template-with-conditional-items.html
@@ -0,0 +1,39 @@
+<div class="govuk-form-group">
+  <fieldset class="govuk-fieldset">
+  <legend class="govuk-fieldset__legend">
+    How do you want to be contacted?
+  </legend>
+  <div class="govuk-checkboxes" data-module="govuk-checkboxes">
+    <div class="govuk-checkboxes__item">
+      <input class="govuk-checkboxes__input" id="how-contacted" name="with-conditional-items" type="checkbox" value="email" data-aria-controls="conditional-how-contacted">
+      <label class="govuk-label govuk-checkboxes__label" for="how-contacted">
+        Email
+      </label>
+    </div>
+    <div class="govuk-checkboxes__conditional govuk-checkboxes__conditional--hidden" id="conditional-how-contacted">
+      <label class="govuk-label" for="context-email">Email address</label>
+<input class="govuk-input govuk-!-width-one-third" name="context-email" type="text" id="context-email">
+    </div>
+    <div class="govuk-checkboxes__item">
+      <input class="govuk-checkboxes__input" id="how-contacted-2" name="with-conditional-items" type="checkbox" value="phone" data-aria-controls="conditional-how-contacted-2">
+      <label class="govuk-label govuk-checkboxes__label" for="how-contacted-2">
+        Phone
+      </label>
+    </div>
+    <div class="govuk-checkboxes__conditional govuk-checkboxes__conditional--hidden" id="conditional-how-contacted-2">
+      <label class="govuk-label" for="contact-phone">Phone number</label>
+<input class="govuk-input govuk-!-width-one-third" name="contact-phone" type="text" id="contact-phone">
+    </div>
+    <div class="govuk-checkboxes__item">
+      <input class="govuk-checkboxes__input" id="how-contacted-3" name="with-conditional-items" type="checkbox" value="text" data-aria-controls="conditional-how-contacted-3">
+      <label class="govuk-label govuk-checkboxes__label" for="how-contacted-3">
+        Text message
+      </label>
+    </div>
+    <div class="govuk-checkboxes__conditional govuk-checkboxes__conditional--hidden" id="conditional-how-contacted-3">
+      <label class="govuk-label" for="contact-text-message">Mobile phone number</label>
+<input class="govuk-input govuk-!-width-one-third" name="contact-text-message" type="text" id="contact-text-message">
+    </div>
+  </div>
+</fieldset>
+</div>
diff --git a/app/templates/govuk/components/components/checkboxes/template-with-divider-and-none.html b/app/templates/govuk/components/components/checkboxes/template-with-divider-and-none.html
new file mode 100644
index 0000000..8292afc
--- /dev/null
+++ b/app/templates/govuk/components/components/checkboxes/template-with-divider-and-none.html
@@ -0,0 +1,34 @@
+<div class="govuk-form-group">
+  <fieldset class="govuk-fieldset">
+  <legend class="govuk-fieldset__legend">
+    Which types of waste do you transport regularly?
+  </legend>
+  <div class="govuk-checkboxes" data-module="govuk-checkboxes">
+    <div class="govuk-checkboxes__item">
+      <input class="govuk-checkboxes__input" id="with-divider-and-none" name="with-divider-and-none" type="checkbox" value="animal">
+      <label class="govuk-label govuk-checkboxes__label" for="with-divider-and-none">
+        Waste from animal carcasses
+      </label>
+    </div>
+    <div class="govuk-checkboxes__item">
+      <input class="govuk-checkboxes__input" id="with-divider-and-none-2" name="with-divider-and-none" type="checkbox" value="mines">
+      <label class="govuk-label govuk-checkboxes__label" for="with-divider-and-none-2">
+        Waste from mines or quarries
+      </label>
+    </div>
+    <div class="govuk-checkboxes__item">
+      <input class="govuk-checkboxes__input" id="with-divider-and-none-3" name="with-divider-and-none" type="checkbox" value="farm">
+      <label class="govuk-label govuk-checkboxes__label" for="with-divider-and-none-3">
+        Farm or agricultural waste
+      </label>
+    </div>
+    <div class="govuk-checkboxes__divider">or</div>
+    <div class="govuk-checkboxes__item">
+      <input class="govuk-checkboxes__input" id="with-divider-and-none-5" name="with-divider-and-none" type="checkbox" value="none" data-behaviour="exclusive">
+      <label class="govuk-label govuk-checkboxes__label" for="with-divider-and-none-5">
+        None of these
+      </label>
+    </div>
+  </div>
+</fieldset>
+</div>
diff --git a/app/templates/govuk/components/components/checkboxes/template-with-divider-none-and-conditional-items.html b/app/templates/govuk/components/components/checkboxes/template-with-divider-none-and-conditional-items.html
new file mode 100644
index 0000000..a349073
--- /dev/null
+++ b/app/templates/govuk/components/components/checkboxes/template-with-divider-none-and-conditional-items.html
@@ -0,0 +1,44 @@
+<div class="govuk-form-group">
+  <fieldset class="govuk-fieldset">
+  <legend class="govuk-fieldset__legend">
+    Do you have any access needs?
+  </legend>
+  <div class="govuk-checkboxes" data-module="govuk-checkboxes">
+    <div class="govuk-checkboxes__item">
+      <input class="govuk-checkboxes__input" id="with-divider-and-none-and-conditional-items" name="with-divider-and-none-and-conditional-items" type="checkbox" value="accessible-toilets">
+      <label class="govuk-label govuk-checkboxes__label" for="with-divider-and-none-and-conditional-items">
+        Accessible toilets available
+      </label>
+    </div>
+    <div class="govuk-checkboxes__item">
+      <input class="govuk-checkboxes__input" id="with-divider-and-none-and-conditional-items-2" name="with-divider-and-none-and-conditional-items" type="checkbox" value="braille">
+      <label class="govuk-label govuk-checkboxes__label" for="with-divider-and-none-and-conditional-items-2">
+        Braille translation service available
+      </label>
+    </div>
+    <div class="govuk-checkboxes__item">
+      <input class="govuk-checkboxes__input" id="with-divider-and-none-and-conditional-items-3" name="with-divider-and-none-and-conditional-items" type="checkbox" value="disabled-car-parking">
+      <label class="govuk-label govuk-checkboxes__label" for="with-divider-and-none-and-conditional-items-3">
+        Disabled car parking available
+      </label>
+    </div>
+    <div class="govuk-checkboxes__item">
+      <input class="govuk-checkboxes__input" id="with-divider-and-none-and-conditional-items-4" name="with-divider-and-none-and-conditional-items" type="checkbox" value="another-access-need" data-aria-controls="conditional-with-divider-and-none-and-conditional-items-4">
+      <label class="govuk-label govuk-checkboxes__label" for="with-divider-and-none-and-conditional-items-4">
+        Another access need
+      </label>
+    </div>
+    <div class="govuk-checkboxes__conditional govuk-checkboxes__conditional--hidden" id="conditional-with-divider-and-none-and-conditional-items-4">
+      <label class="govuk-label" for="other-access-needs">Other access needs</label>
+<textarea class="govuk-textarea govuk-!-width-one-third" name="other-access-needs" id="other-access-needs"></textarea>
+    </div>
+    <div class="govuk-checkboxes__divider">or</div>
+    <div class="govuk-checkboxes__item">
+      <input class="govuk-checkboxes__input" id="with-divider-and-none-and-conditional-items-6" name="with-divider-and-none-and-conditional-items" type="checkbox" value="none" data-behaviour="exclusive">
+      <label class="govuk-label govuk-checkboxes__label" for="with-divider-and-none-and-conditional-items-6">
+        None of these
+      </label>
+    </div>
+  </div>
+</fieldset>
+</div>
diff --git a/app/templates/govuk/components/components/checkboxes/template-with-error-message.html b/app/templates/govuk/components/components/checkboxes/template-with-error-message.html
new file mode 100644
index 0000000..48f6a6b
--- /dev/null
+++ b/app/templates/govuk/components/components/checkboxes/template-with-error-message.html
@@ -0,0 +1,39 @@
+<div class="govuk-form-group govuk-form-group--error">
+  <fieldset class="govuk-fieldset" aria-describedby="waste-error">
+  <legend class="govuk-fieldset__legend">
+    Which types of waste do you transport regularly?
+  </legend>
+  <p id="waste-error" class="govuk-error-message">
+    <span class="govuk-visually-hidden">Error:</span> Please select an option
+  </p>
+  <div class="govuk-checkboxes" data-module="govuk-checkboxes">
+    <div class="govuk-checkboxes__item">
+      <input class="govuk-checkboxes__input" id="waste" name="waste" type="checkbox" value="animal" aria-describedby="waste-item-hint">
+      <label class="govuk-label govuk-checkboxes__label" for="waste">
+        Waste from animal carcasses
+      </label>
+      <div id="waste-item-hint" class="govuk-hint govuk-checkboxes__hint">
+        Nullam id dolor id nibh ultricies vehicula ut id elit.
+      </div>
+    </div>
+    <div class="govuk-checkboxes__item">
+      <input class="govuk-checkboxes__input" id="waste-2" name="waste" type="checkbox" value="mines" aria-describedby="waste-2-item-hint">
+      <label class="govuk-label govuk-checkboxes__label" for="waste-2">
+        Waste from mines or quarries
+      </label>
+      <div id="waste-2-item-hint" class="govuk-hint govuk-checkboxes__hint">
+        Nullam id dolor id nibh ultricies vehicula ut id elit.
+      </div>
+    </div>
+    <div class="govuk-checkboxes__item">
+      <input class="govuk-checkboxes__input" id="waste-3" name="waste" type="checkbox" value="farm" aria-describedby="waste-3-item-hint">
+      <label class="govuk-label govuk-checkboxes__label" for="waste-3">
+        Farm or agricultural waste
+      </label>
+      <div id="waste-3-item-hint" class="govuk-hint govuk-checkboxes__hint">
+        Nullam id dolor id nibh ultricies vehicula ut id elit.
+      </div>
+    </div>
+  </div>
+</fieldset>
+</div>
diff --git a/app/templates/govuk/components/components/checkboxes/template-with-hint.html b/app/templates/govuk/components/components/checkboxes/template-with-hint.html
new file mode 100644
index 0000000..338ca30
--- /dev/null
+++ b/app/templates/govuk/components/components/checkboxes/template-with-hint.html
@@ -0,0 +1,30 @@
+<div class="govuk-form-group">
+  <fieldset class="govuk-fieldset" aria-describedby="nationality-hint">
+  <legend class="govuk-fieldset__legend">
+    What is your nationality?
+  </legend>
+  <div id="nationality-hint" class="govuk-hint">
+    Select all that apply
+  </div>
+  <div class="govuk-checkboxes" data-module="govuk-checkboxes">
+    <div class="govuk-checkboxes__item">
+      <input class="govuk-checkboxes__input" id="nationality" name="nationality" type="checkbox" value="british">
+      <label class="govuk-label govuk-checkboxes__label" for="nationality">
+        British
+      </label>
+    </div>
+    <div class="govuk-checkboxes__item">
+      <input class="govuk-checkboxes__input" id="nationality-2" name="nationality" type="checkbox" value="irish">
+      <label class="govuk-label govuk-checkboxes__label" for="nationality-2">
+        Irish
+      </label>
+    </div>
+    <div class="govuk-checkboxes__item">
+      <input class="govuk-checkboxes__input" id="nationality-3" name="nationality" type="checkbox" value="other">
+      <label class="govuk-label govuk-checkboxes__label" for="nationality-3">
+        Citizen of another country
+      </label>
+    </div>
+  </div>
+</fieldset>
+</div>
diff --git a/app/templates/govuk/components/components/checkboxes/template-with-hints-on-items.html b/app/templates/govuk/components/components/checkboxes/template-with-hints-on-items.html
new file mode 100644
index 0000000..17746de
--- /dev/null
+++ b/app/templates/govuk/components/components/checkboxes/template-with-hints-on-items.html
@@ -0,0 +1,27 @@
+<div class="govuk-form-group">
+  <fieldset class="govuk-fieldset">
+  <legend class="govuk-fieldset__legend">
+    How do you want to sign in?
+  </legend>
+  <div class="govuk-checkboxes" data-module="govuk-checkboxes">
+    <div class="govuk-checkboxes__item">
+      <input class="govuk-checkboxes__input" id="government-gateway" name="gateway" type="checkbox" value="gov-gateway" aria-describedby="government-gateway-item-hint">
+      <label class="govuk-label govuk-checkboxes__label" for="government-gateway">
+        Sign in with Government Gateway
+      </label>
+      <div id="government-gateway-item-hint" class="govuk-hint govuk-checkboxes__hint">
+        You&#39;ll have a user ID if you&#39;ve registered for Self Assessment or filed a tax return online before.
+      </div>
+    </div>
+    <div class="govuk-checkboxes__item">
+      <input class="govuk-checkboxes__input" id="govuk-verify" name="verify" type="checkbox" value="gov-verify" aria-describedby="govuk-verify-item-hint">
+      <label class="govuk-label govuk-checkboxes__label" for="govuk-verify">
+        Sign in with GOV.UK Verify
+      </label>
+      <div id="govuk-verify-item-hint" class="govuk-hint govuk-checkboxes__hint">
+        You&#39;ll have an account if you&#39;ve already proved your identity with either Barclays, CitizenSafe, Digidentity, Experian, Post Office, Royal Mail or SecureIdentity.
+      </div>
+    </div>
+  </div>
+</fieldset>
+</div>
diff --git a/app/templates/govuk/components/components/checkboxes/template-with-legend-as-a-page-heading.html b/app/templates/govuk/components/components/checkboxes/template-with-legend-as-a-page-heading.html
new file mode 100644
index 0000000..4eebeb4
--- /dev/null
+++ b/app/templates/govuk/components/components/checkboxes/template-with-legend-as-a-page-heading.html
@@ -0,0 +1,32 @@
+<div class="govuk-form-group">
+  <fieldset class="govuk-fieldset" aria-describedby="waste-hint">
+  <legend class="govuk-fieldset__legend govuk-fieldset__legend--l">
+    <h1 class="govuk-fieldset__heading">
+      Which types of waste do you transport regularly?
+    </h1>
+  </legend>
+  <div id="waste-hint" class="govuk-hint">
+    Select all that apply
+  </div>
+  <div class="govuk-checkboxes" data-module="govuk-checkboxes">
+    <div class="govuk-checkboxes__item">
+      <input class="govuk-checkboxes__input" id="waste" name="waste" type="checkbox" value="animal">
+      <label class="govuk-label govuk-checkboxes__label" for="waste">
+        Waste from animal carcasses
+      </label>
+    </div>
+    <div class="govuk-checkboxes__item">
+      <input class="govuk-checkboxes__input" id="waste-2" name="waste" type="checkbox" value="mines">
+      <label class="govuk-label govuk-checkboxes__label" for="waste-2">
+        Waste from mines or quarries
+      </label>
+    </div>
+    <div class="govuk-checkboxes__item">
+      <input class="govuk-checkboxes__input" id="waste-3" name="waste" type="checkbox" value="farm">
+      <label class="govuk-label govuk-checkboxes__label" for="waste-3">
+        Farm or agricultural waste
+      </label>
+    </div>
+  </div>
+</fieldset>
+</div>
diff --git a/app/templates/govuk/components/components/checkboxes/template-with-optional-form-group-classes-showing-group-error.html b/app/templates/govuk/components/components/checkboxes/template-with-optional-form-group-classes-showing-group-error.html
new file mode 100644
index 0000000..8180097
--- /dev/null
+++ b/app/templates/govuk/components/components/checkboxes/template-with-optional-form-group-classes-showing-group-error.html
@@ -0,0 +1,40 @@
+<div class="govuk-form-group govuk-form-group--error">
+  <fieldset class="govuk-fieldset">
+  <legend class="govuk-fieldset__legend">
+    How do you want to be contacted?
+  </legend>
+  <div class="govuk-checkboxes" data-module="govuk-checkboxes">
+    <div class="govuk-checkboxes__item">
+      <input class="govuk-checkboxes__input" id="how-contacted-checked" name="how-contacted-checked" type="checkbox" value="email" data-aria-controls="conditional-how-contacted-checked">
+      <label class="govuk-label govuk-checkboxes__label" for="how-contacted-checked">
+        Email
+      </label>
+    </div>
+    <div class="govuk-checkboxes__conditional govuk-checkboxes__conditional--hidden" id="conditional-how-contacted-checked">
+      <label class="govuk-label" for="context-email">Email address</label>
+<input class="govuk-input govuk-!-width-one-third" name="context-email" type="text" id="context-email">
+    </div>
+    <div class="govuk-checkboxes__item">
+      <input class="govuk-checkboxes__input" id="how-contacted-checked-2" name="how-contacted-checked" type="checkbox" value="phone" checked data-aria-controls="conditional-how-contacted-checked-2">
+      <label class="govuk-label govuk-checkboxes__label" for="how-contacted-checked-2">
+        Phone
+      </label>
+    </div>
+    <div class="govuk-checkboxes__conditional" id="conditional-how-contacted-checked-2">
+      <label class="govuk-label" for="contact-phone">Phone number</label>
+<span id="contact-phone-error" class="govuk-error-message">Problem with input</span>
+<input class="govuk-input govuk-input--error govuk-!-width-one-third" name="contact-phone" type="text" id="contact-phone" aria-describedby="contact-phone-error">
+    </div>
+    <div class="govuk-checkboxes__item">
+      <input class="govuk-checkboxes__input" id="how-contacted-checked-3" name="how-contacted-checked" type="checkbox" value="text" data-aria-controls="conditional-how-contacted-checked-3">
+      <label class="govuk-label govuk-checkboxes__label" for="how-contacted-checked-3">
+        Text message
+      </label>
+    </div>
+    <div class="govuk-checkboxes__conditional govuk-checkboxes__conditional--hidden" id="conditional-how-contacted-checked-3">
+      <label class="govuk-label" for="contact-text-message">Mobile phone number</label>
+<input class="govuk-input govuk-!-width-one-third" name="contact-text-message" type="text" id="contact-text-message">
+    </div>
+  </div>
+</fieldset>
+</div>
diff --git a/app/templates/govuk/components/components/checkboxes/template-with-pre-checked-values.html b/app/templates/govuk/components/components/checkboxes/template-with-pre-checked-values.html
new file mode 100644
index 0000000..ec41b5c
--- /dev/null
+++ b/app/templates/govuk/components/components/checkboxes/template-with-pre-checked-values.html
@@ -0,0 +1,39 @@
+<div class="govuk-form-group">
+  <fieldset class="govuk-fieldset">
+  <legend class="govuk-fieldset__legend">
+    How do you want to be contacted?
+  </legend>
+  <div class="govuk-checkboxes" data-module="govuk-checkboxes">
+    <div class="govuk-checkboxes__item">
+      <input class="govuk-checkboxes__input" id="how-contacted-checked" name="how-contacted-checked" type="checkbox" value="email" checked data-aria-controls="conditional-how-contacted-checked">
+      <label class="govuk-label govuk-checkboxes__label" for="how-contacted-checked">
+        Email
+      </label>
+    </div>
+    <div class="govuk-checkboxes__conditional" id="conditional-how-contacted-checked">
+      <label class="govuk-label" for="context-email">Email address</label>
+<input class="govuk-input govuk-!-width-one-third" name="context-email" type="text" id="context-email">
+    </div>
+    <div class="govuk-checkboxes__item">
+      <input class="govuk-checkboxes__input" id="how-contacted-checked-2" name="how-contacted-checked" type="checkbox" value="phone" data-aria-controls="conditional-how-contacted-checked-2">
+      <label class="govuk-label govuk-checkboxes__label" for="how-contacted-checked-2">
+        Phone
+      </label>
+    </div>
+    <div class="govuk-checkboxes__conditional govuk-checkboxes__conditional--hidden" id="conditional-how-contacted-checked-2">
+      <label class="govuk-label" for="contact-phone">Phone number</label>
+<input class="govuk-input govuk-!-width-one-third" name="contact-phone" type="text" id="contact-phone">
+    </div>
+    <div class="govuk-checkboxes__item">
+      <input class="govuk-checkboxes__input" id="how-contacted-checked-3" name="how-contacted-checked" type="checkbox" value="text" checked data-aria-controls="conditional-how-contacted-checked-3">
+      <label class="govuk-label govuk-checkboxes__label" for="how-contacted-checked-3">
+        Text message
+      </label>
+    </div>
+    <div class="govuk-checkboxes__conditional" id="conditional-how-contacted-checked-3">
+      <label class="govuk-label" for="contact-text-message">Mobile phone number</label>
+<input class="govuk-input govuk-!-width-one-third" name="contact-text-message" type="text" id="contact-text-message">
+    </div>
+  </div>
+</fieldset>
+</div>
diff --git a/app/templates/govuk/components/components/checkboxes/template-with-very-long-option-text.html b/app/templates/govuk/components/components/checkboxes/template-with-very-long-option-text.html
new file mode 100644
index 0000000..4054ed7
--- /dev/null
+++ b/app/templates/govuk/components/components/checkboxes/template-with-very-long-option-text.html
@@ -0,0 +1,30 @@
+<div class="govuk-form-group">
+  <fieldset class="govuk-fieldset" aria-describedby="waste-hint">
+  <legend class="govuk-fieldset__legend">
+    Maecenas faucibus mollis interdum?
+  </legend>
+  <div id="waste-hint" class="govuk-hint">
+    Nullam id dolor id nibh ultricies vehicula ut id elit.
+  </div>
+  <div class="govuk-checkboxes" data-module="govuk-checkboxes">
+    <div class="govuk-checkboxes__item">
+      <input class="govuk-checkboxes__input" id="waste" name="waste" type="checkbox" value="nullam">
+      <label class="govuk-label govuk-checkboxes__label" for="waste">
+        Nullam id dolor id nibh ultricies vehicula ut id elit. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Maecenas faucibus mollis interdum. Donec id elit non mi porta gravida at eget metus.
+      </label>
+    </div>
+    <div class="govuk-checkboxes__item">
+      <input class="govuk-checkboxes__input" id="waste-2" name="waste" type="checkbox" value="aenean">
+      <label class="govuk-label govuk-checkboxes__label" for="waste-2">
+        Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Donec sed odio dui. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Cras mattis consectetur purus sit amet fermentum.
+      </label>
+    </div>
+    <div class="govuk-checkboxes__item">
+      <input class="govuk-checkboxes__input" id="waste-3" name="waste" type="checkbox" value="fusce">
+      <label class="govuk-label govuk-checkboxes__label" for="waste-3">
+        Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Etiam porta sem malesuada magna mollis euismod. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. Sed posuere consectetur est at lobortis.
+      </label>
+    </div>
+  </div>
+</fieldset>
+</div>
diff --git a/app/templates/govuk/components/components/checkboxes/template.njk b/app/templates/govuk/components/components/checkboxes/template.njk
new file mode 100644
index 0000000..a4c0e09
--- /dev/null
+++ b/app/templates/govuk/components/components/checkboxes/template.njk
@@ -0,0 +1,122 @@
+{% from "../../macros/attributes.njk" import govukAttributes %}
+{% from "../error-message/macro.njk" import govukErrorMessage %}
+{% from "../fieldset/macro.njk" import govukFieldset %}
+{% from "../hint/macro.njk" import govukHint %}
+{% from "../label/macro.njk" import govukLabel %}
+
+{#- If an id 'prefix' is not passed, fall back to using the name attribute
+  instead. We need this for error messages and hints as well -#}
+{% set idPrefix = params.idPrefix if params.idPrefix else params.name %}
+
+{#- a record of other elements that we need to associate with the input using
+  aria-describedby – for example hints or error messages -#}
+{% set describedBy = params.describedBy if params.describedBy else "" %}
+{% if params.fieldset.describedBy %}
+  {% set describedBy = params.fieldset.describedBy %}
+{% endif %}
+
+{#- fieldset is false by default -#}
+{% set hasFieldset = true if params.fieldset else false %}
+
+{%- macro _checkboxItem(params, item, index) %}
+  {#- If the user explicitly sets an id, use this instead of the regular idPrefix -#}
+  {#- The first id should not have a number suffix so it's easy to link to from the error summary component -#}
+  {% set itemId = item.id if item.id else idPrefix + ("-" + index if index > 1 else "") %}
+  {% set itemName = item.name if item.name else params.name %}
+  {% set conditionalId = "conditional-" + itemId %}
+  {%- if item.divider %}
+    <div class="govuk-checkboxes__divider">{{ item.divider }}</div>
+  {% else %}
+    {% set isChecked = item.checked | default((item.value in params.values and item.checked != false) if params.values else false, true) %}
+    {% set hasHint = true if item.hint.text or item.hint.html %}
+    {% set itemHintId = itemId + "-item-hint" if hasHint else "" %}
+    {% set itemDescribedBy = describedBy if not hasFieldset else "" %}
+    {% set itemDescribedBy = (itemDescribedBy + " " + itemHintId) | trim %}
+    <div class="govuk-checkboxes__item">
+      <input class="govuk-checkboxes__input" id="{{ itemId }}" name="{{ itemName }}" type="checkbox" value="{{ item.value }}"
+        {{-" checked" if isChecked }}
+        {{-" disabled" if item.disabled }}
+        {%- if item.conditional.html %} data-aria-controls="{{ conditionalId }}"{% endif -%}
+        {%- if item.behaviour %} data-behaviour="{{ item.behaviour }}"{% endif -%}
+        {%- if itemDescribedBy %} aria-describedby="{{ itemDescribedBy }}"{% endif -%}
+        {{- govukAttributes(item.attributes) }}>
+      {{ govukLabel({
+        html: item.html,
+        text: item.text,
+        classes: 'govuk-checkboxes__label' + (' ' + item.label.classes if item.label.classes),
+        attributes: item.label.attributes,
+        for: itemId
+      }) | trim | indent(6) }}
+      {% if hasHint %}
+      {{ govukHint({
+        id: itemHintId,
+        classes: 'govuk-checkboxes__hint' + (' ' + item.hint.classes if item.hint.classes),
+        attributes: item.hint.attributes,
+        html: item.hint.html,
+        text: item.hint.text
+      }) | trim | indent(6) }}
+      {% endif %}
+    </div>
+    {% if item.conditional.html %}
+    <div class="govuk-checkboxes__conditional {%- if not isChecked %} govuk-checkboxes__conditional--hidden{% endif %}" id="{{ conditionalId }}">
+      {{ item.conditional.html | safe | trim }}
+    </div>
+    {% endif %}
+  {% endif %}
+{% endmacro -%}
+
+{#- Capture the HTML so we can optionally nest it in a fieldset -#}
+{% set innerHtml %}
+{% if params.hint %}
+  {% set hintId = idPrefix + '-hint' %}
+  {% set describedBy = describedBy + ' ' + hintId if describedBy else hintId %}
+  {{ govukHint({
+    id: hintId,
+    classes: params.hint.classes,
+    attributes: params.hint.attributes,
+    html: params.hint.html,
+    text: params.hint.text
+  }) | trim | indent(2) }}
+{% endif %}
+{% if params.errorMessage %}
+  {% set errorId = idPrefix + '-error' %}
+  {% set describedBy = describedBy + ' ' + errorId if describedBy else errorId %}
+  {{ govukErrorMessage({
+    id: errorId,
+    classes: params.errorMessage.classes,
+    attributes: params.errorMessage.attributes,
+    html: params.errorMessage.html,
+    text: params.errorMessage.text,
+    visuallyHiddenText: params.errorMessage.visuallyHiddenText
+  }) | trim | indent(2) }}
+{% endif %}
+  <div class="govuk-checkboxes {%- if params.classes %} {{ params.classes }}{% endif %}"
+    {{- govukAttributes(params.attributes) }} data-module="govuk-checkboxes">
+    {% if params.formGroup.beforeInputs %}
+    {{ params.formGroup.beforeInputs.html | safe | trim | indent(4) if params.formGroup.beforeInputs.html else params.formGroup.beforeInputs.text }}
+    {% endif %}
+    {% for item in params.items %}
+      {% if item %}
+        {{- _checkboxItem(params, item, loop.index) -}}
+      {% endif %}
+    {% endfor %}
+    {% if params.formGroup.afterInputs %}
+    {{ params.formGroup.afterInputs.html | safe | trim | indent(4) if params.formGroup.afterInputs.html else params.formGroup.afterInputs.text }}
+    {% endif %}
+  </div>
+{% endset -%}
+
+<div class="govuk-form-group {%- if params.errorMessage %} govuk-form-group--error{% endif %} {%- if params.formGroup.classes %} {{ params.formGroup.classes }}{% endif %}"
+  {{- govukAttributes(params.formGroup.attributes) }}>
+{% if hasFieldset %}
+  {{ govukFieldset({
+    describedBy: describedBy,
+    classes: params.fieldset.classes,
+    attributes: params.fieldset.attributes,
+    legend: params.fieldset.legend,
+    html: innerHtml | trim
+  }) | trim }}
+{% else %}
+  {{ innerHtml | safe | trim }}
+{% endif %}
+</div>
diff --git a/app/templates/govuk/components/components/cookie-banner/README.md b/app/templates/govuk/components/components/cookie-banner/README.md
new file mode 100644
index 0000000..1c91980
--- /dev/null
+++ b/app/templates/govuk/components/components/cookie-banner/README.md
@@ -0,0 +1,15 @@
+# Cookie banner
+
+## Installation
+
+See the [main README quick start guide](https://github.com/alphagov/govuk-frontend#quick-start) for how to install this component.
+
+## Guidance and Examples
+
+Find out when to use the cookie banner component in your service in the [GOV.UK Design System](https://design-system.service.gov.uk/components/cookie-banner).
+
+## Component options
+
+Use options to customise the appearance, content and behaviour of a component when using a macro, for example, changing the text.
+
+See [options table](https://design-system.service.gov.uk/components/cookie-banner/#options-default-cookie-banner-example) for details.
diff --git a/app/templates/govuk/components/components/cookie-banner/_cookie-banner.scss b/app/templates/govuk/components/components/cookie-banner/_cookie-banner.scss
new file mode 100644
index 0000000..9227cf9
--- /dev/null
+++ b/app/templates/govuk/components/components/cookie-banner/_cookie-banner.scss
@@ -0,0 +1,4 @@
+@import "../../base";
+@import "./index";
+
+/*# sourceMappingURL=_cookie-banner.scss.map */
diff --git a/app/templates/govuk/components/components/cookie-banner/_cookie-banner.scss.map b/app/templates/govuk/components/components/cookie-banner/_cookie-banner.scss.map
new file mode 100644
index 0000000..1c5a3df
--- /dev/null
+++ b/app/templates/govuk/components/components/cookie-banner/_cookie-banner.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/cookie-banner/_cookie-banner.scss"],"names":[],"mappings":"AAAA,oBAAoB;AACpB,iBAAiB","file":"_cookie-banner.scss","sourcesContent":["@import \"../../base\";\n@import \"./index\";\n"]}
diff --git a/app/templates/govuk/components/components/cookie-banner/_index.scss b/app/templates/govuk/components/components/cookie-banner/_index.scss
new file mode 100644
index 0000000..0a9616c
--- /dev/null
+++ b/app/templates/govuk/components/components/cookie-banner/_index.scss
@@ -0,0 +1,59 @@
+@import "../button/index";
+
+@include govuk-exports("govuk/component/cookie-banner") {
+  // This needs to be kept in sync with the header component's styles
+  $border-bottom-width: govuk-spacing(2);
+
+  .govuk-cookie-banner {
+    padding-top: govuk-spacing(4);
+    // The component does not set bottom spacing. The bottom spacing should be
+    // created by the items inside the component.
+
+    // Visually separate the cookie banner from content underneath when user
+    // changes colours in their browser.
+    border-bottom: $border-bottom-width solid transparent;
+
+    @include _govuk-rebrand(
+      "background-color",
+      $govuk-template-background-colour,
+      $_govuk-rebrand-template-background-colour
+    );
+  }
+
+  // Support older browsers which don't hide elements with the `hidden` attribute
+  // when user hides the whole cookie banner with a 'Hide' button.
+  .govuk-cookie-banner[hidden] {
+    display: none;
+  }
+
+  .govuk-cookie-banner__message {
+    // Remove the extra height added by the separator border.
+    margin-bottom: -$border-bottom-width;
+
+    &[hidden] {
+      // Support older browsers which don't hide elements with the `hidden`
+      // attribute when the visibility of cookie and replacement messages is
+      // toggled.
+      display: none;
+    }
+
+    &:focus {
+      // Remove the native visible focus indicator when the element is
+      // programmatically focused.
+      //
+      // The focused cookie banner is the first element on the page and the last
+      // thing the user interacted with prior to it gaining focus. We therefore
+      // assume that moving focus to it is not going to surprise users, and that
+      // giving it a visible focus indicator could be more confusing than
+      // helpful, especially as the element is not normally keyboard operable.
+      //
+      // We have flagged this in the research section of the guidance as
+      // something to monitor.
+      //
+      // A related discussion: https://github.com/w3c/wcag/issues/1001
+      outline: none;
+    }
+  }
+}
+
+/*# sourceMappingURL=_index.scss.map */
diff --git a/app/templates/govuk/components/components/cookie-banner/_index.scss.map b/app/templates/govuk/components/components/cookie-banner/_index.scss.map
new file mode 100644
index 0000000..452e728
--- /dev/null
+++ b/app/templates/govuk/components/components/cookie-banner/_index.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/cookie-banner/_index.scss"],"names":[],"mappings":"AAAA,yBAAyB;;AAEzB;EACE,kEAAkE;EAClE,sCAAsC;;EAEtC;IACE,6BAA6B;IAC7B,yEAAyE;IACzE,4CAA4C;;IAE5C,uEAAuE;IACvE,mCAAmC;IACnC,qDAAqD;;IAErD;;;;KAIC;EACH;;EAEA,8EAA8E;EAC9E,+DAA+D;EAC/D;IACE,aAAa;EACf;;EAEA;IACE,wDAAwD;IACxD,oCAAoC;;IAEpC;MACE,oEAAoE;MACpE,qEAAqE;MACrE,UAAU;MACV,aAAa;IACf;;IAEA;MACE,+DAA+D;MAC/D,2BAA2B;MAC3B,CAAC;MACD,yEAAyE;MACzE,wEAAwE;MACxE,yEAAyE;MACzE,kEAAkE;MAClE,uEAAuE;MACvE,CAAC;MACD,iEAAiE;MACjE,uBAAuB;MACvB,CAAC;MACD,+DAA+D;MAC/D,aAAa;IACf;EACF;AACF","file":"_index.scss","sourcesContent":["@import \"../button/index\";\n\n@include govuk-exports(\"govuk/component/cookie-banner\") {\n  // This needs to be kept in sync with the header component's styles\n  $border-bottom-width: govuk-spacing(2);\n\n  .govuk-cookie-banner {\n    padding-top: govuk-spacing(4);\n    // The component does not set bottom spacing. The bottom spacing should be\n    // created by the items inside the component.\n\n    // Visually separate the cookie banner from content underneath when user\n    // changes colours in their browser.\n    border-bottom: $border-bottom-width solid transparent;\n\n    @include _govuk-rebrand(\n      \"background-color\",\n      $govuk-template-background-colour,\n      $_govuk-rebrand-template-background-colour\n    );\n  }\n\n  // Support older browsers which don't hide elements with the `hidden` attribute\n  // when user hides the whole cookie banner with a 'Hide' button.\n  .govuk-cookie-banner[hidden] {\n    display: none;\n  }\n\n  .govuk-cookie-banner__message {\n    // Remove the extra height added by the separator border.\n    margin-bottom: -$border-bottom-width;\n\n    &[hidden] {\n      // Support older browsers which don't hide elements with the `hidden`\n      // attribute when the visibility of cookie and replacement messages is\n      // toggled.\n      display: none;\n    }\n\n    &:focus {\n      // Remove the native visible focus indicator when the element is\n      // programmatically focused.\n      //\n      // The focused cookie banner is the first element on the page and the last\n      // thing the user interacted with prior to it gaining focus. We therefore\n      // assume that moving focus to it is not going to surprise users, and that\n      // giving it a visible focus indicator could be more confusing than\n      // helpful, especially as the element is not normally keyboard operable.\n      //\n      // We have flagged this in the research section of the guidance as\n      // something to monitor.\n      //\n      // A related discussion: https://github.com/w3c/wcag/issues/1001\n      outline: none;\n    }\n  }\n}\n"]}
diff --git a/app/templates/govuk/components/components/cookie-banner/fixtures.json b/app/templates/govuk/components/components/cookie-banner/fixtures.json
new file mode 100644
index 0000000..b991033
--- /dev/null
+++ b/app/templates/govuk/components/components/cookie-banner/fixtures.json
@@ -0,0 +1,579 @@
+{
+    "component": "cookie-banner",
+    "fixtures": [
+        {
+            "name": "default",
+            "options": {
+                "messages": [
+                    {
+                        "headingText": "Cookies on this government service",
+                        "text": "We use analytics cookies to help understand how users use our service.",
+                        "actions": [
+                            {
+                                "text": "Accept analytics cookies",
+                                "type": "submit",
+                                "name": "cookies",
+                                "value": "accept"
+                            },
+                            {
+                                "text": "Reject analytics cookies",
+                                "type": "submit",
+                                "name": "cookies",
+                                "value": "reject"
+                            },
+                            {
+                                "text": "View cookie preferences",
+                                "href": "/cookie-preferences"
+                            }
+                        ]
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": true,
+            "html": "<div class=\"govuk-cookie-banner\" data-nosnippet role=\"region\" aria-label=\"Cookie banner\">\n  <div class=\"govuk-cookie-banner__message govuk-width-container\">\n\n    <div class=\"govuk-grid-row\">\n      <div class=\"govuk-grid-column-two-thirds\">\n        <h2 class=\"govuk-cookie-banner__heading govuk-heading-m\">\n          Cookies on this government service\n        </h2>\n        <div class=\"govuk-cookie-banner__content\">\n          <p class=\"govuk-body\">We use analytics cookies to help understand how users use our service.</p>\n        </div>\n      </div>\n    </div>\n\n    <div class=\"govuk-button-group\">\n      <button value=\"accept\" type=\"submit\" name=\"cookies\" class=\"govuk-button\" data-module=\"govuk-button\">\n        Accept analytics cookies\n      </button>\n      <button value=\"reject\" type=\"submit\" name=\"cookies\" class=\"govuk-button\" data-module=\"govuk-button\">\n        Reject analytics cookies\n      </button>\n      <a class=\"govuk-link\" href=\"/cookie-preferences\">View cookie preferences</a>\n    </div>\n\n  </div>\n</div>"
+        },
+        {
+            "name": "accepted confirmation banner",
+            "options": {
+                "messages": [
+                    {
+                        "text": "Your cookie preferences have been saved. You have accepted cookies.",
+                        "role": "alert",
+                        "actions": [
+                            {
+                                "text": "Hide cookie message",
+                                "type": "button"
+                            }
+                        ]
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-cookie-banner\" data-nosnippet role=\"region\" aria-label=\"Cookie banner\">\n  <div class=\"govuk-cookie-banner__message govuk-width-container\" role=\"alert\">\n\n    <div class=\"govuk-grid-row\">\n      <div class=\"govuk-grid-column-two-thirds\">\n        <div class=\"govuk-cookie-banner__content\">\n          <p class=\"govuk-body\">Your cookie preferences have been saved. You have accepted cookies.</p>\n        </div>\n      </div>\n    </div>\n\n    <div class=\"govuk-button-group\">\n      <button type=\"button\" class=\"govuk-button\" data-module=\"govuk-button\">\n        Hide cookie message\n      </button>\n    </div>\n\n  </div>\n</div>"
+        },
+        {
+            "name": "rejected confirmation banner",
+            "options": {
+                "messages": [
+                    {
+                        "text": "Your cookie preferences have been saved. You have rejected cookies.",
+                        "role": "alert",
+                        "actions": [
+                            {
+                                "text": "Hide cookie message",
+                                "type": "button"
+                            }
+                        ]
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-cookie-banner\" data-nosnippet role=\"region\" aria-label=\"Cookie banner\">\n  <div class=\"govuk-cookie-banner__message govuk-width-container\" role=\"alert\">\n\n    <div class=\"govuk-grid-row\">\n      <div class=\"govuk-grid-column-two-thirds\">\n        <div class=\"govuk-cookie-banner__content\">\n          <p class=\"govuk-body\">Your cookie preferences have been saved. You have rejected cookies.</p>\n        </div>\n      </div>\n    </div>\n\n    <div class=\"govuk-button-group\">\n      <button type=\"button\" class=\"govuk-button\" data-module=\"govuk-button\">\n        Hide cookie message\n      </button>\n    </div>\n\n  </div>\n</div>"
+        },
+        {
+            "name": "with html",
+            "options": {
+                "messages": [
+                    {
+                        "headingHtml": "Cookies on <span>my service</span>",
+                        "html": "<p class=\"govuk-body\">We use cookies in <span>our service</span>.</p>\n<p class=\"govuk-body\">We’d like to use analytics cookies so we can understand how you use the Design System and make improvements.</p>\n",
+                        "actions": [
+                            {
+                                "text": "Accept analytics cookies",
+                                "type": "submit",
+                                "name": "cookies",
+                                "value": "accept"
+                            },
+                            {
+                                "text": "Reject analytics cookies",
+                                "type": "submit",
+                                "name": "cookies",
+                                "value": "reject"
+                            },
+                            {
+                                "text": "View cookie preferences",
+                                "href": "/cookie-preferences"
+                            }
+                        ]
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-cookie-banner\" data-nosnippet role=\"region\" aria-label=\"Cookie banner\">\n  <div class=\"govuk-cookie-banner__message govuk-width-container\">\n\n    <div class=\"govuk-grid-row\">\n      <div class=\"govuk-grid-column-two-thirds\">\n        <h2 class=\"govuk-cookie-banner__heading govuk-heading-m\">\n          Cookies on <span>my service</span>\n        </h2>\n        <div class=\"govuk-cookie-banner__content\">\n          <p class=\"govuk-body\">We use cookies in <span>our service</span>.</p>\n          <p class=\"govuk-body\">We’d like to use analytics cookies so we can understand how you use the Design System and make improvements.</p>\n        </div>\n      </div>\n    </div>\n\n    <div class=\"govuk-button-group\">\n      <button value=\"accept\" type=\"submit\" name=\"cookies\" class=\"govuk-button\" data-module=\"govuk-button\">\n        Accept analytics cookies\n      </button>\n      <button value=\"reject\" type=\"submit\" name=\"cookies\" class=\"govuk-button\" data-module=\"govuk-button\">\n        Reject analytics cookies\n      </button>\n      <a class=\"govuk-link\" href=\"/cookie-preferences\">View cookie preferences</a>\n    </div>\n\n  </div>\n</div>"
+        },
+        {
+            "name": "heading html",
+            "options": {
+                "messages": [
+                    {
+                        "headingHtml": "Cookies on <span>my service</span>"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-cookie-banner\" data-nosnippet role=\"region\" aria-label=\"Cookie banner\">\n  <div class=\"govuk-cookie-banner__message govuk-width-container\">\n\n    <div class=\"govuk-grid-row\">\n      <div class=\"govuk-grid-column-two-thirds\">\n        <h2 class=\"govuk-cookie-banner__heading govuk-heading-m\">\n          Cookies on <span>my service</span>\n        </h2>\n        <div class=\"govuk-cookie-banner__content\">\n        </div>\n      </div>\n    </div>\n\n\n  </div>\n</div>"
+        },
+        {
+            "name": "heading html as text",
+            "options": {
+                "messages": [
+                    {
+                        "headingText": "Cookies on <span>my service</span>"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-cookie-banner\" data-nosnippet role=\"region\" aria-label=\"Cookie banner\">\n  <div class=\"govuk-cookie-banner__message govuk-width-container\">\n\n    <div class=\"govuk-grid-row\">\n      <div class=\"govuk-grid-column-two-thirds\">\n        <h2 class=\"govuk-cookie-banner__heading govuk-heading-m\">\n          Cookies on &lt;span&gt;my service&lt;/span&gt;\n        </h2>\n        <div class=\"govuk-cookie-banner__content\">\n        </div>\n      </div>\n    </div>\n\n\n  </div>\n</div>"
+        },
+        {
+            "name": "html",
+            "options": {
+                "messages": [
+                    {
+                        "html": "<p class=\"govuk-body\">We use cookies in <span>our service</span>.</p>"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-cookie-banner\" data-nosnippet role=\"region\" aria-label=\"Cookie banner\">\n  <div class=\"govuk-cookie-banner__message govuk-width-container\">\n\n    <div class=\"govuk-grid-row\">\n      <div class=\"govuk-grid-column-two-thirds\">\n        <div class=\"govuk-cookie-banner__content\">\n          <p class=\"govuk-body\">We use cookies in <span>our service</span>.</p>\n        </div>\n      </div>\n    </div>\n\n\n  </div>\n</div>"
+        },
+        {
+            "name": "classes",
+            "options": {
+                "messages": [
+                    {
+                        "classes": "app-my-class"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-cookie-banner\" data-nosnippet role=\"region\" aria-label=\"Cookie banner\">\n  <div class=\"govuk-cookie-banner__message app-my-class govuk-width-container\">\n\n    <div class=\"govuk-grid-row\">\n      <div class=\"govuk-grid-column-two-thirds\">\n        <div class=\"govuk-cookie-banner__content\">\n        </div>\n      </div>\n    </div>\n\n\n  </div>\n</div>"
+        },
+        {
+            "name": "attributes",
+            "options": {
+                "messages": [
+                    {
+                        "attributes": {
+                            "data-attribute": "my-value"
+                        }
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-cookie-banner\" data-nosnippet role=\"region\" aria-label=\"Cookie banner\">\n  <div class=\"govuk-cookie-banner__message govuk-width-container\" data-attribute=\"my-value\">\n\n    <div class=\"govuk-grid-row\">\n      <div class=\"govuk-grid-column-two-thirds\">\n        <div class=\"govuk-cookie-banner__content\">\n        </div>\n      </div>\n    </div>\n\n\n  </div>\n</div>"
+        },
+        {
+            "name": "custom aria label",
+            "options": {
+                "ariaLabel": "Cookies on GOV.UK",
+                "messages": [
+                    {
+                        "text": "We use cookies on GOV.UK"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-cookie-banner\" data-nosnippet role=\"region\" aria-label=\"Cookies on GOV.UK\">\n  <div class=\"govuk-cookie-banner__message govuk-width-container\">\n\n    <div class=\"govuk-grid-row\">\n      <div class=\"govuk-grid-column-two-thirds\">\n        <div class=\"govuk-cookie-banner__content\">\n          <p class=\"govuk-body\">We use cookies on GOV.UK</p>\n        </div>\n      </div>\n    </div>\n\n\n  </div>\n</div>"
+        },
+        {
+            "name": "hidden",
+            "options": {
+                "messages": [
+                    {
+                        "hidden": true
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-cookie-banner\" data-nosnippet role=\"region\" aria-label=\"Cookie banner\">\n  <div class=\"govuk-cookie-banner__message govuk-width-container\" hidden>\n\n    <div class=\"govuk-grid-row\">\n      <div class=\"govuk-grid-column-two-thirds\">\n        <div class=\"govuk-cookie-banner__content\">\n        </div>\n      </div>\n    </div>\n\n\n  </div>\n</div>"
+        },
+        {
+            "name": "hidden false",
+            "options": {
+                "messages": [
+                    {
+                        "hidden": false
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-cookie-banner\" data-nosnippet role=\"region\" aria-label=\"Cookie banner\">\n  <div class=\"govuk-cookie-banner__message govuk-width-container\">\n\n    <div class=\"govuk-grid-row\">\n      <div class=\"govuk-grid-column-two-thirds\">\n        <div class=\"govuk-cookie-banner__content\">\n        </div>\n      </div>\n    </div>\n\n\n  </div>\n</div>"
+        },
+        {
+            "name": "default action",
+            "options": {
+                "messages": [
+                    {
+                        "actions": [
+                            {
+                                "text": "This is a button"
+                            }
+                        ]
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-cookie-banner\" data-nosnippet role=\"region\" aria-label=\"Cookie banner\">\n  <div class=\"govuk-cookie-banner__message govuk-width-container\">\n\n    <div class=\"govuk-grid-row\">\n      <div class=\"govuk-grid-column-two-thirds\">\n        <div class=\"govuk-cookie-banner__content\">\n        </div>\n      </div>\n    </div>\n\n    <div class=\"govuk-button-group\">\n      <button type=\"button\" class=\"govuk-button\" data-module=\"govuk-button\">\n        This is a button\n      </button>\n    </div>\n\n  </div>\n</div>"
+        },
+        {
+            "name": "link",
+            "options": {
+                "messages": [
+                    {
+                        "actions": [
+                            {
+                                "text": "This is a link",
+                                "href": "/link"
+                            }
+                        ]
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-cookie-banner\" data-nosnippet role=\"region\" aria-label=\"Cookie banner\">\n  <div class=\"govuk-cookie-banner__message govuk-width-container\">\n\n    <div class=\"govuk-grid-row\">\n      <div class=\"govuk-grid-column-two-thirds\">\n        <div class=\"govuk-cookie-banner__content\">\n        </div>\n      </div>\n    </div>\n\n    <div class=\"govuk-button-group\">\n      <a class=\"govuk-link\" href=\"/link\">This is a link</a>\n    </div>\n\n  </div>\n</div>"
+        },
+        {
+            "name": "link with false button options",
+            "options": {
+                "messages": [
+                    {
+                        "actions": [
+                            {
+                                "text": "This is a link",
+                                "href": "/link",
+                                "value": "cookies",
+                                "name": "link"
+                            }
+                        ]
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-cookie-banner\" data-nosnippet role=\"region\" aria-label=\"Cookie banner\">\n  <div class=\"govuk-cookie-banner__message govuk-width-container\">\n\n    <div class=\"govuk-grid-row\">\n      <div class=\"govuk-grid-column-two-thirds\">\n        <div class=\"govuk-cookie-banner__content\">\n        </div>\n      </div>\n    </div>\n\n    <div class=\"govuk-button-group\">\n      <a class=\"govuk-link\" href=\"/link\">This is a link</a>\n    </div>\n\n  </div>\n</div>"
+        },
+        {
+            "name": "link as a button",
+            "options": {
+                "messages": [
+                    {
+                        "actions": [
+                            {
+                                "text": "This is a link",
+                                "href": "/link",
+                                "type": "button"
+                            }
+                        ]
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-cookie-banner\" data-nosnippet role=\"region\" aria-label=\"Cookie banner\">\n  <div class=\"govuk-cookie-banner__message govuk-width-container\">\n\n    <div class=\"govuk-grid-row\">\n      <div class=\"govuk-grid-column-two-thirds\">\n        <div class=\"govuk-cookie-banner__content\">\n        </div>\n      </div>\n    </div>\n\n    <div class=\"govuk-button-group\">\n      <a href=\"/link\" role=\"button\" draggable=\"false\" class=\"govuk-button\" data-module=\"govuk-button\">\n        This is a link\n      </a>\n    </div>\n\n  </div>\n</div>"
+        },
+        {
+            "name": "type",
+            "options": {
+                "messages": [
+                    {
+                        "actions": [
+                            {
+                                "text": "Button",
+                                "type": "button"
+                            }
+                        ]
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-cookie-banner\" data-nosnippet role=\"region\" aria-label=\"Cookie banner\">\n  <div class=\"govuk-cookie-banner__message govuk-width-container\">\n\n    <div class=\"govuk-grid-row\">\n      <div class=\"govuk-grid-column-two-thirds\">\n        <div class=\"govuk-cookie-banner__content\">\n        </div>\n      </div>\n    </div>\n\n    <div class=\"govuk-button-group\">\n      <button type=\"button\" class=\"govuk-button\" data-module=\"govuk-button\">\n        Button\n      </button>\n    </div>\n\n  </div>\n</div>"
+        },
+        {
+            "name": "button classes",
+            "options": {
+                "messages": [
+                    {
+                        "actions": [
+                            {
+                                "text": "Button with custom classes",
+                                "classes": "my-button-class app-button-class"
+                            }
+                        ]
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-cookie-banner\" data-nosnippet role=\"region\" aria-label=\"Cookie banner\">\n  <div class=\"govuk-cookie-banner__message govuk-width-container\">\n\n    <div class=\"govuk-grid-row\">\n      <div class=\"govuk-grid-column-two-thirds\">\n        <div class=\"govuk-cookie-banner__content\">\n        </div>\n      </div>\n    </div>\n\n    <div class=\"govuk-button-group\">\n      <button type=\"button\" class=\"govuk-button my-button-class app-button-class\" data-module=\"govuk-button\">\n        Button with custom classes\n      </button>\n    </div>\n\n  </div>\n</div>"
+        },
+        {
+            "name": "button attributes",
+            "options": {
+                "messages": [
+                    {
+                        "actions": [
+                            {
+                                "text": "Button with attributes",
+                                "attributes": {
+                                    "data-button-attribute": "my-value"
+                                }
+                            }
+                        ]
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-cookie-banner\" data-nosnippet role=\"region\" aria-label=\"Cookie banner\">\n  <div class=\"govuk-cookie-banner__message govuk-width-container\">\n\n    <div class=\"govuk-grid-row\">\n      <div class=\"govuk-grid-column-two-thirds\">\n        <div class=\"govuk-cookie-banner__content\">\n        </div>\n      </div>\n    </div>\n\n    <div class=\"govuk-button-group\">\n      <button type=\"button\" class=\"govuk-button\" data-module=\"govuk-button\" data-button-attribute=\"my-value\">\n        Button with attributes\n      </button>\n    </div>\n\n  </div>\n</div>"
+        },
+        {
+            "name": "link classes",
+            "options": {
+                "messages": [
+                    {
+                        "actions": [
+                            {
+                                "text": "Link with custom classes",
+                                "href": "/my-link",
+                                "classes": "my-link-class app-link-class"
+                            }
+                        ]
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-cookie-banner\" data-nosnippet role=\"region\" aria-label=\"Cookie banner\">\n  <div class=\"govuk-cookie-banner__message govuk-width-container\">\n\n    <div class=\"govuk-grid-row\">\n      <div class=\"govuk-grid-column-two-thirds\">\n        <div class=\"govuk-cookie-banner__content\">\n        </div>\n      </div>\n    </div>\n\n    <div class=\"govuk-button-group\">\n      <a class=\"govuk-link my-link-class app-link-class\" href=\"/my-link\">Link with custom classes</a>\n    </div>\n\n  </div>\n</div>"
+        },
+        {
+            "name": "link attributes",
+            "options": {
+                "messages": [
+                    {
+                        "actions": [
+                            {
+                                "text": "Link with attributes",
+                                "href": "/link",
+                                "attributes": {
+                                    "data-link-attribute": "my-value"
+                                }
+                            }
+                        ]
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-cookie-banner\" data-nosnippet role=\"region\" aria-label=\"Cookie banner\">\n  <div class=\"govuk-cookie-banner__message govuk-width-container\">\n\n    <div class=\"govuk-grid-row\">\n      <div class=\"govuk-grid-column-two-thirds\">\n        <div class=\"govuk-cookie-banner__content\">\n        </div>\n      </div>\n    </div>\n\n    <div class=\"govuk-button-group\">\n      <a class=\"govuk-link\" href=\"/link\" data-link-attribute=\"my-value\">Link with attributes</a>\n    </div>\n\n  </div>\n</div>"
+        },
+        {
+            "name": "client-side implementation",
+            "options": {
+                "messages": [
+                    {
+                        "headingText": "Cookies on this service",
+                        "text": "We use cookies to help understand how users use our service.",
+                        "actions": [
+                            {
+                                "text": "Accept analytics cookies",
+                                "type": "submit",
+                                "name": "cookies",
+                                "value": "accept"
+                            },
+                            {
+                                "text": "Reject analytics cookies",
+                                "type": "submit",
+                                "name": "cookies",
+                                "value": "reject"
+                            },
+                            {
+                                "text": "View cookie preferences",
+                                "href": "/cookie-preferences"
+                            }
+                        ]
+                    },
+                    {
+                        "text": "Your cookie preferences have been saved. You have accepted cookies.",
+                        "role": "alert",
+                        "hidden": true,
+                        "actions": [
+                            {
+                                "text": "Hide cookie message",
+                                "type": "button"
+                            }
+                        ]
+                    },
+                    {
+                        "text": "Your cookie preferences have been saved. You have rejected cookies.",
+                        "role": "alert",
+                        "hidden": true,
+                        "actions": [
+                            {
+                                "text": "Hide cookie message",
+                                "type": "button"
+                            }
+                        ]
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-cookie-banner\" data-nosnippet role=\"region\" aria-label=\"Cookie banner\">\n  <div class=\"govuk-cookie-banner__message govuk-width-container\">\n\n    <div class=\"govuk-grid-row\">\n      <div class=\"govuk-grid-column-two-thirds\">\n        <h2 class=\"govuk-cookie-banner__heading govuk-heading-m\">\n          Cookies on this service\n        </h2>\n        <div class=\"govuk-cookie-banner__content\">\n          <p class=\"govuk-body\">We use cookies to help understand how users use our service.</p>\n        </div>\n      </div>\n    </div>\n\n    <div class=\"govuk-button-group\">\n      <button value=\"accept\" type=\"submit\" name=\"cookies\" class=\"govuk-button\" data-module=\"govuk-button\">\n        Accept analytics cookies\n      </button>\n      <button value=\"reject\" type=\"submit\" name=\"cookies\" class=\"govuk-button\" data-module=\"govuk-button\">\n        Reject analytics cookies\n      </button>\n      <a class=\"govuk-link\" href=\"/cookie-preferences\">View cookie preferences</a>\n    </div>\n\n  </div>\n  <div class=\"govuk-cookie-banner__message govuk-width-container\" role=\"alert\" hidden>\n\n    <div class=\"govuk-grid-row\">\n      <div class=\"govuk-grid-column-two-thirds\">\n        <div class=\"govuk-cookie-banner__content\">\n          <p class=\"govuk-body\">Your cookie preferences have been saved. You have accepted cookies.</p>\n        </div>\n      </div>\n    </div>\n\n    <div class=\"govuk-button-group\">\n      <button type=\"button\" class=\"govuk-button\" data-module=\"govuk-button\">\n        Hide cookie message\n      </button>\n    </div>\n\n  </div>\n  <div class=\"govuk-cookie-banner__message govuk-width-container\" role=\"alert\" hidden>\n\n    <div class=\"govuk-grid-row\">\n      <div class=\"govuk-grid-column-two-thirds\">\n        <div class=\"govuk-cookie-banner__content\">\n          <p class=\"govuk-body\">Your cookie preferences have been saved. You have rejected cookies.</p>\n        </div>\n      </div>\n    </div>\n\n    <div class=\"govuk-button-group\">\n      <button type=\"button\" class=\"govuk-button\" data-module=\"govuk-button\">\n        Hide cookie message\n      </button>\n    </div>\n\n  </div>\n</div>"
+        },
+        {
+            "name": "full banner hidden",
+            "options": {
+                "hidden": true,
+                "classes": "hide-cookie-banner",
+                "attributes": {
+                    "data-hide-cookie-banner": "true"
+                },
+                "messages": [
+                    {
+                        "headingText": "Cookies on this service",
+                        "text": "We use cookies to help understand how users use our service.",
+                        "actions": [
+                            {
+                                "text": "Accept analytics cookies",
+                                "type": "submit",
+                                "name": "cookies",
+                                "value": "accept"
+                            },
+                            {
+                                "text": "Reject analytics cookies",
+                                "type": "submit",
+                                "name": "cookies",
+                                "value": "reject"
+                            },
+                            {
+                                "text": "View cookie preferences",
+                                "href": "/cookie-preferences"
+                            }
+                        ]
+                    },
+                    {
+                        "text": "Your cookie preferences have been saved. You have accepted cookies.",
+                        "role": "alert",
+                        "actions": [
+                            {
+                                "text": "Hide cookie message",
+                                "type": "button"
+                            }
+                        ]
+                    },
+                    {
+                        "text": "Your cookie preferences have been saved. You have rejected cookies.",
+                        "role": "alert",
+                        "actions": [
+                            {
+                                "text": "Hide cookie message",
+                                "type": "button"
+                            }
+                        ]
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-cookie-banner hide-cookie-banner\" data-nosnippet role=\"region\" aria-label=\"Cookie banner\" hidden data-hide-cookie-banner=\"true\">\n  <div class=\"govuk-cookie-banner__message govuk-width-container\">\n\n    <div class=\"govuk-grid-row\">\n      <div class=\"govuk-grid-column-two-thirds\">\n        <h2 class=\"govuk-cookie-banner__heading govuk-heading-m\">\n          Cookies on this service\n        </h2>\n        <div class=\"govuk-cookie-banner__content\">\n          <p class=\"govuk-body\">We use cookies to help understand how users use our service.</p>\n        </div>\n      </div>\n    </div>\n\n    <div class=\"govuk-button-group\">\n      <button value=\"accept\" type=\"submit\" name=\"cookies\" class=\"govuk-button\" data-module=\"govuk-button\">\n        Accept analytics cookies\n      </button>\n      <button value=\"reject\" type=\"submit\" name=\"cookies\" class=\"govuk-button\" data-module=\"govuk-button\">\n        Reject analytics cookies\n      </button>\n      <a class=\"govuk-link\" href=\"/cookie-preferences\">View cookie preferences</a>\n    </div>\n\n  </div>\n  <div class=\"govuk-cookie-banner__message govuk-width-container\" role=\"alert\">\n\n    <div class=\"govuk-grid-row\">\n      <div class=\"govuk-grid-column-two-thirds\">\n        <div class=\"govuk-cookie-banner__content\">\n          <p class=\"govuk-body\">Your cookie preferences have been saved. You have accepted cookies.</p>\n        </div>\n      </div>\n    </div>\n\n    <div class=\"govuk-button-group\">\n      <button type=\"button\" class=\"govuk-button\" data-module=\"govuk-button\">\n        Hide cookie message\n      </button>\n    </div>\n\n  </div>\n  <div class=\"govuk-cookie-banner__message govuk-width-container\" role=\"alert\">\n\n    <div class=\"govuk-grid-row\">\n      <div class=\"govuk-grid-column-two-thirds\">\n        <div class=\"govuk-cookie-banner__content\">\n          <p class=\"govuk-body\">Your cookie preferences have been saved. You have rejected cookies.</p>\n        </div>\n      </div>\n    </div>\n\n    <div class=\"govuk-button-group\">\n      <button type=\"button\" class=\"govuk-button\" data-module=\"govuk-button\">\n        Hide cookie message\n      </button>\n    </div>\n\n  </div>\n</div>"
+        },
+        {
+            "name": "rebrand",
+            "options": {
+                "messages": [
+                    {
+                        "headingText": "Cookies on this government service",
+                        "text": "We use analytics cookies to help understand how users use our service.",
+                        "actions": [
+                            {
+                                "text": "Accept analytics cookies",
+                                "type": "submit",
+                                "name": "cookies",
+                                "value": "accept"
+                            },
+                            {
+                                "text": "Reject analytics cookies",
+                                "type": "submit",
+                                "name": "cookies",
+                                "value": "reject"
+                            },
+                            {
+                                "text": "View cookie preferences",
+                                "href": "/cookie-preferences"
+                            }
+                        ]
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {
+                "htmlClasses": "govuk-template--rebranded"
+            },
+            "screenshot": true,
+            "html": "<div class=\"govuk-cookie-banner\" data-nosnippet role=\"region\" aria-label=\"Cookie banner\">\n  <div class=\"govuk-cookie-banner__message govuk-width-container\">\n\n    <div class=\"govuk-grid-row\">\n      <div class=\"govuk-grid-column-two-thirds\">\n        <h2 class=\"govuk-cookie-banner__heading govuk-heading-m\">\n          Cookies on this government service\n        </h2>\n        <div class=\"govuk-cookie-banner__content\">\n          <p class=\"govuk-body\">We use analytics cookies to help understand how users use our service.</p>\n        </div>\n      </div>\n    </div>\n\n    <div class=\"govuk-button-group\">\n      <button value=\"accept\" type=\"submit\" name=\"cookies\" class=\"govuk-button\" data-module=\"govuk-button\">\n        Accept analytics cookies\n      </button>\n      <button value=\"reject\" type=\"submit\" name=\"cookies\" class=\"govuk-button\" data-module=\"govuk-button\">\n        Reject analytics cookies\n      </button>\n      <a class=\"govuk-link\" href=\"/cookie-preferences\">View cookie preferences</a>\n    </div>\n\n  </div>\n</div>"
+        }
+    ]
+}
diff --git a/app/templates/govuk/components/components/cookie-banner/macro-options.json b/app/templates/govuk/components/components/cookie-banner/macro-options.json
new file mode 100644
index 0000000..dd87fcb
--- /dev/null
+++ b/app/templates/govuk/components/components/cookie-banner/macro-options.json
@@ -0,0 +1,132 @@
+[
+    {
+        "name": "ariaLabel",
+        "type": "string",
+        "required": false,
+        "description": "The text for the `aria-label` which labels the cookie banner region. This region applies to all messages that the cookie banner includes. For example, the cookie message and the confirmation message. Defaults to `\"Cookie banner\"`."
+    },
+    {
+        "name": "hidden",
+        "type": "boolean",
+        "required": false,
+        "description": "Defaults to `false`. If you set this option to `true`, the whole cookie banner is hidden, including all messages within the banner. You can use `hidden` for client-side implementations where the cookie banner HTML is present, but hidden until the cookie banner is shown using JavaScript."
+    },
+    {
+        "name": "classes",
+        "type": "string",
+        "required": false,
+        "description": "The additional classes that you want to add to the cookie banner."
+    },
+    {
+        "name": "attributes",
+        "type": "object",
+        "required": false,
+        "description": "The additional attributes that you want to add to the cookie banner. For example, data attributes."
+    },
+    {
+        "name": "messages",
+        "type": "array",
+        "required": true,
+        "description": "The different messages you can pass into the cookie banner. For example, the cookie message and the confirmation message.",
+        "params": [
+            {
+                "name": "headingText",
+                "type": "string",
+                "required": false,
+                "description": "The heading text that displays in the message. You can use any string with this option. If you set `headingHtml`, `headingText` is ignored."
+            },
+            {
+                "name": "headingHtml",
+                "type": "string",
+                "required": false,
+                "description": "The heading HTML to use within the message. You can use any string with this option. If you set `headingHtml`, `headingText` is ignored. If you are not passing HTML, use `headingText`."
+            },
+            {
+                "name": "text",
+                "type": "string",
+                "required": true,
+                "description": "The text for the main content within the message. You can use any string with this option. If you set `html`, `text` is not required and is ignored."
+            },
+            {
+                "name": "html",
+                "type": "string",
+                "required": true,
+                "description": "The HTML for the main content within the message. You can use any string with this option. If you set `html`, `text` is not required and is ignored. If you are not passing HTML, use `text`."
+            },
+            {
+                "name": "actions",
+                "type": "array",
+                "required": false,
+                "description": "The buttons and links that you want to display in the message. `actions` defaults to `\"button\"` unless you set `href`, which renders the action as a link.",
+                "params": [
+                    {
+                        "name": "text",
+                        "type": "string",
+                        "required": true,
+                        "description": "The button or link text."
+                    },
+                    {
+                        "name": "type",
+                        "type": "string",
+                        "required": false,
+                        "description": "The type of button – `\"button\"` or `\"submit\"`. If `href` is provided, set `type` to `\"button\"` render a link styled as a button."
+                    },
+                    {
+                        "name": "href",
+                        "type": "string",
+                        "required": false,
+                        "description": "The `href` for a link. Set `type` to `\"button\"` and set `href` to render a link styled as a button."
+                    },
+                    {
+                        "name": "name",
+                        "type": "string",
+                        "required": false,
+                        "description": "The name attribute for the button. Does not apply if you set `href`, which makes a link."
+                    },
+                    {
+                        "name": "value",
+                        "type": "string",
+                        "required": false,
+                        "description": "The value attribute for the button. Does not apply if you set `href`, which makes a link."
+                    },
+                    {
+                        "name": "classes",
+                        "type": "string",
+                        "required": false,
+                        "description": "The additional classes that you want to add to the button or link."
+                    },
+                    {
+                        "name": "attributes",
+                        "type": "object",
+                        "required": false,
+                        "description": "The additional attributes that you want to add to the button or link. For example, data attributes."
+                    }
+                ]
+            },
+            {
+                "name": "hidden",
+                "type": "boolean",
+                "required": false,
+                "description": "Defaults to `false`. If you set it to `true`, the message is hidden. You can use `hidden` for client-side implementations where the confirmation message HTML is present, but hidden on the page."
+            },
+            {
+                "name": "role",
+                "type": "string",
+                "required": false,
+                "description": "Set `role` to `\"alert\"` on confirmation messages to allow assistive tech to automatically read the message. You will also need to move focus to the confirmation message using JavaScript you have written yourself."
+            },
+            {
+                "name": "classes",
+                "type": "string",
+                "required": false,
+                "description": "The additional classes that you want to add to the message."
+            },
+            {
+                "name": "attributes",
+                "type": "object",
+                "required": false,
+                "description": "The additional attributes that you want to add to the message. For example, data attributes."
+            }
+        ]
+    }
+]
diff --git a/app/templates/govuk/components/components/cookie-banner/macro.njk b/app/templates/govuk/components/components/cookie-banner/macro.njk
new file mode 100644
index 0000000..8d614d0
--- /dev/null
+++ b/app/templates/govuk/components/components/cookie-banner/macro.njk
@@ -0,0 +1,3 @@
+{% macro govukCookieBanner(params) %}
+  {%- include "./template.njk" -%}
+{% endmacro %}
diff --git a/app/templates/govuk/components/components/cookie-banner/template-accepted-confirmation-banner.html b/app/templates/govuk/components/components/cookie-banner/template-accepted-confirmation-banner.html
new file mode 100644
index 0000000..3872c3b
--- /dev/null
+++ b/app/templates/govuk/components/components/cookie-banner/template-accepted-confirmation-banner.html
@@ -0,0 +1,19 @@
+<div class="govuk-cookie-banner" data-nosnippet role="region" aria-label="Cookie banner">
+  <div class="govuk-cookie-banner__message govuk-width-container" role="alert">
+
+    <div class="govuk-grid-row">
+      <div class="govuk-grid-column-two-thirds">
+        <div class="govuk-cookie-banner__content">
+          <p class="govuk-body">Your cookie preferences have been saved. You have accepted cookies.</p>
+        </div>
+      </div>
+    </div>
+
+    <div class="govuk-button-group">
+      <button type="button" class="govuk-button" data-module="govuk-button">
+        Hide cookie message
+      </button>
+    </div>
+
+  </div>
+</div>
diff --git a/app/templates/govuk/components/components/cookie-banner/template-default.html b/app/templates/govuk/components/components/cookie-banner/template-default.html
new file mode 100644
index 0000000..f3cb622
--- /dev/null
+++ b/app/templates/govuk/components/components/cookie-banner/template-default.html
@@ -0,0 +1,26 @@
+<div class="govuk-cookie-banner" data-nosnippet role="region" aria-label="Cookie banner">
+  <div class="govuk-cookie-banner__message govuk-width-container">
+
+    <div class="govuk-grid-row">
+      <div class="govuk-grid-column-two-thirds">
+        <h2 class="govuk-cookie-banner__heading govuk-heading-m">
+          Cookies on this government service
+        </h2>
+        <div class="govuk-cookie-banner__content">
+          <p class="govuk-body">We use analytics cookies to help understand how users use our service.</p>
+        </div>
+      </div>
+    </div>
+
+    <div class="govuk-button-group">
+      <button value="accept" type="submit" name="cookies" class="govuk-button" data-module="govuk-button">
+        Accept analytics cookies
+      </button>
+      <button value="reject" type="submit" name="cookies" class="govuk-button" data-module="govuk-button">
+        Reject analytics cookies
+      </button>
+      <a class="govuk-link" href="/cookie-preferences">View cookie preferences</a>
+    </div>
+
+  </div>
+</div>
diff --git a/app/templates/govuk/components/components/cookie-banner/template-rejected-confirmation-banner.html b/app/templates/govuk/components/components/cookie-banner/template-rejected-confirmation-banner.html
new file mode 100644
index 0000000..39dc219
--- /dev/null
+++ b/app/templates/govuk/components/components/cookie-banner/template-rejected-confirmation-banner.html
@@ -0,0 +1,19 @@
+<div class="govuk-cookie-banner" data-nosnippet role="region" aria-label="Cookie banner">
+  <div class="govuk-cookie-banner__message govuk-width-container" role="alert">
+
+    <div class="govuk-grid-row">
+      <div class="govuk-grid-column-two-thirds">
+        <div class="govuk-cookie-banner__content">
+          <p class="govuk-body">Your cookie preferences have been saved. You have rejected cookies.</p>
+        </div>
+      </div>
+    </div>
+
+    <div class="govuk-button-group">
+      <button type="button" class="govuk-button" data-module="govuk-button">
+        Hide cookie message
+      </button>
+    </div>
+
+  </div>
+</div>
diff --git a/app/templates/govuk/components/components/cookie-banner/template-with-html.html b/app/templates/govuk/components/components/cookie-banner/template-with-html.html
new file mode 100644
index 0000000..df51774
--- /dev/null
+++ b/app/templates/govuk/components/components/cookie-banner/template-with-html.html
@@ -0,0 +1,27 @@
+<div class="govuk-cookie-banner" data-nosnippet role="region" aria-label="Cookie banner">
+  <div class="govuk-cookie-banner__message govuk-width-container">
+
+    <div class="govuk-grid-row">
+      <div class="govuk-grid-column-two-thirds">
+        <h2 class="govuk-cookie-banner__heading govuk-heading-m">
+          Cookies on <span>my service</span>
+        </h2>
+        <div class="govuk-cookie-banner__content">
+          <p class="govuk-body">We use cookies in <span>our service</span>.</p>
+          <p class="govuk-body">We’d like to use analytics cookies so we can understand how you use the Design System and make improvements.</p>
+        </div>
+      </div>
+    </div>
+
+    <div class="govuk-button-group">
+      <button value="accept" type="submit" name="cookies" class="govuk-button" data-module="govuk-button">
+        Accept analytics cookies
+      </button>
+      <button value="reject" type="submit" name="cookies" class="govuk-button" data-module="govuk-button">
+        Reject analytics cookies
+      </button>
+      <a class="govuk-link" href="/cookie-preferences">View cookie preferences</a>
+    </div>
+
+  </div>
+</div>
diff --git a/app/templates/govuk/components/components/cookie-banner/template.njk b/app/templates/govuk/components/components/cookie-banner/template.njk
new file mode 100644
index 0000000..7ba7889
--- /dev/null
+++ b/app/templates/govuk/components/components/cookie-banner/template.njk
@@ -0,0 +1,57 @@
+{% from "../../macros/attributes.njk" import govukAttributes %}
+{% from "../button/macro.njk" import govukButton -%}
+
+<div class="govuk-cookie-banner {%- if params.classes %} {{ params.classes }}{% endif %}" data-nosnippet role="region" aria-label="{{ params.ariaLabel | default("Cookie banner", true) }}"
+  {%- if params.hidden %} hidden{% endif %}
+  {{- govukAttributes(params.attributes) }}>
+  {% for message in params.messages %}
+  <div class="govuk-cookie-banner__message {%- if message.classes %} {{ message.classes }}{% endif %} govuk-width-container" {%- if message.role %} role="{{ message.role }}"{% endif %}
+    {{- govukAttributes(message.attributes) -}}
+    {%- if message.hidden %} hidden{% endif %}>
+
+    <div class="govuk-grid-row">
+      <div class="govuk-grid-column-two-thirds">
+        {% if message.headingHtml or message.headingText %}
+        <h2 class="govuk-cookie-banner__heading govuk-heading-m">
+          {{ message.headingHtml | safe | trim | indent(10) if message.headingHtml else message.headingText }}
+        </h2>
+        {% endif %}
+        <div class="govuk-cookie-banner__content">
+          {% if message.html %}
+          {{ message.html | safe | trim | indent(10) }}
+          {% elif message.text %}
+          <p class="govuk-body">{{ message.text }}</p>
+          {% endif %}
+        </div>
+      </div>
+    </div>
+
+    {% if message.actions %}
+    <div class="govuk-button-group">
+    {% for action in message.actions %}
+      {% set buttonHtml -%}
+        {% if not action.href or action.type == "button" %}
+          {{ govukButton({
+            "text": action.text,
+            "type": action.type if action.type else "button",
+            "name": action.name,
+            "value": action.value,
+            "classes": action.classes,
+            "href": action.href,
+            "attributes": action.attributes
+          }) }}
+        {% else %}
+          <a class="govuk-link {%- if action.classes %} {{ action.classes }}{% endif %}" href="{{ action.href }}"
+            {{- govukAttributes(action.attributes) }}>
+            {{- action.text -}}
+          </a>
+        {% endif %}
+      {%- endset %}
+      {{ buttonHtml | safe | trim | indent(6) }}
+    {% endfor %}
+    </div>
+    {% endif %}
+
+  </div>
+  {% endfor %}
+</div>
diff --git a/app/templates/govuk/components/components/date-input/README.md b/app/templates/govuk/components/components/date-input/README.md
new file mode 100644
index 0000000..1abfee4
--- /dev/null
+++ b/app/templates/govuk/components/components/date-input/README.md
@@ -0,0 +1,15 @@
+# Date input
+
+## Installation
+
+See the [main README quick start guide](https://github.com/alphagov/govuk-frontend#quick-start) for how to install this component.
+
+## Guidance and Examples
+
+Find out when to use the date input component in your service in the [GOV.UK Design System](https://design-system.service.gov.uk/components/date-input).
+
+## Component options
+
+Use options to customise the appearance, content and behaviour of a component when using a macro, for example, changing the text.
+
+See [options table](https://design-system.service.gov.uk/components/date-input/#options-date-input-example) for details.
diff --git a/app/templates/govuk/components/components/date-input/_date-input.scss b/app/templates/govuk/components/components/date-input/_date-input.scss
new file mode 100644
index 0000000..c222da2
--- /dev/null
+++ b/app/templates/govuk/components/components/date-input/_date-input.scss
@@ -0,0 +1,4 @@
+@import "../../base";
+@import "./index";
+
+/*# sourceMappingURL=_date-input.scss.map */
diff --git a/app/templates/govuk/components/components/date-input/_date-input.scss.map b/app/templates/govuk/components/components/date-input/_date-input.scss.map
new file mode 100644
index 0000000..dda4f5e
--- /dev/null
+++ b/app/templates/govuk/components/components/date-input/_date-input.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/date-input/_date-input.scss"],"names":[],"mappings":"AAAA,oBAAoB;AACpB,iBAAiB","file":"_date-input.scss","sourcesContent":["@import \"../../base\";\n@import \"./index\";\n"]}
diff --git a/app/templates/govuk/components/components/date-input/_index.scss b/app/templates/govuk/components/components/date-input/_index.scss
new file mode 100644
index 0000000..43d1bc7
--- /dev/null
+++ b/app/templates/govuk/components/components/date-input/_index.scss
@@ -0,0 +1,28 @@
+@import "../error-message/index";
+@import "../input/index";
+@import "../hint/index";
+@import "../label/index";
+@import "../fieldset/index";
+
+@include govuk-exports("govuk/component/date-input") {
+  .govuk-date-input {
+    @include govuk-clearfix;
+    font-size: 0; // removes whitespace caused by inline-block
+  }
+
+  .govuk-date-input__item {
+    display: inline-block;
+    margin-right: govuk-spacing(4);
+    margin-bottom: 0;
+  }
+
+  .govuk-date-input__label {
+    display: block;
+  }
+
+  .govuk-date-input__input {
+    margin-bottom: 0;
+  }
+}
+
+/*# sourceMappingURL=_index.scss.map */
diff --git a/app/templates/govuk/components/components/date-input/_index.scss.map b/app/templates/govuk/components/components/date-input/_index.scss.map
new file mode 100644
index 0000000..599f5f7
--- /dev/null
+++ b/app/templates/govuk/components/components/date-input/_index.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/date-input/_index.scss"],"names":[],"mappings":"AAAA,gCAAgC;AAChC,wBAAwB;AACxB,uBAAuB;AACvB,wBAAwB;AACxB,2BAA2B;;AAE3B;EACE;IACE,uBAAuB;IACvB,YAAY,EAAE,2CAA2C;EAC3D;;EAEA;IACE,qBAAqB;IACrB,8BAA8B;IAC9B,gBAAgB;EAClB;;EAEA;IACE,cAAc;EAChB;;EAEA;IACE,gBAAgB;EAClB;AACF","file":"_index.scss","sourcesContent":["@import \"../error-message/index\";\n@import \"../input/index\";\n@import \"../hint/index\";\n@import \"../label/index\";\n@import \"../fieldset/index\";\n\n@include govuk-exports(\"govuk/component/date-input\") {\n  .govuk-date-input {\n    @include govuk-clearfix;\n    font-size: 0; // removes whitespace caused by inline-block\n  }\n\n  .govuk-date-input__item {\n    display: inline-block;\n    margin-right: govuk-spacing(4);\n    margin-bottom: 0;\n  }\n\n  .govuk-date-input__label {\n    display: block;\n  }\n\n  .govuk-date-input__input {\n    margin-bottom: 0;\n  }\n}\n"]}
diff --git a/app/templates/govuk/components/components/date-input/fixtures.json b/app/templates/govuk/components/components/date-input/fixtures.json
new file mode 100644
index 0000000..f78ba13
--- /dev/null
+++ b/app/templates/govuk/components/components/date-input/fixtures.json
@@ -0,0 +1,672 @@
+{
+    "component": "date-input",
+    "fixtures": [
+        {
+            "name": "default",
+            "options": {
+                "id": "dob",
+                "fieldset": {
+                    "legend": {
+                        "text": "What is your date of birth?"
+                    }
+                },
+                "hint": {
+                    "text": "For example, 31 3 1980"
+                }
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": true,
+            "html": "<div class=\"govuk-form-group\">\n  <fieldset class=\"govuk-fieldset\" role=\"group\" aria-describedby=\"dob-hint\">\n    <legend class=\"govuk-fieldset__legend\">\n      What is your date of birth?\n    </legend>\n    <div id=\"dob-hint\" class=\"govuk-hint\">\n      For example, 31 3 1980\n    </div>\n    <div class=\"govuk-date-input\" id=\"dob\">\n      <div class=\"govuk-date-input__item\">\n        <div class=\"govuk-form-group\">\n          <label class=\"govuk-label govuk-date-input__label\" for=\"dob-day\">\n            Day\n          </label>\n          <input class=\"govuk-input govuk-date-input__input govuk-input--width-2\" id=\"dob-day\" name=\"day\" type=\"text\" inputmode=\"numeric\">\n        </div>\n      </div>\n      <div class=\"govuk-date-input__item\">\n        <div class=\"govuk-form-group\">\n          <label class=\"govuk-label govuk-date-input__label\" for=\"dob-month\">\n            Month\n          </label>\n          <input class=\"govuk-input govuk-date-input__input govuk-input--width-2\" id=\"dob-month\" name=\"month\" type=\"text\" inputmode=\"numeric\">\n        </div>\n      </div>\n      <div class=\"govuk-date-input__item\">\n        <div class=\"govuk-form-group\">\n          <label class=\"govuk-label govuk-date-input__label\" for=\"dob-year\">\n            Year\n          </label>\n          <input class=\"govuk-input govuk-date-input__input govuk-input--width-4\" id=\"dob-year\" name=\"year\" type=\"text\" inputmode=\"numeric\">\n        </div>\n      </div>\n    </div>\n  </fieldset>\n</div>"
+        },
+        {
+            "name": "day and month",
+            "options": {
+                "id": "bday",
+                "namePrefix": "bday",
+                "fieldset": {
+                    "legend": {
+                        "text": "What is your birthday?"
+                    }
+                },
+                "hint": {
+                    "text": "For example, 5 12"
+                },
+                "items": [
+                    {
+                        "name": "day",
+                        "classes": "govuk-input--width-2"
+                    },
+                    {
+                        "name": "month",
+                        "classes": "govuk-input--width-2"
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <fieldset class=\"govuk-fieldset\" role=\"group\" aria-describedby=\"bday-hint\">\n    <legend class=\"govuk-fieldset__legend\">\n      What is your birthday?\n    </legend>\n    <div id=\"bday-hint\" class=\"govuk-hint\">\n      For example, 5 12\n    </div>\n    <div class=\"govuk-date-input\" id=\"bday\">\n      <div class=\"govuk-date-input__item\">\n        <div class=\"govuk-form-group\">\n          <label class=\"govuk-label govuk-date-input__label\" for=\"bday-day\">\n            Day\n          </label>\n          <input class=\"govuk-input govuk-date-input__input govuk-input--width-2\" id=\"bday-day\" name=\"bday-day\" type=\"text\" inputmode=\"numeric\">\n        </div>\n      </div>\n      <div class=\"govuk-date-input__item\">\n        <div class=\"govuk-form-group\">\n          <label class=\"govuk-label govuk-date-input__label\" for=\"bday-month\">\n            Month\n          </label>\n          <input class=\"govuk-input govuk-date-input__input govuk-input--width-2\" id=\"bday-month\" name=\"bday-month\" type=\"text\" inputmode=\"numeric\">\n        </div>\n      </div>\n    </div>\n  </fieldset>\n</div>"
+        },
+        {
+            "name": "month and year",
+            "options": {
+                "id": "dob",
+                "namePrefix": "dob",
+                "fieldset": {
+                    "legend": {
+                        "text": "When did you move to this property?"
+                    }
+                },
+                "hint": {
+                    "text": "For example, 3 1980"
+                },
+                "items": [
+                    {
+                        "name": "month",
+                        "classes": "govuk-input--width-2"
+                    },
+                    {
+                        "name": "year",
+                        "classes": "govuk-input--width-4"
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <fieldset class=\"govuk-fieldset\" role=\"group\" aria-describedby=\"dob-hint\">\n    <legend class=\"govuk-fieldset__legend\">\n      When did you move to this property?\n    </legend>\n    <div id=\"dob-hint\" class=\"govuk-hint\">\n      For example, 3 1980\n    </div>\n    <div class=\"govuk-date-input\" id=\"dob\">\n      <div class=\"govuk-date-input__item\">\n        <div class=\"govuk-form-group\">\n          <label class=\"govuk-label govuk-date-input__label\" for=\"dob-month\">\n            Month\n          </label>\n          <input class=\"govuk-input govuk-date-input__input govuk-input--width-2\" id=\"dob-month\" name=\"dob-month\" type=\"text\" inputmode=\"numeric\">\n        </div>\n      </div>\n      <div class=\"govuk-date-input__item\">\n        <div class=\"govuk-form-group\">\n          <label class=\"govuk-label govuk-date-input__label\" for=\"dob-year\">\n            Year\n          </label>\n          <input class=\"govuk-input govuk-date-input__input govuk-input--width-4\" id=\"dob-year\" name=\"dob-year\" type=\"text\" inputmode=\"numeric\">\n        </div>\n      </div>\n    </div>\n  </fieldset>\n</div>"
+        },
+        {
+            "name": "with errors only",
+            "options": {
+                "id": "dob-errors",
+                "fieldset": {
+                    "legend": {
+                        "text": "What is your date of birth?"
+                    }
+                },
+                "errorMessage": {
+                    "text": "Error message goes here"
+                },
+                "items": [
+                    {
+                        "name": "day",
+                        "classes": "govuk-input--width-2 govuk-input--error"
+                    },
+                    {
+                        "name": "month",
+                        "classes": "govuk-input--width-2 govuk-input--error"
+                    },
+                    {
+                        "name": "year",
+                        "classes": "govuk-input--width-4 govuk-input--error"
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-form-group--error\">\n  <fieldset class=\"govuk-fieldset\" role=\"group\" aria-describedby=\"dob-errors-error\">\n    <legend class=\"govuk-fieldset__legend\">\n      What is your date of birth?\n    </legend>\n    <p id=\"dob-errors-error\" class=\"govuk-error-message\">\n      <span class=\"govuk-visually-hidden\">Error:</span> Error message goes here\n    </p>\n    <div class=\"govuk-date-input\" id=\"dob-errors\">\n      <div class=\"govuk-date-input__item\">\n        <div class=\"govuk-form-group\">\n          <label class=\"govuk-label govuk-date-input__label\" for=\"dob-errors-day\">\n            Day\n          </label>\n          <input class=\"govuk-input govuk-date-input__input govuk-input--width-2 govuk-input--error\" id=\"dob-errors-day\" name=\"day\" type=\"text\" inputmode=\"numeric\">\n        </div>\n      </div>\n      <div class=\"govuk-date-input__item\">\n        <div class=\"govuk-form-group\">\n          <label class=\"govuk-label govuk-date-input__label\" for=\"dob-errors-month\">\n            Month\n          </label>\n          <input class=\"govuk-input govuk-date-input__input govuk-input--width-2 govuk-input--error\" id=\"dob-errors-month\" name=\"month\" type=\"text\" inputmode=\"numeric\">\n        </div>\n      </div>\n      <div class=\"govuk-date-input__item\">\n        <div class=\"govuk-form-group\">\n          <label class=\"govuk-label govuk-date-input__label\" for=\"dob-errors-year\">\n            Year\n          </label>\n          <input class=\"govuk-input govuk-date-input__input govuk-input--width-4 govuk-input--error\" id=\"dob-errors-year\" name=\"year\" type=\"text\" inputmode=\"numeric\">\n        </div>\n      </div>\n    </div>\n  </fieldset>\n</div>"
+        },
+        {
+            "name": "with errors and hint",
+            "options": {
+                "id": "dob-errors",
+                "fieldset": {
+                    "legend": {
+                        "text": "What is your date of birth?"
+                    }
+                },
+                "hint": {
+                    "text": "For example, 31 3 1980"
+                },
+                "errorMessage": {
+                    "text": "Error message goes here"
+                },
+                "items": [
+                    {
+                        "name": "day",
+                        "classes": "govuk-input--width-2 govuk-input--error"
+                    },
+                    {
+                        "name": "month",
+                        "classes": "govuk-input--width-2 govuk-input--error"
+                    },
+                    {
+                        "name": "year",
+                        "classes": "govuk-input--width-4 govuk-input--error"
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-form-group--error\">\n  <fieldset class=\"govuk-fieldset\" role=\"group\" aria-describedby=\"dob-errors-hint dob-errors-error\">\n    <legend class=\"govuk-fieldset__legend\">\n      What is your date of birth?\n    </legend>\n    <div id=\"dob-errors-hint\" class=\"govuk-hint\">\n      For example, 31 3 1980\n    </div>\n    <p id=\"dob-errors-error\" class=\"govuk-error-message\">\n      <span class=\"govuk-visually-hidden\">Error:</span> Error message goes here\n    </p>\n    <div class=\"govuk-date-input\" id=\"dob-errors\">\n      <div class=\"govuk-date-input__item\">\n        <div class=\"govuk-form-group\">\n          <label class=\"govuk-label govuk-date-input__label\" for=\"dob-errors-day\">\n            Day\n          </label>\n          <input class=\"govuk-input govuk-date-input__input govuk-input--width-2 govuk-input--error\" id=\"dob-errors-day\" name=\"day\" type=\"text\" inputmode=\"numeric\">\n        </div>\n      </div>\n      <div class=\"govuk-date-input__item\">\n        <div class=\"govuk-form-group\">\n          <label class=\"govuk-label govuk-date-input__label\" for=\"dob-errors-month\">\n            Month\n          </label>\n          <input class=\"govuk-input govuk-date-input__input govuk-input--width-2 govuk-input--error\" id=\"dob-errors-month\" name=\"month\" type=\"text\" inputmode=\"numeric\">\n        </div>\n      </div>\n      <div class=\"govuk-date-input__item\">\n        <div class=\"govuk-form-group\">\n          <label class=\"govuk-label govuk-date-input__label\" for=\"dob-errors-year\">\n            Year\n          </label>\n          <input class=\"govuk-input govuk-date-input__input govuk-input--width-4 govuk-input--error\" id=\"dob-errors-year\" name=\"year\" type=\"text\" inputmode=\"numeric\">\n        </div>\n      </div>\n    </div>\n  </fieldset>\n</div>"
+        },
+        {
+            "name": "with error on day input",
+            "options": {
+                "id": "dob-day-error",
+                "namePrefix": "dob-day-error",
+                "fieldset": {
+                    "legend": {
+                        "text": "What is your date of birth?"
+                    }
+                },
+                "hint": {
+                    "text": "For example, 31 3 1980"
+                },
+                "errorMessage": {
+                    "text": "Error message goes here"
+                },
+                "items": [
+                    {
+                        "name": "day",
+                        "classes": "govuk-input--width-2 govuk-input--error"
+                    },
+                    {
+                        "name": "month",
+                        "classes": "govuk-input--width-2"
+                    },
+                    {
+                        "name": "year",
+                        "classes": "govuk-input--width-4"
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-form-group--error\">\n  <fieldset class=\"govuk-fieldset\" role=\"group\" aria-describedby=\"dob-day-error-hint dob-day-error-error\">\n    <legend class=\"govuk-fieldset__legend\">\n      What is your date of birth?\n    </legend>\n    <div id=\"dob-day-error-hint\" class=\"govuk-hint\">\n      For example, 31 3 1980\n    </div>\n    <p id=\"dob-day-error-error\" class=\"govuk-error-message\">\n      <span class=\"govuk-visually-hidden\">Error:</span> Error message goes here\n    </p>\n    <div class=\"govuk-date-input\" id=\"dob-day-error\">\n      <div class=\"govuk-date-input__item\">\n        <div class=\"govuk-form-group\">\n          <label class=\"govuk-label govuk-date-input__label\" for=\"dob-day-error-day\">\n            Day\n          </label>\n          <input class=\"govuk-input govuk-date-input__input govuk-input--width-2 govuk-input--error\" id=\"dob-day-error-day\" name=\"dob-day-error-day\" type=\"text\" inputmode=\"numeric\">\n        </div>\n      </div>\n      <div class=\"govuk-date-input__item\">\n        <div class=\"govuk-form-group\">\n          <label class=\"govuk-label govuk-date-input__label\" for=\"dob-day-error-month\">\n            Month\n          </label>\n          <input class=\"govuk-input govuk-date-input__input govuk-input--width-2\" id=\"dob-day-error-month\" name=\"dob-day-error-month\" type=\"text\" inputmode=\"numeric\">\n        </div>\n      </div>\n      <div class=\"govuk-date-input__item\">\n        <div class=\"govuk-form-group\">\n          <label class=\"govuk-label govuk-date-input__label\" for=\"dob-day-error-year\">\n            Year\n          </label>\n          <input class=\"govuk-input govuk-date-input__input govuk-input--width-4\" id=\"dob-day-error-year\" name=\"dob-day-error-year\" type=\"text\" inputmode=\"numeric\">\n        </div>\n      </div>\n    </div>\n  </fieldset>\n</div>"
+        },
+        {
+            "name": "with error on month input",
+            "options": {
+                "id": "dob-month-error",
+                "namePrefix": "dob-month-error",
+                "fieldset": {
+                    "legend": {
+                        "text": "What is your date of birth?"
+                    }
+                },
+                "hint": {
+                    "text": "For example, 31 3 1980"
+                },
+                "errorMessage": {
+                    "text": "Error message goes here"
+                },
+                "items": [
+                    {
+                        "name": "day",
+                        "classes": "govuk-input--width-2"
+                    },
+                    {
+                        "name": "month",
+                        "classes": "govuk-input--width-2 govuk-input--error"
+                    },
+                    {
+                        "name": "year",
+                        "classes": "govuk-input--width-4"
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-form-group--error\">\n  <fieldset class=\"govuk-fieldset\" role=\"group\" aria-describedby=\"dob-month-error-hint dob-month-error-error\">\n    <legend class=\"govuk-fieldset__legend\">\n      What is your date of birth?\n    </legend>\n    <div id=\"dob-month-error-hint\" class=\"govuk-hint\">\n      For example, 31 3 1980\n    </div>\n    <p id=\"dob-month-error-error\" class=\"govuk-error-message\">\n      <span class=\"govuk-visually-hidden\">Error:</span> Error message goes here\n    </p>\n    <div class=\"govuk-date-input\" id=\"dob-month-error\">\n      <div class=\"govuk-date-input__item\">\n        <div class=\"govuk-form-group\">\n          <label class=\"govuk-label govuk-date-input__label\" for=\"dob-month-error-day\">\n            Day\n          </label>\n          <input class=\"govuk-input govuk-date-input__input govuk-input--width-2\" id=\"dob-month-error-day\" name=\"dob-month-error-day\" type=\"text\" inputmode=\"numeric\">\n        </div>\n      </div>\n      <div class=\"govuk-date-input__item\">\n        <div class=\"govuk-form-group\">\n          <label class=\"govuk-label govuk-date-input__label\" for=\"dob-month-error-month\">\n            Month\n          </label>\n          <input class=\"govuk-input govuk-date-input__input govuk-input--width-2 govuk-input--error\" id=\"dob-month-error-month\" name=\"dob-month-error-month\" type=\"text\" inputmode=\"numeric\">\n        </div>\n      </div>\n      <div class=\"govuk-date-input__item\">\n        <div class=\"govuk-form-group\">\n          <label class=\"govuk-label govuk-date-input__label\" for=\"dob-month-error-year\">\n            Year\n          </label>\n          <input class=\"govuk-input govuk-date-input__input govuk-input--width-4\" id=\"dob-month-error-year\" name=\"dob-month-error-year\" type=\"text\" inputmode=\"numeric\">\n        </div>\n      </div>\n    </div>\n  </fieldset>\n</div>"
+        },
+        {
+            "name": "with error on year input",
+            "options": {
+                "id": "dob-year-error",
+                "namePrefix": "dob-year-error",
+                "fieldset": {
+                    "legend": {
+                        "text": "What is your date of birth?"
+                    }
+                },
+                "hint": {
+                    "text": "For example, 31 3 1980"
+                },
+                "errorMessage": {
+                    "text": "Error message goes here"
+                },
+                "items": [
+                    {
+                        "name": "day",
+                        "classes": "govuk-input--width-2"
+                    },
+                    {
+                        "name": "month",
+                        "classes": "govuk-input--width-2"
+                    },
+                    {
+                        "name": "year",
+                        "classes": "govuk-input--width-4 govuk-input--error"
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-form-group--error\">\n  <fieldset class=\"govuk-fieldset\" role=\"group\" aria-describedby=\"dob-year-error-hint dob-year-error-error\">\n    <legend class=\"govuk-fieldset__legend\">\n      What is your date of birth?\n    </legend>\n    <div id=\"dob-year-error-hint\" class=\"govuk-hint\">\n      For example, 31 3 1980\n    </div>\n    <p id=\"dob-year-error-error\" class=\"govuk-error-message\">\n      <span class=\"govuk-visually-hidden\">Error:</span> Error message goes here\n    </p>\n    <div class=\"govuk-date-input\" id=\"dob-year-error\">\n      <div class=\"govuk-date-input__item\">\n        <div class=\"govuk-form-group\">\n          <label class=\"govuk-label govuk-date-input__label\" for=\"dob-year-error-day\">\n            Day\n          </label>\n          <input class=\"govuk-input govuk-date-input__input govuk-input--width-2\" id=\"dob-year-error-day\" name=\"dob-year-error-day\" type=\"text\" inputmode=\"numeric\">\n        </div>\n      </div>\n      <div class=\"govuk-date-input__item\">\n        <div class=\"govuk-form-group\">\n          <label class=\"govuk-label govuk-date-input__label\" for=\"dob-year-error-month\">\n            Month\n          </label>\n          <input class=\"govuk-input govuk-date-input__input govuk-input--width-2\" id=\"dob-year-error-month\" name=\"dob-year-error-month\" type=\"text\" inputmode=\"numeric\">\n        </div>\n      </div>\n      <div class=\"govuk-date-input__item\">\n        <div class=\"govuk-form-group\">\n          <label class=\"govuk-label govuk-date-input__label\" for=\"dob-year-error-year\">\n            Year\n          </label>\n          <input class=\"govuk-input govuk-date-input__input govuk-input--width-4 govuk-input--error\" id=\"dob-year-error-year\" name=\"dob-year-error-year\" type=\"text\" inputmode=\"numeric\">\n        </div>\n      </div>\n    </div>\n  </fieldset>\n</div>"
+        },
+        {
+            "name": "classes",
+            "options": {
+                "id": "with-classes",
+                "classes": "app-date-input--custom-modifier"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <div class=\"govuk-date-input app-date-input--custom-modifier\" id=\"with-classes\">\n    <div class=\"govuk-date-input__item\">\n      <div class=\"govuk-form-group\">\n        <label class=\"govuk-label govuk-date-input__label\" for=\"with-classes-day\">\n          Day\n        </label>\n        <input class=\"govuk-input govuk-date-input__input govuk-input--width-2\" id=\"with-classes-day\" name=\"day\" type=\"text\" inputmode=\"numeric\">\n      </div>\n    </div>\n    <div class=\"govuk-date-input__item\">\n      <div class=\"govuk-form-group\">\n        <label class=\"govuk-label govuk-date-input__label\" for=\"with-classes-month\">\n          Month\n        </label>\n        <input class=\"govuk-input govuk-date-input__input govuk-input--width-2\" id=\"with-classes-month\" name=\"month\" type=\"text\" inputmode=\"numeric\">\n      </div>\n    </div>\n    <div class=\"govuk-date-input__item\">\n      <div class=\"govuk-form-group\">\n        <label class=\"govuk-label govuk-date-input__label\" for=\"with-classes-year\">\n          Year\n        </label>\n        <input class=\"govuk-input govuk-date-input__input govuk-input--width-4\" id=\"with-classes-year\" name=\"year\" type=\"text\" inputmode=\"numeric\">\n      </div>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "attributes",
+            "options": {
+                "id": "with-attributes",
+                "attributes": {
+                    "data-attribute": "my data value"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <div class=\"govuk-date-input\" data-attribute=\"my data value\" id=\"with-attributes\">\n    <div class=\"govuk-date-input__item\">\n      <div class=\"govuk-form-group\">\n        <label class=\"govuk-label govuk-date-input__label\" for=\"with-attributes-day\">\n          Day\n        </label>\n        <input class=\"govuk-input govuk-date-input__input govuk-input--width-2\" id=\"with-attributes-day\" name=\"day\" type=\"text\" inputmode=\"numeric\">\n      </div>\n    </div>\n    <div class=\"govuk-date-input__item\">\n      <div class=\"govuk-form-group\">\n        <label class=\"govuk-label govuk-date-input__label\" for=\"with-attributes-month\">\n          Month\n        </label>\n        <input class=\"govuk-input govuk-date-input__input govuk-input--width-2\" id=\"with-attributes-month\" name=\"month\" type=\"text\" inputmode=\"numeric\">\n      </div>\n    </div>\n    <div class=\"govuk-date-input__item\">\n      <div class=\"govuk-form-group\">\n        <label class=\"govuk-label govuk-date-input__label\" for=\"with-attributes-year\">\n          Year\n        </label>\n        <input class=\"govuk-input govuk-date-input__input govuk-input--width-4\" id=\"with-attributes-year\" name=\"year\" type=\"text\" inputmode=\"numeric\">\n      </div>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "with items",
+            "options": {
+                "id": "dob",
+                "namePrefix": "dob",
+                "fieldset": {
+                    "legend": {
+                        "text": "What is your date of birth?"
+                    }
+                },
+                "hint": {
+                    "text": "For example, 31 3 1980"
+                },
+                "items": [
+                    {
+                        "name": "day",
+                        "classes": "govuk-input--width-2"
+                    },
+                    {
+                        "name": "month",
+                        "classes": "govuk-input--width-2"
+                    },
+                    {
+                        "name": "year",
+                        "classes": "govuk-input--width-4"
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <fieldset class=\"govuk-fieldset\" role=\"group\" aria-describedby=\"dob-hint\">\n    <legend class=\"govuk-fieldset__legend\">\n      What is your date of birth?\n    </legend>\n    <div id=\"dob-hint\" class=\"govuk-hint\">\n      For example, 31 3 1980\n    </div>\n    <div class=\"govuk-date-input\" id=\"dob\">\n      <div class=\"govuk-date-input__item\">\n        <div class=\"govuk-form-group\">\n          <label class=\"govuk-label govuk-date-input__label\" for=\"dob-day\">\n            Day\n          </label>\n          <input class=\"govuk-input govuk-date-input__input govuk-input--width-2\" id=\"dob-day\" name=\"dob-day\" type=\"text\" inputmode=\"numeric\">\n        </div>\n      </div>\n      <div class=\"govuk-date-input__item\">\n        <div class=\"govuk-form-group\">\n          <label class=\"govuk-label govuk-date-input__label\" for=\"dob-month\">\n            Month\n          </label>\n          <input class=\"govuk-input govuk-date-input__input govuk-input--width-2\" id=\"dob-month\" name=\"dob-month\" type=\"text\" inputmode=\"numeric\">\n        </div>\n      </div>\n      <div class=\"govuk-date-input__item\">\n        <div class=\"govuk-form-group\">\n          <label class=\"govuk-label govuk-date-input__label\" for=\"dob-year\">\n            Year\n          </label>\n          <input class=\"govuk-input govuk-date-input__input govuk-input--width-4\" id=\"dob-year\" name=\"dob-year\" type=\"text\" inputmode=\"numeric\">\n        </div>\n      </div>\n    </div>\n  </fieldset>\n</div>"
+        },
+        {
+            "name": "with empty items",
+            "options": {
+                "id": "with-empty-items",
+                "items": []
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <div class=\"govuk-date-input\" id=\"with-empty-items\">\n    <div class=\"govuk-date-input__item\">\n      <div class=\"govuk-form-group\">\n        <label class=\"govuk-label govuk-date-input__label\" for=\"with-empty-items-day\">\n          Day\n        </label>\n        <input class=\"govuk-input govuk-date-input__input govuk-input--width-2\" id=\"with-empty-items-day\" name=\"day\" type=\"text\" inputmode=\"numeric\">\n      </div>\n    </div>\n    <div class=\"govuk-date-input__item\">\n      <div class=\"govuk-form-group\">\n        <label class=\"govuk-label govuk-date-input__label\" for=\"with-empty-items-month\">\n          Month\n        </label>\n        <input class=\"govuk-input govuk-date-input__input govuk-input--width-2\" id=\"with-empty-items-month\" name=\"month\" type=\"text\" inputmode=\"numeric\">\n      </div>\n    </div>\n    <div class=\"govuk-date-input__item\">\n      <div class=\"govuk-form-group\">\n        <label class=\"govuk-label govuk-date-input__label\" for=\"with-empty-items-year\">\n          Year\n        </label>\n        <input class=\"govuk-input govuk-date-input__input govuk-input--width-4\" id=\"with-empty-items-year\" name=\"year\" type=\"text\" inputmode=\"numeric\">\n      </div>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "custom pattern",
+            "options": {
+                "id": "with-custom-pattern",
+                "items": [
+                    {
+                        "name": "day",
+                        "pattern": "[0-8]*"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <div class=\"govuk-date-input\" id=\"with-custom-pattern\">\n    <div class=\"govuk-date-input__item\">\n      <div class=\"govuk-form-group\">\n        <label class=\"govuk-label govuk-date-input__label\" for=\"with-custom-pattern-day\">\n          Day\n        </label>\n        <input class=\"govuk-input govuk-date-input__input \" id=\"with-custom-pattern-day\" name=\"day\" type=\"text\" pattern=\"[0-8]*\" inputmode=\"numeric\">\n      </div>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "custom inputmode",
+            "options": {
+                "id": "with-custom-inputmode",
+                "items": [
+                    {
+                        "name": "day",
+                        "pattern": "[0-9X]*",
+                        "inputmode": "text"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <div class=\"govuk-date-input\" id=\"with-custom-inputmode\">\n    <div class=\"govuk-date-input__item\">\n      <div class=\"govuk-form-group\">\n        <label class=\"govuk-label govuk-date-input__label\" for=\"with-custom-inputmode-day\">\n          Day\n        </label>\n        <input class=\"govuk-input govuk-date-input__input \" id=\"with-custom-inputmode-day\" name=\"day\" type=\"text\" pattern=\"[0-9X]*\" inputmode=\"text\">\n      </div>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "with nested name",
+            "options": {
+                "id": "with-nested-name",
+                "items": [
+                    {
+                        "name": "day[dd]"
+                    },
+                    {
+                        "name": "month[mm]"
+                    },
+                    {
+                        "name": "year[yyyy]"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <div class=\"govuk-date-input\" id=\"with-nested-name\">\n    <div class=\"govuk-date-input__item\">\n      <div class=\"govuk-form-group\">\n        <label class=\"govuk-label govuk-date-input__label\" for=\"with-nested-name-day[dd]\">\n          Day[dd]\n        </label>\n        <input class=\"govuk-input govuk-date-input__input \" id=\"with-nested-name-day[dd]\" name=\"day[dd]\" type=\"text\" inputmode=\"numeric\">\n      </div>\n    </div>\n    <div class=\"govuk-date-input__item\">\n      <div class=\"govuk-form-group\">\n        <label class=\"govuk-label govuk-date-input__label\" for=\"with-nested-name-month[mm]\">\n          Month[mm]\n        </label>\n        <input class=\"govuk-input govuk-date-input__input \" id=\"with-nested-name-month[mm]\" name=\"month[mm]\" type=\"text\" inputmode=\"numeric\">\n      </div>\n    </div>\n    <div class=\"govuk-date-input__item\">\n      <div class=\"govuk-form-group\">\n        <label class=\"govuk-label govuk-date-input__label\" for=\"with-nested-name-year[yyyy]\">\n          Year[yyyy]\n        </label>\n        <input class=\"govuk-input govuk-date-input__input \" id=\"with-nested-name-year[yyyy]\" name=\"year[yyyy]\" type=\"text\" inputmode=\"numeric\">\n      </div>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "with id on items",
+            "options": {
+                "id": "with-item-id",
+                "items": [
+                    {
+                        "id": "day",
+                        "name": "day"
+                    },
+                    {
+                        "id": "month",
+                        "name": "month"
+                    },
+                    {
+                        "id": "year",
+                        "name": "year"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <div class=\"govuk-date-input\" id=\"with-item-id\">\n    <div class=\"govuk-date-input__item\">\n      <div class=\"govuk-form-group\">\n        <label class=\"govuk-label govuk-date-input__label\" for=\"day\">\n          Day\n        </label>\n        <input class=\"govuk-input govuk-date-input__input \" id=\"day\" name=\"day\" type=\"text\" inputmode=\"numeric\">\n      </div>\n    </div>\n    <div class=\"govuk-date-input__item\">\n      <div class=\"govuk-form-group\">\n        <label class=\"govuk-label govuk-date-input__label\" for=\"month\">\n          Month\n        </label>\n        <input class=\"govuk-input govuk-date-input__input \" id=\"month\" name=\"month\" type=\"text\" inputmode=\"numeric\">\n      </div>\n    </div>\n    <div class=\"govuk-date-input__item\">\n      <div class=\"govuk-form-group\">\n        <label class=\"govuk-label govuk-date-input__label\" for=\"year\">\n          Year\n        </label>\n        <input class=\"govuk-input govuk-date-input__input \" id=\"year\" name=\"year\" type=\"text\" inputmode=\"numeric\">\n      </div>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "suffixed id",
+            "options": {
+                "id": "my-date-input",
+                "items": [
+                    {
+                        "name": "day"
+                    },
+                    {
+                        "name": "month"
+                    },
+                    {
+                        "name": "year"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <div class=\"govuk-date-input\" id=\"my-date-input\">\n    <div class=\"govuk-date-input__item\">\n      <div class=\"govuk-form-group\">\n        <label class=\"govuk-label govuk-date-input__label\" for=\"my-date-input-day\">\n          Day\n        </label>\n        <input class=\"govuk-input govuk-date-input__input \" id=\"my-date-input-day\" name=\"day\" type=\"text\" inputmode=\"numeric\">\n      </div>\n    </div>\n    <div class=\"govuk-date-input__item\">\n      <div class=\"govuk-form-group\">\n        <label class=\"govuk-label govuk-date-input__label\" for=\"my-date-input-month\">\n          Month\n        </label>\n        <input class=\"govuk-input govuk-date-input__input \" id=\"my-date-input-month\" name=\"month\" type=\"text\" inputmode=\"numeric\">\n      </div>\n    </div>\n    <div class=\"govuk-date-input__item\">\n      <div class=\"govuk-form-group\">\n        <label class=\"govuk-label govuk-date-input__label\" for=\"my-date-input-year\">\n          Year\n        </label>\n        <input class=\"govuk-input govuk-date-input__input \" id=\"my-date-input-year\" name=\"year\" type=\"text\" inputmode=\"numeric\">\n      </div>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "with values",
+            "options": {
+                "id": "with-values",
+                "items": [
+                    {
+                        "id": "day",
+                        "name": "day"
+                    },
+                    {
+                        "id": "month",
+                        "name": "month"
+                    },
+                    {
+                        "id": "year",
+                        "name": "year",
+                        "value": 2018
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <div class=\"govuk-date-input\" id=\"with-values\">\n    <div class=\"govuk-date-input__item\">\n      <div class=\"govuk-form-group\">\n        <label class=\"govuk-label govuk-date-input__label\" for=\"day\">\n          Day\n        </label>\n        <input class=\"govuk-input govuk-date-input__input \" id=\"day\" name=\"day\" type=\"text\" inputmode=\"numeric\">\n      </div>\n    </div>\n    <div class=\"govuk-date-input__item\">\n      <div class=\"govuk-form-group\">\n        <label class=\"govuk-label govuk-date-input__label\" for=\"month\">\n          Month\n        </label>\n        <input class=\"govuk-input govuk-date-input__input \" id=\"month\" name=\"month\" type=\"text\" inputmode=\"numeric\">\n      </div>\n    </div>\n    <div class=\"govuk-date-input__item\">\n      <div class=\"govuk-form-group\">\n        <label class=\"govuk-label govuk-date-input__label\" for=\"year\">\n          Year\n        </label>\n        <input class=\"govuk-input govuk-date-input__input \" id=\"year\" name=\"year\" type=\"text\" value=\"2018\" inputmode=\"numeric\">\n      </div>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "with hint and describedBy",
+            "options": {
+                "id": "dob-errors",
+                "fieldset": {
+                    "describedBy": "test-target-element",
+                    "legend": {
+                        "text": "What is your date of birth?"
+                    }
+                },
+                "hint": {
+                    "text": "For example, 31 3 1980"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <fieldset class=\"govuk-fieldset\" role=\"group\" aria-describedby=\"test-target-element dob-errors-hint\">\n    <legend class=\"govuk-fieldset__legend\">\n      What is your date of birth?\n    </legend>\n    <div id=\"dob-errors-hint\" class=\"govuk-hint\">\n      For example, 31 3 1980\n    </div>\n    <div class=\"govuk-date-input\" id=\"dob-errors\">\n      <div class=\"govuk-date-input__item\">\n        <div class=\"govuk-form-group\">\n          <label class=\"govuk-label govuk-date-input__label\" for=\"dob-errors-day\">\n            Day\n          </label>\n          <input class=\"govuk-input govuk-date-input__input govuk-input--width-2\" id=\"dob-errors-day\" name=\"day\" type=\"text\" inputmode=\"numeric\">\n        </div>\n      </div>\n      <div class=\"govuk-date-input__item\">\n        <div class=\"govuk-form-group\">\n          <label class=\"govuk-label govuk-date-input__label\" for=\"dob-errors-month\">\n            Month\n          </label>\n          <input class=\"govuk-input govuk-date-input__input govuk-input--width-2\" id=\"dob-errors-month\" name=\"month\" type=\"text\" inputmode=\"numeric\">\n        </div>\n      </div>\n      <div class=\"govuk-date-input__item\">\n        <div class=\"govuk-form-group\">\n          <label class=\"govuk-label govuk-date-input__label\" for=\"dob-errors-year\">\n            Year\n          </label>\n          <input class=\"govuk-input govuk-date-input__input govuk-input--width-4\" id=\"dob-errors-year\" name=\"year\" type=\"text\" inputmode=\"numeric\">\n        </div>\n      </div>\n    </div>\n  </fieldset>\n</div>"
+        },
+        {
+            "name": "with error and describedBy",
+            "options": {
+                "id": "dob-errors",
+                "fieldset": {
+                    "describedBy": "test-target-element",
+                    "legend": {
+                        "text": "What is your date of birth?"
+                    }
+                },
+                "errorMessage": {
+                    "text": "Error message goes here"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-form-group--error\">\n  <fieldset class=\"govuk-fieldset\" role=\"group\" aria-describedby=\"test-target-element dob-errors-error\">\n    <legend class=\"govuk-fieldset__legend\">\n      What is your date of birth?\n    </legend>\n    <p id=\"dob-errors-error\" class=\"govuk-error-message\">\n      <span class=\"govuk-visually-hidden\">Error:</span> Error message goes here\n    </p>\n    <div class=\"govuk-date-input\" id=\"dob-errors\">\n      <div class=\"govuk-date-input__item\">\n        <div class=\"govuk-form-group\">\n          <label class=\"govuk-label govuk-date-input__label\" for=\"dob-errors-day\">\n            Day\n          </label>\n          <input class=\"govuk-input govuk-date-input__input govuk-input--width-2\" id=\"dob-errors-day\" name=\"day\" type=\"text\" inputmode=\"numeric\">\n        </div>\n      </div>\n      <div class=\"govuk-date-input__item\">\n        <div class=\"govuk-form-group\">\n          <label class=\"govuk-label govuk-date-input__label\" for=\"dob-errors-month\">\n            Month\n          </label>\n          <input class=\"govuk-input govuk-date-input__input govuk-input--width-2\" id=\"dob-errors-month\" name=\"month\" type=\"text\" inputmode=\"numeric\">\n        </div>\n      </div>\n      <div class=\"govuk-date-input__item\">\n        <div class=\"govuk-form-group\">\n          <label class=\"govuk-label govuk-date-input__label\" for=\"dob-errors-year\">\n            Year\n          </label>\n          <input class=\"govuk-input govuk-date-input__input govuk-input--width-4\" id=\"dob-errors-year\" name=\"year\" type=\"text\" inputmode=\"numeric\">\n        </div>\n      </div>\n    </div>\n  </fieldset>\n</div>"
+        },
+        {
+            "name": "fieldset html",
+            "options": {
+                "id": "with-fieldset-html",
+                "fieldset": {
+                    "legend": {
+                        "html": "What is your <b>date of birth</b>?"
+                    }
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <fieldset class=\"govuk-fieldset\" role=\"group\">\n    <legend class=\"govuk-fieldset__legend\">\n      What is your <b>date of birth</b>?\n    </legend>\n    <div class=\"govuk-date-input\" id=\"with-fieldset-html\">\n      <div class=\"govuk-date-input__item\">\n        <div class=\"govuk-form-group\">\n          <label class=\"govuk-label govuk-date-input__label\" for=\"with-fieldset-html-day\">\n            Day\n          </label>\n          <input class=\"govuk-input govuk-date-input__input govuk-input--width-2\" id=\"with-fieldset-html-day\" name=\"day\" type=\"text\" inputmode=\"numeric\">\n        </div>\n      </div>\n      <div class=\"govuk-date-input__item\">\n        <div class=\"govuk-form-group\">\n          <label class=\"govuk-label govuk-date-input__label\" for=\"with-fieldset-html-month\">\n            Month\n          </label>\n          <input class=\"govuk-input govuk-date-input__input govuk-input--width-2\" id=\"with-fieldset-html-month\" name=\"month\" type=\"text\" inputmode=\"numeric\">\n        </div>\n      </div>\n      <div class=\"govuk-date-input__item\">\n        <div class=\"govuk-form-group\">\n          <label class=\"govuk-label govuk-date-input__label\" for=\"with-fieldset-html-year\">\n            Year\n          </label>\n          <input class=\"govuk-input govuk-date-input__input govuk-input--width-4\" id=\"with-fieldset-html-year\" name=\"year\" type=\"text\" inputmode=\"numeric\">\n        </div>\n      </div>\n    </div>\n  </fieldset>\n</div>"
+        },
+        {
+            "name": "items with classes",
+            "options": {
+                "id": "with-item-classes",
+                "items": [
+                    {
+                        "name": "day",
+                        "classes": "app-date-input__day"
+                    },
+                    {
+                        "name": "month",
+                        "classes": "app-date-input__month"
+                    },
+                    {
+                        "name": "year",
+                        "classes": "app-date-input__year"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <div class=\"govuk-date-input\" id=\"with-item-classes\">\n    <div class=\"govuk-date-input__item\">\n      <div class=\"govuk-form-group\">\n        <label class=\"govuk-label govuk-date-input__label\" for=\"with-item-classes-day\">\n          Day\n        </label>\n        <input class=\"govuk-input govuk-date-input__input app-date-input__day\" id=\"with-item-classes-day\" name=\"day\" type=\"text\" inputmode=\"numeric\">\n      </div>\n    </div>\n    <div class=\"govuk-date-input__item\">\n      <div class=\"govuk-form-group\">\n        <label class=\"govuk-label govuk-date-input__label\" for=\"with-item-classes-month\">\n          Month\n        </label>\n        <input class=\"govuk-input govuk-date-input__input app-date-input__month\" id=\"with-item-classes-month\" name=\"month\" type=\"text\" inputmode=\"numeric\">\n      </div>\n    </div>\n    <div class=\"govuk-date-input__item\">\n      <div class=\"govuk-form-group\">\n        <label class=\"govuk-label govuk-date-input__label\" for=\"with-item-classes-year\">\n          Year\n        </label>\n        <input class=\"govuk-input govuk-date-input__input app-date-input__year\" id=\"with-item-classes-year\" name=\"year\" type=\"text\" inputmode=\"numeric\">\n      </div>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "items without classes",
+            "options": {
+                "id": "without-item-classes",
+                "items": [
+                    {
+                        "name": "day"
+                    },
+                    {
+                        "name": "month"
+                    },
+                    {
+                        "name": "year"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <div class=\"govuk-date-input\" id=\"without-item-classes\">\n    <div class=\"govuk-date-input__item\">\n      <div class=\"govuk-form-group\">\n        <label class=\"govuk-label govuk-date-input__label\" for=\"without-item-classes-day\">\n          Day\n        </label>\n        <input class=\"govuk-input govuk-date-input__input \" id=\"without-item-classes-day\" name=\"day\" type=\"text\" inputmode=\"numeric\">\n      </div>\n    </div>\n    <div class=\"govuk-date-input__item\">\n      <div class=\"govuk-form-group\">\n        <label class=\"govuk-label govuk-date-input__label\" for=\"without-item-classes-month\">\n          Month\n        </label>\n        <input class=\"govuk-input govuk-date-input__input \" id=\"without-item-classes-month\" name=\"month\" type=\"text\" inputmode=\"numeric\">\n      </div>\n    </div>\n    <div class=\"govuk-date-input__item\">\n      <div class=\"govuk-form-group\">\n        <label class=\"govuk-label govuk-date-input__label\" for=\"without-item-classes-year\">\n          Year\n        </label>\n        <input class=\"govuk-input govuk-date-input__input \" id=\"without-item-classes-year\" name=\"year\" type=\"text\" inputmode=\"numeric\">\n      </div>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "with optional form-group classes",
+            "options": {
+                "id": "dob",
+                "namePrefix": "dob",
+                "fieldset": {
+                    "legend": {
+                        "text": "What is your date of birth?"
+                    }
+                },
+                "hint": {
+                    "text": "For example, 31 3 1980"
+                },
+                "formGroup": {
+                    "classes": "extra-class"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group extra-class\">\n  <fieldset class=\"govuk-fieldset\" role=\"group\" aria-describedby=\"dob-hint\">\n    <legend class=\"govuk-fieldset__legend\">\n      What is your date of birth?\n    </legend>\n    <div id=\"dob-hint\" class=\"govuk-hint\">\n      For example, 31 3 1980\n    </div>\n    <div class=\"govuk-date-input\" id=\"dob\">\n      <div class=\"govuk-date-input__item\">\n        <div class=\"govuk-form-group\">\n          <label class=\"govuk-label govuk-date-input__label\" for=\"dob-day\">\n            Day\n          </label>\n          <input class=\"govuk-input govuk-date-input__input govuk-input--width-2\" id=\"dob-day\" name=\"dob-day\" type=\"text\" inputmode=\"numeric\">\n        </div>\n      </div>\n      <div class=\"govuk-date-input__item\">\n        <div class=\"govuk-form-group\">\n          <label class=\"govuk-label govuk-date-input__label\" for=\"dob-month\">\n            Month\n          </label>\n          <input class=\"govuk-input govuk-date-input__input govuk-input--width-2\" id=\"dob-month\" name=\"dob-month\" type=\"text\" inputmode=\"numeric\">\n        </div>\n      </div>\n      <div class=\"govuk-date-input__item\">\n        <div class=\"govuk-form-group\">\n          <label class=\"govuk-label govuk-date-input__label\" for=\"dob-year\">\n            Year\n          </label>\n          <input class=\"govuk-input govuk-date-input__input govuk-input--width-4\" id=\"dob-year\" name=\"dob-year\" type=\"text\" inputmode=\"numeric\">\n        </div>\n      </div>\n    </div>\n  </fieldset>\n</div>"
+        },
+        {
+            "name": "with autocomplete values",
+            "options": {
+                "id": "dob-with-autocomplete-attribute",
+                "namePrefix": "dob-with-autocomplete",
+                "fieldset": {
+                    "legend": {
+                        "text": "What is your date of birth?"
+                    }
+                },
+                "hint": {
+                    "text": "For example, 31 3 1980"
+                },
+                "items": [
+                    {
+                        "name": "day",
+                        "classes": "govuk-input--width-2",
+                        "autocomplete": "bday-day"
+                    },
+                    {
+                        "name": "month",
+                        "classes": "govuk-input--width-2",
+                        "autocomplete": "bday-month"
+                    },
+                    {
+                        "name": "year",
+                        "classes": "govuk-input--width-4",
+                        "autocomplete": "bday-year"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <fieldset class=\"govuk-fieldset\" role=\"group\" aria-describedby=\"dob-with-autocomplete-attribute-hint\">\n    <legend class=\"govuk-fieldset__legend\">\n      What is your date of birth?\n    </legend>\n    <div id=\"dob-with-autocomplete-attribute-hint\" class=\"govuk-hint\">\n      For example, 31 3 1980\n    </div>\n    <div class=\"govuk-date-input\" id=\"dob-with-autocomplete-attribute\">\n      <div class=\"govuk-date-input__item\">\n        <div class=\"govuk-form-group\">\n          <label class=\"govuk-label govuk-date-input__label\" for=\"dob-with-autocomplete-attribute-day\">\n            Day\n          </label>\n          <input class=\"govuk-input govuk-date-input__input govuk-input--width-2\" id=\"dob-with-autocomplete-attribute-day\" name=\"dob-with-autocomplete-day\" type=\"text\" autocomplete=\"bday-day\" inputmode=\"numeric\">\n        </div>\n      </div>\n      <div class=\"govuk-date-input__item\">\n        <div class=\"govuk-form-group\">\n          <label class=\"govuk-label govuk-date-input__label\" for=\"dob-with-autocomplete-attribute-month\">\n            Month\n          </label>\n          <input class=\"govuk-input govuk-date-input__input govuk-input--width-2\" id=\"dob-with-autocomplete-attribute-month\" name=\"dob-with-autocomplete-month\" type=\"text\" autocomplete=\"bday-month\" inputmode=\"numeric\">\n        </div>\n      </div>\n      <div class=\"govuk-date-input__item\">\n        <div class=\"govuk-form-group\">\n          <label class=\"govuk-label govuk-date-input__label\" for=\"dob-with-autocomplete-attribute-year\">\n            Year\n          </label>\n          <input class=\"govuk-input govuk-date-input__input govuk-input--width-4\" id=\"dob-with-autocomplete-attribute-year\" name=\"dob-with-autocomplete-year\" type=\"text\" autocomplete=\"bday-year\" inputmode=\"numeric\">\n        </div>\n      </div>\n    </div>\n  </fieldset>\n</div>"
+        },
+        {
+            "name": "with input attributes",
+            "options": {
+                "id": "dob-with-input-attributes",
+                "namePrefix": "dob-with-input-attributes",
+                "fieldset": {
+                    "legend": {
+                        "text": "What is your date of birth?"
+                    }
+                },
+                "hint": {
+                    "text": "For example, 31 3 1980"
+                },
+                "items": [
+                    {
+                        "name": "day",
+                        "classes": "govuk-input--width-2",
+                        "attributes": {
+                            "data-example-day": "day"
+                        }
+                    },
+                    {
+                        "name": "month",
+                        "classes": "govuk-input--width-2",
+                        "attributes": {
+                            "data-example-month": "month"
+                        }
+                    },
+                    {
+                        "name": "year",
+                        "classes": "govuk-input--width-4",
+                        "attributes": {
+                            "data-example-year": "year"
+                        }
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <fieldset class=\"govuk-fieldset\" role=\"group\" aria-describedby=\"dob-with-input-attributes-hint\">\n    <legend class=\"govuk-fieldset__legend\">\n      What is your date of birth?\n    </legend>\n    <div id=\"dob-with-input-attributes-hint\" class=\"govuk-hint\">\n      For example, 31 3 1980\n    </div>\n    <div class=\"govuk-date-input\" id=\"dob-with-input-attributes\">\n      <div class=\"govuk-date-input__item\">\n        <div class=\"govuk-form-group\">\n          <label class=\"govuk-label govuk-date-input__label\" for=\"dob-with-input-attributes-day\">\n            Day\n          </label>\n          <input class=\"govuk-input govuk-date-input__input govuk-input--width-2\" id=\"dob-with-input-attributes-day\" name=\"dob-with-input-attributes-day\" type=\"text\" inputmode=\"numeric\" data-example-day=\"day\">\n        </div>\n      </div>\n      <div class=\"govuk-date-input__item\">\n        <div class=\"govuk-form-group\">\n          <label class=\"govuk-label govuk-date-input__label\" for=\"dob-with-input-attributes-month\">\n            Month\n          </label>\n          <input class=\"govuk-input govuk-date-input__input govuk-input--width-2\" id=\"dob-with-input-attributes-month\" name=\"dob-with-input-attributes-month\" type=\"text\" inputmode=\"numeric\" data-example-month=\"month\">\n        </div>\n      </div>\n      <div class=\"govuk-date-input__item\">\n        <div class=\"govuk-form-group\">\n          <label class=\"govuk-label govuk-date-input__label\" for=\"dob-with-input-attributes-year\">\n            Year\n          </label>\n          <input class=\"govuk-input govuk-date-input__input govuk-input--width-4\" id=\"dob-with-input-attributes-year\" name=\"dob-with-input-attributes-year\" type=\"text\" inputmode=\"numeric\" data-example-year=\"year\">\n        </div>\n      </div>\n    </div>\n  </fieldset>\n</div>"
+        }
+    ]
+}
diff --git a/app/templates/govuk/components/components/date-input/macro-options.json b/app/templates/govuk/components/components/date-input/macro-options.json
new file mode 100644
index 0000000..5491b1d
--- /dev/null
+++ b/app/templates/govuk/components/components/date-input/macro-options.json
@@ -0,0 +1,163 @@
+[
+    {
+        "name": "id",
+        "type": "string",
+        "required": true,
+        "description": "This is used for the main component and to compose the ID attribute for each item."
+    },
+    {
+        "name": "namePrefix",
+        "type": "string",
+        "required": false,
+        "description": "Optional prefix. This is used to prefix each item `name`, separated by `-`."
+    },
+    {
+        "name": "items",
+        "type": "array",
+        "required": false,
+        "description": "The inputs within the date input component.",
+        "params": [
+            {
+                "name": "id",
+                "type": "string",
+                "required": false,
+                "description": "Item-specific ID. If provided, it will be used instead of the generated ID."
+            },
+            {
+                "name": "name",
+                "type": "string",
+                "required": true,
+                "description": "Item-specific name attribute."
+            },
+            {
+                "name": "label",
+                "type": "string",
+                "required": false,
+                "description": "Item-specific label text. If provided, this will be used instead of `name` for item label text."
+            },
+            {
+                "name": "value",
+                "type": "string",
+                "required": false,
+                "description": "If provided, it will be used as the initial value of the input."
+            },
+            {
+                "name": "autocomplete",
+                "type": "string",
+                "required": false,
+                "description": "Attribute to meet [WCAG success criterion 1.3.5: Identify input purpose](https://www.w3.org/WAI/WCAG22/Understanding/identify-input-purpose.html), for instance `\"bday-day\"`. See the [Autofill section in the HTML standard](https://html.spec.whatwg.org/multipage/form-control-infrastructure.html#autofill) section in the HTML standard for full list of attributes that can be used."
+            },
+            {
+                "name": "pattern",
+                "type": "string",
+                "required": false,
+                "description": "Attribute to [provide a regular expression pattern](https://html.spec.whatwg.org/multipage/input.html#the-pattern-attribute), used to match allowed character combinations for the input value."
+            },
+            {
+                "name": "classes",
+                "type": "string",
+                "required": false,
+                "description": "Classes to add to date input item."
+            },
+            {
+                "name": "attributes",
+                "type": "object",
+                "required": false,
+                "description": "HTML attributes (for example data attributes) to add to the date input tag."
+            }
+        ]
+    },
+    {
+        "name": "hint",
+        "type": "object",
+        "required": false,
+        "description": "Can be used to add a hint to a date input component.",
+        "isComponent": true
+    },
+    {
+        "name": "errorMessage",
+        "type": "object",
+        "required": false,
+        "description": "Can be used to add an error message to the date input component. The error message component will not display if you use a falsy value for `errorMessage`, for example `false` or `null`.",
+        "isComponent": true
+    },
+    {
+        "name": "formGroup",
+        "type": "object",
+        "required": false,
+        "description": "Additional options for the form group containing the date input component.",
+        "params": [
+            {
+                "name": "classes",
+                "type": "string",
+                "required": false,
+                "description": "Classes to add to the form group (for example to show error state for the whole group)."
+            },
+            {
+                "name": "attributes",
+                "type": "object",
+                "required": false,
+                "description": "HTML attributes (for example data attributes) to add to the form group."
+            },
+            {
+                "name": "beforeInputs",
+                "type": "object",
+                "required": false,
+                "description": "Content to add before the inputs used by the date input component.",
+                "params": [
+                    {
+                        "name": "text",
+                        "type": "string",
+                        "required": true,
+                        "description": "Text to add before the inputs. If `html` is provided, the `text` option will be ignored."
+                    },
+                    {
+                        "name": "html",
+                        "type": "string",
+                        "required": true,
+                        "description": "HTML to add before the inputs. If `html` is provided, the `text` option will be ignored."
+                    }
+                ]
+            },
+            {
+                "name": "afterInputs",
+                "type": "object",
+                "required": false,
+                "description": "Content to add after the inputs used by the date input component.",
+                "params": [
+                    {
+                        "name": "text",
+                        "type": "string",
+                        "required": true,
+                        "description": "Text to add after the inputs. If `html` is provided, the `text` option will be ignored."
+                    },
+                    {
+                        "name": "html",
+                        "type": "string",
+                        "required": true,
+                        "description": "HTML to add after the inputs. If `html` is provided, the `text` option will be ignored."
+                    }
+                ]
+            }
+        ]
+    },
+    {
+        "name": "fieldset",
+        "type": "object",
+        "required": false,
+        "description": "Can be used to add a fieldset to the date input component.",
+        "isComponent": true
+    },
+    {
+        "name": "classes",
+        "type": "string",
+        "required": false,
+        "description": "Classes to add to the date-input container."
+    },
+    {
+        "name": "attributes",
+        "type": "object",
+        "required": false,
+        "description": "HTML attributes (for example data attributes) to add to the date-input container."
+    }
+]
diff --git a/app/templates/govuk/components/components/date-input/macro.njk b/app/templates/govuk/components/components/date-input/macro.njk
new file mode 100644
index 0000000..732cdc6
--- /dev/null
+++ b/app/templates/govuk/components/components/date-input/macro.njk
@@ -0,0 +1,3 @@
+{% macro govukDateInput(params) %}
+  {%- include "./template.njk" -%}
+{% endmacro %}
diff --git a/app/templates/govuk/components/components/date-input/template-day-and-month.html b/app/templates/govuk/components/components/date-input/template-day-and-month.html
new file mode 100644
index 0000000..3805b76
--- /dev/null
+++ b/app/templates/govuk/components/components/date-input/template-day-and-month.html
@@ -0,0 +1,28 @@
+<div class="govuk-form-group">
+  <fieldset class="govuk-fieldset" role="group" aria-describedby="bday-hint">
+    <legend class="govuk-fieldset__legend">
+      What is your birthday?
+    </legend>
+    <div id="bday-hint" class="govuk-hint">
+      For example, 5 12
+    </div>
+    <div class="govuk-date-input" id="bday">
+      <div class="govuk-date-input__item">
+        <div class="govuk-form-group">
+          <label class="govuk-label govuk-date-input__label" for="bday-day">
+            Day
+          </label>
+          <input class="govuk-input govuk-date-input__input govuk-input--width-2" id="bday-day" name="bday-day" type="text" inputmode="numeric">
+        </div>
+      </div>
+      <div class="govuk-date-input__item">
+        <div class="govuk-form-group">
+          <label class="govuk-label govuk-date-input__label" for="bday-month">
+            Month
+          </label>
+          <input class="govuk-input govuk-date-input__input govuk-input--width-2" id="bday-month" name="bday-month" type="text" inputmode="numeric">
+        </div>
+      </div>
+    </div>
+  </fieldset>
+</div>
diff --git a/app/templates/govuk/components/components/date-input/template-default.html b/app/templates/govuk/components/components/date-input/template-default.html
new file mode 100644
index 0000000..7a87bcf
--- /dev/null
+++ b/app/templates/govuk/components/components/date-input/template-default.html
@@ -0,0 +1,36 @@
+<div class="govuk-form-group">
+  <fieldset class="govuk-fieldset" role="group" aria-describedby="dob-hint">
+    <legend class="govuk-fieldset__legend">
+      What is your date of birth?
+    </legend>
+    <div id="dob-hint" class="govuk-hint">
+      For example, 31 3 1980
+    </div>
+    <div class="govuk-date-input" id="dob">
+      <div class="govuk-date-input__item">
+        <div class="govuk-form-group">
+          <label class="govuk-label govuk-date-input__label" for="dob-day">
+            Day
+          </label>
+          <input class="govuk-input govuk-date-input__input govuk-input--width-2" id="dob-day" name="day" type="text" inputmode="numeric">
+        </div>
+      </div>
+      <div class="govuk-date-input__item">
+        <div class="govuk-form-group">
+          <label class="govuk-label govuk-date-input__label" for="dob-month">
+            Month
+          </label>
+          <input class="govuk-input govuk-date-input__input govuk-input--width-2" id="dob-month" name="month" type="text" inputmode="numeric">
+        </div>
+      </div>
+      <div class="govuk-date-input__item">
+        <div class="govuk-form-group">
+          <label class="govuk-label govuk-date-input__label" for="dob-year">
+            Year
+          </label>
+          <input class="govuk-input govuk-date-input__input govuk-input--width-4" id="dob-year" name="year" type="text" inputmode="numeric">
+        </div>
+      </div>
+    </div>
+  </fieldset>
+</div>
diff --git a/app/templates/govuk/components/components/date-input/template-month-and-year.html b/app/templates/govuk/components/components/date-input/template-month-and-year.html
new file mode 100644
index 0000000..4fb458f
--- /dev/null
+++ b/app/templates/govuk/components/components/date-input/template-month-and-year.html
@@ -0,0 +1,28 @@
+<div class="govuk-form-group">
+  <fieldset class="govuk-fieldset" role="group" aria-describedby="dob-hint">
+    <legend class="govuk-fieldset__legend">
+      When did you move to this property?
+    </legend>
+    <div id="dob-hint" class="govuk-hint">
+      For example, 3 1980
+    </div>
+    <div class="govuk-date-input" id="dob">
+      <div class="govuk-date-input__item">
+        <div class="govuk-form-group">
+          <label class="govuk-label govuk-date-input__label" for="dob-month">
+            Month
+          </label>
+          <input class="govuk-input govuk-date-input__input govuk-input--width-2" id="dob-month" name="dob-month" type="text" inputmode="numeric">
+        </div>
+      </div>
+      <div class="govuk-date-input__item">
+        <div class="govuk-form-group">
+          <label class="govuk-label govuk-date-input__label" for="dob-year">
+            Year
+          </label>
+          <input class="govuk-input govuk-date-input__input govuk-input--width-4" id="dob-year" name="dob-year" type="text" inputmode="numeric">
+        </div>
+      </div>
+    </div>
+  </fieldset>
+</div>
diff --git a/app/templates/govuk/components/components/date-input/template-with-error-on-day-input.html b/app/templates/govuk/components/components/date-input/template-with-error-on-day-input.html
new file mode 100644
index 0000000..fd4338d
--- /dev/null
+++ b/app/templates/govuk/components/components/date-input/template-with-error-on-day-input.html
@@ -0,0 +1,39 @@
+<div class="govuk-form-group govuk-form-group--error">
+  <fieldset class="govuk-fieldset" role="group" aria-describedby="dob-day-error-hint dob-day-error-error">
+    <legend class="govuk-fieldset__legend">
+      What is your date of birth?
+    </legend>
+    <div id="dob-day-error-hint" class="govuk-hint">
+      For example, 31 3 1980
+    </div>
+    <p id="dob-day-error-error" class="govuk-error-message">
+      <span class="govuk-visually-hidden">Error:</span> Error message goes here
+    </p>
+    <div class="govuk-date-input" id="dob-day-error">
+      <div class="govuk-date-input__item">
+        <div class="govuk-form-group">
+          <label class="govuk-label govuk-date-input__label" for="dob-day-error-day">
+            Day
+          </label>
+          <input class="govuk-input govuk-date-input__input govuk-input--width-2 govuk-input--error" id="dob-day-error-day" name="dob-day-error-day" type="text" inputmode="numeric">
+        </div>
+      </div>
+      <div class="govuk-date-input__item">
+        <div class="govuk-form-group">
+          <label class="govuk-label govuk-date-input__label" for="dob-day-error-month">
+            Month
+          </label>
+          <input class="govuk-input govuk-date-input__input govuk-input--width-2" id="dob-day-error-month" name="dob-day-error-month" type="text" inputmode="numeric">
+        </div>
+      </div>
+      <div class="govuk-date-input__item">
+        <div class="govuk-form-group">
+          <label class="govuk-label govuk-date-input__label" for="dob-day-error-year">
+            Year
+          </label>
+          <input class="govuk-input govuk-date-input__input govuk-input--width-4" id="dob-day-error-year" name="dob-day-error-year" type="text" inputmode="numeric">
+        </div>
+      </div>
+    </div>
+  </fieldset>
+</div>
diff --git a/app/templates/govuk/components/components/date-input/template-with-error-on-month-input.html b/app/templates/govuk/components/components/date-input/template-with-error-on-month-input.html
new file mode 100644
index 0000000..ca1c73b
--- /dev/null
+++ b/app/templates/govuk/components/components/date-input/template-with-error-on-month-input.html
@@ -0,0 +1,39 @@
+<div class="govuk-form-group govuk-form-group--error">
+  <fieldset class="govuk-fieldset" role="group" aria-describedby="dob-month-error-hint dob-month-error-error">
+    <legend class="govuk-fieldset__legend">
+      What is your date of birth?
+    </legend>
+    <div id="dob-month-error-hint" class="govuk-hint">
+      For example, 31 3 1980
+    </div>
+    <p id="dob-month-error-error" class="govuk-error-message">
+      <span class="govuk-visually-hidden">Error:</span> Error message goes here
+    </p>
+    <div class="govuk-date-input" id="dob-month-error">
+      <div class="govuk-date-input__item">
+        <div class="govuk-form-group">
+          <label class="govuk-label govuk-date-input__label" for="dob-month-error-day">
+            Day
+          </label>
+          <input class="govuk-input govuk-date-input__input govuk-input--width-2" id="dob-month-error-day" name="dob-month-error-day" type="text" inputmode="numeric">
+        </div>
+      </div>
+      <div class="govuk-date-input__item">
+        <div class="govuk-form-group">
+          <label class="govuk-label govuk-date-input__label" for="dob-month-error-month">
+            Month
+          </label>
+          <input class="govuk-input govuk-date-input__input govuk-input--width-2 govuk-input--error" id="dob-month-error-month" name="dob-month-error-month" type="text" inputmode="numeric">
+        </div>
+      </div>
+      <div class="govuk-date-input__item">
+        <div class="govuk-form-group">
+          <label class="govuk-label govuk-date-input__label" for="dob-month-error-year">
+            Year
+          </label>
+          <input class="govuk-input govuk-date-input__input govuk-input--width-4" id="dob-month-error-year" name="dob-month-error-year" type="text" inputmode="numeric">
+        </div>
+      </div>
+    </div>
+  </fieldset>
+</div>
diff --git a/app/templates/govuk/components/components/date-input/template-with-error-on-year-input.html b/app/templates/govuk/components/components/date-input/template-with-error-on-year-input.html
new file mode 100644
index 0000000..478bd73
--- /dev/null
+++ b/app/templates/govuk/components/components/date-input/template-with-error-on-year-input.html
@@ -0,0 +1,39 @@
+<div class="govuk-form-group govuk-form-group--error">
+  <fieldset class="govuk-fieldset" role="group" aria-describedby="dob-year-error-hint dob-year-error-error">
+    <legend class="govuk-fieldset__legend">
+      What is your date of birth?
+    </legend>
+    <div id="dob-year-error-hint" class="govuk-hint">
+      For example, 31 3 1980
+    </div>
+    <p id="dob-year-error-error" class="govuk-error-message">
+      <span class="govuk-visually-hidden">Error:</span> Error message goes here
+    </p>
+    <div class="govuk-date-input" id="dob-year-error">
+      <div class="govuk-date-input__item">
+        <div class="govuk-form-group">
+          <label class="govuk-label govuk-date-input__label" for="dob-year-error-day">
+            Day
+          </label>
+          <input class="govuk-input govuk-date-input__input govuk-input--width-2" id="dob-year-error-day" name="dob-year-error-day" type="text" inputmode="numeric">
+        </div>
+      </div>
+      <div class="govuk-date-input__item">
+        <div class="govuk-form-group">
+          <label class="govuk-label govuk-date-input__label" for="dob-year-error-month">
+            Month
+          </label>
+          <input class="govuk-input govuk-date-input__input govuk-input--width-2" id="dob-year-error-month" name="dob-year-error-month" type="text" inputmode="numeric">
+        </div>
+      </div>
+      <div class="govuk-date-input__item">
+        <div class="govuk-form-group">
+          <label class="govuk-label govuk-date-input__label" for="dob-year-error-year">
+            Year
+          </label>
+          <input class="govuk-input govuk-date-input__input govuk-input--width-4 govuk-input--error" id="dob-year-error-year" name="dob-year-error-year" type="text" inputmode="numeric">
+        </div>
+      </div>
+    </div>
+  </fieldset>
+</div>
diff --git a/app/templates/govuk/components/components/date-input/template-with-errors-and-hint.html b/app/templates/govuk/components/components/date-input/template-with-errors-and-hint.html
new file mode 100644
index 0000000..0e6216d
--- /dev/null
+++ b/app/templates/govuk/components/components/date-input/template-with-errors-and-hint.html
@@ -0,0 +1,39 @@
+<div class="govuk-form-group govuk-form-group--error">
+  <fieldset class="govuk-fieldset" role="group" aria-describedby="dob-errors-hint dob-errors-error">
+    <legend class="govuk-fieldset__legend">
+      What is your date of birth?
+    </legend>
+    <div id="dob-errors-hint" class="govuk-hint">
+      For example, 31 3 1980
+    </div>
+    <p id="dob-errors-error" class="govuk-error-message">
+      <span class="govuk-visually-hidden">Error:</span> Error message goes here
+    </p>
+    <div class="govuk-date-input" id="dob-errors">
+      <div class="govuk-date-input__item">
+        <div class="govuk-form-group">
+          <label class="govuk-label govuk-date-input__label" for="dob-errors-day">
+            Day
+          </label>
+          <input class="govuk-input govuk-date-input__input govuk-input--width-2 govuk-input--error" id="dob-errors-day" name="day" type="text" inputmode="numeric">
+        </div>
+      </div>
+      <div class="govuk-date-input__item">
+        <div class="govuk-form-group">
+          <label class="govuk-label govuk-date-input__label" for="dob-errors-month">
+            Month
+          </label>
+          <input class="govuk-input govuk-date-input__input govuk-input--width-2 govuk-input--error" id="dob-errors-month" name="month" type="text" inputmode="numeric">
+        </div>
+      </div>
+      <div class="govuk-date-input__item">
+        <div class="govuk-form-group">
+          <label class="govuk-label govuk-date-input__label" for="dob-errors-year">
+            Year
+          </label>
+          <input class="govuk-input govuk-date-input__input govuk-input--width-4 govuk-input--error" id="dob-errors-year" name="year" type="text" inputmode="numeric">
+        </div>
+      </div>
+    </div>
+  </fieldset>
+</div>
diff --git a/app/templates/govuk/components/components/date-input/template-with-errors-only.html b/app/templates/govuk/components/components/date-input/template-with-errors-only.html
new file mode 100644
index 0000000..cde68fc
--- /dev/null
+++ b/app/templates/govuk/components/components/date-input/template-with-errors-only.html
@@ -0,0 +1,36 @@
+<div class="govuk-form-group govuk-form-group--error">
+  <fieldset class="govuk-fieldset" role="group" aria-describedby="dob-errors-error">
+    <legend class="govuk-fieldset__legend">
+      What is your date of birth?
+    </legend>
+    <p id="dob-errors-error" class="govuk-error-message">
+      <span class="govuk-visually-hidden">Error:</span> Error message goes here
+    </p>
+    <div class="govuk-date-input" id="dob-errors">
+      <div class="govuk-date-input__item">
+        <div class="govuk-form-group">
+          <label class="govuk-label govuk-date-input__label" for="dob-errors-day">
+            Day
+          </label>
+          <input class="govuk-input govuk-date-input__input govuk-input--width-2 govuk-input--error" id="dob-errors-day" name="day" type="text" inputmode="numeric">
+        </div>
+      </div>
+      <div class="govuk-date-input__item">
+        <div class="govuk-form-group">
+          <label class="govuk-label govuk-date-input__label" for="dob-errors-month">
+            Month
+          </label>
+          <input class="govuk-input govuk-date-input__input govuk-input--width-2 govuk-input--error" id="dob-errors-month" name="month" type="text" inputmode="numeric">
+        </div>
+      </div>
+      <div class="govuk-date-input__item">
+        <div class="govuk-form-group">
+          <label class="govuk-label govuk-date-input__label" for="dob-errors-year">
+            Year
+          </label>
+          <input class="govuk-input govuk-date-input__input govuk-input--width-4 govuk-input--error" id="dob-errors-year" name="year" type="text" inputmode="numeric">
+        </div>
+      </div>
+    </div>
+  </fieldset>
+</div>
diff --git a/app/templates/govuk/components/components/date-input/template-with-items.html b/app/templates/govuk/components/components/date-input/template-with-items.html
new file mode 100644
index 0000000..2cd25be
--- /dev/null
+++ b/app/templates/govuk/components/components/date-input/template-with-items.html
@@ -0,0 +1,36 @@
+<div class="govuk-form-group">
+  <fieldset class="govuk-fieldset" role="group" aria-describedby="dob-hint">
+    <legend class="govuk-fieldset__legend">
+      What is your date of birth?
+    </legend>
+    <div id="dob-hint" class="govuk-hint">
+      For example, 31 3 1980
+    </div>
+    <div class="govuk-date-input" id="dob">
+      <div class="govuk-date-input__item">
+        <div class="govuk-form-group">
+          <label class="govuk-label govuk-date-input__label" for="dob-day">
+            Day
+          </label>
+          <input class="govuk-input govuk-date-input__input govuk-input--width-2" id="dob-day" name="dob-day" type="text" inputmode="numeric">
+        </div>
+      </div>
+      <div class="govuk-date-input__item">
+        <div class="govuk-form-group">
+          <label class="govuk-label govuk-date-input__label" for="dob-month">
+            Month
+          </label>
+          <input class="govuk-input govuk-date-input__input govuk-input--width-2" id="dob-month" name="dob-month" type="text" inputmode="numeric">
+        </div>
+      </div>
+      <div class="govuk-date-input__item">
+        <div class="govuk-form-group">
+          <label class="govuk-label govuk-date-input__label" for="dob-year">
+            Year
+          </label>
+          <input class="govuk-input govuk-date-input__input govuk-input--width-4" id="dob-year" name="dob-year" type="text" inputmode="numeric">
+        </div>
+      </div>
+    </div>
+  </fieldset>
+</div>
diff --git a/app/templates/govuk/components/components/date-input/template.njk b/app/templates/govuk/components/components/date-input/template.njk
new file mode 100644
index 0000000..a7aeca1
--- /dev/null
+++ b/app/templates/govuk/components/components/date-input/template.njk
@@ -0,0 +1,106 @@
+{% from "../../macros/attributes.njk" import govukAttributes %}
+{% from "../error-message/macro.njk" import govukErrorMessage %}
+{% from "../fieldset/macro.njk" import govukFieldset %}
+{% from "../hint/macro.njk" import govukHint %}
+{% from "../input/macro.njk" import govukInput %}
+
+{#- a record of other elements that we need to associate with the input using
+  aria-describedby – for example hints or error messages -#}
+{% set describedBy = params.fieldset.describedBy if params.fieldset.describedBy else "" %}
+
+{#- fieldset is false by default -#}
+{% set hasFieldset = true if params.fieldset else false %}
+
+{%- if params.items | length %}
+  {% set dateInputItems = params.items %}
+{% else %}
+  {% set dateInputItems = [
+    {
+      name: "day",
+      classes: "govuk-input--width-2"
+    },
+    {
+      name: "month",
+      classes: "govuk-input--width-2"
+    },
+    {
+      name: "year",
+      classes: "govuk-input--width-4"
+    }
+  ] %}
+{% endif %}
+
+{#- Capture the HTML so we can optionally nest it in a fieldset -#}
+{% set innerHtml %}
+{% if params.hint %}
+  {% set hintId = params.id + "-hint" %}
+  {% set describedBy = describedBy + " " + hintId if describedBy else hintId %}
+  {{ govukHint({
+    id: hintId,
+    classes: params.hint.classes,
+    attributes: params.hint.attributes,
+    html: params.hint.html,
+    text: params.hint.text
+  }) | trim | indent(2) }}
+{% endif %}
+{% if params.errorMessage %}
+  {% set errorId = params.id + "-error" %}
+  {% set describedBy = describedBy + " " + errorId if describedBy else errorId %}
+  {{ govukErrorMessage({
+    id: errorId,
+    classes: params.errorMessage.classes,
+    attributes: params.errorMessage.attributes,
+    html: params.errorMessage.html,
+    text: params.errorMessage.text,
+    visuallyHiddenText: params.errorMessage.visuallyHiddenText
+  }) | trim | indent(2) }}
+{% endif %}
+  <div class="govuk-date-input {%- if params.classes %} {{ params.classes }}{% endif %}"
+    {{- govukAttributes(params.attributes) -}}
+    {%- if params.id %} id="{{ params.id }}"{% endif %}>
+    {% if params.formGroup.beforeInputs %}
+    {{ params.formGroup.beforeInputs.html | safe | trim | indent(4) if params.formGroup.beforeInputs.html else params.formGroup.beforeInputs.text }}
+    {% endif %}
+    {% for item in dateInputItems %}
+    <div class="govuk-date-input__item">
+      {{ govukInput({
+        label: {
+          text: item.label if item.label else item.name | capitalize,
+          classes: "govuk-date-input__label"
+        },
+        id: item.id if item.id else (params.id + "-" + item.name),
+        classes: "govuk-date-input__input " + (item.classes if item.classes),
+        name: (params.namePrefix + "-" + item.name) if params.namePrefix else item.name,
+        value: item.value,
+        type: "text",
+        inputmode: item.inputmode if item.inputmode else "numeric",
+        autocomplete: item.autocomplete,
+        pattern: item.pattern,
+        attributes: item.attributes
+      }) | trim | indent(6) }}
+    </div>
+    {% endfor %}
+    {% if params.formGroup.afterInputs %}
+    {{ params.formGroup.afterInputs.html | safe | trim | indent(4) if params.formGroup.afterInputs.html else params.formGroup.afterInputs.text }}
+    {% endif %}
+  </div>
+{% endset -%}
+
+<div class="govuk-form-group {%- if params.errorMessage %} govuk-form-group--error{% endif %} {%- if params.formGroup.classes %} {{ params.formGroup.classes }}{% endif %}" {{- govukAttributes(params.formGroup.attributes) }}>
+{% if hasFieldset %}
+  {# We override the fieldset's role to 'group' because otherwise JAWS does not
+    announce the description for a fieldset comprised of text inputs, but
+    adding the role to the fieldset always makes the output overly verbose for
+    radio buttons or checkboxes. -#}
+  {{ govukFieldset({
+    describedBy: describedBy,
+    classes: params.fieldset.classes,
+    role: 'group',
+    attributes: params.fieldset.attributes,
+    legend: params.fieldset.legend,
+    html: innerHtml | trim
+  }) | trim | indent(2) }}
+{% else %}
+  {{ innerHtml | safe | trim }}
+{% endif %}
+</div>
diff --git a/app/templates/govuk/components/components/details/README.md b/app/templates/govuk/components/components/details/README.md
new file mode 100644
index 0000000..627f209
--- /dev/null
+++ b/app/templates/govuk/components/components/details/README.md
@@ -0,0 +1,15 @@
+# Details
+
+## Installation
+
+See the [main README quick start guide](https://github.com/alphagov/govuk-frontend#quick-start) for how to install this component.
+
+## Guidance and Examples
+
+Find out when to use the details component in your service in the [GOV.UK Design System](https://design-system.service.gov.uk/components/details).
+
+## Component options
+
+Use options to customise the appearance, content and behaviour of a component when using a macro, for example, changing the text.
+
+See [options table](https://design-system.service.gov.uk/components/details/#options-details-example) for details.
diff --git a/app/templates/govuk/components/components/details/_details.scss b/app/templates/govuk/components/components/details/_details.scss
new file mode 100644
index 0000000..c9a4758
--- /dev/null
+++ b/app/templates/govuk/components/components/details/_details.scss
@@ -0,0 +1,4 @@
+@import "../../base";
+@import "./index";
+
+/*# sourceMappingURL=_details.scss.map */
diff --git a/app/templates/govuk/components/components/details/_details.scss.map b/app/templates/govuk/components/components/details/_details.scss.map
new file mode 100644
index 0000000..3bdf6ff
--- /dev/null
+++ b/app/templates/govuk/components/components/details/_details.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/details/_details.scss"],"names":[],"mappings":"AAAA,oBAAoB;AACpB,iBAAiB","file":"_details.scss","sourcesContent":["@import \"../../base\";\n@import \"./index\";\n"]}
diff --git a/app/templates/govuk/components/components/details/_index.scss b/app/templates/govuk/components/components/details/_index.scss
new file mode 100644
index 0000000..f349edc
--- /dev/null
+++ b/app/templates/govuk/components/components/details/_index.scss
@@ -0,0 +1,139 @@
+@include govuk-exports("govuk/component/details") {
+  .govuk-details {
+    @include govuk-font($size: 19);
+    @include govuk-text-colour;
+    @include govuk-responsive-margin(6, "bottom");
+
+    display: block;
+  }
+
+  .govuk-details__summary {
+    display: block;
+  }
+
+  .govuk-details[open] .govuk-details__summary {
+    margin-bottom: govuk-spacing(1);
+  }
+
+  .govuk-details__summary-text {
+    > :first-child {
+      margin-top: 0;
+    }
+
+    > :only-child,
+    > :last-child {
+      margin-bottom: 0;
+    }
+  }
+
+  .govuk-details__text {
+    padding-top: govuk-spacing(3);
+    padding-bottom: govuk-spacing(3);
+    padding-left: govuk-spacing(4);
+  }
+
+  .govuk-details__text p {
+    margin-top: 0;
+    margin-bottom: govuk-spacing(4);
+  }
+
+  .govuk-details__text > :last-child {
+    margin-bottom: 0;
+  }
+
+  // Hack to target IE8 - IE11 (and REALLY old Firefox)
+  // These browsers don't support the details element, so fall back to looking
+  // like inset text
+  @media screen\0 {
+    .govuk-details {
+      border-left: $govuk-border-width-wide solid $govuk-border-colour;
+    }
+
+    .govuk-details__summary {
+      margin-top: govuk-spacing(3);
+    }
+
+    .govuk-details__summary-text {
+      @include govuk-typography-weight-bold;
+      @include govuk-responsive-margin(4, "bottom");
+      padding-left: govuk-spacing(4);
+    }
+  }
+
+  // We wrap styles for newer browsers in a feature query, which is ignored by
+  // older browsers, which always expand the details element.
+  //
+  // Additionally, -ms-ime-align is only supported by Edge 12 - 18
+  //
+  // This ensures we don't use these styles in browsers which:
+  //   - support ES6 modules but not the <details> element (Edge 16 - 18)
+  //   - do not support ES6 modules or the <details> element (eg, IE8+)
+  @supports not (-ms-ime-align: auto) {
+    .govuk-details__summary {
+      // Absolutely position the marker against this element
+      position: relative;
+
+      // Make the focus outline shrink-wrap the text content of the summary
+      width: -webkit-fit-content;
+      width: fit-content;
+
+      // Allow for absolutely positioned marker and align with disclosed text
+      padding-left: govuk-spacing(4) + $govuk-border-width;
+
+      // Style the summary to look like a link...
+      color: $govuk-link-colour;
+      cursor: pointer;
+
+      &:hover {
+        color: $govuk-link-hover-colour;
+      }
+
+      &:focus {
+        @include govuk-focused-text;
+      }
+    }
+    // ...but only underline the text, not the arrow
+    .govuk-details__summary-text {
+      @include govuk-link-decoration;
+    }
+
+    .govuk-details__summary:hover .govuk-details__summary-text {
+      @include govuk-link-hover-decoration;
+    }
+
+    // Remove the underline when focussed to avoid duplicate borders
+    .govuk-details__summary:focus .govuk-details__summary-text {
+      text-decoration: none;
+    }
+
+    // Remove the default details marker so we can style our own consistently and
+    // ensure it displays in Firefox (see implementation.md for details)
+    .govuk-details__summary::-webkit-details-marker {
+      display: none;
+    }
+
+    // Append our own open / closed marker using a pseudo-element
+    .govuk-details__summary::before {
+      content: "";
+      position: absolute;
+
+      top: -1px;
+      bottom: 0;
+      left: 0;
+
+      margin: auto;
+
+      @include govuk-shape-arrow($direction: right, $base: 14px);
+
+      .govuk-details[open] > & {
+        @include govuk-shape-arrow($direction: down, $base: 14px);
+      }
+    }
+
+    .govuk-details__text {
+      border-left: $govuk-border-width solid $govuk-border-colour;
+    }
+  }
+}
+
+/*# sourceMappingURL=_index.scss.map */
diff --git a/app/templates/govuk/components/components/details/_index.scss.map b/app/templates/govuk/components/components/details/_index.scss.map
new file mode 100644
index 0000000..a887b12
--- /dev/null
+++ b/app/templates/govuk/components/components/details/_index.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/details/_index.scss"],"names":[],"mappings":"AAAA;EACE;IACE,8BAA8B;IAC9B,0BAA0B;IAC1B,6CAA6C;;IAE7C,cAAc;EAChB;;EAEA;IACE,cAAc;EAChB;;EAEA;IACE,+BAA+B;EACjC;;EAEA;IACE;MACE,aAAa;IACf;;IAEA;;MAEE,gBAAgB;IAClB;EACF;;EAEA;IACE,6BAA6B;IAC7B,gCAAgC;IAChC,8BAA8B;EAChC;;EAEA;IACE,aAAa;IACb,+BAA+B;EACjC;;EAEA;IACE,gBAAgB;EAClB;;EAEA,oDAAoD;EACpD,2EAA2E;EAC3E,iBAAiB;EACjB;IACE;MACE,gEAAgE;IAClE;;IAEA;MACE,4BAA4B;IAC9B;;IAEA;MACE,qCAAqC;MACrC,6CAA6C;MAC7C,8BAA8B;IAChC;EACF;;EAEA,2EAA2E;EAC3E,0DAA0D;EAC1D,CAAC;EACD,+DAA+D;EAC/D,CAAC;EACD,2DAA2D;EAC3D,sEAAsE;EACtE,oEAAoE;EACpE;IACE;MACE,qDAAqD;MACrD,kBAAkB;;MAElB,oEAAoE;MACpE,0BAAkB;MAAlB,kBAAkB;;MAElB,sEAAsE;MACtE,oDAAoD;;MAEpD,0CAA0C;MAC1C,yBAAyB;MACzB,eAAe;;MAEf;QACE,+BAA+B;MACjC;;MAEA;QACE,2BAA2B;MAC7B;IACF;IACA,+CAA+C;IAC/C;MACE,8BAA8B;IAChC;;IAEA;MACE,oCAAoC;IACtC;;IAEA,+DAA+D;IAC/D;MACE,qBAAqB;IACvB;;IAEA,4EAA4E;IAC5E,mEAAmE;IACnE;MACE,aAAa;IACf;;IAEA,4DAA4D;IAC5D;MACE,WAAW;MACX,kBAAkB;;MAElB,SAAS;MACT,SAAS;MACT,OAAO;;MAEP,YAAY;;MAEZ,0DAA0D;;MAE1D;QACE,yDAAyD;MAC3D;IACF;;IAEA;MACE,2DAA2D;IAC7D;EACF;AACF","file":"_index.scss","sourcesContent":["@include govuk-exports(\"govuk/component/details\") {\n  .govuk-details {\n    @include govuk-font($size: 19);\n    @include govuk-text-colour;\n    @include govuk-responsive-margin(6, \"bottom\");\n\n    display: block;\n  }\n\n  .govuk-details__summary {\n    display: block;\n  }\n\n  .govuk-details[open] .govuk-details__summary {\n    margin-bottom: govuk-spacing(1);\n  }\n\n  .govuk-details__summary-text {\n    > :first-child {\n      margin-top: 0;\n    }\n\n    > :only-child,\n    > :last-child {\n      margin-bottom: 0;\n    }\n  }\n\n  .govuk-details__text {\n    padding-top: govuk-spacing(3);\n    padding-bottom: govuk-spacing(3);\n    padding-left: govuk-spacing(4);\n  }\n\n  .govuk-details__text p {\n    margin-top: 0;\n    margin-bottom: govuk-spacing(4);\n  }\n\n  .govuk-details__text > :last-child {\n    margin-bottom: 0;\n  }\n\n  // Hack to target IE8 - IE11 (and REALLY old Firefox)\n  // These browsers don't support the details element, so fall back to looking\n  // like inset text\n  @media screen\\0 {\n    .govuk-details {\n      border-left: $govuk-border-width-wide solid $govuk-border-colour;\n    }\n\n    .govuk-details__summary {\n      margin-top: govuk-spacing(3);\n    }\n\n    .govuk-details__summary-text {\n      @include govuk-typography-weight-bold;\n      @include govuk-responsive-margin(4, \"bottom\");\n      padding-left: govuk-spacing(4);\n    }\n  }\n\n  // We wrap styles for newer browsers in a feature query, which is ignored by\n  // older browsers, which always expand the details element.\n  //\n  // Additionally, -ms-ime-align is only supported by Edge 12 - 18\n  //\n  // This ensures we don't use these styles in browsers which:\n  //   - support ES6 modules but not the <details> element (Edge 16 - 18)\n  //   - do not support ES6 modules or the <details> element (eg, IE8+)\n  @supports not (-ms-ime-align: auto) {\n    .govuk-details__summary {\n      // Absolutely position the marker against this element\n      position: relative;\n\n      // Make the focus outline shrink-wrap the text content of the summary\n      width: fit-content;\n\n      // Allow for absolutely positioned marker and align with disclosed text\n      padding-left: govuk-spacing(4) + $govuk-border-width;\n\n      // Style the summary to look like a link...\n      color: $govuk-link-colour;\n      cursor: pointer;\n\n      &:hover {\n        color: $govuk-link-hover-colour;\n      }\n\n      &:focus {\n        @include govuk-focused-text;\n      }\n    }\n    // ...but only underline the text, not the arrow\n    .govuk-details__summary-text {\n      @include govuk-link-decoration;\n    }\n\n    .govuk-details__summary:hover .govuk-details__summary-text {\n      @include govuk-link-hover-decoration;\n    }\n\n    // Remove the underline when focussed to avoid duplicate borders\n    .govuk-details__summary:focus .govuk-details__summary-text {\n      text-decoration: none;\n    }\n\n    // Remove the default details marker so we can style our own consistently and\n    // ensure it displays in Firefox (see implementation.md for details)\n    .govuk-details__summary::-webkit-details-marker {\n      display: none;\n    }\n\n    // Append our own open / closed marker using a pseudo-element\n    .govuk-details__summary::before {\n      content: \"\";\n      position: absolute;\n\n      top: -1px;\n      bottom: 0;\n      left: 0;\n\n      margin: auto;\n\n      @include govuk-shape-arrow($direction: right, $base: 14px);\n\n      .govuk-details[open] > & {\n        @include govuk-shape-arrow($direction: down, $base: 14px);\n      }\n    }\n\n    .govuk-details__text {\n      border-left: $govuk-border-width solid $govuk-border-colour;\n    }\n  }\n}\n"]}
diff --git a/app/templates/govuk/components/components/details/fixtures.json b/app/templates/govuk/components/components/details/fixtures.json
new file mode 100644
index 0000000..cdc8012
--- /dev/null
+++ b/app/templates/govuk/components/components/details/fixtures.json
@@ -0,0 +1,133 @@
+{
+    "component": "details",
+    "fixtures": [
+        {
+            "name": "default",
+            "options": {
+                "summaryText": "Help with nationality",
+                "text": "We need to know your nationality so we can work out which elections you’re entitled to vote in. If you can’t provide your nationality, you’ll have to send copies of identity documents through the post."
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": true,
+            "html": "<details class=\"govuk-details\">\n  <summary class=\"govuk-details__summary\">\n    <span class=\"govuk-details__summary-text\">\n      Help with nationality\n    </span>\n  </summary>\n  <div class=\"govuk-details__text\">\n    We need to know your nationality so we can work out which elections you’re entitled to vote in. If you can’t provide your nationality, you’ll have to send copies of identity documents through the post.\n  </div>\n</details>"
+        },
+        {
+            "name": "expanded",
+            "options": {
+                "id": "help-with-nationality",
+                "summaryText": "Help with nationality",
+                "text": "We need to know your nationality so we can work out which elections you’re entitled to vote in. If you can’t provide your nationality, you’ll have to send copies of identity documents through the post.",
+                "open": true
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": true,
+            "html": "<details id=\"help-with-nationality\" class=\"govuk-details\" open>\n  <summary class=\"govuk-details__summary\">\n    <span class=\"govuk-details__summary-text\">\n      Help with nationality\n    </span>\n  </summary>\n  <div class=\"govuk-details__text\">\n    We need to know your nationality so we can work out which elections you’re entitled to vote in. If you can’t provide your nationality, you’ll have to send copies of identity documents through the post.\n  </div>\n</details>"
+        },
+        {
+            "name": "id",
+            "options": {
+                "id": "my-details-element",
+                "summaryText": "Expand this section",
+                "text": "Here are some more details"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<details id=\"my-details-element\" class=\"govuk-details\">\n  <summary class=\"govuk-details__summary\">\n    <span class=\"govuk-details__summary-text\">\n      Expand this section\n    </span>\n  </summary>\n  <div class=\"govuk-details__text\">\n    Here are some more details\n  </div>\n</details>"
+        },
+        {
+            "name": "html as text",
+            "options": {
+                "summaryText": "Expand this section",
+                "text": "More about the greater than symbol (>)"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<details class=\"govuk-details\">\n  <summary class=\"govuk-details__summary\">\n    <span class=\"govuk-details__summary-text\">\n      Expand this section\n    </span>\n  </summary>\n  <div class=\"govuk-details__text\">\n    More about the greater than symbol (&gt;)\n  </div>\n</details>"
+        },
+        {
+            "name": "html",
+            "options": {
+                "summaryText": "Expand this section",
+                "html": "More about <b>bold text</b>"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<details class=\"govuk-details\">\n  <summary class=\"govuk-details__summary\">\n    <span class=\"govuk-details__summary-text\">\n      Expand this section\n    </span>\n  </summary>\n  <div class=\"govuk-details__text\">\n    More about <b>bold text</b>\n  </div>\n</details>"
+        },
+        {
+            "name": "summary html as text",
+            "options": {
+                "summaryText": "The greater than symbol (>) is the best",
+                "text": "Here are some more details"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<details class=\"govuk-details\">\n  <summary class=\"govuk-details__summary\">\n    <span class=\"govuk-details__summary-text\">\n      The greater than symbol (&gt;) is the best\n    </span>\n  </summary>\n  <div class=\"govuk-details__text\">\n    Here are some more details\n  </div>\n</details>"
+        },
+        {
+            "name": "summary html",
+            "options": {
+                "summaryHtml": "Use <b>bold text</b> sparingly",
+                "text": "Here are some more details"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<details class=\"govuk-details\">\n  <summary class=\"govuk-details__summary\">\n    <span class=\"govuk-details__summary-text\">\n      Use <b>bold text</b> sparingly\n    </span>\n  </summary>\n  <div class=\"govuk-details__text\">\n    Here are some more details\n  </div>\n</details>"
+        },
+        {
+            "name": "classes",
+            "options": {
+                "classes": "some-additional-class",
+                "text": "Here are some more details",
+                "summaryText": "Expand me"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<details class=\"govuk-details some-additional-class\">\n  <summary class=\"govuk-details__summary\">\n    <span class=\"govuk-details__summary-text\">\n      Expand me\n    </span>\n  </summary>\n  <div class=\"govuk-details__text\">\n    Here are some more details\n  </div>\n</details>"
+        },
+        {
+            "name": "attributes",
+            "options": {
+                "text": "Here are some more details",
+                "summaryText": "Expand me",
+                "attributes": {
+                    "data-some-data-attribute": "i-love-data",
+                    "another-attribute": "foo"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<details class=\"govuk-details\" data-some-data-attribute=\"i-love-data\" another-attribute=\"foo\">\n  <summary class=\"govuk-details__summary\">\n    <span class=\"govuk-details__summary-text\">\n      Expand me\n    </span>\n  </summary>\n  <div class=\"govuk-details__text\">\n    Here are some more details\n  </div>\n</details>"
+        },
+        {
+            "name": "with html",
+            "options": {
+                "summaryText": "Where to find your National Insurance Number",
+                "html": "Your National Insurance number can be found on\n<ul>\n  <li>your National Insurance card</li>\n  <li>your payslip</li>\n  <li>P60</li>\n  <li>benefits information</li>\n  <li>tax return</li>\n</ul>\n"
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<details class=\"govuk-details\">\n  <summary class=\"govuk-details__summary\">\n    <span class=\"govuk-details__summary-text\">\n      Where to find your National Insurance Number\n    </span>\n  </summary>\n  <div class=\"govuk-details__text\">\n    Your National Insurance number can be found on\n<ul>\n  <li>your National Insurance card</li>\n  <li>your payslip</li>\n  <li>P60</li>\n  <li>benefits information</li>\n  <li>tax return</li>\n</ul>\n\n  </div>\n</details>"
+        }
+    ]
+}
diff --git a/app/templates/govuk/components/components/details/implementation.md b/app/templates/govuk/components/components/details/implementation.md
new file mode 100644
index 0000000..0d3f646
--- /dev/null
+++ b/app/templates/govuk/components/components/details/implementation.md
@@ -0,0 +1,87 @@
+## Implementation notes
+
+### Styling in older browsers
+
+#### Browsers with support for `type=module`, `<details>` and feature queries
+
+https://browsersl.ist/#q=supports+details+and+supports+css-featurequeries+and+supports+es6-module&region=GB
+
+Previously, we provided a polyfill for older browsers which do not support the
+`<details>` component. Since most browsers now DO support `<details>`, we've
+removed that polyfill, and we need to make sure browsers which don't support
+`<details>` don't use any styles that make them look interactable.
+
+By wrapping these styles in a feature query, we can capture the vast majority of
+browsers which have full support.
+
+#### Browsers that support `type=module` and feature queries but not `<details>`
+
+https://browsersl.ist/#q=supports+es6-module+and+not+supports+details+and+supports+css-featurequeries&region=GB
+
+This only affects Edge 16 - 18. We filter these out of the support query by
+checking for `-ms-ime-align: auto`, which isn't supported by any other browsers.
+
+#### Browsers that support `<details>` but not `type=module` or feature queries
+
+https://browsersl.ist/#q=supports+details+and+not+supports+css-featurequeries+and+not+supports+es6-module&region=GB
+
+These will default to their native styling of the `<details>` element, with a
+few of our spacing and font styles.
+
+#### Browsers which don't support `<details>`, `type=module` or feature queries
+
+https://browsersl.ist/#q=%3E0.0000001%25+and+not+supports+details+and+not+supports+es6-module+and+not+supports+css-featurequeries&region=GB
+
+This is largely IE 8 - 11.
+
+We can account for IE by styling them like inset text, via a `@media screen\0`
+hack that no other browser supports.
+
+#### Browsers that support feature queries, but not `<details>` or `type=module`
+
+https://browsersl.ist/#q=supports+css-featurequeries+and+not+supports+details+and+not+supports+es6-module&region=GB
+
+This is the only gap, as these browsers will get styled to look interactable,
+even though they aren't. This is largely Opera Mini.
+
+### Marker styling
+
+Firefox uses display: list-item to show the arrow marker for the summary
+element.
+
+Unfortunately we want to use `display: inline-block` to 'shrink-wrap' the focus
+outline around the summary text, which means that the arrow no longer shows up.
+
+Previously in GOV.UK Elements we resolved this by targeting Firefox specifically
+and reverting to `display: list-item`:
+
+```scss
+@-moz-document regexp(".*") {
+  details summary:not([tabindex]) {
+    // Allow duplicate properties, override the summary display property
+    // scss-lint:disable DuplicateProperty
+    display: list-item;
+    display: revert;
+  }
+}
+```
+
+However, `@-moz-document` has been removed in Firefox nightly as of 29th Nov
+2017 so with this in mind we have taken a different approach, hiding the
+browser's marker and injecting and styling our own one across all browsers
+instead.
+
+This also gives us more control over the styling of the marker, allowing us for
+example to align the summary and disclosed text correctly across all browsers.
+
+The downside of this approach is that older browsers that require a polyfill for
+the details element will display the marker even when Javascript is disabled.
+Whilst this is not perfect, it is a cosmetic issue and the user will still be
+able to access the disclosed content.
+
+For the arrows themselves, we originally tried using unicode glyphs –
+specifically \25B6 (Black right-pointing triangle) and 25BC (Black down-pointing
+triangle) but Android insists on substituting the the former for an emoji even
+when the \00FE0E modifier is applied. Sad face.
+
+Hence the border-based triangles we are using today.
diff --git a/app/templates/govuk/components/components/details/macro-options.json b/app/templates/govuk/components/components/details/macro-options.json
new file mode 100644
index 0000000..a103784
--- /dev/null
+++ b/app/templates/govuk/components/components/details/macro-options.json
@@ -0,0 +1,56 @@
+[
+    {
+        "name": "summaryText",
+        "type": "string",
+        "required": true,
+        "description": "If `summmaryHtml` is set, this is not required. Text to use within the summary element (the visible part of the details element). If `summaryHtml` is provided, the `summaryText` option will be ignored."
+    },
+    {
+        "name": "summaryHtml",
+        "type": "string",
+        "required": true,
+        "description": "If `summmaryText` is set, this is not required. HTML to use within the summary element (the visible part of the details element). If `summaryHtml` is provided, the `summaryText` option will be ignored."
+    },
+    {
+        "name": "text",
+        "type": "string",
+        "required": true,
+        "description": "If `html` is set, this is not required. Text to use within the disclosed part of the details element. If `html` is provided, the `text` option will be ignored."
+    },
+    {
+        "name": "html",
+        "type": "string",
+        "required": true,
+        "description": "If `text` is set, this is not required. HTML to use within the disclosed part of the details element. If `html` is provided, the `text` option will be ignored."
+    },
+    {
+        "name": "caller",
+        "type": "nunjucks-block",
+        "required": false,
+        "description": "Not strictly a parameter but [Nunjucks code convention](https://mozilla.github.io/nunjucks/templating.html#call). Using a `call` block enables you to call a macro with all the text inside the tag. This is helpful if you want to pass a lot of content into a macro. To use it, you will need to wrap the entire details component in a `call` block."
+    },
+    {
+        "name": "id",
+        "type": "string",
+        "required": false,
+        "description": "ID to add to the details element."
+    },
+    {
+        "name": "open",
+        "type": "boolean",
+        "required": false,
+        "description": "If `true`, details element will be expanded."
+    },
+    {
+        "name": "classes",
+        "type": "string",
+        "required": false,
+        "description": "Classes to add to the `<details>` element."
+    },
+    {
+        "name": "attributes",
+        "type": "object",
+        "required": false,
+        "description": "HTML attributes (for example data attributes) to add to the `<details>` element."
+    }
+]
diff --git a/app/templates/govuk/components/components/details/macro.njk b/app/templates/govuk/components/components/details/macro.njk
new file mode 100644
index 0000000..e539699
--- /dev/null
+++ b/app/templates/govuk/components/components/details/macro.njk
@@ -0,0 +1,3 @@
+{% macro govukDetails(params) %}
+  {%- include "./template.njk" -%}
+{% endmacro %}
diff --git a/app/templates/govuk/components/components/details/template-default.html b/app/templates/govuk/components/components/details/template-default.html
new file mode 100644
index 0000000..c267b0b
--- /dev/null
+++ b/app/templates/govuk/components/components/details/template-default.html
@@ -0,0 +1,10 @@
+<details class="govuk-details">
+  <summary class="govuk-details__summary">
+    <span class="govuk-details__summary-text">
+      Help with nationality
+    </span>
+  </summary>
+  <div class="govuk-details__text">
+    We need to know your nationality so we can work out which elections you’re entitled to vote in. If you can’t provide your nationality, you’ll have to send copies of identity documents through the post.
+  </div>
+</details>
diff --git a/app/templates/govuk/components/components/details/template-expanded.html b/app/templates/govuk/components/components/details/template-expanded.html
new file mode 100644
index 0000000..fbd18a7
--- /dev/null
+++ b/app/templates/govuk/components/components/details/template-expanded.html
@@ -0,0 +1,10 @@
+<details id="help-with-nationality" class="govuk-details" open>
+  <summary class="govuk-details__summary">
+    <span class="govuk-details__summary-text">
+      Help with nationality
+    </span>
+  </summary>
+  <div class="govuk-details__text">
+    We need to know your nationality so we can work out which elections you’re entitled to vote in. If you can’t provide your nationality, you’ll have to send copies of identity documents through the post.
+  </div>
+</details>
diff --git a/app/templates/govuk/components/components/details/template-with-html.html b/app/templates/govuk/components/components/details/template-with-html.html
new file mode 100644
index 0000000..bd5dd1f
--- /dev/null
+++ b/app/templates/govuk/components/components/details/template-with-html.html
@@ -0,0 +1,18 @@
+<details class="govuk-details">
+  <summary class="govuk-details__summary">
+    <span class="govuk-details__summary-text">
+      Where to find your National Insurance Number
+    </span>
+  </summary>
+  <div class="govuk-details__text">
+    Your National Insurance number can be found on
+<ul>
+  <li>your National Insurance card</li>
+  <li>your payslip</li>
+  <li>P60</li>
+  <li>benefits information</li>
+  <li>tax return</li>
+</ul>
+
+  </div>
+</details>
diff --git a/app/templates/govuk/components/components/details/template.njk b/app/templates/govuk/components/components/details/template.njk
new file mode 100644
index 0000000..6f80541
--- /dev/null
+++ b/app/templates/govuk/components/components/details/template.njk
@@ -0,0 +1,14 @@
+{% from "../../macros/attributes.njk" import govukAttributes -%}
+
+<details {%- if params.id %} id="{{ params.id }}"{% endif %} class="govuk-details {%- if params.classes %} {{ params.classes }}{% endif %}"
+  {{- govukAttributes(params.attributes) -}}
+  {{- " open" if params.open }}>
+  <summary class="govuk-details__summary">
+    <span class="govuk-details__summary-text">
+      {{ params.summaryHtml | safe | trim | indent(6) if params.summaryHtml else params.summaryText }}
+    </span>
+  </summary>
+  <div class="govuk-details__text">
+    {{ caller() if caller else (params.html | safe if params.html else params.text) }}
+  </div>
+</details>
diff --git a/app/templates/govuk/components/components/error-message/README.md b/app/templates/govuk/components/components/error-message/README.md
new file mode 100644
index 0000000..01f5aff
--- /dev/null
+++ b/app/templates/govuk/components/components/error-message/README.md
@@ -0,0 +1,15 @@
+# Error message
+
+## Installation
+
+See the [main README quick start guide](https://github.com/alphagov/govuk-frontend#quick-start) for how to install this component.
+
+## Guidance and Examples
+
+Find out when to use the error message component in your service in the [GOV.UK Design System](https://design-system.service.gov.uk/components/error-message).
+
+## Component options
+
+Use options to customise the appearance, content and behaviour of a component when using a macro, for example, changing the text.
+
+See [options table](https://design-system.service.gov.uk/components/error-message/#options-error-message-example) for details.
diff --git a/app/templates/govuk/components/components/error-message/_error-message.scss b/app/templates/govuk/components/components/error-message/_error-message.scss
new file mode 100644
index 0000000..76d89f0
--- /dev/null
+++ b/app/templates/govuk/components/components/error-message/_error-message.scss
@@ -0,0 +1,4 @@
+@import "../../base";
+@import "./index";
+
+/*# sourceMappingURL=_error-message.scss.map */
diff --git a/app/templates/govuk/components/components/error-message/_error-message.scss.map b/app/templates/govuk/components/components/error-message/_error-message.scss.map
new file mode 100644
index 0000000..bf41e8a
--- /dev/null
+++ b/app/templates/govuk/components/components/error-message/_error-message.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/error-message/_error-message.scss"],"names":[],"mappings":"AAAA,oBAAoB;AACpB,iBAAiB","file":"_error-message.scss","sourcesContent":["@import \"../../base\";\n@import \"./index\";\n"]}
diff --git a/app/templates/govuk/components/components/error-message/_index.scss b/app/templates/govuk/components/components/error-message/_index.scss
new file mode 100644
index 0000000..81c7737
--- /dev/null
+++ b/app/templates/govuk/components/components/error-message/_index.scss
@@ -0,0 +1,14 @@
+@include govuk-exports("govuk/component/error-message") {
+  .govuk-error-message {
+    @include govuk-font($size: 19, $weight: bold);
+
+    display: block;
+    margin-top: 0; // Reset any default browser margins for paragraphs
+    margin-bottom: govuk-spacing(3);
+    clear: both;
+
+    color: $govuk-error-colour;
+  }
+}
+
+/*# sourceMappingURL=_index.scss.map */
diff --git a/app/templates/govuk/components/components/error-message/_index.scss.map b/app/templates/govuk/components/components/error-message/_index.scss.map
new file mode 100644
index 0000000..4745be8
--- /dev/null
+++ b/app/templates/govuk/components/components/error-message/_index.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/error-message/_index.scss"],"names":[],"mappings":"AAAA;EACE;IACE,6CAA6C;;IAE7C,cAAc;IACd,aAAa,EAAE,kDAAkD;IACjE,+BAA+B;IAC/B,WAAW;;IAEX,0BAA0B;EAC5B;AACF","file":"_index.scss","sourcesContent":["@include govuk-exports(\"govuk/component/error-message\") {\n  .govuk-error-message {\n    @include govuk-font($size: 19, $weight: bold);\n\n    display: block;\n    margin-top: 0; // Reset any default browser margins for paragraphs\n    margin-bottom: govuk-spacing(3);\n    clear: both;\n\n    color: $govuk-error-colour;\n  }\n}\n"]}
diff --git a/app/templates/govuk/components/components/error-message/fixtures.json b/app/templates/govuk/components/components/error-message/fixtures.json
new file mode 100644
index 0000000..a38056c
--- /dev/null
+++ b/app/templates/govuk/components/components/error-message/fixtures.json
@@ -0,0 +1,113 @@
+{
+    "component": "error-message",
+    "fixtures": [
+        {
+            "name": "default",
+            "options": {
+                "text": "Error message about full name goes here"
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": true,
+            "html": "<p class=\"govuk-error-message\">\n  <span class=\"govuk-visually-hidden\">Error:</span> Error message about full name goes here\n</p>"
+        },
+        {
+            "name": "translated",
+            "options": {
+                "visuallyHiddenText": "",
+                "html": "<span class=\"govuk-visually-hidden\">Gwall:</span> Neges gwall am yr enw llawn yn mynd yma"
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<p class=\"govuk-error-message\">\n  <span class=\"govuk-visually-hidden\">Gwall:</span> Neges gwall am yr enw llawn yn mynd yma\n</p>"
+        },
+        {
+            "name": "id",
+            "options": {
+                "id": "my-error-message-id",
+                "text": "This is an error message"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<p id=\"my-error-message-id\" class=\"govuk-error-message\">\n  <span class=\"govuk-visually-hidden\">Error:</span> This is an error message\n</p>"
+        },
+        {
+            "name": "classes",
+            "options": {
+                "classes": "custom-class",
+                "text": "This is an error message"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<p class=\"govuk-error-message custom-class\">\n  <span class=\"govuk-visually-hidden\">Error:</span> This is an error message\n</p>"
+        },
+        {
+            "name": "html as text",
+            "options": {
+                "text": "Unexpected > in body"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<p class=\"govuk-error-message\">\n  <span class=\"govuk-visually-hidden\">Error:</span> Unexpected &gt; in body\n</p>"
+        },
+        {
+            "name": "html",
+            "options": {
+                "html": "Unexpected <b>bold text</b> in body copy"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<p class=\"govuk-error-message\">\n  <span class=\"govuk-visually-hidden\">Error:</span> Unexpected <b>bold text</b> in body copy\n</p>"
+        },
+        {
+            "name": "attributes",
+            "options": {
+                "text": "This is an error message",
+                "attributes": {
+                    "data-test": "attribute",
+                    "id": "my-error-message"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<p class=\"govuk-error-message\" data-test=\"attribute\" id=\"my-error-message\">\n  <span class=\"govuk-visually-hidden\">Error:</span> This is an error message\n</p>"
+        },
+        {
+            "name": "with visually hidden text",
+            "options": {
+                "text": "Rhowch eich enw llawn",
+                "visuallyHiddenText": "Gwall"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<p class=\"govuk-error-message\">\n  <span class=\"govuk-visually-hidden\">Gwall:</span> Rhowch eich enw llawn\n</p>"
+        },
+        {
+            "name": "visually hidden text removed",
+            "options": {
+                "text": "There is an error on line 42",
+                "visuallyHiddenText": ""
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<p class=\"govuk-error-message\">\n  There is an error on line 42\n</p>"
+        }
+    ]
+}
diff --git a/app/templates/govuk/components/components/error-message/macro-options.json b/app/templates/govuk/components/components/error-message/macro-options.json
new file mode 100644
index 0000000..6bf936e
--- /dev/null
+++ b/app/templates/govuk/components/components/error-message/macro-options.json
@@ -0,0 +1,38 @@
+[
+    {
+        "name": "text",
+        "type": "string",
+        "required": true,
+        "description": "If `html` is set, this is not required. Text to use within the error message. If `html` is provided, the `text` option will be ignored."
+    },
+    {
+        "name": "html",
+        "type": "string",
+        "required": true,
+        "description": "If `text` is set, this is not required. HTML to use within the error message. If `html` is provided, the `text` option will be ignored."
+    },
+    {
+        "name": "id",
+        "type": "string",
+        "required": false,
+        "description": "ID attribute to add to the error message `<p>` tag."
+    },
+    {
+        "name": "classes",
+        "type": "string",
+        "required": false,
+        "description": "Classes to add to the error message `<p>` tag."
+    },
+    {
+        "name": "attributes",
+        "type": "object",
+        "required": false,
+        "description": "HTML attributes (for example data attributes) to add to the error message `<p>` tag."
+    },
+    {
+        "name": "visuallyHiddenText",
+        "type": "string",
+        "required": false,
+        "description": "A visually hidden prefix used before the error message. Defaults to `\"Error\"`."
+    }
+]
diff --git a/app/templates/govuk/components/components/error-message/macro.njk b/app/templates/govuk/components/components/error-message/macro.njk
new file mode 100644
index 0000000..053b23b
--- /dev/null
+++ b/app/templates/govuk/components/components/error-message/macro.njk
@@ -0,0 +1,3 @@
+{% macro govukErrorMessage(params) %}
+  {%- include "./template.njk" -%}
+{% endmacro %}
diff --git a/app/templates/govuk/components/components/error-message/template-default.html b/app/templates/govuk/components/components/error-message/template-default.html
new file mode 100644
index 0000000..d2c6ace
--- /dev/null
+++ b/app/templates/govuk/components/components/error-message/template-default.html
@@ -0,0 +1,3 @@
+<p class="govuk-error-message">
+  <span class="govuk-visually-hidden">Error:</span> Error message about full name goes here
+</p>
diff --git a/app/templates/govuk/components/components/error-message/template-translated.html b/app/templates/govuk/components/components/error-message/template-translated.html
new file mode 100644
index 0000000..2388ed7
--- /dev/null
+++ b/app/templates/govuk/components/components/error-message/template-translated.html
@@ -0,0 +1,3 @@
+<p class="govuk-error-message">
+  <span class="govuk-visually-hidden">Gwall:</span> Neges gwall am yr enw llawn yn mynd yma
+</p>
diff --git a/app/templates/govuk/components/components/error-message/template.njk b/app/templates/govuk/components/components/error-message/template.njk
new file mode 100644
index 0000000..9503dfd
--- /dev/null
+++ b/app/templates/govuk/components/components/error-message/template.njk
@@ -0,0 +1,13 @@
+{% from "../../macros/attributes.njk" import govukAttributes -%}
+
+{% set visuallyHiddenText = params.visuallyHiddenText | default("Error") -%}
+{% set errorMessageText = params.html | safe | trim | indent(2) if params.html else params.text -%}
+
+<p {%- if params.id %} id="{{ params.id }}"{% endif %} class="govuk-error-message {%- if params.classes %} {{ params.classes }}{% endif %}"
+  {{- govukAttributes(params.attributes) }}>
+  {% if visuallyHiddenText %}
+  <span class="govuk-visually-hidden">{{ visuallyHiddenText }}:</span> {{ errorMessageText }}
+  {% else %}
+  {{ errorMessageText }}
+  {% endif %}
+</p>
diff --git a/app/templates/govuk/components/components/error-summary/README.md b/app/templates/govuk/components/components/error-summary/README.md
new file mode 100644
index 0000000..f164335
--- /dev/null
+++ b/app/templates/govuk/components/components/error-summary/README.md
@@ -0,0 +1,15 @@
+# Error summary
+
+## Installation
+
+See the [main README quick start guide](https://github.com/alphagov/govuk-frontend#quick-start) for how to install this component.
+
+## Guidance and Examples
+
+Find out when to use the error summary component in your service in the [GOV.UK Design System](https://design-system.service.gov.uk/components/error-summary).
+
+## Component options
+
+Use options to customise the appearance, content and behaviour of a component when using a macro, for example, changing the text.
+
+See [options table](https://design-system.service.gov.uk/components/error-summary/#options-error-summary-example) for details.
diff --git a/app/templates/govuk/components/components/error-summary/_error-summary.scss b/app/templates/govuk/components/components/error-summary/_error-summary.scss
new file mode 100644
index 0000000..128abc2
--- /dev/null
+++ b/app/templates/govuk/components/components/error-summary/_error-summary.scss
@@ -0,0 +1,4 @@
+@import "../../base";
+@import "./index";
+
+/*# sourceMappingURL=_error-summary.scss.map */
diff --git a/app/templates/govuk/components/components/error-summary/_error-summary.scss.map b/app/templates/govuk/components/components/error-summary/_error-summary.scss.map
new file mode 100644
index 0000000..b6fa9a3
--- /dev/null
+++ b/app/templates/govuk/components/components/error-summary/_error-summary.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/error-summary/_error-summary.scss"],"names":[],"mappings":"AAAA,oBAAoB;AACpB,iBAAiB","file":"_error-summary.scss","sourcesContent":["@import \"../../base\";\n@import \"./index\";\n"]}
diff --git a/app/templates/govuk/components/components/error-summary/_index.scss b/app/templates/govuk/components/components/error-summary/_index.scss
new file mode 100644
index 0000000..69bdbaf
--- /dev/null
+++ b/app/templates/govuk/components/components/error-summary/_index.scss
@@ -0,0 +1,56 @@
+@import "../../core/lists";
+
+@include govuk-exports("govuk/component/error-summary") {
+  .govuk-error-summary {
+    @include govuk-font($size: 19);
+    @include govuk-text-colour;
+    @include govuk-responsive-padding(4);
+    @include govuk-responsive-margin(8, "bottom");
+
+    border: $govuk-border-width solid $govuk-error-colour;
+
+    &:focus {
+      outline: $govuk-focus-width solid $govuk-focus-colour;
+    }
+  }
+
+  .govuk-error-summary__title {
+    @include govuk-font-size($size: 24);
+    @include govuk-typography-weight-bold;
+
+    margin-top: 0;
+    @include govuk-responsive-margin(4, "bottom");
+  }
+
+  .govuk-error-summary__body {
+    p {
+      margin-bottom: 0;
+    }
+
+    > * + * {
+      @include govuk-responsive-margin(4, "top");
+    }
+
+    > :last-child {
+      @include govuk-responsive-margin(1, "bottom");
+    }
+  }
+
+  // Cross-component class - adjusts styling of list component
+  .govuk-error-summary__list {
+    margin-bottom: 0;
+  }
+
+  // Remove the bottom margin from the last list item
+  .govuk-error-summary__list li:last-child {
+    margin-bottom: 0;
+  }
+
+  .govuk-error-summary__list a {
+    @include govuk-typography-weight-bold;
+    @include govuk-link-common;
+    @include govuk-link-style-error;
+  }
+}
+
+/*# sourceMappingURL=_index.scss.map */
diff --git a/app/templates/govuk/components/components/error-summary/_index.scss.map b/app/templates/govuk/components/components/error-summary/_index.scss.map
new file mode 100644
index 0000000..c86d1b1
--- /dev/null
+++ b/app/templates/govuk/components/components/error-summary/_index.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/error-summary/_index.scss"],"names":[],"mappings":"AAAA,0BAA0B;;AAE1B;EACE;IACE,8BAA8B;IAC9B,0BAA0B;IAC1B,oCAAoC;IACpC,6CAA6C;;IAE7C,qDAAqD;;IAErD;MACE,qDAAqD;IACvD;EACF;;EAEA;IACE,mCAAmC;IACnC,qCAAqC;;IAErC,aAAa;IACb,6CAA6C;EAC/C;;EAEA;IACE;MACE,gBAAgB;IAClB;;IAEA;MACE,0CAA0C;IAC5C;;IAEA;MACE,6CAA6C;IAC/C;EACF;;EAEA,2DAA2D;EAC3D;IACE,gBAAgB;EAClB;;EAEA,kDAAkD;EAClD;IACE,gBAAgB;EAClB;;EAEA;IACE,qCAAqC;IACrC,0BAA0B;IAC1B,+BAA+B;EACjC;AACF","file":"_index.scss","sourcesContent":["@import \"../../core/lists\";\n\n@include govuk-exports(\"govuk/component/error-summary\") {\n  .govuk-error-summary {\n    @include govuk-font($size: 19);\n    @include govuk-text-colour;\n    @include govuk-responsive-padding(4);\n    @include govuk-responsive-margin(8, \"bottom\");\n\n    border: $govuk-border-width solid $govuk-error-colour;\n\n    &:focus {\n      outline: $govuk-focus-width solid $govuk-focus-colour;\n    }\n  }\n\n  .govuk-error-summary__title {\n    @include govuk-font-size($size: 24);\n    @include govuk-typography-weight-bold;\n\n    margin-top: 0;\n    @include govuk-responsive-margin(4, \"bottom\");\n  }\n\n  .govuk-error-summary__body {\n    p {\n      margin-bottom: 0;\n    }\n\n    > * + * {\n      @include govuk-responsive-margin(4, \"top\");\n    }\n\n    > :last-child {\n      @include govuk-responsive-margin(1, \"bottom\");\n    }\n  }\n\n  // Cross-component class - adjusts styling of list component\n  .govuk-error-summary__list {\n    margin-bottom: 0;\n  }\n\n  // Remove the bottom margin from the last list item\n  .govuk-error-summary__list li:last-child {\n    margin-bottom: 0;\n  }\n\n  .govuk-error-summary__list a {\n    @include govuk-typography-weight-bold;\n    @include govuk-link-common;\n    @include govuk-link-style-error;\n  }\n}\n"]}
diff --git a/app/templates/govuk/components/components/error-summary/error-summary.bundle.js b/app/templates/govuk/components/components/error-summary/error-summary.bundle.js
new file mode 100644
index 0000000..f6992a3
--- /dev/null
+++ b/app/templates/govuk/components/components/error-summary/error-summary.bundle.js
@@ -0,0 +1,419 @@
+(function (global, factory) {
+  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports) :
+  typeof define === 'function' && define.amd ? define(['exports'], factory) :
+  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.GOVUKFrontend = global.GOVUKFrontend || {}));
+})(this, (function (exports) { 'use strict';
+
+  function setFocus($element, options = {}) {
+    var _options$onBeforeFocu;
+    const isFocusable = $element.getAttribute('tabindex');
+    if (!isFocusable) {
+      $element.setAttribute('tabindex', '-1');
+    }
+    function onFocus() {
+      $element.addEventListener('blur', onBlur, {
+        once: true
+      });
+    }
+    function onBlur() {
+      var _options$onBlur;
+      (_options$onBlur = options.onBlur) == null || _options$onBlur.call($element);
+      if (!isFocusable) {
+        $element.removeAttribute('tabindex');
+      }
+    }
+    $element.addEventListener('focus', onFocus, {
+      once: true
+    });
+    (_options$onBeforeFocu = options.onBeforeFocus) == null || _options$onBeforeFocu.call($element);
+    $element.focus();
+  }
+  function isInitialised($root, moduleName) {
+    return $root instanceof HTMLElement && $root.hasAttribute(`data-${moduleName}-init`);
+  }
+
+  /**
+   * Checks if GOV.UK Frontend is supported on this page
+   *
+   * Some browsers will load and run our JavaScript but GOV.UK Frontend
+   * won't be supported.
+   *
+   * @param {HTMLElement | null} [$scope] - (internal) `<body>` HTML element checked for browser support
+   * @returns {boolean} Whether GOV.UK Frontend is supported on this page
+   */
+  function isSupported($scope = document.body) {
+    if (!$scope) {
+      return false;
+    }
+    return $scope.classList.contains('govuk-frontend-supported');
+  }
+  function isArray(option) {
+    return Array.isArray(option);
+  }
+  function isObject(option) {
+    return !!option && typeof option === 'object' && !isArray(option);
+  }
+  function formatErrorMessage(Component, message) {
+    return `${Component.moduleName}: ${message}`;
+  }
+  /**
+   * @typedef ComponentWithModuleName
+   * @property {string} moduleName - Name of the component
+   */
+
+  class GOVUKFrontendError extends Error {
+    constructor(...args) {
+      super(...args);
+      this.name = 'GOVUKFrontendError';
+    }
+  }
+  class SupportError extends GOVUKFrontendError {
+    /**
+     * Checks if GOV.UK Frontend is supported on this page
+     *
+     * @param {HTMLElement | null} [$scope] - HTML element `<body>` checked for browser support
+     */
+    constructor($scope = document.body) {
+      const supportMessage = 'noModule' in HTMLScriptElement.prototype ? 'GOV.UK Frontend initialised without `<body class="govuk-frontend-supported">` from template `<script>` snippet' : 'GOV.UK Frontend is not supported in this browser';
+      super($scope ? supportMessage : 'GOV.UK Frontend initialised without `<script type="module">`');
+      this.name = 'SupportError';
+    }
+  }
+  class ConfigError extends GOVUKFrontendError {
+    constructor(...args) {
+      super(...args);
+      this.name = 'ConfigError';
+    }
+  }
+  class ElementError extends GOVUKFrontendError {
+    constructor(messageOrOptions) {
+      let message = typeof messageOrOptions === 'string' ? messageOrOptions : '';
+      if (isObject(messageOrOptions)) {
+        const {
+          component,
+          identifier,
+          element,
+          expectedType
+        } = messageOrOptions;
+        message = identifier;
+        message += element ? ` is not of type ${expectedType != null ? expectedType : 'HTMLElement'}` : ' not found';
+        if (component) {
+          message = formatErrorMessage(component, message);
+        }
+      }
+      super(message);
+      this.name = 'ElementError';
+    }
+  }
+  class InitError extends GOVUKFrontendError {
+    constructor(componentOrMessage) {
+      const message = typeof componentOrMessage === 'string' ? componentOrMessage : formatErrorMessage(componentOrMessage, `Root element (\`$root\`) already initialised`);
+      super(message);
+      this.name = 'InitError';
+    }
+  }
+  /**
+   * @import { ComponentWithModuleName } from '../common/index.mjs'
+   */
+
+  class Component {
+    /**
+     * Returns the root element of the component
+     *
+     * @protected
+     * @returns {RootElementType} - the root element of component
+     */
+    get $root() {
+      return this._$root;
+    }
+    constructor($root) {
+      this._$root = void 0;
+      const childConstructor = this.constructor;
+      if (typeof childConstructor.moduleName !== 'string') {
+        throw new InitError(`\`moduleName\` not defined in component`);
+      }
+      if (!($root instanceof childConstructor.elementType)) {
+        throw new ElementError({
+          element: $root,
+          component: childConstructor,
+          identifier: 'Root element (`$root`)',
+          expectedType: childConstructor.elementType.name
+        });
+      } else {
+        this._$root = $root;
+      }
+      childConstructor.checkSupport();
+      this.checkInitialised();
+      const moduleName = childConstructor.moduleName;
+      this.$root.setAttribute(`data-${moduleName}-init`, '');
+    }
+    checkInitialised() {
+      const constructor = this.constructor;
+      const moduleName = constructor.moduleName;
+      if (moduleName && isInitialised(this.$root, moduleName)) {
+        throw new InitError(constructor);
+      }
+    }
+    static checkSupport() {
+      if (!isSupported()) {
+        throw new SupportError();
+      }
+    }
+  }
+
+  /**
+   * @typedef ChildClass
+   * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component
+   */
+
+  /**
+   * @typedef {typeof Component & ChildClass} ChildClassConstructor
+   */
+  Component.elementType = HTMLElement;
+
+  const configOverride = Symbol.for('configOverride');
+  class ConfigurableComponent extends Component {
+    [configOverride](param) {
+      return {};
+    }
+
+    /**
+     * Returns the root element of the component
+     *
+     * @protected
+     * @returns {ConfigurationType} - the root element of component
+     */
+    get config() {
+      return this._config;
+    }
+    constructor($root, config) {
+      super($root);
+      this._config = void 0;
+      const childConstructor = this.constructor;
+      if (!isObject(childConstructor.defaults)) {
+        throw new ConfigError(formatErrorMessage(childConstructor, 'Config passed as parameter into constructor but no defaults defined'));
+      }
+      const datasetConfig = normaliseDataset(childConstructor, this._$root.dataset);
+      this._config = mergeConfigs(childConstructor.defaults, config != null ? config : {}, this[configOverride](datasetConfig), datasetConfig);
+    }
+  }
+  function normaliseString(value, property) {
+    const trimmedValue = value ? value.trim() : '';
+    let output;
+    let outputType = property == null ? void 0 : property.type;
+    if (!outputType) {
+      if (['true', 'false'].includes(trimmedValue)) {
+        outputType = 'boolean';
+      }
+      if (trimmedValue.length > 0 && isFinite(Number(trimmedValue))) {
+        outputType = 'number';
+      }
+    }
+    switch (outputType) {
+      case 'boolean':
+        output = trimmedValue === 'true';
+        break;
+      case 'number':
+        output = Number(trimmedValue);
+        break;
+      default:
+        output = value;
+    }
+    return output;
+  }
+  function normaliseDataset(Component, dataset) {
+    if (!isObject(Component.schema)) {
+      throw new ConfigError(formatErrorMessage(Component, 'Config passed as parameter into constructor but no schema defined'));
+    }
+    const out = {};
+    const entries = Object.entries(Component.schema.properties);
+    for (const entry of entries) {
+      const [namespace, property] = entry;
+      const field = namespace.toString();
+      if (field in dataset) {
+        out[field] = normaliseString(dataset[field], property);
+      }
+      if ((property == null ? void 0 : property.type) === 'object') {
+        out[field] = extractConfigByNamespace(Component.schema, dataset, namespace);
+      }
+    }
+    return out;
+  }
+  function mergeConfigs(...configObjects) {
+    const formattedConfigObject = {};
+    for (const configObject of configObjects) {
+      for (const key of Object.keys(configObject)) {
+        const option = formattedConfigObject[key];
+        const override = configObject[key];
+        if (isObject(option) && isObject(override)) {
+          formattedConfigObject[key] = mergeConfigs(option, override);
+        } else {
+          formattedConfigObject[key] = override;
+        }
+      }
+    }
+    return formattedConfigObject;
+  }
+  function extractConfigByNamespace(schema, dataset, namespace) {
+    const property = schema.properties[namespace];
+    if ((property == null ? void 0 : property.type) !== 'object') {
+      return;
+    }
+    const newObject = {
+      [namespace]: {}
+    };
+    for (const [key, value] of Object.entries(dataset)) {
+      let current = newObject;
+      const keyParts = key.split('.');
+      for (const [index, name] of keyParts.entries()) {
+        if (isObject(current)) {
+          if (index < keyParts.length - 1) {
+            if (!isObject(current[name])) {
+              current[name] = {};
+            }
+            current = current[name];
+          } else if (key !== namespace) {
+            current[name] = normaliseString(value);
+          }
+        }
+      }
+    }
+    return newObject[namespace];
+  }
+  /**
+   * Schema for component config
+   *
+   * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType
+   * @typedef {object} Schema
+   * @property {Record<keyof ConfigurationType, SchemaProperty | undefined>} properties - Schema properties
+   * @property {SchemaCondition<ConfigurationType>[]} [anyOf] - List of schema conditions
+   */
+  /**
+   * Schema property for component config
+   *
+   * @typedef {object} SchemaProperty
+   * @property {'string' | 'boolean' | 'number' | 'object'} type - Property type
+   */
+  /**
+   * Schema condition for component config
+   *
+   * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType
+   * @typedef {object} SchemaCondition
+   * @property {(keyof ConfigurationType)[]} required - List of required config fields
+   * @property {string} errorMessage - Error message when required config fields not provided
+   */
+  /**
+   * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]
+   * @typedef ChildClass
+   * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component
+   * @property {Schema<ConfigurationType>} [schema] - The schema of the component configuration
+   * @property {ConfigurationType} [defaults] - The default values of the configuration of the component
+   */
+  /**
+   * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]
+   * @typedef {typeof Component & ChildClass<ConfigurationType>} ChildClassConstructor<ConfigurationType>
+   */
+  /**
+   * @import { CompatibleClass, Config, CreateAllOptions, OnErrorCallback } from '../init.mjs'
+   */
+
+  /**
+   * Error summary component
+   *
+   * Takes focus on initialisation for accessible announcement, unless disabled in
+   * configuration.
+   *
+   * @preserve
+   * @augments ConfigurableComponent<ErrorSummaryConfig>
+   */
+  class ErrorSummary extends ConfigurableComponent {
+    /**
+     * @param {Element | null} $root - HTML element to use for error summary
+     * @param {ErrorSummaryConfig} [config] - Error summary config
+     */
+    constructor($root, config = {}) {
+      super($root, config);
+      if (!this.config.disableAutoFocus) {
+        setFocus(this.$root);
+      }
+      this.$root.addEventListener('click', event => this.handleClick(event));
+    }
+    handleClick(event) {
+      const $target = event.target;
+      if ($target && this.focusTarget($target)) {
+        event.preventDefault();
+      }
+    }
+    focusTarget($target) {
+      if (!($target instanceof HTMLAnchorElement)) {
+        return false;
+      }
+      const inputId = $target.hash.replace('#', '');
+      if (!inputId) {
+        return false;
+      }
+      const $input = document.getElementById(inputId);
+      if (!$input) {
+        return false;
+      }
+      const $legendOrLabel = this.getAssociatedLegendOrLabel($input);
+      if (!$legendOrLabel) {
+        return false;
+      }
+      $legendOrLabel.scrollIntoView();
+      $input.focus({
+        preventScroll: true
+      });
+      return true;
+    }
+    getAssociatedLegendOrLabel($input) {
+      var _document$querySelect;
+      const $fieldset = $input.closest('fieldset');
+      if ($fieldset) {
+        const $legends = $fieldset.getElementsByTagName('legend');
+        if ($legends.length) {
+          const $candidateLegend = $legends[0];
+          if ($input instanceof HTMLInputElement && ($input.type === 'checkbox' || $input.type === 'radio')) {
+            return $candidateLegend;
+          }
+          const legendTop = $candidateLegend.getBoundingClientRect().top;
+          const inputRect = $input.getBoundingClientRect();
+          if (inputRect.height && window.innerHeight) {
+            const inputBottom = inputRect.top + inputRect.height;
+            if (inputBottom - legendTop < window.innerHeight / 2) {
+              return $candidateLegend;
+            }
+          }
+        }
+      }
+      return (_document$querySelect = document.querySelector(`label[for='${$input.getAttribute('id')}']`)) != null ? _document$querySelect : $input.closest('label');
+    }
+  }
+
+  /**
+   * Error summary config
+   *
+   * @typedef {object} ErrorSummaryConfig
+   * @property {boolean} [disableAutoFocus=false] - If set to `true` the error
+   *   summary will not be focussed when the page loads.
+   */
+
+  /**
+   * @import { Schema } from '../../common/configuration.mjs'
+   */
+  ErrorSummary.moduleName = 'govuk-error-summary';
+  ErrorSummary.defaults = Object.freeze({
+    disableAutoFocus: false
+  });
+  ErrorSummary.schema = Object.freeze({
+    properties: {
+      disableAutoFocus: {
+        type: 'boolean'
+      }
+    }
+  });
+
+  exports.ErrorSummary = ErrorSummary;
+
+}));
+//# sourceMappingURL=error-summary.bundle.js.map
diff --git a/app/templates/govuk/components/components/error-summary/error-summary.bundle.js.map b/app/templates/govuk/components/components/error-summary/error-summary.bundle.js.map
new file mode 100644
index 0000000..a087224
--- /dev/null
+++ b/app/templates/govuk/components/components/error-summary/error-summary.bundle.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"error-summary.bundle.js","sources":["../../../../src/govuk/common/index.mjs","../../../../src/govuk/errors/index.mjs","../../../../src/govuk/component.mjs","../../../../src/govuk/common/configuration.mjs","../../../../src/govuk/components/error-summary/error-summary.mjs"],"sourcesContent":["/**\n * Common helpers which do not require polyfill.\n *\n * IMPORTANT: If a helper require a polyfill, please isolate it in its own module\n * so that the polyfill can be properly tree-shaken and does not burden\n * the components that do not need that helper\n */\n\n/**\n * Get GOV.UK Frontend breakpoint value from CSS custom property\n *\n * @private\n * @param {string} name - Breakpoint name\n * @returns {{ property: string, value?: string }} Breakpoint object\n */\nexport function getBreakpoint(name) {\n  const property = `--govuk-breakpoint-${name}`\n\n  // Get value from `<html>` with breakpoints on CSS :root\n  const value = window\n    .getComputedStyle(document.documentElement)\n    .getPropertyValue(property)\n\n  return {\n    property,\n    value: value || undefined\n  }\n}\n\n/**\n * Move focus to element\n *\n * Sets tabindex to -1 to make the element programmatically focusable,\n * but removes it on blur as the element doesn't need to be focused again.\n *\n * @private\n * @template {HTMLElement} FocusElement\n * @param {FocusElement} $element - HTML element\n * @param {object} [options] - Handler options\n * @param {function(this: FocusElement): void} [options.onBeforeFocus] - Callback before focus\n * @param {function(this: FocusElement): void} [options.onBlur] - Callback on blur\n */\nexport function setFocus($element, options = {}) {\n  const isFocusable = $element.getAttribute('tabindex')\n\n  if (!isFocusable) {\n    $element.setAttribute('tabindex', '-1')\n  }\n\n  /**\n   * Handle element focus\n   */\n  function onFocus() {\n    $element.addEventListener('blur', onBlur, { once: true })\n  }\n\n  /**\n   * Handle element blur\n   */\n  function onBlur() {\n    options.onBlur?.call($element)\n\n    if (!isFocusable) {\n      $element.removeAttribute('tabindex')\n    }\n  }\n\n  // Add listener to reset element on blur, after focus\n  $element.addEventListener('focus', onFocus, { once: true })\n\n  // Focus element\n  options.onBeforeFocus?.call($element)\n  $element.focus()\n}\n\n/**\n * Checks if component is already initialised\n *\n * @internal\n * @param {Element} $root - HTML element to be checked\n * @param {string} moduleName - name of component module\n * @returns {boolean} Whether component is already initialised\n */\nexport function isInitialised($root, moduleName) {\n  return (\n    $root instanceof HTMLElement &&\n    $root.hasAttribute(`data-${moduleName}-init`)\n  )\n}\n\n/**\n * Checks if GOV.UK Frontend is supported on this page\n *\n * Some browsers will load and run our JavaScript but GOV.UK Frontend\n * won't be supported.\n *\n * @param {HTMLElement | null} [$scope] - (internal) `<body>` HTML element checked for browser support\n * @returns {boolean} Whether GOV.UK Frontend is supported on this page\n */\nexport function isSupported($scope = document.body) {\n  if (!$scope) {\n    return false\n  }\n\n  return $scope.classList.contains('govuk-frontend-supported')\n}\n\n/**\n * Check for an array\n *\n * @internal\n * @param {unknown} option - Option to check\n * @returns {boolean} Whether the option is an array\n */\nfunction isArray(option) {\n  return Array.isArray(option)\n}\n\n/**\n * Check for an object\n *\n * @internal\n * @template {Partial<Record<keyof ObjectType, unknown>>} ObjectType\n * @param {unknown | ObjectType} option - Option to check\n * @returns {option is ObjectType} Whether the option is an object\n */\nexport function isObject(option) {\n  return !!option && typeof option === 'object' && !isArray(option)\n}\n\n/**\n * Check for valid scope\n *\n * @internal\n * @template {Element | Document} ScopeType\n * @param {unknown | ScopeType} $scope - Scope of the document to search within\n * @returns {$scope is ScopeType} Whether the scope can be queried\n */\nexport function isScope($scope) {\n  return !!$scope && ($scope instanceof Element || $scope instanceof Document)\n}\n\n/**\n * Format error message\n *\n * @internal\n * @param {ComponentWithModuleName} Component - Component that threw the error\n * @param {string} message - Error message\n * @returns {string} - Formatted error message\n */\nexport function formatErrorMessage(Component, message) {\n  return `${Component.moduleName}: ${message}`\n}\n\n/* eslint-disable jsdoc/valid-types --\n * `{new(...args: any[] ): object}` is not recognised as valid\n * https://github.com/gajus/eslint-plugin-jsdoc/issues/145#issuecomment-1308722878\n * https://github.com/jsdoc-type-pratt-parser/jsdoc-type-pratt-parser/issues/131\n **/\n\n/**\n * @typedef ComponentWithModuleName\n * @property {string} moduleName - Name of the component\n */\n\n/* eslint-enable jsdoc/valid-types */\n","import { formatErrorMessage, isObject } from '../common/index.mjs'\n\n/**\n * GOV.UK Frontend error\n *\n * A base class for `Error`s thrown by GOV.UK Frontend.\n *\n * It is meant to be extended into specific types of errors\n * to be thrown by our code.\n *\n * @example\n * ```js\n * class MissingRootError extends GOVUKFrontendError {\n *   // Setting an explicit name is important as extending the class will not\n *   // set a new `name` on the subclass. The `name` property is important\n *   // to ensure intelligible error names even if the class name gets\n *   // mangled by a minifier\n *   name = \"MissingRootError\"\n * }\n * ```\n * @virtual\n */\nexport class GOVUKFrontendError extends Error {\n  name = 'GOVUKFrontendError'\n}\n\n/**\n * Indicates that GOV.UK Frontend is not supported\n */\nexport class SupportError extends GOVUKFrontendError {\n  name = 'SupportError'\n\n  /**\n   * Checks if GOV.UK Frontend is supported on this page\n   *\n   * @param {HTMLElement | null} [$scope] - HTML element `<body>` checked for browser support\n   */\n  constructor($scope = document.body) {\n    const supportMessage =\n      'noModule' in HTMLScriptElement.prototype\n        ? 'GOV.UK Frontend initialised without `<body class=\"govuk-frontend-supported\">` from template `<script>` snippet'\n        : 'GOV.UK Frontend is not supported in this browser'\n\n    super(\n      $scope\n        ? supportMessage\n        : 'GOV.UK Frontend initialised without `<script type=\"module\">`'\n    )\n  }\n}\n\n/**\n * Indicates that a component has received an illegal configuration\n */\nexport class ConfigError extends GOVUKFrontendError {\n  name = 'ConfigError'\n}\n\n/**\n * Indicates an issue with an element (possibly `null` or `undefined`)\n */\nexport class ElementError extends GOVUKFrontendError {\n  name = 'ElementError'\n\n  /**\n   * @internal\n   * @overload\n   * @param {string} message - Element error message\n   */\n\n  /**\n   * @internal\n   * @overload\n   * @param {ElementErrorOptions} options - Element error options\n   */\n\n  /**\n   * @internal\n   * @param {string | ElementErrorOptions} messageOrOptions - Element error message or options\n   */\n  constructor(messageOrOptions) {\n    let message = typeof messageOrOptions === 'string' ? messageOrOptions : ''\n\n    // Build message from options\n    if (isObject(messageOrOptions)) {\n      const { component, identifier, element, expectedType } = messageOrOptions\n\n      message = identifier\n\n      // Append reason\n      message += element\n        ? ` is not of type ${expectedType ?? 'HTMLElement'}`\n        : ' not found'\n\n      // Prepend with module name (optional)\n      if (component) {\n        message = formatErrorMessage(component, message)\n      }\n    }\n\n    super(message)\n  }\n}\n\n/**\n * Indicates that a component is already initialised\n */\nexport class InitError extends GOVUKFrontendError {\n  name = 'InitError'\n\n  /**\n   * @internal\n   * @param {ComponentWithModuleName | string} componentOrMessage - name of the component module\n   */\n  constructor(componentOrMessage) {\n    const message =\n      typeof componentOrMessage === 'string'\n        ? componentOrMessage\n        : formatErrorMessage(\n            componentOrMessage,\n            `Root element (\\`$root\\`) already initialised`\n          )\n\n    super(message)\n  }\n}\n\n/**\n * Element error options\n *\n * @internal\n * @typedef {object} ElementErrorOptions\n * @property {Element | Document | null} [element] - The element in error (optional)\n * @property {ComponentWithModuleName} [component] - Component throwing the error (optional)\n * @property {string} identifier - An identifier that'll let the user understand which element has an error. This is whatever makes the most sense\n * @property {string} [expectedType] - The type that was expected for the identifier (optional)\n */\n\n/**\n * @import { ComponentWithModuleName } from '../common/index.mjs'\n */\n","import { isInitialised, isSupported } from './common/index.mjs'\nimport { ElementError, InitError, SupportError } from './errors/index.mjs'\n\n/**\n * Base Component class\n *\n * Centralises the behaviours shared by our components\n *\n * @virtual\n * @template {Element} [RootElementType=HTMLElement]\n */\nexport class Component {\n  /**\n   * @type {typeof Element}\n   */\n  static elementType = HTMLElement\n\n  // allows Typescript user to work around the lack of types\n  // in GOVUKFrontend package, Typescript is not aware of $root\n  // in components that extend GOVUKFrontendComponent\n  /**\n   * Returns the root element of the component\n   *\n   * @protected\n   * @returns {RootElementType} - the root element of component\n   */\n  get $root() {\n    return this._$root\n  }\n\n  /**\n   * @protected\n   * @type {RootElementType}\n   */\n  _$root\n\n  /**\n   * Constructs a new component, validating that GOV.UK Frontend is supported\n   *\n   * @internal\n   * @param {Element | null} [$root] - HTML element to use for component\n   */\n  constructor($root) {\n    const childConstructor = /** @type {ChildClassConstructor} */ (\n      this.constructor\n    )\n\n    // TypeScript does not enforce that inheriting classes will define a `moduleName`\n    // (even if we add a `@virtual` `static moduleName` property to this class).\n    // While we trust users to do this correctly, we do a little check to provide them\n    // a helpful error message.\n    //\n    // After this, we'll be sure that `childConstructor` has a `moduleName`\n    // as expected of the `ChildClassConstructor` we've cast `this.constructor` to.\n    if (typeof childConstructor.moduleName !== 'string') {\n      throw new InitError(`\\`moduleName\\` not defined in component`)\n    }\n\n    if (!($root instanceof childConstructor.elementType)) {\n      throw new ElementError({\n        element: $root,\n        component: childConstructor,\n        identifier: 'Root element (`$root`)',\n        expectedType: childConstructor.elementType.name\n      })\n    } else {\n      this._$root = /** @type {RootElementType} */ ($root)\n    }\n\n    childConstructor.checkSupport()\n\n    this.checkInitialised()\n\n    const moduleName = childConstructor.moduleName\n\n    this.$root.setAttribute(`data-${moduleName}-init`, '')\n  }\n\n  /**\n   * Validates whether component is already initialised\n   *\n   * @private\n   * @throws {InitError} when component is already initialised\n   */\n  checkInitialised() {\n    const constructor = /** @type {ChildClassConstructor} */ (this.constructor)\n    const moduleName = constructor.moduleName\n\n    if (moduleName && isInitialised(this.$root, moduleName)) {\n      throw new InitError(constructor)\n    }\n  }\n\n  /**\n   * Validates whether components are supported\n   *\n   * @throws {SupportError} when the components are not supported\n   */\n  static checkSupport() {\n    if (!isSupported()) {\n      throw new SupportError()\n    }\n  }\n}\n\n/**\n * @typedef ChildClass\n * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component\n */\n\n/**\n * @typedef {typeof Component & ChildClass} ChildClassConstructor\n */\n","import { Component } from '../component.mjs'\nimport { ConfigError } from '../errors/index.mjs'\n\nimport { isObject, isScope, formatErrorMessage } from './index.mjs'\n\nexport const configOverride = Symbol.for('configOverride')\n\n/**\n * Base Component class\n *\n * Centralises the behaviours shared by our components\n *\n * @virtual\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]\n * @template {Element & { dataset: DOMStringMap }} [RootElementType=HTMLElement]\n * @augments Component<RootElementType>\n */\nexport class ConfigurableComponent extends Component {\n  /**\n   * configOverride\n   *\n   * Function which defines configuration overrides to prioritize\n   * properties from the root element's dataset.\n   *\n   * It should take a subset of configuration as input and return\n   * a new configuration object with properties that should be\n   * overridden based on the root element's dataset. A Symbol\n   * is used for indexing to prevent conflicts.\n   *\n   * @internal\n   * @virtual\n   * @param {Partial<ConfigurationType>} [param] - Configuration object\n   * @returns {Partial<ConfigurationType>} return - Configuration object\n   */\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  [configOverride](param) {\n    return {}\n  }\n\n  /**\n   * Returns the root element of the component\n   *\n   * @protected\n   * @returns {ConfigurationType} - the root element of component\n   */\n  get config() {\n    return this._config\n  }\n\n  /**\n   *\n   * @type {ConfigurationType}\n   */\n  _config\n\n  /**\n   * Constructs a new component, validating that GOV.UK Frontend is supported\n   *\n   * @internal\n   * @param {Element | null} [$root] - HTML element to use for component\n   * @param {ConfigurationType} [config] - HTML element to use for component\n   */\n  constructor($root, config) {\n    super($root)\n\n    const childConstructor =\n      /** @type {ChildClassConstructor<ConfigurationType>} */ (this.constructor)\n\n    if (!isObject(childConstructor.defaults)) {\n      throw new ConfigError(\n        formatErrorMessage(\n          childConstructor,\n          'Config passed as parameter into constructor but no defaults defined'\n        )\n      )\n    }\n\n    const datasetConfig = /** @type {ConfigurationType} */ (\n      normaliseDataset(childConstructor, this._$root.dataset)\n    )\n\n    this._config = /** @type {ConfigurationType} */ (\n      mergeConfigs(\n        childConstructor.defaults,\n        config ?? {},\n        this[configOverride](datasetConfig),\n        datasetConfig\n      )\n    )\n  }\n}\n\n/**\n * Normalise string\n *\n * 'If it looks like a duck, and it quacks like a duck…' 🦆\n *\n * If the passed value looks like a boolean or a number, convert it to a boolean\n * or number.\n *\n * Designed to be used to convert config passed via data attributes (which are\n * always strings) into something sensible.\n *\n * @internal\n * @param {DOMStringMap[string]} value - The value to normalise\n * @param {SchemaProperty} [property] - Component schema property\n * @returns {string | boolean | number | undefined} Normalised data\n */\nexport function normaliseString(value, property) {\n  const trimmedValue = value ? value.trim() : ''\n\n  let output\n  let outputType = property?.type\n\n  // No schema type set? Determine automatically\n  if (!outputType) {\n    if (['true', 'false'].includes(trimmedValue)) {\n      outputType = 'boolean'\n    }\n\n    // Empty / whitespace-only strings are considered finite so we need to check\n    // the length of the trimmed string as well\n    if (trimmedValue.length > 0 && isFinite(Number(trimmedValue))) {\n      outputType = 'number'\n    }\n  }\n\n  switch (outputType) {\n    case 'boolean':\n      output = trimmedValue === 'true'\n      break\n\n    case 'number':\n      output = Number(trimmedValue)\n      break\n\n    default:\n      output = value\n  }\n\n  return output\n}\n\n/**\n * Normalise dataset\n *\n * Loop over an object and normalise each value using {@link normaliseString},\n * optionally expanding nested `i18n.field`\n *\n * @internal\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @template {[keyof ConfigurationType, SchemaProperty | undefined][]} SchemaEntryType\n * @param {{ schema?: Schema<ConfigurationType>, moduleName: string }} Component - Component class\n * @param {DOMStringMap} dataset - HTML element dataset\n * @returns {ObjectNested} Normalised dataset\n */\nexport function normaliseDataset(Component, dataset) {\n  if (!isObject(Component.schema)) {\n    throw new ConfigError(\n      formatErrorMessage(\n        Component,\n        'Config passed as parameter into constructor but no schema defined'\n      )\n    )\n  }\n\n  const out = /** @type {ObjectNested} */ ({})\n  const entries = /** @type {SchemaEntryType} */ (\n    Object.entries(Component.schema.properties)\n  )\n\n  // Normalise top-level dataset ('data-*') values using schema types\n  for (const entry of entries) {\n    const [namespace, property] = entry\n\n    // Cast the `namespace` to string so it can be used to access the dataset\n    const field = namespace.toString()\n\n    if (field in dataset) {\n      out[field] = normaliseString(dataset[field], property)\n    }\n\n    /**\n     * Extract and normalise nested object values automatically using\n     * {@link normaliseString} but only schema object types are allowed\n     */\n    if (property?.type === 'object') {\n      out[field] = extractConfigByNamespace(\n        Component.schema,\n        dataset,\n        namespace\n      )\n    }\n  }\n\n  return out\n}\n\n/**\n * Normalise options passed to `initAll` or `createAll`\n *\n * @internal\n * @template {CompatibleClass} ComponentClass\n * @param {Config | CreateAllOptions<ComponentClass> | OnErrorCallback<ComponentClass> | Element | Document | null} [scopeOrOptions] - Scope of the document to search within, initialisation options or error callback function\n * @returns {CreateAllOptions<ComponentClass>} Normalised options\n */\nexport function normaliseOptions(scopeOrOptions) {\n  let /** @type {Element | Document | null} */ $scope = document\n  let /** @type {OnErrorCallback<ComponentClass> | undefined} */ onError\n\n  // Handle options object\n  if (isObject(scopeOrOptions)) {\n    const options = scopeOrOptions\n\n    // Scope must be valid or null\n    if (isScope(options.scope) || options.scope === null) {\n      $scope = options.scope\n    }\n\n    // Error handler must be a function\n    if (typeof options.onError === 'function') {\n      onError = options.onError\n    }\n  }\n\n  if (isScope(scopeOrOptions)) {\n    $scope = scopeOrOptions\n  } else if (scopeOrOptions === null) {\n    $scope = null\n  } else if (typeof scopeOrOptions === 'function') {\n    onError = scopeOrOptions\n  }\n\n  return {\n    scope: $scope,\n    onError\n  }\n}\n\n/**\n * Config merging function\n *\n * Takes any number of objects and combines them together, with\n * greatest priority on the LAST item passed in.\n *\n * @internal\n * @param {...{ [key: string]: unknown }} configObjects - Config objects to merge\n * @returns {{ [key: string]: unknown }} A merged config object\n */\nexport function mergeConfigs(...configObjects) {\n  // Start with an empty object as our base\n  /** @type {{ [key: string]: unknown }} */\n  const formattedConfigObject = {}\n\n  // Loop through each of the passed objects\n  for (const configObject of configObjects) {\n    for (const key of Object.keys(configObject)) {\n      const option = formattedConfigObject[key]\n      const override = configObject[key]\n\n      // Push their keys one-by-one into formattedConfigObject. Any duplicate\n      // keys with object values will be merged, otherwise the new value will\n      // override the existing value.\n      if (isObject(option) && isObject(override)) {\n        formattedConfigObject[key] = mergeConfigs(option, override)\n      } else {\n        // Apply override\n        formattedConfigObject[key] = override\n      }\n    }\n  }\n\n  return formattedConfigObject\n}\n\n/**\n * Validate component config by schema\n *\n * Follows limited examples in JSON schema for wider support in future\n *\n * {@link https://ajv.js.org/json-schema.html#compound-keywords}\n * {@link https://ajv.js.org/packages/ajv-errors.html#single-message}\n *\n * @internal\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @param {Schema<ConfigurationType>} schema - The schema of a component\n * @param {ConfigurationType} config - Component config\n * @returns {string[]} List of validation errors\n */\nexport function validateConfig(schema, config) {\n  const validationErrors = []\n\n  // Check errors for each schema\n  for (const [name, conditions] of Object.entries(schema)) {\n    const errors = []\n\n    // Check errors for each schema condition\n    if (Array.isArray(conditions)) {\n      for (const { required, errorMessage } of conditions) {\n        if (!required.every((key) => !!config[key])) {\n          errors.push(errorMessage) // Missing config key value\n        }\n      }\n\n      // Check one condition passes or add errors\n      if (name === 'anyOf' && !(conditions.length - errors.length >= 1)) {\n        validationErrors.push(...errors)\n      }\n    }\n  }\n\n  return validationErrors\n}\n\n/**\n * Extracts keys starting with a particular namespace from dataset ('data-*')\n * object, removing the namespace in the process, normalising all values\n *\n * @internal\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @param {Schema<ConfigurationType>} schema - The schema of a component\n * @param {DOMStringMap} dataset - The object to extract key-value pairs from\n * @param {keyof ConfigurationType} namespace - The namespace to filter keys with\n * @returns {ObjectNested | undefined} Nested object with dot-separated key namespace removed\n */\nexport function extractConfigByNamespace(schema, dataset, namespace) {\n  const property = schema.properties[namespace]\n\n  // Only extract configs for object schema properties\n  if (property?.type !== 'object') {\n    return\n  }\n\n  // Add default empty config\n  const newObject = /** @type {Record<typeof namespace, ObjectNested>} */ ({\n    [namespace]: {}\n  })\n\n  for (const [key, value] of Object.entries(dataset)) {\n    /** @type {ObjectNested | ObjectNested[NestedKey]} */\n    let current = newObject\n\n    // Split the key into parts, using . as our namespace separator\n    const keyParts = key.split('.')\n\n    /**\n     * Create new level per part\n     *\n     * e.g. 'i18n.textareaDescription.other' becomes\n     * `{ i18n: { textareaDescription: { other } } }`\n     */\n    for (const [index, name] of keyParts.entries()) {\n      if (isObject(current)) {\n        // Drop down to nested object until the last part\n        if (index < keyParts.length - 1) {\n          // New nested object (optionally) replaces existing value\n          if (!isObject(current[name])) {\n            current[name] = {}\n          }\n\n          // Drop down into new or existing nested object\n          current = current[name]\n        } else if (key !== namespace) {\n          // Normalised value (optionally) replaces existing value\n          current[name] = normaliseString(value)\n        }\n      }\n    }\n  }\n\n  return newObject[namespace]\n}\n\n/**\n * @internal\n * @typedef {keyof ObjectNested} NestedKey\n * @typedef {{ [key: string]: string | boolean | number | ObjectNested | undefined }} ObjectNested\n */\n\n/**\n * Schema for component config\n *\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @typedef {object} Schema\n * @property {Record<keyof ConfigurationType, SchemaProperty | undefined>} properties - Schema properties\n * @property {SchemaCondition<ConfigurationType>[]} [anyOf] - List of schema conditions\n */\n\n/**\n * Schema property for component config\n *\n * @typedef {object} SchemaProperty\n * @property {'string' | 'boolean' | 'number' | 'object'} type - Property type\n */\n\n/**\n * Schema condition for component config\n *\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @typedef {object} SchemaCondition\n * @property {(keyof ConfigurationType)[]} required - List of required config fields\n * @property {string} errorMessage - Error message when required config fields not provided\n */\n\n/**\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]\n * @typedef ChildClass\n * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component\n * @property {Schema<ConfigurationType>} [schema] - The schema of the component configuration\n * @property {ConfigurationType} [defaults] - The default values of the configuration of the component\n */\n\n/**\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]\n * @typedef {typeof Component & ChildClass<ConfigurationType>} ChildClassConstructor<ConfigurationType>\n */\n\n/**\n * @import { CompatibleClass, Config, CreateAllOptions, OnErrorCallback } from '../init.mjs'\n */\n","import { ConfigurableComponent } from '../../common/configuration.mjs'\nimport { setFocus } from '../../common/index.mjs'\n\n/**\n * Error summary component\n *\n * Takes focus on initialisation for accessible announcement, unless disabled in\n * configuration.\n *\n * @preserve\n * @augments ConfigurableComponent<ErrorSummaryConfig>\n */\nexport class ErrorSummary extends ConfigurableComponent {\n  /**\n   * @param {Element | null} $root - HTML element to use for error summary\n   * @param {ErrorSummaryConfig} [config] - Error summary config\n   */\n  constructor($root, config = {}) {\n    super($root, config)\n\n    /**\n     * Focus the error summary\n     */\n    if (!this.config.disableAutoFocus) {\n      setFocus(this.$root)\n    }\n\n    this.$root.addEventListener('click', (event) => this.handleClick(event))\n  }\n\n  /**\n   * Click event handler\n   *\n   * @private\n   * @param {MouseEvent} event - Click event\n   */\n  handleClick(event) {\n    const $target = event.target\n    if ($target && this.focusTarget($target)) {\n      event.preventDefault()\n    }\n  }\n\n  /**\n   * Focus the target element\n   *\n   * By default, the browser will scroll the target into view. Because our\n   * labels or legends appear above the input, this means the user will be\n   * presented with an input without any context, as the label or legend will be\n   * off the top of the screen.\n   *\n   * Manually handling the click event, scrolling the question into view and\n   * then focussing the element solves this.\n   *\n   * This also results in the label and/or legend being announced correctly in\n   * NVDA (as tested in 2018.3.2) - without this only the field type is\n   * announced (e.g. \"Edit, has autocomplete\").\n   *\n   * @private\n   * @param {EventTarget} $target - Event target\n   * @returns {boolean} True if the target was able to be focussed\n   */\n  focusTarget($target) {\n    // If the element that was clicked was not a link, return early\n    if (!($target instanceof HTMLAnchorElement)) {\n      return false\n    }\n\n    const inputId = $target.hash.replace('#', '')\n    if (!inputId) {\n      return false\n    }\n\n    const $input = document.getElementById(inputId)\n    if (!$input) {\n      return false\n    }\n\n    const $legendOrLabel = this.getAssociatedLegendOrLabel($input)\n    if (!$legendOrLabel) {\n      return false\n    }\n\n    // Scroll the legend or label into view *before* calling focus on the input\n    // to avoid extra scrolling in browsers that don't support `preventScroll`\n    // (which at time of writing is most of them...)\n    $legendOrLabel.scrollIntoView()\n    $input.focus({ preventScroll: true })\n\n    return true\n  }\n\n  /**\n   * Get associated legend or label\n   *\n   * Returns the first element that exists from this list:\n   *\n   * - The `<legend>` associated with the closest `<fieldset>` ancestor, as long\n   *   as the top of it is no more than half a viewport height away from the\n   *   bottom of the input\n   * - The first `<label>` that is associated with the input using for=\"inputId\"\n   * - The closest parent `<label>`\n   *\n   * @private\n   * @param {Element} $input - The input\n   * @returns {Element | null} Associated legend or label, or null if no\n   *   associated legend or label can be found\n   */\n  getAssociatedLegendOrLabel($input) {\n    const $fieldset = $input.closest('fieldset')\n\n    if ($fieldset) {\n      const $legends = $fieldset.getElementsByTagName('legend')\n\n      if ($legends.length) {\n        const $candidateLegend = $legends[0]\n\n        // If the input type is radio or checkbox, always use the legend if\n        // there is one.\n        if (\n          $input instanceof HTMLInputElement &&\n          ($input.type === 'checkbox' || $input.type === 'radio')\n        ) {\n          return $candidateLegend\n        }\n\n        // For other input types, only scroll to the fieldset’s legend (instead\n        // of the label associated with the input) if the input would end up in\n        // the top half of the screen.\n        //\n        // This should avoid situations where the input either ends up off the\n        // screen, or obscured by a software keyboard.\n        const legendTop = $candidateLegend.getBoundingClientRect().top\n        const inputRect = $input.getBoundingClientRect()\n\n        // If the browser doesn't support Element.getBoundingClientRect().height\n        // or window.innerHeight (like IE8), bail and just link to the label.\n        if (inputRect.height && window.innerHeight) {\n          const inputBottom = inputRect.top + inputRect.height\n\n          if (inputBottom - legendTop < window.innerHeight / 2) {\n            return $candidateLegend\n          }\n        }\n      }\n    }\n\n    return (\n      document.querySelector(`label[for='${$input.getAttribute('id')}']`) ??\n      $input.closest('label')\n    )\n  }\n\n  /**\n   * Name for the component used when initialising using data-module attributes.\n   */\n  static moduleName = 'govuk-error-summary'\n\n  /**\n   * Error summary default config\n   *\n   * @see {@link ErrorSummaryConfig}\n   * @constant\n   * @type {ErrorSummaryConfig}\n   */\n  static defaults = Object.freeze({\n    disableAutoFocus: false\n  })\n\n  /**\n   * Error summary config schema\n   *\n   * @constant\n   * @satisfies {Schema<ErrorSummaryConfig>}\n   */\n  static schema = Object.freeze({\n    properties: {\n      disableAutoFocus: { type: 'boolean' }\n    }\n  })\n}\n\n/**\n * Error summary config\n *\n * @typedef {object} ErrorSummaryConfig\n * @property {boolean} [disableAutoFocus=false] - If set to `true` the error\n *   summary will not be focussed when the page loads.\n */\n\n/**\n * @import { Schema } from '../../common/configuration.mjs'\n */\n"],"names":["setFocus","$element","options","_options$onBeforeFocu","isFocusable","getAttribute","setAttribute","onFocus","addEventListener","onBlur","once","_options$onBlur","call","removeAttribute","onBeforeFocus","focus","isInitialised","$root","moduleName","HTMLElement","hasAttribute","isSupported","$scope","document","body","classList","contains","isArray","option","Array","isObject","formatErrorMessage","Component","message","GOVUKFrontendError","Error","constructor","args","name","SupportError","supportMessage","HTMLScriptElement","prototype","ConfigError","ElementError","messageOrOptions","component","identifier","element","expectedType","InitError","componentOrMessage","_$root","childConstructor","elementType","checkSupport","checkInitialised","configOverride","Symbol","for","ConfigurableComponent","param","config","_config","defaults","datasetConfig","normaliseDataset","dataset","mergeConfigs","normaliseString","value","property","trimmedValue","trim","output","outputType","type","includes","length","isFinite","Number","schema","out","entries","Object","properties","entry","namespace","field","toString","extractConfigByNamespace","configObjects","formattedConfigObject","configObject","key","keys","override","newObject","current","keyParts","split","index","ErrorSummary","disableAutoFocus","event","handleClick","$target","target","focusTarget","preventDefault","HTMLAnchorElement","inputId","hash","replace","$input","getElementById","$legendOrLabel","getAssociatedLegendOrLabel","scrollIntoView","preventScroll","_document$querySelect","$fieldset","closest","$legends","getElementsByTagName","$candidateLegend","HTMLInputElement","legendTop","getBoundingClientRect","top","inputRect","height","window","innerHeight","inputBottom","querySelector","freeze"],"mappings":"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"}
\ No newline at end of file
diff --git a/app/templates/govuk/components/components/error-summary/error-summary.bundle.mjs b/app/templates/govuk/components/components/error-summary/error-summary.bundle.mjs
new file mode 100644
index 0000000..7166fab
--- /dev/null
+++ b/app/templates/govuk/components/components/error-summary/error-summary.bundle.mjs
@@ -0,0 +1,411 @@
+function setFocus($element, options = {}) {
+  var _options$onBeforeFocu;
+  const isFocusable = $element.getAttribute('tabindex');
+  if (!isFocusable) {
+    $element.setAttribute('tabindex', '-1');
+  }
+  function onFocus() {
+    $element.addEventListener('blur', onBlur, {
+      once: true
+    });
+  }
+  function onBlur() {
+    var _options$onBlur;
+    (_options$onBlur = options.onBlur) == null || _options$onBlur.call($element);
+    if (!isFocusable) {
+      $element.removeAttribute('tabindex');
+    }
+  }
+  $element.addEventListener('focus', onFocus, {
+    once: true
+  });
+  (_options$onBeforeFocu = options.onBeforeFocus) == null || _options$onBeforeFocu.call($element);
+  $element.focus();
+}
+function isInitialised($root, moduleName) {
+  return $root instanceof HTMLElement && $root.hasAttribute(`data-${moduleName}-init`);
+}
+
+/**
+ * Checks if GOV.UK Frontend is supported on this page
+ *
+ * Some browsers will load and run our JavaScript but GOV.UK Frontend
+ * won't be supported.
+ *
+ * @param {HTMLElement | null} [$scope] - (internal) `<body>` HTML element checked for browser support
+ * @returns {boolean} Whether GOV.UK Frontend is supported on this page
+ */
+function isSupported($scope = document.body) {
+  if (!$scope) {
+    return false;
+  }
+  return $scope.classList.contains('govuk-frontend-supported');
+}
+function isArray(option) {
+  return Array.isArray(option);
+}
+function isObject(option) {
+  return !!option && typeof option === 'object' && !isArray(option);
+}
+function formatErrorMessage(Component, message) {
+  return `${Component.moduleName}: ${message}`;
+}
+/**
+ * @typedef ComponentWithModuleName
+ * @property {string} moduleName - Name of the component
+ */
+
+class GOVUKFrontendError extends Error {
+  constructor(...args) {
+    super(...args);
+    this.name = 'GOVUKFrontendError';
+  }
+}
+class SupportError extends GOVUKFrontendError {
+  /**
+   * Checks if GOV.UK Frontend is supported on this page
+   *
+   * @param {HTMLElement | null} [$scope] - HTML element `<body>` checked for browser support
+   */
+  constructor($scope = document.body) {
+    const supportMessage = 'noModule' in HTMLScriptElement.prototype ? 'GOV.UK Frontend initialised without `<body class="govuk-frontend-supported">` from template `<script>` snippet' : 'GOV.UK Frontend is not supported in this browser';
+    super($scope ? supportMessage : 'GOV.UK Frontend initialised without `<script type="module">`');
+    this.name = 'SupportError';
+  }
+}
+class ConfigError extends GOVUKFrontendError {
+  constructor(...args) {
+    super(...args);
+    this.name = 'ConfigError';
+  }
+}
+class ElementError extends GOVUKFrontendError {
+  constructor(messageOrOptions) {
+    let message = typeof messageOrOptions === 'string' ? messageOrOptions : '';
+    if (isObject(messageOrOptions)) {
+      const {
+        component,
+        identifier,
+        element,
+        expectedType
+      } = messageOrOptions;
+      message = identifier;
+      message += element ? ` is not of type ${expectedType != null ? expectedType : 'HTMLElement'}` : ' not found';
+      if (component) {
+        message = formatErrorMessage(component, message);
+      }
+    }
+    super(message);
+    this.name = 'ElementError';
+  }
+}
+class InitError extends GOVUKFrontendError {
+  constructor(componentOrMessage) {
+    const message = typeof componentOrMessage === 'string' ? componentOrMessage : formatErrorMessage(componentOrMessage, `Root element (\`$root\`) already initialised`);
+    super(message);
+    this.name = 'InitError';
+  }
+}
+/**
+ * @import { ComponentWithModuleName } from '../common/index.mjs'
+ */
+
+class Component {
+  /**
+   * Returns the root element of the component
+   *
+   * @protected
+   * @returns {RootElementType} - the root element of component
+   */
+  get $root() {
+    return this._$root;
+  }
+  constructor($root) {
+    this._$root = void 0;
+    const childConstructor = this.constructor;
+    if (typeof childConstructor.moduleName !== 'string') {
+      throw new InitError(`\`moduleName\` not defined in component`);
+    }
+    if (!($root instanceof childConstructor.elementType)) {
+      throw new ElementError({
+        element: $root,
+        component: childConstructor,
+        identifier: 'Root element (`$root`)',
+        expectedType: childConstructor.elementType.name
+      });
+    } else {
+      this._$root = $root;
+    }
+    childConstructor.checkSupport();
+    this.checkInitialised();
+    const moduleName = childConstructor.moduleName;
+    this.$root.setAttribute(`data-${moduleName}-init`, '');
+  }
+  checkInitialised() {
+    const constructor = this.constructor;
+    const moduleName = constructor.moduleName;
+    if (moduleName && isInitialised(this.$root, moduleName)) {
+      throw new InitError(constructor);
+    }
+  }
+  static checkSupport() {
+    if (!isSupported()) {
+      throw new SupportError();
+    }
+  }
+}
+
+/**
+ * @typedef ChildClass
+ * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component
+ */
+
+/**
+ * @typedef {typeof Component & ChildClass} ChildClassConstructor
+ */
+Component.elementType = HTMLElement;
+
+const configOverride = Symbol.for('configOverride');
+class ConfigurableComponent extends Component {
+  [configOverride](param) {
+    return {};
+  }
+
+  /**
+   * Returns the root element of the component
+   *
+   * @protected
+   * @returns {ConfigurationType} - the root element of component
+   */
+  get config() {
+    return this._config;
+  }
+  constructor($root, config) {
+    super($root);
+    this._config = void 0;
+    const childConstructor = this.constructor;
+    if (!isObject(childConstructor.defaults)) {
+      throw new ConfigError(formatErrorMessage(childConstructor, 'Config passed as parameter into constructor but no defaults defined'));
+    }
+    const datasetConfig = normaliseDataset(childConstructor, this._$root.dataset);
+    this._config = mergeConfigs(childConstructor.defaults, config != null ? config : {}, this[configOverride](datasetConfig), datasetConfig);
+  }
+}
+function normaliseString(value, property) {
+  const trimmedValue = value ? value.trim() : '';
+  let output;
+  let outputType = property == null ? void 0 : property.type;
+  if (!outputType) {
+    if (['true', 'false'].includes(trimmedValue)) {
+      outputType = 'boolean';
+    }
+    if (trimmedValue.length > 0 && isFinite(Number(trimmedValue))) {
+      outputType = 'number';
+    }
+  }
+  switch (outputType) {
+    case 'boolean':
+      output = trimmedValue === 'true';
+      break;
+    case 'number':
+      output = Number(trimmedValue);
+      break;
+    default:
+      output = value;
+  }
+  return output;
+}
+function normaliseDataset(Component, dataset) {
+  if (!isObject(Component.schema)) {
+    throw new ConfigError(formatErrorMessage(Component, 'Config passed as parameter into constructor but no schema defined'));
+  }
+  const out = {};
+  const entries = Object.entries(Component.schema.properties);
+  for (const entry of entries) {
+    const [namespace, property] = entry;
+    const field = namespace.toString();
+    if (field in dataset) {
+      out[field] = normaliseString(dataset[field], property);
+    }
+    if ((property == null ? void 0 : property.type) === 'object') {
+      out[field] = extractConfigByNamespace(Component.schema, dataset, namespace);
+    }
+  }
+  return out;
+}
+function mergeConfigs(...configObjects) {
+  const formattedConfigObject = {};
+  for (const configObject of configObjects) {
+    for (const key of Object.keys(configObject)) {
+      const option = formattedConfigObject[key];
+      const override = configObject[key];
+      if (isObject(option) && isObject(override)) {
+        formattedConfigObject[key] = mergeConfigs(option, override);
+      } else {
+        formattedConfigObject[key] = override;
+      }
+    }
+  }
+  return formattedConfigObject;
+}
+function extractConfigByNamespace(schema, dataset, namespace) {
+  const property = schema.properties[namespace];
+  if ((property == null ? void 0 : property.type) !== 'object') {
+    return;
+  }
+  const newObject = {
+    [namespace]: {}
+  };
+  for (const [key, value] of Object.entries(dataset)) {
+    let current = newObject;
+    const keyParts = key.split('.');
+    for (const [index, name] of keyParts.entries()) {
+      if (isObject(current)) {
+        if (index < keyParts.length - 1) {
+          if (!isObject(current[name])) {
+            current[name] = {};
+          }
+          current = current[name];
+        } else if (key !== namespace) {
+          current[name] = normaliseString(value);
+        }
+      }
+    }
+  }
+  return newObject[namespace];
+}
+/**
+ * Schema for component config
+ *
+ * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType
+ * @typedef {object} Schema
+ * @property {Record<keyof ConfigurationType, SchemaProperty | undefined>} properties - Schema properties
+ * @property {SchemaCondition<ConfigurationType>[]} [anyOf] - List of schema conditions
+ */
+/**
+ * Schema property for component config
+ *
+ * @typedef {object} SchemaProperty
+ * @property {'string' | 'boolean' | 'number' | 'object'} type - Property type
+ */
+/**
+ * Schema condition for component config
+ *
+ * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType
+ * @typedef {object} SchemaCondition
+ * @property {(keyof ConfigurationType)[]} required - List of required config fields
+ * @property {string} errorMessage - Error message when required config fields not provided
+ */
+/**
+ * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]
+ * @typedef ChildClass
+ * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component
+ * @property {Schema<ConfigurationType>} [schema] - The schema of the component configuration
+ * @property {ConfigurationType} [defaults] - The default values of the configuration of the component
+ */
+/**
+ * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]
+ * @typedef {typeof Component & ChildClass<ConfigurationType>} ChildClassConstructor<ConfigurationType>
+ */
+/**
+ * @import { CompatibleClass, Config, CreateAllOptions, OnErrorCallback } from '../init.mjs'
+ */
+
+/**
+ * Error summary component
+ *
+ * Takes focus on initialisation for accessible announcement, unless disabled in
+ * configuration.
+ *
+ * @preserve
+ * @augments ConfigurableComponent<ErrorSummaryConfig>
+ */
+class ErrorSummary extends ConfigurableComponent {
+  /**
+   * @param {Element | null} $root - HTML element to use for error summary
+   * @param {ErrorSummaryConfig} [config] - Error summary config
+   */
+  constructor($root, config = {}) {
+    super($root, config);
+    if (!this.config.disableAutoFocus) {
+      setFocus(this.$root);
+    }
+    this.$root.addEventListener('click', event => this.handleClick(event));
+  }
+  handleClick(event) {
+    const $target = event.target;
+    if ($target && this.focusTarget($target)) {
+      event.preventDefault();
+    }
+  }
+  focusTarget($target) {
+    if (!($target instanceof HTMLAnchorElement)) {
+      return false;
+    }
+    const inputId = $target.hash.replace('#', '');
+    if (!inputId) {
+      return false;
+    }
+    const $input = document.getElementById(inputId);
+    if (!$input) {
+      return false;
+    }
+    const $legendOrLabel = this.getAssociatedLegendOrLabel($input);
+    if (!$legendOrLabel) {
+      return false;
+    }
+    $legendOrLabel.scrollIntoView();
+    $input.focus({
+      preventScroll: true
+    });
+    return true;
+  }
+  getAssociatedLegendOrLabel($input) {
+    var _document$querySelect;
+    const $fieldset = $input.closest('fieldset');
+    if ($fieldset) {
+      const $legends = $fieldset.getElementsByTagName('legend');
+      if ($legends.length) {
+        const $candidateLegend = $legends[0];
+        if ($input instanceof HTMLInputElement && ($input.type === 'checkbox' || $input.type === 'radio')) {
+          return $candidateLegend;
+        }
+        const legendTop = $candidateLegend.getBoundingClientRect().top;
+        const inputRect = $input.getBoundingClientRect();
+        if (inputRect.height && window.innerHeight) {
+          const inputBottom = inputRect.top + inputRect.height;
+          if (inputBottom - legendTop < window.innerHeight / 2) {
+            return $candidateLegend;
+          }
+        }
+      }
+    }
+    return (_document$querySelect = document.querySelector(`label[for='${$input.getAttribute('id')}']`)) != null ? _document$querySelect : $input.closest('label');
+  }
+}
+
+/**
+ * Error summary config
+ *
+ * @typedef {object} ErrorSummaryConfig
+ * @property {boolean} [disableAutoFocus=false] - If set to `true` the error
+ *   summary will not be focussed when the page loads.
+ */
+
+/**
+ * @import { Schema } from '../../common/configuration.mjs'
+ */
+ErrorSummary.moduleName = 'govuk-error-summary';
+ErrorSummary.defaults = Object.freeze({
+  disableAutoFocus: false
+});
+ErrorSummary.schema = Object.freeze({
+  properties: {
+    disableAutoFocus: {
+      type: 'boolean'
+    }
+  }
+});
+
+export { ErrorSummary };
+//# sourceMappingURL=error-summary.bundle.mjs.map
diff --git a/app/templates/govuk/components/components/error-summary/error-summary.bundle.mjs.map b/app/templates/govuk/components/components/error-summary/error-summary.bundle.mjs.map
new file mode 100644
index 0000000..db947d7
--- /dev/null
+++ b/app/templates/govuk/components/components/error-summary/error-summary.bundle.mjs.map
@@ -0,0 +1 @@
+{"version":3,"file":"error-summary.bundle.mjs","sources":["../../../../src/govuk/common/index.mjs","../../../../src/govuk/errors/index.mjs","../../../../src/govuk/component.mjs","../../../../src/govuk/common/configuration.mjs","../../../../src/govuk/components/error-summary/error-summary.mjs"],"sourcesContent":["/**\n * Common helpers which do not require polyfill.\n *\n * IMPORTANT: If a helper require a polyfill, please isolate it in its own module\n * so that the polyfill can be properly tree-shaken and does not burden\n * the components that do not need that helper\n */\n\n/**\n * Get GOV.UK Frontend breakpoint value from CSS custom property\n *\n * @private\n * @param {string} name - Breakpoint name\n * @returns {{ property: string, value?: string }} Breakpoint object\n */\nexport function getBreakpoint(name) {\n  const property = `--govuk-breakpoint-${name}`\n\n  // Get value from `<html>` with breakpoints on CSS :root\n  const value = window\n    .getComputedStyle(document.documentElement)\n    .getPropertyValue(property)\n\n  return {\n    property,\n    value: value || undefined\n  }\n}\n\n/**\n * Move focus to element\n *\n * Sets tabindex to -1 to make the element programmatically focusable,\n * but removes it on blur as the element doesn't need to be focused again.\n *\n * @private\n * @template {HTMLElement} FocusElement\n * @param {FocusElement} $element - HTML element\n * @param {object} [options] - Handler options\n * @param {function(this: FocusElement): void} [options.onBeforeFocus] - Callback before focus\n * @param {function(this: FocusElement): void} [options.onBlur] - Callback on blur\n */\nexport function setFocus($element, options = {}) {\n  const isFocusable = $element.getAttribute('tabindex')\n\n  if (!isFocusable) {\n    $element.setAttribute('tabindex', '-1')\n  }\n\n  /**\n   * Handle element focus\n   */\n  function onFocus() {\n    $element.addEventListener('blur', onBlur, { once: true })\n  }\n\n  /**\n   * Handle element blur\n   */\n  function onBlur() {\n    options.onBlur?.call($element)\n\n    if (!isFocusable) {\n      $element.removeAttribute('tabindex')\n    }\n  }\n\n  // Add listener to reset element on blur, after focus\n  $element.addEventListener('focus', onFocus, { once: true })\n\n  // Focus element\n  options.onBeforeFocus?.call($element)\n  $element.focus()\n}\n\n/**\n * Checks if component is already initialised\n *\n * @internal\n * @param {Element} $root - HTML element to be checked\n * @param {string} moduleName - name of component module\n * @returns {boolean} Whether component is already initialised\n */\nexport function isInitialised($root, moduleName) {\n  return (\n    $root instanceof HTMLElement &&\n    $root.hasAttribute(`data-${moduleName}-init`)\n  )\n}\n\n/**\n * Checks if GOV.UK Frontend is supported on this page\n *\n * Some browsers will load and run our JavaScript but GOV.UK Frontend\n * won't be supported.\n *\n * @param {HTMLElement | null} [$scope] - (internal) `<body>` HTML element checked for browser support\n * @returns {boolean} Whether GOV.UK Frontend is supported on this page\n */\nexport function isSupported($scope = document.body) {\n  if (!$scope) {\n    return false\n  }\n\n  return $scope.classList.contains('govuk-frontend-supported')\n}\n\n/**\n * Check for an array\n *\n * @internal\n * @param {unknown} option - Option to check\n * @returns {boolean} Whether the option is an array\n */\nfunction isArray(option) {\n  return Array.isArray(option)\n}\n\n/**\n * Check for an object\n *\n * @internal\n * @template {Partial<Record<keyof ObjectType, unknown>>} ObjectType\n * @param {unknown | ObjectType} option - Option to check\n * @returns {option is ObjectType} Whether the option is an object\n */\nexport function isObject(option) {\n  return !!option && typeof option === 'object' && !isArray(option)\n}\n\n/**\n * Check for valid scope\n *\n * @internal\n * @template {Element | Document} ScopeType\n * @param {unknown | ScopeType} $scope - Scope of the document to search within\n * @returns {$scope is ScopeType} Whether the scope can be queried\n */\nexport function isScope($scope) {\n  return !!$scope && ($scope instanceof Element || $scope instanceof Document)\n}\n\n/**\n * Format error message\n *\n * @internal\n * @param {ComponentWithModuleName} Component - Component that threw the error\n * @param {string} message - Error message\n * @returns {string} - Formatted error message\n */\nexport function formatErrorMessage(Component, message) {\n  return `${Component.moduleName}: ${message}`\n}\n\n/* eslint-disable jsdoc/valid-types --\n * `{new(...args: any[] ): object}` is not recognised as valid\n * https://github.com/gajus/eslint-plugin-jsdoc/issues/145#issuecomment-1308722878\n * https://github.com/jsdoc-type-pratt-parser/jsdoc-type-pratt-parser/issues/131\n **/\n\n/**\n * @typedef ComponentWithModuleName\n * @property {string} moduleName - Name of the component\n */\n\n/* eslint-enable jsdoc/valid-types */\n","import { formatErrorMessage, isObject } from '../common/index.mjs'\n\n/**\n * GOV.UK Frontend error\n *\n * A base class for `Error`s thrown by GOV.UK Frontend.\n *\n * It is meant to be extended into specific types of errors\n * to be thrown by our code.\n *\n * @example\n * ```js\n * class MissingRootError extends GOVUKFrontendError {\n *   // Setting an explicit name is important as extending the class will not\n *   // set a new `name` on the subclass. The `name` property is important\n *   // to ensure intelligible error names even if the class name gets\n *   // mangled by a minifier\n *   name = \"MissingRootError\"\n * }\n * ```\n * @virtual\n */\nexport class GOVUKFrontendError extends Error {\n  name = 'GOVUKFrontendError'\n}\n\n/**\n * Indicates that GOV.UK Frontend is not supported\n */\nexport class SupportError extends GOVUKFrontendError {\n  name = 'SupportError'\n\n  /**\n   * Checks if GOV.UK Frontend is supported on this page\n   *\n   * @param {HTMLElement | null} [$scope] - HTML element `<body>` checked for browser support\n   */\n  constructor($scope = document.body) {\n    const supportMessage =\n      'noModule' in HTMLScriptElement.prototype\n        ? 'GOV.UK Frontend initialised without `<body class=\"govuk-frontend-supported\">` from template `<script>` snippet'\n        : 'GOV.UK Frontend is not supported in this browser'\n\n    super(\n      $scope\n        ? supportMessage\n        : 'GOV.UK Frontend initialised without `<script type=\"module\">`'\n    )\n  }\n}\n\n/**\n * Indicates that a component has received an illegal configuration\n */\nexport class ConfigError extends GOVUKFrontendError {\n  name = 'ConfigError'\n}\n\n/**\n * Indicates an issue with an element (possibly `null` or `undefined`)\n */\nexport class ElementError extends GOVUKFrontendError {\n  name = 'ElementError'\n\n  /**\n   * @internal\n   * @overload\n   * @param {string} message - Element error message\n   */\n\n  /**\n   * @internal\n   * @overload\n   * @param {ElementErrorOptions} options - Element error options\n   */\n\n  /**\n   * @internal\n   * @param {string | ElementErrorOptions} messageOrOptions - Element error message or options\n   */\n  constructor(messageOrOptions) {\n    let message = typeof messageOrOptions === 'string' ? messageOrOptions : ''\n\n    // Build message from options\n    if (isObject(messageOrOptions)) {\n      const { component, identifier, element, expectedType } = messageOrOptions\n\n      message = identifier\n\n      // Append reason\n      message += element\n        ? ` is not of type ${expectedType ?? 'HTMLElement'}`\n        : ' not found'\n\n      // Prepend with module name (optional)\n      if (component) {\n        message = formatErrorMessage(component, message)\n      }\n    }\n\n    super(message)\n  }\n}\n\n/**\n * Indicates that a component is already initialised\n */\nexport class InitError extends GOVUKFrontendError {\n  name = 'InitError'\n\n  /**\n   * @internal\n   * @param {ComponentWithModuleName | string} componentOrMessage - name of the component module\n   */\n  constructor(componentOrMessage) {\n    const message =\n      typeof componentOrMessage === 'string'\n        ? componentOrMessage\n        : formatErrorMessage(\n            componentOrMessage,\n            `Root element (\\`$root\\`) already initialised`\n          )\n\n    super(message)\n  }\n}\n\n/**\n * Element error options\n *\n * @internal\n * @typedef {object} ElementErrorOptions\n * @property {Element | Document | null} [element] - The element in error (optional)\n * @property {ComponentWithModuleName} [component] - Component throwing the error (optional)\n * @property {string} identifier - An identifier that'll let the user understand which element has an error. This is whatever makes the most sense\n * @property {string} [expectedType] - The type that was expected for the identifier (optional)\n */\n\n/**\n * @import { ComponentWithModuleName } from '../common/index.mjs'\n */\n","import { isInitialised, isSupported } from './common/index.mjs'\nimport { ElementError, InitError, SupportError } from './errors/index.mjs'\n\n/**\n * Base Component class\n *\n * Centralises the behaviours shared by our components\n *\n * @virtual\n * @template {Element} [RootElementType=HTMLElement]\n */\nexport class Component {\n  /**\n   * @type {typeof Element}\n   */\n  static elementType = HTMLElement\n\n  // allows Typescript user to work around the lack of types\n  // in GOVUKFrontend package, Typescript is not aware of $root\n  // in components that extend GOVUKFrontendComponent\n  /**\n   * Returns the root element of the component\n   *\n   * @protected\n   * @returns {RootElementType} - the root element of component\n   */\n  get $root() {\n    return this._$root\n  }\n\n  /**\n   * @protected\n   * @type {RootElementType}\n   */\n  _$root\n\n  /**\n   * Constructs a new component, validating that GOV.UK Frontend is supported\n   *\n   * @internal\n   * @param {Element | null} [$root] - HTML element to use for component\n   */\n  constructor($root) {\n    const childConstructor = /** @type {ChildClassConstructor} */ (\n      this.constructor\n    )\n\n    // TypeScript does not enforce that inheriting classes will define a `moduleName`\n    // (even if we add a `@virtual` `static moduleName` property to this class).\n    // While we trust users to do this correctly, we do a little check to provide them\n    // a helpful error message.\n    //\n    // After this, we'll be sure that `childConstructor` has a `moduleName`\n    // as expected of the `ChildClassConstructor` we've cast `this.constructor` to.\n    if (typeof childConstructor.moduleName !== 'string') {\n      throw new InitError(`\\`moduleName\\` not defined in component`)\n    }\n\n    if (!($root instanceof childConstructor.elementType)) {\n      throw new ElementError({\n        element: $root,\n        component: childConstructor,\n        identifier: 'Root element (`$root`)',\n        expectedType: childConstructor.elementType.name\n      })\n    } else {\n      this._$root = /** @type {RootElementType} */ ($root)\n    }\n\n    childConstructor.checkSupport()\n\n    this.checkInitialised()\n\n    const moduleName = childConstructor.moduleName\n\n    this.$root.setAttribute(`data-${moduleName}-init`, '')\n  }\n\n  /**\n   * Validates whether component is already initialised\n   *\n   * @private\n   * @throws {InitError} when component is already initialised\n   */\n  checkInitialised() {\n    const constructor = /** @type {ChildClassConstructor} */ (this.constructor)\n    const moduleName = constructor.moduleName\n\n    if (moduleName && isInitialised(this.$root, moduleName)) {\n      throw new InitError(constructor)\n    }\n  }\n\n  /**\n   * Validates whether components are supported\n   *\n   * @throws {SupportError} when the components are not supported\n   */\n  static checkSupport() {\n    if (!isSupported()) {\n      throw new SupportError()\n    }\n  }\n}\n\n/**\n * @typedef ChildClass\n * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component\n */\n\n/**\n * @typedef {typeof Component & ChildClass} ChildClassConstructor\n */\n","import { Component } from '../component.mjs'\nimport { ConfigError } from '../errors/index.mjs'\n\nimport { isObject, isScope, formatErrorMessage } from './index.mjs'\n\nexport const configOverride = Symbol.for('configOverride')\n\n/**\n * Base Component class\n *\n * Centralises the behaviours shared by our components\n *\n * @virtual\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]\n * @template {Element & { dataset: DOMStringMap }} [RootElementType=HTMLElement]\n * @augments Component<RootElementType>\n */\nexport class ConfigurableComponent extends Component {\n  /**\n   * configOverride\n   *\n   * Function which defines configuration overrides to prioritize\n   * properties from the root element's dataset.\n   *\n   * It should take a subset of configuration as input and return\n   * a new configuration object with properties that should be\n   * overridden based on the root element's dataset. A Symbol\n   * is used for indexing to prevent conflicts.\n   *\n   * @internal\n   * @virtual\n   * @param {Partial<ConfigurationType>} [param] - Configuration object\n   * @returns {Partial<ConfigurationType>} return - Configuration object\n   */\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  [configOverride](param) {\n    return {}\n  }\n\n  /**\n   * Returns the root element of the component\n   *\n   * @protected\n   * @returns {ConfigurationType} - the root element of component\n   */\n  get config() {\n    return this._config\n  }\n\n  /**\n   *\n   * @type {ConfigurationType}\n   */\n  _config\n\n  /**\n   * Constructs a new component, validating that GOV.UK Frontend is supported\n   *\n   * @internal\n   * @param {Element | null} [$root] - HTML element to use for component\n   * @param {ConfigurationType} [config] - HTML element to use for component\n   */\n  constructor($root, config) {\n    super($root)\n\n    const childConstructor =\n      /** @type {ChildClassConstructor<ConfigurationType>} */ (this.constructor)\n\n    if (!isObject(childConstructor.defaults)) {\n      throw new ConfigError(\n        formatErrorMessage(\n          childConstructor,\n          'Config passed as parameter into constructor but no defaults defined'\n        )\n      )\n    }\n\n    const datasetConfig = /** @type {ConfigurationType} */ (\n      normaliseDataset(childConstructor, this._$root.dataset)\n    )\n\n    this._config = /** @type {ConfigurationType} */ (\n      mergeConfigs(\n        childConstructor.defaults,\n        config ?? {},\n        this[configOverride](datasetConfig),\n        datasetConfig\n      )\n    )\n  }\n}\n\n/**\n * Normalise string\n *\n * 'If it looks like a duck, and it quacks like a duck…' 🦆\n *\n * If the passed value looks like a boolean or a number, convert it to a boolean\n * or number.\n *\n * Designed to be used to convert config passed via data attributes (which are\n * always strings) into something sensible.\n *\n * @internal\n * @param {DOMStringMap[string]} value - The value to normalise\n * @param {SchemaProperty} [property] - Component schema property\n * @returns {string | boolean | number | undefined} Normalised data\n */\nexport function normaliseString(value, property) {\n  const trimmedValue = value ? value.trim() : ''\n\n  let output\n  let outputType = property?.type\n\n  // No schema type set? Determine automatically\n  if (!outputType) {\n    if (['true', 'false'].includes(trimmedValue)) {\n      outputType = 'boolean'\n    }\n\n    // Empty / whitespace-only strings are considered finite so we need to check\n    // the length of the trimmed string as well\n    if (trimmedValue.length > 0 && isFinite(Number(trimmedValue))) {\n      outputType = 'number'\n    }\n  }\n\n  switch (outputType) {\n    case 'boolean':\n      output = trimmedValue === 'true'\n      break\n\n    case 'number':\n      output = Number(trimmedValue)\n      break\n\n    default:\n      output = value\n  }\n\n  return output\n}\n\n/**\n * Normalise dataset\n *\n * Loop over an object and normalise each value using {@link normaliseString},\n * optionally expanding nested `i18n.field`\n *\n * @internal\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @template {[keyof ConfigurationType, SchemaProperty | undefined][]} SchemaEntryType\n * @param {{ schema?: Schema<ConfigurationType>, moduleName: string }} Component - Component class\n * @param {DOMStringMap} dataset - HTML element dataset\n * @returns {ObjectNested} Normalised dataset\n */\nexport function normaliseDataset(Component, dataset) {\n  if (!isObject(Component.schema)) {\n    throw new ConfigError(\n      formatErrorMessage(\n        Component,\n        'Config passed as parameter into constructor but no schema defined'\n      )\n    )\n  }\n\n  const out = /** @type {ObjectNested} */ ({})\n  const entries = /** @type {SchemaEntryType} */ (\n    Object.entries(Component.schema.properties)\n  )\n\n  // Normalise top-level dataset ('data-*') values using schema types\n  for (const entry of entries) {\n    const [namespace, property] = entry\n\n    // Cast the `namespace` to string so it can be used to access the dataset\n    const field = namespace.toString()\n\n    if (field in dataset) {\n      out[field] = normaliseString(dataset[field], property)\n    }\n\n    /**\n     * Extract and normalise nested object values automatically using\n     * {@link normaliseString} but only schema object types are allowed\n     */\n    if (property?.type === 'object') {\n      out[field] = extractConfigByNamespace(\n        Component.schema,\n        dataset,\n        namespace\n      )\n    }\n  }\n\n  return out\n}\n\n/**\n * Normalise options passed to `initAll` or `createAll`\n *\n * @internal\n * @template {CompatibleClass} ComponentClass\n * @param {Config | CreateAllOptions<ComponentClass> | OnErrorCallback<ComponentClass> | Element | Document | null} [scopeOrOptions] - Scope of the document to search within, initialisation options or error callback function\n * @returns {CreateAllOptions<ComponentClass>} Normalised options\n */\nexport function normaliseOptions(scopeOrOptions) {\n  let /** @type {Element | Document | null} */ $scope = document\n  let /** @type {OnErrorCallback<ComponentClass> | undefined} */ onError\n\n  // Handle options object\n  if (isObject(scopeOrOptions)) {\n    const options = scopeOrOptions\n\n    // Scope must be valid or null\n    if (isScope(options.scope) || options.scope === null) {\n      $scope = options.scope\n    }\n\n    // Error handler must be a function\n    if (typeof options.onError === 'function') {\n      onError = options.onError\n    }\n  }\n\n  if (isScope(scopeOrOptions)) {\n    $scope = scopeOrOptions\n  } else if (scopeOrOptions === null) {\n    $scope = null\n  } else if (typeof scopeOrOptions === 'function') {\n    onError = scopeOrOptions\n  }\n\n  return {\n    scope: $scope,\n    onError\n  }\n}\n\n/**\n * Config merging function\n *\n * Takes any number of objects and combines them together, with\n * greatest priority on the LAST item passed in.\n *\n * @internal\n * @param {...{ [key: string]: unknown }} configObjects - Config objects to merge\n * @returns {{ [key: string]: unknown }} A merged config object\n */\nexport function mergeConfigs(...configObjects) {\n  // Start with an empty object as our base\n  /** @type {{ [key: string]: unknown }} */\n  const formattedConfigObject = {}\n\n  // Loop through each of the passed objects\n  for (const configObject of configObjects) {\n    for (const key of Object.keys(configObject)) {\n      const option = formattedConfigObject[key]\n      const override = configObject[key]\n\n      // Push their keys one-by-one into formattedConfigObject. Any duplicate\n      // keys with object values will be merged, otherwise the new value will\n      // override the existing value.\n      if (isObject(option) && isObject(override)) {\n        formattedConfigObject[key] = mergeConfigs(option, override)\n      } else {\n        // Apply override\n        formattedConfigObject[key] = override\n      }\n    }\n  }\n\n  return formattedConfigObject\n}\n\n/**\n * Validate component config by schema\n *\n * Follows limited examples in JSON schema for wider support in future\n *\n * {@link https://ajv.js.org/json-schema.html#compound-keywords}\n * {@link https://ajv.js.org/packages/ajv-errors.html#single-message}\n *\n * @internal\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @param {Schema<ConfigurationType>} schema - The schema of a component\n * @param {ConfigurationType} config - Component config\n * @returns {string[]} List of validation errors\n */\nexport function validateConfig(schema, config) {\n  const validationErrors = []\n\n  // Check errors for each schema\n  for (const [name, conditions] of Object.entries(schema)) {\n    const errors = []\n\n    // Check errors for each schema condition\n    if (Array.isArray(conditions)) {\n      for (const { required, errorMessage } of conditions) {\n        if (!required.every((key) => !!config[key])) {\n          errors.push(errorMessage) // Missing config key value\n        }\n      }\n\n      // Check one condition passes or add errors\n      if (name === 'anyOf' && !(conditions.length - errors.length >= 1)) {\n        validationErrors.push(...errors)\n      }\n    }\n  }\n\n  return validationErrors\n}\n\n/**\n * Extracts keys starting with a particular namespace from dataset ('data-*')\n * object, removing the namespace in the process, normalising all values\n *\n * @internal\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @param {Schema<ConfigurationType>} schema - The schema of a component\n * @param {DOMStringMap} dataset - The object to extract key-value pairs from\n * @param {keyof ConfigurationType} namespace - The namespace to filter keys with\n * @returns {ObjectNested | undefined} Nested object with dot-separated key namespace removed\n */\nexport function extractConfigByNamespace(schema, dataset, namespace) {\n  const property = schema.properties[namespace]\n\n  // Only extract configs for object schema properties\n  if (property?.type !== 'object') {\n    return\n  }\n\n  // Add default empty config\n  const newObject = /** @type {Record<typeof namespace, ObjectNested>} */ ({\n    [namespace]: {}\n  })\n\n  for (const [key, value] of Object.entries(dataset)) {\n    /** @type {ObjectNested | ObjectNested[NestedKey]} */\n    let current = newObject\n\n    // Split the key into parts, using . as our namespace separator\n    const keyParts = key.split('.')\n\n    /**\n     * Create new level per part\n     *\n     * e.g. 'i18n.textareaDescription.other' becomes\n     * `{ i18n: { textareaDescription: { other } } }`\n     */\n    for (const [index, name] of keyParts.entries()) {\n      if (isObject(current)) {\n        // Drop down to nested object until the last part\n        if (index < keyParts.length - 1) {\n          // New nested object (optionally) replaces existing value\n          if (!isObject(current[name])) {\n            current[name] = {}\n          }\n\n          // Drop down into new or existing nested object\n          current = current[name]\n        } else if (key !== namespace) {\n          // Normalised value (optionally) replaces existing value\n          current[name] = normaliseString(value)\n        }\n      }\n    }\n  }\n\n  return newObject[namespace]\n}\n\n/**\n * @internal\n * @typedef {keyof ObjectNested} NestedKey\n * @typedef {{ [key: string]: string | boolean | number | ObjectNested | undefined }} ObjectNested\n */\n\n/**\n * Schema for component config\n *\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @typedef {object} Schema\n * @property {Record<keyof ConfigurationType, SchemaProperty | undefined>} properties - Schema properties\n * @property {SchemaCondition<ConfigurationType>[]} [anyOf] - List of schema conditions\n */\n\n/**\n * Schema property for component config\n *\n * @typedef {object} SchemaProperty\n * @property {'string' | 'boolean' | 'number' | 'object'} type - Property type\n */\n\n/**\n * Schema condition for component config\n *\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @typedef {object} SchemaCondition\n * @property {(keyof ConfigurationType)[]} required - List of required config fields\n * @property {string} errorMessage - Error message when required config fields not provided\n */\n\n/**\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]\n * @typedef ChildClass\n * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component\n * @property {Schema<ConfigurationType>} [schema] - The schema of the component configuration\n * @property {ConfigurationType} [defaults] - The default values of the configuration of the component\n */\n\n/**\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]\n * @typedef {typeof Component & ChildClass<ConfigurationType>} ChildClassConstructor<ConfigurationType>\n */\n\n/**\n * @import { CompatibleClass, Config, CreateAllOptions, OnErrorCallback } from '../init.mjs'\n */\n","import { ConfigurableComponent } from '../../common/configuration.mjs'\nimport { setFocus } from '../../common/index.mjs'\n\n/**\n * Error summary component\n *\n * Takes focus on initialisation for accessible announcement, unless disabled in\n * configuration.\n *\n * @preserve\n * @augments ConfigurableComponent<ErrorSummaryConfig>\n */\nexport class ErrorSummary extends ConfigurableComponent {\n  /**\n   * @param {Element | null} $root - HTML element to use for error summary\n   * @param {ErrorSummaryConfig} [config] - Error summary config\n   */\n  constructor($root, config = {}) {\n    super($root, config)\n\n    /**\n     * Focus the error summary\n     */\n    if (!this.config.disableAutoFocus) {\n      setFocus(this.$root)\n    }\n\n    this.$root.addEventListener('click', (event) => this.handleClick(event))\n  }\n\n  /**\n   * Click event handler\n   *\n   * @private\n   * @param {MouseEvent} event - Click event\n   */\n  handleClick(event) {\n    const $target = event.target\n    if ($target && this.focusTarget($target)) {\n      event.preventDefault()\n    }\n  }\n\n  /**\n   * Focus the target element\n   *\n   * By default, the browser will scroll the target into view. Because our\n   * labels or legends appear above the input, this means the user will be\n   * presented with an input without any context, as the label or legend will be\n   * off the top of the screen.\n   *\n   * Manually handling the click event, scrolling the question into view and\n   * then focussing the element solves this.\n   *\n   * This also results in the label and/or legend being announced correctly in\n   * NVDA (as tested in 2018.3.2) - without this only the field type is\n   * announced (e.g. \"Edit, has autocomplete\").\n   *\n   * @private\n   * @param {EventTarget} $target - Event target\n   * @returns {boolean} True if the target was able to be focussed\n   */\n  focusTarget($target) {\n    // If the element that was clicked was not a link, return early\n    if (!($target instanceof HTMLAnchorElement)) {\n      return false\n    }\n\n    const inputId = $target.hash.replace('#', '')\n    if (!inputId) {\n      return false\n    }\n\n    const $input = document.getElementById(inputId)\n    if (!$input) {\n      return false\n    }\n\n    const $legendOrLabel = this.getAssociatedLegendOrLabel($input)\n    if (!$legendOrLabel) {\n      return false\n    }\n\n    // Scroll the legend or label into view *before* calling focus on the input\n    // to avoid extra scrolling in browsers that don't support `preventScroll`\n    // (which at time of writing is most of them...)\n    $legendOrLabel.scrollIntoView()\n    $input.focus({ preventScroll: true })\n\n    return true\n  }\n\n  /**\n   * Get associated legend or label\n   *\n   * Returns the first element that exists from this list:\n   *\n   * - The `<legend>` associated with the closest `<fieldset>` ancestor, as long\n   *   as the top of it is no more than half a viewport height away from the\n   *   bottom of the input\n   * - The first `<label>` that is associated with the input using for=\"inputId\"\n   * - The closest parent `<label>`\n   *\n   * @private\n   * @param {Element} $input - The input\n   * @returns {Element | null} Associated legend or label, or null if no\n   *   associated legend or label can be found\n   */\n  getAssociatedLegendOrLabel($input) {\n    const $fieldset = $input.closest('fieldset')\n\n    if ($fieldset) {\n      const $legends = $fieldset.getElementsByTagName('legend')\n\n      if ($legends.length) {\n        const $candidateLegend = $legends[0]\n\n        // If the input type is radio or checkbox, always use the legend if\n        // there is one.\n        if (\n          $input instanceof HTMLInputElement &&\n          ($input.type === 'checkbox' || $input.type === 'radio')\n        ) {\n          return $candidateLegend\n        }\n\n        // For other input types, only scroll to the fieldset’s legend (instead\n        // of the label associated with the input) if the input would end up in\n        // the top half of the screen.\n        //\n        // This should avoid situations where the input either ends up off the\n        // screen, or obscured by a software keyboard.\n        const legendTop = $candidateLegend.getBoundingClientRect().top\n        const inputRect = $input.getBoundingClientRect()\n\n        // If the browser doesn't support Element.getBoundingClientRect().height\n        // or window.innerHeight (like IE8), bail and just link to the label.\n        if (inputRect.height && window.innerHeight) {\n          const inputBottom = inputRect.top + inputRect.height\n\n          if (inputBottom - legendTop < window.innerHeight / 2) {\n            return $candidateLegend\n          }\n        }\n      }\n    }\n\n    return (\n      document.querySelector(`label[for='${$input.getAttribute('id')}']`) ??\n      $input.closest('label')\n    )\n  }\n\n  /**\n   * Name for the component used when initialising using data-module attributes.\n   */\n  static moduleName = 'govuk-error-summary'\n\n  /**\n   * Error summary default config\n   *\n   * @see {@link ErrorSummaryConfig}\n   * @constant\n   * @type {ErrorSummaryConfig}\n   */\n  static defaults = Object.freeze({\n    disableAutoFocus: false\n  })\n\n  /**\n   * Error summary config schema\n   *\n   * @constant\n   * @satisfies {Schema<ErrorSummaryConfig>}\n   */\n  static schema = Object.freeze({\n    properties: {\n      disableAutoFocus: { type: 'boolean' }\n    }\n  })\n}\n\n/**\n * Error summary config\n *\n * @typedef {object} ErrorSummaryConfig\n * @property {boolean} [disableAutoFocus=false] - If set to `true` the error\n *   summary will not be focussed when the page loads.\n */\n\n/**\n * @import { Schema } from '../../common/configuration.mjs'\n */\n"],"names":["setFocus","$element","options","_options$onBeforeFocu","isFocusable","getAttribute","setAttribute","onFocus","addEventListener","onBlur","once","_options$onBlur","call","removeAttribute","onBeforeFocus","focus","isInitialised","$root","moduleName","HTMLElement","hasAttribute","isSupported","$scope","document","body","classList","contains","isArray","option","Array","isObject","formatErrorMessage","Component","message","GOVUKFrontendError","Error","constructor","args","name","SupportError","supportMessage","HTMLScriptElement","prototype","ConfigError","ElementError","messageOrOptions","component","identifier","element","expectedType","InitError","componentOrMessage","_$root","childConstructor","elementType","checkSupport","checkInitialised","configOverride","Symbol","for","ConfigurableComponent","param","config","_config","defaults","datasetConfig","normaliseDataset","dataset","mergeConfigs","normaliseString","value","property","trimmedValue","trim","output","outputType","type","includes","length","isFinite","Number","schema","out","entries","Object","properties","entry","namespace","field","toString","extractConfigByNamespace","configObjects","formattedConfigObject","configObject","key","keys","override","newObject","current","keyParts","split","index","ErrorSummary","disableAutoFocus","event","handleClick","$target","target","focusTarget","preventDefault","HTMLAnchorElement","inputId","hash","replace","$input","getElementById","$legendOrLabel","getAssociatedLegendOrLabel","scrollIntoView","preventScroll","_document$querySelect","$fieldset","closest","$legends","getElementsByTagName","$candidateLegend","HTMLInputElement","legendTop","getBoundingClientRect","top","inputRect","height","window","innerHeight","inputBottom","querySelector","freeze"],"mappings":"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"}
\ No newline at end of file
diff --git a/app/templates/govuk/components/components/error-summary/error-summary.mjs b/app/templates/govuk/components/components/error-summary/error-summary.mjs
new file mode 100644
index 0000000..c4cbc1d
--- /dev/null
+++ b/app/templates/govuk/components/components/error-summary/error-summary.mjs
@@ -0,0 +1,101 @@
+import { ConfigurableComponent } from '../../common/configuration.mjs';
+import { setFocus } from '../../common/index.mjs';
+
+/**
+ * Error summary component
+ *
+ * Takes focus on initialisation for accessible announcement, unless disabled in
+ * configuration.
+ *
+ * @preserve
+ * @augments ConfigurableComponent<ErrorSummaryConfig>
+ */
+class ErrorSummary extends ConfigurableComponent {
+  /**
+   * @param {Element | null} $root - HTML element to use for error summary
+   * @param {ErrorSummaryConfig} [config] - Error summary config
+   */
+  constructor($root, config = {}) {
+    super($root, config);
+    if (!this.config.disableAutoFocus) {
+      setFocus(this.$root);
+    }
+    this.$root.addEventListener('click', event => this.handleClick(event));
+  }
+  handleClick(event) {
+    const $target = event.target;
+    if ($target && this.focusTarget($target)) {
+      event.preventDefault();
+    }
+  }
+  focusTarget($target) {
+    if (!($target instanceof HTMLAnchorElement)) {
+      return false;
+    }
+    const inputId = $target.hash.replace('#', '');
+    if (!inputId) {
+      return false;
+    }
+    const $input = document.getElementById(inputId);
+    if (!$input) {
+      return false;
+    }
+    const $legendOrLabel = this.getAssociatedLegendOrLabel($input);
+    if (!$legendOrLabel) {
+      return false;
+    }
+    $legendOrLabel.scrollIntoView();
+    $input.focus({
+      preventScroll: true
+    });
+    return true;
+  }
+  getAssociatedLegendOrLabel($input) {
+    var _document$querySelect;
+    const $fieldset = $input.closest('fieldset');
+    if ($fieldset) {
+      const $legends = $fieldset.getElementsByTagName('legend');
+      if ($legends.length) {
+        const $candidateLegend = $legends[0];
+        if ($input instanceof HTMLInputElement && ($input.type === 'checkbox' || $input.type === 'radio')) {
+          return $candidateLegend;
+        }
+        const legendTop = $candidateLegend.getBoundingClientRect().top;
+        const inputRect = $input.getBoundingClientRect();
+        if (inputRect.height && window.innerHeight) {
+          const inputBottom = inputRect.top + inputRect.height;
+          if (inputBottom - legendTop < window.innerHeight / 2) {
+            return $candidateLegend;
+          }
+        }
+      }
+    }
+    return (_document$querySelect = document.querySelector(`label[for='${$input.getAttribute('id')}']`)) != null ? _document$querySelect : $input.closest('label');
+  }
+}
+
+/**
+ * Error summary config
+ *
+ * @typedef {object} ErrorSummaryConfig
+ * @property {boolean} [disableAutoFocus=false] - If set to `true` the error
+ *   summary will not be focussed when the page loads.
+ */
+
+/**
+ * @import { Schema } from '../../common/configuration.mjs'
+ */
+ErrorSummary.moduleName = 'govuk-error-summary';
+ErrorSummary.defaults = Object.freeze({
+  disableAutoFocus: false
+});
+ErrorSummary.schema = Object.freeze({
+  properties: {
+    disableAutoFocus: {
+      type: 'boolean'
+    }
+  }
+});
+
+export { ErrorSummary };
+//# sourceMappingURL=error-summary.mjs.map
diff --git a/app/templates/govuk/components/components/error-summary/error-summary.mjs.map b/app/templates/govuk/components/components/error-summary/error-summary.mjs.map
new file mode 100644
index 0000000..ac3cc0f
--- /dev/null
+++ b/app/templates/govuk/components/components/error-summary/error-summary.mjs.map
@@ -0,0 +1 @@
+{"version":3,"file":"error-summary.mjs","sources":["../../../../src/govuk/components/error-summary/error-summary.mjs"],"sourcesContent":["import { ConfigurableComponent } from '../../common/configuration.mjs'\nimport { setFocus } from '../../common/index.mjs'\n\n/**\n * Error summary component\n *\n * Takes focus on initialisation for accessible announcement, unless disabled in\n * configuration.\n *\n * @preserve\n * @augments ConfigurableComponent<ErrorSummaryConfig>\n */\nexport class ErrorSummary extends ConfigurableComponent {\n  /**\n   * @param {Element | null} $root - HTML element to use for error summary\n   * @param {ErrorSummaryConfig} [config] - Error summary config\n   */\n  constructor($root, config = {}) {\n    super($root, config)\n\n    /**\n     * Focus the error summary\n     */\n    if (!this.config.disableAutoFocus) {\n      setFocus(this.$root)\n    }\n\n    this.$root.addEventListener('click', (event) => this.handleClick(event))\n  }\n\n  /**\n   * Click event handler\n   *\n   * @private\n   * @param {MouseEvent} event - Click event\n   */\n  handleClick(event) {\n    const $target = event.target\n    if ($target && this.focusTarget($target)) {\n      event.preventDefault()\n    }\n  }\n\n  /**\n   * Focus the target element\n   *\n   * By default, the browser will scroll the target into view. Because our\n   * labels or legends appear above the input, this means the user will be\n   * presented with an input without any context, as the label or legend will be\n   * off the top of the screen.\n   *\n   * Manually handling the click event, scrolling the question into view and\n   * then focussing the element solves this.\n   *\n   * This also results in the label and/or legend being announced correctly in\n   * NVDA (as tested in 2018.3.2) - without this only the field type is\n   * announced (e.g. \"Edit, has autocomplete\").\n   *\n   * @private\n   * @param {EventTarget} $target - Event target\n   * @returns {boolean} True if the target was able to be focussed\n   */\n  focusTarget($target) {\n    // If the element that was clicked was not a link, return early\n    if (!($target instanceof HTMLAnchorElement)) {\n      return false\n    }\n\n    const inputId = $target.hash.replace('#', '')\n    if (!inputId) {\n      return false\n    }\n\n    const $input = document.getElementById(inputId)\n    if (!$input) {\n      return false\n    }\n\n    const $legendOrLabel = this.getAssociatedLegendOrLabel($input)\n    if (!$legendOrLabel) {\n      return false\n    }\n\n    // Scroll the legend or label into view *before* calling focus on the input\n    // to avoid extra scrolling in browsers that don't support `preventScroll`\n    // (which at time of writing is most of them...)\n    $legendOrLabel.scrollIntoView()\n    $input.focus({ preventScroll: true })\n\n    return true\n  }\n\n  /**\n   * Get associated legend or label\n   *\n   * Returns the first element that exists from this list:\n   *\n   * - The `<legend>` associated with the closest `<fieldset>` ancestor, as long\n   *   as the top of it is no more than half a viewport height away from the\n   *   bottom of the input\n   * - The first `<label>` that is associated with the input using for=\"inputId\"\n   * - The closest parent `<label>`\n   *\n   * @private\n   * @param {Element} $input - The input\n   * @returns {Element | null} Associated legend or label, or null if no\n   *   associated legend or label can be found\n   */\n  getAssociatedLegendOrLabel($input) {\n    const $fieldset = $input.closest('fieldset')\n\n    if ($fieldset) {\n      const $legends = $fieldset.getElementsByTagName('legend')\n\n      if ($legends.length) {\n        const $candidateLegend = $legends[0]\n\n        // If the input type is radio or checkbox, always use the legend if\n        // there is one.\n        if (\n          $input instanceof HTMLInputElement &&\n          ($input.type === 'checkbox' || $input.type === 'radio')\n        ) {\n          return $candidateLegend\n        }\n\n        // For other input types, only scroll to the fieldset’s legend (instead\n        // of the label associated with the input) if the input would end up in\n        // the top half of the screen.\n        //\n        // This should avoid situations where the input either ends up off the\n        // screen, or obscured by a software keyboard.\n        const legendTop = $candidateLegend.getBoundingClientRect().top\n        const inputRect = $input.getBoundingClientRect()\n\n        // If the browser doesn't support Element.getBoundingClientRect().height\n        // or window.innerHeight (like IE8), bail and just link to the label.\n        if (inputRect.height && window.innerHeight) {\n          const inputBottom = inputRect.top + inputRect.height\n\n          if (inputBottom - legendTop < window.innerHeight / 2) {\n            return $candidateLegend\n          }\n        }\n      }\n    }\n\n    return (\n      document.querySelector(`label[for='${$input.getAttribute('id')}']`) ??\n      $input.closest('label')\n    )\n  }\n\n  /**\n   * Name for the component used when initialising using data-module attributes.\n   */\n  static moduleName = 'govuk-error-summary'\n\n  /**\n   * Error summary default config\n   *\n   * @see {@link ErrorSummaryConfig}\n   * @constant\n   * @type {ErrorSummaryConfig}\n   */\n  static defaults = Object.freeze({\n    disableAutoFocus: false\n  })\n\n  /**\n   * Error summary config schema\n   *\n   * @constant\n   * @satisfies {Schema<ErrorSummaryConfig>}\n   */\n  static schema = Object.freeze({\n    properties: {\n      disableAutoFocus: { type: 'boolean' }\n    }\n  })\n}\n\n/**\n * Error summary config\n *\n * @typedef {object} ErrorSummaryConfig\n * @property {boolean} [disableAutoFocus=false] - If set to `true` the error\n *   summary will not be focussed when the page loads.\n */\n\n/**\n * @import { Schema } from '../../common/configuration.mjs'\n */\n"],"names":["ErrorSummary","ConfigurableComponent","constructor","$root","config","disableAutoFocus","setFocus","addEventListener","event","handleClick","$target","target","focusTarget","preventDefault","HTMLAnchorElement","inputId","hash","replace","$input","document","getElementById","$legendOrLabel","getAssociatedLegendOrLabel","scrollIntoView","focus","preventScroll","_document$querySelect","$fieldset","closest","$legends","getElementsByTagName","length","$candidateLegend","HTMLInputElement","type","legendTop","getBoundingClientRect","top","inputRect","height","window","innerHeight","inputBottom","querySelector","getAttribute","moduleName","defaults","Object","freeze","schema","properties"],"mappings":"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"}
\ No newline at end of file
diff --git a/app/templates/govuk/components/components/error-summary/fixtures.json b/app/templates/govuk/components/components/error-summary/fixtures.json
new file mode 100644
index 0000000..cfc0520
--- /dev/null
+++ b/app/templates/govuk/components/components/error-summary/fixtures.json
@@ -0,0 +1,326 @@
+{
+    "component": "error-summary",
+    "fixtures": [
+        {
+            "name": "default",
+            "options": {
+                "titleText": "There is a problem",
+                "errorList": [
+                    {
+                        "text": "The date your passport was issued must be in the past",
+                        "href": "#example-error-1"
+                    },
+                    {
+                        "text": "Enter a postcode, like AA1 1AA",
+                        "href": "#example-error-2"
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": true,
+            "html": "<div class=\"govuk-error-summary\" data-module=\"govuk-error-summary\">\n  <div role=\"alert\">\n    <h2 class=\"govuk-error-summary__title\">\n      There is a problem\n    </h2>\n    <div class=\"govuk-error-summary__body\">\n        <ul class=\"govuk-list govuk-error-summary__list\">\n          <li>\n            <a href=\"#example-error-1\">The date your passport was issued must be in the past</a>\n          </li>\n          <li>\n            <a href=\"#example-error-2\">Enter a postcode, like AA1 1AA</a>\n          </li>\n        </ul>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "without links",
+            "options": {
+                "titleText": "There is a problem",
+                "errorList": [
+                    {
+                        "text": "Invalid username or password"
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-error-summary\" data-module=\"govuk-error-summary\">\n  <div role=\"alert\">\n    <h2 class=\"govuk-error-summary__title\">\n      There is a problem\n    </h2>\n    <div class=\"govuk-error-summary__body\">\n        <ul class=\"govuk-list govuk-error-summary__list\">\n          <li>\n            Invalid username or password\n          </li>\n        </ul>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "mixed with and without links",
+            "options": {
+                "titleText": "There is a problem",
+                "errorList": [
+                    {
+                        "text": "Invalid username or password"
+                    },
+                    {
+                        "text": "Agree to the terms of service to log in",
+                        "href": "#example-error-1"
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-error-summary\" data-module=\"govuk-error-summary\">\n  <div role=\"alert\">\n    <h2 class=\"govuk-error-summary__title\">\n      There is a problem\n    </h2>\n    <div class=\"govuk-error-summary__body\">\n        <ul class=\"govuk-list govuk-error-summary__list\">\n          <li>\n            Invalid username or password\n          </li>\n          <li>\n            <a href=\"#example-error-1\">Agree to the terms of service to log in</a>\n          </li>\n        </ul>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "with description only",
+            "options": {
+                "titleText": "There is a problem",
+                "descriptionText": "The file couldn't be loaded. Try again later."
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-error-summary\" data-module=\"govuk-error-summary\">\n  <div role=\"alert\">\n    <h2 class=\"govuk-error-summary__title\">\n      There is a problem\n    </h2>\n    <div class=\"govuk-error-summary__body\">\n      <p>\n        The file couldn&#39;t be loaded. Try again later.\n      </p>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "with everything",
+            "options": {
+                "titleText": "There is a problem",
+                "descriptionText": "Please fix the errors below.",
+                "errorList": [
+                    {
+                        "text": "Invalid username or password"
+                    },
+                    {
+                        "text": "Agree to the terms of service to log in",
+                        "href": "#example-error-1"
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": true,
+            "html": "<div class=\"govuk-error-summary\" data-module=\"govuk-error-summary\">\n  <div role=\"alert\">\n    <h2 class=\"govuk-error-summary__title\">\n      There is a problem\n    </h2>\n    <div class=\"govuk-error-summary__body\">\n      <p>\n        Please fix the errors below.\n      </p>\n        <ul class=\"govuk-list govuk-error-summary__list\">\n          <li>\n            Invalid username or password\n          </li>\n          <li>\n            <a href=\"#example-error-1\">Agree to the terms of service to log in</a>\n          </li>\n        </ul>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "html as titleText",
+            "options": {
+                "titleText": "Alert, <em>alert</em>",
+                "errorList": [
+                    {
+                        "text": "Invalid username or password"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-error-summary\" data-module=\"govuk-error-summary\">\n  <div role=\"alert\">\n    <h2 class=\"govuk-error-summary__title\">\n      Alert, &lt;em&gt;alert&lt;/em&gt;\n    </h2>\n    <div class=\"govuk-error-summary__body\">\n        <ul class=\"govuk-list govuk-error-summary__list\">\n          <li>\n            Invalid username or password\n          </li>\n        </ul>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "title html",
+            "options": {
+                "titleHtml": "Alert, <em>alert</em>",
+                "errorList": [
+                    {
+                        "text": "Invalid username or password"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-error-summary\" data-module=\"govuk-error-summary\">\n  <div role=\"alert\">\n    <h2 class=\"govuk-error-summary__title\">\n      Alert, <em>alert</em>\n    </h2>\n    <div class=\"govuk-error-summary__body\">\n        <ul class=\"govuk-list govuk-error-summary__list\">\n          <li>\n            Invalid username or password\n          </li>\n        </ul>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "description",
+            "options": {
+                "titleText": "There is a problem",
+                "descriptionText": "Lorem ipsum",
+                "errorList": [
+                    {
+                        "text": "Invalid username or password"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-error-summary\" data-module=\"govuk-error-summary\">\n  <div role=\"alert\">\n    <h2 class=\"govuk-error-summary__title\">\n      There is a problem\n    </h2>\n    <div class=\"govuk-error-summary__body\">\n      <p>\n        Lorem ipsum\n      </p>\n        <ul class=\"govuk-list govuk-error-summary__list\">\n          <li>\n            Invalid username or password\n          </li>\n        </ul>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "html as descriptionText",
+            "options": {
+                "titleText": "There is a problem",
+                "descriptionText": "See errors below (>)",
+                "errorList": [
+                    {
+                        "text": "Invalid username or password"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-error-summary\" data-module=\"govuk-error-summary\">\n  <div role=\"alert\">\n    <h2 class=\"govuk-error-summary__title\">\n      There is a problem\n    </h2>\n    <div class=\"govuk-error-summary__body\">\n      <p>\n        See errors below (&gt;)\n      </p>\n        <ul class=\"govuk-list govuk-error-summary__list\">\n          <li>\n            Invalid username or password\n          </li>\n        </ul>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "description html",
+            "options": {
+                "titleText": "There is a problem",
+                "descriptionHtml": "See <span>errors</span> below",
+                "errorList": [
+                    {
+                        "text": "Invalid username or password"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-error-summary\" data-module=\"govuk-error-summary\">\n  <div role=\"alert\">\n    <h2 class=\"govuk-error-summary__title\">\n      There is a problem\n    </h2>\n    <div class=\"govuk-error-summary__body\">\n      <p>\n        See <span>errors</span> below\n      </p>\n        <ul class=\"govuk-list govuk-error-summary__list\">\n          <li>\n            Invalid username or password\n          </li>\n        </ul>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "classes",
+            "options": {
+                "titleText": "There is a problem",
+                "classes": "extra-class one-more-class",
+                "errorList": [
+                    {
+                        "text": "Invalid username or password"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-error-summary extra-class one-more-class\" data-module=\"govuk-error-summary\">\n  <div role=\"alert\">\n    <h2 class=\"govuk-error-summary__title\">\n      There is a problem\n    </h2>\n    <div class=\"govuk-error-summary__body\">\n        <ul class=\"govuk-list govuk-error-summary__list\">\n          <li>\n            Invalid username or password\n          </li>\n        </ul>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "attributes",
+            "options": {
+                "titleText": "There is a problem",
+                "attributes": {
+                    "first-attribute": "foo",
+                    "second-attribute": "bar"
+                },
+                "errorList": [
+                    {
+                        "text": "Invalid username or password"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-error-summary\" first-attribute=\"foo\" second-attribute=\"bar\" data-module=\"govuk-error-summary\">\n  <div role=\"alert\">\n    <h2 class=\"govuk-error-summary__title\">\n      There is a problem\n    </h2>\n    <div class=\"govuk-error-summary__body\">\n        <ul class=\"govuk-list govuk-error-summary__list\">\n          <li>\n            Invalid username or password\n          </li>\n        </ul>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "error list with attributes",
+            "options": {
+                "titleText": "There is a problem",
+                "errorList": [
+                    {
+                        "text": "Error-1",
+                        "href": "#item",
+                        "attributes": {
+                            "data-attribute": "my-attribute",
+                            "data-attribute-2": "my-attribute-2"
+                        }
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-error-summary\" data-module=\"govuk-error-summary\">\n  <div role=\"alert\">\n    <h2 class=\"govuk-error-summary__title\">\n      There is a problem\n    </h2>\n    <div class=\"govuk-error-summary__body\">\n        <ul class=\"govuk-list govuk-error-summary__list\">\n          <li>\n            <a href=\"#item\" data-attribute=\"my-attribute\" data-attribute-2=\"my-attribute-2\">Error-1</a>\n          </li>\n        </ul>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "error list with html as text",
+            "options": {
+                "titleText": "There is a problem",
+                "errorList": [
+                    {
+                        "text": "Descriptive link to the <b>question</b> with an error"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-error-summary\" data-module=\"govuk-error-summary\">\n  <div role=\"alert\">\n    <h2 class=\"govuk-error-summary__title\">\n      There is a problem\n    </h2>\n    <div class=\"govuk-error-summary__body\">\n        <ul class=\"govuk-list govuk-error-summary__list\">\n          <li>\n            Descriptive link to the &lt;b&gt;question&lt;/b&gt; with an error\n          </li>\n        </ul>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "error list with html",
+            "options": {
+                "titleText": "There is a problem",
+                "errorList": [
+                    {
+                        "html": "The date your passport was issued <b>must</b> be in the past"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-error-summary\" data-module=\"govuk-error-summary\">\n  <div role=\"alert\">\n    <h2 class=\"govuk-error-summary__title\">\n      There is a problem\n    </h2>\n    <div class=\"govuk-error-summary__body\">\n        <ul class=\"govuk-list govuk-error-summary__list\">\n          <li>\n            The date your passport was issued <b>must</b> be in the past\n          </li>\n        </ul>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "error list with html link",
+            "options": {
+                "titleText": "There is a problem",
+                "errorList": [
+                    {
+                        "html": "Descriptive link to the <b>question</b> with an error",
+                        "href": "#error-1"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-error-summary\" data-module=\"govuk-error-summary\">\n  <div role=\"alert\">\n    <h2 class=\"govuk-error-summary__title\">\n      There is a problem\n    </h2>\n    <div class=\"govuk-error-summary__body\">\n        <ul class=\"govuk-list govuk-error-summary__list\">\n          <li>\n            <a href=\"#error-1\">Descriptive link to the <b>question</b> with an error</a>\n          </li>\n        </ul>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "error list with html as text link",
+            "options": {
+                "titleText": "There is a problem",
+                "errorList": [
+                    {
+                        "text": "Descriptive link to the <b>question</b> with an error",
+                        "href": "#error-1"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-error-summary\" data-module=\"govuk-error-summary\">\n  <div role=\"alert\">\n    <h2 class=\"govuk-error-summary__title\">\n      There is a problem\n    </h2>\n    <div class=\"govuk-error-summary__body\">\n        <ul class=\"govuk-list govuk-error-summary__list\">\n          <li>\n            <a href=\"#error-1\">Descriptive link to the &lt;b&gt;question&lt;/b&gt; with an error</a>\n          </li>\n        </ul>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "autofocus disabled",
+            "options": {
+                "titleText": "There is a problem",
+                "disableAutoFocus": true
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-error-summary\" data-disable-auto-focus=\"true\" data-module=\"govuk-error-summary\">\n  <div role=\"alert\">\n    <h2 class=\"govuk-error-summary__title\">\n      There is a problem\n    </h2>\n    <div class=\"govuk-error-summary__body\">\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "autofocus explicitly enabled",
+            "options": {
+                "titleText": "There is a problem",
+                "disableAutoFocus": false
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-error-summary\" data-disable-auto-focus=\"false\" data-module=\"govuk-error-summary\">\n  <div role=\"alert\">\n    <h2 class=\"govuk-error-summary__title\">\n      There is a problem\n    </h2>\n    <div class=\"govuk-error-summary__body\">\n    </div>\n  </div>\n</div>"
+        }
+    ]
+}
diff --git a/app/templates/govuk/components/components/error-summary/macro-options.json b/app/templates/govuk/components/components/error-summary/macro-options.json
new file mode 100644
index 0000000..747968a
--- /dev/null
+++ b/app/templates/govuk/components/components/error-summary/macro-options.json
@@ -0,0 +1,82 @@
+[
+    {
+        "name": "titleText",
+        "type": "string",
+        "required": true,
+        "description": "If `titleHtml` is set, this is not required. Text to use for the heading of the error summary block. If `titleHtml` is provided, `titleText` will be ignored."
+    },
+    {
+        "name": "titleHtml",
+        "type": "string",
+        "required": true,
+        "description": "If `titleText` is set, this is not required. HTML to use for the heading of the error summary block. If `titleHtml` is provided, `titleText` will be ignored."
+    },
+    {
+        "name": "descriptionText",
+        "type": "string",
+        "required": false,
+        "description": "Text to use for the description of the errors. If you set `descriptionHtml`, the component will ignore `descriptionText`."
+    },
+    {
+        "name": "descriptionHtml",
+        "type": "string",
+        "required": false,
+        "description": "HTML to use for the description of the errors. If you set this option, the component will ignore `descriptionText`."
+    },
+    {
+        "name": "caller",
+        "type": "nunjucks-block",
+        "required": false,
+        "description": "Not strictly a parameter but [Nunjucks code convention](https://mozilla.github.io/nunjucks/templating.html#call). Using a `call` block enables you to call a macro with all the text inside the tag. This is helpful if you want to pass a lot of content into a macro. To use it, you will need to wrap the entire error summary component in a `call` block."
+    },
+    {
+        "name": "errorList",
+        "type": "array",
+        "required": false,
+        "description": "A list of errors to include in the error summary.",
+        "params": [
+            {
+                "name": "href",
+                "type": "string",
+                "required": false,
+                "description": "Href attribute for the error link item. If provided item will be an anchor."
+            },
+            {
+                "name": "text",
+                "type": "string",
+                "required": true,
+                "description": "If `html` is set, this is not required. Text for the error link item. If `html` is provided, the `text` option will be ignored."
+            },
+            {
+                "name": "html",
+                "type": "string",
+                "required": true,
+                "description": "If `text` is set, this is not required. HTML for the error link item. If `html` is provided, the `text` option will be ignored."
+            },
+            {
+                "name": "attributes",
+                "type": "object",
+                "required": false,
+                "description": "HTML attributes (for example data attributes) to add to the error link anchor."
+            }
+        ]
+    },
+    {
+        "name": "disableAutoFocus",
+        "type": "boolean",
+        "required": false,
+        "description": "Prevent moving focus to the error summary when the page loads."
+    },
+    {
+        "name": "classes",
+        "type": "string",
+        "required": false,
+        "description": "Classes to add to the error-summary container."
+    },
+    {
+        "name": "attributes",
+        "type": "object",
+        "required": false,
+        "description": "HTML attributes (for example data attributes) to add to the error-summary container."
+    }
+]
diff --git a/app/templates/govuk/components/components/error-summary/macro.njk b/app/templates/govuk/components/components/error-summary/macro.njk
new file mode 100644
index 0000000..295d725
--- /dev/null
+++ b/app/templates/govuk/components/components/error-summary/macro.njk
@@ -0,0 +1,3 @@
+{% macro govukErrorSummary(params) %}
+  {%- include "./template.njk" -%}
+{% endmacro %}
diff --git a/app/templates/govuk/components/components/error-summary/template-default.html b/app/templates/govuk/components/components/error-summary/template-default.html
new file mode 100644
index 0000000..4cbbbc2
--- /dev/null
+++ b/app/templates/govuk/components/components/error-summary/template-default.html
@@ -0,0 +1,17 @@
+<div class="govuk-error-summary" data-module="govuk-error-summary">
+  <div role="alert">
+    <h2 class="govuk-error-summary__title">
+      There is a problem
+    </h2>
+    <div class="govuk-error-summary__body">
+        <ul class="govuk-list govuk-error-summary__list">
+          <li>
+            <a href="#example-error-1">The date your passport was issued must be in the past</a>
+          </li>
+          <li>
+            <a href="#example-error-2">Enter a postcode, like AA1 1AA</a>
+          </li>
+        </ul>
+    </div>
+  </div>
+</div>
diff --git a/app/templates/govuk/components/components/error-summary/template-mixed-with-and-without-links.html b/app/templates/govuk/components/components/error-summary/template-mixed-with-and-without-links.html
new file mode 100644
index 0000000..8fa5e6f
--- /dev/null
+++ b/app/templates/govuk/components/components/error-summary/template-mixed-with-and-without-links.html
@@ -0,0 +1,17 @@
+<div class="govuk-error-summary" data-module="govuk-error-summary">
+  <div role="alert">
+    <h2 class="govuk-error-summary__title">
+      There is a problem
+    </h2>
+    <div class="govuk-error-summary__body">
+        <ul class="govuk-list govuk-error-summary__list">
+          <li>
+            Invalid username or password
+          </li>
+          <li>
+            <a href="#example-error-1">Agree to the terms of service to log in</a>
+          </li>
+        </ul>
+    </div>
+  </div>
+</div>
diff --git a/app/templates/govuk/components/components/error-summary/template-with-description-only.html b/app/templates/govuk/components/components/error-summary/template-with-description-only.html
new file mode 100644
index 0000000..7e3edec
--- /dev/null
+++ b/app/templates/govuk/components/components/error-summary/template-with-description-only.html
@@ -0,0 +1,12 @@
+<div class="govuk-error-summary" data-module="govuk-error-summary">
+  <div role="alert">
+    <h2 class="govuk-error-summary__title">
+      There is a problem
+    </h2>
+    <div class="govuk-error-summary__body">
+      <p>
+        The file couldn&#39;t be loaded. Try again later.
+      </p>
+    </div>
+  </div>
+</div>
diff --git a/app/templates/govuk/components/components/error-summary/template-with-everything.html b/app/templates/govuk/components/components/error-summary/template-with-everything.html
new file mode 100644
index 0000000..41cae1d
--- /dev/null
+++ b/app/templates/govuk/components/components/error-summary/template-with-everything.html
@@ -0,0 +1,20 @@
+<div class="govuk-error-summary" data-module="govuk-error-summary">
+  <div role="alert">
+    <h2 class="govuk-error-summary__title">
+      There is a problem
+    </h2>
+    <div class="govuk-error-summary__body">
+      <p>
+        Please fix the errors below.
+      </p>
+        <ul class="govuk-list govuk-error-summary__list">
+          <li>
+            Invalid username or password
+          </li>
+          <li>
+            <a href="#example-error-1">Agree to the terms of service to log in</a>
+          </li>
+        </ul>
+    </div>
+  </div>
+</div>
diff --git a/app/templates/govuk/components/components/error-summary/template-without-links.html b/app/templates/govuk/components/components/error-summary/template-without-links.html
new file mode 100644
index 0000000..6864f7e
--- /dev/null
+++ b/app/templates/govuk/components/components/error-summary/template-without-links.html
@@ -0,0 +1,14 @@
+<div class="govuk-error-summary" data-module="govuk-error-summary">
+  <div role="alert">
+    <h2 class="govuk-error-summary__title">
+      There is a problem
+    </h2>
+    <div class="govuk-error-summary__body">
+        <ul class="govuk-list govuk-error-summary__list">
+          <li>
+            Invalid username or password
+          </li>
+        </ul>
+    </div>
+  </div>
+</div>
diff --git a/app/templates/govuk/components/components/error-summary/template.njk b/app/templates/govuk/components/components/error-summary/template.njk
new file mode 100644
index 0000000..dd6fc0e
--- /dev/null
+++ b/app/templates/govuk/components/components/error-summary/template.njk
@@ -0,0 +1,37 @@
+{% from "../../macros/attributes.njk" import govukAttributes -%}
+
+<div class="govuk-error-summary
+  {%- if params.classes %} {{ params.classes }}{% endif %}"
+  {%- if params.disableAutoFocus !== undefined %} data-disable-auto-focus="{{ params.disableAutoFocus }}"{% endif %}
+  {{- govukAttributes(params.attributes) }} data-module="govuk-error-summary">
+  {#- Keep the role="alert" in a seperate child container to prevent a race condition between
+  the focusing js at the alert, resulting in information getting missed in screen reader announcements #}
+  <div role="alert">
+    <h2 class="govuk-error-summary__title">
+      {{ params.titleHtml | safe | trim | indent(6) if params.titleHtml else params.titleText }}
+    </h2>
+    <div class="govuk-error-summary__body">
+      {% if caller or params.descriptionHtml or params.descriptionText %}
+      <p>
+        {{ caller() if caller else (params.descriptionHtml | safe | trim | indent(8) if params.descriptionHtml else params.descriptionText) }}
+      </p>
+      {% endif %}
+      {% if params.errorList | length %}
+        <ul class="govuk-list govuk-error-summary__list">
+        {% for item in params.errorList %}
+          <li>
+          {% if item.href %}
+            <a href="{{ item.href }}"
+              {{- govukAttributes(item.attributes) }}>
+              {{- item.html | safe | trim | indent(12) if item.html else item.text -}}
+            </a>
+          {% else %}
+            {{ item.html | safe | trim | indent(10) if item.html else item.text }}
+          {% endif %}
+          </li>
+        {% endfor %}
+        </ul>
+      {% endif %}
+    </div>
+  </div>
+</div>
diff --git a/app/templates/govuk/components/components/exit-this-page/README.md b/app/templates/govuk/components/components/exit-this-page/README.md
new file mode 100644
index 0000000..c401151
--- /dev/null
+++ b/app/templates/govuk/components/components/exit-this-page/README.md
@@ -0,0 +1,15 @@
+# Exit this page
+
+## Installation
+
+See the [main README quick start guide](https://github.com/alphagov/govuk-frontend#quick-start) for how to install this component.
+
+## Guidance and Examples
+
+Find out when to use the exit this page component in your service in the [GOV.UK Design System](https://design-system.service.gov.uk/components/exit-this-page).
+
+## Component options
+
+Use options to customise the appearance, content and behaviour of a component when using a macro, for example, changing the text.
+
+See [options table](https://design-system.service.gov.uk/components/exit-this-page/#options-exit-this-page-example) for details.
diff --git a/app/templates/govuk/components/components/exit-this-page/_exit-this-page.scss b/app/templates/govuk/components/components/exit-this-page/_exit-this-page.scss
new file mode 100644
index 0000000..c6c43a3
--- /dev/null
+++ b/app/templates/govuk/components/components/exit-this-page/_exit-this-page.scss
@@ -0,0 +1,4 @@
+@import "../../base";
+@import "./index";
+
+/*# sourceMappingURL=_exit-this-page.scss.map */
diff --git a/app/templates/govuk/components/components/exit-this-page/_exit-this-page.scss.map b/app/templates/govuk/components/components/exit-this-page/_exit-this-page.scss.map
new file mode 100644
index 0000000..75e2115
--- /dev/null
+++ b/app/templates/govuk/components/components/exit-this-page/_exit-this-page.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/exit-this-page/_exit-this-page.scss"],"names":[],"mappings":"AAAA,oBAAoB;AACpB,iBAAiB","file":"_exit-this-page.scss","sourcesContent":["@import \"../../base\";\n@import \"./index\";\n"]}
diff --git a/app/templates/govuk/components/components/exit-this-page/_index.scss b/app/templates/govuk/components/components/exit-this-page/_index.scss
new file mode 100644
index 0000000..c8a7824
--- /dev/null
+++ b/app/templates/govuk/components/components/exit-this-page/_index.scss
@@ -0,0 +1,92 @@
+@import "../button/index";
+
+@include govuk-exports("govuk/component/exit-this-page") {
+  $indicator-size: 0.75em;
+
+  .govuk-exit-this-page {
+    @include govuk-responsive-margin(8, "bottom");
+    position: -webkit-sticky;
+    position: sticky;
+    z-index: 1000;
+    top: 0;
+    left: 0;
+    width: 100%;
+
+    @include govuk-media-query($from: tablet) {
+      display: inline-block;
+      right: 0;
+      left: auto;
+      width: auto;
+      float: right;
+    }
+  }
+
+  .govuk-exit-this-page__button {
+    margin-bottom: 0;
+  }
+
+  .govuk-exit-this-page__indicator {
+    @include govuk-responsive-padding(2);
+    display: none;
+    padding-bottom: 0;
+    color: inherit;
+    line-height: 0; // removes extra negative space below the indicators
+    text-align: center;
+    pointer-events: none;
+  }
+
+  .govuk-exit-this-page__indicator--visible {
+    display: block;
+  }
+
+  .govuk-exit-this-page__indicator-light {
+    box-sizing: border-box;
+    display: inline-block;
+    width: $indicator-size;
+    height: $indicator-size;
+    margin: 0 0.125em;
+    border-width: 2px;
+    border-style: solid;
+    border-radius: 50%;
+    border-color: currentcolor;
+  }
+
+  .govuk-exit-this-page__indicator-light--on {
+    border-width: $indicator-size / 2;
+  }
+
+  @media only print {
+    .govuk-exit-this-page {
+      display: none;
+    }
+  }
+
+  .govuk-exit-this-page-overlay {
+    position: fixed;
+    z-index: 9999;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    background-color: govuk-colour("white");
+  }
+
+  // This class is added to the body when the Exit This Page button is activated
+  // in addition to the overlay to both block the entire screen and hide everything
+  // underneath it.
+  //
+  // We do this to ensure that users don't risk interacting with the page underneath
+  // the overlay between activating the button and navigating to the next page.
+  .govuk-exit-this-page-hide-content {
+    // stylelint-disable declaration-no-important
+    * {
+      display: none !important;
+    }
+
+    .govuk-exit-this-page-overlay {
+      display: block !important;
+    }
+  }
+}
+
+/*# sourceMappingURL=_index.scss.map */
diff --git a/app/templates/govuk/components/components/exit-this-page/_index.scss.map b/app/templates/govuk/components/components/exit-this-page/_index.scss.map
new file mode 100644
index 0000000..0794ce0
--- /dev/null
+++ b/app/templates/govuk/components/components/exit-this-page/_index.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/exit-this-page/_index.scss"],"names":[],"mappings":"AAAA,yBAAyB;;AAEzB;EACE,uBAAuB;;EAEvB;IACE,6CAA6C;IAC7C,wBAAgB;IAAhB,gBAAgB;IAChB,aAAa;IACb,MAAM;IACN,OAAO;IACP,WAAW;;IAEX;MACE,qBAAqB;MACrB,QAAQ;MACR,UAAU;MACV,WAAW;MACX,YAAY;IACd;EACF;;EAEA;IACE,gBAAgB;EAClB;;EAEA;IACE,oCAAoC;IACpC,aAAa;IACb,iBAAiB;IACjB,cAAc;IACd,cAAc,EAAE,mDAAmD;IACnE,kBAAkB;IAClB,oBAAoB;EACtB;;EAEA;IACE,cAAc;EAChB;;EAEA;IACE,sBAAsB;IACtB,qBAAqB;IACrB,sBAAsB;IACtB,uBAAuB;IACvB,iBAAiB;IACjB,iBAAiB;IACjB,mBAAmB;IACnB,kBAAkB;IAClB,0BAA0B;EAC5B;;EAEA;IACE,iCAAiC;EACnC;;EAEA;IACE;MACE,aAAa;IACf;EACF;;EAEA;IACE,eAAe;IACf,aAAa;IACb,MAAM;IACN,QAAQ;IACR,SAAS;IACT,OAAO;IACP,uCAAuC;EACzC;;EAEA,6EAA6E;EAC7E,gFAAgF;EAChF,gBAAgB;EAChB,CAAC;EACD,iFAAiF;EACjF,4EAA4E;EAC5E;IACE,4CAA4C;IAC5C;MACE,wBAAwB;IAC1B;;IAEA;MACE,yBAAyB;IAC3B;EACF;AACF","file":"_index.scss","sourcesContent":["@import \"../button/index\";\n\n@include govuk-exports(\"govuk/component/exit-this-page\") {\n  $indicator-size: 0.75em;\n\n  .govuk-exit-this-page {\n    @include govuk-responsive-margin(8, \"bottom\");\n    position: sticky;\n    z-index: 1000;\n    top: 0;\n    left: 0;\n    width: 100%;\n\n    @include govuk-media-query($from: tablet) {\n      display: inline-block;\n      right: 0;\n      left: auto;\n      width: auto;\n      float: right;\n    }\n  }\n\n  .govuk-exit-this-page__button {\n    margin-bottom: 0;\n  }\n\n  .govuk-exit-this-page__indicator {\n    @include govuk-responsive-padding(2);\n    display: none;\n    padding-bottom: 0;\n    color: inherit;\n    line-height: 0; // removes extra negative space below the indicators\n    text-align: center;\n    pointer-events: none;\n  }\n\n  .govuk-exit-this-page__indicator--visible {\n    display: block;\n  }\n\n  .govuk-exit-this-page__indicator-light {\n    box-sizing: border-box;\n    display: inline-block;\n    width: $indicator-size;\n    height: $indicator-size;\n    margin: 0 0.125em;\n    border-width: 2px;\n    border-style: solid;\n    border-radius: 50%;\n    border-color: currentcolor;\n  }\n\n  .govuk-exit-this-page__indicator-light--on {\n    border-width: $indicator-size / 2;\n  }\n\n  @media only print {\n    .govuk-exit-this-page {\n      display: none;\n    }\n  }\n\n  .govuk-exit-this-page-overlay {\n    position: fixed;\n    z-index: 9999;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    background-color: govuk-colour(\"white\");\n  }\n\n  // This class is added to the body when the Exit This Page button is activated\n  // in addition to the overlay to both block the entire screen and hide everything\n  // underneath it.\n  //\n  // We do this to ensure that users don't risk interacting with the page underneath\n  // the overlay between activating the button and navigating to the next page.\n  .govuk-exit-this-page-hide-content {\n    // stylelint-disable declaration-no-important\n    * {\n      display: none !important;\n    }\n\n    .govuk-exit-this-page-overlay {\n      display: block !important;\n    }\n  }\n}\n"]}
diff --git a/app/templates/govuk/components/components/exit-this-page/exit-this-page.bundle.js b/app/templates/govuk/components/components/exit-this-page/exit-this-page.bundle.js
new file mode 100644
index 0000000..162c252
--- /dev/null
+++ b/app/templates/govuk/components/components/exit-this-page/exit-this-page.bundle.js
@@ -0,0 +1,584 @@
+(function (global, factory) {
+  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports) :
+  typeof define === 'function' && define.amd ? define(['exports'], factory) :
+  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.GOVUKFrontend = global.GOVUKFrontend || {}));
+})(this, (function (exports) { 'use strict';
+
+  function isInitialised($root, moduleName) {
+    return $root instanceof HTMLElement && $root.hasAttribute(`data-${moduleName}-init`);
+  }
+
+  /**
+   * Checks if GOV.UK Frontend is supported on this page
+   *
+   * Some browsers will load and run our JavaScript but GOV.UK Frontend
+   * won't be supported.
+   *
+   * @param {HTMLElement | null} [$scope] - (internal) `<body>` HTML element checked for browser support
+   * @returns {boolean} Whether GOV.UK Frontend is supported on this page
+   */
+  function isSupported($scope = document.body) {
+    if (!$scope) {
+      return false;
+    }
+    return $scope.classList.contains('govuk-frontend-supported');
+  }
+  function isArray(option) {
+    return Array.isArray(option);
+  }
+  function isObject(option) {
+    return !!option && typeof option === 'object' && !isArray(option);
+  }
+  function formatErrorMessage(Component, message) {
+    return `${Component.moduleName}: ${message}`;
+  }
+  /**
+   * @typedef ComponentWithModuleName
+   * @property {string} moduleName - Name of the component
+   */
+
+  class GOVUKFrontendError extends Error {
+    constructor(...args) {
+      super(...args);
+      this.name = 'GOVUKFrontendError';
+    }
+  }
+  class SupportError extends GOVUKFrontendError {
+    /**
+     * Checks if GOV.UK Frontend is supported on this page
+     *
+     * @param {HTMLElement | null} [$scope] - HTML element `<body>` checked for browser support
+     */
+    constructor($scope = document.body) {
+      const supportMessage = 'noModule' in HTMLScriptElement.prototype ? 'GOV.UK Frontend initialised without `<body class="govuk-frontend-supported">` from template `<script>` snippet' : 'GOV.UK Frontend is not supported in this browser';
+      super($scope ? supportMessage : 'GOV.UK Frontend initialised without `<script type="module">`');
+      this.name = 'SupportError';
+    }
+  }
+  class ConfigError extends GOVUKFrontendError {
+    constructor(...args) {
+      super(...args);
+      this.name = 'ConfigError';
+    }
+  }
+  class ElementError extends GOVUKFrontendError {
+    constructor(messageOrOptions) {
+      let message = typeof messageOrOptions === 'string' ? messageOrOptions : '';
+      if (isObject(messageOrOptions)) {
+        const {
+          component,
+          identifier,
+          element,
+          expectedType
+        } = messageOrOptions;
+        message = identifier;
+        message += element ? ` is not of type ${expectedType != null ? expectedType : 'HTMLElement'}` : ' not found';
+        if (component) {
+          message = formatErrorMessage(component, message);
+        }
+      }
+      super(message);
+      this.name = 'ElementError';
+    }
+  }
+  class InitError extends GOVUKFrontendError {
+    constructor(componentOrMessage) {
+      const message = typeof componentOrMessage === 'string' ? componentOrMessage : formatErrorMessage(componentOrMessage, `Root element (\`$root\`) already initialised`);
+      super(message);
+      this.name = 'InitError';
+    }
+  }
+  /**
+   * @import { ComponentWithModuleName } from '../common/index.mjs'
+   */
+
+  class Component {
+    /**
+     * Returns the root element of the component
+     *
+     * @protected
+     * @returns {RootElementType} - the root element of component
+     */
+    get $root() {
+      return this._$root;
+    }
+    constructor($root) {
+      this._$root = void 0;
+      const childConstructor = this.constructor;
+      if (typeof childConstructor.moduleName !== 'string') {
+        throw new InitError(`\`moduleName\` not defined in component`);
+      }
+      if (!($root instanceof childConstructor.elementType)) {
+        throw new ElementError({
+          element: $root,
+          component: childConstructor,
+          identifier: 'Root element (`$root`)',
+          expectedType: childConstructor.elementType.name
+        });
+      } else {
+        this._$root = $root;
+      }
+      childConstructor.checkSupport();
+      this.checkInitialised();
+      const moduleName = childConstructor.moduleName;
+      this.$root.setAttribute(`data-${moduleName}-init`, '');
+    }
+    checkInitialised() {
+      const constructor = this.constructor;
+      const moduleName = constructor.moduleName;
+      if (moduleName && isInitialised(this.$root, moduleName)) {
+        throw new InitError(constructor);
+      }
+    }
+    static checkSupport() {
+      if (!isSupported()) {
+        throw new SupportError();
+      }
+    }
+  }
+
+  /**
+   * @typedef ChildClass
+   * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component
+   */
+
+  /**
+   * @typedef {typeof Component & ChildClass} ChildClassConstructor
+   */
+  Component.elementType = HTMLElement;
+
+  const configOverride = Symbol.for('configOverride');
+  class ConfigurableComponent extends Component {
+    [configOverride](param) {
+      return {};
+    }
+
+    /**
+     * Returns the root element of the component
+     *
+     * @protected
+     * @returns {ConfigurationType} - the root element of component
+     */
+    get config() {
+      return this._config;
+    }
+    constructor($root, config) {
+      super($root);
+      this._config = void 0;
+      const childConstructor = this.constructor;
+      if (!isObject(childConstructor.defaults)) {
+        throw new ConfigError(formatErrorMessage(childConstructor, 'Config passed as parameter into constructor but no defaults defined'));
+      }
+      const datasetConfig = normaliseDataset(childConstructor, this._$root.dataset);
+      this._config = mergeConfigs(childConstructor.defaults, config != null ? config : {}, this[configOverride](datasetConfig), datasetConfig);
+    }
+  }
+  function normaliseString(value, property) {
+    const trimmedValue = value ? value.trim() : '';
+    let output;
+    let outputType = property == null ? void 0 : property.type;
+    if (!outputType) {
+      if (['true', 'false'].includes(trimmedValue)) {
+        outputType = 'boolean';
+      }
+      if (trimmedValue.length > 0 && isFinite(Number(trimmedValue))) {
+        outputType = 'number';
+      }
+    }
+    switch (outputType) {
+      case 'boolean':
+        output = trimmedValue === 'true';
+        break;
+      case 'number':
+        output = Number(trimmedValue);
+        break;
+      default:
+        output = value;
+    }
+    return output;
+  }
+  function normaliseDataset(Component, dataset) {
+    if (!isObject(Component.schema)) {
+      throw new ConfigError(formatErrorMessage(Component, 'Config passed as parameter into constructor but no schema defined'));
+    }
+    const out = {};
+    const entries = Object.entries(Component.schema.properties);
+    for (const entry of entries) {
+      const [namespace, property] = entry;
+      const field = namespace.toString();
+      if (field in dataset) {
+        out[field] = normaliseString(dataset[field], property);
+      }
+      if ((property == null ? void 0 : property.type) === 'object') {
+        out[field] = extractConfigByNamespace(Component.schema, dataset, namespace);
+      }
+    }
+    return out;
+  }
+  function mergeConfigs(...configObjects) {
+    const formattedConfigObject = {};
+    for (const configObject of configObjects) {
+      for (const key of Object.keys(configObject)) {
+        const option = formattedConfigObject[key];
+        const override = configObject[key];
+        if (isObject(option) && isObject(override)) {
+          formattedConfigObject[key] = mergeConfigs(option, override);
+        } else {
+          formattedConfigObject[key] = override;
+        }
+      }
+    }
+    return formattedConfigObject;
+  }
+  function extractConfigByNamespace(schema, dataset, namespace) {
+    const property = schema.properties[namespace];
+    if ((property == null ? void 0 : property.type) !== 'object') {
+      return;
+    }
+    const newObject = {
+      [namespace]: {}
+    };
+    for (const [key, value] of Object.entries(dataset)) {
+      let current = newObject;
+      const keyParts = key.split('.');
+      for (const [index, name] of keyParts.entries()) {
+        if (isObject(current)) {
+          if (index < keyParts.length - 1) {
+            if (!isObject(current[name])) {
+              current[name] = {};
+            }
+            current = current[name];
+          } else if (key !== namespace) {
+            current[name] = normaliseString(value);
+          }
+        }
+      }
+    }
+    return newObject[namespace];
+  }
+  /**
+   * Schema for component config
+   *
+   * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType
+   * @typedef {object} Schema
+   * @property {Record<keyof ConfigurationType, SchemaProperty | undefined>} properties - Schema properties
+   * @property {SchemaCondition<ConfigurationType>[]} [anyOf] - List of schema conditions
+   */
+  /**
+   * Schema property for component config
+   *
+   * @typedef {object} SchemaProperty
+   * @property {'string' | 'boolean' | 'number' | 'object'} type - Property type
+   */
+  /**
+   * Schema condition for component config
+   *
+   * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType
+   * @typedef {object} SchemaCondition
+   * @property {(keyof ConfigurationType)[]} required - List of required config fields
+   * @property {string} errorMessage - Error message when required config fields not provided
+   */
+  /**
+   * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]
+   * @typedef ChildClass
+   * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component
+   * @property {Schema<ConfigurationType>} [schema] - The schema of the component configuration
+   * @property {ConfigurationType} [defaults] - The default values of the configuration of the component
+   */
+  /**
+   * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]
+   * @typedef {typeof Component & ChildClass<ConfigurationType>} ChildClassConstructor<ConfigurationType>
+   */
+  /**
+   * @import { CompatibleClass, Config, CreateAllOptions, OnErrorCallback } from '../init.mjs'
+   */
+
+  class I18n {
+    constructor(translations = {}, config = {}) {
+      var _config$locale;
+      this.translations = void 0;
+      this.locale = void 0;
+      this.translations = translations;
+      this.locale = (_config$locale = config.locale) != null ? _config$locale : document.documentElement.lang || 'en';
+    }
+    t(lookupKey, options) {
+      if (!lookupKey) {
+        throw new Error('i18n: lookup key missing');
+      }
+      let translation = this.translations[lookupKey];
+      if (typeof (options == null ? void 0 : options.count) === 'number' && isObject(translation)) {
+        const translationPluralForm = translation[this.getPluralSuffix(lookupKey, options.count)];
+        if (translationPluralForm) {
+          translation = translationPluralForm;
+        }
+      }
+      if (typeof translation === 'string') {
+        if (translation.match(/%{(.\S+)}/)) {
+          if (!options) {
+            throw new Error('i18n: cannot replace placeholders in string if no option data provided');
+          }
+          return this.replacePlaceholders(translation, options);
+        }
+        return translation;
+      }
+      return lookupKey;
+    }
+    replacePlaceholders(translationString, options) {
+      const formatter = Intl.NumberFormat.supportedLocalesOf(this.locale).length ? new Intl.NumberFormat(this.locale) : undefined;
+      return translationString.replace(/%{(.\S+)}/g, function (placeholderWithBraces, placeholderKey) {
+        if (Object.prototype.hasOwnProperty.call(options, placeholderKey)) {
+          const placeholderValue = options[placeholderKey];
+          if (placeholderValue === false || typeof placeholderValue !== 'number' && typeof placeholderValue !== 'string') {
+            return '';
+          }
+          if (typeof placeholderValue === 'number') {
+            return formatter ? formatter.format(placeholderValue) : `${placeholderValue}`;
+          }
+          return placeholderValue;
+        }
+        throw new Error(`i18n: no data found to replace ${placeholderWithBraces} placeholder in string`);
+      });
+    }
+    hasIntlPluralRulesSupport() {
+      return Boolean('PluralRules' in window.Intl && Intl.PluralRules.supportedLocalesOf(this.locale).length);
+    }
+    getPluralSuffix(lookupKey, count) {
+      count = Number(count);
+      if (!isFinite(count)) {
+        return 'other';
+      }
+      const translation = this.translations[lookupKey];
+      const preferredForm = this.hasIntlPluralRulesSupport() ? new Intl.PluralRules(this.locale).select(count) : 'other';
+      if (isObject(translation)) {
+        if (preferredForm in translation) {
+          return preferredForm;
+        } else if ('other' in translation) {
+          console.warn(`i18n: Missing plural form ".${preferredForm}" for "${this.locale}" locale. Falling back to ".other".`);
+          return 'other';
+        }
+      }
+      throw new Error(`i18n: Plural form ".other" is required for "${this.locale}" locale`);
+    }
+  }
+
+  /**
+   * Exit this page component
+   *
+   * @preserve
+   * @augments ConfigurableComponent<ExitThisPageConfig>
+   */
+  class ExitThisPage extends ConfigurableComponent {
+    /**
+     * @param {Element | null} $root - HTML element that wraps the Exit This Page button
+     * @param {ExitThisPageConfig} [config] - Exit This Page config
+     */
+    constructor($root, config = {}) {
+      super($root, config);
+      this.i18n = void 0;
+      this.$button = void 0;
+      this.$skiplinkButton = null;
+      this.$updateSpan = null;
+      this.$indicatorContainer = null;
+      this.$overlay = null;
+      this.keypressCounter = 0;
+      this.lastKeyWasModified = false;
+      this.timeoutTime = 5000;
+      this.keypressTimeoutId = null;
+      this.timeoutMessageId = null;
+      const $button = this.$root.querySelector('.govuk-exit-this-page__button');
+      if (!($button instanceof HTMLAnchorElement)) {
+        throw new ElementError({
+          component: ExitThisPage,
+          element: $button,
+          expectedType: 'HTMLAnchorElement',
+          identifier: 'Button (`.govuk-exit-this-page__button`)'
+        });
+      }
+      this.i18n = new I18n(this.config.i18n);
+      this.$button = $button;
+      const $skiplinkButton = document.querySelector('.govuk-js-exit-this-page-skiplink');
+      if ($skiplinkButton instanceof HTMLAnchorElement) {
+        this.$skiplinkButton = $skiplinkButton;
+      }
+      this.buildIndicator();
+      this.initUpdateSpan();
+      this.initButtonClickHandler();
+      if (!('govukFrontendExitThisPageKeypress' in document.body.dataset)) {
+        document.addEventListener('keyup', this.handleKeypress.bind(this), true);
+        document.body.dataset.govukFrontendExitThisPageKeypress = 'true';
+      }
+      window.addEventListener('pageshow', this.resetPage.bind(this));
+    }
+    initUpdateSpan() {
+      this.$updateSpan = document.createElement('span');
+      this.$updateSpan.setAttribute('role', 'status');
+      this.$updateSpan.className = 'govuk-visually-hidden';
+      this.$root.appendChild(this.$updateSpan);
+    }
+    initButtonClickHandler() {
+      this.$button.addEventListener('click', this.handleClick.bind(this));
+      if (this.$skiplinkButton) {
+        this.$skiplinkButton.addEventListener('click', this.handleClick.bind(this));
+      }
+    }
+    buildIndicator() {
+      this.$indicatorContainer = document.createElement('div');
+      this.$indicatorContainer.className = 'govuk-exit-this-page__indicator';
+      this.$indicatorContainer.setAttribute('aria-hidden', 'true');
+      for (let i = 0; i < 3; i++) {
+        const $indicator = document.createElement('div');
+        $indicator.className = 'govuk-exit-this-page__indicator-light';
+        this.$indicatorContainer.appendChild($indicator);
+      }
+      this.$button.appendChild(this.$indicatorContainer);
+    }
+    updateIndicator() {
+      if (!this.$indicatorContainer) {
+        return;
+      }
+      this.$indicatorContainer.classList.toggle('govuk-exit-this-page__indicator--visible', this.keypressCounter > 0);
+      const $indicators = this.$indicatorContainer.querySelectorAll('.govuk-exit-this-page__indicator-light');
+      $indicators.forEach(($indicator, index) => {
+        $indicator.classList.toggle('govuk-exit-this-page__indicator-light--on', index < this.keypressCounter);
+      });
+    }
+    exitPage() {
+      if (!this.$updateSpan) {
+        return;
+      }
+      this.$updateSpan.textContent = '';
+      document.body.classList.add('govuk-exit-this-page-hide-content');
+      this.$overlay = document.createElement('div');
+      this.$overlay.className = 'govuk-exit-this-page-overlay';
+      this.$overlay.setAttribute('role', 'alert');
+      document.body.appendChild(this.$overlay);
+      this.$overlay.textContent = this.i18n.t('activated');
+      window.location.href = this.$button.href;
+    }
+    handleClick(event) {
+      event.preventDefault();
+      this.exitPage();
+    }
+    handleKeypress(event) {
+      if (!this.$updateSpan) {
+        return;
+      }
+      if (event.key === 'Shift' && !this.lastKeyWasModified) {
+        this.keypressCounter += 1;
+        this.updateIndicator();
+        if (this.timeoutMessageId) {
+          window.clearTimeout(this.timeoutMessageId);
+          this.timeoutMessageId = null;
+        }
+        if (this.keypressCounter >= 3) {
+          this.keypressCounter = 0;
+          if (this.keypressTimeoutId) {
+            window.clearTimeout(this.keypressTimeoutId);
+            this.keypressTimeoutId = null;
+          }
+          this.exitPage();
+        } else {
+          if (this.keypressCounter === 1) {
+            this.$updateSpan.textContent = this.i18n.t('pressTwoMoreTimes');
+          } else {
+            this.$updateSpan.textContent = this.i18n.t('pressOneMoreTime');
+          }
+        }
+        this.setKeypressTimer();
+      } else if (this.keypressTimeoutId) {
+        this.resetKeypressTimer();
+      }
+      this.lastKeyWasModified = event.shiftKey;
+    }
+    setKeypressTimer() {
+      if (this.keypressTimeoutId) {
+        window.clearTimeout(this.keypressTimeoutId);
+      }
+      this.keypressTimeoutId = window.setTimeout(this.resetKeypressTimer.bind(this), this.timeoutTime);
+    }
+    resetKeypressTimer() {
+      if (!this.$updateSpan) {
+        return;
+      }
+      if (this.keypressTimeoutId) {
+        window.clearTimeout(this.keypressTimeoutId);
+        this.keypressTimeoutId = null;
+      }
+      const $updateSpan = this.$updateSpan;
+      this.keypressCounter = 0;
+      $updateSpan.textContent = this.i18n.t('timedOut');
+      this.timeoutMessageId = window.setTimeout(() => {
+        $updateSpan.textContent = '';
+      }, this.timeoutTime);
+      this.updateIndicator();
+    }
+    resetPage() {
+      document.body.classList.remove('govuk-exit-this-page-hide-content');
+      if (this.$overlay) {
+        this.$overlay.remove();
+        this.$overlay = null;
+      }
+      if (this.$updateSpan) {
+        this.$updateSpan.setAttribute('role', 'status');
+        this.$updateSpan.textContent = '';
+      }
+      this.updateIndicator();
+      if (this.keypressTimeoutId) {
+        window.clearTimeout(this.keypressTimeoutId);
+      }
+      if (this.timeoutMessageId) {
+        window.clearTimeout(this.timeoutMessageId);
+      }
+    }
+  }
+
+  /**
+   * Exit this Page config
+   *
+   * @see {@link ExitThisPage.defaults}
+   * @typedef {object} ExitThisPageConfig
+   * @property {ExitThisPageTranslations} [i18n=ExitThisPage.defaults.i18n] - Exit this page translations
+   */
+
+  /**
+   * Exit this Page translations
+   *
+   * @see {@link ExitThisPage.defaults.i18n}
+   * @typedef {object} ExitThisPageTranslations
+   *
+   * Messages used by the component programatically inserted text, including
+   * overlay text and screen reader announcements.
+   * @property {string} [activated] - Screen reader announcement for when EtP
+   *   keypress functionality has been successfully activated.
+   * @property {string} [timedOut] - Screen reader announcement for when the EtP
+   *   keypress functionality has timed out.
+   * @property {string} [pressTwoMoreTimes] - Screen reader announcement informing
+   *   the user they must press the activation key two more times.
+   * @property {string} [pressOneMoreTime] - Screen reader announcement informing
+   *   the user they must press the activation key one more time.
+   */
+
+  /**
+   * @import { Schema } from '../../common/configuration.mjs'
+   */
+  ExitThisPage.moduleName = 'govuk-exit-this-page';
+  ExitThisPage.defaults = Object.freeze({
+    i18n: {
+      activated: 'Loading.',
+      timedOut: 'Exit this page expired.',
+      pressTwoMoreTimes: 'Shift, press 2 more times to exit.',
+      pressOneMoreTime: 'Shift, press 1 more time to exit.'
+    }
+  });
+  ExitThisPage.schema = Object.freeze({
+    properties: {
+      i18n: {
+        type: 'object'
+      }
+    }
+  });
+
+  exports.ExitThisPage = ExitThisPage;
+
+}));
+//# sourceMappingURL=exit-this-page.bundle.js.map
diff --git a/app/templates/govuk/components/components/exit-this-page/exit-this-page.bundle.js.map b/app/templates/govuk/components/components/exit-this-page/exit-this-page.bundle.js.map
new file mode 100644
index 0000000..7cd484d
--- /dev/null
+++ b/app/templates/govuk/components/components/exit-this-page/exit-this-page.bundle.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"exit-this-page.bundle.js","sources":["../../../../src/govuk/common/index.mjs","../../../../src/govuk/errors/index.mjs","../../../../src/govuk/component.mjs","../../../../src/govuk/common/configuration.mjs","../../../../src/govuk/i18n.mjs","../../../../src/govuk/components/exit-this-page/exit-this-page.mjs"],"sourcesContent":["/**\n * Common helpers which do not require polyfill.\n *\n * IMPORTANT: If a helper require a polyfill, please isolate it in its own module\n * so that the polyfill can be properly tree-shaken and does not burden\n * the components that do not need that helper\n */\n\n/**\n * Get GOV.UK Frontend breakpoint value from CSS custom property\n *\n * @private\n * @param {string} name - Breakpoint name\n * @returns {{ property: string, value?: string }} Breakpoint object\n */\nexport function getBreakpoint(name) {\n  const property = `--govuk-breakpoint-${name}`\n\n  // Get value from `<html>` with breakpoints on CSS :root\n  const value = window\n    .getComputedStyle(document.documentElement)\n    .getPropertyValue(property)\n\n  return {\n    property,\n    value: value || undefined\n  }\n}\n\n/**\n * Move focus to element\n *\n * Sets tabindex to -1 to make the element programmatically focusable,\n * but removes it on blur as the element doesn't need to be focused again.\n *\n * @private\n * @template {HTMLElement} FocusElement\n * @param {FocusElement} $element - HTML element\n * @param {object} [options] - Handler options\n * @param {function(this: FocusElement): void} [options.onBeforeFocus] - Callback before focus\n * @param {function(this: FocusElement): void} [options.onBlur] - Callback on blur\n */\nexport function setFocus($element, options = {}) {\n  const isFocusable = $element.getAttribute('tabindex')\n\n  if (!isFocusable) {\n    $element.setAttribute('tabindex', '-1')\n  }\n\n  /**\n   * Handle element focus\n   */\n  function onFocus() {\n    $element.addEventListener('blur', onBlur, { once: true })\n  }\n\n  /**\n   * Handle element blur\n   */\n  function onBlur() {\n    options.onBlur?.call($element)\n\n    if (!isFocusable) {\n      $element.removeAttribute('tabindex')\n    }\n  }\n\n  // Add listener to reset element on blur, after focus\n  $element.addEventListener('focus', onFocus, { once: true })\n\n  // Focus element\n  options.onBeforeFocus?.call($element)\n  $element.focus()\n}\n\n/**\n * Checks if component is already initialised\n *\n * @internal\n * @param {Element} $root - HTML element to be checked\n * @param {string} moduleName - name of component module\n * @returns {boolean} Whether component is already initialised\n */\nexport function isInitialised($root, moduleName) {\n  return (\n    $root instanceof HTMLElement &&\n    $root.hasAttribute(`data-${moduleName}-init`)\n  )\n}\n\n/**\n * Checks if GOV.UK Frontend is supported on this page\n *\n * Some browsers will load and run our JavaScript but GOV.UK Frontend\n * won't be supported.\n *\n * @param {HTMLElement | null} [$scope] - (internal) `<body>` HTML element checked for browser support\n * @returns {boolean} Whether GOV.UK Frontend is supported on this page\n */\nexport function isSupported($scope = document.body) {\n  if (!$scope) {\n    return false\n  }\n\n  return $scope.classList.contains('govuk-frontend-supported')\n}\n\n/**\n * Check for an array\n *\n * @internal\n * @param {unknown} option - Option to check\n * @returns {boolean} Whether the option is an array\n */\nfunction isArray(option) {\n  return Array.isArray(option)\n}\n\n/**\n * Check for an object\n *\n * @internal\n * @template {Partial<Record<keyof ObjectType, unknown>>} ObjectType\n * @param {unknown | ObjectType} option - Option to check\n * @returns {option is ObjectType} Whether the option is an object\n */\nexport function isObject(option) {\n  return !!option && typeof option === 'object' && !isArray(option)\n}\n\n/**\n * Check for valid scope\n *\n * @internal\n * @template {Element | Document} ScopeType\n * @param {unknown | ScopeType} $scope - Scope of the document to search within\n * @returns {$scope is ScopeType} Whether the scope can be queried\n */\nexport function isScope($scope) {\n  return !!$scope && ($scope instanceof Element || $scope instanceof Document)\n}\n\n/**\n * Format error message\n *\n * @internal\n * @param {ComponentWithModuleName} Component - Component that threw the error\n * @param {string} message - Error message\n * @returns {string} - Formatted error message\n */\nexport function formatErrorMessage(Component, message) {\n  return `${Component.moduleName}: ${message}`\n}\n\n/* eslint-disable jsdoc/valid-types --\n * `{new(...args: any[] ): object}` is not recognised as valid\n * https://github.com/gajus/eslint-plugin-jsdoc/issues/145#issuecomment-1308722878\n * https://github.com/jsdoc-type-pratt-parser/jsdoc-type-pratt-parser/issues/131\n **/\n\n/**\n * @typedef ComponentWithModuleName\n * @property {string} moduleName - Name of the component\n */\n\n/* eslint-enable jsdoc/valid-types */\n","import { formatErrorMessage, isObject } from '../common/index.mjs'\n\n/**\n * GOV.UK Frontend error\n *\n * A base class for `Error`s thrown by GOV.UK Frontend.\n *\n * It is meant to be extended into specific types of errors\n * to be thrown by our code.\n *\n * @example\n * ```js\n * class MissingRootError extends GOVUKFrontendError {\n *   // Setting an explicit name is important as extending the class will not\n *   // set a new `name` on the subclass. The `name` property is important\n *   // to ensure intelligible error names even if the class name gets\n *   // mangled by a minifier\n *   name = \"MissingRootError\"\n * }\n * ```\n * @virtual\n */\nexport class GOVUKFrontendError extends Error {\n  name = 'GOVUKFrontendError'\n}\n\n/**\n * Indicates that GOV.UK Frontend is not supported\n */\nexport class SupportError extends GOVUKFrontendError {\n  name = 'SupportError'\n\n  /**\n   * Checks if GOV.UK Frontend is supported on this page\n   *\n   * @param {HTMLElement | null} [$scope] - HTML element `<body>` checked for browser support\n   */\n  constructor($scope = document.body) {\n    const supportMessage =\n      'noModule' in HTMLScriptElement.prototype\n        ? 'GOV.UK Frontend initialised without `<body class=\"govuk-frontend-supported\">` from template `<script>` snippet'\n        : 'GOV.UK Frontend is not supported in this browser'\n\n    super(\n      $scope\n        ? supportMessage\n        : 'GOV.UK Frontend initialised without `<script type=\"module\">`'\n    )\n  }\n}\n\n/**\n * Indicates that a component has received an illegal configuration\n */\nexport class ConfigError extends GOVUKFrontendError {\n  name = 'ConfigError'\n}\n\n/**\n * Indicates an issue with an element (possibly `null` or `undefined`)\n */\nexport class ElementError extends GOVUKFrontendError {\n  name = 'ElementError'\n\n  /**\n   * @internal\n   * @overload\n   * @param {string} message - Element error message\n   */\n\n  /**\n   * @internal\n   * @overload\n   * @param {ElementErrorOptions} options - Element error options\n   */\n\n  /**\n   * @internal\n   * @param {string | ElementErrorOptions} messageOrOptions - Element error message or options\n   */\n  constructor(messageOrOptions) {\n    let message = typeof messageOrOptions === 'string' ? messageOrOptions : ''\n\n    // Build message from options\n    if (isObject(messageOrOptions)) {\n      const { component, identifier, element, expectedType } = messageOrOptions\n\n      message = identifier\n\n      // Append reason\n      message += element\n        ? ` is not of type ${expectedType ?? 'HTMLElement'}`\n        : ' not found'\n\n      // Prepend with module name (optional)\n      if (component) {\n        message = formatErrorMessage(component, message)\n      }\n    }\n\n    super(message)\n  }\n}\n\n/**\n * Indicates that a component is already initialised\n */\nexport class InitError extends GOVUKFrontendError {\n  name = 'InitError'\n\n  /**\n   * @internal\n   * @param {ComponentWithModuleName | string} componentOrMessage - name of the component module\n   */\n  constructor(componentOrMessage) {\n    const message =\n      typeof componentOrMessage === 'string'\n        ? componentOrMessage\n        : formatErrorMessage(\n            componentOrMessage,\n            `Root element (\\`$root\\`) already initialised`\n          )\n\n    super(message)\n  }\n}\n\n/**\n * Element error options\n *\n * @internal\n * @typedef {object} ElementErrorOptions\n * @property {Element | Document | null} [element] - The element in error (optional)\n * @property {ComponentWithModuleName} [component] - Component throwing the error (optional)\n * @property {string} identifier - An identifier that'll let the user understand which element has an error. This is whatever makes the most sense\n * @property {string} [expectedType] - The type that was expected for the identifier (optional)\n */\n\n/**\n * @import { ComponentWithModuleName } from '../common/index.mjs'\n */\n","import { isInitialised, isSupported } from './common/index.mjs'\nimport { ElementError, InitError, SupportError } from './errors/index.mjs'\n\n/**\n * Base Component class\n *\n * Centralises the behaviours shared by our components\n *\n * @virtual\n * @template {Element} [RootElementType=HTMLElement]\n */\nexport class Component {\n  /**\n   * @type {typeof Element}\n   */\n  static elementType = HTMLElement\n\n  // allows Typescript user to work around the lack of types\n  // in GOVUKFrontend package, Typescript is not aware of $root\n  // in components that extend GOVUKFrontendComponent\n  /**\n   * Returns the root element of the component\n   *\n   * @protected\n   * @returns {RootElementType} - the root element of component\n   */\n  get $root() {\n    return this._$root\n  }\n\n  /**\n   * @protected\n   * @type {RootElementType}\n   */\n  _$root\n\n  /**\n   * Constructs a new component, validating that GOV.UK Frontend is supported\n   *\n   * @internal\n   * @param {Element | null} [$root] - HTML element to use for component\n   */\n  constructor($root) {\n    const childConstructor = /** @type {ChildClassConstructor} */ (\n      this.constructor\n    )\n\n    // TypeScript does not enforce that inheriting classes will define a `moduleName`\n    // (even if we add a `@virtual` `static moduleName` property to this class).\n    // While we trust users to do this correctly, we do a little check to provide them\n    // a helpful error message.\n    //\n    // After this, we'll be sure that `childConstructor` has a `moduleName`\n    // as expected of the `ChildClassConstructor` we've cast `this.constructor` to.\n    if (typeof childConstructor.moduleName !== 'string') {\n      throw new InitError(`\\`moduleName\\` not defined in component`)\n    }\n\n    if (!($root instanceof childConstructor.elementType)) {\n      throw new ElementError({\n        element: $root,\n        component: childConstructor,\n        identifier: 'Root element (`$root`)',\n        expectedType: childConstructor.elementType.name\n      })\n    } else {\n      this._$root = /** @type {RootElementType} */ ($root)\n    }\n\n    childConstructor.checkSupport()\n\n    this.checkInitialised()\n\n    const moduleName = childConstructor.moduleName\n\n    this.$root.setAttribute(`data-${moduleName}-init`, '')\n  }\n\n  /**\n   * Validates whether component is already initialised\n   *\n   * @private\n   * @throws {InitError} when component is already initialised\n   */\n  checkInitialised() {\n    const constructor = /** @type {ChildClassConstructor} */ (this.constructor)\n    const moduleName = constructor.moduleName\n\n    if (moduleName && isInitialised(this.$root, moduleName)) {\n      throw new InitError(constructor)\n    }\n  }\n\n  /**\n   * Validates whether components are supported\n   *\n   * @throws {SupportError} when the components are not supported\n   */\n  static checkSupport() {\n    if (!isSupported()) {\n      throw new SupportError()\n    }\n  }\n}\n\n/**\n * @typedef ChildClass\n * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component\n */\n\n/**\n * @typedef {typeof Component & ChildClass} ChildClassConstructor\n */\n","import { Component } from '../component.mjs'\nimport { ConfigError } from '../errors/index.mjs'\n\nimport { isObject, isScope, formatErrorMessage } from './index.mjs'\n\nexport const configOverride = Symbol.for('configOverride')\n\n/**\n * Base Component class\n *\n * Centralises the behaviours shared by our components\n *\n * @virtual\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]\n * @template {Element & { dataset: DOMStringMap }} [RootElementType=HTMLElement]\n * @augments Component<RootElementType>\n */\nexport class ConfigurableComponent extends Component {\n  /**\n   * configOverride\n   *\n   * Function which defines configuration overrides to prioritize\n   * properties from the root element's dataset.\n   *\n   * It should take a subset of configuration as input and return\n   * a new configuration object with properties that should be\n   * overridden based on the root element's dataset. A Symbol\n   * is used for indexing to prevent conflicts.\n   *\n   * @internal\n   * @virtual\n   * @param {Partial<ConfigurationType>} [param] - Configuration object\n   * @returns {Partial<ConfigurationType>} return - Configuration object\n   */\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  [configOverride](param) {\n    return {}\n  }\n\n  /**\n   * Returns the root element of the component\n   *\n   * @protected\n   * @returns {ConfigurationType} - the root element of component\n   */\n  get config() {\n    return this._config\n  }\n\n  /**\n   *\n   * @type {ConfigurationType}\n   */\n  _config\n\n  /**\n   * Constructs a new component, validating that GOV.UK Frontend is supported\n   *\n   * @internal\n   * @param {Element | null} [$root] - HTML element to use for component\n   * @param {ConfigurationType} [config] - HTML element to use for component\n   */\n  constructor($root, config) {\n    super($root)\n\n    const childConstructor =\n      /** @type {ChildClassConstructor<ConfigurationType>} */ (this.constructor)\n\n    if (!isObject(childConstructor.defaults)) {\n      throw new ConfigError(\n        formatErrorMessage(\n          childConstructor,\n          'Config passed as parameter into constructor but no defaults defined'\n        )\n      )\n    }\n\n    const datasetConfig = /** @type {ConfigurationType} */ (\n      normaliseDataset(childConstructor, this._$root.dataset)\n    )\n\n    this._config = /** @type {ConfigurationType} */ (\n      mergeConfigs(\n        childConstructor.defaults,\n        config ?? {},\n        this[configOverride](datasetConfig),\n        datasetConfig\n      )\n    )\n  }\n}\n\n/**\n * Normalise string\n *\n * 'If it looks like a duck, and it quacks like a duck…' 🦆\n *\n * If the passed value looks like a boolean or a number, convert it to a boolean\n * or number.\n *\n * Designed to be used to convert config passed via data attributes (which are\n * always strings) into something sensible.\n *\n * @internal\n * @param {DOMStringMap[string]} value - The value to normalise\n * @param {SchemaProperty} [property] - Component schema property\n * @returns {string | boolean | number | undefined} Normalised data\n */\nexport function normaliseString(value, property) {\n  const trimmedValue = value ? value.trim() : ''\n\n  let output\n  let outputType = property?.type\n\n  // No schema type set? Determine automatically\n  if (!outputType) {\n    if (['true', 'false'].includes(trimmedValue)) {\n      outputType = 'boolean'\n    }\n\n    // Empty / whitespace-only strings are considered finite so we need to check\n    // the length of the trimmed string as well\n    if (trimmedValue.length > 0 && isFinite(Number(trimmedValue))) {\n      outputType = 'number'\n    }\n  }\n\n  switch (outputType) {\n    case 'boolean':\n      output = trimmedValue === 'true'\n      break\n\n    case 'number':\n      output = Number(trimmedValue)\n      break\n\n    default:\n      output = value\n  }\n\n  return output\n}\n\n/**\n * Normalise dataset\n *\n * Loop over an object and normalise each value using {@link normaliseString},\n * optionally expanding nested `i18n.field`\n *\n * @internal\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @template {[keyof ConfigurationType, SchemaProperty | undefined][]} SchemaEntryType\n * @param {{ schema?: Schema<ConfigurationType>, moduleName: string }} Component - Component class\n * @param {DOMStringMap} dataset - HTML element dataset\n * @returns {ObjectNested} Normalised dataset\n */\nexport function normaliseDataset(Component, dataset) {\n  if (!isObject(Component.schema)) {\n    throw new ConfigError(\n      formatErrorMessage(\n        Component,\n        'Config passed as parameter into constructor but no schema defined'\n      )\n    )\n  }\n\n  const out = /** @type {ObjectNested} */ ({})\n  const entries = /** @type {SchemaEntryType} */ (\n    Object.entries(Component.schema.properties)\n  )\n\n  // Normalise top-level dataset ('data-*') values using schema types\n  for (const entry of entries) {\n    const [namespace, property] = entry\n\n    // Cast the `namespace` to string so it can be used to access the dataset\n    const field = namespace.toString()\n\n    if (field in dataset) {\n      out[field] = normaliseString(dataset[field], property)\n    }\n\n    /**\n     * Extract and normalise nested object values automatically using\n     * {@link normaliseString} but only schema object types are allowed\n     */\n    if (property?.type === 'object') {\n      out[field] = extractConfigByNamespace(\n        Component.schema,\n        dataset,\n        namespace\n      )\n    }\n  }\n\n  return out\n}\n\n/**\n * Normalise options passed to `initAll` or `createAll`\n *\n * @internal\n * @template {CompatibleClass} ComponentClass\n * @param {Config | CreateAllOptions<ComponentClass> | OnErrorCallback<ComponentClass> | Element | Document | null} [scopeOrOptions] - Scope of the document to search within, initialisation options or error callback function\n * @returns {CreateAllOptions<ComponentClass>} Normalised options\n */\nexport function normaliseOptions(scopeOrOptions) {\n  let /** @type {Element | Document | null} */ $scope = document\n  let /** @type {OnErrorCallback<ComponentClass> | undefined} */ onError\n\n  // Handle options object\n  if (isObject(scopeOrOptions)) {\n    const options = scopeOrOptions\n\n    // Scope must be valid or null\n    if (isScope(options.scope) || options.scope === null) {\n      $scope = options.scope\n    }\n\n    // Error handler must be a function\n    if (typeof options.onError === 'function') {\n      onError = options.onError\n    }\n  }\n\n  if (isScope(scopeOrOptions)) {\n    $scope = scopeOrOptions\n  } else if (scopeOrOptions === null) {\n    $scope = null\n  } else if (typeof scopeOrOptions === 'function') {\n    onError = scopeOrOptions\n  }\n\n  return {\n    scope: $scope,\n    onError\n  }\n}\n\n/**\n * Config merging function\n *\n * Takes any number of objects and combines them together, with\n * greatest priority on the LAST item passed in.\n *\n * @internal\n * @param {...{ [key: string]: unknown }} configObjects - Config objects to merge\n * @returns {{ [key: string]: unknown }} A merged config object\n */\nexport function mergeConfigs(...configObjects) {\n  // Start with an empty object as our base\n  /** @type {{ [key: string]: unknown }} */\n  const formattedConfigObject = {}\n\n  // Loop through each of the passed objects\n  for (const configObject of configObjects) {\n    for (const key of Object.keys(configObject)) {\n      const option = formattedConfigObject[key]\n      const override = configObject[key]\n\n      // Push their keys one-by-one into formattedConfigObject. Any duplicate\n      // keys with object values will be merged, otherwise the new value will\n      // override the existing value.\n      if (isObject(option) && isObject(override)) {\n        formattedConfigObject[key] = mergeConfigs(option, override)\n      } else {\n        // Apply override\n        formattedConfigObject[key] = override\n      }\n    }\n  }\n\n  return formattedConfigObject\n}\n\n/**\n * Validate component config by schema\n *\n * Follows limited examples in JSON schema for wider support in future\n *\n * {@link https://ajv.js.org/json-schema.html#compound-keywords}\n * {@link https://ajv.js.org/packages/ajv-errors.html#single-message}\n *\n * @internal\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @param {Schema<ConfigurationType>} schema - The schema of a component\n * @param {ConfigurationType} config - Component config\n * @returns {string[]} List of validation errors\n */\nexport function validateConfig(schema, config) {\n  const validationErrors = []\n\n  // Check errors for each schema\n  for (const [name, conditions] of Object.entries(schema)) {\n    const errors = []\n\n    // Check errors for each schema condition\n    if (Array.isArray(conditions)) {\n      for (const { required, errorMessage } of conditions) {\n        if (!required.every((key) => !!config[key])) {\n          errors.push(errorMessage) // Missing config key value\n        }\n      }\n\n      // Check one condition passes or add errors\n      if (name === 'anyOf' && !(conditions.length - errors.length >= 1)) {\n        validationErrors.push(...errors)\n      }\n    }\n  }\n\n  return validationErrors\n}\n\n/**\n * Extracts keys starting with a particular namespace from dataset ('data-*')\n * object, removing the namespace in the process, normalising all values\n *\n * @internal\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @param {Schema<ConfigurationType>} schema - The schema of a component\n * @param {DOMStringMap} dataset - The object to extract key-value pairs from\n * @param {keyof ConfigurationType} namespace - The namespace to filter keys with\n * @returns {ObjectNested | undefined} Nested object with dot-separated key namespace removed\n */\nexport function extractConfigByNamespace(schema, dataset, namespace) {\n  const property = schema.properties[namespace]\n\n  // Only extract configs for object schema properties\n  if (property?.type !== 'object') {\n    return\n  }\n\n  // Add default empty config\n  const newObject = /** @type {Record<typeof namespace, ObjectNested>} */ ({\n    [namespace]: {}\n  })\n\n  for (const [key, value] of Object.entries(dataset)) {\n    /** @type {ObjectNested | ObjectNested[NestedKey]} */\n    let current = newObject\n\n    // Split the key into parts, using . as our namespace separator\n    const keyParts = key.split('.')\n\n    /**\n     * Create new level per part\n     *\n     * e.g. 'i18n.textareaDescription.other' becomes\n     * `{ i18n: { textareaDescription: { other } } }`\n     */\n    for (const [index, name] of keyParts.entries()) {\n      if (isObject(current)) {\n        // Drop down to nested object until the last part\n        if (index < keyParts.length - 1) {\n          // New nested object (optionally) replaces existing value\n          if (!isObject(current[name])) {\n            current[name] = {}\n          }\n\n          // Drop down into new or existing nested object\n          current = current[name]\n        } else if (key !== namespace) {\n          // Normalised value (optionally) replaces existing value\n          current[name] = normaliseString(value)\n        }\n      }\n    }\n  }\n\n  return newObject[namespace]\n}\n\n/**\n * @internal\n * @typedef {keyof ObjectNested} NestedKey\n * @typedef {{ [key: string]: string | boolean | number | ObjectNested | undefined }} ObjectNested\n */\n\n/**\n * Schema for component config\n *\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @typedef {object} Schema\n * @property {Record<keyof ConfigurationType, SchemaProperty | undefined>} properties - Schema properties\n * @property {SchemaCondition<ConfigurationType>[]} [anyOf] - List of schema conditions\n */\n\n/**\n * Schema property for component config\n *\n * @typedef {object} SchemaProperty\n * @property {'string' | 'boolean' | 'number' | 'object'} type - Property type\n */\n\n/**\n * Schema condition for component config\n *\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @typedef {object} SchemaCondition\n * @property {(keyof ConfigurationType)[]} required - List of required config fields\n * @property {string} errorMessage - Error message when required config fields not provided\n */\n\n/**\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]\n * @typedef ChildClass\n * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component\n * @property {Schema<ConfigurationType>} [schema] - The schema of the component configuration\n * @property {ConfigurationType} [defaults] - The default values of the configuration of the component\n */\n\n/**\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]\n * @typedef {typeof Component & ChildClass<ConfigurationType>} ChildClassConstructor<ConfigurationType>\n */\n\n/**\n * @import { CompatibleClass, Config, CreateAllOptions, OnErrorCallback } from '../init.mjs'\n */\n","import { isObject } from './common/index.mjs'\n\n/**\n * Internal support for selecting messages to render, with placeholder\n * interpolation and locale-aware number formatting and pluralisation\n *\n * @internal\n */\nexport class I18n {\n  translations\n  locale\n\n  /**\n   * @internal\n   * @param {{ [key: string]: string | TranslationPluralForms }} translations - Key-value pairs of the translation strings to use.\n   * @param {object} [config] - Configuration options for the function.\n   * @param {string | null} [config.locale] - An overriding locale for the PluralRules functionality.\n   */\n  constructor(translations = {}, config = {}) {\n    // Make list of translations available throughout function\n    this.translations = translations\n\n    // The locale to use for PluralRules and NumberFormat\n    this.locale = config.locale ?? (document.documentElement.lang || 'en')\n  }\n\n  /**\n   * The most used function - takes the key for a given piece of UI text and\n   * returns the appropriate string.\n   *\n   * @internal\n   * @param {string} lookupKey - The lookup key of the string to use.\n   * @param {{ [key: string]: unknown }} [options] - Any options passed with the translation string, e.g: for string interpolation.\n   * @returns {string} The appropriate translation string.\n   * @throws {Error} Lookup key required\n   * @throws {Error} Options required for `${}` placeholders\n   */\n  t(lookupKey, options) {\n    if (!lookupKey) {\n      // Print a console error if no lookup key has been provided\n      throw new Error('i18n: lookup key missing')\n    }\n\n    // Fetch the translation for that lookup key\n    let translation = this.translations[lookupKey]\n\n    // If the `count` option is set, determine which plural suffix is needed and\n    // change the lookupKey to match. We check to see if it's numeric instead of\n    // falsy, as this could legitimately be 0.\n    if (typeof options?.count === 'number' && isObject(translation)) {\n      const translationPluralForm =\n        translation[this.getPluralSuffix(lookupKey, options.count)]\n\n      // Update translation with plural suffix\n      if (translationPluralForm) {\n        translation = translationPluralForm\n      }\n    }\n\n    if (typeof translation === 'string') {\n      // Check for ${} placeholders in the translation string\n      // eslint-disable-next-line @typescript-eslint/prefer-regexp-exec\n      if (translation.match(/%{(.\\S+)}/)) {\n        if (!options) {\n          throw new Error(\n            'i18n: cannot replace placeholders in string if no option data provided'\n          )\n        }\n\n        return this.replacePlaceholders(translation, options)\n      }\n\n      return translation\n    }\n\n    // If the key wasn't found in our translations object,\n    // return the lookup key itself as the fallback\n    return lookupKey\n  }\n\n  /**\n   * Takes a translation string with placeholders, and replaces the placeholders\n   * with the provided data\n   *\n   * @internal\n   * @param {string} translationString - The translation string\n   * @param {{ [key: string]: unknown }} options - Any options passed with the translation string, e.g: for string interpolation.\n   * @returns {string} The translation string to output, with $\\{\\} placeholders replaced\n   */\n  replacePlaceholders(translationString, options) {\n    const formatter = Intl.NumberFormat.supportedLocalesOf(this.locale).length\n      ? new Intl.NumberFormat(this.locale)\n      : undefined\n\n    return translationString.replace(\n      /%{(.\\S+)}/g,\n\n      /**\n       * Replace translation string placeholders\n       *\n       * @internal\n       * @param {string} placeholderWithBraces - Placeholder with braces\n       * @param {string} placeholderKey - Placeholder key\n       * @returns {string} Placeholder value\n       */\n      function (placeholderWithBraces, placeholderKey) {\n        if (Object.prototype.hasOwnProperty.call(options, placeholderKey)) {\n          const placeholderValue = options[placeholderKey]\n\n          // If a user has passed `false` as the value for the placeholder\n          // treat it as though the value should not be displayed\n          if (\n            placeholderValue === false ||\n            (typeof placeholderValue !== 'number' &&\n              typeof placeholderValue !== 'string')\n          ) {\n            return ''\n          }\n\n          // If the placeholder's value is a number, localise the number formatting\n          if (typeof placeholderValue === 'number') {\n            return formatter\n              ? formatter.format(placeholderValue)\n              : `${placeholderValue}`\n          }\n\n          return placeholderValue\n        }\n\n        throw new Error(\n          `i18n: no data found to replace ${placeholderWithBraces} placeholder in string`\n        )\n      }\n    )\n  }\n\n  /**\n   * Check to see if the browser supports Intl.PluralRules\n   *\n   * It requires all conditions to be met in order to be supported:\n   * - The implementation of Intl supports PluralRules (NOT true in Safari 10–12)\n   * - The browser/OS has plural rules for the current locale (browser dependent)\n   *\n   * {@link https://browsersl.ist/#q=supports+es6-module+and+not+supports+intl-pluralrules}\n   *\n   * @internal\n   * @returns {boolean} Returns true if all conditions are met. Returns false otherwise.\n   */\n  hasIntlPluralRulesSupport() {\n    return Boolean(\n      'PluralRules' in window.Intl &&\n        Intl.PluralRules.supportedLocalesOf(this.locale).length\n    )\n  }\n\n  /**\n   * Get the appropriate suffix for the plural form.\n   *\n   * Uses Intl.PluralRules (or our own fallback implementation) to get the\n   * 'preferred' form to use for the given count.\n   *\n   * Checks that a translation has been provided for that plural form – if it\n   * hasn't, it'll fall back to the 'other' plural form (unless that doesn't exist\n   * either, in which case an error will be thrown)\n   *\n   * @internal\n   * @param {string} lookupKey - The lookup key of the string to use.\n   * @param {number} count - Number used to determine which pluralisation to use.\n   * @returns {PluralRule} The suffix associated with the correct pluralisation for this locale.\n   * @throws {Error} Plural form `.other` required when preferred plural form is missing\n   */\n  getPluralSuffix(lookupKey, count) {\n    // Validate that the number is actually a number.\n    //\n    // Number(count) will turn anything that can't be converted to a Number type\n    // into 'NaN'. isFinite filters out NaN, as it isn't a finite number.\n    // eslint-disable-next-line @typescript-eslint/no-unnecessary-type-conversion\n    count = Number(count)\n    if (!isFinite(count)) {\n      return 'other'\n    }\n\n    // Fetch the translation for that lookup key\n    const translation = this.translations[lookupKey]\n\n    // Check to verify that all the requirements for Intl.PluralRules are met.\n    // If so, we can use that instead of our custom implementation. Otherwise,\n    // use the hardcoded fallback.\n    const preferredForm = this.hasIntlPluralRulesSupport()\n      ? new Intl.PluralRules(this.locale).select(count)\n      : 'other'\n\n    // Use the correct plural form if provided\n    if (isObject(translation)) {\n      if (preferredForm in translation) {\n        return preferredForm\n        // Fall back to `other` if the plural form is missing, but log a warning\n        // to the console\n      } else if ('other' in translation) {\n        console.warn(\n          `i18n: Missing plural form \".${preferredForm}\" for \"${this.locale}\" locale. Falling back to \".other\".`\n        )\n\n        return 'other'\n      }\n    }\n\n    // If the required `other` plural form is missing, all we can do is error\n    throw new Error(\n      `i18n: Plural form \".other\" is required for \"${this.locale}\" locale`\n    )\n  }\n}\n\n/**\n * Plural rule category mnemonic tags\n *\n * @internal\n * @typedef {'zero' | 'one' | 'two' | 'few' | 'many' | 'other'} PluralRule\n */\n\n/**\n * Translated message by plural rule they correspond to.\n *\n * Allows to group pluralised messages under a single key when passing\n * translations to a component's constructor\n *\n * @internal\n * @typedef {object} TranslationPluralForms\n * @property {string} [other] - General plural form\n * @property {string} [zero] - Plural form used with 0\n * @property {string} [one] - Plural form used with 1\n * @property {string} [two] - Plural form used with 2\n * @property {string} [few] - Plural form used for a few\n * @property {string} [many] - Plural form used for many\n */\n","import { ConfigurableComponent } from '../../common/configuration.mjs'\nimport { ElementError } from '../../errors/index.mjs'\nimport { I18n } from '../../i18n.mjs'\n\n/**\n * Exit this page component\n *\n * @preserve\n * @augments ConfigurableComponent<ExitThisPageConfig>\n */\nexport class ExitThisPage extends ConfigurableComponent {\n  /** @private */\n  i18n\n\n  /** @private */\n  $button\n\n  /**\n   * @private\n   * @type {HTMLAnchorElement | null}\n   */\n  $skiplinkButton = null\n\n  /**\n   * @private\n   * @type {HTMLElement | null}\n   */\n  $updateSpan = null\n\n  /**\n   * @private\n   * @type {HTMLElement | null}\n   */\n  $indicatorContainer = null\n\n  /**\n   * @private\n   * @type {HTMLElement | null}\n   */\n  $overlay = null\n\n  /** @private */\n  keypressCounter = 0\n\n  /** @private */\n  lastKeyWasModified = false\n\n  /** @private */\n  timeoutTime = 5000 // milliseconds\n\n  // Store the timeout events so that we can clear them to avoid user keypresses overlapping\n  // setTimeout returns an id that we can use to clear it with clearTimeout,\n  // hence the 'Id' suffix\n\n  /**\n   * @private\n   * @type {number | null}\n   */\n  keypressTimeoutId = null\n\n  /**\n   * @private\n   * @type {number | null}\n   */\n  timeoutMessageId = null\n\n  /**\n   * @param {Element | null} $root - HTML element that wraps the Exit This Page button\n   * @param {ExitThisPageConfig} [config] - Exit This Page config\n   */\n  constructor($root, config = {}) {\n    super($root, config)\n\n    const $button = this.$root.querySelector('.govuk-exit-this-page__button')\n    if (!($button instanceof HTMLAnchorElement)) {\n      throw new ElementError({\n        component: ExitThisPage,\n        element: $button,\n        expectedType: 'HTMLAnchorElement',\n        identifier: 'Button (`.govuk-exit-this-page__button`)'\n      })\n    }\n\n    this.i18n = new I18n(this.config.i18n)\n    this.$button = $button\n\n    const $skiplinkButton = document.querySelector(\n      '.govuk-js-exit-this-page-skiplink'\n    )\n    if ($skiplinkButton instanceof HTMLAnchorElement) {\n      this.$skiplinkButton = $skiplinkButton\n    }\n\n    this.buildIndicator()\n    this.initUpdateSpan()\n    this.initButtonClickHandler()\n\n    // Check to see if this has already been done by a previous initialisation of ExitThisPage\n    if (!('govukFrontendExitThisPageKeypress' in document.body.dataset)) {\n      document.addEventListener('keyup', this.handleKeypress.bind(this), true)\n      document.body.dataset.govukFrontendExitThisPageKeypress = 'true'\n    }\n\n    // When the page is restored after navigating 'back' in some browsers the\n    // blank overlay remains present, rendering the page unusable. Here, we check\n    // to see if it's present on page (re)load, and remove it if so.\n    window.addEventListener('pageshow', this.resetPage.bind(this))\n  }\n\n  /**\n   * Create the <span> we use for screen reader announcements.\n   *\n   * @private\n   */\n  initUpdateSpan() {\n    this.$updateSpan = document.createElement('span')\n    this.$updateSpan.setAttribute('role', 'status')\n    this.$updateSpan.className = 'govuk-visually-hidden'\n\n    this.$root.appendChild(this.$updateSpan)\n  }\n\n  /**\n   * Create button click handlers.\n   *\n   * @private\n   */\n  initButtonClickHandler() {\n    // Main EtP button\n    this.$button.addEventListener('click', this.handleClick.bind(this))\n\n    // EtP secondary link\n    if (this.$skiplinkButton) {\n      this.$skiplinkButton.addEventListener(\n        'click',\n        this.handleClick.bind(this)\n      )\n    }\n  }\n\n  /**\n   * Create the HTML for the 'three lights' indicator on the button.\n   *\n   * @private\n   */\n  buildIndicator() {\n    // Build container\n    // Putting `aria-hidden` on it as it won't contain any readable information\n    this.$indicatorContainer = document.createElement('div')\n    this.$indicatorContainer.className = 'govuk-exit-this-page__indicator'\n    this.$indicatorContainer.setAttribute('aria-hidden', 'true')\n\n    // Create three 'lights' and place them within the container\n    for (let i = 0; i < 3; i++) {\n      const $indicator = document.createElement('div')\n      $indicator.className = 'govuk-exit-this-page__indicator-light'\n      this.$indicatorContainer.appendChild($indicator)\n    }\n\n    // Append it all to the module\n    this.$button.appendChild(this.$indicatorContainer)\n  }\n\n  /**\n   * Update whether the lights are visible and which ones are lit up depending on\n   * the value of `keypressCounter`.\n   *\n   * @private\n   */\n  updateIndicator() {\n    if (!this.$indicatorContainer) {\n      return\n    }\n\n    // Show or hide the indicator container depending on keypressCounter value\n    this.$indicatorContainer.classList.toggle(\n      'govuk-exit-this-page__indicator--visible',\n      this.keypressCounter > 0\n    )\n\n    // Turn on only the indicators we want on\n    const $indicators = this.$indicatorContainer.querySelectorAll(\n      '.govuk-exit-this-page__indicator-light'\n    )\n    $indicators.forEach(($indicator, index) => {\n      $indicator.classList.toggle(\n        'govuk-exit-this-page__indicator-light--on',\n        index < this.keypressCounter\n      )\n    })\n  }\n\n  /**\n   * Initiates the redirection away from the current page.\n   * Includes the loading overlay functionality, which covers the current page with a\n   * white overlay so that the contents are not visible during the loading\n   * process. This is particularly important on slow network connections.\n   *\n   * @private\n   */\n  exitPage() {\n    if (!this.$updateSpan) {\n      return\n    }\n\n    this.$updateSpan.textContent = ''\n\n    // Blank the page\n    // As well as creating an overlay with text, we also set the body to hidden\n    // to prevent screen reader and sequential navigation users potentially\n    // navigating through the page behind the overlay during loading\n    document.body.classList.add('govuk-exit-this-page-hide-content')\n    this.$overlay = document.createElement('div')\n    this.$overlay.className = 'govuk-exit-this-page-overlay'\n    this.$overlay.setAttribute('role', 'alert')\n\n    // we do these this way round, thus incurring a second paint, because changing\n    // the element text after adding it means that screen readers pick up the\n    // announcement more reliably.\n    document.body.appendChild(this.$overlay)\n    this.$overlay.textContent = this.i18n.t('activated')\n\n    window.location.href = this.$button.href\n  }\n\n  /**\n   * Pre-activation logic for when the button is clicked/activated via mouse or\n   * pointer.\n   *\n   * We do this to differentiate it from the keyboard activation event because we\n   * need to run `e.preventDefault` as the button or skiplink are both links and we\n   * want to apply some additional logic in `exitPage` before navigating.\n   *\n   * @private\n   * @param {MouseEvent} event - mouse click event\n   */\n  handleClick(event) {\n    event.preventDefault()\n    this.exitPage()\n  }\n\n  /**\n   * Logic for the 'quick escape' keyboard sequence functionality (pressing the\n   * Shift key three times without interruption, within a time limit).\n   *\n   * @private\n   * @param {KeyboardEvent} event - keyup event\n   */\n  handleKeypress(event) {\n    if (!this.$updateSpan) {\n      return\n    }\n\n    // Detect if the 'Shift' key has been pressed. We want to only do things if it\n    // was pressed by itself and not in a combination with another key—so we keep\n    // track of whether the preceding keyup had shiftKey: true on it, and if it\n    // did, we ignore the next Shift keyup event.\n    //\n    // This works because using Shift as a modifier key (e.g. pressing Shift + A)\n    // will fire TWO keyup events, one for A (with e.shiftKey: true) and the other\n    // for Shift (with e.shiftKey: false).\n    if (event.key === 'Shift' && !this.lastKeyWasModified) {\n      this.keypressCounter += 1\n\n      // Update the indicator before the below if statement can reset it back to 0\n      this.updateIndicator()\n\n      // Clear the timeout for the keypress timeout message clearing itself\n      if (this.timeoutMessageId) {\n        window.clearTimeout(this.timeoutMessageId)\n        this.timeoutMessageId = null\n      }\n\n      if (this.keypressCounter >= 3) {\n        this.keypressCounter = 0\n\n        if (this.keypressTimeoutId) {\n          window.clearTimeout(this.keypressTimeoutId)\n          this.keypressTimeoutId = null\n        }\n\n        this.exitPage()\n      } else {\n        if (this.keypressCounter === 1) {\n          this.$updateSpan.textContent = this.i18n.t('pressTwoMoreTimes')\n        } else {\n          this.$updateSpan.textContent = this.i18n.t('pressOneMoreTime')\n        }\n      }\n\n      this.setKeypressTimer()\n    } else if (this.keypressTimeoutId) {\n      // If the user pressed any key other than 'Shift', after having pressed\n      // 'Shift' and activating the timer, stop and reset the timer.\n      this.resetKeypressTimer()\n    }\n\n    // Keep track of whether the Shift modifier key was held during this keypress\n    this.lastKeyWasModified = event.shiftKey\n  }\n\n  /**\n   * Starts the 'quick escape' keyboard sequence timer.\n   *\n   * This can be invoked several times. We want this to be possible so that the\n   * timer is restarted each time the shortcut key is pressed (e.g. the user has\n   * up to n seconds between each keypress, rather than n seconds to invoke the\n   * entire sequence.)\n   *\n   * @private\n   */\n  setKeypressTimer() {\n    // Clear any existing timeout. This is so only one timer is running even if\n    // there are multiple keypresses in quick succession.\n    if (this.keypressTimeoutId) {\n      window.clearTimeout(this.keypressTimeoutId)\n    }\n\n    // Set a fresh timeout\n    this.keypressTimeoutId = window.setTimeout(\n      this.resetKeypressTimer.bind(this),\n      this.timeoutTime\n    )\n  }\n\n  /**\n   * Stops and resets the 'quick escape' keyboard sequence timer.\n   *\n   * @private\n   */\n  resetKeypressTimer() {\n    if (!this.$updateSpan) {\n      return\n    }\n\n    if (this.keypressTimeoutId) {\n      window.clearTimeout(this.keypressTimeoutId)\n      this.keypressTimeoutId = null\n    }\n\n    const $updateSpan = this.$updateSpan\n\n    this.keypressCounter = 0\n    $updateSpan.textContent = this.i18n.t('timedOut')\n\n    this.timeoutMessageId = window.setTimeout(() => {\n      $updateSpan.textContent = ''\n    }, this.timeoutTime)\n\n    this.updateIndicator()\n  }\n\n  /**\n   * Reset the page using the EtP button\n   *\n   * We use this in situations where a user may re-enter a page using the browser\n   * back button. In these cases, the browser can choose to restore the state of\n   * the page as it was previously, including restoring the 'ghost page' overlay,\n   * the announcement span having it's role set to \"alert\" and the keypress\n   * indicator still active, leaving the page in an unusable state.\n   *\n   * By running this check when the page is shown, we can programatically restore\n   * the page and the component to a \"default\" state\n   *\n   * @private\n   */\n  resetPage() {\n    // If an overlay is set, remove it and reset the value\n    document.body.classList.remove('govuk-exit-this-page-hide-content')\n\n    if (this.$overlay) {\n      this.$overlay.remove()\n      this.$overlay = null\n    }\n\n    // Ensure the announcement span's role is status, not alert and clear any text\n    if (this.$updateSpan) {\n      this.$updateSpan.setAttribute('role', 'status')\n      this.$updateSpan.textContent = ''\n    }\n\n    // Sync the keypress indicator lights\n    this.updateIndicator()\n\n    // If the timeouts are active, clear them\n    if (this.keypressTimeoutId) {\n      window.clearTimeout(this.keypressTimeoutId)\n    }\n\n    if (this.timeoutMessageId) {\n      window.clearTimeout(this.timeoutMessageId)\n    }\n  }\n\n  /**\n   * Name for the component used when initialising using data-module attributes.\n   */\n  static moduleName = 'govuk-exit-this-page'\n\n  /**\n   * Exit this page default config\n   *\n   * @see {@link ExitThisPageConfig}\n   * @constant\n   * @type {ExitThisPageConfig}\n   */\n  static defaults = Object.freeze({\n    i18n: {\n      activated: 'Loading.',\n      timedOut: 'Exit this page expired.',\n      pressTwoMoreTimes: 'Shift, press 2 more times to exit.',\n      pressOneMoreTime: 'Shift, press 1 more time to exit.'\n    }\n  })\n\n  /**\n   * Exit this page config schema\n   *\n   * @constant\n   * @satisfies {Schema<ExitThisPageConfig>}\n   */\n  static schema = Object.freeze({\n    properties: {\n      i18n: { type: 'object' }\n    }\n  })\n}\n\n/**\n * Exit this Page config\n *\n * @see {@link ExitThisPage.defaults}\n * @typedef {object} ExitThisPageConfig\n * @property {ExitThisPageTranslations} [i18n=ExitThisPage.defaults.i18n] - Exit this page translations\n */\n\n/**\n * Exit this Page translations\n *\n * @see {@link ExitThisPage.defaults.i18n}\n * @typedef {object} ExitThisPageTranslations\n *\n * Messages used by the component programatically inserted text, including\n * overlay text and screen reader announcements.\n * @property {string} [activated] - Screen reader announcement for when EtP\n *   keypress functionality has been successfully activated.\n * @property {string} [timedOut] - Screen reader announcement for when the EtP\n *   keypress functionality has timed out.\n * @property {string} [pressTwoMoreTimes] - Screen reader announcement informing\n *   the user they must press the activation key two more times.\n * @property {string} [pressOneMoreTime] - Screen reader announcement informing\n *   the user they must press the activation key one more time.\n */\n\n/**\n * @import { Schema } from '../../common/configuration.mjs'\n */\n"],"names":["isInitialised","$root","moduleName","HTMLElement","hasAttribute","isSupported","$scope","document","body","classList","contains","isArray","option","Array","isObject","formatErrorMessage","Component","message","GOVUKFrontendError","Error","constructor","args","name","SupportError","supportMessage","HTMLScriptElement","prototype","ConfigError","ElementError","messageOrOptions","component","identifier","element","expectedType","InitError","componentOrMessage","_$root","childConstructor","elementType","checkSupport","checkInitialised","setAttribute","configOverride","Symbol","for","ConfigurableComponent","param","config","_config","defaults","datasetConfig","normaliseDataset","dataset","mergeConfigs","normaliseString","value","property","trimmedValue","trim","output","outputType","type","includes","length","isFinite","Number","schema","out","entries","Object","properties","entry","namespace","field","toString","extractConfigByNamespace","configObjects","formattedConfigObject","configObject","key","keys","override","newObject","current","keyParts","split","index","I18n","translations","_config$locale","locale","documentElement","lang","t","lookupKey","options","translation","count","translationPluralForm","getPluralSuffix","match","replacePlaceholders","translationString","formatter","Intl","NumberFormat","supportedLocalesOf","undefined","replace","placeholderWithBraces","placeholderKey","hasOwnProperty","call","placeholderValue","format","hasIntlPluralRulesSupport","Boolean","window","PluralRules","preferredForm","select","console","warn","ExitThisPage","i18n","$button","$skiplinkButton","$updateSpan","$indicatorContainer","$overlay","keypressCounter","lastKeyWasModified","timeoutTime","keypressTimeoutId","timeoutMessageId","querySelector","HTMLAnchorElement","buildIndicator","initUpdateSpan","initButtonClickHandler","addEventListener","handleKeypress","bind","govukFrontendExitThisPageKeypress","resetPage","createElement","className","appendChild","handleClick","i","$indicator","updateIndicator","toggle","$indicators","querySelectorAll","forEach","exitPage","textContent","add","location","href","event","preventDefault","clearTimeout","setKeypressTimer","resetKeypressTimer","shiftKey","setTimeout","remove","freeze","activated","timedOut","pressTwoMoreTimes","pressOneMoreTime"],"mappings":"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"}
\ No newline at end of file
diff --git a/app/templates/govuk/components/components/exit-this-page/exit-this-page.bundle.mjs b/app/templates/govuk/components/components/exit-this-page/exit-this-page.bundle.mjs
new file mode 100644
index 0000000..4c46039
--- /dev/null
+++ b/app/templates/govuk/components/components/exit-this-page/exit-this-page.bundle.mjs
@@ -0,0 +1,576 @@
+function isInitialised($root, moduleName) {
+  return $root instanceof HTMLElement && $root.hasAttribute(`data-${moduleName}-init`);
+}
+
+/**
+ * Checks if GOV.UK Frontend is supported on this page
+ *
+ * Some browsers will load and run our JavaScript but GOV.UK Frontend
+ * won't be supported.
+ *
+ * @param {HTMLElement | null} [$scope] - (internal) `<body>` HTML element checked for browser support
+ * @returns {boolean} Whether GOV.UK Frontend is supported on this page
+ */
+function isSupported($scope = document.body) {
+  if (!$scope) {
+    return false;
+  }
+  return $scope.classList.contains('govuk-frontend-supported');
+}
+function isArray(option) {
+  return Array.isArray(option);
+}
+function isObject(option) {
+  return !!option && typeof option === 'object' && !isArray(option);
+}
+function formatErrorMessage(Component, message) {
+  return `${Component.moduleName}: ${message}`;
+}
+/**
+ * @typedef ComponentWithModuleName
+ * @property {string} moduleName - Name of the component
+ */
+
+class GOVUKFrontendError extends Error {
+  constructor(...args) {
+    super(...args);
+    this.name = 'GOVUKFrontendError';
+  }
+}
+class SupportError extends GOVUKFrontendError {
+  /**
+   * Checks if GOV.UK Frontend is supported on this page
+   *
+   * @param {HTMLElement | null} [$scope] - HTML element `<body>` checked for browser support
+   */
+  constructor($scope = document.body) {
+    const supportMessage = 'noModule' in HTMLScriptElement.prototype ? 'GOV.UK Frontend initialised without `<body class="govuk-frontend-supported">` from template `<script>` snippet' : 'GOV.UK Frontend is not supported in this browser';
+    super($scope ? supportMessage : 'GOV.UK Frontend initialised without `<script type="module">`');
+    this.name = 'SupportError';
+  }
+}
+class ConfigError extends GOVUKFrontendError {
+  constructor(...args) {
+    super(...args);
+    this.name = 'ConfigError';
+  }
+}
+class ElementError extends GOVUKFrontendError {
+  constructor(messageOrOptions) {
+    let message = typeof messageOrOptions === 'string' ? messageOrOptions : '';
+    if (isObject(messageOrOptions)) {
+      const {
+        component,
+        identifier,
+        element,
+        expectedType
+      } = messageOrOptions;
+      message = identifier;
+      message += element ? ` is not of type ${expectedType != null ? expectedType : 'HTMLElement'}` : ' not found';
+      if (component) {
+        message = formatErrorMessage(component, message);
+      }
+    }
+    super(message);
+    this.name = 'ElementError';
+  }
+}
+class InitError extends GOVUKFrontendError {
+  constructor(componentOrMessage) {
+    const message = typeof componentOrMessage === 'string' ? componentOrMessage : formatErrorMessage(componentOrMessage, `Root element (\`$root\`) already initialised`);
+    super(message);
+    this.name = 'InitError';
+  }
+}
+/**
+ * @import { ComponentWithModuleName } from '../common/index.mjs'
+ */
+
+class Component {
+  /**
+   * Returns the root element of the component
+   *
+   * @protected
+   * @returns {RootElementType} - the root element of component
+   */
+  get $root() {
+    return this._$root;
+  }
+  constructor($root) {
+    this._$root = void 0;
+    const childConstructor = this.constructor;
+    if (typeof childConstructor.moduleName !== 'string') {
+      throw new InitError(`\`moduleName\` not defined in component`);
+    }
+    if (!($root instanceof childConstructor.elementType)) {
+      throw new ElementError({
+        element: $root,
+        component: childConstructor,
+        identifier: 'Root element (`$root`)',
+        expectedType: childConstructor.elementType.name
+      });
+    } else {
+      this._$root = $root;
+    }
+    childConstructor.checkSupport();
+    this.checkInitialised();
+    const moduleName = childConstructor.moduleName;
+    this.$root.setAttribute(`data-${moduleName}-init`, '');
+  }
+  checkInitialised() {
+    const constructor = this.constructor;
+    const moduleName = constructor.moduleName;
+    if (moduleName && isInitialised(this.$root, moduleName)) {
+      throw new InitError(constructor);
+    }
+  }
+  static checkSupport() {
+    if (!isSupported()) {
+      throw new SupportError();
+    }
+  }
+}
+
+/**
+ * @typedef ChildClass
+ * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component
+ */
+
+/**
+ * @typedef {typeof Component & ChildClass} ChildClassConstructor
+ */
+Component.elementType = HTMLElement;
+
+const configOverride = Symbol.for('configOverride');
+class ConfigurableComponent extends Component {
+  [configOverride](param) {
+    return {};
+  }
+
+  /**
+   * Returns the root element of the component
+   *
+   * @protected
+   * @returns {ConfigurationType} - the root element of component
+   */
+  get config() {
+    return this._config;
+  }
+  constructor($root, config) {
+    super($root);
+    this._config = void 0;
+    const childConstructor = this.constructor;
+    if (!isObject(childConstructor.defaults)) {
+      throw new ConfigError(formatErrorMessage(childConstructor, 'Config passed as parameter into constructor but no defaults defined'));
+    }
+    const datasetConfig = normaliseDataset(childConstructor, this._$root.dataset);
+    this._config = mergeConfigs(childConstructor.defaults, config != null ? config : {}, this[configOverride](datasetConfig), datasetConfig);
+  }
+}
+function normaliseString(value, property) {
+  const trimmedValue = value ? value.trim() : '';
+  let output;
+  let outputType = property == null ? void 0 : property.type;
+  if (!outputType) {
+    if (['true', 'false'].includes(trimmedValue)) {
+      outputType = 'boolean';
+    }
+    if (trimmedValue.length > 0 && isFinite(Number(trimmedValue))) {
+      outputType = 'number';
+    }
+  }
+  switch (outputType) {
+    case 'boolean':
+      output = trimmedValue === 'true';
+      break;
+    case 'number':
+      output = Number(trimmedValue);
+      break;
+    default:
+      output = value;
+  }
+  return output;
+}
+function normaliseDataset(Component, dataset) {
+  if (!isObject(Component.schema)) {
+    throw new ConfigError(formatErrorMessage(Component, 'Config passed as parameter into constructor but no schema defined'));
+  }
+  const out = {};
+  const entries = Object.entries(Component.schema.properties);
+  for (const entry of entries) {
+    const [namespace, property] = entry;
+    const field = namespace.toString();
+    if (field in dataset) {
+      out[field] = normaliseString(dataset[field], property);
+    }
+    if ((property == null ? void 0 : property.type) === 'object') {
+      out[field] = extractConfigByNamespace(Component.schema, dataset, namespace);
+    }
+  }
+  return out;
+}
+function mergeConfigs(...configObjects) {
+  const formattedConfigObject = {};
+  for (const configObject of configObjects) {
+    for (const key of Object.keys(configObject)) {
+      const option = formattedConfigObject[key];
+      const override = configObject[key];
+      if (isObject(option) && isObject(override)) {
+        formattedConfigObject[key] = mergeConfigs(option, override);
+      } else {
+        formattedConfigObject[key] = override;
+      }
+    }
+  }
+  return formattedConfigObject;
+}
+function extractConfigByNamespace(schema, dataset, namespace) {
+  const property = schema.properties[namespace];
+  if ((property == null ? void 0 : property.type) !== 'object') {
+    return;
+  }
+  const newObject = {
+    [namespace]: {}
+  };
+  for (const [key, value] of Object.entries(dataset)) {
+    let current = newObject;
+    const keyParts = key.split('.');
+    for (const [index, name] of keyParts.entries()) {
+      if (isObject(current)) {
+        if (index < keyParts.length - 1) {
+          if (!isObject(current[name])) {
+            current[name] = {};
+          }
+          current = current[name];
+        } else if (key !== namespace) {
+          current[name] = normaliseString(value);
+        }
+      }
+    }
+  }
+  return newObject[namespace];
+}
+/**
+ * Schema for component config
+ *
+ * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType
+ * @typedef {object} Schema
+ * @property {Record<keyof ConfigurationType, SchemaProperty | undefined>} properties - Schema properties
+ * @property {SchemaCondition<ConfigurationType>[]} [anyOf] - List of schema conditions
+ */
+/**
+ * Schema property for component config
+ *
+ * @typedef {object} SchemaProperty
+ * @property {'string' | 'boolean' | 'number' | 'object'} type - Property type
+ */
+/**
+ * Schema condition for component config
+ *
+ * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType
+ * @typedef {object} SchemaCondition
+ * @property {(keyof ConfigurationType)[]} required - List of required config fields
+ * @property {string} errorMessage - Error message when required config fields not provided
+ */
+/**
+ * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]
+ * @typedef ChildClass
+ * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component
+ * @property {Schema<ConfigurationType>} [schema] - The schema of the component configuration
+ * @property {ConfigurationType} [defaults] - The default values of the configuration of the component
+ */
+/**
+ * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]
+ * @typedef {typeof Component & ChildClass<ConfigurationType>} ChildClassConstructor<ConfigurationType>
+ */
+/**
+ * @import { CompatibleClass, Config, CreateAllOptions, OnErrorCallback } from '../init.mjs'
+ */
+
+class I18n {
+  constructor(translations = {}, config = {}) {
+    var _config$locale;
+    this.translations = void 0;
+    this.locale = void 0;
+    this.translations = translations;
+    this.locale = (_config$locale = config.locale) != null ? _config$locale : document.documentElement.lang || 'en';
+  }
+  t(lookupKey, options) {
+    if (!lookupKey) {
+      throw new Error('i18n: lookup key missing');
+    }
+    let translation = this.translations[lookupKey];
+    if (typeof (options == null ? void 0 : options.count) === 'number' && isObject(translation)) {
+      const translationPluralForm = translation[this.getPluralSuffix(lookupKey, options.count)];
+      if (translationPluralForm) {
+        translation = translationPluralForm;
+      }
+    }
+    if (typeof translation === 'string') {
+      if (translation.match(/%{(.\S+)}/)) {
+        if (!options) {
+          throw new Error('i18n: cannot replace placeholders in string if no option data provided');
+        }
+        return this.replacePlaceholders(translation, options);
+      }
+      return translation;
+    }
+    return lookupKey;
+  }
+  replacePlaceholders(translationString, options) {
+    const formatter = Intl.NumberFormat.supportedLocalesOf(this.locale).length ? new Intl.NumberFormat(this.locale) : undefined;
+    return translationString.replace(/%{(.\S+)}/g, function (placeholderWithBraces, placeholderKey) {
+      if (Object.prototype.hasOwnProperty.call(options, placeholderKey)) {
+        const placeholderValue = options[placeholderKey];
+        if (placeholderValue === false || typeof placeholderValue !== 'number' && typeof placeholderValue !== 'string') {
+          return '';
+        }
+        if (typeof placeholderValue === 'number') {
+          return formatter ? formatter.format(placeholderValue) : `${placeholderValue}`;
+        }
+        return placeholderValue;
+      }
+      throw new Error(`i18n: no data found to replace ${placeholderWithBraces} placeholder in string`);
+    });
+  }
+  hasIntlPluralRulesSupport() {
+    return Boolean('PluralRules' in window.Intl && Intl.PluralRules.supportedLocalesOf(this.locale).length);
+  }
+  getPluralSuffix(lookupKey, count) {
+    count = Number(count);
+    if (!isFinite(count)) {
+      return 'other';
+    }
+    const translation = this.translations[lookupKey];
+    const preferredForm = this.hasIntlPluralRulesSupport() ? new Intl.PluralRules(this.locale).select(count) : 'other';
+    if (isObject(translation)) {
+      if (preferredForm in translation) {
+        return preferredForm;
+      } else if ('other' in translation) {
+        console.warn(`i18n: Missing plural form ".${preferredForm}" for "${this.locale}" locale. Falling back to ".other".`);
+        return 'other';
+      }
+    }
+    throw new Error(`i18n: Plural form ".other" is required for "${this.locale}" locale`);
+  }
+}
+
+/**
+ * Exit this page component
+ *
+ * @preserve
+ * @augments ConfigurableComponent<ExitThisPageConfig>
+ */
+class ExitThisPage extends ConfigurableComponent {
+  /**
+   * @param {Element | null} $root - HTML element that wraps the Exit This Page button
+   * @param {ExitThisPageConfig} [config] - Exit This Page config
+   */
+  constructor($root, config = {}) {
+    super($root, config);
+    this.i18n = void 0;
+    this.$button = void 0;
+    this.$skiplinkButton = null;
+    this.$updateSpan = null;
+    this.$indicatorContainer = null;
+    this.$overlay = null;
+    this.keypressCounter = 0;
+    this.lastKeyWasModified = false;
+    this.timeoutTime = 5000;
+    this.keypressTimeoutId = null;
+    this.timeoutMessageId = null;
+    const $button = this.$root.querySelector('.govuk-exit-this-page__button');
+    if (!($button instanceof HTMLAnchorElement)) {
+      throw new ElementError({
+        component: ExitThisPage,
+        element: $button,
+        expectedType: 'HTMLAnchorElement',
+        identifier: 'Button (`.govuk-exit-this-page__button`)'
+      });
+    }
+    this.i18n = new I18n(this.config.i18n);
+    this.$button = $button;
+    const $skiplinkButton = document.querySelector('.govuk-js-exit-this-page-skiplink');
+    if ($skiplinkButton instanceof HTMLAnchorElement) {
+      this.$skiplinkButton = $skiplinkButton;
+    }
+    this.buildIndicator();
+    this.initUpdateSpan();
+    this.initButtonClickHandler();
+    if (!('govukFrontendExitThisPageKeypress' in document.body.dataset)) {
+      document.addEventListener('keyup', this.handleKeypress.bind(this), true);
+      document.body.dataset.govukFrontendExitThisPageKeypress = 'true';
+    }
+    window.addEventListener('pageshow', this.resetPage.bind(this));
+  }
+  initUpdateSpan() {
+    this.$updateSpan = document.createElement('span');
+    this.$updateSpan.setAttribute('role', 'status');
+    this.$updateSpan.className = 'govuk-visually-hidden';
+    this.$root.appendChild(this.$updateSpan);
+  }
+  initButtonClickHandler() {
+    this.$button.addEventListener('click', this.handleClick.bind(this));
+    if (this.$skiplinkButton) {
+      this.$skiplinkButton.addEventListener('click', this.handleClick.bind(this));
+    }
+  }
+  buildIndicator() {
+    this.$indicatorContainer = document.createElement('div');
+    this.$indicatorContainer.className = 'govuk-exit-this-page__indicator';
+    this.$indicatorContainer.setAttribute('aria-hidden', 'true');
+    for (let i = 0; i < 3; i++) {
+      const $indicator = document.createElement('div');
+      $indicator.className = 'govuk-exit-this-page__indicator-light';
+      this.$indicatorContainer.appendChild($indicator);
+    }
+    this.$button.appendChild(this.$indicatorContainer);
+  }
+  updateIndicator() {
+    if (!this.$indicatorContainer) {
+      return;
+    }
+    this.$indicatorContainer.classList.toggle('govuk-exit-this-page__indicator--visible', this.keypressCounter > 0);
+    const $indicators = this.$indicatorContainer.querySelectorAll('.govuk-exit-this-page__indicator-light');
+    $indicators.forEach(($indicator, index) => {
+      $indicator.classList.toggle('govuk-exit-this-page__indicator-light--on', index < this.keypressCounter);
+    });
+  }
+  exitPage() {
+    if (!this.$updateSpan) {
+      return;
+    }
+    this.$updateSpan.textContent = '';
+    document.body.classList.add('govuk-exit-this-page-hide-content');
+    this.$overlay = document.createElement('div');
+    this.$overlay.className = 'govuk-exit-this-page-overlay';
+    this.$overlay.setAttribute('role', 'alert');
+    document.body.appendChild(this.$overlay);
+    this.$overlay.textContent = this.i18n.t('activated');
+    window.location.href = this.$button.href;
+  }
+  handleClick(event) {
+    event.preventDefault();
+    this.exitPage();
+  }
+  handleKeypress(event) {
+    if (!this.$updateSpan) {
+      return;
+    }
+    if (event.key === 'Shift' && !this.lastKeyWasModified) {
+      this.keypressCounter += 1;
+      this.updateIndicator();
+      if (this.timeoutMessageId) {
+        window.clearTimeout(this.timeoutMessageId);
+        this.timeoutMessageId = null;
+      }
+      if (this.keypressCounter >= 3) {
+        this.keypressCounter = 0;
+        if (this.keypressTimeoutId) {
+          window.clearTimeout(this.keypressTimeoutId);
+          this.keypressTimeoutId = null;
+        }
+        this.exitPage();
+      } else {
+        if (this.keypressCounter === 1) {
+          this.$updateSpan.textContent = this.i18n.t('pressTwoMoreTimes');
+        } else {
+          this.$updateSpan.textContent = this.i18n.t('pressOneMoreTime');
+        }
+      }
+      this.setKeypressTimer();
+    } else if (this.keypressTimeoutId) {
+      this.resetKeypressTimer();
+    }
+    this.lastKeyWasModified = event.shiftKey;
+  }
+  setKeypressTimer() {
+    if (this.keypressTimeoutId) {
+      window.clearTimeout(this.keypressTimeoutId);
+    }
+    this.keypressTimeoutId = window.setTimeout(this.resetKeypressTimer.bind(this), this.timeoutTime);
+  }
+  resetKeypressTimer() {
+    if (!this.$updateSpan) {
+      return;
+    }
+    if (this.keypressTimeoutId) {
+      window.clearTimeout(this.keypressTimeoutId);
+      this.keypressTimeoutId = null;
+    }
+    const $updateSpan = this.$updateSpan;
+    this.keypressCounter = 0;
+    $updateSpan.textContent = this.i18n.t('timedOut');
+    this.timeoutMessageId = window.setTimeout(() => {
+      $updateSpan.textContent = '';
+    }, this.timeoutTime);
+    this.updateIndicator();
+  }
+  resetPage() {
+    document.body.classList.remove('govuk-exit-this-page-hide-content');
+    if (this.$overlay) {
+      this.$overlay.remove();
+      this.$overlay = null;
+    }
+    if (this.$updateSpan) {
+      this.$updateSpan.setAttribute('role', 'status');
+      this.$updateSpan.textContent = '';
+    }
+    this.updateIndicator();
+    if (this.keypressTimeoutId) {
+      window.clearTimeout(this.keypressTimeoutId);
+    }
+    if (this.timeoutMessageId) {
+      window.clearTimeout(this.timeoutMessageId);
+    }
+  }
+}
+
+/**
+ * Exit this Page config
+ *
+ * @see {@link ExitThisPage.defaults}
+ * @typedef {object} ExitThisPageConfig
+ * @property {ExitThisPageTranslations} [i18n=ExitThisPage.defaults.i18n] - Exit this page translations
+ */
+
+/**
+ * Exit this Page translations
+ *
+ * @see {@link ExitThisPage.defaults.i18n}
+ * @typedef {object} ExitThisPageTranslations
+ *
+ * Messages used by the component programatically inserted text, including
+ * overlay text and screen reader announcements.
+ * @property {string} [activated] - Screen reader announcement for when EtP
+ *   keypress functionality has been successfully activated.
+ * @property {string} [timedOut] - Screen reader announcement for when the EtP
+ *   keypress functionality has timed out.
+ * @property {string} [pressTwoMoreTimes] - Screen reader announcement informing
+ *   the user they must press the activation key two more times.
+ * @property {string} [pressOneMoreTime] - Screen reader announcement informing
+ *   the user they must press the activation key one more time.
+ */
+
+/**
+ * @import { Schema } from '../../common/configuration.mjs'
+ */
+ExitThisPage.moduleName = 'govuk-exit-this-page';
+ExitThisPage.defaults = Object.freeze({
+  i18n: {
+    activated: 'Loading.',
+    timedOut: 'Exit this page expired.',
+    pressTwoMoreTimes: 'Shift, press 2 more times to exit.',
+    pressOneMoreTime: 'Shift, press 1 more time to exit.'
+  }
+});
+ExitThisPage.schema = Object.freeze({
+  properties: {
+    i18n: {
+      type: 'object'
+    }
+  }
+});
+
+export { ExitThisPage };
+//# sourceMappingURL=exit-this-page.bundle.mjs.map
diff --git a/app/templates/govuk/components/components/exit-this-page/exit-this-page.bundle.mjs.map b/app/templates/govuk/components/components/exit-this-page/exit-this-page.bundle.mjs.map
new file mode 100644
index 0000000..b8d5edc
--- /dev/null
+++ b/app/templates/govuk/components/components/exit-this-page/exit-this-page.bundle.mjs.map
@@ -0,0 +1 @@
+{"version":3,"file":"exit-this-page.bundle.mjs","sources":["../../../../src/govuk/common/index.mjs","../../../../src/govuk/errors/index.mjs","../../../../src/govuk/component.mjs","../../../../src/govuk/common/configuration.mjs","../../../../src/govuk/i18n.mjs","../../../../src/govuk/components/exit-this-page/exit-this-page.mjs"],"sourcesContent":["/**\n * Common helpers which do not require polyfill.\n *\n * IMPORTANT: If a helper require a polyfill, please isolate it in its own module\n * so that the polyfill can be properly tree-shaken and does not burden\n * the components that do not need that helper\n */\n\n/**\n * Get GOV.UK Frontend breakpoint value from CSS custom property\n *\n * @private\n * @param {string} name - Breakpoint name\n * @returns {{ property: string, value?: string }} Breakpoint object\n */\nexport function getBreakpoint(name) {\n  const property = `--govuk-breakpoint-${name}`\n\n  // Get value from `<html>` with breakpoints on CSS :root\n  const value = window\n    .getComputedStyle(document.documentElement)\n    .getPropertyValue(property)\n\n  return {\n    property,\n    value: value || undefined\n  }\n}\n\n/**\n * Move focus to element\n *\n * Sets tabindex to -1 to make the element programmatically focusable,\n * but removes it on blur as the element doesn't need to be focused again.\n *\n * @private\n * @template {HTMLElement} FocusElement\n * @param {FocusElement} $element - HTML element\n * @param {object} [options] - Handler options\n * @param {function(this: FocusElement): void} [options.onBeforeFocus] - Callback before focus\n * @param {function(this: FocusElement): void} [options.onBlur] - Callback on blur\n */\nexport function setFocus($element, options = {}) {\n  const isFocusable = $element.getAttribute('tabindex')\n\n  if (!isFocusable) {\n    $element.setAttribute('tabindex', '-1')\n  }\n\n  /**\n   * Handle element focus\n   */\n  function onFocus() {\n    $element.addEventListener('blur', onBlur, { once: true })\n  }\n\n  /**\n   * Handle element blur\n   */\n  function onBlur() {\n    options.onBlur?.call($element)\n\n    if (!isFocusable) {\n      $element.removeAttribute('tabindex')\n    }\n  }\n\n  // Add listener to reset element on blur, after focus\n  $element.addEventListener('focus', onFocus, { once: true })\n\n  // Focus element\n  options.onBeforeFocus?.call($element)\n  $element.focus()\n}\n\n/**\n * Checks if component is already initialised\n *\n * @internal\n * @param {Element} $root - HTML element to be checked\n * @param {string} moduleName - name of component module\n * @returns {boolean} Whether component is already initialised\n */\nexport function isInitialised($root, moduleName) {\n  return (\n    $root instanceof HTMLElement &&\n    $root.hasAttribute(`data-${moduleName}-init`)\n  )\n}\n\n/**\n * Checks if GOV.UK Frontend is supported on this page\n *\n * Some browsers will load and run our JavaScript but GOV.UK Frontend\n * won't be supported.\n *\n * @param {HTMLElement | null} [$scope] - (internal) `<body>` HTML element checked for browser support\n * @returns {boolean} Whether GOV.UK Frontend is supported on this page\n */\nexport function isSupported($scope = document.body) {\n  if (!$scope) {\n    return false\n  }\n\n  return $scope.classList.contains('govuk-frontend-supported')\n}\n\n/**\n * Check for an array\n *\n * @internal\n * @param {unknown} option - Option to check\n * @returns {boolean} Whether the option is an array\n */\nfunction isArray(option) {\n  return Array.isArray(option)\n}\n\n/**\n * Check for an object\n *\n * @internal\n * @template {Partial<Record<keyof ObjectType, unknown>>} ObjectType\n * @param {unknown | ObjectType} option - Option to check\n * @returns {option is ObjectType} Whether the option is an object\n */\nexport function isObject(option) {\n  return !!option && typeof option === 'object' && !isArray(option)\n}\n\n/**\n * Check for valid scope\n *\n * @internal\n * @template {Element | Document} ScopeType\n * @param {unknown | ScopeType} $scope - Scope of the document to search within\n * @returns {$scope is ScopeType} Whether the scope can be queried\n */\nexport function isScope($scope) {\n  return !!$scope && ($scope instanceof Element || $scope instanceof Document)\n}\n\n/**\n * Format error message\n *\n * @internal\n * @param {ComponentWithModuleName} Component - Component that threw the error\n * @param {string} message - Error message\n * @returns {string} - Formatted error message\n */\nexport function formatErrorMessage(Component, message) {\n  return `${Component.moduleName}: ${message}`\n}\n\n/* eslint-disable jsdoc/valid-types --\n * `{new(...args: any[] ): object}` is not recognised as valid\n * https://github.com/gajus/eslint-plugin-jsdoc/issues/145#issuecomment-1308722878\n * https://github.com/jsdoc-type-pratt-parser/jsdoc-type-pratt-parser/issues/131\n **/\n\n/**\n * @typedef ComponentWithModuleName\n * @property {string} moduleName - Name of the component\n */\n\n/* eslint-enable jsdoc/valid-types */\n","import { formatErrorMessage, isObject } from '../common/index.mjs'\n\n/**\n * GOV.UK Frontend error\n *\n * A base class for `Error`s thrown by GOV.UK Frontend.\n *\n * It is meant to be extended into specific types of errors\n * to be thrown by our code.\n *\n * @example\n * ```js\n * class MissingRootError extends GOVUKFrontendError {\n *   // Setting an explicit name is important as extending the class will not\n *   // set a new `name` on the subclass. The `name` property is important\n *   // to ensure intelligible error names even if the class name gets\n *   // mangled by a minifier\n *   name = \"MissingRootError\"\n * }\n * ```\n * @virtual\n */\nexport class GOVUKFrontendError extends Error {\n  name = 'GOVUKFrontendError'\n}\n\n/**\n * Indicates that GOV.UK Frontend is not supported\n */\nexport class SupportError extends GOVUKFrontendError {\n  name = 'SupportError'\n\n  /**\n   * Checks if GOV.UK Frontend is supported on this page\n   *\n   * @param {HTMLElement | null} [$scope] - HTML element `<body>` checked for browser support\n   */\n  constructor($scope = document.body) {\n    const supportMessage =\n      'noModule' in HTMLScriptElement.prototype\n        ? 'GOV.UK Frontend initialised without `<body class=\"govuk-frontend-supported\">` from template `<script>` snippet'\n        : 'GOV.UK Frontend is not supported in this browser'\n\n    super(\n      $scope\n        ? supportMessage\n        : 'GOV.UK Frontend initialised without `<script type=\"module\">`'\n    )\n  }\n}\n\n/**\n * Indicates that a component has received an illegal configuration\n */\nexport class ConfigError extends GOVUKFrontendError {\n  name = 'ConfigError'\n}\n\n/**\n * Indicates an issue with an element (possibly `null` or `undefined`)\n */\nexport class ElementError extends GOVUKFrontendError {\n  name = 'ElementError'\n\n  /**\n   * @internal\n   * @overload\n   * @param {string} message - Element error message\n   */\n\n  /**\n   * @internal\n   * @overload\n   * @param {ElementErrorOptions} options - Element error options\n   */\n\n  /**\n   * @internal\n   * @param {string | ElementErrorOptions} messageOrOptions - Element error message or options\n   */\n  constructor(messageOrOptions) {\n    let message = typeof messageOrOptions === 'string' ? messageOrOptions : ''\n\n    // Build message from options\n    if (isObject(messageOrOptions)) {\n      const { component, identifier, element, expectedType } = messageOrOptions\n\n      message = identifier\n\n      // Append reason\n      message += element\n        ? ` is not of type ${expectedType ?? 'HTMLElement'}`\n        : ' not found'\n\n      // Prepend with module name (optional)\n      if (component) {\n        message = formatErrorMessage(component, message)\n      }\n    }\n\n    super(message)\n  }\n}\n\n/**\n * Indicates that a component is already initialised\n */\nexport class InitError extends GOVUKFrontendError {\n  name = 'InitError'\n\n  /**\n   * @internal\n   * @param {ComponentWithModuleName | string} componentOrMessage - name of the component module\n   */\n  constructor(componentOrMessage) {\n    const message =\n      typeof componentOrMessage === 'string'\n        ? componentOrMessage\n        : formatErrorMessage(\n            componentOrMessage,\n            `Root element (\\`$root\\`) already initialised`\n          )\n\n    super(message)\n  }\n}\n\n/**\n * Element error options\n *\n * @internal\n * @typedef {object} ElementErrorOptions\n * @property {Element | Document | null} [element] - The element in error (optional)\n * @property {ComponentWithModuleName} [component] - Component throwing the error (optional)\n * @property {string} identifier - An identifier that'll let the user understand which element has an error. This is whatever makes the most sense\n * @property {string} [expectedType] - The type that was expected for the identifier (optional)\n */\n\n/**\n * @import { ComponentWithModuleName } from '../common/index.mjs'\n */\n","import { isInitialised, isSupported } from './common/index.mjs'\nimport { ElementError, InitError, SupportError } from './errors/index.mjs'\n\n/**\n * Base Component class\n *\n * Centralises the behaviours shared by our components\n *\n * @virtual\n * @template {Element} [RootElementType=HTMLElement]\n */\nexport class Component {\n  /**\n   * @type {typeof Element}\n   */\n  static elementType = HTMLElement\n\n  // allows Typescript user to work around the lack of types\n  // in GOVUKFrontend package, Typescript is not aware of $root\n  // in components that extend GOVUKFrontendComponent\n  /**\n   * Returns the root element of the component\n   *\n   * @protected\n   * @returns {RootElementType} - the root element of component\n   */\n  get $root() {\n    return this._$root\n  }\n\n  /**\n   * @protected\n   * @type {RootElementType}\n   */\n  _$root\n\n  /**\n   * Constructs a new component, validating that GOV.UK Frontend is supported\n   *\n   * @internal\n   * @param {Element | null} [$root] - HTML element to use for component\n   */\n  constructor($root) {\n    const childConstructor = /** @type {ChildClassConstructor} */ (\n      this.constructor\n    )\n\n    // TypeScript does not enforce that inheriting classes will define a `moduleName`\n    // (even if we add a `@virtual` `static moduleName` property to this class).\n    // While we trust users to do this correctly, we do a little check to provide them\n    // a helpful error message.\n    //\n    // After this, we'll be sure that `childConstructor` has a `moduleName`\n    // as expected of the `ChildClassConstructor` we've cast `this.constructor` to.\n    if (typeof childConstructor.moduleName !== 'string') {\n      throw new InitError(`\\`moduleName\\` not defined in component`)\n    }\n\n    if (!($root instanceof childConstructor.elementType)) {\n      throw new ElementError({\n        element: $root,\n        component: childConstructor,\n        identifier: 'Root element (`$root`)',\n        expectedType: childConstructor.elementType.name\n      })\n    } else {\n      this._$root = /** @type {RootElementType} */ ($root)\n    }\n\n    childConstructor.checkSupport()\n\n    this.checkInitialised()\n\n    const moduleName = childConstructor.moduleName\n\n    this.$root.setAttribute(`data-${moduleName}-init`, '')\n  }\n\n  /**\n   * Validates whether component is already initialised\n   *\n   * @private\n   * @throws {InitError} when component is already initialised\n   */\n  checkInitialised() {\n    const constructor = /** @type {ChildClassConstructor} */ (this.constructor)\n    const moduleName = constructor.moduleName\n\n    if (moduleName && isInitialised(this.$root, moduleName)) {\n      throw new InitError(constructor)\n    }\n  }\n\n  /**\n   * Validates whether components are supported\n   *\n   * @throws {SupportError} when the components are not supported\n   */\n  static checkSupport() {\n    if (!isSupported()) {\n      throw new SupportError()\n    }\n  }\n}\n\n/**\n * @typedef ChildClass\n * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component\n */\n\n/**\n * @typedef {typeof Component & ChildClass} ChildClassConstructor\n */\n","import { Component } from '../component.mjs'\nimport { ConfigError } from '../errors/index.mjs'\n\nimport { isObject, isScope, formatErrorMessage } from './index.mjs'\n\nexport const configOverride = Symbol.for('configOverride')\n\n/**\n * Base Component class\n *\n * Centralises the behaviours shared by our components\n *\n * @virtual\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]\n * @template {Element & { dataset: DOMStringMap }} [RootElementType=HTMLElement]\n * @augments Component<RootElementType>\n */\nexport class ConfigurableComponent extends Component {\n  /**\n   * configOverride\n   *\n   * Function which defines configuration overrides to prioritize\n   * properties from the root element's dataset.\n   *\n   * It should take a subset of configuration as input and return\n   * a new configuration object with properties that should be\n   * overridden based on the root element's dataset. A Symbol\n   * is used for indexing to prevent conflicts.\n   *\n   * @internal\n   * @virtual\n   * @param {Partial<ConfigurationType>} [param] - Configuration object\n   * @returns {Partial<ConfigurationType>} return - Configuration object\n   */\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  [configOverride](param) {\n    return {}\n  }\n\n  /**\n   * Returns the root element of the component\n   *\n   * @protected\n   * @returns {ConfigurationType} - the root element of component\n   */\n  get config() {\n    return this._config\n  }\n\n  /**\n   *\n   * @type {ConfigurationType}\n   */\n  _config\n\n  /**\n   * Constructs a new component, validating that GOV.UK Frontend is supported\n   *\n   * @internal\n   * @param {Element | null} [$root] - HTML element to use for component\n   * @param {ConfigurationType} [config] - HTML element to use for component\n   */\n  constructor($root, config) {\n    super($root)\n\n    const childConstructor =\n      /** @type {ChildClassConstructor<ConfigurationType>} */ (this.constructor)\n\n    if (!isObject(childConstructor.defaults)) {\n      throw new ConfigError(\n        formatErrorMessage(\n          childConstructor,\n          'Config passed as parameter into constructor but no defaults defined'\n        )\n      )\n    }\n\n    const datasetConfig = /** @type {ConfigurationType} */ (\n      normaliseDataset(childConstructor, this._$root.dataset)\n    )\n\n    this._config = /** @type {ConfigurationType} */ (\n      mergeConfigs(\n        childConstructor.defaults,\n        config ?? {},\n        this[configOverride](datasetConfig),\n        datasetConfig\n      )\n    )\n  }\n}\n\n/**\n * Normalise string\n *\n * 'If it looks like a duck, and it quacks like a duck…' 🦆\n *\n * If the passed value looks like a boolean or a number, convert it to a boolean\n * or number.\n *\n * Designed to be used to convert config passed via data attributes (which are\n * always strings) into something sensible.\n *\n * @internal\n * @param {DOMStringMap[string]} value - The value to normalise\n * @param {SchemaProperty} [property] - Component schema property\n * @returns {string | boolean | number | undefined} Normalised data\n */\nexport function normaliseString(value, property) {\n  const trimmedValue = value ? value.trim() : ''\n\n  let output\n  let outputType = property?.type\n\n  // No schema type set? Determine automatically\n  if (!outputType) {\n    if (['true', 'false'].includes(trimmedValue)) {\n      outputType = 'boolean'\n    }\n\n    // Empty / whitespace-only strings are considered finite so we need to check\n    // the length of the trimmed string as well\n    if (trimmedValue.length > 0 && isFinite(Number(trimmedValue))) {\n      outputType = 'number'\n    }\n  }\n\n  switch (outputType) {\n    case 'boolean':\n      output = trimmedValue === 'true'\n      break\n\n    case 'number':\n      output = Number(trimmedValue)\n      break\n\n    default:\n      output = value\n  }\n\n  return output\n}\n\n/**\n * Normalise dataset\n *\n * Loop over an object and normalise each value using {@link normaliseString},\n * optionally expanding nested `i18n.field`\n *\n * @internal\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @template {[keyof ConfigurationType, SchemaProperty | undefined][]} SchemaEntryType\n * @param {{ schema?: Schema<ConfigurationType>, moduleName: string }} Component - Component class\n * @param {DOMStringMap} dataset - HTML element dataset\n * @returns {ObjectNested} Normalised dataset\n */\nexport function normaliseDataset(Component, dataset) {\n  if (!isObject(Component.schema)) {\n    throw new ConfigError(\n      formatErrorMessage(\n        Component,\n        'Config passed as parameter into constructor but no schema defined'\n      )\n    )\n  }\n\n  const out = /** @type {ObjectNested} */ ({})\n  const entries = /** @type {SchemaEntryType} */ (\n    Object.entries(Component.schema.properties)\n  )\n\n  // Normalise top-level dataset ('data-*') values using schema types\n  for (const entry of entries) {\n    const [namespace, property] = entry\n\n    // Cast the `namespace` to string so it can be used to access the dataset\n    const field = namespace.toString()\n\n    if (field in dataset) {\n      out[field] = normaliseString(dataset[field], property)\n    }\n\n    /**\n     * Extract and normalise nested object values automatically using\n     * {@link normaliseString} but only schema object types are allowed\n     */\n    if (property?.type === 'object') {\n      out[field] = extractConfigByNamespace(\n        Component.schema,\n        dataset,\n        namespace\n      )\n    }\n  }\n\n  return out\n}\n\n/**\n * Normalise options passed to `initAll` or `createAll`\n *\n * @internal\n * @template {CompatibleClass} ComponentClass\n * @param {Config | CreateAllOptions<ComponentClass> | OnErrorCallback<ComponentClass> | Element | Document | null} [scopeOrOptions] - Scope of the document to search within, initialisation options or error callback function\n * @returns {CreateAllOptions<ComponentClass>} Normalised options\n */\nexport function normaliseOptions(scopeOrOptions) {\n  let /** @type {Element | Document | null} */ $scope = document\n  let /** @type {OnErrorCallback<ComponentClass> | undefined} */ onError\n\n  // Handle options object\n  if (isObject(scopeOrOptions)) {\n    const options = scopeOrOptions\n\n    // Scope must be valid or null\n    if (isScope(options.scope) || options.scope === null) {\n      $scope = options.scope\n    }\n\n    // Error handler must be a function\n    if (typeof options.onError === 'function') {\n      onError = options.onError\n    }\n  }\n\n  if (isScope(scopeOrOptions)) {\n    $scope = scopeOrOptions\n  } else if (scopeOrOptions === null) {\n    $scope = null\n  } else if (typeof scopeOrOptions === 'function') {\n    onError = scopeOrOptions\n  }\n\n  return {\n    scope: $scope,\n    onError\n  }\n}\n\n/**\n * Config merging function\n *\n * Takes any number of objects and combines them together, with\n * greatest priority on the LAST item passed in.\n *\n * @internal\n * @param {...{ [key: string]: unknown }} configObjects - Config objects to merge\n * @returns {{ [key: string]: unknown }} A merged config object\n */\nexport function mergeConfigs(...configObjects) {\n  // Start with an empty object as our base\n  /** @type {{ [key: string]: unknown }} */\n  const formattedConfigObject = {}\n\n  // Loop through each of the passed objects\n  for (const configObject of configObjects) {\n    for (const key of Object.keys(configObject)) {\n      const option = formattedConfigObject[key]\n      const override = configObject[key]\n\n      // Push their keys one-by-one into formattedConfigObject. Any duplicate\n      // keys with object values will be merged, otherwise the new value will\n      // override the existing value.\n      if (isObject(option) && isObject(override)) {\n        formattedConfigObject[key] = mergeConfigs(option, override)\n      } else {\n        // Apply override\n        formattedConfigObject[key] = override\n      }\n    }\n  }\n\n  return formattedConfigObject\n}\n\n/**\n * Validate component config by schema\n *\n * Follows limited examples in JSON schema for wider support in future\n *\n * {@link https://ajv.js.org/json-schema.html#compound-keywords}\n * {@link https://ajv.js.org/packages/ajv-errors.html#single-message}\n *\n * @internal\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @param {Schema<ConfigurationType>} schema - The schema of a component\n * @param {ConfigurationType} config - Component config\n * @returns {string[]} List of validation errors\n */\nexport function validateConfig(schema, config) {\n  const validationErrors = []\n\n  // Check errors for each schema\n  for (const [name, conditions] of Object.entries(schema)) {\n    const errors = []\n\n    // Check errors for each schema condition\n    if (Array.isArray(conditions)) {\n      for (const { required, errorMessage } of conditions) {\n        if (!required.every((key) => !!config[key])) {\n          errors.push(errorMessage) // Missing config key value\n        }\n      }\n\n      // Check one condition passes or add errors\n      if (name === 'anyOf' && !(conditions.length - errors.length >= 1)) {\n        validationErrors.push(...errors)\n      }\n    }\n  }\n\n  return validationErrors\n}\n\n/**\n * Extracts keys starting with a particular namespace from dataset ('data-*')\n * object, removing the namespace in the process, normalising all values\n *\n * @internal\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @param {Schema<ConfigurationType>} schema - The schema of a component\n * @param {DOMStringMap} dataset - The object to extract key-value pairs from\n * @param {keyof ConfigurationType} namespace - The namespace to filter keys with\n * @returns {ObjectNested | undefined} Nested object with dot-separated key namespace removed\n */\nexport function extractConfigByNamespace(schema, dataset, namespace) {\n  const property = schema.properties[namespace]\n\n  // Only extract configs for object schema properties\n  if (property?.type !== 'object') {\n    return\n  }\n\n  // Add default empty config\n  const newObject = /** @type {Record<typeof namespace, ObjectNested>} */ ({\n    [namespace]: {}\n  })\n\n  for (const [key, value] of Object.entries(dataset)) {\n    /** @type {ObjectNested | ObjectNested[NestedKey]} */\n    let current = newObject\n\n    // Split the key into parts, using . as our namespace separator\n    const keyParts = key.split('.')\n\n    /**\n     * Create new level per part\n     *\n     * e.g. 'i18n.textareaDescription.other' becomes\n     * `{ i18n: { textareaDescription: { other } } }`\n     */\n    for (const [index, name] of keyParts.entries()) {\n      if (isObject(current)) {\n        // Drop down to nested object until the last part\n        if (index < keyParts.length - 1) {\n          // New nested object (optionally) replaces existing value\n          if (!isObject(current[name])) {\n            current[name] = {}\n          }\n\n          // Drop down into new or existing nested object\n          current = current[name]\n        } else if (key !== namespace) {\n          // Normalised value (optionally) replaces existing value\n          current[name] = normaliseString(value)\n        }\n      }\n    }\n  }\n\n  return newObject[namespace]\n}\n\n/**\n * @internal\n * @typedef {keyof ObjectNested} NestedKey\n * @typedef {{ [key: string]: string | boolean | number | ObjectNested | undefined }} ObjectNested\n */\n\n/**\n * Schema for component config\n *\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @typedef {object} Schema\n * @property {Record<keyof ConfigurationType, SchemaProperty | undefined>} properties - Schema properties\n * @property {SchemaCondition<ConfigurationType>[]} [anyOf] - List of schema conditions\n */\n\n/**\n * Schema property for component config\n *\n * @typedef {object} SchemaProperty\n * @property {'string' | 'boolean' | 'number' | 'object'} type - Property type\n */\n\n/**\n * Schema condition for component config\n *\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @typedef {object} SchemaCondition\n * @property {(keyof ConfigurationType)[]} required - List of required config fields\n * @property {string} errorMessage - Error message when required config fields not provided\n */\n\n/**\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]\n * @typedef ChildClass\n * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component\n * @property {Schema<ConfigurationType>} [schema] - The schema of the component configuration\n * @property {ConfigurationType} [defaults] - The default values of the configuration of the component\n */\n\n/**\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]\n * @typedef {typeof Component & ChildClass<ConfigurationType>} ChildClassConstructor<ConfigurationType>\n */\n\n/**\n * @import { CompatibleClass, Config, CreateAllOptions, OnErrorCallback } from '../init.mjs'\n */\n","import { isObject } from './common/index.mjs'\n\n/**\n * Internal support for selecting messages to render, with placeholder\n * interpolation and locale-aware number formatting and pluralisation\n *\n * @internal\n */\nexport class I18n {\n  translations\n  locale\n\n  /**\n   * @internal\n   * @param {{ [key: string]: string | TranslationPluralForms }} translations - Key-value pairs of the translation strings to use.\n   * @param {object} [config] - Configuration options for the function.\n   * @param {string | null} [config.locale] - An overriding locale for the PluralRules functionality.\n   */\n  constructor(translations = {}, config = {}) {\n    // Make list of translations available throughout function\n    this.translations = translations\n\n    // The locale to use for PluralRules and NumberFormat\n    this.locale = config.locale ?? (document.documentElement.lang || 'en')\n  }\n\n  /**\n   * The most used function - takes the key for a given piece of UI text and\n   * returns the appropriate string.\n   *\n   * @internal\n   * @param {string} lookupKey - The lookup key of the string to use.\n   * @param {{ [key: string]: unknown }} [options] - Any options passed with the translation string, e.g: for string interpolation.\n   * @returns {string} The appropriate translation string.\n   * @throws {Error} Lookup key required\n   * @throws {Error} Options required for `${}` placeholders\n   */\n  t(lookupKey, options) {\n    if (!lookupKey) {\n      // Print a console error if no lookup key has been provided\n      throw new Error('i18n: lookup key missing')\n    }\n\n    // Fetch the translation for that lookup key\n    let translation = this.translations[lookupKey]\n\n    // If the `count` option is set, determine which plural suffix is needed and\n    // change the lookupKey to match. We check to see if it's numeric instead of\n    // falsy, as this could legitimately be 0.\n    if (typeof options?.count === 'number' && isObject(translation)) {\n      const translationPluralForm =\n        translation[this.getPluralSuffix(lookupKey, options.count)]\n\n      // Update translation with plural suffix\n      if (translationPluralForm) {\n        translation = translationPluralForm\n      }\n    }\n\n    if (typeof translation === 'string') {\n      // Check for ${} placeholders in the translation string\n      // eslint-disable-next-line @typescript-eslint/prefer-regexp-exec\n      if (translation.match(/%{(.\\S+)}/)) {\n        if (!options) {\n          throw new Error(\n            'i18n: cannot replace placeholders in string if no option data provided'\n          )\n        }\n\n        return this.replacePlaceholders(translation, options)\n      }\n\n      return translation\n    }\n\n    // If the key wasn't found in our translations object,\n    // return the lookup key itself as the fallback\n    return lookupKey\n  }\n\n  /**\n   * Takes a translation string with placeholders, and replaces the placeholders\n   * with the provided data\n   *\n   * @internal\n   * @param {string} translationString - The translation string\n   * @param {{ [key: string]: unknown }} options - Any options passed with the translation string, e.g: for string interpolation.\n   * @returns {string} The translation string to output, with $\\{\\} placeholders replaced\n   */\n  replacePlaceholders(translationString, options) {\n    const formatter = Intl.NumberFormat.supportedLocalesOf(this.locale).length\n      ? new Intl.NumberFormat(this.locale)\n      : undefined\n\n    return translationString.replace(\n      /%{(.\\S+)}/g,\n\n      /**\n       * Replace translation string placeholders\n       *\n       * @internal\n       * @param {string} placeholderWithBraces - Placeholder with braces\n       * @param {string} placeholderKey - Placeholder key\n       * @returns {string} Placeholder value\n       */\n      function (placeholderWithBraces, placeholderKey) {\n        if (Object.prototype.hasOwnProperty.call(options, placeholderKey)) {\n          const placeholderValue = options[placeholderKey]\n\n          // If a user has passed `false` as the value for the placeholder\n          // treat it as though the value should not be displayed\n          if (\n            placeholderValue === false ||\n            (typeof placeholderValue !== 'number' &&\n              typeof placeholderValue !== 'string')\n          ) {\n            return ''\n          }\n\n          // If the placeholder's value is a number, localise the number formatting\n          if (typeof placeholderValue === 'number') {\n            return formatter\n              ? formatter.format(placeholderValue)\n              : `${placeholderValue}`\n          }\n\n          return placeholderValue\n        }\n\n        throw new Error(\n          `i18n: no data found to replace ${placeholderWithBraces} placeholder in string`\n        )\n      }\n    )\n  }\n\n  /**\n   * Check to see if the browser supports Intl.PluralRules\n   *\n   * It requires all conditions to be met in order to be supported:\n   * - The implementation of Intl supports PluralRules (NOT true in Safari 10–12)\n   * - The browser/OS has plural rules for the current locale (browser dependent)\n   *\n   * {@link https://browsersl.ist/#q=supports+es6-module+and+not+supports+intl-pluralrules}\n   *\n   * @internal\n   * @returns {boolean} Returns true if all conditions are met. Returns false otherwise.\n   */\n  hasIntlPluralRulesSupport() {\n    return Boolean(\n      'PluralRules' in window.Intl &&\n        Intl.PluralRules.supportedLocalesOf(this.locale).length\n    )\n  }\n\n  /**\n   * Get the appropriate suffix for the plural form.\n   *\n   * Uses Intl.PluralRules (or our own fallback implementation) to get the\n   * 'preferred' form to use for the given count.\n   *\n   * Checks that a translation has been provided for that plural form – if it\n   * hasn't, it'll fall back to the 'other' plural form (unless that doesn't exist\n   * either, in which case an error will be thrown)\n   *\n   * @internal\n   * @param {string} lookupKey - The lookup key of the string to use.\n   * @param {number} count - Number used to determine which pluralisation to use.\n   * @returns {PluralRule} The suffix associated with the correct pluralisation for this locale.\n   * @throws {Error} Plural form `.other` required when preferred plural form is missing\n   */\n  getPluralSuffix(lookupKey, count) {\n    // Validate that the number is actually a number.\n    //\n    // Number(count) will turn anything that can't be converted to a Number type\n    // into 'NaN'. isFinite filters out NaN, as it isn't a finite number.\n    // eslint-disable-next-line @typescript-eslint/no-unnecessary-type-conversion\n    count = Number(count)\n    if (!isFinite(count)) {\n      return 'other'\n    }\n\n    // Fetch the translation for that lookup key\n    const translation = this.translations[lookupKey]\n\n    // Check to verify that all the requirements for Intl.PluralRules are met.\n    // If so, we can use that instead of our custom implementation. Otherwise,\n    // use the hardcoded fallback.\n    const preferredForm = this.hasIntlPluralRulesSupport()\n      ? new Intl.PluralRules(this.locale).select(count)\n      : 'other'\n\n    // Use the correct plural form if provided\n    if (isObject(translation)) {\n      if (preferredForm in translation) {\n        return preferredForm\n        // Fall back to `other` if the plural form is missing, but log a warning\n        // to the console\n      } else if ('other' in translation) {\n        console.warn(\n          `i18n: Missing plural form \".${preferredForm}\" for \"${this.locale}\" locale. Falling back to \".other\".`\n        )\n\n        return 'other'\n      }\n    }\n\n    // If the required `other` plural form is missing, all we can do is error\n    throw new Error(\n      `i18n: Plural form \".other\" is required for \"${this.locale}\" locale`\n    )\n  }\n}\n\n/**\n * Plural rule category mnemonic tags\n *\n * @internal\n * @typedef {'zero' | 'one' | 'two' | 'few' | 'many' | 'other'} PluralRule\n */\n\n/**\n * Translated message by plural rule they correspond to.\n *\n * Allows to group pluralised messages under a single key when passing\n * translations to a component's constructor\n *\n * @internal\n * @typedef {object} TranslationPluralForms\n * @property {string} [other] - General plural form\n * @property {string} [zero] - Plural form used with 0\n * @property {string} [one] - Plural form used with 1\n * @property {string} [two] - Plural form used with 2\n * @property {string} [few] - Plural form used for a few\n * @property {string} [many] - Plural form used for many\n */\n","import { ConfigurableComponent } from '../../common/configuration.mjs'\nimport { ElementError } from '../../errors/index.mjs'\nimport { I18n } from '../../i18n.mjs'\n\n/**\n * Exit this page component\n *\n * @preserve\n * @augments ConfigurableComponent<ExitThisPageConfig>\n */\nexport class ExitThisPage extends ConfigurableComponent {\n  /** @private */\n  i18n\n\n  /** @private */\n  $button\n\n  /**\n   * @private\n   * @type {HTMLAnchorElement | null}\n   */\n  $skiplinkButton = null\n\n  /**\n   * @private\n   * @type {HTMLElement | null}\n   */\n  $updateSpan = null\n\n  /**\n   * @private\n   * @type {HTMLElement | null}\n   */\n  $indicatorContainer = null\n\n  /**\n   * @private\n   * @type {HTMLElement | null}\n   */\n  $overlay = null\n\n  /** @private */\n  keypressCounter = 0\n\n  /** @private */\n  lastKeyWasModified = false\n\n  /** @private */\n  timeoutTime = 5000 // milliseconds\n\n  // Store the timeout events so that we can clear them to avoid user keypresses overlapping\n  // setTimeout returns an id that we can use to clear it with clearTimeout,\n  // hence the 'Id' suffix\n\n  /**\n   * @private\n   * @type {number | null}\n   */\n  keypressTimeoutId = null\n\n  /**\n   * @private\n   * @type {number | null}\n   */\n  timeoutMessageId = null\n\n  /**\n   * @param {Element | null} $root - HTML element that wraps the Exit This Page button\n   * @param {ExitThisPageConfig} [config] - Exit This Page config\n   */\n  constructor($root, config = {}) {\n    super($root, config)\n\n    const $button = this.$root.querySelector('.govuk-exit-this-page__button')\n    if (!($button instanceof HTMLAnchorElement)) {\n      throw new ElementError({\n        component: ExitThisPage,\n        element: $button,\n        expectedType: 'HTMLAnchorElement',\n        identifier: 'Button (`.govuk-exit-this-page__button`)'\n      })\n    }\n\n    this.i18n = new I18n(this.config.i18n)\n    this.$button = $button\n\n    const $skiplinkButton = document.querySelector(\n      '.govuk-js-exit-this-page-skiplink'\n    )\n    if ($skiplinkButton instanceof HTMLAnchorElement) {\n      this.$skiplinkButton = $skiplinkButton\n    }\n\n    this.buildIndicator()\n    this.initUpdateSpan()\n    this.initButtonClickHandler()\n\n    // Check to see if this has already been done by a previous initialisation of ExitThisPage\n    if (!('govukFrontendExitThisPageKeypress' in document.body.dataset)) {\n      document.addEventListener('keyup', this.handleKeypress.bind(this), true)\n      document.body.dataset.govukFrontendExitThisPageKeypress = 'true'\n    }\n\n    // When the page is restored after navigating 'back' in some browsers the\n    // blank overlay remains present, rendering the page unusable. Here, we check\n    // to see if it's present on page (re)load, and remove it if so.\n    window.addEventListener('pageshow', this.resetPage.bind(this))\n  }\n\n  /**\n   * Create the <span> we use for screen reader announcements.\n   *\n   * @private\n   */\n  initUpdateSpan() {\n    this.$updateSpan = document.createElement('span')\n    this.$updateSpan.setAttribute('role', 'status')\n    this.$updateSpan.className = 'govuk-visually-hidden'\n\n    this.$root.appendChild(this.$updateSpan)\n  }\n\n  /**\n   * Create button click handlers.\n   *\n   * @private\n   */\n  initButtonClickHandler() {\n    // Main EtP button\n    this.$button.addEventListener('click', this.handleClick.bind(this))\n\n    // EtP secondary link\n    if (this.$skiplinkButton) {\n      this.$skiplinkButton.addEventListener(\n        'click',\n        this.handleClick.bind(this)\n      )\n    }\n  }\n\n  /**\n   * Create the HTML for the 'three lights' indicator on the button.\n   *\n   * @private\n   */\n  buildIndicator() {\n    // Build container\n    // Putting `aria-hidden` on it as it won't contain any readable information\n    this.$indicatorContainer = document.createElement('div')\n    this.$indicatorContainer.className = 'govuk-exit-this-page__indicator'\n    this.$indicatorContainer.setAttribute('aria-hidden', 'true')\n\n    // Create three 'lights' and place them within the container\n    for (let i = 0; i < 3; i++) {\n      const $indicator = document.createElement('div')\n      $indicator.className = 'govuk-exit-this-page__indicator-light'\n      this.$indicatorContainer.appendChild($indicator)\n    }\n\n    // Append it all to the module\n    this.$button.appendChild(this.$indicatorContainer)\n  }\n\n  /**\n   * Update whether the lights are visible and which ones are lit up depending on\n   * the value of `keypressCounter`.\n   *\n   * @private\n   */\n  updateIndicator() {\n    if (!this.$indicatorContainer) {\n      return\n    }\n\n    // Show or hide the indicator container depending on keypressCounter value\n    this.$indicatorContainer.classList.toggle(\n      'govuk-exit-this-page__indicator--visible',\n      this.keypressCounter > 0\n    )\n\n    // Turn on only the indicators we want on\n    const $indicators = this.$indicatorContainer.querySelectorAll(\n      '.govuk-exit-this-page__indicator-light'\n    )\n    $indicators.forEach(($indicator, index) => {\n      $indicator.classList.toggle(\n        'govuk-exit-this-page__indicator-light--on',\n        index < this.keypressCounter\n      )\n    })\n  }\n\n  /**\n   * Initiates the redirection away from the current page.\n   * Includes the loading overlay functionality, which covers the current page with a\n   * white overlay so that the contents are not visible during the loading\n   * process. This is particularly important on slow network connections.\n   *\n   * @private\n   */\n  exitPage() {\n    if (!this.$updateSpan) {\n      return\n    }\n\n    this.$updateSpan.textContent = ''\n\n    // Blank the page\n    // As well as creating an overlay with text, we also set the body to hidden\n    // to prevent screen reader and sequential navigation users potentially\n    // navigating through the page behind the overlay during loading\n    document.body.classList.add('govuk-exit-this-page-hide-content')\n    this.$overlay = document.createElement('div')\n    this.$overlay.className = 'govuk-exit-this-page-overlay'\n    this.$overlay.setAttribute('role', 'alert')\n\n    // we do these this way round, thus incurring a second paint, because changing\n    // the element text after adding it means that screen readers pick up the\n    // announcement more reliably.\n    document.body.appendChild(this.$overlay)\n    this.$overlay.textContent = this.i18n.t('activated')\n\n    window.location.href = this.$button.href\n  }\n\n  /**\n   * Pre-activation logic for when the button is clicked/activated via mouse or\n   * pointer.\n   *\n   * We do this to differentiate it from the keyboard activation event because we\n   * need to run `e.preventDefault` as the button or skiplink are both links and we\n   * want to apply some additional logic in `exitPage` before navigating.\n   *\n   * @private\n   * @param {MouseEvent} event - mouse click event\n   */\n  handleClick(event) {\n    event.preventDefault()\n    this.exitPage()\n  }\n\n  /**\n   * Logic for the 'quick escape' keyboard sequence functionality (pressing the\n   * Shift key three times without interruption, within a time limit).\n   *\n   * @private\n   * @param {KeyboardEvent} event - keyup event\n   */\n  handleKeypress(event) {\n    if (!this.$updateSpan) {\n      return\n    }\n\n    // Detect if the 'Shift' key has been pressed. We want to only do things if it\n    // was pressed by itself and not in a combination with another key—so we keep\n    // track of whether the preceding keyup had shiftKey: true on it, and if it\n    // did, we ignore the next Shift keyup event.\n    //\n    // This works because using Shift as a modifier key (e.g. pressing Shift + A)\n    // will fire TWO keyup events, one for A (with e.shiftKey: true) and the other\n    // for Shift (with e.shiftKey: false).\n    if (event.key === 'Shift' && !this.lastKeyWasModified) {\n      this.keypressCounter += 1\n\n      // Update the indicator before the below if statement can reset it back to 0\n      this.updateIndicator()\n\n      // Clear the timeout for the keypress timeout message clearing itself\n      if (this.timeoutMessageId) {\n        window.clearTimeout(this.timeoutMessageId)\n        this.timeoutMessageId = null\n      }\n\n      if (this.keypressCounter >= 3) {\n        this.keypressCounter = 0\n\n        if (this.keypressTimeoutId) {\n          window.clearTimeout(this.keypressTimeoutId)\n          this.keypressTimeoutId = null\n        }\n\n        this.exitPage()\n      } else {\n        if (this.keypressCounter === 1) {\n          this.$updateSpan.textContent = this.i18n.t('pressTwoMoreTimes')\n        } else {\n          this.$updateSpan.textContent = this.i18n.t('pressOneMoreTime')\n        }\n      }\n\n      this.setKeypressTimer()\n    } else if (this.keypressTimeoutId) {\n      // If the user pressed any key other than 'Shift', after having pressed\n      // 'Shift' and activating the timer, stop and reset the timer.\n      this.resetKeypressTimer()\n    }\n\n    // Keep track of whether the Shift modifier key was held during this keypress\n    this.lastKeyWasModified = event.shiftKey\n  }\n\n  /**\n   * Starts the 'quick escape' keyboard sequence timer.\n   *\n   * This can be invoked several times. We want this to be possible so that the\n   * timer is restarted each time the shortcut key is pressed (e.g. the user has\n   * up to n seconds between each keypress, rather than n seconds to invoke the\n   * entire sequence.)\n   *\n   * @private\n   */\n  setKeypressTimer() {\n    // Clear any existing timeout. This is so only one timer is running even if\n    // there are multiple keypresses in quick succession.\n    if (this.keypressTimeoutId) {\n      window.clearTimeout(this.keypressTimeoutId)\n    }\n\n    // Set a fresh timeout\n    this.keypressTimeoutId = window.setTimeout(\n      this.resetKeypressTimer.bind(this),\n      this.timeoutTime\n    )\n  }\n\n  /**\n   * Stops and resets the 'quick escape' keyboard sequence timer.\n   *\n   * @private\n   */\n  resetKeypressTimer() {\n    if (!this.$updateSpan) {\n      return\n    }\n\n    if (this.keypressTimeoutId) {\n      window.clearTimeout(this.keypressTimeoutId)\n      this.keypressTimeoutId = null\n    }\n\n    const $updateSpan = this.$updateSpan\n\n    this.keypressCounter = 0\n    $updateSpan.textContent = this.i18n.t('timedOut')\n\n    this.timeoutMessageId = window.setTimeout(() => {\n      $updateSpan.textContent = ''\n    }, this.timeoutTime)\n\n    this.updateIndicator()\n  }\n\n  /**\n   * Reset the page using the EtP button\n   *\n   * We use this in situations where a user may re-enter a page using the browser\n   * back button. In these cases, the browser can choose to restore the state of\n   * the page as it was previously, including restoring the 'ghost page' overlay,\n   * the announcement span having it's role set to \"alert\" and the keypress\n   * indicator still active, leaving the page in an unusable state.\n   *\n   * By running this check when the page is shown, we can programatically restore\n   * the page and the component to a \"default\" state\n   *\n   * @private\n   */\n  resetPage() {\n    // If an overlay is set, remove it and reset the value\n    document.body.classList.remove('govuk-exit-this-page-hide-content')\n\n    if (this.$overlay) {\n      this.$overlay.remove()\n      this.$overlay = null\n    }\n\n    // Ensure the announcement span's role is status, not alert and clear any text\n    if (this.$updateSpan) {\n      this.$updateSpan.setAttribute('role', 'status')\n      this.$updateSpan.textContent = ''\n    }\n\n    // Sync the keypress indicator lights\n    this.updateIndicator()\n\n    // If the timeouts are active, clear them\n    if (this.keypressTimeoutId) {\n      window.clearTimeout(this.keypressTimeoutId)\n    }\n\n    if (this.timeoutMessageId) {\n      window.clearTimeout(this.timeoutMessageId)\n    }\n  }\n\n  /**\n   * Name for the component used when initialising using data-module attributes.\n   */\n  static moduleName = 'govuk-exit-this-page'\n\n  /**\n   * Exit this page default config\n   *\n   * @see {@link ExitThisPageConfig}\n   * @constant\n   * @type {ExitThisPageConfig}\n   */\n  static defaults = Object.freeze({\n    i18n: {\n      activated: 'Loading.',\n      timedOut: 'Exit this page expired.',\n      pressTwoMoreTimes: 'Shift, press 2 more times to exit.',\n      pressOneMoreTime: 'Shift, press 1 more time to exit.'\n    }\n  })\n\n  /**\n   * Exit this page config schema\n   *\n   * @constant\n   * @satisfies {Schema<ExitThisPageConfig>}\n   */\n  static schema = Object.freeze({\n    properties: {\n      i18n: { type: 'object' }\n    }\n  })\n}\n\n/**\n * Exit this Page config\n *\n * @see {@link ExitThisPage.defaults}\n * @typedef {object} ExitThisPageConfig\n * @property {ExitThisPageTranslations} [i18n=ExitThisPage.defaults.i18n] - Exit this page translations\n */\n\n/**\n * Exit this Page translations\n *\n * @see {@link ExitThisPage.defaults.i18n}\n * @typedef {object} ExitThisPageTranslations\n *\n * Messages used by the component programatically inserted text, including\n * overlay text and screen reader announcements.\n * @property {string} [activated] - Screen reader announcement for when EtP\n *   keypress functionality has been successfully activated.\n * @property {string} [timedOut] - Screen reader announcement for when the EtP\n *   keypress functionality has timed out.\n * @property {string} [pressTwoMoreTimes] - Screen reader announcement informing\n *   the user they must press the activation key two more times.\n * @property {string} [pressOneMoreTime] - Screen reader announcement informing\n *   the user they must press the activation key one more time.\n */\n\n/**\n * @import { Schema } from '../../common/configuration.mjs'\n */\n"],"names":["isInitialised","$root","moduleName","HTMLElement","hasAttribute","isSupported","$scope","document","body","classList","contains","isArray","option","Array","isObject","formatErrorMessage","Component","message","GOVUKFrontendError","Error","constructor","args","name","SupportError","supportMessage","HTMLScriptElement","prototype","ConfigError","ElementError","messageOrOptions","component","identifier","element","expectedType","InitError","componentOrMessage","_$root","childConstructor","elementType","checkSupport","checkInitialised","setAttribute","configOverride","Symbol","for","ConfigurableComponent","param","config","_config","defaults","datasetConfig","normaliseDataset","dataset","mergeConfigs","normaliseString","value","property","trimmedValue","trim","output","outputType","type","includes","length","isFinite","Number","schema","out","entries","Object","properties","entry","namespace","field","toString","extractConfigByNamespace","configObjects","formattedConfigObject","configObject","key","keys","override","newObject","current","keyParts","split","index","I18n","translations","_config$locale","locale","documentElement","lang","t","lookupKey","options","translation","count","translationPluralForm","getPluralSuffix","match","replacePlaceholders","translationString","formatter","Intl","NumberFormat","supportedLocalesOf","undefined","replace","placeholderWithBraces","placeholderKey","hasOwnProperty","call","placeholderValue","format","hasIntlPluralRulesSupport","Boolean","window","PluralRules","preferredForm","select","console","warn","ExitThisPage","i18n","$button","$skiplinkButton","$updateSpan","$indicatorContainer","$overlay","keypressCounter","lastKeyWasModified","timeoutTime","keypressTimeoutId","timeoutMessageId","querySelector","HTMLAnchorElement","buildIndicator","initUpdateSpan","initButtonClickHandler","addEventListener","handleKeypress","bind","govukFrontendExitThisPageKeypress","resetPage","createElement","className","appendChild","handleClick","i","$indicator","updateIndicator","toggle","$indicators","querySelectorAll","forEach","exitPage","textContent","add","location","href","event","preventDefault","clearTimeout","setKeypressTimer","resetKeypressTimer","shiftKey","setTimeout","remove","freeze","activated","timedOut","pressTwoMoreTimes","pressOneMoreTime"],"mappings":"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"}
\ No newline at end of file
diff --git a/app/templates/govuk/components/components/exit-this-page/exit-this-page.mjs b/app/templates/govuk/components/components/exit-this-page/exit-this-page.mjs
new file mode 100644
index 0000000..a16cca7
--- /dev/null
+++ b/app/templates/govuk/components/components/exit-this-page/exit-this-page.mjs
@@ -0,0 +1,223 @@
+import { ConfigurableComponent } from '../../common/configuration.mjs';
+import { ElementError } from '../../errors/index.mjs';
+import { I18n } from '../../i18n.mjs';
+
+/**
+ * Exit this page component
+ *
+ * @preserve
+ * @augments ConfigurableComponent<ExitThisPageConfig>
+ */
+class ExitThisPage extends ConfigurableComponent {
+  /**
+   * @param {Element | null} $root - HTML element that wraps the Exit This Page button
+   * @param {ExitThisPageConfig} [config] - Exit This Page config
+   */
+  constructor($root, config = {}) {
+    super($root, config);
+    this.i18n = void 0;
+    this.$button = void 0;
+    this.$skiplinkButton = null;
+    this.$updateSpan = null;
+    this.$indicatorContainer = null;
+    this.$overlay = null;
+    this.keypressCounter = 0;
+    this.lastKeyWasModified = false;
+    this.timeoutTime = 5000;
+    this.keypressTimeoutId = null;
+    this.timeoutMessageId = null;
+    const $button = this.$root.querySelector('.govuk-exit-this-page__button');
+    if (!($button instanceof HTMLAnchorElement)) {
+      throw new ElementError({
+        component: ExitThisPage,
+        element: $button,
+        expectedType: 'HTMLAnchorElement',
+        identifier: 'Button (`.govuk-exit-this-page__button`)'
+      });
+    }
+    this.i18n = new I18n(this.config.i18n);
+    this.$button = $button;
+    const $skiplinkButton = document.querySelector('.govuk-js-exit-this-page-skiplink');
+    if ($skiplinkButton instanceof HTMLAnchorElement) {
+      this.$skiplinkButton = $skiplinkButton;
+    }
+    this.buildIndicator();
+    this.initUpdateSpan();
+    this.initButtonClickHandler();
+    if (!('govukFrontendExitThisPageKeypress' in document.body.dataset)) {
+      document.addEventListener('keyup', this.handleKeypress.bind(this), true);
+      document.body.dataset.govukFrontendExitThisPageKeypress = 'true';
+    }
+    window.addEventListener('pageshow', this.resetPage.bind(this));
+  }
+  initUpdateSpan() {
+    this.$updateSpan = document.createElement('span');
+    this.$updateSpan.setAttribute('role', 'status');
+    this.$updateSpan.className = 'govuk-visually-hidden';
+    this.$root.appendChild(this.$updateSpan);
+  }
+  initButtonClickHandler() {
+    this.$button.addEventListener('click', this.handleClick.bind(this));
+    if (this.$skiplinkButton) {
+      this.$skiplinkButton.addEventListener('click', this.handleClick.bind(this));
+    }
+  }
+  buildIndicator() {
+    this.$indicatorContainer = document.createElement('div');
+    this.$indicatorContainer.className = 'govuk-exit-this-page__indicator';
+    this.$indicatorContainer.setAttribute('aria-hidden', 'true');
+    for (let i = 0; i < 3; i++) {
+      const $indicator = document.createElement('div');
+      $indicator.className = 'govuk-exit-this-page__indicator-light';
+      this.$indicatorContainer.appendChild($indicator);
+    }
+    this.$button.appendChild(this.$indicatorContainer);
+  }
+  updateIndicator() {
+    if (!this.$indicatorContainer) {
+      return;
+    }
+    this.$indicatorContainer.classList.toggle('govuk-exit-this-page__indicator--visible', this.keypressCounter > 0);
+    const $indicators = this.$indicatorContainer.querySelectorAll('.govuk-exit-this-page__indicator-light');
+    $indicators.forEach(($indicator, index) => {
+      $indicator.classList.toggle('govuk-exit-this-page__indicator-light--on', index < this.keypressCounter);
+    });
+  }
+  exitPage() {
+    if (!this.$updateSpan) {
+      return;
+    }
+    this.$updateSpan.textContent = '';
+    document.body.classList.add('govuk-exit-this-page-hide-content');
+    this.$overlay = document.createElement('div');
+    this.$overlay.className = 'govuk-exit-this-page-overlay';
+    this.$overlay.setAttribute('role', 'alert');
+    document.body.appendChild(this.$overlay);
+    this.$overlay.textContent = this.i18n.t('activated');
+    window.location.href = this.$button.href;
+  }
+  handleClick(event) {
+    event.preventDefault();
+    this.exitPage();
+  }
+  handleKeypress(event) {
+    if (!this.$updateSpan) {
+      return;
+    }
+    if (event.key === 'Shift' && !this.lastKeyWasModified) {
+      this.keypressCounter += 1;
+      this.updateIndicator();
+      if (this.timeoutMessageId) {
+        window.clearTimeout(this.timeoutMessageId);
+        this.timeoutMessageId = null;
+      }
+      if (this.keypressCounter >= 3) {
+        this.keypressCounter = 0;
+        if (this.keypressTimeoutId) {
+          window.clearTimeout(this.keypressTimeoutId);
+          this.keypressTimeoutId = null;
+        }
+        this.exitPage();
+      } else {
+        if (this.keypressCounter === 1) {
+          this.$updateSpan.textContent = this.i18n.t('pressTwoMoreTimes');
+        } else {
+          this.$updateSpan.textContent = this.i18n.t('pressOneMoreTime');
+        }
+      }
+      this.setKeypressTimer();
+    } else if (this.keypressTimeoutId) {
+      this.resetKeypressTimer();
+    }
+    this.lastKeyWasModified = event.shiftKey;
+  }
+  setKeypressTimer() {
+    if (this.keypressTimeoutId) {
+      window.clearTimeout(this.keypressTimeoutId);
+    }
+    this.keypressTimeoutId = window.setTimeout(this.resetKeypressTimer.bind(this), this.timeoutTime);
+  }
+  resetKeypressTimer() {
+    if (!this.$updateSpan) {
+      return;
+    }
+    if (this.keypressTimeoutId) {
+      window.clearTimeout(this.keypressTimeoutId);
+      this.keypressTimeoutId = null;
+    }
+    const $updateSpan = this.$updateSpan;
+    this.keypressCounter = 0;
+    $updateSpan.textContent = this.i18n.t('timedOut');
+    this.timeoutMessageId = window.setTimeout(() => {
+      $updateSpan.textContent = '';
+    }, this.timeoutTime);
+    this.updateIndicator();
+  }
+  resetPage() {
+    document.body.classList.remove('govuk-exit-this-page-hide-content');
+    if (this.$overlay) {
+      this.$overlay.remove();
+      this.$overlay = null;
+    }
+    if (this.$updateSpan) {
+      this.$updateSpan.setAttribute('role', 'status');
+      this.$updateSpan.textContent = '';
+    }
+    this.updateIndicator();
+    if (this.keypressTimeoutId) {
+      window.clearTimeout(this.keypressTimeoutId);
+    }
+    if (this.timeoutMessageId) {
+      window.clearTimeout(this.timeoutMessageId);
+    }
+  }
+}
+
+/**
+ * Exit this Page config
+ *
+ * @see {@link ExitThisPage.defaults}
+ * @typedef {object} ExitThisPageConfig
+ * @property {ExitThisPageTranslations} [i18n=ExitThisPage.defaults.i18n] - Exit this page translations
+ */
+
+/**
+ * Exit this Page translations
+ *
+ * @see {@link ExitThisPage.defaults.i18n}
+ * @typedef {object} ExitThisPageTranslations
+ *
+ * Messages used by the component programatically inserted text, including
+ * overlay text and screen reader announcements.
+ * @property {string} [activated] - Screen reader announcement for when EtP
+ *   keypress functionality has been successfully activated.
+ * @property {string} [timedOut] - Screen reader announcement for when the EtP
+ *   keypress functionality has timed out.
+ * @property {string} [pressTwoMoreTimes] - Screen reader announcement informing
+ *   the user they must press the activation key two more times.
+ * @property {string} [pressOneMoreTime] - Screen reader announcement informing
+ *   the user they must press the activation key one more time.
+ */
+
+/**
+ * @import { Schema } from '../../common/configuration.mjs'
+ */
+ExitThisPage.moduleName = 'govuk-exit-this-page';
+ExitThisPage.defaults = Object.freeze({
+  i18n: {
+    activated: 'Loading.',
+    timedOut: 'Exit this page expired.',
+    pressTwoMoreTimes: 'Shift, press 2 more times to exit.',
+    pressOneMoreTime: 'Shift, press 1 more time to exit.'
+  }
+});
+ExitThisPage.schema = Object.freeze({
+  properties: {
+    i18n: {
+      type: 'object'
+    }
+  }
+});
+
+export { ExitThisPage };
+//# sourceMappingURL=exit-this-page.mjs.map
diff --git a/app/templates/govuk/components/components/exit-this-page/exit-this-page.mjs.map b/app/templates/govuk/components/components/exit-this-page/exit-this-page.mjs.map
new file mode 100644
index 0000000..1c611d2
--- /dev/null
+++ b/app/templates/govuk/components/components/exit-this-page/exit-this-page.mjs.map
@@ -0,0 +1 @@
+{"version":3,"file":"exit-this-page.mjs","sources":["../../../../src/govuk/components/exit-this-page/exit-this-page.mjs"],"sourcesContent":["import { ConfigurableComponent } from '../../common/configuration.mjs'\nimport { ElementError } from '../../errors/index.mjs'\nimport { I18n } from '../../i18n.mjs'\n\n/**\n * Exit this page component\n *\n * @preserve\n * @augments ConfigurableComponent<ExitThisPageConfig>\n */\nexport class ExitThisPage extends ConfigurableComponent {\n  /** @private */\n  i18n\n\n  /** @private */\n  $button\n\n  /**\n   * @private\n   * @type {HTMLAnchorElement | null}\n   */\n  $skiplinkButton = null\n\n  /**\n   * @private\n   * @type {HTMLElement | null}\n   */\n  $updateSpan = null\n\n  /**\n   * @private\n   * @type {HTMLElement | null}\n   */\n  $indicatorContainer = null\n\n  /**\n   * @private\n   * @type {HTMLElement | null}\n   */\n  $overlay = null\n\n  /** @private */\n  keypressCounter = 0\n\n  /** @private */\n  lastKeyWasModified = false\n\n  /** @private */\n  timeoutTime = 5000 // milliseconds\n\n  // Store the timeout events so that we can clear them to avoid user keypresses overlapping\n  // setTimeout returns an id that we can use to clear it with clearTimeout,\n  // hence the 'Id' suffix\n\n  /**\n   * @private\n   * @type {number | null}\n   */\n  keypressTimeoutId = null\n\n  /**\n   * @private\n   * @type {number | null}\n   */\n  timeoutMessageId = null\n\n  /**\n   * @param {Element | null} $root - HTML element that wraps the Exit This Page button\n   * @param {ExitThisPageConfig} [config] - Exit This Page config\n   */\n  constructor($root, config = {}) {\n    super($root, config)\n\n    const $button = this.$root.querySelector('.govuk-exit-this-page__button')\n    if (!($button instanceof HTMLAnchorElement)) {\n      throw new ElementError({\n        component: ExitThisPage,\n        element: $button,\n        expectedType: 'HTMLAnchorElement',\n        identifier: 'Button (`.govuk-exit-this-page__button`)'\n      })\n    }\n\n    this.i18n = new I18n(this.config.i18n)\n    this.$button = $button\n\n    const $skiplinkButton = document.querySelector(\n      '.govuk-js-exit-this-page-skiplink'\n    )\n    if ($skiplinkButton instanceof HTMLAnchorElement) {\n      this.$skiplinkButton = $skiplinkButton\n    }\n\n    this.buildIndicator()\n    this.initUpdateSpan()\n    this.initButtonClickHandler()\n\n    // Check to see if this has already been done by a previous initialisation of ExitThisPage\n    if (!('govukFrontendExitThisPageKeypress' in document.body.dataset)) {\n      document.addEventListener('keyup', this.handleKeypress.bind(this), true)\n      document.body.dataset.govukFrontendExitThisPageKeypress = 'true'\n    }\n\n    // When the page is restored after navigating 'back' in some browsers the\n    // blank overlay remains present, rendering the page unusable. Here, we check\n    // to see if it's present on page (re)load, and remove it if so.\n    window.addEventListener('pageshow', this.resetPage.bind(this))\n  }\n\n  /**\n   * Create the <span> we use for screen reader announcements.\n   *\n   * @private\n   */\n  initUpdateSpan() {\n    this.$updateSpan = document.createElement('span')\n    this.$updateSpan.setAttribute('role', 'status')\n    this.$updateSpan.className = 'govuk-visually-hidden'\n\n    this.$root.appendChild(this.$updateSpan)\n  }\n\n  /**\n   * Create button click handlers.\n   *\n   * @private\n   */\n  initButtonClickHandler() {\n    // Main EtP button\n    this.$button.addEventListener('click', this.handleClick.bind(this))\n\n    // EtP secondary link\n    if (this.$skiplinkButton) {\n      this.$skiplinkButton.addEventListener(\n        'click',\n        this.handleClick.bind(this)\n      )\n    }\n  }\n\n  /**\n   * Create the HTML for the 'three lights' indicator on the button.\n   *\n   * @private\n   */\n  buildIndicator() {\n    // Build container\n    // Putting `aria-hidden` on it as it won't contain any readable information\n    this.$indicatorContainer = document.createElement('div')\n    this.$indicatorContainer.className = 'govuk-exit-this-page__indicator'\n    this.$indicatorContainer.setAttribute('aria-hidden', 'true')\n\n    // Create three 'lights' and place them within the container\n    for (let i = 0; i < 3; i++) {\n      const $indicator = document.createElement('div')\n      $indicator.className = 'govuk-exit-this-page__indicator-light'\n      this.$indicatorContainer.appendChild($indicator)\n    }\n\n    // Append it all to the module\n    this.$button.appendChild(this.$indicatorContainer)\n  }\n\n  /**\n   * Update whether the lights are visible and which ones are lit up depending on\n   * the value of `keypressCounter`.\n   *\n   * @private\n   */\n  updateIndicator() {\n    if (!this.$indicatorContainer) {\n      return\n    }\n\n    // Show or hide the indicator container depending on keypressCounter value\n    this.$indicatorContainer.classList.toggle(\n      'govuk-exit-this-page__indicator--visible',\n      this.keypressCounter > 0\n    )\n\n    // Turn on only the indicators we want on\n    const $indicators = this.$indicatorContainer.querySelectorAll(\n      '.govuk-exit-this-page__indicator-light'\n    )\n    $indicators.forEach(($indicator, index) => {\n      $indicator.classList.toggle(\n        'govuk-exit-this-page__indicator-light--on',\n        index < this.keypressCounter\n      )\n    })\n  }\n\n  /**\n   * Initiates the redirection away from the current page.\n   * Includes the loading overlay functionality, which covers the current page with a\n   * white overlay so that the contents are not visible during the loading\n   * process. This is particularly important on slow network connections.\n   *\n   * @private\n   */\n  exitPage() {\n    if (!this.$updateSpan) {\n      return\n    }\n\n    this.$updateSpan.textContent = ''\n\n    // Blank the page\n    // As well as creating an overlay with text, we also set the body to hidden\n    // to prevent screen reader and sequential navigation users potentially\n    // navigating through the page behind the overlay during loading\n    document.body.classList.add('govuk-exit-this-page-hide-content')\n    this.$overlay = document.createElement('div')\n    this.$overlay.className = 'govuk-exit-this-page-overlay'\n    this.$overlay.setAttribute('role', 'alert')\n\n    // we do these this way round, thus incurring a second paint, because changing\n    // the element text after adding it means that screen readers pick up the\n    // announcement more reliably.\n    document.body.appendChild(this.$overlay)\n    this.$overlay.textContent = this.i18n.t('activated')\n\n    window.location.href = this.$button.href\n  }\n\n  /**\n   * Pre-activation logic for when the button is clicked/activated via mouse or\n   * pointer.\n   *\n   * We do this to differentiate it from the keyboard activation event because we\n   * need to run `e.preventDefault` as the button or skiplink are both links and we\n   * want to apply some additional logic in `exitPage` before navigating.\n   *\n   * @private\n   * @param {MouseEvent} event - mouse click event\n   */\n  handleClick(event) {\n    event.preventDefault()\n    this.exitPage()\n  }\n\n  /**\n   * Logic for the 'quick escape' keyboard sequence functionality (pressing the\n   * Shift key three times without interruption, within a time limit).\n   *\n   * @private\n   * @param {KeyboardEvent} event - keyup event\n   */\n  handleKeypress(event) {\n    if (!this.$updateSpan) {\n      return\n    }\n\n    // Detect if the 'Shift' key has been pressed. We want to only do things if it\n    // was pressed by itself and not in a combination with another key—so we keep\n    // track of whether the preceding keyup had shiftKey: true on it, and if it\n    // did, we ignore the next Shift keyup event.\n    //\n    // This works because using Shift as a modifier key (e.g. pressing Shift + A)\n    // will fire TWO keyup events, one for A (with e.shiftKey: true) and the other\n    // for Shift (with e.shiftKey: false).\n    if (event.key === 'Shift' && !this.lastKeyWasModified) {\n      this.keypressCounter += 1\n\n      // Update the indicator before the below if statement can reset it back to 0\n      this.updateIndicator()\n\n      // Clear the timeout for the keypress timeout message clearing itself\n      if (this.timeoutMessageId) {\n        window.clearTimeout(this.timeoutMessageId)\n        this.timeoutMessageId = null\n      }\n\n      if (this.keypressCounter >= 3) {\n        this.keypressCounter = 0\n\n        if (this.keypressTimeoutId) {\n          window.clearTimeout(this.keypressTimeoutId)\n          this.keypressTimeoutId = null\n        }\n\n        this.exitPage()\n      } else {\n        if (this.keypressCounter === 1) {\n          this.$updateSpan.textContent = this.i18n.t('pressTwoMoreTimes')\n        } else {\n          this.$updateSpan.textContent = this.i18n.t('pressOneMoreTime')\n        }\n      }\n\n      this.setKeypressTimer()\n    } else if (this.keypressTimeoutId) {\n      // If the user pressed any key other than 'Shift', after having pressed\n      // 'Shift' and activating the timer, stop and reset the timer.\n      this.resetKeypressTimer()\n    }\n\n    // Keep track of whether the Shift modifier key was held during this keypress\n    this.lastKeyWasModified = event.shiftKey\n  }\n\n  /**\n   * Starts the 'quick escape' keyboard sequence timer.\n   *\n   * This can be invoked several times. We want this to be possible so that the\n   * timer is restarted each time the shortcut key is pressed (e.g. the user has\n   * up to n seconds between each keypress, rather than n seconds to invoke the\n   * entire sequence.)\n   *\n   * @private\n   */\n  setKeypressTimer() {\n    // Clear any existing timeout. This is so only one timer is running even if\n    // there are multiple keypresses in quick succession.\n    if (this.keypressTimeoutId) {\n      window.clearTimeout(this.keypressTimeoutId)\n    }\n\n    // Set a fresh timeout\n    this.keypressTimeoutId = window.setTimeout(\n      this.resetKeypressTimer.bind(this),\n      this.timeoutTime\n    )\n  }\n\n  /**\n   * Stops and resets the 'quick escape' keyboard sequence timer.\n   *\n   * @private\n   */\n  resetKeypressTimer() {\n    if (!this.$updateSpan) {\n      return\n    }\n\n    if (this.keypressTimeoutId) {\n      window.clearTimeout(this.keypressTimeoutId)\n      this.keypressTimeoutId = null\n    }\n\n    const $updateSpan = this.$updateSpan\n\n    this.keypressCounter = 0\n    $updateSpan.textContent = this.i18n.t('timedOut')\n\n    this.timeoutMessageId = window.setTimeout(() => {\n      $updateSpan.textContent = ''\n    }, this.timeoutTime)\n\n    this.updateIndicator()\n  }\n\n  /**\n   * Reset the page using the EtP button\n   *\n   * We use this in situations where a user may re-enter a page using the browser\n   * back button. In these cases, the browser can choose to restore the state of\n   * the page as it was previously, including restoring the 'ghost page' overlay,\n   * the announcement span having it's role set to \"alert\" and the keypress\n   * indicator still active, leaving the page in an unusable state.\n   *\n   * By running this check when the page is shown, we can programatically restore\n   * the page and the component to a \"default\" state\n   *\n   * @private\n   */\n  resetPage() {\n    // If an overlay is set, remove it and reset the value\n    document.body.classList.remove('govuk-exit-this-page-hide-content')\n\n    if (this.$overlay) {\n      this.$overlay.remove()\n      this.$overlay = null\n    }\n\n    // Ensure the announcement span's role is status, not alert and clear any text\n    if (this.$updateSpan) {\n      this.$updateSpan.setAttribute('role', 'status')\n      this.$updateSpan.textContent = ''\n    }\n\n    // Sync the keypress indicator lights\n    this.updateIndicator()\n\n    // If the timeouts are active, clear them\n    if (this.keypressTimeoutId) {\n      window.clearTimeout(this.keypressTimeoutId)\n    }\n\n    if (this.timeoutMessageId) {\n      window.clearTimeout(this.timeoutMessageId)\n    }\n  }\n\n  /**\n   * Name for the component used when initialising using data-module attributes.\n   */\n  static moduleName = 'govuk-exit-this-page'\n\n  /**\n   * Exit this page default config\n   *\n   * @see {@link ExitThisPageConfig}\n   * @constant\n   * @type {ExitThisPageConfig}\n   */\n  static defaults = Object.freeze({\n    i18n: {\n      activated: 'Loading.',\n      timedOut: 'Exit this page expired.',\n      pressTwoMoreTimes: 'Shift, press 2 more times to exit.',\n      pressOneMoreTime: 'Shift, press 1 more time to exit.'\n    }\n  })\n\n  /**\n   * Exit this page config schema\n   *\n   * @constant\n   * @satisfies {Schema<ExitThisPageConfig>}\n   */\n  static schema = Object.freeze({\n    properties: {\n      i18n: { type: 'object' }\n    }\n  })\n}\n\n/**\n * Exit this Page config\n *\n * @see {@link ExitThisPage.defaults}\n * @typedef {object} ExitThisPageConfig\n * @property {ExitThisPageTranslations} [i18n=ExitThisPage.defaults.i18n] - Exit this page translations\n */\n\n/**\n * Exit this Page translations\n *\n * @see {@link ExitThisPage.defaults.i18n}\n * @typedef {object} ExitThisPageTranslations\n *\n * Messages used by the component programatically inserted text, including\n * overlay text and screen reader announcements.\n * @property {string} [activated] - Screen reader announcement for when EtP\n *   keypress functionality has been successfully activated.\n * @property {string} [timedOut] - Screen reader announcement for when the EtP\n *   keypress functionality has timed out.\n * @property {string} [pressTwoMoreTimes] - Screen reader announcement informing\n *   the user they must press the activation key two more times.\n * @property {string} [pressOneMoreTime] - Screen reader announcement informing\n *   the user they must press the activation key one more time.\n */\n\n/**\n * @import { Schema } from '../../common/configuration.mjs'\n */\n"],"names":["ExitThisPage","ConfigurableComponent","constructor","$root","config","i18n","$button","$skiplinkButton","$updateSpan","$indicatorContainer","$overlay","keypressCounter","lastKeyWasModified","timeoutTime","keypressTimeoutId","timeoutMessageId","querySelector","HTMLAnchorElement","ElementError","component","element","expectedType","identifier","I18n","document","buildIndicator","initUpdateSpan","initButtonClickHandler","body","dataset","addEventListener","handleKeypress","bind","govukFrontendExitThisPageKeypress","window","resetPage","createElement","setAttribute","className","appendChild","handleClick","i","$indicator","updateIndicator","classList","toggle","$indicators","querySelectorAll","forEach","index","exitPage","textContent","add","t","location","href","event","preventDefault","key","clearTimeout","setKeypressTimer","resetKeypressTimer","shiftKey","setTimeout","remove","moduleName","defaults","Object","freeze","activated","timedOut","pressTwoMoreTimes","pressOneMoreTime","schema","properties","type"],"mappings":"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"}
\ No newline at end of file
diff --git a/app/templates/govuk/components/components/exit-this-page/fixtures.json b/app/templates/govuk/components/components/exit-this-page/fixtures.json
new file mode 100644
index 0000000..b81e938
--- /dev/null
+++ b/app/templates/govuk/components/components/exit-this-page/fixtures.json
@@ -0,0 +1,62 @@
+{
+    "component": "exit-this-page",
+    "fixtures": [
+        {
+            "name": "default",
+            "options": {
+                "redirectUrl": "/full-page-examples/announcements",
+                "id": null,
+                "classes": null,
+                "attributes": {}
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": true,
+            "html": "<div class=\"govuk-exit-this-page\" data-module=\"govuk-exit-this-page\">\n  <a href=\"/full-page-examples/announcements\" role=\"button\" draggable=\"false\" class=\"govuk-button govuk-button--warning govuk-exit-this-page__button govuk-js-exit-this-page-button\" data-module=\"govuk-button\" rel=\"nofollow noreferrer\">\n    <span class=\"govuk-visually-hidden\">Emergency</span> Exit this page\n  </a>\n</div>"
+        },
+        {
+            "name": "testing",
+            "options": {
+                "text": "Exit this test",
+                "redirectUrl": "https://www.test.co.uk",
+                "id": "test-id",
+                "classes": "test-class",
+                "attributes": {
+                    "test-attribute": true
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div id=\"test-id\" class=\"govuk-exit-this-page test-class\" data-module=\"govuk-exit-this-page\" test-attribute=\"true\">\n  <a href=\"https://www.test.co.uk\" role=\"button\" draggable=\"false\" class=\"govuk-button govuk-button--warning govuk-exit-this-page__button govuk-js-exit-this-page-button\" data-module=\"govuk-button\" rel=\"nofollow noreferrer\">\n    Exit this test\n  </a>\n</div>"
+        },
+        {
+            "name": "testing-html",
+            "options": {
+                "html": "Exit <em>this</em> test"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-exit-this-page\" data-module=\"govuk-exit-this-page\">\n  <a href=\"https://www.bbc.co.uk/weather\" role=\"button\" draggable=\"false\" class=\"govuk-button govuk-button--warning govuk-exit-this-page__button govuk-js-exit-this-page-button\" data-module=\"govuk-button\" rel=\"nofollow noreferrer\">\n    Exit <em>this</em> test\n  </a>\n</div>"
+        },
+        {
+            "name": "translated",
+            "options": {
+                "text": "Gadael y dudalen",
+                "activatedText": "Tudalen ymadael",
+                "timedOutText": "Wedi'i amseru",
+                "pressTwoMoreTimesText": "Pwyswch 'Shift' 2 gwaith arall",
+                "pressOneMoreTimeText": "Pwyswch 'Shift' 1 mwy o amser"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-exit-this-page\" data-module=\"govuk-exit-this-page\" data-i18n.activated=\"Tudalen ymadael\" data-i18n.timed-out=\"Wedi&#39;i amseru\" data-i18n.press-two-more-times=\"Pwyswch &#39;Shift&#39; 2 gwaith arall\" data-i18n.press-one-more-time=\"Pwyswch &#39;Shift&#39; 1 mwy o amser\">\n  <a href=\"https://www.bbc.co.uk/weather\" role=\"button\" draggable=\"false\" class=\"govuk-button govuk-button--warning govuk-exit-this-page__button govuk-js-exit-this-page-button\" data-module=\"govuk-button\" rel=\"nofollow noreferrer\">\n    Gadael y dudalen\n  </a>\n</div>"
+        }
+    ]
+}
diff --git a/app/templates/govuk/components/components/exit-this-page/macro-options.json b/app/templates/govuk/components/components/exit-this-page/macro-options.json
new file mode 100644
index 0000000..a90afd5
--- /dev/null
+++ b/app/templates/govuk/components/components/exit-this-page/macro-options.json
@@ -0,0 +1,62 @@
+[
+    {
+        "name": "text",
+        "type": "string",
+        "required": false,
+        "description": "Text for the link. If `html` is provided, the `text` option will be ignored. Defaults to `\"Emergency Exit this page\"` with 'Emergency' visually hidden."
+    },
+    {
+        "name": "html",
+        "type": "string",
+        "required": false,
+        "description": "HTML for the link. If `html` is provided, the `text` option will be ignored. Defaults to `\"Emergency Exit this page\"` with 'Emergency' visually hidden."
+    },
+    {
+        "name": "redirectUrl",
+        "type": "string",
+        "required": false,
+        "description": "URL to redirect the current tab to. Defaults to `\"https://www.bbc.co.uk/weather\"`."
+    },
+    {
+        "name": "id",
+        "type": "string",
+        "required": false,
+        "description": "ID attribute to add to the exit this page container."
+    },
+    {
+        "name": "classes",
+        "type": "string",
+        "required": false,
+        "description": "Classes to add to the exit this page container."
+    },
+    {
+        "name": "attributes",
+        "type": "object",
+        "required": false,
+        "description": "HTML attributes (for example data attributes) to add to the exit this page container."
+    },
+    {
+        "name": "activatedText",
+        "type": "string",
+        "required": false,
+        "description": "Text announced by screen readers when Exit this Page has been activated via the keyboard shortcut. Defaults to `\"Loading.\"`."
+    },
+    {
+        "name": "timedOutText",
+        "type": "string",
+        "required": false,
+        "description": "Text announced by screen readers when the keyboard shortcut has timed out without successful activation. Defaults to `\"Exit this page expired.\"`."
+    },
+    {
+        "name": "pressTwoMoreTimesText",
+        "type": "string",
+        "required": false,
+        "description": "Text announced by screen readers when the user must press <kbd>Shift</kbd> two more times to activate the button. Defaults to `\"Shift, press 2 more times to exit.\"`."
+    },
+    {
+        "name": "pressOneMoreTimeText",
+        "type": "string",
+        "required": false,
+        "description": "Text announced by screen readers when the user must press <kbd>Shift</kbd> one more time to activate the button. Defaults to `\"Shift, press 1 more time to exit.\"`."
+    }
+]
diff --git a/app/templates/govuk/components/components/exit-this-page/macro.njk b/app/templates/govuk/components/components/exit-this-page/macro.njk
new file mode 100644
index 0000000..cbcca08
--- /dev/null
+++ b/app/templates/govuk/components/components/exit-this-page/macro.njk
@@ -0,0 +1,3 @@
+{% macro govukExitThisPage(params) %}
+  {%- include "./template.njk" -%}
+{% endmacro %}
diff --git a/app/templates/govuk/components/components/exit-this-page/template-default.html b/app/templates/govuk/components/components/exit-this-page/template-default.html
new file mode 100644
index 0000000..cdb0b24
--- /dev/null
+++ b/app/templates/govuk/components/components/exit-this-page/template-default.html
@@ -0,0 +1,5 @@
+<div class="govuk-exit-this-page" data-module="govuk-exit-this-page">
+  <a href="/full-page-examples/announcements" role="button" draggable="false" class="govuk-button govuk-button--warning govuk-exit-this-page__button govuk-js-exit-this-page-button" data-module="govuk-button" rel="nofollow noreferrer">
+    <span class="govuk-visually-hidden">Emergency</span> Exit this page
+  </a>
+</div>
diff --git a/app/templates/govuk/components/components/exit-this-page/template.njk b/app/templates/govuk/components/components/exit-this-page/template.njk
new file mode 100644
index 0000000..3ca2aa7
--- /dev/null
+++ b/app/templates/govuk/components/components/exit-this-page/template.njk
@@ -0,0 +1,25 @@
+{% from "../../macros/attributes.njk" import govukAttributes %}
+{% from "../button/macro.njk" import govukButton %}
+
+{%- set defaultHtml %}
+  <span class="govuk-visually-hidden">Emergency</span> Exit this page
+{% endset -%}
+
+<div
+  {%- if params.id %} id="{{ params.id }}"{% endif %} class="govuk-exit-this-page {%- if params.classes %} {{ params.classes }}{% endif %}" data-module="govuk-exit-this-page"
+  {{- govukAttributes(params.attributes) -}}
+  {%- if params.activatedText %} data-i18n.activated="{{ params.activatedText | escape }}"{% endif %}
+  {%- if params.timedOutText %} data-i18n.timed-out="{{ params.timedOutText | escape }}"{% endif %}
+  {%- if params.pressTwoMoreTimesText %} data-i18n.press-two-more-times="{{ params.pressTwoMoreTimesText | escape }}"{% endif %}
+  {%- if params.pressOneMoreTimeText %} data-i18n.press-one-more-time="{{ params.pressOneMoreTimeText | escape }}"{% endif %}
+>
+  {{ govukButton({
+    html: params.html if (params.html or params.text) else defaultHtml,
+    text: params.text,
+    classes: "govuk-button--warning govuk-exit-this-page__button govuk-js-exit-this-page-button",
+    href: params.redirectUrl | default("https://www.bbc.co.uk/weather", true),
+    attributes: {
+      rel: "nofollow noreferrer"
+    }
+  }) | trim | indent(2) }}
+</div>
diff --git a/app/templates/govuk/components/components/fieldset/README.md b/app/templates/govuk/components/components/fieldset/README.md
new file mode 100644
index 0000000..da507d6
--- /dev/null
+++ b/app/templates/govuk/components/components/fieldset/README.md
@@ -0,0 +1,15 @@
+# Fieldset
+
+## Installation
+
+See the [main README quick start guide](https://github.com/alphagov/govuk-frontend#quick-start) for how to install this component.
+
+## Guidance and Examples
+
+Find out when to use the fieldset component in your service in the [GOV.UK Design System](https://design-system.service.gov.uk/components/fieldset).
+
+## Component options
+
+Use options to customise the appearance, content and behaviour of a component when using a macro, for example, changing the text.
+
+See [options table](https://design-system.service.gov.uk/components/fieldset/#options-fieldset-example) for details.
diff --git a/app/templates/govuk/components/components/fieldset/_fieldset.scss b/app/templates/govuk/components/components/fieldset/_fieldset.scss
new file mode 100644
index 0000000..89ee7c6
--- /dev/null
+++ b/app/templates/govuk/components/components/fieldset/_fieldset.scss
@@ -0,0 +1,4 @@
+@import "../../base";
+@import "./index";
+
+/*# sourceMappingURL=_fieldset.scss.map */
diff --git a/app/templates/govuk/components/components/fieldset/_fieldset.scss.map b/app/templates/govuk/components/components/fieldset/_fieldset.scss.map
new file mode 100644
index 0000000..fe233db
--- /dev/null
+++ b/app/templates/govuk/components/components/fieldset/_fieldset.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/fieldset/_fieldset.scss"],"names":[],"mappings":"AAAA,oBAAoB;AACpB,iBAAiB","file":"_fieldset.scss","sourcesContent":["@import \"../../base\";\n@import \"./index\";\n"]}
diff --git a/app/templates/govuk/components/components/fieldset/_index.scss b/app/templates/govuk/components/components/fieldset/_index.scss
new file mode 100644
index 0000000..2ab7c44
--- /dev/null
+++ b/app/templates/govuk/components/components/fieldset/_index.scss
@@ -0,0 +1,69 @@
+@include govuk-exports("govuk/component/fieldset") {
+  .govuk-fieldset {
+    min-width: 0;
+    margin: 0;
+    padding: 0;
+    border: 0;
+    @include govuk-clearfix;
+  }
+
+  // Fix for Firefox < 53 (https://bugzil.la/504622)
+  // stylelint-disable selector-type-no-unknown -- Ignore 'x:-moz-any-link'
+  @supports not (caret-color: auto) {
+    .govuk-fieldset,
+    x:-moz-any-link {
+      display: table-cell;
+    }
+  }
+  // stylelint-enable selector-type-no-unknown
+
+  .govuk-fieldset__legend {
+    @include govuk-font($size: 19);
+    @include govuk-text-colour;
+
+    // Fix legend text wrapping in Edge and IE
+    // 1. IE9-11 & Edge 12-13
+    // 2. IE8-11
+    box-sizing: border-box; // 1
+    display: table; // 2
+    max-width: 100%; // 1
+    margin-bottom: govuk-spacing(2);
+    padding: 0;
+
+    white-space: normal; // 1
+  }
+
+  // Modifiers that make legends look more like their equivalent headings
+  .govuk-fieldset__legend--xl,
+  .govuk-fieldset__legend--l,
+  .govuk-fieldset__legend--m {
+    @include govuk-typography-weight-bold;
+    margin-bottom: govuk-spacing(3);
+  }
+
+  .govuk-fieldset__legend--xl {
+    @include govuk-font-size($size: 48);
+  }
+
+  .govuk-fieldset__legend--l {
+    @include govuk-font-size($size: 36);
+  }
+
+  .govuk-fieldset__legend--m {
+    @include govuk-font-size($size: 24);
+  }
+
+  .govuk-fieldset__legend--s {
+    @include govuk-typography-weight-bold;
+  }
+
+  // When the legend contains an H1, we want the H1 to inherit all styles from
+  // the legend. Effectively treat the heading as if it is not there.
+  .govuk-fieldset__heading {
+    margin: 0;
+    font-size: inherit;
+    font-weight: inherit;
+  }
+}
+
+/*# sourceMappingURL=_index.scss.map */
diff --git a/app/templates/govuk/components/components/fieldset/_index.scss.map b/app/templates/govuk/components/components/fieldset/_index.scss.map
new file mode 100644
index 0000000..6cae7ad
--- /dev/null
+++ b/app/templates/govuk/components/components/fieldset/_index.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/fieldset/_index.scss"],"names":[],"mappings":"AAAA;EACE;IACE,YAAY;IACZ,SAAS;IACT,UAAU;IACV,SAAS;IACT,uBAAuB;EACzB;;EAEA,iDAAiD;EACjD,wEAAwE;EACxE;IACE;;MAEE,mBAAmB;IACrB;EACF;EACA,2CAA2C;;EAE3C;IACE,8BAA8B;IAC9B,0BAA0B;;IAE1B,yCAAyC;IACzC,wBAAwB;IACxB,WAAW;IACX,sBAAsB,EAAE,GAAG;IAC3B,cAAc,EAAE,GAAG;IACnB,eAAe,EAAE,GAAG;IACpB,+BAA+B;IAC/B,UAAU;;IAEV,mBAAmB,EAAE,GAAG;EAC1B;;EAEA,sEAAsE;EACtE;;;IAGE,qCAAqC;IACrC,+BAA+B;EACjC;;EAEA;IACE,mCAAmC;EACrC;;EAEA;IACE,mCAAmC;EACrC;;EAEA;IACE,mCAAmC;EACrC;;EAEA;IACE,qCAAqC;EACvC;;EAEA,2EAA2E;EAC3E,kEAAkE;EAClE;IACE,SAAS;IACT,kBAAkB;IAClB,oBAAoB;EACtB;AACF","file":"_index.scss","sourcesContent":["@include govuk-exports(\"govuk/component/fieldset\") {\n  .govuk-fieldset {\n    min-width: 0;\n    margin: 0;\n    padding: 0;\n    border: 0;\n    @include govuk-clearfix;\n  }\n\n  // Fix for Firefox < 53 (https://bugzil.la/504622)\n  // stylelint-disable selector-type-no-unknown -- Ignore 'x:-moz-any-link'\n  @supports not (caret-color: auto) {\n    .govuk-fieldset,\n    x:-moz-any-link {\n      display: table-cell;\n    }\n  }\n  // stylelint-enable selector-type-no-unknown\n\n  .govuk-fieldset__legend {\n    @include govuk-font($size: 19);\n    @include govuk-text-colour;\n\n    // Fix legend text wrapping in Edge and IE\n    // 1. IE9-11 & Edge 12-13\n    // 2. IE8-11\n    box-sizing: border-box; // 1\n    display: table; // 2\n    max-width: 100%; // 1\n    margin-bottom: govuk-spacing(2);\n    padding: 0;\n\n    white-space: normal; // 1\n  }\n\n  // Modifiers that make legends look more like their equivalent headings\n  .govuk-fieldset__legend--xl,\n  .govuk-fieldset__legend--l,\n  .govuk-fieldset__legend--m {\n    @include govuk-typography-weight-bold;\n    margin-bottom: govuk-spacing(3);\n  }\n\n  .govuk-fieldset__legend--xl {\n    @include govuk-font-size($size: 48);\n  }\n\n  .govuk-fieldset__legend--l {\n    @include govuk-font-size($size: 36);\n  }\n\n  .govuk-fieldset__legend--m {\n    @include govuk-font-size($size: 24);\n  }\n\n  .govuk-fieldset__legend--s {\n    @include govuk-typography-weight-bold;\n  }\n\n  // When the legend contains an H1, we want the H1 to inherit all styles from\n  // the legend. Effectively treat the heading as if it is not there.\n  .govuk-fieldset__heading {\n    margin: 0;\n    font-size: inherit;\n    font-weight: inherit;\n  }\n}\n"]}
diff --git a/app/templates/govuk/components/components/fieldset/fixtures.json b/app/templates/govuk/components/components/fieldset/fixtures.json
new file mode 100644
index 0000000..380dfaf
--- /dev/null
+++ b/app/templates/govuk/components/components/fieldset/fixtures.json
@@ -0,0 +1,260 @@
+{
+    "component": "fieldset",
+    "fixtures": [
+        {
+            "name": "default",
+            "options": {
+                "legend": {
+                    "text": "What is your address?"
+                }
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": true,
+            "html": "<fieldset class=\"govuk-fieldset\">\n  <legend class=\"govuk-fieldset__legend\">\n    What is your address?\n  </legend>\n</fieldset>"
+        },
+        {
+            "name": "styled as xl text",
+            "options": {
+                "legend": {
+                    "text": "What is your address?",
+                    "classes": "govuk-fieldset__legend--xl"
+                }
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<fieldset class=\"govuk-fieldset\">\n  <legend class=\"govuk-fieldset__legend govuk-fieldset__legend--xl\">\n    What is your address?\n  </legend>\n</fieldset>"
+        },
+        {
+            "name": "styled as large text",
+            "options": {
+                "legend": {
+                    "text": "What is your address?",
+                    "classes": "govuk-fieldset__legend--l"
+                }
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<fieldset class=\"govuk-fieldset\">\n  <legend class=\"govuk-fieldset__legend govuk-fieldset__legend--l\">\n    What is your address?\n  </legend>\n</fieldset>"
+        },
+        {
+            "name": "styled as medium text",
+            "options": {
+                "legend": {
+                    "text": "What is your address?",
+                    "classes": "govuk-fieldset__legend--m"
+                }
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<fieldset class=\"govuk-fieldset\">\n  <legend class=\"govuk-fieldset__legend govuk-fieldset__legend--m\">\n    What is your address?\n  </legend>\n</fieldset>"
+        },
+        {
+            "name": "styled as small text",
+            "options": {
+                "legend": {
+                    "text": "What is your address?",
+                    "classes": "govuk-fieldset__legend--s"
+                }
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<fieldset class=\"govuk-fieldset\">\n  <legend class=\"govuk-fieldset__legend govuk-fieldset__legend--s\">\n    What is your address?\n  </legend>\n</fieldset>"
+        },
+        {
+            "name": "as page heading xl",
+            "options": {
+                "legend": {
+                    "text": "What is your address?",
+                    "classes": "govuk-fieldset__legend--xl",
+                    "isPageHeading": true
+                }
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<fieldset class=\"govuk-fieldset\">\n  <legend class=\"govuk-fieldset__legend govuk-fieldset__legend--xl\">\n    <h1 class=\"govuk-fieldset__heading\">\n      What is your address?\n    </h1>\n  </legend>\n</fieldset>"
+        },
+        {
+            "name": "as page heading l",
+            "options": {
+                "legend": {
+                    "text": "What is your address?",
+                    "classes": "govuk-fieldset__legend--l",
+                    "isPageHeading": true
+                }
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<fieldset class=\"govuk-fieldset\">\n  <legend class=\"govuk-fieldset__legend govuk-fieldset__legend--l\">\n    <h1 class=\"govuk-fieldset__heading\">\n      What is your address?\n    </h1>\n  </legend>\n</fieldset>"
+        },
+        {
+            "name": "as page heading m",
+            "options": {
+                "legend": {
+                    "text": "What is your address?",
+                    "classes": "govuk-fieldset__legend--m",
+                    "isPageHeading": true
+                }
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<fieldset class=\"govuk-fieldset\">\n  <legend class=\"govuk-fieldset__legend govuk-fieldset__legend--m\">\n    <h1 class=\"govuk-fieldset__heading\">\n      What is your address?\n    </h1>\n  </legend>\n</fieldset>"
+        },
+        {
+            "name": "as page heading s",
+            "options": {
+                "legend": {
+                    "text": "What is your address?",
+                    "classes": "govuk-fieldset__legend--s",
+                    "isPageHeading": true
+                }
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<fieldset class=\"govuk-fieldset\">\n  <legend class=\"govuk-fieldset__legend govuk-fieldset__legend--s\">\n    <h1 class=\"govuk-fieldset__heading\">\n      What is your address?\n    </h1>\n  </legend>\n</fieldset>"
+        },
+        {
+            "name": "as page heading without class",
+            "options": {
+                "legend": {
+                    "text": "What is your address?",
+                    "isPageHeading": true
+                }
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<fieldset class=\"govuk-fieldset\">\n  <legend class=\"govuk-fieldset__legend\">\n    <h1 class=\"govuk-fieldset__heading\">\n      What is your address?\n    </h1>\n  </legend>\n</fieldset>"
+        },
+        {
+            "name": "html fieldset content",
+            "options": {
+                "legend": {
+                    "text": "What is your address?"
+                },
+                "html": "<div class=\"my-content\">\n  <p>This is some content to put inside the fieldset</p>\n</div>\n"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<fieldset class=\"govuk-fieldset\">\n  <legend class=\"govuk-fieldset__legend\">\n    What is your address?\n  </legend>\n  <div class=\"my-content\">\n  <p>This is some content to put inside the fieldset</p>\n</div>\n\n</fieldset>"
+        },
+        {
+            "name": "with describedBy",
+            "options": {
+                "describedBy": "test-target-element",
+                "legend": {
+                    "text": "Which option?"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<fieldset class=\"govuk-fieldset\" aria-describedby=\"test-target-element\">\n  <legend class=\"govuk-fieldset__legend\">\n    Which option?\n  </legend>\n</fieldset>"
+        },
+        {
+            "name": "html as text",
+            "options": {
+                "legend": {
+                    "text": "What is <b>your</b> address?"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<fieldset class=\"govuk-fieldset\">\n  <legend class=\"govuk-fieldset__legend\">\n    What is &lt;b&gt;your&lt;/b&gt; address?\n  </legend>\n</fieldset>"
+        },
+        {
+            "name": "html",
+            "options": {
+                "legend": {
+                    "html": "What is <b>your</b> address?"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<fieldset class=\"govuk-fieldset\">\n  <legend class=\"govuk-fieldset__legend\">\n    What is <b>your</b> address?\n  </legend>\n</fieldset>"
+        },
+        {
+            "name": "legend classes",
+            "options": {
+                "legend": {
+                    "text": "What is your address?",
+                    "classes": "my-custom-class"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<fieldset class=\"govuk-fieldset\">\n  <legend class=\"govuk-fieldset__legend my-custom-class\">\n    What is your address?\n  </legend>\n</fieldset>"
+        },
+        {
+            "name": "classes",
+            "options": {
+                "classes": "app-fieldset--custom-modifier",
+                "legend": {
+                    "text": "Which option?"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<fieldset class=\"govuk-fieldset app-fieldset--custom-modifier\">\n  <legend class=\"govuk-fieldset__legend\">\n    Which option?\n  </legend>\n</fieldset>"
+        },
+        {
+            "name": "role",
+            "options": {
+                "role": "group",
+                "legend": {
+                    "text": "Which option?"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<fieldset class=\"govuk-fieldset\" role=\"group\">\n  <legend class=\"govuk-fieldset__legend\">\n    Which option?\n  </legend>\n</fieldset>"
+        },
+        {
+            "name": "attributes",
+            "options": {
+                "attributes": {
+                    "data-attribute": "value"
+                },
+                "legend": {
+                    "text": "Which option?"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<fieldset class=\"govuk-fieldset\" data-attribute=\"value\">\n  <legend class=\"govuk-fieldset__legend\">\n    Which option?\n  </legend>\n</fieldset>"
+        }
+    ]
+}
diff --git a/app/templates/govuk/components/components/fieldset/macro-options.json b/app/templates/govuk/components/components/fieldset/macro-options.json
new file mode 100644
index 0000000..2892031
--- /dev/null
+++ b/app/templates/govuk/components/components/fieldset/macro-options.json
@@ -0,0 +1,70 @@
+[
+    {
+        "name": "describedBy",
+        "type": "string",
+        "required": false,
+        "description": "One or more element IDs to add to the `aria-describedby` attribute, used to provide additional descriptive information for screenreader users."
+    },
+    {
+        "name": "legend",
+        "type": "object",
+        "required": false,
+        "description": "The legend for the fieldset component.",
+        "params": [
+            {
+                "name": "text",
+                "type": "string",
+                "required": true,
+                "description": "If `html` is set, this is not required. Text to use within the legend. If `html` is provided, the `text` option will be ignored."
+            },
+            {
+                "name": "html",
+                "type": "string",
+                "required": true,
+                "description": "If `text` is set, this is not required. HTML to use within the legend. If `html` is provided, the `text` option will be ignored."
+            },
+            {
+                "name": "classes",
+                "type": "string",
+                "required": false,
+                "description": "Classes to add to the legend."
+            },
+            {
+                "name": "isPageHeading",
+                "type": "boolean",
+                "required": false,
+                "description": "Whether the legend also acts as the heading for the page."
+            }
+        ]
+    },
+    {
+        "name": "classes",
+        "type": "string",
+        "required": false,
+        "description": "Classes to add to the fieldset container."
+    },
+    {
+        "name": "role",
+        "type": "string",
+        "required": false,
+        "description": "Optional ARIA role attribute."
+    },
+    {
+        "name": "attributes",
+        "type": "object",
+        "required": false,
+        "description": "HTML attributes (for example data attributes) to add to the fieldset container."
+    },
+    {
+        "name": "html",
+        "type": "string",
+        "required": false,
+        "description": "HTML to use/render within the fieldset element."
+    },
+    {
+        "name": "caller",
+        "type": "nunjucks-block",
+        "required": false,
+        "description": "Not strictly a parameter but [Nunjucks code convention](https://mozilla.github.io/nunjucks/templating.html#call). Using a `call` block enables you to call a macro with all the text inside the tag. This is helpful if you want to pass a lot of content into a macro. To use it, you will need to wrap the entire fieldset component in a `call` block."
+    }
+]
diff --git a/app/templates/govuk/components/components/fieldset/macro.njk b/app/templates/govuk/components/components/fieldset/macro.njk
new file mode 100644
index 0000000..6884421
--- /dev/null
+++ b/app/templates/govuk/components/components/fieldset/macro.njk
@@ -0,0 +1,3 @@
+{% macro govukFieldset(params) %}
+  {%- include "./template.njk" -%}
+{% endmacro %}
diff --git a/app/templates/govuk/components/components/fieldset/template-as-page-heading-l.html b/app/templates/govuk/components/components/fieldset/template-as-page-heading-l.html
new file mode 100644
index 0000000..2ab1ef6
--- /dev/null
+++ b/app/templates/govuk/components/components/fieldset/template-as-page-heading-l.html
@@ -0,0 +1,7 @@
+<fieldset class="govuk-fieldset">
+  <legend class="govuk-fieldset__legend govuk-fieldset__legend--l">
+    <h1 class="govuk-fieldset__heading">
+      What is your address?
+    </h1>
+  </legend>
+</fieldset>
diff --git a/app/templates/govuk/components/components/fieldset/template-as-page-heading-m.html b/app/templates/govuk/components/components/fieldset/template-as-page-heading-m.html
new file mode 100644
index 0000000..20664f8
--- /dev/null
+++ b/app/templates/govuk/components/components/fieldset/template-as-page-heading-m.html
@@ -0,0 +1,7 @@
+<fieldset class="govuk-fieldset">
+  <legend class="govuk-fieldset__legend govuk-fieldset__legend--m">
+    <h1 class="govuk-fieldset__heading">
+      What is your address?
+    </h1>
+  </legend>
+</fieldset>
diff --git a/app/templates/govuk/components/components/fieldset/template-as-page-heading-s.html b/app/templates/govuk/components/components/fieldset/template-as-page-heading-s.html
new file mode 100644
index 0000000..f2ba900
--- /dev/null
+++ b/app/templates/govuk/components/components/fieldset/template-as-page-heading-s.html
@@ -0,0 +1,7 @@
+<fieldset class="govuk-fieldset">
+  <legend class="govuk-fieldset__legend govuk-fieldset__legend--s">
+    <h1 class="govuk-fieldset__heading">
+      What is your address?
+    </h1>
+  </legend>
+</fieldset>
diff --git a/app/templates/govuk/components/components/fieldset/template-as-page-heading-without-class.html b/app/templates/govuk/components/components/fieldset/template-as-page-heading-without-class.html
new file mode 100644
index 0000000..eb9f7ad
--- /dev/null
+++ b/app/templates/govuk/components/components/fieldset/template-as-page-heading-without-class.html
@@ -0,0 +1,7 @@
+<fieldset class="govuk-fieldset">
+  <legend class="govuk-fieldset__legend">
+    <h1 class="govuk-fieldset__heading">
+      What is your address?
+    </h1>
+  </legend>
+</fieldset>
diff --git a/app/templates/govuk/components/components/fieldset/template-as-page-heading-xl.html b/app/templates/govuk/components/components/fieldset/template-as-page-heading-xl.html
new file mode 100644
index 0000000..97ca246
--- /dev/null
+++ b/app/templates/govuk/components/components/fieldset/template-as-page-heading-xl.html
@@ -0,0 +1,7 @@
+<fieldset class="govuk-fieldset">
+  <legend class="govuk-fieldset__legend govuk-fieldset__legend--xl">
+    <h1 class="govuk-fieldset__heading">
+      What is your address?
+    </h1>
+  </legend>
+</fieldset>
diff --git a/app/templates/govuk/components/components/fieldset/template-default.html b/app/templates/govuk/components/components/fieldset/template-default.html
new file mode 100644
index 0000000..3c2f849
--- /dev/null
+++ b/app/templates/govuk/components/components/fieldset/template-default.html
@@ -0,0 +1,5 @@
+<fieldset class="govuk-fieldset">
+  <legend class="govuk-fieldset__legend">
+    What is your address?
+  </legend>
+</fieldset>
diff --git a/app/templates/govuk/components/components/fieldset/template-styled-as-large-text.html b/app/templates/govuk/components/components/fieldset/template-styled-as-large-text.html
new file mode 100644
index 0000000..a180395
--- /dev/null
+++ b/app/templates/govuk/components/components/fieldset/template-styled-as-large-text.html
@@ -0,0 +1,5 @@
+<fieldset class="govuk-fieldset">
+  <legend class="govuk-fieldset__legend govuk-fieldset__legend--l">
+    What is your address?
+  </legend>
+</fieldset>
diff --git a/app/templates/govuk/components/components/fieldset/template-styled-as-medium-text.html b/app/templates/govuk/components/components/fieldset/template-styled-as-medium-text.html
new file mode 100644
index 0000000..8cd4c2c
--- /dev/null
+++ b/app/templates/govuk/components/components/fieldset/template-styled-as-medium-text.html
@@ -0,0 +1,5 @@
+<fieldset class="govuk-fieldset">
+  <legend class="govuk-fieldset__legend govuk-fieldset__legend--m">
+    What is your address?
+  </legend>
+</fieldset>
diff --git a/app/templates/govuk/components/components/fieldset/template-styled-as-small-text.html b/app/templates/govuk/components/components/fieldset/template-styled-as-small-text.html
new file mode 100644
index 0000000..24bec42
--- /dev/null
+++ b/app/templates/govuk/components/components/fieldset/template-styled-as-small-text.html
@@ -0,0 +1,5 @@
+<fieldset class="govuk-fieldset">
+  <legend class="govuk-fieldset__legend govuk-fieldset__legend--s">
+    What is your address?
+  </legend>
+</fieldset>
diff --git a/app/templates/govuk/components/components/fieldset/template-styled-as-xl-text.html b/app/templates/govuk/components/components/fieldset/template-styled-as-xl-text.html
new file mode 100644
index 0000000..2d35c04
--- /dev/null
+++ b/app/templates/govuk/components/components/fieldset/template-styled-as-xl-text.html
@@ -0,0 +1,5 @@
+<fieldset class="govuk-fieldset">
+  <legend class="govuk-fieldset__legend govuk-fieldset__legend--xl">
+    What is your address?
+  </legend>
+</fieldset>
diff --git a/app/templates/govuk/components/components/fieldset/template.njk b/app/templates/govuk/components/components/fieldset/template.njk
new file mode 100644
index 0000000..85faa40
--- /dev/null
+++ b/app/templates/govuk/components/components/fieldset/template.njk
@@ -0,0 +1,24 @@
+{% from "../../macros/attributes.njk" import govukAttributes -%}
+
+<fieldset class="govuk-fieldset
+  {%- if params.classes %} {{ params.classes }}{% endif %}"
+  {%- if params.role %} role="{{ params.role }}"{% endif %}
+  {%- if params.describedBy %} aria-describedby="{{ params.describedBy }}"{% endif %}
+  {{- govukAttributes(params.attributes) }}>
+  {% if params.legend.html or params.legend.text %}
+  <legend class="govuk-fieldset__legend {%- if params.legend.classes %} {{ params.legend.classes }}{% endif %}">
+  {% if params.legend.isPageHeading %}
+    <h1 class="govuk-fieldset__heading">
+      {{ params.legend.html | safe | trim | indent(6) if params.legend.html else params.legend.text }}
+    </h1>
+  {% else %}
+    {{ params.legend.html | safe | trim | indent(4) if params.legend.html else params.legend.text }}
+  {% endif %}
+  </legend>
+  {% endif %}
+{% if caller %} {#- if statement allows usage of `call` to be optional -#}
+  {{ caller() }}
+{% elseif params.html %}
+  {{ params.html | safe }}
+{% endif %}
+</fieldset>
diff --git a/app/templates/govuk/components/components/file-upload/README.md b/app/templates/govuk/components/components/file-upload/README.md
new file mode 100644
index 0000000..687414d
--- /dev/null
+++ b/app/templates/govuk/components/components/file-upload/README.md
@@ -0,0 +1,15 @@
+# File upload
+
+## Installation
+
+See the [main README quick start guide](https://github.com/alphagov/govuk-frontend#quick-start) for how to install this component.
+
+## Guidance and Examples
+
+Find out when to use the file upload component in your service in the [GOV.UK Design System](https://design-system.service.gov.uk/components/file-upload).
+
+## Component options
+
+Use options to customise the appearance, content and behaviour of a component when using a macro, for example, changing the text.
+
+See [options table](https://design-system.service.gov.uk/components/file-upload/#options-file-upload-example) for details.
diff --git a/app/templates/govuk/components/components/file-upload/_file-upload.scss b/app/templates/govuk/components/components/file-upload/_file-upload.scss
new file mode 100644
index 0000000..dec9aeb
--- /dev/null
+++ b/app/templates/govuk/components/components/file-upload/_file-upload.scss
@@ -0,0 +1,4 @@
+@import "../../base";
+@import "./index";
+
+/*# sourceMappingURL=_file-upload.scss.map */
diff --git a/app/templates/govuk/components/components/file-upload/_file-upload.scss.map b/app/templates/govuk/components/components/file-upload/_file-upload.scss.map
new file mode 100644
index 0000000..83aa4ef
--- /dev/null
+++ b/app/templates/govuk/components/components/file-upload/_file-upload.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/file-upload/_file-upload.scss"],"names":[],"mappings":"AAAA,oBAAoB;AACpB,iBAAiB","file":"_file-upload.scss","sourcesContent":["@import \"../../base\";\n@import \"./index\";\n"]}
diff --git a/app/templates/govuk/components/components/file-upload/_index.scss b/app/templates/govuk/components/components/file-upload/_index.scss
new file mode 100644
index 0000000..c88c66c
--- /dev/null
+++ b/app/templates/govuk/components/components/file-upload/_index.scss
@@ -0,0 +1,218 @@
+@import "../error-message/index";
+@import "../hint/index";
+@import "../label/index";
+
+@include govuk-exports("govuk/component/file-upload") {
+  $file-upload-border-width: 2px;
+  $component-padding: govuk-spacing(1);
+  $empty-button-background-colour: govuk-colour("white");
+  $empty-pseudo-button-background-colour: govuk-colour("light-grey");
+  $empty-status-background-colour: govuk-tint(govuk-colour("blue"), 70%);
+
+  .govuk-file-upload {
+    @include govuk-font($size: 19);
+    @include govuk-text-colour;
+    max-width: 100%;
+    margin-left: -$component-padding;
+    padding: $component-padding;
+
+    // The default file upload button in Safari does not support setting a
+    // custom font-size. Set `-webkit-appearance` to `button` to drop out of the
+    // native appearance so the font-size is set to 19px
+    // https://webkit.org/b/224746
+    &::-webkit-file-upload-button {
+      -webkit-appearance: button;
+      color: inherit;
+      font: inherit;
+    }
+
+    &:focus {
+      outline: $govuk-focus-width solid $govuk-focus-colour;
+      // Use `box-shadow` to add border instead of changing `border-width`
+      // (which changes element size) and since `outline` is already used for
+      // the yellow focus state.
+      box-shadow: inset 0 0 0 4px $govuk-input-border-colour;
+    }
+
+    // Set "focus-within" to fix https://bugzil.la/1430196 so that component
+    // receives focus in Firefox.
+    // This can't be set together with `:focus` as all versions of IE fail
+    // to recognise `focus-within` and don't set any styles from the block
+    // when it's a selector.
+    &:focus-within {
+      outline: $govuk-focus-width solid $govuk-focus-colour;
+
+      box-shadow: inset 0 0 0 4px $govuk-input-border-colour;
+    }
+
+    &:disabled {
+      opacity: 0.5;
+      cursor: not-allowed;
+    }
+  }
+
+  .govuk-drop-zone {
+    display: block;
+    position: relative;
+    z-index: 0;
+    background-color: $govuk-body-background-colour;
+  }
+
+  // required because disabling pointer events
+  // on the button means that the cursor style
+  // be applied on the button itself
+  .govuk-drop-zone--disabled {
+    cursor: not-allowed;
+  }
+
+  .govuk-file-upload-button__pseudo-button {
+    width: auto;
+    margin-right: govuk-spacing(2);
+    margin-bottom: $govuk-border-width-form-element + 1;
+    flex-shrink: 0;
+  }
+
+  .govuk-file-upload-button__instruction {
+    margin-top: govuk-spacing(2) - ($govuk-border-width-form-element + 1);
+    margin-bottom: 0;
+    text-align: left;
+  }
+
+  .govuk-file-upload-button__status {
+    display: block;
+    margin-bottom: govuk-spacing(2);
+    padding: govuk-spacing(3) govuk-spacing(2);
+    background-color: govuk-colour("white");
+    text-align: left;
+  }
+
+  // bugs documented with button using flex
+  // https://github.com/philipwalton/flexbugs#flexbug-9
+  // so we need a container here
+  .govuk-file-upload-button__pseudo-button-container {
+    display: flex;
+    align-items: baseline;
+    flex-wrap: wrap;
+  }
+
+  .govuk-file-upload-button {
+    width: 100%;
+    // align the padding to be same as notification banner and error summary accounting for the thicker borders
+    padding: (govuk-spacing(3) + $govuk-border-width - $file-upload-border-width);
+    border: $file-upload-border-width govuk-colour("mid-grey") solid;
+    background-color: govuk-colour("light-grey");
+    cursor: pointer;
+
+    @include govuk-media-query($from: tablet) {
+      padding: (govuk-spacing(4) + $govuk-border-width - $file-upload-border-width);
+    }
+
+    .govuk-file-upload-button__pseudo-button {
+      background-color: govuk-colour("white");
+    }
+
+    &:hover {
+      background-color: govuk-tint(govuk-colour("mid-grey"), 20%);
+
+      .govuk-file-upload-button__pseudo-button {
+        background-color: govuk-shade(govuk-colour("light-grey"), 10%);
+      }
+
+      .govuk-file-upload-button__status {
+        background-color: govuk-tint(govuk-colour("blue"), 80%);
+      }
+    }
+
+    &:active,
+    &:focus {
+      border: $file-upload-border-width solid govuk-colour("black");
+      outline: $govuk-focus-width solid $govuk-focus-colour;
+      // Ensure outline appears outside of the element
+      outline-offset: 0;
+      background-color: govuk-tint(govuk-colour("mid-grey"), 20%);
+      // Double the border by adding its width again. Use `box-shadow` for this
+      // instead of changing `border-width` - this is for consistency with
+      // components such as textarea where we avoid changing `border-width` as
+      // it will change the element size. Also, `outline` cannot be utilised
+      // here as it is already used for the yellow focus state.
+      box-shadow: inset 0 0 0 $govuk-border-width-form-element;
+
+      .govuk-file-upload-button__pseudo-button {
+        background-color: $govuk-focus-colour;
+        box-shadow: 0 2px 0 govuk-colour("black");
+      }
+
+      &:hover .govuk-file-upload-button__pseudo-button {
+        border-color: $govuk-focus-colour;
+        outline: 3px solid transparent;
+        background-color: govuk-colour("light-grey");
+        box-shadow: inset 0 0 0 1px $govuk-focus-colour;
+      }
+    }
+  }
+
+  .govuk-file-upload-button--empty {
+    border-style: dashed;
+    background-color: $empty-button-background-colour;
+
+    .govuk-file-upload-button__pseudo-button {
+      background-color: $empty-pseudo-button-background-colour;
+    }
+
+    .govuk-file-upload-button__status {
+      color: govuk-shade(govuk-colour("blue"), 60%);
+      background-color: $empty-status-background-colour;
+    }
+
+    &:hover,
+    &:focus,
+    &:active {
+      background-color: govuk-colour("light-grey");
+
+      .govuk-file-upload-button__status {
+        background-color: govuk-tint(govuk-colour("blue"), 80%);
+      }
+    }
+  }
+
+  .govuk-file-upload-button--dragging {
+    border-style: solid;
+    border-color: govuk-colour("black");
+
+    // extra specificity to apply when
+    // empty
+    &.govuk-file-upload-button {
+      background-color: govuk-tint(govuk-colour("mid-grey"), 20%);
+    }
+
+    &.govuk-file-upload-button--empty {
+      background-color: govuk-colour("light-grey");
+    }
+
+    &.govuk-file-upload-button--empty:not(:disabled) .govuk-file-upload-button__status,
+    &.govuk-file-upload-button--empty .govuk-file-upload-button__pseudo-button {
+      background-color: govuk-colour("white");
+    }
+
+    .govuk-file-upload-button__pseudo-button {
+      background-color: govuk-shade(govuk-colour("light-grey"), 10%);
+    }
+  }
+
+  .govuk-file-upload-button:disabled {
+    pointer-events: none;
+    opacity: 0.5;
+
+    background-color: $empty-button-background-colour;
+
+    .govuk-file-upload-button__pseudo-button {
+      background-color: $empty-pseudo-button-background-colour;
+    }
+
+    .govuk-file-upload-button__status {
+      background-color: $empty-status-background-colour;
+    }
+  }
+}
+
+/*# sourceMappingURL=_index.scss.map */
diff --git a/app/templates/govuk/components/components/file-upload/_index.scss.map b/app/templates/govuk/components/components/file-upload/_index.scss.map
new file mode 100644
index 0000000..4439167
--- /dev/null
+++ b/app/templates/govuk/components/components/file-upload/_index.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/file-upload/_index.scss"],"names":[],"mappings":"AAAA,gCAAgC;AAChC,uBAAuB;AACvB,wBAAwB;;AAExB;EACE,8BAA8B;EAC9B,oCAAoC;EACpC,sDAAsD;EACtD,kEAAkE;EAClE,sEAAsE;;EAEtE;IACE,8BAA8B;IAC9B,0BAA0B;IAC1B,eAAe;IACf,gCAAgC;IAChC,2BAA2B;;IAE3B,qEAAqE;IACrE,2EAA2E;IAC3E,mDAAmD;IACnD,6BAA6B;IAC7B;MACE,0BAA0B;MAC1B,cAAc;MACd,aAAa;IACf;;IAEA;MACE,qDAAqD;MACrD,mEAAmE;MACnE,sEAAsE;MACtE,yBAAyB;MACzB,sDAAsD;IACxD;;IAEA,uEAAuE;IACvE,4BAA4B;IAC5B,qEAAqE;IACrE,qEAAqE;IACrE,uBAAuB;IACvB;MACE,qDAAqD;;MAErD,sDAAsD;IACxD;;IAEA;MACE,YAAY;MACZ,mBAAmB;IACrB;EACF;;EAEA;IACE,cAAc;IACd,kBAAkB;IAClB,UAAU;IACV,+CAA+C;EACjD;;EAEA,2CAA2C;EAC3C,2CAA2C;EAC3C,iCAAiC;EACjC;IACE,mBAAmB;EACrB;;EAEA;IACE,WAAW;IACX,8BAA8B;IAC9B,mDAAmD;IACnD,cAAc;EAChB;;EAEA;IACE,qEAAqE;IACrE,gBAAgB;IAChB,gBAAgB;EAClB;;EAEA;IACE,cAAc;IACd,+BAA+B;IAC/B,0CAA0C;IAC1C,uCAAuC;IACvC,gBAAgB;EAClB;;EAEA,wCAAwC;EACxC,oDAAoD;EACpD,6BAA6B;EAC7B;IACE,aAAa;IACb,qBAAqB;IACrB,eAAe;EACjB;;EAEA;IACE,WAAW;IACX,0GAA0G;IAC1G,6EAA6E;IAC7E,gEAAgE;IAChE,4CAA4C;IAC5C,eAAe;;IAEf;MACE,6EAA6E;IAC/E;;IAEA;MACE,uCAAuC;IACzC;;IAEA;MACE,2DAA2D;;MAE3D;QACE,8DAA8D;MAChE;;MAEA;QACE,uDAAuD;MACzD;IACF;;IAEA;;MAEE,6DAA6D;MAC7D,qDAAqD;MACrD,+CAA+C;MAC/C,iBAAiB;MACjB,2DAA2D;MAC3D,wEAAwE;MACxE,mEAAmE;MACnE,uEAAuE;MACvE,qEAAqE;MACrE,wDAAwD;MACxD,wDAAwD;;MAExD;QACE,qCAAqC;QACrC,yCAAyC;MAC3C;;MAEA;QACE,iCAAiC;QACjC,8BAA8B;QAC9B,4CAA4C;QAC5C,+CAA+C;MACjD;IACF;EACF;;EAEA;IACE,oBAAoB;IACpB,iDAAiD;;IAEjD;MACE,wDAAwD;IAC1D;;IAEA;MACE,6CAA6C;MAC7C,iDAAiD;IACnD;;IAEA;;;MAGE,4CAA4C;;MAE5C;QACE,uDAAuD;MACzD;IACF;EACF;;EAEA;IACE,mBAAmB;IACnB,mCAAmC;;IAEnC,iCAAiC;IACjC,OAAO;IACP;MACE,2DAA2D;IAC7D;;IAEA;MACE,4CAA4C;IAC9C;;IAEA;;MAEE,uCAAuC;IACzC;;IAEA;MACE,8DAA8D;IAChE;EACF;;EAEA;IACE,oBAAoB;IACpB,YAAY;;IAEZ,iDAAiD;;IAEjD;MACE,wDAAwD;IAC1D;;IAEA;MACE,iDAAiD;IACnD;EACF;AACF","file":"_index.scss","sourcesContent":["@import \"../error-message/index\";\n@import \"../hint/index\";\n@import \"../label/index\";\n\n@include govuk-exports(\"govuk/component/file-upload\") {\n  $file-upload-border-width: 2px;\n  $component-padding: govuk-spacing(1);\n  $empty-button-background-colour: govuk-colour(\"white\");\n  $empty-pseudo-button-background-colour: govuk-colour(\"light-grey\");\n  $empty-status-background-colour: govuk-tint(govuk-colour(\"blue\"), 70%);\n\n  .govuk-file-upload {\n    @include govuk-font($size: 19);\n    @include govuk-text-colour;\n    max-width: 100%;\n    margin-left: -$component-padding;\n    padding: $component-padding;\n\n    // The default file upload button in Safari does not support setting a\n    // custom font-size. Set `-webkit-appearance` to `button` to drop out of the\n    // native appearance so the font-size is set to 19px\n    // https://webkit.org/b/224746\n    &::-webkit-file-upload-button {\n      -webkit-appearance: button;\n      color: inherit;\n      font: inherit;\n    }\n\n    &:focus {\n      outline: $govuk-focus-width solid $govuk-focus-colour;\n      // Use `box-shadow` to add border instead of changing `border-width`\n      // (which changes element size) and since `outline` is already used for\n      // the yellow focus state.\n      box-shadow: inset 0 0 0 4px $govuk-input-border-colour;\n    }\n\n    // Set \"focus-within\" to fix https://bugzil.la/1430196 so that component\n    // receives focus in Firefox.\n    // This can't be set together with `:focus` as all versions of IE fail\n    // to recognise `focus-within` and don't set any styles from the block\n    // when it's a selector.\n    &:focus-within {\n      outline: $govuk-focus-width solid $govuk-focus-colour;\n\n      box-shadow: inset 0 0 0 4px $govuk-input-border-colour;\n    }\n\n    &:disabled {\n      opacity: 0.5;\n      cursor: not-allowed;\n    }\n  }\n\n  .govuk-drop-zone {\n    display: block;\n    position: relative;\n    z-index: 0;\n    background-color: $govuk-body-background-colour;\n  }\n\n  // required because disabling pointer events\n  // on the button means that the cursor style\n  // be applied on the button itself\n  .govuk-drop-zone--disabled {\n    cursor: not-allowed;\n  }\n\n  .govuk-file-upload-button__pseudo-button {\n    width: auto;\n    margin-right: govuk-spacing(2);\n    margin-bottom: $govuk-border-width-form-element + 1;\n    flex-shrink: 0;\n  }\n\n  .govuk-file-upload-button__instruction {\n    margin-top: govuk-spacing(2) - ($govuk-border-width-form-element + 1);\n    margin-bottom: 0;\n    text-align: left;\n  }\n\n  .govuk-file-upload-button__status {\n    display: block;\n    margin-bottom: govuk-spacing(2);\n    padding: govuk-spacing(3) govuk-spacing(2);\n    background-color: govuk-colour(\"white\");\n    text-align: left;\n  }\n\n  // bugs documented with button using flex\n  // https://github.com/philipwalton/flexbugs#flexbug-9\n  // so we need a container here\n  .govuk-file-upload-button__pseudo-button-container {\n    display: flex;\n    align-items: baseline;\n    flex-wrap: wrap;\n  }\n\n  .govuk-file-upload-button {\n    width: 100%;\n    // align the padding to be same as notification banner and error summary accounting for the thicker borders\n    padding: (govuk-spacing(3) + $govuk-border-width - $file-upload-border-width);\n    border: $file-upload-border-width govuk-colour(\"mid-grey\") solid;\n    background-color: govuk-colour(\"light-grey\");\n    cursor: pointer;\n\n    @include govuk-media-query($from: tablet) {\n      padding: (govuk-spacing(4) + $govuk-border-width - $file-upload-border-width);\n    }\n\n    .govuk-file-upload-button__pseudo-button {\n      background-color: govuk-colour(\"white\");\n    }\n\n    &:hover {\n      background-color: govuk-tint(govuk-colour(\"mid-grey\"), 20%);\n\n      .govuk-file-upload-button__pseudo-button {\n        background-color: govuk-shade(govuk-colour(\"light-grey\"), 10%);\n      }\n\n      .govuk-file-upload-button__status {\n        background-color: govuk-tint(govuk-colour(\"blue\"), 80%);\n      }\n    }\n\n    &:active,\n    &:focus {\n      border: $file-upload-border-width solid govuk-colour(\"black\");\n      outline: $govuk-focus-width solid $govuk-focus-colour;\n      // Ensure outline appears outside of the element\n      outline-offset: 0;\n      background-color: govuk-tint(govuk-colour(\"mid-grey\"), 20%);\n      // Double the border by adding its width again. Use `box-shadow` for this\n      // instead of changing `border-width` - this is for consistency with\n      // components such as textarea where we avoid changing `border-width` as\n      // it will change the element size. Also, `outline` cannot be utilised\n      // here as it is already used for the yellow focus state.\n      box-shadow: inset 0 0 0 $govuk-border-width-form-element;\n\n      .govuk-file-upload-button__pseudo-button {\n        background-color: $govuk-focus-colour;\n        box-shadow: 0 2px 0 govuk-colour(\"black\");\n      }\n\n      &:hover .govuk-file-upload-button__pseudo-button {\n        border-color: $govuk-focus-colour;\n        outline: 3px solid transparent;\n        background-color: govuk-colour(\"light-grey\");\n        box-shadow: inset 0 0 0 1px $govuk-focus-colour;\n      }\n    }\n  }\n\n  .govuk-file-upload-button--empty {\n    border-style: dashed;\n    background-color: $empty-button-background-colour;\n\n    .govuk-file-upload-button__pseudo-button {\n      background-color: $empty-pseudo-button-background-colour;\n    }\n\n    .govuk-file-upload-button__status {\n      color: govuk-shade(govuk-colour(\"blue\"), 60%);\n      background-color: $empty-status-background-colour;\n    }\n\n    &:hover,\n    &:focus,\n    &:active {\n      background-color: govuk-colour(\"light-grey\");\n\n      .govuk-file-upload-button__status {\n        background-color: govuk-tint(govuk-colour(\"blue\"), 80%);\n      }\n    }\n  }\n\n  .govuk-file-upload-button--dragging {\n    border-style: solid;\n    border-color: govuk-colour(\"black\");\n\n    // extra specificity to apply when\n    // empty\n    &.govuk-file-upload-button {\n      background-color: govuk-tint(govuk-colour(\"mid-grey\"), 20%);\n    }\n\n    &.govuk-file-upload-button--empty {\n      background-color: govuk-colour(\"light-grey\");\n    }\n\n    &.govuk-file-upload-button--empty:not(:disabled) .govuk-file-upload-button__status,\n    &.govuk-file-upload-button--empty .govuk-file-upload-button__pseudo-button {\n      background-color: govuk-colour(\"white\");\n    }\n\n    .govuk-file-upload-button__pseudo-button {\n      background-color: govuk-shade(govuk-colour(\"light-grey\"), 10%);\n    }\n  }\n\n  .govuk-file-upload-button:disabled {\n    pointer-events: none;\n    opacity: 0.5;\n\n    background-color: $empty-button-background-colour;\n\n    .govuk-file-upload-button__pseudo-button {\n      background-color: $empty-pseudo-button-background-colour;\n    }\n\n    .govuk-file-upload-button__status {\n      background-color: $empty-status-background-colour;\n    }\n  }\n}\n"]}
diff --git a/app/templates/govuk/components/components/file-upload/file-upload.bundle.js b/app/templates/govuk/components/components/file-upload/file-upload.bundle.js
new file mode 100644
index 0000000..0d3f397
--- /dev/null
+++ b/app/templates/govuk/components/components/file-upload/file-upload.bundle.js
@@ -0,0 +1,621 @@
+(function (global, factory) {
+  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports) :
+  typeof define === 'function' && define.amd ? define(['exports'], factory) :
+  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.GOVUKFrontend = global.GOVUKFrontend || {}));
+})(this, (function (exports) { 'use strict';
+
+  function closestAttributeValue($element, attributeName) {
+    const $closestElementWithAttribute = $element.closest(`[${attributeName}]`);
+    return $closestElementWithAttribute ? $closestElementWithAttribute.getAttribute(attributeName) : null;
+  }
+
+  function isInitialised($root, moduleName) {
+    return $root instanceof HTMLElement && $root.hasAttribute(`data-${moduleName}-init`);
+  }
+
+  /**
+   * Checks if GOV.UK Frontend is supported on this page
+   *
+   * Some browsers will load and run our JavaScript but GOV.UK Frontend
+   * won't be supported.
+   *
+   * @param {HTMLElement | null} [$scope] - (internal) `<body>` HTML element checked for browser support
+   * @returns {boolean} Whether GOV.UK Frontend is supported on this page
+   */
+  function isSupported($scope = document.body) {
+    if (!$scope) {
+      return false;
+    }
+    return $scope.classList.contains('govuk-frontend-supported');
+  }
+  function isArray(option) {
+    return Array.isArray(option);
+  }
+  function isObject(option) {
+    return !!option && typeof option === 'object' && !isArray(option);
+  }
+  function formatErrorMessage(Component, message) {
+    return `${Component.moduleName}: ${message}`;
+  }
+  /**
+   * @typedef ComponentWithModuleName
+   * @property {string} moduleName - Name of the component
+   */
+
+  class GOVUKFrontendError extends Error {
+    constructor(...args) {
+      super(...args);
+      this.name = 'GOVUKFrontendError';
+    }
+  }
+  class SupportError extends GOVUKFrontendError {
+    /**
+     * Checks if GOV.UK Frontend is supported on this page
+     *
+     * @param {HTMLElement | null} [$scope] - HTML element `<body>` checked for browser support
+     */
+    constructor($scope = document.body) {
+      const supportMessage = 'noModule' in HTMLScriptElement.prototype ? 'GOV.UK Frontend initialised without `<body class="govuk-frontend-supported">` from template `<script>` snippet' : 'GOV.UK Frontend is not supported in this browser';
+      super($scope ? supportMessage : 'GOV.UK Frontend initialised without `<script type="module">`');
+      this.name = 'SupportError';
+    }
+  }
+  class ConfigError extends GOVUKFrontendError {
+    constructor(...args) {
+      super(...args);
+      this.name = 'ConfigError';
+    }
+  }
+  class ElementError extends GOVUKFrontendError {
+    constructor(messageOrOptions) {
+      let message = typeof messageOrOptions === 'string' ? messageOrOptions : '';
+      if (isObject(messageOrOptions)) {
+        const {
+          component,
+          identifier,
+          element,
+          expectedType
+        } = messageOrOptions;
+        message = identifier;
+        message += element ? ` is not of type ${expectedType != null ? expectedType : 'HTMLElement'}` : ' not found';
+        if (component) {
+          message = formatErrorMessage(component, message);
+        }
+      }
+      super(message);
+      this.name = 'ElementError';
+    }
+  }
+  class InitError extends GOVUKFrontendError {
+    constructor(componentOrMessage) {
+      const message = typeof componentOrMessage === 'string' ? componentOrMessage : formatErrorMessage(componentOrMessage, `Root element (\`$root\`) already initialised`);
+      super(message);
+      this.name = 'InitError';
+    }
+  }
+  /**
+   * @import { ComponentWithModuleName } from '../common/index.mjs'
+   */
+
+  class Component {
+    /**
+     * Returns the root element of the component
+     *
+     * @protected
+     * @returns {RootElementType} - the root element of component
+     */
+    get $root() {
+      return this._$root;
+    }
+    constructor($root) {
+      this._$root = void 0;
+      const childConstructor = this.constructor;
+      if (typeof childConstructor.moduleName !== 'string') {
+        throw new InitError(`\`moduleName\` not defined in component`);
+      }
+      if (!($root instanceof childConstructor.elementType)) {
+        throw new ElementError({
+          element: $root,
+          component: childConstructor,
+          identifier: 'Root element (`$root`)',
+          expectedType: childConstructor.elementType.name
+        });
+      } else {
+        this._$root = $root;
+      }
+      childConstructor.checkSupport();
+      this.checkInitialised();
+      const moduleName = childConstructor.moduleName;
+      this.$root.setAttribute(`data-${moduleName}-init`, '');
+    }
+    checkInitialised() {
+      const constructor = this.constructor;
+      const moduleName = constructor.moduleName;
+      if (moduleName && isInitialised(this.$root, moduleName)) {
+        throw new InitError(constructor);
+      }
+    }
+    static checkSupport() {
+      if (!isSupported()) {
+        throw new SupportError();
+      }
+    }
+  }
+
+  /**
+   * @typedef ChildClass
+   * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component
+   */
+
+  /**
+   * @typedef {typeof Component & ChildClass} ChildClassConstructor
+   */
+  Component.elementType = HTMLElement;
+
+  const configOverride = Symbol.for('configOverride');
+  class ConfigurableComponent extends Component {
+    [configOverride](param) {
+      return {};
+    }
+
+    /**
+     * Returns the root element of the component
+     *
+     * @protected
+     * @returns {ConfigurationType} - the root element of component
+     */
+    get config() {
+      return this._config;
+    }
+    constructor($root, config) {
+      super($root);
+      this._config = void 0;
+      const childConstructor = this.constructor;
+      if (!isObject(childConstructor.defaults)) {
+        throw new ConfigError(formatErrorMessage(childConstructor, 'Config passed as parameter into constructor but no defaults defined'));
+      }
+      const datasetConfig = normaliseDataset(childConstructor, this._$root.dataset);
+      this._config = mergeConfigs(childConstructor.defaults, config != null ? config : {}, this[configOverride](datasetConfig), datasetConfig);
+    }
+  }
+  function normaliseString(value, property) {
+    const trimmedValue = value ? value.trim() : '';
+    let output;
+    let outputType = property == null ? void 0 : property.type;
+    if (!outputType) {
+      if (['true', 'false'].includes(trimmedValue)) {
+        outputType = 'boolean';
+      }
+      if (trimmedValue.length > 0 && isFinite(Number(trimmedValue))) {
+        outputType = 'number';
+      }
+    }
+    switch (outputType) {
+      case 'boolean':
+        output = trimmedValue === 'true';
+        break;
+      case 'number':
+        output = Number(trimmedValue);
+        break;
+      default:
+        output = value;
+    }
+    return output;
+  }
+  function normaliseDataset(Component, dataset) {
+    if (!isObject(Component.schema)) {
+      throw new ConfigError(formatErrorMessage(Component, 'Config passed as parameter into constructor but no schema defined'));
+    }
+    const out = {};
+    const entries = Object.entries(Component.schema.properties);
+    for (const entry of entries) {
+      const [namespace, property] = entry;
+      const field = namespace.toString();
+      if (field in dataset) {
+        out[field] = normaliseString(dataset[field], property);
+      }
+      if ((property == null ? void 0 : property.type) === 'object') {
+        out[field] = extractConfigByNamespace(Component.schema, dataset, namespace);
+      }
+    }
+    return out;
+  }
+  function mergeConfigs(...configObjects) {
+    const formattedConfigObject = {};
+    for (const configObject of configObjects) {
+      for (const key of Object.keys(configObject)) {
+        const option = formattedConfigObject[key];
+        const override = configObject[key];
+        if (isObject(option) && isObject(override)) {
+          formattedConfigObject[key] = mergeConfigs(option, override);
+        } else {
+          formattedConfigObject[key] = override;
+        }
+      }
+    }
+    return formattedConfigObject;
+  }
+  function extractConfigByNamespace(schema, dataset, namespace) {
+    const property = schema.properties[namespace];
+    if ((property == null ? void 0 : property.type) !== 'object') {
+      return;
+    }
+    const newObject = {
+      [namespace]: {}
+    };
+    for (const [key, value] of Object.entries(dataset)) {
+      let current = newObject;
+      const keyParts = key.split('.');
+      for (const [index, name] of keyParts.entries()) {
+        if (isObject(current)) {
+          if (index < keyParts.length - 1) {
+            if (!isObject(current[name])) {
+              current[name] = {};
+            }
+            current = current[name];
+          } else if (key !== namespace) {
+            current[name] = normaliseString(value);
+          }
+        }
+      }
+    }
+    return newObject[namespace];
+  }
+  /**
+   * Schema for component config
+   *
+   * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType
+   * @typedef {object} Schema
+   * @property {Record<keyof ConfigurationType, SchemaProperty | undefined>} properties - Schema properties
+   * @property {SchemaCondition<ConfigurationType>[]} [anyOf] - List of schema conditions
+   */
+  /**
+   * Schema property for component config
+   *
+   * @typedef {object} SchemaProperty
+   * @property {'string' | 'boolean' | 'number' | 'object'} type - Property type
+   */
+  /**
+   * Schema condition for component config
+   *
+   * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType
+   * @typedef {object} SchemaCondition
+   * @property {(keyof ConfigurationType)[]} required - List of required config fields
+   * @property {string} errorMessage - Error message when required config fields not provided
+   */
+  /**
+   * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]
+   * @typedef ChildClass
+   * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component
+   * @property {Schema<ConfigurationType>} [schema] - The schema of the component configuration
+   * @property {ConfigurationType} [defaults] - The default values of the configuration of the component
+   */
+  /**
+   * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]
+   * @typedef {typeof Component & ChildClass<ConfigurationType>} ChildClassConstructor<ConfigurationType>
+   */
+  /**
+   * @import { CompatibleClass, Config, CreateAllOptions, OnErrorCallback } from '../init.mjs'
+   */
+
+  class I18n {
+    constructor(translations = {}, config = {}) {
+      var _config$locale;
+      this.translations = void 0;
+      this.locale = void 0;
+      this.translations = translations;
+      this.locale = (_config$locale = config.locale) != null ? _config$locale : document.documentElement.lang || 'en';
+    }
+    t(lookupKey, options) {
+      if (!lookupKey) {
+        throw new Error('i18n: lookup key missing');
+      }
+      let translation = this.translations[lookupKey];
+      if (typeof (options == null ? void 0 : options.count) === 'number' && isObject(translation)) {
+        const translationPluralForm = translation[this.getPluralSuffix(lookupKey, options.count)];
+        if (translationPluralForm) {
+          translation = translationPluralForm;
+        }
+      }
+      if (typeof translation === 'string') {
+        if (translation.match(/%{(.\S+)}/)) {
+          if (!options) {
+            throw new Error('i18n: cannot replace placeholders in string if no option data provided');
+          }
+          return this.replacePlaceholders(translation, options);
+        }
+        return translation;
+      }
+      return lookupKey;
+    }
+    replacePlaceholders(translationString, options) {
+      const formatter = Intl.NumberFormat.supportedLocalesOf(this.locale).length ? new Intl.NumberFormat(this.locale) : undefined;
+      return translationString.replace(/%{(.\S+)}/g, function (placeholderWithBraces, placeholderKey) {
+        if (Object.prototype.hasOwnProperty.call(options, placeholderKey)) {
+          const placeholderValue = options[placeholderKey];
+          if (placeholderValue === false || typeof placeholderValue !== 'number' && typeof placeholderValue !== 'string') {
+            return '';
+          }
+          if (typeof placeholderValue === 'number') {
+            return formatter ? formatter.format(placeholderValue) : `${placeholderValue}`;
+          }
+          return placeholderValue;
+        }
+        throw new Error(`i18n: no data found to replace ${placeholderWithBraces} placeholder in string`);
+      });
+    }
+    hasIntlPluralRulesSupport() {
+      return Boolean('PluralRules' in window.Intl && Intl.PluralRules.supportedLocalesOf(this.locale).length);
+    }
+    getPluralSuffix(lookupKey, count) {
+      count = Number(count);
+      if (!isFinite(count)) {
+        return 'other';
+      }
+      const translation = this.translations[lookupKey];
+      const preferredForm = this.hasIntlPluralRulesSupport() ? new Intl.PluralRules(this.locale).select(count) : 'other';
+      if (isObject(translation)) {
+        if (preferredForm in translation) {
+          return preferredForm;
+        } else if ('other' in translation) {
+          console.warn(`i18n: Missing plural form ".${preferredForm}" for "${this.locale}" locale. Falling back to ".other".`);
+          return 'other';
+        }
+      }
+      throw new Error(`i18n: Plural form ".other" is required for "${this.locale}" locale`);
+    }
+  }
+
+  /**
+   * File upload component
+   *
+   * @preserve
+   * @augments ConfigurableComponent<FileUploadConfig>
+   */
+  class FileUpload extends ConfigurableComponent {
+    /**
+     * @param {Element | null} $root - File input element
+     * @param {FileUploadConfig} [config] - File Upload config
+     */
+    constructor($root, config = {}) {
+      super($root, config);
+      this.$input = void 0;
+      this.$button = void 0;
+      this.$status = void 0;
+      this.i18n = void 0;
+      this.id = void 0;
+      this.$announcements = void 0;
+      this.enteredAnotherElement = void 0;
+      const $input = this.$root.querySelector('input');
+      if ($input === null) {
+        throw new ElementError({
+          component: FileUpload,
+          identifier: 'File inputs (`<input type="file">`)'
+        });
+      }
+      if ($input.type !== 'file') {
+        throw new ElementError(formatErrorMessage(FileUpload, 'File input (`<input type="file">`) attribute (`type`) is not `file`'));
+      }
+      this.$input = $input;
+      if (!this.$input.id) {
+        throw new ElementError({
+          component: FileUpload,
+          identifier: 'File input (`<input type="file">`) attribute (`id`)'
+        });
+      }
+      this.id = this.$input.id;
+      this.i18n = new I18n(this.config.i18n, {
+        locale: closestAttributeValue(this.$root, 'lang')
+      });
+      const $label = this.findLabel();
+      if (!$label.id) {
+        $label.id = `${this.id}-label`;
+      }
+      this.$input.id = `${this.id}-input`;
+      this.$input.setAttribute('hidden', 'true');
+      const $button = document.createElement('button');
+      $button.classList.add('govuk-file-upload-button');
+      $button.type = 'button';
+      $button.id = this.id;
+      $button.classList.add('govuk-file-upload-button--empty');
+      const ariaDescribedBy = this.$input.getAttribute('aria-describedby');
+      if (ariaDescribedBy) {
+        $button.setAttribute('aria-describedby', ariaDescribedBy);
+      }
+      const $status = document.createElement('span');
+      $status.className = 'govuk-body govuk-file-upload-button__status';
+      $status.setAttribute('aria-live', 'polite');
+      $status.innerText = this.i18n.t('noFileChosen');
+      $button.appendChild($status);
+      const commaSpan = document.createElement('span');
+      commaSpan.className = 'govuk-visually-hidden';
+      commaSpan.innerText = ', ';
+      commaSpan.id = `${this.id}-comma`;
+      $button.appendChild(commaSpan);
+      const containerSpan = document.createElement('span');
+      containerSpan.className = 'govuk-file-upload-button__pseudo-button-container';
+      const buttonSpan = document.createElement('span');
+      buttonSpan.className = 'govuk-button govuk-button--secondary govuk-file-upload-button__pseudo-button';
+      buttonSpan.innerText = this.i18n.t('chooseFilesButton');
+      containerSpan.appendChild(buttonSpan);
+      containerSpan.insertAdjacentText('beforeend', ' ');
+      const instructionSpan = document.createElement('span');
+      instructionSpan.className = 'govuk-body govuk-file-upload-button__instruction';
+      instructionSpan.innerText = this.i18n.t('dropInstruction');
+      containerSpan.appendChild(instructionSpan);
+      $button.appendChild(containerSpan);
+      $button.setAttribute('aria-labelledby', `${$label.id} ${commaSpan.id} ${$button.id}`);
+      $button.addEventListener('click', this.onClick.bind(this));
+      $button.addEventListener('dragover', event => {
+        event.preventDefault();
+      });
+      this.$root.insertAdjacentElement('afterbegin', $button);
+      this.$input.setAttribute('tabindex', '-1');
+      this.$input.setAttribute('aria-hidden', 'true');
+      this.$button = $button;
+      this.$status = $status;
+      this.$input.addEventListener('change', this.onChange.bind(this));
+      this.updateDisabledState();
+      this.observeDisabledState();
+      this.$announcements = document.createElement('span');
+      this.$announcements.classList.add('govuk-file-upload-announcements');
+      this.$announcements.classList.add('govuk-visually-hidden');
+      this.$announcements.setAttribute('aria-live', 'assertive');
+      this.$root.insertAdjacentElement('afterend', this.$announcements);
+      this.$button.addEventListener('drop', this.onDrop.bind(this));
+      document.addEventListener('dragenter', this.updateDropzoneVisibility.bind(this));
+      document.addEventListener('dragenter', () => {
+        this.enteredAnotherElement = true;
+      });
+      document.addEventListener('dragleave', () => {
+        if (!this.enteredAnotherElement && !this.$button.disabled) {
+          this.hideDraggingState();
+          this.$announcements.innerText = this.i18n.t('leftDropZone');
+        }
+        this.enteredAnotherElement = false;
+      });
+    }
+    updateDropzoneVisibility(event) {
+      if (this.$button.disabled) return;
+      if (event.target instanceof Node) {
+        if (this.$root.contains(event.target)) {
+          if (event.dataTransfer && isContainingFiles(event.dataTransfer)) {
+            if (!this.$button.classList.contains('govuk-file-upload-button--dragging')) {
+              this.showDraggingState();
+              this.$announcements.innerText = this.i18n.t('enteredDropZone');
+            }
+          }
+        } else {
+          if (this.$button.classList.contains('govuk-file-upload-button--dragging')) {
+            this.hideDraggingState();
+            this.$announcements.innerText = this.i18n.t('leftDropZone');
+          }
+        }
+      }
+    }
+    showDraggingState() {
+      this.$button.classList.add('govuk-file-upload-button--dragging');
+    }
+    hideDraggingState() {
+      this.$button.classList.remove('govuk-file-upload-button--dragging');
+    }
+    onDrop(event) {
+      event.preventDefault();
+      if (event.dataTransfer && isContainingFiles(event.dataTransfer)) {
+        this.$input.files = event.dataTransfer.files;
+        this.$input.dispatchEvent(new CustomEvent('change'));
+        this.hideDraggingState();
+      }
+    }
+    onChange() {
+      const fileCount = this.$input.files.length;
+      if (fileCount === 0) {
+        this.$status.innerText = this.i18n.t('noFileChosen');
+        this.$button.classList.add('govuk-file-upload-button--empty');
+      } else {
+        if (fileCount === 1) {
+          this.$status.innerText = this.$input.files[0].name;
+        } else {
+          this.$status.innerText = this.i18n.t('multipleFilesChosen', {
+            count: fileCount
+          });
+        }
+        this.$button.classList.remove('govuk-file-upload-button--empty');
+      }
+    }
+    findLabel() {
+      const $label = document.querySelector(`label[for="${this.$input.id}"]`);
+      if (!$label) {
+        throw new ElementError({
+          component: FileUpload,
+          identifier: `Field label (\`<label for=${this.$input.id}>\`)`
+        });
+      }
+      return $label;
+    }
+    onClick() {
+      this.$input.click();
+    }
+    observeDisabledState() {
+      const observer = new MutationObserver(mutationList => {
+        for (const mutation of mutationList) {
+          if (mutation.type === 'attributes' && mutation.attributeName === 'disabled') {
+            this.updateDisabledState();
+          }
+        }
+      });
+      observer.observe(this.$input, {
+        attributes: true
+      });
+    }
+    updateDisabledState() {
+      this.$button.disabled = this.$input.disabled;
+      this.$root.classList.toggle('govuk-drop-zone--disabled', this.$button.disabled);
+    }
+  }
+  FileUpload.moduleName = 'govuk-file-upload';
+  FileUpload.defaults = Object.freeze({
+    i18n: {
+      chooseFilesButton: 'Choose file',
+      dropInstruction: 'or drop file',
+      noFileChosen: 'No file chosen',
+      multipleFilesChosen: {
+        one: '%{count} file chosen',
+        other: '%{count} files chosen'
+      },
+      enteredDropZone: 'Entered drop zone',
+      leftDropZone: 'Left drop zone'
+    }
+  });
+  FileUpload.schema = Object.freeze({
+    properties: {
+      i18n: {
+        type: 'object'
+      }
+    }
+  });
+  function isContainingFiles(dataTransfer) {
+    const hasNoTypesInfo = dataTransfer.types.length === 0;
+    const isDraggingFiles = dataTransfer.types.some(type => type === 'Files');
+    return hasNoTypesInfo || isDraggingFiles;
+  }
+
+  /**
+   * @typedef {HTMLInputElement & {files: FileList}} HTMLFileInputElement
+   */
+
+  /**
+   * File upload config
+   *
+   * @see {@link FileUpload.defaults}
+   * @typedef {object} FileUploadConfig
+   * @property {FileUploadTranslations} [i18n=FileUpload.defaults.i18n] - File upload translations
+   */
+
+  /**
+   * File upload translations
+   *
+   * @see {@link FileUpload.defaults.i18n}
+   * @typedef {object} FileUploadTranslations
+   *
+   * Messages used by the component
+   * @property {string} [chooseFile] - The text of the button that opens the file picker
+   * @property {string} [dropInstruction] - The text informing users they can drop files
+   * @property {TranslationPluralForms} [multipleFilesChosen] - The text displayed when multiple files
+   *   have been chosen by the user
+   * @property {string} [noFileChosen] - The text to displayed when no file has been chosen by the user
+   * @property {string} [enteredDropZone] - The text announced by assistive technology
+   *   when user drags files and enters the drop zone
+   * @property {string} [leftDropZone] - The text announced by assistive technology
+   *   when user drags files and leaves the drop zone without dropping
+   */
+
+  /**
+   * @import { Schema } from '../../common/configuration.mjs'
+   * @import { TranslationPluralForms } from '../../i18n.mjs'
+   */
+
+  exports.FileUpload = FileUpload;
+
+}));
+//# sourceMappingURL=file-upload.bundle.js.map
diff --git a/app/templates/govuk/components/components/file-upload/file-upload.bundle.js.map b/app/templates/govuk/components/components/file-upload/file-upload.bundle.js.map
new file mode 100644
index 0000000..84be4e1
--- /dev/null
+++ b/app/templates/govuk/components/components/file-upload/file-upload.bundle.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"file-upload.bundle.js","sources":["../../../../src/govuk/common/closest-attribute-value.mjs","../../../../src/govuk/common/index.mjs","../../../../src/govuk/errors/index.mjs","../../../../src/govuk/component.mjs","../../../../src/govuk/common/configuration.mjs","../../../../src/govuk/i18n.mjs","../../../../src/govuk/components/file-upload/file-upload.mjs"],"sourcesContent":["/**\n * Returns the value of the given attribute closest to the given element (including itself)\n *\n * @internal\n * @param {Element} $element - The element to start walking the DOM tree up\n * @param {string} attributeName - The name of the attribute\n * @returns {string | null} Attribute value\n */\nexport function closestAttributeValue($element, attributeName) {\n  const $closestElementWithAttribute = $element.closest(`[${attributeName}]`)\n  return $closestElementWithAttribute\n    ? $closestElementWithAttribute.getAttribute(attributeName)\n    : null\n}\n","/**\n * Common helpers which do not require polyfill.\n *\n * IMPORTANT: If a helper require a polyfill, please isolate it in its own module\n * so that the polyfill can be properly tree-shaken and does not burden\n * the components that do not need that helper\n */\n\n/**\n * Get GOV.UK Frontend breakpoint value from CSS custom property\n *\n * @private\n * @param {string} name - Breakpoint name\n * @returns {{ property: string, value?: string }} Breakpoint object\n */\nexport function getBreakpoint(name) {\n  const property = `--govuk-breakpoint-${name}`\n\n  // Get value from `<html>` with breakpoints on CSS :root\n  const value = window\n    .getComputedStyle(document.documentElement)\n    .getPropertyValue(property)\n\n  return {\n    property,\n    value: value || undefined\n  }\n}\n\n/**\n * Move focus to element\n *\n * Sets tabindex to -1 to make the element programmatically focusable,\n * but removes it on blur as the element doesn't need to be focused again.\n *\n * @private\n * @template {HTMLElement} FocusElement\n * @param {FocusElement} $element - HTML element\n * @param {object} [options] - Handler options\n * @param {function(this: FocusElement): void} [options.onBeforeFocus] - Callback before focus\n * @param {function(this: FocusElement): void} [options.onBlur] - Callback on blur\n */\nexport function setFocus($element, options = {}) {\n  const isFocusable = $element.getAttribute('tabindex')\n\n  if (!isFocusable) {\n    $element.setAttribute('tabindex', '-1')\n  }\n\n  /**\n   * Handle element focus\n   */\n  function onFocus() {\n    $element.addEventListener('blur', onBlur, { once: true })\n  }\n\n  /**\n   * Handle element blur\n   */\n  function onBlur() {\n    options.onBlur?.call($element)\n\n    if (!isFocusable) {\n      $element.removeAttribute('tabindex')\n    }\n  }\n\n  // Add listener to reset element on blur, after focus\n  $element.addEventListener('focus', onFocus, { once: true })\n\n  // Focus element\n  options.onBeforeFocus?.call($element)\n  $element.focus()\n}\n\n/**\n * Checks if component is already initialised\n *\n * @internal\n * @param {Element} $root - HTML element to be checked\n * @param {string} moduleName - name of component module\n * @returns {boolean} Whether component is already initialised\n */\nexport function isInitialised($root, moduleName) {\n  return (\n    $root instanceof HTMLElement &&\n    $root.hasAttribute(`data-${moduleName}-init`)\n  )\n}\n\n/**\n * Checks if GOV.UK Frontend is supported on this page\n *\n * Some browsers will load and run our JavaScript but GOV.UK Frontend\n * won't be supported.\n *\n * @param {HTMLElement | null} [$scope] - (internal) `<body>` HTML element checked for browser support\n * @returns {boolean} Whether GOV.UK Frontend is supported on this page\n */\nexport function isSupported($scope = document.body) {\n  if (!$scope) {\n    return false\n  }\n\n  return $scope.classList.contains('govuk-frontend-supported')\n}\n\n/**\n * Check for an array\n *\n * @internal\n * @param {unknown} option - Option to check\n * @returns {boolean} Whether the option is an array\n */\nfunction isArray(option) {\n  return Array.isArray(option)\n}\n\n/**\n * Check for an object\n *\n * @internal\n * @template {Partial<Record<keyof ObjectType, unknown>>} ObjectType\n * @param {unknown | ObjectType} option - Option to check\n * @returns {option is ObjectType} Whether the option is an object\n */\nexport function isObject(option) {\n  return !!option && typeof option === 'object' && !isArray(option)\n}\n\n/**\n * Check for valid scope\n *\n * @internal\n * @template {Element | Document} ScopeType\n * @param {unknown | ScopeType} $scope - Scope of the document to search within\n * @returns {$scope is ScopeType} Whether the scope can be queried\n */\nexport function isScope($scope) {\n  return !!$scope && ($scope instanceof Element || $scope instanceof Document)\n}\n\n/**\n * Format error message\n *\n * @internal\n * @param {ComponentWithModuleName} Component - Component that threw the error\n * @param {string} message - Error message\n * @returns {string} - Formatted error message\n */\nexport function formatErrorMessage(Component, message) {\n  return `${Component.moduleName}: ${message}`\n}\n\n/* eslint-disable jsdoc/valid-types --\n * `{new(...args: any[] ): object}` is not recognised as valid\n * https://github.com/gajus/eslint-plugin-jsdoc/issues/145#issuecomment-1308722878\n * https://github.com/jsdoc-type-pratt-parser/jsdoc-type-pratt-parser/issues/131\n **/\n\n/**\n * @typedef ComponentWithModuleName\n * @property {string} moduleName - Name of the component\n */\n\n/* eslint-enable jsdoc/valid-types */\n","import { formatErrorMessage, isObject } from '../common/index.mjs'\n\n/**\n * GOV.UK Frontend error\n *\n * A base class for `Error`s thrown by GOV.UK Frontend.\n *\n * It is meant to be extended into specific types of errors\n * to be thrown by our code.\n *\n * @example\n * ```js\n * class MissingRootError extends GOVUKFrontendError {\n *   // Setting an explicit name is important as extending the class will not\n *   // set a new `name` on the subclass. The `name` property is important\n *   // to ensure intelligible error names even if the class name gets\n *   // mangled by a minifier\n *   name = \"MissingRootError\"\n * }\n * ```\n * @virtual\n */\nexport class GOVUKFrontendError extends Error {\n  name = 'GOVUKFrontendError'\n}\n\n/**\n * Indicates that GOV.UK Frontend is not supported\n */\nexport class SupportError extends GOVUKFrontendError {\n  name = 'SupportError'\n\n  /**\n   * Checks if GOV.UK Frontend is supported on this page\n   *\n   * @param {HTMLElement | null} [$scope] - HTML element `<body>` checked for browser support\n   */\n  constructor($scope = document.body) {\n    const supportMessage =\n      'noModule' in HTMLScriptElement.prototype\n        ? 'GOV.UK Frontend initialised without `<body class=\"govuk-frontend-supported\">` from template `<script>` snippet'\n        : 'GOV.UK Frontend is not supported in this browser'\n\n    super(\n      $scope\n        ? supportMessage\n        : 'GOV.UK Frontend initialised without `<script type=\"module\">`'\n    )\n  }\n}\n\n/**\n * Indicates that a component has received an illegal configuration\n */\nexport class ConfigError extends GOVUKFrontendError {\n  name = 'ConfigError'\n}\n\n/**\n * Indicates an issue with an element (possibly `null` or `undefined`)\n */\nexport class ElementError extends GOVUKFrontendError {\n  name = 'ElementError'\n\n  /**\n   * @internal\n   * @overload\n   * @param {string} message - Element error message\n   */\n\n  /**\n   * @internal\n   * @overload\n   * @param {ElementErrorOptions} options - Element error options\n   */\n\n  /**\n   * @internal\n   * @param {string | ElementErrorOptions} messageOrOptions - Element error message or options\n   */\n  constructor(messageOrOptions) {\n    let message = typeof messageOrOptions === 'string' ? messageOrOptions : ''\n\n    // Build message from options\n    if (isObject(messageOrOptions)) {\n      const { component, identifier, element, expectedType } = messageOrOptions\n\n      message = identifier\n\n      // Append reason\n      message += element\n        ? ` is not of type ${expectedType ?? 'HTMLElement'}`\n        : ' not found'\n\n      // Prepend with module name (optional)\n      if (component) {\n        message = formatErrorMessage(component, message)\n      }\n    }\n\n    super(message)\n  }\n}\n\n/**\n * Indicates that a component is already initialised\n */\nexport class InitError extends GOVUKFrontendError {\n  name = 'InitError'\n\n  /**\n   * @internal\n   * @param {ComponentWithModuleName | string} componentOrMessage - name of the component module\n   */\n  constructor(componentOrMessage) {\n    const message =\n      typeof componentOrMessage === 'string'\n        ? componentOrMessage\n        : formatErrorMessage(\n            componentOrMessage,\n            `Root element (\\`$root\\`) already initialised`\n          )\n\n    super(message)\n  }\n}\n\n/**\n * Element error options\n *\n * @internal\n * @typedef {object} ElementErrorOptions\n * @property {Element | Document | null} [element] - The element in error (optional)\n * @property {ComponentWithModuleName} [component] - Component throwing the error (optional)\n * @property {string} identifier - An identifier that'll let the user understand which element has an error. This is whatever makes the most sense\n * @property {string} [expectedType] - The type that was expected for the identifier (optional)\n */\n\n/**\n * @import { ComponentWithModuleName } from '../common/index.mjs'\n */\n","import { isInitialised, isSupported } from './common/index.mjs'\nimport { ElementError, InitError, SupportError } from './errors/index.mjs'\n\n/**\n * Base Component class\n *\n * Centralises the behaviours shared by our components\n *\n * @virtual\n * @template {Element} [RootElementType=HTMLElement]\n */\nexport class Component {\n  /**\n   * @type {typeof Element}\n   */\n  static elementType = HTMLElement\n\n  // allows Typescript user to work around the lack of types\n  // in GOVUKFrontend package, Typescript is not aware of $root\n  // in components that extend GOVUKFrontendComponent\n  /**\n   * Returns the root element of the component\n   *\n   * @protected\n   * @returns {RootElementType} - the root element of component\n   */\n  get $root() {\n    return this._$root\n  }\n\n  /**\n   * @protected\n   * @type {RootElementType}\n   */\n  _$root\n\n  /**\n   * Constructs a new component, validating that GOV.UK Frontend is supported\n   *\n   * @internal\n   * @param {Element | null} [$root] - HTML element to use for component\n   */\n  constructor($root) {\n    const childConstructor = /** @type {ChildClassConstructor} */ (\n      this.constructor\n    )\n\n    // TypeScript does not enforce that inheriting classes will define a `moduleName`\n    // (even if we add a `@virtual` `static moduleName` property to this class).\n    // While we trust users to do this correctly, we do a little check to provide them\n    // a helpful error message.\n    //\n    // After this, we'll be sure that `childConstructor` has a `moduleName`\n    // as expected of the `ChildClassConstructor` we've cast `this.constructor` to.\n    if (typeof childConstructor.moduleName !== 'string') {\n      throw new InitError(`\\`moduleName\\` not defined in component`)\n    }\n\n    if (!($root instanceof childConstructor.elementType)) {\n      throw new ElementError({\n        element: $root,\n        component: childConstructor,\n        identifier: 'Root element (`$root`)',\n        expectedType: childConstructor.elementType.name\n      })\n    } else {\n      this._$root = /** @type {RootElementType} */ ($root)\n    }\n\n    childConstructor.checkSupport()\n\n    this.checkInitialised()\n\n    const moduleName = childConstructor.moduleName\n\n    this.$root.setAttribute(`data-${moduleName}-init`, '')\n  }\n\n  /**\n   * Validates whether component is already initialised\n   *\n   * @private\n   * @throws {InitError} when component is already initialised\n   */\n  checkInitialised() {\n    const constructor = /** @type {ChildClassConstructor} */ (this.constructor)\n    const moduleName = constructor.moduleName\n\n    if (moduleName && isInitialised(this.$root, moduleName)) {\n      throw new InitError(constructor)\n    }\n  }\n\n  /**\n   * Validates whether components are supported\n   *\n   * @throws {SupportError} when the components are not supported\n   */\n  static checkSupport() {\n    if (!isSupported()) {\n      throw new SupportError()\n    }\n  }\n}\n\n/**\n * @typedef ChildClass\n * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component\n */\n\n/**\n * @typedef {typeof Component & ChildClass} ChildClassConstructor\n */\n","import { Component } from '../component.mjs'\nimport { ConfigError } from '../errors/index.mjs'\n\nimport { isObject, isScope, formatErrorMessage } from './index.mjs'\n\nexport const configOverride = Symbol.for('configOverride')\n\n/**\n * Base Component class\n *\n * Centralises the behaviours shared by our components\n *\n * @virtual\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]\n * @template {Element & { dataset: DOMStringMap }} [RootElementType=HTMLElement]\n * @augments Component<RootElementType>\n */\nexport class ConfigurableComponent extends Component {\n  /**\n   * configOverride\n   *\n   * Function which defines configuration overrides to prioritize\n   * properties from the root element's dataset.\n   *\n   * It should take a subset of configuration as input and return\n   * a new configuration object with properties that should be\n   * overridden based on the root element's dataset. A Symbol\n   * is used for indexing to prevent conflicts.\n   *\n   * @internal\n   * @virtual\n   * @param {Partial<ConfigurationType>} [param] - Configuration object\n   * @returns {Partial<ConfigurationType>} return - Configuration object\n   */\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  [configOverride](param) {\n    return {}\n  }\n\n  /**\n   * Returns the root element of the component\n   *\n   * @protected\n   * @returns {ConfigurationType} - the root element of component\n   */\n  get config() {\n    return this._config\n  }\n\n  /**\n   *\n   * @type {ConfigurationType}\n   */\n  _config\n\n  /**\n   * Constructs a new component, validating that GOV.UK Frontend is supported\n   *\n   * @internal\n   * @param {Element | null} [$root] - HTML element to use for component\n   * @param {ConfigurationType} [config] - HTML element to use for component\n   */\n  constructor($root, config) {\n    super($root)\n\n    const childConstructor =\n      /** @type {ChildClassConstructor<ConfigurationType>} */ (this.constructor)\n\n    if (!isObject(childConstructor.defaults)) {\n      throw new ConfigError(\n        formatErrorMessage(\n          childConstructor,\n          'Config passed as parameter into constructor but no defaults defined'\n        )\n      )\n    }\n\n    const datasetConfig = /** @type {ConfigurationType} */ (\n      normaliseDataset(childConstructor, this._$root.dataset)\n    )\n\n    this._config = /** @type {ConfigurationType} */ (\n      mergeConfigs(\n        childConstructor.defaults,\n        config ?? {},\n        this[configOverride](datasetConfig),\n        datasetConfig\n      )\n    )\n  }\n}\n\n/**\n * Normalise string\n *\n * 'If it looks like a duck, and it quacks like a duck…' 🦆\n *\n * If the passed value looks like a boolean or a number, convert it to a boolean\n * or number.\n *\n * Designed to be used to convert config passed via data attributes (which are\n * always strings) into something sensible.\n *\n * @internal\n * @param {DOMStringMap[string]} value - The value to normalise\n * @param {SchemaProperty} [property] - Component schema property\n * @returns {string | boolean | number | undefined} Normalised data\n */\nexport function normaliseString(value, property) {\n  const trimmedValue = value ? value.trim() : ''\n\n  let output\n  let outputType = property?.type\n\n  // No schema type set? Determine automatically\n  if (!outputType) {\n    if (['true', 'false'].includes(trimmedValue)) {\n      outputType = 'boolean'\n    }\n\n    // Empty / whitespace-only strings are considered finite so we need to check\n    // the length of the trimmed string as well\n    if (trimmedValue.length > 0 && isFinite(Number(trimmedValue))) {\n      outputType = 'number'\n    }\n  }\n\n  switch (outputType) {\n    case 'boolean':\n      output = trimmedValue === 'true'\n      break\n\n    case 'number':\n      output = Number(trimmedValue)\n      break\n\n    default:\n      output = value\n  }\n\n  return output\n}\n\n/**\n * Normalise dataset\n *\n * Loop over an object and normalise each value using {@link normaliseString},\n * optionally expanding nested `i18n.field`\n *\n * @internal\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @template {[keyof ConfigurationType, SchemaProperty | undefined][]} SchemaEntryType\n * @param {{ schema?: Schema<ConfigurationType>, moduleName: string }} Component - Component class\n * @param {DOMStringMap} dataset - HTML element dataset\n * @returns {ObjectNested} Normalised dataset\n */\nexport function normaliseDataset(Component, dataset) {\n  if (!isObject(Component.schema)) {\n    throw new ConfigError(\n      formatErrorMessage(\n        Component,\n        'Config passed as parameter into constructor but no schema defined'\n      )\n    )\n  }\n\n  const out = /** @type {ObjectNested} */ ({})\n  const entries = /** @type {SchemaEntryType} */ (\n    Object.entries(Component.schema.properties)\n  )\n\n  // Normalise top-level dataset ('data-*') values using schema types\n  for (const entry of entries) {\n    const [namespace, property] = entry\n\n    // Cast the `namespace` to string so it can be used to access the dataset\n    const field = namespace.toString()\n\n    if (field in dataset) {\n      out[field] = normaliseString(dataset[field], property)\n    }\n\n    /**\n     * Extract and normalise nested object values automatically using\n     * {@link normaliseString} but only schema object types are allowed\n     */\n    if (property?.type === 'object') {\n      out[field] = extractConfigByNamespace(\n        Component.schema,\n        dataset,\n        namespace\n      )\n    }\n  }\n\n  return out\n}\n\n/**\n * Normalise options passed to `initAll` or `createAll`\n *\n * @internal\n * @template {CompatibleClass} ComponentClass\n * @param {Config | CreateAllOptions<ComponentClass> | OnErrorCallback<ComponentClass> | Element | Document | null} [scopeOrOptions] - Scope of the document to search within, initialisation options or error callback function\n * @returns {CreateAllOptions<ComponentClass>} Normalised options\n */\nexport function normaliseOptions(scopeOrOptions) {\n  let /** @type {Element | Document | null} */ $scope = document\n  let /** @type {OnErrorCallback<ComponentClass> | undefined} */ onError\n\n  // Handle options object\n  if (isObject(scopeOrOptions)) {\n    const options = scopeOrOptions\n\n    // Scope must be valid or null\n    if (isScope(options.scope) || options.scope === null) {\n      $scope = options.scope\n    }\n\n    // Error handler must be a function\n    if (typeof options.onError === 'function') {\n      onError = options.onError\n    }\n  }\n\n  if (isScope(scopeOrOptions)) {\n    $scope = scopeOrOptions\n  } else if (scopeOrOptions === null) {\n    $scope = null\n  } else if (typeof scopeOrOptions === 'function') {\n    onError = scopeOrOptions\n  }\n\n  return {\n    scope: $scope,\n    onError\n  }\n}\n\n/**\n * Config merging function\n *\n * Takes any number of objects and combines them together, with\n * greatest priority on the LAST item passed in.\n *\n * @internal\n * @param {...{ [key: string]: unknown }} configObjects - Config objects to merge\n * @returns {{ [key: string]: unknown }} A merged config object\n */\nexport function mergeConfigs(...configObjects) {\n  // Start with an empty object as our base\n  /** @type {{ [key: string]: unknown }} */\n  const formattedConfigObject = {}\n\n  // Loop through each of the passed objects\n  for (const configObject of configObjects) {\n    for (const key of Object.keys(configObject)) {\n      const option = formattedConfigObject[key]\n      const override = configObject[key]\n\n      // Push their keys one-by-one into formattedConfigObject. Any duplicate\n      // keys with object values will be merged, otherwise the new value will\n      // override the existing value.\n      if (isObject(option) && isObject(override)) {\n        formattedConfigObject[key] = mergeConfigs(option, override)\n      } else {\n        // Apply override\n        formattedConfigObject[key] = override\n      }\n    }\n  }\n\n  return formattedConfigObject\n}\n\n/**\n * Validate component config by schema\n *\n * Follows limited examples in JSON schema for wider support in future\n *\n * {@link https://ajv.js.org/json-schema.html#compound-keywords}\n * {@link https://ajv.js.org/packages/ajv-errors.html#single-message}\n *\n * @internal\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @param {Schema<ConfigurationType>} schema - The schema of a component\n * @param {ConfigurationType} config - Component config\n * @returns {string[]} List of validation errors\n */\nexport function validateConfig(schema, config) {\n  const validationErrors = []\n\n  // Check errors for each schema\n  for (const [name, conditions] of Object.entries(schema)) {\n    const errors = []\n\n    // Check errors for each schema condition\n    if (Array.isArray(conditions)) {\n      for (const { required, errorMessage } of conditions) {\n        if (!required.every((key) => !!config[key])) {\n          errors.push(errorMessage) // Missing config key value\n        }\n      }\n\n      // Check one condition passes or add errors\n      if (name === 'anyOf' && !(conditions.length - errors.length >= 1)) {\n        validationErrors.push(...errors)\n      }\n    }\n  }\n\n  return validationErrors\n}\n\n/**\n * Extracts keys starting with a particular namespace from dataset ('data-*')\n * object, removing the namespace in the process, normalising all values\n *\n * @internal\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @param {Schema<ConfigurationType>} schema - The schema of a component\n * @param {DOMStringMap} dataset - The object to extract key-value pairs from\n * @param {keyof ConfigurationType} namespace - The namespace to filter keys with\n * @returns {ObjectNested | undefined} Nested object with dot-separated key namespace removed\n */\nexport function extractConfigByNamespace(schema, dataset, namespace) {\n  const property = schema.properties[namespace]\n\n  // Only extract configs for object schema properties\n  if (property?.type !== 'object') {\n    return\n  }\n\n  // Add default empty config\n  const newObject = /** @type {Record<typeof namespace, ObjectNested>} */ ({\n    [namespace]: {}\n  })\n\n  for (const [key, value] of Object.entries(dataset)) {\n    /** @type {ObjectNested | ObjectNested[NestedKey]} */\n    let current = newObject\n\n    // Split the key into parts, using . as our namespace separator\n    const keyParts = key.split('.')\n\n    /**\n     * Create new level per part\n     *\n     * e.g. 'i18n.textareaDescription.other' becomes\n     * `{ i18n: { textareaDescription: { other } } }`\n     */\n    for (const [index, name] of keyParts.entries()) {\n      if (isObject(current)) {\n        // Drop down to nested object until the last part\n        if (index < keyParts.length - 1) {\n          // New nested object (optionally) replaces existing value\n          if (!isObject(current[name])) {\n            current[name] = {}\n          }\n\n          // Drop down into new or existing nested object\n          current = current[name]\n        } else if (key !== namespace) {\n          // Normalised value (optionally) replaces existing value\n          current[name] = normaliseString(value)\n        }\n      }\n    }\n  }\n\n  return newObject[namespace]\n}\n\n/**\n * @internal\n * @typedef {keyof ObjectNested} NestedKey\n * @typedef {{ [key: string]: string | boolean | number | ObjectNested | undefined }} ObjectNested\n */\n\n/**\n * Schema for component config\n *\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @typedef {object} Schema\n * @property {Record<keyof ConfigurationType, SchemaProperty | undefined>} properties - Schema properties\n * @property {SchemaCondition<ConfigurationType>[]} [anyOf] - List of schema conditions\n */\n\n/**\n * Schema property for component config\n *\n * @typedef {object} SchemaProperty\n * @property {'string' | 'boolean' | 'number' | 'object'} type - Property type\n */\n\n/**\n * Schema condition for component config\n *\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @typedef {object} SchemaCondition\n * @property {(keyof ConfigurationType)[]} required - List of required config fields\n * @property {string} errorMessage - Error message when required config fields not provided\n */\n\n/**\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]\n * @typedef ChildClass\n * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component\n * @property {Schema<ConfigurationType>} [schema] - The schema of the component configuration\n * @property {ConfigurationType} [defaults] - The default values of the configuration of the component\n */\n\n/**\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]\n * @typedef {typeof Component & ChildClass<ConfigurationType>} ChildClassConstructor<ConfigurationType>\n */\n\n/**\n * @import { CompatibleClass, Config, CreateAllOptions, OnErrorCallback } from '../init.mjs'\n */\n","import { isObject } from './common/index.mjs'\n\n/**\n * Internal support for selecting messages to render, with placeholder\n * interpolation and locale-aware number formatting and pluralisation\n *\n * @internal\n */\nexport class I18n {\n  translations\n  locale\n\n  /**\n   * @internal\n   * @param {{ [key: string]: string | TranslationPluralForms }} translations - Key-value pairs of the translation strings to use.\n   * @param {object} [config] - Configuration options for the function.\n   * @param {string | null} [config.locale] - An overriding locale for the PluralRules functionality.\n   */\n  constructor(translations = {}, config = {}) {\n    // Make list of translations available throughout function\n    this.translations = translations\n\n    // The locale to use for PluralRules and NumberFormat\n    this.locale = config.locale ?? (document.documentElement.lang || 'en')\n  }\n\n  /**\n   * The most used function - takes the key for a given piece of UI text and\n   * returns the appropriate string.\n   *\n   * @internal\n   * @param {string} lookupKey - The lookup key of the string to use.\n   * @param {{ [key: string]: unknown }} [options] - Any options passed with the translation string, e.g: for string interpolation.\n   * @returns {string} The appropriate translation string.\n   * @throws {Error} Lookup key required\n   * @throws {Error} Options required for `${}` placeholders\n   */\n  t(lookupKey, options) {\n    if (!lookupKey) {\n      // Print a console error if no lookup key has been provided\n      throw new Error('i18n: lookup key missing')\n    }\n\n    // Fetch the translation for that lookup key\n    let translation = this.translations[lookupKey]\n\n    // If the `count` option is set, determine which plural suffix is needed and\n    // change the lookupKey to match. We check to see if it's numeric instead of\n    // falsy, as this could legitimately be 0.\n    if (typeof options?.count === 'number' && isObject(translation)) {\n      const translationPluralForm =\n        translation[this.getPluralSuffix(lookupKey, options.count)]\n\n      // Update translation with plural suffix\n      if (translationPluralForm) {\n        translation = translationPluralForm\n      }\n    }\n\n    if (typeof translation === 'string') {\n      // Check for ${} placeholders in the translation string\n      // eslint-disable-next-line @typescript-eslint/prefer-regexp-exec\n      if (translation.match(/%{(.\\S+)}/)) {\n        if (!options) {\n          throw new Error(\n            'i18n: cannot replace placeholders in string if no option data provided'\n          )\n        }\n\n        return this.replacePlaceholders(translation, options)\n      }\n\n      return translation\n    }\n\n    // If the key wasn't found in our translations object,\n    // return the lookup key itself as the fallback\n    return lookupKey\n  }\n\n  /**\n   * Takes a translation string with placeholders, and replaces the placeholders\n   * with the provided data\n   *\n   * @internal\n   * @param {string} translationString - The translation string\n   * @param {{ [key: string]: unknown }} options - Any options passed with the translation string, e.g: for string interpolation.\n   * @returns {string} The translation string to output, with $\\{\\} placeholders replaced\n   */\n  replacePlaceholders(translationString, options) {\n    const formatter = Intl.NumberFormat.supportedLocalesOf(this.locale).length\n      ? new Intl.NumberFormat(this.locale)\n      : undefined\n\n    return translationString.replace(\n      /%{(.\\S+)}/g,\n\n      /**\n       * Replace translation string placeholders\n       *\n       * @internal\n       * @param {string} placeholderWithBraces - Placeholder with braces\n       * @param {string} placeholderKey - Placeholder key\n       * @returns {string} Placeholder value\n       */\n      function (placeholderWithBraces, placeholderKey) {\n        if (Object.prototype.hasOwnProperty.call(options, placeholderKey)) {\n          const placeholderValue = options[placeholderKey]\n\n          // If a user has passed `false` as the value for the placeholder\n          // treat it as though the value should not be displayed\n          if (\n            placeholderValue === false ||\n            (typeof placeholderValue !== 'number' &&\n              typeof placeholderValue !== 'string')\n          ) {\n            return ''\n          }\n\n          // If the placeholder's value is a number, localise the number formatting\n          if (typeof placeholderValue === 'number') {\n            return formatter\n              ? formatter.format(placeholderValue)\n              : `${placeholderValue}`\n          }\n\n          return placeholderValue\n        }\n\n        throw new Error(\n          `i18n: no data found to replace ${placeholderWithBraces} placeholder in string`\n        )\n      }\n    )\n  }\n\n  /**\n   * Check to see if the browser supports Intl.PluralRules\n   *\n   * It requires all conditions to be met in order to be supported:\n   * - The implementation of Intl supports PluralRules (NOT true in Safari 10–12)\n   * - The browser/OS has plural rules for the current locale (browser dependent)\n   *\n   * {@link https://browsersl.ist/#q=supports+es6-module+and+not+supports+intl-pluralrules}\n   *\n   * @internal\n   * @returns {boolean} Returns true if all conditions are met. Returns false otherwise.\n   */\n  hasIntlPluralRulesSupport() {\n    return Boolean(\n      'PluralRules' in window.Intl &&\n        Intl.PluralRules.supportedLocalesOf(this.locale).length\n    )\n  }\n\n  /**\n   * Get the appropriate suffix for the plural form.\n   *\n   * Uses Intl.PluralRules (or our own fallback implementation) to get the\n   * 'preferred' form to use for the given count.\n   *\n   * Checks that a translation has been provided for that plural form – if it\n   * hasn't, it'll fall back to the 'other' plural form (unless that doesn't exist\n   * either, in which case an error will be thrown)\n   *\n   * @internal\n   * @param {string} lookupKey - The lookup key of the string to use.\n   * @param {number} count - Number used to determine which pluralisation to use.\n   * @returns {PluralRule} The suffix associated with the correct pluralisation for this locale.\n   * @throws {Error} Plural form `.other` required when preferred plural form is missing\n   */\n  getPluralSuffix(lookupKey, count) {\n    // Validate that the number is actually a number.\n    //\n    // Number(count) will turn anything that can't be converted to a Number type\n    // into 'NaN'. isFinite filters out NaN, as it isn't a finite number.\n    // eslint-disable-next-line @typescript-eslint/no-unnecessary-type-conversion\n    count = Number(count)\n    if (!isFinite(count)) {\n      return 'other'\n    }\n\n    // Fetch the translation for that lookup key\n    const translation = this.translations[lookupKey]\n\n    // Check to verify that all the requirements for Intl.PluralRules are met.\n    // If so, we can use that instead of our custom implementation. Otherwise,\n    // use the hardcoded fallback.\n    const preferredForm = this.hasIntlPluralRulesSupport()\n      ? new Intl.PluralRules(this.locale).select(count)\n      : 'other'\n\n    // Use the correct plural form if provided\n    if (isObject(translation)) {\n      if (preferredForm in translation) {\n        return preferredForm\n        // Fall back to `other` if the plural form is missing, but log a warning\n        // to the console\n      } else if ('other' in translation) {\n        console.warn(\n          `i18n: Missing plural form \".${preferredForm}\" for \"${this.locale}\" locale. Falling back to \".other\".`\n        )\n\n        return 'other'\n      }\n    }\n\n    // If the required `other` plural form is missing, all we can do is error\n    throw new Error(\n      `i18n: Plural form \".other\" is required for \"${this.locale}\" locale`\n    )\n  }\n}\n\n/**\n * Plural rule category mnemonic tags\n *\n * @internal\n * @typedef {'zero' | 'one' | 'two' | 'few' | 'many' | 'other'} PluralRule\n */\n\n/**\n * Translated message by plural rule they correspond to.\n *\n * Allows to group pluralised messages under a single key when passing\n * translations to a component's constructor\n *\n * @internal\n * @typedef {object} TranslationPluralForms\n * @property {string} [other] - General plural form\n * @property {string} [zero] - Plural form used with 0\n * @property {string} [one] - Plural form used with 1\n * @property {string} [two] - Plural form used with 2\n * @property {string} [few] - Plural form used for a few\n * @property {string} [many] - Plural form used for many\n */\n","import { closestAttributeValue } from '../../common/closest-attribute-value.mjs'\nimport { ConfigurableComponent } from '../../common/configuration.mjs'\nimport { formatErrorMessage } from '../../common/index.mjs'\nimport { ElementError } from '../../errors/index.mjs'\nimport { I18n } from '../../i18n.mjs'\n\n/**\n * File upload component\n *\n * @preserve\n * @augments ConfigurableComponent<FileUploadConfig>\n */\nexport class FileUpload extends ConfigurableComponent {\n  /**\n   * @private\n   * @type {HTMLFileInputElement}\n   */\n  $input\n\n  /**\n   * @private\n   */\n  $button\n\n  /**\n   * @private\n   */\n  $status\n\n  /** @private */\n  i18n\n\n  /** @private */\n  id\n\n  /** @private */\n  $announcements\n\n  /**\n   * @private\n   * @type {boolean | undefined}\n   */\n  enteredAnotherElement\n\n  /**\n   * @param {Element | null} $root - File input element\n   * @param {FileUploadConfig} [config] - File Upload config\n   */\n  constructor($root, config = {}) {\n    super($root, config)\n\n    const $input = this.$root.querySelector('input')\n\n    if ($input === null) {\n      throw new ElementError({\n        component: FileUpload,\n        identifier: 'File inputs (`<input type=\"file\">`)'\n      })\n    }\n\n    if ($input.type !== 'file') {\n      throw new ElementError(\n        formatErrorMessage(\n          FileUpload,\n          'File input (`<input type=\"file\">`) attribute (`type`) is not `file`'\n        )\n      )\n    }\n\n    this.$input = /** @type {HTMLFileInputElement} */ ($input)\n\n    if (!this.$input.id) {\n      throw new ElementError({\n        component: FileUpload,\n        identifier: 'File input (`<input type=\"file\">`) attribute (`id`)'\n      })\n    }\n\n    this.id = this.$input.id\n\n    this.i18n = new I18n(this.config.i18n, {\n      // Read the fallback if necessary rather than have it set in the defaults\n      locale: closestAttributeValue(this.$root, 'lang')\n    })\n\n    const $label = this.findLabel()\n    // Add an ID to the label if it doesn't have one already\n    // so it can be referenced by `aria-labelledby`\n    if (!$label.id) {\n      $label.id = `${this.id}-label`\n    }\n\n    // we need to copy the 'id' of the root element\n    // to the new button replacement element\n    // so that focus will work in the error summary\n    this.$input.id = `${this.id}-input`\n\n    // Hide the native input\n    this.$input.setAttribute('hidden', 'true')\n\n    // Create the file selection button\n    const $button = document.createElement('button')\n    $button.classList.add('govuk-file-upload-button')\n    $button.type = 'button'\n    $button.id = this.id\n    $button.classList.add('govuk-file-upload-button--empty')\n\n    // Copy `aria-describedby` if present so hints and errors\n    // are associated to the `<button>`\n    const ariaDescribedBy = this.$input.getAttribute('aria-describedby')\n    if (ariaDescribedBy) {\n      $button.setAttribute('aria-describedby', ariaDescribedBy)\n    }\n\n    // Create status element that shows what/how many files are selected\n    const $status = document.createElement('span')\n    $status.className = 'govuk-body govuk-file-upload-button__status'\n    $status.setAttribute('aria-live', 'polite')\n    $status.innerText = this.i18n.t('noFileChosen')\n\n    $button.appendChild($status)\n\n    const commaSpan = document.createElement('span')\n    commaSpan.className = 'govuk-visually-hidden'\n    commaSpan.innerText = ', '\n    commaSpan.id = `${this.id}-comma`\n\n    $button.appendChild(commaSpan)\n\n    const containerSpan = document.createElement('span')\n    containerSpan.className =\n      'govuk-file-upload-button__pseudo-button-container'\n\n    const buttonSpan = document.createElement('span')\n    buttonSpan.className =\n      'govuk-button govuk-button--secondary govuk-file-upload-button__pseudo-button'\n    buttonSpan.innerText = this.i18n.t('chooseFilesButton')\n\n    containerSpan.appendChild(buttonSpan)\n\n    // Add a space so the button and instruction read correctly\n    // when CSS is disabled\n    containerSpan.insertAdjacentText('beforeend', ' ')\n\n    const instructionSpan = document.createElement('span')\n    instructionSpan.className =\n      'govuk-body govuk-file-upload-button__instruction'\n    instructionSpan.innerText = this.i18n.t('dropInstruction')\n\n    containerSpan.appendChild(instructionSpan)\n\n    $button.appendChild(containerSpan)\n    $button.setAttribute(\n      'aria-labelledby',\n      `${$label.id} ${commaSpan.id} ${$button.id}`\n    )\n    $button.addEventListener('click', this.onClick.bind(this))\n    $button.addEventListener('dragover', (event) => {\n      // prevent default to allow drop\n      event.preventDefault()\n    })\n\n    // Assemble these all together\n    this.$root.insertAdjacentElement('afterbegin', $button)\n\n    this.$input.setAttribute('tabindex', '-1')\n    this.$input.setAttribute('aria-hidden', 'true')\n\n    // Make all these new variables available to the module\n    this.$button = $button\n    this.$status = $status\n\n    // Bind change event to the underlying input\n    this.$input.addEventListener('change', this.onChange.bind(this))\n\n    // Synchronise the `disabled` state between the button and underlying input\n    this.updateDisabledState()\n    this.observeDisabledState()\n\n    // Handle drop zone visibility\n    // A live region to announce when users enter or leave the drop zone\n    this.$announcements = document.createElement('span')\n    this.$announcements.classList.add('govuk-file-upload-announcements')\n    this.$announcements.classList.add('govuk-visually-hidden')\n    this.$announcements.setAttribute('aria-live', 'assertive')\n    this.$root.insertAdjacentElement('afterend', this.$announcements)\n\n    // if there is no CSS and input is hidden\n    // button will need to handle drop event\n    this.$button.addEventListener('drop', this.onDrop.bind(this))\n\n    // While user is dragging, it gets a little more complex because of Safari.\n    // Safari doesn't fill `relatedTarget` on `dragleave` (nor `dragenter`).\n    // This means we can't use `relatedTarget` to:\n    // - check if the user is still within the wrapper\n    //   (`relatedTarget` being a descendant of the wrapper)\n    // - check if the user is still over the viewport\n    //   (`relatedTarget` being null if outside)\n\n    // Thanks to `dragenter` bubbling, we can listen on the `document` with a\n    // single function and update the visibility based on whether we entered a\n    // node inside or outside the wrapper.\n    document.addEventListener(\n      'dragenter',\n      this.updateDropzoneVisibility.bind(this)\n    )\n\n    // To detect if we're outside the document, we can track if there was a\n    // `dragenter` event preceding a `dragleave`. If there wasn't, this means\n    // we're outside the document.\n    //\n    // The order of events is guaranteed by the HTML specs:\n    // https://html.spec.whatwg.org/multipage/dnd.html#drag-and-drop-processing-model\n    document.addEventListener('dragenter', () => {\n      this.enteredAnotherElement = true\n    })\n\n    document.addEventListener('dragleave', () => {\n      if (!this.enteredAnotherElement && !this.$button.disabled) {\n        this.hideDraggingState()\n        this.$announcements.innerText = this.i18n.t('leftDropZone')\n      }\n\n      this.enteredAnotherElement = false\n    })\n  }\n\n  /**\n   * Updates the visibility of the dropzone as users enters the various elements on the page\n   *\n   * @private\n   * @param {DragEvent} event - The `dragenter` event\n   */\n  updateDropzoneVisibility(event) {\n    if (this.$button.disabled) return\n\n    // DOM interfaces only type `event.target` as `EventTarget`\n    // so we first need to make sure it's a `Node`\n    if (event.target instanceof Node) {\n      if (this.$root.contains(event.target)) {\n        if (event.dataTransfer && isContainingFiles(event.dataTransfer)) {\n          // Only update the class and make the announcement if not already visible\n          // to avoid repeated announcements on NVDA (2024.4) + Firefox (133)\n          if (\n            !this.$button.classList.contains(\n              'govuk-file-upload-button--dragging'\n            )\n          ) {\n            this.showDraggingState()\n            this.$announcements.innerText = this.i18n.t('enteredDropZone')\n          }\n        }\n      } else {\n        // Only hide the dropzone if it is visible to prevent announcing user\n        // left the drop zone when they enter the page but haven't reached yet\n        // the file upload component\n        if (\n          this.$button.classList.contains('govuk-file-upload-button--dragging')\n        ) {\n          this.hideDraggingState()\n          this.$announcements.innerText = this.i18n.t('leftDropZone')\n        }\n      }\n    }\n  }\n\n  /**\n   * Show the drop zone visually\n   *\n   * @private\n   */\n  showDraggingState() {\n    this.$button.classList.add('govuk-file-upload-button--dragging')\n  }\n\n  /**\n   * Hides the drop zone visually\n   *\n   * @private\n   */\n  hideDraggingState() {\n    this.$button.classList.remove('govuk-file-upload-button--dragging')\n  }\n\n  /**\n   * Handles user dropping on the component\n   *\n   * @private\n   * @param {DragEvent} event - The `dragenter` event\n   */\n  onDrop(event) {\n    event.preventDefault()\n\n    if (event.dataTransfer && isContainingFiles(event.dataTransfer)) {\n      this.$input.files = event.dataTransfer.files\n\n      // Dispatch a `change` event so external code that would rely on the `<input>`\n      // dispatching an event when files are dropped still work.\n      // Use a `CustomEvent` so our events are distinguishable from browser's native events\n      this.$input.dispatchEvent(new CustomEvent('change'))\n\n      this.hideDraggingState()\n    }\n  }\n\n  /**\n   * Check if the value of the underlying input has changed\n   *\n   * @private\n   */\n  onChange() {\n    const fileCount = this.$input.files.length\n\n    if (fileCount === 0) {\n      // If there are no files, show the default selection text\n      this.$status.innerText = this.i18n.t('noFileChosen')\n      this.$button.classList.add('govuk-file-upload-button--empty')\n    } else {\n      if (\n        // If there is 1 file, just show the file name\n        fileCount === 1\n      ) {\n        this.$status.innerText = this.$input.files[0].name\n      } else {\n        // Otherwise, tell the user how many files are selected\n        this.$status.innerText = this.i18n.t('multipleFilesChosen', {\n          count: fileCount\n        })\n      }\n\n      this.$button.classList.remove('govuk-file-upload-button--empty')\n    }\n  }\n\n  /**\n   * Looks up the `<label>` element associated to the field\n   *\n   * @private\n   * @returns {HTMLElement} The `<label>` element associated to the field\n   * @throws {ElementError} If the `<label>` cannot be found\n   */\n  findLabel() {\n    // Use `label` in the selector so TypeScript knows the type fo `HTMLElement`\n    const $label = document.querySelector(`label[for=\"${this.$input.id}\"]`)\n\n    if (!$label) {\n      throw new ElementError({\n        component: FileUpload,\n        identifier: `Field label (\\`<label for=${this.$input.id}>\\`)`\n      })\n    }\n\n    return $label\n  }\n\n  /**\n   * When the button is clicked, emulate clicking the actual, hidden file input\n   *\n   * @private\n   */\n  onClick() {\n    this.$input.click()\n  }\n\n  /**\n   * Create a mutation observer to check if the input's attributes altered.\n   *\n   * @private\n   */\n  observeDisabledState() {\n    const observer = new MutationObserver((mutationList) => {\n      for (const mutation of mutationList) {\n        if (\n          mutation.type === 'attributes' &&\n          mutation.attributeName === 'disabled'\n        ) {\n          this.updateDisabledState()\n        }\n      }\n    })\n\n    observer.observe(this.$input, {\n      attributes: true\n    })\n  }\n\n  /**\n   * Synchronise the `disabled` state between the input and replacement button.\n   *\n   * @private\n   */\n  updateDisabledState() {\n    this.$button.disabled = this.$input.disabled\n\n    this.$root.classList.toggle(\n      'govuk-drop-zone--disabled',\n      this.$button.disabled\n    )\n  }\n\n  /**\n   * Name for the component used when initialising using data-module attributes.\n   */\n  static moduleName = 'govuk-file-upload'\n\n  /**\n   * File upload default config\n   *\n   * @see {@link FileUploadConfig}\n   * @constant\n   * @type {FileUploadConfig}\n   */\n  static defaults = Object.freeze({\n    i18n: {\n      chooseFilesButton: 'Choose file',\n      dropInstruction: 'or drop file',\n      noFileChosen: 'No file chosen',\n      multipleFilesChosen: {\n        // the 'one' string isn't used as the component displays the filename\n        // instead, however it's here for coverage's sake\n        one: '%{count} file chosen',\n        other: '%{count} files chosen'\n      },\n      enteredDropZone: 'Entered drop zone',\n      leftDropZone: 'Left drop zone'\n    }\n  })\n\n  /**\n   * File upload config schema\n   *\n   * @constant\n   * @satisfies {Schema<FileUploadConfig>}\n   */\n  static schema = Object.freeze({\n    properties: {\n      i18n: { type: 'object' }\n    }\n  })\n}\n\n/**\n * Checks if the given `DataTransfer` contains files\n *\n * @internal\n * @param {DataTransfer} dataTransfer - The `DataTransfer` to check\n * @returns {boolean} - `true` if it contains files or we can't infer it, `false` otherwise\n */\nfunction isContainingFiles(dataTransfer) {\n  // Safari sometimes does not provide info about types :'(\n  // In which case best not to assume anything and try to set the files\n  const hasNoTypesInfo = dataTransfer.types.length === 0\n\n  // When dragging images, there's a mix of mime types + Files\n  // which we can't assign to the native input\n  const isDraggingFiles = dataTransfer.types.some((type) => type === 'Files')\n\n  return hasNoTypesInfo || isDraggingFiles\n}\n\n/**\n * @typedef {HTMLInputElement & {files: FileList}} HTMLFileInputElement\n */\n\n/**\n * File upload config\n *\n * @see {@link FileUpload.defaults}\n * @typedef {object} FileUploadConfig\n * @property {FileUploadTranslations} [i18n=FileUpload.defaults.i18n] - File upload translations\n */\n\n/**\n * File upload translations\n *\n * @see {@link FileUpload.defaults.i18n}\n * @typedef {object} FileUploadTranslations\n *\n * Messages used by the component\n * @property {string} [chooseFile] - The text of the button that opens the file picker\n * @property {string} [dropInstruction] - The text informing users they can drop files\n * @property {TranslationPluralForms} [multipleFilesChosen] - The text displayed when multiple files\n *   have been chosen by the user\n * @property {string} [noFileChosen] - The text to displayed when no file has been chosen by the user\n * @property {string} [enteredDropZone] - The text announced by assistive technology\n *   when user drags files and enters the drop zone\n * @property {string} [leftDropZone] - The text announced by assistive technology\n *   when user drags files and leaves the drop zone without dropping\n */\n\n/**\n * @import { Schema } from '../../common/configuration.mjs'\n * @import { TranslationPluralForms } from '../../i18n.mjs'\n */\n"],"names":["closestAttributeValue","$element","attributeName","$closestElementWithAttribute","closest","getAttribute","isInitialised","$root","moduleName","HTMLElement","hasAttribute","isSupported","$scope","document","body","classList","contains","isArray","option","Array","isObject","formatErrorMessage","Component","message","GOVUKFrontendError","Error","constructor","args","name","SupportError","supportMessage","HTMLScriptElement","prototype","ConfigError","ElementError","messageOrOptions","component","identifier","element","expectedType","InitError","componentOrMessage","_$root","childConstructor","elementType","checkSupport","checkInitialised","setAttribute","configOverride","Symbol","for","ConfigurableComponent","param","config","_config","defaults","datasetConfig","normaliseDataset","dataset","mergeConfigs","normaliseString","value","property","trimmedValue","trim","output","outputType","type","includes","length","isFinite","Number","schema","out","entries","Object","properties","entry","namespace","field","toString","extractConfigByNamespace","configObjects","formattedConfigObject","configObject","key","keys","override","newObject","current","keyParts","split","index","I18n","translations","_config$locale","locale","documentElement","lang","t","lookupKey","options","translation","count","translationPluralForm","getPluralSuffix","match","replacePlaceholders","translationString","formatter","Intl","NumberFormat","supportedLocalesOf","undefined","replace","placeholderWithBraces","placeholderKey","hasOwnProperty","call","placeholderValue","format","hasIntlPluralRulesSupport","Boolean","window","PluralRules","preferredForm","select","console","warn","FileUpload","$input","$button","$status","i18n","id","$announcements","enteredAnotherElement","querySelector","$label","findLabel","createElement","add","ariaDescribedBy","className","innerText","appendChild","commaSpan","containerSpan","buttonSpan","insertAdjacentText","instructionSpan","addEventListener","onClick","bind","event","preventDefault","insertAdjacentElement","onChange","updateDisabledState","observeDisabledState","onDrop","updateDropzoneVisibility","disabled","hideDraggingState","target","Node","dataTransfer","isContainingFiles","showDraggingState","remove","files","dispatchEvent","CustomEvent","fileCount","click","observer","MutationObserver","mutationList","mutation","observe","attributes","toggle","freeze","chooseFilesButton","dropInstruction","noFileChosen","multipleFilesChosen","one","other","enteredDropZone","leftDropZone","hasNoTypesInfo","types","isDraggingFiles","some"],"mappings":"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"}
\ No newline at end of file
diff --git a/app/templates/govuk/components/components/file-upload/file-upload.bundle.mjs b/app/templates/govuk/components/components/file-upload/file-upload.bundle.mjs
new file mode 100644
index 0000000..513ebd3
--- /dev/null
+++ b/app/templates/govuk/components/components/file-upload/file-upload.bundle.mjs
@@ -0,0 +1,613 @@
+function closestAttributeValue($element, attributeName) {
+  const $closestElementWithAttribute = $element.closest(`[${attributeName}]`);
+  return $closestElementWithAttribute ? $closestElementWithAttribute.getAttribute(attributeName) : null;
+}
+
+function isInitialised($root, moduleName) {
+  return $root instanceof HTMLElement && $root.hasAttribute(`data-${moduleName}-init`);
+}
+
+/**
+ * Checks if GOV.UK Frontend is supported on this page
+ *
+ * Some browsers will load and run our JavaScript but GOV.UK Frontend
+ * won't be supported.
+ *
+ * @param {HTMLElement | null} [$scope] - (internal) `<body>` HTML element checked for browser support
+ * @returns {boolean} Whether GOV.UK Frontend is supported on this page
+ */
+function isSupported($scope = document.body) {
+  if (!$scope) {
+    return false;
+  }
+  return $scope.classList.contains('govuk-frontend-supported');
+}
+function isArray(option) {
+  return Array.isArray(option);
+}
+function isObject(option) {
+  return !!option && typeof option === 'object' && !isArray(option);
+}
+function formatErrorMessage(Component, message) {
+  return `${Component.moduleName}: ${message}`;
+}
+/**
+ * @typedef ComponentWithModuleName
+ * @property {string} moduleName - Name of the component
+ */
+
+class GOVUKFrontendError extends Error {
+  constructor(...args) {
+    super(...args);
+    this.name = 'GOVUKFrontendError';
+  }
+}
+class SupportError extends GOVUKFrontendError {
+  /**
+   * Checks if GOV.UK Frontend is supported on this page
+   *
+   * @param {HTMLElement | null} [$scope] - HTML element `<body>` checked for browser support
+   */
+  constructor($scope = document.body) {
+    const supportMessage = 'noModule' in HTMLScriptElement.prototype ? 'GOV.UK Frontend initialised without `<body class="govuk-frontend-supported">` from template `<script>` snippet' : 'GOV.UK Frontend is not supported in this browser';
+    super($scope ? supportMessage : 'GOV.UK Frontend initialised without `<script type="module">`');
+    this.name = 'SupportError';
+  }
+}
+class ConfigError extends GOVUKFrontendError {
+  constructor(...args) {
+    super(...args);
+    this.name = 'ConfigError';
+  }
+}
+class ElementError extends GOVUKFrontendError {
+  constructor(messageOrOptions) {
+    let message = typeof messageOrOptions === 'string' ? messageOrOptions : '';
+    if (isObject(messageOrOptions)) {
+      const {
+        component,
+        identifier,
+        element,
+        expectedType
+      } = messageOrOptions;
+      message = identifier;
+      message += element ? ` is not of type ${expectedType != null ? expectedType : 'HTMLElement'}` : ' not found';
+      if (component) {
+        message = formatErrorMessage(component, message);
+      }
+    }
+    super(message);
+    this.name = 'ElementError';
+  }
+}
+class InitError extends GOVUKFrontendError {
+  constructor(componentOrMessage) {
+    const message = typeof componentOrMessage === 'string' ? componentOrMessage : formatErrorMessage(componentOrMessage, `Root element (\`$root\`) already initialised`);
+    super(message);
+    this.name = 'InitError';
+  }
+}
+/**
+ * @import { ComponentWithModuleName } from '../common/index.mjs'
+ */
+
+class Component {
+  /**
+   * Returns the root element of the component
+   *
+   * @protected
+   * @returns {RootElementType} - the root element of component
+   */
+  get $root() {
+    return this._$root;
+  }
+  constructor($root) {
+    this._$root = void 0;
+    const childConstructor = this.constructor;
+    if (typeof childConstructor.moduleName !== 'string') {
+      throw new InitError(`\`moduleName\` not defined in component`);
+    }
+    if (!($root instanceof childConstructor.elementType)) {
+      throw new ElementError({
+        element: $root,
+        component: childConstructor,
+        identifier: 'Root element (`$root`)',
+        expectedType: childConstructor.elementType.name
+      });
+    } else {
+      this._$root = $root;
+    }
+    childConstructor.checkSupport();
+    this.checkInitialised();
+    const moduleName = childConstructor.moduleName;
+    this.$root.setAttribute(`data-${moduleName}-init`, '');
+  }
+  checkInitialised() {
+    const constructor = this.constructor;
+    const moduleName = constructor.moduleName;
+    if (moduleName && isInitialised(this.$root, moduleName)) {
+      throw new InitError(constructor);
+    }
+  }
+  static checkSupport() {
+    if (!isSupported()) {
+      throw new SupportError();
+    }
+  }
+}
+
+/**
+ * @typedef ChildClass
+ * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component
+ */
+
+/**
+ * @typedef {typeof Component & ChildClass} ChildClassConstructor
+ */
+Component.elementType = HTMLElement;
+
+const configOverride = Symbol.for('configOverride');
+class ConfigurableComponent extends Component {
+  [configOverride](param) {
+    return {};
+  }
+
+  /**
+   * Returns the root element of the component
+   *
+   * @protected
+   * @returns {ConfigurationType} - the root element of component
+   */
+  get config() {
+    return this._config;
+  }
+  constructor($root, config) {
+    super($root);
+    this._config = void 0;
+    const childConstructor = this.constructor;
+    if (!isObject(childConstructor.defaults)) {
+      throw new ConfigError(formatErrorMessage(childConstructor, 'Config passed as parameter into constructor but no defaults defined'));
+    }
+    const datasetConfig = normaliseDataset(childConstructor, this._$root.dataset);
+    this._config = mergeConfigs(childConstructor.defaults, config != null ? config : {}, this[configOverride](datasetConfig), datasetConfig);
+  }
+}
+function normaliseString(value, property) {
+  const trimmedValue = value ? value.trim() : '';
+  let output;
+  let outputType = property == null ? void 0 : property.type;
+  if (!outputType) {
+    if (['true', 'false'].includes(trimmedValue)) {
+      outputType = 'boolean';
+    }
+    if (trimmedValue.length > 0 && isFinite(Number(trimmedValue))) {
+      outputType = 'number';
+    }
+  }
+  switch (outputType) {
+    case 'boolean':
+      output = trimmedValue === 'true';
+      break;
+    case 'number':
+      output = Number(trimmedValue);
+      break;
+    default:
+      output = value;
+  }
+  return output;
+}
+function normaliseDataset(Component, dataset) {
+  if (!isObject(Component.schema)) {
+    throw new ConfigError(formatErrorMessage(Component, 'Config passed as parameter into constructor but no schema defined'));
+  }
+  const out = {};
+  const entries = Object.entries(Component.schema.properties);
+  for (const entry of entries) {
+    const [namespace, property] = entry;
+    const field = namespace.toString();
+    if (field in dataset) {
+      out[field] = normaliseString(dataset[field], property);
+    }
+    if ((property == null ? void 0 : property.type) === 'object') {
+      out[field] = extractConfigByNamespace(Component.schema, dataset, namespace);
+    }
+  }
+  return out;
+}
+function mergeConfigs(...configObjects) {
+  const formattedConfigObject = {};
+  for (const configObject of configObjects) {
+    for (const key of Object.keys(configObject)) {
+      const option = formattedConfigObject[key];
+      const override = configObject[key];
+      if (isObject(option) && isObject(override)) {
+        formattedConfigObject[key] = mergeConfigs(option, override);
+      } else {
+        formattedConfigObject[key] = override;
+      }
+    }
+  }
+  return formattedConfigObject;
+}
+function extractConfigByNamespace(schema, dataset, namespace) {
+  const property = schema.properties[namespace];
+  if ((property == null ? void 0 : property.type) !== 'object') {
+    return;
+  }
+  const newObject = {
+    [namespace]: {}
+  };
+  for (const [key, value] of Object.entries(dataset)) {
+    let current = newObject;
+    const keyParts = key.split('.');
+    for (const [index, name] of keyParts.entries()) {
+      if (isObject(current)) {
+        if (index < keyParts.length - 1) {
+          if (!isObject(current[name])) {
+            current[name] = {};
+          }
+          current = current[name];
+        } else if (key !== namespace) {
+          current[name] = normaliseString(value);
+        }
+      }
+    }
+  }
+  return newObject[namespace];
+}
+/**
+ * Schema for component config
+ *
+ * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType
+ * @typedef {object} Schema
+ * @property {Record<keyof ConfigurationType, SchemaProperty | undefined>} properties - Schema properties
+ * @property {SchemaCondition<ConfigurationType>[]} [anyOf] - List of schema conditions
+ */
+/**
+ * Schema property for component config
+ *
+ * @typedef {object} SchemaProperty
+ * @property {'string' | 'boolean' | 'number' | 'object'} type - Property type
+ */
+/**
+ * Schema condition for component config
+ *
+ * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType
+ * @typedef {object} SchemaCondition
+ * @property {(keyof ConfigurationType)[]} required - List of required config fields
+ * @property {string} errorMessage - Error message when required config fields not provided
+ */
+/**
+ * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]
+ * @typedef ChildClass
+ * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component
+ * @property {Schema<ConfigurationType>} [schema] - The schema of the component configuration
+ * @property {ConfigurationType} [defaults] - The default values of the configuration of the component
+ */
+/**
+ * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]
+ * @typedef {typeof Component & ChildClass<ConfigurationType>} ChildClassConstructor<ConfigurationType>
+ */
+/**
+ * @import { CompatibleClass, Config, CreateAllOptions, OnErrorCallback } from '../init.mjs'
+ */
+
+class I18n {
+  constructor(translations = {}, config = {}) {
+    var _config$locale;
+    this.translations = void 0;
+    this.locale = void 0;
+    this.translations = translations;
+    this.locale = (_config$locale = config.locale) != null ? _config$locale : document.documentElement.lang || 'en';
+  }
+  t(lookupKey, options) {
+    if (!lookupKey) {
+      throw new Error('i18n: lookup key missing');
+    }
+    let translation = this.translations[lookupKey];
+    if (typeof (options == null ? void 0 : options.count) === 'number' && isObject(translation)) {
+      const translationPluralForm = translation[this.getPluralSuffix(lookupKey, options.count)];
+      if (translationPluralForm) {
+        translation = translationPluralForm;
+      }
+    }
+    if (typeof translation === 'string') {
+      if (translation.match(/%{(.\S+)}/)) {
+        if (!options) {
+          throw new Error('i18n: cannot replace placeholders in string if no option data provided');
+        }
+        return this.replacePlaceholders(translation, options);
+      }
+      return translation;
+    }
+    return lookupKey;
+  }
+  replacePlaceholders(translationString, options) {
+    const formatter = Intl.NumberFormat.supportedLocalesOf(this.locale).length ? new Intl.NumberFormat(this.locale) : undefined;
+    return translationString.replace(/%{(.\S+)}/g, function (placeholderWithBraces, placeholderKey) {
+      if (Object.prototype.hasOwnProperty.call(options, placeholderKey)) {
+        const placeholderValue = options[placeholderKey];
+        if (placeholderValue === false || typeof placeholderValue !== 'number' && typeof placeholderValue !== 'string') {
+          return '';
+        }
+        if (typeof placeholderValue === 'number') {
+          return formatter ? formatter.format(placeholderValue) : `${placeholderValue}`;
+        }
+        return placeholderValue;
+      }
+      throw new Error(`i18n: no data found to replace ${placeholderWithBraces} placeholder in string`);
+    });
+  }
+  hasIntlPluralRulesSupport() {
+    return Boolean('PluralRules' in window.Intl && Intl.PluralRules.supportedLocalesOf(this.locale).length);
+  }
+  getPluralSuffix(lookupKey, count) {
+    count = Number(count);
+    if (!isFinite(count)) {
+      return 'other';
+    }
+    const translation = this.translations[lookupKey];
+    const preferredForm = this.hasIntlPluralRulesSupport() ? new Intl.PluralRules(this.locale).select(count) : 'other';
+    if (isObject(translation)) {
+      if (preferredForm in translation) {
+        return preferredForm;
+      } else if ('other' in translation) {
+        console.warn(`i18n: Missing plural form ".${preferredForm}" for "${this.locale}" locale. Falling back to ".other".`);
+        return 'other';
+      }
+    }
+    throw new Error(`i18n: Plural form ".other" is required for "${this.locale}" locale`);
+  }
+}
+
+/**
+ * File upload component
+ *
+ * @preserve
+ * @augments ConfigurableComponent<FileUploadConfig>
+ */
+class FileUpload extends ConfigurableComponent {
+  /**
+   * @param {Element | null} $root - File input element
+   * @param {FileUploadConfig} [config] - File Upload config
+   */
+  constructor($root, config = {}) {
+    super($root, config);
+    this.$input = void 0;
+    this.$button = void 0;
+    this.$status = void 0;
+    this.i18n = void 0;
+    this.id = void 0;
+    this.$announcements = void 0;
+    this.enteredAnotherElement = void 0;
+    const $input = this.$root.querySelector('input');
+    if ($input === null) {
+      throw new ElementError({
+        component: FileUpload,
+        identifier: 'File inputs (`<input type="file">`)'
+      });
+    }
+    if ($input.type !== 'file') {
+      throw new ElementError(formatErrorMessage(FileUpload, 'File input (`<input type="file">`) attribute (`type`) is not `file`'));
+    }
+    this.$input = $input;
+    if (!this.$input.id) {
+      throw new ElementError({
+        component: FileUpload,
+        identifier: 'File input (`<input type="file">`) attribute (`id`)'
+      });
+    }
+    this.id = this.$input.id;
+    this.i18n = new I18n(this.config.i18n, {
+      locale: closestAttributeValue(this.$root, 'lang')
+    });
+    const $label = this.findLabel();
+    if (!$label.id) {
+      $label.id = `${this.id}-label`;
+    }
+    this.$input.id = `${this.id}-input`;
+    this.$input.setAttribute('hidden', 'true');
+    const $button = document.createElement('button');
+    $button.classList.add('govuk-file-upload-button');
+    $button.type = 'button';
+    $button.id = this.id;
+    $button.classList.add('govuk-file-upload-button--empty');
+    const ariaDescribedBy = this.$input.getAttribute('aria-describedby');
+    if (ariaDescribedBy) {
+      $button.setAttribute('aria-describedby', ariaDescribedBy);
+    }
+    const $status = document.createElement('span');
+    $status.className = 'govuk-body govuk-file-upload-button__status';
+    $status.setAttribute('aria-live', 'polite');
+    $status.innerText = this.i18n.t('noFileChosen');
+    $button.appendChild($status);
+    const commaSpan = document.createElement('span');
+    commaSpan.className = 'govuk-visually-hidden';
+    commaSpan.innerText = ', ';
+    commaSpan.id = `${this.id}-comma`;
+    $button.appendChild(commaSpan);
+    const containerSpan = document.createElement('span');
+    containerSpan.className = 'govuk-file-upload-button__pseudo-button-container';
+    const buttonSpan = document.createElement('span');
+    buttonSpan.className = 'govuk-button govuk-button--secondary govuk-file-upload-button__pseudo-button';
+    buttonSpan.innerText = this.i18n.t('chooseFilesButton');
+    containerSpan.appendChild(buttonSpan);
+    containerSpan.insertAdjacentText('beforeend', ' ');
+    const instructionSpan = document.createElement('span');
+    instructionSpan.className = 'govuk-body govuk-file-upload-button__instruction';
+    instructionSpan.innerText = this.i18n.t('dropInstruction');
+    containerSpan.appendChild(instructionSpan);
+    $button.appendChild(containerSpan);
+    $button.setAttribute('aria-labelledby', `${$label.id} ${commaSpan.id} ${$button.id}`);
+    $button.addEventListener('click', this.onClick.bind(this));
+    $button.addEventListener('dragover', event => {
+      event.preventDefault();
+    });
+    this.$root.insertAdjacentElement('afterbegin', $button);
+    this.$input.setAttribute('tabindex', '-1');
+    this.$input.setAttribute('aria-hidden', 'true');
+    this.$button = $button;
+    this.$status = $status;
+    this.$input.addEventListener('change', this.onChange.bind(this));
+    this.updateDisabledState();
+    this.observeDisabledState();
+    this.$announcements = document.createElement('span');
+    this.$announcements.classList.add('govuk-file-upload-announcements');
+    this.$announcements.classList.add('govuk-visually-hidden');
+    this.$announcements.setAttribute('aria-live', 'assertive');
+    this.$root.insertAdjacentElement('afterend', this.$announcements);
+    this.$button.addEventListener('drop', this.onDrop.bind(this));
+    document.addEventListener('dragenter', this.updateDropzoneVisibility.bind(this));
+    document.addEventListener('dragenter', () => {
+      this.enteredAnotherElement = true;
+    });
+    document.addEventListener('dragleave', () => {
+      if (!this.enteredAnotherElement && !this.$button.disabled) {
+        this.hideDraggingState();
+        this.$announcements.innerText = this.i18n.t('leftDropZone');
+      }
+      this.enteredAnotherElement = false;
+    });
+  }
+  updateDropzoneVisibility(event) {
+    if (this.$button.disabled) return;
+    if (event.target instanceof Node) {
+      if (this.$root.contains(event.target)) {
+        if (event.dataTransfer && isContainingFiles(event.dataTransfer)) {
+          if (!this.$button.classList.contains('govuk-file-upload-button--dragging')) {
+            this.showDraggingState();
+            this.$announcements.innerText = this.i18n.t('enteredDropZone');
+          }
+        }
+      } else {
+        if (this.$button.classList.contains('govuk-file-upload-button--dragging')) {
+          this.hideDraggingState();
+          this.$announcements.innerText = this.i18n.t('leftDropZone');
+        }
+      }
+    }
+  }
+  showDraggingState() {
+    this.$button.classList.add('govuk-file-upload-button--dragging');
+  }
+  hideDraggingState() {
+    this.$button.classList.remove('govuk-file-upload-button--dragging');
+  }
+  onDrop(event) {
+    event.preventDefault();
+    if (event.dataTransfer && isContainingFiles(event.dataTransfer)) {
+      this.$input.files = event.dataTransfer.files;
+      this.$input.dispatchEvent(new CustomEvent('change'));
+      this.hideDraggingState();
+    }
+  }
+  onChange() {
+    const fileCount = this.$input.files.length;
+    if (fileCount === 0) {
+      this.$status.innerText = this.i18n.t('noFileChosen');
+      this.$button.classList.add('govuk-file-upload-button--empty');
+    } else {
+      if (fileCount === 1) {
+        this.$status.innerText = this.$input.files[0].name;
+      } else {
+        this.$status.innerText = this.i18n.t('multipleFilesChosen', {
+          count: fileCount
+        });
+      }
+      this.$button.classList.remove('govuk-file-upload-button--empty');
+    }
+  }
+  findLabel() {
+    const $label = document.querySelector(`label[for="${this.$input.id}"]`);
+    if (!$label) {
+      throw new ElementError({
+        component: FileUpload,
+        identifier: `Field label (\`<label for=${this.$input.id}>\`)`
+      });
+    }
+    return $label;
+  }
+  onClick() {
+    this.$input.click();
+  }
+  observeDisabledState() {
+    const observer = new MutationObserver(mutationList => {
+      for (const mutation of mutationList) {
+        if (mutation.type === 'attributes' && mutation.attributeName === 'disabled') {
+          this.updateDisabledState();
+        }
+      }
+    });
+    observer.observe(this.$input, {
+      attributes: true
+    });
+  }
+  updateDisabledState() {
+    this.$button.disabled = this.$input.disabled;
+    this.$root.classList.toggle('govuk-drop-zone--disabled', this.$button.disabled);
+  }
+}
+FileUpload.moduleName = 'govuk-file-upload';
+FileUpload.defaults = Object.freeze({
+  i18n: {
+    chooseFilesButton: 'Choose file',
+    dropInstruction: 'or drop file',
+    noFileChosen: 'No file chosen',
+    multipleFilesChosen: {
+      one: '%{count} file chosen',
+      other: '%{count} files chosen'
+    },
+    enteredDropZone: 'Entered drop zone',
+    leftDropZone: 'Left drop zone'
+  }
+});
+FileUpload.schema = Object.freeze({
+  properties: {
+    i18n: {
+      type: 'object'
+    }
+  }
+});
+function isContainingFiles(dataTransfer) {
+  const hasNoTypesInfo = dataTransfer.types.length === 0;
+  const isDraggingFiles = dataTransfer.types.some(type => type === 'Files');
+  return hasNoTypesInfo || isDraggingFiles;
+}
+
+/**
+ * @typedef {HTMLInputElement & {files: FileList}} HTMLFileInputElement
+ */
+
+/**
+ * File upload config
+ *
+ * @see {@link FileUpload.defaults}
+ * @typedef {object} FileUploadConfig
+ * @property {FileUploadTranslations} [i18n=FileUpload.defaults.i18n] - File upload translations
+ */
+
+/**
+ * File upload translations
+ *
+ * @see {@link FileUpload.defaults.i18n}
+ * @typedef {object} FileUploadTranslations
+ *
+ * Messages used by the component
+ * @property {string} [chooseFile] - The text of the button that opens the file picker
+ * @property {string} [dropInstruction] - The text informing users they can drop files
+ * @property {TranslationPluralForms} [multipleFilesChosen] - The text displayed when multiple files
+ *   have been chosen by the user
+ * @property {string} [noFileChosen] - The text to displayed when no file has been chosen by the user
+ * @property {string} [enteredDropZone] - The text announced by assistive technology
+ *   when user drags files and enters the drop zone
+ * @property {string} [leftDropZone] - The text announced by assistive technology
+ *   when user drags files and leaves the drop zone without dropping
+ */
+
+/**
+ * @import { Schema } from '../../common/configuration.mjs'
+ * @import { TranslationPluralForms } from '../../i18n.mjs'
+ */
+
+export { FileUpload };
+//# sourceMappingURL=file-upload.bundle.mjs.map
diff --git a/app/templates/govuk/components/components/file-upload/file-upload.bundle.mjs.map b/app/templates/govuk/components/components/file-upload/file-upload.bundle.mjs.map
new file mode 100644
index 0000000..24e1283
--- /dev/null
+++ b/app/templates/govuk/components/components/file-upload/file-upload.bundle.mjs.map
@@ -0,0 +1 @@
+{"version":3,"file":"file-upload.bundle.mjs","sources":["../../../../src/govuk/common/closest-attribute-value.mjs","../../../../src/govuk/common/index.mjs","../../../../src/govuk/errors/index.mjs","../../../../src/govuk/component.mjs","../../../../src/govuk/common/configuration.mjs","../../../../src/govuk/i18n.mjs","../../../../src/govuk/components/file-upload/file-upload.mjs"],"sourcesContent":["/**\n * Returns the value of the given attribute closest to the given element (including itself)\n *\n * @internal\n * @param {Element} $element - The element to start walking the DOM tree up\n * @param {string} attributeName - The name of the attribute\n * @returns {string | null} Attribute value\n */\nexport function closestAttributeValue($element, attributeName) {\n  const $closestElementWithAttribute = $element.closest(`[${attributeName}]`)\n  return $closestElementWithAttribute\n    ? $closestElementWithAttribute.getAttribute(attributeName)\n    : null\n}\n","/**\n * Common helpers which do not require polyfill.\n *\n * IMPORTANT: If a helper require a polyfill, please isolate it in its own module\n * so that the polyfill can be properly tree-shaken and does not burden\n * the components that do not need that helper\n */\n\n/**\n * Get GOV.UK Frontend breakpoint value from CSS custom property\n *\n * @private\n * @param {string} name - Breakpoint name\n * @returns {{ property: string, value?: string }} Breakpoint object\n */\nexport function getBreakpoint(name) {\n  const property = `--govuk-breakpoint-${name}`\n\n  // Get value from `<html>` with breakpoints on CSS :root\n  const value = window\n    .getComputedStyle(document.documentElement)\n    .getPropertyValue(property)\n\n  return {\n    property,\n    value: value || undefined\n  }\n}\n\n/**\n * Move focus to element\n *\n * Sets tabindex to -1 to make the element programmatically focusable,\n * but removes it on blur as the element doesn't need to be focused again.\n *\n * @private\n * @template {HTMLElement} FocusElement\n * @param {FocusElement} $element - HTML element\n * @param {object} [options] - Handler options\n * @param {function(this: FocusElement): void} [options.onBeforeFocus] - Callback before focus\n * @param {function(this: FocusElement): void} [options.onBlur] - Callback on blur\n */\nexport function setFocus($element, options = {}) {\n  const isFocusable = $element.getAttribute('tabindex')\n\n  if (!isFocusable) {\n    $element.setAttribute('tabindex', '-1')\n  }\n\n  /**\n   * Handle element focus\n   */\n  function onFocus() {\n    $element.addEventListener('blur', onBlur, { once: true })\n  }\n\n  /**\n   * Handle element blur\n   */\n  function onBlur() {\n    options.onBlur?.call($element)\n\n    if (!isFocusable) {\n      $element.removeAttribute('tabindex')\n    }\n  }\n\n  // Add listener to reset element on blur, after focus\n  $element.addEventListener('focus', onFocus, { once: true })\n\n  // Focus element\n  options.onBeforeFocus?.call($element)\n  $element.focus()\n}\n\n/**\n * Checks if component is already initialised\n *\n * @internal\n * @param {Element} $root - HTML element to be checked\n * @param {string} moduleName - name of component module\n * @returns {boolean} Whether component is already initialised\n */\nexport function isInitialised($root, moduleName) {\n  return (\n    $root instanceof HTMLElement &&\n    $root.hasAttribute(`data-${moduleName}-init`)\n  )\n}\n\n/**\n * Checks if GOV.UK Frontend is supported on this page\n *\n * Some browsers will load and run our JavaScript but GOV.UK Frontend\n * won't be supported.\n *\n * @param {HTMLElement | null} [$scope] - (internal) `<body>` HTML element checked for browser support\n * @returns {boolean} Whether GOV.UK Frontend is supported on this page\n */\nexport function isSupported($scope = document.body) {\n  if (!$scope) {\n    return false\n  }\n\n  return $scope.classList.contains('govuk-frontend-supported')\n}\n\n/**\n * Check for an array\n *\n * @internal\n * @param {unknown} option - Option to check\n * @returns {boolean} Whether the option is an array\n */\nfunction isArray(option) {\n  return Array.isArray(option)\n}\n\n/**\n * Check for an object\n *\n * @internal\n * @template {Partial<Record<keyof ObjectType, unknown>>} ObjectType\n * @param {unknown | ObjectType} option - Option to check\n * @returns {option is ObjectType} Whether the option is an object\n */\nexport function isObject(option) {\n  return !!option && typeof option === 'object' && !isArray(option)\n}\n\n/**\n * Check for valid scope\n *\n * @internal\n * @template {Element | Document} ScopeType\n * @param {unknown | ScopeType} $scope - Scope of the document to search within\n * @returns {$scope is ScopeType} Whether the scope can be queried\n */\nexport function isScope($scope) {\n  return !!$scope && ($scope instanceof Element || $scope instanceof Document)\n}\n\n/**\n * Format error message\n *\n * @internal\n * @param {ComponentWithModuleName} Component - Component that threw the error\n * @param {string} message - Error message\n * @returns {string} - Formatted error message\n */\nexport function formatErrorMessage(Component, message) {\n  return `${Component.moduleName}: ${message}`\n}\n\n/* eslint-disable jsdoc/valid-types --\n * `{new(...args: any[] ): object}` is not recognised as valid\n * https://github.com/gajus/eslint-plugin-jsdoc/issues/145#issuecomment-1308722878\n * https://github.com/jsdoc-type-pratt-parser/jsdoc-type-pratt-parser/issues/131\n **/\n\n/**\n * @typedef ComponentWithModuleName\n * @property {string} moduleName - Name of the component\n */\n\n/* eslint-enable jsdoc/valid-types */\n","import { formatErrorMessage, isObject } from '../common/index.mjs'\n\n/**\n * GOV.UK Frontend error\n *\n * A base class for `Error`s thrown by GOV.UK Frontend.\n *\n * It is meant to be extended into specific types of errors\n * to be thrown by our code.\n *\n * @example\n * ```js\n * class MissingRootError extends GOVUKFrontendError {\n *   // Setting an explicit name is important as extending the class will not\n *   // set a new `name` on the subclass. The `name` property is important\n *   // to ensure intelligible error names even if the class name gets\n *   // mangled by a minifier\n *   name = \"MissingRootError\"\n * }\n * ```\n * @virtual\n */\nexport class GOVUKFrontendError extends Error {\n  name = 'GOVUKFrontendError'\n}\n\n/**\n * Indicates that GOV.UK Frontend is not supported\n */\nexport class SupportError extends GOVUKFrontendError {\n  name = 'SupportError'\n\n  /**\n   * Checks if GOV.UK Frontend is supported on this page\n   *\n   * @param {HTMLElement | null} [$scope] - HTML element `<body>` checked for browser support\n   */\n  constructor($scope = document.body) {\n    const supportMessage =\n      'noModule' in HTMLScriptElement.prototype\n        ? 'GOV.UK Frontend initialised without `<body class=\"govuk-frontend-supported\">` from template `<script>` snippet'\n        : 'GOV.UK Frontend is not supported in this browser'\n\n    super(\n      $scope\n        ? supportMessage\n        : 'GOV.UK Frontend initialised without `<script type=\"module\">`'\n    )\n  }\n}\n\n/**\n * Indicates that a component has received an illegal configuration\n */\nexport class ConfigError extends GOVUKFrontendError {\n  name = 'ConfigError'\n}\n\n/**\n * Indicates an issue with an element (possibly `null` or `undefined`)\n */\nexport class ElementError extends GOVUKFrontendError {\n  name = 'ElementError'\n\n  /**\n   * @internal\n   * @overload\n   * @param {string} message - Element error message\n   */\n\n  /**\n   * @internal\n   * @overload\n   * @param {ElementErrorOptions} options - Element error options\n   */\n\n  /**\n   * @internal\n   * @param {string | ElementErrorOptions} messageOrOptions - Element error message or options\n   */\n  constructor(messageOrOptions) {\n    let message = typeof messageOrOptions === 'string' ? messageOrOptions : ''\n\n    // Build message from options\n    if (isObject(messageOrOptions)) {\n      const { component, identifier, element, expectedType } = messageOrOptions\n\n      message = identifier\n\n      // Append reason\n      message += element\n        ? ` is not of type ${expectedType ?? 'HTMLElement'}`\n        : ' not found'\n\n      // Prepend with module name (optional)\n      if (component) {\n        message = formatErrorMessage(component, message)\n      }\n    }\n\n    super(message)\n  }\n}\n\n/**\n * Indicates that a component is already initialised\n */\nexport class InitError extends GOVUKFrontendError {\n  name = 'InitError'\n\n  /**\n   * @internal\n   * @param {ComponentWithModuleName | string} componentOrMessage - name of the component module\n   */\n  constructor(componentOrMessage) {\n    const message =\n      typeof componentOrMessage === 'string'\n        ? componentOrMessage\n        : formatErrorMessage(\n            componentOrMessage,\n            `Root element (\\`$root\\`) already initialised`\n          )\n\n    super(message)\n  }\n}\n\n/**\n * Element error options\n *\n * @internal\n * @typedef {object} ElementErrorOptions\n * @property {Element | Document | null} [element] - The element in error (optional)\n * @property {ComponentWithModuleName} [component] - Component throwing the error (optional)\n * @property {string} identifier - An identifier that'll let the user understand which element has an error. This is whatever makes the most sense\n * @property {string} [expectedType] - The type that was expected for the identifier (optional)\n */\n\n/**\n * @import { ComponentWithModuleName } from '../common/index.mjs'\n */\n","import { isInitialised, isSupported } from './common/index.mjs'\nimport { ElementError, InitError, SupportError } from './errors/index.mjs'\n\n/**\n * Base Component class\n *\n * Centralises the behaviours shared by our components\n *\n * @virtual\n * @template {Element} [RootElementType=HTMLElement]\n */\nexport class Component {\n  /**\n   * @type {typeof Element}\n   */\n  static elementType = HTMLElement\n\n  // allows Typescript user to work around the lack of types\n  // in GOVUKFrontend package, Typescript is not aware of $root\n  // in components that extend GOVUKFrontendComponent\n  /**\n   * Returns the root element of the component\n   *\n   * @protected\n   * @returns {RootElementType} - the root element of component\n   */\n  get $root() {\n    return this._$root\n  }\n\n  /**\n   * @protected\n   * @type {RootElementType}\n   */\n  _$root\n\n  /**\n   * Constructs a new component, validating that GOV.UK Frontend is supported\n   *\n   * @internal\n   * @param {Element | null} [$root] - HTML element to use for component\n   */\n  constructor($root) {\n    const childConstructor = /** @type {ChildClassConstructor} */ (\n      this.constructor\n    )\n\n    // TypeScript does not enforce that inheriting classes will define a `moduleName`\n    // (even if we add a `@virtual` `static moduleName` property to this class).\n    // While we trust users to do this correctly, we do a little check to provide them\n    // a helpful error message.\n    //\n    // After this, we'll be sure that `childConstructor` has a `moduleName`\n    // as expected of the `ChildClassConstructor` we've cast `this.constructor` to.\n    if (typeof childConstructor.moduleName !== 'string') {\n      throw new InitError(`\\`moduleName\\` not defined in component`)\n    }\n\n    if (!($root instanceof childConstructor.elementType)) {\n      throw new ElementError({\n        element: $root,\n        component: childConstructor,\n        identifier: 'Root element (`$root`)',\n        expectedType: childConstructor.elementType.name\n      })\n    } else {\n      this._$root = /** @type {RootElementType} */ ($root)\n    }\n\n    childConstructor.checkSupport()\n\n    this.checkInitialised()\n\n    const moduleName = childConstructor.moduleName\n\n    this.$root.setAttribute(`data-${moduleName}-init`, '')\n  }\n\n  /**\n   * Validates whether component is already initialised\n   *\n   * @private\n   * @throws {InitError} when component is already initialised\n   */\n  checkInitialised() {\n    const constructor = /** @type {ChildClassConstructor} */ (this.constructor)\n    const moduleName = constructor.moduleName\n\n    if (moduleName && isInitialised(this.$root, moduleName)) {\n      throw new InitError(constructor)\n    }\n  }\n\n  /**\n   * Validates whether components are supported\n   *\n   * @throws {SupportError} when the components are not supported\n   */\n  static checkSupport() {\n    if (!isSupported()) {\n      throw new SupportError()\n    }\n  }\n}\n\n/**\n * @typedef ChildClass\n * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component\n */\n\n/**\n * @typedef {typeof Component & ChildClass} ChildClassConstructor\n */\n","import { Component } from '../component.mjs'\nimport { ConfigError } from '../errors/index.mjs'\n\nimport { isObject, isScope, formatErrorMessage } from './index.mjs'\n\nexport const configOverride = Symbol.for('configOverride')\n\n/**\n * Base Component class\n *\n * Centralises the behaviours shared by our components\n *\n * @virtual\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]\n * @template {Element & { dataset: DOMStringMap }} [RootElementType=HTMLElement]\n * @augments Component<RootElementType>\n */\nexport class ConfigurableComponent extends Component {\n  /**\n   * configOverride\n   *\n   * Function which defines configuration overrides to prioritize\n   * properties from the root element's dataset.\n   *\n   * It should take a subset of configuration as input and return\n   * a new configuration object with properties that should be\n   * overridden based on the root element's dataset. A Symbol\n   * is used for indexing to prevent conflicts.\n   *\n   * @internal\n   * @virtual\n   * @param {Partial<ConfigurationType>} [param] - Configuration object\n   * @returns {Partial<ConfigurationType>} return - Configuration object\n   */\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  [configOverride](param) {\n    return {}\n  }\n\n  /**\n   * Returns the root element of the component\n   *\n   * @protected\n   * @returns {ConfigurationType} - the root element of component\n   */\n  get config() {\n    return this._config\n  }\n\n  /**\n   *\n   * @type {ConfigurationType}\n   */\n  _config\n\n  /**\n   * Constructs a new component, validating that GOV.UK Frontend is supported\n   *\n   * @internal\n   * @param {Element | null} [$root] - HTML element to use for component\n   * @param {ConfigurationType} [config] - HTML element to use for component\n   */\n  constructor($root, config) {\n    super($root)\n\n    const childConstructor =\n      /** @type {ChildClassConstructor<ConfigurationType>} */ (this.constructor)\n\n    if (!isObject(childConstructor.defaults)) {\n      throw new ConfigError(\n        formatErrorMessage(\n          childConstructor,\n          'Config passed as parameter into constructor but no defaults defined'\n        )\n      )\n    }\n\n    const datasetConfig = /** @type {ConfigurationType} */ (\n      normaliseDataset(childConstructor, this._$root.dataset)\n    )\n\n    this._config = /** @type {ConfigurationType} */ (\n      mergeConfigs(\n        childConstructor.defaults,\n        config ?? {},\n        this[configOverride](datasetConfig),\n        datasetConfig\n      )\n    )\n  }\n}\n\n/**\n * Normalise string\n *\n * 'If it looks like a duck, and it quacks like a duck…' 🦆\n *\n * If the passed value looks like a boolean or a number, convert it to a boolean\n * or number.\n *\n * Designed to be used to convert config passed via data attributes (which are\n * always strings) into something sensible.\n *\n * @internal\n * @param {DOMStringMap[string]} value - The value to normalise\n * @param {SchemaProperty} [property] - Component schema property\n * @returns {string | boolean | number | undefined} Normalised data\n */\nexport function normaliseString(value, property) {\n  const trimmedValue = value ? value.trim() : ''\n\n  let output\n  let outputType = property?.type\n\n  // No schema type set? Determine automatically\n  if (!outputType) {\n    if (['true', 'false'].includes(trimmedValue)) {\n      outputType = 'boolean'\n    }\n\n    // Empty / whitespace-only strings are considered finite so we need to check\n    // the length of the trimmed string as well\n    if (trimmedValue.length > 0 && isFinite(Number(trimmedValue))) {\n      outputType = 'number'\n    }\n  }\n\n  switch (outputType) {\n    case 'boolean':\n      output = trimmedValue === 'true'\n      break\n\n    case 'number':\n      output = Number(trimmedValue)\n      break\n\n    default:\n      output = value\n  }\n\n  return output\n}\n\n/**\n * Normalise dataset\n *\n * Loop over an object and normalise each value using {@link normaliseString},\n * optionally expanding nested `i18n.field`\n *\n * @internal\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @template {[keyof ConfigurationType, SchemaProperty | undefined][]} SchemaEntryType\n * @param {{ schema?: Schema<ConfigurationType>, moduleName: string }} Component - Component class\n * @param {DOMStringMap} dataset - HTML element dataset\n * @returns {ObjectNested} Normalised dataset\n */\nexport function normaliseDataset(Component, dataset) {\n  if (!isObject(Component.schema)) {\n    throw new ConfigError(\n      formatErrorMessage(\n        Component,\n        'Config passed as parameter into constructor but no schema defined'\n      )\n    )\n  }\n\n  const out = /** @type {ObjectNested} */ ({})\n  const entries = /** @type {SchemaEntryType} */ (\n    Object.entries(Component.schema.properties)\n  )\n\n  // Normalise top-level dataset ('data-*') values using schema types\n  for (const entry of entries) {\n    const [namespace, property] = entry\n\n    // Cast the `namespace` to string so it can be used to access the dataset\n    const field = namespace.toString()\n\n    if (field in dataset) {\n      out[field] = normaliseString(dataset[field], property)\n    }\n\n    /**\n     * Extract and normalise nested object values automatically using\n     * {@link normaliseString} but only schema object types are allowed\n     */\n    if (property?.type === 'object') {\n      out[field] = extractConfigByNamespace(\n        Component.schema,\n        dataset,\n        namespace\n      )\n    }\n  }\n\n  return out\n}\n\n/**\n * Normalise options passed to `initAll` or `createAll`\n *\n * @internal\n * @template {CompatibleClass} ComponentClass\n * @param {Config | CreateAllOptions<ComponentClass> | OnErrorCallback<ComponentClass> | Element | Document | null} [scopeOrOptions] - Scope of the document to search within, initialisation options or error callback function\n * @returns {CreateAllOptions<ComponentClass>} Normalised options\n */\nexport function normaliseOptions(scopeOrOptions) {\n  let /** @type {Element | Document | null} */ $scope = document\n  let /** @type {OnErrorCallback<ComponentClass> | undefined} */ onError\n\n  // Handle options object\n  if (isObject(scopeOrOptions)) {\n    const options = scopeOrOptions\n\n    // Scope must be valid or null\n    if (isScope(options.scope) || options.scope === null) {\n      $scope = options.scope\n    }\n\n    // Error handler must be a function\n    if (typeof options.onError === 'function') {\n      onError = options.onError\n    }\n  }\n\n  if (isScope(scopeOrOptions)) {\n    $scope = scopeOrOptions\n  } else if (scopeOrOptions === null) {\n    $scope = null\n  } else if (typeof scopeOrOptions === 'function') {\n    onError = scopeOrOptions\n  }\n\n  return {\n    scope: $scope,\n    onError\n  }\n}\n\n/**\n * Config merging function\n *\n * Takes any number of objects and combines them together, with\n * greatest priority on the LAST item passed in.\n *\n * @internal\n * @param {...{ [key: string]: unknown }} configObjects - Config objects to merge\n * @returns {{ [key: string]: unknown }} A merged config object\n */\nexport function mergeConfigs(...configObjects) {\n  // Start with an empty object as our base\n  /** @type {{ [key: string]: unknown }} */\n  const formattedConfigObject = {}\n\n  // Loop through each of the passed objects\n  for (const configObject of configObjects) {\n    for (const key of Object.keys(configObject)) {\n      const option = formattedConfigObject[key]\n      const override = configObject[key]\n\n      // Push their keys one-by-one into formattedConfigObject. Any duplicate\n      // keys with object values will be merged, otherwise the new value will\n      // override the existing value.\n      if (isObject(option) && isObject(override)) {\n        formattedConfigObject[key] = mergeConfigs(option, override)\n      } else {\n        // Apply override\n        formattedConfigObject[key] = override\n      }\n    }\n  }\n\n  return formattedConfigObject\n}\n\n/**\n * Validate component config by schema\n *\n * Follows limited examples in JSON schema for wider support in future\n *\n * {@link https://ajv.js.org/json-schema.html#compound-keywords}\n * {@link https://ajv.js.org/packages/ajv-errors.html#single-message}\n *\n * @internal\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @param {Schema<ConfigurationType>} schema - The schema of a component\n * @param {ConfigurationType} config - Component config\n * @returns {string[]} List of validation errors\n */\nexport function validateConfig(schema, config) {\n  const validationErrors = []\n\n  // Check errors for each schema\n  for (const [name, conditions] of Object.entries(schema)) {\n    const errors = []\n\n    // Check errors for each schema condition\n    if (Array.isArray(conditions)) {\n      for (const { required, errorMessage } of conditions) {\n        if (!required.every((key) => !!config[key])) {\n          errors.push(errorMessage) // Missing config key value\n        }\n      }\n\n      // Check one condition passes or add errors\n      if (name === 'anyOf' && !(conditions.length - errors.length >= 1)) {\n        validationErrors.push(...errors)\n      }\n    }\n  }\n\n  return validationErrors\n}\n\n/**\n * Extracts keys starting with a particular namespace from dataset ('data-*')\n * object, removing the namespace in the process, normalising all values\n *\n * @internal\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @param {Schema<ConfigurationType>} schema - The schema of a component\n * @param {DOMStringMap} dataset - The object to extract key-value pairs from\n * @param {keyof ConfigurationType} namespace - The namespace to filter keys with\n * @returns {ObjectNested | undefined} Nested object with dot-separated key namespace removed\n */\nexport function extractConfigByNamespace(schema, dataset, namespace) {\n  const property = schema.properties[namespace]\n\n  // Only extract configs for object schema properties\n  if (property?.type !== 'object') {\n    return\n  }\n\n  // Add default empty config\n  const newObject = /** @type {Record<typeof namespace, ObjectNested>} */ ({\n    [namespace]: {}\n  })\n\n  for (const [key, value] of Object.entries(dataset)) {\n    /** @type {ObjectNested | ObjectNested[NestedKey]} */\n    let current = newObject\n\n    // Split the key into parts, using . as our namespace separator\n    const keyParts = key.split('.')\n\n    /**\n     * Create new level per part\n     *\n     * e.g. 'i18n.textareaDescription.other' becomes\n     * `{ i18n: { textareaDescription: { other } } }`\n     */\n    for (const [index, name] of keyParts.entries()) {\n      if (isObject(current)) {\n        // Drop down to nested object until the last part\n        if (index < keyParts.length - 1) {\n          // New nested object (optionally) replaces existing value\n          if (!isObject(current[name])) {\n            current[name] = {}\n          }\n\n          // Drop down into new or existing nested object\n          current = current[name]\n        } else if (key !== namespace) {\n          // Normalised value (optionally) replaces existing value\n          current[name] = normaliseString(value)\n        }\n      }\n    }\n  }\n\n  return newObject[namespace]\n}\n\n/**\n * @internal\n * @typedef {keyof ObjectNested} NestedKey\n * @typedef {{ [key: string]: string | boolean | number | ObjectNested | undefined }} ObjectNested\n */\n\n/**\n * Schema for component config\n *\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @typedef {object} Schema\n * @property {Record<keyof ConfigurationType, SchemaProperty | undefined>} properties - Schema properties\n * @property {SchemaCondition<ConfigurationType>[]} [anyOf] - List of schema conditions\n */\n\n/**\n * Schema property for component config\n *\n * @typedef {object} SchemaProperty\n * @property {'string' | 'boolean' | 'number' | 'object'} type - Property type\n */\n\n/**\n * Schema condition for component config\n *\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @typedef {object} SchemaCondition\n * @property {(keyof ConfigurationType)[]} required - List of required config fields\n * @property {string} errorMessage - Error message when required config fields not provided\n */\n\n/**\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]\n * @typedef ChildClass\n * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component\n * @property {Schema<ConfigurationType>} [schema] - The schema of the component configuration\n * @property {ConfigurationType} [defaults] - The default values of the configuration of the component\n */\n\n/**\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]\n * @typedef {typeof Component & ChildClass<ConfigurationType>} ChildClassConstructor<ConfigurationType>\n */\n\n/**\n * @import { CompatibleClass, Config, CreateAllOptions, OnErrorCallback } from '../init.mjs'\n */\n","import { isObject } from './common/index.mjs'\n\n/**\n * Internal support for selecting messages to render, with placeholder\n * interpolation and locale-aware number formatting and pluralisation\n *\n * @internal\n */\nexport class I18n {\n  translations\n  locale\n\n  /**\n   * @internal\n   * @param {{ [key: string]: string | TranslationPluralForms }} translations - Key-value pairs of the translation strings to use.\n   * @param {object} [config] - Configuration options for the function.\n   * @param {string | null} [config.locale] - An overriding locale for the PluralRules functionality.\n   */\n  constructor(translations = {}, config = {}) {\n    // Make list of translations available throughout function\n    this.translations = translations\n\n    // The locale to use for PluralRules and NumberFormat\n    this.locale = config.locale ?? (document.documentElement.lang || 'en')\n  }\n\n  /**\n   * The most used function - takes the key for a given piece of UI text and\n   * returns the appropriate string.\n   *\n   * @internal\n   * @param {string} lookupKey - The lookup key of the string to use.\n   * @param {{ [key: string]: unknown }} [options] - Any options passed with the translation string, e.g: for string interpolation.\n   * @returns {string} The appropriate translation string.\n   * @throws {Error} Lookup key required\n   * @throws {Error} Options required for `${}` placeholders\n   */\n  t(lookupKey, options) {\n    if (!lookupKey) {\n      // Print a console error if no lookup key has been provided\n      throw new Error('i18n: lookup key missing')\n    }\n\n    // Fetch the translation for that lookup key\n    let translation = this.translations[lookupKey]\n\n    // If the `count` option is set, determine which plural suffix is needed and\n    // change the lookupKey to match. We check to see if it's numeric instead of\n    // falsy, as this could legitimately be 0.\n    if (typeof options?.count === 'number' && isObject(translation)) {\n      const translationPluralForm =\n        translation[this.getPluralSuffix(lookupKey, options.count)]\n\n      // Update translation with plural suffix\n      if (translationPluralForm) {\n        translation = translationPluralForm\n      }\n    }\n\n    if (typeof translation === 'string') {\n      // Check for ${} placeholders in the translation string\n      // eslint-disable-next-line @typescript-eslint/prefer-regexp-exec\n      if (translation.match(/%{(.\\S+)}/)) {\n        if (!options) {\n          throw new Error(\n            'i18n: cannot replace placeholders in string if no option data provided'\n          )\n        }\n\n        return this.replacePlaceholders(translation, options)\n      }\n\n      return translation\n    }\n\n    // If the key wasn't found in our translations object,\n    // return the lookup key itself as the fallback\n    return lookupKey\n  }\n\n  /**\n   * Takes a translation string with placeholders, and replaces the placeholders\n   * with the provided data\n   *\n   * @internal\n   * @param {string} translationString - The translation string\n   * @param {{ [key: string]: unknown }} options - Any options passed with the translation string, e.g: for string interpolation.\n   * @returns {string} The translation string to output, with $\\{\\} placeholders replaced\n   */\n  replacePlaceholders(translationString, options) {\n    const formatter = Intl.NumberFormat.supportedLocalesOf(this.locale).length\n      ? new Intl.NumberFormat(this.locale)\n      : undefined\n\n    return translationString.replace(\n      /%{(.\\S+)}/g,\n\n      /**\n       * Replace translation string placeholders\n       *\n       * @internal\n       * @param {string} placeholderWithBraces - Placeholder with braces\n       * @param {string} placeholderKey - Placeholder key\n       * @returns {string} Placeholder value\n       */\n      function (placeholderWithBraces, placeholderKey) {\n        if (Object.prototype.hasOwnProperty.call(options, placeholderKey)) {\n          const placeholderValue = options[placeholderKey]\n\n          // If a user has passed `false` as the value for the placeholder\n          // treat it as though the value should not be displayed\n          if (\n            placeholderValue === false ||\n            (typeof placeholderValue !== 'number' &&\n              typeof placeholderValue !== 'string')\n          ) {\n            return ''\n          }\n\n          // If the placeholder's value is a number, localise the number formatting\n          if (typeof placeholderValue === 'number') {\n            return formatter\n              ? formatter.format(placeholderValue)\n              : `${placeholderValue}`\n          }\n\n          return placeholderValue\n        }\n\n        throw new Error(\n          `i18n: no data found to replace ${placeholderWithBraces} placeholder in string`\n        )\n      }\n    )\n  }\n\n  /**\n   * Check to see if the browser supports Intl.PluralRules\n   *\n   * It requires all conditions to be met in order to be supported:\n   * - The implementation of Intl supports PluralRules (NOT true in Safari 10–12)\n   * - The browser/OS has plural rules for the current locale (browser dependent)\n   *\n   * {@link https://browsersl.ist/#q=supports+es6-module+and+not+supports+intl-pluralrules}\n   *\n   * @internal\n   * @returns {boolean} Returns true if all conditions are met. Returns false otherwise.\n   */\n  hasIntlPluralRulesSupport() {\n    return Boolean(\n      'PluralRules' in window.Intl &&\n        Intl.PluralRules.supportedLocalesOf(this.locale).length\n    )\n  }\n\n  /**\n   * Get the appropriate suffix for the plural form.\n   *\n   * Uses Intl.PluralRules (or our own fallback implementation) to get the\n   * 'preferred' form to use for the given count.\n   *\n   * Checks that a translation has been provided for that plural form – if it\n   * hasn't, it'll fall back to the 'other' plural form (unless that doesn't exist\n   * either, in which case an error will be thrown)\n   *\n   * @internal\n   * @param {string} lookupKey - The lookup key of the string to use.\n   * @param {number} count - Number used to determine which pluralisation to use.\n   * @returns {PluralRule} The suffix associated with the correct pluralisation for this locale.\n   * @throws {Error} Plural form `.other` required when preferred plural form is missing\n   */\n  getPluralSuffix(lookupKey, count) {\n    // Validate that the number is actually a number.\n    //\n    // Number(count) will turn anything that can't be converted to a Number type\n    // into 'NaN'. isFinite filters out NaN, as it isn't a finite number.\n    // eslint-disable-next-line @typescript-eslint/no-unnecessary-type-conversion\n    count = Number(count)\n    if (!isFinite(count)) {\n      return 'other'\n    }\n\n    // Fetch the translation for that lookup key\n    const translation = this.translations[lookupKey]\n\n    // Check to verify that all the requirements for Intl.PluralRules are met.\n    // If so, we can use that instead of our custom implementation. Otherwise,\n    // use the hardcoded fallback.\n    const preferredForm = this.hasIntlPluralRulesSupport()\n      ? new Intl.PluralRules(this.locale).select(count)\n      : 'other'\n\n    // Use the correct plural form if provided\n    if (isObject(translation)) {\n      if (preferredForm in translation) {\n        return preferredForm\n        // Fall back to `other` if the plural form is missing, but log a warning\n        // to the console\n      } else if ('other' in translation) {\n        console.warn(\n          `i18n: Missing plural form \".${preferredForm}\" for \"${this.locale}\" locale. Falling back to \".other\".`\n        )\n\n        return 'other'\n      }\n    }\n\n    // If the required `other` plural form is missing, all we can do is error\n    throw new Error(\n      `i18n: Plural form \".other\" is required for \"${this.locale}\" locale`\n    )\n  }\n}\n\n/**\n * Plural rule category mnemonic tags\n *\n * @internal\n * @typedef {'zero' | 'one' | 'two' | 'few' | 'many' | 'other'} PluralRule\n */\n\n/**\n * Translated message by plural rule they correspond to.\n *\n * Allows to group pluralised messages under a single key when passing\n * translations to a component's constructor\n *\n * @internal\n * @typedef {object} TranslationPluralForms\n * @property {string} [other] - General plural form\n * @property {string} [zero] - Plural form used with 0\n * @property {string} [one] - Plural form used with 1\n * @property {string} [two] - Plural form used with 2\n * @property {string} [few] - Plural form used for a few\n * @property {string} [many] - Plural form used for many\n */\n","import { closestAttributeValue } from '../../common/closest-attribute-value.mjs'\nimport { ConfigurableComponent } from '../../common/configuration.mjs'\nimport { formatErrorMessage } from '../../common/index.mjs'\nimport { ElementError } from '../../errors/index.mjs'\nimport { I18n } from '../../i18n.mjs'\n\n/**\n * File upload component\n *\n * @preserve\n * @augments ConfigurableComponent<FileUploadConfig>\n */\nexport class FileUpload extends ConfigurableComponent {\n  /**\n   * @private\n   * @type {HTMLFileInputElement}\n   */\n  $input\n\n  /**\n   * @private\n   */\n  $button\n\n  /**\n   * @private\n   */\n  $status\n\n  /** @private */\n  i18n\n\n  /** @private */\n  id\n\n  /** @private */\n  $announcements\n\n  /**\n   * @private\n   * @type {boolean | undefined}\n   */\n  enteredAnotherElement\n\n  /**\n   * @param {Element | null} $root - File input element\n   * @param {FileUploadConfig} [config] - File Upload config\n   */\n  constructor($root, config = {}) {\n    super($root, config)\n\n    const $input = this.$root.querySelector('input')\n\n    if ($input === null) {\n      throw new ElementError({\n        component: FileUpload,\n        identifier: 'File inputs (`<input type=\"file\">`)'\n      })\n    }\n\n    if ($input.type !== 'file') {\n      throw new ElementError(\n        formatErrorMessage(\n          FileUpload,\n          'File input (`<input type=\"file\">`) attribute (`type`) is not `file`'\n        )\n      )\n    }\n\n    this.$input = /** @type {HTMLFileInputElement} */ ($input)\n\n    if (!this.$input.id) {\n      throw new ElementError({\n        component: FileUpload,\n        identifier: 'File input (`<input type=\"file\">`) attribute (`id`)'\n      })\n    }\n\n    this.id = this.$input.id\n\n    this.i18n = new I18n(this.config.i18n, {\n      // Read the fallback if necessary rather than have it set in the defaults\n      locale: closestAttributeValue(this.$root, 'lang')\n    })\n\n    const $label = this.findLabel()\n    // Add an ID to the label if it doesn't have one already\n    // so it can be referenced by `aria-labelledby`\n    if (!$label.id) {\n      $label.id = `${this.id}-label`\n    }\n\n    // we need to copy the 'id' of the root element\n    // to the new button replacement element\n    // so that focus will work in the error summary\n    this.$input.id = `${this.id}-input`\n\n    // Hide the native input\n    this.$input.setAttribute('hidden', 'true')\n\n    // Create the file selection button\n    const $button = document.createElement('button')\n    $button.classList.add('govuk-file-upload-button')\n    $button.type = 'button'\n    $button.id = this.id\n    $button.classList.add('govuk-file-upload-button--empty')\n\n    // Copy `aria-describedby` if present so hints and errors\n    // are associated to the `<button>`\n    const ariaDescribedBy = this.$input.getAttribute('aria-describedby')\n    if (ariaDescribedBy) {\n      $button.setAttribute('aria-describedby', ariaDescribedBy)\n    }\n\n    // Create status element that shows what/how many files are selected\n    const $status = document.createElement('span')\n    $status.className = 'govuk-body govuk-file-upload-button__status'\n    $status.setAttribute('aria-live', 'polite')\n    $status.innerText = this.i18n.t('noFileChosen')\n\n    $button.appendChild($status)\n\n    const commaSpan = document.createElement('span')\n    commaSpan.className = 'govuk-visually-hidden'\n    commaSpan.innerText = ', '\n    commaSpan.id = `${this.id}-comma`\n\n    $button.appendChild(commaSpan)\n\n    const containerSpan = document.createElement('span')\n    containerSpan.className =\n      'govuk-file-upload-button__pseudo-button-container'\n\n    const buttonSpan = document.createElement('span')\n    buttonSpan.className =\n      'govuk-button govuk-button--secondary govuk-file-upload-button__pseudo-button'\n    buttonSpan.innerText = this.i18n.t('chooseFilesButton')\n\n    containerSpan.appendChild(buttonSpan)\n\n    // Add a space so the button and instruction read correctly\n    // when CSS is disabled\n    containerSpan.insertAdjacentText('beforeend', ' ')\n\n    const instructionSpan = document.createElement('span')\n    instructionSpan.className =\n      'govuk-body govuk-file-upload-button__instruction'\n    instructionSpan.innerText = this.i18n.t('dropInstruction')\n\n    containerSpan.appendChild(instructionSpan)\n\n    $button.appendChild(containerSpan)\n    $button.setAttribute(\n      'aria-labelledby',\n      `${$label.id} ${commaSpan.id} ${$button.id}`\n    )\n    $button.addEventListener('click', this.onClick.bind(this))\n    $button.addEventListener('dragover', (event) => {\n      // prevent default to allow drop\n      event.preventDefault()\n    })\n\n    // Assemble these all together\n    this.$root.insertAdjacentElement('afterbegin', $button)\n\n    this.$input.setAttribute('tabindex', '-1')\n    this.$input.setAttribute('aria-hidden', 'true')\n\n    // Make all these new variables available to the module\n    this.$button = $button\n    this.$status = $status\n\n    // Bind change event to the underlying input\n    this.$input.addEventListener('change', this.onChange.bind(this))\n\n    // Synchronise the `disabled` state between the button and underlying input\n    this.updateDisabledState()\n    this.observeDisabledState()\n\n    // Handle drop zone visibility\n    // A live region to announce when users enter or leave the drop zone\n    this.$announcements = document.createElement('span')\n    this.$announcements.classList.add('govuk-file-upload-announcements')\n    this.$announcements.classList.add('govuk-visually-hidden')\n    this.$announcements.setAttribute('aria-live', 'assertive')\n    this.$root.insertAdjacentElement('afterend', this.$announcements)\n\n    // if there is no CSS and input is hidden\n    // button will need to handle drop event\n    this.$button.addEventListener('drop', this.onDrop.bind(this))\n\n    // While user is dragging, it gets a little more complex because of Safari.\n    // Safari doesn't fill `relatedTarget` on `dragleave` (nor `dragenter`).\n    // This means we can't use `relatedTarget` to:\n    // - check if the user is still within the wrapper\n    //   (`relatedTarget` being a descendant of the wrapper)\n    // - check if the user is still over the viewport\n    //   (`relatedTarget` being null if outside)\n\n    // Thanks to `dragenter` bubbling, we can listen on the `document` with a\n    // single function and update the visibility based on whether we entered a\n    // node inside or outside the wrapper.\n    document.addEventListener(\n      'dragenter',\n      this.updateDropzoneVisibility.bind(this)\n    )\n\n    // To detect if we're outside the document, we can track if there was a\n    // `dragenter` event preceding a `dragleave`. If there wasn't, this means\n    // we're outside the document.\n    //\n    // The order of events is guaranteed by the HTML specs:\n    // https://html.spec.whatwg.org/multipage/dnd.html#drag-and-drop-processing-model\n    document.addEventListener('dragenter', () => {\n      this.enteredAnotherElement = true\n    })\n\n    document.addEventListener('dragleave', () => {\n      if (!this.enteredAnotherElement && !this.$button.disabled) {\n        this.hideDraggingState()\n        this.$announcements.innerText = this.i18n.t('leftDropZone')\n      }\n\n      this.enteredAnotherElement = false\n    })\n  }\n\n  /**\n   * Updates the visibility of the dropzone as users enters the various elements on the page\n   *\n   * @private\n   * @param {DragEvent} event - The `dragenter` event\n   */\n  updateDropzoneVisibility(event) {\n    if (this.$button.disabled) return\n\n    // DOM interfaces only type `event.target` as `EventTarget`\n    // so we first need to make sure it's a `Node`\n    if (event.target instanceof Node) {\n      if (this.$root.contains(event.target)) {\n        if (event.dataTransfer && isContainingFiles(event.dataTransfer)) {\n          // Only update the class and make the announcement if not already visible\n          // to avoid repeated announcements on NVDA (2024.4) + Firefox (133)\n          if (\n            !this.$button.classList.contains(\n              'govuk-file-upload-button--dragging'\n            )\n          ) {\n            this.showDraggingState()\n            this.$announcements.innerText = this.i18n.t('enteredDropZone')\n          }\n        }\n      } else {\n        // Only hide the dropzone if it is visible to prevent announcing user\n        // left the drop zone when they enter the page but haven't reached yet\n        // the file upload component\n        if (\n          this.$button.classList.contains('govuk-file-upload-button--dragging')\n        ) {\n          this.hideDraggingState()\n          this.$announcements.innerText = this.i18n.t('leftDropZone')\n        }\n      }\n    }\n  }\n\n  /**\n   * Show the drop zone visually\n   *\n   * @private\n   */\n  showDraggingState() {\n    this.$button.classList.add('govuk-file-upload-button--dragging')\n  }\n\n  /**\n   * Hides the drop zone visually\n   *\n   * @private\n   */\n  hideDraggingState() {\n    this.$button.classList.remove('govuk-file-upload-button--dragging')\n  }\n\n  /**\n   * Handles user dropping on the component\n   *\n   * @private\n   * @param {DragEvent} event - The `dragenter` event\n   */\n  onDrop(event) {\n    event.preventDefault()\n\n    if (event.dataTransfer && isContainingFiles(event.dataTransfer)) {\n      this.$input.files = event.dataTransfer.files\n\n      // Dispatch a `change` event so external code that would rely on the `<input>`\n      // dispatching an event when files are dropped still work.\n      // Use a `CustomEvent` so our events are distinguishable from browser's native events\n      this.$input.dispatchEvent(new CustomEvent('change'))\n\n      this.hideDraggingState()\n    }\n  }\n\n  /**\n   * Check if the value of the underlying input has changed\n   *\n   * @private\n   */\n  onChange() {\n    const fileCount = this.$input.files.length\n\n    if (fileCount === 0) {\n      // If there are no files, show the default selection text\n      this.$status.innerText = this.i18n.t('noFileChosen')\n      this.$button.classList.add('govuk-file-upload-button--empty')\n    } else {\n      if (\n        // If there is 1 file, just show the file name\n        fileCount === 1\n      ) {\n        this.$status.innerText = this.$input.files[0].name\n      } else {\n        // Otherwise, tell the user how many files are selected\n        this.$status.innerText = this.i18n.t('multipleFilesChosen', {\n          count: fileCount\n        })\n      }\n\n      this.$button.classList.remove('govuk-file-upload-button--empty')\n    }\n  }\n\n  /**\n   * Looks up the `<label>` element associated to the field\n   *\n   * @private\n   * @returns {HTMLElement} The `<label>` element associated to the field\n   * @throws {ElementError} If the `<label>` cannot be found\n   */\n  findLabel() {\n    // Use `label` in the selector so TypeScript knows the type fo `HTMLElement`\n    const $label = document.querySelector(`label[for=\"${this.$input.id}\"]`)\n\n    if (!$label) {\n      throw new ElementError({\n        component: FileUpload,\n        identifier: `Field label (\\`<label for=${this.$input.id}>\\`)`\n      })\n    }\n\n    return $label\n  }\n\n  /**\n   * When the button is clicked, emulate clicking the actual, hidden file input\n   *\n   * @private\n   */\n  onClick() {\n    this.$input.click()\n  }\n\n  /**\n   * Create a mutation observer to check if the input's attributes altered.\n   *\n   * @private\n   */\n  observeDisabledState() {\n    const observer = new MutationObserver((mutationList) => {\n      for (const mutation of mutationList) {\n        if (\n          mutation.type === 'attributes' &&\n          mutation.attributeName === 'disabled'\n        ) {\n          this.updateDisabledState()\n        }\n      }\n    })\n\n    observer.observe(this.$input, {\n      attributes: true\n    })\n  }\n\n  /**\n   * Synchronise the `disabled` state between the input and replacement button.\n   *\n   * @private\n   */\n  updateDisabledState() {\n    this.$button.disabled = this.$input.disabled\n\n    this.$root.classList.toggle(\n      'govuk-drop-zone--disabled',\n      this.$button.disabled\n    )\n  }\n\n  /**\n   * Name for the component used when initialising using data-module attributes.\n   */\n  static moduleName = 'govuk-file-upload'\n\n  /**\n   * File upload default config\n   *\n   * @see {@link FileUploadConfig}\n   * @constant\n   * @type {FileUploadConfig}\n   */\n  static defaults = Object.freeze({\n    i18n: {\n      chooseFilesButton: 'Choose file',\n      dropInstruction: 'or drop file',\n      noFileChosen: 'No file chosen',\n      multipleFilesChosen: {\n        // the 'one' string isn't used as the component displays the filename\n        // instead, however it's here for coverage's sake\n        one: '%{count} file chosen',\n        other: '%{count} files chosen'\n      },\n      enteredDropZone: 'Entered drop zone',\n      leftDropZone: 'Left drop zone'\n    }\n  })\n\n  /**\n   * File upload config schema\n   *\n   * @constant\n   * @satisfies {Schema<FileUploadConfig>}\n   */\n  static schema = Object.freeze({\n    properties: {\n      i18n: { type: 'object' }\n    }\n  })\n}\n\n/**\n * Checks if the given `DataTransfer` contains files\n *\n * @internal\n * @param {DataTransfer} dataTransfer - The `DataTransfer` to check\n * @returns {boolean} - `true` if it contains files or we can't infer it, `false` otherwise\n */\nfunction isContainingFiles(dataTransfer) {\n  // Safari sometimes does not provide info about types :'(\n  // In which case best not to assume anything and try to set the files\n  const hasNoTypesInfo = dataTransfer.types.length === 0\n\n  // When dragging images, there's a mix of mime types + Files\n  // which we can't assign to the native input\n  const isDraggingFiles = dataTransfer.types.some((type) => type === 'Files')\n\n  return hasNoTypesInfo || isDraggingFiles\n}\n\n/**\n * @typedef {HTMLInputElement & {files: FileList}} HTMLFileInputElement\n */\n\n/**\n * File upload config\n *\n * @see {@link FileUpload.defaults}\n * @typedef {object} FileUploadConfig\n * @property {FileUploadTranslations} [i18n=FileUpload.defaults.i18n] - File upload translations\n */\n\n/**\n * File upload translations\n *\n * @see {@link FileUpload.defaults.i18n}\n * @typedef {object} FileUploadTranslations\n *\n * Messages used by the component\n * @property {string} [chooseFile] - The text of the button that opens the file picker\n * @property {string} [dropInstruction] - The text informing users they can drop files\n * @property {TranslationPluralForms} [multipleFilesChosen] - The text displayed when multiple files\n *   have been chosen by the user\n * @property {string} [noFileChosen] - The text to displayed when no file has been chosen by the user\n * @property {string} [enteredDropZone] - The text announced by assistive technology\n *   when user drags files and enters the drop zone\n * @property {string} [leftDropZone] - The text announced by assistive technology\n *   when user drags files and leaves the drop zone without dropping\n */\n\n/**\n * @import { Schema } from '../../common/configuration.mjs'\n * @import { TranslationPluralForms } from '../../i18n.mjs'\n */\n"],"names":["closestAttributeValue","$element","attributeName","$closestElementWithAttribute","closest","getAttribute","isInitialised","$root","moduleName","HTMLElement","hasAttribute","isSupported","$scope","document","body","classList","contains","isArray","option","Array","isObject","formatErrorMessage","Component","message","GOVUKFrontendError","Error","constructor","args","name","SupportError","supportMessage","HTMLScriptElement","prototype","ConfigError","ElementError","messageOrOptions","component","identifier","element","expectedType","InitError","componentOrMessage","_$root","childConstructor","elementType","checkSupport","checkInitialised","setAttribute","configOverride","Symbol","for","ConfigurableComponent","param","config","_config","defaults","datasetConfig","normaliseDataset","dataset","mergeConfigs","normaliseString","value","property","trimmedValue","trim","output","outputType","type","includes","length","isFinite","Number","schema","out","entries","Object","properties","entry","namespace","field","toString","extractConfigByNamespace","configObjects","formattedConfigObject","configObject","key","keys","override","newObject","current","keyParts","split","index","I18n","translations","_config$locale","locale","documentElement","lang","t","lookupKey","options","translation","count","translationPluralForm","getPluralSuffix","match","replacePlaceholders","translationString","formatter","Intl","NumberFormat","supportedLocalesOf","undefined","replace","placeholderWithBraces","placeholderKey","hasOwnProperty","call","placeholderValue","format","hasIntlPluralRulesSupport","Boolean","window","PluralRules","preferredForm","select","console","warn","FileUpload","$input","$button","$status","i18n","id","$announcements","enteredAnotherElement","querySelector","$label","findLabel","createElement","add","ariaDescribedBy","className","innerText","appendChild","commaSpan","containerSpan","buttonSpan","insertAdjacentText","instructionSpan","addEventListener","onClick","bind","event","preventDefault","insertAdjacentElement","onChange","updateDisabledState","observeDisabledState","onDrop","updateDropzoneVisibility","disabled","hideDraggingState","target","Node","dataTransfer","isContainingFiles","showDraggingState","remove","files","dispatchEvent","CustomEvent","fileCount","click","observer","MutationObserver","mutationList","mutation","observe","attributes","toggle","freeze","chooseFilesButton","dropInstruction","noFileChosen","multipleFilesChosen","one","other","enteredDropZone","leftDropZone","hasNoTypesInfo","types","isDraggingFiles","some"],"mappings":"AAQO,SAASA,qBAAqBA,CAACC,QAAQ,EAAEC,aAAa,EAAE;EAC7D,MAAMC,4BAA4B,GAAGF,QAAQ,CAACG,OAAO,CAAC,CAAA,CAAA,EAAIF,aAAa,CAAA,CAAA,CAAG,CAAC;EAC3E,OAAOC,4BAA4B,GAC/BA,4BAA4B,CAACE,YAAY,CAACH,aAAa,CAAC,GACxD,IAAI;AACV;;ACsEO,SAASI,aAAaA,CAACC,KAAK,EAAEC,UAAU,EAAE;EAC/C,OACED,KAAK,YAAYE,WAAW,IAC5BF,KAAK,CAACG,YAAY,CAAC,CAAA,KAAA,EAAQF,UAAU,CAAA,KAAA,CAAO,CAAC;AAEjD;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASG,WAAWA,CAACC,MAAM,GAAGC,QAAQ,CAACC,IAAI,EAAE;EAClD,IAAI,CAACF,MAAM,EAAE;AACX,IAAA,OAAO,KAAK;AACd,EAAA;AAEA,EAAA,OAAOA,MAAM,CAACG,SAAS,CAACC,QAAQ,CAAC,0BAA0B,CAAC;AAC9D;AASA,SAASC,OAAOA,CAACC,MAAM,EAAE;AACvB,EAAA,OAAOC,KAAK,CAACF,OAAO,CAACC,MAAM,CAAC;AAC9B;AAUO,SAASE,QAAQA,CAACF,MAAM,EAAE;AAC/B,EAAA,OAAO,CAAC,CAACA,MAAM,IAAI,OAAOA,MAAM,KAAK,QAAQ,IAAI,CAACD,OAAO,CAACC,MAAM,CAAC;AACnE;AAsBO,SAASG,kBAAkBA,CAACC,SAAS,EAAEC,OAAO,EAAE;AACrD,EAAA,OAAO,GAAGD,SAAS,CAACd,UAAU,CAAA,EAAA,EAAKe,OAAO,CAAA,CAAE;AAC9C;AAQA;AACA;AACA;AACA;;AC7IO,MAAMC,kBAAkB,SAASC,KAAK,CAAC;AAAAC,EAAAA,WAAAA,CAAA,GAAAC,IAAA,EAAA;AAAA,IAAA,KAAA,CAAA,GAAAA,IAAA,CAAA;IAAA,IAAA,CAC5CC,IAAI,GAAG,oBAAoB;AAAA,EAAA;AAC7B;AAKO,MAAMC,YAAY,SAASL,kBAAkB,CAAC;AAGnD;AACF;AACA;AACA;AACA;AACEE,EAAAA,WAAWA,CAACd,MAAM,GAAGC,QAAQ,CAACC,IAAI,EAAE;IAClC,MAAMgB,cAAc,GAClB,UAAU,IAAIC,iBAAiB,CAACC,SAAS,GACrC,gHAAgH,GAChH,kDAAkD;AAExD,IAAA,KAAK,CACHpB,MAAM,GACFkB,cAAc,GACd,8DACN,CAAC;IAAA,IAAA,CAjBHF,IAAI,GAAG,cAAc;AAkBrB,EAAA;AACF;AAKO,MAAMK,WAAW,SAAST,kBAAkB,CAAC;AAAAE,EAAAA,WAAAA,CAAA,GAAAC,IAAA,EAAA;AAAA,IAAA,KAAA,CAAA,GAAAA,IAAA,CAAA;IAAA,IAAA,CAClDC,IAAI,GAAG,aAAa;AAAA,EAAA;AACtB;AAKO,MAAMM,YAAY,SAASV,kBAAkB,CAAC;EAmBnDE,WAAWA,CAACS,gBAAgB,EAAE;IAC5B,IAAIZ,OAAO,GAAG,OAAOY,gBAAgB,KAAK,QAAQ,GAAGA,gBAAgB,GAAG,EAAE;AAG1E,IAAA,IAAIf,QAAQ,CAACe,gBAAgB,CAAC,EAAE;MAC9B,MAAM;QAAEC,SAAS;QAAEC,UAAU;QAAEC,OAAO;AAAEC,QAAAA;AAAa,OAAC,GAAGJ,gBAAgB;AAEzEZ,MAAAA,OAAO,GAAGc,UAAU;MAGpBd,OAAO,IAAIe,OAAO,GACd,CAAA,gBAAA,EAAmBC,YAAY,IAAA,IAAA,GAAZA,YAAY,GAAI,aAAa,CAAA,CAAE,GAClD,YAAY;AAGhB,MAAA,IAAIH,SAAS,EAAE;AACbb,QAAAA,OAAO,GAAGF,kBAAkB,CAACe,SAAS,EAAEb,OAAO,CAAC;AAClD,MAAA;AACF,IAAA;IAEA,KAAK,CAACA,OAAO,CAAC;IAAA,IAAA,CAtChBK,IAAI,GAAG,cAAc;AAuCrB,EAAA;AACF;AAKO,MAAMY,SAAS,SAAShB,kBAAkB,CAAC;EAOhDE,WAAWA,CAACe,kBAAkB,EAAE;AAC9B,IAAA,MAAMlB,OAAO,GACX,OAAOkB,kBAAkB,KAAK,QAAQ,GAClCA,kBAAkB,GAClBpB,kBAAkB,CAChBoB,kBAAkB,EAClB,8CACF,CAAC;IAEP,KAAK,CAAClB,OAAO,CAAC;IAAA,IAAA,CAfhBK,IAAI,GAAG,WAAW;AAgBlB,EAAA;AACF;AAaA;AACA;AACA;;ACjIO,MAAMN,SAAS,CAAC;AASrB;AACF;AACA;AACA;AACA;AACA;EACE,IAAIf,KAAKA,GAAG;IACV,OAAO,IAAI,CAACmC,MAAM;AACpB,EAAA;EAcAhB,WAAWA,CAACnB,KAAK,EAAE;AAAA,IAAA,IAAA,CARnBmC,MAAM,GAAA,MAAA;AASJ,IAAA,MAAMC,gBAAgB,GACpB,IAAI,CAACjB,WACN;AASD,IAAA,IAAI,OAAOiB,gBAAgB,CAACnC,UAAU,KAAK,QAAQ,EAAE;AACnD,MAAA,MAAM,IAAIgC,SAAS,CAAC,CAAA,uCAAA,CAAyC,CAAC;AAChE,IAAA;AAEA,IAAA,IAAI,EAAEjC,KAAK,YAAYoC,gBAAgB,CAACC,WAAW,CAAC,EAAE;MACpD,MAAM,IAAIV,YAAY,CAAC;AACrBI,QAAAA,OAAO,EAAE/B,KAAK;AACd6B,QAAAA,SAAS,EAAEO,gBAAgB;AAC3BN,QAAAA,UAAU,EAAE,wBAAwB;AACpCE,QAAAA,YAAY,EAAEI,gBAAgB,CAACC,WAAW,CAAChB;AAC7C,OAAC,CAAC;AACJ,IAAA,CAAC,MAAM;MACL,IAAI,CAACc,MAAM,GAAmCnC,KAAM;AACtD,IAAA;IAEAoC,gBAAgB,CAACE,YAAY,EAAE;IAE/B,IAAI,CAACC,gBAAgB,EAAE;AAEvB,IAAA,MAAMtC,UAAU,GAAGmC,gBAAgB,CAACnC,UAAU;IAE9C,IAAI,CAACD,KAAK,CAACwC,YAAY,CAAC,QAAQvC,UAAU,CAAA,KAAA,CAAO,EAAE,EAAE,CAAC;AACxD,EAAA;AAQAsC,EAAAA,gBAAgBA,GAAG;AACjB,IAAA,MAAMpB,WAAW,GAAyC,IAAI,CAACA,WAAY;AAC3E,IAAA,MAAMlB,UAAU,GAAGkB,WAAW,CAAClB,UAAU;IAEzC,IAAIA,UAAU,IAAIF,aAAa,CAAC,IAAI,CAACC,KAAK,EAAEC,UAAU,CAAC,EAAE;AACvD,MAAA,MAAM,IAAIgC,SAAS,CAACd,WAAW,CAAC;AAClC,IAAA;AACF,EAAA;EAOA,OAAOmB,YAAYA,GAAG;AACpB,IAAA,IAAI,CAAClC,WAAW,EAAE,EAAE;MAClB,MAAM,IAAIkB,YAAY,EAAE;AAC1B,IAAA;AACF,EAAA;AACF;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AArGaP,SAAS,CAIbsB,WAAW,GAAGnC,WAAW;;ACV3B,MAAMuC,cAAc,GAAGC,MAAM,CAACC,GAAG,CAAC,gBAAgB,CAAC;AAYnD,MAAMC,qBAAqB,SAAS7B,SAAS,CAAC;EAkBnD,CAAC0B,cAAc,CAAA,CAAEI,KAAK,EAAE;AACtB,IAAA,OAAO,EAAE;AACX,EAAA;;AAEA;AACF;AACA;AACA;AACA;AACA;EACE,IAAIC,MAAMA,GAAG;IACX,OAAO,IAAI,CAACC,OAAO;AACrB,EAAA;AAeA5B,EAAAA,WAAWA,CAACnB,KAAK,EAAE8C,MAAM,EAAE;IACzB,KAAK,CAAC9C,KAAK,CAAC;AAAA,IAAA,IAAA,CAVd+C,OAAO,GAAA,MAAA;AAYL,IAAA,MAAMX,gBAAgB,GACqC,IAAI,CAACjB,WAAY;AAE5E,IAAA,IAAI,CAACN,QAAQ,CAACuB,gBAAgB,CAACY,QAAQ,CAAC,EAAE;MACxC,MAAM,IAAItB,WAAW,CACnBZ,kBAAkB,CAChBsB,gBAAgB,EAChB,qEACF,CACF,CAAC;AACH,IAAA;IAEA,MAAMa,aAAa,GACjBC,gBAAgB,CAACd,gBAAgB,EAAE,IAAI,CAACD,MAAM,CAACgB,OAAO,CACvD;IAED,IAAI,CAACJ,OAAO,GACVK,YAAY,CACVhB,gBAAgB,CAACY,QAAQ,EACzBF,MAAM,IAAA,IAAA,GAANA,MAAM,GAAI,EAAE,EACZ,IAAI,CAACL,cAAc,CAAC,CAACQ,aAAa,CAAC,EACnCA,aACF,CACD;AACH,EAAA;AACF;AAkBO,SAASI,eAAeA,CAACC,KAAK,EAAEC,QAAQ,EAAE;EAC/C,MAAMC,YAAY,GAAGF,KAAK,GAAGA,KAAK,CAACG,IAAI,EAAE,GAAG,EAAE;AAE9C,EAAA,IAAIC,MAAM;AACV,EAAA,IAAIC,UAAU,GAAGJ,QAAQ,IAAA,IAAA,GAAA,MAAA,GAARA,QAAQ,CAAEK,IAAI;EAG/B,IAAI,CAACD,UAAU,EAAE;IACf,IAAI,CAAC,MAAM,EAAE,OAAO,CAAC,CAACE,QAAQ,CAACL,YAAY,CAAC,EAAE;AAC5CG,MAAAA,UAAU,GAAG,SAAS;AACxB,IAAA;AAIA,IAAA,IAAIH,YAAY,CAACM,MAAM,GAAG,CAAC,IAAIC,QAAQ,CAACC,MAAM,CAACR,YAAY,CAAC,CAAC,EAAE;AAC7DG,MAAAA,UAAU,GAAG,QAAQ;AACvB,IAAA;AACF,EAAA;AAEA,EAAA,QAAQA,UAAU;AAChB,IAAA,KAAK,SAAS;MACZD,MAAM,GAAGF,YAAY,KAAK,MAAM;AAChC,MAAA;AAEF,IAAA,KAAK,QAAQ;AACXE,MAAAA,MAAM,GAAGM,MAAM,CAACR,YAAY,CAAC;AAC7B,MAAA;AAEF,IAAA;AACEE,MAAAA,MAAM,GAAGJ,KAAK;AAClB;AAEA,EAAA,OAAOI,MAAM;AACf;AAeO,SAASR,gBAAgBA,CAACnC,SAAS,EAAEoC,OAAO,EAAE;AACnD,EAAA,IAAI,CAACtC,QAAQ,CAACE,SAAS,CAACkD,MAAM,CAAC,EAAE;IAC/B,MAAM,IAAIvC,WAAW,CACnBZ,kBAAkB,CAChBC,SAAS,EACT,mEACF,CACF,CAAC;AACH,EAAA;EAEA,MAAMmD,GAAG,GAAgC,EAAG;EAC5C,MAAMC,OAAO,GACXC,MAAM,CAACD,OAAO,CAACpD,SAAS,CAACkD,MAAM,CAACI,UAAU,CAC3C;AAGD,EAAA,KAAK,MAAMC,KAAK,IAAIH,OAAO,EAAE;AAC3B,IAAA,MAAM,CAACI,SAAS,EAAEhB,QAAQ,CAAC,GAAGe,KAAK;AAGnC,IAAA,MAAME,KAAK,GAAGD,SAAS,CAACE,QAAQ,EAAE;IAElC,IAAID,KAAK,IAAIrB,OAAO,EAAE;AACpBe,MAAAA,GAAG,CAACM,KAAK,CAAC,GAAGnB,eAAe,CAACF,OAAO,CAACqB,KAAK,CAAC,EAAEjB,QAAQ,CAAC;AACxD,IAAA;IAMA,IAAI,CAAAA,QAAQ,IAAA,IAAA,GAAA,MAAA,GAARA,QAAQ,CAAEK,IAAI,MAAK,QAAQ,EAAE;AAC/BM,MAAAA,GAAG,CAACM,KAAK,CAAC,GAAGE,wBAAwB,CACnC3D,SAAS,CAACkD,MAAM,EAChBd,OAAO,EACPoB,SACF,CAAC;AACH,IAAA;AACF,EAAA;AAEA,EAAA,OAAOL,GAAG;AACZ;AAqDO,SAASd,YAAYA,CAAC,GAAGuB,aAAa,EAAE;EAG7C,MAAMC,qBAAqB,GAAG,EAAE;AAGhC,EAAA,KAAK,MAAMC,YAAY,IAAIF,aAAa,EAAE;IACxC,KAAK,MAAMG,GAAG,IAAIV,MAAM,CAACW,IAAI,CAACF,YAAY,CAAC,EAAE;AAC3C,MAAA,MAAMlE,MAAM,GAAGiE,qBAAqB,CAACE,GAAG,CAAC;AACzC,MAAA,MAAME,QAAQ,GAAGH,YAAY,CAACC,GAAG,CAAC;MAKlC,IAAIjE,QAAQ,CAACF,MAAM,CAAC,IAAIE,QAAQ,CAACmE,QAAQ,CAAC,EAAE;QAC1CJ,qBAAqB,CAACE,GAAG,CAAC,GAAG1B,YAAY,CAACzC,MAAM,EAAEqE,QAAQ,CAAC;AAC7D,MAAA,CAAC,MAAM;AAELJ,QAAAA,qBAAqB,CAACE,GAAG,CAAC,GAAGE,QAAQ;AACvC,MAAA;AACF,IAAA;AACF,EAAA;AAEA,EAAA,OAAOJ,qBAAqB;AAC9B;AAoDO,SAASF,wBAAwBA,CAACT,MAAM,EAAEd,OAAO,EAAEoB,SAAS,EAAE;AACnE,EAAA,MAAMhB,QAAQ,GAAGU,MAAM,CAACI,UAAU,CAACE,SAAS,CAAC;EAG7C,IAAI,CAAAhB,QAAQ,IAAA,IAAA,GAAA,MAAA,GAARA,QAAQ,CAAEK,IAAI,MAAK,QAAQ,EAAE;AAC/B,IAAA;AACF,EAAA;AAGA,EAAA,MAAMqB,SAAS,GAA0D;IACvE,CAACV,SAAS,GAAG;GACb;AAEF,EAAA,KAAK,MAAM,CAACO,GAAG,EAAExB,KAAK,CAAC,IAAIc,MAAM,CAACD,OAAO,CAAChB,OAAO,CAAC,EAAE;IAElD,IAAI+B,OAAO,GAAGD,SAAS;AAGvB,IAAA,MAAME,QAAQ,GAAGL,GAAG,CAACM,KAAK,CAAC,GAAG,CAAC;AAQ/B,IAAA,KAAK,MAAM,CAACC,KAAK,EAAEhE,IAAI,CAAC,IAAI8D,QAAQ,CAAChB,OAAO,EAAE,EAAE;AAC9C,MAAA,IAAItD,QAAQ,CAACqE,OAAO,CAAC,EAAE;AAErB,QAAA,IAAIG,KAAK,GAAGF,QAAQ,CAACrB,MAAM,GAAG,CAAC,EAAE;UAE/B,IAAI,CAACjD,QAAQ,CAACqE,OAAO,CAAC7D,IAAI,CAAC,CAAC,EAAE;AAC5B6D,YAAAA,OAAO,CAAC7D,IAAI,CAAC,GAAG,EAAE;AACpB,UAAA;AAGA6D,UAAAA,OAAO,GAAGA,OAAO,CAAC7D,IAAI,CAAC;AACzB,QAAA,CAAC,MAAM,IAAIyD,GAAG,KAAKP,SAAS,EAAE;AAE5BW,UAAAA,OAAO,CAAC7D,IAAI,CAAC,GAAGgC,eAAe,CAACC,KAAK,CAAC;AACxC,QAAA;AACF,MAAA;AACF,IAAA;AACF,EAAA;EAEA,OAAO2B,SAAS,CAACV,SAAS,CAAC;AAC7B;AAQA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;;AC3ZO,MAAMe,IAAI,CAAC;EAUhBnE,WAAWA,CAACoE,YAAY,GAAG,EAAE,EAAEzC,MAAM,GAAG,EAAE,EAAE;AAAA,IAAA,IAAA0C,cAAA;AAAA,IAAA,IAAA,CAT5CD,YAAY,GAAA,MAAA;AAAA,IAAA,IAAA,CACZE,MAAM,GAAA,MAAA;IAUJ,IAAI,CAACF,YAAY,GAAGA,YAAY;AAGhC,IAAA,IAAI,CAACE,MAAM,GAAA,CAAAD,cAAA,GAAG1C,MAAM,CAAC2C,MAAM,KAAA,IAAA,GAAAD,cAAA,GAAKlF,QAAQ,CAACoF,eAAe,CAACC,IAAI,IAAI,IAAK;AACxE,EAAA;AAaAC,EAAAA,CAACA,CAACC,SAAS,EAAEC,OAAO,EAAE;IACpB,IAAI,CAACD,SAAS,EAAE;AAEd,MAAA,MAAM,IAAI3E,KAAK,CAAC,0BAA0B,CAAC;AAC7C,IAAA;AAGA,IAAA,IAAI6E,WAAW,GAAG,IAAI,CAACR,YAAY,CAACM,SAAS,CAAC;AAK9C,IAAA,IAAI,QAAOC,OAAO,IAAA,IAAA,GAAA,MAAA,GAAPA,OAAO,CAAEE,KAAK,CAAA,KAAK,QAAQ,IAAInF,QAAQ,CAACkF,WAAW,CAAC,EAAE;AAC/D,MAAA,MAAME,qBAAqB,GACzBF,WAAW,CAAC,IAAI,CAACG,eAAe,CAACL,SAAS,EAAEC,OAAO,CAACE,KAAK,CAAC,CAAC;AAG7D,MAAA,IAAIC,qBAAqB,EAAE;AACzBF,QAAAA,WAAW,GAAGE,qBAAqB;AACrC,MAAA;AACF,IAAA;AAEA,IAAA,IAAI,OAAOF,WAAW,KAAK,QAAQ,EAAE;AAGnC,MAAA,IAAIA,WAAW,CAACI,KAAK,CAAC,WAAW,CAAC,EAAE;QAClC,IAAI,CAACL,OAAO,EAAE;AACZ,UAAA,MAAM,IAAI5E,KAAK,CACb,wEACF,CAAC;AACH,QAAA;AAEA,QAAA,OAAO,IAAI,CAACkF,mBAAmB,CAACL,WAAW,EAAED,OAAO,CAAC;AACvD,MAAA;AAEA,MAAA,OAAOC,WAAW;AACpB,IAAA;AAIA,IAAA,OAAOF,SAAS;AAClB,EAAA;AAWAO,EAAAA,mBAAmBA,CAACC,iBAAiB,EAAEP,OAAO,EAAE;IAC9C,MAAMQ,SAAS,GAAGC,IAAI,CAACC,YAAY,CAACC,kBAAkB,CAAC,IAAI,CAAChB,MAAM,CAAC,CAAC3B,MAAM,GACtE,IAAIyC,IAAI,CAACC,YAAY,CAAC,IAAI,CAACf,MAAM,CAAC,GAClCiB,SAAS;IAEb,OAAOL,iBAAiB,CAACM,OAAO,CAC9B,YAAY,EAUZ,UAAUC,qBAAqB,EAAEC,cAAc,EAAE;AAC/C,MAAA,IAAIzC,MAAM,CAAC3C,SAAS,CAACqF,cAAc,CAACC,IAAI,CAACjB,OAAO,EAAEe,cAAc,CAAC,EAAE;AACjE,QAAA,MAAMG,gBAAgB,GAAGlB,OAAO,CAACe,cAAc,CAAC;AAIhD,QAAA,IACEG,gBAAgB,KAAK,KAAK,IACzB,OAAOA,gBAAgB,KAAK,QAAQ,IACnC,OAAOA,gBAAgB,KAAK,QAAS,EACvC;AACA,UAAA,OAAO,EAAE;AACX,QAAA;AAGA,QAAA,IAAI,OAAOA,gBAAgB,KAAK,QAAQ,EAAE;UACxC,OAAOV,SAAS,GACZA,SAAS,CAACW,MAAM,CAACD,gBAAgB,CAAC,GAClC,CAAA,EAAGA,gBAAgB,CAAA,CAAE;AAC3B,QAAA;AAEA,QAAA,OAAOA,gBAAgB;AACzB,MAAA;AAEA,MAAA,MAAM,IAAI9F,KAAK,CACb,CAAA,+BAAA,EAAkC0F,qBAAqB,wBACzD,CAAC;AACH,IAAA,CACF,CAAC;AACH,EAAA;AAcAM,EAAAA,yBAAyBA,GAAG;IAC1B,OAAOC,OAAO,CACZ,aAAa,IAAIC,MAAM,CAACb,IAAI,IAC1BA,IAAI,CAACc,WAAW,CAACZ,kBAAkB,CAAC,IAAI,CAAChB,MAAM,CAAC,CAAC3B,MACrD,CAAC;AACH,EAAA;AAkBAoC,EAAAA,eAAeA,CAACL,SAAS,EAAEG,KAAK,EAAE;AAMhCA,IAAAA,KAAK,GAAGhC,MAAM,CAACgC,KAAK,CAAC;AACrB,IAAA,IAAI,CAACjC,QAAQ,CAACiC,KAAK,CAAC,EAAE;AACpB,MAAA,OAAO,OAAO;AAChB,IAAA;AAGA,IAAA,MAAMD,WAAW,GAAG,IAAI,CAACR,YAAY,CAACM,SAAS,CAAC;IAKhD,MAAMyB,aAAa,GAAG,IAAI,CAACJ,yBAAyB,EAAE,GAClD,IAAIX,IAAI,CAACc,WAAW,CAAC,IAAI,CAAC5B,MAAM,CAAC,CAAC8B,MAAM,CAACvB,KAAK,CAAC,GAC/C,OAAO;AAGX,IAAA,IAAInF,QAAQ,CAACkF,WAAW,CAAC,EAAE;MACzB,IAAIuB,aAAa,IAAIvB,WAAW,EAAE;AAChC,QAAA,OAAOuB,aAAa;AAGtB,MAAA,CAAC,MAAM,IAAI,OAAO,IAAIvB,WAAW,EAAE;QACjCyB,OAAO,CAACC,IAAI,CACV,CAAA,4BAAA,EAA+BH,aAAa,UAAU,IAAI,CAAC7B,MAAM,CAAA,mCAAA,CACnE,CAAC;AAED,QAAA,OAAO,OAAO;AAChB,MAAA;AACF,IAAA;IAGA,MAAM,IAAIvE,KAAK,CACb,CAAA,4CAAA,EAA+C,IAAI,CAACuE,MAAM,UAC5D,CAAC;AACH,EAAA;AACF;;AC9MA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMiC,UAAU,SAAS9E,qBAAqB,CAAC;AAgCpD;AACF;AACA;AACA;AACEzB,EAAAA,WAAWA,CAACnB,KAAK,EAAE8C,MAAM,GAAG,EAAE,EAAE;AAC9B,IAAA,KAAK,CAAC9C,KAAK,EAAE8C,MAAM,CAAC;AAAA,IAAA,IAAA,CAhCtB6E,MAAM,GAAA,MAAA;AAAA,IAAA,IAAA,CAKNC,OAAO,GAAA,MAAA;AAAA,IAAA,IAAA,CAKPC,OAAO,GAAA,MAAA;AAAA,IAAA,IAAA,CAGPC,IAAI,GAAA,MAAA;AAAA,IAAA,IAAA,CAGJC,EAAE,GAAA,MAAA;AAAA,IAAA,IAAA,CAGFC,cAAc,GAAA,MAAA;AAAA,IAAA,IAAA,CAMdC,qBAAqB,GAAA,MAAA;IASnB,MAAMN,MAAM,GAAG,IAAI,CAAC3H,KAAK,CAACkI,aAAa,CAAC,OAAO,CAAC;IAEhD,IAAIP,MAAM,KAAK,IAAI,EAAE;MACnB,MAAM,IAAIhG,YAAY,CAAC;AACrBE,QAAAA,SAAS,EAAE6F,UAAU;AACrB5F,QAAAA,UAAU,EAAE;AACd,OAAC,CAAC;AACJ,IAAA;AAEA,IAAA,IAAI6F,MAAM,CAAC/D,IAAI,KAAK,MAAM,EAAE;MAC1B,MAAM,IAAIjC,YAAY,CACpBb,kBAAkB,CAChB4G,UAAU,EACV,qEACF,CACF,CAAC;AACH,IAAA;IAEA,IAAI,CAACC,MAAM,GAAwCA,MAAO;AAE1D,IAAA,IAAI,CAAC,IAAI,CAACA,MAAM,CAACI,EAAE,EAAE;MACnB,MAAM,IAAIpG,YAAY,CAAC;AACrBE,QAAAA,SAAS,EAAE6F,UAAU;AACrB5F,QAAAA,UAAU,EAAE;AACd,OAAC,CAAC;AACJ,IAAA;AAEA,IAAA,IAAI,CAACiG,EAAE,GAAG,IAAI,CAACJ,MAAM,CAACI,EAAE;IAExB,IAAI,CAACD,IAAI,GAAG,IAAIxC,IAAI,CAAC,IAAI,CAACxC,MAAM,CAACgF,IAAI,EAAE;AAErCrC,MAAAA,MAAM,EAAEhG,qBAAqB,CAAC,IAAI,CAACO,KAAK,EAAE,MAAM;AAClD,KAAC,CAAC;AAEF,IAAA,MAAMmI,MAAM,GAAG,IAAI,CAACC,SAAS,EAAE;AAG/B,IAAA,IAAI,CAACD,MAAM,CAACJ,EAAE,EAAE;AACdI,MAAAA,MAAM,CAACJ,EAAE,GAAG,GAAG,IAAI,CAACA,EAAE,CAAA,MAAA,CAAQ;AAChC,IAAA;IAKA,IAAI,CAACJ,MAAM,CAACI,EAAE,GAAG,CAAA,EAAG,IAAI,CAACA,EAAE,CAAA,MAAA,CAAQ;IAGnC,IAAI,CAACJ,MAAM,CAACnF,YAAY,CAAC,QAAQ,EAAE,MAAM,CAAC;AAG1C,IAAA,MAAMoF,OAAO,GAAGtH,QAAQ,CAAC+H,aAAa,CAAC,QAAQ,CAAC;AAChDT,IAAAA,OAAO,CAACpH,SAAS,CAAC8H,GAAG,CAAC,0BAA0B,CAAC;IACjDV,OAAO,CAAChE,IAAI,GAAG,QAAQ;AACvBgE,IAAAA,OAAO,CAACG,EAAE,GAAG,IAAI,CAACA,EAAE;AACpBH,IAAAA,OAAO,CAACpH,SAAS,CAAC8H,GAAG,CAAC,iCAAiC,CAAC;IAIxD,MAAMC,eAAe,GAAG,IAAI,CAACZ,MAAM,CAAC7H,YAAY,CAAC,kBAAkB,CAAC;AACpE,IAAA,IAAIyI,eAAe,EAAE;AACnBX,MAAAA,OAAO,CAACpF,YAAY,CAAC,kBAAkB,EAAE+F,eAAe,CAAC;AAC3D,IAAA;AAGA,IAAA,MAAMV,OAAO,GAAGvH,QAAQ,CAAC+H,aAAa,CAAC,MAAM,CAAC;IAC9CR,OAAO,CAACW,SAAS,GAAG,6CAA6C;AACjEX,IAAAA,OAAO,CAACrF,YAAY,CAAC,WAAW,EAAE,QAAQ,CAAC;IAC3CqF,OAAO,CAACY,SAAS,GAAG,IAAI,CAACX,IAAI,CAAClC,CAAC,CAAC,cAAc,CAAC;AAE/CgC,IAAAA,OAAO,CAACc,WAAW,CAACb,OAAO,CAAC;AAE5B,IAAA,MAAMc,SAAS,GAAGrI,QAAQ,CAAC+H,aAAa,CAAC,MAAM,CAAC;IAChDM,SAAS,CAACH,SAAS,GAAG,uBAAuB;IAC7CG,SAAS,CAACF,SAAS,GAAG,IAAI;AAC1BE,IAAAA,SAAS,CAACZ,EAAE,GAAG,GAAG,IAAI,CAACA,EAAE,CAAA,MAAA,CAAQ;AAEjCH,IAAAA,OAAO,CAACc,WAAW,CAACC,SAAS,CAAC;AAE9B,IAAA,MAAMC,aAAa,GAAGtI,QAAQ,CAAC+H,aAAa,CAAC,MAAM,CAAC;IACpDO,aAAa,CAACJ,SAAS,GACrB,mDAAmD;AAErD,IAAA,MAAMK,UAAU,GAAGvI,QAAQ,CAAC+H,aAAa,CAAC,MAAM,CAAC;IACjDQ,UAAU,CAACL,SAAS,GAClB,8EAA8E;IAChFK,UAAU,CAACJ,SAAS,GAAG,IAAI,CAACX,IAAI,CAAClC,CAAC,CAAC,mBAAmB,CAAC;AAEvDgD,IAAAA,aAAa,CAACF,WAAW,CAACG,UAAU,CAAC;AAIrCD,IAAAA,aAAa,CAACE,kBAAkB,CAAC,WAAW,EAAE,GAAG,CAAC;AAElD,IAAA,MAAMC,eAAe,GAAGzI,QAAQ,CAAC+H,aAAa,CAAC,MAAM,CAAC;IACtDU,eAAe,CAACP,SAAS,GACvB,kDAAkD;IACpDO,eAAe,CAACN,SAAS,GAAG,IAAI,CAACX,IAAI,CAAClC,CAAC,CAAC,iBAAiB,CAAC;AAE1DgD,IAAAA,aAAa,CAACF,WAAW,CAACK,eAAe,CAAC;AAE1CnB,IAAAA,OAAO,CAACc,WAAW,CAACE,aAAa,CAAC;AAClChB,IAAAA,OAAO,CAACpF,YAAY,CAClB,iBAAiB,EACjB,CAAA,EAAG2F,MAAM,CAACJ,EAAE,CAAA,CAAA,EAAIY,SAAS,CAACZ,EAAE,CAAA,CAAA,EAAIH,OAAO,CAACG,EAAE,EAC5C,CAAC;AACDH,IAAAA,OAAO,CAACoB,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAACC,OAAO,CAACC,IAAI,CAAC,IAAI,CAAC,CAAC;AAC1DtB,IAAAA,OAAO,CAACoB,gBAAgB,CAAC,UAAU,EAAGG,KAAK,IAAK;MAE9CA,KAAK,CAACC,cAAc,EAAE;AACxB,IAAA,CAAC,CAAC;IAGF,IAAI,CAACpJ,KAAK,CAACqJ,qBAAqB,CAAC,YAAY,EAAEzB,OAAO,CAAC;IAEvD,IAAI,CAACD,MAAM,CAACnF,YAAY,CAAC,UAAU,EAAE,IAAI,CAAC;IAC1C,IAAI,CAACmF,MAAM,CAACnF,YAAY,CAAC,aAAa,EAAE,MAAM,CAAC;IAG/C,IAAI,CAACoF,OAAO,GAAGA,OAAO;IACtB,IAAI,CAACC,OAAO,GAAGA,OAAO;AAGtB,IAAA,IAAI,CAACF,MAAM,CAACqB,gBAAgB,CAAC,QAAQ,EAAE,IAAI,CAACM,QAAQ,CAACJ,IAAI,CAAC,IAAI,CAAC,CAAC;IAGhE,IAAI,CAACK,mBAAmB,EAAE;IAC1B,IAAI,CAACC,oBAAoB,EAAE;IAI3B,IAAI,CAACxB,cAAc,GAAG1H,QAAQ,CAAC+H,aAAa,CAAC,MAAM,CAAC;IACpD,IAAI,CAACL,cAAc,CAACxH,SAAS,CAAC8H,GAAG,CAAC,iCAAiC,CAAC;IACpE,IAAI,CAACN,cAAc,CAACxH,SAAS,CAAC8H,GAAG,CAAC,uBAAuB,CAAC;IAC1D,IAAI,CAACN,cAAc,CAACxF,YAAY,CAAC,WAAW,EAAE,WAAW,CAAC;IAC1D,IAAI,CAACxC,KAAK,CAACqJ,qBAAqB,CAAC,UAAU,EAAE,IAAI,CAACrB,cAAc,CAAC;AAIjE,IAAA,IAAI,CAACJ,OAAO,CAACoB,gBAAgB,CAAC,MAAM,EAAE,IAAI,CAACS,MAAM,CAACP,IAAI,CAAC,IAAI,CAAC,CAAC;AAa7D5I,IAAAA,QAAQ,CAAC0I,gBAAgB,CACvB,WAAW,EACX,IAAI,CAACU,wBAAwB,CAACR,IAAI,CAAC,IAAI,CACzC,CAAC;AAQD5I,IAAAA,QAAQ,CAAC0I,gBAAgB,CAAC,WAAW,EAAE,MAAM;MAC3C,IAAI,CAACf,qBAAqB,GAAG,IAAI;AACnC,IAAA,CAAC,CAAC;AAEF3H,IAAAA,QAAQ,CAAC0I,gBAAgB,CAAC,WAAW,EAAE,MAAM;MAC3C,IAAI,CAAC,IAAI,CAACf,qBAAqB,IAAI,CAAC,IAAI,CAACL,OAAO,CAAC+B,QAAQ,EAAE;QACzD,IAAI,CAACC,iBAAiB,EAAE;AACxB,QAAA,IAAI,CAAC5B,cAAc,CAACS,SAAS,GAAG,IAAI,CAACX,IAAI,CAAClC,CAAC,CAAC,cAAc,CAAC;AAC7D,MAAA;MAEA,IAAI,CAACqC,qBAAqB,GAAG,KAAK;AACpC,IAAA,CAAC,CAAC;AACJ,EAAA;EAQAyB,wBAAwBA,CAACP,KAAK,EAAE;AAC9B,IAAA,IAAI,IAAI,CAACvB,OAAO,CAAC+B,QAAQ,EAAE;AAI3B,IAAA,IAAIR,KAAK,CAACU,MAAM,YAAYC,IAAI,EAAE;MAChC,IAAI,IAAI,CAAC9J,KAAK,CAACS,QAAQ,CAAC0I,KAAK,CAACU,MAAM,CAAC,EAAE;QACrC,IAAIV,KAAK,CAACY,YAAY,IAAIC,iBAAiB,CAACb,KAAK,CAACY,YAAY,CAAC,EAAE;UAG/D,IACE,CAAC,IAAI,CAACnC,OAAO,CAACpH,SAAS,CAACC,QAAQ,CAC9B,oCACF,CAAC,EACD;YACA,IAAI,CAACwJ,iBAAiB,EAAE;AACxB,YAAA,IAAI,CAACjC,cAAc,CAACS,SAAS,GAAG,IAAI,CAACX,IAAI,CAAClC,CAAC,CAAC,iBAAiB,CAAC;AAChE,UAAA;AACF,QAAA;AACF,MAAA,CAAC,MAAM;QAIL,IACE,IAAI,CAACgC,OAAO,CAACpH,SAAS,CAACC,QAAQ,CAAC,oCAAoC,CAAC,EACrE;UACA,IAAI,CAACmJ,iBAAiB,EAAE;AACxB,UAAA,IAAI,CAAC5B,cAAc,CAACS,SAAS,GAAG,IAAI,CAACX,IAAI,CAAClC,CAAC,CAAC,cAAc,CAAC;AAC7D,QAAA;AACF,MAAA;AACF,IAAA;AACF,EAAA;AAOAqE,EAAAA,iBAAiBA,GAAG;IAClB,IAAI,CAACrC,OAAO,CAACpH,SAAS,CAAC8H,GAAG,CAAC,oCAAoC,CAAC;AAClE,EAAA;AAOAsB,EAAAA,iBAAiBA,GAAG;IAClB,IAAI,CAAChC,OAAO,CAACpH,SAAS,CAAC0J,MAAM,CAAC,oCAAoC,CAAC;AACrE,EAAA;EAQAT,MAAMA,CAACN,KAAK,EAAE;IACZA,KAAK,CAACC,cAAc,EAAE;IAEtB,IAAID,KAAK,CAACY,YAAY,IAAIC,iBAAiB,CAACb,KAAK,CAACY,YAAY,CAAC,EAAE;MAC/D,IAAI,CAACpC,MAAM,CAACwC,KAAK,GAAGhB,KAAK,CAACY,YAAY,CAACI,KAAK;MAK5C,IAAI,CAACxC,MAAM,CAACyC,aAAa,CAAC,IAAIC,WAAW,CAAC,QAAQ,CAAC,CAAC;MAEpD,IAAI,CAACT,iBAAiB,EAAE;AAC1B,IAAA;AACF,EAAA;AAOAN,EAAAA,QAAQA,GAAG;IACT,MAAMgB,SAAS,GAAG,IAAI,CAAC3C,MAAM,CAACwC,KAAK,CAACrG,MAAM;IAE1C,IAAIwG,SAAS,KAAK,CAAC,EAAE;AAEnB,MAAA,IAAI,CAACzC,OAAO,CAACY,SAAS,GAAG,IAAI,CAACX,IAAI,CAAClC,CAAC,CAAC,cAAc,CAAC;MACpD,IAAI,CAACgC,OAAO,CAACpH,SAAS,CAAC8H,GAAG,CAAC,iCAAiC,CAAC;AAC/D,IAAA,CAAC,MAAM;MACL,IAEEgC,SAAS,KAAK,CAAC,EACf;AACA,QAAA,IAAI,CAACzC,OAAO,CAACY,SAAS,GAAG,IAAI,CAACd,MAAM,CAACwC,KAAK,CAAC,CAAC,CAAC,CAAC9I,IAAI;AACpD,MAAA,CAAC,MAAM;AAEL,QAAA,IAAI,CAACwG,OAAO,CAACY,SAAS,GAAG,IAAI,CAACX,IAAI,CAAClC,CAAC,CAAC,qBAAqB,EAAE;AAC1DI,UAAAA,KAAK,EAAEsE;AACT,SAAC,CAAC;AACJ,MAAA;MAEA,IAAI,CAAC1C,OAAO,CAACpH,SAAS,CAAC0J,MAAM,CAAC,iCAAiC,CAAC;AAClE,IAAA;AACF,EAAA;AASA9B,EAAAA,SAASA,GAAG;AAEV,IAAA,MAAMD,MAAM,GAAG7H,QAAQ,CAAC4H,aAAa,CAAC,CAAA,WAAA,EAAc,IAAI,CAACP,MAAM,CAACI,EAAE,IAAI,CAAC;IAEvE,IAAI,CAACI,MAAM,EAAE;MACX,MAAM,IAAIxG,YAAY,CAAC;AACrBE,QAAAA,SAAS,EAAE6F,UAAU;AACrB5F,QAAAA,UAAU,EAAE,CAAA,0BAAA,EAA6B,IAAI,CAAC6F,MAAM,CAACI,EAAE,CAAA,IAAA;AACzD,OAAC,CAAC;AACJ,IAAA;AAEA,IAAA,OAAOI,MAAM;AACf,EAAA;AAOAc,EAAAA,OAAOA,GAAG;AACR,IAAA,IAAI,CAACtB,MAAM,CAAC4C,KAAK,EAAE;AACrB,EAAA;AAOAf,EAAAA,oBAAoBA,GAAG;AACrB,IAAA,MAAMgB,QAAQ,GAAG,IAAIC,gBAAgB,CAAEC,YAAY,IAAK;AACtD,MAAA,KAAK,MAAMC,QAAQ,IAAID,YAAY,EAAE;QACnC,IACEC,QAAQ,CAAC/G,IAAI,KAAK,YAAY,IAC9B+G,QAAQ,CAAChL,aAAa,KAAK,UAAU,EACrC;UACA,IAAI,CAAC4J,mBAAmB,EAAE;AAC5B,QAAA;AACF,MAAA;AACF,IAAA,CAAC,CAAC;AAEFiB,IAAAA,QAAQ,CAACI,OAAO,CAAC,IAAI,CAACjD,MAAM,EAAE;AAC5BkD,MAAAA,UAAU,EAAE;AACd,KAAC,CAAC;AACJ,EAAA;AAOAtB,EAAAA,mBAAmBA,GAAG;IACpB,IAAI,CAAC3B,OAAO,CAAC+B,QAAQ,GAAG,IAAI,CAAChC,MAAM,CAACgC,QAAQ;AAE5C,IAAA,IAAI,CAAC3J,KAAK,CAACQ,SAAS,CAACsK,MAAM,CACzB,2BAA2B,EAC3B,IAAI,CAAClD,OAAO,CAAC+B,QACf,CAAC;AACH,EAAA;AAyCF;AA3aajC,UAAU,CAuYdzH,UAAU,GAAG,mBAAmB;AAvY5ByH,UAAU,CAgZd1E,QAAQ,GAAGoB,MAAM,CAAC2G,MAAM,CAAC;AAC9BjD,EAAAA,IAAI,EAAE;AACJkD,IAAAA,iBAAiB,EAAE,aAAa;AAChCC,IAAAA,eAAe,EAAE,cAAc;AAC/BC,IAAAA,YAAY,EAAE,gBAAgB;AAC9BC,IAAAA,mBAAmB,EAAE;AAGnBC,MAAAA,GAAG,EAAE,sBAAsB;AAC3BC,MAAAA,KAAK,EAAE;KACR;AACDC,IAAAA,eAAe,EAAE,mBAAmB;AACpCC,IAAAA,YAAY,EAAE;AAChB;AACF,CAAC,CAAC;AA9ZS7D,UAAU,CAsadzD,MAAM,GAAGG,MAAM,CAAC2G,MAAM,CAAC;AAC5B1G,EAAAA,UAAU,EAAE;AACVyD,IAAAA,IAAI,EAAE;AAAElE,MAAAA,IAAI,EAAE;AAAS;AACzB;AACF,CAAC,CAAC;AAUJ,SAASoG,iBAAiBA,CAACD,YAAY,EAAE;EAGvC,MAAMyB,cAAc,GAAGzB,YAAY,CAAC0B,KAAK,CAAC3H,MAAM,KAAK,CAAC;AAItD,EAAA,MAAM4H,eAAe,GAAG3B,YAAY,CAAC0B,KAAK,CAACE,IAAI,CAAE/H,IAAI,IAAKA,IAAI,KAAK,OAAO,CAAC;EAE3E,OAAO4H,cAAc,IAAIE,eAAe;AAC1C;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;;;"}
\ No newline at end of file
diff --git a/app/templates/govuk/components/components/file-upload/file-upload.mjs b/app/templates/govuk/components/components/file-upload/file-upload.mjs
new file mode 100644
index 0000000..98c855e
--- /dev/null
+++ b/app/templates/govuk/components/components/file-upload/file-upload.mjs
@@ -0,0 +1,257 @@
+import { closestAttributeValue } from '../../common/closest-attribute-value.mjs';
+import { ConfigurableComponent } from '../../common/configuration.mjs';
+import { formatErrorMessage } from '../../common/index.mjs';
+import { ElementError } from '../../errors/index.mjs';
+import { I18n } from '../../i18n.mjs';
+
+/**
+ * File upload component
+ *
+ * @preserve
+ * @augments ConfigurableComponent<FileUploadConfig>
+ */
+class FileUpload extends ConfigurableComponent {
+  /**
+   * @param {Element | null} $root - File input element
+   * @param {FileUploadConfig} [config] - File Upload config
+   */
+  constructor($root, config = {}) {
+    super($root, config);
+    this.$input = void 0;
+    this.$button = void 0;
+    this.$status = void 0;
+    this.i18n = void 0;
+    this.id = void 0;
+    this.$announcements = void 0;
+    this.enteredAnotherElement = void 0;
+    const $input = this.$root.querySelector('input');
+    if ($input === null) {
+      throw new ElementError({
+        component: FileUpload,
+        identifier: 'File inputs (`<input type="file">`)'
+      });
+    }
+    if ($input.type !== 'file') {
+      throw new ElementError(formatErrorMessage(FileUpload, 'File input (`<input type="file">`) attribute (`type`) is not `file`'));
+    }
+    this.$input = $input;
+    if (!this.$input.id) {
+      throw new ElementError({
+        component: FileUpload,
+        identifier: 'File input (`<input type="file">`) attribute (`id`)'
+      });
+    }
+    this.id = this.$input.id;
+    this.i18n = new I18n(this.config.i18n, {
+      locale: closestAttributeValue(this.$root, 'lang')
+    });
+    const $label = this.findLabel();
+    if (!$label.id) {
+      $label.id = `${this.id}-label`;
+    }
+    this.$input.id = `${this.id}-input`;
+    this.$input.setAttribute('hidden', 'true');
+    const $button = document.createElement('button');
+    $button.classList.add('govuk-file-upload-button');
+    $button.type = 'button';
+    $button.id = this.id;
+    $button.classList.add('govuk-file-upload-button--empty');
+    const ariaDescribedBy = this.$input.getAttribute('aria-describedby');
+    if (ariaDescribedBy) {
+      $button.setAttribute('aria-describedby', ariaDescribedBy);
+    }
+    const $status = document.createElement('span');
+    $status.className = 'govuk-body govuk-file-upload-button__status';
+    $status.setAttribute('aria-live', 'polite');
+    $status.innerText = this.i18n.t('noFileChosen');
+    $button.appendChild($status);
+    const commaSpan = document.createElement('span');
+    commaSpan.className = 'govuk-visually-hidden';
+    commaSpan.innerText = ', ';
+    commaSpan.id = `${this.id}-comma`;
+    $button.appendChild(commaSpan);
+    const containerSpan = document.createElement('span');
+    containerSpan.className = 'govuk-file-upload-button__pseudo-button-container';
+    const buttonSpan = document.createElement('span');
+    buttonSpan.className = 'govuk-button govuk-button--secondary govuk-file-upload-button__pseudo-button';
+    buttonSpan.innerText = this.i18n.t('chooseFilesButton');
+    containerSpan.appendChild(buttonSpan);
+    containerSpan.insertAdjacentText('beforeend', ' ');
+    const instructionSpan = document.createElement('span');
+    instructionSpan.className = 'govuk-body govuk-file-upload-button__instruction';
+    instructionSpan.innerText = this.i18n.t('dropInstruction');
+    containerSpan.appendChild(instructionSpan);
+    $button.appendChild(containerSpan);
+    $button.setAttribute('aria-labelledby', `${$label.id} ${commaSpan.id} ${$button.id}`);
+    $button.addEventListener('click', this.onClick.bind(this));
+    $button.addEventListener('dragover', event => {
+      event.preventDefault();
+    });
+    this.$root.insertAdjacentElement('afterbegin', $button);
+    this.$input.setAttribute('tabindex', '-1');
+    this.$input.setAttribute('aria-hidden', 'true');
+    this.$button = $button;
+    this.$status = $status;
+    this.$input.addEventListener('change', this.onChange.bind(this));
+    this.updateDisabledState();
+    this.observeDisabledState();
+    this.$announcements = document.createElement('span');
+    this.$announcements.classList.add('govuk-file-upload-announcements');
+    this.$announcements.classList.add('govuk-visually-hidden');
+    this.$announcements.setAttribute('aria-live', 'assertive');
+    this.$root.insertAdjacentElement('afterend', this.$announcements);
+    this.$button.addEventListener('drop', this.onDrop.bind(this));
+    document.addEventListener('dragenter', this.updateDropzoneVisibility.bind(this));
+    document.addEventListener('dragenter', () => {
+      this.enteredAnotherElement = true;
+    });
+    document.addEventListener('dragleave', () => {
+      if (!this.enteredAnotherElement && !this.$button.disabled) {
+        this.hideDraggingState();
+        this.$announcements.innerText = this.i18n.t('leftDropZone');
+      }
+      this.enteredAnotherElement = false;
+    });
+  }
+  updateDropzoneVisibility(event) {
+    if (this.$button.disabled) return;
+    if (event.target instanceof Node) {
+      if (this.$root.contains(event.target)) {
+        if (event.dataTransfer && isContainingFiles(event.dataTransfer)) {
+          if (!this.$button.classList.contains('govuk-file-upload-button--dragging')) {
+            this.showDraggingState();
+            this.$announcements.innerText = this.i18n.t('enteredDropZone');
+          }
+        }
+      } else {
+        if (this.$button.classList.contains('govuk-file-upload-button--dragging')) {
+          this.hideDraggingState();
+          this.$announcements.innerText = this.i18n.t('leftDropZone');
+        }
+      }
+    }
+  }
+  showDraggingState() {
+    this.$button.classList.add('govuk-file-upload-button--dragging');
+  }
+  hideDraggingState() {
+    this.$button.classList.remove('govuk-file-upload-button--dragging');
+  }
+  onDrop(event) {
+    event.preventDefault();
+    if (event.dataTransfer && isContainingFiles(event.dataTransfer)) {
+      this.$input.files = event.dataTransfer.files;
+      this.$input.dispatchEvent(new CustomEvent('change'));
+      this.hideDraggingState();
+    }
+  }
+  onChange() {
+    const fileCount = this.$input.files.length;
+    if (fileCount === 0) {
+      this.$status.innerText = this.i18n.t('noFileChosen');
+      this.$button.classList.add('govuk-file-upload-button--empty');
+    } else {
+      if (fileCount === 1) {
+        this.$status.innerText = this.$input.files[0].name;
+      } else {
+        this.$status.innerText = this.i18n.t('multipleFilesChosen', {
+          count: fileCount
+        });
+      }
+      this.$button.classList.remove('govuk-file-upload-button--empty');
+    }
+  }
+  findLabel() {
+    const $label = document.querySelector(`label[for="${this.$input.id}"]`);
+    if (!$label) {
+      throw new ElementError({
+        component: FileUpload,
+        identifier: `Field label (\`<label for=${this.$input.id}>\`)`
+      });
+    }
+    return $label;
+  }
+  onClick() {
+    this.$input.click();
+  }
+  observeDisabledState() {
+    const observer = new MutationObserver(mutationList => {
+      for (const mutation of mutationList) {
+        if (mutation.type === 'attributes' && mutation.attributeName === 'disabled') {
+          this.updateDisabledState();
+        }
+      }
+    });
+    observer.observe(this.$input, {
+      attributes: true
+    });
+  }
+  updateDisabledState() {
+    this.$button.disabled = this.$input.disabled;
+    this.$root.classList.toggle('govuk-drop-zone--disabled', this.$button.disabled);
+  }
+}
+FileUpload.moduleName = 'govuk-file-upload';
+FileUpload.defaults = Object.freeze({
+  i18n: {
+    chooseFilesButton: 'Choose file',
+    dropInstruction: 'or drop file',
+    noFileChosen: 'No file chosen',
+    multipleFilesChosen: {
+      one: '%{count} file chosen',
+      other: '%{count} files chosen'
+    },
+    enteredDropZone: 'Entered drop zone',
+    leftDropZone: 'Left drop zone'
+  }
+});
+FileUpload.schema = Object.freeze({
+  properties: {
+    i18n: {
+      type: 'object'
+    }
+  }
+});
+function isContainingFiles(dataTransfer) {
+  const hasNoTypesInfo = dataTransfer.types.length === 0;
+  const isDraggingFiles = dataTransfer.types.some(type => type === 'Files');
+  return hasNoTypesInfo || isDraggingFiles;
+}
+
+/**
+ * @typedef {HTMLInputElement & {files: FileList}} HTMLFileInputElement
+ */
+
+/**
+ * File upload config
+ *
+ * @see {@link FileUpload.defaults}
+ * @typedef {object} FileUploadConfig
+ * @property {FileUploadTranslations} [i18n=FileUpload.defaults.i18n] - File upload translations
+ */
+
+/**
+ * File upload translations
+ *
+ * @see {@link FileUpload.defaults.i18n}
+ * @typedef {object} FileUploadTranslations
+ *
+ * Messages used by the component
+ * @property {string} [chooseFile] - The text of the button that opens the file picker
+ * @property {string} [dropInstruction] - The text informing users they can drop files
+ * @property {TranslationPluralForms} [multipleFilesChosen] - The text displayed when multiple files
+ *   have been chosen by the user
+ * @property {string} [noFileChosen] - The text to displayed when no file has been chosen by the user
+ * @property {string} [enteredDropZone] - The text announced by assistive technology
+ *   when user drags files and enters the drop zone
+ * @property {string} [leftDropZone] - The text announced by assistive technology
+ *   when user drags files and leaves the drop zone without dropping
+ */
+
+/**
+ * @import { Schema } from '../../common/configuration.mjs'
+ * @import { TranslationPluralForms } from '../../i18n.mjs'
+ */
+
+export { FileUpload };
+//# sourceMappingURL=file-upload.mjs.map
diff --git a/app/templates/govuk/components/components/file-upload/file-upload.mjs.map b/app/templates/govuk/components/components/file-upload/file-upload.mjs.map
new file mode 100644
index 0000000..3c50a5c
--- /dev/null
+++ b/app/templates/govuk/components/components/file-upload/file-upload.mjs.map
@@ -0,0 +1 @@
+{"version":3,"file":"file-upload.mjs","sources":["../../../../src/govuk/components/file-upload/file-upload.mjs"],"sourcesContent":["import { closestAttributeValue } from '../../common/closest-attribute-value.mjs'\nimport { ConfigurableComponent } from '../../common/configuration.mjs'\nimport { formatErrorMessage } from '../../common/index.mjs'\nimport { ElementError } from '../../errors/index.mjs'\nimport { I18n } from '../../i18n.mjs'\n\n/**\n * File upload component\n *\n * @preserve\n * @augments ConfigurableComponent<FileUploadConfig>\n */\nexport class FileUpload extends ConfigurableComponent {\n  /**\n   * @private\n   * @type {HTMLFileInputElement}\n   */\n  $input\n\n  /**\n   * @private\n   */\n  $button\n\n  /**\n   * @private\n   */\n  $status\n\n  /** @private */\n  i18n\n\n  /** @private */\n  id\n\n  /** @private */\n  $announcements\n\n  /**\n   * @private\n   * @type {boolean | undefined}\n   */\n  enteredAnotherElement\n\n  /**\n   * @param {Element | null} $root - File input element\n   * @param {FileUploadConfig} [config] - File Upload config\n   */\n  constructor($root, config = {}) {\n    super($root, config)\n\n    const $input = this.$root.querySelector('input')\n\n    if ($input === null) {\n      throw new ElementError({\n        component: FileUpload,\n        identifier: 'File inputs (`<input type=\"file\">`)'\n      })\n    }\n\n    if ($input.type !== 'file') {\n      throw new ElementError(\n        formatErrorMessage(\n          FileUpload,\n          'File input (`<input type=\"file\">`) attribute (`type`) is not `file`'\n        )\n      )\n    }\n\n    this.$input = /** @type {HTMLFileInputElement} */ ($input)\n\n    if (!this.$input.id) {\n      throw new ElementError({\n        component: FileUpload,\n        identifier: 'File input (`<input type=\"file\">`) attribute (`id`)'\n      })\n    }\n\n    this.id = this.$input.id\n\n    this.i18n = new I18n(this.config.i18n, {\n      // Read the fallback if necessary rather than have it set in the defaults\n      locale: closestAttributeValue(this.$root, 'lang')\n    })\n\n    const $label = this.findLabel()\n    // Add an ID to the label if it doesn't have one already\n    // so it can be referenced by `aria-labelledby`\n    if (!$label.id) {\n      $label.id = `${this.id}-label`\n    }\n\n    // we need to copy the 'id' of the root element\n    // to the new button replacement element\n    // so that focus will work in the error summary\n    this.$input.id = `${this.id}-input`\n\n    // Hide the native input\n    this.$input.setAttribute('hidden', 'true')\n\n    // Create the file selection button\n    const $button = document.createElement('button')\n    $button.classList.add('govuk-file-upload-button')\n    $button.type = 'button'\n    $button.id = this.id\n    $button.classList.add('govuk-file-upload-button--empty')\n\n    // Copy `aria-describedby` if present so hints and errors\n    // are associated to the `<button>`\n    const ariaDescribedBy = this.$input.getAttribute('aria-describedby')\n    if (ariaDescribedBy) {\n      $button.setAttribute('aria-describedby', ariaDescribedBy)\n    }\n\n    // Create status element that shows what/how many files are selected\n    const $status = document.createElement('span')\n    $status.className = 'govuk-body govuk-file-upload-button__status'\n    $status.setAttribute('aria-live', 'polite')\n    $status.innerText = this.i18n.t('noFileChosen')\n\n    $button.appendChild($status)\n\n    const commaSpan = document.createElement('span')\n    commaSpan.className = 'govuk-visually-hidden'\n    commaSpan.innerText = ', '\n    commaSpan.id = `${this.id}-comma`\n\n    $button.appendChild(commaSpan)\n\n    const containerSpan = document.createElement('span')\n    containerSpan.className =\n      'govuk-file-upload-button__pseudo-button-container'\n\n    const buttonSpan = document.createElement('span')\n    buttonSpan.className =\n      'govuk-button govuk-button--secondary govuk-file-upload-button__pseudo-button'\n    buttonSpan.innerText = this.i18n.t('chooseFilesButton')\n\n    containerSpan.appendChild(buttonSpan)\n\n    // Add a space so the button and instruction read correctly\n    // when CSS is disabled\n    containerSpan.insertAdjacentText('beforeend', ' ')\n\n    const instructionSpan = document.createElement('span')\n    instructionSpan.className =\n      'govuk-body govuk-file-upload-button__instruction'\n    instructionSpan.innerText = this.i18n.t('dropInstruction')\n\n    containerSpan.appendChild(instructionSpan)\n\n    $button.appendChild(containerSpan)\n    $button.setAttribute(\n      'aria-labelledby',\n      `${$label.id} ${commaSpan.id} ${$button.id}`\n    )\n    $button.addEventListener('click', this.onClick.bind(this))\n    $button.addEventListener('dragover', (event) => {\n      // prevent default to allow drop\n      event.preventDefault()\n    })\n\n    // Assemble these all together\n    this.$root.insertAdjacentElement('afterbegin', $button)\n\n    this.$input.setAttribute('tabindex', '-1')\n    this.$input.setAttribute('aria-hidden', 'true')\n\n    // Make all these new variables available to the module\n    this.$button = $button\n    this.$status = $status\n\n    // Bind change event to the underlying input\n    this.$input.addEventListener('change', this.onChange.bind(this))\n\n    // Synchronise the `disabled` state between the button and underlying input\n    this.updateDisabledState()\n    this.observeDisabledState()\n\n    // Handle drop zone visibility\n    // A live region to announce when users enter or leave the drop zone\n    this.$announcements = document.createElement('span')\n    this.$announcements.classList.add('govuk-file-upload-announcements')\n    this.$announcements.classList.add('govuk-visually-hidden')\n    this.$announcements.setAttribute('aria-live', 'assertive')\n    this.$root.insertAdjacentElement('afterend', this.$announcements)\n\n    // if there is no CSS and input is hidden\n    // button will need to handle drop event\n    this.$button.addEventListener('drop', this.onDrop.bind(this))\n\n    // While user is dragging, it gets a little more complex because of Safari.\n    // Safari doesn't fill `relatedTarget` on `dragleave` (nor `dragenter`).\n    // This means we can't use `relatedTarget` to:\n    // - check if the user is still within the wrapper\n    //   (`relatedTarget` being a descendant of the wrapper)\n    // - check if the user is still over the viewport\n    //   (`relatedTarget` being null if outside)\n\n    // Thanks to `dragenter` bubbling, we can listen on the `document` with a\n    // single function and update the visibility based on whether we entered a\n    // node inside or outside the wrapper.\n    document.addEventListener(\n      'dragenter',\n      this.updateDropzoneVisibility.bind(this)\n    )\n\n    // To detect if we're outside the document, we can track if there was a\n    // `dragenter` event preceding a `dragleave`. If there wasn't, this means\n    // we're outside the document.\n    //\n    // The order of events is guaranteed by the HTML specs:\n    // https://html.spec.whatwg.org/multipage/dnd.html#drag-and-drop-processing-model\n    document.addEventListener('dragenter', () => {\n      this.enteredAnotherElement = true\n    })\n\n    document.addEventListener('dragleave', () => {\n      if (!this.enteredAnotherElement && !this.$button.disabled) {\n        this.hideDraggingState()\n        this.$announcements.innerText = this.i18n.t('leftDropZone')\n      }\n\n      this.enteredAnotherElement = false\n    })\n  }\n\n  /**\n   * Updates the visibility of the dropzone as users enters the various elements on the page\n   *\n   * @private\n   * @param {DragEvent} event - The `dragenter` event\n   */\n  updateDropzoneVisibility(event) {\n    if (this.$button.disabled) return\n\n    // DOM interfaces only type `event.target` as `EventTarget`\n    // so we first need to make sure it's a `Node`\n    if (event.target instanceof Node) {\n      if (this.$root.contains(event.target)) {\n        if (event.dataTransfer && isContainingFiles(event.dataTransfer)) {\n          // Only update the class and make the announcement if not already visible\n          // to avoid repeated announcements on NVDA (2024.4) + Firefox (133)\n          if (\n            !this.$button.classList.contains(\n              'govuk-file-upload-button--dragging'\n            )\n          ) {\n            this.showDraggingState()\n            this.$announcements.innerText = this.i18n.t('enteredDropZone')\n          }\n        }\n      } else {\n        // Only hide the dropzone if it is visible to prevent announcing user\n        // left the drop zone when they enter the page but haven't reached yet\n        // the file upload component\n        if (\n          this.$button.classList.contains('govuk-file-upload-button--dragging')\n        ) {\n          this.hideDraggingState()\n          this.$announcements.innerText = this.i18n.t('leftDropZone')\n        }\n      }\n    }\n  }\n\n  /**\n   * Show the drop zone visually\n   *\n   * @private\n   */\n  showDraggingState() {\n    this.$button.classList.add('govuk-file-upload-button--dragging')\n  }\n\n  /**\n   * Hides the drop zone visually\n   *\n   * @private\n   */\n  hideDraggingState() {\n    this.$button.classList.remove('govuk-file-upload-button--dragging')\n  }\n\n  /**\n   * Handles user dropping on the component\n   *\n   * @private\n   * @param {DragEvent} event - The `dragenter` event\n   */\n  onDrop(event) {\n    event.preventDefault()\n\n    if (event.dataTransfer && isContainingFiles(event.dataTransfer)) {\n      this.$input.files = event.dataTransfer.files\n\n      // Dispatch a `change` event so external code that would rely on the `<input>`\n      // dispatching an event when files are dropped still work.\n      // Use a `CustomEvent` so our events are distinguishable from browser's native events\n      this.$input.dispatchEvent(new CustomEvent('change'))\n\n      this.hideDraggingState()\n    }\n  }\n\n  /**\n   * Check if the value of the underlying input has changed\n   *\n   * @private\n   */\n  onChange() {\n    const fileCount = this.$input.files.length\n\n    if (fileCount === 0) {\n      // If there are no files, show the default selection text\n      this.$status.innerText = this.i18n.t('noFileChosen')\n      this.$button.classList.add('govuk-file-upload-button--empty')\n    } else {\n      if (\n        // If there is 1 file, just show the file name\n        fileCount === 1\n      ) {\n        this.$status.innerText = this.$input.files[0].name\n      } else {\n        // Otherwise, tell the user how many files are selected\n        this.$status.innerText = this.i18n.t('multipleFilesChosen', {\n          count: fileCount\n        })\n      }\n\n      this.$button.classList.remove('govuk-file-upload-button--empty')\n    }\n  }\n\n  /**\n   * Looks up the `<label>` element associated to the field\n   *\n   * @private\n   * @returns {HTMLElement} The `<label>` element associated to the field\n   * @throws {ElementError} If the `<label>` cannot be found\n   */\n  findLabel() {\n    // Use `label` in the selector so TypeScript knows the type fo `HTMLElement`\n    const $label = document.querySelector(`label[for=\"${this.$input.id}\"]`)\n\n    if (!$label) {\n      throw new ElementError({\n        component: FileUpload,\n        identifier: `Field label (\\`<label for=${this.$input.id}>\\`)`\n      })\n    }\n\n    return $label\n  }\n\n  /**\n   * When the button is clicked, emulate clicking the actual, hidden file input\n   *\n   * @private\n   */\n  onClick() {\n    this.$input.click()\n  }\n\n  /**\n   * Create a mutation observer to check if the input's attributes altered.\n   *\n   * @private\n   */\n  observeDisabledState() {\n    const observer = new MutationObserver((mutationList) => {\n      for (const mutation of mutationList) {\n        if (\n          mutation.type === 'attributes' &&\n          mutation.attributeName === 'disabled'\n        ) {\n          this.updateDisabledState()\n        }\n      }\n    })\n\n    observer.observe(this.$input, {\n      attributes: true\n    })\n  }\n\n  /**\n   * Synchronise the `disabled` state between the input and replacement button.\n   *\n   * @private\n   */\n  updateDisabledState() {\n    this.$button.disabled = this.$input.disabled\n\n    this.$root.classList.toggle(\n      'govuk-drop-zone--disabled',\n      this.$button.disabled\n    )\n  }\n\n  /**\n   * Name for the component used when initialising using data-module attributes.\n   */\n  static moduleName = 'govuk-file-upload'\n\n  /**\n   * File upload default config\n   *\n   * @see {@link FileUploadConfig}\n   * @constant\n   * @type {FileUploadConfig}\n   */\n  static defaults = Object.freeze({\n    i18n: {\n      chooseFilesButton: 'Choose file',\n      dropInstruction: 'or drop file',\n      noFileChosen: 'No file chosen',\n      multipleFilesChosen: {\n        // the 'one' string isn't used as the component displays the filename\n        // instead, however it's here for coverage's sake\n        one: '%{count} file chosen',\n        other: '%{count} files chosen'\n      },\n      enteredDropZone: 'Entered drop zone',\n      leftDropZone: 'Left drop zone'\n    }\n  })\n\n  /**\n   * File upload config schema\n   *\n   * @constant\n   * @satisfies {Schema<FileUploadConfig>}\n   */\n  static schema = Object.freeze({\n    properties: {\n      i18n: { type: 'object' }\n    }\n  })\n}\n\n/**\n * Checks if the given `DataTransfer` contains files\n *\n * @internal\n * @param {DataTransfer} dataTransfer - The `DataTransfer` to check\n * @returns {boolean} - `true` if it contains files or we can't infer it, `false` otherwise\n */\nfunction isContainingFiles(dataTransfer) {\n  // Safari sometimes does not provide info about types :'(\n  // In which case best not to assume anything and try to set the files\n  const hasNoTypesInfo = dataTransfer.types.length === 0\n\n  // When dragging images, there's a mix of mime types + Files\n  // which we can't assign to the native input\n  const isDraggingFiles = dataTransfer.types.some((type) => type === 'Files')\n\n  return hasNoTypesInfo || isDraggingFiles\n}\n\n/**\n * @typedef {HTMLInputElement & {files: FileList}} HTMLFileInputElement\n */\n\n/**\n * File upload config\n *\n * @see {@link FileUpload.defaults}\n * @typedef {object} FileUploadConfig\n * @property {FileUploadTranslations} [i18n=FileUpload.defaults.i18n] - File upload translations\n */\n\n/**\n * File upload translations\n *\n * @see {@link FileUpload.defaults.i18n}\n * @typedef {object} FileUploadTranslations\n *\n * Messages used by the component\n * @property {string} [chooseFile] - The text of the button that opens the file picker\n * @property {string} [dropInstruction] - The text informing users they can drop files\n * @property {TranslationPluralForms} [multipleFilesChosen] - The text displayed when multiple files\n *   have been chosen by the user\n * @property {string} [noFileChosen] - The text to displayed when no file has been chosen by the user\n * @property {string} [enteredDropZone] - The text announced by assistive technology\n *   when user drags files and enters the drop zone\n * @property {string} [leftDropZone] - The text announced by assistive technology\n *   when user drags files and leaves the drop zone without dropping\n */\n\n/**\n * @import { Schema } from '../../common/configuration.mjs'\n * @import { TranslationPluralForms } from '../../i18n.mjs'\n */\n"],"names":["FileUpload","ConfigurableComponent","constructor","$root","config","$input","$button","$status","i18n","id","$announcements","enteredAnotherElement","querySelector","ElementError","component","identifier","type","formatErrorMessage","I18n","locale","closestAttributeValue","$label","findLabel","setAttribute","document","createElement","classList","add","ariaDescribedBy","getAttribute","className","innerText","t","appendChild","commaSpan","containerSpan","buttonSpan","insertAdjacentText","instructionSpan","addEventListener","onClick","bind","event","preventDefault","insertAdjacentElement","onChange","updateDisabledState","observeDisabledState","onDrop","updateDropzoneVisibility","disabled","hideDraggingState","target","Node","contains","dataTransfer","isContainingFiles","showDraggingState","remove","files","dispatchEvent","CustomEvent","fileCount","length","name","count","click","observer","MutationObserver","mutationList","mutation","attributeName","observe","attributes","toggle","moduleName","defaults","Object","freeze","chooseFilesButton","dropInstruction","noFileChosen","multipleFilesChosen","one","other","enteredDropZone","leftDropZone","schema","properties","hasNoTypesInfo","types","isDraggingFiles","some"],"mappings":"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"}
\ No newline at end of file
diff --git a/app/templates/govuk/components/components/file-upload/fixtures.json b/app/templates/govuk/components/components/file-upload/fixtures.json
new file mode 100644
index 0000000..56b3fa8
--- /dev/null
+++ b/app/templates/govuk/components/components/file-upload/fixtures.json
@@ -0,0 +1,378 @@
+{
+    "component": "file-upload",
+    "fixtures": [
+        {
+            "name": "default",
+            "options": {
+                "name": "file-upload-1",
+                "label": {
+                    "text": "Upload a file"
+                }
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": true,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"file-upload-1\">\n    Upload a file\n  </label>\n  <input class=\"govuk-file-upload\" id=\"file-upload-1\" name=\"file-upload-1\" type=\"file\">\n</div>"
+        },
+        {
+            "name": "with hint text",
+            "options": {
+                "id": "file-upload-2",
+                "name": "file-upload-2",
+                "label": {
+                    "text": "Upload your photo"
+                },
+                "hint": {
+                    "text": "Your photo may be in your Pictures, Photos, Downloads or Desktop folder. Or in an app like iPhoto."
+                }
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"file-upload-2\">\n    Upload your photo\n  </label>\n  <div id=\"file-upload-2-hint\" class=\"govuk-hint\">\n    Your photo may be in your Pictures, Photos, Downloads or Desktop folder. Or in an app like iPhoto.\n  </div>\n  <input class=\"govuk-file-upload\" id=\"file-upload-2\" name=\"file-upload-2\" type=\"file\" aria-describedby=\"file-upload-2-hint\">\n</div>"
+        },
+        {
+            "name": "with error message and hint",
+            "options": {
+                "id": "file-upload-3",
+                "name": "file-upload-3",
+                "label": {
+                    "text": "Upload a file"
+                },
+                "hint": {
+                    "text": "Your photo may be in your Pictures, Photos, Downloads or Desktop folder. Or in an app like iPhoto."
+                },
+                "errorMessage": {
+                    "text": "Error message goes here"
+                }
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-form-group--error\">\n  <label class=\"govuk-label\" for=\"file-upload-3\">\n    Upload a file\n  </label>\n  <div id=\"file-upload-3-hint\" class=\"govuk-hint\">\n    Your photo may be in your Pictures, Photos, Downloads or Desktop folder. Or in an app like iPhoto.\n  </div>\n  <p id=\"file-upload-3-error\" class=\"govuk-error-message\">\n    <span class=\"govuk-visually-hidden\">Error:</span> Error message goes here\n  </p>\n  <input class=\"govuk-file-upload govuk-file-upload--error\" id=\"file-upload-3\" name=\"file-upload-3\" type=\"file\" aria-describedby=\"file-upload-3-hint file-upload-3-error\">\n</div>"
+        },
+        {
+            "name": "with label as page heading",
+            "options": {
+                "id": "file-upload-1",
+                "name": "file-upload-1",
+                "label": {
+                    "text": "Upload a file",
+                    "classes": "govuk-label--l",
+                    "isPageHeading": true
+                }
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <h1 class=\"govuk-label-wrapper\">\n    <label class=\"govuk-label govuk-label--l\" for=\"file-upload-1\">\n      Upload a file\n    </label>\n  </h1>\n  <input class=\"govuk-file-upload\" id=\"file-upload-1\" name=\"file-upload-1\" type=\"file\">\n</div>"
+        },
+        {
+            "name": "enhanced",
+            "options": {
+                "id": "file-upload-1",
+                "name": "file-upload-1",
+                "label": {
+                    "text": "Upload a file"
+                },
+                "javascript": true
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": {
+                "variants": [
+                    "default",
+                    "no-js"
+                ]
+            },
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"file-upload-1\">\n    Upload a file\n  </label>\n  <div\n    class=\"govuk-drop-zone\"\n    data-module=\"govuk-file-upload\">\n  <input class=\"govuk-file-upload\" id=\"file-upload-1\" name=\"file-upload-1\" type=\"file\">\n  </div>\n</div>"
+        },
+        {
+            "name": "enhanced, with error message and hint",
+            "options": {
+                "javascript": true,
+                "id": "file-upload-3",
+                "name": "file-upload-3",
+                "label": {
+                    "text": "Upload a file"
+                },
+                "hint": {
+                    "text": "Your photo may be in your Pictures, Photos, Downloads or Desktop folder. Or in an app like iPhoto."
+                },
+                "errorMessage": {
+                    "text": "Error message goes here"
+                }
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-form-group--error\">\n  <label class=\"govuk-label\" for=\"file-upload-3\">\n    Upload a file\n  </label>\n  <div id=\"file-upload-3-hint\" class=\"govuk-hint\">\n    Your photo may be in your Pictures, Photos, Downloads or Desktop folder. Or in an app like iPhoto.\n  </div>\n  <p id=\"file-upload-3-error\" class=\"govuk-error-message\">\n    <span class=\"govuk-visually-hidden\">Error:</span> Error message goes here\n  </p>\n  <div\n    class=\"govuk-drop-zone\"\n    data-module=\"govuk-file-upload\">\n  <input class=\"govuk-file-upload govuk-file-upload--error\" id=\"file-upload-3\" name=\"file-upload-3\" type=\"file\" aria-describedby=\"file-upload-3-hint file-upload-3-error\">\n  </div>\n</div>"
+        },
+        {
+            "name": "with value",
+            "options": {
+                "id": "file-upload-4",
+                "name": "file-upload-4",
+                "value": "C:\\fakepath\\myphoto.jpg",
+                "label": {
+                    "text": "Upload a photo"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"file-upload-4\">\n    Upload a photo\n  </label>\n  <input class=\"govuk-file-upload\" id=\"file-upload-4\" name=\"file-upload-4\" type=\"file\" value=\"C:&#92;fakepath&#92;myphoto.jpg\">\n</div>"
+        },
+        {
+            "name": "attributes",
+            "options": {
+                "id": "file-upload-attributes",
+                "name": "file-upload-attributes",
+                "label": {
+                    "text": "Upload a file"
+                },
+                "attributes": {
+                    "accept": ".jpg, .jpeg, .png"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"file-upload-attributes\">\n    Upload a file\n  </label>\n  <input class=\"govuk-file-upload\" id=\"file-upload-attributes\" name=\"file-upload-attributes\" type=\"file\" accept=\".jpg, .jpeg, .png\">\n</div>"
+        },
+        {
+            "name": "classes",
+            "options": {
+                "id": "file-upload-classes",
+                "name": "file-upload-classes",
+                "label": {
+                    "text": "Upload a file"
+                },
+                "classes": "app-file-upload--custom-modifier"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"file-upload-classes\">\n    Upload a file\n  </label>\n  <input class=\"govuk-file-upload app-file-upload--custom-modifier\" id=\"file-upload-classes\" name=\"file-upload-classes\" type=\"file\">\n</div>"
+        },
+        {
+            "name": "id",
+            "options": {
+                "id": "file-upload-id",
+                "name": "test-name",
+                "label": {
+                    "text": "Upload a file"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"file-upload-id\">\n    Upload a file\n  </label>\n  <input class=\"govuk-file-upload\" id=\"file-upload-id\" name=\"test-name\" type=\"file\">\n</div>"
+        },
+        {
+            "name": "with describedBy",
+            "options": {
+                "id": "file-upload-describedby",
+                "name": "file-upload-describedby",
+                "label": {
+                    "text": "Upload a file"
+                },
+                "describedBy": "test-target-element"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"file-upload-describedby\">\n    Upload a file\n  </label>\n  <input class=\"govuk-file-upload\" id=\"file-upload-describedby\" name=\"file-upload-describedby\" type=\"file\" aria-describedby=\"test-target-element\">\n</div>"
+        },
+        {
+            "name": "with hint and describedBy",
+            "options": {
+                "id": "file-upload-hint-describedby",
+                "name": "file-upload-hint-describedby",
+                "label": {
+                    "text": "Upload a file"
+                },
+                "describedBy": "test-target-element",
+                "hint": {
+                    "text": "Your photo may be in your Pictures, Photos, Downloads or Desktop folder. Or in an app like iPhoto."
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"file-upload-hint-describedby\">\n    Upload a file\n  </label>\n  <div id=\"file-upload-hint-describedby-hint\" class=\"govuk-hint\">\n    Your photo may be in your Pictures, Photos, Downloads or Desktop folder. Or in an app like iPhoto.\n  </div>\n  <input class=\"govuk-file-upload\" id=\"file-upload-hint-describedby\" name=\"file-upload-hint-describedby\" type=\"file\" aria-describedby=\"test-target-element file-upload-hint-describedby-hint\">\n</div>"
+        },
+        {
+            "name": "error",
+            "options": {
+                "id": "file-upload-with-error",
+                "name": "file-upload-with-error",
+                "label": {
+                    "text": "Upload a file"
+                },
+                "errorMessage": {
+                    "text": "Error message"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-form-group--error\">\n  <label class=\"govuk-label\" for=\"file-upload-with-error\">\n    Upload a file\n  </label>\n  <p id=\"file-upload-with-error-error\" class=\"govuk-error-message\">\n    <span class=\"govuk-visually-hidden\">Error:</span> Error message\n  </p>\n  <input class=\"govuk-file-upload govuk-file-upload--error\" id=\"file-upload-with-error\" name=\"file-upload-with-error\" type=\"file\" aria-describedby=\"file-upload-with-error-error\">\n</div>"
+        },
+        {
+            "name": "with error and describedBy",
+            "options": {
+                "id": "file-upload-error-describedby",
+                "name": "file-upload-error-describedby",
+                "label": {
+                    "text": "Upload a file"
+                },
+                "describedBy": "test-target-element",
+                "errorMessage": {
+                    "text": "Error message"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-form-group--error\">\n  <label class=\"govuk-label\" for=\"file-upload-error-describedby\">\n    Upload a file\n  </label>\n  <p id=\"file-upload-error-describedby-error\" class=\"govuk-error-message\">\n    <span class=\"govuk-visually-hidden\">Error:</span> Error message\n  </p>\n  <input class=\"govuk-file-upload govuk-file-upload--error\" id=\"file-upload-error-describedby\" name=\"file-upload-error-describedby\" type=\"file\" aria-describedby=\"test-target-element file-upload-error-describedby-error\">\n</div>"
+        },
+        {
+            "name": "with error, describedBy and hint",
+            "options": {
+                "id": "file-upload-error-describedby-hint",
+                "name": "file-upload-error-describedby-hint",
+                "label": {
+                    "text": "Upload a file"
+                },
+                "describedBy": "test-target-element",
+                "errorMessage": {
+                    "text": "Error message"
+                },
+                "hint": {
+                    "text": "hint"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-form-group--error\">\n  <label class=\"govuk-label\" for=\"file-upload-error-describedby-hint\">\n    Upload a file\n  </label>\n  <div id=\"file-upload-error-describedby-hint-hint\" class=\"govuk-hint\">\n    hint\n  </div>\n  <p id=\"file-upload-error-describedby-hint-error\" class=\"govuk-error-message\">\n    <span class=\"govuk-visually-hidden\">Error:</span> Error message\n  </p>\n  <input class=\"govuk-file-upload govuk-file-upload--error\" id=\"file-upload-error-describedby-hint\" name=\"file-upload-error-describedby-hint\" type=\"file\" aria-describedby=\"test-target-element file-upload-error-describedby-hint-hint file-upload-error-describedby-hint-error\">\n</div>"
+        },
+        {
+            "name": "translated, no javascript enhancement",
+            "options": {
+                "id": "file-upload-1",
+                "name": "file-upload-1",
+                "label": {
+                    "text": "Llwythwch ffeil i fyny"
+                },
+                "multiple": true,
+                "chooseFilesButtonText": "Dewiswch ffeil",
+                "dropInstructionText": "neu ollwng ffeil",
+                "noFileChosenText": "Dim ffeil wedi'i dewis",
+                "multipleFilesChosenText": {
+                    "other": "%{count} ffeil wedi'u dewis",
+                    "one": "%{count} ffeil wedi'i dewis"
+                },
+                "enteredDropZoneText": "Wedi mynd i mewn i'r parth gollwng",
+                "leftDropZoneText": "Parth gollwng i'r chwith"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"file-upload-1\">\n    Llwythwch ffeil i fyny\n  </label>\n  <input class=\"govuk-file-upload\" id=\"file-upload-1\" name=\"file-upload-1\" type=\"file\" multiple>\n</div>"
+        },
+        {
+            "name": "allows multiple files",
+            "options": {
+                "id": "file-upload-1",
+                "name": "file-upload-1",
+                "label": {
+                    "text": "Upload a file"
+                },
+                "multiple": true
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"file-upload-1\">\n    Upload a file\n  </label>\n  <input class=\"govuk-file-upload\" id=\"file-upload-1\" name=\"file-upload-1\" type=\"file\" multiple>\n</div>"
+        },
+        {
+            "name": "disabled",
+            "options": {
+                "id": "file-upload-1",
+                "name": "file-upload-1",
+                "label": {
+                    "text": "Upload a file"
+                },
+                "disabled": true
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"file-upload-1\">\n    Upload a file\n  </label>\n  <input class=\"govuk-file-upload\" id=\"file-upload-1\" name=\"file-upload-1\" type=\"file\" disabled>\n</div>"
+        },
+        {
+            "name": "with optional form-group classes",
+            "options": {
+                "id": "file-upload-1",
+                "name": "file-upload-1",
+                "label": {
+                    "text": "Upload a file"
+                },
+                "formGroup": {
+                    "classes": "extra-class"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group extra-class\">\n  <label class=\"govuk-label\" for=\"file-upload-1\">\n    Upload a file\n  </label>\n  <input class=\"govuk-file-upload\" id=\"file-upload-1\" name=\"file-upload-1\" type=\"file\">\n</div>"
+        },
+        {
+            "name": "translated",
+            "options": {
+                "id": "file-upload-1",
+                "name": "file-upload-1",
+                "label": {
+                    "text": "Llwythwch ffeil i fyny"
+                },
+                "multiple": true,
+                "javascript": true,
+                "chooseFilesButtonText": "Dewiswch ffeil",
+                "dropInstructionText": "neu ollwng ffeil",
+                "noFileChosenText": "Dim ffeil wedi'i dewis",
+                "multipleFilesChosenText": {
+                    "other": "%{count} ffeil wedi'u dewis",
+                    "one": "%{count} ffeil wedi'i dewis"
+                },
+                "enteredDropZoneText": "Wedi mynd i mewn i'r parth gollwng",
+                "leftDropZoneText": "Parth gollwng i'r chwith"
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"file-upload-1\">\n    Llwythwch ffeil i fyny\n  </label>\n  <div\n    class=\"govuk-drop-zone\"\n    data-module=\"govuk-file-upload\" data-i18n.choose-files-button=\"Dewiswch ffeil\" data-i18n.no-file-chosen=\"Dim ffeil wedi&#39;i dewis\" data-i18n.multiple-files-chosen.other=\"%{count} ffeil wedi&#39;u dewis\" data-i18n.multiple-files-chosen.one=\"%{count} ffeil wedi&#39;i dewis\" data-i18n.drop-instruction=\"neu ollwng ffeil\" data-i18n.entered-drop-zone=\"Wedi mynd i mewn i&#39;r parth gollwng\" data-i18n.left-drop-zone=\"Parth gollwng i&#39;r chwith\">\n  <input class=\"govuk-file-upload\" id=\"file-upload-1\" name=\"file-upload-1\" type=\"file\" multiple>\n  </div>\n</div>"
+        }
+    ]
+}
diff --git a/app/templates/govuk/components/components/file-upload/macro-options.json b/app/templates/govuk/components/components/file-upload/macro-options.json
new file mode 100644
index 0000000..5636926
--- /dev/null
+++ b/app/templates/govuk/components/components/file-upload/macro-options.json
@@ -0,0 +1,174 @@
+[
+    {
+        "name": "name",
+        "type": "string",
+        "required": true,
+        "description": "The name of the input, which is submitted with the form data."
+    },
+    {
+        "name": "id",
+        "type": "string",
+        "required": false,
+        "description": "The ID of the input. Defaults to the value of `name`."
+    },
+    {
+        "name": "value",
+        "type": "string",
+        "required": false,
+        "description": "Optional initial value of the input.",
+        "deprecated": "5.7.1"
+    },
+    {
+        "name": "disabled",
+        "type": "boolean",
+        "required": false,
+        "description": "If `true`, file input will be disabled."
+    },
+    {
+        "name": "multiple",
+        "type": "boolean",
+        "required": false,
+        "description": "If `true`, a user may select multiple files at the same time. The exact mechanism to do this differs depending on operating system."
+    },
+    {
+        "name": "describedBy",
+        "type": "string",
+        "required": false,
+        "description": "One or more element IDs to add to the `aria-describedby` attribute, used to provide additional descriptive information for screenreader users."
+    },
+    {
+        "name": "label",
+        "type": "object",
+        "required": true,
+        "description": "The label used by the file upload component.",
+        "isComponent": true
+    },
+    {
+        "name": "hint",
+        "type": "object",
+        "required": false,
+        "description": "Can be used to add a hint to the file upload component.",
+        "isComponent": true
+    },
+    {
+        "name": "errorMessage",
+        "type": "object",
+        "required": false,
+        "description": "Can be used to add an error message to the file upload component. The error message component will not display if you use a falsy value for `errorMessage`, for example `false` or `null`.",
+        "isComponent": true
+    },
+    {
+        "name": "formGroup",
+        "type": "object",
+        "required": false,
+        "description": "Additional options for the form group containing the file upload component.",
+        "params": [
+            {
+                "name": "classes",
+                "type": "string",
+                "required": false,
+                "description": "Classes to add to the form group (for example to show error state for the whole group)."
+            },
+            {
+                "name": "attributes",
+                "type": "object",
+                "required": false,
+                "description": "HTML attributes (for example data attributes) to add to the form group."
+            },
+            {
+                "name": "beforeInput",
+                "type": "object",
+                "required": false,
+                "description": "Content to add before the input used by the file upload component.",
+                "params": [
+                    {
+                        "name": "text",
+                        "type": "string",
+                        "required": true,
+                        "description": "Text to add before the input. If `html` is provided, the `text` option will be ignored."
+                    },
+                    {
+                        "name": "html",
+                        "type": "string",
+                        "required": true,
+                        "description": "HTML to add before the input. If `html` is provided, the `text` option will be ignored."
+                    }
+                ]
+            },
+            {
+                "name": "afterInput",
+                "type": "object",
+                "required": false,
+                "description": "Content to add after the input used by the file upload component.",
+                "params": [
+                    {
+                        "name": "text",
+                        "type": "string",
+                        "required": true,
+                        "description": "Text to add after the input. If `html` is provided, the `text` option will be ignored."
+                    },
+                    {
+                        "name": "html",
+                        "type": "string",
+                        "required": true,
+                        "description": "HTML to add after the input. If `html` is provided, the `text` option will be ignored."
+                    }
+                ]
+            }
+        ]
+    },
+    {
+        "name": "javascript",
+        "type": "boolean",
+        "required": false,
+        "description": "Can be used to enable JavaScript enhancements for the component."
+    },
+    {
+        "name": "chooseFilesButtonText",
+        "type": "string",
+        "required": false,
+        "description": "The text of the button that opens the file picker. Default is `\"Choose file\"`. If `javascript` is not provided, this option will be ignored."
+    },
+    {
+        "name": "dropInstructionText",
+        "type": "string",
+        "required": false,
+        "description": "The text informing users they can drop files. Default is `\"or drop file\"`. If `javascript` is not provided, this option will be ignored."
+    },
+    {
+        "name": "multipleFilesChosenText",
+        "type": "object",
+        "required": false,
+        "description": "The text displayed when multiple files have been chosen by the user. The component will replace the `%{count}` placeholder with the number of files selected. [Our pluralisation rules apply to this macro option](https://frontend.design-system.service.gov.uk/localise-govuk-frontend/#understanding-pluralisation-rules). If `javascript` is not provided, this option will be ignored."
+    },
+    {
+        "name": "noFileChosenText",
+        "type": "string",
+        "required": false,
+        "description": "The text displayed when no file has been chosen by the user. Default is `\"No file chosen\"`. If `javascript` is not provided, this option will be ignored."
+    },
+    {
+        "name": "enteredDropZoneText",
+        "type": "string",
+        "required": false,
+        "description": "The text announced by assistive technology when user drags files and enters the drop zone. Default is `\"Entered drop zone\"`. If `javascript` is not provided, this option will be ignored."
+    },
+    {
+        "name": "leftDropZoneText",
+        "type": "string",
+        "required": false,
+        "description": "The text announced by assistive technology when user drags files and leaves the drop zone without dropping. Default is `\"Left drop zone\"`. If `javascript` is not provided, this option will be ignored."
+    },
+    {
+        "name": "classes",
+        "type": "string",
+        "required": false,
+        "description": "Classes to add to the file upload component."
+    },
+    {
+        "name": "attributes",
+        "type": "object",
+        "required": false,
+        "description": "HTML attributes (for example data attributes) to add to the file upload component."
+    }
+]
diff --git a/app/templates/govuk/components/components/file-upload/macro.njk b/app/templates/govuk/components/components/file-upload/macro.njk
new file mode 100644
index 0000000..33796b9
--- /dev/null
+++ b/app/templates/govuk/components/components/file-upload/macro.njk
@@ -0,0 +1,3 @@
+{% macro govukFileUpload(params) %}
+  {%- include "./template.njk" -%}
+{% endmacro %}
diff --git a/app/templates/govuk/components/components/file-upload/template-default.html b/app/templates/govuk/components/components/file-upload/template-default.html
new file mode 100644
index 0000000..61ba3de
--- /dev/null
+++ b/app/templates/govuk/components/components/file-upload/template-default.html
@@ -0,0 +1,6 @@
+<div class="govuk-form-group">
+  <label class="govuk-label" for="file-upload-1">
+    Upload a file
+  </label>
+  <input class="govuk-file-upload" id="file-upload-1" name="file-upload-1" type="file">
+</div>
diff --git a/app/templates/govuk/components/components/file-upload/template-enhanced-with-error-message-and-hint.html b/app/templates/govuk/components/components/file-upload/template-enhanced-with-error-message-and-hint.html
new file mode 100644
index 0000000..b6abfe2
--- /dev/null
+++ b/app/templates/govuk/components/components/file-upload/template-enhanced-with-error-message-and-hint.html
@@ -0,0 +1,16 @@
+<div class="govuk-form-group govuk-form-group--error">
+  <label class="govuk-label" for="file-upload-3">
+    Upload a file
+  </label>
+  <div id="file-upload-3-hint" class="govuk-hint">
+    Your photo may be in your Pictures, Photos, Downloads or Desktop folder. Or in an app like iPhoto.
+  </div>
+  <p id="file-upload-3-error" class="govuk-error-message">
+    <span class="govuk-visually-hidden">Error:</span> Error message goes here
+  </p>
+  <div
+    class="govuk-drop-zone"
+    data-module="govuk-file-upload">
+  <input class="govuk-file-upload govuk-file-upload--error" id="file-upload-3" name="file-upload-3" type="file" aria-describedby="file-upload-3-hint file-upload-3-error">
+  </div>
+</div>
diff --git a/app/templates/govuk/components/components/file-upload/template-enhanced.html b/app/templates/govuk/components/components/file-upload/template-enhanced.html
new file mode 100644
index 0000000..941aae0
--- /dev/null
+++ b/app/templates/govuk/components/components/file-upload/template-enhanced.html
@@ -0,0 +1,10 @@
+<div class="govuk-form-group">
+  <label class="govuk-label" for="file-upload-1">
+    Upload a file
+  </label>
+  <div
+    class="govuk-drop-zone"
+    data-module="govuk-file-upload">
+  <input class="govuk-file-upload" id="file-upload-1" name="file-upload-1" type="file">
+  </div>
+</div>
diff --git a/app/templates/govuk/components/components/file-upload/template-translated.html b/app/templates/govuk/components/components/file-upload/template-translated.html
new file mode 100644
index 0000000..00a8076
--- /dev/null
+++ b/app/templates/govuk/components/components/file-upload/template-translated.html
@@ -0,0 +1,10 @@
+<div class="govuk-form-group">
+  <label class="govuk-label" for="file-upload-1">
+    Llwythwch ffeil i fyny
+  </label>
+  <div
+    class="govuk-drop-zone"
+    data-module="govuk-file-upload" data-i18n.choose-files-button="Dewiswch ffeil" data-i18n.no-file-chosen="Dim ffeil wedi&#39;i dewis" data-i18n.multiple-files-chosen.other="%{count} ffeil wedi&#39;u dewis" data-i18n.multiple-files-chosen.one="%{count} ffeil wedi&#39;i dewis" data-i18n.drop-instruction="neu ollwng ffeil" data-i18n.entered-drop-zone="Wedi mynd i mewn i&#39;r parth gollwng" data-i18n.left-drop-zone="Parth gollwng i&#39;r chwith">
+  <input class="govuk-file-upload" id="file-upload-1" name="file-upload-1" type="file" multiple>
+  </div>
+</div>
diff --git a/app/templates/govuk/components/components/file-upload/template-with-error-message-and-hint.html b/app/templates/govuk/components/components/file-upload/template-with-error-message-and-hint.html
new file mode 100644
index 0000000..c3a5b6e
--- /dev/null
+++ b/app/templates/govuk/components/components/file-upload/template-with-error-message-and-hint.html
@@ -0,0 +1,12 @@
+<div class="govuk-form-group govuk-form-group--error">
+  <label class="govuk-label" for="file-upload-3">
+    Upload a file
+  </label>
+  <div id="file-upload-3-hint" class="govuk-hint">
+    Your photo may be in your Pictures, Photos, Downloads or Desktop folder. Or in an app like iPhoto.
+  </div>
+  <p id="file-upload-3-error" class="govuk-error-message">
+    <span class="govuk-visually-hidden">Error:</span> Error message goes here
+  </p>
+  <input class="govuk-file-upload govuk-file-upload--error" id="file-upload-3" name="file-upload-3" type="file" aria-describedby="file-upload-3-hint file-upload-3-error">
+</div>
diff --git a/app/templates/govuk/components/components/file-upload/template-with-hint-text.html b/app/templates/govuk/components/components/file-upload/template-with-hint-text.html
new file mode 100644
index 0000000..952c50d
--- /dev/null
+++ b/app/templates/govuk/components/components/file-upload/template-with-hint-text.html
@@ -0,0 +1,9 @@
+<div class="govuk-form-group">
+  <label class="govuk-label" for="file-upload-2">
+    Upload your photo
+  </label>
+  <div id="file-upload-2-hint" class="govuk-hint">
+    Your photo may be in your Pictures, Photos, Downloads or Desktop folder. Or in an app like iPhoto.
+  </div>
+  <input class="govuk-file-upload" id="file-upload-2" name="file-upload-2" type="file" aria-describedby="file-upload-2-hint">
+</div>
diff --git a/app/templates/govuk/components/components/file-upload/template-with-label-as-page-heading.html b/app/templates/govuk/components/components/file-upload/template-with-label-as-page-heading.html
new file mode 100644
index 0000000..85845be
--- /dev/null
+++ b/app/templates/govuk/components/components/file-upload/template-with-label-as-page-heading.html
@@ -0,0 +1,8 @@
+<div class="govuk-form-group">
+  <h1 class="govuk-label-wrapper">
+    <label class="govuk-label govuk-label--l" for="file-upload-1">
+      Upload a file
+    </label>
+  </h1>
+  <input class="govuk-file-upload" id="file-upload-1" name="file-upload-1" type="file">
+</div>
diff --git a/app/templates/govuk/components/components/file-upload/template.njk b/app/templates/govuk/components/components/file-upload/template.njk
new file mode 100644
index 0000000..55059d4
--- /dev/null
+++ b/app/templates/govuk/components/components/file-upload/template.njk
@@ -0,0 +1,90 @@
+{% from "../../macros/attributes.njk" import govukAttributes %}
+{% from "../../macros/i18n.njk" import govukI18nAttributes %}
+{% from "../error-message/macro.njk" import govukErrorMessage %}
+{% from "../hint/macro.njk" import govukHint %}
+{% from "../label/macro.njk" import govukLabel %}
+
+{#- a record of other elements that we need to associate with the input using
+  aria-describedby – for example hints or error messages -#}
+{%- set describedBy = params.describedBy if params.describedBy else "" -%}
+{%- set id = params.id if params.id else params.name -%}
+
+<div class="govuk-form-group {%- if params.errorMessage %} govuk-form-group--error{% endif %} {%- if params.formGroup.classes %} {{ params.formGroup.classes }}{% endif %}"
+  {{- govukAttributes(params.formGroup.attributes) }}>
+  {{ govukLabel({
+    html: params.label.html,
+    text: params.label.text,
+    classes: params.label.classes,
+    isPageHeading: params.label.isPageHeading,
+    attributes: params.label.attributes,
+    for: id
+  }) | trim | indent(2) }}
+{% if params.hint %}
+  {% set hintId = id + '-hint' %}
+  {% set describedBy = describedBy + ' ' + hintId if describedBy else hintId %}
+  {{ govukHint({
+    id: hintId,
+    classes: params.hint.classes,
+    attributes: params.hint.attributes,
+    html: params.hint.html,
+    text: params.hint.text
+  }) | trim | indent(2) }}
+{% endif %}
+{% if params.errorMessage %}
+  {% set errorId = id + '-error' %}
+  {% set describedBy = describedBy + ' ' + errorId if describedBy else errorId %}
+  {{ govukErrorMessage({
+    id: errorId,
+    classes: params.errorMessage.classes,
+    attributes: params.errorMessage.attributes,
+    html: params.errorMessage.html,
+    text: params.errorMessage.text,
+    visuallyHiddenText: params.errorMessage.visuallyHiddenText
+  }) | trim | indent(2) }}
+{% endif %}
+{% if params.formGroup.beforeInput %}
+  {{ params.formGroup.beforeInput.html | safe | trim | indent(2) if params.formGroup.beforeInput.html else params.formGroup.beforeInput.text }}
+{% endif %}
+{% if params.javascript %}
+  <div
+    class="govuk-drop-zone"
+    data-module="govuk-file-upload"
+    {{- govukI18nAttributes({
+      key: 'choose-files-button',
+      message: params.chooseFilesButtonText
+    }) -}}
+    {{- govukI18nAttributes({
+      key: 'no-file-chosen',
+      message: params.noFileChosenText
+    }) -}}
+    {{- govukI18nAttributes({
+      key: 'multiple-files-chosen',
+      messages: params.multipleFilesChosenText
+    }) -}}
+    {{- govukI18nAttributes({
+      key: 'drop-instruction',
+      message: params.dropInstructionText
+    }) -}}
+    {{- govukI18nAttributes({
+      key: 'entered-drop-zone',
+      message: params.enteredDropZoneText
+    }) -}}
+    {{- govukI18nAttributes({
+      key: 'left-drop-zone',
+      message: params.leftDropZoneText
+    }) -}}
+  >
+{% endif %}
+  <input class="govuk-file-upload {%- if params.classes %} {{ params.classes }}{% endif %} {%- if params.errorMessage %} govuk-file-upload--error{% endif %}" id="{{ id }}" name="{{ params.name }}" type="file"
+  {%- if params.value %} value="{{ params.value }}"{% endif %}
+  {%- if params.disabled %} disabled{% endif %}
+  {%- if params.multiple %} multiple{% endif %}
+  {%- if describedBy %} aria-describedby="{{ describedBy }}"{% endif %}
+  {{- govukAttributes(params.attributes) }}>
+{% if params.javascript %}
+  </div>
+{% endif %}
+{% if params.formGroup.afterInput %}
+  {{ params.formGroup.afterInput.html | safe | trim | indent(2) if params.formGroup.afterInput.html else params.formGroup.afterInput.text }}
+{% endif %}
+</div>
diff --git a/app/templates/govuk/components/components/footer/README.md b/app/templates/govuk/components/components/footer/README.md
new file mode 100644
index 0000000..fa76a85
--- /dev/null
+++ b/app/templates/govuk/components/components/footer/README.md
@@ -0,0 +1,15 @@
+# Footer
+
+## Installation
+
+See the [main README quick start guide](https://github.com/alphagov/govuk-frontend#quick-start) for how to install this component.
+
+## Guidance and Examples
+
+Find out when to use the footer component in your service in the [GOV.UK Design System](https://design-system.service.gov.uk/components/footer).
+
+## Component options
+
+Use options to customise the appearance, content and behaviour of a component when using a macro, for example, changing the text.
+
+See [options table](https://design-system.service.gov.uk/components/footer/#options-footer-example) for details.
diff --git a/app/templates/govuk/components/components/footer/_footer.scss b/app/templates/govuk/components/components/footer/_footer.scss
new file mode 100644
index 0000000..ee11b63
--- /dev/null
+++ b/app/templates/govuk/components/components/footer/_footer.scss
@@ -0,0 +1,4 @@
+@import "../../base";
+@import "./index";
+
+/*# sourceMappingURL=_footer.scss.map */
diff --git a/app/templates/govuk/components/components/footer/_footer.scss.map b/app/templates/govuk/components/components/footer/_footer.scss.map
new file mode 100644
index 0000000..d5d2085
--- /dev/null
+++ b/app/templates/govuk/components/components/footer/_footer.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/footer/_footer.scss"],"names":[],"mappings":"AAAA,oBAAoB;AACpB,iBAAiB","file":"_footer.scss","sourcesContent":["@import \"../../base\";\n@import \"./index\";\n"]}
diff --git a/app/templates/govuk/components/components/footer/_index.scss b/app/templates/govuk/components/components/footer/_index.scss
new file mode 100644
index 0000000..e85f231
--- /dev/null
+++ b/app/templates/govuk/components/components/footer/_index.scss
@@ -0,0 +1,194 @@
+@include govuk-exports("govuk/component/footer") {
+  $govuk-footer-background: $govuk-template-background-colour;
+  $govuk-footer-text: $govuk-text-colour;
+  $govuk-footer-content-border: $govuk-border-colour;
+
+  // Royal Arms image dimensions
+  $govuk-footer-crest-image-width: 125px;
+  $govuk-footer-crest-image-height: 102px;
+
+  .govuk-footer {
+    @include govuk-font($size: if($govuk-new-typography-scale, 19, 16));
+    @include govuk-responsive-padding(7, "top");
+    @include govuk-responsive-padding(5, "bottom");
+
+    border-top: 10px solid $govuk-brand-colour;
+    color: $govuk-footer-text;
+    @include _govuk-rebrand(
+      "background",
+      $from: $govuk-footer-background,
+      $to: $_govuk-rebrand-template-background-colour
+    );
+  }
+
+  .govuk-footer__crown {
+    margin-bottom: govuk-spacing(5);
+  }
+
+  .govuk-footer__link {
+    @include govuk-link-common;
+    @include govuk-link-style-text;
+  }
+
+  .govuk-footer__section-break {
+    margin: 0; // Reset `<hr>` default margins
+    @include govuk-responsive-margin(8, "bottom");
+    border: 0; // Reset `<hr>` default borders
+    border-bottom: 1px solid;
+    @include _govuk-rebrand(
+      "border-bottom-color",
+      $from: $govuk-footer-content-border,
+      $to: $_govuk-rebrand-border-colour-on-blue-tint-95
+    );
+  }
+
+  .govuk-footer__meta {
+    display: flex; // Support: Flexbox
+    margin-right: -$govuk-gutter-half;
+    margin-left: -$govuk-gutter-half;
+    flex-wrap: wrap; // Support: Flexbox
+    align-items: flex-end; // Support: Flexbox
+    justify-content: center; // Support: Flexbox
+  }
+
+  .govuk-footer__meta-item {
+    margin-right: $govuk-gutter-half;
+    margin-bottom: govuk-spacing(5);
+    margin-left: $govuk-gutter-half;
+  }
+
+  .govuk-footer__meta-item--grow {
+    flex: 1; // Support: Flexbox
+    @include govuk-media-query($until: tablet) {
+      flex-basis: 320px; // Support: Flexbox
+    }
+  }
+
+  .govuk-footer__licence-logo {
+    display: inline-block;
+    margin-right: govuk-spacing(2);
+    @include govuk-media-query($until: desktop) {
+      margin-bottom: govuk-spacing(3);
+    }
+    vertical-align: top;
+    // Work around SVGs not inheriting color from parent in forced color mode
+    // (https://github.com/w3c/csswg-drafts/issues/6310)
+    forced-color-adjust: auto;
+  }
+
+  .govuk-footer__licence-description {
+    // This makes the license description reflow under the logo when space gets too narrow
+    display: inline-block;
+    // This prevents the description from having orphans when space is narrow enough
+    // and makes the text reflow more nicely
+    text-wrap: balance;
+  }
+
+  .govuk-footer__copyright-logo::before {
+    content: "";
+    display: block;
+    width: 100%;
+    padding-top: ($govuk-footer-crest-image-height + govuk-spacing(2));
+    background-image: govuk-image-url("govuk-crest.svg");
+    background-repeat: no-repeat;
+    background-position: 50% 0%;
+    background-size: $govuk-footer-crest-image-width $govuk-footer-crest-image-height;
+    text-align: center;
+    white-space: nowrap;
+
+    // Where possible use the crest as a mask instead. This lets us use
+    // currentColor, increasing the contrast of the image and matching the
+    // user's prefered foreground colour in e.g. forced colors mode.
+    // We test for `mask-position` rather than `mask-image` because of a false
+    // positive in Edge 17.
+    @supports ((-webkit-mask-position: initial) or (mask-position: initial)) {
+      background: currentcolor;
+      -webkit-mask-image: govuk-image-url("govuk-crest.svg");
+              mask-image: govuk-image-url("govuk-crest.svg");
+      -webkit-mask-repeat: no-repeat;
+              mask-repeat: no-repeat;
+      -webkit-mask-position: 50% 0%;
+              mask-position: 50% 0%;
+      -webkit-mask-size: $govuk-footer-crest-image-width $govuk-footer-crest-image-height;
+              mask-size: $govuk-footer-crest-image-width $govuk-footer-crest-image-height;
+
+      // currentcolor doesn't seem to be computed correctly in forced colors
+      // mode so force the background color to match the system link color
+      // (matching the text in the link)
+      @media screen and (forced-colors: active) {
+        background: linktext;
+      }
+    }
+  }
+
+  .govuk-footer__inline-list {
+    margin-top: 0;
+    margin-bottom: govuk-spacing(3);
+    padding: 0;
+  }
+
+  .govuk-footer__meta-custom {
+    margin-bottom: govuk-spacing(4);
+  }
+
+  .govuk-footer__inline-list-item {
+    display: inline-block;
+    margin-right: govuk-spacing(3);
+    margin-bottom: govuk-spacing(1);
+  }
+
+  .govuk-footer__heading {
+    margin-bottom: govuk-spacing(6);
+    padding-bottom: govuk-spacing(4);
+
+    @include govuk-media-query($until: tablet) {
+      padding-bottom: govuk-spacing(2);
+    }
+
+    border-bottom: 1px solid;
+    @include _govuk-rebrand(
+      "border-bottom-color",
+      $from: $govuk-footer-content-border,
+      $to: $_govuk-rebrand-border-colour-on-blue-tint-95
+    );
+  }
+
+  .govuk-footer__navigation {
+    @include govuk-clearfix;
+    margin-right: -$govuk-gutter-half;
+    margin-left: -$govuk-gutter-half;
+  }
+
+  .govuk-footer__section {
+    display: inline-block;
+    margin-bottom: $govuk-gutter;
+    vertical-align: top;
+  }
+
+  .govuk-footer__list {
+    margin: 0;
+    padding: 0;
+    list-style: none;
+    column-gap: $govuk-gutter; // Support: Columns
+  }
+
+  @include govuk-media-query($from: desktop) {
+    .govuk-footer__list--columns-2 {
+      column-count: 2; // Support: Columns
+    }
+
+    .govuk-footer__list--columns-3 {
+      column-count: 3; // Support: Columns
+    }
+  }
+
+  .govuk-footer__list-item {
+    @include govuk-responsive-margin(4, "bottom");
+  }
+
+  .govuk-footer__list-item:last-child {
+    margin-bottom: 0;
+  }
+}
+
+/*# sourceMappingURL=_index.scss.map */
diff --git a/app/templates/govuk/components/components/footer/_index.scss.map b/app/templates/govuk/components/components/footer/_index.scss.map
new file mode 100644
index 0000000..c9edc81
--- /dev/null
+++ b/app/templates/govuk/components/components/footer/_index.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/footer/_index.scss"],"names":[],"mappings":"AAAA;EACE,2DAA2D;EAC3D,sCAAsC;EACtC,kDAAkD;;EAElD,6BAA6B;EAC7B,sCAAsC;EACtC,uCAAuC;;EAEvC;IACE,mEAAmE;IACnE,2CAA2C;IAC3C,8CAA8C;;IAE9C,0CAA0C;IAC1C,yBAAyB;IACzB;;;;KAIC;EACH;;EAEA;IACE,+BAA+B;EACjC;;EAEA;IACE,0BAA0B;IAC1B,8BAA8B;EAChC;;EAEA;IACE,SAAS,EAAE,8BAA8B;IACzC,6CAA6C;IAC7C,SAAS,EAAE,8BAA8B;IACzC,wBAAwB;IACxB;;;;KAIC;EACH;;EAEA;IACE,aAAa,EAAE,kBAAkB;IACjC,iCAAiC;IACjC,gCAAgC;IAChC,eAAe,EAAE,kBAAkB;IACnC,qBAAqB,EAAE,kBAAkB;IACzC,uBAAuB,EAAE,kBAAkB;EAC7C;;EAEA;IACE,gCAAgC;IAChC,+BAA+B;IAC/B,+BAA+B;EACjC;;EAEA;IACE,OAAO,EAAE,kBAAkB;IAC3B;MACE,iBAAiB,EAAE,kBAAkB;IACvC;EACF;;EAEA;IACE,qBAAqB;IACrB,8BAA8B;IAC9B;MACE,+BAA+B;IACjC;IACA,mBAAmB;IACnB,wEAAwE;IACxE,mDAAmD;IACnD,yBAAyB;EAC3B;;EAEA;IACE,qFAAqF;IACrF,qBAAqB;IACrB,+EAA+E;IAC/E,uCAAuC;IACvC,kBAAkB;EACpB;;EAEA;IACE,WAAW;IACX,cAAc;IACd,WAAW;IACX,kEAAkE;IAClE,oDAAoD;IACpD,4BAA4B;IAC5B,2BAA2B;IAC3B,iFAAiF;IACjF,kBAAkB;IAClB,mBAAmB;;IAEnB,kEAAkE;IAClE,qEAAqE;IACrE,+DAA+D;IAC/D,yEAAyE;IACzE,sBAAsB;IACtB;MACE,wBAAwB;MACxB,sDAA8C;cAA9C,8CAA8C;MAC9C,8BAAsB;cAAtB,sBAAsB;MACtB,6BAAqB;cAArB,qBAAqB;MACrB,mFAA2E;cAA3E,2EAA2E;;MAE3E,qEAAqE;MACrE,mEAAmE;MACnE,iCAAiC;MACjC;QACE,oBAAoB;MACtB;IACF;EACF;;EAEA;IACE,aAAa;IACb,+BAA+B;IAC/B,UAAU;EACZ;;EAEA;IACE,+BAA+B;EACjC;;EAEA;IACE,qBAAqB;IACrB,8BAA8B;IAC9B,+BAA+B;EACjC;;EAEA;IACE,+BAA+B;IAC/B,gCAAgC;;IAEhC;MACE,gCAAgC;IAClC;;IAEA,wBAAwB;IACxB;;;;KAIC;EACH;;EAEA;IACE,uBAAuB;IACvB,iCAAiC;IACjC,gCAAgC;EAClC;;EAEA;IACE,qBAAqB;IACrB,4BAA4B;IAC5B,mBAAmB;EACrB;;EAEA;IACE,SAAS;IACT,UAAU;IACV,gBAAgB;IAChB,yBAAyB,EAAE,kBAAkB;EAC/C;;EAEA;IACE;MACE,eAAe,EAAE,kBAAkB;IACrC;;IAEA;MACE,eAAe,EAAE,kBAAkB;IACrC;EACF;;EAEA;IACE,6CAA6C;EAC/C;;EAEA;IACE,gBAAgB;EAClB;AACF","file":"_index.scss","sourcesContent":["@include govuk-exports(\"govuk/component/footer\") {\n  $govuk-footer-background: $govuk-template-background-colour;\n  $govuk-footer-text: $govuk-text-colour;\n  $govuk-footer-content-border: $govuk-border-colour;\n\n  // Royal Arms image dimensions\n  $govuk-footer-crest-image-width: 125px;\n  $govuk-footer-crest-image-height: 102px;\n\n  .govuk-footer {\n    @include govuk-font($size: if($govuk-new-typography-scale, 19, 16));\n    @include govuk-responsive-padding(7, \"top\");\n    @include govuk-responsive-padding(5, \"bottom\");\n\n    border-top: 10px solid $govuk-brand-colour;\n    color: $govuk-footer-text;\n    @include _govuk-rebrand(\n      \"background\",\n      $from: $govuk-footer-background,\n      $to: $_govuk-rebrand-template-background-colour\n    );\n  }\n\n  .govuk-footer__crown {\n    margin-bottom: govuk-spacing(5);\n  }\n\n  .govuk-footer__link {\n    @include govuk-link-common;\n    @include govuk-link-style-text;\n  }\n\n  .govuk-footer__section-break {\n    margin: 0; // Reset `<hr>` default margins\n    @include govuk-responsive-margin(8, \"bottom\");\n    border: 0; // Reset `<hr>` default borders\n    border-bottom: 1px solid;\n    @include _govuk-rebrand(\n      \"border-bottom-color\",\n      $from: $govuk-footer-content-border,\n      $to: $_govuk-rebrand-border-colour-on-blue-tint-95\n    );\n  }\n\n  .govuk-footer__meta {\n    display: flex; // Support: Flexbox\n    margin-right: -$govuk-gutter-half;\n    margin-left: -$govuk-gutter-half;\n    flex-wrap: wrap; // Support: Flexbox\n    align-items: flex-end; // Support: Flexbox\n    justify-content: center; // Support: Flexbox\n  }\n\n  .govuk-footer__meta-item {\n    margin-right: $govuk-gutter-half;\n    margin-bottom: govuk-spacing(5);\n    margin-left: $govuk-gutter-half;\n  }\n\n  .govuk-footer__meta-item--grow {\n    flex: 1; // Support: Flexbox\n    @include govuk-media-query($until: tablet) {\n      flex-basis: 320px; // Support: Flexbox\n    }\n  }\n\n  .govuk-footer__licence-logo {\n    display: inline-block;\n    margin-right: govuk-spacing(2);\n    @include govuk-media-query($until: desktop) {\n      margin-bottom: govuk-spacing(3);\n    }\n    vertical-align: top;\n    // Work around SVGs not inheriting color from parent in forced color mode\n    // (https://github.com/w3c/csswg-drafts/issues/6310)\n    forced-color-adjust: auto;\n  }\n\n  .govuk-footer__licence-description {\n    // This makes the license description reflow under the logo when space gets too narrow\n    display: inline-block;\n    // This prevents the description from having orphans when space is narrow enough\n    // and makes the text reflow more nicely\n    text-wrap: balance;\n  }\n\n  .govuk-footer__copyright-logo::before {\n    content: \"\";\n    display: block;\n    width: 100%;\n    padding-top: ($govuk-footer-crest-image-height + govuk-spacing(2));\n    background-image: govuk-image-url(\"govuk-crest.svg\");\n    background-repeat: no-repeat;\n    background-position: 50% 0%;\n    background-size: $govuk-footer-crest-image-width $govuk-footer-crest-image-height;\n    text-align: center;\n    white-space: nowrap;\n\n    // Where possible use the crest as a mask instead. This lets us use\n    // currentColor, increasing the contrast of the image and matching the\n    // user's prefered foreground colour in e.g. forced colors mode.\n    // We test for `mask-position` rather than `mask-image` because of a false\n    // positive in Edge 17.\n    @supports (mask-position: initial) {\n      background: currentcolor;\n      mask-image: govuk-image-url(\"govuk-crest.svg\");\n      mask-repeat: no-repeat;\n      mask-position: 50% 0%;\n      mask-size: $govuk-footer-crest-image-width $govuk-footer-crest-image-height;\n\n      // currentcolor doesn't seem to be computed correctly in forced colors\n      // mode so force the background color to match the system link color\n      // (matching the text in the link)\n      @media screen and (forced-colors: active) {\n        background: linktext;\n      }\n    }\n  }\n\n  .govuk-footer__inline-list {\n    margin-top: 0;\n    margin-bottom: govuk-spacing(3);\n    padding: 0;\n  }\n\n  .govuk-footer__meta-custom {\n    margin-bottom: govuk-spacing(4);\n  }\n\n  .govuk-footer__inline-list-item {\n    display: inline-block;\n    margin-right: govuk-spacing(3);\n    margin-bottom: govuk-spacing(1);\n  }\n\n  .govuk-footer__heading {\n    margin-bottom: govuk-spacing(6);\n    padding-bottom: govuk-spacing(4);\n\n    @include govuk-media-query($until: tablet) {\n      padding-bottom: govuk-spacing(2);\n    }\n\n    border-bottom: 1px solid;\n    @include _govuk-rebrand(\n      \"border-bottom-color\",\n      $from: $govuk-footer-content-border,\n      $to: $_govuk-rebrand-border-colour-on-blue-tint-95\n    );\n  }\n\n  .govuk-footer__navigation {\n    @include govuk-clearfix;\n    margin-right: -$govuk-gutter-half;\n    margin-left: -$govuk-gutter-half;\n  }\n\n  .govuk-footer__section {\n    display: inline-block;\n    margin-bottom: $govuk-gutter;\n    vertical-align: top;\n  }\n\n  .govuk-footer__list {\n    margin: 0;\n    padding: 0;\n    list-style: none;\n    column-gap: $govuk-gutter; // Support: Columns\n  }\n\n  @include govuk-media-query($from: desktop) {\n    .govuk-footer__list--columns-2 {\n      column-count: 2; // Support: Columns\n    }\n\n    .govuk-footer__list--columns-3 {\n      column-count: 3; // Support: Columns\n    }\n  }\n\n  .govuk-footer__list-item {\n    @include govuk-responsive-margin(4, \"bottom\");\n  }\n\n  .govuk-footer__list-item:last-child {\n    margin-bottom: 0;\n  }\n}\n"]}
diff --git a/app/templates/govuk/components/components/footer/fixtures.json b/app/templates/govuk/components/components/footer/fixtures.json
new file mode 100644
index 0000000..5572cc1
--- /dev/null
+++ b/app/templates/govuk/components/components/footer/fixtures.json
@@ -0,0 +1,714 @@
+{
+    "component": "footer",
+    "fixtures": [
+        {
+            "name": "default",
+            "options": {},
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": true,
+            "html": "<footer class=\"govuk-footer\">\n  <div class=\"govuk-width-container\">\n    <div class=\"govuk-footer__meta\">\n      <div class=\"govuk-footer__meta-item govuk-footer__meta-item--grow\">\n        <svg\n          aria-hidden=\"true\"\n          focusable=\"false\"\n          class=\"govuk-footer__licence-logo\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          viewBox=\"0 0 483.2 195.7\"\n          height=\"17\"\n          width=\"41\"\n        >\n          <path\n            fill=\"currentColor\"\n            d=\"M421.5 142.8V.1l-50.7 32.3v161.1h112.4v-50.7zm-122.3-9.6A47.12 47.12 0 0 1 221 97.8c0-26 21.1-47.1 47.1-47.1 16.7 0 31.4 8.7 39.7 21.8l42.7-27.2A97.63 97.63 0 0 0 268.1 0c-36.5 0-68.3 20.1-85.1 49.7A98 98 0 0 0 97.8 0C43.9 0 0 43.9 0 97.8s43.9 97.8 97.8 97.8c36.5 0 68.3-20.1 85.1-49.7a97.76 97.76 0 0 0 149.6 25.4l19.4 22.2h3v-87.8h-80l24.3 27.5zM97.8 145c-26 0-47.1-21.1-47.1-47.1s21.1-47.1 47.1-47.1 47.2 21 47.2 47S123.8 145 97.8 145\"\n          />\n        </svg>\n        <span class=\"govuk-footer__licence-description\">\n          All content is available under the\n          <a\n            class=\"govuk-footer__link\"\n            href=\"https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/\"\n            rel=\"license\"\n          >Open Government Licence v3.0</a>, except where otherwise stated\n        </span>\n      </div>\n      <div class=\"govuk-footer__meta-item\">\n        <a\n          class=\"govuk-footer__link govuk-footer__copyright-logo\"\n          href=\"https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/\"\n        >\n          © Crown copyright\n        </a>\n      </div>\n    </div>\n  </div>\n</footer>"
+        },
+        {
+            "name": "with custom HTML content licence and copyright notice",
+            "options": {
+                "contentLicence": {
+                    "html": "Mae’r holl gynnwys ar gael dan <a class=\"govuk-footer__link\" href=\"https://www.nationalarchives.gov.uk/doc/open-government-licence-cymraeg/version/3/\" rel=\"license\">Drwydded y Llywodraeth Agored v3.0</a>, ac eithrio lle nodir yn wahanol"
+                },
+                "copyright": {
+                    "html": "<span>Hawlfraint y Goron</span>"
+                }
+            },
+            "hidden": false,
+            "description": "Open Government Licence and Crown copyright notice translated into Welsh",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<footer class=\"govuk-footer\">\n  <div class=\"govuk-width-container\">\n    <div class=\"govuk-footer__meta\">\n      <div class=\"govuk-footer__meta-item govuk-footer__meta-item--grow\">\n        <svg\n          aria-hidden=\"true\"\n          focusable=\"false\"\n          class=\"govuk-footer__licence-logo\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          viewBox=\"0 0 483.2 195.7\"\n          height=\"17\"\n          width=\"41\"\n        >\n          <path\n            fill=\"currentColor\"\n            d=\"M421.5 142.8V.1l-50.7 32.3v161.1h112.4v-50.7zm-122.3-9.6A47.12 47.12 0 0 1 221 97.8c0-26 21.1-47.1 47.1-47.1 16.7 0 31.4 8.7 39.7 21.8l42.7-27.2A97.63 97.63 0 0 0 268.1 0c-36.5 0-68.3 20.1-85.1 49.7A98 98 0 0 0 97.8 0C43.9 0 0 43.9 0 97.8s43.9 97.8 97.8 97.8c36.5 0 68.3-20.1 85.1-49.7a97.76 97.76 0 0 0 149.6 25.4l19.4 22.2h3v-87.8h-80l24.3 27.5zM97.8 145c-26 0-47.1-21.1-47.1-47.1s21.1-47.1 47.1-47.1 47.2 21 47.2 47S123.8 145 97.8 145\"\n          />\n        </svg>\n        <span class=\"govuk-footer__licence-description\">\n          Mae’r holl gynnwys ar gael dan <a class=\"govuk-footer__link\" href=\"https://www.nationalarchives.gov.uk/doc/open-government-licence-cymraeg/version/3/\" rel=\"license\">Drwydded y Llywodraeth Agored v3.0</a>, ac eithrio lle nodir yn wahanol\n        </span>\n      </div>\n      <div class=\"govuk-footer__meta-item\">\n        <a\n          class=\"govuk-footer__link govuk-footer__copyright-logo\"\n          href=\"https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/\"\n        >\n          <span>Hawlfraint y Goron</span>\n        </a>\n      </div>\n    </div>\n  </div>\n</footer>"
+        },
+        {
+            "name": "with custom text content licence and copyright notice",
+            "options": {
+                "contentLicence": {
+                    "text": "Mae’r holl gynnwys ar gael dan Drwydded y Llywodraeth Agored v3.0, ac eithrio lle nodir yn wahanol"
+                },
+                "copyright": {
+                    "text": "© Hawlfraint y Goron"
+                }
+            },
+            "hidden": false,
+            "description": "Open Government Licence and Crown copyright notice translated into Welsh",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<footer class=\"govuk-footer\">\n  <div class=\"govuk-width-container\">\n    <div class=\"govuk-footer__meta\">\n      <div class=\"govuk-footer__meta-item govuk-footer__meta-item--grow\">\n        <svg\n          aria-hidden=\"true\"\n          focusable=\"false\"\n          class=\"govuk-footer__licence-logo\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          viewBox=\"0 0 483.2 195.7\"\n          height=\"17\"\n          width=\"41\"\n        >\n          <path\n            fill=\"currentColor\"\n            d=\"M421.5 142.8V.1l-50.7 32.3v161.1h112.4v-50.7zm-122.3-9.6A47.12 47.12 0 0 1 221 97.8c0-26 21.1-47.1 47.1-47.1 16.7 0 31.4 8.7 39.7 21.8l42.7-27.2A97.63 97.63 0 0 0 268.1 0c-36.5 0-68.3 20.1-85.1 49.7A98 98 0 0 0 97.8 0C43.9 0 0 43.9 0 97.8s43.9 97.8 97.8 97.8c36.5 0 68.3-20.1 85.1-49.7a97.76 97.76 0 0 0 149.6 25.4l19.4 22.2h3v-87.8h-80l24.3 27.5zM97.8 145c-26 0-47.1-21.1-47.1-47.1s21.1-47.1 47.1-47.1 47.2 21 47.2 47S123.8 145 97.8 145\"\n          />\n        </svg>\n        <span class=\"govuk-footer__licence-description\">\n          Mae’r holl gynnwys ar gael dan Drwydded y Llywodraeth Agored v3.0, ac eithrio lle nodir yn wahanol\n        </span>\n      </div>\n      <div class=\"govuk-footer__meta-item\">\n        <a\n          class=\"govuk-footer__link govuk-footer__copyright-logo\"\n          href=\"https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/\"\n        >\n          © Hawlfraint y Goron\n        </a>\n      </div>\n    </div>\n  </div>\n</footer>"
+        },
+        {
+            "name": "with custom meta",
+            "options": {
+                "meta": {
+                    "text": "GOV.UK Prototype Kit v7.0.1"
+                }
+            },
+            "hidden": false,
+            "description": "Custom meta section",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<footer class=\"govuk-footer\">\n  <div class=\"govuk-width-container\">\n    <div class=\"govuk-footer__meta\">\n      <div class=\"govuk-footer__meta-item govuk-footer__meta-item--grow\">\n        <h2 class=\"govuk-visually-hidden\">Support links</h2>\n        <div class=\"govuk-footer__meta-custom\">\n          GOV.UK Prototype Kit v7.0.1\n        </div>\n        <svg\n          aria-hidden=\"true\"\n          focusable=\"false\"\n          class=\"govuk-footer__licence-logo\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          viewBox=\"0 0 483.2 195.7\"\n          height=\"17\"\n          width=\"41\"\n        >\n          <path\n            fill=\"currentColor\"\n            d=\"M421.5 142.8V.1l-50.7 32.3v161.1h112.4v-50.7zm-122.3-9.6A47.12 47.12 0 0 1 221 97.8c0-26 21.1-47.1 47.1-47.1 16.7 0 31.4 8.7 39.7 21.8l42.7-27.2A97.63 97.63 0 0 0 268.1 0c-36.5 0-68.3 20.1-85.1 49.7A98 98 0 0 0 97.8 0C43.9 0 0 43.9 0 97.8s43.9 97.8 97.8 97.8c36.5 0 68.3-20.1 85.1-49.7a97.76 97.76 0 0 0 149.6 25.4l19.4 22.2h3v-87.8h-80l24.3 27.5zM97.8 145c-26 0-47.1-21.1-47.1-47.1s21.1-47.1 47.1-47.1 47.2 21 47.2 47S123.8 145 97.8 145\"\n          />\n        </svg>\n        <span class=\"govuk-footer__licence-description\">\n          All content is available under the\n          <a\n            class=\"govuk-footer__link\"\n            href=\"https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/\"\n            rel=\"license\"\n          >Open Government Licence v3.0</a>, except where otherwise stated\n        </span>\n      </div>\n      <div class=\"govuk-footer__meta-item\">\n        <a\n          class=\"govuk-footer__link govuk-footer__copyright-logo\"\n          href=\"https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/\"\n        >\n          © Crown copyright\n        </a>\n      </div>\n    </div>\n  </div>\n</footer>"
+        },
+        {
+            "name": "with meta links and meta content",
+            "options": {
+                "meta": {
+                    "items": [
+                        {
+                            "href": "#1",
+                            "text": "Bibendum Ornare"
+                        },
+                        {
+                            "href": "#2",
+                            "text": "Nullam"
+                        },
+                        {
+                            "href": "#3",
+                            "text": "Tortor Fringilla"
+                        },
+                        {
+                            "href": "#4",
+                            "text": "Tellus"
+                        },
+                        {
+                            "href": "#5",
+                            "text": "Egestas Nullam"
+                        },
+                        {
+                            "href": "#6",
+                            "text": "Euismod Etiam"
+                        },
+                        {
+                            "href": "#7",
+                            "text": "Fusce Sollicitudin"
+                        },
+                        {
+                            "href": "#8",
+                            "text": "Ligula Nullam Ultricies"
+                        }
+                    ],
+                    "html": "Built by the <a href=\"#\" class=\"govuk-footer__link\">Department of Magical Law Enforcement</a>"
+                }
+            },
+            "hidden": false,
+            "description": "Secondary navigation links and custom meta text",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<footer class=\"govuk-footer\">\n  <div class=\"govuk-width-container\">\n    <div class=\"govuk-footer__meta\">\n      <div class=\"govuk-footer__meta-item govuk-footer__meta-item--grow\">\n        <h2 class=\"govuk-visually-hidden\">Support links</h2>\n        <ul class=\"govuk-footer__inline-list\">\n          <li class=\"govuk-footer__inline-list-item\">\n            <a class=\"govuk-footer__link\" href=\"#1\">\n              Bibendum Ornare\n            </a>\n          </li>\n          <li class=\"govuk-footer__inline-list-item\">\n            <a class=\"govuk-footer__link\" href=\"#2\">\n              Nullam\n            </a>\n          </li>\n          <li class=\"govuk-footer__inline-list-item\">\n            <a class=\"govuk-footer__link\" href=\"#3\">\n              Tortor Fringilla\n            </a>\n          </li>\n          <li class=\"govuk-footer__inline-list-item\">\n            <a class=\"govuk-footer__link\" href=\"#4\">\n              Tellus\n            </a>\n          </li>\n          <li class=\"govuk-footer__inline-list-item\">\n            <a class=\"govuk-footer__link\" href=\"#5\">\n              Egestas Nullam\n            </a>\n          </li>\n          <li class=\"govuk-footer__inline-list-item\">\n            <a class=\"govuk-footer__link\" href=\"#6\">\n              Euismod Etiam\n            </a>\n          </li>\n          <li class=\"govuk-footer__inline-list-item\">\n            <a class=\"govuk-footer__link\" href=\"#7\">\n              Fusce Sollicitudin\n            </a>\n          </li>\n          <li class=\"govuk-footer__inline-list-item\">\n            <a class=\"govuk-footer__link\" href=\"#8\">\n              Ligula Nullam Ultricies\n            </a>\n          </li>\n        </ul>\n        <div class=\"govuk-footer__meta-custom\">\n          Built by the <a href=\"#\" class=\"govuk-footer__link\">Department of Magical Law Enforcement</a>\n        </div>\n        <svg\n          aria-hidden=\"true\"\n          focusable=\"false\"\n          class=\"govuk-footer__licence-logo\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          viewBox=\"0 0 483.2 195.7\"\n          height=\"17\"\n          width=\"41\"\n        >\n          <path\n            fill=\"currentColor\"\n            d=\"M421.5 142.8V.1l-50.7 32.3v161.1h112.4v-50.7zm-122.3-9.6A47.12 47.12 0 0 1 221 97.8c0-26 21.1-47.1 47.1-47.1 16.7 0 31.4 8.7 39.7 21.8l42.7-27.2A97.63 97.63 0 0 0 268.1 0c-36.5 0-68.3 20.1-85.1 49.7A98 98 0 0 0 97.8 0C43.9 0 0 43.9 0 97.8s43.9 97.8 97.8 97.8c36.5 0 68.3-20.1 85.1-49.7a97.76 97.76 0 0 0 149.6 25.4l19.4 22.2h3v-87.8h-80l24.3 27.5zM97.8 145c-26 0-47.1-21.1-47.1-47.1s21.1-47.1 47.1-47.1 47.2 21 47.2 47S123.8 145 97.8 145\"\n          />\n        </svg>\n        <span class=\"govuk-footer__licence-description\">\n          All content is available under the\n          <a\n            class=\"govuk-footer__link\"\n            href=\"https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/\"\n            rel=\"license\"\n          >Open Government Licence v3.0</a>, except where otherwise stated\n        </span>\n      </div>\n      <div class=\"govuk-footer__meta-item\">\n        <a\n          class=\"govuk-footer__link govuk-footer__copyright-logo\"\n          href=\"https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/\"\n        >\n          © Crown copyright\n        </a>\n      </div>\n    </div>\n  </div>\n</footer>"
+        },
+        {
+            "name": "with default width navigation (one column)",
+            "options": {
+                "navigation": [
+                    {
+                        "title": "Navigation section",
+                        "items": [
+                            {
+                                "href": "#1",
+                                "text": "Navigation item 1"
+                            },
+                            {
+                                "href": "#2",
+                                "text": "Navigation item 2"
+                            },
+                            {
+                                "href": "#3",
+                                "text": "Navigation item 3"
+                            },
+                            {
+                                "href": "#4",
+                                "text": "Navigation item 4"
+                            },
+                            {
+                                "href": "#5",
+                                "text": "Navigation item 5"
+                            },
+                            {
+                                "href": "#6",
+                                "text": "Navigation item 6"
+                            }
+                        ]
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<footer class=\"govuk-footer\">\n  <div class=\"govuk-width-container\">\n      <div class=\"govuk-footer__navigation\">\n          <div class=\"govuk-footer__section govuk-grid-column-full\">\n            <h2 class=\"govuk-footer__heading govuk-heading-m\">Navigation section</h2>\n              <ul class=\"govuk-footer__list\">\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"#1\">\n                        Navigation item 1\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"#2\">\n                        Navigation item 2\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"#3\">\n                        Navigation item 3\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"#4\">\n                        Navigation item 4\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"#5\">\n                        Navigation item 5\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"#6\">\n                        Navigation item 6\n                      </a>\n                    </li>\n              </ul>\n          </div>\n      </div>\n      <hr class=\"govuk-footer__section-break\">\n    <div class=\"govuk-footer__meta\">\n      <div class=\"govuk-footer__meta-item govuk-footer__meta-item--grow\">\n        <svg\n          aria-hidden=\"true\"\n          focusable=\"false\"\n          class=\"govuk-footer__licence-logo\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          viewBox=\"0 0 483.2 195.7\"\n          height=\"17\"\n          width=\"41\"\n        >\n          <path\n            fill=\"currentColor\"\n            d=\"M421.5 142.8V.1l-50.7 32.3v161.1h112.4v-50.7zm-122.3-9.6A47.12 47.12 0 0 1 221 97.8c0-26 21.1-47.1 47.1-47.1 16.7 0 31.4 8.7 39.7 21.8l42.7-27.2A97.63 97.63 0 0 0 268.1 0c-36.5 0-68.3 20.1-85.1 49.7A98 98 0 0 0 97.8 0C43.9 0 0 43.9 0 97.8s43.9 97.8 97.8 97.8c36.5 0 68.3-20.1 85.1-49.7a97.76 97.76 0 0 0 149.6 25.4l19.4 22.2h3v-87.8h-80l24.3 27.5zM97.8 145c-26 0-47.1-21.1-47.1-47.1s21.1-47.1 47.1-47.1 47.2 21 47.2 47S123.8 145 97.8 145\"\n          />\n        </svg>\n        <span class=\"govuk-footer__licence-description\">\n          All content is available under the\n          <a\n            class=\"govuk-footer__link\"\n            href=\"https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/\"\n            rel=\"license\"\n          >Open Government Licence v3.0</a>, except where otherwise stated\n        </span>\n      </div>\n      <div class=\"govuk-footer__meta-item\">\n        <a\n          class=\"govuk-footer__link govuk-footer__copyright-logo\"\n          href=\"https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/\"\n        >\n          © Crown copyright\n        </a>\n      </div>\n    </div>\n  </div>\n</footer>"
+        },
+        {
+            "name": "with default width navigation (two columns)",
+            "options": {
+                "navigation": [
+                    {
+                        "title": "Navigation section",
+                        "columns": 2,
+                        "items": [
+                            {
+                                "href": "#1",
+                                "text": "Navigation item 1"
+                            },
+                            {
+                                "href": "#2",
+                                "text": "Navigation item 2"
+                            },
+                            {
+                                "href": "#3",
+                                "text": "Navigation item 3"
+                            },
+                            {
+                                "href": "#4",
+                                "text": "Navigation item 4"
+                            },
+                            {
+                                "href": "#5",
+                                "text": "Navigation item 5"
+                            },
+                            {
+                                "href": "#6",
+                                "text": "Navigation item 6"
+                            }
+                        ]
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<footer class=\"govuk-footer\">\n  <div class=\"govuk-width-container\">\n      <div class=\"govuk-footer__navigation\">\n          <div class=\"govuk-footer__section govuk-grid-column-full\">\n            <h2 class=\"govuk-footer__heading govuk-heading-m\">Navigation section</h2>\n              <ul class=\"govuk-footer__list govuk-footer__list--columns-2\">\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"#1\">\n                        Navigation item 1\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"#2\">\n                        Navigation item 2\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"#3\">\n                        Navigation item 3\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"#4\">\n                        Navigation item 4\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"#5\">\n                        Navigation item 5\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"#6\">\n                        Navigation item 6\n                      </a>\n                    </li>\n              </ul>\n          </div>\n      </div>\n      <hr class=\"govuk-footer__section-break\">\n    <div class=\"govuk-footer__meta\">\n      <div class=\"govuk-footer__meta-item govuk-footer__meta-item--grow\">\n        <svg\n          aria-hidden=\"true\"\n          focusable=\"false\"\n          class=\"govuk-footer__licence-logo\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          viewBox=\"0 0 483.2 195.7\"\n          height=\"17\"\n          width=\"41\"\n        >\n          <path\n            fill=\"currentColor\"\n            d=\"M421.5 142.8V.1l-50.7 32.3v161.1h112.4v-50.7zm-122.3-9.6A47.12 47.12 0 0 1 221 97.8c0-26 21.1-47.1 47.1-47.1 16.7 0 31.4 8.7 39.7 21.8l42.7-27.2A97.63 97.63 0 0 0 268.1 0c-36.5 0-68.3 20.1-85.1 49.7A98 98 0 0 0 97.8 0C43.9 0 0 43.9 0 97.8s43.9 97.8 97.8 97.8c36.5 0 68.3-20.1 85.1-49.7a97.76 97.76 0 0 0 149.6 25.4l19.4 22.2h3v-87.8h-80l24.3 27.5zM97.8 145c-26 0-47.1-21.1-47.1-47.1s21.1-47.1 47.1-47.1 47.2 21 47.2 47S123.8 145 97.8 145\"\n          />\n        </svg>\n        <span class=\"govuk-footer__licence-description\">\n          All content is available under the\n          <a\n            class=\"govuk-footer__link\"\n            href=\"https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/\"\n            rel=\"license\"\n          >Open Government Licence v3.0</a>, except where otherwise stated\n        </span>\n      </div>\n      <div class=\"govuk-footer__meta-item\">\n        <a\n          class=\"govuk-footer__link govuk-footer__copyright-logo\"\n          href=\"https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/\"\n        >\n          © Crown copyright\n        </a>\n      </div>\n    </div>\n  </div>\n</footer>"
+        },
+        {
+            "name": "with navigation",
+            "options": {
+                "navigation": [
+                    {
+                        "title": "Two column list",
+                        "width": "two-thirds",
+                        "columns": 2,
+                        "items": [
+                            {
+                                "href": "#1",
+                                "text": "Navigation item 1"
+                            },
+                            {
+                                "href": "#2",
+                                "text": "Navigation item 2"
+                            },
+                            {
+                                "href": "#3",
+                                "text": "Navigation item 3"
+                            },
+                            {
+                                "href": "#4",
+                                "text": "Navigation item 4"
+                            },
+                            {
+                                "href": "#5",
+                                "text": "Navigation item 5"
+                            },
+                            {
+                                "href": "#6",
+                                "text": "Navigation item 6"
+                            }
+                        ]
+                    },
+                    {
+                        "title": "Single column list",
+                        "width": "one-third",
+                        "items": [
+                            {
+                                "href": "#1",
+                                "text": "Navigation item 1"
+                            },
+                            {
+                                "href": "#2",
+                                "text": "Navigation item 2"
+                            },
+                            {
+                                "href": "#3",
+                                "text": "Navigation item 3"
+                            }
+                        ]
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<footer class=\"govuk-footer\">\n  <div class=\"govuk-width-container\">\n      <div class=\"govuk-footer__navigation\">\n          <div class=\"govuk-footer__section govuk-grid-column-two-thirds\">\n            <h2 class=\"govuk-footer__heading govuk-heading-m\">Two column list</h2>\n              <ul class=\"govuk-footer__list govuk-footer__list--columns-2\">\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"#1\">\n                        Navigation item 1\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"#2\">\n                        Navigation item 2\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"#3\">\n                        Navigation item 3\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"#4\">\n                        Navigation item 4\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"#5\">\n                        Navigation item 5\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"#6\">\n                        Navigation item 6\n                      </a>\n                    </li>\n              </ul>\n          </div>\n          <div class=\"govuk-footer__section govuk-grid-column-one-third\">\n            <h2 class=\"govuk-footer__heading govuk-heading-m\">Single column list</h2>\n              <ul class=\"govuk-footer__list\">\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"#1\">\n                        Navigation item 1\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"#2\">\n                        Navigation item 2\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"#3\">\n                        Navigation item 3\n                      </a>\n                    </li>\n              </ul>\n          </div>\n      </div>\n      <hr class=\"govuk-footer__section-break\">\n    <div class=\"govuk-footer__meta\">\n      <div class=\"govuk-footer__meta-item govuk-footer__meta-item--grow\">\n        <svg\n          aria-hidden=\"true\"\n          focusable=\"false\"\n          class=\"govuk-footer__licence-logo\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          viewBox=\"0 0 483.2 195.7\"\n          height=\"17\"\n          width=\"41\"\n        >\n          <path\n            fill=\"currentColor\"\n            d=\"M421.5 142.8V.1l-50.7 32.3v161.1h112.4v-50.7zm-122.3-9.6A47.12 47.12 0 0 1 221 97.8c0-26 21.1-47.1 47.1-47.1 16.7 0 31.4 8.7 39.7 21.8l42.7-27.2A97.63 97.63 0 0 0 268.1 0c-36.5 0-68.3 20.1-85.1 49.7A98 98 0 0 0 97.8 0C43.9 0 0 43.9 0 97.8s43.9 97.8 97.8 97.8c36.5 0 68.3-20.1 85.1-49.7a97.76 97.76 0 0 0 149.6 25.4l19.4 22.2h3v-87.8h-80l24.3 27.5zM97.8 145c-26 0-47.1-21.1-47.1-47.1s21.1-47.1 47.1-47.1 47.2 21 47.2 47S123.8 145 97.8 145\"\n          />\n        </svg>\n        <span class=\"govuk-footer__licence-description\">\n          All content is available under the\n          <a\n            class=\"govuk-footer__link\"\n            href=\"https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/\"\n            rel=\"license\"\n          >Open Government Licence v3.0</a>, except where otherwise stated\n        </span>\n      </div>\n      <div class=\"govuk-footer__meta-item\">\n        <a\n          class=\"govuk-footer__link govuk-footer__copyright-logo\"\n          href=\"https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/\"\n        >\n          © Crown copyright\n        </a>\n      </div>\n    </div>\n  </div>\n</footer>"
+        },
+        {
+            "name": "Full GDS example",
+            "options": {
+                "navigation": [
+                    {
+                        "title": "Coronavirus (COVID-19)",
+                        "width": "two-thirds",
+                        "items": [
+                            {
+                                "href": "/coronavirus",
+                                "text": "Coronavirus (COVID-19): guidance and support"
+                            }
+                        ]
+                    },
+                    {
+                        "title": "Brexit",
+                        "width": "one-third",
+                        "items": [
+                            {
+                                "href": "/brexit",
+                                "text": "Check what you need to do"
+                            }
+                        ]
+                    },
+                    {
+                        "title": "Services and information",
+                        "width": "two-thirds",
+                        "columns": 2,
+                        "items": [
+                            {
+                                "href": "/browse/benefits",
+                                "text": "Benefits"
+                            },
+                            {
+                                "href": "/browse/births-deaths-marriages",
+                                "text": "Births, deaths, marriages and care"
+                            },
+                            {
+                                "href": "/browse/business",
+                                "text": "Business and self-employed"
+                            },
+                            {
+                                "href": "/browse/childcare-parenting",
+                                "text": "Childcare and parenting"
+                            },
+                            {
+                                "href": "/browse/citizenship",
+                                "text": "Citizenship and living in the UK"
+                            },
+                            {
+                                "href": "/browse/justice",
+                                "text": "Crime, justice and the law"
+                            },
+                            {
+                                "href": "/browse/disabilities",
+                                "text": "Disabled people"
+                            },
+                            {
+                                "href": "/browse/driving",
+                                "text": "Driving and transport"
+                            },
+                            {
+                                "href": "/browse/education",
+                                "text": "Education and learning"
+                            },
+                            {
+                                "href": "/browse/employing-people",
+                                "text": "Employing people"
+                            },
+                            {
+                                "href": "/browse/environment-countryside",
+                                "text": "Environment and countryside"
+                            },
+                            {
+                                "href": "/browse/housing-local-services",
+                                "text": "Housing and local services"
+                            },
+                            {
+                                "href": "/browse/tax",
+                                "text": "Money and tax"
+                            },
+                            {
+                                "href": "/browse/abroad",
+                                "text": "Passports, travel and living abroad"
+                            },
+                            {
+                                "href": "/browse/visas-immigration",
+                                "text": "Visas and immigration"
+                            },
+                            {
+                                "href": "/browse/working",
+                                "text": "Working, jobs and pensions"
+                            }
+                        ]
+                    },
+                    {
+                        "title": "Departments and policy",
+                        "width": "one-third",
+                        "items": [
+                            {
+                                "href": "/government/how-government-works",
+                                "text": "How government works"
+                            },
+                            {
+                                "href": "/government/organisations",
+                                "text": "Departments"
+                            },
+                            {
+                                "href": "/world",
+                                "text": "Worldwide"
+                            },
+                            {
+                                "href": "/government/policies",
+                                "text": "Policies"
+                            },
+                            {
+                                "href": "/government/publications",
+                                "text": "Publications"
+                            },
+                            {
+                                "href": "/government/announcements",
+                                "text": "Announcements"
+                            }
+                        ]
+                    }
+                ],
+                "meta": {
+                    "items": [
+                        {
+                            "href": "/help",
+                            "text": "Help"
+                        },
+                        {
+                            "href": "/help/cookies",
+                            "text": "Cookies"
+                        },
+                        {
+                            "href": "/contact",
+                            "text": "Contact"
+                        },
+                        {
+                            "href": "/help/terms-conditions",
+                            "text": "Terms and conditions"
+                        },
+                        {
+                            "href": "/cymraeg",
+                            "text": "Rhestr o Wasanaethau Cymraeg"
+                        }
+                    ],
+                    "html": "Built by the <a class=\"govuk-footer__link\" href=\"#\">Government Digital Service</a>"
+                }
+            },
+            "hidden": false,
+            "description": "A full example based on GOV.UK's current footer",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<footer class=\"govuk-footer\">\n  <div class=\"govuk-width-container\">\n      <div class=\"govuk-footer__navigation\">\n          <div class=\"govuk-footer__section govuk-grid-column-two-thirds\">\n            <h2 class=\"govuk-footer__heading govuk-heading-m\">Coronavirus (COVID-19)</h2>\n              <ul class=\"govuk-footer__list\">\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"/coronavirus\">\n                        Coronavirus (COVID-19): guidance and support\n                      </a>\n                    </li>\n              </ul>\n          </div>\n          <div class=\"govuk-footer__section govuk-grid-column-one-third\">\n            <h2 class=\"govuk-footer__heading govuk-heading-m\">Brexit</h2>\n              <ul class=\"govuk-footer__list\">\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"/brexit\">\n                        Check what you need to do\n                      </a>\n                    </li>\n              </ul>\n          </div>\n          <div class=\"govuk-footer__section govuk-grid-column-two-thirds\">\n            <h2 class=\"govuk-footer__heading govuk-heading-m\">Services and information</h2>\n              <ul class=\"govuk-footer__list govuk-footer__list--columns-2\">\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"/browse/benefits\">\n                        Benefits\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"/browse/births-deaths-marriages\">\n                        Births, deaths, marriages and care\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"/browse/business\">\n                        Business and self-employed\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"/browse/childcare-parenting\">\n                        Childcare and parenting\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"/browse/citizenship\">\n                        Citizenship and living in the UK\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"/browse/justice\">\n                        Crime, justice and the law\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"/browse/disabilities\">\n                        Disabled people\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"/browse/driving\">\n                        Driving and transport\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"/browse/education\">\n                        Education and learning\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"/browse/employing-people\">\n                        Employing people\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"/browse/environment-countryside\">\n                        Environment and countryside\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"/browse/housing-local-services\">\n                        Housing and local services\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"/browse/tax\">\n                        Money and tax\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"/browse/abroad\">\n                        Passports, travel and living abroad\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"/browse/visas-immigration\">\n                        Visas and immigration\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"/browse/working\">\n                        Working, jobs and pensions\n                      </a>\n                    </li>\n              </ul>\n          </div>\n          <div class=\"govuk-footer__section govuk-grid-column-one-third\">\n            <h2 class=\"govuk-footer__heading govuk-heading-m\">Departments and policy</h2>\n              <ul class=\"govuk-footer__list\">\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"/government/how-government-works\">\n                        How government works\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"/government/organisations\">\n                        Departments\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"/world\">\n                        Worldwide\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"/government/policies\">\n                        Policies\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"/government/publications\">\n                        Publications\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"/government/announcements\">\n                        Announcements\n                      </a>\n                    </li>\n              </ul>\n          </div>\n      </div>\n      <hr class=\"govuk-footer__section-break\">\n    <div class=\"govuk-footer__meta\">\n      <div class=\"govuk-footer__meta-item govuk-footer__meta-item--grow\">\n        <h2 class=\"govuk-visually-hidden\">Support links</h2>\n        <ul class=\"govuk-footer__inline-list\">\n          <li class=\"govuk-footer__inline-list-item\">\n            <a class=\"govuk-footer__link\" href=\"/help\">\n              Help\n            </a>\n          </li>\n          <li class=\"govuk-footer__inline-list-item\">\n            <a class=\"govuk-footer__link\" href=\"/help/cookies\">\n              Cookies\n            </a>\n          </li>\n          <li class=\"govuk-footer__inline-list-item\">\n            <a class=\"govuk-footer__link\" href=\"/contact\">\n              Contact\n            </a>\n          </li>\n          <li class=\"govuk-footer__inline-list-item\">\n            <a class=\"govuk-footer__link\" href=\"/help/terms-conditions\">\n              Terms and conditions\n            </a>\n          </li>\n          <li class=\"govuk-footer__inline-list-item\">\n            <a class=\"govuk-footer__link\" href=\"/cymraeg\">\n              Rhestr o Wasanaethau Cymraeg\n            </a>\n          </li>\n        </ul>\n        <div class=\"govuk-footer__meta-custom\">\n          Built by the <a class=\"govuk-footer__link\" href=\"#\">Government Digital Service</a>\n        </div>\n        <svg\n          aria-hidden=\"true\"\n          focusable=\"false\"\n          class=\"govuk-footer__licence-logo\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          viewBox=\"0 0 483.2 195.7\"\n          height=\"17\"\n          width=\"41\"\n        >\n          <path\n            fill=\"currentColor\"\n            d=\"M421.5 142.8V.1l-50.7 32.3v161.1h112.4v-50.7zm-122.3-9.6A47.12 47.12 0 0 1 221 97.8c0-26 21.1-47.1 47.1-47.1 16.7 0 31.4 8.7 39.7 21.8l42.7-27.2A97.63 97.63 0 0 0 268.1 0c-36.5 0-68.3 20.1-85.1 49.7A98 98 0 0 0 97.8 0C43.9 0 0 43.9 0 97.8s43.9 97.8 97.8 97.8c36.5 0 68.3-20.1 85.1-49.7a97.76 97.76 0 0 0 149.6 25.4l19.4 22.2h3v-87.8h-80l24.3 27.5zM97.8 145c-26 0-47.1-21.1-47.1-47.1s21.1-47.1 47.1-47.1 47.2 21 47.2 47S123.8 145 97.8 145\"\n          />\n        </svg>\n        <span class=\"govuk-footer__licence-description\">\n          All content is available under the\n          <a\n            class=\"govuk-footer__link\"\n            href=\"https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/\"\n            rel=\"license\"\n          >Open Government Licence v3.0</a>, except where otherwise stated\n        </span>\n      </div>\n      <div class=\"govuk-footer__meta-item\">\n        <a\n          class=\"govuk-footer__link govuk-footer__copyright-logo\"\n          href=\"https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/\"\n        >\n          © Crown copyright\n        </a>\n      </div>\n    </div>\n  </div>\n</footer>"
+        },
+        {
+            "name": "Three equal columns",
+            "options": {
+                "navigation": [
+                    {
+                        "title": "Single column list 1",
+                        "width": "one-third",
+                        "columns": 1,
+                        "items": [
+                            {
+                                "href": "#1",
+                                "text": "Navigation item 1"
+                            },
+                            {
+                                "href": "#2",
+                                "text": "Navigation item 2"
+                            },
+                            {
+                                "href": "#3",
+                                "text": "Navigation item 3"
+                            },
+                            {
+                                "href": "#4",
+                                "text": "Navigation item 4"
+                            },
+                            {
+                                "href": "#5",
+                                "text": "Navigation item 5"
+                            },
+                            {
+                                "href": "#6",
+                                "text": "Navigation item 6"
+                            }
+                        ]
+                    },
+                    {
+                        "title": "Single column list 2",
+                        "width": "one-third",
+                        "columns": 1,
+                        "items": [
+                            {
+                                "href": "#1",
+                                "text": "Navigation item 1"
+                            },
+                            {
+                                "href": "#2",
+                                "text": "Navigation item 2"
+                            },
+                            {
+                                "href": "#3",
+                                "text": "Navigation item 3"
+                            },
+                            {
+                                "href": "#4",
+                                "text": "Navigation item 4"
+                            },
+                            {
+                                "href": "#5",
+                                "text": "Navigation item 5"
+                            },
+                            {
+                                "href": "#6",
+                                "text": "Navigation item 6"
+                            }
+                        ]
+                    },
+                    {
+                        "title": "Single column list 3",
+                        "width": "one-third",
+                        "columns": 1,
+                        "items": [
+                            {
+                                "href": "#1",
+                                "text": "Navigation item 1"
+                            },
+                            {
+                                "href": "#2",
+                                "text": "Navigation item 2"
+                            },
+                            {
+                                "href": "#3",
+                                "text": "Navigation item 3"
+                            },
+                            {
+                                "href": "#4",
+                                "text": "Navigation item 4"
+                            },
+                            {
+                                "href": "#5",
+                                "text": "Navigation item 5"
+                            },
+                            {
+                                "href": "#6",
+                                "text": "Navigation item 6"
+                            }
+                        ]
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "A full example to demonstrate three equal width columns",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<footer class=\"govuk-footer\">\n  <div class=\"govuk-width-container\">\n      <div class=\"govuk-footer__navigation\">\n          <div class=\"govuk-footer__section govuk-grid-column-one-third\">\n            <h2 class=\"govuk-footer__heading govuk-heading-m\">Single column list 1</h2>\n              <ul class=\"govuk-footer__list govuk-footer__list--columns-1\">\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"#1\">\n                        Navigation item 1\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"#2\">\n                        Navigation item 2\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"#3\">\n                        Navigation item 3\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"#4\">\n                        Navigation item 4\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"#5\">\n                        Navigation item 5\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"#6\">\n                        Navigation item 6\n                      </a>\n                    </li>\n              </ul>\n          </div>\n          <div class=\"govuk-footer__section govuk-grid-column-one-third\">\n            <h2 class=\"govuk-footer__heading govuk-heading-m\">Single column list 2</h2>\n              <ul class=\"govuk-footer__list govuk-footer__list--columns-1\">\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"#1\">\n                        Navigation item 1\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"#2\">\n                        Navigation item 2\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"#3\">\n                        Navigation item 3\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"#4\">\n                        Navigation item 4\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"#5\">\n                        Navigation item 5\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"#6\">\n                        Navigation item 6\n                      </a>\n                    </li>\n              </ul>\n          </div>\n          <div class=\"govuk-footer__section govuk-grid-column-one-third\">\n            <h2 class=\"govuk-footer__heading govuk-heading-m\">Single column list 3</h2>\n              <ul class=\"govuk-footer__list govuk-footer__list--columns-1\">\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"#1\">\n                        Navigation item 1\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"#2\">\n                        Navigation item 2\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"#3\">\n                        Navigation item 3\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"#4\">\n                        Navigation item 4\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"#5\">\n                        Navigation item 5\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"#6\">\n                        Navigation item 6\n                      </a>\n                    </li>\n              </ul>\n          </div>\n      </div>\n      <hr class=\"govuk-footer__section-break\">\n    <div class=\"govuk-footer__meta\">\n      <div class=\"govuk-footer__meta-item govuk-footer__meta-item--grow\">\n        <svg\n          aria-hidden=\"true\"\n          focusable=\"false\"\n          class=\"govuk-footer__licence-logo\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          viewBox=\"0 0 483.2 195.7\"\n          height=\"17\"\n          width=\"41\"\n        >\n          <path\n            fill=\"currentColor\"\n            d=\"M421.5 142.8V.1l-50.7 32.3v161.1h112.4v-50.7zm-122.3-9.6A47.12 47.12 0 0 1 221 97.8c0-26 21.1-47.1 47.1-47.1 16.7 0 31.4 8.7 39.7 21.8l42.7-27.2A97.63 97.63 0 0 0 268.1 0c-36.5 0-68.3 20.1-85.1 49.7A98 98 0 0 0 97.8 0C43.9 0 0 43.9 0 97.8s43.9 97.8 97.8 97.8c36.5 0 68.3-20.1 85.1-49.7a97.76 97.76 0 0 0 149.6 25.4l19.4 22.2h3v-87.8h-80l24.3 27.5zM97.8 145c-26 0-47.1-21.1-47.1-47.1s21.1-47.1 47.1-47.1 47.2 21 47.2 47S123.8 145 97.8 145\"\n          />\n        </svg>\n        <span class=\"govuk-footer__licence-description\">\n          All content is available under the\n          <a\n            class=\"govuk-footer__link\"\n            href=\"https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/\"\n            rel=\"license\"\n          >Open Government Licence v3.0</a>, except where otherwise stated\n        </span>\n      </div>\n      <div class=\"govuk-footer__meta-item\">\n        <a\n          class=\"govuk-footer__link govuk-footer__copyright-logo\"\n          href=\"https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/\"\n        >\n          © Crown copyright\n        </a>\n      </div>\n    </div>\n  </div>\n</footer>"
+        },
+        {
+            "name": "attributes",
+            "options": {
+                "attributes": {
+                    "data-test-attribute": "value",
+                    "data-test-attribute-2": "value-2"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<footer class=\"govuk-footer\" data-test-attribute=\"value\" data-test-attribute-2=\"value-2\">\n  <div class=\"govuk-width-container\">\n    <div class=\"govuk-footer__meta\">\n      <div class=\"govuk-footer__meta-item govuk-footer__meta-item--grow\">\n        <svg\n          aria-hidden=\"true\"\n          focusable=\"false\"\n          class=\"govuk-footer__licence-logo\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          viewBox=\"0 0 483.2 195.7\"\n          height=\"17\"\n          width=\"41\"\n        >\n          <path\n            fill=\"currentColor\"\n            d=\"M421.5 142.8V.1l-50.7 32.3v161.1h112.4v-50.7zm-122.3-9.6A47.12 47.12 0 0 1 221 97.8c0-26 21.1-47.1 47.1-47.1 16.7 0 31.4 8.7 39.7 21.8l42.7-27.2A97.63 97.63 0 0 0 268.1 0c-36.5 0-68.3 20.1-85.1 49.7A98 98 0 0 0 97.8 0C43.9 0 0 43.9 0 97.8s43.9 97.8 97.8 97.8c36.5 0 68.3-20.1 85.1-49.7a97.76 97.76 0 0 0 149.6 25.4l19.4 22.2h3v-87.8h-80l24.3 27.5zM97.8 145c-26 0-47.1-21.1-47.1-47.1s21.1-47.1 47.1-47.1 47.2 21 47.2 47S123.8 145 97.8 145\"\n          />\n        </svg>\n        <span class=\"govuk-footer__licence-description\">\n          All content is available under the\n          <a\n            class=\"govuk-footer__link\"\n            href=\"https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/\"\n            rel=\"license\"\n          >Open Government Licence v3.0</a>, except where otherwise stated\n        </span>\n      </div>\n      <div class=\"govuk-footer__meta-item\">\n        <a\n          class=\"govuk-footer__link govuk-footer__copyright-logo\"\n          href=\"https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/\"\n        >\n          © Crown copyright\n        </a>\n      </div>\n    </div>\n  </div>\n</footer>"
+        },
+        {
+            "name": "classes",
+            "options": {
+                "classes": "app-footer--custom-modifier"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<footer class=\"govuk-footer app-footer--custom-modifier\">\n  <div class=\"govuk-width-container\">\n    <div class=\"govuk-footer__meta\">\n      <div class=\"govuk-footer__meta-item govuk-footer__meta-item--grow\">\n        <svg\n          aria-hidden=\"true\"\n          focusable=\"false\"\n          class=\"govuk-footer__licence-logo\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          viewBox=\"0 0 483.2 195.7\"\n          height=\"17\"\n          width=\"41\"\n        >\n          <path\n            fill=\"currentColor\"\n            d=\"M421.5 142.8V.1l-50.7 32.3v161.1h112.4v-50.7zm-122.3-9.6A47.12 47.12 0 0 1 221 97.8c0-26 21.1-47.1 47.1-47.1 16.7 0 31.4 8.7 39.7 21.8l42.7-27.2A97.63 97.63 0 0 0 268.1 0c-36.5 0-68.3 20.1-85.1 49.7A98 98 0 0 0 97.8 0C43.9 0 0 43.9 0 97.8s43.9 97.8 97.8 97.8c36.5 0 68.3-20.1 85.1-49.7a97.76 97.76 0 0 0 149.6 25.4l19.4 22.2h3v-87.8h-80l24.3 27.5zM97.8 145c-26 0-47.1-21.1-47.1-47.1s21.1-47.1 47.1-47.1 47.2 21 47.2 47S123.8 145 97.8 145\"\n          />\n        </svg>\n        <span class=\"govuk-footer__licence-description\">\n          All content is available under the\n          <a\n            class=\"govuk-footer__link\"\n            href=\"https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/\"\n            rel=\"license\"\n          >Open Government Licence v3.0</a>, except where otherwise stated\n        </span>\n      </div>\n      <div class=\"govuk-footer__meta-item\">\n        <a\n          class=\"govuk-footer__link govuk-footer__copyright-logo\"\n          href=\"https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/\"\n        >\n          © Crown copyright\n        </a>\n      </div>\n    </div>\n  </div>\n</footer>"
+        },
+        {
+            "name": "with container classes",
+            "options": {
+                "containerClasses": "app-width-container"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<footer class=\"govuk-footer\">\n  <div class=\"govuk-width-container app-width-container\">\n    <div class=\"govuk-footer__meta\">\n      <div class=\"govuk-footer__meta-item govuk-footer__meta-item--grow\">\n        <svg\n          aria-hidden=\"true\"\n          focusable=\"false\"\n          class=\"govuk-footer__licence-logo\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          viewBox=\"0 0 483.2 195.7\"\n          height=\"17\"\n          width=\"41\"\n        >\n          <path\n            fill=\"currentColor\"\n            d=\"M421.5 142.8V.1l-50.7 32.3v161.1h112.4v-50.7zm-122.3-9.6A47.12 47.12 0 0 1 221 97.8c0-26 21.1-47.1 47.1-47.1 16.7 0 31.4 8.7 39.7 21.8l42.7-27.2A97.63 97.63 0 0 0 268.1 0c-36.5 0-68.3 20.1-85.1 49.7A98 98 0 0 0 97.8 0C43.9 0 0 43.9 0 97.8s43.9 97.8 97.8 97.8c36.5 0 68.3-20.1 85.1-49.7a97.76 97.76 0 0 0 149.6 25.4l19.4 22.2h3v-87.8h-80l24.3 27.5zM97.8 145c-26 0-47.1-21.1-47.1-47.1s21.1-47.1 47.1-47.1 47.2 21 47.2 47S123.8 145 97.8 145\"\n          />\n        </svg>\n        <span class=\"govuk-footer__licence-description\">\n          All content is available under the\n          <a\n            class=\"govuk-footer__link\"\n            href=\"https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/\"\n            rel=\"license\"\n          >Open Government Licence v3.0</a>, except where otherwise stated\n        </span>\n      </div>\n      <div class=\"govuk-footer__meta-item\">\n        <a\n          class=\"govuk-footer__link govuk-footer__copyright-logo\"\n          href=\"https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/\"\n        >\n          © Crown copyright\n        </a>\n      </div>\n    </div>\n  </div>\n</footer>"
+        },
+        {
+            "name": "with HTML passed as text content",
+            "options": {
+                "contentLicence": {
+                    "text": "Mae’r holl gynnwys ar gael dan <a class=\"govuk-footer__link\" href=\"https://www.nationalarchives.gov.uk/doc/open-government-licence-cymraeg/version/3/\" rel=\"license\">Drwydded y Llywodraeth Agored v3.0</a>, ac eithrio lle nodir yn wahanol"
+                },
+                "copyright": {
+                    "text": "<span>Hawlfraint y Goron</span>"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<footer class=\"govuk-footer\">\n  <div class=\"govuk-width-container\">\n    <div class=\"govuk-footer__meta\">\n      <div class=\"govuk-footer__meta-item govuk-footer__meta-item--grow\">\n        <svg\n          aria-hidden=\"true\"\n          focusable=\"false\"\n          class=\"govuk-footer__licence-logo\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          viewBox=\"0 0 483.2 195.7\"\n          height=\"17\"\n          width=\"41\"\n        >\n          <path\n            fill=\"currentColor\"\n            d=\"M421.5 142.8V.1l-50.7 32.3v161.1h112.4v-50.7zm-122.3-9.6A47.12 47.12 0 0 1 221 97.8c0-26 21.1-47.1 47.1-47.1 16.7 0 31.4 8.7 39.7 21.8l42.7-27.2A97.63 97.63 0 0 0 268.1 0c-36.5 0-68.3 20.1-85.1 49.7A98 98 0 0 0 97.8 0C43.9 0 0 43.9 0 97.8s43.9 97.8 97.8 97.8c36.5 0 68.3-20.1 85.1-49.7a97.76 97.76 0 0 0 149.6 25.4l19.4 22.2h3v-87.8h-80l24.3 27.5zM97.8 145c-26 0-47.1-21.1-47.1-47.1s21.1-47.1 47.1-47.1 47.2 21 47.2 47S123.8 145 97.8 145\"\n          />\n        </svg>\n        <span class=\"govuk-footer__licence-description\">\n          Mae’r holl gynnwys ar gael dan &lt;a class=&quot;govuk-footer__link&quot; href=&quot;https://www.nationalarchives.gov.uk/doc/open-government-licence-cymraeg/version/3/&quot; rel=&quot;license&quot;&gt;Drwydded y Llywodraeth Agored v3.0&lt;/a&gt;, ac eithrio lle nodir yn wahanol\n        </span>\n      </div>\n      <div class=\"govuk-footer__meta-item\">\n        <a\n          class=\"govuk-footer__link govuk-footer__copyright-logo\"\n          href=\"https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/\"\n        >\n          &lt;span&gt;Hawlfraint y Goron&lt;/span&gt;\n        </a>\n      </div>\n    </div>\n  </div>\n</footer>"
+        },
+        {
+            "name": "with empty meta",
+            "options": {
+                "meta": {}
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<footer class=\"govuk-footer\">\n  <div class=\"govuk-width-container\">\n    <div class=\"govuk-footer__meta\">\n      <div class=\"govuk-footer__meta-item govuk-footer__meta-item--grow\">\n        <h2 class=\"govuk-visually-hidden\">Support links</h2>\n        <svg\n          aria-hidden=\"true\"\n          focusable=\"false\"\n          class=\"govuk-footer__licence-logo\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          viewBox=\"0 0 483.2 195.7\"\n          height=\"17\"\n          width=\"41\"\n        >\n          <path\n            fill=\"currentColor\"\n            d=\"M421.5 142.8V.1l-50.7 32.3v161.1h112.4v-50.7zm-122.3-9.6A47.12 47.12 0 0 1 221 97.8c0-26 21.1-47.1 47.1-47.1 16.7 0 31.4 8.7 39.7 21.8l42.7-27.2A97.63 97.63 0 0 0 268.1 0c-36.5 0-68.3 20.1-85.1 49.7A98 98 0 0 0 97.8 0C43.9 0 0 43.9 0 97.8s43.9 97.8 97.8 97.8c36.5 0 68.3-20.1 85.1-49.7a97.76 97.76 0 0 0 149.6 25.4l19.4 22.2h3v-87.8h-80l24.3 27.5zM97.8 145c-26 0-47.1-21.1-47.1-47.1s21.1-47.1 47.1-47.1 47.2 21 47.2 47S123.8 145 97.8 145\"\n          />\n        </svg>\n        <span class=\"govuk-footer__licence-description\">\n          All content is available under the\n          <a\n            class=\"govuk-footer__link\"\n            href=\"https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/\"\n            rel=\"license\"\n          >Open Government Licence v3.0</a>, except where otherwise stated\n        </span>\n      </div>\n      <div class=\"govuk-footer__meta-item\">\n        <a\n          class=\"govuk-footer__link govuk-footer__copyright-logo\"\n          href=\"https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/\"\n        >\n          © Crown copyright\n        </a>\n      </div>\n    </div>\n  </div>\n</footer>"
+        },
+        {
+            "name": "with empty meta items",
+            "options": {
+                "meta": {
+                    "items": []
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<footer class=\"govuk-footer\">\n  <div class=\"govuk-width-container\">\n    <div class=\"govuk-footer__meta\">\n      <div class=\"govuk-footer__meta-item govuk-footer__meta-item--grow\">\n        <h2 class=\"govuk-visually-hidden\">Support links</h2>\n        <svg\n          aria-hidden=\"true\"\n          focusable=\"false\"\n          class=\"govuk-footer__licence-logo\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          viewBox=\"0 0 483.2 195.7\"\n          height=\"17\"\n          width=\"41\"\n        >\n          <path\n            fill=\"currentColor\"\n            d=\"M421.5 142.8V.1l-50.7 32.3v161.1h112.4v-50.7zm-122.3-9.6A47.12 47.12 0 0 1 221 97.8c0-26 21.1-47.1 47.1-47.1 16.7 0 31.4 8.7 39.7 21.8l42.7-27.2A97.63 97.63 0 0 0 268.1 0c-36.5 0-68.3 20.1-85.1 49.7A98 98 0 0 0 97.8 0C43.9 0 0 43.9 0 97.8s43.9 97.8 97.8 97.8c36.5 0 68.3-20.1 85.1-49.7a97.76 97.76 0 0 0 149.6 25.4l19.4 22.2h3v-87.8h-80l24.3 27.5zM97.8 145c-26 0-47.1-21.1-47.1-47.1s21.1-47.1 47.1-47.1 47.2 21 47.2 47S123.8 145 97.8 145\"\n          />\n        </svg>\n        <span class=\"govuk-footer__licence-description\">\n          All content is available under the\n          <a\n            class=\"govuk-footer__link\"\n            href=\"https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/\"\n            rel=\"license\"\n          >Open Government Licence v3.0</a>, except where otherwise stated\n        </span>\n      </div>\n      <div class=\"govuk-footer__meta-item\">\n        <a\n          class=\"govuk-footer__link govuk-footer__copyright-logo\"\n          href=\"https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/\"\n        >\n          © Crown copyright\n        </a>\n      </div>\n    </div>\n  </div>\n</footer>"
+        },
+        {
+            "name": "with meta",
+            "options": {
+                "meta": {
+                    "visuallyHiddenTitle": "Items",
+                    "items": [
+                        {
+                            "href": "#1",
+                            "text": "Item 1"
+                        },
+                        {
+                            "href": "#2",
+                            "text": "Item 2"
+                        },
+                        {
+                            "href": "#3",
+                            "text": "Item 3"
+                        }
+                    ]
+                }
+            },
+            "hidden": true,
+            "description": "Secondary navigation with meta information relating to the site",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<footer class=\"govuk-footer\">\n  <div class=\"govuk-width-container\">\n    <div class=\"govuk-footer__meta\">\n      <div class=\"govuk-footer__meta-item govuk-footer__meta-item--grow\">\n        <h2 class=\"govuk-visually-hidden\">Items</h2>\n        <ul class=\"govuk-footer__inline-list\">\n          <li class=\"govuk-footer__inline-list-item\">\n            <a class=\"govuk-footer__link\" href=\"#1\">\n              Item 1\n            </a>\n          </li>\n          <li class=\"govuk-footer__inline-list-item\">\n            <a class=\"govuk-footer__link\" href=\"#2\">\n              Item 2\n            </a>\n          </li>\n          <li class=\"govuk-footer__inline-list-item\">\n            <a class=\"govuk-footer__link\" href=\"#3\">\n              Item 3\n            </a>\n          </li>\n        </ul>\n        <svg\n          aria-hidden=\"true\"\n          focusable=\"false\"\n          class=\"govuk-footer__licence-logo\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          viewBox=\"0 0 483.2 195.7\"\n          height=\"17\"\n          width=\"41\"\n        >\n          <path\n            fill=\"currentColor\"\n            d=\"M421.5 142.8V.1l-50.7 32.3v161.1h112.4v-50.7zm-122.3-9.6A47.12 47.12 0 0 1 221 97.8c0-26 21.1-47.1 47.1-47.1 16.7 0 31.4 8.7 39.7 21.8l42.7-27.2A97.63 97.63 0 0 0 268.1 0c-36.5 0-68.3 20.1-85.1 49.7A98 98 0 0 0 97.8 0C43.9 0 0 43.9 0 97.8s43.9 97.8 97.8 97.8c36.5 0 68.3-20.1 85.1-49.7a97.76 97.76 0 0 0 149.6 25.4l19.4 22.2h3v-87.8h-80l24.3 27.5zM97.8 145c-26 0-47.1-21.1-47.1-47.1s21.1-47.1 47.1-47.1 47.2 21 47.2 47S123.8 145 97.8 145\"\n          />\n        </svg>\n        <span class=\"govuk-footer__licence-description\">\n          All content is available under the\n          <a\n            class=\"govuk-footer__link\"\n            href=\"https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/\"\n            rel=\"license\"\n          >Open Government Licence v3.0</a>, except where otherwise stated\n        </span>\n      </div>\n      <div class=\"govuk-footer__meta-item\">\n        <a\n          class=\"govuk-footer__link govuk-footer__copyright-logo\"\n          href=\"https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/\"\n        >\n          © Crown copyright\n        </a>\n      </div>\n    </div>\n  </div>\n</footer>"
+        },
+        {
+            "name": "meta html as text",
+            "options": {
+                "meta": {
+                    "text": "GOV.UK Prototype Kit <strong>v7.0.1</strong>"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<footer class=\"govuk-footer\">\n  <div class=\"govuk-width-container\">\n    <div class=\"govuk-footer__meta\">\n      <div class=\"govuk-footer__meta-item govuk-footer__meta-item--grow\">\n        <h2 class=\"govuk-visually-hidden\">Support links</h2>\n        <div class=\"govuk-footer__meta-custom\">\n          GOV.UK Prototype Kit &lt;strong&gt;v7.0.1&lt;/strong&gt;\n        </div>\n        <svg\n          aria-hidden=\"true\"\n          focusable=\"false\"\n          class=\"govuk-footer__licence-logo\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          viewBox=\"0 0 483.2 195.7\"\n          height=\"17\"\n          width=\"41\"\n        >\n          <path\n            fill=\"currentColor\"\n            d=\"M421.5 142.8V.1l-50.7 32.3v161.1h112.4v-50.7zm-122.3-9.6A47.12 47.12 0 0 1 221 97.8c0-26 21.1-47.1 47.1-47.1 16.7 0 31.4 8.7 39.7 21.8l42.7-27.2A97.63 97.63 0 0 0 268.1 0c-36.5 0-68.3 20.1-85.1 49.7A98 98 0 0 0 97.8 0C43.9 0 0 43.9 0 97.8s43.9 97.8 97.8 97.8c36.5 0 68.3-20.1 85.1-49.7a97.76 97.76 0 0 0 149.6 25.4l19.4 22.2h3v-87.8h-80l24.3 27.5zM97.8 145c-26 0-47.1-21.1-47.1-47.1s21.1-47.1 47.1-47.1 47.2 21 47.2 47S123.8 145 97.8 145\"\n          />\n        </svg>\n        <span class=\"govuk-footer__licence-description\">\n          All content is available under the\n          <a\n            class=\"govuk-footer__link\"\n            href=\"https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/\"\n            rel=\"license\"\n          >Open Government Licence v3.0</a>, except where otherwise stated\n        </span>\n      </div>\n      <div class=\"govuk-footer__meta-item\">\n        <a\n          class=\"govuk-footer__link govuk-footer__copyright-logo\"\n          href=\"https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/\"\n        >\n          © Crown copyright\n        </a>\n      </div>\n    </div>\n  </div>\n</footer>"
+        },
+        {
+            "name": "with meta html",
+            "options": {
+                "meta": {
+                    "html": "GOV.UK Prototype Kit <strong>v7.0.1</strong>"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<footer class=\"govuk-footer\">\n  <div class=\"govuk-width-container\">\n    <div class=\"govuk-footer__meta\">\n      <div class=\"govuk-footer__meta-item govuk-footer__meta-item--grow\">\n        <h2 class=\"govuk-visually-hidden\">Support links</h2>\n        <div class=\"govuk-footer__meta-custom\">\n          GOV.UK Prototype Kit <strong>v7.0.1</strong>\n        </div>\n        <svg\n          aria-hidden=\"true\"\n          focusable=\"false\"\n          class=\"govuk-footer__licence-logo\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          viewBox=\"0 0 483.2 195.7\"\n          height=\"17\"\n          width=\"41\"\n        >\n          <path\n            fill=\"currentColor\"\n            d=\"M421.5 142.8V.1l-50.7 32.3v161.1h112.4v-50.7zm-122.3-9.6A47.12 47.12 0 0 1 221 97.8c0-26 21.1-47.1 47.1-47.1 16.7 0 31.4 8.7 39.7 21.8l42.7-27.2A97.63 97.63 0 0 0 268.1 0c-36.5 0-68.3 20.1-85.1 49.7A98 98 0 0 0 97.8 0C43.9 0 0 43.9 0 97.8s43.9 97.8 97.8 97.8c36.5 0 68.3-20.1 85.1-49.7a97.76 97.76 0 0 0 149.6 25.4l19.4 22.2h3v-87.8h-80l24.3 27.5zM97.8 145c-26 0-47.1-21.1-47.1-47.1s21.1-47.1 47.1-47.1 47.2 21 47.2 47S123.8 145 97.8 145\"\n          />\n        </svg>\n        <span class=\"govuk-footer__licence-description\">\n          All content is available under the\n          <a\n            class=\"govuk-footer__link\"\n            href=\"https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/\"\n            rel=\"license\"\n          >Open Government Licence v3.0</a>, except where otherwise stated\n        </span>\n      </div>\n      <div class=\"govuk-footer__meta-item\">\n        <a\n          class=\"govuk-footer__link govuk-footer__copyright-logo\"\n          href=\"https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/\"\n        >\n          © Crown copyright\n        </a>\n      </div>\n    </div>\n  </div>\n</footer>"
+        },
+        {
+            "name": "with meta item attributes",
+            "options": {
+                "meta": {
+                    "items": [
+                        {
+                            "href": "#1",
+                            "text": "meta item 1",
+                            "attributes": {
+                                "data-attribute": "my-attribute",
+                                "data-attribute-2": "my-attribute-2"
+                            }
+                        }
+                    ]
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<footer class=\"govuk-footer\">\n  <div class=\"govuk-width-container\">\n    <div class=\"govuk-footer__meta\">\n      <div class=\"govuk-footer__meta-item govuk-footer__meta-item--grow\">\n        <h2 class=\"govuk-visually-hidden\">Support links</h2>\n        <ul class=\"govuk-footer__inline-list\">\n          <li class=\"govuk-footer__inline-list-item\">\n            <a class=\"govuk-footer__link\" href=\"#1\" data-attribute=\"my-attribute\" data-attribute-2=\"my-attribute-2\">\n              meta item 1\n            </a>\n          </li>\n        </ul>\n        <svg\n          aria-hidden=\"true\"\n          focusable=\"false\"\n          class=\"govuk-footer__licence-logo\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          viewBox=\"0 0 483.2 195.7\"\n          height=\"17\"\n          width=\"41\"\n        >\n          <path\n            fill=\"currentColor\"\n            d=\"M421.5 142.8V.1l-50.7 32.3v161.1h112.4v-50.7zm-122.3-9.6A47.12 47.12 0 0 1 221 97.8c0-26 21.1-47.1 47.1-47.1 16.7 0 31.4 8.7 39.7 21.8l42.7-27.2A97.63 97.63 0 0 0 268.1 0c-36.5 0-68.3 20.1-85.1 49.7A98 98 0 0 0 97.8 0C43.9 0 0 43.9 0 97.8s43.9 97.8 97.8 97.8c36.5 0 68.3-20.1 85.1-49.7a97.76 97.76 0 0 0 149.6 25.4l19.4 22.2h3v-87.8h-80l24.3 27.5zM97.8 145c-26 0-47.1-21.1-47.1-47.1s21.1-47.1 47.1-47.1 47.2 21 47.2 47S123.8 145 97.8 145\"\n          />\n        </svg>\n        <span class=\"govuk-footer__licence-description\">\n          All content is available under the\n          <a\n            class=\"govuk-footer__link\"\n            href=\"https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/\"\n            rel=\"license\"\n          >Open Government Licence v3.0</a>, except where otherwise stated\n        </span>\n      </div>\n      <div class=\"govuk-footer__meta-item\">\n        <a\n          class=\"govuk-footer__link govuk-footer__copyright-logo\"\n          href=\"https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/\"\n        >\n          © Crown copyright\n        </a>\n      </div>\n    </div>\n  </div>\n</footer>"
+        },
+        {
+            "name": "with empty navigation",
+            "options": {
+                "navigation": []
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<footer class=\"govuk-footer\">\n  <div class=\"govuk-width-container\">\n    <div class=\"govuk-footer__meta\">\n      <div class=\"govuk-footer__meta-item govuk-footer__meta-item--grow\">\n        <svg\n          aria-hidden=\"true\"\n          focusable=\"false\"\n          class=\"govuk-footer__licence-logo\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          viewBox=\"0 0 483.2 195.7\"\n          height=\"17\"\n          width=\"41\"\n        >\n          <path\n            fill=\"currentColor\"\n            d=\"M421.5 142.8V.1l-50.7 32.3v161.1h112.4v-50.7zm-122.3-9.6A47.12 47.12 0 0 1 221 97.8c0-26 21.1-47.1 47.1-47.1 16.7 0 31.4 8.7 39.7 21.8l42.7-27.2A97.63 97.63 0 0 0 268.1 0c-36.5 0-68.3 20.1-85.1 49.7A98 98 0 0 0 97.8 0C43.9 0 0 43.9 0 97.8s43.9 97.8 97.8 97.8c36.5 0 68.3-20.1 85.1-49.7a97.76 97.76 0 0 0 149.6 25.4l19.4 22.2h3v-87.8h-80l24.3 27.5zM97.8 145c-26 0-47.1-21.1-47.1-47.1s21.1-47.1 47.1-47.1 47.2 21 47.2 47S123.8 145 97.8 145\"\n          />\n        </svg>\n        <span class=\"govuk-footer__licence-description\">\n          All content is available under the\n          <a\n            class=\"govuk-footer__link\"\n            href=\"https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/\"\n            rel=\"license\"\n          >Open Government Licence v3.0</a>, except where otherwise stated\n        </span>\n      </div>\n      <div class=\"govuk-footer__meta-item\">\n        <a\n          class=\"govuk-footer__link govuk-footer__copyright-logo\"\n          href=\"https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/\"\n        >\n          © Crown copyright\n        </a>\n      </div>\n    </div>\n  </div>\n</footer>"
+        },
+        {
+            "name": "with navigation item attributes",
+            "options": {
+                "navigation": [
+                    {
+                        "title": "Single column list 1",
+                        "items": [
+                            {
+                                "href": "#1",
+                                "text": "Navigation item 1",
+                                "attributes": {
+                                    "data-attribute": "my-attribute",
+                                    "data-attribute-2": "my-attribute-2"
+                                }
+                            }
+                        ]
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<footer class=\"govuk-footer\">\n  <div class=\"govuk-width-container\">\n      <div class=\"govuk-footer__navigation\">\n          <div class=\"govuk-footer__section govuk-grid-column-full\">\n            <h2 class=\"govuk-footer__heading govuk-heading-m\">Single column list 1</h2>\n              <ul class=\"govuk-footer__list\">\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"#1\" data-attribute=\"my-attribute\" data-attribute-2=\"my-attribute-2\">\n                        Navigation item 1\n                      </a>\n                    </li>\n              </ul>\n          </div>\n      </div>\n      <hr class=\"govuk-footer__section-break\">\n    <div class=\"govuk-footer__meta\">\n      <div class=\"govuk-footer__meta-item govuk-footer__meta-item--grow\">\n        <svg\n          aria-hidden=\"true\"\n          focusable=\"false\"\n          class=\"govuk-footer__licence-logo\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          viewBox=\"0 0 483.2 195.7\"\n          height=\"17\"\n          width=\"41\"\n        >\n          <path\n            fill=\"currentColor\"\n            d=\"M421.5 142.8V.1l-50.7 32.3v161.1h112.4v-50.7zm-122.3-9.6A47.12 47.12 0 0 1 221 97.8c0-26 21.1-47.1 47.1-47.1 16.7 0 31.4 8.7 39.7 21.8l42.7-27.2A97.63 97.63 0 0 0 268.1 0c-36.5 0-68.3 20.1-85.1 49.7A98 98 0 0 0 97.8 0C43.9 0 0 43.9 0 97.8s43.9 97.8 97.8 97.8c36.5 0 68.3-20.1 85.1-49.7a97.76 97.76 0 0 0 149.6 25.4l19.4 22.2h3v-87.8h-80l24.3 27.5zM97.8 145c-26 0-47.1-21.1-47.1-47.1s21.1-47.1 47.1-47.1 47.2 21 47.2 47S123.8 145 97.8 145\"\n          />\n        </svg>\n        <span class=\"govuk-footer__licence-description\">\n          All content is available under the\n          <a\n            class=\"govuk-footer__link\"\n            href=\"https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/\"\n            rel=\"license\"\n          >Open Government Licence v3.0</a>, except where otherwise stated\n        </span>\n      </div>\n      <div class=\"govuk-footer__meta-item\">\n        <a\n          class=\"govuk-footer__link govuk-footer__copyright-logo\"\n          href=\"https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/\"\n        >\n          © Crown copyright\n        </a>\n      </div>\n    </div>\n  </div>\n</footer>"
+        },
+        {
+            "name": "rebrand",
+            "options": {
+                "rebrand": true
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {
+                "htmlClasses": "govuk-template--rebranded"
+            },
+            "screenshot": true,
+            "html": "<footer class=\"govuk-footer\">\n  <div class=\"govuk-width-container\">\n\n  \n  <svg\n    focusable=\"false\"\n    role=\"presentation\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    viewBox=\"0 0 64 60\"\n    height=\"30\"\n    width=\"32\"\n    fill=\"currentcolor\" class=\"govuk-footer__crown\"\n  >    <g>\n        <circle cx=\"20\" cy=\"17.6\" r=\"3.7\"/>\n        <circle cx=\"10.2\" cy=\"23.5\" r=\"3.7\"/>\n        <circle cx=\"3.7\" cy=\"33.2\" r=\"3.7\"/>\n        <circle cx=\"31.7\" cy=\"30.6\" r=\"3.7\"/>\n        <circle cx=\"43.3\" cy=\"17.6\" r=\"3.7\"/>\n        <circle cx=\"53.2\" cy=\"23.5\" r=\"3.7\"/>\n        <circle cx=\"59.7\" cy=\"33.2\" r=\"3.7\"/>\n        <circle cx=\"31.7\" cy=\"30.6\" r=\"3.7\"/>\n        <path d=\"M33.1,9.8c.2-.1.3-.3.5-.5l4.6,2.4v-6.8l-4.6,1.5c-.1-.2-.3-.3-.5-.5l1.9-5.9h-6.7l1.9,5.9c-.2.1-.3.3-.5.5l-4.6-1.5v6.8l4.6-2.4c.1.2.3.3.5.5l-2.6,8c-.9,2.8,1.2,5.7,4.1,5.7h0c3,0,5.1-2.9,4.1-5.7l-2.6-8ZM37,37.9s-3.4,3.8-4.1,6.1c2.2,0,4.2-.5,6.4-2.8l-.7,8.5c-2-2.8-4.4-4.1-5.7-3.8.1,3.1.5,6.7,5.8,7.2,3.7.3,6.7-1.5,7-3.8.4-2.6-2-4.3-3.7-1.6-1.4-4.5,2.4-6.1,4.9-3.2-1.9-4.5-1.8-7.7,2.4-10.9,3,4,2.6,7.3-1.2,11.1,2.4-1.3,6.2,0,4,4.6-1.2-2.8-3.7-2.2-4.2.2-.3,1.7.7,3.7,3,4.2,1.9.3,4.7-.9,7-5.9-1.3,0-2.4.7-3.9,1.7l2.4-8c.6,2.3,1.4,3.7,2.2,4.5.6-1.6.5-2.8,0-5.3l5,1.8c-2.6,3.6-5.2,8.7-7.3,17.5-7.4-1.1-15.7-1.7-24.5-1.7h0c-8.8,0-17.1.6-24.5,1.7-2.1-8.9-4.7-13.9-7.3-17.5l5-1.8c-.5,2.5-.6,3.7,0,5.3.8-.8,1.6-2.3,2.2-4.5l2.4,8c-1.5-1-2.6-1.7-3.9-1.7,2.3,5,5.2,6.2,7,5.9,2.3-.4,3.3-2.4,3-4.2-.5-2.4-3-3.1-4.2-.2-2.2-4.6,1.6-6,4-4.6-3.7-3.7-4.2-7.1-1.2-11.1,4.2,3.2,4.3,6.4,2.4,10.9,2.5-2.8,6.3-1.3,4.9,3.2-1.8-2.7-4.1-1-3.7,1.6.3,2.3,3.3,4.1,7,3.8,5.4-.5,5.7-4.2,5.8-7.2-1.3-.2-3.7,1-5.7,3.8l-.7-8.5c2.2,2.3,4.2,2.7,6.4,2.8-.7-2.3-4.1-6.1-4.1-6.1h10.6,0Z\"/>\n      </g>\n  </svg>\n\n    <div class=\"govuk-footer__meta\">\n      <div class=\"govuk-footer__meta-item govuk-footer__meta-item--grow\">\n        <svg\n          aria-hidden=\"true\"\n          focusable=\"false\"\n          class=\"govuk-footer__licence-logo\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          viewBox=\"0 0 483.2 195.7\"\n          height=\"17\"\n          width=\"41\"\n        >\n          <path\n            fill=\"currentColor\"\n            d=\"M421.5 142.8V.1l-50.7 32.3v161.1h112.4v-50.7zm-122.3-9.6A47.12 47.12 0 0 1 221 97.8c0-26 21.1-47.1 47.1-47.1 16.7 0 31.4 8.7 39.7 21.8l42.7-27.2A97.63 97.63 0 0 0 268.1 0c-36.5 0-68.3 20.1-85.1 49.7A98 98 0 0 0 97.8 0C43.9 0 0 43.9 0 97.8s43.9 97.8 97.8 97.8c36.5 0 68.3-20.1 85.1-49.7a97.76 97.76 0 0 0 149.6 25.4l19.4 22.2h3v-87.8h-80l24.3 27.5zM97.8 145c-26 0-47.1-21.1-47.1-47.1s21.1-47.1 47.1-47.1 47.2 21 47.2 47S123.8 145 97.8 145\"\n          />\n        </svg>\n        <span class=\"govuk-footer__licence-description\">\n          All content is available under the\n          <a\n            class=\"govuk-footer__link\"\n            href=\"https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/\"\n            rel=\"license\"\n          >Open Government Licence v3.0</a>, except where otherwise stated\n        </span>\n      </div>\n      <div class=\"govuk-footer__meta-item\">\n        <a\n          class=\"govuk-footer__link govuk-footer__copyright-logo\"\n          href=\"https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/\"\n        >\n          © Crown copyright\n        </a>\n      </div>\n    </div>\n  </div>\n</footer>"
+        }
+    ],
+    "previewLayout": "full-width"
+}
diff --git a/app/templates/govuk/components/components/footer/macro-options.json b/app/templates/govuk/components/components/footer/macro-options.json
new file mode 100644
index 0000000..001850e
--- /dev/null
+++ b/app/templates/govuk/components/components/footer/macro-options.json
@@ -0,0 +1,170 @@
+[
+    {
+        "name": "meta",
+        "type": "object",
+        "required": false,
+        "description": "The meta section of the footer after any navigation, before the copyright and license information.",
+        "params": [
+            {
+                "name": "visuallyHiddenTitle",
+                "type": "string",
+                "required": false,
+                "description": "Title for a meta item section. Defaults to `\"Support links\"`."
+            },
+            {
+                "name": "html",
+                "type": "string",
+                "required": false,
+                "description": "HTML to add to the meta section of the footer, which will appear below any links specified using meta `items`."
+            },
+            {
+                "name": "text",
+                "type": "string",
+                "required": false,
+                "description": "Text to add to the meta section of the footer, which will appear below any links specified using meta `items`. If meta `html` is specified, this option is ignored."
+            },
+            {
+                "name": "items",
+                "type": "array",
+                "required": false,
+                "description": "The meta `items` add content within a unordered list to the meta section of the footer component. These appear above any text or custom html in the meta section.",
+                "params": [
+                    {
+                        "name": "text",
+                        "type": "string",
+                        "required": true,
+                        "description": "List item text in the meta section of the footer."
+                    },
+                    {
+                        "name": "href",
+                        "type": "string",
+                        "required": true,
+                        "description": "List item link `href` attribute in the meta section of the footer."
+                    },
+                    {
+                        "name": "attributes",
+                        "type": "object",
+                        "required": false,
+                        "description": "HTML attributes (for example data attributes) to add to the anchor in the footer meta section."
+                    }
+                ]
+            }
+        ]
+    },
+    {
+        "name": "navigation",
+        "type": "array",
+        "required": false,
+        "description": "The navigation section of the footer before a section break and the copyright and license information.",
+        "params": [
+            {
+                "name": "title",
+                "type": "string",
+                "required": true,
+                "description": "Title for a section."
+            },
+            {
+                "name": "columns",
+                "type": "integer",
+                "required": false,
+                "description": "Amount of columns to display items in navigation section of the footer."
+            },
+            {
+                "name": "width",
+                "type": "string",
+                "required": false,
+                "description": "Width of each navigation section in the footer. You can pass any Design System grid width here – for example, `\"one-third\"`, `\"two-thirds\"` or `\"one-half\"`. Defaults to `\"full\"`."
+            },
+            {
+                "name": "items",
+                "type": "array",
+                "required": false,
+                "description": "The items within the navigation section of the footer component.",
+                "params": [
+                    {
+                        "name": "text",
+                        "type": "string",
+                        "required": true,
+                        "description": "List item text in the navigation section of the footer."
+                    },
+                    {
+                        "name": "href",
+                        "type": "string",
+                        "required": true,
+                        "description": "List item link `href` attribute in the navigation section of the footer. Both `text` and `href` attributes need to be present to create a link."
+                    },
+                    {
+                        "name": "attributes",
+                        "type": "object",
+                        "required": false,
+                        "description": "HTML attributes (for example data attributes) to add to the anchor in the footer navigation section."
+                    }
+                ]
+            }
+        ]
+    },
+    {
+        "name": "contentLicence",
+        "type": "object",
+        "required": false,
+        "description": "The content licence information within the footer component. Defaults to Open Government Licence (OGL) v3 licence.",
+        "params": [
+            {
+                "name": "text",
+                "type": "string",
+                "required": false,
+                "description": "If `html` is set, this is not required. If `html` is provided, the `text` option will be ignored. If neither are provided, the text for the Open Government Licence is used."
+            },
+            {
+                "name": "html",
+                "type": "string",
+                "required": false,
+                "description": "If `text` is set, this is not required. If `html` is provided, the `text` option will be ignored. If neither are provided, the text for the Open Government Licence is used. The content licence is inside a `<span>` element, so you can only add [phrasing content](https://html.spec.whatwg.org/#phrasing-content) to it."
+            }
+        ]
+    },
+    {
+        "name": "copyright",
+        "type": "object",
+        "required": false,
+        "description": "The copyright information in the footer component, this defaults to `\"© Crown copyright\"`.",
+        "params": [
+            {
+                "name": "text",
+                "type": "string",
+                "required": false,
+                "description": "If `html` is set, this is not required. If `html` is provided, the `text` option will be ignored. If neither are provided, `\"© Crown copyright\"` is used."
+            },
+            {
+                "name": "html",
+                "type": "string",
+                "required": false,
+                "description": "If `text` is set, this is not required. If `html` is provided, the `text` option will be ignored. If neither are provided, `\"© Crown copyright\"` is used. The copyright notice is inside an `<a>` element, so you can only use text formatting elements within it."
+            }
+        ]
+    },
+    {
+        "name": "containerClasses",
+        "type": "string",
+        "required": false,
+        "description": "Classes that can be added to the inner container, useful if you want to make the footer full width."
+    },
+    {
+        "name": "classes",
+        "type": "string",
+        "required": false,
+        "description": "Classes to add to the footer component container."
+    },
+    {
+        "name": "attributes",
+        "type": "object",
+        "required": false,
+        "description": "HTML attributes (for example data attributes) to add to the footer component container."
+    },
+    {
+        "name": "rebrand",
+        "type": "boolean",
+        "required": false,
+        "description": "If `true`, use the redesigned footer with the GOV.UK crown. Default is `false`."
+    }
+]
diff --git a/app/templates/govuk/components/components/footer/macro.njk b/app/templates/govuk/components/components/footer/macro.njk
new file mode 100644
index 0000000..22e5868
--- /dev/null
+++ b/app/templates/govuk/components/components/footer/macro.njk
@@ -0,0 +1,3 @@
+{% macro govukFooter(params) %}
+  {%- include "./template.njk" -%}
+{% endmacro %}
diff --git a/app/templates/govuk/components/components/footer/template-default.html b/app/templates/govuk/components/components/footer/template-default.html
new file mode 100644
index 0000000..65bb751
--- /dev/null
+++ b/app/templates/govuk/components/components/footer/template-default.html
@@ -0,0 +1,38 @@
+<footer class="govuk-footer">
+  <div class="govuk-width-container">
+    <div class="govuk-footer__meta">
+      <div class="govuk-footer__meta-item govuk-footer__meta-item--grow">
+        <svg
+          aria-hidden="true"
+          focusable="false"
+          class="govuk-footer__licence-logo"
+          xmlns="http://www.w3.org/2000/svg"
+          viewBox="0 0 483.2 195.7"
+          height="17"
+          width="41"
+        >
+          <path
+            fill="currentColor"
+            d="M421.5 142.8V.1l-50.7 32.3v161.1h112.4v-50.7zm-122.3-9.6A47.12 47.12 0 0 1 221 97.8c0-26 21.1-47.1 47.1-47.1 16.7 0 31.4 8.7 39.7 21.8l42.7-27.2A97.63 97.63 0 0 0 268.1 0c-36.5 0-68.3 20.1-85.1 49.7A98 98 0 0 0 97.8 0C43.9 0 0 43.9 0 97.8s43.9 97.8 97.8 97.8c36.5 0 68.3-20.1 85.1-49.7a97.76 97.76 0 0 0 149.6 25.4l19.4 22.2h3v-87.8h-80l24.3 27.5zM97.8 145c-26 0-47.1-21.1-47.1-47.1s21.1-47.1 47.1-47.1 47.2 21 47.2 47S123.8 145 97.8 145"
+          />
+        </svg>
+        <span class="govuk-footer__licence-description">
+          All content is available under the
+          <a
+            class="govuk-footer__link"
+            href="https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/"
+            rel="license"
+          >Open Government Licence v3.0</a>, except where otherwise stated
+        </span>
+      </div>
+      <div class="govuk-footer__meta-item">
+        <a
+          class="govuk-footer__link govuk-footer__copyright-logo"
+          href="https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/"
+        >
+          © Crown copyright
+        </a>
+      </div>
+    </div>
+  </div>
+</footer>
diff --git a/app/templates/govuk/components/components/footer/template-full-gds-example.html b/app/templates/govuk/components/components/footer/template-full-gds-example.html
new file mode 100644
index 0000000..7fa3403
--- /dev/null
+++ b/app/templates/govuk/components/components/footer/template-full-gds-example.html
@@ -0,0 +1,212 @@
+<footer class="govuk-footer">
+  <div class="govuk-width-container">
+      <div class="govuk-footer__navigation">
+          <div class="govuk-footer__section govuk-grid-column-two-thirds">
+            <h2 class="govuk-footer__heading govuk-heading-m">Coronavirus (COVID-19)</h2>
+              <ul class="govuk-footer__list">
+                    <li class="govuk-footer__list-item">
+                      <a class="govuk-footer__link" href="/coronavirus">
+                        Coronavirus (COVID-19): guidance and support
+                      </a>
+                    </li>
+              </ul>
+          </div>
+          <div class="govuk-footer__section govuk-grid-column-one-third">
+            <h2 class="govuk-footer__heading govuk-heading-m">Brexit</h2>
+              <ul class="govuk-footer__list">
+                    <li class="govuk-footer__list-item">
+                      <a class="govuk-footer__link" href="/brexit">
+                        Check what you need to do
+                      </a>
+                    </li>
+              </ul>
+          </div>
+          <div class="govuk-footer__section govuk-grid-column-two-thirds">
+            <h2 class="govuk-footer__heading govuk-heading-m">Services and information</h2>
+              <ul class="govuk-footer__list govuk-footer__list--columns-2">
+                    <li class="govuk-footer__list-item">
+                      <a class="govuk-footer__link" href="/browse/benefits">
+                        Benefits
+                      </a>
+                    </li>
+                    <li class="govuk-footer__list-item">
+                      <a class="govuk-footer__link" href="/browse/births-deaths-marriages">
+                        Births, deaths, marriages and care
+                      </a>
+                    </li>
+                    <li class="govuk-footer__list-item">
+                      <a class="govuk-footer__link" href="/browse/business">
+                        Business and self-employed
+                      </a>
+                    </li>
+                    <li class="govuk-footer__list-item">
+                      <a class="govuk-footer__link" href="/browse/childcare-parenting">
+                        Childcare and parenting
+                      </a>
+                    </li>
+                    <li class="govuk-footer__list-item">
+                      <a class="govuk-footer__link" href="/browse/citizenship">
+                        Citizenship and living in the UK
+                      </a>
+                    </li>
+                    <li class="govuk-footer__list-item">
+                      <a class="govuk-footer__link" href="/browse/justice">
+                        Crime, justice and the law
+                      </a>
+                    </li>
+                    <li class="govuk-footer__list-item">
+                      <a class="govuk-footer__link" href="/browse/disabilities">
+                        Disabled people
+                      </a>
+                    </li>
+                    <li class="govuk-footer__list-item">
+                      <a class="govuk-footer__link" href="/browse/driving">
+                        Driving and transport
+                      </a>
+                    </li>
+                    <li class="govuk-footer__list-item">
+                      <a class="govuk-footer__link" href="/browse/education">
+                        Education and learning
+                      </a>
+                    </li>
+                    <li class="govuk-footer__list-item">
+                      <a class="govuk-footer__link" href="/browse/employing-people">
+                        Employing people
+                      </a>
+                    </li>
+                    <li class="govuk-footer__list-item">
+                      <a class="govuk-footer__link" href="/browse/environment-countryside">
+                        Environment and countryside
+                      </a>
+                    </li>
+                    <li class="govuk-footer__list-item">
+                      <a class="govuk-footer__link" href="/browse/housing-local-services">
+                        Housing and local services
+                      </a>
+                    </li>
+                    <li class="govuk-footer__list-item">
+                      <a class="govuk-footer__link" href="/browse/tax">
+                        Money and tax
+                      </a>
+                    </li>
+                    <li class="govuk-footer__list-item">
+                      <a class="govuk-footer__link" href="/browse/abroad">
+                        Passports, travel and living abroad
+                      </a>
+                    </li>
+                    <li class="govuk-footer__list-item">
+                      <a class="govuk-footer__link" href="/browse/visas-immigration">
+                        Visas and immigration
+                      </a>
+                    </li>
+                    <li class="govuk-footer__list-item">
+                      <a class="govuk-footer__link" href="/browse/working">
+                        Working, jobs and pensions
+                      </a>
+                    </li>
+              </ul>
+          </div>
+          <div class="govuk-footer__section govuk-grid-column-one-third">
+            <h2 class="govuk-footer__heading govuk-heading-m">Departments and policy</h2>
+              <ul class="govuk-footer__list">
+                    <li class="govuk-footer__list-item">
+                      <a class="govuk-footer__link" href="/government/how-government-works">
+                        How government works
+                      </a>
+                    </li>
+                    <li class="govuk-footer__list-item">
+                      <a class="govuk-footer__link" href="/government/organisations">
+                        Departments
+                      </a>
+                    </li>
+                    <li class="govuk-footer__list-item">
+                      <a class="govuk-footer__link" href="/world">
+                        Worldwide
+                      </a>
+                    </li>
+                    <li class="govuk-footer__list-item">
+                      <a class="govuk-footer__link" href="/government/policies">
+                        Policies
+                      </a>
+                    </li>
+                    <li class="govuk-footer__list-item">
+                      <a class="govuk-footer__link" href="/government/publications">
+                        Publications
+                      </a>
+                    </li>
+                    <li class="govuk-footer__list-item">
+                      <a class="govuk-footer__link" href="/government/announcements">
+                        Announcements
+                      </a>
+                    </li>
+              </ul>
+          </div>
+      </div>
+      <hr class="govuk-footer__section-break">
+    <div class="govuk-footer__meta">
+      <div class="govuk-footer__meta-item govuk-footer__meta-item--grow">
+        <h2 class="govuk-visually-hidden">Support links</h2>
+        <ul class="govuk-footer__inline-list">
+          <li class="govuk-footer__inline-list-item">
+            <a class="govuk-footer__link" href="/help">
+              Help
+            </a>
+          </li>
+          <li class="govuk-footer__inline-list-item">
+            <a class="govuk-footer__link" href="/help/cookies">
+              Cookies
+            </a>
+          </li>
+          <li class="govuk-footer__inline-list-item">
+            <a class="govuk-footer__link" href="/contact">
+              Contact
+            </a>
+          </li>
+          <li class="govuk-footer__inline-list-item">
+            <a class="govuk-footer__link" href="/help/terms-conditions">
+              Terms and conditions
+            </a>
+          </li>
+          <li class="govuk-footer__inline-list-item">
+            <a class="govuk-footer__link" href="/cymraeg">
+              Rhestr o Wasanaethau Cymraeg
+            </a>
+          </li>
+        </ul>
+        <div class="govuk-footer__meta-custom">
+          Built by the <a class="govuk-footer__link" href="#">Government Digital Service</a>
+        </div>
+        <svg
+          aria-hidden="true"
+          focusable="false"
+          class="govuk-footer__licence-logo"
+          xmlns="http://www.w3.org/2000/svg"
+          viewBox="0 0 483.2 195.7"
+          height="17"
+          width="41"
+        >
+          <path
+            fill="currentColor"
+            d="M421.5 142.8V.1l-50.7 32.3v161.1h112.4v-50.7zm-122.3-9.6A47.12 47.12 0 0 1 221 97.8c0-26 21.1-47.1 47.1-47.1 16.7 0 31.4 8.7 39.7 21.8l42.7-27.2A97.63 97.63 0 0 0 268.1 0c-36.5 0-68.3 20.1-85.1 49.7A98 98 0 0 0 97.8 0C43.9 0 0 43.9 0 97.8s43.9 97.8 97.8 97.8c36.5 0 68.3-20.1 85.1-49.7a97.76 97.76 0 0 0 149.6 25.4l19.4 22.2h3v-87.8h-80l24.3 27.5zM97.8 145c-26 0-47.1-21.1-47.1-47.1s21.1-47.1 47.1-47.1 47.2 21 47.2 47S123.8 145 97.8 145"
+          />
+        </svg>
+        <span class="govuk-footer__licence-description">
+          All content is available under the
+          <a
+            class="govuk-footer__link"
+            href="https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/"
+            rel="license"
+          >Open Government Licence v3.0</a>, except where otherwise stated
+        </span>
+      </div>
+      <div class="govuk-footer__meta-item">
+        <a
+          class="govuk-footer__link govuk-footer__copyright-logo"
+          href="https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/"
+        >
+          © Crown copyright
+        </a>
+      </div>
+    </div>
+  </div>
+</footer>
diff --git a/app/templates/govuk/components/components/footer/template-three-equal-columns.html b/app/templates/govuk/components/components/footer/template-three-equal-columns.html
new file mode 100644
index 0000000..bec6295
--- /dev/null
+++ b/app/templates/govuk/components/components/footer/template-three-equal-columns.html
@@ -0,0 +1,146 @@
+<footer class="govuk-footer">
+  <div class="govuk-width-container">
+      <div class="govuk-footer__navigation">
+          <div class="govuk-footer__section govuk-grid-column-one-third">
+            <h2 class="govuk-footer__heading govuk-heading-m">Single column list 1</h2>
+              <ul class="govuk-footer__list govuk-footer__list--columns-1">
+                    <li class="govuk-footer__list-item">
+                      <a class="govuk-footer__link" href="#1">
+                        Navigation item 1
+                      </a>
+                    </li>
+                    <li class="govuk-footer__list-item">
+                      <a class="govuk-footer__link" href="#2">
+                        Navigation item 2
+                      </a>
+                    </li>
+                    <li class="govuk-footer__list-item">
+                      <a class="govuk-footer__link" href="#3">
+                        Navigation item 3
+                      </a>
+                    </li>
+                    <li class="govuk-footer__list-item">
+                      <a class="govuk-footer__link" href="#4">
+                        Navigation item 4
+                      </a>
+                    </li>
+                    <li class="govuk-footer__list-item">
+                      <a class="govuk-footer__link" href="#5">
+                        Navigation item 5
+                      </a>
+                    </li>
+                    <li class="govuk-footer__list-item">
+                      <a class="govuk-footer__link" href="#6">
+                        Navigation item 6
+                      </a>
+                    </li>
+              </ul>
+          </div>
+          <div class="govuk-footer__section govuk-grid-column-one-third">
+            <h2 class="govuk-footer__heading govuk-heading-m">Single column list 2</h2>
+              <ul class="govuk-footer__list govuk-footer__list--columns-1">
+                    <li class="govuk-footer__list-item">
+                      <a class="govuk-footer__link" href="#1">
+                        Navigation item 1
+                      </a>
+                    </li>
+                    <li class="govuk-footer__list-item">
+                      <a class="govuk-footer__link" href="#2">
+                        Navigation item 2
+                      </a>
+                    </li>
+                    <li class="govuk-footer__list-item">
+                      <a class="govuk-footer__link" href="#3">
+                        Navigation item 3
+                      </a>
+                    </li>
+                    <li class="govuk-footer__list-item">
+                      <a class="govuk-footer__link" href="#4">
+                        Navigation item 4
+                      </a>
+                    </li>
+                    <li class="govuk-footer__list-item">
+                      <a class="govuk-footer__link" href="#5">
+                        Navigation item 5
+                      </a>
+                    </li>
+                    <li class="govuk-footer__list-item">
+                      <a class="govuk-footer__link" href="#6">
+                        Navigation item 6
+                      </a>
+                    </li>
+              </ul>
+          </div>
+          <div class="govuk-footer__section govuk-grid-column-one-third">
+            <h2 class="govuk-footer__heading govuk-heading-m">Single column list 3</h2>
+              <ul class="govuk-footer__list govuk-footer__list--columns-1">
+                    <li class="govuk-footer__list-item">
+                      <a class="govuk-footer__link" href="#1">
+                        Navigation item 1
+                      </a>
+                    </li>
+                    <li class="govuk-footer__list-item">
+                      <a class="govuk-footer__link" href="#2">
+                        Navigation item 2
+                      </a>
+                    </li>
+                    <li class="govuk-footer__list-item">
+                      <a class="govuk-footer__link" href="#3">
+                        Navigation item 3
+                      </a>
+                    </li>
+                    <li class="govuk-footer__list-item">
+                      <a class="govuk-footer__link" href="#4">
+                        Navigation item 4
+                      </a>
+                    </li>
+                    <li class="govuk-footer__list-item">
+                      <a class="govuk-footer__link" href="#5">
+                        Navigation item 5
+                      </a>
+                    </li>
+                    <li class="govuk-footer__list-item">
+                      <a class="govuk-footer__link" href="#6">
+                        Navigation item 6
+                      </a>
+                    </li>
+              </ul>
+          </div>
+      </div>
+      <hr class="govuk-footer__section-break">
+    <div class="govuk-footer__meta">
+      <div class="govuk-footer__meta-item govuk-footer__meta-item--grow">
+        <svg
+          aria-hidden="true"
+          focusable="false"
+          class="govuk-footer__licence-logo"
+          xmlns="http://www.w3.org/2000/svg"
+          viewBox="0 0 483.2 195.7"
+          height="17"
+          width="41"
+        >
+          <path
+            fill="currentColor"
+            d="M421.5 142.8V.1l-50.7 32.3v161.1h112.4v-50.7zm-122.3-9.6A47.12 47.12 0 0 1 221 97.8c0-26 21.1-47.1 47.1-47.1 16.7 0 31.4 8.7 39.7 21.8l42.7-27.2A97.63 97.63 0 0 0 268.1 0c-36.5 0-68.3 20.1-85.1 49.7A98 98 0 0 0 97.8 0C43.9 0 0 43.9 0 97.8s43.9 97.8 97.8 97.8c36.5 0 68.3-20.1 85.1-49.7a97.76 97.76 0 0 0 149.6 25.4l19.4 22.2h3v-87.8h-80l24.3 27.5zM97.8 145c-26 0-47.1-21.1-47.1-47.1s21.1-47.1 47.1-47.1 47.2 21 47.2 47S123.8 145 97.8 145"
+          />
+        </svg>
+        <span class="govuk-footer__licence-description">
+          All content is available under the
+          <a
+            class="govuk-footer__link"
+            href="https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/"
+            rel="license"
+          >Open Government Licence v3.0</a>, except where otherwise stated
+        </span>
+      </div>
+      <div class="govuk-footer__meta-item">
+        <a
+          class="govuk-footer__link govuk-footer__copyright-logo"
+          href="https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/"
+        >
+          © Crown copyright
+        </a>
+      </div>
+    </div>
+  </div>
+</footer>
diff --git a/app/templates/govuk/components/components/footer/template-with-custom-html-content-licence-and-copyright-notice.html b/app/templates/govuk/components/components/footer/template-with-custom-html-content-licence-and-copyright-notice.html
new file mode 100644
index 0000000..27961eb
--- /dev/null
+++ b/app/templates/govuk/components/components/footer/template-with-custom-html-content-licence-and-copyright-notice.html
@@ -0,0 +1,33 @@
+<footer class="govuk-footer">
+  <div class="govuk-width-container">
+    <div class="govuk-footer__meta">
+      <div class="govuk-footer__meta-item govuk-footer__meta-item--grow">
+        <svg
+          aria-hidden="true"
+          focusable="false"
+          class="govuk-footer__licence-logo"
+          xmlns="http://www.w3.org/2000/svg"
+          viewBox="0 0 483.2 195.7"
+          height="17"
+          width="41"
+        >
+          <path
+            fill="currentColor"
+            d="M421.5 142.8V.1l-50.7 32.3v161.1h112.4v-50.7zm-122.3-9.6A47.12 47.12 0 0 1 221 97.8c0-26 21.1-47.1 47.1-47.1 16.7 0 31.4 8.7 39.7 21.8l42.7-27.2A97.63 97.63 0 0 0 268.1 0c-36.5 0-68.3 20.1-85.1 49.7A98 98 0 0 0 97.8 0C43.9 0 0 43.9 0 97.8s43.9 97.8 97.8 97.8c36.5 0 68.3-20.1 85.1-49.7a97.76 97.76 0 0 0 149.6 25.4l19.4 22.2h3v-87.8h-80l24.3 27.5zM97.8 145c-26 0-47.1-21.1-47.1-47.1s21.1-47.1 47.1-47.1 47.2 21 47.2 47S123.8 145 97.8 145"
+          />
+        </svg>
+        <span class="govuk-footer__licence-description">
+          Mae’r holl gynnwys ar gael dan <a class="govuk-footer__link" href="https://www.nationalarchives.gov.uk/doc/open-government-licence-cymraeg/version/3/" rel="license">Drwydded y Llywodraeth Agored v3.0</a>, ac eithrio lle nodir yn wahanol
+        </span>
+      </div>
+      <div class="govuk-footer__meta-item">
+        <a
+          class="govuk-footer__link govuk-footer__copyright-logo"
+          href="https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/"
+        >
+          <span>Hawlfraint y Goron</span>
+        </a>
+      </div>
+    </div>
+  </div>
+</footer>
diff --git a/app/templates/govuk/components/components/footer/template-with-custom-meta.html b/app/templates/govuk/components/components/footer/template-with-custom-meta.html
new file mode 100644
index 0000000..196c4d8
--- /dev/null
+++ b/app/templates/govuk/components/components/footer/template-with-custom-meta.html
@@ -0,0 +1,42 @@
+<footer class="govuk-footer">
+  <div class="govuk-width-container">
+    <div class="govuk-footer__meta">
+      <div class="govuk-footer__meta-item govuk-footer__meta-item--grow">
+        <h2 class="govuk-visually-hidden">Support links</h2>
+        <div class="govuk-footer__meta-custom">
+          GOV.UK Prototype Kit v7.0.1
+        </div>
+        <svg
+          aria-hidden="true"
+          focusable="false"
+          class="govuk-footer__licence-logo"
+          xmlns="http://www.w3.org/2000/svg"
+          viewBox="0 0 483.2 195.7"
+          height="17"
+          width="41"
+        >
+          <path
+            fill="currentColor"
+            d="M421.5 142.8V.1l-50.7 32.3v161.1h112.4v-50.7zm-122.3-9.6A47.12 47.12 0 0 1 221 97.8c0-26 21.1-47.1 47.1-47.1 16.7 0 31.4 8.7 39.7 21.8l42.7-27.2A97.63 97.63 0 0 0 268.1 0c-36.5 0-68.3 20.1-85.1 49.7A98 98 0 0 0 97.8 0C43.9 0 0 43.9 0 97.8s43.9 97.8 97.8 97.8c36.5 0 68.3-20.1 85.1-49.7a97.76 97.76 0 0 0 149.6 25.4l19.4 22.2h3v-87.8h-80l24.3 27.5zM97.8 145c-26 0-47.1-21.1-47.1-47.1s21.1-47.1 47.1-47.1 47.2 21 47.2 47S123.8 145 97.8 145"
+          />
+        </svg>
+        <span class="govuk-footer__licence-description">
+          All content is available under the
+          <a
+            class="govuk-footer__link"
+            href="https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/"
+            rel="license"
+          >Open Government Licence v3.0</a>, except where otherwise stated
+        </span>
+      </div>
+      <div class="govuk-footer__meta-item">
+        <a
+          class="govuk-footer__link govuk-footer__copyright-logo"
+          href="https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/"
+        >
+          © Crown copyright
+        </a>
+      </div>
+    </div>
+  </div>
+</footer>
diff --git a/app/templates/govuk/components/components/footer/template-with-custom-text-content-licence-and-copyright-notice.html b/app/templates/govuk/components/components/footer/template-with-custom-text-content-licence-and-copyright-notice.html
new file mode 100644
index 0000000..d85bba7
--- /dev/null
+++ b/app/templates/govuk/components/components/footer/template-with-custom-text-content-licence-and-copyright-notice.html
@@ -0,0 +1,33 @@
+<footer class="govuk-footer">
+  <div class="govuk-width-container">
+    <div class="govuk-footer__meta">
+      <div class="govuk-footer__meta-item govuk-footer__meta-item--grow">
+        <svg
+          aria-hidden="true"
+          focusable="false"
+          class="govuk-footer__licence-logo"
+          xmlns="http://www.w3.org/2000/svg"
+          viewBox="0 0 483.2 195.7"
+          height="17"
+          width="41"
+        >
+          <path
+            fill="currentColor"
+            d="M421.5 142.8V.1l-50.7 32.3v161.1h112.4v-50.7zm-122.3-9.6A47.12 47.12 0 0 1 221 97.8c0-26 21.1-47.1 47.1-47.1 16.7 0 31.4 8.7 39.7 21.8l42.7-27.2A97.63 97.63 0 0 0 268.1 0c-36.5 0-68.3 20.1-85.1 49.7A98 98 0 0 0 97.8 0C43.9 0 0 43.9 0 97.8s43.9 97.8 97.8 97.8c36.5 0 68.3-20.1 85.1-49.7a97.76 97.76 0 0 0 149.6 25.4l19.4 22.2h3v-87.8h-80l24.3 27.5zM97.8 145c-26 0-47.1-21.1-47.1-47.1s21.1-47.1 47.1-47.1 47.2 21 47.2 47S123.8 145 97.8 145"
+          />
+        </svg>
+        <span class="govuk-footer__licence-description">
+          Mae’r holl gynnwys ar gael dan Drwydded y Llywodraeth Agored v3.0, ac eithrio lle nodir yn wahanol
+        </span>
+      </div>
+      <div class="govuk-footer__meta-item">
+        <a
+          class="govuk-footer__link govuk-footer__copyright-logo"
+          href="https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/"
+        >
+          © Hawlfraint y Goron
+        </a>
+      </div>
+    </div>
+  </div>
+</footer>
diff --git a/app/templates/govuk/components/components/footer/template-with-default-width-navigation-one-column.html b/app/templates/govuk/components/components/footer/template-with-default-width-navigation-one-column.html
new file mode 100644
index 0000000..9425c07
--- /dev/null
+++ b/app/templates/govuk/components/components/footer/template-with-default-width-navigation-one-column.html
@@ -0,0 +1,76 @@
+<footer class="govuk-footer">
+  <div class="govuk-width-container">
+      <div class="govuk-footer__navigation">
+          <div class="govuk-footer__section govuk-grid-column-full">
+            <h2 class="govuk-footer__heading govuk-heading-m">Navigation section</h2>
+              <ul class="govuk-footer__list">
+                    <li class="govuk-footer__list-item">
+                      <a class="govuk-footer__link" href="#1">
+                        Navigation item 1
+                      </a>
+                    </li>
+                    <li class="govuk-footer__list-item">
+                      <a class="govuk-footer__link" href="#2">
+                        Navigation item 2
+                      </a>
+                    </li>
+                    <li class="govuk-footer__list-item">
+                      <a class="govuk-footer__link" href="#3">
+                        Navigation item 3
+                      </a>
+                    </li>
+                    <li class="govuk-footer__list-item">
+                      <a class="govuk-footer__link" href="#4">
+                        Navigation item 4
+                      </a>
+                    </li>
+                    <li class="govuk-footer__list-item">
+                      <a class="govuk-footer__link" href="#5">
+                        Navigation item 5
+                      </a>
+                    </li>
+                    <li class="govuk-footer__list-item">
+                      <a class="govuk-footer__link" href="#6">
+                        Navigation item 6
+                      </a>
+                    </li>
+              </ul>
+          </div>
+      </div>
+      <hr class="govuk-footer__section-break">
+    <div class="govuk-footer__meta">
+      <div class="govuk-footer__meta-item govuk-footer__meta-item--grow">
+        <svg
+          aria-hidden="true"
+          focusable="false"
+          class="govuk-footer__licence-logo"
+          xmlns="http://www.w3.org/2000/svg"
+          viewBox="0 0 483.2 195.7"
+          height="17"
+          width="41"
+        >
+          <path
+            fill="currentColor"
+            d="M421.5 142.8V.1l-50.7 32.3v161.1h112.4v-50.7zm-122.3-9.6A47.12 47.12 0 0 1 221 97.8c0-26 21.1-47.1 47.1-47.1 16.7 0 31.4 8.7 39.7 21.8l42.7-27.2A97.63 97.63 0 0 0 268.1 0c-36.5 0-68.3 20.1-85.1 49.7A98 98 0 0 0 97.8 0C43.9 0 0 43.9 0 97.8s43.9 97.8 97.8 97.8c36.5 0 68.3-20.1 85.1-49.7a97.76 97.76 0 0 0 149.6 25.4l19.4 22.2h3v-87.8h-80l24.3 27.5zM97.8 145c-26 0-47.1-21.1-47.1-47.1s21.1-47.1 47.1-47.1 47.2 21 47.2 47S123.8 145 97.8 145"
+          />
+        </svg>
+        <span class="govuk-footer__licence-description">
+          All content is available under the
+          <a
+            class="govuk-footer__link"
+            href="https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/"
+            rel="license"
+          >Open Government Licence v3.0</a>, except where otherwise stated
+        </span>
+      </div>
+      <div class="govuk-footer__meta-item">
+        <a
+          class="govuk-footer__link govuk-footer__copyright-logo"
+          href="https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/"
+        >
+          © Crown copyright
+        </a>
+      </div>
+    </div>
+  </div>
+</footer>
diff --git a/app/templates/govuk/components/components/footer/template-with-default-width-navigation-two-columns.html b/app/templates/govuk/components/components/footer/template-with-default-width-navigation-two-columns.html
new file mode 100644
index 0000000..90a7927
--- /dev/null
+++ b/app/templates/govuk/components/components/footer/template-with-default-width-navigation-two-columns.html
@@ -0,0 +1,76 @@
+<footer class="govuk-footer">
+  <div class="govuk-width-container">
+      <div class="govuk-footer__navigation">
+          <div class="govuk-footer__section govuk-grid-column-full">
+            <h2 class="govuk-footer__heading govuk-heading-m">Navigation section</h2>
+              <ul class="govuk-footer__list govuk-footer__list--columns-2">
+                    <li class="govuk-footer__list-item">
+                      <a class="govuk-footer__link" href="#1">
+                        Navigation item 1
+                      </a>
+                    </li>
+                    <li class="govuk-footer__list-item">
+                      <a class="govuk-footer__link" href="#2">
+                        Navigation item 2
+                      </a>
+                    </li>
+                    <li class="govuk-footer__list-item">
+                      <a class="govuk-footer__link" href="#3">
+                        Navigation item 3
+                      </a>
+                    </li>
+                    <li class="govuk-footer__list-item">
+                      <a class="govuk-footer__link" href="#4">
+                        Navigation item 4
+                      </a>
+                    </li>
+                    <li class="govuk-footer__list-item">
+                      <a class="govuk-footer__link" href="#5">
+                        Navigation item 5
+                      </a>
+                    </li>
+                    <li class="govuk-footer__list-item">
+                      <a class="govuk-footer__link" href="#6">
+                        Navigation item 6
+                      </a>
+                    </li>
+              </ul>
+          </div>
+      </div>
+      <hr class="govuk-footer__section-break">
+    <div class="govuk-footer__meta">
+      <div class="govuk-footer__meta-item govuk-footer__meta-item--grow">
+        <svg
+          aria-hidden="true"
+          focusable="false"
+          class="govuk-footer__licence-logo"
+          xmlns="http://www.w3.org/2000/svg"
+          viewBox="0 0 483.2 195.7"
+          height="17"
+          width="41"
+        >
+          <path
+            fill="currentColor"
+            d="M421.5 142.8V.1l-50.7 32.3v161.1h112.4v-50.7zm-122.3-9.6A47.12 47.12 0 0 1 221 97.8c0-26 21.1-47.1 47.1-47.1 16.7 0 31.4 8.7 39.7 21.8l42.7-27.2A97.63 97.63 0 0 0 268.1 0c-36.5 0-68.3 20.1-85.1 49.7A98 98 0 0 0 97.8 0C43.9 0 0 43.9 0 97.8s43.9 97.8 97.8 97.8c36.5 0 68.3-20.1 85.1-49.7a97.76 97.76 0 0 0 149.6 25.4l19.4 22.2h3v-87.8h-80l24.3 27.5zM97.8 145c-26 0-47.1-21.1-47.1-47.1s21.1-47.1 47.1-47.1 47.2 21 47.2 47S123.8 145 97.8 145"
+          />
+        </svg>
+        <span class="govuk-footer__licence-description">
+          All content is available under the
+          <a
+            class="govuk-footer__link"
+            href="https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/"
+            rel="license"
+          >Open Government Licence v3.0</a>, except where otherwise stated
+        </span>
+      </div>
+      <div class="govuk-footer__meta-item">
+        <a
+          class="govuk-footer__link govuk-footer__copyright-logo"
+          href="https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/"
+        >
+          © Crown copyright
+        </a>
+      </div>
+    </div>
+  </div>
+</footer>
diff --git a/app/templates/govuk/components/components/footer/template-with-meta-links-and-meta-content.html b/app/templates/govuk/components/components/footer/template-with-meta-links-and-meta-content.html
new file mode 100644
index 0000000..74b7c48
--- /dev/null
+++ b/app/templates/govuk/components/components/footer/template-with-meta-links-and-meta-content.html
@@ -0,0 +1,84 @@
+<footer class="govuk-footer">
+  <div class="govuk-width-container">
+    <div class="govuk-footer__meta">
+      <div class="govuk-footer__meta-item govuk-footer__meta-item--grow">
+        <h2 class="govuk-visually-hidden">Support links</h2>
+        <ul class="govuk-footer__inline-list">
+          <li class="govuk-footer__inline-list-item">
+            <a class="govuk-footer__link" href="#1">
+              Bibendum Ornare
+            </a>
+          </li>
+          <li class="govuk-footer__inline-list-item">
+            <a class="govuk-footer__link" href="#2">
+              Nullam
+            </a>
+          </li>
+          <li class="govuk-footer__inline-list-item">
+            <a class="govuk-footer__link" href="#3">
+              Tortor Fringilla
+            </a>
+          </li>
+          <li class="govuk-footer__inline-list-item">
+            <a class="govuk-footer__link" href="#4">
+              Tellus
+            </a>
+          </li>
+          <li class="govuk-footer__inline-list-item">
+            <a class="govuk-footer__link" href="#5">
+              Egestas Nullam
+            </a>
+          </li>
+          <li class="govuk-footer__inline-list-item">
+            <a class="govuk-footer__link" href="#6">
+              Euismod Etiam
+            </a>
+          </li>
+          <li class="govuk-footer__inline-list-item">
+            <a class="govuk-footer__link" href="#7">
+              Fusce Sollicitudin
+            </a>
+          </li>
+          <li class="govuk-footer__inline-list-item">
+            <a class="govuk-footer__link" href="#8">
+              Ligula Nullam Ultricies
+            </a>
+          </li>
+        </ul>
+        <div class="govuk-footer__meta-custom">
+          Built by the <a href="#" class="govuk-footer__link">Department of Magical Law Enforcement</a>
+        </div>
+        <svg
+          aria-hidden="true"
+          focusable="false"
+          class="govuk-footer__licence-logo"
+          xmlns="http://www.w3.org/2000/svg"
+          viewBox="0 0 483.2 195.7"
+          height="17"
+          width="41"
+        >
+          <path
+            fill="currentColor"
+            d="M421.5 142.8V.1l-50.7 32.3v161.1h112.4v-50.7zm-122.3-9.6A47.12 47.12 0 0 1 221 97.8c0-26 21.1-47.1 47.1-47.1 16.7 0 31.4 8.7 39.7 21.8l42.7-27.2A97.63 97.63 0 0 0 268.1 0c-36.5 0-68.3 20.1-85.1 49.7A98 98 0 0 0 97.8 0C43.9 0 0 43.9 0 97.8s43.9 97.8 97.8 97.8c36.5 0 68.3-20.1 85.1-49.7a97.76 97.76 0 0 0 149.6 25.4l19.4 22.2h3v-87.8h-80l24.3 27.5zM97.8 145c-26 0-47.1-21.1-47.1-47.1s21.1-47.1 47.1-47.1 47.2 21 47.2 47S123.8 145 97.8 145"
+          />
+        </svg>
+        <span class="govuk-footer__licence-description">
+          All content is available under the
+          <a
+            class="govuk-footer__link"
+            href="https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/"
+            rel="license"
+          >Open Government Licence v3.0</a>, except where otherwise stated
+        </span>
+      </div>
+      <div class="govuk-footer__meta-item">
+        <a
+          class="govuk-footer__link govuk-footer__copyright-logo"
+          href="https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/"
+        >
+          © Crown copyright
+        </a>
+      </div>
+    </div>
+  </div>
+</footer>
diff --git a/app/templates/govuk/components/components/footer/template-with-navigation.html b/app/templates/govuk/components/components/footer/template-with-navigation.html
new file mode 100644
index 0000000..65437c9
--- /dev/null
+++ b/app/templates/govuk/components/components/footer/template-with-navigation.html
@@ -0,0 +1,96 @@
+<footer class="govuk-footer">
+  <div class="govuk-width-container">
+      <div class="govuk-footer__navigation">
+          <div class="govuk-footer__section govuk-grid-column-two-thirds">
+            <h2 class="govuk-footer__heading govuk-heading-m">Two column list</h2>
+              <ul class="govuk-footer__list govuk-footer__list--columns-2">
+                    <li class="govuk-footer__list-item">
+                      <a class="govuk-footer__link" href="#1">
+                        Navigation item 1
+                      </a>
+                    </li>
+                    <li class="govuk-footer__list-item">
+                      <a class="govuk-footer__link" href="#2">
+                        Navigation item 2
+                      </a>
+                    </li>
+                    <li class="govuk-footer__list-item">
+                      <a class="govuk-footer__link" href="#3">
+                        Navigation item 3
+                      </a>
+                    </li>
+                    <li class="govuk-footer__list-item">
+                      <a class="govuk-footer__link" href="#4">
+                        Navigation item 4
+                      </a>
+                    </li>
+                    <li class="govuk-footer__list-item">
+                      <a class="govuk-footer__link" href="#5">
+                        Navigation item 5
+                      </a>
+                    </li>
+                    <li class="govuk-footer__list-item">
+                      <a class="govuk-footer__link" href="#6">
+                        Navigation item 6
+                      </a>
+                    </li>
+              </ul>
+          </div>
+          <div class="govuk-footer__section govuk-grid-column-one-third">
+            <h2 class="govuk-footer__heading govuk-heading-m">Single column list</h2>
+              <ul class="govuk-footer__list">
+                    <li class="govuk-footer__list-item">
+                      <a class="govuk-footer__link" href="#1">
+                        Navigation item 1
+                      </a>
+                    </li>
+                    <li class="govuk-footer__list-item">
+                      <a class="govuk-footer__link" href="#2">
+                        Navigation item 2
+                      </a>
+                    </li>
+                    <li class="govuk-footer__list-item">
+                      <a class="govuk-footer__link" href="#3">
+                        Navigation item 3
+                      </a>
+                    </li>
+              </ul>
+          </div>
+      </div>
+      <hr class="govuk-footer__section-break">
+    <div class="govuk-footer__meta">
+      <div class="govuk-footer__meta-item govuk-footer__meta-item--grow">
+        <svg
+          aria-hidden="true"
+          focusable="false"
+          class="govuk-footer__licence-logo"
+          xmlns="http://www.w3.org/2000/svg"
+          viewBox="0 0 483.2 195.7"
+          height="17"
+          width="41"
+        >
+          <path
+            fill="currentColor"
+            d="M421.5 142.8V.1l-50.7 32.3v161.1h112.4v-50.7zm-122.3-9.6A47.12 47.12 0 0 1 221 97.8c0-26 21.1-47.1 47.1-47.1 16.7 0 31.4 8.7 39.7 21.8l42.7-27.2A97.63 97.63 0 0 0 268.1 0c-36.5 0-68.3 20.1-85.1 49.7A98 98 0 0 0 97.8 0C43.9 0 0 43.9 0 97.8s43.9 97.8 97.8 97.8c36.5 0 68.3-20.1 85.1-49.7a97.76 97.76 0 0 0 149.6 25.4l19.4 22.2h3v-87.8h-80l24.3 27.5zM97.8 145c-26 0-47.1-21.1-47.1-47.1s21.1-47.1 47.1-47.1 47.2 21 47.2 47S123.8 145 97.8 145"
+          />
+        </svg>
+        <span class="govuk-footer__licence-description">
+          All content is available under the
+          <a
+            class="govuk-footer__link"
+            href="https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/"
+            rel="license"
+          >Open Government Licence v3.0</a>, except where otherwise stated
+        </span>
+      </div>
+      <div class="govuk-footer__meta-item">
+        <a
+          class="govuk-footer__link govuk-footer__copyright-logo"
+          href="https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/"
+        >
+          © Crown copyright
+        </a>
+      </div>
+    </div>
+  </div>
+</footer>
diff --git a/app/templates/govuk/components/components/footer/template.njk b/app/templates/govuk/components/components/footer/template.njk
new file mode 100644
index 0000000..562a0b4
--- /dev/null
+++ b/app/templates/govuk/components/components/footer/template.njk
@@ -0,0 +1,107 @@
+{% from "../../macros/attributes.njk" import govukAttributes -%}
+{% from "../../macros/logo.njk" import govukLogo -%}
+
+{%- set _rebrand = params.rebrand | default(govukRebrand() if govukRebrand is callable else govukRebrand) -%}
+
+<footer class="govuk-footer {%- if params.classes %} {{ params.classes }}{% endif %}"
+  {{- govukAttributes(params.attributes) }}>
+  <div class="govuk-width-container {%- if params.containerClasses %} {{ params.containerClasses }}{% endif %}">
+    {% if _rebrand %}
+      {{- govukLogo({
+        classes: 'govuk-footer__crown',
+        rebrand: true,
+        useLogotype: false
+      }) }}
+    {% endif %}
+    {% if params.navigation | length %}
+      <div class="govuk-footer__navigation">
+        {% for nav in params.navigation %}
+          <div class="govuk-footer__section govuk-grid-column-{{ nav.width | default("full", true) }}">
+            <h2 class="govuk-footer__heading govuk-heading-m">{{ nav.title }}</h2>
+            {% if nav.items | length %}
+              {% set listClasses = "govuk-footer__list--columns-" + nav.columns if nav.columns %}
+              <ul class="govuk-footer__list {%- if listClasses %} {{ listClasses }}{% endif %}">
+                {% for item in nav.items %}
+                  {% if item.href and item.text %}
+                    <li class="govuk-footer__list-item">
+                      <a class="govuk-footer__link" href="{{ item.href }}"
+                        {{- govukAttributes(item.attributes) }}>
+                        {{ item.text }}
+                      </a>
+                    </li>
+                  {% endif %}
+                {% endfor %}
+              </ul>
+            {% endif %}
+          </div>
+        {% endfor %}
+      </div>
+      <hr class="govuk-footer__section-break">
+    {% endif %}
+    <div class="govuk-footer__meta">
+      <div class="govuk-footer__meta-item govuk-footer__meta-item--grow">
+        {% if params.meta %}
+        <h2 class="govuk-visually-hidden">{{ params.meta.visuallyHiddenTitle | default("Support links", true) }}</h2>
+        {% if params.meta.items | length %}
+        <ul class="govuk-footer__inline-list">
+        {% for item in params.meta.items %}
+          <li class="govuk-footer__inline-list-item">
+            <a class="govuk-footer__link" href="{{ item.href }}"
+              {{- govukAttributes(item.attributes) }}>
+              {{ item.text }}
+            </a>
+          </li>
+        {% endfor %}
+        </ul>
+        {% endif %}
+        {% if params.meta.text or params.meta.html %}
+        <div class="govuk-footer__meta-custom">
+          {{ params.meta.html | safe | trim | indent(10) if params.meta.html else params.meta.text }}
+        </div>
+        {% endif %}
+        {% endif %}
+        {# The SVG needs `focusable="false"` so that Internet Explorer does not
+          treat it as an interactive element - without this it will be
+          'focusable' when using the keyboard to navigate. -#}
+        <svg
+          aria-hidden="true"
+          focusable="false"
+          class="govuk-footer__licence-logo"
+          xmlns="http://www.w3.org/2000/svg"
+          viewBox="0 0 483.2 195.7"
+          height="17"
+          width="41"
+        >
+          <path
+            fill="currentColor"
+            d="M421.5 142.8V.1l-50.7 32.3v161.1h112.4v-50.7zm-122.3-9.6A47.12 47.12 0 0 1 221 97.8c0-26 21.1-47.1 47.1-47.1 16.7 0 31.4 8.7 39.7 21.8l42.7-27.2A97.63 97.63 0 0 0 268.1 0c-36.5 0-68.3 20.1-85.1 49.7A98 98 0 0 0 97.8 0C43.9 0 0 43.9 0 97.8s43.9 97.8 97.8 97.8c36.5 0 68.3-20.1 85.1-49.7a97.76 97.76 0 0 0 149.6 25.4l19.4 22.2h3v-87.8h-80l24.3 27.5zM97.8 145c-26 0-47.1-21.1-47.1-47.1s21.1-47.1 47.1-47.1 47.2 21 47.2 47S123.8 145 97.8 145"
+          />
+        </svg>
+        <span class="govuk-footer__licence-description">
+        {% if params.contentLicence.html or params.contentLicence.text %}
+          {{ params.contentLicence.html | safe | trim | indent(10) if params.contentLicence.html else params.contentLicence.text }}
+        {% else %}
+          All content is available under the
+          <a
+            class="govuk-footer__link"
+            href="https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/"
+            rel="license"
+          >Open Government Licence v3.0</a>, except where otherwise stated
+        {% endif %}
+        </span>
+      </div>
+      <div class="govuk-footer__meta-item">
+        <a
+          class="govuk-footer__link govuk-footer__copyright-logo"
+          href="https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/"
+        >
+        {% if params.copyright.html or params.copyright.text %}
+          {{ params.copyright.html | safe | trim | indent(10) if params.copyright.html else params.copyright.text }}
+        {% else %}
+          © Crown copyright
+        {% endif %}
+        </a>
+      </div>
+    </div>
+  </div>
+</footer>
diff --git a/app/templates/govuk/components/components/header/README.md b/app/templates/govuk/components/components/header/README.md
new file mode 100644
index 0000000..0cf8313
--- /dev/null
+++ b/app/templates/govuk/components/components/header/README.md
@@ -0,0 +1,15 @@
+# Header
+
+## Installation
+
+See the [main README quick start guide](https://github.com/alphagov/govuk-frontend#quick-start) for how to install this component.
+
+## Guidance and Examples
+
+Find out when to use the header component in your service in the [GOV.UK Design System](https://design-system.service.gov.uk/components/header).
+
+## Component options
+
+Use options to customise the appearance, content and behaviour of a component when using a macro, for example, changing the text.
+
+See [options table](https://design-system.service.gov.uk/components/header/#options-header-example) for details.
diff --git a/app/templates/govuk/components/components/header/_header.scss b/app/templates/govuk/components/components/header/_header.scss
new file mode 100644
index 0000000..58f250e
--- /dev/null
+++ b/app/templates/govuk/components/components/header/_header.scss
@@ -0,0 +1,4 @@
+@import "../../base";
+@import "./index";
+
+/*# sourceMappingURL=_header.scss.map */
diff --git a/app/templates/govuk/components/components/header/_header.scss.map b/app/templates/govuk/components/components/header/_header.scss.map
new file mode 100644
index 0000000..55ce0da
--- /dev/null
+++ b/app/templates/govuk/components/components/header/_header.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/header/_header.scss"],"names":[],"mappings":"AAAA,oBAAoB;AACpB,iBAAiB","file":"_header.scss","sourcesContent":["@import \"../../base\";\n@import \"./index\";\n"]}
diff --git a/app/templates/govuk/components/components/header/_index.scss b/app/templates/govuk/components/components/header/_index.scss
new file mode 100644
index 0000000..4684d9f
--- /dev/null
+++ b/app/templates/govuk/components/components/header/_index.scss
@@ -0,0 +1,548 @@
+@include govuk-exports("govuk/component/header") {
+  $govuk-header-background: govuk-colour("black");
+  $govuk-header-border-color: $govuk-brand-colour;
+  $govuk-header-border-width: govuk-spacing(2);
+  $govuk-header-text: govuk-colour("white");
+  $govuk-header-link-active: #1d8feb;
+  $govuk-header-nav-item-border-color: #2e3133;
+  $govuk-header-link-underline-thickness: 3px;
+  $govuk-header-vertical-spacing-value: 2;
+  // This crown height is only used to calculate top offset of mobile menu button
+  // as the crown svg height is the only thing that controls the height of the header
+  $govuk-header-crown-height: 30px;
+  $govuk-header-menu-button-height: 24px;
+  $govuk-header-menu-button-width: 80px;
+
+  $govuk-header-rebrand-background: $govuk-brand-colour;
+  $govuk-header-rebrand-logo-bottom-margin: 2px;
+
+  .govuk-header {
+    @include govuk-font($size: 16, $line-height: 1);
+
+    // Add a transparent bottom border for forced-colour modes
+    @include _govuk-rebrand(
+      "border-bottom",
+      $from: govuk-spacing(2) solid govuk-colour("white"),
+      $to: 1px solid transparent
+    );
+    @include _govuk-rebrand("background", $from: $govuk-header-background, $to: $govuk-header-rebrand-background);
+
+    color: $govuk-header-text;
+  }
+
+  .govuk-header--with-js-navigation {
+    @include govuk-media-query($until: desktop) {
+      .govuk-header__logo {
+        // Protect the absolute positioned menu button from overlapping with the
+        // logo with right padding using the button's width
+        padding-right: $govuk-header-menu-button-width;
+      }
+    }
+  }
+
+  .govuk-header__container--full-width {
+    padding: 0 govuk-spacing(3);
+    border-color: $govuk-header-border-color;
+
+    .govuk-header__menu-button {
+      right: govuk-spacing(3);
+    }
+  }
+
+  .govuk-header__container {
+    @include govuk-clearfix;
+    position: relative;
+    margin-bottom: -$govuk-header-border-width;
+    padding-top: govuk-spacing($govuk-header-vertical-spacing-value);
+    border-bottom: $govuk-header-border-width solid $govuk-header-border-color;
+
+    @include _govuk-rebrand {
+      // Remove the space allocated to the blue bar
+      margin-bottom: 0;
+
+      // Remove padding as the child elements are now responsible for spacing
+      padding-top: 0;
+
+      // Remove the blue bar
+      border-bottom: none;
+    }
+  }
+
+  // TODO: Remove this when _govuk-rebrand becomes the default
+  .govuk-header--full-width-border {
+    border-bottom-color: $govuk-header-border-color;
+
+    .govuk-header__container {
+      border-bottom-color: transparent;
+    }
+  }
+
+  .govuk-header__logotype {
+    display: inline-block;
+    position: relative;
+    top: -3px;
+
+    // Add a gap after the logo in case it's followed by a product name. This
+    // gets removed later if the logotype is a :last-child.
+    margin-right: govuk-spacing(1);
+    fill: currentcolor;
+    vertical-align: top;
+
+    // Prevent readability backplate from obscuring underline in Windows High
+    // Contrast Mode
+    @media (forced-colors: active) {
+      forced-color-adjust: none;
+      color: linktext;
+    }
+
+    // Remove the gap after the logo if there's no product name to keep hover
+    // and focus states neat
+    &:last-child {
+      margin-right: 0;
+    }
+
+    @include _govuk-rebrand {
+      margin-right: govuk-px-to-rem(7px); // 1 'dot'
+      margin-bottom: $govuk-header-rebrand-logo-bottom-margin;
+
+      // Remove right-margin if there's no product name
+      &:last-child {
+        margin-right: 0;
+      }
+    }
+  }
+
+  // Colour in the Dot
+  .govuk-logo-dot {
+    fill: #00ffe0;
+
+    // Override Dot colour when printing
+    @include govuk-media-query($media-type: print) {
+      fill: currentcolor;
+    }
+
+    // Override Dot colour on forced colours mode
+    @media (forced-colors: active) {
+      fill: currentcolor;
+    }
+
+    // Override Dot colour on focus
+    :focus & {
+      fill: currentcolor;
+    }
+  }
+
+  .govuk-header__product-name {
+    $product-name-offset: if($govuk-new-typography-scale, 7px, 10px);
+    $product-name-offset-tablet: 5px;
+
+    @include govuk-font-size($size: 24, $line-height: 1);
+    @include govuk-typography-weight-regular;
+    display: inline-table;
+
+    // Maintain space below logo when wrapped
+    margin-top: $product-name-offset;
+
+    // Firefox places the GOV.UK logo one pixel higher, due to how it rounds
+    // subpixels, so nudge the product name in FF to still be aligned.
+    @-moz-document url-prefix() {
+      margin-top: $product-name-offset - 0.5px;
+    }
+
+    // Align vertically with logo when not wrapped
+    vertical-align: top;
+
+    @include govuk-media-query($from: tablet) {
+      margin-top: $product-name-offset-tablet;
+      @-moz-document url-prefix() {
+        margin-top: $product-name-offset-tablet - 0.5px;
+      }
+    }
+
+    @include _govuk-rebrand {
+      // Remove top margin
+      margin-top: 0;
+
+      // Remove 1px from the bottom to account for the font-size being 1px
+      // larger than the logo height.
+      margin-bottom: govuk-px-to-rem(-1px);
+
+      // Magic number font-size that visually aligns with GOV.UK logo.
+      // Also stops reducing the product name size on narrow screens
+      font-size: govuk-px-to-rem(31px);
+
+      // Reduce letter spacing
+      letter-spacing: -0.015em;
+
+      // Prevent forced colour modes from applying a background colour behind
+      // the product name, which cuts off the underline that appears on hover.
+      forced-color-adjust: none;
+
+      @media screen and (forced-colors: active) {
+        color: LinkText;
+        background: transparent;
+      }
+
+      // Remove top margin on the breakpoints too
+      @include govuk-media-query($from: tablet) {
+        margin-top: 0;
+      }
+
+      @include govuk-media-query($from: desktop) {
+        margin-top: 0;
+      }
+    }
+  }
+
+  .govuk-header__link {
+    // Avoid using the `govuk-link-common` mixin because the links in the header
+    // get a special treatment, because:
+    //
+    // - underlines are only visible on hover
+    // - all links get a 3px underline regardless of text size, as there are
+    //   multiple grouped elements close to one another and having slightly
+    //   different underline widths looks unbalanced
+    @include govuk-link-style-inverse;
+
+    text-decoration: none;
+
+    &:hover {
+      text-decoration: underline;
+      text-decoration-thickness: $govuk-header-link-underline-thickness;
+
+      @if $govuk-link-underline-offset {
+        text-underline-offset: $govuk-link-underline-offset;
+      }
+    }
+
+    &:focus {
+      @include govuk-focused-text;
+    }
+  }
+
+  .govuk-header__link--homepage {
+    // Font size needs to be set on the link so that the box sizing is correct
+    // in Firefox
+    display: inline-block;
+    margin-right: govuk-spacing(2);
+    font-size: 30px; // We don't have a mixin that produces 30px font size
+
+    @include govuk-media-query($from: desktop) {
+      display: inline;
+    }
+
+    &:link,
+    &:visited {
+      text-decoration: none;
+    }
+
+    &:hover,
+    &:active {
+      // Negate the added border
+      margin-bottom: $govuk-header-link-underline-thickness * -1;
+      border-bottom: $govuk-header-link-underline-thickness solid;
+    }
+
+    // Remove any borders that show when focused and hovered.
+    &:focus {
+      margin-bottom: 0;
+      border-bottom: 0;
+    }
+
+    @include _govuk-rebrand {
+      display: inline;
+
+      // Remove word-spacing from within the logo so we can ignore
+      // whitespace characters in the HTML
+      word-spacing: govuk-px-to-rem(-6px);
+
+      // Reset word-spacing for child elements
+      > * {
+        word-spacing: 0;
+      }
+
+      &:not(:focus) {
+        background-color: $govuk-header-rebrand-background;
+      }
+    }
+  }
+
+  .govuk-header__service-name {
+    display: inline-block;
+    margin-bottom: govuk-spacing(2);
+    @include govuk-font-size($size: 24);
+    @include govuk-typography-weight-bold;
+
+    @include _govuk-rebrand {
+      // Apply margins to internal elements to emulate padding
+      margin-bottom: govuk-spacing(3);
+
+      @include govuk-media-query($from: desktop) {
+        // Magic number to align service name baseline with the GOV.UK logo
+        $service-name-offset: 4px;
+
+        margin: (govuk-spacing(3) + $service-name-offset) 0 (govuk-spacing(3) - $service-name-offset);
+      }
+    }
+  }
+
+  .govuk-header__logo,
+  .govuk-header__content {
+    box-sizing: border-box;
+  }
+
+  .govuk-header__logo {
+    @include govuk-responsive-margin($govuk-header-vertical-spacing-value, "bottom");
+
+    @include govuk-media-query($from: desktop) {
+      width: 33.33%;
+      padding-right: $govuk-gutter-half;
+      float: left;
+      vertical-align: top;
+
+      // Reset float when logo is the last child, without a navigation
+      &:last-child {
+        width: auto;
+        padding-right: 0;
+        float: none;
+      }
+    }
+
+    @include _govuk-rebrand {
+      // Apply margins to internal elements to emulate padding
+      margin-bottom: 0;
+
+      // Magic numbers, set padding to vertically centre align the logo
+      padding-top: 16px;
+      padding-bottom: 14px - $govuk-header-rebrand-logo-bottom-margin;
+    }
+  }
+
+  .govuk-header__content {
+    @include govuk-media-query($from: desktop) {
+      width: 66.66%;
+      padding-left: $govuk-gutter-half;
+      float: left;
+    }
+  }
+
+  .govuk-header__menu-button {
+    @include govuk-font($size: 16);
+    max-width: $govuk-header-menu-button-width;
+    min-height: $govuk-header-menu-button-height;
+    margin-bottom: govuk-spacing(1);
+    padding: 0;
+    border: 0;
+    color: govuk-colour("white");
+    background: none;
+    word-break: break-all;
+    cursor: pointer;
+
+    &:hover {
+      -webkit-text-decoration: solid underline $govuk-header-link-underline-thickness;
+              text-decoration: solid underline $govuk-header-link-underline-thickness;
+
+      @if $govuk-link-underline-offset {
+        text-underline-offset: $govuk-link-underline-offset;
+      }
+    }
+
+    &:focus {
+      @include govuk-focused-text;
+    }
+
+    &::after {
+      @include govuk-shape-arrow($direction: down, $base: 10px, $display: inline-block);
+      content: "";
+      margin-left: govuk-spacing(1);
+    }
+
+    &[aria-expanded="true"]::after {
+      @include govuk-shape-arrow($direction: up, $base: 10px, $display: inline-block);
+    }
+
+    @include govuk-media-query($from: mobile) {
+      position: absolute;
+      // calculate top offset by:
+      // - getting the vertical spacing for the top and the bottom of the header
+      // - adding that to the crown height
+      // - dividing it by 2 so you have the vertical centre of the header
+      // - subtracting half the height of the menu button
+      top: (((govuk-spacing($govuk-header-vertical-spacing-value) * 2) + $govuk-header-crown-height) / 2) -
+        ($govuk-header-menu-button-height / 2);
+      right: 0;
+      margin: 0;
+    }
+
+    @include govuk-media-query($from: tablet) {
+      top: govuk-spacing(3);
+    }
+
+    .govuk-frontend-supported & {
+      display: block;
+    }
+
+    &[hidden],
+    .govuk-frontend-supported &[hidden] {
+      display: none;
+    }
+  }
+
+  .govuk-header__navigation {
+    @include govuk-media-query($until: mobile) {
+      @include _govuk-rebrand {
+        padding-bottom: govuk-spacing(3);
+      }
+    }
+
+    @include govuk-media-query($from: desktop) {
+      margin-bottom: govuk-spacing(2);
+
+      @include _govuk-rebrand {
+        // Magic number so that the bottom of the nav links aligns with the
+        // baseline of the GOV.UK logo
+        $navigation-offset: 7px;
+
+        // Apply margins to internal elements to emulate padding
+        margin-bottom: 0;
+        padding: (govuk-spacing(3) + $navigation-offset) 0 (govuk-spacing(3) - $navigation-offset);
+      }
+    }
+  }
+
+  .govuk-header__service-name + .govuk-header__navigation {
+    @include _govuk-rebrand {
+      @include govuk-media-query($from: desktop) {
+        // If there's both a service name and navigation,
+        // remove the extra padding between them on desktop
+        padding-top: 0;
+
+        // Restore the full bottom padding as the navigation isn't standalone
+        padding-bottom: govuk-spacing(3);
+      }
+    }
+  }
+
+  .govuk-header__navigation-list {
+    // Reset user-agent default list styles
+    margin: 0;
+    padding: 0;
+    list-style: none;
+
+    &[hidden] {
+      display: none;
+    }
+
+    @include _govuk-rebrand {
+      @include govuk-media-query($from: mobile, $until: desktop) {
+        padding-bottom: govuk-spacing(3);
+      }
+    }
+  }
+
+  .govuk-header__navigation--end {
+    @include govuk-media-query($from: desktop) {
+      margin: 0;
+      padding: govuk-spacing(1) 0;
+      text-align: right;
+    }
+  }
+
+  .govuk-header__navigation-item {
+    padding: govuk-spacing(2) 0;
+    border-bottom: 1px solid $govuk-header-nav-item-border-color;
+
+    @include govuk-media-query($from: desktop) {
+      display: inline-block;
+      margin-right: govuk-spacing(3);
+      padding: govuk-spacing(1) 0;
+      border: 0;
+    }
+
+    a {
+      @include govuk-font-size($size: 16);
+      @include govuk-typography-weight-bold;
+      white-space: nowrap;
+    }
+
+    @include _govuk-rebrand {
+      // Increase top padding of nav items...
+      padding-top: govuk-spacing(3);
+
+      // ...except on desktop
+      @include govuk-media-query($from: desktop) {
+        padding-top: govuk-spacing(1);
+      }
+
+      // Change the dividing line colour between mobile nav items
+      border-bottom-color: govuk-colour("white");
+
+      // Reduce default weight of links so that we can use bold for active ones
+      a {
+        @include govuk-typography-weight-regular;
+      }
+    }
+  }
+
+  .govuk-header__navigation-item--active {
+    a {
+      @include _govuk-rebrand {
+        // Change active links to use bold text instead of changing colour
+        @include govuk-typography-weight-bold;
+      }
+
+      &:link,
+      &:hover,
+      &:visited {
+        color: $govuk-header-link-active;
+
+        @include _govuk-rebrand {
+          color: inherit;
+        }
+      }
+
+      // When printing, use the normal blue as this contrasts better with the
+      // white printing header
+      @include govuk-media-query($media-type: print) {
+        color: $govuk-brand-colour;
+      }
+
+      // When focussed, the text colour needs to be darker to ensure that colour
+      // contrast is still acceptable
+      &:focus {
+        color: $govuk-focus-text-colour;
+
+        @include _govuk-rebrand {
+          color: $govuk-focus-text-colour;
+        }
+      }
+    }
+  }
+
+  .govuk-header__navigation-item:last-child {
+    margin-right: 0;
+    border-bottom: 0;
+  }
+
+  @include govuk-media-query($media-type: print) {
+    .govuk-header {
+      border-bottom-width: 0;
+      color: govuk-colour("black");
+      background: transparent;
+    }
+
+    .govuk-header__link {
+      &:link,
+      &:visited {
+        color: govuk-colour("black");
+      }
+
+      // Do not append link href to GOV.UK link when printing (e.g. '(/)')
+      &::after {
+        display: none;
+      }
+    }
+  }
+}
+
+/*# sourceMappingURL=_index.scss.map */
diff --git a/app/templates/govuk/components/components/header/_index.scss.map b/app/templates/govuk/components/components/header/_index.scss.map
new file mode 100644
index 0000000..32f04ac
--- /dev/null
+++ b/app/templates/govuk/components/components/header/_index.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/header/_index.scss"],"names":[],"mappings":"AAAA;EACE,+CAA+C;EAC/C,+CAA+C;EAC/C,4CAA4C;EAC5C,yCAAyC;EACzC,kCAAkC;EAClC,4CAA4C;EAC5C,2CAA2C;EAC3C,uCAAuC;EACvC,8EAA8E;EAC9E,kFAAkF;EAClF,gCAAgC;EAChC,sCAAsC;EACtC,qCAAqC;;EAErC,qDAAqD;EACrD,6CAA6C;;EAE7C;IACE,+CAA+C;;IAE/C,yDAAyD;IACzD;;;;KAIC;IACD,6GAA6G;;IAE7G,yBAAyB;EAC3B;;EAEA;IACE;MACE;QACE,uEAAuE;QACvE,kDAAkD;QAClD,8CAA8C;MAChD;IACF;EACF;;EAEA;IACE,2BAA2B;IAC3B,wCAAwC;;IAExC;MACE,uBAAuB;IACzB;EACF;;EAEA;IACE,uBAAuB;IACvB,kBAAkB;IAClB,0CAA0C;IAC1C,gEAAgE;IAChE,0EAA0E;;IAE1E;MACE,4CAA4C;MAC5C,gBAAgB;;MAEhB,sEAAsE;MACtE,cAAc;;MAEd,qBAAqB;MACrB,mBAAmB;IACrB;EACF;;EAEA,2DAA2D;EAC3D;IACE,+CAA+C;;IAE/C;MACE,gCAAgC;IAClC;EACF;;EAEA;IACE,qBAAqB;IACrB,kBAAkB;IAClB,SAAS;;IAET,wEAAwE;IACxE,sDAAsD;IACtD,8BAA8B;IAC9B,kBAAkB;IAClB,mBAAmB;;IAEnB,wEAAwE;IACxE,eAAe;IACf;MACE,yBAAyB;MACzB,eAAe;IACjB;;IAEA,wEAAwE;IACxE,uBAAuB;IACvB;MACE,eAAe;IACjB;;IAEA;MACE,kCAAkC,EAAE,SAAS;MAC7C,uDAAuD;;MAEvD,gDAAgD;MAChD;QACE,eAAe;MACjB;IACF;EACF;;EAEA,mBAAmB;EACnB;IACE,aAAa;;IAEb,mCAAmC;IACnC;MACE,kBAAkB;IACpB;;IAEA,4CAA4C;IAC5C;MACE,kBAAkB;IACpB;;IAEA,8BAA8B;IAC9B;MACE,kBAAkB;IACpB;EACF;;EAEA;IACE,gEAAgE;IAChE,gCAAgC;;IAEhC,oDAAoD;IACpD,wCAAwC;IACxC,qBAAqB;;IAErB,wCAAwC;IACxC,gCAAgC;;IAEhC,uEAAuE;IACvE,iEAAiE;IACjE;MACE,wCAAwC;IAC1C;;IAEA,6CAA6C;IAC7C,mBAAmB;;IAEnB;MACE,uCAAuC;MACvC;QACE,+CAA+C;MACjD;IACF;;IAEA;MACE,mBAAmB;MACnB,aAAa;;MAEb,mEAAmE;MACnE,8BAA8B;MAC9B,oCAAoC;;MAEpC,+DAA+D;MAC/D,6DAA6D;MAC7D,gCAAgC;;MAEhC,uBAAuB;MACvB,wBAAwB;;MAExB,sEAAsE;MACtE,uEAAuE;MACvE,yBAAyB;;MAEzB;QACE,eAAe;QACf,uBAAuB;MACzB;;MAEA,0CAA0C;MAC1C;QACE,aAAa;MACf;;MAEA;QACE,aAAa;MACf;IACF;EACF;;EAEA;IACE,2EAA2E;IAC3E,mCAAmC;IACnC,CAAC;IACD,wCAAwC;IACxC,uEAAuE;IACvE,sEAAsE;IACtE,+CAA+C;IAC/C,iCAAiC;;IAEjC,qBAAqB;;IAErB;MACE,0BAA0B;MAC1B,iEAAiE;;MAEjE;QACE,mDAAmD;MACrD;IACF;;IAEA;MACE,2BAA2B;IAC7B;EACF;;EAEA;IACE,yEAAyE;IACzE,YAAY;IACZ,qBAAqB;IACrB,8BAA8B;IAC9B,eAAe,EAAE,oDAAoD;;IAErE;MACE,eAAe;IACjB;;IAEA;;MAEE,qBAAqB;IACvB;;IAEA;;MAEE,yBAAyB;MACzB,0DAA0D;MAC1D,2DAA2D;IAC7D;;IAEA,wDAAwD;IACxD;MACE,gBAAgB;MAChB,gBAAgB;IAClB;;IAEA;MACE,eAAe;;MAEf,2DAA2D;MAC3D,mCAAmC;MACnC,mCAAmC;;MAEnC,uCAAuC;MACvC;QACE,eAAe;MACjB;;MAEA;QACE,kDAAkD;MACpD;IACF;EACF;;EAEA;IACE,qBAAqB;IACrB,+BAA+B;IAC/B,mCAAmC;IACnC,qCAAqC;;IAErC;MACE,uDAAuD;MACvD,+BAA+B;;MAE/B;QACE,kEAAkE;QAClE,yBAAyB;;QAEzB,6FAA6F;MAC/F;IACF;EACF;;EAEA;;IAEE,sBAAsB;EACxB;;EAEA;IACE,gFAAgF;;IAEhF;MACE,aAAa;MACb,iCAAiC;MACjC,WAAW;MACX,mBAAmB;;MAEnB,+DAA+D;MAC/D;QACE,WAAW;QACX,gBAAgB;QAChB,WAAW;MACb;IACF;;IAEA;MACE,uDAAuD;MACvD,gBAAgB;;MAEhB,gEAAgE;MAChE,iBAAiB;MACjB,+DAA+D;IACjE;EACF;;EAEA;IACE;MACE,aAAa;MACb,gCAAgC;MAChC,WAAW;IACb;EACF;;EAEA;IACE,8BAA8B;IAC9B,0CAA0C;IAC1C,4CAA4C;IAC5C,+BAA+B;IAC/B,UAAU;IACV,SAAS;IACT,4BAA4B;IAC5B,gBAAgB;IAChB,qBAAqB;IACrB,eAAe;;IAEf;MACE,+EAAuE;cAAvE,uEAAuE;;MAEvE;QACE,mDAAmD;MACrD;IACF;;IAEA;MACE,2BAA2B;IAC7B;;IAEA;MACE,iFAAiF;MACjF,WAAW;MACX,6BAA6B;IAC/B;;IAEA;MACE,+EAA+E;IACjF;;IAEA;MACE,kBAAkB;MAClB,0BAA0B;MAC1B,yEAAyE;MACzE,mCAAmC;MACnC,kEAAkE;MAClE,kDAAkD;MAClD;8CACwC;MACxC,QAAQ;MACR,SAAS;IACX;;IAEA;MACE,qBAAqB;IACvB;;IAEA;MACE,cAAc;IAChB;;IAEA;;MAEE,aAAa;IACf;EACF;;EAEA;IACE;MACE;QACE,gCAAgC;MAClC;IACF;;IAEA;MACE,+BAA+B;;MAE/B;QACE,kEAAkE;QAClE,6BAA6B;QAC7B,uBAAuB;;QAEvB,uDAAuD;QACvD,gBAAgB;QAChB,0FAA0F;MAC5F;IACF;EACF;;EAEA;IACE;MACE;QACE,gDAAgD;QAChD,kDAAkD;QAClD,cAAc;;QAEd,oEAAoE;QACpE,gCAAgC;MAClC;IACF;EACF;;EAEA;IACE,sCAAsC;IACtC,SAAS;IACT,UAAU;IACV,gBAAgB;;IAEhB;MACE,aAAa;IACf;;IAEA;MACE;QACE,gCAAgC;MAClC;IACF;EACF;;EAEA;IACE;MACE,SAAS;MACT,2BAA2B;MAC3B,iBAAiB;IACnB;EACF;;EAEA;IACE,2BAA2B;IAC3B,4DAA4D;;IAE5D;MACE,qBAAqB;MACrB,8BAA8B;MAC9B,2BAA2B;MAC3B,SAAS;IACX;;IAEA;MACE,mCAAmC;MACnC,qCAAqC;MACrC,mBAAmB;IACrB;;IAEA;MACE,sCAAsC;MACtC,6BAA6B;;MAE7B,sBAAsB;MACtB;QACE,6BAA6B;MAC/B;;MAEA,0DAA0D;MAC1D,0CAA0C;;MAE1C,wEAAwE;MACxE;QACE,wCAAwC;MAC1C;IACF;EACF;;EAEA;IACE;MACE;QACE,iEAAiE;QACjE,qCAAqC;MACvC;;MAEA;;;QAGE,gCAAgC;;QAEhC;UACE,cAAc;QAChB;MACF;;MAEA,sEAAsE;MACtE,uBAAuB;MACvB;QACE,0BAA0B;MAC5B;;MAEA,yEAAyE;MACzE,8BAA8B;MAC9B;QACE,+BAA+B;;QAE/B;UACE,+BAA+B;QACjC;MACF;IACF;EACF;;EAEA;IACE,eAAe;IACf,gBAAgB;EAClB;;EAEA;IACE;MACE,sBAAsB;MACtB,4BAA4B;MAC5B,uBAAuB;IACzB;;IAEA;MACE;;QAEE,4BAA4B;MAC9B;;MAEA,mEAAmE;MACnE;QACE,aAAa;MACf;IACF;EACF;AACF","file":"_index.scss","sourcesContent":["@include govuk-exports(\"govuk/component/header\") {\n  $govuk-header-background: govuk-colour(\"black\");\n  $govuk-header-border-color: $govuk-brand-colour;\n  $govuk-header-border-width: govuk-spacing(2);\n  $govuk-header-text: govuk-colour(\"white\");\n  $govuk-header-link-active: #1d8feb;\n  $govuk-header-nav-item-border-color: #2e3133;\n  $govuk-header-link-underline-thickness: 3px;\n  $govuk-header-vertical-spacing-value: 2;\n  // This crown height is only used to calculate top offset of mobile menu button\n  // as the crown svg height is the only thing that controls the height of the header\n  $govuk-header-crown-height: 30px;\n  $govuk-header-menu-button-height: 24px;\n  $govuk-header-menu-button-width: 80px;\n\n  $govuk-header-rebrand-background: $govuk-brand-colour;\n  $govuk-header-rebrand-logo-bottom-margin: 2px;\n\n  .govuk-header {\n    @include govuk-font($size: 16, $line-height: 1);\n\n    // Add a transparent bottom border for forced-colour modes\n    @include _govuk-rebrand(\n      \"border-bottom\",\n      $from: govuk-spacing(2) solid govuk-colour(\"white\"),\n      $to: 1px solid transparent\n    );\n    @include _govuk-rebrand(\"background\", $from: $govuk-header-background, $to: $govuk-header-rebrand-background);\n\n    color: $govuk-header-text;\n  }\n\n  .govuk-header--with-js-navigation {\n    @include govuk-media-query($until: desktop) {\n      .govuk-header__logo {\n        // Protect the absolute positioned menu button from overlapping with the\n        // logo with right padding using the button's width\n        padding-right: $govuk-header-menu-button-width;\n      }\n    }\n  }\n\n  .govuk-header__container--full-width {\n    padding: 0 govuk-spacing(3);\n    border-color: $govuk-header-border-color;\n\n    .govuk-header__menu-button {\n      right: govuk-spacing(3);\n    }\n  }\n\n  .govuk-header__container {\n    @include govuk-clearfix;\n    position: relative;\n    margin-bottom: -$govuk-header-border-width;\n    padding-top: govuk-spacing($govuk-header-vertical-spacing-value);\n    border-bottom: $govuk-header-border-width solid $govuk-header-border-color;\n\n    @include _govuk-rebrand {\n      // Remove the space allocated to the blue bar\n      margin-bottom: 0;\n\n      // Remove padding as the child elements are now responsible for spacing\n      padding-top: 0;\n\n      // Remove the blue bar\n      border-bottom: none;\n    }\n  }\n\n  // TODO: Remove this when _govuk-rebrand becomes the default\n  .govuk-header--full-width-border {\n    border-bottom-color: $govuk-header-border-color;\n\n    .govuk-header__container {\n      border-bottom-color: transparent;\n    }\n  }\n\n  .govuk-header__logotype {\n    display: inline-block;\n    position: relative;\n    top: -3px;\n\n    // Add a gap after the logo in case it's followed by a product name. This\n    // gets removed later if the logotype is a :last-child.\n    margin-right: govuk-spacing(1);\n    fill: currentcolor;\n    vertical-align: top;\n\n    // Prevent readability backplate from obscuring underline in Windows High\n    // Contrast Mode\n    @media (forced-colors: active) {\n      forced-color-adjust: none;\n      color: linktext;\n    }\n\n    // Remove the gap after the logo if there's no product name to keep hover\n    // and focus states neat\n    &:last-child {\n      margin-right: 0;\n    }\n\n    @include _govuk-rebrand {\n      margin-right: govuk-px-to-rem(7px); // 1 'dot'\n      margin-bottom: $govuk-header-rebrand-logo-bottom-margin;\n\n      // Remove right-margin if there's no product name\n      &:last-child {\n        margin-right: 0;\n      }\n    }\n  }\n\n  // Colour in the Dot\n  .govuk-logo-dot {\n    fill: #00ffe0;\n\n    // Override Dot colour when printing\n    @include govuk-media-query($media-type: print) {\n      fill: currentcolor;\n    }\n\n    // Override Dot colour on forced colours mode\n    @media (forced-colors: active) {\n      fill: currentcolor;\n    }\n\n    // Override Dot colour on focus\n    :focus & {\n      fill: currentcolor;\n    }\n  }\n\n  .govuk-header__product-name {\n    $product-name-offset: if($govuk-new-typography-scale, 7px, 10px);\n    $product-name-offset-tablet: 5px;\n\n    @include govuk-font-size($size: 24, $line-height: 1);\n    @include govuk-typography-weight-regular;\n    display: inline-table;\n\n    // Maintain space below logo when wrapped\n    margin-top: $product-name-offset;\n\n    // Firefox places the GOV.UK logo one pixel higher, due to how it rounds\n    // subpixels, so nudge the product name in FF to still be aligned.\n    @-moz-document url-prefix() {\n      margin-top: $product-name-offset - 0.5px;\n    }\n\n    // Align vertically with logo when not wrapped\n    vertical-align: top;\n\n    @include govuk-media-query($from: tablet) {\n      margin-top: $product-name-offset-tablet;\n      @-moz-document url-prefix() {\n        margin-top: $product-name-offset-tablet - 0.5px;\n      }\n    }\n\n    @include _govuk-rebrand {\n      // Remove top margin\n      margin-top: 0;\n\n      // Remove 1px from the bottom to account for the font-size being 1px\n      // larger than the logo height.\n      margin-bottom: govuk-px-to-rem(-1px);\n\n      // Magic number font-size that visually aligns with GOV.UK logo.\n      // Also stops reducing the product name size on narrow screens\n      font-size: govuk-px-to-rem(31px);\n\n      // Reduce letter spacing\n      letter-spacing: -0.015em;\n\n      // Prevent forced colour modes from applying a background colour behind\n      // the product name, which cuts off the underline that appears on hover.\n      forced-color-adjust: none;\n\n      @media screen and (forced-colors: active) {\n        color: LinkText;\n        background: transparent;\n      }\n\n      // Remove top margin on the breakpoints too\n      @include govuk-media-query($from: tablet) {\n        margin-top: 0;\n      }\n\n      @include govuk-media-query($from: desktop) {\n        margin-top: 0;\n      }\n    }\n  }\n\n  .govuk-header__link {\n    // Avoid using the `govuk-link-common` mixin because the links in the header\n    // get a special treatment, because:\n    //\n    // - underlines are only visible on hover\n    // - all links get a 3px underline regardless of text size, as there are\n    //   multiple grouped elements close to one another and having slightly\n    //   different underline widths looks unbalanced\n    @include govuk-link-style-inverse;\n\n    text-decoration: none;\n\n    &:hover {\n      text-decoration: underline;\n      text-decoration-thickness: $govuk-header-link-underline-thickness;\n\n      @if $govuk-link-underline-offset {\n        text-underline-offset: $govuk-link-underline-offset;\n      }\n    }\n\n    &:focus {\n      @include govuk-focused-text;\n    }\n  }\n\n  .govuk-header__link--homepage {\n    // Font size needs to be set on the link so that the box sizing is correct\n    // in Firefox\n    display: inline-block;\n    margin-right: govuk-spacing(2);\n    font-size: 30px; // We don't have a mixin that produces 30px font size\n\n    @include govuk-media-query($from: desktop) {\n      display: inline;\n    }\n\n    &:link,\n    &:visited {\n      text-decoration: none;\n    }\n\n    &:hover,\n    &:active {\n      // Negate the added border\n      margin-bottom: $govuk-header-link-underline-thickness * -1;\n      border-bottom: $govuk-header-link-underline-thickness solid;\n    }\n\n    // Remove any borders that show when focused and hovered.\n    &:focus {\n      margin-bottom: 0;\n      border-bottom: 0;\n    }\n\n    @include _govuk-rebrand {\n      display: inline;\n\n      // Remove word-spacing from within the logo so we can ignore\n      // whitespace characters in the HTML\n      word-spacing: govuk-px-to-rem(-6px);\n\n      // Reset word-spacing for child elements\n      > * {\n        word-spacing: 0;\n      }\n\n      &:not(:focus) {\n        background-color: $govuk-header-rebrand-background;\n      }\n    }\n  }\n\n  .govuk-header__service-name {\n    display: inline-block;\n    margin-bottom: govuk-spacing(2);\n    @include govuk-font-size($size: 24);\n    @include govuk-typography-weight-bold;\n\n    @include _govuk-rebrand {\n      // Apply margins to internal elements to emulate padding\n      margin-bottom: govuk-spacing(3);\n\n      @include govuk-media-query($from: desktop) {\n        // Magic number to align service name baseline with the GOV.UK logo\n        $service-name-offset: 4px;\n\n        margin: (govuk-spacing(3) + $service-name-offset) 0 (govuk-spacing(3) - $service-name-offset);\n      }\n    }\n  }\n\n  .govuk-header__logo,\n  .govuk-header__content {\n    box-sizing: border-box;\n  }\n\n  .govuk-header__logo {\n    @include govuk-responsive-margin($govuk-header-vertical-spacing-value, \"bottom\");\n\n    @include govuk-media-query($from: desktop) {\n      width: 33.33%;\n      padding-right: $govuk-gutter-half;\n      float: left;\n      vertical-align: top;\n\n      // Reset float when logo is the last child, without a navigation\n      &:last-child {\n        width: auto;\n        padding-right: 0;\n        float: none;\n      }\n    }\n\n    @include _govuk-rebrand {\n      // Apply margins to internal elements to emulate padding\n      margin-bottom: 0;\n\n      // Magic numbers, set padding to vertically centre align the logo\n      padding-top: 16px;\n      padding-bottom: 14px - $govuk-header-rebrand-logo-bottom-margin;\n    }\n  }\n\n  .govuk-header__content {\n    @include govuk-media-query($from: desktop) {\n      width: 66.66%;\n      padding-left: $govuk-gutter-half;\n      float: left;\n    }\n  }\n\n  .govuk-header__menu-button {\n    @include govuk-font($size: 16);\n    max-width: $govuk-header-menu-button-width;\n    min-height: $govuk-header-menu-button-height;\n    margin-bottom: govuk-spacing(1);\n    padding: 0;\n    border: 0;\n    color: govuk-colour(\"white\");\n    background: none;\n    word-break: break-all;\n    cursor: pointer;\n\n    &:hover {\n      text-decoration: solid underline $govuk-header-link-underline-thickness;\n\n      @if $govuk-link-underline-offset {\n        text-underline-offset: $govuk-link-underline-offset;\n      }\n    }\n\n    &:focus {\n      @include govuk-focused-text;\n    }\n\n    &::after {\n      @include govuk-shape-arrow($direction: down, $base: 10px, $display: inline-block);\n      content: \"\";\n      margin-left: govuk-spacing(1);\n    }\n\n    &[aria-expanded=\"true\"]::after {\n      @include govuk-shape-arrow($direction: up, $base: 10px, $display: inline-block);\n    }\n\n    @include govuk-media-query($from: mobile) {\n      position: absolute;\n      // calculate top offset by:\n      // - getting the vertical spacing for the top and the bottom of the header\n      // - adding that to the crown height\n      // - dividing it by 2 so you have the vertical centre of the header\n      // - subtracting half the height of the menu button\n      top: (((govuk-spacing($govuk-header-vertical-spacing-value) * 2) + $govuk-header-crown-height) / 2) -\n        ($govuk-header-menu-button-height / 2);\n      right: 0;\n      margin: 0;\n    }\n\n    @include govuk-media-query($from: tablet) {\n      top: govuk-spacing(3);\n    }\n\n    .govuk-frontend-supported & {\n      display: block;\n    }\n\n    &[hidden],\n    .govuk-frontend-supported &[hidden] {\n      display: none;\n    }\n  }\n\n  .govuk-header__navigation {\n    @include govuk-media-query($until: mobile) {\n      @include _govuk-rebrand {\n        padding-bottom: govuk-spacing(3);\n      }\n    }\n\n    @include govuk-media-query($from: desktop) {\n      margin-bottom: govuk-spacing(2);\n\n      @include _govuk-rebrand {\n        // Magic number so that the bottom of the nav links aligns with the\n        // baseline of the GOV.UK logo\n        $navigation-offset: 7px;\n\n        // Apply margins to internal elements to emulate padding\n        margin-bottom: 0;\n        padding: (govuk-spacing(3) + $navigation-offset) 0 (govuk-spacing(3) - $navigation-offset);\n      }\n    }\n  }\n\n  .govuk-header__service-name + .govuk-header__navigation {\n    @include _govuk-rebrand {\n      @include govuk-media-query($from: desktop) {\n        // If there's both a service name and navigation,\n        // remove the extra padding between them on desktop\n        padding-top: 0;\n\n        // Restore the full bottom padding as the navigation isn't standalone\n        padding-bottom: govuk-spacing(3);\n      }\n    }\n  }\n\n  .govuk-header__navigation-list {\n    // Reset user-agent default list styles\n    margin: 0;\n    padding: 0;\n    list-style: none;\n\n    &[hidden] {\n      display: none;\n    }\n\n    @include _govuk-rebrand {\n      @include govuk-media-query($from: mobile, $until: desktop) {\n        padding-bottom: govuk-spacing(3);\n      }\n    }\n  }\n\n  .govuk-header__navigation--end {\n    @include govuk-media-query($from: desktop) {\n      margin: 0;\n      padding: govuk-spacing(1) 0;\n      text-align: right;\n    }\n  }\n\n  .govuk-header__navigation-item {\n    padding: govuk-spacing(2) 0;\n    border-bottom: 1px solid $govuk-header-nav-item-border-color;\n\n    @include govuk-media-query($from: desktop) {\n      display: inline-block;\n      margin-right: govuk-spacing(3);\n      padding: govuk-spacing(1) 0;\n      border: 0;\n    }\n\n    a {\n      @include govuk-font-size($size: 16);\n      @include govuk-typography-weight-bold;\n      white-space: nowrap;\n    }\n\n    @include _govuk-rebrand {\n      // Increase top padding of nav items...\n      padding-top: govuk-spacing(3);\n\n      // ...except on desktop\n      @include govuk-media-query($from: desktop) {\n        padding-top: govuk-spacing(1);\n      }\n\n      // Change the dividing line colour between mobile nav items\n      border-bottom-color: govuk-colour(\"white\");\n\n      // Reduce default weight of links so that we can use bold for active ones\n      a {\n        @include govuk-typography-weight-regular;\n      }\n    }\n  }\n\n  .govuk-header__navigation-item--active {\n    a {\n      @include _govuk-rebrand {\n        // Change active links to use bold text instead of changing colour\n        @include govuk-typography-weight-bold;\n      }\n\n      &:link,\n      &:hover,\n      &:visited {\n        color: $govuk-header-link-active;\n\n        @include _govuk-rebrand {\n          color: inherit;\n        }\n      }\n\n      // When printing, use the normal blue as this contrasts better with the\n      // white printing header\n      @include govuk-media-query($media-type: print) {\n        color: $govuk-brand-colour;\n      }\n\n      // When focussed, the text colour needs to be darker to ensure that colour\n      // contrast is still acceptable\n      &:focus {\n        color: $govuk-focus-text-colour;\n\n        @include _govuk-rebrand {\n          color: $govuk-focus-text-colour;\n        }\n      }\n    }\n  }\n\n  .govuk-header__navigation-item:last-child {\n    margin-right: 0;\n    border-bottom: 0;\n  }\n\n  @include govuk-media-query($media-type: print) {\n    .govuk-header {\n      border-bottom-width: 0;\n      color: govuk-colour(\"black\");\n      background: transparent;\n    }\n\n    .govuk-header__link {\n      &:link,\n      &:visited {\n        color: govuk-colour(\"black\");\n      }\n\n      // Do not append link href to GOV.UK link when printing (e.g. '(/)')\n      &::after {\n        display: none;\n      }\n    }\n  }\n}\n"]}
diff --git a/app/templates/govuk/components/components/header/fixtures.json b/app/templates/govuk/components/components/header/fixtures.json
new file mode 100644
index 0000000..97ce7f9
--- /dev/null
+++ b/app/templates/govuk/components/components/header/fixtures.json
@@ -0,0 +1,602 @@
+{
+    "component": "header",
+    "fixtures": [
+        {
+            "name": "default",
+            "options": {},
+            "hidden": false,
+            "description": "The standard header as used on information pages on GOV.UK",
+            "pageTemplateOptions": {},
+            "screenshot": true,
+            "html": "<header class=\"govuk-header\" data-module=\"govuk-header\">\n  <div class=\"govuk-header__container govuk-width-container\">\n    <div class=\"govuk-header__logo\">\n      <a href=\"/\" class=\"govuk-header__link govuk-header__link--homepage\">\n        <svg\n            focusable=\"false\"\n            role=\"img\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            viewBox=\"0 0 296 60\"\n            height=\"30\"\n            width=\"148\"\n            fill=\"currentcolor\" class=\"govuk-header__logotype\" aria-label=\"GOV.UK\"\n          ><title>GOV.UK</title>    <g>\n                <circle cx=\"20\" cy=\"17.6\" r=\"3.7\"/>\n                <circle cx=\"10.2\" cy=\"23.5\" r=\"3.7\"/>\n                <circle cx=\"3.7\" cy=\"33.2\" r=\"3.7\"/>\n                <circle cx=\"31.7\" cy=\"30.6\" r=\"3.7\"/>\n                <circle cx=\"43.3\" cy=\"17.6\" r=\"3.7\"/>\n                <circle cx=\"53.2\" cy=\"23.5\" r=\"3.7\"/>\n                <circle cx=\"59.7\" cy=\"33.2\" r=\"3.7\"/>\n                <circle cx=\"31.7\" cy=\"30.6\" r=\"3.7\"/>\n                <path d=\"M33.1,9.8c.2-.1.3-.3.5-.5l4.6,2.4v-6.8l-4.6,1.5c-.1-.2-.3-.3-.5-.5l1.9-5.9h-6.7l1.9,5.9c-.2.1-.3.3-.5.5l-4.6-1.5v6.8l4.6-2.4c.1.2.3.3.5.5l-2.6,8c-.9,2.8,1.2,5.7,4.1,5.7h0c3,0,5.1-2.9,4.1-5.7l-2.6-8ZM37,37.9s-3.4,3.8-4.1,6.1c2.2,0,4.2-.5,6.4-2.8l-.7,8.5c-2-2.8-4.4-4.1-5.7-3.8.1,3.1.5,6.7,5.8,7.2,3.7.3,6.7-1.5,7-3.8.4-2.6-2-4.3-3.7-1.6-1.4-4.5,2.4-6.1,4.9-3.2-1.9-4.5-1.8-7.7,2.4-10.9,3,4,2.6,7.3-1.2,11.1,2.4-1.3,6.2,0,4,4.6-1.2-2.8-3.7-2.2-4.2.2-.3,1.7.7,3.7,3,4.2,1.9.3,4.7-.9,7-5.9-1.3,0-2.4.7-3.9,1.7l2.4-8c.6,2.3,1.4,3.7,2.2,4.5.6-1.6.5-2.8,0-5.3l5,1.8c-2.6,3.6-5.2,8.7-7.3,17.5-7.4-1.1-15.7-1.7-24.5-1.7h0c-8.8,0-17.1.6-24.5,1.7-2.1-8.9-4.7-13.9-7.3-17.5l5-1.8c-.5,2.5-.6,3.7,0,5.3.8-.8,1.6-2.3,2.2-4.5l2.4,8c-1.5-1-2.6-1.7-3.9-1.7,2.3,5,5.2,6.2,7,5.9,2.3-.4,3.3-2.4,3-4.2-.5-2.4-3-3.1-4.2-.2-2.2-4.6,1.6-6,4-4.6-3.7-3.7-4.2-7.1-1.2-11.1,4.2,3.2,4.3,6.4,2.4,10.9,2.5-2.8,6.3-1.3,4.9,3.2-1.8-2.7-4.1-1-3.7,1.6.3,2.3,3.3,4.1,7,3.8,5.4-.5,5.7-4.2,5.8-7.2-1.3-.2-3.7,1-5.7,3.8l-.7-8.5c2.2,2.3,4.2,2.7,6.4,2.8-.7-2.3-4.1-6.1-4.1-6.1h10.6,0Z\"/>\n              </g>\n              <path d=\"M88.6,33.2c0,1.8.2,3.4.6,5s1.2,3,2,4.4c1,1.2,2,2.2,3.4,3s3,1.2,5,1.2,3.4-.2,4.6-.8,2.2-1.4,3-2.2,1.2-1.8,1.6-3c.2-1,.4-2,.4-3v-.4h-10.6v-6.4h18.8v23h-7.4v-5c-.6.8-1.2,1.6-2,2.2-.8.6-1.6,1.2-2.6,1.8-1,.4-2,.8-3.2,1.2s-2.4.4-3.6.4c-3,0-5.8-.6-8-1.6-2.4-1.2-4.4-2.6-6-4.6s-2.8-4.2-3.6-6.8c-.6-2.8-1-5.6-1-8.6s.4-5.8,1.4-8.4,2.2-4.8,4-6.8,3.8-3.4,6.2-4.6c2.4-1.2,5.2-1.6,8.2-1.6s3.8.2,5.6.6c1.8.4,3.4,1.2,4.8,2s2.8,1.8,3.8,3c1.2,1.2,2,2.6,2.8,4l-7.4,4.2c-.4-.8-1-1.8-1.6-2.4-.6-.8-1.2-1.4-2-2s-1.6-1-2.6-1.4-2.2-.4-3.4-.4c-2,0-3.6.4-5,1.2-1.4.8-2.6,1.8-3.4,3-1,1.2-1.6,2.8-2,4.4-.6,1.6-.8,3.8-.8,5.4ZM161.4,24.6c-.8-2.6-2.2-4.8-4-6.8s-3.8-3.4-6.2-4.6c-2.4-1.2-5.2-1.6-8.4-1.6s-5.8.6-8.4,1.6c-2.2,1.2-4.4,2.8-6,4.6-1.8,2-3,4.2-4,6.8-.8,2.6-1.4,5.4-1.4,8.4s.4,5.8,1.4,8.4c.8,2.6,2.2,4.8,4,6.8s3.8,3.4,6.2,4.6c2.4,1.2,5.2,1.6,8.4,1.6s5.8-.6,8.4-1.6c2.4-1.2,4.6-2.6,6.2-4.6,1.8-2,3-4.2,4-6.8.8-2.6,1.4-5.4,1.4-8.4-.2-3-.6-5.8-1.6-8.4h0ZM154,33.2c0,2-.2,3.8-.8,5.4-.4,1.6-1.2,3.2-2.2,4.4s-2.2,2.2-3.4,2.8c-1.4.6-3,1-4.8,1s-3.4-.4-4.8-1-2.6-1.6-3.4-2.8c-1-1.2-1.6-2.6-2.2-4.4-.4-1.6-.8-3.4-.8-5.4v-.2c0-2,.2-3.8.8-5.4.4-1.6,1.2-3.2,2.2-4.4,1-1.2,2.2-2.2,3.4-2.8,1.4-.6,3-1,4.8-1s3.4.4,4.8,1,2.6,1.6,3.4,2.8c1,1.2,1.6,2.6,2.2,4.4.4,1.6.8,3.4.8,5.4v.2ZM177.8,54l-11.8-42h9.4l8,31.4h.2l8-31.4h9.4l-11.8,42h-11.4,0ZM235.4,46.7c1.2,0,2.4-.2,3.4-.6,1-.4,2-.8,2.8-1.6s1.4-1.6,1.8-2.8c.4-1.2.6-2.4.6-4V11.8h8.2v27.2c0,2.4-.4,4.4-1.2,6.2s-2,3.4-3.6,4.8c-1.4,1.4-3.2,2.4-5.4,3-2,.8-4.4,1-6.8,1s-4.8-.4-6.8-1c-2-.8-3.8-1.8-5.4-3-1.6-1.4-2.6-3-3.6-4.8-.8-1.8-1.2-4-1.2-6.2V11.7h8.4v26c0,1.6.2,2.8.6,4,.4,1.2,1,2,1.8,2.8s1.6,1.2,2.8,1.6c1.2.4,2.2.6,3.6.6h0ZM261.4,11.9h8.4v18.2l14.8-18.2h10.4l-14.4,16.8,15.4,25.2h-9.8l-11-18.8-5.4,6v12.8h-8.4V11.9h0ZM206.2,44.2c-3,0-5.4,2.4-5.4,5.4s2.4,5.4,5.4,5.4,5.4-2.4,5.4-5.4-2.4-5.4-5.4-5.4Z\"/>\n          </svg>\n      </a>\n    </div>\n  </div>\n</header>"
+        },
+        {
+            "name": "with service name",
+            "options": {
+                "serviceName": "Service Name",
+                "serviceUrl": "/components/header"
+            },
+            "hidden": false,
+            "description": "If your service is more than a few pages long, you can help users understand where they are by adding the service name.",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<header class=\"govuk-header\" data-module=\"govuk-header\">\n  <div class=\"govuk-header__container govuk-width-container\">\n    <div class=\"govuk-header__logo\">\n      <a href=\"/\" class=\"govuk-header__link govuk-header__link--homepage\">\n        <svg\n            focusable=\"false\"\n            role=\"img\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            viewBox=\"0 0 296 60\"\n            height=\"30\"\n            width=\"148\"\n            fill=\"currentcolor\" class=\"govuk-header__logotype\" aria-label=\"GOV.UK\"\n          ><title>GOV.UK</title>    <g>\n                <circle cx=\"20\" cy=\"17.6\" r=\"3.7\"/>\n                <circle cx=\"10.2\" cy=\"23.5\" r=\"3.7\"/>\n                <circle cx=\"3.7\" cy=\"33.2\" r=\"3.7\"/>\n                <circle cx=\"31.7\" cy=\"30.6\" r=\"3.7\"/>\n                <circle cx=\"43.3\" cy=\"17.6\" r=\"3.7\"/>\n                <circle cx=\"53.2\" cy=\"23.5\" r=\"3.7\"/>\n                <circle cx=\"59.7\" cy=\"33.2\" r=\"3.7\"/>\n                <circle cx=\"31.7\" cy=\"30.6\" r=\"3.7\"/>\n                <path d=\"M33.1,9.8c.2-.1.3-.3.5-.5l4.6,2.4v-6.8l-4.6,1.5c-.1-.2-.3-.3-.5-.5l1.9-5.9h-6.7l1.9,5.9c-.2.1-.3.3-.5.5l-4.6-1.5v6.8l4.6-2.4c.1.2.3.3.5.5l-2.6,8c-.9,2.8,1.2,5.7,4.1,5.7h0c3,0,5.1-2.9,4.1-5.7l-2.6-8ZM37,37.9s-3.4,3.8-4.1,6.1c2.2,0,4.2-.5,6.4-2.8l-.7,8.5c-2-2.8-4.4-4.1-5.7-3.8.1,3.1.5,6.7,5.8,7.2,3.7.3,6.7-1.5,7-3.8.4-2.6-2-4.3-3.7-1.6-1.4-4.5,2.4-6.1,4.9-3.2-1.9-4.5-1.8-7.7,2.4-10.9,3,4,2.6,7.3-1.2,11.1,2.4-1.3,6.2,0,4,4.6-1.2-2.8-3.7-2.2-4.2.2-.3,1.7.7,3.7,3,4.2,1.9.3,4.7-.9,7-5.9-1.3,0-2.4.7-3.9,1.7l2.4-8c.6,2.3,1.4,3.7,2.2,4.5.6-1.6.5-2.8,0-5.3l5,1.8c-2.6,3.6-5.2,8.7-7.3,17.5-7.4-1.1-15.7-1.7-24.5-1.7h0c-8.8,0-17.1.6-24.5,1.7-2.1-8.9-4.7-13.9-7.3-17.5l5-1.8c-.5,2.5-.6,3.7,0,5.3.8-.8,1.6-2.3,2.2-4.5l2.4,8c-1.5-1-2.6-1.7-3.9-1.7,2.3,5,5.2,6.2,7,5.9,2.3-.4,3.3-2.4,3-4.2-.5-2.4-3-3.1-4.2-.2-2.2-4.6,1.6-6,4-4.6-3.7-3.7-4.2-7.1-1.2-11.1,4.2,3.2,4.3,6.4,2.4,10.9,2.5-2.8,6.3-1.3,4.9,3.2-1.8-2.7-4.1-1-3.7,1.6.3,2.3,3.3,4.1,7,3.8,5.4-.5,5.7-4.2,5.8-7.2-1.3-.2-3.7,1-5.7,3.8l-.7-8.5c2.2,2.3,4.2,2.7,6.4,2.8-.7-2.3-4.1-6.1-4.1-6.1h10.6,0Z\"/>\n              </g>\n              <path d=\"M88.6,33.2c0,1.8.2,3.4.6,5s1.2,3,2,4.4c1,1.2,2,2.2,3.4,3s3,1.2,5,1.2,3.4-.2,4.6-.8,2.2-1.4,3-2.2,1.2-1.8,1.6-3c.2-1,.4-2,.4-3v-.4h-10.6v-6.4h18.8v23h-7.4v-5c-.6.8-1.2,1.6-2,2.2-.8.6-1.6,1.2-2.6,1.8-1,.4-2,.8-3.2,1.2s-2.4.4-3.6.4c-3,0-5.8-.6-8-1.6-2.4-1.2-4.4-2.6-6-4.6s-2.8-4.2-3.6-6.8c-.6-2.8-1-5.6-1-8.6s.4-5.8,1.4-8.4,2.2-4.8,4-6.8,3.8-3.4,6.2-4.6c2.4-1.2,5.2-1.6,8.2-1.6s3.8.2,5.6.6c1.8.4,3.4,1.2,4.8,2s2.8,1.8,3.8,3c1.2,1.2,2,2.6,2.8,4l-7.4,4.2c-.4-.8-1-1.8-1.6-2.4-.6-.8-1.2-1.4-2-2s-1.6-1-2.6-1.4-2.2-.4-3.4-.4c-2,0-3.6.4-5,1.2-1.4.8-2.6,1.8-3.4,3-1,1.2-1.6,2.8-2,4.4-.6,1.6-.8,3.8-.8,5.4ZM161.4,24.6c-.8-2.6-2.2-4.8-4-6.8s-3.8-3.4-6.2-4.6c-2.4-1.2-5.2-1.6-8.4-1.6s-5.8.6-8.4,1.6c-2.2,1.2-4.4,2.8-6,4.6-1.8,2-3,4.2-4,6.8-.8,2.6-1.4,5.4-1.4,8.4s.4,5.8,1.4,8.4c.8,2.6,2.2,4.8,4,6.8s3.8,3.4,6.2,4.6c2.4,1.2,5.2,1.6,8.4,1.6s5.8-.6,8.4-1.6c2.4-1.2,4.6-2.6,6.2-4.6,1.8-2,3-4.2,4-6.8.8-2.6,1.4-5.4,1.4-8.4-.2-3-.6-5.8-1.6-8.4h0ZM154,33.2c0,2-.2,3.8-.8,5.4-.4,1.6-1.2,3.2-2.2,4.4s-2.2,2.2-3.4,2.8c-1.4.6-3,1-4.8,1s-3.4-.4-4.8-1-2.6-1.6-3.4-2.8c-1-1.2-1.6-2.6-2.2-4.4-.4-1.6-.8-3.4-.8-5.4v-.2c0-2,.2-3.8.8-5.4.4-1.6,1.2-3.2,2.2-4.4,1-1.2,2.2-2.2,3.4-2.8,1.4-.6,3-1,4.8-1s3.4.4,4.8,1,2.6,1.6,3.4,2.8c1,1.2,1.6,2.6,2.2,4.4.4,1.6.8,3.4.8,5.4v.2ZM177.8,54l-11.8-42h9.4l8,31.4h.2l8-31.4h9.4l-11.8,42h-11.4,0ZM235.4,46.7c1.2,0,2.4-.2,3.4-.6,1-.4,2-.8,2.8-1.6s1.4-1.6,1.8-2.8c.4-1.2.6-2.4.6-4V11.8h8.2v27.2c0,2.4-.4,4.4-1.2,6.2s-2,3.4-3.6,4.8c-1.4,1.4-3.2,2.4-5.4,3-2,.8-4.4,1-6.8,1s-4.8-.4-6.8-1c-2-.8-3.8-1.8-5.4-3-1.6-1.4-2.6-3-3.6-4.8-.8-1.8-1.2-4-1.2-6.2V11.7h8.4v26c0,1.6.2,2.8.6,4,.4,1.2,1,2,1.8,2.8s1.6,1.2,2.8,1.6c1.2.4,2.2.6,3.6.6h0ZM261.4,11.9h8.4v18.2l14.8-18.2h10.4l-14.4,16.8,15.4,25.2h-9.8l-11-18.8-5.4,6v12.8h-8.4V11.9h0ZM206.2,44.2c-3,0-5.4,2.4-5.4,5.4s2.4,5.4,5.4,5.4,5.4-2.4,5.4-5.4-2.4-5.4-5.4-5.4Z\"/>\n          </svg>\n      </a>\n    </div>\n    <div class=\"govuk-header__content\">\n      <a href=\"/components/header\" class=\"govuk-header__link govuk-header__service-name\">\n        Service Name\n      </a>\n    </div>\n  </div>\n</header>"
+        },
+        {
+            "name": "with service name but no service url",
+            "options": {
+                "serviceName": "Service Name"
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<header class=\"govuk-header\" data-module=\"govuk-header\">\n  <div class=\"govuk-header__container govuk-width-container\">\n    <div class=\"govuk-header__logo\">\n      <a href=\"/\" class=\"govuk-header__link govuk-header__link--homepage\">\n        <svg\n            focusable=\"false\"\n            role=\"img\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            viewBox=\"0 0 296 60\"\n            height=\"30\"\n            width=\"148\"\n            fill=\"currentcolor\" class=\"govuk-header__logotype\" aria-label=\"GOV.UK\"\n          ><title>GOV.UK</title>    <g>\n                <circle cx=\"20\" cy=\"17.6\" r=\"3.7\"/>\n                <circle cx=\"10.2\" cy=\"23.5\" r=\"3.7\"/>\n                <circle cx=\"3.7\" cy=\"33.2\" r=\"3.7\"/>\n                <circle cx=\"31.7\" cy=\"30.6\" r=\"3.7\"/>\n                <circle cx=\"43.3\" cy=\"17.6\" r=\"3.7\"/>\n                <circle cx=\"53.2\" cy=\"23.5\" r=\"3.7\"/>\n                <circle cx=\"59.7\" cy=\"33.2\" r=\"3.7\"/>\n                <circle cx=\"31.7\" cy=\"30.6\" r=\"3.7\"/>\n                <path d=\"M33.1,9.8c.2-.1.3-.3.5-.5l4.6,2.4v-6.8l-4.6,1.5c-.1-.2-.3-.3-.5-.5l1.9-5.9h-6.7l1.9,5.9c-.2.1-.3.3-.5.5l-4.6-1.5v6.8l4.6-2.4c.1.2.3.3.5.5l-2.6,8c-.9,2.8,1.2,5.7,4.1,5.7h0c3,0,5.1-2.9,4.1-5.7l-2.6-8ZM37,37.9s-3.4,3.8-4.1,6.1c2.2,0,4.2-.5,6.4-2.8l-.7,8.5c-2-2.8-4.4-4.1-5.7-3.8.1,3.1.5,6.7,5.8,7.2,3.7.3,6.7-1.5,7-3.8.4-2.6-2-4.3-3.7-1.6-1.4-4.5,2.4-6.1,4.9-3.2-1.9-4.5-1.8-7.7,2.4-10.9,3,4,2.6,7.3-1.2,11.1,2.4-1.3,6.2,0,4,4.6-1.2-2.8-3.7-2.2-4.2.2-.3,1.7.7,3.7,3,4.2,1.9.3,4.7-.9,7-5.9-1.3,0-2.4.7-3.9,1.7l2.4-8c.6,2.3,1.4,3.7,2.2,4.5.6-1.6.5-2.8,0-5.3l5,1.8c-2.6,3.6-5.2,8.7-7.3,17.5-7.4-1.1-15.7-1.7-24.5-1.7h0c-8.8,0-17.1.6-24.5,1.7-2.1-8.9-4.7-13.9-7.3-17.5l5-1.8c-.5,2.5-.6,3.7,0,5.3.8-.8,1.6-2.3,2.2-4.5l2.4,8c-1.5-1-2.6-1.7-3.9-1.7,2.3,5,5.2,6.2,7,5.9,2.3-.4,3.3-2.4,3-4.2-.5-2.4-3-3.1-4.2-.2-2.2-4.6,1.6-6,4-4.6-3.7-3.7-4.2-7.1-1.2-11.1,4.2,3.2,4.3,6.4,2.4,10.9,2.5-2.8,6.3-1.3,4.9,3.2-1.8-2.7-4.1-1-3.7,1.6.3,2.3,3.3,4.1,7,3.8,5.4-.5,5.7-4.2,5.8-7.2-1.3-.2-3.7,1-5.7,3.8l-.7-8.5c2.2,2.3,4.2,2.7,6.4,2.8-.7-2.3-4.1-6.1-4.1-6.1h10.6,0Z\"/>\n              </g>\n              <path d=\"M88.6,33.2c0,1.8.2,3.4.6,5s1.2,3,2,4.4c1,1.2,2,2.2,3.4,3s3,1.2,5,1.2,3.4-.2,4.6-.8,2.2-1.4,3-2.2,1.2-1.8,1.6-3c.2-1,.4-2,.4-3v-.4h-10.6v-6.4h18.8v23h-7.4v-5c-.6.8-1.2,1.6-2,2.2-.8.6-1.6,1.2-2.6,1.8-1,.4-2,.8-3.2,1.2s-2.4.4-3.6.4c-3,0-5.8-.6-8-1.6-2.4-1.2-4.4-2.6-6-4.6s-2.8-4.2-3.6-6.8c-.6-2.8-1-5.6-1-8.6s.4-5.8,1.4-8.4,2.2-4.8,4-6.8,3.8-3.4,6.2-4.6c2.4-1.2,5.2-1.6,8.2-1.6s3.8.2,5.6.6c1.8.4,3.4,1.2,4.8,2s2.8,1.8,3.8,3c1.2,1.2,2,2.6,2.8,4l-7.4,4.2c-.4-.8-1-1.8-1.6-2.4-.6-.8-1.2-1.4-2-2s-1.6-1-2.6-1.4-2.2-.4-3.4-.4c-2,0-3.6.4-5,1.2-1.4.8-2.6,1.8-3.4,3-1,1.2-1.6,2.8-2,4.4-.6,1.6-.8,3.8-.8,5.4ZM161.4,24.6c-.8-2.6-2.2-4.8-4-6.8s-3.8-3.4-6.2-4.6c-2.4-1.2-5.2-1.6-8.4-1.6s-5.8.6-8.4,1.6c-2.2,1.2-4.4,2.8-6,4.6-1.8,2-3,4.2-4,6.8-.8,2.6-1.4,5.4-1.4,8.4s.4,5.8,1.4,8.4c.8,2.6,2.2,4.8,4,6.8s3.8,3.4,6.2,4.6c2.4,1.2,5.2,1.6,8.4,1.6s5.8-.6,8.4-1.6c2.4-1.2,4.6-2.6,6.2-4.6,1.8-2,3-4.2,4-6.8.8-2.6,1.4-5.4,1.4-8.4-.2-3-.6-5.8-1.6-8.4h0ZM154,33.2c0,2-.2,3.8-.8,5.4-.4,1.6-1.2,3.2-2.2,4.4s-2.2,2.2-3.4,2.8c-1.4.6-3,1-4.8,1s-3.4-.4-4.8-1-2.6-1.6-3.4-2.8c-1-1.2-1.6-2.6-2.2-4.4-.4-1.6-.8-3.4-.8-5.4v-.2c0-2,.2-3.8.8-5.4.4-1.6,1.2-3.2,2.2-4.4,1-1.2,2.2-2.2,3.4-2.8,1.4-.6,3-1,4.8-1s3.4.4,4.8,1,2.6,1.6,3.4,2.8c1,1.2,1.6,2.6,2.2,4.4.4,1.6.8,3.4.8,5.4v.2ZM177.8,54l-11.8-42h9.4l8,31.4h.2l8-31.4h9.4l-11.8,42h-11.4,0ZM235.4,46.7c1.2,0,2.4-.2,3.4-.6,1-.4,2-.8,2.8-1.6s1.4-1.6,1.8-2.8c.4-1.2.6-2.4.6-4V11.8h8.2v27.2c0,2.4-.4,4.4-1.2,6.2s-2,3.4-3.6,4.8c-1.4,1.4-3.2,2.4-5.4,3-2,.8-4.4,1-6.8,1s-4.8-.4-6.8-1c-2-.8-3.8-1.8-5.4-3-1.6-1.4-2.6-3-3.6-4.8-.8-1.8-1.2-4-1.2-6.2V11.7h8.4v26c0,1.6.2,2.8.6,4,.4,1.2,1,2,1.8,2.8s1.6,1.2,2.8,1.6c1.2.4,2.2.6,3.6.6h0ZM261.4,11.9h8.4v18.2l14.8-18.2h10.4l-14.4,16.8,15.4,25.2h-9.8l-11-18.8-5.4,6v12.8h-8.4V11.9h0ZM206.2,44.2c-3,0-5.4,2.4-5.4,5.4s2.4,5.4,5.4,5.4,5.4-2.4,5.4-5.4-2.4-5.4-5.4-5.4Z\"/>\n          </svg>\n      </a>\n    </div>\n    <div class=\"govuk-header__content\">\n      <span class=\"govuk-header__service-name\">\n        Service Name\n      </span>\n    </div>\n  </div>\n</header>"
+        },
+        {
+            "name": "with navigation",
+            "options": {
+                "navigation": [
+                    {
+                        "href": "#1",
+                        "text": "Navigation item 1",
+                        "active": true
+                    },
+                    {
+                        "href": "#2",
+                        "text": "Navigation item 2"
+                    },
+                    {
+                        "href": "#3",
+                        "text": "Navigation item 3"
+                    },
+                    {
+                        "href": "#4",
+                        "text": "Navigation item 4"
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<header class=\"govuk-header\" data-module=\"govuk-header\">\n  <div class=\"govuk-header__container govuk-width-container\">\n    <div class=\"govuk-header__logo\">\n      <a href=\"/\" class=\"govuk-header__link govuk-header__link--homepage\">\n        <svg\n            focusable=\"false\"\n            role=\"img\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            viewBox=\"0 0 296 60\"\n            height=\"30\"\n            width=\"148\"\n            fill=\"currentcolor\" class=\"govuk-header__logotype\" aria-label=\"GOV.UK\"\n          ><title>GOV.UK</title>    <g>\n                <circle cx=\"20\" cy=\"17.6\" r=\"3.7\"/>\n                <circle cx=\"10.2\" cy=\"23.5\" r=\"3.7\"/>\n                <circle cx=\"3.7\" cy=\"33.2\" r=\"3.7\"/>\n                <circle cx=\"31.7\" cy=\"30.6\" r=\"3.7\"/>\n                <circle cx=\"43.3\" cy=\"17.6\" r=\"3.7\"/>\n                <circle cx=\"53.2\" cy=\"23.5\" r=\"3.7\"/>\n                <circle cx=\"59.7\" cy=\"33.2\" r=\"3.7\"/>\n                <circle cx=\"31.7\" cy=\"30.6\" r=\"3.7\"/>\n                <path d=\"M33.1,9.8c.2-.1.3-.3.5-.5l4.6,2.4v-6.8l-4.6,1.5c-.1-.2-.3-.3-.5-.5l1.9-5.9h-6.7l1.9,5.9c-.2.1-.3.3-.5.5l-4.6-1.5v6.8l4.6-2.4c.1.2.3.3.5.5l-2.6,8c-.9,2.8,1.2,5.7,4.1,5.7h0c3,0,5.1-2.9,4.1-5.7l-2.6-8ZM37,37.9s-3.4,3.8-4.1,6.1c2.2,0,4.2-.5,6.4-2.8l-.7,8.5c-2-2.8-4.4-4.1-5.7-3.8.1,3.1.5,6.7,5.8,7.2,3.7.3,6.7-1.5,7-3.8.4-2.6-2-4.3-3.7-1.6-1.4-4.5,2.4-6.1,4.9-3.2-1.9-4.5-1.8-7.7,2.4-10.9,3,4,2.6,7.3-1.2,11.1,2.4-1.3,6.2,0,4,4.6-1.2-2.8-3.7-2.2-4.2.2-.3,1.7.7,3.7,3,4.2,1.9.3,4.7-.9,7-5.9-1.3,0-2.4.7-3.9,1.7l2.4-8c.6,2.3,1.4,3.7,2.2,4.5.6-1.6.5-2.8,0-5.3l5,1.8c-2.6,3.6-5.2,8.7-7.3,17.5-7.4-1.1-15.7-1.7-24.5-1.7h0c-8.8,0-17.1.6-24.5,1.7-2.1-8.9-4.7-13.9-7.3-17.5l5-1.8c-.5,2.5-.6,3.7,0,5.3.8-.8,1.6-2.3,2.2-4.5l2.4,8c-1.5-1-2.6-1.7-3.9-1.7,2.3,5,5.2,6.2,7,5.9,2.3-.4,3.3-2.4,3-4.2-.5-2.4-3-3.1-4.2-.2-2.2-4.6,1.6-6,4-4.6-3.7-3.7-4.2-7.1-1.2-11.1,4.2,3.2,4.3,6.4,2.4,10.9,2.5-2.8,6.3-1.3,4.9,3.2-1.8-2.7-4.1-1-3.7,1.6.3,2.3,3.3,4.1,7,3.8,5.4-.5,5.7-4.2,5.8-7.2-1.3-.2-3.7,1-5.7,3.8l-.7-8.5c2.2,2.3,4.2,2.7,6.4,2.8-.7-2.3-4.1-6.1-4.1-6.1h10.6,0Z\"/>\n              </g>\n              <path d=\"M88.6,33.2c0,1.8.2,3.4.6,5s1.2,3,2,4.4c1,1.2,2,2.2,3.4,3s3,1.2,5,1.2,3.4-.2,4.6-.8,2.2-1.4,3-2.2,1.2-1.8,1.6-3c.2-1,.4-2,.4-3v-.4h-10.6v-6.4h18.8v23h-7.4v-5c-.6.8-1.2,1.6-2,2.2-.8.6-1.6,1.2-2.6,1.8-1,.4-2,.8-3.2,1.2s-2.4.4-3.6.4c-3,0-5.8-.6-8-1.6-2.4-1.2-4.4-2.6-6-4.6s-2.8-4.2-3.6-6.8c-.6-2.8-1-5.6-1-8.6s.4-5.8,1.4-8.4,2.2-4.8,4-6.8,3.8-3.4,6.2-4.6c2.4-1.2,5.2-1.6,8.2-1.6s3.8.2,5.6.6c1.8.4,3.4,1.2,4.8,2s2.8,1.8,3.8,3c1.2,1.2,2,2.6,2.8,4l-7.4,4.2c-.4-.8-1-1.8-1.6-2.4-.6-.8-1.2-1.4-2-2s-1.6-1-2.6-1.4-2.2-.4-3.4-.4c-2,0-3.6.4-5,1.2-1.4.8-2.6,1.8-3.4,3-1,1.2-1.6,2.8-2,4.4-.6,1.6-.8,3.8-.8,5.4ZM161.4,24.6c-.8-2.6-2.2-4.8-4-6.8s-3.8-3.4-6.2-4.6c-2.4-1.2-5.2-1.6-8.4-1.6s-5.8.6-8.4,1.6c-2.2,1.2-4.4,2.8-6,4.6-1.8,2-3,4.2-4,6.8-.8,2.6-1.4,5.4-1.4,8.4s.4,5.8,1.4,8.4c.8,2.6,2.2,4.8,4,6.8s3.8,3.4,6.2,4.6c2.4,1.2,5.2,1.6,8.4,1.6s5.8-.6,8.4-1.6c2.4-1.2,4.6-2.6,6.2-4.6,1.8-2,3-4.2,4-6.8.8-2.6,1.4-5.4,1.4-8.4-.2-3-.6-5.8-1.6-8.4h0ZM154,33.2c0,2-.2,3.8-.8,5.4-.4,1.6-1.2,3.2-2.2,4.4s-2.2,2.2-3.4,2.8c-1.4.6-3,1-4.8,1s-3.4-.4-4.8-1-2.6-1.6-3.4-2.8c-1-1.2-1.6-2.6-2.2-4.4-.4-1.6-.8-3.4-.8-5.4v-.2c0-2,.2-3.8.8-5.4.4-1.6,1.2-3.2,2.2-4.4,1-1.2,2.2-2.2,3.4-2.8,1.4-.6,3-1,4.8-1s3.4.4,4.8,1,2.6,1.6,3.4,2.8c1,1.2,1.6,2.6,2.2,4.4.4,1.6.8,3.4.8,5.4v.2ZM177.8,54l-11.8-42h9.4l8,31.4h.2l8-31.4h9.4l-11.8,42h-11.4,0ZM235.4,46.7c1.2,0,2.4-.2,3.4-.6,1-.4,2-.8,2.8-1.6s1.4-1.6,1.8-2.8c.4-1.2.6-2.4.6-4V11.8h8.2v27.2c0,2.4-.4,4.4-1.2,6.2s-2,3.4-3.6,4.8c-1.4,1.4-3.2,2.4-5.4,3-2,.8-4.4,1-6.8,1s-4.8-.4-6.8-1c-2-.8-3.8-1.8-5.4-3-1.6-1.4-2.6-3-3.6-4.8-.8-1.8-1.2-4-1.2-6.2V11.7h8.4v26c0,1.6.2,2.8.6,4,.4,1.2,1,2,1.8,2.8s1.6,1.2,2.8,1.6c1.2.4,2.2.6,3.6.6h0ZM261.4,11.9h8.4v18.2l14.8-18.2h10.4l-14.4,16.8,15.4,25.2h-9.8l-11-18.8-5.4,6v12.8h-8.4V11.9h0ZM206.2,44.2c-3,0-5.4,2.4-5.4,5.4s2.4,5.4,5.4,5.4,5.4-2.4,5.4-5.4-2.4-5.4-5.4-5.4Z\"/>\n          </svg>\n      </a>\n    </div>\n    <div class=\"govuk-header__content\">\n      <nav aria-label=\"Menu\" class=\"govuk-header__navigation\">\n        <button type=\"button\" class=\"govuk-header__menu-button govuk-js-header-toggle\" aria-controls=\"navigation\" hidden>\n          Menu\n        </button>\n\n        <ul id=\"navigation\" class=\"govuk-header__navigation-list\">\n          <li class=\"govuk-header__navigation-item govuk-header__navigation-item--active\">\n            <a class=\"govuk-header__link\" href=\"#1\">\n              Navigation item 1\n            </a>\n          </li>\n          <li class=\"govuk-header__navigation-item\">\n            <a class=\"govuk-header__link\" href=\"#2\">\n              Navigation item 2\n            </a>\n          </li>\n          <li class=\"govuk-header__navigation-item\">\n            <a class=\"govuk-header__link\" href=\"#3\">\n              Navigation item 3\n            </a>\n          </li>\n          <li class=\"govuk-header__navigation-item\">\n            <a class=\"govuk-header__link\" href=\"#4\">\n              Navigation item 4\n            </a>\n          </li>\n        </ul>\n      </nav>\n    </div>\n  </div>\n</header>"
+        },
+        {
+            "name": "with custom menu button text",
+            "options": {
+                "menuButtonText": "Dewislen",
+                "navigation": [
+                    {
+                        "href": "#1",
+                        "text": "Eitem llywio 1",
+                        "active": true
+                    },
+                    {
+                        "href": "#2",
+                        "text": "Eitem llywio 2"
+                    },
+                    {
+                        "href": "#3",
+                        "text": "Eitem llywio 3"
+                    },
+                    {
+                        "href": "#4",
+                        "text": "Eitem llywio 4"
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "Button translated into Welsh",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<header class=\"govuk-header\" data-module=\"govuk-header\">\n  <div class=\"govuk-header__container govuk-width-container\">\n    <div class=\"govuk-header__logo\">\n      <a href=\"/\" class=\"govuk-header__link govuk-header__link--homepage\">\n        <svg\n            focusable=\"false\"\n            role=\"img\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            viewBox=\"0 0 296 60\"\n            height=\"30\"\n            width=\"148\"\n            fill=\"currentcolor\" class=\"govuk-header__logotype\" aria-label=\"GOV.UK\"\n          ><title>GOV.UK</title>    <g>\n                <circle cx=\"20\" cy=\"17.6\" r=\"3.7\"/>\n                <circle cx=\"10.2\" cy=\"23.5\" r=\"3.7\"/>\n                <circle cx=\"3.7\" cy=\"33.2\" r=\"3.7\"/>\n                <circle cx=\"31.7\" cy=\"30.6\" r=\"3.7\"/>\n                <circle cx=\"43.3\" cy=\"17.6\" r=\"3.7\"/>\n                <circle cx=\"53.2\" cy=\"23.5\" r=\"3.7\"/>\n                <circle cx=\"59.7\" cy=\"33.2\" r=\"3.7\"/>\n                <circle cx=\"31.7\" cy=\"30.6\" r=\"3.7\"/>\n                <path d=\"M33.1,9.8c.2-.1.3-.3.5-.5l4.6,2.4v-6.8l-4.6,1.5c-.1-.2-.3-.3-.5-.5l1.9-5.9h-6.7l1.9,5.9c-.2.1-.3.3-.5.5l-4.6-1.5v6.8l4.6-2.4c.1.2.3.3.5.5l-2.6,8c-.9,2.8,1.2,5.7,4.1,5.7h0c3,0,5.1-2.9,4.1-5.7l-2.6-8ZM37,37.9s-3.4,3.8-4.1,6.1c2.2,0,4.2-.5,6.4-2.8l-.7,8.5c-2-2.8-4.4-4.1-5.7-3.8.1,3.1.5,6.7,5.8,7.2,3.7.3,6.7-1.5,7-3.8.4-2.6-2-4.3-3.7-1.6-1.4-4.5,2.4-6.1,4.9-3.2-1.9-4.5-1.8-7.7,2.4-10.9,3,4,2.6,7.3-1.2,11.1,2.4-1.3,6.2,0,4,4.6-1.2-2.8-3.7-2.2-4.2.2-.3,1.7.7,3.7,3,4.2,1.9.3,4.7-.9,7-5.9-1.3,0-2.4.7-3.9,1.7l2.4-8c.6,2.3,1.4,3.7,2.2,4.5.6-1.6.5-2.8,0-5.3l5,1.8c-2.6,3.6-5.2,8.7-7.3,17.5-7.4-1.1-15.7-1.7-24.5-1.7h0c-8.8,0-17.1.6-24.5,1.7-2.1-8.9-4.7-13.9-7.3-17.5l5-1.8c-.5,2.5-.6,3.7,0,5.3.8-.8,1.6-2.3,2.2-4.5l2.4,8c-1.5-1-2.6-1.7-3.9-1.7,2.3,5,5.2,6.2,7,5.9,2.3-.4,3.3-2.4,3-4.2-.5-2.4-3-3.1-4.2-.2-2.2-4.6,1.6-6,4-4.6-3.7-3.7-4.2-7.1-1.2-11.1,4.2,3.2,4.3,6.4,2.4,10.9,2.5-2.8,6.3-1.3,4.9,3.2-1.8-2.7-4.1-1-3.7,1.6.3,2.3,3.3,4.1,7,3.8,5.4-.5,5.7-4.2,5.8-7.2-1.3-.2-3.7,1-5.7,3.8l-.7-8.5c2.2,2.3,4.2,2.7,6.4,2.8-.7-2.3-4.1-6.1-4.1-6.1h10.6,0Z\"/>\n              </g>\n              <path d=\"M88.6,33.2c0,1.8.2,3.4.6,5s1.2,3,2,4.4c1,1.2,2,2.2,3.4,3s3,1.2,5,1.2,3.4-.2,4.6-.8,2.2-1.4,3-2.2,1.2-1.8,1.6-3c.2-1,.4-2,.4-3v-.4h-10.6v-6.4h18.8v23h-7.4v-5c-.6.8-1.2,1.6-2,2.2-.8.6-1.6,1.2-2.6,1.8-1,.4-2,.8-3.2,1.2s-2.4.4-3.6.4c-3,0-5.8-.6-8-1.6-2.4-1.2-4.4-2.6-6-4.6s-2.8-4.2-3.6-6.8c-.6-2.8-1-5.6-1-8.6s.4-5.8,1.4-8.4,2.2-4.8,4-6.8,3.8-3.4,6.2-4.6c2.4-1.2,5.2-1.6,8.2-1.6s3.8.2,5.6.6c1.8.4,3.4,1.2,4.8,2s2.8,1.8,3.8,3c1.2,1.2,2,2.6,2.8,4l-7.4,4.2c-.4-.8-1-1.8-1.6-2.4-.6-.8-1.2-1.4-2-2s-1.6-1-2.6-1.4-2.2-.4-3.4-.4c-2,0-3.6.4-5,1.2-1.4.8-2.6,1.8-3.4,3-1,1.2-1.6,2.8-2,4.4-.6,1.6-.8,3.8-.8,5.4ZM161.4,24.6c-.8-2.6-2.2-4.8-4-6.8s-3.8-3.4-6.2-4.6c-2.4-1.2-5.2-1.6-8.4-1.6s-5.8.6-8.4,1.6c-2.2,1.2-4.4,2.8-6,4.6-1.8,2-3,4.2-4,6.8-.8,2.6-1.4,5.4-1.4,8.4s.4,5.8,1.4,8.4c.8,2.6,2.2,4.8,4,6.8s3.8,3.4,6.2,4.6c2.4,1.2,5.2,1.6,8.4,1.6s5.8-.6,8.4-1.6c2.4-1.2,4.6-2.6,6.2-4.6,1.8-2,3-4.2,4-6.8.8-2.6,1.4-5.4,1.4-8.4-.2-3-.6-5.8-1.6-8.4h0ZM154,33.2c0,2-.2,3.8-.8,5.4-.4,1.6-1.2,3.2-2.2,4.4s-2.2,2.2-3.4,2.8c-1.4.6-3,1-4.8,1s-3.4-.4-4.8-1-2.6-1.6-3.4-2.8c-1-1.2-1.6-2.6-2.2-4.4-.4-1.6-.8-3.4-.8-5.4v-.2c0-2,.2-3.8.8-5.4.4-1.6,1.2-3.2,2.2-4.4,1-1.2,2.2-2.2,3.4-2.8,1.4-.6,3-1,4.8-1s3.4.4,4.8,1,2.6,1.6,3.4,2.8c1,1.2,1.6,2.6,2.2,4.4.4,1.6.8,3.4.8,5.4v.2ZM177.8,54l-11.8-42h9.4l8,31.4h.2l8-31.4h9.4l-11.8,42h-11.4,0ZM235.4,46.7c1.2,0,2.4-.2,3.4-.6,1-.4,2-.8,2.8-1.6s1.4-1.6,1.8-2.8c.4-1.2.6-2.4.6-4V11.8h8.2v27.2c0,2.4-.4,4.4-1.2,6.2s-2,3.4-3.6,4.8c-1.4,1.4-3.2,2.4-5.4,3-2,.8-4.4,1-6.8,1s-4.8-.4-6.8-1c-2-.8-3.8-1.8-5.4-3-1.6-1.4-2.6-3-3.6-4.8-.8-1.8-1.2-4-1.2-6.2V11.7h8.4v26c0,1.6.2,2.8.6,4,.4,1.2,1,2,1.8,2.8s1.6,1.2,2.8,1.6c1.2.4,2.2.6,3.6.6h0ZM261.4,11.9h8.4v18.2l14.8-18.2h10.4l-14.4,16.8,15.4,25.2h-9.8l-11-18.8-5.4,6v12.8h-8.4V11.9h0ZM206.2,44.2c-3,0-5.4,2.4-5.4,5.4s2.4,5.4,5.4,5.4,5.4-2.4,5.4-5.4-2.4-5.4-5.4-5.4Z\"/>\n          </svg>\n      </a>\n    </div>\n    <div class=\"govuk-header__content\">\n      <nav aria-label=\"Dewislen\" class=\"govuk-header__navigation\">\n        <button type=\"button\" class=\"govuk-header__menu-button govuk-js-header-toggle\" aria-controls=\"navigation\" hidden>\n          Dewislen\n        </button>\n\n        <ul id=\"navigation\" class=\"govuk-header__navigation-list\">\n          <li class=\"govuk-header__navigation-item govuk-header__navigation-item--active\">\n            <a class=\"govuk-header__link\" href=\"#1\">\n              Eitem llywio 1\n            </a>\n          </li>\n          <li class=\"govuk-header__navigation-item\">\n            <a class=\"govuk-header__link\" href=\"#2\">\n              Eitem llywio 2\n            </a>\n          </li>\n          <li class=\"govuk-header__navigation-item\">\n            <a class=\"govuk-header__link\" href=\"#3\">\n              Eitem llywio 3\n            </a>\n          </li>\n          <li class=\"govuk-header__navigation-item\">\n            <a class=\"govuk-header__link\" href=\"#4\">\n              Eitem llywio 4\n            </a>\n          </li>\n        </ul>\n      </nav>\n    </div>\n  </div>\n</header>"
+        },
+        {
+            "name": "with service name and navigation",
+            "options": {
+                "serviceName": "Service Name",
+                "serviceUrl": "/components/header",
+                "navigation": [
+                    {
+                        "href": "#1",
+                        "text": "Navigation item 1",
+                        "active": true
+                    },
+                    {
+                        "href": "#2",
+                        "text": "Navigation item 2"
+                    },
+                    {
+                        "href": "#3",
+                        "text": "Navigation item 3"
+                    },
+                    {
+                        "href": "#4",
+                        "text": "Navigation item 4"
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "If you need to include basic navigation, contact or account management links.",
+            "pageTemplateOptions": {},
+            "screenshot": {
+                "variants": [
+                    "default",
+                    "no-js"
+                ]
+            },
+            "html": "<header class=\"govuk-header\" data-module=\"govuk-header\">\n  <div class=\"govuk-header__container govuk-width-container\">\n    <div class=\"govuk-header__logo\">\n      <a href=\"/\" class=\"govuk-header__link govuk-header__link--homepage\">\n        <svg\n            focusable=\"false\"\n            role=\"img\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            viewBox=\"0 0 296 60\"\n            height=\"30\"\n            width=\"148\"\n            fill=\"currentcolor\" class=\"govuk-header__logotype\" aria-label=\"GOV.UK\"\n          ><title>GOV.UK</title>    <g>\n                <circle cx=\"20\" cy=\"17.6\" r=\"3.7\"/>\n                <circle cx=\"10.2\" cy=\"23.5\" r=\"3.7\"/>\n                <circle cx=\"3.7\" cy=\"33.2\" r=\"3.7\"/>\n                <circle cx=\"31.7\" cy=\"30.6\" r=\"3.7\"/>\n                <circle cx=\"43.3\" cy=\"17.6\" r=\"3.7\"/>\n                <circle cx=\"53.2\" cy=\"23.5\" r=\"3.7\"/>\n                <circle cx=\"59.7\" cy=\"33.2\" r=\"3.7\"/>\n                <circle cx=\"31.7\" cy=\"30.6\" r=\"3.7\"/>\n                <path d=\"M33.1,9.8c.2-.1.3-.3.5-.5l4.6,2.4v-6.8l-4.6,1.5c-.1-.2-.3-.3-.5-.5l1.9-5.9h-6.7l1.9,5.9c-.2.1-.3.3-.5.5l-4.6-1.5v6.8l4.6-2.4c.1.2.3.3.5.5l-2.6,8c-.9,2.8,1.2,5.7,4.1,5.7h0c3,0,5.1-2.9,4.1-5.7l-2.6-8ZM37,37.9s-3.4,3.8-4.1,6.1c2.2,0,4.2-.5,6.4-2.8l-.7,8.5c-2-2.8-4.4-4.1-5.7-3.8.1,3.1.5,6.7,5.8,7.2,3.7.3,6.7-1.5,7-3.8.4-2.6-2-4.3-3.7-1.6-1.4-4.5,2.4-6.1,4.9-3.2-1.9-4.5-1.8-7.7,2.4-10.9,3,4,2.6,7.3-1.2,11.1,2.4-1.3,6.2,0,4,4.6-1.2-2.8-3.7-2.2-4.2.2-.3,1.7.7,3.7,3,4.2,1.9.3,4.7-.9,7-5.9-1.3,0-2.4.7-3.9,1.7l2.4-8c.6,2.3,1.4,3.7,2.2,4.5.6-1.6.5-2.8,0-5.3l5,1.8c-2.6,3.6-5.2,8.7-7.3,17.5-7.4-1.1-15.7-1.7-24.5-1.7h0c-8.8,0-17.1.6-24.5,1.7-2.1-8.9-4.7-13.9-7.3-17.5l5-1.8c-.5,2.5-.6,3.7,0,5.3.8-.8,1.6-2.3,2.2-4.5l2.4,8c-1.5-1-2.6-1.7-3.9-1.7,2.3,5,5.2,6.2,7,5.9,2.3-.4,3.3-2.4,3-4.2-.5-2.4-3-3.1-4.2-.2-2.2-4.6,1.6-6,4-4.6-3.7-3.7-4.2-7.1-1.2-11.1,4.2,3.2,4.3,6.4,2.4,10.9,2.5-2.8,6.3-1.3,4.9,3.2-1.8-2.7-4.1-1-3.7,1.6.3,2.3,3.3,4.1,7,3.8,5.4-.5,5.7-4.2,5.8-7.2-1.3-.2-3.7,1-5.7,3.8l-.7-8.5c2.2,2.3,4.2,2.7,6.4,2.8-.7-2.3-4.1-6.1-4.1-6.1h10.6,0Z\"/>\n              </g>\n              <path d=\"M88.6,33.2c0,1.8.2,3.4.6,5s1.2,3,2,4.4c1,1.2,2,2.2,3.4,3s3,1.2,5,1.2,3.4-.2,4.6-.8,2.2-1.4,3-2.2,1.2-1.8,1.6-3c.2-1,.4-2,.4-3v-.4h-10.6v-6.4h18.8v23h-7.4v-5c-.6.8-1.2,1.6-2,2.2-.8.6-1.6,1.2-2.6,1.8-1,.4-2,.8-3.2,1.2s-2.4.4-3.6.4c-3,0-5.8-.6-8-1.6-2.4-1.2-4.4-2.6-6-4.6s-2.8-4.2-3.6-6.8c-.6-2.8-1-5.6-1-8.6s.4-5.8,1.4-8.4,2.2-4.8,4-6.8,3.8-3.4,6.2-4.6c2.4-1.2,5.2-1.6,8.2-1.6s3.8.2,5.6.6c1.8.4,3.4,1.2,4.8,2s2.8,1.8,3.8,3c1.2,1.2,2,2.6,2.8,4l-7.4,4.2c-.4-.8-1-1.8-1.6-2.4-.6-.8-1.2-1.4-2-2s-1.6-1-2.6-1.4-2.2-.4-3.4-.4c-2,0-3.6.4-5,1.2-1.4.8-2.6,1.8-3.4,3-1,1.2-1.6,2.8-2,4.4-.6,1.6-.8,3.8-.8,5.4ZM161.4,24.6c-.8-2.6-2.2-4.8-4-6.8s-3.8-3.4-6.2-4.6c-2.4-1.2-5.2-1.6-8.4-1.6s-5.8.6-8.4,1.6c-2.2,1.2-4.4,2.8-6,4.6-1.8,2-3,4.2-4,6.8-.8,2.6-1.4,5.4-1.4,8.4s.4,5.8,1.4,8.4c.8,2.6,2.2,4.8,4,6.8s3.8,3.4,6.2,4.6c2.4,1.2,5.2,1.6,8.4,1.6s5.8-.6,8.4-1.6c2.4-1.2,4.6-2.6,6.2-4.6,1.8-2,3-4.2,4-6.8.8-2.6,1.4-5.4,1.4-8.4-.2-3-.6-5.8-1.6-8.4h0ZM154,33.2c0,2-.2,3.8-.8,5.4-.4,1.6-1.2,3.2-2.2,4.4s-2.2,2.2-3.4,2.8c-1.4.6-3,1-4.8,1s-3.4-.4-4.8-1-2.6-1.6-3.4-2.8c-1-1.2-1.6-2.6-2.2-4.4-.4-1.6-.8-3.4-.8-5.4v-.2c0-2,.2-3.8.8-5.4.4-1.6,1.2-3.2,2.2-4.4,1-1.2,2.2-2.2,3.4-2.8,1.4-.6,3-1,4.8-1s3.4.4,4.8,1,2.6,1.6,3.4,2.8c1,1.2,1.6,2.6,2.2,4.4.4,1.6.8,3.4.8,5.4v.2ZM177.8,54l-11.8-42h9.4l8,31.4h.2l8-31.4h9.4l-11.8,42h-11.4,0ZM235.4,46.7c1.2,0,2.4-.2,3.4-.6,1-.4,2-.8,2.8-1.6s1.4-1.6,1.8-2.8c.4-1.2.6-2.4.6-4V11.8h8.2v27.2c0,2.4-.4,4.4-1.2,6.2s-2,3.4-3.6,4.8c-1.4,1.4-3.2,2.4-5.4,3-2,.8-4.4,1-6.8,1s-4.8-.4-6.8-1c-2-.8-3.8-1.8-5.4-3-1.6-1.4-2.6-3-3.6-4.8-.8-1.8-1.2-4-1.2-6.2V11.7h8.4v26c0,1.6.2,2.8.6,4,.4,1.2,1,2,1.8,2.8s1.6,1.2,2.8,1.6c1.2.4,2.2.6,3.6.6h0ZM261.4,11.9h8.4v18.2l14.8-18.2h10.4l-14.4,16.8,15.4,25.2h-9.8l-11-18.8-5.4,6v12.8h-8.4V11.9h0ZM206.2,44.2c-3,0-5.4,2.4-5.4,5.4s2.4,5.4,5.4,5.4,5.4-2.4,5.4-5.4-2.4-5.4-5.4-5.4Z\"/>\n          </svg>\n      </a>\n    </div>\n    <div class=\"govuk-header__content\">\n      <a href=\"/components/header\" class=\"govuk-header__link govuk-header__service-name\">\n        Service Name\n      </a>\n      <nav aria-label=\"Menu\" class=\"govuk-header__navigation\">\n        <button type=\"button\" class=\"govuk-header__menu-button govuk-js-header-toggle\" aria-controls=\"navigation\" hidden>\n          Menu\n        </button>\n\n        <ul id=\"navigation\" class=\"govuk-header__navigation-list\">\n          <li class=\"govuk-header__navigation-item govuk-header__navigation-item--active\">\n            <a class=\"govuk-header__link\" href=\"#1\">\n              Navigation item 1\n            </a>\n          </li>\n          <li class=\"govuk-header__navigation-item\">\n            <a class=\"govuk-header__link\" href=\"#2\">\n              Navigation item 2\n            </a>\n          </li>\n          <li class=\"govuk-header__navigation-item\">\n            <a class=\"govuk-header__link\" href=\"#3\">\n              Navigation item 3\n            </a>\n          </li>\n          <li class=\"govuk-header__navigation-item\">\n            <a class=\"govuk-header__link\" href=\"#4\">\n              Navigation item 4\n            </a>\n          </li>\n        </ul>\n      </nav>\n    </div>\n  </div>\n</header>"
+        },
+        {
+            "name": "with large navigation",
+            "options": {
+                "navigation": [
+                    {
+                        "href": "/browse/benefits",
+                        "text": "Benefits"
+                    },
+                    {
+                        "href": "/browse/births-deaths-marriages",
+                        "text": "Births, deaths, marriages and care"
+                    },
+                    {
+                        "href": "/browse/business",
+                        "text": "Business and self-employed"
+                    },
+                    {
+                        "href": "/browse/childcare-parenting",
+                        "text": "Childcare and parenting"
+                    },
+                    {
+                        "href": "/browse/citizenship",
+                        "text": "Citizenship and living in the UK"
+                    },
+                    {
+                        "href": "/browse/justice",
+                        "text": "Crime, justice and the law"
+                    },
+                    {
+                        "href": "/browse/disabilities",
+                        "text": "Disabled people"
+                    },
+                    {
+                        "href": "/browse/driving",
+                        "text": "Driving and transport"
+                    },
+                    {
+                        "href": "/browse/education",
+                        "text": "Education and learning"
+                    },
+                    {
+                        "href": "/browse/employing-people",
+                        "text": "Employing people"
+                    },
+                    {
+                        "href": "/browse/environment-countryside",
+                        "text": "Environment and countryside"
+                    },
+                    {
+                        "href": "/browse/housing-local-services",
+                        "text": "Housing and local services"
+                    },
+                    {
+                        "href": "/browse/tax",
+                        "text": "Money and tax"
+                    },
+                    {
+                        "href": "/browse/abroad",
+                        "text": "Passports, travel and living abroad"
+                    },
+                    {
+                        "href": "/browse/visas-immigration",
+                        "text": "Visas and immigration"
+                    },
+                    {
+                        "href": "/browse/working",
+                        "text": "Working, jobs and pensions"
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "An edge case example with a large number of navigation items with long names used to test wrapping",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<header class=\"govuk-header\" data-module=\"govuk-header\">\n  <div class=\"govuk-header__container govuk-width-container\">\n    <div class=\"govuk-header__logo\">\n      <a href=\"/\" class=\"govuk-header__link govuk-header__link--homepage\">\n        <svg\n            focusable=\"false\"\n            role=\"img\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            viewBox=\"0 0 296 60\"\n            height=\"30\"\n            width=\"148\"\n            fill=\"currentcolor\" class=\"govuk-header__logotype\" aria-label=\"GOV.UK\"\n          ><title>GOV.UK</title>    <g>\n                <circle cx=\"20\" cy=\"17.6\" r=\"3.7\"/>\n                <circle cx=\"10.2\" cy=\"23.5\" r=\"3.7\"/>\n                <circle cx=\"3.7\" cy=\"33.2\" r=\"3.7\"/>\n                <circle cx=\"31.7\" cy=\"30.6\" r=\"3.7\"/>\n                <circle cx=\"43.3\" cy=\"17.6\" r=\"3.7\"/>\n                <circle cx=\"53.2\" cy=\"23.5\" r=\"3.7\"/>\n                <circle cx=\"59.7\" cy=\"33.2\" r=\"3.7\"/>\n                <circle cx=\"31.7\" cy=\"30.6\" r=\"3.7\"/>\n                <path d=\"M33.1,9.8c.2-.1.3-.3.5-.5l4.6,2.4v-6.8l-4.6,1.5c-.1-.2-.3-.3-.5-.5l1.9-5.9h-6.7l1.9,5.9c-.2.1-.3.3-.5.5l-4.6-1.5v6.8l4.6-2.4c.1.2.3.3.5.5l-2.6,8c-.9,2.8,1.2,5.7,4.1,5.7h0c3,0,5.1-2.9,4.1-5.7l-2.6-8ZM37,37.9s-3.4,3.8-4.1,6.1c2.2,0,4.2-.5,6.4-2.8l-.7,8.5c-2-2.8-4.4-4.1-5.7-3.8.1,3.1.5,6.7,5.8,7.2,3.7.3,6.7-1.5,7-3.8.4-2.6-2-4.3-3.7-1.6-1.4-4.5,2.4-6.1,4.9-3.2-1.9-4.5-1.8-7.7,2.4-10.9,3,4,2.6,7.3-1.2,11.1,2.4-1.3,6.2,0,4,4.6-1.2-2.8-3.7-2.2-4.2.2-.3,1.7.7,3.7,3,4.2,1.9.3,4.7-.9,7-5.9-1.3,0-2.4.7-3.9,1.7l2.4-8c.6,2.3,1.4,3.7,2.2,4.5.6-1.6.5-2.8,0-5.3l5,1.8c-2.6,3.6-5.2,8.7-7.3,17.5-7.4-1.1-15.7-1.7-24.5-1.7h0c-8.8,0-17.1.6-24.5,1.7-2.1-8.9-4.7-13.9-7.3-17.5l5-1.8c-.5,2.5-.6,3.7,0,5.3.8-.8,1.6-2.3,2.2-4.5l2.4,8c-1.5-1-2.6-1.7-3.9-1.7,2.3,5,5.2,6.2,7,5.9,2.3-.4,3.3-2.4,3-4.2-.5-2.4-3-3.1-4.2-.2-2.2-4.6,1.6-6,4-4.6-3.7-3.7-4.2-7.1-1.2-11.1,4.2,3.2,4.3,6.4,2.4,10.9,2.5-2.8,6.3-1.3,4.9,3.2-1.8-2.7-4.1-1-3.7,1.6.3,2.3,3.3,4.1,7,3.8,5.4-.5,5.7-4.2,5.8-7.2-1.3-.2-3.7,1-5.7,3.8l-.7-8.5c2.2,2.3,4.2,2.7,6.4,2.8-.7-2.3-4.1-6.1-4.1-6.1h10.6,0Z\"/>\n              </g>\n              <path d=\"M88.6,33.2c0,1.8.2,3.4.6,5s1.2,3,2,4.4c1,1.2,2,2.2,3.4,3s3,1.2,5,1.2,3.4-.2,4.6-.8,2.2-1.4,3-2.2,1.2-1.8,1.6-3c.2-1,.4-2,.4-3v-.4h-10.6v-6.4h18.8v23h-7.4v-5c-.6.8-1.2,1.6-2,2.2-.8.6-1.6,1.2-2.6,1.8-1,.4-2,.8-3.2,1.2s-2.4.4-3.6.4c-3,0-5.8-.6-8-1.6-2.4-1.2-4.4-2.6-6-4.6s-2.8-4.2-3.6-6.8c-.6-2.8-1-5.6-1-8.6s.4-5.8,1.4-8.4,2.2-4.8,4-6.8,3.8-3.4,6.2-4.6c2.4-1.2,5.2-1.6,8.2-1.6s3.8.2,5.6.6c1.8.4,3.4,1.2,4.8,2s2.8,1.8,3.8,3c1.2,1.2,2,2.6,2.8,4l-7.4,4.2c-.4-.8-1-1.8-1.6-2.4-.6-.8-1.2-1.4-2-2s-1.6-1-2.6-1.4-2.2-.4-3.4-.4c-2,0-3.6.4-5,1.2-1.4.8-2.6,1.8-3.4,3-1,1.2-1.6,2.8-2,4.4-.6,1.6-.8,3.8-.8,5.4ZM161.4,24.6c-.8-2.6-2.2-4.8-4-6.8s-3.8-3.4-6.2-4.6c-2.4-1.2-5.2-1.6-8.4-1.6s-5.8.6-8.4,1.6c-2.2,1.2-4.4,2.8-6,4.6-1.8,2-3,4.2-4,6.8-.8,2.6-1.4,5.4-1.4,8.4s.4,5.8,1.4,8.4c.8,2.6,2.2,4.8,4,6.8s3.8,3.4,6.2,4.6c2.4,1.2,5.2,1.6,8.4,1.6s5.8-.6,8.4-1.6c2.4-1.2,4.6-2.6,6.2-4.6,1.8-2,3-4.2,4-6.8.8-2.6,1.4-5.4,1.4-8.4-.2-3-.6-5.8-1.6-8.4h0ZM154,33.2c0,2-.2,3.8-.8,5.4-.4,1.6-1.2,3.2-2.2,4.4s-2.2,2.2-3.4,2.8c-1.4.6-3,1-4.8,1s-3.4-.4-4.8-1-2.6-1.6-3.4-2.8c-1-1.2-1.6-2.6-2.2-4.4-.4-1.6-.8-3.4-.8-5.4v-.2c0-2,.2-3.8.8-5.4.4-1.6,1.2-3.2,2.2-4.4,1-1.2,2.2-2.2,3.4-2.8,1.4-.6,3-1,4.8-1s3.4.4,4.8,1,2.6,1.6,3.4,2.8c1,1.2,1.6,2.6,2.2,4.4.4,1.6.8,3.4.8,5.4v.2ZM177.8,54l-11.8-42h9.4l8,31.4h.2l8-31.4h9.4l-11.8,42h-11.4,0ZM235.4,46.7c1.2,0,2.4-.2,3.4-.6,1-.4,2-.8,2.8-1.6s1.4-1.6,1.8-2.8c.4-1.2.6-2.4.6-4V11.8h8.2v27.2c0,2.4-.4,4.4-1.2,6.2s-2,3.4-3.6,4.8c-1.4,1.4-3.2,2.4-5.4,3-2,.8-4.4,1-6.8,1s-4.8-.4-6.8-1c-2-.8-3.8-1.8-5.4-3-1.6-1.4-2.6-3-3.6-4.8-.8-1.8-1.2-4-1.2-6.2V11.7h8.4v26c0,1.6.2,2.8.6,4,.4,1.2,1,2,1.8,2.8s1.6,1.2,2.8,1.6c1.2.4,2.2.6,3.6.6h0ZM261.4,11.9h8.4v18.2l14.8-18.2h10.4l-14.4,16.8,15.4,25.2h-9.8l-11-18.8-5.4,6v12.8h-8.4V11.9h0ZM206.2,44.2c-3,0-5.4,2.4-5.4,5.4s2.4,5.4,5.4,5.4,5.4-2.4,5.4-5.4-2.4-5.4-5.4-5.4Z\"/>\n          </svg>\n      </a>\n    </div>\n    <div class=\"govuk-header__content\">\n      <nav aria-label=\"Menu\" class=\"govuk-header__navigation\">\n        <button type=\"button\" class=\"govuk-header__menu-button govuk-js-header-toggle\" aria-controls=\"navigation\" hidden>\n          Menu\n        </button>\n\n        <ul id=\"navigation\" class=\"govuk-header__navigation-list\">\n          <li class=\"govuk-header__navigation-item\">\n            <a class=\"govuk-header__link\" href=\"/browse/benefits\">\n              Benefits\n            </a>\n          </li>\n          <li class=\"govuk-header__navigation-item\">\n            <a class=\"govuk-header__link\" href=\"/browse/births-deaths-marriages\">\n              Births, deaths, marriages and care\n            </a>\n          </li>\n          <li class=\"govuk-header__navigation-item\">\n            <a class=\"govuk-header__link\" href=\"/browse/business\">\n              Business and self-employed\n            </a>\n          </li>\n          <li class=\"govuk-header__navigation-item\">\n            <a class=\"govuk-header__link\" href=\"/browse/childcare-parenting\">\n              Childcare and parenting\n            </a>\n          </li>\n          <li class=\"govuk-header__navigation-item\">\n            <a class=\"govuk-header__link\" href=\"/browse/citizenship\">\n              Citizenship and living in the UK\n            </a>\n          </li>\n          <li class=\"govuk-header__navigation-item\">\n            <a class=\"govuk-header__link\" href=\"/browse/justice\">\n              Crime, justice and the law\n            </a>\n          </li>\n          <li class=\"govuk-header__navigation-item\">\n            <a class=\"govuk-header__link\" href=\"/browse/disabilities\">\n              Disabled people\n            </a>\n          </li>\n          <li class=\"govuk-header__navigation-item\">\n            <a class=\"govuk-header__link\" href=\"/browse/driving\">\n              Driving and transport\n            </a>\n          </li>\n          <li class=\"govuk-header__navigation-item\">\n            <a class=\"govuk-header__link\" href=\"/browse/education\">\n              Education and learning\n            </a>\n          </li>\n          <li class=\"govuk-header__navigation-item\">\n            <a class=\"govuk-header__link\" href=\"/browse/employing-people\">\n              Employing people\n            </a>\n          </li>\n          <li class=\"govuk-header__navigation-item\">\n            <a class=\"govuk-header__link\" href=\"/browse/environment-countryside\">\n              Environment and countryside\n            </a>\n          </li>\n          <li class=\"govuk-header__navigation-item\">\n            <a class=\"govuk-header__link\" href=\"/browse/housing-local-services\">\n              Housing and local services\n            </a>\n          </li>\n          <li class=\"govuk-header__navigation-item\">\n            <a class=\"govuk-header__link\" href=\"/browse/tax\">\n              Money and tax\n            </a>\n          </li>\n          <li class=\"govuk-header__navigation-item\">\n            <a class=\"govuk-header__link\" href=\"/browse/abroad\">\n              Passports, travel and living abroad\n            </a>\n          </li>\n          <li class=\"govuk-header__navigation-item\">\n            <a class=\"govuk-header__link\" href=\"/browse/visas-immigration\">\n              Visas and immigration\n            </a>\n          </li>\n          <li class=\"govuk-header__navigation-item\">\n            <a class=\"govuk-header__link\" href=\"/browse/working\">\n              Working, jobs and pensions\n            </a>\n          </li>\n        </ul>\n      </nav>\n    </div>\n  </div>\n</header>"
+        },
+        {
+            "name": "with product name",
+            "options": {
+                "productName": "Product Name"
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": true,
+            "html": "<header class=\"govuk-header\" data-module=\"govuk-header\">\n  <div class=\"govuk-header__container govuk-width-container\">\n    <div class=\"govuk-header__logo\">\n      <a href=\"/\" class=\"govuk-header__link govuk-header__link--homepage\">\n        <svg\n            focusable=\"false\"\n            role=\"img\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            viewBox=\"0 0 296 60\"\n            height=\"30\"\n            width=\"148\"\n            fill=\"currentcolor\" class=\"govuk-header__logotype\" aria-label=\"GOV.UK\"\n          ><title>GOV.UK</title>    <g>\n                <circle cx=\"20\" cy=\"17.6\" r=\"3.7\"/>\n                <circle cx=\"10.2\" cy=\"23.5\" r=\"3.7\"/>\n                <circle cx=\"3.7\" cy=\"33.2\" r=\"3.7\"/>\n                <circle cx=\"31.7\" cy=\"30.6\" r=\"3.7\"/>\n                <circle cx=\"43.3\" cy=\"17.6\" r=\"3.7\"/>\n                <circle cx=\"53.2\" cy=\"23.5\" r=\"3.7\"/>\n                <circle cx=\"59.7\" cy=\"33.2\" r=\"3.7\"/>\n                <circle cx=\"31.7\" cy=\"30.6\" r=\"3.7\"/>\n                <path d=\"M33.1,9.8c.2-.1.3-.3.5-.5l4.6,2.4v-6.8l-4.6,1.5c-.1-.2-.3-.3-.5-.5l1.9-5.9h-6.7l1.9,5.9c-.2.1-.3.3-.5.5l-4.6-1.5v6.8l4.6-2.4c.1.2.3.3.5.5l-2.6,8c-.9,2.8,1.2,5.7,4.1,5.7h0c3,0,5.1-2.9,4.1-5.7l-2.6-8ZM37,37.9s-3.4,3.8-4.1,6.1c2.2,0,4.2-.5,6.4-2.8l-.7,8.5c-2-2.8-4.4-4.1-5.7-3.8.1,3.1.5,6.7,5.8,7.2,3.7.3,6.7-1.5,7-3.8.4-2.6-2-4.3-3.7-1.6-1.4-4.5,2.4-6.1,4.9-3.2-1.9-4.5-1.8-7.7,2.4-10.9,3,4,2.6,7.3-1.2,11.1,2.4-1.3,6.2,0,4,4.6-1.2-2.8-3.7-2.2-4.2.2-.3,1.7.7,3.7,3,4.2,1.9.3,4.7-.9,7-5.9-1.3,0-2.4.7-3.9,1.7l2.4-8c.6,2.3,1.4,3.7,2.2,4.5.6-1.6.5-2.8,0-5.3l5,1.8c-2.6,3.6-5.2,8.7-7.3,17.5-7.4-1.1-15.7-1.7-24.5-1.7h0c-8.8,0-17.1.6-24.5,1.7-2.1-8.9-4.7-13.9-7.3-17.5l5-1.8c-.5,2.5-.6,3.7,0,5.3.8-.8,1.6-2.3,2.2-4.5l2.4,8c-1.5-1-2.6-1.7-3.9-1.7,2.3,5,5.2,6.2,7,5.9,2.3-.4,3.3-2.4,3-4.2-.5-2.4-3-3.1-4.2-.2-2.2-4.6,1.6-6,4-4.6-3.7-3.7-4.2-7.1-1.2-11.1,4.2,3.2,4.3,6.4,2.4,10.9,2.5-2.8,6.3-1.3,4.9,3.2-1.8-2.7-4.1-1-3.7,1.6.3,2.3,3.3,4.1,7,3.8,5.4-.5,5.7-4.2,5.8-7.2-1.3-.2-3.7,1-5.7,3.8l-.7-8.5c2.2,2.3,4.2,2.7,6.4,2.8-.7-2.3-4.1-6.1-4.1-6.1h10.6,0Z\"/>\n              </g>\n              <path d=\"M88.6,33.2c0,1.8.2,3.4.6,5s1.2,3,2,4.4c1,1.2,2,2.2,3.4,3s3,1.2,5,1.2,3.4-.2,4.6-.8,2.2-1.4,3-2.2,1.2-1.8,1.6-3c.2-1,.4-2,.4-3v-.4h-10.6v-6.4h18.8v23h-7.4v-5c-.6.8-1.2,1.6-2,2.2-.8.6-1.6,1.2-2.6,1.8-1,.4-2,.8-3.2,1.2s-2.4.4-3.6.4c-3,0-5.8-.6-8-1.6-2.4-1.2-4.4-2.6-6-4.6s-2.8-4.2-3.6-6.8c-.6-2.8-1-5.6-1-8.6s.4-5.8,1.4-8.4,2.2-4.8,4-6.8,3.8-3.4,6.2-4.6c2.4-1.2,5.2-1.6,8.2-1.6s3.8.2,5.6.6c1.8.4,3.4,1.2,4.8,2s2.8,1.8,3.8,3c1.2,1.2,2,2.6,2.8,4l-7.4,4.2c-.4-.8-1-1.8-1.6-2.4-.6-.8-1.2-1.4-2-2s-1.6-1-2.6-1.4-2.2-.4-3.4-.4c-2,0-3.6.4-5,1.2-1.4.8-2.6,1.8-3.4,3-1,1.2-1.6,2.8-2,4.4-.6,1.6-.8,3.8-.8,5.4ZM161.4,24.6c-.8-2.6-2.2-4.8-4-6.8s-3.8-3.4-6.2-4.6c-2.4-1.2-5.2-1.6-8.4-1.6s-5.8.6-8.4,1.6c-2.2,1.2-4.4,2.8-6,4.6-1.8,2-3,4.2-4,6.8-.8,2.6-1.4,5.4-1.4,8.4s.4,5.8,1.4,8.4c.8,2.6,2.2,4.8,4,6.8s3.8,3.4,6.2,4.6c2.4,1.2,5.2,1.6,8.4,1.6s5.8-.6,8.4-1.6c2.4-1.2,4.6-2.6,6.2-4.6,1.8-2,3-4.2,4-6.8.8-2.6,1.4-5.4,1.4-8.4-.2-3-.6-5.8-1.6-8.4h0ZM154,33.2c0,2-.2,3.8-.8,5.4-.4,1.6-1.2,3.2-2.2,4.4s-2.2,2.2-3.4,2.8c-1.4.6-3,1-4.8,1s-3.4-.4-4.8-1-2.6-1.6-3.4-2.8c-1-1.2-1.6-2.6-2.2-4.4-.4-1.6-.8-3.4-.8-5.4v-.2c0-2,.2-3.8.8-5.4.4-1.6,1.2-3.2,2.2-4.4,1-1.2,2.2-2.2,3.4-2.8,1.4-.6,3-1,4.8-1s3.4.4,4.8,1,2.6,1.6,3.4,2.8c1,1.2,1.6,2.6,2.2,4.4.4,1.6.8,3.4.8,5.4v.2ZM177.8,54l-11.8-42h9.4l8,31.4h.2l8-31.4h9.4l-11.8,42h-11.4,0ZM235.4,46.7c1.2,0,2.4-.2,3.4-.6,1-.4,2-.8,2.8-1.6s1.4-1.6,1.8-2.8c.4-1.2.6-2.4.6-4V11.8h8.2v27.2c0,2.4-.4,4.4-1.2,6.2s-2,3.4-3.6,4.8c-1.4,1.4-3.2,2.4-5.4,3-2,.8-4.4,1-6.8,1s-4.8-.4-6.8-1c-2-.8-3.8-1.8-5.4-3-1.6-1.4-2.6-3-3.6-4.8-.8-1.8-1.2-4-1.2-6.2V11.7h8.4v26c0,1.6.2,2.8.6,4,.4,1.2,1,2,1.8,2.8s1.6,1.2,2.8,1.6c1.2.4,2.2.6,3.6.6h0ZM261.4,11.9h8.4v18.2l14.8-18.2h10.4l-14.4,16.8,15.4,25.2h-9.8l-11-18.8-5.4,6v12.8h-8.4V11.9h0ZM206.2,44.2c-3,0-5.4,2.4-5.4,5.4s2.4,5.4,5.4,5.4,5.4-2.4,5.4-5.4-2.4-5.4-5.4-5.4Z\"/>\n          </svg>\n        <span class=\"govuk-header__product-name\">Product Name</span>\n      </a>\n    </div>\n  </div>\n</header>"
+        },
+        {
+            "name": "full width",
+            "options": {
+                "containerClasses": "govuk-header__container--full-width",
+                "navigationClasses": "govuk-header__navigation--end"
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<header class=\"govuk-header\" data-module=\"govuk-header\">\n  <div class=\"govuk-header__container govuk-header__container--full-width\">\n    <div class=\"govuk-header__logo\">\n      <a href=\"/\" class=\"govuk-header__link govuk-header__link--homepage\">\n        <svg\n            focusable=\"false\"\n            role=\"img\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            viewBox=\"0 0 296 60\"\n            height=\"30\"\n            width=\"148\"\n            fill=\"currentcolor\" class=\"govuk-header__logotype\" aria-label=\"GOV.UK\"\n          ><title>GOV.UK</title>    <g>\n                <circle cx=\"20\" cy=\"17.6\" r=\"3.7\"/>\n                <circle cx=\"10.2\" cy=\"23.5\" r=\"3.7\"/>\n                <circle cx=\"3.7\" cy=\"33.2\" r=\"3.7\"/>\n                <circle cx=\"31.7\" cy=\"30.6\" r=\"3.7\"/>\n                <circle cx=\"43.3\" cy=\"17.6\" r=\"3.7\"/>\n                <circle cx=\"53.2\" cy=\"23.5\" r=\"3.7\"/>\n                <circle cx=\"59.7\" cy=\"33.2\" r=\"3.7\"/>\n                <circle cx=\"31.7\" cy=\"30.6\" r=\"3.7\"/>\n                <path d=\"M33.1,9.8c.2-.1.3-.3.5-.5l4.6,2.4v-6.8l-4.6,1.5c-.1-.2-.3-.3-.5-.5l1.9-5.9h-6.7l1.9,5.9c-.2.1-.3.3-.5.5l-4.6-1.5v6.8l4.6-2.4c.1.2.3.3.5.5l-2.6,8c-.9,2.8,1.2,5.7,4.1,5.7h0c3,0,5.1-2.9,4.1-5.7l-2.6-8ZM37,37.9s-3.4,3.8-4.1,6.1c2.2,0,4.2-.5,6.4-2.8l-.7,8.5c-2-2.8-4.4-4.1-5.7-3.8.1,3.1.5,6.7,5.8,7.2,3.7.3,6.7-1.5,7-3.8.4-2.6-2-4.3-3.7-1.6-1.4-4.5,2.4-6.1,4.9-3.2-1.9-4.5-1.8-7.7,2.4-10.9,3,4,2.6,7.3-1.2,11.1,2.4-1.3,6.2,0,4,4.6-1.2-2.8-3.7-2.2-4.2.2-.3,1.7.7,3.7,3,4.2,1.9.3,4.7-.9,7-5.9-1.3,0-2.4.7-3.9,1.7l2.4-8c.6,2.3,1.4,3.7,2.2,4.5.6-1.6.5-2.8,0-5.3l5,1.8c-2.6,3.6-5.2,8.7-7.3,17.5-7.4-1.1-15.7-1.7-24.5-1.7h0c-8.8,0-17.1.6-24.5,1.7-2.1-8.9-4.7-13.9-7.3-17.5l5-1.8c-.5,2.5-.6,3.7,0,5.3.8-.8,1.6-2.3,2.2-4.5l2.4,8c-1.5-1-2.6-1.7-3.9-1.7,2.3,5,5.2,6.2,7,5.9,2.3-.4,3.3-2.4,3-4.2-.5-2.4-3-3.1-4.2-.2-2.2-4.6,1.6-6,4-4.6-3.7-3.7-4.2-7.1-1.2-11.1,4.2,3.2,4.3,6.4,2.4,10.9,2.5-2.8,6.3-1.3,4.9,3.2-1.8-2.7-4.1-1-3.7,1.6.3,2.3,3.3,4.1,7,3.8,5.4-.5,5.7-4.2,5.8-7.2-1.3-.2-3.7,1-5.7,3.8l-.7-8.5c2.2,2.3,4.2,2.7,6.4,2.8-.7-2.3-4.1-6.1-4.1-6.1h10.6,0Z\"/>\n              </g>\n              <path d=\"M88.6,33.2c0,1.8.2,3.4.6,5s1.2,3,2,4.4c1,1.2,2,2.2,3.4,3s3,1.2,5,1.2,3.4-.2,4.6-.8,2.2-1.4,3-2.2,1.2-1.8,1.6-3c.2-1,.4-2,.4-3v-.4h-10.6v-6.4h18.8v23h-7.4v-5c-.6.8-1.2,1.6-2,2.2-.8.6-1.6,1.2-2.6,1.8-1,.4-2,.8-3.2,1.2s-2.4.4-3.6.4c-3,0-5.8-.6-8-1.6-2.4-1.2-4.4-2.6-6-4.6s-2.8-4.2-3.6-6.8c-.6-2.8-1-5.6-1-8.6s.4-5.8,1.4-8.4,2.2-4.8,4-6.8,3.8-3.4,6.2-4.6c2.4-1.2,5.2-1.6,8.2-1.6s3.8.2,5.6.6c1.8.4,3.4,1.2,4.8,2s2.8,1.8,3.8,3c1.2,1.2,2,2.6,2.8,4l-7.4,4.2c-.4-.8-1-1.8-1.6-2.4-.6-.8-1.2-1.4-2-2s-1.6-1-2.6-1.4-2.2-.4-3.4-.4c-2,0-3.6.4-5,1.2-1.4.8-2.6,1.8-3.4,3-1,1.2-1.6,2.8-2,4.4-.6,1.6-.8,3.8-.8,5.4ZM161.4,24.6c-.8-2.6-2.2-4.8-4-6.8s-3.8-3.4-6.2-4.6c-2.4-1.2-5.2-1.6-8.4-1.6s-5.8.6-8.4,1.6c-2.2,1.2-4.4,2.8-6,4.6-1.8,2-3,4.2-4,6.8-.8,2.6-1.4,5.4-1.4,8.4s.4,5.8,1.4,8.4c.8,2.6,2.2,4.8,4,6.8s3.8,3.4,6.2,4.6c2.4,1.2,5.2,1.6,8.4,1.6s5.8-.6,8.4-1.6c2.4-1.2,4.6-2.6,6.2-4.6,1.8-2,3-4.2,4-6.8.8-2.6,1.4-5.4,1.4-8.4-.2-3-.6-5.8-1.6-8.4h0ZM154,33.2c0,2-.2,3.8-.8,5.4-.4,1.6-1.2,3.2-2.2,4.4s-2.2,2.2-3.4,2.8c-1.4.6-3,1-4.8,1s-3.4-.4-4.8-1-2.6-1.6-3.4-2.8c-1-1.2-1.6-2.6-2.2-4.4-.4-1.6-.8-3.4-.8-5.4v-.2c0-2,.2-3.8.8-5.4.4-1.6,1.2-3.2,2.2-4.4,1-1.2,2.2-2.2,3.4-2.8,1.4-.6,3-1,4.8-1s3.4.4,4.8,1,2.6,1.6,3.4,2.8c1,1.2,1.6,2.6,2.2,4.4.4,1.6.8,3.4.8,5.4v.2ZM177.8,54l-11.8-42h9.4l8,31.4h.2l8-31.4h9.4l-11.8,42h-11.4,0ZM235.4,46.7c1.2,0,2.4-.2,3.4-.6,1-.4,2-.8,2.8-1.6s1.4-1.6,1.8-2.8c.4-1.2.6-2.4.6-4V11.8h8.2v27.2c0,2.4-.4,4.4-1.2,6.2s-2,3.4-3.6,4.8c-1.4,1.4-3.2,2.4-5.4,3-2,.8-4.4,1-6.8,1s-4.8-.4-6.8-1c-2-.8-3.8-1.8-5.4-3-1.6-1.4-2.6-3-3.6-4.8-.8-1.8-1.2-4-1.2-6.2V11.7h8.4v26c0,1.6.2,2.8.6,4,.4,1.2,1,2,1.8,2.8s1.6,1.2,2.8,1.6c1.2.4,2.2.6,3.6.6h0ZM261.4,11.9h8.4v18.2l14.8-18.2h10.4l-14.4,16.8,15.4,25.2h-9.8l-11-18.8-5.4,6v12.8h-8.4V11.9h0ZM206.2,44.2c-3,0-5.4,2.4-5.4,5.4s2.4,5.4,5.4,5.4,5.4-2.4,5.4-5.4-2.4-5.4-5.4-5.4Z\"/>\n          </svg>\n      </a>\n    </div>\n  </div>\n</header>"
+        },
+        {
+            "name": "full width with navigation",
+            "options": {
+                "containerClasses": "govuk-header__container--full-width",
+                "navigationClasses": "govuk-header__navigation--end",
+                "navigation": [
+                    {
+                        "href": "#1",
+                        "text": "Navigation item 1",
+                        "active": true
+                    },
+                    {
+                        "href": "#2",
+                        "text": "Navigation item 2"
+                    },
+                    {
+                        "href": "#3",
+                        "text": "Navigation item 3"
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<header class=\"govuk-header\" data-module=\"govuk-header\">\n  <div class=\"govuk-header__container govuk-header__container--full-width\">\n    <div class=\"govuk-header__logo\">\n      <a href=\"/\" class=\"govuk-header__link govuk-header__link--homepage\">\n        <svg\n            focusable=\"false\"\n            role=\"img\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            viewBox=\"0 0 296 60\"\n            height=\"30\"\n            width=\"148\"\n            fill=\"currentcolor\" class=\"govuk-header__logotype\" aria-label=\"GOV.UK\"\n          ><title>GOV.UK</title>    <g>\n                <circle cx=\"20\" cy=\"17.6\" r=\"3.7\"/>\n                <circle cx=\"10.2\" cy=\"23.5\" r=\"3.7\"/>\n                <circle cx=\"3.7\" cy=\"33.2\" r=\"3.7\"/>\n                <circle cx=\"31.7\" cy=\"30.6\" r=\"3.7\"/>\n                <circle cx=\"43.3\" cy=\"17.6\" r=\"3.7\"/>\n                <circle cx=\"53.2\" cy=\"23.5\" r=\"3.7\"/>\n                <circle cx=\"59.7\" cy=\"33.2\" r=\"3.7\"/>\n                <circle cx=\"31.7\" cy=\"30.6\" r=\"3.7\"/>\n                <path d=\"M33.1,9.8c.2-.1.3-.3.5-.5l4.6,2.4v-6.8l-4.6,1.5c-.1-.2-.3-.3-.5-.5l1.9-5.9h-6.7l1.9,5.9c-.2.1-.3.3-.5.5l-4.6-1.5v6.8l4.6-2.4c.1.2.3.3.5.5l-2.6,8c-.9,2.8,1.2,5.7,4.1,5.7h0c3,0,5.1-2.9,4.1-5.7l-2.6-8ZM37,37.9s-3.4,3.8-4.1,6.1c2.2,0,4.2-.5,6.4-2.8l-.7,8.5c-2-2.8-4.4-4.1-5.7-3.8.1,3.1.5,6.7,5.8,7.2,3.7.3,6.7-1.5,7-3.8.4-2.6-2-4.3-3.7-1.6-1.4-4.5,2.4-6.1,4.9-3.2-1.9-4.5-1.8-7.7,2.4-10.9,3,4,2.6,7.3-1.2,11.1,2.4-1.3,6.2,0,4,4.6-1.2-2.8-3.7-2.2-4.2.2-.3,1.7.7,3.7,3,4.2,1.9.3,4.7-.9,7-5.9-1.3,0-2.4.7-3.9,1.7l2.4-8c.6,2.3,1.4,3.7,2.2,4.5.6-1.6.5-2.8,0-5.3l5,1.8c-2.6,3.6-5.2,8.7-7.3,17.5-7.4-1.1-15.7-1.7-24.5-1.7h0c-8.8,0-17.1.6-24.5,1.7-2.1-8.9-4.7-13.9-7.3-17.5l5-1.8c-.5,2.5-.6,3.7,0,5.3.8-.8,1.6-2.3,2.2-4.5l2.4,8c-1.5-1-2.6-1.7-3.9-1.7,2.3,5,5.2,6.2,7,5.9,2.3-.4,3.3-2.4,3-4.2-.5-2.4-3-3.1-4.2-.2-2.2-4.6,1.6-6,4-4.6-3.7-3.7-4.2-7.1-1.2-11.1,4.2,3.2,4.3,6.4,2.4,10.9,2.5-2.8,6.3-1.3,4.9,3.2-1.8-2.7-4.1-1-3.7,1.6.3,2.3,3.3,4.1,7,3.8,5.4-.5,5.7-4.2,5.8-7.2-1.3-.2-3.7,1-5.7,3.8l-.7-8.5c2.2,2.3,4.2,2.7,6.4,2.8-.7-2.3-4.1-6.1-4.1-6.1h10.6,0Z\"/>\n              </g>\n              <path d=\"M88.6,33.2c0,1.8.2,3.4.6,5s1.2,3,2,4.4c1,1.2,2,2.2,3.4,3s3,1.2,5,1.2,3.4-.2,4.6-.8,2.2-1.4,3-2.2,1.2-1.8,1.6-3c.2-1,.4-2,.4-3v-.4h-10.6v-6.4h18.8v23h-7.4v-5c-.6.8-1.2,1.6-2,2.2-.8.6-1.6,1.2-2.6,1.8-1,.4-2,.8-3.2,1.2s-2.4.4-3.6.4c-3,0-5.8-.6-8-1.6-2.4-1.2-4.4-2.6-6-4.6s-2.8-4.2-3.6-6.8c-.6-2.8-1-5.6-1-8.6s.4-5.8,1.4-8.4,2.2-4.8,4-6.8,3.8-3.4,6.2-4.6c2.4-1.2,5.2-1.6,8.2-1.6s3.8.2,5.6.6c1.8.4,3.4,1.2,4.8,2s2.8,1.8,3.8,3c1.2,1.2,2,2.6,2.8,4l-7.4,4.2c-.4-.8-1-1.8-1.6-2.4-.6-.8-1.2-1.4-2-2s-1.6-1-2.6-1.4-2.2-.4-3.4-.4c-2,0-3.6.4-5,1.2-1.4.8-2.6,1.8-3.4,3-1,1.2-1.6,2.8-2,4.4-.6,1.6-.8,3.8-.8,5.4ZM161.4,24.6c-.8-2.6-2.2-4.8-4-6.8s-3.8-3.4-6.2-4.6c-2.4-1.2-5.2-1.6-8.4-1.6s-5.8.6-8.4,1.6c-2.2,1.2-4.4,2.8-6,4.6-1.8,2-3,4.2-4,6.8-.8,2.6-1.4,5.4-1.4,8.4s.4,5.8,1.4,8.4c.8,2.6,2.2,4.8,4,6.8s3.8,3.4,6.2,4.6c2.4,1.2,5.2,1.6,8.4,1.6s5.8-.6,8.4-1.6c2.4-1.2,4.6-2.6,6.2-4.6,1.8-2,3-4.2,4-6.8.8-2.6,1.4-5.4,1.4-8.4-.2-3-.6-5.8-1.6-8.4h0ZM154,33.2c0,2-.2,3.8-.8,5.4-.4,1.6-1.2,3.2-2.2,4.4s-2.2,2.2-3.4,2.8c-1.4.6-3,1-4.8,1s-3.4-.4-4.8-1-2.6-1.6-3.4-2.8c-1-1.2-1.6-2.6-2.2-4.4-.4-1.6-.8-3.4-.8-5.4v-.2c0-2,.2-3.8.8-5.4.4-1.6,1.2-3.2,2.2-4.4,1-1.2,2.2-2.2,3.4-2.8,1.4-.6,3-1,4.8-1s3.4.4,4.8,1,2.6,1.6,3.4,2.8c1,1.2,1.6,2.6,2.2,4.4.4,1.6.8,3.4.8,5.4v.2ZM177.8,54l-11.8-42h9.4l8,31.4h.2l8-31.4h9.4l-11.8,42h-11.4,0ZM235.4,46.7c1.2,0,2.4-.2,3.4-.6,1-.4,2-.8,2.8-1.6s1.4-1.6,1.8-2.8c.4-1.2.6-2.4.6-4V11.8h8.2v27.2c0,2.4-.4,4.4-1.2,6.2s-2,3.4-3.6,4.8c-1.4,1.4-3.2,2.4-5.4,3-2,.8-4.4,1-6.8,1s-4.8-.4-6.8-1c-2-.8-3.8-1.8-5.4-3-1.6-1.4-2.6-3-3.6-4.8-.8-1.8-1.2-4-1.2-6.2V11.7h8.4v26c0,1.6.2,2.8.6,4,.4,1.2,1,2,1.8,2.8s1.6,1.2,2.8,1.6c1.2.4,2.2.6,3.6.6h0ZM261.4,11.9h8.4v18.2l14.8-18.2h10.4l-14.4,16.8,15.4,25.2h-9.8l-11-18.8-5.4,6v12.8h-8.4V11.9h0ZM206.2,44.2c-3,0-5.4,2.4-5.4,5.4s2.4,5.4,5.4,5.4,5.4-2.4,5.4-5.4-2.4-5.4-5.4-5.4Z\"/>\n          </svg>\n      </a>\n    </div>\n    <div class=\"govuk-header__content\">\n      <nav aria-label=\"Menu\" class=\"govuk-header__navigation govuk-header__navigation--end\">\n        <button type=\"button\" class=\"govuk-header__menu-button govuk-js-header-toggle\" aria-controls=\"navigation\" hidden>\n          Menu\n        </button>\n\n        <ul id=\"navigation\" class=\"govuk-header__navigation-list\">\n          <li class=\"govuk-header__navigation-item govuk-header__navigation-item--active\">\n            <a class=\"govuk-header__link\" href=\"#1\">\n              Navigation item 1\n            </a>\n          </li>\n          <li class=\"govuk-header__navigation-item\">\n            <a class=\"govuk-header__link\" href=\"#2\">\n              Navigation item 2\n            </a>\n          </li>\n          <li class=\"govuk-header__navigation-item\">\n            <a class=\"govuk-header__link\" href=\"#3\">\n              Navigation item 3\n            </a>\n          </li>\n        </ul>\n      </nav>\n    </div>\n  </div>\n</header>"
+        },
+        {
+            "name": "with full width border",
+            "options": {
+                "classes": "govuk-header--full-width-border"
+            },
+            "hidden": false,
+            "description": "Makes the header's bottom border full width without affecting the header's content. Removed with redesign.",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<header class=\"govuk-header govuk-header--full-width-border\" data-module=\"govuk-header\">\n  <div class=\"govuk-header__container govuk-width-container\">\n    <div class=\"govuk-header__logo\">\n      <a href=\"/\" class=\"govuk-header__link govuk-header__link--homepage\">\n        <svg\n            focusable=\"false\"\n            role=\"img\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            viewBox=\"0 0 296 60\"\n            height=\"30\"\n            width=\"148\"\n            fill=\"currentcolor\" class=\"govuk-header__logotype\" aria-label=\"GOV.UK\"\n          ><title>GOV.UK</title>    <g>\n                <circle cx=\"20\" cy=\"17.6\" r=\"3.7\"/>\n                <circle cx=\"10.2\" cy=\"23.5\" r=\"3.7\"/>\n                <circle cx=\"3.7\" cy=\"33.2\" r=\"3.7\"/>\n                <circle cx=\"31.7\" cy=\"30.6\" r=\"3.7\"/>\n                <circle cx=\"43.3\" cy=\"17.6\" r=\"3.7\"/>\n                <circle cx=\"53.2\" cy=\"23.5\" r=\"3.7\"/>\n                <circle cx=\"59.7\" cy=\"33.2\" r=\"3.7\"/>\n                <circle cx=\"31.7\" cy=\"30.6\" r=\"3.7\"/>\n                <path d=\"M33.1,9.8c.2-.1.3-.3.5-.5l4.6,2.4v-6.8l-4.6,1.5c-.1-.2-.3-.3-.5-.5l1.9-5.9h-6.7l1.9,5.9c-.2.1-.3.3-.5.5l-4.6-1.5v6.8l4.6-2.4c.1.2.3.3.5.5l-2.6,8c-.9,2.8,1.2,5.7,4.1,5.7h0c3,0,5.1-2.9,4.1-5.7l-2.6-8ZM37,37.9s-3.4,3.8-4.1,6.1c2.2,0,4.2-.5,6.4-2.8l-.7,8.5c-2-2.8-4.4-4.1-5.7-3.8.1,3.1.5,6.7,5.8,7.2,3.7.3,6.7-1.5,7-3.8.4-2.6-2-4.3-3.7-1.6-1.4-4.5,2.4-6.1,4.9-3.2-1.9-4.5-1.8-7.7,2.4-10.9,3,4,2.6,7.3-1.2,11.1,2.4-1.3,6.2,0,4,4.6-1.2-2.8-3.7-2.2-4.2.2-.3,1.7.7,3.7,3,4.2,1.9.3,4.7-.9,7-5.9-1.3,0-2.4.7-3.9,1.7l2.4-8c.6,2.3,1.4,3.7,2.2,4.5.6-1.6.5-2.8,0-5.3l5,1.8c-2.6,3.6-5.2,8.7-7.3,17.5-7.4-1.1-15.7-1.7-24.5-1.7h0c-8.8,0-17.1.6-24.5,1.7-2.1-8.9-4.7-13.9-7.3-17.5l5-1.8c-.5,2.5-.6,3.7,0,5.3.8-.8,1.6-2.3,2.2-4.5l2.4,8c-1.5-1-2.6-1.7-3.9-1.7,2.3,5,5.2,6.2,7,5.9,2.3-.4,3.3-2.4,3-4.2-.5-2.4-3-3.1-4.2-.2-2.2-4.6,1.6-6,4-4.6-3.7-3.7-4.2-7.1-1.2-11.1,4.2,3.2,4.3,6.4,2.4,10.9,2.5-2.8,6.3-1.3,4.9,3.2-1.8-2.7-4.1-1-3.7,1.6.3,2.3,3.3,4.1,7,3.8,5.4-.5,5.7-4.2,5.8-7.2-1.3-.2-3.7,1-5.7,3.8l-.7-8.5c2.2,2.3,4.2,2.7,6.4,2.8-.7-2.3-4.1-6.1-4.1-6.1h10.6,0Z\"/>\n              </g>\n              <path d=\"M88.6,33.2c0,1.8.2,3.4.6,5s1.2,3,2,4.4c1,1.2,2,2.2,3.4,3s3,1.2,5,1.2,3.4-.2,4.6-.8,2.2-1.4,3-2.2,1.2-1.8,1.6-3c.2-1,.4-2,.4-3v-.4h-10.6v-6.4h18.8v23h-7.4v-5c-.6.8-1.2,1.6-2,2.2-.8.6-1.6,1.2-2.6,1.8-1,.4-2,.8-3.2,1.2s-2.4.4-3.6.4c-3,0-5.8-.6-8-1.6-2.4-1.2-4.4-2.6-6-4.6s-2.8-4.2-3.6-6.8c-.6-2.8-1-5.6-1-8.6s.4-5.8,1.4-8.4,2.2-4.8,4-6.8,3.8-3.4,6.2-4.6c2.4-1.2,5.2-1.6,8.2-1.6s3.8.2,5.6.6c1.8.4,3.4,1.2,4.8,2s2.8,1.8,3.8,3c1.2,1.2,2,2.6,2.8,4l-7.4,4.2c-.4-.8-1-1.8-1.6-2.4-.6-.8-1.2-1.4-2-2s-1.6-1-2.6-1.4-2.2-.4-3.4-.4c-2,0-3.6.4-5,1.2-1.4.8-2.6,1.8-3.4,3-1,1.2-1.6,2.8-2,4.4-.6,1.6-.8,3.8-.8,5.4ZM161.4,24.6c-.8-2.6-2.2-4.8-4-6.8s-3.8-3.4-6.2-4.6c-2.4-1.2-5.2-1.6-8.4-1.6s-5.8.6-8.4,1.6c-2.2,1.2-4.4,2.8-6,4.6-1.8,2-3,4.2-4,6.8-.8,2.6-1.4,5.4-1.4,8.4s.4,5.8,1.4,8.4c.8,2.6,2.2,4.8,4,6.8s3.8,3.4,6.2,4.6c2.4,1.2,5.2,1.6,8.4,1.6s5.8-.6,8.4-1.6c2.4-1.2,4.6-2.6,6.2-4.6,1.8-2,3-4.2,4-6.8.8-2.6,1.4-5.4,1.4-8.4-.2-3-.6-5.8-1.6-8.4h0ZM154,33.2c0,2-.2,3.8-.8,5.4-.4,1.6-1.2,3.2-2.2,4.4s-2.2,2.2-3.4,2.8c-1.4.6-3,1-4.8,1s-3.4-.4-4.8-1-2.6-1.6-3.4-2.8c-1-1.2-1.6-2.6-2.2-4.4-.4-1.6-.8-3.4-.8-5.4v-.2c0-2,.2-3.8.8-5.4.4-1.6,1.2-3.2,2.2-4.4,1-1.2,2.2-2.2,3.4-2.8,1.4-.6,3-1,4.8-1s3.4.4,4.8,1,2.6,1.6,3.4,2.8c1,1.2,1.6,2.6,2.2,4.4.4,1.6.8,3.4.8,5.4v.2ZM177.8,54l-11.8-42h9.4l8,31.4h.2l8-31.4h9.4l-11.8,42h-11.4,0ZM235.4,46.7c1.2,0,2.4-.2,3.4-.6,1-.4,2-.8,2.8-1.6s1.4-1.6,1.8-2.8c.4-1.2.6-2.4.6-4V11.8h8.2v27.2c0,2.4-.4,4.4-1.2,6.2s-2,3.4-3.6,4.8c-1.4,1.4-3.2,2.4-5.4,3-2,.8-4.4,1-6.8,1s-4.8-.4-6.8-1c-2-.8-3.8-1.8-5.4-3-1.6-1.4-2.6-3-3.6-4.8-.8-1.8-1.2-4-1.2-6.2V11.7h8.4v26c0,1.6.2,2.8.6,4,.4,1.2,1,2,1.8,2.8s1.6,1.2,2.8,1.6c1.2.4,2.2.6,3.6.6h0ZM261.4,11.9h8.4v18.2l14.8-18.2h10.4l-14.4,16.8,15.4,25.2h-9.8l-11-18.8-5.4,6v12.8h-8.4V11.9h0ZM206.2,44.2c-3,0-5.4,2.4-5.4,5.4s2.4,5.4,5.4,5.4,5.4-2.4,5.4-5.4-2.4-5.4-5.4-5.4Z\"/>\n          </svg>\n      </a>\n    </div>\n  </div>\n</header>"
+        },
+        {
+            "name": "navigation item with html",
+            "options": {
+                "navigation": [
+                    {
+                        "href": "#1",
+                        "html": "<em>Navigation item 1</em>",
+                        "active": true
+                    },
+                    {
+                        "href": "#2",
+                        "html": "<em>Navigation item 2</em>"
+                    },
+                    {
+                        "href": "#3",
+                        "html": "<em>Navigation item 3</em>"
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<header class=\"govuk-header\" data-module=\"govuk-header\">\n  <div class=\"govuk-header__container govuk-width-container\">\n    <div class=\"govuk-header__logo\">\n      <a href=\"/\" class=\"govuk-header__link govuk-header__link--homepage\">\n        <svg\n            focusable=\"false\"\n            role=\"img\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            viewBox=\"0 0 296 60\"\n            height=\"30\"\n            width=\"148\"\n            fill=\"currentcolor\" class=\"govuk-header__logotype\" aria-label=\"GOV.UK\"\n          ><title>GOV.UK</title>    <g>\n                <circle cx=\"20\" cy=\"17.6\" r=\"3.7\"/>\n                <circle cx=\"10.2\" cy=\"23.5\" r=\"3.7\"/>\n                <circle cx=\"3.7\" cy=\"33.2\" r=\"3.7\"/>\n                <circle cx=\"31.7\" cy=\"30.6\" r=\"3.7\"/>\n                <circle cx=\"43.3\" cy=\"17.6\" r=\"3.7\"/>\n                <circle cx=\"53.2\" cy=\"23.5\" r=\"3.7\"/>\n                <circle cx=\"59.7\" cy=\"33.2\" r=\"3.7\"/>\n                <circle cx=\"31.7\" cy=\"30.6\" r=\"3.7\"/>\n                <path d=\"M33.1,9.8c.2-.1.3-.3.5-.5l4.6,2.4v-6.8l-4.6,1.5c-.1-.2-.3-.3-.5-.5l1.9-5.9h-6.7l1.9,5.9c-.2.1-.3.3-.5.5l-4.6-1.5v6.8l4.6-2.4c.1.2.3.3.5.5l-2.6,8c-.9,2.8,1.2,5.7,4.1,5.7h0c3,0,5.1-2.9,4.1-5.7l-2.6-8ZM37,37.9s-3.4,3.8-4.1,6.1c2.2,0,4.2-.5,6.4-2.8l-.7,8.5c-2-2.8-4.4-4.1-5.7-3.8.1,3.1.5,6.7,5.8,7.2,3.7.3,6.7-1.5,7-3.8.4-2.6-2-4.3-3.7-1.6-1.4-4.5,2.4-6.1,4.9-3.2-1.9-4.5-1.8-7.7,2.4-10.9,3,4,2.6,7.3-1.2,11.1,2.4-1.3,6.2,0,4,4.6-1.2-2.8-3.7-2.2-4.2.2-.3,1.7.7,3.7,3,4.2,1.9.3,4.7-.9,7-5.9-1.3,0-2.4.7-3.9,1.7l2.4-8c.6,2.3,1.4,3.7,2.2,4.5.6-1.6.5-2.8,0-5.3l5,1.8c-2.6,3.6-5.2,8.7-7.3,17.5-7.4-1.1-15.7-1.7-24.5-1.7h0c-8.8,0-17.1.6-24.5,1.7-2.1-8.9-4.7-13.9-7.3-17.5l5-1.8c-.5,2.5-.6,3.7,0,5.3.8-.8,1.6-2.3,2.2-4.5l2.4,8c-1.5-1-2.6-1.7-3.9-1.7,2.3,5,5.2,6.2,7,5.9,2.3-.4,3.3-2.4,3-4.2-.5-2.4-3-3.1-4.2-.2-2.2-4.6,1.6-6,4-4.6-3.7-3.7-4.2-7.1-1.2-11.1,4.2,3.2,4.3,6.4,2.4,10.9,2.5-2.8,6.3-1.3,4.9,3.2-1.8-2.7-4.1-1-3.7,1.6.3,2.3,3.3,4.1,7,3.8,5.4-.5,5.7-4.2,5.8-7.2-1.3-.2-3.7,1-5.7,3.8l-.7-8.5c2.2,2.3,4.2,2.7,6.4,2.8-.7-2.3-4.1-6.1-4.1-6.1h10.6,0Z\"/>\n              </g>\n              <path d=\"M88.6,33.2c0,1.8.2,3.4.6,5s1.2,3,2,4.4c1,1.2,2,2.2,3.4,3s3,1.2,5,1.2,3.4-.2,4.6-.8,2.2-1.4,3-2.2,1.2-1.8,1.6-3c.2-1,.4-2,.4-3v-.4h-10.6v-6.4h18.8v23h-7.4v-5c-.6.8-1.2,1.6-2,2.2-.8.6-1.6,1.2-2.6,1.8-1,.4-2,.8-3.2,1.2s-2.4.4-3.6.4c-3,0-5.8-.6-8-1.6-2.4-1.2-4.4-2.6-6-4.6s-2.8-4.2-3.6-6.8c-.6-2.8-1-5.6-1-8.6s.4-5.8,1.4-8.4,2.2-4.8,4-6.8,3.8-3.4,6.2-4.6c2.4-1.2,5.2-1.6,8.2-1.6s3.8.2,5.6.6c1.8.4,3.4,1.2,4.8,2s2.8,1.8,3.8,3c1.2,1.2,2,2.6,2.8,4l-7.4,4.2c-.4-.8-1-1.8-1.6-2.4-.6-.8-1.2-1.4-2-2s-1.6-1-2.6-1.4-2.2-.4-3.4-.4c-2,0-3.6.4-5,1.2-1.4.8-2.6,1.8-3.4,3-1,1.2-1.6,2.8-2,4.4-.6,1.6-.8,3.8-.8,5.4ZM161.4,24.6c-.8-2.6-2.2-4.8-4-6.8s-3.8-3.4-6.2-4.6c-2.4-1.2-5.2-1.6-8.4-1.6s-5.8.6-8.4,1.6c-2.2,1.2-4.4,2.8-6,4.6-1.8,2-3,4.2-4,6.8-.8,2.6-1.4,5.4-1.4,8.4s.4,5.8,1.4,8.4c.8,2.6,2.2,4.8,4,6.8s3.8,3.4,6.2,4.6c2.4,1.2,5.2,1.6,8.4,1.6s5.8-.6,8.4-1.6c2.4-1.2,4.6-2.6,6.2-4.6,1.8-2,3-4.2,4-6.8.8-2.6,1.4-5.4,1.4-8.4-.2-3-.6-5.8-1.6-8.4h0ZM154,33.2c0,2-.2,3.8-.8,5.4-.4,1.6-1.2,3.2-2.2,4.4s-2.2,2.2-3.4,2.8c-1.4.6-3,1-4.8,1s-3.4-.4-4.8-1-2.6-1.6-3.4-2.8c-1-1.2-1.6-2.6-2.2-4.4-.4-1.6-.8-3.4-.8-5.4v-.2c0-2,.2-3.8.8-5.4.4-1.6,1.2-3.2,2.2-4.4,1-1.2,2.2-2.2,3.4-2.8,1.4-.6,3-1,4.8-1s3.4.4,4.8,1,2.6,1.6,3.4,2.8c1,1.2,1.6,2.6,2.2,4.4.4,1.6.8,3.4.8,5.4v.2ZM177.8,54l-11.8-42h9.4l8,31.4h.2l8-31.4h9.4l-11.8,42h-11.4,0ZM235.4,46.7c1.2,0,2.4-.2,3.4-.6,1-.4,2-.8,2.8-1.6s1.4-1.6,1.8-2.8c.4-1.2.6-2.4.6-4V11.8h8.2v27.2c0,2.4-.4,4.4-1.2,6.2s-2,3.4-3.6,4.8c-1.4,1.4-3.2,2.4-5.4,3-2,.8-4.4,1-6.8,1s-4.8-.4-6.8-1c-2-.8-3.8-1.8-5.4-3-1.6-1.4-2.6-3-3.6-4.8-.8-1.8-1.2-4-1.2-6.2V11.7h8.4v26c0,1.6.2,2.8.6,4,.4,1.2,1,2,1.8,2.8s1.6,1.2,2.8,1.6c1.2.4,2.2.6,3.6.6h0ZM261.4,11.9h8.4v18.2l14.8-18.2h10.4l-14.4,16.8,15.4,25.2h-9.8l-11-18.8-5.4,6v12.8h-8.4V11.9h0ZM206.2,44.2c-3,0-5.4,2.4-5.4,5.4s2.4,5.4,5.4,5.4,5.4-2.4,5.4-5.4-2.4-5.4-5.4-5.4Z\"/>\n          </svg>\n      </a>\n    </div>\n    <div class=\"govuk-header__content\">\n      <nav aria-label=\"Menu\" class=\"govuk-header__navigation\">\n        <button type=\"button\" class=\"govuk-header__menu-button govuk-js-header-toggle\" aria-controls=\"navigation\" hidden>\n          Menu\n        </button>\n\n        <ul id=\"navigation\" class=\"govuk-header__navigation-list\">\n          <li class=\"govuk-header__navigation-item govuk-header__navigation-item--active\">\n            <a class=\"govuk-header__link\" href=\"#1\">\n              <em>Navigation item 1</em>\n            </a>\n          </li>\n          <li class=\"govuk-header__navigation-item\">\n            <a class=\"govuk-header__link\" href=\"#2\">\n              <em>Navigation item 2</em>\n            </a>\n          </li>\n          <li class=\"govuk-header__navigation-item\">\n            <a class=\"govuk-header__link\" href=\"#3\">\n              <em>Navigation item 3</em>\n            </a>\n          </li>\n        </ul>\n      </nav>\n    </div>\n  </div>\n</header>"
+        },
+        {
+            "name": "navigation item with text without link",
+            "options": {
+                "navigation": [
+                    {
+                        "text": "Navigation item 1"
+                    },
+                    {
+                        "text": "Navigation item 2"
+                    },
+                    {
+                        "text": "Navigation item 3"
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<header class=\"govuk-header\" data-module=\"govuk-header\">\n  <div class=\"govuk-header__container govuk-width-container\">\n    <div class=\"govuk-header__logo\">\n      <a href=\"/\" class=\"govuk-header__link govuk-header__link--homepage\">\n        <svg\n            focusable=\"false\"\n            role=\"img\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            viewBox=\"0 0 296 60\"\n            height=\"30\"\n            width=\"148\"\n            fill=\"currentcolor\" class=\"govuk-header__logotype\" aria-label=\"GOV.UK\"\n          ><title>GOV.UK</title>    <g>\n                <circle cx=\"20\" cy=\"17.6\" r=\"3.7\"/>\n                <circle cx=\"10.2\" cy=\"23.5\" r=\"3.7\"/>\n                <circle cx=\"3.7\" cy=\"33.2\" r=\"3.7\"/>\n                <circle cx=\"31.7\" cy=\"30.6\" r=\"3.7\"/>\n                <circle cx=\"43.3\" cy=\"17.6\" r=\"3.7\"/>\n                <circle cx=\"53.2\" cy=\"23.5\" r=\"3.7\"/>\n                <circle cx=\"59.7\" cy=\"33.2\" r=\"3.7\"/>\n                <circle cx=\"31.7\" cy=\"30.6\" r=\"3.7\"/>\n                <path d=\"M33.1,9.8c.2-.1.3-.3.5-.5l4.6,2.4v-6.8l-4.6,1.5c-.1-.2-.3-.3-.5-.5l1.9-5.9h-6.7l1.9,5.9c-.2.1-.3.3-.5.5l-4.6-1.5v6.8l4.6-2.4c.1.2.3.3.5.5l-2.6,8c-.9,2.8,1.2,5.7,4.1,5.7h0c3,0,5.1-2.9,4.1-5.7l-2.6-8ZM37,37.9s-3.4,3.8-4.1,6.1c2.2,0,4.2-.5,6.4-2.8l-.7,8.5c-2-2.8-4.4-4.1-5.7-3.8.1,3.1.5,6.7,5.8,7.2,3.7.3,6.7-1.5,7-3.8.4-2.6-2-4.3-3.7-1.6-1.4-4.5,2.4-6.1,4.9-3.2-1.9-4.5-1.8-7.7,2.4-10.9,3,4,2.6,7.3-1.2,11.1,2.4-1.3,6.2,0,4,4.6-1.2-2.8-3.7-2.2-4.2.2-.3,1.7.7,3.7,3,4.2,1.9.3,4.7-.9,7-5.9-1.3,0-2.4.7-3.9,1.7l2.4-8c.6,2.3,1.4,3.7,2.2,4.5.6-1.6.5-2.8,0-5.3l5,1.8c-2.6,3.6-5.2,8.7-7.3,17.5-7.4-1.1-15.7-1.7-24.5-1.7h0c-8.8,0-17.1.6-24.5,1.7-2.1-8.9-4.7-13.9-7.3-17.5l5-1.8c-.5,2.5-.6,3.7,0,5.3.8-.8,1.6-2.3,2.2-4.5l2.4,8c-1.5-1-2.6-1.7-3.9-1.7,2.3,5,5.2,6.2,7,5.9,2.3-.4,3.3-2.4,3-4.2-.5-2.4-3-3.1-4.2-.2-2.2-4.6,1.6-6,4-4.6-3.7-3.7-4.2-7.1-1.2-11.1,4.2,3.2,4.3,6.4,2.4,10.9,2.5-2.8,6.3-1.3,4.9,3.2-1.8-2.7-4.1-1-3.7,1.6.3,2.3,3.3,4.1,7,3.8,5.4-.5,5.7-4.2,5.8-7.2-1.3-.2-3.7,1-5.7,3.8l-.7-8.5c2.2,2.3,4.2,2.7,6.4,2.8-.7-2.3-4.1-6.1-4.1-6.1h10.6,0Z\"/>\n              </g>\n              <path d=\"M88.6,33.2c0,1.8.2,3.4.6,5s1.2,3,2,4.4c1,1.2,2,2.2,3.4,3s3,1.2,5,1.2,3.4-.2,4.6-.8,2.2-1.4,3-2.2,1.2-1.8,1.6-3c.2-1,.4-2,.4-3v-.4h-10.6v-6.4h18.8v23h-7.4v-5c-.6.8-1.2,1.6-2,2.2-.8.6-1.6,1.2-2.6,1.8-1,.4-2,.8-3.2,1.2s-2.4.4-3.6.4c-3,0-5.8-.6-8-1.6-2.4-1.2-4.4-2.6-6-4.6s-2.8-4.2-3.6-6.8c-.6-2.8-1-5.6-1-8.6s.4-5.8,1.4-8.4,2.2-4.8,4-6.8,3.8-3.4,6.2-4.6c2.4-1.2,5.2-1.6,8.2-1.6s3.8.2,5.6.6c1.8.4,3.4,1.2,4.8,2s2.8,1.8,3.8,3c1.2,1.2,2,2.6,2.8,4l-7.4,4.2c-.4-.8-1-1.8-1.6-2.4-.6-.8-1.2-1.4-2-2s-1.6-1-2.6-1.4-2.2-.4-3.4-.4c-2,0-3.6.4-5,1.2-1.4.8-2.6,1.8-3.4,3-1,1.2-1.6,2.8-2,4.4-.6,1.6-.8,3.8-.8,5.4ZM161.4,24.6c-.8-2.6-2.2-4.8-4-6.8s-3.8-3.4-6.2-4.6c-2.4-1.2-5.2-1.6-8.4-1.6s-5.8.6-8.4,1.6c-2.2,1.2-4.4,2.8-6,4.6-1.8,2-3,4.2-4,6.8-.8,2.6-1.4,5.4-1.4,8.4s.4,5.8,1.4,8.4c.8,2.6,2.2,4.8,4,6.8s3.8,3.4,6.2,4.6c2.4,1.2,5.2,1.6,8.4,1.6s5.8-.6,8.4-1.6c2.4-1.2,4.6-2.6,6.2-4.6,1.8-2,3-4.2,4-6.8.8-2.6,1.4-5.4,1.4-8.4-.2-3-.6-5.8-1.6-8.4h0ZM154,33.2c0,2-.2,3.8-.8,5.4-.4,1.6-1.2,3.2-2.2,4.4s-2.2,2.2-3.4,2.8c-1.4.6-3,1-4.8,1s-3.4-.4-4.8-1-2.6-1.6-3.4-2.8c-1-1.2-1.6-2.6-2.2-4.4-.4-1.6-.8-3.4-.8-5.4v-.2c0-2,.2-3.8.8-5.4.4-1.6,1.2-3.2,2.2-4.4,1-1.2,2.2-2.2,3.4-2.8,1.4-.6,3-1,4.8-1s3.4.4,4.8,1,2.6,1.6,3.4,2.8c1,1.2,1.6,2.6,2.2,4.4.4,1.6.8,3.4.8,5.4v.2ZM177.8,54l-11.8-42h9.4l8,31.4h.2l8-31.4h9.4l-11.8,42h-11.4,0ZM235.4,46.7c1.2,0,2.4-.2,3.4-.6,1-.4,2-.8,2.8-1.6s1.4-1.6,1.8-2.8c.4-1.2.6-2.4.6-4V11.8h8.2v27.2c0,2.4-.4,4.4-1.2,6.2s-2,3.4-3.6,4.8c-1.4,1.4-3.2,2.4-5.4,3-2,.8-4.4,1-6.8,1s-4.8-.4-6.8-1c-2-.8-3.8-1.8-5.4-3-1.6-1.4-2.6-3-3.6-4.8-.8-1.8-1.2-4-1.2-6.2V11.7h8.4v26c0,1.6.2,2.8.6,4,.4,1.2,1,2,1.8,2.8s1.6,1.2,2.8,1.6c1.2.4,2.2.6,3.6.6h0ZM261.4,11.9h8.4v18.2l14.8-18.2h10.4l-14.4,16.8,15.4,25.2h-9.8l-11-18.8-5.4,6v12.8h-8.4V11.9h0ZM206.2,44.2c-3,0-5.4,2.4-5.4,5.4s2.4,5.4,5.4,5.4,5.4-2.4,5.4-5.4-2.4-5.4-5.4-5.4Z\"/>\n          </svg>\n      </a>\n    </div>\n    <div class=\"govuk-header__content\">\n      <nav aria-label=\"Menu\" class=\"govuk-header__navigation\">\n        <button type=\"button\" class=\"govuk-header__menu-button govuk-js-header-toggle\" aria-controls=\"navigation\" hidden>\n          Menu\n        </button>\n\n        <ul id=\"navigation\" class=\"govuk-header__navigation-list\">\n          <li class=\"govuk-header__navigation-item\">\n              Navigation item 1\n          </li>\n          <li class=\"govuk-header__navigation-item\">\n              Navigation item 2\n          </li>\n          <li class=\"govuk-header__navigation-item\">\n              Navigation item 3\n          </li>\n        </ul>\n      </nav>\n    </div>\n  </div>\n</header>"
+        },
+        {
+            "name": "with St. Edward's Crown",
+            "options": {
+                "useTudorCrown": false
+            },
+            "hidden": false,
+            "description": "Does not work if the rebrand is enabled.",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<header class=\"govuk-header\" data-module=\"govuk-header\">\n  <div class=\"govuk-header__container govuk-width-container\">\n    <div class=\"govuk-header__logo\">\n      <a href=\"/\" class=\"govuk-header__link govuk-header__link--homepage\">\n        <svg\n            focusable=\"false\"\n            role=\"img\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            viewBox=\"0 0 304 60\"\n            height=\"30\"\n            width=\"152\"\n            fill=\"currentcolor\" class=\"govuk-header__logotype\" aria-label=\"GOV.UK\"\n          ><title>GOV.UK</title>    <path d=\"M13.4,22.3c2,.8,4.2-.2,5-2s-.2-4.2-2-5c-2-.8-4.2.2-5,2-.8,2,0,4.2,2,5M4.8,27.3c2,.8,4.2-.2,5-2s-.2-4.2-2-5c-2-.8-4.2.2-5,2-1,2,0,4.2,2,5M2.2,36.9c2,.8,4.2-.2,5-2,.8-2-.2-4.2-2-5-2-.8-4.2.2-5,2-.8,2,0,4.2,2,5M23,25.3c2,.8,4.2-.2,5-2s-.2-4.2-2-5c-2-.8-4.2.2-5,2s0,4.2,2,5M57.8,22.3c-2,.8-4.2-.2-5-2s.2-4.2,2-5c2-.8,4.2.2,5,2,1,2,0,4.2-2,5M66.4,27.3c-2,.8-4.2-.2-5-2s.2-4.2,2-5c2-.8,4.2.2,5,2,1,2,0,4.2-2,5M69,36.9c-2,.8-4.2-.2-5-2-.8-2,.2-4.2,2-5,2-.8,4.2.2,5,2,.8,2,0,4.2-2,5M48.2,25.3c-2,.8-4.2-.2-5-2s.2-4.2,2-5c2-.8,4.2.2,5,2s0,4.2-2,5M37.6,15.5l4.8,2.6v-7.2l-4.8,1.6c-.2-.2-.2-.4-.4-.4s2-6,2-6h-6.8l2,6c-.2.2-.4.2-.4.4-.2.2-4.8-1.4-4.8-1.4v7l4.8-2.6c-.2.2,0,.4.2.6l-2.8,8.4c-.2.4-.2.8-.2,1.4,0,2.2,1.6,4.2,3.8,4.4h1.2c2.2-.4,3.8-2.2,3.8-4.4s0-.8-.2-1.4l-2.8-8.4c.4-.2.6-.4.6-.6M35.6,56.1c9.2,0,17.8.6,25.6,1.8,2.2-9.2,4.8-14.4,7.6-18.2l-5.2-1.8c.6,2.6.6,3.8,0,5.6-.8-.8-1.6-2.4-2.2-4.8l-2.4,8.4c1.6-1,2.8-1.8,4-1.8-2.4,5.2-5.4,6.4-7.2,6-2.4-.4-3.4-2.6-3-4.4.6-2.6,3.2-3.2,4.4-.2,2.4-4.8-1.6-6.2-4.2-4.8,3.8-3.8,4.4-7.2,1.2-11.4-4.4,3.4-4.4,6.6-2.4,11.2-2.6-3-6.6-1.4-5,3.4,1.8-2.8,4.2-1,4,1.6-.4,2.4-3.4,4.2-7.4,4-5.6-.4-6-4.4-6-7.4,1.4-.2,3.8,1,6,4l.8-8.8c-2.2,2.4-4.4,2.8-6.6,2.8.8-2.4,4.2-6.2,4.2-6.2h-11s3.6,4,4.2,6.2c-2.2,0-4.4-.6-6.6-2.8l.8,8.8c2.2-3,4.6-4.2,6-4-.2,3.2-.4,7-6,7.4-3.8.4-7-1.6-7.4-4-.4-2.6,2-4.4,3.8-1.6,1.4-4.8-2.6-6.2-5.2-3.4,2-4.6,2-8-2.4-11.2-3.2,4.2-2.6,7.6,1.2,11.4-2.6-1.4-6.4,0-4.2,4.8,1.2-3,3.8-2.2,4.4.2.4,1.8-.8,3.8-3,4.4-2,.4-5-1-7.4-6,1.4,0,2.6.8,4,1.8l-3-8.4c-.6,2.4-1.4,3.8-2.4,4.8-.6-1.6-.4-3,0-5.6l-5.2,1.8c3,3.8,5.6,9,7.8,18.2,7.6-1,16.4-1.8,25.4-1.8\"/>\n              <path transform=\"translate(8 0)\" d=\"M88.6,33.2c0,1.8.2,3.4.6,5s1.2,3,2,4.4c1,1.2,2,2.2,3.4,3s3,1.2,5,1.2,3.4-.2,4.6-.8,2.2-1.4,3-2.2,1.2-1.8,1.6-3c.2-1,.4-2,.4-3v-.4h-10.6v-6.4h18.8v23h-7.4v-5c-.6.8-1.2,1.6-2,2.2-.8.6-1.6,1.2-2.6,1.8-1,.4-2,.8-3.2,1.2s-2.4.4-3.6.4c-3,0-5.8-.6-8-1.6-2.4-1.2-4.4-2.6-6-4.6s-2.8-4.2-3.6-6.8c-.6-2.8-1-5.6-1-8.6s.4-5.8,1.4-8.4,2.2-4.8,4-6.8,3.8-3.4,6.2-4.6c2.4-1.2,5.2-1.6,8.2-1.6s3.8.2,5.6.6c1.8.4,3.4,1.2,4.8,2s2.8,1.8,3.8,3c1.2,1.2,2,2.6,2.8,4l-7.4,4.2c-.4-.8-1-1.8-1.6-2.4-.6-.8-1.2-1.4-2-2s-1.6-1-2.6-1.4-2.2-.4-3.4-.4c-2,0-3.6.4-5,1.2-1.4.8-2.6,1.8-3.4,3-1,1.2-1.6,2.8-2,4.4-.6,1.6-.8,3.8-.8,5.4ZM161.4,24.6c-.8-2.6-2.2-4.8-4-6.8s-3.8-3.4-6.2-4.6c-2.4-1.2-5.2-1.6-8.4-1.6s-5.8.6-8.4,1.6c-2.2,1.2-4.4,2.8-6,4.6-1.8,2-3,4.2-4,6.8-.8,2.6-1.4,5.4-1.4,8.4s.4,5.8,1.4,8.4c.8,2.6,2.2,4.8,4,6.8s3.8,3.4,6.2,4.6c2.4,1.2,5.2,1.6,8.4,1.6s5.8-.6,8.4-1.6c2.4-1.2,4.6-2.6,6.2-4.6,1.8-2,3-4.2,4-6.8.8-2.6,1.4-5.4,1.4-8.4-.2-3-.6-5.8-1.6-8.4h0ZM154,33.2c0,2-.2,3.8-.8,5.4-.4,1.6-1.2,3.2-2.2,4.4s-2.2,2.2-3.4,2.8c-1.4.6-3,1-4.8,1s-3.4-.4-4.8-1-2.6-1.6-3.4-2.8c-1-1.2-1.6-2.6-2.2-4.4-.4-1.6-.8-3.4-.8-5.4v-.2c0-2,.2-3.8.8-5.4.4-1.6,1.2-3.2,2.2-4.4,1-1.2,2.2-2.2,3.4-2.8,1.4-.6,3-1,4.8-1s3.4.4,4.8,1,2.6,1.6,3.4,2.8c1,1.2,1.6,2.6,2.2,4.4.4,1.6.8,3.4.8,5.4v.2ZM177.8,54l-11.8-42h9.4l8,31.4h.2l8-31.4h9.4l-11.8,42h-11.4,0ZM235.4,46.7c1.2,0,2.4-.2,3.4-.6,1-.4,2-.8,2.8-1.6s1.4-1.6,1.8-2.8c.4-1.2.6-2.4.6-4V11.8h8.2v27.2c0,2.4-.4,4.4-1.2,6.2s-2,3.4-3.6,4.8c-1.4,1.4-3.2,2.4-5.4,3-2,.8-4.4,1-6.8,1s-4.8-.4-6.8-1c-2-.8-3.8-1.8-5.4-3-1.6-1.4-2.6-3-3.6-4.8-.8-1.8-1.2-4-1.2-6.2V11.7h8.4v26c0,1.6.2,2.8.6,4,.4,1.2,1,2,1.8,2.8s1.6,1.2,2.8,1.6c1.2.4,2.2.6,3.6.6h0ZM261.4,11.9h8.4v18.2l14.8-18.2h10.4l-14.4,16.8,15.4,25.2h-9.8l-11-18.8-5.4,6v12.8h-8.4V11.9h0ZM206.2,44.2c-3,0-5.4,2.4-5.4,5.4s2.4,5.4,5.4,5.4,5.4-2.4,5.4-5.4-2.4-5.4-5.4-5.4Z\"/>\n          </svg>\n      </a>\n    </div>\n  </div>\n</header>"
+        },
+        {
+            "name": "attributes",
+            "options": {
+                "attributes": {
+                    "data-test-attribute": "value",
+                    "data-test-attribute-2": "value-2"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<header class=\"govuk-header\" data-module=\"govuk-header\" data-test-attribute=\"value\" data-test-attribute-2=\"value-2\">\n  <div class=\"govuk-header__container govuk-width-container\">\n    <div class=\"govuk-header__logo\">\n      <a href=\"/\" class=\"govuk-header__link govuk-header__link--homepage\">\n        <svg\n            focusable=\"false\"\n            role=\"img\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            viewBox=\"0 0 296 60\"\n            height=\"30\"\n            width=\"148\"\n            fill=\"currentcolor\" class=\"govuk-header__logotype\" aria-label=\"GOV.UK\"\n          ><title>GOV.UK</title>    <g>\n                <circle cx=\"20\" cy=\"17.6\" r=\"3.7\"/>\n                <circle cx=\"10.2\" cy=\"23.5\" r=\"3.7\"/>\n                <circle cx=\"3.7\" cy=\"33.2\" r=\"3.7\"/>\n                <circle cx=\"31.7\" cy=\"30.6\" r=\"3.7\"/>\n                <circle cx=\"43.3\" cy=\"17.6\" r=\"3.7\"/>\n                <circle cx=\"53.2\" cy=\"23.5\" r=\"3.7\"/>\n                <circle cx=\"59.7\" cy=\"33.2\" r=\"3.7\"/>\n                <circle cx=\"31.7\" cy=\"30.6\" r=\"3.7\"/>\n                <path d=\"M33.1,9.8c.2-.1.3-.3.5-.5l4.6,2.4v-6.8l-4.6,1.5c-.1-.2-.3-.3-.5-.5l1.9-5.9h-6.7l1.9,5.9c-.2.1-.3.3-.5.5l-4.6-1.5v6.8l4.6-2.4c.1.2.3.3.5.5l-2.6,8c-.9,2.8,1.2,5.7,4.1,5.7h0c3,0,5.1-2.9,4.1-5.7l-2.6-8ZM37,37.9s-3.4,3.8-4.1,6.1c2.2,0,4.2-.5,6.4-2.8l-.7,8.5c-2-2.8-4.4-4.1-5.7-3.8.1,3.1.5,6.7,5.8,7.2,3.7.3,6.7-1.5,7-3.8.4-2.6-2-4.3-3.7-1.6-1.4-4.5,2.4-6.1,4.9-3.2-1.9-4.5-1.8-7.7,2.4-10.9,3,4,2.6,7.3-1.2,11.1,2.4-1.3,6.2,0,4,4.6-1.2-2.8-3.7-2.2-4.2.2-.3,1.7.7,3.7,3,4.2,1.9.3,4.7-.9,7-5.9-1.3,0-2.4.7-3.9,1.7l2.4-8c.6,2.3,1.4,3.7,2.2,4.5.6-1.6.5-2.8,0-5.3l5,1.8c-2.6,3.6-5.2,8.7-7.3,17.5-7.4-1.1-15.7-1.7-24.5-1.7h0c-8.8,0-17.1.6-24.5,1.7-2.1-8.9-4.7-13.9-7.3-17.5l5-1.8c-.5,2.5-.6,3.7,0,5.3.8-.8,1.6-2.3,2.2-4.5l2.4,8c-1.5-1-2.6-1.7-3.9-1.7,2.3,5,5.2,6.2,7,5.9,2.3-.4,3.3-2.4,3-4.2-.5-2.4-3-3.1-4.2-.2-2.2-4.6,1.6-6,4-4.6-3.7-3.7-4.2-7.1-1.2-11.1,4.2,3.2,4.3,6.4,2.4,10.9,2.5-2.8,6.3-1.3,4.9,3.2-1.8-2.7-4.1-1-3.7,1.6.3,2.3,3.3,4.1,7,3.8,5.4-.5,5.7-4.2,5.8-7.2-1.3-.2-3.7,1-5.7,3.8l-.7-8.5c2.2,2.3,4.2,2.7,6.4,2.8-.7-2.3-4.1-6.1-4.1-6.1h10.6,0Z\"/>\n              </g>\n              <path d=\"M88.6,33.2c0,1.8.2,3.4.6,5s1.2,3,2,4.4c1,1.2,2,2.2,3.4,3s3,1.2,5,1.2,3.4-.2,4.6-.8,2.2-1.4,3-2.2,1.2-1.8,1.6-3c.2-1,.4-2,.4-3v-.4h-10.6v-6.4h18.8v23h-7.4v-5c-.6.8-1.2,1.6-2,2.2-.8.6-1.6,1.2-2.6,1.8-1,.4-2,.8-3.2,1.2s-2.4.4-3.6.4c-3,0-5.8-.6-8-1.6-2.4-1.2-4.4-2.6-6-4.6s-2.8-4.2-3.6-6.8c-.6-2.8-1-5.6-1-8.6s.4-5.8,1.4-8.4,2.2-4.8,4-6.8,3.8-3.4,6.2-4.6c2.4-1.2,5.2-1.6,8.2-1.6s3.8.2,5.6.6c1.8.4,3.4,1.2,4.8,2s2.8,1.8,3.8,3c1.2,1.2,2,2.6,2.8,4l-7.4,4.2c-.4-.8-1-1.8-1.6-2.4-.6-.8-1.2-1.4-2-2s-1.6-1-2.6-1.4-2.2-.4-3.4-.4c-2,0-3.6.4-5,1.2-1.4.8-2.6,1.8-3.4,3-1,1.2-1.6,2.8-2,4.4-.6,1.6-.8,3.8-.8,5.4ZM161.4,24.6c-.8-2.6-2.2-4.8-4-6.8s-3.8-3.4-6.2-4.6c-2.4-1.2-5.2-1.6-8.4-1.6s-5.8.6-8.4,1.6c-2.2,1.2-4.4,2.8-6,4.6-1.8,2-3,4.2-4,6.8-.8,2.6-1.4,5.4-1.4,8.4s.4,5.8,1.4,8.4c.8,2.6,2.2,4.8,4,6.8s3.8,3.4,6.2,4.6c2.4,1.2,5.2,1.6,8.4,1.6s5.8-.6,8.4-1.6c2.4-1.2,4.6-2.6,6.2-4.6,1.8-2,3-4.2,4-6.8.8-2.6,1.4-5.4,1.4-8.4-.2-3-.6-5.8-1.6-8.4h0ZM154,33.2c0,2-.2,3.8-.8,5.4-.4,1.6-1.2,3.2-2.2,4.4s-2.2,2.2-3.4,2.8c-1.4.6-3,1-4.8,1s-3.4-.4-4.8-1-2.6-1.6-3.4-2.8c-1-1.2-1.6-2.6-2.2-4.4-.4-1.6-.8-3.4-.8-5.4v-.2c0-2,.2-3.8.8-5.4.4-1.6,1.2-3.2,2.2-4.4,1-1.2,2.2-2.2,3.4-2.8,1.4-.6,3-1,4.8-1s3.4.4,4.8,1,2.6,1.6,3.4,2.8c1,1.2,1.6,2.6,2.2,4.4.4,1.6.8,3.4.8,5.4v.2ZM177.8,54l-11.8-42h9.4l8,31.4h.2l8-31.4h9.4l-11.8,42h-11.4,0ZM235.4,46.7c1.2,0,2.4-.2,3.4-.6,1-.4,2-.8,2.8-1.6s1.4-1.6,1.8-2.8c.4-1.2.6-2.4.6-4V11.8h8.2v27.2c0,2.4-.4,4.4-1.2,6.2s-2,3.4-3.6,4.8c-1.4,1.4-3.2,2.4-5.4,3-2,.8-4.4,1-6.8,1s-4.8-.4-6.8-1c-2-.8-3.8-1.8-5.4-3-1.6-1.4-2.6-3-3.6-4.8-.8-1.8-1.2-4-1.2-6.2V11.7h8.4v26c0,1.6.2,2.8.6,4,.4,1.2,1,2,1.8,2.8s1.6,1.2,2.8,1.6c1.2.4,2.2.6,3.6.6h0ZM261.4,11.9h8.4v18.2l14.8-18.2h10.4l-14.4,16.8,15.4,25.2h-9.8l-11-18.8-5.4,6v12.8h-8.4V11.9h0ZM206.2,44.2c-3,0-5.4,2.4-5.4,5.4s2.4,5.4,5.4,5.4,5.4-2.4,5.4-5.4-2.4-5.4-5.4-5.4Z\"/>\n          </svg>\n      </a>\n    </div>\n  </div>\n</header>"
+        },
+        {
+            "name": "classes",
+            "options": {
+                "classes": "app-header--custom-modifier"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<header class=\"govuk-header app-header--custom-modifier\" data-module=\"govuk-header\">\n  <div class=\"govuk-header__container govuk-width-container\">\n    <div class=\"govuk-header__logo\">\n      <a href=\"/\" class=\"govuk-header__link govuk-header__link--homepage\">\n        <svg\n            focusable=\"false\"\n            role=\"img\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            viewBox=\"0 0 296 60\"\n            height=\"30\"\n            width=\"148\"\n            fill=\"currentcolor\" class=\"govuk-header__logotype\" aria-label=\"GOV.UK\"\n          ><title>GOV.UK</title>    <g>\n                <circle cx=\"20\" cy=\"17.6\" r=\"3.7\"/>\n                <circle cx=\"10.2\" cy=\"23.5\" r=\"3.7\"/>\n                <circle cx=\"3.7\" cy=\"33.2\" r=\"3.7\"/>\n                <circle cx=\"31.7\" cy=\"30.6\" r=\"3.7\"/>\n                <circle cx=\"43.3\" cy=\"17.6\" r=\"3.7\"/>\n                <circle cx=\"53.2\" cy=\"23.5\" r=\"3.7\"/>\n                <circle cx=\"59.7\" cy=\"33.2\" r=\"3.7\"/>\n                <circle cx=\"31.7\" cy=\"30.6\" r=\"3.7\"/>\n                <path d=\"M33.1,9.8c.2-.1.3-.3.5-.5l4.6,2.4v-6.8l-4.6,1.5c-.1-.2-.3-.3-.5-.5l1.9-5.9h-6.7l1.9,5.9c-.2.1-.3.3-.5.5l-4.6-1.5v6.8l4.6-2.4c.1.2.3.3.5.5l-2.6,8c-.9,2.8,1.2,5.7,4.1,5.7h0c3,0,5.1-2.9,4.1-5.7l-2.6-8ZM37,37.9s-3.4,3.8-4.1,6.1c2.2,0,4.2-.5,6.4-2.8l-.7,8.5c-2-2.8-4.4-4.1-5.7-3.8.1,3.1.5,6.7,5.8,7.2,3.7.3,6.7-1.5,7-3.8.4-2.6-2-4.3-3.7-1.6-1.4-4.5,2.4-6.1,4.9-3.2-1.9-4.5-1.8-7.7,2.4-10.9,3,4,2.6,7.3-1.2,11.1,2.4-1.3,6.2,0,4,4.6-1.2-2.8-3.7-2.2-4.2.2-.3,1.7.7,3.7,3,4.2,1.9.3,4.7-.9,7-5.9-1.3,0-2.4.7-3.9,1.7l2.4-8c.6,2.3,1.4,3.7,2.2,4.5.6-1.6.5-2.8,0-5.3l5,1.8c-2.6,3.6-5.2,8.7-7.3,17.5-7.4-1.1-15.7-1.7-24.5-1.7h0c-8.8,0-17.1.6-24.5,1.7-2.1-8.9-4.7-13.9-7.3-17.5l5-1.8c-.5,2.5-.6,3.7,0,5.3.8-.8,1.6-2.3,2.2-4.5l2.4,8c-1.5-1-2.6-1.7-3.9-1.7,2.3,5,5.2,6.2,7,5.9,2.3-.4,3.3-2.4,3-4.2-.5-2.4-3-3.1-4.2-.2-2.2-4.6,1.6-6,4-4.6-3.7-3.7-4.2-7.1-1.2-11.1,4.2,3.2,4.3,6.4,2.4,10.9,2.5-2.8,6.3-1.3,4.9,3.2-1.8-2.7-4.1-1-3.7,1.6.3,2.3,3.3,4.1,7,3.8,5.4-.5,5.7-4.2,5.8-7.2-1.3-.2-3.7,1-5.7,3.8l-.7-8.5c2.2,2.3,4.2,2.7,6.4,2.8-.7-2.3-4.1-6.1-4.1-6.1h10.6,0Z\"/>\n              </g>\n              <path d=\"M88.6,33.2c0,1.8.2,3.4.6,5s1.2,3,2,4.4c1,1.2,2,2.2,3.4,3s3,1.2,5,1.2,3.4-.2,4.6-.8,2.2-1.4,3-2.2,1.2-1.8,1.6-3c.2-1,.4-2,.4-3v-.4h-10.6v-6.4h18.8v23h-7.4v-5c-.6.8-1.2,1.6-2,2.2-.8.6-1.6,1.2-2.6,1.8-1,.4-2,.8-3.2,1.2s-2.4.4-3.6.4c-3,0-5.8-.6-8-1.6-2.4-1.2-4.4-2.6-6-4.6s-2.8-4.2-3.6-6.8c-.6-2.8-1-5.6-1-8.6s.4-5.8,1.4-8.4,2.2-4.8,4-6.8,3.8-3.4,6.2-4.6c2.4-1.2,5.2-1.6,8.2-1.6s3.8.2,5.6.6c1.8.4,3.4,1.2,4.8,2s2.8,1.8,3.8,3c1.2,1.2,2,2.6,2.8,4l-7.4,4.2c-.4-.8-1-1.8-1.6-2.4-.6-.8-1.2-1.4-2-2s-1.6-1-2.6-1.4-2.2-.4-3.4-.4c-2,0-3.6.4-5,1.2-1.4.8-2.6,1.8-3.4,3-1,1.2-1.6,2.8-2,4.4-.6,1.6-.8,3.8-.8,5.4ZM161.4,24.6c-.8-2.6-2.2-4.8-4-6.8s-3.8-3.4-6.2-4.6c-2.4-1.2-5.2-1.6-8.4-1.6s-5.8.6-8.4,1.6c-2.2,1.2-4.4,2.8-6,4.6-1.8,2-3,4.2-4,6.8-.8,2.6-1.4,5.4-1.4,8.4s.4,5.8,1.4,8.4c.8,2.6,2.2,4.8,4,6.8s3.8,3.4,6.2,4.6c2.4,1.2,5.2,1.6,8.4,1.6s5.8-.6,8.4-1.6c2.4-1.2,4.6-2.6,6.2-4.6,1.8-2,3-4.2,4-6.8.8-2.6,1.4-5.4,1.4-8.4-.2-3-.6-5.8-1.6-8.4h0ZM154,33.2c0,2-.2,3.8-.8,5.4-.4,1.6-1.2,3.2-2.2,4.4s-2.2,2.2-3.4,2.8c-1.4.6-3,1-4.8,1s-3.4-.4-4.8-1-2.6-1.6-3.4-2.8c-1-1.2-1.6-2.6-2.2-4.4-.4-1.6-.8-3.4-.8-5.4v-.2c0-2,.2-3.8.8-5.4.4-1.6,1.2-3.2,2.2-4.4,1-1.2,2.2-2.2,3.4-2.8,1.4-.6,3-1,4.8-1s3.4.4,4.8,1,2.6,1.6,3.4,2.8c1,1.2,1.6,2.6,2.2,4.4.4,1.6.8,3.4.8,5.4v.2ZM177.8,54l-11.8-42h9.4l8,31.4h.2l8-31.4h9.4l-11.8,42h-11.4,0ZM235.4,46.7c1.2,0,2.4-.2,3.4-.6,1-.4,2-.8,2.8-1.6s1.4-1.6,1.8-2.8c.4-1.2.6-2.4.6-4V11.8h8.2v27.2c0,2.4-.4,4.4-1.2,6.2s-2,3.4-3.6,4.8c-1.4,1.4-3.2,2.4-5.4,3-2,.8-4.4,1-6.8,1s-4.8-.4-6.8-1c-2-.8-3.8-1.8-5.4-3-1.6-1.4-2.6-3-3.6-4.8-.8-1.8-1.2-4-1.2-6.2V11.7h8.4v26c0,1.6.2,2.8.6,4,.4,1.2,1,2,1.8,2.8s1.6,1.2,2.8,1.6c1.2.4,2.2.6,3.6.6h0ZM261.4,11.9h8.4v18.2l14.8-18.2h10.4l-14.4,16.8,15.4,25.2h-9.8l-11-18.8-5.4,6v12.8h-8.4V11.9h0ZM206.2,44.2c-3,0-5.4,2.4-5.4,5.4s2.4,5.4,5.4,5.4,5.4-2.4,5.4-5.4-2.4-5.4-5.4-5.4Z\"/>\n          </svg>\n      </a>\n    </div>\n  </div>\n</header>"
+        },
+        {
+            "name": "custom homepage url",
+            "options": {
+                "homepageUrl": "/"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<header class=\"govuk-header\" data-module=\"govuk-header\">\n  <div class=\"govuk-header__container govuk-width-container\">\n    <div class=\"govuk-header__logo\">\n      <a href=\"/\" class=\"govuk-header__link govuk-header__link--homepage\">\n        <svg\n            focusable=\"false\"\n            role=\"img\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            viewBox=\"0 0 296 60\"\n            height=\"30\"\n            width=\"148\"\n            fill=\"currentcolor\" class=\"govuk-header__logotype\" aria-label=\"GOV.UK\"\n          ><title>GOV.UK</title>    <g>\n                <circle cx=\"20\" cy=\"17.6\" r=\"3.7\"/>\n                <circle cx=\"10.2\" cy=\"23.5\" r=\"3.7\"/>\n                <circle cx=\"3.7\" cy=\"33.2\" r=\"3.7\"/>\n                <circle cx=\"31.7\" cy=\"30.6\" r=\"3.7\"/>\n                <circle cx=\"43.3\" cy=\"17.6\" r=\"3.7\"/>\n                <circle cx=\"53.2\" cy=\"23.5\" r=\"3.7\"/>\n                <circle cx=\"59.7\" cy=\"33.2\" r=\"3.7\"/>\n                <circle cx=\"31.7\" cy=\"30.6\" r=\"3.7\"/>\n                <path d=\"M33.1,9.8c.2-.1.3-.3.5-.5l4.6,2.4v-6.8l-4.6,1.5c-.1-.2-.3-.3-.5-.5l1.9-5.9h-6.7l1.9,5.9c-.2.1-.3.3-.5.5l-4.6-1.5v6.8l4.6-2.4c.1.2.3.3.5.5l-2.6,8c-.9,2.8,1.2,5.7,4.1,5.7h0c3,0,5.1-2.9,4.1-5.7l-2.6-8ZM37,37.9s-3.4,3.8-4.1,6.1c2.2,0,4.2-.5,6.4-2.8l-.7,8.5c-2-2.8-4.4-4.1-5.7-3.8.1,3.1.5,6.7,5.8,7.2,3.7.3,6.7-1.5,7-3.8.4-2.6-2-4.3-3.7-1.6-1.4-4.5,2.4-6.1,4.9-3.2-1.9-4.5-1.8-7.7,2.4-10.9,3,4,2.6,7.3-1.2,11.1,2.4-1.3,6.2,0,4,4.6-1.2-2.8-3.7-2.2-4.2.2-.3,1.7.7,3.7,3,4.2,1.9.3,4.7-.9,7-5.9-1.3,0-2.4.7-3.9,1.7l2.4-8c.6,2.3,1.4,3.7,2.2,4.5.6-1.6.5-2.8,0-5.3l5,1.8c-2.6,3.6-5.2,8.7-7.3,17.5-7.4-1.1-15.7-1.7-24.5-1.7h0c-8.8,0-17.1.6-24.5,1.7-2.1-8.9-4.7-13.9-7.3-17.5l5-1.8c-.5,2.5-.6,3.7,0,5.3.8-.8,1.6-2.3,2.2-4.5l2.4,8c-1.5-1-2.6-1.7-3.9-1.7,2.3,5,5.2,6.2,7,5.9,2.3-.4,3.3-2.4,3-4.2-.5-2.4-3-3.1-4.2-.2-2.2-4.6,1.6-6,4-4.6-3.7-3.7-4.2-7.1-1.2-11.1,4.2,3.2,4.3,6.4,2.4,10.9,2.5-2.8,6.3-1.3,4.9,3.2-1.8-2.7-4.1-1-3.7,1.6.3,2.3,3.3,4.1,7,3.8,5.4-.5,5.7-4.2,5.8-7.2-1.3-.2-3.7,1-5.7,3.8l-.7-8.5c2.2,2.3,4.2,2.7,6.4,2.8-.7-2.3-4.1-6.1-4.1-6.1h10.6,0Z\"/>\n              </g>\n              <path d=\"M88.6,33.2c0,1.8.2,3.4.6,5s1.2,3,2,4.4c1,1.2,2,2.2,3.4,3s3,1.2,5,1.2,3.4-.2,4.6-.8,2.2-1.4,3-2.2,1.2-1.8,1.6-3c.2-1,.4-2,.4-3v-.4h-10.6v-6.4h18.8v23h-7.4v-5c-.6.8-1.2,1.6-2,2.2-.8.6-1.6,1.2-2.6,1.8-1,.4-2,.8-3.2,1.2s-2.4.4-3.6.4c-3,0-5.8-.6-8-1.6-2.4-1.2-4.4-2.6-6-4.6s-2.8-4.2-3.6-6.8c-.6-2.8-1-5.6-1-8.6s.4-5.8,1.4-8.4,2.2-4.8,4-6.8,3.8-3.4,6.2-4.6c2.4-1.2,5.2-1.6,8.2-1.6s3.8.2,5.6.6c1.8.4,3.4,1.2,4.8,2s2.8,1.8,3.8,3c1.2,1.2,2,2.6,2.8,4l-7.4,4.2c-.4-.8-1-1.8-1.6-2.4-.6-.8-1.2-1.4-2-2s-1.6-1-2.6-1.4-2.2-.4-3.4-.4c-2,0-3.6.4-5,1.2-1.4.8-2.6,1.8-3.4,3-1,1.2-1.6,2.8-2,4.4-.6,1.6-.8,3.8-.8,5.4ZM161.4,24.6c-.8-2.6-2.2-4.8-4-6.8s-3.8-3.4-6.2-4.6c-2.4-1.2-5.2-1.6-8.4-1.6s-5.8.6-8.4,1.6c-2.2,1.2-4.4,2.8-6,4.6-1.8,2-3,4.2-4,6.8-.8,2.6-1.4,5.4-1.4,8.4s.4,5.8,1.4,8.4c.8,2.6,2.2,4.8,4,6.8s3.8,3.4,6.2,4.6c2.4,1.2,5.2,1.6,8.4,1.6s5.8-.6,8.4-1.6c2.4-1.2,4.6-2.6,6.2-4.6,1.8-2,3-4.2,4-6.8.8-2.6,1.4-5.4,1.4-8.4-.2-3-.6-5.8-1.6-8.4h0ZM154,33.2c0,2-.2,3.8-.8,5.4-.4,1.6-1.2,3.2-2.2,4.4s-2.2,2.2-3.4,2.8c-1.4.6-3,1-4.8,1s-3.4-.4-4.8-1-2.6-1.6-3.4-2.8c-1-1.2-1.6-2.6-2.2-4.4-.4-1.6-.8-3.4-.8-5.4v-.2c0-2,.2-3.8.8-5.4.4-1.6,1.2-3.2,2.2-4.4,1-1.2,2.2-2.2,3.4-2.8,1.4-.6,3-1,4.8-1s3.4.4,4.8,1,2.6,1.6,3.4,2.8c1,1.2,1.6,2.6,2.2,4.4.4,1.6.8,3.4.8,5.4v.2ZM177.8,54l-11.8-42h9.4l8,31.4h.2l8-31.4h9.4l-11.8,42h-11.4,0ZM235.4,46.7c1.2,0,2.4-.2,3.4-.6,1-.4,2-.8,2.8-1.6s1.4-1.6,1.8-2.8c.4-1.2.6-2.4.6-4V11.8h8.2v27.2c0,2.4-.4,4.4-1.2,6.2s-2,3.4-3.6,4.8c-1.4,1.4-3.2,2.4-5.4,3-2,.8-4.4,1-6.8,1s-4.8-.4-6.8-1c-2-.8-3.8-1.8-5.4-3-1.6-1.4-2.6-3-3.6-4.8-.8-1.8-1.2-4-1.2-6.2V11.7h8.4v26c0,1.6.2,2.8.6,4,.4,1.2,1,2,1.8,2.8s1.6,1.2,2.8,1.6c1.2.4,2.2.6,3.6.6h0ZM261.4,11.9h8.4v18.2l14.8-18.2h10.4l-14.4,16.8,15.4,25.2h-9.8l-11-18.8-5.4,6v12.8h-8.4V11.9h0ZM206.2,44.2c-3,0-5.4,2.4-5.4,5.4s2.4,5.4,5.4,5.4,5.4-2.4,5.4-5.4-2.4-5.4-5.4-5.4Z\"/>\n          </svg>\n      </a>\n    </div>\n  </div>\n</header>"
+        },
+        {
+            "name": "with custom navigation label",
+            "options": {
+                "navigationLabel": "Custom navigation label",
+                "navigation": [
+                    {
+                        "href": "#1",
+                        "text": "Navigation item 1",
+                        "active": true
+                    },
+                    {
+                        "href": "#2",
+                        "text": "Navigation item 2"
+                    },
+                    {
+                        "href": "#3",
+                        "text": "Navigation item 3"
+                    },
+                    {
+                        "href": "#4",
+                        "text": "Navigation item 4"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<header class=\"govuk-header\" data-module=\"govuk-header\">\n  <div class=\"govuk-header__container govuk-width-container\">\n    <div class=\"govuk-header__logo\">\n      <a href=\"/\" class=\"govuk-header__link govuk-header__link--homepage\">\n        <svg\n            focusable=\"false\"\n            role=\"img\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            viewBox=\"0 0 296 60\"\n            height=\"30\"\n            width=\"148\"\n            fill=\"currentcolor\" class=\"govuk-header__logotype\" aria-label=\"GOV.UK\"\n          ><title>GOV.UK</title>    <g>\n                <circle cx=\"20\" cy=\"17.6\" r=\"3.7\"/>\n                <circle cx=\"10.2\" cy=\"23.5\" r=\"3.7\"/>\n                <circle cx=\"3.7\" cy=\"33.2\" r=\"3.7\"/>\n                <circle cx=\"31.7\" cy=\"30.6\" r=\"3.7\"/>\n                <circle cx=\"43.3\" cy=\"17.6\" r=\"3.7\"/>\n                <circle cx=\"53.2\" cy=\"23.5\" r=\"3.7\"/>\n                <circle cx=\"59.7\" cy=\"33.2\" r=\"3.7\"/>\n                <circle cx=\"31.7\" cy=\"30.6\" r=\"3.7\"/>\n                <path d=\"M33.1,9.8c.2-.1.3-.3.5-.5l4.6,2.4v-6.8l-4.6,1.5c-.1-.2-.3-.3-.5-.5l1.9-5.9h-6.7l1.9,5.9c-.2.1-.3.3-.5.5l-4.6-1.5v6.8l4.6-2.4c.1.2.3.3.5.5l-2.6,8c-.9,2.8,1.2,5.7,4.1,5.7h0c3,0,5.1-2.9,4.1-5.7l-2.6-8ZM37,37.9s-3.4,3.8-4.1,6.1c2.2,0,4.2-.5,6.4-2.8l-.7,8.5c-2-2.8-4.4-4.1-5.7-3.8.1,3.1.5,6.7,5.8,7.2,3.7.3,6.7-1.5,7-3.8.4-2.6-2-4.3-3.7-1.6-1.4-4.5,2.4-6.1,4.9-3.2-1.9-4.5-1.8-7.7,2.4-10.9,3,4,2.6,7.3-1.2,11.1,2.4-1.3,6.2,0,4,4.6-1.2-2.8-3.7-2.2-4.2.2-.3,1.7.7,3.7,3,4.2,1.9.3,4.7-.9,7-5.9-1.3,0-2.4.7-3.9,1.7l2.4-8c.6,2.3,1.4,3.7,2.2,4.5.6-1.6.5-2.8,0-5.3l5,1.8c-2.6,3.6-5.2,8.7-7.3,17.5-7.4-1.1-15.7-1.7-24.5-1.7h0c-8.8,0-17.1.6-24.5,1.7-2.1-8.9-4.7-13.9-7.3-17.5l5-1.8c-.5,2.5-.6,3.7,0,5.3.8-.8,1.6-2.3,2.2-4.5l2.4,8c-1.5-1-2.6-1.7-3.9-1.7,2.3,5,5.2,6.2,7,5.9,2.3-.4,3.3-2.4,3-4.2-.5-2.4-3-3.1-4.2-.2-2.2-4.6,1.6-6,4-4.6-3.7-3.7-4.2-7.1-1.2-11.1,4.2,3.2,4.3,6.4,2.4,10.9,2.5-2.8,6.3-1.3,4.9,3.2-1.8-2.7-4.1-1-3.7,1.6.3,2.3,3.3,4.1,7,3.8,5.4-.5,5.7-4.2,5.8-7.2-1.3-.2-3.7,1-5.7,3.8l-.7-8.5c2.2,2.3,4.2,2.7,6.4,2.8-.7-2.3-4.1-6.1-4.1-6.1h10.6,0Z\"/>\n              </g>\n              <path d=\"M88.6,33.2c0,1.8.2,3.4.6,5s1.2,3,2,4.4c1,1.2,2,2.2,3.4,3s3,1.2,5,1.2,3.4-.2,4.6-.8,2.2-1.4,3-2.2,1.2-1.8,1.6-3c.2-1,.4-2,.4-3v-.4h-10.6v-6.4h18.8v23h-7.4v-5c-.6.8-1.2,1.6-2,2.2-.8.6-1.6,1.2-2.6,1.8-1,.4-2,.8-3.2,1.2s-2.4.4-3.6.4c-3,0-5.8-.6-8-1.6-2.4-1.2-4.4-2.6-6-4.6s-2.8-4.2-3.6-6.8c-.6-2.8-1-5.6-1-8.6s.4-5.8,1.4-8.4,2.2-4.8,4-6.8,3.8-3.4,6.2-4.6c2.4-1.2,5.2-1.6,8.2-1.6s3.8.2,5.6.6c1.8.4,3.4,1.2,4.8,2s2.8,1.8,3.8,3c1.2,1.2,2,2.6,2.8,4l-7.4,4.2c-.4-.8-1-1.8-1.6-2.4-.6-.8-1.2-1.4-2-2s-1.6-1-2.6-1.4-2.2-.4-3.4-.4c-2,0-3.6.4-5,1.2-1.4.8-2.6,1.8-3.4,3-1,1.2-1.6,2.8-2,4.4-.6,1.6-.8,3.8-.8,5.4ZM161.4,24.6c-.8-2.6-2.2-4.8-4-6.8s-3.8-3.4-6.2-4.6c-2.4-1.2-5.2-1.6-8.4-1.6s-5.8.6-8.4,1.6c-2.2,1.2-4.4,2.8-6,4.6-1.8,2-3,4.2-4,6.8-.8,2.6-1.4,5.4-1.4,8.4s.4,5.8,1.4,8.4c.8,2.6,2.2,4.8,4,6.8s3.8,3.4,6.2,4.6c2.4,1.2,5.2,1.6,8.4,1.6s5.8-.6,8.4-1.6c2.4-1.2,4.6-2.6,6.2-4.6,1.8-2,3-4.2,4-6.8.8-2.6,1.4-5.4,1.4-8.4-.2-3-.6-5.8-1.6-8.4h0ZM154,33.2c0,2-.2,3.8-.8,5.4-.4,1.6-1.2,3.2-2.2,4.4s-2.2,2.2-3.4,2.8c-1.4.6-3,1-4.8,1s-3.4-.4-4.8-1-2.6-1.6-3.4-2.8c-1-1.2-1.6-2.6-2.2-4.4-.4-1.6-.8-3.4-.8-5.4v-.2c0-2,.2-3.8.8-5.4.4-1.6,1.2-3.2,2.2-4.4,1-1.2,2.2-2.2,3.4-2.8,1.4-.6,3-1,4.8-1s3.4.4,4.8,1,2.6,1.6,3.4,2.8c1,1.2,1.6,2.6,2.2,4.4.4,1.6.8,3.4.8,5.4v.2ZM177.8,54l-11.8-42h9.4l8,31.4h.2l8-31.4h9.4l-11.8,42h-11.4,0ZM235.4,46.7c1.2,0,2.4-.2,3.4-.6,1-.4,2-.8,2.8-1.6s1.4-1.6,1.8-2.8c.4-1.2.6-2.4.6-4V11.8h8.2v27.2c0,2.4-.4,4.4-1.2,6.2s-2,3.4-3.6,4.8c-1.4,1.4-3.2,2.4-5.4,3-2,.8-4.4,1-6.8,1s-4.8-.4-6.8-1c-2-.8-3.8-1.8-5.4-3-1.6-1.4-2.6-3-3.6-4.8-.8-1.8-1.2-4-1.2-6.2V11.7h8.4v26c0,1.6.2,2.8.6,4,.4,1.2,1,2,1.8,2.8s1.6,1.2,2.8,1.6c1.2.4,2.2.6,3.6.6h0ZM261.4,11.9h8.4v18.2l14.8-18.2h10.4l-14.4,16.8,15.4,25.2h-9.8l-11-18.8-5.4,6v12.8h-8.4V11.9h0ZM206.2,44.2c-3,0-5.4,2.4-5.4,5.4s2.4,5.4,5.4,5.4,5.4-2.4,5.4-5.4-2.4-5.4-5.4-5.4Z\"/>\n          </svg>\n      </a>\n    </div>\n    <div class=\"govuk-header__content\">\n      <nav aria-label=\"Custom navigation label\" class=\"govuk-header__navigation\">\n        <button type=\"button\" class=\"govuk-header__menu-button govuk-js-header-toggle\" aria-controls=\"navigation\" hidden>\n          Menu\n        </button>\n\n        <ul id=\"navigation\" class=\"govuk-header__navigation-list\">\n          <li class=\"govuk-header__navigation-item govuk-header__navigation-item--active\">\n            <a class=\"govuk-header__link\" href=\"#1\">\n              Navigation item 1\n            </a>\n          </li>\n          <li class=\"govuk-header__navigation-item\">\n            <a class=\"govuk-header__link\" href=\"#2\">\n              Navigation item 2\n            </a>\n          </li>\n          <li class=\"govuk-header__navigation-item\">\n            <a class=\"govuk-header__link\" href=\"#3\">\n              Navigation item 3\n            </a>\n          </li>\n          <li class=\"govuk-header__navigation-item\">\n            <a class=\"govuk-header__link\" href=\"#4\">\n              Navigation item 4\n            </a>\n          </li>\n        </ul>\n      </nav>\n    </div>\n  </div>\n</header>"
+        },
+        {
+            "name": "navigation item with attributes",
+            "options": {
+                "navigation": [
+                    {
+                        "href": "/link",
+                        "text": "Item",
+                        "attributes": {
+                            "data-attribute": "my-attribute",
+                            "data-attribute-2": "my-attribute-2"
+                        }
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<header class=\"govuk-header\" data-module=\"govuk-header\">\n  <div class=\"govuk-header__container govuk-width-container\">\n    <div class=\"govuk-header__logo\">\n      <a href=\"/\" class=\"govuk-header__link govuk-header__link--homepage\">\n        <svg\n            focusable=\"false\"\n            role=\"img\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            viewBox=\"0 0 296 60\"\n            height=\"30\"\n            width=\"148\"\n            fill=\"currentcolor\" class=\"govuk-header__logotype\" aria-label=\"GOV.UK\"\n          ><title>GOV.UK</title>    <g>\n                <circle cx=\"20\" cy=\"17.6\" r=\"3.7\"/>\n                <circle cx=\"10.2\" cy=\"23.5\" r=\"3.7\"/>\n                <circle cx=\"3.7\" cy=\"33.2\" r=\"3.7\"/>\n                <circle cx=\"31.7\" cy=\"30.6\" r=\"3.7\"/>\n                <circle cx=\"43.3\" cy=\"17.6\" r=\"3.7\"/>\n                <circle cx=\"53.2\" cy=\"23.5\" r=\"3.7\"/>\n                <circle cx=\"59.7\" cy=\"33.2\" r=\"3.7\"/>\n                <circle cx=\"31.7\" cy=\"30.6\" r=\"3.7\"/>\n                <path d=\"M33.1,9.8c.2-.1.3-.3.5-.5l4.6,2.4v-6.8l-4.6,1.5c-.1-.2-.3-.3-.5-.5l1.9-5.9h-6.7l1.9,5.9c-.2.1-.3.3-.5.5l-4.6-1.5v6.8l4.6-2.4c.1.2.3.3.5.5l-2.6,8c-.9,2.8,1.2,5.7,4.1,5.7h0c3,0,5.1-2.9,4.1-5.7l-2.6-8ZM37,37.9s-3.4,3.8-4.1,6.1c2.2,0,4.2-.5,6.4-2.8l-.7,8.5c-2-2.8-4.4-4.1-5.7-3.8.1,3.1.5,6.7,5.8,7.2,3.7.3,6.7-1.5,7-3.8.4-2.6-2-4.3-3.7-1.6-1.4-4.5,2.4-6.1,4.9-3.2-1.9-4.5-1.8-7.7,2.4-10.9,3,4,2.6,7.3-1.2,11.1,2.4-1.3,6.2,0,4,4.6-1.2-2.8-3.7-2.2-4.2.2-.3,1.7.7,3.7,3,4.2,1.9.3,4.7-.9,7-5.9-1.3,0-2.4.7-3.9,1.7l2.4-8c.6,2.3,1.4,3.7,2.2,4.5.6-1.6.5-2.8,0-5.3l5,1.8c-2.6,3.6-5.2,8.7-7.3,17.5-7.4-1.1-15.7-1.7-24.5-1.7h0c-8.8,0-17.1.6-24.5,1.7-2.1-8.9-4.7-13.9-7.3-17.5l5-1.8c-.5,2.5-.6,3.7,0,5.3.8-.8,1.6-2.3,2.2-4.5l2.4,8c-1.5-1-2.6-1.7-3.9-1.7,2.3,5,5.2,6.2,7,5.9,2.3-.4,3.3-2.4,3-4.2-.5-2.4-3-3.1-4.2-.2-2.2-4.6,1.6-6,4-4.6-3.7-3.7-4.2-7.1-1.2-11.1,4.2,3.2,4.3,6.4,2.4,10.9,2.5-2.8,6.3-1.3,4.9,3.2-1.8-2.7-4.1-1-3.7,1.6.3,2.3,3.3,4.1,7,3.8,5.4-.5,5.7-4.2,5.8-7.2-1.3-.2-3.7,1-5.7,3.8l-.7-8.5c2.2,2.3,4.2,2.7,6.4,2.8-.7-2.3-4.1-6.1-4.1-6.1h10.6,0Z\"/>\n              </g>\n              <path d=\"M88.6,33.2c0,1.8.2,3.4.6,5s1.2,3,2,4.4c1,1.2,2,2.2,3.4,3s3,1.2,5,1.2,3.4-.2,4.6-.8,2.2-1.4,3-2.2,1.2-1.8,1.6-3c.2-1,.4-2,.4-3v-.4h-10.6v-6.4h18.8v23h-7.4v-5c-.6.8-1.2,1.6-2,2.2-.8.6-1.6,1.2-2.6,1.8-1,.4-2,.8-3.2,1.2s-2.4.4-3.6.4c-3,0-5.8-.6-8-1.6-2.4-1.2-4.4-2.6-6-4.6s-2.8-4.2-3.6-6.8c-.6-2.8-1-5.6-1-8.6s.4-5.8,1.4-8.4,2.2-4.8,4-6.8,3.8-3.4,6.2-4.6c2.4-1.2,5.2-1.6,8.2-1.6s3.8.2,5.6.6c1.8.4,3.4,1.2,4.8,2s2.8,1.8,3.8,3c1.2,1.2,2,2.6,2.8,4l-7.4,4.2c-.4-.8-1-1.8-1.6-2.4-.6-.8-1.2-1.4-2-2s-1.6-1-2.6-1.4-2.2-.4-3.4-.4c-2,0-3.6.4-5,1.2-1.4.8-2.6,1.8-3.4,3-1,1.2-1.6,2.8-2,4.4-.6,1.6-.8,3.8-.8,5.4ZM161.4,24.6c-.8-2.6-2.2-4.8-4-6.8s-3.8-3.4-6.2-4.6c-2.4-1.2-5.2-1.6-8.4-1.6s-5.8.6-8.4,1.6c-2.2,1.2-4.4,2.8-6,4.6-1.8,2-3,4.2-4,6.8-.8,2.6-1.4,5.4-1.4,8.4s.4,5.8,1.4,8.4c.8,2.6,2.2,4.8,4,6.8s3.8,3.4,6.2,4.6c2.4,1.2,5.2,1.6,8.4,1.6s5.8-.6,8.4-1.6c2.4-1.2,4.6-2.6,6.2-4.6,1.8-2,3-4.2,4-6.8.8-2.6,1.4-5.4,1.4-8.4-.2-3-.6-5.8-1.6-8.4h0ZM154,33.2c0,2-.2,3.8-.8,5.4-.4,1.6-1.2,3.2-2.2,4.4s-2.2,2.2-3.4,2.8c-1.4.6-3,1-4.8,1s-3.4-.4-4.8-1-2.6-1.6-3.4-2.8c-1-1.2-1.6-2.6-2.2-4.4-.4-1.6-.8-3.4-.8-5.4v-.2c0-2,.2-3.8.8-5.4.4-1.6,1.2-3.2,2.2-4.4,1-1.2,2.2-2.2,3.4-2.8,1.4-.6,3-1,4.8-1s3.4.4,4.8,1,2.6,1.6,3.4,2.8c1,1.2,1.6,2.6,2.2,4.4.4,1.6.8,3.4.8,5.4v.2ZM177.8,54l-11.8-42h9.4l8,31.4h.2l8-31.4h9.4l-11.8,42h-11.4,0ZM235.4,46.7c1.2,0,2.4-.2,3.4-.6,1-.4,2-.8,2.8-1.6s1.4-1.6,1.8-2.8c.4-1.2.6-2.4.6-4V11.8h8.2v27.2c0,2.4-.4,4.4-1.2,6.2s-2,3.4-3.6,4.8c-1.4,1.4-3.2,2.4-5.4,3-2,.8-4.4,1-6.8,1s-4.8-.4-6.8-1c-2-.8-3.8-1.8-5.4-3-1.6-1.4-2.6-3-3.6-4.8-.8-1.8-1.2-4-1.2-6.2V11.7h8.4v26c0,1.6.2,2.8.6,4,.4,1.2,1,2,1.8,2.8s1.6,1.2,2.8,1.6c1.2.4,2.2.6,3.6.6h0ZM261.4,11.9h8.4v18.2l14.8-18.2h10.4l-14.4,16.8,15.4,25.2h-9.8l-11-18.8-5.4,6v12.8h-8.4V11.9h0ZM206.2,44.2c-3,0-5.4,2.4-5.4,5.4s2.4,5.4,5.4,5.4,5.4-2.4,5.4-5.4-2.4-5.4-5.4-5.4Z\"/>\n          </svg>\n      </a>\n    </div>\n    <div class=\"govuk-header__content\">\n      <nav aria-label=\"Menu\" class=\"govuk-header__navigation\">\n        <button type=\"button\" class=\"govuk-header__menu-button govuk-js-header-toggle\" aria-controls=\"navigation\" hidden>\n          Menu\n        </button>\n\n        <ul id=\"navigation\" class=\"govuk-header__navigation-list\">\n          <li class=\"govuk-header__navigation-item\">\n            <a class=\"govuk-header__link\" href=\"/link\" data-attribute=\"my-attribute\" data-attribute-2=\"my-attribute-2\">\n              Item\n            </a>\n          </li>\n        </ul>\n      </nav>\n    </div>\n  </div>\n</header>"
+        },
+        {
+            "name": "navigation item with html as text",
+            "options": {
+                "serviceName": "Service Name",
+                "serviceUrl": "/components/header",
+                "navigation": [
+                    {
+                        "href": "#1",
+                        "text": "<em>Navigation item 1</em>",
+                        "active": true
+                    },
+                    {
+                        "href": "#2",
+                        "text": "<em>Navigation item 2</em>"
+                    },
+                    {
+                        "href": "#3",
+                        "text": "<em>Navigation item 3</em>"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<header class=\"govuk-header\" data-module=\"govuk-header\">\n  <div class=\"govuk-header__container govuk-width-container\">\n    <div class=\"govuk-header__logo\">\n      <a href=\"/\" class=\"govuk-header__link govuk-header__link--homepage\">\n        <svg\n            focusable=\"false\"\n            role=\"img\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            viewBox=\"0 0 296 60\"\n            height=\"30\"\n            width=\"148\"\n            fill=\"currentcolor\" class=\"govuk-header__logotype\" aria-label=\"GOV.UK\"\n          ><title>GOV.UK</title>    <g>\n                <circle cx=\"20\" cy=\"17.6\" r=\"3.7\"/>\n                <circle cx=\"10.2\" cy=\"23.5\" r=\"3.7\"/>\n                <circle cx=\"3.7\" cy=\"33.2\" r=\"3.7\"/>\n                <circle cx=\"31.7\" cy=\"30.6\" r=\"3.7\"/>\n                <circle cx=\"43.3\" cy=\"17.6\" r=\"3.7\"/>\n                <circle cx=\"53.2\" cy=\"23.5\" r=\"3.7\"/>\n                <circle cx=\"59.7\" cy=\"33.2\" r=\"3.7\"/>\n                <circle cx=\"31.7\" cy=\"30.6\" r=\"3.7\"/>\n                <path d=\"M33.1,9.8c.2-.1.3-.3.5-.5l4.6,2.4v-6.8l-4.6,1.5c-.1-.2-.3-.3-.5-.5l1.9-5.9h-6.7l1.9,5.9c-.2.1-.3.3-.5.5l-4.6-1.5v6.8l4.6-2.4c.1.2.3.3.5.5l-2.6,8c-.9,2.8,1.2,5.7,4.1,5.7h0c3,0,5.1-2.9,4.1-5.7l-2.6-8ZM37,37.9s-3.4,3.8-4.1,6.1c2.2,0,4.2-.5,6.4-2.8l-.7,8.5c-2-2.8-4.4-4.1-5.7-3.8.1,3.1.5,6.7,5.8,7.2,3.7.3,6.7-1.5,7-3.8.4-2.6-2-4.3-3.7-1.6-1.4-4.5,2.4-6.1,4.9-3.2-1.9-4.5-1.8-7.7,2.4-10.9,3,4,2.6,7.3-1.2,11.1,2.4-1.3,6.2,0,4,4.6-1.2-2.8-3.7-2.2-4.2.2-.3,1.7.7,3.7,3,4.2,1.9.3,4.7-.9,7-5.9-1.3,0-2.4.7-3.9,1.7l2.4-8c.6,2.3,1.4,3.7,2.2,4.5.6-1.6.5-2.8,0-5.3l5,1.8c-2.6,3.6-5.2,8.7-7.3,17.5-7.4-1.1-15.7-1.7-24.5-1.7h0c-8.8,0-17.1.6-24.5,1.7-2.1-8.9-4.7-13.9-7.3-17.5l5-1.8c-.5,2.5-.6,3.7,0,5.3.8-.8,1.6-2.3,2.2-4.5l2.4,8c-1.5-1-2.6-1.7-3.9-1.7,2.3,5,5.2,6.2,7,5.9,2.3-.4,3.3-2.4,3-4.2-.5-2.4-3-3.1-4.2-.2-2.2-4.6,1.6-6,4-4.6-3.7-3.7-4.2-7.1-1.2-11.1,4.2,3.2,4.3,6.4,2.4,10.9,2.5-2.8,6.3-1.3,4.9,3.2-1.8-2.7-4.1-1-3.7,1.6.3,2.3,3.3,4.1,7,3.8,5.4-.5,5.7-4.2,5.8-7.2-1.3-.2-3.7,1-5.7,3.8l-.7-8.5c2.2,2.3,4.2,2.7,6.4,2.8-.7-2.3-4.1-6.1-4.1-6.1h10.6,0Z\"/>\n              </g>\n              <path d=\"M88.6,33.2c0,1.8.2,3.4.6,5s1.2,3,2,4.4c1,1.2,2,2.2,3.4,3s3,1.2,5,1.2,3.4-.2,4.6-.8,2.2-1.4,3-2.2,1.2-1.8,1.6-3c.2-1,.4-2,.4-3v-.4h-10.6v-6.4h18.8v23h-7.4v-5c-.6.8-1.2,1.6-2,2.2-.8.6-1.6,1.2-2.6,1.8-1,.4-2,.8-3.2,1.2s-2.4.4-3.6.4c-3,0-5.8-.6-8-1.6-2.4-1.2-4.4-2.6-6-4.6s-2.8-4.2-3.6-6.8c-.6-2.8-1-5.6-1-8.6s.4-5.8,1.4-8.4,2.2-4.8,4-6.8,3.8-3.4,6.2-4.6c2.4-1.2,5.2-1.6,8.2-1.6s3.8.2,5.6.6c1.8.4,3.4,1.2,4.8,2s2.8,1.8,3.8,3c1.2,1.2,2,2.6,2.8,4l-7.4,4.2c-.4-.8-1-1.8-1.6-2.4-.6-.8-1.2-1.4-2-2s-1.6-1-2.6-1.4-2.2-.4-3.4-.4c-2,0-3.6.4-5,1.2-1.4.8-2.6,1.8-3.4,3-1,1.2-1.6,2.8-2,4.4-.6,1.6-.8,3.8-.8,5.4ZM161.4,24.6c-.8-2.6-2.2-4.8-4-6.8s-3.8-3.4-6.2-4.6c-2.4-1.2-5.2-1.6-8.4-1.6s-5.8.6-8.4,1.6c-2.2,1.2-4.4,2.8-6,4.6-1.8,2-3,4.2-4,6.8-.8,2.6-1.4,5.4-1.4,8.4s.4,5.8,1.4,8.4c.8,2.6,2.2,4.8,4,6.8s3.8,3.4,6.2,4.6c2.4,1.2,5.2,1.6,8.4,1.6s5.8-.6,8.4-1.6c2.4-1.2,4.6-2.6,6.2-4.6,1.8-2,3-4.2,4-6.8.8-2.6,1.4-5.4,1.4-8.4-.2-3-.6-5.8-1.6-8.4h0ZM154,33.2c0,2-.2,3.8-.8,5.4-.4,1.6-1.2,3.2-2.2,4.4s-2.2,2.2-3.4,2.8c-1.4.6-3,1-4.8,1s-3.4-.4-4.8-1-2.6-1.6-3.4-2.8c-1-1.2-1.6-2.6-2.2-4.4-.4-1.6-.8-3.4-.8-5.4v-.2c0-2,.2-3.8.8-5.4.4-1.6,1.2-3.2,2.2-4.4,1-1.2,2.2-2.2,3.4-2.8,1.4-.6,3-1,4.8-1s3.4.4,4.8,1,2.6,1.6,3.4,2.8c1,1.2,1.6,2.6,2.2,4.4.4,1.6.8,3.4.8,5.4v.2ZM177.8,54l-11.8-42h9.4l8,31.4h.2l8-31.4h9.4l-11.8,42h-11.4,0ZM235.4,46.7c1.2,0,2.4-.2,3.4-.6,1-.4,2-.8,2.8-1.6s1.4-1.6,1.8-2.8c.4-1.2.6-2.4.6-4V11.8h8.2v27.2c0,2.4-.4,4.4-1.2,6.2s-2,3.4-3.6,4.8c-1.4,1.4-3.2,2.4-5.4,3-2,.8-4.4,1-6.8,1s-4.8-.4-6.8-1c-2-.8-3.8-1.8-5.4-3-1.6-1.4-2.6-3-3.6-4.8-.8-1.8-1.2-4-1.2-6.2V11.7h8.4v26c0,1.6.2,2.8.6,4,.4,1.2,1,2,1.8,2.8s1.6,1.2,2.8,1.6c1.2.4,2.2.6,3.6.6h0ZM261.4,11.9h8.4v18.2l14.8-18.2h10.4l-14.4,16.8,15.4,25.2h-9.8l-11-18.8-5.4,6v12.8h-8.4V11.9h0ZM206.2,44.2c-3,0-5.4,2.4-5.4,5.4s2.4,5.4,5.4,5.4,5.4-2.4,5.4-5.4-2.4-5.4-5.4-5.4Z\"/>\n          </svg>\n      </a>\n    </div>\n    <div class=\"govuk-header__content\">\n      <a href=\"/components/header\" class=\"govuk-header__link govuk-header__service-name\">\n        Service Name\n      </a>\n      <nav aria-label=\"Menu\" class=\"govuk-header__navigation\">\n        <button type=\"button\" class=\"govuk-header__menu-button govuk-js-header-toggle\" aria-controls=\"navigation\" hidden>\n          Menu\n        </button>\n\n        <ul id=\"navigation\" class=\"govuk-header__navigation-list\">\n          <li class=\"govuk-header__navigation-item govuk-header__navigation-item--active\">\n            <a class=\"govuk-header__link\" href=\"#1\">\n              &lt;em&gt;Navigation item 1&lt;/em&gt;\n            </a>\n          </li>\n          <li class=\"govuk-header__navigation-item\">\n            <a class=\"govuk-header__link\" href=\"#2\">\n              &lt;em&gt;Navigation item 2&lt;/em&gt;\n            </a>\n          </li>\n          <li class=\"govuk-header__navigation-item\">\n            <a class=\"govuk-header__link\" href=\"#3\">\n              &lt;em&gt;Navigation item 3&lt;/em&gt;\n            </a>\n          </li>\n        </ul>\n      </nav>\n    </div>\n  </div>\n</header>"
+        },
+        {
+            "name": "navigation item with html without link",
+            "options": {
+                "serviceName": "Service Name",
+                "serviceUrl": "/components/header",
+                "navigation": [
+                    {
+                        "html": "<em>Navigation item 1</em>",
+                        "active": true
+                    },
+                    {
+                        "html": "<em>Navigation item 2</em>"
+                    },
+                    {
+                        "html": "<em>Navigation item 3</em>"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<header class=\"govuk-header\" data-module=\"govuk-header\">\n  <div class=\"govuk-header__container govuk-width-container\">\n    <div class=\"govuk-header__logo\">\n      <a href=\"/\" class=\"govuk-header__link govuk-header__link--homepage\">\n        <svg\n            focusable=\"false\"\n            role=\"img\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            viewBox=\"0 0 296 60\"\n            height=\"30\"\n            width=\"148\"\n            fill=\"currentcolor\" class=\"govuk-header__logotype\" aria-label=\"GOV.UK\"\n          ><title>GOV.UK</title>    <g>\n                <circle cx=\"20\" cy=\"17.6\" r=\"3.7\"/>\n                <circle cx=\"10.2\" cy=\"23.5\" r=\"3.7\"/>\n                <circle cx=\"3.7\" cy=\"33.2\" r=\"3.7\"/>\n                <circle cx=\"31.7\" cy=\"30.6\" r=\"3.7\"/>\n                <circle cx=\"43.3\" cy=\"17.6\" r=\"3.7\"/>\n                <circle cx=\"53.2\" cy=\"23.5\" r=\"3.7\"/>\n                <circle cx=\"59.7\" cy=\"33.2\" r=\"3.7\"/>\n                <circle cx=\"31.7\" cy=\"30.6\" r=\"3.7\"/>\n                <path d=\"M33.1,9.8c.2-.1.3-.3.5-.5l4.6,2.4v-6.8l-4.6,1.5c-.1-.2-.3-.3-.5-.5l1.9-5.9h-6.7l1.9,5.9c-.2.1-.3.3-.5.5l-4.6-1.5v6.8l4.6-2.4c.1.2.3.3.5.5l-2.6,8c-.9,2.8,1.2,5.7,4.1,5.7h0c3,0,5.1-2.9,4.1-5.7l-2.6-8ZM37,37.9s-3.4,3.8-4.1,6.1c2.2,0,4.2-.5,6.4-2.8l-.7,8.5c-2-2.8-4.4-4.1-5.7-3.8.1,3.1.5,6.7,5.8,7.2,3.7.3,6.7-1.5,7-3.8.4-2.6-2-4.3-3.7-1.6-1.4-4.5,2.4-6.1,4.9-3.2-1.9-4.5-1.8-7.7,2.4-10.9,3,4,2.6,7.3-1.2,11.1,2.4-1.3,6.2,0,4,4.6-1.2-2.8-3.7-2.2-4.2.2-.3,1.7.7,3.7,3,4.2,1.9.3,4.7-.9,7-5.9-1.3,0-2.4.7-3.9,1.7l2.4-8c.6,2.3,1.4,3.7,2.2,4.5.6-1.6.5-2.8,0-5.3l5,1.8c-2.6,3.6-5.2,8.7-7.3,17.5-7.4-1.1-15.7-1.7-24.5-1.7h0c-8.8,0-17.1.6-24.5,1.7-2.1-8.9-4.7-13.9-7.3-17.5l5-1.8c-.5,2.5-.6,3.7,0,5.3.8-.8,1.6-2.3,2.2-4.5l2.4,8c-1.5-1-2.6-1.7-3.9-1.7,2.3,5,5.2,6.2,7,5.9,2.3-.4,3.3-2.4,3-4.2-.5-2.4-3-3.1-4.2-.2-2.2-4.6,1.6-6,4-4.6-3.7-3.7-4.2-7.1-1.2-11.1,4.2,3.2,4.3,6.4,2.4,10.9,2.5-2.8,6.3-1.3,4.9,3.2-1.8-2.7-4.1-1-3.7,1.6.3,2.3,3.3,4.1,7,3.8,5.4-.5,5.7-4.2,5.8-7.2-1.3-.2-3.7,1-5.7,3.8l-.7-8.5c2.2,2.3,4.2,2.7,6.4,2.8-.7-2.3-4.1-6.1-4.1-6.1h10.6,0Z\"/>\n              </g>\n              <path d=\"M88.6,33.2c0,1.8.2,3.4.6,5s1.2,3,2,4.4c1,1.2,2,2.2,3.4,3s3,1.2,5,1.2,3.4-.2,4.6-.8,2.2-1.4,3-2.2,1.2-1.8,1.6-3c.2-1,.4-2,.4-3v-.4h-10.6v-6.4h18.8v23h-7.4v-5c-.6.8-1.2,1.6-2,2.2-.8.6-1.6,1.2-2.6,1.8-1,.4-2,.8-3.2,1.2s-2.4.4-3.6.4c-3,0-5.8-.6-8-1.6-2.4-1.2-4.4-2.6-6-4.6s-2.8-4.2-3.6-6.8c-.6-2.8-1-5.6-1-8.6s.4-5.8,1.4-8.4,2.2-4.8,4-6.8,3.8-3.4,6.2-4.6c2.4-1.2,5.2-1.6,8.2-1.6s3.8.2,5.6.6c1.8.4,3.4,1.2,4.8,2s2.8,1.8,3.8,3c1.2,1.2,2,2.6,2.8,4l-7.4,4.2c-.4-.8-1-1.8-1.6-2.4-.6-.8-1.2-1.4-2-2s-1.6-1-2.6-1.4-2.2-.4-3.4-.4c-2,0-3.6.4-5,1.2-1.4.8-2.6,1.8-3.4,3-1,1.2-1.6,2.8-2,4.4-.6,1.6-.8,3.8-.8,5.4ZM161.4,24.6c-.8-2.6-2.2-4.8-4-6.8s-3.8-3.4-6.2-4.6c-2.4-1.2-5.2-1.6-8.4-1.6s-5.8.6-8.4,1.6c-2.2,1.2-4.4,2.8-6,4.6-1.8,2-3,4.2-4,6.8-.8,2.6-1.4,5.4-1.4,8.4s.4,5.8,1.4,8.4c.8,2.6,2.2,4.8,4,6.8s3.8,3.4,6.2,4.6c2.4,1.2,5.2,1.6,8.4,1.6s5.8-.6,8.4-1.6c2.4-1.2,4.6-2.6,6.2-4.6,1.8-2,3-4.2,4-6.8.8-2.6,1.4-5.4,1.4-8.4-.2-3-.6-5.8-1.6-8.4h0ZM154,33.2c0,2-.2,3.8-.8,5.4-.4,1.6-1.2,3.2-2.2,4.4s-2.2,2.2-3.4,2.8c-1.4.6-3,1-4.8,1s-3.4-.4-4.8-1-2.6-1.6-3.4-2.8c-1-1.2-1.6-2.6-2.2-4.4-.4-1.6-.8-3.4-.8-5.4v-.2c0-2,.2-3.8.8-5.4.4-1.6,1.2-3.2,2.2-4.4,1-1.2,2.2-2.2,3.4-2.8,1.4-.6,3-1,4.8-1s3.4.4,4.8,1,2.6,1.6,3.4,2.8c1,1.2,1.6,2.6,2.2,4.4.4,1.6.8,3.4.8,5.4v.2ZM177.8,54l-11.8-42h9.4l8,31.4h.2l8-31.4h9.4l-11.8,42h-11.4,0ZM235.4,46.7c1.2,0,2.4-.2,3.4-.6,1-.4,2-.8,2.8-1.6s1.4-1.6,1.8-2.8c.4-1.2.6-2.4.6-4V11.8h8.2v27.2c0,2.4-.4,4.4-1.2,6.2s-2,3.4-3.6,4.8c-1.4,1.4-3.2,2.4-5.4,3-2,.8-4.4,1-6.8,1s-4.8-.4-6.8-1c-2-.8-3.8-1.8-5.4-3-1.6-1.4-2.6-3-3.6-4.8-.8-1.8-1.2-4-1.2-6.2V11.7h8.4v26c0,1.6.2,2.8.6,4,.4,1.2,1,2,1.8,2.8s1.6,1.2,2.8,1.6c1.2.4,2.2.6,3.6.6h0ZM261.4,11.9h8.4v18.2l14.8-18.2h10.4l-14.4,16.8,15.4,25.2h-9.8l-11-18.8-5.4,6v12.8h-8.4V11.9h0ZM206.2,44.2c-3,0-5.4,2.4-5.4,5.4s2.4,5.4,5.4,5.4,5.4-2.4,5.4-5.4-2.4-5.4-5.4-5.4Z\"/>\n          </svg>\n      </a>\n    </div>\n    <div class=\"govuk-header__content\">\n      <a href=\"/components/header\" class=\"govuk-header__link govuk-header__service-name\">\n        Service Name\n      </a>\n      <nav aria-label=\"Menu\" class=\"govuk-header__navigation\">\n        <button type=\"button\" class=\"govuk-header__menu-button govuk-js-header-toggle\" aria-controls=\"navigation\" hidden>\n          Menu\n        </button>\n\n        <ul id=\"navigation\" class=\"govuk-header__navigation-list\">\n          <li class=\"govuk-header__navigation-item govuk-header__navigation-item--active\">\n              <em>Navigation item 1</em>\n          </li>\n          <li class=\"govuk-header__navigation-item\">\n              <em>Navigation item 2</em>\n          </li>\n          <li class=\"govuk-header__navigation-item\">\n              <em>Navigation item 3</em>\n          </li>\n        </ul>\n      </nav>\n    </div>\n  </div>\n</header>"
+        },
+        {
+            "name": "with custom menu button label",
+            "options": {
+                "menuButtonLabel": "Custom button label",
+                "navigation": [
+                    {
+                        "href": "#1",
+                        "text": "Navigation item 1",
+                        "active": true
+                    },
+                    {
+                        "href": "#2",
+                        "text": "Navigation item 2"
+                    },
+                    {
+                        "href": "#3",
+                        "text": "Navigation item 3"
+                    },
+                    {
+                        "href": "#4",
+                        "text": "Navigation item 4"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<header class=\"govuk-header\" data-module=\"govuk-header\">\n  <div class=\"govuk-header__container govuk-width-container\">\n    <div class=\"govuk-header__logo\">\n      <a href=\"/\" class=\"govuk-header__link govuk-header__link--homepage\">\n        <svg\n            focusable=\"false\"\n            role=\"img\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            viewBox=\"0 0 296 60\"\n            height=\"30\"\n            width=\"148\"\n            fill=\"currentcolor\" class=\"govuk-header__logotype\" aria-label=\"GOV.UK\"\n          ><title>GOV.UK</title>    <g>\n                <circle cx=\"20\" cy=\"17.6\" r=\"3.7\"/>\n                <circle cx=\"10.2\" cy=\"23.5\" r=\"3.7\"/>\n                <circle cx=\"3.7\" cy=\"33.2\" r=\"3.7\"/>\n                <circle cx=\"31.7\" cy=\"30.6\" r=\"3.7\"/>\n                <circle cx=\"43.3\" cy=\"17.6\" r=\"3.7\"/>\n                <circle cx=\"53.2\" cy=\"23.5\" r=\"3.7\"/>\n                <circle cx=\"59.7\" cy=\"33.2\" r=\"3.7\"/>\n                <circle cx=\"31.7\" cy=\"30.6\" r=\"3.7\"/>\n                <path d=\"M33.1,9.8c.2-.1.3-.3.5-.5l4.6,2.4v-6.8l-4.6,1.5c-.1-.2-.3-.3-.5-.5l1.9-5.9h-6.7l1.9,5.9c-.2.1-.3.3-.5.5l-4.6-1.5v6.8l4.6-2.4c.1.2.3.3.5.5l-2.6,8c-.9,2.8,1.2,5.7,4.1,5.7h0c3,0,5.1-2.9,4.1-5.7l-2.6-8ZM37,37.9s-3.4,3.8-4.1,6.1c2.2,0,4.2-.5,6.4-2.8l-.7,8.5c-2-2.8-4.4-4.1-5.7-3.8.1,3.1.5,6.7,5.8,7.2,3.7.3,6.7-1.5,7-3.8.4-2.6-2-4.3-3.7-1.6-1.4-4.5,2.4-6.1,4.9-3.2-1.9-4.5-1.8-7.7,2.4-10.9,3,4,2.6,7.3-1.2,11.1,2.4-1.3,6.2,0,4,4.6-1.2-2.8-3.7-2.2-4.2.2-.3,1.7.7,3.7,3,4.2,1.9.3,4.7-.9,7-5.9-1.3,0-2.4.7-3.9,1.7l2.4-8c.6,2.3,1.4,3.7,2.2,4.5.6-1.6.5-2.8,0-5.3l5,1.8c-2.6,3.6-5.2,8.7-7.3,17.5-7.4-1.1-15.7-1.7-24.5-1.7h0c-8.8,0-17.1.6-24.5,1.7-2.1-8.9-4.7-13.9-7.3-17.5l5-1.8c-.5,2.5-.6,3.7,0,5.3.8-.8,1.6-2.3,2.2-4.5l2.4,8c-1.5-1-2.6-1.7-3.9-1.7,2.3,5,5.2,6.2,7,5.9,2.3-.4,3.3-2.4,3-4.2-.5-2.4-3-3.1-4.2-.2-2.2-4.6,1.6-6,4-4.6-3.7-3.7-4.2-7.1-1.2-11.1,4.2,3.2,4.3,6.4,2.4,10.9,2.5-2.8,6.3-1.3,4.9,3.2-1.8-2.7-4.1-1-3.7,1.6.3,2.3,3.3,4.1,7,3.8,5.4-.5,5.7-4.2,5.8-7.2-1.3-.2-3.7,1-5.7,3.8l-.7-8.5c2.2,2.3,4.2,2.7,6.4,2.8-.7-2.3-4.1-6.1-4.1-6.1h10.6,0Z\"/>\n              </g>\n              <path d=\"M88.6,33.2c0,1.8.2,3.4.6,5s1.2,3,2,4.4c1,1.2,2,2.2,3.4,3s3,1.2,5,1.2,3.4-.2,4.6-.8,2.2-1.4,3-2.2,1.2-1.8,1.6-3c.2-1,.4-2,.4-3v-.4h-10.6v-6.4h18.8v23h-7.4v-5c-.6.8-1.2,1.6-2,2.2-.8.6-1.6,1.2-2.6,1.8-1,.4-2,.8-3.2,1.2s-2.4.4-3.6.4c-3,0-5.8-.6-8-1.6-2.4-1.2-4.4-2.6-6-4.6s-2.8-4.2-3.6-6.8c-.6-2.8-1-5.6-1-8.6s.4-5.8,1.4-8.4,2.2-4.8,4-6.8,3.8-3.4,6.2-4.6c2.4-1.2,5.2-1.6,8.2-1.6s3.8.2,5.6.6c1.8.4,3.4,1.2,4.8,2s2.8,1.8,3.8,3c1.2,1.2,2,2.6,2.8,4l-7.4,4.2c-.4-.8-1-1.8-1.6-2.4-.6-.8-1.2-1.4-2-2s-1.6-1-2.6-1.4-2.2-.4-3.4-.4c-2,0-3.6.4-5,1.2-1.4.8-2.6,1.8-3.4,3-1,1.2-1.6,2.8-2,4.4-.6,1.6-.8,3.8-.8,5.4ZM161.4,24.6c-.8-2.6-2.2-4.8-4-6.8s-3.8-3.4-6.2-4.6c-2.4-1.2-5.2-1.6-8.4-1.6s-5.8.6-8.4,1.6c-2.2,1.2-4.4,2.8-6,4.6-1.8,2-3,4.2-4,6.8-.8,2.6-1.4,5.4-1.4,8.4s.4,5.8,1.4,8.4c.8,2.6,2.2,4.8,4,6.8s3.8,3.4,6.2,4.6c2.4,1.2,5.2,1.6,8.4,1.6s5.8-.6,8.4-1.6c2.4-1.2,4.6-2.6,6.2-4.6,1.8-2,3-4.2,4-6.8.8-2.6,1.4-5.4,1.4-8.4-.2-3-.6-5.8-1.6-8.4h0ZM154,33.2c0,2-.2,3.8-.8,5.4-.4,1.6-1.2,3.2-2.2,4.4s-2.2,2.2-3.4,2.8c-1.4.6-3,1-4.8,1s-3.4-.4-4.8-1-2.6-1.6-3.4-2.8c-1-1.2-1.6-2.6-2.2-4.4-.4-1.6-.8-3.4-.8-5.4v-.2c0-2,.2-3.8.8-5.4.4-1.6,1.2-3.2,2.2-4.4,1-1.2,2.2-2.2,3.4-2.8,1.4-.6,3-1,4.8-1s3.4.4,4.8,1,2.6,1.6,3.4,2.8c1,1.2,1.6,2.6,2.2,4.4.4,1.6.8,3.4.8,5.4v.2ZM177.8,54l-11.8-42h9.4l8,31.4h.2l8-31.4h9.4l-11.8,42h-11.4,0ZM235.4,46.7c1.2,0,2.4-.2,3.4-.6,1-.4,2-.8,2.8-1.6s1.4-1.6,1.8-2.8c.4-1.2.6-2.4.6-4V11.8h8.2v27.2c0,2.4-.4,4.4-1.2,6.2s-2,3.4-3.6,4.8c-1.4,1.4-3.2,2.4-5.4,3-2,.8-4.4,1-6.8,1s-4.8-.4-6.8-1c-2-.8-3.8-1.8-5.4-3-1.6-1.4-2.6-3-3.6-4.8-.8-1.8-1.2-4-1.2-6.2V11.7h8.4v26c0,1.6.2,2.8.6,4,.4,1.2,1,2,1.8,2.8s1.6,1.2,2.8,1.6c1.2.4,2.2.6,3.6.6h0ZM261.4,11.9h8.4v18.2l14.8-18.2h10.4l-14.4,16.8,15.4,25.2h-9.8l-11-18.8-5.4,6v12.8h-8.4V11.9h0ZM206.2,44.2c-3,0-5.4,2.4-5.4,5.4s2.4,5.4,5.4,5.4,5.4-2.4,5.4-5.4-2.4-5.4-5.4-5.4Z\"/>\n          </svg>\n      </a>\n    </div>\n    <div class=\"govuk-header__content\">\n      <nav aria-label=\"Menu\" class=\"govuk-header__navigation\">\n        <button type=\"button\" class=\"govuk-header__menu-button govuk-js-header-toggle\" aria-controls=\"navigation\" aria-label=\"Custom button label\" hidden>\n          Menu\n        </button>\n\n        <ul id=\"navigation\" class=\"govuk-header__navigation-list\">\n          <li class=\"govuk-header__navigation-item govuk-header__navigation-item--active\">\n            <a class=\"govuk-header__link\" href=\"#1\">\n              Navigation item 1\n            </a>\n          </li>\n          <li class=\"govuk-header__navigation-item\">\n            <a class=\"govuk-header__link\" href=\"#2\">\n              Navigation item 2\n            </a>\n          </li>\n          <li class=\"govuk-header__navigation-item\">\n            <a class=\"govuk-header__link\" href=\"#3\">\n              Navigation item 3\n            </a>\n          </li>\n          <li class=\"govuk-header__navigation-item\">\n            <a class=\"govuk-header__link\" href=\"#4\">\n              Navigation item 4\n            </a>\n          </li>\n        </ul>\n      </nav>\n    </div>\n  </div>\n</header>"
+        },
+        {
+            "name": "with custom navigation label and custom menu button text",
+            "options": {
+                "menuButtonText": "Custom menu button text",
+                "navigationLabel": "Custom navigation label",
+                "navigation": [
+                    {
+                        "href": "#1",
+                        "text": "Navigation item 1",
+                        "active": true
+                    },
+                    {
+                        "href": "#2",
+                        "text": "Navigation item 2"
+                    },
+                    {
+                        "href": "#3",
+                        "text": "Navigation item 3"
+                    },
+                    {
+                        "href": "#4",
+                        "text": "Navigation item 4"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<header class=\"govuk-header\" data-module=\"govuk-header\">\n  <div class=\"govuk-header__container govuk-width-container\">\n    <div class=\"govuk-header__logo\">\n      <a href=\"/\" class=\"govuk-header__link govuk-header__link--homepage\">\n        <svg\n            focusable=\"false\"\n            role=\"img\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            viewBox=\"0 0 296 60\"\n            height=\"30\"\n            width=\"148\"\n            fill=\"currentcolor\" class=\"govuk-header__logotype\" aria-label=\"GOV.UK\"\n          ><title>GOV.UK</title>    <g>\n                <circle cx=\"20\" cy=\"17.6\" r=\"3.7\"/>\n                <circle cx=\"10.2\" cy=\"23.5\" r=\"3.7\"/>\n                <circle cx=\"3.7\" cy=\"33.2\" r=\"3.7\"/>\n                <circle cx=\"31.7\" cy=\"30.6\" r=\"3.7\"/>\n                <circle cx=\"43.3\" cy=\"17.6\" r=\"3.7\"/>\n                <circle cx=\"53.2\" cy=\"23.5\" r=\"3.7\"/>\n                <circle cx=\"59.7\" cy=\"33.2\" r=\"3.7\"/>\n                <circle cx=\"31.7\" cy=\"30.6\" r=\"3.7\"/>\n                <path d=\"M33.1,9.8c.2-.1.3-.3.5-.5l4.6,2.4v-6.8l-4.6,1.5c-.1-.2-.3-.3-.5-.5l1.9-5.9h-6.7l1.9,5.9c-.2.1-.3.3-.5.5l-4.6-1.5v6.8l4.6-2.4c.1.2.3.3.5.5l-2.6,8c-.9,2.8,1.2,5.7,4.1,5.7h0c3,0,5.1-2.9,4.1-5.7l-2.6-8ZM37,37.9s-3.4,3.8-4.1,6.1c2.2,0,4.2-.5,6.4-2.8l-.7,8.5c-2-2.8-4.4-4.1-5.7-3.8.1,3.1.5,6.7,5.8,7.2,3.7.3,6.7-1.5,7-3.8.4-2.6-2-4.3-3.7-1.6-1.4-4.5,2.4-6.1,4.9-3.2-1.9-4.5-1.8-7.7,2.4-10.9,3,4,2.6,7.3-1.2,11.1,2.4-1.3,6.2,0,4,4.6-1.2-2.8-3.7-2.2-4.2.2-.3,1.7.7,3.7,3,4.2,1.9.3,4.7-.9,7-5.9-1.3,0-2.4.7-3.9,1.7l2.4-8c.6,2.3,1.4,3.7,2.2,4.5.6-1.6.5-2.8,0-5.3l5,1.8c-2.6,3.6-5.2,8.7-7.3,17.5-7.4-1.1-15.7-1.7-24.5-1.7h0c-8.8,0-17.1.6-24.5,1.7-2.1-8.9-4.7-13.9-7.3-17.5l5-1.8c-.5,2.5-.6,3.7,0,5.3.8-.8,1.6-2.3,2.2-4.5l2.4,8c-1.5-1-2.6-1.7-3.9-1.7,2.3,5,5.2,6.2,7,5.9,2.3-.4,3.3-2.4,3-4.2-.5-2.4-3-3.1-4.2-.2-2.2-4.6,1.6-6,4-4.6-3.7-3.7-4.2-7.1-1.2-11.1,4.2,3.2,4.3,6.4,2.4,10.9,2.5-2.8,6.3-1.3,4.9,3.2-1.8-2.7-4.1-1-3.7,1.6.3,2.3,3.3,4.1,7,3.8,5.4-.5,5.7-4.2,5.8-7.2-1.3-.2-3.7,1-5.7,3.8l-.7-8.5c2.2,2.3,4.2,2.7,6.4,2.8-.7-2.3-4.1-6.1-4.1-6.1h10.6,0Z\"/>\n              </g>\n              <path d=\"M88.6,33.2c0,1.8.2,3.4.6,5s1.2,3,2,4.4c1,1.2,2,2.2,3.4,3s3,1.2,5,1.2,3.4-.2,4.6-.8,2.2-1.4,3-2.2,1.2-1.8,1.6-3c.2-1,.4-2,.4-3v-.4h-10.6v-6.4h18.8v23h-7.4v-5c-.6.8-1.2,1.6-2,2.2-.8.6-1.6,1.2-2.6,1.8-1,.4-2,.8-3.2,1.2s-2.4.4-3.6.4c-3,0-5.8-.6-8-1.6-2.4-1.2-4.4-2.6-6-4.6s-2.8-4.2-3.6-6.8c-.6-2.8-1-5.6-1-8.6s.4-5.8,1.4-8.4,2.2-4.8,4-6.8,3.8-3.4,6.2-4.6c2.4-1.2,5.2-1.6,8.2-1.6s3.8.2,5.6.6c1.8.4,3.4,1.2,4.8,2s2.8,1.8,3.8,3c1.2,1.2,2,2.6,2.8,4l-7.4,4.2c-.4-.8-1-1.8-1.6-2.4-.6-.8-1.2-1.4-2-2s-1.6-1-2.6-1.4-2.2-.4-3.4-.4c-2,0-3.6.4-5,1.2-1.4.8-2.6,1.8-3.4,3-1,1.2-1.6,2.8-2,4.4-.6,1.6-.8,3.8-.8,5.4ZM161.4,24.6c-.8-2.6-2.2-4.8-4-6.8s-3.8-3.4-6.2-4.6c-2.4-1.2-5.2-1.6-8.4-1.6s-5.8.6-8.4,1.6c-2.2,1.2-4.4,2.8-6,4.6-1.8,2-3,4.2-4,6.8-.8,2.6-1.4,5.4-1.4,8.4s.4,5.8,1.4,8.4c.8,2.6,2.2,4.8,4,6.8s3.8,3.4,6.2,4.6c2.4,1.2,5.2,1.6,8.4,1.6s5.8-.6,8.4-1.6c2.4-1.2,4.6-2.6,6.2-4.6,1.8-2,3-4.2,4-6.8.8-2.6,1.4-5.4,1.4-8.4-.2-3-.6-5.8-1.6-8.4h0ZM154,33.2c0,2-.2,3.8-.8,5.4-.4,1.6-1.2,3.2-2.2,4.4s-2.2,2.2-3.4,2.8c-1.4.6-3,1-4.8,1s-3.4-.4-4.8-1-2.6-1.6-3.4-2.8c-1-1.2-1.6-2.6-2.2-4.4-.4-1.6-.8-3.4-.8-5.4v-.2c0-2,.2-3.8.8-5.4.4-1.6,1.2-3.2,2.2-4.4,1-1.2,2.2-2.2,3.4-2.8,1.4-.6,3-1,4.8-1s3.4.4,4.8,1,2.6,1.6,3.4,2.8c1,1.2,1.6,2.6,2.2,4.4.4,1.6.8,3.4.8,5.4v.2ZM177.8,54l-11.8-42h9.4l8,31.4h.2l8-31.4h9.4l-11.8,42h-11.4,0ZM235.4,46.7c1.2,0,2.4-.2,3.4-.6,1-.4,2-.8,2.8-1.6s1.4-1.6,1.8-2.8c.4-1.2.6-2.4.6-4V11.8h8.2v27.2c0,2.4-.4,4.4-1.2,6.2s-2,3.4-3.6,4.8c-1.4,1.4-3.2,2.4-5.4,3-2,.8-4.4,1-6.8,1s-4.8-.4-6.8-1c-2-.8-3.8-1.8-5.4-3-1.6-1.4-2.6-3-3.6-4.8-.8-1.8-1.2-4-1.2-6.2V11.7h8.4v26c0,1.6.2,2.8.6,4,.4,1.2,1,2,1.8,2.8s1.6,1.2,2.8,1.6c1.2.4,2.2.6,3.6.6h0ZM261.4,11.9h8.4v18.2l14.8-18.2h10.4l-14.4,16.8,15.4,25.2h-9.8l-11-18.8-5.4,6v12.8h-8.4V11.9h0ZM206.2,44.2c-3,0-5.4,2.4-5.4,5.4s2.4,5.4,5.4,5.4,5.4-2.4,5.4-5.4-2.4-5.4-5.4-5.4Z\"/>\n          </svg>\n      </a>\n    </div>\n    <div class=\"govuk-header__content\">\n      <nav aria-label=\"Custom navigation label\" class=\"govuk-header__navigation\">\n        <button type=\"button\" class=\"govuk-header__menu-button govuk-js-header-toggle\" aria-controls=\"navigation\" hidden>\n          Custom menu button text\n        </button>\n\n        <ul id=\"navigation\" class=\"govuk-header__navigation-list\">\n          <li class=\"govuk-header__navigation-item govuk-header__navigation-item--active\">\n            <a class=\"govuk-header__link\" href=\"#1\">\n              Navigation item 1\n            </a>\n          </li>\n          <li class=\"govuk-header__navigation-item\">\n            <a class=\"govuk-header__link\" href=\"#2\">\n              Navigation item 2\n            </a>\n          </li>\n          <li class=\"govuk-header__navigation-item\">\n            <a class=\"govuk-header__link\" href=\"#3\">\n              Navigation item 3\n            </a>\n          </li>\n          <li class=\"govuk-header__navigation-item\">\n            <a class=\"govuk-header__link\" href=\"#4\">\n              Navigation item 4\n            </a>\n          </li>\n        </ul>\n      </nav>\n    </div>\n  </div>\n</header>"
+        },
+        {
+            "name": "empty navigation array",
+            "options": {
+                "navigation": []
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<header class=\"govuk-header\" data-module=\"govuk-header\">\n  <div class=\"govuk-header__container govuk-width-container\">\n    <div class=\"govuk-header__logo\">\n      <a href=\"/\" class=\"govuk-header__link govuk-header__link--homepage\">\n        <svg\n            focusable=\"false\"\n            role=\"img\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            viewBox=\"0 0 296 60\"\n            height=\"30\"\n            width=\"148\"\n            fill=\"currentcolor\" class=\"govuk-header__logotype\" aria-label=\"GOV.UK\"\n          ><title>GOV.UK</title>    <g>\n                <circle cx=\"20\" cy=\"17.6\" r=\"3.7\"/>\n                <circle cx=\"10.2\" cy=\"23.5\" r=\"3.7\"/>\n                <circle cx=\"3.7\" cy=\"33.2\" r=\"3.7\"/>\n                <circle cx=\"31.7\" cy=\"30.6\" r=\"3.7\"/>\n                <circle cx=\"43.3\" cy=\"17.6\" r=\"3.7\"/>\n                <circle cx=\"53.2\" cy=\"23.5\" r=\"3.7\"/>\n                <circle cx=\"59.7\" cy=\"33.2\" r=\"3.7\"/>\n                <circle cx=\"31.7\" cy=\"30.6\" r=\"3.7\"/>\n                <path d=\"M33.1,9.8c.2-.1.3-.3.5-.5l4.6,2.4v-6.8l-4.6,1.5c-.1-.2-.3-.3-.5-.5l1.9-5.9h-6.7l1.9,5.9c-.2.1-.3.3-.5.5l-4.6-1.5v6.8l4.6-2.4c.1.2.3.3.5.5l-2.6,8c-.9,2.8,1.2,5.7,4.1,5.7h0c3,0,5.1-2.9,4.1-5.7l-2.6-8ZM37,37.9s-3.4,3.8-4.1,6.1c2.2,0,4.2-.5,6.4-2.8l-.7,8.5c-2-2.8-4.4-4.1-5.7-3.8.1,3.1.5,6.7,5.8,7.2,3.7.3,6.7-1.5,7-3.8.4-2.6-2-4.3-3.7-1.6-1.4-4.5,2.4-6.1,4.9-3.2-1.9-4.5-1.8-7.7,2.4-10.9,3,4,2.6,7.3-1.2,11.1,2.4-1.3,6.2,0,4,4.6-1.2-2.8-3.7-2.2-4.2.2-.3,1.7.7,3.7,3,4.2,1.9.3,4.7-.9,7-5.9-1.3,0-2.4.7-3.9,1.7l2.4-8c.6,2.3,1.4,3.7,2.2,4.5.6-1.6.5-2.8,0-5.3l5,1.8c-2.6,3.6-5.2,8.7-7.3,17.5-7.4-1.1-15.7-1.7-24.5-1.7h0c-8.8,0-17.1.6-24.5,1.7-2.1-8.9-4.7-13.9-7.3-17.5l5-1.8c-.5,2.5-.6,3.7,0,5.3.8-.8,1.6-2.3,2.2-4.5l2.4,8c-1.5-1-2.6-1.7-3.9-1.7,2.3,5,5.2,6.2,7,5.9,2.3-.4,3.3-2.4,3-4.2-.5-2.4-3-3.1-4.2-.2-2.2-4.6,1.6-6,4-4.6-3.7-3.7-4.2-7.1-1.2-11.1,4.2,3.2,4.3,6.4,2.4,10.9,2.5-2.8,6.3-1.3,4.9,3.2-1.8-2.7-4.1-1-3.7,1.6.3,2.3,3.3,4.1,7,3.8,5.4-.5,5.7-4.2,5.8-7.2-1.3-.2-3.7,1-5.7,3.8l-.7-8.5c2.2,2.3,4.2,2.7,6.4,2.8-.7-2.3-4.1-6.1-4.1-6.1h10.6,0Z\"/>\n              </g>\n              <path d=\"M88.6,33.2c0,1.8.2,3.4.6,5s1.2,3,2,4.4c1,1.2,2,2.2,3.4,3s3,1.2,5,1.2,3.4-.2,4.6-.8,2.2-1.4,3-2.2,1.2-1.8,1.6-3c.2-1,.4-2,.4-3v-.4h-10.6v-6.4h18.8v23h-7.4v-5c-.6.8-1.2,1.6-2,2.2-.8.6-1.6,1.2-2.6,1.8-1,.4-2,.8-3.2,1.2s-2.4.4-3.6.4c-3,0-5.8-.6-8-1.6-2.4-1.2-4.4-2.6-6-4.6s-2.8-4.2-3.6-6.8c-.6-2.8-1-5.6-1-8.6s.4-5.8,1.4-8.4,2.2-4.8,4-6.8,3.8-3.4,6.2-4.6c2.4-1.2,5.2-1.6,8.2-1.6s3.8.2,5.6.6c1.8.4,3.4,1.2,4.8,2s2.8,1.8,3.8,3c1.2,1.2,2,2.6,2.8,4l-7.4,4.2c-.4-.8-1-1.8-1.6-2.4-.6-.8-1.2-1.4-2-2s-1.6-1-2.6-1.4-2.2-.4-3.4-.4c-2,0-3.6.4-5,1.2-1.4.8-2.6,1.8-3.4,3-1,1.2-1.6,2.8-2,4.4-.6,1.6-.8,3.8-.8,5.4ZM161.4,24.6c-.8-2.6-2.2-4.8-4-6.8s-3.8-3.4-6.2-4.6c-2.4-1.2-5.2-1.6-8.4-1.6s-5.8.6-8.4,1.6c-2.2,1.2-4.4,2.8-6,4.6-1.8,2-3,4.2-4,6.8-.8,2.6-1.4,5.4-1.4,8.4s.4,5.8,1.4,8.4c.8,2.6,2.2,4.8,4,6.8s3.8,3.4,6.2,4.6c2.4,1.2,5.2,1.6,8.4,1.6s5.8-.6,8.4-1.6c2.4-1.2,4.6-2.6,6.2-4.6,1.8-2,3-4.2,4-6.8.8-2.6,1.4-5.4,1.4-8.4-.2-3-.6-5.8-1.6-8.4h0ZM154,33.2c0,2-.2,3.8-.8,5.4-.4,1.6-1.2,3.2-2.2,4.4s-2.2,2.2-3.4,2.8c-1.4.6-3,1-4.8,1s-3.4-.4-4.8-1-2.6-1.6-3.4-2.8c-1-1.2-1.6-2.6-2.2-4.4-.4-1.6-.8-3.4-.8-5.4v-.2c0-2,.2-3.8.8-5.4.4-1.6,1.2-3.2,2.2-4.4,1-1.2,2.2-2.2,3.4-2.8,1.4-.6,3-1,4.8-1s3.4.4,4.8,1,2.6,1.6,3.4,2.8c1,1.2,1.6,2.6,2.2,4.4.4,1.6.8,3.4.8,5.4v.2ZM177.8,54l-11.8-42h9.4l8,31.4h.2l8-31.4h9.4l-11.8,42h-11.4,0ZM235.4,46.7c1.2,0,2.4-.2,3.4-.6,1-.4,2-.8,2.8-1.6s1.4-1.6,1.8-2.8c.4-1.2.6-2.4.6-4V11.8h8.2v27.2c0,2.4-.4,4.4-1.2,6.2s-2,3.4-3.6,4.8c-1.4,1.4-3.2,2.4-5.4,3-2,.8-4.4,1-6.8,1s-4.8-.4-6.8-1c-2-.8-3.8-1.8-5.4-3-1.6-1.4-2.6-3-3.6-4.8-.8-1.8-1.2-4-1.2-6.2V11.7h8.4v26c0,1.6.2,2.8.6,4,.4,1.2,1,2,1.8,2.8s1.6,1.2,2.8,1.6c1.2.4,2.2.6,3.6.6h0ZM261.4,11.9h8.4v18.2l14.8-18.2h10.4l-14.4,16.8,15.4,25.2h-9.8l-11-18.8-5.4,6v12.8h-8.4V11.9h0ZM206.2,44.2c-3,0-5.4,2.4-5.4,5.4s2.4,5.4,5.4,5.4,5.4-2.4,5.4-5.4-2.4-5.4-5.4-5.4Z\"/>\n          </svg>\n      </a>\n    </div>\n  </div>\n</header>"
+        },
+        {
+            "name": "rebrand",
+            "options": {
+                "rebrand": true
+            },
+            "hidden": true,
+            "description": "The standard header as used on information pages on GOV.UK",
+            "pageTemplateOptions": {
+                "htmlClasses": "govuk-template--rebranded"
+            },
+            "screenshot": true,
+            "html": "<header class=\"govuk-header\" data-module=\"govuk-header\">\n  <div class=\"govuk-header__container govuk-width-container\">\n    <div class=\"govuk-header__logo\">\n      <a href=\"/\" class=\"govuk-header__link govuk-header__link--homepage\">\n        <svg\n            focusable=\"false\"\n            role=\"img\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            viewBox=\"0 0 324 60\"\n            height=\"30\"\n            width=\"162\"\n            fill=\"currentcolor\" class=\"govuk-header__logotype\" aria-label=\"GOV.UK\"\n          ><title>GOV.UK</title>    <g>\n                <circle cx=\"20\" cy=\"17.6\" r=\"3.7\"/>\n                <circle cx=\"10.2\" cy=\"23.5\" r=\"3.7\"/>\n                <circle cx=\"3.7\" cy=\"33.2\" r=\"3.7\"/>\n                <circle cx=\"31.7\" cy=\"30.6\" r=\"3.7\"/>\n                <circle cx=\"43.3\" cy=\"17.6\" r=\"3.7\"/>\n                <circle cx=\"53.2\" cy=\"23.5\" r=\"3.7\"/>\n                <circle cx=\"59.7\" cy=\"33.2\" r=\"3.7\"/>\n                <circle cx=\"31.7\" cy=\"30.6\" r=\"3.7\"/>\n                <path d=\"M33.1,9.8c.2-.1.3-.3.5-.5l4.6,2.4v-6.8l-4.6,1.5c-.1-.2-.3-.3-.5-.5l1.9-5.9h-6.7l1.9,5.9c-.2.1-.3.3-.5.5l-4.6-1.5v6.8l4.6-2.4c.1.2.3.3.5.5l-2.6,8c-.9,2.8,1.2,5.7,4.1,5.7h0c3,0,5.1-2.9,4.1-5.7l-2.6-8ZM37,37.9s-3.4,3.8-4.1,6.1c2.2,0,4.2-.5,6.4-2.8l-.7,8.5c-2-2.8-4.4-4.1-5.7-3.8.1,3.1.5,6.7,5.8,7.2,3.7.3,6.7-1.5,7-3.8.4-2.6-2-4.3-3.7-1.6-1.4-4.5,2.4-6.1,4.9-3.2-1.9-4.5-1.8-7.7,2.4-10.9,3,4,2.6,7.3-1.2,11.1,2.4-1.3,6.2,0,4,4.6-1.2-2.8-3.7-2.2-4.2.2-.3,1.7.7,3.7,3,4.2,1.9.3,4.7-.9,7-5.9-1.3,0-2.4.7-3.9,1.7l2.4-8c.6,2.3,1.4,3.7,2.2,4.5.6-1.6.5-2.8,0-5.3l5,1.8c-2.6,3.6-5.2,8.7-7.3,17.5-7.4-1.1-15.7-1.7-24.5-1.7h0c-8.8,0-17.1.6-24.5,1.7-2.1-8.9-4.7-13.9-7.3-17.5l5-1.8c-.5,2.5-.6,3.7,0,5.3.8-.8,1.6-2.3,2.2-4.5l2.4,8c-1.5-1-2.6-1.7-3.9-1.7,2.3,5,5.2,6.2,7,5.9,2.3-.4,3.3-2.4,3-4.2-.5-2.4-3-3.1-4.2-.2-2.2-4.6,1.6-6,4-4.6-3.7-3.7-4.2-7.1-1.2-11.1,4.2,3.2,4.3,6.4,2.4,10.9,2.5-2.8,6.3-1.3,4.9,3.2-1.8-2.7-4.1-1-3.7,1.6.3,2.3,3.3,4.1,7,3.8,5.4-.5,5.7-4.2,5.8-7.2-1.3-.2-3.7,1-5.7,3.8l-.7-8.5c2.2,2.3,4.2,2.7,6.4,2.8-.7-2.3-4.1-6.1-4.1-6.1h10.6,0Z\"/>\n              </g>\n              <circle class=\"govuk-logo-dot\" cx=\"226\" cy=\"36\" r=\"7.3\"/>\n              <path d=\"M93.94 41.25c.4 1.81 1.2 3.21 2.21 4.62 1 1.4 2.21 2.41 3.61 3.21s3.21 1.2 5.22 1.2 3.61-.4 4.82-1c1.4-.6 2.41-1.4 3.21-2.41.8-1 1.4-2.01 1.61-3.01s.4-2.01.4-3.01v.14h-10.86v-7.02h20.07v24.08h-8.03v-5.56c-.6.8-1.38 1.61-2.19 2.41-.8.8-1.81 1.2-2.81 1.81-1 .4-2.21.8-3.41 1.2s-2.41.4-3.81.4a18.56 18.56 0 0 1-14.65-6.63c-1.6-2.01-3.01-4.41-3.81-7.02s-1.4-5.62-1.4-8.83.4-6.02 1.4-8.83a20.45 20.45 0 0 1 19.46-13.65c3.21 0 4.01.2 5.82.8 1.81.4 3.61 1.2 5.02 2.01 1.61.8 2.81 2.01 4.01 3.21s2.21 2.61 2.81 4.21l-7.63 4.41c-.4-1-1-1.81-1.61-2.61-.6-.8-1.4-1.4-2.21-2.01-.8-.6-1.81-1-2.81-1.4-1-.4-2.21-.4-3.61-.4-2.01 0-3.81.4-5.22 1.2-1.4.8-2.61 1.81-3.61 3.21s-1.61 2.81-2.21 4.62c-.4 1.81-.6 3.71-.6 5.42s.8 5.22.8 5.22Zm57.8-27.9c3.21 0 6.22.6 8.63 1.81 2.41 1.2 4.82 2.81 6.62 4.82S170.2 24.39 171 27s1.4 5.62 1.4 8.83-.4 6.02-1.4 8.83-2.41 5.02-4.01 7.02-4.01 3.61-6.62 4.82-5.42 1.81-8.63 1.81-6.22-.6-8.63-1.81-4.82-2.81-6.42-4.82-3.21-4.41-4.01-7.02-1.4-5.62-1.4-8.83.4-6.02 1.4-8.83 2.41-5.02 4.01-7.02 4.01-3.61 6.42-4.82 5.42-1.81 8.63-1.81Zm0 36.73c1.81 0 3.61-.4 5.02-1s2.61-1.81 3.61-3.01 1.81-2.81 2.21-4.41c.4-1.81.8-3.61.8-5.62 0-2.21-.2-4.21-.8-6.02s-1.2-3.21-2.21-4.62c-1-1.2-2.21-2.21-3.61-3.01s-3.21-1-5.02-1-3.61.4-5.02 1c-1.4.8-2.61 1.81-3.61 3.01s-1.81 2.81-2.21 4.62c-.4 1.81-.8 3.61-.8 5.62 0 2.41.2 4.21.8 6.02.4 1.81 1.2 3.21 2.21 4.41s2.21 2.21 3.61 3.01c1.4.8 3.21 1 5.02 1Zm36.32 7.96-12.24-44.15h9.83l8.43 32.77h.4l8.23-32.77h9.83L200.3 58.04h-12.24Zm74.14-7.96c2.18 0 3.51-.6 3.51-.6 1.2-.6 2.01-1 2.81-1.81s1.4-1.81 1.81-2.81a13 13 0 0 0 .8-4.01V13.9h8.63v28.15c0 2.41-.4 4.62-1.4 6.62-.8 2.01-2.21 3.61-3.61 5.02s-3.41 2.41-5.62 3.21-4.62 1.2-7.02 1.2-5.02-.4-7.02-1.2c-2.21-.8-4.01-1.81-5.62-3.21s-2.81-3.01-3.61-5.02-1.4-4.21-1.4-6.62V13.9h8.63v26.95c0 1.61.2 3.01.8 4.01.4 1.2 1.2 2.21 2.01 2.81.8.8 1.81 1.4 2.81 1.81 0 0 1.34.6 3.51.6Zm34.22-36.18v18.92l15.65-18.92h10.82l-15.03 17.32 16.03 26.83h-10.21l-11.44-20.21-5.62 6.22v13.99h-8.83V13.9\"/>\n          </svg>\n      </a>\n    </div>\n  </div>\n</header>"
+        },
+        {
+            "name": "with service name and navigation and rebrand",
+            "options": {
+                "serviceName": "Service Name",
+                "serviceUrl": "/components/header",
+                "navigation": [
+                    {
+                        "href": "#1",
+                        "text": "Navigation item 1",
+                        "active": true
+                    },
+                    {
+                        "href": "#2",
+                        "text": "Navigation item 2"
+                    },
+                    {
+                        "href": "#3",
+                        "text": "Navigation item 3"
+                    },
+                    {
+                        "href": "#4",
+                        "text": "Navigation item 4"
+                    }
+                ],
+                "rebrand": true
+            },
+            "hidden": true,
+            "description": "If you need to include basic navigation, contact or account management links.",
+            "pageTemplateOptions": {
+                "htmlClasses": "govuk-template--rebranded"
+            },
+            "screenshot": {
+                "variants": [
+                    "default",
+                    "no-js"
+                ]
+            },
+            "html": "<header class=\"govuk-header\" data-module=\"govuk-header\">\n  <div class=\"govuk-header__container govuk-width-container\">\n    <div class=\"govuk-header__logo\">\n      <a href=\"/\" class=\"govuk-header__link govuk-header__link--homepage\">\n        <svg\n            focusable=\"false\"\n            role=\"img\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            viewBox=\"0 0 324 60\"\n            height=\"30\"\n            width=\"162\"\n            fill=\"currentcolor\" class=\"govuk-header__logotype\" aria-label=\"GOV.UK\"\n          ><title>GOV.UK</title>    <g>\n                <circle cx=\"20\" cy=\"17.6\" r=\"3.7\"/>\n                <circle cx=\"10.2\" cy=\"23.5\" r=\"3.7\"/>\n                <circle cx=\"3.7\" cy=\"33.2\" r=\"3.7\"/>\n                <circle cx=\"31.7\" cy=\"30.6\" r=\"3.7\"/>\n                <circle cx=\"43.3\" cy=\"17.6\" r=\"3.7\"/>\n                <circle cx=\"53.2\" cy=\"23.5\" r=\"3.7\"/>\n                <circle cx=\"59.7\" cy=\"33.2\" r=\"3.7\"/>\n                <circle cx=\"31.7\" cy=\"30.6\" r=\"3.7\"/>\n                <path d=\"M33.1,9.8c.2-.1.3-.3.5-.5l4.6,2.4v-6.8l-4.6,1.5c-.1-.2-.3-.3-.5-.5l1.9-5.9h-6.7l1.9,5.9c-.2.1-.3.3-.5.5l-4.6-1.5v6.8l4.6-2.4c.1.2.3.3.5.5l-2.6,8c-.9,2.8,1.2,5.7,4.1,5.7h0c3,0,5.1-2.9,4.1-5.7l-2.6-8ZM37,37.9s-3.4,3.8-4.1,6.1c2.2,0,4.2-.5,6.4-2.8l-.7,8.5c-2-2.8-4.4-4.1-5.7-3.8.1,3.1.5,6.7,5.8,7.2,3.7.3,6.7-1.5,7-3.8.4-2.6-2-4.3-3.7-1.6-1.4-4.5,2.4-6.1,4.9-3.2-1.9-4.5-1.8-7.7,2.4-10.9,3,4,2.6,7.3-1.2,11.1,2.4-1.3,6.2,0,4,4.6-1.2-2.8-3.7-2.2-4.2.2-.3,1.7.7,3.7,3,4.2,1.9.3,4.7-.9,7-5.9-1.3,0-2.4.7-3.9,1.7l2.4-8c.6,2.3,1.4,3.7,2.2,4.5.6-1.6.5-2.8,0-5.3l5,1.8c-2.6,3.6-5.2,8.7-7.3,17.5-7.4-1.1-15.7-1.7-24.5-1.7h0c-8.8,0-17.1.6-24.5,1.7-2.1-8.9-4.7-13.9-7.3-17.5l5-1.8c-.5,2.5-.6,3.7,0,5.3.8-.8,1.6-2.3,2.2-4.5l2.4,8c-1.5-1-2.6-1.7-3.9-1.7,2.3,5,5.2,6.2,7,5.9,2.3-.4,3.3-2.4,3-4.2-.5-2.4-3-3.1-4.2-.2-2.2-4.6,1.6-6,4-4.6-3.7-3.7-4.2-7.1-1.2-11.1,4.2,3.2,4.3,6.4,2.4,10.9,2.5-2.8,6.3-1.3,4.9,3.2-1.8-2.7-4.1-1-3.7,1.6.3,2.3,3.3,4.1,7,3.8,5.4-.5,5.7-4.2,5.8-7.2-1.3-.2-3.7,1-5.7,3.8l-.7-8.5c2.2,2.3,4.2,2.7,6.4,2.8-.7-2.3-4.1-6.1-4.1-6.1h10.6,0Z\"/>\n              </g>\n              <circle class=\"govuk-logo-dot\" cx=\"226\" cy=\"36\" r=\"7.3\"/>\n              <path d=\"M93.94 41.25c.4 1.81 1.2 3.21 2.21 4.62 1 1.4 2.21 2.41 3.61 3.21s3.21 1.2 5.22 1.2 3.61-.4 4.82-1c1.4-.6 2.41-1.4 3.21-2.41.8-1 1.4-2.01 1.61-3.01s.4-2.01.4-3.01v.14h-10.86v-7.02h20.07v24.08h-8.03v-5.56c-.6.8-1.38 1.61-2.19 2.41-.8.8-1.81 1.2-2.81 1.81-1 .4-2.21.8-3.41 1.2s-2.41.4-3.81.4a18.56 18.56 0 0 1-14.65-6.63c-1.6-2.01-3.01-4.41-3.81-7.02s-1.4-5.62-1.4-8.83.4-6.02 1.4-8.83a20.45 20.45 0 0 1 19.46-13.65c3.21 0 4.01.2 5.82.8 1.81.4 3.61 1.2 5.02 2.01 1.61.8 2.81 2.01 4.01 3.21s2.21 2.61 2.81 4.21l-7.63 4.41c-.4-1-1-1.81-1.61-2.61-.6-.8-1.4-1.4-2.21-2.01-.8-.6-1.81-1-2.81-1.4-1-.4-2.21-.4-3.61-.4-2.01 0-3.81.4-5.22 1.2-1.4.8-2.61 1.81-3.61 3.21s-1.61 2.81-2.21 4.62c-.4 1.81-.6 3.71-.6 5.42s.8 5.22.8 5.22Zm57.8-27.9c3.21 0 6.22.6 8.63 1.81 2.41 1.2 4.82 2.81 6.62 4.82S170.2 24.39 171 27s1.4 5.62 1.4 8.83-.4 6.02-1.4 8.83-2.41 5.02-4.01 7.02-4.01 3.61-6.62 4.82-5.42 1.81-8.63 1.81-6.22-.6-8.63-1.81-4.82-2.81-6.42-4.82-3.21-4.41-4.01-7.02-1.4-5.62-1.4-8.83.4-6.02 1.4-8.83 2.41-5.02 4.01-7.02 4.01-3.61 6.42-4.82 5.42-1.81 8.63-1.81Zm0 36.73c1.81 0 3.61-.4 5.02-1s2.61-1.81 3.61-3.01 1.81-2.81 2.21-4.41c.4-1.81.8-3.61.8-5.62 0-2.21-.2-4.21-.8-6.02s-1.2-3.21-2.21-4.62c-1-1.2-2.21-2.21-3.61-3.01s-3.21-1-5.02-1-3.61.4-5.02 1c-1.4.8-2.61 1.81-3.61 3.01s-1.81 2.81-2.21 4.62c-.4 1.81-.8 3.61-.8 5.62 0 2.41.2 4.21.8 6.02.4 1.81 1.2 3.21 2.21 4.41s2.21 2.21 3.61 3.01c1.4.8 3.21 1 5.02 1Zm36.32 7.96-12.24-44.15h9.83l8.43 32.77h.4l8.23-32.77h9.83L200.3 58.04h-12.24Zm74.14-7.96c2.18 0 3.51-.6 3.51-.6 1.2-.6 2.01-1 2.81-1.81s1.4-1.81 1.81-2.81a13 13 0 0 0 .8-4.01V13.9h8.63v28.15c0 2.41-.4 4.62-1.4 6.62-.8 2.01-2.21 3.61-3.61 5.02s-3.41 2.41-5.62 3.21-4.62 1.2-7.02 1.2-5.02-.4-7.02-1.2c-2.21-.8-4.01-1.81-5.62-3.21s-2.81-3.01-3.61-5.02-1.4-4.21-1.4-6.62V13.9h8.63v26.95c0 1.61.2 3.01.8 4.01.4 1.2 1.2 2.21 2.01 2.81.8.8 1.81 1.4 2.81 1.81 0 0 1.34.6 3.51.6Zm34.22-36.18v18.92l15.65-18.92h10.82l-15.03 17.32 16.03 26.83h-10.21l-11.44-20.21-5.62 6.22v13.99h-8.83V13.9\"/>\n          </svg>\n      </a>\n    </div>\n    <div class=\"govuk-header__content\">\n      <a href=\"/components/header\" class=\"govuk-header__link govuk-header__service-name\">\n        Service Name\n      </a>\n      <nav aria-label=\"Menu\" class=\"govuk-header__navigation\">\n        <button type=\"button\" class=\"govuk-header__menu-button govuk-js-header-toggle\" aria-controls=\"navigation\" hidden>\n          Menu\n        </button>\n\n        <ul id=\"navigation\" class=\"govuk-header__navigation-list\">\n          <li class=\"govuk-header__navigation-item govuk-header__navigation-item--active\">\n            <a class=\"govuk-header__link\" href=\"#1\">\n              Navigation item 1\n            </a>\n          </li>\n          <li class=\"govuk-header__navigation-item\">\n            <a class=\"govuk-header__link\" href=\"#2\">\n              Navigation item 2\n            </a>\n          </li>\n          <li class=\"govuk-header__navigation-item\">\n            <a class=\"govuk-header__link\" href=\"#3\">\n              Navigation item 3\n            </a>\n          </li>\n          <li class=\"govuk-header__navigation-item\">\n            <a class=\"govuk-header__link\" href=\"#4\">\n              Navigation item 4\n            </a>\n          </li>\n        </ul>\n      </nav>\n    </div>\n  </div>\n</header>"
+        },
+        {
+            "name": "with product name and rebrand",
+            "options": {
+                "productName": "Product Name",
+                "rebrand": true
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {
+                "htmlClasses": "govuk-template--rebranded"
+            },
+            "screenshot": true,
+            "html": "<header class=\"govuk-header\" data-module=\"govuk-header\">\n  <div class=\"govuk-header__container govuk-width-container\">\n    <div class=\"govuk-header__logo\">\n      <a href=\"/\" class=\"govuk-header__link govuk-header__link--homepage\">\n        <svg\n            focusable=\"false\"\n            role=\"img\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            viewBox=\"0 0 324 60\"\n            height=\"30\"\n            width=\"162\"\n            fill=\"currentcolor\" class=\"govuk-header__logotype\" aria-label=\"GOV.UK\"\n          ><title>GOV.UK</title>    <g>\n                <circle cx=\"20\" cy=\"17.6\" r=\"3.7\"/>\n                <circle cx=\"10.2\" cy=\"23.5\" r=\"3.7\"/>\n                <circle cx=\"3.7\" cy=\"33.2\" r=\"3.7\"/>\n                <circle cx=\"31.7\" cy=\"30.6\" r=\"3.7\"/>\n                <circle cx=\"43.3\" cy=\"17.6\" r=\"3.7\"/>\n                <circle cx=\"53.2\" cy=\"23.5\" r=\"3.7\"/>\n                <circle cx=\"59.7\" cy=\"33.2\" r=\"3.7\"/>\n                <circle cx=\"31.7\" cy=\"30.6\" r=\"3.7\"/>\n                <path d=\"M33.1,9.8c.2-.1.3-.3.5-.5l4.6,2.4v-6.8l-4.6,1.5c-.1-.2-.3-.3-.5-.5l1.9-5.9h-6.7l1.9,5.9c-.2.1-.3.3-.5.5l-4.6-1.5v6.8l4.6-2.4c.1.2.3.3.5.5l-2.6,8c-.9,2.8,1.2,5.7,4.1,5.7h0c3,0,5.1-2.9,4.1-5.7l-2.6-8ZM37,37.9s-3.4,3.8-4.1,6.1c2.2,0,4.2-.5,6.4-2.8l-.7,8.5c-2-2.8-4.4-4.1-5.7-3.8.1,3.1.5,6.7,5.8,7.2,3.7.3,6.7-1.5,7-3.8.4-2.6-2-4.3-3.7-1.6-1.4-4.5,2.4-6.1,4.9-3.2-1.9-4.5-1.8-7.7,2.4-10.9,3,4,2.6,7.3-1.2,11.1,2.4-1.3,6.2,0,4,4.6-1.2-2.8-3.7-2.2-4.2.2-.3,1.7.7,3.7,3,4.2,1.9.3,4.7-.9,7-5.9-1.3,0-2.4.7-3.9,1.7l2.4-8c.6,2.3,1.4,3.7,2.2,4.5.6-1.6.5-2.8,0-5.3l5,1.8c-2.6,3.6-5.2,8.7-7.3,17.5-7.4-1.1-15.7-1.7-24.5-1.7h0c-8.8,0-17.1.6-24.5,1.7-2.1-8.9-4.7-13.9-7.3-17.5l5-1.8c-.5,2.5-.6,3.7,0,5.3.8-.8,1.6-2.3,2.2-4.5l2.4,8c-1.5-1-2.6-1.7-3.9-1.7,2.3,5,5.2,6.2,7,5.9,2.3-.4,3.3-2.4,3-4.2-.5-2.4-3-3.1-4.2-.2-2.2-4.6,1.6-6,4-4.6-3.7-3.7-4.2-7.1-1.2-11.1,4.2,3.2,4.3,6.4,2.4,10.9,2.5-2.8,6.3-1.3,4.9,3.2-1.8-2.7-4.1-1-3.7,1.6.3,2.3,3.3,4.1,7,3.8,5.4-.5,5.7-4.2,5.8-7.2-1.3-.2-3.7,1-5.7,3.8l-.7-8.5c2.2,2.3,4.2,2.7,6.4,2.8-.7-2.3-4.1-6.1-4.1-6.1h10.6,0Z\"/>\n              </g>\n              <circle class=\"govuk-logo-dot\" cx=\"226\" cy=\"36\" r=\"7.3\"/>\n              <path d=\"M93.94 41.25c.4 1.81 1.2 3.21 2.21 4.62 1 1.4 2.21 2.41 3.61 3.21s3.21 1.2 5.22 1.2 3.61-.4 4.82-1c1.4-.6 2.41-1.4 3.21-2.41.8-1 1.4-2.01 1.61-3.01s.4-2.01.4-3.01v.14h-10.86v-7.02h20.07v24.08h-8.03v-5.56c-.6.8-1.38 1.61-2.19 2.41-.8.8-1.81 1.2-2.81 1.81-1 .4-2.21.8-3.41 1.2s-2.41.4-3.81.4a18.56 18.56 0 0 1-14.65-6.63c-1.6-2.01-3.01-4.41-3.81-7.02s-1.4-5.62-1.4-8.83.4-6.02 1.4-8.83a20.45 20.45 0 0 1 19.46-13.65c3.21 0 4.01.2 5.82.8 1.81.4 3.61 1.2 5.02 2.01 1.61.8 2.81 2.01 4.01 3.21s2.21 2.61 2.81 4.21l-7.63 4.41c-.4-1-1-1.81-1.61-2.61-.6-.8-1.4-1.4-2.21-2.01-.8-.6-1.81-1-2.81-1.4-1-.4-2.21-.4-3.61-.4-2.01 0-3.81.4-5.22 1.2-1.4.8-2.61 1.81-3.61 3.21s-1.61 2.81-2.21 4.62c-.4 1.81-.6 3.71-.6 5.42s.8 5.22.8 5.22Zm57.8-27.9c3.21 0 6.22.6 8.63 1.81 2.41 1.2 4.82 2.81 6.62 4.82S170.2 24.39 171 27s1.4 5.62 1.4 8.83-.4 6.02-1.4 8.83-2.41 5.02-4.01 7.02-4.01 3.61-6.62 4.82-5.42 1.81-8.63 1.81-6.22-.6-8.63-1.81-4.82-2.81-6.42-4.82-3.21-4.41-4.01-7.02-1.4-5.62-1.4-8.83.4-6.02 1.4-8.83 2.41-5.02 4.01-7.02 4.01-3.61 6.42-4.82 5.42-1.81 8.63-1.81Zm0 36.73c1.81 0 3.61-.4 5.02-1s2.61-1.81 3.61-3.01 1.81-2.81 2.21-4.41c.4-1.81.8-3.61.8-5.62 0-2.21-.2-4.21-.8-6.02s-1.2-3.21-2.21-4.62c-1-1.2-2.21-2.21-3.61-3.01s-3.21-1-5.02-1-3.61.4-5.02 1c-1.4.8-2.61 1.81-3.61 3.01s-1.81 2.81-2.21 4.62c-.4 1.81-.8 3.61-.8 5.62 0 2.41.2 4.21.8 6.02.4 1.81 1.2 3.21 2.21 4.41s2.21 2.21 3.61 3.01c1.4.8 3.21 1 5.02 1Zm36.32 7.96-12.24-44.15h9.83l8.43 32.77h.4l8.23-32.77h9.83L200.3 58.04h-12.24Zm74.14-7.96c2.18 0 3.51-.6 3.51-.6 1.2-.6 2.01-1 2.81-1.81s1.4-1.81 1.81-2.81a13 13 0 0 0 .8-4.01V13.9h8.63v28.15c0 2.41-.4 4.62-1.4 6.62-.8 2.01-2.21 3.61-3.61 5.02s-3.41 2.41-5.62 3.21-4.62 1.2-7.02 1.2-5.02-.4-7.02-1.2c-2.21-.8-4.01-1.81-5.62-3.21s-2.81-3.01-3.61-5.02-1.4-4.21-1.4-6.62V13.9h8.63v26.95c0 1.61.2 3.01.8 4.01.4 1.2 1.2 2.21 2.01 2.81.8.8 1.81 1.4 2.81 1.81 0 0 1.34.6 3.51.6Zm34.22-36.18v18.92l15.65-18.92h10.82l-15.03 17.32 16.03 26.83h-10.21l-11.44-20.21-5.62 6.22v13.99h-8.83V13.9\"/>\n          </svg>\n        <span class=\"govuk-header__product-name\">Product Name</span>\n      </a>\n    </div>\n  </div>\n</header>"
+        }
+    ],
+    "previewLayout": "full-width"
+}
diff --git a/app/templates/govuk/components/components/header/header.bundle.js b/app/templates/govuk/components/components/header/header.bundle.js
new file mode 100644
index 0000000..ff01fd5
--- /dev/null
+++ b/app/templates/govuk/components/components/header/header.bundle.js
@@ -0,0 +1,238 @@
+(function (global, factory) {
+  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports) :
+  typeof define === 'function' && define.amd ? define(['exports'], factory) :
+  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.GOVUKFrontend = global.GOVUKFrontend || {}));
+})(this, (function (exports) { 'use strict';
+
+  function getBreakpoint(name) {
+    const property = `--govuk-breakpoint-${name}`;
+    const value = window.getComputedStyle(document.documentElement).getPropertyValue(property);
+    return {
+      property,
+      value: value || undefined
+    };
+  }
+  function isInitialised($root, moduleName) {
+    return $root instanceof HTMLElement && $root.hasAttribute(`data-${moduleName}-init`);
+  }
+
+  /**
+   * Checks if GOV.UK Frontend is supported on this page
+   *
+   * Some browsers will load and run our JavaScript but GOV.UK Frontend
+   * won't be supported.
+   *
+   * @param {HTMLElement | null} [$scope] - (internal) `<body>` HTML element checked for browser support
+   * @returns {boolean} Whether GOV.UK Frontend is supported on this page
+   */
+  function isSupported($scope = document.body) {
+    if (!$scope) {
+      return false;
+    }
+    return $scope.classList.contains('govuk-frontend-supported');
+  }
+  function isArray(option) {
+    return Array.isArray(option);
+  }
+  function isObject(option) {
+    return !!option && typeof option === 'object' && !isArray(option);
+  }
+  function formatErrorMessage(Component, message) {
+    return `${Component.moduleName}: ${message}`;
+  }
+  /**
+   * @typedef ComponentWithModuleName
+   * @property {string} moduleName - Name of the component
+   */
+
+  class GOVUKFrontendError extends Error {
+    constructor(...args) {
+      super(...args);
+      this.name = 'GOVUKFrontendError';
+    }
+  }
+  class SupportError extends GOVUKFrontendError {
+    /**
+     * Checks if GOV.UK Frontend is supported on this page
+     *
+     * @param {HTMLElement | null} [$scope] - HTML element `<body>` checked for browser support
+     */
+    constructor($scope = document.body) {
+      const supportMessage = 'noModule' in HTMLScriptElement.prototype ? 'GOV.UK Frontend initialised without `<body class="govuk-frontend-supported">` from template `<script>` snippet' : 'GOV.UK Frontend is not supported in this browser';
+      super($scope ? supportMessage : 'GOV.UK Frontend initialised without `<script type="module">`');
+      this.name = 'SupportError';
+    }
+  }
+  class ElementError extends GOVUKFrontendError {
+    constructor(messageOrOptions) {
+      let message = typeof messageOrOptions === 'string' ? messageOrOptions : '';
+      if (isObject(messageOrOptions)) {
+        const {
+          component,
+          identifier,
+          element,
+          expectedType
+        } = messageOrOptions;
+        message = identifier;
+        message += element ? ` is not of type ${expectedType != null ? expectedType : 'HTMLElement'}` : ' not found';
+        if (component) {
+          message = formatErrorMessage(component, message);
+        }
+      }
+      super(message);
+      this.name = 'ElementError';
+    }
+  }
+  class InitError extends GOVUKFrontendError {
+    constructor(componentOrMessage) {
+      const message = typeof componentOrMessage === 'string' ? componentOrMessage : formatErrorMessage(componentOrMessage, `Root element (\`$root\`) already initialised`);
+      super(message);
+      this.name = 'InitError';
+    }
+  }
+  /**
+   * @import { ComponentWithModuleName } from '../common/index.mjs'
+   */
+
+  class Component {
+    /**
+     * Returns the root element of the component
+     *
+     * @protected
+     * @returns {RootElementType} - the root element of component
+     */
+    get $root() {
+      return this._$root;
+    }
+    constructor($root) {
+      this._$root = void 0;
+      const childConstructor = this.constructor;
+      if (typeof childConstructor.moduleName !== 'string') {
+        throw new InitError(`\`moduleName\` not defined in component`);
+      }
+      if (!($root instanceof childConstructor.elementType)) {
+        throw new ElementError({
+          element: $root,
+          component: childConstructor,
+          identifier: 'Root element (`$root`)',
+          expectedType: childConstructor.elementType.name
+        });
+      } else {
+        this._$root = $root;
+      }
+      childConstructor.checkSupport();
+      this.checkInitialised();
+      const moduleName = childConstructor.moduleName;
+      this.$root.setAttribute(`data-${moduleName}-init`, '');
+    }
+    checkInitialised() {
+      const constructor = this.constructor;
+      const moduleName = constructor.moduleName;
+      if (moduleName && isInitialised(this.$root, moduleName)) {
+        throw new InitError(constructor);
+      }
+    }
+    static checkSupport() {
+      if (!isSupported()) {
+        throw new SupportError();
+      }
+    }
+  }
+
+  /**
+   * @typedef ChildClass
+   * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component
+   */
+
+  /**
+   * @typedef {typeof Component & ChildClass} ChildClassConstructor
+   */
+  Component.elementType = HTMLElement;
+
+  /**
+   * Header component
+   *
+   * @preserve
+   */
+  class Header extends Component {
+    /**
+     * Apply a matchMedia for desktop which will trigger a state sync if the
+     * browser viewport moves between states.
+     *
+     * @param {Element | null} $root - HTML element to use for header
+     */
+    constructor($root) {
+      super($root);
+      this.$menuButton = void 0;
+      this.$menu = void 0;
+      this.menuIsOpen = false;
+      this.mql = null;
+      const $menuButton = this.$root.querySelector('.govuk-js-header-toggle');
+      if (!$menuButton) {
+        return this;
+      }
+      this.$root.classList.add('govuk-header--with-js-navigation');
+      const menuId = $menuButton.getAttribute('aria-controls');
+      if (!menuId) {
+        throw new ElementError({
+          component: Header,
+          identifier: 'Navigation button (`<button class="govuk-js-header-toggle">`) attribute (`aria-controls`)'
+        });
+      }
+      const $menu = document.getElementById(menuId);
+      if (!$menu) {
+        throw new ElementError({
+          component: Header,
+          element: $menu,
+          identifier: `Navigation (\`<ul id="${menuId}">\`)`
+        });
+      }
+      this.$menu = $menu;
+      this.$menuButton = $menuButton;
+      this.setupResponsiveChecks();
+      this.$menuButton.addEventListener('click', () => this.handleMenuButtonClick());
+    }
+    setupResponsiveChecks() {
+      const breakpoint = getBreakpoint('desktop');
+      if (!breakpoint.value) {
+        throw new ElementError({
+          component: Header,
+          identifier: `CSS custom property (\`${breakpoint.property}\`) on pseudo-class \`:root\``
+        });
+      }
+      this.mql = window.matchMedia(`(min-width: ${breakpoint.value})`);
+      if ('addEventListener' in this.mql) {
+        this.mql.addEventListener('change', () => this.checkMode());
+      } else {
+        this.mql.addListener(() => this.checkMode());
+      }
+      this.checkMode();
+    }
+    checkMode() {
+      if (!this.mql || !this.$menu || !this.$menuButton) {
+        return;
+      }
+      if (this.mql.matches) {
+        this.$menu.removeAttribute('hidden');
+        this.$menuButton.setAttribute('hidden', '');
+      } else {
+        this.$menuButton.removeAttribute('hidden');
+        this.$menuButton.setAttribute('aria-expanded', this.menuIsOpen.toString());
+        if (this.menuIsOpen) {
+          this.$menu.removeAttribute('hidden');
+        } else {
+          this.$menu.setAttribute('hidden', '');
+        }
+      }
+    }
+    handleMenuButtonClick() {
+      this.menuIsOpen = !this.menuIsOpen;
+      this.checkMode();
+    }
+  }
+  Header.moduleName = 'govuk-header';
+
+  exports.Header = Header;
+
+}));
+//# sourceMappingURL=header.bundle.js.map
diff --git a/app/templates/govuk/components/components/header/header.bundle.js.map b/app/templates/govuk/components/components/header/header.bundle.js.map
new file mode 100644
index 0000000..3f92907
--- /dev/null
+++ b/app/templates/govuk/components/components/header/header.bundle.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"header.bundle.js","sources":["../../../../src/govuk/common/index.mjs","../../../../src/govuk/errors/index.mjs","../../../../src/govuk/component.mjs","../../../../src/govuk/components/header/header.mjs"],"sourcesContent":["/**\n * Common helpers which do not require polyfill.\n *\n * IMPORTANT: If a helper require a polyfill, please isolate it in its own module\n * so that the polyfill can be properly tree-shaken and does not burden\n * the components that do not need that helper\n */\n\n/**\n * Get GOV.UK Frontend breakpoint value from CSS custom property\n *\n * @private\n * @param {string} name - Breakpoint name\n * @returns {{ property: string, value?: string }} Breakpoint object\n */\nexport function getBreakpoint(name) {\n  const property = `--govuk-breakpoint-${name}`\n\n  // Get value from `<html>` with breakpoints on CSS :root\n  const value = window\n    .getComputedStyle(document.documentElement)\n    .getPropertyValue(property)\n\n  return {\n    property,\n    value: value || undefined\n  }\n}\n\n/**\n * Move focus to element\n *\n * Sets tabindex to -1 to make the element programmatically focusable,\n * but removes it on blur as the element doesn't need to be focused again.\n *\n * @private\n * @template {HTMLElement} FocusElement\n * @param {FocusElement} $element - HTML element\n * @param {object} [options] - Handler options\n * @param {function(this: FocusElement): void} [options.onBeforeFocus] - Callback before focus\n * @param {function(this: FocusElement): void} [options.onBlur] - Callback on blur\n */\nexport function setFocus($element, options = {}) {\n  const isFocusable = $element.getAttribute('tabindex')\n\n  if (!isFocusable) {\n    $element.setAttribute('tabindex', '-1')\n  }\n\n  /**\n   * Handle element focus\n   */\n  function onFocus() {\n    $element.addEventListener('blur', onBlur, { once: true })\n  }\n\n  /**\n   * Handle element blur\n   */\n  function onBlur() {\n    options.onBlur?.call($element)\n\n    if (!isFocusable) {\n      $element.removeAttribute('tabindex')\n    }\n  }\n\n  // Add listener to reset element on blur, after focus\n  $element.addEventListener('focus', onFocus, { once: true })\n\n  // Focus element\n  options.onBeforeFocus?.call($element)\n  $element.focus()\n}\n\n/**\n * Checks if component is already initialised\n *\n * @internal\n * @param {Element} $root - HTML element to be checked\n * @param {string} moduleName - name of component module\n * @returns {boolean} Whether component is already initialised\n */\nexport function isInitialised($root, moduleName) {\n  return (\n    $root instanceof HTMLElement &&\n    $root.hasAttribute(`data-${moduleName}-init`)\n  )\n}\n\n/**\n * Checks if GOV.UK Frontend is supported on this page\n *\n * Some browsers will load and run our JavaScript but GOV.UK Frontend\n * won't be supported.\n *\n * @param {HTMLElement | null} [$scope] - (internal) `<body>` HTML element checked for browser support\n * @returns {boolean} Whether GOV.UK Frontend is supported on this page\n */\nexport function isSupported($scope = document.body) {\n  if (!$scope) {\n    return false\n  }\n\n  return $scope.classList.contains('govuk-frontend-supported')\n}\n\n/**\n * Check for an array\n *\n * @internal\n * @param {unknown} option - Option to check\n * @returns {boolean} Whether the option is an array\n */\nfunction isArray(option) {\n  return Array.isArray(option)\n}\n\n/**\n * Check for an object\n *\n * @internal\n * @template {Partial<Record<keyof ObjectType, unknown>>} ObjectType\n * @param {unknown | ObjectType} option - Option to check\n * @returns {option is ObjectType} Whether the option is an object\n */\nexport function isObject(option) {\n  return !!option && typeof option === 'object' && !isArray(option)\n}\n\n/**\n * Check for valid scope\n *\n * @internal\n * @template {Element | Document} ScopeType\n * @param {unknown | ScopeType} $scope - Scope of the document to search within\n * @returns {$scope is ScopeType} Whether the scope can be queried\n */\nexport function isScope($scope) {\n  return !!$scope && ($scope instanceof Element || $scope instanceof Document)\n}\n\n/**\n * Format error message\n *\n * @internal\n * @param {ComponentWithModuleName} Component - Component that threw the error\n * @param {string} message - Error message\n * @returns {string} - Formatted error message\n */\nexport function formatErrorMessage(Component, message) {\n  return `${Component.moduleName}: ${message}`\n}\n\n/* eslint-disable jsdoc/valid-types --\n * `{new(...args: any[] ): object}` is not recognised as valid\n * https://github.com/gajus/eslint-plugin-jsdoc/issues/145#issuecomment-1308722878\n * https://github.com/jsdoc-type-pratt-parser/jsdoc-type-pratt-parser/issues/131\n **/\n\n/**\n * @typedef ComponentWithModuleName\n * @property {string} moduleName - Name of the component\n */\n\n/* eslint-enable jsdoc/valid-types */\n","import { formatErrorMessage, isObject } from '../common/index.mjs'\n\n/**\n * GOV.UK Frontend error\n *\n * A base class for `Error`s thrown by GOV.UK Frontend.\n *\n * It is meant to be extended into specific types of errors\n * to be thrown by our code.\n *\n * @example\n * ```js\n * class MissingRootError extends GOVUKFrontendError {\n *   // Setting an explicit name is important as extending the class will not\n *   // set a new `name` on the subclass. The `name` property is important\n *   // to ensure intelligible error names even if the class name gets\n *   // mangled by a minifier\n *   name = \"MissingRootError\"\n * }\n * ```\n * @virtual\n */\nexport class GOVUKFrontendError extends Error {\n  name = 'GOVUKFrontendError'\n}\n\n/**\n * Indicates that GOV.UK Frontend is not supported\n */\nexport class SupportError extends GOVUKFrontendError {\n  name = 'SupportError'\n\n  /**\n   * Checks if GOV.UK Frontend is supported on this page\n   *\n   * @param {HTMLElement | null} [$scope] - HTML element `<body>` checked for browser support\n   */\n  constructor($scope = document.body) {\n    const supportMessage =\n      'noModule' in HTMLScriptElement.prototype\n        ? 'GOV.UK Frontend initialised without `<body class=\"govuk-frontend-supported\">` from template `<script>` snippet'\n        : 'GOV.UK Frontend is not supported in this browser'\n\n    super(\n      $scope\n        ? supportMessage\n        : 'GOV.UK Frontend initialised without `<script type=\"module\">`'\n    )\n  }\n}\n\n/**\n * Indicates that a component has received an illegal configuration\n */\nexport class ConfigError extends GOVUKFrontendError {\n  name = 'ConfigError'\n}\n\n/**\n * Indicates an issue with an element (possibly `null` or `undefined`)\n */\nexport class ElementError extends GOVUKFrontendError {\n  name = 'ElementError'\n\n  /**\n   * @internal\n   * @overload\n   * @param {string} message - Element error message\n   */\n\n  /**\n   * @internal\n   * @overload\n   * @param {ElementErrorOptions} options - Element error options\n   */\n\n  /**\n   * @internal\n   * @param {string | ElementErrorOptions} messageOrOptions - Element error message or options\n   */\n  constructor(messageOrOptions) {\n    let message = typeof messageOrOptions === 'string' ? messageOrOptions : ''\n\n    // Build message from options\n    if (isObject(messageOrOptions)) {\n      const { component, identifier, element, expectedType } = messageOrOptions\n\n      message = identifier\n\n      // Append reason\n      message += element\n        ? ` is not of type ${expectedType ?? 'HTMLElement'}`\n        : ' not found'\n\n      // Prepend with module name (optional)\n      if (component) {\n        message = formatErrorMessage(component, message)\n      }\n    }\n\n    super(message)\n  }\n}\n\n/**\n * Indicates that a component is already initialised\n */\nexport class InitError extends GOVUKFrontendError {\n  name = 'InitError'\n\n  /**\n   * @internal\n   * @param {ComponentWithModuleName | string} componentOrMessage - name of the component module\n   */\n  constructor(componentOrMessage) {\n    const message =\n      typeof componentOrMessage === 'string'\n        ? componentOrMessage\n        : formatErrorMessage(\n            componentOrMessage,\n            `Root element (\\`$root\\`) already initialised`\n          )\n\n    super(message)\n  }\n}\n\n/**\n * Element error options\n *\n * @internal\n * @typedef {object} ElementErrorOptions\n * @property {Element | Document | null} [element] - The element in error (optional)\n * @property {ComponentWithModuleName} [component] - Component throwing the error (optional)\n * @property {string} identifier - An identifier that'll let the user understand which element has an error. This is whatever makes the most sense\n * @property {string} [expectedType] - The type that was expected for the identifier (optional)\n */\n\n/**\n * @import { ComponentWithModuleName } from '../common/index.mjs'\n */\n","import { isInitialised, isSupported } from './common/index.mjs'\nimport { ElementError, InitError, SupportError } from './errors/index.mjs'\n\n/**\n * Base Component class\n *\n * Centralises the behaviours shared by our components\n *\n * @virtual\n * @template {Element} [RootElementType=HTMLElement]\n */\nexport class Component {\n  /**\n   * @type {typeof Element}\n   */\n  static elementType = HTMLElement\n\n  // allows Typescript user to work around the lack of types\n  // in GOVUKFrontend package, Typescript is not aware of $root\n  // in components that extend GOVUKFrontendComponent\n  /**\n   * Returns the root element of the component\n   *\n   * @protected\n   * @returns {RootElementType} - the root element of component\n   */\n  get $root() {\n    return this._$root\n  }\n\n  /**\n   * @protected\n   * @type {RootElementType}\n   */\n  _$root\n\n  /**\n   * Constructs a new component, validating that GOV.UK Frontend is supported\n   *\n   * @internal\n   * @param {Element | null} [$root] - HTML element to use for component\n   */\n  constructor($root) {\n    const childConstructor = /** @type {ChildClassConstructor} */ (\n      this.constructor\n    )\n\n    // TypeScript does not enforce that inheriting classes will define a `moduleName`\n    // (even if we add a `@virtual` `static moduleName` property to this class).\n    // While we trust users to do this correctly, we do a little check to provide them\n    // a helpful error message.\n    //\n    // After this, we'll be sure that `childConstructor` has a `moduleName`\n    // as expected of the `ChildClassConstructor` we've cast `this.constructor` to.\n    if (typeof childConstructor.moduleName !== 'string') {\n      throw new InitError(`\\`moduleName\\` not defined in component`)\n    }\n\n    if (!($root instanceof childConstructor.elementType)) {\n      throw new ElementError({\n        element: $root,\n        component: childConstructor,\n        identifier: 'Root element (`$root`)',\n        expectedType: childConstructor.elementType.name\n      })\n    } else {\n      this._$root = /** @type {RootElementType} */ ($root)\n    }\n\n    childConstructor.checkSupport()\n\n    this.checkInitialised()\n\n    const moduleName = childConstructor.moduleName\n\n    this.$root.setAttribute(`data-${moduleName}-init`, '')\n  }\n\n  /**\n   * Validates whether component is already initialised\n   *\n   * @private\n   * @throws {InitError} when component is already initialised\n   */\n  checkInitialised() {\n    const constructor = /** @type {ChildClassConstructor} */ (this.constructor)\n    const moduleName = constructor.moduleName\n\n    if (moduleName && isInitialised(this.$root, moduleName)) {\n      throw new InitError(constructor)\n    }\n  }\n\n  /**\n   * Validates whether components are supported\n   *\n   * @throws {SupportError} when the components are not supported\n   */\n  static checkSupport() {\n    if (!isSupported()) {\n      throw new SupportError()\n    }\n  }\n}\n\n/**\n * @typedef ChildClass\n * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component\n */\n\n/**\n * @typedef {typeof Component & ChildClass} ChildClassConstructor\n */\n","import { getBreakpoint } from '../../common/index.mjs'\nimport { Component } from '../../component.mjs'\nimport { ElementError } from '../../errors/index.mjs'\n\n/**\n * Header component\n *\n * @preserve\n */\nexport class Header extends Component {\n  /** @private */\n  $menuButton\n\n  /** @private */\n  $menu\n\n  /**\n   * Save the opened/closed state for the nav in memory so that we can\n   * accurately maintain state when the screen is changed from small to big and\n   * back to small\n   *\n   * @private\n   */\n  menuIsOpen = false\n\n  /**\n   * A global const for storing a matchMedia instance which we'll use to detect\n   * when a screen size change happens. We rely on it being null if the feature\n   * isn't available to initially apply hidden attributes\n   *\n   * @private\n   * @type {MediaQueryList | null}\n   */\n  mql = null\n\n  /**\n   * Apply a matchMedia for desktop which will trigger a state sync if the\n   * browser viewport moves between states.\n   *\n   * @param {Element | null} $root - HTML element to use for header\n   */\n  constructor($root) {\n    super($root)\n\n    const $menuButton = this.$root.querySelector('.govuk-js-header-toggle')\n\n    // Headers don't necessarily have a navigation. When they don't, the menu\n    // toggle won't be rendered by our macro (or may be omitted when writing\n    // plain HTML)\n    if (!$menuButton) {\n      return this\n    }\n\n    // Pad the header logo so it doesn't overlap the menu button\n    this.$root.classList.add('govuk-header--with-js-navigation')\n\n    const menuId = $menuButton.getAttribute('aria-controls')\n    if (!menuId) {\n      throw new ElementError({\n        component: Header,\n        identifier:\n          'Navigation button (`<button class=\"govuk-js-header-toggle\">`) attribute (`aria-controls`)'\n      })\n    }\n\n    const $menu = document.getElementById(menuId)\n    if (!$menu) {\n      throw new ElementError({\n        component: Header,\n        element: $menu,\n        identifier: `Navigation (\\`<ul id=\"${menuId}\">\\`)`\n      })\n    }\n\n    this.$menu = $menu\n    this.$menuButton = $menuButton\n\n    this.setupResponsiveChecks()\n\n    this.$menuButton.addEventListener('click', () =>\n      this.handleMenuButtonClick()\n    )\n  }\n\n  /**\n   * Setup viewport resize check\n   *\n   * @private\n   */\n  setupResponsiveChecks() {\n    const breakpoint = getBreakpoint('desktop')\n\n    if (!breakpoint.value) {\n      throw new ElementError({\n        component: Header,\n        identifier: `CSS custom property (\\`${breakpoint.property}\\`) on pseudo-class \\`:root\\``\n      })\n    }\n\n    // Media query list for GOV.UK Frontend desktop breakpoint\n    this.mql = window.matchMedia(`(min-width: ${breakpoint.value})`)\n\n    // MediaQueryList.addEventListener isn't supported by Safari < 14 so we need\n    // to be able to fall back to the deprecated MediaQueryList.addListener\n    if ('addEventListener' in this.mql) {\n      this.mql.addEventListener('change', () => this.checkMode())\n    } else {\n      // @ts-expect-error Property 'addListener' does not exist\n      // eslint-disable-next-line @typescript-eslint/no-unsafe-call\n      this.mql.addListener(() => this.checkMode())\n    }\n\n    this.checkMode()\n  }\n\n  /**\n   * Sync menu state\n   *\n   * Uses the global variable menuIsOpen to correctly set the accessible and\n   * visual states of the menu and the menu button.\n   * Additionally will force the menu to be visible and the menu button to be\n   * hidden if the matchMedia is triggered to desktop.\n   *\n   * @private\n   */\n  checkMode() {\n    if (!this.mql || !this.$menu || !this.$menuButton) {\n      return\n    }\n\n    if (this.mql.matches) {\n      this.$menu.removeAttribute('hidden')\n      this.$menuButton.setAttribute('hidden', '')\n    } else {\n      this.$menuButton.removeAttribute('hidden')\n      this.$menuButton.setAttribute('aria-expanded', this.menuIsOpen.toString())\n\n      if (this.menuIsOpen) {\n        this.$menu.removeAttribute('hidden')\n      } else {\n        this.$menu.setAttribute('hidden', '')\n      }\n    }\n  }\n\n  /**\n   * Handle menu button click\n   *\n   * When the menu button is clicked, change the visibility of the menu and then\n   * sync the accessibility state and menu button state\n   *\n   * @private\n   */\n  handleMenuButtonClick() {\n    this.menuIsOpen = !this.menuIsOpen\n    this.checkMode()\n  }\n\n  /**\n   * Name for the component used when initialising using data-module attributes.\n   */\n  static moduleName = 'govuk-header'\n}\n"],"names":["getBreakpoint","name","property","value","window","getComputedStyle","document","documentElement","getPropertyValue","undefined","isInitialised","$root","moduleName","HTMLElement","hasAttribute","isSupported","$scope","body","classList","contains","isArray","option","Array","isObject","formatErrorMessage","Component","message","GOVUKFrontendError","Error","constructor","args","SupportError","supportMessage","HTMLScriptElement","prototype","ElementError","messageOrOptions","component","identifier","element","expectedType","InitError","componentOrMessage","_$root","childConstructor","elementType","checkSupport","checkInitialised","setAttribute","Header","$menuButton","$menu","menuIsOpen","mql","querySelector","add","menuId","getAttribute","getElementById","setupResponsiveChecks","addEventListener","handleMenuButtonClick","breakpoint","matchMedia","checkMode","addListener","matches","removeAttribute","toString"],"mappings":"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"}
\ No newline at end of file
diff --git a/app/templates/govuk/components/components/header/header.bundle.mjs b/app/templates/govuk/components/components/header/header.bundle.mjs
new file mode 100644
index 0000000..12d626e
--- /dev/null
+++ b/app/templates/govuk/components/components/header/header.bundle.mjs
@@ -0,0 +1,230 @@
+function getBreakpoint(name) {
+  const property = `--govuk-breakpoint-${name}`;
+  const value = window.getComputedStyle(document.documentElement).getPropertyValue(property);
+  return {
+    property,
+    value: value || undefined
+  };
+}
+function isInitialised($root, moduleName) {
+  return $root instanceof HTMLElement && $root.hasAttribute(`data-${moduleName}-init`);
+}
+
+/**
+ * Checks if GOV.UK Frontend is supported on this page
+ *
+ * Some browsers will load and run our JavaScript but GOV.UK Frontend
+ * won't be supported.
+ *
+ * @param {HTMLElement | null} [$scope] - (internal) `<body>` HTML element checked for browser support
+ * @returns {boolean} Whether GOV.UK Frontend is supported on this page
+ */
+function isSupported($scope = document.body) {
+  if (!$scope) {
+    return false;
+  }
+  return $scope.classList.contains('govuk-frontend-supported');
+}
+function isArray(option) {
+  return Array.isArray(option);
+}
+function isObject(option) {
+  return !!option && typeof option === 'object' && !isArray(option);
+}
+function formatErrorMessage(Component, message) {
+  return `${Component.moduleName}: ${message}`;
+}
+/**
+ * @typedef ComponentWithModuleName
+ * @property {string} moduleName - Name of the component
+ */
+
+class GOVUKFrontendError extends Error {
+  constructor(...args) {
+    super(...args);
+    this.name = 'GOVUKFrontendError';
+  }
+}
+class SupportError extends GOVUKFrontendError {
+  /**
+   * Checks if GOV.UK Frontend is supported on this page
+   *
+   * @param {HTMLElement | null} [$scope] - HTML element `<body>` checked for browser support
+   */
+  constructor($scope = document.body) {
+    const supportMessage = 'noModule' in HTMLScriptElement.prototype ? 'GOV.UK Frontend initialised without `<body class="govuk-frontend-supported">` from template `<script>` snippet' : 'GOV.UK Frontend is not supported in this browser';
+    super($scope ? supportMessage : 'GOV.UK Frontend initialised without `<script type="module">`');
+    this.name = 'SupportError';
+  }
+}
+class ElementError extends GOVUKFrontendError {
+  constructor(messageOrOptions) {
+    let message = typeof messageOrOptions === 'string' ? messageOrOptions : '';
+    if (isObject(messageOrOptions)) {
+      const {
+        component,
+        identifier,
+        element,
+        expectedType
+      } = messageOrOptions;
+      message = identifier;
+      message += element ? ` is not of type ${expectedType != null ? expectedType : 'HTMLElement'}` : ' not found';
+      if (component) {
+        message = formatErrorMessage(component, message);
+      }
+    }
+    super(message);
+    this.name = 'ElementError';
+  }
+}
+class InitError extends GOVUKFrontendError {
+  constructor(componentOrMessage) {
+    const message = typeof componentOrMessage === 'string' ? componentOrMessage : formatErrorMessage(componentOrMessage, `Root element (\`$root\`) already initialised`);
+    super(message);
+    this.name = 'InitError';
+  }
+}
+/**
+ * @import { ComponentWithModuleName } from '../common/index.mjs'
+ */
+
+class Component {
+  /**
+   * Returns the root element of the component
+   *
+   * @protected
+   * @returns {RootElementType} - the root element of component
+   */
+  get $root() {
+    return this._$root;
+  }
+  constructor($root) {
+    this._$root = void 0;
+    const childConstructor = this.constructor;
+    if (typeof childConstructor.moduleName !== 'string') {
+      throw new InitError(`\`moduleName\` not defined in component`);
+    }
+    if (!($root instanceof childConstructor.elementType)) {
+      throw new ElementError({
+        element: $root,
+        component: childConstructor,
+        identifier: 'Root element (`$root`)',
+        expectedType: childConstructor.elementType.name
+      });
+    } else {
+      this._$root = $root;
+    }
+    childConstructor.checkSupport();
+    this.checkInitialised();
+    const moduleName = childConstructor.moduleName;
+    this.$root.setAttribute(`data-${moduleName}-init`, '');
+  }
+  checkInitialised() {
+    const constructor = this.constructor;
+    const moduleName = constructor.moduleName;
+    if (moduleName && isInitialised(this.$root, moduleName)) {
+      throw new InitError(constructor);
+    }
+  }
+  static checkSupport() {
+    if (!isSupported()) {
+      throw new SupportError();
+    }
+  }
+}
+
+/**
+ * @typedef ChildClass
+ * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component
+ */
+
+/**
+ * @typedef {typeof Component & ChildClass} ChildClassConstructor
+ */
+Component.elementType = HTMLElement;
+
+/**
+ * Header component
+ *
+ * @preserve
+ */
+class Header extends Component {
+  /**
+   * Apply a matchMedia for desktop which will trigger a state sync if the
+   * browser viewport moves between states.
+   *
+   * @param {Element | null} $root - HTML element to use for header
+   */
+  constructor($root) {
+    super($root);
+    this.$menuButton = void 0;
+    this.$menu = void 0;
+    this.menuIsOpen = false;
+    this.mql = null;
+    const $menuButton = this.$root.querySelector('.govuk-js-header-toggle');
+    if (!$menuButton) {
+      return this;
+    }
+    this.$root.classList.add('govuk-header--with-js-navigation');
+    const menuId = $menuButton.getAttribute('aria-controls');
+    if (!menuId) {
+      throw new ElementError({
+        component: Header,
+        identifier: 'Navigation button (`<button class="govuk-js-header-toggle">`) attribute (`aria-controls`)'
+      });
+    }
+    const $menu = document.getElementById(menuId);
+    if (!$menu) {
+      throw new ElementError({
+        component: Header,
+        element: $menu,
+        identifier: `Navigation (\`<ul id="${menuId}">\`)`
+      });
+    }
+    this.$menu = $menu;
+    this.$menuButton = $menuButton;
+    this.setupResponsiveChecks();
+    this.$menuButton.addEventListener('click', () => this.handleMenuButtonClick());
+  }
+  setupResponsiveChecks() {
+    const breakpoint = getBreakpoint('desktop');
+    if (!breakpoint.value) {
+      throw new ElementError({
+        component: Header,
+        identifier: `CSS custom property (\`${breakpoint.property}\`) on pseudo-class \`:root\``
+      });
+    }
+    this.mql = window.matchMedia(`(min-width: ${breakpoint.value})`);
+    if ('addEventListener' in this.mql) {
+      this.mql.addEventListener('change', () => this.checkMode());
+    } else {
+      this.mql.addListener(() => this.checkMode());
+    }
+    this.checkMode();
+  }
+  checkMode() {
+    if (!this.mql || !this.$menu || !this.$menuButton) {
+      return;
+    }
+    if (this.mql.matches) {
+      this.$menu.removeAttribute('hidden');
+      this.$menuButton.setAttribute('hidden', '');
+    } else {
+      this.$menuButton.removeAttribute('hidden');
+      this.$menuButton.setAttribute('aria-expanded', this.menuIsOpen.toString());
+      if (this.menuIsOpen) {
+        this.$menu.removeAttribute('hidden');
+      } else {
+        this.$menu.setAttribute('hidden', '');
+      }
+    }
+  }
+  handleMenuButtonClick() {
+    this.menuIsOpen = !this.menuIsOpen;
+    this.checkMode();
+  }
+}
+Header.moduleName = 'govuk-header';
+
+export { Header };
+//# sourceMappingURL=header.bundle.mjs.map
diff --git a/app/templates/govuk/components/components/header/header.bundle.mjs.map b/app/templates/govuk/components/components/header/header.bundle.mjs.map
new file mode 100644
index 0000000..6c6abde
--- /dev/null
+++ b/app/templates/govuk/components/components/header/header.bundle.mjs.map
@@ -0,0 +1 @@
+{"version":3,"file":"header.bundle.mjs","sources":["../../../../src/govuk/common/index.mjs","../../../../src/govuk/errors/index.mjs","../../../../src/govuk/component.mjs","../../../../src/govuk/components/header/header.mjs"],"sourcesContent":["/**\n * Common helpers which do not require polyfill.\n *\n * IMPORTANT: If a helper require a polyfill, please isolate it in its own module\n * so that the polyfill can be properly tree-shaken and does not burden\n * the components that do not need that helper\n */\n\n/**\n * Get GOV.UK Frontend breakpoint value from CSS custom property\n *\n * @private\n * @param {string} name - Breakpoint name\n * @returns {{ property: string, value?: string }} Breakpoint object\n */\nexport function getBreakpoint(name) {\n  const property = `--govuk-breakpoint-${name}`\n\n  // Get value from `<html>` with breakpoints on CSS :root\n  const value = window\n    .getComputedStyle(document.documentElement)\n    .getPropertyValue(property)\n\n  return {\n    property,\n    value: value || undefined\n  }\n}\n\n/**\n * Move focus to element\n *\n * Sets tabindex to -1 to make the element programmatically focusable,\n * but removes it on blur as the element doesn't need to be focused again.\n *\n * @private\n * @template {HTMLElement} FocusElement\n * @param {FocusElement} $element - HTML element\n * @param {object} [options] - Handler options\n * @param {function(this: FocusElement): void} [options.onBeforeFocus] - Callback before focus\n * @param {function(this: FocusElement): void} [options.onBlur] - Callback on blur\n */\nexport function setFocus($element, options = {}) {\n  const isFocusable = $element.getAttribute('tabindex')\n\n  if (!isFocusable) {\n    $element.setAttribute('tabindex', '-1')\n  }\n\n  /**\n   * Handle element focus\n   */\n  function onFocus() {\n    $element.addEventListener('blur', onBlur, { once: true })\n  }\n\n  /**\n   * Handle element blur\n   */\n  function onBlur() {\n    options.onBlur?.call($element)\n\n    if (!isFocusable) {\n      $element.removeAttribute('tabindex')\n    }\n  }\n\n  // Add listener to reset element on blur, after focus\n  $element.addEventListener('focus', onFocus, { once: true })\n\n  // Focus element\n  options.onBeforeFocus?.call($element)\n  $element.focus()\n}\n\n/**\n * Checks if component is already initialised\n *\n * @internal\n * @param {Element} $root - HTML element to be checked\n * @param {string} moduleName - name of component module\n * @returns {boolean} Whether component is already initialised\n */\nexport function isInitialised($root, moduleName) {\n  return (\n    $root instanceof HTMLElement &&\n    $root.hasAttribute(`data-${moduleName}-init`)\n  )\n}\n\n/**\n * Checks if GOV.UK Frontend is supported on this page\n *\n * Some browsers will load and run our JavaScript but GOV.UK Frontend\n * won't be supported.\n *\n * @param {HTMLElement | null} [$scope] - (internal) `<body>` HTML element checked for browser support\n * @returns {boolean} Whether GOV.UK Frontend is supported on this page\n */\nexport function isSupported($scope = document.body) {\n  if (!$scope) {\n    return false\n  }\n\n  return $scope.classList.contains('govuk-frontend-supported')\n}\n\n/**\n * Check for an array\n *\n * @internal\n * @param {unknown} option - Option to check\n * @returns {boolean} Whether the option is an array\n */\nfunction isArray(option) {\n  return Array.isArray(option)\n}\n\n/**\n * Check for an object\n *\n * @internal\n * @template {Partial<Record<keyof ObjectType, unknown>>} ObjectType\n * @param {unknown | ObjectType} option - Option to check\n * @returns {option is ObjectType} Whether the option is an object\n */\nexport function isObject(option) {\n  return !!option && typeof option === 'object' && !isArray(option)\n}\n\n/**\n * Check for valid scope\n *\n * @internal\n * @template {Element | Document} ScopeType\n * @param {unknown | ScopeType} $scope - Scope of the document to search within\n * @returns {$scope is ScopeType} Whether the scope can be queried\n */\nexport function isScope($scope) {\n  return !!$scope && ($scope instanceof Element || $scope instanceof Document)\n}\n\n/**\n * Format error message\n *\n * @internal\n * @param {ComponentWithModuleName} Component - Component that threw the error\n * @param {string} message - Error message\n * @returns {string} - Formatted error message\n */\nexport function formatErrorMessage(Component, message) {\n  return `${Component.moduleName}: ${message}`\n}\n\n/* eslint-disable jsdoc/valid-types --\n * `{new(...args: any[] ): object}` is not recognised as valid\n * https://github.com/gajus/eslint-plugin-jsdoc/issues/145#issuecomment-1308722878\n * https://github.com/jsdoc-type-pratt-parser/jsdoc-type-pratt-parser/issues/131\n **/\n\n/**\n * @typedef ComponentWithModuleName\n * @property {string} moduleName - Name of the component\n */\n\n/* eslint-enable jsdoc/valid-types */\n","import { formatErrorMessage, isObject } from '../common/index.mjs'\n\n/**\n * GOV.UK Frontend error\n *\n * A base class for `Error`s thrown by GOV.UK Frontend.\n *\n * It is meant to be extended into specific types of errors\n * to be thrown by our code.\n *\n * @example\n * ```js\n * class MissingRootError extends GOVUKFrontendError {\n *   // Setting an explicit name is important as extending the class will not\n *   // set a new `name` on the subclass. The `name` property is important\n *   // to ensure intelligible error names even if the class name gets\n *   // mangled by a minifier\n *   name = \"MissingRootError\"\n * }\n * ```\n * @virtual\n */\nexport class GOVUKFrontendError extends Error {\n  name = 'GOVUKFrontendError'\n}\n\n/**\n * Indicates that GOV.UK Frontend is not supported\n */\nexport class SupportError extends GOVUKFrontendError {\n  name = 'SupportError'\n\n  /**\n   * Checks if GOV.UK Frontend is supported on this page\n   *\n   * @param {HTMLElement | null} [$scope] - HTML element `<body>` checked for browser support\n   */\n  constructor($scope = document.body) {\n    const supportMessage =\n      'noModule' in HTMLScriptElement.prototype\n        ? 'GOV.UK Frontend initialised without `<body class=\"govuk-frontend-supported\">` from template `<script>` snippet'\n        : 'GOV.UK Frontend is not supported in this browser'\n\n    super(\n      $scope\n        ? supportMessage\n        : 'GOV.UK Frontend initialised without `<script type=\"module\">`'\n    )\n  }\n}\n\n/**\n * Indicates that a component has received an illegal configuration\n */\nexport class ConfigError extends GOVUKFrontendError {\n  name = 'ConfigError'\n}\n\n/**\n * Indicates an issue with an element (possibly `null` or `undefined`)\n */\nexport class ElementError extends GOVUKFrontendError {\n  name = 'ElementError'\n\n  /**\n   * @internal\n   * @overload\n   * @param {string} message - Element error message\n   */\n\n  /**\n   * @internal\n   * @overload\n   * @param {ElementErrorOptions} options - Element error options\n   */\n\n  /**\n   * @internal\n   * @param {string | ElementErrorOptions} messageOrOptions - Element error message or options\n   */\n  constructor(messageOrOptions) {\n    let message = typeof messageOrOptions === 'string' ? messageOrOptions : ''\n\n    // Build message from options\n    if (isObject(messageOrOptions)) {\n      const { component, identifier, element, expectedType } = messageOrOptions\n\n      message = identifier\n\n      // Append reason\n      message += element\n        ? ` is not of type ${expectedType ?? 'HTMLElement'}`\n        : ' not found'\n\n      // Prepend with module name (optional)\n      if (component) {\n        message = formatErrorMessage(component, message)\n      }\n    }\n\n    super(message)\n  }\n}\n\n/**\n * Indicates that a component is already initialised\n */\nexport class InitError extends GOVUKFrontendError {\n  name = 'InitError'\n\n  /**\n   * @internal\n   * @param {ComponentWithModuleName | string} componentOrMessage - name of the component module\n   */\n  constructor(componentOrMessage) {\n    const message =\n      typeof componentOrMessage === 'string'\n        ? componentOrMessage\n        : formatErrorMessage(\n            componentOrMessage,\n            `Root element (\\`$root\\`) already initialised`\n          )\n\n    super(message)\n  }\n}\n\n/**\n * Element error options\n *\n * @internal\n * @typedef {object} ElementErrorOptions\n * @property {Element | Document | null} [element] - The element in error (optional)\n * @property {ComponentWithModuleName} [component] - Component throwing the error (optional)\n * @property {string} identifier - An identifier that'll let the user understand which element has an error. This is whatever makes the most sense\n * @property {string} [expectedType] - The type that was expected for the identifier (optional)\n */\n\n/**\n * @import { ComponentWithModuleName } from '../common/index.mjs'\n */\n","import { isInitialised, isSupported } from './common/index.mjs'\nimport { ElementError, InitError, SupportError } from './errors/index.mjs'\n\n/**\n * Base Component class\n *\n * Centralises the behaviours shared by our components\n *\n * @virtual\n * @template {Element} [RootElementType=HTMLElement]\n */\nexport class Component {\n  /**\n   * @type {typeof Element}\n   */\n  static elementType = HTMLElement\n\n  // allows Typescript user to work around the lack of types\n  // in GOVUKFrontend package, Typescript is not aware of $root\n  // in components that extend GOVUKFrontendComponent\n  /**\n   * Returns the root element of the component\n   *\n   * @protected\n   * @returns {RootElementType} - the root element of component\n   */\n  get $root() {\n    return this._$root\n  }\n\n  /**\n   * @protected\n   * @type {RootElementType}\n   */\n  _$root\n\n  /**\n   * Constructs a new component, validating that GOV.UK Frontend is supported\n   *\n   * @internal\n   * @param {Element | null} [$root] - HTML element to use for component\n   */\n  constructor($root) {\n    const childConstructor = /** @type {ChildClassConstructor} */ (\n      this.constructor\n    )\n\n    // TypeScript does not enforce that inheriting classes will define a `moduleName`\n    // (even if we add a `@virtual` `static moduleName` property to this class).\n    // While we trust users to do this correctly, we do a little check to provide them\n    // a helpful error message.\n    //\n    // After this, we'll be sure that `childConstructor` has a `moduleName`\n    // as expected of the `ChildClassConstructor` we've cast `this.constructor` to.\n    if (typeof childConstructor.moduleName !== 'string') {\n      throw new InitError(`\\`moduleName\\` not defined in component`)\n    }\n\n    if (!($root instanceof childConstructor.elementType)) {\n      throw new ElementError({\n        element: $root,\n        component: childConstructor,\n        identifier: 'Root element (`$root`)',\n        expectedType: childConstructor.elementType.name\n      })\n    } else {\n      this._$root = /** @type {RootElementType} */ ($root)\n    }\n\n    childConstructor.checkSupport()\n\n    this.checkInitialised()\n\n    const moduleName = childConstructor.moduleName\n\n    this.$root.setAttribute(`data-${moduleName}-init`, '')\n  }\n\n  /**\n   * Validates whether component is already initialised\n   *\n   * @private\n   * @throws {InitError} when component is already initialised\n   */\n  checkInitialised() {\n    const constructor = /** @type {ChildClassConstructor} */ (this.constructor)\n    const moduleName = constructor.moduleName\n\n    if (moduleName && isInitialised(this.$root, moduleName)) {\n      throw new InitError(constructor)\n    }\n  }\n\n  /**\n   * Validates whether components are supported\n   *\n   * @throws {SupportError} when the components are not supported\n   */\n  static checkSupport() {\n    if (!isSupported()) {\n      throw new SupportError()\n    }\n  }\n}\n\n/**\n * @typedef ChildClass\n * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component\n */\n\n/**\n * @typedef {typeof Component & ChildClass} ChildClassConstructor\n */\n","import { getBreakpoint } from '../../common/index.mjs'\nimport { Component } from '../../component.mjs'\nimport { ElementError } from '../../errors/index.mjs'\n\n/**\n * Header component\n *\n * @preserve\n */\nexport class Header extends Component {\n  /** @private */\n  $menuButton\n\n  /** @private */\n  $menu\n\n  /**\n   * Save the opened/closed state for the nav in memory so that we can\n   * accurately maintain state when the screen is changed from small to big and\n   * back to small\n   *\n   * @private\n   */\n  menuIsOpen = false\n\n  /**\n   * A global const for storing a matchMedia instance which we'll use to detect\n   * when a screen size change happens. We rely on it being null if the feature\n   * isn't available to initially apply hidden attributes\n   *\n   * @private\n   * @type {MediaQueryList | null}\n   */\n  mql = null\n\n  /**\n   * Apply a matchMedia for desktop which will trigger a state sync if the\n   * browser viewport moves between states.\n   *\n   * @param {Element | null} $root - HTML element to use for header\n   */\n  constructor($root) {\n    super($root)\n\n    const $menuButton = this.$root.querySelector('.govuk-js-header-toggle')\n\n    // Headers don't necessarily have a navigation. When they don't, the menu\n    // toggle won't be rendered by our macro (or may be omitted when writing\n    // plain HTML)\n    if (!$menuButton) {\n      return this\n    }\n\n    // Pad the header logo so it doesn't overlap the menu button\n    this.$root.classList.add('govuk-header--with-js-navigation')\n\n    const menuId = $menuButton.getAttribute('aria-controls')\n    if (!menuId) {\n      throw new ElementError({\n        component: Header,\n        identifier:\n          'Navigation button (`<button class=\"govuk-js-header-toggle\">`) attribute (`aria-controls`)'\n      })\n    }\n\n    const $menu = document.getElementById(menuId)\n    if (!$menu) {\n      throw new ElementError({\n        component: Header,\n        element: $menu,\n        identifier: `Navigation (\\`<ul id=\"${menuId}\">\\`)`\n      })\n    }\n\n    this.$menu = $menu\n    this.$menuButton = $menuButton\n\n    this.setupResponsiveChecks()\n\n    this.$menuButton.addEventListener('click', () =>\n      this.handleMenuButtonClick()\n    )\n  }\n\n  /**\n   * Setup viewport resize check\n   *\n   * @private\n   */\n  setupResponsiveChecks() {\n    const breakpoint = getBreakpoint('desktop')\n\n    if (!breakpoint.value) {\n      throw new ElementError({\n        component: Header,\n        identifier: `CSS custom property (\\`${breakpoint.property}\\`) on pseudo-class \\`:root\\``\n      })\n    }\n\n    // Media query list for GOV.UK Frontend desktop breakpoint\n    this.mql = window.matchMedia(`(min-width: ${breakpoint.value})`)\n\n    // MediaQueryList.addEventListener isn't supported by Safari < 14 so we need\n    // to be able to fall back to the deprecated MediaQueryList.addListener\n    if ('addEventListener' in this.mql) {\n      this.mql.addEventListener('change', () => this.checkMode())\n    } else {\n      // @ts-expect-error Property 'addListener' does not exist\n      // eslint-disable-next-line @typescript-eslint/no-unsafe-call\n      this.mql.addListener(() => this.checkMode())\n    }\n\n    this.checkMode()\n  }\n\n  /**\n   * Sync menu state\n   *\n   * Uses the global variable menuIsOpen to correctly set the accessible and\n   * visual states of the menu and the menu button.\n   * Additionally will force the menu to be visible and the menu button to be\n   * hidden if the matchMedia is triggered to desktop.\n   *\n   * @private\n   */\n  checkMode() {\n    if (!this.mql || !this.$menu || !this.$menuButton) {\n      return\n    }\n\n    if (this.mql.matches) {\n      this.$menu.removeAttribute('hidden')\n      this.$menuButton.setAttribute('hidden', '')\n    } else {\n      this.$menuButton.removeAttribute('hidden')\n      this.$menuButton.setAttribute('aria-expanded', this.menuIsOpen.toString())\n\n      if (this.menuIsOpen) {\n        this.$menu.removeAttribute('hidden')\n      } else {\n        this.$menu.setAttribute('hidden', '')\n      }\n    }\n  }\n\n  /**\n   * Handle menu button click\n   *\n   * When the menu button is clicked, change the visibility of the menu and then\n   * sync the accessibility state and menu button state\n   *\n   * @private\n   */\n  handleMenuButtonClick() {\n    this.menuIsOpen = !this.menuIsOpen\n    this.checkMode()\n  }\n\n  /**\n   * Name for the component used when initialising using data-module attributes.\n   */\n  static moduleName = 'govuk-header'\n}\n"],"names":["getBreakpoint","name","property","value","window","getComputedStyle","document","documentElement","getPropertyValue","undefined","isInitialised","$root","moduleName","HTMLElement","hasAttribute","isSupported","$scope","body","classList","contains","isArray","option","Array","isObject","formatErrorMessage","Component","message","GOVUKFrontendError","Error","constructor","args","SupportError","supportMessage","HTMLScriptElement","prototype","ElementError","messageOrOptions","component","identifier","element","expectedType","InitError","componentOrMessage","_$root","childConstructor","elementType","checkSupport","checkInitialised","setAttribute","Header","$menuButton","$menu","menuIsOpen","mql","querySelector","add","menuId","getAttribute","getElementById","setupResponsiveChecks","addEventListener","handleMenuButtonClick","breakpoint","matchMedia","checkMode","addListener","matches","removeAttribute","toString"],"mappings":"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"}
\ No newline at end of file
diff --git a/app/templates/govuk/components/components/header/header.mjs b/app/templates/govuk/components/components/header/header.mjs
new file mode 100644
index 0000000..b2489b6
--- /dev/null
+++ b/app/templates/govuk/components/components/header/header.mjs
@@ -0,0 +1,89 @@
+import { getBreakpoint } from '../../common/index.mjs';
+import { Component } from '../../component.mjs';
+import { ElementError } from '../../errors/index.mjs';
+
+/**
+ * Header component
+ *
+ * @preserve
+ */
+class Header extends Component {
+  /**
+   * Apply a matchMedia for desktop which will trigger a state sync if the
+   * browser viewport moves between states.
+   *
+   * @param {Element | null} $root - HTML element to use for header
+   */
+  constructor($root) {
+    super($root);
+    this.$menuButton = void 0;
+    this.$menu = void 0;
+    this.menuIsOpen = false;
+    this.mql = null;
+    const $menuButton = this.$root.querySelector('.govuk-js-header-toggle');
+    if (!$menuButton) {
+      return this;
+    }
+    this.$root.classList.add('govuk-header--with-js-navigation');
+    const menuId = $menuButton.getAttribute('aria-controls');
+    if (!menuId) {
+      throw new ElementError({
+        component: Header,
+        identifier: 'Navigation button (`<button class="govuk-js-header-toggle">`) attribute (`aria-controls`)'
+      });
+    }
+    const $menu = document.getElementById(menuId);
+    if (!$menu) {
+      throw new ElementError({
+        component: Header,
+        element: $menu,
+        identifier: `Navigation (\`<ul id="${menuId}">\`)`
+      });
+    }
+    this.$menu = $menu;
+    this.$menuButton = $menuButton;
+    this.setupResponsiveChecks();
+    this.$menuButton.addEventListener('click', () => this.handleMenuButtonClick());
+  }
+  setupResponsiveChecks() {
+    const breakpoint = getBreakpoint('desktop');
+    if (!breakpoint.value) {
+      throw new ElementError({
+        component: Header,
+        identifier: `CSS custom property (\`${breakpoint.property}\`) on pseudo-class \`:root\``
+      });
+    }
+    this.mql = window.matchMedia(`(min-width: ${breakpoint.value})`);
+    if ('addEventListener' in this.mql) {
+      this.mql.addEventListener('change', () => this.checkMode());
+    } else {
+      this.mql.addListener(() => this.checkMode());
+    }
+    this.checkMode();
+  }
+  checkMode() {
+    if (!this.mql || !this.$menu || !this.$menuButton) {
+      return;
+    }
+    if (this.mql.matches) {
+      this.$menu.removeAttribute('hidden');
+      this.$menuButton.setAttribute('hidden', '');
+    } else {
+      this.$menuButton.removeAttribute('hidden');
+      this.$menuButton.setAttribute('aria-expanded', this.menuIsOpen.toString());
+      if (this.menuIsOpen) {
+        this.$menu.removeAttribute('hidden');
+      } else {
+        this.$menu.setAttribute('hidden', '');
+      }
+    }
+  }
+  handleMenuButtonClick() {
+    this.menuIsOpen = !this.menuIsOpen;
+    this.checkMode();
+  }
+}
+Header.moduleName = 'govuk-header';
+
+export { Header };
+//# sourceMappingURL=header.mjs.map
diff --git a/app/templates/govuk/components/components/header/header.mjs.map b/app/templates/govuk/components/components/header/header.mjs.map
new file mode 100644
index 0000000..412c0bb
--- /dev/null
+++ b/app/templates/govuk/components/components/header/header.mjs.map
@@ -0,0 +1 @@
+{"version":3,"file":"header.mjs","sources":["../../../../src/govuk/components/header/header.mjs"],"sourcesContent":["import { getBreakpoint } from '../../common/index.mjs'\nimport { Component } from '../../component.mjs'\nimport { ElementError } from '../../errors/index.mjs'\n\n/**\n * Header component\n *\n * @preserve\n */\nexport class Header extends Component {\n  /** @private */\n  $menuButton\n\n  /** @private */\n  $menu\n\n  /**\n   * Save the opened/closed state for the nav in memory so that we can\n   * accurately maintain state when the screen is changed from small to big and\n   * back to small\n   *\n   * @private\n   */\n  menuIsOpen = false\n\n  /**\n   * A global const for storing a matchMedia instance which we'll use to detect\n   * when a screen size change happens. We rely on it being null if the feature\n   * isn't available to initially apply hidden attributes\n   *\n   * @private\n   * @type {MediaQueryList | null}\n   */\n  mql = null\n\n  /**\n   * Apply a matchMedia for desktop which will trigger a state sync if the\n   * browser viewport moves between states.\n   *\n   * @param {Element | null} $root - HTML element to use for header\n   */\n  constructor($root) {\n    super($root)\n\n    const $menuButton = this.$root.querySelector('.govuk-js-header-toggle')\n\n    // Headers don't necessarily have a navigation. When they don't, the menu\n    // toggle won't be rendered by our macro (or may be omitted when writing\n    // plain HTML)\n    if (!$menuButton) {\n      return this\n    }\n\n    // Pad the header logo so it doesn't overlap the menu button\n    this.$root.classList.add('govuk-header--with-js-navigation')\n\n    const menuId = $menuButton.getAttribute('aria-controls')\n    if (!menuId) {\n      throw new ElementError({\n        component: Header,\n        identifier:\n          'Navigation button (`<button class=\"govuk-js-header-toggle\">`) attribute (`aria-controls`)'\n      })\n    }\n\n    const $menu = document.getElementById(menuId)\n    if (!$menu) {\n      throw new ElementError({\n        component: Header,\n        element: $menu,\n        identifier: `Navigation (\\`<ul id=\"${menuId}\">\\`)`\n      })\n    }\n\n    this.$menu = $menu\n    this.$menuButton = $menuButton\n\n    this.setupResponsiveChecks()\n\n    this.$menuButton.addEventListener('click', () =>\n      this.handleMenuButtonClick()\n    )\n  }\n\n  /**\n   * Setup viewport resize check\n   *\n   * @private\n   */\n  setupResponsiveChecks() {\n    const breakpoint = getBreakpoint('desktop')\n\n    if (!breakpoint.value) {\n      throw new ElementError({\n        component: Header,\n        identifier: `CSS custom property (\\`${breakpoint.property}\\`) on pseudo-class \\`:root\\``\n      })\n    }\n\n    // Media query list for GOV.UK Frontend desktop breakpoint\n    this.mql = window.matchMedia(`(min-width: ${breakpoint.value})`)\n\n    // MediaQueryList.addEventListener isn't supported by Safari < 14 so we need\n    // to be able to fall back to the deprecated MediaQueryList.addListener\n    if ('addEventListener' in this.mql) {\n      this.mql.addEventListener('change', () => this.checkMode())\n    } else {\n      // @ts-expect-error Property 'addListener' does not exist\n      // eslint-disable-next-line @typescript-eslint/no-unsafe-call\n      this.mql.addListener(() => this.checkMode())\n    }\n\n    this.checkMode()\n  }\n\n  /**\n   * Sync menu state\n   *\n   * Uses the global variable menuIsOpen to correctly set the accessible and\n   * visual states of the menu and the menu button.\n   * Additionally will force the menu to be visible and the menu button to be\n   * hidden if the matchMedia is triggered to desktop.\n   *\n   * @private\n   */\n  checkMode() {\n    if (!this.mql || !this.$menu || !this.$menuButton) {\n      return\n    }\n\n    if (this.mql.matches) {\n      this.$menu.removeAttribute('hidden')\n      this.$menuButton.setAttribute('hidden', '')\n    } else {\n      this.$menuButton.removeAttribute('hidden')\n      this.$menuButton.setAttribute('aria-expanded', this.menuIsOpen.toString())\n\n      if (this.menuIsOpen) {\n        this.$menu.removeAttribute('hidden')\n      } else {\n        this.$menu.setAttribute('hidden', '')\n      }\n    }\n  }\n\n  /**\n   * Handle menu button click\n   *\n   * When the menu button is clicked, change the visibility of the menu and then\n   * sync the accessibility state and menu button state\n   *\n   * @private\n   */\n  handleMenuButtonClick() {\n    this.menuIsOpen = !this.menuIsOpen\n    this.checkMode()\n  }\n\n  /**\n   * Name for the component used when initialising using data-module attributes.\n   */\n  static moduleName = 'govuk-header'\n}\n"],"names":["Header","Component","constructor","$root","$menuButton","$menu","menuIsOpen","mql","querySelector","classList","add","menuId","getAttribute","ElementError","component","identifier","document","getElementById","element","setupResponsiveChecks","addEventListener","handleMenuButtonClick","breakpoint","getBreakpoint","value","property","window","matchMedia","checkMode","addListener","matches","removeAttribute","setAttribute","toString","moduleName"],"mappings":"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"}
\ No newline at end of file
diff --git a/app/templates/govuk/components/components/header/macro-options.json b/app/templates/govuk/components/components/header/macro-options.json
new file mode 100644
index 0000000..8f49807
--- /dev/null
+++ b/app/templates/govuk/components/components/header/macro-options.json
@@ -0,0 +1,131 @@
+[
+    {
+        "name": "homepageUrl",
+        "type": "string",
+        "required": false,
+        "description": "The URL of the homepage. Defaults to `\"/\"`."
+    },
+    {
+        "name": "productName",
+        "type": "string",
+        "required": false,
+        "description": "Product name, used when the product name follows on directly from ‘GOV.UK’. For example, GOV.UK Pay or GOV.UK Design System. In most circumstances, you should use `serviceName`."
+    },
+    {
+        "name": "serviceName",
+        "type": "string",
+        "required": false,
+        "description": "The name of your service, included in the header.",
+        "deprecated": "5.9.0"
+    },
+    {
+        "name": "serviceUrl",
+        "type": "string",
+        "required": false,
+        "description": "URL for the service name anchor.",
+        "deprecated": "5.9.0"
+    },
+    {
+        "name": "navigation",
+        "type": "array",
+        "required": false,
+        "description": "Can be used to add navigation to the header component.",
+        "deprecated": "5.9.0",
+        "params": [
+            {
+                "name": "text",
+                "type": "string",
+                "required": true,
+                "description": "Text for the navigation item. If `html` is provided, the `text` option will be ignored.",
+                "deprecated": "5.9.0"
+            },
+            {
+                "name": "html",
+                "type": "string",
+                "required": true,
+                "description": "HTML for the navigation item. If `html` is provided, the `text` option will be ignored.",
+                "deprecated": "5.9.0"
+            },
+            {
+                "name": "href",
+                "type": "string",
+                "required": false,
+                "description": "URL of the navigation item anchor.",
+                "deprecated": "5.9.0"
+            },
+            {
+                "name": "active",
+                "type": "boolean",
+                "required": false,
+                "description": "Flag to mark the navigation item as active or not.",
+                "deprecated": "5.9.0"
+            },
+            {
+                "name": "attributes",
+                "type": "object",
+                "required": false,
+                "description": "HTML attributes (for example data attributes) to add to the navigation item anchor.",
+                "deprecated": "5.9.0"
+            }
+        ]
+    },
+    {
+        "name": "navigationClasses",
+        "type": "string",
+        "required": false,
+        "description": "Classes for the navigation section of the header.",
+        "deprecated": "5.9.0"
+    },
+    {
+        "name": "navigationLabel",
+        "type": "string",
+        "required": false,
+        "description": "Text for the `aria-label` attribute of the navigation. Defaults to the same value as `menuButtonText`.",
+        "deprecated": "5.9.0"
+    },
+    {
+        "name": "menuButtonLabel",
+        "type": "string",
+        "required": false,
+        "description": "Text for the `aria-label` attribute of the button that opens the mobile navigation, if there is a mobile navigation menu.",
+        "deprecated": "5.9.0"
+    },
+    {
+        "name": "menuButtonText",
+        "type": "string",
+        "required": false,
+        "description": "Text of the button that opens the mobile navigation menu, if there is a mobile navigation menu. There is no enforced character limit, but there is a limited display space so keep text as short as possible. By default, this is set to 'Menu'.",
+        "deprecated": "5.9.0"
+    },
+    {
+        "name": "containerClasses",
+        "type": "string",
+        "required": false,
+        "description": "Classes for the container, useful if you want to make the header fixed width."
+    },
+    {
+        "name": "classes",
+        "type": "string",
+        "required": false,
+        "description": "Classes to add to the header container."
+    },
+    {
+        "name": "attributes",
+        "type": "object",
+        "required": false,
+        "description": "HTML attributes (for example data attributes) to add to the header container."
+    },
+    {
+        "name": "useTudorCrown",
+        "type": "boolean",
+        "required": false,
+        "description": "If `true`, uses the Tudor crown from King Charles III's royal cypher. Otherwise, uses the St. Edward's crown. Default is `true`.",
+        "deprecated": "5.2.0"
+    },
+    {
+        "name": "rebrand",
+        "type": "boolean",
+        "required": false,
+        "description": "If `true`, use the redesigned header and new GOV.UK logotype. Default is `false`."
+    }
+]
diff --git a/app/templates/govuk/components/components/header/macro.njk b/app/templates/govuk/components/components/header/macro.njk
new file mode 100644
index 0000000..d863b78
--- /dev/null
+++ b/app/templates/govuk/components/components/header/macro.njk
@@ -0,0 +1,3 @@
+{% macro govukHeader(params) %}
+  {%- include "./template.njk" -%}
+{% endmacro %}
diff --git a/app/templates/govuk/components/components/header/template-default.html b/app/templates/govuk/components/components/header/template-default.html
new file mode 100644
index 0000000..65c5b8d
--- /dev/null
+++ b/app/templates/govuk/components/components/header/template-default.html
@@ -0,0 +1,29 @@
+<header class="govuk-header" data-module="govuk-header">
+  <div class="govuk-header__container govuk-width-container">
+    <div class="govuk-header__logo">
+      <a href="/" class="govuk-header__link govuk-header__link--homepage">
+        <svg
+            focusable="false"
+            role="img"
+            xmlns="http://www.w3.org/2000/svg"
+            viewBox="0 0 296 60"
+            height="30"
+            width="148"
+            fill="currentcolor" class="govuk-header__logotype" aria-label="GOV.UK"
+          ><title>GOV.UK</title>    <g>
+                <circle cx="20" cy="17.6" r="3.7"/>
+                <circle cx="10.2" cy="23.5" r="3.7"/>
+                <circle cx="3.7" cy="33.2" r="3.7"/>
+                <circle cx="31.7" cy="30.6" r="3.7"/>
+                <circle cx="43.3" cy="17.6" r="3.7"/>
+                <circle cx="53.2" cy="23.5" r="3.7"/>
+                <circle cx="59.7" cy="33.2" r="3.7"/>
+                <circle cx="31.7" cy="30.6" r="3.7"/>
+                <path d="M33.1,9.8c.2-.1.3-.3.5-.5l4.6,2.4v-6.8l-4.6,1.5c-.1-.2-.3-.3-.5-.5l1.9-5.9h-6.7l1.9,5.9c-.2.1-.3.3-.5.5l-4.6-1.5v6.8l4.6-2.4c.1.2.3.3.5.5l-2.6,8c-.9,2.8,1.2,5.7,4.1,5.7h0c3,0,5.1-2.9,4.1-5.7l-2.6-8ZM37,37.9s-3.4,3.8-4.1,6.1c2.2,0,4.2-.5,6.4-2.8l-.7,8.5c-2-2.8-4.4-4.1-5.7-3.8.1,3.1.5,6.7,5.8,7.2,3.7.3,6.7-1.5,7-3.8.4-2.6-2-4.3-3.7-1.6-1.4-4.5,2.4-6.1,4.9-3.2-1.9-4.5-1.8-7.7,2.4-10.9,3,4,2.6,7.3-1.2,11.1,2.4-1.3,6.2,0,4,4.6-1.2-2.8-3.7-2.2-4.2.2-.3,1.7.7,3.7,3,4.2,1.9.3,4.7-.9,7-5.9-1.3,0-2.4.7-3.9,1.7l2.4-8c.6,2.3,1.4,3.7,2.2,4.5.6-1.6.5-2.8,0-5.3l5,1.8c-2.6,3.6-5.2,8.7-7.3,17.5-7.4-1.1-15.7-1.7-24.5-1.7h0c-8.8,0-17.1.6-24.5,1.7-2.1-8.9-4.7-13.9-7.3-17.5l5-1.8c-.5,2.5-.6,3.7,0,5.3.8-.8,1.6-2.3,2.2-4.5l2.4,8c-1.5-1-2.6-1.7-3.9-1.7,2.3,5,5.2,6.2,7,5.9,2.3-.4,3.3-2.4,3-4.2-.5-2.4-3-3.1-4.2-.2-2.2-4.6,1.6-6,4-4.6-3.7-3.7-4.2-7.1-1.2-11.1,4.2,3.2,4.3,6.4,2.4,10.9,2.5-2.8,6.3-1.3,4.9,3.2-1.8-2.7-4.1-1-3.7,1.6.3,2.3,3.3,4.1,7,3.8,5.4-.5,5.7-4.2,5.8-7.2-1.3-.2-3.7,1-5.7,3.8l-.7-8.5c2.2,2.3,4.2,2.7,6.4,2.8-.7-2.3-4.1-6.1-4.1-6.1h10.6,0Z"/>
+              </g>
+              <path d="M88.6,33.2c0,1.8.2,3.4.6,5s1.2,3,2,4.4c1,1.2,2,2.2,3.4,3s3,1.2,5,1.2,3.4-.2,4.6-.8,2.2-1.4,3-2.2,1.2-1.8,1.6-3c.2-1,.4-2,.4-3v-.4h-10.6v-6.4h18.8v23h-7.4v-5c-.6.8-1.2,1.6-2,2.2-.8.6-1.6,1.2-2.6,1.8-1,.4-2,.8-3.2,1.2s-2.4.4-3.6.4c-3,0-5.8-.6-8-1.6-2.4-1.2-4.4-2.6-6-4.6s-2.8-4.2-3.6-6.8c-.6-2.8-1-5.6-1-8.6s.4-5.8,1.4-8.4,2.2-4.8,4-6.8,3.8-3.4,6.2-4.6c2.4-1.2,5.2-1.6,8.2-1.6s3.8.2,5.6.6c1.8.4,3.4,1.2,4.8,2s2.8,1.8,3.8,3c1.2,1.2,2,2.6,2.8,4l-7.4,4.2c-.4-.8-1-1.8-1.6-2.4-.6-.8-1.2-1.4-2-2s-1.6-1-2.6-1.4-2.2-.4-3.4-.4c-2,0-3.6.4-5,1.2-1.4.8-2.6,1.8-3.4,3-1,1.2-1.6,2.8-2,4.4-.6,1.6-.8,3.8-.8,5.4ZM161.4,24.6c-.8-2.6-2.2-4.8-4-6.8s-3.8-3.4-6.2-4.6c-2.4-1.2-5.2-1.6-8.4-1.6s-5.8.6-8.4,1.6c-2.2,1.2-4.4,2.8-6,4.6-1.8,2-3,4.2-4,6.8-.8,2.6-1.4,5.4-1.4,8.4s.4,5.8,1.4,8.4c.8,2.6,2.2,4.8,4,6.8s3.8,3.4,6.2,4.6c2.4,1.2,5.2,1.6,8.4,1.6s5.8-.6,8.4-1.6c2.4-1.2,4.6-2.6,6.2-4.6,1.8-2,3-4.2,4-6.8.8-2.6,1.4-5.4,1.4-8.4-.2-3-.6-5.8-1.6-8.4h0ZM154,33.2c0,2-.2,3.8-.8,5.4-.4,1.6-1.2,3.2-2.2,4.4s-2.2,2.2-3.4,2.8c-1.4.6-3,1-4.8,1s-3.4-.4-4.8-1-2.6-1.6-3.4-2.8c-1-1.2-1.6-2.6-2.2-4.4-.4-1.6-.8-3.4-.8-5.4v-.2c0-2,.2-3.8.8-5.4.4-1.6,1.2-3.2,2.2-4.4,1-1.2,2.2-2.2,3.4-2.8,1.4-.6,3-1,4.8-1s3.4.4,4.8,1,2.6,1.6,3.4,2.8c1,1.2,1.6,2.6,2.2,4.4.4,1.6.8,3.4.8,5.4v.2ZM177.8,54l-11.8-42h9.4l8,31.4h.2l8-31.4h9.4l-11.8,42h-11.4,0ZM235.4,46.7c1.2,0,2.4-.2,3.4-.6,1-.4,2-.8,2.8-1.6s1.4-1.6,1.8-2.8c.4-1.2.6-2.4.6-4V11.8h8.2v27.2c0,2.4-.4,4.4-1.2,6.2s-2,3.4-3.6,4.8c-1.4,1.4-3.2,2.4-5.4,3-2,.8-4.4,1-6.8,1s-4.8-.4-6.8-1c-2-.8-3.8-1.8-5.4-3-1.6-1.4-2.6-3-3.6-4.8-.8-1.8-1.2-4-1.2-6.2V11.7h8.4v26c0,1.6.2,2.8.6,4,.4,1.2,1,2,1.8,2.8s1.6,1.2,2.8,1.6c1.2.4,2.2.6,3.6.6h0ZM261.4,11.9h8.4v18.2l14.8-18.2h10.4l-14.4,16.8,15.4,25.2h-9.8l-11-18.8-5.4,6v12.8h-8.4V11.9h0ZM206.2,44.2c-3,0-5.4,2.4-5.4,5.4s2.4,5.4,5.4,5.4,5.4-2.4,5.4-5.4-2.4-5.4-5.4-5.4Z"/>
+          </svg>
+      </a>
+    </div>
+  </div>
+</header>
diff --git a/app/templates/govuk/components/components/header/template-full-width-with-navigation.html b/app/templates/govuk/components/components/header/template-full-width-with-navigation.html
new file mode 100644
index 0000000..a2649bf
--- /dev/null
+++ b/app/templates/govuk/components/components/header/template-full-width-with-navigation.html
@@ -0,0 +1,54 @@
+<header class="govuk-header" data-module="govuk-header">
+  <div class="govuk-header__container govuk-header__container--full-width">
+    <div class="govuk-header__logo">
+      <a href="/" class="govuk-header__link govuk-header__link--homepage">
+        <svg
+            focusable="false"
+            role="img"
+            xmlns="http://www.w3.org/2000/svg"
+            viewBox="0 0 296 60"
+            height="30"
+            width="148"
+            fill="currentcolor" class="govuk-header__logotype" aria-label="GOV.UK"
+          ><title>GOV.UK</title>    <g>
+                <circle cx="20" cy="17.6" r="3.7"/>
+                <circle cx="10.2" cy="23.5" r="3.7"/>
+                <circle cx="3.7" cy="33.2" r="3.7"/>
+                <circle cx="31.7" cy="30.6" r="3.7"/>
+                <circle cx="43.3" cy="17.6" r="3.7"/>
+                <circle cx="53.2" cy="23.5" r="3.7"/>
+                <circle cx="59.7" cy="33.2" r="3.7"/>
+                <circle cx="31.7" cy="30.6" r="3.7"/>
+                <path d="M33.1,9.8c.2-.1.3-.3.5-.5l4.6,2.4v-6.8l-4.6,1.5c-.1-.2-.3-.3-.5-.5l1.9-5.9h-6.7l1.9,5.9c-.2.1-.3.3-.5.5l-4.6-1.5v6.8l4.6-2.4c.1.2.3.3.5.5l-2.6,8c-.9,2.8,1.2,5.7,4.1,5.7h0c3,0,5.1-2.9,4.1-5.7l-2.6-8ZM37,37.9s-3.4,3.8-4.1,6.1c2.2,0,4.2-.5,6.4-2.8l-.7,8.5c-2-2.8-4.4-4.1-5.7-3.8.1,3.1.5,6.7,5.8,7.2,3.7.3,6.7-1.5,7-3.8.4-2.6-2-4.3-3.7-1.6-1.4-4.5,2.4-6.1,4.9-3.2-1.9-4.5-1.8-7.7,2.4-10.9,3,4,2.6,7.3-1.2,11.1,2.4-1.3,6.2,0,4,4.6-1.2-2.8-3.7-2.2-4.2.2-.3,1.7.7,3.7,3,4.2,1.9.3,4.7-.9,7-5.9-1.3,0-2.4.7-3.9,1.7l2.4-8c.6,2.3,1.4,3.7,2.2,4.5.6-1.6.5-2.8,0-5.3l5,1.8c-2.6,3.6-5.2,8.7-7.3,17.5-7.4-1.1-15.7-1.7-24.5-1.7h0c-8.8,0-17.1.6-24.5,1.7-2.1-8.9-4.7-13.9-7.3-17.5l5-1.8c-.5,2.5-.6,3.7,0,5.3.8-.8,1.6-2.3,2.2-4.5l2.4,8c-1.5-1-2.6-1.7-3.9-1.7,2.3,5,5.2,6.2,7,5.9,2.3-.4,3.3-2.4,3-4.2-.5-2.4-3-3.1-4.2-.2-2.2-4.6,1.6-6,4-4.6-3.7-3.7-4.2-7.1-1.2-11.1,4.2,3.2,4.3,6.4,2.4,10.9,2.5-2.8,6.3-1.3,4.9,3.2-1.8-2.7-4.1-1-3.7,1.6.3,2.3,3.3,4.1,7,3.8,5.4-.5,5.7-4.2,5.8-7.2-1.3-.2-3.7,1-5.7,3.8l-.7-8.5c2.2,2.3,4.2,2.7,6.4,2.8-.7-2.3-4.1-6.1-4.1-6.1h10.6,0Z"/>
+              </g>
+              <path d="M88.6,33.2c0,1.8.2,3.4.6,5s1.2,3,2,4.4c1,1.2,2,2.2,3.4,3s3,1.2,5,1.2,3.4-.2,4.6-.8,2.2-1.4,3-2.2,1.2-1.8,1.6-3c.2-1,.4-2,.4-3v-.4h-10.6v-6.4h18.8v23h-7.4v-5c-.6.8-1.2,1.6-2,2.2-.8.6-1.6,1.2-2.6,1.8-1,.4-2,.8-3.2,1.2s-2.4.4-3.6.4c-3,0-5.8-.6-8-1.6-2.4-1.2-4.4-2.6-6-4.6s-2.8-4.2-3.6-6.8c-.6-2.8-1-5.6-1-8.6s.4-5.8,1.4-8.4,2.2-4.8,4-6.8,3.8-3.4,6.2-4.6c2.4-1.2,5.2-1.6,8.2-1.6s3.8.2,5.6.6c1.8.4,3.4,1.2,4.8,2s2.8,1.8,3.8,3c1.2,1.2,2,2.6,2.8,4l-7.4,4.2c-.4-.8-1-1.8-1.6-2.4-.6-.8-1.2-1.4-2-2s-1.6-1-2.6-1.4-2.2-.4-3.4-.4c-2,0-3.6.4-5,1.2-1.4.8-2.6,1.8-3.4,3-1,1.2-1.6,2.8-2,4.4-.6,1.6-.8,3.8-.8,5.4ZM161.4,24.6c-.8-2.6-2.2-4.8-4-6.8s-3.8-3.4-6.2-4.6c-2.4-1.2-5.2-1.6-8.4-1.6s-5.8.6-8.4,1.6c-2.2,1.2-4.4,2.8-6,4.6-1.8,2-3,4.2-4,6.8-.8,2.6-1.4,5.4-1.4,8.4s.4,5.8,1.4,8.4c.8,2.6,2.2,4.8,4,6.8s3.8,3.4,6.2,4.6c2.4,1.2,5.2,1.6,8.4,1.6s5.8-.6,8.4-1.6c2.4-1.2,4.6-2.6,6.2-4.6,1.8-2,3-4.2,4-6.8.8-2.6,1.4-5.4,1.4-8.4-.2-3-.6-5.8-1.6-8.4h0ZM154,33.2c0,2-.2,3.8-.8,5.4-.4,1.6-1.2,3.2-2.2,4.4s-2.2,2.2-3.4,2.8c-1.4.6-3,1-4.8,1s-3.4-.4-4.8-1-2.6-1.6-3.4-2.8c-1-1.2-1.6-2.6-2.2-4.4-.4-1.6-.8-3.4-.8-5.4v-.2c0-2,.2-3.8.8-5.4.4-1.6,1.2-3.2,2.2-4.4,1-1.2,2.2-2.2,3.4-2.8,1.4-.6,3-1,4.8-1s3.4.4,4.8,1,2.6,1.6,3.4,2.8c1,1.2,1.6,2.6,2.2,4.4.4,1.6.8,3.4.8,5.4v.2ZM177.8,54l-11.8-42h9.4l8,31.4h.2l8-31.4h9.4l-11.8,42h-11.4,0ZM235.4,46.7c1.2,0,2.4-.2,3.4-.6,1-.4,2-.8,2.8-1.6s1.4-1.6,1.8-2.8c.4-1.2.6-2.4.6-4V11.8h8.2v27.2c0,2.4-.4,4.4-1.2,6.2s-2,3.4-3.6,4.8c-1.4,1.4-3.2,2.4-5.4,3-2,.8-4.4,1-6.8,1s-4.8-.4-6.8-1c-2-.8-3.8-1.8-5.4-3-1.6-1.4-2.6-3-3.6-4.8-.8-1.8-1.2-4-1.2-6.2V11.7h8.4v26c0,1.6.2,2.8.6,4,.4,1.2,1,2,1.8,2.8s1.6,1.2,2.8,1.6c1.2.4,2.2.6,3.6.6h0ZM261.4,11.9h8.4v18.2l14.8-18.2h10.4l-14.4,16.8,15.4,25.2h-9.8l-11-18.8-5.4,6v12.8h-8.4V11.9h0ZM206.2,44.2c-3,0-5.4,2.4-5.4,5.4s2.4,5.4,5.4,5.4,5.4-2.4,5.4-5.4-2.4-5.4-5.4-5.4Z"/>
+          </svg>
+      </a>
+    </div>
+    <div class="govuk-header__content">
+      <nav aria-label="Menu" class="govuk-header__navigation govuk-header__navigation--end">
+        <button type="button" class="govuk-header__menu-button govuk-js-header-toggle" aria-controls="navigation" hidden>
+          Menu
+        </button>
+
+        <ul id="navigation" class="govuk-header__navigation-list">
+          <li class="govuk-header__navigation-item govuk-header__navigation-item--active">
+            <a class="govuk-header__link" href="#1">
+              Navigation item 1
+            </a>
+          </li>
+          <li class="govuk-header__navigation-item">
+            <a class="govuk-header__link" href="#2">
+              Navigation item 2
+            </a>
+          </li>
+          <li class="govuk-header__navigation-item">
+            <a class="govuk-header__link" href="#3">
+              Navigation item 3
+            </a>
+          </li>
+        </ul>
+      </nav>
+    </div>
+  </div>
+</header>
diff --git a/app/templates/govuk/components/components/header/template-full-width.html b/app/templates/govuk/components/components/header/template-full-width.html
new file mode 100644
index 0000000..dd6144b
--- /dev/null
+++ b/app/templates/govuk/components/components/header/template-full-width.html
@@ -0,0 +1,29 @@
+<header class="govuk-header" data-module="govuk-header">
+  <div class="govuk-header__container govuk-header__container--full-width">
+    <div class="govuk-header__logo">
+      <a href="/" class="govuk-header__link govuk-header__link--homepage">
+        <svg
+            focusable="false"
+            role="img"
+            xmlns="http://www.w3.org/2000/svg"
+            viewBox="0 0 296 60"
+            height="30"
+            width="148"
+            fill="currentcolor" class="govuk-header__logotype" aria-label="GOV.UK"
+          ><title>GOV.UK</title>    <g>
+                <circle cx="20" cy="17.6" r="3.7"/>
+                <circle cx="10.2" cy="23.5" r="3.7"/>
+                <circle cx="3.7" cy="33.2" r="3.7"/>
+                <circle cx="31.7" cy="30.6" r="3.7"/>
+                <circle cx="43.3" cy="17.6" r="3.7"/>
+                <circle cx="53.2" cy="23.5" r="3.7"/>
+                <circle cx="59.7" cy="33.2" r="3.7"/>
+                <circle cx="31.7" cy="30.6" r="3.7"/>
+                <path d="M33.1,9.8c.2-.1.3-.3.5-.5l4.6,2.4v-6.8l-4.6,1.5c-.1-.2-.3-.3-.5-.5l1.9-5.9h-6.7l1.9,5.9c-.2.1-.3.3-.5.5l-4.6-1.5v6.8l4.6-2.4c.1.2.3.3.5.5l-2.6,8c-.9,2.8,1.2,5.7,4.1,5.7h0c3,0,5.1-2.9,4.1-5.7l-2.6-8ZM37,37.9s-3.4,3.8-4.1,6.1c2.2,0,4.2-.5,6.4-2.8l-.7,8.5c-2-2.8-4.4-4.1-5.7-3.8.1,3.1.5,6.7,5.8,7.2,3.7.3,6.7-1.5,7-3.8.4-2.6-2-4.3-3.7-1.6-1.4-4.5,2.4-6.1,4.9-3.2-1.9-4.5-1.8-7.7,2.4-10.9,3,4,2.6,7.3-1.2,11.1,2.4-1.3,6.2,0,4,4.6-1.2-2.8-3.7-2.2-4.2.2-.3,1.7.7,3.7,3,4.2,1.9.3,4.7-.9,7-5.9-1.3,0-2.4.7-3.9,1.7l2.4-8c.6,2.3,1.4,3.7,2.2,4.5.6-1.6.5-2.8,0-5.3l5,1.8c-2.6,3.6-5.2,8.7-7.3,17.5-7.4-1.1-15.7-1.7-24.5-1.7h0c-8.8,0-17.1.6-24.5,1.7-2.1-8.9-4.7-13.9-7.3-17.5l5-1.8c-.5,2.5-.6,3.7,0,5.3.8-.8,1.6-2.3,2.2-4.5l2.4,8c-1.5-1-2.6-1.7-3.9-1.7,2.3,5,5.2,6.2,7,5.9,2.3-.4,3.3-2.4,3-4.2-.5-2.4-3-3.1-4.2-.2-2.2-4.6,1.6-6,4-4.6-3.7-3.7-4.2-7.1-1.2-11.1,4.2,3.2,4.3,6.4,2.4,10.9,2.5-2.8,6.3-1.3,4.9,3.2-1.8-2.7-4.1-1-3.7,1.6.3,2.3,3.3,4.1,7,3.8,5.4-.5,5.7-4.2,5.8-7.2-1.3-.2-3.7,1-5.7,3.8l-.7-8.5c2.2,2.3,4.2,2.7,6.4,2.8-.7-2.3-4.1-6.1-4.1-6.1h10.6,0Z"/>
+              </g>
+              <path d="M88.6,33.2c0,1.8.2,3.4.6,5s1.2,3,2,4.4c1,1.2,2,2.2,3.4,3s3,1.2,5,1.2,3.4-.2,4.6-.8,2.2-1.4,3-2.2,1.2-1.8,1.6-3c.2-1,.4-2,.4-3v-.4h-10.6v-6.4h18.8v23h-7.4v-5c-.6.8-1.2,1.6-2,2.2-.8.6-1.6,1.2-2.6,1.8-1,.4-2,.8-3.2,1.2s-2.4.4-3.6.4c-3,0-5.8-.6-8-1.6-2.4-1.2-4.4-2.6-6-4.6s-2.8-4.2-3.6-6.8c-.6-2.8-1-5.6-1-8.6s.4-5.8,1.4-8.4,2.2-4.8,4-6.8,3.8-3.4,6.2-4.6c2.4-1.2,5.2-1.6,8.2-1.6s3.8.2,5.6.6c1.8.4,3.4,1.2,4.8,2s2.8,1.8,3.8,3c1.2,1.2,2,2.6,2.8,4l-7.4,4.2c-.4-.8-1-1.8-1.6-2.4-.6-.8-1.2-1.4-2-2s-1.6-1-2.6-1.4-2.2-.4-3.4-.4c-2,0-3.6.4-5,1.2-1.4.8-2.6,1.8-3.4,3-1,1.2-1.6,2.8-2,4.4-.6,1.6-.8,3.8-.8,5.4ZM161.4,24.6c-.8-2.6-2.2-4.8-4-6.8s-3.8-3.4-6.2-4.6c-2.4-1.2-5.2-1.6-8.4-1.6s-5.8.6-8.4,1.6c-2.2,1.2-4.4,2.8-6,4.6-1.8,2-3,4.2-4,6.8-.8,2.6-1.4,5.4-1.4,8.4s.4,5.8,1.4,8.4c.8,2.6,2.2,4.8,4,6.8s3.8,3.4,6.2,4.6c2.4,1.2,5.2,1.6,8.4,1.6s5.8-.6,8.4-1.6c2.4-1.2,4.6-2.6,6.2-4.6,1.8-2,3-4.2,4-6.8.8-2.6,1.4-5.4,1.4-8.4-.2-3-.6-5.8-1.6-8.4h0ZM154,33.2c0,2-.2,3.8-.8,5.4-.4,1.6-1.2,3.2-2.2,4.4s-2.2,2.2-3.4,2.8c-1.4.6-3,1-4.8,1s-3.4-.4-4.8-1-2.6-1.6-3.4-2.8c-1-1.2-1.6-2.6-2.2-4.4-.4-1.6-.8-3.4-.8-5.4v-.2c0-2,.2-3.8.8-5.4.4-1.6,1.2-3.2,2.2-4.4,1-1.2,2.2-2.2,3.4-2.8,1.4-.6,3-1,4.8-1s3.4.4,4.8,1,2.6,1.6,3.4,2.8c1,1.2,1.6,2.6,2.2,4.4.4,1.6.8,3.4.8,5.4v.2ZM177.8,54l-11.8-42h9.4l8,31.4h.2l8-31.4h9.4l-11.8,42h-11.4,0ZM235.4,46.7c1.2,0,2.4-.2,3.4-.6,1-.4,2-.8,2.8-1.6s1.4-1.6,1.8-2.8c.4-1.2.6-2.4.6-4V11.8h8.2v27.2c0,2.4-.4,4.4-1.2,6.2s-2,3.4-3.6,4.8c-1.4,1.4-3.2,2.4-5.4,3-2,.8-4.4,1-6.8,1s-4.8-.4-6.8-1c-2-.8-3.8-1.8-5.4-3-1.6-1.4-2.6-3-3.6-4.8-.8-1.8-1.2-4-1.2-6.2V11.7h8.4v26c0,1.6.2,2.8.6,4,.4,1.2,1,2,1.8,2.8s1.6,1.2,2.8,1.6c1.2.4,2.2.6,3.6.6h0ZM261.4,11.9h8.4v18.2l14.8-18.2h10.4l-14.4,16.8,15.4,25.2h-9.8l-11-18.8-5.4,6v12.8h-8.4V11.9h0ZM206.2,44.2c-3,0-5.4,2.4-5.4,5.4s2.4,5.4,5.4,5.4,5.4-2.4,5.4-5.4-2.4-5.4-5.4-5.4Z"/>
+          </svg>
+      </a>
+    </div>
+  </div>
+</header>
diff --git a/app/templates/govuk/components/components/header/template-navigation-item-with-html.html b/app/templates/govuk/components/components/header/template-navigation-item-with-html.html
new file mode 100644
index 0000000..3c7d94b
--- /dev/null
+++ b/app/templates/govuk/components/components/header/template-navigation-item-with-html.html
@@ -0,0 +1,54 @@
+<header class="govuk-header" data-module="govuk-header">
+  <div class="govuk-header__container govuk-width-container">
+    <div class="govuk-header__logo">
+      <a href="/" class="govuk-header__link govuk-header__link--homepage">
+        <svg
+            focusable="false"
+            role="img"
+            xmlns="http://www.w3.org/2000/svg"
+            viewBox="0 0 296 60"
+            height="30"
+            width="148"
+            fill="currentcolor" class="govuk-header__logotype" aria-label="GOV.UK"
+          ><title>GOV.UK</title>    <g>
+                <circle cx="20" cy="17.6" r="3.7"/>
+                <circle cx="10.2" cy="23.5" r="3.7"/>
+                <circle cx="3.7" cy="33.2" r="3.7"/>
+                <circle cx="31.7" cy="30.6" r="3.7"/>
+                <circle cx="43.3" cy="17.6" r="3.7"/>
+                <circle cx="53.2" cy="23.5" r="3.7"/>
+                <circle cx="59.7" cy="33.2" r="3.7"/>
+                <circle cx="31.7" cy="30.6" r="3.7"/>
+                <path d="M33.1,9.8c.2-.1.3-.3.5-.5l4.6,2.4v-6.8l-4.6,1.5c-.1-.2-.3-.3-.5-.5l1.9-5.9h-6.7l1.9,5.9c-.2.1-.3.3-.5.5l-4.6-1.5v6.8l4.6-2.4c.1.2.3.3.5.5l-2.6,8c-.9,2.8,1.2,5.7,4.1,5.7h0c3,0,5.1-2.9,4.1-5.7l-2.6-8ZM37,37.9s-3.4,3.8-4.1,6.1c2.2,0,4.2-.5,6.4-2.8l-.7,8.5c-2-2.8-4.4-4.1-5.7-3.8.1,3.1.5,6.7,5.8,7.2,3.7.3,6.7-1.5,7-3.8.4-2.6-2-4.3-3.7-1.6-1.4-4.5,2.4-6.1,4.9-3.2-1.9-4.5-1.8-7.7,2.4-10.9,3,4,2.6,7.3-1.2,11.1,2.4-1.3,6.2,0,4,4.6-1.2-2.8-3.7-2.2-4.2.2-.3,1.7.7,3.7,3,4.2,1.9.3,4.7-.9,7-5.9-1.3,0-2.4.7-3.9,1.7l2.4-8c.6,2.3,1.4,3.7,2.2,4.5.6-1.6.5-2.8,0-5.3l5,1.8c-2.6,3.6-5.2,8.7-7.3,17.5-7.4-1.1-15.7-1.7-24.5-1.7h0c-8.8,0-17.1.6-24.5,1.7-2.1-8.9-4.7-13.9-7.3-17.5l5-1.8c-.5,2.5-.6,3.7,0,5.3.8-.8,1.6-2.3,2.2-4.5l2.4,8c-1.5-1-2.6-1.7-3.9-1.7,2.3,5,5.2,6.2,7,5.9,2.3-.4,3.3-2.4,3-4.2-.5-2.4-3-3.1-4.2-.2-2.2-4.6,1.6-6,4-4.6-3.7-3.7-4.2-7.1-1.2-11.1,4.2,3.2,4.3,6.4,2.4,10.9,2.5-2.8,6.3-1.3,4.9,3.2-1.8-2.7-4.1-1-3.7,1.6.3,2.3,3.3,4.1,7,3.8,5.4-.5,5.7-4.2,5.8-7.2-1.3-.2-3.7,1-5.7,3.8l-.7-8.5c2.2,2.3,4.2,2.7,6.4,2.8-.7-2.3-4.1-6.1-4.1-6.1h10.6,0Z"/>
+              </g>
+              <path d="M88.6,33.2c0,1.8.2,3.4.6,5s1.2,3,2,4.4c1,1.2,2,2.2,3.4,3s3,1.2,5,1.2,3.4-.2,4.6-.8,2.2-1.4,3-2.2,1.2-1.8,1.6-3c.2-1,.4-2,.4-3v-.4h-10.6v-6.4h18.8v23h-7.4v-5c-.6.8-1.2,1.6-2,2.2-.8.6-1.6,1.2-2.6,1.8-1,.4-2,.8-3.2,1.2s-2.4.4-3.6.4c-3,0-5.8-.6-8-1.6-2.4-1.2-4.4-2.6-6-4.6s-2.8-4.2-3.6-6.8c-.6-2.8-1-5.6-1-8.6s.4-5.8,1.4-8.4,2.2-4.8,4-6.8,3.8-3.4,6.2-4.6c2.4-1.2,5.2-1.6,8.2-1.6s3.8.2,5.6.6c1.8.4,3.4,1.2,4.8,2s2.8,1.8,3.8,3c1.2,1.2,2,2.6,2.8,4l-7.4,4.2c-.4-.8-1-1.8-1.6-2.4-.6-.8-1.2-1.4-2-2s-1.6-1-2.6-1.4-2.2-.4-3.4-.4c-2,0-3.6.4-5,1.2-1.4.8-2.6,1.8-3.4,3-1,1.2-1.6,2.8-2,4.4-.6,1.6-.8,3.8-.8,5.4ZM161.4,24.6c-.8-2.6-2.2-4.8-4-6.8s-3.8-3.4-6.2-4.6c-2.4-1.2-5.2-1.6-8.4-1.6s-5.8.6-8.4,1.6c-2.2,1.2-4.4,2.8-6,4.6-1.8,2-3,4.2-4,6.8-.8,2.6-1.4,5.4-1.4,8.4s.4,5.8,1.4,8.4c.8,2.6,2.2,4.8,4,6.8s3.8,3.4,6.2,4.6c2.4,1.2,5.2,1.6,8.4,1.6s5.8-.6,8.4-1.6c2.4-1.2,4.6-2.6,6.2-4.6,1.8-2,3-4.2,4-6.8.8-2.6,1.4-5.4,1.4-8.4-.2-3-.6-5.8-1.6-8.4h0ZM154,33.2c0,2-.2,3.8-.8,5.4-.4,1.6-1.2,3.2-2.2,4.4s-2.2,2.2-3.4,2.8c-1.4.6-3,1-4.8,1s-3.4-.4-4.8-1-2.6-1.6-3.4-2.8c-1-1.2-1.6-2.6-2.2-4.4-.4-1.6-.8-3.4-.8-5.4v-.2c0-2,.2-3.8.8-5.4.4-1.6,1.2-3.2,2.2-4.4,1-1.2,2.2-2.2,3.4-2.8,1.4-.6,3-1,4.8-1s3.4.4,4.8,1,2.6,1.6,3.4,2.8c1,1.2,1.6,2.6,2.2,4.4.4,1.6.8,3.4.8,5.4v.2ZM177.8,54l-11.8-42h9.4l8,31.4h.2l8-31.4h9.4l-11.8,42h-11.4,0ZM235.4,46.7c1.2,0,2.4-.2,3.4-.6,1-.4,2-.8,2.8-1.6s1.4-1.6,1.8-2.8c.4-1.2.6-2.4.6-4V11.8h8.2v27.2c0,2.4-.4,4.4-1.2,6.2s-2,3.4-3.6,4.8c-1.4,1.4-3.2,2.4-5.4,3-2,.8-4.4,1-6.8,1s-4.8-.4-6.8-1c-2-.8-3.8-1.8-5.4-3-1.6-1.4-2.6-3-3.6-4.8-.8-1.8-1.2-4-1.2-6.2V11.7h8.4v26c0,1.6.2,2.8.6,4,.4,1.2,1,2,1.8,2.8s1.6,1.2,2.8,1.6c1.2.4,2.2.6,3.6.6h0ZM261.4,11.9h8.4v18.2l14.8-18.2h10.4l-14.4,16.8,15.4,25.2h-9.8l-11-18.8-5.4,6v12.8h-8.4V11.9h0ZM206.2,44.2c-3,0-5.4,2.4-5.4,5.4s2.4,5.4,5.4,5.4,5.4-2.4,5.4-5.4-2.4-5.4-5.4-5.4Z"/>
+          </svg>
+      </a>
+    </div>
+    <div class="govuk-header__content">
+      <nav aria-label="Menu" class="govuk-header__navigation">
+        <button type="button" class="govuk-header__menu-button govuk-js-header-toggle" aria-controls="navigation" hidden>
+          Menu
+        </button>
+
+        <ul id="navigation" class="govuk-header__navigation-list">
+          <li class="govuk-header__navigation-item govuk-header__navigation-item--active">
+            <a class="govuk-header__link" href="#1">
+              <em>Navigation item 1</em>
+            </a>
+          </li>
+          <li class="govuk-header__navigation-item">
+            <a class="govuk-header__link" href="#2">
+              <em>Navigation item 2</em>
+            </a>
+          </li>
+          <li class="govuk-header__navigation-item">
+            <a class="govuk-header__link" href="#3">
+              <em>Navigation item 3</em>
+            </a>
+          </li>
+        </ul>
+      </nav>
+    </div>
+  </div>
+</header>
diff --git a/app/templates/govuk/components/components/header/template-navigation-item-with-text-without-link.html b/app/templates/govuk/components/components/header/template-navigation-item-with-text-without-link.html
new file mode 100644
index 0000000..ee10f0a
--- /dev/null
+++ b/app/templates/govuk/components/components/header/template-navigation-item-with-text-without-link.html
@@ -0,0 +1,48 @@
+<header class="govuk-header" data-module="govuk-header">
+  <div class="govuk-header__container govuk-width-container">
+    <div class="govuk-header__logo">
+      <a href="/" class="govuk-header__link govuk-header__link--homepage">
+        <svg
+            focusable="false"
+            role="img"
+            xmlns="http://www.w3.org/2000/svg"
+            viewBox="0 0 296 60"
+            height="30"
+            width="148"
+            fill="currentcolor" class="govuk-header__logotype" aria-label="GOV.UK"
+          ><title>GOV.UK</title>    <g>
+                <circle cx="20" cy="17.6" r="3.7"/>
+                <circle cx="10.2" cy="23.5" r="3.7"/>
+                <circle cx="3.7" cy="33.2" r="3.7"/>
+                <circle cx="31.7" cy="30.6" r="3.7"/>
+                <circle cx="43.3" cy="17.6" r="3.7"/>
+                <circle cx="53.2" cy="23.5" r="3.7"/>
+                <circle cx="59.7" cy="33.2" r="3.7"/>
+                <circle cx="31.7" cy="30.6" r="3.7"/>
+                <path d="M33.1,9.8c.2-.1.3-.3.5-.5l4.6,2.4v-6.8l-4.6,1.5c-.1-.2-.3-.3-.5-.5l1.9-5.9h-6.7l1.9,5.9c-.2.1-.3.3-.5.5l-4.6-1.5v6.8l4.6-2.4c.1.2.3.3.5.5l-2.6,8c-.9,2.8,1.2,5.7,4.1,5.7h0c3,0,5.1-2.9,4.1-5.7l-2.6-8ZM37,37.9s-3.4,3.8-4.1,6.1c2.2,0,4.2-.5,6.4-2.8l-.7,8.5c-2-2.8-4.4-4.1-5.7-3.8.1,3.1.5,6.7,5.8,7.2,3.7.3,6.7-1.5,7-3.8.4-2.6-2-4.3-3.7-1.6-1.4-4.5,2.4-6.1,4.9-3.2-1.9-4.5-1.8-7.7,2.4-10.9,3,4,2.6,7.3-1.2,11.1,2.4-1.3,6.2,0,4,4.6-1.2-2.8-3.7-2.2-4.2.2-.3,1.7.7,3.7,3,4.2,1.9.3,4.7-.9,7-5.9-1.3,0-2.4.7-3.9,1.7l2.4-8c.6,2.3,1.4,3.7,2.2,4.5.6-1.6.5-2.8,0-5.3l5,1.8c-2.6,3.6-5.2,8.7-7.3,17.5-7.4-1.1-15.7-1.7-24.5-1.7h0c-8.8,0-17.1.6-24.5,1.7-2.1-8.9-4.7-13.9-7.3-17.5l5-1.8c-.5,2.5-.6,3.7,0,5.3.8-.8,1.6-2.3,2.2-4.5l2.4,8c-1.5-1-2.6-1.7-3.9-1.7,2.3,5,5.2,6.2,7,5.9,2.3-.4,3.3-2.4,3-4.2-.5-2.4-3-3.1-4.2-.2-2.2-4.6,1.6-6,4-4.6-3.7-3.7-4.2-7.1-1.2-11.1,4.2,3.2,4.3,6.4,2.4,10.9,2.5-2.8,6.3-1.3,4.9,3.2-1.8-2.7-4.1-1-3.7,1.6.3,2.3,3.3,4.1,7,3.8,5.4-.5,5.7-4.2,5.8-7.2-1.3-.2-3.7,1-5.7,3.8l-.7-8.5c2.2,2.3,4.2,2.7,6.4,2.8-.7-2.3-4.1-6.1-4.1-6.1h10.6,0Z"/>
+              </g>
+              <path d="M88.6,33.2c0,1.8.2,3.4.6,5s1.2,3,2,4.4c1,1.2,2,2.2,3.4,3s3,1.2,5,1.2,3.4-.2,4.6-.8,2.2-1.4,3-2.2,1.2-1.8,1.6-3c.2-1,.4-2,.4-3v-.4h-10.6v-6.4h18.8v23h-7.4v-5c-.6.8-1.2,1.6-2,2.2-.8.6-1.6,1.2-2.6,1.8-1,.4-2,.8-3.2,1.2s-2.4.4-3.6.4c-3,0-5.8-.6-8-1.6-2.4-1.2-4.4-2.6-6-4.6s-2.8-4.2-3.6-6.8c-.6-2.8-1-5.6-1-8.6s.4-5.8,1.4-8.4,2.2-4.8,4-6.8,3.8-3.4,6.2-4.6c2.4-1.2,5.2-1.6,8.2-1.6s3.8.2,5.6.6c1.8.4,3.4,1.2,4.8,2s2.8,1.8,3.8,3c1.2,1.2,2,2.6,2.8,4l-7.4,4.2c-.4-.8-1-1.8-1.6-2.4-.6-.8-1.2-1.4-2-2s-1.6-1-2.6-1.4-2.2-.4-3.4-.4c-2,0-3.6.4-5,1.2-1.4.8-2.6,1.8-3.4,3-1,1.2-1.6,2.8-2,4.4-.6,1.6-.8,3.8-.8,5.4ZM161.4,24.6c-.8-2.6-2.2-4.8-4-6.8s-3.8-3.4-6.2-4.6c-2.4-1.2-5.2-1.6-8.4-1.6s-5.8.6-8.4,1.6c-2.2,1.2-4.4,2.8-6,4.6-1.8,2-3,4.2-4,6.8-.8,2.6-1.4,5.4-1.4,8.4s.4,5.8,1.4,8.4c.8,2.6,2.2,4.8,4,6.8s3.8,3.4,6.2,4.6c2.4,1.2,5.2,1.6,8.4,1.6s5.8-.6,8.4-1.6c2.4-1.2,4.6-2.6,6.2-4.6,1.8-2,3-4.2,4-6.8.8-2.6,1.4-5.4,1.4-8.4-.2-3-.6-5.8-1.6-8.4h0ZM154,33.2c0,2-.2,3.8-.8,5.4-.4,1.6-1.2,3.2-2.2,4.4s-2.2,2.2-3.4,2.8c-1.4.6-3,1-4.8,1s-3.4-.4-4.8-1-2.6-1.6-3.4-2.8c-1-1.2-1.6-2.6-2.2-4.4-.4-1.6-.8-3.4-.8-5.4v-.2c0-2,.2-3.8.8-5.4.4-1.6,1.2-3.2,2.2-4.4,1-1.2,2.2-2.2,3.4-2.8,1.4-.6,3-1,4.8-1s3.4.4,4.8,1,2.6,1.6,3.4,2.8c1,1.2,1.6,2.6,2.2,4.4.4,1.6.8,3.4.8,5.4v.2ZM177.8,54l-11.8-42h9.4l8,31.4h.2l8-31.4h9.4l-11.8,42h-11.4,0ZM235.4,46.7c1.2,0,2.4-.2,3.4-.6,1-.4,2-.8,2.8-1.6s1.4-1.6,1.8-2.8c.4-1.2.6-2.4.6-4V11.8h8.2v27.2c0,2.4-.4,4.4-1.2,6.2s-2,3.4-3.6,4.8c-1.4,1.4-3.2,2.4-5.4,3-2,.8-4.4,1-6.8,1s-4.8-.4-6.8-1c-2-.8-3.8-1.8-5.4-3-1.6-1.4-2.6-3-3.6-4.8-.8-1.8-1.2-4-1.2-6.2V11.7h8.4v26c0,1.6.2,2.8.6,4,.4,1.2,1,2,1.8,2.8s1.6,1.2,2.8,1.6c1.2.4,2.2.6,3.6.6h0ZM261.4,11.9h8.4v18.2l14.8-18.2h10.4l-14.4,16.8,15.4,25.2h-9.8l-11-18.8-5.4,6v12.8h-8.4V11.9h0ZM206.2,44.2c-3,0-5.4,2.4-5.4,5.4s2.4,5.4,5.4,5.4,5.4-2.4,5.4-5.4-2.4-5.4-5.4-5.4Z"/>
+          </svg>
+      </a>
+    </div>
+    <div class="govuk-header__content">
+      <nav aria-label="Menu" class="govuk-header__navigation">
+        <button type="button" class="govuk-header__menu-button govuk-js-header-toggle" aria-controls="navigation" hidden>
+          Menu
+        </button>
+
+        <ul id="navigation" class="govuk-header__navigation-list">
+          <li class="govuk-header__navigation-item">
+              Navigation item 1
+          </li>
+          <li class="govuk-header__navigation-item">
+              Navigation item 2
+          </li>
+          <li class="govuk-header__navigation-item">
+              Navigation item 3
+          </li>
+        </ul>
+      </nav>
+    </div>
+  </div>
+</header>
diff --git a/app/templates/govuk/components/components/header/template-with-custom-menu-button-text.html b/app/templates/govuk/components/components/header/template-with-custom-menu-button-text.html
new file mode 100644
index 0000000..5419b6b
--- /dev/null
+++ b/app/templates/govuk/components/components/header/template-with-custom-menu-button-text.html
@@ -0,0 +1,59 @@
+<header class="govuk-header" data-module="govuk-header">
+  <div class="govuk-header__container govuk-width-container">
+    <div class="govuk-header__logo">
+      <a href="/" class="govuk-header__link govuk-header__link--homepage">
+        <svg
+            focusable="false"
+            role="img"
+            xmlns="http://www.w3.org/2000/svg"
+            viewBox="0 0 296 60"
+            height="30"
+            width="148"
+            fill="currentcolor" class="govuk-header__logotype" aria-label="GOV.UK"
+          ><title>GOV.UK</title>    <g>
+                <circle cx="20" cy="17.6" r="3.7"/>
+                <circle cx="10.2" cy="23.5" r="3.7"/>
+                <circle cx="3.7" cy="33.2" r="3.7"/>
+                <circle cx="31.7" cy="30.6" r="3.7"/>
+                <circle cx="43.3" cy="17.6" r="3.7"/>
+                <circle cx="53.2" cy="23.5" r="3.7"/>
+                <circle cx="59.7" cy="33.2" r="3.7"/>
+                <circle cx="31.7" cy="30.6" r="3.7"/>
+                <path d="M33.1,9.8c.2-.1.3-.3.5-.5l4.6,2.4v-6.8l-4.6,1.5c-.1-.2-.3-.3-.5-.5l1.9-5.9h-6.7l1.9,5.9c-.2.1-.3.3-.5.5l-4.6-1.5v6.8l4.6-2.4c.1.2.3.3.5.5l-2.6,8c-.9,2.8,1.2,5.7,4.1,5.7h0c3,0,5.1-2.9,4.1-5.7l-2.6-8ZM37,37.9s-3.4,3.8-4.1,6.1c2.2,0,4.2-.5,6.4-2.8l-.7,8.5c-2-2.8-4.4-4.1-5.7-3.8.1,3.1.5,6.7,5.8,7.2,3.7.3,6.7-1.5,7-3.8.4-2.6-2-4.3-3.7-1.6-1.4-4.5,2.4-6.1,4.9-3.2-1.9-4.5-1.8-7.7,2.4-10.9,3,4,2.6,7.3-1.2,11.1,2.4-1.3,6.2,0,4,4.6-1.2-2.8-3.7-2.2-4.2.2-.3,1.7.7,3.7,3,4.2,1.9.3,4.7-.9,7-5.9-1.3,0-2.4.7-3.9,1.7l2.4-8c.6,2.3,1.4,3.7,2.2,4.5.6-1.6.5-2.8,0-5.3l5,1.8c-2.6,3.6-5.2,8.7-7.3,17.5-7.4-1.1-15.7-1.7-24.5-1.7h0c-8.8,0-17.1.6-24.5,1.7-2.1-8.9-4.7-13.9-7.3-17.5l5-1.8c-.5,2.5-.6,3.7,0,5.3.8-.8,1.6-2.3,2.2-4.5l2.4,8c-1.5-1-2.6-1.7-3.9-1.7,2.3,5,5.2,6.2,7,5.9,2.3-.4,3.3-2.4,3-4.2-.5-2.4-3-3.1-4.2-.2-2.2-4.6,1.6-6,4-4.6-3.7-3.7-4.2-7.1-1.2-11.1,4.2,3.2,4.3,6.4,2.4,10.9,2.5-2.8,6.3-1.3,4.9,3.2-1.8-2.7-4.1-1-3.7,1.6.3,2.3,3.3,4.1,7,3.8,5.4-.5,5.7-4.2,5.8-7.2-1.3-.2-3.7,1-5.7,3.8l-.7-8.5c2.2,2.3,4.2,2.7,6.4,2.8-.7-2.3-4.1-6.1-4.1-6.1h10.6,0Z"/>
+              </g>
+              <path d="M88.6,33.2c0,1.8.2,3.4.6,5s1.2,3,2,4.4c1,1.2,2,2.2,3.4,3s3,1.2,5,1.2,3.4-.2,4.6-.8,2.2-1.4,3-2.2,1.2-1.8,1.6-3c.2-1,.4-2,.4-3v-.4h-10.6v-6.4h18.8v23h-7.4v-5c-.6.8-1.2,1.6-2,2.2-.8.6-1.6,1.2-2.6,1.8-1,.4-2,.8-3.2,1.2s-2.4.4-3.6.4c-3,0-5.8-.6-8-1.6-2.4-1.2-4.4-2.6-6-4.6s-2.8-4.2-3.6-6.8c-.6-2.8-1-5.6-1-8.6s.4-5.8,1.4-8.4,2.2-4.8,4-6.8,3.8-3.4,6.2-4.6c2.4-1.2,5.2-1.6,8.2-1.6s3.8.2,5.6.6c1.8.4,3.4,1.2,4.8,2s2.8,1.8,3.8,3c1.2,1.2,2,2.6,2.8,4l-7.4,4.2c-.4-.8-1-1.8-1.6-2.4-.6-.8-1.2-1.4-2-2s-1.6-1-2.6-1.4-2.2-.4-3.4-.4c-2,0-3.6.4-5,1.2-1.4.8-2.6,1.8-3.4,3-1,1.2-1.6,2.8-2,4.4-.6,1.6-.8,3.8-.8,5.4ZM161.4,24.6c-.8-2.6-2.2-4.8-4-6.8s-3.8-3.4-6.2-4.6c-2.4-1.2-5.2-1.6-8.4-1.6s-5.8.6-8.4,1.6c-2.2,1.2-4.4,2.8-6,4.6-1.8,2-3,4.2-4,6.8-.8,2.6-1.4,5.4-1.4,8.4s.4,5.8,1.4,8.4c.8,2.6,2.2,4.8,4,6.8s3.8,3.4,6.2,4.6c2.4,1.2,5.2,1.6,8.4,1.6s5.8-.6,8.4-1.6c2.4-1.2,4.6-2.6,6.2-4.6,1.8-2,3-4.2,4-6.8.8-2.6,1.4-5.4,1.4-8.4-.2-3-.6-5.8-1.6-8.4h0ZM154,33.2c0,2-.2,3.8-.8,5.4-.4,1.6-1.2,3.2-2.2,4.4s-2.2,2.2-3.4,2.8c-1.4.6-3,1-4.8,1s-3.4-.4-4.8-1-2.6-1.6-3.4-2.8c-1-1.2-1.6-2.6-2.2-4.4-.4-1.6-.8-3.4-.8-5.4v-.2c0-2,.2-3.8.8-5.4.4-1.6,1.2-3.2,2.2-4.4,1-1.2,2.2-2.2,3.4-2.8,1.4-.6,3-1,4.8-1s3.4.4,4.8,1,2.6,1.6,3.4,2.8c1,1.2,1.6,2.6,2.2,4.4.4,1.6.8,3.4.8,5.4v.2ZM177.8,54l-11.8-42h9.4l8,31.4h.2l8-31.4h9.4l-11.8,42h-11.4,0ZM235.4,46.7c1.2,0,2.4-.2,3.4-.6,1-.4,2-.8,2.8-1.6s1.4-1.6,1.8-2.8c.4-1.2.6-2.4.6-4V11.8h8.2v27.2c0,2.4-.4,4.4-1.2,6.2s-2,3.4-3.6,4.8c-1.4,1.4-3.2,2.4-5.4,3-2,.8-4.4,1-6.8,1s-4.8-.4-6.8-1c-2-.8-3.8-1.8-5.4-3-1.6-1.4-2.6-3-3.6-4.8-.8-1.8-1.2-4-1.2-6.2V11.7h8.4v26c0,1.6.2,2.8.6,4,.4,1.2,1,2,1.8,2.8s1.6,1.2,2.8,1.6c1.2.4,2.2.6,3.6.6h0ZM261.4,11.9h8.4v18.2l14.8-18.2h10.4l-14.4,16.8,15.4,25.2h-9.8l-11-18.8-5.4,6v12.8h-8.4V11.9h0ZM206.2,44.2c-3,0-5.4,2.4-5.4,5.4s2.4,5.4,5.4,5.4,5.4-2.4,5.4-5.4-2.4-5.4-5.4-5.4Z"/>
+          </svg>
+      </a>
+    </div>
+    <div class="govuk-header__content">
+      <nav aria-label="Dewislen" class="govuk-header__navigation">
+        <button type="button" class="govuk-header__menu-button govuk-js-header-toggle" aria-controls="navigation" hidden>
+          Dewislen
+        </button>
+
+        <ul id="navigation" class="govuk-header__navigation-list">
+          <li class="govuk-header__navigation-item govuk-header__navigation-item--active">
+            <a class="govuk-header__link" href="#1">
+              Eitem llywio 1
+            </a>
+          </li>
+          <li class="govuk-header__navigation-item">
+            <a class="govuk-header__link" href="#2">
+              Eitem llywio 2
+            </a>
+          </li>
+          <li class="govuk-header__navigation-item">
+            <a class="govuk-header__link" href="#3">
+              Eitem llywio 3
+            </a>
+          </li>
+          <li class="govuk-header__navigation-item">
+            <a class="govuk-header__link" href="#4">
+              Eitem llywio 4
+            </a>
+          </li>
+        </ul>
+      </nav>
+    </div>
+  </div>
+</header>
diff --git a/app/templates/govuk/components/components/header/template-with-full-width-border.html b/app/templates/govuk/components/components/header/template-with-full-width-border.html
new file mode 100644
index 0000000..36459b8
--- /dev/null
+++ b/app/templates/govuk/components/components/header/template-with-full-width-border.html
@@ -0,0 +1,29 @@
+<header class="govuk-header govuk-header--full-width-border" data-module="govuk-header">
+  <div class="govuk-header__container govuk-width-container">
+    <div class="govuk-header__logo">
+      <a href="/" class="govuk-header__link govuk-header__link--homepage">
+        <svg
+            focusable="false"
+            role="img"
+            xmlns="http://www.w3.org/2000/svg"
+            viewBox="0 0 296 60"
+            height="30"
+            width="148"
+            fill="currentcolor" class="govuk-header__logotype" aria-label="GOV.UK"
+          ><title>GOV.UK</title>    <g>
+                <circle cx="20" cy="17.6" r="3.7"/>
+                <circle cx="10.2" cy="23.5" r="3.7"/>
+                <circle cx="3.7" cy="33.2" r="3.7"/>
+                <circle cx="31.7" cy="30.6" r="3.7"/>
+                <circle cx="43.3" cy="17.6" r="3.7"/>
+                <circle cx="53.2" cy="23.5" r="3.7"/>
+                <circle cx="59.7" cy="33.2" r="3.7"/>
+                <circle cx="31.7" cy="30.6" r="3.7"/>
+                <path d="M33.1,9.8c.2-.1.3-.3.5-.5l4.6,2.4v-6.8l-4.6,1.5c-.1-.2-.3-.3-.5-.5l1.9-5.9h-6.7l1.9,5.9c-.2.1-.3.3-.5.5l-4.6-1.5v6.8l4.6-2.4c.1.2.3.3.5.5l-2.6,8c-.9,2.8,1.2,5.7,4.1,5.7h0c3,0,5.1-2.9,4.1-5.7l-2.6-8ZM37,37.9s-3.4,3.8-4.1,6.1c2.2,0,4.2-.5,6.4-2.8l-.7,8.5c-2-2.8-4.4-4.1-5.7-3.8.1,3.1.5,6.7,5.8,7.2,3.7.3,6.7-1.5,7-3.8.4-2.6-2-4.3-3.7-1.6-1.4-4.5,2.4-6.1,4.9-3.2-1.9-4.5-1.8-7.7,2.4-10.9,3,4,2.6,7.3-1.2,11.1,2.4-1.3,6.2,0,4,4.6-1.2-2.8-3.7-2.2-4.2.2-.3,1.7.7,3.7,3,4.2,1.9.3,4.7-.9,7-5.9-1.3,0-2.4.7-3.9,1.7l2.4-8c.6,2.3,1.4,3.7,2.2,4.5.6-1.6.5-2.8,0-5.3l5,1.8c-2.6,3.6-5.2,8.7-7.3,17.5-7.4-1.1-15.7-1.7-24.5-1.7h0c-8.8,0-17.1.6-24.5,1.7-2.1-8.9-4.7-13.9-7.3-17.5l5-1.8c-.5,2.5-.6,3.7,0,5.3.8-.8,1.6-2.3,2.2-4.5l2.4,8c-1.5-1-2.6-1.7-3.9-1.7,2.3,5,5.2,6.2,7,5.9,2.3-.4,3.3-2.4,3-4.2-.5-2.4-3-3.1-4.2-.2-2.2-4.6,1.6-6,4-4.6-3.7-3.7-4.2-7.1-1.2-11.1,4.2,3.2,4.3,6.4,2.4,10.9,2.5-2.8,6.3-1.3,4.9,3.2-1.8-2.7-4.1-1-3.7,1.6.3,2.3,3.3,4.1,7,3.8,5.4-.5,5.7-4.2,5.8-7.2-1.3-.2-3.7,1-5.7,3.8l-.7-8.5c2.2,2.3,4.2,2.7,6.4,2.8-.7-2.3-4.1-6.1-4.1-6.1h10.6,0Z"/>
+              </g>
+              <path d="M88.6,33.2c0,1.8.2,3.4.6,5s1.2,3,2,4.4c1,1.2,2,2.2,3.4,3s3,1.2,5,1.2,3.4-.2,4.6-.8,2.2-1.4,3-2.2,1.2-1.8,1.6-3c.2-1,.4-2,.4-3v-.4h-10.6v-6.4h18.8v23h-7.4v-5c-.6.8-1.2,1.6-2,2.2-.8.6-1.6,1.2-2.6,1.8-1,.4-2,.8-3.2,1.2s-2.4.4-3.6.4c-3,0-5.8-.6-8-1.6-2.4-1.2-4.4-2.6-6-4.6s-2.8-4.2-3.6-6.8c-.6-2.8-1-5.6-1-8.6s.4-5.8,1.4-8.4,2.2-4.8,4-6.8,3.8-3.4,6.2-4.6c2.4-1.2,5.2-1.6,8.2-1.6s3.8.2,5.6.6c1.8.4,3.4,1.2,4.8,2s2.8,1.8,3.8,3c1.2,1.2,2,2.6,2.8,4l-7.4,4.2c-.4-.8-1-1.8-1.6-2.4-.6-.8-1.2-1.4-2-2s-1.6-1-2.6-1.4-2.2-.4-3.4-.4c-2,0-3.6.4-5,1.2-1.4.8-2.6,1.8-3.4,3-1,1.2-1.6,2.8-2,4.4-.6,1.6-.8,3.8-.8,5.4ZM161.4,24.6c-.8-2.6-2.2-4.8-4-6.8s-3.8-3.4-6.2-4.6c-2.4-1.2-5.2-1.6-8.4-1.6s-5.8.6-8.4,1.6c-2.2,1.2-4.4,2.8-6,4.6-1.8,2-3,4.2-4,6.8-.8,2.6-1.4,5.4-1.4,8.4s.4,5.8,1.4,8.4c.8,2.6,2.2,4.8,4,6.8s3.8,3.4,6.2,4.6c2.4,1.2,5.2,1.6,8.4,1.6s5.8-.6,8.4-1.6c2.4-1.2,4.6-2.6,6.2-4.6,1.8-2,3-4.2,4-6.8.8-2.6,1.4-5.4,1.4-8.4-.2-3-.6-5.8-1.6-8.4h0ZM154,33.2c0,2-.2,3.8-.8,5.4-.4,1.6-1.2,3.2-2.2,4.4s-2.2,2.2-3.4,2.8c-1.4.6-3,1-4.8,1s-3.4-.4-4.8-1-2.6-1.6-3.4-2.8c-1-1.2-1.6-2.6-2.2-4.4-.4-1.6-.8-3.4-.8-5.4v-.2c0-2,.2-3.8.8-5.4.4-1.6,1.2-3.2,2.2-4.4,1-1.2,2.2-2.2,3.4-2.8,1.4-.6,3-1,4.8-1s3.4.4,4.8,1,2.6,1.6,3.4,2.8c1,1.2,1.6,2.6,2.2,4.4.4,1.6.8,3.4.8,5.4v.2ZM177.8,54l-11.8-42h9.4l8,31.4h.2l8-31.4h9.4l-11.8,42h-11.4,0ZM235.4,46.7c1.2,0,2.4-.2,3.4-.6,1-.4,2-.8,2.8-1.6s1.4-1.6,1.8-2.8c.4-1.2.6-2.4.6-4V11.8h8.2v27.2c0,2.4-.4,4.4-1.2,6.2s-2,3.4-3.6,4.8c-1.4,1.4-3.2,2.4-5.4,3-2,.8-4.4,1-6.8,1s-4.8-.4-6.8-1c-2-.8-3.8-1.8-5.4-3-1.6-1.4-2.6-3-3.6-4.8-.8-1.8-1.2-4-1.2-6.2V11.7h8.4v26c0,1.6.2,2.8.6,4,.4,1.2,1,2,1.8,2.8s1.6,1.2,2.8,1.6c1.2.4,2.2.6,3.6.6h0ZM261.4,11.9h8.4v18.2l14.8-18.2h10.4l-14.4,16.8,15.4,25.2h-9.8l-11-18.8-5.4,6v12.8h-8.4V11.9h0ZM206.2,44.2c-3,0-5.4,2.4-5.4,5.4s2.4,5.4,5.4,5.4,5.4-2.4,5.4-5.4-2.4-5.4-5.4-5.4Z"/>
+          </svg>
+      </a>
+    </div>
+  </div>
+</header>
diff --git a/app/templates/govuk/components/components/header/template-with-large-navigation.html b/app/templates/govuk/components/components/header/template-with-large-navigation.html
new file mode 100644
index 0000000..3e0b5b1
--- /dev/null
+++ b/app/templates/govuk/components/components/header/template-with-large-navigation.html
@@ -0,0 +1,119 @@
+<header class="govuk-header" data-module="govuk-header">
+  <div class="govuk-header__container govuk-width-container">
+    <div class="govuk-header__logo">
+      <a href="/" class="govuk-header__link govuk-header__link--homepage">
+        <svg
+            focusable="false"
+            role="img"
+            xmlns="http://www.w3.org/2000/svg"
+            viewBox="0 0 296 60"
+            height="30"
+            width="148"
+            fill="currentcolor" class="govuk-header__logotype" aria-label="GOV.UK"
+          ><title>GOV.UK</title>    <g>
+                <circle cx="20" cy="17.6" r="3.7"/>
+                <circle cx="10.2" cy="23.5" r="3.7"/>
+                <circle cx="3.7" cy="33.2" r="3.7"/>
+                <circle cx="31.7" cy="30.6" r="3.7"/>
+                <circle cx="43.3" cy="17.6" r="3.7"/>
+                <circle cx="53.2" cy="23.5" r="3.7"/>
+                <circle cx="59.7" cy="33.2" r="3.7"/>
+                <circle cx="31.7" cy="30.6" r="3.7"/>
+                <path d="M33.1,9.8c.2-.1.3-.3.5-.5l4.6,2.4v-6.8l-4.6,1.5c-.1-.2-.3-.3-.5-.5l1.9-5.9h-6.7l1.9,5.9c-.2.1-.3.3-.5.5l-4.6-1.5v6.8l4.6-2.4c.1.2.3.3.5.5l-2.6,8c-.9,2.8,1.2,5.7,4.1,5.7h0c3,0,5.1-2.9,4.1-5.7l-2.6-8ZM37,37.9s-3.4,3.8-4.1,6.1c2.2,0,4.2-.5,6.4-2.8l-.7,8.5c-2-2.8-4.4-4.1-5.7-3.8.1,3.1.5,6.7,5.8,7.2,3.7.3,6.7-1.5,7-3.8.4-2.6-2-4.3-3.7-1.6-1.4-4.5,2.4-6.1,4.9-3.2-1.9-4.5-1.8-7.7,2.4-10.9,3,4,2.6,7.3-1.2,11.1,2.4-1.3,6.2,0,4,4.6-1.2-2.8-3.7-2.2-4.2.2-.3,1.7.7,3.7,3,4.2,1.9.3,4.7-.9,7-5.9-1.3,0-2.4.7-3.9,1.7l2.4-8c.6,2.3,1.4,3.7,2.2,4.5.6-1.6.5-2.8,0-5.3l5,1.8c-2.6,3.6-5.2,8.7-7.3,17.5-7.4-1.1-15.7-1.7-24.5-1.7h0c-8.8,0-17.1.6-24.5,1.7-2.1-8.9-4.7-13.9-7.3-17.5l5-1.8c-.5,2.5-.6,3.7,0,5.3.8-.8,1.6-2.3,2.2-4.5l2.4,8c-1.5-1-2.6-1.7-3.9-1.7,2.3,5,5.2,6.2,7,5.9,2.3-.4,3.3-2.4,3-4.2-.5-2.4-3-3.1-4.2-.2-2.2-4.6,1.6-6,4-4.6-3.7-3.7-4.2-7.1-1.2-11.1,4.2,3.2,4.3,6.4,2.4,10.9,2.5-2.8,6.3-1.3,4.9,3.2-1.8-2.7-4.1-1-3.7,1.6.3,2.3,3.3,4.1,7,3.8,5.4-.5,5.7-4.2,5.8-7.2-1.3-.2-3.7,1-5.7,3.8l-.7-8.5c2.2,2.3,4.2,2.7,6.4,2.8-.7-2.3-4.1-6.1-4.1-6.1h10.6,0Z"/>
+              </g>
+              <path d="M88.6,33.2c0,1.8.2,3.4.6,5s1.2,3,2,4.4c1,1.2,2,2.2,3.4,3s3,1.2,5,1.2,3.4-.2,4.6-.8,2.2-1.4,3-2.2,1.2-1.8,1.6-3c.2-1,.4-2,.4-3v-.4h-10.6v-6.4h18.8v23h-7.4v-5c-.6.8-1.2,1.6-2,2.2-.8.6-1.6,1.2-2.6,1.8-1,.4-2,.8-3.2,1.2s-2.4.4-3.6.4c-3,0-5.8-.6-8-1.6-2.4-1.2-4.4-2.6-6-4.6s-2.8-4.2-3.6-6.8c-.6-2.8-1-5.6-1-8.6s.4-5.8,1.4-8.4,2.2-4.8,4-6.8,3.8-3.4,6.2-4.6c2.4-1.2,5.2-1.6,8.2-1.6s3.8.2,5.6.6c1.8.4,3.4,1.2,4.8,2s2.8,1.8,3.8,3c1.2,1.2,2,2.6,2.8,4l-7.4,4.2c-.4-.8-1-1.8-1.6-2.4-.6-.8-1.2-1.4-2-2s-1.6-1-2.6-1.4-2.2-.4-3.4-.4c-2,0-3.6.4-5,1.2-1.4.8-2.6,1.8-3.4,3-1,1.2-1.6,2.8-2,4.4-.6,1.6-.8,3.8-.8,5.4ZM161.4,24.6c-.8-2.6-2.2-4.8-4-6.8s-3.8-3.4-6.2-4.6c-2.4-1.2-5.2-1.6-8.4-1.6s-5.8.6-8.4,1.6c-2.2,1.2-4.4,2.8-6,4.6-1.8,2-3,4.2-4,6.8-.8,2.6-1.4,5.4-1.4,8.4s.4,5.8,1.4,8.4c.8,2.6,2.2,4.8,4,6.8s3.8,3.4,6.2,4.6c2.4,1.2,5.2,1.6,8.4,1.6s5.8-.6,8.4-1.6c2.4-1.2,4.6-2.6,6.2-4.6,1.8-2,3-4.2,4-6.8.8-2.6,1.4-5.4,1.4-8.4-.2-3-.6-5.8-1.6-8.4h0ZM154,33.2c0,2-.2,3.8-.8,5.4-.4,1.6-1.2,3.2-2.2,4.4s-2.2,2.2-3.4,2.8c-1.4.6-3,1-4.8,1s-3.4-.4-4.8-1-2.6-1.6-3.4-2.8c-1-1.2-1.6-2.6-2.2-4.4-.4-1.6-.8-3.4-.8-5.4v-.2c0-2,.2-3.8.8-5.4.4-1.6,1.2-3.2,2.2-4.4,1-1.2,2.2-2.2,3.4-2.8,1.4-.6,3-1,4.8-1s3.4.4,4.8,1,2.6,1.6,3.4,2.8c1,1.2,1.6,2.6,2.2,4.4.4,1.6.8,3.4.8,5.4v.2ZM177.8,54l-11.8-42h9.4l8,31.4h.2l8-31.4h9.4l-11.8,42h-11.4,0ZM235.4,46.7c1.2,0,2.4-.2,3.4-.6,1-.4,2-.8,2.8-1.6s1.4-1.6,1.8-2.8c.4-1.2.6-2.4.6-4V11.8h8.2v27.2c0,2.4-.4,4.4-1.2,6.2s-2,3.4-3.6,4.8c-1.4,1.4-3.2,2.4-5.4,3-2,.8-4.4,1-6.8,1s-4.8-.4-6.8-1c-2-.8-3.8-1.8-5.4-3-1.6-1.4-2.6-3-3.6-4.8-.8-1.8-1.2-4-1.2-6.2V11.7h8.4v26c0,1.6.2,2.8.6,4,.4,1.2,1,2,1.8,2.8s1.6,1.2,2.8,1.6c1.2.4,2.2.6,3.6.6h0ZM261.4,11.9h8.4v18.2l14.8-18.2h10.4l-14.4,16.8,15.4,25.2h-9.8l-11-18.8-5.4,6v12.8h-8.4V11.9h0ZM206.2,44.2c-3,0-5.4,2.4-5.4,5.4s2.4,5.4,5.4,5.4,5.4-2.4,5.4-5.4-2.4-5.4-5.4-5.4Z"/>
+          </svg>
+      </a>
+    </div>
+    <div class="govuk-header__content">
+      <nav aria-label="Menu" class="govuk-header__navigation">
+        <button type="button" class="govuk-header__menu-button govuk-js-header-toggle" aria-controls="navigation" hidden>
+          Menu
+        </button>
+
+        <ul id="navigation" class="govuk-header__navigation-list">
+          <li class="govuk-header__navigation-item">
+            <a class="govuk-header__link" href="/browse/benefits">
+              Benefits
+            </a>
+          </li>
+          <li class="govuk-header__navigation-item">
+            <a class="govuk-header__link" href="/browse/births-deaths-marriages">
+              Births, deaths, marriages and care
+            </a>
+          </li>
+          <li class="govuk-header__navigation-item">
+            <a class="govuk-header__link" href="/browse/business">
+              Business and self-employed
+            </a>
+          </li>
+          <li class="govuk-header__navigation-item">
+            <a class="govuk-header__link" href="/browse/childcare-parenting">
+              Childcare and parenting
+            </a>
+          </li>
+          <li class="govuk-header__navigation-item">
+            <a class="govuk-header__link" href="/browse/citizenship">
+              Citizenship and living in the UK
+            </a>
+          </li>
+          <li class="govuk-header__navigation-item">
+            <a class="govuk-header__link" href="/browse/justice">
+              Crime, justice and the law
+            </a>
+          </li>
+          <li class="govuk-header__navigation-item">
+            <a class="govuk-header__link" href="/browse/disabilities">
+              Disabled people
+            </a>
+          </li>
+          <li class="govuk-header__navigation-item">
+            <a class="govuk-header__link" href="/browse/driving">
+              Driving and transport
+            </a>
+          </li>
+          <li class="govuk-header__navigation-item">
+            <a class="govuk-header__link" href="/browse/education">
+              Education and learning
+            </a>
+          </li>
+          <li class="govuk-header__navigation-item">
+            <a class="govuk-header__link" href="/browse/employing-people">
+              Employing people
+            </a>
+          </li>
+          <li class="govuk-header__navigation-item">
+            <a class="govuk-header__link" href="/browse/environment-countryside">
+              Environment and countryside
+            </a>
+          </li>
+          <li class="govuk-header__navigation-item">
+            <a class="govuk-header__link" href="/browse/housing-local-services">
+              Housing and local services
+            </a>
+          </li>
+          <li class="govuk-header__navigation-item">
+            <a class="govuk-header__link" href="/browse/tax">
+              Money and tax
+            </a>
+          </li>
+          <li class="govuk-header__navigation-item">
+            <a class="govuk-header__link" href="/browse/abroad">
+              Passports, travel and living abroad
+            </a>
+          </li>
+          <li class="govuk-header__navigation-item">
+            <a class="govuk-header__link" href="/browse/visas-immigration">
+              Visas and immigration
+            </a>
+          </li>
+          <li class="govuk-header__navigation-item">
+            <a class="govuk-header__link" href="/browse/working">
+              Working, jobs and pensions
+            </a>
+          </li>
+        </ul>
+      </nav>
+    </div>
+  </div>
+</header>
diff --git a/app/templates/govuk/components/components/header/template-with-navigation.html b/app/templates/govuk/components/components/header/template-with-navigation.html
new file mode 100644
index 0000000..8482a15
--- /dev/null
+++ b/app/templates/govuk/components/components/header/template-with-navigation.html
@@ -0,0 +1,59 @@
+<header class="govuk-header" data-module="govuk-header">
+  <div class="govuk-header__container govuk-width-container">
+    <div class="govuk-header__logo">
+      <a href="/" class="govuk-header__link govuk-header__link--homepage">
+        <svg
+            focusable="false"
+            role="img"
+            xmlns="http://www.w3.org/2000/svg"
+            viewBox="0 0 296 60"
+            height="30"
+            width="148"
+            fill="currentcolor" class="govuk-header__logotype" aria-label="GOV.UK"
+          ><title>GOV.UK</title>    <g>
+                <circle cx="20" cy="17.6" r="3.7"/>
+                <circle cx="10.2" cy="23.5" r="3.7"/>
+                <circle cx="3.7" cy="33.2" r="3.7"/>
+                <circle cx="31.7" cy="30.6" r="3.7"/>
+                <circle cx="43.3" cy="17.6" r="3.7"/>
+                <circle cx="53.2" cy="23.5" r="3.7"/>
+                <circle cx="59.7" cy="33.2" r="3.7"/>
+                <circle cx="31.7" cy="30.6" r="3.7"/>
+                <path d="M33.1,9.8c.2-.1.3-.3.5-.5l4.6,2.4v-6.8l-4.6,1.5c-.1-.2-.3-.3-.5-.5l1.9-5.9h-6.7l1.9,5.9c-.2.1-.3.3-.5.5l-4.6-1.5v6.8l4.6-2.4c.1.2.3.3.5.5l-2.6,8c-.9,2.8,1.2,5.7,4.1,5.7h0c3,0,5.1-2.9,4.1-5.7l-2.6-8ZM37,37.9s-3.4,3.8-4.1,6.1c2.2,0,4.2-.5,6.4-2.8l-.7,8.5c-2-2.8-4.4-4.1-5.7-3.8.1,3.1.5,6.7,5.8,7.2,3.7.3,6.7-1.5,7-3.8.4-2.6-2-4.3-3.7-1.6-1.4-4.5,2.4-6.1,4.9-3.2-1.9-4.5-1.8-7.7,2.4-10.9,3,4,2.6,7.3-1.2,11.1,2.4-1.3,6.2,0,4,4.6-1.2-2.8-3.7-2.2-4.2.2-.3,1.7.7,3.7,3,4.2,1.9.3,4.7-.9,7-5.9-1.3,0-2.4.7-3.9,1.7l2.4-8c.6,2.3,1.4,3.7,2.2,4.5.6-1.6.5-2.8,0-5.3l5,1.8c-2.6,3.6-5.2,8.7-7.3,17.5-7.4-1.1-15.7-1.7-24.5-1.7h0c-8.8,0-17.1.6-24.5,1.7-2.1-8.9-4.7-13.9-7.3-17.5l5-1.8c-.5,2.5-.6,3.7,0,5.3.8-.8,1.6-2.3,2.2-4.5l2.4,8c-1.5-1-2.6-1.7-3.9-1.7,2.3,5,5.2,6.2,7,5.9,2.3-.4,3.3-2.4,3-4.2-.5-2.4-3-3.1-4.2-.2-2.2-4.6,1.6-6,4-4.6-3.7-3.7-4.2-7.1-1.2-11.1,4.2,3.2,4.3,6.4,2.4,10.9,2.5-2.8,6.3-1.3,4.9,3.2-1.8-2.7-4.1-1-3.7,1.6.3,2.3,3.3,4.1,7,3.8,5.4-.5,5.7-4.2,5.8-7.2-1.3-.2-3.7,1-5.7,3.8l-.7-8.5c2.2,2.3,4.2,2.7,6.4,2.8-.7-2.3-4.1-6.1-4.1-6.1h10.6,0Z"/>
+              </g>
+              <path d="M88.6,33.2c0,1.8.2,3.4.6,5s1.2,3,2,4.4c1,1.2,2,2.2,3.4,3s3,1.2,5,1.2,3.4-.2,4.6-.8,2.2-1.4,3-2.2,1.2-1.8,1.6-3c.2-1,.4-2,.4-3v-.4h-10.6v-6.4h18.8v23h-7.4v-5c-.6.8-1.2,1.6-2,2.2-.8.6-1.6,1.2-2.6,1.8-1,.4-2,.8-3.2,1.2s-2.4.4-3.6.4c-3,0-5.8-.6-8-1.6-2.4-1.2-4.4-2.6-6-4.6s-2.8-4.2-3.6-6.8c-.6-2.8-1-5.6-1-8.6s.4-5.8,1.4-8.4,2.2-4.8,4-6.8,3.8-3.4,6.2-4.6c2.4-1.2,5.2-1.6,8.2-1.6s3.8.2,5.6.6c1.8.4,3.4,1.2,4.8,2s2.8,1.8,3.8,3c1.2,1.2,2,2.6,2.8,4l-7.4,4.2c-.4-.8-1-1.8-1.6-2.4-.6-.8-1.2-1.4-2-2s-1.6-1-2.6-1.4-2.2-.4-3.4-.4c-2,0-3.6.4-5,1.2-1.4.8-2.6,1.8-3.4,3-1,1.2-1.6,2.8-2,4.4-.6,1.6-.8,3.8-.8,5.4ZM161.4,24.6c-.8-2.6-2.2-4.8-4-6.8s-3.8-3.4-6.2-4.6c-2.4-1.2-5.2-1.6-8.4-1.6s-5.8.6-8.4,1.6c-2.2,1.2-4.4,2.8-6,4.6-1.8,2-3,4.2-4,6.8-.8,2.6-1.4,5.4-1.4,8.4s.4,5.8,1.4,8.4c.8,2.6,2.2,4.8,4,6.8s3.8,3.4,6.2,4.6c2.4,1.2,5.2,1.6,8.4,1.6s5.8-.6,8.4-1.6c2.4-1.2,4.6-2.6,6.2-4.6,1.8-2,3-4.2,4-6.8.8-2.6,1.4-5.4,1.4-8.4-.2-3-.6-5.8-1.6-8.4h0ZM154,33.2c0,2-.2,3.8-.8,5.4-.4,1.6-1.2,3.2-2.2,4.4s-2.2,2.2-3.4,2.8c-1.4.6-3,1-4.8,1s-3.4-.4-4.8-1-2.6-1.6-3.4-2.8c-1-1.2-1.6-2.6-2.2-4.4-.4-1.6-.8-3.4-.8-5.4v-.2c0-2,.2-3.8.8-5.4.4-1.6,1.2-3.2,2.2-4.4,1-1.2,2.2-2.2,3.4-2.8,1.4-.6,3-1,4.8-1s3.4.4,4.8,1,2.6,1.6,3.4,2.8c1,1.2,1.6,2.6,2.2,4.4.4,1.6.8,3.4.8,5.4v.2ZM177.8,54l-11.8-42h9.4l8,31.4h.2l8-31.4h9.4l-11.8,42h-11.4,0ZM235.4,46.7c1.2,0,2.4-.2,3.4-.6,1-.4,2-.8,2.8-1.6s1.4-1.6,1.8-2.8c.4-1.2.6-2.4.6-4V11.8h8.2v27.2c0,2.4-.4,4.4-1.2,6.2s-2,3.4-3.6,4.8c-1.4,1.4-3.2,2.4-5.4,3-2,.8-4.4,1-6.8,1s-4.8-.4-6.8-1c-2-.8-3.8-1.8-5.4-3-1.6-1.4-2.6-3-3.6-4.8-.8-1.8-1.2-4-1.2-6.2V11.7h8.4v26c0,1.6.2,2.8.6,4,.4,1.2,1,2,1.8,2.8s1.6,1.2,2.8,1.6c1.2.4,2.2.6,3.6.6h0ZM261.4,11.9h8.4v18.2l14.8-18.2h10.4l-14.4,16.8,15.4,25.2h-9.8l-11-18.8-5.4,6v12.8h-8.4V11.9h0ZM206.2,44.2c-3,0-5.4,2.4-5.4,5.4s2.4,5.4,5.4,5.4,5.4-2.4,5.4-5.4-2.4-5.4-5.4-5.4Z"/>
+          </svg>
+      </a>
+    </div>
+    <div class="govuk-header__content">
+      <nav aria-label="Menu" class="govuk-header__navigation">
+        <button type="button" class="govuk-header__menu-button govuk-js-header-toggle" aria-controls="navigation" hidden>
+          Menu
+        </button>
+
+        <ul id="navigation" class="govuk-header__navigation-list">
+          <li class="govuk-header__navigation-item govuk-header__navigation-item--active">
+            <a class="govuk-header__link" href="#1">
+              Navigation item 1
+            </a>
+          </li>
+          <li class="govuk-header__navigation-item">
+            <a class="govuk-header__link" href="#2">
+              Navigation item 2
+            </a>
+          </li>
+          <li class="govuk-header__navigation-item">
+            <a class="govuk-header__link" href="#3">
+              Navigation item 3
+            </a>
+          </li>
+          <li class="govuk-header__navigation-item">
+            <a class="govuk-header__link" href="#4">
+              Navigation item 4
+            </a>
+          </li>
+        </ul>
+      </nav>
+    </div>
+  </div>
+</header>
diff --git a/app/templates/govuk/components/components/header/template-with-product-name.html b/app/templates/govuk/components/components/header/template-with-product-name.html
new file mode 100644
index 0000000..c53022d
--- /dev/null
+++ b/app/templates/govuk/components/components/header/template-with-product-name.html
@@ -0,0 +1,30 @@
+<header class="govuk-header" data-module="govuk-header">
+  <div class="govuk-header__container govuk-width-container">
+    <div class="govuk-header__logo">
+      <a href="/" class="govuk-header__link govuk-header__link--homepage">
+        <svg
+            focusable="false"
+            role="img"
+            xmlns="http://www.w3.org/2000/svg"
+            viewBox="0 0 296 60"
+            height="30"
+            width="148"
+            fill="currentcolor" class="govuk-header__logotype" aria-label="GOV.UK"
+          ><title>GOV.UK</title>    <g>
+                <circle cx="20" cy="17.6" r="3.7"/>
+                <circle cx="10.2" cy="23.5" r="3.7"/>
+                <circle cx="3.7" cy="33.2" r="3.7"/>
+                <circle cx="31.7" cy="30.6" r="3.7"/>
+                <circle cx="43.3" cy="17.6" r="3.7"/>
+                <circle cx="53.2" cy="23.5" r="3.7"/>
+                <circle cx="59.7" cy="33.2" r="3.7"/>
+                <circle cx="31.7" cy="30.6" r="3.7"/>
+                <path d="M33.1,9.8c.2-.1.3-.3.5-.5l4.6,2.4v-6.8l-4.6,1.5c-.1-.2-.3-.3-.5-.5l1.9-5.9h-6.7l1.9,5.9c-.2.1-.3.3-.5.5l-4.6-1.5v6.8l4.6-2.4c.1.2.3.3.5.5l-2.6,8c-.9,2.8,1.2,5.7,4.1,5.7h0c3,0,5.1-2.9,4.1-5.7l-2.6-8ZM37,37.9s-3.4,3.8-4.1,6.1c2.2,0,4.2-.5,6.4-2.8l-.7,8.5c-2-2.8-4.4-4.1-5.7-3.8.1,3.1.5,6.7,5.8,7.2,3.7.3,6.7-1.5,7-3.8.4-2.6-2-4.3-3.7-1.6-1.4-4.5,2.4-6.1,4.9-3.2-1.9-4.5-1.8-7.7,2.4-10.9,3,4,2.6,7.3-1.2,11.1,2.4-1.3,6.2,0,4,4.6-1.2-2.8-3.7-2.2-4.2.2-.3,1.7.7,3.7,3,4.2,1.9.3,4.7-.9,7-5.9-1.3,0-2.4.7-3.9,1.7l2.4-8c.6,2.3,1.4,3.7,2.2,4.5.6-1.6.5-2.8,0-5.3l5,1.8c-2.6,3.6-5.2,8.7-7.3,17.5-7.4-1.1-15.7-1.7-24.5-1.7h0c-8.8,0-17.1.6-24.5,1.7-2.1-8.9-4.7-13.9-7.3-17.5l5-1.8c-.5,2.5-.6,3.7,0,5.3.8-.8,1.6-2.3,2.2-4.5l2.4,8c-1.5-1-2.6-1.7-3.9-1.7,2.3,5,5.2,6.2,7,5.9,2.3-.4,3.3-2.4,3-4.2-.5-2.4-3-3.1-4.2-.2-2.2-4.6,1.6-6,4-4.6-3.7-3.7-4.2-7.1-1.2-11.1,4.2,3.2,4.3,6.4,2.4,10.9,2.5-2.8,6.3-1.3,4.9,3.2-1.8-2.7-4.1-1-3.7,1.6.3,2.3,3.3,4.1,7,3.8,5.4-.5,5.7-4.2,5.8-7.2-1.3-.2-3.7,1-5.7,3.8l-.7-8.5c2.2,2.3,4.2,2.7,6.4,2.8-.7-2.3-4.1-6.1-4.1-6.1h10.6,0Z"/>
+              </g>
+              <path d="M88.6,33.2c0,1.8.2,3.4.6,5s1.2,3,2,4.4c1,1.2,2,2.2,3.4,3s3,1.2,5,1.2,3.4-.2,4.6-.8,2.2-1.4,3-2.2,1.2-1.8,1.6-3c.2-1,.4-2,.4-3v-.4h-10.6v-6.4h18.8v23h-7.4v-5c-.6.8-1.2,1.6-2,2.2-.8.6-1.6,1.2-2.6,1.8-1,.4-2,.8-3.2,1.2s-2.4.4-3.6.4c-3,0-5.8-.6-8-1.6-2.4-1.2-4.4-2.6-6-4.6s-2.8-4.2-3.6-6.8c-.6-2.8-1-5.6-1-8.6s.4-5.8,1.4-8.4,2.2-4.8,4-6.8,3.8-3.4,6.2-4.6c2.4-1.2,5.2-1.6,8.2-1.6s3.8.2,5.6.6c1.8.4,3.4,1.2,4.8,2s2.8,1.8,3.8,3c1.2,1.2,2,2.6,2.8,4l-7.4,4.2c-.4-.8-1-1.8-1.6-2.4-.6-.8-1.2-1.4-2-2s-1.6-1-2.6-1.4-2.2-.4-3.4-.4c-2,0-3.6.4-5,1.2-1.4.8-2.6,1.8-3.4,3-1,1.2-1.6,2.8-2,4.4-.6,1.6-.8,3.8-.8,5.4ZM161.4,24.6c-.8-2.6-2.2-4.8-4-6.8s-3.8-3.4-6.2-4.6c-2.4-1.2-5.2-1.6-8.4-1.6s-5.8.6-8.4,1.6c-2.2,1.2-4.4,2.8-6,4.6-1.8,2-3,4.2-4,6.8-.8,2.6-1.4,5.4-1.4,8.4s.4,5.8,1.4,8.4c.8,2.6,2.2,4.8,4,6.8s3.8,3.4,6.2,4.6c2.4,1.2,5.2,1.6,8.4,1.6s5.8-.6,8.4-1.6c2.4-1.2,4.6-2.6,6.2-4.6,1.8-2,3-4.2,4-6.8.8-2.6,1.4-5.4,1.4-8.4-.2-3-.6-5.8-1.6-8.4h0ZM154,33.2c0,2-.2,3.8-.8,5.4-.4,1.6-1.2,3.2-2.2,4.4s-2.2,2.2-3.4,2.8c-1.4.6-3,1-4.8,1s-3.4-.4-4.8-1-2.6-1.6-3.4-2.8c-1-1.2-1.6-2.6-2.2-4.4-.4-1.6-.8-3.4-.8-5.4v-.2c0-2,.2-3.8.8-5.4.4-1.6,1.2-3.2,2.2-4.4,1-1.2,2.2-2.2,3.4-2.8,1.4-.6,3-1,4.8-1s3.4.4,4.8,1,2.6,1.6,3.4,2.8c1,1.2,1.6,2.6,2.2,4.4.4,1.6.8,3.4.8,5.4v.2ZM177.8,54l-11.8-42h9.4l8,31.4h.2l8-31.4h9.4l-11.8,42h-11.4,0ZM235.4,46.7c1.2,0,2.4-.2,3.4-.6,1-.4,2-.8,2.8-1.6s1.4-1.6,1.8-2.8c.4-1.2.6-2.4.6-4V11.8h8.2v27.2c0,2.4-.4,4.4-1.2,6.2s-2,3.4-3.6,4.8c-1.4,1.4-3.2,2.4-5.4,3-2,.8-4.4,1-6.8,1s-4.8-.4-6.8-1c-2-.8-3.8-1.8-5.4-3-1.6-1.4-2.6-3-3.6-4.8-.8-1.8-1.2-4-1.2-6.2V11.7h8.4v26c0,1.6.2,2.8.6,4,.4,1.2,1,2,1.8,2.8s1.6,1.2,2.8,1.6c1.2.4,2.2.6,3.6.6h0ZM261.4,11.9h8.4v18.2l14.8-18.2h10.4l-14.4,16.8,15.4,25.2h-9.8l-11-18.8-5.4,6v12.8h-8.4V11.9h0ZM206.2,44.2c-3,0-5.4,2.4-5.4,5.4s2.4,5.4,5.4,5.4,5.4-2.4,5.4-5.4-2.4-5.4-5.4-5.4Z"/>
+          </svg>
+        <span class="govuk-header__product-name">Product Name</span>
+      </a>
+    </div>
+  </div>
+</header>
diff --git a/app/templates/govuk/components/components/header/template-with-service-name-and-navigation.html b/app/templates/govuk/components/components/header/template-with-service-name-and-navigation.html
new file mode 100644
index 0000000..ee4d82f
--- /dev/null
+++ b/app/templates/govuk/components/components/header/template-with-service-name-and-navigation.html
@@ -0,0 +1,62 @@
+<header class="govuk-header" data-module="govuk-header">
+  <div class="govuk-header__container govuk-width-container">
+    <div class="govuk-header__logo">
+      <a href="/" class="govuk-header__link govuk-header__link--homepage">
+        <svg
+            focusable="false"
+            role="img"
+            xmlns="http://www.w3.org/2000/svg"
+            viewBox="0 0 296 60"
+            height="30"
+            width="148"
+            fill="currentcolor" class="govuk-header__logotype" aria-label="GOV.UK"
+          ><title>GOV.UK</title>    <g>
+                <circle cx="20" cy="17.6" r="3.7"/>
+                <circle cx="10.2" cy="23.5" r="3.7"/>
+                <circle cx="3.7" cy="33.2" r="3.7"/>
+                <circle cx="31.7" cy="30.6" r="3.7"/>
+                <circle cx="43.3" cy="17.6" r="3.7"/>
+                <circle cx="53.2" cy="23.5" r="3.7"/>
+                <circle cx="59.7" cy="33.2" r="3.7"/>
+                <circle cx="31.7" cy="30.6" r="3.7"/>
+                <path d="M33.1,9.8c.2-.1.3-.3.5-.5l4.6,2.4v-6.8l-4.6,1.5c-.1-.2-.3-.3-.5-.5l1.9-5.9h-6.7l1.9,5.9c-.2.1-.3.3-.5.5l-4.6-1.5v6.8l4.6-2.4c.1.2.3.3.5.5l-2.6,8c-.9,2.8,1.2,5.7,4.1,5.7h0c3,0,5.1-2.9,4.1-5.7l-2.6-8ZM37,37.9s-3.4,3.8-4.1,6.1c2.2,0,4.2-.5,6.4-2.8l-.7,8.5c-2-2.8-4.4-4.1-5.7-3.8.1,3.1.5,6.7,5.8,7.2,3.7.3,6.7-1.5,7-3.8.4-2.6-2-4.3-3.7-1.6-1.4-4.5,2.4-6.1,4.9-3.2-1.9-4.5-1.8-7.7,2.4-10.9,3,4,2.6,7.3-1.2,11.1,2.4-1.3,6.2,0,4,4.6-1.2-2.8-3.7-2.2-4.2.2-.3,1.7.7,3.7,3,4.2,1.9.3,4.7-.9,7-5.9-1.3,0-2.4.7-3.9,1.7l2.4-8c.6,2.3,1.4,3.7,2.2,4.5.6-1.6.5-2.8,0-5.3l5,1.8c-2.6,3.6-5.2,8.7-7.3,17.5-7.4-1.1-15.7-1.7-24.5-1.7h0c-8.8,0-17.1.6-24.5,1.7-2.1-8.9-4.7-13.9-7.3-17.5l5-1.8c-.5,2.5-.6,3.7,0,5.3.8-.8,1.6-2.3,2.2-4.5l2.4,8c-1.5-1-2.6-1.7-3.9-1.7,2.3,5,5.2,6.2,7,5.9,2.3-.4,3.3-2.4,3-4.2-.5-2.4-3-3.1-4.2-.2-2.2-4.6,1.6-6,4-4.6-3.7-3.7-4.2-7.1-1.2-11.1,4.2,3.2,4.3,6.4,2.4,10.9,2.5-2.8,6.3-1.3,4.9,3.2-1.8-2.7-4.1-1-3.7,1.6.3,2.3,3.3,4.1,7,3.8,5.4-.5,5.7-4.2,5.8-7.2-1.3-.2-3.7,1-5.7,3.8l-.7-8.5c2.2,2.3,4.2,2.7,6.4,2.8-.7-2.3-4.1-6.1-4.1-6.1h10.6,0Z"/>
+              </g>
+              <path d="M88.6,33.2c0,1.8.2,3.4.6,5s1.2,3,2,4.4c1,1.2,2,2.2,3.4,3s3,1.2,5,1.2,3.4-.2,4.6-.8,2.2-1.4,3-2.2,1.2-1.8,1.6-3c.2-1,.4-2,.4-3v-.4h-10.6v-6.4h18.8v23h-7.4v-5c-.6.8-1.2,1.6-2,2.2-.8.6-1.6,1.2-2.6,1.8-1,.4-2,.8-3.2,1.2s-2.4.4-3.6.4c-3,0-5.8-.6-8-1.6-2.4-1.2-4.4-2.6-6-4.6s-2.8-4.2-3.6-6.8c-.6-2.8-1-5.6-1-8.6s.4-5.8,1.4-8.4,2.2-4.8,4-6.8,3.8-3.4,6.2-4.6c2.4-1.2,5.2-1.6,8.2-1.6s3.8.2,5.6.6c1.8.4,3.4,1.2,4.8,2s2.8,1.8,3.8,3c1.2,1.2,2,2.6,2.8,4l-7.4,4.2c-.4-.8-1-1.8-1.6-2.4-.6-.8-1.2-1.4-2-2s-1.6-1-2.6-1.4-2.2-.4-3.4-.4c-2,0-3.6.4-5,1.2-1.4.8-2.6,1.8-3.4,3-1,1.2-1.6,2.8-2,4.4-.6,1.6-.8,3.8-.8,5.4ZM161.4,24.6c-.8-2.6-2.2-4.8-4-6.8s-3.8-3.4-6.2-4.6c-2.4-1.2-5.2-1.6-8.4-1.6s-5.8.6-8.4,1.6c-2.2,1.2-4.4,2.8-6,4.6-1.8,2-3,4.2-4,6.8-.8,2.6-1.4,5.4-1.4,8.4s.4,5.8,1.4,8.4c.8,2.6,2.2,4.8,4,6.8s3.8,3.4,6.2,4.6c2.4,1.2,5.2,1.6,8.4,1.6s5.8-.6,8.4-1.6c2.4-1.2,4.6-2.6,6.2-4.6,1.8-2,3-4.2,4-6.8.8-2.6,1.4-5.4,1.4-8.4-.2-3-.6-5.8-1.6-8.4h0ZM154,33.2c0,2-.2,3.8-.8,5.4-.4,1.6-1.2,3.2-2.2,4.4s-2.2,2.2-3.4,2.8c-1.4.6-3,1-4.8,1s-3.4-.4-4.8-1-2.6-1.6-3.4-2.8c-1-1.2-1.6-2.6-2.2-4.4-.4-1.6-.8-3.4-.8-5.4v-.2c0-2,.2-3.8.8-5.4.4-1.6,1.2-3.2,2.2-4.4,1-1.2,2.2-2.2,3.4-2.8,1.4-.6,3-1,4.8-1s3.4.4,4.8,1,2.6,1.6,3.4,2.8c1,1.2,1.6,2.6,2.2,4.4.4,1.6.8,3.4.8,5.4v.2ZM177.8,54l-11.8-42h9.4l8,31.4h.2l8-31.4h9.4l-11.8,42h-11.4,0ZM235.4,46.7c1.2,0,2.4-.2,3.4-.6,1-.4,2-.8,2.8-1.6s1.4-1.6,1.8-2.8c.4-1.2.6-2.4.6-4V11.8h8.2v27.2c0,2.4-.4,4.4-1.2,6.2s-2,3.4-3.6,4.8c-1.4,1.4-3.2,2.4-5.4,3-2,.8-4.4,1-6.8,1s-4.8-.4-6.8-1c-2-.8-3.8-1.8-5.4-3-1.6-1.4-2.6-3-3.6-4.8-.8-1.8-1.2-4-1.2-6.2V11.7h8.4v26c0,1.6.2,2.8.6,4,.4,1.2,1,2,1.8,2.8s1.6,1.2,2.8,1.6c1.2.4,2.2.6,3.6.6h0ZM261.4,11.9h8.4v18.2l14.8-18.2h10.4l-14.4,16.8,15.4,25.2h-9.8l-11-18.8-5.4,6v12.8h-8.4V11.9h0ZM206.2,44.2c-3,0-5.4,2.4-5.4,5.4s2.4,5.4,5.4,5.4,5.4-2.4,5.4-5.4-2.4-5.4-5.4-5.4Z"/>
+          </svg>
+      </a>
+    </div>
+    <div class="govuk-header__content">
+      <a href="/components/header" class="govuk-header__link govuk-header__service-name">
+        Service Name
+      </a>
+      <nav aria-label="Menu" class="govuk-header__navigation">
+        <button type="button" class="govuk-header__menu-button govuk-js-header-toggle" aria-controls="navigation" hidden>
+          Menu
+        </button>
+
+        <ul id="navigation" class="govuk-header__navigation-list">
+          <li class="govuk-header__navigation-item govuk-header__navigation-item--active">
+            <a class="govuk-header__link" href="#1">
+              Navigation item 1
+            </a>
+          </li>
+          <li class="govuk-header__navigation-item">
+            <a class="govuk-header__link" href="#2">
+              Navigation item 2
+            </a>
+          </li>
+          <li class="govuk-header__navigation-item">
+            <a class="govuk-header__link" href="#3">
+              Navigation item 3
+            </a>
+          </li>
+          <li class="govuk-header__navigation-item">
+            <a class="govuk-header__link" href="#4">
+              Navigation item 4
+            </a>
+          </li>
+        </ul>
+      </nav>
+    </div>
+  </div>
+</header>
diff --git a/app/templates/govuk/components/components/header/template-with-service-name-but-no-service-url.html b/app/templates/govuk/components/components/header/template-with-service-name-but-no-service-url.html
new file mode 100644
index 0000000..2e06a6d
--- /dev/null
+++ b/app/templates/govuk/components/components/header/template-with-service-name-but-no-service-url.html
@@ -0,0 +1,34 @@
+<header class="govuk-header" data-module="govuk-header">
+  <div class="govuk-header__container govuk-width-container">
+    <div class="govuk-header__logo">
+      <a href="/" class="govuk-header__link govuk-header__link--homepage">
+        <svg
+            focusable="false"
+            role="img"
+            xmlns="http://www.w3.org/2000/svg"
+            viewBox="0 0 296 60"
+            height="30"
+            width="148"
+            fill="currentcolor" class="govuk-header__logotype" aria-label="GOV.UK"
+          ><title>GOV.UK</title>    <g>
+                <circle cx="20" cy="17.6" r="3.7"/>
+                <circle cx="10.2" cy="23.5" r="3.7"/>
+                <circle cx="3.7" cy="33.2" r="3.7"/>
+                <circle cx="31.7" cy="30.6" r="3.7"/>
+                <circle cx="43.3" cy="17.6" r="3.7"/>
+                <circle cx="53.2" cy="23.5" r="3.7"/>
+                <circle cx="59.7" cy="33.2" r="3.7"/>
+                <circle cx="31.7" cy="30.6" r="3.7"/>
+                <path d="M33.1,9.8c.2-.1.3-.3.5-.5l4.6,2.4v-6.8l-4.6,1.5c-.1-.2-.3-.3-.5-.5l1.9-5.9h-6.7l1.9,5.9c-.2.1-.3.3-.5.5l-4.6-1.5v6.8l4.6-2.4c.1.2.3.3.5.5l-2.6,8c-.9,2.8,1.2,5.7,4.1,5.7h0c3,0,5.1-2.9,4.1-5.7l-2.6-8ZM37,37.9s-3.4,3.8-4.1,6.1c2.2,0,4.2-.5,6.4-2.8l-.7,8.5c-2-2.8-4.4-4.1-5.7-3.8.1,3.1.5,6.7,5.8,7.2,3.7.3,6.7-1.5,7-3.8.4-2.6-2-4.3-3.7-1.6-1.4-4.5,2.4-6.1,4.9-3.2-1.9-4.5-1.8-7.7,2.4-10.9,3,4,2.6,7.3-1.2,11.1,2.4-1.3,6.2,0,4,4.6-1.2-2.8-3.7-2.2-4.2.2-.3,1.7.7,3.7,3,4.2,1.9.3,4.7-.9,7-5.9-1.3,0-2.4.7-3.9,1.7l2.4-8c.6,2.3,1.4,3.7,2.2,4.5.6-1.6.5-2.8,0-5.3l5,1.8c-2.6,3.6-5.2,8.7-7.3,17.5-7.4-1.1-15.7-1.7-24.5-1.7h0c-8.8,0-17.1.6-24.5,1.7-2.1-8.9-4.7-13.9-7.3-17.5l5-1.8c-.5,2.5-.6,3.7,0,5.3.8-.8,1.6-2.3,2.2-4.5l2.4,8c-1.5-1-2.6-1.7-3.9-1.7,2.3,5,5.2,6.2,7,5.9,2.3-.4,3.3-2.4,3-4.2-.5-2.4-3-3.1-4.2-.2-2.2-4.6,1.6-6,4-4.6-3.7-3.7-4.2-7.1-1.2-11.1,4.2,3.2,4.3,6.4,2.4,10.9,2.5-2.8,6.3-1.3,4.9,3.2-1.8-2.7-4.1-1-3.7,1.6.3,2.3,3.3,4.1,7,3.8,5.4-.5,5.7-4.2,5.8-7.2-1.3-.2-3.7,1-5.7,3.8l-.7-8.5c2.2,2.3,4.2,2.7,6.4,2.8-.7-2.3-4.1-6.1-4.1-6.1h10.6,0Z"/>
+              </g>
+              <path d="M88.6,33.2c0,1.8.2,3.4.6,5s1.2,3,2,4.4c1,1.2,2,2.2,3.4,3s3,1.2,5,1.2,3.4-.2,4.6-.8,2.2-1.4,3-2.2,1.2-1.8,1.6-3c.2-1,.4-2,.4-3v-.4h-10.6v-6.4h18.8v23h-7.4v-5c-.6.8-1.2,1.6-2,2.2-.8.6-1.6,1.2-2.6,1.8-1,.4-2,.8-3.2,1.2s-2.4.4-3.6.4c-3,0-5.8-.6-8-1.6-2.4-1.2-4.4-2.6-6-4.6s-2.8-4.2-3.6-6.8c-.6-2.8-1-5.6-1-8.6s.4-5.8,1.4-8.4,2.2-4.8,4-6.8,3.8-3.4,6.2-4.6c2.4-1.2,5.2-1.6,8.2-1.6s3.8.2,5.6.6c1.8.4,3.4,1.2,4.8,2s2.8,1.8,3.8,3c1.2,1.2,2,2.6,2.8,4l-7.4,4.2c-.4-.8-1-1.8-1.6-2.4-.6-.8-1.2-1.4-2-2s-1.6-1-2.6-1.4-2.2-.4-3.4-.4c-2,0-3.6.4-5,1.2-1.4.8-2.6,1.8-3.4,3-1,1.2-1.6,2.8-2,4.4-.6,1.6-.8,3.8-.8,5.4ZM161.4,24.6c-.8-2.6-2.2-4.8-4-6.8s-3.8-3.4-6.2-4.6c-2.4-1.2-5.2-1.6-8.4-1.6s-5.8.6-8.4,1.6c-2.2,1.2-4.4,2.8-6,4.6-1.8,2-3,4.2-4,6.8-.8,2.6-1.4,5.4-1.4,8.4s.4,5.8,1.4,8.4c.8,2.6,2.2,4.8,4,6.8s3.8,3.4,6.2,4.6c2.4,1.2,5.2,1.6,8.4,1.6s5.8-.6,8.4-1.6c2.4-1.2,4.6-2.6,6.2-4.6,1.8-2,3-4.2,4-6.8.8-2.6,1.4-5.4,1.4-8.4-.2-3-.6-5.8-1.6-8.4h0ZM154,33.2c0,2-.2,3.8-.8,5.4-.4,1.6-1.2,3.2-2.2,4.4s-2.2,2.2-3.4,2.8c-1.4.6-3,1-4.8,1s-3.4-.4-4.8-1-2.6-1.6-3.4-2.8c-1-1.2-1.6-2.6-2.2-4.4-.4-1.6-.8-3.4-.8-5.4v-.2c0-2,.2-3.8.8-5.4.4-1.6,1.2-3.2,2.2-4.4,1-1.2,2.2-2.2,3.4-2.8,1.4-.6,3-1,4.8-1s3.4.4,4.8,1,2.6,1.6,3.4,2.8c1,1.2,1.6,2.6,2.2,4.4.4,1.6.8,3.4.8,5.4v.2ZM177.8,54l-11.8-42h9.4l8,31.4h.2l8-31.4h9.4l-11.8,42h-11.4,0ZM235.4,46.7c1.2,0,2.4-.2,3.4-.6,1-.4,2-.8,2.8-1.6s1.4-1.6,1.8-2.8c.4-1.2.6-2.4.6-4V11.8h8.2v27.2c0,2.4-.4,4.4-1.2,6.2s-2,3.4-3.6,4.8c-1.4,1.4-3.2,2.4-5.4,3-2,.8-4.4,1-6.8,1s-4.8-.4-6.8-1c-2-.8-3.8-1.8-5.4-3-1.6-1.4-2.6-3-3.6-4.8-.8-1.8-1.2-4-1.2-6.2V11.7h8.4v26c0,1.6.2,2.8.6,4,.4,1.2,1,2,1.8,2.8s1.6,1.2,2.8,1.6c1.2.4,2.2.6,3.6.6h0ZM261.4,11.9h8.4v18.2l14.8-18.2h10.4l-14.4,16.8,15.4,25.2h-9.8l-11-18.8-5.4,6v12.8h-8.4V11.9h0ZM206.2,44.2c-3,0-5.4,2.4-5.4,5.4s2.4,5.4,5.4,5.4,5.4-2.4,5.4-5.4-2.4-5.4-5.4-5.4Z"/>
+          </svg>
+      </a>
+    </div>
+    <div class="govuk-header__content">
+      <span class="govuk-header__service-name">
+        Service Name
+      </span>
+    </div>
+  </div>
+</header>
diff --git a/app/templates/govuk/components/components/header/template-with-service-name.html b/app/templates/govuk/components/components/header/template-with-service-name.html
new file mode 100644
index 0000000..07e524f
--- /dev/null
+++ b/app/templates/govuk/components/components/header/template-with-service-name.html
@@ -0,0 +1,34 @@
+<header class="govuk-header" data-module="govuk-header">
+  <div class="govuk-header__container govuk-width-container">
+    <div class="govuk-header__logo">
+      <a href="/" class="govuk-header__link govuk-header__link--homepage">
+        <svg
+            focusable="false"
+            role="img"
+            xmlns="http://www.w3.org/2000/svg"
+            viewBox="0 0 296 60"
+            height="30"
+            width="148"
+            fill="currentcolor" class="govuk-header__logotype" aria-label="GOV.UK"
+          ><title>GOV.UK</title>    <g>
+                <circle cx="20" cy="17.6" r="3.7"/>
+                <circle cx="10.2" cy="23.5" r="3.7"/>
+                <circle cx="3.7" cy="33.2" r="3.7"/>
+                <circle cx="31.7" cy="30.6" r="3.7"/>
+                <circle cx="43.3" cy="17.6" r="3.7"/>
+                <circle cx="53.2" cy="23.5" r="3.7"/>
+                <circle cx="59.7" cy="33.2" r="3.7"/>
+                <circle cx="31.7" cy="30.6" r="3.7"/>
+                <path d="M33.1,9.8c.2-.1.3-.3.5-.5l4.6,2.4v-6.8l-4.6,1.5c-.1-.2-.3-.3-.5-.5l1.9-5.9h-6.7l1.9,5.9c-.2.1-.3.3-.5.5l-4.6-1.5v6.8l4.6-2.4c.1.2.3.3.5.5l-2.6,8c-.9,2.8,1.2,5.7,4.1,5.7h0c3,0,5.1-2.9,4.1-5.7l-2.6-8ZM37,37.9s-3.4,3.8-4.1,6.1c2.2,0,4.2-.5,6.4-2.8l-.7,8.5c-2-2.8-4.4-4.1-5.7-3.8.1,3.1.5,6.7,5.8,7.2,3.7.3,6.7-1.5,7-3.8.4-2.6-2-4.3-3.7-1.6-1.4-4.5,2.4-6.1,4.9-3.2-1.9-4.5-1.8-7.7,2.4-10.9,3,4,2.6,7.3-1.2,11.1,2.4-1.3,6.2,0,4,4.6-1.2-2.8-3.7-2.2-4.2.2-.3,1.7.7,3.7,3,4.2,1.9.3,4.7-.9,7-5.9-1.3,0-2.4.7-3.9,1.7l2.4-8c.6,2.3,1.4,3.7,2.2,4.5.6-1.6.5-2.8,0-5.3l5,1.8c-2.6,3.6-5.2,8.7-7.3,17.5-7.4-1.1-15.7-1.7-24.5-1.7h0c-8.8,0-17.1.6-24.5,1.7-2.1-8.9-4.7-13.9-7.3-17.5l5-1.8c-.5,2.5-.6,3.7,0,5.3.8-.8,1.6-2.3,2.2-4.5l2.4,8c-1.5-1-2.6-1.7-3.9-1.7,2.3,5,5.2,6.2,7,5.9,2.3-.4,3.3-2.4,3-4.2-.5-2.4-3-3.1-4.2-.2-2.2-4.6,1.6-6,4-4.6-3.7-3.7-4.2-7.1-1.2-11.1,4.2,3.2,4.3,6.4,2.4,10.9,2.5-2.8,6.3-1.3,4.9,3.2-1.8-2.7-4.1-1-3.7,1.6.3,2.3,3.3,4.1,7,3.8,5.4-.5,5.7-4.2,5.8-7.2-1.3-.2-3.7,1-5.7,3.8l-.7-8.5c2.2,2.3,4.2,2.7,6.4,2.8-.7-2.3-4.1-6.1-4.1-6.1h10.6,0Z"/>
+              </g>
+              <path d="M88.6,33.2c0,1.8.2,3.4.6,5s1.2,3,2,4.4c1,1.2,2,2.2,3.4,3s3,1.2,5,1.2,3.4-.2,4.6-.8,2.2-1.4,3-2.2,1.2-1.8,1.6-3c.2-1,.4-2,.4-3v-.4h-10.6v-6.4h18.8v23h-7.4v-5c-.6.8-1.2,1.6-2,2.2-.8.6-1.6,1.2-2.6,1.8-1,.4-2,.8-3.2,1.2s-2.4.4-3.6.4c-3,0-5.8-.6-8-1.6-2.4-1.2-4.4-2.6-6-4.6s-2.8-4.2-3.6-6.8c-.6-2.8-1-5.6-1-8.6s.4-5.8,1.4-8.4,2.2-4.8,4-6.8,3.8-3.4,6.2-4.6c2.4-1.2,5.2-1.6,8.2-1.6s3.8.2,5.6.6c1.8.4,3.4,1.2,4.8,2s2.8,1.8,3.8,3c1.2,1.2,2,2.6,2.8,4l-7.4,4.2c-.4-.8-1-1.8-1.6-2.4-.6-.8-1.2-1.4-2-2s-1.6-1-2.6-1.4-2.2-.4-3.4-.4c-2,0-3.6.4-5,1.2-1.4.8-2.6,1.8-3.4,3-1,1.2-1.6,2.8-2,4.4-.6,1.6-.8,3.8-.8,5.4ZM161.4,24.6c-.8-2.6-2.2-4.8-4-6.8s-3.8-3.4-6.2-4.6c-2.4-1.2-5.2-1.6-8.4-1.6s-5.8.6-8.4,1.6c-2.2,1.2-4.4,2.8-6,4.6-1.8,2-3,4.2-4,6.8-.8,2.6-1.4,5.4-1.4,8.4s.4,5.8,1.4,8.4c.8,2.6,2.2,4.8,4,6.8s3.8,3.4,6.2,4.6c2.4,1.2,5.2,1.6,8.4,1.6s5.8-.6,8.4-1.6c2.4-1.2,4.6-2.6,6.2-4.6,1.8-2,3-4.2,4-6.8.8-2.6,1.4-5.4,1.4-8.4-.2-3-.6-5.8-1.6-8.4h0ZM154,33.2c0,2-.2,3.8-.8,5.4-.4,1.6-1.2,3.2-2.2,4.4s-2.2,2.2-3.4,2.8c-1.4.6-3,1-4.8,1s-3.4-.4-4.8-1-2.6-1.6-3.4-2.8c-1-1.2-1.6-2.6-2.2-4.4-.4-1.6-.8-3.4-.8-5.4v-.2c0-2,.2-3.8.8-5.4.4-1.6,1.2-3.2,2.2-4.4,1-1.2,2.2-2.2,3.4-2.8,1.4-.6,3-1,4.8-1s3.4.4,4.8,1,2.6,1.6,3.4,2.8c1,1.2,1.6,2.6,2.2,4.4.4,1.6.8,3.4.8,5.4v.2ZM177.8,54l-11.8-42h9.4l8,31.4h.2l8-31.4h9.4l-11.8,42h-11.4,0ZM235.4,46.7c1.2,0,2.4-.2,3.4-.6,1-.4,2-.8,2.8-1.6s1.4-1.6,1.8-2.8c.4-1.2.6-2.4.6-4V11.8h8.2v27.2c0,2.4-.4,4.4-1.2,6.2s-2,3.4-3.6,4.8c-1.4,1.4-3.2,2.4-5.4,3-2,.8-4.4,1-6.8,1s-4.8-.4-6.8-1c-2-.8-3.8-1.8-5.4-3-1.6-1.4-2.6-3-3.6-4.8-.8-1.8-1.2-4-1.2-6.2V11.7h8.4v26c0,1.6.2,2.8.6,4,.4,1.2,1,2,1.8,2.8s1.6,1.2,2.8,1.6c1.2.4,2.2.6,3.6.6h0ZM261.4,11.9h8.4v18.2l14.8-18.2h10.4l-14.4,16.8,15.4,25.2h-9.8l-11-18.8-5.4,6v12.8h-8.4V11.9h0ZM206.2,44.2c-3,0-5.4,2.4-5.4,5.4s2.4,5.4,5.4,5.4,5.4-2.4,5.4-5.4-2.4-5.4-5.4-5.4Z"/>
+          </svg>
+      </a>
+    </div>
+    <div class="govuk-header__content">
+      <a href="/components/header" class="govuk-header__link govuk-header__service-name">
+        Service Name
+      </a>
+    </div>
+  </div>
+</header>
diff --git a/app/templates/govuk/components/components/header/template-with-st-edwards-crown.html b/app/templates/govuk/components/components/header/template-with-st-edwards-crown.html
new file mode 100644
index 0000000..2b830f5
--- /dev/null
+++ b/app/templates/govuk/components/components/header/template-with-st-edwards-crown.html
@@ -0,0 +1,19 @@
+<header class="govuk-header" data-module="govuk-header">
+  <div class="govuk-header__container govuk-width-container">
+    <div class="govuk-header__logo">
+      <a href="/" class="govuk-header__link govuk-header__link--homepage">
+        <svg
+            focusable="false"
+            role="img"
+            xmlns="http://www.w3.org/2000/svg"
+            viewBox="0 0 304 60"
+            height="30"
+            width="152"
+            fill="currentcolor" class="govuk-header__logotype" aria-label="GOV.UK"
+          ><title>GOV.UK</title>    <path d="M13.4,22.3c2,.8,4.2-.2,5-2s-.2-4.2-2-5c-2-.8-4.2.2-5,2-.8,2,0,4.2,2,5M4.8,27.3c2,.8,4.2-.2,5-2s-.2-4.2-2-5c-2-.8-4.2.2-5,2-1,2,0,4.2,2,5M2.2,36.9c2,.8,4.2-.2,5-2,.8-2-.2-4.2-2-5-2-.8-4.2.2-5,2-.8,2,0,4.2,2,5M23,25.3c2,.8,4.2-.2,5-2s-.2-4.2-2-5c-2-.8-4.2.2-5,2s0,4.2,2,5M57.8,22.3c-2,.8-4.2-.2-5-2s.2-4.2,2-5c2-.8,4.2.2,5,2,1,2,0,4.2-2,5M66.4,27.3c-2,.8-4.2-.2-5-2s.2-4.2,2-5c2-.8,4.2.2,5,2,1,2,0,4.2-2,5M69,36.9c-2,.8-4.2-.2-5-2-.8-2,.2-4.2,2-5,2-.8,4.2.2,5,2,.8,2,0,4.2-2,5M48.2,25.3c-2,.8-4.2-.2-5-2s.2-4.2,2-5c2-.8,4.2.2,5,2s0,4.2-2,5M37.6,15.5l4.8,2.6v-7.2l-4.8,1.6c-.2-.2-.2-.4-.4-.4s2-6,2-6h-6.8l2,6c-.2.2-.4.2-.4.4-.2.2-4.8-1.4-4.8-1.4v7l4.8-2.6c-.2.2,0,.4.2.6l-2.8,8.4c-.2.4-.2.8-.2,1.4,0,2.2,1.6,4.2,3.8,4.4h1.2c2.2-.4,3.8-2.2,3.8-4.4s0-.8-.2-1.4l-2.8-8.4c.4-.2.6-.4.6-.6M35.6,56.1c9.2,0,17.8.6,25.6,1.8,2.2-9.2,4.8-14.4,7.6-18.2l-5.2-1.8c.6,2.6.6,3.8,0,5.6-.8-.8-1.6-2.4-2.2-4.8l-2.4,8.4c1.6-1,2.8-1.8,4-1.8-2.4,5.2-5.4,6.4-7.2,6-2.4-.4-3.4-2.6-3-4.4.6-2.6,3.2-3.2,4.4-.2,2.4-4.8-1.6-6.2-4.2-4.8,3.8-3.8,4.4-7.2,1.2-11.4-4.4,3.4-4.4,6.6-2.4,11.2-2.6-3-6.6-1.4-5,3.4,1.8-2.8,4.2-1,4,1.6-.4,2.4-3.4,4.2-7.4,4-5.6-.4-6-4.4-6-7.4,1.4-.2,3.8,1,6,4l.8-8.8c-2.2,2.4-4.4,2.8-6.6,2.8.8-2.4,4.2-6.2,4.2-6.2h-11s3.6,4,4.2,6.2c-2.2,0-4.4-.6-6.6-2.8l.8,8.8c2.2-3,4.6-4.2,6-4-.2,3.2-.4,7-6,7.4-3.8.4-7-1.6-7.4-4-.4-2.6,2-4.4,3.8-1.6,1.4-4.8-2.6-6.2-5.2-3.4,2-4.6,2-8-2.4-11.2-3.2,4.2-2.6,7.6,1.2,11.4-2.6-1.4-6.4,0-4.2,4.8,1.2-3,3.8-2.2,4.4.2.4,1.8-.8,3.8-3,4.4-2,.4-5-1-7.4-6,1.4,0,2.6.8,4,1.8l-3-8.4c-.6,2.4-1.4,3.8-2.4,4.8-.6-1.6-.4-3,0-5.6l-5.2,1.8c3,3.8,5.6,9,7.8,18.2,7.6-1,16.4-1.8,25.4-1.8"/>
+              <path transform="translate(8 0)" d="M88.6,33.2c0,1.8.2,3.4.6,5s1.2,3,2,4.4c1,1.2,2,2.2,3.4,3s3,1.2,5,1.2,3.4-.2,4.6-.8,2.2-1.4,3-2.2,1.2-1.8,1.6-3c.2-1,.4-2,.4-3v-.4h-10.6v-6.4h18.8v23h-7.4v-5c-.6.8-1.2,1.6-2,2.2-.8.6-1.6,1.2-2.6,1.8-1,.4-2,.8-3.2,1.2s-2.4.4-3.6.4c-3,0-5.8-.6-8-1.6-2.4-1.2-4.4-2.6-6-4.6s-2.8-4.2-3.6-6.8c-.6-2.8-1-5.6-1-8.6s.4-5.8,1.4-8.4,2.2-4.8,4-6.8,3.8-3.4,6.2-4.6c2.4-1.2,5.2-1.6,8.2-1.6s3.8.2,5.6.6c1.8.4,3.4,1.2,4.8,2s2.8,1.8,3.8,3c1.2,1.2,2,2.6,2.8,4l-7.4,4.2c-.4-.8-1-1.8-1.6-2.4-.6-.8-1.2-1.4-2-2s-1.6-1-2.6-1.4-2.2-.4-3.4-.4c-2,0-3.6.4-5,1.2-1.4.8-2.6,1.8-3.4,3-1,1.2-1.6,2.8-2,4.4-.6,1.6-.8,3.8-.8,5.4ZM161.4,24.6c-.8-2.6-2.2-4.8-4-6.8s-3.8-3.4-6.2-4.6c-2.4-1.2-5.2-1.6-8.4-1.6s-5.8.6-8.4,1.6c-2.2,1.2-4.4,2.8-6,4.6-1.8,2-3,4.2-4,6.8-.8,2.6-1.4,5.4-1.4,8.4s.4,5.8,1.4,8.4c.8,2.6,2.2,4.8,4,6.8s3.8,3.4,6.2,4.6c2.4,1.2,5.2,1.6,8.4,1.6s5.8-.6,8.4-1.6c2.4-1.2,4.6-2.6,6.2-4.6,1.8-2,3-4.2,4-6.8.8-2.6,1.4-5.4,1.4-8.4-.2-3-.6-5.8-1.6-8.4h0ZM154,33.2c0,2-.2,3.8-.8,5.4-.4,1.6-1.2,3.2-2.2,4.4s-2.2,2.2-3.4,2.8c-1.4.6-3,1-4.8,1s-3.4-.4-4.8-1-2.6-1.6-3.4-2.8c-1-1.2-1.6-2.6-2.2-4.4-.4-1.6-.8-3.4-.8-5.4v-.2c0-2,.2-3.8.8-5.4.4-1.6,1.2-3.2,2.2-4.4,1-1.2,2.2-2.2,3.4-2.8,1.4-.6,3-1,4.8-1s3.4.4,4.8,1,2.6,1.6,3.4,2.8c1,1.2,1.6,2.6,2.2,4.4.4,1.6.8,3.4.8,5.4v.2ZM177.8,54l-11.8-42h9.4l8,31.4h.2l8-31.4h9.4l-11.8,42h-11.4,0ZM235.4,46.7c1.2,0,2.4-.2,3.4-.6,1-.4,2-.8,2.8-1.6s1.4-1.6,1.8-2.8c.4-1.2.6-2.4.6-4V11.8h8.2v27.2c0,2.4-.4,4.4-1.2,6.2s-2,3.4-3.6,4.8c-1.4,1.4-3.2,2.4-5.4,3-2,.8-4.4,1-6.8,1s-4.8-.4-6.8-1c-2-.8-3.8-1.8-5.4-3-1.6-1.4-2.6-3-3.6-4.8-.8-1.8-1.2-4-1.2-6.2V11.7h8.4v26c0,1.6.2,2.8.6,4,.4,1.2,1,2,1.8,2.8s1.6,1.2,2.8,1.6c1.2.4,2.2.6,3.6.6h0ZM261.4,11.9h8.4v18.2l14.8-18.2h10.4l-14.4,16.8,15.4,25.2h-9.8l-11-18.8-5.4,6v12.8h-8.4V11.9h0ZM206.2,44.2c-3,0-5.4,2.4-5.4,5.4s2.4,5.4,5.4,5.4,5.4-2.4,5.4-5.4-2.4-5.4-5.4-5.4Z"/>
+          </svg>
+      </a>
+    </div>
+  </div>
+</header>
diff --git a/app/templates/govuk/components/components/header/template.njk b/app/templates/govuk/components/components/header/template.njk
new file mode 100644
index 0000000..bf33078
--- /dev/null
+++ b/app/templates/govuk/components/components/header/template.njk
@@ -0,0 +1,66 @@
+{% from "../../macros/attributes.njk" import govukAttributes -%}
+{% from "../../macros/logo.njk" import govukLogo -%}
+
+{%- set _rebrand = params.rebrand | default(govukRebrand() if govukRebrand is callable else govukRebrand) -%}
+
+{%- set menuButtonText = params.menuButtonText if params.menuButtonText else 'Menu' -%}
+
+<header class="govuk-header {%- if params.classes %} {{ params.classes }}{% endif %}" data-module="govuk-header"
+  {{- govukAttributes(params.attributes) }}>
+  <div class="govuk-header__container {{ params.containerClasses | default("govuk-width-container", true) }}">
+    <div class="govuk-header__logo">
+      <a href="{{ params.homepageUrl | default("/", true) }}" class="govuk-header__link govuk-header__link--homepage">
+        {{ govukLogo({
+          classes: "govuk-header__logotype",
+          ariaLabelText: "GOV.UK",
+          useTudorCrown: params.useTudorCrown,
+          rebrand: _rebrand
+        }) | trim | indent(8) }}
+        {% if (params.productName) %}
+        <span class="govuk-header__product-name">
+          {{- params.productName -}}
+        </span>
+        {% endif %}
+      </a>
+    </div>
+  {% if params.serviceName or params.navigation | length %}
+    <div class="govuk-header__content">
+    {% if params.serviceName %}
+      {% if params.serviceUrl %}
+      <a href="{{ params.serviceUrl }}" class="govuk-header__link govuk-header__service-name">
+        {{ params.serviceName }}
+      </a>
+      {% else %}
+      <span class="govuk-header__service-name">
+        {{ params.serviceName }}
+      </span>
+      {% endif %}
+    {% endif %}
+    {% if params.navigation | length %}
+      <nav aria-label="{{ params.navigationLabel | default(menuButtonText, true) }}" class="govuk-header__navigation {%- if params.navigationClasses %} {{ params.navigationClasses }}{% endif %}">
+        <button type="button" class="govuk-header__menu-button govuk-js-header-toggle" aria-controls="navigation" {%- if params.menuButtonLabel and params.menuButtonLabel != menuButtonText %} aria-label="{{ params.menuButtonLabel }}"{% endif %} hidden>
+          {{ menuButtonText }}
+        </button>
+
+        <ul id="navigation" class="govuk-header__navigation-list">
+        {% for item in params.navigation %}
+          {% if item.text or item.html %}
+          <li class="govuk-header__navigation-item {%- if item.active %} govuk-header__navigation-item--active{% endif %}">
+            {% if item.href %}
+            <a class="govuk-header__link" href="{{ item.href }}"
+              {{- govukAttributes(item.attributes) -}}>
+            {% endif %}
+              {{ item.html | safe | trim | indent(14) if item.html else item.text }}
+            {% if item.href %}
+            </a>
+            {% endif %}
+          </li>
+          {% endif %}
+        {% endfor %}
+        </ul>
+      </nav>
+    {% endif %}
+    </div>
+  {% endif %}
+  </div>
+</header>
diff --git a/app/templates/govuk/components/components/hint/README.md b/app/templates/govuk/components/components/hint/README.md
new file mode 100644
index 0000000..dbd899e
--- /dev/null
+++ b/app/templates/govuk/components/components/hint/README.md
@@ -0,0 +1,15 @@
+# Hint
+
+## Installation
+
+See the [main README quick start guide](https://github.com/alphagov/govuk-frontend#quick-start) for how to install this component.
+
+## Guidance and Examples
+
+The hint component is used in other input components. To see an example of it in use, see the [text input component](https://design-system.service.gov.uk/components/text-input/#hint-text).
+
+## Component options
+
+Use options to customise the appearance, content and behaviour of a component when using a macro, for example, changing the text.
+
+See [options table](https://design-system.service.gov.uk/components/text-input/#options-text-input-example--hint) for details.
diff --git a/app/templates/govuk/components/components/hint/_hint.scss b/app/templates/govuk/components/components/hint/_hint.scss
new file mode 100644
index 0000000..ccf6424
--- /dev/null
+++ b/app/templates/govuk/components/components/hint/_hint.scss
@@ -0,0 +1,4 @@
+@import "../../base";
+@import "./index";
+
+/*# sourceMappingURL=_hint.scss.map */
diff --git a/app/templates/govuk/components/components/hint/_hint.scss.map b/app/templates/govuk/components/components/hint/_hint.scss.map
new file mode 100644
index 0000000..bc863cc
--- /dev/null
+++ b/app/templates/govuk/components/components/hint/_hint.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/hint/_hint.scss"],"names":[],"mappings":"AAAA,oBAAoB;AACpB,iBAAiB","file":"_hint.scss","sourcesContent":["@import \"../../base\";\n@import \"./index\";\n"]}
diff --git a/app/templates/govuk/components/components/hint/_index.scss b/app/templates/govuk/components/components/hint/_index.scss
new file mode 100644
index 0000000..31e1746
--- /dev/null
+++ b/app/templates/govuk/components/components/hint/_index.scss
@@ -0,0 +1,45 @@
+@include govuk-exports("govuk/component/hint") {
+  .govuk-hint {
+    @include govuk-font($size: 19);
+
+    margin-bottom: govuk-spacing(3);
+
+    color: $govuk-secondary-text-colour;
+  }
+
+  // Reduces margin-bottom of hint when used after the default label (no class)
+  // or govuk-label--s for better vertical alignment.
+
+  // This adjustment will not work when the label is inside the <h1>, however it
+  // is unlikely that the default or govuk-label--s class would be used in this
+  // case.
+
+  // This adjustment will not work in browsers that do not support :not().
+  // Users with these browsers will see the default size margin (5px larger).
+
+  .govuk-label:not(.govuk-label--m):not(.govuk-label--l):not(.govuk-label--xl) + .govuk-hint {
+    margin-bottom: govuk-spacing(2);
+  }
+
+  // Reduces margin-bottom of hint when used after the default legend (no class)
+  // or govuk-fieldset__legend--s for better vertical alignment.
+
+  // This adjustment will not work when the legend is outside the <h1>, however
+  // it is unlikely that the default or govuk-fieldset__legend--s class would be
+  // used in this case.
+
+  // This adjustment will not work in browsers that do not support :not().
+  // Users with these browsers will see the default size margin (5px larger).
+
+  // prettier-ignore
+  .govuk-fieldset__legend:not(.govuk-fieldset__legend--m):not(.govuk-fieldset__legend--l):not(.govuk-fieldset__legend--xl) + .govuk-hint {
+    margin-bottom: govuk-spacing(2);
+  }
+
+  // Reduces visual spacing of legend when there is a hint
+  .govuk-fieldset__legend + .govuk-hint {
+    margin-top: govuk-spacing(-1);
+  }
+}
+
+/*# sourceMappingURL=_index.scss.map */
diff --git a/app/templates/govuk/components/components/hint/_index.scss.map b/app/templates/govuk/components/components/hint/_index.scss.map
new file mode 100644
index 0000000..40fdb7b
--- /dev/null
+++ b/app/templates/govuk/components/components/hint/_index.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/hint/_index.scss"],"names":[],"mappings":"AAAA;EACE;IACE,8BAA8B;;IAE9B,+BAA+B;;IAE/B,mCAAmC;EACrC;;EAEA,4EAA4E;EAC5E,kDAAkD;;EAElD,6EAA6E;EAC7E,4EAA4E;EAC5E,OAAO;;EAEP,uEAAuE;EACvE,0EAA0E;;EAE1E;IACE,+BAA+B;EACjC;;EAEA,6EAA6E;EAC7E,6DAA6D;;EAE7D,4EAA4E;EAC5E,6EAA6E;EAC7E,oBAAoB;;EAEpB,uEAAuE;EACvE,0EAA0E;;EAE1E,iBAAiB;EACjB;IACE,+BAA+B;EACjC;;EAEA,uDAAuD;EACvD;IACE,6BAA6B;EAC/B;AACF","file":"_index.scss","sourcesContent":["@include govuk-exports(\"govuk/component/hint\") {\n  .govuk-hint {\n    @include govuk-font($size: 19);\n\n    margin-bottom: govuk-spacing(3);\n\n    color: $govuk-secondary-text-colour;\n  }\n\n  // Reduces margin-bottom of hint when used after the default label (no class)\n  // or govuk-label--s for better vertical alignment.\n\n  // This adjustment will not work when the label is inside the <h1>, however it\n  // is unlikely that the default or govuk-label--s class would be used in this\n  // case.\n\n  // This adjustment will not work in browsers that do not support :not().\n  // Users with these browsers will see the default size margin (5px larger).\n\n  .govuk-label:not(.govuk-label--m):not(.govuk-label--l):not(.govuk-label--xl) + .govuk-hint {\n    margin-bottom: govuk-spacing(2);\n  }\n\n  // Reduces margin-bottom of hint when used after the default legend (no class)\n  // or govuk-fieldset__legend--s for better vertical alignment.\n\n  // This adjustment will not work when the legend is outside the <h1>, however\n  // it is unlikely that the default or govuk-fieldset__legend--s class would be\n  // used in this case.\n\n  // This adjustment will not work in browsers that do not support :not().\n  // Users with these browsers will see the default size margin (5px larger).\n\n  // prettier-ignore\n  .govuk-fieldset__legend:not(.govuk-fieldset__legend--m):not(.govuk-fieldset__legend--l):not(.govuk-fieldset__legend--xl) + .govuk-hint {\n    margin-bottom: govuk-spacing(2);\n  }\n\n  // Reduces visual spacing of legend when there is a hint\n  .govuk-fieldset__legend + .govuk-hint {\n    margin-top: govuk-spacing(-1);\n  }\n}\n"]}
diff --git a/app/templates/govuk/components/components/hint/fixtures.json b/app/templates/govuk/components/components/hint/fixtures.json
new file mode 100644
index 0000000..593af8d
--- /dev/null
+++ b/app/templates/govuk/components/components/hint/fixtures.json
@@ -0,0 +1,77 @@
+{
+    "component": "hint",
+    "fixtures": [
+        {
+            "name": "default",
+            "options": {
+                "text": "It's on your National Insurance card, benefit letter, payslip or P60.\nFor example, 'QQ 12 34 56 C'.\n"
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": true,
+            "html": "<div class=\"govuk-hint\">\n  It&#39;s on your National Insurance card, benefit letter, payslip or P60.\nFor example, &#39;QQ 12 34 56 C&#39;.\n\n</div>"
+        },
+        {
+            "name": "with html",
+            "options": {
+                "html": "It's on your National Insurance card, benefit letter, payslip or <a class=\"govuk-link\" href=\"#\">P60</a>.\nFor example, 'QQ 12 34 56 C'.\n"
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-hint\">\n  It's on your National Insurance card, benefit letter, payslip or <a class=\"govuk-link\" href=\"#\">P60</a>.\n  For example, 'QQ 12 34 56 C'.\n</div>"
+        },
+        {
+            "name": "classes",
+            "options": {
+                "id": "example-hint",
+                "classes": "app-hint--custom-modifier",
+                "text": "It's on your National Insurance card, benefit letter, payslip or P60."
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div id=\"example-hint\" class=\"govuk-hint app-hint--custom-modifier\">\n  It&#39;s on your National Insurance card, benefit letter, payslip or P60.\n</div>"
+        },
+        {
+            "name": "id",
+            "options": {
+                "id": "my-hint",
+                "text": "It's on your National Insurance card, benefit letter, payslip or P60."
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div id=\"my-hint\" class=\"govuk-hint\">\n  It&#39;s on your National Insurance card, benefit letter, payslip or P60.\n</div>"
+        },
+        {
+            "name": "html as text",
+            "options": {
+                "text": "Unexpected <strong>bold text</strong> in body"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-hint\">\n  Unexpected &lt;strong&gt;bold text&lt;/strong&gt; in body\n</div>"
+        },
+        {
+            "name": "attributes",
+            "options": {
+                "text": "It's on your National Insurance card, benefit letter, payslip or P60.",
+                "attributes": {
+                    "data-attribute": "my data value"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-hint\" data-attribute=\"my data value\">\n  It&#39;s on your National Insurance card, benefit letter, payslip or P60.\n</div>"
+        }
+    ]
+}
diff --git a/app/templates/govuk/components/components/hint/macro-options.json b/app/templates/govuk/components/components/hint/macro-options.json
new file mode 100644
index 0000000..a6623b8
--- /dev/null
+++ b/app/templates/govuk/components/components/hint/macro-options.json
@@ -0,0 +1,32 @@
+[
+    {
+        "name": "text",
+        "type": "string",
+        "required": true,
+        "description": "If `html` is set, this is not required. Text to use within the hint. If `html` is provided, the `text` option will be ignored."
+    },
+    {
+        "name": "html",
+        "type": "string",
+        "required": true,
+        "description": "If `text` is set, this is not required. HTML to use within the hint. If `html` is provided, the `text` option will be ignored."
+    },
+    {
+        "name": "id",
+        "type": "string",
+        "required": false,
+        "description": "Optional ID attribute to add to the hint span tag."
+    },
+    {
+        "name": "classes",
+        "type": "string",
+        "required": false,
+        "description": "Classes to add to the hint span tag."
+    },
+    {
+        "name": "attributes",
+        "type": "object",
+        "required": false,
+        "description": "HTML attributes (for example data attributes) to add to the hint span tag."
+    }
+]
diff --git a/app/templates/govuk/components/components/hint/macro.njk b/app/templates/govuk/components/components/hint/macro.njk
new file mode 100644
index 0000000..e0a639d
--- /dev/null
+++ b/app/templates/govuk/components/components/hint/macro.njk
@@ -0,0 +1,3 @@
+{% macro govukHint(params) %}
+  {%- include "./template.njk" -%}
+{% endmacro %}
diff --git a/app/templates/govuk/components/components/hint/template-default.html b/app/templates/govuk/components/components/hint/template-default.html
new file mode 100644
index 0000000..baa13b1
--- /dev/null
+++ b/app/templates/govuk/components/components/hint/template-default.html
@@ -0,0 +1,5 @@
+<div class="govuk-hint">
+  It&#39;s on your National Insurance card, benefit letter, payslip or P60.
+For example, &#39;QQ 12 34 56 C&#39;.
+
+</div>
diff --git a/app/templates/govuk/components/components/hint/template-with-html.html b/app/templates/govuk/components/components/hint/template-with-html.html
new file mode 100644
index 0000000..8f898c7
--- /dev/null
+++ b/app/templates/govuk/components/components/hint/template-with-html.html
@@ -0,0 +1,4 @@
+<div class="govuk-hint">
+  It's on your National Insurance card, benefit letter, payslip or <a class="govuk-link" href="#">P60</a>.
+  For example, 'QQ 12 34 56 C'.
+</div>
diff --git a/app/templates/govuk/components/components/hint/template.njk b/app/templates/govuk/components/components/hint/template.njk
new file mode 100644
index 0000000..28a6461
--- /dev/null
+++ b/app/templates/govuk/components/components/hint/template.njk
@@ -0,0 +1,6 @@
+{% from "../../macros/attributes.njk" import govukAttributes -%}
+
+<div {%- if params.id %} id="{{ params.id }}"{% endif %} class="govuk-hint {%- if params.classes %} {{ params.classes }}{% endif %}"
+  {{- govukAttributes(params.attributes) }}>
+  {{ params.html | safe | trim | indent(2) if params.html else params.text }}
+</div>
diff --git a/app/templates/govuk/components/components/input/README.md b/app/templates/govuk/components/components/input/README.md
new file mode 100644
index 0000000..30b3d10
--- /dev/null
+++ b/app/templates/govuk/components/components/input/README.md
@@ -0,0 +1,15 @@
+# Input
+
+## Installation
+
+See the [main README quick start guide](https://github.com/alphagov/govuk-frontend#quick-start) for how to install this component.
+
+## Guidance and Examples
+
+Find out when to use the input component in your service in the [GOV.UK Design System](https://design-system.service.gov.uk/components/text-input).
+
+## Component options
+
+Use options to customise the appearance, content and behaviour of a component when using a macro, for example, changing the text.
+
+See [options table](https://design-system.service.gov.uk/components/text-input/#options-input-example) for details.
diff --git a/app/templates/govuk/components/components/input/_index.scss b/app/templates/govuk/components/components/input/_index.scss
new file mode 100644
index 0000000..348e5e4
--- /dev/null
+++ b/app/templates/govuk/components/components/input/_index.scss
@@ -0,0 +1,160 @@
+@import "../error-message/index";
+@import "../hint/index";
+@import "../label/index";
+
+@include govuk-exports("govuk/component/input") {
+  .govuk-input {
+    @include govuk-font($size: 19);
+
+    box-sizing: border-box;
+    width: 100%;
+    height: govuk-px-to-rem(40px);
+    margin-top: 0;
+    padding: govuk-spacing(1);
+    // Setting any background-color makes text invisible when changing colours
+    // to dark backgrounds in Firefox (https://bugzil.la/1335476). As
+    // background-color and color need to always be set together, color should
+    // not be set either
+    border: $govuk-border-width-form-element solid $govuk-input-border-colour;
+    border-radius: 0;
+
+    // Disable inner shadow and remove rounded corners
+    -webkit-appearance: none;
+            appearance: none;
+
+    &:focus {
+      @include govuk-focused-form-input;
+    }
+
+    &:disabled {
+      opacity: 0.5;
+      color: inherit;
+      background-color: transparent;
+      cursor: not-allowed;
+    }
+  }
+
+  .govuk-input::-webkit-outer-spin-button,
+  .govuk-input::-webkit-inner-spin-button {
+    margin: 0;
+    -webkit-appearance: none;
+  }
+
+  .govuk-input[type="number"] {
+    -moz-appearance: textfield;
+  }
+
+  .govuk-input--error {
+    border-color: $govuk-error-colour;
+
+    &:focus {
+      border-color: $govuk-input-border-colour;
+    }
+  }
+
+  .govuk-input--extra-letter-spacing {
+    @include govuk-font-tabular-numbers;
+    letter-spacing: 0.05em;
+  }
+
+  // em measurements are based on the point size of the typeface
+  // Extra space is added on the right to allow for the Safari prefill icon
+
+  .govuk-input--width-30 {
+    max-width: 29.5em;
+  }
+
+  .govuk-input--width-20 {
+    max-width: 20.5em;
+  }
+
+  .govuk-input--width-10 {
+    max-width: 11.5em;
+  }
+
+  .govuk-input--width-5 {
+    max-width: 5.5em;
+  }
+
+  .govuk-input--width-4 {
+    max-width: 4.5em;
+  }
+
+  .govuk-input--width-3 {
+    max-width: 3.75em;
+  }
+
+  .govuk-input--width-2 {
+    max-width: 2.75em;
+  }
+
+  .govuk-input__wrapper {
+    display: flex;
+
+    .govuk-input {
+      flex: 0 1 auto;
+    }
+
+    .govuk-input:focus {
+      // Hack to stop focus style being overlapped by the suffix
+      z-index: 1;
+    }
+
+    // Split prefix/suffix onto separate lines on narrow screens
+    @include govuk-media-query($until: mobile) {
+      display: block;
+
+      .govuk-input {
+        // Set max-width to override potential width override class on the input
+        max-width: 100%;
+      }
+    }
+  }
+
+  .govuk-input__prefix,
+  .govuk-input__suffix {
+    @include govuk-font($size: 19);
+    box-sizing: border-box;
+    // Use flexbox to align text within the prefix and suffix
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    min-width: govuk-px-to-rem(40px);
+    height: govuk-px-to-rem(40px);
+    padding: govuk-spacing(1);
+    border: $govuk-border-width-form-element solid $govuk-input-border-colour;
+    background-color: govuk-colour("light-grey");
+    text-align: center;
+    white-space: nowrap;
+    // Emphasise non-editable status of prefixes and suffixes
+    cursor: default;
+    flex: 0 0 auto;
+    // Split prefix/suffix onto separate lines on narrow screens
+    @include govuk-media-query($until: mobile) {
+      display: block;
+      height: 100%;
+      white-space: normal;
+    }
+  }
+
+  .govuk-input__prefix {
+    @include govuk-media-query($until: mobile) {
+      border-bottom: 0;
+    }
+    @include govuk-media-query($from: mobile) {
+      border-right: 0;
+    }
+  }
+
+  // Split prefix/suffix onto separate lines on narrow screens
+  .govuk-input__suffix {
+    @include govuk-media-query($until: mobile) {
+      border-top: 0;
+    }
+    @include govuk-media-query($from: mobile) {
+      border-left: 0;
+    }
+  }
+}
+
+/*# sourceMappingURL=_index.scss.map */
diff --git a/app/templates/govuk/components/components/input/_index.scss.map b/app/templates/govuk/components/components/input/_index.scss.map
new file mode 100644
index 0000000..3b76f95
--- /dev/null
+++ b/app/templates/govuk/components/components/input/_index.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/input/_index.scss"],"names":[],"mappings":"AAAA,gCAAgC;AAChC,uBAAuB;AACvB,wBAAwB;;AAExB;EACE;IACE,8BAA8B;;IAE9B,sBAAsB;IACtB,WAAW;IACX,6BAA6B;IAC7B,aAAa;IACb,yBAAyB;IACzB,yEAAyE;IACzE,gEAAgE;IAChE,yEAAyE;IACzE,mBAAmB;IACnB,yEAAyE;IACzE,gBAAgB;;IAEhB,iDAAiD;IACjD,wBAAgB;YAAhB,gBAAgB;;IAEhB;MACE,iCAAiC;IACnC;;IAEA;MACE,YAAY;MACZ,cAAc;MACd,6BAA6B;MAC7B,mBAAmB;IACrB;EACF;;EAEA;;IAEE,SAAS;IACT,wBAAwB;EAC1B;;EAEA;IACE,0BAA0B;EAC5B;;EAEA;IACE,iCAAiC;;IAEjC;MACE,wCAAwC;IAC1C;EACF;;EAEA;IACE,mCAAmC;IACnC,sBAAsB;EACxB;;EAEA,6DAA6D;EAC7D,wEAAwE;;EAExE;IACE,iBAAiB;EACnB;;EAEA;IACE,iBAAiB;EACnB;;EAEA;IACE,iBAAiB;EACnB;;EAEA;IACE,gBAAgB;EAClB;;EAEA;IACE,gBAAgB;EAClB;;EAEA;IACE,iBAAiB;EACnB;;EAEA;IACE,iBAAiB;EACnB;;EAEA;IACE,aAAa;;IAEb;MACE,cAAc;IAChB;;IAEA;MACE,yDAAyD;MACzD,UAAU;IACZ;;IAEA,2DAA2D;IAC3D;MACE,cAAc;;MAEd;QACE,uEAAuE;QACvE,eAAe;MACjB;IACF;EACF;;EAEA;;IAEE,8BAA8B;IAC9B,sBAAsB;IACtB,wDAAwD;IACxD,aAAa;IACb,mBAAmB;IACnB,uBAAuB;IACvB,gCAAgC;IAChC,6BAA6B;IAC7B,yBAAyB;IACzB,yEAAyE;IACzE,4CAA4C;IAC5C,kBAAkB;IAClB,mBAAmB;IACnB,wDAAwD;IACxD,eAAe;IACf,cAAc;IACd,2DAA2D;IAC3D;MACE,cAAc;MACd,YAAY;MACZ,mBAAmB;IACrB;EACF;;EAEA;IACE;MACE,gBAAgB;IAClB;IACA;MACE,eAAe;IACjB;EACF;;EAEA,2DAA2D;EAC3D;IACE;MACE,aAAa;IACf;IACA;MACE,cAAc;IAChB;EACF;AACF","file":"_index.scss","sourcesContent":["@import \"../error-message/index\";\n@import \"../hint/index\";\n@import \"../label/index\";\n\n@include govuk-exports(\"govuk/component/input\") {\n  .govuk-input {\n    @include govuk-font($size: 19);\n\n    box-sizing: border-box;\n    width: 100%;\n    height: govuk-px-to-rem(40px);\n    margin-top: 0;\n    padding: govuk-spacing(1);\n    // Setting any background-color makes text invisible when changing colours\n    // to dark backgrounds in Firefox (https://bugzil.la/1335476). As\n    // background-color and color need to always be set together, color should\n    // not be set either\n    border: $govuk-border-width-form-element solid $govuk-input-border-colour;\n    border-radius: 0;\n\n    // Disable inner shadow and remove rounded corners\n    appearance: none;\n\n    &:focus {\n      @include govuk-focused-form-input;\n    }\n\n    &:disabled {\n      opacity: 0.5;\n      color: inherit;\n      background-color: transparent;\n      cursor: not-allowed;\n    }\n  }\n\n  .govuk-input::-webkit-outer-spin-button,\n  .govuk-input::-webkit-inner-spin-button {\n    margin: 0;\n    -webkit-appearance: none;\n  }\n\n  .govuk-input[type=\"number\"] {\n    -moz-appearance: textfield;\n  }\n\n  .govuk-input--error {\n    border-color: $govuk-error-colour;\n\n    &:focus {\n      border-color: $govuk-input-border-colour;\n    }\n  }\n\n  .govuk-input--extra-letter-spacing {\n    @include govuk-font-tabular-numbers;\n    letter-spacing: 0.05em;\n  }\n\n  // em measurements are based on the point size of the typeface\n  // Extra space is added on the right to allow for the Safari prefill icon\n\n  .govuk-input--width-30 {\n    max-width: 29.5em;\n  }\n\n  .govuk-input--width-20 {\n    max-width: 20.5em;\n  }\n\n  .govuk-input--width-10 {\n    max-width: 11.5em;\n  }\n\n  .govuk-input--width-5 {\n    max-width: 5.5em;\n  }\n\n  .govuk-input--width-4 {\n    max-width: 4.5em;\n  }\n\n  .govuk-input--width-3 {\n    max-width: 3.75em;\n  }\n\n  .govuk-input--width-2 {\n    max-width: 2.75em;\n  }\n\n  .govuk-input__wrapper {\n    display: flex;\n\n    .govuk-input {\n      flex: 0 1 auto;\n    }\n\n    .govuk-input:focus {\n      // Hack to stop focus style being overlapped by the suffix\n      z-index: 1;\n    }\n\n    // Split prefix/suffix onto separate lines on narrow screens\n    @include govuk-media-query($until: mobile) {\n      display: block;\n\n      .govuk-input {\n        // Set max-width to override potential width override class on the input\n        max-width: 100%;\n      }\n    }\n  }\n\n  .govuk-input__prefix,\n  .govuk-input__suffix {\n    @include govuk-font($size: 19);\n    box-sizing: border-box;\n    // Use flexbox to align text within the prefix and suffix\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    min-width: govuk-px-to-rem(40px);\n    height: govuk-px-to-rem(40px);\n    padding: govuk-spacing(1);\n    border: $govuk-border-width-form-element solid $govuk-input-border-colour;\n    background-color: govuk-colour(\"light-grey\");\n    text-align: center;\n    white-space: nowrap;\n    // Emphasise non-editable status of prefixes and suffixes\n    cursor: default;\n    flex: 0 0 auto;\n    // Split prefix/suffix onto separate lines on narrow screens\n    @include govuk-media-query($until: mobile) {\n      display: block;\n      height: 100%;\n      white-space: normal;\n    }\n  }\n\n  .govuk-input__prefix {\n    @include govuk-media-query($until: mobile) {\n      border-bottom: 0;\n    }\n    @include govuk-media-query($from: mobile) {\n      border-right: 0;\n    }\n  }\n\n  // Split prefix/suffix onto separate lines on narrow screens\n  .govuk-input__suffix {\n    @include govuk-media-query($until: mobile) {\n      border-top: 0;\n    }\n    @include govuk-media-query($from: mobile) {\n      border-left: 0;\n    }\n  }\n}\n"]}
diff --git a/app/templates/govuk/components/components/input/_input.scss b/app/templates/govuk/components/components/input/_input.scss
new file mode 100644
index 0000000..370afa4
--- /dev/null
+++ b/app/templates/govuk/components/components/input/_input.scss
@@ -0,0 +1,4 @@
+@import "../../base";
+@import "./index";
+
+/*# sourceMappingURL=_input.scss.map */
diff --git a/app/templates/govuk/components/components/input/_input.scss.map b/app/templates/govuk/components/components/input/_input.scss.map
new file mode 100644
index 0000000..87f8508
--- /dev/null
+++ b/app/templates/govuk/components/components/input/_input.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/input/_input.scss"],"names":[],"mappings":"AAAA,oBAAoB;AACpB,iBAAiB","file":"_input.scss","sourcesContent":["@import \"../../base\";\n@import \"./index\";\n"]}
diff --git a/app/templates/govuk/components/components/input/fixtures.json b/app/templates/govuk/components/components/input/fixtures.json
new file mode 100644
index 0000000..a95cba9
--- /dev/null
+++ b/app/templates/govuk/components/components/input/fixtures.json
@@ -0,0 +1,830 @@
+{
+    "component": "input",
+    "fixtures": [
+        {
+            "name": "default",
+            "options": {
+                "label": {
+                    "text": "National Insurance number"
+                },
+                "name": "test-name"
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": true,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"test-name\">\n    National Insurance number\n  </label>\n  <input class=\"govuk-input\" id=\"test-name\" name=\"test-name\" type=\"text\">\n</div>"
+        },
+        {
+            "name": "with hint text",
+            "options": {
+                "label": {
+                    "text": "National insurance number"
+                },
+                "hint": {
+                    "text": "It’s on your National Insurance card, benefit letter, payslip or P60. For example, ‘QQ 12 34 56 C’."
+                },
+                "id": "input-with-hint-text",
+                "name": "test-name-2"
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"input-with-hint-text\">\n    National insurance number\n  </label>\n  <div id=\"input-with-hint-text-hint\" class=\"govuk-hint\">\n    It’s on your National Insurance card, benefit letter, payslip or P60. For example, ‘QQ 12 34 56 C’.\n  </div>\n  <input class=\"govuk-input\" id=\"input-with-hint-text\" name=\"test-name-2\" type=\"text\" aria-describedby=\"input-with-hint-text-hint\">\n</div>"
+        },
+        {
+            "name": "with error message",
+            "options": {
+                "label": {
+                    "text": "National Insurance number"
+                },
+                "id": "input-with-error-message",
+                "name": "test-name-3",
+                "errorMessage": {
+                    "text": "Enter a National Insurance number in the correct format"
+                }
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-form-group--error\">\n  <label class=\"govuk-label\" for=\"input-with-error-message\">\n    National Insurance number\n  </label>\n  <p id=\"input-with-error-message-error\" class=\"govuk-error-message\">\n    <span class=\"govuk-visually-hidden\">Error:</span> Enter a National Insurance number in the correct format\n  </p>\n  <input class=\"govuk-input govuk-input--error\" id=\"input-with-error-message\" name=\"test-name-3\" type=\"text\" aria-describedby=\"input-with-error-message-error\">\n</div>"
+        },
+        {
+            "name": "with error and hint",
+            "options": {
+                "id": "with-error-hint",
+                "name": "with-error-hint",
+                "label": {
+                    "text": "National insurance number"
+                },
+                "errorMessage": {
+                    "text": "Enter a National Insurance number in the correct format"
+                },
+                "hint": {
+                    "text": "It’s on your National Insurance card, benefit letter, payslip or P60. For example, ‘QQ 12 34 56 C’."
+                }
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-form-group--error\">\n  <label class=\"govuk-label\" for=\"with-error-hint\">\n    National insurance number\n  </label>\n  <div id=\"with-error-hint-hint\" class=\"govuk-hint\">\n    It’s on your National Insurance card, benefit letter, payslip or P60. For example, ‘QQ 12 34 56 C’.\n  </div>\n  <p id=\"with-error-hint-error\" class=\"govuk-error-message\">\n    <span class=\"govuk-visually-hidden\">Error:</span> Enter a National Insurance number in the correct format\n  </p>\n  <input class=\"govuk-input govuk-input--error\" id=\"with-error-hint\" name=\"with-error-hint\" type=\"text\" aria-describedby=\"with-error-hint-hint with-error-hint-error\">\n</div>"
+        },
+        {
+            "name": "with width-2 class",
+            "options": {
+                "label": {
+                    "text": "National insurance number"
+                },
+                "hint": {
+                    "text": "It’s on your National Insurance card, benefit letter, payslip or P60. For example, ‘QQ 12 34 56 C’."
+                },
+                "id": "input-width-2",
+                "name": "test-width-2",
+                "classes": "govuk-input--width-2"
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"input-width-2\">\n    National insurance number\n  </label>\n  <div id=\"input-width-2-hint\" class=\"govuk-hint\">\n    It’s on your National Insurance card, benefit letter, payslip or P60. For example, ‘QQ 12 34 56 C’.\n  </div>\n  <input class=\"govuk-input govuk-input--width-2\" id=\"input-width-2\" name=\"test-width-2\" type=\"text\" aria-describedby=\"input-width-2-hint\">\n</div>"
+        },
+        {
+            "name": "with width-3 class",
+            "options": {
+                "label": {
+                    "text": "National insurance number"
+                },
+                "hint": {
+                    "text": "It’s on your National Insurance card, benefit letter, payslip or P60. For example, ‘QQ 12 34 56 C’."
+                },
+                "id": "input-width-3",
+                "name": "test-width-3",
+                "classes": "govuk-input--width-3"
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"input-width-3\">\n    National insurance number\n  </label>\n  <div id=\"input-width-3-hint\" class=\"govuk-hint\">\n    It’s on your National Insurance card, benefit letter, payslip or P60. For example, ‘QQ 12 34 56 C’.\n  </div>\n  <input class=\"govuk-input govuk-input--width-3\" id=\"input-width-3\" name=\"test-width-3\" type=\"text\" aria-describedby=\"input-width-3-hint\">\n</div>"
+        },
+        {
+            "name": "with width-4 class",
+            "options": {
+                "label": {
+                    "text": "National insurance number"
+                },
+                "hint": {
+                    "text": "It’s on your National Insurance card, benefit letter, payslip or P60. For example, ‘QQ 12 34 56 C’."
+                },
+                "id": "input-width-4",
+                "name": "test-width-4",
+                "classes": "govuk-input--width-4"
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"input-width-4\">\n    National insurance number\n  </label>\n  <div id=\"input-width-4-hint\" class=\"govuk-hint\">\n    It’s on your National Insurance card, benefit letter, payslip or P60. For example, ‘QQ 12 34 56 C’.\n  </div>\n  <input class=\"govuk-input govuk-input--width-4\" id=\"input-width-4\" name=\"test-width-4\" type=\"text\" aria-describedby=\"input-width-4-hint\">\n</div>"
+        },
+        {
+            "name": "with width-5 class",
+            "options": {
+                "label": {
+                    "text": "National insurance number"
+                },
+                "hint": {
+                    "text": "It’s on your National Insurance card, benefit letter, payslip or P60. For example, ‘QQ 12 34 56 C’."
+                },
+                "id": "input-width-5",
+                "name": "test-width-5",
+                "classes": "govuk-input--width-5"
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"input-width-5\">\n    National insurance number\n  </label>\n  <div id=\"input-width-5-hint\" class=\"govuk-hint\">\n    It’s on your National Insurance card, benefit letter, payslip or P60. For example, ‘QQ 12 34 56 C’.\n  </div>\n  <input class=\"govuk-input govuk-input--width-5\" id=\"input-width-5\" name=\"test-width-5\" type=\"text\" aria-describedby=\"input-width-5-hint\">\n</div>"
+        },
+        {
+            "name": "with width-10 class",
+            "options": {
+                "label": {
+                    "text": "National insurance number"
+                },
+                "hint": {
+                    "text": "It’s on your National Insurance card, benefit letter, payslip or P60. For example, ‘QQ 12 34 56 C’."
+                },
+                "id": "input-width-10",
+                "name": "test-width-10",
+                "classes": "govuk-input--width-10"
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"input-width-10\">\n    National insurance number\n  </label>\n  <div id=\"input-width-10-hint\" class=\"govuk-hint\">\n    It’s on your National Insurance card, benefit letter, payslip or P60. For example, ‘QQ 12 34 56 C’.\n  </div>\n  <input class=\"govuk-input govuk-input--width-10\" id=\"input-width-10\" name=\"test-width-10\" type=\"text\" aria-describedby=\"input-width-10-hint\">\n</div>"
+        },
+        {
+            "name": "with width-20 class",
+            "options": {
+                "label": {
+                    "text": "National insurance number"
+                },
+                "hint": {
+                    "text": "It’s on your National Insurance card, benefit letter, payslip or P60. For example, ‘QQ 12 34 56 C’."
+                },
+                "id": "input-width-20",
+                "name": "test-width-20",
+                "classes": "govuk-input--width-20"
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"input-width-20\">\n    National insurance number\n  </label>\n  <div id=\"input-width-20-hint\" class=\"govuk-hint\">\n    It’s on your National Insurance card, benefit letter, payslip or P60. For example, ‘QQ 12 34 56 C’.\n  </div>\n  <input class=\"govuk-input govuk-input--width-20\" id=\"input-width-20\" name=\"test-width-20\" type=\"text\" aria-describedby=\"input-width-20-hint\">\n</div>"
+        },
+        {
+            "name": "with width-30 class",
+            "options": {
+                "label": {
+                    "text": "National insurance number"
+                },
+                "hint": {
+                    "text": "It’s on your National Insurance card, benefit letter, payslip or P60. For example, ‘QQ 12 34 56 C’."
+                },
+                "id": "input-width-30",
+                "name": "test-width-30",
+                "classes": "govuk-input--width-30"
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"input-width-30\">\n    National insurance number\n  </label>\n  <div id=\"input-width-30-hint\" class=\"govuk-hint\">\n    It’s on your National Insurance card, benefit letter, payslip or P60. For example, ‘QQ 12 34 56 C’.\n  </div>\n  <input class=\"govuk-input govuk-input--width-30\" id=\"input-width-30\" name=\"test-width-30\" type=\"text\" aria-describedby=\"input-width-30-hint\">\n</div>"
+        },
+        {
+            "name": "with label as page heading",
+            "options": {
+                "label": {
+                    "text": "National Insurance number",
+                    "classes": "govuk-label--l",
+                    "isPageHeading": true
+                },
+                "id": "input-with-page-heading",
+                "name": "test-name"
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <h1 class=\"govuk-label-wrapper\">\n    <label class=\"govuk-label govuk-label--l\" for=\"input-with-page-heading\">\n      National Insurance number\n    </label>\n  </h1>\n  <input class=\"govuk-input\" id=\"input-with-page-heading\" name=\"test-name\" type=\"text\">\n</div>"
+        },
+        {
+            "name": "with prefix",
+            "options": {
+                "label": {
+                    "text": "Amount, in pounds"
+                },
+                "id": "input-with-prefix",
+                "name": "amount",
+                "prefix": {
+                    "text": "£"
+                }
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"input-with-prefix\">\n    Amount, in pounds\n  </label>\n  <div class=\"govuk-input__wrapper\">\n    <div class=\"govuk-input__prefix\" aria-hidden=\"true\">£</div>\n    <input class=\"govuk-input\" id=\"input-with-prefix\" name=\"amount\" type=\"text\">\n  </div>\n</div>"
+        },
+        {
+            "name": "with suffix",
+            "options": {
+                "label": {
+                    "text": "Weight, in kilograms"
+                },
+                "id": "input-with-suffix",
+                "name": "weight",
+                "suffix": {
+                    "text": "kg"
+                }
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"input-with-suffix\">\n    Weight, in kilograms\n  </label>\n  <div class=\"govuk-input__wrapper\">\n    <input class=\"govuk-input\" id=\"input-with-suffix\" name=\"weight\" type=\"text\">\n    <div class=\"govuk-input__suffix\" aria-hidden=\"true\">kg</div>\n  </div>\n</div>"
+        },
+        {
+            "name": "with prefix and suffix",
+            "options": {
+                "label": {
+                    "text": "Cost per item, in pounds"
+                },
+                "id": "input-with-prefix-suffix",
+                "name": "cost",
+                "prefix": {
+                    "text": "£"
+                },
+                "suffix": {
+                    "text": "per item"
+                }
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": true,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"input-with-prefix-suffix\">\n    Cost per item, in pounds\n  </label>\n  <div class=\"govuk-input__wrapper\">\n    <div class=\"govuk-input__prefix\" aria-hidden=\"true\">£</div>\n    <input class=\"govuk-input\" id=\"input-with-prefix-suffix\" name=\"cost\" type=\"text\">\n    <div class=\"govuk-input__suffix\" aria-hidden=\"true\">per item</div>\n  </div>\n</div>"
+        },
+        {
+            "name": "with prefix and suffix and error",
+            "options": {
+                "label": {
+                    "text": "Cost per item, in pounds"
+                },
+                "id": "input-with-prefix-suffix",
+                "name": "cost",
+                "prefix": {
+                    "text": "£"
+                },
+                "suffix": {
+                    "text": "per item"
+                },
+                "errorMessage": {
+                    "text": "Error message goes here"
+                }
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-form-group--error\">\n  <label class=\"govuk-label\" for=\"input-with-prefix-suffix\">\n    Cost per item, in pounds\n  </label>\n  <p id=\"input-with-prefix-suffix-error\" class=\"govuk-error-message\">\n    <span class=\"govuk-visually-hidden\">Error:</span> Error message goes here\n  </p>\n  <div class=\"govuk-input__wrapper\">\n    <div class=\"govuk-input__prefix\" aria-hidden=\"true\">£</div>\n    <input class=\"govuk-input govuk-input--error\" id=\"input-with-prefix-suffix\" name=\"cost\" type=\"text\" aria-describedby=\"input-with-prefix-suffix-error\">\n    <div class=\"govuk-input__suffix\" aria-hidden=\"true\">per item</div>\n  </div>\n</div>"
+        },
+        {
+            "name": "with prefix and suffix and width modifier",
+            "options": {
+                "label": {
+                    "text": "Cost per item, in pounds"
+                },
+                "id": "input-with-prefix-suffix",
+                "name": "cost",
+                "classes": "govuk-input--width-5",
+                "prefix": {
+                    "text": "£"
+                },
+                "suffix": {
+                    "text": "per item"
+                }
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"input-with-prefix-suffix\">\n    Cost per item, in pounds\n  </label>\n  <div class=\"govuk-input__wrapper\">\n    <div class=\"govuk-input__prefix\" aria-hidden=\"true\">£</div>\n    <input class=\"govuk-input govuk-input--width-5\" id=\"input-with-prefix-suffix\" name=\"cost\" type=\"text\">\n    <div class=\"govuk-input__suffix\" aria-hidden=\"true\">per item</div>\n  </div>\n</div>"
+        },
+        {
+            "name": "with extra letter spacing",
+            "options": {
+                "id": "input-with-extra-letter-spacing",
+                "label": {
+                    "text": "National insurance number"
+                },
+                "classes": "govuk-input--width-30 govuk-input--extra-letter-spacing",
+                "value": "QQ 12 34 56 C"
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": true,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"input-with-extra-letter-spacing\">\n    National insurance number\n  </label>\n  <input class=\"govuk-input govuk-input--width-30 govuk-input--extra-letter-spacing\" id=\"input-with-extra-letter-spacing\" name=\"\" type=\"text\" value=\"QQ 12 34 56 C\">\n</div>"
+        },
+        {
+            "name": "classes",
+            "options": {
+                "id": "with-classes",
+                "name": "with-classes",
+                "label": {
+                    "text": "With classes"
+                },
+                "classes": "app-input--custom-modifier"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"with-classes\">\n    With classes\n  </label>\n  <input class=\"govuk-input app-input--custom-modifier\" id=\"with-classes\" name=\"with-classes\" type=\"text\">\n</div>"
+        },
+        {
+            "name": "id",
+            "options": {
+                "id": "input-id",
+                "name": "testing-name",
+                "label": {
+                    "text": "With custom id"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"input-id\">\n    With custom id\n  </label>\n  <input class=\"govuk-input\" id=\"input-id\" name=\"testing-name\" type=\"text\">\n</div>"
+        },
+        {
+            "name": "custom type",
+            "options": {
+                "id": "with-custom-type",
+                "name": "with-custom-type",
+                "label": {
+                    "text": "With custom type"
+                },
+                "type": "number"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"with-custom-type\">\n    With custom type\n  </label>\n  <input class=\"govuk-input\" id=\"with-custom-type\" name=\"with-custom-type\" type=\"number\">\n</div>"
+        },
+        {
+            "name": "value",
+            "options": {
+                "id": "with-value",
+                "name": "with-value",
+                "label": {
+                    "text": "With value"
+                },
+                "value": "QQ 12 34 56 C"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"with-value\">\n    With value\n  </label>\n  <input class=\"govuk-input\" id=\"with-value\" name=\"with-value\" type=\"text\" value=\"QQ 12 34 56 C\">\n</div>"
+        },
+        {
+            "name": "zero value",
+            "options": {
+                "id": "with-zero-value",
+                "name": "with-zero-value",
+                "label": {
+                    "text": "With zero value"
+                },
+                "value": 0
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"with-zero-value\">\n    With zero value\n  </label>\n  <input class=\"govuk-input\" id=\"with-zero-value\" name=\"with-zero-value\" type=\"text\" value=\"0\">\n</div>"
+        },
+        {
+            "name": "with describedBy",
+            "options": {
+                "id": "with-describedby",
+                "name": "with-describedby",
+                "label": {
+                    "text": "With describedBy"
+                },
+                "describedBy": "test-target-element"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"with-describedby\">\n    With describedBy\n  </label>\n  <input class=\"govuk-input\" id=\"with-describedby\" name=\"with-describedby\" type=\"text\" aria-describedby=\"test-target-element\">\n</div>"
+        },
+        {
+            "name": "attributes",
+            "options": {
+                "id": "with-attributes",
+                "name": "with-attributes",
+                "label": {
+                    "text": "With attributes"
+                },
+                "attributes": {
+                    "data-attribute": "my data value"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"with-attributes\">\n    With attributes\n  </label>\n  <input class=\"govuk-input\" id=\"with-attributes\" name=\"with-attributes\" type=\"text\" data-attribute=\"my data value\">\n</div>"
+        },
+        {
+            "name": "hint with describedBy",
+            "options": {
+                "id": "with-hint-describedby",
+                "name": "with-hint-describedby",
+                "label": {
+                    "text": "With hint describedBy"
+                },
+                "describedBy": "test-target-element",
+                "hint": {
+                    "text": "It’s on your National Insurance card, benefit letter, payslip or P60. For example, ‘QQ 12 34 56 C’."
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"with-hint-describedby\">\n    With hint describedBy\n  </label>\n  <div id=\"with-hint-describedby-hint\" class=\"govuk-hint\">\n    It’s on your National Insurance card, benefit letter, payslip or P60. For example, ‘QQ 12 34 56 C’.\n  </div>\n  <input class=\"govuk-input\" id=\"with-hint-describedby\" name=\"with-hint-describedby\" type=\"text\" aria-describedby=\"test-target-element with-hint-describedby-hint\">\n</div>"
+        },
+        {
+            "name": "error with describedBy",
+            "options": {
+                "id": "with-error-describedby",
+                "name": "with-error-describedby",
+                "label": {
+                    "text": "With error describedBy"
+                },
+                "describedBy": "test-target-element",
+                "errorMessage": {
+                    "text": "Error message"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-form-group--error\">\n  <label class=\"govuk-label\" for=\"with-error-describedby\">\n    With error describedBy\n  </label>\n  <p id=\"with-error-describedby-error\" class=\"govuk-error-message\">\n    <span class=\"govuk-visually-hidden\">Error:</span> Error message\n  </p>\n  <input class=\"govuk-input govuk-input--error\" id=\"with-error-describedby\" name=\"with-error-describedby\" type=\"text\" aria-describedby=\"test-target-element with-error-describedby-error\">\n</div>"
+        },
+        {
+            "name": "with error, hint and describedBy",
+            "options": {
+                "id": "with-error-hint-describedby",
+                "name": "with-error-hint-describedby",
+                "label": {
+                    "text": "With error, hint and describedBy"
+                },
+                "errorMessage": {
+                    "text": "Error message"
+                },
+                "hint": {
+                    "text": "Hint"
+                },
+                "describedBy": "test-target-element"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-form-group--error\">\n  <label class=\"govuk-label\" for=\"with-error-hint-describedby\">\n    With error, hint and describedBy\n  </label>\n  <div id=\"with-error-hint-describedby-hint\" class=\"govuk-hint\">\n    Hint\n  </div>\n  <p id=\"with-error-hint-describedby-error\" class=\"govuk-error-message\">\n    <span class=\"govuk-visually-hidden\">Error:</span> Error message\n  </p>\n  <input class=\"govuk-input govuk-input--error\" id=\"with-error-hint-describedby\" name=\"with-error-hint-describedby\" type=\"text\" aria-describedby=\"test-target-element with-error-hint-describedby-hint with-error-hint-describedby-error\">\n</div>"
+        },
+        {
+            "name": "inputmode",
+            "options": {
+                "id": "with-inputmode",
+                "name": "with-inputmode",
+                "label": {
+                    "text": "With inputmode"
+                },
+                "inputmode": "decimal"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"with-inputmode\">\n    With inputmode\n  </label>\n  <input class=\"govuk-input\" id=\"with-inputmode\" name=\"with-inputmode\" type=\"text\" inputmode=\"decimal\">\n</div>"
+        },
+        {
+            "name": "with prefix with html as text",
+            "options": {
+                "label": {
+                    "text": "Amount, in pounds"
+                },
+                "id": "input-with-prefix",
+                "name": "amount",
+                "prefix": {
+                    "text": "<span>£</span>"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"input-with-prefix\">\n    Amount, in pounds\n  </label>\n  <div class=\"govuk-input__wrapper\">\n    <div class=\"govuk-input__prefix\" aria-hidden=\"true\">&lt;span&gt;£&lt;/span&gt;</div>\n    <input class=\"govuk-input\" id=\"input-with-prefix\" name=\"amount\" type=\"text\">\n  </div>\n</div>"
+        },
+        {
+            "name": "with prefix with html",
+            "options": {
+                "label": {
+                    "html": "Amount, in pounds"
+                },
+                "id": "input-with-prefix",
+                "name": "amount",
+                "prefix": {
+                    "html": "<span>£</span>"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"input-with-prefix\">\n    Amount, in pounds\n  </label>\n  <div class=\"govuk-input__wrapper\">\n    <div class=\"govuk-input__prefix\" aria-hidden=\"true\"><span>£</span></div>\n    <input class=\"govuk-input\" id=\"input-with-prefix\" name=\"amount\" type=\"text\">\n  </div>\n</div>"
+        },
+        {
+            "name": "with prefix with classes",
+            "options": {
+                "label": {
+                    "text": "Amount, in pounds"
+                },
+                "id": "input-with-prefix-element",
+                "name": "amount",
+                "prefix": {
+                    "text": "£",
+                    "classes": "app-input__prefix--custom-modifier"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"input-with-prefix-element\">\n    Amount, in pounds\n  </label>\n  <div class=\"govuk-input__wrapper\">\n    <div class=\"govuk-input__prefix app-input__prefix--custom-modifier\" aria-hidden=\"true\">£</div>\n    <input class=\"govuk-input\" id=\"input-with-prefix-element\" name=\"amount\" type=\"text\">\n  </div>\n</div>"
+        },
+        {
+            "name": "with prefix with attributes",
+            "options": {
+                "label": {
+                    "text": "Amount, in pounds"
+                },
+                "id": "input-with-prefix-element",
+                "name": "amount",
+                "prefix": {
+                    "text": "£",
+                    "attributes": {
+                        "data-attribute": "value"
+                    }
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"input-with-prefix-element\">\n    Amount, in pounds\n  </label>\n  <div class=\"govuk-input__wrapper\">\n    <div class=\"govuk-input__prefix\" aria-hidden=\"true\" data-attribute=\"value\">£</div>\n    <input class=\"govuk-input\" id=\"input-with-prefix-element\" name=\"amount\" type=\"text\">\n  </div>\n</div>"
+        },
+        {
+            "name": "with suffix with html as text",
+            "options": {
+                "label": {
+                    "text": "Weight, in kilograms"
+                },
+                "id": "input-with-suffix",
+                "name": "weight",
+                "suffix": {
+                    "text": "<span>kg</span>"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"input-with-suffix\">\n    Weight, in kilograms\n  </label>\n  <div class=\"govuk-input__wrapper\">\n    <input class=\"govuk-input\" id=\"input-with-suffix\" name=\"weight\" type=\"text\">\n    <div class=\"govuk-input__suffix\" aria-hidden=\"true\">&lt;span&gt;kg&lt;/span&gt;</div>\n  </div>\n</div>"
+        },
+        {
+            "name": "with suffix with html",
+            "options": {
+                "label": {
+                    "text": "Weight, in kilograms"
+                },
+                "id": "input-with-suffix",
+                "name": "weight",
+                "suffix": {
+                    "html": "<span>kg</span>"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"input-with-suffix\">\n    Weight, in kilograms\n  </label>\n  <div class=\"govuk-input__wrapper\">\n    <input class=\"govuk-input\" id=\"input-with-suffix\" name=\"weight\" type=\"text\">\n    <div class=\"govuk-input__suffix\" aria-hidden=\"true\"><span>kg</span></div>\n  </div>\n</div>"
+        },
+        {
+            "name": "with suffix with classes",
+            "options": {
+                "label": {
+                    "text": "Weight, in kilograms"
+                },
+                "id": "input-with-suffix",
+                "name": "weight",
+                "suffix": {
+                    "html": "<span>kg</span>",
+                    "classes": "app-input__suffix--custom-modifier"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"input-with-suffix\">\n    Weight, in kilograms\n  </label>\n  <div class=\"govuk-input__wrapper\">\n    <input class=\"govuk-input\" id=\"input-with-suffix\" name=\"weight\" type=\"text\">\n    <div class=\"govuk-input__suffix app-input__suffix--custom-modifier\" aria-hidden=\"true\"><span>kg</span></div>\n  </div>\n</div>"
+        },
+        {
+            "name": "with suffix with attributes",
+            "options": {
+                "label": {
+                    "text": "Weight, in kilograms"
+                },
+                "id": "input-with-suffix",
+                "name": "weight",
+                "suffix": {
+                    "html": "<span>kg</span>",
+                    "attributes": {
+                        "data-attribute": "value"
+                    }
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"input-with-suffix\">\n    Weight, in kilograms\n  </label>\n  <div class=\"govuk-input__wrapper\">\n    <input class=\"govuk-input\" id=\"input-with-suffix\" name=\"weight\" type=\"text\">\n    <div class=\"govuk-input__suffix\" aria-hidden=\"true\" data-attribute=\"value\"><span>kg</span></div>\n  </div>\n</div>"
+        },
+        {
+            "name": "with customised input wrapper",
+            "options": {
+                "label": {
+                    "text": "Cost per item, in pounds"
+                },
+                "id": "input-with-customised-input-wrapper",
+                "name": "cost",
+                "inputWrapper": {
+                    "classes": "app-input-wrapper--custom-modifier",
+                    "attributes": {
+                        "data-attribute": "value"
+                    }
+                },
+                "prefix": {
+                    "text": "£"
+                },
+                "suffix": {
+                    "text": "per item"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"input-with-customised-input-wrapper\">\n    Cost per item, in pounds\n  </label>\n  <div class=\"govuk-input__wrapper app-input-wrapper--custom-modifier\" data-attribute=\"value\">\n    <div class=\"govuk-input__prefix\" aria-hidden=\"true\">£</div>\n    <input class=\"govuk-input\" id=\"input-with-customised-input-wrapper\" name=\"cost\" type=\"text\">\n    <div class=\"govuk-input__suffix\" aria-hidden=\"true\">per item</div>\n  </div>\n</div>"
+        },
+        {
+            "name": "with optional form-group classes",
+            "options": {
+                "label": {
+                    "text": "National Insurance number"
+                },
+                "id": "input-example",
+                "name": "test-name",
+                "formGroup": {
+                    "classes": "extra-class"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group extra-class\">\n  <label class=\"govuk-label\" for=\"input-example\">\n    National Insurance number\n  </label>\n  <input class=\"govuk-input\" id=\"input-example\" name=\"test-name\" type=\"text\">\n</div>"
+        },
+        {
+            "name": "with autocomplete attribute",
+            "options": {
+                "label": {
+                    "text": "Postcode"
+                },
+                "id": "input-with-autocomplete-attribute",
+                "name": "postcode",
+                "autocomplete": "postal-code"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"input-with-autocomplete-attribute\">\n    Postcode\n  </label>\n  <input class=\"govuk-input\" id=\"input-with-autocomplete-attribute\" name=\"postcode\" type=\"text\" autocomplete=\"postal-code\">\n</div>"
+        },
+        {
+            "name": "with pattern attribute",
+            "options": {
+                "label": {
+                    "text": "Numbers only"
+                },
+                "id": "input-with-pattern-attribute",
+                "name": "numbers-only",
+                "type": "number",
+                "pattern": "[0-9]*"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"input-with-pattern-attribute\">\n    Numbers only\n  </label>\n  <input class=\"govuk-input\" id=\"input-with-pattern-attribute\" name=\"numbers-only\" type=\"number\" pattern=\"[0-9]*\">\n</div>"
+        },
+        {
+            "name": "with spellcheck enabled",
+            "options": {
+                "label": {
+                    "text": "Spellcheck is enabled"
+                },
+                "id": "input-with-spellcheck-enabled",
+                "name": "spellcheck",
+                "type": "text",
+                "spellcheck": true
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"input-with-spellcheck-enabled\">\n    Spellcheck is enabled\n  </label>\n  <input class=\"govuk-input\" id=\"input-with-spellcheck-enabled\" name=\"spellcheck\" type=\"text\" spellcheck=\"true\">\n</div>"
+        },
+        {
+            "name": "with spellcheck disabled",
+            "options": {
+                "label": {
+                    "text": "Spellcheck is disabled"
+                },
+                "id": "input-with-spellcheck-disabled",
+                "name": "spellcheck",
+                "type": "text",
+                "spellcheck": false
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"input-with-spellcheck-disabled\">\n    Spellcheck is disabled\n  </label>\n  <input class=\"govuk-input\" id=\"input-with-spellcheck-disabled\" name=\"spellcheck\" type=\"text\" spellcheck=\"false\">\n</div>"
+        },
+        {
+            "name": "with autocapitalize turned off",
+            "options": {
+                "label": {
+                    "text": "Autocapitalize is turned off"
+                },
+                "id": "input-with-autocapitalize-off",
+                "name": "autocapitalize",
+                "type": "text",
+                "autocapitalize": "none"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"input-with-autocapitalize-off\">\n    Autocapitalize is turned off\n  </label>\n  <input class=\"govuk-input\" id=\"input-with-autocapitalize-off\" name=\"autocapitalize\" type=\"text\" autocapitalize=\"none\">\n</div>"
+        },
+        {
+            "name": "disabled",
+            "options": {
+                "label": {
+                    "text": "Disabled input"
+                },
+                "id": "disabled-input",
+                "disabled": true
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"disabled-input\">\n    Disabled input\n  </label>\n  <input class=\"govuk-input\" id=\"disabled-input\" name=\"\" type=\"text\" disabled>\n</div>"
+        }
+    ]
+}
diff --git a/app/templates/govuk/components/components/input/macro-options.json b/app/templates/govuk/components/components/input/macro-options.json
new file mode 100644
index 0000000..bfb385a
--- /dev/null
+++ b/app/templates/govuk/components/components/input/macro-options.json
@@ -0,0 +1,245 @@
+[
+    {
+        "name": "id",
+        "type": "string",
+        "required": false,
+        "description": "The ID of the input. Defaults to the value of `name`."
+    },
+    {
+        "name": "name",
+        "type": "string",
+        "required": true,
+        "description": "The name of the input, which is submitted with the form data."
+    },
+    {
+        "name": "type",
+        "type": "string",
+        "required": false,
+        "description": "Type of input control to render, for example, a password input control. Defaults to `\"text\"`."
+    },
+    {
+        "name": "inputmode",
+        "type": "string",
+        "required": false,
+        "description": "Optional value for [the inputmode attribute](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/inputmode)."
+    },
+    {
+        "name": "value",
+        "type": "string",
+        "required": false,
+        "description": "Optional initial value of the input."
+    },
+    {
+        "name": "disabled",
+        "type": "boolean",
+        "required": false,
+        "description": "If `true`, input will be disabled."
+    },
+    {
+        "name": "describedBy",
+        "type": "string",
+        "required": false,
+        "description": "One or more element IDs to add to the `aria-describedby` attribute, used to provide additional descriptive information for screenreader users."
+    },
+    {
+        "name": "label",
+        "type": "object",
+        "required": true,
+        "description": "The label used by the text input component.",
+        "isComponent": true
+    },
+    {
+        "name": "hint",
+        "type": "object",
+        "required": false,
+        "description": "Can be used to add a hint to a text input component.",
+        "isComponent": true
+    },
+    {
+        "name": "errorMessage",
+        "type": "object",
+        "required": false,
+        "description": "Can be used to add an error message to the text input component. The error message component will not display if you use a falsy value for `errorMessage`, for example `false` or `null`.",
+        "isComponent": true
+    },
+    {
+        "name": "prefix",
+        "type": "object",
+        "required": false,
+        "description": "Can be used to add a prefix to the text input component.",
+        "params": [
+            {
+                "name": "text",
+                "type": "string",
+                "required": true,
+                "description": "Required. If `html` is set, this is not required. Text to use within the prefix. If `html` is provided, the `text` option will be ignored."
+            },
+            {
+                "name": "html",
+                "type": "string",
+                "required": true,
+                "description": "Required. If `text` is set, this is not required. HTML to use within the prefix. If `html` is provided, the `text` option will be ignored."
+            },
+            {
+                "name": "classes",
+                "type": "string",
+                "required": false,
+                "description": "Classes to add to the prefix."
+            },
+            {
+                "name": "attributes",
+                "type": "object",
+                "required": false,
+                "description": "HTML attributes (for example data attributes) to add to the prefix element."
+            }
+        ]
+    },
+    {
+        "name": "suffix",
+        "type": "object",
+        "required": false,
+        "description": "Can be used to add a suffix to the text input component.",
+        "params": [
+            {
+                "name": "text",
+                "type": "string",
+                "required": true,
+                "description": "If `html` is set, this is not required. Text to use within the suffix. If `html` is provided, the `text` option will be ignored."
+            },
+            {
+                "name": "html",
+                "type": "string",
+                "required": true,
+                "description": "If `text` is set, this is not required. HTML to use within the suffix. If `html` is provided, the `text` option will be ignored."
+            },
+            {
+                "name": "classes",
+                "type": "string",
+                "required": false,
+                "description": "Classes to add to the suffix element."
+            },
+            {
+                "name": "attributes",
+                "type": "object",
+                "required": false,
+                "description": "HTML attributes (for example data attributes) to add to the suffix element."
+            }
+        ]
+    },
+    {
+        "name": "formGroup",
+        "type": "object",
+        "required": false,
+        "description": "Additional options for the form group containing the text input component.",
+        "params": [
+            {
+                "name": "classes",
+                "type": "string",
+                "required": false,
+                "description": "Classes to add to the form group (for example to show error state for the whole group)."
+            },
+            {
+                "name": "attributes",
+                "type": "object",
+                "required": false,
+                "description": "HTML attributes (for example data attributes) to add to the form group."
+            },
+            {
+                "name": "beforeInput",
+                "type": "object",
+                "required": false,
+                "description": "Content to add before the input used by the text input component.",
+                "params": [
+                    {
+                        "name": "text",
+                        "type": "string",
+                        "required": true,
+                        "description": "Text to add before the input. If `html` is provided, the `text` option will be ignored."
+                    },
+                    {
+                        "name": "html",
+                        "type": "string",
+                        "required": true,
+                        "description": "HTML to add before the input. If `html` is provided, the `text` option will be ignored."
+                    }
+                ]
+            },
+            {
+                "name": "afterInput",
+                "type": "object",
+                "required": false,
+                "description": "Content to add after the input used by the text input component.",
+                "params": [
+                    {
+                        "name": "text",
+                        "type": "string",
+                        "required": true,
+                        "description": "Text to add after the input. If `html` is provided, the `text` option will be ignored."
+                    },
+                    {
+                        "name": "html",
+                        "type": "string",
+                        "required": true,
+                        "description": "HTML to add after the input. If `html` is provided, the `text` option will be ignored."
+                    }
+                ]
+            }
+        ]
+    },
+    {
+        "name": "classes",
+        "type": "string",
+        "required": false,
+        "description": "Classes to add to the input."
+    },
+    {
+        "name": "autocomplete",
+        "type": "string",
+        "required": false,
+        "description": "Attribute to meet [WCAG success criterion 1.3.5: Identify input purpose](https://www.w3.org/WAI/WCAG22/Understanding/identify-input-purpose.html), for instance `\"bday-day\"`. See the [Autofill section in the HTML standard](https://html.spec.whatwg.org/multipage/form-control-infrastructure.html#autofill) section in the HTML standard for full list of attributes that can be used."
+    },
+    {
+        "name": "pattern",
+        "type": "string",
+        "required": false,
+        "description": "Attribute to [provide a regular expression pattern](https://html.spec.whatwg.org/multipage/input.html#the-pattern-attribute), used to match allowed character combinations for the input value."
+    },
+    {
+        "name": "spellcheck",
+        "type": "boolean",
+        "required": false,
+        "description": "Optional field to enable or disable the `spellcheck` attribute on the input."
+    },
+    {
+        "name": "autocapitalize",
+        "type": "string",
+        "required": false,
+        "description": "Optional field to enable or disable autocapitalisation of user input. [See the Autocapitalization section in the HTML spec](https://html.spec.whatwg.org/multipage/interaction.html#autocapitalization) for a full list of values that can be used."
+    },
+    {
+        "name": "inputWrapper",
+        "type": "object",
+        "required": false,
+        "description": "If any of `prefix`, `suffix`, `formGroup.beforeInput` or `formGroup.afterInput` have a value, a wrapping element is added around the input and inserted content. This object allows you to customise that wrapping element.",
+        "params": [
+            {
+                "name": "classes",
+                "type": "string",
+                "required": false,
+                "description": "Classes to add to the wrapping element."
+            },
+            {
+                "name": "attributes",
+                "type": "object",
+                "required": false,
+                "description": "HTML attributes (for example data attributes) to add to the wrapping element."
+            }
+        ]
+    },
+    {
+        "name": "attributes",
+        "type": "object",
+        "required": false,
+        "description": "HTML attributes (for example data attributes) to add to the input."
+    }
+]
diff --git a/app/templates/govuk/components/components/input/macro.njk b/app/templates/govuk/components/components/input/macro.njk
new file mode 100644
index 0000000..e512c18
--- /dev/null
+++ b/app/templates/govuk/components/components/input/macro.njk
@@ -0,0 +1,3 @@
+{% macro govukInput(params) %}
+  {%- include "./template.njk" -%}
+{% endmacro %}
diff --git a/app/templates/govuk/components/components/input/template-default.html b/app/templates/govuk/components/components/input/template-default.html
new file mode 100644
index 0000000..a6aced5
--- /dev/null
+++ b/app/templates/govuk/components/components/input/template-default.html
@@ -0,0 +1,6 @@
+<div class="govuk-form-group">
+  <label class="govuk-label" for="test-name">
+    National Insurance number
+  </label>
+  <input class="govuk-input" id="test-name" name="test-name" type="text">
+</div>
diff --git a/app/templates/govuk/components/components/input/template-with-error-and-hint.html b/app/templates/govuk/components/components/input/template-with-error-and-hint.html
new file mode 100644
index 0000000..6b14ce4
--- /dev/null
+++ b/app/templates/govuk/components/components/input/template-with-error-and-hint.html
@@ -0,0 +1,12 @@
+<div class="govuk-form-group govuk-form-group--error">
+  <label class="govuk-label" for="with-error-hint">
+    National insurance number
+  </label>
+  <div id="with-error-hint-hint" class="govuk-hint">
+    It’s on your National Insurance card, benefit letter, payslip or P60. For example, ‘QQ 12 34 56 C’.
+  </div>
+  <p id="with-error-hint-error" class="govuk-error-message">
+    <span class="govuk-visually-hidden">Error:</span> Enter a National Insurance number in the correct format
+  </p>
+  <input class="govuk-input govuk-input--error" id="with-error-hint" name="with-error-hint" type="text" aria-describedby="with-error-hint-hint with-error-hint-error">
+</div>
diff --git a/app/templates/govuk/components/components/input/template-with-error-message.html b/app/templates/govuk/components/components/input/template-with-error-message.html
new file mode 100644
index 0000000..35b100b
--- /dev/null
+++ b/app/templates/govuk/components/components/input/template-with-error-message.html
@@ -0,0 +1,9 @@
+<div class="govuk-form-group govuk-form-group--error">
+  <label class="govuk-label" for="input-with-error-message">
+    National Insurance number
+  </label>
+  <p id="input-with-error-message-error" class="govuk-error-message">
+    <span class="govuk-visually-hidden">Error:</span> Enter a National Insurance number in the correct format
+  </p>
+  <input class="govuk-input govuk-input--error" id="input-with-error-message" name="test-name-3" type="text" aria-describedby="input-with-error-message-error">
+</div>
diff --git a/app/templates/govuk/components/components/input/template-with-extra-letter-spacing.html b/app/templates/govuk/components/components/input/template-with-extra-letter-spacing.html
new file mode 100644
index 0000000..cd0d706
--- /dev/null
+++ b/app/templates/govuk/components/components/input/template-with-extra-letter-spacing.html
@@ -0,0 +1,6 @@
+<div class="govuk-form-group">
+  <label class="govuk-label" for="input-with-extra-letter-spacing">
+    National insurance number
+  </label>
+  <input class="govuk-input govuk-input--width-30 govuk-input--extra-letter-spacing" id="input-with-extra-letter-spacing" name="" type="text" value="QQ 12 34 56 C">
+</div>
diff --git a/app/templates/govuk/components/components/input/template-with-hint-text.html b/app/templates/govuk/components/components/input/template-with-hint-text.html
new file mode 100644
index 0000000..e027158
--- /dev/null
+++ b/app/templates/govuk/components/components/input/template-with-hint-text.html
@@ -0,0 +1,9 @@
+<div class="govuk-form-group">
+  <label class="govuk-label" for="input-with-hint-text">
+    National insurance number
+  </label>
+  <div id="input-with-hint-text-hint" class="govuk-hint">
+    It’s on your National Insurance card, benefit letter, payslip or P60. For example, ‘QQ 12 34 56 C’.
+  </div>
+  <input class="govuk-input" id="input-with-hint-text" name="test-name-2" type="text" aria-describedby="input-with-hint-text-hint">
+</div>
diff --git a/app/templates/govuk/components/components/input/template-with-label-as-page-heading.html b/app/templates/govuk/components/components/input/template-with-label-as-page-heading.html
new file mode 100644
index 0000000..307e576
--- /dev/null
+++ b/app/templates/govuk/components/components/input/template-with-label-as-page-heading.html
@@ -0,0 +1,8 @@
+<div class="govuk-form-group">
+  <h1 class="govuk-label-wrapper">
+    <label class="govuk-label govuk-label--l" for="input-with-page-heading">
+      National Insurance number
+    </label>
+  </h1>
+  <input class="govuk-input" id="input-with-page-heading" name="test-name" type="text">
+</div>
diff --git a/app/templates/govuk/components/components/input/template-with-prefix-and-suffix-and-error.html b/app/templates/govuk/components/components/input/template-with-prefix-and-suffix-and-error.html
new file mode 100644
index 0000000..15c8a1d
--- /dev/null
+++ b/app/templates/govuk/components/components/input/template-with-prefix-and-suffix-and-error.html
@@ -0,0 +1,13 @@
+<div class="govuk-form-group govuk-form-group--error">
+  <label class="govuk-label" for="input-with-prefix-suffix">
+    Cost per item, in pounds
+  </label>
+  <p id="input-with-prefix-suffix-error" class="govuk-error-message">
+    <span class="govuk-visually-hidden">Error:</span> Error message goes here
+  </p>
+  <div class="govuk-input__wrapper">
+    <div class="govuk-input__prefix" aria-hidden="true">£</div>
+    <input class="govuk-input govuk-input--error" id="input-with-prefix-suffix" name="cost" type="text" aria-describedby="input-with-prefix-suffix-error">
+    <div class="govuk-input__suffix" aria-hidden="true">per item</div>
+  </div>
+</div>
diff --git a/app/templates/govuk/components/components/input/template-with-prefix-and-suffix-and-width-modifier.html b/app/templates/govuk/components/components/input/template-with-prefix-and-suffix-and-width-modifier.html
new file mode 100644
index 0000000..3bf04a7
--- /dev/null
+++ b/app/templates/govuk/components/components/input/template-with-prefix-and-suffix-and-width-modifier.html
@@ -0,0 +1,10 @@
+<div class="govuk-form-group">
+  <label class="govuk-label" for="input-with-prefix-suffix">
+    Cost per item, in pounds
+  </label>
+  <div class="govuk-input__wrapper">
+    <div class="govuk-input__prefix" aria-hidden="true">£</div>
+    <input class="govuk-input govuk-input--width-5" id="input-with-prefix-suffix" name="cost" type="text">
+    <div class="govuk-input__suffix" aria-hidden="true">per item</div>
+  </div>
+</div>
diff --git a/app/templates/govuk/components/components/input/template-with-prefix-and-suffix.html b/app/templates/govuk/components/components/input/template-with-prefix-and-suffix.html
new file mode 100644
index 0000000..31ba8ea
--- /dev/null
+++ b/app/templates/govuk/components/components/input/template-with-prefix-and-suffix.html
@@ -0,0 +1,10 @@
+<div class="govuk-form-group">
+  <label class="govuk-label" for="input-with-prefix-suffix">
+    Cost per item, in pounds
+  </label>
+  <div class="govuk-input__wrapper">
+    <div class="govuk-input__prefix" aria-hidden="true">£</div>
+    <input class="govuk-input" id="input-with-prefix-suffix" name="cost" type="text">
+    <div class="govuk-input__suffix" aria-hidden="true">per item</div>
+  </div>
+</div>
diff --git a/app/templates/govuk/components/components/input/template-with-prefix.html b/app/templates/govuk/components/components/input/template-with-prefix.html
new file mode 100644
index 0000000..acee3d2
--- /dev/null
+++ b/app/templates/govuk/components/components/input/template-with-prefix.html
@@ -0,0 +1,9 @@
+<div class="govuk-form-group">
+  <label class="govuk-label" for="input-with-prefix">
+    Amount, in pounds
+  </label>
+  <div class="govuk-input__wrapper">
+    <div class="govuk-input__prefix" aria-hidden="true">£</div>
+    <input class="govuk-input" id="input-with-prefix" name="amount" type="text">
+  </div>
+</div>
diff --git a/app/templates/govuk/components/components/input/template-with-suffix.html b/app/templates/govuk/components/components/input/template-with-suffix.html
new file mode 100644
index 0000000..2403b07
--- /dev/null
+++ b/app/templates/govuk/components/components/input/template-with-suffix.html
@@ -0,0 +1,9 @@
+<div class="govuk-form-group">
+  <label class="govuk-label" for="input-with-suffix">
+    Weight, in kilograms
+  </label>
+  <div class="govuk-input__wrapper">
+    <input class="govuk-input" id="input-with-suffix" name="weight" type="text">
+    <div class="govuk-input__suffix" aria-hidden="true">kg</div>
+  </div>
+</div>
diff --git a/app/templates/govuk/components/components/input/template-with-width-10-class.html b/app/templates/govuk/components/components/input/template-with-width-10-class.html
new file mode 100644
index 0000000..bb84b59
--- /dev/null
+++ b/app/templates/govuk/components/components/input/template-with-width-10-class.html
@@ -0,0 +1,9 @@
+<div class="govuk-form-group">
+  <label class="govuk-label" for="input-width-10">
+    National insurance number
+  </label>
+  <div id="input-width-10-hint" class="govuk-hint">
+    It’s on your National Insurance card, benefit letter, payslip or P60. For example, ‘QQ 12 34 56 C’.
+  </div>
+  <input class="govuk-input govuk-input--width-10" id="input-width-10" name="test-width-10" type="text" aria-describedby="input-width-10-hint">
+</div>
diff --git a/app/templates/govuk/components/components/input/template-with-width-2-class.html b/app/templates/govuk/components/components/input/template-with-width-2-class.html
new file mode 100644
index 0000000..7978d01
--- /dev/null
+++ b/app/templates/govuk/components/components/input/template-with-width-2-class.html
@@ -0,0 +1,9 @@
+<div class="govuk-form-group">
+  <label class="govuk-label" for="input-width-2">
+    National insurance number
+  </label>
+  <div id="input-width-2-hint" class="govuk-hint">
+    It’s on your National Insurance card, benefit letter, payslip or P60. For example, ‘QQ 12 34 56 C’.
+  </div>
+  <input class="govuk-input govuk-input--width-2" id="input-width-2" name="test-width-2" type="text" aria-describedby="input-width-2-hint">
+</div>
diff --git a/app/templates/govuk/components/components/input/template-with-width-20-class.html b/app/templates/govuk/components/components/input/template-with-width-20-class.html
new file mode 100644
index 0000000..f6b3344
--- /dev/null
+++ b/app/templates/govuk/components/components/input/template-with-width-20-class.html
@@ -0,0 +1,9 @@
+<div class="govuk-form-group">
+  <label class="govuk-label" for="input-width-20">
+    National insurance number
+  </label>
+  <div id="input-width-20-hint" class="govuk-hint">
+    It’s on your National Insurance card, benefit letter, payslip or P60. For example, ‘QQ 12 34 56 C’.
+  </div>
+  <input class="govuk-input govuk-input--width-20" id="input-width-20" name="test-width-20" type="text" aria-describedby="input-width-20-hint">
+</div>
diff --git a/app/templates/govuk/components/components/input/template-with-width-3-class.html b/app/templates/govuk/components/components/input/template-with-width-3-class.html
new file mode 100644
index 0000000..1af6416
--- /dev/null
+++ b/app/templates/govuk/components/components/input/template-with-width-3-class.html
@@ -0,0 +1,9 @@
+<div class="govuk-form-group">
+  <label class="govuk-label" for="input-width-3">
+    National insurance number
+  </label>
+  <div id="input-width-3-hint" class="govuk-hint">
+    It’s on your National Insurance card, benefit letter, payslip or P60. For example, ‘QQ 12 34 56 C’.
+  </div>
+  <input class="govuk-input govuk-input--width-3" id="input-width-3" name="test-width-3" type="text" aria-describedby="input-width-3-hint">
+</div>
diff --git a/app/templates/govuk/components/components/input/template-with-width-30-class.html b/app/templates/govuk/components/components/input/template-with-width-30-class.html
new file mode 100644
index 0000000..e20eed1
--- /dev/null
+++ b/app/templates/govuk/components/components/input/template-with-width-30-class.html
@@ -0,0 +1,9 @@
+<div class="govuk-form-group">
+  <label class="govuk-label" for="input-width-30">
+    National insurance number
+  </label>
+  <div id="input-width-30-hint" class="govuk-hint">
+    It’s on your National Insurance card, benefit letter, payslip or P60. For example, ‘QQ 12 34 56 C’.
+  </div>
+  <input class="govuk-input govuk-input--width-30" id="input-width-30" name="test-width-30" type="text" aria-describedby="input-width-30-hint">
+</div>
diff --git a/app/templates/govuk/components/components/input/template-with-width-4-class.html b/app/templates/govuk/components/components/input/template-with-width-4-class.html
new file mode 100644
index 0000000..e6e5a70
--- /dev/null
+++ b/app/templates/govuk/components/components/input/template-with-width-4-class.html
@@ -0,0 +1,9 @@
+<div class="govuk-form-group">
+  <label class="govuk-label" for="input-width-4">
+    National insurance number
+  </label>
+  <div id="input-width-4-hint" class="govuk-hint">
+    It’s on your National Insurance card, benefit letter, payslip or P60. For example, ‘QQ 12 34 56 C’.
+  </div>
+  <input class="govuk-input govuk-input--width-4" id="input-width-4" name="test-width-4" type="text" aria-describedby="input-width-4-hint">
+</div>
diff --git a/app/templates/govuk/components/components/input/template-with-width-5-class.html b/app/templates/govuk/components/components/input/template-with-width-5-class.html
new file mode 100644
index 0000000..1d4d2c6
--- /dev/null
+++ b/app/templates/govuk/components/components/input/template-with-width-5-class.html
@@ -0,0 +1,9 @@
+<div class="govuk-form-group">
+  <label class="govuk-label" for="input-width-5">
+    National insurance number
+  </label>
+  <div id="input-width-5-hint" class="govuk-hint">
+    It’s on your National Insurance card, benefit letter, payslip or P60. For example, ‘QQ 12 34 56 C’.
+  </div>
+  <input class="govuk-input govuk-input--width-5" id="input-width-5" name="test-width-5" type="text" aria-describedby="input-width-5-hint">
+</div>
diff --git a/app/templates/govuk/components/components/input/template.njk b/app/templates/govuk/components/components/input/template.njk
new file mode 100644
index 0000000..5d16015
--- /dev/null
+++ b/app/templates/govuk/components/components/input/template.njk
@@ -0,0 +1,133 @@
+{% from "../../macros/attributes.njk" import govukAttributes %}
+{% from "../error-message/macro.njk" import govukErrorMessage %}
+{% from "../hint/macro.njk" import govukHint %}
+{% from "../label/macro.njk" import govukLabel %}
+
+{#- Set classes for this component #}
+{%- set classNames = "govuk-input" -%}
+
+{%- if params.classes %}
+  {% set classNames = classNames + " " + params.classes %}
+{% endif %}
+
+{%- if params.errorMessage %}
+  {% set classNames = classNames + " govuk-input--error" %}
+{% endif %}
+
+{#- a record of other elements that we need to associate with the input using
+  aria-describedby – for example hints or error messages -#}
+{% set describedBy = params.describedBy if params.describedBy else undefined -%}
+{%- set id = params.id if params.id else params.name -%}
+
+{%- set hasPrefix = true if params.prefix and (params.prefix.text or params.prefix.html) else false %}
+{%- set hasSuffix = true if params.suffix and (params.suffix.text or params.suffix.html) else false %}
+{%- set hasBeforeInput = true if params.formGroup.beforeInput and (params.formGroup.beforeInput.text or params.formGroup.beforeInput.html) else false %}
+{%- set hasAfterInput = true if params.formGroup.afterInput and (params.formGroup.afterInput.text or params.formGroup.afterInput.html) else false %}
+
+{%- macro _inputElement(params) -%}
+  <input
+    {{- govukAttributes({
+      class: classNames,
+      id: id,
+      name: params.name,
+      type: params.type | default("text", true),
+      spellcheck: {
+        value: params.spellcheck | string
+          if [true, false].includes(params.spellcheck)
+          else false,
+        optional: true
+      },
+      value: {
+        value: params.value,
+        optional: true
+      },
+      disabled: {
+        value: params.disabled,
+        optional: true
+      },
+      "aria-describedby": {
+        value: describedBy,
+        optional: true
+      },
+      autocomplete: {
+        value: params.autocomplete,
+        optional: true
+      },
+      autocapitalize: {
+        value: params.autocapitalize,
+        optional: true
+      },
+      pattern: {
+        value: params.pattern,
+        optional: true
+      },
+      inputmode: {
+        value: params.inputmode,
+        optional: true
+      }
+    }) -}}
+
+    {{- govukAttributes(params.attributes) }}>
+{%- endmacro -%}
+
+{%- macro _affixItem(affix, type) %}
+  <div class="govuk-input__{{ type }} {%- if affix.classes %} {{ affix.classes }}{% endif %}" aria-hidden="true" {{- govukAttributes(affix.attributes) }}>
+    {{- affix.html | safe | trim | indent(4) if affix.html else affix.text -}}
+  </div>
+{%- endmacro -%}
+
+<div class="govuk-form-group {%- if params.errorMessage %} govuk-form-group--error{% endif %} {%- if params.formGroup.classes %} {{ params.formGroup.classes }}{% endif %}"
+  {{- govukAttributes(params.formGroup.attributes) }}>
+  {{ govukLabel({
+    html: params.label.html,
+    text: params.label.text,
+    classes: params.label.classes,
+    isPageHeading: params.label.isPageHeading,
+    attributes: params.label.attributes,
+    for: id
+  }) | trim | indent(2) }}
+{% if params.hint %}
+  {% set hintId = id + '-hint' %}
+  {% set describedBy = describedBy + ' ' + hintId if describedBy else hintId %}
+  {{ govukHint({
+    id: hintId,
+    classes: params.hint.classes,
+    attributes: params.hint.attributes,
+    html: params.hint.html,
+    text: params.hint.text
+  }) | trim | indent(2) }}
+{% endif %}
+{% if params.errorMessage %}
+  {% set errorId = id + '-error' %}
+  {% set describedBy = describedBy + ' ' + errorId if describedBy else errorId %}
+  {{ govukErrorMessage({
+    id: errorId,
+    classes: params.errorMessage.classes,
+    attributes: params.errorMessage.attributes,
+    html: params.errorMessage.html,
+    text: params.errorMessage.text,
+    visuallyHiddenText: params.errorMessage.visuallyHiddenText
+  }) | trim | indent(2) }}
+{% endif %}
+
+{%- if hasPrefix or hasSuffix or hasBeforeInput or hasAfterInput %}
+  <div class="govuk-input__wrapper {%- if params.inputWrapper.classes %} {{ params.inputWrapper.classes }}{% endif %}"
+    {{- govukAttributes(params.inputWrapper.attributes) }}>
+    {% if hasBeforeInput %}
+      {{- params.formGroup.beforeInput.html | safe | trim | indent(4, true) if params.formGroup.beforeInput.html else params.formGroup.beforeInput.text }}
+    {% endif %}
+    {% if hasPrefix %}
+      {{- _affixItem(params.prefix, "prefix") | indent(2, true) }}
+    {% endif %}
+    {{ _inputElement(params) }}
+    {% if hasSuffix %}
+      {{- _affixItem(params.suffix, "suffix") | indent(2, true) }}
+    {% endif %}
+    {% if hasAfterInput %}
+      {{- params.formGroup.afterInput.html | safe | trim | indent(4, true) if params.formGroup.afterInput.html else params.formGroup.afterInput.text }}
+    {% endif %}
+  </div>
+{% else %}
+  {{ _inputElement(params) }}
+{% endif %}
+</div>
diff --git a/app/templates/govuk/components/components/inset-text/README.md b/app/templates/govuk/components/components/inset-text/README.md
new file mode 100644
index 0000000..cc2fe50
--- /dev/null
+++ b/app/templates/govuk/components/components/inset-text/README.md
@@ -0,0 +1,15 @@
+# Inset text
+
+## Installation
+
+See the [main README quick start guide](https://github.com/alphagov/govuk-frontend#quick-start) for how to install this component.
+
+## Guidance and Examples
+
+Find out when to use the inset text component in your service in the [GOV.UK Design System](https://design-system.service.gov.uk/components/inset-text).
+
+## Component options
+
+Use options to customise the appearance, content and behaviour of a component when using a macro, for example, changing the text.
+
+See [options table](https://design-system.service.gov.uk/components/inset-text/#options-inset-text-example) for details.
diff --git a/app/templates/govuk/components/components/inset-text/_index.scss b/app/templates/govuk/components/components/inset-text/_index.scss
new file mode 100644
index 0000000..0360f71
--- /dev/null
+++ b/app/templates/govuk/components/components/inset-text/_index.scss
@@ -0,0 +1,26 @@
+@include govuk-exports("govuk/component/inset-text") {
+  .govuk-inset-text {
+    @include govuk-font($size: 19);
+    @include govuk-text-colour;
+    padding: govuk-spacing(3);
+    // Margin top intended to collapse
+    // This adds an additional 10px to the paragraph above
+    @include govuk-responsive-margin(6, "top");
+    @include govuk-responsive-margin(6, "bottom");
+
+    clear: both;
+
+    border-left: $govuk-border-width-wide solid $govuk-border-colour;
+
+    > :first-child {
+      margin-top: 0;
+    }
+
+    > :only-child,
+    > :last-child {
+      margin-bottom: 0;
+    }
+  }
+}
+
+/*# sourceMappingURL=_index.scss.map */
diff --git a/app/templates/govuk/components/components/inset-text/_index.scss.map b/app/templates/govuk/components/components/inset-text/_index.scss.map
new file mode 100644
index 0000000..09c3a29
--- /dev/null
+++ b/app/templates/govuk/components/components/inset-text/_index.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/inset-text/_index.scss"],"names":[],"mappings":"AAAA;EACE;IACE,8BAA8B;IAC9B,0BAA0B;IAC1B,yBAAyB;IACzB,iCAAiC;IACjC,qDAAqD;IACrD,0CAA0C;IAC1C,6CAA6C;;IAE7C,WAAW;;IAEX,gEAAgE;;IAEhE;MACE,aAAa;IACf;;IAEA;;MAEE,gBAAgB;IAClB;EACF;AACF","file":"_index.scss","sourcesContent":["@include govuk-exports(\"govuk/component/inset-text\") {\n  .govuk-inset-text {\n    @include govuk-font($size: 19);\n    @include govuk-text-colour;\n    padding: govuk-spacing(3);\n    // Margin top intended to collapse\n    // This adds an additional 10px to the paragraph above\n    @include govuk-responsive-margin(6, \"top\");\n    @include govuk-responsive-margin(6, \"bottom\");\n\n    clear: both;\n\n    border-left: $govuk-border-width-wide solid $govuk-border-colour;\n\n    > :first-child {\n      margin-top: 0;\n    }\n\n    > :only-child,\n    > :last-child {\n      margin-bottom: 0;\n    }\n  }\n}\n"]}
diff --git a/app/templates/govuk/components/components/inset-text/_inset-text.scss b/app/templates/govuk/components/components/inset-text/_inset-text.scss
new file mode 100644
index 0000000..eda04c6
--- /dev/null
+++ b/app/templates/govuk/components/components/inset-text/_inset-text.scss
@@ -0,0 +1,4 @@
+@import "../../base";
+@import "./index";
+
+/*# sourceMappingURL=_inset-text.scss.map */
diff --git a/app/templates/govuk/components/components/inset-text/_inset-text.scss.map b/app/templates/govuk/components/components/inset-text/_inset-text.scss.map
new file mode 100644
index 0000000..5c8b99f
--- /dev/null
+++ b/app/templates/govuk/components/components/inset-text/_inset-text.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/inset-text/_inset-text.scss"],"names":[],"mappings":"AAAA,oBAAoB;AACpB,iBAAiB","file":"_inset-text.scss","sourcesContent":["@import \"../../base\";\n@import \"./index\";\n"]}
diff --git a/app/templates/govuk/components/components/inset-text/fixtures.json b/app/templates/govuk/components/components/inset-text/fixtures.json
new file mode 100644
index 0000000..9bbf8be
--- /dev/null
+++ b/app/templates/govuk/components/components/inset-text/fixtures.json
@@ -0,0 +1,76 @@
+{
+    "component": "inset-text",
+    "fixtures": [
+        {
+            "name": "default",
+            "options": {
+                "text": "It can take up to 8 weeks to register a lasting power of attorney if there are no mistakes in the application."
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": true,
+            "html": "<div class=\"govuk-inset-text\">\n  It can take up to 8 weeks to register a lasting power of attorney if there are no mistakes in the application.\n</div>"
+        },
+        {
+            "name": "with html",
+            "options": {
+                "html": "<p class=\"govuk-body\">It can take up to 8 weeks to register a lasting power of attorney if there are no mistakes in the application.</p>\n<div class=\"govuk-warning-text\">\n  <span class=\"govuk-warning-text__icon\" aria-hidden=\"true\">!</span>\n  <strong class=\"govuk-warning-text__text\">\n    <span class=\"govuk-warning-text__assistive\">Warning</span>\n    You can be fined up to £5,000 if you don’t register.\n  </strong>\n</div>\n<p class=\"govuk-body\">It can take up to 8 weeks to register a lasting power of attorney if there are no mistakes in the application.</p>\n"
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-inset-text\">\n  <p class=\"govuk-body\">It can take up to 8 weeks to register a lasting power of attorney if there are no mistakes in the application.</p>\n  <div class=\"govuk-warning-text\">\n    <span class=\"govuk-warning-text__icon\" aria-hidden=\"true\">!</span>\n    <strong class=\"govuk-warning-text__text\">\n      <span class=\"govuk-warning-text__assistive\">Warning</span>\n      You can be fined up to £5,000 if you don’t register.\n    </strong>\n  </div>\n  <p class=\"govuk-body\">It can take up to 8 weeks to register a lasting power of attorney if there are no mistakes in the application.</p>\n</div>"
+        },
+        {
+            "name": "classes",
+            "options": {
+                "classes": "app-inset-text--custom-modifier",
+                "text": "It can take up to 8 weeks to register a lasting power of attorney if there are no mistakes in the application."
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-inset-text app-inset-text--custom-modifier\">\n  It can take up to 8 weeks to register a lasting power of attorney if there are no mistakes in the application.\n</div>"
+        },
+        {
+            "name": "id",
+            "options": {
+                "id": "my-inset-text",
+                "text": "It can take up to 8 weeks to register a lasting power of attorney if there are no mistakes in the application."
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div id=\"my-inset-text\" class=\"govuk-inset-text\">\n  It can take up to 8 weeks to register a lasting power of attorney if there are no mistakes in the application.\n</div>"
+        },
+        {
+            "name": "html as text",
+            "options": {
+                "text": "It can take <b>up to 8 weeks</b> to register a lasting power of attorney if there are no mistakes in the application."
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-inset-text\">\n  It can take &lt;b&gt;up to 8 weeks&lt;/b&gt; to register a lasting power of attorney if there are no mistakes in the application.\n</div>"
+        },
+        {
+            "name": "attributes",
+            "options": {
+                "text": "It can take up to 8 weeks to register a lasting power of attorney if there are no mistakes in the application.",
+                "attributes": {
+                    "data-attribute": "my data value"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-inset-text\" data-attribute=\"my data value\">\n  It can take up to 8 weeks to register a lasting power of attorney if there are no mistakes in the application.\n</div>"
+        }
+    ]
+}
diff --git a/app/templates/govuk/components/components/inset-text/macro-options.json b/app/templates/govuk/components/components/inset-text/macro-options.json
new file mode 100644
index 0000000..4273989
--- /dev/null
+++ b/app/templates/govuk/components/components/inset-text/macro-options.json
@@ -0,0 +1,38 @@
+[
+    {
+        "name": "text",
+        "type": "string",
+        "required": true,
+        "description": "If `html` is set, this is not required. Text to use within the inset text component. If `html` is provided, the `text` option will be ignored."
+    },
+    {
+        "name": "html",
+        "type": "string",
+        "required": true,
+        "description": "If `text` is set, this is not required. HTML to use within the inset text component. If `html` is provided, the `text` option will be ignored."
+    },
+    {
+        "name": "caller",
+        "type": "nunjucks-block",
+        "required": false,
+        "description": "Not strictly a parameter but [Nunjucks code convention](https://mozilla.github.io/nunjucks/templating.html#call). Using a `call` block enables you to call a macro with all the text inside the tag. This is helpful if you want to pass a lot of content into a macro. To use it, you will need to wrap the entire inset text component in a `call` block."
+    },
+    {
+        "name": "id",
+        "type": "string",
+        "required": false,
+        "description": "ID attribute to add to the inset text container."
+    },
+    {
+        "name": "classes",
+        "type": "string",
+        "required": false,
+        "description": "Classes to add to the inset text container."
+    },
+    {
+        "name": "attributes",
+        "type": "object",
+        "required": false,
+        "description": "HTML attributes (for example data attributes) to add to the inset text container."
+    }
+]
diff --git a/app/templates/govuk/components/components/inset-text/macro.njk b/app/templates/govuk/components/components/inset-text/macro.njk
new file mode 100644
index 0000000..935c8a6
--- /dev/null
+++ b/app/templates/govuk/components/components/inset-text/macro.njk
@@ -0,0 +1,3 @@
+{% macro govukInsetText(params) %}
+  {%- include './template.njk' -%}
+{% endmacro %}
diff --git a/app/templates/govuk/components/components/inset-text/template-default.html b/app/templates/govuk/components/components/inset-text/template-default.html
new file mode 100644
index 0000000..e8c1bdf
--- /dev/null
+++ b/app/templates/govuk/components/components/inset-text/template-default.html
@@ -0,0 +1,3 @@
+<div class="govuk-inset-text">
+  It can take up to 8 weeks to register a lasting power of attorney if there are no mistakes in the application.
+</div>
diff --git a/app/templates/govuk/components/components/inset-text/template-with-html.html b/app/templates/govuk/components/components/inset-text/template-with-html.html
new file mode 100644
index 0000000..1f170fb
--- /dev/null
+++ b/app/templates/govuk/components/components/inset-text/template-with-html.html
@@ -0,0 +1,11 @@
+<div class="govuk-inset-text">
+  <p class="govuk-body">It can take up to 8 weeks to register a lasting power of attorney if there are no mistakes in the application.</p>
+  <div class="govuk-warning-text">
+    <span class="govuk-warning-text__icon" aria-hidden="true">!</span>
+    <strong class="govuk-warning-text__text">
+      <span class="govuk-warning-text__assistive">Warning</span>
+      You can be fined up to £5,000 if you don’t register.
+    </strong>
+  </div>
+  <p class="govuk-body">It can take up to 8 weeks to register a lasting power of attorney if there are no mistakes in the application.</p>
+</div>
diff --git a/app/templates/govuk/components/components/inset-text/template.njk b/app/templates/govuk/components/components/inset-text/template.njk
new file mode 100644
index 0000000..aeccd07
--- /dev/null
+++ b/app/templates/govuk/components/components/inset-text/template.njk
@@ -0,0 +1,6 @@
+{% from "../../macros/attributes.njk" import govukAttributes -%}
+
+<div {%- if params.id %} id="{{ params.id }}"{% endif %} class="govuk-inset-text {%- if params.classes %} {{ params.classes }}{% endif %}"
+  {{- govukAttributes(params.attributes) }}>
+  {{ caller() if caller else (params.html | safe | trim | indent(2) if params.html else params.text) }}
+</div>
diff --git a/app/templates/govuk/components/components/label/README.md b/app/templates/govuk/components/components/label/README.md
new file mode 100644
index 0000000..6aed9ad
--- /dev/null
+++ b/app/templates/govuk/components/components/label/README.md
@@ -0,0 +1,15 @@
+# Label
+
+## Installation
+
+See the [main README quick start guide](https://github.com/alphagov/govuk-frontend#quick-start) for how to install this component.
+
+## Guidance and Examples
+
+The label component is used in other input components. To see an example of it in use, see the [text input component](https://design-system.service.gov.uk/components/text-input/).
+
+## Component options
+
+Use options to customise the appearance, content and behaviour of a component when using a macro, for example, changing the text.
+
+See [options table](https://design-system.service.gov.uk/components/text-input/#options-text-input-example--label) for details.
diff --git a/app/templates/govuk/components/components/label/_index.scss b/app/templates/govuk/components/components/label/_index.scss
new file mode 100644
index 0000000..aaacd85
--- /dev/null
+++ b/app/templates/govuk/components/components/label/_index.scss
@@ -0,0 +1,46 @@
+@include govuk-exports("govuk/component/label") {
+  .govuk-label {
+    @include govuk-font($size: 19);
+    @include govuk-text-colour;
+
+    display: block;
+
+    margin-bottom: govuk-spacing(1);
+  }
+
+  // Modifiers that make labels look more like their equivalent headings
+  .govuk-label--xl,
+  .govuk-label--l,
+  .govuk-label--m {
+    @include govuk-typography-weight-bold;
+    margin-bottom: govuk-spacing(3);
+  }
+
+  .govuk-label--xl {
+    @include govuk-font-size($size: 48);
+  }
+
+  .govuk-label--l {
+    @include govuk-font-size($size: 36);
+  }
+
+  .govuk-label--m {
+    @include govuk-font-size($size: 24);
+  }
+
+  .govuk-label--s {
+    @include govuk-typography-weight-bold;
+  }
+
+  // When the label is nested inside a heading, override the heading so that it
+  // does not have a margin. Effectively we want to be able to treat the heading
+  // as if it is not there.
+  //
+  // This breaks BEM conventions because it exists as a parent of the 'block',
+  // so we can't really consider an element.
+  .govuk-label-wrapper {
+    margin: 0;
+  }
+}
+
+/*# sourceMappingURL=_index.scss.map */
diff --git a/app/templates/govuk/components/components/label/_index.scss.map b/app/templates/govuk/components/components/label/_index.scss.map
new file mode 100644
index 0000000..d541714
--- /dev/null
+++ b/app/templates/govuk/components/components/label/_index.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/label/_index.scss"],"names":[],"mappings":"AAAA;EACE;IACE,8BAA8B;IAC9B,0BAA0B;;IAE1B,cAAc;;IAEd,+BAA+B;EACjC;;EAEA,qEAAqE;EACrE;;;IAGE,qCAAqC;IACrC,+BAA+B;EACjC;;EAEA;IACE,mCAAmC;EACrC;;EAEA;IACE,mCAAmC;EACrC;;EAEA;IACE,mCAAmC;EACrC;;EAEA;IACE,qCAAqC;EACvC;;EAEA,4EAA4E;EAC5E,6EAA6E;EAC7E,wBAAwB;EACxB,CAAC;EACD,2EAA2E;EAC3E,yCAAyC;EACzC;IACE,SAAS;EACX;AACF","file":"_index.scss","sourcesContent":["@include govuk-exports(\"govuk/component/label\") {\n  .govuk-label {\n    @include govuk-font($size: 19);\n    @include govuk-text-colour;\n\n    display: block;\n\n    margin-bottom: govuk-spacing(1);\n  }\n\n  // Modifiers that make labels look more like their equivalent headings\n  .govuk-label--xl,\n  .govuk-label--l,\n  .govuk-label--m {\n    @include govuk-typography-weight-bold;\n    margin-bottom: govuk-spacing(3);\n  }\n\n  .govuk-label--xl {\n    @include govuk-font-size($size: 48);\n  }\n\n  .govuk-label--l {\n    @include govuk-font-size($size: 36);\n  }\n\n  .govuk-label--m {\n    @include govuk-font-size($size: 24);\n  }\n\n  .govuk-label--s {\n    @include govuk-typography-weight-bold;\n  }\n\n  // When the label is nested inside a heading, override the heading so that it\n  // does not have a margin. Effectively we want to be able to treat the heading\n  // as if it is not there.\n  //\n  // This breaks BEM conventions because it exists as a parent of the 'block',\n  // so we can't really consider an element.\n  .govuk-label-wrapper {\n    margin: 0;\n  }\n}\n"]}
diff --git a/app/templates/govuk/components/components/label/_label.scss b/app/templates/govuk/components/components/label/_label.scss
new file mode 100644
index 0000000..4a41994
--- /dev/null
+++ b/app/templates/govuk/components/components/label/_label.scss
@@ -0,0 +1,4 @@
+@import "../../base";
+@import "./index";
+
+/*# sourceMappingURL=_label.scss.map */
diff --git a/app/templates/govuk/components/components/label/_label.scss.map b/app/templates/govuk/components/components/label/_label.scss.map
new file mode 100644
index 0000000..0a4d1c4
--- /dev/null
+++ b/app/templates/govuk/components/components/label/_label.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/label/_label.scss"],"names":[],"mappings":"AAAA,oBAAoB;AACpB,iBAAiB","file":"_label.scss","sourcesContent":["@import \"../../base\";\n@import \"./index\";\n"]}
diff --git a/app/templates/govuk/components/components/label/fixtures.json b/app/templates/govuk/components/components/label/fixtures.json
new file mode 100644
index 0000000..50e69ae
--- /dev/null
+++ b/app/templates/govuk/components/components/label/fixtures.json
@@ -0,0 +1,210 @@
+{
+    "component": "label",
+    "fixtures": [
+        {
+            "name": "default",
+            "options": {
+                "text": "National Insurance number"
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": true,
+            "html": "<label class=\"govuk-label\">\n  National Insurance number\n</label>"
+        },
+        {
+            "name": "with bold text",
+            "options": {
+                "classes": "govuk-label--s",
+                "text": "National Insurance number"
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<label class=\"govuk-label govuk-label--s\">\n  National Insurance number\n</label>"
+        },
+        {
+            "name": "styled as xl text",
+            "options": {
+                "text": "National Insurance number",
+                "classes": "govuk-label--xl"
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<label class=\"govuk-label govuk-label--xl\">\n  National Insurance number\n</label>"
+        },
+        {
+            "name": "styled as large text",
+            "options": {
+                "text": "National Insurance number",
+                "classes": "govuk-label--l"
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<label class=\"govuk-label govuk-label--l\">\n  National Insurance number\n</label>"
+        },
+        {
+            "name": "styled as medium text",
+            "options": {
+                "text": "National Insurance number",
+                "classes": "govuk-label--m"
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<label class=\"govuk-label govuk-label--m\">\n  National Insurance number\n</label>"
+        },
+        {
+            "name": "styled as small text",
+            "options": {
+                "text": "National Insurance number",
+                "classes": "govuk-label--s"
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<label class=\"govuk-label govuk-label--s\">\n  National Insurance number\n</label>"
+        },
+        {
+            "name": "as page heading xl",
+            "options": {
+                "text": "National Insurance number",
+                "classes": "govuk-label--xl",
+                "isPageHeading": true
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<h1 class=\"govuk-label-wrapper\">\n  <label class=\"govuk-label govuk-label--xl\">\n    National Insurance number\n  </label>\n</h1>"
+        },
+        {
+            "name": "as page heading l",
+            "options": {
+                "text": "National Insurance number",
+                "classes": "govuk-label--l",
+                "isPageHeading": true
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<h1 class=\"govuk-label-wrapper\">\n  <label class=\"govuk-label govuk-label--l\">\n    National Insurance number\n  </label>\n</h1>"
+        },
+        {
+            "name": "as page heading m",
+            "options": {
+                "text": "National Insurance number",
+                "classes": "govuk-label--m",
+                "isPageHeading": true
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<h1 class=\"govuk-label-wrapper\">\n  <label class=\"govuk-label govuk-label--m\">\n    National Insurance number\n  </label>\n</h1>"
+        },
+        {
+            "name": "as page heading s",
+            "options": {
+                "text": "National Insurance number",
+                "classes": "govuk-label--s",
+                "isPageHeading": true
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<h1 class=\"govuk-label-wrapper\">\n  <label class=\"govuk-label govuk-label--s\">\n    National Insurance number\n  </label>\n</h1>"
+        },
+        {
+            "name": "as page heading without class",
+            "options": {
+                "text": "National Insurance number",
+                "isPageHeading": true
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<h1 class=\"govuk-label-wrapper\">\n  <label class=\"govuk-label\">\n    National Insurance number\n  </label>\n</h1>"
+        },
+        {
+            "name": "empty",
+            "options": {},
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": ""
+        },
+        {
+            "name": "classes",
+            "options": {
+                "text": "National Insurance number",
+                "classes": "extra-class one-more-class"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<label class=\"govuk-label extra-class one-more-class\">\n  National Insurance number\n</label>"
+        },
+        {
+            "name": "html as text",
+            "options": {
+                "text": "National Insurance number, <em>NINO</em>"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<label class=\"govuk-label\">\n  National Insurance number, &lt;em&gt;NINO&lt;/em&gt;\n</label>"
+        },
+        {
+            "name": "html",
+            "options": {
+                "html": "National Insurance number <em>NINO</em>"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<label class=\"govuk-label\">\n  National Insurance number <em>NINO</em>\n</label>"
+        },
+        {
+            "name": "for",
+            "options": {
+                "for": "test-target-element",
+                "text": "National Insurance number"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<label class=\"govuk-label\" for=\"test-target-element\">\n  National Insurance number\n</label>"
+        },
+        {
+            "name": "attributes",
+            "options": {
+                "text": "National Insurance number",
+                "attributes": {
+                    "first-attribute": "foo",
+                    "second-attribute": "bar"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<label class=\"govuk-label\" first-attribute=\"foo\" second-attribute=\"bar\">\n  National Insurance number\n</label>"
+        }
+    ]
+}
diff --git a/app/templates/govuk/components/components/label/macro-options.json b/app/templates/govuk/components/components/label/macro-options.json
new file mode 100644
index 0000000..0f8f458
--- /dev/null
+++ b/app/templates/govuk/components/components/label/macro-options.json
@@ -0,0 +1,38 @@
+[
+    {
+        "name": "text",
+        "type": "string",
+        "required": true,
+        "description": "If `html` is set, this is not required. Text to use within the label. If `html` is provided, the `text` option will be ignored."
+    },
+    {
+        "name": "html",
+        "type": "string",
+        "required": true,
+        "description": "If `text` is set, this is not required. HTML to use within the label. If `html` is provided, the `text` option will be ignored."
+    },
+    {
+        "name": "for",
+        "type": "string",
+        "required": false,
+        "description": "The value of the `for` attribute, the ID of the input the label is associated with."
+    },
+    {
+        "name": "isPageHeading",
+        "type": "boolean",
+        "required": false,
+        "description": "Whether the label also acts as the heading for the page."
+    },
+    {
+        "name": "classes",
+        "type": "string",
+        "required": false,
+        "description": "Classes to add to the label tag."
+    },
+    {
+        "name": "attributes",
+        "type": "object",
+        "required": false,
+        "description": "HTML attributes (for example data attributes) to add to the label tag."
+    }
+]
diff --git a/app/templates/govuk/components/components/label/macro.njk b/app/templates/govuk/components/components/label/macro.njk
new file mode 100644
index 0000000..91f2ed7
--- /dev/null
+++ b/app/templates/govuk/components/components/label/macro.njk
@@ -0,0 +1,3 @@
+{% macro govukLabel(params) %}
+  {%- include "./template.njk" -%}
+{% endmacro %}
diff --git a/app/templates/govuk/components/components/label/template-as-page-heading-l.html b/app/templates/govuk/components/components/label/template-as-page-heading-l.html
new file mode 100644
index 0000000..2551c18
--- /dev/null
+++ b/app/templates/govuk/components/components/label/template-as-page-heading-l.html
@@ -0,0 +1,5 @@
+<h1 class="govuk-label-wrapper">
+  <label class="govuk-label govuk-label--l">
+    National Insurance number
+  </label>
+</h1>
diff --git a/app/templates/govuk/components/components/label/template-as-page-heading-m.html b/app/templates/govuk/components/components/label/template-as-page-heading-m.html
new file mode 100644
index 0000000..d560cc9
--- /dev/null
+++ b/app/templates/govuk/components/components/label/template-as-page-heading-m.html
@@ -0,0 +1,5 @@
+<h1 class="govuk-label-wrapper">
+  <label class="govuk-label govuk-label--m">
+    National Insurance number
+  </label>
+</h1>
diff --git a/app/templates/govuk/components/components/label/template-as-page-heading-s.html b/app/templates/govuk/components/components/label/template-as-page-heading-s.html
new file mode 100644
index 0000000..62ca2c2
--- /dev/null
+++ b/app/templates/govuk/components/components/label/template-as-page-heading-s.html
@@ -0,0 +1,5 @@
+<h1 class="govuk-label-wrapper">
+  <label class="govuk-label govuk-label--s">
+    National Insurance number
+  </label>
+</h1>
diff --git a/app/templates/govuk/components/components/label/template-as-page-heading-without-class.html b/app/templates/govuk/components/components/label/template-as-page-heading-without-class.html
new file mode 100644
index 0000000..fda752e
--- /dev/null
+++ b/app/templates/govuk/components/components/label/template-as-page-heading-without-class.html
@@ -0,0 +1,5 @@
+<h1 class="govuk-label-wrapper">
+  <label class="govuk-label">
+    National Insurance number
+  </label>
+</h1>
diff --git a/app/templates/govuk/components/components/label/template-as-page-heading-xl.html b/app/templates/govuk/components/components/label/template-as-page-heading-xl.html
new file mode 100644
index 0000000..4ab0cd1
--- /dev/null
+++ b/app/templates/govuk/components/components/label/template-as-page-heading-xl.html
@@ -0,0 +1,5 @@
+<h1 class="govuk-label-wrapper">
+  <label class="govuk-label govuk-label--xl">
+    National Insurance number
+  </label>
+</h1>
diff --git a/app/templates/govuk/components/components/label/template-default.html b/app/templates/govuk/components/components/label/template-default.html
new file mode 100644
index 0000000..9bcb91c
--- /dev/null
+++ b/app/templates/govuk/components/components/label/template-default.html
@@ -0,0 +1,3 @@
+<label class="govuk-label">
+  National Insurance number
+</label>
diff --git a/app/templates/govuk/components/components/label/template-styled-as-large-text.html b/app/templates/govuk/components/components/label/template-styled-as-large-text.html
new file mode 100644
index 0000000..e5decb1
--- /dev/null
+++ b/app/templates/govuk/components/components/label/template-styled-as-large-text.html
@@ -0,0 +1,3 @@
+<label class="govuk-label govuk-label--l">
+  National Insurance number
+</label>
diff --git a/app/templates/govuk/components/components/label/template-styled-as-medium-text.html b/app/templates/govuk/components/components/label/template-styled-as-medium-text.html
new file mode 100644
index 0000000..7b0838e
--- /dev/null
+++ b/app/templates/govuk/components/components/label/template-styled-as-medium-text.html
@@ -0,0 +1,3 @@
+<label class="govuk-label govuk-label--m">
+  National Insurance number
+</label>
diff --git a/app/templates/govuk/components/components/label/template-styled-as-small-text.html b/app/templates/govuk/components/components/label/template-styled-as-small-text.html
new file mode 100644
index 0000000..f7422d0
--- /dev/null
+++ b/app/templates/govuk/components/components/label/template-styled-as-small-text.html
@@ -0,0 +1,3 @@
+<label class="govuk-label govuk-label--s">
+  National Insurance number
+</label>
diff --git a/app/templates/govuk/components/components/label/template-styled-as-xl-text.html b/app/templates/govuk/components/components/label/template-styled-as-xl-text.html
new file mode 100644
index 0000000..28f1324
--- /dev/null
+++ b/app/templates/govuk/components/components/label/template-styled-as-xl-text.html
@@ -0,0 +1,3 @@
+<label class="govuk-label govuk-label--xl">
+  National Insurance number
+</label>
diff --git a/app/templates/govuk/components/components/label/template-with-bold-text.html b/app/templates/govuk/components/components/label/template-with-bold-text.html
new file mode 100644
index 0000000..f7422d0
--- /dev/null
+++ b/app/templates/govuk/components/components/label/template-with-bold-text.html
@@ -0,0 +1,3 @@
+<label class="govuk-label govuk-label--s">
+  National Insurance number
+</label>
diff --git a/app/templates/govuk/components/components/label/template.njk b/app/templates/govuk/components/components/label/template.njk
new file mode 100644
index 0000000..49a8985
--- /dev/null
+++ b/app/templates/govuk/components/components/label/template.njk
@@ -0,0 +1,19 @@
+{% from "../../macros/attributes.njk" import govukAttributes -%}
+
+{% if params.html or params.text %}
+{% set labelHtml %}
+<label class="govuk-label {%- if params.classes %} {{ params.classes }}{% endif %}"
+  {{- govukAttributes(params.attributes) -}}
+  {%- if params.for %} for="{{ params.for }}"{% endif %}>
+  {{ params.html | safe | trim | indent(2) if params.html else params.text }}
+</label>
+{% endset -%}
+
+{% if params.isPageHeading %}
+<h1 class="govuk-label-wrapper">
+  {{ labelHtml | safe | trim | indent(2) }}
+</h1>
+{% else %}
+{{ labelHtml | safe | trim }}
+{% endif %}
+{% endif %}
diff --git a/app/templates/govuk/components/components/notification-banner/README.md b/app/templates/govuk/components/components/notification-banner/README.md
new file mode 100644
index 0000000..809eaf6
--- /dev/null
+++ b/app/templates/govuk/components/components/notification-banner/README.md
@@ -0,0 +1,15 @@
+# Notification banner
+
+## Installation
+
+See the [main README quick start guide](https://github.com/alphagov/govuk-frontend#quick-start) for how to install this component.
+
+## Guidance and Examples
+
+Find out when to use the notification banner component in your service in the [GOV.UK Design System](https://design-system.service.gov.uk/components/notification-banner).
+
+## Component options
+
+Use options to customise the appearance, content and behaviour of a component when using a macro, for example, changing the text.
+
+See [options table](https://design-system.service.gov.uk/components/notification-banner/#options-notification-banner-example) for details.
diff --git a/app/templates/govuk/components/components/notification-banner/_index.scss b/app/templates/govuk/components/components/notification-banner/_index.scss
new file mode 100644
index 0000000..ace29e5
--- /dev/null
+++ b/app/templates/govuk/components/components/notification-banner/_index.scss
@@ -0,0 +1,93 @@
+@include govuk-exports("govuk/component/notification-banner") {
+  .govuk-notification-banner {
+    @include govuk-font($size: 19);
+    @include govuk-responsive-margin(8, "bottom");
+
+    border: $govuk-border-width solid $govuk-brand-colour;
+
+    background-color: $govuk-brand-colour;
+
+    &:focus {
+      outline: $govuk-focus-width solid $govuk-focus-colour;
+    }
+  }
+
+  .govuk-notification-banner__header {
+    padding: 2px govuk-spacing(3) govuk-spacing(1);
+
+    // Ensures the notification header appears separate to the notification body
+    // text in high contrast mode
+    border-bottom: 1px solid transparent;
+
+    @include govuk-media-query($from: tablet) {
+      padding: 2px govuk-spacing(4) govuk-spacing(1);
+    }
+  }
+
+  .govuk-notification-banner__title {
+    // Set the size again because this element is a heading and the user agent
+    // font size overrides the inherited font size
+    @include govuk-font-size($size: 19);
+    @include govuk-typography-weight-bold;
+    margin: 0;
+    padding: 0;
+    color: govuk-colour("white");
+  }
+
+  .govuk-notification-banner__content {
+    $padding-tablet: govuk-spacing(4);
+    @include govuk-text-colour;
+    padding: govuk-spacing(3);
+
+    background-color: $govuk-body-background-colour;
+
+    @include govuk-media-query($from: tablet) {
+      padding: $padding-tablet;
+    }
+
+    // Wrap content at the same place that a 2/3 grid column ends, to maintain
+    // shorter line-lengths when the notification banner is full width
+    > * {
+      // When elements have their own padding (like lists), include the padding
+      // in the max-width calculation
+      box-sizing: border-box;
+
+      // Calculate the internal width of a two-thirds column...
+      $two-col-width: ($govuk-page-width * 2 / 3) - ($govuk-gutter * 1 / 3);
+
+      // ...and then factor in the left border and padding
+      $banner-exterior: ($padding-tablet + $govuk-border-width);
+      max-width: $two-col-width - $banner-exterior;
+    }
+
+    > :last-child {
+      margin-bottom: 0;
+    }
+  }
+
+  .govuk-notification-banner__heading {
+    @include govuk-font-size($size: 24);
+    @include govuk-typography-weight-bold;
+
+    margin: 0 0 govuk-spacing(3);
+
+    padding: 0;
+  }
+
+  .govuk-notification-banner__link {
+    @include govuk-link-common;
+    @include govuk-link-style-no-visited-state;
+  }
+
+  .govuk-notification-banner--success {
+    border-color: $govuk-success-colour;
+
+    background-color: $govuk-success-colour;
+
+    .govuk-notification-banner__link {
+      @include govuk-link-style-success;
+    }
+  }
+}
+
+/*# sourceMappingURL=_index.scss.map */
diff --git a/app/templates/govuk/components/components/notification-banner/_index.scss.map b/app/templates/govuk/components/components/notification-banner/_index.scss.map
new file mode 100644
index 0000000..50aaa2b
--- /dev/null
+++ b/app/templates/govuk/components/components/notification-banner/_index.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/notification-banner/_index.scss"],"names":[],"mappings":"AAAA;EACE;IACE,8BAA8B;IAC9B,6CAA6C;;IAE7C,qDAAqD;;IAErD,qCAAqC;;IAErC;MACE,qDAAqD;IACvD;EACF;;EAEA;IACE,8CAA8C;;IAE9C,2EAA2E;IAC3E,4BAA4B;IAC5B,oCAAoC;;IAEpC;MACE,8CAA8C;IAChD;EACF;;EAEA;IACE,yEAAyE;IACzE,6CAA6C;IAC7C,mCAAmC;IACnC,qCAAqC;IACrC,SAAS;IACT,UAAU;IACV,4BAA4B;EAC9B;;EAEA;IACE,iCAAiC;IACjC,0BAA0B;IAC1B,yBAAyB;;IAEzB,+CAA+C;;IAE/C;MACE,wBAAwB;IAC1B;;IAEA,yEAAyE;IACzE,iEAAiE;IACjE;MACE,wEAAwE;MACxE,8BAA8B;MAC9B,sBAAsB;;MAEtB,wDAAwD;MACxD,qEAAqE;;MAErE,mDAAmD;MACnD,yDAAyD;MACzD,4CAA4C;IAC9C;;IAEA;MACE,gBAAgB;IAClB;EACF;;EAEA;IACE,mCAAmC;IACnC,qCAAqC;;IAErC,4BAA4B;;IAE5B,UAAU;EACZ;;EAEA;IACE,0BAA0B;IAC1B,0CAA0C;EAC5C;;EAEA;IACE,mCAAmC;;IAEnC,uCAAuC;;IAEvC;MACE,iCAAiC;IACnC;EACF;AACF","file":"_index.scss","sourcesContent":["@include govuk-exports(\"govuk/component/notification-banner\") {\n  .govuk-notification-banner {\n    @include govuk-font($size: 19);\n    @include govuk-responsive-margin(8, \"bottom\");\n\n    border: $govuk-border-width solid $govuk-brand-colour;\n\n    background-color: $govuk-brand-colour;\n\n    &:focus {\n      outline: $govuk-focus-width solid $govuk-focus-colour;\n    }\n  }\n\n  .govuk-notification-banner__header {\n    padding: 2px govuk-spacing(3) govuk-spacing(1);\n\n    // Ensures the notification header appears separate to the notification body\n    // text in high contrast mode\n    border-bottom: 1px solid transparent;\n\n    @include govuk-media-query($from: tablet) {\n      padding: 2px govuk-spacing(4) govuk-spacing(1);\n    }\n  }\n\n  .govuk-notification-banner__title {\n    // Set the size again because this element is a heading and the user agent\n    // font size overrides the inherited font size\n    @include govuk-font-size($size: 19);\n    @include govuk-typography-weight-bold;\n    margin: 0;\n    padding: 0;\n    color: govuk-colour(\"white\");\n  }\n\n  .govuk-notification-banner__content {\n    $padding-tablet: govuk-spacing(4);\n    @include govuk-text-colour;\n    padding: govuk-spacing(3);\n\n    background-color: $govuk-body-background-colour;\n\n    @include govuk-media-query($from: tablet) {\n      padding: $padding-tablet;\n    }\n\n    // Wrap content at the same place that a 2/3 grid column ends, to maintain\n    // shorter line-lengths when the notification banner is full width\n    > * {\n      // When elements have their own padding (like lists), include the padding\n      // in the max-width calculation\n      box-sizing: border-box;\n\n      // Calculate the internal width of a two-thirds column...\n      $two-col-width: ($govuk-page-width * 2 / 3) - ($govuk-gutter * 1 / 3);\n\n      // ...and then factor in the left border and padding\n      $banner-exterior: ($padding-tablet + $govuk-border-width);\n      max-width: $two-col-width - $banner-exterior;\n    }\n\n    > :last-child {\n      margin-bottom: 0;\n    }\n  }\n\n  .govuk-notification-banner__heading {\n    @include govuk-font-size($size: 24);\n    @include govuk-typography-weight-bold;\n\n    margin: 0 0 govuk-spacing(3);\n\n    padding: 0;\n  }\n\n  .govuk-notification-banner__link {\n    @include govuk-link-common;\n    @include govuk-link-style-no-visited-state;\n  }\n\n  .govuk-notification-banner--success {\n    border-color: $govuk-success-colour;\n\n    background-color: $govuk-success-colour;\n\n    .govuk-notification-banner__link {\n      @include govuk-link-style-success;\n    }\n  }\n}\n"]}
diff --git a/app/templates/govuk/components/components/notification-banner/_notification-banner.scss b/app/templates/govuk/components/components/notification-banner/_notification-banner.scss
new file mode 100644
index 0000000..1329d69
--- /dev/null
+++ b/app/templates/govuk/components/components/notification-banner/_notification-banner.scss
@@ -0,0 +1,4 @@
+@import "../../base";
+@import "./index";
+
+/*# sourceMappingURL=_notification-banner.scss.map */
diff --git a/app/templates/govuk/components/components/notification-banner/_notification-banner.scss.map b/app/templates/govuk/components/components/notification-banner/_notification-banner.scss.map
new file mode 100644
index 0000000..9e413ca
--- /dev/null
+++ b/app/templates/govuk/components/components/notification-banner/_notification-banner.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/notification-banner/_notification-banner.scss"],"names":[],"mappings":"AAAA,oBAAoB;AACpB,iBAAiB","file":"_notification-banner.scss","sourcesContent":["@import \"../../base\";\n@import \"./index\";\n"]}
diff --git a/app/templates/govuk/components/components/notification-banner/fixtures.json b/app/templates/govuk/components/components/notification-banner/fixtures.json
new file mode 100644
index 0000000..cacff6c
--- /dev/null
+++ b/app/templates/govuk/components/components/notification-banner/fixtures.json
@@ -0,0 +1,260 @@
+{
+    "component": "notification-banner",
+    "fixtures": [
+        {
+            "name": "default",
+            "options": {
+                "text": "This publication was withdrawn on 7 March 2014."
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": true,
+            "html": "<div class=\"govuk-notification-banner\" role=\"region\" aria-labelledby=\"govuk-notification-banner-title\" data-module=\"govuk-notification-banner\">\n  <div class=\"govuk-notification-banner__header\">\n    <h2 class=\"govuk-notification-banner__title\" id=\"govuk-notification-banner-title\">\n      Important\n    </h2>\n  </div>\n  <div class=\"govuk-notification-banner__content\">\n    <p class=\"govuk-notification-banner__heading\">\n      This publication was withdrawn on 7 March 2014.\n    </p>\n  </div>\n</div>"
+        },
+        {
+            "name": "with text as html",
+            "options": {
+                "html": "<h3 class=\"govuk-notification-banner__heading\">\n  This publication was withdrawn on 7 March 2014\n</h3>\n<p class=\"govuk-body\">\n  The following 4 files are available\n</p>\n<ul class=\"govuk-list govuk-list--bullet govuk-!-margin-bottom-0\">\n  <li><a href=\"#\" class=\"govuk-notification-banner__link\">government-strategy.pdf</a></li>\n  <li><a href=\"#\" class=\"govuk-notification-banner__link\">government-strategy-v2.pdf</a></li>\n  <li><a href=\"#\" class=\"govuk-notification-banner__link\">government-strategy-v3-FINAL.pdf</a></li>\n  <li><a href=\"#\" class=\"govuk-notification-banner__link\">government-strategy-v4-FINAL-v2.pdf</a></li>\n</ul>\n"
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-notification-banner\" role=\"region\" aria-labelledby=\"govuk-notification-banner-title\" data-module=\"govuk-notification-banner\">\n  <div class=\"govuk-notification-banner__header\">\n    <h2 class=\"govuk-notification-banner__title\" id=\"govuk-notification-banner-title\">\n      Important\n    </h2>\n  </div>\n  <div class=\"govuk-notification-banner__content\">\n    <h3 class=\"govuk-notification-banner__heading\">\n      This publication was withdrawn on 7 March 2014\n    </h3>\n    <p class=\"govuk-body\">\n      The following 4 files are available\n    </p>\n    <ul class=\"govuk-list govuk-list--bullet govuk-!-margin-bottom-0\">\n      <li><a href=\"#\" class=\"govuk-notification-banner__link\">government-strategy.pdf</a></li>\n      <li><a href=\"#\" class=\"govuk-notification-banner__link\">government-strategy-v2.pdf</a></li>\n      <li><a href=\"#\" class=\"govuk-notification-banner__link\">government-strategy-v3-FINAL.pdf</a></li>\n      <li><a href=\"#\" class=\"govuk-notification-banner__link\">government-strategy-v4-FINAL-v2.pdf</a></li>\n    </ul>\n  </div>\n</div>"
+        },
+        {
+            "name": "with type as success",
+            "options": {
+                "type": "success",
+                "text": "Email sent to example@email.com"
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-notification-banner govuk-notification-banner--success\" role=\"alert\" aria-labelledby=\"govuk-notification-banner-title\" data-module=\"govuk-notification-banner\">\n  <div class=\"govuk-notification-banner__header\">\n    <h2 class=\"govuk-notification-banner__title\" id=\"govuk-notification-banner-title\">\n      Success\n    </h2>\n  </div>\n  <div class=\"govuk-notification-banner__content\">\n    <p class=\"govuk-notification-banner__heading\">\n      Email sent to example@email.com\n    </p>\n  </div>\n</div>"
+        },
+        {
+            "name": "with long heading",
+            "options": {
+                "text": "This publication was withdrawn on 7 March 2014, before being sent in, sent back, queried, lost, found, subjected to public inquiry, lost again, and finally buried in soft peat for three months and recycled as firelighters."
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-notification-banner\" role=\"region\" aria-labelledby=\"govuk-notification-banner-title\" data-module=\"govuk-notification-banner\">\n  <div class=\"govuk-notification-banner__header\">\n    <h2 class=\"govuk-notification-banner__title\" id=\"govuk-notification-banner-title\">\n      Important\n    </h2>\n  </div>\n  <div class=\"govuk-notification-banner__content\">\n    <p class=\"govuk-notification-banner__heading\">\n      This publication was withdrawn on 7 March 2014, before being sent in, sent back, queried, lost, found, subjected to public inquiry, lost again, and finally buried in soft peat for three months and recycled as firelighters.\n    </p>\n  </div>\n</div>"
+        },
+        {
+            "name": "with lots of content",
+            "options": {
+                "html": "<h3 class=\"govuk-notification-banner__heading\">\n  Check if you need to apply the reverse charge to this application\n</h3>\n<p class=\"govuk-body\">\n  You will have to apply the <a href=\"#\" class=\"govuk-notification-banner__link\">reverse charge</a> if the applicant supplies any of these services:\n</p>\n<ul class=\"govuk-list govuk-list--bullet govuk-list--spaced\">\n  <li>constructing, altering, repairing, extending, demolishing or dismantling buildings or structures (whether permanent or not), including offshore installation services</li>\n  <li>constructing, altering, repairing, extending, demolishing of any works forming, or planned to form, part of the land, including (in particular) walls, roadworks, power lines, electronic communications equipment, aircraft runways, railways, inland waterways, docks and harbours</li>\n</ul>\n"
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-notification-banner\" role=\"region\" aria-labelledby=\"govuk-notification-banner-title\" data-module=\"govuk-notification-banner\">\n  <div class=\"govuk-notification-banner__header\">\n    <h2 class=\"govuk-notification-banner__title\" id=\"govuk-notification-banner-title\">\n      Important\n    </h2>\n  </div>\n  <div class=\"govuk-notification-banner__content\">\n    <h3 class=\"govuk-notification-banner__heading\">\n      Check if you need to apply the reverse charge to this application\n    </h3>\n    <p class=\"govuk-body\">\n      You will have to apply the <a href=\"#\" class=\"govuk-notification-banner__link\">reverse charge</a> if the applicant supplies any of these services:\n    </p>\n    <ul class=\"govuk-list govuk-list--bullet govuk-list--spaced\">\n      <li>constructing, altering, repairing, extending, demolishing or dismantling buildings or structures (whether permanent or not), including offshore installation services</li>\n      <li>constructing, altering, repairing, extending, demolishing of any works forming, or planned to form, part of the land, including (in particular) walls, roadworks, power lines, electronic communications equipment, aircraft runways, railways, inland waterways, docks and harbours</li>\n    </ul>\n  </div>\n</div>"
+        },
+        {
+            "name": "custom title",
+            "options": {
+                "titleText": "Important information",
+                "text": "This publication was withdrawn on 7 March 2014."
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-notification-banner\" role=\"region\" aria-labelledby=\"govuk-notification-banner-title\" data-module=\"govuk-notification-banner\">\n  <div class=\"govuk-notification-banner__header\">\n    <h2 class=\"govuk-notification-banner__title\" id=\"govuk-notification-banner-title\">\n      Important information\n    </h2>\n  </div>\n  <div class=\"govuk-notification-banner__content\">\n    <p class=\"govuk-notification-banner__heading\">\n      This publication was withdrawn on 7 March 2014.\n    </p>\n  </div>\n</div>"
+        },
+        {
+            "name": "title as html",
+            "options": {
+                "titleHtml": "<span>Important information</span>",
+                "text": "This publication was withdrawn on 7 March 2014."
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-notification-banner\" role=\"region\" aria-labelledby=\"govuk-notification-banner-title\" data-module=\"govuk-notification-banner\">\n  <div class=\"govuk-notification-banner__header\">\n    <h2 class=\"govuk-notification-banner__title\" id=\"govuk-notification-banner-title\">\n      <span>Important information</span>\n    </h2>\n  </div>\n  <div class=\"govuk-notification-banner__content\">\n    <p class=\"govuk-notification-banner__heading\">\n      This publication was withdrawn on 7 March 2014.\n    </p>\n  </div>\n</div>"
+        },
+        {
+            "name": "title html as text",
+            "options": {
+                "titleText": "<span>Important information</span>",
+                "text": "This publication was withdrawn on 7 March 2014."
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-notification-banner\" role=\"region\" aria-labelledby=\"govuk-notification-banner-title\" data-module=\"govuk-notification-banner\">\n  <div class=\"govuk-notification-banner__header\">\n    <h2 class=\"govuk-notification-banner__title\" id=\"govuk-notification-banner-title\">\n      &lt;span&gt;Important information&lt;/span&gt;\n    </h2>\n  </div>\n  <div class=\"govuk-notification-banner__content\">\n    <p class=\"govuk-notification-banner__heading\">\n      This publication was withdrawn on 7 March 2014.\n    </p>\n  </div>\n</div>"
+        },
+        {
+            "name": "custom title heading level",
+            "options": {
+                "titleHeadingLevel": 3,
+                "text": "This publication was withdrawn on 7 March 2014."
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-notification-banner\" role=\"region\" aria-labelledby=\"govuk-notification-banner-title\" data-module=\"govuk-notification-banner\">\n  <div class=\"govuk-notification-banner__header\">\n    <h3 class=\"govuk-notification-banner__title\" id=\"govuk-notification-banner-title\">\n      Important\n    </h3>\n  </div>\n  <div class=\"govuk-notification-banner__content\">\n    <p class=\"govuk-notification-banner__heading\">\n      This publication was withdrawn on 7 March 2014.\n    </p>\n  </div>\n</div>"
+        },
+        {
+            "name": "custom title id",
+            "options": {
+                "titleId": "my-id",
+                "text": "This publication was withdrawn on 7 March 2014."
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-notification-banner\" role=\"region\" aria-labelledby=\"my-id\" data-module=\"govuk-notification-banner\">\n  <div class=\"govuk-notification-banner__header\">\n    <h2 class=\"govuk-notification-banner__title\" id=\"my-id\">\n      Important\n    </h2>\n  </div>\n  <div class=\"govuk-notification-banner__content\">\n    <p class=\"govuk-notification-banner__heading\">\n      This publication was withdrawn on 7 March 2014.\n    </p>\n  </div>\n</div>"
+        },
+        {
+            "name": "custom title id with type as success",
+            "options": {
+                "type": "success",
+                "titleId": "my-id",
+                "text": "Email sent to example@email.com"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-notification-banner govuk-notification-banner--success\" role=\"alert\" aria-labelledby=\"my-id\" data-module=\"govuk-notification-banner\">\n  <div class=\"govuk-notification-banner__header\">\n    <h2 class=\"govuk-notification-banner__title\" id=\"my-id\">\n      Success\n    </h2>\n  </div>\n  <div class=\"govuk-notification-banner__content\">\n    <p class=\"govuk-notification-banner__heading\">\n      Email sent to example@email.com\n    </p>\n  </div>\n</div>"
+        },
+        {
+            "name": "custom text",
+            "options": {
+                "text": "This publication was withdrawn on 7 March 2014."
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-notification-banner\" role=\"region\" aria-labelledby=\"govuk-notification-banner-title\" data-module=\"govuk-notification-banner\">\n  <div class=\"govuk-notification-banner__header\">\n    <h2 class=\"govuk-notification-banner__title\" id=\"govuk-notification-banner-title\">\n      Important\n    </h2>\n  </div>\n  <div class=\"govuk-notification-banner__content\">\n    <p class=\"govuk-notification-banner__heading\">\n      This publication was withdrawn on 7 March 2014.\n    </p>\n  </div>\n</div>"
+        },
+        {
+            "name": "html as text",
+            "options": {
+                "text": "<span>This publication was withdrawn on 7 March 2014.</span>"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-notification-banner\" role=\"region\" aria-labelledby=\"govuk-notification-banner-title\" data-module=\"govuk-notification-banner\">\n  <div class=\"govuk-notification-banner__header\">\n    <h2 class=\"govuk-notification-banner__title\" id=\"govuk-notification-banner-title\">\n      Important\n    </h2>\n  </div>\n  <div class=\"govuk-notification-banner__content\">\n    <p class=\"govuk-notification-banner__heading\">\n      &lt;span&gt;This publication was withdrawn on 7 March 2014.&lt;/span&gt;\n    </p>\n  </div>\n</div>"
+        },
+        {
+            "name": "custom role",
+            "options": {
+                "role": "banner",
+                "text": "This publication was withdrawn on 7 March 2014."
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-notification-banner\" role=\"banner\" aria-labelledby=\"govuk-notification-banner-title\" data-module=\"govuk-notification-banner\">\n  <div class=\"govuk-notification-banner__header\">\n    <h2 class=\"govuk-notification-banner__title\" id=\"govuk-notification-banner-title\">\n      Important\n    </h2>\n  </div>\n  <div class=\"govuk-notification-banner__content\">\n    <p class=\"govuk-notification-banner__heading\">\n      This publication was withdrawn on 7 March 2014.\n    </p>\n  </div>\n</div>"
+        },
+        {
+            "name": "classes",
+            "options": {
+                "text": "This publication was withdrawn on 7 March 2014.",
+                "classes": "app-my-class"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-notification-banner app-my-class\" role=\"region\" aria-labelledby=\"govuk-notification-banner-title\" data-module=\"govuk-notification-banner\">\n  <div class=\"govuk-notification-banner__header\">\n    <h2 class=\"govuk-notification-banner__title\" id=\"govuk-notification-banner-title\">\n      Important\n    </h2>\n  </div>\n  <div class=\"govuk-notification-banner__content\">\n    <p class=\"govuk-notification-banner__heading\">\n      This publication was withdrawn on 7 March 2014.\n    </p>\n  </div>\n</div>"
+        },
+        {
+            "name": "attributes",
+            "options": {
+                "text": "This publication was withdrawn on 7 March 2014.",
+                "attributes": {
+                    "my-attribute": "value"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-notification-banner\" role=\"region\" aria-labelledby=\"govuk-notification-banner-title\" data-module=\"govuk-notification-banner\" my-attribute=\"value\">\n  <div class=\"govuk-notification-banner__header\">\n    <h2 class=\"govuk-notification-banner__title\" id=\"govuk-notification-banner-title\">\n      Important\n    </h2>\n  </div>\n  <div class=\"govuk-notification-banner__content\">\n    <p class=\"govuk-notification-banner__heading\">\n      This publication was withdrawn on 7 March 2014.\n    </p>\n  </div>\n</div>"
+        },
+        {
+            "name": "with invalid type",
+            "options": {
+                "type": "some-type",
+                "text": "This publication was withdrawn on 7 March 2014."
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-notification-banner\" role=\"region\" aria-labelledby=\"govuk-notification-banner-title\" data-module=\"govuk-notification-banner\">\n  <div class=\"govuk-notification-banner__header\">\n    <h2 class=\"govuk-notification-banner__title\" id=\"govuk-notification-banner-title\">\n      Important\n    </h2>\n  </div>\n  <div class=\"govuk-notification-banner__content\">\n    <p class=\"govuk-notification-banner__heading\">\n      This publication was withdrawn on 7 March 2014.\n    </p>\n  </div>\n</div>"
+        },
+        {
+            "name": "auto-focus disabled, with type as success",
+            "options": {
+                "type": "success",
+                "disableAutoFocus": true,
+                "text": "Email sent to example@email.com"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-notification-banner govuk-notification-banner--success\" role=\"alert\" aria-labelledby=\"govuk-notification-banner-title\" data-module=\"govuk-notification-banner\" data-disable-auto-focus=\"true\">\n  <div class=\"govuk-notification-banner__header\">\n    <h2 class=\"govuk-notification-banner__title\" id=\"govuk-notification-banner-title\">\n      Success\n    </h2>\n  </div>\n  <div class=\"govuk-notification-banner__content\">\n    <p class=\"govuk-notification-banner__heading\">\n      Email sent to example@email.com\n    </p>\n  </div>\n</div>"
+        },
+        {
+            "name": "auto-focus explicitly enabled, with type as success",
+            "options": {
+                "type": "success",
+                "disableAutoFocus": false,
+                "text": "Email sent to example@email.com"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-notification-banner govuk-notification-banner--success\" role=\"alert\" aria-labelledby=\"govuk-notification-banner-title\" data-module=\"govuk-notification-banner\" data-disable-auto-focus=\"false\">\n  <div class=\"govuk-notification-banner__header\">\n    <h2 class=\"govuk-notification-banner__title\" id=\"govuk-notification-banner-title\">\n      Success\n    </h2>\n  </div>\n  <div class=\"govuk-notification-banner__content\">\n    <p class=\"govuk-notification-banner__heading\">\n      Email sent to example@email.com\n    </p>\n  </div>\n</div>"
+        },
+        {
+            "name": "role=alert overridden to role=region, with type as success",
+            "options": {
+                "type": "success",
+                "role": "region",
+                "text": "Email sent to example@email.com"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-notification-banner govuk-notification-banner--success\" role=\"region\" aria-labelledby=\"govuk-notification-banner-title\" data-module=\"govuk-notification-banner\">\n  <div class=\"govuk-notification-banner__header\">\n    <h2 class=\"govuk-notification-banner__title\" id=\"govuk-notification-banner-title\">\n      Success\n    </h2>\n  </div>\n  <div class=\"govuk-notification-banner__content\">\n    <p class=\"govuk-notification-banner__heading\">\n      Email sent to example@email.com\n    </p>\n  </div>\n</div>"
+        },
+        {
+            "name": "custom tabindex",
+            "options": {
+                "type": "success",
+                "text": "Email sent to example@email.com",
+                "attributes": {
+                    "tabindex": 2
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-notification-banner govuk-notification-banner--success\" role=\"alert\" aria-labelledby=\"govuk-notification-banner-title\" data-module=\"govuk-notification-banner\" tabindex=\"2\">\n  <div class=\"govuk-notification-banner__header\">\n    <h2 class=\"govuk-notification-banner__title\" id=\"govuk-notification-banner-title\">\n      Success\n    </h2>\n  </div>\n  <div class=\"govuk-notification-banner__content\">\n    <p class=\"govuk-notification-banner__heading\">\n      Email sent to example@email.com\n    </p>\n  </div>\n</div>"
+        }
+    ]
+}
diff --git a/app/templates/govuk/components/components/notification-banner/macro-options.json b/app/templates/govuk/components/components/notification-banner/macro-options.json
new file mode 100644
index 0000000..c59a29f
--- /dev/null
+++ b/app/templates/govuk/components/components/notification-banner/macro-options.json
@@ -0,0 +1,74 @@
+[
+    {
+        "name": "text",
+        "type": "string",
+        "required": true,
+        "description": "The text that displays in the notification banner. You can use any string with this option. If you set `html`, this option is not required and is ignored."
+    },
+    {
+        "name": "html",
+        "type": "string",
+        "required": true,
+        "description": "The HTML to use within the notification banner. You can use any string with this option. If you set `html`, `text` is not required and is ignored."
+    },
+    {
+        "name": "caller",
+        "type": "nunjucks-block",
+        "required": false,
+        "description": "Not strictly a parameter but [Nunjucks code convention](https://mozilla.github.io/nunjucks/templating.html#call). Using a `call` block enables you to call a macro with all the text inside the tag. This is helpful if you want to pass a lot of content into a macro. To use it, you will need to wrap the entire notification banner component in a `call` block."
+    },
+    {
+        "name": "titleText",
+        "type": "string",
+        "required": false,
+        "description": "The title text that displays in the notification banner. You can use any string with this option. Use this option to set text that does not contain HTML. The available default values are 'Important', 'Success', and null:\n- if you do not set `type`, `titleText` defaults to `\"Important\"`\n- if you set `type` to `success`, `titleText` defaults to `\"Success\"`\n- if you set `titleHtml`, this option is ignored\n"
+    },
+    {
+        "name": "titleHtml",
+        "type": "string",
+        "required": false,
+        "description": "The title HTML to use within the notification banner. You can use any string with this option. Use this option to set text that contains HTML. If you set `titleHtml`, the `titleText` option is ignored."
+    },
+    {
+        "name": "titleHeadingLevel",
+        "type": "string",
+        "required": false,
+        "description": "Sets heading level for the title only. You can only use values between `1` and `6` with this option. The default is `2`."
+    },
+    {
+        "name": "type",
+        "type": "string",
+        "required": false,
+        "description": "The type of notification to render. You can use only `\"success\"` or `null` values with this option. If you set `type` to `\"success\"`, the notification banner sets `role` to `\"alert\"`. JavaScript then moves the keyboard focus to the notification banner when the page loads. If you do not set `type`, the notification banner sets `role` to `\"region\"`."
+    },
+    {
+        "name": "role",
+        "type": "string",
+        "required": false,
+        "description": "Overrides the value of the `role` attribute for the notification banner. Defaults to `\"region\"`. If you set `type` to `\"success\"`, `role` defaults to `\"alert\"`."
+    },
+    {
+        "name": "titleId",
+        "type": "string",
+        "required": false,
+        "description": "The `id` for the banner title, and the `aria-labelledby` attribute in the banner. Defaults to `\"govuk-notification-banner-title\"`."
+    },
+    {
+        "name": "disableAutoFocus",
+        "type": "boolean",
+        "required": false,
+        "description": "If you set `type` to `\"success\"`, or `role` to `\"alert\"`, JavaScript moves the keyboard focus to the notification banner when the page loads. To disable this behaviour, set `disableAutoFocus` to `true`."
+    },
+    {
+        "name": "classes",
+        "type": "string",
+        "required": false,
+        "description": "The classes that you want to add to the notification banner."
+    },
+    {
+        "name": "attributes",
+        "type": "object",
+        "required": false,
+        "description": "The HTML attributes that you want to add to the notification banner, for example, data attributes."
+    }
+]
diff --git a/app/templates/govuk/components/components/notification-banner/macro.njk b/app/templates/govuk/components/components/notification-banner/macro.njk
new file mode 100644
index 0000000..dedfb49
--- /dev/null
+++ b/app/templates/govuk/components/components/notification-banner/macro.njk
@@ -0,0 +1,3 @@
+{% macro govukNotificationBanner(params) %}
+  {%- include "./template.njk" -%}
+{% endmacro %}
diff --git a/app/templates/govuk/components/components/notification-banner/notification-banner.bundle.js b/app/templates/govuk/components/components/notification-banner/notification-banner.bundle.js
new file mode 100644
index 0000000..2b9ba26
--- /dev/null
+++ b/app/templates/govuk/components/components/notification-banner/notification-banner.bundle.js
@@ -0,0 +1,367 @@
+(function (global, factory) {
+  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports) :
+  typeof define === 'function' && define.amd ? define(['exports'], factory) :
+  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.GOVUKFrontend = global.GOVUKFrontend || {}));
+})(this, (function (exports) { 'use strict';
+
+  function setFocus($element, options = {}) {
+    var _options$onBeforeFocu;
+    const isFocusable = $element.getAttribute('tabindex');
+    if (!isFocusable) {
+      $element.setAttribute('tabindex', '-1');
+    }
+    function onFocus() {
+      $element.addEventListener('blur', onBlur, {
+        once: true
+      });
+    }
+    function onBlur() {
+      var _options$onBlur;
+      (_options$onBlur = options.onBlur) == null || _options$onBlur.call($element);
+      if (!isFocusable) {
+        $element.removeAttribute('tabindex');
+      }
+    }
+    $element.addEventListener('focus', onFocus, {
+      once: true
+    });
+    (_options$onBeforeFocu = options.onBeforeFocus) == null || _options$onBeforeFocu.call($element);
+    $element.focus();
+  }
+  function isInitialised($root, moduleName) {
+    return $root instanceof HTMLElement && $root.hasAttribute(`data-${moduleName}-init`);
+  }
+
+  /**
+   * Checks if GOV.UK Frontend is supported on this page
+   *
+   * Some browsers will load and run our JavaScript but GOV.UK Frontend
+   * won't be supported.
+   *
+   * @param {HTMLElement | null} [$scope] - (internal) `<body>` HTML element checked for browser support
+   * @returns {boolean} Whether GOV.UK Frontend is supported on this page
+   */
+  function isSupported($scope = document.body) {
+    if (!$scope) {
+      return false;
+    }
+    return $scope.classList.contains('govuk-frontend-supported');
+  }
+  function isArray(option) {
+    return Array.isArray(option);
+  }
+  function isObject(option) {
+    return !!option && typeof option === 'object' && !isArray(option);
+  }
+  function formatErrorMessage(Component, message) {
+    return `${Component.moduleName}: ${message}`;
+  }
+  /**
+   * @typedef ComponentWithModuleName
+   * @property {string} moduleName - Name of the component
+   */
+
+  class GOVUKFrontendError extends Error {
+    constructor(...args) {
+      super(...args);
+      this.name = 'GOVUKFrontendError';
+    }
+  }
+  class SupportError extends GOVUKFrontendError {
+    /**
+     * Checks if GOV.UK Frontend is supported on this page
+     *
+     * @param {HTMLElement | null} [$scope] - HTML element `<body>` checked for browser support
+     */
+    constructor($scope = document.body) {
+      const supportMessage = 'noModule' in HTMLScriptElement.prototype ? 'GOV.UK Frontend initialised without `<body class="govuk-frontend-supported">` from template `<script>` snippet' : 'GOV.UK Frontend is not supported in this browser';
+      super($scope ? supportMessage : 'GOV.UK Frontend initialised without `<script type="module">`');
+      this.name = 'SupportError';
+    }
+  }
+  class ConfigError extends GOVUKFrontendError {
+    constructor(...args) {
+      super(...args);
+      this.name = 'ConfigError';
+    }
+  }
+  class ElementError extends GOVUKFrontendError {
+    constructor(messageOrOptions) {
+      let message = typeof messageOrOptions === 'string' ? messageOrOptions : '';
+      if (isObject(messageOrOptions)) {
+        const {
+          component,
+          identifier,
+          element,
+          expectedType
+        } = messageOrOptions;
+        message = identifier;
+        message += element ? ` is not of type ${expectedType != null ? expectedType : 'HTMLElement'}` : ' not found';
+        if (component) {
+          message = formatErrorMessage(component, message);
+        }
+      }
+      super(message);
+      this.name = 'ElementError';
+    }
+  }
+  class InitError extends GOVUKFrontendError {
+    constructor(componentOrMessage) {
+      const message = typeof componentOrMessage === 'string' ? componentOrMessage : formatErrorMessage(componentOrMessage, `Root element (\`$root\`) already initialised`);
+      super(message);
+      this.name = 'InitError';
+    }
+  }
+  /**
+   * @import { ComponentWithModuleName } from '../common/index.mjs'
+   */
+
+  class Component {
+    /**
+     * Returns the root element of the component
+     *
+     * @protected
+     * @returns {RootElementType} - the root element of component
+     */
+    get $root() {
+      return this._$root;
+    }
+    constructor($root) {
+      this._$root = void 0;
+      const childConstructor = this.constructor;
+      if (typeof childConstructor.moduleName !== 'string') {
+        throw new InitError(`\`moduleName\` not defined in component`);
+      }
+      if (!($root instanceof childConstructor.elementType)) {
+        throw new ElementError({
+          element: $root,
+          component: childConstructor,
+          identifier: 'Root element (`$root`)',
+          expectedType: childConstructor.elementType.name
+        });
+      } else {
+        this._$root = $root;
+      }
+      childConstructor.checkSupport();
+      this.checkInitialised();
+      const moduleName = childConstructor.moduleName;
+      this.$root.setAttribute(`data-${moduleName}-init`, '');
+    }
+    checkInitialised() {
+      const constructor = this.constructor;
+      const moduleName = constructor.moduleName;
+      if (moduleName && isInitialised(this.$root, moduleName)) {
+        throw new InitError(constructor);
+      }
+    }
+    static checkSupport() {
+      if (!isSupported()) {
+        throw new SupportError();
+      }
+    }
+  }
+
+  /**
+   * @typedef ChildClass
+   * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component
+   */
+
+  /**
+   * @typedef {typeof Component & ChildClass} ChildClassConstructor
+   */
+  Component.elementType = HTMLElement;
+
+  const configOverride = Symbol.for('configOverride');
+  class ConfigurableComponent extends Component {
+    [configOverride](param) {
+      return {};
+    }
+
+    /**
+     * Returns the root element of the component
+     *
+     * @protected
+     * @returns {ConfigurationType} - the root element of component
+     */
+    get config() {
+      return this._config;
+    }
+    constructor($root, config) {
+      super($root);
+      this._config = void 0;
+      const childConstructor = this.constructor;
+      if (!isObject(childConstructor.defaults)) {
+        throw new ConfigError(formatErrorMessage(childConstructor, 'Config passed as parameter into constructor but no defaults defined'));
+      }
+      const datasetConfig = normaliseDataset(childConstructor, this._$root.dataset);
+      this._config = mergeConfigs(childConstructor.defaults, config != null ? config : {}, this[configOverride](datasetConfig), datasetConfig);
+    }
+  }
+  function normaliseString(value, property) {
+    const trimmedValue = value ? value.trim() : '';
+    let output;
+    let outputType = property == null ? void 0 : property.type;
+    if (!outputType) {
+      if (['true', 'false'].includes(trimmedValue)) {
+        outputType = 'boolean';
+      }
+      if (trimmedValue.length > 0 && isFinite(Number(trimmedValue))) {
+        outputType = 'number';
+      }
+    }
+    switch (outputType) {
+      case 'boolean':
+        output = trimmedValue === 'true';
+        break;
+      case 'number':
+        output = Number(trimmedValue);
+        break;
+      default:
+        output = value;
+    }
+    return output;
+  }
+  function normaliseDataset(Component, dataset) {
+    if (!isObject(Component.schema)) {
+      throw new ConfigError(formatErrorMessage(Component, 'Config passed as parameter into constructor but no schema defined'));
+    }
+    const out = {};
+    const entries = Object.entries(Component.schema.properties);
+    for (const entry of entries) {
+      const [namespace, property] = entry;
+      const field = namespace.toString();
+      if (field in dataset) {
+        out[field] = normaliseString(dataset[field], property);
+      }
+      if ((property == null ? void 0 : property.type) === 'object') {
+        out[field] = extractConfigByNamespace(Component.schema, dataset, namespace);
+      }
+    }
+    return out;
+  }
+  function mergeConfigs(...configObjects) {
+    const formattedConfigObject = {};
+    for (const configObject of configObjects) {
+      for (const key of Object.keys(configObject)) {
+        const option = formattedConfigObject[key];
+        const override = configObject[key];
+        if (isObject(option) && isObject(override)) {
+          formattedConfigObject[key] = mergeConfigs(option, override);
+        } else {
+          formattedConfigObject[key] = override;
+        }
+      }
+    }
+    return formattedConfigObject;
+  }
+  function extractConfigByNamespace(schema, dataset, namespace) {
+    const property = schema.properties[namespace];
+    if ((property == null ? void 0 : property.type) !== 'object') {
+      return;
+    }
+    const newObject = {
+      [namespace]: {}
+    };
+    for (const [key, value] of Object.entries(dataset)) {
+      let current = newObject;
+      const keyParts = key.split('.');
+      for (const [index, name] of keyParts.entries()) {
+        if (isObject(current)) {
+          if (index < keyParts.length - 1) {
+            if (!isObject(current[name])) {
+              current[name] = {};
+            }
+            current = current[name];
+          } else if (key !== namespace) {
+            current[name] = normaliseString(value);
+          }
+        }
+      }
+    }
+    return newObject[namespace];
+  }
+  /**
+   * Schema for component config
+   *
+   * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType
+   * @typedef {object} Schema
+   * @property {Record<keyof ConfigurationType, SchemaProperty | undefined>} properties - Schema properties
+   * @property {SchemaCondition<ConfigurationType>[]} [anyOf] - List of schema conditions
+   */
+  /**
+   * Schema property for component config
+   *
+   * @typedef {object} SchemaProperty
+   * @property {'string' | 'boolean' | 'number' | 'object'} type - Property type
+   */
+  /**
+   * Schema condition for component config
+   *
+   * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType
+   * @typedef {object} SchemaCondition
+   * @property {(keyof ConfigurationType)[]} required - List of required config fields
+   * @property {string} errorMessage - Error message when required config fields not provided
+   */
+  /**
+   * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]
+   * @typedef ChildClass
+   * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component
+   * @property {Schema<ConfigurationType>} [schema] - The schema of the component configuration
+   * @property {ConfigurationType} [defaults] - The default values of the configuration of the component
+   */
+  /**
+   * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]
+   * @typedef {typeof Component & ChildClass<ConfigurationType>} ChildClassConstructor<ConfigurationType>
+   */
+  /**
+   * @import { CompatibleClass, Config, CreateAllOptions, OnErrorCallback } from '../init.mjs'
+   */
+
+  /**
+   * Notification Banner component
+   *
+   * @preserve
+   * @augments ConfigurableComponent<NotificationBannerConfig>
+   */
+  class NotificationBanner extends ConfigurableComponent {
+    /**
+     * @param {Element | null} $root - HTML element to use for notification banner
+     * @param {NotificationBannerConfig} [config] - Notification banner config
+     */
+    constructor($root, config = {}) {
+      super($root, config);
+      if (this.$root.getAttribute('role') === 'alert' && !this.config.disableAutoFocus) {
+        setFocus(this.$root);
+      }
+    }
+  }
+
+  /**
+   * Notification banner config
+   *
+   * @typedef {object} NotificationBannerConfig
+   * @property {boolean} [disableAutoFocus=false] - If set to `true` the
+   *   notification banner will not be focussed when the page loads. This only
+   *   applies if the component has a `role` of `alert` – in other cases the
+   *   component will not be focused on page load, regardless of this option.
+   */
+
+  /**
+   * @import { Schema } from '../../common/configuration.mjs'
+   */
+  NotificationBanner.moduleName = 'govuk-notification-banner';
+  NotificationBanner.defaults = Object.freeze({
+    disableAutoFocus: false
+  });
+  NotificationBanner.schema = Object.freeze({
+    properties: {
+      disableAutoFocus: {
+        type: 'boolean'
+      }
+    }
+  });
+
+  exports.NotificationBanner = NotificationBanner;
+
+}));
+//# sourceMappingURL=notification-banner.bundle.js.map
diff --git a/app/templates/govuk/components/components/notification-banner/notification-banner.bundle.js.map b/app/templates/govuk/components/components/notification-banner/notification-banner.bundle.js.map
new file mode 100644
index 0000000..e1c0662
--- /dev/null
+++ b/app/templates/govuk/components/components/notification-banner/notification-banner.bundle.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"notification-banner.bundle.js","sources":["../../../../src/govuk/common/index.mjs","../../../../src/govuk/errors/index.mjs","../../../../src/govuk/component.mjs","../../../../src/govuk/common/configuration.mjs","../../../../src/govuk/components/notification-banner/notification-banner.mjs"],"sourcesContent":["/**\n * Common helpers which do not require polyfill.\n *\n * IMPORTANT: If a helper require a polyfill, please isolate it in its own module\n * so that the polyfill can be properly tree-shaken and does not burden\n * the components that do not need that helper\n */\n\n/**\n * Get GOV.UK Frontend breakpoint value from CSS custom property\n *\n * @private\n * @param {string} name - Breakpoint name\n * @returns {{ property: string, value?: string }} Breakpoint object\n */\nexport function getBreakpoint(name) {\n  const property = `--govuk-breakpoint-${name}`\n\n  // Get value from `<html>` with breakpoints on CSS :root\n  const value = window\n    .getComputedStyle(document.documentElement)\n    .getPropertyValue(property)\n\n  return {\n    property,\n    value: value || undefined\n  }\n}\n\n/**\n * Move focus to element\n *\n * Sets tabindex to -1 to make the element programmatically focusable,\n * but removes it on blur as the element doesn't need to be focused again.\n *\n * @private\n * @template {HTMLElement} FocusElement\n * @param {FocusElement} $element - HTML element\n * @param {object} [options] - Handler options\n * @param {function(this: FocusElement): void} [options.onBeforeFocus] - Callback before focus\n * @param {function(this: FocusElement): void} [options.onBlur] - Callback on blur\n */\nexport function setFocus($element, options = {}) {\n  const isFocusable = $element.getAttribute('tabindex')\n\n  if (!isFocusable) {\n    $element.setAttribute('tabindex', '-1')\n  }\n\n  /**\n   * Handle element focus\n   */\n  function onFocus() {\n    $element.addEventListener('blur', onBlur, { once: true })\n  }\n\n  /**\n   * Handle element blur\n   */\n  function onBlur() {\n    options.onBlur?.call($element)\n\n    if (!isFocusable) {\n      $element.removeAttribute('tabindex')\n    }\n  }\n\n  // Add listener to reset element on blur, after focus\n  $element.addEventListener('focus', onFocus, { once: true })\n\n  // Focus element\n  options.onBeforeFocus?.call($element)\n  $element.focus()\n}\n\n/**\n * Checks if component is already initialised\n *\n * @internal\n * @param {Element} $root - HTML element to be checked\n * @param {string} moduleName - name of component module\n * @returns {boolean} Whether component is already initialised\n */\nexport function isInitialised($root, moduleName) {\n  return (\n    $root instanceof HTMLElement &&\n    $root.hasAttribute(`data-${moduleName}-init`)\n  )\n}\n\n/**\n * Checks if GOV.UK Frontend is supported on this page\n *\n * Some browsers will load and run our JavaScript but GOV.UK Frontend\n * won't be supported.\n *\n * @param {HTMLElement | null} [$scope] - (internal) `<body>` HTML element checked for browser support\n * @returns {boolean} Whether GOV.UK Frontend is supported on this page\n */\nexport function isSupported($scope = document.body) {\n  if (!$scope) {\n    return false\n  }\n\n  return $scope.classList.contains('govuk-frontend-supported')\n}\n\n/**\n * Check for an array\n *\n * @internal\n * @param {unknown} option - Option to check\n * @returns {boolean} Whether the option is an array\n */\nfunction isArray(option) {\n  return Array.isArray(option)\n}\n\n/**\n * Check for an object\n *\n * @internal\n * @template {Partial<Record<keyof ObjectType, unknown>>} ObjectType\n * @param {unknown | ObjectType} option - Option to check\n * @returns {option is ObjectType} Whether the option is an object\n */\nexport function isObject(option) {\n  return !!option && typeof option === 'object' && !isArray(option)\n}\n\n/**\n * Check for valid scope\n *\n * @internal\n * @template {Element | Document} ScopeType\n * @param {unknown | ScopeType} $scope - Scope of the document to search within\n * @returns {$scope is ScopeType} Whether the scope can be queried\n */\nexport function isScope($scope) {\n  return !!$scope && ($scope instanceof Element || $scope instanceof Document)\n}\n\n/**\n * Format error message\n *\n * @internal\n * @param {ComponentWithModuleName} Component - Component that threw the error\n * @param {string} message - Error message\n * @returns {string} - Formatted error message\n */\nexport function formatErrorMessage(Component, message) {\n  return `${Component.moduleName}: ${message}`\n}\n\n/* eslint-disable jsdoc/valid-types --\n * `{new(...args: any[] ): object}` is not recognised as valid\n * https://github.com/gajus/eslint-plugin-jsdoc/issues/145#issuecomment-1308722878\n * https://github.com/jsdoc-type-pratt-parser/jsdoc-type-pratt-parser/issues/131\n **/\n\n/**\n * @typedef ComponentWithModuleName\n * @property {string} moduleName - Name of the component\n */\n\n/* eslint-enable jsdoc/valid-types */\n","import { formatErrorMessage, isObject } from '../common/index.mjs'\n\n/**\n * GOV.UK Frontend error\n *\n * A base class for `Error`s thrown by GOV.UK Frontend.\n *\n * It is meant to be extended into specific types of errors\n * to be thrown by our code.\n *\n * @example\n * ```js\n * class MissingRootError extends GOVUKFrontendError {\n *   // Setting an explicit name is important as extending the class will not\n *   // set a new `name` on the subclass. The `name` property is important\n *   // to ensure intelligible error names even if the class name gets\n *   // mangled by a minifier\n *   name = \"MissingRootError\"\n * }\n * ```\n * @virtual\n */\nexport class GOVUKFrontendError extends Error {\n  name = 'GOVUKFrontendError'\n}\n\n/**\n * Indicates that GOV.UK Frontend is not supported\n */\nexport class SupportError extends GOVUKFrontendError {\n  name = 'SupportError'\n\n  /**\n   * Checks if GOV.UK Frontend is supported on this page\n   *\n   * @param {HTMLElement | null} [$scope] - HTML element `<body>` checked for browser support\n   */\n  constructor($scope = document.body) {\n    const supportMessage =\n      'noModule' in HTMLScriptElement.prototype\n        ? 'GOV.UK Frontend initialised without `<body class=\"govuk-frontend-supported\">` from template `<script>` snippet'\n        : 'GOV.UK Frontend is not supported in this browser'\n\n    super(\n      $scope\n        ? supportMessage\n        : 'GOV.UK Frontend initialised without `<script type=\"module\">`'\n    )\n  }\n}\n\n/**\n * Indicates that a component has received an illegal configuration\n */\nexport class ConfigError extends GOVUKFrontendError {\n  name = 'ConfigError'\n}\n\n/**\n * Indicates an issue with an element (possibly `null` or `undefined`)\n */\nexport class ElementError extends GOVUKFrontendError {\n  name = 'ElementError'\n\n  /**\n   * @internal\n   * @overload\n   * @param {string} message - Element error message\n   */\n\n  /**\n   * @internal\n   * @overload\n   * @param {ElementErrorOptions} options - Element error options\n   */\n\n  /**\n   * @internal\n   * @param {string | ElementErrorOptions} messageOrOptions - Element error message or options\n   */\n  constructor(messageOrOptions) {\n    let message = typeof messageOrOptions === 'string' ? messageOrOptions : ''\n\n    // Build message from options\n    if (isObject(messageOrOptions)) {\n      const { component, identifier, element, expectedType } = messageOrOptions\n\n      message = identifier\n\n      // Append reason\n      message += element\n        ? ` is not of type ${expectedType ?? 'HTMLElement'}`\n        : ' not found'\n\n      // Prepend with module name (optional)\n      if (component) {\n        message = formatErrorMessage(component, message)\n      }\n    }\n\n    super(message)\n  }\n}\n\n/**\n * Indicates that a component is already initialised\n */\nexport class InitError extends GOVUKFrontendError {\n  name = 'InitError'\n\n  /**\n   * @internal\n   * @param {ComponentWithModuleName | string} componentOrMessage - name of the component module\n   */\n  constructor(componentOrMessage) {\n    const message =\n      typeof componentOrMessage === 'string'\n        ? componentOrMessage\n        : formatErrorMessage(\n            componentOrMessage,\n            `Root element (\\`$root\\`) already initialised`\n          )\n\n    super(message)\n  }\n}\n\n/**\n * Element error options\n *\n * @internal\n * @typedef {object} ElementErrorOptions\n * @property {Element | Document | null} [element] - The element in error (optional)\n * @property {ComponentWithModuleName} [component] - Component throwing the error (optional)\n * @property {string} identifier - An identifier that'll let the user understand which element has an error. This is whatever makes the most sense\n * @property {string} [expectedType] - The type that was expected for the identifier (optional)\n */\n\n/**\n * @import { ComponentWithModuleName } from '../common/index.mjs'\n */\n","import { isInitialised, isSupported } from './common/index.mjs'\nimport { ElementError, InitError, SupportError } from './errors/index.mjs'\n\n/**\n * Base Component class\n *\n * Centralises the behaviours shared by our components\n *\n * @virtual\n * @template {Element} [RootElementType=HTMLElement]\n */\nexport class Component {\n  /**\n   * @type {typeof Element}\n   */\n  static elementType = HTMLElement\n\n  // allows Typescript user to work around the lack of types\n  // in GOVUKFrontend package, Typescript is not aware of $root\n  // in components that extend GOVUKFrontendComponent\n  /**\n   * Returns the root element of the component\n   *\n   * @protected\n   * @returns {RootElementType} - the root element of component\n   */\n  get $root() {\n    return this._$root\n  }\n\n  /**\n   * @protected\n   * @type {RootElementType}\n   */\n  _$root\n\n  /**\n   * Constructs a new component, validating that GOV.UK Frontend is supported\n   *\n   * @internal\n   * @param {Element | null} [$root] - HTML element to use for component\n   */\n  constructor($root) {\n    const childConstructor = /** @type {ChildClassConstructor} */ (\n      this.constructor\n    )\n\n    // TypeScript does not enforce that inheriting classes will define a `moduleName`\n    // (even if we add a `@virtual` `static moduleName` property to this class).\n    // While we trust users to do this correctly, we do a little check to provide them\n    // a helpful error message.\n    //\n    // After this, we'll be sure that `childConstructor` has a `moduleName`\n    // as expected of the `ChildClassConstructor` we've cast `this.constructor` to.\n    if (typeof childConstructor.moduleName !== 'string') {\n      throw new InitError(`\\`moduleName\\` not defined in component`)\n    }\n\n    if (!($root instanceof childConstructor.elementType)) {\n      throw new ElementError({\n        element: $root,\n        component: childConstructor,\n        identifier: 'Root element (`$root`)',\n        expectedType: childConstructor.elementType.name\n      })\n    } else {\n      this._$root = /** @type {RootElementType} */ ($root)\n    }\n\n    childConstructor.checkSupport()\n\n    this.checkInitialised()\n\n    const moduleName = childConstructor.moduleName\n\n    this.$root.setAttribute(`data-${moduleName}-init`, '')\n  }\n\n  /**\n   * Validates whether component is already initialised\n   *\n   * @private\n   * @throws {InitError} when component is already initialised\n   */\n  checkInitialised() {\n    const constructor = /** @type {ChildClassConstructor} */ (this.constructor)\n    const moduleName = constructor.moduleName\n\n    if (moduleName && isInitialised(this.$root, moduleName)) {\n      throw new InitError(constructor)\n    }\n  }\n\n  /**\n   * Validates whether components are supported\n   *\n   * @throws {SupportError} when the components are not supported\n   */\n  static checkSupport() {\n    if (!isSupported()) {\n      throw new SupportError()\n    }\n  }\n}\n\n/**\n * @typedef ChildClass\n * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component\n */\n\n/**\n * @typedef {typeof Component & ChildClass} ChildClassConstructor\n */\n","import { Component } from '../component.mjs'\nimport { ConfigError } from '../errors/index.mjs'\n\nimport { isObject, isScope, formatErrorMessage } from './index.mjs'\n\nexport const configOverride = Symbol.for('configOverride')\n\n/**\n * Base Component class\n *\n * Centralises the behaviours shared by our components\n *\n * @virtual\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]\n * @template {Element & { dataset: DOMStringMap }} [RootElementType=HTMLElement]\n * @augments Component<RootElementType>\n */\nexport class ConfigurableComponent extends Component {\n  /**\n   * configOverride\n   *\n   * Function which defines configuration overrides to prioritize\n   * properties from the root element's dataset.\n   *\n   * It should take a subset of configuration as input and return\n   * a new configuration object with properties that should be\n   * overridden based on the root element's dataset. A Symbol\n   * is used for indexing to prevent conflicts.\n   *\n   * @internal\n   * @virtual\n   * @param {Partial<ConfigurationType>} [param] - Configuration object\n   * @returns {Partial<ConfigurationType>} return - Configuration object\n   */\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  [configOverride](param) {\n    return {}\n  }\n\n  /**\n   * Returns the root element of the component\n   *\n   * @protected\n   * @returns {ConfigurationType} - the root element of component\n   */\n  get config() {\n    return this._config\n  }\n\n  /**\n   *\n   * @type {ConfigurationType}\n   */\n  _config\n\n  /**\n   * Constructs a new component, validating that GOV.UK Frontend is supported\n   *\n   * @internal\n   * @param {Element | null} [$root] - HTML element to use for component\n   * @param {ConfigurationType} [config] - HTML element to use for component\n   */\n  constructor($root, config) {\n    super($root)\n\n    const childConstructor =\n      /** @type {ChildClassConstructor<ConfigurationType>} */ (this.constructor)\n\n    if (!isObject(childConstructor.defaults)) {\n      throw new ConfigError(\n        formatErrorMessage(\n          childConstructor,\n          'Config passed as parameter into constructor but no defaults defined'\n        )\n      )\n    }\n\n    const datasetConfig = /** @type {ConfigurationType} */ (\n      normaliseDataset(childConstructor, this._$root.dataset)\n    )\n\n    this._config = /** @type {ConfigurationType} */ (\n      mergeConfigs(\n        childConstructor.defaults,\n        config ?? {},\n        this[configOverride](datasetConfig),\n        datasetConfig\n      )\n    )\n  }\n}\n\n/**\n * Normalise string\n *\n * 'If it looks like a duck, and it quacks like a duck…' 🦆\n *\n * If the passed value looks like a boolean or a number, convert it to a boolean\n * or number.\n *\n * Designed to be used to convert config passed via data attributes (which are\n * always strings) into something sensible.\n *\n * @internal\n * @param {DOMStringMap[string]} value - The value to normalise\n * @param {SchemaProperty} [property] - Component schema property\n * @returns {string | boolean | number | undefined} Normalised data\n */\nexport function normaliseString(value, property) {\n  const trimmedValue = value ? value.trim() : ''\n\n  let output\n  let outputType = property?.type\n\n  // No schema type set? Determine automatically\n  if (!outputType) {\n    if (['true', 'false'].includes(trimmedValue)) {\n      outputType = 'boolean'\n    }\n\n    // Empty / whitespace-only strings are considered finite so we need to check\n    // the length of the trimmed string as well\n    if (trimmedValue.length > 0 && isFinite(Number(trimmedValue))) {\n      outputType = 'number'\n    }\n  }\n\n  switch (outputType) {\n    case 'boolean':\n      output = trimmedValue === 'true'\n      break\n\n    case 'number':\n      output = Number(trimmedValue)\n      break\n\n    default:\n      output = value\n  }\n\n  return output\n}\n\n/**\n * Normalise dataset\n *\n * Loop over an object and normalise each value using {@link normaliseString},\n * optionally expanding nested `i18n.field`\n *\n * @internal\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @template {[keyof ConfigurationType, SchemaProperty | undefined][]} SchemaEntryType\n * @param {{ schema?: Schema<ConfigurationType>, moduleName: string }} Component - Component class\n * @param {DOMStringMap} dataset - HTML element dataset\n * @returns {ObjectNested} Normalised dataset\n */\nexport function normaliseDataset(Component, dataset) {\n  if (!isObject(Component.schema)) {\n    throw new ConfigError(\n      formatErrorMessage(\n        Component,\n        'Config passed as parameter into constructor but no schema defined'\n      )\n    )\n  }\n\n  const out = /** @type {ObjectNested} */ ({})\n  const entries = /** @type {SchemaEntryType} */ (\n    Object.entries(Component.schema.properties)\n  )\n\n  // Normalise top-level dataset ('data-*') values using schema types\n  for (const entry of entries) {\n    const [namespace, property] = entry\n\n    // Cast the `namespace` to string so it can be used to access the dataset\n    const field = namespace.toString()\n\n    if (field in dataset) {\n      out[field] = normaliseString(dataset[field], property)\n    }\n\n    /**\n     * Extract and normalise nested object values automatically using\n     * {@link normaliseString} but only schema object types are allowed\n     */\n    if (property?.type === 'object') {\n      out[field] = extractConfigByNamespace(\n        Component.schema,\n        dataset,\n        namespace\n      )\n    }\n  }\n\n  return out\n}\n\n/**\n * Normalise options passed to `initAll` or `createAll`\n *\n * @internal\n * @template {CompatibleClass} ComponentClass\n * @param {Config | CreateAllOptions<ComponentClass> | OnErrorCallback<ComponentClass> | Element | Document | null} [scopeOrOptions] - Scope of the document to search within, initialisation options or error callback function\n * @returns {CreateAllOptions<ComponentClass>} Normalised options\n */\nexport function normaliseOptions(scopeOrOptions) {\n  let /** @type {Element | Document | null} */ $scope = document\n  let /** @type {OnErrorCallback<ComponentClass> | undefined} */ onError\n\n  // Handle options object\n  if (isObject(scopeOrOptions)) {\n    const options = scopeOrOptions\n\n    // Scope must be valid or null\n    if (isScope(options.scope) || options.scope === null) {\n      $scope = options.scope\n    }\n\n    // Error handler must be a function\n    if (typeof options.onError === 'function') {\n      onError = options.onError\n    }\n  }\n\n  if (isScope(scopeOrOptions)) {\n    $scope = scopeOrOptions\n  } else if (scopeOrOptions === null) {\n    $scope = null\n  } else if (typeof scopeOrOptions === 'function') {\n    onError = scopeOrOptions\n  }\n\n  return {\n    scope: $scope,\n    onError\n  }\n}\n\n/**\n * Config merging function\n *\n * Takes any number of objects and combines them together, with\n * greatest priority on the LAST item passed in.\n *\n * @internal\n * @param {...{ [key: string]: unknown }} configObjects - Config objects to merge\n * @returns {{ [key: string]: unknown }} A merged config object\n */\nexport function mergeConfigs(...configObjects) {\n  // Start with an empty object as our base\n  /** @type {{ [key: string]: unknown }} */\n  const formattedConfigObject = {}\n\n  // Loop through each of the passed objects\n  for (const configObject of configObjects) {\n    for (const key of Object.keys(configObject)) {\n      const option = formattedConfigObject[key]\n      const override = configObject[key]\n\n      // Push their keys one-by-one into formattedConfigObject. Any duplicate\n      // keys with object values will be merged, otherwise the new value will\n      // override the existing value.\n      if (isObject(option) && isObject(override)) {\n        formattedConfigObject[key] = mergeConfigs(option, override)\n      } else {\n        // Apply override\n        formattedConfigObject[key] = override\n      }\n    }\n  }\n\n  return formattedConfigObject\n}\n\n/**\n * Validate component config by schema\n *\n * Follows limited examples in JSON schema for wider support in future\n *\n * {@link https://ajv.js.org/json-schema.html#compound-keywords}\n * {@link https://ajv.js.org/packages/ajv-errors.html#single-message}\n *\n * @internal\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @param {Schema<ConfigurationType>} schema - The schema of a component\n * @param {ConfigurationType} config - Component config\n * @returns {string[]} List of validation errors\n */\nexport function validateConfig(schema, config) {\n  const validationErrors = []\n\n  // Check errors for each schema\n  for (const [name, conditions] of Object.entries(schema)) {\n    const errors = []\n\n    // Check errors for each schema condition\n    if (Array.isArray(conditions)) {\n      for (const { required, errorMessage } of conditions) {\n        if (!required.every((key) => !!config[key])) {\n          errors.push(errorMessage) // Missing config key value\n        }\n      }\n\n      // Check one condition passes or add errors\n      if (name === 'anyOf' && !(conditions.length - errors.length >= 1)) {\n        validationErrors.push(...errors)\n      }\n    }\n  }\n\n  return validationErrors\n}\n\n/**\n * Extracts keys starting with a particular namespace from dataset ('data-*')\n * object, removing the namespace in the process, normalising all values\n *\n * @internal\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @param {Schema<ConfigurationType>} schema - The schema of a component\n * @param {DOMStringMap} dataset - The object to extract key-value pairs from\n * @param {keyof ConfigurationType} namespace - The namespace to filter keys with\n * @returns {ObjectNested | undefined} Nested object with dot-separated key namespace removed\n */\nexport function extractConfigByNamespace(schema, dataset, namespace) {\n  const property = schema.properties[namespace]\n\n  // Only extract configs for object schema properties\n  if (property?.type !== 'object') {\n    return\n  }\n\n  // Add default empty config\n  const newObject = /** @type {Record<typeof namespace, ObjectNested>} */ ({\n    [namespace]: {}\n  })\n\n  for (const [key, value] of Object.entries(dataset)) {\n    /** @type {ObjectNested | ObjectNested[NestedKey]} */\n    let current = newObject\n\n    // Split the key into parts, using . as our namespace separator\n    const keyParts = key.split('.')\n\n    /**\n     * Create new level per part\n     *\n     * e.g. 'i18n.textareaDescription.other' becomes\n     * `{ i18n: { textareaDescription: { other } } }`\n     */\n    for (const [index, name] of keyParts.entries()) {\n      if (isObject(current)) {\n        // Drop down to nested object until the last part\n        if (index < keyParts.length - 1) {\n          // New nested object (optionally) replaces existing value\n          if (!isObject(current[name])) {\n            current[name] = {}\n          }\n\n          // Drop down into new or existing nested object\n          current = current[name]\n        } else if (key !== namespace) {\n          // Normalised value (optionally) replaces existing value\n          current[name] = normaliseString(value)\n        }\n      }\n    }\n  }\n\n  return newObject[namespace]\n}\n\n/**\n * @internal\n * @typedef {keyof ObjectNested} NestedKey\n * @typedef {{ [key: string]: string | boolean | number | ObjectNested | undefined }} ObjectNested\n */\n\n/**\n * Schema for component config\n *\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @typedef {object} Schema\n * @property {Record<keyof ConfigurationType, SchemaProperty | undefined>} properties - Schema properties\n * @property {SchemaCondition<ConfigurationType>[]} [anyOf] - List of schema conditions\n */\n\n/**\n * Schema property for component config\n *\n * @typedef {object} SchemaProperty\n * @property {'string' | 'boolean' | 'number' | 'object'} type - Property type\n */\n\n/**\n * Schema condition for component config\n *\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @typedef {object} SchemaCondition\n * @property {(keyof ConfigurationType)[]} required - List of required config fields\n * @property {string} errorMessage - Error message when required config fields not provided\n */\n\n/**\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]\n * @typedef ChildClass\n * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component\n * @property {Schema<ConfigurationType>} [schema] - The schema of the component configuration\n * @property {ConfigurationType} [defaults] - The default values of the configuration of the component\n */\n\n/**\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]\n * @typedef {typeof Component & ChildClass<ConfigurationType>} ChildClassConstructor<ConfigurationType>\n */\n\n/**\n * @import { CompatibleClass, Config, CreateAllOptions, OnErrorCallback } from '../init.mjs'\n */\n","import { ConfigurableComponent } from '../../common/configuration.mjs'\nimport { setFocus } from '../../common/index.mjs'\n\n/**\n * Notification Banner component\n *\n * @preserve\n * @augments ConfigurableComponent<NotificationBannerConfig>\n */\nexport class NotificationBanner extends ConfigurableComponent {\n  /**\n   * @param {Element | null} $root - HTML element to use for notification banner\n   * @param {NotificationBannerConfig} [config] - Notification banner config\n   */\n  constructor($root, config = {}) {\n    super($root, config)\n\n    /**\n     * Focus the notification banner\n     *\n     * If `role=\"alert\"` is set, focus the element to help some assistive\n     * technologies prioritise announcing it.\n     *\n     * You can turn off the auto-focus functionality by setting\n     * `data-disable-auto-focus=\"true\"` in the component HTML. You might wish to\n     * do this based on user research findings, or to avoid a clash with another\n     * element which should be focused when the page loads.\n     */\n    if (\n      this.$root.getAttribute('role') === 'alert' &&\n      !this.config.disableAutoFocus\n    ) {\n      setFocus(this.$root)\n    }\n  }\n\n  /**\n   * Name for the component used when initialising using data-module attributes.\n   */\n  static moduleName = 'govuk-notification-banner'\n\n  /**\n   * Notification banner default config\n   *\n   * @see {@link NotificationBannerConfig}\n   * @constant\n   * @type {NotificationBannerConfig}\n   */\n  static defaults = Object.freeze({\n    disableAutoFocus: false\n  })\n\n  /**\n   * Notification banner config schema\n   *\n   * @constant\n   * @satisfies {Schema<NotificationBannerConfig>}\n   */\n  static schema = Object.freeze({\n    properties: {\n      disableAutoFocus: { type: 'boolean' }\n    }\n  })\n}\n\n/**\n * Notification banner config\n *\n * @typedef {object} NotificationBannerConfig\n * @property {boolean} [disableAutoFocus=false] - If set to `true` the\n *   notification banner will not be focussed when the page loads. This only\n *   applies if the component has a `role` of `alert` – in other cases the\n *   component will not be focused on page load, regardless of this option.\n */\n\n/**\n * @import { Schema } from '../../common/configuration.mjs'\n */\n"],"names":["setFocus","$element","options","_options$onBeforeFocu","isFocusable","getAttribute","setAttribute","onFocus","addEventListener","onBlur","once","_options$onBlur","call","removeAttribute","onBeforeFocus","focus","isInitialised","$root","moduleName","HTMLElement","hasAttribute","isSupported","$scope","document","body","classList","contains","isArray","option","Array","isObject","formatErrorMessage","Component","message","GOVUKFrontendError","Error","constructor","args","name","SupportError","supportMessage","HTMLScriptElement","prototype","ConfigError","ElementError","messageOrOptions","component","identifier","element","expectedType","InitError","componentOrMessage","_$root","childConstructor","elementType","checkSupport","checkInitialised","configOverride","Symbol","for","ConfigurableComponent","param","config","_config","defaults","datasetConfig","normaliseDataset","dataset","mergeConfigs","normaliseString","value","property","trimmedValue","trim","output","outputType","type","includes","length","isFinite","Number","schema","out","entries","Object","properties","entry","namespace","field","toString","extractConfigByNamespace","configObjects","formattedConfigObject","configObject","key","keys","override","newObject","current","keyParts","split","index","NotificationBanner","disableAutoFocus","freeze"],"mappings":"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"}
\ No newline at end of file
diff --git a/app/templates/govuk/components/components/notification-banner/notification-banner.bundle.mjs b/app/templates/govuk/components/components/notification-banner/notification-banner.bundle.mjs
new file mode 100644
index 0000000..d380c57
--- /dev/null
+++ b/app/templates/govuk/components/components/notification-banner/notification-banner.bundle.mjs
@@ -0,0 +1,359 @@
+function setFocus($element, options = {}) {
+  var _options$onBeforeFocu;
+  const isFocusable = $element.getAttribute('tabindex');
+  if (!isFocusable) {
+    $element.setAttribute('tabindex', '-1');
+  }
+  function onFocus() {
+    $element.addEventListener('blur', onBlur, {
+      once: true
+    });
+  }
+  function onBlur() {
+    var _options$onBlur;
+    (_options$onBlur = options.onBlur) == null || _options$onBlur.call($element);
+    if (!isFocusable) {
+      $element.removeAttribute('tabindex');
+    }
+  }
+  $element.addEventListener('focus', onFocus, {
+    once: true
+  });
+  (_options$onBeforeFocu = options.onBeforeFocus) == null || _options$onBeforeFocu.call($element);
+  $element.focus();
+}
+function isInitialised($root, moduleName) {
+  return $root instanceof HTMLElement && $root.hasAttribute(`data-${moduleName}-init`);
+}
+
+/**
+ * Checks if GOV.UK Frontend is supported on this page
+ *
+ * Some browsers will load and run our JavaScript but GOV.UK Frontend
+ * won't be supported.
+ *
+ * @param {HTMLElement | null} [$scope] - (internal) `<body>` HTML element checked for browser support
+ * @returns {boolean} Whether GOV.UK Frontend is supported on this page
+ */
+function isSupported($scope = document.body) {
+  if (!$scope) {
+    return false;
+  }
+  return $scope.classList.contains('govuk-frontend-supported');
+}
+function isArray(option) {
+  return Array.isArray(option);
+}
+function isObject(option) {
+  return !!option && typeof option === 'object' && !isArray(option);
+}
+function formatErrorMessage(Component, message) {
+  return `${Component.moduleName}: ${message}`;
+}
+/**
+ * @typedef ComponentWithModuleName
+ * @property {string} moduleName - Name of the component
+ */
+
+class GOVUKFrontendError extends Error {
+  constructor(...args) {
+    super(...args);
+    this.name = 'GOVUKFrontendError';
+  }
+}
+class SupportError extends GOVUKFrontendError {
+  /**
+   * Checks if GOV.UK Frontend is supported on this page
+   *
+   * @param {HTMLElement | null} [$scope] - HTML element `<body>` checked for browser support
+   */
+  constructor($scope = document.body) {
+    const supportMessage = 'noModule' in HTMLScriptElement.prototype ? 'GOV.UK Frontend initialised without `<body class="govuk-frontend-supported">` from template `<script>` snippet' : 'GOV.UK Frontend is not supported in this browser';
+    super($scope ? supportMessage : 'GOV.UK Frontend initialised without `<script type="module">`');
+    this.name = 'SupportError';
+  }
+}
+class ConfigError extends GOVUKFrontendError {
+  constructor(...args) {
+    super(...args);
+    this.name = 'ConfigError';
+  }
+}
+class ElementError extends GOVUKFrontendError {
+  constructor(messageOrOptions) {
+    let message = typeof messageOrOptions === 'string' ? messageOrOptions : '';
+    if (isObject(messageOrOptions)) {
+      const {
+        component,
+        identifier,
+        element,
+        expectedType
+      } = messageOrOptions;
+      message = identifier;
+      message += element ? ` is not of type ${expectedType != null ? expectedType : 'HTMLElement'}` : ' not found';
+      if (component) {
+        message = formatErrorMessage(component, message);
+      }
+    }
+    super(message);
+    this.name = 'ElementError';
+  }
+}
+class InitError extends GOVUKFrontendError {
+  constructor(componentOrMessage) {
+    const message = typeof componentOrMessage === 'string' ? componentOrMessage : formatErrorMessage(componentOrMessage, `Root element (\`$root\`) already initialised`);
+    super(message);
+    this.name = 'InitError';
+  }
+}
+/**
+ * @import { ComponentWithModuleName } from '../common/index.mjs'
+ */
+
+class Component {
+  /**
+   * Returns the root element of the component
+   *
+   * @protected
+   * @returns {RootElementType} - the root element of component
+   */
+  get $root() {
+    return this._$root;
+  }
+  constructor($root) {
+    this._$root = void 0;
+    const childConstructor = this.constructor;
+    if (typeof childConstructor.moduleName !== 'string') {
+      throw new InitError(`\`moduleName\` not defined in component`);
+    }
+    if (!($root instanceof childConstructor.elementType)) {
+      throw new ElementError({
+        element: $root,
+        component: childConstructor,
+        identifier: 'Root element (`$root`)',
+        expectedType: childConstructor.elementType.name
+      });
+    } else {
+      this._$root = $root;
+    }
+    childConstructor.checkSupport();
+    this.checkInitialised();
+    const moduleName = childConstructor.moduleName;
+    this.$root.setAttribute(`data-${moduleName}-init`, '');
+  }
+  checkInitialised() {
+    const constructor = this.constructor;
+    const moduleName = constructor.moduleName;
+    if (moduleName && isInitialised(this.$root, moduleName)) {
+      throw new InitError(constructor);
+    }
+  }
+  static checkSupport() {
+    if (!isSupported()) {
+      throw new SupportError();
+    }
+  }
+}
+
+/**
+ * @typedef ChildClass
+ * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component
+ */
+
+/**
+ * @typedef {typeof Component & ChildClass} ChildClassConstructor
+ */
+Component.elementType = HTMLElement;
+
+const configOverride = Symbol.for('configOverride');
+class ConfigurableComponent extends Component {
+  [configOverride](param) {
+    return {};
+  }
+
+  /**
+   * Returns the root element of the component
+   *
+   * @protected
+   * @returns {ConfigurationType} - the root element of component
+   */
+  get config() {
+    return this._config;
+  }
+  constructor($root, config) {
+    super($root);
+    this._config = void 0;
+    const childConstructor = this.constructor;
+    if (!isObject(childConstructor.defaults)) {
+      throw new ConfigError(formatErrorMessage(childConstructor, 'Config passed as parameter into constructor but no defaults defined'));
+    }
+    const datasetConfig = normaliseDataset(childConstructor, this._$root.dataset);
+    this._config = mergeConfigs(childConstructor.defaults, config != null ? config : {}, this[configOverride](datasetConfig), datasetConfig);
+  }
+}
+function normaliseString(value, property) {
+  const trimmedValue = value ? value.trim() : '';
+  let output;
+  let outputType = property == null ? void 0 : property.type;
+  if (!outputType) {
+    if (['true', 'false'].includes(trimmedValue)) {
+      outputType = 'boolean';
+    }
+    if (trimmedValue.length > 0 && isFinite(Number(trimmedValue))) {
+      outputType = 'number';
+    }
+  }
+  switch (outputType) {
+    case 'boolean':
+      output = trimmedValue === 'true';
+      break;
+    case 'number':
+      output = Number(trimmedValue);
+      break;
+    default:
+      output = value;
+  }
+  return output;
+}
+function normaliseDataset(Component, dataset) {
+  if (!isObject(Component.schema)) {
+    throw new ConfigError(formatErrorMessage(Component, 'Config passed as parameter into constructor but no schema defined'));
+  }
+  const out = {};
+  const entries = Object.entries(Component.schema.properties);
+  for (const entry of entries) {
+    const [namespace, property] = entry;
+    const field = namespace.toString();
+    if (field in dataset) {
+      out[field] = normaliseString(dataset[field], property);
+    }
+    if ((property == null ? void 0 : property.type) === 'object') {
+      out[field] = extractConfigByNamespace(Component.schema, dataset, namespace);
+    }
+  }
+  return out;
+}
+function mergeConfigs(...configObjects) {
+  const formattedConfigObject = {};
+  for (const configObject of configObjects) {
+    for (const key of Object.keys(configObject)) {
+      const option = formattedConfigObject[key];
+      const override = configObject[key];
+      if (isObject(option) && isObject(override)) {
+        formattedConfigObject[key] = mergeConfigs(option, override);
+      } else {
+        formattedConfigObject[key] = override;
+      }
+    }
+  }
+  return formattedConfigObject;
+}
+function extractConfigByNamespace(schema, dataset, namespace) {
+  const property = schema.properties[namespace];
+  if ((property == null ? void 0 : property.type) !== 'object') {
+    return;
+  }
+  const newObject = {
+    [namespace]: {}
+  };
+  for (const [key, value] of Object.entries(dataset)) {
+    let current = newObject;
+    const keyParts = key.split('.');
+    for (const [index, name] of keyParts.entries()) {
+      if (isObject(current)) {
+        if (index < keyParts.length - 1) {
+          if (!isObject(current[name])) {
+            current[name] = {};
+          }
+          current = current[name];
+        } else if (key !== namespace) {
+          current[name] = normaliseString(value);
+        }
+      }
+    }
+  }
+  return newObject[namespace];
+}
+/**
+ * Schema for component config
+ *
+ * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType
+ * @typedef {object} Schema
+ * @property {Record<keyof ConfigurationType, SchemaProperty | undefined>} properties - Schema properties
+ * @property {SchemaCondition<ConfigurationType>[]} [anyOf] - List of schema conditions
+ */
+/**
+ * Schema property for component config
+ *
+ * @typedef {object} SchemaProperty
+ * @property {'string' | 'boolean' | 'number' | 'object'} type - Property type
+ */
+/**
+ * Schema condition for component config
+ *
+ * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType
+ * @typedef {object} SchemaCondition
+ * @property {(keyof ConfigurationType)[]} required - List of required config fields
+ * @property {string} errorMessage - Error message when required config fields not provided
+ */
+/**
+ * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]
+ * @typedef ChildClass
+ * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component
+ * @property {Schema<ConfigurationType>} [schema] - The schema of the component configuration
+ * @property {ConfigurationType} [defaults] - The default values of the configuration of the component
+ */
+/**
+ * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]
+ * @typedef {typeof Component & ChildClass<ConfigurationType>} ChildClassConstructor<ConfigurationType>
+ */
+/**
+ * @import { CompatibleClass, Config, CreateAllOptions, OnErrorCallback } from '../init.mjs'
+ */
+
+/**
+ * Notification Banner component
+ *
+ * @preserve
+ * @augments ConfigurableComponent<NotificationBannerConfig>
+ */
+class NotificationBanner extends ConfigurableComponent {
+  /**
+   * @param {Element | null} $root - HTML element to use for notification banner
+   * @param {NotificationBannerConfig} [config] - Notification banner config
+   */
+  constructor($root, config = {}) {
+    super($root, config);
+    if (this.$root.getAttribute('role') === 'alert' && !this.config.disableAutoFocus) {
+      setFocus(this.$root);
+    }
+  }
+}
+
+/**
+ * Notification banner config
+ *
+ * @typedef {object} NotificationBannerConfig
+ * @property {boolean} [disableAutoFocus=false] - If set to `true` the
+ *   notification banner will not be focussed when the page loads. This only
+ *   applies if the component has a `role` of `alert` – in other cases the
+ *   component will not be focused on page load, regardless of this option.
+ */
+
+/**
+ * @import { Schema } from '../../common/configuration.mjs'
+ */
+NotificationBanner.moduleName = 'govuk-notification-banner';
+NotificationBanner.defaults = Object.freeze({
+  disableAutoFocus: false
+});
+NotificationBanner.schema = Object.freeze({
+  properties: {
+    disableAutoFocus: {
+      type: 'boolean'
+    }
+  }
+});
+
+export { NotificationBanner };
+//# sourceMappingURL=notification-banner.bundle.mjs.map
diff --git a/app/templates/govuk/components/components/notification-banner/notification-banner.bundle.mjs.map b/app/templates/govuk/components/components/notification-banner/notification-banner.bundle.mjs.map
new file mode 100644
index 0000000..4294b03
--- /dev/null
+++ b/app/templates/govuk/components/components/notification-banner/notification-banner.bundle.mjs.map
@@ -0,0 +1 @@
+{"version":3,"file":"notification-banner.bundle.mjs","sources":["../../../../src/govuk/common/index.mjs","../../../../src/govuk/errors/index.mjs","../../../../src/govuk/component.mjs","../../../../src/govuk/common/configuration.mjs","../../../../src/govuk/components/notification-banner/notification-banner.mjs"],"sourcesContent":["/**\n * Common helpers which do not require polyfill.\n *\n * IMPORTANT: If a helper require a polyfill, please isolate it in its own module\n * so that the polyfill can be properly tree-shaken and does not burden\n * the components that do not need that helper\n */\n\n/**\n * Get GOV.UK Frontend breakpoint value from CSS custom property\n *\n * @private\n * @param {string} name - Breakpoint name\n * @returns {{ property: string, value?: string }} Breakpoint object\n */\nexport function getBreakpoint(name) {\n  const property = `--govuk-breakpoint-${name}`\n\n  // Get value from `<html>` with breakpoints on CSS :root\n  const value = window\n    .getComputedStyle(document.documentElement)\n    .getPropertyValue(property)\n\n  return {\n    property,\n    value: value || undefined\n  }\n}\n\n/**\n * Move focus to element\n *\n * Sets tabindex to -1 to make the element programmatically focusable,\n * but removes it on blur as the element doesn't need to be focused again.\n *\n * @private\n * @template {HTMLElement} FocusElement\n * @param {FocusElement} $element - HTML element\n * @param {object} [options] - Handler options\n * @param {function(this: FocusElement): void} [options.onBeforeFocus] - Callback before focus\n * @param {function(this: FocusElement): void} [options.onBlur] - Callback on blur\n */\nexport function setFocus($element, options = {}) {\n  const isFocusable = $element.getAttribute('tabindex')\n\n  if (!isFocusable) {\n    $element.setAttribute('tabindex', '-1')\n  }\n\n  /**\n   * Handle element focus\n   */\n  function onFocus() {\n    $element.addEventListener('blur', onBlur, { once: true })\n  }\n\n  /**\n   * Handle element blur\n   */\n  function onBlur() {\n    options.onBlur?.call($element)\n\n    if (!isFocusable) {\n      $element.removeAttribute('tabindex')\n    }\n  }\n\n  // Add listener to reset element on blur, after focus\n  $element.addEventListener('focus', onFocus, { once: true })\n\n  // Focus element\n  options.onBeforeFocus?.call($element)\n  $element.focus()\n}\n\n/**\n * Checks if component is already initialised\n *\n * @internal\n * @param {Element} $root - HTML element to be checked\n * @param {string} moduleName - name of component module\n * @returns {boolean} Whether component is already initialised\n */\nexport function isInitialised($root, moduleName) {\n  return (\n    $root instanceof HTMLElement &&\n    $root.hasAttribute(`data-${moduleName}-init`)\n  )\n}\n\n/**\n * Checks if GOV.UK Frontend is supported on this page\n *\n * Some browsers will load and run our JavaScript but GOV.UK Frontend\n * won't be supported.\n *\n * @param {HTMLElement | null} [$scope] - (internal) `<body>` HTML element checked for browser support\n * @returns {boolean} Whether GOV.UK Frontend is supported on this page\n */\nexport function isSupported($scope = document.body) {\n  if (!$scope) {\n    return false\n  }\n\n  return $scope.classList.contains('govuk-frontend-supported')\n}\n\n/**\n * Check for an array\n *\n * @internal\n * @param {unknown} option - Option to check\n * @returns {boolean} Whether the option is an array\n */\nfunction isArray(option) {\n  return Array.isArray(option)\n}\n\n/**\n * Check for an object\n *\n * @internal\n * @template {Partial<Record<keyof ObjectType, unknown>>} ObjectType\n * @param {unknown | ObjectType} option - Option to check\n * @returns {option is ObjectType} Whether the option is an object\n */\nexport function isObject(option) {\n  return !!option && typeof option === 'object' && !isArray(option)\n}\n\n/**\n * Check for valid scope\n *\n * @internal\n * @template {Element | Document} ScopeType\n * @param {unknown | ScopeType} $scope - Scope of the document to search within\n * @returns {$scope is ScopeType} Whether the scope can be queried\n */\nexport function isScope($scope) {\n  return !!$scope && ($scope instanceof Element || $scope instanceof Document)\n}\n\n/**\n * Format error message\n *\n * @internal\n * @param {ComponentWithModuleName} Component - Component that threw the error\n * @param {string} message - Error message\n * @returns {string} - Formatted error message\n */\nexport function formatErrorMessage(Component, message) {\n  return `${Component.moduleName}: ${message}`\n}\n\n/* eslint-disable jsdoc/valid-types --\n * `{new(...args: any[] ): object}` is not recognised as valid\n * https://github.com/gajus/eslint-plugin-jsdoc/issues/145#issuecomment-1308722878\n * https://github.com/jsdoc-type-pratt-parser/jsdoc-type-pratt-parser/issues/131\n **/\n\n/**\n * @typedef ComponentWithModuleName\n * @property {string} moduleName - Name of the component\n */\n\n/* eslint-enable jsdoc/valid-types */\n","import { formatErrorMessage, isObject } from '../common/index.mjs'\n\n/**\n * GOV.UK Frontend error\n *\n * A base class for `Error`s thrown by GOV.UK Frontend.\n *\n * It is meant to be extended into specific types of errors\n * to be thrown by our code.\n *\n * @example\n * ```js\n * class MissingRootError extends GOVUKFrontendError {\n *   // Setting an explicit name is important as extending the class will not\n *   // set a new `name` on the subclass. The `name` property is important\n *   // to ensure intelligible error names even if the class name gets\n *   // mangled by a minifier\n *   name = \"MissingRootError\"\n * }\n * ```\n * @virtual\n */\nexport class GOVUKFrontendError extends Error {\n  name = 'GOVUKFrontendError'\n}\n\n/**\n * Indicates that GOV.UK Frontend is not supported\n */\nexport class SupportError extends GOVUKFrontendError {\n  name = 'SupportError'\n\n  /**\n   * Checks if GOV.UK Frontend is supported on this page\n   *\n   * @param {HTMLElement | null} [$scope] - HTML element `<body>` checked for browser support\n   */\n  constructor($scope = document.body) {\n    const supportMessage =\n      'noModule' in HTMLScriptElement.prototype\n        ? 'GOV.UK Frontend initialised without `<body class=\"govuk-frontend-supported\">` from template `<script>` snippet'\n        : 'GOV.UK Frontend is not supported in this browser'\n\n    super(\n      $scope\n        ? supportMessage\n        : 'GOV.UK Frontend initialised without `<script type=\"module\">`'\n    )\n  }\n}\n\n/**\n * Indicates that a component has received an illegal configuration\n */\nexport class ConfigError extends GOVUKFrontendError {\n  name = 'ConfigError'\n}\n\n/**\n * Indicates an issue with an element (possibly `null` or `undefined`)\n */\nexport class ElementError extends GOVUKFrontendError {\n  name = 'ElementError'\n\n  /**\n   * @internal\n   * @overload\n   * @param {string} message - Element error message\n   */\n\n  /**\n   * @internal\n   * @overload\n   * @param {ElementErrorOptions} options - Element error options\n   */\n\n  /**\n   * @internal\n   * @param {string | ElementErrorOptions} messageOrOptions - Element error message or options\n   */\n  constructor(messageOrOptions) {\n    let message = typeof messageOrOptions === 'string' ? messageOrOptions : ''\n\n    // Build message from options\n    if (isObject(messageOrOptions)) {\n      const { component, identifier, element, expectedType } = messageOrOptions\n\n      message = identifier\n\n      // Append reason\n      message += element\n        ? ` is not of type ${expectedType ?? 'HTMLElement'}`\n        : ' not found'\n\n      // Prepend with module name (optional)\n      if (component) {\n        message = formatErrorMessage(component, message)\n      }\n    }\n\n    super(message)\n  }\n}\n\n/**\n * Indicates that a component is already initialised\n */\nexport class InitError extends GOVUKFrontendError {\n  name = 'InitError'\n\n  /**\n   * @internal\n   * @param {ComponentWithModuleName | string} componentOrMessage - name of the component module\n   */\n  constructor(componentOrMessage) {\n    const message =\n      typeof componentOrMessage === 'string'\n        ? componentOrMessage\n        : formatErrorMessage(\n            componentOrMessage,\n            `Root element (\\`$root\\`) already initialised`\n          )\n\n    super(message)\n  }\n}\n\n/**\n * Element error options\n *\n * @internal\n * @typedef {object} ElementErrorOptions\n * @property {Element | Document | null} [element] - The element in error (optional)\n * @property {ComponentWithModuleName} [component] - Component throwing the error (optional)\n * @property {string} identifier - An identifier that'll let the user understand which element has an error. This is whatever makes the most sense\n * @property {string} [expectedType] - The type that was expected for the identifier (optional)\n */\n\n/**\n * @import { ComponentWithModuleName } from '../common/index.mjs'\n */\n","import { isInitialised, isSupported } from './common/index.mjs'\nimport { ElementError, InitError, SupportError } from './errors/index.mjs'\n\n/**\n * Base Component class\n *\n * Centralises the behaviours shared by our components\n *\n * @virtual\n * @template {Element} [RootElementType=HTMLElement]\n */\nexport class Component {\n  /**\n   * @type {typeof Element}\n   */\n  static elementType = HTMLElement\n\n  // allows Typescript user to work around the lack of types\n  // in GOVUKFrontend package, Typescript is not aware of $root\n  // in components that extend GOVUKFrontendComponent\n  /**\n   * Returns the root element of the component\n   *\n   * @protected\n   * @returns {RootElementType} - the root element of component\n   */\n  get $root() {\n    return this._$root\n  }\n\n  /**\n   * @protected\n   * @type {RootElementType}\n   */\n  _$root\n\n  /**\n   * Constructs a new component, validating that GOV.UK Frontend is supported\n   *\n   * @internal\n   * @param {Element | null} [$root] - HTML element to use for component\n   */\n  constructor($root) {\n    const childConstructor = /** @type {ChildClassConstructor} */ (\n      this.constructor\n    )\n\n    // TypeScript does not enforce that inheriting classes will define a `moduleName`\n    // (even if we add a `@virtual` `static moduleName` property to this class).\n    // While we trust users to do this correctly, we do a little check to provide them\n    // a helpful error message.\n    //\n    // After this, we'll be sure that `childConstructor` has a `moduleName`\n    // as expected of the `ChildClassConstructor` we've cast `this.constructor` to.\n    if (typeof childConstructor.moduleName !== 'string') {\n      throw new InitError(`\\`moduleName\\` not defined in component`)\n    }\n\n    if (!($root instanceof childConstructor.elementType)) {\n      throw new ElementError({\n        element: $root,\n        component: childConstructor,\n        identifier: 'Root element (`$root`)',\n        expectedType: childConstructor.elementType.name\n      })\n    } else {\n      this._$root = /** @type {RootElementType} */ ($root)\n    }\n\n    childConstructor.checkSupport()\n\n    this.checkInitialised()\n\n    const moduleName = childConstructor.moduleName\n\n    this.$root.setAttribute(`data-${moduleName}-init`, '')\n  }\n\n  /**\n   * Validates whether component is already initialised\n   *\n   * @private\n   * @throws {InitError} when component is already initialised\n   */\n  checkInitialised() {\n    const constructor = /** @type {ChildClassConstructor} */ (this.constructor)\n    const moduleName = constructor.moduleName\n\n    if (moduleName && isInitialised(this.$root, moduleName)) {\n      throw new InitError(constructor)\n    }\n  }\n\n  /**\n   * Validates whether components are supported\n   *\n   * @throws {SupportError} when the components are not supported\n   */\n  static checkSupport() {\n    if (!isSupported()) {\n      throw new SupportError()\n    }\n  }\n}\n\n/**\n * @typedef ChildClass\n * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component\n */\n\n/**\n * @typedef {typeof Component & ChildClass} ChildClassConstructor\n */\n","import { Component } from '../component.mjs'\nimport { ConfigError } from '../errors/index.mjs'\n\nimport { isObject, isScope, formatErrorMessage } from './index.mjs'\n\nexport const configOverride = Symbol.for('configOverride')\n\n/**\n * Base Component class\n *\n * Centralises the behaviours shared by our components\n *\n * @virtual\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]\n * @template {Element & { dataset: DOMStringMap }} [RootElementType=HTMLElement]\n * @augments Component<RootElementType>\n */\nexport class ConfigurableComponent extends Component {\n  /**\n   * configOverride\n   *\n   * Function which defines configuration overrides to prioritize\n   * properties from the root element's dataset.\n   *\n   * It should take a subset of configuration as input and return\n   * a new configuration object with properties that should be\n   * overridden based on the root element's dataset. A Symbol\n   * is used for indexing to prevent conflicts.\n   *\n   * @internal\n   * @virtual\n   * @param {Partial<ConfigurationType>} [param] - Configuration object\n   * @returns {Partial<ConfigurationType>} return - Configuration object\n   */\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  [configOverride](param) {\n    return {}\n  }\n\n  /**\n   * Returns the root element of the component\n   *\n   * @protected\n   * @returns {ConfigurationType} - the root element of component\n   */\n  get config() {\n    return this._config\n  }\n\n  /**\n   *\n   * @type {ConfigurationType}\n   */\n  _config\n\n  /**\n   * Constructs a new component, validating that GOV.UK Frontend is supported\n   *\n   * @internal\n   * @param {Element | null} [$root] - HTML element to use for component\n   * @param {ConfigurationType} [config] - HTML element to use for component\n   */\n  constructor($root, config) {\n    super($root)\n\n    const childConstructor =\n      /** @type {ChildClassConstructor<ConfigurationType>} */ (this.constructor)\n\n    if (!isObject(childConstructor.defaults)) {\n      throw new ConfigError(\n        formatErrorMessage(\n          childConstructor,\n          'Config passed as parameter into constructor but no defaults defined'\n        )\n      )\n    }\n\n    const datasetConfig = /** @type {ConfigurationType} */ (\n      normaliseDataset(childConstructor, this._$root.dataset)\n    )\n\n    this._config = /** @type {ConfigurationType} */ (\n      mergeConfigs(\n        childConstructor.defaults,\n        config ?? {},\n        this[configOverride](datasetConfig),\n        datasetConfig\n      )\n    )\n  }\n}\n\n/**\n * Normalise string\n *\n * 'If it looks like a duck, and it quacks like a duck…' 🦆\n *\n * If the passed value looks like a boolean or a number, convert it to a boolean\n * or number.\n *\n * Designed to be used to convert config passed via data attributes (which are\n * always strings) into something sensible.\n *\n * @internal\n * @param {DOMStringMap[string]} value - The value to normalise\n * @param {SchemaProperty} [property] - Component schema property\n * @returns {string | boolean | number | undefined} Normalised data\n */\nexport function normaliseString(value, property) {\n  const trimmedValue = value ? value.trim() : ''\n\n  let output\n  let outputType = property?.type\n\n  // No schema type set? Determine automatically\n  if (!outputType) {\n    if (['true', 'false'].includes(trimmedValue)) {\n      outputType = 'boolean'\n    }\n\n    // Empty / whitespace-only strings are considered finite so we need to check\n    // the length of the trimmed string as well\n    if (trimmedValue.length > 0 && isFinite(Number(trimmedValue))) {\n      outputType = 'number'\n    }\n  }\n\n  switch (outputType) {\n    case 'boolean':\n      output = trimmedValue === 'true'\n      break\n\n    case 'number':\n      output = Number(trimmedValue)\n      break\n\n    default:\n      output = value\n  }\n\n  return output\n}\n\n/**\n * Normalise dataset\n *\n * Loop over an object and normalise each value using {@link normaliseString},\n * optionally expanding nested `i18n.field`\n *\n * @internal\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @template {[keyof ConfigurationType, SchemaProperty | undefined][]} SchemaEntryType\n * @param {{ schema?: Schema<ConfigurationType>, moduleName: string }} Component - Component class\n * @param {DOMStringMap} dataset - HTML element dataset\n * @returns {ObjectNested} Normalised dataset\n */\nexport function normaliseDataset(Component, dataset) {\n  if (!isObject(Component.schema)) {\n    throw new ConfigError(\n      formatErrorMessage(\n        Component,\n        'Config passed as parameter into constructor but no schema defined'\n      )\n    )\n  }\n\n  const out = /** @type {ObjectNested} */ ({})\n  const entries = /** @type {SchemaEntryType} */ (\n    Object.entries(Component.schema.properties)\n  )\n\n  // Normalise top-level dataset ('data-*') values using schema types\n  for (const entry of entries) {\n    const [namespace, property] = entry\n\n    // Cast the `namespace` to string so it can be used to access the dataset\n    const field = namespace.toString()\n\n    if (field in dataset) {\n      out[field] = normaliseString(dataset[field], property)\n    }\n\n    /**\n     * Extract and normalise nested object values automatically using\n     * {@link normaliseString} but only schema object types are allowed\n     */\n    if (property?.type === 'object') {\n      out[field] = extractConfigByNamespace(\n        Component.schema,\n        dataset,\n        namespace\n      )\n    }\n  }\n\n  return out\n}\n\n/**\n * Normalise options passed to `initAll` or `createAll`\n *\n * @internal\n * @template {CompatibleClass} ComponentClass\n * @param {Config | CreateAllOptions<ComponentClass> | OnErrorCallback<ComponentClass> | Element | Document | null} [scopeOrOptions] - Scope of the document to search within, initialisation options or error callback function\n * @returns {CreateAllOptions<ComponentClass>} Normalised options\n */\nexport function normaliseOptions(scopeOrOptions) {\n  let /** @type {Element | Document | null} */ $scope = document\n  let /** @type {OnErrorCallback<ComponentClass> | undefined} */ onError\n\n  // Handle options object\n  if (isObject(scopeOrOptions)) {\n    const options = scopeOrOptions\n\n    // Scope must be valid or null\n    if (isScope(options.scope) || options.scope === null) {\n      $scope = options.scope\n    }\n\n    // Error handler must be a function\n    if (typeof options.onError === 'function') {\n      onError = options.onError\n    }\n  }\n\n  if (isScope(scopeOrOptions)) {\n    $scope = scopeOrOptions\n  } else if (scopeOrOptions === null) {\n    $scope = null\n  } else if (typeof scopeOrOptions === 'function') {\n    onError = scopeOrOptions\n  }\n\n  return {\n    scope: $scope,\n    onError\n  }\n}\n\n/**\n * Config merging function\n *\n * Takes any number of objects and combines them together, with\n * greatest priority on the LAST item passed in.\n *\n * @internal\n * @param {...{ [key: string]: unknown }} configObjects - Config objects to merge\n * @returns {{ [key: string]: unknown }} A merged config object\n */\nexport function mergeConfigs(...configObjects) {\n  // Start with an empty object as our base\n  /** @type {{ [key: string]: unknown }} */\n  const formattedConfigObject = {}\n\n  // Loop through each of the passed objects\n  for (const configObject of configObjects) {\n    for (const key of Object.keys(configObject)) {\n      const option = formattedConfigObject[key]\n      const override = configObject[key]\n\n      // Push their keys one-by-one into formattedConfigObject. Any duplicate\n      // keys with object values will be merged, otherwise the new value will\n      // override the existing value.\n      if (isObject(option) && isObject(override)) {\n        formattedConfigObject[key] = mergeConfigs(option, override)\n      } else {\n        // Apply override\n        formattedConfigObject[key] = override\n      }\n    }\n  }\n\n  return formattedConfigObject\n}\n\n/**\n * Validate component config by schema\n *\n * Follows limited examples in JSON schema for wider support in future\n *\n * {@link https://ajv.js.org/json-schema.html#compound-keywords}\n * {@link https://ajv.js.org/packages/ajv-errors.html#single-message}\n *\n * @internal\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @param {Schema<ConfigurationType>} schema - The schema of a component\n * @param {ConfigurationType} config - Component config\n * @returns {string[]} List of validation errors\n */\nexport function validateConfig(schema, config) {\n  const validationErrors = []\n\n  // Check errors for each schema\n  for (const [name, conditions] of Object.entries(schema)) {\n    const errors = []\n\n    // Check errors for each schema condition\n    if (Array.isArray(conditions)) {\n      for (const { required, errorMessage } of conditions) {\n        if (!required.every((key) => !!config[key])) {\n          errors.push(errorMessage) // Missing config key value\n        }\n      }\n\n      // Check one condition passes or add errors\n      if (name === 'anyOf' && !(conditions.length - errors.length >= 1)) {\n        validationErrors.push(...errors)\n      }\n    }\n  }\n\n  return validationErrors\n}\n\n/**\n * Extracts keys starting with a particular namespace from dataset ('data-*')\n * object, removing the namespace in the process, normalising all values\n *\n * @internal\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @param {Schema<ConfigurationType>} schema - The schema of a component\n * @param {DOMStringMap} dataset - The object to extract key-value pairs from\n * @param {keyof ConfigurationType} namespace - The namespace to filter keys with\n * @returns {ObjectNested | undefined} Nested object with dot-separated key namespace removed\n */\nexport function extractConfigByNamespace(schema, dataset, namespace) {\n  const property = schema.properties[namespace]\n\n  // Only extract configs for object schema properties\n  if (property?.type !== 'object') {\n    return\n  }\n\n  // Add default empty config\n  const newObject = /** @type {Record<typeof namespace, ObjectNested>} */ ({\n    [namespace]: {}\n  })\n\n  for (const [key, value] of Object.entries(dataset)) {\n    /** @type {ObjectNested | ObjectNested[NestedKey]} */\n    let current = newObject\n\n    // Split the key into parts, using . as our namespace separator\n    const keyParts = key.split('.')\n\n    /**\n     * Create new level per part\n     *\n     * e.g. 'i18n.textareaDescription.other' becomes\n     * `{ i18n: { textareaDescription: { other } } }`\n     */\n    for (const [index, name] of keyParts.entries()) {\n      if (isObject(current)) {\n        // Drop down to nested object until the last part\n        if (index < keyParts.length - 1) {\n          // New nested object (optionally) replaces existing value\n          if (!isObject(current[name])) {\n            current[name] = {}\n          }\n\n          // Drop down into new or existing nested object\n          current = current[name]\n        } else if (key !== namespace) {\n          // Normalised value (optionally) replaces existing value\n          current[name] = normaliseString(value)\n        }\n      }\n    }\n  }\n\n  return newObject[namespace]\n}\n\n/**\n * @internal\n * @typedef {keyof ObjectNested} NestedKey\n * @typedef {{ [key: string]: string | boolean | number | ObjectNested | undefined }} ObjectNested\n */\n\n/**\n * Schema for component config\n *\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @typedef {object} Schema\n * @property {Record<keyof ConfigurationType, SchemaProperty | undefined>} properties - Schema properties\n * @property {SchemaCondition<ConfigurationType>[]} [anyOf] - List of schema conditions\n */\n\n/**\n * Schema property for component config\n *\n * @typedef {object} SchemaProperty\n * @property {'string' | 'boolean' | 'number' | 'object'} type - Property type\n */\n\n/**\n * Schema condition for component config\n *\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @typedef {object} SchemaCondition\n * @property {(keyof ConfigurationType)[]} required - List of required config fields\n * @property {string} errorMessage - Error message when required config fields not provided\n */\n\n/**\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]\n * @typedef ChildClass\n * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component\n * @property {Schema<ConfigurationType>} [schema] - The schema of the component configuration\n * @property {ConfigurationType} [defaults] - The default values of the configuration of the component\n */\n\n/**\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]\n * @typedef {typeof Component & ChildClass<ConfigurationType>} ChildClassConstructor<ConfigurationType>\n */\n\n/**\n * @import { CompatibleClass, Config, CreateAllOptions, OnErrorCallback } from '../init.mjs'\n */\n","import { ConfigurableComponent } from '../../common/configuration.mjs'\nimport { setFocus } from '../../common/index.mjs'\n\n/**\n * Notification Banner component\n *\n * @preserve\n * @augments ConfigurableComponent<NotificationBannerConfig>\n */\nexport class NotificationBanner extends ConfigurableComponent {\n  /**\n   * @param {Element | null} $root - HTML element to use for notification banner\n   * @param {NotificationBannerConfig} [config] - Notification banner config\n   */\n  constructor($root, config = {}) {\n    super($root, config)\n\n    /**\n     * Focus the notification banner\n     *\n     * If `role=\"alert\"` is set, focus the element to help some assistive\n     * technologies prioritise announcing it.\n     *\n     * You can turn off the auto-focus functionality by setting\n     * `data-disable-auto-focus=\"true\"` in the component HTML. You might wish to\n     * do this based on user research findings, or to avoid a clash with another\n     * element which should be focused when the page loads.\n     */\n    if (\n      this.$root.getAttribute('role') === 'alert' &&\n      !this.config.disableAutoFocus\n    ) {\n      setFocus(this.$root)\n    }\n  }\n\n  /**\n   * Name for the component used when initialising using data-module attributes.\n   */\n  static moduleName = 'govuk-notification-banner'\n\n  /**\n   * Notification banner default config\n   *\n   * @see {@link NotificationBannerConfig}\n   * @constant\n   * @type {NotificationBannerConfig}\n   */\n  static defaults = Object.freeze({\n    disableAutoFocus: false\n  })\n\n  /**\n   * Notification banner config schema\n   *\n   * @constant\n   * @satisfies {Schema<NotificationBannerConfig>}\n   */\n  static schema = Object.freeze({\n    properties: {\n      disableAutoFocus: { type: 'boolean' }\n    }\n  })\n}\n\n/**\n * Notification banner config\n *\n * @typedef {object} NotificationBannerConfig\n * @property {boolean} [disableAutoFocus=false] - If set to `true` the\n *   notification banner will not be focussed when the page loads. This only\n *   applies if the component has a `role` of `alert` – in other cases the\n *   component will not be focused on page load, regardless of this option.\n */\n\n/**\n * @import { Schema } from '../../common/configuration.mjs'\n */\n"],"names":["setFocus","$element","options","_options$onBeforeFocu","isFocusable","getAttribute","setAttribute","onFocus","addEventListener","onBlur","once","_options$onBlur","call","removeAttribute","onBeforeFocus","focus","isInitialised","$root","moduleName","HTMLElement","hasAttribute","isSupported","$scope","document","body","classList","contains","isArray","option","Array","isObject","formatErrorMessage","Component","message","GOVUKFrontendError","Error","constructor","args","name","SupportError","supportMessage","HTMLScriptElement","prototype","ConfigError","ElementError","messageOrOptions","component","identifier","element","expectedType","InitError","componentOrMessage","_$root","childConstructor","elementType","checkSupport","checkInitialised","configOverride","Symbol","for","ConfigurableComponent","param","config","_config","defaults","datasetConfig","normaliseDataset","dataset","mergeConfigs","normaliseString","value","property","trimmedValue","trim","output","outputType","type","includes","length","isFinite","Number","schema","out","entries","Object","properties","entry","namespace","field","toString","extractConfigByNamespace","configObjects","formattedConfigObject","configObject","key","keys","override","newObject","current","keyParts","split","index","NotificationBanner","disableAutoFocus","freeze"],"mappings":"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"}
\ No newline at end of file
diff --git a/app/templates/govuk/components/components/notification-banner/notification-banner.mjs b/app/templates/govuk/components/components/notification-banner/notification-banner.mjs
new file mode 100644
index 0000000..62f89b5
--- /dev/null
+++ b/app/templates/govuk/components/components/notification-banner/notification-banner.mjs
@@ -0,0 +1,49 @@
+import { ConfigurableComponent } from '../../common/configuration.mjs';
+import { setFocus } from '../../common/index.mjs';
+
+/**
+ * Notification Banner component
+ *
+ * @preserve
+ * @augments ConfigurableComponent<NotificationBannerConfig>
+ */
+class NotificationBanner extends ConfigurableComponent {
+  /**
+   * @param {Element | null} $root - HTML element to use for notification banner
+   * @param {NotificationBannerConfig} [config] - Notification banner config
+   */
+  constructor($root, config = {}) {
+    super($root, config);
+    if (this.$root.getAttribute('role') === 'alert' && !this.config.disableAutoFocus) {
+      setFocus(this.$root);
+    }
+  }
+}
+
+/**
+ * Notification banner config
+ *
+ * @typedef {object} NotificationBannerConfig
+ * @property {boolean} [disableAutoFocus=false] - If set to `true` the
+ *   notification banner will not be focussed when the page loads. This only
+ *   applies if the component has a `role` of `alert` – in other cases the
+ *   component will not be focused on page load, regardless of this option.
+ */
+
+/**
+ * @import { Schema } from '../../common/configuration.mjs'
+ */
+NotificationBanner.moduleName = 'govuk-notification-banner';
+NotificationBanner.defaults = Object.freeze({
+  disableAutoFocus: false
+});
+NotificationBanner.schema = Object.freeze({
+  properties: {
+    disableAutoFocus: {
+      type: 'boolean'
+    }
+  }
+});
+
+export { NotificationBanner };
+//# sourceMappingURL=notification-banner.mjs.map
diff --git a/app/templates/govuk/components/components/notification-banner/notification-banner.mjs.map b/app/templates/govuk/components/components/notification-banner/notification-banner.mjs.map
new file mode 100644
index 0000000..507dd5d
--- /dev/null
+++ b/app/templates/govuk/components/components/notification-banner/notification-banner.mjs.map
@@ -0,0 +1 @@
+{"version":3,"file":"notification-banner.mjs","sources":["../../../../src/govuk/components/notification-banner/notification-banner.mjs"],"sourcesContent":["import { ConfigurableComponent } from '../../common/configuration.mjs'\nimport { setFocus } from '../../common/index.mjs'\n\n/**\n * Notification Banner component\n *\n * @preserve\n * @augments ConfigurableComponent<NotificationBannerConfig>\n */\nexport class NotificationBanner extends ConfigurableComponent {\n  /**\n   * @param {Element | null} $root - HTML element to use for notification banner\n   * @param {NotificationBannerConfig} [config] - Notification banner config\n   */\n  constructor($root, config = {}) {\n    super($root, config)\n\n    /**\n     * Focus the notification banner\n     *\n     * If `role=\"alert\"` is set, focus the element to help some assistive\n     * technologies prioritise announcing it.\n     *\n     * You can turn off the auto-focus functionality by setting\n     * `data-disable-auto-focus=\"true\"` in the component HTML. You might wish to\n     * do this based on user research findings, or to avoid a clash with another\n     * element which should be focused when the page loads.\n     */\n    if (\n      this.$root.getAttribute('role') === 'alert' &&\n      !this.config.disableAutoFocus\n    ) {\n      setFocus(this.$root)\n    }\n  }\n\n  /**\n   * Name for the component used when initialising using data-module attributes.\n   */\n  static moduleName = 'govuk-notification-banner'\n\n  /**\n   * Notification banner default config\n   *\n   * @see {@link NotificationBannerConfig}\n   * @constant\n   * @type {NotificationBannerConfig}\n   */\n  static defaults = Object.freeze({\n    disableAutoFocus: false\n  })\n\n  /**\n   * Notification banner config schema\n   *\n   * @constant\n   * @satisfies {Schema<NotificationBannerConfig>}\n   */\n  static schema = Object.freeze({\n    properties: {\n      disableAutoFocus: { type: 'boolean' }\n    }\n  })\n}\n\n/**\n * Notification banner config\n *\n * @typedef {object} NotificationBannerConfig\n * @property {boolean} [disableAutoFocus=false] - If set to `true` the\n *   notification banner will not be focussed when the page loads. This only\n *   applies if the component has a `role` of `alert` – in other cases the\n *   component will not be focused on page load, regardless of this option.\n */\n\n/**\n * @import { Schema } from '../../common/configuration.mjs'\n */\n"],"names":["NotificationBanner","ConfigurableComponent","constructor","$root","config","getAttribute","disableAutoFocus","setFocus","moduleName","defaults","Object","freeze","schema","properties","type"],"mappings":";;;AAGA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMA,kBAAkB,SAASC,qBAAqB,CAAC;AAC5D;AACF;AACA;AACA;AACEC,EAAAA,WAAWA,CAACC,KAAK,EAAEC,MAAM,GAAG,EAAE,EAAE;AAC9B,IAAA,KAAK,CAACD,KAAK,EAAEC,MAAM,CAAC;AAapB,IAAA,IACE,IAAI,CAACD,KAAK,CAACE,YAAY,CAAC,MAAM,CAAC,KAAK,OAAO,IAC3C,CAAC,IAAI,CAACD,MAAM,CAACE,gBAAgB,EAC7B;AACAC,MAAAA,QAAQ,CAAC,IAAI,CAACJ,KAAK,CAAC;AACtB,IAAA;AACF,EAAA;AA6BF;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AApEaH,kBAAkB,CA8BtBQ,UAAU,GAAG,2BAA2B;AA9BpCR,kBAAkB,CAuCtBS,QAAQ,GAAGC,MAAM,CAACC,MAAM,CAAC;AAC9BL,EAAAA,gBAAgB,EAAE;AACpB,CAAC,CAAC;AAzCSN,kBAAkB,CAiDtBY,MAAM,GAAGF,MAAM,CAACC,MAAM,CAAC;AAC5BE,EAAAA,UAAU,EAAE;AACVP,IAAAA,gBAAgB,EAAE;AAAEQ,MAAAA,IAAI,EAAE;AAAU;AACtC;AACF,CAAC,CAAC;;;;"}
\ No newline at end of file
diff --git a/app/templates/govuk/components/components/notification-banner/template-default.html b/app/templates/govuk/components/components/notification-banner/template-default.html
new file mode 100644
index 0000000..6021cbb
--- /dev/null
+++ b/app/templates/govuk/components/components/notification-banner/template-default.html
@@ -0,0 +1,12 @@
+<div class="govuk-notification-banner" role="region" aria-labelledby="govuk-notification-banner-title" data-module="govuk-notification-banner">
+  <div class="govuk-notification-banner__header">
+    <h2 class="govuk-notification-banner__title" id="govuk-notification-banner-title">
+      Important
+    </h2>
+  </div>
+  <div class="govuk-notification-banner__content">
+    <p class="govuk-notification-banner__heading">
+      This publication was withdrawn on 7 March 2014.
+    </p>
+  </div>
+</div>
diff --git a/app/templates/govuk/components/components/notification-banner/template-with-long-heading.html b/app/templates/govuk/components/components/notification-banner/template-with-long-heading.html
new file mode 100644
index 0000000..4d52646
--- /dev/null
+++ b/app/templates/govuk/components/components/notification-banner/template-with-long-heading.html
@@ -0,0 +1,12 @@
+<div class="govuk-notification-banner" role="region" aria-labelledby="govuk-notification-banner-title" data-module="govuk-notification-banner">
+  <div class="govuk-notification-banner__header">
+    <h2 class="govuk-notification-banner__title" id="govuk-notification-banner-title">
+      Important
+    </h2>
+  </div>
+  <div class="govuk-notification-banner__content">
+    <p class="govuk-notification-banner__heading">
+      This publication was withdrawn on 7 March 2014, before being sent in, sent back, queried, lost, found, subjected to public inquiry, lost again, and finally buried in soft peat for three months and recycled as firelighters.
+    </p>
+  </div>
+</div>
diff --git a/app/templates/govuk/components/components/notification-banner/template-with-lots-of-content.html b/app/templates/govuk/components/components/notification-banner/template-with-lots-of-content.html
new file mode 100644
index 0000000..100b4d4
--- /dev/null
+++ b/app/templates/govuk/components/components/notification-banner/template-with-lots-of-content.html
@@ -0,0 +1,19 @@
+<div class="govuk-notification-banner" role="region" aria-labelledby="govuk-notification-banner-title" data-module="govuk-notification-banner">
+  <div class="govuk-notification-banner__header">
+    <h2 class="govuk-notification-banner__title" id="govuk-notification-banner-title">
+      Important
+    </h2>
+  </div>
+  <div class="govuk-notification-banner__content">
+    <h3 class="govuk-notification-banner__heading">
+      Check if you need to apply the reverse charge to this application
+    </h3>
+    <p class="govuk-body">
+      You will have to apply the <a href="#" class="govuk-notification-banner__link">reverse charge</a> if the applicant supplies any of these services:
+    </p>
+    <ul class="govuk-list govuk-list--bullet govuk-list--spaced">
+      <li>constructing, altering, repairing, extending, demolishing or dismantling buildings or structures (whether permanent or not), including offshore installation services</li>
+      <li>constructing, altering, repairing, extending, demolishing of any works forming, or planned to form, part of the land, including (in particular) walls, roadworks, power lines, electronic communications equipment, aircraft runways, railways, inland waterways, docks and harbours</li>
+    </ul>
+  </div>
+</div>
diff --git a/app/templates/govuk/components/components/notification-banner/template-with-text-as-html.html b/app/templates/govuk/components/components/notification-banner/template-with-text-as-html.html
new file mode 100644
index 0000000..b9d1d57
--- /dev/null
+++ b/app/templates/govuk/components/components/notification-banner/template-with-text-as-html.html
@@ -0,0 +1,21 @@
+<div class="govuk-notification-banner" role="region" aria-labelledby="govuk-notification-banner-title" data-module="govuk-notification-banner">
+  <div class="govuk-notification-banner__header">
+    <h2 class="govuk-notification-banner__title" id="govuk-notification-banner-title">
+      Important
+    </h2>
+  </div>
+  <div class="govuk-notification-banner__content">
+    <h3 class="govuk-notification-banner__heading">
+      This publication was withdrawn on 7 March 2014
+    </h3>
+    <p class="govuk-body">
+      The following 4 files are available
+    </p>
+    <ul class="govuk-list govuk-list--bullet govuk-!-margin-bottom-0">
+      <li><a href="#" class="govuk-notification-banner__link">government-strategy.pdf</a></li>
+      <li><a href="#" class="govuk-notification-banner__link">government-strategy-v2.pdf</a></li>
+      <li><a href="#" class="govuk-notification-banner__link">government-strategy-v3-FINAL.pdf</a></li>
+      <li><a href="#" class="govuk-notification-banner__link">government-strategy-v4-FINAL-v2.pdf</a></li>
+    </ul>
+  </div>
+</div>
diff --git a/app/templates/govuk/components/components/notification-banner/template-with-type-as-success.html b/app/templates/govuk/components/components/notification-banner/template-with-type-as-success.html
new file mode 100644
index 0000000..7dd7a89
--- /dev/null
+++ b/app/templates/govuk/components/components/notification-banner/template-with-type-as-success.html
@@ -0,0 +1,12 @@
+<div class="govuk-notification-banner govuk-notification-banner--success" role="alert" aria-labelledby="govuk-notification-banner-title" data-module="govuk-notification-banner">
+  <div class="govuk-notification-banner__header">
+    <h2 class="govuk-notification-banner__title" id="govuk-notification-banner-title">
+      Success
+    </h2>
+  </div>
+  <div class="govuk-notification-banner__content">
+    <p class="govuk-notification-banner__heading">
+      Email sent to example@email.com
+    </p>
+  </div>
+</div>
diff --git a/app/templates/govuk/components/components/notification-banner/template.njk b/app/templates/govuk/components/components/notification-banner/template.njk
new file mode 100644
index 0000000..62080d7
--- /dev/null
+++ b/app/templates/govuk/components/components/notification-banner/template.njk
@@ -0,0 +1,49 @@
+{% from "../../macros/attributes.njk" import govukAttributes %}
+
+{%- if params.type == "success" %}
+  {% set successBanner = true %}
+{% endif %}
+
+{%- if successBanner %}
+  {% set typeClass = "govuk-notification-banner--" + params.type %}
+{% endif %}
+
+{%- if params.role %}
+  {% set role = params.role %}
+{% elif successBanner %}
+  {#- If type is success, add `role="alert"` to prioritise the information in the notification banner to users of assistive technologies -#}
+  {% set role = "alert" %}
+{% else %}
+  {#- Otherwise add `role="region"` to make the notification banner a landmark to help users of assistive technologies to navigate to the banner -#}
+  {% set role = "region" %}
+{% endif %}
+
+{%- if params.titleHtml %}
+  {% set title = params.titleHtml | safe %}
+{%- elif params.titleText %}
+  {% set title = params.titleText %}
+{%- elif successBanner %}
+  {% set title = "Success" %}
+{%- else %}
+  {% set title = "Important" %}
+{%- endif -%}
+
+<div class="govuk-notification-banner {%- if typeClass %} {{ typeClass }}{% endif %}{% if params.classes %} {{ params.classes }}{% endif %}" role="{{ role }}" aria-labelledby="{{ params.titleId | default("govuk-notification-banner-title", true) }}" data-module="govuk-notification-banner"
+  {%- if params.disableAutoFocus !== undefined %} data-disable-auto-focus="{{ params.disableAutoFocus }}"{% endif %}
+  {{- govukAttributes(params.attributes) }}>
+  <div class="govuk-notification-banner__header">
+    <h{{ params.titleHeadingLevel | default(2, true) }} class="govuk-notification-banner__title" id="{{ params.titleId | default("govuk-notification-banner-title", true) }}">
+      {{ title }}
+    </h{{ params.titleHeadingLevel | default(2, true) }}>
+  </div>
+  <div class="govuk-notification-banner__content">
+  {% if caller or params.html %}
+    {{ caller() if caller else params.html | safe | trim | indent(4) }}
+  {% elif params.text %}
+    {# Set default style for single line content -#}
+    <p class="govuk-notification-banner__heading">
+      {{ params.text | trim | indent(6) }}
+    </p>
+  {% endif %}
+  </div>
+</div>
diff --git a/app/templates/govuk/components/components/pagination/README.md b/app/templates/govuk/components/components/pagination/README.md
new file mode 100644
index 0000000..8b4f196
--- /dev/null
+++ b/app/templates/govuk/components/components/pagination/README.md
@@ -0,0 +1,15 @@
+# Pagination
+
+## Installation
+
+See the [main README quick start guide](https://github.com/alphagov/govuk-frontend#quick-start) for how to install this component.
+
+## Guidance and Examples
+
+Find out when to use the pagination component in your service in the [GOV.UK Design System](https://design-system.service.gov.uk/components/pagination).
+
+## Component options
+
+Use options to customise the appearance, content and behaviour of a component when using a macro, for example, changing the text.
+
+See [options table](https://design-system.service.gov.uk/components/details/#options-pagination-example) for details.
diff --git a/app/templates/govuk/components/components/pagination/_index.scss b/app/templates/govuk/components/components/pagination/_index.scss
new file mode 100644
index 0000000..9c90b8d
--- /dev/null
+++ b/app/templates/govuk/components/components/pagination/_index.scss
@@ -0,0 +1,232 @@
+@include govuk-exports("govuk/component/pagination") {
+  // Flexbox enhancement for small screen visual design
+  // Falls back to a float: left layout on non-flex browsers
+  .govuk-pagination {
+    @include govuk-responsive-margin(6, "bottom");
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    flex-wrap: wrap;
+
+    @include govuk-media-query($from: tablet) {
+      flex-direction: row;
+      align-items: flex-start;
+    }
+  }
+
+  .govuk-pagination__list {
+    margin: 0;
+    padding: 0;
+    list-style: none;
+  }
+
+  .govuk-pagination__item,
+  .govuk-pagination__next,
+  .govuk-pagination__prev {
+    @include govuk-font(19);
+    box-sizing: border-box;
+    position: relative;
+    min-width: 45px;
+    min-height: 45px;
+    padding: govuk-spacing(2) govuk-spacing(3);
+    float: left; // Float is ignored if flex is active for prev/next links
+
+    &:hover {
+      background-color: govuk-colour("light-grey");
+    }
+  }
+
+  .govuk-pagination__item {
+    // Hide items on small screens except the prev/next items,
+    // non-link items and the first and last items
+    display: none;
+
+    // Center align pagination links in their parent list item so that they
+    // visually sit in the middle of their touch area
+    text-align: center;
+
+    @include govuk-media-query($from: tablet) {
+      display: block;
+    }
+  }
+
+  .govuk-pagination__prev,
+  .govuk-pagination__next {
+    @include govuk-typography-weight-bold;
+
+    // Use flex to avoid extra space being introduced when whitespace exists
+    // between the arrow svg and the link text
+    .govuk-pagination__link {
+      display: flex;
+      align-items: center;
+    }
+  }
+
+  .govuk-pagination__prev {
+    padding-left: 0;
+  }
+
+  .govuk-pagination__next {
+    padding-right: 0;
+  }
+
+  // Only show first, last and non-link items on mobile
+  .govuk-pagination__item--current,
+  .govuk-pagination__item--ellipses,
+  .govuk-pagination__item:first-child,
+  .govuk-pagination__item:last-child {
+    display: block;
+  }
+
+  .govuk-pagination__item--current {
+    @include govuk-typography-weight-bold;
+    outline: 1px solid transparent;
+    background-color: $govuk-link-colour;
+
+    &:hover {
+      background-color: $govuk-link-colour;
+    }
+
+    .govuk-pagination__link {
+      @include govuk-link-style-inverse;
+    }
+  }
+
+  .govuk-pagination__item--ellipses {
+    @include govuk-typography-weight-bold;
+    color: $govuk-secondary-text-colour;
+
+    // Remove hover state for ellipsis items as they don't contain links
+    &:hover {
+      background-color: transparent;
+    }
+  }
+
+  .govuk-pagination__link {
+    display: block;
+    min-width: govuk-spacing(3);
+
+    // Increase the touch area for the link to the parent element.
+    @media screen {
+      &::after {
+        content: "";
+        position: absolute;
+        top: 0;
+        right: 0;
+        bottom: 0;
+        left: 0;
+      }
+    }
+
+    // Add link hover decoration to prev/next text if no label present on
+    // prev/next only mode,  so that we have a hover state in all cases
+    &:hover,
+    &:active {
+      .govuk-pagination__link-title--decorated {
+        @include govuk-link-decoration;
+      }
+
+      .govuk-pagination__link-label,
+      .govuk-pagination__link-title--decorated {
+        @include govuk-link-hover-decoration;
+      }
+    }
+
+    &:focus {
+      .govuk-pagination__icon {
+        color: $govuk-focus-text-colour;
+      }
+
+      .govuk-pagination__link-label {
+        text-decoration: none;
+      }
+
+      .govuk-pagination__link-title--decorated {
+        text-decoration: none;
+      }
+    }
+  }
+
+  .govuk-pagination__link-title {
+    text-decoration-thickness: inherit;
+  }
+
+  .govuk-pagination__link-label {
+    @include govuk-typography-weight-regular;
+    @include govuk-link-decoration;
+    display: inline-block;
+  }
+
+  .govuk-pagination__icon {
+    // Set size using rems to make the icon scale with text
+    width: govuk-px-to-rem(15px);
+    height: govuk-px-to-rem(13px);
+    color: $govuk-secondary-text-colour;
+    fill: currentcolor;
+    forced-color-adjust: auto;
+  }
+
+  .govuk-pagination__icon--prev {
+    margin-right: govuk-spacing(3);
+  }
+
+  .govuk-pagination__icon--next {
+    margin-left: govuk-spacing(3);
+  }
+
+  // Block mode - position previous and next links above and below numbers
+  .govuk-pagination--block {
+    display: block;
+
+    .govuk-pagination__next,
+    .govuk-pagination__prev {
+      padding-left: 0;
+      float: none;
+
+      .govuk-pagination__link {
+        display: inline-block;
+      }
+    }
+
+    .govuk-pagination__next {
+      padding-right: govuk-spacing(3);
+    }
+
+    // Only apply a border between prev and next if both are present
+    .govuk-pagination__prev + .govuk-pagination__next {
+      border-top: 1px solid $govuk-border-colour;
+    }
+
+    // Set the after pseudo element to a block which makes the title visually
+    // display as block level whilst programmatically being inline. We do this
+    // to get around an NVDA quirk where adjacent block level elements are
+    // always read out separately
+    .govuk-pagination__link-title::after {
+      content: "";
+      display: block;
+    }
+
+    .govuk-pagination__link {
+      padding-left: govuk-spacing(6);
+      text-align: left;
+
+      &:not(:focus) {
+        text-decoration: none;
+      }
+    }
+
+    .govuk-pagination__icon {
+      // This magic number is brought to you by the following equation:
+      // ((lineHeight − arrowHeight) ÷ 2) ÷ fontSize
+      // ((25 − 13) ÷ 2) ÷ 19 = 0.326em
+      //
+      // This could have been done programmatically but we don't have functions
+      // for grabbing the line-height of specific typography sizes just yet.
+      margin-top: 0.326em;
+      margin-left: govuk-spacing(6) * -1;
+      float: left;
+    }
+  }
+}
+
+/*# sourceMappingURL=_index.scss.map */
diff --git a/app/templates/govuk/components/components/pagination/_index.scss.map b/app/templates/govuk/components/components/pagination/_index.scss.map
new file mode 100644
index 0000000..6b702d4
--- /dev/null
+++ b/app/templates/govuk/components/components/pagination/_index.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/pagination/_index.scss"],"names":[],"mappings":"AAAA;EACE,oDAAoD;EACpD,yDAAyD;EACzD;IACE,6CAA6C;IAC7C,aAAa;IACb,sBAAsB;IACtB,mBAAmB;IACnB,eAAe;;IAEf;MACE,mBAAmB;MACnB,uBAAuB;IACzB;EACF;;EAEA;IACE,SAAS;IACT,UAAU;IACV,gBAAgB;EAClB;;EAEA;;;IAGE,uBAAuB;IACvB,sBAAsB;IACtB,kBAAkB;IAClB,eAAe;IACf,gBAAgB;IAChB,0CAA0C;IAC1C,WAAW,EAAE,wDAAwD;;IAErE;MACE,4CAA4C;IAC9C;EACF;;EAEA;IACE,yDAAyD;IACzD,6CAA6C;IAC7C,aAAa;;IAEb,sEAAsE;IACtE,gDAAgD;IAChD,kBAAkB;;IAElB;MACE,cAAc;IAChB;EACF;;EAEA;;IAEE,qCAAqC;;IAErC,uEAAuE;IACvE,yCAAyC;IACzC;MACE,aAAa;MACb,mBAAmB;IACrB;EACF;;EAEA;IACE,eAAe;EACjB;;EAEA;IACE,gBAAgB;EAClB;;EAEA,oDAAoD;EACpD;;;;IAIE,cAAc;EAChB;;EAEA;IACE,qCAAqC;IACrC,8BAA8B;IAC9B,oCAAoC;;IAEpC;MACE,oCAAoC;IACtC;;IAEA;MACE,iCAAiC;IACnC;EACF;;EAEA;IACE,qCAAqC;IACrC,mCAAmC;;IAEnC,mEAAmE;IACnE;MACE,6BAA6B;IAC/B;EACF;;EAEA;IACE,cAAc;IACd,2BAA2B;;IAE3B,6DAA6D;IAC7D;MACE;QACE,WAAW;QACX,kBAAkB;QAClB,MAAM;QACN,QAAQ;QACR,SAAS;QACT,OAAO;MACT;IACF;;IAEA,oEAAoE;IACpE,kEAAkE;IAClE;;MAEE;QACE,8BAA8B;MAChC;;MAEA;;QAEE,oCAAoC;MACtC;IACF;;IAEA;MACE;QACE,+BAA+B;MACjC;;MAEA;QACE,qBAAqB;MACvB;;MAEA;QACE,qBAAqB;MACvB;IACF;EACF;;EAEA;IACE,kCAAkC;EACpC;;EAEA;IACE,wCAAwC;IACxC,8BAA8B;IAC9B,qBAAqB;EACvB;;EAEA;IACE,sDAAsD;IACtD,4BAA4B;IAC5B,6BAA6B;IAC7B,mCAAmC;IACnC,kBAAkB;IAClB,yBAAyB;EAC3B;;EAEA;IACE,8BAA8B;EAChC;;EAEA;IACE,6BAA6B;EAC/B;;EAEA,uEAAuE;EACvE;IACE,cAAc;;IAEd;;MAEE,eAAe;MACf,WAAW;;MAEX;QACE,qBAAqB;MACvB;IACF;;IAEA;MACE,+BAA+B;IACjC;;IAEA,+DAA+D;IAC/D;MACE,0CAA0C;IAC5C;;IAEA,wEAAwE;IACxE,yEAAyE;IACzE,qEAAqE;IACrE,4BAA4B;IAC5B;MACE,WAAW;MACX,cAAc;IAChB;;IAEA;MACE,8BAA8B;MAC9B,gBAAgB;;MAEhB;QACE,qBAAqB;MACvB;IACF;;IAEA;MACE,gEAAgE;MAChE,6CAA6C;MAC7C,gCAAgC;MAChC,CAAC;MACD,wEAAwE;MACxE,qEAAqE;MACrE,mBAAmB;MACnB,kCAAkC;MAClC,WAAW;IACb;EACF;AACF","file":"_index.scss","sourcesContent":["@include govuk-exports(\"govuk/component/pagination\") {\n  // Flexbox enhancement for small screen visual design\n  // Falls back to a float: left layout on non-flex browsers\n  .govuk-pagination {\n    @include govuk-responsive-margin(6, \"bottom\");\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    flex-wrap: wrap;\n\n    @include govuk-media-query($from: tablet) {\n      flex-direction: row;\n      align-items: flex-start;\n    }\n  }\n\n  .govuk-pagination__list {\n    margin: 0;\n    padding: 0;\n    list-style: none;\n  }\n\n  .govuk-pagination__item,\n  .govuk-pagination__next,\n  .govuk-pagination__prev {\n    @include govuk-font(19);\n    box-sizing: border-box;\n    position: relative;\n    min-width: 45px;\n    min-height: 45px;\n    padding: govuk-spacing(2) govuk-spacing(3);\n    float: left; // Float is ignored if flex is active for prev/next links\n\n    &:hover {\n      background-color: govuk-colour(\"light-grey\");\n    }\n  }\n\n  .govuk-pagination__item {\n    // Hide items on small screens except the prev/next items,\n    // non-link items and the first and last items\n    display: none;\n\n    // Center align pagination links in their parent list item so that they\n    // visually sit in the middle of their touch area\n    text-align: center;\n\n    @include govuk-media-query($from: tablet) {\n      display: block;\n    }\n  }\n\n  .govuk-pagination__prev,\n  .govuk-pagination__next {\n    @include govuk-typography-weight-bold;\n\n    // Use flex to avoid extra space being introduced when whitespace exists\n    // between the arrow svg and the link text\n    .govuk-pagination__link {\n      display: flex;\n      align-items: center;\n    }\n  }\n\n  .govuk-pagination__prev {\n    padding-left: 0;\n  }\n\n  .govuk-pagination__next {\n    padding-right: 0;\n  }\n\n  // Only show first, last and non-link items on mobile\n  .govuk-pagination__item--current,\n  .govuk-pagination__item--ellipses,\n  .govuk-pagination__item:first-child,\n  .govuk-pagination__item:last-child {\n    display: block;\n  }\n\n  .govuk-pagination__item--current {\n    @include govuk-typography-weight-bold;\n    outline: 1px solid transparent;\n    background-color: $govuk-link-colour;\n\n    &:hover {\n      background-color: $govuk-link-colour;\n    }\n\n    .govuk-pagination__link {\n      @include govuk-link-style-inverse;\n    }\n  }\n\n  .govuk-pagination__item--ellipses {\n    @include govuk-typography-weight-bold;\n    color: $govuk-secondary-text-colour;\n\n    // Remove hover state for ellipsis items as they don't contain links\n    &:hover {\n      background-color: transparent;\n    }\n  }\n\n  .govuk-pagination__link {\n    display: block;\n    min-width: govuk-spacing(3);\n\n    // Increase the touch area for the link to the parent element.\n    @media screen {\n      &::after {\n        content: \"\";\n        position: absolute;\n        top: 0;\n        right: 0;\n        bottom: 0;\n        left: 0;\n      }\n    }\n\n    // Add link hover decoration to prev/next text if no label present on\n    // prev/next only mode,  so that we have a hover state in all cases\n    &:hover,\n    &:active {\n      .govuk-pagination__link-title--decorated {\n        @include govuk-link-decoration;\n      }\n\n      .govuk-pagination__link-label,\n      .govuk-pagination__link-title--decorated {\n        @include govuk-link-hover-decoration;\n      }\n    }\n\n    &:focus {\n      .govuk-pagination__icon {\n        color: $govuk-focus-text-colour;\n      }\n\n      .govuk-pagination__link-label {\n        text-decoration: none;\n      }\n\n      .govuk-pagination__link-title--decorated {\n        text-decoration: none;\n      }\n    }\n  }\n\n  .govuk-pagination__link-title {\n    text-decoration-thickness: inherit;\n  }\n\n  .govuk-pagination__link-label {\n    @include govuk-typography-weight-regular;\n    @include govuk-link-decoration;\n    display: inline-block;\n  }\n\n  .govuk-pagination__icon {\n    // Set size using rems to make the icon scale with text\n    width: govuk-px-to-rem(15px);\n    height: govuk-px-to-rem(13px);\n    color: $govuk-secondary-text-colour;\n    fill: currentcolor;\n    forced-color-adjust: auto;\n  }\n\n  .govuk-pagination__icon--prev {\n    margin-right: govuk-spacing(3);\n  }\n\n  .govuk-pagination__icon--next {\n    margin-left: govuk-spacing(3);\n  }\n\n  // Block mode - position previous and next links above and below numbers\n  .govuk-pagination--block {\n    display: block;\n\n    .govuk-pagination__next,\n    .govuk-pagination__prev {\n      padding-left: 0;\n      float: none;\n\n      .govuk-pagination__link {\n        display: inline-block;\n      }\n    }\n\n    .govuk-pagination__next {\n      padding-right: govuk-spacing(3);\n    }\n\n    // Only apply a border between prev and next if both are present\n    .govuk-pagination__prev + .govuk-pagination__next {\n      border-top: 1px solid $govuk-border-colour;\n    }\n\n    // Set the after pseudo element to a block which makes the title visually\n    // display as block level whilst programmatically being inline. We do this\n    // to get around an NVDA quirk where adjacent block level elements are\n    // always read out separately\n    .govuk-pagination__link-title::after {\n      content: \"\";\n      display: block;\n    }\n\n    .govuk-pagination__link {\n      padding-left: govuk-spacing(6);\n      text-align: left;\n\n      &:not(:focus) {\n        text-decoration: none;\n      }\n    }\n\n    .govuk-pagination__icon {\n      // This magic number is brought to you by the following equation:\n      // ((lineHeight − arrowHeight) ÷ 2) ÷ fontSize\n      // ((25 − 13) ÷ 2) ÷ 19 = 0.326em\n      //\n      // This could have been done programmatically but we don't have functions\n      // for grabbing the line-height of specific typography sizes just yet.\n      margin-top: 0.326em;\n      margin-left: govuk-spacing(6) * -1;\n      float: left;\n    }\n  }\n}\n"]}
diff --git a/app/templates/govuk/components/components/pagination/_pagination.scss b/app/templates/govuk/components/components/pagination/_pagination.scss
new file mode 100644
index 0000000..cbf110b
--- /dev/null
+++ b/app/templates/govuk/components/components/pagination/_pagination.scss
@@ -0,0 +1,4 @@
+@import "../../base";
+@import "./index";
+
+/*# sourceMappingURL=_pagination.scss.map */
diff --git a/app/templates/govuk/components/components/pagination/_pagination.scss.map b/app/templates/govuk/components/components/pagination/_pagination.scss.map
new file mode 100644
index 0000000..74ae7f8
--- /dev/null
+++ b/app/templates/govuk/components/components/pagination/_pagination.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/pagination/_pagination.scss"],"names":[],"mappings":"AAAA,oBAAoB;AACpB,iBAAiB","file":"_pagination.scss","sourcesContent":["@import \"../../base\";\n@import \"./index\";\n"]}
diff --git a/app/templates/govuk/components/components/pagination/fixtures.json b/app/templates/govuk/components/components/pagination/fixtures.json
new file mode 100644
index 0000000..4fb867b
--- /dev/null
+++ b/app/templates/govuk/components/components/pagination/fixtures.json
@@ -0,0 +1,393 @@
+{
+    "component": "pagination",
+    "fixtures": [
+        {
+            "name": "default",
+            "options": {
+                "previous": {
+                    "href": "/previous"
+                },
+                "next": {
+                    "href": "/next"
+                },
+                "items": [
+                    {
+                        "number": 1,
+                        "href": "/page/1"
+                    },
+                    {
+                        "number": 2,
+                        "href": "/page/2",
+                        "current": true
+                    },
+                    {
+                        "number": 3,
+                        "href": "/page/3"
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": true,
+            "html": "<nav class=\"govuk-pagination\" aria-label=\"Pagination\">\n  <div class=\"govuk-pagination__prev\">\n    <a class=\"govuk-link govuk-pagination__link\" href=\"/previous\" rel=\"prev\">\n      <svg class=\"govuk-pagination__icon govuk-pagination__icon--prev\" xmlns=\"http://www.w3.org/2000/svg\" height=\"13\" width=\"15\" aria-hidden=\"true\" focusable=\"false\" viewBox=\"0 0 15 13\">\n        <path d=\"m6.5938-0.0078125-6.7266 6.7266 6.7441 6.4062 1.377-1.449-4.1856-3.9768h12.896v-2h-12.984l4.2931-4.293-1.414-1.414z\"></path>\n      </svg>\n      <span class=\"govuk-pagination__link-title\">\n        Previous<span class=\"govuk-visually-hidden\"> page</span>\n      </span>\n    </a>\n  </div>\n  <ul class=\"govuk-pagination__list\">\n    <li class=\"govuk-pagination__item\">\n      <a class=\"govuk-link govuk-pagination__link\" href=\"/page/1\" aria-label=\"Page 1\">\n        1\n      </a>\n    </li>\n    <li class=\"govuk-pagination__item govuk-pagination__item--current\">\n      <a class=\"govuk-link govuk-pagination__link\" href=\"/page/2\" aria-label=\"Page 2\" aria-current=\"page\">\n        2\n      </a>\n    </li>\n    <li class=\"govuk-pagination__item\">\n      <a class=\"govuk-link govuk-pagination__link\" href=\"/page/3\" aria-label=\"Page 3\">\n        3\n      </a>\n    </li>\n  </ul>\n  <div class=\"govuk-pagination__next\">\n    <a class=\"govuk-link govuk-pagination__link\" href=\"/next\" rel=\"next\">\n      <span class=\"govuk-pagination__link-title\">\n        Next<span class=\"govuk-visually-hidden\"> page</span>\n      </span>\n      <svg class=\"govuk-pagination__icon govuk-pagination__icon--next\" xmlns=\"http://www.w3.org/2000/svg\" height=\"13\" width=\"15\" aria-hidden=\"true\" focusable=\"false\" viewBox=\"0 0 15 13\">\n        <path d=\"m8.107-0.0078125-1.4136 1.414 4.2926 4.293h-12.986v2h12.896l-4.1855 3.9766 1.377 1.4492 6.7441-6.4062-6.7246-6.7266z\"></path>\n      </svg>\n    </a>\n  </div>\n</nav>"
+        },
+        {
+            "name": "with custom link and item text",
+            "options": {
+                "previous": {
+                    "href": "/previous",
+                    "text": "Previous page"
+                },
+                "next": {
+                    "href": "/next",
+                    "text": "Next page"
+                },
+                "items": [
+                    {
+                        "number": "one",
+                        "href": "/page/1"
+                    },
+                    {
+                        "number": "two",
+                        "href": "/page/2",
+                        "current": true
+                    },
+                    {
+                        "number": "three",
+                        "href": "/page/3"
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<nav class=\"govuk-pagination\" aria-label=\"Pagination\">\n  <div class=\"govuk-pagination__prev\">\n    <a class=\"govuk-link govuk-pagination__link\" href=\"/previous\" rel=\"prev\">\n      <svg class=\"govuk-pagination__icon govuk-pagination__icon--prev\" xmlns=\"http://www.w3.org/2000/svg\" height=\"13\" width=\"15\" aria-hidden=\"true\" focusable=\"false\" viewBox=\"0 0 15 13\">\n        <path d=\"m6.5938-0.0078125-6.7266 6.7266 6.7441 6.4062 1.377-1.449-4.1856-3.9768h12.896v-2h-12.984l4.2931-4.293-1.414-1.414z\"></path>\n      </svg>\n      <span class=\"govuk-pagination__link-title\">\n        Previous page\n      </span>\n    </a>\n  </div>\n  <ul class=\"govuk-pagination__list\">\n    <li class=\"govuk-pagination__item\">\n      <a class=\"govuk-link govuk-pagination__link\" href=\"/page/1\" aria-label=\"Page one\">\n        one\n      </a>\n    </li>\n    <li class=\"govuk-pagination__item govuk-pagination__item--current\">\n      <a class=\"govuk-link govuk-pagination__link\" href=\"/page/2\" aria-label=\"Page two\" aria-current=\"page\">\n        two\n      </a>\n    </li>\n    <li class=\"govuk-pagination__item\">\n      <a class=\"govuk-link govuk-pagination__link\" href=\"/page/3\" aria-label=\"Page three\">\n        three\n      </a>\n    </li>\n  </ul>\n  <div class=\"govuk-pagination__next\">\n    <a class=\"govuk-link govuk-pagination__link\" href=\"/next\" rel=\"next\">\n      <span class=\"govuk-pagination__link-title\">\n        Next page\n      </span>\n      <svg class=\"govuk-pagination__icon govuk-pagination__icon--next\" xmlns=\"http://www.w3.org/2000/svg\" height=\"13\" width=\"15\" aria-hidden=\"true\" focusable=\"false\" viewBox=\"0 0 15 13\">\n        <path d=\"m8.107-0.0078125-1.4136 1.414 4.2926 4.293h-12.986v2h12.896l-4.1855 3.9766 1.377 1.4492 6.7441-6.4062-6.7246-6.7266z\"></path>\n      </svg>\n    </a>\n  </div>\n</nav>"
+        },
+        {
+            "name": "with many pages",
+            "options": {
+                "previous": {
+                    "href": "/previous"
+                },
+                "next": {
+                    "href": "/next"
+                },
+                "items": [
+                    {
+                        "number": 1,
+                        "href": "/page/1"
+                    },
+                    {
+                        "ellipsis": true
+                    },
+                    {
+                        "number": 8,
+                        "href": "/page/8"
+                    },
+                    {
+                        "number": 9,
+                        "href": "/page/9"
+                    },
+                    {
+                        "number": 10,
+                        "href": "/page/10",
+                        "current": true
+                    },
+                    {
+                        "number": 11,
+                        "href": "/page/11"
+                    },
+                    {
+                        "number": 12,
+                        "href": "/page/12"
+                    },
+                    {
+                        "ellipsis": true
+                    },
+                    {
+                        "number": 40,
+                        "href": "/page/40"
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<nav class=\"govuk-pagination\" aria-label=\"Pagination\">\n  <div class=\"govuk-pagination__prev\">\n    <a class=\"govuk-link govuk-pagination__link\" href=\"/previous\" rel=\"prev\">\n      <svg class=\"govuk-pagination__icon govuk-pagination__icon--prev\" xmlns=\"http://www.w3.org/2000/svg\" height=\"13\" width=\"15\" aria-hidden=\"true\" focusable=\"false\" viewBox=\"0 0 15 13\">\n        <path d=\"m6.5938-0.0078125-6.7266 6.7266 6.7441 6.4062 1.377-1.449-4.1856-3.9768h12.896v-2h-12.984l4.2931-4.293-1.414-1.414z\"></path>\n      </svg>\n      <span class=\"govuk-pagination__link-title\">\n        Previous<span class=\"govuk-visually-hidden\"> page</span>\n      </span>\n    </a>\n  </div>\n  <ul class=\"govuk-pagination__list\">\n    <li class=\"govuk-pagination__item\">\n      <a class=\"govuk-link govuk-pagination__link\" href=\"/page/1\" aria-label=\"Page 1\">\n        1\n      </a>\n    </li>\n    <li class=\"govuk-pagination__item govuk-pagination__item--ellipses\">\n      &ctdot;\n    </li>\n    <li class=\"govuk-pagination__item\">\n      <a class=\"govuk-link govuk-pagination__link\" href=\"/page/8\" aria-label=\"Page 8\">\n        8\n      </a>\n    </li>\n    <li class=\"govuk-pagination__item\">\n      <a class=\"govuk-link govuk-pagination__link\" href=\"/page/9\" aria-label=\"Page 9\">\n        9\n      </a>\n    </li>\n    <li class=\"govuk-pagination__item govuk-pagination__item--current\">\n      <a class=\"govuk-link govuk-pagination__link\" href=\"/page/10\" aria-label=\"Page 10\" aria-current=\"page\">\n        10\n      </a>\n    </li>\n    <li class=\"govuk-pagination__item\">\n      <a class=\"govuk-link govuk-pagination__link\" href=\"/page/11\" aria-label=\"Page 11\">\n        11\n      </a>\n    </li>\n    <li class=\"govuk-pagination__item\">\n      <a class=\"govuk-link govuk-pagination__link\" href=\"/page/12\" aria-label=\"Page 12\">\n        12\n      </a>\n    </li>\n    <li class=\"govuk-pagination__item govuk-pagination__item--ellipses\">\n      &ctdot;\n    </li>\n    <li class=\"govuk-pagination__item\">\n      <a class=\"govuk-link govuk-pagination__link\" href=\"/page/40\" aria-label=\"Page 40\">\n        40\n      </a>\n    </li>\n  </ul>\n  <div class=\"govuk-pagination__next\">\n    <a class=\"govuk-link govuk-pagination__link\" href=\"/next\" rel=\"next\">\n      <span class=\"govuk-pagination__link-title\">\n        Next<span class=\"govuk-visually-hidden\"> page</span>\n      </span>\n      <svg class=\"govuk-pagination__icon govuk-pagination__icon--next\" xmlns=\"http://www.w3.org/2000/svg\" height=\"13\" width=\"15\" aria-hidden=\"true\" focusable=\"false\" viewBox=\"0 0 15 13\">\n        <path d=\"m8.107-0.0078125-1.4136 1.414 4.2926 4.293h-12.986v2h12.896l-4.1855 3.9766 1.377 1.4492 6.7441-6.4062-6.7246-6.7266z\"></path>\n      </svg>\n    </a>\n  </div>\n</nav>"
+        },
+        {
+            "name": "first page",
+            "options": {
+                "next": {
+                    "href": "/next"
+                },
+                "items": [
+                    {
+                        "number": 1,
+                        "href": "/page/1",
+                        "current": true
+                    },
+                    {
+                        "number": 2,
+                        "href": "/page/2"
+                    },
+                    {
+                        "number": 3,
+                        "href": "/page/3"
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<nav class=\"govuk-pagination\" aria-label=\"Pagination\">\n  <ul class=\"govuk-pagination__list\">\n    <li class=\"govuk-pagination__item govuk-pagination__item--current\">\n      <a class=\"govuk-link govuk-pagination__link\" href=\"/page/1\" aria-label=\"Page 1\" aria-current=\"page\">\n        1\n      </a>\n    </li>\n    <li class=\"govuk-pagination__item\">\n      <a class=\"govuk-link govuk-pagination__link\" href=\"/page/2\" aria-label=\"Page 2\">\n        2\n      </a>\n    </li>\n    <li class=\"govuk-pagination__item\">\n      <a class=\"govuk-link govuk-pagination__link\" href=\"/page/3\" aria-label=\"Page 3\">\n        3\n      </a>\n    </li>\n  </ul>\n  <div class=\"govuk-pagination__next\">\n    <a class=\"govuk-link govuk-pagination__link\" href=\"/next\" rel=\"next\">\n      <span class=\"govuk-pagination__link-title\">\n        Next<span class=\"govuk-visually-hidden\"> page</span>\n      </span>\n      <svg class=\"govuk-pagination__icon govuk-pagination__icon--next\" xmlns=\"http://www.w3.org/2000/svg\" height=\"13\" width=\"15\" aria-hidden=\"true\" focusable=\"false\" viewBox=\"0 0 15 13\">\n        <path d=\"m8.107-0.0078125-1.4136 1.414 4.2926 4.293h-12.986v2h12.896l-4.1855 3.9766 1.377 1.4492 6.7441-6.4062-6.7246-6.7266z\"></path>\n      </svg>\n    </a>\n  </div>\n</nav>"
+        },
+        {
+            "name": "last page",
+            "options": {
+                "previous": {
+                    "href": "/previous"
+                },
+                "items": [
+                    {
+                        "number": 1,
+                        "href": "/page/1"
+                    },
+                    {
+                        "number": 2,
+                        "href": "/page/2"
+                    },
+                    {
+                        "number": 3,
+                        "href": "/page/3",
+                        "current": true
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<nav class=\"govuk-pagination\" aria-label=\"Pagination\">\n  <div class=\"govuk-pagination__prev\">\n    <a class=\"govuk-link govuk-pagination__link\" href=\"/previous\" rel=\"prev\">\n      <svg class=\"govuk-pagination__icon govuk-pagination__icon--prev\" xmlns=\"http://www.w3.org/2000/svg\" height=\"13\" width=\"15\" aria-hidden=\"true\" focusable=\"false\" viewBox=\"0 0 15 13\">\n        <path d=\"m6.5938-0.0078125-6.7266 6.7266 6.7441 6.4062 1.377-1.449-4.1856-3.9768h12.896v-2h-12.984l4.2931-4.293-1.414-1.414z\"></path>\n      </svg>\n      <span class=\"govuk-pagination__link-title\">\n        Previous<span class=\"govuk-visually-hidden\"> page</span>\n      </span>\n    </a>\n  </div>\n  <ul class=\"govuk-pagination__list\">\n    <li class=\"govuk-pagination__item\">\n      <a class=\"govuk-link govuk-pagination__link\" href=\"/page/1\" aria-label=\"Page 1\">\n        1\n      </a>\n    </li>\n    <li class=\"govuk-pagination__item\">\n      <a class=\"govuk-link govuk-pagination__link\" href=\"/page/2\" aria-label=\"Page 2\">\n        2\n      </a>\n    </li>\n    <li class=\"govuk-pagination__item govuk-pagination__item--current\">\n      <a class=\"govuk-link govuk-pagination__link\" href=\"/page/3\" aria-label=\"Page 3\" aria-current=\"page\">\n        3\n      </a>\n    </li>\n  </ul>\n</nav>"
+        },
+        {
+            "name": "with prev and next only",
+            "options": {
+                "previous": {
+                    "href": "/previous"
+                },
+                "next": {
+                    "href": "/next"
+                }
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<nav class=\"govuk-pagination govuk-pagination--block\" aria-label=\"Pagination\">\n  <div class=\"govuk-pagination__prev\">\n    <a class=\"govuk-link govuk-pagination__link\" href=\"/previous\" rel=\"prev\">\n      <svg class=\"govuk-pagination__icon govuk-pagination__icon--prev\" xmlns=\"http://www.w3.org/2000/svg\" height=\"13\" width=\"15\" aria-hidden=\"true\" focusable=\"false\" viewBox=\"0 0 15 13\">\n        <path d=\"m6.5938-0.0078125-6.7266 6.7266 6.7441 6.4062 1.377-1.449-4.1856-3.9768h12.896v-2h-12.984l4.2931-4.293-1.414-1.414z\"></path>\n      </svg>\n      <span class=\"govuk-pagination__link-title govuk-pagination__link-title--decorated\">\n        Previous<span class=\"govuk-visually-hidden\"> page</span>\n      </span>\n    </a>\n  </div>\n  <div class=\"govuk-pagination__next\">\n    <a class=\"govuk-link govuk-pagination__link\" href=\"/next\" rel=\"next\">\n      <svg class=\"govuk-pagination__icon govuk-pagination__icon--next\" xmlns=\"http://www.w3.org/2000/svg\" height=\"13\" width=\"15\" aria-hidden=\"true\" focusable=\"false\" viewBox=\"0 0 15 13\">\n        <path d=\"m8.107-0.0078125-1.4136 1.414 4.2926 4.293h-12.986v2h12.896l-4.1855 3.9766 1.377 1.4492 6.7441-6.4062-6.7246-6.7266z\"></path>\n      </svg>\n      <span class=\"govuk-pagination__link-title govuk-pagination__link-title--decorated\">\n        Next<span class=\"govuk-visually-hidden\"> page</span>\n      </span>\n    </a>\n  </div>\n</nav>"
+        },
+        {
+            "name": "with prev and next only and labels",
+            "options": {
+                "previous": {
+                    "text": "Previous page",
+                    "labelText": "Paying VAT and duty",
+                    "href": "/previous"
+                },
+                "next": {
+                    "text": "Next page",
+                    "labelText": "Registering an imported vehicle",
+                    "href": "/next"
+                }
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": true,
+            "html": "<nav class=\"govuk-pagination govuk-pagination--block\" aria-label=\"Pagination\">\n  <div class=\"govuk-pagination__prev\">\n    <a class=\"govuk-link govuk-pagination__link\" href=\"/previous\" rel=\"prev\">\n      <svg class=\"govuk-pagination__icon govuk-pagination__icon--prev\" xmlns=\"http://www.w3.org/2000/svg\" height=\"13\" width=\"15\" aria-hidden=\"true\" focusable=\"false\" viewBox=\"0 0 15 13\">\n        <path d=\"m6.5938-0.0078125-6.7266 6.7266 6.7441 6.4062 1.377-1.449-4.1856-3.9768h12.896v-2h-12.984l4.2931-4.293-1.414-1.414z\"></path>\n      </svg>\n      <span class=\"govuk-pagination__link-title\">\n        Previous page\n      </span>\n      <span class=\"govuk-visually-hidden\">:</span>\n      <span class=\"govuk-pagination__link-label\">Paying VAT and duty</span>\n    </a>\n  </div>\n  <div class=\"govuk-pagination__next\">\n    <a class=\"govuk-link govuk-pagination__link\" href=\"/next\" rel=\"next\">\n      <svg class=\"govuk-pagination__icon govuk-pagination__icon--next\" xmlns=\"http://www.w3.org/2000/svg\" height=\"13\" width=\"15\" aria-hidden=\"true\" focusable=\"false\" viewBox=\"0 0 15 13\">\n        <path d=\"m8.107-0.0078125-1.4136 1.414 4.2926 4.293h-12.986v2h12.896l-4.1855 3.9766 1.377 1.4492 6.7441-6.4062-6.7246-6.7266z\"></path>\n      </svg>\n      <span class=\"govuk-pagination__link-title\">\n        Next page\n      </span>\n      <span class=\"govuk-visually-hidden\">:</span>\n      <span class=\"govuk-pagination__link-label\">Registering an imported vehicle</span>\n    </a>\n  </div>\n</nav>"
+        },
+        {
+            "name": "with prev and next only and very long labels",
+            "options": {
+                "previous": {
+                    "text": "Previous page",
+                    "labelText": "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.",
+                    "href": "/previous"
+                },
+                "next": {
+                    "text": "Next page",
+                    "labelText": "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.",
+                    "href": "/next"
+                }
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<nav class=\"govuk-pagination govuk-pagination--block\" aria-label=\"Pagination\">\n  <div class=\"govuk-pagination__prev\">\n    <a class=\"govuk-link govuk-pagination__link\" href=\"/previous\" rel=\"prev\">\n      <svg class=\"govuk-pagination__icon govuk-pagination__icon--prev\" xmlns=\"http://www.w3.org/2000/svg\" height=\"13\" width=\"15\" aria-hidden=\"true\" focusable=\"false\" viewBox=\"0 0 15 13\">\n        <path d=\"m6.5938-0.0078125-6.7266 6.7266 6.7441 6.4062 1.377-1.449-4.1856-3.9768h12.896v-2h-12.984l4.2931-4.293-1.414-1.414z\"></path>\n      </svg>\n      <span class=\"govuk-pagination__link-title\">\n        Previous page\n      </span>\n      <span class=\"govuk-visually-hidden\">:</span>\n      <span class=\"govuk-pagination__link-label\">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</span>\n    </a>\n  </div>\n  <div class=\"govuk-pagination__next\">\n    <a class=\"govuk-link govuk-pagination__link\" href=\"/next\" rel=\"next\">\n      <svg class=\"govuk-pagination__icon govuk-pagination__icon--next\" xmlns=\"http://www.w3.org/2000/svg\" height=\"13\" width=\"15\" aria-hidden=\"true\" focusable=\"false\" viewBox=\"0 0 15 13\">\n        <path d=\"m8.107-0.0078125-1.4136 1.414 4.2926 4.293h-12.986v2h12.896l-4.1855 3.9766 1.377 1.4492 6.7441-6.4062-6.7246-6.7266z\"></path>\n      </svg>\n      <span class=\"govuk-pagination__link-title\">\n        Next page\n      </span>\n      <span class=\"govuk-visually-hidden\">:</span>\n      <span class=\"govuk-pagination__link-label\">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</span>\n    </a>\n  </div>\n</nav>"
+        },
+        {
+            "name": "with previous only",
+            "options": {
+                "previous": {
+                    "href": "/previous"
+                }
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<nav class=\"govuk-pagination govuk-pagination--block\" aria-label=\"Pagination\">\n  <div class=\"govuk-pagination__prev\">\n    <a class=\"govuk-link govuk-pagination__link\" href=\"/previous\" rel=\"prev\">\n      <svg class=\"govuk-pagination__icon govuk-pagination__icon--prev\" xmlns=\"http://www.w3.org/2000/svg\" height=\"13\" width=\"15\" aria-hidden=\"true\" focusable=\"false\" viewBox=\"0 0 15 13\">\n        <path d=\"m6.5938-0.0078125-6.7266 6.7266 6.7441 6.4062 1.377-1.449-4.1856-3.9768h12.896v-2h-12.984l4.2931-4.293-1.414-1.414z\"></path>\n      </svg>\n      <span class=\"govuk-pagination__link-title govuk-pagination__link-title--decorated\">\n        Previous<span class=\"govuk-visually-hidden\"> page</span>\n      </span>\n    </a>\n  </div>\n</nav>"
+        },
+        {
+            "name": "with next only",
+            "options": {
+                "next": {
+                    "href": "/next"
+                }
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<nav class=\"govuk-pagination govuk-pagination--block\" aria-label=\"Pagination\">\n  <div class=\"govuk-pagination__next\">\n    <a class=\"govuk-link govuk-pagination__link\" href=\"/next\" rel=\"next\">\n      <svg class=\"govuk-pagination__icon govuk-pagination__icon--next\" xmlns=\"http://www.w3.org/2000/svg\" height=\"13\" width=\"15\" aria-hidden=\"true\" focusable=\"false\" viewBox=\"0 0 15 13\">\n        <path d=\"m8.107-0.0078125-1.4136 1.414 4.2926 4.293h-12.986v2h12.896l-4.1855 3.9766 1.377 1.4492 6.7441-6.4062-6.7246-6.7266z\"></path>\n      </svg>\n      <span class=\"govuk-pagination__link-title govuk-pagination__link-title--decorated\">\n        Next<span class=\"govuk-visually-hidden\"> page</span>\n      </span>\n    </a>\n  </div>\n</nav>"
+        },
+        {
+            "name": "with custom classes",
+            "options": {
+                "classes": "my-custom-class",
+                "previous": {
+                    "href": "/previous"
+                },
+                "next": {
+                    "href": "/next"
+                },
+                "items": [
+                    {
+                        "number": 1,
+                        "href": "/page/1"
+                    },
+                    {
+                        "number": 2,
+                        "href": "/page/2",
+                        "current": true
+                    },
+                    {
+                        "number": 3,
+                        "href": "/page/3"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<nav class=\"govuk-pagination my-custom-class\" aria-label=\"Pagination\">\n  <div class=\"govuk-pagination__prev\">\n    <a class=\"govuk-link govuk-pagination__link\" href=\"/previous\" rel=\"prev\">\n      <svg class=\"govuk-pagination__icon govuk-pagination__icon--prev\" xmlns=\"http://www.w3.org/2000/svg\" height=\"13\" width=\"15\" aria-hidden=\"true\" focusable=\"false\" viewBox=\"0 0 15 13\">\n        <path d=\"m6.5938-0.0078125-6.7266 6.7266 6.7441 6.4062 1.377-1.449-4.1856-3.9768h12.896v-2h-12.984l4.2931-4.293-1.414-1.414z\"></path>\n      </svg>\n      <span class=\"govuk-pagination__link-title\">\n        Previous<span class=\"govuk-visually-hidden\"> page</span>\n      </span>\n    </a>\n  </div>\n  <ul class=\"govuk-pagination__list\">\n    <li class=\"govuk-pagination__item\">\n      <a class=\"govuk-link govuk-pagination__link\" href=\"/page/1\" aria-label=\"Page 1\">\n        1\n      </a>\n    </li>\n    <li class=\"govuk-pagination__item govuk-pagination__item--current\">\n      <a class=\"govuk-link govuk-pagination__link\" href=\"/page/2\" aria-label=\"Page 2\" aria-current=\"page\">\n        2\n      </a>\n    </li>\n    <li class=\"govuk-pagination__item\">\n      <a class=\"govuk-link govuk-pagination__link\" href=\"/page/3\" aria-label=\"Page 3\">\n        3\n      </a>\n    </li>\n  </ul>\n  <div class=\"govuk-pagination__next\">\n    <a class=\"govuk-link govuk-pagination__link\" href=\"/next\" rel=\"next\">\n      <span class=\"govuk-pagination__link-title\">\n        Next<span class=\"govuk-visually-hidden\"> page</span>\n      </span>\n      <svg class=\"govuk-pagination__icon govuk-pagination__icon--next\" xmlns=\"http://www.w3.org/2000/svg\" height=\"13\" width=\"15\" aria-hidden=\"true\" focusable=\"false\" viewBox=\"0 0 15 13\">\n        <path d=\"m8.107-0.0078125-1.4136 1.414 4.2926 4.293h-12.986v2h12.896l-4.1855 3.9766 1.377 1.4492 6.7441-6.4062-6.7246-6.7266z\"></path>\n      </svg>\n    </a>\n  </div>\n</nav>"
+        },
+        {
+            "name": "with custom attributes",
+            "options": {
+                "attributes": {
+                    "data-attribute-1": "value-1",
+                    "data-attribute-2": "value-2"
+                },
+                "previous": {
+                    "href": "/previous"
+                },
+                "next": {
+                    "href": "/next"
+                },
+                "items": [
+                    {
+                        "number": 1,
+                        "href": "/page/1"
+                    },
+                    {
+                        "number": 2,
+                        "href": "/page/2",
+                        "current": true
+                    },
+                    {
+                        "number": 3,
+                        "href": "/page/3"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<nav class=\"govuk-pagination\" aria-label=\"Pagination\" data-attribute-1=\"value-1\" data-attribute-2=\"value-2\">\n  <div class=\"govuk-pagination__prev\">\n    <a class=\"govuk-link govuk-pagination__link\" href=\"/previous\" rel=\"prev\">\n      <svg class=\"govuk-pagination__icon govuk-pagination__icon--prev\" xmlns=\"http://www.w3.org/2000/svg\" height=\"13\" width=\"15\" aria-hidden=\"true\" focusable=\"false\" viewBox=\"0 0 15 13\">\n        <path d=\"m6.5938-0.0078125-6.7266 6.7266 6.7441 6.4062 1.377-1.449-4.1856-3.9768h12.896v-2h-12.984l4.2931-4.293-1.414-1.414z\"></path>\n      </svg>\n      <span class=\"govuk-pagination__link-title\">\n        Previous<span class=\"govuk-visually-hidden\"> page</span>\n      </span>\n    </a>\n  </div>\n  <ul class=\"govuk-pagination__list\">\n    <li class=\"govuk-pagination__item\">\n      <a class=\"govuk-link govuk-pagination__link\" href=\"/page/1\" aria-label=\"Page 1\">\n        1\n      </a>\n    </li>\n    <li class=\"govuk-pagination__item govuk-pagination__item--current\">\n      <a class=\"govuk-link govuk-pagination__link\" href=\"/page/2\" aria-label=\"Page 2\" aria-current=\"page\">\n        2\n      </a>\n    </li>\n    <li class=\"govuk-pagination__item\">\n      <a class=\"govuk-link govuk-pagination__link\" href=\"/page/3\" aria-label=\"Page 3\">\n        3\n      </a>\n    </li>\n  </ul>\n  <div class=\"govuk-pagination__next\">\n    <a class=\"govuk-link govuk-pagination__link\" href=\"/next\" rel=\"next\">\n      <span class=\"govuk-pagination__link-title\">\n        Next<span class=\"govuk-visually-hidden\"> page</span>\n      </span>\n      <svg class=\"govuk-pagination__icon govuk-pagination__icon--next\" xmlns=\"http://www.w3.org/2000/svg\" height=\"13\" width=\"15\" aria-hidden=\"true\" focusable=\"false\" viewBox=\"0 0 15 13\">\n        <path d=\"m8.107-0.0078125-1.4136 1.414 4.2926 4.293h-12.986v2h12.896l-4.1855 3.9766 1.377 1.4492 6.7441-6.4062-6.7246-6.7266z\"></path>\n      </svg>\n    </a>\n  </div>\n</nav>"
+        },
+        {
+            "name": "with custom navigation landmark",
+            "options": {
+                "previous": {
+                    "href": "/previous"
+                },
+                "next": {
+                    "href": "/next"
+                },
+                "landmarkLabel": "search",
+                "items": [
+                    {
+                        "number": 1,
+                        "href": "/page/1"
+                    },
+                    {
+                        "number": 2,
+                        "href": "/page/2",
+                        "current": true
+                    },
+                    {
+                        "number": 3,
+                        "href": "/page/3"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<nav class=\"govuk-pagination\" aria-label=\"search\">\n  <div class=\"govuk-pagination__prev\">\n    <a class=\"govuk-link govuk-pagination__link\" href=\"/previous\" rel=\"prev\">\n      <svg class=\"govuk-pagination__icon govuk-pagination__icon--prev\" xmlns=\"http://www.w3.org/2000/svg\" height=\"13\" width=\"15\" aria-hidden=\"true\" focusable=\"false\" viewBox=\"0 0 15 13\">\n        <path d=\"m6.5938-0.0078125-6.7266 6.7266 6.7441 6.4062 1.377-1.449-4.1856-3.9768h12.896v-2h-12.984l4.2931-4.293-1.414-1.414z\"></path>\n      </svg>\n      <span class=\"govuk-pagination__link-title\">\n        Previous<span class=\"govuk-visually-hidden\"> page</span>\n      </span>\n    </a>\n  </div>\n  <ul class=\"govuk-pagination__list\">\n    <li class=\"govuk-pagination__item\">\n      <a class=\"govuk-link govuk-pagination__link\" href=\"/page/1\" aria-label=\"Page 1\">\n        1\n      </a>\n    </li>\n    <li class=\"govuk-pagination__item govuk-pagination__item--current\">\n      <a class=\"govuk-link govuk-pagination__link\" href=\"/page/2\" aria-label=\"Page 2\" aria-current=\"page\">\n        2\n      </a>\n    </li>\n    <li class=\"govuk-pagination__item\">\n      <a class=\"govuk-link govuk-pagination__link\" href=\"/page/3\" aria-label=\"Page 3\">\n        3\n      </a>\n    </li>\n  </ul>\n  <div class=\"govuk-pagination__next\">\n    <a class=\"govuk-link govuk-pagination__link\" href=\"/next\" rel=\"next\">\n      <span class=\"govuk-pagination__link-title\">\n        Next<span class=\"govuk-visually-hidden\"> page</span>\n      </span>\n      <svg class=\"govuk-pagination__icon govuk-pagination__icon--next\" xmlns=\"http://www.w3.org/2000/svg\" height=\"13\" width=\"15\" aria-hidden=\"true\" focusable=\"false\" viewBox=\"0 0 15 13\">\n        <path d=\"m8.107-0.0078125-1.4136 1.414 4.2926 4.293h-12.986v2h12.896l-4.1855 3.9766 1.377 1.4492 6.7441-6.4062-6.7246-6.7266z\"></path>\n      </svg>\n    </a>\n  </div>\n</nav>"
+        },
+        {
+            "name": "with custom accessible labels on item links",
+            "options": {
+                "previous": {
+                    "href": "/previous"
+                },
+                "next": {
+                    "href": "/next"
+                },
+                "items": [
+                    {
+                        "number": 1,
+                        "href": "/page/1",
+                        "visuallyHiddenText": "1st page"
+                    },
+                    {
+                        "number": 2,
+                        "href": "/page/2",
+                        "current": true,
+                        "visuallyHiddenText": "2nd page (you are currently on this page)"
+                    },
+                    {
+                        "number": 3,
+                        "href": "/page/3",
+                        "visuallyHiddenText": "3rd page"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<nav class=\"govuk-pagination\" aria-label=\"Pagination\">\n  <div class=\"govuk-pagination__prev\">\n    <a class=\"govuk-link govuk-pagination__link\" href=\"/previous\" rel=\"prev\">\n      <svg class=\"govuk-pagination__icon govuk-pagination__icon--prev\" xmlns=\"http://www.w3.org/2000/svg\" height=\"13\" width=\"15\" aria-hidden=\"true\" focusable=\"false\" viewBox=\"0 0 15 13\">\n        <path d=\"m6.5938-0.0078125-6.7266 6.7266 6.7441 6.4062 1.377-1.449-4.1856-3.9768h12.896v-2h-12.984l4.2931-4.293-1.414-1.414z\"></path>\n      </svg>\n      <span class=\"govuk-pagination__link-title\">\n        Previous<span class=\"govuk-visually-hidden\"> page</span>\n      </span>\n    </a>\n  </div>\n  <ul class=\"govuk-pagination__list\">\n    <li class=\"govuk-pagination__item\">\n      <a class=\"govuk-link govuk-pagination__link\" href=\"/page/1\" aria-label=\"1st page\">\n        1\n      </a>\n    </li>\n    <li class=\"govuk-pagination__item govuk-pagination__item--current\">\n      <a class=\"govuk-link govuk-pagination__link\" href=\"/page/2\" aria-label=\"2nd page (you are currently on this page)\" aria-current=\"page\">\n        2\n      </a>\n    </li>\n    <li class=\"govuk-pagination__item\">\n      <a class=\"govuk-link govuk-pagination__link\" href=\"/page/3\" aria-label=\"3rd page\">\n        3\n      </a>\n    </li>\n  </ul>\n  <div class=\"govuk-pagination__next\">\n    <a class=\"govuk-link govuk-pagination__link\" href=\"/next\" rel=\"next\">\n      <span class=\"govuk-pagination__link-title\">\n        Next<span class=\"govuk-visually-hidden\"> page</span>\n      </span>\n      <svg class=\"govuk-pagination__icon govuk-pagination__icon--next\" xmlns=\"http://www.w3.org/2000/svg\" height=\"13\" width=\"15\" aria-hidden=\"true\" focusable=\"false\" viewBox=\"0 0 15 13\">\n        <path d=\"m8.107-0.0078125-1.4136 1.414 4.2926 4.293h-12.986v2h12.896l-4.1855 3.9766 1.377 1.4492 6.7441-6.4062-6.7246-6.7266z\"></path>\n      </svg>\n    </a>\n  </div>\n</nav>"
+        }
+    ]
+}
diff --git a/app/templates/govuk/components/components/pagination/macro-options.json b/app/templates/govuk/components/components/pagination/macro-options.json
new file mode 100644
index 0000000..f8a46b6
--- /dev/null
+++ b/app/templates/govuk/components/components/pagination/macro-options.json
@@ -0,0 +1,140 @@
+[
+    {
+        "name": "items",
+        "type": "array",
+        "required": false,
+        "description": "The items within the pagination component.",
+        "params": [
+            {
+                "name": "number",
+                "type": "string",
+                "required": false,
+                "description": "The pagination item text – usually a page number.  Required unless the item is an ellipsis."
+            },
+            {
+                "name": "visuallyHiddenText",
+                "type": "string",
+                "required": false,
+                "description": "The visually hidden label for the pagination item, which will be applied to an `aria-label` and announced by screen readers on the pagination item link. Should include page number. Defaults to, for example \"Page 1\"."
+            },
+            {
+                "name": "href",
+                "type": "string",
+                "required": false,
+                "description": "The link's URL. Required unless the item is an ellipsis."
+            },
+            {
+                "name": "current",
+                "type": "boolean",
+                "required": false,
+                "description": "Set to `true` to indicate the current page the user is on."
+            },
+            {
+                "name": "ellipsis",
+                "type": "boolean",
+                "required": false,
+                "description": "Use this option if you want to specify an ellipsis at a given point between numbers. If you set this option as `true`, any other options for the item are ignored."
+            },
+            {
+                "name": "attributes",
+                "type": "object",
+                "required": false,
+                "description": "The HTML attributes (for example, data attributes) you want to add to the anchor."
+            }
+        ]
+    },
+    {
+        "name": "previous",
+        "type": "object",
+        "required": false,
+        "description": "A link to the previous page, if there is a previous page.",
+        "params": [
+            {
+                "name": "text",
+                "type": "string",
+                "required": false,
+                "description": "The text content of the link to the previous page. Defaults to `\"Previous page\"`, with 'page' being visually hidden. If `html` is provided, the `text` option will be ignored."
+            },
+            {
+                "name": "html",
+                "type": "string",
+                "required": false,
+                "description": "The HTML content of the link to the previous page. Defaults to `\"Previous page\"`, with 'page' being visually hidden. If `html` is provided, the `text` option will be ignored."
+            },
+            {
+                "name": "labelText",
+                "type": "string",
+                "required": false,
+                "description": "The optional label that goes underneath the link to the previous page, providing further context for the user about where the link goes."
+            },
+            {
+                "name": "href",
+                "type": "string",
+                "required": true,
+                "description": "The previous page's URL."
+            },
+            {
+                "name": "attributes",
+                "type": "object",
+                "required": false,
+                "description": "The HTML attributes (for example, data attributes) you want to add to the anchor."
+            }
+        ]
+    },
+    {
+        "name": "next",
+        "type": "object",
+        "required": false,
+        "description": "A link to the next page, if there is a next page.",
+        "params": [
+            {
+                "name": "text",
+                "type": "string",
+                "required": false,
+                "description": "The text content of the link to the next page. Defaults to `\"Next page\"`, with 'page' being visually hidden. If `html` is provided, the `text` option will be ignored."
+            },
+            {
+                "name": "html",
+                "type": "string",
+                "required": false,
+                "description": "The HTML content of the link to the next page. Defaults to `\"Next page\"`, with 'page' being visually hidden. If `html` is provided, the `text` option will be ignored."
+            },
+            {
+                "name": "labelText",
+                "type": "string",
+                "required": false,
+                "description": "The optional label that goes underneath the link to the next page, providing further context for the user about where the link goes."
+            },
+            {
+                "name": "href",
+                "type": "string",
+                "required": true,
+                "description": "The next page's URL."
+            },
+            {
+                "name": "attributes",
+                "type": "object",
+                "required": false,
+                "description": "The HTML attributes (for example, data attributes) you want to add to the anchor."
+            }
+        ]
+    },
+    {
+        "name": "landmarkLabel",
+        "type": "string",
+        "required": false,
+        "description": "The label for the navigation landmark that wraps the pagination. Defaults to `\"Pagination\"`."
+    },
+    {
+        "name": "classes",
+        "type": "string",
+        "required": false,
+        "description": "The classes you want to add to the pagination `nav` parent."
+    },
+    {
+        "name": "attributes",
+        "type": "object",
+        "required": false,
+        "description": "The HTML attributes (for example, data attributes) you want to add to the pagination `nav` parent."
+    }
+]
diff --git a/app/templates/govuk/components/components/pagination/macro.njk b/app/templates/govuk/components/components/pagination/macro.njk
new file mode 100644
index 0000000..66773fe
--- /dev/null
+++ b/app/templates/govuk/components/components/pagination/macro.njk
@@ -0,0 +1,3 @@
+{% macro govukPagination(params) %}
+  {%- include "./template.njk" -%}
+{% endmacro %}
diff --git a/app/templates/govuk/components/components/pagination/template-default.html b/app/templates/govuk/components/components/pagination/template-default.html
new file mode 100644
index 0000000..ab65353
--- /dev/null
+++ b/app/templates/govuk/components/components/pagination/template-default.html
@@ -0,0 +1,39 @@
+<nav class="govuk-pagination" aria-label="Pagination">
+  <div class="govuk-pagination__prev">
+    <a class="govuk-link govuk-pagination__link" href="/previous" rel="prev">
+      <svg class="govuk-pagination__icon govuk-pagination__icon--prev" xmlns="http://www.w3.org/2000/svg" height="13" width="15" aria-hidden="true" focusable="false" viewBox="0 0 15 13">
+        <path d="m6.5938-0.0078125-6.7266 6.7266 6.7441 6.4062 1.377-1.449-4.1856-3.9768h12.896v-2h-12.984l4.2931-4.293-1.414-1.414z"></path>
+      </svg>
+      <span class="govuk-pagination__link-title">
+        Previous<span class="govuk-visually-hidden"> page</span>
+      </span>
+    </a>
+  </div>
+  <ul class="govuk-pagination__list">
+    <li class="govuk-pagination__item">
+      <a class="govuk-link govuk-pagination__link" href="/page/1" aria-label="Page 1">
+        1
+      </a>
+    </li>
+    <li class="govuk-pagination__item govuk-pagination__item--current">
+      <a class="govuk-link govuk-pagination__link" href="/page/2" aria-label="Page 2" aria-current="page">
+        2
+      </a>
+    </li>
+    <li class="govuk-pagination__item">
+      <a class="govuk-link govuk-pagination__link" href="/page/3" aria-label="Page 3">
+        3
+      </a>
+    </li>
+  </ul>
+  <div class="govuk-pagination__next">
+    <a class="govuk-link govuk-pagination__link" href="/next" rel="next">
+      <span class="govuk-pagination__link-title">
+        Next<span class="govuk-visually-hidden"> page</span>
+      </span>
+      <svg class="govuk-pagination__icon govuk-pagination__icon--next" xmlns="http://www.w3.org/2000/svg" height="13" width="15" aria-hidden="true" focusable="false" viewBox="0 0 15 13">
+        <path d="m8.107-0.0078125-1.4136 1.414 4.2926 4.293h-12.986v2h12.896l-4.1855 3.9766 1.377 1.4492 6.7441-6.4062-6.7246-6.7266z"></path>
+      </svg>
+    </a>
+  </div>
+</nav>
diff --git a/app/templates/govuk/components/components/pagination/template-first-page.html b/app/templates/govuk/components/components/pagination/template-first-page.html
new file mode 100644
index 0000000..9c6e623
--- /dev/null
+++ b/app/templates/govuk/components/components/pagination/template-first-page.html
@@ -0,0 +1,29 @@
+<nav class="govuk-pagination" aria-label="Pagination">
+  <ul class="govuk-pagination__list">
+    <li class="govuk-pagination__item govuk-pagination__item--current">
+      <a class="govuk-link govuk-pagination__link" href="/page/1" aria-label="Page 1" aria-current="page">
+        1
+      </a>
+    </li>
+    <li class="govuk-pagination__item">
+      <a class="govuk-link govuk-pagination__link" href="/page/2" aria-label="Page 2">
+        2
+      </a>
+    </li>
+    <li class="govuk-pagination__item">
+      <a class="govuk-link govuk-pagination__link" href="/page/3" aria-label="Page 3">
+        3
+      </a>
+    </li>
+  </ul>
+  <div class="govuk-pagination__next">
+    <a class="govuk-link govuk-pagination__link" href="/next" rel="next">
+      <span class="govuk-pagination__link-title">
+        Next<span class="govuk-visually-hidden"> page</span>
+      </span>
+      <svg class="govuk-pagination__icon govuk-pagination__icon--next" xmlns="http://www.w3.org/2000/svg" height="13" width="15" aria-hidden="true" focusable="false" viewBox="0 0 15 13">
+        <path d="m8.107-0.0078125-1.4136 1.414 4.2926 4.293h-12.986v2h12.896l-4.1855 3.9766 1.377 1.4492 6.7441-6.4062-6.7246-6.7266z"></path>
+      </svg>
+    </a>
+  </div>
+</nav>
diff --git a/app/templates/govuk/components/components/pagination/template-last-page.html b/app/templates/govuk/components/components/pagination/template-last-page.html
new file mode 100644
index 0000000..c457fd4
--- /dev/null
+++ b/app/templates/govuk/components/components/pagination/template-last-page.html
@@ -0,0 +1,29 @@
+<nav class="govuk-pagination" aria-label="Pagination">
+  <div class="govuk-pagination__prev">
+    <a class="govuk-link govuk-pagination__link" href="/previous" rel="prev">
+      <svg class="govuk-pagination__icon govuk-pagination__icon--prev" xmlns="http://www.w3.org/2000/svg" height="13" width="15" aria-hidden="true" focusable="false" viewBox="0 0 15 13">
+        <path d="m6.5938-0.0078125-6.7266 6.7266 6.7441 6.4062 1.377-1.449-4.1856-3.9768h12.896v-2h-12.984l4.2931-4.293-1.414-1.414z"></path>
+      </svg>
+      <span class="govuk-pagination__link-title">
+        Previous<span class="govuk-visually-hidden"> page</span>
+      </span>
+    </a>
+  </div>
+  <ul class="govuk-pagination__list">
+    <li class="govuk-pagination__item">
+      <a class="govuk-link govuk-pagination__link" href="/page/1" aria-label="Page 1">
+        1
+      </a>
+    </li>
+    <li class="govuk-pagination__item">
+      <a class="govuk-link govuk-pagination__link" href="/page/2" aria-label="Page 2">
+        2
+      </a>
+    </li>
+    <li class="govuk-pagination__item govuk-pagination__item--current">
+      <a class="govuk-link govuk-pagination__link" href="/page/3" aria-label="Page 3" aria-current="page">
+        3
+      </a>
+    </li>
+  </ul>
+</nav>
diff --git a/app/templates/govuk/components/components/pagination/template-with-custom-link-and-item-text.html b/app/templates/govuk/components/components/pagination/template-with-custom-link-and-item-text.html
new file mode 100644
index 0000000..daa1fee
--- /dev/null
+++ b/app/templates/govuk/components/components/pagination/template-with-custom-link-and-item-text.html
@@ -0,0 +1,39 @@
+<nav class="govuk-pagination" aria-label="Pagination">
+  <div class="govuk-pagination__prev">
+    <a class="govuk-link govuk-pagination__link" href="/previous" rel="prev">
+      <svg class="govuk-pagination__icon govuk-pagination__icon--prev" xmlns="http://www.w3.org/2000/svg" height="13" width="15" aria-hidden="true" focusable="false" viewBox="0 0 15 13">
+        <path d="m6.5938-0.0078125-6.7266 6.7266 6.7441 6.4062 1.377-1.449-4.1856-3.9768h12.896v-2h-12.984l4.2931-4.293-1.414-1.414z"></path>
+      </svg>
+      <span class="govuk-pagination__link-title">
+        Previous page
+      </span>
+    </a>
+  </div>
+  <ul class="govuk-pagination__list">
+    <li class="govuk-pagination__item">
+      <a class="govuk-link govuk-pagination__link" href="/page/1" aria-label="Page one">
+        one
+      </a>
+    </li>
+    <li class="govuk-pagination__item govuk-pagination__item--current">
+      <a class="govuk-link govuk-pagination__link" href="/page/2" aria-label="Page two" aria-current="page">
+        two
+      </a>
+    </li>
+    <li class="govuk-pagination__item">
+      <a class="govuk-link govuk-pagination__link" href="/page/3" aria-label="Page three">
+        three
+      </a>
+    </li>
+  </ul>
+  <div class="govuk-pagination__next">
+    <a class="govuk-link govuk-pagination__link" href="/next" rel="next">
+      <span class="govuk-pagination__link-title">
+        Next page
+      </span>
+      <svg class="govuk-pagination__icon govuk-pagination__icon--next" xmlns="http://www.w3.org/2000/svg" height="13" width="15" aria-hidden="true" focusable="false" viewBox="0 0 15 13">
+        <path d="m8.107-0.0078125-1.4136 1.414 4.2926 4.293h-12.986v2h12.896l-4.1855 3.9766 1.377 1.4492 6.7441-6.4062-6.7246-6.7266z"></path>
+      </svg>
+    </a>
+  </div>
+</nav>
diff --git a/app/templates/govuk/components/components/pagination/template-with-many-pages.html b/app/templates/govuk/components/components/pagination/template-with-many-pages.html
new file mode 100644
index 0000000..10bddf9
--- /dev/null
+++ b/app/templates/govuk/components/components/pagination/template-with-many-pages.html
@@ -0,0 +1,65 @@
+<nav class="govuk-pagination" aria-label="Pagination">
+  <div class="govuk-pagination__prev">
+    <a class="govuk-link govuk-pagination__link" href="/previous" rel="prev">
+      <svg class="govuk-pagination__icon govuk-pagination__icon--prev" xmlns="http://www.w3.org/2000/svg" height="13" width="15" aria-hidden="true" focusable="false" viewBox="0 0 15 13">
+        <path d="m6.5938-0.0078125-6.7266 6.7266 6.7441 6.4062 1.377-1.449-4.1856-3.9768h12.896v-2h-12.984l4.2931-4.293-1.414-1.414z"></path>
+      </svg>
+      <span class="govuk-pagination__link-title">
+        Previous<span class="govuk-visually-hidden"> page</span>
+      </span>
+    </a>
+  </div>
+  <ul class="govuk-pagination__list">
+    <li class="govuk-pagination__item">
+      <a class="govuk-link govuk-pagination__link" href="/page/1" aria-label="Page 1">
+        1
+      </a>
+    </li>
+    <li class="govuk-pagination__item govuk-pagination__item--ellipses">
+      &ctdot;
+    </li>
+    <li class="govuk-pagination__item">
+      <a class="govuk-link govuk-pagination__link" href="/page/8" aria-label="Page 8">
+        8
+      </a>
+    </li>
+    <li class="govuk-pagination__item">
+      <a class="govuk-link govuk-pagination__link" href="/page/9" aria-label="Page 9">
+        9
+      </a>
+    </li>
+    <li class="govuk-pagination__item govuk-pagination__item--current">
+      <a class="govuk-link govuk-pagination__link" href="/page/10" aria-label="Page 10" aria-current="page">
+        10
+      </a>
+    </li>
+    <li class="govuk-pagination__item">
+      <a class="govuk-link govuk-pagination__link" href="/page/11" aria-label="Page 11">
+        11
+      </a>
+    </li>
+    <li class="govuk-pagination__item">
+      <a class="govuk-link govuk-pagination__link" href="/page/12" aria-label="Page 12">
+        12
+      </a>
+    </li>
+    <li class="govuk-pagination__item govuk-pagination__item--ellipses">
+      &ctdot;
+    </li>
+    <li class="govuk-pagination__item">
+      <a class="govuk-link govuk-pagination__link" href="/page/40" aria-label="Page 40">
+        40
+      </a>
+    </li>
+  </ul>
+  <div class="govuk-pagination__next">
+    <a class="govuk-link govuk-pagination__link" href="/next" rel="next">
+      <span class="govuk-pagination__link-title">
+        Next<span class="govuk-visually-hidden"> page</span>
+      </span>
+      <svg class="govuk-pagination__icon govuk-pagination__icon--next" xmlns="http://www.w3.org/2000/svg" height="13" width="15" aria-hidden="true" focusable="false" viewBox="0 0 15 13">
+        <path d="m8.107-0.0078125-1.4136 1.414 4.2926 4.293h-12.986v2h12.896l-4.1855 3.9766 1.377 1.4492 6.7441-6.4062-6.7246-6.7266z"></path>
+      </svg>
+    </a>
+  </div>
+</nav>
diff --git a/app/templates/govuk/components/components/pagination/template-with-next-only.html b/app/templates/govuk/components/components/pagination/template-with-next-only.html
new file mode 100644
index 0000000..378b11e
--- /dev/null
+++ b/app/templates/govuk/components/components/pagination/template-with-next-only.html
@@ -0,0 +1,12 @@
+<nav class="govuk-pagination govuk-pagination--block" aria-label="Pagination">
+  <div class="govuk-pagination__next">
+    <a class="govuk-link govuk-pagination__link" href="/next" rel="next">
+      <svg class="govuk-pagination__icon govuk-pagination__icon--next" xmlns="http://www.w3.org/2000/svg" height="13" width="15" aria-hidden="true" focusable="false" viewBox="0 0 15 13">
+        <path d="m8.107-0.0078125-1.4136 1.414 4.2926 4.293h-12.986v2h12.896l-4.1855 3.9766 1.377 1.4492 6.7441-6.4062-6.7246-6.7266z"></path>
+      </svg>
+      <span class="govuk-pagination__link-title govuk-pagination__link-title--decorated">
+        Next<span class="govuk-visually-hidden"> page</span>
+      </span>
+    </a>
+  </div>
+</nav>
diff --git a/app/templates/govuk/components/components/pagination/template-with-prev-and-next-only-and-labels.html b/app/templates/govuk/components/components/pagination/template-with-prev-and-next-only-and-labels.html
new file mode 100644
index 0000000..ca2552c
--- /dev/null
+++ b/app/templates/govuk/components/components/pagination/template-with-prev-and-next-only-and-labels.html
@@ -0,0 +1,26 @@
+<nav class="govuk-pagination govuk-pagination--block" aria-label="Pagination">
+  <div class="govuk-pagination__prev">
+    <a class="govuk-link govuk-pagination__link" href="/previous" rel="prev">
+      <svg class="govuk-pagination__icon govuk-pagination__icon--prev" xmlns="http://www.w3.org/2000/svg" height="13" width="15" aria-hidden="true" focusable="false" viewBox="0 0 15 13">
+        <path d="m6.5938-0.0078125-6.7266 6.7266 6.7441 6.4062 1.377-1.449-4.1856-3.9768h12.896v-2h-12.984l4.2931-4.293-1.414-1.414z"></path>
+      </svg>
+      <span class="govuk-pagination__link-title">
+        Previous page
+      </span>
+      <span class="govuk-visually-hidden">:</span>
+      <span class="govuk-pagination__link-label">Paying VAT and duty</span>
+    </a>
+  </div>
+  <div class="govuk-pagination__next">
+    <a class="govuk-link govuk-pagination__link" href="/next" rel="next">
+      <svg class="govuk-pagination__icon govuk-pagination__icon--next" xmlns="http://www.w3.org/2000/svg" height="13" width="15" aria-hidden="true" focusable="false" viewBox="0 0 15 13">
+        <path d="m8.107-0.0078125-1.4136 1.414 4.2926 4.293h-12.986v2h12.896l-4.1855 3.9766 1.377 1.4492 6.7441-6.4062-6.7246-6.7266z"></path>
+      </svg>
+      <span class="govuk-pagination__link-title">
+        Next page
+      </span>
+      <span class="govuk-visually-hidden">:</span>
+      <span class="govuk-pagination__link-label">Registering an imported vehicle</span>
+    </a>
+  </div>
+</nav>
diff --git a/app/templates/govuk/components/components/pagination/template-with-prev-and-next-only-and-very-long-labels.html b/app/templates/govuk/components/components/pagination/template-with-prev-and-next-only-and-very-long-labels.html
new file mode 100644
index 0000000..c973e08
--- /dev/null
+++ b/app/templates/govuk/components/components/pagination/template-with-prev-and-next-only-and-very-long-labels.html
@@ -0,0 +1,26 @@
+<nav class="govuk-pagination govuk-pagination--block" aria-label="Pagination">
+  <div class="govuk-pagination__prev">
+    <a class="govuk-link govuk-pagination__link" href="/previous" rel="prev">
+      <svg class="govuk-pagination__icon govuk-pagination__icon--prev" xmlns="http://www.w3.org/2000/svg" height="13" width="15" aria-hidden="true" focusable="false" viewBox="0 0 15 13">
+        <path d="m6.5938-0.0078125-6.7266 6.7266 6.7441 6.4062 1.377-1.449-4.1856-3.9768h12.896v-2h-12.984l4.2931-4.293-1.414-1.414z"></path>
+      </svg>
+      <span class="govuk-pagination__link-title">
+        Previous page
+      </span>
+      <span class="govuk-visually-hidden">:</span>
+      <span class="govuk-pagination__link-label">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</span>
+    </a>
+  </div>
+  <div class="govuk-pagination__next">
+    <a class="govuk-link govuk-pagination__link" href="/next" rel="next">
+      <svg class="govuk-pagination__icon govuk-pagination__icon--next" xmlns="http://www.w3.org/2000/svg" height="13" width="15" aria-hidden="true" focusable="false" viewBox="0 0 15 13">
+        <path d="m8.107-0.0078125-1.4136 1.414 4.2926 4.293h-12.986v2h12.896l-4.1855 3.9766 1.377 1.4492 6.7441-6.4062-6.7246-6.7266z"></path>
+      </svg>
+      <span class="govuk-pagination__link-title">
+        Next page
+      </span>
+      <span class="govuk-visually-hidden">:</span>
+      <span class="govuk-pagination__link-label">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</span>
+    </a>
+  </div>
+</nav>
diff --git a/app/templates/govuk/components/components/pagination/template-with-prev-and-next-only.html b/app/templates/govuk/components/components/pagination/template-with-prev-and-next-only.html
new file mode 100644
index 0000000..fcb3ec2
--- /dev/null
+++ b/app/templates/govuk/components/components/pagination/template-with-prev-and-next-only.html
@@ -0,0 +1,22 @@
+<nav class="govuk-pagination govuk-pagination--block" aria-label="Pagination">
+  <div class="govuk-pagination__prev">
+    <a class="govuk-link govuk-pagination__link" href="/previous" rel="prev">
+      <svg class="govuk-pagination__icon govuk-pagination__icon--prev" xmlns="http://www.w3.org/2000/svg" height="13" width="15" aria-hidden="true" focusable="false" viewBox="0 0 15 13">
+        <path d="m6.5938-0.0078125-6.7266 6.7266 6.7441 6.4062 1.377-1.449-4.1856-3.9768h12.896v-2h-12.984l4.2931-4.293-1.414-1.414z"></path>
+      </svg>
+      <span class="govuk-pagination__link-title govuk-pagination__link-title--decorated">
+        Previous<span class="govuk-visually-hidden"> page</span>
+      </span>
+    </a>
+  </div>
+  <div class="govuk-pagination__next">
+    <a class="govuk-link govuk-pagination__link" href="/next" rel="next">
+      <svg class="govuk-pagination__icon govuk-pagination__icon--next" xmlns="http://www.w3.org/2000/svg" height="13" width="15" aria-hidden="true" focusable="false" viewBox="0 0 15 13">
+        <path d="m8.107-0.0078125-1.4136 1.414 4.2926 4.293h-12.986v2h12.896l-4.1855 3.9766 1.377 1.4492 6.7441-6.4062-6.7246-6.7266z"></path>
+      </svg>
+      <span class="govuk-pagination__link-title govuk-pagination__link-title--decorated">
+        Next<span class="govuk-visually-hidden"> page</span>
+      </span>
+    </a>
+  </div>
+</nav>
diff --git a/app/templates/govuk/components/components/pagination/template-with-previous-only.html b/app/templates/govuk/components/components/pagination/template-with-previous-only.html
new file mode 100644
index 0000000..1a3f747
--- /dev/null
+++ b/app/templates/govuk/components/components/pagination/template-with-previous-only.html
@@ -0,0 +1,12 @@
+<nav class="govuk-pagination govuk-pagination--block" aria-label="Pagination">
+  <div class="govuk-pagination__prev">
+    <a class="govuk-link govuk-pagination__link" href="/previous" rel="prev">
+      <svg class="govuk-pagination__icon govuk-pagination__icon--prev" xmlns="http://www.w3.org/2000/svg" height="13" width="15" aria-hidden="true" focusable="false" viewBox="0 0 15 13">
+        <path d="m6.5938-0.0078125-6.7266 6.7266 6.7441 6.4062 1.377-1.449-4.1856-3.9768h12.896v-2h-12.984l4.2931-4.293-1.414-1.414z"></path>
+      </svg>
+      <span class="govuk-pagination__link-title govuk-pagination__link-title--decorated">
+        Previous<span class="govuk-visually-hidden"> page</span>
+      </span>
+    </a>
+  </div>
+</nav>
diff --git a/app/templates/govuk/components/components/pagination/template.njk b/app/templates/govuk/components/components/pagination/template.njk
new file mode 100644
index 0000000..5765c1c
--- /dev/null
+++ b/app/templates/govuk/components/components/pagination/template.njk
@@ -0,0 +1,85 @@
+{% from "../../macros/attributes.njk" import govukAttributes -%}
+
+{% set blockLevel = not params.items and (params.next or params.previous) -%}
+
+{%- set arrowPrevious -%}
+  <svg class="govuk-pagination__icon govuk-pagination__icon--prev" xmlns="http://www.w3.org/2000/svg" height="13" width="15" aria-hidden="true" focusable="false" viewBox="0 0 15 13">
+    <path d="m6.5938-0.0078125-6.7266 6.7266 6.7441 6.4062 1.377-1.449-4.1856-3.9768h12.896v-2h-12.984l4.2931-4.293-1.414-1.414z"></path>
+  </svg>
+{%- endset -%}
+
+{%- set arrowNext -%}
+  <svg class="govuk-pagination__icon govuk-pagination__icon--next" xmlns="http://www.w3.org/2000/svg" height="13" width="15" aria-hidden="true" focusable="false" viewBox="0 0 15 13">
+    <path d="m8.107-0.0078125-1.4136 1.414 4.2926 4.293h-12.986v2h12.896l-4.1855 3.9766 1.377 1.4492 6.7441-6.4062-6.7246-6.7266z"></path>
+  </svg>
+{%- endset -%}
+
+{%- macro _arrowLink(link, type = "next") %}
+  {% set arrowType = arrowPrevious if type == "prev" else arrowNext %}
+  <div class="govuk-pagination__{{ type }}">
+    <a class="govuk-link govuk-pagination__link" href="{{ link.href }}" rel="{{ type }}"
+      {{- govukAttributes(link.attributes) }}>
+      {% if blockLevel or type == "prev" %}
+        {{- arrowType | safe | indent(4, true) }}
+      {% endif %}
+      <span class="govuk-pagination__link-title {%- if blockLevel and not link.labelText %} govuk-pagination__link-title--decorated{% endif %}">
+        {{ caller() | safe | trim }}
+      </span>
+      {% if link.labelText and blockLevel %}
+      <span class="govuk-visually-hidden">:</span>
+      <span class="govuk-pagination__link-label">{{ link.labelText }}</span>
+      {% endif %}
+      {% if not blockLevel and type == "next" %}
+        {{- arrowType | safe | indent(4, true) }}
+      {% endif %}
+    </a>
+  </div>
+{% endmacro -%}
+
+{%- macro _pageItem(item) -%}
+  <li class="govuk-pagination__item {%- if item.current %} govuk-pagination__item--current{% endif %} {%- if item.ellipsis %} govuk-pagination__item--ellipses{% endif %}">
+  {% if item.ellipsis %}
+    &ctdot;
+  {% else %}
+    <a class="govuk-link govuk-pagination__link" href="{{ item.href }}" aria-label="{{ item.visuallyHiddenText | default("Page " + item.number) }}"
+      {%- if item.current %} aria-current="page"{% endif %}
+      {{- govukAttributes(item.attributes) }}>
+      {{ item.number }}
+    </a>
+  {% endif %}
+  </li>
+{%- endmacro -%}
+
+<nav class="govuk-pagination {%- if blockLevel %} govuk-pagination--block{% endif %} {%- if params.classes %} {{ params.classes }}{% endif %}" aria-label="{{ params.landmarkLabel | default("Pagination", true) }}"
+  {{- govukAttributes(params.attributes) }}>
+  {% set previous = params.previous %}
+  {% set next = params.next %}
+
+  {%- if previous and previous.href %}
+    {% call _arrowLink(previous, "prev") %}
+      {% if previous.html or previous.text %}
+        {{ previous.html | safe | trim | indent(8) if previous.html else previous.text }}
+      {% else %}
+        Previous<span class="govuk-visually-hidden"> page</span>
+      {% endif %}
+    {% endcall %}
+  {%- endif %}
+
+  {%- if params.items %}
+  <ul class="govuk-pagination__list">
+  {% for item in params.items %}
+    {{ _pageItem(item) | indent(2) }}
+  {% endfor %}
+  </ul>
+  {% endif %}
+
+  {%- if next and next.href %}
+    {% call _arrowLink(next, "next") %}
+      {% if next.html or next.text %}
+        {{ next.html | safe | trim | indent(8) if next.html else next.text }}
+      {% else %}
+        Next<span class="govuk-visually-hidden"> page</span>
+      {% endif %}
+    {% endcall %}
+  {% endif %}
+</nav>
diff --git a/app/templates/govuk/components/components/panel/README.md b/app/templates/govuk/components/components/panel/README.md
new file mode 100644
index 0000000..c959087
--- /dev/null
+++ b/app/templates/govuk/components/components/panel/README.md
@@ -0,0 +1,15 @@
+# Panel
+
+## Installation
+
+See the [main README quick start guide](https://github.com/alphagov/govuk-frontend#quick-start) for how to install this component.
+
+## Guidance and Examples
+
+Find out when to use the panel component in your service in the [GOV.UK Design System](https://design-system.service.gov.uk/components/panel).
+
+## Component options
+
+Use options to customise the appearance, content and behaviour of a component when using a macro, for example, changing the text.
+
+See [options table](https://design-system.service.gov.uk/components/panel/#options-panel-example) for details.
diff --git a/app/templates/govuk/components/components/panel/_index.scss b/app/templates/govuk/components/components/panel/_index.scss
new file mode 100644
index 0000000..d24833e
--- /dev/null
+++ b/app/templates/govuk/components/components/panel/_index.scss
@@ -0,0 +1,58 @@
+@include govuk-exports("govuk/component/panel") {
+  .govuk-panel {
+    @include govuk-font($size: 36);
+
+    box-sizing: border-box;
+
+    margin-bottom: govuk-spacing(3);
+    padding: govuk-spacing(7) - $govuk-border-width;
+
+    border: $govuk-border-width solid transparent;
+
+    text-align: center;
+
+    @include govuk-media-query($until: tablet) {
+      padding: govuk-spacing(if($govuk-new-typography-scale, 4, 3)) - $govuk-border-width;
+
+      // This is an if-all-else-fails attempt to stop long words from
+      // overflowing the container on very narrow viewports by forcing them to
+      // break and wrap instead. This overflowing is more likely to happen when
+      // user increases text size on a mobile eg. using iOS Safari text resize
+      // controls.
+      //
+      // The overflowing is a particular problem with the panel component since
+      // it uses white text: when the text overflows the container, it is
+      // invisible on the white (page) background. When the text in our other
+      // components overflow, the user might have to scroll horizontally to view
+      // it but the the text remains legible.
+      overflow-wrap: break-word;
+
+      // Support IE (autoprefixer doesn't add this as it's not a prefix)
+      word-wrap: break-word;
+    }
+  }
+
+  .govuk-panel--confirmation {
+    color: govuk-colour("white");
+    background: govuk-colour("green");
+
+    @include govuk-media-query($media-type: print) {
+      border-color: currentcolor;
+      color: $govuk-print-text-colour;
+      background: none;
+    }
+  }
+
+  .govuk-panel__title {
+    @include govuk-font-size($size: 48);
+    @include govuk-typography-weight-bold;
+    margin-top: 0;
+    margin-bottom: govuk-spacing(6);
+  }
+
+  .govuk-panel__title:last-child {
+    margin-bottom: 0;
+  }
+}
+
+/*# sourceMappingURL=_index.scss.map */
diff --git a/app/templates/govuk/components/components/panel/_index.scss.map b/app/templates/govuk/components/components/panel/_index.scss.map
new file mode 100644
index 0000000..f99e9ef
--- /dev/null
+++ b/app/templates/govuk/components/components/panel/_index.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/panel/_index.scss"],"names":[],"mappings":"AAAA;EACE;IACE,8BAA8B;;IAE9B,sBAAsB;;IAEtB,+BAA+B;IAC/B,+CAA+C;;IAE/C,6CAA6C;;IAE7C,kBAAkB;;IAElB;MACE,mFAAmF;;MAEnF,8DAA8D;MAC9D,uEAAuE;MACvE,wEAAwE;MACxE,uEAAuE;MACvE,WAAW;MACX,CAAC;MACD,wEAAwE;MACxE,kEAAkE;MAClE,sEAAsE;MACtE,yEAAyE;MACzE,sCAAsC;MACtC,yBAAyB;;MAEzB,iEAAiE;MACjE,qBAAqB;IACvB;EACF;;EAEA;IACE,4BAA4B;IAC5B,iCAAiC;;IAEjC;MACE,0BAA0B;MAC1B,+BAA+B;MAC/B,gBAAgB;IAClB;EACF;;EAEA;IACE,mCAAmC;IACnC,qCAAqC;IACrC,aAAa;IACb,+BAA+B;EACjC;;EAEA;IACE,gBAAgB;EAClB;AACF","file":"_index.scss","sourcesContent":["@include govuk-exports(\"govuk/component/panel\") {\n  .govuk-panel {\n    @include govuk-font($size: 36);\n\n    box-sizing: border-box;\n\n    margin-bottom: govuk-spacing(3);\n    padding: govuk-spacing(7) - $govuk-border-width;\n\n    border: $govuk-border-width solid transparent;\n\n    text-align: center;\n\n    @include govuk-media-query($until: tablet) {\n      padding: govuk-spacing(if($govuk-new-typography-scale, 4, 3)) - $govuk-border-width;\n\n      // This is an if-all-else-fails attempt to stop long words from\n      // overflowing the container on very narrow viewports by forcing them to\n      // break and wrap instead. This overflowing is more likely to happen when\n      // user increases text size on a mobile eg. using iOS Safari text resize\n      // controls.\n      //\n      // The overflowing is a particular problem with the panel component since\n      // it uses white text: when the text overflows the container, it is\n      // invisible on the white (page) background. When the text in our other\n      // components overflow, the user might have to scroll horizontally to view\n      // it but the the text remains legible.\n      overflow-wrap: break-word;\n\n      // Support IE (autoprefixer doesn't add this as it's not a prefix)\n      word-wrap: break-word;\n    }\n  }\n\n  .govuk-panel--confirmation {\n    color: govuk-colour(\"white\");\n    background: govuk-colour(\"green\");\n\n    @include govuk-media-query($media-type: print) {\n      border-color: currentcolor;\n      color: $govuk-print-text-colour;\n      background: none;\n    }\n  }\n\n  .govuk-panel__title {\n    @include govuk-font-size($size: 48);\n    @include govuk-typography-weight-bold;\n    margin-top: 0;\n    margin-bottom: govuk-spacing(6);\n  }\n\n  .govuk-panel__title:last-child {\n    margin-bottom: 0;\n  }\n}\n"]}
diff --git a/app/templates/govuk/components/components/panel/_panel.scss b/app/templates/govuk/components/components/panel/_panel.scss
new file mode 100644
index 0000000..ab38dd4
--- /dev/null
+++ b/app/templates/govuk/components/components/panel/_panel.scss
@@ -0,0 +1,4 @@
+@import "../../base";
+@import "./index";
+
+/*# sourceMappingURL=_panel.scss.map */
diff --git a/app/templates/govuk/components/components/panel/_panel.scss.map b/app/templates/govuk/components/components/panel/_panel.scss.map
new file mode 100644
index 0000000..2a0c9d1
--- /dev/null
+++ b/app/templates/govuk/components/components/panel/_panel.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/panel/_panel.scss"],"names":[],"mappings":"AAAA,oBAAoB;AACpB,iBAAiB","file":"_panel.scss","sourcesContent":["@import \"../../base\";\n@import \"./index\";\n"]}
diff --git a/app/templates/govuk/components/components/panel/fixtures.json b/app/templates/govuk/components/components/panel/fixtures.json
new file mode 100644
index 0000000..293de6f
--- /dev/null
+++ b/app/templates/govuk/components/components/panel/fixtures.json
@@ -0,0 +1,118 @@
+{
+    "component": "panel",
+    "fixtures": [
+        {
+            "name": "default",
+            "options": {
+                "titleHtml": "Application complete",
+                "text": "Your reference number: HDJ2123F"
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": true,
+            "html": "<div class=\"govuk-panel govuk-panel--confirmation\">\n  <h1 class=\"govuk-panel__title\">\n    Application complete\n  </h1>\n  <div class=\"govuk-panel__body\">\n    Your reference number: HDJ2123F\n  </div>\n</div>"
+        },
+        {
+            "name": "title html as text",
+            "options": {
+                "titleText": "Application <strong>not</strong> complete",
+                "text": "Please complete form 1"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-panel govuk-panel--confirmation\">\n  <h1 class=\"govuk-panel__title\">\n    Application &lt;strong&gt;not&lt;/strong&gt; complete\n  </h1>\n  <div class=\"govuk-panel__body\">\n    Please complete form 1\n  </div>\n</div>"
+        },
+        {
+            "name": "title html",
+            "options": {
+                "titleHtml": "Application <strong>not</strong> complete",
+                "html": "Please complete <strong>form 1</strong>"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-panel govuk-panel--confirmation\">\n  <h1 class=\"govuk-panel__title\">\n    Application <strong>not</strong> complete\n  </h1>\n  <div class=\"govuk-panel__body\">\n    Please complete <strong>form 1</strong>\n  </div>\n</div>"
+        },
+        {
+            "name": "body html as text",
+            "options": {
+                "titleText": "Application complete",
+                "text": "Your reference number<br><strong>HDJ2123F</strong>"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-panel govuk-panel--confirmation\">\n  <h1 class=\"govuk-panel__title\">\n    Application complete\n  </h1>\n  <div class=\"govuk-panel__body\">\n    Your reference number&lt;br&gt;&lt;strong&gt;HDJ2123F&lt;/strong&gt;\n  </div>\n</div>"
+        },
+        {
+            "name": "body html",
+            "options": {
+                "titleText": "Application complete",
+                "html": "Your reference number<br><strong>HDJ2123F</strong>"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-panel govuk-panel--confirmation\">\n  <h1 class=\"govuk-panel__title\">\n    Application complete\n  </h1>\n  <div class=\"govuk-panel__body\">\n    Your reference number<br><strong>HDJ2123F</strong>\n  </div>\n</div>"
+        },
+        {
+            "name": "classes",
+            "options": {
+                "titleText": "Application complete",
+                "text": "Your reference number is HDJ2123F",
+                "classes": "extra-class one-more-class"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-panel govuk-panel--confirmation extra-class one-more-class\">\n  <h1 class=\"govuk-panel__title\">\n    Application complete\n  </h1>\n  <div class=\"govuk-panel__body\">\n    Your reference number is HDJ2123F\n  </div>\n</div>"
+        },
+        {
+            "name": "attributes",
+            "options": {
+                "titleText": "Application complete",
+                "text": "Your reference number is HDJ2123F",
+                "attributes": {
+                    "first-attribute": "foo",
+                    "second-attribute": "bar"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-panel govuk-panel--confirmation\" first-attribute=\"foo\" second-attribute=\"bar\">\n  <h1 class=\"govuk-panel__title\">\n    Application complete\n  </h1>\n  <div class=\"govuk-panel__body\">\n    Your reference number is HDJ2123F\n  </div>\n</div>"
+        },
+        {
+            "name": "title with no body text",
+            "options": {
+                "titleText": "Application complete"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-panel govuk-panel--confirmation\">\n  <h1 class=\"govuk-panel__title\">\n    Application complete\n  </h1>\n</div>"
+        },
+        {
+            "name": "custom heading level",
+            "options": {
+                "titleText": "Application complete",
+                "headingLevel": 2,
+                "text": "Your reference number: HDJ2123F"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-panel govuk-panel--confirmation\">\n  <h2 class=\"govuk-panel__title\">\n    Application complete\n  </h2>\n  <div class=\"govuk-panel__body\">\n    Your reference number: HDJ2123F\n  </div>\n</div>"
+        }
+    ]
+}
diff --git a/app/templates/govuk/components/components/panel/macro-options.json b/app/templates/govuk/components/components/panel/macro-options.json
new file mode 100644
index 0000000..a1a491a
--- /dev/null
+++ b/app/templates/govuk/components/components/panel/macro-options.json
@@ -0,0 +1,50 @@
+[
+    {
+        "name": "titleText",
+        "type": "string",
+        "required": true,
+        "description": "If `titleHtml` is set, this is not required. Text to use within the panel. If `titleHtml` is provided, the `titleText` option will be ignored."
+    },
+    {
+        "name": "titleHtml",
+        "type": "string",
+        "required": true,
+        "description": "If `titleText` is set, this is not required. HTML to use within the panel. If `titleHtml` is provided, the `titleText` option will be ignored."
+    },
+    {
+        "name": "headingLevel",
+        "type": "integer",
+        "required": false,
+        "description": "Heading level, from `1` to `6`. Default is `1`."
+    },
+    {
+        "name": "text",
+        "type": "string",
+        "required": true,
+        "description": "If `html` is set, this is not required. Text to use within the panel content. If `html` is provided, the `text` option will be ignored."
+    },
+    {
+        "name": "html",
+        "type": "string",
+        "required": true,
+        "description": "If `text` is set, this is not required. HTML to use within the panel content. If `html` is provided, the `text` option will be ignored."
+    },
+    {
+        "name": "caller",
+        "type": "nunjucks-block",
+        "required": false,
+        "description": "Not strictly a parameter but [Nunjucks code convention](https://mozilla.github.io/nunjucks/templating.html#call). Using a `call` block enables you to call a macro with all the text inside the tag. This is helpful if you want to pass a lot of content into a macro. To use it, you will need to wrap the entire panel component in a `call` block."
+    },
+    {
+        "name": "classes",
+        "type": "string",
+        "required": false,
+        "description": "Classes to add to the panel container."
+    },
+    {
+        "name": "attributes",
+        "type": "object",
+        "required": false,
+        "description": "HTML attributes (for example data attributes) to add to the panel container."
+    }
+]
diff --git a/app/templates/govuk/components/components/panel/macro.njk b/app/templates/govuk/components/components/panel/macro.njk
new file mode 100644
index 0000000..66da0a6
--- /dev/null
+++ b/app/templates/govuk/components/components/panel/macro.njk
@@ -0,0 +1,3 @@
+{% macro govukPanel(params) %}
+  {%- include "./template.njk" -%}
+{% endmacro %}
diff --git a/app/templates/govuk/components/components/panel/template-default.html b/app/templates/govuk/components/components/panel/template-default.html
new file mode 100644
index 0000000..de4887d
--- /dev/null
+++ b/app/templates/govuk/components/components/panel/template-default.html
@@ -0,0 +1,8 @@
+<div class="govuk-panel govuk-panel--confirmation">
+  <h1 class="govuk-panel__title">
+    Application complete
+  </h1>
+  <div class="govuk-panel__body">
+    Your reference number: HDJ2123F
+  </div>
+</div>
diff --git a/app/templates/govuk/components/components/panel/template.njk b/app/templates/govuk/components/components/panel/template.njk
new file mode 100644
index 0000000..e068052
--- /dev/null
+++ b/app/templates/govuk/components/components/panel/template.njk
@@ -0,0 +1,16 @@
+{% from "../../macros/attributes.njk" import govukAttributes -%}
+
+{% set headingLevel = params.headingLevel if params.headingLevel else 1 -%}
+
+<div class="govuk-panel govuk-panel--confirmation
+  {%- if params.classes %} {{ params.classes }}{% endif %}"
+  {{- govukAttributes(params.attributes) }}>
+  <h{{ headingLevel }} class="govuk-panel__title">
+    {{ params.titleHtml | safe if params.titleHtml else params.titleText }}
+  </h{{ headingLevel }}>
+  {% if caller or params.html or params.text %}
+  <div class="govuk-panel__body">
+    {{ caller() if caller else (params.html | safe | trim | indent(4) if params.html else params.text) }}
+  </div>
+  {% endif %}
+</div>
diff --git a/app/templates/govuk/components/components/password-input/_index.scss b/app/templates/govuk/components/components/password-input/_index.scss
new file mode 100644
index 0000000..0140d56
--- /dev/null
+++ b/app/templates/govuk/components/components/password-input/_index.scss
@@ -0,0 +1,57 @@
+@import "../button/index";
+@import "../input/index";
+
+@include govuk-exports("govuk/component/password-input") {
+  .govuk-password-input__wrapper {
+    // This element inherits styles from .govuk-input__wrapper, including:
+    // - being display: block with contents in a stacked column below the mobile
+    //   breakpoint
+    // - being display: flex above the mobile breakpoint
+
+    @include govuk-media-query($from: mobile) {
+      flex-direction: row;
+
+      // The default of `stretch` makes the toggle button appear taller than the
+      // input, due to using box-shadow, which we don't particularly want in
+      // this situation
+      align-items: flex-start;
+    }
+  }
+
+  .govuk-password-input__input {
+    // IE 11 and Microsoft Edge comes with its own password reveal function. We
+    // want to hide it, so that there aren't two controls presented to the user
+    // that do the same thing but aren't in sync with one another. This doesn't
+    // affect the function that allows Edge users to toggle password visibility
+    // by pressing Alt+F8, which cannot be programmatically disabled.
+    &::-ms-reveal {
+      display: none;
+    }
+  }
+
+  .govuk-password-input__toggle {
+    // Add top margin so the button doesn't obscure the input's focus style
+    margin-top: govuk-spacing(1);
+
+    // Remove default margin-bottom from button
+    margin-bottom: 0;
+
+    // Hide the button by default, JS removes this attribute
+    &[hidden] {
+      display: none;
+    }
+
+    @include govuk-media-query($from: mobile) {
+      // Buttons are normally 100% wide on mobile, but we don't want that here
+      width: auto;
+      flex-shrink: 0;
+      flex-basis: 5em;
+
+      // Move the spacing from top to the left
+      margin-top: 0;
+      margin-left: govuk-spacing(1);
+    }
+  }
+}
+
+/*# sourceMappingURL=_index.scss.map */
diff --git a/app/templates/govuk/components/components/password-input/_index.scss.map b/app/templates/govuk/components/components/password-input/_index.scss.map
new file mode 100644
index 0000000..be326c9
--- /dev/null
+++ b/app/templates/govuk/components/components/password-input/_index.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/password-input/_index.scss"],"names":[],"mappings":"AAAA,yBAAyB;AACzB,wBAAwB;;AAExB;EACE;IACE,qEAAqE;IACrE,2EAA2E;IAC3E,cAAc;IACd,mDAAmD;;IAEnD;MACE,mBAAmB;;MAEnB,yEAAyE;MACzE,qEAAqE;MACrE,gBAAgB;MAChB,uBAAuB;IACzB;EACF;;EAEA;IACE,0EAA0E;IAC1E,0EAA0E;IAC1E,0EAA0E;IAC1E,0EAA0E;IAC1E,gEAAgE;IAChE;MACE,aAAa;IACf;EACF;;EAEA;IACE,sEAAsE;IACtE,4BAA4B;;IAE5B,0CAA0C;IAC1C,gBAAgB;;IAEhB,uDAAuD;IACvD;MACE,aAAa;IACf;;IAEA;MACE,uEAAuE;MACvE,WAAW;MACX,cAAc;MACd,eAAe;;MAEf,uCAAuC;MACvC,aAAa;MACb,6BAA6B;IAC/B;EACF;AACF","file":"_index.scss","sourcesContent":["@import \"../button/index\";\n@import \"../input/index\";\n\n@include govuk-exports(\"govuk/component/password-input\") {\n  .govuk-password-input__wrapper {\n    // This element inherits styles from .govuk-input__wrapper, including:\n    // - being display: block with contents in a stacked column below the mobile\n    //   breakpoint\n    // - being display: flex above the mobile breakpoint\n\n    @include govuk-media-query($from: mobile) {\n      flex-direction: row;\n\n      // The default of `stretch` makes the toggle button appear taller than the\n      // input, due to using box-shadow, which we don't particularly want in\n      // this situation\n      align-items: flex-start;\n    }\n  }\n\n  .govuk-password-input__input {\n    // IE 11 and Microsoft Edge comes with its own password reveal function. We\n    // want to hide it, so that there aren't two controls presented to the user\n    // that do the same thing but aren't in sync with one another. This doesn't\n    // affect the function that allows Edge users to toggle password visibility\n    // by pressing Alt+F8, which cannot be programmatically disabled.\n    &::-ms-reveal {\n      display: none;\n    }\n  }\n\n  .govuk-password-input__toggle {\n    // Add top margin so the button doesn't obscure the input's focus style\n    margin-top: govuk-spacing(1);\n\n    // Remove default margin-bottom from button\n    margin-bottom: 0;\n\n    // Hide the button by default, JS removes this attribute\n    &[hidden] {\n      display: none;\n    }\n\n    @include govuk-media-query($from: mobile) {\n      // Buttons are normally 100% wide on mobile, but we don't want that here\n      width: auto;\n      flex-shrink: 0;\n      flex-basis: 5em;\n\n      // Move the spacing from top to the left\n      margin-top: 0;\n      margin-left: govuk-spacing(1);\n    }\n  }\n}\n"]}
diff --git a/app/templates/govuk/components/components/password-input/_password-input.scss b/app/templates/govuk/components/components/password-input/_password-input.scss
new file mode 100644
index 0000000..189d805
--- /dev/null
+++ b/app/templates/govuk/components/components/password-input/_password-input.scss
@@ -0,0 +1,4 @@
+@import "../../base";
+@import "./index";
+
+/*# sourceMappingURL=_password-input.scss.map */
diff --git a/app/templates/govuk/components/components/password-input/_password-input.scss.map b/app/templates/govuk/components/components/password-input/_password-input.scss.map
new file mode 100644
index 0000000..0719c8c
--- /dev/null
+++ b/app/templates/govuk/components/components/password-input/_password-input.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/password-input/_password-input.scss"],"names":[],"mappings":"AAAA,oBAAoB;AACpB,iBAAiB","file":"_password-input.scss","sourcesContent":["@import \"../../base\";\n@import \"./index\";\n"]}
diff --git a/app/templates/govuk/components/components/password-input/fixtures.json b/app/templates/govuk/components/components/password-input/fixtures.json
new file mode 100644
index 0000000..5b61e11
--- /dev/null
+++ b/app/templates/govuk/components/components/password-input/fixtures.json
@@ -0,0 +1,215 @@
+{
+    "component": "password-input",
+    "fixtures": [
+        {
+            "name": "default",
+            "options": {
+                "label": {
+                    "text": "Password"
+                },
+                "name": "password"
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": {
+                "variants": [
+                    "default",
+                    "no-js"
+                ]
+            },
+            "html": "<div class=\"govuk-form-group govuk-password-input\" data-module=\"govuk-password-input\">\n  <label class=\"govuk-label\" for=\"password\">\n    Password\n  </label>\n  <div class=\"govuk-input__wrapper govuk-password-input__wrapper\">\n    <input class=\"govuk-input govuk-password-input__input govuk-js-password-input-input\" id=\"password\" name=\"password\" type=\"password\" spellcheck=\"false\" autocomplete=\"current-password\" autocapitalize=\"none\">\n    <button type=\"button\" class=\"govuk-button govuk-button--secondary govuk-password-input__toggle govuk-js-password-input-toggle\" data-module=\"govuk-button\" aria-controls=\"password\" aria-label=\"Show password\" hidden>\n      Show\n    </button>\n  </div>\n</div>"
+        },
+        {
+            "name": "with hint text",
+            "options": {
+                "label": {
+                    "text": "Password"
+                },
+                "hint": {
+                    "text": "It probably has some letters, numbers and maybe even some symbols in it."
+                },
+                "id": "password-input-with-hint-text",
+                "name": "test-name-2"
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-password-input\" data-module=\"govuk-password-input\">\n  <label class=\"govuk-label\" for=\"password-input-with-hint-text\">\n    Password\n  </label>\n  <div id=\"password-input-with-hint-text-hint\" class=\"govuk-hint\">\n    It probably has some letters, numbers and maybe even some symbols in it.\n  </div>\n  <div class=\"govuk-input__wrapper govuk-password-input__wrapper\">\n    <input class=\"govuk-input govuk-password-input__input govuk-js-password-input-input\" id=\"password-input-with-hint-text\" name=\"test-name-2\" type=\"password\" spellcheck=\"false\" aria-describedby=\"password-input-with-hint-text-hint\" autocomplete=\"current-password\" autocapitalize=\"none\">\n    <button type=\"button\" class=\"govuk-button govuk-button--secondary govuk-password-input__toggle govuk-js-password-input-toggle\" data-module=\"govuk-button\" aria-controls=\"password-input-with-hint-text\" aria-label=\"Show password\" hidden>\n      Show\n    </button>\n  </div>\n</div>"
+        },
+        {
+            "name": "with error message",
+            "options": {
+                "label": {
+                    "text": "Password"
+                },
+                "hint": {
+                    "text": "It probably has some letters, numbers and maybe even some symbols in it."
+                },
+                "id": "password-input-with-error-message",
+                "name": "test-name-3",
+                "errorMessage": {
+                    "text": "Error message goes here"
+                }
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-form-group--error govuk-password-input\" data-module=\"govuk-password-input\">\n  <label class=\"govuk-label\" for=\"password-input-with-error-message\">\n    Password\n  </label>\n  <div id=\"password-input-with-error-message-hint\" class=\"govuk-hint\">\n    It probably has some letters, numbers and maybe even some symbols in it.\n  </div>\n  <p id=\"password-input-with-error-message-error\" class=\"govuk-error-message\">\n    <span class=\"govuk-visually-hidden\">Error:</span> Error message goes here\n  </p>\n  <div class=\"govuk-input__wrapper govuk-password-input__wrapper\">\n    <input class=\"govuk-input govuk-password-input__input govuk-js-password-input-input govuk-input--error\" id=\"password-input-with-error-message\" name=\"test-name-3\" type=\"password\" spellcheck=\"false\" aria-describedby=\"password-input-with-error-message-hint password-input-with-error-message-error\" autocomplete=\"current-password\" autocapitalize=\"none\">\n    <button type=\"button\" class=\"govuk-button govuk-button--secondary govuk-password-input__toggle govuk-js-password-input-toggle\" data-module=\"govuk-button\" aria-controls=\"password-input-with-error-message\" aria-label=\"Show password\" hidden>\n      Show\n    </button>\n  </div>\n</div>"
+        },
+        {
+            "name": "with label as page heading",
+            "options": {
+                "label": {
+                    "text": "Password",
+                    "classes": "govuk-label--l",
+                    "isPageHeading": true
+                },
+                "id": "password-input-with-page-heading",
+                "name": "test-name"
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-password-input\" data-module=\"govuk-password-input\">\n  <h1 class=\"govuk-label-wrapper\">\n    <label class=\"govuk-label govuk-label--l\" for=\"password-input-with-page-heading\">\n      Password\n    </label>\n  </h1>\n  <div class=\"govuk-input__wrapper govuk-password-input__wrapper\">\n    <input class=\"govuk-input govuk-password-input__input govuk-js-password-input-input\" id=\"password-input-with-page-heading\" name=\"test-name\" type=\"password\" spellcheck=\"false\" autocomplete=\"current-password\" autocapitalize=\"none\">\n    <button type=\"button\" class=\"govuk-button govuk-button--secondary govuk-password-input__toggle govuk-js-password-input-toggle\" data-module=\"govuk-button\" aria-controls=\"password-input-with-page-heading\" aria-label=\"Show password\" hidden>\n      Show\n    </button>\n  </div>\n</div>"
+        },
+        {
+            "name": "with input width class",
+            "options": {
+                "label": {
+                    "text": "Password"
+                },
+                "id": "password-input-width",
+                "name": "password",
+                "classes": "govuk-input--width-10"
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-password-input\" data-module=\"govuk-password-input\">\n  <label class=\"govuk-label\" for=\"password-input-width\">\n    Password\n  </label>\n  <div class=\"govuk-input__wrapper govuk-password-input__wrapper\">\n    <input class=\"govuk-input govuk-password-input__input govuk-js-password-input-input govuk-input--width-10\" id=\"password-input-width\" name=\"password\" type=\"password\" spellcheck=\"false\" autocomplete=\"current-password\" autocapitalize=\"none\">\n    <button type=\"button\" class=\"govuk-button govuk-button--secondary govuk-password-input__toggle govuk-js-password-input-toggle\" data-module=\"govuk-button\" aria-controls=\"password-input-width\" aria-label=\"Show password\" hidden>\n      Show\n    </button>\n  </div>\n</div>"
+        },
+        {
+            "name": "classes",
+            "options": {
+                "id": "with-classes",
+                "name": "with-classes",
+                "label": {
+                    "text": "With classes"
+                },
+                "classes": "app-input--custom-modifier"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-password-input\" data-module=\"govuk-password-input\">\n  <label class=\"govuk-label\" for=\"with-classes\">\n    With classes\n  </label>\n  <div class=\"govuk-input__wrapper govuk-password-input__wrapper\">\n    <input class=\"govuk-input govuk-password-input__input govuk-js-password-input-input app-input--custom-modifier\" id=\"with-classes\" name=\"with-classes\" type=\"password\" spellcheck=\"false\" autocomplete=\"current-password\" autocapitalize=\"none\">\n    <button type=\"button\" class=\"govuk-button govuk-button--secondary govuk-password-input__toggle govuk-js-password-input-toggle\" data-module=\"govuk-button\" aria-controls=\"with-classes\" aria-label=\"Show password\" hidden>\n      Show\n    </button>\n  </div>\n</div>"
+        },
+        {
+            "name": "id",
+            "options": {
+                "id": "password-id",
+                "name": "testing-name",
+                "label": {
+                    "text": "With custom id"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-password-input\" data-module=\"govuk-password-input\">\n  <label class=\"govuk-label\" for=\"password-id\">\n    With custom id\n  </label>\n  <div class=\"govuk-input__wrapper govuk-password-input__wrapper\">\n    <input class=\"govuk-input govuk-password-input__input govuk-js-password-input-input\" id=\"password-id\" name=\"testing-name\" type=\"password\" spellcheck=\"false\" autocomplete=\"current-password\" autocapitalize=\"none\">\n    <button type=\"button\" class=\"govuk-button govuk-button--secondary govuk-password-input__toggle govuk-js-password-input-toggle\" data-module=\"govuk-button\" aria-controls=\"password-id\" aria-label=\"Show password\" hidden>\n      Show\n    </button>\n  </div>\n</div>"
+        },
+        {
+            "name": "value",
+            "options": {
+                "id": "with-value",
+                "name": "with-value",
+                "label": {
+                    "text": "With value"
+                },
+                "value": "Hunter2"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-password-input\" data-module=\"govuk-password-input\">\n  <label class=\"govuk-label\" for=\"with-value\">\n    With value\n  </label>\n  <div class=\"govuk-input__wrapper govuk-password-input__wrapper\">\n    <input class=\"govuk-input govuk-password-input__input govuk-js-password-input-input\" id=\"with-value\" name=\"with-value\" type=\"password\" spellcheck=\"false\" value=\"Hunter2\" autocomplete=\"current-password\" autocapitalize=\"none\">\n    <button type=\"button\" class=\"govuk-button govuk-button--secondary govuk-password-input__toggle govuk-js-password-input-toggle\" data-module=\"govuk-button\" aria-controls=\"with-value\" aria-label=\"Show password\" hidden>\n      Show\n    </button>\n  </div>\n</div>"
+        },
+        {
+            "name": "attributes",
+            "options": {
+                "id": "with-attributes",
+                "name": "with-attributes",
+                "label": {
+                    "text": "With attributes"
+                },
+                "attributes": {
+                    "data-attribute": "value",
+                    "data-another": "ok"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-password-input\" data-module=\"govuk-password-input\">\n  <label class=\"govuk-label\" for=\"with-attributes\">\n    With attributes\n  </label>\n  <div class=\"govuk-input__wrapper govuk-password-input__wrapper\">\n    <input class=\"govuk-input govuk-password-input__input govuk-js-password-input-input\" id=\"with-attributes\" name=\"with-attributes\" type=\"password\" spellcheck=\"false\" autocomplete=\"current-password\" autocapitalize=\"none\" data-attribute=\"value\" data-another=\"ok\">\n    <button type=\"button\" class=\"govuk-button govuk-button--secondary govuk-password-input__toggle govuk-js-password-input-toggle\" data-module=\"govuk-button\" aria-controls=\"with-attributes\" aria-label=\"Show password\" hidden>\n      Show\n    </button>\n  </div>\n</div>"
+        },
+        {
+            "name": "with describedBy",
+            "options": {
+                "id": "with-describedby",
+                "name": "with-describedby",
+                "label": {
+                    "text": "With describedBy"
+                },
+                "describedBy": "test-target-element"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-password-input\" data-module=\"govuk-password-input\">\n  <label class=\"govuk-label\" for=\"with-describedby\">\n    With describedBy\n  </label>\n  <div class=\"govuk-input__wrapper govuk-password-input__wrapper\">\n    <input class=\"govuk-input govuk-password-input__input govuk-js-password-input-input\" id=\"with-describedby\" name=\"with-describedby\" type=\"password\" spellcheck=\"false\" aria-describedby=\"test-target-element\" autocomplete=\"current-password\" autocapitalize=\"none\">\n    <button type=\"button\" class=\"govuk-button govuk-button--secondary govuk-password-input__toggle govuk-js-password-input-toggle\" data-module=\"govuk-button\" aria-controls=\"with-describedby\" aria-label=\"Show password\" hidden>\n      Show\n    </button>\n  </div>\n</div>"
+        },
+        {
+            "name": "with new-password autocomplete",
+            "options": {
+                "label": {
+                    "text": "Password"
+                },
+                "autocomplete": "new-password",
+                "id": "password-input-new-password",
+                "name": "password"
+            },
+            "hidden": true,
+            "description": "Supporting browsers and password managers should prompt to generate a password.",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-password-input\" data-module=\"govuk-password-input\">\n  <label class=\"govuk-label\" for=\"password-input-new-password\">\n    Password\n  </label>\n  <div class=\"govuk-input__wrapper govuk-password-input__wrapper\">\n    <input class=\"govuk-input govuk-password-input__input govuk-js-password-input-input\" id=\"password-input-new-password\" name=\"password\" type=\"password\" spellcheck=\"false\" autocomplete=\"new-password\" autocapitalize=\"none\">\n    <button type=\"button\" class=\"govuk-button govuk-button--secondary govuk-password-input__toggle govuk-js-password-input-toggle\" data-module=\"govuk-button\" aria-controls=\"password-input-new-password\" aria-label=\"Show password\" hidden>\n      Show\n    </button>\n  </div>\n</div>"
+        },
+        {
+            "name": "with translations",
+            "options": {
+                "label": {
+                    "text": "Cyfrinair"
+                },
+                "id": "password-translated",
+                "name": "password-translated",
+                "showPasswordText": "Datguddia",
+                "hidePasswordText": "Cuddio",
+                "showPasswordAriaLabelText": "Datgelu cyfrinair",
+                "hidePasswordAriaLabelText": "Cuddio cyfrinair",
+                "passwordShownAnnouncementText": "Mae eich cyfrinair yn weladwy.",
+                "passwordHiddenAnnouncementText": "Mae eich cyfrinair wedi'i guddio."
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-password-input\" data-module=\"govuk-password-input\" data-i18n.show-password=\"Datguddia\" data-i18n.hide-password=\"Cuddio\" data-i18n.show-password-aria-label=\"Datgelu cyfrinair\" data-i18n.hide-password-aria-label=\"Cuddio cyfrinair\" data-i18n.password-shown-announcement=\"Mae eich cyfrinair yn weladwy.\" data-i18n.password-hidden-announcement=\"Mae eich cyfrinair wedi&#39;i guddio.\">\n  <label class=\"govuk-label\" for=\"password-translated\">\n    Cyfrinair\n  </label>\n  <div class=\"govuk-input__wrapper govuk-password-input__wrapper\">\n    <input class=\"govuk-input govuk-password-input__input govuk-js-password-input-input\" id=\"password-translated\" name=\"password-translated\" type=\"password\" spellcheck=\"false\" autocomplete=\"current-password\" autocapitalize=\"none\">\n    <button type=\"button\" class=\"govuk-button govuk-button--secondary govuk-password-input__toggle govuk-js-password-input-toggle\" data-module=\"govuk-button\" aria-controls=\"password-translated\" aria-label=\"Datgelu cyfrinair\" hidden>\n      Datguddia\n    </button>\n  </div>\n</div>"
+        }
+    ]
+}
diff --git a/app/templates/govuk/components/components/password-input/macro-options.json b/app/templates/govuk/components/components/password-input/macro-options.json
new file mode 100644
index 0000000..453d1b2
--- /dev/null
+++ b/app/templates/govuk/components/components/password-input/macro-options.json
@@ -0,0 +1,181 @@
+[
+    {
+        "name": "id",
+        "type": "string",
+        "required": false,
+        "description": "The ID of the input. Defaults to the value of `name`."
+    },
+    {
+        "name": "name",
+        "type": "string",
+        "required": true,
+        "description": "The name of the input, which is submitted with the form data."
+    },
+    {
+        "name": "value",
+        "type": "string",
+        "required": false,
+        "description": "Optional initial value of the input."
+    },
+    {
+        "name": "disabled",
+        "type": "boolean",
+        "required": false,
+        "description": "If `true`, input will be disabled."
+    },
+    {
+        "name": "describedBy",
+        "type": "string",
+        "required": false,
+        "description": "One or more element IDs to add to the `aria-describedby` attribute, used to provide additional descriptive information for screenreader users."
+    },
+    {
+        "name": "label",
+        "type": "object",
+        "required": true,
+        "description": "The label used by the text input component.",
+        "isComponent": true
+    },
+    {
+        "name": "hint",
+        "type": "object",
+        "required": false,
+        "description": "Can be used to add a hint to a text input component.",
+        "isComponent": true
+    },
+    {
+        "name": "errorMessage",
+        "type": "object",
+        "required": false,
+        "description": "Can be used to add an error message to the text input component. The error message component will not display if you use a falsy value for `errorMessage`, for example `false` or `null`.",
+        "isComponent": true
+    },
+    {
+        "name": "formGroup",
+        "type": "object",
+        "required": false,
+        "description": "Additional options for the form group containing the text input component.",
+        "params": [
+            {
+                "name": "classes",
+                "type": "string",
+                "required": false,
+                "description": "Classes to add to the form group (for example to show error state for the whole group)."
+            },
+            {
+                "name": "attributes",
+                "type": "object",
+                "required": false,
+                "description": "HTML attributes (for example data attributes) to add to the form group."
+            },
+            {
+                "name": "beforeInput",
+                "type": "object",
+                "required": false,
+                "description": "Content to add before the input used by the text input component.",
+                "params": [
+                    {
+                        "name": "text",
+                        "type": "string",
+                        "required": true,
+                        "description": "Text to add before the input. If `html` is provided, the `text` option will be ignored."
+                    },
+                    {
+                        "name": "html",
+                        "type": "string",
+                        "required": true,
+                        "description": "HTML to add before the input. If `html` is provided, the `text` option will be ignored."
+                    }
+                ]
+            },
+            {
+                "name": "afterInput",
+                "type": "object",
+                "required": false,
+                "description": "Content to add after the input used by the text input component.",
+                "params": [
+                    {
+                        "name": "text",
+                        "type": "string",
+                        "required": true,
+                        "description": "Text to add after the input. If `html` is provided, the `text` option will be ignored."
+                    },
+                    {
+                        "name": "html",
+                        "type": "string",
+                        "required": true,
+                        "description": "HTML to add after the input. If `html` is provided, the `text` option will be ignored."
+                    }
+                ]
+            }
+        ]
+    },
+    {
+        "name": "classes",
+        "type": "string",
+        "required": false,
+        "description": "Classes to add to the input."
+    },
+    {
+        "name": "autocomplete",
+        "type": "string",
+        "required": false,
+        "description": "Attribute to meet [WCAG success criterion 1.3.5: Identify input purpose](https://www.w3.org/WAI/WCAG22/Understanding/identify-input-purpose.html). See the [Autofill section in the HTML standard](https://html.spec.whatwg.org/multipage/form-control-infrastructure.html#autofill) for full list of attributes that can be used. Default is `\"current-password\"`."
+    },
+    {
+        "name": "attributes",
+        "type": "object",
+        "required": false,
+        "description": "HTML attributes (for example data attributes) to add to the input."
+    },
+    {
+        "name": "showPasswordText",
+        "type": "string",
+        "required": false,
+        "description": "Button text when the password is hidden. Defaults to `\"Show\"`."
+    },
+    {
+        "name": "hidePasswordText",
+        "type": "string",
+        "required": false,
+        "description": "Button text when the password is visible. Defaults to `\"Hide\"`."
+    },
+    {
+        "name": "showPasswordAriaLabelText",
+        "type": "string",
+        "required": false,
+        "description": "Button text exposed to assistive technologies, like screen readers, when the password is hidden. Defaults to `\"Show password\"`."
+    },
+    {
+        "name": "hidePasswordAriaLabelText",
+        "type": "string",
+        "required": false,
+        "description": "Button text exposed to assistive technologies, like screen readers, when the password is visible. Defaults to `\"Hide password\"`."
+    },
+    {
+        "name": "passwordShownAnnouncementText",
+        "type": "string",
+        "required": false,
+        "description": "Announcement made to screen reader users when their password has become visible in plain text. Defaults to `\"Your password is visible\"`."
+    },
+    {
+        "name": "passwordHiddenAnnouncementText",
+        "type": "string",
+        "required": false,
+        "description": "Announcement made to screen reader users when their password has been obscured and is not visible. Defaults to `\"Your password is hidden\"`."
+    },
+    {
+        "name": "button",
+        "type": "object",
+        "required": false,
+        "description": "Optional object allowing customisation of the toggle button.",
+        "params": [
+            {
+                "name": "classes",
+                "type": "string",
+                "required": false,
+                "description": "Classes to add to the button."
+            }
+        ]
+    }
+]
diff --git a/app/templates/govuk/components/components/password-input/macro.njk b/app/templates/govuk/components/components/password-input/macro.njk
new file mode 100644
index 0000000..386d2cf
--- /dev/null
+++ b/app/templates/govuk/components/components/password-input/macro.njk
@@ -0,0 +1,3 @@
+{% macro govukPasswordInput(params) %}
+  {%- include "./template.njk" -%}
+{% endmacro %}
diff --git a/app/templates/govuk/components/components/password-input/password-input.bundle.js b/app/templates/govuk/components/components/password-input/password-input.bundle.js
new file mode 100644
index 0000000..ffc98d5
--- /dev/null
+++ b/app/templates/govuk/components/components/password-input/password-input.bundle.js
@@ -0,0 +1,515 @@
+(function (global, factory) {
+  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports) :
+  typeof define === 'function' && define.amd ? define(['exports'], factory) :
+  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.GOVUKFrontend = global.GOVUKFrontend || {}));
+})(this, (function (exports) { 'use strict';
+
+  function closestAttributeValue($element, attributeName) {
+    const $closestElementWithAttribute = $element.closest(`[${attributeName}]`);
+    return $closestElementWithAttribute ? $closestElementWithAttribute.getAttribute(attributeName) : null;
+  }
+
+  function isInitialised($root, moduleName) {
+    return $root instanceof HTMLElement && $root.hasAttribute(`data-${moduleName}-init`);
+  }
+
+  /**
+   * Checks if GOV.UK Frontend is supported on this page
+   *
+   * Some browsers will load and run our JavaScript but GOV.UK Frontend
+   * won't be supported.
+   *
+   * @param {HTMLElement | null} [$scope] - (internal) `<body>` HTML element checked for browser support
+   * @returns {boolean} Whether GOV.UK Frontend is supported on this page
+   */
+  function isSupported($scope = document.body) {
+    if (!$scope) {
+      return false;
+    }
+    return $scope.classList.contains('govuk-frontend-supported');
+  }
+  function isArray(option) {
+    return Array.isArray(option);
+  }
+  function isObject(option) {
+    return !!option && typeof option === 'object' && !isArray(option);
+  }
+  function formatErrorMessage(Component, message) {
+    return `${Component.moduleName}: ${message}`;
+  }
+  /**
+   * @typedef ComponentWithModuleName
+   * @property {string} moduleName - Name of the component
+   */
+
+  class GOVUKFrontendError extends Error {
+    constructor(...args) {
+      super(...args);
+      this.name = 'GOVUKFrontendError';
+    }
+  }
+  class SupportError extends GOVUKFrontendError {
+    /**
+     * Checks if GOV.UK Frontend is supported on this page
+     *
+     * @param {HTMLElement | null} [$scope] - HTML element `<body>` checked for browser support
+     */
+    constructor($scope = document.body) {
+      const supportMessage = 'noModule' in HTMLScriptElement.prototype ? 'GOV.UK Frontend initialised without `<body class="govuk-frontend-supported">` from template `<script>` snippet' : 'GOV.UK Frontend is not supported in this browser';
+      super($scope ? supportMessage : 'GOV.UK Frontend initialised without `<script type="module">`');
+      this.name = 'SupportError';
+    }
+  }
+  class ConfigError extends GOVUKFrontendError {
+    constructor(...args) {
+      super(...args);
+      this.name = 'ConfigError';
+    }
+  }
+  class ElementError extends GOVUKFrontendError {
+    constructor(messageOrOptions) {
+      let message = typeof messageOrOptions === 'string' ? messageOrOptions : '';
+      if (isObject(messageOrOptions)) {
+        const {
+          component,
+          identifier,
+          element,
+          expectedType
+        } = messageOrOptions;
+        message = identifier;
+        message += element ? ` is not of type ${expectedType != null ? expectedType : 'HTMLElement'}` : ' not found';
+        if (component) {
+          message = formatErrorMessage(component, message);
+        }
+      }
+      super(message);
+      this.name = 'ElementError';
+    }
+  }
+  class InitError extends GOVUKFrontendError {
+    constructor(componentOrMessage) {
+      const message = typeof componentOrMessage === 'string' ? componentOrMessage : formatErrorMessage(componentOrMessage, `Root element (\`$root\`) already initialised`);
+      super(message);
+      this.name = 'InitError';
+    }
+  }
+  /**
+   * @import { ComponentWithModuleName } from '../common/index.mjs'
+   */
+
+  class Component {
+    /**
+     * Returns the root element of the component
+     *
+     * @protected
+     * @returns {RootElementType} - the root element of component
+     */
+    get $root() {
+      return this._$root;
+    }
+    constructor($root) {
+      this._$root = void 0;
+      const childConstructor = this.constructor;
+      if (typeof childConstructor.moduleName !== 'string') {
+        throw new InitError(`\`moduleName\` not defined in component`);
+      }
+      if (!($root instanceof childConstructor.elementType)) {
+        throw new ElementError({
+          element: $root,
+          component: childConstructor,
+          identifier: 'Root element (`$root`)',
+          expectedType: childConstructor.elementType.name
+        });
+      } else {
+        this._$root = $root;
+      }
+      childConstructor.checkSupport();
+      this.checkInitialised();
+      const moduleName = childConstructor.moduleName;
+      this.$root.setAttribute(`data-${moduleName}-init`, '');
+    }
+    checkInitialised() {
+      const constructor = this.constructor;
+      const moduleName = constructor.moduleName;
+      if (moduleName && isInitialised(this.$root, moduleName)) {
+        throw new InitError(constructor);
+      }
+    }
+    static checkSupport() {
+      if (!isSupported()) {
+        throw new SupportError();
+      }
+    }
+  }
+
+  /**
+   * @typedef ChildClass
+   * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component
+   */
+
+  /**
+   * @typedef {typeof Component & ChildClass} ChildClassConstructor
+   */
+  Component.elementType = HTMLElement;
+
+  const configOverride = Symbol.for('configOverride');
+  class ConfigurableComponent extends Component {
+    [configOverride](param) {
+      return {};
+    }
+
+    /**
+     * Returns the root element of the component
+     *
+     * @protected
+     * @returns {ConfigurationType} - the root element of component
+     */
+    get config() {
+      return this._config;
+    }
+    constructor($root, config) {
+      super($root);
+      this._config = void 0;
+      const childConstructor = this.constructor;
+      if (!isObject(childConstructor.defaults)) {
+        throw new ConfigError(formatErrorMessage(childConstructor, 'Config passed as parameter into constructor but no defaults defined'));
+      }
+      const datasetConfig = normaliseDataset(childConstructor, this._$root.dataset);
+      this._config = mergeConfigs(childConstructor.defaults, config != null ? config : {}, this[configOverride](datasetConfig), datasetConfig);
+    }
+  }
+  function normaliseString(value, property) {
+    const trimmedValue = value ? value.trim() : '';
+    let output;
+    let outputType = property == null ? void 0 : property.type;
+    if (!outputType) {
+      if (['true', 'false'].includes(trimmedValue)) {
+        outputType = 'boolean';
+      }
+      if (trimmedValue.length > 0 && isFinite(Number(trimmedValue))) {
+        outputType = 'number';
+      }
+    }
+    switch (outputType) {
+      case 'boolean':
+        output = trimmedValue === 'true';
+        break;
+      case 'number':
+        output = Number(trimmedValue);
+        break;
+      default:
+        output = value;
+    }
+    return output;
+  }
+  function normaliseDataset(Component, dataset) {
+    if (!isObject(Component.schema)) {
+      throw new ConfigError(formatErrorMessage(Component, 'Config passed as parameter into constructor but no schema defined'));
+    }
+    const out = {};
+    const entries = Object.entries(Component.schema.properties);
+    for (const entry of entries) {
+      const [namespace, property] = entry;
+      const field = namespace.toString();
+      if (field in dataset) {
+        out[field] = normaliseString(dataset[field], property);
+      }
+      if ((property == null ? void 0 : property.type) === 'object') {
+        out[field] = extractConfigByNamespace(Component.schema, dataset, namespace);
+      }
+    }
+    return out;
+  }
+  function mergeConfigs(...configObjects) {
+    const formattedConfigObject = {};
+    for (const configObject of configObjects) {
+      for (const key of Object.keys(configObject)) {
+        const option = formattedConfigObject[key];
+        const override = configObject[key];
+        if (isObject(option) && isObject(override)) {
+          formattedConfigObject[key] = mergeConfigs(option, override);
+        } else {
+          formattedConfigObject[key] = override;
+        }
+      }
+    }
+    return formattedConfigObject;
+  }
+  function extractConfigByNamespace(schema, dataset, namespace) {
+    const property = schema.properties[namespace];
+    if ((property == null ? void 0 : property.type) !== 'object') {
+      return;
+    }
+    const newObject = {
+      [namespace]: {}
+    };
+    for (const [key, value] of Object.entries(dataset)) {
+      let current = newObject;
+      const keyParts = key.split('.');
+      for (const [index, name] of keyParts.entries()) {
+        if (isObject(current)) {
+          if (index < keyParts.length - 1) {
+            if (!isObject(current[name])) {
+              current[name] = {};
+            }
+            current = current[name];
+          } else if (key !== namespace) {
+            current[name] = normaliseString(value);
+          }
+        }
+      }
+    }
+    return newObject[namespace];
+  }
+  /**
+   * Schema for component config
+   *
+   * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType
+   * @typedef {object} Schema
+   * @property {Record<keyof ConfigurationType, SchemaProperty | undefined>} properties - Schema properties
+   * @property {SchemaCondition<ConfigurationType>[]} [anyOf] - List of schema conditions
+   */
+  /**
+   * Schema property for component config
+   *
+   * @typedef {object} SchemaProperty
+   * @property {'string' | 'boolean' | 'number' | 'object'} type - Property type
+   */
+  /**
+   * Schema condition for component config
+   *
+   * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType
+   * @typedef {object} SchemaCondition
+   * @property {(keyof ConfigurationType)[]} required - List of required config fields
+   * @property {string} errorMessage - Error message when required config fields not provided
+   */
+  /**
+   * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]
+   * @typedef ChildClass
+   * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component
+   * @property {Schema<ConfigurationType>} [schema] - The schema of the component configuration
+   * @property {ConfigurationType} [defaults] - The default values of the configuration of the component
+   */
+  /**
+   * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]
+   * @typedef {typeof Component & ChildClass<ConfigurationType>} ChildClassConstructor<ConfigurationType>
+   */
+  /**
+   * @import { CompatibleClass, Config, CreateAllOptions, OnErrorCallback } from '../init.mjs'
+   */
+
+  class I18n {
+    constructor(translations = {}, config = {}) {
+      var _config$locale;
+      this.translations = void 0;
+      this.locale = void 0;
+      this.translations = translations;
+      this.locale = (_config$locale = config.locale) != null ? _config$locale : document.documentElement.lang || 'en';
+    }
+    t(lookupKey, options) {
+      if (!lookupKey) {
+        throw new Error('i18n: lookup key missing');
+      }
+      let translation = this.translations[lookupKey];
+      if (typeof (options == null ? void 0 : options.count) === 'number' && isObject(translation)) {
+        const translationPluralForm = translation[this.getPluralSuffix(lookupKey, options.count)];
+        if (translationPluralForm) {
+          translation = translationPluralForm;
+        }
+      }
+      if (typeof translation === 'string') {
+        if (translation.match(/%{(.\S+)}/)) {
+          if (!options) {
+            throw new Error('i18n: cannot replace placeholders in string if no option data provided');
+          }
+          return this.replacePlaceholders(translation, options);
+        }
+        return translation;
+      }
+      return lookupKey;
+    }
+    replacePlaceholders(translationString, options) {
+      const formatter = Intl.NumberFormat.supportedLocalesOf(this.locale).length ? new Intl.NumberFormat(this.locale) : undefined;
+      return translationString.replace(/%{(.\S+)}/g, function (placeholderWithBraces, placeholderKey) {
+        if (Object.prototype.hasOwnProperty.call(options, placeholderKey)) {
+          const placeholderValue = options[placeholderKey];
+          if (placeholderValue === false || typeof placeholderValue !== 'number' && typeof placeholderValue !== 'string') {
+            return '';
+          }
+          if (typeof placeholderValue === 'number') {
+            return formatter ? formatter.format(placeholderValue) : `${placeholderValue}`;
+          }
+          return placeholderValue;
+        }
+        throw new Error(`i18n: no data found to replace ${placeholderWithBraces} placeholder in string`);
+      });
+    }
+    hasIntlPluralRulesSupport() {
+      return Boolean('PluralRules' in window.Intl && Intl.PluralRules.supportedLocalesOf(this.locale).length);
+    }
+    getPluralSuffix(lookupKey, count) {
+      count = Number(count);
+      if (!isFinite(count)) {
+        return 'other';
+      }
+      const translation = this.translations[lookupKey];
+      const preferredForm = this.hasIntlPluralRulesSupport() ? new Intl.PluralRules(this.locale).select(count) : 'other';
+      if (isObject(translation)) {
+        if (preferredForm in translation) {
+          return preferredForm;
+        } else if ('other' in translation) {
+          console.warn(`i18n: Missing plural form ".${preferredForm}" for "${this.locale}" locale. Falling back to ".other".`);
+          return 'other';
+        }
+      }
+      throw new Error(`i18n: Plural form ".other" is required for "${this.locale}" locale`);
+    }
+  }
+
+  /**
+   * Password input component
+   *
+   * @preserve
+   * @augments ConfigurableComponent<PasswordInputConfig>
+   */
+  class PasswordInput extends ConfigurableComponent {
+    /**
+     * @param {Element | null} $root - HTML element to use for password input
+     * @param {PasswordInputConfig} [config] - Password input config
+     */
+    constructor($root, config = {}) {
+      super($root, config);
+      this.i18n = void 0;
+      this.$input = void 0;
+      this.$showHideButton = void 0;
+      this.$screenReaderStatusMessage = void 0;
+      const $input = this.$root.querySelector('.govuk-js-password-input-input');
+      if (!($input instanceof HTMLInputElement)) {
+        throw new ElementError({
+          component: PasswordInput,
+          element: $input,
+          expectedType: 'HTMLInputElement',
+          identifier: 'Form field (`.govuk-js-password-input-input`)'
+        });
+      }
+      if ($input.type !== 'password') {
+        throw new ElementError('Password input: Form field (`.govuk-js-password-input-input`) must be of type `password`.');
+      }
+      const $showHideButton = this.$root.querySelector('.govuk-js-password-input-toggle');
+      if (!($showHideButton instanceof HTMLButtonElement)) {
+        throw new ElementError({
+          component: PasswordInput,
+          element: $showHideButton,
+          expectedType: 'HTMLButtonElement',
+          identifier: 'Button (`.govuk-js-password-input-toggle`)'
+        });
+      }
+      if ($showHideButton.type !== 'button') {
+        throw new ElementError('Password input: Button (`.govuk-js-password-input-toggle`) must be of type `button`.');
+      }
+      this.$input = $input;
+      this.$showHideButton = $showHideButton;
+      this.i18n = new I18n(this.config.i18n, {
+        locale: closestAttributeValue(this.$root, 'lang')
+      });
+      this.$showHideButton.removeAttribute('hidden');
+      const $screenReaderStatusMessage = document.createElement('div');
+      $screenReaderStatusMessage.className = 'govuk-password-input__sr-status govuk-visually-hidden';
+      $screenReaderStatusMessage.setAttribute('aria-live', 'polite');
+      this.$screenReaderStatusMessage = $screenReaderStatusMessage;
+      this.$input.insertAdjacentElement('afterend', $screenReaderStatusMessage);
+      this.$showHideButton.addEventListener('click', this.toggle.bind(this));
+      if (this.$input.form) {
+        this.$input.form.addEventListener('submit', () => this.hide());
+      }
+      window.addEventListener('pageshow', event => {
+        if (event.persisted && this.$input.type !== 'password') {
+          this.hide();
+        }
+      });
+      this.hide();
+    }
+    toggle(event) {
+      event.preventDefault();
+      if (this.$input.type === 'password') {
+        this.show();
+        return;
+      }
+      this.hide();
+    }
+    show() {
+      this.setType('text');
+    }
+    hide() {
+      this.setType('password');
+    }
+    setType(type) {
+      if (type === this.$input.type) {
+        return;
+      }
+      this.$input.setAttribute('type', type);
+      const isHidden = type === 'password';
+      const prefixButton = isHidden ? 'show' : 'hide';
+      const prefixStatus = isHidden ? 'passwordHidden' : 'passwordShown';
+      this.$showHideButton.innerText = this.i18n.t(`${prefixButton}Password`);
+      this.$showHideButton.setAttribute('aria-label', this.i18n.t(`${prefixButton}PasswordAriaLabel`));
+      this.$screenReaderStatusMessage.innerText = this.i18n.t(`${prefixStatus}Announcement`);
+    }
+  }
+
+  /**
+   * Password input config
+   *
+   * @typedef {object} PasswordInputConfig
+   * @property {PasswordInputTranslations} [i18n=PasswordInput.defaults.i18n] - Password input translations
+   */
+
+  /**
+   * Password input translations
+   *
+   * @see {@link PasswordInput.defaults.i18n}
+   * @typedef {object} PasswordInputTranslations
+   *
+   * Messages displayed to the user indicating the state of the show/hide toggle.
+   * @property {string} [showPassword] - Visible text of the button when the
+   *   password is currently hidden. Plain text only.
+   * @property {string} [hidePassword] - Visible text of the button when the
+   *   password is currently visible. Plain text only.
+   * @property {string} [showPasswordAriaLabel] - aria-label of the button when
+   *   the password is currently hidden. Plain text only.
+   * @property {string} [hidePasswordAriaLabel] - aria-label of the button when
+   *   the password is currently visible. Plain text only.
+   * @property {string} [passwordShownAnnouncement] - Screen reader
+   *   announcement to make when the password has just become visible.
+   *   Plain text only.
+   * @property {string} [passwordHiddenAnnouncement] - Screen reader
+   *   announcement to make when the password has just been hidden.
+   *   Plain text only.
+   */
+
+  /**
+   * @import { Schema } from '../../common/configuration.mjs'
+   */
+  PasswordInput.moduleName = 'govuk-password-input';
+  PasswordInput.defaults = Object.freeze({
+    i18n: {
+      showPassword: 'Show',
+      hidePassword: 'Hide',
+      showPasswordAriaLabel: 'Show password',
+      hidePasswordAriaLabel: 'Hide password',
+      passwordShownAnnouncement: 'Your password is visible',
+      passwordHiddenAnnouncement: 'Your password is hidden'
+    }
+  });
+  PasswordInput.schema = Object.freeze({
+    properties: {
+      i18n: {
+        type: 'object'
+      }
+    }
+  });
+
+  exports.PasswordInput = PasswordInput;
+
+}));
+//# sourceMappingURL=password-input.bundle.js.map
diff --git a/app/templates/govuk/components/components/password-input/password-input.bundle.js.map b/app/templates/govuk/components/components/password-input/password-input.bundle.js.map
new file mode 100644
index 0000000..62bc330
--- /dev/null
+++ b/app/templates/govuk/components/components/password-input/password-input.bundle.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"password-input.bundle.js","sources":["../../../../src/govuk/common/closest-attribute-value.mjs","../../../../src/govuk/common/index.mjs","../../../../src/govuk/errors/index.mjs","../../../../src/govuk/component.mjs","../../../../src/govuk/common/configuration.mjs","../../../../src/govuk/i18n.mjs","../../../../src/govuk/components/password-input/password-input.mjs"],"sourcesContent":["/**\n * Returns the value of the given attribute closest to the given element (including itself)\n *\n * @internal\n * @param {Element} $element - The element to start walking the DOM tree up\n * @param {string} attributeName - The name of the attribute\n * @returns {string | null} Attribute value\n */\nexport function closestAttributeValue($element, attributeName) {\n  const $closestElementWithAttribute = $element.closest(`[${attributeName}]`)\n  return $closestElementWithAttribute\n    ? $closestElementWithAttribute.getAttribute(attributeName)\n    : null\n}\n","/**\n * Common helpers which do not require polyfill.\n *\n * IMPORTANT: If a helper require a polyfill, please isolate it in its own module\n * so that the polyfill can be properly tree-shaken and does not burden\n * the components that do not need that helper\n */\n\n/**\n * Get GOV.UK Frontend breakpoint value from CSS custom property\n *\n * @private\n * @param {string} name - Breakpoint name\n * @returns {{ property: string, value?: string }} Breakpoint object\n */\nexport function getBreakpoint(name) {\n  const property = `--govuk-breakpoint-${name}`\n\n  // Get value from `<html>` with breakpoints on CSS :root\n  const value = window\n    .getComputedStyle(document.documentElement)\n    .getPropertyValue(property)\n\n  return {\n    property,\n    value: value || undefined\n  }\n}\n\n/**\n * Move focus to element\n *\n * Sets tabindex to -1 to make the element programmatically focusable,\n * but removes it on blur as the element doesn't need to be focused again.\n *\n * @private\n * @template {HTMLElement} FocusElement\n * @param {FocusElement} $element - HTML element\n * @param {object} [options] - Handler options\n * @param {function(this: FocusElement): void} [options.onBeforeFocus] - Callback before focus\n * @param {function(this: FocusElement): void} [options.onBlur] - Callback on blur\n */\nexport function setFocus($element, options = {}) {\n  const isFocusable = $element.getAttribute('tabindex')\n\n  if (!isFocusable) {\n    $element.setAttribute('tabindex', '-1')\n  }\n\n  /**\n   * Handle element focus\n   */\n  function onFocus() {\n    $element.addEventListener('blur', onBlur, { once: true })\n  }\n\n  /**\n   * Handle element blur\n   */\n  function onBlur() {\n    options.onBlur?.call($element)\n\n    if (!isFocusable) {\n      $element.removeAttribute('tabindex')\n    }\n  }\n\n  // Add listener to reset element on blur, after focus\n  $element.addEventListener('focus', onFocus, { once: true })\n\n  // Focus element\n  options.onBeforeFocus?.call($element)\n  $element.focus()\n}\n\n/**\n * Checks if component is already initialised\n *\n * @internal\n * @param {Element} $root - HTML element to be checked\n * @param {string} moduleName - name of component module\n * @returns {boolean} Whether component is already initialised\n */\nexport function isInitialised($root, moduleName) {\n  return (\n    $root instanceof HTMLElement &&\n    $root.hasAttribute(`data-${moduleName}-init`)\n  )\n}\n\n/**\n * Checks if GOV.UK Frontend is supported on this page\n *\n * Some browsers will load and run our JavaScript but GOV.UK Frontend\n * won't be supported.\n *\n * @param {HTMLElement | null} [$scope] - (internal) `<body>` HTML element checked for browser support\n * @returns {boolean} Whether GOV.UK Frontend is supported on this page\n */\nexport function isSupported($scope = document.body) {\n  if (!$scope) {\n    return false\n  }\n\n  return $scope.classList.contains('govuk-frontend-supported')\n}\n\n/**\n * Check for an array\n *\n * @internal\n * @param {unknown} option - Option to check\n * @returns {boolean} Whether the option is an array\n */\nfunction isArray(option) {\n  return Array.isArray(option)\n}\n\n/**\n * Check for an object\n *\n * @internal\n * @template {Partial<Record<keyof ObjectType, unknown>>} ObjectType\n * @param {unknown | ObjectType} option - Option to check\n * @returns {option is ObjectType} Whether the option is an object\n */\nexport function isObject(option) {\n  return !!option && typeof option === 'object' && !isArray(option)\n}\n\n/**\n * Check for valid scope\n *\n * @internal\n * @template {Element | Document} ScopeType\n * @param {unknown | ScopeType} $scope - Scope of the document to search within\n * @returns {$scope is ScopeType} Whether the scope can be queried\n */\nexport function isScope($scope) {\n  return !!$scope && ($scope instanceof Element || $scope instanceof Document)\n}\n\n/**\n * Format error message\n *\n * @internal\n * @param {ComponentWithModuleName} Component - Component that threw the error\n * @param {string} message - Error message\n * @returns {string} - Formatted error message\n */\nexport function formatErrorMessage(Component, message) {\n  return `${Component.moduleName}: ${message}`\n}\n\n/* eslint-disable jsdoc/valid-types --\n * `{new(...args: any[] ): object}` is not recognised as valid\n * https://github.com/gajus/eslint-plugin-jsdoc/issues/145#issuecomment-1308722878\n * https://github.com/jsdoc-type-pratt-parser/jsdoc-type-pratt-parser/issues/131\n **/\n\n/**\n * @typedef ComponentWithModuleName\n * @property {string} moduleName - Name of the component\n */\n\n/* eslint-enable jsdoc/valid-types */\n","import { formatErrorMessage, isObject } from '../common/index.mjs'\n\n/**\n * GOV.UK Frontend error\n *\n * A base class for `Error`s thrown by GOV.UK Frontend.\n *\n * It is meant to be extended into specific types of errors\n * to be thrown by our code.\n *\n * @example\n * ```js\n * class MissingRootError extends GOVUKFrontendError {\n *   // Setting an explicit name is important as extending the class will not\n *   // set a new `name` on the subclass. The `name` property is important\n *   // to ensure intelligible error names even if the class name gets\n *   // mangled by a minifier\n *   name = \"MissingRootError\"\n * }\n * ```\n * @virtual\n */\nexport class GOVUKFrontendError extends Error {\n  name = 'GOVUKFrontendError'\n}\n\n/**\n * Indicates that GOV.UK Frontend is not supported\n */\nexport class SupportError extends GOVUKFrontendError {\n  name = 'SupportError'\n\n  /**\n   * Checks if GOV.UK Frontend is supported on this page\n   *\n   * @param {HTMLElement | null} [$scope] - HTML element `<body>` checked for browser support\n   */\n  constructor($scope = document.body) {\n    const supportMessage =\n      'noModule' in HTMLScriptElement.prototype\n        ? 'GOV.UK Frontend initialised without `<body class=\"govuk-frontend-supported\">` from template `<script>` snippet'\n        : 'GOV.UK Frontend is not supported in this browser'\n\n    super(\n      $scope\n        ? supportMessage\n        : 'GOV.UK Frontend initialised without `<script type=\"module\">`'\n    )\n  }\n}\n\n/**\n * Indicates that a component has received an illegal configuration\n */\nexport class ConfigError extends GOVUKFrontendError {\n  name = 'ConfigError'\n}\n\n/**\n * Indicates an issue with an element (possibly `null` or `undefined`)\n */\nexport class ElementError extends GOVUKFrontendError {\n  name = 'ElementError'\n\n  /**\n   * @internal\n   * @overload\n   * @param {string} message - Element error message\n   */\n\n  /**\n   * @internal\n   * @overload\n   * @param {ElementErrorOptions} options - Element error options\n   */\n\n  /**\n   * @internal\n   * @param {string | ElementErrorOptions} messageOrOptions - Element error message or options\n   */\n  constructor(messageOrOptions) {\n    let message = typeof messageOrOptions === 'string' ? messageOrOptions : ''\n\n    // Build message from options\n    if (isObject(messageOrOptions)) {\n      const { component, identifier, element, expectedType } = messageOrOptions\n\n      message = identifier\n\n      // Append reason\n      message += element\n        ? ` is not of type ${expectedType ?? 'HTMLElement'}`\n        : ' not found'\n\n      // Prepend with module name (optional)\n      if (component) {\n        message = formatErrorMessage(component, message)\n      }\n    }\n\n    super(message)\n  }\n}\n\n/**\n * Indicates that a component is already initialised\n */\nexport class InitError extends GOVUKFrontendError {\n  name = 'InitError'\n\n  /**\n   * @internal\n   * @param {ComponentWithModuleName | string} componentOrMessage - name of the component module\n   */\n  constructor(componentOrMessage) {\n    const message =\n      typeof componentOrMessage === 'string'\n        ? componentOrMessage\n        : formatErrorMessage(\n            componentOrMessage,\n            `Root element (\\`$root\\`) already initialised`\n          )\n\n    super(message)\n  }\n}\n\n/**\n * Element error options\n *\n * @internal\n * @typedef {object} ElementErrorOptions\n * @property {Element | Document | null} [element] - The element in error (optional)\n * @property {ComponentWithModuleName} [component] - Component throwing the error (optional)\n * @property {string} identifier - An identifier that'll let the user understand which element has an error. This is whatever makes the most sense\n * @property {string} [expectedType] - The type that was expected for the identifier (optional)\n */\n\n/**\n * @import { ComponentWithModuleName } from '../common/index.mjs'\n */\n","import { isInitialised, isSupported } from './common/index.mjs'\nimport { ElementError, InitError, SupportError } from './errors/index.mjs'\n\n/**\n * Base Component class\n *\n * Centralises the behaviours shared by our components\n *\n * @virtual\n * @template {Element} [RootElementType=HTMLElement]\n */\nexport class Component {\n  /**\n   * @type {typeof Element}\n   */\n  static elementType = HTMLElement\n\n  // allows Typescript user to work around the lack of types\n  // in GOVUKFrontend package, Typescript is not aware of $root\n  // in components that extend GOVUKFrontendComponent\n  /**\n   * Returns the root element of the component\n   *\n   * @protected\n   * @returns {RootElementType} - the root element of component\n   */\n  get $root() {\n    return this._$root\n  }\n\n  /**\n   * @protected\n   * @type {RootElementType}\n   */\n  _$root\n\n  /**\n   * Constructs a new component, validating that GOV.UK Frontend is supported\n   *\n   * @internal\n   * @param {Element | null} [$root] - HTML element to use for component\n   */\n  constructor($root) {\n    const childConstructor = /** @type {ChildClassConstructor} */ (\n      this.constructor\n    )\n\n    // TypeScript does not enforce that inheriting classes will define a `moduleName`\n    // (even if we add a `@virtual` `static moduleName` property to this class).\n    // While we trust users to do this correctly, we do a little check to provide them\n    // a helpful error message.\n    //\n    // After this, we'll be sure that `childConstructor` has a `moduleName`\n    // as expected of the `ChildClassConstructor` we've cast `this.constructor` to.\n    if (typeof childConstructor.moduleName !== 'string') {\n      throw new InitError(`\\`moduleName\\` not defined in component`)\n    }\n\n    if (!($root instanceof childConstructor.elementType)) {\n      throw new ElementError({\n        element: $root,\n        component: childConstructor,\n        identifier: 'Root element (`$root`)',\n        expectedType: childConstructor.elementType.name\n      })\n    } else {\n      this._$root = /** @type {RootElementType} */ ($root)\n    }\n\n    childConstructor.checkSupport()\n\n    this.checkInitialised()\n\n    const moduleName = childConstructor.moduleName\n\n    this.$root.setAttribute(`data-${moduleName}-init`, '')\n  }\n\n  /**\n   * Validates whether component is already initialised\n   *\n   * @private\n   * @throws {InitError} when component is already initialised\n   */\n  checkInitialised() {\n    const constructor = /** @type {ChildClassConstructor} */ (this.constructor)\n    const moduleName = constructor.moduleName\n\n    if (moduleName && isInitialised(this.$root, moduleName)) {\n      throw new InitError(constructor)\n    }\n  }\n\n  /**\n   * Validates whether components are supported\n   *\n   * @throws {SupportError} when the components are not supported\n   */\n  static checkSupport() {\n    if (!isSupported()) {\n      throw new SupportError()\n    }\n  }\n}\n\n/**\n * @typedef ChildClass\n * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component\n */\n\n/**\n * @typedef {typeof Component & ChildClass} ChildClassConstructor\n */\n","import { Component } from '../component.mjs'\nimport { ConfigError } from '../errors/index.mjs'\n\nimport { isObject, isScope, formatErrorMessage } from './index.mjs'\n\nexport const configOverride = Symbol.for('configOverride')\n\n/**\n * Base Component class\n *\n * Centralises the behaviours shared by our components\n *\n * @virtual\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]\n * @template {Element & { dataset: DOMStringMap }} [RootElementType=HTMLElement]\n * @augments Component<RootElementType>\n */\nexport class ConfigurableComponent extends Component {\n  /**\n   * configOverride\n   *\n   * Function which defines configuration overrides to prioritize\n   * properties from the root element's dataset.\n   *\n   * It should take a subset of configuration as input and return\n   * a new configuration object with properties that should be\n   * overridden based on the root element's dataset. A Symbol\n   * is used for indexing to prevent conflicts.\n   *\n   * @internal\n   * @virtual\n   * @param {Partial<ConfigurationType>} [param] - Configuration object\n   * @returns {Partial<ConfigurationType>} return - Configuration object\n   */\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  [configOverride](param) {\n    return {}\n  }\n\n  /**\n   * Returns the root element of the component\n   *\n   * @protected\n   * @returns {ConfigurationType} - the root element of component\n   */\n  get config() {\n    return this._config\n  }\n\n  /**\n   *\n   * @type {ConfigurationType}\n   */\n  _config\n\n  /**\n   * Constructs a new component, validating that GOV.UK Frontend is supported\n   *\n   * @internal\n   * @param {Element | null} [$root] - HTML element to use for component\n   * @param {ConfigurationType} [config] - HTML element to use for component\n   */\n  constructor($root, config) {\n    super($root)\n\n    const childConstructor =\n      /** @type {ChildClassConstructor<ConfigurationType>} */ (this.constructor)\n\n    if (!isObject(childConstructor.defaults)) {\n      throw new ConfigError(\n        formatErrorMessage(\n          childConstructor,\n          'Config passed as parameter into constructor but no defaults defined'\n        )\n      )\n    }\n\n    const datasetConfig = /** @type {ConfigurationType} */ (\n      normaliseDataset(childConstructor, this._$root.dataset)\n    )\n\n    this._config = /** @type {ConfigurationType} */ (\n      mergeConfigs(\n        childConstructor.defaults,\n        config ?? {},\n        this[configOverride](datasetConfig),\n        datasetConfig\n      )\n    )\n  }\n}\n\n/**\n * Normalise string\n *\n * 'If it looks like a duck, and it quacks like a duck…' 🦆\n *\n * If the passed value looks like a boolean or a number, convert it to a boolean\n * or number.\n *\n * Designed to be used to convert config passed via data attributes (which are\n * always strings) into something sensible.\n *\n * @internal\n * @param {DOMStringMap[string]} value - The value to normalise\n * @param {SchemaProperty} [property] - Component schema property\n * @returns {string | boolean | number | undefined} Normalised data\n */\nexport function normaliseString(value, property) {\n  const trimmedValue = value ? value.trim() : ''\n\n  let output\n  let outputType = property?.type\n\n  // No schema type set? Determine automatically\n  if (!outputType) {\n    if (['true', 'false'].includes(trimmedValue)) {\n      outputType = 'boolean'\n    }\n\n    // Empty / whitespace-only strings are considered finite so we need to check\n    // the length of the trimmed string as well\n    if (trimmedValue.length > 0 && isFinite(Number(trimmedValue))) {\n      outputType = 'number'\n    }\n  }\n\n  switch (outputType) {\n    case 'boolean':\n      output = trimmedValue === 'true'\n      break\n\n    case 'number':\n      output = Number(trimmedValue)\n      break\n\n    default:\n      output = value\n  }\n\n  return output\n}\n\n/**\n * Normalise dataset\n *\n * Loop over an object and normalise each value using {@link normaliseString},\n * optionally expanding nested `i18n.field`\n *\n * @internal\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @template {[keyof ConfigurationType, SchemaProperty | undefined][]} SchemaEntryType\n * @param {{ schema?: Schema<ConfigurationType>, moduleName: string }} Component - Component class\n * @param {DOMStringMap} dataset - HTML element dataset\n * @returns {ObjectNested} Normalised dataset\n */\nexport function normaliseDataset(Component, dataset) {\n  if (!isObject(Component.schema)) {\n    throw new ConfigError(\n      formatErrorMessage(\n        Component,\n        'Config passed as parameter into constructor but no schema defined'\n      )\n    )\n  }\n\n  const out = /** @type {ObjectNested} */ ({})\n  const entries = /** @type {SchemaEntryType} */ (\n    Object.entries(Component.schema.properties)\n  )\n\n  // Normalise top-level dataset ('data-*') values using schema types\n  for (const entry of entries) {\n    const [namespace, property] = entry\n\n    // Cast the `namespace` to string so it can be used to access the dataset\n    const field = namespace.toString()\n\n    if (field in dataset) {\n      out[field] = normaliseString(dataset[field], property)\n    }\n\n    /**\n     * Extract and normalise nested object values automatically using\n     * {@link normaliseString} but only schema object types are allowed\n     */\n    if (property?.type === 'object') {\n      out[field] = extractConfigByNamespace(\n        Component.schema,\n        dataset,\n        namespace\n      )\n    }\n  }\n\n  return out\n}\n\n/**\n * Normalise options passed to `initAll` or `createAll`\n *\n * @internal\n * @template {CompatibleClass} ComponentClass\n * @param {Config | CreateAllOptions<ComponentClass> | OnErrorCallback<ComponentClass> | Element | Document | null} [scopeOrOptions] - Scope of the document to search within, initialisation options or error callback function\n * @returns {CreateAllOptions<ComponentClass>} Normalised options\n */\nexport function normaliseOptions(scopeOrOptions) {\n  let /** @type {Element | Document | null} */ $scope = document\n  let /** @type {OnErrorCallback<ComponentClass> | undefined} */ onError\n\n  // Handle options object\n  if (isObject(scopeOrOptions)) {\n    const options = scopeOrOptions\n\n    // Scope must be valid or null\n    if (isScope(options.scope) || options.scope === null) {\n      $scope = options.scope\n    }\n\n    // Error handler must be a function\n    if (typeof options.onError === 'function') {\n      onError = options.onError\n    }\n  }\n\n  if (isScope(scopeOrOptions)) {\n    $scope = scopeOrOptions\n  } else if (scopeOrOptions === null) {\n    $scope = null\n  } else if (typeof scopeOrOptions === 'function') {\n    onError = scopeOrOptions\n  }\n\n  return {\n    scope: $scope,\n    onError\n  }\n}\n\n/**\n * Config merging function\n *\n * Takes any number of objects and combines them together, with\n * greatest priority on the LAST item passed in.\n *\n * @internal\n * @param {...{ [key: string]: unknown }} configObjects - Config objects to merge\n * @returns {{ [key: string]: unknown }} A merged config object\n */\nexport function mergeConfigs(...configObjects) {\n  // Start with an empty object as our base\n  /** @type {{ [key: string]: unknown }} */\n  const formattedConfigObject = {}\n\n  // Loop through each of the passed objects\n  for (const configObject of configObjects) {\n    for (const key of Object.keys(configObject)) {\n      const option = formattedConfigObject[key]\n      const override = configObject[key]\n\n      // Push their keys one-by-one into formattedConfigObject. Any duplicate\n      // keys with object values will be merged, otherwise the new value will\n      // override the existing value.\n      if (isObject(option) && isObject(override)) {\n        formattedConfigObject[key] = mergeConfigs(option, override)\n      } else {\n        // Apply override\n        formattedConfigObject[key] = override\n      }\n    }\n  }\n\n  return formattedConfigObject\n}\n\n/**\n * Validate component config by schema\n *\n * Follows limited examples in JSON schema for wider support in future\n *\n * {@link https://ajv.js.org/json-schema.html#compound-keywords}\n * {@link https://ajv.js.org/packages/ajv-errors.html#single-message}\n *\n * @internal\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @param {Schema<ConfigurationType>} schema - The schema of a component\n * @param {ConfigurationType} config - Component config\n * @returns {string[]} List of validation errors\n */\nexport function validateConfig(schema, config) {\n  const validationErrors = []\n\n  // Check errors for each schema\n  for (const [name, conditions] of Object.entries(schema)) {\n    const errors = []\n\n    // Check errors for each schema condition\n    if (Array.isArray(conditions)) {\n      for (const { required, errorMessage } of conditions) {\n        if (!required.every((key) => !!config[key])) {\n          errors.push(errorMessage) // Missing config key value\n        }\n      }\n\n      // Check one condition passes or add errors\n      if (name === 'anyOf' && !(conditions.length - errors.length >= 1)) {\n        validationErrors.push(...errors)\n      }\n    }\n  }\n\n  return validationErrors\n}\n\n/**\n * Extracts keys starting with a particular namespace from dataset ('data-*')\n * object, removing the namespace in the process, normalising all values\n *\n * @internal\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @param {Schema<ConfigurationType>} schema - The schema of a component\n * @param {DOMStringMap} dataset - The object to extract key-value pairs from\n * @param {keyof ConfigurationType} namespace - The namespace to filter keys with\n * @returns {ObjectNested | undefined} Nested object with dot-separated key namespace removed\n */\nexport function extractConfigByNamespace(schema, dataset, namespace) {\n  const property = schema.properties[namespace]\n\n  // Only extract configs for object schema properties\n  if (property?.type !== 'object') {\n    return\n  }\n\n  // Add default empty config\n  const newObject = /** @type {Record<typeof namespace, ObjectNested>} */ ({\n    [namespace]: {}\n  })\n\n  for (const [key, value] of Object.entries(dataset)) {\n    /** @type {ObjectNested | ObjectNested[NestedKey]} */\n    let current = newObject\n\n    // Split the key into parts, using . as our namespace separator\n    const keyParts = key.split('.')\n\n    /**\n     * Create new level per part\n     *\n     * e.g. 'i18n.textareaDescription.other' becomes\n     * `{ i18n: { textareaDescription: { other } } }`\n     */\n    for (const [index, name] of keyParts.entries()) {\n      if (isObject(current)) {\n        // Drop down to nested object until the last part\n        if (index < keyParts.length - 1) {\n          // New nested object (optionally) replaces existing value\n          if (!isObject(current[name])) {\n            current[name] = {}\n          }\n\n          // Drop down into new or existing nested object\n          current = current[name]\n        } else if (key !== namespace) {\n          // Normalised value (optionally) replaces existing value\n          current[name] = normaliseString(value)\n        }\n      }\n    }\n  }\n\n  return newObject[namespace]\n}\n\n/**\n * @internal\n * @typedef {keyof ObjectNested} NestedKey\n * @typedef {{ [key: string]: string | boolean | number | ObjectNested | undefined }} ObjectNested\n */\n\n/**\n * Schema for component config\n *\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @typedef {object} Schema\n * @property {Record<keyof ConfigurationType, SchemaProperty | undefined>} properties - Schema properties\n * @property {SchemaCondition<ConfigurationType>[]} [anyOf] - List of schema conditions\n */\n\n/**\n * Schema property for component config\n *\n * @typedef {object} SchemaProperty\n * @property {'string' | 'boolean' | 'number' | 'object'} type - Property type\n */\n\n/**\n * Schema condition for component config\n *\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @typedef {object} SchemaCondition\n * @property {(keyof ConfigurationType)[]} required - List of required config fields\n * @property {string} errorMessage - Error message when required config fields not provided\n */\n\n/**\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]\n * @typedef ChildClass\n * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component\n * @property {Schema<ConfigurationType>} [schema] - The schema of the component configuration\n * @property {ConfigurationType} [defaults] - The default values of the configuration of the component\n */\n\n/**\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]\n * @typedef {typeof Component & ChildClass<ConfigurationType>} ChildClassConstructor<ConfigurationType>\n */\n\n/**\n * @import { CompatibleClass, Config, CreateAllOptions, OnErrorCallback } from '../init.mjs'\n */\n","import { isObject } from './common/index.mjs'\n\n/**\n * Internal support for selecting messages to render, with placeholder\n * interpolation and locale-aware number formatting and pluralisation\n *\n * @internal\n */\nexport class I18n {\n  translations\n  locale\n\n  /**\n   * @internal\n   * @param {{ [key: string]: string | TranslationPluralForms }} translations - Key-value pairs of the translation strings to use.\n   * @param {object} [config] - Configuration options for the function.\n   * @param {string | null} [config.locale] - An overriding locale for the PluralRules functionality.\n   */\n  constructor(translations = {}, config = {}) {\n    // Make list of translations available throughout function\n    this.translations = translations\n\n    // The locale to use for PluralRules and NumberFormat\n    this.locale = config.locale ?? (document.documentElement.lang || 'en')\n  }\n\n  /**\n   * The most used function - takes the key for a given piece of UI text and\n   * returns the appropriate string.\n   *\n   * @internal\n   * @param {string} lookupKey - The lookup key of the string to use.\n   * @param {{ [key: string]: unknown }} [options] - Any options passed with the translation string, e.g: for string interpolation.\n   * @returns {string} The appropriate translation string.\n   * @throws {Error} Lookup key required\n   * @throws {Error} Options required for `${}` placeholders\n   */\n  t(lookupKey, options) {\n    if (!lookupKey) {\n      // Print a console error if no lookup key has been provided\n      throw new Error('i18n: lookup key missing')\n    }\n\n    // Fetch the translation for that lookup key\n    let translation = this.translations[lookupKey]\n\n    // If the `count` option is set, determine which plural suffix is needed and\n    // change the lookupKey to match. We check to see if it's numeric instead of\n    // falsy, as this could legitimately be 0.\n    if (typeof options?.count === 'number' && isObject(translation)) {\n      const translationPluralForm =\n        translation[this.getPluralSuffix(lookupKey, options.count)]\n\n      // Update translation with plural suffix\n      if (translationPluralForm) {\n        translation = translationPluralForm\n      }\n    }\n\n    if (typeof translation === 'string') {\n      // Check for ${} placeholders in the translation string\n      // eslint-disable-next-line @typescript-eslint/prefer-regexp-exec\n      if (translation.match(/%{(.\\S+)}/)) {\n        if (!options) {\n          throw new Error(\n            'i18n: cannot replace placeholders in string if no option data provided'\n          )\n        }\n\n        return this.replacePlaceholders(translation, options)\n      }\n\n      return translation\n    }\n\n    // If the key wasn't found in our translations object,\n    // return the lookup key itself as the fallback\n    return lookupKey\n  }\n\n  /**\n   * Takes a translation string with placeholders, and replaces the placeholders\n   * with the provided data\n   *\n   * @internal\n   * @param {string} translationString - The translation string\n   * @param {{ [key: string]: unknown }} options - Any options passed with the translation string, e.g: for string interpolation.\n   * @returns {string} The translation string to output, with $\\{\\} placeholders replaced\n   */\n  replacePlaceholders(translationString, options) {\n    const formatter = Intl.NumberFormat.supportedLocalesOf(this.locale).length\n      ? new Intl.NumberFormat(this.locale)\n      : undefined\n\n    return translationString.replace(\n      /%{(.\\S+)}/g,\n\n      /**\n       * Replace translation string placeholders\n       *\n       * @internal\n       * @param {string} placeholderWithBraces - Placeholder with braces\n       * @param {string} placeholderKey - Placeholder key\n       * @returns {string} Placeholder value\n       */\n      function (placeholderWithBraces, placeholderKey) {\n        if (Object.prototype.hasOwnProperty.call(options, placeholderKey)) {\n          const placeholderValue = options[placeholderKey]\n\n          // If a user has passed `false` as the value for the placeholder\n          // treat it as though the value should not be displayed\n          if (\n            placeholderValue === false ||\n            (typeof placeholderValue !== 'number' &&\n              typeof placeholderValue !== 'string')\n          ) {\n            return ''\n          }\n\n          // If the placeholder's value is a number, localise the number formatting\n          if (typeof placeholderValue === 'number') {\n            return formatter\n              ? formatter.format(placeholderValue)\n              : `${placeholderValue}`\n          }\n\n          return placeholderValue\n        }\n\n        throw new Error(\n          `i18n: no data found to replace ${placeholderWithBraces} placeholder in string`\n        )\n      }\n    )\n  }\n\n  /**\n   * Check to see if the browser supports Intl.PluralRules\n   *\n   * It requires all conditions to be met in order to be supported:\n   * - The implementation of Intl supports PluralRules (NOT true in Safari 10–12)\n   * - The browser/OS has plural rules for the current locale (browser dependent)\n   *\n   * {@link https://browsersl.ist/#q=supports+es6-module+and+not+supports+intl-pluralrules}\n   *\n   * @internal\n   * @returns {boolean} Returns true if all conditions are met. Returns false otherwise.\n   */\n  hasIntlPluralRulesSupport() {\n    return Boolean(\n      'PluralRules' in window.Intl &&\n        Intl.PluralRules.supportedLocalesOf(this.locale).length\n    )\n  }\n\n  /**\n   * Get the appropriate suffix for the plural form.\n   *\n   * Uses Intl.PluralRules (or our own fallback implementation) to get the\n   * 'preferred' form to use for the given count.\n   *\n   * Checks that a translation has been provided for that plural form – if it\n   * hasn't, it'll fall back to the 'other' plural form (unless that doesn't exist\n   * either, in which case an error will be thrown)\n   *\n   * @internal\n   * @param {string} lookupKey - The lookup key of the string to use.\n   * @param {number} count - Number used to determine which pluralisation to use.\n   * @returns {PluralRule} The suffix associated with the correct pluralisation for this locale.\n   * @throws {Error} Plural form `.other` required when preferred plural form is missing\n   */\n  getPluralSuffix(lookupKey, count) {\n    // Validate that the number is actually a number.\n    //\n    // Number(count) will turn anything that can't be converted to a Number type\n    // into 'NaN'. isFinite filters out NaN, as it isn't a finite number.\n    // eslint-disable-next-line @typescript-eslint/no-unnecessary-type-conversion\n    count = Number(count)\n    if (!isFinite(count)) {\n      return 'other'\n    }\n\n    // Fetch the translation for that lookup key\n    const translation = this.translations[lookupKey]\n\n    // Check to verify that all the requirements for Intl.PluralRules are met.\n    // If so, we can use that instead of our custom implementation. Otherwise,\n    // use the hardcoded fallback.\n    const preferredForm = this.hasIntlPluralRulesSupport()\n      ? new Intl.PluralRules(this.locale).select(count)\n      : 'other'\n\n    // Use the correct plural form if provided\n    if (isObject(translation)) {\n      if (preferredForm in translation) {\n        return preferredForm\n        // Fall back to `other` if the plural form is missing, but log a warning\n        // to the console\n      } else if ('other' in translation) {\n        console.warn(\n          `i18n: Missing plural form \".${preferredForm}\" for \"${this.locale}\" locale. Falling back to \".other\".`\n        )\n\n        return 'other'\n      }\n    }\n\n    // If the required `other` plural form is missing, all we can do is error\n    throw new Error(\n      `i18n: Plural form \".other\" is required for \"${this.locale}\" locale`\n    )\n  }\n}\n\n/**\n * Plural rule category mnemonic tags\n *\n * @internal\n * @typedef {'zero' | 'one' | 'two' | 'few' | 'many' | 'other'} PluralRule\n */\n\n/**\n * Translated message by plural rule they correspond to.\n *\n * Allows to group pluralised messages under a single key when passing\n * translations to a component's constructor\n *\n * @internal\n * @typedef {object} TranslationPluralForms\n * @property {string} [other] - General plural form\n * @property {string} [zero] - Plural form used with 0\n * @property {string} [one] - Plural form used with 1\n * @property {string} [two] - Plural form used with 2\n * @property {string} [few] - Plural form used for a few\n * @property {string} [many] - Plural form used for many\n */\n","import { closestAttributeValue } from '../../common/closest-attribute-value.mjs'\nimport { ConfigurableComponent } from '../../common/configuration.mjs'\nimport { ElementError } from '../../errors/index.mjs'\nimport { I18n } from '../../i18n.mjs'\n\n/**\n * Password input component\n *\n * @preserve\n * @augments ConfigurableComponent<PasswordInputConfig>\n */\nexport class PasswordInput extends ConfigurableComponent {\n  /** @private */\n  i18n\n\n  /**\n   * @private\n   * @type {HTMLInputElement}\n   */\n  $input\n\n  /**\n   * @private\n   * @type {HTMLButtonElement}\n   */\n  $showHideButton\n\n  /** @private */\n  $screenReaderStatusMessage\n\n  /**\n   * @param {Element | null} $root - HTML element to use for password input\n   * @param {PasswordInputConfig} [config] - Password input config\n   */\n  constructor($root, config = {}) {\n    super($root, config)\n\n    const $input = this.$root.querySelector('.govuk-js-password-input-input')\n    if (!($input instanceof HTMLInputElement)) {\n      throw new ElementError({\n        component: PasswordInput,\n        element: $input,\n        expectedType: 'HTMLInputElement',\n        identifier: 'Form field (`.govuk-js-password-input-input`)'\n      })\n    }\n\n    if ($input.type !== 'password') {\n      throw new ElementError(\n        'Password input: Form field (`.govuk-js-password-input-input`) must be of type `password`.'\n      )\n    }\n\n    const $showHideButton = this.$root.querySelector(\n      '.govuk-js-password-input-toggle'\n    )\n    if (!($showHideButton instanceof HTMLButtonElement)) {\n      throw new ElementError({\n        component: PasswordInput,\n        element: $showHideButton,\n        expectedType: 'HTMLButtonElement',\n        identifier: 'Button (`.govuk-js-password-input-toggle`)'\n      })\n    }\n\n    if ($showHideButton.type !== 'button') {\n      throw new ElementError(\n        'Password input: Button (`.govuk-js-password-input-toggle`) must be of type `button`.'\n      )\n    }\n\n    this.$input = $input\n    this.$showHideButton = $showHideButton\n\n    this.i18n = new I18n(this.config.i18n, {\n      // Read the fallback if necessary rather than have it set in the defaults\n      locale: closestAttributeValue(this.$root, 'lang')\n    })\n\n    // Show the toggle button element\n    this.$showHideButton.removeAttribute('hidden')\n\n    // Create and append the status text for screen readers.\n    // This is injected between the input and button so that users get a sensible reading order if\n    // moving through the page content linearly:\n    // [password input] -> [your password is visible/hidden] -> [show/hide password]\n    const $screenReaderStatusMessage = document.createElement('div')\n    $screenReaderStatusMessage.className =\n      'govuk-password-input__sr-status govuk-visually-hidden'\n    $screenReaderStatusMessage.setAttribute('aria-live', 'polite')\n    this.$screenReaderStatusMessage = $screenReaderStatusMessage\n    this.$input.insertAdjacentElement('afterend', $screenReaderStatusMessage)\n\n    // Bind toggle button\n    this.$showHideButton.addEventListener('click', this.toggle.bind(this))\n\n    // Bind event to revert the password visibility to hidden\n    if (this.$input.form) {\n      this.$input.form.addEventListener('submit', () => this.hide())\n    }\n\n    // If the page is restored from bfcache and the password is visible, hide it again\n    window.addEventListener('pageshow', (event) => {\n      if (event.persisted && this.$input.type !== 'password') {\n        this.hide()\n      }\n    })\n\n    // Default the component to having the password hidden.\n    this.hide()\n  }\n\n  /**\n   * Toggle the visibility of the password input\n   *\n   * @private\n   * @param {MouseEvent} event - Click event\n   */\n  toggle(event) {\n    event.preventDefault()\n\n    // If on this click, the field is type=\"password\", show the value\n    if (this.$input.type === 'password') {\n      this.show()\n      return\n    }\n\n    // Otherwise, hide it\n    // Being defensive - hiding should always be the default\n    this.hide()\n  }\n\n  /**\n   * Show the password input value in plain text.\n   *\n   * @private\n   */\n  show() {\n    this.setType('text')\n  }\n\n  /**\n   * Hide the password input value.\n   *\n   * @private\n   */\n  hide() {\n    this.setType('password')\n  }\n\n  /**\n   * Set the password input type\n   *\n   * @param {'text' | 'password'} type - Input type\n   * @private\n   */\n  setType(type) {\n    if (type === this.$input.type) {\n      return\n    }\n\n    // Update input type\n    this.$input.setAttribute('type', type)\n\n    const isHidden = type === 'password'\n    const prefixButton = isHidden ? 'show' : 'hide'\n    const prefixStatus = isHidden ? 'passwordHidden' : 'passwordShown'\n\n    // Update button text\n    this.$showHideButton.innerText = this.i18n.t(`${prefixButton}Password`)\n\n    // Update button aria-label\n    this.$showHideButton.setAttribute(\n      'aria-label',\n      this.i18n.t(`${prefixButton}PasswordAriaLabel`)\n    )\n\n    // Update status change text\n    this.$screenReaderStatusMessage.innerText = this.i18n.t(\n      `${prefixStatus}Announcement`\n    )\n  }\n\n  /**\n   * Name for the component used when initialising using data-module attributes.\n   */\n  static moduleName = 'govuk-password-input'\n\n  /**\n   * Password input default config\n   *\n   * @see {@link PasswordInputConfig}\n   * @constant\n   * @default\n   * @type {PasswordInputConfig}\n   */\n  static defaults = Object.freeze({\n    i18n: {\n      showPassword: 'Show',\n      hidePassword: 'Hide',\n      showPasswordAriaLabel: 'Show password',\n      hidePasswordAriaLabel: 'Hide password',\n      passwordShownAnnouncement: 'Your password is visible',\n      passwordHiddenAnnouncement: 'Your password is hidden'\n    }\n  })\n\n  /**\n   * Password input config schema\n   *\n   * @constant\n   * @satisfies {Schema<PasswordInputConfig>}\n   */\n  static schema = Object.freeze({\n    properties: {\n      i18n: { type: 'object' }\n    }\n  })\n}\n\n/**\n * Password input config\n *\n * @typedef {object} PasswordInputConfig\n * @property {PasswordInputTranslations} [i18n=PasswordInput.defaults.i18n] - Password input translations\n */\n\n/**\n * Password input translations\n *\n * @see {@link PasswordInput.defaults.i18n}\n * @typedef {object} PasswordInputTranslations\n *\n * Messages displayed to the user indicating the state of the show/hide toggle.\n * @property {string} [showPassword] - Visible text of the button when the\n *   password is currently hidden. Plain text only.\n * @property {string} [hidePassword] - Visible text of the button when the\n *   password is currently visible. Plain text only.\n * @property {string} [showPasswordAriaLabel] - aria-label of the button when\n *   the password is currently hidden. Plain text only.\n * @property {string} [hidePasswordAriaLabel] - aria-label of the button when\n *   the password is currently visible. Plain text only.\n * @property {string} [passwordShownAnnouncement] - Screen reader\n *   announcement to make when the password has just become visible.\n *   Plain text only.\n * @property {string} [passwordHiddenAnnouncement] - Screen reader\n *   announcement to make when the password has just been hidden.\n *   Plain text only.\n */\n\n/**\n * @import { Schema } from '../../common/configuration.mjs'\n */\n"],"names":["closestAttributeValue","$element","attributeName","$closestElementWithAttribute","closest","getAttribute","isInitialised","$root","moduleName","HTMLElement","hasAttribute","isSupported","$scope","document","body","classList","contains","isArray","option","Array","isObject","formatErrorMessage","Component","message","GOVUKFrontendError","Error","constructor","args","name","SupportError","supportMessage","HTMLScriptElement","prototype","ConfigError","ElementError","messageOrOptions","component","identifier","element","expectedType","InitError","componentOrMessage","_$root","childConstructor","elementType","checkSupport","checkInitialised","setAttribute","configOverride","Symbol","for","ConfigurableComponent","param","config","_config","defaults","datasetConfig","normaliseDataset","dataset","mergeConfigs","normaliseString","value","property","trimmedValue","trim","output","outputType","type","includes","length","isFinite","Number","schema","out","entries","Object","properties","entry","namespace","field","toString","extractConfigByNamespace","configObjects","formattedConfigObject","configObject","key","keys","override","newObject","current","keyParts","split","index","I18n","translations","_config$locale","locale","documentElement","lang","t","lookupKey","options","translation","count","translationPluralForm","getPluralSuffix","match","replacePlaceholders","translationString","formatter","Intl","NumberFormat","supportedLocalesOf","undefined","replace","placeholderWithBraces","placeholderKey","hasOwnProperty","call","placeholderValue","format","hasIntlPluralRulesSupport","Boolean","window","PluralRules","preferredForm","select","console","warn","PasswordInput","i18n","$input","$showHideButton","$screenReaderStatusMessage","querySelector","HTMLInputElement","HTMLButtonElement","removeAttribute","createElement","className","insertAdjacentElement","addEventListener","toggle","bind","form","hide","event","persisted","preventDefault","show","setType","isHidden","prefixButton","prefixStatus","innerText","freeze","showPassword","hidePassword","showPasswordAriaLabel","hidePasswordAriaLabel","passwordShownAnnouncement","passwordHiddenAnnouncement"],"mappings":"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"}
\ No newline at end of file
diff --git a/app/templates/govuk/components/components/password-input/password-input.bundle.mjs b/app/templates/govuk/components/components/password-input/password-input.bundle.mjs
new file mode 100644
index 0000000..f1061b8
--- /dev/null
+++ b/app/templates/govuk/components/components/password-input/password-input.bundle.mjs
@@ -0,0 +1,507 @@
+function closestAttributeValue($element, attributeName) {
+  const $closestElementWithAttribute = $element.closest(`[${attributeName}]`);
+  return $closestElementWithAttribute ? $closestElementWithAttribute.getAttribute(attributeName) : null;
+}
+
+function isInitialised($root, moduleName) {
+  return $root instanceof HTMLElement && $root.hasAttribute(`data-${moduleName}-init`);
+}
+
+/**
+ * Checks if GOV.UK Frontend is supported on this page
+ *
+ * Some browsers will load and run our JavaScript but GOV.UK Frontend
+ * won't be supported.
+ *
+ * @param {HTMLElement | null} [$scope] - (internal) `<body>` HTML element checked for browser support
+ * @returns {boolean} Whether GOV.UK Frontend is supported on this page
+ */
+function isSupported($scope = document.body) {
+  if (!$scope) {
+    return false;
+  }
+  return $scope.classList.contains('govuk-frontend-supported');
+}
+function isArray(option) {
+  return Array.isArray(option);
+}
+function isObject(option) {
+  return !!option && typeof option === 'object' && !isArray(option);
+}
+function formatErrorMessage(Component, message) {
+  return `${Component.moduleName}: ${message}`;
+}
+/**
+ * @typedef ComponentWithModuleName
+ * @property {string} moduleName - Name of the component
+ */
+
+class GOVUKFrontendError extends Error {
+  constructor(...args) {
+    super(...args);
+    this.name = 'GOVUKFrontendError';
+  }
+}
+class SupportError extends GOVUKFrontendError {
+  /**
+   * Checks if GOV.UK Frontend is supported on this page
+   *
+   * @param {HTMLElement | null} [$scope] - HTML element `<body>` checked for browser support
+   */
+  constructor($scope = document.body) {
+    const supportMessage = 'noModule' in HTMLScriptElement.prototype ? 'GOV.UK Frontend initialised without `<body class="govuk-frontend-supported">` from template `<script>` snippet' : 'GOV.UK Frontend is not supported in this browser';
+    super($scope ? supportMessage : 'GOV.UK Frontend initialised without `<script type="module">`');
+    this.name = 'SupportError';
+  }
+}
+class ConfigError extends GOVUKFrontendError {
+  constructor(...args) {
+    super(...args);
+    this.name = 'ConfigError';
+  }
+}
+class ElementError extends GOVUKFrontendError {
+  constructor(messageOrOptions) {
+    let message = typeof messageOrOptions === 'string' ? messageOrOptions : '';
+    if (isObject(messageOrOptions)) {
+      const {
+        component,
+        identifier,
+        element,
+        expectedType
+      } = messageOrOptions;
+      message = identifier;
+      message += element ? ` is not of type ${expectedType != null ? expectedType : 'HTMLElement'}` : ' not found';
+      if (component) {
+        message = formatErrorMessage(component, message);
+      }
+    }
+    super(message);
+    this.name = 'ElementError';
+  }
+}
+class InitError extends GOVUKFrontendError {
+  constructor(componentOrMessage) {
+    const message = typeof componentOrMessage === 'string' ? componentOrMessage : formatErrorMessage(componentOrMessage, `Root element (\`$root\`) already initialised`);
+    super(message);
+    this.name = 'InitError';
+  }
+}
+/**
+ * @import { ComponentWithModuleName } from '../common/index.mjs'
+ */
+
+class Component {
+  /**
+   * Returns the root element of the component
+   *
+   * @protected
+   * @returns {RootElementType} - the root element of component
+   */
+  get $root() {
+    return this._$root;
+  }
+  constructor($root) {
+    this._$root = void 0;
+    const childConstructor = this.constructor;
+    if (typeof childConstructor.moduleName !== 'string') {
+      throw new InitError(`\`moduleName\` not defined in component`);
+    }
+    if (!($root instanceof childConstructor.elementType)) {
+      throw new ElementError({
+        element: $root,
+        component: childConstructor,
+        identifier: 'Root element (`$root`)',
+        expectedType: childConstructor.elementType.name
+      });
+    } else {
+      this._$root = $root;
+    }
+    childConstructor.checkSupport();
+    this.checkInitialised();
+    const moduleName = childConstructor.moduleName;
+    this.$root.setAttribute(`data-${moduleName}-init`, '');
+  }
+  checkInitialised() {
+    const constructor = this.constructor;
+    const moduleName = constructor.moduleName;
+    if (moduleName && isInitialised(this.$root, moduleName)) {
+      throw new InitError(constructor);
+    }
+  }
+  static checkSupport() {
+    if (!isSupported()) {
+      throw new SupportError();
+    }
+  }
+}
+
+/**
+ * @typedef ChildClass
+ * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component
+ */
+
+/**
+ * @typedef {typeof Component & ChildClass} ChildClassConstructor
+ */
+Component.elementType = HTMLElement;
+
+const configOverride = Symbol.for('configOverride');
+class ConfigurableComponent extends Component {
+  [configOverride](param) {
+    return {};
+  }
+
+  /**
+   * Returns the root element of the component
+   *
+   * @protected
+   * @returns {ConfigurationType} - the root element of component
+   */
+  get config() {
+    return this._config;
+  }
+  constructor($root, config) {
+    super($root);
+    this._config = void 0;
+    const childConstructor = this.constructor;
+    if (!isObject(childConstructor.defaults)) {
+      throw new ConfigError(formatErrorMessage(childConstructor, 'Config passed as parameter into constructor but no defaults defined'));
+    }
+    const datasetConfig = normaliseDataset(childConstructor, this._$root.dataset);
+    this._config = mergeConfigs(childConstructor.defaults, config != null ? config : {}, this[configOverride](datasetConfig), datasetConfig);
+  }
+}
+function normaliseString(value, property) {
+  const trimmedValue = value ? value.trim() : '';
+  let output;
+  let outputType = property == null ? void 0 : property.type;
+  if (!outputType) {
+    if (['true', 'false'].includes(trimmedValue)) {
+      outputType = 'boolean';
+    }
+    if (trimmedValue.length > 0 && isFinite(Number(trimmedValue))) {
+      outputType = 'number';
+    }
+  }
+  switch (outputType) {
+    case 'boolean':
+      output = trimmedValue === 'true';
+      break;
+    case 'number':
+      output = Number(trimmedValue);
+      break;
+    default:
+      output = value;
+  }
+  return output;
+}
+function normaliseDataset(Component, dataset) {
+  if (!isObject(Component.schema)) {
+    throw new ConfigError(formatErrorMessage(Component, 'Config passed as parameter into constructor but no schema defined'));
+  }
+  const out = {};
+  const entries = Object.entries(Component.schema.properties);
+  for (const entry of entries) {
+    const [namespace, property] = entry;
+    const field = namespace.toString();
+    if (field in dataset) {
+      out[field] = normaliseString(dataset[field], property);
+    }
+    if ((property == null ? void 0 : property.type) === 'object') {
+      out[field] = extractConfigByNamespace(Component.schema, dataset, namespace);
+    }
+  }
+  return out;
+}
+function mergeConfigs(...configObjects) {
+  const formattedConfigObject = {};
+  for (const configObject of configObjects) {
+    for (const key of Object.keys(configObject)) {
+      const option = formattedConfigObject[key];
+      const override = configObject[key];
+      if (isObject(option) && isObject(override)) {
+        formattedConfigObject[key] = mergeConfigs(option, override);
+      } else {
+        formattedConfigObject[key] = override;
+      }
+    }
+  }
+  return formattedConfigObject;
+}
+function extractConfigByNamespace(schema, dataset, namespace) {
+  const property = schema.properties[namespace];
+  if ((property == null ? void 0 : property.type) !== 'object') {
+    return;
+  }
+  const newObject = {
+    [namespace]: {}
+  };
+  for (const [key, value] of Object.entries(dataset)) {
+    let current = newObject;
+    const keyParts = key.split('.');
+    for (const [index, name] of keyParts.entries()) {
+      if (isObject(current)) {
+        if (index < keyParts.length - 1) {
+          if (!isObject(current[name])) {
+            current[name] = {};
+          }
+          current = current[name];
+        } else if (key !== namespace) {
+          current[name] = normaliseString(value);
+        }
+      }
+    }
+  }
+  return newObject[namespace];
+}
+/**
+ * Schema for component config
+ *
+ * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType
+ * @typedef {object} Schema
+ * @property {Record<keyof ConfigurationType, SchemaProperty | undefined>} properties - Schema properties
+ * @property {SchemaCondition<ConfigurationType>[]} [anyOf] - List of schema conditions
+ */
+/**
+ * Schema property for component config
+ *
+ * @typedef {object} SchemaProperty
+ * @property {'string' | 'boolean' | 'number' | 'object'} type - Property type
+ */
+/**
+ * Schema condition for component config
+ *
+ * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType
+ * @typedef {object} SchemaCondition
+ * @property {(keyof ConfigurationType)[]} required - List of required config fields
+ * @property {string} errorMessage - Error message when required config fields not provided
+ */
+/**
+ * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]
+ * @typedef ChildClass
+ * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component
+ * @property {Schema<ConfigurationType>} [schema] - The schema of the component configuration
+ * @property {ConfigurationType} [defaults] - The default values of the configuration of the component
+ */
+/**
+ * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]
+ * @typedef {typeof Component & ChildClass<ConfigurationType>} ChildClassConstructor<ConfigurationType>
+ */
+/**
+ * @import { CompatibleClass, Config, CreateAllOptions, OnErrorCallback } from '../init.mjs'
+ */
+
+class I18n {
+  constructor(translations = {}, config = {}) {
+    var _config$locale;
+    this.translations = void 0;
+    this.locale = void 0;
+    this.translations = translations;
+    this.locale = (_config$locale = config.locale) != null ? _config$locale : document.documentElement.lang || 'en';
+  }
+  t(lookupKey, options) {
+    if (!lookupKey) {
+      throw new Error('i18n: lookup key missing');
+    }
+    let translation = this.translations[lookupKey];
+    if (typeof (options == null ? void 0 : options.count) === 'number' && isObject(translation)) {
+      const translationPluralForm = translation[this.getPluralSuffix(lookupKey, options.count)];
+      if (translationPluralForm) {
+        translation = translationPluralForm;
+      }
+    }
+    if (typeof translation === 'string') {
+      if (translation.match(/%{(.\S+)}/)) {
+        if (!options) {
+          throw new Error('i18n: cannot replace placeholders in string if no option data provided');
+        }
+        return this.replacePlaceholders(translation, options);
+      }
+      return translation;
+    }
+    return lookupKey;
+  }
+  replacePlaceholders(translationString, options) {
+    const formatter = Intl.NumberFormat.supportedLocalesOf(this.locale).length ? new Intl.NumberFormat(this.locale) : undefined;
+    return translationString.replace(/%{(.\S+)}/g, function (placeholderWithBraces, placeholderKey) {
+      if (Object.prototype.hasOwnProperty.call(options, placeholderKey)) {
+        const placeholderValue = options[placeholderKey];
+        if (placeholderValue === false || typeof placeholderValue !== 'number' && typeof placeholderValue !== 'string') {
+          return '';
+        }
+        if (typeof placeholderValue === 'number') {
+          return formatter ? formatter.format(placeholderValue) : `${placeholderValue}`;
+        }
+        return placeholderValue;
+      }
+      throw new Error(`i18n: no data found to replace ${placeholderWithBraces} placeholder in string`);
+    });
+  }
+  hasIntlPluralRulesSupport() {
+    return Boolean('PluralRules' in window.Intl && Intl.PluralRules.supportedLocalesOf(this.locale).length);
+  }
+  getPluralSuffix(lookupKey, count) {
+    count = Number(count);
+    if (!isFinite(count)) {
+      return 'other';
+    }
+    const translation = this.translations[lookupKey];
+    const preferredForm = this.hasIntlPluralRulesSupport() ? new Intl.PluralRules(this.locale).select(count) : 'other';
+    if (isObject(translation)) {
+      if (preferredForm in translation) {
+        return preferredForm;
+      } else if ('other' in translation) {
+        console.warn(`i18n: Missing plural form ".${preferredForm}" for "${this.locale}" locale. Falling back to ".other".`);
+        return 'other';
+      }
+    }
+    throw new Error(`i18n: Plural form ".other" is required for "${this.locale}" locale`);
+  }
+}
+
+/**
+ * Password input component
+ *
+ * @preserve
+ * @augments ConfigurableComponent<PasswordInputConfig>
+ */
+class PasswordInput extends ConfigurableComponent {
+  /**
+   * @param {Element | null} $root - HTML element to use for password input
+   * @param {PasswordInputConfig} [config] - Password input config
+   */
+  constructor($root, config = {}) {
+    super($root, config);
+    this.i18n = void 0;
+    this.$input = void 0;
+    this.$showHideButton = void 0;
+    this.$screenReaderStatusMessage = void 0;
+    const $input = this.$root.querySelector('.govuk-js-password-input-input');
+    if (!($input instanceof HTMLInputElement)) {
+      throw new ElementError({
+        component: PasswordInput,
+        element: $input,
+        expectedType: 'HTMLInputElement',
+        identifier: 'Form field (`.govuk-js-password-input-input`)'
+      });
+    }
+    if ($input.type !== 'password') {
+      throw new ElementError('Password input: Form field (`.govuk-js-password-input-input`) must be of type `password`.');
+    }
+    const $showHideButton = this.$root.querySelector('.govuk-js-password-input-toggle');
+    if (!($showHideButton instanceof HTMLButtonElement)) {
+      throw new ElementError({
+        component: PasswordInput,
+        element: $showHideButton,
+        expectedType: 'HTMLButtonElement',
+        identifier: 'Button (`.govuk-js-password-input-toggle`)'
+      });
+    }
+    if ($showHideButton.type !== 'button') {
+      throw new ElementError('Password input: Button (`.govuk-js-password-input-toggle`) must be of type `button`.');
+    }
+    this.$input = $input;
+    this.$showHideButton = $showHideButton;
+    this.i18n = new I18n(this.config.i18n, {
+      locale: closestAttributeValue(this.$root, 'lang')
+    });
+    this.$showHideButton.removeAttribute('hidden');
+    const $screenReaderStatusMessage = document.createElement('div');
+    $screenReaderStatusMessage.className = 'govuk-password-input__sr-status govuk-visually-hidden';
+    $screenReaderStatusMessage.setAttribute('aria-live', 'polite');
+    this.$screenReaderStatusMessage = $screenReaderStatusMessage;
+    this.$input.insertAdjacentElement('afterend', $screenReaderStatusMessage);
+    this.$showHideButton.addEventListener('click', this.toggle.bind(this));
+    if (this.$input.form) {
+      this.$input.form.addEventListener('submit', () => this.hide());
+    }
+    window.addEventListener('pageshow', event => {
+      if (event.persisted && this.$input.type !== 'password') {
+        this.hide();
+      }
+    });
+    this.hide();
+  }
+  toggle(event) {
+    event.preventDefault();
+    if (this.$input.type === 'password') {
+      this.show();
+      return;
+    }
+    this.hide();
+  }
+  show() {
+    this.setType('text');
+  }
+  hide() {
+    this.setType('password');
+  }
+  setType(type) {
+    if (type === this.$input.type) {
+      return;
+    }
+    this.$input.setAttribute('type', type);
+    const isHidden = type === 'password';
+    const prefixButton = isHidden ? 'show' : 'hide';
+    const prefixStatus = isHidden ? 'passwordHidden' : 'passwordShown';
+    this.$showHideButton.innerText = this.i18n.t(`${prefixButton}Password`);
+    this.$showHideButton.setAttribute('aria-label', this.i18n.t(`${prefixButton}PasswordAriaLabel`));
+    this.$screenReaderStatusMessage.innerText = this.i18n.t(`${prefixStatus}Announcement`);
+  }
+}
+
+/**
+ * Password input config
+ *
+ * @typedef {object} PasswordInputConfig
+ * @property {PasswordInputTranslations} [i18n=PasswordInput.defaults.i18n] - Password input translations
+ */
+
+/**
+ * Password input translations
+ *
+ * @see {@link PasswordInput.defaults.i18n}
+ * @typedef {object} PasswordInputTranslations
+ *
+ * Messages displayed to the user indicating the state of the show/hide toggle.
+ * @property {string} [showPassword] - Visible text of the button when the
+ *   password is currently hidden. Plain text only.
+ * @property {string} [hidePassword] - Visible text of the button when the
+ *   password is currently visible. Plain text only.
+ * @property {string} [showPasswordAriaLabel] - aria-label of the button when
+ *   the password is currently hidden. Plain text only.
+ * @property {string} [hidePasswordAriaLabel] - aria-label of the button when
+ *   the password is currently visible. Plain text only.
+ * @property {string} [passwordShownAnnouncement] - Screen reader
+ *   announcement to make when the password has just become visible.
+ *   Plain text only.
+ * @property {string} [passwordHiddenAnnouncement] - Screen reader
+ *   announcement to make when the password has just been hidden.
+ *   Plain text only.
+ */
+
+/**
+ * @import { Schema } from '../../common/configuration.mjs'
+ */
+PasswordInput.moduleName = 'govuk-password-input';
+PasswordInput.defaults = Object.freeze({
+  i18n: {
+    showPassword: 'Show',
+    hidePassword: 'Hide',
+    showPasswordAriaLabel: 'Show password',
+    hidePasswordAriaLabel: 'Hide password',
+    passwordShownAnnouncement: 'Your password is visible',
+    passwordHiddenAnnouncement: 'Your password is hidden'
+  }
+});
+PasswordInput.schema = Object.freeze({
+  properties: {
+    i18n: {
+      type: 'object'
+    }
+  }
+});
+
+export { PasswordInput };
+//# sourceMappingURL=password-input.bundle.mjs.map
diff --git a/app/templates/govuk/components/components/password-input/password-input.bundle.mjs.map b/app/templates/govuk/components/components/password-input/password-input.bundle.mjs.map
new file mode 100644
index 0000000..47f14f5
--- /dev/null
+++ b/app/templates/govuk/components/components/password-input/password-input.bundle.mjs.map
@@ -0,0 +1 @@
+{"version":3,"file":"password-input.bundle.mjs","sources":["../../../../src/govuk/common/closest-attribute-value.mjs","../../../../src/govuk/common/index.mjs","../../../../src/govuk/errors/index.mjs","../../../../src/govuk/component.mjs","../../../../src/govuk/common/configuration.mjs","../../../../src/govuk/i18n.mjs","../../../../src/govuk/components/password-input/password-input.mjs"],"sourcesContent":["/**\n * Returns the value of the given attribute closest to the given element (including itself)\n *\n * @internal\n * @param {Element} $element - The element to start walking the DOM tree up\n * @param {string} attributeName - The name of the attribute\n * @returns {string | null} Attribute value\n */\nexport function closestAttributeValue($element, attributeName) {\n  const $closestElementWithAttribute = $element.closest(`[${attributeName}]`)\n  return $closestElementWithAttribute\n    ? $closestElementWithAttribute.getAttribute(attributeName)\n    : null\n}\n","/**\n * Common helpers which do not require polyfill.\n *\n * IMPORTANT: If a helper require a polyfill, please isolate it in its own module\n * so that the polyfill can be properly tree-shaken and does not burden\n * the components that do not need that helper\n */\n\n/**\n * Get GOV.UK Frontend breakpoint value from CSS custom property\n *\n * @private\n * @param {string} name - Breakpoint name\n * @returns {{ property: string, value?: string }} Breakpoint object\n */\nexport function getBreakpoint(name) {\n  const property = `--govuk-breakpoint-${name}`\n\n  // Get value from `<html>` with breakpoints on CSS :root\n  const value = window\n    .getComputedStyle(document.documentElement)\n    .getPropertyValue(property)\n\n  return {\n    property,\n    value: value || undefined\n  }\n}\n\n/**\n * Move focus to element\n *\n * Sets tabindex to -1 to make the element programmatically focusable,\n * but removes it on blur as the element doesn't need to be focused again.\n *\n * @private\n * @template {HTMLElement} FocusElement\n * @param {FocusElement} $element - HTML element\n * @param {object} [options] - Handler options\n * @param {function(this: FocusElement): void} [options.onBeforeFocus] - Callback before focus\n * @param {function(this: FocusElement): void} [options.onBlur] - Callback on blur\n */\nexport function setFocus($element, options = {}) {\n  const isFocusable = $element.getAttribute('tabindex')\n\n  if (!isFocusable) {\n    $element.setAttribute('tabindex', '-1')\n  }\n\n  /**\n   * Handle element focus\n   */\n  function onFocus() {\n    $element.addEventListener('blur', onBlur, { once: true })\n  }\n\n  /**\n   * Handle element blur\n   */\n  function onBlur() {\n    options.onBlur?.call($element)\n\n    if (!isFocusable) {\n      $element.removeAttribute('tabindex')\n    }\n  }\n\n  // Add listener to reset element on blur, after focus\n  $element.addEventListener('focus', onFocus, { once: true })\n\n  // Focus element\n  options.onBeforeFocus?.call($element)\n  $element.focus()\n}\n\n/**\n * Checks if component is already initialised\n *\n * @internal\n * @param {Element} $root - HTML element to be checked\n * @param {string} moduleName - name of component module\n * @returns {boolean} Whether component is already initialised\n */\nexport function isInitialised($root, moduleName) {\n  return (\n    $root instanceof HTMLElement &&\n    $root.hasAttribute(`data-${moduleName}-init`)\n  )\n}\n\n/**\n * Checks if GOV.UK Frontend is supported on this page\n *\n * Some browsers will load and run our JavaScript but GOV.UK Frontend\n * won't be supported.\n *\n * @param {HTMLElement | null} [$scope] - (internal) `<body>` HTML element checked for browser support\n * @returns {boolean} Whether GOV.UK Frontend is supported on this page\n */\nexport function isSupported($scope = document.body) {\n  if (!$scope) {\n    return false\n  }\n\n  return $scope.classList.contains('govuk-frontend-supported')\n}\n\n/**\n * Check for an array\n *\n * @internal\n * @param {unknown} option - Option to check\n * @returns {boolean} Whether the option is an array\n */\nfunction isArray(option) {\n  return Array.isArray(option)\n}\n\n/**\n * Check for an object\n *\n * @internal\n * @template {Partial<Record<keyof ObjectType, unknown>>} ObjectType\n * @param {unknown | ObjectType} option - Option to check\n * @returns {option is ObjectType} Whether the option is an object\n */\nexport function isObject(option) {\n  return !!option && typeof option === 'object' && !isArray(option)\n}\n\n/**\n * Check for valid scope\n *\n * @internal\n * @template {Element | Document} ScopeType\n * @param {unknown | ScopeType} $scope - Scope of the document to search within\n * @returns {$scope is ScopeType} Whether the scope can be queried\n */\nexport function isScope($scope) {\n  return !!$scope && ($scope instanceof Element || $scope instanceof Document)\n}\n\n/**\n * Format error message\n *\n * @internal\n * @param {ComponentWithModuleName} Component - Component that threw the error\n * @param {string} message - Error message\n * @returns {string} - Formatted error message\n */\nexport function formatErrorMessage(Component, message) {\n  return `${Component.moduleName}: ${message}`\n}\n\n/* eslint-disable jsdoc/valid-types --\n * `{new(...args: any[] ): object}` is not recognised as valid\n * https://github.com/gajus/eslint-plugin-jsdoc/issues/145#issuecomment-1308722878\n * https://github.com/jsdoc-type-pratt-parser/jsdoc-type-pratt-parser/issues/131\n **/\n\n/**\n * @typedef ComponentWithModuleName\n * @property {string} moduleName - Name of the component\n */\n\n/* eslint-enable jsdoc/valid-types */\n","import { formatErrorMessage, isObject } from '../common/index.mjs'\n\n/**\n * GOV.UK Frontend error\n *\n * A base class for `Error`s thrown by GOV.UK Frontend.\n *\n * It is meant to be extended into specific types of errors\n * to be thrown by our code.\n *\n * @example\n * ```js\n * class MissingRootError extends GOVUKFrontendError {\n *   // Setting an explicit name is important as extending the class will not\n *   // set a new `name` on the subclass. The `name` property is important\n *   // to ensure intelligible error names even if the class name gets\n *   // mangled by a minifier\n *   name = \"MissingRootError\"\n * }\n * ```\n * @virtual\n */\nexport class GOVUKFrontendError extends Error {\n  name = 'GOVUKFrontendError'\n}\n\n/**\n * Indicates that GOV.UK Frontend is not supported\n */\nexport class SupportError extends GOVUKFrontendError {\n  name = 'SupportError'\n\n  /**\n   * Checks if GOV.UK Frontend is supported on this page\n   *\n   * @param {HTMLElement | null} [$scope] - HTML element `<body>` checked for browser support\n   */\n  constructor($scope = document.body) {\n    const supportMessage =\n      'noModule' in HTMLScriptElement.prototype\n        ? 'GOV.UK Frontend initialised without `<body class=\"govuk-frontend-supported\">` from template `<script>` snippet'\n        : 'GOV.UK Frontend is not supported in this browser'\n\n    super(\n      $scope\n        ? supportMessage\n        : 'GOV.UK Frontend initialised without `<script type=\"module\">`'\n    )\n  }\n}\n\n/**\n * Indicates that a component has received an illegal configuration\n */\nexport class ConfigError extends GOVUKFrontendError {\n  name = 'ConfigError'\n}\n\n/**\n * Indicates an issue with an element (possibly `null` or `undefined`)\n */\nexport class ElementError extends GOVUKFrontendError {\n  name = 'ElementError'\n\n  /**\n   * @internal\n   * @overload\n   * @param {string} message - Element error message\n   */\n\n  /**\n   * @internal\n   * @overload\n   * @param {ElementErrorOptions} options - Element error options\n   */\n\n  /**\n   * @internal\n   * @param {string | ElementErrorOptions} messageOrOptions - Element error message or options\n   */\n  constructor(messageOrOptions) {\n    let message = typeof messageOrOptions === 'string' ? messageOrOptions : ''\n\n    // Build message from options\n    if (isObject(messageOrOptions)) {\n      const { component, identifier, element, expectedType } = messageOrOptions\n\n      message = identifier\n\n      // Append reason\n      message += element\n        ? ` is not of type ${expectedType ?? 'HTMLElement'}`\n        : ' not found'\n\n      // Prepend with module name (optional)\n      if (component) {\n        message = formatErrorMessage(component, message)\n      }\n    }\n\n    super(message)\n  }\n}\n\n/**\n * Indicates that a component is already initialised\n */\nexport class InitError extends GOVUKFrontendError {\n  name = 'InitError'\n\n  /**\n   * @internal\n   * @param {ComponentWithModuleName | string} componentOrMessage - name of the component module\n   */\n  constructor(componentOrMessage) {\n    const message =\n      typeof componentOrMessage === 'string'\n        ? componentOrMessage\n        : formatErrorMessage(\n            componentOrMessage,\n            `Root element (\\`$root\\`) already initialised`\n          )\n\n    super(message)\n  }\n}\n\n/**\n * Element error options\n *\n * @internal\n * @typedef {object} ElementErrorOptions\n * @property {Element | Document | null} [element] - The element in error (optional)\n * @property {ComponentWithModuleName} [component] - Component throwing the error (optional)\n * @property {string} identifier - An identifier that'll let the user understand which element has an error. This is whatever makes the most sense\n * @property {string} [expectedType] - The type that was expected for the identifier (optional)\n */\n\n/**\n * @import { ComponentWithModuleName } from '../common/index.mjs'\n */\n","import { isInitialised, isSupported } from './common/index.mjs'\nimport { ElementError, InitError, SupportError } from './errors/index.mjs'\n\n/**\n * Base Component class\n *\n * Centralises the behaviours shared by our components\n *\n * @virtual\n * @template {Element} [RootElementType=HTMLElement]\n */\nexport class Component {\n  /**\n   * @type {typeof Element}\n   */\n  static elementType = HTMLElement\n\n  // allows Typescript user to work around the lack of types\n  // in GOVUKFrontend package, Typescript is not aware of $root\n  // in components that extend GOVUKFrontendComponent\n  /**\n   * Returns the root element of the component\n   *\n   * @protected\n   * @returns {RootElementType} - the root element of component\n   */\n  get $root() {\n    return this._$root\n  }\n\n  /**\n   * @protected\n   * @type {RootElementType}\n   */\n  _$root\n\n  /**\n   * Constructs a new component, validating that GOV.UK Frontend is supported\n   *\n   * @internal\n   * @param {Element | null} [$root] - HTML element to use for component\n   */\n  constructor($root) {\n    const childConstructor = /** @type {ChildClassConstructor} */ (\n      this.constructor\n    )\n\n    // TypeScript does not enforce that inheriting classes will define a `moduleName`\n    // (even if we add a `@virtual` `static moduleName` property to this class).\n    // While we trust users to do this correctly, we do a little check to provide them\n    // a helpful error message.\n    //\n    // After this, we'll be sure that `childConstructor` has a `moduleName`\n    // as expected of the `ChildClassConstructor` we've cast `this.constructor` to.\n    if (typeof childConstructor.moduleName !== 'string') {\n      throw new InitError(`\\`moduleName\\` not defined in component`)\n    }\n\n    if (!($root instanceof childConstructor.elementType)) {\n      throw new ElementError({\n        element: $root,\n        component: childConstructor,\n        identifier: 'Root element (`$root`)',\n        expectedType: childConstructor.elementType.name\n      })\n    } else {\n      this._$root = /** @type {RootElementType} */ ($root)\n    }\n\n    childConstructor.checkSupport()\n\n    this.checkInitialised()\n\n    const moduleName = childConstructor.moduleName\n\n    this.$root.setAttribute(`data-${moduleName}-init`, '')\n  }\n\n  /**\n   * Validates whether component is already initialised\n   *\n   * @private\n   * @throws {InitError} when component is already initialised\n   */\n  checkInitialised() {\n    const constructor = /** @type {ChildClassConstructor} */ (this.constructor)\n    const moduleName = constructor.moduleName\n\n    if (moduleName && isInitialised(this.$root, moduleName)) {\n      throw new InitError(constructor)\n    }\n  }\n\n  /**\n   * Validates whether components are supported\n   *\n   * @throws {SupportError} when the components are not supported\n   */\n  static checkSupport() {\n    if (!isSupported()) {\n      throw new SupportError()\n    }\n  }\n}\n\n/**\n * @typedef ChildClass\n * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component\n */\n\n/**\n * @typedef {typeof Component & ChildClass} ChildClassConstructor\n */\n","import { Component } from '../component.mjs'\nimport { ConfigError } from '../errors/index.mjs'\n\nimport { isObject, isScope, formatErrorMessage } from './index.mjs'\n\nexport const configOverride = Symbol.for('configOverride')\n\n/**\n * Base Component class\n *\n * Centralises the behaviours shared by our components\n *\n * @virtual\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]\n * @template {Element & { dataset: DOMStringMap }} [RootElementType=HTMLElement]\n * @augments Component<RootElementType>\n */\nexport class ConfigurableComponent extends Component {\n  /**\n   * configOverride\n   *\n   * Function which defines configuration overrides to prioritize\n   * properties from the root element's dataset.\n   *\n   * It should take a subset of configuration as input and return\n   * a new configuration object with properties that should be\n   * overridden based on the root element's dataset. A Symbol\n   * is used for indexing to prevent conflicts.\n   *\n   * @internal\n   * @virtual\n   * @param {Partial<ConfigurationType>} [param] - Configuration object\n   * @returns {Partial<ConfigurationType>} return - Configuration object\n   */\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  [configOverride](param) {\n    return {}\n  }\n\n  /**\n   * Returns the root element of the component\n   *\n   * @protected\n   * @returns {ConfigurationType} - the root element of component\n   */\n  get config() {\n    return this._config\n  }\n\n  /**\n   *\n   * @type {ConfigurationType}\n   */\n  _config\n\n  /**\n   * Constructs a new component, validating that GOV.UK Frontend is supported\n   *\n   * @internal\n   * @param {Element | null} [$root] - HTML element to use for component\n   * @param {ConfigurationType} [config] - HTML element to use for component\n   */\n  constructor($root, config) {\n    super($root)\n\n    const childConstructor =\n      /** @type {ChildClassConstructor<ConfigurationType>} */ (this.constructor)\n\n    if (!isObject(childConstructor.defaults)) {\n      throw new ConfigError(\n        formatErrorMessage(\n          childConstructor,\n          'Config passed as parameter into constructor but no defaults defined'\n        )\n      )\n    }\n\n    const datasetConfig = /** @type {ConfigurationType} */ (\n      normaliseDataset(childConstructor, this._$root.dataset)\n    )\n\n    this._config = /** @type {ConfigurationType} */ (\n      mergeConfigs(\n        childConstructor.defaults,\n        config ?? {},\n        this[configOverride](datasetConfig),\n        datasetConfig\n      )\n    )\n  }\n}\n\n/**\n * Normalise string\n *\n * 'If it looks like a duck, and it quacks like a duck…' 🦆\n *\n * If the passed value looks like a boolean or a number, convert it to a boolean\n * or number.\n *\n * Designed to be used to convert config passed via data attributes (which are\n * always strings) into something sensible.\n *\n * @internal\n * @param {DOMStringMap[string]} value - The value to normalise\n * @param {SchemaProperty} [property] - Component schema property\n * @returns {string | boolean | number | undefined} Normalised data\n */\nexport function normaliseString(value, property) {\n  const trimmedValue = value ? value.trim() : ''\n\n  let output\n  let outputType = property?.type\n\n  // No schema type set? Determine automatically\n  if (!outputType) {\n    if (['true', 'false'].includes(trimmedValue)) {\n      outputType = 'boolean'\n    }\n\n    // Empty / whitespace-only strings are considered finite so we need to check\n    // the length of the trimmed string as well\n    if (trimmedValue.length > 0 && isFinite(Number(trimmedValue))) {\n      outputType = 'number'\n    }\n  }\n\n  switch (outputType) {\n    case 'boolean':\n      output = trimmedValue === 'true'\n      break\n\n    case 'number':\n      output = Number(trimmedValue)\n      break\n\n    default:\n      output = value\n  }\n\n  return output\n}\n\n/**\n * Normalise dataset\n *\n * Loop over an object and normalise each value using {@link normaliseString},\n * optionally expanding nested `i18n.field`\n *\n * @internal\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @template {[keyof ConfigurationType, SchemaProperty | undefined][]} SchemaEntryType\n * @param {{ schema?: Schema<ConfigurationType>, moduleName: string }} Component - Component class\n * @param {DOMStringMap} dataset - HTML element dataset\n * @returns {ObjectNested} Normalised dataset\n */\nexport function normaliseDataset(Component, dataset) {\n  if (!isObject(Component.schema)) {\n    throw new ConfigError(\n      formatErrorMessage(\n        Component,\n        'Config passed as parameter into constructor but no schema defined'\n      )\n    )\n  }\n\n  const out = /** @type {ObjectNested} */ ({})\n  const entries = /** @type {SchemaEntryType} */ (\n    Object.entries(Component.schema.properties)\n  )\n\n  // Normalise top-level dataset ('data-*') values using schema types\n  for (const entry of entries) {\n    const [namespace, property] = entry\n\n    // Cast the `namespace` to string so it can be used to access the dataset\n    const field = namespace.toString()\n\n    if (field in dataset) {\n      out[field] = normaliseString(dataset[field], property)\n    }\n\n    /**\n     * Extract and normalise nested object values automatically using\n     * {@link normaliseString} but only schema object types are allowed\n     */\n    if (property?.type === 'object') {\n      out[field] = extractConfigByNamespace(\n        Component.schema,\n        dataset,\n        namespace\n      )\n    }\n  }\n\n  return out\n}\n\n/**\n * Normalise options passed to `initAll` or `createAll`\n *\n * @internal\n * @template {CompatibleClass} ComponentClass\n * @param {Config | CreateAllOptions<ComponentClass> | OnErrorCallback<ComponentClass> | Element | Document | null} [scopeOrOptions] - Scope of the document to search within, initialisation options or error callback function\n * @returns {CreateAllOptions<ComponentClass>} Normalised options\n */\nexport function normaliseOptions(scopeOrOptions) {\n  let /** @type {Element | Document | null} */ $scope = document\n  let /** @type {OnErrorCallback<ComponentClass> | undefined} */ onError\n\n  // Handle options object\n  if (isObject(scopeOrOptions)) {\n    const options = scopeOrOptions\n\n    // Scope must be valid or null\n    if (isScope(options.scope) || options.scope === null) {\n      $scope = options.scope\n    }\n\n    // Error handler must be a function\n    if (typeof options.onError === 'function') {\n      onError = options.onError\n    }\n  }\n\n  if (isScope(scopeOrOptions)) {\n    $scope = scopeOrOptions\n  } else if (scopeOrOptions === null) {\n    $scope = null\n  } else if (typeof scopeOrOptions === 'function') {\n    onError = scopeOrOptions\n  }\n\n  return {\n    scope: $scope,\n    onError\n  }\n}\n\n/**\n * Config merging function\n *\n * Takes any number of objects and combines them together, with\n * greatest priority on the LAST item passed in.\n *\n * @internal\n * @param {...{ [key: string]: unknown }} configObjects - Config objects to merge\n * @returns {{ [key: string]: unknown }} A merged config object\n */\nexport function mergeConfigs(...configObjects) {\n  // Start with an empty object as our base\n  /** @type {{ [key: string]: unknown }} */\n  const formattedConfigObject = {}\n\n  // Loop through each of the passed objects\n  for (const configObject of configObjects) {\n    for (const key of Object.keys(configObject)) {\n      const option = formattedConfigObject[key]\n      const override = configObject[key]\n\n      // Push their keys one-by-one into formattedConfigObject. Any duplicate\n      // keys with object values will be merged, otherwise the new value will\n      // override the existing value.\n      if (isObject(option) && isObject(override)) {\n        formattedConfigObject[key] = mergeConfigs(option, override)\n      } else {\n        // Apply override\n        formattedConfigObject[key] = override\n      }\n    }\n  }\n\n  return formattedConfigObject\n}\n\n/**\n * Validate component config by schema\n *\n * Follows limited examples in JSON schema for wider support in future\n *\n * {@link https://ajv.js.org/json-schema.html#compound-keywords}\n * {@link https://ajv.js.org/packages/ajv-errors.html#single-message}\n *\n * @internal\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @param {Schema<ConfigurationType>} schema - The schema of a component\n * @param {ConfigurationType} config - Component config\n * @returns {string[]} List of validation errors\n */\nexport function validateConfig(schema, config) {\n  const validationErrors = []\n\n  // Check errors for each schema\n  for (const [name, conditions] of Object.entries(schema)) {\n    const errors = []\n\n    // Check errors for each schema condition\n    if (Array.isArray(conditions)) {\n      for (const { required, errorMessage } of conditions) {\n        if (!required.every((key) => !!config[key])) {\n          errors.push(errorMessage) // Missing config key value\n        }\n      }\n\n      // Check one condition passes or add errors\n      if (name === 'anyOf' && !(conditions.length - errors.length >= 1)) {\n        validationErrors.push(...errors)\n      }\n    }\n  }\n\n  return validationErrors\n}\n\n/**\n * Extracts keys starting with a particular namespace from dataset ('data-*')\n * object, removing the namespace in the process, normalising all values\n *\n * @internal\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @param {Schema<ConfigurationType>} schema - The schema of a component\n * @param {DOMStringMap} dataset - The object to extract key-value pairs from\n * @param {keyof ConfigurationType} namespace - The namespace to filter keys with\n * @returns {ObjectNested | undefined} Nested object with dot-separated key namespace removed\n */\nexport function extractConfigByNamespace(schema, dataset, namespace) {\n  const property = schema.properties[namespace]\n\n  // Only extract configs for object schema properties\n  if (property?.type !== 'object') {\n    return\n  }\n\n  // Add default empty config\n  const newObject = /** @type {Record<typeof namespace, ObjectNested>} */ ({\n    [namespace]: {}\n  })\n\n  for (const [key, value] of Object.entries(dataset)) {\n    /** @type {ObjectNested | ObjectNested[NestedKey]} */\n    let current = newObject\n\n    // Split the key into parts, using . as our namespace separator\n    const keyParts = key.split('.')\n\n    /**\n     * Create new level per part\n     *\n     * e.g. 'i18n.textareaDescription.other' becomes\n     * `{ i18n: { textareaDescription: { other } } }`\n     */\n    for (const [index, name] of keyParts.entries()) {\n      if (isObject(current)) {\n        // Drop down to nested object until the last part\n        if (index < keyParts.length - 1) {\n          // New nested object (optionally) replaces existing value\n          if (!isObject(current[name])) {\n            current[name] = {}\n          }\n\n          // Drop down into new or existing nested object\n          current = current[name]\n        } else if (key !== namespace) {\n          // Normalised value (optionally) replaces existing value\n          current[name] = normaliseString(value)\n        }\n      }\n    }\n  }\n\n  return newObject[namespace]\n}\n\n/**\n * @internal\n * @typedef {keyof ObjectNested} NestedKey\n * @typedef {{ [key: string]: string | boolean | number | ObjectNested | undefined }} ObjectNested\n */\n\n/**\n * Schema for component config\n *\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @typedef {object} Schema\n * @property {Record<keyof ConfigurationType, SchemaProperty | undefined>} properties - Schema properties\n * @property {SchemaCondition<ConfigurationType>[]} [anyOf] - List of schema conditions\n */\n\n/**\n * Schema property for component config\n *\n * @typedef {object} SchemaProperty\n * @property {'string' | 'boolean' | 'number' | 'object'} type - Property type\n */\n\n/**\n * Schema condition for component config\n *\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @typedef {object} SchemaCondition\n * @property {(keyof ConfigurationType)[]} required - List of required config fields\n * @property {string} errorMessage - Error message when required config fields not provided\n */\n\n/**\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]\n * @typedef ChildClass\n * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component\n * @property {Schema<ConfigurationType>} [schema] - The schema of the component configuration\n * @property {ConfigurationType} [defaults] - The default values of the configuration of the component\n */\n\n/**\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]\n * @typedef {typeof Component & ChildClass<ConfigurationType>} ChildClassConstructor<ConfigurationType>\n */\n\n/**\n * @import { CompatibleClass, Config, CreateAllOptions, OnErrorCallback } from '../init.mjs'\n */\n","import { isObject } from './common/index.mjs'\n\n/**\n * Internal support for selecting messages to render, with placeholder\n * interpolation and locale-aware number formatting and pluralisation\n *\n * @internal\n */\nexport class I18n {\n  translations\n  locale\n\n  /**\n   * @internal\n   * @param {{ [key: string]: string | TranslationPluralForms }} translations - Key-value pairs of the translation strings to use.\n   * @param {object} [config] - Configuration options for the function.\n   * @param {string | null} [config.locale] - An overriding locale for the PluralRules functionality.\n   */\n  constructor(translations = {}, config = {}) {\n    // Make list of translations available throughout function\n    this.translations = translations\n\n    // The locale to use for PluralRules and NumberFormat\n    this.locale = config.locale ?? (document.documentElement.lang || 'en')\n  }\n\n  /**\n   * The most used function - takes the key for a given piece of UI text and\n   * returns the appropriate string.\n   *\n   * @internal\n   * @param {string} lookupKey - The lookup key of the string to use.\n   * @param {{ [key: string]: unknown }} [options] - Any options passed with the translation string, e.g: for string interpolation.\n   * @returns {string} The appropriate translation string.\n   * @throws {Error} Lookup key required\n   * @throws {Error} Options required for `${}` placeholders\n   */\n  t(lookupKey, options) {\n    if (!lookupKey) {\n      // Print a console error if no lookup key has been provided\n      throw new Error('i18n: lookup key missing')\n    }\n\n    // Fetch the translation for that lookup key\n    let translation = this.translations[lookupKey]\n\n    // If the `count` option is set, determine which plural suffix is needed and\n    // change the lookupKey to match. We check to see if it's numeric instead of\n    // falsy, as this could legitimately be 0.\n    if (typeof options?.count === 'number' && isObject(translation)) {\n      const translationPluralForm =\n        translation[this.getPluralSuffix(lookupKey, options.count)]\n\n      // Update translation with plural suffix\n      if (translationPluralForm) {\n        translation = translationPluralForm\n      }\n    }\n\n    if (typeof translation === 'string') {\n      // Check for ${} placeholders in the translation string\n      // eslint-disable-next-line @typescript-eslint/prefer-regexp-exec\n      if (translation.match(/%{(.\\S+)}/)) {\n        if (!options) {\n          throw new Error(\n            'i18n: cannot replace placeholders in string if no option data provided'\n          )\n        }\n\n        return this.replacePlaceholders(translation, options)\n      }\n\n      return translation\n    }\n\n    // If the key wasn't found in our translations object,\n    // return the lookup key itself as the fallback\n    return lookupKey\n  }\n\n  /**\n   * Takes a translation string with placeholders, and replaces the placeholders\n   * with the provided data\n   *\n   * @internal\n   * @param {string} translationString - The translation string\n   * @param {{ [key: string]: unknown }} options - Any options passed with the translation string, e.g: for string interpolation.\n   * @returns {string} The translation string to output, with $\\{\\} placeholders replaced\n   */\n  replacePlaceholders(translationString, options) {\n    const formatter = Intl.NumberFormat.supportedLocalesOf(this.locale).length\n      ? new Intl.NumberFormat(this.locale)\n      : undefined\n\n    return translationString.replace(\n      /%{(.\\S+)}/g,\n\n      /**\n       * Replace translation string placeholders\n       *\n       * @internal\n       * @param {string} placeholderWithBraces - Placeholder with braces\n       * @param {string} placeholderKey - Placeholder key\n       * @returns {string} Placeholder value\n       */\n      function (placeholderWithBraces, placeholderKey) {\n        if (Object.prototype.hasOwnProperty.call(options, placeholderKey)) {\n          const placeholderValue = options[placeholderKey]\n\n          // If a user has passed `false` as the value for the placeholder\n          // treat it as though the value should not be displayed\n          if (\n            placeholderValue === false ||\n            (typeof placeholderValue !== 'number' &&\n              typeof placeholderValue !== 'string')\n          ) {\n            return ''\n          }\n\n          // If the placeholder's value is a number, localise the number formatting\n          if (typeof placeholderValue === 'number') {\n            return formatter\n              ? formatter.format(placeholderValue)\n              : `${placeholderValue}`\n          }\n\n          return placeholderValue\n        }\n\n        throw new Error(\n          `i18n: no data found to replace ${placeholderWithBraces} placeholder in string`\n        )\n      }\n    )\n  }\n\n  /**\n   * Check to see if the browser supports Intl.PluralRules\n   *\n   * It requires all conditions to be met in order to be supported:\n   * - The implementation of Intl supports PluralRules (NOT true in Safari 10–12)\n   * - The browser/OS has plural rules for the current locale (browser dependent)\n   *\n   * {@link https://browsersl.ist/#q=supports+es6-module+and+not+supports+intl-pluralrules}\n   *\n   * @internal\n   * @returns {boolean} Returns true if all conditions are met. Returns false otherwise.\n   */\n  hasIntlPluralRulesSupport() {\n    return Boolean(\n      'PluralRules' in window.Intl &&\n        Intl.PluralRules.supportedLocalesOf(this.locale).length\n    )\n  }\n\n  /**\n   * Get the appropriate suffix for the plural form.\n   *\n   * Uses Intl.PluralRules (or our own fallback implementation) to get the\n   * 'preferred' form to use for the given count.\n   *\n   * Checks that a translation has been provided for that plural form – if it\n   * hasn't, it'll fall back to the 'other' plural form (unless that doesn't exist\n   * either, in which case an error will be thrown)\n   *\n   * @internal\n   * @param {string} lookupKey - The lookup key of the string to use.\n   * @param {number} count - Number used to determine which pluralisation to use.\n   * @returns {PluralRule} The suffix associated with the correct pluralisation for this locale.\n   * @throws {Error} Plural form `.other` required when preferred plural form is missing\n   */\n  getPluralSuffix(lookupKey, count) {\n    // Validate that the number is actually a number.\n    //\n    // Number(count) will turn anything that can't be converted to a Number type\n    // into 'NaN'. isFinite filters out NaN, as it isn't a finite number.\n    // eslint-disable-next-line @typescript-eslint/no-unnecessary-type-conversion\n    count = Number(count)\n    if (!isFinite(count)) {\n      return 'other'\n    }\n\n    // Fetch the translation for that lookup key\n    const translation = this.translations[lookupKey]\n\n    // Check to verify that all the requirements for Intl.PluralRules are met.\n    // If so, we can use that instead of our custom implementation. Otherwise,\n    // use the hardcoded fallback.\n    const preferredForm = this.hasIntlPluralRulesSupport()\n      ? new Intl.PluralRules(this.locale).select(count)\n      : 'other'\n\n    // Use the correct plural form if provided\n    if (isObject(translation)) {\n      if (preferredForm in translation) {\n        return preferredForm\n        // Fall back to `other` if the plural form is missing, but log a warning\n        // to the console\n      } else if ('other' in translation) {\n        console.warn(\n          `i18n: Missing plural form \".${preferredForm}\" for \"${this.locale}\" locale. Falling back to \".other\".`\n        )\n\n        return 'other'\n      }\n    }\n\n    // If the required `other` plural form is missing, all we can do is error\n    throw new Error(\n      `i18n: Plural form \".other\" is required for \"${this.locale}\" locale`\n    )\n  }\n}\n\n/**\n * Plural rule category mnemonic tags\n *\n * @internal\n * @typedef {'zero' | 'one' | 'two' | 'few' | 'many' | 'other'} PluralRule\n */\n\n/**\n * Translated message by plural rule they correspond to.\n *\n * Allows to group pluralised messages under a single key when passing\n * translations to a component's constructor\n *\n * @internal\n * @typedef {object} TranslationPluralForms\n * @property {string} [other] - General plural form\n * @property {string} [zero] - Plural form used with 0\n * @property {string} [one] - Plural form used with 1\n * @property {string} [two] - Plural form used with 2\n * @property {string} [few] - Plural form used for a few\n * @property {string} [many] - Plural form used for many\n */\n","import { closestAttributeValue } from '../../common/closest-attribute-value.mjs'\nimport { ConfigurableComponent } from '../../common/configuration.mjs'\nimport { ElementError } from '../../errors/index.mjs'\nimport { I18n } from '../../i18n.mjs'\n\n/**\n * Password input component\n *\n * @preserve\n * @augments ConfigurableComponent<PasswordInputConfig>\n */\nexport class PasswordInput extends ConfigurableComponent {\n  /** @private */\n  i18n\n\n  /**\n   * @private\n   * @type {HTMLInputElement}\n   */\n  $input\n\n  /**\n   * @private\n   * @type {HTMLButtonElement}\n   */\n  $showHideButton\n\n  /** @private */\n  $screenReaderStatusMessage\n\n  /**\n   * @param {Element | null} $root - HTML element to use for password input\n   * @param {PasswordInputConfig} [config] - Password input config\n   */\n  constructor($root, config = {}) {\n    super($root, config)\n\n    const $input = this.$root.querySelector('.govuk-js-password-input-input')\n    if (!($input instanceof HTMLInputElement)) {\n      throw new ElementError({\n        component: PasswordInput,\n        element: $input,\n        expectedType: 'HTMLInputElement',\n        identifier: 'Form field (`.govuk-js-password-input-input`)'\n      })\n    }\n\n    if ($input.type !== 'password') {\n      throw new ElementError(\n        'Password input: Form field (`.govuk-js-password-input-input`) must be of type `password`.'\n      )\n    }\n\n    const $showHideButton = this.$root.querySelector(\n      '.govuk-js-password-input-toggle'\n    )\n    if (!($showHideButton instanceof HTMLButtonElement)) {\n      throw new ElementError({\n        component: PasswordInput,\n        element: $showHideButton,\n        expectedType: 'HTMLButtonElement',\n        identifier: 'Button (`.govuk-js-password-input-toggle`)'\n      })\n    }\n\n    if ($showHideButton.type !== 'button') {\n      throw new ElementError(\n        'Password input: Button (`.govuk-js-password-input-toggle`) must be of type `button`.'\n      )\n    }\n\n    this.$input = $input\n    this.$showHideButton = $showHideButton\n\n    this.i18n = new I18n(this.config.i18n, {\n      // Read the fallback if necessary rather than have it set in the defaults\n      locale: closestAttributeValue(this.$root, 'lang')\n    })\n\n    // Show the toggle button element\n    this.$showHideButton.removeAttribute('hidden')\n\n    // Create and append the status text for screen readers.\n    // This is injected between the input and button so that users get a sensible reading order if\n    // moving through the page content linearly:\n    // [password input] -> [your password is visible/hidden] -> [show/hide password]\n    const $screenReaderStatusMessage = document.createElement('div')\n    $screenReaderStatusMessage.className =\n      'govuk-password-input__sr-status govuk-visually-hidden'\n    $screenReaderStatusMessage.setAttribute('aria-live', 'polite')\n    this.$screenReaderStatusMessage = $screenReaderStatusMessage\n    this.$input.insertAdjacentElement('afterend', $screenReaderStatusMessage)\n\n    // Bind toggle button\n    this.$showHideButton.addEventListener('click', this.toggle.bind(this))\n\n    // Bind event to revert the password visibility to hidden\n    if (this.$input.form) {\n      this.$input.form.addEventListener('submit', () => this.hide())\n    }\n\n    // If the page is restored from bfcache and the password is visible, hide it again\n    window.addEventListener('pageshow', (event) => {\n      if (event.persisted && this.$input.type !== 'password') {\n        this.hide()\n      }\n    })\n\n    // Default the component to having the password hidden.\n    this.hide()\n  }\n\n  /**\n   * Toggle the visibility of the password input\n   *\n   * @private\n   * @param {MouseEvent} event - Click event\n   */\n  toggle(event) {\n    event.preventDefault()\n\n    // If on this click, the field is type=\"password\", show the value\n    if (this.$input.type === 'password') {\n      this.show()\n      return\n    }\n\n    // Otherwise, hide it\n    // Being defensive - hiding should always be the default\n    this.hide()\n  }\n\n  /**\n   * Show the password input value in plain text.\n   *\n   * @private\n   */\n  show() {\n    this.setType('text')\n  }\n\n  /**\n   * Hide the password input value.\n   *\n   * @private\n   */\n  hide() {\n    this.setType('password')\n  }\n\n  /**\n   * Set the password input type\n   *\n   * @param {'text' | 'password'} type - Input type\n   * @private\n   */\n  setType(type) {\n    if (type === this.$input.type) {\n      return\n    }\n\n    // Update input type\n    this.$input.setAttribute('type', type)\n\n    const isHidden = type === 'password'\n    const prefixButton = isHidden ? 'show' : 'hide'\n    const prefixStatus = isHidden ? 'passwordHidden' : 'passwordShown'\n\n    // Update button text\n    this.$showHideButton.innerText = this.i18n.t(`${prefixButton}Password`)\n\n    // Update button aria-label\n    this.$showHideButton.setAttribute(\n      'aria-label',\n      this.i18n.t(`${prefixButton}PasswordAriaLabel`)\n    )\n\n    // Update status change text\n    this.$screenReaderStatusMessage.innerText = this.i18n.t(\n      `${prefixStatus}Announcement`\n    )\n  }\n\n  /**\n   * Name for the component used when initialising using data-module attributes.\n   */\n  static moduleName = 'govuk-password-input'\n\n  /**\n   * Password input default config\n   *\n   * @see {@link PasswordInputConfig}\n   * @constant\n   * @default\n   * @type {PasswordInputConfig}\n   */\n  static defaults = Object.freeze({\n    i18n: {\n      showPassword: 'Show',\n      hidePassword: 'Hide',\n      showPasswordAriaLabel: 'Show password',\n      hidePasswordAriaLabel: 'Hide password',\n      passwordShownAnnouncement: 'Your password is visible',\n      passwordHiddenAnnouncement: 'Your password is hidden'\n    }\n  })\n\n  /**\n   * Password input config schema\n   *\n   * @constant\n   * @satisfies {Schema<PasswordInputConfig>}\n   */\n  static schema = Object.freeze({\n    properties: {\n      i18n: { type: 'object' }\n    }\n  })\n}\n\n/**\n * Password input config\n *\n * @typedef {object} PasswordInputConfig\n * @property {PasswordInputTranslations} [i18n=PasswordInput.defaults.i18n] - Password input translations\n */\n\n/**\n * Password input translations\n *\n * @see {@link PasswordInput.defaults.i18n}\n * @typedef {object} PasswordInputTranslations\n *\n * Messages displayed to the user indicating the state of the show/hide toggle.\n * @property {string} [showPassword] - Visible text of the button when the\n *   password is currently hidden. Plain text only.\n * @property {string} [hidePassword] - Visible text of the button when the\n *   password is currently visible. Plain text only.\n * @property {string} [showPasswordAriaLabel] - aria-label of the button when\n *   the password is currently hidden. Plain text only.\n * @property {string} [hidePasswordAriaLabel] - aria-label of the button when\n *   the password is currently visible. Plain text only.\n * @property {string} [passwordShownAnnouncement] - Screen reader\n *   announcement to make when the password has just become visible.\n *   Plain text only.\n * @property {string} [passwordHiddenAnnouncement] - Screen reader\n *   announcement to make when the password has just been hidden.\n *   Plain text only.\n */\n\n/**\n * @import { Schema } from '../../common/configuration.mjs'\n */\n"],"names":["closestAttributeValue","$element","attributeName","$closestElementWithAttribute","closest","getAttribute","isInitialised","$root","moduleName","HTMLElement","hasAttribute","isSupported","$scope","document","body","classList","contains","isArray","option","Array","isObject","formatErrorMessage","Component","message","GOVUKFrontendError","Error","constructor","args","name","SupportError","supportMessage","HTMLScriptElement","prototype","ConfigError","ElementError","messageOrOptions","component","identifier","element","expectedType","InitError","componentOrMessage","_$root","childConstructor","elementType","checkSupport","checkInitialised","setAttribute","configOverride","Symbol","for","ConfigurableComponent","param","config","_config","defaults","datasetConfig","normaliseDataset","dataset","mergeConfigs","normaliseString","value","property","trimmedValue","trim","output","outputType","type","includes","length","isFinite","Number","schema","out","entries","Object","properties","entry","namespace","field","toString","extractConfigByNamespace","configObjects","formattedConfigObject","configObject","key","keys","override","newObject","current","keyParts","split","index","I18n","translations","_config$locale","locale","documentElement","lang","t","lookupKey","options","translation","count","translationPluralForm","getPluralSuffix","match","replacePlaceholders","translationString","formatter","Intl","NumberFormat","supportedLocalesOf","undefined","replace","placeholderWithBraces","placeholderKey","hasOwnProperty","call","placeholderValue","format","hasIntlPluralRulesSupport","Boolean","window","PluralRules","preferredForm","select","console","warn","PasswordInput","i18n","$input","$showHideButton","$screenReaderStatusMessage","querySelector","HTMLInputElement","HTMLButtonElement","removeAttribute","createElement","className","insertAdjacentElement","addEventListener","toggle","bind","form","hide","event","persisted","preventDefault","show","setType","isHidden","prefixButton","prefixStatus","innerText","freeze","showPassword","hidePassword","showPasswordAriaLabel","hidePasswordAriaLabel","passwordShownAnnouncement","passwordHiddenAnnouncement"],"mappings":"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"}
\ No newline at end of file
diff --git a/app/templates/govuk/components/components/password-input/password-input.mjs b/app/templates/govuk/components/components/password-input/password-input.mjs
new file mode 100644
index 0000000..d246fcb
--- /dev/null
+++ b/app/templates/govuk/components/components/password-input/password-input.mjs
@@ -0,0 +1,150 @@
+import { closestAttributeValue } from '../../common/closest-attribute-value.mjs';
+import { ConfigurableComponent } from '../../common/configuration.mjs';
+import { ElementError } from '../../errors/index.mjs';
+import { I18n } from '../../i18n.mjs';
+
+/**
+ * Password input component
+ *
+ * @preserve
+ * @augments ConfigurableComponent<PasswordInputConfig>
+ */
+class PasswordInput extends ConfigurableComponent {
+  /**
+   * @param {Element | null} $root - HTML element to use for password input
+   * @param {PasswordInputConfig} [config] - Password input config
+   */
+  constructor($root, config = {}) {
+    super($root, config);
+    this.i18n = void 0;
+    this.$input = void 0;
+    this.$showHideButton = void 0;
+    this.$screenReaderStatusMessage = void 0;
+    const $input = this.$root.querySelector('.govuk-js-password-input-input');
+    if (!($input instanceof HTMLInputElement)) {
+      throw new ElementError({
+        component: PasswordInput,
+        element: $input,
+        expectedType: 'HTMLInputElement',
+        identifier: 'Form field (`.govuk-js-password-input-input`)'
+      });
+    }
+    if ($input.type !== 'password') {
+      throw new ElementError('Password input: Form field (`.govuk-js-password-input-input`) must be of type `password`.');
+    }
+    const $showHideButton = this.$root.querySelector('.govuk-js-password-input-toggle');
+    if (!($showHideButton instanceof HTMLButtonElement)) {
+      throw new ElementError({
+        component: PasswordInput,
+        element: $showHideButton,
+        expectedType: 'HTMLButtonElement',
+        identifier: 'Button (`.govuk-js-password-input-toggle`)'
+      });
+    }
+    if ($showHideButton.type !== 'button') {
+      throw new ElementError('Password input: Button (`.govuk-js-password-input-toggle`) must be of type `button`.');
+    }
+    this.$input = $input;
+    this.$showHideButton = $showHideButton;
+    this.i18n = new I18n(this.config.i18n, {
+      locale: closestAttributeValue(this.$root, 'lang')
+    });
+    this.$showHideButton.removeAttribute('hidden');
+    const $screenReaderStatusMessage = document.createElement('div');
+    $screenReaderStatusMessage.className = 'govuk-password-input__sr-status govuk-visually-hidden';
+    $screenReaderStatusMessage.setAttribute('aria-live', 'polite');
+    this.$screenReaderStatusMessage = $screenReaderStatusMessage;
+    this.$input.insertAdjacentElement('afterend', $screenReaderStatusMessage);
+    this.$showHideButton.addEventListener('click', this.toggle.bind(this));
+    if (this.$input.form) {
+      this.$input.form.addEventListener('submit', () => this.hide());
+    }
+    window.addEventListener('pageshow', event => {
+      if (event.persisted && this.$input.type !== 'password') {
+        this.hide();
+      }
+    });
+    this.hide();
+  }
+  toggle(event) {
+    event.preventDefault();
+    if (this.$input.type === 'password') {
+      this.show();
+      return;
+    }
+    this.hide();
+  }
+  show() {
+    this.setType('text');
+  }
+  hide() {
+    this.setType('password');
+  }
+  setType(type) {
+    if (type === this.$input.type) {
+      return;
+    }
+    this.$input.setAttribute('type', type);
+    const isHidden = type === 'password';
+    const prefixButton = isHidden ? 'show' : 'hide';
+    const prefixStatus = isHidden ? 'passwordHidden' : 'passwordShown';
+    this.$showHideButton.innerText = this.i18n.t(`${prefixButton}Password`);
+    this.$showHideButton.setAttribute('aria-label', this.i18n.t(`${prefixButton}PasswordAriaLabel`));
+    this.$screenReaderStatusMessage.innerText = this.i18n.t(`${prefixStatus}Announcement`);
+  }
+}
+
+/**
+ * Password input config
+ *
+ * @typedef {object} PasswordInputConfig
+ * @property {PasswordInputTranslations} [i18n=PasswordInput.defaults.i18n] - Password input translations
+ */
+
+/**
+ * Password input translations
+ *
+ * @see {@link PasswordInput.defaults.i18n}
+ * @typedef {object} PasswordInputTranslations
+ *
+ * Messages displayed to the user indicating the state of the show/hide toggle.
+ * @property {string} [showPassword] - Visible text of the button when the
+ *   password is currently hidden. Plain text only.
+ * @property {string} [hidePassword] - Visible text of the button when the
+ *   password is currently visible. Plain text only.
+ * @property {string} [showPasswordAriaLabel] - aria-label of the button when
+ *   the password is currently hidden. Plain text only.
+ * @property {string} [hidePasswordAriaLabel] - aria-label of the button when
+ *   the password is currently visible. Plain text only.
+ * @property {string} [passwordShownAnnouncement] - Screen reader
+ *   announcement to make when the password has just become visible.
+ *   Plain text only.
+ * @property {string} [passwordHiddenAnnouncement] - Screen reader
+ *   announcement to make when the password has just been hidden.
+ *   Plain text only.
+ */
+
+/**
+ * @import { Schema } from '../../common/configuration.mjs'
+ */
+PasswordInput.moduleName = 'govuk-password-input';
+PasswordInput.defaults = Object.freeze({
+  i18n: {
+    showPassword: 'Show',
+    hidePassword: 'Hide',
+    showPasswordAriaLabel: 'Show password',
+    hidePasswordAriaLabel: 'Hide password',
+    passwordShownAnnouncement: 'Your password is visible',
+    passwordHiddenAnnouncement: 'Your password is hidden'
+  }
+});
+PasswordInput.schema = Object.freeze({
+  properties: {
+    i18n: {
+      type: 'object'
+    }
+  }
+});
+
+export { PasswordInput };
+//# sourceMappingURL=password-input.mjs.map
diff --git a/app/templates/govuk/components/components/password-input/password-input.mjs.map b/app/templates/govuk/components/components/password-input/password-input.mjs.map
new file mode 100644
index 0000000..659f9f2
--- /dev/null
+++ b/app/templates/govuk/components/components/password-input/password-input.mjs.map
@@ -0,0 +1 @@
+{"version":3,"file":"password-input.mjs","sources":["../../../../src/govuk/components/password-input/password-input.mjs"],"sourcesContent":["import { closestAttributeValue } from '../../common/closest-attribute-value.mjs'\nimport { ConfigurableComponent } from '../../common/configuration.mjs'\nimport { ElementError } from '../../errors/index.mjs'\nimport { I18n } from '../../i18n.mjs'\n\n/**\n * Password input component\n *\n * @preserve\n * @augments ConfigurableComponent<PasswordInputConfig>\n */\nexport class PasswordInput extends ConfigurableComponent {\n  /** @private */\n  i18n\n\n  /**\n   * @private\n   * @type {HTMLInputElement}\n   */\n  $input\n\n  /**\n   * @private\n   * @type {HTMLButtonElement}\n   */\n  $showHideButton\n\n  /** @private */\n  $screenReaderStatusMessage\n\n  /**\n   * @param {Element | null} $root - HTML element to use for password input\n   * @param {PasswordInputConfig} [config] - Password input config\n   */\n  constructor($root, config = {}) {\n    super($root, config)\n\n    const $input = this.$root.querySelector('.govuk-js-password-input-input')\n    if (!($input instanceof HTMLInputElement)) {\n      throw new ElementError({\n        component: PasswordInput,\n        element: $input,\n        expectedType: 'HTMLInputElement',\n        identifier: 'Form field (`.govuk-js-password-input-input`)'\n      })\n    }\n\n    if ($input.type !== 'password') {\n      throw new ElementError(\n        'Password input: Form field (`.govuk-js-password-input-input`) must be of type `password`.'\n      )\n    }\n\n    const $showHideButton = this.$root.querySelector(\n      '.govuk-js-password-input-toggle'\n    )\n    if (!($showHideButton instanceof HTMLButtonElement)) {\n      throw new ElementError({\n        component: PasswordInput,\n        element: $showHideButton,\n        expectedType: 'HTMLButtonElement',\n        identifier: 'Button (`.govuk-js-password-input-toggle`)'\n      })\n    }\n\n    if ($showHideButton.type !== 'button') {\n      throw new ElementError(\n        'Password input: Button (`.govuk-js-password-input-toggle`) must be of type `button`.'\n      )\n    }\n\n    this.$input = $input\n    this.$showHideButton = $showHideButton\n\n    this.i18n = new I18n(this.config.i18n, {\n      // Read the fallback if necessary rather than have it set in the defaults\n      locale: closestAttributeValue(this.$root, 'lang')\n    })\n\n    // Show the toggle button element\n    this.$showHideButton.removeAttribute('hidden')\n\n    // Create and append the status text for screen readers.\n    // This is injected between the input and button so that users get a sensible reading order if\n    // moving through the page content linearly:\n    // [password input] -> [your password is visible/hidden] -> [show/hide password]\n    const $screenReaderStatusMessage = document.createElement('div')\n    $screenReaderStatusMessage.className =\n      'govuk-password-input__sr-status govuk-visually-hidden'\n    $screenReaderStatusMessage.setAttribute('aria-live', 'polite')\n    this.$screenReaderStatusMessage = $screenReaderStatusMessage\n    this.$input.insertAdjacentElement('afterend', $screenReaderStatusMessage)\n\n    // Bind toggle button\n    this.$showHideButton.addEventListener('click', this.toggle.bind(this))\n\n    // Bind event to revert the password visibility to hidden\n    if (this.$input.form) {\n      this.$input.form.addEventListener('submit', () => this.hide())\n    }\n\n    // If the page is restored from bfcache and the password is visible, hide it again\n    window.addEventListener('pageshow', (event) => {\n      if (event.persisted && this.$input.type !== 'password') {\n        this.hide()\n      }\n    })\n\n    // Default the component to having the password hidden.\n    this.hide()\n  }\n\n  /**\n   * Toggle the visibility of the password input\n   *\n   * @private\n   * @param {MouseEvent} event - Click event\n   */\n  toggle(event) {\n    event.preventDefault()\n\n    // If on this click, the field is type=\"password\", show the value\n    if (this.$input.type === 'password') {\n      this.show()\n      return\n    }\n\n    // Otherwise, hide it\n    // Being defensive - hiding should always be the default\n    this.hide()\n  }\n\n  /**\n   * Show the password input value in plain text.\n   *\n   * @private\n   */\n  show() {\n    this.setType('text')\n  }\n\n  /**\n   * Hide the password input value.\n   *\n   * @private\n   */\n  hide() {\n    this.setType('password')\n  }\n\n  /**\n   * Set the password input type\n   *\n   * @param {'text' | 'password'} type - Input type\n   * @private\n   */\n  setType(type) {\n    if (type === this.$input.type) {\n      return\n    }\n\n    // Update input type\n    this.$input.setAttribute('type', type)\n\n    const isHidden = type === 'password'\n    const prefixButton = isHidden ? 'show' : 'hide'\n    const prefixStatus = isHidden ? 'passwordHidden' : 'passwordShown'\n\n    // Update button text\n    this.$showHideButton.innerText = this.i18n.t(`${prefixButton}Password`)\n\n    // Update button aria-label\n    this.$showHideButton.setAttribute(\n      'aria-label',\n      this.i18n.t(`${prefixButton}PasswordAriaLabel`)\n    )\n\n    // Update status change text\n    this.$screenReaderStatusMessage.innerText = this.i18n.t(\n      `${prefixStatus}Announcement`\n    )\n  }\n\n  /**\n   * Name for the component used when initialising using data-module attributes.\n   */\n  static moduleName = 'govuk-password-input'\n\n  /**\n   * Password input default config\n   *\n   * @see {@link PasswordInputConfig}\n   * @constant\n   * @default\n   * @type {PasswordInputConfig}\n   */\n  static defaults = Object.freeze({\n    i18n: {\n      showPassword: 'Show',\n      hidePassword: 'Hide',\n      showPasswordAriaLabel: 'Show password',\n      hidePasswordAriaLabel: 'Hide password',\n      passwordShownAnnouncement: 'Your password is visible',\n      passwordHiddenAnnouncement: 'Your password is hidden'\n    }\n  })\n\n  /**\n   * Password input config schema\n   *\n   * @constant\n   * @satisfies {Schema<PasswordInputConfig>}\n   */\n  static schema = Object.freeze({\n    properties: {\n      i18n: { type: 'object' }\n    }\n  })\n}\n\n/**\n * Password input config\n *\n * @typedef {object} PasswordInputConfig\n * @property {PasswordInputTranslations} [i18n=PasswordInput.defaults.i18n] - Password input translations\n */\n\n/**\n * Password input translations\n *\n * @see {@link PasswordInput.defaults.i18n}\n * @typedef {object} PasswordInputTranslations\n *\n * Messages displayed to the user indicating the state of the show/hide toggle.\n * @property {string} [showPassword] - Visible text of the button when the\n *   password is currently hidden. Plain text only.\n * @property {string} [hidePassword] - Visible text of the button when the\n *   password is currently visible. Plain text only.\n * @property {string} [showPasswordAriaLabel] - aria-label of the button when\n *   the password is currently hidden. Plain text only.\n * @property {string} [hidePasswordAriaLabel] - aria-label of the button when\n *   the password is currently visible. Plain text only.\n * @property {string} [passwordShownAnnouncement] - Screen reader\n *   announcement to make when the password has just become visible.\n *   Plain text only.\n * @property {string} [passwordHiddenAnnouncement] - Screen reader\n *   announcement to make when the password has just been hidden.\n *   Plain text only.\n */\n\n/**\n * @import { Schema } from '../../common/configuration.mjs'\n */\n"],"names":["PasswordInput","ConfigurableComponent","constructor","$root","config","i18n","$input","$showHideButton","$screenReaderStatusMessage","querySelector","HTMLInputElement","ElementError","component","element","expectedType","identifier","type","HTMLButtonElement","I18n","locale","closestAttributeValue","removeAttribute","document","createElement","className","setAttribute","insertAdjacentElement","addEventListener","toggle","bind","form","hide","window","event","persisted","preventDefault","show","setType","isHidden","prefixButton","prefixStatus","innerText","t","moduleName","defaults","Object","freeze","showPassword","hidePassword","showPasswordAriaLabel","hidePasswordAriaLabel","passwordShownAnnouncement","passwordHiddenAnnouncement","schema","properties"],"mappings":"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"}
\ No newline at end of file
diff --git a/app/templates/govuk/components/components/password-input/template-default.html b/app/templates/govuk/components/components/password-input/template-default.html
new file mode 100644
index 0000000..71b9621
--- /dev/null
+++ b/app/templates/govuk/components/components/password-input/template-default.html
@@ -0,0 +1,11 @@
+<div class="govuk-form-group govuk-password-input" data-module="govuk-password-input">
+  <label class="govuk-label" for="password">
+    Password
+  </label>
+  <div class="govuk-input__wrapper govuk-password-input__wrapper">
+    <input class="govuk-input govuk-password-input__input govuk-js-password-input-input" id="password" name="password" type="password" spellcheck="false" autocomplete="current-password" autocapitalize="none">
+    <button type="button" class="govuk-button govuk-button--secondary govuk-password-input__toggle govuk-js-password-input-toggle" data-module="govuk-button" aria-controls="password" aria-label="Show password" hidden>
+      Show
+    </button>
+  </div>
+</div>
diff --git a/app/templates/govuk/components/components/password-input/template-with-error-message.html b/app/templates/govuk/components/components/password-input/template-with-error-message.html
new file mode 100644
index 0000000..7cfff58
--- /dev/null
+++ b/app/templates/govuk/components/components/password-input/template-with-error-message.html
@@ -0,0 +1,17 @@
+<div class="govuk-form-group govuk-form-group--error govuk-password-input" data-module="govuk-password-input">
+  <label class="govuk-label" for="password-input-with-error-message">
+    Password
+  </label>
+  <div id="password-input-with-error-message-hint" class="govuk-hint">
+    It probably has some letters, numbers and maybe even some symbols in it.
+  </div>
+  <p id="password-input-with-error-message-error" class="govuk-error-message">
+    <span class="govuk-visually-hidden">Error:</span> Error message goes here
+  </p>
+  <div class="govuk-input__wrapper govuk-password-input__wrapper">
+    <input class="govuk-input govuk-password-input__input govuk-js-password-input-input govuk-input--error" id="password-input-with-error-message" name="test-name-3" type="password" spellcheck="false" aria-describedby="password-input-with-error-message-hint password-input-with-error-message-error" autocomplete="current-password" autocapitalize="none">
+    <button type="button" class="govuk-button govuk-button--secondary govuk-password-input__toggle govuk-js-password-input-toggle" data-module="govuk-button" aria-controls="password-input-with-error-message" aria-label="Show password" hidden>
+      Show
+    </button>
+  </div>
+</div>
diff --git a/app/templates/govuk/components/components/password-input/template-with-hint-text.html b/app/templates/govuk/components/components/password-input/template-with-hint-text.html
new file mode 100644
index 0000000..39911f8
--- /dev/null
+++ b/app/templates/govuk/components/components/password-input/template-with-hint-text.html
@@ -0,0 +1,14 @@
+<div class="govuk-form-group govuk-password-input" data-module="govuk-password-input">
+  <label class="govuk-label" for="password-input-with-hint-text">
+    Password
+  </label>
+  <div id="password-input-with-hint-text-hint" class="govuk-hint">
+    It probably has some letters, numbers and maybe even some symbols in it.
+  </div>
+  <div class="govuk-input__wrapper govuk-password-input__wrapper">
+    <input class="govuk-input govuk-password-input__input govuk-js-password-input-input" id="password-input-with-hint-text" name="test-name-2" type="password" spellcheck="false" aria-describedby="password-input-with-hint-text-hint" autocomplete="current-password" autocapitalize="none">
+    <button type="button" class="govuk-button govuk-button--secondary govuk-password-input__toggle govuk-js-password-input-toggle" data-module="govuk-button" aria-controls="password-input-with-hint-text" aria-label="Show password" hidden>
+      Show
+    </button>
+  </div>
+</div>
diff --git a/app/templates/govuk/components/components/password-input/template-with-input-width-class.html b/app/templates/govuk/components/components/password-input/template-with-input-width-class.html
new file mode 100644
index 0000000..50b62f2
--- /dev/null
+++ b/app/templates/govuk/components/components/password-input/template-with-input-width-class.html
@@ -0,0 +1,11 @@
+<div class="govuk-form-group govuk-password-input" data-module="govuk-password-input">
+  <label class="govuk-label" for="password-input-width">
+    Password
+  </label>
+  <div class="govuk-input__wrapper govuk-password-input__wrapper">
+    <input class="govuk-input govuk-password-input__input govuk-js-password-input-input govuk-input--width-10" id="password-input-width" name="password" type="password" spellcheck="false" autocomplete="current-password" autocapitalize="none">
+    <button type="button" class="govuk-button govuk-button--secondary govuk-password-input__toggle govuk-js-password-input-toggle" data-module="govuk-button" aria-controls="password-input-width" aria-label="Show password" hidden>
+      Show
+    </button>
+  </div>
+</div>
diff --git a/app/templates/govuk/components/components/password-input/template-with-label-as-page-heading.html b/app/templates/govuk/components/components/password-input/template-with-label-as-page-heading.html
new file mode 100644
index 0000000..b92b3b6
--- /dev/null
+++ b/app/templates/govuk/components/components/password-input/template-with-label-as-page-heading.html
@@ -0,0 +1,13 @@
+<div class="govuk-form-group govuk-password-input" data-module="govuk-password-input">
+  <h1 class="govuk-label-wrapper">
+    <label class="govuk-label govuk-label--l" for="password-input-with-page-heading">
+      Password
+    </label>
+  </h1>
+  <div class="govuk-input__wrapper govuk-password-input__wrapper">
+    <input class="govuk-input govuk-password-input__input govuk-js-password-input-input" id="password-input-with-page-heading" name="test-name" type="password" spellcheck="false" autocomplete="current-password" autocapitalize="none">
+    <button type="button" class="govuk-button govuk-button--secondary govuk-password-input__toggle govuk-js-password-input-toggle" data-module="govuk-button" aria-controls="password-input-with-page-heading" aria-label="Show password" hidden>
+      Show
+    </button>
+  </div>
+</div>
diff --git a/app/templates/govuk/components/components/password-input/template.njk b/app/templates/govuk/components/components/password-input/template.njk
new file mode 100644
index 0000000..ce8fa40
--- /dev/null
+++ b/app/templates/govuk/components/components/password-input/template.njk
@@ -0,0 +1,93 @@
+{% from "../../macros/attributes.njk" import govukAttributes -%}
+{% from "../../macros/i18n.njk" import govukI18nAttributes -%}
+
+{% from "../button/macro.njk" import govukButton -%}
+{% from "../input/macro.njk" import govukInput -%}
+
+{%- set id = params.id if params.id else params.name -%}
+
+{% set attributesHtml -%}
+  {{- ' data-module="govuk-password-input"' | safe }}
+
+  {{- govukI18nAttributes({
+    key: 'show-password',
+    message: params.showPasswordText
+  }) -}}
+
+  {{- govukI18nAttributes({
+    key: 'hide-password',
+    message: params.hidePasswordText
+  }) -}}
+
+  {{- govukI18nAttributes({
+    key: 'show-password-aria-label',
+    message: params.showPasswordAriaLabelText
+  }) -}}
+
+  {{- govukI18nAttributes({
+    key: 'hide-password-aria-label',
+    message: params.hidePasswordAriaLabelText
+  }) -}}
+
+  {{- govukI18nAttributes({
+    key: 'password-shown-announcement',
+    message: params.passwordShownAnnouncementText
+  }) -}}
+
+  {{- govukI18nAttributes({
+    key: 'password-hidden-announcement',
+    message: params.passwordHiddenAnnouncementText
+  }) -}}
+{%- endset -%}
+
+{#- Append form group attributes onto attributes set above #}
+{%- for name, value in params.formGroup.attributes %}
+  {% set attributesHtml = attributesHtml + " " + name | escape + '="' + value | escape + '"' %}
+{% endfor -%}
+
+{%- set buttonHtml %}
+{{ govukButton({
+  type: "button",
+  classes: "govuk-button--secondary govuk-password-input__toggle govuk-js-password-input-toggle" + (" " + params.button.classes if params.button.classes),
+  text: params.showPasswordText | default("Show"),
+  attributes: {
+    "aria-controls": id,
+    "aria-label": params.showPasswordAriaLabelText | default("Show password"),
+    "hidden": {
+      value: true,
+      optional: true
+    }
+  }
+}) | trim }}
+{% if params.formGroup.afterInput %}
+  {{- params.formGroup.afterInput.html | safe | trim if params.formGroup.afterInput.html else params.formGroup.afterInput.text }}
+{% endif -%}
+{% endset -%}
+
+{{ govukInput({
+  formGroup: {
+    classes: "govuk-password-input" + (" " + params.formGroup.classes if params.formGroup.classes),
+    attributes: attributesHtml,
+    beforeInput: params.formGroup.beforeInput,
+    afterInput: {
+      html: buttonHtml
+    }
+  },
+  inputWrapper: {
+    "classes": "govuk-password-input__wrapper"
+  },
+  label: params.label,
+  hint: params.hint,
+  classes: "govuk-password-input__input govuk-js-password-input-input" + (" " + params.classes if params.classes),
+  errorMessage: params.errorMessage,
+  id: id,
+  name: params.name,
+  type: "password",
+  spellcheck: false,
+  autocapitalize: "none",
+  autocomplete: params.autocomplete if params.autocomplete else "current-password",
+  value: params.value,
+  disabled: params.disabled,
+  describedBy: params.describedBy,
+  attributes: params.attributes
+}) | trim }}
diff --git a/app/templates/govuk/components/components/phase-banner/README.md b/app/templates/govuk/components/components/phase-banner/README.md
new file mode 100644
index 0000000..0e77496
--- /dev/null
+++ b/app/templates/govuk/components/components/phase-banner/README.md
@@ -0,0 +1,15 @@
+# Phase banner
+
+## Installation
+
+See the [main README quick start guide](https://github.com/alphagov/govuk-frontend#quick-start) for how to install this component.
+
+## Guidance and Examples
+
+Find out when to use the phase banner component in your service in the [GOV.UK Design System](https://design-system.service.gov.uk/components/phase-banner).
+
+## Component options
+
+Use options to customise the appearance, content and behaviour of a component when using a macro, for example, changing the text.
+
+See [options table](https://design-system.service.gov.uk/components/phase-banner/#options-phase-banner-example) for details.
diff --git a/app/templates/govuk/components/components/phase-banner/_index.scss b/app/templates/govuk/components/components/phase-banner/_index.scss
new file mode 100644
index 0000000..144e01a
--- /dev/null
+++ b/app/templates/govuk/components/components/phase-banner/_index.scss
@@ -0,0 +1,36 @@
+@import "../tag/index";
+
+@include govuk-exports("govuk/component/phase-banner") {
+  .govuk-phase-banner {
+    padding-top: govuk-spacing(2);
+    padding-bottom: govuk-spacing(2);
+
+    border-bottom: 1px solid $govuk-border-colour;
+  }
+
+  .govuk-phase-banner__content {
+    @include govuk-font($size: 16);
+    @include govuk-text-colour;
+
+    display: table;
+    margin: 0;
+  }
+
+  .govuk-phase-banner__content__tag {
+    @include govuk-font-size($size: 16);
+    margin-right: govuk-spacing(if($govuk-new-typography-scale, 3, 2));
+
+    @if $govuk-new-typography-scale {
+      @include govuk-media-query($from: tablet) {
+        margin-right: govuk-spacing(2);
+      }
+    }
+  }
+
+  .govuk-phase-banner__text {
+    display: table-cell;
+    vertical-align: middle;
+  }
+}
+
+/*# sourceMappingURL=_index.scss.map */
diff --git a/app/templates/govuk/components/components/phase-banner/_index.scss.map b/app/templates/govuk/components/components/phase-banner/_index.scss.map
new file mode 100644
index 0000000..2c48e54
--- /dev/null
+++ b/app/templates/govuk/components/components/phase-banner/_index.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/phase-banner/_index.scss"],"names":[],"mappings":"AAAA,sBAAsB;;AAEtB;EACE;IACE,6BAA6B;IAC7B,gCAAgC;;IAEhC,6CAA6C;EAC/C;;EAEA;IACE,8BAA8B;IAC9B,0BAA0B;;IAE1B,cAAc;IACd,SAAS;EACX;;EAEA;IACE,mCAAmC;IACnC,kEAAkE;;IAElE;MACE;QACE,8BAA8B;MAChC;IACF;EACF;;EAEA;IACE,mBAAmB;IACnB,sBAAsB;EACxB;AACF","file":"_index.scss","sourcesContent":["@import \"../tag/index\";\n\n@include govuk-exports(\"govuk/component/phase-banner\") {\n  .govuk-phase-banner {\n    padding-top: govuk-spacing(2);\n    padding-bottom: govuk-spacing(2);\n\n    border-bottom: 1px solid $govuk-border-colour;\n  }\n\n  .govuk-phase-banner__content {\n    @include govuk-font($size: 16);\n    @include govuk-text-colour;\n\n    display: table;\n    margin: 0;\n  }\n\n  .govuk-phase-banner__content__tag {\n    @include govuk-font-size($size: 16);\n    margin-right: govuk-spacing(if($govuk-new-typography-scale, 3, 2));\n\n    @if $govuk-new-typography-scale {\n      @include govuk-media-query($from: tablet) {\n        margin-right: govuk-spacing(2);\n      }\n    }\n  }\n\n  .govuk-phase-banner__text {\n    display: table-cell;\n    vertical-align: middle;\n  }\n}\n"]}
diff --git a/app/templates/govuk/components/components/phase-banner/_phase-banner.scss b/app/templates/govuk/components/components/phase-banner/_phase-banner.scss
new file mode 100644
index 0000000..25b9da9
--- /dev/null
+++ b/app/templates/govuk/components/components/phase-banner/_phase-banner.scss
@@ -0,0 +1,4 @@
+@import "../../base";
+@import "./index";
+
+/*# sourceMappingURL=_phase-banner.scss.map */
diff --git a/app/templates/govuk/components/components/phase-banner/_phase-banner.scss.map b/app/templates/govuk/components/components/phase-banner/_phase-banner.scss.map
new file mode 100644
index 0000000..1d1f26a
--- /dev/null
+++ b/app/templates/govuk/components/components/phase-banner/_phase-banner.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/phase-banner/_phase-banner.scss"],"names":[],"mappings":"AAAA,oBAAoB;AACpB,iBAAiB","file":"_phase-banner.scss","sourcesContent":["@import \"../../base\";\n@import \"./index\";\n"]}
diff --git a/app/templates/govuk/components/components/phase-banner/fixtures.json b/app/templates/govuk/components/components/phase-banner/fixtures.json
new file mode 100644
index 0000000..01afee5
--- /dev/null
+++ b/app/templates/govuk/components/components/phase-banner/fixtures.json
@@ -0,0 +1,97 @@
+{
+    "component": "phase-banner",
+    "fixtures": [
+        {
+            "name": "default",
+            "options": {
+                "tag": {
+                    "text": "Alpha"
+                },
+                "html": "This is a new service - your <a href=\"#\" class=\"govuk-link\">feedback</a> will help us to improve it."
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": true,
+            "html": "<div class=\"govuk-phase-banner\">\n  <p class=\"govuk-phase-banner__content\">\n    <strong class=\"govuk-tag govuk-phase-banner__content__tag\">\n      Alpha\n    </strong>\n    <span class=\"govuk-phase-banner__text\">\n      This is a new service - your <a href=\"#\" class=\"govuk-link\">feedback</a> will help us to improve it.\n    </span>\n  </p>\n</div>"
+        },
+        {
+            "name": "classes",
+            "options": {
+                "text": "This is a new service – your feedback will help us to improve it",
+                "classes": "extra-class one-more-class"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-phase-banner extra-class one-more-class\">\n  <p class=\"govuk-phase-banner__content\">\n    <strong class=\"govuk-tag govuk-phase-banner__content__tag\">\n      \n    </strong>\n    <span class=\"govuk-phase-banner__text\">\n      This is a new service – your feedback will help us to improve it\n    </span>\n  </p>\n</div>"
+        },
+        {
+            "name": "text",
+            "options": {
+                "text": "This is a new service – your feedback will help us to improve it"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-phase-banner\">\n  <p class=\"govuk-phase-banner__content\">\n    <strong class=\"govuk-tag govuk-phase-banner__content__tag\">\n      \n    </strong>\n    <span class=\"govuk-phase-banner__text\">\n      This is a new service – your feedback will help us to improve it\n    </span>\n  </p>\n</div>"
+        },
+        {
+            "name": "html as text",
+            "options": {
+                "text": "This is a new service - your <a href=\"#\" class=\"govuk-link\">feedback</a> will help us to improve it."
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-phase-banner\">\n  <p class=\"govuk-phase-banner__content\">\n    <strong class=\"govuk-tag govuk-phase-banner__content__tag\">\n      \n    </strong>\n    <span class=\"govuk-phase-banner__text\">\n      This is a new service - your &lt;a href=&quot;#&quot; class=&quot;govuk-link&quot;&gt;feedback&lt;/a&gt; will help us to improve it.\n    </span>\n  </p>\n</div>"
+        },
+        {
+            "name": "attributes",
+            "options": {
+                "text": "This is a new service – your feedback will help us to improve it",
+                "attributes": {
+                    "first-attribute": "foo",
+                    "second-attribute": "bar"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-phase-banner\" first-attribute=\"foo\" second-attribute=\"bar\">\n  <p class=\"govuk-phase-banner__content\">\n    <strong class=\"govuk-tag govuk-phase-banner__content__tag\">\n      \n    </strong>\n    <span class=\"govuk-phase-banner__text\">\n      This is a new service – your feedback will help us to improve it\n    </span>\n  </p>\n</div>"
+        },
+        {
+            "name": "tag html",
+            "options": {
+                "text": "This is a new service – your feedback will help us to improve it",
+                "tag": {
+                    "html": "<em>Alpha</em>"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-phase-banner\">\n  <p class=\"govuk-phase-banner__content\">\n    <strong class=\"govuk-tag govuk-phase-banner__content__tag\">\n      <em>Alpha</em>\n    </strong>\n    <span class=\"govuk-phase-banner__text\">\n      This is a new service – your feedback will help us to improve it\n    </span>\n  </p>\n</div>"
+        },
+        {
+            "name": "tag classes",
+            "options": {
+                "text": "This is a new service – your feedback will help us to improve it",
+                "tag": {
+                    "classes": "govuk-tag--grey",
+                    "text": "Alpha"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-phase-banner\">\n  <p class=\"govuk-phase-banner__content\">\n    <strong class=\"govuk-tag govuk-phase-banner__content__tag govuk-tag--grey\">\n      Alpha\n    </strong>\n    <span class=\"govuk-phase-banner__text\">\n      This is a new service – your feedback will help us to improve it\n    </span>\n  </p>\n</div>"
+        }
+    ]
+}
diff --git a/app/templates/govuk/components/components/phase-banner/macro-options.json b/app/templates/govuk/components/components/phase-banner/macro-options.json
new file mode 100644
index 0000000..234d3d0
--- /dev/null
+++ b/app/templates/govuk/components/components/phase-banner/macro-options.json
@@ -0,0 +1,33 @@
+[
+    {
+        "name": "text",
+        "type": "string",
+        "required": true,
+        "description": "If `html` is set, this is not required. Text to use within the phase banner. If `html` is provided, the `text` option will be ignored."
+    },
+    {
+        "name": "html",
+        "type": "string",
+        "required": true,
+        "description": "If `text` is set, this is not required. HTML to use within the phase banner. If `html` is provided, the `text` option will be ignored."
+    },
+    {
+        "name": "tag",
+        "type": "object",
+        "required": true,
+        "description": "The tag used by the phase banner component.",
+        "isComponent": true
+    },
+    {
+        "name": "classes",
+        "type": "string",
+        "required": false,
+        "description": "Classes to add to the phase banner container."
+    },
+    {
+        "name": "attributes",
+        "type": "object",
+        "required": false,
+        "description": "HTML attributes (for example data attributes) to add to the phase banner container."
+    }
+]
diff --git a/app/templates/govuk/components/components/phase-banner/macro.njk b/app/templates/govuk/components/components/phase-banner/macro.njk
new file mode 100644
index 0000000..5836015
--- /dev/null
+++ b/app/templates/govuk/components/components/phase-banner/macro.njk
@@ -0,0 +1,3 @@
+{% macro govukPhaseBanner(params) %}
+  {%- include "./template.njk" -%}
+{% endmacro %}
diff --git a/app/templates/govuk/components/components/phase-banner/template-default.html b/app/templates/govuk/components/components/phase-banner/template-default.html
new file mode 100644
index 0000000..c7ccb9b
--- /dev/null
+++ b/app/templates/govuk/components/components/phase-banner/template-default.html
@@ -0,0 +1,10 @@
+<div class="govuk-phase-banner">
+  <p class="govuk-phase-banner__content">
+    <strong class="govuk-tag govuk-phase-banner__content__tag">
+      Alpha
+    </strong>
+    <span class="govuk-phase-banner__text">
+      This is a new service - your <a href="#" class="govuk-link">feedback</a> will help us to improve it.
+    </span>
+  </p>
+</div>
diff --git a/app/templates/govuk/components/components/phase-banner/template.njk b/app/templates/govuk/components/components/phase-banner/template.njk
new file mode 100644
index 0000000..1fa39a8
--- /dev/null
+++ b/app/templates/govuk/components/components/phase-banner/template.njk
@@ -0,0 +1,17 @@
+{% from "../../macros/attributes.njk" import govukAttributes %}
+{% from "../tag/macro.njk" import govukTag -%}
+
+<div class="govuk-phase-banner
+  {%- if params.classes %} {{ params.classes }}{% endif %}"
+  {{- govukAttributes(params.attributes) }}>
+  <p class="govuk-phase-banner__content">
+    {{ govukTag({
+      text: params.tag.text,
+      html: params.tag.html,
+      classes: "govuk-phase-banner__content__tag" + (" " + params.tag.classes if params.tag.classes)
+    }) | trim | indent(4) }}
+    <span class="govuk-phase-banner__text">
+      {{ params.html | safe | trim | indent(6) if params.html else params.text }}
+    </span>
+  </p>
+</div>
diff --git a/app/templates/govuk/components/components/radios/README.md b/app/templates/govuk/components/components/radios/README.md
new file mode 100644
index 0000000..c73cbd8
--- /dev/null
+++ b/app/templates/govuk/components/components/radios/README.md
@@ -0,0 +1,15 @@
+# Radios
+
+## Installation
+
+See the [main README quick start guide](https://github.com/alphagov/govuk-frontend#quick-start) for how to install this component.
+
+## Guidance and Examples
+
+Find out when to use the radios component in your service in the [GOV.UK Design System](https://design-system.service.gov.uk/components/radios).
+
+## Component options
+
+Use options to customise the appearance, content and behaviour of a component when using a macro, for example, changing the text.
+
+See [options table](https://design-system.service.gov.uk/components/radios/#options-radios-example) for details.
diff --git a/app/templates/govuk/components/components/radios/_index.scss b/app/templates/govuk/components/components/radios/_index.scss
new file mode 100644
index 0000000..149d8d3
--- /dev/null
+++ b/app/templates/govuk/components/components/radios/_index.scss
@@ -0,0 +1,328 @@
+@import "../error-message/index";
+@import "../fieldset/index";
+@import "../hint/index";
+@import "../label/index";
+
+@include govuk-exports("govuk/component/radios") {
+  $govuk-touch-target-gutter: 4px;
+  $govuk-radios-size: 40px;
+  $govuk-touch-target-size: ($govuk-radios-size + $govuk-touch-target-gutter);
+  $govuk-small-radios-size: 24px;
+  $govuk-radios-label-padding-left-right: govuk-spacing(3);
+  // When the default focus width is used on a curved edge it looks visually
+  // smaller. So for the circular radios we bump the default to make it look
+  // visually consistent.
+  $govuk-radios-focus-width: $govuk-focus-width + 1px;
+
+  .govuk-radios__item {
+    display: flex;
+    flex-wrap: wrap;
+    position: relative;
+    margin-bottom: govuk-spacing(2);
+  }
+
+  .govuk-radios__item:last-child,
+  .govuk-radios__item:last-of-type {
+    margin-bottom: 0;
+  }
+
+  .govuk-radios__input {
+    // Allow the input to sit above the label, enabling its proper detection
+    // when exploring by touch or using automation tools like Selenium
+    z-index: 1;
+    width: $govuk-touch-target-size;
+    height: $govuk-touch-target-size;
+    margin: 0;
+    opacity: 0;
+    cursor: pointer;
+  }
+
+  .govuk-radios__label {
+    align-self: center;
+
+    // Ensure that the width of the label is never more than the width of the
+    // container minus the input width minus the padding on either side of
+    // the label. This prevents the label from going onto the next line due to
+    // __item using flex-wrap because we want hints on a separate line
+    max-width: calc(100% - #{($govuk-radios-label-padding-left-right + $govuk-touch-target-size + govuk-spacing(3))});
+    margin-bottom: 0;
+    padding: (govuk-spacing(1) + $govuk-border-width-form-element) govuk-spacing(3);
+    cursor: pointer;
+    // remove 300ms pause on mobile
+    touch-action: manipulation;
+  }
+
+  // ( ) Radio ring
+  .govuk-radios__label::before {
+    content: "";
+    box-sizing: border-box;
+    position: absolute;
+    top: ($govuk-touch-target-gutter / 2);
+    left: ($govuk-touch-target-gutter / 2);
+    width: $govuk-radios-size;
+    height: $govuk-radios-size;
+    border: $govuk-border-width-form-element solid currentcolor;
+    border-radius: 50%;
+    background: transparent;
+  }
+
+  //  •  Radio button
+  //
+  // We create the 'button' entirely out of 'border' so that they remain
+  // 'filled' even when colours are overridden in the browser.
+  .govuk-radios__label::after {
+    $radio-button-size: govuk-spacing(2);
+
+    content: "";
+    position: absolute;
+
+    // Positioned by getting half the touch target, so we have the centre of the
+    // input, and then moving back by the button's border width, thus positioning
+    // the centre of the button in the centre of the input.
+    top: (($govuk-touch-target-size / 2) - $radio-button-size);
+    left: (($govuk-touch-target-size / 2) - $radio-button-size);
+    width: 0;
+    height: 0;
+    border: $radio-button-size solid currentcolor;
+    border-radius: 50%;
+    opacity: 0;
+    background: currentcolor;
+  }
+
+  .govuk-radios__hint {
+    display: block;
+    width: 100%;
+    margin-top: govuk-spacing(-1);
+    padding-right: $govuk-radios-label-padding-left-right;
+    padding-left: ($govuk-radios-label-padding-left-right + $govuk-touch-target-size);
+  }
+
+  // This is to bypass govuk-hint's specificity on hints following labels having
+  // a margin bottom of 10px (govuk-spacing(2)). Because radios are flexbox,
+  // the margin doesn't collapse so we have to do this manually.
+  .govuk-label:not(.govuk-label--m):not(.govuk-label--l):not(.govuk-label--xl) + .govuk-radios__hint {
+    margin-bottom: 0;
+  }
+
+  // Focused state
+  .govuk-radios__input:focus + .govuk-radios__label::before {
+    border-width: 4px;
+
+    // When colours are overridden, the yellow box-shadow becomes invisible
+    // which means the focus state is less obvious. By adding a transparent
+    // outline, which becomes solid (text-coloured) in that context, we ensure
+    // the focus remains clearly visible.
+    outline: $govuk-focus-width solid transparent;
+    outline-offset: 1px;
+
+    // When in an explicit forced-color mode, we can use the Highlight system
+    // color for the outline to better match focus states of native controls
+    @media screen and (forced-colors: active), (-ms-high-contrast: active) {
+      outline-color: Highlight;
+    }
+
+    box-shadow: 0 0 0 $govuk-radios-focus-width $govuk-focus-colour;
+  }
+
+  // Selected state
+  .govuk-radios__input:checked + .govuk-radios__label::after {
+    opacity: 1;
+  }
+
+  // Disabled state
+  .govuk-radios__input:disabled,
+  .govuk-radios__input:disabled + .govuk-radios__label {
+    cursor: not-allowed;
+  }
+
+  .govuk-radios__input:disabled + .govuk-radios__label,
+  .govuk-radios__input:disabled ~ .govuk-hint {
+    opacity: 0.5;
+  }
+
+  // =========================================================
+  // Inline radios
+  // =========================================================
+
+  .govuk-radios--inline {
+    @include govuk-media-query($from: tablet) {
+      display: flex;
+      flex-wrap: wrap;
+      align-items: flex-start;
+
+      .govuk-radios__item {
+        margin-right: govuk-spacing(4);
+      }
+    }
+  }
+
+  // =========================================================
+  // Dividers ('or')
+  // =========================================================
+
+  .govuk-radios__divider {
+    @include govuk-font($size: 19);
+    @include govuk-text-colour;
+    $govuk-divider-size: $govuk-radios-size !default;
+    width: $govuk-divider-size;
+    margin-bottom: govuk-spacing(2);
+    text-align: center;
+  }
+
+  // =========================================================
+  // Conditional reveals
+  // =========================================================
+
+  // The narrow border is used in the conditional reveals because the border has
+  // to be an even number in order to be centred under the 40px checkbox radio.
+  $conditional-border-width: $govuk-border-width-narrow;
+  // Calculate the amount of padding needed to keep the border centered against
+  // the radios.
+  $conditional-border-padding: ($govuk-touch-target-size / 2) - ($conditional-border-width / 2);
+  // Move the border centered with the radios
+  $conditional-margin-left: $conditional-border-padding;
+  // Move the contents of the conditional inline with the label
+  $conditional-padding-left: $conditional-border-padding + $govuk-radios-label-padding-left-right;
+
+  .govuk-radios__conditional {
+    @include govuk-responsive-margin(4, "bottom");
+    margin-left: $conditional-margin-left;
+    padding-left: $conditional-padding-left;
+    border-left: $conditional-border-width solid $govuk-border-colour;
+
+    .govuk-frontend-supported &--hidden {
+      display: none;
+    }
+
+    & > :last-child {
+      margin-bottom: 0;
+    }
+  }
+
+  // =========================================================
+  // Small checkboxes
+  // =========================================================
+
+  .govuk-radios--small {
+    $input-offset: ($govuk-touch-target-size - $govuk-small-radios-size) / 2;
+
+    .govuk-radios__item {
+      margin-bottom: 0;
+    }
+
+    // Shift the touch target into the left margin so that the visible edge of
+    // the control is aligned
+    //
+    //   ┆Which colour is your favourite?
+    //  ┌┆───┐
+    //  │┆() │ Purple
+    //  └┆▲──┘
+    //  ▲┆└─ Radio pseudo element, aligned with margin
+    //  └─── Touch target (invisible input), shifted into the margin
+    .govuk-radios__input {
+      margin-left: $input-offset * -1;
+    }
+
+    .govuk-radios__label {
+      // Create a tiny space between the small radio hover state so that it
+      // doesn't clash with the label
+      padding-left: 1px;
+    }
+
+    // ( ) Radio ring
+    //
+    // Reduce the size of the control [1], vertically centering it within the
+    // touch target [2]
+    // Left here is 0 because we've shifted the input into the left margin
+    .govuk-radios__label::before {
+      top: $input-offset; // 2
+      left: 0;
+      width: $govuk-small-radios-size; // 1
+      height: $govuk-small-radios-size; // 1
+    }
+
+    //  •  Radio button
+    //
+    // Reduce the size of the 'button' and center it within the ring
+    .govuk-radios__label::after {
+      $radio-button-size: govuk-spacing(1);
+
+      // The same calculation as normal radio buttons but reduce the border width
+      top: (($govuk-touch-target-size / 2) - $radio-button-size);
+      left: ((($govuk-touch-target-size / 2) - $radio-button-size) - $input-offset);
+      border-width: $radio-button-size;
+    }
+
+    // Fix position of hint with small radios
+    //
+    // Do not use hints with small radios – because they're within the input
+    // wrapper they trigger the hover state, but clicking them doesn't actually
+    // activate the control.
+    //
+    // (If you do use them, they won't look completely broken... but seriously,
+    // don't use them)
+    .govuk-radios__hint {
+      padding-left: ($govuk-small-radios-size + $input-offset);
+    }
+
+    // Align conditional reveals with small radios
+    .govuk-radios__conditional {
+      $margin-left: ($govuk-small-radios-size / 2) - ($conditional-border-width / 2);
+      margin-left: $margin-left;
+      padding-left: ($govuk-touch-target-size - $input-offset) - ($margin-left + $conditional-border-width);
+    }
+
+    .govuk-radios__divider {
+      width: $govuk-small-radios-size;
+      margin-bottom: govuk-spacing(1);
+    }
+
+    // Hover state for small radios.
+    //
+    // We use a hover state for small radios because the touch target size
+    // is so much larger than their visible size, and so we need to provide
+    // feedback to the user as to which radio they will select when their
+    // cursor is outside of the visible area.
+    .govuk-radios__item:hover .govuk-radios__input:not(:disabled) + .govuk-radios__label::before {
+      // Forced colours modes tend to ignore box-shadow.
+      // Apply an outline for those modes to use instead.
+      outline: $govuk-radios-focus-width dashed transparent;
+      outline-offset: 1px;
+      box-shadow: 0 0 0 $govuk-hover-width $govuk-hover-colour;
+    }
+
+    // Because we've overridden the border-shadow provided by the focus state,
+    // we need to redefine that too.
+    //
+    // We use two box shadows, one that restores the original focus state [1]
+    // and another that then applies the hover state [2].
+    .govuk-radios__item:hover .govuk-radios__input:focus + .govuk-radios__label::before {
+      // Set different HCM colour when we have both hover/focus applied at once
+      @media screen and (forced-colors: active), (-ms-high-contrast: active) {
+        outline-color: Highlight;
+      }
+      // prettier-ignore
+      box-shadow:
+        0 0 0 $govuk-radios-focus-width $govuk-focus-colour // 1,
+        0 0 0 $govuk-hover-width $govuk-hover-colour; // 2
+    }
+
+    // For devices that explicitly don't support hover, don't provide a hover
+    // state (e.g. on touch devices like iOS).
+    //
+    // We can't use `@media (hover: hover)` because we wouldn't get the hover
+    // state in browsers that don't support `@media (hover)` (like Internet
+    // Explorer) – so we have to 'undo' the hover state instead.
+    @media (hover: none), (pointer: coarse) {
+      .govuk-radios__item:hover .govuk-radios__input:not(:disabled) + .govuk-radios__label::before {
+        box-shadow: initial;
+      }
+
+      .govuk-radios__item:hover .govuk-radios__input:focus + .govuk-radios__label::before {
+        box-shadow: 0 0 0 $govuk-radios-focus-width $govuk-focus-colour;
+      }
+    }
+  }
+}
+
+/*# sourceMappingURL=_index.scss.map */
diff --git a/app/templates/govuk/components/components/radios/_index.scss.map b/app/templates/govuk/components/components/radios/_index.scss.map
new file mode 100644
index 0000000..94e75d2
--- /dev/null
+++ b/app/templates/govuk/components/components/radios/_index.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/radios/_index.scss"],"names":[],"mappings":"AAAA,gCAAgC;AAChC,2BAA2B;AAC3B,uBAAuB;AACvB,wBAAwB;;AAExB;EACE,+BAA+B;EAC/B,wBAAwB;EACxB,2EAA2E;EAC3E,8BAA8B;EAC9B,wDAAwD;EACxD,yEAAyE;EACzE,yEAAyE;EACzE,sBAAsB;EACtB,mDAAmD;;EAEnD;IACE,aAAa;IACb,eAAe;IACf,kBAAkB;IAClB,+BAA+B;EACjC;;EAEA;;IAEE,gBAAgB;EAClB;;EAEA;IACE,uEAAuE;IACvE,iEAAiE;IACjE,UAAU;IACV,+BAA+B;IAC/B,gCAAgC;IAChC,SAAS;IACT,UAAU;IACV,eAAe;EACjB;;EAEA;IACE,kBAAkB;;IAElB,wEAAwE;IACxE,qEAAqE;IACrE,yEAAyE;IACzE,iEAAiE;IACjE,iHAAiH;IACjH,gBAAgB;IAChB,+EAA+E;IAC/E,eAAe;IACf,8BAA8B;IAC9B,0BAA0B;EAC5B;;EAEA,gBAAgB;EAChB;IACE,WAAW;IACX,sBAAsB;IACtB,kBAAkB;IAClB,qCAAqC;IACrC,sCAAsC;IACtC,yBAAyB;IACzB,0BAA0B;IAC1B,2DAA2D;IAC3D,kBAAkB;IAClB,uBAAuB;EACzB;;EAEA,kBAAkB;EAClB,CAAC;EACD,qEAAqE;EACrE,2DAA2D;EAC3D;IACE,oCAAoC;;IAEpC,WAAW;IACX,kBAAkB;;IAElB,2EAA2E;IAC3E,4EAA4E;IAC5E,sDAAsD;IACtD,0DAA0D;IAC1D,2DAA2D;IAC3D,QAAQ;IACR,SAAS;IACT,6CAA6C;IAC7C,kBAAkB;IAClB,UAAU;IACV,wBAAwB;EAC1B;;EAEA;IACE,cAAc;IACd,WAAW;IACX,6BAA6B;IAC7B,qDAAqD;IACrD,iFAAiF;EACnF;;EAEA,6EAA6E;EAC7E,yEAAyE;EACzE,6DAA6D;EAC7D;IACE,gBAAgB;EAClB;;EAEA,eAAe;EACf;IACE,iBAAiB;;IAEjB,sEAAsE;IACtE,sEAAsE;IACtE,yEAAyE;IACzE,oCAAoC;IACpC,6CAA6C;IAC7C,mBAAmB;;IAEnB,wEAAwE;IACxE,uEAAuE;IACvE;MACE,wBAAwB;IAC1B;;IAEA,+DAA+D;EACjE;;EAEA,gBAAgB;EAChB;IACE,UAAU;EACZ;;EAEA,gBAAgB;EAChB;;IAEE,mBAAmB;EACrB;;EAEA;;IAEE,YAAY;EACd;;EAEA,2DAA2D;EAC3D,eAAe;EACf,2DAA2D;;EAE3D;IACE;MACE,aAAa;MACb,eAAe;MACf,uBAAuB;;MAEvB;QACE,8BAA8B;MAChC;IACF;EACF;;EAEA,2DAA2D;EAC3D,iBAAiB;EACjB,2DAA2D;;EAE3D;IACE,8BAA8B;IAC9B,0BAA0B;IAC1B,gDAAgD;IAChD,0BAA0B;IAC1B,+BAA+B;IAC/B,kBAAkB;EACpB;;EAEA,2DAA2D;EAC3D,qBAAqB;EACrB,2DAA2D;;EAE3D,6EAA6E;EAC7E,4EAA4E;EAC5E,qDAAqD;EACrD,4EAA4E;EAC5E,aAAa;EACb,6FAA6F;EAC7F,0CAA0C;EAC1C,qDAAqD;EACrD,4DAA4D;EAC5D,+FAA+F;;EAE/F;IACE,6CAA6C;IAC7C,qCAAqC;IACrC,uCAAuC;IACvC,iEAAiE;;IAEjE;MACE,aAAa;IACf;;IAEA;MACE,gBAAgB;IAClB;EACF;;EAEA,2DAA2D;EAC3D,kBAAkB;EAClB,2DAA2D;;EAE3D;IACE,wEAAwE;;IAExE;MACE,gBAAgB;IAClB;;IAEA,yEAAyE;IACzE,wBAAwB;IACxB,CAAC;IACD,oCAAoC;IACpC,SAAS;IACT,gBAAgB;IAChB,SAAS;IACT,iDAAiD;IACjD,+DAA+D;IAC/D;MACE,+BAA+B;IACjC;;IAEA;MACE,oEAAoE;MACpE,8BAA8B;MAC9B,iBAAiB;IACnB;;IAEA,gBAAgB;IAChB,CAAC;IACD,wEAAwE;IACxE,kBAAkB;IAClB,qEAAqE;IACrE;MACE,kBAAkB,EAAE,GAAG;MACvB,OAAO;MACP,+BAA+B,EAAE,GAAG;MACpC,gCAAgC,EAAE,GAAG;IACvC;;IAEA,kBAAkB;IAClB,CAAC;IACD,+DAA+D;IAC/D;MACE,oCAAoC;;MAEpC,0EAA0E;MAC1E,0DAA0D;MAC1D,6EAA6E;MAC7E,gCAAgC;IAClC;;IAEA,wCAAwC;IACxC,CAAC;IACD,uEAAuE;IACvE,0EAA0E;IAC1E,uBAAuB;IACvB,CAAC;IACD,0EAA0E;IAC1E,iBAAiB;IACjB;MACE,wDAAwD;IAC1D;;IAEA,6CAA6C;IAC7C;MACE,8EAA8E;MAC9E,yBAAyB;MACzB,qGAAqG;IACvG;;IAEA;MACE,+BAA+B;MAC/B,+BAA+B;IACjC;;IAEA,+BAA+B;IAC/B,CAAC;IACD,qEAAqE;IACrE,sEAAsE;IACtE,oEAAoE;IACpE,wCAAwC;IACxC;MACE,iDAAiD;MACjD,kDAAkD;MAClD,qDAAqD;MACrD,mBAAmB;MACnB,wDAAwD;IAC1D;;IAEA,yEAAyE;IACzE,+BAA+B;IAC/B,CAAC;IACD,wEAAwE;IACxE,oDAAoD;IACpD;MACE,wEAAwE;MACxE;QACE,wBAAwB;MAC1B;MACA,iBAAiB;MACjB;;oDAE8C,EAAE,GAAG;IACrD;;IAEA,wEAAwE;IACxE,yCAAyC;IACzC,CAAC;IACD,wEAAwE;IACxE,sEAAsE;IACtE,2DAA2D;IAC3D;MACE;QACE,mBAAmB;MACrB;;MAEA;QACE,+DAA+D;MACjE;IACF;EACF;AACF","file":"_index.scss","sourcesContent":["@import \"../error-message/index\";\n@import \"../fieldset/index\";\n@import \"../hint/index\";\n@import \"../label/index\";\n\n@include govuk-exports(\"govuk/component/radios\") {\n  $govuk-touch-target-gutter: 4px;\n  $govuk-radios-size: 40px;\n  $govuk-touch-target-size: ($govuk-radios-size + $govuk-touch-target-gutter);\n  $govuk-small-radios-size: 24px;\n  $govuk-radios-label-padding-left-right: govuk-spacing(3);\n  // When the default focus width is used on a curved edge it looks visually\n  // smaller. So for the circular radios we bump the default to make it look\n  // visually consistent.\n  $govuk-radios-focus-width: $govuk-focus-width + 1px;\n\n  .govuk-radios__item {\n    display: flex;\n    flex-wrap: wrap;\n    position: relative;\n    margin-bottom: govuk-spacing(2);\n  }\n\n  .govuk-radios__item:last-child,\n  .govuk-radios__item:last-of-type {\n    margin-bottom: 0;\n  }\n\n  .govuk-radios__input {\n    // Allow the input to sit above the label, enabling its proper detection\n    // when exploring by touch or using automation tools like Selenium\n    z-index: 1;\n    width: $govuk-touch-target-size;\n    height: $govuk-touch-target-size;\n    margin: 0;\n    opacity: 0;\n    cursor: pointer;\n  }\n\n  .govuk-radios__label {\n    align-self: center;\n\n    // Ensure that the width of the label is never more than the width of the\n    // container minus the input width minus the padding on either side of\n    // the label. This prevents the label from going onto the next line due to\n    // __item using flex-wrap because we want hints on a separate line\n    max-width: calc(100% - #{($govuk-radios-label-padding-left-right + $govuk-touch-target-size + govuk-spacing(3))});\n    margin-bottom: 0;\n    padding: (govuk-spacing(1) + $govuk-border-width-form-element) govuk-spacing(3);\n    cursor: pointer;\n    // remove 300ms pause on mobile\n    touch-action: manipulation;\n  }\n\n  // ( ) Radio ring\n  .govuk-radios__label::before {\n    content: \"\";\n    box-sizing: border-box;\n    position: absolute;\n    top: ($govuk-touch-target-gutter / 2);\n    left: ($govuk-touch-target-gutter / 2);\n    width: $govuk-radios-size;\n    height: $govuk-radios-size;\n    border: $govuk-border-width-form-element solid currentcolor;\n    border-radius: 50%;\n    background: transparent;\n  }\n\n  //  •  Radio button\n  //\n  // We create the 'button' entirely out of 'border' so that they remain\n  // 'filled' even when colours are overridden in the browser.\n  .govuk-radios__label::after {\n    $radio-button-size: govuk-spacing(2);\n\n    content: \"\";\n    position: absolute;\n\n    // Positioned by getting half the touch target, so we have the centre of the\n    // input, and then moving back by the button's border width, thus positioning\n    // the centre of the button in the centre of the input.\n    top: (($govuk-touch-target-size / 2) - $radio-button-size);\n    left: (($govuk-touch-target-size / 2) - $radio-button-size);\n    width: 0;\n    height: 0;\n    border: $radio-button-size solid currentcolor;\n    border-radius: 50%;\n    opacity: 0;\n    background: currentcolor;\n  }\n\n  .govuk-radios__hint {\n    display: block;\n    width: 100%;\n    margin-top: govuk-spacing(-1);\n    padding-right: $govuk-radios-label-padding-left-right;\n    padding-left: ($govuk-radios-label-padding-left-right + $govuk-touch-target-size);\n  }\n\n  // This is to bypass govuk-hint's specificity on hints following labels having\n  // a margin bottom of 10px (govuk-spacing(2)). Because radios are flexbox,\n  // the margin doesn't collapse so we have to do this manually.\n  .govuk-label:not(.govuk-label--m):not(.govuk-label--l):not(.govuk-label--xl) + .govuk-radios__hint {\n    margin-bottom: 0;\n  }\n\n  // Focused state\n  .govuk-radios__input:focus + .govuk-radios__label::before {\n    border-width: 4px;\n\n    // When colours are overridden, the yellow box-shadow becomes invisible\n    // which means the focus state is less obvious. By adding a transparent\n    // outline, which becomes solid (text-coloured) in that context, we ensure\n    // the focus remains clearly visible.\n    outline: $govuk-focus-width solid transparent;\n    outline-offset: 1px;\n\n    // When in an explicit forced-color mode, we can use the Highlight system\n    // color for the outline to better match focus states of native controls\n    @media screen and (forced-colors: active), (-ms-high-contrast: active) {\n      outline-color: Highlight;\n    }\n\n    box-shadow: 0 0 0 $govuk-radios-focus-width $govuk-focus-colour;\n  }\n\n  // Selected state\n  .govuk-radios__input:checked + .govuk-radios__label::after {\n    opacity: 1;\n  }\n\n  // Disabled state\n  .govuk-radios__input:disabled,\n  .govuk-radios__input:disabled + .govuk-radios__label {\n    cursor: not-allowed;\n  }\n\n  .govuk-radios__input:disabled + .govuk-radios__label,\n  .govuk-radios__input:disabled ~ .govuk-hint {\n    opacity: 0.5;\n  }\n\n  // =========================================================\n  // Inline radios\n  // =========================================================\n\n  .govuk-radios--inline {\n    @include govuk-media-query($from: tablet) {\n      display: flex;\n      flex-wrap: wrap;\n      align-items: flex-start;\n\n      .govuk-radios__item {\n        margin-right: govuk-spacing(4);\n      }\n    }\n  }\n\n  // =========================================================\n  // Dividers ('or')\n  // =========================================================\n\n  .govuk-radios__divider {\n    @include govuk-font($size: 19);\n    @include govuk-text-colour;\n    $govuk-divider-size: $govuk-radios-size !default;\n    width: $govuk-divider-size;\n    margin-bottom: govuk-spacing(2);\n    text-align: center;\n  }\n\n  // =========================================================\n  // Conditional reveals\n  // =========================================================\n\n  // The narrow border is used in the conditional reveals because the border has\n  // to be an even number in order to be centred under the 40px checkbox radio.\n  $conditional-border-width: $govuk-border-width-narrow;\n  // Calculate the amount of padding needed to keep the border centered against\n  // the radios.\n  $conditional-border-padding: ($govuk-touch-target-size / 2) - ($conditional-border-width / 2);\n  // Move the border centered with the radios\n  $conditional-margin-left: $conditional-border-padding;\n  // Move the contents of the conditional inline with the label\n  $conditional-padding-left: $conditional-border-padding + $govuk-radios-label-padding-left-right;\n\n  .govuk-radios__conditional {\n    @include govuk-responsive-margin(4, \"bottom\");\n    margin-left: $conditional-margin-left;\n    padding-left: $conditional-padding-left;\n    border-left: $conditional-border-width solid $govuk-border-colour;\n\n    .govuk-frontend-supported &--hidden {\n      display: none;\n    }\n\n    & > :last-child {\n      margin-bottom: 0;\n    }\n  }\n\n  // =========================================================\n  // Small checkboxes\n  // =========================================================\n\n  .govuk-radios--small {\n    $input-offset: ($govuk-touch-target-size - $govuk-small-radios-size) / 2;\n\n    .govuk-radios__item {\n      margin-bottom: 0;\n    }\n\n    // Shift the touch target into the left margin so that the visible edge of\n    // the control is aligned\n    //\n    //   ┆Which colour is your favourite?\n    //  ┌┆───┐\n    //  │┆() │ Purple\n    //  └┆▲──┘\n    //  ▲┆└─ Radio pseudo element, aligned with margin\n    //  └─── Touch target (invisible input), shifted into the margin\n    .govuk-radios__input {\n      margin-left: $input-offset * -1;\n    }\n\n    .govuk-radios__label {\n      // Create a tiny space between the small radio hover state so that it\n      // doesn't clash with the label\n      padding-left: 1px;\n    }\n\n    // ( ) Radio ring\n    //\n    // Reduce the size of the control [1], vertically centering it within the\n    // touch target [2]\n    // Left here is 0 because we've shifted the input into the left margin\n    .govuk-radios__label::before {\n      top: $input-offset; // 2\n      left: 0;\n      width: $govuk-small-radios-size; // 1\n      height: $govuk-small-radios-size; // 1\n    }\n\n    //  •  Radio button\n    //\n    // Reduce the size of the 'button' and center it within the ring\n    .govuk-radios__label::after {\n      $radio-button-size: govuk-spacing(1);\n\n      // The same calculation as normal radio buttons but reduce the border width\n      top: (($govuk-touch-target-size / 2) - $radio-button-size);\n      left: ((($govuk-touch-target-size / 2) - $radio-button-size) - $input-offset);\n      border-width: $radio-button-size;\n    }\n\n    // Fix position of hint with small radios\n    //\n    // Do not use hints with small radios – because they're within the input\n    // wrapper they trigger the hover state, but clicking them doesn't actually\n    // activate the control.\n    //\n    // (If you do use them, they won't look completely broken... but seriously,\n    // don't use them)\n    .govuk-radios__hint {\n      padding-left: ($govuk-small-radios-size + $input-offset);\n    }\n\n    // Align conditional reveals with small radios\n    .govuk-radios__conditional {\n      $margin-left: ($govuk-small-radios-size / 2) - ($conditional-border-width / 2);\n      margin-left: $margin-left;\n      padding-left: ($govuk-touch-target-size - $input-offset) - ($margin-left + $conditional-border-width);\n    }\n\n    .govuk-radios__divider {\n      width: $govuk-small-radios-size;\n      margin-bottom: govuk-spacing(1);\n    }\n\n    // Hover state for small radios.\n    //\n    // We use a hover state for small radios because the touch target size\n    // is so much larger than their visible size, and so we need to provide\n    // feedback to the user as to which radio they will select when their\n    // cursor is outside of the visible area.\n    .govuk-radios__item:hover .govuk-radios__input:not(:disabled) + .govuk-radios__label::before {\n      // Forced colours modes tend to ignore box-shadow.\n      // Apply an outline for those modes to use instead.\n      outline: $govuk-radios-focus-width dashed transparent;\n      outline-offset: 1px;\n      box-shadow: 0 0 0 $govuk-hover-width $govuk-hover-colour;\n    }\n\n    // Because we've overridden the border-shadow provided by the focus state,\n    // we need to redefine that too.\n    //\n    // We use two box shadows, one that restores the original focus state [1]\n    // and another that then applies the hover state [2].\n    .govuk-radios__item:hover .govuk-radios__input:focus + .govuk-radios__label::before {\n      // Set different HCM colour when we have both hover/focus applied at once\n      @media screen and (forced-colors: active), (-ms-high-contrast: active) {\n        outline-color: Highlight;\n      }\n      // prettier-ignore\n      box-shadow:\n        0 0 0 $govuk-radios-focus-width $govuk-focus-colour // 1,\n        0 0 0 $govuk-hover-width $govuk-hover-colour; // 2\n    }\n\n    // For devices that explicitly don't support hover, don't provide a hover\n    // state (e.g. on touch devices like iOS).\n    //\n    // We can't use `@media (hover: hover)` because we wouldn't get the hover\n    // state in browsers that don't support `@media (hover)` (like Internet\n    // Explorer) – so we have to 'undo' the hover state instead.\n    @media (hover: none), (pointer: coarse) {\n      .govuk-radios__item:hover .govuk-radios__input:not(:disabled) + .govuk-radios__label::before {\n        box-shadow: initial;\n      }\n\n      .govuk-radios__item:hover .govuk-radios__input:focus + .govuk-radios__label::before {\n        box-shadow: 0 0 0 $govuk-radios-focus-width $govuk-focus-colour;\n      }\n    }\n  }\n}\n"]}
diff --git a/app/templates/govuk/components/components/radios/_radios.scss b/app/templates/govuk/components/components/radios/_radios.scss
new file mode 100644
index 0000000..a124eac
--- /dev/null
+++ b/app/templates/govuk/components/components/radios/_radios.scss
@@ -0,0 +1,4 @@
+@import "../../base";
+@import "./index";
+
+/*# sourceMappingURL=_radios.scss.map */
diff --git a/app/templates/govuk/components/components/radios/_radios.scss.map b/app/templates/govuk/components/components/radios/_radios.scss.map
new file mode 100644
index 0000000..eeae4ee
--- /dev/null
+++ b/app/templates/govuk/components/components/radios/_radios.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/radios/_radios.scss"],"names":[],"mappings":"AAAA,oBAAoB;AACpB,iBAAiB","file":"_radios.scss","sourcesContent":["@import \"../../base\";\n@import \"./index\";\n"]}
diff --git a/app/templates/govuk/components/components/radios/fixtures.json b/app/templates/govuk/components/components/radios/fixtures.json
new file mode 100644
index 0000000..407a7b6
--- /dev/null
+++ b/app/templates/govuk/components/components/radios/fixtures.json
@@ -0,0 +1,1339 @@
+{
+    "component": "radios",
+    "fixtures": [
+        {
+            "name": "default",
+            "options": {
+                "name": "example-default",
+                "fieldset": {
+                    "legend": {
+                        "text": "Have you changed your name?"
+                    }
+                },
+                "items": [
+                    {
+                        "value": "yes",
+                        "text": "Yes"
+                    },
+                    {
+                        "value": "no",
+                        "text": "No"
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": true,
+            "html": "<div class=\"govuk-form-group\">\n  <fieldset class=\"govuk-fieldset\">\n  <legend class=\"govuk-fieldset__legend\">\n    Have you changed your name?\n  </legend>\n  <div class=\"govuk-radios\" data-module=\"govuk-radios\">\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"example-default\" name=\"example-default\" type=\"radio\" value=\"yes\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"example-default\">\n        Yes\n      </label>\n    </div>\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"example-default-2\" name=\"example-default\" type=\"radio\" value=\"no\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"example-default-2\">\n        No\n      </label>\n    </div>\n  </div>\n</fieldset>\n</div>"
+        },
+        {
+            "name": "with hint",
+            "options": {
+                "name": "example-with-hint",
+                "fieldset": {
+                    "legend": {
+                        "text": "Have you changed your name?"
+                    }
+                },
+                "hint": {
+                    "text": "This includes changing your last name or spelling your name differently."
+                },
+                "items": [
+                    {
+                        "value": "yes",
+                        "text": "Yes"
+                    },
+                    {
+                        "value": "no",
+                        "text": "No"
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <fieldset class=\"govuk-fieldset\" aria-describedby=\"example-with-hint-hint\">\n  <legend class=\"govuk-fieldset__legend\">\n    Have you changed your name?\n  </legend>\n  <div id=\"example-with-hint-hint\" class=\"govuk-hint\">\n    This includes changing your last name or spelling your name differently.\n  </div>\n  <div class=\"govuk-radios\" data-module=\"govuk-radios\">\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"example-with-hint\" name=\"example-with-hint\" type=\"radio\" value=\"yes\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"example-with-hint\">\n        Yes\n      </label>\n    </div>\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"example-with-hint-2\" name=\"example-with-hint\" type=\"radio\" value=\"no\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"example-with-hint-2\">\n        No\n      </label>\n    </div>\n  </div>\n</fieldset>\n</div>"
+        },
+        {
+            "name": "inline",
+            "options": {
+                "idPrefix": "example",
+                "classes": "govuk-radios--inline",
+                "name": "example",
+                "fieldset": {
+                    "legend": {
+                        "text": "Have you changed your name?"
+                    }
+                },
+                "hint": {
+                    "text": "This includes changing your last name or spelling your name differently."
+                },
+                "items": [
+                    {
+                        "value": "yes",
+                        "text": "Yes"
+                    },
+                    {
+                        "value": "no",
+                        "text": "No",
+                        "checked": true
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": true,
+            "html": "<div class=\"govuk-form-group\">\n  <fieldset class=\"govuk-fieldset\" aria-describedby=\"example-hint\">\n  <legend class=\"govuk-fieldset__legend\">\n    Have you changed your name?\n  </legend>\n  <div id=\"example-hint\" class=\"govuk-hint\">\n    This includes changing your last name or spelling your name differently.\n  </div>\n  <div class=\"govuk-radios govuk-radios--inline\" data-module=\"govuk-radios\">\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"example\" name=\"example\" type=\"radio\" value=\"yes\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"example\">\n        Yes\n      </label>\n    </div>\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"example-2\" name=\"example\" type=\"radio\" value=\"no\" checked>\n      <label class=\"govuk-label govuk-radios__label\" for=\"example-2\">\n        No\n      </label>\n    </div>\n  </div>\n</fieldset>\n</div>"
+        },
+        {
+            "name": "with legend as page heading",
+            "options": {
+                "idPrefix": "housing-act",
+                "name": "housing-act",
+                "fieldset": {
+                    "legend": {
+                        "text": "Which part of the Housing Act was your licence issued under?",
+                        "classes": "govuk-fieldset__legend--l",
+                        "isPageHeading": true
+                    }
+                },
+                "hint": {
+                    "text": "Select one of the options below."
+                },
+                "items": [
+                    {
+                        "value": "part-2",
+                        "html": "<span class=\"govuk-heading-s govuk-!-margin-bottom-1\">Part 2 of the Housing Act 2004</span> For properties that are 3 or more stories high and occupied by 5 or more people"
+                    },
+                    {
+                        "value": "part-3",
+                        "html": "<span class=\"govuk-heading-s govuk-!-margin-bottom-1\">Part 3 of the Housing Act 2004</span> For properties that are within a geographical area defined by a local council"
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <fieldset class=\"govuk-fieldset\" aria-describedby=\"housing-act-hint\">\n  <legend class=\"govuk-fieldset__legend govuk-fieldset__legend--l\">\n    <h1 class=\"govuk-fieldset__heading\">\n      Which part of the Housing Act was your licence issued under?\n    </h1>\n  </legend>\n  <div id=\"housing-act-hint\" class=\"govuk-hint\">\n    Select one of the options below.\n  </div>\n  <div class=\"govuk-radios\" data-module=\"govuk-radios\">\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"housing-act\" name=\"housing-act\" type=\"radio\" value=\"part-2\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"housing-act\">\n        <span class=\"govuk-heading-s govuk-!-margin-bottom-1\">Part 2 of the Housing Act 2004</span> For properties that are 3 or more stories high and occupied by 5 or more people\n      </label>\n    </div>\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"housing-act-2\" name=\"housing-act\" type=\"radio\" value=\"part-3\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"housing-act-2\">\n        <span class=\"govuk-heading-s govuk-!-margin-bottom-1\">Part 3 of the Housing Act 2004</span> For properties that are within a geographical area defined by a local council\n      </label>\n    </div>\n  </div>\n</fieldset>\n</div>"
+        },
+        {
+            "name": "with a divider",
+            "options": {
+                "idPrefix": "example-divider",
+                "name": "example",
+                "fieldset": {
+                    "legend": {
+                        "text": "How do you want to sign in?"
+                    }
+                },
+                "items": [
+                    {
+                        "value": "government-gateway",
+                        "text": "Use Government Gateway"
+                    },
+                    {
+                        "value": "govuk-verify",
+                        "text": "Use GOV.UK Verify"
+                    },
+                    {
+                        "divider": "or"
+                    },
+                    {
+                        "value": "create-account",
+                        "text": "Create an account"
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": true,
+            "html": "<div class=\"govuk-form-group\">\n  <fieldset class=\"govuk-fieldset\">\n  <legend class=\"govuk-fieldset__legend\">\n    How do you want to sign in?\n  </legend>\n  <div class=\"govuk-radios\" data-module=\"govuk-radios\">\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"example-divider\" name=\"example\" type=\"radio\" value=\"government-gateway\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"example-divider\">\n        Use Government Gateway\n      </label>\n    </div>\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"example-divider-2\" name=\"example\" type=\"radio\" value=\"govuk-verify\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"example-divider-2\">\n        Use GOV.UK Verify\n      </label>\n    </div>\n    <div class=\"govuk-radios__divider\">or</div>\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"example-divider-4\" name=\"example\" type=\"radio\" value=\"create-account\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"example-divider-4\">\n        Create an account\n      </label>\n    </div>\n  </div>\n</fieldset>\n</div>"
+        },
+        {
+            "name": "with hints on items",
+            "options": {
+                "idPrefix": "gov",
+                "name": "gov",
+                "fieldset": {
+                    "legend": {
+                        "text": "How do you want to sign in?",
+                        "classes": "govuk-fieldset__legend--l",
+                        "isPageHeading": true
+                    }
+                },
+                "items": [
+                    {
+                        "value": "gateway",
+                        "text": "Sign in with Government Gateway",
+                        "id": "gateway",
+                        "hint": {
+                            "text": "You’ll have a user ID if you’ve registered for Self Assessment or filed a tax return online before."
+                        }
+                    },
+                    {
+                        "value": "verify",
+                        "text": "Sign in with GOV.UK Verify",
+                        "id": "verify",
+                        "hint": {
+                            "text": "You’ll have an account if you’ve already proved your identity with either Barclays, CitizenSafe, Digidentity, Experian, Post Office, Royal Mail or SecureIdentity."
+                        }
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <fieldset class=\"govuk-fieldset\">\n  <legend class=\"govuk-fieldset__legend govuk-fieldset__legend--l\">\n    <h1 class=\"govuk-fieldset__heading\">\n      How do you want to sign in?\n    </h1>\n  </legend>\n  <div class=\"govuk-radios\" data-module=\"govuk-radios\">\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"gateway\" name=\"gov\" type=\"radio\" value=\"gateway\" aria-describedby=\"gateway-item-hint\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"gateway\">\n        Sign in with Government Gateway\n      </label>\n      <div id=\"gateway-item-hint\" class=\"govuk-hint govuk-radios__hint\">\n        You’ll have a user ID if you’ve registered for Self Assessment or filed a tax return online before.\n      </div>\n    </div>\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"verify\" name=\"gov\" type=\"radio\" value=\"verify\" aria-describedby=\"verify-item-hint\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"verify\">\n        Sign in with GOV.UK Verify\n      </label>\n      <div id=\"verify-item-hint\" class=\"govuk-hint govuk-radios__hint\">\n        You’ll have an account if you’ve already proved your identity with either Barclays, CitizenSafe, Digidentity, Experian, Post Office, Royal Mail or SecureIdentity.\n      </div>\n    </div>\n  </div>\n</fieldset>\n</div>"
+        },
+        {
+            "name": "without fieldset",
+            "options": {
+                "name": "colours",
+                "items": [
+                    {
+                        "value": "red",
+                        "text": "Red"
+                    },
+                    {
+                        "value": "green",
+                        "text": "Green"
+                    },
+                    {
+                        "value": "blue",
+                        "text": "Blue"
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <div class=\"govuk-radios\" data-module=\"govuk-radios\">\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"colours\" name=\"colours\" type=\"radio\" value=\"red\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"colours\">\n        Red\n      </label>\n    </div>\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"colours-2\" name=\"colours\" type=\"radio\" value=\"green\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"colours-2\">\n        Green\n      </label>\n    </div>\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"colours-3\" name=\"colours\" type=\"radio\" value=\"blue\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"colours-3\">\n        Blue\n      </label>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "with fieldset and error message",
+            "options": {
+                "idPrefix": "example",
+                "name": "example",
+                "errorMessage": {
+                    "text": "Please select an option"
+                },
+                "fieldset": {
+                    "legend": {
+                        "text": "Have you changed your name?"
+                    }
+                },
+                "items": [
+                    {
+                        "value": "yes",
+                        "text": "Yes"
+                    },
+                    {
+                        "value": "no",
+                        "text": "No",
+                        "checked": true
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-form-group--error\">\n  <fieldset class=\"govuk-fieldset\" aria-describedby=\"example-error\">\n  <legend class=\"govuk-fieldset__legend\">\n    Have you changed your name?\n  </legend>\n  <p id=\"example-error\" class=\"govuk-error-message\">\n    <span class=\"govuk-visually-hidden\">Error:</span> Please select an option\n  </p>\n  <div class=\"govuk-radios\" data-module=\"govuk-radios\">\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"example\" name=\"example\" type=\"radio\" value=\"yes\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"example\">\n        Yes\n      </label>\n    </div>\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"example-2\" name=\"example\" type=\"radio\" value=\"no\" checked>\n      <label class=\"govuk-label govuk-radios__label\" for=\"example-2\">\n        No\n      </label>\n    </div>\n  </div>\n</fieldset>\n</div>"
+        },
+        {
+            "name": "with very long option text",
+            "options": {
+                "name": "waste",
+                "hint": {
+                    "text": "Nullam id dolor id nibh ultricies vehicula ut id elit."
+                },
+                "errorMessage": {
+                    "text": "Lorem ipsum dolor sit amet, consectetur adipiscing elit."
+                },
+                "fieldset": {
+                    "legend": {
+                        "text": "Maecenas faucibus mollis interdum?"
+                    }
+                },
+                "items": [
+                    {
+                        "value": "nullam",
+                        "text": "Nullam id dolor id nibh ultricies vehicula ut id elit. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Maecenas faucibus mollis interdum. Donec id elit non mi porta gravida at eget metus."
+                    },
+                    {
+                        "value": "aenean",
+                        "text": "Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Donec sed odio dui. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Cras mattis consectetur purus sit amet fermentum."
+                    },
+                    {
+                        "value": "fusce",
+                        "text": "Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Etiam porta sem malesuada magna mollis euismod. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. Sed posuere consectetur est at lobortis."
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-form-group--error\">\n  <fieldset class=\"govuk-fieldset\" aria-describedby=\"waste-hint waste-error\">\n  <legend class=\"govuk-fieldset__legend\">\n    Maecenas faucibus mollis interdum?\n  </legend>\n  <div id=\"waste-hint\" class=\"govuk-hint\">\n    Nullam id dolor id nibh ultricies vehicula ut id elit.\n  </div>\n  <p id=\"waste-error\" class=\"govuk-error-message\">\n    <span class=\"govuk-visually-hidden\">Error:</span> Lorem ipsum dolor sit amet, consectetur adipiscing elit.\n  </p>\n  <div class=\"govuk-radios\" data-module=\"govuk-radios\">\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"waste\" name=\"waste\" type=\"radio\" value=\"nullam\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"waste\">\n        Nullam id dolor id nibh ultricies vehicula ut id elit. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Maecenas faucibus mollis interdum. Donec id elit non mi porta gravida at eget metus.\n      </label>\n    </div>\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"waste-2\" name=\"waste\" type=\"radio\" value=\"aenean\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"waste-2\">\n        Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Donec sed odio dui. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Cras mattis consectetur purus sit amet fermentum.\n      </label>\n    </div>\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"waste-3\" name=\"waste\" type=\"radio\" value=\"fusce\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"waste-3\">\n        Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Etiam porta sem malesuada magna mollis euismod. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. Sed posuere consectetur est at lobortis.\n      </label>\n    </div>\n  </div>\n</fieldset>\n</div>"
+        },
+        {
+            "name": "with conditional items",
+            "options": {
+                "idPrefix": "how-contacted",
+                "name": "how-contacted",
+                "fieldset": {
+                    "legend": {
+                        "text": "How do you want to be contacted?"
+                    }
+                },
+                "items": [
+                    {
+                        "value": "email",
+                        "text": "Email",
+                        "conditional": {
+                            "html": "<label class=\"govuk-label\" for=\"context-email\">Email address</label>\n<input class=\"govuk-input govuk-!-width-one-third\" name=\"context-email\" type=\"text\" id=\"context-email\">\n"
+                        }
+                    },
+                    {
+                        "value": "phone",
+                        "text": "Phone",
+                        "conditional": {
+                            "html": "<label class=\"govuk-label\" for=\"contact-phone\">Phone number</label>\n<input class=\"govuk-input govuk-!-width-one-third\" name=\"contact-phone\" type=\"text\" id=\"contact-phone\">\n"
+                        }
+                    },
+                    {
+                        "value": "text",
+                        "text": "Text message",
+                        "conditional": {
+                            "html": "<label class=\"govuk-label\" for=\"contact-text-message\">Mobile phone number</label>\n<input class=\"govuk-input govuk-!-width-one-third\" name=\"contact-text-message\" type=\"text\" id=\"contact-text-message\">\n"
+                        }
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <fieldset class=\"govuk-fieldset\">\n  <legend class=\"govuk-fieldset__legend\">\n    How do you want to be contacted?\n  </legend>\n  <div class=\"govuk-radios\" data-module=\"govuk-radios\">\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"how-contacted\" name=\"how-contacted\" type=\"radio\" value=\"email\" data-aria-controls=\"conditional-how-contacted\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"how-contacted\">\n        Email\n      </label>\n    </div>\n    <div class=\"govuk-radios__conditional govuk-radios__conditional--hidden\" id=\"conditional-how-contacted\">\n      <label class=\"govuk-label\" for=\"context-email\">Email address</label>\n<input class=\"govuk-input govuk-!-width-one-third\" name=\"context-email\" type=\"text\" id=\"context-email\">\n    </div>\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"how-contacted-2\" name=\"how-contacted\" type=\"radio\" value=\"phone\" data-aria-controls=\"conditional-how-contacted-2\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"how-contacted-2\">\n        Phone\n      </label>\n    </div>\n    <div class=\"govuk-radios__conditional govuk-radios__conditional--hidden\" id=\"conditional-how-contacted-2\">\n      <label class=\"govuk-label\" for=\"contact-phone\">Phone number</label>\n<input class=\"govuk-input govuk-!-width-one-third\" name=\"contact-phone\" type=\"text\" id=\"contact-phone\">\n    </div>\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"how-contacted-3\" name=\"how-contacted\" type=\"radio\" value=\"text\" data-aria-controls=\"conditional-how-contacted-3\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"how-contacted-3\">\n        Text message\n      </label>\n    </div>\n    <div class=\"govuk-radios__conditional govuk-radios__conditional--hidden\" id=\"conditional-how-contacted-3\">\n      <label class=\"govuk-label\" for=\"contact-text-message\">Mobile phone number</label>\n<input class=\"govuk-input govuk-!-width-one-third\" name=\"contact-text-message\" type=\"text\" id=\"contact-text-message\">\n    </div>\n  </div>\n</fieldset>\n</div>"
+        },
+        {
+            "name": "with conditional item checked",
+            "options": {
+                "idPrefix": "how-contacted-checked",
+                "name": "how-contacted-checked",
+                "fieldset": {
+                    "legend": {
+                        "text": "How do you want to be contacted?"
+                    }
+                },
+                "items": [
+                    {
+                        "value": "email",
+                        "text": "Email",
+                        "checked": true,
+                        "conditional": {
+                            "html": "<label class=\"govuk-label\" for=\"context-email\">Email</label>\n<input class=\"govuk-input govuk-!-width-one-third\" name=\"context-email\" type=\"text\" id=\"context-email\">\n"
+                        }
+                    },
+                    {
+                        "value": "phone",
+                        "text": "Phone",
+                        "conditional": {
+                            "html": "<label class=\"govuk-label\" for=\"contact-phone\">Phone number</label>\n<input class=\"govuk-input govuk-!-width-one-third\" name=\"contact-phone\" type=\"text\" id=\"contact-phone\">\n"
+                        }
+                    },
+                    {
+                        "value": "text",
+                        "text": "Text message",
+                        "conditional": {
+                            "html": "<label class=\"govuk-label\" for=\"contact-text-message\">Mobile phone number</label>\n<input class=\"govuk-input govuk-!-width-one-third\" name=\"contact-text-message\" type=\"text\" id=\"contact-text-message\">\n"
+                        }
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": {
+                "variants": [
+                    "default",
+                    "no-js"
+                ]
+            },
+            "html": "<div class=\"govuk-form-group\">\n  <fieldset class=\"govuk-fieldset\">\n  <legend class=\"govuk-fieldset__legend\">\n    How do you want to be contacted?\n  </legend>\n  <div class=\"govuk-radios\" data-module=\"govuk-radios\">\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"how-contacted-checked\" name=\"how-contacted-checked\" type=\"radio\" value=\"email\" checked data-aria-controls=\"conditional-how-contacted-checked\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"how-contacted-checked\">\n        Email\n      </label>\n    </div>\n    <div class=\"govuk-radios__conditional\" id=\"conditional-how-contacted-checked\">\n      <label class=\"govuk-label\" for=\"context-email\">Email</label>\n<input class=\"govuk-input govuk-!-width-one-third\" name=\"context-email\" type=\"text\" id=\"context-email\">\n    </div>\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"how-contacted-checked-2\" name=\"how-contacted-checked\" type=\"radio\" value=\"phone\" data-aria-controls=\"conditional-how-contacted-checked-2\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"how-contacted-checked-2\">\n        Phone\n      </label>\n    </div>\n    <div class=\"govuk-radios__conditional govuk-radios__conditional--hidden\" id=\"conditional-how-contacted-checked-2\">\n      <label class=\"govuk-label\" for=\"contact-phone\">Phone number</label>\n<input class=\"govuk-input govuk-!-width-one-third\" name=\"contact-phone\" type=\"text\" id=\"contact-phone\">\n    </div>\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"how-contacted-checked-3\" name=\"how-contacted-checked\" type=\"radio\" value=\"text\" data-aria-controls=\"conditional-how-contacted-checked-3\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"how-contacted-checked-3\">\n        Text message\n      </label>\n    </div>\n    <div class=\"govuk-radios__conditional govuk-radios__conditional--hidden\" id=\"conditional-how-contacted-checked-3\">\n      <label class=\"govuk-label\" for=\"contact-text-message\">Mobile phone number</label>\n<input class=\"govuk-input govuk-!-width-one-third\" name=\"contact-text-message\" type=\"text\" id=\"contact-text-message\">\n    </div>\n  </div>\n</fieldset>\n</div>"
+        },
+        {
+            "name": "with optional form-group classes showing group error",
+            "options": {
+                "idPrefix": "how-contacted-2",
+                "name": "how-contacted-2",
+                "formGroup": {
+                    "classes": "govuk-form-group--error"
+                },
+                "fieldset": {
+                    "legend": {
+                        "text": "How do you want to be contacted?"
+                    }
+                },
+                "items": [
+                    {
+                        "value": "email",
+                        "text": "Email",
+                        "conditional": {
+                            "html": "<label class=\"govuk-label\" for=\"context-email\">Email address</label>\n<input class=\"govuk-input govuk-!-width-one-third\" name=\"context-email\" type=\"text\" id=\"context-email\">\n"
+                        }
+                    },
+                    {
+                        "value": "phone",
+                        "text": "Phone",
+                        "checked": true,
+                        "conditional": {
+                            "html": "<label class=\"govuk-label\" for=\"contact-phone\">Phone number</label>\n<span id=\"contact-phone-error\" class=\"govuk-error-message\">Problem with input</span>\n<input class=\"govuk-input govuk-input--error govuk-!-width-one-third\" name=\"contact-phone\" type=\"text\" id=\"contact-phone\" aria-describedby=\"contact-phone-error\">\n"
+                        }
+                    },
+                    {
+                        "value": "text",
+                        "text": "Text message",
+                        "conditional": {
+                            "html": "<label class=\"govuk-label\" for=\"contact-text-message\">Mobile phone number</label>\n<input class=\"govuk-input govuk-!-width-one-third\" name=\"contact-text-message\" type=\"text\" id=\"contact-text-message\">\n"
+                        }
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-form-group--error\">\n  <fieldset class=\"govuk-fieldset\">\n  <legend class=\"govuk-fieldset__legend\">\n    How do you want to be contacted?\n  </legend>\n  <div class=\"govuk-radios\" data-module=\"govuk-radios\">\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"how-contacted-2\" name=\"how-contacted-2\" type=\"radio\" value=\"email\" data-aria-controls=\"conditional-how-contacted-2\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"how-contacted-2\">\n        Email\n      </label>\n    </div>\n    <div class=\"govuk-radios__conditional govuk-radios__conditional--hidden\" id=\"conditional-how-contacted-2\">\n      <label class=\"govuk-label\" for=\"context-email\">Email address</label>\n<input class=\"govuk-input govuk-!-width-one-third\" name=\"context-email\" type=\"text\" id=\"context-email\">\n    </div>\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"how-contacted-2-2\" name=\"how-contacted-2\" type=\"radio\" value=\"phone\" checked data-aria-controls=\"conditional-how-contacted-2-2\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"how-contacted-2-2\">\n        Phone\n      </label>\n    </div>\n    <div class=\"govuk-radios__conditional\" id=\"conditional-how-contacted-2-2\">\n      <label class=\"govuk-label\" for=\"contact-phone\">Phone number</label>\n<span id=\"contact-phone-error\" class=\"govuk-error-message\">Problem with input</span>\n<input class=\"govuk-input govuk-input--error govuk-!-width-one-third\" name=\"contact-phone\" type=\"text\" id=\"contact-phone\" aria-describedby=\"contact-phone-error\">\n    </div>\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"how-contacted-2-3\" name=\"how-contacted-2\" type=\"radio\" value=\"text\" data-aria-controls=\"conditional-how-contacted-2-3\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"how-contacted-2-3\">\n        Text message\n      </label>\n    </div>\n    <div class=\"govuk-radios__conditional govuk-radios__conditional--hidden\" id=\"conditional-how-contacted-2-3\">\n      <label class=\"govuk-label\" for=\"contact-text-message\">Mobile phone number</label>\n<input class=\"govuk-input govuk-!-width-one-third\" name=\"contact-text-message\" type=\"text\" id=\"contact-text-message\">\n    </div>\n  </div>\n</fieldset>\n</div>"
+        },
+        {
+            "name": "small",
+            "options": {
+                "idPrefix": "how-contacted-2",
+                "name": "how-contacted-2",
+                "formGroup": {
+                    "classes": "govuk-radios--small"
+                },
+                "fieldset": {
+                    "legend": {
+                        "text": "How do you want to be contacted?"
+                    }
+                },
+                "items": [
+                    {
+                        "value": "email",
+                        "text": "Email"
+                    },
+                    {
+                        "value": "phone",
+                        "text": "Phone"
+                    },
+                    {
+                        "value": "text",
+                        "text": "Text message"
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": true,
+            "html": "<div class=\"govuk-form-group govuk-radios--small\">\n  <fieldset class=\"govuk-fieldset\">\n  <legend class=\"govuk-fieldset__legend\">\n    How do you want to be contacted?\n  </legend>\n  <div class=\"govuk-radios\" data-module=\"govuk-radios\">\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"how-contacted-2\" name=\"how-contacted-2\" type=\"radio\" value=\"email\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"how-contacted-2\">\n        Email\n      </label>\n    </div>\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"how-contacted-2-2\" name=\"how-contacted-2\" type=\"radio\" value=\"phone\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"how-contacted-2-2\">\n        Phone\n      </label>\n    </div>\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"how-contacted-2-3\" name=\"how-contacted-2\" type=\"radio\" value=\"text\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"how-contacted-2-3\">\n        Text message\n      </label>\n    </div>\n  </div>\n</fieldset>\n</div>"
+        },
+        {
+            "name": "small with long text",
+            "options": {
+                "idPrefix": "foo",
+                "name": "foo",
+                "classes": "govuk-radios--small",
+                "fieldset": {
+                    "legend": {
+                        "text": "Venenatis Condimentum"
+                    }
+                },
+                "items": [
+                    {
+                        "value": "nullam",
+                        "text": "Nullam id dolor id nibh ultricies vehicula ut id elit. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Maecenas faucibus mollis interdum. Donec id elit non mi porta gravida at eget metus."
+                    },
+                    {
+                        "value": "aenean",
+                        "text": "Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Donec sed odio dui. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Cras mattis consectetur purus sit amet fermentum."
+                    },
+                    {
+                        "value": "fusce",
+                        "text": "Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Etiam porta sem malesuada magna mollis euismod. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. Sed posuere consectetur est at lobortis."
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <fieldset class=\"govuk-fieldset\">\n  <legend class=\"govuk-fieldset__legend\">\n    Venenatis Condimentum\n  </legend>\n  <div class=\"govuk-radios govuk-radios--small\" data-module=\"govuk-radios\">\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"foo\" name=\"foo\" type=\"radio\" value=\"nullam\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"foo\">\n        Nullam id dolor id nibh ultricies vehicula ut id elit. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Maecenas faucibus mollis interdum. Donec id elit non mi porta gravida at eget metus.\n      </label>\n    </div>\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"foo-2\" name=\"foo\" type=\"radio\" value=\"aenean\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"foo-2\">\n        Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Donec sed odio dui. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Cras mattis consectetur purus sit amet fermentum.\n      </label>\n    </div>\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"foo-3\" name=\"foo\" type=\"radio\" value=\"fusce\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"foo-3\">\n        Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Etiam porta sem malesuada magna mollis euismod. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. Sed posuere consectetur est at lobortis.\n      </label>\n    </div>\n  </div>\n</fieldset>\n</div>"
+        },
+        {
+            "name": "small with error",
+            "options": {
+                "idPrefix": "how-contacted-2",
+                "name": "how-contacted-2",
+                "formGroup": {
+                    "classes": "govuk-radios--small"
+                },
+                "fieldset": {
+                    "legend": {
+                        "text": "How do you want to be contacted?"
+                    }
+                },
+                "errorMessage": {
+                    "text": "Select a thing"
+                },
+                "items": [
+                    {
+                        "value": "email",
+                        "text": "Email"
+                    },
+                    {
+                        "value": "phone",
+                        "text": "Phone"
+                    },
+                    {
+                        "value": "text",
+                        "text": "Text message"
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-form-group--error govuk-radios--small\">\n  <fieldset class=\"govuk-fieldset\" aria-describedby=\"how-contacted-2-error\">\n  <legend class=\"govuk-fieldset__legend\">\n    How do you want to be contacted?\n  </legend>\n  <p id=\"how-contacted-2-error\" class=\"govuk-error-message\">\n    <span class=\"govuk-visually-hidden\">Error:</span> Select a thing\n  </p>\n  <div class=\"govuk-radios\" data-module=\"govuk-radios\">\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"how-contacted-2\" name=\"how-contacted-2\" type=\"radio\" value=\"email\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"how-contacted-2\">\n        Email\n      </label>\n    </div>\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"how-contacted-2-2\" name=\"how-contacted-2\" type=\"radio\" value=\"phone\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"how-contacted-2-2\">\n        Phone\n      </label>\n    </div>\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"how-contacted-2-3\" name=\"how-contacted-2\" type=\"radio\" value=\"text\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"how-contacted-2-3\">\n        Text message\n      </label>\n    </div>\n  </div>\n</fieldset>\n</div>"
+        },
+        {
+            "name": "small with hint",
+            "options": {
+                "idPrefix": "how-contacted-2",
+                "name": "how-contacted-2",
+                "formGroup": {
+                    "classes": "govuk-radios--small"
+                },
+                "fieldset": {
+                    "legend": {
+                        "text": "How do you want to be contacted?"
+                    }
+                },
+                "items": [
+                    {
+                        "value": "email",
+                        "text": "Email",
+                        "hint": {
+                            "text": "Hint for email address"
+                        }
+                    },
+                    {
+                        "value": "phone",
+                        "text": "Phone"
+                    },
+                    {
+                        "value": "text",
+                        "text": "Text message"
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-radios--small\">\n  <fieldset class=\"govuk-fieldset\">\n  <legend class=\"govuk-fieldset__legend\">\n    How do you want to be contacted?\n  </legend>\n  <div class=\"govuk-radios\" data-module=\"govuk-radios\">\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"how-contacted-2\" name=\"how-contacted-2\" type=\"radio\" value=\"email\" aria-describedby=\"how-contacted-2-item-hint\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"how-contacted-2\">\n        Email\n      </label>\n      <div id=\"how-contacted-2-item-hint\" class=\"govuk-hint govuk-radios__hint\">\n        Hint for email address\n      </div>\n    </div>\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"how-contacted-2-2\" name=\"how-contacted-2\" type=\"radio\" value=\"phone\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"how-contacted-2-2\">\n        Phone\n      </label>\n    </div>\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"how-contacted-2-3\" name=\"how-contacted-2\" type=\"radio\" value=\"text\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"how-contacted-2-3\">\n        Text message\n      </label>\n    </div>\n  </div>\n</fieldset>\n</div>"
+        },
+        {
+            "name": "small with conditional reveal",
+            "options": {
+                "idPrefix": "how-contacted-2",
+                "name": "how-contacted-2",
+                "formGroup": {
+                    "classes": "govuk-radios--small"
+                },
+                "fieldset": {
+                    "legend": {
+                        "text": "How do you want to be contacted?"
+                    }
+                },
+                "items": [
+                    {
+                        "value": "email",
+                        "text": "Email",
+                        "conditional": {
+                            "html": "<label class=\"govuk-label\" for=\"context-email\">Foo</label>\n<input class=\"govuk-input govuk-!-width-one-third\" name=\"context-email\" type=\"text\" id=\"context-email\">\n"
+                        }
+                    },
+                    {
+                        "value": "phone",
+                        "text": "Phone"
+                    },
+                    {
+                        "value": "text",
+                        "text": "Text message"
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-radios--small\">\n  <fieldset class=\"govuk-fieldset\">\n  <legend class=\"govuk-fieldset__legend\">\n    How do you want to be contacted?\n  </legend>\n  <div class=\"govuk-radios\" data-module=\"govuk-radios\">\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"how-contacted-2\" name=\"how-contacted-2\" type=\"radio\" value=\"email\" data-aria-controls=\"conditional-how-contacted-2\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"how-contacted-2\">\n        Email\n      </label>\n    </div>\n    <div class=\"govuk-radios__conditional govuk-radios__conditional--hidden\" id=\"conditional-how-contacted-2\">\n      <label class=\"govuk-label\" for=\"context-email\">Foo</label>\n<input class=\"govuk-input govuk-!-width-one-third\" name=\"context-email\" type=\"text\" id=\"context-email\">\n    </div>\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"how-contacted-2-2\" name=\"how-contacted-2\" type=\"radio\" value=\"phone\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"how-contacted-2-2\">\n        Phone\n      </label>\n    </div>\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"how-contacted-2-3\" name=\"how-contacted-2\" type=\"radio\" value=\"text\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"how-contacted-2-3\">\n        Text message\n      </label>\n    </div>\n  </div>\n</fieldset>\n</div>"
+        },
+        {
+            "name": "small inline",
+            "options": {
+                "idPrefix": "sort",
+                "classes": "govuk-radios--small govuk-radios--inline",
+                "name": "example",
+                "fieldset": {
+                    "legend": {
+                        "text": "Sort by"
+                    }
+                },
+                "items": [
+                    {
+                        "value": "relevance",
+                        "text": "relevance"
+                    },
+                    {
+                        "value": "title",
+                        "text": "title"
+                    },
+                    {
+                        "value": "created",
+                        "text": "created"
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <fieldset class=\"govuk-fieldset\">\n  <legend class=\"govuk-fieldset__legend\">\n    Sort by\n  </legend>\n  <div class=\"govuk-radios govuk-radios--small govuk-radios--inline\" data-module=\"govuk-radios\">\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"sort\" name=\"example\" type=\"radio\" value=\"relevance\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"sort\">\n        relevance\n      </label>\n    </div>\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"sort-2\" name=\"example\" type=\"radio\" value=\"title\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"sort-2\">\n        title\n      </label>\n    </div>\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"sort-3\" name=\"example\" type=\"radio\" value=\"created\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"sort-3\">\n        created\n      </label>\n    </div>\n  </div>\n</fieldset>\n</div>"
+        },
+        {
+            "name": "small with a divider",
+            "options": {
+                "idPrefix": "example-small-divider",
+                "name": "example",
+                "fieldset": {
+                    "legend": {
+                        "text": "How do you want to sign in?"
+                    }
+                },
+                "classes": "govuk-radios--small",
+                "items": [
+                    {
+                        "value": "government-gateway",
+                        "text": "Use Government Gateway"
+                    },
+                    {
+                        "value": "govuk-verify",
+                        "text": "Use GOV.UK Verify"
+                    },
+                    {
+                        "divider": "or"
+                    },
+                    {
+                        "value": "create-account",
+                        "text": "Create an account"
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <fieldset class=\"govuk-fieldset\">\n  <legend class=\"govuk-fieldset__legend\">\n    How do you want to sign in?\n  </legend>\n  <div class=\"govuk-radios govuk-radios--small\" data-module=\"govuk-radios\">\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"example-small-divider\" name=\"example\" type=\"radio\" value=\"government-gateway\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"example-small-divider\">\n        Use Government Gateway\n      </label>\n    </div>\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"example-small-divider-2\" name=\"example\" type=\"radio\" value=\"govuk-verify\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"example-small-divider-2\">\n        Use GOV.UK Verify\n      </label>\n    </div>\n    <div class=\"govuk-radios__divider\">or</div>\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"example-small-divider-4\" name=\"example\" type=\"radio\" value=\"create-account\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"example-small-divider-4\">\n        Create an account\n      </label>\n    </div>\n  </div>\n</fieldset>\n</div>"
+        },
+        {
+            "name": "with idPrefix",
+            "options": {
+                "name": "example-radio",
+                "idPrefix": "example-id-prefix",
+                "items": [
+                    {
+                        "value": "yes",
+                        "text": "Yes"
+                    },
+                    {
+                        "value": "no",
+                        "text": "No"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <div class=\"govuk-radios\" data-module=\"govuk-radios\">\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"example-id-prefix\" name=\"example-radio\" type=\"radio\" value=\"yes\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"example-id-prefix\">\n        Yes\n      </label>\n    </div>\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"example-id-prefix-2\" name=\"example-radio\" type=\"radio\" value=\"no\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"example-id-prefix-2\">\n        No\n      </label>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "minimal items and name",
+            "options": {
+                "name": "example-name",
+                "items": [
+                    {
+                        "value": "yes",
+                        "text": "Yes"
+                    },
+                    {
+                        "value": "no",
+                        "text": "No"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <div class=\"govuk-radios\" data-module=\"govuk-radios\">\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"example-name\" name=\"example-name\" type=\"radio\" value=\"yes\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"example-name\">\n        Yes\n      </label>\n    </div>\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"example-name-2\" name=\"example-name\" type=\"radio\" value=\"no\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"example-name-2\">\n        No\n      </label>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "with falsy items",
+            "options": {
+                "name": "example-name",
+                "items": [
+                    {
+                        "value": "yes",
+                        "text": "Yes"
+                    },
+                    null,
+                    false,
+                    {
+                        "value": "no",
+                        "text": "No"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <div class=\"govuk-radios\" data-module=\"govuk-radios\">\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"example-name\" name=\"example-name\" type=\"radio\" value=\"yes\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"example-name\">\n        Yes\n      </label>\n    </div>\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"example-name-4\" name=\"example-name\" type=\"radio\" value=\"no\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"example-name-4\">\n        No\n      </label>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "fieldset with describedBy",
+            "options": {
+                "name": "example-name",
+                "fieldset": {
+                    "describedBy": "test-target-element",
+                    "legend": {
+                        "text": "Which option?"
+                    }
+                },
+                "items": [
+                    {
+                        "value": "yes",
+                        "text": "Yes"
+                    },
+                    {
+                        "value": "no",
+                        "text": "No"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <fieldset class=\"govuk-fieldset\" aria-describedby=\"test-target-element\">\n  <legend class=\"govuk-fieldset__legend\">\n    Which option?\n  </legend>\n  <div class=\"govuk-radios\" data-module=\"govuk-radios\">\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"example-name\" name=\"example-name\" type=\"radio\" value=\"yes\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"example-name\">\n        Yes\n      </label>\n    </div>\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"example-name-2\" name=\"example-name\" type=\"radio\" value=\"no\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"example-name-2\">\n        No\n      </label>\n    </div>\n  </div>\n</fieldset>\n</div>"
+        },
+        {
+            "name": "attributes",
+            "options": {
+                "name": "example-name",
+                "attributes": {
+                    "data-attribute": "value",
+                    "data-second-attribute": "second-value"
+                },
+                "items": [
+                    {
+                        "value": "yes",
+                        "text": "Yes"
+                    },
+                    {
+                        "value": "no",
+                        "text": "No"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <div class=\"govuk-radios\" data-attribute=\"value\" data-second-attribute=\"second-value\" data-module=\"govuk-radios\">\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"example-name\" name=\"example-name\" type=\"radio\" value=\"yes\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"example-name\">\n        Yes\n      </label>\n    </div>\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"example-name-2\" name=\"example-name\" type=\"radio\" value=\"no\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"example-name-2\">\n        No\n      </label>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "items with attributes",
+            "options": {
+                "name": "example-name",
+                "items": [
+                    {
+                        "value": "yes",
+                        "text": "Yes",
+                        "attributes": {
+                            "data-attribute": "ABC",
+                            "data-second-attribute": "DEF"
+                        }
+                    },
+                    {
+                        "value": "no",
+                        "text": "No",
+                        "attributes": {
+                            "data-attribute": "GHI",
+                            "data-second-attribute": "JKL"
+                        }
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <div class=\"govuk-radios\" data-module=\"govuk-radios\">\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"example-name\" name=\"example-name\" type=\"radio\" value=\"yes\" data-attribute=\"ABC\" data-second-attribute=\"DEF\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"example-name\">\n        Yes\n      </label>\n    </div>\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"example-name-2\" name=\"example-name\" type=\"radio\" value=\"no\" data-attribute=\"GHI\" data-second-attribute=\"JKL\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"example-name-2\">\n        No\n      </label>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "with empty conditional",
+            "options": {
+                "name": "example-conditional",
+                "items": [
+                    {
+                        "value": "yes",
+                        "text": "Yes",
+                        "conditional": {
+                            "html": false
+                        }
+                    },
+                    {
+                        "value": "no",
+                        "text": "No"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <div class=\"govuk-radios\" data-module=\"govuk-radios\">\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"example-conditional\" name=\"example-conditional\" type=\"radio\" value=\"yes\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"example-conditional\">\n        Yes\n      </label>\n    </div>\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"example-conditional-2\" name=\"example-conditional\" type=\"radio\" value=\"no\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"example-conditional-2\">\n        No\n      </label>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "label with classes",
+            "options": {
+                "name": "example-label-classes",
+                "items": [
+                    {
+                        "value": "yes",
+                        "text": "Yes",
+                        "label": {
+                            "classes": "bold"
+                        }
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <div class=\"govuk-radios\" data-module=\"govuk-radios\">\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"example-label-classes\" name=\"example-label-classes\" type=\"radio\" value=\"yes\">\n      <label class=\"govuk-label govuk-radios__label bold\" for=\"example-label-classes\">\n        Yes\n      </label>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "with hints on parent and items",
+            "options": {
+                "name": "example-multiple-hints",
+                "fieldset": {
+                    "legend": {
+                        "text": "Have you changed your name?"
+                    }
+                },
+                "hint": {
+                    "text": "This includes changing your last name or spelling your name differently."
+                },
+                "items": [
+                    {
+                        "value": "yes",
+                        "text": "Yes",
+                        "hint": {
+                            "text": "Hint for yes option here"
+                        }
+                    },
+                    {
+                        "value": "no",
+                        "text": "No",
+                        "hint": {
+                            "text": "Hint for no option here"
+                        }
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <fieldset class=\"govuk-fieldset\" aria-describedby=\"example-multiple-hints-hint\">\n  <legend class=\"govuk-fieldset__legend\">\n    Have you changed your name?\n  </legend>\n  <div id=\"example-multiple-hints-hint\" class=\"govuk-hint\">\n    This includes changing your last name or spelling your name differently.\n  </div>\n  <div class=\"govuk-radios\" data-module=\"govuk-radios\">\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"example-multiple-hints\" name=\"example-multiple-hints\" type=\"radio\" value=\"yes\" aria-describedby=\"example-multiple-hints-item-hint\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"example-multiple-hints\">\n        Yes\n      </label>\n      <div id=\"example-multiple-hints-item-hint\" class=\"govuk-hint govuk-radios__hint\">\n        Hint for yes option here\n      </div>\n    </div>\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"example-multiple-hints-2\" name=\"example-multiple-hints\" type=\"radio\" value=\"no\" aria-describedby=\"example-multiple-hints-2-item-hint\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"example-multiple-hints-2\">\n        No\n      </label>\n      <div id=\"example-multiple-hints-2-item-hint\" class=\"govuk-hint govuk-radios__hint\">\n        Hint for no option here\n      </div>\n    </div>\n  </div>\n</fieldset>\n</div>"
+        },
+        {
+            "name": "with describedBy and hint",
+            "options": {
+                "name": "example-hint-describedby",
+                "fieldset": {
+                    "describedBy": "test-target-element",
+                    "legend": {
+                        "text": "Have you changed your name?"
+                    }
+                },
+                "hint": {
+                    "text": "This includes changing your last name or spelling your name differently."
+                },
+                "items": [
+                    {
+                        "value": "yes",
+                        "text": "Yes"
+                    },
+                    {
+                        "value": "no",
+                        "text": "No"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <fieldset class=\"govuk-fieldset\" aria-describedby=\"test-target-element example-hint-describedby-hint\">\n  <legend class=\"govuk-fieldset__legend\">\n    Have you changed your name?\n  </legend>\n  <div id=\"example-hint-describedby-hint\" class=\"govuk-hint\">\n    This includes changing your last name or spelling your name differently.\n  </div>\n  <div class=\"govuk-radios\" data-module=\"govuk-radios\">\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"example-hint-describedby\" name=\"example-hint-describedby\" type=\"radio\" value=\"yes\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"example-hint-describedby\">\n        Yes\n      </label>\n    </div>\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"example-hint-describedby-2\" name=\"example-hint-describedby\" type=\"radio\" value=\"no\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"example-hint-describedby-2\">\n        No\n      </label>\n    </div>\n  </div>\n</fieldset>\n</div>"
+        },
+        {
+            "name": "with error message",
+            "options": {
+                "name": "example-error-message",
+                "errorMessage": {
+                    "text": "Please select an option"
+                },
+                "items": [
+                    {
+                        "value": "yes",
+                        "text": "Yes"
+                    },
+                    {
+                        "value": "no",
+                        "text": "No"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-form-group--error\">\n  <p id=\"example-error-message-error\" class=\"govuk-error-message\">\n    <span class=\"govuk-visually-hidden\">Error:</span> Please select an option\n  </p>\n  <div class=\"govuk-radios\" data-module=\"govuk-radios\">\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"example-error-message\" name=\"example-error-message\" type=\"radio\" value=\"yes\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"example-error-message\">\n        Yes\n      </label>\n    </div>\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"example-error-message-2\" name=\"example-error-message\" type=\"radio\" value=\"no\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"example-error-message-2\">\n        No\n      </label>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "with error message and idPrefix",
+            "options": {
+                "name": "example-error-message",
+                "idPrefix": "id-prefix",
+                "errorMessage": {
+                    "text": "Please select an option"
+                },
+                "items": [
+                    {
+                        "value": "yes",
+                        "text": "Yes"
+                    },
+                    {
+                        "value": "no",
+                        "text": "No"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-form-group--error\">\n  <p id=\"id-prefix-error\" class=\"govuk-error-message\">\n    <span class=\"govuk-visually-hidden\">Error:</span> Please select an option\n  </p>\n  <div class=\"govuk-radios\" data-module=\"govuk-radios\">\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"id-prefix\" name=\"example-error-message\" type=\"radio\" value=\"yes\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"id-prefix\">\n        Yes\n      </label>\n    </div>\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"id-prefix-2\" name=\"example-error-message\" type=\"radio\" value=\"no\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"id-prefix-2\">\n        No\n      </label>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "with hint and error message",
+            "options": {
+                "name": "example-error-message-hint",
+                "errorMessage": {
+                    "text": "Please select an option"
+                },
+                "fieldset": {
+                    "legend": {
+                        "text": "Have you changed your name?"
+                    }
+                },
+                "hint": {
+                    "text": "This includes changing your last name or spelling your name differently."
+                },
+                "items": [
+                    {
+                        "value": "yes",
+                        "text": "Yes"
+                    },
+                    {
+                        "value": "no",
+                        "text": "No"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-form-group--error\">\n  <fieldset class=\"govuk-fieldset\" aria-describedby=\"example-error-message-hint-hint example-error-message-hint-error\">\n  <legend class=\"govuk-fieldset__legend\">\n    Have you changed your name?\n  </legend>\n  <div id=\"example-error-message-hint-hint\" class=\"govuk-hint\">\n    This includes changing your last name or spelling your name differently.\n  </div>\n  <p id=\"example-error-message-hint-error\" class=\"govuk-error-message\">\n    <span class=\"govuk-visually-hidden\">Error:</span> Please select an option\n  </p>\n  <div class=\"govuk-radios\" data-module=\"govuk-radios\">\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"example-error-message-hint\" name=\"example-error-message-hint\" type=\"radio\" value=\"yes\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"example-error-message-hint\">\n        Yes\n      </label>\n    </div>\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"example-error-message-hint-2\" name=\"example-error-message-hint\" type=\"radio\" value=\"no\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"example-error-message-hint-2\">\n        No\n      </label>\n    </div>\n  </div>\n</fieldset>\n</div>"
+        },
+        {
+            "name": "with hint, error message and describedBy",
+            "options": {
+                "name": "example-error-message-hint",
+                "errorMessage": {
+                    "text": "Please select an option"
+                },
+                "fieldset": {
+                    "describedBy": "test-target-element",
+                    "legend": {
+                        "text": "Have you changed your name?"
+                    }
+                },
+                "hint": {
+                    "text": "This includes changing your last name or spelling your name differently."
+                },
+                "items": [
+                    {
+                        "value": "yes",
+                        "text": "Yes"
+                    },
+                    {
+                        "value": "no",
+                        "text": "No"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-form-group--error\">\n  <fieldset class=\"govuk-fieldset\" aria-describedby=\"test-target-element example-error-message-hint-hint example-error-message-hint-error\">\n  <legend class=\"govuk-fieldset__legend\">\n    Have you changed your name?\n  </legend>\n  <div id=\"example-error-message-hint-hint\" class=\"govuk-hint\">\n    This includes changing your last name or spelling your name differently.\n  </div>\n  <p id=\"example-error-message-hint-error\" class=\"govuk-error-message\">\n    <span class=\"govuk-visually-hidden\">Error:</span> Please select an option\n  </p>\n  <div class=\"govuk-radios\" data-module=\"govuk-radios\">\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"example-error-message-hint\" name=\"example-error-message-hint\" type=\"radio\" value=\"yes\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"example-error-message-hint\">\n        Yes\n      </label>\n    </div>\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"example-error-message-hint-2\" name=\"example-error-message-hint\" type=\"radio\" value=\"no\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"example-error-message-hint-2\">\n        No\n      </label>\n    </div>\n  </div>\n</fieldset>\n</div>"
+        },
+        {
+            "name": "label with attributes",
+            "options": {
+                "name": "with-label-attributes",
+                "items": [
+                    {
+                        "value": "yes",
+                        "text": "Yes",
+                        "label": {
+                            "attributes": {
+                                "data-attribute": "value",
+                                "data-second-attribute": "second-value"
+                            }
+                        }
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <div class=\"govuk-radios\" data-module=\"govuk-radios\">\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"with-label-attributes\" name=\"with-label-attributes\" type=\"radio\" value=\"yes\">\n      <label class=\"govuk-label govuk-radios__label\" data-attribute=\"value\" data-second-attribute=\"second-value\" for=\"with-label-attributes\">\n        Yes\n      </label>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "fieldset params",
+            "options": {
+                "name": "example-fieldset-params",
+                "fieldset": {
+                    "classes": "app-fieldset--custom-modifier",
+                    "legend": {
+                        "text": "Have you changed your name?"
+                    },
+                    "attributes": {
+                        "data-attribute": "value",
+                        "data-second-attribute": "second-value"
+                    }
+                },
+                "hint": {
+                    "text": "This includes changing your last name or spelling your name differently."
+                },
+                "items": [
+                    {
+                        "value": "yes",
+                        "text": "Yes"
+                    },
+                    {
+                        "value": "no",
+                        "text": "No"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <fieldset class=\"govuk-fieldset app-fieldset--custom-modifier\" aria-describedby=\"example-fieldset-params-hint\" data-attribute=\"value\" data-second-attribute=\"second-value\">\n  <legend class=\"govuk-fieldset__legend\">\n    Have you changed your name?\n  </legend>\n  <div id=\"example-fieldset-params-hint\" class=\"govuk-hint\">\n    This includes changing your last name or spelling your name differently.\n  </div>\n  <div class=\"govuk-radios\" data-module=\"govuk-radios\">\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"example-fieldset-params\" name=\"example-fieldset-params\" type=\"radio\" value=\"yes\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"example-fieldset-params\">\n        Yes\n      </label>\n    </div>\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"example-fieldset-params-2\" name=\"example-fieldset-params\" type=\"radio\" value=\"no\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"example-fieldset-params-2\">\n        No\n      </label>\n    </div>\n  </div>\n</fieldset>\n</div>"
+        },
+        {
+            "name": "fieldset with html",
+            "options": {
+                "name": "with-fieldset-html",
+                "fieldset": {
+                    "legend": {
+                        "html": "Have <b>you</b> changed your name?"
+                    }
+                },
+                "items": [
+                    {
+                        "value": "yes",
+                        "text": "Yes"
+                    },
+                    {
+                        "value": "no",
+                        "text": "No"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <fieldset class=\"govuk-fieldset\">\n  <legend class=\"govuk-fieldset__legend\">\n    Have <b>you</b> changed your name?\n  </legend>\n  <div class=\"govuk-radios\" data-module=\"govuk-radios\">\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"with-fieldset-html\" name=\"with-fieldset-html\" type=\"radio\" value=\"yes\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"with-fieldset-html\">\n        Yes\n      </label>\n    </div>\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"with-fieldset-html-2\" name=\"with-fieldset-html\" type=\"radio\" value=\"no\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"with-fieldset-html-2\">\n        No\n      </label>\n    </div>\n  </div>\n</fieldset>\n</div>"
+        },
+        {
+            "name": "with fieldset, error message and describedBy",
+            "options": {
+                "idPrefix": "example",
+                "name": "example",
+                "errorMessage": {
+                    "text": "Please select an option"
+                },
+                "fieldset": {
+                    "describedBy": "test-target-element",
+                    "legend": {
+                        "text": "Have you changed your name?"
+                    }
+                },
+                "items": [
+                    {
+                        "value": "yes",
+                        "text": "Yes"
+                    },
+                    {
+                        "value": "no",
+                        "text": "No",
+                        "checked": true
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-form-group--error\">\n  <fieldset class=\"govuk-fieldset\" aria-describedby=\"test-target-element example-error\">\n  <legend class=\"govuk-fieldset__legend\">\n    Have you changed your name?\n  </legend>\n  <p id=\"example-error\" class=\"govuk-error-message\">\n    <span class=\"govuk-visually-hidden\">Error:</span> Please select an option\n  </p>\n  <div class=\"govuk-radios\" data-module=\"govuk-radios\">\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"example\" name=\"example\" type=\"radio\" value=\"yes\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"example\">\n        Yes\n      </label>\n    </div>\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"example-2\" name=\"example\" type=\"radio\" value=\"no\" checked>\n      <label class=\"govuk-label govuk-radios__label\" for=\"example-2\">\n        No\n      </label>\n    </div>\n  </div>\n</fieldset>\n</div>"
+        },
+        {
+            "name": "item checked overrides value",
+            "options": {
+                "name": "colors",
+                "items": [
+                    {
+                        "value": "red",
+                        "text": "Red"
+                    },
+                    {
+                        "value": "green",
+                        "text": "Green",
+                        "checked": false
+                    },
+                    {
+                        "value": "blue",
+                        "text": "Blue"
+                    }
+                ],
+                "value": "green"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <div class=\"govuk-radios\" data-module=\"govuk-radios\">\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"colors\" name=\"colors\" type=\"radio\" value=\"red\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"colors\">\n        Red\n      </label>\n    </div>\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"colors-2\" name=\"colors\" type=\"radio\" value=\"green\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"colors-2\">\n        Green\n      </label>\n    </div>\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"colors-3\" name=\"colors\" type=\"radio\" value=\"blue\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"colors-3\">\n        Blue\n      </label>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "textarea in conditional",
+            "options": {
+                "name": "conditional",
+                "fieldset": {
+                    "legend": {
+                        "text": "Test"
+                    }
+                },
+                "items": [
+                    {
+                        "value": "other",
+                        "text": "Other",
+                        "conditional": {
+                            "html": "<label class=\"govuk-label\" for=\"conditional-textarea\">textarea</label>\n<textarea class=\"govuk-textarea\" name=\"conditional-textarea\" id=\"conditional-textarea\">\ntest\n</textarea>\n"
+                        }
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <fieldset class=\"govuk-fieldset\">\n  <legend class=\"govuk-fieldset__legend\">\n    Test\n  </legend>\n  <div class=\"govuk-radios\" data-module=\"govuk-radios\">\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"conditional\" name=\"conditional\" type=\"radio\" value=\"other\" data-aria-controls=\"conditional-conditional\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"conditional\">\n        Other\n      </label>\n    </div>\n    <div class=\"govuk-radios__conditional govuk-radios__conditional--hidden\" id=\"conditional-conditional\">\n      <label class=\"govuk-label\" for=\"conditional-textarea\">textarea</label>\n<textarea class=\"govuk-textarea\" name=\"conditional-textarea\" id=\"conditional-textarea\">\ntest\n</textarea>\n    </div>\n  </div>\n</fieldset>\n</div>"
+        },
+        {
+            "name": "with disabled",
+            "options": {
+                "idPrefix": "gov",
+                "name": "gov",
+                "fieldset": {
+                    "legend": {
+                        "text": "How do you want to sign in?",
+                        "classes": "govuk-fieldset__legend--l",
+                        "isPageHeading": true
+                    }
+                },
+                "items": [
+                    {
+                        "value": "gateway",
+                        "text": "Sign in with Government Gateway",
+                        "id": "gateway",
+                        "hint": {
+                            "text": "You’ll have a user ID if you’ve registered for Self Assessment or filed a tax return online before."
+                        }
+                    },
+                    {
+                        "value": "verify",
+                        "text": "Sign in with GOV.UK Verify",
+                        "id": "verify",
+                        "hint": {
+                            "text": "You’ll have an account if you’ve already proved your identity with either Barclays, CitizenSafe, Digidentity, Experian, Post Office, Royal Mail or SecureIdentity."
+                        },
+                        "disabled": true
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <fieldset class=\"govuk-fieldset\">\n  <legend class=\"govuk-fieldset__legend govuk-fieldset__legend--l\">\n    <h1 class=\"govuk-fieldset__heading\">\n      How do you want to sign in?\n    </h1>\n  </legend>\n  <div class=\"govuk-radios\" data-module=\"govuk-radios\">\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"gateway\" name=\"gov\" type=\"radio\" value=\"gateway\" aria-describedby=\"gateway-item-hint\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"gateway\">\n        Sign in with Government Gateway\n      </label>\n      <div id=\"gateway-item-hint\" class=\"govuk-hint govuk-radios__hint\">\n        You’ll have a user ID if you’ve registered for Self Assessment or filed a tax return online before.\n      </div>\n    </div>\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"verify\" name=\"gov\" type=\"radio\" value=\"verify\" disabled aria-describedby=\"verify-item-hint\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"verify\">\n        Sign in with GOV.UK Verify\n      </label>\n      <div id=\"verify-item-hint\" class=\"govuk-hint govuk-radios__hint\">\n        You’ll have an account if you’ve already proved your identity with either Barclays, CitizenSafe, Digidentity, Experian, Post Office, Royal Mail or SecureIdentity.\n      </div>\n    </div>\n  </div>\n</fieldset>\n</div>"
+        },
+        {
+            "name": "prechecked using value",
+            "options": {
+                "name": "example-default",
+                "items": [
+                    {
+                        "value": "yes",
+                        "text": "Yes"
+                    },
+                    {
+                        "value": "no",
+                        "text": "No"
+                    }
+                ],
+                "value": "no"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <div class=\"govuk-radios\" data-module=\"govuk-radios\">\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"example-default\" name=\"example-default\" type=\"radio\" value=\"yes\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"example-default\">\n        Yes\n      </label>\n    </div>\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"example-default-2\" name=\"example-default\" type=\"radio\" value=\"no\" checked>\n      <label class=\"govuk-label govuk-radios__label\" for=\"example-default-2\">\n        No\n      </label>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "with conditional items with special characters",
+            "options": {
+                "idPrefix": "user.profile[contact-prefs]",
+                "name": "contact-prefs",
+                "fieldset": {
+                    "legend": {
+                        "text": "How do you want to be contacted?"
+                    }
+                },
+                "items": [
+                    {
+                        "value": "email",
+                        "text": "Email",
+                        "conditional": {
+                            "html": "<label class=\"govuk-label\" for=\"context-email\">Email address</label>\n<input class=\"govuk-input govuk-!-width-one-third\" name=\"context-email\" type=\"text\" id=\"context-email\">\n"
+                        }
+                    },
+                    {
+                        "value": "phone",
+                        "text": "Phone",
+                        "conditional": {
+                            "html": "<label class=\"govuk-label\" for=\"contact-phone\">Phone number</label>\n<input class=\"govuk-input govuk-!-width-one-third\" name=\"contact-phone\" type=\"text\" id=\"contact-phone\">\n"
+                        }
+                    },
+                    {
+                        "value": "text",
+                        "text": "Text message",
+                        "conditional": {
+                            "html": "<label class=\"govuk-label\" for=\"contact-text-message\">Mobile phone number</label>\n<input class=\"govuk-input govuk-!-width-one-third\" name=\"contact-text-message\" type=\"text\" id=\"contact-text-message\">\n"
+                        }
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <fieldset class=\"govuk-fieldset\">\n  <legend class=\"govuk-fieldset__legend\">\n    How do you want to be contacted?\n  </legend>\n  <div class=\"govuk-radios\" data-module=\"govuk-radios\">\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"user.profile[contact-prefs]\" name=\"contact-prefs\" type=\"radio\" value=\"email\" data-aria-controls=\"conditional-user.profile[contact-prefs]\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"user.profile[contact-prefs]\">\n        Email\n      </label>\n    </div>\n    <div class=\"govuk-radios__conditional govuk-radios__conditional--hidden\" id=\"conditional-user.profile[contact-prefs]\">\n      <label class=\"govuk-label\" for=\"context-email\">Email address</label>\n<input class=\"govuk-input govuk-!-width-one-third\" name=\"context-email\" type=\"text\" id=\"context-email\">\n    </div>\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"user.profile[contact-prefs]-2\" name=\"contact-prefs\" type=\"radio\" value=\"phone\" data-aria-controls=\"conditional-user.profile[contact-prefs]-2\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"user.profile[contact-prefs]-2\">\n        Phone\n      </label>\n    </div>\n    <div class=\"govuk-radios__conditional govuk-radios__conditional--hidden\" id=\"conditional-user.profile[contact-prefs]-2\">\n      <label class=\"govuk-label\" for=\"contact-phone\">Phone number</label>\n<input class=\"govuk-input govuk-!-width-one-third\" name=\"contact-phone\" type=\"text\" id=\"contact-phone\">\n    </div>\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"user.profile[contact-prefs]-3\" name=\"contact-prefs\" type=\"radio\" value=\"text\" data-aria-controls=\"conditional-user.profile[contact-prefs]-3\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"user.profile[contact-prefs]-3\">\n        Text message\n      </label>\n    </div>\n    <div class=\"govuk-radios__conditional govuk-radios__conditional--hidden\" id=\"conditional-user.profile[contact-prefs]-3\">\n      <label class=\"govuk-label\" for=\"contact-text-message\">Mobile phone number</label>\n<input class=\"govuk-input govuk-!-width-one-third\" name=\"contact-text-message\" type=\"text\" id=\"contact-text-message\">\n    </div>\n  </div>\n</fieldset>\n</div>"
+        },
+        {
+            "name": "with conditional items and pre-checked value",
+            "options": {
+                "idPrefix": "how-contacted-checked",
+                "name": "how-contacted-checked",
+                "fieldset": {
+                    "legend": {
+                        "text": "How do you want to be contacted?"
+                    }
+                },
+                "items": [
+                    {
+                        "value": "email",
+                        "text": "Email",
+                        "conditional": {
+                            "html": "<label class=\"govuk-label\" for=\"context-email\">Email</label>\n<input class=\"govuk-input govuk-!-width-one-third\" name=\"context-email\" type=\"text\" id=\"context-email\">\n"
+                        }
+                    },
+                    {
+                        "value": "phone",
+                        "text": "Phone",
+                        "conditional": {
+                            "html": "<label class=\"govuk-label\" for=\"contact-phone\">Phone number</label>\n<input class=\"govuk-input govuk-!-width-one-third\" name=\"contact-phone\" type=\"text\" id=\"contact-phone\">\n"
+                        }
+                    },
+                    {
+                        "value": "text",
+                        "text": "Text message",
+                        "conditional": {
+                            "html": "<label class=\"govuk-label\" for=\"contact-text-message\">Mobile phone number</label>\n<input class=\"govuk-input govuk-!-width-one-third\" name=\"contact-text-message\" type=\"text\" id=\"contact-text-message\">\n"
+                        }
+                    }
+                ],
+                "value": "text"
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <fieldset class=\"govuk-fieldset\">\n  <legend class=\"govuk-fieldset__legend\">\n    How do you want to be contacted?\n  </legend>\n  <div class=\"govuk-radios\" data-module=\"govuk-radios\">\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"how-contacted-checked\" name=\"how-contacted-checked\" type=\"radio\" value=\"email\" data-aria-controls=\"conditional-how-contacted-checked\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"how-contacted-checked\">\n        Email\n      </label>\n    </div>\n    <div class=\"govuk-radios__conditional govuk-radios__conditional--hidden\" id=\"conditional-how-contacted-checked\">\n      <label class=\"govuk-label\" for=\"context-email\">Email</label>\n<input class=\"govuk-input govuk-!-width-one-third\" name=\"context-email\" type=\"text\" id=\"context-email\">\n    </div>\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"how-contacted-checked-2\" name=\"how-contacted-checked\" type=\"radio\" value=\"phone\" data-aria-controls=\"conditional-how-contacted-checked-2\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"how-contacted-checked-2\">\n        Phone\n      </label>\n    </div>\n    <div class=\"govuk-radios__conditional govuk-radios__conditional--hidden\" id=\"conditional-how-contacted-checked-2\">\n      <label class=\"govuk-label\" for=\"contact-phone\">Phone number</label>\n<input class=\"govuk-input govuk-!-width-one-third\" name=\"contact-phone\" type=\"text\" id=\"contact-phone\">\n    </div>\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"how-contacted-checked-3\" name=\"how-contacted-checked\" type=\"radio\" value=\"text\" checked data-aria-controls=\"conditional-how-contacted-checked-3\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"how-contacted-checked-3\">\n        Text message\n      </label>\n    </div>\n    <div class=\"govuk-radios__conditional\" id=\"conditional-how-contacted-checked-3\">\n      <label class=\"govuk-label\" for=\"contact-text-message\">Mobile phone number</label>\n<input class=\"govuk-input govuk-!-width-one-third\" name=\"contact-text-message\" type=\"text\" id=\"contact-text-message\">\n    </div>\n  </div>\n</fieldset>\n</div>"
+        }
+    ]
+}
diff --git a/app/templates/govuk/components/components/radios/macro-options.json b/app/templates/govuk/components/components/radios/macro-options.json
new file mode 100644
index 0000000..7c6cfe6
--- /dev/null
+++ b/app/templates/govuk/components/components/radios/macro-options.json
@@ -0,0 +1,211 @@
+[
+    {
+        "name": "fieldset",
+        "type": "object",
+        "required": false,
+        "description": "The fieldset used by the radios component.",
+        "isComponent": true
+    },
+    {
+        "name": "hint",
+        "type": "object",
+        "required": false,
+        "description": "Can be used to add a hint to the radios component.",
+        "isComponent": true
+    },
+    {
+        "name": "errorMessage",
+        "type": "object",
+        "required": false,
+        "description": "Can be used to add an error message to the radios component. The error message component will not display if you use a falsy value for `errorMessage`, for example `false` or `null`.",
+        "isComponent": true
+    },
+    {
+        "name": "formGroup",
+        "type": "object",
+        "required": false,
+        "description": "Additional options for the form group containing the radios component.",
+        "params": [
+            {
+                "name": "classes",
+                "type": "string",
+                "required": false,
+                "description": "Classes to add to the form group (for example to show error state for the whole group)."
+            },
+            {
+                "name": "attributes",
+                "type": "object",
+                "required": false,
+                "description": "HTML attributes (for example data attributes) to add to the form group."
+            },
+            {
+                "name": "beforeInputs",
+                "type": "object",
+                "required": false,
+                "description": "Content to add before all radio items within the checkboxes component.",
+                "params": [
+                    {
+                        "name": "text",
+                        "type": "string",
+                        "required": true,
+                        "description": "Text to add before all radio items. If `html` is provided, the `text` option will be ignored."
+                    },
+                    {
+                        "name": "html",
+                        "type": "string",
+                        "required": true,
+                        "description": "HTML to add before all radio items. If `html` is provided, the `text` option will be ignored."
+                    }
+                ]
+            },
+            {
+                "name": "afterInputs",
+                "type": "object",
+                "required": false,
+                "description": "Content to add after all radio items within the checkboxes component.",
+                "params": [
+                    {
+                        "name": "text",
+                        "type": "string",
+                        "required": true,
+                        "description": "Text to add after all radio items. If `html` is provided, the `text` option will be ignored."
+                    },
+                    {
+                        "name": "html",
+                        "type": "string",
+                        "required": true,
+                        "description": "HTML to add after all radio items. If `html` is provided, the `text` option will be ignored."
+                    }
+                ]
+            }
+        ]
+    },
+    {
+        "name": "idPrefix",
+        "type": "string",
+        "required": false,
+        "description": "Optional prefix. This is used to prefix the `id` attribute for each radio input, hint and error message, separated by `-`. Defaults to the `name` option value."
+    },
+    {
+        "name": "name",
+        "type": "string",
+        "required": true,
+        "description": "Name attribute for the radio items."
+    },
+    {
+        "name": "items",
+        "type": "array",
+        "required": true,
+        "description": "The radio items within the radios component.",
+        "params": [
+            {
+                "name": "text",
+                "type": "string",
+                "required": true,
+                "description": "If `html` is set, this is not required. Text to use within each radio item label. If `html` is provided, the `text` option will be ignored."
+            },
+            {
+                "name": "html",
+                "type": "string",
+                "required": true,
+                "description": "If `text` is set, this is not required. HTML to use within each radio item label. If `html` is provided, the `text` option will be ignored."
+            },
+            {
+                "name": "id",
+                "type": "string",
+                "required": false,
+                "description": "Specific ID attribute for the radio item. If omitted, then `idPrefix` string will be applied."
+            },
+            {
+                "name": "value",
+                "type": "string",
+                "required": true,
+                "description": "Value for the radio input."
+            },
+            {
+                "name": "label",
+                "type": "object",
+                "required": false,
+                "description": "Subset of options for the label used by each radio item within the radios component.",
+                "isComponent": true,
+                "params": [
+                    {
+                        "name": "classes",
+                        "type": "string",
+                        "required": false,
+                        "description": "Classes to add to the label tag."
+                    },
+                    {
+                        "name": "attributes",
+                        "type": "object",
+                        "required": false,
+                        "description": "HTML attributes (for example data attributes) to add to the label tag."
+                    }
+                ]
+            },
+            {
+                "name": "hint",
+                "type": "object",
+                "required": false,
+                "description": "Can be used to add a hint to each radio item within the radios component.",
+                "isComponent": true
+            },
+            {
+                "name": "divider",
+                "type": "string",
+                "required": false,
+                "description": "Divider text to separate radio items, for example the text `\"or\"`."
+            },
+            {
+                "name": "checked",
+                "type": "boolean",
+                "required": false,
+                "description": "Whether the radio should be checked when the page loads. Takes precedence over the top-level `value` option."
+            },
+            {
+                "name": "conditional",
+                "type": "object",
+                "required": false,
+                "description": "Provide additional content to reveal when the radio is checked.",
+                "params": [
+                    {
+                        "name": "html",
+                        "type": "string",
+                        "description": "The HTML to reveal when the radio is checked.",
+                        "required": true
+                    }
+                ]
+            },
+            {
+                "name": "disabled",
+                "type": "boolean",
+                "required": false,
+                "description": "If `true`, radio will be disabled."
+            },
+            {
+                "name": "attributes",
+                "type": "object",
+                "required": false,
+                "description": "HTML attributes (for example data attributes) to add to the radio input tag."
+            }
+        ]
+    },
+    {
+        "name": "value",
+        "type": "string",
+        "required": false,
+        "description": "The value for the radio which should be checked when the page loads. Use this as an alternative to setting the `checked` option on each individual item."
+    },
+    {
+        "name": "classes",
+        "type": "string",
+        "required": false,
+        "description": "Classes to add to the radio container."
+    },
+    {
+        "name": "attributes",
+        "type": "object",
+        "required": false,
+        "description": "HTML attributes (for example data attributes) to add to the radio input tag."
+    }
+]
diff --git a/app/templates/govuk/components/components/radios/macro.njk b/app/templates/govuk/components/components/radios/macro.njk
new file mode 100644
index 0000000..67b4d8b
--- /dev/null
+++ b/app/templates/govuk/components/components/radios/macro.njk
@@ -0,0 +1,3 @@
+{% macro govukRadios(params) %}
+  {%- include "./template.njk" -%}
+{% endmacro %}
diff --git a/app/templates/govuk/components/components/radios/radios.bundle.js b/app/templates/govuk/components/components/radios/radios.bundle.js
new file mode 100644
index 0000000..ad4c614
--- /dev/null
+++ b/app/templates/govuk/components/components/radios/radios.bundle.js
@@ -0,0 +1,230 @@
+(function (global, factory) {
+  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports) :
+  typeof define === 'function' && define.amd ? define(['exports'], factory) :
+  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.GOVUKFrontend = global.GOVUKFrontend || {}));
+})(this, (function (exports) { 'use strict';
+
+  function isInitialised($root, moduleName) {
+    return $root instanceof HTMLElement && $root.hasAttribute(`data-${moduleName}-init`);
+  }
+
+  /**
+   * Checks if GOV.UK Frontend is supported on this page
+   *
+   * Some browsers will load and run our JavaScript but GOV.UK Frontend
+   * won't be supported.
+   *
+   * @param {HTMLElement | null} [$scope] - (internal) `<body>` HTML element checked for browser support
+   * @returns {boolean} Whether GOV.UK Frontend is supported on this page
+   */
+  function isSupported($scope = document.body) {
+    if (!$scope) {
+      return false;
+    }
+    return $scope.classList.contains('govuk-frontend-supported');
+  }
+  function isArray(option) {
+    return Array.isArray(option);
+  }
+  function isObject(option) {
+    return !!option && typeof option === 'object' && !isArray(option);
+  }
+  function formatErrorMessage(Component, message) {
+    return `${Component.moduleName}: ${message}`;
+  }
+  /**
+   * @typedef ComponentWithModuleName
+   * @property {string} moduleName - Name of the component
+   */
+
+  class GOVUKFrontendError extends Error {
+    constructor(...args) {
+      super(...args);
+      this.name = 'GOVUKFrontendError';
+    }
+  }
+  class SupportError extends GOVUKFrontendError {
+    /**
+     * Checks if GOV.UK Frontend is supported on this page
+     *
+     * @param {HTMLElement | null} [$scope] - HTML element `<body>` checked for browser support
+     */
+    constructor($scope = document.body) {
+      const supportMessage = 'noModule' in HTMLScriptElement.prototype ? 'GOV.UK Frontend initialised without `<body class="govuk-frontend-supported">` from template `<script>` snippet' : 'GOV.UK Frontend is not supported in this browser';
+      super($scope ? supportMessage : 'GOV.UK Frontend initialised without `<script type="module">`');
+      this.name = 'SupportError';
+    }
+  }
+  class ElementError extends GOVUKFrontendError {
+    constructor(messageOrOptions) {
+      let message = typeof messageOrOptions === 'string' ? messageOrOptions : '';
+      if (isObject(messageOrOptions)) {
+        const {
+          component,
+          identifier,
+          element,
+          expectedType
+        } = messageOrOptions;
+        message = identifier;
+        message += element ? ` is not of type ${expectedType != null ? expectedType : 'HTMLElement'}` : ' not found';
+        if (component) {
+          message = formatErrorMessage(component, message);
+        }
+      }
+      super(message);
+      this.name = 'ElementError';
+    }
+  }
+  class InitError extends GOVUKFrontendError {
+    constructor(componentOrMessage) {
+      const message = typeof componentOrMessage === 'string' ? componentOrMessage : formatErrorMessage(componentOrMessage, `Root element (\`$root\`) already initialised`);
+      super(message);
+      this.name = 'InitError';
+    }
+  }
+  /**
+   * @import { ComponentWithModuleName } from '../common/index.mjs'
+   */
+
+  class Component {
+    /**
+     * Returns the root element of the component
+     *
+     * @protected
+     * @returns {RootElementType} - the root element of component
+     */
+    get $root() {
+      return this._$root;
+    }
+    constructor($root) {
+      this._$root = void 0;
+      const childConstructor = this.constructor;
+      if (typeof childConstructor.moduleName !== 'string') {
+        throw new InitError(`\`moduleName\` not defined in component`);
+      }
+      if (!($root instanceof childConstructor.elementType)) {
+        throw new ElementError({
+          element: $root,
+          component: childConstructor,
+          identifier: 'Root element (`$root`)',
+          expectedType: childConstructor.elementType.name
+        });
+      } else {
+        this._$root = $root;
+      }
+      childConstructor.checkSupport();
+      this.checkInitialised();
+      const moduleName = childConstructor.moduleName;
+      this.$root.setAttribute(`data-${moduleName}-init`, '');
+    }
+    checkInitialised() {
+      const constructor = this.constructor;
+      const moduleName = constructor.moduleName;
+      if (moduleName && isInitialised(this.$root, moduleName)) {
+        throw new InitError(constructor);
+      }
+    }
+    static checkSupport() {
+      if (!isSupported()) {
+        throw new SupportError();
+      }
+    }
+  }
+
+  /**
+   * @typedef ChildClass
+   * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component
+   */
+
+  /**
+   * @typedef {typeof Component & ChildClass} ChildClassConstructor
+   */
+  Component.elementType = HTMLElement;
+
+  /**
+   * Radios component
+   *
+   * @preserve
+   */
+  class Radios extends Component {
+    /**
+     * Radios can be associated with a 'conditionally revealed' content block –
+     * for example, a radio for 'Phone' could reveal an additional form field for
+     * the user to enter their phone number.
+     *
+     * These associations are made using a `data-aria-controls` attribute, which
+     * is promoted to an aria-controls attribute during initialisation.
+     *
+     * We also need to restore the state of any conditional reveals on the page
+     * (for example if the user has navigated back), and set up event handlers to
+     * keep the reveal in sync with the radio state.
+     *
+     * @param {Element | null} $root - HTML element to use for radios
+     */
+    constructor($root) {
+      super($root);
+      this.$inputs = void 0;
+      const $inputs = this.$root.querySelectorAll('input[type="radio"]');
+      if (!$inputs.length) {
+        throw new ElementError({
+          component: Radios,
+          identifier: 'Form inputs (`<input type="radio">`)'
+        });
+      }
+      this.$inputs = $inputs;
+      this.$inputs.forEach($input => {
+        const targetId = $input.getAttribute('data-aria-controls');
+        if (!targetId) {
+          return;
+        }
+        if (!document.getElementById(targetId)) {
+          throw new ElementError({
+            component: Radios,
+            identifier: `Conditional reveal (\`id="${targetId}"\`)`
+          });
+        }
+        $input.setAttribute('aria-controls', targetId);
+        $input.removeAttribute('data-aria-controls');
+      });
+      window.addEventListener('pageshow', () => this.syncAllConditionalReveals());
+      this.syncAllConditionalReveals();
+      this.$root.addEventListener('click', event => this.handleClick(event));
+    }
+    syncAllConditionalReveals() {
+      this.$inputs.forEach($input => this.syncConditionalRevealWithInputState($input));
+    }
+    syncConditionalRevealWithInputState($input) {
+      const targetId = $input.getAttribute('aria-controls');
+      if (!targetId) {
+        return;
+      }
+      const $target = document.getElementById(targetId);
+      if ($target != null && $target.classList.contains('govuk-radios__conditional')) {
+        const inputIsChecked = $input.checked;
+        $input.setAttribute('aria-expanded', inputIsChecked.toString());
+        $target.classList.toggle('govuk-radios__conditional--hidden', !inputIsChecked);
+      }
+    }
+    handleClick(event) {
+      const $clickedInput = event.target;
+      if (!($clickedInput instanceof HTMLInputElement) || $clickedInput.type !== 'radio') {
+        return;
+      }
+      const $allInputs = document.querySelectorAll('input[type="radio"][aria-controls]');
+      const $clickedInputForm = $clickedInput.form;
+      const $clickedInputName = $clickedInput.name;
+      $allInputs.forEach($input => {
+        const hasSameFormOwner = $input.form === $clickedInputForm;
+        const hasSameName = $input.name === $clickedInputName;
+        if (hasSameName && hasSameFormOwner) {
+          this.syncConditionalRevealWithInputState($input);
+        }
+      });
+    }
+  }
+  Radios.moduleName = 'govuk-radios';
+
+  exports.Radios = Radios;
+
+}));
+//# sourceMappingURL=radios.bundle.js.map
diff --git a/app/templates/govuk/components/components/radios/radios.bundle.js.map b/app/templates/govuk/components/components/radios/radios.bundle.js.map
new file mode 100644
index 0000000..c882c4b
--- /dev/null
+++ b/app/templates/govuk/components/components/radios/radios.bundle.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"radios.bundle.js","sources":["../../../../src/govuk/common/index.mjs","../../../../src/govuk/errors/index.mjs","../../../../src/govuk/component.mjs","../../../../src/govuk/components/radios/radios.mjs"],"sourcesContent":["/**\n * Common helpers which do not require polyfill.\n *\n * IMPORTANT: If a helper require a polyfill, please isolate it in its own module\n * so that the polyfill can be properly tree-shaken and does not burden\n * the components that do not need that helper\n */\n\n/**\n * Get GOV.UK Frontend breakpoint value from CSS custom property\n *\n * @private\n * @param {string} name - Breakpoint name\n * @returns {{ property: string, value?: string }} Breakpoint object\n */\nexport function getBreakpoint(name) {\n  const property = `--govuk-breakpoint-${name}`\n\n  // Get value from `<html>` with breakpoints on CSS :root\n  const value = window\n    .getComputedStyle(document.documentElement)\n    .getPropertyValue(property)\n\n  return {\n    property,\n    value: value || undefined\n  }\n}\n\n/**\n * Move focus to element\n *\n * Sets tabindex to -1 to make the element programmatically focusable,\n * but removes it on blur as the element doesn't need to be focused again.\n *\n * @private\n * @template {HTMLElement} FocusElement\n * @param {FocusElement} $element - HTML element\n * @param {object} [options] - Handler options\n * @param {function(this: FocusElement): void} [options.onBeforeFocus] - Callback before focus\n * @param {function(this: FocusElement): void} [options.onBlur] - Callback on blur\n */\nexport function setFocus($element, options = {}) {\n  const isFocusable = $element.getAttribute('tabindex')\n\n  if (!isFocusable) {\n    $element.setAttribute('tabindex', '-1')\n  }\n\n  /**\n   * Handle element focus\n   */\n  function onFocus() {\n    $element.addEventListener('blur', onBlur, { once: true })\n  }\n\n  /**\n   * Handle element blur\n   */\n  function onBlur() {\n    options.onBlur?.call($element)\n\n    if (!isFocusable) {\n      $element.removeAttribute('tabindex')\n    }\n  }\n\n  // Add listener to reset element on blur, after focus\n  $element.addEventListener('focus', onFocus, { once: true })\n\n  // Focus element\n  options.onBeforeFocus?.call($element)\n  $element.focus()\n}\n\n/**\n * Checks if component is already initialised\n *\n * @internal\n * @param {Element} $root - HTML element to be checked\n * @param {string} moduleName - name of component module\n * @returns {boolean} Whether component is already initialised\n */\nexport function isInitialised($root, moduleName) {\n  return (\n    $root instanceof HTMLElement &&\n    $root.hasAttribute(`data-${moduleName}-init`)\n  )\n}\n\n/**\n * Checks if GOV.UK Frontend is supported on this page\n *\n * Some browsers will load and run our JavaScript but GOV.UK Frontend\n * won't be supported.\n *\n * @param {HTMLElement | null} [$scope] - (internal) `<body>` HTML element checked for browser support\n * @returns {boolean} Whether GOV.UK Frontend is supported on this page\n */\nexport function isSupported($scope = document.body) {\n  if (!$scope) {\n    return false\n  }\n\n  return $scope.classList.contains('govuk-frontend-supported')\n}\n\n/**\n * Check for an array\n *\n * @internal\n * @param {unknown} option - Option to check\n * @returns {boolean} Whether the option is an array\n */\nfunction isArray(option) {\n  return Array.isArray(option)\n}\n\n/**\n * Check for an object\n *\n * @internal\n * @template {Partial<Record<keyof ObjectType, unknown>>} ObjectType\n * @param {unknown | ObjectType} option - Option to check\n * @returns {option is ObjectType} Whether the option is an object\n */\nexport function isObject(option) {\n  return !!option && typeof option === 'object' && !isArray(option)\n}\n\n/**\n * Check for valid scope\n *\n * @internal\n * @template {Element | Document} ScopeType\n * @param {unknown | ScopeType} $scope - Scope of the document to search within\n * @returns {$scope is ScopeType} Whether the scope can be queried\n */\nexport function isScope($scope) {\n  return !!$scope && ($scope instanceof Element || $scope instanceof Document)\n}\n\n/**\n * Format error message\n *\n * @internal\n * @param {ComponentWithModuleName} Component - Component that threw the error\n * @param {string} message - Error message\n * @returns {string} - Formatted error message\n */\nexport function formatErrorMessage(Component, message) {\n  return `${Component.moduleName}: ${message}`\n}\n\n/* eslint-disable jsdoc/valid-types --\n * `{new(...args: any[] ): object}` is not recognised as valid\n * https://github.com/gajus/eslint-plugin-jsdoc/issues/145#issuecomment-1308722878\n * https://github.com/jsdoc-type-pratt-parser/jsdoc-type-pratt-parser/issues/131\n **/\n\n/**\n * @typedef ComponentWithModuleName\n * @property {string} moduleName - Name of the component\n */\n\n/* eslint-enable jsdoc/valid-types */\n","import { formatErrorMessage, isObject } from '../common/index.mjs'\n\n/**\n * GOV.UK Frontend error\n *\n * A base class for `Error`s thrown by GOV.UK Frontend.\n *\n * It is meant to be extended into specific types of errors\n * to be thrown by our code.\n *\n * @example\n * ```js\n * class MissingRootError extends GOVUKFrontendError {\n *   // Setting an explicit name is important as extending the class will not\n *   // set a new `name` on the subclass. The `name` property is important\n *   // to ensure intelligible error names even if the class name gets\n *   // mangled by a minifier\n *   name = \"MissingRootError\"\n * }\n * ```\n * @virtual\n */\nexport class GOVUKFrontendError extends Error {\n  name = 'GOVUKFrontendError'\n}\n\n/**\n * Indicates that GOV.UK Frontend is not supported\n */\nexport class SupportError extends GOVUKFrontendError {\n  name = 'SupportError'\n\n  /**\n   * Checks if GOV.UK Frontend is supported on this page\n   *\n   * @param {HTMLElement | null} [$scope] - HTML element `<body>` checked for browser support\n   */\n  constructor($scope = document.body) {\n    const supportMessage =\n      'noModule' in HTMLScriptElement.prototype\n        ? 'GOV.UK Frontend initialised without `<body class=\"govuk-frontend-supported\">` from template `<script>` snippet'\n        : 'GOV.UK Frontend is not supported in this browser'\n\n    super(\n      $scope\n        ? supportMessage\n        : 'GOV.UK Frontend initialised without `<script type=\"module\">`'\n    )\n  }\n}\n\n/**\n * Indicates that a component has received an illegal configuration\n */\nexport class ConfigError extends GOVUKFrontendError {\n  name = 'ConfigError'\n}\n\n/**\n * Indicates an issue with an element (possibly `null` or `undefined`)\n */\nexport class ElementError extends GOVUKFrontendError {\n  name = 'ElementError'\n\n  /**\n   * @internal\n   * @overload\n   * @param {string} message - Element error message\n   */\n\n  /**\n   * @internal\n   * @overload\n   * @param {ElementErrorOptions} options - Element error options\n   */\n\n  /**\n   * @internal\n   * @param {string | ElementErrorOptions} messageOrOptions - Element error message or options\n   */\n  constructor(messageOrOptions) {\n    let message = typeof messageOrOptions === 'string' ? messageOrOptions : ''\n\n    // Build message from options\n    if (isObject(messageOrOptions)) {\n      const { component, identifier, element, expectedType } = messageOrOptions\n\n      message = identifier\n\n      // Append reason\n      message += element\n        ? ` is not of type ${expectedType ?? 'HTMLElement'}`\n        : ' not found'\n\n      // Prepend with module name (optional)\n      if (component) {\n        message = formatErrorMessage(component, message)\n      }\n    }\n\n    super(message)\n  }\n}\n\n/**\n * Indicates that a component is already initialised\n */\nexport class InitError extends GOVUKFrontendError {\n  name = 'InitError'\n\n  /**\n   * @internal\n   * @param {ComponentWithModuleName | string} componentOrMessage - name of the component module\n   */\n  constructor(componentOrMessage) {\n    const message =\n      typeof componentOrMessage === 'string'\n        ? componentOrMessage\n        : formatErrorMessage(\n            componentOrMessage,\n            `Root element (\\`$root\\`) already initialised`\n          )\n\n    super(message)\n  }\n}\n\n/**\n * Element error options\n *\n * @internal\n * @typedef {object} ElementErrorOptions\n * @property {Element | Document | null} [element] - The element in error (optional)\n * @property {ComponentWithModuleName} [component] - Component throwing the error (optional)\n * @property {string} identifier - An identifier that'll let the user understand which element has an error. This is whatever makes the most sense\n * @property {string} [expectedType] - The type that was expected for the identifier (optional)\n */\n\n/**\n * @import { ComponentWithModuleName } from '../common/index.mjs'\n */\n","import { isInitialised, isSupported } from './common/index.mjs'\nimport { ElementError, InitError, SupportError } from './errors/index.mjs'\n\n/**\n * Base Component class\n *\n * Centralises the behaviours shared by our components\n *\n * @virtual\n * @template {Element} [RootElementType=HTMLElement]\n */\nexport class Component {\n  /**\n   * @type {typeof Element}\n   */\n  static elementType = HTMLElement\n\n  // allows Typescript user to work around the lack of types\n  // in GOVUKFrontend package, Typescript is not aware of $root\n  // in components that extend GOVUKFrontendComponent\n  /**\n   * Returns the root element of the component\n   *\n   * @protected\n   * @returns {RootElementType} - the root element of component\n   */\n  get $root() {\n    return this._$root\n  }\n\n  /**\n   * @protected\n   * @type {RootElementType}\n   */\n  _$root\n\n  /**\n   * Constructs a new component, validating that GOV.UK Frontend is supported\n   *\n   * @internal\n   * @param {Element | null} [$root] - HTML element to use for component\n   */\n  constructor($root) {\n    const childConstructor = /** @type {ChildClassConstructor} */ (\n      this.constructor\n    )\n\n    // TypeScript does not enforce that inheriting classes will define a `moduleName`\n    // (even if we add a `@virtual` `static moduleName` property to this class).\n    // While we trust users to do this correctly, we do a little check to provide them\n    // a helpful error message.\n    //\n    // After this, we'll be sure that `childConstructor` has a `moduleName`\n    // as expected of the `ChildClassConstructor` we've cast `this.constructor` to.\n    if (typeof childConstructor.moduleName !== 'string') {\n      throw new InitError(`\\`moduleName\\` not defined in component`)\n    }\n\n    if (!($root instanceof childConstructor.elementType)) {\n      throw new ElementError({\n        element: $root,\n        component: childConstructor,\n        identifier: 'Root element (`$root`)',\n        expectedType: childConstructor.elementType.name\n      })\n    } else {\n      this._$root = /** @type {RootElementType} */ ($root)\n    }\n\n    childConstructor.checkSupport()\n\n    this.checkInitialised()\n\n    const moduleName = childConstructor.moduleName\n\n    this.$root.setAttribute(`data-${moduleName}-init`, '')\n  }\n\n  /**\n   * Validates whether component is already initialised\n   *\n   * @private\n   * @throws {InitError} when component is already initialised\n   */\n  checkInitialised() {\n    const constructor = /** @type {ChildClassConstructor} */ (this.constructor)\n    const moduleName = constructor.moduleName\n\n    if (moduleName && isInitialised(this.$root, moduleName)) {\n      throw new InitError(constructor)\n    }\n  }\n\n  /**\n   * Validates whether components are supported\n   *\n   * @throws {SupportError} when the components are not supported\n   */\n  static checkSupport() {\n    if (!isSupported()) {\n      throw new SupportError()\n    }\n  }\n}\n\n/**\n * @typedef ChildClass\n * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component\n */\n\n/**\n * @typedef {typeof Component & ChildClass} ChildClassConstructor\n */\n","import { Component } from '../../component.mjs'\nimport { ElementError } from '../../errors/index.mjs'\n\n/**\n * Radios component\n *\n * @preserve\n */\nexport class Radios extends Component {\n  /** @private */\n  $inputs\n\n  /**\n   * Radios can be associated with a 'conditionally revealed' content block –\n   * for example, a radio for 'Phone' could reveal an additional form field for\n   * the user to enter their phone number.\n   *\n   * These associations are made using a `data-aria-controls` attribute, which\n   * is promoted to an aria-controls attribute during initialisation.\n   *\n   * We also need to restore the state of any conditional reveals on the page\n   * (for example if the user has navigated back), and set up event handlers to\n   * keep the reveal in sync with the radio state.\n   *\n   * @param {Element | null} $root - HTML element to use for radios\n   */\n  constructor($root) {\n    super($root)\n\n    const $inputs = this.$root.querySelectorAll('input[type=\"radio\"]')\n    if (!$inputs.length) {\n      throw new ElementError({\n        component: Radios,\n        identifier: 'Form inputs (`<input type=\"radio\">`)'\n      })\n    }\n\n    this.$inputs = $inputs\n\n    this.$inputs.forEach(($input) => {\n      const targetId = $input.getAttribute('data-aria-controls')\n\n      // Skip radios without data-aria-controls attributes\n      if (!targetId) {\n        return\n      }\n\n      // Throw if target conditional element does not exist.\n      if (!document.getElementById(targetId)) {\n        throw new ElementError({\n          component: Radios,\n          identifier: `Conditional reveal (\\`id=\"${targetId}\"\\`)`\n        })\n      }\n\n      // Promote the data-aria-controls attribute to a aria-controls attribute\n      // so that the relationship is exposed in the AOM\n      $input.setAttribute('aria-controls', targetId)\n      $input.removeAttribute('data-aria-controls')\n    })\n\n    // When the page is restored after navigating 'back' in some browsers the\n    // state of form controls is not restored until *after* the DOMContentLoaded\n    // event is fired, so we need to sync after the pageshow event.\n    window.addEventListener('pageshow', () => this.syncAllConditionalReveals())\n\n    // Although we've set up handlers to sync state on the pageshow event, init\n    // could be called after those events have fired, for example if they are\n    // added to the page dynamically, so sync now too.\n    this.syncAllConditionalReveals()\n\n    // Handle events\n    this.$root.addEventListener('click', (event) => this.handleClick(event))\n  }\n\n  /**\n   * Sync the conditional reveal states for all radio buttons in this component.\n   *\n   * @private\n   */\n  syncAllConditionalReveals() {\n    this.$inputs.forEach(($input) =>\n      this.syncConditionalRevealWithInputState($input)\n    )\n  }\n\n  /**\n   * Sync conditional reveal with the input state\n   *\n   * Synchronise the visibility of the conditional reveal, and its accessible\n   * state, with the input's checked state.\n   *\n   * @private\n   * @param {HTMLInputElement} $input - Radio input\n   */\n  syncConditionalRevealWithInputState($input) {\n    const targetId = $input.getAttribute('aria-controls')\n    if (!targetId) {\n      return\n    }\n\n    const $target = document.getElementById(targetId)\n    if ($target?.classList.contains('govuk-radios__conditional')) {\n      const inputIsChecked = $input.checked\n\n      $input.setAttribute('aria-expanded', inputIsChecked.toString())\n      $target.classList.toggle(\n        'govuk-radios__conditional--hidden',\n        !inputIsChecked\n      )\n    }\n  }\n\n  /**\n   * Click event handler\n   *\n   * Handle a click within the component root – if the click occurred on a radio, sync\n   * the state of the conditional reveal for all radio buttons in the same form\n   * with the same name (because checking one radio could have un-checked a\n   * radio under the root of another Radio component)\n   *\n   * @private\n   * @param {MouseEvent} event - Click event\n   */\n  handleClick(event) {\n    const $clickedInput = event.target\n\n    // Ignore clicks on things that aren't radio buttons\n    if (\n      !($clickedInput instanceof HTMLInputElement) ||\n      $clickedInput.type !== 'radio'\n    ) {\n      return\n    }\n\n    // We only need to consider radios with conditional reveals, which will have\n    // aria-controls attributes.\n    const $allInputs = document.querySelectorAll(\n      'input[type=\"radio\"][aria-controls]'\n    )\n\n    const $clickedInputForm = $clickedInput.form\n    const $clickedInputName = $clickedInput.name\n\n    $allInputs.forEach(($input) => {\n      const hasSameFormOwner = $input.form === $clickedInputForm\n      const hasSameName = $input.name === $clickedInputName\n\n      if (hasSameName && hasSameFormOwner) {\n        this.syncConditionalRevealWithInputState($input)\n      }\n    })\n  }\n\n  /**\n   * Name for the component used when initialising using data-module attributes.\n   */\n  static moduleName = 'govuk-radios'\n}\n"],"names":["isInitialised","$root","moduleName","HTMLElement","hasAttribute","isSupported","$scope","document","body","classList","contains","isArray","option","Array","isObject","formatErrorMessage","Component","message","GOVUKFrontendError","Error","constructor","args","name","SupportError","supportMessage","HTMLScriptElement","prototype","ElementError","messageOrOptions","component","identifier","element","expectedType","InitError","componentOrMessage","_$root","childConstructor","elementType","checkSupport","checkInitialised","setAttribute","Radios","$inputs","querySelectorAll","length","forEach","$input","targetId","getAttribute","getElementById","removeAttribute","window","addEventListener","syncAllConditionalReveals","event","handleClick","syncConditionalRevealWithInputState","$target","inputIsChecked","checked","toString","toggle","$clickedInput","target","HTMLInputElement","type","$allInputs","$clickedInputForm","form","$clickedInputName","hasSameFormOwner","hasSameName"],"mappings":"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"}
\ No newline at end of file
diff --git a/app/templates/govuk/components/components/radios/radios.bundle.mjs b/app/templates/govuk/components/components/radios/radios.bundle.mjs
new file mode 100644
index 0000000..45c6a85
--- /dev/null
+++ b/app/templates/govuk/components/components/radios/radios.bundle.mjs
@@ -0,0 +1,222 @@
+function isInitialised($root, moduleName) {
+  return $root instanceof HTMLElement && $root.hasAttribute(`data-${moduleName}-init`);
+}
+
+/**
+ * Checks if GOV.UK Frontend is supported on this page
+ *
+ * Some browsers will load and run our JavaScript but GOV.UK Frontend
+ * won't be supported.
+ *
+ * @param {HTMLElement | null} [$scope] - (internal) `<body>` HTML element checked for browser support
+ * @returns {boolean} Whether GOV.UK Frontend is supported on this page
+ */
+function isSupported($scope = document.body) {
+  if (!$scope) {
+    return false;
+  }
+  return $scope.classList.contains('govuk-frontend-supported');
+}
+function isArray(option) {
+  return Array.isArray(option);
+}
+function isObject(option) {
+  return !!option && typeof option === 'object' && !isArray(option);
+}
+function formatErrorMessage(Component, message) {
+  return `${Component.moduleName}: ${message}`;
+}
+/**
+ * @typedef ComponentWithModuleName
+ * @property {string} moduleName - Name of the component
+ */
+
+class GOVUKFrontendError extends Error {
+  constructor(...args) {
+    super(...args);
+    this.name = 'GOVUKFrontendError';
+  }
+}
+class SupportError extends GOVUKFrontendError {
+  /**
+   * Checks if GOV.UK Frontend is supported on this page
+   *
+   * @param {HTMLElement | null} [$scope] - HTML element `<body>` checked for browser support
+   */
+  constructor($scope = document.body) {
+    const supportMessage = 'noModule' in HTMLScriptElement.prototype ? 'GOV.UK Frontend initialised without `<body class="govuk-frontend-supported">` from template `<script>` snippet' : 'GOV.UK Frontend is not supported in this browser';
+    super($scope ? supportMessage : 'GOV.UK Frontend initialised without `<script type="module">`');
+    this.name = 'SupportError';
+  }
+}
+class ElementError extends GOVUKFrontendError {
+  constructor(messageOrOptions) {
+    let message = typeof messageOrOptions === 'string' ? messageOrOptions : '';
+    if (isObject(messageOrOptions)) {
+      const {
+        component,
+        identifier,
+        element,
+        expectedType
+      } = messageOrOptions;
+      message = identifier;
+      message += element ? ` is not of type ${expectedType != null ? expectedType : 'HTMLElement'}` : ' not found';
+      if (component) {
+        message = formatErrorMessage(component, message);
+      }
+    }
+    super(message);
+    this.name = 'ElementError';
+  }
+}
+class InitError extends GOVUKFrontendError {
+  constructor(componentOrMessage) {
+    const message = typeof componentOrMessage === 'string' ? componentOrMessage : formatErrorMessage(componentOrMessage, `Root element (\`$root\`) already initialised`);
+    super(message);
+    this.name = 'InitError';
+  }
+}
+/**
+ * @import { ComponentWithModuleName } from '../common/index.mjs'
+ */
+
+class Component {
+  /**
+   * Returns the root element of the component
+   *
+   * @protected
+   * @returns {RootElementType} - the root element of component
+   */
+  get $root() {
+    return this._$root;
+  }
+  constructor($root) {
+    this._$root = void 0;
+    const childConstructor = this.constructor;
+    if (typeof childConstructor.moduleName !== 'string') {
+      throw new InitError(`\`moduleName\` not defined in component`);
+    }
+    if (!($root instanceof childConstructor.elementType)) {
+      throw new ElementError({
+        element: $root,
+        component: childConstructor,
+        identifier: 'Root element (`$root`)',
+        expectedType: childConstructor.elementType.name
+      });
+    } else {
+      this._$root = $root;
+    }
+    childConstructor.checkSupport();
+    this.checkInitialised();
+    const moduleName = childConstructor.moduleName;
+    this.$root.setAttribute(`data-${moduleName}-init`, '');
+  }
+  checkInitialised() {
+    const constructor = this.constructor;
+    const moduleName = constructor.moduleName;
+    if (moduleName && isInitialised(this.$root, moduleName)) {
+      throw new InitError(constructor);
+    }
+  }
+  static checkSupport() {
+    if (!isSupported()) {
+      throw new SupportError();
+    }
+  }
+}
+
+/**
+ * @typedef ChildClass
+ * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component
+ */
+
+/**
+ * @typedef {typeof Component & ChildClass} ChildClassConstructor
+ */
+Component.elementType = HTMLElement;
+
+/**
+ * Radios component
+ *
+ * @preserve
+ */
+class Radios extends Component {
+  /**
+   * Radios can be associated with a 'conditionally revealed' content block –
+   * for example, a radio for 'Phone' could reveal an additional form field for
+   * the user to enter their phone number.
+   *
+   * These associations are made using a `data-aria-controls` attribute, which
+   * is promoted to an aria-controls attribute during initialisation.
+   *
+   * We also need to restore the state of any conditional reveals on the page
+   * (for example if the user has navigated back), and set up event handlers to
+   * keep the reveal in sync with the radio state.
+   *
+   * @param {Element | null} $root - HTML element to use for radios
+   */
+  constructor($root) {
+    super($root);
+    this.$inputs = void 0;
+    const $inputs = this.$root.querySelectorAll('input[type="radio"]');
+    if (!$inputs.length) {
+      throw new ElementError({
+        component: Radios,
+        identifier: 'Form inputs (`<input type="radio">`)'
+      });
+    }
+    this.$inputs = $inputs;
+    this.$inputs.forEach($input => {
+      const targetId = $input.getAttribute('data-aria-controls');
+      if (!targetId) {
+        return;
+      }
+      if (!document.getElementById(targetId)) {
+        throw new ElementError({
+          component: Radios,
+          identifier: `Conditional reveal (\`id="${targetId}"\`)`
+        });
+      }
+      $input.setAttribute('aria-controls', targetId);
+      $input.removeAttribute('data-aria-controls');
+    });
+    window.addEventListener('pageshow', () => this.syncAllConditionalReveals());
+    this.syncAllConditionalReveals();
+    this.$root.addEventListener('click', event => this.handleClick(event));
+  }
+  syncAllConditionalReveals() {
+    this.$inputs.forEach($input => this.syncConditionalRevealWithInputState($input));
+  }
+  syncConditionalRevealWithInputState($input) {
+    const targetId = $input.getAttribute('aria-controls');
+    if (!targetId) {
+      return;
+    }
+    const $target = document.getElementById(targetId);
+    if ($target != null && $target.classList.contains('govuk-radios__conditional')) {
+      const inputIsChecked = $input.checked;
+      $input.setAttribute('aria-expanded', inputIsChecked.toString());
+      $target.classList.toggle('govuk-radios__conditional--hidden', !inputIsChecked);
+    }
+  }
+  handleClick(event) {
+    const $clickedInput = event.target;
+    if (!($clickedInput instanceof HTMLInputElement) || $clickedInput.type !== 'radio') {
+      return;
+    }
+    const $allInputs = document.querySelectorAll('input[type="radio"][aria-controls]');
+    const $clickedInputForm = $clickedInput.form;
+    const $clickedInputName = $clickedInput.name;
+    $allInputs.forEach($input => {
+      const hasSameFormOwner = $input.form === $clickedInputForm;
+      const hasSameName = $input.name === $clickedInputName;
+      if (hasSameName && hasSameFormOwner) {
+        this.syncConditionalRevealWithInputState($input);
+      }
+    });
+  }
+}
+Radios.moduleName = 'govuk-radios';
+
+export { Radios };
+//# sourceMappingURL=radios.bundle.mjs.map
diff --git a/app/templates/govuk/components/components/radios/radios.bundle.mjs.map b/app/templates/govuk/components/components/radios/radios.bundle.mjs.map
new file mode 100644
index 0000000..0856a77
--- /dev/null
+++ b/app/templates/govuk/components/components/radios/radios.bundle.mjs.map
@@ -0,0 +1 @@
+{"version":3,"file":"radios.bundle.mjs","sources":["../../../../src/govuk/common/index.mjs","../../../../src/govuk/errors/index.mjs","../../../../src/govuk/component.mjs","../../../../src/govuk/components/radios/radios.mjs"],"sourcesContent":["/**\n * Common helpers which do not require polyfill.\n *\n * IMPORTANT: If a helper require a polyfill, please isolate it in its own module\n * so that the polyfill can be properly tree-shaken and does not burden\n * the components that do not need that helper\n */\n\n/**\n * Get GOV.UK Frontend breakpoint value from CSS custom property\n *\n * @private\n * @param {string} name - Breakpoint name\n * @returns {{ property: string, value?: string }} Breakpoint object\n */\nexport function getBreakpoint(name) {\n  const property = `--govuk-breakpoint-${name}`\n\n  // Get value from `<html>` with breakpoints on CSS :root\n  const value = window\n    .getComputedStyle(document.documentElement)\n    .getPropertyValue(property)\n\n  return {\n    property,\n    value: value || undefined\n  }\n}\n\n/**\n * Move focus to element\n *\n * Sets tabindex to -1 to make the element programmatically focusable,\n * but removes it on blur as the element doesn't need to be focused again.\n *\n * @private\n * @template {HTMLElement} FocusElement\n * @param {FocusElement} $element - HTML element\n * @param {object} [options] - Handler options\n * @param {function(this: FocusElement): void} [options.onBeforeFocus] - Callback before focus\n * @param {function(this: FocusElement): void} [options.onBlur] - Callback on blur\n */\nexport function setFocus($element, options = {}) {\n  const isFocusable = $element.getAttribute('tabindex')\n\n  if (!isFocusable) {\n    $element.setAttribute('tabindex', '-1')\n  }\n\n  /**\n   * Handle element focus\n   */\n  function onFocus() {\n    $element.addEventListener('blur', onBlur, { once: true })\n  }\n\n  /**\n   * Handle element blur\n   */\n  function onBlur() {\n    options.onBlur?.call($element)\n\n    if (!isFocusable) {\n      $element.removeAttribute('tabindex')\n    }\n  }\n\n  // Add listener to reset element on blur, after focus\n  $element.addEventListener('focus', onFocus, { once: true })\n\n  // Focus element\n  options.onBeforeFocus?.call($element)\n  $element.focus()\n}\n\n/**\n * Checks if component is already initialised\n *\n * @internal\n * @param {Element} $root - HTML element to be checked\n * @param {string} moduleName - name of component module\n * @returns {boolean} Whether component is already initialised\n */\nexport function isInitialised($root, moduleName) {\n  return (\n    $root instanceof HTMLElement &&\n    $root.hasAttribute(`data-${moduleName}-init`)\n  )\n}\n\n/**\n * Checks if GOV.UK Frontend is supported on this page\n *\n * Some browsers will load and run our JavaScript but GOV.UK Frontend\n * won't be supported.\n *\n * @param {HTMLElement | null} [$scope] - (internal) `<body>` HTML element checked for browser support\n * @returns {boolean} Whether GOV.UK Frontend is supported on this page\n */\nexport function isSupported($scope = document.body) {\n  if (!$scope) {\n    return false\n  }\n\n  return $scope.classList.contains('govuk-frontend-supported')\n}\n\n/**\n * Check for an array\n *\n * @internal\n * @param {unknown} option - Option to check\n * @returns {boolean} Whether the option is an array\n */\nfunction isArray(option) {\n  return Array.isArray(option)\n}\n\n/**\n * Check for an object\n *\n * @internal\n * @template {Partial<Record<keyof ObjectType, unknown>>} ObjectType\n * @param {unknown | ObjectType} option - Option to check\n * @returns {option is ObjectType} Whether the option is an object\n */\nexport function isObject(option) {\n  return !!option && typeof option === 'object' && !isArray(option)\n}\n\n/**\n * Check for valid scope\n *\n * @internal\n * @template {Element | Document} ScopeType\n * @param {unknown | ScopeType} $scope - Scope of the document to search within\n * @returns {$scope is ScopeType} Whether the scope can be queried\n */\nexport function isScope($scope) {\n  return !!$scope && ($scope instanceof Element || $scope instanceof Document)\n}\n\n/**\n * Format error message\n *\n * @internal\n * @param {ComponentWithModuleName} Component - Component that threw the error\n * @param {string} message - Error message\n * @returns {string} - Formatted error message\n */\nexport function formatErrorMessage(Component, message) {\n  return `${Component.moduleName}: ${message}`\n}\n\n/* eslint-disable jsdoc/valid-types --\n * `{new(...args: any[] ): object}` is not recognised as valid\n * https://github.com/gajus/eslint-plugin-jsdoc/issues/145#issuecomment-1308722878\n * https://github.com/jsdoc-type-pratt-parser/jsdoc-type-pratt-parser/issues/131\n **/\n\n/**\n * @typedef ComponentWithModuleName\n * @property {string} moduleName - Name of the component\n */\n\n/* eslint-enable jsdoc/valid-types */\n","import { formatErrorMessage, isObject } from '../common/index.mjs'\n\n/**\n * GOV.UK Frontend error\n *\n * A base class for `Error`s thrown by GOV.UK Frontend.\n *\n * It is meant to be extended into specific types of errors\n * to be thrown by our code.\n *\n * @example\n * ```js\n * class MissingRootError extends GOVUKFrontendError {\n *   // Setting an explicit name is important as extending the class will not\n *   // set a new `name` on the subclass. The `name` property is important\n *   // to ensure intelligible error names even if the class name gets\n *   // mangled by a minifier\n *   name = \"MissingRootError\"\n * }\n * ```\n * @virtual\n */\nexport class GOVUKFrontendError extends Error {\n  name = 'GOVUKFrontendError'\n}\n\n/**\n * Indicates that GOV.UK Frontend is not supported\n */\nexport class SupportError extends GOVUKFrontendError {\n  name = 'SupportError'\n\n  /**\n   * Checks if GOV.UK Frontend is supported on this page\n   *\n   * @param {HTMLElement | null} [$scope] - HTML element `<body>` checked for browser support\n   */\n  constructor($scope = document.body) {\n    const supportMessage =\n      'noModule' in HTMLScriptElement.prototype\n        ? 'GOV.UK Frontend initialised without `<body class=\"govuk-frontend-supported\">` from template `<script>` snippet'\n        : 'GOV.UK Frontend is not supported in this browser'\n\n    super(\n      $scope\n        ? supportMessage\n        : 'GOV.UK Frontend initialised without `<script type=\"module\">`'\n    )\n  }\n}\n\n/**\n * Indicates that a component has received an illegal configuration\n */\nexport class ConfigError extends GOVUKFrontendError {\n  name = 'ConfigError'\n}\n\n/**\n * Indicates an issue with an element (possibly `null` or `undefined`)\n */\nexport class ElementError extends GOVUKFrontendError {\n  name = 'ElementError'\n\n  /**\n   * @internal\n   * @overload\n   * @param {string} message - Element error message\n   */\n\n  /**\n   * @internal\n   * @overload\n   * @param {ElementErrorOptions} options - Element error options\n   */\n\n  /**\n   * @internal\n   * @param {string | ElementErrorOptions} messageOrOptions - Element error message or options\n   */\n  constructor(messageOrOptions) {\n    let message = typeof messageOrOptions === 'string' ? messageOrOptions : ''\n\n    // Build message from options\n    if (isObject(messageOrOptions)) {\n      const { component, identifier, element, expectedType } = messageOrOptions\n\n      message = identifier\n\n      // Append reason\n      message += element\n        ? ` is not of type ${expectedType ?? 'HTMLElement'}`\n        : ' not found'\n\n      // Prepend with module name (optional)\n      if (component) {\n        message = formatErrorMessage(component, message)\n      }\n    }\n\n    super(message)\n  }\n}\n\n/**\n * Indicates that a component is already initialised\n */\nexport class InitError extends GOVUKFrontendError {\n  name = 'InitError'\n\n  /**\n   * @internal\n   * @param {ComponentWithModuleName | string} componentOrMessage - name of the component module\n   */\n  constructor(componentOrMessage) {\n    const message =\n      typeof componentOrMessage === 'string'\n        ? componentOrMessage\n        : formatErrorMessage(\n            componentOrMessage,\n            `Root element (\\`$root\\`) already initialised`\n          )\n\n    super(message)\n  }\n}\n\n/**\n * Element error options\n *\n * @internal\n * @typedef {object} ElementErrorOptions\n * @property {Element | Document | null} [element] - The element in error (optional)\n * @property {ComponentWithModuleName} [component] - Component throwing the error (optional)\n * @property {string} identifier - An identifier that'll let the user understand which element has an error. This is whatever makes the most sense\n * @property {string} [expectedType] - The type that was expected for the identifier (optional)\n */\n\n/**\n * @import { ComponentWithModuleName } from '../common/index.mjs'\n */\n","import { isInitialised, isSupported } from './common/index.mjs'\nimport { ElementError, InitError, SupportError } from './errors/index.mjs'\n\n/**\n * Base Component class\n *\n * Centralises the behaviours shared by our components\n *\n * @virtual\n * @template {Element} [RootElementType=HTMLElement]\n */\nexport class Component {\n  /**\n   * @type {typeof Element}\n   */\n  static elementType = HTMLElement\n\n  // allows Typescript user to work around the lack of types\n  // in GOVUKFrontend package, Typescript is not aware of $root\n  // in components that extend GOVUKFrontendComponent\n  /**\n   * Returns the root element of the component\n   *\n   * @protected\n   * @returns {RootElementType} - the root element of component\n   */\n  get $root() {\n    return this._$root\n  }\n\n  /**\n   * @protected\n   * @type {RootElementType}\n   */\n  _$root\n\n  /**\n   * Constructs a new component, validating that GOV.UK Frontend is supported\n   *\n   * @internal\n   * @param {Element | null} [$root] - HTML element to use for component\n   */\n  constructor($root) {\n    const childConstructor = /** @type {ChildClassConstructor} */ (\n      this.constructor\n    )\n\n    // TypeScript does not enforce that inheriting classes will define a `moduleName`\n    // (even if we add a `@virtual` `static moduleName` property to this class).\n    // While we trust users to do this correctly, we do a little check to provide them\n    // a helpful error message.\n    //\n    // After this, we'll be sure that `childConstructor` has a `moduleName`\n    // as expected of the `ChildClassConstructor` we've cast `this.constructor` to.\n    if (typeof childConstructor.moduleName !== 'string') {\n      throw new InitError(`\\`moduleName\\` not defined in component`)\n    }\n\n    if (!($root instanceof childConstructor.elementType)) {\n      throw new ElementError({\n        element: $root,\n        component: childConstructor,\n        identifier: 'Root element (`$root`)',\n        expectedType: childConstructor.elementType.name\n      })\n    } else {\n      this._$root = /** @type {RootElementType} */ ($root)\n    }\n\n    childConstructor.checkSupport()\n\n    this.checkInitialised()\n\n    const moduleName = childConstructor.moduleName\n\n    this.$root.setAttribute(`data-${moduleName}-init`, '')\n  }\n\n  /**\n   * Validates whether component is already initialised\n   *\n   * @private\n   * @throws {InitError} when component is already initialised\n   */\n  checkInitialised() {\n    const constructor = /** @type {ChildClassConstructor} */ (this.constructor)\n    const moduleName = constructor.moduleName\n\n    if (moduleName && isInitialised(this.$root, moduleName)) {\n      throw new InitError(constructor)\n    }\n  }\n\n  /**\n   * Validates whether components are supported\n   *\n   * @throws {SupportError} when the components are not supported\n   */\n  static checkSupport() {\n    if (!isSupported()) {\n      throw new SupportError()\n    }\n  }\n}\n\n/**\n * @typedef ChildClass\n * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component\n */\n\n/**\n * @typedef {typeof Component & ChildClass} ChildClassConstructor\n */\n","import { Component } from '../../component.mjs'\nimport { ElementError } from '../../errors/index.mjs'\n\n/**\n * Radios component\n *\n * @preserve\n */\nexport class Radios extends Component {\n  /** @private */\n  $inputs\n\n  /**\n   * Radios can be associated with a 'conditionally revealed' content block –\n   * for example, a radio for 'Phone' could reveal an additional form field for\n   * the user to enter their phone number.\n   *\n   * These associations are made using a `data-aria-controls` attribute, which\n   * is promoted to an aria-controls attribute during initialisation.\n   *\n   * We also need to restore the state of any conditional reveals on the page\n   * (for example if the user has navigated back), and set up event handlers to\n   * keep the reveal in sync with the radio state.\n   *\n   * @param {Element | null} $root - HTML element to use for radios\n   */\n  constructor($root) {\n    super($root)\n\n    const $inputs = this.$root.querySelectorAll('input[type=\"radio\"]')\n    if (!$inputs.length) {\n      throw new ElementError({\n        component: Radios,\n        identifier: 'Form inputs (`<input type=\"radio\">`)'\n      })\n    }\n\n    this.$inputs = $inputs\n\n    this.$inputs.forEach(($input) => {\n      const targetId = $input.getAttribute('data-aria-controls')\n\n      // Skip radios without data-aria-controls attributes\n      if (!targetId) {\n        return\n      }\n\n      // Throw if target conditional element does not exist.\n      if (!document.getElementById(targetId)) {\n        throw new ElementError({\n          component: Radios,\n          identifier: `Conditional reveal (\\`id=\"${targetId}\"\\`)`\n        })\n      }\n\n      // Promote the data-aria-controls attribute to a aria-controls attribute\n      // so that the relationship is exposed in the AOM\n      $input.setAttribute('aria-controls', targetId)\n      $input.removeAttribute('data-aria-controls')\n    })\n\n    // When the page is restored after navigating 'back' in some browsers the\n    // state of form controls is not restored until *after* the DOMContentLoaded\n    // event is fired, so we need to sync after the pageshow event.\n    window.addEventListener('pageshow', () => this.syncAllConditionalReveals())\n\n    // Although we've set up handlers to sync state on the pageshow event, init\n    // could be called after those events have fired, for example if they are\n    // added to the page dynamically, so sync now too.\n    this.syncAllConditionalReveals()\n\n    // Handle events\n    this.$root.addEventListener('click', (event) => this.handleClick(event))\n  }\n\n  /**\n   * Sync the conditional reveal states for all radio buttons in this component.\n   *\n   * @private\n   */\n  syncAllConditionalReveals() {\n    this.$inputs.forEach(($input) =>\n      this.syncConditionalRevealWithInputState($input)\n    )\n  }\n\n  /**\n   * Sync conditional reveal with the input state\n   *\n   * Synchronise the visibility of the conditional reveal, and its accessible\n   * state, with the input's checked state.\n   *\n   * @private\n   * @param {HTMLInputElement} $input - Radio input\n   */\n  syncConditionalRevealWithInputState($input) {\n    const targetId = $input.getAttribute('aria-controls')\n    if (!targetId) {\n      return\n    }\n\n    const $target = document.getElementById(targetId)\n    if ($target?.classList.contains('govuk-radios__conditional')) {\n      const inputIsChecked = $input.checked\n\n      $input.setAttribute('aria-expanded', inputIsChecked.toString())\n      $target.classList.toggle(\n        'govuk-radios__conditional--hidden',\n        !inputIsChecked\n      )\n    }\n  }\n\n  /**\n   * Click event handler\n   *\n   * Handle a click within the component root – if the click occurred on a radio, sync\n   * the state of the conditional reveal for all radio buttons in the same form\n   * with the same name (because checking one radio could have un-checked a\n   * radio under the root of another Radio component)\n   *\n   * @private\n   * @param {MouseEvent} event - Click event\n   */\n  handleClick(event) {\n    const $clickedInput = event.target\n\n    // Ignore clicks on things that aren't radio buttons\n    if (\n      !($clickedInput instanceof HTMLInputElement) ||\n      $clickedInput.type !== 'radio'\n    ) {\n      return\n    }\n\n    // We only need to consider radios with conditional reveals, which will have\n    // aria-controls attributes.\n    const $allInputs = document.querySelectorAll(\n      'input[type=\"radio\"][aria-controls]'\n    )\n\n    const $clickedInputForm = $clickedInput.form\n    const $clickedInputName = $clickedInput.name\n\n    $allInputs.forEach(($input) => {\n      const hasSameFormOwner = $input.form === $clickedInputForm\n      const hasSameName = $input.name === $clickedInputName\n\n      if (hasSameName && hasSameFormOwner) {\n        this.syncConditionalRevealWithInputState($input)\n      }\n    })\n  }\n\n  /**\n   * Name for the component used when initialising using data-module attributes.\n   */\n  static moduleName = 'govuk-radios'\n}\n"],"names":["isInitialised","$root","moduleName","HTMLElement","hasAttribute","isSupported","$scope","document","body","classList","contains","isArray","option","Array","isObject","formatErrorMessage","Component","message","GOVUKFrontendError","Error","constructor","args","name","SupportError","supportMessage","HTMLScriptElement","prototype","ElementError","messageOrOptions","component","identifier","element","expectedType","InitError","componentOrMessage","_$root","childConstructor","elementType","checkSupport","checkInitialised","setAttribute","Radios","$inputs","querySelectorAll","length","forEach","$input","targetId","getAttribute","getElementById","removeAttribute","window","addEventListener","syncAllConditionalReveals","event","handleClick","syncConditionalRevealWithInputState","$target","inputIsChecked","checked","toString","toggle","$clickedInput","target","HTMLInputElement","type","$allInputs","$clickedInputForm","form","$clickedInputName","hasSameFormOwner","hasSameName"],"mappings":"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"}
\ No newline at end of file
diff --git a/app/templates/govuk/components/components/radios/radios.mjs b/app/templates/govuk/components/components/radios/radios.mjs
new file mode 100644
index 0000000..28fe54d
--- /dev/null
+++ b/app/templates/govuk/components/components/radios/radios.mjs
@@ -0,0 +1,88 @@
+import { Component } from '../../component.mjs';
+import { ElementError } from '../../errors/index.mjs';
+
+/**
+ * Radios component
+ *
+ * @preserve
+ */
+class Radios extends Component {
+  /**
+   * Radios can be associated with a 'conditionally revealed' content block –
+   * for example, a radio for 'Phone' could reveal an additional form field for
+   * the user to enter their phone number.
+   *
+   * These associations are made using a `data-aria-controls` attribute, which
+   * is promoted to an aria-controls attribute during initialisation.
+   *
+   * We also need to restore the state of any conditional reveals on the page
+   * (for example if the user has navigated back), and set up event handlers to
+   * keep the reveal in sync with the radio state.
+   *
+   * @param {Element | null} $root - HTML element to use for radios
+   */
+  constructor($root) {
+    super($root);
+    this.$inputs = void 0;
+    const $inputs = this.$root.querySelectorAll('input[type="radio"]');
+    if (!$inputs.length) {
+      throw new ElementError({
+        component: Radios,
+        identifier: 'Form inputs (`<input type="radio">`)'
+      });
+    }
+    this.$inputs = $inputs;
+    this.$inputs.forEach($input => {
+      const targetId = $input.getAttribute('data-aria-controls');
+      if (!targetId) {
+        return;
+      }
+      if (!document.getElementById(targetId)) {
+        throw new ElementError({
+          component: Radios,
+          identifier: `Conditional reveal (\`id="${targetId}"\`)`
+        });
+      }
+      $input.setAttribute('aria-controls', targetId);
+      $input.removeAttribute('data-aria-controls');
+    });
+    window.addEventListener('pageshow', () => this.syncAllConditionalReveals());
+    this.syncAllConditionalReveals();
+    this.$root.addEventListener('click', event => this.handleClick(event));
+  }
+  syncAllConditionalReveals() {
+    this.$inputs.forEach($input => this.syncConditionalRevealWithInputState($input));
+  }
+  syncConditionalRevealWithInputState($input) {
+    const targetId = $input.getAttribute('aria-controls');
+    if (!targetId) {
+      return;
+    }
+    const $target = document.getElementById(targetId);
+    if ($target != null && $target.classList.contains('govuk-radios__conditional')) {
+      const inputIsChecked = $input.checked;
+      $input.setAttribute('aria-expanded', inputIsChecked.toString());
+      $target.classList.toggle('govuk-radios__conditional--hidden', !inputIsChecked);
+    }
+  }
+  handleClick(event) {
+    const $clickedInput = event.target;
+    if (!($clickedInput instanceof HTMLInputElement) || $clickedInput.type !== 'radio') {
+      return;
+    }
+    const $allInputs = document.querySelectorAll('input[type="radio"][aria-controls]');
+    const $clickedInputForm = $clickedInput.form;
+    const $clickedInputName = $clickedInput.name;
+    $allInputs.forEach($input => {
+      const hasSameFormOwner = $input.form === $clickedInputForm;
+      const hasSameName = $input.name === $clickedInputName;
+      if (hasSameName && hasSameFormOwner) {
+        this.syncConditionalRevealWithInputState($input);
+      }
+    });
+  }
+}
+Radios.moduleName = 'govuk-radios';
+
+export { Radios };
+//# sourceMappingURL=radios.mjs.map
diff --git a/app/templates/govuk/components/components/radios/radios.mjs.map b/app/templates/govuk/components/components/radios/radios.mjs.map
new file mode 100644
index 0000000..3e80335
--- /dev/null
+++ b/app/templates/govuk/components/components/radios/radios.mjs.map
@@ -0,0 +1 @@
+{"version":3,"file":"radios.mjs","sources":["../../../../src/govuk/components/radios/radios.mjs"],"sourcesContent":["import { Component } from '../../component.mjs'\nimport { ElementError } from '../../errors/index.mjs'\n\n/**\n * Radios component\n *\n * @preserve\n */\nexport class Radios extends Component {\n  /** @private */\n  $inputs\n\n  /**\n   * Radios can be associated with a 'conditionally revealed' content block –\n   * for example, a radio for 'Phone' could reveal an additional form field for\n   * the user to enter their phone number.\n   *\n   * These associations are made using a `data-aria-controls` attribute, which\n   * is promoted to an aria-controls attribute during initialisation.\n   *\n   * We also need to restore the state of any conditional reveals on the page\n   * (for example if the user has navigated back), and set up event handlers to\n   * keep the reveal in sync with the radio state.\n   *\n   * @param {Element | null} $root - HTML element to use for radios\n   */\n  constructor($root) {\n    super($root)\n\n    const $inputs = this.$root.querySelectorAll('input[type=\"radio\"]')\n    if (!$inputs.length) {\n      throw new ElementError({\n        component: Radios,\n        identifier: 'Form inputs (`<input type=\"radio\">`)'\n      })\n    }\n\n    this.$inputs = $inputs\n\n    this.$inputs.forEach(($input) => {\n      const targetId = $input.getAttribute('data-aria-controls')\n\n      // Skip radios without data-aria-controls attributes\n      if (!targetId) {\n        return\n      }\n\n      // Throw if target conditional element does not exist.\n      if (!document.getElementById(targetId)) {\n        throw new ElementError({\n          component: Radios,\n          identifier: `Conditional reveal (\\`id=\"${targetId}\"\\`)`\n        })\n      }\n\n      // Promote the data-aria-controls attribute to a aria-controls attribute\n      // so that the relationship is exposed in the AOM\n      $input.setAttribute('aria-controls', targetId)\n      $input.removeAttribute('data-aria-controls')\n    })\n\n    // When the page is restored after navigating 'back' in some browsers the\n    // state of form controls is not restored until *after* the DOMContentLoaded\n    // event is fired, so we need to sync after the pageshow event.\n    window.addEventListener('pageshow', () => this.syncAllConditionalReveals())\n\n    // Although we've set up handlers to sync state on the pageshow event, init\n    // could be called after those events have fired, for example if they are\n    // added to the page dynamically, so sync now too.\n    this.syncAllConditionalReveals()\n\n    // Handle events\n    this.$root.addEventListener('click', (event) => this.handleClick(event))\n  }\n\n  /**\n   * Sync the conditional reveal states for all radio buttons in this component.\n   *\n   * @private\n   */\n  syncAllConditionalReveals() {\n    this.$inputs.forEach(($input) =>\n      this.syncConditionalRevealWithInputState($input)\n    )\n  }\n\n  /**\n   * Sync conditional reveal with the input state\n   *\n   * Synchronise the visibility of the conditional reveal, and its accessible\n   * state, with the input's checked state.\n   *\n   * @private\n   * @param {HTMLInputElement} $input - Radio input\n   */\n  syncConditionalRevealWithInputState($input) {\n    const targetId = $input.getAttribute('aria-controls')\n    if (!targetId) {\n      return\n    }\n\n    const $target = document.getElementById(targetId)\n    if ($target?.classList.contains('govuk-radios__conditional')) {\n      const inputIsChecked = $input.checked\n\n      $input.setAttribute('aria-expanded', inputIsChecked.toString())\n      $target.classList.toggle(\n        'govuk-radios__conditional--hidden',\n        !inputIsChecked\n      )\n    }\n  }\n\n  /**\n   * Click event handler\n   *\n   * Handle a click within the component root – if the click occurred on a radio, sync\n   * the state of the conditional reveal for all radio buttons in the same form\n   * with the same name (because checking one radio could have un-checked a\n   * radio under the root of another Radio component)\n   *\n   * @private\n   * @param {MouseEvent} event - Click event\n   */\n  handleClick(event) {\n    const $clickedInput = event.target\n\n    // Ignore clicks on things that aren't radio buttons\n    if (\n      !($clickedInput instanceof HTMLInputElement) ||\n      $clickedInput.type !== 'radio'\n    ) {\n      return\n    }\n\n    // We only need to consider radios with conditional reveals, which will have\n    // aria-controls attributes.\n    const $allInputs = document.querySelectorAll(\n      'input[type=\"radio\"][aria-controls]'\n    )\n\n    const $clickedInputForm = $clickedInput.form\n    const $clickedInputName = $clickedInput.name\n\n    $allInputs.forEach(($input) => {\n      const hasSameFormOwner = $input.form === $clickedInputForm\n      const hasSameName = $input.name === $clickedInputName\n\n      if (hasSameName && hasSameFormOwner) {\n        this.syncConditionalRevealWithInputState($input)\n      }\n    })\n  }\n\n  /**\n   * Name for the component used when initialising using data-module attributes.\n   */\n  static moduleName = 'govuk-radios'\n}\n"],"names":["Radios","Component","constructor","$root","$inputs","querySelectorAll","length","ElementError","component","identifier","forEach","$input","targetId","getAttribute","document","getElementById","setAttribute","removeAttribute","window","addEventListener","syncAllConditionalReveals","event","handleClick","syncConditionalRevealWithInputState","$target","classList","contains","inputIsChecked","checked","toString","toggle","$clickedInput","target","HTMLInputElement","type","$allInputs","$clickedInputForm","form","$clickedInputName","name","hasSameFormOwner","hasSameName","moduleName"],"mappings":"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"}
\ No newline at end of file
diff --git a/app/templates/govuk/components/components/radios/template-default.html b/app/templates/govuk/components/components/radios/template-default.html
new file mode 100644
index 0000000..93ce17f
--- /dev/null
+++ b/app/templates/govuk/components/components/radios/template-default.html
@@ -0,0 +1,21 @@
+<div class="govuk-form-group">
+  <fieldset class="govuk-fieldset">
+  <legend class="govuk-fieldset__legend">
+    Have you changed your name?
+  </legend>
+  <div class="govuk-radios" data-module="govuk-radios">
+    <div class="govuk-radios__item">
+      <input class="govuk-radios__input" id="example-default" name="example-default" type="radio" value="yes">
+      <label class="govuk-label govuk-radios__label" for="example-default">
+        Yes
+      </label>
+    </div>
+    <div class="govuk-radios__item">
+      <input class="govuk-radios__input" id="example-default-2" name="example-default" type="radio" value="no">
+      <label class="govuk-label govuk-radios__label" for="example-default-2">
+        No
+      </label>
+    </div>
+  </div>
+</fieldset>
+</div>
diff --git a/app/templates/govuk/components/components/radios/template-inline.html b/app/templates/govuk/components/components/radios/template-inline.html
new file mode 100644
index 0000000..82f6ae5
--- /dev/null
+++ b/app/templates/govuk/components/components/radios/template-inline.html
@@ -0,0 +1,24 @@
+<div class="govuk-form-group">
+  <fieldset class="govuk-fieldset" aria-describedby="example-hint">
+  <legend class="govuk-fieldset__legend">
+    Have you changed your name?
+  </legend>
+  <div id="example-hint" class="govuk-hint">
+    This includes changing your last name or spelling your name differently.
+  </div>
+  <div class="govuk-radios govuk-radios--inline" data-module="govuk-radios">
+    <div class="govuk-radios__item">
+      <input class="govuk-radios__input" id="example" name="example" type="radio" value="yes">
+      <label class="govuk-label govuk-radios__label" for="example">
+        Yes
+      </label>
+    </div>
+    <div class="govuk-radios__item">
+      <input class="govuk-radios__input" id="example-2" name="example" type="radio" value="no" checked>
+      <label class="govuk-label govuk-radios__label" for="example-2">
+        No
+      </label>
+    </div>
+  </div>
+</fieldset>
+</div>
diff --git a/app/templates/govuk/components/components/radios/template-small-inline.html b/app/templates/govuk/components/components/radios/template-small-inline.html
new file mode 100644
index 0000000..6a5878b
--- /dev/null
+++ b/app/templates/govuk/components/components/radios/template-small-inline.html
@@ -0,0 +1,27 @@
+<div class="govuk-form-group">
+  <fieldset class="govuk-fieldset">
+  <legend class="govuk-fieldset__legend">
+    Sort by
+  </legend>
+  <div class="govuk-radios govuk-radios--small govuk-radios--inline" data-module="govuk-radios">
+    <div class="govuk-radios__item">
+      <input class="govuk-radios__input" id="sort" name="example" type="radio" value="relevance">
+      <label class="govuk-label govuk-radios__label" for="sort">
+        relevance
+      </label>
+    </div>
+    <div class="govuk-radios__item">
+      <input class="govuk-radios__input" id="sort-2" name="example" type="radio" value="title">
+      <label class="govuk-label govuk-radios__label" for="sort-2">
+        title
+      </label>
+    </div>
+    <div class="govuk-radios__item">
+      <input class="govuk-radios__input" id="sort-3" name="example" type="radio" value="created">
+      <label class="govuk-label govuk-radios__label" for="sort-3">
+        created
+      </label>
+    </div>
+  </div>
+</fieldset>
+</div>
diff --git a/app/templates/govuk/components/components/radios/template-small-with-a-divider.html b/app/templates/govuk/components/components/radios/template-small-with-a-divider.html
new file mode 100644
index 0000000..c5e2247
--- /dev/null
+++ b/app/templates/govuk/components/components/radios/template-small-with-a-divider.html
@@ -0,0 +1,28 @@
+<div class="govuk-form-group">
+  <fieldset class="govuk-fieldset">
+  <legend class="govuk-fieldset__legend">
+    How do you want to sign in?
+  </legend>
+  <div class="govuk-radios govuk-radios--small" data-module="govuk-radios">
+    <div class="govuk-radios__item">
+      <input class="govuk-radios__input" id="example-small-divider" name="example" type="radio" value="government-gateway">
+      <label class="govuk-label govuk-radios__label" for="example-small-divider">
+        Use Government Gateway
+      </label>
+    </div>
+    <div class="govuk-radios__item">
+      <input class="govuk-radios__input" id="example-small-divider-2" name="example" type="radio" value="govuk-verify">
+      <label class="govuk-label govuk-radios__label" for="example-small-divider-2">
+        Use GOV.UK Verify
+      </label>
+    </div>
+    <div class="govuk-radios__divider">or</div>
+    <div class="govuk-radios__item">
+      <input class="govuk-radios__input" id="example-small-divider-4" name="example" type="radio" value="create-account">
+      <label class="govuk-label govuk-radios__label" for="example-small-divider-4">
+        Create an account
+      </label>
+    </div>
+  </div>
+</fieldset>
+</div>
diff --git a/app/templates/govuk/components/components/radios/template-small-with-conditional-reveal.html b/app/templates/govuk/components/components/radios/template-small-with-conditional-reveal.html
new file mode 100644
index 0000000..a65a040
--- /dev/null
+++ b/app/templates/govuk/components/components/radios/template-small-with-conditional-reveal.html
@@ -0,0 +1,31 @@
+<div class="govuk-form-group govuk-radios--small">
+  <fieldset class="govuk-fieldset">
+  <legend class="govuk-fieldset__legend">
+    How do you want to be contacted?
+  </legend>
+  <div class="govuk-radios" data-module="govuk-radios">
+    <div class="govuk-radios__item">
+      <input class="govuk-radios__input" id="how-contacted-2" name="how-contacted-2" type="radio" value="email" data-aria-controls="conditional-how-contacted-2">
+      <label class="govuk-label govuk-radios__label" for="how-contacted-2">
+        Email
+      </label>
+    </div>
+    <div class="govuk-radios__conditional govuk-radios__conditional--hidden" id="conditional-how-contacted-2">
+      <label class="govuk-label" for="context-email">Foo</label>
+<input class="govuk-input govuk-!-width-one-third" name="context-email" type="text" id="context-email">
+    </div>
+    <div class="govuk-radios__item">
+      <input class="govuk-radios__input" id="how-contacted-2-2" name="how-contacted-2" type="radio" value="phone">
+      <label class="govuk-label govuk-radios__label" for="how-contacted-2-2">
+        Phone
+      </label>
+    </div>
+    <div class="govuk-radios__item">
+      <input class="govuk-radios__input" id="how-contacted-2-3" name="how-contacted-2" type="radio" value="text">
+      <label class="govuk-label govuk-radios__label" for="how-contacted-2-3">
+        Text message
+      </label>
+    </div>
+  </div>
+</fieldset>
+</div>
diff --git a/app/templates/govuk/components/components/radios/template-small-with-error.html b/app/templates/govuk/components/components/radios/template-small-with-error.html
new file mode 100644
index 0000000..74b2de8
--- /dev/null
+++ b/app/templates/govuk/components/components/radios/template-small-with-error.html
@@ -0,0 +1,30 @@
+<div class="govuk-form-group govuk-form-group--error govuk-radios--small">
+  <fieldset class="govuk-fieldset" aria-describedby="how-contacted-2-error">
+  <legend class="govuk-fieldset__legend">
+    How do you want to be contacted?
+  </legend>
+  <p id="how-contacted-2-error" class="govuk-error-message">
+    <span class="govuk-visually-hidden">Error:</span> Select a thing
+  </p>
+  <div class="govuk-radios" data-module="govuk-radios">
+    <div class="govuk-radios__item">
+      <input class="govuk-radios__input" id="how-contacted-2" name="how-contacted-2" type="radio" value="email">
+      <label class="govuk-label govuk-radios__label" for="how-contacted-2">
+        Email
+      </label>
+    </div>
+    <div class="govuk-radios__item">
+      <input class="govuk-radios__input" id="how-contacted-2-2" name="how-contacted-2" type="radio" value="phone">
+      <label class="govuk-label govuk-radios__label" for="how-contacted-2-2">
+        Phone
+      </label>
+    </div>
+    <div class="govuk-radios__item">
+      <input class="govuk-radios__input" id="how-contacted-2-3" name="how-contacted-2" type="radio" value="text">
+      <label class="govuk-label govuk-radios__label" for="how-contacted-2-3">
+        Text message
+      </label>
+    </div>
+  </div>
+</fieldset>
+</div>
diff --git a/app/templates/govuk/components/components/radios/template-small-with-hint.html b/app/templates/govuk/components/components/radios/template-small-with-hint.html
new file mode 100644
index 0000000..b23b4d4
--- /dev/null
+++ b/app/templates/govuk/components/components/radios/template-small-with-hint.html
@@ -0,0 +1,30 @@
+<div class="govuk-form-group govuk-radios--small">
+  <fieldset class="govuk-fieldset">
+  <legend class="govuk-fieldset__legend">
+    How do you want to be contacted?
+  </legend>
+  <div class="govuk-radios" data-module="govuk-radios">
+    <div class="govuk-radios__item">
+      <input class="govuk-radios__input" id="how-contacted-2" name="how-contacted-2" type="radio" value="email" aria-describedby="how-contacted-2-item-hint">
+      <label class="govuk-label govuk-radios__label" for="how-contacted-2">
+        Email
+      </label>
+      <div id="how-contacted-2-item-hint" class="govuk-hint govuk-radios__hint">
+        Hint for email address
+      </div>
+    </div>
+    <div class="govuk-radios__item">
+      <input class="govuk-radios__input" id="how-contacted-2-2" name="how-contacted-2" type="radio" value="phone">
+      <label class="govuk-label govuk-radios__label" for="how-contacted-2-2">
+        Phone
+      </label>
+    </div>
+    <div class="govuk-radios__item">
+      <input class="govuk-radios__input" id="how-contacted-2-3" name="how-contacted-2" type="radio" value="text">
+      <label class="govuk-label govuk-radios__label" for="how-contacted-2-3">
+        Text message
+      </label>
+    </div>
+  </div>
+</fieldset>
+</div>
diff --git a/app/templates/govuk/components/components/radios/template-small-with-long-text.html b/app/templates/govuk/components/components/radios/template-small-with-long-text.html
new file mode 100644
index 0000000..62840d2
--- /dev/null
+++ b/app/templates/govuk/components/components/radios/template-small-with-long-text.html
@@ -0,0 +1,27 @@
+<div class="govuk-form-group">
+  <fieldset class="govuk-fieldset">
+  <legend class="govuk-fieldset__legend">
+    Venenatis Condimentum
+  </legend>
+  <div class="govuk-radios govuk-radios--small" data-module="govuk-radios">
+    <div class="govuk-radios__item">
+      <input class="govuk-radios__input" id="foo" name="foo" type="radio" value="nullam">
+      <label class="govuk-label govuk-radios__label" for="foo">
+        Nullam id dolor id nibh ultricies vehicula ut id elit. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Maecenas faucibus mollis interdum. Donec id elit non mi porta gravida at eget metus.
+      </label>
+    </div>
+    <div class="govuk-radios__item">
+      <input class="govuk-radios__input" id="foo-2" name="foo" type="radio" value="aenean">
+      <label class="govuk-label govuk-radios__label" for="foo-2">
+        Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Donec sed odio dui. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Cras mattis consectetur purus sit amet fermentum.
+      </label>
+    </div>
+    <div class="govuk-radios__item">
+      <input class="govuk-radios__input" id="foo-3" name="foo" type="radio" value="fusce">
+      <label class="govuk-label govuk-radios__label" for="foo-3">
+        Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Etiam porta sem malesuada magna mollis euismod. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. Sed posuere consectetur est at lobortis.
+      </label>
+    </div>
+  </div>
+</fieldset>
+</div>
diff --git a/app/templates/govuk/components/components/radios/template-small.html b/app/templates/govuk/components/components/radios/template-small.html
new file mode 100644
index 0000000..5c6f5b7
--- /dev/null
+++ b/app/templates/govuk/components/components/radios/template-small.html
@@ -0,0 +1,27 @@
+<div class="govuk-form-group govuk-radios--small">
+  <fieldset class="govuk-fieldset">
+  <legend class="govuk-fieldset__legend">
+    How do you want to be contacted?
+  </legend>
+  <div class="govuk-radios" data-module="govuk-radios">
+    <div class="govuk-radios__item">
+      <input class="govuk-radios__input" id="how-contacted-2" name="how-contacted-2" type="radio" value="email">
+      <label class="govuk-label govuk-radios__label" for="how-contacted-2">
+        Email
+      </label>
+    </div>
+    <div class="govuk-radios__item">
+      <input class="govuk-radios__input" id="how-contacted-2-2" name="how-contacted-2" type="radio" value="phone">
+      <label class="govuk-label govuk-radios__label" for="how-contacted-2-2">
+        Phone
+      </label>
+    </div>
+    <div class="govuk-radios__item">
+      <input class="govuk-radios__input" id="how-contacted-2-3" name="how-contacted-2" type="radio" value="text">
+      <label class="govuk-label govuk-radios__label" for="how-contacted-2-3">
+        Text message
+      </label>
+    </div>
+  </div>
+</fieldset>
+</div>
diff --git a/app/templates/govuk/components/components/radios/template-with-a-divider.html b/app/templates/govuk/components/components/radios/template-with-a-divider.html
new file mode 100644
index 0000000..d50b422
--- /dev/null
+++ b/app/templates/govuk/components/components/radios/template-with-a-divider.html
@@ -0,0 +1,28 @@
+<div class="govuk-form-group">
+  <fieldset class="govuk-fieldset">
+  <legend class="govuk-fieldset__legend">
+    How do you want to sign in?
+  </legend>
+  <div class="govuk-radios" data-module="govuk-radios">
+    <div class="govuk-radios__item">
+      <input class="govuk-radios__input" id="example-divider" name="example" type="radio" value="government-gateway">
+      <label class="govuk-label govuk-radios__label" for="example-divider">
+        Use Government Gateway
+      </label>
+    </div>
+    <div class="govuk-radios__item">
+      <input class="govuk-radios__input" id="example-divider-2" name="example" type="radio" value="govuk-verify">
+      <label class="govuk-label govuk-radios__label" for="example-divider-2">
+        Use GOV.UK Verify
+      </label>
+    </div>
+    <div class="govuk-radios__divider">or</div>
+    <div class="govuk-radios__item">
+      <input class="govuk-radios__input" id="example-divider-4" name="example" type="radio" value="create-account">
+      <label class="govuk-label govuk-radios__label" for="example-divider-4">
+        Create an account
+      </label>
+    </div>
+  </div>
+</fieldset>
+</div>
diff --git a/app/templates/govuk/components/components/radios/template-with-conditional-item-checked.html b/app/templates/govuk/components/components/radios/template-with-conditional-item-checked.html
new file mode 100644
index 0000000..246f9b2
--- /dev/null
+++ b/app/templates/govuk/components/components/radios/template-with-conditional-item-checked.html
@@ -0,0 +1,39 @@
+<div class="govuk-form-group">
+  <fieldset class="govuk-fieldset">
+  <legend class="govuk-fieldset__legend">
+    How do you want to be contacted?
+  </legend>
+  <div class="govuk-radios" data-module="govuk-radios">
+    <div class="govuk-radios__item">
+      <input class="govuk-radios__input" id="how-contacted-checked" name="how-contacted-checked" type="radio" value="email" checked data-aria-controls="conditional-how-contacted-checked">
+      <label class="govuk-label govuk-radios__label" for="how-contacted-checked">
+        Email
+      </label>
+    </div>
+    <div class="govuk-radios__conditional" id="conditional-how-contacted-checked">
+      <label class="govuk-label" for="context-email">Email</label>
+<input class="govuk-input govuk-!-width-one-third" name="context-email" type="text" id="context-email">
+    </div>
+    <div class="govuk-radios__item">
+      <input class="govuk-radios__input" id="how-contacted-checked-2" name="how-contacted-checked" type="radio" value="phone" data-aria-controls="conditional-how-contacted-checked-2">
+      <label class="govuk-label govuk-radios__label" for="how-contacted-checked-2">
+        Phone
+      </label>
+    </div>
+    <div class="govuk-radios__conditional govuk-radios__conditional--hidden" id="conditional-how-contacted-checked-2">
+      <label class="govuk-label" for="contact-phone">Phone number</label>
+<input class="govuk-input govuk-!-width-one-third" name="contact-phone" type="text" id="contact-phone">
+    </div>
+    <div class="govuk-radios__item">
+      <input class="govuk-radios__input" id="how-contacted-checked-3" name="how-contacted-checked" type="radio" value="text" data-aria-controls="conditional-how-contacted-checked-3">
+      <label class="govuk-label govuk-radios__label" for="how-contacted-checked-3">
+        Text message
+      </label>
+    </div>
+    <div class="govuk-radios__conditional govuk-radios__conditional--hidden" id="conditional-how-contacted-checked-3">
+      <label class="govuk-label" for="contact-text-message">Mobile phone number</label>
+<input class="govuk-input govuk-!-width-one-third" name="contact-text-message" type="text" id="contact-text-message">
+    </div>
+  </div>
+</fieldset>
+</div>
diff --git a/app/templates/govuk/components/components/radios/template-with-conditional-items-and-pre-checked-value.html b/app/templates/govuk/components/components/radios/template-with-conditional-items-and-pre-checked-value.html
new file mode 100644
index 0000000..3f1e769
--- /dev/null
+++ b/app/templates/govuk/components/components/radios/template-with-conditional-items-and-pre-checked-value.html
@@ -0,0 +1,39 @@
+<div class="govuk-form-group">
+  <fieldset class="govuk-fieldset">
+  <legend class="govuk-fieldset__legend">
+    How do you want to be contacted?
+  </legend>
+  <div class="govuk-radios" data-module="govuk-radios">
+    <div class="govuk-radios__item">
+      <input class="govuk-radios__input" id="how-contacted-checked" name="how-contacted-checked" type="radio" value="email" data-aria-controls="conditional-how-contacted-checked">
+      <label class="govuk-label govuk-radios__label" for="how-contacted-checked">
+        Email
+      </label>
+    </div>
+    <div class="govuk-radios__conditional govuk-radios__conditional--hidden" id="conditional-how-contacted-checked">
+      <label class="govuk-label" for="context-email">Email</label>
+<input class="govuk-input govuk-!-width-one-third" name="context-email" type="text" id="context-email">
+    </div>
+    <div class="govuk-radios__item">
+      <input class="govuk-radios__input" id="how-contacted-checked-2" name="how-contacted-checked" type="radio" value="phone" data-aria-controls="conditional-how-contacted-checked-2">
+      <label class="govuk-label govuk-radios__label" for="how-contacted-checked-2">
+        Phone
+      </label>
+    </div>
+    <div class="govuk-radios__conditional govuk-radios__conditional--hidden" id="conditional-how-contacted-checked-2">
+      <label class="govuk-label" for="contact-phone">Phone number</label>
+<input class="govuk-input govuk-!-width-one-third" name="contact-phone" type="text" id="contact-phone">
+    </div>
+    <div class="govuk-radios__item">
+      <input class="govuk-radios__input" id="how-contacted-checked-3" name="how-contacted-checked" type="radio" value="text" checked data-aria-controls="conditional-how-contacted-checked-3">
+      <label class="govuk-label govuk-radios__label" for="how-contacted-checked-3">
+        Text message
+      </label>
+    </div>
+    <div class="govuk-radios__conditional" id="conditional-how-contacted-checked-3">
+      <label class="govuk-label" for="contact-text-message">Mobile phone number</label>
+<input class="govuk-input govuk-!-width-one-third" name="contact-text-message" type="text" id="contact-text-message">
+    </div>
+  </div>
+</fieldset>
+</div>
diff --git a/app/templates/govuk/components/components/radios/template-with-conditional-items.html b/app/templates/govuk/components/components/radios/template-with-conditional-items.html
new file mode 100644
index 0000000..065c02c
--- /dev/null
+++ b/app/templates/govuk/components/components/radios/template-with-conditional-items.html
@@ -0,0 +1,39 @@
+<div class="govuk-form-group">
+  <fieldset class="govuk-fieldset">
+  <legend class="govuk-fieldset__legend">
+    How do you want to be contacted?
+  </legend>
+  <div class="govuk-radios" data-module="govuk-radios">
+    <div class="govuk-radios__item">
+      <input class="govuk-radios__input" id="how-contacted" name="how-contacted" type="radio" value="email" data-aria-controls="conditional-how-contacted">
+      <label class="govuk-label govuk-radios__label" for="how-contacted">
+        Email
+      </label>
+    </div>
+    <div class="govuk-radios__conditional govuk-radios__conditional--hidden" id="conditional-how-contacted">
+      <label class="govuk-label" for="context-email">Email address</label>
+<input class="govuk-input govuk-!-width-one-third" name="context-email" type="text" id="context-email">
+    </div>
+    <div class="govuk-radios__item">
+      <input class="govuk-radios__input" id="how-contacted-2" name="how-contacted" type="radio" value="phone" data-aria-controls="conditional-how-contacted-2">
+      <label class="govuk-label govuk-radios__label" for="how-contacted-2">
+        Phone
+      </label>
+    </div>
+    <div class="govuk-radios__conditional govuk-radios__conditional--hidden" id="conditional-how-contacted-2">
+      <label class="govuk-label" for="contact-phone">Phone number</label>
+<input class="govuk-input govuk-!-width-one-third" name="contact-phone" type="text" id="contact-phone">
+    </div>
+    <div class="govuk-radios__item">
+      <input class="govuk-radios__input" id="how-contacted-3" name="how-contacted" type="radio" value="text" data-aria-controls="conditional-how-contacted-3">
+      <label class="govuk-label govuk-radios__label" for="how-contacted-3">
+        Text message
+      </label>
+    </div>
+    <div class="govuk-radios__conditional govuk-radios__conditional--hidden" id="conditional-how-contacted-3">
+      <label class="govuk-label" for="contact-text-message">Mobile phone number</label>
+<input class="govuk-input govuk-!-width-one-third" name="contact-text-message" type="text" id="contact-text-message">
+    </div>
+  </div>
+</fieldset>
+</div>
diff --git a/app/templates/govuk/components/components/radios/template-with-fieldset-and-error-message.html b/app/templates/govuk/components/components/radios/template-with-fieldset-and-error-message.html
new file mode 100644
index 0000000..8a3fea7
--- /dev/null
+++ b/app/templates/govuk/components/components/radios/template-with-fieldset-and-error-message.html
@@ -0,0 +1,24 @@
+<div class="govuk-form-group govuk-form-group--error">
+  <fieldset class="govuk-fieldset" aria-describedby="example-error">
+  <legend class="govuk-fieldset__legend">
+    Have you changed your name?
+  </legend>
+  <p id="example-error" class="govuk-error-message">
+    <span class="govuk-visually-hidden">Error:</span> Please select an option
+  </p>
+  <div class="govuk-radios" data-module="govuk-radios">
+    <div class="govuk-radios__item">
+      <input class="govuk-radios__input" id="example" name="example" type="radio" value="yes">
+      <label class="govuk-label govuk-radios__label" for="example">
+        Yes
+      </label>
+    </div>
+    <div class="govuk-radios__item">
+      <input class="govuk-radios__input" id="example-2" name="example" type="radio" value="no" checked>
+      <label class="govuk-label govuk-radios__label" for="example-2">
+        No
+      </label>
+    </div>
+  </div>
+</fieldset>
+</div>
diff --git a/app/templates/govuk/components/components/radios/template-with-hint.html b/app/templates/govuk/components/components/radios/template-with-hint.html
new file mode 100644
index 0000000..eb283c8
--- /dev/null
+++ b/app/templates/govuk/components/components/radios/template-with-hint.html
@@ -0,0 +1,24 @@
+<div class="govuk-form-group">
+  <fieldset class="govuk-fieldset" aria-describedby="example-with-hint-hint">
+  <legend class="govuk-fieldset__legend">
+    Have you changed your name?
+  </legend>
+  <div id="example-with-hint-hint" class="govuk-hint">
+    This includes changing your last name or spelling your name differently.
+  </div>
+  <div class="govuk-radios" data-module="govuk-radios">
+    <div class="govuk-radios__item">
+      <input class="govuk-radios__input" id="example-with-hint" name="example-with-hint" type="radio" value="yes">
+      <label class="govuk-label govuk-radios__label" for="example-with-hint">
+        Yes
+      </label>
+    </div>
+    <div class="govuk-radios__item">
+      <input class="govuk-radios__input" id="example-with-hint-2" name="example-with-hint" type="radio" value="no">
+      <label class="govuk-label govuk-radios__label" for="example-with-hint-2">
+        No
+      </label>
+    </div>
+  </div>
+</fieldset>
+</div>
diff --git a/app/templates/govuk/components/components/radios/template-with-hints-on-items.html b/app/templates/govuk/components/components/radios/template-with-hints-on-items.html
new file mode 100644
index 0000000..011056d
--- /dev/null
+++ b/app/templates/govuk/components/components/radios/template-with-hints-on-items.html
@@ -0,0 +1,29 @@
+<div class="govuk-form-group">
+  <fieldset class="govuk-fieldset">
+  <legend class="govuk-fieldset__legend govuk-fieldset__legend--l">
+    <h1 class="govuk-fieldset__heading">
+      How do you want to sign in?
+    </h1>
+  </legend>
+  <div class="govuk-radios" data-module="govuk-radios">
+    <div class="govuk-radios__item">
+      <input class="govuk-radios__input" id="gateway" name="gov" type="radio" value="gateway" aria-describedby="gateway-item-hint">
+      <label class="govuk-label govuk-radios__label" for="gateway">
+        Sign in with Government Gateway
+      </label>
+      <div id="gateway-item-hint" class="govuk-hint govuk-radios__hint">
+        You’ll have a user ID if you’ve registered for Self Assessment or filed a tax return online before.
+      </div>
+    </div>
+    <div class="govuk-radios__item">
+      <input class="govuk-radios__input" id="verify" name="gov" type="radio" value="verify" aria-describedby="verify-item-hint">
+      <label class="govuk-label govuk-radios__label" for="verify">
+        Sign in with GOV.UK Verify
+      </label>
+      <div id="verify-item-hint" class="govuk-hint govuk-radios__hint">
+        You’ll have an account if you’ve already proved your identity with either Barclays, CitizenSafe, Digidentity, Experian, Post Office, Royal Mail or SecureIdentity.
+      </div>
+    </div>
+  </div>
+</fieldset>
+</div>
diff --git a/app/templates/govuk/components/components/radios/template-with-legend-as-page-heading.html b/app/templates/govuk/components/components/radios/template-with-legend-as-page-heading.html
new file mode 100644
index 0000000..7a528e2
--- /dev/null
+++ b/app/templates/govuk/components/components/radios/template-with-legend-as-page-heading.html
@@ -0,0 +1,26 @@
+<div class="govuk-form-group">
+  <fieldset class="govuk-fieldset" aria-describedby="housing-act-hint">
+  <legend class="govuk-fieldset__legend govuk-fieldset__legend--l">
+    <h1 class="govuk-fieldset__heading">
+      Which part of the Housing Act was your licence issued under?
+    </h1>
+  </legend>
+  <div id="housing-act-hint" class="govuk-hint">
+    Select one of the options below.
+  </div>
+  <div class="govuk-radios" data-module="govuk-radios">
+    <div class="govuk-radios__item">
+      <input class="govuk-radios__input" id="housing-act" name="housing-act" type="radio" value="part-2">
+      <label class="govuk-label govuk-radios__label" for="housing-act">
+        <span class="govuk-heading-s govuk-!-margin-bottom-1">Part 2 of the Housing Act 2004</span> For properties that are 3 or more stories high and occupied by 5 or more people
+      </label>
+    </div>
+    <div class="govuk-radios__item">
+      <input class="govuk-radios__input" id="housing-act-2" name="housing-act" type="radio" value="part-3">
+      <label class="govuk-label govuk-radios__label" for="housing-act-2">
+        <span class="govuk-heading-s govuk-!-margin-bottom-1">Part 3 of the Housing Act 2004</span> For properties that are within a geographical area defined by a local council
+      </label>
+    </div>
+  </div>
+</fieldset>
+</div>
diff --git a/app/templates/govuk/components/components/radios/template-with-optional-form-group-classes-showing-group-error.html b/app/templates/govuk/components/components/radios/template-with-optional-form-group-classes-showing-group-error.html
new file mode 100644
index 0000000..4b2a0b7
--- /dev/null
+++ b/app/templates/govuk/components/components/radios/template-with-optional-form-group-classes-showing-group-error.html
@@ -0,0 +1,40 @@
+<div class="govuk-form-group govuk-form-group--error">
+  <fieldset class="govuk-fieldset">
+  <legend class="govuk-fieldset__legend">
+    How do you want to be contacted?
+  </legend>
+  <div class="govuk-radios" data-module="govuk-radios">
+    <div class="govuk-radios__item">
+      <input class="govuk-radios__input" id="how-contacted-2" name="how-contacted-2" type="radio" value="email" data-aria-controls="conditional-how-contacted-2">
+      <label class="govuk-label govuk-radios__label" for="how-contacted-2">
+        Email
+      </label>
+    </div>
+    <div class="govuk-radios__conditional govuk-radios__conditional--hidden" id="conditional-how-contacted-2">
+      <label class="govuk-label" for="context-email">Email address</label>
+<input class="govuk-input govuk-!-width-one-third" name="context-email" type="text" id="context-email">
+    </div>
+    <div class="govuk-radios__item">
+      <input class="govuk-radios__input" id="how-contacted-2-2" name="how-contacted-2" type="radio" value="phone" checked data-aria-controls="conditional-how-contacted-2-2">
+      <label class="govuk-label govuk-radios__label" for="how-contacted-2-2">
+        Phone
+      </label>
+    </div>
+    <div class="govuk-radios__conditional" id="conditional-how-contacted-2-2">
+      <label class="govuk-label" for="contact-phone">Phone number</label>
+<span id="contact-phone-error" class="govuk-error-message">Problem with input</span>
+<input class="govuk-input govuk-input--error govuk-!-width-one-third" name="contact-phone" type="text" id="contact-phone" aria-describedby="contact-phone-error">
+    </div>
+    <div class="govuk-radios__item">
+      <input class="govuk-radios__input" id="how-contacted-2-3" name="how-contacted-2" type="radio" value="text" data-aria-controls="conditional-how-contacted-2-3">
+      <label class="govuk-label govuk-radios__label" for="how-contacted-2-3">
+        Text message
+      </label>
+    </div>
+    <div class="govuk-radios__conditional govuk-radios__conditional--hidden" id="conditional-how-contacted-2-3">
+      <label class="govuk-label" for="contact-text-message">Mobile phone number</label>
+<input class="govuk-input govuk-!-width-one-third" name="contact-text-message" type="text" id="contact-text-message">
+    </div>
+  </div>
+</fieldset>
+</div>
diff --git a/app/templates/govuk/components/components/radios/template-with-very-long-option-text.html b/app/templates/govuk/components/components/radios/template-with-very-long-option-text.html
new file mode 100644
index 0000000..2e06689
--- /dev/null
+++ b/app/templates/govuk/components/components/radios/template-with-very-long-option-text.html
@@ -0,0 +1,33 @@
+<div class="govuk-form-group govuk-form-group--error">
+  <fieldset class="govuk-fieldset" aria-describedby="waste-hint waste-error">
+  <legend class="govuk-fieldset__legend">
+    Maecenas faucibus mollis interdum?
+  </legend>
+  <div id="waste-hint" class="govuk-hint">
+    Nullam id dolor id nibh ultricies vehicula ut id elit.
+  </div>
+  <p id="waste-error" class="govuk-error-message">
+    <span class="govuk-visually-hidden">Error:</span> Lorem ipsum dolor sit amet, consectetur adipiscing elit.
+  </p>
+  <div class="govuk-radios" data-module="govuk-radios">
+    <div class="govuk-radios__item">
+      <input class="govuk-radios__input" id="waste" name="waste" type="radio" value="nullam">
+      <label class="govuk-label govuk-radios__label" for="waste">
+        Nullam id dolor id nibh ultricies vehicula ut id elit. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Maecenas faucibus mollis interdum. Donec id elit non mi porta gravida at eget metus.
+      </label>
+    </div>
+    <div class="govuk-radios__item">
+      <input class="govuk-radios__input" id="waste-2" name="waste" type="radio" value="aenean">
+      <label class="govuk-label govuk-radios__label" for="waste-2">
+        Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Donec sed odio dui. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Cras mattis consectetur purus sit amet fermentum.
+      </label>
+    </div>
+    <div class="govuk-radios__item">
+      <input class="govuk-radios__input" id="waste-3" name="waste" type="radio" value="fusce">
+      <label class="govuk-label govuk-radios__label" for="waste-3">
+        Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Etiam porta sem malesuada magna mollis euismod. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. Sed posuere consectetur est at lobortis.
+      </label>
+    </div>
+  </div>
+</fieldset>
+</div>
diff --git a/app/templates/govuk/components/components/radios/template-without-fieldset.html b/app/templates/govuk/components/components/radios/template-without-fieldset.html
new file mode 100644
index 0000000..77edadc
--- /dev/null
+++ b/app/templates/govuk/components/components/radios/template-without-fieldset.html
@@ -0,0 +1,22 @@
+<div class="govuk-form-group">
+  <div class="govuk-radios" data-module="govuk-radios">
+    <div class="govuk-radios__item">
+      <input class="govuk-radios__input" id="colours" name="colours" type="radio" value="red">
+      <label class="govuk-label govuk-radios__label" for="colours">
+        Red
+      </label>
+    </div>
+    <div class="govuk-radios__item">
+      <input class="govuk-radios__input" id="colours-2" name="colours" type="radio" value="green">
+      <label class="govuk-label govuk-radios__label" for="colours-2">
+        Green
+      </label>
+    </div>
+    <div class="govuk-radios__item">
+      <input class="govuk-radios__input" id="colours-3" name="colours" type="radio" value="blue">
+      <label class="govuk-label govuk-radios__label" for="colours-3">
+        Blue
+      </label>
+    </div>
+  </div>
+</div>
diff --git a/app/templates/govuk/components/components/radios/template.njk b/app/templates/govuk/components/components/radios/template.njk
new file mode 100644
index 0000000..edad760
--- /dev/null
+++ b/app/templates/govuk/components/components/radios/template.njk
@@ -0,0 +1,115 @@
+{% from "../../macros/attributes.njk" import govukAttributes %}
+{% from "../error-message/macro.njk" import govukErrorMessage %}
+{% from "../fieldset/macro.njk" import govukFieldset %}
+{% from "../hint/macro.njk" import govukHint %}
+{% from "../label/macro.njk" import govukLabel %}
+
+{#- If an id 'prefix' is not passed, fall back to using the name attribute
+  instead. We need this for error messages and hints as well -#}
+{% set idPrefix = params.idPrefix if params.idPrefix else params.name %}
+
+{#- a record of other elements that we need to associate with the input using
+  aria-describedby – for example hints or error messages -#}
+{% set describedBy = params.fieldset.describedBy if params.fieldset.describedBy else "" %}
+
+{#- fieldset is false by default -#}
+{% set hasFieldset = true if params.fieldset else false %}
+
+{%- macro _radioItem(params, item, index) %}
+  {#- If the user explicitly sets an id, use this instead of the regular idPrefix -#}
+  {#- The first id should not have a number suffix so it's easy to link to from the error summary component -#}
+  {% set itemId = item.id if item.id else idPrefix + ("-" + index if index > 1 else "") %}
+  {% set conditionalId = "conditional-" + itemId %}
+  {%- if item.divider %}
+    <div class="govuk-radios__divider">{{ item.divider }}</div>
+  {% else %}
+    {% set isChecked = item.checked | default((item.value == params.value and item.checked != false) if params.value else false, true) %}
+    {% set hasHint = true if item.hint.text or item.hint.html %}
+    {% set itemHintId = itemId + '-item-hint' %}
+    <div class="govuk-radios__item">
+      <input class="govuk-radios__input" id="{{ itemId }}" name="{{ params.name }}" type="radio" value="{{ item.value }}"
+        {{-" checked" if isChecked }}
+        {{-" disabled" if item.disabled }}
+        {%- if item.conditional.html %} data-aria-controls="{{ conditionalId }}"{% endif -%}
+        {%- if hasHint %} aria-describedby="{{ itemHintId }}"{% endif -%}
+        {{- govukAttributes(item.attributes) }}>
+      {{ govukLabel({
+        html: item.html,
+        text: item.text,
+        classes: 'govuk-radios__label' + (' ' + item.label.classes if item.label.classes),
+        attributes: item.label.attributes,
+        for: itemId
+      }) | trim | indent(6) }}
+      {% if hasHint %}
+      {{ govukHint({
+        id: itemHintId,
+        classes: 'govuk-radios__hint' + (' ' + item.hint.classes if item.hint.classes),
+        attributes: item.hint.attributes,
+        html: item.hint.html,
+        text: item.hint.text
+      }) | trim | indent(6) }}
+      {% endif %}
+    </div>
+    {% if item.conditional.html %}
+    <div class="govuk-radios__conditional {%- if not isChecked %} govuk-radios__conditional--hidden{% endif %}" id="{{ conditionalId }}">
+      {{ item.conditional.html | safe | trim }}
+    </div>
+    {% endif %}
+  {% endif %}
+{%- endmacro %}
+
+{#- Capture the HTML so we can optionally nest it in a fieldset -#}
+{% set innerHtml %}
+{% if params.hint %}
+  {% set hintId = idPrefix + '-hint' %}
+  {% set describedBy = describedBy + ' ' + hintId if describedBy else hintId %}
+  {{ govukHint({
+    id: hintId,
+    classes: params.hint.classes,
+    attributes: params.hint.attributes,
+    html: params.hint.html,
+    text: params.hint.text
+  }) | trim | indent(2) }}
+{% endif %}
+{% if params.errorMessage %}
+  {% set errorId = idPrefix + '-error' %}
+  {% set describedBy = describedBy + ' ' + errorId if describedBy else errorId %}
+  {{ govukErrorMessage({
+    id: errorId,
+    classes: params.errorMessage.classes,
+    attributes: params.errorMessage.attributes,
+    html: params.errorMessage.html,
+    text: params.errorMessage.text,
+    visuallyHiddenText: params.errorMessage.visuallyHiddenText
+  }) | trim | indent(2) }}
+{% endif %}
+  <div class="govuk-radios {%- if params.classes %} {{ params.classes }}{% endif %}"
+    {{- govukAttributes(params.attributes) }} data-module="govuk-radios">
+    {% if params.formGroup.beforeInputs %}
+    {{ params.formGroup.beforeInputs.html | safe | trim | indent(4) if params.formGroup.beforeInputs.html else params.formGroup.beforeInputs.text }}
+    {% endif %}
+    {% for item in params.items %}
+      {% if item %}
+        {{- _radioItem(params, item, loop.index) -}}
+      {% endif %}
+    {% endfor %}
+    {% if params.formGroup.afterInputs %}
+    {{ params.formGroup.afterInputs.html | safe | trim | indent(4) if params.formGroup.afterInputs.html else params.formGroup.afterInputs.text }}
+    {% endif %}
+  </div>
+{% endset -%}
+
+<div class="govuk-form-group {%- if params.errorMessage %} govuk-form-group--error{% endif %} {%- if params.formGroup.classes %} {{ params.formGroup.classes }}{% endif %}"
+  {{- govukAttributes(params.formGroup.attributes) }}>
+{% if hasFieldset %}
+  {{ govukFieldset({
+    describedBy: describedBy,
+    classes: params.fieldset.classes,
+    attributes: params.fieldset.attributes,
+    legend: params.fieldset.legend,
+    html: innerHtml | trim
+  }) | trim }}
+{% else %}
+  {{ innerHtml | safe | trim }}
+{% endif %}
+</div>
diff --git a/app/templates/govuk/components/components/select/README.md b/app/templates/govuk/components/components/select/README.md
new file mode 100644
index 0000000..c8d4740
--- /dev/null
+++ b/app/templates/govuk/components/components/select/README.md
@@ -0,0 +1,15 @@
+# Select
+
+## Installation
+
+See the [main README quick start guide](https://github.com/alphagov/govuk-frontend#quick-start) for how to install this component.
+
+## Guidance and Examples
+
+Find out when to use the select component in your service in the [GOV.UK Design System](https://design-system.service.gov.uk/components/select).
+
+## Component options
+
+Use options to customise the appearance, content and behaviour of a component when using a macro, for example, changing the text.
+
+See [options table](https://design-system.service.gov.uk/components/select/#options-select-example) for details.
diff --git a/app/templates/govuk/components/components/select/_index.scss b/app/templates/govuk/components/components/select/_index.scss
new file mode 100644
index 0000000..f2d36ef
--- /dev/null
+++ b/app/templates/govuk/components/components/select/_index.scss
@@ -0,0 +1,53 @@
+@import "../error-message/index";
+@import "../hint/index";
+@import "../label/index";
+
+@include govuk-exports("govuk/component/select") {
+  .govuk-select {
+    @include govuk-font($size: 19, $line-height: 1.25);
+
+    box-sizing: border-box;
+
+    // This min-width was chosen because:
+    // - it makes the Select wider than it is tall (which is what users expect)
+    // - 11.5em matches the 'length-10' variant of the input component
+    // - it fits comfortably on screens as narrow as 240px wide
+    min-width: 11.5em;
+    max-width: 100%;
+    height: govuk-px-to-rem(40px);
+    padding: govuk-spacing(1);
+    border: $govuk-border-width-form-element solid $govuk-input-border-colour;
+
+    // Default user agent colours for selects can have low contrast,
+    // and may look disabled (#2435)
+    color: $govuk-text-colour;
+    background-color: govuk-colour("white");
+
+    &:focus {
+      @include govuk-focused-form-input;
+    }
+
+    &:disabled {
+      opacity: 0.5;
+      color: inherit;
+      cursor: not-allowed;
+    }
+  }
+
+  .govuk-select option:active,
+  .govuk-select option:checked,
+  .govuk-select:focus::-ms-value {
+    color: govuk-colour("white");
+    background-color: govuk-colour("blue");
+  }
+
+  .govuk-select--error {
+    border-color: $govuk-error-colour;
+
+    &:focus {
+      border-color: $govuk-input-border-colour;
+    }
+  }
+}
+
+/*# sourceMappingURL=_index.scss.map */
diff --git a/app/templates/govuk/components/components/select/_index.scss.map b/app/templates/govuk/components/components/select/_index.scss.map
new file mode 100644
index 0000000..c1d783e
--- /dev/null
+++ b/app/templates/govuk/components/components/select/_index.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/select/_index.scss"],"names":[],"mappings":"AAAA,gCAAgC;AAChC,uBAAuB;AACvB,wBAAwB;;AAExB;EACE;IACE,kDAAkD;;IAElD,sBAAsB;;IAEtB,oCAAoC;IACpC,0EAA0E;IAC1E,iEAAiE;IACjE,0DAA0D;IAC1D,iBAAiB;IACjB,eAAe;IACf,6BAA6B;IAC7B,yBAAyB;IACzB,yEAAyE;;IAEzE,+DAA+D;IAC/D,+BAA+B;IAC/B,yBAAyB;IACzB,uCAAuC;;IAEvC;MACE,iCAAiC;IACnC;;IAEA;MACE,YAAY;MACZ,cAAc;MACd,mBAAmB;IACrB;EACF;;EAEA;;;IAGE,4BAA4B;IAC5B,sCAAsC;EACxC;;EAEA;IACE,iCAAiC;;IAEjC;MACE,wCAAwC;IAC1C;EACF;AACF","file":"_index.scss","sourcesContent":["@import \"../error-message/index\";\n@import \"../hint/index\";\n@import \"../label/index\";\n\n@include govuk-exports(\"govuk/component/select\") {\n  .govuk-select {\n    @include govuk-font($size: 19, $line-height: 1.25);\n\n    box-sizing: border-box;\n\n    // This min-width was chosen because:\n    // - it makes the Select wider than it is tall (which is what users expect)\n    // - 11.5em matches the 'length-10' variant of the input component\n    // - it fits comfortably on screens as narrow as 240px wide\n    min-width: 11.5em;\n    max-width: 100%;\n    height: govuk-px-to-rem(40px);\n    padding: govuk-spacing(1);\n    border: $govuk-border-width-form-element solid $govuk-input-border-colour;\n\n    // Default user agent colours for selects can have low contrast,\n    // and may look disabled (#2435)\n    color: $govuk-text-colour;\n    background-color: govuk-colour(\"white\");\n\n    &:focus {\n      @include govuk-focused-form-input;\n    }\n\n    &:disabled {\n      opacity: 0.5;\n      color: inherit;\n      cursor: not-allowed;\n    }\n  }\n\n  .govuk-select option:active,\n  .govuk-select option:checked,\n  .govuk-select:focus::-ms-value {\n    color: govuk-colour(\"white\");\n    background-color: govuk-colour(\"blue\");\n  }\n\n  .govuk-select--error {\n    border-color: $govuk-error-colour;\n\n    &:focus {\n      border-color: $govuk-input-border-colour;\n    }\n  }\n}\n"]}
diff --git a/app/templates/govuk/components/components/select/_select.scss b/app/templates/govuk/components/components/select/_select.scss
new file mode 100644
index 0000000..3672c7e
--- /dev/null
+++ b/app/templates/govuk/components/components/select/_select.scss
@@ -0,0 +1,4 @@
+@import "../../base";
+@import "./index";
+
+/*# sourceMappingURL=_select.scss.map */
diff --git a/app/templates/govuk/components/components/select/_select.scss.map b/app/templates/govuk/components/components/select/_select.scss.map
new file mode 100644
index 0000000..057dcd2
--- /dev/null
+++ b/app/templates/govuk/components/components/select/_select.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/select/_select.scss"],"names":[],"mappings":"AAAA,oBAAoB;AACpB,iBAAiB","file":"_select.scss","sourcesContent":["@import \"../../base\";\n@import \"./index\";\n"]}
diff --git a/app/templates/govuk/components/components/select/fixtures.json b/app/templates/govuk/components/components/select/fixtures.json
new file mode 100644
index 0000000..a5b03f8
--- /dev/null
+++ b/app/templates/govuk/components/components/select/fixtures.json
@@ -0,0 +1,550 @@
+{
+    "component": "select",
+    "fixtures": [
+        {
+            "name": "default",
+            "options": {
+                "name": "select-1",
+                "label": {
+                    "text": "Label text goes here"
+                },
+                "items": [
+                    {
+                        "value": 1,
+                        "text": "GOV.UK frontend option 1"
+                    },
+                    {
+                        "value": 2,
+                        "text": "GOV.UK frontend option 2",
+                        "selected": true
+                    },
+                    {
+                        "value": 3,
+                        "text": "GOV.UK frontend option 3",
+                        "disabled": true
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": true,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"select-1\">\n    Label text goes here\n  </label>\n  <select class=\"govuk-select\" id=\"select-1\" name=\"select-1\">\n    <option value=\"1\">GOV.UK frontend option 1</option>\n    <option value=\"2\" selected>GOV.UK frontend option 2</option>\n    <option value=\"3\" disabled>GOV.UK frontend option 3</option>\n  </select>\n</div>"
+        },
+        {
+            "name": "with hint text and error message",
+            "options": {
+                "id": "select-2",
+                "name": "select-2",
+                "label": {
+                    "text": "Label text goes here"
+                },
+                "hint": {
+                    "text": "Hint text goes here"
+                },
+                "errorMessage": {
+                    "text": "Error message goes here"
+                },
+                "items": [
+                    {
+                        "value": 1,
+                        "text": "GOV.UK frontend option 1"
+                    },
+                    {
+                        "value": 2,
+                        "text": "GOV.UK frontend option 2"
+                    },
+                    {
+                        "value": 3,
+                        "text": "GOV.UK frontend option 3"
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-form-group--error\">\n  <label class=\"govuk-label\" for=\"select-2\">\n    Label text goes here\n  </label>\n  <div id=\"select-2-hint\" class=\"govuk-hint\">\n    Hint text goes here\n  </div>\n  <p id=\"select-2-error\" class=\"govuk-error-message\">\n    <span class=\"govuk-visually-hidden\">Error:</span> Error message goes here\n  </p>\n  <select class=\"govuk-select govuk-select--error\" id=\"select-2\" name=\"select-2\" aria-describedby=\"select-2-hint select-2-error\">\n    <option value=\"1\">GOV.UK frontend option 1</option>\n    <option value=\"2\">GOV.UK frontend option 2</option>\n    <option value=\"3\">GOV.UK frontend option 3</option>\n  </select>\n</div>"
+        },
+        {
+            "name": "with label as page heading",
+            "options": {
+                "id": "select-3",
+                "name": "select-3",
+                "label": {
+                    "text": "Label text goes here",
+                    "classes": "govuk-label--l",
+                    "isPageHeading": true
+                },
+                "items": [
+                    {
+                        "value": 1,
+                        "text": "GOV.UK frontend option 1"
+                    },
+                    {
+                        "value": 2,
+                        "text": "GOV.UK frontend option 2",
+                        "selected": true
+                    },
+                    {
+                        "value": 3,
+                        "text": "GOV.UK frontend option 3",
+                        "disabled": true
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <h1 class=\"govuk-label-wrapper\">\n    <label class=\"govuk-label govuk-label--l\" for=\"select-3\">\n      Label text goes here\n    </label>\n  </h1>\n  <select class=\"govuk-select\" id=\"select-3\" name=\"select-3\">\n    <option value=\"1\">GOV.UK frontend option 1</option>\n    <option value=\"2\" selected>GOV.UK frontend option 2</option>\n    <option value=\"3\" disabled>GOV.UK frontend option 3</option>\n  </select>\n</div>"
+        },
+        {
+            "name": "with full width override",
+            "options": {
+                "id": "select-1",
+                "name": "select-1",
+                "classes": "govuk-!-width-full",
+                "label": {
+                    "text": "Label text goes here"
+                },
+                "items": [
+                    {
+                        "value": 1,
+                        "text": "GOV.UK frontend option 1"
+                    },
+                    {
+                        "value": 2,
+                        "text": "GOV.UK frontend option 2",
+                        "selected": true
+                    },
+                    {
+                        "value": 3,
+                        "text": "GOV.UK frontend option 3",
+                        "disabled": true
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"select-1\">\n    Label text goes here\n  </label>\n  <select class=\"govuk-select govuk-!-width-full\" id=\"select-1\" name=\"select-1\">\n    <option value=\"1\">GOV.UK frontend option 1</option>\n    <option value=\"2\" selected>GOV.UK frontend option 2</option>\n    <option value=\"3\" disabled>GOV.UK frontend option 3</option>\n  </select>\n</div>"
+        },
+        {
+            "name": "with describedBy",
+            "options": {
+                "id": "with-describedby",
+                "name": "with-describedby",
+                "label": {
+                    "text": "Label text goes here"
+                },
+                "items": [
+                    {
+                        "value": 1,
+                        "text": "GOV.UK frontend option 1"
+                    },
+                    {
+                        "value": 2,
+                        "text": "GOV.UK frontend option 2"
+                    }
+                ],
+                "describedBy": "test-target-element"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"with-describedby\">\n    Label text goes here\n  </label>\n  <select class=\"govuk-select\" id=\"with-describedby\" name=\"with-describedby\" aria-describedby=\"test-target-element\">\n    <option value=\"1\">GOV.UK frontend option 1</option>\n    <option value=\"2\">GOV.UK frontend option 2</option>\n  </select>\n</div>"
+        },
+        {
+            "name": "attributes",
+            "options": {
+                "id": "with-attributes",
+                "name": "with-attributes",
+                "label": {
+                    "text": "Label text goes here"
+                },
+                "items": [
+                    {
+                        "value": 1,
+                        "text": "GOV.UK frontend option 1"
+                    },
+                    {
+                        "value": 2,
+                        "text": "GOV.UK frontend option 2"
+                    }
+                ],
+                "attributes": {
+                    "data-attribute": "my data value"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"with-attributes\">\n    Label text goes here\n  </label>\n  <select class=\"govuk-select\" id=\"with-attributes\" name=\"with-attributes\" data-attribute=\"my data value\">\n    <option value=\"1\">GOV.UK frontend option 1</option>\n    <option value=\"2\">GOV.UK frontend option 2</option>\n  </select>\n</div>"
+        },
+        {
+            "name": "attributes on items",
+            "options": {
+                "id": "with-item-attributes",
+                "name": "with-item-attributes",
+                "label": {
+                    "text": "Label text goes here"
+                },
+                "value": 2,
+                "items": [
+                    {
+                        "text": "Option 1",
+                        "value": 1,
+                        "attributes": {
+                            "data-attribute": "ABC",
+                            "data-second-attribute": "DEF"
+                        }
+                    },
+                    {
+                        "text": "Option 2",
+                        "value": 2,
+                        "attributes": {
+                            "data-attribute": "GHI",
+                            "data-second-attribute": "JKL"
+                        }
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"with-item-attributes\">\n    Label text goes here\n  </label>\n  <select class=\"govuk-select\" id=\"with-item-attributes\" name=\"with-item-attributes\">\n    <option value=\"1\" data-attribute=\"ABC\" data-second-attribute=\"DEF\">Option 1</option>\n    <option value=\"2\" selected data-attribute=\"GHI\" data-second-attribute=\"JKL\">Option 2</option>\n  </select>\n</div>"
+        },
+        {
+            "name": "with falsy items",
+            "options": {
+                "id": "with-falsy-items",
+                "name": "with-falsy-items",
+                "label": {
+                    "text": "Label text goes here"
+                },
+                "items": [
+                    {
+                        "text": "Option 1",
+                        "value": 1
+                    },
+                    null,
+                    false,
+                    "",
+                    {
+                        "text": "Options 2",
+                        "value": 2
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"with-falsy-items\">\n    Label text goes here\n  </label>\n  <select class=\"govuk-select\" id=\"with-falsy-items\" name=\"with-falsy-items\">\n    <option value=\"1\">Option 1</option>\n    <option value=\"2\">Options 2</option>\n  </select>\n</div>"
+        },
+        {
+            "name": "hint",
+            "options": {
+                "id": "select-with-hint",
+                "name": "select-with-hint",
+                "label": {
+                    "text": "Label text goes here"
+                },
+                "hint": {
+                    "text": "Hint text goes here"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"select-with-hint\">\n    Label text goes here\n  </label>\n  <div id=\"select-with-hint-hint\" class=\"govuk-hint\">\n    Hint text goes here\n  </div>\n  <select class=\"govuk-select\" id=\"select-with-hint\" name=\"select-with-hint\" aria-describedby=\"select-with-hint-hint\">\n  </select>\n</div>"
+        },
+        {
+            "name": "hint and describedBy",
+            "options": {
+                "id": "select-with-hint",
+                "name": "select-with-hint",
+                "label": {
+                    "text": "Label text goes here"
+                },
+                "describedBy": "test-target-element",
+                "hint": {
+                    "text": "Hint text goes here"
+                },
+                "items": [
+                    {
+                        "value": 1,
+                        "text": "GOV.UK frontend option 1"
+                    },
+                    {
+                        "value": 2,
+                        "text": "GOV.UK frontend option 2"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"select-with-hint\">\n    Label text goes here\n  </label>\n  <div id=\"select-with-hint-hint\" class=\"govuk-hint\">\n    Hint text goes here\n  </div>\n  <select class=\"govuk-select\" id=\"select-with-hint\" name=\"select-with-hint\" aria-describedby=\"test-target-element select-with-hint-hint\">\n    <option value=\"1\">GOV.UK frontend option 1</option>\n    <option value=\"2\">GOV.UK frontend option 2</option>\n  </select>\n</div>"
+        },
+        {
+            "name": "error",
+            "options": {
+                "id": "select-with-error",
+                "name": "select-with-error",
+                "label": {
+                    "text": "Label text goes here"
+                },
+                "errorMessage": {
+                    "text": "Error message"
+                },
+                "items": [
+                    {
+                        "value": 1,
+                        "text": "GOV.UK frontend option 1"
+                    },
+                    {
+                        "value": 2,
+                        "text": "GOV.UK frontend option 2"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-form-group--error\">\n  <label class=\"govuk-label\" for=\"select-with-error\">\n    Label text goes here\n  </label>\n  <p id=\"select-with-error-error\" class=\"govuk-error-message\">\n    <span class=\"govuk-visually-hidden\">Error:</span> Error message\n  </p>\n  <select class=\"govuk-select govuk-select--error\" id=\"select-with-error\" name=\"select-with-error\" aria-describedby=\"select-with-error-error\">\n    <option value=\"1\">GOV.UK frontend option 1</option>\n    <option value=\"2\">GOV.UK frontend option 2</option>\n  </select>\n</div>"
+        },
+        {
+            "name": "error and describedBy",
+            "options": {
+                "id": "select-with-error",
+                "name": "select-with-error",
+                "label": {
+                    "text": "Label text goes here"
+                },
+                "describedBy": "test-target-element",
+                "errorMessage": {
+                    "text": "Error message"
+                },
+                "items": [
+                    {
+                        "value": 1,
+                        "text": "GOV.UK frontend option 1"
+                    },
+                    {
+                        "value": 2,
+                        "text": "GOV.UK frontend option 2"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-form-group--error\">\n  <label class=\"govuk-label\" for=\"select-with-error\">\n    Label text goes here\n  </label>\n  <p id=\"select-with-error-error\" class=\"govuk-error-message\">\n    <span class=\"govuk-visually-hidden\">Error:</span> Error message\n  </p>\n  <select class=\"govuk-select govuk-select--error\" id=\"select-with-error\" name=\"select-with-error\" aria-describedby=\"test-target-element select-with-error-error\">\n    <option value=\"1\">GOV.UK frontend option 1</option>\n    <option value=\"2\">GOV.UK frontend option 2</option>\n  </select>\n</div>"
+        },
+        {
+            "name": "without values",
+            "options": {
+                "name": "colors",
+                "id": "colors",
+                "label": {
+                    "text": "Label text goes here"
+                },
+                "items": [
+                    {
+                        "text": "Red"
+                    },
+                    {
+                        "text": "Green"
+                    },
+                    {
+                        "text": "Blue"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"colors\">\n    Label text goes here\n  </label>\n  <select class=\"govuk-select\" id=\"colors\" name=\"colors\">\n    <option>Red</option>\n    <option>Green</option>\n    <option>Blue</option>\n  </select>\n</div>"
+        },
+        {
+            "name": "without values with selected value",
+            "options": {
+                "name": "colors",
+                "id": "colors",
+                "label": {
+                    "text": "Label text goes here"
+                },
+                "items": [
+                    {
+                        "text": "Red"
+                    },
+                    {
+                        "text": "Green"
+                    },
+                    {
+                        "text": "Blue"
+                    }
+                ],
+                "value": "Green"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"colors\">\n    Label text goes here\n  </label>\n  <select class=\"govuk-select\" id=\"colors\" name=\"colors\">\n    <option>Red</option>\n    <option selected>Green</option>\n    <option>Blue</option>\n  </select>\n</div>"
+        },
+        {
+            "name": "with falsy values",
+            "options": {
+                "name": "falsy-values",
+                "id": "falsy-values",
+                "label": {
+                    "text": "Label text goes here"
+                },
+                "items": [
+                    {
+                        "text": "Empty string",
+                        "value": ""
+                    },
+                    {
+                        "text": "Boolean false",
+                        "value": false
+                    },
+                    {
+                        "text": "Number zero",
+                        "value": 0
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"falsy-values\">\n    Label text goes here\n  </label>\n  <select class=\"govuk-select\" id=\"falsy-values\" name=\"falsy-values\">\n    <option value=\"\">Empty string</option>\n    <option value=\"false\">Boolean false</option>\n    <option value=\"0\">Number zero</option>\n  </select>\n</div>"
+        },
+        {
+            "name": "item selected overrides value",
+            "options": {
+                "name": "colors",
+                "id": "colors",
+                "label": {
+                    "text": "Label text goes here"
+                },
+                "items": [
+                    {
+                        "value": "red",
+                        "text": "Red"
+                    },
+                    {
+                        "value": "green",
+                        "text": "Green",
+                        "selected": false
+                    },
+                    {
+                        "value": "blue",
+                        "text": "Blue"
+                    }
+                ],
+                "value": "green"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"colors\">\n    Label text goes here\n  </label>\n  <select class=\"govuk-select\" id=\"colors\" name=\"colors\">\n    <option value=\"red\">Red</option>\n    <option value=\"green\">Green</option>\n    <option value=\"blue\">Blue</option>\n  </select>\n</div>"
+        },
+        {
+            "name": "id",
+            "options": {
+                "id": "select-id",
+                "name": "test-name",
+                "label": {
+                    "text": "Horse with no name"
+                },
+                "items": []
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"select-id\">\n    Horse with no name\n  </label>\n  <select class=\"govuk-select\" id=\"select-id\" name=\"test-name\">\n  </select>\n</div>"
+        },
+        {
+            "name": "with selected value",
+            "options": {
+                "id": "select-1",
+                "name": "select-1",
+                "label": {
+                    "text": "Label text goes here"
+                },
+                "items": [
+                    {
+                        "value": 1,
+                        "text": "GOV.UK frontend option 1"
+                    },
+                    {
+                        "value": 2,
+                        "text": "GOV.UK frontend option 2"
+                    },
+                    {
+                        "value": 3,
+                        "text": "GOV.UK frontend option 3",
+                        "disabled": true
+                    }
+                ],
+                "value": 2
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"select-1\">\n    Label text goes here\n  </label>\n  <select class=\"govuk-select\" id=\"select-1\" name=\"select-1\">\n    <option value=\"1\">GOV.UK frontend option 1</option>\n    <option value=\"2\" selected>GOV.UK frontend option 2</option>\n    <option value=\"3\" disabled>GOV.UK frontend option 3</option>\n  </select>\n</div>"
+        },
+        {
+            "name": "with optional form-group classes",
+            "options": {
+                "id": "select-1",
+                "name": "select-1",
+                "classes": "govuk-!-width-full",
+                "label": {
+                    "text": "Label text goes here"
+                },
+                "formGroup": {
+                    "classes": "extra-class"
+                },
+                "items": [
+                    {
+                        "value": 1,
+                        "text": "GOV.UK frontend option 1"
+                    },
+                    {
+                        "value": 2,
+                        "text": "GOV.UK frontend option 2",
+                        "selected": true
+                    },
+                    {
+                        "value": 3,
+                        "text": "GOV.UK frontend option 3",
+                        "disabled": true
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group extra-class\">\n  <label class=\"govuk-label\" for=\"select-1\">\n    Label text goes here\n  </label>\n  <select class=\"govuk-select govuk-!-width-full\" id=\"select-1\" name=\"select-1\">\n    <option value=\"1\">GOV.UK frontend option 1</option>\n    <option value=\"2\" selected>GOV.UK frontend option 2</option>\n    <option value=\"3\" disabled>GOV.UK frontend option 3</option>\n  </select>\n</div>"
+        }
+    ]
+}
diff --git a/app/templates/govuk/components/components/select/macro-options.json b/app/templates/govuk/components/components/select/macro-options.json
new file mode 100644
index 0000000..9591028
--- /dev/null
+++ b/app/templates/govuk/components/components/select/macro-options.json
@@ -0,0 +1,163 @@
+[
+    {
+        "name": "id",
+        "type": "string",
+        "required": false,
+        "description": "ID for the select box. Defaults to the value of `name`."
+    },
+    {
+        "name": "name",
+        "type": "string",
+        "required": true,
+        "description": "Name property for the select."
+    },
+    {
+        "name": "items",
+        "type": "array",
+        "required": true,
+        "description": "The items within the select component.",
+        "params": [
+            {
+                "name": "value",
+                "type": "string",
+                "required": false,
+                "description": "Value for the option. If this is omitted, the value is taken from the text content of the option element."
+            },
+            {
+                "name": "text",
+                "type": "string",
+                "required": true,
+                "description": "Text for the option item."
+            },
+            {
+                "name": "selected",
+                "type": "boolean",
+                "required": false,
+                "description": "Whether the option should be selected when the page loads. Takes precedence over the top-level `value` option."
+            },
+            {
+                "name": "disabled",
+                "type": "boolean",
+                "required": false,
+                "description": "Sets the option item as disabled."
+            },
+            {
+                "name": "attributes",
+                "type": "object",
+                "required": false,
+                "description": "HTML attributes (for example data attributes) to add to the option."
+            }
+        ]
+    },
+    {
+        "name": "value",
+        "type": "string",
+        "required": false,
+        "description": "Value for the option which should be selected. Use this as an alternative to setting the `selected` option on each individual item."
+    },
+    {
+        "name": "disabled",
+        "type": "boolean",
+        "required": false,
+        "description": "If `true`, select box will be disabled. Use the `disabled` option on each individual item to only disable certain options."
+    },
+    {
+        "name": "describedBy",
+        "type": "string",
+        "required": false,
+        "description": "One or more element IDs to add to the `aria-describedby` attribute, used to provide additional descriptive information for screenreader users."
+    },
+    {
+        "name": "label",
+        "type": "object",
+        "required": true,
+        "description": "The label used by the select component.",
+        "isComponent": true
+    },
+    {
+        "name": "hint",
+        "type": "object",
+        "required": false,
+        "description": "Can be used to add a hint to the select component.",
+        "isComponent": true
+    },
+    {
+        "name": "errorMessage",
+        "type": "object",
+        "required": false,
+        "description": "Can be used to add an error message to the select component. The error message component will not display if you use a falsy value for `errorMessage`, for example `false` or `null`.",
+        "isComponent": true
+    },
+    {
+        "name": "formGroup",
+        "type": "object",
+        "required": false,
+        "description": "Additional options for the form group containing the select component.",
+        "params": [
+            {
+                "name": "classes",
+                "type": "string",
+                "required": false,
+                "description": "Classes to add to the form group (for example to show error state for the whole group)."
+            },
+            {
+                "name": "attributes",
+                "type": "object",
+                "required": false,
+                "description": "HTML attributes (for example data attributes) to add to the form group."
+            },
+            {
+                "name": "beforeInput",
+                "type": "object",
+                "required": false,
+                "description": "Content to add before the select used by the select component.",
+                "params": [
+                    {
+                        "name": "text",
+                        "type": "string",
+                        "required": true,
+                        "description": "Text to add before the select. If `html` is provided, the `text` option will be ignored."
+                    },
+                    {
+                        "name": "html",
+                        "type": "string",
+                        "required": true,
+                        "description": "HTML to add before the select. If `html` is provided, the `text` option will be ignored."
+                    }
+                ]
+            },
+            {
+                "name": "afterInput",
+                "type": "object",
+                "required": false,
+                "description": "Content to add after the select used by the select component.",
+                "params": [
+                    {
+                        "name": "text",
+                        "type": "string",
+                        "required": true,
+                        "description": "Text to add after the select. If `html` is provided, the `text` option will be ignored."
+                    },
+                    {
+                        "name": "html",
+                        "type": "string",
+                        "required": true,
+                        "description": "HTML to add after the select. If `html` is provided, the `text` option will be ignored."
+                    }
+                ]
+            }
+        ]
+    },
+    {
+        "name": "classes",
+        "type": "string",
+        "required": false,
+        "description": "Classes to add to the select."
+    },
+    {
+        "name": "attributes",
+        "type": "object",
+        "required": false,
+        "description": "HTML attributes (for example data attributes) to add to the select."
+    }
+]
diff --git a/app/templates/govuk/components/components/select/macro.njk b/app/templates/govuk/components/components/select/macro.njk
new file mode 100644
index 0000000..3ee0609
--- /dev/null
+++ b/app/templates/govuk/components/components/select/macro.njk
@@ -0,0 +1,3 @@
+{% macro govukSelect(params) %}
+  {%- include "./template.njk" -%}
+{% endmacro %}
diff --git a/app/templates/govuk/components/components/select/template-default.html b/app/templates/govuk/components/components/select/template-default.html
new file mode 100644
index 0000000..4d09305
--- /dev/null
+++ b/app/templates/govuk/components/components/select/template-default.html
@@ -0,0 +1,10 @@
+<div class="govuk-form-group">
+  <label class="govuk-label" for="select-1">
+    Label text goes here
+  </label>
+  <select class="govuk-select" id="select-1" name="select-1">
+    <option value="1">GOV.UK frontend option 1</option>
+    <option value="2" selected>GOV.UK frontend option 2</option>
+    <option value="3" disabled>GOV.UK frontend option 3</option>
+  </select>
+</div>
diff --git a/app/templates/govuk/components/components/select/template-with-full-width-override.html b/app/templates/govuk/components/components/select/template-with-full-width-override.html
new file mode 100644
index 0000000..99c41b0
--- /dev/null
+++ b/app/templates/govuk/components/components/select/template-with-full-width-override.html
@@ -0,0 +1,10 @@
+<div class="govuk-form-group">
+  <label class="govuk-label" for="select-1">
+    Label text goes here
+  </label>
+  <select class="govuk-select govuk-!-width-full" id="select-1" name="select-1">
+    <option value="1">GOV.UK frontend option 1</option>
+    <option value="2" selected>GOV.UK frontend option 2</option>
+    <option value="3" disabled>GOV.UK frontend option 3</option>
+  </select>
+</div>
diff --git a/app/templates/govuk/components/components/select/template-with-hint-text-and-error-message.html b/app/templates/govuk/components/components/select/template-with-hint-text-and-error-message.html
new file mode 100644
index 0000000..41ddf5c
--- /dev/null
+++ b/app/templates/govuk/components/components/select/template-with-hint-text-and-error-message.html
@@ -0,0 +1,16 @@
+<div class="govuk-form-group govuk-form-group--error">
+  <label class="govuk-label" for="select-2">
+    Label text goes here
+  </label>
+  <div id="select-2-hint" class="govuk-hint">
+    Hint text goes here
+  </div>
+  <p id="select-2-error" class="govuk-error-message">
+    <span class="govuk-visually-hidden">Error:</span> Error message goes here
+  </p>
+  <select class="govuk-select govuk-select--error" id="select-2" name="select-2" aria-describedby="select-2-hint select-2-error">
+    <option value="1">GOV.UK frontend option 1</option>
+    <option value="2">GOV.UK frontend option 2</option>
+    <option value="3">GOV.UK frontend option 3</option>
+  </select>
+</div>
diff --git a/app/templates/govuk/components/components/select/template-with-label-as-page-heading.html b/app/templates/govuk/components/components/select/template-with-label-as-page-heading.html
new file mode 100644
index 0000000..9f3e543
--- /dev/null
+++ b/app/templates/govuk/components/components/select/template-with-label-as-page-heading.html
@@ -0,0 +1,12 @@
+<div class="govuk-form-group">
+  <h1 class="govuk-label-wrapper">
+    <label class="govuk-label govuk-label--l" for="select-3">
+      Label text goes here
+    </label>
+  </h1>
+  <select class="govuk-select" id="select-3" name="select-3">
+    <option value="1">GOV.UK frontend option 1</option>
+    <option value="2" selected>GOV.UK frontend option 2</option>
+    <option value="3" disabled>GOV.UK frontend option 3</option>
+  </select>
+</div>
diff --git a/app/templates/govuk/components/components/select/template.njk b/app/templates/govuk/components/components/select/template.njk
new file mode 100644
index 0000000..e5a4faf
--- /dev/null
+++ b/app/templates/govuk/components/components/select/template.njk
@@ -0,0 +1,68 @@
+{% from "../../macros/attributes.njk" import govukAttributes %}
+{% from "../error-message/macro.njk" import govukErrorMessage %}
+{% from "../hint/macro.njk" import govukHint %}
+{% from "../label/macro.njk" import govukLabel %}
+
+{#- a record of other elements that we need to associate with the input using
+  aria-describedby – for example hints or error messages -#}
+{% set describedBy = params.describedBy if params.describedBy else "" %}
+{%- set id = params.id if params.id else params.name -%}
+
+<div class="govuk-form-group {%- if params.errorMessage %} govuk-form-group--error{% endif %} {%- if params.formGroup.classes %} {{ params.formGroup.classes }}{% endif %}"
+  {{- govukAttributes(params.formGroup.attributes) }}>
+  {{ govukLabel({
+    html: params.label.html,
+    text: params.label.text,
+    classes: params.label.classes,
+    isPageHeading: params.label.isPageHeading,
+    attributes: params.label.attributes,
+    for: id
+  }) | trim | indent(2) }}
+{% if params.hint %}
+  {% set hintId = id + '-hint' %}
+  {% set describedBy = describedBy + ' ' + hintId if describedBy else hintId %}
+  {{ govukHint({
+    id: hintId,
+    classes: params.hint.classes,
+    attributes: params.hint.attributes,
+    html: params.hint.html,
+    text: params.hint.text
+  }) | trim | indent(2) }}
+{% endif %}
+{% if params.errorMessage %}
+  {% set errorId = id + '-error' %}
+  {% set describedBy = describedBy + ' ' + errorId if describedBy else errorId %}
+  {{ govukErrorMessage({
+    id: errorId,
+    classes: params.errorMessage.classes,
+    attributes: params.errorMessage.attributes,
+    html: params.errorMessage.html,
+    text: params.errorMessage.text,
+    visuallyHiddenText: params.errorMessage.visuallyHiddenText
+  }) | trim | indent(2) }}
+{% endif %}
+{% if params.formGroup.beforeInput %}
+  {{ params.formGroup.beforeInput.html | safe | trim | indent(2) if params.formGroup.beforeInput.html else params.formGroup.beforeInput.text }}
+{% endif %}
+  <select class="govuk-select
+    {%- if params.classes %} {{ params.classes }}{% endif %}{%- if params.errorMessage %} govuk-select--error{% endif %}" id="{{ id }}" name="{{ params.name }}"
+    {%- if params.disabled %} disabled{% endif %}
+    {%- if describedBy %} aria-describedby="{{ describedBy }}"{% endif %}
+    {{- govukAttributes(params.attributes) }}>
+  {% for item in params.items %}
+    {% if item %}
+    {#- Allow selecting by text content (the value for an option when no value attribute is specified) #}
+    {%- set effectiveValue = item.value | default(item.text) %}
+    <option {%- if item.value !== undefined %} value="{{ item.value }}"{% endif %}
+      {{-" selected" if item.selected | default((effectiveValue == params.value and item.selected != false) if params.value else false, true) }}
+      {{-" disabled" if item.disabled }}
+      {{- govukAttributes(item.attributes) }}>
+      {{- item.text -}}
+    </option>
+    {% endif %}
+  {% endfor %}
+  </select>
+{% if params.formGroup.afterInput %}
+  {{ params.formGroup.afterInput.html | safe | trim | indent(2) if params.formGroup.afterInput.html else params.formGroup.afterInput.text }}
+{% endif %}
+</div>
diff --git a/app/templates/govuk/components/components/service-navigation/README.md b/app/templates/govuk/components/components/service-navigation/README.md
new file mode 100644
index 0000000..87e7f1f
--- /dev/null
+++ b/app/templates/govuk/components/components/service-navigation/README.md
@@ -0,0 +1,15 @@
+# Service navigation
+
+## Installation
+
+See the [main README quick start guide](https://github.com/alphagov/govuk-frontend#quick-start) for how to install this component.
+
+## Guidance and Examples
+
+Find out when to use the Service navigation component in your service in the [GOV.UK Design System](https://design-system.service.gov.uk/components/service-navigation).
+
+## Component options
+
+Use options to customise the appearance, content and behaviour of a component when using a macro, for example, changing the text.
+
+See [options table](https://design-system.service.gov.uk/components/service-navigation/#options-service-navigation-example) for details.
diff --git a/app/templates/govuk/components/components/service-navigation/_index.scss b/app/templates/govuk/components/components/service-navigation/_index.scss
new file mode 100644
index 0000000..a487a4c
--- /dev/null
+++ b/app/templates/govuk/components/components/service-navigation/_index.scss
@@ -0,0 +1,254 @@
+@include govuk-exports("govuk/component/service-navigation") {
+  $govuk-service-navigation-active-link-border-width: govuk-spacing(1);
+  $govuk-service-navigation-background: govuk-colour("light-grey");
+  $govuk-service-navigation-border-colour: $govuk-border-colour;
+
+  // We make the link colour a little darker than normal here so that it has
+  // better perceptual contrast with the navigation background.
+  $govuk-service-navigation-link-colour: govuk-shade($govuk-link-colour, 10%);
+
+  .govuk-service-navigation {
+    border-bottom-width: 1px;
+    border-bottom-style: solid;
+    @include _govuk-rebrand(
+      "border-bottom-color",
+      $from: $govuk-service-navigation-border-colour,
+      $to: $_govuk-rebrand-border-colour-on-blue-tint-95
+    );
+    @include _govuk-rebrand(
+      "background-color",
+      $from: $govuk-service-navigation-background,
+      $to: $_govuk-rebrand-template-background-colour
+    );
+  }
+
+  .govuk-service-navigation__container {
+    display: flex;
+    flex-direction: column;
+    align-items: start;
+
+    @include govuk-media-query($from: tablet) {
+      flex-direction: row;
+      flex-wrap: wrap;
+    }
+  }
+
+  // These styles are shared between nav items and the service name, they
+  // ensure that both of them remain vertically aligned with one another
+  .govuk-service-navigation__item,
+  .govuk-service-navigation__service-name {
+    position: relative;
+    margin: govuk-spacing(2) 0;
+    border: 0 solid $govuk-service-navigation-link-colour;
+
+    @include govuk-media-query($from: tablet) {
+      // inline-block is used as a fallback for browsers that don't support flexbox
+      display: inline-block;
+
+      margin-top: 0;
+      margin-bottom: 0;
+      padding: govuk-spacing(4) 0;
+
+      @include _govuk-rebrand {
+        padding: govuk-spacing(3) 0;
+
+        // More magic numbers ahoy:
+        // 29 is the desired height of the element (60), minus top and bottom
+        // padding (2×15), minus bottom border (1); 19 is the font-size at this
+        // point. This gives us the perfect fractional line height to make the
+        // overall component 60px high
+        line-height: (29 / 19);
+      }
+
+      &:not(:last-child) {
+        @include govuk-responsive-margin(6, $direction: right);
+      }
+    }
+  }
+
+  // Remove the top margin of the first nav item if there is a service name but
+  // there's no menu button (either because it doesn't exist or it's hidden)
+  .govuk-service-navigation__service-name + .govuk-service-navigation__wrapper {
+    .govuk-service-navigation__list:first-child,
+    .govuk-service-navigation__toggle[hidden] + .govuk-service-navigation__list {
+      .govuk-service-navigation__item:first-child {
+        margin-top: 0;
+      }
+    }
+  }
+
+  .govuk-service-navigation__item--active {
+    @include govuk-media-query($until: tablet) {
+      // Negative offset the left margin so we can place a current page indicator
+      // to the left without misaligning the list item text.
+      margin-left: ((govuk-spacing(2) + $govuk-service-navigation-active-link-border-width) * -1);
+      padding-left: govuk-spacing(2);
+      border-left-width: $govuk-service-navigation-active-link-border-width;
+    }
+
+    @include govuk-media-query($from: tablet) {
+      @include _govuk-rebrand(
+        "padding-bottom",
+        $from: govuk-spacing(4) - $govuk-service-navigation-active-link-border-width,
+        $to: govuk-spacing(3) - $govuk-service-navigation-active-link-border-width
+      );
+      border-bottom-width: $govuk-service-navigation-active-link-border-width;
+    }
+  }
+
+  .govuk-service-navigation__link {
+    @include govuk-link-common;
+    @include govuk-link-style-no-underline;
+    @include govuk-link-style-no-visited-state;
+
+    &:not(:hover):not(:focus) {
+      // We set the colour here as we don't want to override the hover or
+      // focus colours
+      color: $govuk-service-navigation-link-colour;
+    }
+  }
+
+  //
+  // Service name specific code
+  //
+
+  .govuk-service-navigation__service-name {
+    @include govuk-font($size: 19, $weight: bold);
+  }
+
+  // Annoyingly this requires a compound selector in order to overcome the
+  // specificity of the other link colour override we're doing
+  .govuk-service-navigation__service-name .govuk-service-navigation__link {
+    @include govuk-link-style-text;
+  }
+
+  // Allow navigation section to always take up maximum available space,
+  // rather than sizing to fit the content. This makes it easier to right align
+  // nav items and use slots.
+  .govuk-service-navigation__wrapper {
+    flex-grow: 1;
+  }
+
+  //
+  // Navigation list specific code
+  //
+
+  .govuk-service-navigation__toggle {
+    @include govuk-font($size: 19, $weight: bold);
+    display: inline-flex;
+    margin: govuk-spacing(2) 0;
+    padding: 0;
+    border: 0;
+    color: $govuk-service-navigation-link-colour;
+    background: none;
+    word-break: break-all;
+    cursor: pointer;
+    align-items: center;
+
+    &:focus {
+      @include govuk-focused-text;
+    }
+
+    &::after {
+      @include govuk-shape-arrow($direction: down, $base: 10px, $display: inline-block);
+      content: "";
+      margin-left: govuk-spacing(1);
+    }
+
+    &[aria-expanded="true"]::after {
+      @include govuk-shape-arrow($direction: up, $base: 10px, $display: inline-block);
+    }
+
+    // Ensure the button stays hidden if the hidden attribute is present
+    &[hidden] {
+      display: none;
+    }
+
+    // If we have both a service name and navigation toggle, remove the
+    // margin-top so that there isn't a bunch of space between them
+    .govuk-service-navigation__service-name + .govuk-service-navigation__wrapper & {
+      margin-top: 0;
+    }
+  }
+
+  .govuk-service-navigation__list {
+    @include govuk-font($size: 19);
+    margin: 0;
+    margin-bottom: govuk-spacing(3);
+    padding: 0;
+    list-style: none;
+
+    // Make the navigation list a flexbox. Doing so resolves a couple of
+    // accessibility problems caused by the list items being inline-blocks:
+    // - Removes the extra whitespace from between each list item that screen
+    //   readers would pointlessly announce.
+    // - Fixes an NVDA issue in Firefox and Chrome <= 124 where it would read
+    //   all of the links as a run-on sentence.
+    @include govuk-media-query($from: tablet) {
+      display: flex;
+      flex-wrap: wrap;
+      margin-bottom: 0;
+
+      // However... IE11 totally trips over flexbox and doesn't wrap anything,
+      // making all of the items into a single, horizontally scrolling row,
+      // which is no good. This CSS hack removes the flexbox definition for
+      // IE 9–11, reverting it to the flawed, but OK, non-flexbox version.
+      //
+      // CSS hack from http://browserhacks.com/#hack-a60b03e301a67f76a5a22221c739dc64
+      @media screen and (min-width: 0\0) {
+        display: block;
+      }
+    }
+  }
+
+  // This is a <strong> element that is used as a fallback mechanism for
+  // visually indicating the current page in scenarios where CSS isn't
+  // available. We don't actually want it to be bold normally, so set it to
+  // inherit the parent font-weight.
+  .govuk-service-navigation__active-fallback {
+    font-weight: inherit;
+  }
+
+  // Inverted colour scheme style intended for product pages
+  .govuk-service-navigation--inverse {
+    @include _govuk-rebrand {
+      // Remove bottom border to add width-container ones
+      border-bottom: none;
+
+      // Set colour here so non-link text (service name, slot content) can
+      // use it too.
+      color: govuk-colour("white");
+
+      background-color: $govuk-brand-colour;
+
+      .govuk-width-container {
+        border-width: 1px 0;
+        border-style: solid;
+        border-color: $_govuk-rebrand-border-colour-on-blue-tint-95;
+      }
+
+      // Subtract 1px of space to account for the extra border-top
+      .govuk-service-navigation__container {
+        margin-top: -1px;
+      }
+
+      // Override the 'active' border colour
+      .govuk-service-navigation__item,
+      .govuk-service-navigation__service-name {
+        border-color: govuk-colour("white");
+      }
+
+      // Override link styles
+      .govuk-service-navigation__link {
+        @include govuk-link-style-inverse;
+      }
+
+      // Override mobile menu toggle colour when not focused
+      .govuk-service-navigation__toggle:not(:focus) {
+        color: currentcolor;
+      }
+    }
+  }
+}
+
+/*# sourceMappingURL=_index.scss.map */
diff --git a/app/templates/govuk/components/components/service-navigation/_index.scss.map b/app/templates/govuk/components/components/service-navigation/_index.scss.map
new file mode 100644
index 0000000..dd58e59
--- /dev/null
+++ b/app/templates/govuk/components/components/service-navigation/_index.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/service-navigation/_index.scss"],"names":[],"mappings":"AAAA;EACE,oEAAoE;EACpE,gEAAgE;EAChE,6DAA6D;;EAE7D,yEAAyE;EACzE,4DAA4D;EAC5D,2EAA2E;;EAE3E;IACE,wBAAwB;IACxB,0BAA0B;IAC1B;;;;KAIC;IACD;;;;KAIC;EACH;;EAEA;IACE,aAAa;IACb,sBAAsB;IACtB,kBAAkB;;IAElB;MACE,mBAAmB;MACnB,eAAe;IACjB;EACF;;EAEA,sEAAsE;EACtE,qEAAqE;EACrE;;IAEE,kBAAkB;IAClB,0BAA0B;IAC1B,qDAAqD;;IAErD;MACE,4EAA4E;MAC5E,qBAAqB;;MAErB,aAAa;MACb,gBAAgB;MAChB,2BAA2B;;MAE3B;QACE,2BAA2B;;QAE3B,0BAA0B;QAC1B,oEAAoE;QACpE,sEAAsE;QACtE,qEAAqE;QACrE,6BAA6B;QAC7B,sBAAsB;MACxB;;MAEA;QACE,sDAAsD;MACxD;IACF;EACF;;EAEA,4EAA4E;EAC5E,yEAAyE;EACzE;IACE;;MAEE;QACE,aAAa;MACf;IACF;EACF;;EAEA;IACE;MACE,0EAA0E;MAC1E,qDAAqD;MACrD,2FAA2F;MAC3F,8BAA8B;MAC9B,qEAAqE;IACvE;;IAEA;MACE;;;;OAIC;MACD,uEAAuE;IACzE;EACF;;EAEA;IACE,0BAA0B;IAC1B,sCAAsC;IACtC,0CAA0C;;IAE1C;MACE,kEAAkE;MAClE,eAAe;MACf,4CAA4C;IAC9C;EACF;;EAEA,CAAC;EACD,4BAA4B;EAC5B,CAAC;;EAED;IACE,6CAA6C;EAC/C;;EAEA,uEAAuE;EACvE,2DAA2D;EAC3D;IACE,8BAA8B;EAChC;;EAEA,qEAAqE;EACrE,4EAA4E;EAC5E,0BAA0B;EAC1B;IACE,YAAY;EACd;;EAEA,CAAC;EACD,+BAA+B;EAC/B,CAAC;;EAED;IACE,6CAA6C;IAC7C,oBAAoB;IACpB,0BAA0B;IAC1B,UAAU;IACV,SAAS;IACT,4CAA4C;IAC5C,gBAAgB;IAChB,qBAAqB;IACrB,eAAe;IACf,mBAAmB;;IAEnB;MACE,2BAA2B;IAC7B;;IAEA;MACE,iFAAiF;MACjF,WAAW;MACX,6BAA6B;IAC/B;;IAEA;MACE,+EAA+E;IACjF;;IAEA,mEAAmE;IACnE;MACE,aAAa;IACf;;IAEA,kEAAkE;IAClE,8DAA8D;IAC9D;MACE,aAAa;IACf;EACF;;EAEA;IACE,8BAA8B;IAC9B,SAAS;IACT,+BAA+B;IAC/B,UAAU;IACV,gBAAgB;;IAEhB,mEAAmE;IACnE,sEAAsE;IACtE,wEAAwE;IACxE,uCAAuC;IACvC,wEAAwE;IACxE,0CAA0C;IAC1C;MACE,aAAa;MACb,eAAe;MACf,gBAAgB;;MAEhB,uEAAuE;MACvE,oEAAoE;MACpE,oEAAoE;MACpE,mEAAmE;MACnE,CAAC;MACD,8EAA8E;MAC9E;QACE,cAAc;MAChB;IACF;EACF;;EAEA,qEAAqE;EACrE,mEAAmE;EACnE,wEAAwE;EACxE,iCAAiC;EACjC;IACE,oBAAoB;EACtB;;EAEA,yDAAyD;EACzD;IACE;MACE,kDAAkD;MAClD,mBAAmB;;MAEnB,mEAAmE;MACnE,aAAa;MACb,4BAA4B;;MAE5B,qCAAqC;;MAErC;QACE,mBAAmB;QACnB,mBAAmB;QACnB,2DAA2D;MAC7D;;MAEA,2DAA2D;MAC3D;QACE,gBAAgB;MAClB;;MAEA,qCAAqC;MACrC;;QAEE,mCAAmC;MACrC;;MAEA,sBAAsB;MACtB;QACE,iCAAiC;MACnC;;MAEA,qDAAqD;MACrD;QACE,mBAAmB;MACrB;IACF;EACF;AACF","file":"_index.scss","sourcesContent":["@include govuk-exports(\"govuk/component/service-navigation\") {\n  $govuk-service-navigation-active-link-border-width: govuk-spacing(1);\n  $govuk-service-navigation-background: govuk-colour(\"light-grey\");\n  $govuk-service-navigation-border-colour: $govuk-border-colour;\n\n  // We make the link colour a little darker than normal here so that it has\n  // better perceptual contrast with the navigation background.\n  $govuk-service-navigation-link-colour: govuk-shade($govuk-link-colour, 10%);\n\n  .govuk-service-navigation {\n    border-bottom-width: 1px;\n    border-bottom-style: solid;\n    @include _govuk-rebrand(\n      \"border-bottom-color\",\n      $from: $govuk-service-navigation-border-colour,\n      $to: $_govuk-rebrand-border-colour-on-blue-tint-95\n    );\n    @include _govuk-rebrand(\n      \"background-color\",\n      $from: $govuk-service-navigation-background,\n      $to: $_govuk-rebrand-template-background-colour\n    );\n  }\n\n  .govuk-service-navigation__container {\n    display: flex;\n    flex-direction: column;\n    align-items: start;\n\n    @include govuk-media-query($from: tablet) {\n      flex-direction: row;\n      flex-wrap: wrap;\n    }\n  }\n\n  // These styles are shared between nav items and the service name, they\n  // ensure that both of them remain vertically aligned with one another\n  .govuk-service-navigation__item,\n  .govuk-service-navigation__service-name {\n    position: relative;\n    margin: govuk-spacing(2) 0;\n    border: 0 solid $govuk-service-navigation-link-colour;\n\n    @include govuk-media-query($from: tablet) {\n      // inline-block is used as a fallback for browsers that don't support flexbox\n      display: inline-block;\n\n      margin-top: 0;\n      margin-bottom: 0;\n      padding: govuk-spacing(4) 0;\n\n      @include _govuk-rebrand {\n        padding: govuk-spacing(3) 0;\n\n        // More magic numbers ahoy:\n        // 29 is the desired height of the element (60), minus top and bottom\n        // padding (2×15), minus bottom border (1); 19 is the font-size at this\n        // point. This gives us the perfect fractional line height to make the\n        // overall component 60px high\n        line-height: (29 / 19);\n      }\n\n      &:not(:last-child) {\n        @include govuk-responsive-margin(6, $direction: right);\n      }\n    }\n  }\n\n  // Remove the top margin of the first nav item if there is a service name but\n  // there's no menu button (either because it doesn't exist or it's hidden)\n  .govuk-service-navigation__service-name + .govuk-service-navigation__wrapper {\n    .govuk-service-navigation__list:first-child,\n    .govuk-service-navigation__toggle[hidden] + .govuk-service-navigation__list {\n      .govuk-service-navigation__item:first-child {\n        margin-top: 0;\n      }\n    }\n  }\n\n  .govuk-service-navigation__item--active {\n    @include govuk-media-query($until: tablet) {\n      // Negative offset the left margin so we can place a current page indicator\n      // to the left without misaligning the list item text.\n      margin-left: ((govuk-spacing(2) + $govuk-service-navigation-active-link-border-width) * -1);\n      padding-left: govuk-spacing(2);\n      border-left-width: $govuk-service-navigation-active-link-border-width;\n    }\n\n    @include govuk-media-query($from: tablet) {\n      @include _govuk-rebrand(\n        \"padding-bottom\",\n        $from: govuk-spacing(4) - $govuk-service-navigation-active-link-border-width,\n        $to: govuk-spacing(3) - $govuk-service-navigation-active-link-border-width\n      );\n      border-bottom-width: $govuk-service-navigation-active-link-border-width;\n    }\n  }\n\n  .govuk-service-navigation__link {\n    @include govuk-link-common;\n    @include govuk-link-style-no-underline;\n    @include govuk-link-style-no-visited-state;\n\n    &:not(:hover):not(:focus) {\n      // We set the colour here as we don't want to override the hover or\n      // focus colours\n      color: $govuk-service-navigation-link-colour;\n    }\n  }\n\n  //\n  // Service name specific code\n  //\n\n  .govuk-service-navigation__service-name {\n    @include govuk-font($size: 19, $weight: bold);\n  }\n\n  // Annoyingly this requires a compound selector in order to overcome the\n  // specificity of the other link colour override we're doing\n  .govuk-service-navigation__service-name .govuk-service-navigation__link {\n    @include govuk-link-style-text;\n  }\n\n  // Allow navigation section to always take up maximum available space,\n  // rather than sizing to fit the content. This makes it easier to right align\n  // nav items and use slots.\n  .govuk-service-navigation__wrapper {\n    flex-grow: 1;\n  }\n\n  //\n  // Navigation list specific code\n  //\n\n  .govuk-service-navigation__toggle {\n    @include govuk-font($size: 19, $weight: bold);\n    display: inline-flex;\n    margin: govuk-spacing(2) 0;\n    padding: 0;\n    border: 0;\n    color: $govuk-service-navigation-link-colour;\n    background: none;\n    word-break: break-all;\n    cursor: pointer;\n    align-items: center;\n\n    &:focus {\n      @include govuk-focused-text;\n    }\n\n    &::after {\n      @include govuk-shape-arrow($direction: down, $base: 10px, $display: inline-block);\n      content: \"\";\n      margin-left: govuk-spacing(1);\n    }\n\n    &[aria-expanded=\"true\"]::after {\n      @include govuk-shape-arrow($direction: up, $base: 10px, $display: inline-block);\n    }\n\n    // Ensure the button stays hidden if the hidden attribute is present\n    &[hidden] {\n      display: none;\n    }\n\n    // If we have both a service name and navigation toggle, remove the\n    // margin-top so that there isn't a bunch of space between them\n    .govuk-service-navigation__service-name + .govuk-service-navigation__wrapper & {\n      margin-top: 0;\n    }\n  }\n\n  .govuk-service-navigation__list {\n    @include govuk-font($size: 19);\n    margin: 0;\n    margin-bottom: govuk-spacing(3);\n    padding: 0;\n    list-style: none;\n\n    // Make the navigation list a flexbox. Doing so resolves a couple of\n    // accessibility problems caused by the list items being inline-blocks:\n    // - Removes the extra whitespace from between each list item that screen\n    //   readers would pointlessly announce.\n    // - Fixes an NVDA issue in Firefox and Chrome <= 124 where it would read\n    //   all of the links as a run-on sentence.\n    @include govuk-media-query($from: tablet) {\n      display: flex;\n      flex-wrap: wrap;\n      margin-bottom: 0;\n\n      // However... IE11 totally trips over flexbox and doesn't wrap anything,\n      // making all of the items into a single, horizontally scrolling row,\n      // which is no good. This CSS hack removes the flexbox definition for\n      // IE 9–11, reverting it to the flawed, but OK, non-flexbox version.\n      //\n      // CSS hack from http://browserhacks.com/#hack-a60b03e301a67f76a5a22221c739dc64\n      @media screen and (min-width: 0\\0) {\n        display: block;\n      }\n    }\n  }\n\n  // This is a <strong> element that is used as a fallback mechanism for\n  // visually indicating the current page in scenarios where CSS isn't\n  // available. We don't actually want it to be bold normally, so set it to\n  // inherit the parent font-weight.\n  .govuk-service-navigation__active-fallback {\n    font-weight: inherit;\n  }\n\n  // Inverted colour scheme style intended for product pages\n  .govuk-service-navigation--inverse {\n    @include _govuk-rebrand {\n      // Remove bottom border to add width-container ones\n      border-bottom: none;\n\n      // Set colour here so non-link text (service name, slot content) can\n      // use it too.\n      color: govuk-colour(\"white\");\n\n      background-color: $govuk-brand-colour;\n\n      .govuk-width-container {\n        border-width: 1px 0;\n        border-style: solid;\n        border-color: $_govuk-rebrand-border-colour-on-blue-tint-95;\n      }\n\n      // Subtract 1px of space to account for the extra border-top\n      .govuk-service-navigation__container {\n        margin-top: -1px;\n      }\n\n      // Override the 'active' border colour\n      .govuk-service-navigation__item,\n      .govuk-service-navigation__service-name {\n        border-color: govuk-colour(\"white\");\n      }\n\n      // Override link styles\n      .govuk-service-navigation__link {\n        @include govuk-link-style-inverse;\n      }\n\n      // Override mobile menu toggle colour when not focused\n      .govuk-service-navigation__toggle:not(:focus) {\n        color: currentcolor;\n      }\n    }\n  }\n}\n"]}
diff --git a/app/templates/govuk/components/components/service-navigation/_service-navigation.scss b/app/templates/govuk/components/components/service-navigation/_service-navigation.scss
new file mode 100644
index 0000000..8003c1e
--- /dev/null
+++ b/app/templates/govuk/components/components/service-navigation/_service-navigation.scss
@@ -0,0 +1,4 @@
+@import "../../base";
+@import "./index";
+
+/*# sourceMappingURL=_service-navigation.scss.map */
diff --git a/app/templates/govuk/components/components/service-navigation/_service-navigation.scss.map b/app/templates/govuk/components/components/service-navigation/_service-navigation.scss.map
new file mode 100644
index 0000000..a182803
--- /dev/null
+++ b/app/templates/govuk/components/components/service-navigation/_service-navigation.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/service-navigation/_service-navigation.scss"],"names":[],"mappings":"AAAA,oBAAoB;AACpB,iBAAiB","file":"_service-navigation.scss","sourcesContent":["@import \"../../base\";\n@import \"./index\";\n"]}
diff --git a/app/templates/govuk/components/components/service-navigation/fixtures.json b/app/templates/govuk/components/components/service-navigation/fixtures.json
new file mode 100644
index 0000000..6d4045d
--- /dev/null
+++ b/app/templates/govuk/components/components/service-navigation/fixtures.json
@@ -0,0 +1,681 @@
+{
+    "component": "service-navigation",
+    "fixtures": [
+        {
+            "name": "default",
+            "options": {
+                "navigation": [
+                    {
+                        "href": "#/1",
+                        "text": "Navigation item 1"
+                    },
+                    {
+                        "href": "#/2",
+                        "text": "Navigation item 2"
+                    },
+                    {
+                        "href": "#/3",
+                        "text": "Navigation item 3"
+                    },
+                    {
+                        "href": "#/4",
+                        "text": "Navigation item 4"
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": {
+                "variants": [
+                    "default",
+                    "no-js"
+                ]
+            },
+            "html": "<div class=\"govuk-service-navigation\"\ndata-module=\"govuk-service-navigation\"\n>\n      <div class=\"govuk-width-container\">\n\n    <div class=\"govuk-service-navigation__container\">\n      \n\n      \n        <nav aria-label=\"Menu\" class=\"govuk-service-navigation__wrapper\">\n          <button type=\"button\" class=\"govuk-service-navigation__toggle govuk-js-service-navigation-toggle\" aria-controls=\"navigation\" hidden>\n            Menu\n          </button>\n\n          <ul class=\"govuk-service-navigation__list\" id=\"navigation\" >\n\n            \n              \n              <li class=\"govuk-service-navigation__item\">\n                  <a class=\"govuk-service-navigation__link\" href=\"#/1\">\n                                    \nNavigation item 1\n                  </a>\n              </li>\n\n              \n              <li class=\"govuk-service-navigation__item\">\n                  <a class=\"govuk-service-navigation__link\" href=\"#/2\">\n                                    \nNavigation item 2\n                  </a>\n              </li>\n\n              \n              <li class=\"govuk-service-navigation__item\">\n                  <a class=\"govuk-service-navigation__link\" href=\"#/3\">\n                                    \nNavigation item 3\n                  </a>\n              </li>\n\n              \n              <li class=\"govuk-service-navigation__item\">\n                  <a class=\"govuk-service-navigation__link\" href=\"#/4\">\n                                    \nNavigation item 4\n                  </a>\n              </li>\n\n            </ul>\n        </nav>\n    </div>\n\n    </div>\n\n  </div>"
+        },
+        {
+            "name": "with navigation with a current item",
+            "options": {
+                "navigation": [
+                    {
+                        "href": "#/1",
+                        "text": "Navigation item 1"
+                    },
+                    {
+                        "href": "#/2",
+                        "text": "Navigation item 2",
+                        "current": true
+                    },
+                    {
+                        "href": "#/3",
+                        "text": "Navigation item 3"
+                    },
+                    {
+                        "href": "#/4",
+                        "text": "Navigation item 4"
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "The current item indicates that the user is present on that exact page. It looks the same as an active item, but marks this item as the one the user is currently viewing in ARIA.",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-service-navigation\"\ndata-module=\"govuk-service-navigation\"\n>\n      <div class=\"govuk-width-container\">\n\n    <div class=\"govuk-service-navigation__container\">\n      \n\n      \n        <nav aria-label=\"Menu\" class=\"govuk-service-navigation__wrapper\">\n          <button type=\"button\" class=\"govuk-service-navigation__toggle govuk-js-service-navigation-toggle\" aria-controls=\"navigation\" hidden>\n            Menu\n          </button>\n\n          <ul class=\"govuk-service-navigation__list\" id=\"navigation\" >\n\n            \n              \n              <li class=\"govuk-service-navigation__item\">\n                  <a class=\"govuk-service-navigation__link\" href=\"#/1\">\n                                    \nNavigation item 1\n                  </a>\n              </li>\n\n              \n              <li class=\"govuk-service-navigation__item govuk-service-navigation__item--active\">\n                  <a class=\"govuk-service-navigation__link\" href=\"#/2\" aria-current=\"page\">\n                                    \n                  <strong class=\"govuk-service-navigation__active-fallback\">Navigation item 2</strong>\n\n                  </a>\n              </li>\n\n              \n              <li class=\"govuk-service-navigation__item\">\n                  <a class=\"govuk-service-navigation__link\" href=\"#/3\">\n                                    \nNavigation item 3\n                  </a>\n              </li>\n\n              \n              <li class=\"govuk-service-navigation__item\">\n                  <a class=\"govuk-service-navigation__link\" href=\"#/4\">\n                                    \nNavigation item 4\n                  </a>\n              </li>\n\n            </ul>\n        </nav>\n    </div>\n\n    </div>\n\n  </div>"
+        },
+        {
+            "name": "with large navigation",
+            "options": {
+                "navigation": [
+                    {
+                        "href": "#/browse/benefits",
+                        "text": "Benefits"
+                    },
+                    {
+                        "href": "#/browse/births-deaths-marriages",
+                        "text": "Births, deaths, marriages and care"
+                    },
+                    {
+                        "href": "#/browse/business",
+                        "text": "Business and self-employed"
+                    },
+                    {
+                        "href": "#/browse/childcare-parenting",
+                        "text": "Childcare and parenting"
+                    },
+                    {
+                        "href": "#/browse/citizenship",
+                        "text": "Citizenship and living in the UK"
+                    },
+                    {
+                        "href": "#/browse/justice",
+                        "text": "Crime, justice and the law"
+                    },
+                    {
+                        "href": "#/browse/disabilities",
+                        "text": "Disabled people"
+                    },
+                    {
+                        "href": "#/browse/driving",
+                        "text": "Driving and transport"
+                    },
+                    {
+                        "href": "#/browse/education",
+                        "text": "Education and learning"
+                    },
+                    {
+                        "href": "#/browse/employing-people",
+                        "text": "Employing people"
+                    },
+                    {
+                        "href": "#/browse/environment-countryside",
+                        "text": "Environment and countryside"
+                    },
+                    {
+                        "href": "#/browse/housing-local-services",
+                        "text": "Housing and local services"
+                    },
+                    {
+                        "href": "#/browse/tax",
+                        "text": "Money and tax"
+                    },
+                    {
+                        "href": "#/browse/abroad",
+                        "text": "Passports, travel and living abroad"
+                    },
+                    {
+                        "href": "#/browse/visas-immigration",
+                        "text": "Visas and immigration"
+                    },
+                    {
+                        "href": "#/browse/working",
+                        "text": "Working, jobs and pensions"
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-service-navigation\"\ndata-module=\"govuk-service-navigation\"\n>\n      <div class=\"govuk-width-container\">\n\n    <div class=\"govuk-service-navigation__container\">\n      \n\n      \n        <nav aria-label=\"Menu\" class=\"govuk-service-navigation__wrapper\">\n          <button type=\"button\" class=\"govuk-service-navigation__toggle govuk-js-service-navigation-toggle\" aria-controls=\"navigation\" hidden>\n            Menu\n          </button>\n\n          <ul class=\"govuk-service-navigation__list\" id=\"navigation\" >\n\n            \n              \n              <li class=\"govuk-service-navigation__item\">\n                  <a class=\"govuk-service-navigation__link\" href=\"#/browse/benefits\">\n                                    \nBenefits\n                  </a>\n              </li>\n\n              \n              <li class=\"govuk-service-navigation__item\">\n                  <a class=\"govuk-service-navigation__link\" href=\"#/browse/births-deaths-marriages\">\n                                    \nBirths, deaths, marriages and care\n                  </a>\n              </li>\n\n              \n              <li class=\"govuk-service-navigation__item\">\n                  <a class=\"govuk-service-navigation__link\" href=\"#/browse/business\">\n                                    \nBusiness and self-employed\n                  </a>\n              </li>\n\n              \n              <li class=\"govuk-service-navigation__item\">\n                  <a class=\"govuk-service-navigation__link\" href=\"#/browse/childcare-parenting\">\n                                    \nChildcare and parenting\n                  </a>\n              </li>\n\n              \n              <li class=\"govuk-service-navigation__item\">\n                  <a class=\"govuk-service-navigation__link\" href=\"#/browse/citizenship\">\n                                    \nCitizenship and living in the UK\n                  </a>\n              </li>\n\n              \n              <li class=\"govuk-service-navigation__item\">\n                  <a class=\"govuk-service-navigation__link\" href=\"#/browse/justice\">\n                                    \nCrime, justice and the law\n                  </a>\n              </li>\n\n              \n              <li class=\"govuk-service-navigation__item\">\n                  <a class=\"govuk-service-navigation__link\" href=\"#/browse/disabilities\">\n                                    \nDisabled people\n                  </a>\n              </li>\n\n              \n              <li class=\"govuk-service-navigation__item\">\n                  <a class=\"govuk-service-navigation__link\" href=\"#/browse/driving\">\n                                    \nDriving and transport\n                  </a>\n              </li>\n\n              \n              <li class=\"govuk-service-navigation__item\">\n                  <a class=\"govuk-service-navigation__link\" href=\"#/browse/education\">\n                                    \nEducation and learning\n                  </a>\n              </li>\n\n              \n              <li class=\"govuk-service-navigation__item\">\n                  <a class=\"govuk-service-navigation__link\" href=\"#/browse/employing-people\">\n                                    \nEmploying people\n                  </a>\n              </li>\n\n              \n              <li class=\"govuk-service-navigation__item\">\n                  <a class=\"govuk-service-navigation__link\" href=\"#/browse/environment-countryside\">\n                                    \nEnvironment and countryside\n                  </a>\n              </li>\n\n              \n              <li class=\"govuk-service-navigation__item\">\n                  <a class=\"govuk-service-navigation__link\" href=\"#/browse/housing-local-services\">\n                                    \nHousing and local services\n                  </a>\n              </li>\n\n              \n              <li class=\"govuk-service-navigation__item\">\n                  <a class=\"govuk-service-navigation__link\" href=\"#/browse/tax\">\n                                    \nMoney and tax\n                  </a>\n              </li>\n\n              \n              <li class=\"govuk-service-navigation__item\">\n                  <a class=\"govuk-service-navigation__link\" href=\"#/browse/abroad\">\n                                    \nPassports, travel and living abroad\n                  </a>\n              </li>\n\n              \n              <li class=\"govuk-service-navigation__item\">\n                  <a class=\"govuk-service-navigation__link\" href=\"#/browse/visas-immigration\">\n                                    \nVisas and immigration\n                  </a>\n              </li>\n\n              \n              <li class=\"govuk-service-navigation__item\">\n                  <a class=\"govuk-service-navigation__link\" href=\"#/browse/working\">\n                                    \nWorking, jobs and pensions\n                  </a>\n              </li>\n\n            </ul>\n        </nav>\n    </div>\n\n    </div>\n\n  </div>"
+        },
+        {
+            "name": "with HTML navigation items",
+            "options": {
+                "navigation": [
+                    {
+                        "href": "#/1",
+                        "html": "<em>Navigation item 1</em>"
+                    },
+                    {
+                        "href": "#/2",
+                        "html": "<em>Navigation item 2</em>"
+                    },
+                    {
+                        "href": "#/3",
+                        "html": "<em>Navigation item 3</em>"
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-service-navigation\"\ndata-module=\"govuk-service-navigation\"\n>\n      <div class=\"govuk-width-container\">\n\n    <div class=\"govuk-service-navigation__container\">\n      \n\n      \n        <nav aria-label=\"Menu\" class=\"govuk-service-navigation__wrapper\">\n          <button type=\"button\" class=\"govuk-service-navigation__toggle govuk-js-service-navigation-toggle\" aria-controls=\"navigation\" hidden>\n            Menu\n          </button>\n\n          <ul class=\"govuk-service-navigation__list\" id=\"navigation\" >\n\n            \n              \n              <li class=\"govuk-service-navigation__item\">\n                  <a class=\"govuk-service-navigation__link\" href=\"#/1\">\n                                    \n<em>Navigation item 1</em>\n                  </a>\n              </li>\n\n              \n              <li class=\"govuk-service-navigation__item\">\n                  <a class=\"govuk-service-navigation__link\" href=\"#/2\">\n                                    \n<em>Navigation item 2</em>\n                  </a>\n              </li>\n\n              \n              <li class=\"govuk-service-navigation__item\">\n                  <a class=\"govuk-service-navigation__link\" href=\"#/3\">\n                                    \n<em>Navigation item 3</em>\n                  </a>\n              </li>\n\n            </ul>\n        </nav>\n    </div>\n\n    </div>\n\n  </div>"
+        },
+        {
+            "name": "with non-link navigation items",
+            "options": {
+                "navigation": [
+                    {
+                        "text": "Navigation item 1"
+                    },
+                    {
+                        "html": "<em>Navigation item 2</em>"
+                    },
+                    {
+                        "text": "Navigation item 3"
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-service-navigation\"\ndata-module=\"govuk-service-navigation\"\n>\n      <div class=\"govuk-width-container\">\n\n    <div class=\"govuk-service-navigation__container\">\n      \n\n      \n        <nav aria-label=\"Menu\" class=\"govuk-service-navigation__wrapper\">\n          <button type=\"button\" class=\"govuk-service-navigation__toggle govuk-js-service-navigation-toggle\" aria-controls=\"navigation\" hidden>\n            Menu\n          </button>\n\n          <ul class=\"govuk-service-navigation__list\" id=\"navigation\" >\n\n            \n              \n              <li class=\"govuk-service-navigation__item\">\n                  <span class=\"govuk-service-navigation__text\">\n                                    \nNavigation item 1\n                  </span>\n              </li>\n\n              \n              <li class=\"govuk-service-navigation__item\">\n                  <span class=\"govuk-service-navigation__text\">\n                                    \n<em>Navigation item 2</em>\n                  </span>\n              </li>\n\n              \n              <li class=\"govuk-service-navigation__item\">\n                  <span class=\"govuk-service-navigation__text\">\n                                    \nNavigation item 3\n                  </span>\n              </li>\n\n            </ul>\n        </nav>\n    </div>\n\n    </div>\n\n  </div>"
+        },
+        {
+            "name": "with service name",
+            "options": {
+                "serviceName": "Service name"
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<section aria-label=\"Service information\" class=\"govuk-service-navigation\"\ndata-module=\"govuk-service-navigation\"\n>\n      <div class=\"govuk-width-container\">\n\n    <div class=\"govuk-service-navigation__container\">\n      \n        <span class=\"govuk-service-navigation__service-name\">\n            <span class=\"govuk-service-navigation__text\">Service name</span>\n        </span>\n\n      \n    </div>\n\n    </div>\n\n  </section>"
+        },
+        {
+            "name": "with service link",
+            "options": {
+                "serviceName": "Service name",
+                "serviceUrl": "#/"
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<section aria-label=\"Service information\" class=\"govuk-service-navigation\"\ndata-module=\"govuk-service-navigation\"\n>\n      <div class=\"govuk-width-container\">\n\n    <div class=\"govuk-service-navigation__container\">\n      \n        <span class=\"govuk-service-navigation__service-name\">\n            <a href=\"#/\" class=\"govuk-service-navigation__link\">\n              Service name\n            </a>\n        </span>\n\n      \n    </div>\n\n    </div>\n\n  </section>"
+        },
+        {
+            "name": "with long service name",
+            "options": {
+                "serviceName": "Apply to receive a rare holofoil Charizard Pokémon card from the King",
+                "serviceUrl": "#/"
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<section aria-label=\"Service information\" class=\"govuk-service-navigation\"\ndata-module=\"govuk-service-navigation\"\n>\n      <div class=\"govuk-width-container\">\n\n    <div class=\"govuk-service-navigation__container\">\n      \n        <span class=\"govuk-service-navigation__service-name\">\n            <a href=\"#/\" class=\"govuk-service-navigation__link\">\n              Apply to receive a rare holofoil Charizard Pokémon card from the King\n            </a>\n        </span>\n\n      \n    </div>\n\n    </div>\n\n  </section>"
+        },
+        {
+            "name": "with service name and navigation",
+            "options": {
+                "serviceName": "Apply for a juggling license",
+                "serviceUrl": "#/",
+                "navigation": [
+                    {
+                        "href": "#/1",
+                        "text": "Navigation item 1"
+                    },
+                    {
+                        "href": "#/2",
+                        "text": "Navigation item 2",
+                        "active": true
+                    },
+                    {
+                        "href": "#/3",
+                        "text": "Navigation item 3"
+                    },
+                    {
+                        "href": "#/4",
+                        "text": "Navigation item 4"
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<section aria-label=\"Service information\" class=\"govuk-service-navigation\"\ndata-module=\"govuk-service-navigation\"\n>\n      <div class=\"govuk-width-container\">\n\n    <div class=\"govuk-service-navigation__container\">\n      \n        <span class=\"govuk-service-navigation__service-name\">\n            <a href=\"#/\" class=\"govuk-service-navigation__link\">\n              Apply for a juggling license\n            </a>\n        </span>\n\n      \n        <nav aria-label=\"Menu\" class=\"govuk-service-navigation__wrapper\">\n          <button type=\"button\" class=\"govuk-service-navigation__toggle govuk-js-service-navigation-toggle\" aria-controls=\"navigation\" hidden>\n            Menu\n          </button>\n\n          <ul class=\"govuk-service-navigation__list\" id=\"navigation\" >\n\n            \n              \n              <li class=\"govuk-service-navigation__item\">\n                  <a class=\"govuk-service-navigation__link\" href=\"#/1\">\n                                    \nNavigation item 1\n                  </a>\n              </li>\n\n              \n              <li class=\"govuk-service-navigation__item govuk-service-navigation__item--active\">\n                  <a class=\"govuk-service-navigation__link\" href=\"#/2\" aria-current=\"true\">\n                                    \n                  <strong class=\"govuk-service-navigation__active-fallback\">Navigation item 2</strong>\n\n                  </a>\n              </li>\n\n              \n              <li class=\"govuk-service-navigation__item\">\n                  <a class=\"govuk-service-navigation__link\" href=\"#/3\">\n                                    \nNavigation item 3\n                  </a>\n              </li>\n\n              \n              <li class=\"govuk-service-navigation__item\">\n                  <a class=\"govuk-service-navigation__link\" href=\"#/4\">\n                                    \nNavigation item 4\n                  </a>\n              </li>\n\n            </ul>\n        </nav>\n    </div>\n\n    </div>\n\n  </section>"
+        },
+        {
+            "name": "inverse",
+            "options": {
+                "classes": "govuk-service-navigation--inverse",
+                "serviceName": "Apply for a juggling license",
+                "serviceUrl": "#/",
+                "navigation": [
+                    {
+                        "href": "#/1",
+                        "text": "Navigation item 1"
+                    },
+                    {
+                        "href": "#/2",
+                        "text": "Navigation item 2",
+                        "active": true
+                    },
+                    {
+                        "href": "#/3",
+                        "text": "Navigation item 3"
+                    },
+                    {
+                        "href": "#/4",
+                        "text": "Navigation item 4"
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "Service navigation that appears between other areas of brand blue. Rebrand only.",
+            "pageTemplateOptions": {
+                "bodyClasses": "app-template__body--inverse"
+            },
+            "screenshot": false,
+            "html": "<section aria-label=\"Service information\" class=\"govuk-service-navigation govuk-service-navigation--inverse\"\ndata-module=\"govuk-service-navigation\"\n>\n      <div class=\"govuk-width-container\">\n\n    <div class=\"govuk-service-navigation__container\">\n      \n        <span class=\"govuk-service-navigation__service-name\">\n            <a href=\"#/\" class=\"govuk-service-navigation__link\">\n              Apply for a juggling license\n            </a>\n        </span>\n\n      \n        <nav aria-label=\"Menu\" class=\"govuk-service-navigation__wrapper\">\n          <button type=\"button\" class=\"govuk-service-navigation__toggle govuk-js-service-navigation-toggle\" aria-controls=\"navigation\" hidden>\n            Menu\n          </button>\n\n          <ul class=\"govuk-service-navigation__list\" id=\"navigation\" >\n\n            \n              \n              <li class=\"govuk-service-navigation__item\">\n                  <a class=\"govuk-service-navigation__link\" href=\"#/1\">\n                                    \nNavigation item 1\n                  </a>\n              </li>\n\n              \n              <li class=\"govuk-service-navigation__item govuk-service-navigation__item--active\">\n                  <a class=\"govuk-service-navigation__link\" href=\"#/2\" aria-current=\"true\">\n                                    \n                  <strong class=\"govuk-service-navigation__active-fallback\">Navigation item 2</strong>\n\n                  </a>\n              </li>\n\n              \n              <li class=\"govuk-service-navigation__item\">\n                  <a class=\"govuk-service-navigation__link\" href=\"#/3\">\n                                    \nNavigation item 3\n                  </a>\n              </li>\n\n              \n              <li class=\"govuk-service-navigation__item\">\n                  <a class=\"govuk-service-navigation__link\" href=\"#/4\">\n                                    \nNavigation item 4\n                  </a>\n              </li>\n\n            </ul>\n        </nav>\n    </div>\n\n    </div>\n\n  </section>"
+        },
+        {
+            "name": "with collapseNavigationOnMobile set to false",
+            "options": {
+                "serviceName": "Apply for a juggling license",
+                "serviceUrl": "#/",
+                "navigation": [
+                    {
+                        "href": "#/1",
+                        "text": "Navigation item 1"
+                    },
+                    {
+                        "href": "#/2",
+                        "text": "Navigation item 2",
+                        "active": true
+                    },
+                    {
+                        "href": "#/3",
+                        "text": "Navigation item 3"
+                    },
+                    {
+                        "href": "#/4",
+                        "text": "Navigation item 4"
+                    }
+                ],
+                "collapseNavigationOnMobile": false
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<section aria-label=\"Service information\" class=\"govuk-service-navigation\"\ndata-module=\"govuk-service-navigation\"\n>\n      <div class=\"govuk-width-container\">\n\n    <div class=\"govuk-service-navigation__container\">\n      \n        <span class=\"govuk-service-navigation__service-name\">\n            <a href=\"#/\" class=\"govuk-service-navigation__link\">\n              Apply for a juggling license\n            </a>\n        </span>\n\n      \n        <nav aria-label=\"Menu\" class=\"govuk-service-navigation__wrapper\">\n\n          <ul class=\"govuk-service-navigation__list\" id=\"navigation\" >\n\n            \n              \n              <li class=\"govuk-service-navigation__item\">\n                  <a class=\"govuk-service-navigation__link\" href=\"#/1\">\n                                    \nNavigation item 1\n                  </a>\n              </li>\n\n              \n              <li class=\"govuk-service-navigation__item govuk-service-navigation__item--active\">\n                  <a class=\"govuk-service-navigation__link\" href=\"#/2\" aria-current=\"true\">\n                                    \n                  <strong class=\"govuk-service-navigation__active-fallback\">Navigation item 2</strong>\n\n                  </a>\n              </li>\n\n              \n              <li class=\"govuk-service-navigation__item\">\n                  <a class=\"govuk-service-navigation__link\" href=\"#/3\">\n                                    \nNavigation item 3\n                  </a>\n              </li>\n\n              \n              <li class=\"govuk-service-navigation__item\">\n                  <a class=\"govuk-service-navigation__link\" href=\"#/4\">\n                                    \nNavigation item 4\n                  </a>\n              </li>\n\n            </ul>\n        </nav>\n    </div>\n\n    </div>\n\n  </section>"
+        },
+        {
+            "name": "with a single navigation item",
+            "options": {
+                "serviceName": "Apply for a juggling license",
+                "serviceUrl": "#/",
+                "navigation": [
+                    {
+                        "href": "#/1",
+                        "text": "Log out"
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<section aria-label=\"Service information\" class=\"govuk-service-navigation\"\ndata-module=\"govuk-service-navigation\"\n>\n      <div class=\"govuk-width-container\">\n\n    <div class=\"govuk-service-navigation__container\">\n      \n        <span class=\"govuk-service-navigation__service-name\">\n            <a href=\"#/\" class=\"govuk-service-navigation__link\">\n              Apply for a juggling license\n            </a>\n        </span>\n\n      \n        <nav aria-label=\"Menu\" class=\"govuk-service-navigation__wrapper\">\n\n          <ul class=\"govuk-service-navigation__list\" id=\"navigation\" >\n\n            \n              \n              <li class=\"govuk-service-navigation__item\">\n                  <a class=\"govuk-service-navigation__link\" href=\"#/1\">\n                                    \nLog out\n                  </a>\n              </li>\n\n            </ul>\n        </nav>\n    </div>\n\n    </div>\n\n  </section>"
+        },
+        {
+            "name": "with a single navigation item and collapseNavigationOnMobile set to true",
+            "options": {
+                "serviceName": "Apply for a juggling license",
+                "serviceUrl": "#/",
+                "navigation": [
+                    {
+                        "href": "#/1",
+                        "text": "Log out"
+                    }
+                ],
+                "collapseNavigationOnMobile": true
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<section aria-label=\"Service information\" class=\"govuk-service-navigation\"\ndata-module=\"govuk-service-navigation\"\n>\n      <div class=\"govuk-width-container\">\n\n    <div class=\"govuk-service-navigation__container\">\n      \n        <span class=\"govuk-service-navigation__service-name\">\n            <a href=\"#/\" class=\"govuk-service-navigation__link\">\n              Apply for a juggling license\n            </a>\n        </span>\n\n      \n        <nav aria-label=\"Menu\" class=\"govuk-service-navigation__wrapper\">\n          <button type=\"button\" class=\"govuk-service-navigation__toggle govuk-js-service-navigation-toggle\" aria-controls=\"navigation\" hidden>\n            Menu\n          </button>\n\n          <ul class=\"govuk-service-navigation__list\" id=\"navigation\" >\n\n            \n              \n              <li class=\"govuk-service-navigation__item\">\n                  <a class=\"govuk-service-navigation__link\" href=\"#/1\">\n                                    \nLog out\n                  </a>\n              </li>\n\n            </ul>\n        </nav>\n    </div>\n\n    </div>\n\n  </section>"
+        },
+        {
+            "name": "with no options set",
+            "options": {},
+            "hidden": true,
+            "description": "If no serviceName or navigation is set, don't render anything.",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-service-navigation\"\ndata-module=\"govuk-service-navigation\"\n>\n      <div class=\"govuk-width-container\">\n\n    <div class=\"govuk-service-navigation__container\">\n      \n\n      \n    </div>\n\n    </div>\n\n  </div>"
+        },
+        {
+            "name": "attributes",
+            "options": {
+                "serviceName": "Service name",
+                "attributes": {
+                    "data-foo": "bar",
+                    "data-pika": "chu"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<section aria-label=\"Service information\" class=\"govuk-service-navigation\"\ndata-module=\"govuk-service-navigation\" data-foo=\"bar\" data-pika=\"chu\"\n>\n      <div class=\"govuk-width-container\">\n\n    <div class=\"govuk-service-navigation__container\">\n      \n        <span class=\"govuk-service-navigation__service-name\">\n            <span class=\"govuk-service-navigation__text\">Service name</span>\n        </span>\n\n      \n    </div>\n\n    </div>\n\n  </section>"
+        },
+        {
+            "name": "classes",
+            "options": {
+                "serviceName": "Service name",
+                "classes": "app-my-curious-custom-class"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<section aria-label=\"Service information\" class=\"govuk-service-navigation app-my-curious-custom-class\"\ndata-module=\"govuk-service-navigation\"\n>\n      <div class=\"govuk-width-container\">\n\n    <div class=\"govuk-service-navigation__container\">\n      \n        <span class=\"govuk-service-navigation__service-name\">\n            <span class=\"govuk-service-navigation__text\">Service name</span>\n        </span>\n\n      \n    </div>\n\n    </div>\n\n  </section>"
+        },
+        {
+            "name": "with custom aria-label",
+            "options": {
+                "serviceName": "Service name",
+                "ariaLabel": "Service name and nav"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<section aria-label=\"Service name and nav\" class=\"govuk-service-navigation\"\ndata-module=\"govuk-service-navigation\"\n>\n      <div class=\"govuk-width-container\">\n\n    <div class=\"govuk-service-navigation__container\">\n      \n        <span class=\"govuk-service-navigation__service-name\">\n            <span class=\"govuk-service-navigation__text\">Service name</span>\n        </span>\n\n      \n    </div>\n\n    </div>\n\n  </section>"
+        },
+        {
+            "name": "with custom navigation toggle text",
+            "options": {
+                "menuButtonText": "Enter the NavZone",
+                "navigation": [
+                    {
+                        "href": "#/1",
+                        "text": "Navigation item 1"
+                    },
+                    {
+                        "href": "#/2",
+                        "text": "Navigation item 2"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-service-navigation\"\ndata-module=\"govuk-service-navigation\"\n>\n      <div class=\"govuk-width-container\">\n\n    <div class=\"govuk-service-navigation__container\">\n      \n\n      \n        <nav aria-label=\"Enter the NavZone\" class=\"govuk-service-navigation__wrapper\">\n          <button type=\"button\" class=\"govuk-service-navigation__toggle govuk-js-service-navigation-toggle\" aria-controls=\"navigation\" hidden>\n            Enter the NavZone\n          </button>\n\n          <ul class=\"govuk-service-navigation__list\" id=\"navigation\" >\n\n            \n              \n              <li class=\"govuk-service-navigation__item\">\n                  <a class=\"govuk-service-navigation__link\" href=\"#/1\">\n                                    \nNavigation item 1\n                  </a>\n              </li>\n\n              \n              <li class=\"govuk-service-navigation__item\">\n                  <a class=\"govuk-service-navigation__link\" href=\"#/2\">\n                                    \nNavigation item 2\n                  </a>\n              </li>\n\n            </ul>\n        </nav>\n    </div>\n\n    </div>\n\n  </div>"
+        },
+        {
+            "name": "with custom navigation toggle label",
+            "options": {
+                "menuButtonLabel": "Enter the NavZone",
+                "navigation": [
+                    {
+                        "href": "#/1",
+                        "text": "Navigation item 1"
+                    },
+                    {
+                        "href": "#/2",
+                        "text": "Navigation item 2"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-service-navigation\"\ndata-module=\"govuk-service-navigation\"\n>\n      <div class=\"govuk-width-container\">\n\n    <div class=\"govuk-service-navigation__container\">\n      \n\n      \n        <nav aria-label=\"Menu\" class=\"govuk-service-navigation__wrapper\">\n          <button type=\"button\" class=\"govuk-service-navigation__toggle govuk-js-service-navigation-toggle\" aria-controls=\"navigation\" aria-label=\"Enter the NavZone\" hidden>\n            Menu\n          </button>\n\n          <ul class=\"govuk-service-navigation__list\" id=\"navigation\" >\n\n            \n              \n              <li class=\"govuk-service-navigation__item\">\n                  <a class=\"govuk-service-navigation__link\" href=\"#/1\">\n                                    \nNavigation item 1\n                  </a>\n              </li>\n\n              \n              <li class=\"govuk-service-navigation__item\">\n                  <a class=\"govuk-service-navigation__link\" href=\"#/2\">\n                                    \nNavigation item 2\n                  </a>\n              </li>\n\n            </ul>\n        </nav>\n    </div>\n\n    </div>\n\n  </div>"
+        },
+        {
+            "name": "with identical navigation toggle text and label",
+            "options": {
+                "menuButtonText": "Enter the NavZone",
+                "menuButtonLabel": "Enter the NavZone",
+                "navigation": [
+                    {
+                        "href": "#/1",
+                        "text": "Navigation item 1"
+                    },
+                    {
+                        "href": "#/2",
+                        "text": "Navigation item 2"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-service-navigation\"\ndata-module=\"govuk-service-navigation\"\n>\n      <div class=\"govuk-width-container\">\n\n    <div class=\"govuk-service-navigation__container\">\n      \n\n      \n        <nav aria-label=\"Enter the NavZone\" class=\"govuk-service-navigation__wrapper\">\n          <button type=\"button\" class=\"govuk-service-navigation__toggle govuk-js-service-navigation-toggle\" aria-controls=\"navigation\" hidden>\n            Enter the NavZone\n          </button>\n\n          <ul class=\"govuk-service-navigation__list\" id=\"navigation\" >\n\n            \n              \n              <li class=\"govuk-service-navigation__item\">\n                  <a class=\"govuk-service-navigation__link\" href=\"#/1\">\n                                    \nNavigation item 1\n                  </a>\n              </li>\n\n              \n              <li class=\"govuk-service-navigation__item\">\n                  <a class=\"govuk-service-navigation__link\" href=\"#/2\">\n                                    \nNavigation item 2\n                  </a>\n              </li>\n\n            </ul>\n        </nav>\n    </div>\n\n    </div>\n\n  </div>"
+        },
+        {
+            "name": "with custom navigation label",
+            "options": {
+                "navigationLabel": "Main navigation",
+                "navigation": [
+                    {
+                        "href": "#/1",
+                        "text": "Navigation item 1"
+                    },
+                    {
+                        "href": "#/2",
+                        "text": "Navigation item 2"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-service-navigation\"\ndata-module=\"govuk-service-navigation\"\n>\n      <div class=\"govuk-width-container\">\n\n    <div class=\"govuk-service-navigation__container\">\n      \n\n      \n        <nav aria-label=\"Main navigation\" class=\"govuk-service-navigation__wrapper\">\n          <button type=\"button\" class=\"govuk-service-navigation__toggle govuk-js-service-navigation-toggle\" aria-controls=\"navigation\" hidden>\n            Menu\n          </button>\n\n          <ul class=\"govuk-service-navigation__list\" id=\"navigation\" >\n\n            \n              \n              <li class=\"govuk-service-navigation__item\">\n                  <a class=\"govuk-service-navigation__link\" href=\"#/1\">\n                                    \nNavigation item 1\n                  </a>\n              </li>\n\n              \n              <li class=\"govuk-service-navigation__item\">\n                  <a class=\"govuk-service-navigation__link\" href=\"#/2\">\n                                    \nNavigation item 2\n                  </a>\n              </li>\n\n            </ul>\n        </nav>\n    </div>\n\n    </div>\n\n  </div>"
+        },
+        {
+            "name": "with custom navigation toggle text and navigation label",
+            "options": {
+                "menuButtonText": "Enter the NavZone",
+                "navigationLabel": "The NavZone",
+                "navigation": [
+                    {
+                        "href": "#/1",
+                        "text": "Navigation item 1"
+                    },
+                    {
+                        "href": "#/2",
+                        "text": "Navigation item 2"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-service-navigation\"\ndata-module=\"govuk-service-navigation\"\n>\n      <div class=\"govuk-width-container\">\n\n    <div class=\"govuk-service-navigation__container\">\n      \n\n      \n        <nav aria-label=\"The NavZone\" class=\"govuk-service-navigation__wrapper\">\n          <button type=\"button\" class=\"govuk-service-navigation__toggle govuk-js-service-navigation-toggle\" aria-controls=\"navigation\" hidden>\n            Enter the NavZone\n          </button>\n\n          <ul class=\"govuk-service-navigation__list\" id=\"navigation\" >\n\n            \n              \n              <li class=\"govuk-service-navigation__item\">\n                  <a class=\"govuk-service-navigation__link\" href=\"#/1\">\n                                    \nNavigation item 1\n                  </a>\n              </li>\n\n              \n              <li class=\"govuk-service-navigation__item\">\n                  <a class=\"govuk-service-navigation__link\" href=\"#/2\">\n                                    \nNavigation item 2\n                  </a>\n              </li>\n\n            </ul>\n        </nav>\n    </div>\n\n    </div>\n\n  </div>"
+        },
+        {
+            "name": "with custom navigation classes",
+            "options": {
+                "navigationClasses": "app-my-neat-navigation-class",
+                "navigation": [
+                    {
+                        "href": "#/1",
+                        "text": "Navigation item 1"
+                    },
+                    {
+                        "href": "#/2",
+                        "text": "Navigation item 2"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-service-navigation\"\ndata-module=\"govuk-service-navigation\"\n>\n      <div class=\"govuk-width-container\">\n\n    <div class=\"govuk-service-navigation__container\">\n      \n\n      \n        <nav aria-label=\"Menu\" class=\"govuk-service-navigation__wrapper app-my-neat-navigation-class\">\n          <button type=\"button\" class=\"govuk-service-navigation__toggle govuk-js-service-navigation-toggle\" aria-controls=\"navigation\" hidden>\n            Menu\n          </button>\n\n          <ul class=\"govuk-service-navigation__list\" id=\"navigation\" >\n\n            \n              \n              <li class=\"govuk-service-navigation__item\">\n                  <a class=\"govuk-service-navigation__link\" href=\"#/1\">\n                                    \nNavigation item 1\n                  </a>\n              </li>\n\n              \n              <li class=\"govuk-service-navigation__item\">\n                  <a class=\"govuk-service-navigation__link\" href=\"#/2\">\n                                    \nNavigation item 2\n                  </a>\n              </li>\n\n            </ul>\n        </nav>\n    </div>\n\n    </div>\n\n  </div>"
+        },
+        {
+            "name": "with custom navigation ID",
+            "options": {
+                "navigationId": "main-nav",
+                "navigation": [
+                    {
+                        "href": "#/1",
+                        "text": "Navigation item 1"
+                    },
+                    {
+                        "href": "#/2",
+                        "text": "Navigation item 2"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-service-navigation\"\ndata-module=\"govuk-service-navigation\"\n>\n      <div class=\"govuk-width-container\">\n\n    <div class=\"govuk-service-navigation__container\">\n      \n\n      \n        <nav aria-label=\"Menu\" class=\"govuk-service-navigation__wrapper\">\n          <button type=\"button\" class=\"govuk-service-navigation__toggle govuk-js-service-navigation-toggle\" aria-controls=\"main-nav\" hidden>\n            Menu\n          </button>\n\n          <ul class=\"govuk-service-navigation__list\" id=\"main-nav\" >\n\n            \n              \n              <li class=\"govuk-service-navigation__item\">\n                  <a class=\"govuk-service-navigation__link\" href=\"#/1\">\n                                    \nNavigation item 1\n                  </a>\n              </li>\n\n              \n              <li class=\"govuk-service-navigation__item\">\n                  <a class=\"govuk-service-navigation__link\" href=\"#/2\">\n                                    \nNavigation item 2\n                  </a>\n              </li>\n\n            </ul>\n        </nav>\n    </div>\n\n    </div>\n\n  </div>"
+        },
+        {
+            "name": "with navigation having empty values",
+            "options": {
+                "navigation": [
+                    {
+                        "href": "#/1",
+                        "text": "Navigation item 1"
+                    },
+                    null,
+                    false,
+                    "",
+                    null,
+                    {
+                        "href": "#/2",
+                        "text": "Navigation item 2"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-service-navigation\"\ndata-module=\"govuk-service-navigation\"\n>\n      <div class=\"govuk-width-container\">\n\n    <div class=\"govuk-service-navigation__container\">\n      \n\n      \n        <nav aria-label=\"Menu\" class=\"govuk-service-navigation__wrapper\">\n          <button type=\"button\" class=\"govuk-service-navigation__toggle govuk-js-service-navigation-toggle\" aria-controls=\"navigation\" hidden>\n            Menu\n          </button>\n\n          <ul class=\"govuk-service-navigation__list\" id=\"navigation\" >\n\n            \n              \n              <li class=\"govuk-service-navigation__item\">\n                  <a class=\"govuk-service-navigation__link\" href=\"#/1\">\n                                    \nNavigation item 1\n                  </a>\n              </li>\n\n              \n              <li class=\"govuk-service-navigation__item\">\n                  <a class=\"govuk-service-navigation__link\" href=\"#/2\">\n                                    \nNavigation item 2\n                  </a>\n              </li>\n\n            </ul>\n        </nav>\n    </div>\n\n    </div>\n\n  </div>"
+        },
+        {
+            "name": "with navigation having only empty values",
+            "options": {
+                "navigation": [
+                    null,
+                    false,
+                    null,
+                    ""
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-service-navigation\"\ndata-module=\"govuk-service-navigation\"\n>\n      <div class=\"govuk-width-container\">\n\n    <div class=\"govuk-service-navigation__container\">\n      \n\n      \n    </div>\n\n    </div>\n\n  </div>"
+        },
+        {
+            "name": "with navigation being an empty array",
+            "options": {
+                "navigation": []
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-service-navigation\"\ndata-module=\"govuk-service-navigation\"\n>\n      <div class=\"govuk-width-container\">\n\n    <div class=\"govuk-service-navigation__container\">\n      \n\n      \n    </div>\n\n    </div>\n\n  </div>"
+        },
+        {
+            "name": "with navigation with an active item",
+            "options": {
+                "navigation": [
+                    {
+                        "href": "#/1",
+                        "text": "Navigation item 1"
+                    },
+                    {
+                        "href": "#/2",
+                        "text": "Navigation item 2",
+                        "active": true
+                    },
+                    {
+                        "href": "#/3",
+                        "text": "Navigation item 3"
+                    },
+                    {
+                        "href": "#/4",
+                        "text": "Navigation item 4"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "The active item indicates that the user is within that section, but not on the exact page being linked. It looks the same as a current item, but marks this item as an ancestor to the one the user is viewing in ARIA (e.g. a parent section).",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-service-navigation\"\ndata-module=\"govuk-service-navigation\"\n>\n      <div class=\"govuk-width-container\">\n\n    <div class=\"govuk-service-navigation__container\">\n      \n\n      \n        <nav aria-label=\"Menu\" class=\"govuk-service-navigation__wrapper\">\n          <button type=\"button\" class=\"govuk-service-navigation__toggle govuk-js-service-navigation-toggle\" aria-controls=\"navigation\" hidden>\n            Menu\n          </button>\n\n          <ul class=\"govuk-service-navigation__list\" id=\"navigation\" >\n\n            \n              \n              <li class=\"govuk-service-navigation__item\">\n                  <a class=\"govuk-service-navigation__link\" href=\"#/1\">\n                                    \nNavigation item 1\n                  </a>\n              </li>\n\n              \n              <li class=\"govuk-service-navigation__item govuk-service-navigation__item--active\">\n                  <a class=\"govuk-service-navigation__link\" href=\"#/2\" aria-current=\"true\">\n                                    \n                  <strong class=\"govuk-service-navigation__active-fallback\">Navigation item 2</strong>\n\n                  </a>\n              </li>\n\n              \n              <li class=\"govuk-service-navigation__item\">\n                  <a class=\"govuk-service-navigation__link\" href=\"#/3\">\n                                    \nNavigation item 3\n                  </a>\n              </li>\n\n              \n              <li class=\"govuk-service-navigation__item\">\n                  <a class=\"govuk-service-navigation__link\" href=\"#/4\">\n                                    \nNavigation item 4\n                  </a>\n              </li>\n\n            </ul>\n        </nav>\n    </div>\n\n    </div>\n\n  </div>"
+        },
+        {
+            "name": "with slotted content",
+            "options": {
+                "slots": {
+                    "start": "<div>[start]</div>",
+                    "end": "<div>[end]</div>",
+                    "navigationStart": "<li>[navigation start]</li>",
+                    "navigationEnd": "<li>[navigation end]</li>"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<section aria-label=\"Service information\" class=\"govuk-service-navigation\"\ndata-module=\"govuk-service-navigation\"\n>\n      <div class=\"govuk-width-container\">\n\n    <div>[start]</div><div class=\"govuk-service-navigation__container\">\n      \n\n      \n        <nav aria-label=\"Menu\" class=\"govuk-service-navigation__wrapper\">\n\n          <ul class=\"govuk-service-navigation__list\" id=\"navigation\" >\n\n            <li>[navigation start]</li>\n            <li>[navigation end]</li></ul>\n        </nav>\n    </div>\n\n    <div>[end]</div></div>\n\n  </section>"
+        },
+        {
+            "name": "rebrand",
+            "options": {
+                "navigation": [
+                    {
+                        "href": "#/1",
+                        "text": "Navigation item 1"
+                    },
+                    {
+                        "href": "#/2",
+                        "text": "Navigation item 2"
+                    },
+                    {
+                        "href": "#/3",
+                        "text": "Navigation item 3"
+                    },
+                    {
+                        "href": "#/4",
+                        "text": "Navigation item 4"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {
+                "htmlClasses": "govuk-template--rebranded"
+            },
+            "screenshot": true,
+            "html": "<div class=\"govuk-service-navigation\"\ndata-module=\"govuk-service-navigation\"\n>\n      <div class=\"govuk-width-container\">\n\n    <div class=\"govuk-service-navigation__container\">\n      \n\n      \n        <nav aria-label=\"Menu\" class=\"govuk-service-navigation__wrapper\">\n          <button type=\"button\" class=\"govuk-service-navigation__toggle govuk-js-service-navigation-toggle\" aria-controls=\"navigation\" hidden>\n            Menu\n          </button>\n\n          <ul class=\"govuk-service-navigation__list\" id=\"navigation\" >\n\n            \n              \n              <li class=\"govuk-service-navigation__item\">\n                  <a class=\"govuk-service-navigation__link\" href=\"#/1\">\n                                    \nNavigation item 1\n                  </a>\n              </li>\n\n              \n              <li class=\"govuk-service-navigation__item\">\n                  <a class=\"govuk-service-navigation__link\" href=\"#/2\">\n                                    \nNavigation item 2\n                  </a>\n              </li>\n\n              \n              <li class=\"govuk-service-navigation__item\">\n                  <a class=\"govuk-service-navigation__link\" href=\"#/3\">\n                                    \nNavigation item 3\n                  </a>\n              </li>\n\n              \n              <li class=\"govuk-service-navigation__item\">\n                  <a class=\"govuk-service-navigation__link\" href=\"#/4\">\n                                    \nNavigation item 4\n                  </a>\n              </li>\n\n            </ul>\n        </nav>\n    </div>\n\n    </div>\n\n  </div>"
+        }
+    ],
+    "previewLayout": "full-width"
+}
diff --git a/app/templates/govuk/components/components/service-navigation/macro-options.json b/app/templates/govuk/components/components/service-navigation/macro-options.json
new file mode 100644
index 0000000..86b04ad
--- /dev/null
+++ b/app/templates/govuk/components/components/service-navigation/macro-options.json
@@ -0,0 +1,144 @@
+[
+    {
+        "name": "classes",
+        "type": "string",
+        "required": false,
+        "description": "Classes to add to the service navigation container."
+    },
+    {
+        "name": "attributes",
+        "type": "object",
+        "required": false,
+        "description": "HTML attributes (for example, data attributes) to add to the service navigation container."
+    },
+    {
+        "name": "ariaLabel",
+        "type": "string",
+        "required": false,
+        "description": "The text for the `aria-label` which labels the service navigation container when a service name is included. Defaults to `\"Service information\"`."
+    },
+    {
+        "name": "menuButtonText",
+        "type": "string",
+        "required": false,
+        "description": "The text of the mobile navigation menu toggle."
+    },
+    {
+        "name": "menuButtonLabel",
+        "type": "string",
+        "required": false,
+        "description": "The screen reader label for the mobile navigation menu toggle. Defaults to the same value as `menuButtonText` if not specified."
+    },
+    {
+        "name": "navigationLabel",
+        "type": "string",
+        "required": false,
+        "description": "The screen reader label for the mobile navigation menu. Defaults to the same value as `menuButtonText` if not specified."
+    },
+    {
+        "name": "navigationId",
+        "type": "string",
+        "required": false,
+        "description": "The ID used to associate the mobile navigation toggle with the navigation menu. Defaults to `navigation`."
+    },
+    {
+        "name": "navigationClasses",
+        "type": "string",
+        "required": false,
+        "description": "Classes to add to the navigation menu container."
+    },
+    {
+        "name": "collapseNavigationOnMobile",
+        "type": "boolean",
+        "required": false,
+        "description": "Whether the navigation should be collapsed inside a menu on mobile. Defaults to true if there is more than one navigation item."
+    },
+    {
+        "name": "serviceName",
+        "type": "string",
+        "required": false,
+        "description": "The name of your service."
+    },
+    {
+        "name": "serviceUrl",
+        "type": "string",
+        "required": false,
+        "description": "The homepage of your service."
+    },
+    {
+        "name": "navigation",
+        "type": "array",
+        "required": true,
+        "description": "Used to add navigation to the service header.",
+        "params": [
+            {
+                "name": "current",
+                "type": "boolean",
+                "required": false,
+                "description": "If `true`, indicates that the user is currently on this page. This takes precedence over `active`."
+            },
+            {
+                "name": "active",
+                "type": "boolean",
+                "required": false,
+                "description": "If `true`, indicates that the user is within this group of pages in the navigation hierarchy."
+            },
+            {
+                "name": "html",
+                "type": "string",
+                "required": true,
+                "description": "HTML for the navigation item. If `html` is provided, the `text` option will be ignored."
+            },
+            {
+                "name": "text",
+                "type": "string",
+                "required": true,
+                "description": "Text for the navigation item. If `html` is provided, the `text` option will be ignored."
+            },
+            {
+                "name": "href",
+                "type": "string",
+                "required": false,
+                "description": "URL of the navigation item anchor."
+            },
+            {
+                "name": "attributes",
+                "type": "object",
+                "required": false,
+                "description": "HTML attributes (for example data attributes) to add to the navigation item anchor."
+            }
+        ]
+    },
+    {
+        "name": "slots",
+        "type": "object",
+        "required": false,
+        "description": "Specified points for injecting custom HTML into the service header.",
+        "params": [
+            {
+                "name": "start",
+                "type": "string",
+                "required": false,
+                "description": "HTML injected at the start of the service header container."
+            },
+            {
+                "name": "end",
+                "type": "string",
+                "required": false,
+                "description": "HTML injected at the end of the service header container."
+            },
+            {
+                "name": "navigationStart",
+                "type": "string",
+                "required": false,
+                "description": "HTML injected before the first list item in the navigation list. Requires `navigation` to be set."
+            },
+            {
+                "name": "navigationEnd",
+                "type": "string",
+                "required": false,
+                "description": "HTML injected after the last list item in the navigation list. Requires `navigation` to be set."
+            }
+        ]
+    }
+]
diff --git a/app/templates/govuk/components/components/service-navigation/macro.njk b/app/templates/govuk/components/components/service-navigation/macro.njk
new file mode 100644
index 0000000..67305e8
--- /dev/null
+++ b/app/templates/govuk/components/components/service-navigation/macro.njk
@@ -0,0 +1,3 @@
+{% macro govukServiceNavigation(params) %}
+  {%- include "./template.njk" -%}
+{% endmacro %}
diff --git a/app/templates/govuk/components/components/service-navigation/service-navigation.bundle.js b/app/templates/govuk/components/components/service-navigation/service-navigation.bundle.js
new file mode 100644
index 0000000..5a45af7
--- /dev/null
+++ b/app/templates/govuk/components/components/service-navigation/service-navigation.bundle.js
@@ -0,0 +1,234 @@
+(function (global, factory) {
+  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports) :
+  typeof define === 'function' && define.amd ? define(['exports'], factory) :
+  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.GOVUKFrontend = global.GOVUKFrontend || {}));
+})(this, (function (exports) { 'use strict';
+
+  function getBreakpoint(name) {
+    const property = `--govuk-breakpoint-${name}`;
+    const value = window.getComputedStyle(document.documentElement).getPropertyValue(property);
+    return {
+      property,
+      value: value || undefined
+    };
+  }
+  function isInitialised($root, moduleName) {
+    return $root instanceof HTMLElement && $root.hasAttribute(`data-${moduleName}-init`);
+  }
+
+  /**
+   * Checks if GOV.UK Frontend is supported on this page
+   *
+   * Some browsers will load and run our JavaScript but GOV.UK Frontend
+   * won't be supported.
+   *
+   * @param {HTMLElement | null} [$scope] - (internal) `<body>` HTML element checked for browser support
+   * @returns {boolean} Whether GOV.UK Frontend is supported on this page
+   */
+  function isSupported($scope = document.body) {
+    if (!$scope) {
+      return false;
+    }
+    return $scope.classList.contains('govuk-frontend-supported');
+  }
+  function isArray(option) {
+    return Array.isArray(option);
+  }
+  function isObject(option) {
+    return !!option && typeof option === 'object' && !isArray(option);
+  }
+  function formatErrorMessage(Component, message) {
+    return `${Component.moduleName}: ${message}`;
+  }
+  /**
+   * @typedef ComponentWithModuleName
+   * @property {string} moduleName - Name of the component
+   */
+
+  class GOVUKFrontendError extends Error {
+    constructor(...args) {
+      super(...args);
+      this.name = 'GOVUKFrontendError';
+    }
+  }
+  class SupportError extends GOVUKFrontendError {
+    /**
+     * Checks if GOV.UK Frontend is supported on this page
+     *
+     * @param {HTMLElement | null} [$scope] - HTML element `<body>` checked for browser support
+     */
+    constructor($scope = document.body) {
+      const supportMessage = 'noModule' in HTMLScriptElement.prototype ? 'GOV.UK Frontend initialised without `<body class="govuk-frontend-supported">` from template `<script>` snippet' : 'GOV.UK Frontend is not supported in this browser';
+      super($scope ? supportMessage : 'GOV.UK Frontend initialised without `<script type="module">`');
+      this.name = 'SupportError';
+    }
+  }
+  class ElementError extends GOVUKFrontendError {
+    constructor(messageOrOptions) {
+      let message = typeof messageOrOptions === 'string' ? messageOrOptions : '';
+      if (isObject(messageOrOptions)) {
+        const {
+          component,
+          identifier,
+          element,
+          expectedType
+        } = messageOrOptions;
+        message = identifier;
+        message += element ? ` is not of type ${expectedType != null ? expectedType : 'HTMLElement'}` : ' not found';
+        if (component) {
+          message = formatErrorMessage(component, message);
+        }
+      }
+      super(message);
+      this.name = 'ElementError';
+    }
+  }
+  class InitError extends GOVUKFrontendError {
+    constructor(componentOrMessage) {
+      const message = typeof componentOrMessage === 'string' ? componentOrMessage : formatErrorMessage(componentOrMessage, `Root element (\`$root\`) already initialised`);
+      super(message);
+      this.name = 'InitError';
+    }
+  }
+  /**
+   * @import { ComponentWithModuleName } from '../common/index.mjs'
+   */
+
+  class Component {
+    /**
+     * Returns the root element of the component
+     *
+     * @protected
+     * @returns {RootElementType} - the root element of component
+     */
+    get $root() {
+      return this._$root;
+    }
+    constructor($root) {
+      this._$root = void 0;
+      const childConstructor = this.constructor;
+      if (typeof childConstructor.moduleName !== 'string') {
+        throw new InitError(`\`moduleName\` not defined in component`);
+      }
+      if (!($root instanceof childConstructor.elementType)) {
+        throw new ElementError({
+          element: $root,
+          component: childConstructor,
+          identifier: 'Root element (`$root`)',
+          expectedType: childConstructor.elementType.name
+        });
+      } else {
+        this._$root = $root;
+      }
+      childConstructor.checkSupport();
+      this.checkInitialised();
+      const moduleName = childConstructor.moduleName;
+      this.$root.setAttribute(`data-${moduleName}-init`, '');
+    }
+    checkInitialised() {
+      const constructor = this.constructor;
+      const moduleName = constructor.moduleName;
+      if (moduleName && isInitialised(this.$root, moduleName)) {
+        throw new InitError(constructor);
+      }
+    }
+    static checkSupport() {
+      if (!isSupported()) {
+        throw new SupportError();
+      }
+    }
+  }
+
+  /**
+   * @typedef ChildClass
+   * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component
+   */
+
+  /**
+   * @typedef {typeof Component & ChildClass} ChildClassConstructor
+   */
+  Component.elementType = HTMLElement;
+
+  /**
+   * Service Navigation component
+   *
+   * @preserve
+   */
+  class ServiceNavigation extends Component {
+    /**
+     * @param {Element | null} $root - HTML element to use for header
+     */
+    constructor($root) {
+      super($root);
+      this.$menuButton = void 0;
+      this.$menu = void 0;
+      this.menuIsOpen = false;
+      this.mql = null;
+      const $menuButton = this.$root.querySelector('.govuk-js-service-navigation-toggle');
+      if (!$menuButton) {
+        return this;
+      }
+      const menuId = $menuButton.getAttribute('aria-controls');
+      if (!menuId) {
+        throw new ElementError({
+          component: ServiceNavigation,
+          identifier: 'Navigation button (`<button class="govuk-js-service-navigation-toggle">`) attribute (`aria-controls`)'
+        });
+      }
+      const $menu = document.getElementById(menuId);
+      if (!$menu) {
+        throw new ElementError({
+          component: ServiceNavigation,
+          element: $menu,
+          identifier: `Navigation (\`<ul id="${menuId}">\`)`
+        });
+      }
+      this.$menu = $menu;
+      this.$menuButton = $menuButton;
+      this.setupResponsiveChecks();
+      this.$menuButton.addEventListener('click', () => this.handleMenuButtonClick());
+    }
+    setupResponsiveChecks() {
+      const breakpoint = getBreakpoint('tablet');
+      if (!breakpoint.value) {
+        throw new ElementError({
+          component: ServiceNavigation,
+          identifier: `CSS custom property (\`${breakpoint.property}\`) on pseudo-class \`:root\``
+        });
+      }
+      this.mql = window.matchMedia(`(min-width: ${breakpoint.value})`);
+      if ('addEventListener' in this.mql) {
+        this.mql.addEventListener('change', () => this.checkMode());
+      } else {
+        this.mql.addListener(() => this.checkMode());
+      }
+      this.checkMode();
+    }
+    checkMode() {
+      if (!this.mql || !this.$menu || !this.$menuButton) {
+        return;
+      }
+      if (this.mql.matches) {
+        this.$menu.removeAttribute('hidden');
+        this.$menuButton.setAttribute('hidden', '');
+      } else {
+        this.$menuButton.removeAttribute('hidden');
+        this.$menuButton.setAttribute('aria-expanded', this.menuIsOpen.toString());
+        if (this.menuIsOpen) {
+          this.$menu.removeAttribute('hidden');
+        } else {
+          this.$menu.setAttribute('hidden', '');
+        }
+      }
+    }
+    handleMenuButtonClick() {
+      this.menuIsOpen = !this.menuIsOpen;
+      this.checkMode();
+    }
+  }
+  ServiceNavigation.moduleName = 'govuk-service-navigation';
+
+  exports.ServiceNavigation = ServiceNavigation;
+
+}));
+//# sourceMappingURL=service-navigation.bundle.js.map
diff --git a/app/templates/govuk/components/components/service-navigation/service-navigation.bundle.js.map b/app/templates/govuk/components/components/service-navigation/service-navigation.bundle.js.map
new file mode 100644
index 0000000..4571a50
--- /dev/null
+++ b/app/templates/govuk/components/components/service-navigation/service-navigation.bundle.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"service-navigation.bundle.js","sources":["../../../../src/govuk/common/index.mjs","../../../../src/govuk/errors/index.mjs","../../../../src/govuk/component.mjs","../../../../src/govuk/components/service-navigation/service-navigation.mjs"],"sourcesContent":["/**\n * Common helpers which do not require polyfill.\n *\n * IMPORTANT: If a helper require a polyfill, please isolate it in its own module\n * so that the polyfill can be properly tree-shaken and does not burden\n * the components that do not need that helper\n */\n\n/**\n * Get GOV.UK Frontend breakpoint value from CSS custom property\n *\n * @private\n * @param {string} name - Breakpoint name\n * @returns {{ property: string, value?: string }} Breakpoint object\n */\nexport function getBreakpoint(name) {\n  const property = `--govuk-breakpoint-${name}`\n\n  // Get value from `<html>` with breakpoints on CSS :root\n  const value = window\n    .getComputedStyle(document.documentElement)\n    .getPropertyValue(property)\n\n  return {\n    property,\n    value: value || undefined\n  }\n}\n\n/**\n * Move focus to element\n *\n * Sets tabindex to -1 to make the element programmatically focusable,\n * but removes it on blur as the element doesn't need to be focused again.\n *\n * @private\n * @template {HTMLElement} FocusElement\n * @param {FocusElement} $element - HTML element\n * @param {object} [options] - Handler options\n * @param {function(this: FocusElement): void} [options.onBeforeFocus] - Callback before focus\n * @param {function(this: FocusElement): void} [options.onBlur] - Callback on blur\n */\nexport function setFocus($element, options = {}) {\n  const isFocusable = $element.getAttribute('tabindex')\n\n  if (!isFocusable) {\n    $element.setAttribute('tabindex', '-1')\n  }\n\n  /**\n   * Handle element focus\n   */\n  function onFocus() {\n    $element.addEventListener('blur', onBlur, { once: true })\n  }\n\n  /**\n   * Handle element blur\n   */\n  function onBlur() {\n    options.onBlur?.call($element)\n\n    if (!isFocusable) {\n      $element.removeAttribute('tabindex')\n    }\n  }\n\n  // Add listener to reset element on blur, after focus\n  $element.addEventListener('focus', onFocus, { once: true })\n\n  // Focus element\n  options.onBeforeFocus?.call($element)\n  $element.focus()\n}\n\n/**\n * Checks if component is already initialised\n *\n * @internal\n * @param {Element} $root - HTML element to be checked\n * @param {string} moduleName - name of component module\n * @returns {boolean} Whether component is already initialised\n */\nexport function isInitialised($root, moduleName) {\n  return (\n    $root instanceof HTMLElement &&\n    $root.hasAttribute(`data-${moduleName}-init`)\n  )\n}\n\n/**\n * Checks if GOV.UK Frontend is supported on this page\n *\n * Some browsers will load and run our JavaScript but GOV.UK Frontend\n * won't be supported.\n *\n * @param {HTMLElement | null} [$scope] - (internal) `<body>` HTML element checked for browser support\n * @returns {boolean} Whether GOV.UK Frontend is supported on this page\n */\nexport function isSupported($scope = document.body) {\n  if (!$scope) {\n    return false\n  }\n\n  return $scope.classList.contains('govuk-frontend-supported')\n}\n\n/**\n * Check for an array\n *\n * @internal\n * @param {unknown} option - Option to check\n * @returns {boolean} Whether the option is an array\n */\nfunction isArray(option) {\n  return Array.isArray(option)\n}\n\n/**\n * Check for an object\n *\n * @internal\n * @template {Partial<Record<keyof ObjectType, unknown>>} ObjectType\n * @param {unknown | ObjectType} option - Option to check\n * @returns {option is ObjectType} Whether the option is an object\n */\nexport function isObject(option) {\n  return !!option && typeof option === 'object' && !isArray(option)\n}\n\n/**\n * Check for valid scope\n *\n * @internal\n * @template {Element | Document} ScopeType\n * @param {unknown | ScopeType} $scope - Scope of the document to search within\n * @returns {$scope is ScopeType} Whether the scope can be queried\n */\nexport function isScope($scope) {\n  return !!$scope && ($scope instanceof Element || $scope instanceof Document)\n}\n\n/**\n * Format error message\n *\n * @internal\n * @param {ComponentWithModuleName} Component - Component that threw the error\n * @param {string} message - Error message\n * @returns {string} - Formatted error message\n */\nexport function formatErrorMessage(Component, message) {\n  return `${Component.moduleName}: ${message}`\n}\n\n/* eslint-disable jsdoc/valid-types --\n * `{new(...args: any[] ): object}` is not recognised as valid\n * https://github.com/gajus/eslint-plugin-jsdoc/issues/145#issuecomment-1308722878\n * https://github.com/jsdoc-type-pratt-parser/jsdoc-type-pratt-parser/issues/131\n **/\n\n/**\n * @typedef ComponentWithModuleName\n * @property {string} moduleName - Name of the component\n */\n\n/* eslint-enable jsdoc/valid-types */\n","import { formatErrorMessage, isObject } from '../common/index.mjs'\n\n/**\n * GOV.UK Frontend error\n *\n * A base class for `Error`s thrown by GOV.UK Frontend.\n *\n * It is meant to be extended into specific types of errors\n * to be thrown by our code.\n *\n * @example\n * ```js\n * class MissingRootError extends GOVUKFrontendError {\n *   // Setting an explicit name is important as extending the class will not\n *   // set a new `name` on the subclass. The `name` property is important\n *   // to ensure intelligible error names even if the class name gets\n *   // mangled by a minifier\n *   name = \"MissingRootError\"\n * }\n * ```\n * @virtual\n */\nexport class GOVUKFrontendError extends Error {\n  name = 'GOVUKFrontendError'\n}\n\n/**\n * Indicates that GOV.UK Frontend is not supported\n */\nexport class SupportError extends GOVUKFrontendError {\n  name = 'SupportError'\n\n  /**\n   * Checks if GOV.UK Frontend is supported on this page\n   *\n   * @param {HTMLElement | null} [$scope] - HTML element `<body>` checked for browser support\n   */\n  constructor($scope = document.body) {\n    const supportMessage =\n      'noModule' in HTMLScriptElement.prototype\n        ? 'GOV.UK Frontend initialised without `<body class=\"govuk-frontend-supported\">` from template `<script>` snippet'\n        : 'GOV.UK Frontend is not supported in this browser'\n\n    super(\n      $scope\n        ? supportMessage\n        : 'GOV.UK Frontend initialised without `<script type=\"module\">`'\n    )\n  }\n}\n\n/**\n * Indicates that a component has received an illegal configuration\n */\nexport class ConfigError extends GOVUKFrontendError {\n  name = 'ConfigError'\n}\n\n/**\n * Indicates an issue with an element (possibly `null` or `undefined`)\n */\nexport class ElementError extends GOVUKFrontendError {\n  name = 'ElementError'\n\n  /**\n   * @internal\n   * @overload\n   * @param {string} message - Element error message\n   */\n\n  /**\n   * @internal\n   * @overload\n   * @param {ElementErrorOptions} options - Element error options\n   */\n\n  /**\n   * @internal\n   * @param {string | ElementErrorOptions} messageOrOptions - Element error message or options\n   */\n  constructor(messageOrOptions) {\n    let message = typeof messageOrOptions === 'string' ? messageOrOptions : ''\n\n    // Build message from options\n    if (isObject(messageOrOptions)) {\n      const { component, identifier, element, expectedType } = messageOrOptions\n\n      message = identifier\n\n      // Append reason\n      message += element\n        ? ` is not of type ${expectedType ?? 'HTMLElement'}`\n        : ' not found'\n\n      // Prepend with module name (optional)\n      if (component) {\n        message = formatErrorMessage(component, message)\n      }\n    }\n\n    super(message)\n  }\n}\n\n/**\n * Indicates that a component is already initialised\n */\nexport class InitError extends GOVUKFrontendError {\n  name = 'InitError'\n\n  /**\n   * @internal\n   * @param {ComponentWithModuleName | string} componentOrMessage - name of the component module\n   */\n  constructor(componentOrMessage) {\n    const message =\n      typeof componentOrMessage === 'string'\n        ? componentOrMessage\n        : formatErrorMessage(\n            componentOrMessage,\n            `Root element (\\`$root\\`) already initialised`\n          )\n\n    super(message)\n  }\n}\n\n/**\n * Element error options\n *\n * @internal\n * @typedef {object} ElementErrorOptions\n * @property {Element | Document | null} [element] - The element in error (optional)\n * @property {ComponentWithModuleName} [component] - Component throwing the error (optional)\n * @property {string} identifier - An identifier that'll let the user understand which element has an error. This is whatever makes the most sense\n * @property {string} [expectedType] - The type that was expected for the identifier (optional)\n */\n\n/**\n * @import { ComponentWithModuleName } from '../common/index.mjs'\n */\n","import { isInitialised, isSupported } from './common/index.mjs'\nimport { ElementError, InitError, SupportError } from './errors/index.mjs'\n\n/**\n * Base Component class\n *\n * Centralises the behaviours shared by our components\n *\n * @virtual\n * @template {Element} [RootElementType=HTMLElement]\n */\nexport class Component {\n  /**\n   * @type {typeof Element}\n   */\n  static elementType = HTMLElement\n\n  // allows Typescript user to work around the lack of types\n  // in GOVUKFrontend package, Typescript is not aware of $root\n  // in components that extend GOVUKFrontendComponent\n  /**\n   * Returns the root element of the component\n   *\n   * @protected\n   * @returns {RootElementType} - the root element of component\n   */\n  get $root() {\n    return this._$root\n  }\n\n  /**\n   * @protected\n   * @type {RootElementType}\n   */\n  _$root\n\n  /**\n   * Constructs a new component, validating that GOV.UK Frontend is supported\n   *\n   * @internal\n   * @param {Element | null} [$root] - HTML element to use for component\n   */\n  constructor($root) {\n    const childConstructor = /** @type {ChildClassConstructor} */ (\n      this.constructor\n    )\n\n    // TypeScript does not enforce that inheriting classes will define a `moduleName`\n    // (even if we add a `@virtual` `static moduleName` property to this class).\n    // While we trust users to do this correctly, we do a little check to provide them\n    // a helpful error message.\n    //\n    // After this, we'll be sure that `childConstructor` has a `moduleName`\n    // as expected of the `ChildClassConstructor` we've cast `this.constructor` to.\n    if (typeof childConstructor.moduleName !== 'string') {\n      throw new InitError(`\\`moduleName\\` not defined in component`)\n    }\n\n    if (!($root instanceof childConstructor.elementType)) {\n      throw new ElementError({\n        element: $root,\n        component: childConstructor,\n        identifier: 'Root element (`$root`)',\n        expectedType: childConstructor.elementType.name\n      })\n    } else {\n      this._$root = /** @type {RootElementType} */ ($root)\n    }\n\n    childConstructor.checkSupport()\n\n    this.checkInitialised()\n\n    const moduleName = childConstructor.moduleName\n\n    this.$root.setAttribute(`data-${moduleName}-init`, '')\n  }\n\n  /**\n   * Validates whether component is already initialised\n   *\n   * @private\n   * @throws {InitError} when component is already initialised\n   */\n  checkInitialised() {\n    const constructor = /** @type {ChildClassConstructor} */ (this.constructor)\n    const moduleName = constructor.moduleName\n\n    if (moduleName && isInitialised(this.$root, moduleName)) {\n      throw new InitError(constructor)\n    }\n  }\n\n  /**\n   * Validates whether components are supported\n   *\n   * @throws {SupportError} when the components are not supported\n   */\n  static checkSupport() {\n    if (!isSupported()) {\n      throw new SupportError()\n    }\n  }\n}\n\n/**\n * @typedef ChildClass\n * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component\n */\n\n/**\n * @typedef {typeof Component & ChildClass} ChildClassConstructor\n */\n","import { getBreakpoint } from '../../common/index.mjs'\nimport { Component } from '../../component.mjs'\nimport { ElementError } from '../../errors/index.mjs'\n\n/**\n * Service Navigation component\n *\n * @preserve\n */\nexport class ServiceNavigation extends Component {\n  /** @private */\n  $menuButton\n\n  /** @private */\n  $menu\n\n  /**\n   * Remember the open/closed state of the nav so we can maintain it when the\n   * screen is resized.\n   *\n   * @private\n   */\n  menuIsOpen = false\n\n  /**\n   * A global const for storing a matchMedia instance which we'll use to detect\n   * when a screen size change happens. We rely on it being null if the feature\n   * isn't available to initially apply hidden attributes\n   *\n   * @private\n   * @type {MediaQueryList | null}\n   */\n  mql = null\n\n  /**\n   * @param {Element | null} $root - HTML element to use for header\n   */\n  constructor($root) {\n    super($root)\n\n    const $menuButton = this.$root.querySelector(\n      '.govuk-js-service-navigation-toggle'\n    )\n\n    // Headers don't necessarily have a navigation. When they don't, the menu\n    // toggle won't be rendered by our macro (or may be omitted when writing\n    // plain HTML)\n    if (!$menuButton) {\n      return this\n    }\n\n    const menuId = $menuButton.getAttribute('aria-controls')\n    if (!menuId) {\n      throw new ElementError({\n        component: ServiceNavigation,\n        identifier:\n          'Navigation button (`<button class=\"govuk-js-service-navigation-toggle\">`) attribute (`aria-controls`)'\n      })\n    }\n\n    const $menu = document.getElementById(menuId)\n    if (!$menu) {\n      throw new ElementError({\n        component: ServiceNavigation,\n        element: $menu,\n        identifier: `Navigation (\\`<ul id=\"${menuId}\">\\`)`\n      })\n    }\n\n    this.$menu = $menu\n    this.$menuButton = $menuButton\n\n    this.setupResponsiveChecks()\n\n    this.$menuButton.addEventListener('click', () =>\n      this.handleMenuButtonClick()\n    )\n  }\n\n  /**\n   * Setup viewport resize check\n   *\n   * @private\n   */\n  setupResponsiveChecks() {\n    const breakpoint = getBreakpoint('tablet')\n\n    if (!breakpoint.value) {\n      throw new ElementError({\n        component: ServiceNavigation,\n        identifier: `CSS custom property (\\`${breakpoint.property}\\`) on pseudo-class \\`:root\\``\n      })\n    }\n\n    // Media query list for GOV.UK Frontend desktop breakpoint\n    this.mql = window.matchMedia(`(min-width: ${breakpoint.value})`)\n\n    // MediaQueryList.addEventListener isn't supported by Safari < 14 so we need\n    // to be able to fall back to the deprecated MediaQueryList.addListener\n    if ('addEventListener' in this.mql) {\n      this.mql.addEventListener('change', () => this.checkMode())\n    } else {\n      // @ts-expect-error Property 'addListener' does not exist\n      // eslint-disable-next-line @typescript-eslint/no-unsafe-call\n      this.mql.addListener(() => this.checkMode())\n    }\n\n    this.checkMode()\n  }\n\n  /**\n   * Sync menu state\n   *\n   * Uses the global variable menuIsOpen to correctly set the accessible and\n   * visual states of the menu and the menu button.\n   * Additionally will force the menu to be visible and the menu button to be\n   * hidden if the matchMedia is triggered to desktop.\n   *\n   * @private\n   */\n  checkMode() {\n    if (!this.mql || !this.$menu || !this.$menuButton) {\n      return\n    }\n\n    if (this.mql.matches) {\n      this.$menu.removeAttribute('hidden')\n      this.$menuButton.setAttribute('hidden', '')\n    } else {\n      this.$menuButton.removeAttribute('hidden')\n      this.$menuButton.setAttribute('aria-expanded', this.menuIsOpen.toString())\n\n      if (this.menuIsOpen) {\n        this.$menu.removeAttribute('hidden')\n      } else {\n        this.$menu.setAttribute('hidden', '')\n      }\n    }\n  }\n\n  /**\n   * Handle menu button click\n   *\n   * When the menu button is clicked, change the visibility of the menu and then\n   * sync the accessibility state and menu button state\n   *\n   * @private\n   */\n  handleMenuButtonClick() {\n    this.menuIsOpen = !this.menuIsOpen\n    this.checkMode()\n  }\n\n  /**\n   * Name for the component used when initialising using data-module attributes.\n   */\n  static moduleName = 'govuk-service-navigation'\n}\n"],"names":["getBreakpoint","name","property","value","window","getComputedStyle","document","documentElement","getPropertyValue","undefined","isInitialised","$root","moduleName","HTMLElement","hasAttribute","isSupported","$scope","body","classList","contains","isArray","option","Array","isObject","formatErrorMessage","Component","message","GOVUKFrontendError","Error","constructor","args","SupportError","supportMessage","HTMLScriptElement","prototype","ElementError","messageOrOptions","component","identifier","element","expectedType","InitError","componentOrMessage","_$root","childConstructor","elementType","checkSupport","checkInitialised","setAttribute","ServiceNavigation","$menuButton","$menu","menuIsOpen","mql","querySelector","menuId","getAttribute","getElementById","setupResponsiveChecks","addEventListener","handleMenuButtonClick","breakpoint","matchMedia","checkMode","addListener","matches","removeAttribute","toString"],"mappings":"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"}
\ No newline at end of file
diff --git a/app/templates/govuk/components/components/service-navigation/service-navigation.bundle.mjs b/app/templates/govuk/components/components/service-navigation/service-navigation.bundle.mjs
new file mode 100644
index 0000000..ae23352
--- /dev/null
+++ b/app/templates/govuk/components/components/service-navigation/service-navigation.bundle.mjs
@@ -0,0 +1,226 @@
+function getBreakpoint(name) {
+  const property = `--govuk-breakpoint-${name}`;
+  const value = window.getComputedStyle(document.documentElement).getPropertyValue(property);
+  return {
+    property,
+    value: value || undefined
+  };
+}
+function isInitialised($root, moduleName) {
+  return $root instanceof HTMLElement && $root.hasAttribute(`data-${moduleName}-init`);
+}
+
+/**
+ * Checks if GOV.UK Frontend is supported on this page
+ *
+ * Some browsers will load and run our JavaScript but GOV.UK Frontend
+ * won't be supported.
+ *
+ * @param {HTMLElement | null} [$scope] - (internal) `<body>` HTML element checked for browser support
+ * @returns {boolean} Whether GOV.UK Frontend is supported on this page
+ */
+function isSupported($scope = document.body) {
+  if (!$scope) {
+    return false;
+  }
+  return $scope.classList.contains('govuk-frontend-supported');
+}
+function isArray(option) {
+  return Array.isArray(option);
+}
+function isObject(option) {
+  return !!option && typeof option === 'object' && !isArray(option);
+}
+function formatErrorMessage(Component, message) {
+  return `${Component.moduleName}: ${message}`;
+}
+/**
+ * @typedef ComponentWithModuleName
+ * @property {string} moduleName - Name of the component
+ */
+
+class GOVUKFrontendError extends Error {
+  constructor(...args) {
+    super(...args);
+    this.name = 'GOVUKFrontendError';
+  }
+}
+class SupportError extends GOVUKFrontendError {
+  /**
+   * Checks if GOV.UK Frontend is supported on this page
+   *
+   * @param {HTMLElement | null} [$scope] - HTML element `<body>` checked for browser support
+   */
+  constructor($scope = document.body) {
+    const supportMessage = 'noModule' in HTMLScriptElement.prototype ? 'GOV.UK Frontend initialised without `<body class="govuk-frontend-supported">` from template `<script>` snippet' : 'GOV.UK Frontend is not supported in this browser';
+    super($scope ? supportMessage : 'GOV.UK Frontend initialised without `<script type="module">`');
+    this.name = 'SupportError';
+  }
+}
+class ElementError extends GOVUKFrontendError {
+  constructor(messageOrOptions) {
+    let message = typeof messageOrOptions === 'string' ? messageOrOptions : '';
+    if (isObject(messageOrOptions)) {
+      const {
+        component,
+        identifier,
+        element,
+        expectedType
+      } = messageOrOptions;
+      message = identifier;
+      message += element ? ` is not of type ${expectedType != null ? expectedType : 'HTMLElement'}` : ' not found';
+      if (component) {
+        message = formatErrorMessage(component, message);
+      }
+    }
+    super(message);
+    this.name = 'ElementError';
+  }
+}
+class InitError extends GOVUKFrontendError {
+  constructor(componentOrMessage) {
+    const message = typeof componentOrMessage === 'string' ? componentOrMessage : formatErrorMessage(componentOrMessage, `Root element (\`$root\`) already initialised`);
+    super(message);
+    this.name = 'InitError';
+  }
+}
+/**
+ * @import { ComponentWithModuleName } from '../common/index.mjs'
+ */
+
+class Component {
+  /**
+   * Returns the root element of the component
+   *
+   * @protected
+   * @returns {RootElementType} - the root element of component
+   */
+  get $root() {
+    return this._$root;
+  }
+  constructor($root) {
+    this._$root = void 0;
+    const childConstructor = this.constructor;
+    if (typeof childConstructor.moduleName !== 'string') {
+      throw new InitError(`\`moduleName\` not defined in component`);
+    }
+    if (!($root instanceof childConstructor.elementType)) {
+      throw new ElementError({
+        element: $root,
+        component: childConstructor,
+        identifier: 'Root element (`$root`)',
+        expectedType: childConstructor.elementType.name
+      });
+    } else {
+      this._$root = $root;
+    }
+    childConstructor.checkSupport();
+    this.checkInitialised();
+    const moduleName = childConstructor.moduleName;
+    this.$root.setAttribute(`data-${moduleName}-init`, '');
+  }
+  checkInitialised() {
+    const constructor = this.constructor;
+    const moduleName = constructor.moduleName;
+    if (moduleName && isInitialised(this.$root, moduleName)) {
+      throw new InitError(constructor);
+    }
+  }
+  static checkSupport() {
+    if (!isSupported()) {
+      throw new SupportError();
+    }
+  }
+}
+
+/**
+ * @typedef ChildClass
+ * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component
+ */
+
+/**
+ * @typedef {typeof Component & ChildClass} ChildClassConstructor
+ */
+Component.elementType = HTMLElement;
+
+/**
+ * Service Navigation component
+ *
+ * @preserve
+ */
+class ServiceNavigation extends Component {
+  /**
+   * @param {Element | null} $root - HTML element to use for header
+   */
+  constructor($root) {
+    super($root);
+    this.$menuButton = void 0;
+    this.$menu = void 0;
+    this.menuIsOpen = false;
+    this.mql = null;
+    const $menuButton = this.$root.querySelector('.govuk-js-service-navigation-toggle');
+    if (!$menuButton) {
+      return this;
+    }
+    const menuId = $menuButton.getAttribute('aria-controls');
+    if (!menuId) {
+      throw new ElementError({
+        component: ServiceNavigation,
+        identifier: 'Navigation button (`<button class="govuk-js-service-navigation-toggle">`) attribute (`aria-controls`)'
+      });
+    }
+    const $menu = document.getElementById(menuId);
+    if (!$menu) {
+      throw new ElementError({
+        component: ServiceNavigation,
+        element: $menu,
+        identifier: `Navigation (\`<ul id="${menuId}">\`)`
+      });
+    }
+    this.$menu = $menu;
+    this.$menuButton = $menuButton;
+    this.setupResponsiveChecks();
+    this.$menuButton.addEventListener('click', () => this.handleMenuButtonClick());
+  }
+  setupResponsiveChecks() {
+    const breakpoint = getBreakpoint('tablet');
+    if (!breakpoint.value) {
+      throw new ElementError({
+        component: ServiceNavigation,
+        identifier: `CSS custom property (\`${breakpoint.property}\`) on pseudo-class \`:root\``
+      });
+    }
+    this.mql = window.matchMedia(`(min-width: ${breakpoint.value})`);
+    if ('addEventListener' in this.mql) {
+      this.mql.addEventListener('change', () => this.checkMode());
+    } else {
+      this.mql.addListener(() => this.checkMode());
+    }
+    this.checkMode();
+  }
+  checkMode() {
+    if (!this.mql || !this.$menu || !this.$menuButton) {
+      return;
+    }
+    if (this.mql.matches) {
+      this.$menu.removeAttribute('hidden');
+      this.$menuButton.setAttribute('hidden', '');
+    } else {
+      this.$menuButton.removeAttribute('hidden');
+      this.$menuButton.setAttribute('aria-expanded', this.menuIsOpen.toString());
+      if (this.menuIsOpen) {
+        this.$menu.removeAttribute('hidden');
+      } else {
+        this.$menu.setAttribute('hidden', '');
+      }
+    }
+  }
+  handleMenuButtonClick() {
+    this.menuIsOpen = !this.menuIsOpen;
+    this.checkMode();
+  }
+}
+ServiceNavigation.moduleName = 'govuk-service-navigation';
+
+export { ServiceNavigation };
+//# sourceMappingURL=service-navigation.bundle.mjs.map
diff --git a/app/templates/govuk/components/components/service-navigation/service-navigation.bundle.mjs.map b/app/templates/govuk/components/components/service-navigation/service-navigation.bundle.mjs.map
new file mode 100644
index 0000000..1ee73ef
--- /dev/null
+++ b/app/templates/govuk/components/components/service-navigation/service-navigation.bundle.mjs.map
@@ -0,0 +1 @@
+{"version":3,"file":"service-navigation.bundle.mjs","sources":["../../../../src/govuk/common/index.mjs","../../../../src/govuk/errors/index.mjs","../../../../src/govuk/component.mjs","../../../../src/govuk/components/service-navigation/service-navigation.mjs"],"sourcesContent":["/**\n * Common helpers which do not require polyfill.\n *\n * IMPORTANT: If a helper require a polyfill, please isolate it in its own module\n * so that the polyfill can be properly tree-shaken and does not burden\n * the components that do not need that helper\n */\n\n/**\n * Get GOV.UK Frontend breakpoint value from CSS custom property\n *\n * @private\n * @param {string} name - Breakpoint name\n * @returns {{ property: string, value?: string }} Breakpoint object\n */\nexport function getBreakpoint(name) {\n  const property = `--govuk-breakpoint-${name}`\n\n  // Get value from `<html>` with breakpoints on CSS :root\n  const value = window\n    .getComputedStyle(document.documentElement)\n    .getPropertyValue(property)\n\n  return {\n    property,\n    value: value || undefined\n  }\n}\n\n/**\n * Move focus to element\n *\n * Sets tabindex to -1 to make the element programmatically focusable,\n * but removes it on blur as the element doesn't need to be focused again.\n *\n * @private\n * @template {HTMLElement} FocusElement\n * @param {FocusElement} $element - HTML element\n * @param {object} [options] - Handler options\n * @param {function(this: FocusElement): void} [options.onBeforeFocus] - Callback before focus\n * @param {function(this: FocusElement): void} [options.onBlur] - Callback on blur\n */\nexport function setFocus($element, options = {}) {\n  const isFocusable = $element.getAttribute('tabindex')\n\n  if (!isFocusable) {\n    $element.setAttribute('tabindex', '-1')\n  }\n\n  /**\n   * Handle element focus\n   */\n  function onFocus() {\n    $element.addEventListener('blur', onBlur, { once: true })\n  }\n\n  /**\n   * Handle element blur\n   */\n  function onBlur() {\n    options.onBlur?.call($element)\n\n    if (!isFocusable) {\n      $element.removeAttribute('tabindex')\n    }\n  }\n\n  // Add listener to reset element on blur, after focus\n  $element.addEventListener('focus', onFocus, { once: true })\n\n  // Focus element\n  options.onBeforeFocus?.call($element)\n  $element.focus()\n}\n\n/**\n * Checks if component is already initialised\n *\n * @internal\n * @param {Element} $root - HTML element to be checked\n * @param {string} moduleName - name of component module\n * @returns {boolean} Whether component is already initialised\n */\nexport function isInitialised($root, moduleName) {\n  return (\n    $root instanceof HTMLElement &&\n    $root.hasAttribute(`data-${moduleName}-init`)\n  )\n}\n\n/**\n * Checks if GOV.UK Frontend is supported on this page\n *\n * Some browsers will load and run our JavaScript but GOV.UK Frontend\n * won't be supported.\n *\n * @param {HTMLElement | null} [$scope] - (internal) `<body>` HTML element checked for browser support\n * @returns {boolean} Whether GOV.UK Frontend is supported on this page\n */\nexport function isSupported($scope = document.body) {\n  if (!$scope) {\n    return false\n  }\n\n  return $scope.classList.contains('govuk-frontend-supported')\n}\n\n/**\n * Check for an array\n *\n * @internal\n * @param {unknown} option - Option to check\n * @returns {boolean} Whether the option is an array\n */\nfunction isArray(option) {\n  return Array.isArray(option)\n}\n\n/**\n * Check for an object\n *\n * @internal\n * @template {Partial<Record<keyof ObjectType, unknown>>} ObjectType\n * @param {unknown | ObjectType} option - Option to check\n * @returns {option is ObjectType} Whether the option is an object\n */\nexport function isObject(option) {\n  return !!option && typeof option === 'object' && !isArray(option)\n}\n\n/**\n * Check for valid scope\n *\n * @internal\n * @template {Element | Document} ScopeType\n * @param {unknown | ScopeType} $scope - Scope of the document to search within\n * @returns {$scope is ScopeType} Whether the scope can be queried\n */\nexport function isScope($scope) {\n  return !!$scope && ($scope instanceof Element || $scope instanceof Document)\n}\n\n/**\n * Format error message\n *\n * @internal\n * @param {ComponentWithModuleName} Component - Component that threw the error\n * @param {string} message - Error message\n * @returns {string} - Formatted error message\n */\nexport function formatErrorMessage(Component, message) {\n  return `${Component.moduleName}: ${message}`\n}\n\n/* eslint-disable jsdoc/valid-types --\n * `{new(...args: any[] ): object}` is not recognised as valid\n * https://github.com/gajus/eslint-plugin-jsdoc/issues/145#issuecomment-1308722878\n * https://github.com/jsdoc-type-pratt-parser/jsdoc-type-pratt-parser/issues/131\n **/\n\n/**\n * @typedef ComponentWithModuleName\n * @property {string} moduleName - Name of the component\n */\n\n/* eslint-enable jsdoc/valid-types */\n","import { formatErrorMessage, isObject } from '../common/index.mjs'\n\n/**\n * GOV.UK Frontend error\n *\n * A base class for `Error`s thrown by GOV.UK Frontend.\n *\n * It is meant to be extended into specific types of errors\n * to be thrown by our code.\n *\n * @example\n * ```js\n * class MissingRootError extends GOVUKFrontendError {\n *   // Setting an explicit name is important as extending the class will not\n *   // set a new `name` on the subclass. The `name` property is important\n *   // to ensure intelligible error names even if the class name gets\n *   // mangled by a minifier\n *   name = \"MissingRootError\"\n * }\n * ```\n * @virtual\n */\nexport class GOVUKFrontendError extends Error {\n  name = 'GOVUKFrontendError'\n}\n\n/**\n * Indicates that GOV.UK Frontend is not supported\n */\nexport class SupportError extends GOVUKFrontendError {\n  name = 'SupportError'\n\n  /**\n   * Checks if GOV.UK Frontend is supported on this page\n   *\n   * @param {HTMLElement | null} [$scope] - HTML element `<body>` checked for browser support\n   */\n  constructor($scope = document.body) {\n    const supportMessage =\n      'noModule' in HTMLScriptElement.prototype\n        ? 'GOV.UK Frontend initialised without `<body class=\"govuk-frontend-supported\">` from template `<script>` snippet'\n        : 'GOV.UK Frontend is not supported in this browser'\n\n    super(\n      $scope\n        ? supportMessage\n        : 'GOV.UK Frontend initialised without `<script type=\"module\">`'\n    )\n  }\n}\n\n/**\n * Indicates that a component has received an illegal configuration\n */\nexport class ConfigError extends GOVUKFrontendError {\n  name = 'ConfigError'\n}\n\n/**\n * Indicates an issue with an element (possibly `null` or `undefined`)\n */\nexport class ElementError extends GOVUKFrontendError {\n  name = 'ElementError'\n\n  /**\n   * @internal\n   * @overload\n   * @param {string} message - Element error message\n   */\n\n  /**\n   * @internal\n   * @overload\n   * @param {ElementErrorOptions} options - Element error options\n   */\n\n  /**\n   * @internal\n   * @param {string | ElementErrorOptions} messageOrOptions - Element error message or options\n   */\n  constructor(messageOrOptions) {\n    let message = typeof messageOrOptions === 'string' ? messageOrOptions : ''\n\n    // Build message from options\n    if (isObject(messageOrOptions)) {\n      const { component, identifier, element, expectedType } = messageOrOptions\n\n      message = identifier\n\n      // Append reason\n      message += element\n        ? ` is not of type ${expectedType ?? 'HTMLElement'}`\n        : ' not found'\n\n      // Prepend with module name (optional)\n      if (component) {\n        message = formatErrorMessage(component, message)\n      }\n    }\n\n    super(message)\n  }\n}\n\n/**\n * Indicates that a component is already initialised\n */\nexport class InitError extends GOVUKFrontendError {\n  name = 'InitError'\n\n  /**\n   * @internal\n   * @param {ComponentWithModuleName | string} componentOrMessage - name of the component module\n   */\n  constructor(componentOrMessage) {\n    const message =\n      typeof componentOrMessage === 'string'\n        ? componentOrMessage\n        : formatErrorMessage(\n            componentOrMessage,\n            `Root element (\\`$root\\`) already initialised`\n          )\n\n    super(message)\n  }\n}\n\n/**\n * Element error options\n *\n * @internal\n * @typedef {object} ElementErrorOptions\n * @property {Element | Document | null} [element] - The element in error (optional)\n * @property {ComponentWithModuleName} [component] - Component throwing the error (optional)\n * @property {string} identifier - An identifier that'll let the user understand which element has an error. This is whatever makes the most sense\n * @property {string} [expectedType] - The type that was expected for the identifier (optional)\n */\n\n/**\n * @import { ComponentWithModuleName } from '../common/index.mjs'\n */\n","import { isInitialised, isSupported } from './common/index.mjs'\nimport { ElementError, InitError, SupportError } from './errors/index.mjs'\n\n/**\n * Base Component class\n *\n * Centralises the behaviours shared by our components\n *\n * @virtual\n * @template {Element} [RootElementType=HTMLElement]\n */\nexport class Component {\n  /**\n   * @type {typeof Element}\n   */\n  static elementType = HTMLElement\n\n  // allows Typescript user to work around the lack of types\n  // in GOVUKFrontend package, Typescript is not aware of $root\n  // in components that extend GOVUKFrontendComponent\n  /**\n   * Returns the root element of the component\n   *\n   * @protected\n   * @returns {RootElementType} - the root element of component\n   */\n  get $root() {\n    return this._$root\n  }\n\n  /**\n   * @protected\n   * @type {RootElementType}\n   */\n  _$root\n\n  /**\n   * Constructs a new component, validating that GOV.UK Frontend is supported\n   *\n   * @internal\n   * @param {Element | null} [$root] - HTML element to use for component\n   */\n  constructor($root) {\n    const childConstructor = /** @type {ChildClassConstructor} */ (\n      this.constructor\n    )\n\n    // TypeScript does not enforce that inheriting classes will define a `moduleName`\n    // (even if we add a `@virtual` `static moduleName` property to this class).\n    // While we trust users to do this correctly, we do a little check to provide them\n    // a helpful error message.\n    //\n    // After this, we'll be sure that `childConstructor` has a `moduleName`\n    // as expected of the `ChildClassConstructor` we've cast `this.constructor` to.\n    if (typeof childConstructor.moduleName !== 'string') {\n      throw new InitError(`\\`moduleName\\` not defined in component`)\n    }\n\n    if (!($root instanceof childConstructor.elementType)) {\n      throw new ElementError({\n        element: $root,\n        component: childConstructor,\n        identifier: 'Root element (`$root`)',\n        expectedType: childConstructor.elementType.name\n      })\n    } else {\n      this._$root = /** @type {RootElementType} */ ($root)\n    }\n\n    childConstructor.checkSupport()\n\n    this.checkInitialised()\n\n    const moduleName = childConstructor.moduleName\n\n    this.$root.setAttribute(`data-${moduleName}-init`, '')\n  }\n\n  /**\n   * Validates whether component is already initialised\n   *\n   * @private\n   * @throws {InitError} when component is already initialised\n   */\n  checkInitialised() {\n    const constructor = /** @type {ChildClassConstructor} */ (this.constructor)\n    const moduleName = constructor.moduleName\n\n    if (moduleName && isInitialised(this.$root, moduleName)) {\n      throw new InitError(constructor)\n    }\n  }\n\n  /**\n   * Validates whether components are supported\n   *\n   * @throws {SupportError} when the components are not supported\n   */\n  static checkSupport() {\n    if (!isSupported()) {\n      throw new SupportError()\n    }\n  }\n}\n\n/**\n * @typedef ChildClass\n * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component\n */\n\n/**\n * @typedef {typeof Component & ChildClass} ChildClassConstructor\n */\n","import { getBreakpoint } from '../../common/index.mjs'\nimport { Component } from '../../component.mjs'\nimport { ElementError } from '../../errors/index.mjs'\n\n/**\n * Service Navigation component\n *\n * @preserve\n */\nexport class ServiceNavigation extends Component {\n  /** @private */\n  $menuButton\n\n  /** @private */\n  $menu\n\n  /**\n   * Remember the open/closed state of the nav so we can maintain it when the\n   * screen is resized.\n   *\n   * @private\n   */\n  menuIsOpen = false\n\n  /**\n   * A global const for storing a matchMedia instance which we'll use to detect\n   * when a screen size change happens. We rely on it being null if the feature\n   * isn't available to initially apply hidden attributes\n   *\n   * @private\n   * @type {MediaQueryList | null}\n   */\n  mql = null\n\n  /**\n   * @param {Element | null} $root - HTML element to use for header\n   */\n  constructor($root) {\n    super($root)\n\n    const $menuButton = this.$root.querySelector(\n      '.govuk-js-service-navigation-toggle'\n    )\n\n    // Headers don't necessarily have a navigation. When they don't, the menu\n    // toggle won't be rendered by our macro (or may be omitted when writing\n    // plain HTML)\n    if (!$menuButton) {\n      return this\n    }\n\n    const menuId = $menuButton.getAttribute('aria-controls')\n    if (!menuId) {\n      throw new ElementError({\n        component: ServiceNavigation,\n        identifier:\n          'Navigation button (`<button class=\"govuk-js-service-navigation-toggle\">`) attribute (`aria-controls`)'\n      })\n    }\n\n    const $menu = document.getElementById(menuId)\n    if (!$menu) {\n      throw new ElementError({\n        component: ServiceNavigation,\n        element: $menu,\n        identifier: `Navigation (\\`<ul id=\"${menuId}\">\\`)`\n      })\n    }\n\n    this.$menu = $menu\n    this.$menuButton = $menuButton\n\n    this.setupResponsiveChecks()\n\n    this.$menuButton.addEventListener('click', () =>\n      this.handleMenuButtonClick()\n    )\n  }\n\n  /**\n   * Setup viewport resize check\n   *\n   * @private\n   */\n  setupResponsiveChecks() {\n    const breakpoint = getBreakpoint('tablet')\n\n    if (!breakpoint.value) {\n      throw new ElementError({\n        component: ServiceNavigation,\n        identifier: `CSS custom property (\\`${breakpoint.property}\\`) on pseudo-class \\`:root\\``\n      })\n    }\n\n    // Media query list for GOV.UK Frontend desktop breakpoint\n    this.mql = window.matchMedia(`(min-width: ${breakpoint.value})`)\n\n    // MediaQueryList.addEventListener isn't supported by Safari < 14 so we need\n    // to be able to fall back to the deprecated MediaQueryList.addListener\n    if ('addEventListener' in this.mql) {\n      this.mql.addEventListener('change', () => this.checkMode())\n    } else {\n      // @ts-expect-error Property 'addListener' does not exist\n      // eslint-disable-next-line @typescript-eslint/no-unsafe-call\n      this.mql.addListener(() => this.checkMode())\n    }\n\n    this.checkMode()\n  }\n\n  /**\n   * Sync menu state\n   *\n   * Uses the global variable menuIsOpen to correctly set the accessible and\n   * visual states of the menu and the menu button.\n   * Additionally will force the menu to be visible and the menu button to be\n   * hidden if the matchMedia is triggered to desktop.\n   *\n   * @private\n   */\n  checkMode() {\n    if (!this.mql || !this.$menu || !this.$menuButton) {\n      return\n    }\n\n    if (this.mql.matches) {\n      this.$menu.removeAttribute('hidden')\n      this.$menuButton.setAttribute('hidden', '')\n    } else {\n      this.$menuButton.removeAttribute('hidden')\n      this.$menuButton.setAttribute('aria-expanded', this.menuIsOpen.toString())\n\n      if (this.menuIsOpen) {\n        this.$menu.removeAttribute('hidden')\n      } else {\n        this.$menu.setAttribute('hidden', '')\n      }\n    }\n  }\n\n  /**\n   * Handle menu button click\n   *\n   * When the menu button is clicked, change the visibility of the menu and then\n   * sync the accessibility state and menu button state\n   *\n   * @private\n   */\n  handleMenuButtonClick() {\n    this.menuIsOpen = !this.menuIsOpen\n    this.checkMode()\n  }\n\n  /**\n   * Name for the component used when initialising using data-module attributes.\n   */\n  static moduleName = 'govuk-service-navigation'\n}\n"],"names":["getBreakpoint","name","property","value","window","getComputedStyle","document","documentElement","getPropertyValue","undefined","isInitialised","$root","moduleName","HTMLElement","hasAttribute","isSupported","$scope","body","classList","contains","isArray","option","Array","isObject","formatErrorMessage","Component","message","GOVUKFrontendError","Error","constructor","args","SupportError","supportMessage","HTMLScriptElement","prototype","ElementError","messageOrOptions","component","identifier","element","expectedType","InitError","componentOrMessage","_$root","childConstructor","elementType","checkSupport","checkInitialised","setAttribute","ServiceNavigation","$menuButton","$menu","menuIsOpen","mql","querySelector","menuId","getAttribute","getElementById","setupResponsiveChecks","addEventListener","handleMenuButtonClick","breakpoint","matchMedia","checkMode","addListener","matches","removeAttribute","toString"],"mappings":"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"}
\ No newline at end of file
diff --git a/app/templates/govuk/components/components/service-navigation/service-navigation.mjs b/app/templates/govuk/components/components/service-navigation/service-navigation.mjs
new file mode 100644
index 0000000..675e72b
--- /dev/null
+++ b/app/templates/govuk/components/components/service-navigation/service-navigation.mjs
@@ -0,0 +1,85 @@
+import { getBreakpoint } from '../../common/index.mjs';
+import { Component } from '../../component.mjs';
+import { ElementError } from '../../errors/index.mjs';
+
+/**
+ * Service Navigation component
+ *
+ * @preserve
+ */
+class ServiceNavigation extends Component {
+  /**
+   * @param {Element | null} $root - HTML element to use for header
+   */
+  constructor($root) {
+    super($root);
+    this.$menuButton = void 0;
+    this.$menu = void 0;
+    this.menuIsOpen = false;
+    this.mql = null;
+    const $menuButton = this.$root.querySelector('.govuk-js-service-navigation-toggle');
+    if (!$menuButton) {
+      return this;
+    }
+    const menuId = $menuButton.getAttribute('aria-controls');
+    if (!menuId) {
+      throw new ElementError({
+        component: ServiceNavigation,
+        identifier: 'Navigation button (`<button class="govuk-js-service-navigation-toggle">`) attribute (`aria-controls`)'
+      });
+    }
+    const $menu = document.getElementById(menuId);
+    if (!$menu) {
+      throw new ElementError({
+        component: ServiceNavigation,
+        element: $menu,
+        identifier: `Navigation (\`<ul id="${menuId}">\`)`
+      });
+    }
+    this.$menu = $menu;
+    this.$menuButton = $menuButton;
+    this.setupResponsiveChecks();
+    this.$menuButton.addEventListener('click', () => this.handleMenuButtonClick());
+  }
+  setupResponsiveChecks() {
+    const breakpoint = getBreakpoint('tablet');
+    if (!breakpoint.value) {
+      throw new ElementError({
+        component: ServiceNavigation,
+        identifier: `CSS custom property (\`${breakpoint.property}\`) on pseudo-class \`:root\``
+      });
+    }
+    this.mql = window.matchMedia(`(min-width: ${breakpoint.value})`);
+    if ('addEventListener' in this.mql) {
+      this.mql.addEventListener('change', () => this.checkMode());
+    } else {
+      this.mql.addListener(() => this.checkMode());
+    }
+    this.checkMode();
+  }
+  checkMode() {
+    if (!this.mql || !this.$menu || !this.$menuButton) {
+      return;
+    }
+    if (this.mql.matches) {
+      this.$menu.removeAttribute('hidden');
+      this.$menuButton.setAttribute('hidden', '');
+    } else {
+      this.$menuButton.removeAttribute('hidden');
+      this.$menuButton.setAttribute('aria-expanded', this.menuIsOpen.toString());
+      if (this.menuIsOpen) {
+        this.$menu.removeAttribute('hidden');
+      } else {
+        this.$menu.setAttribute('hidden', '');
+      }
+    }
+  }
+  handleMenuButtonClick() {
+    this.menuIsOpen = !this.menuIsOpen;
+    this.checkMode();
+  }
+}
+ServiceNavigation.moduleName = 'govuk-service-navigation';
+
+export { ServiceNavigation };
+//# sourceMappingURL=service-navigation.mjs.map
diff --git a/app/templates/govuk/components/components/service-navigation/service-navigation.mjs.map b/app/templates/govuk/components/components/service-navigation/service-navigation.mjs.map
new file mode 100644
index 0000000..951ede1
--- /dev/null
+++ b/app/templates/govuk/components/components/service-navigation/service-navigation.mjs.map
@@ -0,0 +1 @@
+{"version":3,"file":"service-navigation.mjs","sources":["../../../../src/govuk/components/service-navigation/service-navigation.mjs"],"sourcesContent":["import { getBreakpoint } from '../../common/index.mjs'\nimport { Component } from '../../component.mjs'\nimport { ElementError } from '../../errors/index.mjs'\n\n/**\n * Service Navigation component\n *\n * @preserve\n */\nexport class ServiceNavigation extends Component {\n  /** @private */\n  $menuButton\n\n  /** @private */\n  $menu\n\n  /**\n   * Remember the open/closed state of the nav so we can maintain it when the\n   * screen is resized.\n   *\n   * @private\n   */\n  menuIsOpen = false\n\n  /**\n   * A global const for storing a matchMedia instance which we'll use to detect\n   * when a screen size change happens. We rely on it being null if the feature\n   * isn't available to initially apply hidden attributes\n   *\n   * @private\n   * @type {MediaQueryList | null}\n   */\n  mql = null\n\n  /**\n   * @param {Element | null} $root - HTML element to use for header\n   */\n  constructor($root) {\n    super($root)\n\n    const $menuButton = this.$root.querySelector(\n      '.govuk-js-service-navigation-toggle'\n    )\n\n    // Headers don't necessarily have a navigation. When they don't, the menu\n    // toggle won't be rendered by our macro (or may be omitted when writing\n    // plain HTML)\n    if (!$menuButton) {\n      return this\n    }\n\n    const menuId = $menuButton.getAttribute('aria-controls')\n    if (!menuId) {\n      throw new ElementError({\n        component: ServiceNavigation,\n        identifier:\n          'Navigation button (`<button class=\"govuk-js-service-navigation-toggle\">`) attribute (`aria-controls`)'\n      })\n    }\n\n    const $menu = document.getElementById(menuId)\n    if (!$menu) {\n      throw new ElementError({\n        component: ServiceNavigation,\n        element: $menu,\n        identifier: `Navigation (\\`<ul id=\"${menuId}\">\\`)`\n      })\n    }\n\n    this.$menu = $menu\n    this.$menuButton = $menuButton\n\n    this.setupResponsiveChecks()\n\n    this.$menuButton.addEventListener('click', () =>\n      this.handleMenuButtonClick()\n    )\n  }\n\n  /**\n   * Setup viewport resize check\n   *\n   * @private\n   */\n  setupResponsiveChecks() {\n    const breakpoint = getBreakpoint('tablet')\n\n    if (!breakpoint.value) {\n      throw new ElementError({\n        component: ServiceNavigation,\n        identifier: `CSS custom property (\\`${breakpoint.property}\\`) on pseudo-class \\`:root\\``\n      })\n    }\n\n    // Media query list for GOV.UK Frontend desktop breakpoint\n    this.mql = window.matchMedia(`(min-width: ${breakpoint.value})`)\n\n    // MediaQueryList.addEventListener isn't supported by Safari < 14 so we need\n    // to be able to fall back to the deprecated MediaQueryList.addListener\n    if ('addEventListener' in this.mql) {\n      this.mql.addEventListener('change', () => this.checkMode())\n    } else {\n      // @ts-expect-error Property 'addListener' does not exist\n      // eslint-disable-next-line @typescript-eslint/no-unsafe-call\n      this.mql.addListener(() => this.checkMode())\n    }\n\n    this.checkMode()\n  }\n\n  /**\n   * Sync menu state\n   *\n   * Uses the global variable menuIsOpen to correctly set the accessible and\n   * visual states of the menu and the menu button.\n   * Additionally will force the menu to be visible and the menu button to be\n   * hidden if the matchMedia is triggered to desktop.\n   *\n   * @private\n   */\n  checkMode() {\n    if (!this.mql || !this.$menu || !this.$menuButton) {\n      return\n    }\n\n    if (this.mql.matches) {\n      this.$menu.removeAttribute('hidden')\n      this.$menuButton.setAttribute('hidden', '')\n    } else {\n      this.$menuButton.removeAttribute('hidden')\n      this.$menuButton.setAttribute('aria-expanded', this.menuIsOpen.toString())\n\n      if (this.menuIsOpen) {\n        this.$menu.removeAttribute('hidden')\n      } else {\n        this.$menu.setAttribute('hidden', '')\n      }\n    }\n  }\n\n  /**\n   * Handle menu button click\n   *\n   * When the menu button is clicked, change the visibility of the menu and then\n   * sync the accessibility state and menu button state\n   *\n   * @private\n   */\n  handleMenuButtonClick() {\n    this.menuIsOpen = !this.menuIsOpen\n    this.checkMode()\n  }\n\n  /**\n   * Name for the component used when initialising using data-module attributes.\n   */\n  static moduleName = 'govuk-service-navigation'\n}\n"],"names":["ServiceNavigation","Component","constructor","$root","$menuButton","$menu","menuIsOpen","mql","querySelector","menuId","getAttribute","ElementError","component","identifier","document","getElementById","element","setupResponsiveChecks","addEventListener","handleMenuButtonClick","breakpoint","getBreakpoint","value","property","window","matchMedia","checkMode","addListener","matches","removeAttribute","setAttribute","toString","moduleName"],"mappings":"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"}
\ No newline at end of file
diff --git a/app/templates/govuk/components/components/service-navigation/template-default.html b/app/templates/govuk/components/components/service-navigation/template-default.html
new file mode 100644
index 0000000..faefef3
--- /dev/null
+++ b/app/templates/govuk/components/components/service-navigation/template-default.html
@@ -0,0 +1,57 @@
+
+  <div class="govuk-service-navigation"
+data-module="govuk-service-navigation"
+>
+      <div class="govuk-width-container">
+
+    <div class="govuk-service-navigation__container">
+      
+
+      
+        <nav aria-label="Menu" class="govuk-service-navigation__wrapper">
+          <button type="button" class="govuk-service-navigation__toggle govuk-js-service-navigation-toggle" aria-controls="navigation" hidden>
+            Menu
+          </button>
+
+          <ul class="govuk-service-navigation__list" id="navigation" >
+
+            
+              
+              <li class="govuk-service-navigation__item">
+                  <a class="govuk-service-navigation__link" href="#/1">
+                                    
+Navigation item 1
+                  </a>
+              </li>
+
+              
+              <li class="govuk-service-navigation__item">
+                  <a class="govuk-service-navigation__link" href="#/2">
+                                    
+Navigation item 2
+                  </a>
+              </li>
+
+              
+              <li class="govuk-service-navigation__item">
+                  <a class="govuk-service-navigation__link" href="#/3">
+                                    
+Navigation item 3
+                  </a>
+              </li>
+
+              
+              <li class="govuk-service-navigation__item">
+                  <a class="govuk-service-navigation__link" href="#/4">
+                                    
+Navigation item 4
+                  </a>
+              </li>
+
+            </ul>
+        </nav>
+    </div>
+
+    </div>
+
+  </div>
diff --git a/app/templates/govuk/components/components/service-navigation/template-inverse.html b/app/templates/govuk/components/components/service-navigation/template-inverse.html
new file mode 100644
index 0000000..8fb4bda
--- /dev/null
+++ b/app/templates/govuk/components/components/service-navigation/template-inverse.html
@@ -0,0 +1,63 @@
+
+  <section aria-label="Service information" class="govuk-service-navigation govuk-service-navigation--inverse"
+data-module="govuk-service-navigation"
+>
+      <div class="govuk-width-container">
+
+    <div class="govuk-service-navigation__container">
+      
+        <span class="govuk-service-navigation__service-name">
+            <a href="#/" class="govuk-service-navigation__link">
+              Apply for a juggling license
+            </a>
+        </span>
+
+      
+        <nav aria-label="Menu" class="govuk-service-navigation__wrapper">
+          <button type="button" class="govuk-service-navigation__toggle govuk-js-service-navigation-toggle" aria-controls="navigation" hidden>
+            Menu
+          </button>
+
+          <ul class="govuk-service-navigation__list" id="navigation" >
+
+            
+              
+              <li class="govuk-service-navigation__item">
+                  <a class="govuk-service-navigation__link" href="#/1">
+                                    
+Navigation item 1
+                  </a>
+              </li>
+
+              
+              <li class="govuk-service-navigation__item govuk-service-navigation__item--active">
+                  <a class="govuk-service-navigation__link" href="#/2" aria-current="true">
+                                    
+                  <strong class="govuk-service-navigation__active-fallback">Navigation item 2</strong>
+
+                  </a>
+              </li>
+
+              
+              <li class="govuk-service-navigation__item">
+                  <a class="govuk-service-navigation__link" href="#/3">
+                                    
+Navigation item 3
+                  </a>
+              </li>
+
+              
+              <li class="govuk-service-navigation__item">
+                  <a class="govuk-service-navigation__link" href="#/4">
+                                    
+Navigation item 4
+                  </a>
+              </li>
+
+            </ul>
+        </nav>
+    </div>
+
+    </div>
+
+  </section>
diff --git a/app/templates/govuk/components/components/service-navigation/template-with-a-single-navigation-item-and-collapsenavigationonmobile-set-to-true.html b/app/templates/govuk/components/components/service-navigation/template-with-a-single-navigation-item-and-collapsenavigationonmobile-set-to-true.html
new file mode 100644
index 0000000..8cf0da7
--- /dev/null
+++ b/app/templates/govuk/components/components/service-navigation/template-with-a-single-navigation-item-and-collapsenavigationonmobile-set-to-true.html
@@ -0,0 +1,38 @@
+
+  <section aria-label="Service information" class="govuk-service-navigation"
+data-module="govuk-service-navigation"
+>
+      <div class="govuk-width-container">
+
+    <div class="govuk-service-navigation__container">
+      
+        <span class="govuk-service-navigation__service-name">
+            <a href="#/" class="govuk-service-navigation__link">
+              Apply for a juggling license
+            </a>
+        </span>
+
+      
+        <nav aria-label="Menu" class="govuk-service-navigation__wrapper">
+          <button type="button" class="govuk-service-navigation__toggle govuk-js-service-navigation-toggle" aria-controls="navigation" hidden>
+            Menu
+          </button>
+
+          <ul class="govuk-service-navigation__list" id="navigation" >
+
+            
+              
+              <li class="govuk-service-navigation__item">
+                  <a class="govuk-service-navigation__link" href="#/1">
+                                    
+Log out
+                  </a>
+              </li>
+
+            </ul>
+        </nav>
+    </div>
+
+    </div>
+
+  </section>
diff --git a/app/templates/govuk/components/components/service-navigation/template-with-a-single-navigation-item.html b/app/templates/govuk/components/components/service-navigation/template-with-a-single-navigation-item.html
new file mode 100644
index 0000000..6724474
--- /dev/null
+++ b/app/templates/govuk/components/components/service-navigation/template-with-a-single-navigation-item.html
@@ -0,0 +1,35 @@
+
+  <section aria-label="Service information" class="govuk-service-navigation"
+data-module="govuk-service-navigation"
+>
+      <div class="govuk-width-container">
+
+    <div class="govuk-service-navigation__container">
+      
+        <span class="govuk-service-navigation__service-name">
+            <a href="#/" class="govuk-service-navigation__link">
+              Apply for a juggling license
+            </a>
+        </span>
+
+      
+        <nav aria-label="Menu" class="govuk-service-navigation__wrapper">
+
+          <ul class="govuk-service-navigation__list" id="navigation" >
+
+            
+              
+              <li class="govuk-service-navigation__item">
+                  <a class="govuk-service-navigation__link" href="#/1">
+                                    
+Log out
+                  </a>
+              </li>
+
+            </ul>
+        </nav>
+    </div>
+
+    </div>
+
+  </section>
diff --git a/app/templates/govuk/components/components/service-navigation/template-with-collapsenavigationonmobile-set-to-false.html b/app/templates/govuk/components/components/service-navigation/template-with-collapsenavigationonmobile-set-to-false.html
new file mode 100644
index 0000000..e07e0d6
--- /dev/null
+++ b/app/templates/govuk/components/components/service-navigation/template-with-collapsenavigationonmobile-set-to-false.html
@@ -0,0 +1,60 @@
+
+  <section aria-label="Service information" class="govuk-service-navigation"
+data-module="govuk-service-navigation"
+>
+      <div class="govuk-width-container">
+
+    <div class="govuk-service-navigation__container">
+      
+        <span class="govuk-service-navigation__service-name">
+            <a href="#/" class="govuk-service-navigation__link">
+              Apply for a juggling license
+            </a>
+        </span>
+
+      
+        <nav aria-label="Menu" class="govuk-service-navigation__wrapper">
+
+          <ul class="govuk-service-navigation__list" id="navigation" >
+
+            
+              
+              <li class="govuk-service-navigation__item">
+                  <a class="govuk-service-navigation__link" href="#/1">
+                                    
+Navigation item 1
+                  </a>
+              </li>
+
+              
+              <li class="govuk-service-navigation__item govuk-service-navigation__item--active">
+                  <a class="govuk-service-navigation__link" href="#/2" aria-current="true">
+                                    
+                  <strong class="govuk-service-navigation__active-fallback">Navigation item 2</strong>
+
+                  </a>
+              </li>
+
+              
+              <li class="govuk-service-navigation__item">
+                  <a class="govuk-service-navigation__link" href="#/3">
+                                    
+Navigation item 3
+                  </a>
+              </li>
+
+              
+              <li class="govuk-service-navigation__item">
+                  <a class="govuk-service-navigation__link" href="#/4">
+                                    
+Navigation item 4
+                  </a>
+              </li>
+
+            </ul>
+        </nav>
+    </div>
+
+    </div>
+
+  </section>
diff --git a/app/templates/govuk/components/components/service-navigation/template-with-html-navigation-items.html b/app/templates/govuk/components/components/service-navigation/template-with-html-navigation-items.html
new file mode 100644
index 0000000..3e8fe38
--- /dev/null
+++ b/app/templates/govuk/components/components/service-navigation/template-with-html-navigation-items.html
@@ -0,0 +1,49 @@
+
+  <div class="govuk-service-navigation"
+data-module="govuk-service-navigation"
+>
+      <div class="govuk-width-container">
+
+    <div class="govuk-service-navigation__container">
+      
+
+      
+        <nav aria-label="Menu" class="govuk-service-navigation__wrapper">
+          <button type="button" class="govuk-service-navigation__toggle govuk-js-service-navigation-toggle" aria-controls="navigation" hidden>
+            Menu
+          </button>
+
+          <ul class="govuk-service-navigation__list" id="navigation" >
+
+            
+              
+              <li class="govuk-service-navigation__item">
+                  <a class="govuk-service-navigation__link" href="#/1">
+                                    
+<em>Navigation item 1</em>
+                  </a>
+              </li>
+
+              
+              <li class="govuk-service-navigation__item">
+                  <a class="govuk-service-navigation__link" href="#/2">
+                                    
+<em>Navigation item 2</em>
+                  </a>
+              </li>
+
+              
+              <li class="govuk-service-navigation__item">
+                  <a class="govuk-service-navigation__link" href="#/3">
+                                    
+<em>Navigation item 3</em>
+                  </a>
+              </li>
+
+            </ul>
+        </nav>
+    </div>
+
+    </div>
+
+  </div>
diff --git a/app/templates/govuk/components/components/service-navigation/template-with-large-navigation.html b/app/templates/govuk/components/components/service-navigation/template-with-large-navigation.html
new file mode 100644
index 0000000..ad9417d
--- /dev/null
+++ b/app/templates/govuk/components/components/service-navigation/template-with-large-navigation.html
@@ -0,0 +1,153 @@
+
+  <div class="govuk-service-navigation"
+data-module="govuk-service-navigation"
+>
+      <div class="govuk-width-container">
+
+    <div class="govuk-service-navigation__container">
+      
+
+      
+        <nav aria-label="Menu" class="govuk-service-navigation__wrapper">
+          <button type="button" class="govuk-service-navigation__toggle govuk-js-service-navigation-toggle" aria-controls="navigation" hidden>
+            Menu
+          </button>
+
+          <ul class="govuk-service-navigation__list" id="navigation" >
+
+            
+              
+              <li class="govuk-service-navigation__item">
+                  <a class="govuk-service-navigation__link" href="#/browse/benefits">
+                                    
+Benefits
+                  </a>
+              </li>
+
+              
+              <li class="govuk-service-navigation__item">
+                  <a class="govuk-service-navigation__link" href="#/browse/births-deaths-marriages">
+                                    
+Births, deaths, marriages and care
+                  </a>
+              </li>
+
+              
+              <li class="govuk-service-navigation__item">
+                  <a class="govuk-service-navigation__link" href="#/browse/business">
+                                    
+Business and self-employed
+                  </a>
+              </li>
+
+              
+              <li class="govuk-service-navigation__item">
+                  <a class="govuk-service-navigation__link" href="#/browse/childcare-parenting">
+                                    
+Childcare and parenting
+                  </a>
+              </li>
+
+              
+              <li class="govuk-service-navigation__item">
+                  <a class="govuk-service-navigation__link" href="#/browse/citizenship">
+                                    
+Citizenship and living in the UK
+                  </a>
+              </li>
+
+              
+              <li class="govuk-service-navigation__item">
+                  <a class="govuk-service-navigation__link" href="#/browse/justice">
+                                    
+Crime, justice and the law
+                  </a>
+              </li>
+
+              
+              <li class="govuk-service-navigation__item">
+                  <a class="govuk-service-navigation__link" href="#/browse/disabilities">
+                                    
+Disabled people
+                  </a>
+              </li>
+
+              
+              <li class="govuk-service-navigation__item">
+                  <a class="govuk-service-navigation__link" href="#/browse/driving">
+                                    
+Driving and transport
+                  </a>
+              </li>
+
+              
+              <li class="govuk-service-navigation__item">
+                  <a class="govuk-service-navigation__link" href="#/browse/education">
+                                    
+Education and learning
+                  </a>
+              </li>
+
+              
+              <li class="govuk-service-navigation__item">
+                  <a class="govuk-service-navigation__link" href="#/browse/employing-people">
+                                    
+Employing people
+                  </a>
+              </li>
+
+              
+              <li class="govuk-service-navigation__item">
+                  <a class="govuk-service-navigation__link" href="#/browse/environment-countryside">
+                                    
+Environment and countryside
+                  </a>
+              </li>
+
+              
+              <li class="govuk-service-navigation__item">
+                  <a class="govuk-service-navigation__link" href="#/browse/housing-local-services">
+                                    
+Housing and local services
+                  </a>
+              </li>
+
+              
+              <li class="govuk-service-navigation__item">
+                  <a class="govuk-service-navigation__link" href="#/browse/tax">
+                                    
+Money and tax
+                  </a>
+              </li>
+
+              
+              <li class="govuk-service-navigation__item">
+                  <a class="govuk-service-navigation__link" href="#/browse/abroad">
+                                    
+Passports, travel and living abroad
+                  </a>
+              </li>
+
+              
+              <li class="govuk-service-navigation__item">
+                  <a class="govuk-service-navigation__link" href="#/browse/visas-immigration">
+                                    
+Visas and immigration
+                  </a>
+              </li>
+
+              
+              <li class="govuk-service-navigation__item">
+                  <a class="govuk-service-navigation__link" href="#/browse/working">
+                                    
+Working, jobs and pensions
+                  </a>
+              </li>
+
+            </ul>
+        </nav>
+    </div>
+
+    </div>
+
+  </div>
diff --git a/app/templates/govuk/components/components/service-navigation/template-with-long-service-name.html b/app/templates/govuk/components/components/service-navigation/template-with-long-service-name.html
new file mode 100644
index 0000000..3fb4708
--- /dev/null
+++ b/app/templates/govuk/components/components/service-navigation/template-with-long-service-name.html
@@ -0,0 +1,20 @@
+
+  <section aria-label="Service information" class="govuk-service-navigation"
+data-module="govuk-service-navigation"
+>
+      <div class="govuk-width-container">
+
+    <div class="govuk-service-navigation__container">
+      
+        <span class="govuk-service-navigation__service-name">
+            <a href="#/" class="govuk-service-navigation__link">
+              Apply to receive a rare holofoil Charizard Pokémon card from the King
+            </a>
+        </span>
+
+      
+    </div>
+
+    </div>
+
+  </section>
diff --git a/app/templates/govuk/components/components/service-navigation/template-with-navigation-with-a-current-item.html b/app/templates/govuk/components/components/service-navigation/template-with-navigation-with-a-current-item.html
new file mode 100644
index 0000000..6823415
--- /dev/null
+++ b/app/templates/govuk/components/components/service-navigation/template-with-navigation-with-a-current-item.html
@@ -0,0 +1,58 @@
+
+  <div class="govuk-service-navigation"
+data-module="govuk-service-navigation"
+>
+      <div class="govuk-width-container">
+
+    <div class="govuk-service-navigation__container">
+      
+
+      
+        <nav aria-label="Menu" class="govuk-service-navigation__wrapper">
+          <button type="button" class="govuk-service-navigation__toggle govuk-js-service-navigation-toggle" aria-controls="navigation" hidden>
+            Menu
+          </button>
+
+          <ul class="govuk-service-navigation__list" id="navigation" >
+
+            
+              
+              <li class="govuk-service-navigation__item">
+                  <a class="govuk-service-navigation__link" href="#/1">
+                                    
+Navigation item 1
+                  </a>
+              </li>
+
+              
+              <li class="govuk-service-navigation__item govuk-service-navigation__item--active">
+                  <a class="govuk-service-navigation__link" href="#/2" aria-current="page">
+                                    
+                  <strong class="govuk-service-navigation__active-fallback">Navigation item 2</strong>
+
+                  </a>
+              </li>
+
+              
+              <li class="govuk-service-navigation__item">
+                  <a class="govuk-service-navigation__link" href="#/3">
+                                    
+Navigation item 3
+                  </a>
+              </li>
+
+              
+              <li class="govuk-service-navigation__item">
+                  <a class="govuk-service-navigation__link" href="#/4">
+                                    
+Navigation item 4
+                  </a>
+              </li>
+
+            </ul>
+        </nav>
+    </div>
+
+    </div>
+
+  </div>
diff --git a/app/templates/govuk/components/components/service-navigation/template-with-non-link-navigation-items.html b/app/templates/govuk/components/components/service-navigation/template-with-non-link-navigation-items.html
new file mode 100644
index 0000000..fe4b49c
--- /dev/null
+++ b/app/templates/govuk/components/components/service-navigation/template-with-non-link-navigation-items.html
@@ -0,0 +1,49 @@
+
+  <div class="govuk-service-navigation"
+data-module="govuk-service-navigation"
+>
+      <div class="govuk-width-container">
+
+    <div class="govuk-service-navigation__container">
+      
+
+      
+        <nav aria-label="Menu" class="govuk-service-navigation__wrapper">
+          <button type="button" class="govuk-service-navigation__toggle govuk-js-service-navigation-toggle" aria-controls="navigation" hidden>
+            Menu
+          </button>
+
+          <ul class="govuk-service-navigation__list" id="navigation" >
+
+            
+              
+              <li class="govuk-service-navigation__item">
+                  <span class="govuk-service-navigation__text">
+                                    
+Navigation item 1
+                  </span>
+              </li>
+
+              
+              <li class="govuk-service-navigation__item">
+                  <span class="govuk-service-navigation__text">
+                                    
+<em>Navigation item 2</em>
+                  </span>
+              </li>
+
+              
+              <li class="govuk-service-navigation__item">
+                  <span class="govuk-service-navigation__text">
+                                    
+Navigation item 3
+                  </span>
+              </li>
+
+            </ul>
+        </nav>
+    </div>
+
+    </div>
+
+  </div>
diff --git a/app/templates/govuk/components/components/service-navigation/template-with-service-link.html b/app/templates/govuk/components/components/service-navigation/template-with-service-link.html
new file mode 100644
index 0000000..a722c3f
--- /dev/null
+++ b/app/templates/govuk/components/components/service-navigation/template-with-service-link.html
@@ -0,0 +1,20 @@
+
+  <section aria-label="Service information" class="govuk-service-navigation"
+data-module="govuk-service-navigation"
+>
+      <div class="govuk-width-container">
+
+    <div class="govuk-service-navigation__container">
+      
+        <span class="govuk-service-navigation__service-name">
+            <a href="#/" class="govuk-service-navigation__link">
+              Service name
+            </a>
+        </span>
+
+      
+    </div>
+
+    </div>
+
+  </section>
diff --git a/app/templates/govuk/components/components/service-navigation/template-with-service-name-and-navigation.html b/app/templates/govuk/components/components/service-navigation/template-with-service-name-and-navigation.html
new file mode 100644
index 0000000..b344d54
--- /dev/null
+++ b/app/templates/govuk/components/components/service-navigation/template-with-service-name-and-navigation.html
@@ -0,0 +1,63 @@
+
+  <section aria-label="Service information" class="govuk-service-navigation"
+data-module="govuk-service-navigation"
+>
+      <div class="govuk-width-container">
+
+    <div class="govuk-service-navigation__container">
+      
+        <span class="govuk-service-navigation__service-name">
+            <a href="#/" class="govuk-service-navigation__link">
+              Apply for a juggling license
+            </a>
+        </span>
+
+      
+        <nav aria-label="Menu" class="govuk-service-navigation__wrapper">
+          <button type="button" class="govuk-service-navigation__toggle govuk-js-service-navigation-toggle" aria-controls="navigation" hidden>
+            Menu
+          </button>
+
+          <ul class="govuk-service-navigation__list" id="navigation" >
+
+            
+              
+              <li class="govuk-service-navigation__item">
+                  <a class="govuk-service-navigation__link" href="#/1">
+                                    
+Navigation item 1
+                  </a>
+              </li>
+
+              
+              <li class="govuk-service-navigation__item govuk-service-navigation__item--active">
+                  <a class="govuk-service-navigation__link" href="#/2" aria-current="true">
+                                    
+                  <strong class="govuk-service-navigation__active-fallback">Navigation item 2</strong>
+
+                  </a>
+              </li>
+
+              
+              <li class="govuk-service-navigation__item">
+                  <a class="govuk-service-navigation__link" href="#/3">
+                                    
+Navigation item 3
+                  </a>
+              </li>
+
+              
+              <li class="govuk-service-navigation__item">
+                  <a class="govuk-service-navigation__link" href="#/4">
+                                    
+Navigation item 4
+                  </a>
+              </li>
+
+            </ul>
+        </nav>
+    </div>
+
+    </div>
+
+  </section>
diff --git a/app/templates/govuk/components/components/service-navigation/template-with-service-name.html b/app/templates/govuk/components/components/service-navigation/template-with-service-name.html
new file mode 100644
index 0000000..b0bdcf2
--- /dev/null
+++ b/app/templates/govuk/components/components/service-navigation/template-with-service-name.html
@@ -0,0 +1,18 @@
+
+  <section aria-label="Service information" class="govuk-service-navigation"
+data-module="govuk-service-navigation"
+>
+      <div class="govuk-width-container">
+
+    <div class="govuk-service-navigation__container">
+      
+        <span class="govuk-service-navigation__service-name">
+            <span class="govuk-service-navigation__text">Service name</span>
+        </span>
+
+      
+    </div>
+
+    </div>
+
+  </section>
diff --git a/app/templates/govuk/components/components/service-navigation/template.njk b/app/templates/govuk/components/components/service-navigation/template.njk
new file mode 100644
index 0000000..ac3ea47
--- /dev/null
+++ b/app/templates/govuk/components/components/service-navigation/template.njk
@@ -0,0 +1,106 @@
+{% from "../../macros/attributes.njk" import govukAttributes %}
+
+{%- set menuButtonText = params.menuButtonText | default("Menu", true) -%}
+{%- set navigationId = params.navigationId | default("navigation", true) %}
+
+{%- set commonAttributes %}
+class="govuk-service-navigation {%- if params.classes %} {{ params.classes }}{% endif %}"
+data-module="govuk-service-navigation"
+{{- govukAttributes(params.attributes) }}
+{% endset -%}
+
+{%- set innerContent %}
+  <div class="govuk-width-container">
+
+    {# Slot: start #}
+    {%- if params.slots.start %}{{ params.slots.start | safe }}{% endif -%}
+
+    <div class="govuk-service-navigation__container">
+      {# Service name #}
+      {% if params.serviceName %}
+        <span class="govuk-service-navigation__service-name">
+          {% if params.serviceUrl %}
+            <a href="{{ params.serviceUrl }}" class="govuk-service-navigation__link">
+              {{ params.serviceName }}
+            </a>
+          {% else %}
+            <span class="govuk-service-navigation__text">
+              {{- params.serviceName -}}
+            </span>
+          {% endif %}
+        </span>
+      {% endif %}
+
+      {# Navigation #}
+      {% set navigationItems = params.navigation | default([]) | select("truthy") %}
+      {% set collapseNavigationOnMobile = params.collapseNavigationOnMobile | default(navigationItems.length > 1) %}
+      {% if navigationItems | length or params.slots.navigationStart or params.slots.navigationEnd %}
+        <nav aria-label="{{ params.navigationLabel | default(menuButtonText, true) }}" class="govuk-service-navigation__wrapper {%- if params.navigationClasses %} {{ params.navigationClasses }}{% endif %}">
+          {% if collapseNavigationOnMobile %}
+          <button type="button" class="govuk-service-navigation__toggle govuk-js-service-navigation-toggle" aria-controls="{{ navigationId }}" {%- if params.menuButtonLabel and params.menuButtonLabel != menuButtonText %} aria-label="{{ params.menuButtonLabel }}"{% endif %} hidden>
+            {{ menuButtonText }}
+          </button>
+          {% endif %}
+
+          <ul class="govuk-service-navigation__list" id="{{ navigationId }}" >
+
+            {# Slot: navigationStart #}
+            {%- if params.slots.navigationStart %}{{ params.slots.navigationStart | safe }}{% endif -%}
+
+            {% for item in navigationItems %}
+              {% set linkInnerContent %}
+                {# We wrap active links in strong tags so that users who
+                  override colours or styles will still have some indicator of
+                  the current nav item. #}
+                {% if item.active or item.current %}
+                  <strong class="govuk-service-navigation__active-fallback">{{- item.html | safe if item.html else item.text -}}</strong>
+                {% else %}
+                  {{- item.html | safe if item.html else item.text -}}
+                {% endif %}
+              {% endset %}
+
+              {#
+                If item.current, add active style and set aria-current="page"
+                Elseif item.active, add active style and set aria-current="true"
+              #}
+              <li class="govuk-service-navigation__item {%- if item.active or item.current %} govuk-service-navigation__item--active{% endif %}">
+                {% if item.href %}
+                  <a class="govuk-service-navigation__link" href="{{ item.href }}"
+                    {%- if item.active or item.current %} aria-current="{{ 'page' if item.current else 'true' }}"{% endif %}
+                    {{- govukAttributes(item.attributes) -}}>
+                    {{ linkInnerContent | safe }}
+                  </a>
+                {% elif item.html or item.text %}
+                  <span class="govuk-service-navigation__text"
+                    {%- if item.active or item.current %} aria-current="{{ 'page' if item.current else 'true' }}"{% endif %}>
+                    {{ linkInnerContent | safe }}
+                  </span>
+                {% endif %}
+              </li>
+            {% endfor %}
+
+            {# Slot: navigationEnd #}
+            {%- if params.slots.navigationEnd %}{{ params.slots.navigationEnd | safe }}{% endif -%}
+          </ul>
+        </nav>
+      {% endif %}
+    </div>
+
+    {# Slot: end #}
+    {%- if params.slots.end %}{{ params.slots.end | safe }}{% endif -%}
+
+  </div>
+{% endset -%}
+
+{# If a service name is included, we use a <section> element with an
+  aria-label to create a containing landmark region. Otherwise, the <nav> in
+  the innerContent can do the job just fine by itself. #}
+{% if params.serviceName or params.slots.start or params.slots.end %}
+  <section aria-label="{{ params.ariaLabel | default("Service information") }}" {{ commonAttributes | safe }}>
+    {{ innerContent | safe }}
+  </section>
+{% else %}
+  <div {{ commonAttributes | safe }}>
+    {{ innerContent | safe }}
+  </div>
+{% endif %}
diff --git a/app/templates/govuk/components/components/skip-link/README.md b/app/templates/govuk/components/components/skip-link/README.md
new file mode 100644
index 0000000..65edcab
--- /dev/null
+++ b/app/templates/govuk/components/components/skip-link/README.md
@@ -0,0 +1,15 @@
+# Skip link
+
+## Installation
+
+See the [main README quick start guide](https://github.com/alphagov/govuk-frontend#quick-start) for how to install this component.
+
+## Guidance and Examples
+
+Find out when to use the skip link component in your service in the [GOV.UK Design System](https://design-system.service.gov.uk/components/skip-link).
+
+## Component options
+
+Use options to customise the appearance, content and behaviour of a component when using a macro, for example, changing the text.
+
+See [options table](https://design-system.service.gov.uk/components/skip-link/#options-skip-link-example) for details.
diff --git a/app/templates/govuk/components/components/skip-link/_index.scss b/app/templates/govuk/components/components/skip-link/_index.scss
new file mode 100644
index 0000000..5d51ebf
--- /dev/null
+++ b/app/templates/govuk/components/components/skip-link/_index.scss
@@ -0,0 +1,51 @@
+@include govuk-exports("govuk/component/skip-link") {
+  .govuk-skip-link {
+    @include govuk-visually-hidden-focusable;
+    @include govuk-link-decoration;
+    @include govuk-link-style-text;
+    @include govuk-font($size: 16);
+
+    display: block;
+    padding: govuk-spacing(2) govuk-spacing(3);
+
+    // Respect 'display cutout' safe area (avoids notches and rounded corners)
+    @supports (padding: unquote("max(calc(0px))")) {
+      $padding-safe-area-right: calc(#{govuk-spacing(3)} + env(safe-area-inset-right));
+      $padding-safe-area-left: calc(#{govuk-spacing(3)} + env(safe-area-inset-left));
+
+      // Use max() to pick largest padding, default or with safe area
+      // Escaped due to Sass max() vs. CSS native max()
+      padding-right: unquote("max(#{govuk-spacing(3)}, #{$padding-safe-area-right})");
+      padding-left: unquote("max(#{govuk-spacing(3)}, #{$padding-safe-area-left})");
+    }
+
+    &:focus {
+      outline: $govuk-focus-width solid $govuk-focus-colour;
+      outline-offset: 0;
+      background-color: $govuk-focus-colour;
+
+      // Undo unwanted changes when global styles are enabled
+      @if $govuk-global-styles {
+        @include govuk-link-decoration;
+        box-shadow: none;
+      }
+    }
+  }
+
+  .govuk-skip-link-focused-element {
+    &:focus {
+      // Remove the native visible focus indicator when the element is
+      // programmatically focused.
+      //
+      // We set the focus on the linked element (this is usually the <main>
+      // element) when the skip link is activated to improve screen reader
+      // announcements. However, we remove the visible focus indicator from the
+      // linked element because the user cannot interact with it.
+      //
+      // A related discussion: https://github.com/w3c/wcag/issues/1001
+      outline: none;
+    }
+  }
+}
+
+/*# sourceMappingURL=_index.scss.map */
diff --git a/app/templates/govuk/components/components/skip-link/_index.scss.map b/app/templates/govuk/components/components/skip-link/_index.scss.map
new file mode 100644
index 0000000..6bea36b
--- /dev/null
+++ b/app/templates/govuk/components/components/skip-link/_index.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/skip-link/_index.scss"],"names":[],"mappings":"AAAA;EACE;IACE,wCAAwC;IACxC,8BAA8B;IAC9B,8BAA8B;IAC9B,8BAA8B;;IAE9B,cAAc;IACd,0CAA0C;;IAE1C,yEAAyE;IACzE;MACE,gFAAgF;MAChF,8EAA8E;;MAE9E,8DAA8D;MAC9D,gDAAgD;MAChD,+EAA+E;MAC/E,6EAA6E;IAC/E;;IAEA;MACE,qDAAqD;MACrD,iBAAiB;MACjB,qCAAqC;;MAErC,sDAAsD;MACtD;QACE,8BAA8B;QAC9B,gBAAgB;MAClB;IACF;EACF;;EAEA;IACE;MACE,+DAA+D;MAC/D,2BAA2B;MAC3B,CAAC;MACD,oEAAoE;MACpE,mEAAmE;MACnE,wEAAwE;MACxE,0DAA0D;MAC1D,CAAC;MACD,+DAA+D;MAC/D,aAAa;IACf;EACF;AACF","file":"_index.scss","sourcesContent":["@include govuk-exports(\"govuk/component/skip-link\") {\n  .govuk-skip-link {\n    @include govuk-visually-hidden-focusable;\n    @include govuk-link-decoration;\n    @include govuk-link-style-text;\n    @include govuk-font($size: 16);\n\n    display: block;\n    padding: govuk-spacing(2) govuk-spacing(3);\n\n    // Respect 'display cutout' safe area (avoids notches and rounded corners)\n    @supports (padding: unquote(\"max(calc(0px))\")) {\n      $padding-safe-area-right: calc(#{govuk-spacing(3)} + env(safe-area-inset-right));\n      $padding-safe-area-left: calc(#{govuk-spacing(3)} + env(safe-area-inset-left));\n\n      // Use max() to pick largest padding, default or with safe area\n      // Escaped due to Sass max() vs. CSS native max()\n      padding-right: unquote(\"max(#{govuk-spacing(3)}, #{$padding-safe-area-right})\");\n      padding-left: unquote(\"max(#{govuk-spacing(3)}, #{$padding-safe-area-left})\");\n    }\n\n    &:focus {\n      outline: $govuk-focus-width solid $govuk-focus-colour;\n      outline-offset: 0;\n      background-color: $govuk-focus-colour;\n\n      // Undo unwanted changes when global styles are enabled\n      @if $govuk-global-styles {\n        @include govuk-link-decoration;\n        box-shadow: none;\n      }\n    }\n  }\n\n  .govuk-skip-link-focused-element {\n    &:focus {\n      // Remove the native visible focus indicator when the element is\n      // programmatically focused.\n      //\n      // We set the focus on the linked element (this is usually the <main>\n      // element) when the skip link is activated to improve screen reader\n      // announcements. However, we remove the visible focus indicator from the\n      // linked element because the user cannot interact with it.\n      //\n      // A related discussion: https://github.com/w3c/wcag/issues/1001\n      outline: none;\n    }\n  }\n}\n"]}
diff --git a/app/templates/govuk/components/components/skip-link/_skip-link.scss b/app/templates/govuk/components/components/skip-link/_skip-link.scss
new file mode 100644
index 0000000..5c675f5
--- /dev/null
+++ b/app/templates/govuk/components/components/skip-link/_skip-link.scss
@@ -0,0 +1,4 @@
+@import "../../base";
+@import "./index";
+
+/*# sourceMappingURL=_skip-link.scss.map */
diff --git a/app/templates/govuk/components/components/skip-link/_skip-link.scss.map b/app/templates/govuk/components/components/skip-link/_skip-link.scss.map
new file mode 100644
index 0000000..acc2edb
--- /dev/null
+++ b/app/templates/govuk/components/components/skip-link/_skip-link.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/skip-link/_skip-link.scss"],"names":[],"mappings":"AAAA,oBAAoB;AACpB,iBAAiB","file":"_skip-link.scss","sourcesContent":["@import \"../../base\";\n@import \"./index\";\n"]}
diff --git a/app/templates/govuk/components/components/skip-link/fixtures.json b/app/templates/govuk/components/components/skip-link/fixtures.json
new file mode 100644
index 0000000..45a88b5
--- /dev/null
+++ b/app/templates/govuk/components/components/skip-link/fixtures.json
@@ -0,0 +1,113 @@
+{
+    "component": "skip-link",
+    "fixtures": [
+        {
+            "name": "default",
+            "options": {
+                "text": "Skip to main content",
+                "href": "#test-target-element"
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<a href=\"#test-target-element\" class=\"govuk-skip-link\" data-module=\"govuk-skip-link\">Skip to main content</a>"
+        },
+        {
+            "name": "with focus",
+            "options": {
+                "classes": ":focus",
+                "text": "Skip to main content",
+                "href": "#test-target-element"
+            },
+            "hidden": false,
+            "description": "Simulate triggering the :focus CSS pseudo-class, not available in the production build.",
+            "pageTemplateOptions": {},
+            "screenshot": true,
+            "html": "<a href=\"#test-target-element\" class=\"govuk-skip-link :focus\" data-module=\"govuk-skip-link\">Skip to main content</a>"
+        },
+        {
+            "name": "no href",
+            "options": {
+                "text": "Skip to main content"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<a href=\"#content\" class=\"govuk-skip-link\" data-module=\"govuk-skip-link\">Skip to main content</a>"
+        },
+        {
+            "name": "custom href",
+            "options": {
+                "text": "Skip to custom content",
+                "href": "#custom"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<a href=\"#custom\" class=\"govuk-skip-link\" data-module=\"govuk-skip-link\">Skip to custom content</a>"
+        },
+        {
+            "name": "custom text",
+            "options": {
+                "text": "skip"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<a href=\"#content\" class=\"govuk-skip-link\" data-module=\"govuk-skip-link\">skip</a>"
+        },
+        {
+            "name": "html as text",
+            "options": {
+                "text": "<p>skip</p>"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<a href=\"#content\" class=\"govuk-skip-link\" data-module=\"govuk-skip-link\">&lt;p&gt;skip&lt;/p&gt;</a>"
+        },
+        {
+            "name": "html",
+            "options": {
+                "html": "<p>skip</p>"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<a href=\"#content\" class=\"govuk-skip-link\" data-module=\"govuk-skip-link\"><p>skip</p></a>"
+        },
+        {
+            "name": "classes",
+            "options": {
+                "text": "Skip link",
+                "classes": "app-skip-link--custom-class"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<a href=\"#content\" class=\"govuk-skip-link app-skip-link--custom-class\" data-module=\"govuk-skip-link\">Skip link</a>"
+        },
+        {
+            "name": "attributes",
+            "options": {
+                "text": "Skip link",
+                "attributes": {
+                    "data-test": "attribute",
+                    "aria-label": "Skip to content"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<a href=\"#content\" class=\"govuk-skip-link\" data-test=\"attribute\" aria-label=\"Skip to content\" data-module=\"govuk-skip-link\">Skip link</a>"
+        }
+    ]
+}
diff --git a/app/templates/govuk/components/components/skip-link/macro-options.json b/app/templates/govuk/components/components/skip-link/macro-options.json
new file mode 100644
index 0000000..16b5bab
--- /dev/null
+++ b/app/templates/govuk/components/components/skip-link/macro-options.json
@@ -0,0 +1,32 @@
+[
+    {
+        "name": "text",
+        "type": "string",
+        "required": true,
+        "description": "If `html` is set, this is not required. Text to use within the skip link component. If `html` is provided, the `text` option will be ignored."
+    },
+    {
+        "name": "html",
+        "type": "string",
+        "required": true,
+        "description": "If `text` is set, this is not required. HTML to use within the skip link component. If `html` is provided, the `text` option will be ignored."
+    },
+    {
+        "name": "href",
+        "type": "string",
+        "required": false,
+        "description": "The value of the skip link’s `href` attribute. Defaults to `\"#content\"` if you do not provide a value."
+    },
+    {
+        "name": "classes",
+        "type": "string",
+        "required": false,
+        "description": "Classes to add to the skip link."
+    },
+    {
+        "name": "attributes",
+        "type": "object",
+        "required": false,
+        "description": "HTML attributes (for example data attributes) to add to the skip link."
+    }
+]
diff --git a/app/templates/govuk/components/components/skip-link/macro.njk b/app/templates/govuk/components/components/skip-link/macro.njk
new file mode 100644
index 0000000..b5afb0c
--- /dev/null
+++ b/app/templates/govuk/components/components/skip-link/macro.njk
@@ -0,0 +1,3 @@
+{% macro govukSkipLink(params) %}
+  {%- include "./template.njk" -%}
+{% endmacro %}
diff --git a/app/templates/govuk/components/components/skip-link/skip-link.bundle.js b/app/templates/govuk/components/components/skip-link/skip-link.bundle.js
new file mode 100644
index 0000000..cb19b34
--- /dev/null
+++ b/app/templates/govuk/components/components/skip-link/skip-link.bundle.js
@@ -0,0 +1,217 @@
+(function (global, factory) {
+  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports) :
+  typeof define === 'function' && define.amd ? define(['exports'], factory) :
+  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.GOVUKFrontend = global.GOVUKFrontend || {}));
+})(this, (function (exports) { 'use strict';
+
+  function setFocus($element, options = {}) {
+    var _options$onBeforeFocu;
+    const isFocusable = $element.getAttribute('tabindex');
+    if (!isFocusable) {
+      $element.setAttribute('tabindex', '-1');
+    }
+    function onFocus() {
+      $element.addEventListener('blur', onBlur, {
+        once: true
+      });
+    }
+    function onBlur() {
+      var _options$onBlur;
+      (_options$onBlur = options.onBlur) == null || _options$onBlur.call($element);
+      if (!isFocusable) {
+        $element.removeAttribute('tabindex');
+      }
+    }
+    $element.addEventListener('focus', onFocus, {
+      once: true
+    });
+    (_options$onBeforeFocu = options.onBeforeFocus) == null || _options$onBeforeFocu.call($element);
+    $element.focus();
+  }
+  function isInitialised($root, moduleName) {
+    return $root instanceof HTMLElement && $root.hasAttribute(`data-${moduleName}-init`);
+  }
+
+  /**
+   * Checks if GOV.UK Frontend is supported on this page
+   *
+   * Some browsers will load and run our JavaScript but GOV.UK Frontend
+   * won't be supported.
+   *
+   * @param {HTMLElement | null} [$scope] - (internal) `<body>` HTML element checked for browser support
+   * @returns {boolean} Whether GOV.UK Frontend is supported on this page
+   */
+  function isSupported($scope = document.body) {
+    if (!$scope) {
+      return false;
+    }
+    return $scope.classList.contains('govuk-frontend-supported');
+  }
+  function isArray(option) {
+    return Array.isArray(option);
+  }
+  function isObject(option) {
+    return !!option && typeof option === 'object' && !isArray(option);
+  }
+  function formatErrorMessage(Component, message) {
+    return `${Component.moduleName}: ${message}`;
+  }
+  /**
+   * @typedef ComponentWithModuleName
+   * @property {string} moduleName - Name of the component
+   */
+
+  class GOVUKFrontendError extends Error {
+    constructor(...args) {
+      super(...args);
+      this.name = 'GOVUKFrontendError';
+    }
+  }
+  class SupportError extends GOVUKFrontendError {
+    /**
+     * Checks if GOV.UK Frontend is supported on this page
+     *
+     * @param {HTMLElement | null} [$scope] - HTML element `<body>` checked for browser support
+     */
+    constructor($scope = document.body) {
+      const supportMessage = 'noModule' in HTMLScriptElement.prototype ? 'GOV.UK Frontend initialised without `<body class="govuk-frontend-supported">` from template `<script>` snippet' : 'GOV.UK Frontend is not supported in this browser';
+      super($scope ? supportMessage : 'GOV.UK Frontend initialised without `<script type="module">`');
+      this.name = 'SupportError';
+    }
+  }
+  class ElementError extends GOVUKFrontendError {
+    constructor(messageOrOptions) {
+      let message = typeof messageOrOptions === 'string' ? messageOrOptions : '';
+      if (isObject(messageOrOptions)) {
+        const {
+          component,
+          identifier,
+          element,
+          expectedType
+        } = messageOrOptions;
+        message = identifier;
+        message += element ? ` is not of type ${expectedType != null ? expectedType : 'HTMLElement'}` : ' not found';
+        if (component) {
+          message = formatErrorMessage(component, message);
+        }
+      }
+      super(message);
+      this.name = 'ElementError';
+    }
+  }
+  class InitError extends GOVUKFrontendError {
+    constructor(componentOrMessage) {
+      const message = typeof componentOrMessage === 'string' ? componentOrMessage : formatErrorMessage(componentOrMessage, `Root element (\`$root\`) already initialised`);
+      super(message);
+      this.name = 'InitError';
+    }
+  }
+  /**
+   * @import { ComponentWithModuleName } from '../common/index.mjs'
+   */
+
+  class Component {
+    /**
+     * Returns the root element of the component
+     *
+     * @protected
+     * @returns {RootElementType} - the root element of component
+     */
+    get $root() {
+      return this._$root;
+    }
+    constructor($root) {
+      this._$root = void 0;
+      const childConstructor = this.constructor;
+      if (typeof childConstructor.moduleName !== 'string') {
+        throw new InitError(`\`moduleName\` not defined in component`);
+      }
+      if (!($root instanceof childConstructor.elementType)) {
+        throw new ElementError({
+          element: $root,
+          component: childConstructor,
+          identifier: 'Root element (`$root`)',
+          expectedType: childConstructor.elementType.name
+        });
+      } else {
+        this._$root = $root;
+      }
+      childConstructor.checkSupport();
+      this.checkInitialised();
+      const moduleName = childConstructor.moduleName;
+      this.$root.setAttribute(`data-${moduleName}-init`, '');
+    }
+    checkInitialised() {
+      const constructor = this.constructor;
+      const moduleName = constructor.moduleName;
+      if (moduleName && isInitialised(this.$root, moduleName)) {
+        throw new InitError(constructor);
+      }
+    }
+    static checkSupport() {
+      if (!isSupported()) {
+        throw new SupportError();
+      }
+    }
+  }
+
+  /**
+   * @typedef ChildClass
+   * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component
+   */
+
+  /**
+   * @typedef {typeof Component & ChildClass} ChildClassConstructor
+   */
+  Component.elementType = HTMLElement;
+
+  /**
+   * Skip link component
+   *
+   * @preserve
+   * @augments Component<HTMLAnchorElement>
+   */
+  class SkipLink extends Component {
+    /**
+     * @param {Element | null} $root - HTML element to use for skip link
+     * @throws {ElementError} when $root is not set or the wrong type
+     * @throws {ElementError} when $root.hash does not contain a hash
+     * @throws {ElementError} when the linked element is missing or the wrong type
+     */
+    constructor($root) {
+      var _this$$root$getAttrib;
+      super($root);
+      const hash = this.$root.hash;
+      const href = (_this$$root$getAttrib = this.$root.getAttribute('href')) != null ? _this$$root$getAttrib : '';
+      if (this.$root.origin !== window.location.origin || this.$root.pathname !== window.location.pathname) {
+        return;
+      }
+      const linkedElementId = hash.replace('#', '');
+      if (!linkedElementId) {
+        throw new ElementError(`Skip link: Target link (\`href="${href}"\`) has no hash fragment`);
+      }
+      const $linkedElement = document.getElementById(linkedElementId);
+      if (!$linkedElement) {
+        throw new ElementError({
+          component: SkipLink,
+          element: $linkedElement,
+          identifier: `Target content (\`id="${linkedElementId}"\`)`
+        });
+      }
+      this.$root.addEventListener('click', () => setFocus($linkedElement, {
+        onBeforeFocus() {
+          $linkedElement.classList.add('govuk-skip-link-focused-element');
+        },
+        onBlur() {
+          $linkedElement.classList.remove('govuk-skip-link-focused-element');
+        }
+      }));
+    }
+  }
+  SkipLink.elementType = HTMLAnchorElement;
+  SkipLink.moduleName = 'govuk-skip-link';
+
+  exports.SkipLink = SkipLink;
+
+}));
+//# sourceMappingURL=skip-link.bundle.js.map
diff --git a/app/templates/govuk/components/components/skip-link/skip-link.bundle.js.map b/app/templates/govuk/components/components/skip-link/skip-link.bundle.js.map
new file mode 100644
index 0000000..43ec68d
--- /dev/null
+++ b/app/templates/govuk/components/components/skip-link/skip-link.bundle.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"skip-link.bundle.js","sources":["../../../../src/govuk/common/index.mjs","../../../../src/govuk/errors/index.mjs","../../../../src/govuk/component.mjs","../../../../src/govuk/components/skip-link/skip-link.mjs"],"sourcesContent":["/**\n * Common helpers which do not require polyfill.\n *\n * IMPORTANT: If a helper require a polyfill, please isolate it in its own module\n * so that the polyfill can be properly tree-shaken and does not burden\n * the components that do not need that helper\n */\n\n/**\n * Get GOV.UK Frontend breakpoint value from CSS custom property\n *\n * @private\n * @param {string} name - Breakpoint name\n * @returns {{ property: string, value?: string }} Breakpoint object\n */\nexport function getBreakpoint(name) {\n  const property = `--govuk-breakpoint-${name}`\n\n  // Get value from `<html>` with breakpoints on CSS :root\n  const value = window\n    .getComputedStyle(document.documentElement)\n    .getPropertyValue(property)\n\n  return {\n    property,\n    value: value || undefined\n  }\n}\n\n/**\n * Move focus to element\n *\n * Sets tabindex to -1 to make the element programmatically focusable,\n * but removes it on blur as the element doesn't need to be focused again.\n *\n * @private\n * @template {HTMLElement} FocusElement\n * @param {FocusElement} $element - HTML element\n * @param {object} [options] - Handler options\n * @param {function(this: FocusElement): void} [options.onBeforeFocus] - Callback before focus\n * @param {function(this: FocusElement): void} [options.onBlur] - Callback on blur\n */\nexport function setFocus($element, options = {}) {\n  const isFocusable = $element.getAttribute('tabindex')\n\n  if (!isFocusable) {\n    $element.setAttribute('tabindex', '-1')\n  }\n\n  /**\n   * Handle element focus\n   */\n  function onFocus() {\n    $element.addEventListener('blur', onBlur, { once: true })\n  }\n\n  /**\n   * Handle element blur\n   */\n  function onBlur() {\n    options.onBlur?.call($element)\n\n    if (!isFocusable) {\n      $element.removeAttribute('tabindex')\n    }\n  }\n\n  // Add listener to reset element on blur, after focus\n  $element.addEventListener('focus', onFocus, { once: true })\n\n  // Focus element\n  options.onBeforeFocus?.call($element)\n  $element.focus()\n}\n\n/**\n * Checks if component is already initialised\n *\n * @internal\n * @param {Element} $root - HTML element to be checked\n * @param {string} moduleName - name of component module\n * @returns {boolean} Whether component is already initialised\n */\nexport function isInitialised($root, moduleName) {\n  return (\n    $root instanceof HTMLElement &&\n    $root.hasAttribute(`data-${moduleName}-init`)\n  )\n}\n\n/**\n * Checks if GOV.UK Frontend is supported on this page\n *\n * Some browsers will load and run our JavaScript but GOV.UK Frontend\n * won't be supported.\n *\n * @param {HTMLElement | null} [$scope] - (internal) `<body>` HTML element checked for browser support\n * @returns {boolean} Whether GOV.UK Frontend is supported on this page\n */\nexport function isSupported($scope = document.body) {\n  if (!$scope) {\n    return false\n  }\n\n  return $scope.classList.contains('govuk-frontend-supported')\n}\n\n/**\n * Check for an array\n *\n * @internal\n * @param {unknown} option - Option to check\n * @returns {boolean} Whether the option is an array\n */\nfunction isArray(option) {\n  return Array.isArray(option)\n}\n\n/**\n * Check for an object\n *\n * @internal\n * @template {Partial<Record<keyof ObjectType, unknown>>} ObjectType\n * @param {unknown | ObjectType} option - Option to check\n * @returns {option is ObjectType} Whether the option is an object\n */\nexport function isObject(option) {\n  return !!option && typeof option === 'object' && !isArray(option)\n}\n\n/**\n * Check for valid scope\n *\n * @internal\n * @template {Element | Document} ScopeType\n * @param {unknown | ScopeType} $scope - Scope of the document to search within\n * @returns {$scope is ScopeType} Whether the scope can be queried\n */\nexport function isScope($scope) {\n  return !!$scope && ($scope instanceof Element || $scope instanceof Document)\n}\n\n/**\n * Format error message\n *\n * @internal\n * @param {ComponentWithModuleName} Component - Component that threw the error\n * @param {string} message - Error message\n * @returns {string} - Formatted error message\n */\nexport function formatErrorMessage(Component, message) {\n  return `${Component.moduleName}: ${message}`\n}\n\n/* eslint-disable jsdoc/valid-types --\n * `{new(...args: any[] ): object}` is not recognised as valid\n * https://github.com/gajus/eslint-plugin-jsdoc/issues/145#issuecomment-1308722878\n * https://github.com/jsdoc-type-pratt-parser/jsdoc-type-pratt-parser/issues/131\n **/\n\n/**\n * @typedef ComponentWithModuleName\n * @property {string} moduleName - Name of the component\n */\n\n/* eslint-enable jsdoc/valid-types */\n","import { formatErrorMessage, isObject } from '../common/index.mjs'\n\n/**\n * GOV.UK Frontend error\n *\n * A base class for `Error`s thrown by GOV.UK Frontend.\n *\n * It is meant to be extended into specific types of errors\n * to be thrown by our code.\n *\n * @example\n * ```js\n * class MissingRootError extends GOVUKFrontendError {\n *   // Setting an explicit name is important as extending the class will not\n *   // set a new `name` on the subclass. The `name` property is important\n *   // to ensure intelligible error names even if the class name gets\n *   // mangled by a minifier\n *   name = \"MissingRootError\"\n * }\n * ```\n * @virtual\n */\nexport class GOVUKFrontendError extends Error {\n  name = 'GOVUKFrontendError'\n}\n\n/**\n * Indicates that GOV.UK Frontend is not supported\n */\nexport class SupportError extends GOVUKFrontendError {\n  name = 'SupportError'\n\n  /**\n   * Checks if GOV.UK Frontend is supported on this page\n   *\n   * @param {HTMLElement | null} [$scope] - HTML element `<body>` checked for browser support\n   */\n  constructor($scope = document.body) {\n    const supportMessage =\n      'noModule' in HTMLScriptElement.prototype\n        ? 'GOV.UK Frontend initialised without `<body class=\"govuk-frontend-supported\">` from template `<script>` snippet'\n        : 'GOV.UK Frontend is not supported in this browser'\n\n    super(\n      $scope\n        ? supportMessage\n        : 'GOV.UK Frontend initialised without `<script type=\"module\">`'\n    )\n  }\n}\n\n/**\n * Indicates that a component has received an illegal configuration\n */\nexport class ConfigError extends GOVUKFrontendError {\n  name = 'ConfigError'\n}\n\n/**\n * Indicates an issue with an element (possibly `null` or `undefined`)\n */\nexport class ElementError extends GOVUKFrontendError {\n  name = 'ElementError'\n\n  /**\n   * @internal\n   * @overload\n   * @param {string} message - Element error message\n   */\n\n  /**\n   * @internal\n   * @overload\n   * @param {ElementErrorOptions} options - Element error options\n   */\n\n  /**\n   * @internal\n   * @param {string | ElementErrorOptions} messageOrOptions - Element error message or options\n   */\n  constructor(messageOrOptions) {\n    let message = typeof messageOrOptions === 'string' ? messageOrOptions : ''\n\n    // Build message from options\n    if (isObject(messageOrOptions)) {\n      const { component, identifier, element, expectedType } = messageOrOptions\n\n      message = identifier\n\n      // Append reason\n      message += element\n        ? ` is not of type ${expectedType ?? 'HTMLElement'}`\n        : ' not found'\n\n      // Prepend with module name (optional)\n      if (component) {\n        message = formatErrorMessage(component, message)\n      }\n    }\n\n    super(message)\n  }\n}\n\n/**\n * Indicates that a component is already initialised\n */\nexport class InitError extends GOVUKFrontendError {\n  name = 'InitError'\n\n  /**\n   * @internal\n   * @param {ComponentWithModuleName | string} componentOrMessage - name of the component module\n   */\n  constructor(componentOrMessage) {\n    const message =\n      typeof componentOrMessage === 'string'\n        ? componentOrMessage\n        : formatErrorMessage(\n            componentOrMessage,\n            `Root element (\\`$root\\`) already initialised`\n          )\n\n    super(message)\n  }\n}\n\n/**\n * Element error options\n *\n * @internal\n * @typedef {object} ElementErrorOptions\n * @property {Element | Document | null} [element] - The element in error (optional)\n * @property {ComponentWithModuleName} [component] - Component throwing the error (optional)\n * @property {string} identifier - An identifier that'll let the user understand which element has an error. This is whatever makes the most sense\n * @property {string} [expectedType] - The type that was expected for the identifier (optional)\n */\n\n/**\n * @import { ComponentWithModuleName } from '../common/index.mjs'\n */\n","import { isInitialised, isSupported } from './common/index.mjs'\nimport { ElementError, InitError, SupportError } from './errors/index.mjs'\n\n/**\n * Base Component class\n *\n * Centralises the behaviours shared by our components\n *\n * @virtual\n * @template {Element} [RootElementType=HTMLElement]\n */\nexport class Component {\n  /**\n   * @type {typeof Element}\n   */\n  static elementType = HTMLElement\n\n  // allows Typescript user to work around the lack of types\n  // in GOVUKFrontend package, Typescript is not aware of $root\n  // in components that extend GOVUKFrontendComponent\n  /**\n   * Returns the root element of the component\n   *\n   * @protected\n   * @returns {RootElementType} - the root element of component\n   */\n  get $root() {\n    return this._$root\n  }\n\n  /**\n   * @protected\n   * @type {RootElementType}\n   */\n  _$root\n\n  /**\n   * Constructs a new component, validating that GOV.UK Frontend is supported\n   *\n   * @internal\n   * @param {Element | null} [$root] - HTML element to use for component\n   */\n  constructor($root) {\n    const childConstructor = /** @type {ChildClassConstructor} */ (\n      this.constructor\n    )\n\n    // TypeScript does not enforce that inheriting classes will define a `moduleName`\n    // (even if we add a `@virtual` `static moduleName` property to this class).\n    // While we trust users to do this correctly, we do a little check to provide them\n    // a helpful error message.\n    //\n    // After this, we'll be sure that `childConstructor` has a `moduleName`\n    // as expected of the `ChildClassConstructor` we've cast `this.constructor` to.\n    if (typeof childConstructor.moduleName !== 'string') {\n      throw new InitError(`\\`moduleName\\` not defined in component`)\n    }\n\n    if (!($root instanceof childConstructor.elementType)) {\n      throw new ElementError({\n        element: $root,\n        component: childConstructor,\n        identifier: 'Root element (`$root`)',\n        expectedType: childConstructor.elementType.name\n      })\n    } else {\n      this._$root = /** @type {RootElementType} */ ($root)\n    }\n\n    childConstructor.checkSupport()\n\n    this.checkInitialised()\n\n    const moduleName = childConstructor.moduleName\n\n    this.$root.setAttribute(`data-${moduleName}-init`, '')\n  }\n\n  /**\n   * Validates whether component is already initialised\n   *\n   * @private\n   * @throws {InitError} when component is already initialised\n   */\n  checkInitialised() {\n    const constructor = /** @type {ChildClassConstructor} */ (this.constructor)\n    const moduleName = constructor.moduleName\n\n    if (moduleName && isInitialised(this.$root, moduleName)) {\n      throw new InitError(constructor)\n    }\n  }\n\n  /**\n   * Validates whether components are supported\n   *\n   * @throws {SupportError} when the components are not supported\n   */\n  static checkSupport() {\n    if (!isSupported()) {\n      throw new SupportError()\n    }\n  }\n}\n\n/**\n * @typedef ChildClass\n * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component\n */\n\n/**\n * @typedef {typeof Component & ChildClass} ChildClassConstructor\n */\n","import { setFocus } from '../../common/index.mjs'\nimport { Component } from '../../component.mjs'\nimport { ElementError } from '../../errors/index.mjs'\n\n/**\n * Skip link component\n *\n * @preserve\n * @augments Component<HTMLAnchorElement>\n */\nexport class SkipLink extends Component {\n  static elementType = HTMLAnchorElement\n\n  /**\n   * @param {Element | null} $root - HTML element to use for skip link\n   * @throws {ElementError} when $root is not set or the wrong type\n   * @throws {ElementError} when $root.hash does not contain a hash\n   * @throws {ElementError} when the linked element is missing or the wrong type\n   */\n  constructor($root) {\n    super($root)\n\n    const hash = this.$root.hash\n    const href = this.$root.getAttribute('href') ?? ''\n\n    // Return early for external URLs or links to other pages\n    if (\n      this.$root.origin !== window.location.origin ||\n      this.$root.pathname !== window.location.pathname\n    ) {\n      return\n    }\n\n    const linkedElementId = hash.replace('#', '')\n\n    // Check link path matching current page\n    if (!linkedElementId) {\n      throw new ElementError(\n        `Skip link: Target link (\\`href=\"${href}\"\\`) has no hash fragment`\n      )\n    }\n\n    const $linkedElement = document.getElementById(linkedElementId)\n\n    // Check for link target element\n    if (!$linkedElement) {\n      throw new ElementError({\n        component: SkipLink,\n        element: $linkedElement,\n        identifier: `Target content (\\`id=\"${linkedElementId}\"\\`)`\n      })\n    }\n\n    /**\n     * Focus the linked element on click\n     *\n     * Adds a helper CSS class to hide native focus styles,\n     * but removes it on blur to restore native focus styles\n     */\n    this.$root.addEventListener('click', () =>\n      setFocus($linkedElement, {\n        onBeforeFocus() {\n          $linkedElement.classList.add('govuk-skip-link-focused-element')\n        },\n        onBlur() {\n          $linkedElement.classList.remove('govuk-skip-link-focused-element')\n        }\n      })\n    )\n  }\n\n  /**\n   * Name for the component used when initialising using data-module attributes.\n   */\n  static moduleName = 'govuk-skip-link'\n}\n"],"names":["setFocus","$element","options","_options$onBeforeFocu","isFocusable","getAttribute","setAttribute","onFocus","addEventListener","onBlur","once","_options$onBlur","call","removeAttribute","onBeforeFocus","focus","isInitialised","$root","moduleName","HTMLElement","hasAttribute","isSupported","$scope","document","body","classList","contains","isArray","option","Array","isObject","formatErrorMessage","Component","message","GOVUKFrontendError","Error","constructor","args","name","SupportError","supportMessage","HTMLScriptElement","prototype","ElementError","messageOrOptions","component","identifier","element","expectedType","InitError","componentOrMessage","_$root","childConstructor","elementType","checkSupport","checkInitialised","SkipLink","_this$$root$getAttrib","hash","href","origin","window","location","pathname","linkedElementId","replace","$linkedElement","getElementById","add","remove","HTMLAnchorElement"],"mappings":"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"}
\ No newline at end of file
diff --git a/app/templates/govuk/components/components/skip-link/skip-link.bundle.mjs b/app/templates/govuk/components/components/skip-link/skip-link.bundle.mjs
new file mode 100644
index 0000000..6a45bab
--- /dev/null
+++ b/app/templates/govuk/components/components/skip-link/skip-link.bundle.mjs
@@ -0,0 +1,209 @@
+function setFocus($element, options = {}) {
+  var _options$onBeforeFocu;
+  const isFocusable = $element.getAttribute('tabindex');
+  if (!isFocusable) {
+    $element.setAttribute('tabindex', '-1');
+  }
+  function onFocus() {
+    $element.addEventListener('blur', onBlur, {
+      once: true
+    });
+  }
+  function onBlur() {
+    var _options$onBlur;
+    (_options$onBlur = options.onBlur) == null || _options$onBlur.call($element);
+    if (!isFocusable) {
+      $element.removeAttribute('tabindex');
+    }
+  }
+  $element.addEventListener('focus', onFocus, {
+    once: true
+  });
+  (_options$onBeforeFocu = options.onBeforeFocus) == null || _options$onBeforeFocu.call($element);
+  $element.focus();
+}
+function isInitialised($root, moduleName) {
+  return $root instanceof HTMLElement && $root.hasAttribute(`data-${moduleName}-init`);
+}
+
+/**
+ * Checks if GOV.UK Frontend is supported on this page
+ *
+ * Some browsers will load and run our JavaScript but GOV.UK Frontend
+ * won't be supported.
+ *
+ * @param {HTMLElement | null} [$scope] - (internal) `<body>` HTML element checked for browser support
+ * @returns {boolean} Whether GOV.UK Frontend is supported on this page
+ */
+function isSupported($scope = document.body) {
+  if (!$scope) {
+    return false;
+  }
+  return $scope.classList.contains('govuk-frontend-supported');
+}
+function isArray(option) {
+  return Array.isArray(option);
+}
+function isObject(option) {
+  return !!option && typeof option === 'object' && !isArray(option);
+}
+function formatErrorMessage(Component, message) {
+  return `${Component.moduleName}: ${message}`;
+}
+/**
+ * @typedef ComponentWithModuleName
+ * @property {string} moduleName - Name of the component
+ */
+
+class GOVUKFrontendError extends Error {
+  constructor(...args) {
+    super(...args);
+    this.name = 'GOVUKFrontendError';
+  }
+}
+class SupportError extends GOVUKFrontendError {
+  /**
+   * Checks if GOV.UK Frontend is supported on this page
+   *
+   * @param {HTMLElement | null} [$scope] - HTML element `<body>` checked for browser support
+   */
+  constructor($scope = document.body) {
+    const supportMessage = 'noModule' in HTMLScriptElement.prototype ? 'GOV.UK Frontend initialised without `<body class="govuk-frontend-supported">` from template `<script>` snippet' : 'GOV.UK Frontend is not supported in this browser';
+    super($scope ? supportMessage : 'GOV.UK Frontend initialised without `<script type="module">`');
+    this.name = 'SupportError';
+  }
+}
+class ElementError extends GOVUKFrontendError {
+  constructor(messageOrOptions) {
+    let message = typeof messageOrOptions === 'string' ? messageOrOptions : '';
+    if (isObject(messageOrOptions)) {
+      const {
+        component,
+        identifier,
+        element,
+        expectedType
+      } = messageOrOptions;
+      message = identifier;
+      message += element ? ` is not of type ${expectedType != null ? expectedType : 'HTMLElement'}` : ' not found';
+      if (component) {
+        message = formatErrorMessage(component, message);
+      }
+    }
+    super(message);
+    this.name = 'ElementError';
+  }
+}
+class InitError extends GOVUKFrontendError {
+  constructor(componentOrMessage) {
+    const message = typeof componentOrMessage === 'string' ? componentOrMessage : formatErrorMessage(componentOrMessage, `Root element (\`$root\`) already initialised`);
+    super(message);
+    this.name = 'InitError';
+  }
+}
+/**
+ * @import { ComponentWithModuleName } from '../common/index.mjs'
+ */
+
+class Component {
+  /**
+   * Returns the root element of the component
+   *
+   * @protected
+   * @returns {RootElementType} - the root element of component
+   */
+  get $root() {
+    return this._$root;
+  }
+  constructor($root) {
+    this._$root = void 0;
+    const childConstructor = this.constructor;
+    if (typeof childConstructor.moduleName !== 'string') {
+      throw new InitError(`\`moduleName\` not defined in component`);
+    }
+    if (!($root instanceof childConstructor.elementType)) {
+      throw new ElementError({
+        element: $root,
+        component: childConstructor,
+        identifier: 'Root element (`$root`)',
+        expectedType: childConstructor.elementType.name
+      });
+    } else {
+      this._$root = $root;
+    }
+    childConstructor.checkSupport();
+    this.checkInitialised();
+    const moduleName = childConstructor.moduleName;
+    this.$root.setAttribute(`data-${moduleName}-init`, '');
+  }
+  checkInitialised() {
+    const constructor = this.constructor;
+    const moduleName = constructor.moduleName;
+    if (moduleName && isInitialised(this.$root, moduleName)) {
+      throw new InitError(constructor);
+    }
+  }
+  static checkSupport() {
+    if (!isSupported()) {
+      throw new SupportError();
+    }
+  }
+}
+
+/**
+ * @typedef ChildClass
+ * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component
+ */
+
+/**
+ * @typedef {typeof Component & ChildClass} ChildClassConstructor
+ */
+Component.elementType = HTMLElement;
+
+/**
+ * Skip link component
+ *
+ * @preserve
+ * @augments Component<HTMLAnchorElement>
+ */
+class SkipLink extends Component {
+  /**
+   * @param {Element | null} $root - HTML element to use for skip link
+   * @throws {ElementError} when $root is not set or the wrong type
+   * @throws {ElementError} when $root.hash does not contain a hash
+   * @throws {ElementError} when the linked element is missing or the wrong type
+   */
+  constructor($root) {
+    var _this$$root$getAttrib;
+    super($root);
+    const hash = this.$root.hash;
+    const href = (_this$$root$getAttrib = this.$root.getAttribute('href')) != null ? _this$$root$getAttrib : '';
+    if (this.$root.origin !== window.location.origin || this.$root.pathname !== window.location.pathname) {
+      return;
+    }
+    const linkedElementId = hash.replace('#', '');
+    if (!linkedElementId) {
+      throw new ElementError(`Skip link: Target link (\`href="${href}"\`) has no hash fragment`);
+    }
+    const $linkedElement = document.getElementById(linkedElementId);
+    if (!$linkedElement) {
+      throw new ElementError({
+        component: SkipLink,
+        element: $linkedElement,
+        identifier: `Target content (\`id="${linkedElementId}"\`)`
+      });
+    }
+    this.$root.addEventListener('click', () => setFocus($linkedElement, {
+      onBeforeFocus() {
+        $linkedElement.classList.add('govuk-skip-link-focused-element');
+      },
+      onBlur() {
+        $linkedElement.classList.remove('govuk-skip-link-focused-element');
+      }
+    }));
+  }
+}
+SkipLink.elementType = HTMLAnchorElement;
+SkipLink.moduleName = 'govuk-skip-link';
+
+export { SkipLink };
+//# sourceMappingURL=skip-link.bundle.mjs.map
diff --git a/app/templates/govuk/components/components/skip-link/skip-link.bundle.mjs.map b/app/templates/govuk/components/components/skip-link/skip-link.bundle.mjs.map
new file mode 100644
index 0000000..2301450
--- /dev/null
+++ b/app/templates/govuk/components/components/skip-link/skip-link.bundle.mjs.map
@@ -0,0 +1 @@
+{"version":3,"file":"skip-link.bundle.mjs","sources":["../../../../src/govuk/common/index.mjs","../../../../src/govuk/errors/index.mjs","../../../../src/govuk/component.mjs","../../../../src/govuk/components/skip-link/skip-link.mjs"],"sourcesContent":["/**\n * Common helpers which do not require polyfill.\n *\n * IMPORTANT: If a helper require a polyfill, please isolate it in its own module\n * so that the polyfill can be properly tree-shaken and does not burden\n * the components that do not need that helper\n */\n\n/**\n * Get GOV.UK Frontend breakpoint value from CSS custom property\n *\n * @private\n * @param {string} name - Breakpoint name\n * @returns {{ property: string, value?: string }} Breakpoint object\n */\nexport function getBreakpoint(name) {\n  const property = `--govuk-breakpoint-${name}`\n\n  // Get value from `<html>` with breakpoints on CSS :root\n  const value = window\n    .getComputedStyle(document.documentElement)\n    .getPropertyValue(property)\n\n  return {\n    property,\n    value: value || undefined\n  }\n}\n\n/**\n * Move focus to element\n *\n * Sets tabindex to -1 to make the element programmatically focusable,\n * but removes it on blur as the element doesn't need to be focused again.\n *\n * @private\n * @template {HTMLElement} FocusElement\n * @param {FocusElement} $element - HTML element\n * @param {object} [options] - Handler options\n * @param {function(this: FocusElement): void} [options.onBeforeFocus] - Callback before focus\n * @param {function(this: FocusElement): void} [options.onBlur] - Callback on blur\n */\nexport function setFocus($element, options = {}) {\n  const isFocusable = $element.getAttribute('tabindex')\n\n  if (!isFocusable) {\n    $element.setAttribute('tabindex', '-1')\n  }\n\n  /**\n   * Handle element focus\n   */\n  function onFocus() {\n    $element.addEventListener('blur', onBlur, { once: true })\n  }\n\n  /**\n   * Handle element blur\n   */\n  function onBlur() {\n    options.onBlur?.call($element)\n\n    if (!isFocusable) {\n      $element.removeAttribute('tabindex')\n    }\n  }\n\n  // Add listener to reset element on blur, after focus\n  $element.addEventListener('focus', onFocus, { once: true })\n\n  // Focus element\n  options.onBeforeFocus?.call($element)\n  $element.focus()\n}\n\n/**\n * Checks if component is already initialised\n *\n * @internal\n * @param {Element} $root - HTML element to be checked\n * @param {string} moduleName - name of component module\n * @returns {boolean} Whether component is already initialised\n */\nexport function isInitialised($root, moduleName) {\n  return (\n    $root instanceof HTMLElement &&\n    $root.hasAttribute(`data-${moduleName}-init`)\n  )\n}\n\n/**\n * Checks if GOV.UK Frontend is supported on this page\n *\n * Some browsers will load and run our JavaScript but GOV.UK Frontend\n * won't be supported.\n *\n * @param {HTMLElement | null} [$scope] - (internal) `<body>` HTML element checked for browser support\n * @returns {boolean} Whether GOV.UK Frontend is supported on this page\n */\nexport function isSupported($scope = document.body) {\n  if (!$scope) {\n    return false\n  }\n\n  return $scope.classList.contains('govuk-frontend-supported')\n}\n\n/**\n * Check for an array\n *\n * @internal\n * @param {unknown} option - Option to check\n * @returns {boolean} Whether the option is an array\n */\nfunction isArray(option) {\n  return Array.isArray(option)\n}\n\n/**\n * Check for an object\n *\n * @internal\n * @template {Partial<Record<keyof ObjectType, unknown>>} ObjectType\n * @param {unknown | ObjectType} option - Option to check\n * @returns {option is ObjectType} Whether the option is an object\n */\nexport function isObject(option) {\n  return !!option && typeof option === 'object' && !isArray(option)\n}\n\n/**\n * Check for valid scope\n *\n * @internal\n * @template {Element | Document} ScopeType\n * @param {unknown | ScopeType} $scope - Scope of the document to search within\n * @returns {$scope is ScopeType} Whether the scope can be queried\n */\nexport function isScope($scope) {\n  return !!$scope && ($scope instanceof Element || $scope instanceof Document)\n}\n\n/**\n * Format error message\n *\n * @internal\n * @param {ComponentWithModuleName} Component - Component that threw the error\n * @param {string} message - Error message\n * @returns {string} - Formatted error message\n */\nexport function formatErrorMessage(Component, message) {\n  return `${Component.moduleName}: ${message}`\n}\n\n/* eslint-disable jsdoc/valid-types --\n * `{new(...args: any[] ): object}` is not recognised as valid\n * https://github.com/gajus/eslint-plugin-jsdoc/issues/145#issuecomment-1308722878\n * https://github.com/jsdoc-type-pratt-parser/jsdoc-type-pratt-parser/issues/131\n **/\n\n/**\n * @typedef ComponentWithModuleName\n * @property {string} moduleName - Name of the component\n */\n\n/* eslint-enable jsdoc/valid-types */\n","import { formatErrorMessage, isObject } from '../common/index.mjs'\n\n/**\n * GOV.UK Frontend error\n *\n * A base class for `Error`s thrown by GOV.UK Frontend.\n *\n * It is meant to be extended into specific types of errors\n * to be thrown by our code.\n *\n * @example\n * ```js\n * class MissingRootError extends GOVUKFrontendError {\n *   // Setting an explicit name is important as extending the class will not\n *   // set a new `name` on the subclass. The `name` property is important\n *   // to ensure intelligible error names even if the class name gets\n *   // mangled by a minifier\n *   name = \"MissingRootError\"\n * }\n * ```\n * @virtual\n */\nexport class GOVUKFrontendError extends Error {\n  name = 'GOVUKFrontendError'\n}\n\n/**\n * Indicates that GOV.UK Frontend is not supported\n */\nexport class SupportError extends GOVUKFrontendError {\n  name = 'SupportError'\n\n  /**\n   * Checks if GOV.UK Frontend is supported on this page\n   *\n   * @param {HTMLElement | null} [$scope] - HTML element `<body>` checked for browser support\n   */\n  constructor($scope = document.body) {\n    const supportMessage =\n      'noModule' in HTMLScriptElement.prototype\n        ? 'GOV.UK Frontend initialised without `<body class=\"govuk-frontend-supported\">` from template `<script>` snippet'\n        : 'GOV.UK Frontend is not supported in this browser'\n\n    super(\n      $scope\n        ? supportMessage\n        : 'GOV.UK Frontend initialised without `<script type=\"module\">`'\n    )\n  }\n}\n\n/**\n * Indicates that a component has received an illegal configuration\n */\nexport class ConfigError extends GOVUKFrontendError {\n  name = 'ConfigError'\n}\n\n/**\n * Indicates an issue with an element (possibly `null` or `undefined`)\n */\nexport class ElementError extends GOVUKFrontendError {\n  name = 'ElementError'\n\n  /**\n   * @internal\n   * @overload\n   * @param {string} message - Element error message\n   */\n\n  /**\n   * @internal\n   * @overload\n   * @param {ElementErrorOptions} options - Element error options\n   */\n\n  /**\n   * @internal\n   * @param {string | ElementErrorOptions} messageOrOptions - Element error message or options\n   */\n  constructor(messageOrOptions) {\n    let message = typeof messageOrOptions === 'string' ? messageOrOptions : ''\n\n    // Build message from options\n    if (isObject(messageOrOptions)) {\n      const { component, identifier, element, expectedType } = messageOrOptions\n\n      message = identifier\n\n      // Append reason\n      message += element\n        ? ` is not of type ${expectedType ?? 'HTMLElement'}`\n        : ' not found'\n\n      // Prepend with module name (optional)\n      if (component) {\n        message = formatErrorMessage(component, message)\n      }\n    }\n\n    super(message)\n  }\n}\n\n/**\n * Indicates that a component is already initialised\n */\nexport class InitError extends GOVUKFrontendError {\n  name = 'InitError'\n\n  /**\n   * @internal\n   * @param {ComponentWithModuleName | string} componentOrMessage - name of the component module\n   */\n  constructor(componentOrMessage) {\n    const message =\n      typeof componentOrMessage === 'string'\n        ? componentOrMessage\n        : formatErrorMessage(\n            componentOrMessage,\n            `Root element (\\`$root\\`) already initialised`\n          )\n\n    super(message)\n  }\n}\n\n/**\n * Element error options\n *\n * @internal\n * @typedef {object} ElementErrorOptions\n * @property {Element | Document | null} [element] - The element in error (optional)\n * @property {ComponentWithModuleName} [component] - Component throwing the error (optional)\n * @property {string} identifier - An identifier that'll let the user understand which element has an error. This is whatever makes the most sense\n * @property {string} [expectedType] - The type that was expected for the identifier (optional)\n */\n\n/**\n * @import { ComponentWithModuleName } from '../common/index.mjs'\n */\n","import { isInitialised, isSupported } from './common/index.mjs'\nimport { ElementError, InitError, SupportError } from './errors/index.mjs'\n\n/**\n * Base Component class\n *\n * Centralises the behaviours shared by our components\n *\n * @virtual\n * @template {Element} [RootElementType=HTMLElement]\n */\nexport class Component {\n  /**\n   * @type {typeof Element}\n   */\n  static elementType = HTMLElement\n\n  // allows Typescript user to work around the lack of types\n  // in GOVUKFrontend package, Typescript is not aware of $root\n  // in components that extend GOVUKFrontendComponent\n  /**\n   * Returns the root element of the component\n   *\n   * @protected\n   * @returns {RootElementType} - the root element of component\n   */\n  get $root() {\n    return this._$root\n  }\n\n  /**\n   * @protected\n   * @type {RootElementType}\n   */\n  _$root\n\n  /**\n   * Constructs a new component, validating that GOV.UK Frontend is supported\n   *\n   * @internal\n   * @param {Element | null} [$root] - HTML element to use for component\n   */\n  constructor($root) {\n    const childConstructor = /** @type {ChildClassConstructor} */ (\n      this.constructor\n    )\n\n    // TypeScript does not enforce that inheriting classes will define a `moduleName`\n    // (even if we add a `@virtual` `static moduleName` property to this class).\n    // While we trust users to do this correctly, we do a little check to provide them\n    // a helpful error message.\n    //\n    // After this, we'll be sure that `childConstructor` has a `moduleName`\n    // as expected of the `ChildClassConstructor` we've cast `this.constructor` to.\n    if (typeof childConstructor.moduleName !== 'string') {\n      throw new InitError(`\\`moduleName\\` not defined in component`)\n    }\n\n    if (!($root instanceof childConstructor.elementType)) {\n      throw new ElementError({\n        element: $root,\n        component: childConstructor,\n        identifier: 'Root element (`$root`)',\n        expectedType: childConstructor.elementType.name\n      })\n    } else {\n      this._$root = /** @type {RootElementType} */ ($root)\n    }\n\n    childConstructor.checkSupport()\n\n    this.checkInitialised()\n\n    const moduleName = childConstructor.moduleName\n\n    this.$root.setAttribute(`data-${moduleName}-init`, '')\n  }\n\n  /**\n   * Validates whether component is already initialised\n   *\n   * @private\n   * @throws {InitError} when component is already initialised\n   */\n  checkInitialised() {\n    const constructor = /** @type {ChildClassConstructor} */ (this.constructor)\n    const moduleName = constructor.moduleName\n\n    if (moduleName && isInitialised(this.$root, moduleName)) {\n      throw new InitError(constructor)\n    }\n  }\n\n  /**\n   * Validates whether components are supported\n   *\n   * @throws {SupportError} when the components are not supported\n   */\n  static checkSupport() {\n    if (!isSupported()) {\n      throw new SupportError()\n    }\n  }\n}\n\n/**\n * @typedef ChildClass\n * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component\n */\n\n/**\n * @typedef {typeof Component & ChildClass} ChildClassConstructor\n */\n","import { setFocus } from '../../common/index.mjs'\nimport { Component } from '../../component.mjs'\nimport { ElementError } from '../../errors/index.mjs'\n\n/**\n * Skip link component\n *\n * @preserve\n * @augments Component<HTMLAnchorElement>\n */\nexport class SkipLink extends Component {\n  static elementType = HTMLAnchorElement\n\n  /**\n   * @param {Element | null} $root - HTML element to use for skip link\n   * @throws {ElementError} when $root is not set or the wrong type\n   * @throws {ElementError} when $root.hash does not contain a hash\n   * @throws {ElementError} when the linked element is missing or the wrong type\n   */\n  constructor($root) {\n    super($root)\n\n    const hash = this.$root.hash\n    const href = this.$root.getAttribute('href') ?? ''\n\n    // Return early for external URLs or links to other pages\n    if (\n      this.$root.origin !== window.location.origin ||\n      this.$root.pathname !== window.location.pathname\n    ) {\n      return\n    }\n\n    const linkedElementId = hash.replace('#', '')\n\n    // Check link path matching current page\n    if (!linkedElementId) {\n      throw new ElementError(\n        `Skip link: Target link (\\`href=\"${href}\"\\`) has no hash fragment`\n      )\n    }\n\n    const $linkedElement = document.getElementById(linkedElementId)\n\n    // Check for link target element\n    if (!$linkedElement) {\n      throw new ElementError({\n        component: SkipLink,\n        element: $linkedElement,\n        identifier: `Target content (\\`id=\"${linkedElementId}\"\\`)`\n      })\n    }\n\n    /**\n     * Focus the linked element on click\n     *\n     * Adds a helper CSS class to hide native focus styles,\n     * but removes it on blur to restore native focus styles\n     */\n    this.$root.addEventListener('click', () =>\n      setFocus($linkedElement, {\n        onBeforeFocus() {\n          $linkedElement.classList.add('govuk-skip-link-focused-element')\n        },\n        onBlur() {\n          $linkedElement.classList.remove('govuk-skip-link-focused-element')\n        }\n      })\n    )\n  }\n\n  /**\n   * Name for the component used when initialising using data-module attributes.\n   */\n  static moduleName = 'govuk-skip-link'\n}\n"],"names":["setFocus","$element","options","_options$onBeforeFocu","isFocusable","getAttribute","setAttribute","onFocus","addEventListener","onBlur","once","_options$onBlur","call","removeAttribute","onBeforeFocus","focus","isInitialised","$root","moduleName","HTMLElement","hasAttribute","isSupported","$scope","document","body","classList","contains","isArray","option","Array","isObject","formatErrorMessage","Component","message","GOVUKFrontendError","Error","constructor","args","name","SupportError","supportMessage","HTMLScriptElement","prototype","ElementError","messageOrOptions","component","identifier","element","expectedType","InitError","componentOrMessage","_$root","childConstructor","elementType","checkSupport","checkInitialised","SkipLink","_this$$root$getAttrib","hash","href","origin","window","location","pathname","linkedElementId","replace","$linkedElement","getElementById","add","remove","HTMLAnchorElement"],"mappings":"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"}
\ No newline at end of file
diff --git a/app/templates/govuk/components/components/skip-link/skip-link.mjs b/app/templates/govuk/components/components/skip-link/skip-link.mjs
new file mode 100644
index 0000000..1b2b537
--- /dev/null
+++ b/app/templates/govuk/components/components/skip-link/skip-link.mjs
@@ -0,0 +1,52 @@
+import { setFocus } from '../../common/index.mjs';
+import { Component } from '../../component.mjs';
+import { ElementError } from '../../errors/index.mjs';
+
+/**
+ * Skip link component
+ *
+ * @preserve
+ * @augments Component<HTMLAnchorElement>
+ */
+class SkipLink extends Component {
+  /**
+   * @param {Element | null} $root - HTML element to use for skip link
+   * @throws {ElementError} when $root is not set or the wrong type
+   * @throws {ElementError} when $root.hash does not contain a hash
+   * @throws {ElementError} when the linked element is missing or the wrong type
+   */
+  constructor($root) {
+    var _this$$root$getAttrib;
+    super($root);
+    const hash = this.$root.hash;
+    const href = (_this$$root$getAttrib = this.$root.getAttribute('href')) != null ? _this$$root$getAttrib : '';
+    if (this.$root.origin !== window.location.origin || this.$root.pathname !== window.location.pathname) {
+      return;
+    }
+    const linkedElementId = hash.replace('#', '');
+    if (!linkedElementId) {
+      throw new ElementError(`Skip link: Target link (\`href="${href}"\`) has no hash fragment`);
+    }
+    const $linkedElement = document.getElementById(linkedElementId);
+    if (!$linkedElement) {
+      throw new ElementError({
+        component: SkipLink,
+        element: $linkedElement,
+        identifier: `Target content (\`id="${linkedElementId}"\`)`
+      });
+    }
+    this.$root.addEventListener('click', () => setFocus($linkedElement, {
+      onBeforeFocus() {
+        $linkedElement.classList.add('govuk-skip-link-focused-element');
+      },
+      onBlur() {
+        $linkedElement.classList.remove('govuk-skip-link-focused-element');
+      }
+    }));
+  }
+}
+SkipLink.elementType = HTMLAnchorElement;
+SkipLink.moduleName = 'govuk-skip-link';
+
+export { SkipLink };
+//# sourceMappingURL=skip-link.mjs.map
diff --git a/app/templates/govuk/components/components/skip-link/skip-link.mjs.map b/app/templates/govuk/components/components/skip-link/skip-link.mjs.map
new file mode 100644
index 0000000..2cd5739
--- /dev/null
+++ b/app/templates/govuk/components/components/skip-link/skip-link.mjs.map
@@ -0,0 +1 @@
+{"version":3,"file":"skip-link.mjs","sources":["../../../../src/govuk/components/skip-link/skip-link.mjs"],"sourcesContent":["import { setFocus } from '../../common/index.mjs'\nimport { Component } from '../../component.mjs'\nimport { ElementError } from '../../errors/index.mjs'\n\n/**\n * Skip link component\n *\n * @preserve\n * @augments Component<HTMLAnchorElement>\n */\nexport class SkipLink extends Component {\n  static elementType = HTMLAnchorElement\n\n  /**\n   * @param {Element | null} $root - HTML element to use for skip link\n   * @throws {ElementError} when $root is not set or the wrong type\n   * @throws {ElementError} when $root.hash does not contain a hash\n   * @throws {ElementError} when the linked element is missing or the wrong type\n   */\n  constructor($root) {\n    super($root)\n\n    const hash = this.$root.hash\n    const href = this.$root.getAttribute('href') ?? ''\n\n    // Return early for external URLs or links to other pages\n    if (\n      this.$root.origin !== window.location.origin ||\n      this.$root.pathname !== window.location.pathname\n    ) {\n      return\n    }\n\n    const linkedElementId = hash.replace('#', '')\n\n    // Check link path matching current page\n    if (!linkedElementId) {\n      throw new ElementError(\n        `Skip link: Target link (\\`href=\"${href}\"\\`) has no hash fragment`\n      )\n    }\n\n    const $linkedElement = document.getElementById(linkedElementId)\n\n    // Check for link target element\n    if (!$linkedElement) {\n      throw new ElementError({\n        component: SkipLink,\n        element: $linkedElement,\n        identifier: `Target content (\\`id=\"${linkedElementId}\"\\`)`\n      })\n    }\n\n    /**\n     * Focus the linked element on click\n     *\n     * Adds a helper CSS class to hide native focus styles,\n     * but removes it on blur to restore native focus styles\n     */\n    this.$root.addEventListener('click', () =>\n      setFocus($linkedElement, {\n        onBeforeFocus() {\n          $linkedElement.classList.add('govuk-skip-link-focused-element')\n        },\n        onBlur() {\n          $linkedElement.classList.remove('govuk-skip-link-focused-element')\n        }\n      })\n    )\n  }\n\n  /**\n   * Name for the component used when initialising using data-module attributes.\n   */\n  static moduleName = 'govuk-skip-link'\n}\n"],"names":["SkipLink","Component","constructor","$root","_this$$root$getAttrib","hash","href","getAttribute","origin","window","location","pathname","linkedElementId","replace","ElementError","$linkedElement","document","getElementById","component","element","identifier","addEventListener","setFocus","onBeforeFocus","classList","add","onBlur","remove","elementType","HTMLAnchorElement","moduleName"],"mappings":";;;;AAIA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMA,QAAQ,SAASC,SAAS,CAAC;AAGtC;AACF;AACA;AACA;AACA;AACA;EACEC,WAAWA,CAACC,KAAK,EAAE;AAAA,IAAA,IAAAC,qBAAA;IACjB,KAAK,CAACD,KAAK,CAAC;AAEZ,IAAA,MAAME,IAAI,GAAG,IAAI,CAACF,KAAK,CAACE,IAAI;AAC5B,IAAA,MAAMC,IAAI,GAAA,CAAAF,qBAAA,GAAG,IAAI,CAACD,KAAK,CAACI,YAAY,CAAC,MAAM,CAAC,KAAA,IAAA,GAAAH,qBAAA,GAAI,EAAE;IAGlD,IACE,IAAI,CAACD,KAAK,CAACK,MAAM,KAAKC,MAAM,CAACC,QAAQ,CAACF,MAAM,IAC5C,IAAI,CAACL,KAAK,CAACQ,QAAQ,KAAKF,MAAM,CAACC,QAAQ,CAACC,QAAQ,EAChD;AACA,MAAA;AACF,IAAA;IAEA,MAAMC,eAAe,GAAGP,IAAI,CAACQ,OAAO,CAAC,GAAG,EAAE,EAAE,CAAC;IAG7C,IAAI,CAACD,eAAe,EAAE;AACpB,MAAA,MAAM,IAAIE,YAAY,CACpB,CAAA,gCAAA,EAAmCR,IAAI,2BACzC,CAAC;AACH,IAAA;AAEA,IAAA,MAAMS,cAAc,GAAGC,QAAQ,CAACC,cAAc,CAACL,eAAe,CAAC;IAG/D,IAAI,CAACG,cAAc,EAAE;MACnB,MAAM,IAAID,YAAY,CAAC;AACrBI,QAAAA,SAAS,EAAElB,QAAQ;AACnBmB,QAAAA,OAAO,EAAEJ,cAAc;QACvBK,UAAU,EAAE,yBAAyBR,eAAe,CAAA,IAAA;AACtD,OAAC,CAAC;AACJ,IAAA;IAQA,IAAI,CAACT,KAAK,CAACkB,gBAAgB,CAAC,OAAO,EAAE,MACnCC,QAAQ,CAACP,cAAc,EAAE;AACvBQ,MAAAA,aAAaA,GAAG;AACdR,QAAAA,cAAc,CAACS,SAAS,CAACC,GAAG,CAAC,iCAAiC,CAAC;MACjE,CAAC;AACDC,MAAAA,MAAMA,GAAG;AACPX,QAAAA,cAAc,CAACS,SAAS,CAACG,MAAM,CAAC,iCAAiC,CAAC;AACpE,MAAA;AACF,KAAC,CACH,CAAC;AACH,EAAA;AAMF;AAjEa3B,QAAQ,CACZ4B,WAAW,GAAGC,iBAAiB;AAD3B7B,QAAQ,CAgEZ8B,UAAU,GAAG,iBAAiB;;;;"}
\ No newline at end of file
diff --git a/app/templates/govuk/components/components/skip-link/template-default.html b/app/templates/govuk/components/components/skip-link/template-default.html
new file mode 100644
index 0000000..dab6845
--- /dev/null
+++ b/app/templates/govuk/components/components/skip-link/template-default.html
@@ -0,0 +1 @@
+<a href="#test-target-element" class="govuk-skip-link" data-module="govuk-skip-link">Skip to main content</a>
diff --git a/app/templates/govuk/components/components/skip-link/template-with-focus.html b/app/templates/govuk/components/components/skip-link/template-with-focus.html
new file mode 100644
index 0000000..d16b0aa
--- /dev/null
+++ b/app/templates/govuk/components/components/skip-link/template-with-focus.html
@@ -0,0 +1 @@
+<a href="#test-target-element" class="govuk-skip-link :focus" data-module="govuk-skip-link">Skip to main content</a>
diff --git a/app/templates/govuk/components/components/skip-link/template.njk b/app/templates/govuk/components/components/skip-link/template.njk
new file mode 100644
index 0000000..c34d60e
--- /dev/null
+++ b/app/templates/govuk/components/components/skip-link/template.njk
@@ -0,0 +1,6 @@
+{% from "../../macros/attributes.njk" import govukAttributes -%}
+
+<a href="{{ params.href | default("#content", true) }}" class="govuk-skip-link {%- if params.classes %} {{ params.classes }}{% endif %}"
+  {{- govukAttributes(params.attributes) }} data-module="govuk-skip-link">
+  {{- params.html | safe if params.html else params.text -}}
+</a>
diff --git a/app/templates/govuk/components/components/summary-list/README.md b/app/templates/govuk/components/components/summary-list/README.md
new file mode 100644
index 0000000..0321b2b
--- /dev/null
+++ b/app/templates/govuk/components/components/summary-list/README.md
@@ -0,0 +1,15 @@
+# Summary list
+
+## Installation
+
+See the [main README quick start guide](https://github.com/alphagov/govuk-frontend#quick-start) for how to install this component.
+
+## Guidance and Examples
+
+Find out when to use the summary list component in your service in the [GOV.UK Design System](https://design-system.service.gov.uk/components/summary-list).
+
+## Component options
+
+Use options to customise the appearance, content and behaviour of a component when using a macro, for example, changing the text.
+
+See [options table](https://design-system.service.gov.uk/components/summary-list/#options-summary-list-example) for details.
diff --git a/app/templates/govuk/components/components/summary-list/_index.scss b/app/templates/govuk/components/components/summary-list/_index.scss
new file mode 100644
index 0000000..38f15b4
--- /dev/null
+++ b/app/templates/govuk/components/components/summary-list/_index.scss
@@ -0,0 +1,269 @@
+@include govuk-exports("govuk/component/summary-list") {
+  .govuk-summary-list {
+    @include govuk-font($size: 19);
+    @include govuk-text-colour;
+    @include govuk-media-query($from: tablet) {
+      display: table;
+      width: 100%;
+      table-layout: fixed; // Required to allow us to wrap words that overflow.
+      border-collapse: collapse;
+    }
+    margin: 0; // Reset default user agent styles
+    @include govuk-responsive-margin(6, "bottom");
+  }
+
+  .govuk-summary-list__row {
+    border-bottom: 1px solid $govuk-border-colour;
+
+    @include govuk-media-query($until: tablet) {
+      margin-bottom: govuk-spacing(3);
+    }
+    @include govuk-media-query($from: tablet) {
+      display: table-row;
+    }
+  }
+
+  // Remove right padding from the last column in the row
+  .govuk-summary-list__row:not(.govuk-summary-list__row--no-actions) > :last-child {
+    padding-right: 0;
+  }
+
+  // Provide an empty 'cell' for rows that don't have actions – otherwise the
+  // bottom border is not drawn for that part of the row in some browsers.
+  .govuk-summary-list__row--no-actions {
+    @include govuk-media-query($from: tablet) {
+      &::after {
+        content: "";
+        display: table-cell;
+        width: 20%;
+      }
+    }
+  }
+
+  .govuk-summary-list__key,
+  .govuk-summary-list__value,
+  .govuk-summary-list__actions {
+    margin: 0; // Reset default user agent styles
+
+    @include govuk-media-query($from: tablet) {
+      display: table-cell;
+      padding-top: govuk-spacing(2);
+      padding-right: govuk-spacing(4);
+      padding-bottom: govuk-spacing(2);
+    }
+  }
+
+  .govuk-summary-list__actions {
+    margin-bottom: govuk-spacing(3);
+    @include govuk-media-query($from: tablet) {
+      width: 20%;
+      text-align: right;
+    }
+  }
+
+  .govuk-summary-list__key,
+  .govuk-summary-list__value {
+    // Automatic wrapping for unbreakable text (e.g. URLs)
+    word-wrap: break-word; // Fallback for older browsers only
+    overflow-wrap: break-word;
+  }
+
+  .govuk-summary-list__key {
+    margin-bottom: govuk-spacing(1);
+    @include govuk-typography-weight-bold;
+    @include govuk-media-query($from: tablet) {
+      width: 30%;
+    }
+  }
+
+  .govuk-summary-list__value {
+    @include govuk-media-query($until: tablet) {
+      margin-bottom: govuk-spacing(3);
+    }
+  }
+
+  .govuk-summary-list__value > p {
+    margin-bottom: govuk-spacing(2);
+  }
+
+  .govuk-summary-list__value > :last-child {
+    margin-bottom: 0;
+  }
+
+  .govuk-summary-list__actions-list {
+    width: 100%;
+    margin: 0; // Reset default user agent styles
+    padding: 0; // Reset default user agent styles
+  }
+
+  .govuk-summary-list__actions-list-item,
+  .govuk-summary-card__action {
+    display: inline-block;
+  }
+
+  @include govuk-media-query($until: tablet) {
+    .govuk-summary-list__actions-list-item,
+    .govuk-summary-card__action {
+      margin-right: govuk-spacing(2);
+      padding-right: govuk-spacing(2);
+      border-right: 1px solid $govuk-border-colour;
+    }
+
+    .govuk-summary-list__actions-list-item:last-child,
+    .govuk-summary-card__action:last-child {
+      margin-right: 0;
+      padding-right: 0;
+      border: 0;
+    }
+  }
+
+  @include govuk-media-query($from: tablet) {
+    .govuk-summary-list__actions-list-item,
+    .govuk-summary-card__action {
+      margin-left: govuk-spacing(2);
+      padding-left: govuk-spacing(2);
+    }
+
+    .govuk-summary-list__actions-list-item:not(:first-child),
+    .govuk-summary-card__action:not(:first-child) {
+      border-left: 1px solid $govuk-border-colour;
+    }
+
+    .govuk-summary-list__actions-list-item:first-child,
+    .govuk-summary-card__action:first-child {
+      margin-left: 0;
+      padding-left: 0;
+      border: 0;
+    }
+  }
+
+  // Large groups of action links may wrap onto multiple lines. Because the link
+  // focus styles are applied outside of the link's bounding box, there are
+  // situations where the focus style on a link can be overlapped by subsequent
+  // links. We don't want this, so let's create a new stacking context on focus
+  // so the link always appears to be 'on top'.
+  .govuk-summary-list__actions-list-item .govuk-link:focus {
+    isolation: isolate;
+  }
+
+  // No border on entire summary list
+  .govuk-summary-list--no-border {
+    .govuk-summary-list__row {
+      border: 0;
+    }
+
+    // Increase padding by 1px to compensate for 'missing' border
+    @include govuk-media-query($from: tablet) {
+      .govuk-summary-list__key,
+      .govuk-summary-list__value,
+      .govuk-summary-list__actions {
+        padding-bottom: govuk-spacing(2) + 1px;
+      }
+    }
+  }
+
+  // No border on specific rows
+  .govuk-summary-list__row--no-border {
+    border: 0;
+
+    // Increase padding by 1px to compensate for 'missing' border
+    @include govuk-media-query($from: tablet) {
+      .govuk-summary-list__key,
+      .govuk-summary-list__value,
+      .govuk-summary-list__actions {
+        padding-bottom: govuk-spacing(2) + 1px;
+      }
+    }
+  }
+
+  // Additional block for the summary card
+  .govuk-summary-card {
+    @include govuk-responsive-margin(6, "bottom");
+    border: 1px solid $govuk-border-colour;
+  }
+
+  .govuk-summary-card__title-wrapper {
+    padding: govuk-spacing(3);
+
+    // Ensures the card header appears separate to the summary list in forced
+    // colours mode
+    border-bottom: 1px solid transparent;
+    background-color: govuk-colour("light-grey");
+
+    @include govuk-media-query($from: "tablet") {
+      display: flex;
+      justify-content: space-between;
+      flex-wrap: nowrap;
+      padding: govuk-spacing(3) govuk-spacing(4);
+    }
+  }
+
+  .govuk-summary-card__title {
+    @include govuk-font($size: 19, $weight: bold);
+    @include govuk-text-colour;
+    margin: govuk-spacing(1) govuk-spacing(4) govuk-spacing(2) 0;
+
+    @include govuk-media-query($from: "tablet") {
+      margin-bottom: govuk-spacing(1);
+    }
+  }
+
+  .govuk-summary-card__actions {
+    @include govuk-font-size($size: 19);
+    @include govuk-typography-weight-bold;
+    display: flex;
+    flex-wrap: wrap;
+    row-gap: 10px;
+    margin: govuk-spacing(1) 0;
+    padding: 0;
+    list-style: none;
+
+    @include govuk-media-query($from: "tablet") {
+      justify-content: right;
+      text-align: right;
+    }
+  }
+
+  .govuk-summary-card__action {
+    display: inline;
+
+    // We use the following media query to target IE11 and 10 only to add margin
+    // between actions.
+    //
+    // We do this because we're using row-gap to create space between actions on
+    // more evergreen browsers which IE doesn't support. @supports currently isn't
+    // a viable solution, see https://github.com/w3c/csswg-drafts/issues/3559.
+    //
+    // Solution taken from https://stackoverflow.com/questions/11173106/apply-style-only-on-ie#answer-36448860
+    // which also includes an explanation of why this works
+    @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
+      margin-bottom: govuk-spacing(1);
+    }
+  }
+
+  .govuk-summary-card__action:last-child {
+    // See above comment for why this is here
+    @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
+      margin-bottom: 0;
+    }
+  }
+
+  .govuk-summary-card__content {
+    padding: govuk-spacing(3) govuk-spacing(3) 0;
+
+    @include govuk-media-query($from: "tablet") {
+      padding: govuk-spacing(3) govuk-spacing(4);
+    }
+
+    .govuk-summary-list {
+      margin-bottom: 0;
+    }
+
+    .govuk-summary-list__row:last-of-type {
+      margin-bottom: 0;
+      border-bottom: none;
+    }
+  }
+}
+
+/*# sourceMappingURL=_index.scss.map */
diff --git a/app/templates/govuk/components/components/summary-list/_index.scss.map b/app/templates/govuk/components/components/summary-list/_index.scss.map
new file mode 100644
index 0000000..e922241
--- /dev/null
+++ b/app/templates/govuk/components/components/summary-list/_index.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/summary-list/_index.scss"],"names":[],"mappings":"AAAA;EACE;IACE,8BAA8B;IAC9B,0BAA0B;IAC1B;MACE,cAAc;MACd,WAAW;MACX,mBAAmB,EAAE,mDAAmD;MACxE,yBAAyB;IAC3B;IACA,SAAS,EAAE,iCAAiC;IAC5C,6CAA6C;EAC/C;;EAEA;IACE,6CAA6C;;IAE7C;MACE,+BAA+B;IACjC;IACA;MACE,kBAAkB;IACpB;EACF;;EAEA,sDAAsD;EACtD;IACE,gBAAgB;EAClB;;EAEA,0EAA0E;EAC1E,uEAAuE;EACvE;IACE;MACE;QACE,WAAW;QACX,mBAAmB;QACnB,UAAU;MACZ;IACF;EACF;;EAEA;;;IAGE,SAAS,EAAE,iCAAiC;;IAE5C;MACE,mBAAmB;MACnB,6BAA6B;MAC7B,+BAA+B;MAC/B,gCAAgC;IAClC;EACF;;EAEA;IACE,+BAA+B;IAC/B;MACE,UAAU;MACV,iBAAiB;IACnB;EACF;;EAEA;;IAEE,qDAAqD;IACrD,qBAAqB,EAAE,kCAAkC;IACzD,yBAAyB;EAC3B;;EAEA;IACE,+BAA+B;IAC/B,qCAAqC;IACrC;MACE,UAAU;IACZ;EACF;;EAEA;IACE;MACE,+BAA+B;IACjC;EACF;;EAEA;IACE,+BAA+B;EACjC;;EAEA;IACE,gBAAgB;EAClB;;EAEA;IACE,WAAW;IACX,SAAS,EAAE,iCAAiC;IAC5C,UAAU,EAAE,iCAAiC;EAC/C;;EAEA;;IAEE,qBAAqB;EACvB;;EAEA;IACE;;MAEE,8BAA8B;MAC9B,+BAA+B;MAC/B,4CAA4C;IAC9C;;IAEA;;MAEE,eAAe;MACf,gBAAgB;MAChB,SAAS;IACX;EACF;;EAEA;IACE;;MAEE,6BAA6B;MAC7B,8BAA8B;IAChC;;IAEA;;MAEE,2CAA2C;IAC7C;;IAEA;;MAEE,cAAc;MACd,eAAe;MACf,SAAS;IACX;EACF;;EAEA,6EAA6E;EAC7E,wEAAwE;EACxE,4EAA4E;EAC5E,4EAA4E;EAC5E,4CAA4C;EAC5C;IACE,kBAAkB;EACpB;;EAEA,kCAAkC;EAClC;IACE;MACE,SAAS;IACX;;IAEA,4DAA4D;IAC5D;MACE;;;QAGE,sCAAsC;MACxC;IACF;EACF;;EAEA,4BAA4B;EAC5B;IACE,SAAS;;IAET,4DAA4D;IAC5D;MACE;;;QAGE,sCAAsC;MACxC;IACF;EACF;;EAEA,uCAAuC;EACvC;IACE,6CAA6C;IAC7C,sCAAsC;EACxC;;EAEA;IACE,yBAAyB;;IAEzB,wEAAwE;IACxE,cAAc;IACd,oCAAoC;IACpC,4CAA4C;;IAE5C;MACE,aAAa;MACb,8BAA8B;MAC9B,iBAAiB;MACjB,0CAA0C;IAC5C;EACF;;EAEA;IACE,6CAA6C;IAC7C,0BAA0B;IAC1B,4DAA4D;;IAE5D;MACE,+BAA+B;IACjC;EACF;;EAEA;IACE,mCAAmC;IACnC,qCAAqC;IACrC,aAAa;IACb,eAAe;IACf,aAAa;IACb,0BAA0B;IAC1B,UAAU;IACV,gBAAgB;;IAEhB;MACE,sBAAsB;MACtB,iBAAiB;IACnB;EACF;;EAEA;IACE,eAAe;;IAEf,2EAA2E;IAC3E,kBAAkB;IAClB,CAAC;IACD,2EAA2E;IAC3E,6EAA6E;IAC7E,yEAAyE;IACzE,CAAC;IACD,yGAAyG;IACzG,sDAAsD;IACtD;MACE,+BAA+B;IACjC;EACF;;EAEA;IACE,wCAAwC;IACxC;MACE,gBAAgB;IAClB;EACF;;EAEA;IACE,4CAA4C;;IAE5C;MACE,0CAA0C;IAC5C;;IAEA;MACE,gBAAgB;IAClB;;IAEA;MACE,gBAAgB;MAChB,mBAAmB;IACrB;EACF;AACF","file":"_index.scss","sourcesContent":["@include govuk-exports(\"govuk/component/summary-list\") {\n  .govuk-summary-list {\n    @include govuk-font($size: 19);\n    @include govuk-text-colour;\n    @include govuk-media-query($from: tablet) {\n      display: table;\n      width: 100%;\n      table-layout: fixed; // Required to allow us to wrap words that overflow.\n      border-collapse: collapse;\n    }\n    margin: 0; // Reset default user agent styles\n    @include govuk-responsive-margin(6, \"bottom\");\n  }\n\n  .govuk-summary-list__row {\n    border-bottom: 1px solid $govuk-border-colour;\n\n    @include govuk-media-query($until: tablet) {\n      margin-bottom: govuk-spacing(3);\n    }\n    @include govuk-media-query($from: tablet) {\n      display: table-row;\n    }\n  }\n\n  // Remove right padding from the last column in the row\n  .govuk-summary-list__row:not(.govuk-summary-list__row--no-actions) > :last-child {\n    padding-right: 0;\n  }\n\n  // Provide an empty 'cell' for rows that don't have actions – otherwise the\n  // bottom border is not drawn for that part of the row in some browsers.\n  .govuk-summary-list__row--no-actions {\n    @include govuk-media-query($from: tablet) {\n      &::after {\n        content: \"\";\n        display: table-cell;\n        width: 20%;\n      }\n    }\n  }\n\n  .govuk-summary-list__key,\n  .govuk-summary-list__value,\n  .govuk-summary-list__actions {\n    margin: 0; // Reset default user agent styles\n\n    @include govuk-media-query($from: tablet) {\n      display: table-cell;\n      padding-top: govuk-spacing(2);\n      padding-right: govuk-spacing(4);\n      padding-bottom: govuk-spacing(2);\n    }\n  }\n\n  .govuk-summary-list__actions {\n    margin-bottom: govuk-spacing(3);\n    @include govuk-media-query($from: tablet) {\n      width: 20%;\n      text-align: right;\n    }\n  }\n\n  .govuk-summary-list__key,\n  .govuk-summary-list__value {\n    // Automatic wrapping for unbreakable text (e.g. URLs)\n    word-wrap: break-word; // Fallback for older browsers only\n    overflow-wrap: break-word;\n  }\n\n  .govuk-summary-list__key {\n    margin-bottom: govuk-spacing(1);\n    @include govuk-typography-weight-bold;\n    @include govuk-media-query($from: tablet) {\n      width: 30%;\n    }\n  }\n\n  .govuk-summary-list__value {\n    @include govuk-media-query($until: tablet) {\n      margin-bottom: govuk-spacing(3);\n    }\n  }\n\n  .govuk-summary-list__value > p {\n    margin-bottom: govuk-spacing(2);\n  }\n\n  .govuk-summary-list__value > :last-child {\n    margin-bottom: 0;\n  }\n\n  .govuk-summary-list__actions-list {\n    width: 100%;\n    margin: 0; // Reset default user agent styles\n    padding: 0; // Reset default user agent styles\n  }\n\n  .govuk-summary-list__actions-list-item,\n  .govuk-summary-card__action {\n    display: inline-block;\n  }\n\n  @include govuk-media-query($until: tablet) {\n    .govuk-summary-list__actions-list-item,\n    .govuk-summary-card__action {\n      margin-right: govuk-spacing(2);\n      padding-right: govuk-spacing(2);\n      border-right: 1px solid $govuk-border-colour;\n    }\n\n    .govuk-summary-list__actions-list-item:last-child,\n    .govuk-summary-card__action:last-child {\n      margin-right: 0;\n      padding-right: 0;\n      border: 0;\n    }\n  }\n\n  @include govuk-media-query($from: tablet) {\n    .govuk-summary-list__actions-list-item,\n    .govuk-summary-card__action {\n      margin-left: govuk-spacing(2);\n      padding-left: govuk-spacing(2);\n    }\n\n    .govuk-summary-list__actions-list-item:not(:first-child),\n    .govuk-summary-card__action:not(:first-child) {\n      border-left: 1px solid $govuk-border-colour;\n    }\n\n    .govuk-summary-list__actions-list-item:first-child,\n    .govuk-summary-card__action:first-child {\n      margin-left: 0;\n      padding-left: 0;\n      border: 0;\n    }\n  }\n\n  // Large groups of action links may wrap onto multiple lines. Because the link\n  // focus styles are applied outside of the link's bounding box, there are\n  // situations where the focus style on a link can be overlapped by subsequent\n  // links. We don't want this, so let's create a new stacking context on focus\n  // so the link always appears to be 'on top'.\n  .govuk-summary-list__actions-list-item .govuk-link:focus {\n    isolation: isolate;\n  }\n\n  // No border on entire summary list\n  .govuk-summary-list--no-border {\n    .govuk-summary-list__row {\n      border: 0;\n    }\n\n    // Increase padding by 1px to compensate for 'missing' border\n    @include govuk-media-query($from: tablet) {\n      .govuk-summary-list__key,\n      .govuk-summary-list__value,\n      .govuk-summary-list__actions {\n        padding-bottom: govuk-spacing(2) + 1px;\n      }\n    }\n  }\n\n  // No border on specific rows\n  .govuk-summary-list__row--no-border {\n    border: 0;\n\n    // Increase padding by 1px to compensate for 'missing' border\n    @include govuk-media-query($from: tablet) {\n      .govuk-summary-list__key,\n      .govuk-summary-list__value,\n      .govuk-summary-list__actions {\n        padding-bottom: govuk-spacing(2) + 1px;\n      }\n    }\n  }\n\n  // Additional block for the summary card\n  .govuk-summary-card {\n    @include govuk-responsive-margin(6, \"bottom\");\n    border: 1px solid $govuk-border-colour;\n  }\n\n  .govuk-summary-card__title-wrapper {\n    padding: govuk-spacing(3);\n\n    // Ensures the card header appears separate to the summary list in forced\n    // colours mode\n    border-bottom: 1px solid transparent;\n    background-color: govuk-colour(\"light-grey\");\n\n    @include govuk-media-query($from: \"tablet\") {\n      display: flex;\n      justify-content: space-between;\n      flex-wrap: nowrap;\n      padding: govuk-spacing(3) govuk-spacing(4);\n    }\n  }\n\n  .govuk-summary-card__title {\n    @include govuk-font($size: 19, $weight: bold);\n    @include govuk-text-colour;\n    margin: govuk-spacing(1) govuk-spacing(4) govuk-spacing(2) 0;\n\n    @include govuk-media-query($from: \"tablet\") {\n      margin-bottom: govuk-spacing(1);\n    }\n  }\n\n  .govuk-summary-card__actions {\n    @include govuk-font-size($size: 19);\n    @include govuk-typography-weight-bold;\n    display: flex;\n    flex-wrap: wrap;\n    row-gap: 10px;\n    margin: govuk-spacing(1) 0;\n    padding: 0;\n    list-style: none;\n\n    @include govuk-media-query($from: \"tablet\") {\n      justify-content: right;\n      text-align: right;\n    }\n  }\n\n  .govuk-summary-card__action {\n    display: inline;\n\n    // We use the following media query to target IE11 and 10 only to add margin\n    // between actions.\n    //\n    // We do this because we're using row-gap to create space between actions on\n    // more evergreen browsers which IE doesn't support. @supports currently isn't\n    // a viable solution, see https://github.com/w3c/csswg-drafts/issues/3559.\n    //\n    // Solution taken from https://stackoverflow.com/questions/11173106/apply-style-only-on-ie#answer-36448860\n    // which also includes an explanation of why this works\n    @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {\n      margin-bottom: govuk-spacing(1);\n    }\n  }\n\n  .govuk-summary-card__action:last-child {\n    // See above comment for why this is here\n    @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {\n      margin-bottom: 0;\n    }\n  }\n\n  .govuk-summary-card__content {\n    padding: govuk-spacing(3) govuk-spacing(3) 0;\n\n    @include govuk-media-query($from: \"tablet\") {\n      padding: govuk-spacing(3) govuk-spacing(4);\n    }\n\n    .govuk-summary-list {\n      margin-bottom: 0;\n    }\n\n    .govuk-summary-list__row:last-of-type {\n      margin-bottom: 0;\n      border-bottom: none;\n    }\n  }\n}\n"]}
diff --git a/app/templates/govuk/components/components/summary-list/_summary-list.scss b/app/templates/govuk/components/components/summary-list/_summary-list.scss
new file mode 100644
index 0000000..03a34e6
--- /dev/null
+++ b/app/templates/govuk/components/components/summary-list/_summary-list.scss
@@ -0,0 +1,4 @@
+@import "../../base";
+@import "./index";
+
+/*# sourceMappingURL=_summary-list.scss.map */
diff --git a/app/templates/govuk/components/components/summary-list/_summary-list.scss.map b/app/templates/govuk/components/components/summary-list/_summary-list.scss.map
new file mode 100644
index 0000000..255b8be
--- /dev/null
+++ b/app/templates/govuk/components/components/summary-list/_summary-list.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/summary-list/_summary-list.scss"],"names":[],"mappings":"AAAA,oBAAoB;AACpB,iBAAiB","file":"_summary-list.scss","sourcesContent":["@import \"../../base\";\n@import \"./index\";\n"]}
diff --git a/app/templates/govuk/components/components/summary-list/fixtures.json b/app/templates/govuk/components/components/summary-list/fixtures.json
new file mode 100644
index 0000000..577e872
--- /dev/null
+++ b/app/templates/govuk/components/components/summary-list/fixtures.json
@@ -0,0 +1,1528 @@
+{
+    "component": "summary-list",
+    "fixtures": [
+        {
+            "name": "default",
+            "options": {
+                "rows": [
+                    {
+                        "key": {
+                            "text": "Name"
+                        },
+                        "value": {
+                            "text": "Firstname Lastname"
+                        }
+                    },
+                    {
+                        "key": {
+                            "text": "Date of birth"
+                        },
+                        "value": {
+                            "text": "13/08/1980"
+                        }
+                    },
+                    {
+                        "key": {
+                            "text": "Contact information"
+                        },
+                        "value": {
+                            "html": "<p class=\"govuk-body\">\n  email@email.com\n</p>\n<p class=\"govuk-body\">\n  Address line 1<br>\n  Address line 2<br>\n  Address line 3<br>\n  Address line 4<br>\n  Address line 5\n</p>\n"
+                        }
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": true,
+            "html": "<dl class=\"govuk-summary-list\">\n  <div class=\"govuk-summary-list__row\">\n    <dt class=\"govuk-summary-list__key\">\n      Name\n    </dt>\n    <dd class=\"govuk-summary-list__value\">\n      Firstname Lastname\n    </dd>\n  </div>\n  <div class=\"govuk-summary-list__row\">\n    <dt class=\"govuk-summary-list__key\">\n      Date of birth\n    </dt>\n    <dd class=\"govuk-summary-list__value\">\n      13/08/1980\n    </dd>\n  </div>\n  <div class=\"govuk-summary-list__row\">\n    <dt class=\"govuk-summary-list__key\">\n      Contact information\n    </dt>\n    <dd class=\"govuk-summary-list__value\">\n      <p class=\"govuk-body\">\n        email@email.com\n      </p>\n      <p class=\"govuk-body\">\n        Address line 1<br>\n        Address line 2<br>\n        Address line 3<br>\n        Address line 4<br>\n        Address line 5\n      </p>\n    </dd>\n  </div>\n</dl>"
+        },
+        {
+            "name": "with actions",
+            "options": {
+                "rows": [
+                    {
+                        "key": {
+                            "text": "Name"
+                        },
+                        "value": {
+                            "text": "Firstname Lastname"
+                        },
+                        "actions": {
+                            "items": [
+                                {
+                                    "href": "#",
+                                    "text": "Edit",
+                                    "visuallyHiddenText": "name"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Delete",
+                                    "visuallyHiddenText": "name"
+                                }
+                            ]
+                        }
+                    },
+                    {
+                        "key": {
+                            "text": "Date of birth"
+                        },
+                        "value": {
+                            "text": "13/08/1980"
+                        },
+                        "actions": {
+                            "items": [
+                                {
+                                    "href": "#",
+                                    "text": "Change",
+                                    "visuallyHiddenText": "date of birth"
+                                }
+                            ]
+                        }
+                    },
+                    {
+                        "key": {
+                            "text": "Contact information"
+                        },
+                        "value": {
+                            "html": "<p class=\"govuk-body\">\n  email@email.com\n</p>\n<p class=\"govuk-body\">\n  Address line 1<br>\n  Address line 2<br>\n  Address line 3<br>\n  Address line 4<br>\n  Address line 5\n</p>\n"
+                        },
+                        "actions": {
+                            "items": [
+                                {
+                                    "href": "#",
+                                    "text": "Edit",
+                                    "visuallyHiddenText": "contact information"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Change",
+                                    "visuallyHiddenText": "contact information"
+                                }
+                            ]
+                        }
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<dl class=\"govuk-summary-list\">\n  <div class=\"govuk-summary-list__row\">\n    <dt class=\"govuk-summary-list__key\">\n      Name\n    </dt>\n    <dd class=\"govuk-summary-list__value\">\n      Firstname Lastname\n    </dd>\n    <dd class=\"govuk-summary-list__actions\">\n      <ul class=\"govuk-summary-list__actions-list\">\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Edit<span class=\"govuk-visually-hidden\"> name</span></a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Delete<span class=\"govuk-visually-hidden\"> name</span></a>\n        </li>\n      </ul>\n    </dd>\n  </div>\n  <div class=\"govuk-summary-list__row\">\n    <dt class=\"govuk-summary-list__key\">\n      Date of birth\n    </dt>\n    <dd class=\"govuk-summary-list__value\">\n      13/08/1980\n    </dd>\n    <dd class=\"govuk-summary-list__actions\">\n      <a class=\"govuk-link\" href=\"#\">Change<span class=\"govuk-visually-hidden\"> date of birth</span></a>\n    </dd>\n  </div>\n  <div class=\"govuk-summary-list__row\">\n    <dt class=\"govuk-summary-list__key\">\n      Contact information\n    </dt>\n    <dd class=\"govuk-summary-list__value\">\n      <p class=\"govuk-body\">\n        email@email.com\n      </p>\n      <p class=\"govuk-body\">\n        Address line 1<br>\n        Address line 2<br>\n        Address line 3<br>\n        Address line 4<br>\n        Address line 5\n      </p>\n    </dd>\n    <dd class=\"govuk-summary-list__actions\">\n      <ul class=\"govuk-summary-list__actions-list\">\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Edit<span class=\"govuk-visually-hidden\"> contact information</span></a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Change<span class=\"govuk-visually-hidden\"> contact information</span></a>\n        </li>\n      </ul>\n    </dd>\n  </div>\n</dl>"
+        },
+        {
+            "name": "no-border",
+            "options": {
+                "classes": "govuk-summary-list--no-border",
+                "rows": [
+                    {
+                        "key": {
+                            "text": "Name"
+                        },
+                        "value": {
+                            "text": "Firstname Lastname"
+                        }
+                    },
+                    {
+                        "key": {
+                            "text": "Date of birth"
+                        },
+                        "value": {
+                            "text": "13/08/1980"
+                        }
+                    },
+                    {
+                        "key": {
+                            "text": "Contact information"
+                        },
+                        "value": {
+                            "html": "<p class=\"govuk-body\">\n  email@email.com\n</p>\n<p class=\"govuk-body\">\n  Address line 1<br>\n  Address line 2<br>\n  Address line 3<br>\n  Address line 4<br>\n  Address line 5\n</p>\n"
+                        }
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<dl class=\"govuk-summary-list govuk-summary-list--no-border\">\n  <div class=\"govuk-summary-list__row\">\n    <dt class=\"govuk-summary-list__key\">\n      Name\n    </dt>\n    <dd class=\"govuk-summary-list__value\">\n      Firstname Lastname\n    </dd>\n  </div>\n  <div class=\"govuk-summary-list__row\">\n    <dt class=\"govuk-summary-list__key\">\n      Date of birth\n    </dt>\n    <dd class=\"govuk-summary-list__value\">\n      13/08/1980\n    </dd>\n  </div>\n  <div class=\"govuk-summary-list__row\">\n    <dt class=\"govuk-summary-list__key\">\n      Contact information\n    </dt>\n    <dd class=\"govuk-summary-list__value\">\n      <p class=\"govuk-body\">\n        email@email.com\n      </p>\n      <p class=\"govuk-body\">\n        Address line 1<br>\n        Address line 2<br>\n        Address line 3<br>\n        Address line 4<br>\n        Address line 5\n      </p>\n    </dd>\n  </div>\n</dl>"
+        },
+        {
+            "name": "no-border on last row",
+            "options": {
+                "rows": [
+                    {
+                        "key": {
+                            "text": "Name"
+                        },
+                        "value": {
+                            "text": "Firstname Lastname"
+                        }
+                    },
+                    {
+                        "key": {
+                            "text": "Date of birth"
+                        },
+                        "value": {
+                            "text": "13/08/1980"
+                        }
+                    },
+                    {
+                        "key": {
+                            "text": "Contact information"
+                        },
+                        "value": {
+                            "html": "<p class=\"govuk-body\">\n  email@email.com\n</p>\n<p class=\"govuk-body\">\n  Address line 1<br>\n  Address line 2<br>\n  Address line 3<br>\n  Address line 4<br>\n  Address line 5\n</p>\n"
+                        },
+                        "classes": "govuk-summary-list__row--no-border"
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<dl class=\"govuk-summary-list\">\n  <div class=\"govuk-summary-list__row\">\n    <dt class=\"govuk-summary-list__key\">\n      Name\n    </dt>\n    <dd class=\"govuk-summary-list__value\">\n      Firstname Lastname\n    </dd>\n  </div>\n  <div class=\"govuk-summary-list__row\">\n    <dt class=\"govuk-summary-list__key\">\n      Date of birth\n    </dt>\n    <dd class=\"govuk-summary-list__value\">\n      13/08/1980\n    </dd>\n  </div>\n  <div class=\"govuk-summary-list__row govuk-summary-list__row--no-border\">\n    <dt class=\"govuk-summary-list__key\">\n      Contact information\n    </dt>\n    <dd class=\"govuk-summary-list__value\">\n      <p class=\"govuk-body\">\n        email@email.com\n      </p>\n      <p class=\"govuk-body\">\n        Address line 1<br>\n        Address line 2<br>\n        Address line 3<br>\n        Address line 4<br>\n        Address line 5\n      </p>\n    </dd>\n  </div>\n</dl>"
+        },
+        {
+            "name": "extreme",
+            "options": {
+                "rows": [
+                    {
+                        "key": {
+                            "text": "Name"
+                        },
+                        "value": {
+                            "text": "Barnaby Marmaduke Aloysius Benjy Cobweb Dartagnan Egbert Felix Gaspar Humbert Ignatius Jayden Kasper Leroy Maximilian Neddy Obiajulu Pepin Quilliam Rosencrantz Sexton Teddy Upwood Vivatma Wayland Xylon Yardley Zachary Usansky"
+                        },
+                        "actions": {
+                            "items": [
+                                {
+                                    "href": "#",
+                                    "text": "Buy"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Use"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Break"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Fix"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Trash"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Change"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Mail"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Upgrade"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Charge"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Point"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Zoom"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Press"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Snap"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Work"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Quick"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Erase"
+                                }
+                            ]
+                        }
+                    },
+                    {
+                        "key": {
+                            "text": "Long website address"
+                        },
+                        "value": {
+                            "html": "<a class=\"govuk-link\" href=\"https://cs.wikipedia.org/wiki/Llanfairpwllgwyngyllgogerychwyrndrobwllllantysiliogogogoch\">https://cs.wikipedia.org/wiki/Llanfairpwllgwyngyllgogerychwyrndrobwllllantysiliogogogoch</a>\n"
+                        },
+                        "actions": {
+                            "items": [
+                                {
+                                    "href": "#",
+                                    "text": "Change",
+                                    "visuallyHiddenText": "long website address"
+                                }
+                            ]
+                        }
+                    },
+                    {
+                        "key": {
+                            "text": "Long email address"
+                        },
+                        "value": {
+                            "html": "<a class=\"govuk-link\" href=\"mailto:webmaster@llanfairpwllgwyngyllgogerychwyrndrobwllllantysiliogogogoch.com\">webmaster@llanfairpwllgwyngyllgogerychwyrndrobwllllantysiliogogogoch.com</a>\n"
+                        },
+                        "actions": {
+                            "items": [
+                                {
+                                    "href": "#",
+                                    "text": "Change",
+                                    "visuallyHiddenText": "long email address"
+                                }
+                            ]
+                        }
+                    },
+                    {
+                        "key": {
+                            "text": "No wrapping allowed"
+                        },
+                        "value": {
+                            "html": "<p class=\"govuk-body\" style=\"white-space: nowrap;\">michelle.longish.name@example.com</p>\n"
+                        },
+                        "actions": {
+                            "items": [
+                                {
+                                    "href": "#",
+                                    "text": "Change",
+                                    "visuallyHiddenText": "no wrapping allowed"
+                                }
+                            ]
+                        }
+                    },
+                    {
+                        "key": {
+                            "text": "Pneumonoultramicroscopicsilicovolcanoconiosis"
+                        },
+                        "value": {
+                            "html": "<p class=\"govuk-body\">Pneumonoultramicroscopicsilicovolcanoconiosis is a word coined by the president of the National Puzzlers’ League as a synonym for the disease known as silicosis. It is the longest word in the English language published in a dictionary, the Oxford English Dictionary, which defines it as \"an artificial long word said to mean a lung disease caused by inhaling very fine ash and sand dust.\"</p>\n<p class=\"govuk-body\">Silicosis is a form of occupational lung disease caused by inhalation of crystalline silica dust, and is marked by inflammation and scarring in the form of nodular lesions in the upper lobes of the lungs. It is a type of pneumoconiosis.</p>\n"
+                        },
+                        "actions": {
+                            "items": [
+                                {
+                                    "href": "#",
+                                    "text": "Write"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Cut"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Paste"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Save"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Load"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Check"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Quick"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Rewrite"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Plug"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Play"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Burn"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Rip"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Drag and drop"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Zip"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Unzip"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Lock"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Fill"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Curl"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Find"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "View"
+                                }
+                            ]
+                        }
+                    },
+                    {
+                        "key": {
+                            "text": "Its vanished trees, the trees that had made way for Gatsby’s house, Pneumonoultramicroscopicsilicovolcanoconiosis had once pandered in whispers to the last and greatest of all human dreams; for a transitory enchanted moment man must have held his breath in the presence of this continent, compelled into an aesthetic contemplation he neither understood nor desired, face to face for the last time in history with something commensurate to his capacity for wonder."
+                        },
+                        "value": {
+                            "text": "The Great Gatsby"
+                        },
+                        "actions": {
+                            "items": [
+                                {
+                                    "href": "#",
+                                    "text": "Code"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Jam"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Unlock"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Surf"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Scroll"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Pose"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Click"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Cross"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Crack"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Twitch"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Update"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Name"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Read"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Tune"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Print"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Scan"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Send"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Fax"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Rename"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Touch"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Bring"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Pay"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Watch"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Turn"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Leave"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Stop"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Format"
+                                }
+                            ]
+                        }
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<dl class=\"govuk-summary-list\">\n  <div class=\"govuk-summary-list__row\">\n    <dt class=\"govuk-summary-list__key\">\n      Name\n    </dt>\n    <dd class=\"govuk-summary-list__value\">\n      Barnaby Marmaduke Aloysius Benjy Cobweb Dartagnan Egbert Felix Gaspar Humbert Ignatius Jayden Kasper Leroy Maximilian Neddy Obiajulu Pepin Quilliam Rosencrantz Sexton Teddy Upwood Vivatma Wayland Xylon Yardley Zachary Usansky\n    </dd>\n    <dd class=\"govuk-summary-list__actions\">\n      <ul class=\"govuk-summary-list__actions-list\">\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Buy</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Use</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Break</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Fix</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Trash</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Change</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Mail</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Upgrade</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Charge</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Point</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Zoom</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Press</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Snap</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Work</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Quick</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Erase</a>\n        </li>\n      </ul>\n    </dd>\n  </div>\n  <div class=\"govuk-summary-list__row\">\n    <dt class=\"govuk-summary-list__key\">\n      Long website address\n    </dt>\n    <dd class=\"govuk-summary-list__value\">\n      <a class=\"govuk-link\" href=\"https://cs.wikipedia.org/wiki/Llanfairpwllgwyngyllgogerychwyrndrobwllllantysiliogogogoch\">https://cs.wikipedia.org/wiki/Llanfairpwllgwyngyllgogerychwyrndrobwllllantysiliogogogoch</a>\n    </dd>\n    <dd class=\"govuk-summary-list__actions\">\n      <a class=\"govuk-link\" href=\"#\">Change<span class=\"govuk-visually-hidden\"> long website address</span></a>\n    </dd>\n  </div>\n  <div class=\"govuk-summary-list__row\">\n    <dt class=\"govuk-summary-list__key\">\n      Long email address\n    </dt>\n    <dd class=\"govuk-summary-list__value\">\n      <a class=\"govuk-link\" href=\"mailto:webmaster@llanfairpwllgwyngyllgogerychwyrndrobwllllantysiliogogogoch.com\">webmaster@llanfairpwllgwyngyllgogerychwyrndrobwllllantysiliogogogoch.com</a>\n    </dd>\n    <dd class=\"govuk-summary-list__actions\">\n      <a class=\"govuk-link\" href=\"#\">Change<span class=\"govuk-visually-hidden\"> long email address</span></a>\n    </dd>\n  </div>\n  <div class=\"govuk-summary-list__row\">\n    <dt class=\"govuk-summary-list__key\">\n      No wrapping allowed\n    </dt>\n    <dd class=\"govuk-summary-list__value\">\n      <p class=\"govuk-body\" style=\"white-space: nowrap;\">michelle.longish.name@example.com</p>\n    </dd>\n    <dd class=\"govuk-summary-list__actions\">\n      <a class=\"govuk-link\" href=\"#\">Change<span class=\"govuk-visually-hidden\"> no wrapping allowed</span></a>\n    </dd>\n  </div>\n  <div class=\"govuk-summary-list__row\">\n    <dt class=\"govuk-summary-list__key\">\n      Pneumonoultramicroscopicsilicovolcanoconiosis\n    </dt>\n    <dd class=\"govuk-summary-list__value\">\n      <p class=\"govuk-body\">Pneumonoultramicroscopicsilicovolcanoconiosis is a word coined by the president of the National Puzzlers’ League as a synonym for the disease known as silicosis. It is the longest word in the English language published in a dictionary, the Oxford English Dictionary, which defines it as \"an artificial long word said to mean a lung disease caused by inhaling very fine ash and sand dust.\"</p>\n      <p class=\"govuk-body\">Silicosis is a form of occupational lung disease caused by inhalation of crystalline silica dust, and is marked by inflammation and scarring in the form of nodular lesions in the upper lobes of the lungs. It is a type of pneumoconiosis.</p>\n    </dd>\n    <dd class=\"govuk-summary-list__actions\">\n      <ul class=\"govuk-summary-list__actions-list\">\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Write</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Cut</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Paste</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Save</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Load</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Check</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Quick</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Rewrite</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Plug</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Play</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Burn</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Rip</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Drag and drop</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Zip</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Unzip</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Lock</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Fill</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Curl</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Find</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">View</a>\n        </li>\n      </ul>\n    </dd>\n  </div>\n  <div class=\"govuk-summary-list__row\">\n    <dt class=\"govuk-summary-list__key\">\n      Its vanished trees, the trees that had made way for Gatsby’s house, Pneumonoultramicroscopicsilicovolcanoconiosis had once pandered in whispers to the last and greatest of all human dreams; for a transitory enchanted moment man must have held his breath in the presence of this continent, compelled into an aesthetic contemplation he neither understood nor desired, face to face for the last time in history with something commensurate to his capacity for wonder.\n    </dt>\n    <dd class=\"govuk-summary-list__value\">\n      The Great Gatsby\n    </dd>\n    <dd class=\"govuk-summary-list__actions\">\n      <ul class=\"govuk-summary-list__actions-list\">\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Code</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Jam</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Unlock</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Surf</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Scroll</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Pose</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Click</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Cross</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Crack</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Twitch</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Update</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Name</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Read</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Tune</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Print</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Scan</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Send</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Fax</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Rename</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Touch</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Bring</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Pay</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Watch</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Turn</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Leave</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Stop</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Format</a>\n        </li>\n      </ul>\n    </dd>\n  </div>\n</dl>"
+        },
+        {
+            "name": "as a summary card with a text header",
+            "options": {
+                "card": {
+                    "title": {
+                        "text": "Undergraduate teaching assistant"
+                    }
+                },
+                "rows": [
+                    {
+                        "key": {
+                            "text": "Name"
+                        },
+                        "value": {
+                            "text": "Firstname Lastname"
+                        }
+                    },
+                    {
+                        "key": {
+                            "text": "Date of birth"
+                        },
+                        "value": {
+                            "text": "13/08/1980"
+                        }
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": true,
+            "html": "<div class=\"govuk-summary-card\">\n  <div class=\"govuk-summary-card__title-wrapper\">\n    <h2 class=\"govuk-summary-card__title\">\n      Undergraduate teaching assistant\n    </h2>\n  </div>\n\n  <div class=\"govuk-summary-card__content\">\n    <dl class=\"govuk-summary-list\">\n      <div class=\"govuk-summary-list__row\">\n        <dt class=\"govuk-summary-list__key\">\n          Name\n        </dt>\n        <dd class=\"govuk-summary-list__value\">\n          Firstname Lastname\n        </dd>\n      </div>\n      <div class=\"govuk-summary-list__row\">\n        <dt class=\"govuk-summary-list__key\">\n          Date of birth\n        </dt>\n        <dd class=\"govuk-summary-list__value\">\n          13/08/1980\n        </dd>\n      </div>\n    </dl>\n  </div>\n</div>"
+        },
+        {
+            "name": "as a summary card with a html header",
+            "options": {
+                "card": {
+                    "title": {
+                        "html": "<em>Undergraduate teaching assistant</em>"
+                    }
+                },
+                "rows": [
+                    {
+                        "key": {
+                            "text": "Name"
+                        },
+                        "value": {
+                            "text": "Firstname Lastname"
+                        }
+                    },
+                    {
+                        "key": {
+                            "text": "Date of birth"
+                        },
+                        "value": {
+                            "text": "13/08/1980"
+                        }
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-summary-card\">\n  <div class=\"govuk-summary-card__title-wrapper\">\n    <h2 class=\"govuk-summary-card__title\">\n      <em>Undergraduate teaching assistant</em>\n    </h2>\n  </div>\n\n  <div class=\"govuk-summary-card__content\">\n    <dl class=\"govuk-summary-list\">\n      <div class=\"govuk-summary-list__row\">\n        <dt class=\"govuk-summary-list__key\">\n          Name\n        </dt>\n        <dd class=\"govuk-summary-list__value\">\n          Firstname Lastname\n        </dd>\n      </div>\n      <div class=\"govuk-summary-list__row\">\n        <dt class=\"govuk-summary-list__key\">\n          Date of birth\n        </dt>\n        <dd class=\"govuk-summary-list__value\">\n          13/08/1980\n        </dd>\n      </div>\n    </dl>\n  </div>\n</div>"
+        },
+        {
+            "name": "as a summary card with actions",
+            "options": {
+                "card": {
+                    "title": {
+                        "text": "Undergraduate teaching assistant"
+                    },
+                    "actions": {
+                        "items": [
+                            {
+                                "text": "Delete job history",
+                                "href": "#"
+                            },
+                            {
+                                "text": "Withdraw job history",
+                                "href": "#"
+                            }
+                        ]
+                    }
+                },
+                "rows": [
+                    {
+                        "key": {
+                            "text": "Name"
+                        },
+                        "value": {
+                            "text": "Firstname Lastname"
+                        }
+                    },
+                    {
+                        "key": {
+                            "text": "Date of birth"
+                        },
+                        "value": {
+                            "text": "13/08/1980"
+                        }
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-summary-card\">\n  <div class=\"govuk-summary-card__title-wrapper\">\n    <h2 class=\"govuk-summary-card__title\">\n      Undergraduate teaching assistant\n    </h2>\n    <ul class=\"govuk-summary-card__actions\">\n      <li class=\"govuk-summary-card__action\">\n        <a class=\"govuk-link\" href=\"#\">Delete job history<span class=\"govuk-visually-hidden\"> (Undergraduate teaching assistant)</span></a>\n      </li>\n      <li class=\"govuk-summary-card__action\">\n        <a class=\"govuk-link\" href=\"#\">Withdraw job history<span class=\"govuk-visually-hidden\"> (Undergraduate teaching assistant)</span></a>\n      </li>\n    </ul>\n  </div>\n\n  <div class=\"govuk-summary-card__content\">\n    <dl class=\"govuk-summary-list\">\n      <div class=\"govuk-summary-list__row\">\n        <dt class=\"govuk-summary-list__key\">\n          Name\n        </dt>\n        <dd class=\"govuk-summary-list__value\">\n          Firstname Lastname\n        </dd>\n      </div>\n      <div class=\"govuk-summary-list__row\">\n        <dt class=\"govuk-summary-list__key\">\n          Date of birth\n        </dt>\n        <dd class=\"govuk-summary-list__value\">\n          13/08/1980\n        </dd>\n      </div>\n    </dl>\n  </div>\n</div>"
+        },
+        {
+            "name": "as a summary card with actions plus summary list actions",
+            "options": {
+                "card": {
+                    "title": {
+                        "text": "Undergraduate teaching assistant"
+                    },
+                    "actions": {
+                        "items": [
+                            {
+                                "text": "Delete job history",
+                                "href": "#"
+                            },
+                            {
+                                "text": "Withdraw job history",
+                                "href": "#"
+                            }
+                        ]
+                    }
+                },
+                "rows": [
+                    {
+                        "key": {
+                            "text": "Name"
+                        },
+                        "value": {
+                            "text": "Firstname Lastname"
+                        },
+                        "actions": {
+                            "items": [
+                                {
+                                    "href": "#",
+                                    "text": "Edit",
+                                    "visuallyHiddenText": "name"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Delete",
+                                    "visuallyHiddenText": "name"
+                                }
+                            ]
+                        }
+                    },
+                    {
+                        "key": {
+                            "text": "Date of birth"
+                        },
+                        "value": {
+                            "text": "13/08/1980"
+                        },
+                        "actions": {
+                            "items": [
+                                {
+                                    "href": "#",
+                                    "text": "Change",
+                                    "visuallyHiddenText": "date of birth"
+                                }
+                            ]
+                        }
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-summary-card\">\n  <div class=\"govuk-summary-card__title-wrapper\">\n    <h2 class=\"govuk-summary-card__title\">\n      Undergraduate teaching assistant\n    </h2>\n    <ul class=\"govuk-summary-card__actions\">\n      <li class=\"govuk-summary-card__action\">\n        <a class=\"govuk-link\" href=\"#\">Delete job history<span class=\"govuk-visually-hidden\"> (Undergraduate teaching assistant)</span></a>\n      </li>\n      <li class=\"govuk-summary-card__action\">\n        <a class=\"govuk-link\" href=\"#\">Withdraw job history<span class=\"govuk-visually-hidden\"> (Undergraduate teaching assistant)</span></a>\n      </li>\n    </ul>\n  </div>\n\n  <div class=\"govuk-summary-card__content\">\n    <dl class=\"govuk-summary-list\">\n      <div class=\"govuk-summary-list__row\">\n        <dt class=\"govuk-summary-list__key\">\n          Name\n        </dt>\n        <dd class=\"govuk-summary-list__value\">\n          Firstname Lastname\n        </dd>\n        <dd class=\"govuk-summary-list__actions\">\n          <ul class=\"govuk-summary-list__actions-list\">\n            <li class=\"govuk-summary-list__actions-list-item\">\n              <a class=\"govuk-link\" href=\"#\">Edit<span class=\"govuk-visually-hidden\"> name (Undergraduate teaching assistant)</span></a>\n            </li>\n            <li class=\"govuk-summary-list__actions-list-item\">\n              <a class=\"govuk-link\" href=\"#\">Delete<span class=\"govuk-visually-hidden\"> name (Undergraduate teaching assistant)</span></a>\n            </li>\n          </ul>\n        </dd>\n      </div>\n      <div class=\"govuk-summary-list__row\">\n        <dt class=\"govuk-summary-list__key\">\n          Date of birth\n        </dt>\n        <dd class=\"govuk-summary-list__value\">\n          13/08/1980\n        </dd>\n        <dd class=\"govuk-summary-list__actions\">\n          <a class=\"govuk-link\" href=\"#\">Change<span class=\"govuk-visually-hidden\"> date of birth (Undergraduate teaching assistant)</span></a>\n        </dd>\n      </div>\n    </dl>\n  </div>\n</div>"
+        },
+        {
+            "name": "as a summary card extreme",
+            "options": {
+                "card": {
+                    "title": {
+                        "text": "Senior mid-level customer experience enhancement consultant"
+                    },
+                    "actions": {
+                        "items": [
+                            {
+                                "text": "Bop it",
+                                "href": "#"
+                            },
+                            {
+                                "text": "Twist it",
+                                "href": "#"
+                            },
+                            {
+                                "text": "Pull it",
+                                "href": "#"
+                            },
+                            {
+                                "text": "Flick it",
+                                "href": "#"
+                            },
+                            {
+                                "text": "Spin it",
+                                "href": "#"
+                            },
+                            {
+                                "text": "Shout it",
+                                "href": "#"
+                            },
+                            {
+                                "text": "Shake it",
+                                "href": "#"
+                            }
+                        ]
+                    }
+                },
+                "rows": [
+                    {
+                        "key": {
+                            "text": "Name"
+                        },
+                        "value": {
+                            "text": "Barnaby Marmaduke Aloysius Benjy Cobweb Dartagnan Egbert Felix Gaspar Humbert Ignatius Jayden Kasper Leroy Maximilian Neddy Obiajulu Pepin Quilliam Rosencrantz Sexton Teddy Upwood Vivatma Wayland Xylon Yardley Zachary Usansky"
+                        },
+                        "actions": {
+                            "items": [
+                                {
+                                    "href": "#",
+                                    "text": "Buy"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Use"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Break"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Fix"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Trash"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Change"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Mail"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Upgrade"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Charge"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Point"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Zoom"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Press"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Snap"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Work"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Quick"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Erase"
+                                }
+                            ]
+                        }
+                    },
+                    {
+                        "key": {
+                            "text": "Long website address"
+                        },
+                        "value": {
+                            "html": "<a class=\"govuk-link\" href=\"https://cs.wikipedia.org/wiki/Llanfairpwllgwyngyllgogerychwyrndrobwllllantysiliogogogoch\">https://cs.wikipedia.org/wiki/Llanfairpwllgwyngyllgogerychwyrndrobwllllantysiliogogogoch</a>\n"
+                        },
+                        "actions": {
+                            "items": [
+                                {
+                                    "href": "#",
+                                    "text": "Change",
+                                    "visuallyHiddenText": "long website address"
+                                }
+                            ]
+                        }
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-summary-card\">\n  <div class=\"govuk-summary-card__title-wrapper\">\n    <h2 class=\"govuk-summary-card__title\">\n      Senior mid-level customer experience enhancement consultant\n    </h2>\n    <ul class=\"govuk-summary-card__actions\">\n      <li class=\"govuk-summary-card__action\">\n        <a class=\"govuk-link\" href=\"#\">Bop it<span class=\"govuk-visually-hidden\"> (Senior mid-level customer experience enhancement consultant)</span></a>\n      </li>\n      <li class=\"govuk-summary-card__action\">\n        <a class=\"govuk-link\" href=\"#\">Twist it<span class=\"govuk-visually-hidden\"> (Senior mid-level customer experience enhancement consultant)</span></a>\n      </li>\n      <li class=\"govuk-summary-card__action\">\n        <a class=\"govuk-link\" href=\"#\">Pull it<span class=\"govuk-visually-hidden\"> (Senior mid-level customer experience enhancement consultant)</span></a>\n      </li>\n      <li class=\"govuk-summary-card__action\">\n        <a class=\"govuk-link\" href=\"#\">Flick it<span class=\"govuk-visually-hidden\"> (Senior mid-level customer experience enhancement consultant)</span></a>\n      </li>\n      <li class=\"govuk-summary-card__action\">\n        <a class=\"govuk-link\" href=\"#\">Spin it<span class=\"govuk-visually-hidden\"> (Senior mid-level customer experience enhancement consultant)</span></a>\n      </li>\n      <li class=\"govuk-summary-card__action\">\n        <a class=\"govuk-link\" href=\"#\">Shout it<span class=\"govuk-visually-hidden\"> (Senior mid-level customer experience enhancement consultant)</span></a>\n      </li>\n      <li class=\"govuk-summary-card__action\">\n        <a class=\"govuk-link\" href=\"#\">Shake it<span class=\"govuk-visually-hidden\"> (Senior mid-level customer experience enhancement consultant)</span></a>\n      </li>\n    </ul>\n  </div>\n\n  <div class=\"govuk-summary-card__content\">\n    <dl class=\"govuk-summary-list\">\n      <div class=\"govuk-summary-list__row\">\n        <dt class=\"govuk-summary-list__key\">\n          Name\n        </dt>\n        <dd class=\"govuk-summary-list__value\">\n          Barnaby Marmaduke Aloysius Benjy Cobweb Dartagnan Egbert Felix Gaspar Humbert Ignatius Jayden Kasper Leroy Maximilian Neddy Obiajulu Pepin Quilliam Rosencrantz Sexton Teddy Upwood Vivatma Wayland Xylon Yardley Zachary Usansky\n        </dd>\n        <dd class=\"govuk-summary-list__actions\">\n          <ul class=\"govuk-summary-list__actions-list\">\n            <li class=\"govuk-summary-list__actions-list-item\">\n              <a class=\"govuk-link\" href=\"#\">Buy<span class=\"govuk-visually-hidden\"> (Senior mid-level customer experience enhancement consultant)</span></a>\n            </li>\n            <li class=\"govuk-summary-list__actions-list-item\">\n              <a class=\"govuk-link\" href=\"#\">Use<span class=\"govuk-visually-hidden\"> (Senior mid-level customer experience enhancement consultant)</span></a>\n            </li>\n            <li class=\"govuk-summary-list__actions-list-item\">\n              <a class=\"govuk-link\" href=\"#\">Break<span class=\"govuk-visually-hidden\"> (Senior mid-level customer experience enhancement consultant)</span></a>\n            </li>\n            <li class=\"govuk-summary-list__actions-list-item\">\n              <a class=\"govuk-link\" href=\"#\">Fix<span class=\"govuk-visually-hidden\"> (Senior mid-level customer experience enhancement consultant)</span></a>\n            </li>\n            <li class=\"govuk-summary-list__actions-list-item\">\n              <a class=\"govuk-link\" href=\"#\">Trash<span class=\"govuk-visually-hidden\"> (Senior mid-level customer experience enhancement consultant)</span></a>\n            </li>\n            <li class=\"govuk-summary-list__actions-list-item\">\n              <a class=\"govuk-link\" href=\"#\">Change<span class=\"govuk-visually-hidden\"> (Senior mid-level customer experience enhancement consultant)</span></a>\n            </li>\n            <li class=\"govuk-summary-list__actions-list-item\">\n              <a class=\"govuk-link\" href=\"#\">Mail<span class=\"govuk-visually-hidden\"> (Senior mid-level customer experience enhancement consultant)</span></a>\n            </li>\n            <li class=\"govuk-summary-list__actions-list-item\">\n              <a class=\"govuk-link\" href=\"#\">Upgrade<span class=\"govuk-visually-hidden\"> (Senior mid-level customer experience enhancement consultant)</span></a>\n            </li>\n            <li class=\"govuk-summary-list__actions-list-item\">\n              <a class=\"govuk-link\" href=\"#\">Charge<span class=\"govuk-visually-hidden\"> (Senior mid-level customer experience enhancement consultant)</span></a>\n            </li>\n            <li class=\"govuk-summary-list__actions-list-item\">\n              <a class=\"govuk-link\" href=\"#\">Point<span class=\"govuk-visually-hidden\"> (Senior mid-level customer experience enhancement consultant)</span></a>\n            </li>\n            <li class=\"govuk-summary-list__actions-list-item\">\n              <a class=\"govuk-link\" href=\"#\">Zoom<span class=\"govuk-visually-hidden\"> (Senior mid-level customer experience enhancement consultant)</span></a>\n            </li>\n            <li class=\"govuk-summary-list__actions-list-item\">\n              <a class=\"govuk-link\" href=\"#\">Press<span class=\"govuk-visually-hidden\"> (Senior mid-level customer experience enhancement consultant)</span></a>\n            </li>\n            <li class=\"govuk-summary-list__actions-list-item\">\n              <a class=\"govuk-link\" href=\"#\">Snap<span class=\"govuk-visually-hidden\"> (Senior mid-level customer experience enhancement consultant)</span></a>\n            </li>\n            <li class=\"govuk-summary-list__actions-list-item\">\n              <a class=\"govuk-link\" href=\"#\">Work<span class=\"govuk-visually-hidden\"> (Senior mid-level customer experience enhancement consultant)</span></a>\n            </li>\n            <li class=\"govuk-summary-list__actions-list-item\">\n              <a class=\"govuk-link\" href=\"#\">Quick<span class=\"govuk-visually-hidden\"> (Senior mid-level customer experience enhancement consultant)</span></a>\n            </li>\n            <li class=\"govuk-summary-list__actions-list-item\">\n              <a class=\"govuk-link\" href=\"#\">Erase<span class=\"govuk-visually-hidden\"> (Senior mid-level customer experience enhancement consultant)</span></a>\n            </li>\n          </ul>\n        </dd>\n      </div>\n      <div class=\"govuk-summary-list__row\">\n        <dt class=\"govuk-summary-list__key\">\n          Long website address\n        </dt>\n        <dd class=\"govuk-summary-list__value\">\n          <a class=\"govuk-link\" href=\"https://cs.wikipedia.org/wiki/Llanfairpwllgwyngyllgogerychwyrndrobwllllantysiliogogogoch\">https://cs.wikipedia.org/wiki/Llanfairpwllgwyngyllgogerychwyrndrobwllllantysiliogogogoch</a>\n        </dd>\n        <dd class=\"govuk-summary-list__actions\">\n          <a class=\"govuk-link\" href=\"#\">Change<span class=\"govuk-visually-hidden\"> long website address (Senior mid-level customer experience enhancement consultant)</span></a>\n        </dd>\n      </div>\n    </dl>\n  </div>\n</div>"
+        },
+        {
+            "name": "attributes",
+            "options": {
+                "rows": [
+                    {
+                        "key": {
+                            "text": "Name"
+                        },
+                        "value": {
+                            "text": "Firstname Lastname"
+                        }
+                    }
+                ],
+                "attributes": {
+                    "data-attribute-1": "value-1",
+                    "data-attribute-2": "value-2"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<dl class=\"govuk-summary-list\" data-attribute-1=\"value-1\" data-attribute-2=\"value-2\">\n  <div class=\"govuk-summary-list__row\">\n    <dt class=\"govuk-summary-list__key\">\n      Name\n    </dt>\n    <dd class=\"govuk-summary-list__value\">\n      Firstname Lastname\n    </dd>\n  </div>\n</dl>"
+        },
+        {
+            "name": "with falsy values",
+            "options": {
+                "rows": [
+                    {
+                        "key": {
+                            "text": "Name"
+                        },
+                        "value": {
+                            "text": "Firstname Lastname"
+                        }
+                    },
+                    null,
+                    false,
+                    "",
+                    {
+                        "key": {
+                            "text": "Name 2"
+                        },
+                        "value": {
+                            "text": "Firstname2 Lastname2"
+                        }
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<dl class=\"govuk-summary-list\">\n  <div class=\"govuk-summary-list__row\">\n    <dt class=\"govuk-summary-list__key\">\n      Name\n    </dt>\n    <dd class=\"govuk-summary-list__value\">\n      Firstname Lastname\n    </dd>\n  </div>\n  <div class=\"govuk-summary-list__row\">\n    <dt class=\"govuk-summary-list__key\">\n      Name 2\n    </dt>\n    <dd class=\"govuk-summary-list__value\">\n      Firstname2 Lastname2\n    </dd>\n  </div>\n</dl>"
+        },
+        {
+            "name": "key with html",
+            "options": {
+                "rows": [
+                    {
+                        "key": {
+                            "html": "<b>Name</b>"
+                        },
+                        "value": {
+                            "html": "<strong>Firstname Lastname</strong>"
+                        }
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<dl class=\"govuk-summary-list\">\n  <div class=\"govuk-summary-list__row\">\n    <dt class=\"govuk-summary-list__key\">\n      <b>Name</b>\n    </dt>\n    <dd class=\"govuk-summary-list__value\">\n      <strong>Firstname Lastname</strong>\n    </dd>\n  </div>\n</dl>"
+        },
+        {
+            "name": "key with classes",
+            "options": {
+                "rows": [
+                    {
+                        "key": {
+                            "text": "Name",
+                            "classes": "app-custom-class"
+                        },
+                        "value": {
+                            "text": "Firstname Lastname"
+                        }
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<dl class=\"govuk-summary-list\">\n  <div class=\"govuk-summary-list__row\">\n    <dt class=\"govuk-summary-list__key app-custom-class\">\n      Name\n    </dt>\n    <dd class=\"govuk-summary-list__value\">\n      Firstname Lastname\n    </dd>\n  </div>\n</dl>"
+        },
+        {
+            "name": "value with html",
+            "options": {
+                "rows": [
+                    {
+                        "key": {
+                            "text": "Name"
+                        },
+                        "value": {
+                            "html": "<span>email@email.com</span>"
+                        }
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<dl class=\"govuk-summary-list\">\n  <div class=\"govuk-summary-list__row\">\n    <dt class=\"govuk-summary-list__key\">\n      Name\n    </dt>\n    <dd class=\"govuk-summary-list__value\">\n      <span>email@email.com</span>\n    </dd>\n  </div>\n</dl>"
+        },
+        {
+            "name": "actions href",
+            "options": {
+                "rows": [
+                    {
+                        "key": {
+                            "text": "Name"
+                        },
+                        "value": {
+                            "text": "Firstname Lastname"
+                        },
+                        "actions": {
+                            "items": [
+                                {
+                                    "href": "https://www.gov.uk",
+                                    "text": "Go to GOV.UK"
+                                }
+                            ]
+                        }
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<dl class=\"govuk-summary-list\">\n  <div class=\"govuk-summary-list__row\">\n    <dt class=\"govuk-summary-list__key\">\n      Name\n    </dt>\n    <dd class=\"govuk-summary-list__value\">\n      Firstname Lastname\n    </dd>\n    <dd class=\"govuk-summary-list__actions\">\n      <a class=\"govuk-link\" href=\"https://www.gov.uk\">Go to GOV.UK</a>\n    </dd>\n  </div>\n</dl>"
+        },
+        {
+            "name": "actions with html",
+            "options": {
+                "rows": [
+                    {
+                        "key": {
+                            "text": "Name"
+                        },
+                        "value": {
+                            "text": "Firstname Lastname"
+                        },
+                        "actions": {
+                            "items": [
+                                {
+                                    "html": "Edit<span class=\"visually-hidden\"> name</span>",
+                                    "href": "#"
+                                }
+                            ]
+                        }
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<dl class=\"govuk-summary-list\">\n  <div class=\"govuk-summary-list__row\">\n    <dt class=\"govuk-summary-list__key\">\n      Name\n    </dt>\n    <dd class=\"govuk-summary-list__value\">\n      Firstname Lastname\n    </dd>\n    <dd class=\"govuk-summary-list__actions\">\n      <a class=\"govuk-link\" href=\"#\">Edit<span class=\"visually-hidden\"> name</span></a>\n    </dd>\n  </div>\n</dl>"
+        },
+        {
+            "name": "actions with classes",
+            "options": {
+                "rows": [
+                    {
+                        "key": {
+                            "text": "Name"
+                        },
+                        "value": {
+                            "text": "Firstname Lastname"
+                        },
+                        "actions": {
+                            "classes": "app-custom-class",
+                            "items": [
+                                {
+                                    "text": "Edit",
+                                    "href": "/edit"
+                                }
+                            ]
+                        }
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<dl class=\"govuk-summary-list\">\n  <div class=\"govuk-summary-list__row\">\n    <dt class=\"govuk-summary-list__key\">\n      Name\n    </dt>\n    <dd class=\"govuk-summary-list__value\">\n      Firstname Lastname\n    </dd>\n    <dd class=\"govuk-summary-list__actions app-custom-class\">\n      <a class=\"govuk-link\" href=\"/edit\">Edit</a>\n    </dd>\n  </div>\n</dl>"
+        },
+        {
+            "name": "actions with attributes",
+            "options": {
+                "rows": [
+                    {
+                        "key": {
+                            "text": "Name"
+                        },
+                        "value": {
+                            "text": "Firstname Lastname"
+                        },
+                        "actions": {
+                            "items": [
+                                {
+                                    "text": "Edit",
+                                    "href": "#",
+                                    "attributes": {
+                                        "data-test-attribute": "value",
+                                        "data-test-attribute-2": "value-2"
+                                    }
+                                }
+                            ]
+                        }
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<dl class=\"govuk-summary-list\">\n  <div class=\"govuk-summary-list__row\">\n    <dt class=\"govuk-summary-list__key\">\n      Name\n    </dt>\n    <dd class=\"govuk-summary-list__value\">\n      Firstname Lastname\n    </dd>\n    <dd class=\"govuk-summary-list__actions\">\n      <a class=\"govuk-link\" href=\"#\" data-test-attribute=\"value\" data-test-attribute-2=\"value-2\">Edit</a>\n    </dd>\n  </div>\n</dl>"
+        },
+        {
+            "name": "single action with anchor",
+            "options": {
+                "rows": [
+                    {
+                        "key": {
+                            "text": "Name"
+                        },
+                        "value": {
+                            "text": "Firstname Lastname"
+                        },
+                        "actions": {
+                            "items": [
+                                {
+                                    "text": "First action",
+                                    "href": "#"
+                                }
+                            ]
+                        }
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<dl class=\"govuk-summary-list\">\n  <div class=\"govuk-summary-list__row\">\n    <dt class=\"govuk-summary-list__key\">\n      Name\n    </dt>\n    <dd class=\"govuk-summary-list__value\">\n      Firstname Lastname\n    </dd>\n    <dd class=\"govuk-summary-list__actions\">\n      <a class=\"govuk-link\" href=\"#\">First action</a>\n    </dd>\n  </div>\n</dl>"
+        },
+        {
+            "name": "classes on items",
+            "options": {
+                "rows": [
+                    {
+                        "key": {
+                            "text": "Name"
+                        },
+                        "value": {
+                            "text": "Firstname Lastname"
+                        },
+                        "actions": {
+                            "items": [
+                                {
+                                    "text": "Edit",
+                                    "href": "#",
+                                    "classes": "govuk-link--no-visited-state"
+                                }
+                            ]
+                        }
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<dl class=\"govuk-summary-list\">\n  <div class=\"govuk-summary-list__row\">\n    <dt class=\"govuk-summary-list__key\">\n      Name\n    </dt>\n    <dd class=\"govuk-summary-list__value\">\n      Firstname Lastname\n    </dd>\n    <dd class=\"govuk-summary-list__actions\">\n      <a class=\"govuk-link govuk-link--no-visited-state\" href=\"#\">Edit</a>\n    </dd>\n  </div>\n</dl>"
+        },
+        {
+            "name": "empty items array",
+            "options": {
+                "rows": [
+                    {
+                        "key": {
+                            "text": "Name"
+                        },
+                        "value": {
+                            "text": "Firstname Lastname"
+                        },
+                        "actions": {
+                            "items": []
+                        }
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<dl class=\"govuk-summary-list\">\n  <div class=\"govuk-summary-list__row\">\n    <dt class=\"govuk-summary-list__key\">\n      Name\n    </dt>\n    <dd class=\"govuk-summary-list__value\">\n      Firstname Lastname\n    </dd>\n  </div>\n</dl>"
+        },
+        {
+            "name": "rows with classes",
+            "options": {
+                "rows": [
+                    {
+                        "key": {
+                            "text": "Name"
+                        },
+                        "value": {
+                            "text": "Firstname Lastname"
+                        },
+                        "classes": "app-custom-class"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<dl class=\"govuk-summary-list\">\n  <div class=\"govuk-summary-list__row app-custom-class\">\n    <dt class=\"govuk-summary-list__key\">\n      Name\n    </dt>\n    <dd class=\"govuk-summary-list__value\">\n      Firstname Lastname\n    </dd>\n  </div>\n</dl>"
+        },
+        {
+            "name": "summary card with custom classes",
+            "options": {
+                "card": {
+                    "classes": "custom-class"
+                },
+                "rows": [
+                    {
+                        "key": {
+                            "text": "Name"
+                        },
+                        "value": {
+                            "text": "Firstname Lastname"
+                        }
+                    },
+                    {
+                        "key": {
+                            "text": "Date of birth"
+                        },
+                        "value": {
+                            "text": "13/08/1980"
+                        }
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-summary-card custom-class\">\n  <div class=\"govuk-summary-card__title-wrapper\">\n  </div>\n\n  <div class=\"govuk-summary-card__content\">\n    <dl class=\"govuk-summary-list\">\n      <div class=\"govuk-summary-list__row\">\n        <dt class=\"govuk-summary-list__key\">\n          Name\n        </dt>\n        <dd class=\"govuk-summary-list__value\">\n          Firstname Lastname\n        </dd>\n      </div>\n      <div class=\"govuk-summary-list__row\">\n        <dt class=\"govuk-summary-list__key\">\n          Date of birth\n        </dt>\n        <dd class=\"govuk-summary-list__value\">\n          13/08/1980\n        </dd>\n      </div>\n    </dl>\n  </div>\n</div>"
+        },
+        {
+            "name": "summary card with custom attributes",
+            "options": {
+                "card": {
+                    "attributes": {
+                        "data-attribute-1": "value-1",
+                        "data-attribute-2": "value-2"
+                    }
+                },
+                "rows": [
+                    {
+                        "key": {
+                            "text": "Name"
+                        },
+                        "value": {
+                            "text": "Firstname Lastname"
+                        }
+                    },
+                    {
+                        "key": {
+                            "text": "Date of birth"
+                        },
+                        "value": {
+                            "text": "13/08/1980"
+                        }
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-summary-card\" data-attribute-1=\"value-1\" data-attribute-2=\"value-2\">\n  <div class=\"govuk-summary-card__title-wrapper\">\n  </div>\n\n  <div class=\"govuk-summary-card__content\">\n    <dl class=\"govuk-summary-list\">\n      <div class=\"govuk-summary-list__row\">\n        <dt class=\"govuk-summary-list__key\">\n          Name\n        </dt>\n        <dd class=\"govuk-summary-list__value\">\n          Firstname Lastname\n        </dd>\n      </div>\n      <div class=\"govuk-summary-list__row\">\n        <dt class=\"govuk-summary-list__key\">\n          Date of birth\n        </dt>\n        <dd class=\"govuk-summary-list__value\">\n          13/08/1980\n        </dd>\n      </div>\n    </dl>\n  </div>\n</div>"
+        },
+        {
+            "name": "summary card with only 1 action",
+            "options": {
+                "card": {
+                    "title": {
+                        "text": "Undergraduate teaching assistant"
+                    },
+                    "actions": {
+                        "items": [
+                            {
+                                "text": "My lonely action",
+                                "href": "#"
+                            }
+                        ]
+                    }
+                },
+                "rows": [
+                    {
+                        "key": {
+                            "text": "Name"
+                        },
+                        "value": {
+                            "text": "Firstname Lastname"
+                        }
+                    },
+                    {
+                        "key": {
+                            "text": "Date of birth"
+                        },
+                        "value": {
+                            "text": "13/08/1980"
+                        }
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-summary-card\">\n  <div class=\"govuk-summary-card__title-wrapper\">\n    <h2 class=\"govuk-summary-card__title\">\n      Undergraduate teaching assistant\n    </h2>\n    <div class=\"govuk-summary-card__actions\">\n      <a class=\"govuk-link\" href=\"#\">My lonely action<span class=\"govuk-visually-hidden\"> (Undergraduate teaching assistant)</span></a>\n    </div>\n  </div>\n\n  <div class=\"govuk-summary-card__content\">\n    <dl class=\"govuk-summary-list\">\n      <div class=\"govuk-summary-list__row\">\n        <dt class=\"govuk-summary-list__key\">\n          Name\n        </dt>\n        <dd class=\"govuk-summary-list__value\">\n          Firstname Lastname\n        </dd>\n      </div>\n      <div class=\"govuk-summary-list__row\">\n        <dt class=\"govuk-summary-list__key\">\n          Date of birth\n        </dt>\n        <dd class=\"govuk-summary-list__value\">\n          13/08/1980\n        </dd>\n      </div>\n    </dl>\n  </div>\n</div>"
+        },
+        {
+            "name": "translated",
+            "options": {
+                "rows": [
+                    {
+                        "key": {
+                            "text": "Enw"
+                        },
+                        "value": {
+                            "text": "Firstname Lastname"
+                        },
+                        "actions": {
+                            "items": [
+                                {
+                                    "href": "#",
+                                    "html": "Golygu<span class=\"govuk-visually-hidden\"> enw</span>",
+                                    "visuallyHiddenText": ""
+                                },
+                                {
+                                    "href": "#",
+                                    "html": "Dileu<span class=\"govuk-visually-hidden\"> enw</span>",
+                                    "visuallyHiddenText": ""
+                                }
+                            ]
+                        }
+                    },
+                    {
+                        "key": {
+                            "text": "Dyddiad geni"
+                        },
+                        "value": {
+                            "text": "13/08/1980"
+                        },
+                        "actions": {
+                            "items": [
+                                {
+                                    "href": "#",
+                                    "html": "Golygu<span class=\"govuk-visually-hidden\"> dyddiad geni</span>",
+                                    "visuallyHiddenText": ""
+                                }
+                            ]
+                        }
+                    },
+                    {
+                        "key": {
+                            "text": "Gwybodaeth cyswllt"
+                        },
+                        "value": {
+                            "html": "<p class=\"govuk-body\">\n  email@email.com\n</p>\n<p class=\"govuk-body\">\n  Address line 1<br>\n  Address line 2<br>\n  Address line 3<br>\n  Address line 4<br>\n  Address line 5\n</p>\n"
+                        },
+                        "actions": {
+                            "items": [
+                                {
+                                    "href": "#",
+                                    "html": "Golygu<span class=\"govuk-visually-hidden\"> gwybodaeth cyswllt</span>",
+                                    "visuallyHiddenText": ""
+                                }
+                            ]
+                        }
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<dl class=\"govuk-summary-list\">\n  <div class=\"govuk-summary-list__row\">\n    <dt class=\"govuk-summary-list__key\">\n      Enw\n    </dt>\n    <dd class=\"govuk-summary-list__value\">\n      Firstname Lastname\n    </dd>\n    <dd class=\"govuk-summary-list__actions\">\n      <ul class=\"govuk-summary-list__actions-list\">\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Golygu<span class=\"govuk-visually-hidden\"> enw</span></a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Dileu<span class=\"govuk-visually-hidden\"> enw</span></a>\n        </li>\n      </ul>\n    </dd>\n  </div>\n  <div class=\"govuk-summary-list__row\">\n    <dt class=\"govuk-summary-list__key\">\n      Dyddiad geni\n    </dt>\n    <dd class=\"govuk-summary-list__value\">\n      13/08/1980\n    </dd>\n    <dd class=\"govuk-summary-list__actions\">\n      <a class=\"govuk-link\" href=\"#\">Golygu<span class=\"govuk-visually-hidden\"> dyddiad geni</span></a>\n    </dd>\n  </div>\n  <div class=\"govuk-summary-list__row\">\n    <dt class=\"govuk-summary-list__key\">\n      Gwybodaeth cyswllt\n    </dt>\n    <dd class=\"govuk-summary-list__value\">\n      <p class=\"govuk-body\">\n        email@email.com\n      </p>\n      <p class=\"govuk-body\">\n        Address line 1<br>\n        Address line 2<br>\n        Address line 3<br>\n        Address line 4<br>\n        Address line 5\n      </p>\n    </dd>\n    <dd class=\"govuk-summary-list__actions\">\n      <a class=\"govuk-link\" href=\"#\">Golygu<span class=\"govuk-visually-hidden\"> gwybodaeth cyswllt</span></a>\n    </dd>\n  </div>\n</dl>"
+        },
+        {
+            "name": "with some actions",
+            "options": {
+                "rows": [
+                    {
+                        "key": {
+                            "text": "Name"
+                        },
+                        "value": {
+                            "text": "Firstname Lastname"
+                        },
+                        "actions": {
+                            "items": [
+                                {
+                                    "href": "#",
+                                    "text": "Edit",
+                                    "visuallyHiddenText": "name"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Delete",
+                                    "visuallyHiddenText": "name"
+                                }
+                            ]
+                        }
+                    },
+                    {
+                        "key": {
+                            "text": "Date of birth"
+                        },
+                        "value": {
+                            "text": "13/08/1980"
+                        }
+                    },
+                    {
+                        "key": {
+                            "text": "Contact information"
+                        },
+                        "value": {
+                            "html": "<p class=\"govuk-body\">\n  email@email.com\n</p>\n<p class=\"govuk-body\">\n  Address line 1<br>\n  Address line 2<br>\n  Address line 3<br>\n  Address line 4<br>\n  Address line 5\n</p>\n"
+                        }
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<dl class=\"govuk-summary-list\">\n  <div class=\"govuk-summary-list__row\">\n    <dt class=\"govuk-summary-list__key\">\n      Name\n    </dt>\n    <dd class=\"govuk-summary-list__value\">\n      Firstname Lastname\n    </dd>\n    <dd class=\"govuk-summary-list__actions\">\n      <ul class=\"govuk-summary-list__actions-list\">\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Edit<span class=\"govuk-visually-hidden\"> name</span></a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Delete<span class=\"govuk-visually-hidden\"> name</span></a>\n        </li>\n      </ul>\n    </dd>\n  </div>\n  <div class=\"govuk-summary-list__row govuk-summary-list__row--no-actions\">\n    <dt class=\"govuk-summary-list__key\">\n      Date of birth\n    </dt>\n    <dd class=\"govuk-summary-list__value\">\n      13/08/1980\n    </dd>\n  </div>\n  <div class=\"govuk-summary-list__row govuk-summary-list__row--no-actions\">\n    <dt class=\"govuk-summary-list__key\">\n      Contact information\n    </dt>\n    <dd class=\"govuk-summary-list__value\">\n      <p class=\"govuk-body\">\n        email@email.com\n      </p>\n      <p class=\"govuk-body\">\n        Address line 1<br>\n        Address line 2<br>\n        Address line 3<br>\n        Address line 4<br>\n        Address line 5\n      </p>\n    </dd>\n  </div>\n</dl>"
+        },
+        {
+            "name": "overridden-widths",
+            "options": {
+                "rows": [
+                    {
+                        "key": {
+                            "classes": "govuk-!-width-one-half",
+                            "text": "Name"
+                        },
+                        "value": {
+                            "classes": "govuk-!-width-one-quarter",
+                            "text": "Firstname Lastname"
+                        },
+                        "actions": {
+                            "classes": "govuk-!-width-one-half",
+                            "items": [
+                                {
+                                    "href": "#",
+                                    "text": "Edit",
+                                    "visuallyHiddenText": "name"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Delete",
+                                    "visuallyHiddenText": "name"
+                                }
+                            ]
+                        }
+                    },
+                    {
+                        "key": {
+                            "text": "Date of birth"
+                        },
+                        "value": {
+                            "text": "13/08/1980"
+                        },
+                        "actions": {
+                            "items": [
+                                {
+                                    "href": "#",
+                                    "text": "Change",
+                                    "visuallyHiddenText": "date of birth"
+                                }
+                            ]
+                        }
+                    },
+                    {
+                        "key": {
+                            "text": "Contact information"
+                        },
+                        "value": {
+                            "html": "<p class=\"govuk-body\">\n  email@email.com\n</p>\n<p class=\"govuk-body\">\n  Address line 1<br>\n  Address line 2<br>\n  Address line 3<br>\n  Address line 4<br>\n  Address line 5\n</p>\n"
+                        },
+                        "actions": {
+                            "items": [
+                                {
+                                    "href": "#",
+                                    "text": "Edit",
+                                    "visuallyHiddenText": "contact information"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Change",
+                                    "visuallyHiddenText": "contact information"
+                                }
+                            ]
+                        }
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<dl class=\"govuk-summary-list\">\n  <div class=\"govuk-summary-list__row\">\n    <dt class=\"govuk-summary-list__key govuk-!-width-one-half\">\n      Name\n    </dt>\n    <dd class=\"govuk-summary-list__value govuk-!-width-one-quarter\">\n      Firstname Lastname\n    </dd>\n    <dd class=\"govuk-summary-list__actions govuk-!-width-one-half\">\n      <ul class=\"govuk-summary-list__actions-list\">\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Edit<span class=\"govuk-visually-hidden\"> name</span></a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Delete<span class=\"govuk-visually-hidden\"> name</span></a>\n        </li>\n      </ul>\n    </dd>\n  </div>\n  <div class=\"govuk-summary-list__row\">\n    <dt class=\"govuk-summary-list__key\">\n      Date of birth\n    </dt>\n    <dd class=\"govuk-summary-list__value\">\n      13/08/1980\n    </dd>\n    <dd class=\"govuk-summary-list__actions\">\n      <a class=\"govuk-link\" href=\"#\">Change<span class=\"govuk-visually-hidden\"> date of birth</span></a>\n    </dd>\n  </div>\n  <div class=\"govuk-summary-list__row\">\n    <dt class=\"govuk-summary-list__key\">\n      Contact information\n    </dt>\n    <dd class=\"govuk-summary-list__value\">\n      <p class=\"govuk-body\">\n        email@email.com\n      </p>\n      <p class=\"govuk-body\">\n        Address line 1<br>\n        Address line 2<br>\n        Address line 3<br>\n        Address line 4<br>\n        Address line 5\n      </p>\n    </dd>\n    <dd class=\"govuk-summary-list__actions\">\n      <ul class=\"govuk-summary-list__actions-list\">\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Edit<span class=\"govuk-visually-hidden\"> contact information</span></a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Change<span class=\"govuk-visually-hidden\"> contact information</span></a>\n        </li>\n      </ul>\n    </dd>\n  </div>\n</dl>"
+        },
+        {
+            "name": "as a summary card with a custom header level",
+            "options": {
+                "card": {
+                    "title": {
+                        "text": "Undergraduate teaching assistant",
+                        "headingLevel": 3
+                    }
+                },
+                "rows": [
+                    {
+                        "key": {
+                            "text": "Name"
+                        },
+                        "value": {
+                            "text": "Firstname Lastname"
+                        }
+                    },
+                    {
+                        "key": {
+                            "text": "Date of birth"
+                        },
+                        "value": {
+                            "text": "13/08/1980"
+                        }
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-summary-card\">\n  <div class=\"govuk-summary-card__title-wrapper\">\n    <h3 class=\"govuk-summary-card__title\">\n      Undergraduate teaching assistant\n    </h3>\n  </div>\n\n  <div class=\"govuk-summary-card__content\">\n    <dl class=\"govuk-summary-list\">\n      <div class=\"govuk-summary-list__row\">\n        <dt class=\"govuk-summary-list__key\">\n          Name\n        </dt>\n        <dd class=\"govuk-summary-list__value\">\n          Firstname Lastname\n        </dd>\n      </div>\n      <div class=\"govuk-summary-list__row\">\n        <dt class=\"govuk-summary-list__key\">\n          Date of birth\n        </dt>\n        <dd class=\"govuk-summary-list__value\">\n          13/08/1980\n        </dd>\n      </div>\n    </dl>\n  </div>\n</div>"
+        }
+    ]
+}
diff --git a/app/templates/govuk/components/components/summary-list/macro-options.json b/app/templates/govuk/components/components/summary-list/macro-options.json
new file mode 100644
index 0000000..1b347ce
--- /dev/null
+++ b/app/templates/govuk/components/components/summary-list/macro-options.json
@@ -0,0 +1,248 @@
+[
+    {
+        "name": "rows",
+        "type": "array",
+        "required": true,
+        "description": "The rows within the summary list component.",
+        "params": [
+            {
+                "name": "classes",
+                "type": "string",
+                "required": false,
+                "description": "Classes to add to the row `div`."
+            },
+            {
+                "name": "key",
+                "type": "object",
+                "required": true,
+                "description": "The reference content (key) for each row item in the summary list component.",
+                "params": [
+                    {
+                        "name": "text",
+                        "type": "string",
+                        "required": true,
+                        "description": "If `html` is set, this is not required. Text to use within each key. If `html` is provided, the `text` option will be ignored."
+                    },
+                    {
+                        "name": "html",
+                        "type": "string",
+                        "required": true,
+                        "description": "If `text` is set, this is not required. HTML to use within each key. If `html` is provided, the `text` option will be ignored."
+                    },
+                    {
+                        "name": "classes",
+                        "type": "string",
+                        "required": false,
+                        "description": "Classes to add to the key wrapper."
+                    }
+                ]
+            },
+            {
+                "name": "value",
+                "type": "object",
+                "required": true,
+                "description": "The value for each row item in the summary list component.",
+                "params": [
+                    {
+                        "name": "text",
+                        "type": "string",
+                        "required": true,
+                        "description": "If `html` is set, this is not required. Text to use within each value. If `html` is provided, the `text` option will be ignored."
+                    },
+                    {
+                        "name": "html",
+                        "type": "string",
+                        "required": true,
+                        "description": "If `text` is set, this is not required. HTML to use within each value. If `html` is provided, the `text` option will be ignored."
+                    },
+                    {
+                        "name": "classes",
+                        "type": "string",
+                        "required": false,
+                        "description": "Classes to add to the value wrapper."
+                    }
+                ]
+            },
+            {
+                "name": "actions",
+                "type": "object",
+                "required": false,
+                "description": "The action link content for each row item in the summary list component.",
+                "params": [
+                    {
+                        "name": "items",
+                        "type": "array",
+                        "required": false,
+                        "description": "The action link items within the row item of the summary list component.",
+                        "params": [
+                            {
+                                "name": "href",
+                                "type": "string",
+                                "required": true,
+                                "description": "The value of the link's `href` attribute for an action item."
+                            },
+                            {
+                                "name": "text",
+                                "type": "string",
+                                "required": true,
+                                "description": "If `html` is set, this is not required. Text to use within each action item. If `html` is provided, the `text` option will be ignored."
+                            },
+                            {
+                                "name": "html",
+                                "type": "string",
+                                "required": true,
+                                "description": "If `text` is set, this is not required. HTML to use within each action item. If `html` is provided, the `text` option will be ignored."
+                            },
+                            {
+                                "name": "visuallyHiddenText",
+                                "type": "string",
+                                "required": false,
+                                "description": "Actions rely on context from the surrounding content so may require additional accessible text. Text supplied to this option is appended to the end. Use `html` for more complicated scenarios."
+                            },
+                            {
+                                "name": "classes",
+                                "type": "string",
+                                "required": false,
+                                "description": "Classes to add to the action item."
+                            },
+                            {
+                                "name": "attributes",
+                                "type": "object",
+                                "required": false,
+                                "description": "HTML attributes (for example data attributes) to add to the action item."
+                            }
+                        ]
+                    },
+                    {
+                        "name": "classes",
+                        "type": "string",
+                        "required": false,
+                        "description": "Classes to add to the actions wrapper."
+                    }
+                ]
+            }
+        ]
+    },
+    {
+        "name": "card",
+        "type": "object",
+        "required": false,
+        "description": "Can be used to wrap a summary card around the summary list component. If any of these options are present, a summary card will wrap around the summary list.",
+        "params": [
+            {
+                "name": "title",
+                "type": "object",
+                "required": false,
+                "description": "Data for the summary card header.",
+                "params": [
+                    {
+                        "name": "text",
+                        "type": "string",
+                        "required": false,
+                        "description": "Text to use within each title. If `html` is provided, the `text` option will be ignored."
+                    },
+                    {
+                        "name": "html",
+                        "type": "string",
+                        "required": false,
+                        "description": "Text to use within each title. If `html` is provided, the `text` option will be ignored."
+                    },
+                    {
+                        "name": "headingLevel",
+                        "type": "integer",
+                        "required": false,
+                        "description": "Heading level, from `1` to `6`. Default is `2`."
+                    },
+                    {
+                        "name": "classes",
+                        "type": "string",
+                        "required": false,
+                        "description": "Classes to add to the title wrapper."
+                    }
+                ]
+            },
+            {
+                "name": "actions",
+                "type": "object",
+                "required": false,
+                "description": "The action link content shown in the header of each summary card wrapped around the summary list component.",
+                "params": [
+                    {
+                        "name": "items",
+                        "type": "array",
+                        "required": false,
+                        "description": "The action link items shown in the header within the summary card wrapped around the summary list component.",
+                        "params": [
+                            {
+                                "name": "href",
+                                "type": "string",
+                                "required": true,
+                                "description": "The value of the link's `href` attribute for an action item."
+                            },
+                            {
+                                "name": "text",
+                                "type": "string",
+                                "required": true,
+                                "description": "If `html` is set, this is not required. Text to use within each action item. If `html` is provided, the `text` option will be ignored."
+                            },
+                            {
+                                "name": "html",
+                                "type": "string",
+                                "required": true,
+                                "description": "If `text` is set, this is not required. HTML to use within each action item. If `html` is provided, the `text` option will be ignored."
+                            },
+                            {
+                                "name": "visuallyHiddenText",
+                                "type": "string",
+                                "required": false,
+                                "description": "Actions rely on context from the surrounding content so may require additional accessible text. Text supplied to this option is appended to the end. Use `html` for more complicated scenarios."
+                            },
+                            {
+                                "name": "classes",
+                                "type": "string",
+                                "required": false,
+                                "description": "Classes to add to the action item."
+                            },
+                            {
+                                "name": "attributes",
+                                "type": "object",
+                                "required": false,
+                                "description": "HTML attributes (for example data attributes) to add to the action item."
+                            }
+                        ]
+                    },
+                    {
+                        "name": "classes",
+                        "type": "string",
+                        "required": false,
+                        "description": "Classes to add to the actions wrapper."
+                    }
+                ]
+            },
+            {
+                "name": "classes",
+                "type": "string",
+                "required": false,
+                "description": "Classes to add to the container."
+            },
+            {
+                "name": "attributes",
+                "type": "object",
+                "required": false,
+                "description": "HTML attributes (for example data attributes) to add to the container."
+            }
+        ]
+    },
+    {
+        "name": "classes",
+        "type": "string",
+        "required": false,
+        "description": "Classes to add to the container."
+    },
+    {
+        "name": "attributes",
+        "type": "object",
+        "required": false,
+        "description": "HTML attributes (for example data attributes) to add to the container."
+    }
+]
diff --git a/app/templates/govuk/components/components/summary-list/macro.njk b/app/templates/govuk/components/components/summary-list/macro.njk
new file mode 100644
index 0000000..1df999d
--- /dev/null
+++ b/app/templates/govuk/components/components/summary-list/macro.njk
@@ -0,0 +1,3 @@
+{% macro govukSummaryList(params) %}
+  {%- include "./template.njk" -%}
+{% endmacro %}
diff --git a/app/templates/govuk/components/components/summary-list/template-as-a-summary-card-extreme.html b/app/templates/govuk/components/components/summary-list/template-as-a-summary-card-extreme.html
new file mode 100644
index 0000000..b307705
--- /dev/null
+++ b/app/templates/govuk/components/components/summary-list/template-as-a-summary-card-extreme.html
@@ -0,0 +1,106 @@
+<div class="govuk-summary-card">
+  <div class="govuk-summary-card__title-wrapper">
+    <h2 class="govuk-summary-card__title">
+      Senior mid-level customer experience enhancement consultant
+    </h2>
+    <ul class="govuk-summary-card__actions">
+      <li class="govuk-summary-card__action">
+        <a class="govuk-link" href="#">Bop it<span class="govuk-visually-hidden"> (Senior mid-level customer experience enhancement consultant)</span></a>
+      </li>
+      <li class="govuk-summary-card__action">
+        <a class="govuk-link" href="#">Twist it<span class="govuk-visually-hidden"> (Senior mid-level customer experience enhancement consultant)</span></a>
+      </li>
+      <li class="govuk-summary-card__action">
+        <a class="govuk-link" href="#">Pull it<span class="govuk-visually-hidden"> (Senior mid-level customer experience enhancement consultant)</span></a>
+      </li>
+      <li class="govuk-summary-card__action">
+        <a class="govuk-link" href="#">Flick it<span class="govuk-visually-hidden"> (Senior mid-level customer experience enhancement consultant)</span></a>
+      </li>
+      <li class="govuk-summary-card__action">
+        <a class="govuk-link" href="#">Spin it<span class="govuk-visually-hidden"> (Senior mid-level customer experience enhancement consultant)</span></a>
+      </li>
+      <li class="govuk-summary-card__action">
+        <a class="govuk-link" href="#">Shout it<span class="govuk-visually-hidden"> (Senior mid-level customer experience enhancement consultant)</span></a>
+      </li>
+      <li class="govuk-summary-card__action">
+        <a class="govuk-link" href="#">Shake it<span class="govuk-visually-hidden"> (Senior mid-level customer experience enhancement consultant)</span></a>
+      </li>
+    </ul>
+  </div>
+
+  <div class="govuk-summary-card__content">
+    <dl class="govuk-summary-list">
+      <div class="govuk-summary-list__row">
+        <dt class="govuk-summary-list__key">
+          Name
+        </dt>
+        <dd class="govuk-summary-list__value">
+          Barnaby Marmaduke Aloysius Benjy Cobweb Dartagnan Egbert Felix Gaspar Humbert Ignatius Jayden Kasper Leroy Maximilian Neddy Obiajulu Pepin Quilliam Rosencrantz Sexton Teddy Upwood Vivatma Wayland Xylon Yardley Zachary Usansky
+        </dd>
+        <dd class="govuk-summary-list__actions">
+          <ul class="govuk-summary-list__actions-list">
+            <li class="govuk-summary-list__actions-list-item">
+              <a class="govuk-link" href="#">Buy<span class="govuk-visually-hidden"> (Senior mid-level customer experience enhancement consultant)</span></a>
+            </li>
+            <li class="govuk-summary-list__actions-list-item">
+              <a class="govuk-link" href="#">Use<span class="govuk-visually-hidden"> (Senior mid-level customer experience enhancement consultant)</span></a>
+            </li>
+            <li class="govuk-summary-list__actions-list-item">
+              <a class="govuk-link" href="#">Break<span class="govuk-visually-hidden"> (Senior mid-level customer experience enhancement consultant)</span></a>
+            </li>
+            <li class="govuk-summary-list__actions-list-item">
+              <a class="govuk-link" href="#">Fix<span class="govuk-visually-hidden"> (Senior mid-level customer experience enhancement consultant)</span></a>
+            </li>
+            <li class="govuk-summary-list__actions-list-item">
+              <a class="govuk-link" href="#">Trash<span class="govuk-visually-hidden"> (Senior mid-level customer experience enhancement consultant)</span></a>
+            </li>
+            <li class="govuk-summary-list__actions-list-item">
+              <a class="govuk-link" href="#">Change<span class="govuk-visually-hidden"> (Senior mid-level customer experience enhancement consultant)</span></a>
+            </li>
+            <li class="govuk-summary-list__actions-list-item">
+              <a class="govuk-link" href="#">Mail<span class="govuk-visually-hidden"> (Senior mid-level customer experience enhancement consultant)</span></a>
+            </li>
+            <li class="govuk-summary-list__actions-list-item">
+              <a class="govuk-link" href="#">Upgrade<span class="govuk-visually-hidden"> (Senior mid-level customer experience enhancement consultant)</span></a>
+            </li>
+            <li class="govuk-summary-list__actions-list-item">
+              <a class="govuk-link" href="#">Charge<span class="govuk-visually-hidden"> (Senior mid-level customer experience enhancement consultant)</span></a>
+            </li>
+            <li class="govuk-summary-list__actions-list-item">
+              <a class="govuk-link" href="#">Point<span class="govuk-visually-hidden"> (Senior mid-level customer experience enhancement consultant)</span></a>
+            </li>
+            <li class="govuk-summary-list__actions-list-item">
+              <a class="govuk-link" href="#">Zoom<span class="govuk-visually-hidden"> (Senior mid-level customer experience enhancement consultant)</span></a>
+            </li>
+            <li class="govuk-summary-list__actions-list-item">
+              <a class="govuk-link" href="#">Press<span class="govuk-visually-hidden"> (Senior mid-level customer experience enhancement consultant)</span></a>
+            </li>
+            <li class="govuk-summary-list__actions-list-item">
+              <a class="govuk-link" href="#">Snap<span class="govuk-visually-hidden"> (Senior mid-level customer experience enhancement consultant)</span></a>
+            </li>
+            <li class="govuk-summary-list__actions-list-item">
+              <a class="govuk-link" href="#">Work<span class="govuk-visually-hidden"> (Senior mid-level customer experience enhancement consultant)</span></a>
+            </li>
+            <li class="govuk-summary-list__actions-list-item">
+              <a class="govuk-link" href="#">Quick<span class="govuk-visually-hidden"> (Senior mid-level customer experience enhancement consultant)</span></a>
+            </li>
+            <li class="govuk-summary-list__actions-list-item">
+              <a class="govuk-link" href="#">Erase<span class="govuk-visually-hidden"> (Senior mid-level customer experience enhancement consultant)</span></a>
+            </li>
+          </ul>
+        </dd>
+      </div>
+      <div class="govuk-summary-list__row">
+        <dt class="govuk-summary-list__key">
+          Long website address
+        </dt>
+        <dd class="govuk-summary-list__value">
+          <a class="govuk-link" href="https://cs.wikipedia.org/wiki/Llanfairpwllgwyngyllgogerychwyrndrobwllllantysiliogogogoch">https://cs.wikipedia.org/wiki/Llanfairpwllgwyngyllgogerychwyrndrobwllllantysiliogogogoch</a>
+        </dd>
+        <dd class="govuk-summary-list__actions">
+          <a class="govuk-link" href="#">Change<span class="govuk-visually-hidden"> long website address (Senior mid-level customer experience enhancement consultant)</span></a>
+        </dd>
+      </div>
+    </dl>
+  </div>
+</div>
diff --git a/app/templates/govuk/components/components/summary-list/template-as-a-summary-card-with-a-html-header.html b/app/templates/govuk/components/components/summary-list/template-as-a-summary-card-with-a-html-header.html
new file mode 100644
index 0000000..d202802
--- /dev/null
+++ b/app/templates/govuk/components/components/summary-list/template-as-a-summary-card-with-a-html-header.html
@@ -0,0 +1,28 @@
+<div class="govuk-summary-card">
+  <div class="govuk-summary-card__title-wrapper">
+    <h2 class="govuk-summary-card__title">
+      <em>Undergraduate teaching assistant</em>
+    </h2>
+  </div>
+
+  <div class="govuk-summary-card__content">
+    <dl class="govuk-summary-list">
+      <div class="govuk-summary-list__row">
+        <dt class="govuk-summary-list__key">
+          Name
+        </dt>
+        <dd class="govuk-summary-list__value">
+          Firstname Lastname
+        </dd>
+      </div>
+      <div class="govuk-summary-list__row">
+        <dt class="govuk-summary-list__key">
+          Date of birth
+        </dt>
+        <dd class="govuk-summary-list__value">
+          13/08/1980
+        </dd>
+      </div>
+    </dl>
+  </div>
+</div>
diff --git a/app/templates/govuk/components/components/summary-list/template-as-a-summary-card-with-a-text-header.html b/app/templates/govuk/components/components/summary-list/template-as-a-summary-card-with-a-text-header.html
new file mode 100644
index 0000000..8dda796
--- /dev/null
+++ b/app/templates/govuk/components/components/summary-list/template-as-a-summary-card-with-a-text-header.html
@@ -0,0 +1,28 @@
+<div class="govuk-summary-card">
+  <div class="govuk-summary-card__title-wrapper">
+    <h2 class="govuk-summary-card__title">
+      Undergraduate teaching assistant
+    </h2>
+  </div>
+
+  <div class="govuk-summary-card__content">
+    <dl class="govuk-summary-list">
+      <div class="govuk-summary-list__row">
+        <dt class="govuk-summary-list__key">
+          Name
+        </dt>
+        <dd class="govuk-summary-list__value">
+          Firstname Lastname
+        </dd>
+      </div>
+      <div class="govuk-summary-list__row">
+        <dt class="govuk-summary-list__key">
+          Date of birth
+        </dt>
+        <dd class="govuk-summary-list__value">
+          13/08/1980
+        </dd>
+      </div>
+    </dl>
+  </div>
+</div>
diff --git a/app/templates/govuk/components/components/summary-list/template-as-a-summary-card-with-actions-plus-summary-list-actions.html b/app/templates/govuk/components/components/summary-list/template-as-a-summary-card-with-actions-plus-summary-list-actions.html
new file mode 100644
index 0000000..39c0aca
--- /dev/null
+++ b/app/templates/govuk/components/components/summary-list/template-as-a-summary-card-with-actions-plus-summary-list-actions.html
@@ -0,0 +1,49 @@
+<div class="govuk-summary-card">
+  <div class="govuk-summary-card__title-wrapper">
+    <h2 class="govuk-summary-card__title">
+      Undergraduate teaching assistant
+    </h2>
+    <ul class="govuk-summary-card__actions">
+      <li class="govuk-summary-card__action">
+        <a class="govuk-link" href="#">Delete job history<span class="govuk-visually-hidden"> (Undergraduate teaching assistant)</span></a>
+      </li>
+      <li class="govuk-summary-card__action">
+        <a class="govuk-link" href="#">Withdraw job history<span class="govuk-visually-hidden"> (Undergraduate teaching assistant)</span></a>
+      </li>
+    </ul>
+  </div>
+
+  <div class="govuk-summary-card__content">
+    <dl class="govuk-summary-list">
+      <div class="govuk-summary-list__row">
+        <dt class="govuk-summary-list__key">
+          Name
+        </dt>
+        <dd class="govuk-summary-list__value">
+          Firstname Lastname
+        </dd>
+        <dd class="govuk-summary-list__actions">
+          <ul class="govuk-summary-list__actions-list">
+            <li class="govuk-summary-list__actions-list-item">
+              <a class="govuk-link" href="#">Edit<span class="govuk-visually-hidden"> name (Undergraduate teaching assistant)</span></a>
+            </li>
+            <li class="govuk-summary-list__actions-list-item">
+              <a class="govuk-link" href="#">Delete<span class="govuk-visually-hidden"> name (Undergraduate teaching assistant)</span></a>
+            </li>
+          </ul>
+        </dd>
+      </div>
+      <div class="govuk-summary-list__row">
+        <dt class="govuk-summary-list__key">
+          Date of birth
+        </dt>
+        <dd class="govuk-summary-list__value">
+          13/08/1980
+        </dd>
+        <dd class="govuk-summary-list__actions">
+          <a class="govuk-link" href="#">Change<span class="govuk-visually-hidden"> date of birth (Undergraduate teaching assistant)</span></a>
+        </dd>
+      </div>
+    </dl>
+  </div>
+</div>
diff --git a/app/templates/govuk/components/components/summary-list/template-as-a-summary-card-with-actions.html b/app/templates/govuk/components/components/summary-list/template-as-a-summary-card-with-actions.html
new file mode 100644
index 0000000..a0606e7
--- /dev/null
+++ b/app/templates/govuk/components/components/summary-list/template-as-a-summary-card-with-actions.html
@@ -0,0 +1,36 @@
+<div class="govuk-summary-card">
+  <div class="govuk-summary-card__title-wrapper">
+    <h2 class="govuk-summary-card__title">
+      Undergraduate teaching assistant
+    </h2>
+    <ul class="govuk-summary-card__actions">
+      <li class="govuk-summary-card__action">
+        <a class="govuk-link" href="#">Delete job history<span class="govuk-visually-hidden"> (Undergraduate teaching assistant)</span></a>
+      </li>
+      <li class="govuk-summary-card__action">
+        <a class="govuk-link" href="#">Withdraw job history<span class="govuk-visually-hidden"> (Undergraduate teaching assistant)</span></a>
+      </li>
+    </ul>
+  </div>
+
+  <div class="govuk-summary-card__content">
+    <dl class="govuk-summary-list">
+      <div class="govuk-summary-list__row">
+        <dt class="govuk-summary-list__key">
+          Name
+        </dt>
+        <dd class="govuk-summary-list__value">
+          Firstname Lastname
+        </dd>
+      </div>
+      <div class="govuk-summary-list__row">
+        <dt class="govuk-summary-list__key">
+          Date of birth
+        </dt>
+        <dd class="govuk-summary-list__value">
+          13/08/1980
+        </dd>
+      </div>
+    </dl>
+  </div>
+</div>
diff --git a/app/templates/govuk/components/components/summary-list/template-default.html b/app/templates/govuk/components/components/summary-list/template-default.html
new file mode 100644
index 0000000..51a7a0f
--- /dev/null
+++ b/app/templates/govuk/components/components/summary-list/template-default.html
@@ -0,0 +1,35 @@
+<dl class="govuk-summary-list">
+  <div class="govuk-summary-list__row">
+    <dt class="govuk-summary-list__key">
+      Name
+    </dt>
+    <dd class="govuk-summary-list__value">
+      Firstname Lastname
+    </dd>
+  </div>
+  <div class="govuk-summary-list__row">
+    <dt class="govuk-summary-list__key">
+      Date of birth
+    </dt>
+    <dd class="govuk-summary-list__value">
+      13/08/1980
+    </dd>
+  </div>
+  <div class="govuk-summary-list__row">
+    <dt class="govuk-summary-list__key">
+      Contact information
+    </dt>
+    <dd class="govuk-summary-list__value">
+      <p class="govuk-body">
+        email@email.com
+      </p>
+      <p class="govuk-body">
+        Address line 1<br>
+        Address line 2<br>
+        Address line 3<br>
+        Address line 4<br>
+        Address line 5
+      </p>
+    </dd>
+  </div>
+</dl>
diff --git a/app/templates/govuk/components/components/summary-list/template-extreme.html b/app/templates/govuk/components/components/summary-list/template-extreme.html
new file mode 100644
index 0000000..093a9c4
--- /dev/null
+++ b/app/templates/govuk/components/components/summary-list/template-extreme.html
@@ -0,0 +1,261 @@
+<dl class="govuk-summary-list">
+  <div class="govuk-summary-list__row">
+    <dt class="govuk-summary-list__key">
+      Name
+    </dt>
+    <dd class="govuk-summary-list__value">
+      Barnaby Marmaduke Aloysius Benjy Cobweb Dartagnan Egbert Felix Gaspar Humbert Ignatius Jayden Kasper Leroy Maximilian Neddy Obiajulu Pepin Quilliam Rosencrantz Sexton Teddy Upwood Vivatma Wayland Xylon Yardley Zachary Usansky
+    </dd>
+    <dd class="govuk-summary-list__actions">
+      <ul class="govuk-summary-list__actions-list">
+        <li class="govuk-summary-list__actions-list-item">
+          <a class="govuk-link" href="#">Buy</a>
+        </li>
+        <li class="govuk-summary-list__actions-list-item">
+          <a class="govuk-link" href="#">Use</a>
+        </li>
+        <li class="govuk-summary-list__actions-list-item">
+          <a class="govuk-link" href="#">Break</a>
+        </li>
+        <li class="govuk-summary-list__actions-list-item">
+          <a class="govuk-link" href="#">Fix</a>
+        </li>
+        <li class="govuk-summary-list__actions-list-item">
+          <a class="govuk-link" href="#">Trash</a>
+        </li>
+        <li class="govuk-summary-list__actions-list-item">
+          <a class="govuk-link" href="#">Change</a>
+        </li>
+        <li class="govuk-summary-list__actions-list-item">
+          <a class="govuk-link" href="#">Mail</a>
+        </li>
+        <li class="govuk-summary-list__actions-list-item">
+          <a class="govuk-link" href="#">Upgrade</a>
+        </li>
+        <li class="govuk-summary-list__actions-list-item">
+          <a class="govuk-link" href="#">Charge</a>
+        </li>
+        <li class="govuk-summary-list__actions-list-item">
+          <a class="govuk-link" href="#">Point</a>
+        </li>
+        <li class="govuk-summary-list__actions-list-item">
+          <a class="govuk-link" href="#">Zoom</a>
+        </li>
+        <li class="govuk-summary-list__actions-list-item">
+          <a class="govuk-link" href="#">Press</a>
+        </li>
+        <li class="govuk-summary-list__actions-list-item">
+          <a class="govuk-link" href="#">Snap</a>
+        </li>
+        <li class="govuk-summary-list__actions-list-item">
+          <a class="govuk-link" href="#">Work</a>
+        </li>
+        <li class="govuk-summary-list__actions-list-item">
+          <a class="govuk-link" href="#">Quick</a>
+        </li>
+        <li class="govuk-summary-list__actions-list-item">
+          <a class="govuk-link" href="#">Erase</a>
+        </li>
+      </ul>
+    </dd>
+  </div>
+  <div class="govuk-summary-list__row">
+    <dt class="govuk-summary-list__key">
+      Long website address
+    </dt>
+    <dd class="govuk-summary-list__value">
+      <a class="govuk-link" href="https://cs.wikipedia.org/wiki/Llanfairpwllgwyngyllgogerychwyrndrobwllllantysiliogogogoch">https://cs.wikipedia.org/wiki/Llanfairpwllgwyngyllgogerychwyrndrobwllllantysiliogogogoch</a>
+    </dd>
+    <dd class="govuk-summary-list__actions">
+      <a class="govuk-link" href="#">Change<span class="govuk-visually-hidden"> long website address</span></a>
+    </dd>
+  </div>
+  <div class="govuk-summary-list__row">
+    <dt class="govuk-summary-list__key">
+      Long email address
+    </dt>
+    <dd class="govuk-summary-list__value">
+      <a class="govuk-link" href="mailto:webmaster@llanfairpwllgwyngyllgogerychwyrndrobwllllantysiliogogogoch.com">webmaster@llanfairpwllgwyngyllgogerychwyrndrobwllllantysiliogogogoch.com</a>
+    </dd>
+    <dd class="govuk-summary-list__actions">
+      <a class="govuk-link" href="#">Change<span class="govuk-visually-hidden"> long email address</span></a>
+    </dd>
+  </div>
+  <div class="govuk-summary-list__row">
+    <dt class="govuk-summary-list__key">
+      No wrapping allowed
+    </dt>
+    <dd class="govuk-summary-list__value">
+      <p class="govuk-body" style="white-space: nowrap;">michelle.longish.name@example.com</p>
+    </dd>
+    <dd class="govuk-summary-list__actions">
+      <a class="govuk-link" href="#">Change<span class="govuk-visually-hidden"> no wrapping allowed</span></a>
+    </dd>
+  </div>
+  <div class="govuk-summary-list__row">
+    <dt class="govuk-summary-list__key">
+      Pneumonoultramicroscopicsilicovolcanoconiosis
+    </dt>
+    <dd class="govuk-summary-list__value">
+      <p class="govuk-body">Pneumonoultramicroscopicsilicovolcanoconiosis is a word coined by the president of the National Puzzlers’ League as a synonym for the disease known as silicosis. It is the longest word in the English language published in a dictionary, the Oxford English Dictionary, which defines it as "an artificial long word said to mean a lung disease caused by inhaling very fine ash and sand dust."</p>
+      <p class="govuk-body">Silicosis is a form of occupational lung disease caused by inhalation of crystalline silica dust, and is marked by inflammation and scarring in the form of nodular lesions in the upper lobes of the lungs. It is a type of pneumoconiosis.</p>
+    </dd>
+    <dd class="govuk-summary-list__actions">
+      <ul class="govuk-summary-list__actions-list">
+        <li class="govuk-summary-list__actions-list-item">
+          <a class="govuk-link" href="#">Write</a>
+        </li>
+        <li class="govuk-summary-list__actions-list-item">
+          <a class="govuk-link" href="#">Cut</a>
+        </li>
+        <li class="govuk-summary-list__actions-list-item">
+          <a class="govuk-link" href="#">Paste</a>
+        </li>
+        <li class="govuk-summary-list__actions-list-item">
+          <a class="govuk-link" href="#">Save</a>
+        </li>
+        <li class="govuk-summary-list__actions-list-item">
+          <a class="govuk-link" href="#">Load</a>
+        </li>
+        <li class="govuk-summary-list__actions-list-item">
+          <a class="govuk-link" href="#">Check</a>
+        </li>
+        <li class="govuk-summary-list__actions-list-item">
+          <a class="govuk-link" href="#">Quick</a>
+        </li>
+        <li class="govuk-summary-list__actions-list-item">
+          <a class="govuk-link" href="#">Rewrite</a>
+        </li>
+        <li class="govuk-summary-list__actions-list-item">
+          <a class="govuk-link" href="#">Plug</a>
+        </li>
+        <li class="govuk-summary-list__actions-list-item">
+          <a class="govuk-link" href="#">Play</a>
+        </li>
+        <li class="govuk-summary-list__actions-list-item">
+          <a class="govuk-link" href="#">Burn</a>
+        </li>
+        <li class="govuk-summary-list__actions-list-item">
+          <a class="govuk-link" href="#">Rip</a>
+        </li>
+        <li class="govuk-summary-list__actions-list-item">
+          <a class="govuk-link" href="#">Drag and drop</a>
+        </li>
+        <li class="govuk-summary-list__actions-list-item">
+          <a class="govuk-link" href="#">Zip</a>
+        </li>
+        <li class="govuk-summary-list__actions-list-item">
+          <a class="govuk-link" href="#">Unzip</a>
+        </li>
+        <li class="govuk-summary-list__actions-list-item">
+          <a class="govuk-link" href="#">Lock</a>
+        </li>
+        <li class="govuk-summary-list__actions-list-item">
+          <a class="govuk-link" href="#">Fill</a>
+        </li>
+        <li class="govuk-summary-list__actions-list-item">
+          <a class="govuk-link" href="#">Curl</a>
+        </li>
+        <li class="govuk-summary-list__actions-list-item">
+          <a class="govuk-link" href="#">Find</a>
+        </li>
+        <li class="govuk-summary-list__actions-list-item">
+          <a class="govuk-link" href="#">View</a>
+        </li>
+      </ul>
+    </dd>
+  </div>
+  <div class="govuk-summary-list__row">
+    <dt class="govuk-summary-list__key">
+      Its vanished trees, the trees that had made way for Gatsby’s house, Pneumonoultramicroscopicsilicovolcanoconiosis had once pandered in whispers to the last and greatest of all human dreams; for a transitory enchanted moment man must have held his breath in the presence of this continent, compelled into an aesthetic contemplation he neither understood nor desired, face to face for the last time in history with something commensurate to his capacity for wonder.
+    </dt>
+    <dd class="govuk-summary-list__value">
+      The Great Gatsby
+    </dd>
+    <dd class="govuk-summary-list__actions">
+      <ul class="govuk-summary-list__actions-list">
+        <li class="govuk-summary-list__actions-list-item">
+          <a class="govuk-link" href="#">Code</a>
+        </li>
+        <li class="govuk-summary-list__actions-list-item">
+          <a class="govuk-link" href="#">Jam</a>
+        </li>
+        <li class="govuk-summary-list__actions-list-item">
+          <a class="govuk-link" href="#">Unlock</a>
+        </li>
+        <li class="govuk-summary-list__actions-list-item">
+          <a class="govuk-link" href="#">Surf</a>
+        </li>
+        <li class="govuk-summary-list__actions-list-item">
+          <a class="govuk-link" href="#">Scroll</a>
+        </li>
+        <li class="govuk-summary-list__actions-list-item">
+          <a class="govuk-link" href="#">Pose</a>
+        </li>
+        <li class="govuk-summary-list__actions-list-item">
+          <a class="govuk-link" href="#">Click</a>
+        </li>
+        <li class="govuk-summary-list__actions-list-item">
+          <a class="govuk-link" href="#">Cross</a>
+        </li>
+        <li class="govuk-summary-list__actions-list-item">
+          <a class="govuk-link" href="#">Crack</a>
+        </li>
+        <li class="govuk-summary-list__actions-list-item">
+          <a class="govuk-link" href="#">Twitch</a>
+        </li>
+        <li class="govuk-summary-list__actions-list-item">
+          <a class="govuk-link" href="#">Update</a>
+        </li>
+        <li class="govuk-summary-list__actions-list-item">
+          <a class="govuk-link" href="#">Name</a>
+        </li>
+        <li class="govuk-summary-list__actions-list-item">
+          <a class="govuk-link" href="#">Read</a>
+        </li>
+        <li class="govuk-summary-list__actions-list-item">
+          <a class="govuk-link" href="#">Tune</a>
+        </li>
+        <li class="govuk-summary-list__actions-list-item">
+          <a class="govuk-link" href="#">Print</a>
+        </li>
+        <li class="govuk-summary-list__actions-list-item">
+          <a class="govuk-link" href="#">Scan</a>
+        </li>
+        <li class="govuk-summary-list__actions-list-item">
+          <a class="govuk-link" href="#">Send</a>
+        </li>
+        <li class="govuk-summary-list__actions-list-item">
+          <a class="govuk-link" href="#">Fax</a>
+        </li>
+        <li class="govuk-summary-list__actions-list-item">
+          <a class="govuk-link" href="#">Rename</a>
+        </li>
+        <li class="govuk-summary-list__actions-list-item">
+          <a class="govuk-link" href="#">Touch</a>
+        </li>
+        <li class="govuk-summary-list__actions-list-item">
+          <a class="govuk-link" href="#">Bring</a>
+        </li>
+        <li class="govuk-summary-list__actions-list-item">
+          <a class="govuk-link" href="#">Pay</a>
+        </li>
+        <li class="govuk-summary-list__actions-list-item">
+          <a class="govuk-link" href="#">Watch</a>
+        </li>
+        <li class="govuk-summary-list__actions-list-item">
+          <a class="govuk-link" href="#">Turn</a>
+        </li>
+        <li class="govuk-summary-list__actions-list-item">
+          <a class="govuk-link" href="#">Leave</a>
+        </li>
+        <li class="govuk-summary-list__actions-list-item">
+          <a class="govuk-link" href="#">Stop</a>
+        </li>
+        <li class="govuk-summary-list__actions-list-item">
+          <a class="govuk-link" href="#">Format</a>
+        </li>
+      </ul>
+    </dd>
+  </div>
+</dl>
diff --git a/app/templates/govuk/components/components/summary-list/template-no-border-on-last-row.html b/app/templates/govuk/components/components/summary-list/template-no-border-on-last-row.html
new file mode 100644
index 0000000..b2ae4f6
--- /dev/null
+++ b/app/templates/govuk/components/components/summary-list/template-no-border-on-last-row.html
@@ -0,0 +1,35 @@
+<dl class="govuk-summary-list">
+  <div class="govuk-summary-list__row">
+    <dt class="govuk-summary-list__key">
+      Name
+    </dt>
+    <dd class="govuk-summary-list__value">
+      Firstname Lastname
+    </dd>
+  </div>
+  <div class="govuk-summary-list__row">
+    <dt class="govuk-summary-list__key">
+      Date of birth
+    </dt>
+    <dd class="govuk-summary-list__value">
+      13/08/1980
+    </dd>
+  </div>
+  <div class="govuk-summary-list__row govuk-summary-list__row--no-border">
+    <dt class="govuk-summary-list__key">
+      Contact information
+    </dt>
+    <dd class="govuk-summary-list__value">
+      <p class="govuk-body">
+        email@email.com
+      </p>
+      <p class="govuk-body">
+        Address line 1<br>
+        Address line 2<br>
+        Address line 3<br>
+        Address line 4<br>
+        Address line 5
+      </p>
+    </dd>
+  </div>
+</dl>
diff --git a/app/templates/govuk/components/components/summary-list/template-no-border.html b/app/templates/govuk/components/components/summary-list/template-no-border.html
new file mode 100644
index 0000000..dca15f7
--- /dev/null
+++ b/app/templates/govuk/components/components/summary-list/template-no-border.html
@@ -0,0 +1,35 @@
+<dl class="govuk-summary-list govuk-summary-list--no-border">
+  <div class="govuk-summary-list__row">
+    <dt class="govuk-summary-list__key">
+      Name
+    </dt>
+    <dd class="govuk-summary-list__value">
+      Firstname Lastname
+    </dd>
+  </div>
+  <div class="govuk-summary-list__row">
+    <dt class="govuk-summary-list__key">
+      Date of birth
+    </dt>
+    <dd class="govuk-summary-list__value">
+      13/08/1980
+    </dd>
+  </div>
+  <div class="govuk-summary-list__row">
+    <dt class="govuk-summary-list__key">
+      Contact information
+    </dt>
+    <dd class="govuk-summary-list__value">
+      <p class="govuk-body">
+        email@email.com
+      </p>
+      <p class="govuk-body">
+        Address line 1<br>
+        Address line 2<br>
+        Address line 3<br>
+        Address line 4<br>
+        Address line 5
+      </p>
+    </dd>
+  </div>
+</dl>
diff --git a/app/templates/govuk/components/components/summary-list/template-with-actions.html b/app/templates/govuk/components/components/summary-list/template-with-actions.html
new file mode 100644
index 0000000..0ccbd21
--- /dev/null
+++ b/app/templates/govuk/components/components/summary-list/template-with-actions.html
@@ -0,0 +1,58 @@
+<dl class="govuk-summary-list">
+  <div class="govuk-summary-list__row">
+    <dt class="govuk-summary-list__key">
+      Name
+    </dt>
+    <dd class="govuk-summary-list__value">
+      Firstname Lastname
+    </dd>
+    <dd class="govuk-summary-list__actions">
+      <ul class="govuk-summary-list__actions-list">
+        <li class="govuk-summary-list__actions-list-item">
+          <a class="govuk-link" href="#">Edit<span class="govuk-visually-hidden"> name</span></a>
+        </li>
+        <li class="govuk-summary-list__actions-list-item">
+          <a class="govuk-link" href="#">Delete<span class="govuk-visually-hidden"> name</span></a>
+        </li>
+      </ul>
+    </dd>
+  </div>
+  <div class="govuk-summary-list__row">
+    <dt class="govuk-summary-list__key">
+      Date of birth
+    </dt>
+    <dd class="govuk-summary-list__value">
+      13/08/1980
+    </dd>
+    <dd class="govuk-summary-list__actions">
+      <a class="govuk-link" href="#">Change<span class="govuk-visually-hidden"> date of birth</span></a>
+    </dd>
+  </div>
+  <div class="govuk-summary-list__row">
+    <dt class="govuk-summary-list__key">
+      Contact information
+    </dt>
+    <dd class="govuk-summary-list__value">
+      <p class="govuk-body">
+        email@email.com
+      </p>
+      <p class="govuk-body">
+        Address line 1<br>
+        Address line 2<br>
+        Address line 3<br>
+        Address line 4<br>
+        Address line 5
+      </p>
+    </dd>
+    <dd class="govuk-summary-list__actions">
+      <ul class="govuk-summary-list__actions-list">
+        <li class="govuk-summary-list__actions-list-item">
+          <a class="govuk-link" href="#">Edit<span class="govuk-visually-hidden"> contact information</span></a>
+        </li>
+        <li class="govuk-summary-list__actions-list-item">
+          <a class="govuk-link" href="#">Change<span class="govuk-visually-hidden"> contact information</span></a>
+        </li>
+      </ul>
+    </dd>
+  </div>
+</dl>
diff --git a/app/templates/govuk/components/components/summary-list/template.njk b/app/templates/govuk/components/components/summary-list/template.njk
new file mode 100644
index 0000000..b0f9eb4
--- /dev/null
+++ b/app/templates/govuk/components/components/summary-list/template.njk
@@ -0,0 +1,94 @@
+{% from "../../macros/attributes.njk" import govukAttributes %}
+
+{%- macro _actionLink(action, cardTitle) %}
+  <a class="govuk-link {%- if action.classes %} {{ action.classes }}{% endif %}" href="{{ action.href }}"
+    {{- govukAttributes(action.attributes) }}>
+    {{- action.html | safe | indent(4) if action.html else action.text -}}
+    {%- if action.visuallyHiddenText or cardTitle -%}
+    <span class="govuk-visually-hidden">
+      {%- if action.visuallyHiddenText %} {{ action.visuallyHiddenText }}{% endif -%}
+      {%- if cardTitle %} ({{ cardTitle.html | indent(6) | safe if cardTitle.html else cardTitle.text }}){% endif -%}
+    </span>
+    {%- endif -%}
+  </a>
+{% endmacro -%}
+
+{%- macro _summaryCard(params) %}
+{%- set headingLevel = params.title.headingLevel if params.title.headingLevel else 2 -%}
+
+<div class="govuk-summary-card {%- if params.classes %} {{ params.classes }}{% endif %}"
+  {{- govukAttributes(params.attributes) }}>
+  <div class="govuk-summary-card__title-wrapper">
+  {% if params.title %}
+    <h{{ headingLevel }} class="govuk-summary-card__title {%- if params.title.classes %} {{ params.title.classes }}{% endif %}">
+      {{ params.title.html | safe | trim | indent(6) if params.title.html else params.title.text }}
+    </h{{ headingLevel }}>
+  {% endif %}
+  {% if params.actions.items.length %}
+    {% if params.actions.items.length == 1 %}
+    <div class="govuk-summary-card__actions {%- if params.actions.classes %} {{ params.actions.classes }}{% endif %}">
+      {{ _actionLink(params.actions.items[0], params.title) | trim | indent(4) }}
+    </div>
+    {% else %}
+    <ul class="govuk-summary-card__actions {%- if params.actions.classes %} {{ params.actions.classes }}{% endif %}">
+      {% for action in params.actions.items %}
+      <li class="govuk-summary-card__action">
+        {{ _actionLink(action, params.title) | trim | indent(8) }}
+      </li>
+      {% endfor %}
+    </ul>
+    {% endif %}
+  {% endif %}
+  </div>
+
+  <div class="govuk-summary-card__content">
+    {{ caller() | trim }}
+  </div>
+</div>
+{% endmacro -%}
+
+{#- Determine if we need 2 or 3 columns #}
+{%- set anyRowHasActions = false %}
+{% for row in params.rows %}
+  {% set anyRowHasActions = true if row.actions.items | length else anyRowHasActions %}
+{% endfor -%}
+
+{%- set summaryList -%}
+<dl class="govuk-summary-list {%- if params.classes %} {{ params.classes }}{% endif %}" {{- govukAttributes(params.attributes) }}>
+{% for row in params.rows %}
+  {% if row %}
+  <div class="govuk-summary-list__row {%- if anyRowHasActions and not row.actions.items %} govuk-summary-list__row--no-actions{% endif %} {%- if row.classes %} {{ row.classes }}{% endif %}">
+    <dt class="govuk-summary-list__key {%- if row.key.classes %} {{ row.key.classes }}{% endif %}">
+      {{ row.key.html | safe | trim | indent(6) if row.key.html else row.key.text }}
+    </dt>
+    <dd class="govuk-summary-list__value {%- if row.value.classes %} {{ row.value.classes }}{% endif %}">
+      {{ row.value.html | safe | trim | indent(6) if row.value.html else row.value.text }}
+    </dd>
+    {% if row.actions.items.length %}
+    <dd class="govuk-summary-list__actions {%- if row.actions.classes %} {{ row.actions.classes }}{% endif %}">
+      {% if row.actions.items.length == 1 %}
+        {{- _actionLink(row.actions.items[0], params.card.title) | trim | indent(6, true) }}
+      {% else %}
+      <ul class="govuk-summary-list__actions-list">
+        {% for action in row.actions.items %}
+        <li class="govuk-summary-list__actions-list-item">
+          {{ _actionLink(action, params.card.title) | trim | indent(8) }}
+        </li>
+        {% endfor %}
+      </ul>
+      {% endif %}
+    </dd>
+    {% endif %}
+  </div>
+  {% endif %}
+{% endfor %}
+</dl>
+{%- endset %}
+
+{%- if params.card -%}
+  {% call _summaryCard(params.card) -%}
+    {{ summaryList | safe | trim | indent(4) }}
+  {%- endcall %}
+{%- else -%}
+  {{ summaryList | safe | trim }}
+{%- endif %}
diff --git a/app/templates/govuk/components/components/table/README.md b/app/templates/govuk/components/components/table/README.md
new file mode 100644
index 0000000..5a1b9e9
--- /dev/null
+++ b/app/templates/govuk/components/components/table/README.md
@@ -0,0 +1,15 @@
+# Table
+
+## Installation
+
+See the [main README quick start guide](https://github.com/alphagov/govuk-frontend#quick-start) for how to install this component.
+
+## Guidance and Examples
+
+Find out when to use the table component in your service in the [GOV.UK Design System](https://design-system.service.gov.uk/components/table).
+
+## Component options
+
+Use options to customise the appearance, content and behaviour of a component when using a macro, for example, changing the text.
+
+See [options table](https://design-system.service.gov.uk/components/table/#options-table-example) for details.
diff --git a/app/templates/govuk/components/components/table/_index.scss b/app/templates/govuk/components/components/table/_index.scss
new file mode 100644
index 0000000..1765ecf
--- /dev/null
+++ b/app/templates/govuk/components/components/table/_index.scss
@@ -0,0 +1,75 @@
+@include govuk-exports("govuk/component/table") {
+  .govuk-table {
+    @include govuk-font($size: 19);
+    @include govuk-text-colour;
+    width: 100%;
+    @include govuk-responsive-margin(6, "bottom");
+
+    border-spacing: 0;
+    border-collapse: collapse;
+  }
+
+  @if $govuk-new-typography-scale {
+    // Modifier for tables with a lot of data. Tables with lots of data benefit
+    // from a smaller font size on small screens.
+    .govuk-table--small-text-until-tablet {
+      @include govuk-media-query($until: tablet) {
+        @include govuk-font-size($size: 16);
+      }
+    }
+  }
+
+  .govuk-table__header {
+    @include govuk-typography-weight-bold;
+  }
+
+  .govuk-table__header,
+  .govuk-table__cell {
+    padding: govuk-spacing(2) govuk-spacing(4) govuk-spacing(2) 0;
+    border-bottom: 1px solid $govuk-border-colour;
+    text-align: left;
+    vertical-align: top;
+  }
+
+  .govuk-table__cell--numeric {
+    @include govuk-font-tabular-numbers;
+  }
+
+  .govuk-table__header--numeric,
+  .govuk-table__cell--numeric {
+    text-align: right;
+  }
+
+  .govuk-table__header:last-child,
+  .govuk-table__cell:last-child {
+    padding-right: 0;
+  }
+
+  .govuk-table__caption {
+    @include govuk-typography-weight-bold;
+
+    display: table-caption;
+    text-align: left;
+  }
+
+  // Modifiers that make captions look more like their equivalent headings
+  .govuk-table__caption--xl,
+  .govuk-table__caption--l,
+  .govuk-table__caption--m {
+    margin-bottom: govuk-spacing(3);
+  }
+
+  .govuk-table__caption--xl {
+    @include govuk-font-size($size: 48);
+  }
+
+  .govuk-table__caption--l {
+    @include govuk-font-size($size: 36);
+  }
+
+  .govuk-table__caption--m {
+    @include govuk-font-size($size: 24);
+  }
+}
+
+/*# sourceMappingURL=_index.scss.map */
diff --git a/app/templates/govuk/components/components/table/_index.scss.map b/app/templates/govuk/components/components/table/_index.scss.map
new file mode 100644
index 0000000..c0d3dfc
--- /dev/null
+++ b/app/templates/govuk/components/components/table/_index.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/table/_index.scss"],"names":[],"mappings":"AAAA;EACE;IACE,8BAA8B;IAC9B,0BAA0B;IAC1B,WAAW;IACX,6CAA6C;;IAE7C,iBAAiB;IACjB,yBAAyB;EAC3B;;EAEA;IACE,0EAA0E;IAC1E,4CAA4C;IAC5C;MACE;QACE,mCAAmC;MACrC;IACF;EACF;;EAEA;IACE,qCAAqC;EACvC;;EAEA;;IAEE,6DAA6D;IAC7D,6CAA6C;IAC7C,gBAAgB;IAChB,mBAAmB;EACrB;;EAEA;IACE,mCAAmC;EACrC;;EAEA;;IAEE,iBAAiB;EACnB;;EAEA;;IAEE,gBAAgB;EAClB;;EAEA;IACE,qCAAqC;;IAErC,sBAAsB;IACtB,gBAAgB;EAClB;;EAEA,uEAAuE;EACvE;;;IAGE,+BAA+B;EACjC;;EAEA;IACE,mCAAmC;EACrC;;EAEA;IACE,mCAAmC;EACrC;;EAEA;IACE,mCAAmC;EACrC;AACF","file":"_index.scss","sourcesContent":["@include govuk-exports(\"govuk/component/table\") {\n  .govuk-table {\n    @include govuk-font($size: 19);\n    @include govuk-text-colour;\n    width: 100%;\n    @include govuk-responsive-margin(6, \"bottom\");\n\n    border-spacing: 0;\n    border-collapse: collapse;\n  }\n\n  @if $govuk-new-typography-scale {\n    // Modifier for tables with a lot of data. Tables with lots of data benefit\n    // from a smaller font size on small screens.\n    .govuk-table--small-text-until-tablet {\n      @include govuk-media-query($until: tablet) {\n        @include govuk-font-size($size: 16);\n      }\n    }\n  }\n\n  .govuk-table__header {\n    @include govuk-typography-weight-bold;\n  }\n\n  .govuk-table__header,\n  .govuk-table__cell {\n    padding: govuk-spacing(2) govuk-spacing(4) govuk-spacing(2) 0;\n    border-bottom: 1px solid $govuk-border-colour;\n    text-align: left;\n    vertical-align: top;\n  }\n\n  .govuk-table__cell--numeric {\n    @include govuk-font-tabular-numbers;\n  }\n\n  .govuk-table__header--numeric,\n  .govuk-table__cell--numeric {\n    text-align: right;\n  }\n\n  .govuk-table__header:last-child,\n  .govuk-table__cell:last-child {\n    padding-right: 0;\n  }\n\n  .govuk-table__caption {\n    @include govuk-typography-weight-bold;\n\n    display: table-caption;\n    text-align: left;\n  }\n\n  // Modifiers that make captions look more like their equivalent headings\n  .govuk-table__caption--xl,\n  .govuk-table__caption--l,\n  .govuk-table__caption--m {\n    margin-bottom: govuk-spacing(3);\n  }\n\n  .govuk-table__caption--xl {\n    @include govuk-font-size($size: 48);\n  }\n\n  .govuk-table__caption--l {\n    @include govuk-font-size($size: 36);\n  }\n\n  .govuk-table__caption--m {\n    @include govuk-font-size($size: 24);\n  }\n}\n"]}
diff --git a/app/templates/govuk/components/components/table/_table.scss b/app/templates/govuk/components/components/table/_table.scss
new file mode 100644
index 0000000..6a25734
--- /dev/null
+++ b/app/templates/govuk/components/components/table/_table.scss
@@ -0,0 +1,4 @@
+@import "../../base";
+@import "./index";
+
+/*# sourceMappingURL=_table.scss.map */
diff --git a/app/templates/govuk/components/components/table/_table.scss.map b/app/templates/govuk/components/components/table/_table.scss.map
new file mode 100644
index 0000000..24d565c
--- /dev/null
+++ b/app/templates/govuk/components/components/table/_table.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/table/_table.scss"],"names":[],"mappings":"AAAA,oBAAoB;AACpB,iBAAiB","file":"_table.scss","sourcesContent":["@import \"../../base\";\n@import \"./index\";\n"]}
diff --git a/app/templates/govuk/components/components/table/fixtures.json b/app/templates/govuk/components/components/table/fixtures.json
new file mode 100644
index 0000000..e0de6ad
--- /dev/null
+++ b/app/templates/govuk/components/components/table/fixtures.json
@@ -0,0 +1,651 @@
+{
+    "component": "table",
+    "fixtures": [
+        {
+            "name": "default",
+            "options": {
+                "rows": [
+                    [
+                        {
+                            "text": "January"
+                        },
+                        {
+                            "text": "£85",
+                            "format": "numeric"
+                        },
+                        {
+                            "text": "£95",
+                            "format": "numeric"
+                        }
+                    ],
+                    [
+                        {
+                            "text": "February"
+                        },
+                        {
+                            "text": "£75",
+                            "format": "numeric"
+                        },
+                        {
+                            "text": "£55",
+                            "format": "numeric"
+                        }
+                    ],
+                    [
+                        {
+                            "text": "March"
+                        },
+                        {
+                            "text": "£165",
+                            "format": "numeric"
+                        },
+                        {
+                            "text": "£125",
+                            "format": "numeric"
+                        }
+                    ]
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<table class=\"govuk-table\">\n  <tbody class=\"govuk-table__body\">\n    <tr class=\"govuk-table__row\">\n      <td class=\"govuk-table__cell\">January</td>\n      <td class=\"govuk-table__cell govuk-table__cell--numeric\">£85</td>\n      <td class=\"govuk-table__cell govuk-table__cell--numeric\">£95</td>\n    </tr>\n    <tr class=\"govuk-table__row\">\n      <td class=\"govuk-table__cell\">February</td>\n      <td class=\"govuk-table__cell govuk-table__cell--numeric\">£75</td>\n      <td class=\"govuk-table__cell govuk-table__cell--numeric\">£55</td>\n    </tr>\n    <tr class=\"govuk-table__row\">\n      <td class=\"govuk-table__cell\">March</td>\n      <td class=\"govuk-table__cell govuk-table__cell--numeric\">£165</td>\n      <td class=\"govuk-table__cell govuk-table__cell--numeric\">£125</td>\n    </tr>\n  </tbody>\n</table>"
+        },
+        {
+            "name": "with head",
+            "options": {
+                "head": [
+                    {
+                        "text": "Month you apply"
+                    },
+                    {
+                        "text": "Rate for bicycles",
+                        "format": "numeric"
+                    },
+                    {
+                        "text": "Rate for vehicles",
+                        "format": "numeric"
+                    }
+                ],
+                "rows": [
+                    [
+                        {
+                            "text": "January"
+                        },
+                        {
+                            "text": "£85",
+                            "format": "numeric"
+                        },
+                        {
+                            "text": "£95",
+                            "format": "numeric"
+                        }
+                    ],
+                    [
+                        {
+                            "text": "February"
+                        },
+                        {
+                            "text": "£75",
+                            "format": "numeric"
+                        },
+                        {
+                            "text": "£55",
+                            "format": "numeric"
+                        }
+                    ],
+                    [
+                        {
+                            "text": "March"
+                        },
+                        {
+                            "text": "£165",
+                            "format": "numeric"
+                        },
+                        {
+                            "text": "£125",
+                            "format": "numeric"
+                        }
+                    ]
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<table class=\"govuk-table\">\n  <thead class=\"govuk-table__head\">\n    <tr class=\"govuk-table__row\">\n      <th scope=\"col\" class=\"govuk-table__header\">Month you apply</th>\n      <th scope=\"col\" class=\"govuk-table__header govuk-table__header--numeric\">Rate for bicycles</th>\n      <th scope=\"col\" class=\"govuk-table__header govuk-table__header--numeric\">Rate for vehicles</th>\n    </tr>\n  </thead>\n  <tbody class=\"govuk-table__body\">\n    <tr class=\"govuk-table__row\">\n      <td class=\"govuk-table__cell\">January</td>\n      <td class=\"govuk-table__cell govuk-table__cell--numeric\">£85</td>\n      <td class=\"govuk-table__cell govuk-table__cell--numeric\">£95</td>\n    </tr>\n    <tr class=\"govuk-table__row\">\n      <td class=\"govuk-table__cell\">February</td>\n      <td class=\"govuk-table__cell govuk-table__cell--numeric\">£75</td>\n      <td class=\"govuk-table__cell govuk-table__cell--numeric\">£55</td>\n    </tr>\n    <tr class=\"govuk-table__row\">\n      <td class=\"govuk-table__cell\">March</td>\n      <td class=\"govuk-table__cell govuk-table__cell--numeric\">£165</td>\n      <td class=\"govuk-table__cell govuk-table__cell--numeric\">£125</td>\n    </tr>\n  </tbody>\n</table>"
+        },
+        {
+            "name": "with head and caption",
+            "options": {
+                "caption": "Caption 1: Months and rates",
+                "captionClasses": "govuk-table__caption--m",
+                "firstCellIsHeader": true,
+                "head": [
+                    {
+                        "text": "Month you apply"
+                    },
+                    {
+                        "text": "Rate for bicycles",
+                        "format": "numeric"
+                    },
+                    {
+                        "text": "Rate for vehicles",
+                        "format": "numeric"
+                    }
+                ],
+                "rows": [
+                    [
+                        {
+                            "text": "January"
+                        },
+                        {
+                            "text": "£85",
+                            "format": "numeric"
+                        },
+                        {
+                            "text": "£95",
+                            "format": "numeric"
+                        }
+                    ],
+                    [
+                        {
+                            "text": "February"
+                        },
+                        {
+                            "text": "£75",
+                            "format": "numeric"
+                        },
+                        {
+                            "text": "£55",
+                            "format": "numeric"
+                        }
+                    ],
+                    [
+                        {
+                            "text": "March"
+                        },
+                        {
+                            "text": "£165",
+                            "format": "numeric"
+                        },
+                        {
+                            "text": "£125",
+                            "format": "numeric"
+                        }
+                    ]
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": true,
+            "html": "<table class=\"govuk-table\">\n  <caption class=\"govuk-table__caption govuk-table__caption--m\">Caption 1: Months and rates</caption>\n  <thead class=\"govuk-table__head\">\n    <tr class=\"govuk-table__row\">\n      <th scope=\"col\" class=\"govuk-table__header\">Month you apply</th>\n      <th scope=\"col\" class=\"govuk-table__header govuk-table__header--numeric\">Rate for bicycles</th>\n      <th scope=\"col\" class=\"govuk-table__header govuk-table__header--numeric\">Rate for vehicles</th>\n    </tr>\n  </thead>\n  <tbody class=\"govuk-table__body\">\n    <tr class=\"govuk-table__row\">\n      <th scope=\"row\" class=\"govuk-table__header\">January</th>\n      <td class=\"govuk-table__cell govuk-table__cell--numeric\">£85</td>\n      <td class=\"govuk-table__cell govuk-table__cell--numeric\">£95</td>\n    </tr>\n    <tr class=\"govuk-table__row\">\n      <th scope=\"row\" class=\"govuk-table__header\">February</th>\n      <td class=\"govuk-table__cell govuk-table__cell--numeric\">£75</td>\n      <td class=\"govuk-table__cell govuk-table__cell--numeric\">£55</td>\n    </tr>\n    <tr class=\"govuk-table__row\">\n      <th scope=\"row\" class=\"govuk-table__header\">March</th>\n      <td class=\"govuk-table__cell govuk-table__cell--numeric\">£165</td>\n      <td class=\"govuk-table__cell govuk-table__cell--numeric\">£125</td>\n    </tr>\n  </tbody>\n</table>"
+        },
+        {
+            "name": "classes",
+            "options": {
+                "classes": "custom-class-goes-here",
+                "rows": [
+                    [
+                        {
+                            "text": "Jan"
+                        },
+                        {
+                            "text": "Feb"
+                        }
+                    ]
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<table class=\"govuk-table custom-class-goes-here\">\n  <tbody class=\"govuk-table__body\">\n    <tr class=\"govuk-table__row\">\n      <td class=\"govuk-table__cell\">Jan</td>\n      <td class=\"govuk-table__cell\">Feb</td>\n    </tr>\n  </tbody>\n</table>"
+        },
+        {
+            "name": "attributes",
+            "options": {
+                "attributes": {
+                    "data-foo": "bar"
+                },
+                "rows": [
+                    [
+                        {
+                            "text": "Jan"
+                        },
+                        {
+                            "text": "Feb"
+                        }
+                    ]
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<table class=\"govuk-table\" data-foo=\"bar\">\n  <tbody class=\"govuk-table__body\">\n    <tr class=\"govuk-table__row\">\n      <td class=\"govuk-table__cell\">Jan</td>\n      <td class=\"govuk-table__cell\">Feb</td>\n    </tr>\n  </tbody>\n</table>"
+        },
+        {
+            "name": "html as text",
+            "options": {
+                "head": [
+                    {
+                        "text": "Foo <script>hacking.do(1337)</script>"
+                    }
+                ],
+                "rows": [
+                    [
+                        {
+                            "text": "Foo <script>hacking.do(1337)</script>"
+                        }
+                    ]
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<table class=\"govuk-table\">\n  <thead class=\"govuk-table__head\">\n    <tr class=\"govuk-table__row\">\n      <th scope=\"col\" class=\"govuk-table__header\">Foo &lt;script&gt;hacking.do(1337)&lt;/script&gt;</th>\n    </tr>\n  </thead>\n  <tbody class=\"govuk-table__body\">\n    <tr class=\"govuk-table__row\">\n      <td class=\"govuk-table__cell\">Foo &lt;script&gt;hacking.do(1337)&lt;/script&gt;</td>\n    </tr>\n  </tbody>\n</table>"
+        },
+        {
+            "name": "html",
+            "options": {
+                "head": [
+                    {
+                        "html": "Foo <span>bar</span>"
+                    }
+                ],
+                "rows": [
+                    [
+                        {
+                            "html": "Foo <span>bar</span>"
+                        }
+                    ]
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<table class=\"govuk-table\">\n  <thead class=\"govuk-table__head\">\n    <tr class=\"govuk-table__row\">\n      <th scope=\"col\" class=\"govuk-table__header\">Foo <span>bar</span></th>\n    </tr>\n  </thead>\n  <tbody class=\"govuk-table__body\">\n    <tr class=\"govuk-table__row\">\n      <td class=\"govuk-table__cell\">Foo <span>bar</span></td>\n    </tr>\n  </tbody>\n</table>"
+        },
+        {
+            "name": "head with classes",
+            "options": {
+                "head": [
+                    {
+                        "text": "Foo",
+                        "classes": "my-custom-class"
+                    }
+                ],
+                "rows": [
+                    [
+                        {
+                            "text": "Jan"
+                        },
+                        {
+                            "text": "Feb"
+                        }
+                    ]
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<table class=\"govuk-table\">\n  <thead class=\"govuk-table__head\">\n    <tr class=\"govuk-table__row\">\n      <th scope=\"col\" class=\"govuk-table__header my-custom-class\">Foo</th>\n    </tr>\n  </thead>\n  <tbody class=\"govuk-table__body\">\n    <tr class=\"govuk-table__row\">\n      <td class=\"govuk-table__cell\">Jan</td>\n      <td class=\"govuk-table__cell\">Feb</td>\n    </tr>\n  </tbody>\n</table>"
+        },
+        {
+            "name": "head with rowspan and colspan",
+            "options": {
+                "head": [
+                    {
+                        "text": "Foo",
+                        "rowspan": 2,
+                        "colspan": 2
+                    }
+                ],
+                "rows": [
+                    [
+                        {
+                            "text": "Jan"
+                        },
+                        {
+                            "text": "Feb"
+                        }
+                    ]
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<table class=\"govuk-table\">\n  <thead class=\"govuk-table__head\">\n    <tr class=\"govuk-table__row\">\n      <th scope=\"col\" class=\"govuk-table__header\" colspan=\"2\" rowspan=\"2\">Foo</th>\n    </tr>\n  </thead>\n  <tbody class=\"govuk-table__body\">\n    <tr class=\"govuk-table__row\">\n      <td class=\"govuk-table__cell\">Jan</td>\n      <td class=\"govuk-table__cell\">Feb</td>\n    </tr>\n  </tbody>\n</table>"
+        },
+        {
+            "name": "head with attributes",
+            "options": {
+                "head": [
+                    {
+                        "text": "Foo",
+                        "attributes": {
+                            "data-fizz": "buzz"
+                        }
+                    }
+                ],
+                "rows": [
+                    [
+                        {
+                            "text": "Jan"
+                        },
+                        {
+                            "text": "Feb"
+                        }
+                    ]
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<table class=\"govuk-table\">\n  <thead class=\"govuk-table__head\">\n    <tr class=\"govuk-table__row\">\n      <th scope=\"col\" class=\"govuk-table__header\" data-fizz=\"buzz\">Foo</th>\n    </tr>\n  </thead>\n  <tbody class=\"govuk-table__body\">\n    <tr class=\"govuk-table__row\">\n      <td class=\"govuk-table__cell\">Jan</td>\n      <td class=\"govuk-table__cell\">Feb</td>\n    </tr>\n  </tbody>\n</table>"
+        },
+        {
+            "name": "with firstCellIsHeader true",
+            "options": {
+                "firstCellIsHeader": true,
+                "rows": [
+                    [
+                        {
+                            "text": "January"
+                        },
+                        {
+                            "text": "£85",
+                            "format": "numeric"
+                        },
+                        {
+                            "text": "£95",
+                            "format": "numeric"
+                        }
+                    ],
+                    [
+                        {
+                            "text": "February"
+                        },
+                        {
+                            "text": "£75",
+                            "format": "numeric"
+                        },
+                        {
+                            "text": "£55",
+                            "format": "numeric"
+                        }
+                    ],
+                    [
+                        {
+                            "text": "March"
+                        },
+                        {
+                            "text": "£165",
+                            "format": "numeric"
+                        },
+                        {
+                            "text": "£125",
+                            "format": "numeric"
+                        }
+                    ]
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<table class=\"govuk-table\">\n  <tbody class=\"govuk-table__body\">\n    <tr class=\"govuk-table__row\">\n      <th scope=\"row\" class=\"govuk-table__header\">January</th>\n      <td class=\"govuk-table__cell govuk-table__cell--numeric\">£85</td>\n      <td class=\"govuk-table__cell govuk-table__cell--numeric\">£95</td>\n    </tr>\n    <tr class=\"govuk-table__row\">\n      <th scope=\"row\" class=\"govuk-table__header\">February</th>\n      <td class=\"govuk-table__cell govuk-table__cell--numeric\">£75</td>\n      <td class=\"govuk-table__cell govuk-table__cell--numeric\">£55</td>\n    </tr>\n    <tr class=\"govuk-table__row\">\n      <th scope=\"row\" class=\"govuk-table__header\">March</th>\n      <td class=\"govuk-table__cell govuk-table__cell--numeric\">£165</td>\n      <td class=\"govuk-table__cell govuk-table__cell--numeric\">£125</td>\n    </tr>\n  </tbody>\n</table>"
+        },
+        {
+            "name": "firstCellIsHeader with classes",
+            "options": {
+                "firstCellIsHeader": true,
+                "rows": [
+                    [
+                        {
+                            "text": "Foo",
+                            "classes": "my-custom-class"
+                        }
+                    ]
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<table class=\"govuk-table\">\n  <tbody class=\"govuk-table__body\">\n    <tr class=\"govuk-table__row\">\n      <th scope=\"row\" class=\"govuk-table__header my-custom-class\">Foo</th>\n    </tr>\n  </tbody>\n</table>"
+        },
+        {
+            "name": "firstCellIsHeader with html",
+            "options": {
+                "firstCellIsHeader": true,
+                "rows": [
+                    [
+                        {
+                            "html": "Foo <span>bar</span>"
+                        }
+                    ]
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<table class=\"govuk-table\">\n  <tbody class=\"govuk-table__body\">\n    <tr class=\"govuk-table__row\">\n      <th scope=\"row\" class=\"govuk-table__header\">Foo <span>bar</span></th>\n    </tr>\n  </tbody>\n</table>"
+        },
+        {
+            "name": "firstCellIsHeader with html as text",
+            "options": {
+                "firstCellIsHeader": true,
+                "rows": [
+                    [
+                        {
+                            "text": "Foo <script>hacking.do(1337)</script>"
+                        }
+                    ]
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<table class=\"govuk-table\">\n  <tbody class=\"govuk-table__body\">\n    <tr class=\"govuk-table__row\">\n      <th scope=\"row\" class=\"govuk-table__header\">Foo &lt;script&gt;hacking.do(1337)&lt;/script&gt;</th>\n    </tr>\n  </tbody>\n</table>"
+        },
+        {
+            "name": "firstCellIsHeader with rowspan and colspan",
+            "options": {
+                "firstCellIsHeader": true,
+                "rows": [
+                    [
+                        {
+                            "text": "Foo",
+                            "rowspan": 2,
+                            "colspan": 2
+                        }
+                    ]
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<table class=\"govuk-table\">\n  <tbody class=\"govuk-table__body\">\n    <tr class=\"govuk-table__row\">\n      <th scope=\"row\" class=\"govuk-table__header\" colspan=\"2\" rowspan=\"2\">Foo</th>\n    </tr>\n  </tbody>\n</table>"
+        },
+        {
+            "name": "firstCellIsHeader with attributes",
+            "options": {
+                "firstCellIsHeader": true,
+                "rows": [
+                    [
+                        {
+                            "text": "Foo",
+                            "attributes": {
+                                "data-fizz": "buzz"
+                            }
+                        }
+                    ]
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<table class=\"govuk-table\">\n  <tbody class=\"govuk-table__body\">\n    <tr class=\"govuk-table__row\">\n      <th scope=\"row\" class=\"govuk-table__header\" data-fizz=\"buzz\">Foo</th>\n    </tr>\n  </tbody>\n</table>"
+        },
+        {
+            "name": "with falsy items",
+            "options": {
+                "rows": [
+                    [
+                        {
+                            "text": "A"
+                        },
+                        {
+                            "text": 1
+                        }
+                    ],
+                    false,
+                    null,
+                    [
+                        {
+                            "text": "B"
+                        },
+                        {
+                            "text": 2
+                        }
+                    ],
+                    [
+                        {
+                            "text": "C"
+                        },
+                        {
+                            "text": 3
+                        }
+                    ]
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<table class=\"govuk-table\">\n  <tbody class=\"govuk-table__body\">\n    <tr class=\"govuk-table__row\">\n      <td class=\"govuk-table__cell\">A</td>\n      <td class=\"govuk-table__cell\">1</td>\n    </tr>\n    <tr class=\"govuk-table__row\">\n      <td class=\"govuk-table__cell\">B</td>\n      <td class=\"govuk-table__cell\">2</td>\n    </tr>\n    <tr class=\"govuk-table__row\">\n      <td class=\"govuk-table__cell\">C</td>\n      <td class=\"govuk-table__cell\">3</td>\n    </tr>\n  </tbody>\n</table>"
+        },
+        {
+            "name": "rows with classes",
+            "options": {
+                "rows": [
+                    [
+                        {
+                            "text": "Foo",
+                            "classes": "my-custom-class"
+                        }
+                    ]
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<table class=\"govuk-table\">\n  <tbody class=\"govuk-table__body\">\n    <tr class=\"govuk-table__row\">\n      <td class=\"govuk-table__cell my-custom-class\">Foo</td>\n    </tr>\n  </tbody>\n</table>"
+        },
+        {
+            "name": "rows with rowspan and colspan",
+            "options": {
+                "rows": [
+                    [
+                        {
+                            "text": "Foo",
+                            "rowspan": 2,
+                            "colspan": 2
+                        }
+                    ]
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<table class=\"govuk-table\">\n  <tbody class=\"govuk-table__body\">\n    <tr class=\"govuk-table__row\">\n      <td class=\"govuk-table__cell\" colspan=\"2\" rowspan=\"2\">Foo</td>\n    </tr>\n  </tbody>\n</table>"
+        },
+        {
+            "name": "rows with attributes",
+            "options": {
+                "rows": [
+                    [
+                        {
+                            "text": "Foo",
+                            "attributes": {
+                                "data-fizz": "buzz"
+                            }
+                        }
+                    ]
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<table class=\"govuk-table\">\n  <tbody class=\"govuk-table__body\">\n    <tr class=\"govuk-table__row\">\n      <td class=\"govuk-table__cell\" data-fizz=\"buzz\">Foo</td>\n    </tr>\n  </tbody>\n</table>"
+        },
+        {
+            "name": "with small text modifier for tables with a lot of data",
+            "options": {
+                "classes": "govuk-table--small-text-until-tablet",
+                "rows": [
+                    [
+                        {
+                            "text": "January"
+                        },
+                        {
+                            "text": "£85",
+                            "format": "numeric"
+                        },
+                        {
+                            "text": "£95",
+                            "format": "numeric"
+                        }
+                    ],
+                    [
+                        {
+                            "text": "February"
+                        },
+                        {
+                            "text": "£75",
+                            "format": "numeric"
+                        },
+                        {
+                            "text": "£55",
+                            "format": "numeric"
+                        }
+                    ],
+                    [
+                        {
+                            "text": "March"
+                        },
+                        {
+                            "text": "£165",
+                            "format": "numeric"
+                        },
+                        {
+                            "text": "£125",
+                            "format": "numeric"
+                        }
+                    ]
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<table class=\"govuk-table govuk-table--small-text-until-tablet\">\n  <tbody class=\"govuk-table__body\">\n    <tr class=\"govuk-table__row\">\n      <td class=\"govuk-table__cell\">January</td>\n      <td class=\"govuk-table__cell govuk-table__cell--numeric\">£85</td>\n      <td class=\"govuk-table__cell govuk-table__cell--numeric\">£95</td>\n    </tr>\n    <tr class=\"govuk-table__row\">\n      <td class=\"govuk-table__cell\">February</td>\n      <td class=\"govuk-table__cell govuk-table__cell--numeric\">£75</td>\n      <td class=\"govuk-table__cell govuk-table__cell--numeric\">£55</td>\n    </tr>\n    <tr class=\"govuk-table__row\">\n      <td class=\"govuk-table__cell\">March</td>\n      <td class=\"govuk-table__cell govuk-table__cell--numeric\">£165</td>\n      <td class=\"govuk-table__cell govuk-table__cell--numeric\">£125</td>\n    </tr>\n  </tbody>\n</table>"
+        }
+    ]
+}
diff --git a/app/templates/govuk/components/components/table/macro-options.json b/app/templates/govuk/components/components/table/macro-options.json
new file mode 100644
index 0000000..e04207c
--- /dev/null
+++ b/app/templates/govuk/components/components/table/macro-options.json
@@ -0,0 +1,132 @@
+[
+    {
+        "name": "rows",
+        "type": "array",
+        "required": true,
+        "description": "The rows within the table component.",
+        "params": [
+            {
+                "name": "text",
+                "type": "string",
+                "required": true,
+                "description": "If `html` is set, this is not required. Text for cells in table rows. If `html` is provided, the `text` option will be ignored."
+            },
+            {
+                "name": "html",
+                "type": "string",
+                "required": true,
+                "description": "If `text` is set, this is not required. HTML for cells in table rows. If `html` is provided, the `text` option will be ignored."
+            },
+            {
+                "name": "format",
+                "type": "string",
+                "required": false,
+                "description": "Specify format of a cell. Currently we only use \"numeric\"."
+            },
+            {
+                "name": "classes",
+                "type": "string",
+                "required": false,
+                "description": "Classes to add to the table row cell."
+            },
+            {
+                "name": "colspan",
+                "type": "integer",
+                "required": false,
+                "description": "Specify how many columns a cell extends."
+            },
+            {
+                "name": "rowspan",
+                "type": "integer",
+                "required": false,
+                "description": "Specify how many rows a cell extends."
+            },
+            {
+                "name": "attributes",
+                "type": "object",
+                "required": false,
+                "description": "HTML attributes (for example data attributes) to add to the table cell."
+            }
+        ]
+    },
+    {
+        "name": "head",
+        "type": "array",
+        "required": false,
+        "description": "Can be used to add a row of table header cells (`<th>`) at the top of the table component.",
+        "params": [
+            {
+                "name": "text",
+                "type": "string",
+                "required": false,
+                "description": "If `html` is set, this is not required. Text for table head cells. If `html` is provided, the `text` option will be ignored."
+            },
+            {
+                "name": "html",
+                "type": "string",
+                "required": false,
+                "description": "If `text` is set, this is not required. HTML for table head cells. If `html` is provided, the `text` option will be ignored."
+            },
+            {
+                "name": "format",
+                "type": "string",
+                "required": false,
+                "description": "Specify format of a cell. Currently we only use \"numeric\"."
+            },
+            {
+                "name": "classes",
+                "type": "string",
+                "required": false,
+                "description": "Classes to add to the table head cell."
+            },
+            {
+                "name": "colspan",
+                "type": "integer",
+                "required": false,
+                "description": "Specify how many columns a cell extends."
+            },
+            {
+                "name": "rowspan",
+                "type": "integer",
+                "required": false,
+                "description": "Specify how many rows a cell extends."
+            },
+            {
+                "name": "attributes",
+                "type": "object",
+                "required": false,
+                "description": "HTML attributes (for example data attributes) to add to the table cell."
+            }
+        ]
+    },
+    {
+        "name": "caption",
+        "type": "string",
+        "required": false,
+        "description": "Caption text."
+    },
+    {
+        "name": "captionClasses",
+        "type": "string",
+        "required": false,
+        "description": "Classes for caption text size. Classes should correspond to the available typography heading classes."
+    },
+    {
+        "name": "firstCellIsHeader",
+        "type": "boolean",
+        "required": false,
+        "description": "If set to `true`, the first cell in each row will be a table header (`<th>`)."
+    },
+    {
+        "name": "classes",
+        "type": "string",
+        "required": false,
+        "description": "Classes to add to the table container."
+    },
+    {
+        "name": "attributes",
+        "type": "object",
+        "required": false,
+        "description": "HTML attributes (for example data attributes) to add to the table container."
+    }
+]
diff --git a/app/templates/govuk/components/components/table/macro.njk b/app/templates/govuk/components/components/table/macro.njk
new file mode 100644
index 0000000..66c1257
--- /dev/null
+++ b/app/templates/govuk/components/components/table/macro.njk
@@ -0,0 +1,3 @@
+{% macro govukTable(params) %}
+  {%- include "./template.njk" -%}
+{% endmacro %}
diff --git a/app/templates/govuk/components/components/table/template-default.html b/app/templates/govuk/components/components/table/template-default.html
new file mode 100644
index 0000000..c547502
--- /dev/null
+++ b/app/templates/govuk/components/components/table/template-default.html
@@ -0,0 +1,19 @@
+<table class="govuk-table">
+  <tbody class="govuk-table__body">
+    <tr class="govuk-table__row">
+      <td class="govuk-table__cell">January</td>
+      <td class="govuk-table__cell govuk-table__cell--numeric">£85</td>
+      <td class="govuk-table__cell govuk-table__cell--numeric">£95</td>
+    </tr>
+    <tr class="govuk-table__row">
+      <td class="govuk-table__cell">February</td>
+      <td class="govuk-table__cell govuk-table__cell--numeric">£75</td>
+      <td class="govuk-table__cell govuk-table__cell--numeric">£55</td>
+    </tr>
+    <tr class="govuk-table__row">
+      <td class="govuk-table__cell">March</td>
+      <td class="govuk-table__cell govuk-table__cell--numeric">£165</td>
+      <td class="govuk-table__cell govuk-table__cell--numeric">£125</td>
+    </tr>
+  </tbody>
+</table>
diff --git a/app/templates/govuk/components/components/table/template-with-head-and-caption.html b/app/templates/govuk/components/components/table/template-with-head-and-caption.html
new file mode 100644
index 0000000..683906c
--- /dev/null
+++ b/app/templates/govuk/components/components/table/template-with-head-and-caption.html
@@ -0,0 +1,27 @@
+<table class="govuk-table">
+  <caption class="govuk-table__caption govuk-table__caption--m">Caption 1: Months and rates</caption>
+  <thead class="govuk-table__head">
+    <tr class="govuk-table__row">
+      <th scope="col" class="govuk-table__header">Month you apply</th>
+      <th scope="col" class="govuk-table__header govuk-table__header--numeric">Rate for bicycles</th>
+      <th scope="col" class="govuk-table__header govuk-table__header--numeric">Rate for vehicles</th>
+    </tr>
+  </thead>
+  <tbody class="govuk-table__body">
+    <tr class="govuk-table__row">
+      <th scope="row" class="govuk-table__header">January</th>
+      <td class="govuk-table__cell govuk-table__cell--numeric">£85</td>
+      <td class="govuk-table__cell govuk-table__cell--numeric">£95</td>
+    </tr>
+    <tr class="govuk-table__row">
+      <th scope="row" class="govuk-table__header">February</th>
+      <td class="govuk-table__cell govuk-table__cell--numeric">£75</td>
+      <td class="govuk-table__cell govuk-table__cell--numeric">£55</td>
+    </tr>
+    <tr class="govuk-table__row">
+      <th scope="row" class="govuk-table__header">March</th>
+      <td class="govuk-table__cell govuk-table__cell--numeric">£165</td>
+      <td class="govuk-table__cell govuk-table__cell--numeric">£125</td>
+    </tr>
+  </tbody>
+</table>
diff --git a/app/templates/govuk/components/components/table/template-with-head.html b/app/templates/govuk/components/components/table/template-with-head.html
new file mode 100644
index 0000000..e8950b3
--- /dev/null
+++ b/app/templates/govuk/components/components/table/template-with-head.html
@@ -0,0 +1,26 @@
+<table class="govuk-table">
+  <thead class="govuk-table__head">
+    <tr class="govuk-table__row">
+      <th scope="col" class="govuk-table__header">Month you apply</th>
+      <th scope="col" class="govuk-table__header govuk-table__header--numeric">Rate for bicycles</th>
+      <th scope="col" class="govuk-table__header govuk-table__header--numeric">Rate for vehicles</th>
+    </tr>
+  </thead>
+  <tbody class="govuk-table__body">
+    <tr class="govuk-table__row">
+      <td class="govuk-table__cell">January</td>
+      <td class="govuk-table__cell govuk-table__cell--numeric">£85</td>
+      <td class="govuk-table__cell govuk-table__cell--numeric">£95</td>
+    </tr>
+    <tr class="govuk-table__row">
+      <td class="govuk-table__cell">February</td>
+      <td class="govuk-table__cell govuk-table__cell--numeric">£75</td>
+      <td class="govuk-table__cell govuk-table__cell--numeric">£55</td>
+    </tr>
+    <tr class="govuk-table__row">
+      <td class="govuk-table__cell">March</td>
+      <td class="govuk-table__cell govuk-table__cell--numeric">£165</td>
+      <td class="govuk-table__cell govuk-table__cell--numeric">£125</td>
+    </tr>
+  </tbody>
+</table>
diff --git a/app/templates/govuk/components/components/table/template.njk b/app/templates/govuk/components/components/table/template.njk
new file mode 100644
index 0000000..eaa3ea6
--- /dev/null
+++ b/app/templates/govuk/components/components/table/template.njk
@@ -0,0 +1,57 @@
+{% from "../../macros/attributes.njk" import govukAttributes -%}
+
+<table class="govuk-table
+  {%- if params.classes %} {{ params.classes }}{% endif %}"
+  {{- govukAttributes(params.attributes) }}>
+{% if params.caption %}
+  <caption class="govuk-table__caption
+    {%- if params.captionClasses %} {{ params.captionClasses }}{% endif %}">
+    {{- params.caption -}}
+  </caption>
+{% endif %}
+{% if params.head %}
+  <thead class="govuk-table__head">
+    <tr class="govuk-table__row">
+    {% for item in params.head %}
+      <th scope="col" class="govuk-table__header
+        {%- if item.format %} govuk-table__header--{{ item.format }}{% endif %}
+        {%- if item.classes %} {{ item.classes }}{% endif %}"
+        {%- if item.colspan %} colspan="{{ item.colspan }}"{% endif %}
+        {%- if item.rowspan %} rowspan="{{ item.rowspan }}"{% endif %}
+        {{- govukAttributes(item.attributes) }}>
+          {{- item.html | safe if item.html else item.text -}}
+        </th>
+    {% endfor %}
+    </tr>
+  </thead>
+{% endif %}
+  <tbody class="govuk-table__body">
+{% for row in params.rows %}
+  {% if row %}
+    <tr class="govuk-table__row">
+    {% for cell in row %}
+      {% set commonAttributes %}
+        {%- if cell.colspan %} colspan="{{ cell.colspan }}"{% endif %}
+        {%- if cell.rowspan %} rowspan="{{ cell.rowspan }}"{% endif %}
+        {{- govukAttributes(cell.attributes) -}}
+      {% endset %}
+      {% if loop.first and params.firstCellIsHeader %}
+      <th scope="row" class="govuk-table__header
+        {%- if cell.classes %} {{ cell.classes }}{% endif %}"
+        {{- commonAttributes | safe }}>
+        {{- cell.html | safe if cell.html else cell.text -}}
+      </th>
+      {% else %}
+      <td class="govuk-table__cell
+        {%- if cell.format %} govuk-table__cell--{{ cell.format }}{% endif %}
+        {%- if cell.classes %} {{ cell.classes }}{% endif %}"
+        {{- commonAttributes | safe }}>
+        {{- cell.html | safe if cell.html else cell.text -}}
+      </td>
+      {% endif %}
+    {% endfor %}
+    </tr>
+  {% endif %}
+{% endfor %}
+  </tbody>
+</table>
diff --git a/app/templates/govuk/components/components/tabs/README.md b/app/templates/govuk/components/components/tabs/README.md
new file mode 100644
index 0000000..433c366
--- /dev/null
+++ b/app/templates/govuk/components/components/tabs/README.md
@@ -0,0 +1,15 @@
+# Tabs
+
+## Installation
+
+See the [main README quick start guide](https://github.com/alphagov/govuk-frontend#quick-start) for how to install this component.
+
+## Guidance and Examples
+
+Find out when to use the tabs component in your service in the [GOV.UK Design System](https://design-system.service.gov.uk/components/tabs).
+
+## Component options
+
+Use options to customise the appearance, content and behaviour of a component when using a macro, for example, changing the text.
+
+See [options table](https://design-system.service.gov.uk/components/tabs/#options-tabs-example) for details.
diff --git a/app/templates/govuk/components/components/tabs/_index.scss b/app/templates/govuk/components/components/tabs/_index.scss
new file mode 100644
index 0000000..a0e6280
--- /dev/null
+++ b/app/templates/govuk/components/components/tabs/_index.scss
@@ -0,0 +1,134 @@
+@include govuk-exports("govuk/component/tabs") {
+  .govuk-tabs {
+    @include govuk-responsive-margin(1, "top");
+    @include govuk-responsive-margin(6, "bottom");
+    @include govuk-font($size: 19);
+  }
+
+  .govuk-tabs__title {
+    // Set the size and weight again because this element is a heading and the
+    // user agent font size overrides the inherited font size
+    @include govuk-font-size($size: 19);
+    @include govuk-typography-weight-regular;
+    @include govuk-text-colour;
+    margin-bottom: govuk-spacing(2);
+  }
+
+  .govuk-tabs__list {
+    margin: 0;
+    padding: 0;
+    list-style: none;
+    @include govuk-responsive-margin(6, "bottom");
+  }
+
+  .govuk-tabs__list-item {
+    margin-left: govuk-spacing(5);
+
+    &::before {
+      @include govuk-text-colour;
+      content: "\2014 "; // "— "
+      margin-left: govuk-spacing(-5);
+      padding-right: govuk-spacing(1);
+    }
+  }
+
+  .govuk-tabs__tab {
+    @include govuk-link-common;
+    @include govuk-link-style-default;
+
+    display: inline-block;
+    margin-bottom: govuk-spacing(2);
+  }
+
+  .govuk-tabs__panel {
+    @include govuk-responsive-margin(8, "bottom");
+  }
+
+  // GOV.UK Frontend JavaScript enabled
+  .govuk-frontend-supported {
+    @include govuk-media-query($from: tablet) {
+      .govuk-tabs__list {
+        @include govuk-clearfix;
+        margin-bottom: 0;
+        border-bottom: 1px solid $govuk-border-colour;
+      }
+
+      .govuk-tabs__title {
+        display: none;
+      }
+
+      .govuk-tabs__list-item {
+        position: relative;
+
+        margin-right: govuk-spacing(1);
+        margin-bottom: 0;
+        margin-left: 0;
+        padding: govuk-spacing(2) govuk-spacing(4);
+
+        float: left;
+        background-color: govuk-colour("light-grey");
+        text-align: center;
+
+        &::before {
+          content: none;
+        }
+      }
+
+      .govuk-tabs__list-item--selected {
+        $border-width: 1px;
+
+        position: relative;
+
+        margin-top: govuk-spacing(-1);
+
+        // Compensation for border (otherwise we get a shift)
+        margin-bottom: -$border-width;
+        padding-top: govuk-spacing(3) - $border-width;
+        padding-right: govuk-spacing(4) - $border-width;
+        padding-bottom: govuk-spacing(3) + $border-width;
+        padding-left: govuk-spacing(4) - $border-width;
+
+        border: $border-width solid $govuk-border-colour;
+        border-bottom: 0;
+
+        background-color: $govuk-body-background-colour;
+
+        .govuk-tabs__tab {
+          text-decoration: none;
+        }
+      }
+
+      .govuk-tabs__tab {
+        @include govuk-link-style-text;
+
+        margin-bottom: 0;
+
+        &::after {
+          content: "";
+          position: absolute;
+          top: 0;
+          right: 0;
+          bottom: 0;
+          left: 0;
+        }
+      }
+
+      .govuk-tabs__panel {
+        @include govuk-responsive-margin(0, "bottom");
+        padding: govuk-spacing(6) govuk-spacing(4);
+        border: 1px solid $govuk-border-colour;
+        border-top: 0;
+
+        & > :last-child {
+          margin-bottom: 0;
+        }
+      }
+
+      .govuk-tabs__panel--hidden {
+        display: none;
+      }
+    }
+  }
+}
+
+/*# sourceMappingURL=_index.scss.map */
diff --git a/app/templates/govuk/components/components/tabs/_index.scss.map b/app/templates/govuk/components/components/tabs/_index.scss.map
new file mode 100644
index 0000000..9777732
--- /dev/null
+++ b/app/templates/govuk/components/components/tabs/_index.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/tabs/_index.scss"],"names":[],"mappings":"AAAA;EACE;IACE,0CAA0C;IAC1C,6CAA6C;IAC7C,8BAA8B;EAChC;;EAEA;IACE,yEAAyE;IACzE,wDAAwD;IACxD,mCAAmC;IACnC,wCAAwC;IACxC,0BAA0B;IAC1B,+BAA+B;EACjC;;EAEA;IACE,SAAS;IACT,UAAU;IACV,gBAAgB;IAChB,6CAA6C;EAC/C;;EAEA;IACE,6BAA6B;;IAE7B;MACE,0BAA0B;MAC1B,iBAAiB,EAAE,MAAM;MACzB,8BAA8B;MAC9B,+BAA+B;IACjC;EACF;;EAEA;IACE,0BAA0B;IAC1B,iCAAiC;;IAEjC,qBAAqB;IACrB,+BAA+B;EACjC;;EAEA;IACE,6CAA6C;EAC/C;;EAEA,oCAAoC;EACpC;IACE;MACE;QACE,uBAAuB;QACvB,gBAAgB;QAChB,6CAA6C;MAC/C;;MAEA;QACE,aAAa;MACf;;MAEA;QACE,kBAAkB;;QAElB,8BAA8B;QAC9B,gBAAgB;QAChB,cAAc;QACd,0CAA0C;;QAE1C,WAAW;QACX,4CAA4C;QAC5C,kBAAkB;;QAElB;UACE,aAAa;QACf;MACF;;MAEA;QACE,kBAAkB;;QAElB,kBAAkB;;QAElB,6BAA6B;;QAE7B,oDAAoD;QACpD,6BAA6B;QAC7B,6CAA6C;QAC7C,+CAA+C;QAC/C,gDAAgD;QAChD,8CAA8C;;QAE9C,gDAAgD;QAChD,gBAAgB;;QAEhB,+CAA+C;;QAE/C;UACE,qBAAqB;QACvB;MACF;;MAEA;QACE,8BAA8B;;QAE9B,gBAAgB;;QAEhB;UACE,WAAW;UACX,kBAAkB;UAClB,MAAM;UACN,QAAQ;UACR,SAAS;UACT,OAAO;QACT;MACF;;MAEA;QACE,6CAA6C;QAC7C,0CAA0C;QAC1C,sCAAsC;QACtC,aAAa;;QAEb;UACE,gBAAgB;QAClB;MACF;;MAEA;QACE,aAAa;MACf;IACF;EACF;AACF","file":"_index.scss","sourcesContent":["@include govuk-exports(\"govuk/component/tabs\") {\n  .govuk-tabs {\n    @include govuk-responsive-margin(1, \"top\");\n    @include govuk-responsive-margin(6, \"bottom\");\n    @include govuk-font($size: 19);\n  }\n\n  .govuk-tabs__title {\n    // Set the size and weight again because this element is a heading and the\n    // user agent font size overrides the inherited font size\n    @include govuk-font-size($size: 19);\n    @include govuk-typography-weight-regular;\n    @include govuk-text-colour;\n    margin-bottom: govuk-spacing(2);\n  }\n\n  .govuk-tabs__list {\n    margin: 0;\n    padding: 0;\n    list-style: none;\n    @include govuk-responsive-margin(6, \"bottom\");\n  }\n\n  .govuk-tabs__list-item {\n    margin-left: govuk-spacing(5);\n\n    &::before {\n      @include govuk-text-colour;\n      content: \"\\2014 \"; // \"— \"\n      margin-left: govuk-spacing(-5);\n      padding-right: govuk-spacing(1);\n    }\n  }\n\n  .govuk-tabs__tab {\n    @include govuk-link-common;\n    @include govuk-link-style-default;\n\n    display: inline-block;\n    margin-bottom: govuk-spacing(2);\n  }\n\n  .govuk-tabs__panel {\n    @include govuk-responsive-margin(8, \"bottom\");\n  }\n\n  // GOV.UK Frontend JavaScript enabled\n  .govuk-frontend-supported {\n    @include govuk-media-query($from: tablet) {\n      .govuk-tabs__list {\n        @include govuk-clearfix;\n        margin-bottom: 0;\n        border-bottom: 1px solid $govuk-border-colour;\n      }\n\n      .govuk-tabs__title {\n        display: none;\n      }\n\n      .govuk-tabs__list-item {\n        position: relative;\n\n        margin-right: govuk-spacing(1);\n        margin-bottom: 0;\n        margin-left: 0;\n        padding: govuk-spacing(2) govuk-spacing(4);\n\n        float: left;\n        background-color: govuk-colour(\"light-grey\");\n        text-align: center;\n\n        &::before {\n          content: none;\n        }\n      }\n\n      .govuk-tabs__list-item--selected {\n        $border-width: 1px;\n\n        position: relative;\n\n        margin-top: govuk-spacing(-1);\n\n        // Compensation for border (otherwise we get a shift)\n        margin-bottom: -$border-width;\n        padding-top: govuk-spacing(3) - $border-width;\n        padding-right: govuk-spacing(4) - $border-width;\n        padding-bottom: govuk-spacing(3) + $border-width;\n        padding-left: govuk-spacing(4) - $border-width;\n\n        border: $border-width solid $govuk-border-colour;\n        border-bottom: 0;\n\n        background-color: $govuk-body-background-colour;\n\n        .govuk-tabs__tab {\n          text-decoration: none;\n        }\n      }\n\n      .govuk-tabs__tab {\n        @include govuk-link-style-text;\n\n        margin-bottom: 0;\n\n        &::after {\n          content: \"\";\n          position: absolute;\n          top: 0;\n          right: 0;\n          bottom: 0;\n          left: 0;\n        }\n      }\n\n      .govuk-tabs__panel {\n        @include govuk-responsive-margin(0, \"bottom\");\n        padding: govuk-spacing(6) govuk-spacing(4);\n        border: 1px solid $govuk-border-colour;\n        border-top: 0;\n\n        & > :last-child {\n          margin-bottom: 0;\n        }\n      }\n\n      .govuk-tabs__panel--hidden {\n        display: none;\n      }\n    }\n  }\n}\n"]}
diff --git a/app/templates/govuk/components/components/tabs/_tabs.scss b/app/templates/govuk/components/components/tabs/_tabs.scss
new file mode 100644
index 0000000..3cf177a
--- /dev/null
+++ b/app/templates/govuk/components/components/tabs/_tabs.scss
@@ -0,0 +1,4 @@
+@import "../../base";
+@import "./index";
+
+/*# sourceMappingURL=_tabs.scss.map */
diff --git a/app/templates/govuk/components/components/tabs/_tabs.scss.map b/app/templates/govuk/components/components/tabs/_tabs.scss.map
new file mode 100644
index 0000000..9e2f6e5
--- /dev/null
+++ b/app/templates/govuk/components/components/tabs/_tabs.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/tabs/_tabs.scss"],"names":[],"mappings":"AAAA,oBAAoB;AACpB,iBAAiB","file":"_tabs.scss","sourcesContent":["@import \"../../base\";\n@import \"./index\";\n"]}
diff --git a/app/templates/govuk/components/components/tabs/fixtures.json b/app/templates/govuk/components/components/tabs/fixtures.json
new file mode 100644
index 0000000..90b2b09
--- /dev/null
+++ b/app/templates/govuk/components/components/tabs/fixtures.json
@@ -0,0 +1,333 @@
+{
+    "component": "tabs",
+    "fixtures": [
+        {
+            "name": "default",
+            "options": {
+                "items": [
+                    {
+                        "label": "Past day",
+                        "id": "past-day",
+                        "panel": {
+                            "html": "<h2 class=\"govuk-heading-l\">Past day</h2>\n<table class=\"govuk-table\">\n  <thead class=\"govuk-table__head\">\n    <tr class=\"govuk-table__row\">\n      <th class=\"govuk-table__header\" scope=\"col\">Case manager</th>\n      <th class=\"govuk-table__header\" scope=\"col\">Cases opened</th>\n      <th class=\"govuk-table__header\" scope=\"col\">Cases closed</th>\n    </tr>\n  </thead>\n  <tbody class=\"govuk-table__body\">\n    <tr class=\"govuk-table__row\">\n      <td class=\"govuk-table__cell\">David Francis</td>\n      <td class=\"govuk-table__cell\">3</td>\n      <td class=\"govuk-table__cell\">0</td>\n    </tr>\n    <tr class=\"govuk-table__row\">\n      <td class=\"govuk-table__cell\">Paul Farmer</td>\n      <td class=\"govuk-table__cell\">1</td>\n      <td class=\"govuk-table__cell\">0</td>\n    </tr>\n    <tr class=\"govuk-table__row\">\n      <td class=\"govuk-table__cell\">Rita Patel</td>\n      <td class=\"govuk-table__cell\">2</td>\n      <td class=\"govuk-table__cell\">0</td>\n    </tr>\n  </tbody>\n</table>\n"
+                        }
+                    },
+                    {
+                        "label": "Past week",
+                        "id": "past-week",
+                        "panel": {
+                            "html": "<h2 class=\"govuk-heading-l\">Past week</h2>\n<table class=\"govuk-table\">\n  <thead class=\"govuk-table__head\">\n    <tr class=\"govuk-table__row\">\n      <th class=\"govuk-table__header\" scope=\"col\">Case manager</th>\n      <th class=\"govuk-table__header\" scope=\"col\">Cases opened</th>\n      <th class=\"govuk-table__header\" scope=\"col\">Cases closed</th>\n    </tr>\n  </thead>\n  <tbody class=\"govuk-table__body\">\n    <tr class=\"govuk-table__row\">\n      <td class=\"govuk-table__cell\">David Francis</td>\n      <td class=\"govuk-table__cell\">24</td>\n      <td class=\"govuk-table__cell\">18</td>\n    </tr>\n    <tr class=\"govuk-table__row\">\n      <td class=\"govuk-table__cell\">Paul Farmer</td>\n      <td class=\"govuk-table__cell\">16</td>\n      <td class=\"govuk-table__cell\">20</td>\n    </tr>\n    <tr class=\"govuk-table__row\">\n      <td class=\"govuk-table__cell\">Rita Patel</td>\n      <td class=\"govuk-table__cell\">24</td>\n      <td class=\"govuk-table__cell\">27</td>\n    </tr>\n  </tbody>\n</table>\n"
+                        }
+                    },
+                    {
+                        "label": "Past month",
+                        "id": "past-month",
+                        "panel": {
+                            "html": "<h2 class=\"govuk-heading-l\">Past month</h2>\n<table class=\"govuk-table\">\n  <thead class=\"govuk-table__head\">\n    <tr class=\"govuk-table__row\">\n      <th class=\"govuk-table__header\" scope=\"col\">Case manager</th>\n      <th class=\"govuk-table__header\" scope=\"col\">Cases opened</th>\n      <th class=\"govuk-table__header\" scope=\"col\">Cases closed</th>\n    </tr>\n  </thead>\n  <tbody class=\"govuk-table__body\">\n    <tr class=\"govuk-table__row\">\n      <td class=\"govuk-table__cell\">David Francis</td>\n      <td class=\"govuk-table__cell\">98</td>\n      <td class=\"govuk-table__cell\">95</td>\n    </tr>\n    <tr class=\"govuk-table__row\">\n      <td class=\"govuk-table__cell\">Paul Farmer</td>\n      <td class=\"govuk-table__cell\">122</td>\n      <td class=\"govuk-table__cell\">131</td>\n    </tr>\n    <tr class=\"govuk-table__row\">\n      <td class=\"govuk-table__cell\">Rita Patel</td>\n      <td class=\"govuk-table__cell\">126</td>\n      <td class=\"govuk-table__cell\">142</td>\n    </tr>\n  </tbody>\n</table>\n"
+                        }
+                    },
+                    {
+                        "label": "Past year",
+                        "id": "past-year",
+                        "panel": {
+                            "text": "There is no data for this year yet, check back later"
+                        }
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": {
+                "variants": [
+                    "default",
+                    "no-js"
+                ]
+            },
+            "html": "<div class=\"govuk-tabs\" data-module=\"govuk-tabs\">\n  <h2 class=\"govuk-tabs__title\">\n    Contents\n  </h2>\n  <ul class=\"govuk-tabs__list\">\n    <li class=\"govuk-tabs__list-item govuk-tabs__list-item--selected\">\n      <a class=\"govuk-tabs__tab\" href=\"#past-day\">\n        Past day\n      </a>\n    </li>\n    <li class=\"govuk-tabs__list-item\">\n      <a class=\"govuk-tabs__tab\" href=\"#past-week\">\n        Past week\n      </a>\n    </li>\n    <li class=\"govuk-tabs__list-item\">\n      <a class=\"govuk-tabs__tab\" href=\"#past-month\">\n        Past month\n      </a>\n    </li>\n    <li class=\"govuk-tabs__list-item\">\n      <a class=\"govuk-tabs__tab\" href=\"#past-year\">\n        Past year\n      </a>\n    </li>\n  </ul>\n  <div class=\"govuk-tabs__panel\" id=\"past-day\">\n    <h2 class=\"govuk-heading-l\">Past day</h2>\n    <table class=\"govuk-table\">\n      <thead class=\"govuk-table__head\">\n        <tr class=\"govuk-table__row\">\n          <th class=\"govuk-table__header\" scope=\"col\">Case manager</th>\n          <th class=\"govuk-table__header\" scope=\"col\">Cases opened</th>\n          <th class=\"govuk-table__header\" scope=\"col\">Cases closed</th>\n        </tr>\n      </thead>\n      <tbody class=\"govuk-table__body\">\n        <tr class=\"govuk-table__row\">\n          <td class=\"govuk-table__cell\">David Francis</td>\n          <td class=\"govuk-table__cell\">3</td>\n          <td class=\"govuk-table__cell\">0</td>\n        </tr>\n        <tr class=\"govuk-table__row\">\n          <td class=\"govuk-table__cell\">Paul Farmer</td>\n          <td class=\"govuk-table__cell\">1</td>\n          <td class=\"govuk-table__cell\">0</td>\n        </tr>\n        <tr class=\"govuk-table__row\">\n          <td class=\"govuk-table__cell\">Rita Patel</td>\n          <td class=\"govuk-table__cell\">2</td>\n          <td class=\"govuk-table__cell\">0</td>\n        </tr>\n      </tbody>\n    </table>\n  </div>\n  <div class=\"govuk-tabs__panel govuk-tabs__panel--hidden\" id=\"past-week\">\n    <h2 class=\"govuk-heading-l\">Past week</h2>\n    <table class=\"govuk-table\">\n      <thead class=\"govuk-table__head\">\n        <tr class=\"govuk-table__row\">\n          <th class=\"govuk-table__header\" scope=\"col\">Case manager</th>\n          <th class=\"govuk-table__header\" scope=\"col\">Cases opened</th>\n          <th class=\"govuk-table__header\" scope=\"col\">Cases closed</th>\n        </tr>\n      </thead>\n      <tbody class=\"govuk-table__body\">\n        <tr class=\"govuk-table__row\">\n          <td class=\"govuk-table__cell\">David Francis</td>\n          <td class=\"govuk-table__cell\">24</td>\n          <td class=\"govuk-table__cell\">18</td>\n        </tr>\n        <tr class=\"govuk-table__row\">\n          <td class=\"govuk-table__cell\">Paul Farmer</td>\n          <td class=\"govuk-table__cell\">16</td>\n          <td class=\"govuk-table__cell\">20</td>\n        </tr>\n        <tr class=\"govuk-table__row\">\n          <td class=\"govuk-table__cell\">Rita Patel</td>\n          <td class=\"govuk-table__cell\">24</td>\n          <td class=\"govuk-table__cell\">27</td>\n        </tr>\n      </tbody>\n    </table>\n  </div>\n  <div class=\"govuk-tabs__panel govuk-tabs__panel--hidden\" id=\"past-month\">\n    <h2 class=\"govuk-heading-l\">Past month</h2>\n    <table class=\"govuk-table\">\n      <thead class=\"govuk-table__head\">\n        <tr class=\"govuk-table__row\">\n          <th class=\"govuk-table__header\" scope=\"col\">Case manager</th>\n          <th class=\"govuk-table__header\" scope=\"col\">Cases opened</th>\n          <th class=\"govuk-table__header\" scope=\"col\">Cases closed</th>\n        </tr>\n      </thead>\n      <tbody class=\"govuk-table__body\">\n        <tr class=\"govuk-table__row\">\n          <td class=\"govuk-table__cell\">David Francis</td>\n          <td class=\"govuk-table__cell\">98</td>\n          <td class=\"govuk-table__cell\">95</td>\n        </tr>\n        <tr class=\"govuk-table__row\">\n          <td class=\"govuk-table__cell\">Paul Farmer</td>\n          <td class=\"govuk-table__cell\">122</td>\n          <td class=\"govuk-table__cell\">131</td>\n        </tr>\n        <tr class=\"govuk-table__row\">\n          <td class=\"govuk-table__cell\">Rita Patel</td>\n          <td class=\"govuk-table__cell\">126</td>\n          <td class=\"govuk-table__cell\">142</td>\n        </tr>\n      </tbody>\n    </table>\n  </div>\n  <div class=\"govuk-tabs__panel govuk-tabs__panel--hidden\" id=\"past-year\">\n    <p class=\"govuk-body\">There is no data for this year yet, check back later</p>\n  </div>\n</div>"
+        },
+        {
+            "name": "classes",
+            "options": {
+                "classes": "app-tabs--custom-modifier",
+                "items": [
+                    {
+                        "label": "Tab 1",
+                        "id": "tab-1",
+                        "panel": {
+                            "text": "Information about tabs"
+                        }
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-tabs app-tabs--custom-modifier\" data-module=\"govuk-tabs\">\n  <h2 class=\"govuk-tabs__title\">\n    Contents\n  </h2>\n  <ul class=\"govuk-tabs__list\">\n    <li class=\"govuk-tabs__list-item govuk-tabs__list-item--selected\">\n      <a class=\"govuk-tabs__tab\" href=\"#tab-1\">\n        Tab 1\n      </a>\n    </li>\n  </ul>\n  <div class=\"govuk-tabs__panel\" id=\"tab-1\">\n    <p class=\"govuk-body\">Information about tabs</p>\n  </div>\n</div>"
+        },
+        {
+            "name": "id",
+            "options": {
+                "id": "my-tabs",
+                "items": [
+                    {
+                        "label": "Tab 1",
+                        "id": "tab-1",
+                        "panel": {
+                            "text": "Information about tabs"
+                        }
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div id=\"my-tabs\" class=\"govuk-tabs\" data-module=\"govuk-tabs\">\n  <h2 class=\"govuk-tabs__title\">\n    Contents\n  </h2>\n  <ul class=\"govuk-tabs__list\">\n    <li class=\"govuk-tabs__list-item govuk-tabs__list-item--selected\">\n      <a class=\"govuk-tabs__tab\" href=\"#tab-1\">\n        Tab 1\n      </a>\n    </li>\n  </ul>\n  <div class=\"govuk-tabs__panel\" id=\"tab-1\">\n    <p class=\"govuk-body\">Information about tabs</p>\n  </div>\n</div>"
+        },
+        {
+            "name": "title",
+            "options": {
+                "title": "Custom title for Contents",
+                "items": [
+                    {
+                        "label": "Tab 1",
+                        "id": "tab-1",
+                        "panel": {
+                            "text": "Information about tabs"
+                        }
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-tabs\" data-module=\"govuk-tabs\">\n  <h2 class=\"govuk-tabs__title\">\n    Custom title for Contents\n  </h2>\n  <ul class=\"govuk-tabs__list\">\n    <li class=\"govuk-tabs__list-item govuk-tabs__list-item--selected\">\n      <a class=\"govuk-tabs__tab\" href=\"#tab-1\">\n        Tab 1\n      </a>\n    </li>\n  </ul>\n  <div class=\"govuk-tabs__panel\" id=\"tab-1\">\n    <p class=\"govuk-body\">Information about tabs</p>\n  </div>\n</div>"
+        },
+        {
+            "name": "attributes",
+            "options": {
+                "attributes": {
+                    "data-attribute": "my data value"
+                },
+                "items": [
+                    {
+                        "label": "Tab 1",
+                        "id": "tab-1",
+                        "panel": {
+                            "text": "Information about tabs"
+                        }
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-tabs\" data-attribute=\"my data value\" data-module=\"govuk-tabs\">\n  <h2 class=\"govuk-tabs__title\">\n    Contents\n  </h2>\n  <ul class=\"govuk-tabs__list\">\n    <li class=\"govuk-tabs__list-item govuk-tabs__list-item--selected\">\n      <a class=\"govuk-tabs__tab\" href=\"#tab-1\">\n        Tab 1\n      </a>\n    </li>\n  </ul>\n  <div class=\"govuk-tabs__panel\" id=\"tab-1\">\n    <p class=\"govuk-body\">Information about tabs</p>\n  </div>\n</div>"
+        },
+        {
+            "name": "item with attributes",
+            "options": {
+                "items": [
+                    {
+                        "id": "tab-1",
+                        "label": "Tab 1",
+                        "panel": {
+                            "text": "Information about tabs"
+                        },
+                        "attributes": {
+                            "data-attribute": "my-attribute",
+                            "data-attribute-2": "my-attribute-2"
+                        }
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-tabs\" data-module=\"govuk-tabs\">\n  <h2 class=\"govuk-tabs__title\">\n    Contents\n  </h2>\n  <ul class=\"govuk-tabs__list\">\n    <li class=\"govuk-tabs__list-item govuk-tabs__list-item--selected\">\n      <a class=\"govuk-tabs__tab\" href=\"#tab-1\" data-attribute=\"my-attribute\" data-attribute-2=\"my-attribute-2\">\n        Tab 1\n      </a>\n    </li>\n  </ul>\n  <div class=\"govuk-tabs__panel\" id=\"tab-1\">\n    <p class=\"govuk-body\">Information about tabs</p>\n  </div>\n</div>"
+        },
+        {
+            "name": "panel with attributes",
+            "options": {
+                "items": [
+                    {
+                        "id": "tab-1",
+                        "label": "Tab 1",
+                        "panel": {
+                            "text": "Panel text",
+                            "attributes": {
+                                "data-attribute": "my-attribute",
+                                "data-attribute-2": "my-attribute-2"
+                            }
+                        }
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-tabs\" data-module=\"govuk-tabs\">\n  <h2 class=\"govuk-tabs__title\">\n    Contents\n  </h2>\n  <ul class=\"govuk-tabs__list\">\n    <li class=\"govuk-tabs__list-item govuk-tabs__list-item--selected\">\n      <a class=\"govuk-tabs__tab\" href=\"#tab-1\">\n        Tab 1\n      </a>\n    </li>\n  </ul>\n  <div class=\"govuk-tabs__panel\" id=\"tab-1\" data-attribute=\"my-attribute\" data-attribute-2=\"my-attribute-2\">\n    <p class=\"govuk-body\">Panel text</p>\n  </div>\n</div>"
+        },
+        {
+            "name": "no item list",
+            "options": {
+                "id": "my-tabs",
+                "classes": "app-tabs--custom-modifier"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div id=\"my-tabs\" class=\"govuk-tabs app-tabs--custom-modifier\" data-module=\"govuk-tabs\">\n  <h2 class=\"govuk-tabs__title\">\n    Contents\n  </h2>\n</div>"
+        },
+        {
+            "name": "empty item list",
+            "options": {
+                "items": []
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-tabs\" data-module=\"govuk-tabs\">\n  <h2 class=\"govuk-tabs__title\">\n    Contents\n  </h2>\n</div>"
+        },
+        {
+            "name": "with falsy values",
+            "options": {
+                "items": [
+                    {
+                        "label": "Tab 1",
+                        "id": "tab-1",
+                        "panel": {
+                            "text": "Panel 1 content"
+                        }
+                    },
+                    null,
+                    false,
+                    "",
+                    {
+                        "label": "Tab 2",
+                        "id": "tab-2",
+                        "panel": {
+                            "text": "Panel 2 content"
+                        }
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-tabs\" data-module=\"govuk-tabs\">\n  <h2 class=\"govuk-tabs__title\">\n    Contents\n  </h2>\n  <ul class=\"govuk-tabs__list\">\n    <li class=\"govuk-tabs__list-item govuk-tabs__list-item--selected\">\n      <a class=\"govuk-tabs__tab\" href=\"#tab-1\">\n        Tab 1\n      </a>\n    </li>\n    <li class=\"govuk-tabs__list-item\">\n      <a class=\"govuk-tabs__tab\" href=\"#tab-2\">\n        Tab 2\n      </a>\n    </li>\n  </ul>\n  <div class=\"govuk-tabs__panel\" id=\"tab-1\">\n    <p class=\"govuk-body\">Panel 1 content</p>\n  </div>\n  <div class=\"govuk-tabs__panel govuk-tabs__panel--hidden\" id=\"tab-2\">\n    <p class=\"govuk-body\">Panel 2 content</p>\n  </div>\n</div>"
+        },
+        {
+            "name": "idPrefix",
+            "options": {
+                "idPrefix": "custom",
+                "items": [
+                    {
+                        "label": "Tab 1",
+                        "panel": {
+                            "text": "Panel 1 content"
+                        }
+                    },
+                    {
+                        "label": "Tab 2",
+                        "panel": {
+                            "text": "Panel 2 content"
+                        }
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-tabs\" data-module=\"govuk-tabs\">\n  <h2 class=\"govuk-tabs__title\">\n    Contents\n  </h2>\n  <ul class=\"govuk-tabs__list\">\n    <li class=\"govuk-tabs__list-item govuk-tabs__list-item--selected\">\n      <a class=\"govuk-tabs__tab\" href=\"#custom-1\">\n        Tab 1\n      </a>\n    </li>\n    <li class=\"govuk-tabs__list-item\">\n      <a class=\"govuk-tabs__tab\" href=\"#custom-2\">\n        Tab 2\n      </a>\n    </li>\n  </ul>\n  <div class=\"govuk-tabs__panel\" id=\"custom-1\">\n    <p class=\"govuk-body\">Panel 1 content</p>\n  </div>\n  <div class=\"govuk-tabs__panel govuk-tabs__panel--hidden\" id=\"custom-2\">\n    <p class=\"govuk-body\">Panel 2 content</p>\n  </div>\n</div>"
+        },
+        {
+            "name": "html as text",
+            "options": {
+                "items": [
+                    {
+                        "label": "Tab 1",
+                        "id": "tab-1",
+                        "panel": {
+                            "text": "<p>Panel 1 content</p>"
+                        }
+                    },
+                    {
+                        "label": "Tab 2",
+                        "id": "tab-2",
+                        "panel": {
+                            "text": "<p>Panel 2 content</p>"
+                        }
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-tabs\" data-module=\"govuk-tabs\">\n  <h2 class=\"govuk-tabs__title\">\n    Contents\n  </h2>\n  <ul class=\"govuk-tabs__list\">\n    <li class=\"govuk-tabs__list-item govuk-tabs__list-item--selected\">\n      <a class=\"govuk-tabs__tab\" href=\"#tab-1\">\n        Tab 1\n      </a>\n    </li>\n    <li class=\"govuk-tabs__list-item\">\n      <a class=\"govuk-tabs__tab\" href=\"#tab-2\">\n        Tab 2\n      </a>\n    </li>\n  </ul>\n  <div class=\"govuk-tabs__panel\" id=\"tab-1\">\n    <p class=\"govuk-body\">&lt;p&gt;Panel 1 content&lt;/p&gt;</p>\n  </div>\n  <div class=\"govuk-tabs__panel govuk-tabs__panel--hidden\" id=\"tab-2\">\n    <p class=\"govuk-body\">&lt;p&gt;Panel 2 content&lt;/p&gt;</p>\n  </div>\n</div>"
+        },
+        {
+            "name": "html",
+            "options": {
+                "items": [
+                    {
+                        "label": "Tab 1",
+                        "id": "tab-1",
+                        "panel": {
+                            "html": "<p>Panel 1 content</p>"
+                        }
+                    },
+                    {
+                        "label": "Tab 2",
+                        "id": "tab-2",
+                        "panel": {
+                            "html": "<p>Panel 2 content</p>"
+                        }
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-tabs\" data-module=\"govuk-tabs\">\n  <h2 class=\"govuk-tabs__title\">\n    Contents\n  </h2>\n  <ul class=\"govuk-tabs__list\">\n    <li class=\"govuk-tabs__list-item govuk-tabs__list-item--selected\">\n      <a class=\"govuk-tabs__tab\" href=\"#tab-1\">\n        Tab 1\n      </a>\n    </li>\n    <li class=\"govuk-tabs__list-item\">\n      <a class=\"govuk-tabs__tab\" href=\"#tab-2\">\n        Tab 2\n      </a>\n    </li>\n  </ul>\n  <div class=\"govuk-tabs__panel\" id=\"tab-1\">\n    <p>Panel 1 content</p>\n  </div>\n  <div class=\"govuk-tabs__panel govuk-tabs__panel--hidden\" id=\"tab-2\">\n    <p>Panel 2 content</p>\n  </div>\n</div>"
+        },
+        {
+            "name": "tabs-with-anchor-in-panel",
+            "options": {
+                "items": [
+                    {
+                        "label": "Tab 1",
+                        "id": "tab-1",
+                        "panel": {
+                            "html": "<h2 class=\"govuk-heading-l\">Tab 1</h2>\n<p class=\"govuk-body\">Testing that when you click the anchor it moves to the anchor point successfully</p>\n<p class=\"govuk-body\"><a class=\"govuk-link\" href=\"#anchor\">Anchor</a></p>\n<p class=\"govuk-body\"><a id=\"anchor\" tabindex=\"0\">Anchor Point</a></p>\n"
+                        }
+                    },
+                    {
+                        "label": "Tab 2",
+                        "id": "tab-2",
+                        "panel": {
+                            "html": "<h2 class=\"govuk-heading-l\">Tab 2</h2>\n"
+                        }
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "Ensure that anchors that are in tab panels work correctly",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-tabs\" data-module=\"govuk-tabs\">\n  <h2 class=\"govuk-tabs__title\">\n    Contents\n  </h2>\n  <ul class=\"govuk-tabs__list\">\n    <li class=\"govuk-tabs__list-item govuk-tabs__list-item--selected\">\n      <a class=\"govuk-tabs__tab\" href=\"#tab-1\">\n        Tab 1\n      </a>\n    </li>\n    <li class=\"govuk-tabs__list-item\">\n      <a class=\"govuk-tabs__tab\" href=\"#tab-2\">\n        Tab 2\n      </a>\n    </li>\n  </ul>\n  <div class=\"govuk-tabs__panel\" id=\"tab-1\">\n    <h2 class=\"govuk-heading-l\">Tab 1</h2>\n    <p class=\"govuk-body\">Testing that when you click the anchor it moves to the anchor point successfully</p>\n    <p class=\"govuk-body\"><a class=\"govuk-link\" href=\"#anchor\">Anchor</a></p>\n    <p class=\"govuk-body\"><a id=\"anchor\" tabindex=\"0\">Anchor Point</a></p>\n  </div>\n  <div class=\"govuk-tabs__panel govuk-tabs__panel--hidden\" id=\"tab-2\">\n    <h2 class=\"govuk-heading-l\">Tab 2</h2>\n  </div>\n</div>"
+        }
+    ]
+}
diff --git a/app/templates/govuk/components/components/tabs/macro-options.json b/app/templates/govuk/components/components/tabs/macro-options.json
new file mode 100644
index 0000000..122e19c
--- /dev/null
+++ b/app/templates/govuk/components/components/tabs/macro-options.json
@@ -0,0 +1,84 @@
+[
+    {
+        "name": "id",
+        "type": "string",
+        "required": false,
+        "description": "This is used for the main component and to compose the ID attribute for each item."
+    },
+    {
+        "name": "idPrefix",
+        "type": "string",
+        "required": false,
+        "description": "Optional prefix. This is used to prefix the `id` attribute for each tab item and panel, separated by `-`."
+    },
+    {
+        "name": "title",
+        "type": "string",
+        "required": false,
+        "description": "Title for the tabs table of contents."
+    },
+    {
+        "name": "items",
+        "type": "array",
+        "required": true,
+        "description": "The individual tabs within the tabs component.",
+        "params": [
+            {
+                "name": "id",
+                "type": "string",
+                "required": true,
+                "description": "Specific ID attribute for the tab item. If omitted, then `idPrefix` string is required instead."
+            },
+            {
+                "name": "label",
+                "type": "string",
+                "required": true,
+                "description": "The text label of a tab item."
+            },
+            {
+                "name": "attributes",
+                "type": "object",
+                "required": false,
+                "description": "HTML attributes (for example data attributes) to add to the tab."
+            },
+            {
+                "name": "panel",
+                "description": "The contents of each tab within the tabs component. This is referenced as a panel.",
+                "type": "object",
+                "required": true,
+                "params": [
+                    {
+                        "name": "text",
+                        "type": "string",
+                        "required": true,
+                        "description": "If `html` is set, this is not required. Text to use within each tab panel. If `html` is provided, the `text` option will be ignored."
+                    },
+                    {
+                        "name": "html",
+                        "type": "string",
+                        "required": true,
+                        "description": "If `text` is set, this is not required. HTML to use within each tab panel. If `html` is provided, the `text` option will be ignored."
+                    },
+                    {
+                        "name": "attributes",
+                        "type": "object",
+                        "required": false,
+                        "description": "HTML attributes (for example data attributes) to add to the tab panel."
+                    }
+                ]
+            }
+        ]
+    },
+    {
+        "name": "classes",
+        "type": "string",
+        "required": false,
+        "description": "Classes to add to the tabs component."
+    },
+    {
+        "name": "attributes",
+        "type": "object",
+        "required": false,
+        "description": "HTML attributes (for example data attributes) to add to the tabs component."
+    }
+]
diff --git a/app/templates/govuk/components/components/tabs/macro.njk b/app/templates/govuk/components/components/tabs/macro.njk
new file mode 100644
index 0000000..e77ceea
--- /dev/null
+++ b/app/templates/govuk/components/components/tabs/macro.njk
@@ -0,0 +1,3 @@
+{% macro govukTabs(params) %}
+  {%- include "./template.njk" -%}
+{% endmacro %}
diff --git a/app/templates/govuk/components/components/tabs/tabs.bundle.js b/app/templates/govuk/components/components/tabs/tabs.bundle.js
new file mode 100644
index 0000000..118aedc
--- /dev/null
+++ b/app/templates/govuk/components/components/tabs/tabs.bundle.js
@@ -0,0 +1,432 @@
+(function (global, factory) {
+  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports) :
+  typeof define === 'function' && define.amd ? define(['exports'], factory) :
+  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.GOVUKFrontend = global.GOVUKFrontend || {}));
+})(this, (function (exports) { 'use strict';
+
+  function getBreakpoint(name) {
+    const property = `--govuk-breakpoint-${name}`;
+    const value = window.getComputedStyle(document.documentElement).getPropertyValue(property);
+    return {
+      property,
+      value: value || undefined
+    };
+  }
+  function isInitialised($root, moduleName) {
+    return $root instanceof HTMLElement && $root.hasAttribute(`data-${moduleName}-init`);
+  }
+
+  /**
+   * Checks if GOV.UK Frontend is supported on this page
+   *
+   * Some browsers will load and run our JavaScript but GOV.UK Frontend
+   * won't be supported.
+   *
+   * @param {HTMLElement | null} [$scope] - (internal) `<body>` HTML element checked for browser support
+   * @returns {boolean} Whether GOV.UK Frontend is supported on this page
+   */
+  function isSupported($scope = document.body) {
+    if (!$scope) {
+      return false;
+    }
+    return $scope.classList.contains('govuk-frontend-supported');
+  }
+  function isArray(option) {
+    return Array.isArray(option);
+  }
+  function isObject(option) {
+    return !!option && typeof option === 'object' && !isArray(option);
+  }
+  function formatErrorMessage(Component, message) {
+    return `${Component.moduleName}: ${message}`;
+  }
+  /**
+   * @typedef ComponentWithModuleName
+   * @property {string} moduleName - Name of the component
+   */
+
+  class GOVUKFrontendError extends Error {
+    constructor(...args) {
+      super(...args);
+      this.name = 'GOVUKFrontendError';
+    }
+  }
+  class SupportError extends GOVUKFrontendError {
+    /**
+     * Checks if GOV.UK Frontend is supported on this page
+     *
+     * @param {HTMLElement | null} [$scope] - HTML element `<body>` checked for browser support
+     */
+    constructor($scope = document.body) {
+      const supportMessage = 'noModule' in HTMLScriptElement.prototype ? 'GOV.UK Frontend initialised without `<body class="govuk-frontend-supported">` from template `<script>` snippet' : 'GOV.UK Frontend is not supported in this browser';
+      super($scope ? supportMessage : 'GOV.UK Frontend initialised without `<script type="module">`');
+      this.name = 'SupportError';
+    }
+  }
+  class ElementError extends GOVUKFrontendError {
+    constructor(messageOrOptions) {
+      let message = typeof messageOrOptions === 'string' ? messageOrOptions : '';
+      if (isObject(messageOrOptions)) {
+        const {
+          component,
+          identifier,
+          element,
+          expectedType
+        } = messageOrOptions;
+        message = identifier;
+        message += element ? ` is not of type ${expectedType != null ? expectedType : 'HTMLElement'}` : ' not found';
+        if (component) {
+          message = formatErrorMessage(component, message);
+        }
+      }
+      super(message);
+      this.name = 'ElementError';
+    }
+  }
+  class InitError extends GOVUKFrontendError {
+    constructor(componentOrMessage) {
+      const message = typeof componentOrMessage === 'string' ? componentOrMessage : formatErrorMessage(componentOrMessage, `Root element (\`$root\`) already initialised`);
+      super(message);
+      this.name = 'InitError';
+    }
+  }
+  /**
+   * @import { ComponentWithModuleName } from '../common/index.mjs'
+   */
+
+  class Component {
+    /**
+     * Returns the root element of the component
+     *
+     * @protected
+     * @returns {RootElementType} - the root element of component
+     */
+    get $root() {
+      return this._$root;
+    }
+    constructor($root) {
+      this._$root = void 0;
+      const childConstructor = this.constructor;
+      if (typeof childConstructor.moduleName !== 'string') {
+        throw new InitError(`\`moduleName\` not defined in component`);
+      }
+      if (!($root instanceof childConstructor.elementType)) {
+        throw new ElementError({
+          element: $root,
+          component: childConstructor,
+          identifier: 'Root element (`$root`)',
+          expectedType: childConstructor.elementType.name
+        });
+      } else {
+        this._$root = $root;
+      }
+      childConstructor.checkSupport();
+      this.checkInitialised();
+      const moduleName = childConstructor.moduleName;
+      this.$root.setAttribute(`data-${moduleName}-init`, '');
+    }
+    checkInitialised() {
+      const constructor = this.constructor;
+      const moduleName = constructor.moduleName;
+      if (moduleName && isInitialised(this.$root, moduleName)) {
+        throw new InitError(constructor);
+      }
+    }
+    static checkSupport() {
+      if (!isSupported()) {
+        throw new SupportError();
+      }
+    }
+  }
+
+  /**
+   * @typedef ChildClass
+   * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component
+   */
+
+  /**
+   * @typedef {typeof Component & ChildClass} ChildClassConstructor
+   */
+  Component.elementType = HTMLElement;
+
+  /**
+   * Tabs component
+   *
+   * @preserve
+   */
+  class Tabs extends Component {
+    /**
+     * @param {Element | null} $root - HTML element to use for tabs
+     */
+    constructor($root) {
+      super($root);
+      this.$tabs = void 0;
+      this.$tabList = void 0;
+      this.$tabListItems = void 0;
+      this.jsHiddenClass = 'govuk-tabs__panel--hidden';
+      this.changingHash = false;
+      this.boundTabClick = void 0;
+      this.boundTabKeydown = void 0;
+      this.boundOnHashChange = void 0;
+      this.mql = null;
+      const $tabs = this.$root.querySelectorAll('a.govuk-tabs__tab');
+      if (!$tabs.length) {
+        throw new ElementError({
+          component: Tabs,
+          identifier: 'Links (`<a class="govuk-tabs__tab">`)'
+        });
+      }
+      this.$tabs = $tabs;
+      this.boundTabClick = this.onTabClick.bind(this);
+      this.boundTabKeydown = this.onTabKeydown.bind(this);
+      this.boundOnHashChange = this.onHashChange.bind(this);
+      const $tabList = this.$root.querySelector('.govuk-tabs__list');
+      const $tabListItems = this.$root.querySelectorAll('li.govuk-tabs__list-item');
+      if (!$tabList) {
+        throw new ElementError({
+          component: Tabs,
+          identifier: 'List (`<ul class="govuk-tabs__list">`)'
+        });
+      }
+      if (!$tabListItems.length) {
+        throw new ElementError({
+          component: Tabs,
+          identifier: 'List items (`<li class="govuk-tabs__list-item">`)'
+        });
+      }
+      this.$tabList = $tabList;
+      this.$tabListItems = $tabListItems;
+      this.setupResponsiveChecks();
+    }
+    setupResponsiveChecks() {
+      const breakpoint = getBreakpoint('tablet');
+      if (!breakpoint.value) {
+        throw new ElementError({
+          component: Tabs,
+          identifier: `CSS custom property (\`${breakpoint.property}\`) on pseudo-class \`:root\``
+        });
+      }
+      this.mql = window.matchMedia(`(min-width: ${breakpoint.value})`);
+      if ('addEventListener' in this.mql) {
+        this.mql.addEventListener('change', () => this.checkMode());
+      } else {
+        this.mql.addListener(() => this.checkMode());
+      }
+      this.checkMode();
+    }
+    checkMode() {
+      var _this$mql;
+      if ((_this$mql = this.mql) != null && _this$mql.matches) {
+        this.setup();
+      } else {
+        this.teardown();
+      }
+    }
+    setup() {
+      var _this$getTab;
+      this.$tabList.setAttribute('role', 'tablist');
+      this.$tabListItems.forEach($item => {
+        $item.setAttribute('role', 'presentation');
+      });
+      this.$tabs.forEach($tab => {
+        this.setAttributes($tab);
+        $tab.addEventListener('click', this.boundTabClick, true);
+        $tab.addEventListener('keydown', this.boundTabKeydown, true);
+        this.hideTab($tab);
+      });
+      const $activeTab = (_this$getTab = this.getTab(window.location.hash)) != null ? _this$getTab : this.$tabs[0];
+      this.showTab($activeTab);
+      window.addEventListener('hashchange', this.boundOnHashChange, true);
+    }
+    teardown() {
+      this.$tabList.removeAttribute('role');
+      this.$tabListItems.forEach($item => {
+        $item.removeAttribute('role');
+      });
+      this.$tabs.forEach($tab => {
+        $tab.removeEventListener('click', this.boundTabClick, true);
+        $tab.removeEventListener('keydown', this.boundTabKeydown, true);
+        this.unsetAttributes($tab);
+      });
+      window.removeEventListener('hashchange', this.boundOnHashChange, true);
+    }
+    onHashChange() {
+      const hash = window.location.hash;
+      const $tabWithHash = this.getTab(hash);
+      if (!$tabWithHash) {
+        return;
+      }
+      if (this.changingHash) {
+        this.changingHash = false;
+        return;
+      }
+      const $previousTab = this.getCurrentTab();
+      if (!$previousTab) {
+        return;
+      }
+      this.hideTab($previousTab);
+      this.showTab($tabWithHash);
+      $tabWithHash.focus();
+    }
+    hideTab($tab) {
+      this.unhighlightTab($tab);
+      this.hidePanel($tab);
+    }
+    showTab($tab) {
+      this.highlightTab($tab);
+      this.showPanel($tab);
+    }
+    getTab(hash) {
+      return this.$root.querySelector(`a.govuk-tabs__tab[href="${hash}"]`);
+    }
+    setAttributes($tab) {
+      const panelId = $tab.hash.replace('#', '');
+      if (!panelId) {
+        return;
+      }
+      $tab.setAttribute('id', `tab_${panelId}`);
+      $tab.setAttribute('role', 'tab');
+      $tab.setAttribute('aria-controls', panelId);
+      $tab.setAttribute('aria-selected', 'false');
+      $tab.setAttribute('tabindex', '-1');
+      const $panel = this.getPanel($tab);
+      if (!$panel) {
+        return;
+      }
+      $panel.setAttribute('role', 'tabpanel');
+      $panel.setAttribute('aria-labelledby', $tab.id);
+      $panel.classList.add(this.jsHiddenClass);
+    }
+    unsetAttributes($tab) {
+      $tab.removeAttribute('id');
+      $tab.removeAttribute('role');
+      $tab.removeAttribute('aria-controls');
+      $tab.removeAttribute('aria-selected');
+      $tab.removeAttribute('tabindex');
+      const $panel = this.getPanel($tab);
+      if (!$panel) {
+        return;
+      }
+      $panel.removeAttribute('role');
+      $panel.removeAttribute('aria-labelledby');
+      $panel.classList.remove(this.jsHiddenClass);
+    }
+    onTabClick(event) {
+      const $currentTab = this.getCurrentTab();
+      const $nextTab = event.currentTarget;
+      if (!$currentTab || !($nextTab instanceof HTMLAnchorElement)) {
+        return;
+      }
+      event.preventDefault();
+      this.hideTab($currentTab);
+      this.showTab($nextTab);
+      this.createHistoryEntry($nextTab);
+    }
+    createHistoryEntry($tab) {
+      const $panel = this.getPanel($tab);
+      if (!$panel) {
+        return;
+      }
+      const panelId = $panel.id;
+      $panel.id = '';
+      this.changingHash = true;
+      window.location.hash = panelId;
+      $panel.id = panelId;
+    }
+    onTabKeydown(event) {
+      switch (event.key) {
+        case 'ArrowLeft':
+        case 'Left':
+          this.activatePreviousTab();
+          event.preventDefault();
+          break;
+        case 'ArrowRight':
+        case 'Right':
+          this.activateNextTab();
+          event.preventDefault();
+          break;
+      }
+    }
+    activateNextTab() {
+      const $currentTab = this.getCurrentTab();
+      if (!($currentTab != null && $currentTab.parentElement)) {
+        return;
+      }
+      const $nextTabListItem = $currentTab.parentElement.nextElementSibling;
+      if (!$nextTabListItem) {
+        return;
+      }
+      const $nextTab = $nextTabListItem.querySelector('a.govuk-tabs__tab');
+      if (!$nextTab) {
+        return;
+      }
+      this.hideTab($currentTab);
+      this.showTab($nextTab);
+      $nextTab.focus();
+      this.createHistoryEntry($nextTab);
+    }
+    activatePreviousTab() {
+      const $currentTab = this.getCurrentTab();
+      if (!($currentTab != null && $currentTab.parentElement)) {
+        return;
+      }
+      const $previousTabListItem = $currentTab.parentElement.previousElementSibling;
+      if (!$previousTabListItem) {
+        return;
+      }
+      const $previousTab = $previousTabListItem.querySelector('a.govuk-tabs__tab');
+      if (!$previousTab) {
+        return;
+      }
+      this.hideTab($currentTab);
+      this.showTab($previousTab);
+      $previousTab.focus();
+      this.createHistoryEntry($previousTab);
+    }
+    getPanel($tab) {
+      const panelId = $tab.hash.replace('#', '');
+      if (!panelId) {
+        return null;
+      }
+      return this.$root.querySelector(`#${panelId}`);
+    }
+    showPanel($tab) {
+      const $panel = this.getPanel($tab);
+      if (!$panel) {
+        return;
+      }
+      $panel.classList.remove(this.jsHiddenClass);
+    }
+    hidePanel($tab) {
+      const $panel = this.getPanel($tab);
+      if (!$panel) {
+        return;
+      }
+      $panel.classList.add(this.jsHiddenClass);
+    }
+    unhighlightTab($tab) {
+      if (!$tab.parentElement) {
+        return;
+      }
+      $tab.setAttribute('aria-selected', 'false');
+      $tab.parentElement.classList.remove('govuk-tabs__list-item--selected');
+      $tab.setAttribute('tabindex', '-1');
+    }
+    highlightTab($tab) {
+      if (!$tab.parentElement) {
+        return;
+      }
+      $tab.setAttribute('aria-selected', 'true');
+      $tab.parentElement.classList.add('govuk-tabs__list-item--selected');
+      $tab.setAttribute('tabindex', '0');
+    }
+    getCurrentTab() {
+      return this.$root.querySelector('.govuk-tabs__list-item--selected a.govuk-tabs__tab');
+    }
+  }
+  Tabs.moduleName = 'govuk-tabs';
+
+  exports.Tabs = Tabs;
+
+}));
+//# sourceMappingURL=tabs.bundle.js.map
diff --git a/app/templates/govuk/components/components/tabs/tabs.bundle.js.map b/app/templates/govuk/components/components/tabs/tabs.bundle.js.map
new file mode 100644
index 0000000..6833f17
--- /dev/null
+++ b/app/templates/govuk/components/components/tabs/tabs.bundle.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"tabs.bundle.js","sources":["../../../../src/govuk/common/index.mjs","../../../../src/govuk/errors/index.mjs","../../../../src/govuk/component.mjs","../../../../src/govuk/components/tabs/tabs.mjs"],"sourcesContent":["/**\n * Common helpers which do not require polyfill.\n *\n * IMPORTANT: If a helper require a polyfill, please isolate it in its own module\n * so that the polyfill can be properly tree-shaken and does not burden\n * the components that do not need that helper\n */\n\n/**\n * Get GOV.UK Frontend breakpoint value from CSS custom property\n *\n * @private\n * @param {string} name - Breakpoint name\n * @returns {{ property: string, value?: string }} Breakpoint object\n */\nexport function getBreakpoint(name) {\n  const property = `--govuk-breakpoint-${name}`\n\n  // Get value from `<html>` with breakpoints on CSS :root\n  const value = window\n    .getComputedStyle(document.documentElement)\n    .getPropertyValue(property)\n\n  return {\n    property,\n    value: value || undefined\n  }\n}\n\n/**\n * Move focus to element\n *\n * Sets tabindex to -1 to make the element programmatically focusable,\n * but removes it on blur as the element doesn't need to be focused again.\n *\n * @private\n * @template {HTMLElement} FocusElement\n * @param {FocusElement} $element - HTML element\n * @param {object} [options] - Handler options\n * @param {function(this: FocusElement): void} [options.onBeforeFocus] - Callback before focus\n * @param {function(this: FocusElement): void} [options.onBlur] - Callback on blur\n */\nexport function setFocus($element, options = {}) {\n  const isFocusable = $element.getAttribute('tabindex')\n\n  if (!isFocusable) {\n    $element.setAttribute('tabindex', '-1')\n  }\n\n  /**\n   * Handle element focus\n   */\n  function onFocus() {\n    $element.addEventListener('blur', onBlur, { once: true })\n  }\n\n  /**\n   * Handle element blur\n   */\n  function onBlur() {\n    options.onBlur?.call($element)\n\n    if (!isFocusable) {\n      $element.removeAttribute('tabindex')\n    }\n  }\n\n  // Add listener to reset element on blur, after focus\n  $element.addEventListener('focus', onFocus, { once: true })\n\n  // Focus element\n  options.onBeforeFocus?.call($element)\n  $element.focus()\n}\n\n/**\n * Checks if component is already initialised\n *\n * @internal\n * @param {Element} $root - HTML element to be checked\n * @param {string} moduleName - name of component module\n * @returns {boolean} Whether component is already initialised\n */\nexport function isInitialised($root, moduleName) {\n  return (\n    $root instanceof HTMLElement &&\n    $root.hasAttribute(`data-${moduleName}-init`)\n  )\n}\n\n/**\n * Checks if GOV.UK Frontend is supported on this page\n *\n * Some browsers will load and run our JavaScript but GOV.UK Frontend\n * won't be supported.\n *\n * @param {HTMLElement | null} [$scope] - (internal) `<body>` HTML element checked for browser support\n * @returns {boolean} Whether GOV.UK Frontend is supported on this page\n */\nexport function isSupported($scope = document.body) {\n  if (!$scope) {\n    return false\n  }\n\n  return $scope.classList.contains('govuk-frontend-supported')\n}\n\n/**\n * Check for an array\n *\n * @internal\n * @param {unknown} option - Option to check\n * @returns {boolean} Whether the option is an array\n */\nfunction isArray(option) {\n  return Array.isArray(option)\n}\n\n/**\n * Check for an object\n *\n * @internal\n * @template {Partial<Record<keyof ObjectType, unknown>>} ObjectType\n * @param {unknown | ObjectType} option - Option to check\n * @returns {option is ObjectType} Whether the option is an object\n */\nexport function isObject(option) {\n  return !!option && typeof option === 'object' && !isArray(option)\n}\n\n/**\n * Check for valid scope\n *\n * @internal\n * @template {Element | Document} ScopeType\n * @param {unknown | ScopeType} $scope - Scope of the document to search within\n * @returns {$scope is ScopeType} Whether the scope can be queried\n */\nexport function isScope($scope) {\n  return !!$scope && ($scope instanceof Element || $scope instanceof Document)\n}\n\n/**\n * Format error message\n *\n * @internal\n * @param {ComponentWithModuleName} Component - Component that threw the error\n * @param {string} message - Error message\n * @returns {string} - Formatted error message\n */\nexport function formatErrorMessage(Component, message) {\n  return `${Component.moduleName}: ${message}`\n}\n\n/* eslint-disable jsdoc/valid-types --\n * `{new(...args: any[] ): object}` is not recognised as valid\n * https://github.com/gajus/eslint-plugin-jsdoc/issues/145#issuecomment-1308722878\n * https://github.com/jsdoc-type-pratt-parser/jsdoc-type-pratt-parser/issues/131\n **/\n\n/**\n * @typedef ComponentWithModuleName\n * @property {string} moduleName - Name of the component\n */\n\n/* eslint-enable jsdoc/valid-types */\n","import { formatErrorMessage, isObject } from '../common/index.mjs'\n\n/**\n * GOV.UK Frontend error\n *\n * A base class for `Error`s thrown by GOV.UK Frontend.\n *\n * It is meant to be extended into specific types of errors\n * to be thrown by our code.\n *\n * @example\n * ```js\n * class MissingRootError extends GOVUKFrontendError {\n *   // Setting an explicit name is important as extending the class will not\n *   // set a new `name` on the subclass. The `name` property is important\n *   // to ensure intelligible error names even if the class name gets\n *   // mangled by a minifier\n *   name = \"MissingRootError\"\n * }\n * ```\n * @virtual\n */\nexport class GOVUKFrontendError extends Error {\n  name = 'GOVUKFrontendError'\n}\n\n/**\n * Indicates that GOV.UK Frontend is not supported\n */\nexport class SupportError extends GOVUKFrontendError {\n  name = 'SupportError'\n\n  /**\n   * Checks if GOV.UK Frontend is supported on this page\n   *\n   * @param {HTMLElement | null} [$scope] - HTML element `<body>` checked for browser support\n   */\n  constructor($scope = document.body) {\n    const supportMessage =\n      'noModule' in HTMLScriptElement.prototype\n        ? 'GOV.UK Frontend initialised without `<body class=\"govuk-frontend-supported\">` from template `<script>` snippet'\n        : 'GOV.UK Frontend is not supported in this browser'\n\n    super(\n      $scope\n        ? supportMessage\n        : 'GOV.UK Frontend initialised without `<script type=\"module\">`'\n    )\n  }\n}\n\n/**\n * Indicates that a component has received an illegal configuration\n */\nexport class ConfigError extends GOVUKFrontendError {\n  name = 'ConfigError'\n}\n\n/**\n * Indicates an issue with an element (possibly `null` or `undefined`)\n */\nexport class ElementError extends GOVUKFrontendError {\n  name = 'ElementError'\n\n  /**\n   * @internal\n   * @overload\n   * @param {string} message - Element error message\n   */\n\n  /**\n   * @internal\n   * @overload\n   * @param {ElementErrorOptions} options - Element error options\n   */\n\n  /**\n   * @internal\n   * @param {string | ElementErrorOptions} messageOrOptions - Element error message or options\n   */\n  constructor(messageOrOptions) {\n    let message = typeof messageOrOptions === 'string' ? messageOrOptions : ''\n\n    // Build message from options\n    if (isObject(messageOrOptions)) {\n      const { component, identifier, element, expectedType } = messageOrOptions\n\n      message = identifier\n\n      // Append reason\n      message += element\n        ? ` is not of type ${expectedType ?? 'HTMLElement'}`\n        : ' not found'\n\n      // Prepend with module name (optional)\n      if (component) {\n        message = formatErrorMessage(component, message)\n      }\n    }\n\n    super(message)\n  }\n}\n\n/**\n * Indicates that a component is already initialised\n */\nexport class InitError extends GOVUKFrontendError {\n  name = 'InitError'\n\n  /**\n   * @internal\n   * @param {ComponentWithModuleName | string} componentOrMessage - name of the component module\n   */\n  constructor(componentOrMessage) {\n    const message =\n      typeof componentOrMessage === 'string'\n        ? componentOrMessage\n        : formatErrorMessage(\n            componentOrMessage,\n            `Root element (\\`$root\\`) already initialised`\n          )\n\n    super(message)\n  }\n}\n\n/**\n * Element error options\n *\n * @internal\n * @typedef {object} ElementErrorOptions\n * @property {Element | Document | null} [element] - The element in error (optional)\n * @property {ComponentWithModuleName} [component] - Component throwing the error (optional)\n * @property {string} identifier - An identifier that'll let the user understand which element has an error. This is whatever makes the most sense\n * @property {string} [expectedType] - The type that was expected for the identifier (optional)\n */\n\n/**\n * @import { ComponentWithModuleName } from '../common/index.mjs'\n */\n","import { isInitialised, isSupported } from './common/index.mjs'\nimport { ElementError, InitError, SupportError } from './errors/index.mjs'\n\n/**\n * Base Component class\n *\n * Centralises the behaviours shared by our components\n *\n * @virtual\n * @template {Element} [RootElementType=HTMLElement]\n */\nexport class Component {\n  /**\n   * @type {typeof Element}\n   */\n  static elementType = HTMLElement\n\n  // allows Typescript user to work around the lack of types\n  // in GOVUKFrontend package, Typescript is not aware of $root\n  // in components that extend GOVUKFrontendComponent\n  /**\n   * Returns the root element of the component\n   *\n   * @protected\n   * @returns {RootElementType} - the root element of component\n   */\n  get $root() {\n    return this._$root\n  }\n\n  /**\n   * @protected\n   * @type {RootElementType}\n   */\n  _$root\n\n  /**\n   * Constructs a new component, validating that GOV.UK Frontend is supported\n   *\n   * @internal\n   * @param {Element | null} [$root] - HTML element to use for component\n   */\n  constructor($root) {\n    const childConstructor = /** @type {ChildClassConstructor} */ (\n      this.constructor\n    )\n\n    // TypeScript does not enforce that inheriting classes will define a `moduleName`\n    // (even if we add a `@virtual` `static moduleName` property to this class).\n    // While we trust users to do this correctly, we do a little check to provide them\n    // a helpful error message.\n    //\n    // After this, we'll be sure that `childConstructor` has a `moduleName`\n    // as expected of the `ChildClassConstructor` we've cast `this.constructor` to.\n    if (typeof childConstructor.moduleName !== 'string') {\n      throw new InitError(`\\`moduleName\\` not defined in component`)\n    }\n\n    if (!($root instanceof childConstructor.elementType)) {\n      throw new ElementError({\n        element: $root,\n        component: childConstructor,\n        identifier: 'Root element (`$root`)',\n        expectedType: childConstructor.elementType.name\n      })\n    } else {\n      this._$root = /** @type {RootElementType} */ ($root)\n    }\n\n    childConstructor.checkSupport()\n\n    this.checkInitialised()\n\n    const moduleName = childConstructor.moduleName\n\n    this.$root.setAttribute(`data-${moduleName}-init`, '')\n  }\n\n  /**\n   * Validates whether component is already initialised\n   *\n   * @private\n   * @throws {InitError} when component is already initialised\n   */\n  checkInitialised() {\n    const constructor = /** @type {ChildClassConstructor} */ (this.constructor)\n    const moduleName = constructor.moduleName\n\n    if (moduleName && isInitialised(this.$root, moduleName)) {\n      throw new InitError(constructor)\n    }\n  }\n\n  /**\n   * Validates whether components are supported\n   *\n   * @throws {SupportError} when the components are not supported\n   */\n  static checkSupport() {\n    if (!isSupported()) {\n      throw new SupportError()\n    }\n  }\n}\n\n/**\n * @typedef ChildClass\n * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component\n */\n\n/**\n * @typedef {typeof Component & ChildClass} ChildClassConstructor\n */\n","import { getBreakpoint } from '../../common/index.mjs'\nimport { Component } from '../../component.mjs'\nimport { ElementError } from '../../errors/index.mjs'\n\n/**\n * Tabs component\n *\n * @preserve\n */\nexport class Tabs extends Component {\n  /** @private */\n  $tabs\n\n  /** @private */\n  $tabList\n\n  /** @private */\n  $tabListItems\n\n  /** @private */\n  jsHiddenClass = 'govuk-tabs__panel--hidden'\n\n  /** @private */\n  changingHash = false\n\n  /** @private */\n  boundTabClick\n\n  /** @private */\n  boundTabKeydown\n\n  /** @private */\n  boundOnHashChange\n\n  /**\n   * @private\n   * @type {MediaQueryList | null}\n   */\n  mql = null\n\n  /**\n   * @param {Element | null} $root - HTML element to use for tabs\n   */\n  constructor($root) {\n    super($root)\n\n    const $tabs = this.$root.querySelectorAll('a.govuk-tabs__tab')\n    if (!$tabs.length) {\n      throw new ElementError({\n        component: Tabs,\n        identifier: 'Links (`<a class=\"govuk-tabs__tab\">`)'\n      })\n    }\n\n    this.$tabs = $tabs\n\n    // Save bound functions so we can remove event listeners during teardown\n    this.boundTabClick = this.onTabClick.bind(this)\n    this.boundTabKeydown = this.onTabKeydown.bind(this)\n    this.boundOnHashChange = this.onHashChange.bind(this)\n\n    const $tabList = this.$root.querySelector('.govuk-tabs__list')\n    const $tabListItems = this.$root.querySelectorAll(\n      'li.govuk-tabs__list-item'\n    )\n\n    if (!$tabList) {\n      throw new ElementError({\n        component: Tabs,\n        identifier: 'List (`<ul class=\"govuk-tabs__list\">`)'\n      })\n    }\n\n    if (!$tabListItems.length) {\n      throw new ElementError({\n        component: Tabs,\n        identifier: 'List items (`<li class=\"govuk-tabs__list-item\">`)'\n      })\n    }\n\n    this.$tabList = $tabList\n    this.$tabListItems = $tabListItems\n\n    this.setupResponsiveChecks()\n  }\n\n  /**\n   * Setup viewport resize check\n   *\n   * @private\n   */\n  setupResponsiveChecks() {\n    const breakpoint = getBreakpoint('tablet')\n\n    if (!breakpoint.value) {\n      throw new ElementError({\n        component: Tabs,\n        identifier: `CSS custom property (\\`${breakpoint.property}\\`) on pseudo-class \\`:root\\``\n      })\n    }\n\n    // Media query list for GOV.UK Frontend tablet breakpoint\n    this.mql = window.matchMedia(`(min-width: ${breakpoint.value})`)\n\n    // MediaQueryList.addEventListener isn't supported by Safari < 14 so we need\n    // to be able to fall back to the deprecated MediaQueryList.addListener\n    if ('addEventListener' in this.mql) {\n      this.mql.addEventListener('change', () => this.checkMode())\n    } else {\n      // @ts-expect-error Property 'addListener' does not exist\n      // eslint-disable-next-line @typescript-eslint/no-unsafe-call\n      this.mql.addListener(() => this.checkMode())\n    }\n\n    this.checkMode()\n  }\n\n  /**\n   * Setup or teardown handler for viewport resize check\n   *\n   * @private\n   */\n  checkMode() {\n    if (this.mql?.matches) {\n      this.setup()\n    } else {\n      this.teardown()\n    }\n  }\n\n  /**\n   * Setup tab component\n   *\n   * @private\n   */\n  setup() {\n    this.$tabList.setAttribute('role', 'tablist')\n\n    this.$tabListItems.forEach(($item) => {\n      $item.setAttribute('role', 'presentation')\n    })\n\n    this.$tabs.forEach(($tab) => {\n      // Set HTML attributes\n      this.setAttributes($tab)\n\n      // Handle events\n      $tab.addEventListener('click', this.boundTabClick, true)\n      $tab.addEventListener('keydown', this.boundTabKeydown, true)\n\n      // Remove old active panels\n      this.hideTab($tab)\n    })\n\n    // Show either the active tab according to the URL's hash or the first tab\n    const $activeTab = this.getTab(window.location.hash) ?? this.$tabs[0]\n\n    this.showTab($activeTab)\n\n    // Handle hashchange events\n    window.addEventListener('hashchange', this.boundOnHashChange, true)\n  }\n\n  /**\n   * Teardown tab component\n   *\n   * @private\n   */\n  teardown() {\n    this.$tabList.removeAttribute('role')\n\n    this.$tabListItems.forEach(($item) => {\n      $item.removeAttribute('role')\n    })\n\n    this.$tabs.forEach(($tab) => {\n      // Remove events\n      $tab.removeEventListener('click', this.boundTabClick, true)\n      $tab.removeEventListener('keydown', this.boundTabKeydown, true)\n\n      // Unset HTML attributes\n      this.unsetAttributes($tab)\n    })\n\n    // Remove hashchange event handler\n    window.removeEventListener('hashchange', this.boundOnHashChange, true)\n  }\n\n  /**\n   * Handle hashchange event\n   *\n   * @private\n   * @returns {void | undefined} Returns void, or undefined when prevented\n   */\n  onHashChange() {\n    const hash = window.location.hash\n    const $tabWithHash = this.getTab(hash)\n    if (!$tabWithHash) {\n      return\n    }\n\n    // Prevent changing the hash\n    if (this.changingHash) {\n      this.changingHash = false\n      return\n    }\n\n    // Show either the active tab according to the URL's hash or the first tab\n    const $previousTab = this.getCurrentTab()\n    if (!$previousTab) {\n      return\n    }\n\n    this.hideTab($previousTab)\n    this.showTab($tabWithHash)\n    $tabWithHash.focus()\n  }\n\n  /**\n   * Hide panel for tab link\n   *\n   * @private\n   * @param {HTMLAnchorElement} $tab - Tab link\n   */\n  hideTab($tab) {\n    this.unhighlightTab($tab)\n    this.hidePanel($tab)\n  }\n\n  /**\n   * Show panel for tab link\n   *\n   * @private\n   * @param {HTMLAnchorElement} $tab - Tab link\n   */\n  showTab($tab) {\n    this.highlightTab($tab)\n    this.showPanel($tab)\n  }\n\n  /**\n   * Get tab link by hash\n   *\n   * @private\n   * @param {string} hash - Hash fragment including #\n   * @returns {HTMLAnchorElement | null} Tab link\n   */\n  getTab(hash) {\n    return this.$root.querySelector(`a.govuk-tabs__tab[href=\"${hash}\"]`)\n  }\n\n  /**\n   * Set tab link and panel attributes\n   *\n   * @private\n   * @param {HTMLAnchorElement} $tab - Tab link\n   */\n  setAttributes($tab) {\n    const panelId = $tab.hash.replace('#', '')\n    if (!panelId) {\n      return\n    }\n\n    // Set tab attributes\n    $tab.setAttribute('id', `tab_${panelId}`)\n    $tab.setAttribute('role', 'tab')\n    $tab.setAttribute('aria-controls', panelId)\n    $tab.setAttribute('aria-selected', 'false')\n    $tab.setAttribute('tabindex', '-1')\n\n    // Set panel attributes\n    const $panel = this.getPanel($tab)\n    if (!$panel) {\n      return\n    }\n\n    $panel.setAttribute('role', 'tabpanel')\n    $panel.setAttribute('aria-labelledby', $tab.id)\n    $panel.classList.add(this.jsHiddenClass)\n  }\n\n  /**\n   * Unset tab link and panel attributes\n   *\n   * @private\n   * @param {HTMLAnchorElement} $tab - Tab link\n   */\n  unsetAttributes($tab) {\n    // unset tab attributes\n    $tab.removeAttribute('id')\n    $tab.removeAttribute('role')\n    $tab.removeAttribute('aria-controls')\n    $tab.removeAttribute('aria-selected')\n    $tab.removeAttribute('tabindex')\n\n    // unset panel attributes\n    const $panel = this.getPanel($tab)\n    if (!$panel) {\n      return\n    }\n\n    $panel.removeAttribute('role')\n    $panel.removeAttribute('aria-labelledby')\n    $panel.classList.remove(this.jsHiddenClass)\n  }\n\n  /**\n   * Handle tab link clicks\n   *\n   * @private\n   * @param {MouseEvent} event - Mouse click event\n   * @returns {void} Returns void\n   */\n  onTabClick(event) {\n    const $currentTab = this.getCurrentTab()\n    const $nextTab = event.currentTarget\n\n    if (!$currentTab || !($nextTab instanceof HTMLAnchorElement)) {\n      return\n    }\n\n    event.preventDefault()\n\n    this.hideTab($currentTab)\n    this.showTab($nextTab)\n    this.createHistoryEntry($nextTab)\n  }\n\n  /**\n   * Update browser URL hash fragment for tab\n   *\n   * - Allows back/forward to navigate tabs\n   * - Avoids page jump when hash changes\n   *\n   * @private\n   * @param {HTMLAnchorElement} $tab - Tab link\n   */\n  createHistoryEntry($tab) {\n    const $panel = this.getPanel($tab)\n    if (!$panel) {\n      return\n    }\n\n    // Save and restore the id so the page doesn't jump when a user clicks a tab\n    // (which changes the hash)\n    const panelId = $panel.id\n    $panel.id = ''\n    this.changingHash = true\n    window.location.hash = panelId\n    $panel.id = panelId\n  }\n\n  /**\n   * Handle tab keydown event\n   *\n   * - Press right arrow for next tab\n   * - Press left arrow for previous tab\n   *\n   * @private\n   * @param {KeyboardEvent} event - Keydown event\n   */\n  onTabKeydown(event) {\n    switch (event.key) {\n      // 'Left' and 'Right' required for Edge 16 support.\n      case 'ArrowLeft':\n      case 'Left':\n        this.activatePreviousTab()\n        event.preventDefault()\n        break\n      case 'ArrowRight':\n      case 'Right':\n        this.activateNextTab()\n        event.preventDefault()\n        break\n    }\n  }\n\n  /**\n   * Activate next tab\n   *\n   * @private\n   */\n  activateNextTab() {\n    const $currentTab = this.getCurrentTab()\n    if (!$currentTab?.parentElement) {\n      return\n    }\n\n    const $nextTabListItem = $currentTab.parentElement.nextElementSibling\n    if (!$nextTabListItem) {\n      return\n    }\n\n    const $nextTab = $nextTabListItem.querySelector('a.govuk-tabs__tab')\n    if (!$nextTab) {\n      return\n    }\n\n    this.hideTab($currentTab)\n    this.showTab($nextTab)\n    $nextTab.focus()\n    this.createHistoryEntry($nextTab)\n  }\n\n  /**\n   * Activate previous tab\n   *\n   * @private\n   */\n  activatePreviousTab() {\n    const $currentTab = this.getCurrentTab()\n    if (!$currentTab?.parentElement) {\n      return\n    }\n\n    const $previousTabListItem =\n      $currentTab.parentElement.previousElementSibling\n    if (!$previousTabListItem) {\n      return\n    }\n\n    const $previousTab = $previousTabListItem.querySelector('a.govuk-tabs__tab')\n    if (!$previousTab) {\n      return\n    }\n\n    this.hideTab($currentTab)\n    this.showTab($previousTab)\n    $previousTab.focus()\n    this.createHistoryEntry($previousTab)\n  }\n\n  /**\n   * Get tab panel for tab link\n   *\n   * @private\n   * @param {HTMLAnchorElement} $tab - Tab link\n   * @returns {Element | null} Tab panel\n   */\n  getPanel($tab) {\n    const panelId = $tab.hash.replace('#', '')\n    if (!panelId) {\n      return null\n    }\n\n    return this.$root.querySelector(`#${panelId}`)\n  }\n\n  /**\n   * Show tab panel for tab link\n   *\n   * @private\n   * @param {HTMLAnchorElement} $tab - Tab link\n   */\n  showPanel($tab) {\n    const $panel = this.getPanel($tab)\n    if (!$panel) {\n      return\n    }\n\n    $panel.classList.remove(this.jsHiddenClass)\n  }\n\n  /**\n   * Hide tab panel for tab link\n   *\n   * @private\n   * @param {HTMLAnchorElement} $tab - Tab link\n   */\n  hidePanel($tab) {\n    const $panel = this.getPanel($tab)\n    if (!$panel) {\n      return\n    }\n\n    $panel.classList.add(this.jsHiddenClass)\n  }\n\n  /**\n   * Unset 'selected' state for tab link\n   *\n   * @private\n   * @param {HTMLAnchorElement} $tab - Tab link\n   */\n  unhighlightTab($tab) {\n    if (!$tab.parentElement) {\n      return\n    }\n\n    $tab.setAttribute('aria-selected', 'false')\n    $tab.parentElement.classList.remove('govuk-tabs__list-item--selected')\n    $tab.setAttribute('tabindex', '-1')\n  }\n\n  /**\n   * Set 'selected' state for tab link\n   *\n   * @private\n   * @param {HTMLAnchorElement} $tab - Tab link\n   */\n  highlightTab($tab) {\n    if (!$tab.parentElement) {\n      return\n    }\n\n    $tab.setAttribute('aria-selected', 'true')\n    $tab.parentElement.classList.add('govuk-tabs__list-item--selected')\n    $tab.setAttribute('tabindex', '0')\n  }\n\n  /**\n   * Get current tab link\n   *\n   * @private\n   * @returns {HTMLAnchorElement | null} Tab link\n   */\n  getCurrentTab() {\n    return this.$root.querySelector(\n      '.govuk-tabs__list-item--selected a.govuk-tabs__tab'\n    )\n  }\n\n  /**\n   * Name for the component used when initialising using data-module attributes.\n   */\n  static moduleName = 'govuk-tabs'\n}\n"],"names":["getBreakpoint","name","property","value","window","getComputedStyle","document","documentElement","getPropertyValue","undefined","isInitialised","$root","moduleName","HTMLElement","hasAttribute","isSupported","$scope","body","classList","contains","isArray","option","Array","isObject","formatErrorMessage","Component","message","GOVUKFrontendError","Error","constructor","args","SupportError","supportMessage","HTMLScriptElement","prototype","ElementError","messageOrOptions","component","identifier","element","expectedType","InitError","componentOrMessage","_$root","childConstructor","elementType","checkSupport","checkInitialised","setAttribute","Tabs","$tabs","$tabList","$tabListItems","jsHiddenClass","changingHash","boundTabClick","boundTabKeydown","boundOnHashChange","mql","querySelectorAll","length","onTabClick","bind","onTabKeydown","onHashChange","querySelector","setupResponsiveChecks","breakpoint","matchMedia","addEventListener","checkMode","addListener","_this$mql","matches","setup","teardown","_this$getTab","forEach","$item","$tab","setAttributes","hideTab","$activeTab","getTab","location","hash","showTab","removeAttribute","removeEventListener","unsetAttributes","$tabWithHash","$previousTab","getCurrentTab","focus","unhighlightTab","hidePanel","highlightTab","showPanel","panelId","replace","$panel","getPanel","id","add","remove","event","$currentTab","$nextTab","currentTarget","HTMLAnchorElement","preventDefault","createHistoryEntry","key","activatePreviousTab","activateNextTab","parentElement","$nextTabListItem","nextElementSibling","$previousTabListItem","previousElementSibling"],"mappings":"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"}
\ No newline at end of file
diff --git a/app/templates/govuk/components/components/tabs/tabs.bundle.mjs b/app/templates/govuk/components/components/tabs/tabs.bundle.mjs
new file mode 100644
index 0000000..755073b
--- /dev/null
+++ b/app/templates/govuk/components/components/tabs/tabs.bundle.mjs
@@ -0,0 +1,424 @@
+function getBreakpoint(name) {
+  const property = `--govuk-breakpoint-${name}`;
+  const value = window.getComputedStyle(document.documentElement).getPropertyValue(property);
+  return {
+    property,
+    value: value || undefined
+  };
+}
+function isInitialised($root, moduleName) {
+  return $root instanceof HTMLElement && $root.hasAttribute(`data-${moduleName}-init`);
+}
+
+/**
+ * Checks if GOV.UK Frontend is supported on this page
+ *
+ * Some browsers will load and run our JavaScript but GOV.UK Frontend
+ * won't be supported.
+ *
+ * @param {HTMLElement | null} [$scope] - (internal) `<body>` HTML element checked for browser support
+ * @returns {boolean} Whether GOV.UK Frontend is supported on this page
+ */
+function isSupported($scope = document.body) {
+  if (!$scope) {
+    return false;
+  }
+  return $scope.classList.contains('govuk-frontend-supported');
+}
+function isArray(option) {
+  return Array.isArray(option);
+}
+function isObject(option) {
+  return !!option && typeof option === 'object' && !isArray(option);
+}
+function formatErrorMessage(Component, message) {
+  return `${Component.moduleName}: ${message}`;
+}
+/**
+ * @typedef ComponentWithModuleName
+ * @property {string} moduleName - Name of the component
+ */
+
+class GOVUKFrontendError extends Error {
+  constructor(...args) {
+    super(...args);
+    this.name = 'GOVUKFrontendError';
+  }
+}
+class SupportError extends GOVUKFrontendError {
+  /**
+   * Checks if GOV.UK Frontend is supported on this page
+   *
+   * @param {HTMLElement | null} [$scope] - HTML element `<body>` checked for browser support
+   */
+  constructor($scope = document.body) {
+    const supportMessage = 'noModule' in HTMLScriptElement.prototype ? 'GOV.UK Frontend initialised without `<body class="govuk-frontend-supported">` from template `<script>` snippet' : 'GOV.UK Frontend is not supported in this browser';
+    super($scope ? supportMessage : 'GOV.UK Frontend initialised without `<script type="module">`');
+    this.name = 'SupportError';
+  }
+}
+class ElementError extends GOVUKFrontendError {
+  constructor(messageOrOptions) {
+    let message = typeof messageOrOptions === 'string' ? messageOrOptions : '';
+    if (isObject(messageOrOptions)) {
+      const {
+        component,
+        identifier,
+        element,
+        expectedType
+      } = messageOrOptions;
+      message = identifier;
+      message += element ? ` is not of type ${expectedType != null ? expectedType : 'HTMLElement'}` : ' not found';
+      if (component) {
+        message = formatErrorMessage(component, message);
+      }
+    }
+    super(message);
+    this.name = 'ElementError';
+  }
+}
+class InitError extends GOVUKFrontendError {
+  constructor(componentOrMessage) {
+    const message = typeof componentOrMessage === 'string' ? componentOrMessage : formatErrorMessage(componentOrMessage, `Root element (\`$root\`) already initialised`);
+    super(message);
+    this.name = 'InitError';
+  }
+}
+/**
+ * @import { ComponentWithModuleName } from '../common/index.mjs'
+ */
+
+class Component {
+  /**
+   * Returns the root element of the component
+   *
+   * @protected
+   * @returns {RootElementType} - the root element of component
+   */
+  get $root() {
+    return this._$root;
+  }
+  constructor($root) {
+    this._$root = void 0;
+    const childConstructor = this.constructor;
+    if (typeof childConstructor.moduleName !== 'string') {
+      throw new InitError(`\`moduleName\` not defined in component`);
+    }
+    if (!($root instanceof childConstructor.elementType)) {
+      throw new ElementError({
+        element: $root,
+        component: childConstructor,
+        identifier: 'Root element (`$root`)',
+        expectedType: childConstructor.elementType.name
+      });
+    } else {
+      this._$root = $root;
+    }
+    childConstructor.checkSupport();
+    this.checkInitialised();
+    const moduleName = childConstructor.moduleName;
+    this.$root.setAttribute(`data-${moduleName}-init`, '');
+  }
+  checkInitialised() {
+    const constructor = this.constructor;
+    const moduleName = constructor.moduleName;
+    if (moduleName && isInitialised(this.$root, moduleName)) {
+      throw new InitError(constructor);
+    }
+  }
+  static checkSupport() {
+    if (!isSupported()) {
+      throw new SupportError();
+    }
+  }
+}
+
+/**
+ * @typedef ChildClass
+ * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component
+ */
+
+/**
+ * @typedef {typeof Component & ChildClass} ChildClassConstructor
+ */
+Component.elementType = HTMLElement;
+
+/**
+ * Tabs component
+ *
+ * @preserve
+ */
+class Tabs extends Component {
+  /**
+   * @param {Element | null} $root - HTML element to use for tabs
+   */
+  constructor($root) {
+    super($root);
+    this.$tabs = void 0;
+    this.$tabList = void 0;
+    this.$tabListItems = void 0;
+    this.jsHiddenClass = 'govuk-tabs__panel--hidden';
+    this.changingHash = false;
+    this.boundTabClick = void 0;
+    this.boundTabKeydown = void 0;
+    this.boundOnHashChange = void 0;
+    this.mql = null;
+    const $tabs = this.$root.querySelectorAll('a.govuk-tabs__tab');
+    if (!$tabs.length) {
+      throw new ElementError({
+        component: Tabs,
+        identifier: 'Links (`<a class="govuk-tabs__tab">`)'
+      });
+    }
+    this.$tabs = $tabs;
+    this.boundTabClick = this.onTabClick.bind(this);
+    this.boundTabKeydown = this.onTabKeydown.bind(this);
+    this.boundOnHashChange = this.onHashChange.bind(this);
+    const $tabList = this.$root.querySelector('.govuk-tabs__list');
+    const $tabListItems = this.$root.querySelectorAll('li.govuk-tabs__list-item');
+    if (!$tabList) {
+      throw new ElementError({
+        component: Tabs,
+        identifier: 'List (`<ul class="govuk-tabs__list">`)'
+      });
+    }
+    if (!$tabListItems.length) {
+      throw new ElementError({
+        component: Tabs,
+        identifier: 'List items (`<li class="govuk-tabs__list-item">`)'
+      });
+    }
+    this.$tabList = $tabList;
+    this.$tabListItems = $tabListItems;
+    this.setupResponsiveChecks();
+  }
+  setupResponsiveChecks() {
+    const breakpoint = getBreakpoint('tablet');
+    if (!breakpoint.value) {
+      throw new ElementError({
+        component: Tabs,
+        identifier: `CSS custom property (\`${breakpoint.property}\`) on pseudo-class \`:root\``
+      });
+    }
+    this.mql = window.matchMedia(`(min-width: ${breakpoint.value})`);
+    if ('addEventListener' in this.mql) {
+      this.mql.addEventListener('change', () => this.checkMode());
+    } else {
+      this.mql.addListener(() => this.checkMode());
+    }
+    this.checkMode();
+  }
+  checkMode() {
+    var _this$mql;
+    if ((_this$mql = this.mql) != null && _this$mql.matches) {
+      this.setup();
+    } else {
+      this.teardown();
+    }
+  }
+  setup() {
+    var _this$getTab;
+    this.$tabList.setAttribute('role', 'tablist');
+    this.$tabListItems.forEach($item => {
+      $item.setAttribute('role', 'presentation');
+    });
+    this.$tabs.forEach($tab => {
+      this.setAttributes($tab);
+      $tab.addEventListener('click', this.boundTabClick, true);
+      $tab.addEventListener('keydown', this.boundTabKeydown, true);
+      this.hideTab($tab);
+    });
+    const $activeTab = (_this$getTab = this.getTab(window.location.hash)) != null ? _this$getTab : this.$tabs[0];
+    this.showTab($activeTab);
+    window.addEventListener('hashchange', this.boundOnHashChange, true);
+  }
+  teardown() {
+    this.$tabList.removeAttribute('role');
+    this.$tabListItems.forEach($item => {
+      $item.removeAttribute('role');
+    });
+    this.$tabs.forEach($tab => {
+      $tab.removeEventListener('click', this.boundTabClick, true);
+      $tab.removeEventListener('keydown', this.boundTabKeydown, true);
+      this.unsetAttributes($tab);
+    });
+    window.removeEventListener('hashchange', this.boundOnHashChange, true);
+  }
+  onHashChange() {
+    const hash = window.location.hash;
+    const $tabWithHash = this.getTab(hash);
+    if (!$tabWithHash) {
+      return;
+    }
+    if (this.changingHash) {
+      this.changingHash = false;
+      return;
+    }
+    const $previousTab = this.getCurrentTab();
+    if (!$previousTab) {
+      return;
+    }
+    this.hideTab($previousTab);
+    this.showTab($tabWithHash);
+    $tabWithHash.focus();
+  }
+  hideTab($tab) {
+    this.unhighlightTab($tab);
+    this.hidePanel($tab);
+  }
+  showTab($tab) {
+    this.highlightTab($tab);
+    this.showPanel($tab);
+  }
+  getTab(hash) {
+    return this.$root.querySelector(`a.govuk-tabs__tab[href="${hash}"]`);
+  }
+  setAttributes($tab) {
+    const panelId = $tab.hash.replace('#', '');
+    if (!panelId) {
+      return;
+    }
+    $tab.setAttribute('id', `tab_${panelId}`);
+    $tab.setAttribute('role', 'tab');
+    $tab.setAttribute('aria-controls', panelId);
+    $tab.setAttribute('aria-selected', 'false');
+    $tab.setAttribute('tabindex', '-1');
+    const $panel = this.getPanel($tab);
+    if (!$panel) {
+      return;
+    }
+    $panel.setAttribute('role', 'tabpanel');
+    $panel.setAttribute('aria-labelledby', $tab.id);
+    $panel.classList.add(this.jsHiddenClass);
+  }
+  unsetAttributes($tab) {
+    $tab.removeAttribute('id');
+    $tab.removeAttribute('role');
+    $tab.removeAttribute('aria-controls');
+    $tab.removeAttribute('aria-selected');
+    $tab.removeAttribute('tabindex');
+    const $panel = this.getPanel($tab);
+    if (!$panel) {
+      return;
+    }
+    $panel.removeAttribute('role');
+    $panel.removeAttribute('aria-labelledby');
+    $panel.classList.remove(this.jsHiddenClass);
+  }
+  onTabClick(event) {
+    const $currentTab = this.getCurrentTab();
+    const $nextTab = event.currentTarget;
+    if (!$currentTab || !($nextTab instanceof HTMLAnchorElement)) {
+      return;
+    }
+    event.preventDefault();
+    this.hideTab($currentTab);
+    this.showTab($nextTab);
+    this.createHistoryEntry($nextTab);
+  }
+  createHistoryEntry($tab) {
+    const $panel = this.getPanel($tab);
+    if (!$panel) {
+      return;
+    }
+    const panelId = $panel.id;
+    $panel.id = '';
+    this.changingHash = true;
+    window.location.hash = panelId;
+    $panel.id = panelId;
+  }
+  onTabKeydown(event) {
+    switch (event.key) {
+      case 'ArrowLeft':
+      case 'Left':
+        this.activatePreviousTab();
+        event.preventDefault();
+        break;
+      case 'ArrowRight':
+      case 'Right':
+        this.activateNextTab();
+        event.preventDefault();
+        break;
+    }
+  }
+  activateNextTab() {
+    const $currentTab = this.getCurrentTab();
+    if (!($currentTab != null && $currentTab.parentElement)) {
+      return;
+    }
+    const $nextTabListItem = $currentTab.parentElement.nextElementSibling;
+    if (!$nextTabListItem) {
+      return;
+    }
+    const $nextTab = $nextTabListItem.querySelector('a.govuk-tabs__tab');
+    if (!$nextTab) {
+      return;
+    }
+    this.hideTab($currentTab);
+    this.showTab($nextTab);
+    $nextTab.focus();
+    this.createHistoryEntry($nextTab);
+  }
+  activatePreviousTab() {
+    const $currentTab = this.getCurrentTab();
+    if (!($currentTab != null && $currentTab.parentElement)) {
+      return;
+    }
+    const $previousTabListItem = $currentTab.parentElement.previousElementSibling;
+    if (!$previousTabListItem) {
+      return;
+    }
+    const $previousTab = $previousTabListItem.querySelector('a.govuk-tabs__tab');
+    if (!$previousTab) {
+      return;
+    }
+    this.hideTab($currentTab);
+    this.showTab($previousTab);
+    $previousTab.focus();
+    this.createHistoryEntry($previousTab);
+  }
+  getPanel($tab) {
+    const panelId = $tab.hash.replace('#', '');
+    if (!panelId) {
+      return null;
+    }
+    return this.$root.querySelector(`#${panelId}`);
+  }
+  showPanel($tab) {
+    const $panel = this.getPanel($tab);
+    if (!$panel) {
+      return;
+    }
+    $panel.classList.remove(this.jsHiddenClass);
+  }
+  hidePanel($tab) {
+    const $panel = this.getPanel($tab);
+    if (!$panel) {
+      return;
+    }
+    $panel.classList.add(this.jsHiddenClass);
+  }
+  unhighlightTab($tab) {
+    if (!$tab.parentElement) {
+      return;
+    }
+    $tab.setAttribute('aria-selected', 'false');
+    $tab.parentElement.classList.remove('govuk-tabs__list-item--selected');
+    $tab.setAttribute('tabindex', '-1');
+  }
+  highlightTab($tab) {
+    if (!$tab.parentElement) {
+      return;
+    }
+    $tab.setAttribute('aria-selected', 'true');
+    $tab.parentElement.classList.add('govuk-tabs__list-item--selected');
+    $tab.setAttribute('tabindex', '0');
+  }
+  getCurrentTab() {
+    return this.$root.querySelector('.govuk-tabs__list-item--selected a.govuk-tabs__tab');
+  }
+}
+Tabs.moduleName = 'govuk-tabs';
+
+export { Tabs };
+//# sourceMappingURL=tabs.bundle.mjs.map
diff --git a/app/templates/govuk/components/components/tabs/tabs.bundle.mjs.map b/app/templates/govuk/components/components/tabs/tabs.bundle.mjs.map
new file mode 100644
index 0000000..4d9de9a
--- /dev/null
+++ b/app/templates/govuk/components/components/tabs/tabs.bundle.mjs.map
@@ -0,0 +1 @@
+{"version":3,"file":"tabs.bundle.mjs","sources":["../../../../src/govuk/common/index.mjs","../../../../src/govuk/errors/index.mjs","../../../../src/govuk/component.mjs","../../../../src/govuk/components/tabs/tabs.mjs"],"sourcesContent":["/**\n * Common helpers which do not require polyfill.\n *\n * IMPORTANT: If a helper require a polyfill, please isolate it in its own module\n * so that the polyfill can be properly tree-shaken and does not burden\n * the components that do not need that helper\n */\n\n/**\n * Get GOV.UK Frontend breakpoint value from CSS custom property\n *\n * @private\n * @param {string} name - Breakpoint name\n * @returns {{ property: string, value?: string }} Breakpoint object\n */\nexport function getBreakpoint(name) {\n  const property = `--govuk-breakpoint-${name}`\n\n  // Get value from `<html>` with breakpoints on CSS :root\n  const value = window\n    .getComputedStyle(document.documentElement)\n    .getPropertyValue(property)\n\n  return {\n    property,\n    value: value || undefined\n  }\n}\n\n/**\n * Move focus to element\n *\n * Sets tabindex to -1 to make the element programmatically focusable,\n * but removes it on blur as the element doesn't need to be focused again.\n *\n * @private\n * @template {HTMLElement} FocusElement\n * @param {FocusElement} $element - HTML element\n * @param {object} [options] - Handler options\n * @param {function(this: FocusElement): void} [options.onBeforeFocus] - Callback before focus\n * @param {function(this: FocusElement): void} [options.onBlur] - Callback on blur\n */\nexport function setFocus($element, options = {}) {\n  const isFocusable = $element.getAttribute('tabindex')\n\n  if (!isFocusable) {\n    $element.setAttribute('tabindex', '-1')\n  }\n\n  /**\n   * Handle element focus\n   */\n  function onFocus() {\n    $element.addEventListener('blur', onBlur, { once: true })\n  }\n\n  /**\n   * Handle element blur\n   */\n  function onBlur() {\n    options.onBlur?.call($element)\n\n    if (!isFocusable) {\n      $element.removeAttribute('tabindex')\n    }\n  }\n\n  // Add listener to reset element on blur, after focus\n  $element.addEventListener('focus', onFocus, { once: true })\n\n  // Focus element\n  options.onBeforeFocus?.call($element)\n  $element.focus()\n}\n\n/**\n * Checks if component is already initialised\n *\n * @internal\n * @param {Element} $root - HTML element to be checked\n * @param {string} moduleName - name of component module\n * @returns {boolean} Whether component is already initialised\n */\nexport function isInitialised($root, moduleName) {\n  return (\n    $root instanceof HTMLElement &&\n    $root.hasAttribute(`data-${moduleName}-init`)\n  )\n}\n\n/**\n * Checks if GOV.UK Frontend is supported on this page\n *\n * Some browsers will load and run our JavaScript but GOV.UK Frontend\n * won't be supported.\n *\n * @param {HTMLElement | null} [$scope] - (internal) `<body>` HTML element checked for browser support\n * @returns {boolean} Whether GOV.UK Frontend is supported on this page\n */\nexport function isSupported($scope = document.body) {\n  if (!$scope) {\n    return false\n  }\n\n  return $scope.classList.contains('govuk-frontend-supported')\n}\n\n/**\n * Check for an array\n *\n * @internal\n * @param {unknown} option - Option to check\n * @returns {boolean} Whether the option is an array\n */\nfunction isArray(option) {\n  return Array.isArray(option)\n}\n\n/**\n * Check for an object\n *\n * @internal\n * @template {Partial<Record<keyof ObjectType, unknown>>} ObjectType\n * @param {unknown | ObjectType} option - Option to check\n * @returns {option is ObjectType} Whether the option is an object\n */\nexport function isObject(option) {\n  return !!option && typeof option === 'object' && !isArray(option)\n}\n\n/**\n * Check for valid scope\n *\n * @internal\n * @template {Element | Document} ScopeType\n * @param {unknown | ScopeType} $scope - Scope of the document to search within\n * @returns {$scope is ScopeType} Whether the scope can be queried\n */\nexport function isScope($scope) {\n  return !!$scope && ($scope instanceof Element || $scope instanceof Document)\n}\n\n/**\n * Format error message\n *\n * @internal\n * @param {ComponentWithModuleName} Component - Component that threw the error\n * @param {string} message - Error message\n * @returns {string} - Formatted error message\n */\nexport function formatErrorMessage(Component, message) {\n  return `${Component.moduleName}: ${message}`\n}\n\n/* eslint-disable jsdoc/valid-types --\n * `{new(...args: any[] ): object}` is not recognised as valid\n * https://github.com/gajus/eslint-plugin-jsdoc/issues/145#issuecomment-1308722878\n * https://github.com/jsdoc-type-pratt-parser/jsdoc-type-pratt-parser/issues/131\n **/\n\n/**\n * @typedef ComponentWithModuleName\n * @property {string} moduleName - Name of the component\n */\n\n/* eslint-enable jsdoc/valid-types */\n","import { formatErrorMessage, isObject } from '../common/index.mjs'\n\n/**\n * GOV.UK Frontend error\n *\n * A base class for `Error`s thrown by GOV.UK Frontend.\n *\n * It is meant to be extended into specific types of errors\n * to be thrown by our code.\n *\n * @example\n * ```js\n * class MissingRootError extends GOVUKFrontendError {\n *   // Setting an explicit name is important as extending the class will not\n *   // set a new `name` on the subclass. The `name` property is important\n *   // to ensure intelligible error names even if the class name gets\n *   // mangled by a minifier\n *   name = \"MissingRootError\"\n * }\n * ```\n * @virtual\n */\nexport class GOVUKFrontendError extends Error {\n  name = 'GOVUKFrontendError'\n}\n\n/**\n * Indicates that GOV.UK Frontend is not supported\n */\nexport class SupportError extends GOVUKFrontendError {\n  name = 'SupportError'\n\n  /**\n   * Checks if GOV.UK Frontend is supported on this page\n   *\n   * @param {HTMLElement | null} [$scope] - HTML element `<body>` checked for browser support\n   */\n  constructor($scope = document.body) {\n    const supportMessage =\n      'noModule' in HTMLScriptElement.prototype\n        ? 'GOV.UK Frontend initialised without `<body class=\"govuk-frontend-supported\">` from template `<script>` snippet'\n        : 'GOV.UK Frontend is not supported in this browser'\n\n    super(\n      $scope\n        ? supportMessage\n        : 'GOV.UK Frontend initialised without `<script type=\"module\">`'\n    )\n  }\n}\n\n/**\n * Indicates that a component has received an illegal configuration\n */\nexport class ConfigError extends GOVUKFrontendError {\n  name = 'ConfigError'\n}\n\n/**\n * Indicates an issue with an element (possibly `null` or `undefined`)\n */\nexport class ElementError extends GOVUKFrontendError {\n  name = 'ElementError'\n\n  /**\n   * @internal\n   * @overload\n   * @param {string} message - Element error message\n   */\n\n  /**\n   * @internal\n   * @overload\n   * @param {ElementErrorOptions} options - Element error options\n   */\n\n  /**\n   * @internal\n   * @param {string | ElementErrorOptions} messageOrOptions - Element error message or options\n   */\n  constructor(messageOrOptions) {\n    let message = typeof messageOrOptions === 'string' ? messageOrOptions : ''\n\n    // Build message from options\n    if (isObject(messageOrOptions)) {\n      const { component, identifier, element, expectedType } = messageOrOptions\n\n      message = identifier\n\n      // Append reason\n      message += element\n        ? ` is not of type ${expectedType ?? 'HTMLElement'}`\n        : ' not found'\n\n      // Prepend with module name (optional)\n      if (component) {\n        message = formatErrorMessage(component, message)\n      }\n    }\n\n    super(message)\n  }\n}\n\n/**\n * Indicates that a component is already initialised\n */\nexport class InitError extends GOVUKFrontendError {\n  name = 'InitError'\n\n  /**\n   * @internal\n   * @param {ComponentWithModuleName | string} componentOrMessage - name of the component module\n   */\n  constructor(componentOrMessage) {\n    const message =\n      typeof componentOrMessage === 'string'\n        ? componentOrMessage\n        : formatErrorMessage(\n            componentOrMessage,\n            `Root element (\\`$root\\`) already initialised`\n          )\n\n    super(message)\n  }\n}\n\n/**\n * Element error options\n *\n * @internal\n * @typedef {object} ElementErrorOptions\n * @property {Element | Document | null} [element] - The element in error (optional)\n * @property {ComponentWithModuleName} [component] - Component throwing the error (optional)\n * @property {string} identifier - An identifier that'll let the user understand which element has an error. This is whatever makes the most sense\n * @property {string} [expectedType] - The type that was expected for the identifier (optional)\n */\n\n/**\n * @import { ComponentWithModuleName } from '../common/index.mjs'\n */\n","import { isInitialised, isSupported } from './common/index.mjs'\nimport { ElementError, InitError, SupportError } from './errors/index.mjs'\n\n/**\n * Base Component class\n *\n * Centralises the behaviours shared by our components\n *\n * @virtual\n * @template {Element} [RootElementType=HTMLElement]\n */\nexport class Component {\n  /**\n   * @type {typeof Element}\n   */\n  static elementType = HTMLElement\n\n  // allows Typescript user to work around the lack of types\n  // in GOVUKFrontend package, Typescript is not aware of $root\n  // in components that extend GOVUKFrontendComponent\n  /**\n   * Returns the root element of the component\n   *\n   * @protected\n   * @returns {RootElementType} - the root element of component\n   */\n  get $root() {\n    return this._$root\n  }\n\n  /**\n   * @protected\n   * @type {RootElementType}\n   */\n  _$root\n\n  /**\n   * Constructs a new component, validating that GOV.UK Frontend is supported\n   *\n   * @internal\n   * @param {Element | null} [$root] - HTML element to use for component\n   */\n  constructor($root) {\n    const childConstructor = /** @type {ChildClassConstructor} */ (\n      this.constructor\n    )\n\n    // TypeScript does not enforce that inheriting classes will define a `moduleName`\n    // (even if we add a `@virtual` `static moduleName` property to this class).\n    // While we trust users to do this correctly, we do a little check to provide them\n    // a helpful error message.\n    //\n    // After this, we'll be sure that `childConstructor` has a `moduleName`\n    // as expected of the `ChildClassConstructor` we've cast `this.constructor` to.\n    if (typeof childConstructor.moduleName !== 'string') {\n      throw new InitError(`\\`moduleName\\` not defined in component`)\n    }\n\n    if (!($root instanceof childConstructor.elementType)) {\n      throw new ElementError({\n        element: $root,\n        component: childConstructor,\n        identifier: 'Root element (`$root`)',\n        expectedType: childConstructor.elementType.name\n      })\n    } else {\n      this._$root = /** @type {RootElementType} */ ($root)\n    }\n\n    childConstructor.checkSupport()\n\n    this.checkInitialised()\n\n    const moduleName = childConstructor.moduleName\n\n    this.$root.setAttribute(`data-${moduleName}-init`, '')\n  }\n\n  /**\n   * Validates whether component is already initialised\n   *\n   * @private\n   * @throws {InitError} when component is already initialised\n   */\n  checkInitialised() {\n    const constructor = /** @type {ChildClassConstructor} */ (this.constructor)\n    const moduleName = constructor.moduleName\n\n    if (moduleName && isInitialised(this.$root, moduleName)) {\n      throw new InitError(constructor)\n    }\n  }\n\n  /**\n   * Validates whether components are supported\n   *\n   * @throws {SupportError} when the components are not supported\n   */\n  static checkSupport() {\n    if (!isSupported()) {\n      throw new SupportError()\n    }\n  }\n}\n\n/**\n * @typedef ChildClass\n * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component\n */\n\n/**\n * @typedef {typeof Component & ChildClass} ChildClassConstructor\n */\n","import { getBreakpoint } from '../../common/index.mjs'\nimport { Component } from '../../component.mjs'\nimport { ElementError } from '../../errors/index.mjs'\n\n/**\n * Tabs component\n *\n * @preserve\n */\nexport class Tabs extends Component {\n  /** @private */\n  $tabs\n\n  /** @private */\n  $tabList\n\n  /** @private */\n  $tabListItems\n\n  /** @private */\n  jsHiddenClass = 'govuk-tabs__panel--hidden'\n\n  /** @private */\n  changingHash = false\n\n  /** @private */\n  boundTabClick\n\n  /** @private */\n  boundTabKeydown\n\n  /** @private */\n  boundOnHashChange\n\n  /**\n   * @private\n   * @type {MediaQueryList | null}\n   */\n  mql = null\n\n  /**\n   * @param {Element | null} $root - HTML element to use for tabs\n   */\n  constructor($root) {\n    super($root)\n\n    const $tabs = this.$root.querySelectorAll('a.govuk-tabs__tab')\n    if (!$tabs.length) {\n      throw new ElementError({\n        component: Tabs,\n        identifier: 'Links (`<a class=\"govuk-tabs__tab\">`)'\n      })\n    }\n\n    this.$tabs = $tabs\n\n    // Save bound functions so we can remove event listeners during teardown\n    this.boundTabClick = this.onTabClick.bind(this)\n    this.boundTabKeydown = this.onTabKeydown.bind(this)\n    this.boundOnHashChange = this.onHashChange.bind(this)\n\n    const $tabList = this.$root.querySelector('.govuk-tabs__list')\n    const $tabListItems = this.$root.querySelectorAll(\n      'li.govuk-tabs__list-item'\n    )\n\n    if (!$tabList) {\n      throw new ElementError({\n        component: Tabs,\n        identifier: 'List (`<ul class=\"govuk-tabs__list\">`)'\n      })\n    }\n\n    if (!$tabListItems.length) {\n      throw new ElementError({\n        component: Tabs,\n        identifier: 'List items (`<li class=\"govuk-tabs__list-item\">`)'\n      })\n    }\n\n    this.$tabList = $tabList\n    this.$tabListItems = $tabListItems\n\n    this.setupResponsiveChecks()\n  }\n\n  /**\n   * Setup viewport resize check\n   *\n   * @private\n   */\n  setupResponsiveChecks() {\n    const breakpoint = getBreakpoint('tablet')\n\n    if (!breakpoint.value) {\n      throw new ElementError({\n        component: Tabs,\n        identifier: `CSS custom property (\\`${breakpoint.property}\\`) on pseudo-class \\`:root\\``\n      })\n    }\n\n    // Media query list for GOV.UK Frontend tablet breakpoint\n    this.mql = window.matchMedia(`(min-width: ${breakpoint.value})`)\n\n    // MediaQueryList.addEventListener isn't supported by Safari < 14 so we need\n    // to be able to fall back to the deprecated MediaQueryList.addListener\n    if ('addEventListener' in this.mql) {\n      this.mql.addEventListener('change', () => this.checkMode())\n    } else {\n      // @ts-expect-error Property 'addListener' does not exist\n      // eslint-disable-next-line @typescript-eslint/no-unsafe-call\n      this.mql.addListener(() => this.checkMode())\n    }\n\n    this.checkMode()\n  }\n\n  /**\n   * Setup or teardown handler for viewport resize check\n   *\n   * @private\n   */\n  checkMode() {\n    if (this.mql?.matches) {\n      this.setup()\n    } else {\n      this.teardown()\n    }\n  }\n\n  /**\n   * Setup tab component\n   *\n   * @private\n   */\n  setup() {\n    this.$tabList.setAttribute('role', 'tablist')\n\n    this.$tabListItems.forEach(($item) => {\n      $item.setAttribute('role', 'presentation')\n    })\n\n    this.$tabs.forEach(($tab) => {\n      // Set HTML attributes\n      this.setAttributes($tab)\n\n      // Handle events\n      $tab.addEventListener('click', this.boundTabClick, true)\n      $tab.addEventListener('keydown', this.boundTabKeydown, true)\n\n      // Remove old active panels\n      this.hideTab($tab)\n    })\n\n    // Show either the active tab according to the URL's hash or the first tab\n    const $activeTab = this.getTab(window.location.hash) ?? this.$tabs[0]\n\n    this.showTab($activeTab)\n\n    // Handle hashchange events\n    window.addEventListener('hashchange', this.boundOnHashChange, true)\n  }\n\n  /**\n   * Teardown tab component\n   *\n   * @private\n   */\n  teardown() {\n    this.$tabList.removeAttribute('role')\n\n    this.$tabListItems.forEach(($item) => {\n      $item.removeAttribute('role')\n    })\n\n    this.$tabs.forEach(($tab) => {\n      // Remove events\n      $tab.removeEventListener('click', this.boundTabClick, true)\n      $tab.removeEventListener('keydown', this.boundTabKeydown, true)\n\n      // Unset HTML attributes\n      this.unsetAttributes($tab)\n    })\n\n    // Remove hashchange event handler\n    window.removeEventListener('hashchange', this.boundOnHashChange, true)\n  }\n\n  /**\n   * Handle hashchange event\n   *\n   * @private\n   * @returns {void | undefined} Returns void, or undefined when prevented\n   */\n  onHashChange() {\n    const hash = window.location.hash\n    const $tabWithHash = this.getTab(hash)\n    if (!$tabWithHash) {\n      return\n    }\n\n    // Prevent changing the hash\n    if (this.changingHash) {\n      this.changingHash = false\n      return\n    }\n\n    // Show either the active tab according to the URL's hash or the first tab\n    const $previousTab = this.getCurrentTab()\n    if (!$previousTab) {\n      return\n    }\n\n    this.hideTab($previousTab)\n    this.showTab($tabWithHash)\n    $tabWithHash.focus()\n  }\n\n  /**\n   * Hide panel for tab link\n   *\n   * @private\n   * @param {HTMLAnchorElement} $tab - Tab link\n   */\n  hideTab($tab) {\n    this.unhighlightTab($tab)\n    this.hidePanel($tab)\n  }\n\n  /**\n   * Show panel for tab link\n   *\n   * @private\n   * @param {HTMLAnchorElement} $tab - Tab link\n   */\n  showTab($tab) {\n    this.highlightTab($tab)\n    this.showPanel($tab)\n  }\n\n  /**\n   * Get tab link by hash\n   *\n   * @private\n   * @param {string} hash - Hash fragment including #\n   * @returns {HTMLAnchorElement | null} Tab link\n   */\n  getTab(hash) {\n    return this.$root.querySelector(`a.govuk-tabs__tab[href=\"${hash}\"]`)\n  }\n\n  /**\n   * Set tab link and panel attributes\n   *\n   * @private\n   * @param {HTMLAnchorElement} $tab - Tab link\n   */\n  setAttributes($tab) {\n    const panelId = $tab.hash.replace('#', '')\n    if (!panelId) {\n      return\n    }\n\n    // Set tab attributes\n    $tab.setAttribute('id', `tab_${panelId}`)\n    $tab.setAttribute('role', 'tab')\n    $tab.setAttribute('aria-controls', panelId)\n    $tab.setAttribute('aria-selected', 'false')\n    $tab.setAttribute('tabindex', '-1')\n\n    // Set panel attributes\n    const $panel = this.getPanel($tab)\n    if (!$panel) {\n      return\n    }\n\n    $panel.setAttribute('role', 'tabpanel')\n    $panel.setAttribute('aria-labelledby', $tab.id)\n    $panel.classList.add(this.jsHiddenClass)\n  }\n\n  /**\n   * Unset tab link and panel attributes\n   *\n   * @private\n   * @param {HTMLAnchorElement} $tab - Tab link\n   */\n  unsetAttributes($tab) {\n    // unset tab attributes\n    $tab.removeAttribute('id')\n    $tab.removeAttribute('role')\n    $tab.removeAttribute('aria-controls')\n    $tab.removeAttribute('aria-selected')\n    $tab.removeAttribute('tabindex')\n\n    // unset panel attributes\n    const $panel = this.getPanel($tab)\n    if (!$panel) {\n      return\n    }\n\n    $panel.removeAttribute('role')\n    $panel.removeAttribute('aria-labelledby')\n    $panel.classList.remove(this.jsHiddenClass)\n  }\n\n  /**\n   * Handle tab link clicks\n   *\n   * @private\n   * @param {MouseEvent} event - Mouse click event\n   * @returns {void} Returns void\n   */\n  onTabClick(event) {\n    const $currentTab = this.getCurrentTab()\n    const $nextTab = event.currentTarget\n\n    if (!$currentTab || !($nextTab instanceof HTMLAnchorElement)) {\n      return\n    }\n\n    event.preventDefault()\n\n    this.hideTab($currentTab)\n    this.showTab($nextTab)\n    this.createHistoryEntry($nextTab)\n  }\n\n  /**\n   * Update browser URL hash fragment for tab\n   *\n   * - Allows back/forward to navigate tabs\n   * - Avoids page jump when hash changes\n   *\n   * @private\n   * @param {HTMLAnchorElement} $tab - Tab link\n   */\n  createHistoryEntry($tab) {\n    const $panel = this.getPanel($tab)\n    if (!$panel) {\n      return\n    }\n\n    // Save and restore the id so the page doesn't jump when a user clicks a tab\n    // (which changes the hash)\n    const panelId = $panel.id\n    $panel.id = ''\n    this.changingHash = true\n    window.location.hash = panelId\n    $panel.id = panelId\n  }\n\n  /**\n   * Handle tab keydown event\n   *\n   * - Press right arrow for next tab\n   * - Press left arrow for previous tab\n   *\n   * @private\n   * @param {KeyboardEvent} event - Keydown event\n   */\n  onTabKeydown(event) {\n    switch (event.key) {\n      // 'Left' and 'Right' required for Edge 16 support.\n      case 'ArrowLeft':\n      case 'Left':\n        this.activatePreviousTab()\n        event.preventDefault()\n        break\n      case 'ArrowRight':\n      case 'Right':\n        this.activateNextTab()\n        event.preventDefault()\n        break\n    }\n  }\n\n  /**\n   * Activate next tab\n   *\n   * @private\n   */\n  activateNextTab() {\n    const $currentTab = this.getCurrentTab()\n    if (!$currentTab?.parentElement) {\n      return\n    }\n\n    const $nextTabListItem = $currentTab.parentElement.nextElementSibling\n    if (!$nextTabListItem) {\n      return\n    }\n\n    const $nextTab = $nextTabListItem.querySelector('a.govuk-tabs__tab')\n    if (!$nextTab) {\n      return\n    }\n\n    this.hideTab($currentTab)\n    this.showTab($nextTab)\n    $nextTab.focus()\n    this.createHistoryEntry($nextTab)\n  }\n\n  /**\n   * Activate previous tab\n   *\n   * @private\n   */\n  activatePreviousTab() {\n    const $currentTab = this.getCurrentTab()\n    if (!$currentTab?.parentElement) {\n      return\n    }\n\n    const $previousTabListItem =\n      $currentTab.parentElement.previousElementSibling\n    if (!$previousTabListItem) {\n      return\n    }\n\n    const $previousTab = $previousTabListItem.querySelector('a.govuk-tabs__tab')\n    if (!$previousTab) {\n      return\n    }\n\n    this.hideTab($currentTab)\n    this.showTab($previousTab)\n    $previousTab.focus()\n    this.createHistoryEntry($previousTab)\n  }\n\n  /**\n   * Get tab panel for tab link\n   *\n   * @private\n   * @param {HTMLAnchorElement} $tab - Tab link\n   * @returns {Element | null} Tab panel\n   */\n  getPanel($tab) {\n    const panelId = $tab.hash.replace('#', '')\n    if (!panelId) {\n      return null\n    }\n\n    return this.$root.querySelector(`#${panelId}`)\n  }\n\n  /**\n   * Show tab panel for tab link\n   *\n   * @private\n   * @param {HTMLAnchorElement} $tab - Tab link\n   */\n  showPanel($tab) {\n    const $panel = this.getPanel($tab)\n    if (!$panel) {\n      return\n    }\n\n    $panel.classList.remove(this.jsHiddenClass)\n  }\n\n  /**\n   * Hide tab panel for tab link\n   *\n   * @private\n   * @param {HTMLAnchorElement} $tab - Tab link\n   */\n  hidePanel($tab) {\n    const $panel = this.getPanel($tab)\n    if (!$panel) {\n      return\n    }\n\n    $panel.classList.add(this.jsHiddenClass)\n  }\n\n  /**\n   * Unset 'selected' state for tab link\n   *\n   * @private\n   * @param {HTMLAnchorElement} $tab - Tab link\n   */\n  unhighlightTab($tab) {\n    if (!$tab.parentElement) {\n      return\n    }\n\n    $tab.setAttribute('aria-selected', 'false')\n    $tab.parentElement.classList.remove('govuk-tabs__list-item--selected')\n    $tab.setAttribute('tabindex', '-1')\n  }\n\n  /**\n   * Set 'selected' state for tab link\n   *\n   * @private\n   * @param {HTMLAnchorElement} $tab - Tab link\n   */\n  highlightTab($tab) {\n    if (!$tab.parentElement) {\n      return\n    }\n\n    $tab.setAttribute('aria-selected', 'true')\n    $tab.parentElement.classList.add('govuk-tabs__list-item--selected')\n    $tab.setAttribute('tabindex', '0')\n  }\n\n  /**\n   * Get current tab link\n   *\n   * @private\n   * @returns {HTMLAnchorElement | null} Tab link\n   */\n  getCurrentTab() {\n    return this.$root.querySelector(\n      '.govuk-tabs__list-item--selected a.govuk-tabs__tab'\n    )\n  }\n\n  /**\n   * Name for the component used when initialising using data-module attributes.\n   */\n  static moduleName = 'govuk-tabs'\n}\n"],"names":["getBreakpoint","name","property","value","window","getComputedStyle","document","documentElement","getPropertyValue","undefined","isInitialised","$root","moduleName","HTMLElement","hasAttribute","isSupported","$scope","body","classList","contains","isArray","option","Array","isObject","formatErrorMessage","Component","message","GOVUKFrontendError","Error","constructor","args","SupportError","supportMessage","HTMLScriptElement","prototype","ElementError","messageOrOptions","component","identifier","element","expectedType","InitError","componentOrMessage","_$root","childConstructor","elementType","checkSupport","checkInitialised","setAttribute","Tabs","$tabs","$tabList","$tabListItems","jsHiddenClass","changingHash","boundTabClick","boundTabKeydown","boundOnHashChange","mql","querySelectorAll","length","onTabClick","bind","onTabKeydown","onHashChange","querySelector","setupResponsiveChecks","breakpoint","matchMedia","addEventListener","checkMode","addListener","_this$mql","matches","setup","teardown","_this$getTab","forEach","$item","$tab","setAttributes","hideTab","$activeTab","getTab","location","hash","showTab","removeAttribute","removeEventListener","unsetAttributes","$tabWithHash","$previousTab","getCurrentTab","focus","unhighlightTab","hidePanel","highlightTab","showPanel","panelId","replace","$panel","getPanel","id","add","remove","event","$currentTab","$nextTab","currentTarget","HTMLAnchorElement","preventDefault","createHistoryEntry","key","activatePreviousTab","activateNextTab","parentElement","$nextTabListItem","nextElementSibling","$previousTabListItem","previousElementSibling"],"mappings":"AAeO,SAASA,aAAaA,CAACC,IAAI,EAAE;AAClC,EAAA,MAAMC,QAAQ,GAAG,CAAA,mBAAA,EAAsBD,IAAI,CAAA,CAAE;AAG7C,EAAA,MAAME,KAAK,GAAGC,MAAM,CACjBC,gBAAgB,CAACC,QAAQ,CAACC,eAAe,CAAC,CAC1CC,gBAAgB,CAACN,QAAQ,CAAC;EAE7B,OAAO;IACLA,QAAQ;IACRC,KAAK,EAAEA,KAAK,IAAIM;GACjB;AACH;AAwDO,SAASC,aAAaA,CAACC,KAAK,EAAEC,UAAU,EAAE;EAC/C,OACED,KAAK,YAAYE,WAAW,IAC5BF,KAAK,CAACG,YAAY,CAAC,CAAA,KAAA,EAAQF,UAAU,CAAA,KAAA,CAAO,CAAC;AAEjD;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASG,WAAWA,CAACC,MAAM,GAAGV,QAAQ,CAACW,IAAI,EAAE;EAClD,IAAI,CAACD,MAAM,EAAE;AACX,IAAA,OAAO,KAAK;AACd,EAAA;AAEA,EAAA,OAAOA,MAAM,CAACE,SAAS,CAACC,QAAQ,CAAC,0BAA0B,CAAC;AAC9D;AASA,SAASC,OAAOA,CAACC,MAAM,EAAE;AACvB,EAAA,OAAOC,KAAK,CAACF,OAAO,CAACC,MAAM,CAAC;AAC9B;AAUO,SAASE,QAAQA,CAACF,MAAM,EAAE;AAC/B,EAAA,OAAO,CAAC,CAACA,MAAM,IAAI,OAAOA,MAAM,KAAK,QAAQ,IAAI,CAACD,OAAO,CAACC,MAAM,CAAC;AACnE;AAsBO,SAASG,kBAAkBA,CAACC,SAAS,EAAEC,OAAO,EAAE;AACrD,EAAA,OAAO,GAAGD,SAAS,CAACb,UAAU,CAAA,EAAA,EAAKc,OAAO,CAAA,CAAE;AAC9C;AAQA;AACA;AACA;AACA;;AC7IO,MAAMC,kBAAkB,SAASC,KAAK,CAAC;AAAAC,EAAAA,WAAAA,CAAA,GAAAC,IAAA,EAAA;AAAA,IAAA,KAAA,CAAA,GAAAA,IAAA,CAAA;IAAA,IAAA,CAC5C7B,IAAI,GAAG,oBAAoB;AAAA,EAAA;AAC7B;AAKO,MAAM8B,YAAY,SAASJ,kBAAkB,CAAC;AAGnD;AACF;AACA;AACA;AACA;AACEE,EAAAA,WAAWA,CAACb,MAAM,GAAGV,QAAQ,CAACW,IAAI,EAAE;IAClC,MAAMe,cAAc,GAClB,UAAU,IAAIC,iBAAiB,CAACC,SAAS,GACrC,gHAAgH,GAChH,kDAAkD;AAExD,IAAA,KAAK,CACHlB,MAAM,GACFgB,cAAc,GACd,8DACN,CAAC;IAAA,IAAA,CAjBH/B,IAAI,GAAG,cAAc;AAkBrB,EAAA;AACF;AAYO,MAAMkC,YAAY,SAASR,kBAAkB,CAAC;EAmBnDE,WAAWA,CAACO,gBAAgB,EAAE;IAC5B,IAAIV,OAAO,GAAG,OAAOU,gBAAgB,KAAK,QAAQ,GAAGA,gBAAgB,GAAG,EAAE;AAG1E,IAAA,IAAIb,QAAQ,CAACa,gBAAgB,CAAC,EAAE;MAC9B,MAAM;QAAEC,SAAS;QAAEC,UAAU;QAAEC,OAAO;AAAEC,QAAAA;AAAa,OAAC,GAAGJ,gBAAgB;AAEzEV,MAAAA,OAAO,GAAGY,UAAU;MAGpBZ,OAAO,IAAIa,OAAO,GACd,CAAA,gBAAA,EAAmBC,YAAY,IAAA,IAAA,GAAZA,YAAY,GAAI,aAAa,CAAA,CAAE,GAClD,YAAY;AAGhB,MAAA,IAAIH,SAAS,EAAE;AACbX,QAAAA,OAAO,GAAGF,kBAAkB,CAACa,SAAS,EAAEX,OAAO,CAAC;AAClD,MAAA;AACF,IAAA;IAEA,KAAK,CAACA,OAAO,CAAC;IAAA,IAAA,CAtChBzB,IAAI,GAAG,cAAc;AAuCrB,EAAA;AACF;AAKO,MAAMwC,SAAS,SAASd,kBAAkB,CAAC;EAOhDE,WAAWA,CAACa,kBAAkB,EAAE;AAC9B,IAAA,MAAMhB,OAAO,GACX,OAAOgB,kBAAkB,KAAK,QAAQ,GAClCA,kBAAkB,GAClBlB,kBAAkB,CAChBkB,kBAAkB,EAClB,8CACF,CAAC;IAEP,KAAK,CAAChB,OAAO,CAAC;IAAA,IAAA,CAfhBzB,IAAI,GAAG,WAAW;AAgBlB,EAAA;AACF;AAaA;AACA;AACA;;ACjIO,MAAMwB,SAAS,CAAC;AASrB;AACF;AACA;AACA;AACA;AACA;EACE,IAAId,KAAKA,GAAG;IACV,OAAO,IAAI,CAACgC,MAAM;AACpB,EAAA;EAcAd,WAAWA,CAAClB,KAAK,EAAE;AAAA,IAAA,IAAA,CARnBgC,MAAM,GAAA,MAAA;AASJ,IAAA,MAAMC,gBAAgB,GACpB,IAAI,CAACf,WACN;AASD,IAAA,IAAI,OAAOe,gBAAgB,CAAChC,UAAU,KAAK,QAAQ,EAAE;AACnD,MAAA,MAAM,IAAI6B,SAAS,CAAC,CAAA,uCAAA,CAAyC,CAAC;AAChE,IAAA;AAEA,IAAA,IAAI,EAAE9B,KAAK,YAAYiC,gBAAgB,CAACC,WAAW,CAAC,EAAE;MACpD,MAAM,IAAIV,YAAY,CAAC;AACrBI,QAAAA,OAAO,EAAE5B,KAAK;AACd0B,QAAAA,SAAS,EAAEO,gBAAgB;AAC3BN,QAAAA,UAAU,EAAE,wBAAwB;AACpCE,QAAAA,YAAY,EAAEI,gBAAgB,CAACC,WAAW,CAAC5C;AAC7C,OAAC,CAAC;AACJ,IAAA,CAAC,MAAM;MACL,IAAI,CAAC0C,MAAM,GAAmChC,KAAM;AACtD,IAAA;IAEAiC,gBAAgB,CAACE,YAAY,EAAE;IAE/B,IAAI,CAACC,gBAAgB,EAAE;AAEvB,IAAA,MAAMnC,UAAU,GAAGgC,gBAAgB,CAAChC,UAAU;IAE9C,IAAI,CAACD,KAAK,CAACqC,YAAY,CAAC,QAAQpC,UAAU,CAAA,KAAA,CAAO,EAAE,EAAE,CAAC;AACxD,EAAA;AAQAmC,EAAAA,gBAAgBA,GAAG;AACjB,IAAA,MAAMlB,WAAW,GAAyC,IAAI,CAACA,WAAY;AAC3E,IAAA,MAAMjB,UAAU,GAAGiB,WAAW,CAACjB,UAAU;IAEzC,IAAIA,UAAU,IAAIF,aAAa,CAAC,IAAI,CAACC,KAAK,EAAEC,UAAU,CAAC,EAAE;AACvD,MAAA,MAAM,IAAI6B,SAAS,CAACZ,WAAW,CAAC;AAClC,IAAA;AACF,EAAA;EAOA,OAAOiB,YAAYA,GAAG;AACpB,IAAA,IAAI,CAAC/B,WAAW,EAAE,EAAE;MAClB,MAAM,IAAIgB,YAAY,EAAE;AAC1B,IAAA;AACF,EAAA;AACF;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AArGaN,SAAS,CAIboB,WAAW,GAAGhC,WAAW;;ACXlC;AACA;AACA;AACA;AACA;AACO,MAAMoC,IAAI,SAASxB,SAAS,CAAC;AA+BlC;AACF;AACA;EACEI,WAAWA,CAAClB,KAAK,EAAE;IACjB,KAAK,CAACA,KAAK,CAAC;AAAA,IAAA,IAAA,CAjCduC,KAAK,GAAA,MAAA;AAAA,IAAA,IAAA,CAGLC,QAAQ,GAAA,MAAA;AAAA,IAAA,IAAA,CAGRC,aAAa,GAAA,MAAA;IAAA,IAAA,CAGbC,aAAa,GAAG,2BAA2B;IAAA,IAAA,CAG3CC,YAAY,GAAG,KAAK;AAAA,IAAA,IAAA,CAGpBC,aAAa,GAAA,MAAA;AAAA,IAAA,IAAA,CAGbC,eAAe,GAAA,MAAA;AAAA,IAAA,IAAA,CAGfC,iBAAiB,GAAA,MAAA;IAAA,IAAA,CAMjBC,GAAG,GAAG,IAAI;IAQR,MAAMR,KAAK,GAAG,IAAI,CAACvC,KAAK,CAACgD,gBAAgB,CAAC,mBAAmB,CAAC;AAC9D,IAAA,IAAI,CAACT,KAAK,CAACU,MAAM,EAAE;MACjB,MAAM,IAAIzB,YAAY,CAAC;AACrBE,QAAAA,SAAS,EAAEY,IAAI;AACfX,QAAAA,UAAU,EAAE;AACd,OAAC,CAAC;AACJ,IAAA;IAEA,IAAI,CAACY,KAAK,GAAGA,KAAK;IAGlB,IAAI,CAACK,aAAa,GAAG,IAAI,CAACM,UAAU,CAACC,IAAI,CAAC,IAAI,CAAC;IAC/C,IAAI,CAACN,eAAe,GAAG,IAAI,CAACO,YAAY,CAACD,IAAI,CAAC,IAAI,CAAC;IACnD,IAAI,CAACL,iBAAiB,GAAG,IAAI,CAACO,YAAY,CAACF,IAAI,CAAC,IAAI,CAAC;IAErD,MAAMX,QAAQ,GAAG,IAAI,CAACxC,KAAK,CAACsD,aAAa,CAAC,mBAAmB,CAAC;IAC9D,MAAMb,aAAa,GAAG,IAAI,CAACzC,KAAK,CAACgD,gBAAgB,CAC/C,0BACF,CAAC;IAED,IAAI,CAACR,QAAQ,EAAE;MACb,MAAM,IAAIhB,YAAY,CAAC;AACrBE,QAAAA,SAAS,EAAEY,IAAI;AACfX,QAAAA,UAAU,EAAE;AACd,OAAC,CAAC;AACJ,IAAA;AAEA,IAAA,IAAI,CAACc,aAAa,CAACQ,MAAM,EAAE;MACzB,MAAM,IAAIzB,YAAY,CAAC;AACrBE,QAAAA,SAAS,EAAEY,IAAI;AACfX,QAAAA,UAAU,EAAE;AACd,OAAC,CAAC;AACJ,IAAA;IAEA,IAAI,CAACa,QAAQ,GAAGA,QAAQ;IACxB,IAAI,CAACC,aAAa,GAAGA,aAAa;IAElC,IAAI,CAACc,qBAAqB,EAAE;AAC9B,EAAA;AAOAA,EAAAA,qBAAqBA,GAAG;AACtB,IAAA,MAAMC,UAAU,GAAGnE,aAAa,CAAC,QAAQ,CAAC;AAE1C,IAAA,IAAI,CAACmE,UAAU,CAAChE,KAAK,EAAE;MACrB,MAAM,IAAIgC,YAAY,CAAC;AACrBE,QAAAA,SAAS,EAAEY,IAAI;AACfX,QAAAA,UAAU,EAAE,CAAA,uBAAA,EAA0B6B,UAAU,CAACjE,QAAQ,CAAA,6BAAA;AAC3D,OAAC,CAAC;AACJ,IAAA;AAGA,IAAA,IAAI,CAACwD,GAAG,GAAGtD,MAAM,CAACgE,UAAU,CAAC,CAAA,YAAA,EAAeD,UAAU,CAAChE,KAAK,CAAA,CAAA,CAAG,CAAC;AAIhE,IAAA,IAAI,kBAAkB,IAAI,IAAI,CAACuD,GAAG,EAAE;AAClC,MAAA,IAAI,CAACA,GAAG,CAACW,gBAAgB,CAAC,QAAQ,EAAE,MAAM,IAAI,CAACC,SAAS,EAAE,CAAC;AAC7D,IAAA,CAAC,MAAM;MAGL,IAAI,CAACZ,GAAG,CAACa,WAAW,CAAC,MAAM,IAAI,CAACD,SAAS,EAAE,CAAC;AAC9C,IAAA;IAEA,IAAI,CAACA,SAAS,EAAE;AAClB,EAAA;AAOAA,EAAAA,SAASA,GAAG;AAAA,IAAA,IAAAE,SAAA;IACV,IAAA,CAAAA,SAAA,GAAI,IAAI,CAACd,GAAG,KAAA,IAAA,IAARc,SAAA,CAAUC,OAAO,EAAE;MACrB,IAAI,CAACC,KAAK,EAAE;AACd,IAAA,CAAC,MAAM;MACL,IAAI,CAACC,QAAQ,EAAE;AACjB,IAAA;AACF,EAAA;AAOAD,EAAAA,KAAKA,GAAG;AAAA,IAAA,IAAAE,YAAA;IACN,IAAI,CAACzB,QAAQ,CAACH,YAAY,CAAC,MAAM,EAAE,SAAS,CAAC;AAE7C,IAAA,IAAI,CAACI,aAAa,CAACyB,OAAO,CAAEC,KAAK,IAAK;AACpCA,MAAAA,KAAK,CAAC9B,YAAY,CAAC,MAAM,EAAE,cAAc,CAAC;AAC5C,IAAA,CAAC,CAAC;AAEF,IAAA,IAAI,CAACE,KAAK,CAAC2B,OAAO,CAAEE,IAAI,IAAK;AAE3B,MAAA,IAAI,CAACC,aAAa,CAACD,IAAI,CAAC;MAGxBA,IAAI,CAACV,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAACd,aAAa,EAAE,IAAI,CAAC;MACxDwB,IAAI,CAACV,gBAAgB,CAAC,SAAS,EAAE,IAAI,CAACb,eAAe,EAAE,IAAI,CAAC;AAG5D,MAAA,IAAI,CAACyB,OAAO,CAACF,IAAI,CAAC;AACpB,IAAA,CAAC,CAAC;IAGF,MAAMG,UAAU,IAAAN,YAAA,GAAG,IAAI,CAACO,MAAM,CAAC/E,MAAM,CAACgF,QAAQ,CAACC,IAAI,CAAC,YAAAT,YAAA,GAAI,IAAI,CAAC1B,KAAK,CAAC,CAAC,CAAC;AAErE,IAAA,IAAI,CAACoC,OAAO,CAACJ,UAAU,CAAC;IAGxB9E,MAAM,CAACiE,gBAAgB,CAAC,YAAY,EAAE,IAAI,CAACZ,iBAAiB,EAAE,IAAI,CAAC;AACrE,EAAA;AAOAkB,EAAAA,QAAQA,GAAG;AACT,IAAA,IAAI,CAACxB,QAAQ,CAACoC,eAAe,CAAC,MAAM,CAAC;AAErC,IAAA,IAAI,CAACnC,aAAa,CAACyB,OAAO,CAAEC,KAAK,IAAK;AACpCA,MAAAA,KAAK,CAACS,eAAe,CAAC,MAAM,CAAC;AAC/B,IAAA,CAAC,CAAC;AAEF,IAAA,IAAI,CAACrC,KAAK,CAAC2B,OAAO,CAAEE,IAAI,IAAK;MAE3BA,IAAI,CAACS,mBAAmB,CAAC,OAAO,EAAE,IAAI,CAACjC,aAAa,EAAE,IAAI,CAAC;MAC3DwB,IAAI,CAACS,mBAAmB,CAAC,SAAS,EAAE,IAAI,CAAChC,eAAe,EAAE,IAAI,CAAC;AAG/D,MAAA,IAAI,CAACiC,eAAe,CAACV,IAAI,CAAC;AAC5B,IAAA,CAAC,CAAC;IAGF3E,MAAM,CAACoF,mBAAmB,CAAC,YAAY,EAAE,IAAI,CAAC/B,iBAAiB,EAAE,IAAI,CAAC;AACxE,EAAA;AAQAO,EAAAA,YAAYA,GAAG;AACb,IAAA,MAAMqB,IAAI,GAAGjF,MAAM,CAACgF,QAAQ,CAACC,IAAI;AACjC,IAAA,MAAMK,YAAY,GAAG,IAAI,CAACP,MAAM,CAACE,IAAI,CAAC;IACtC,IAAI,CAACK,YAAY,EAAE;AACjB,MAAA;AACF,IAAA;IAGA,IAAI,IAAI,CAACpC,YAAY,EAAE;MACrB,IAAI,CAACA,YAAY,GAAG,KAAK;AACzB,MAAA;AACF,IAAA;AAGA,IAAA,MAAMqC,YAAY,GAAG,IAAI,CAACC,aAAa,EAAE;IACzC,IAAI,CAACD,YAAY,EAAE;AACjB,MAAA;AACF,IAAA;AAEA,IAAA,IAAI,CAACV,OAAO,CAACU,YAAY,CAAC;AAC1B,IAAA,IAAI,CAACL,OAAO,CAACI,YAAY,CAAC;IAC1BA,YAAY,CAACG,KAAK,EAAE;AACtB,EAAA;EAQAZ,OAAOA,CAACF,IAAI,EAAE;AACZ,IAAA,IAAI,CAACe,cAAc,CAACf,IAAI,CAAC;AACzB,IAAA,IAAI,CAACgB,SAAS,CAAChB,IAAI,CAAC;AACtB,EAAA;EAQAO,OAAOA,CAACP,IAAI,EAAE;AACZ,IAAA,IAAI,CAACiB,YAAY,CAACjB,IAAI,CAAC;AACvB,IAAA,IAAI,CAACkB,SAAS,CAAClB,IAAI,CAAC;AACtB,EAAA;EASAI,MAAMA,CAACE,IAAI,EAAE;IACX,OAAO,IAAI,CAAC1E,KAAK,CAACsD,aAAa,CAAC,CAAA,wBAAA,EAA2BoB,IAAI,CAAA,EAAA,CAAI,CAAC;AACtE,EAAA;EAQAL,aAAaA,CAACD,IAAI,EAAE;IAClB,MAAMmB,OAAO,GAAGnB,IAAI,CAACM,IAAI,CAACc,OAAO,CAAC,GAAG,EAAE,EAAE,CAAC;IAC1C,IAAI,CAACD,OAAO,EAAE;AACZ,MAAA;AACF,IAAA;IAGAnB,IAAI,CAAC/B,YAAY,CAAC,IAAI,EAAE,CAAA,IAAA,EAAOkD,OAAO,EAAE,CAAC;AACzCnB,IAAAA,IAAI,CAAC/B,YAAY,CAAC,MAAM,EAAE,KAAK,CAAC;AAChC+B,IAAAA,IAAI,CAAC/B,YAAY,CAAC,eAAe,EAAEkD,OAAO,CAAC;AAC3CnB,IAAAA,IAAI,CAAC/B,YAAY,CAAC,eAAe,EAAE,OAAO,CAAC;AAC3C+B,IAAAA,IAAI,CAAC/B,YAAY,CAAC,UAAU,EAAE,IAAI,CAAC;AAGnC,IAAA,MAAMoD,MAAM,GAAG,IAAI,CAACC,QAAQ,CAACtB,IAAI,CAAC;IAClC,IAAI,CAACqB,MAAM,EAAE;AACX,MAAA;AACF,IAAA;AAEAA,IAAAA,MAAM,CAACpD,YAAY,CAAC,MAAM,EAAE,UAAU,CAAC;IACvCoD,MAAM,CAACpD,YAAY,CAAC,iBAAiB,EAAE+B,IAAI,CAACuB,EAAE,CAAC;IAC/CF,MAAM,CAAClF,SAAS,CAACqF,GAAG,CAAC,IAAI,CAAClD,aAAa,CAAC;AAC1C,EAAA;EAQAoC,eAAeA,CAACV,IAAI,EAAE;AAEpBA,IAAAA,IAAI,CAACQ,eAAe,CAAC,IAAI,CAAC;AAC1BR,IAAAA,IAAI,CAACQ,eAAe,CAAC,MAAM,CAAC;AAC5BR,IAAAA,IAAI,CAACQ,eAAe,CAAC,eAAe,CAAC;AACrCR,IAAAA,IAAI,CAACQ,eAAe,CAAC,eAAe,CAAC;AACrCR,IAAAA,IAAI,CAACQ,eAAe,CAAC,UAAU,CAAC;AAGhC,IAAA,MAAMa,MAAM,GAAG,IAAI,CAACC,QAAQ,CAACtB,IAAI,CAAC;IAClC,IAAI,CAACqB,MAAM,EAAE;AACX,MAAA;AACF,IAAA;AAEAA,IAAAA,MAAM,CAACb,eAAe,CAAC,MAAM,CAAC;AAC9Ba,IAAAA,MAAM,CAACb,eAAe,CAAC,iBAAiB,CAAC;IACzCa,MAAM,CAAClF,SAAS,CAACsF,MAAM,CAAC,IAAI,CAACnD,aAAa,CAAC;AAC7C,EAAA;EASAQ,UAAUA,CAAC4C,KAAK,EAAE;AAChB,IAAA,MAAMC,WAAW,GAAG,IAAI,CAACd,aAAa,EAAE;AACxC,IAAA,MAAMe,QAAQ,GAAGF,KAAK,CAACG,aAAa;IAEpC,IAAI,CAACF,WAAW,IAAI,EAAEC,QAAQ,YAAYE,iBAAiB,CAAC,EAAE;AAC5D,MAAA;AACF,IAAA;IAEAJ,KAAK,CAACK,cAAc,EAAE;AAEtB,IAAA,IAAI,CAAC7B,OAAO,CAACyB,WAAW,CAAC;AACzB,IAAA,IAAI,CAACpB,OAAO,CAACqB,QAAQ,CAAC;AACtB,IAAA,IAAI,CAACI,kBAAkB,CAACJ,QAAQ,CAAC;AACnC,EAAA;EAWAI,kBAAkBA,CAAChC,IAAI,EAAE;AACvB,IAAA,MAAMqB,MAAM,GAAG,IAAI,CAACC,QAAQ,CAACtB,IAAI,CAAC;IAClC,IAAI,CAACqB,MAAM,EAAE;AACX,MAAA;AACF,IAAA;AAIA,IAAA,MAAMF,OAAO,GAAGE,MAAM,CAACE,EAAE;IACzBF,MAAM,CAACE,EAAE,GAAG,EAAE;IACd,IAAI,CAAChD,YAAY,GAAG,IAAI;AACxBlD,IAAAA,MAAM,CAACgF,QAAQ,CAACC,IAAI,GAAGa,OAAO;IAC9BE,MAAM,CAACE,EAAE,GAAGJ,OAAO;AACrB,EAAA;EAWAnC,YAAYA,CAAC0C,KAAK,EAAE;IAClB,QAAQA,KAAK,CAACO,GAAG;AAEf,MAAA,KAAK,WAAW;AAChB,MAAA,KAAK,MAAM;QACT,IAAI,CAACC,mBAAmB,EAAE;QAC1BR,KAAK,CAACK,cAAc,EAAE;AACtB,QAAA;AACF,MAAA,KAAK,YAAY;AACjB,MAAA,KAAK,OAAO;QACV,IAAI,CAACI,eAAe,EAAE;QACtBT,KAAK,CAACK,cAAc,EAAE;AACtB,QAAA;AACJ;AACF,EAAA;AAOAI,EAAAA,eAAeA,GAAG;AAChB,IAAA,MAAMR,WAAW,GAAG,IAAI,CAACd,aAAa,EAAE;AACxC,IAAA,IAAI,EAACc,WAAW,IAAA,IAAA,IAAXA,WAAW,CAAES,aAAa,CAAA,EAAE;AAC/B,MAAA;AACF,IAAA;AAEA,IAAA,MAAMC,gBAAgB,GAAGV,WAAW,CAACS,aAAa,CAACE,kBAAkB;IACrE,IAAI,CAACD,gBAAgB,EAAE;AACrB,MAAA;AACF,IAAA;AAEA,IAAA,MAAMT,QAAQ,GAAGS,gBAAgB,CAACnD,aAAa,CAAC,mBAAmB,CAAC;IACpE,IAAI,CAAC0C,QAAQ,EAAE;AACb,MAAA;AACF,IAAA;AAEA,IAAA,IAAI,CAAC1B,OAAO,CAACyB,WAAW,CAAC;AACzB,IAAA,IAAI,CAACpB,OAAO,CAACqB,QAAQ,CAAC;IACtBA,QAAQ,CAACd,KAAK,EAAE;AAChB,IAAA,IAAI,CAACkB,kBAAkB,CAACJ,QAAQ,CAAC;AACnC,EAAA;AAOAM,EAAAA,mBAAmBA,GAAG;AACpB,IAAA,MAAMP,WAAW,GAAG,IAAI,CAACd,aAAa,EAAE;AACxC,IAAA,IAAI,EAACc,WAAW,IAAA,IAAA,IAAXA,WAAW,CAAES,aAAa,CAAA,EAAE;AAC/B,MAAA;AACF,IAAA;AAEA,IAAA,MAAMG,oBAAoB,GACxBZ,WAAW,CAACS,aAAa,CAACI,sBAAsB;IAClD,IAAI,CAACD,oBAAoB,EAAE;AACzB,MAAA;AACF,IAAA;AAEA,IAAA,MAAM3B,YAAY,GAAG2B,oBAAoB,CAACrD,aAAa,CAAC,mBAAmB,CAAC;IAC5E,IAAI,CAAC0B,YAAY,EAAE;AACjB,MAAA;AACF,IAAA;AAEA,IAAA,IAAI,CAACV,OAAO,CAACyB,WAAW,CAAC;AACzB,IAAA,IAAI,CAACpB,OAAO,CAACK,YAAY,CAAC;IAC1BA,YAAY,CAACE,KAAK,EAAE;AACpB,IAAA,IAAI,CAACkB,kBAAkB,CAACpB,YAAY,CAAC;AACvC,EAAA;EASAU,QAAQA,CAACtB,IAAI,EAAE;IACb,MAAMmB,OAAO,GAAGnB,IAAI,CAACM,IAAI,CAACc,OAAO,CAAC,GAAG,EAAE,EAAE,CAAC;IAC1C,IAAI,CAACD,OAAO,EAAE;AACZ,MAAA,OAAO,IAAI;AACb,IAAA;IAEA,OAAO,IAAI,CAACvF,KAAK,CAACsD,aAAa,CAAC,CAAA,CAAA,EAAIiC,OAAO,CAAA,CAAE,CAAC;AAChD,EAAA;EAQAD,SAASA,CAAClB,IAAI,EAAE;AACd,IAAA,MAAMqB,MAAM,GAAG,IAAI,CAACC,QAAQ,CAACtB,IAAI,CAAC;IAClC,IAAI,CAACqB,MAAM,EAAE;AACX,MAAA;AACF,IAAA;IAEAA,MAAM,CAAClF,SAAS,CAACsF,MAAM,CAAC,IAAI,CAACnD,aAAa,CAAC;AAC7C,EAAA;EAQA0C,SAASA,CAAChB,IAAI,EAAE;AACd,IAAA,MAAMqB,MAAM,GAAG,IAAI,CAACC,QAAQ,CAACtB,IAAI,CAAC;IAClC,IAAI,CAACqB,MAAM,EAAE;AACX,MAAA;AACF,IAAA;IAEAA,MAAM,CAAClF,SAAS,CAACqF,GAAG,CAAC,IAAI,CAAClD,aAAa,CAAC;AAC1C,EAAA;EAQAyC,cAAcA,CAACf,IAAI,EAAE;AACnB,IAAA,IAAI,CAACA,IAAI,CAACoC,aAAa,EAAE;AACvB,MAAA;AACF,IAAA;AAEApC,IAAAA,IAAI,CAAC/B,YAAY,CAAC,eAAe,EAAE,OAAO,CAAC;IAC3C+B,IAAI,CAACoC,aAAa,CAACjG,SAAS,CAACsF,MAAM,CAAC,iCAAiC,CAAC;AACtEzB,IAAAA,IAAI,CAAC/B,YAAY,CAAC,UAAU,EAAE,IAAI,CAAC;AACrC,EAAA;EAQAgD,YAAYA,CAACjB,IAAI,EAAE;AACjB,IAAA,IAAI,CAACA,IAAI,CAACoC,aAAa,EAAE;AACvB,MAAA;AACF,IAAA;AAEApC,IAAAA,IAAI,CAAC/B,YAAY,CAAC,eAAe,EAAE,MAAM,CAAC;IAC1C+B,IAAI,CAACoC,aAAa,CAACjG,SAAS,CAACqF,GAAG,CAAC,iCAAiC,CAAC;AACnExB,IAAAA,IAAI,CAAC/B,YAAY,CAAC,UAAU,EAAE,GAAG,CAAC;AACpC,EAAA;AAQA4C,EAAAA,aAAaA,GAAG;AACd,IAAA,OAAO,IAAI,CAACjF,KAAK,CAACsD,aAAa,CAC7B,oDACF,CAAC;AACH,EAAA;AAMF;AArgBahB,IAAI,CAogBRrC,UAAU,GAAG,YAAY;;;;"}
\ No newline at end of file
diff --git a/app/templates/govuk/components/components/tabs/tabs.mjs b/app/templates/govuk/components/components/tabs/tabs.mjs
new file mode 100644
index 0000000..04ca972
--- /dev/null
+++ b/app/templates/govuk/components/components/tabs/tabs.mjs
@@ -0,0 +1,283 @@
+import { getBreakpoint } from '../../common/index.mjs';
+import { Component } from '../../component.mjs';
+import { ElementError } from '../../errors/index.mjs';
+
+/**
+ * Tabs component
+ *
+ * @preserve
+ */
+class Tabs extends Component {
+  /**
+   * @param {Element | null} $root - HTML element to use for tabs
+   */
+  constructor($root) {
+    super($root);
+    this.$tabs = void 0;
+    this.$tabList = void 0;
+    this.$tabListItems = void 0;
+    this.jsHiddenClass = 'govuk-tabs__panel--hidden';
+    this.changingHash = false;
+    this.boundTabClick = void 0;
+    this.boundTabKeydown = void 0;
+    this.boundOnHashChange = void 0;
+    this.mql = null;
+    const $tabs = this.$root.querySelectorAll('a.govuk-tabs__tab');
+    if (!$tabs.length) {
+      throw new ElementError({
+        component: Tabs,
+        identifier: 'Links (`<a class="govuk-tabs__tab">`)'
+      });
+    }
+    this.$tabs = $tabs;
+    this.boundTabClick = this.onTabClick.bind(this);
+    this.boundTabKeydown = this.onTabKeydown.bind(this);
+    this.boundOnHashChange = this.onHashChange.bind(this);
+    const $tabList = this.$root.querySelector('.govuk-tabs__list');
+    const $tabListItems = this.$root.querySelectorAll('li.govuk-tabs__list-item');
+    if (!$tabList) {
+      throw new ElementError({
+        component: Tabs,
+        identifier: 'List (`<ul class="govuk-tabs__list">`)'
+      });
+    }
+    if (!$tabListItems.length) {
+      throw new ElementError({
+        component: Tabs,
+        identifier: 'List items (`<li class="govuk-tabs__list-item">`)'
+      });
+    }
+    this.$tabList = $tabList;
+    this.$tabListItems = $tabListItems;
+    this.setupResponsiveChecks();
+  }
+  setupResponsiveChecks() {
+    const breakpoint = getBreakpoint('tablet');
+    if (!breakpoint.value) {
+      throw new ElementError({
+        component: Tabs,
+        identifier: `CSS custom property (\`${breakpoint.property}\`) on pseudo-class \`:root\``
+      });
+    }
+    this.mql = window.matchMedia(`(min-width: ${breakpoint.value})`);
+    if ('addEventListener' in this.mql) {
+      this.mql.addEventListener('change', () => this.checkMode());
+    } else {
+      this.mql.addListener(() => this.checkMode());
+    }
+    this.checkMode();
+  }
+  checkMode() {
+    var _this$mql;
+    if ((_this$mql = this.mql) != null && _this$mql.matches) {
+      this.setup();
+    } else {
+      this.teardown();
+    }
+  }
+  setup() {
+    var _this$getTab;
+    this.$tabList.setAttribute('role', 'tablist');
+    this.$tabListItems.forEach($item => {
+      $item.setAttribute('role', 'presentation');
+    });
+    this.$tabs.forEach($tab => {
+      this.setAttributes($tab);
+      $tab.addEventListener('click', this.boundTabClick, true);
+      $tab.addEventListener('keydown', this.boundTabKeydown, true);
+      this.hideTab($tab);
+    });
+    const $activeTab = (_this$getTab = this.getTab(window.location.hash)) != null ? _this$getTab : this.$tabs[0];
+    this.showTab($activeTab);
+    window.addEventListener('hashchange', this.boundOnHashChange, true);
+  }
+  teardown() {
+    this.$tabList.removeAttribute('role');
+    this.$tabListItems.forEach($item => {
+      $item.removeAttribute('role');
+    });
+    this.$tabs.forEach($tab => {
+      $tab.removeEventListener('click', this.boundTabClick, true);
+      $tab.removeEventListener('keydown', this.boundTabKeydown, true);
+      this.unsetAttributes($tab);
+    });
+    window.removeEventListener('hashchange', this.boundOnHashChange, true);
+  }
+  onHashChange() {
+    const hash = window.location.hash;
+    const $tabWithHash = this.getTab(hash);
+    if (!$tabWithHash) {
+      return;
+    }
+    if (this.changingHash) {
+      this.changingHash = false;
+      return;
+    }
+    const $previousTab = this.getCurrentTab();
+    if (!$previousTab) {
+      return;
+    }
+    this.hideTab($previousTab);
+    this.showTab($tabWithHash);
+    $tabWithHash.focus();
+  }
+  hideTab($tab) {
+    this.unhighlightTab($tab);
+    this.hidePanel($tab);
+  }
+  showTab($tab) {
+    this.highlightTab($tab);
+    this.showPanel($tab);
+  }
+  getTab(hash) {
+    return this.$root.querySelector(`a.govuk-tabs__tab[href="${hash}"]`);
+  }
+  setAttributes($tab) {
+    const panelId = $tab.hash.replace('#', '');
+    if (!panelId) {
+      return;
+    }
+    $tab.setAttribute('id', `tab_${panelId}`);
+    $tab.setAttribute('role', 'tab');
+    $tab.setAttribute('aria-controls', panelId);
+    $tab.setAttribute('aria-selected', 'false');
+    $tab.setAttribute('tabindex', '-1');
+    const $panel = this.getPanel($tab);
+    if (!$panel) {
+      return;
+    }
+    $panel.setAttribute('role', 'tabpanel');
+    $panel.setAttribute('aria-labelledby', $tab.id);
+    $panel.classList.add(this.jsHiddenClass);
+  }
+  unsetAttributes($tab) {
+    $tab.removeAttribute('id');
+    $tab.removeAttribute('role');
+    $tab.removeAttribute('aria-controls');
+    $tab.removeAttribute('aria-selected');
+    $tab.removeAttribute('tabindex');
+    const $panel = this.getPanel($tab);
+    if (!$panel) {
+      return;
+    }
+    $panel.removeAttribute('role');
+    $panel.removeAttribute('aria-labelledby');
+    $panel.classList.remove(this.jsHiddenClass);
+  }
+  onTabClick(event) {
+    const $currentTab = this.getCurrentTab();
+    const $nextTab = event.currentTarget;
+    if (!$currentTab || !($nextTab instanceof HTMLAnchorElement)) {
+      return;
+    }
+    event.preventDefault();
+    this.hideTab($currentTab);
+    this.showTab($nextTab);
+    this.createHistoryEntry($nextTab);
+  }
+  createHistoryEntry($tab) {
+    const $panel = this.getPanel($tab);
+    if (!$panel) {
+      return;
+    }
+    const panelId = $panel.id;
+    $panel.id = '';
+    this.changingHash = true;
+    window.location.hash = panelId;
+    $panel.id = panelId;
+  }
+  onTabKeydown(event) {
+    switch (event.key) {
+      case 'ArrowLeft':
+      case 'Left':
+        this.activatePreviousTab();
+        event.preventDefault();
+        break;
+      case 'ArrowRight':
+      case 'Right':
+        this.activateNextTab();
+        event.preventDefault();
+        break;
+    }
+  }
+  activateNextTab() {
+    const $currentTab = this.getCurrentTab();
+    if (!($currentTab != null && $currentTab.parentElement)) {
+      return;
+    }
+    const $nextTabListItem = $currentTab.parentElement.nextElementSibling;
+    if (!$nextTabListItem) {
+      return;
+    }
+    const $nextTab = $nextTabListItem.querySelector('a.govuk-tabs__tab');
+    if (!$nextTab) {
+      return;
+    }
+    this.hideTab($currentTab);
+    this.showTab($nextTab);
+    $nextTab.focus();
+    this.createHistoryEntry($nextTab);
+  }
+  activatePreviousTab() {
+    const $currentTab = this.getCurrentTab();
+    if (!($currentTab != null && $currentTab.parentElement)) {
+      return;
+    }
+    const $previousTabListItem = $currentTab.parentElement.previousElementSibling;
+    if (!$previousTabListItem) {
+      return;
+    }
+    const $previousTab = $previousTabListItem.querySelector('a.govuk-tabs__tab');
+    if (!$previousTab) {
+      return;
+    }
+    this.hideTab($currentTab);
+    this.showTab($previousTab);
+    $previousTab.focus();
+    this.createHistoryEntry($previousTab);
+  }
+  getPanel($tab) {
+    const panelId = $tab.hash.replace('#', '');
+    if (!panelId) {
+      return null;
+    }
+    return this.$root.querySelector(`#${panelId}`);
+  }
+  showPanel($tab) {
+    const $panel = this.getPanel($tab);
+    if (!$panel) {
+      return;
+    }
+    $panel.classList.remove(this.jsHiddenClass);
+  }
+  hidePanel($tab) {
+    const $panel = this.getPanel($tab);
+    if (!$panel) {
+      return;
+    }
+    $panel.classList.add(this.jsHiddenClass);
+  }
+  unhighlightTab($tab) {
+    if (!$tab.parentElement) {
+      return;
+    }
+    $tab.setAttribute('aria-selected', 'false');
+    $tab.parentElement.classList.remove('govuk-tabs__list-item--selected');
+    $tab.setAttribute('tabindex', '-1');
+  }
+  highlightTab($tab) {
+    if (!$tab.parentElement) {
+      return;
+    }
+    $tab.setAttribute('aria-selected', 'true');
+    $tab.parentElement.classList.add('govuk-tabs__list-item--selected');
+    $tab.setAttribute('tabindex', '0');
+  }
+  getCurrentTab() {
+    return this.$root.querySelector('.govuk-tabs__list-item--selected a.govuk-tabs__tab');
+  }
+}
+Tabs.moduleName = 'govuk-tabs';
+
+export { Tabs };
+//# sourceMappingURL=tabs.mjs.map
diff --git a/app/templates/govuk/components/components/tabs/tabs.mjs.map b/app/templates/govuk/components/components/tabs/tabs.mjs.map
new file mode 100644
index 0000000..6f13b02
--- /dev/null
+++ b/app/templates/govuk/components/components/tabs/tabs.mjs.map
@@ -0,0 +1 @@
+{"version":3,"file":"tabs.mjs","sources":["../../../../src/govuk/components/tabs/tabs.mjs"],"sourcesContent":["import { getBreakpoint } from '../../common/index.mjs'\nimport { Component } from '../../component.mjs'\nimport { ElementError } from '../../errors/index.mjs'\n\n/**\n * Tabs component\n *\n * @preserve\n */\nexport class Tabs extends Component {\n  /** @private */\n  $tabs\n\n  /** @private */\n  $tabList\n\n  /** @private */\n  $tabListItems\n\n  /** @private */\n  jsHiddenClass = 'govuk-tabs__panel--hidden'\n\n  /** @private */\n  changingHash = false\n\n  /** @private */\n  boundTabClick\n\n  /** @private */\n  boundTabKeydown\n\n  /** @private */\n  boundOnHashChange\n\n  /**\n   * @private\n   * @type {MediaQueryList | null}\n   */\n  mql = null\n\n  /**\n   * @param {Element | null} $root - HTML element to use for tabs\n   */\n  constructor($root) {\n    super($root)\n\n    const $tabs = this.$root.querySelectorAll('a.govuk-tabs__tab')\n    if (!$tabs.length) {\n      throw new ElementError({\n        component: Tabs,\n        identifier: 'Links (`<a class=\"govuk-tabs__tab\">`)'\n      })\n    }\n\n    this.$tabs = $tabs\n\n    // Save bound functions so we can remove event listeners during teardown\n    this.boundTabClick = this.onTabClick.bind(this)\n    this.boundTabKeydown = this.onTabKeydown.bind(this)\n    this.boundOnHashChange = this.onHashChange.bind(this)\n\n    const $tabList = this.$root.querySelector('.govuk-tabs__list')\n    const $tabListItems = this.$root.querySelectorAll(\n      'li.govuk-tabs__list-item'\n    )\n\n    if (!$tabList) {\n      throw new ElementError({\n        component: Tabs,\n        identifier: 'List (`<ul class=\"govuk-tabs__list\">`)'\n      })\n    }\n\n    if (!$tabListItems.length) {\n      throw new ElementError({\n        component: Tabs,\n        identifier: 'List items (`<li class=\"govuk-tabs__list-item\">`)'\n      })\n    }\n\n    this.$tabList = $tabList\n    this.$tabListItems = $tabListItems\n\n    this.setupResponsiveChecks()\n  }\n\n  /**\n   * Setup viewport resize check\n   *\n   * @private\n   */\n  setupResponsiveChecks() {\n    const breakpoint = getBreakpoint('tablet')\n\n    if (!breakpoint.value) {\n      throw new ElementError({\n        component: Tabs,\n        identifier: `CSS custom property (\\`${breakpoint.property}\\`) on pseudo-class \\`:root\\``\n      })\n    }\n\n    // Media query list for GOV.UK Frontend tablet breakpoint\n    this.mql = window.matchMedia(`(min-width: ${breakpoint.value})`)\n\n    // MediaQueryList.addEventListener isn't supported by Safari < 14 so we need\n    // to be able to fall back to the deprecated MediaQueryList.addListener\n    if ('addEventListener' in this.mql) {\n      this.mql.addEventListener('change', () => this.checkMode())\n    } else {\n      // @ts-expect-error Property 'addListener' does not exist\n      // eslint-disable-next-line @typescript-eslint/no-unsafe-call\n      this.mql.addListener(() => this.checkMode())\n    }\n\n    this.checkMode()\n  }\n\n  /**\n   * Setup or teardown handler for viewport resize check\n   *\n   * @private\n   */\n  checkMode() {\n    if (this.mql?.matches) {\n      this.setup()\n    } else {\n      this.teardown()\n    }\n  }\n\n  /**\n   * Setup tab component\n   *\n   * @private\n   */\n  setup() {\n    this.$tabList.setAttribute('role', 'tablist')\n\n    this.$tabListItems.forEach(($item) => {\n      $item.setAttribute('role', 'presentation')\n    })\n\n    this.$tabs.forEach(($tab) => {\n      // Set HTML attributes\n      this.setAttributes($tab)\n\n      // Handle events\n      $tab.addEventListener('click', this.boundTabClick, true)\n      $tab.addEventListener('keydown', this.boundTabKeydown, true)\n\n      // Remove old active panels\n      this.hideTab($tab)\n    })\n\n    // Show either the active tab according to the URL's hash or the first tab\n    const $activeTab = this.getTab(window.location.hash) ?? this.$tabs[0]\n\n    this.showTab($activeTab)\n\n    // Handle hashchange events\n    window.addEventListener('hashchange', this.boundOnHashChange, true)\n  }\n\n  /**\n   * Teardown tab component\n   *\n   * @private\n   */\n  teardown() {\n    this.$tabList.removeAttribute('role')\n\n    this.$tabListItems.forEach(($item) => {\n      $item.removeAttribute('role')\n    })\n\n    this.$tabs.forEach(($tab) => {\n      // Remove events\n      $tab.removeEventListener('click', this.boundTabClick, true)\n      $tab.removeEventListener('keydown', this.boundTabKeydown, true)\n\n      // Unset HTML attributes\n      this.unsetAttributes($tab)\n    })\n\n    // Remove hashchange event handler\n    window.removeEventListener('hashchange', this.boundOnHashChange, true)\n  }\n\n  /**\n   * Handle hashchange event\n   *\n   * @private\n   * @returns {void | undefined} Returns void, or undefined when prevented\n   */\n  onHashChange() {\n    const hash = window.location.hash\n    const $tabWithHash = this.getTab(hash)\n    if (!$tabWithHash) {\n      return\n    }\n\n    // Prevent changing the hash\n    if (this.changingHash) {\n      this.changingHash = false\n      return\n    }\n\n    // Show either the active tab according to the URL's hash or the first tab\n    const $previousTab = this.getCurrentTab()\n    if (!$previousTab) {\n      return\n    }\n\n    this.hideTab($previousTab)\n    this.showTab($tabWithHash)\n    $tabWithHash.focus()\n  }\n\n  /**\n   * Hide panel for tab link\n   *\n   * @private\n   * @param {HTMLAnchorElement} $tab - Tab link\n   */\n  hideTab($tab) {\n    this.unhighlightTab($tab)\n    this.hidePanel($tab)\n  }\n\n  /**\n   * Show panel for tab link\n   *\n   * @private\n   * @param {HTMLAnchorElement} $tab - Tab link\n   */\n  showTab($tab) {\n    this.highlightTab($tab)\n    this.showPanel($tab)\n  }\n\n  /**\n   * Get tab link by hash\n   *\n   * @private\n   * @param {string} hash - Hash fragment including #\n   * @returns {HTMLAnchorElement | null} Tab link\n   */\n  getTab(hash) {\n    return this.$root.querySelector(`a.govuk-tabs__tab[href=\"${hash}\"]`)\n  }\n\n  /**\n   * Set tab link and panel attributes\n   *\n   * @private\n   * @param {HTMLAnchorElement} $tab - Tab link\n   */\n  setAttributes($tab) {\n    const panelId = $tab.hash.replace('#', '')\n    if (!panelId) {\n      return\n    }\n\n    // Set tab attributes\n    $tab.setAttribute('id', `tab_${panelId}`)\n    $tab.setAttribute('role', 'tab')\n    $tab.setAttribute('aria-controls', panelId)\n    $tab.setAttribute('aria-selected', 'false')\n    $tab.setAttribute('tabindex', '-1')\n\n    // Set panel attributes\n    const $panel = this.getPanel($tab)\n    if (!$panel) {\n      return\n    }\n\n    $panel.setAttribute('role', 'tabpanel')\n    $panel.setAttribute('aria-labelledby', $tab.id)\n    $panel.classList.add(this.jsHiddenClass)\n  }\n\n  /**\n   * Unset tab link and panel attributes\n   *\n   * @private\n   * @param {HTMLAnchorElement} $tab - Tab link\n   */\n  unsetAttributes($tab) {\n    // unset tab attributes\n    $tab.removeAttribute('id')\n    $tab.removeAttribute('role')\n    $tab.removeAttribute('aria-controls')\n    $tab.removeAttribute('aria-selected')\n    $tab.removeAttribute('tabindex')\n\n    // unset panel attributes\n    const $panel = this.getPanel($tab)\n    if (!$panel) {\n      return\n    }\n\n    $panel.removeAttribute('role')\n    $panel.removeAttribute('aria-labelledby')\n    $panel.classList.remove(this.jsHiddenClass)\n  }\n\n  /**\n   * Handle tab link clicks\n   *\n   * @private\n   * @param {MouseEvent} event - Mouse click event\n   * @returns {void} Returns void\n   */\n  onTabClick(event) {\n    const $currentTab = this.getCurrentTab()\n    const $nextTab = event.currentTarget\n\n    if (!$currentTab || !($nextTab instanceof HTMLAnchorElement)) {\n      return\n    }\n\n    event.preventDefault()\n\n    this.hideTab($currentTab)\n    this.showTab($nextTab)\n    this.createHistoryEntry($nextTab)\n  }\n\n  /**\n   * Update browser URL hash fragment for tab\n   *\n   * - Allows back/forward to navigate tabs\n   * - Avoids page jump when hash changes\n   *\n   * @private\n   * @param {HTMLAnchorElement} $tab - Tab link\n   */\n  createHistoryEntry($tab) {\n    const $panel = this.getPanel($tab)\n    if (!$panel) {\n      return\n    }\n\n    // Save and restore the id so the page doesn't jump when a user clicks a tab\n    // (which changes the hash)\n    const panelId = $panel.id\n    $panel.id = ''\n    this.changingHash = true\n    window.location.hash = panelId\n    $panel.id = panelId\n  }\n\n  /**\n   * Handle tab keydown event\n   *\n   * - Press right arrow for next tab\n   * - Press left arrow for previous tab\n   *\n   * @private\n   * @param {KeyboardEvent} event - Keydown event\n   */\n  onTabKeydown(event) {\n    switch (event.key) {\n      // 'Left' and 'Right' required for Edge 16 support.\n      case 'ArrowLeft':\n      case 'Left':\n        this.activatePreviousTab()\n        event.preventDefault()\n        break\n      case 'ArrowRight':\n      case 'Right':\n        this.activateNextTab()\n        event.preventDefault()\n        break\n    }\n  }\n\n  /**\n   * Activate next tab\n   *\n   * @private\n   */\n  activateNextTab() {\n    const $currentTab = this.getCurrentTab()\n    if (!$currentTab?.parentElement) {\n      return\n    }\n\n    const $nextTabListItem = $currentTab.parentElement.nextElementSibling\n    if (!$nextTabListItem) {\n      return\n    }\n\n    const $nextTab = $nextTabListItem.querySelector('a.govuk-tabs__tab')\n    if (!$nextTab) {\n      return\n    }\n\n    this.hideTab($currentTab)\n    this.showTab($nextTab)\n    $nextTab.focus()\n    this.createHistoryEntry($nextTab)\n  }\n\n  /**\n   * Activate previous tab\n   *\n   * @private\n   */\n  activatePreviousTab() {\n    const $currentTab = this.getCurrentTab()\n    if (!$currentTab?.parentElement) {\n      return\n    }\n\n    const $previousTabListItem =\n      $currentTab.parentElement.previousElementSibling\n    if (!$previousTabListItem) {\n      return\n    }\n\n    const $previousTab = $previousTabListItem.querySelector('a.govuk-tabs__tab')\n    if (!$previousTab) {\n      return\n    }\n\n    this.hideTab($currentTab)\n    this.showTab($previousTab)\n    $previousTab.focus()\n    this.createHistoryEntry($previousTab)\n  }\n\n  /**\n   * Get tab panel for tab link\n   *\n   * @private\n   * @param {HTMLAnchorElement} $tab - Tab link\n   * @returns {Element | null} Tab panel\n   */\n  getPanel($tab) {\n    const panelId = $tab.hash.replace('#', '')\n    if (!panelId) {\n      return null\n    }\n\n    return this.$root.querySelector(`#${panelId}`)\n  }\n\n  /**\n   * Show tab panel for tab link\n   *\n   * @private\n   * @param {HTMLAnchorElement} $tab - Tab link\n   */\n  showPanel($tab) {\n    const $panel = this.getPanel($tab)\n    if (!$panel) {\n      return\n    }\n\n    $panel.classList.remove(this.jsHiddenClass)\n  }\n\n  /**\n   * Hide tab panel for tab link\n   *\n   * @private\n   * @param {HTMLAnchorElement} $tab - Tab link\n   */\n  hidePanel($tab) {\n    const $panel = this.getPanel($tab)\n    if (!$panel) {\n      return\n    }\n\n    $panel.classList.add(this.jsHiddenClass)\n  }\n\n  /**\n   * Unset 'selected' state for tab link\n   *\n   * @private\n   * @param {HTMLAnchorElement} $tab - Tab link\n   */\n  unhighlightTab($tab) {\n    if (!$tab.parentElement) {\n      return\n    }\n\n    $tab.setAttribute('aria-selected', 'false')\n    $tab.parentElement.classList.remove('govuk-tabs__list-item--selected')\n    $tab.setAttribute('tabindex', '-1')\n  }\n\n  /**\n   * Set 'selected' state for tab link\n   *\n   * @private\n   * @param {HTMLAnchorElement} $tab - Tab link\n   */\n  highlightTab($tab) {\n    if (!$tab.parentElement) {\n      return\n    }\n\n    $tab.setAttribute('aria-selected', 'true')\n    $tab.parentElement.classList.add('govuk-tabs__list-item--selected')\n    $tab.setAttribute('tabindex', '0')\n  }\n\n  /**\n   * Get current tab link\n   *\n   * @private\n   * @returns {HTMLAnchorElement | null} Tab link\n   */\n  getCurrentTab() {\n    return this.$root.querySelector(\n      '.govuk-tabs__list-item--selected a.govuk-tabs__tab'\n    )\n  }\n\n  /**\n   * Name for the component used when initialising using data-module attributes.\n   */\n  static moduleName = 'govuk-tabs'\n}\n"],"names":["Tabs","Component","constructor","$root","$tabs","$tabList","$tabListItems","jsHiddenClass","changingHash","boundTabClick","boundTabKeydown","boundOnHashChange","mql","querySelectorAll","length","ElementError","component","identifier","onTabClick","bind","onTabKeydown","onHashChange","querySelector","setupResponsiveChecks","breakpoint","getBreakpoint","value","property","window","matchMedia","addEventListener","checkMode","addListener","_this$mql","matches","setup","teardown","_this$getTab","setAttribute","forEach","$item","$tab","setAttributes","hideTab","$activeTab","getTab","location","hash","showTab","removeAttribute","removeEventListener","unsetAttributes","$tabWithHash","$previousTab","getCurrentTab","focus","unhighlightTab","hidePanel","highlightTab","showPanel","panelId","replace","$panel","getPanel","id","classList","add","remove","event","$currentTab","$nextTab","currentTarget","HTMLAnchorElement","preventDefault","createHistoryEntry","key","activatePreviousTab","activateNextTab","parentElement","$nextTabListItem","nextElementSibling","$previousTabListItem","previousElementSibling","moduleName"],"mappings":"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"}
\ No newline at end of file
diff --git a/app/templates/govuk/components/components/tabs/template-default.html b/app/templates/govuk/components/components/tabs/template-default.html
new file mode 100644
index 0000000..31cd535
--- /dev/null
+++ b/app/templates/govuk/components/components/tabs/template-default.html
@@ -0,0 +1,117 @@
+<div class="govuk-tabs" data-module="govuk-tabs">
+  <h2 class="govuk-tabs__title">
+    Contents
+  </h2>
+  <ul class="govuk-tabs__list">
+    <li class="govuk-tabs__list-item govuk-tabs__list-item--selected">
+      <a class="govuk-tabs__tab" href="#past-day">
+        Past day
+      </a>
+    </li>
+    <li class="govuk-tabs__list-item">
+      <a class="govuk-tabs__tab" href="#past-week">
+        Past week
+      </a>
+    </li>
+    <li class="govuk-tabs__list-item">
+      <a class="govuk-tabs__tab" href="#past-month">
+        Past month
+      </a>
+    </li>
+    <li class="govuk-tabs__list-item">
+      <a class="govuk-tabs__tab" href="#past-year">
+        Past year
+      </a>
+    </li>
+  </ul>
+  <div class="govuk-tabs__panel" id="past-day">
+    <h2 class="govuk-heading-l">Past day</h2>
+    <table class="govuk-table">
+      <thead class="govuk-table__head">
+        <tr class="govuk-table__row">
+          <th class="govuk-table__header" scope="col">Case manager</th>
+          <th class="govuk-table__header" scope="col">Cases opened</th>
+          <th class="govuk-table__header" scope="col">Cases closed</th>
+        </tr>
+      </thead>
+      <tbody class="govuk-table__body">
+        <tr class="govuk-table__row">
+          <td class="govuk-table__cell">David Francis</td>
+          <td class="govuk-table__cell">3</td>
+          <td class="govuk-table__cell">0</td>
+        </tr>
+        <tr class="govuk-table__row">
+          <td class="govuk-table__cell">Paul Farmer</td>
+          <td class="govuk-table__cell">1</td>
+          <td class="govuk-table__cell">0</td>
+        </tr>
+        <tr class="govuk-table__row">
+          <td class="govuk-table__cell">Rita Patel</td>
+          <td class="govuk-table__cell">2</td>
+          <td class="govuk-table__cell">0</td>
+        </tr>
+      </tbody>
+    </table>
+  </div>
+  <div class="govuk-tabs__panel govuk-tabs__panel--hidden" id="past-week">
+    <h2 class="govuk-heading-l">Past week</h2>
+    <table class="govuk-table">
+      <thead class="govuk-table__head">
+        <tr class="govuk-table__row">
+          <th class="govuk-table__header" scope="col">Case manager</th>
+          <th class="govuk-table__header" scope="col">Cases opened</th>
+          <th class="govuk-table__header" scope="col">Cases closed</th>
+        </tr>
+      </thead>
+      <tbody class="govuk-table__body">
+        <tr class="govuk-table__row">
+          <td class="govuk-table__cell">David Francis</td>
+          <td class="govuk-table__cell">24</td>
+          <td class="govuk-table__cell">18</td>
+        </tr>
+        <tr class="govuk-table__row">
+          <td class="govuk-table__cell">Paul Farmer</td>
+          <td class="govuk-table__cell">16</td>
+          <td class="govuk-table__cell">20</td>
+        </tr>
+        <tr class="govuk-table__row">
+          <td class="govuk-table__cell">Rita Patel</td>
+          <td class="govuk-table__cell">24</td>
+          <td class="govuk-table__cell">27</td>
+        </tr>
+      </tbody>
+    </table>
+  </div>
+  <div class="govuk-tabs__panel govuk-tabs__panel--hidden" id="past-month">
+    <h2 class="govuk-heading-l">Past month</h2>
+    <table class="govuk-table">
+      <thead class="govuk-table__head">
+        <tr class="govuk-table__row">
+          <th class="govuk-table__header" scope="col">Case manager</th>
+          <th class="govuk-table__header" scope="col">Cases opened</th>
+          <th class="govuk-table__header" scope="col">Cases closed</th>
+        </tr>
+      </thead>
+      <tbody class="govuk-table__body">
+        <tr class="govuk-table__row">
+          <td class="govuk-table__cell">David Francis</td>
+          <td class="govuk-table__cell">98</td>
+          <td class="govuk-table__cell">95</td>
+        </tr>
+        <tr class="govuk-table__row">
+          <td class="govuk-table__cell">Paul Farmer</td>
+          <td class="govuk-table__cell">122</td>
+          <td class="govuk-table__cell">131</td>
+        </tr>
+        <tr class="govuk-table__row">
+          <td class="govuk-table__cell">Rita Patel</td>
+          <td class="govuk-table__cell">126</td>
+          <td class="govuk-table__cell">142</td>
+        </tr>
+      </tbody>
+    </table>
+  </div>
+  <div class="govuk-tabs__panel govuk-tabs__panel--hidden" id="past-year">
+    <p class="govuk-body">There is no data for this year yet, check back later</p>
+  </div>
+</div>
diff --git a/app/templates/govuk/components/components/tabs/template-tabs-with-anchor-in-panel.html b/app/templates/govuk/components/components/tabs/template-tabs-with-anchor-in-panel.html
new file mode 100644
index 0000000..9ea9064
--- /dev/null
+++ b/app/templates/govuk/components/components/tabs/template-tabs-with-anchor-in-panel.html
@@ -0,0 +1,26 @@
+<div class="govuk-tabs" data-module="govuk-tabs">
+  <h2 class="govuk-tabs__title">
+    Contents
+  </h2>
+  <ul class="govuk-tabs__list">
+    <li class="govuk-tabs__list-item govuk-tabs__list-item--selected">
+      <a class="govuk-tabs__tab" href="#tab-1">
+        Tab 1
+      </a>
+    </li>
+    <li class="govuk-tabs__list-item">
+      <a class="govuk-tabs__tab" href="#tab-2">
+        Tab 2
+      </a>
+    </li>
+  </ul>
+  <div class="govuk-tabs__panel" id="tab-1">
+    <h2 class="govuk-heading-l">Tab 1</h2>
+    <p class="govuk-body">Testing that when you click the anchor it moves to the anchor point successfully</p>
+    <p class="govuk-body"><a class="govuk-link" href="#anchor">Anchor</a></p>
+    <p class="govuk-body"><a id="anchor" tabindex="0">Anchor Point</a></p>
+  </div>
+  <div class="govuk-tabs__panel govuk-tabs__panel--hidden" id="tab-2">
+    <h2 class="govuk-heading-l">Tab 2</h2>
+  </div>
+</div>
diff --git a/app/templates/govuk/components/components/tabs/template.njk b/app/templates/govuk/components/components/tabs/template.njk
new file mode 100644
index 0000000..77185e2
--- /dev/null
+++ b/app/templates/govuk/components/components/tabs/template.njk
@@ -0,0 +1,48 @@
+{% from "../../macros/attributes.njk" import govukAttributes %}
+
+{%- macro _tabListItem(params, item, index) %}
+{% set tabPanelId = item.id if item.id else idPrefix + "-" + index -%}
+<li class="govuk-tabs__list-item {%- if index == 1 %} govuk-tabs__list-item--selected{% endif %}">
+  <a class="govuk-tabs__tab" href="#{{ tabPanelId }}"
+    {{- govukAttributes(item.attributes) }}>
+    {{ item.label }}
+  </a>
+</li>
+{% endmacro -%}
+
+{%- macro _tabPanel(params, item, index) %}
+{% set tabPanelId = item.id if item.id else idPrefix + "-" + index -%}
+<div class="govuk-tabs__panel {%- if index > 1 %} govuk-tabs__panel--hidden{% endif %}" id="{{ tabPanelId }}"
+  {{- govukAttributes(item.panel.attributes) }}>
+{% if item.panel.html %}
+  {{ item.panel.html | safe | trim | indent(2) }}
+{% elif item.panel.text %}
+  <p class="govuk-body">{{ item.panel.text }}</p>
+{% endif %}
+</div>
+{% endmacro -%}
+
+{#- If an id 'prefix' is not passed, fall back to using the name attribute
+  instead. We need this for error messages and hints as well -#}
+{% set idPrefix = params.idPrefix if params.idPrefix -%}
+
+<div {%- if params.id %} id="{{ params.id }}"{% endif %} class="govuk-tabs {%- if params.classes %} {{ params.classes }}{% endif %}"
+  {{- govukAttributes(params.attributes) }} data-module="govuk-tabs">
+  <h2 class="govuk-tabs__title">
+    {{ params.title | default ("Contents") }}
+  </h2>
+{% if params.items | length %}
+  <ul class="govuk-tabs__list">
+    {% for item in params.items %}
+      {% if item %}
+        {{- _tabListItem(params, item, loop.index) | trim | indent(4, true) }}
+      {% endif %}
+    {% endfor %}
+  </ul>
+  {% for item in params.items %}
+    {% if item %}
+      {{- _tabPanel(params, item, loop.index) | trim | indent(2, true) }}
+    {% endif %}
+  {% endfor %}
+{% endif %}
+</div>
diff --git a/app/templates/govuk/components/components/tag/README.md b/app/templates/govuk/components/components/tag/README.md
new file mode 100644
index 0000000..41f1434
--- /dev/null
+++ b/app/templates/govuk/components/components/tag/README.md
@@ -0,0 +1,15 @@
+# Tag
+
+## Installation
+
+See the [main README quick start guide](https://github.com/alphagov/govuk-frontend#quick-start) for how to install this component.
+
+## Guidance and Examples
+
+Find out when to use the tag component in your service in the [GOV.UK Design System](https://design-system.service.gov.uk/components/tag).
+
+## Component options
+
+Use options to customise the appearance, content and behaviour of a component when using a macro, for example, changing the text.
+
+See [options table](https://design-system.service.gov.uk/components/tag/#options-tag-example) for details.
diff --git a/app/templates/govuk/components/components/tag/_index.scss b/app/templates/govuk/components/components/tag/_index.scss
new file mode 100644
index 0000000..75f6f78
--- /dev/null
+++ b/app/templates/govuk/components/components/tag/_index.scss
@@ -0,0 +1,97 @@
+@include govuk-exports("govuk/component/tag") {
+  $govuk-tag-max-width: if(map-has-key($govuk-breakpoints, "mobile"), map-get($govuk-breakpoints, "mobile") / 2, 160px);
+
+  .govuk-tag {
+    @include govuk-font($size: 19);
+
+    display: inline-block;
+
+    // set a max-width along with overflow-wrap: break-word below for instances
+    // where a tag has a single long word and could overflow its boundaries.
+    // The max-width is necessary as break-word requires a bounding box to base
+    // where to break off of.
+    max-width: $govuk-tag-max-width;
+
+    // These negative margins make sure that the tag component doesn’t increase
+    // the size of its container. Otherwise, for example, a table row containing
+    // a tag will be taller than one containing plain text.
+    //
+    // The negative margin added to the top and bottom matches the extra padding
+    // added.
+    margin-top: -2px;
+    margin-bottom: -3px;
+
+    padding-top: 2px;
+    padding-right: 8px;
+    padding-bottom: 3px;
+    padding-left: 8px;
+    color: govuk-shade(govuk-colour("blue"), 60%);
+    background-color: govuk-tint(govuk-colour("blue"), 70%);
+    text-decoration: none;
+    overflow-wrap: break-word;
+
+    // When forced colour mode is active, for example to provide high contrast,
+    // the background colour of the tag is the same as the rest of the page. To
+    // ensure that the tag is perceived as separate from any surround text, it
+    // is made bold.
+    //
+    // Transparent outlines are no longer added, as they make the Tag look
+    // indistinguishable from a button – but the tag is not interactive in the
+    // same way.
+    @media screen and (forced-colors: active) {
+      font-weight: bold;
+    }
+  }
+
+  .govuk-tag--grey {
+    color: govuk-shade(govuk-colour("dark-grey"), 50%);
+    background-color: govuk-tint(govuk-colour("dark-grey"), 85%);
+  }
+
+  .govuk-tag--purple {
+    color: govuk-shade(govuk-colour("bright-purple"), 50%);
+    background-color: govuk-tint(govuk-colour("bright-purple"), 85%);
+  }
+
+  .govuk-tag--turquoise {
+    color: govuk-shade(govuk-colour("turquoise"), 60%);
+    background-color: govuk-tint(govuk-colour("turquoise"), 80%);
+  }
+
+  .govuk-tag--blue {
+    color: govuk-shade(govuk-colour("blue"), 60%);
+    background-color: govuk-tint(govuk-colour("blue"), 70%);
+  }
+
+  .govuk-tag--light-blue {
+    color: govuk-shade(govuk-colour("blue"), 60%);
+    background-color: govuk-tint(govuk-colour("blue"), 90%);
+  }
+
+  .govuk-tag--yellow {
+    color: govuk-shade(govuk-colour("yellow"), 65%);
+    background-color: govuk-tint(govuk-colour("yellow"), 75%);
+  }
+
+  .govuk-tag--orange {
+    color: govuk-shade(govuk-colour("orange"), 55%);
+    background-color: govuk-tint(govuk-colour("orange"), 70%);
+  }
+
+  .govuk-tag--red {
+    color: govuk-shade(govuk-colour("red"), 80%);
+    background-color: govuk-tint(govuk-colour("red"), 75%);
+  }
+
+  .govuk-tag--pink {
+    color: govuk-shade(govuk-colour("pink"), 50%);
+    background-color: govuk-tint(govuk-colour("pink"), 85%);
+  }
+
+  .govuk-tag--green {
+    color: govuk-shade(govuk-colour("green"), 20%);
+    background-color: govuk-tint(govuk-colour("green"), 80%);
+  }
+}
+
+/*# sourceMappingURL=_index.scss.map */
diff --git a/app/templates/govuk/components/components/tag/_index.scss.map b/app/templates/govuk/components/components/tag/_index.scss.map
new file mode 100644
index 0000000..2b02700
--- /dev/null
+++ b/app/templates/govuk/components/components/tag/_index.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/tag/_index.scss"],"names":[],"mappings":"AAAA;EACE,qHAAqH;;EAErH;IACE,8BAA8B;;IAE9B,qBAAqB;;IAErB,0EAA0E;IAC1E,uEAAuE;IACvE,0EAA0E;IAC1E,wBAAwB;IACxB,+BAA+B;;IAE/B,0EAA0E;IAC1E,2EAA2E;IAC3E,sDAAsD;IACtD,CAAC;IACD,2EAA2E;IAC3E,QAAQ;IACR,gBAAgB;IAChB,mBAAmB;;IAEnB,gBAAgB;IAChB,kBAAkB;IAClB,mBAAmB;IACnB,iBAAiB;IACjB,6CAA6C;IAC7C,uDAAuD;IACvD,qBAAqB;IACrB,yBAAyB;;IAEzB,0EAA0E;IAC1E,0EAA0E;IAC1E,yEAAyE;IACzE,eAAe;IACf,CAAC;IACD,qEAAqE;IACrE,yEAAyE;IACzE,WAAW;IACX;MACE,iBAAiB;IACnB;EACF;;EAEA;IACE,kDAAkD;IAClD,4DAA4D;EAC9D;;EAEA;IACE,sDAAsD;IACtD,gEAAgE;EAClE;;EAEA;IACE,kDAAkD;IAClD,4DAA4D;EAC9D;;EAEA;IACE,6CAA6C;IAC7C,uDAAuD;EACzD;;EAEA;IACE,6CAA6C;IAC7C,uDAAuD;EACzD;;EAEA;IACE,+CAA+C;IAC/C,yDAAyD;EAC3D;;EAEA;IACE,+CAA+C;IAC/C,yDAAyD;EAC3D;;EAEA;IACE,4CAA4C;IAC5C,sDAAsD;EACxD;;EAEA;IACE,6CAA6C;IAC7C,uDAAuD;EACzD;;EAEA;IACE,8CAA8C;IAC9C,wDAAwD;EAC1D;AACF","file":"_index.scss","sourcesContent":["@include govuk-exports(\"govuk/component/tag\") {\n  $govuk-tag-max-width: if(map-has-key($govuk-breakpoints, \"mobile\"), map-get($govuk-breakpoints, \"mobile\") / 2, 160px);\n\n  .govuk-tag {\n    @include govuk-font($size: 19);\n\n    display: inline-block;\n\n    // set a max-width along with overflow-wrap: break-word below for instances\n    // where a tag has a single long word and could overflow its boundaries.\n    // The max-width is necessary as break-word requires a bounding box to base\n    // where to break off of.\n    max-width: $govuk-tag-max-width;\n\n    // These negative margins make sure that the tag component doesn’t increase\n    // the size of its container. Otherwise, for example, a table row containing\n    // a tag will be taller than one containing plain text.\n    //\n    // The negative margin added to the top and bottom matches the extra padding\n    // added.\n    margin-top: -2px;\n    margin-bottom: -3px;\n\n    padding-top: 2px;\n    padding-right: 8px;\n    padding-bottom: 3px;\n    padding-left: 8px;\n    color: govuk-shade(govuk-colour(\"blue\"), 60%);\n    background-color: govuk-tint(govuk-colour(\"blue\"), 70%);\n    text-decoration: none;\n    overflow-wrap: break-word;\n\n    // When forced colour mode is active, for example to provide high contrast,\n    // the background colour of the tag is the same as the rest of the page. To\n    // ensure that the tag is perceived as separate from any surround text, it\n    // is made bold.\n    //\n    // Transparent outlines are no longer added, as they make the Tag look\n    // indistinguishable from a button – but the tag is not interactive in the\n    // same way.\n    @media screen and (forced-colors: active) {\n      font-weight: bold;\n    }\n  }\n\n  .govuk-tag--grey {\n    color: govuk-shade(govuk-colour(\"dark-grey\"), 50%);\n    background-color: govuk-tint(govuk-colour(\"dark-grey\"), 85%);\n  }\n\n  .govuk-tag--purple {\n    color: govuk-shade(govuk-colour(\"bright-purple\"), 50%);\n    background-color: govuk-tint(govuk-colour(\"bright-purple\"), 85%);\n  }\n\n  .govuk-tag--turquoise {\n    color: govuk-shade(govuk-colour(\"turquoise\"), 60%);\n    background-color: govuk-tint(govuk-colour(\"turquoise\"), 80%);\n  }\n\n  .govuk-tag--blue {\n    color: govuk-shade(govuk-colour(\"blue\"), 60%);\n    background-color: govuk-tint(govuk-colour(\"blue\"), 70%);\n  }\n\n  .govuk-tag--light-blue {\n    color: govuk-shade(govuk-colour(\"blue\"), 60%);\n    background-color: govuk-tint(govuk-colour(\"blue\"), 90%);\n  }\n\n  .govuk-tag--yellow {\n    color: govuk-shade(govuk-colour(\"yellow\"), 65%);\n    background-color: govuk-tint(govuk-colour(\"yellow\"), 75%);\n  }\n\n  .govuk-tag--orange {\n    color: govuk-shade(govuk-colour(\"orange\"), 55%);\n    background-color: govuk-tint(govuk-colour(\"orange\"), 70%);\n  }\n\n  .govuk-tag--red {\n    color: govuk-shade(govuk-colour(\"red\"), 80%);\n    background-color: govuk-tint(govuk-colour(\"red\"), 75%);\n  }\n\n  .govuk-tag--pink {\n    color: govuk-shade(govuk-colour(\"pink\"), 50%);\n    background-color: govuk-tint(govuk-colour(\"pink\"), 85%);\n  }\n\n  .govuk-tag--green {\n    color: govuk-shade(govuk-colour(\"green\"), 20%);\n    background-color: govuk-tint(govuk-colour(\"green\"), 80%);\n  }\n}\n"]}
diff --git a/app/templates/govuk/components/components/tag/_tag.scss b/app/templates/govuk/components/components/tag/_tag.scss
new file mode 100644
index 0000000..4ffe969
--- /dev/null
+++ b/app/templates/govuk/components/components/tag/_tag.scss
@@ -0,0 +1,4 @@
+@import "../../base";
+@import "./index";
+
+/*# sourceMappingURL=_tag.scss.map */
diff --git a/app/templates/govuk/components/components/tag/_tag.scss.map b/app/templates/govuk/components/components/tag/_tag.scss.map
new file mode 100644
index 0000000..e223a7b
--- /dev/null
+++ b/app/templates/govuk/components/components/tag/_tag.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/tag/_tag.scss"],"names":[],"mappings":"AAAA,oBAAoB;AACpB,iBAAiB","file":"_tag.scss","sourcesContent":["@import \"../../base\";\n@import \"./index\";\n"]}
diff --git a/app/templates/govuk/components/components/tag/fixtures.json b/app/templates/govuk/components/components/tag/fixtures.json
new file mode 100644
index 0000000..a5d6486
--- /dev/null
+++ b/app/templates/govuk/components/components/tag/fixtures.json
@@ -0,0 +1,161 @@
+{
+    "component": "tag",
+    "fixtures": [
+        {
+            "name": "default",
+            "options": {
+                "text": "Alpha"
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": true,
+            "html": "<strong class=\"govuk-tag\">\n  Alpha\n</strong>"
+        },
+        {
+            "name": "grey",
+            "options": {
+                "text": "Grey",
+                "classes": "govuk-tag--grey"
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<strong class=\"govuk-tag govuk-tag--grey\">\n  Grey\n</strong>"
+        },
+        {
+            "name": "light blue",
+            "options": {
+                "text": "Light blue",
+                "classes": "govuk-tag--light-blue"
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<strong class=\"govuk-tag govuk-tag--light-blue\">\n  Light blue\n</strong>"
+        },
+        {
+            "name": "turquoise",
+            "options": {
+                "text": "Turquoise",
+                "classes": "govuk-tag--turquoise"
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<strong class=\"govuk-tag govuk-tag--turquoise\">\n  Turquoise\n</strong>"
+        },
+        {
+            "name": "green",
+            "options": {
+                "text": "Green",
+                "classes": "govuk-tag--green"
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<strong class=\"govuk-tag govuk-tag--green\">\n  Green\n</strong>"
+        },
+        {
+            "name": "purple",
+            "options": {
+                "text": "Purple",
+                "classes": "govuk-tag--purple"
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<strong class=\"govuk-tag govuk-tag--purple\">\n  Purple\n</strong>"
+        },
+        {
+            "name": "pink",
+            "options": {
+                "text": "Pink",
+                "classes": "govuk-tag--pink"
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<strong class=\"govuk-tag govuk-tag--pink\">\n  Pink\n</strong>"
+        },
+        {
+            "name": "red",
+            "options": {
+                "text": "Red",
+                "classes": "govuk-tag--red"
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<strong class=\"govuk-tag govuk-tag--red\">\n  Red\n</strong>"
+        },
+        {
+            "name": "orange",
+            "options": {
+                "text": "Orange",
+                "classes": "govuk-tag--orange"
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<strong class=\"govuk-tag govuk-tag--orange\">\n  Orange\n</strong>"
+        },
+        {
+            "name": "yellow",
+            "options": {
+                "text": "Yellow",
+                "classes": "govuk-tag--yellow"
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<strong class=\"govuk-tag govuk-tag--yellow\">\n  Yellow\n</strong>"
+        },
+        {
+            "name": "attributes",
+            "options": {
+                "text": "Tag with attributes",
+                "attributes": {
+                    "data-test": "attribute",
+                    "id": "my-tag"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<strong class=\"govuk-tag\" data-test=\"attribute\" id=\"my-tag\">\n  Tag with attributes\n</strong>"
+        },
+        {
+            "name": "html as text",
+            "options": {
+                "text": "<span>Alpha</span>"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<strong class=\"govuk-tag\">\n  &lt;span&gt;Alpha&lt;/span&gt;\n</strong>"
+        },
+        {
+            "name": "html",
+            "options": {
+                "html": "<span>Alpha</span>"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<strong class=\"govuk-tag\">\n  <span>Alpha</span>\n</strong>"
+        }
+    ]
+}
diff --git a/app/templates/govuk/components/components/tag/macro-options.json b/app/templates/govuk/components/components/tag/macro-options.json
new file mode 100644
index 0000000..0a8cbe1
--- /dev/null
+++ b/app/templates/govuk/components/components/tag/macro-options.json
@@ -0,0 +1,26 @@
+[
+    {
+        "name": "text",
+        "type": "string",
+        "required": true,
+        "description": "If `html` is set, this is not required. Text to use within the tag component. If `html` is provided, the `text` option will be ignored."
+    },
+    {
+        "name": "html",
+        "type": "string",
+        "required": true,
+        "description": "If `text` is set, this is not required. HTML to use within the tag component. If `html` is provided, the `text` option will be ignored."
+    },
+    {
+        "name": "classes",
+        "type": "string",
+        "required": false,
+        "description": "Classes to add to the tag."
+    },
+    {
+        "name": "attributes",
+        "type": "object",
+        "required": false,
+        "description": "HTML attributes (for example data attributes) to add to the tag."
+    }
+]
diff --git a/app/templates/govuk/components/components/tag/macro.njk b/app/templates/govuk/components/components/tag/macro.njk
new file mode 100644
index 0000000..0c7362e
--- /dev/null
+++ b/app/templates/govuk/components/components/tag/macro.njk
@@ -0,0 +1,3 @@
+{% macro govukTag(params) %}
+  {%- include "./template.njk" -%}
+{% endmacro %}
diff --git a/app/templates/govuk/components/components/tag/template-default.html b/app/templates/govuk/components/components/tag/template-default.html
new file mode 100644
index 0000000..6322be0
--- /dev/null
+++ b/app/templates/govuk/components/components/tag/template-default.html
@@ -0,0 +1,3 @@
+<strong class="govuk-tag">
+  Alpha
+</strong>
diff --git a/app/templates/govuk/components/components/tag/template-green.html b/app/templates/govuk/components/components/tag/template-green.html
new file mode 100644
index 0000000..9335068
--- /dev/null
+++ b/app/templates/govuk/components/components/tag/template-green.html
@@ -0,0 +1,3 @@
+<strong class="govuk-tag govuk-tag--green">
+  Green
+</strong>
diff --git a/app/templates/govuk/components/components/tag/template-grey.html b/app/templates/govuk/components/components/tag/template-grey.html
new file mode 100644
index 0000000..fe017b2
--- /dev/null
+++ b/app/templates/govuk/components/components/tag/template-grey.html
@@ -0,0 +1,3 @@
+<strong class="govuk-tag govuk-tag--grey">
+  Grey
+</strong>
diff --git a/app/templates/govuk/components/components/tag/template-light-blue.html b/app/templates/govuk/components/components/tag/template-light-blue.html
new file mode 100644
index 0000000..d2ccd63
--- /dev/null
+++ b/app/templates/govuk/components/components/tag/template-light-blue.html
@@ -0,0 +1,3 @@
+<strong class="govuk-tag govuk-tag--light-blue">
+  Light blue
+</strong>
diff --git a/app/templates/govuk/components/components/tag/template-orange.html b/app/templates/govuk/components/components/tag/template-orange.html
new file mode 100644
index 0000000..e582e48
--- /dev/null
+++ b/app/templates/govuk/components/components/tag/template-orange.html
@@ -0,0 +1,3 @@
+<strong class="govuk-tag govuk-tag--orange">
+  Orange
+</strong>
diff --git a/app/templates/govuk/components/components/tag/template-pink.html b/app/templates/govuk/components/components/tag/template-pink.html
new file mode 100644
index 0000000..fe2c70b
--- /dev/null
+++ b/app/templates/govuk/components/components/tag/template-pink.html
@@ -0,0 +1,3 @@
+<strong class="govuk-tag govuk-tag--pink">
+  Pink
+</strong>
diff --git a/app/templates/govuk/components/components/tag/template-purple.html b/app/templates/govuk/components/components/tag/template-purple.html
new file mode 100644
index 0000000..8a8b28d
--- /dev/null
+++ b/app/templates/govuk/components/components/tag/template-purple.html
@@ -0,0 +1,3 @@
+<strong class="govuk-tag govuk-tag--purple">
+  Purple
+</strong>
diff --git a/app/templates/govuk/components/components/tag/template-red.html b/app/templates/govuk/components/components/tag/template-red.html
new file mode 100644
index 0000000..b75b156
--- /dev/null
+++ b/app/templates/govuk/components/components/tag/template-red.html
@@ -0,0 +1,3 @@
+<strong class="govuk-tag govuk-tag--red">
+  Red
+</strong>
diff --git a/app/templates/govuk/components/components/tag/template-turquoise.html b/app/templates/govuk/components/components/tag/template-turquoise.html
new file mode 100644
index 0000000..df9b83a
--- /dev/null
+++ b/app/templates/govuk/components/components/tag/template-turquoise.html
@@ -0,0 +1,3 @@
+<strong class="govuk-tag govuk-tag--turquoise">
+  Turquoise
+</strong>
diff --git a/app/templates/govuk/components/components/tag/template-yellow.html b/app/templates/govuk/components/components/tag/template-yellow.html
new file mode 100644
index 0000000..9c7a142
--- /dev/null
+++ b/app/templates/govuk/components/components/tag/template-yellow.html
@@ -0,0 +1,3 @@
+<strong class="govuk-tag govuk-tag--yellow">
+  Yellow
+</strong>
diff --git a/app/templates/govuk/components/components/tag/template.njk b/app/templates/govuk/components/components/tag/template.njk
new file mode 100644
index 0000000..7a66f32
--- /dev/null
+++ b/app/templates/govuk/components/components/tag/template.njk
@@ -0,0 +1,6 @@
+{% from "../../macros/attributes.njk" import govukAttributes -%}
+
+<strong class="govuk-tag {%- if params.classes %} {{ params.classes }}{% endif %}"
+  {{- govukAttributes(params.attributes) }}>
+  {{ params.html | safe | trim | indent(2) if params.html else params.text }}
+</strong>
diff --git a/app/templates/govuk/components/components/task-list/README.md b/app/templates/govuk/components/components/task-list/README.md
new file mode 100644
index 0000000..042e52d
--- /dev/null
+++ b/app/templates/govuk/components/components/task-list/README.md
@@ -0,0 +1,15 @@
+# Task list
+
+## Installation
+
+See the [main README quick start guide](https://github.com/alphagov/govuk-frontend#quick-start) for how to install this component.
+
+## Guidance and Examples
+
+Find out when to use the task list component in your service in the [GOV.UK Design System](https://design-system.service.gov.uk/components/task-list).
+
+## Component options
+
+Use options to customise the appearance, content and behaviour of a component when using a macro, for example, changing the text.
+
+See [options table](https://design-system.service.gov.uk/components/task-list/#options-task-list-example) for details.
diff --git a/app/templates/govuk/components/components/task-list/_index.scss b/app/templates/govuk/components/components/task-list/_index.scss
new file mode 100644
index 0000000..c0095c4
--- /dev/null
+++ b/app/templates/govuk/components/components/task-list/_index.scss
@@ -0,0 +1,79 @@
+@import "../tag/index";
+
+@include govuk-exports("govuk/component/task-list") {
+  $govuk-task-list-hover-colour: govuk-colour("light-grey");
+
+  .govuk-task-list {
+    @include govuk-font($size: 19);
+    margin-top: 0;
+    @include govuk-responsive-margin(6, "bottom");
+    padding: 0;
+    list-style-type: none;
+  }
+
+  // This uses table layout so that the task name and status always appear
+  // side-by-side, with the width of each 'column' being flexible depending upon
+  // the length of the task names and statuses.
+  //
+  // The position is set to 'relative' so than an absolutely-positioned
+  // transparent element box can be added within the link so that the whole row
+  // can be clickable.
+  .govuk-task-list__item {
+    display: table;
+    position: relative;
+    width: 100%;
+    margin-bottom: 0;
+    padding-top: govuk-spacing(2);
+    padding-bottom: govuk-spacing(2);
+    border-bottom: 1px solid $govuk-border-colour;
+  }
+
+  .govuk-task-list__item:first-child {
+    border-top: 1px solid $govuk-border-colour;
+  }
+
+  // This class is added to the <li> elements where the task name is a link. The
+  // background hover colour is added to help indicate that the whole row is
+  // clickable, rather than just the visible link text.
+  .govuk-task-list__item--with-link:hover {
+    background: $govuk-task-list-hover-colour;
+  }
+
+  .govuk-task-list__name-and-hint {
+    display: table-cell;
+    vertical-align: top;
+    @include govuk-text-colour;
+  }
+
+  .govuk-task-list__status {
+    display: table-cell;
+    padding-left: govuk-spacing(2);
+    text-align: right;
+    vertical-align: top;
+    @include govuk-text-colour;
+  }
+
+  .govuk-task-list__status--cannot-start-yet {
+    color: $govuk-secondary-text-colour;
+  }
+
+  // This adds an empty transparent box covering the whole row, including the
+  // task status and any hint text. Because this is generated within the link
+  // element, this allows the whole area to be clickable.
+  .govuk-task-list__link::after {
+    content: "";
+    display: block;
+    position: absolute;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+  }
+
+  .govuk-task-list__hint {
+    margin-top: govuk-spacing(1);
+    color: $govuk-secondary-text-colour;
+  }
+}
+
+/*# sourceMappingURL=_index.scss.map */
diff --git a/app/templates/govuk/components/components/task-list/_index.scss.map b/app/templates/govuk/components/components/task-list/_index.scss.map
new file mode 100644
index 0000000..30af20b
--- /dev/null
+++ b/app/templates/govuk/components/components/task-list/_index.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/task-list/_index.scss"],"names":[],"mappings":"AAAA,sBAAsB;;AAEtB;EACE,yDAAyD;;EAEzD;IACE,8BAA8B;IAC9B,aAAa;IACb,6CAA6C;IAC7C,UAAU;IACV,qBAAqB;EACvB;;EAEA,uEAAuE;EACvE,6EAA6E;EAC7E,4CAA4C;EAC5C,CAAC;EACD,oEAAoE;EACpE,4EAA4E;EAC5E,mBAAmB;EACnB;IACE,cAAc;IACd,kBAAkB;IAClB,WAAW;IACX,gBAAgB;IAChB,6BAA6B;IAC7B,gCAAgC;IAChC,6CAA6C;EAC/C;;EAEA;IACE,0CAA0C;EAC5C;;EAEA,6EAA6E;EAC7E,yEAAyE;EACzE,oDAAoD;EACpD;IACE,yCAAyC;EAC3C;;EAEA;IACE,mBAAmB;IACnB,mBAAmB;IACnB,0BAA0B;EAC5B;;EAEA;IACE,mBAAmB;IACnB,8BAA8B;IAC9B,iBAAiB;IACjB,mBAAmB;IACnB,0BAA0B;EAC5B;;EAEA;IACE,mCAAmC;EACrC;;EAEA,0EAA0E;EAC1E,0EAA0E;EAC1E,sDAAsD;EACtD;IACE,WAAW;IACX,cAAc;IACd,kBAAkB;IAClB,MAAM;IACN,QAAQ;IACR,SAAS;IACT,OAAO;EACT;;EAEA;IACE,4BAA4B;IAC5B,mCAAmC;EACrC;AACF","file":"_index.scss","sourcesContent":["@import \"../tag/index\";\n\n@include govuk-exports(\"govuk/component/task-list\") {\n  $govuk-task-list-hover-colour: govuk-colour(\"light-grey\");\n\n  .govuk-task-list {\n    @include govuk-font($size: 19);\n    margin-top: 0;\n    @include govuk-responsive-margin(6, \"bottom\");\n    padding: 0;\n    list-style-type: none;\n  }\n\n  // This uses table layout so that the task name and status always appear\n  // side-by-side, with the width of each 'column' being flexible depending upon\n  // the length of the task names and statuses.\n  //\n  // The position is set to 'relative' so than an absolutely-positioned\n  // transparent element box can be added within the link so that the whole row\n  // can be clickable.\n  .govuk-task-list__item {\n    display: table;\n    position: relative;\n    width: 100%;\n    margin-bottom: 0;\n    padding-top: govuk-spacing(2);\n    padding-bottom: govuk-spacing(2);\n    border-bottom: 1px solid $govuk-border-colour;\n  }\n\n  .govuk-task-list__item:first-child {\n    border-top: 1px solid $govuk-border-colour;\n  }\n\n  // This class is added to the <li> elements where the task name is a link. The\n  // background hover colour is added to help indicate that the whole row is\n  // clickable, rather than just the visible link text.\n  .govuk-task-list__item--with-link:hover {\n    background: $govuk-task-list-hover-colour;\n  }\n\n  .govuk-task-list__name-and-hint {\n    display: table-cell;\n    vertical-align: top;\n    @include govuk-text-colour;\n  }\n\n  .govuk-task-list__status {\n    display: table-cell;\n    padding-left: govuk-spacing(2);\n    text-align: right;\n    vertical-align: top;\n    @include govuk-text-colour;\n  }\n\n  .govuk-task-list__status--cannot-start-yet {\n    color: $govuk-secondary-text-colour;\n  }\n\n  // This adds an empty transparent box covering the whole row, including the\n  // task status and any hint text. Because this is generated within the link\n  // element, this allows the whole area to be clickable.\n  .govuk-task-list__link::after {\n    content: \"\";\n    display: block;\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n  }\n\n  .govuk-task-list__hint {\n    margin-top: govuk-spacing(1);\n    color: $govuk-secondary-text-colour;\n  }\n}\n"]}
diff --git a/app/templates/govuk/components/components/task-list/_task-list.scss b/app/templates/govuk/components/components/task-list/_task-list.scss
new file mode 100644
index 0000000..f88c502
--- /dev/null
+++ b/app/templates/govuk/components/components/task-list/_task-list.scss
@@ -0,0 +1,4 @@
+@import "../../base";
+@import "./index";
+
+/*# sourceMappingURL=_task-list.scss.map */
diff --git a/app/templates/govuk/components/components/task-list/_task-list.scss.map b/app/templates/govuk/components/components/task-list/_task-list.scss.map
new file mode 100644
index 0000000..bfb2ca9
--- /dev/null
+++ b/app/templates/govuk/components/components/task-list/_task-list.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/task-list/_task-list.scss"],"names":[],"mappings":"AAAA,oBAAoB;AACpB,iBAAiB","file":"_task-list.scss","sourcesContent":["@import \"../../base\";\n@import \"./index\";\n"]}
diff --git a/app/templates/govuk/components/components/task-list/fixtures.json b/app/templates/govuk/components/components/task-list/fixtures.json
new file mode 100644
index 0000000..fc95b55
--- /dev/null
+++ b/app/templates/govuk/components/components/task-list/fixtures.json
@@ -0,0 +1,529 @@
+{
+    "component": "task-list",
+    "fixtures": [
+        {
+            "name": "default",
+            "options": {
+                "items": [
+                    {
+                        "title": {
+                            "text": "Company Directors"
+                        },
+                        "href": "#",
+                        "status": {
+                            "text": "Completed"
+                        }
+                    },
+                    {
+                        "title": {
+                            "text": "Registered company details"
+                        },
+                        "href": "#",
+                        "status": {
+                            "tag": {
+                                "text": "Incomplete",
+                                "classes": "govuk-tag--blue"
+                            }
+                        }
+                    },
+                    {
+                        "title": {
+                            "text": "Business plan"
+                        },
+                        "href": "#",
+                        "status": {
+                            "tag": {
+                                "text": "Incomplete",
+                                "classes": "govuk-tag--blue"
+                            }
+                        }
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<ul class=\"govuk-task-list\">\n  <li class=\"govuk-task-list__item govuk-task-list__item--with-link\">\n    <div class=\"govuk-task-list__name-and-hint\">\n      <a class=\"govuk-link govuk-task-list__link\" href=\"#\" aria-describedby=\"task-list-1-status\">\n        Company Directors\n      </a>\n    </div>\n    <div class=\"govuk-task-list__status\" id=\"task-list-1-status\">\n      Completed\n    </div>\n  </li>\n  <li class=\"govuk-task-list__item govuk-task-list__item--with-link\">\n    <div class=\"govuk-task-list__name-and-hint\">\n      <a class=\"govuk-link govuk-task-list__link\" href=\"#\" aria-describedby=\"task-list-2-status\">\n        Registered company details\n      </a>\n    </div>\n    <div class=\"govuk-task-list__status\" id=\"task-list-2-status\">\n      <strong class=\"govuk-tag govuk-tag--blue\">\n        Incomplete\n      </strong>\n    </div>\n  </li>\n  <li class=\"govuk-task-list__item govuk-task-list__item--with-link\">\n    <div class=\"govuk-task-list__name-and-hint\">\n      <a class=\"govuk-link govuk-task-list__link\" href=\"#\" aria-describedby=\"task-list-3-status\">\n        Business plan\n      </a>\n    </div>\n    <div class=\"govuk-task-list__status\" id=\"task-list-3-status\">\n      <strong class=\"govuk-tag govuk-tag--blue\">\n        Incomplete\n      </strong>\n    </div>\n  </li>\n</ul>"
+        },
+        {
+            "name": "with hint text and additional states",
+            "options": {
+                "items": [
+                    {
+                        "title": {
+                            "text": "Company Directors"
+                        },
+                        "href": "#",
+                        "status": {
+                            "text": "Completed"
+                        }
+                    },
+                    {
+                        "title": {
+                            "text": "Registered company details"
+                        },
+                        "href": "#",
+                        "status": {
+                            "tag": {
+                                "text": "Not started",
+                                "classes": "govuk-tag--light-blue"
+                            }
+                        }
+                    },
+                    {
+                        "title": {
+                            "text": "Business plan"
+                        },
+                        "href": "#",
+                        "hint": {
+                            "text": "Ensure the plan covers objectives, strategies, sales, marketing and financial forecasts."
+                        },
+                        "status": {
+                            "tag": {
+                                "text": "Review",
+                                "classes": "govuk-tag--pink"
+                            }
+                        }
+                    },
+                    {
+                        "title": {
+                            "text": "Documentation"
+                        },
+                        "href": "#",
+                        "status": {
+                            "tag": {
+                                "text": "In progress",
+                                "classes": "govuk-tag--blue"
+                            }
+                        }
+                    },
+                    {
+                        "title": {
+                            "text": "Charitable status"
+                        },
+                        "href": "#",
+                        "status": {
+                            "tag": {
+                                "text": "Error",
+                                "classes": "govuk-tag--red"
+                            }
+                        }
+                    },
+                    {
+                        "title": {
+                            "text": "Payment"
+                        },
+                        "hint": {
+                            "text": "It will cost between £15 and £75"
+                        },
+                        "status": {
+                            "text": "Cannot start yet",
+                            "classes": "govuk-task-list__status--cannot-start-yet"
+                        }
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": true,
+            "html": "<ul class=\"govuk-task-list\">\n  <li class=\"govuk-task-list__item govuk-task-list__item--with-link\">\n    <div class=\"govuk-task-list__name-and-hint\">\n      <a class=\"govuk-link govuk-task-list__link\" href=\"#\" aria-describedby=\"task-list-1-status\">\n        Company Directors\n      </a>\n    </div>\n    <div class=\"govuk-task-list__status\" id=\"task-list-1-status\">\n      Completed\n    </div>\n  </li>\n  <li class=\"govuk-task-list__item govuk-task-list__item--with-link\">\n    <div class=\"govuk-task-list__name-and-hint\">\n      <a class=\"govuk-link govuk-task-list__link\" href=\"#\" aria-describedby=\"task-list-2-status\">\n        Registered company details\n      </a>\n    </div>\n    <div class=\"govuk-task-list__status\" id=\"task-list-2-status\">\n      <strong class=\"govuk-tag govuk-tag--light-blue\">\n        Not started\n      </strong>\n    </div>\n  </li>\n  <li class=\"govuk-task-list__item govuk-task-list__item--with-link\">\n    <div class=\"govuk-task-list__name-and-hint\">\n      <a class=\"govuk-link govuk-task-list__link\" href=\"#\" aria-describedby=\"task-list-3-hint task-list-3-status\">\n        Business plan\n      </a>\n      <div id=\"task-list-3-hint\" class=\"govuk-task-list__hint\">\n        Ensure the plan covers objectives, strategies, sales, marketing and financial forecasts.\n      </div>\n    </div>\n    <div class=\"govuk-task-list__status\" id=\"task-list-3-status\">\n      <strong class=\"govuk-tag govuk-tag--pink\">\n        Review\n      </strong>\n    </div>\n  </li>\n  <li class=\"govuk-task-list__item govuk-task-list__item--with-link\">\n    <div class=\"govuk-task-list__name-and-hint\">\n      <a class=\"govuk-link govuk-task-list__link\" href=\"#\" aria-describedby=\"task-list-4-status\">\n        Documentation\n      </a>\n    </div>\n    <div class=\"govuk-task-list__status\" id=\"task-list-4-status\">\n      <strong class=\"govuk-tag govuk-tag--blue\">\n        In progress\n      </strong>\n    </div>\n  </li>\n  <li class=\"govuk-task-list__item govuk-task-list__item--with-link\">\n    <div class=\"govuk-task-list__name-and-hint\">\n      <a class=\"govuk-link govuk-task-list__link\" href=\"#\" aria-describedby=\"task-list-5-status\">\n        Charitable status\n      </a>\n    </div>\n    <div class=\"govuk-task-list__status\" id=\"task-list-5-status\">\n      <strong class=\"govuk-tag govuk-tag--red\">\n        Error\n      </strong>\n    </div>\n  </li>\n  <li class=\"govuk-task-list__item\">\n    <div class=\"govuk-task-list__name-and-hint\">\n      <div>\n        Payment\n      </div>\n      <div id=\"task-list-6-hint\" class=\"govuk-task-list__hint\">\n        It will cost between £15 and £75\n      </div>\n    </div>\n    <div class=\"govuk-task-list__status govuk-task-list__status--cannot-start-yet\" id=\"task-list-6-status\">\n      Cannot start yet\n    </div>\n  </li>\n</ul>"
+        },
+        {
+            "name": "with all possible colours",
+            "options": {
+                "items": [
+                    {
+                        "title": {
+                            "text": "Task A"
+                        },
+                        "href": "#",
+                        "status": {
+                            "text": "Text colour"
+                        }
+                    },
+                    {
+                        "title": {
+                            "text": "Task B"
+                        },
+                        "href": "#",
+                        "status": {
+                            "text": "Secondary text colour",
+                            "classes": "govuk-task-list__status--cannot-start-yet"
+                        }
+                    },
+                    {
+                        "title": {
+                            "text": "Task C"
+                        },
+                        "href": "#",
+                        "status": {
+                            "tag": {
+                                "text": "Grey",
+                                "classes": "govuk-tag--grey"
+                            }
+                        }
+                    },
+                    {
+                        "title": {
+                            "text": "Task D"
+                        },
+                        "href": "#",
+                        "status": {
+                            "tag": {
+                                "text": "Blue",
+                                "classes": "govuk-tag--blue"
+                            }
+                        }
+                    },
+                    {
+                        "title": {
+                            "text": "Task E"
+                        },
+                        "href": "#",
+                        "status": {
+                            "tag": {
+                                "text": "Light blue",
+                                "classes": "govuk-tag--light-blue"
+                            }
+                        }
+                    },
+                    {
+                        "title": {
+                            "text": "Task F"
+                        },
+                        "href": "#",
+                        "status": {
+                            "tag": {
+                                "text": "Turquoise",
+                                "classes": "govuk-tag--turquoise"
+                            }
+                        }
+                    },
+                    {
+                        "title": {
+                            "text": "Task G"
+                        },
+                        "href": "#",
+                        "status": {
+                            "tag": {
+                                "text": "Green",
+                                "classes": "govuk-tag--green"
+                            }
+                        }
+                    },
+                    {
+                        "title": {
+                            "text": "Task H"
+                        },
+                        "href": "#",
+                        "status": {
+                            "tag": {
+                                "text": "Purple",
+                                "classes": "govuk-tag--purple"
+                            }
+                        }
+                    },
+                    {
+                        "title": {
+                            "text": "Task I"
+                        },
+                        "href": "#",
+                        "status": {
+                            "tag": {
+                                "text": "Pink",
+                                "classes": "govuk-tag--pink"
+                            }
+                        }
+                    },
+                    {
+                        "title": {
+                            "text": "Task J"
+                        },
+                        "href": "#",
+                        "status": {
+                            "tag": {
+                                "text": "Red",
+                                "classes": "govuk-tag--red"
+                            }
+                        }
+                    },
+                    {
+                        "title": {
+                            "text": "Task K"
+                        },
+                        "href": "#",
+                        "status": {
+                            "tag": {
+                                "text": "Orange",
+                                "classes": "govuk-tag--orange"
+                            }
+                        }
+                    },
+                    {
+                        "title": {
+                            "text": "Task L"
+                        },
+                        "href": "#",
+                        "status": {
+                            "tag": {
+                                "text": "Yellow",
+                                "classes": "govuk-tag--yellow"
+                            }
+                        }
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<ul class=\"govuk-task-list\">\n  <li class=\"govuk-task-list__item govuk-task-list__item--with-link\">\n    <div class=\"govuk-task-list__name-and-hint\">\n      <a class=\"govuk-link govuk-task-list__link\" href=\"#\" aria-describedby=\"task-list-1-status\">\n        Task A\n      </a>\n    </div>\n    <div class=\"govuk-task-list__status\" id=\"task-list-1-status\">\n      Text colour\n    </div>\n  </li>\n  <li class=\"govuk-task-list__item govuk-task-list__item--with-link\">\n    <div class=\"govuk-task-list__name-and-hint\">\n      <a class=\"govuk-link govuk-task-list__link\" href=\"#\" aria-describedby=\"task-list-2-status\">\n        Task B\n      </a>\n    </div>\n    <div class=\"govuk-task-list__status govuk-task-list__status--cannot-start-yet\" id=\"task-list-2-status\">\n      Secondary text colour\n    </div>\n  </li>\n  <li class=\"govuk-task-list__item govuk-task-list__item--with-link\">\n    <div class=\"govuk-task-list__name-and-hint\">\n      <a class=\"govuk-link govuk-task-list__link\" href=\"#\" aria-describedby=\"task-list-3-status\">\n        Task C\n      </a>\n    </div>\n    <div class=\"govuk-task-list__status\" id=\"task-list-3-status\">\n      <strong class=\"govuk-tag govuk-tag--grey\">\n        Grey\n      </strong>\n    </div>\n  </li>\n  <li class=\"govuk-task-list__item govuk-task-list__item--with-link\">\n    <div class=\"govuk-task-list__name-and-hint\">\n      <a class=\"govuk-link govuk-task-list__link\" href=\"#\" aria-describedby=\"task-list-4-status\">\n        Task D\n      </a>\n    </div>\n    <div class=\"govuk-task-list__status\" id=\"task-list-4-status\">\n      <strong class=\"govuk-tag govuk-tag--blue\">\n        Blue\n      </strong>\n    </div>\n  </li>\n  <li class=\"govuk-task-list__item govuk-task-list__item--with-link\">\n    <div class=\"govuk-task-list__name-and-hint\">\n      <a class=\"govuk-link govuk-task-list__link\" href=\"#\" aria-describedby=\"task-list-5-status\">\n        Task E\n      </a>\n    </div>\n    <div class=\"govuk-task-list__status\" id=\"task-list-5-status\">\n      <strong class=\"govuk-tag govuk-tag--light-blue\">\n        Light blue\n      </strong>\n    </div>\n  </li>\n  <li class=\"govuk-task-list__item govuk-task-list__item--with-link\">\n    <div class=\"govuk-task-list__name-and-hint\">\n      <a class=\"govuk-link govuk-task-list__link\" href=\"#\" aria-describedby=\"task-list-6-status\">\n        Task F\n      </a>\n    </div>\n    <div class=\"govuk-task-list__status\" id=\"task-list-6-status\">\n      <strong class=\"govuk-tag govuk-tag--turquoise\">\n        Turquoise\n      </strong>\n    </div>\n  </li>\n  <li class=\"govuk-task-list__item govuk-task-list__item--with-link\">\n    <div class=\"govuk-task-list__name-and-hint\">\n      <a class=\"govuk-link govuk-task-list__link\" href=\"#\" aria-describedby=\"task-list-7-status\">\n        Task G\n      </a>\n    </div>\n    <div class=\"govuk-task-list__status\" id=\"task-list-7-status\">\n      <strong class=\"govuk-tag govuk-tag--green\">\n        Green\n      </strong>\n    </div>\n  </li>\n  <li class=\"govuk-task-list__item govuk-task-list__item--with-link\">\n    <div class=\"govuk-task-list__name-and-hint\">\n      <a class=\"govuk-link govuk-task-list__link\" href=\"#\" aria-describedby=\"task-list-8-status\">\n        Task H\n      </a>\n    </div>\n    <div class=\"govuk-task-list__status\" id=\"task-list-8-status\">\n      <strong class=\"govuk-tag govuk-tag--purple\">\n        Purple\n      </strong>\n    </div>\n  </li>\n  <li class=\"govuk-task-list__item govuk-task-list__item--with-link\">\n    <div class=\"govuk-task-list__name-and-hint\">\n      <a class=\"govuk-link govuk-task-list__link\" href=\"#\" aria-describedby=\"task-list-9-status\">\n        Task I\n      </a>\n    </div>\n    <div class=\"govuk-task-list__status\" id=\"task-list-9-status\">\n      <strong class=\"govuk-tag govuk-tag--pink\">\n        Pink\n      </strong>\n    </div>\n  </li>\n  <li class=\"govuk-task-list__item govuk-task-list__item--with-link\">\n    <div class=\"govuk-task-list__name-and-hint\">\n      <a class=\"govuk-link govuk-task-list__link\" href=\"#\" aria-describedby=\"task-list-10-status\">\n        Task J\n      </a>\n    </div>\n    <div class=\"govuk-task-list__status\" id=\"task-list-10-status\">\n      <strong class=\"govuk-tag govuk-tag--red\">\n        Red\n      </strong>\n    </div>\n  </li>\n  <li class=\"govuk-task-list__item govuk-task-list__item--with-link\">\n    <div class=\"govuk-task-list__name-and-hint\">\n      <a class=\"govuk-link govuk-task-list__link\" href=\"#\" aria-describedby=\"task-list-11-status\">\n        Task K\n      </a>\n    </div>\n    <div class=\"govuk-task-list__status\" id=\"task-list-11-status\">\n      <strong class=\"govuk-tag govuk-tag--orange\">\n        Orange\n      </strong>\n    </div>\n  </li>\n  <li class=\"govuk-task-list__item govuk-task-list__item--with-link\">\n    <div class=\"govuk-task-list__name-and-hint\">\n      <a class=\"govuk-link govuk-task-list__link\" href=\"#\" aria-describedby=\"task-list-12-status\">\n        Task L\n      </a>\n    </div>\n    <div class=\"govuk-task-list__status\" id=\"task-list-12-status\">\n      <strong class=\"govuk-tag govuk-tag--yellow\">\n        Yellow\n      </strong>\n    </div>\n  </li>\n</ul>"
+        },
+        {
+            "name": "with very long single word tags",
+            "options": {
+                "items": [
+                    {
+                        "title": {
+                            "text": "Company Directors"
+                        },
+                        "href": "#",
+                        "status": {
+                            "text": "Completed"
+                        }
+                    },
+                    {
+                        "title": {
+                            "text": "Registered company details"
+                        },
+                        "href": "#",
+                        "status": {
+                            "tag": {
+                                "text": "Incomplete",
+                                "classes": "govuk-tag--blue"
+                            }
+                        }
+                    },
+                    {
+                        "title": {
+                            "text": "A very very very long Business plan"
+                        },
+                        "href": "#",
+                        "status": {
+                            "tag": {
+                                "text": "Thisisaverylongwaytosaythatsomethingisincomplete",
+                                "classes": "govuk-tag--blue"
+                            }
+                        }
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<ul class=\"govuk-task-list\">\n  <li class=\"govuk-task-list__item govuk-task-list__item--with-link\">\n    <div class=\"govuk-task-list__name-and-hint\">\n      <a class=\"govuk-link govuk-task-list__link\" href=\"#\" aria-describedby=\"task-list-1-status\">\n        Company Directors\n      </a>\n    </div>\n    <div class=\"govuk-task-list__status\" id=\"task-list-1-status\">\n      Completed\n    </div>\n  </li>\n  <li class=\"govuk-task-list__item govuk-task-list__item--with-link\">\n    <div class=\"govuk-task-list__name-and-hint\">\n      <a class=\"govuk-link govuk-task-list__link\" href=\"#\" aria-describedby=\"task-list-2-status\">\n        Registered company details\n      </a>\n    </div>\n    <div class=\"govuk-task-list__status\" id=\"task-list-2-status\">\n      <strong class=\"govuk-tag govuk-tag--blue\">\n        Incomplete\n      </strong>\n    </div>\n  </li>\n  <li class=\"govuk-task-list__item govuk-task-list__item--with-link\">\n    <div class=\"govuk-task-list__name-and-hint\">\n      <a class=\"govuk-link govuk-task-list__link\" href=\"#\" aria-describedby=\"task-list-3-status\">\n        A very very very long Business plan\n      </a>\n    </div>\n    <div class=\"govuk-task-list__status\" id=\"task-list-3-status\">\n      <strong class=\"govuk-tag govuk-tag--blue\">\n        Thisisaverylongwaytosaythatsomethingisincomplete\n      </strong>\n    </div>\n  </li>\n</ul>"
+        },
+        {
+            "name": "custom classes",
+            "options": {
+                "classes": "custom-class-on-component",
+                "items": [
+                    {
+                        "title": {
+                            "text": "A Link",
+                            "classes": "custom-class-on-linked-title"
+                        },
+                        "href": "#",
+                        "classes": "custom-class-on-task",
+                        "status": {
+                            "classes": "custom-class-on-status",
+                            "tag": {
+                                "text": "Status",
+                                "classes": "custom-class-on-tag"
+                            }
+                        }
+                    },
+                    {
+                        "title": {
+                            "text": "Not a link",
+                            "classes": "custom-class-on-unlinked-title"
+                        },
+                        "status": {
+                            "tag": {
+                                "text": "Status"
+                            }
+                        }
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<ul class=\"govuk-task-list custom-class-on-component\">\n  <li class=\"govuk-task-list__item govuk-task-list__item--with-link custom-class-on-task\">\n    <div class=\"govuk-task-list__name-and-hint\">\n      <a class=\"govuk-link govuk-task-list__link custom-class-on-linked-title\" href=\"#\" aria-describedby=\"task-list-1-status\">\n        A Link\n      </a>\n    </div>\n    <div class=\"govuk-task-list__status custom-class-on-status\" id=\"task-list-1-status\">\n      <strong class=\"govuk-tag custom-class-on-tag\">\n        Status\n      </strong>\n    </div>\n  </li>\n  <li class=\"govuk-task-list__item\">\n    <div class=\"govuk-task-list__name-and-hint\">\n      <div class=\"custom-class-on-unlinked-title\">\n        Not a link\n      </div>\n    </div>\n    <div class=\"govuk-task-list__status\" id=\"task-list-2-status\">\n      <strong class=\"govuk-tag\">\n        Status\n      </strong>\n    </div>\n  </li>\n</ul>"
+        },
+        {
+            "name": "custom attributes",
+            "options": {
+                "attributes": {
+                    "data-custom-attribute": "custom-value"
+                },
+                "items": [
+                    {
+                        "title": {
+                            "text": "A Link"
+                        },
+                        "href": "#",
+                        "status": {
+                            "tag": {
+                                "text": "Status",
+                                "attributes": {
+                                    "data-tag-attribute": "tag-value"
+                                }
+                            }
+                        }
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<ul class=\"govuk-task-list\" data-custom-attribute=\"custom-value\">\n  <li class=\"govuk-task-list__item govuk-task-list__item--with-link\">\n    <div class=\"govuk-task-list__name-and-hint\">\n      <a class=\"govuk-link govuk-task-list__link\" href=\"#\" aria-describedby=\"task-list-1-status\">\n        A Link\n      </a>\n    </div>\n    <div class=\"govuk-task-list__status\" id=\"task-list-1-status\">\n      <strong class=\"govuk-tag\" data-tag-attribute=\"tag-value\">\n        Status\n      </strong>\n    </div>\n  </li>\n</ul>"
+        },
+        {
+            "name": "custom id prefix",
+            "options": {
+                "idPrefix": "my-custom-id",
+                "items": [
+                    {
+                        "title": {
+                            "text": "A Link"
+                        },
+                        "hint": {
+                            "text": "Hint text"
+                        },
+                        "href": "#",
+                        "status": {
+                            "tag": {
+                                "text": "Status"
+                            }
+                        }
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<ul class=\"govuk-task-list\">\n  <li class=\"govuk-task-list__item govuk-task-list__item--with-link\">\n    <div class=\"govuk-task-list__name-and-hint\">\n      <a class=\"govuk-link govuk-task-list__link\" href=\"#\" aria-describedby=\"my-custom-id-1-hint my-custom-id-1-status\">\n        A Link\n      </a>\n      <div id=\"my-custom-id-1-hint\" class=\"govuk-task-list__hint\">\n        Hint text\n      </div>\n    </div>\n    <div class=\"govuk-task-list__status\" id=\"my-custom-id-1-status\">\n      <strong class=\"govuk-tag\">\n        Status\n      </strong>\n    </div>\n  </li>\n</ul>"
+        },
+        {
+            "name": "html passed as text",
+            "options": {
+                "idPrefix": "my-custom-id",
+                "items": [
+                    {
+                        "title": {
+                            "text": "<strong>Linked Title</strong>"
+                        },
+                        "hint": {
+                            "text": "<strong>Hint</strong>"
+                        },
+                        "href": "#",
+                        "status": {
+                            "text": "<strong>Status</strong>"
+                        }
+                    },
+                    {
+                        "title": {
+                            "text": "<strong>Unlinked Title</strong>"
+                        },
+                        "status": {
+                            "tag": {
+                                "text": "<strong>Tag</strong>"
+                            }
+                        }
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<ul class=\"govuk-task-list\">\n  <li class=\"govuk-task-list__item govuk-task-list__item--with-link\">\n    <div class=\"govuk-task-list__name-and-hint\">\n      <a class=\"govuk-link govuk-task-list__link\" href=\"#\" aria-describedby=\"my-custom-id-1-hint my-custom-id-1-status\">\n        &lt;strong&gt;Linked Title&lt;/strong&gt;\n      </a>\n      <div id=\"my-custom-id-1-hint\" class=\"govuk-task-list__hint\">\n        &lt;strong&gt;Hint&lt;/strong&gt;\n      </div>\n    </div>\n    <div class=\"govuk-task-list__status\" id=\"my-custom-id-1-status\">\n      &lt;strong&gt;Status&lt;/strong&gt;\n    </div>\n  </li>\n  <li class=\"govuk-task-list__item\">\n    <div class=\"govuk-task-list__name-and-hint\">\n      <div>\n        &lt;strong&gt;Unlinked Title&lt;/strong&gt;\n      </div>\n    </div>\n    <div class=\"govuk-task-list__status\" id=\"my-custom-id-2-status\">\n      <strong class=\"govuk-tag\">\n        &lt;strong&gt;Tag&lt;/strong&gt;\n      </strong>\n    </div>\n  </li>\n</ul>"
+        },
+        {
+            "name": "html",
+            "options": {
+                "idPrefix": "my-custom-id",
+                "items": [
+                    {
+                        "title": {
+                            "html": "<strong>Linked Title</strong>"
+                        },
+                        "hint": {
+                            "html": "<strong>Hint</strong>"
+                        },
+                        "href": "#",
+                        "status": {
+                            "html": "<strong>Status</strong>"
+                        }
+                    },
+                    {
+                        "title": {
+                            "html": "<strong>Unlinked Title</strong>"
+                        },
+                        "status": {
+                            "tag": {
+                                "html": "<strong>Tag</strong>"
+                            }
+                        }
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<ul class=\"govuk-task-list\">\n  <li class=\"govuk-task-list__item govuk-task-list__item--with-link\">\n    <div class=\"govuk-task-list__name-and-hint\">\n      <a class=\"govuk-link govuk-task-list__link\" href=\"#\" aria-describedby=\"my-custom-id-1-hint my-custom-id-1-status\">\n        <strong>Linked Title</strong>\n      </a>\n      <div id=\"my-custom-id-1-hint\" class=\"govuk-task-list__hint\">\n        <strong>Hint</strong>\n      </div>\n    </div>\n    <div class=\"govuk-task-list__status\" id=\"my-custom-id-1-status\">\n      <strong>Status</strong>\n    </div>\n  </li>\n  <li class=\"govuk-task-list__item\">\n    <div class=\"govuk-task-list__name-and-hint\">\n      <div>\n        <strong>Unlinked Title</strong>\n      </div>\n    </div>\n    <div class=\"govuk-task-list__status\" id=\"my-custom-id-2-status\">\n      <strong class=\"govuk-tag\">\n        <strong>Tag</strong>\n      </strong>\n    </div>\n  </li>\n</ul>"
+        },
+        {
+            "name": "with empty values",
+            "options": {
+                "items": [
+                    null,
+                    null,
+                    {
+                        "title": {
+                            "text": "Task A"
+                        },
+                        "href": "#",
+                        "status": {
+                            "text": "Completed"
+                        }
+                    },
+                    false,
+                    "",
+                    {
+                        "title": {
+                            "text": "Task B"
+                        },
+                        "href": "#",
+                        "status": {
+                            "text": "Completed"
+                        }
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<ul class=\"govuk-task-list\">\n\n\n  <li class=\"govuk-task-list__item govuk-task-list__item--with-link\">\n    <div class=\"govuk-task-list__name-and-hint\">\n      <a class=\"govuk-link govuk-task-list__link\" href=\"#\" aria-describedby=\"task-list-3-status\">\n        Task A\n      </a>\n    </div>\n    <div class=\"govuk-task-list__status\" id=\"task-list-3-status\">\n      Completed\n    </div>\n  </li>\n\n\n  <li class=\"govuk-task-list__item govuk-task-list__item--with-link\">\n    <div class=\"govuk-task-list__name-and-hint\">\n      <a class=\"govuk-link govuk-task-list__link\" href=\"#\" aria-describedby=\"task-list-6-status\">\n        Task B\n      </a>\n    </div>\n    <div class=\"govuk-task-list__status\" id=\"task-list-6-status\">\n      Completed\n    </div>\n  </li>\n</ul>"
+        }
+    ]
+}
diff --git a/app/templates/govuk/components/components/task-list/macro-options.json b/app/templates/govuk/components/components/task-list/macro-options.json
new file mode 100644
index 0000000..c016200
--- /dev/null
+++ b/app/templates/govuk/components/components/task-list/macro-options.json
@@ -0,0 +1,119 @@
+[
+    {
+        "name": "items",
+        "type": "array",
+        "required": true,
+        "description": "The items for each task within the task list component.",
+        "params": [
+            {
+                "name": "title",
+                "type": "object",
+                "required": true,
+                "description": "The main title for the task within the task list component.",
+                "params": [
+                    {
+                        "name": "text",
+                        "type": "string",
+                        "required": true,
+                        "description": "Text to use within the title. If `html` is provided, the `text` argument will be ignored."
+                    },
+                    {
+                        "name": "html",
+                        "type": "string",
+                        "required": true,
+                        "description": "HTML to use within the title. If `html` is provided, the `text` argument will be ignored."
+                    },
+                    {
+                        "name": "classes",
+                        "type": "string",
+                        "required": false,
+                        "description": "Classes to add to the title wrapper."
+                    }
+                ]
+            },
+            {
+                "name": "hint",
+                "type": "object",
+                "required": false,
+                "description": "Can be used to add a hint to each task within the task list component.",
+                "params": [
+                    {
+                        "name": "text",
+                        "type": "string",
+                        "required": true,
+                        "description": "Text to use within the hint. If `html` is provided, the `text` argument will be ignored."
+                    },
+                    {
+                        "name": "html",
+                        "type": "string",
+                        "required": true,
+                        "description": "HTML to use within the hint. If `html` is provided, the `text` argument will be ignored."
+                    }
+                ]
+            },
+            {
+                "name": "status",
+                "type": "object",
+                "required": true,
+                "description": "The status for each task within the task list component.",
+                "params": [
+                    {
+                        "name": "tag",
+                        "type": "object",
+                        "isComponent": true,
+                        "required": false,
+                        "description": "Can be used to add a tag to the status of the task within the task list component."
+                    },
+                    {
+                        "name": "text",
+                        "required": false,
+                        "type": "string",
+                        "description": "Text to use for the status, as an alternative to using a tag. If `html` or `tag` is provided, the `text` argument will be ignored."
+                    },
+                    {
+                        "name": "html",
+                        "required": false,
+                        "type": "string",
+                        "description": "HTML to use for the status, as an alternative to using a tag. If `html` or `tag` is provided, the `text` argument will be ignored."
+                    },
+                    {
+                        "name": "classes",
+                        "type": "string",
+                        "required": false,
+                        "description": "Classes to add to the status container."
+                    }
+                ]
+            },
+            {
+                "name": "href",
+                "type": "string",
+                "required": false,
+                "description": "The value of the link’s `href` attribute for the task list item."
+            },
+            {
+                "name": "classes",
+                "type": "string",
+                "required": false,
+                "description": "Classes to add to the item `div`."
+            }
+        ]
+    },
+    {
+        "name": "classes",
+        "type": "string",
+        "required": false,
+        "description": "Classes to add to the `ul` container for the task list."
+    },
+    {
+        "name": "attributes",
+        "type": "object",
+        "required": false,
+        "description": "HTML attributes (for example data attributes) to add to the `ul` container for the task list."
+    },
+    {
+        "name": "idPrefix",
+        "type": "string",
+        "required": false,
+        "description": "Optional prefix. This is used to prefix the `id` attribute for the task list item tag and hint, separated by `-`. Defaults to `\"task-list\"`."
+    }
+]
diff --git a/app/templates/govuk/components/components/task-list/macro.njk b/app/templates/govuk/components/components/task-list/macro.njk
new file mode 100644
index 0000000..abf049a
--- /dev/null
+++ b/app/templates/govuk/components/components/task-list/macro.njk
@@ -0,0 +1,3 @@
+{% macro govukTaskList(params) %}
+  {%- include "./template.njk" -%}
+{% endmacro %}
diff --git a/app/templates/govuk/components/components/task-list/template-default.html b/app/templates/govuk/components/components/task-list/template-default.html
new file mode 100644
index 0000000..339af36
--- /dev/null
+++ b/app/templates/govuk/components/components/task-list/template-default.html
@@ -0,0 +1,37 @@
+
+<ul class="govuk-task-list">
+  <li class="govuk-task-list__item govuk-task-list__item--with-link">
+    <div class="govuk-task-list__name-and-hint">
+      <a class="govuk-link govuk-task-list__link" href="#" aria-describedby="task-list-1-status">
+        Company Directors
+      </a>
+    </div>
+    <div class="govuk-task-list__status" id="task-list-1-status">
+      Completed
+    </div>
+  </li>
+  <li class="govuk-task-list__item govuk-task-list__item--with-link">
+    <div class="govuk-task-list__name-and-hint">
+      <a class="govuk-link govuk-task-list__link" href="#" aria-describedby="task-list-2-status">
+        Registered company details
+      </a>
+    </div>
+    <div class="govuk-task-list__status" id="task-list-2-status">
+      <strong class="govuk-tag govuk-tag--blue">
+        Incomplete
+      </strong>
+    </div>
+  </li>
+  <li class="govuk-task-list__item govuk-task-list__item--with-link">
+    <div class="govuk-task-list__name-and-hint">
+      <a class="govuk-link govuk-task-list__link" href="#" aria-describedby="task-list-3-status">
+        Business plan
+      </a>
+    </div>
+    <div class="govuk-task-list__status" id="task-list-3-status">
+      <strong class="govuk-tag govuk-tag--blue">
+        Incomplete
+      </strong>
+    </div>
+  </li>
+</ul>
diff --git a/app/templates/govuk/components/components/task-list/template-with-all-possible-colours.html b/app/templates/govuk/components/components/task-list/template-with-all-possible-colours.html
new file mode 100644
index 0000000..5fe8cae
--- /dev/null
+++ b/app/templates/govuk/components/components/task-list/template-with-all-possible-colours.html
@@ -0,0 +1,143 @@
+
+<ul class="govuk-task-list">
+  <li class="govuk-task-list__item govuk-task-list__item--with-link">
+    <div class="govuk-task-list__name-and-hint">
+      <a class="govuk-link govuk-task-list__link" href="#" aria-describedby="task-list-1-status">
+        Task A
+      </a>
+    </div>
+    <div class="govuk-task-list__status" id="task-list-1-status">
+      Text colour
+    </div>
+  </li>
+  <li class="govuk-task-list__item govuk-task-list__item--with-link">
+    <div class="govuk-task-list__name-and-hint">
+      <a class="govuk-link govuk-task-list__link" href="#" aria-describedby="task-list-2-status">
+        Task B
+      </a>
+    </div>
+    <div class="govuk-task-list__status govuk-task-list__status--cannot-start-yet" id="task-list-2-status">
+      Secondary text colour
+    </div>
+  </li>
+  <li class="govuk-task-list__item govuk-task-list__item--with-link">
+    <div class="govuk-task-list__name-and-hint">
+      <a class="govuk-link govuk-task-list__link" href="#" aria-describedby="task-list-3-status">
+        Task C
+      </a>
+    </div>
+    <div class="govuk-task-list__status" id="task-list-3-status">
+      <strong class="govuk-tag govuk-tag--grey">
+        Grey
+      </strong>
+    </div>
+  </li>
+  <li class="govuk-task-list__item govuk-task-list__item--with-link">
+    <div class="govuk-task-list__name-and-hint">
+      <a class="govuk-link govuk-task-list__link" href="#" aria-describedby="task-list-4-status">
+        Task D
+      </a>
+    </div>
+    <div class="govuk-task-list__status" id="task-list-4-status">
+      <strong class="govuk-tag govuk-tag--blue">
+        Blue
+      </strong>
+    </div>
+  </li>
+  <li class="govuk-task-list__item govuk-task-list__item--with-link">
+    <div class="govuk-task-list__name-and-hint">
+      <a class="govuk-link govuk-task-list__link" href="#" aria-describedby="task-list-5-status">
+        Task E
+      </a>
+    </div>
+    <div class="govuk-task-list__status" id="task-list-5-status">
+      <strong class="govuk-tag govuk-tag--light-blue">
+        Light blue
+      </strong>
+    </div>
+  </li>
+  <li class="govuk-task-list__item govuk-task-list__item--with-link">
+    <div class="govuk-task-list__name-and-hint">
+      <a class="govuk-link govuk-task-list__link" href="#" aria-describedby="task-list-6-status">
+        Task F
+      </a>
+    </div>
+    <div class="govuk-task-list__status" id="task-list-6-status">
+      <strong class="govuk-tag govuk-tag--turquoise">
+        Turquoise
+      </strong>
+    </div>
+  </li>
+  <li class="govuk-task-list__item govuk-task-list__item--with-link">
+    <div class="govuk-task-list__name-and-hint">
+      <a class="govuk-link govuk-task-list__link" href="#" aria-describedby="task-list-7-status">
+        Task G
+      </a>
+    </div>
+    <div class="govuk-task-list__status" id="task-list-7-status">
+      <strong class="govuk-tag govuk-tag--green">
+        Green
+      </strong>
+    </div>
+  </li>
+  <li class="govuk-task-list__item govuk-task-list__item--with-link">
+    <div class="govuk-task-list__name-and-hint">
+      <a class="govuk-link govuk-task-list__link" href="#" aria-describedby="task-list-8-status">
+        Task H
+      </a>
+    </div>
+    <div class="govuk-task-list__status" id="task-list-8-status">
+      <strong class="govuk-tag govuk-tag--purple">
+        Purple
+      </strong>
+    </div>
+  </li>
+  <li class="govuk-task-list__item govuk-task-list__item--with-link">
+    <div class="govuk-task-list__name-and-hint">
+      <a class="govuk-link govuk-task-list__link" href="#" aria-describedby="task-list-9-status">
+        Task I
+      </a>
+    </div>
+    <div class="govuk-task-list__status" id="task-list-9-status">
+      <strong class="govuk-tag govuk-tag--pink">
+        Pink
+      </strong>
+    </div>
+  </li>
+  <li class="govuk-task-list__item govuk-task-list__item--with-link">
+    <div class="govuk-task-list__name-and-hint">
+      <a class="govuk-link govuk-task-list__link" href="#" aria-describedby="task-list-10-status">
+        Task J
+      </a>
+    </div>
+    <div class="govuk-task-list__status" id="task-list-10-status">
+      <strong class="govuk-tag govuk-tag--red">
+        Red
+      </strong>
+    </div>
+  </li>
+  <li class="govuk-task-list__item govuk-task-list__item--with-link">
+    <div class="govuk-task-list__name-and-hint">
+      <a class="govuk-link govuk-task-list__link" href="#" aria-describedby="task-list-11-status">
+        Task K
+      </a>
+    </div>
+    <div class="govuk-task-list__status" id="task-list-11-status">
+      <strong class="govuk-tag govuk-tag--orange">
+        Orange
+      </strong>
+    </div>
+  </li>
+  <li class="govuk-task-list__item govuk-task-list__item--with-link">
+    <div class="govuk-task-list__name-and-hint">
+      <a class="govuk-link govuk-task-list__link" href="#" aria-describedby="task-list-12-status">
+        Task L
+      </a>
+    </div>
+    <div class="govuk-task-list__status" id="task-list-12-status">
+      <strong class="govuk-tag govuk-tag--yellow">
+        Yellow
+      </strong>
+    </div>
+  </li>
+</ul>
diff --git a/app/templates/govuk/components/components/task-list/template-with-empty-values.html b/app/templates/govuk/components/components/task-list/template-with-empty-values.html
new file mode 100644
index 0000000..df3fad6
--- /dev/null
+++ b/app/templates/govuk/components/components/task-list/template-with-empty-values.html
@@ -0,0 +1,27 @@
+
+<ul class="govuk-task-list">
+
+
+  <li class="govuk-task-list__item govuk-task-list__item--with-link">
+    <div class="govuk-task-list__name-and-hint">
+      <a class="govuk-link govuk-task-list__link" href="#" aria-describedby="task-list-3-status">
+        Task A
+      </a>
+    </div>
+    <div class="govuk-task-list__status" id="task-list-3-status">
+      Completed
+    </div>
+  </li>
+
+
+  <li class="govuk-task-list__item govuk-task-list__item--with-link">
+    <div class="govuk-task-list__name-and-hint">
+      <a class="govuk-link govuk-task-list__link" href="#" aria-describedby="task-list-6-status">
+        Task B
+      </a>
+    </div>
+    <div class="govuk-task-list__status" id="task-list-6-status">
+      Completed
+    </div>
+  </li>
+</ul>
diff --git a/app/templates/govuk/components/components/task-list/template-with-hint-text-and-additional-states.html b/app/templates/govuk/components/components/task-list/template-with-hint-text-and-additional-states.html
new file mode 100644
index 0000000..6092576
--- /dev/null
+++ b/app/templates/govuk/components/components/task-list/template-with-hint-text-and-additional-states.html
@@ -0,0 +1,77 @@
+
+<ul class="govuk-task-list">
+  <li class="govuk-task-list__item govuk-task-list__item--with-link">
+    <div class="govuk-task-list__name-and-hint">
+      <a class="govuk-link govuk-task-list__link" href="#" aria-describedby="task-list-1-status">
+        Company Directors
+      </a>
+    </div>
+    <div class="govuk-task-list__status" id="task-list-1-status">
+      Completed
+    </div>
+  </li>
+  <li class="govuk-task-list__item govuk-task-list__item--with-link">
+    <div class="govuk-task-list__name-and-hint">
+      <a class="govuk-link govuk-task-list__link" href="#" aria-describedby="task-list-2-status">
+        Registered company details
+      </a>
+    </div>
+    <div class="govuk-task-list__status" id="task-list-2-status">
+      <strong class="govuk-tag govuk-tag--light-blue">
+        Not started
+      </strong>
+    </div>
+  </li>
+  <li class="govuk-task-list__item govuk-task-list__item--with-link">
+    <div class="govuk-task-list__name-and-hint">
+      <a class="govuk-link govuk-task-list__link" href="#" aria-describedby="task-list-3-hint task-list-3-status">
+        Business plan
+      </a>
+      <div id="task-list-3-hint" class="govuk-task-list__hint">
+        Ensure the plan covers objectives, strategies, sales, marketing and financial forecasts.
+      </div>
+    </div>
+    <div class="govuk-task-list__status" id="task-list-3-status">
+      <strong class="govuk-tag govuk-tag--pink">
+        Review
+      </strong>
+    </div>
+  </li>
+  <li class="govuk-task-list__item govuk-task-list__item--with-link">
+    <div class="govuk-task-list__name-and-hint">
+      <a class="govuk-link govuk-task-list__link" href="#" aria-describedby="task-list-4-status">
+        Documentation
+      </a>
+    </div>
+    <div class="govuk-task-list__status" id="task-list-4-status">
+      <strong class="govuk-tag govuk-tag--blue">
+        In progress
+      </strong>
+    </div>
+  </li>
+  <li class="govuk-task-list__item govuk-task-list__item--with-link">
+    <div class="govuk-task-list__name-and-hint">
+      <a class="govuk-link govuk-task-list__link" href="#" aria-describedby="task-list-5-status">
+        Charitable status
+      </a>
+    </div>
+    <div class="govuk-task-list__status" id="task-list-5-status">
+      <strong class="govuk-tag govuk-tag--red">
+        Error
+      </strong>
+    </div>
+  </li>
+  <li class="govuk-task-list__item">
+    <div class="govuk-task-list__name-and-hint">
+      <div>
+        Payment
+      </div>
+      <div id="task-list-6-hint" class="govuk-task-list__hint">
+        It will cost between £15 and £75
+      </div>
+    </div>
+    <div class="govuk-task-list__status govuk-task-list__status--cannot-start-yet" id="task-list-6-status">
+      Cannot start yet
+    </div>
+  </li>
+</ul>
diff --git a/app/templates/govuk/components/components/task-list/template-with-very-long-single-word-tags.html b/app/templates/govuk/components/components/task-list/template-with-very-long-single-word-tags.html
new file mode 100644
index 0000000..d861185
--- /dev/null
+++ b/app/templates/govuk/components/components/task-list/template-with-very-long-single-word-tags.html
@@ -0,0 +1,37 @@
+
+<ul class="govuk-task-list">
+  <li class="govuk-task-list__item govuk-task-list__item--with-link">
+    <div class="govuk-task-list__name-and-hint">
+      <a class="govuk-link govuk-task-list__link" href="#" aria-describedby="task-list-1-status">
+        Company Directors
+      </a>
+    </div>
+    <div class="govuk-task-list__status" id="task-list-1-status">
+      Completed
+    </div>
+  </li>
+  <li class="govuk-task-list__item govuk-task-list__item--with-link">
+    <div class="govuk-task-list__name-and-hint">
+      <a class="govuk-link govuk-task-list__link" href="#" aria-describedby="task-list-2-status">
+        Registered company details
+      </a>
+    </div>
+    <div class="govuk-task-list__status" id="task-list-2-status">
+      <strong class="govuk-tag govuk-tag--blue">
+        Incomplete
+      </strong>
+    </div>
+  </li>
+  <li class="govuk-task-list__item govuk-task-list__item--with-link">
+    <div class="govuk-task-list__name-and-hint">
+      <a class="govuk-link govuk-task-list__link" href="#" aria-describedby="task-list-3-status">
+        A very very very long Business plan
+      </a>
+    </div>
+    <div class="govuk-task-list__status" id="task-list-3-status">
+      <strong class="govuk-tag govuk-tag--blue">
+        Thisisaverylongwaytosaythatsomethingisincomplete
+      </strong>
+    </div>
+  </li>
+</ul>
diff --git a/app/templates/govuk/components/components/task-list/template.njk b/app/templates/govuk/components/components/task-list/template.njk
new file mode 100644
index 0000000..19c2841
--- /dev/null
+++ b/app/templates/govuk/components/components/task-list/template.njk
@@ -0,0 +1,41 @@
+{% from "../../macros/attributes.njk" import govukAttributes %}
+{% from "../tag/macro.njk" import govukTag %}
+
+{%- set idPrefix = params.idPrefix if params.idPrefix else "task-list" -%}
+
+{%- macro _taskListItem(params, item, index) %}
+  {%- set hintId = idPrefix + "-" + index + "-hint" %}
+  {%- set statusId = idPrefix + "-" + index + "-status" %}
+  <li class="govuk-task-list__item {%- if item.href %} govuk-task-list__item--with-link{% endif %}{%- if item.classes %} {{ item.classes }}{% endif %}">
+    <div class="govuk-task-list__name-and-hint">
+    {% if item.href %}
+      <a class="govuk-link govuk-task-list__link {%- if item.title.classes %} {{ item.title.classes }}{% endif %}" href="{{ item.href }}" aria-describedby="{{ hintId + " " if item.hint }}{{ statusId }}">
+        {{ item.title.html | safe | trim | indent(8) if item.title.html else item.title.text }}
+      </a>
+    {% else %}
+      <div {%- if item.title.classes %} class="{{ item.title.classes }}"{% endif %}>
+        {{ item.title.html | safe | trim | indent(8) if item.title.html else item.title.text }}
+      </div>
+    {% endif %}
+    {% if item.hint %}
+      <div id="{{ hintId }}" class="govuk-task-list__hint">
+        {{ item.hint.html | safe | trim | indent(8) if item.hint.html else item.hint.text }}
+      </div>
+    {% endif %}
+    </div>
+    <div class="govuk-task-list__status {%- if item.status.classes %} {{ item.status.classes }}{% endif %}" id="{{ statusId }}">
+    {% if item.status.tag %}
+      {{ govukTag(item.status.tag) | trim | indent(6) }}
+    {% else %}
+      {{ item.status.html | safe | trim | indent(6) if item.status.html else item.status.text }}
+    {% endif %}
+    </div>
+  </li>
+{%- endmacro %}
+
+<ul class="govuk-task-list {%- if params.classes %} {{ params.classes }}{% endif %}"
+  {{- govukAttributes(params.attributes) }}>
+  {% for item in params.items %}
+    {{- _taskListItem(params, item, loop.index) if item }}
+  {% endfor %}
+</ul>
diff --git a/app/templates/govuk/components/components/textarea/README.md b/app/templates/govuk/components/components/textarea/README.md
new file mode 100644
index 0000000..41f2cf0
--- /dev/null
+++ b/app/templates/govuk/components/components/textarea/README.md
@@ -0,0 +1,15 @@
+# Textarea
+
+## Installation
+
+See the [main README quick start guide](https://github.com/alphagov/govuk-frontend#quick-start) for how to install this component.
+
+## Guidance and Examples
+
+Find out when to use the textarea component in your service in the [GOV.UK Design System](https://design-system.service.gov.uk/components/textarea).
+
+## Component options
+
+Use options to customise the appearance, content and behaviour of a component when using a macro, for example, changing the text.
+
+See [options table](https://design-system.service.gov.uk/components/textarea/#options-textarea-example) for details.
diff --git a/app/templates/govuk/components/components/textarea/_index.scss b/app/templates/govuk/components/components/textarea/_index.scss
new file mode 100644
index 0000000..454a289
--- /dev/null
+++ b/app/templates/govuk/components/components/textarea/_index.scss
@@ -0,0 +1,44 @@
+@import "../error-message/index";
+@import "../hint/index";
+@import "../label/index";
+
+@include govuk-exports("govuk/component/textarea") {
+  .govuk-textarea {
+    @include govuk-font($size: 19, $line-height: 1.25);
+
+    box-sizing: border-box;
+    display: block;
+    width: 100%;
+    min-height: 40px;
+    @include govuk-responsive-margin(6, "bottom");
+    padding: govuk-spacing(1);
+
+    resize: vertical;
+
+    border: $govuk-border-width-form-element solid $govuk-input-border-colour;
+    border-radius: 0;
+
+    -webkit-appearance: none;
+
+    &:focus {
+      @include govuk-focused-form-input;
+    }
+
+    &:disabled {
+      opacity: 0.5;
+      color: inherit;
+      background-color: transparent;
+      cursor: not-allowed;
+    }
+  }
+
+  .govuk-textarea--error {
+    border-color: $govuk-error-colour;
+
+    &:focus {
+      border-color: $govuk-input-border-colour;
+    }
+  }
+}
+
+/*# sourceMappingURL=_index.scss.map */
diff --git a/app/templates/govuk/components/components/textarea/_index.scss.map b/app/templates/govuk/components/components/textarea/_index.scss.map
new file mode 100644
index 0000000..8897a8c
--- /dev/null
+++ b/app/templates/govuk/components/components/textarea/_index.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/textarea/_index.scss"],"names":[],"mappings":"AAAA,gCAAgC;AAChC,uBAAuB;AACvB,wBAAwB;;AAExB;EACE;IACE,kDAAkD;;IAElD,sBAAsB;IACtB,cAAc;IACd,WAAW;IACX,gBAAgB;IAChB,6CAA6C;IAC7C,yBAAyB;;IAEzB,gBAAgB;;IAEhB,yEAAyE;IACzE,gBAAgB;;IAEhB,wBAAwB;;IAExB;MACE,iCAAiC;IACnC;;IAEA;MACE,YAAY;MACZ,cAAc;MACd,6BAA6B;MAC7B,mBAAmB;IACrB;EACF;;EAEA;IACE,iCAAiC;;IAEjC;MACE,wCAAwC;IAC1C;EACF;AACF","file":"_index.scss","sourcesContent":["@import \"../error-message/index\";\n@import \"../hint/index\";\n@import \"../label/index\";\n\n@include govuk-exports(\"govuk/component/textarea\") {\n  .govuk-textarea {\n    @include govuk-font($size: 19, $line-height: 1.25);\n\n    box-sizing: border-box;\n    display: block;\n    width: 100%;\n    min-height: 40px;\n    @include govuk-responsive-margin(6, \"bottom\");\n    padding: govuk-spacing(1);\n\n    resize: vertical;\n\n    border: $govuk-border-width-form-element solid $govuk-input-border-colour;\n    border-radius: 0;\n\n    -webkit-appearance: none;\n\n    &:focus {\n      @include govuk-focused-form-input;\n    }\n\n    &:disabled {\n      opacity: 0.5;\n      color: inherit;\n      background-color: transparent;\n      cursor: not-allowed;\n    }\n  }\n\n  .govuk-textarea--error {\n    border-color: $govuk-error-colour;\n\n    &:focus {\n      border-color: $govuk-input-border-colour;\n    }\n  }\n}\n"]}
diff --git a/app/templates/govuk/components/components/textarea/_textarea.scss b/app/templates/govuk/components/components/textarea/_textarea.scss
new file mode 100644
index 0000000..f4ed68f
--- /dev/null
+++ b/app/templates/govuk/components/components/textarea/_textarea.scss
@@ -0,0 +1,4 @@
+@import "../../base";
+@import "./index";
+
+/*# sourceMappingURL=_textarea.scss.map */
diff --git a/app/templates/govuk/components/components/textarea/_textarea.scss.map b/app/templates/govuk/components/components/textarea/_textarea.scss.map
new file mode 100644
index 0000000..be69133
--- /dev/null
+++ b/app/templates/govuk/components/components/textarea/_textarea.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/textarea/_textarea.scss"],"names":[],"mappings":"AAAA,oBAAoB;AACpB,iBAAiB","file":"_textarea.scss","sourcesContent":["@import \"../../base\";\n@import \"./index\";\n"]}
diff --git a/app/templates/govuk/components/components/textarea/fixtures.json b/app/templates/govuk/components/components/textarea/fixtures.json
new file mode 100644
index 0000000..b1e1848
--- /dev/null
+++ b/app/templates/govuk/components/components/textarea/fixtures.json
@@ -0,0 +1,316 @@
+{
+    "component": "textarea",
+    "fixtures": [
+        {
+            "name": "default",
+            "options": {
+                "name": "more-detail",
+                "label": {
+                    "text": "Can you provide more detail?"
+                }
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": true,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"more-detail\">\n    Can you provide more detail?\n  </label>\n  <textarea class=\"govuk-textarea\" id=\"more-detail\" name=\"more-detail\" rows=\"5\"></textarea>\n</div>"
+        },
+        {
+            "name": "with hint",
+            "options": {
+                "name": "more-detail",
+                "id": "more-detail",
+                "label": {
+                    "text": "Can you provide more detail?"
+                },
+                "hint": {
+                    "text": "Don't include personal or financial information, eg your National Insurance number or credit card details."
+                }
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"more-detail\">\n    Can you provide more detail?\n  </label>\n  <div id=\"more-detail-hint\" class=\"govuk-hint\">\n    Don&#39;t include personal or financial information, eg your National Insurance number or credit card details.\n  </div>\n  <textarea class=\"govuk-textarea\" id=\"more-detail\" name=\"more-detail\" rows=\"5\" aria-describedby=\"more-detail-hint\"></textarea>\n</div>"
+        },
+        {
+            "name": "with error message",
+            "options": {
+                "name": "no-ni-reason",
+                "id": "no-ni-reason",
+                "label": {
+                    "text": "Why can’t you provide a National Insurance number?"
+                },
+                "errorMessage": {
+                    "text": "You must provide an explanation"
+                }
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-form-group--error\">\n  <label class=\"govuk-label\" for=\"no-ni-reason\">\n    Why can’t you provide a National Insurance number?\n  </label>\n  <p id=\"no-ni-reason-error\" class=\"govuk-error-message\">\n    <span class=\"govuk-visually-hidden\">Error:</span> You must provide an explanation\n  </p>\n  <textarea class=\"govuk-textarea govuk-textarea--error\" id=\"no-ni-reason\" name=\"no-ni-reason\" rows=\"5\" aria-describedby=\"no-ni-reason-error\"></textarea>\n</div>"
+        },
+        {
+            "name": "with default value",
+            "options": {
+                "id": "full-address",
+                "name": "address",
+                "value": "221B Baker Street\nLondon\nNW1 6XE\n",
+                "label": {
+                    "text": "Full address"
+                }
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"full-address\">\n    Full address\n  </label>\n  <textarea class=\"govuk-textarea\" id=\"full-address\" name=\"address\" rows=\"5\">221B Baker Street\nLondon\nNW1 6XE\n</textarea>\n</div>"
+        },
+        {
+            "name": "with custom rows",
+            "options": {
+                "id": "full-address",
+                "name": "address",
+                "label": {
+                    "text": "Full address"
+                },
+                "rows": 8
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"full-address\">\n    Full address\n  </label>\n  <textarea class=\"govuk-textarea\" id=\"full-address\" name=\"address\" rows=\"8\"></textarea>\n</div>"
+        },
+        {
+            "name": "with label as page heading",
+            "options": {
+                "id": "textarea-with-page-heading",
+                "name": "address",
+                "label": {
+                    "text": "Full address",
+                    "classes": "govuk-label--l",
+                    "isPageHeading": true
+                }
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <h1 class=\"govuk-label-wrapper\">\n    <label class=\"govuk-label govuk-label--l\" for=\"textarea-with-page-heading\">\n      Full address\n    </label>\n  </h1>\n  <textarea class=\"govuk-textarea\" id=\"textarea-with-page-heading\" name=\"address\" rows=\"5\"></textarea>\n</div>"
+        },
+        {
+            "name": "id",
+            "options": {
+                "id": "textarea-id",
+                "name": "test-name",
+                "label": {
+                    "text": "With custom id"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"textarea-id\">\n    With custom id\n  </label>\n  <textarea class=\"govuk-textarea\" id=\"textarea-id\" name=\"test-name\" rows=\"5\"></textarea>\n</div>"
+        },
+        {
+            "name": "classes",
+            "options": {
+                "id": "with-classes",
+                "name": "with-classes",
+                "label": {
+                    "text": "With classes"
+                },
+                "classes": "app-textarea--custom-modifier"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"with-classes\">\n    With classes\n  </label>\n  <textarea class=\"govuk-textarea app-textarea--custom-modifier\" id=\"with-classes\" name=\"with-classes\" rows=\"5\"></textarea>\n</div>"
+        },
+        {
+            "name": "attributes",
+            "options": {
+                "id": "with-attributes",
+                "name": "with-attributes",
+                "label": {
+                    "text": "With attributes"
+                },
+                "attributes": {
+                    "data-attribute": "my data value"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"with-attributes\">\n    With attributes\n  </label>\n  <textarea class=\"govuk-textarea\" id=\"with-attributes\" name=\"with-attributes\" rows=\"5\" data-attribute=\"my data value\"></textarea>\n</div>"
+        },
+        {
+            "name": "with describedBy",
+            "options": {
+                "id": "with-describedby",
+                "name": "with-describedby",
+                "label": {
+                    "text": "With describedBy"
+                },
+                "describedBy": "test-target-element"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"with-describedby\">\n    With describedBy\n  </label>\n  <textarea class=\"govuk-textarea\" id=\"with-describedby\" name=\"with-describedby\" rows=\"5\" aria-describedby=\"test-target-element\"></textarea>\n</div>"
+        },
+        {
+            "name": "with hint and described by",
+            "options": {
+                "id": "with-hint-describedby",
+                "name": "with-hint-describedby",
+                "label": {
+                    "text": "With hint and describedBy"
+                },
+                "describedBy": "test-target-element",
+                "hint": {
+                    "text": "It’s on your National Insurance card, benefit letter, payslip or P60. For example, ‘QQ 12 34 56 C’."
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"with-hint-describedby\">\n    With hint and describedBy\n  </label>\n  <div id=\"with-hint-describedby-hint\" class=\"govuk-hint\">\n    It’s on your National Insurance card, benefit letter, payslip or P60. For example, ‘QQ 12 34 56 C’.\n  </div>\n  <textarea class=\"govuk-textarea\" id=\"with-hint-describedby\" name=\"with-hint-describedby\" rows=\"5\" aria-describedby=\"test-target-element with-hint-describedby-hint\"></textarea>\n</div>"
+        },
+        {
+            "name": "with error message and described by",
+            "options": {
+                "name": "textarea-with-error",
+                "label": {
+                    "text": "Textarea with error"
+                },
+                "describedBy": "test-target-element",
+                "id": "textarea-with-error",
+                "errorMessage": {
+                    "text": "Error message"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-form-group--error\">\n  <label class=\"govuk-label\" for=\"textarea-with-error\">\n    Textarea with error\n  </label>\n  <p id=\"textarea-with-error-error\" class=\"govuk-error-message\">\n    <span class=\"govuk-visually-hidden\">Error:</span> Error message\n  </p>\n  <textarea class=\"govuk-textarea govuk-textarea--error\" id=\"textarea-with-error\" name=\"textarea-with-error\" rows=\"5\" aria-describedby=\"test-target-element textarea-with-error-error\"></textarea>\n</div>"
+        },
+        {
+            "name": "with hint and error message",
+            "options": {
+                "id": "with-hint-error",
+                "name": "with-hint-error",
+                "label": {
+                    "text": "With hint and error"
+                },
+                "errorMessage": {
+                    "text": "Error message"
+                },
+                "hint": {
+                    "text": "Hint"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-form-group--error\">\n  <label class=\"govuk-label\" for=\"with-hint-error\">\n    With hint and error\n  </label>\n  <div id=\"with-hint-error-hint\" class=\"govuk-hint\">\n    Hint\n  </div>\n  <p id=\"with-hint-error-error\" class=\"govuk-error-message\">\n    <span class=\"govuk-visually-hidden\">Error:</span> Error message\n  </p>\n  <textarea class=\"govuk-textarea govuk-textarea--error\" id=\"with-hint-error\" name=\"with-hint-error\" rows=\"5\" aria-describedby=\"with-hint-error-hint with-hint-error-error\"></textarea>\n</div>"
+        },
+        {
+            "name": "with hint, error message and described by",
+            "options": {
+                "id": "with-hint-error-describedby",
+                "name": "with-hint-error-describedby",
+                "label": {
+                    "text": "With hint, error and describedBy"
+                },
+                "describedBy": "test-target-element",
+                "errorMessage": {
+                    "text": "Error message"
+                },
+                "hint": {
+                    "text": "Hint"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-form-group--error\">\n  <label class=\"govuk-label\" for=\"with-hint-error-describedby\">\n    With hint, error and describedBy\n  </label>\n  <div id=\"with-hint-error-describedby-hint\" class=\"govuk-hint\">\n    Hint\n  </div>\n  <p id=\"with-hint-error-describedby-error\" class=\"govuk-error-message\">\n    <span class=\"govuk-visually-hidden\">Error:</span> Error message\n  </p>\n  <textarea class=\"govuk-textarea govuk-textarea--error\" id=\"with-hint-error-describedby\" name=\"with-hint-error-describedby\" rows=\"5\" aria-describedby=\"test-target-element with-hint-error-describedby-hint with-hint-error-describedby-error\"></textarea>\n</div>"
+        },
+        {
+            "name": "with optional form-group classes",
+            "options": {
+                "id": "textarea-with-page-heading",
+                "name": "address",
+                "label": {
+                    "text": "Full address"
+                },
+                "formGroup": {
+                    "classes": "extra-class"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group extra-class\">\n  <label class=\"govuk-label\" for=\"textarea-with-page-heading\">\n    Full address\n  </label>\n  <textarea class=\"govuk-textarea\" id=\"textarea-with-page-heading\" name=\"address\" rows=\"5\"></textarea>\n</div>"
+        },
+        {
+            "name": "with autocomplete attribute",
+            "options": {
+                "id": "textarea-with-autocomplete-attribute",
+                "name": "address",
+                "label": {
+                    "text": "Full address"
+                },
+                "autocomplete": "street-address"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"textarea-with-autocomplete-attribute\">\n    Full address\n  </label>\n  <textarea class=\"govuk-textarea\" id=\"textarea-with-autocomplete-attribute\" name=\"address\" rows=\"5\" autocomplete=\"street-address\"></textarea>\n</div>"
+        },
+        {
+            "name": "with spellcheck enabled",
+            "options": {
+                "label": {
+                    "text": "Spellcheck is enabled"
+                },
+                "id": "textarea-with-spellcheck-enabled",
+                "name": "spellcheck",
+                "spellcheck": true
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"textarea-with-spellcheck-enabled\">\n    Spellcheck is enabled\n  </label>\n  <textarea class=\"govuk-textarea\" id=\"textarea-with-spellcheck-enabled\" name=\"spellcheck\" rows=\"5\" spellcheck=\"true\"></textarea>\n</div>"
+        },
+        {
+            "name": "with spellcheck disabled",
+            "options": {
+                "label": {
+                    "text": "Spellcheck is disabled"
+                },
+                "id": "textarea-with-spellcheck-disabled",
+                "name": "spellcheck",
+                "spellcheck": false
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"textarea-with-spellcheck-disabled\">\n    Spellcheck is disabled\n  </label>\n  <textarea class=\"govuk-textarea\" id=\"textarea-with-spellcheck-disabled\" name=\"spellcheck\" rows=\"5\" spellcheck=\"false\"></textarea>\n</div>"
+        }
+    ]
+}
diff --git a/app/templates/govuk/components/components/textarea/macro-options.json b/app/templates/govuk/components/components/textarea/macro-options.json
new file mode 100644
index 0000000..c324781
--- /dev/null
+++ b/app/templates/govuk/components/components/textarea/macro-options.json
@@ -0,0 +1,143 @@
+[
+    {
+        "name": "id",
+        "type": "string",
+        "required": false,
+        "description": "The ID of the textarea. Defaults to the value of `name`."
+    },
+    {
+        "name": "name",
+        "type": "string",
+        "required": true,
+        "description": "The name of the textarea, which is submitted with the form data."
+    },
+    {
+        "name": "spellcheck",
+        "type": "boolean",
+        "required": false,
+        "description": "Optional field to enable or disable the `spellcheck` attribute on the textarea."
+    },
+    {
+        "name": "rows",
+        "type": "string",
+        "required": false,
+        "description": "Optional number of textarea rows (default is 5 rows)."
+    },
+    {
+        "name": "value",
+        "type": "string",
+        "required": false,
+        "description": "Optional initial value of the textarea."
+    },
+    {
+        "name": "disabled",
+        "type": "boolean",
+        "required": false,
+        "description": "If `true`, textarea will be disabled."
+    },
+    {
+        "name": "describedBy",
+        "type": "string",
+        "required": false,
+        "description": "One or more element IDs to add to the `aria-describedby` attribute, used to provide additional descriptive information for screenreader users."
+    },
+    {
+        "name": "label",
+        "type": "object",
+        "required": true,
+        "description": "The label used by the textarea component.",
+        "isComponent": true
+    },
+    {
+        "name": "hint",
+        "type": "object",
+        "required": false,
+        "description": "Can be used to add a hint to the textarea component.",
+        "isComponent": true
+    },
+    {
+        "name": "errorMessage",
+        "type": "object",
+        "required": false,
+        "description": "Can be used to add an error message to the textarea component. The error message component will not display if you use a falsy value for `errorMessage`, for example `false` or `null`.",
+        "isComponent": true
+    },
+    {
+        "name": "formGroup",
+        "type": "object",
+        "required": false,
+        "description": "Additional options for the form group containing the textarea component.",
+        "params": [
+            {
+                "name": "classes",
+                "type": "string",
+                "required": false,
+                "description": "Classes to add to the form group (for example to show error state for the whole group)."
+            },
+            {
+                "name": "attributes",
+                "type": "object",
+                "required": false,
+                "description": "HTML attributes (for example data attributes) to add to the form group."
+            },
+            {
+                "name": "beforeInput",
+                "type": "object",
+                "required": false,
+                "description": "Content to add before the textarea used by the textarea component.",
+                "params": [
+                    {
+                        "name": "text",
+                        "type": "string",
+                        "required": true,
+                        "description": "Text to add before the textarea. If `html` is provided, the `text` option will be ignored."
+                    },
+                    {
+                        "name": "html",
+                        "type": "string",
+                        "required": true,
+                        "description": "HTML to add before the textarea. If `html` is provided, the `text` option will be ignored."
+                    }
+                ]
+            },
+            {
+                "name": "afterInput",
+                "type": "object",
+                "required": false,
+                "description": "Content to add after the textarea used by the textarea component.",
+                "params": [
+                    {
+                        "name": "text",
+                        "type": "string",
+                        "required": true,
+                        "description": "Text to add after the textarea. If `html` is provided, the `text` option will be ignored."
+                    },
+                    {
+                        "name": "html",
+                        "type": "string",
+                        "required": true,
+                        "description": "HTML to add after the textarea. If `html` is provided, the `text` option will be ignored."
+                    }
+                ]
+            }
+        ]
+    },
+    {
+        "name": "classes",
+        "type": "string",
+        "required": false,
+        "description": "Classes to add to the textarea."
+    },
+    {
+        "name": "autocomplete",
+        "type": "string",
+        "required": false,
+        "description": "Attribute to meet [WCAG success criterion 1.3.5: Identify input purpose](https://www.w3.org/WAI/WCAG22/Understanding/identify-input-purpose.html), for instance `\"bday-day\"`. See the [Autofill section in the HTML standard](https://html.spec.whatwg.org/multipage/form-control-infrastructure.html#autofill) section in the HTML standard for full list of attributes that can be used."
+    },
+    {
+        "name": "attributes",
+        "type": "object",
+        "required": false,
+        "description": "HTML attributes (for example data attributes) to add to the textarea."
+    }
+]
diff --git a/app/templates/govuk/components/components/textarea/macro.njk b/app/templates/govuk/components/components/textarea/macro.njk
new file mode 100644
index 0000000..36a1c4e
--- /dev/null
+++ b/app/templates/govuk/components/components/textarea/macro.njk
@@ -0,0 +1,3 @@
+{% macro govukTextarea(params) %}
+  {%- include "./template.njk" -%}
+{% endmacro %}
diff --git a/app/templates/govuk/components/components/textarea/template-default.html b/app/templates/govuk/components/components/textarea/template-default.html
new file mode 100644
index 0000000..3b27ac0
--- /dev/null
+++ b/app/templates/govuk/components/components/textarea/template-default.html
@@ -0,0 +1,6 @@
+<div class="govuk-form-group">
+  <label class="govuk-label" for="more-detail">
+    Can you provide more detail?
+  </label>
+  <textarea class="govuk-textarea" id="more-detail" name="more-detail" rows="5"></textarea>
+</div>
diff --git a/app/templates/govuk/components/components/textarea/template-with-custom-rows.html b/app/templates/govuk/components/components/textarea/template-with-custom-rows.html
new file mode 100644
index 0000000..747b7e2
--- /dev/null
+++ b/app/templates/govuk/components/components/textarea/template-with-custom-rows.html
@@ -0,0 +1,6 @@
+<div class="govuk-form-group">
+  <label class="govuk-label" for="full-address">
+    Full address
+  </label>
+  <textarea class="govuk-textarea" id="full-address" name="address" rows="8"></textarea>
+</div>
diff --git a/app/templates/govuk/components/components/textarea/template-with-default-value.html b/app/templates/govuk/components/components/textarea/template-with-default-value.html
new file mode 100644
index 0000000..8f84d79
--- /dev/null
+++ b/app/templates/govuk/components/components/textarea/template-with-default-value.html
@@ -0,0 +1,9 @@
+<div class="govuk-form-group">
+  <label class="govuk-label" for="full-address">
+    Full address
+  </label>
+  <textarea class="govuk-textarea" id="full-address" name="address" rows="5">221B Baker Street
+London
+NW1 6XE
+</textarea>
+</div>
diff --git a/app/templates/govuk/components/components/textarea/template-with-error-message.html b/app/templates/govuk/components/components/textarea/template-with-error-message.html
new file mode 100644
index 0000000..bf93169
--- /dev/null
+++ b/app/templates/govuk/components/components/textarea/template-with-error-message.html
@@ -0,0 +1,9 @@
+<div class="govuk-form-group govuk-form-group--error">
+  <label class="govuk-label" for="no-ni-reason">
+    Why can’t you provide a National Insurance number?
+  </label>
+  <p id="no-ni-reason-error" class="govuk-error-message">
+    <span class="govuk-visually-hidden">Error:</span> You must provide an explanation
+  </p>
+  <textarea class="govuk-textarea govuk-textarea--error" id="no-ni-reason" name="no-ni-reason" rows="5" aria-describedby="no-ni-reason-error"></textarea>
+</div>
diff --git a/app/templates/govuk/components/components/textarea/template-with-hint.html b/app/templates/govuk/components/components/textarea/template-with-hint.html
new file mode 100644
index 0000000..764f121
--- /dev/null
+++ b/app/templates/govuk/components/components/textarea/template-with-hint.html
@@ -0,0 +1,9 @@
+<div class="govuk-form-group">
+  <label class="govuk-label" for="more-detail">
+    Can you provide more detail?
+  </label>
+  <div id="more-detail-hint" class="govuk-hint">
+    Don&#39;t include personal or financial information, eg your National Insurance number or credit card details.
+  </div>
+  <textarea class="govuk-textarea" id="more-detail" name="more-detail" rows="5" aria-describedby="more-detail-hint"></textarea>
+</div>
diff --git a/app/templates/govuk/components/components/textarea/template-with-label-as-page-heading.html b/app/templates/govuk/components/components/textarea/template-with-label-as-page-heading.html
new file mode 100644
index 0000000..5624b6d
--- /dev/null
+++ b/app/templates/govuk/components/components/textarea/template-with-label-as-page-heading.html
@@ -0,0 +1,8 @@
+<div class="govuk-form-group">
+  <h1 class="govuk-label-wrapper">
+    <label class="govuk-label govuk-label--l" for="textarea-with-page-heading">
+      Full address
+    </label>
+  </h1>
+  <textarea class="govuk-textarea" id="textarea-with-page-heading" name="address" rows="5"></textarea>
+</div>
diff --git a/app/templates/govuk/components/components/textarea/template.njk b/app/templates/govuk/components/components/textarea/template.njk
new file mode 100644
index 0000000..a0efee6
--- /dev/null
+++ b/app/templates/govuk/components/components/textarea/template.njk
@@ -0,0 +1,56 @@
+{% from "../../macros/attributes.njk" import govukAttributes %}
+{% from "../error-message/macro.njk" import govukErrorMessage %}
+{% from "../hint/macro.njk" import govukHint %}
+{% from "../label/macro.njk" import govukLabel %}
+
+{#- a record of other elements that we need to associate with the input using
+  aria-describedby – for example hints or error messages -#}
+{% set describedBy = params.describedBy if params.describedBy else "" %}
+{%- set id = params.id if params.id else params.name -%}
+
+<div class="govuk-form-group {%- if params.errorMessage %} govuk-form-group--error{% endif %} {%- if params.formGroup.classes %} {{ params.formGroup.classes }}{% endif %}"
+  {{- govukAttributes(params.formGroup.attributes) }}>
+  {{ govukLabel({
+    html: params.label.html,
+    text: params.label.text,
+    classes: params.label.classes,
+    isPageHeading: params.label.isPageHeading,
+    attributes: params.label.attributes,
+    for: id
+  }) | trim | indent(2) }}
+{% if params.hint %}
+  {% set hintId = id + '-hint' %}
+  {% set describedBy = describedBy + ' ' + hintId if describedBy else hintId %}
+  {{ govukHint({
+    id: hintId,
+    classes: params.hint.classes,
+    attributes: params.hint.attributes,
+    html: params.hint.html,
+    text: params.hint.text
+  }) | trim | indent(2) }}
+{% endif %}
+{% if params.errorMessage %}
+  {% set errorId = id + '-error' %}
+  {% set describedBy = describedBy + ' ' + errorId if describedBy else errorId %}
+  {{ govukErrorMessage({
+    id: errorId,
+    classes: params.errorMessage.classes,
+    attributes: params.errorMessage.attributes,
+    html: params.errorMessage.html,
+    text: params.errorMessage.text,
+    visuallyHiddenText: params.errorMessage.visuallyHiddenText
+  }) | trim | indent(2) }}
+{% endif %}
+{% if params.formGroup.beforeInput %}
+  {{ params.formGroup.beforeInput.html | safe | trim | indent(2) if params.formGroup.beforeInput.html else params.formGroup.beforeInput.text }}
+{% endif %}
+  <textarea class="govuk-textarea {%- if params.errorMessage %} govuk-textarea--error{% endif %} {%- if params.classes %} {{ params.classes }}{% endif %}" id="{{ id }}" name="{{ params.name }}" rows="{{ params.rows | default(5, true) }}"
+  {%- if (params.spellcheck === false) or (params.spellcheck === true) %} spellcheck="{{ params.spellcheck }}"{% endif %}
+  {%- if params.disabled %} disabled{% endif %}
+  {%- if describedBy %} aria-describedby="{{ describedBy }}"{% endif %}
+  {%- if params.autocomplete %} autocomplete="{{ params.autocomplete }}"{% endif %}
+  {{- govukAttributes(params.attributes) }}>{{ params.value }}</textarea>
+{% if params.formGroup.afterInput %}
+  {{ params.formGroup.afterInput.html | safe | trim | indent(2) if params.formGroup.afterInput.html else params.formGroup.afterInput.text }}
+{% endif %}
+</div>
diff --git a/app/templates/govuk/components/components/warning-text/README.md b/app/templates/govuk/components/components/warning-text/README.md
new file mode 100644
index 0000000..9168535
--- /dev/null
+++ b/app/templates/govuk/components/components/warning-text/README.md
@@ -0,0 +1,15 @@
+# Warning text
+
+## Installation
+
+See the [main README quick start guide](https://github.com/alphagov/govuk-frontend#quick-start) for how to install this component.
+
+## Guidance and Examples
+
+Find out when to use the warning text component in your service in the [GOV.UK Design System](https://design-system.service.gov.uk/components/warning-text).
+
+## Component options
+
+Use options to customise the appearance, content and behaviour of a component when using a macro, for example, changing the text.
+
+See [options table](https://design-system.service.gov.uk/components/warning-text/#options-warning-text-example) for details.
diff --git a/app/templates/govuk/components/components/warning-text/_index.scss b/app/templates/govuk/components/components/warning-text/_index.scss
new file mode 100644
index 0000000..9ee4807
--- /dev/null
+++ b/app/templates/govuk/components/components/warning-text/_index.scss
@@ -0,0 +1,66 @@
+@include govuk-exports("govuk/component/warning-text") {
+  .govuk-warning-text {
+    @include govuk-font($size: 19);
+    @include govuk-responsive-margin(6, "bottom");
+    @include govuk-typography-weight-bold;
+    position: relative;
+    padding: govuk-spacing(2) 0;
+  }
+
+  .govuk-warning-text__icon {
+    box-sizing: border-box;
+
+    display: inline-block;
+
+    position: absolute;
+    left: 0;
+
+    min-width: 35px;
+    min-height: 35px;
+    margin-top: -7px;
+
+    @include govuk-media-query($from: tablet) {
+      margin-top: -5px;
+    }
+
+    // When a user customises their colours the background colour will often be
+    // removed. Adding a border to the component keeps it's shape as a circle.
+    border: 3px solid $govuk-text-colour;
+    border-radius: 50%;
+
+    color: $govuk-body-background-colour;
+    background: $govuk-text-colour;
+
+    font-size: 30px;
+    line-height: 29px;
+
+    text-align: center;
+
+    // Prevent the exclamation mark from being included when the warning text
+    // is copied, for example.
+    -webkit-user-select: none;
+        -ms-user-select: none;
+            user-select: none;
+
+    // Improve rendering in Windows High Contrast Mode (Edge), where a
+    // readability backplate behind the exclamation mark obscures the circle
+    forced-color-adjust: none;
+
+    @media screen and (forced-colors: active) {
+      border-color: windowText;
+      color: windowText;
+      background: transparent;
+    }
+  }
+
+  .govuk-warning-text__text {
+    @include govuk-text-colour;
+    display: block;
+    padding-left: 45px;
+    // While `<strong>` is styled `bold` or `bolder` by user-agents
+    // this can be reset by the app's stylesheet
+    font-weight: inherit;
+  }
+}
+
+/*# sourceMappingURL=_index.scss.map */
diff --git a/app/templates/govuk/components/components/warning-text/_index.scss.map b/app/templates/govuk/components/components/warning-text/_index.scss.map
new file mode 100644
index 0000000..fde3c0c
--- /dev/null
+++ b/app/templates/govuk/components/components/warning-text/_index.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/warning-text/_index.scss"],"names":[],"mappings":"AAAA;EACE;IACE,8BAA8B;IAC9B,6CAA6C;IAC7C,qCAAqC;IACrC,kBAAkB;IAClB,2BAA2B;EAC7B;;EAEA;IACE,sBAAsB;;IAEtB,qBAAqB;;IAErB,kBAAkB;IAClB,OAAO;;IAEP,eAAe;IACf,gBAAgB;IAChB,gBAAgB;;IAEhB;MACE,gBAAgB;IAClB;;IAEA,0EAA0E;IAC1E,yEAAyE;IACzE,oCAAoC;IACpC,kBAAkB;;IAElB,oCAAoC;IACpC,8BAA8B;;IAE9B,eAAe;IACf,iBAAiB;;IAEjB,kBAAkB;;IAElB,wEAAwE;IACxE,yBAAyB;IACzB,yBAAiB;QAAjB,qBAAiB;YAAjB,iBAAiB;;IAEjB,iEAAiE;IACjE,uEAAuE;IACvE,yBAAyB;;IAEzB;MACE,wBAAwB;MACxB,iBAAiB;MACjB,uBAAuB;IACzB;EACF;;EAEA;IACE,0BAA0B;IAC1B,cAAc;IACd,kBAAkB;IAClB,8DAA8D;IAC9D,2CAA2C;IAC3C,oBAAoB;EACtB;AACF","file":"_index.scss","sourcesContent":["@include govuk-exports(\"govuk/component/warning-text\") {\n  .govuk-warning-text {\n    @include govuk-font($size: 19);\n    @include govuk-responsive-margin(6, \"bottom\");\n    @include govuk-typography-weight-bold;\n    position: relative;\n    padding: govuk-spacing(2) 0;\n  }\n\n  .govuk-warning-text__icon {\n    box-sizing: border-box;\n\n    display: inline-block;\n\n    position: absolute;\n    left: 0;\n\n    min-width: 35px;\n    min-height: 35px;\n    margin-top: -7px;\n\n    @include govuk-media-query($from: tablet) {\n      margin-top: -5px;\n    }\n\n    // When a user customises their colours the background colour will often be\n    // removed. Adding a border to the component keeps it's shape as a circle.\n    border: 3px solid $govuk-text-colour;\n    border-radius: 50%;\n\n    color: $govuk-body-background-colour;\n    background: $govuk-text-colour;\n\n    font-size: 30px;\n    line-height: 29px;\n\n    text-align: center;\n\n    // Prevent the exclamation mark from being included when the warning text\n    // is copied, for example.\n    user-select: none;\n\n    // Improve rendering in Windows High Contrast Mode (Edge), where a\n    // readability backplate behind the exclamation mark obscures the circle\n    forced-color-adjust: none;\n\n    @media screen and (forced-colors: active) {\n      border-color: windowText;\n      color: windowText;\n      background: transparent;\n    }\n  }\n\n  .govuk-warning-text__text {\n    @include govuk-text-colour;\n    display: block;\n    padding-left: 45px;\n    // While `<strong>` is styled `bold` or `bolder` by user-agents\n    // this can be reset by the app's stylesheet\n    font-weight: inherit;\n  }\n}\n"]}
diff --git a/app/templates/govuk/components/components/warning-text/_warning-text.scss b/app/templates/govuk/components/components/warning-text/_warning-text.scss
new file mode 100644
index 0000000..81eb6f0
--- /dev/null
+++ b/app/templates/govuk/components/components/warning-text/_warning-text.scss
@@ -0,0 +1,4 @@
+@import "../../base";
+@import "./index";
+
+/*# sourceMappingURL=_warning-text.scss.map */
diff --git a/app/templates/govuk/components/components/warning-text/_warning-text.scss.map b/app/templates/govuk/components/components/warning-text/_warning-text.scss.map
new file mode 100644
index 0000000..3ef95c5
--- /dev/null
+++ b/app/templates/govuk/components/components/warning-text/_warning-text.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/warning-text/_warning-text.scss"],"names":[],"mappings":"AAAA,oBAAoB;AACpB,iBAAiB","file":"_warning-text.scss","sourcesContent":["@import \"../../base\";\n@import \"./index\";\n"]}
diff --git a/app/templates/govuk/components/components/warning-text/fixtures.json b/app/templates/govuk/components/components/warning-text/fixtures.json
new file mode 100644
index 0000000..4bbcbc3
--- /dev/null
+++ b/app/templates/govuk/components/components/warning-text/fixtures.json
@@ -0,0 +1,101 @@
+{
+    "component": "warning-text",
+    "fixtures": [
+        {
+            "name": "default",
+            "options": {
+                "text": "You can be fined up to £5,000 if you don’t register.",
+                "iconFallbackText": "Warning"
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": true,
+            "html": "<div class=\"govuk-warning-text\">\n  <span class=\"govuk-warning-text__icon\" aria-hidden=\"true\">!</span>\n  <strong class=\"govuk-warning-text__text\">\n    <span class=\"govuk-visually-hidden\">Warning</span>\n    You can be fined up to £5,000 if you don’t register.\n  </strong>\n</div>"
+        },
+        {
+            "name": "multiple lines",
+            "options": {
+                "text": "If you are not covered by this License), You must: (a) comply with the terms stated above for the purpose of this license. It explains, for example, the production of a Source form, including but not limited to, the implied warranties or conditions of this License, without any additional file created by such Respondent to you under Sections 2.1 and 2.2 above. Larger Works. You may choose to distribute such a notice and a brief idea of what it does.",
+                "iconFallbackText": "Warning"
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-warning-text\">\n  <span class=\"govuk-warning-text__icon\" aria-hidden=\"true\">!</span>\n  <strong class=\"govuk-warning-text__text\">\n    <span class=\"govuk-visually-hidden\">Warning</span>\n    If you are not covered by this License), You must: (a) comply with the terms stated above for the purpose of this license. It explains, for example, the production of a Source form, including but not limited to, the implied warranties or conditions of this License, without any additional file created by such Respondent to you under Sections 2.1 and 2.2 above. Larger Works. You may choose to distribute such a notice and a brief idea of what it does.\n  </strong>\n</div>"
+        },
+        {
+            "name": "attributes",
+            "options": {
+                "text": "You can be fined up to £5,000 if you don’t register.",
+                "attributes": {
+                    "id": "my-warning-text",
+                    "data-test": "attribute"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-warning-text\" id=\"my-warning-text\" data-test=\"attribute\">\n  <span class=\"govuk-warning-text__icon\" aria-hidden=\"true\">!</span>\n  <strong class=\"govuk-warning-text__text\">\n    <span class=\"govuk-visually-hidden\">Warning</span>\n    You can be fined up to £5,000 if you don’t register.\n  </strong>\n</div>"
+        },
+        {
+            "name": "classes",
+            "options": {
+                "text": "Warning text",
+                "classes": "govuk-warning-text--custom-class"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-warning-text govuk-warning-text--custom-class\">\n  <span class=\"govuk-warning-text__icon\" aria-hidden=\"true\">!</span>\n  <strong class=\"govuk-warning-text__text\">\n    <span class=\"govuk-visually-hidden\">Warning</span>\n    Warning text\n  </strong>\n</div>"
+        },
+        {
+            "name": "html",
+            "options": {
+                "text": "You can be fined up to £5,000 if you don’t register.",
+                "html": "<span>Some custom warning text</span>"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-warning-text\">\n  <span class=\"govuk-warning-text__icon\" aria-hidden=\"true\">!</span>\n  <strong class=\"govuk-warning-text__text\">\n    <span class=\"govuk-visually-hidden\">Warning</span>\n    <span>Some custom warning text</span>\n  </strong>\n</div>"
+        },
+        {
+            "name": "html as text",
+            "options": {
+                "text": "<span>Some custom warning text</span>"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-warning-text\">\n  <span class=\"govuk-warning-text__icon\" aria-hidden=\"true\">!</span>\n  <strong class=\"govuk-warning-text__text\">\n    <span class=\"govuk-visually-hidden\">Warning</span>\n    &lt;span&gt;Some custom warning text&lt;/span&gt;\n  </strong>\n</div>"
+        },
+        {
+            "name": "icon fallback text only",
+            "options": {
+                "iconFallbackText": "Some custom fallback text"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-warning-text\">\n  <span class=\"govuk-warning-text__icon\" aria-hidden=\"true\">!</span>\n  <strong class=\"govuk-warning-text__text\">\n    <span class=\"govuk-visually-hidden\">Some custom fallback text</span>\n    \n  </strong>\n</div>"
+        },
+        {
+            "name": "no icon fallback text",
+            "options": {
+                "text": "This is a warning"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-warning-text\">\n  <span class=\"govuk-warning-text__icon\" aria-hidden=\"true\">!</span>\n  <strong class=\"govuk-warning-text__text\">\n    <span class=\"govuk-visually-hidden\">Warning</span>\n    This is a warning\n  </strong>\n</div>"
+        }
+    ]
+}
diff --git a/app/templates/govuk/components/components/warning-text/macro-options.json b/app/templates/govuk/components/components/warning-text/macro-options.json
new file mode 100644
index 0000000..8a8d46d
--- /dev/null
+++ b/app/templates/govuk/components/components/warning-text/macro-options.json
@@ -0,0 +1,32 @@
+[
+    {
+        "name": "text",
+        "type": "string",
+        "required": true,
+        "description": "If `html` is set, this is not required. Text to use within the warning text component. If `html` is provided, the `text` option will be ignored."
+    },
+    {
+        "name": "html",
+        "type": "string",
+        "required": true,
+        "description": "If `text` is set, this is not required. HTML to use within the warning text component. If `html` is provided, the `text` option will be ignored."
+    },
+    {
+        "name": "iconFallbackText",
+        "type": "string",
+        "required": false,
+        "description": "The fallback text for the icon. Defaults to `\"Warning\"`."
+    },
+    {
+        "name": "classes",
+        "type": "string",
+        "required": false,
+        "description": "Classes to add to the warning text."
+    },
+    {
+        "name": "attributes",
+        "type": "object",
+        "required": false,
+        "description": "HTML attributes (for example data attributes) to add to the warning text."
+    }
+]
diff --git a/app/templates/govuk/components/components/warning-text/macro.njk b/app/templates/govuk/components/components/warning-text/macro.njk
new file mode 100644
index 0000000..8672d1b
--- /dev/null
+++ b/app/templates/govuk/components/components/warning-text/macro.njk
@@ -0,0 +1,3 @@
+{% macro govukWarningText(params) %}
+  {%- include "./template.njk" -%}
+{% endmacro %}
diff --git a/app/templates/govuk/components/components/warning-text/template-default.html b/app/templates/govuk/components/components/warning-text/template-default.html
new file mode 100644
index 0000000..cb49d71
--- /dev/null
+++ b/app/templates/govuk/components/components/warning-text/template-default.html
@@ -0,0 +1,7 @@
+<div class="govuk-warning-text">
+  <span class="govuk-warning-text__icon" aria-hidden="true">!</span>
+  <strong class="govuk-warning-text__text">
+    <span class="govuk-visually-hidden">Warning</span>
+    You can be fined up to £5,000 if you don’t register.
+  </strong>
+</div>
diff --git a/app/templates/govuk/components/components/warning-text/template-multiple-lines.html b/app/templates/govuk/components/components/warning-text/template-multiple-lines.html
new file mode 100644
index 0000000..2d8abc2
--- /dev/null
+++ b/app/templates/govuk/components/components/warning-text/template-multiple-lines.html
@@ -0,0 +1,7 @@
+<div class="govuk-warning-text">
+  <span class="govuk-warning-text__icon" aria-hidden="true">!</span>
+  <strong class="govuk-warning-text__text">
+    <span class="govuk-visually-hidden">Warning</span>
+    If you are not covered by this License), You must: (a) comply with the terms stated above for the purpose of this license. It explains, for example, the production of a Source form, including but not limited to, the implied warranties or conditions of this License, without any additional file created by such Respondent to you under Sections 2.1 and 2.2 above. Larger Works. You may choose to distribute such a notice and a brief idea of what it does.
+  </strong>
+</div>
diff --git a/app/templates/govuk/components/components/warning-text/template.njk b/app/templates/govuk/components/components/warning-text/template.njk
new file mode 100644
index 0000000..08eefca
--- /dev/null
+++ b/app/templates/govuk/components/components/warning-text/template.njk
@@ -0,0 +1,10 @@
+{% from "../../macros/attributes.njk" import govukAttributes -%}
+
+<div class="govuk-warning-text {%- if params.classes %} {{ params.classes }}{% endif %}"
+  {{- govukAttributes(params.attributes) }}>
+  <span class="govuk-warning-text__icon" aria-hidden="true">!</span>
+  <strong class="govuk-warning-text__text">
+    <span class="govuk-visually-hidden">{{ params.iconFallbackText | default("Warning", true) }}</span>
+    {{ params.html | safe if params.html else params.text }}
+  </strong>
+</div>
diff --git a/app/templates/govuk/components/cookie-banner/README.md b/app/templates/govuk/components/cookie-banner/README.md
new file mode 100644
index 0000000..1c91980
--- /dev/null
+++ b/app/templates/govuk/components/cookie-banner/README.md
@@ -0,0 +1,15 @@
+# Cookie banner
+
+## Installation
+
+See the [main README quick start guide](https://github.com/alphagov/govuk-frontend#quick-start) for how to install this component.
+
+## Guidance and Examples
+
+Find out when to use the cookie banner component in your service in the [GOV.UK Design System](https://design-system.service.gov.uk/components/cookie-banner).
+
+## Component options
+
+Use options to customise the appearance, content and behaviour of a component when using a macro, for example, changing the text.
+
+See [options table](https://design-system.service.gov.uk/components/cookie-banner/#options-default-cookie-banner-example) for details.
diff --git a/app/templates/govuk/components/cookie-banner/_cookie-banner.scss b/app/templates/govuk/components/cookie-banner/_cookie-banner.scss
new file mode 100644
index 0000000..9227cf9
--- /dev/null
+++ b/app/templates/govuk/components/cookie-banner/_cookie-banner.scss
@@ -0,0 +1,4 @@
+@import "../../base";
+@import "./index";
+
+/*# sourceMappingURL=_cookie-banner.scss.map */
diff --git a/app/templates/govuk/components/cookie-banner/_cookie-banner.scss.map b/app/templates/govuk/components/cookie-banner/_cookie-banner.scss.map
new file mode 100644
index 0000000..1c5a3df
--- /dev/null
+++ b/app/templates/govuk/components/cookie-banner/_cookie-banner.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/cookie-banner/_cookie-banner.scss"],"names":[],"mappings":"AAAA,oBAAoB;AACpB,iBAAiB","file":"_cookie-banner.scss","sourcesContent":["@import \"../../base\";\n@import \"./index\";\n"]}
diff --git a/app/templates/govuk/components/cookie-banner/_index.scss b/app/templates/govuk/components/cookie-banner/_index.scss
new file mode 100644
index 0000000..0a9616c
--- /dev/null
+++ b/app/templates/govuk/components/cookie-banner/_index.scss
@@ -0,0 +1,59 @@
+@import "../button/index";
+
+@include govuk-exports("govuk/component/cookie-banner") {
+  // This needs to be kept in sync with the header component's styles
+  $border-bottom-width: govuk-spacing(2);
+
+  .govuk-cookie-banner {
+    padding-top: govuk-spacing(4);
+    // The component does not set bottom spacing. The bottom spacing should be
+    // created by the items inside the component.
+
+    // Visually separate the cookie banner from content underneath when user
+    // changes colours in their browser.
+    border-bottom: $border-bottom-width solid transparent;
+
+    @include _govuk-rebrand(
+      "background-color",
+      $govuk-template-background-colour,
+      $_govuk-rebrand-template-background-colour
+    );
+  }
+
+  // Support older browsers which don't hide elements with the `hidden` attribute
+  // when user hides the whole cookie banner with a 'Hide' button.
+  .govuk-cookie-banner[hidden] {
+    display: none;
+  }
+
+  .govuk-cookie-banner__message {
+    // Remove the extra height added by the separator border.
+    margin-bottom: -$border-bottom-width;
+
+    &[hidden] {
+      // Support older browsers which don't hide elements with the `hidden`
+      // attribute when the visibility of cookie and replacement messages is
+      // toggled.
+      display: none;
+    }
+
+    &:focus {
+      // Remove the native visible focus indicator when the element is
+      // programmatically focused.
+      //
+      // The focused cookie banner is the first element on the page and the last
+      // thing the user interacted with prior to it gaining focus. We therefore
+      // assume that moving focus to it is not going to surprise users, and that
+      // giving it a visible focus indicator could be more confusing than
+      // helpful, especially as the element is not normally keyboard operable.
+      //
+      // We have flagged this in the research section of the guidance as
+      // something to monitor.
+      //
+      // A related discussion: https://github.com/w3c/wcag/issues/1001
+      outline: none;
+    }
+  }
+}
+
+/*# sourceMappingURL=_index.scss.map */
diff --git a/app/templates/govuk/components/cookie-banner/_index.scss.map b/app/templates/govuk/components/cookie-banner/_index.scss.map
new file mode 100644
index 0000000..452e728
--- /dev/null
+++ b/app/templates/govuk/components/cookie-banner/_index.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/cookie-banner/_index.scss"],"names":[],"mappings":"AAAA,yBAAyB;;AAEzB;EACE,kEAAkE;EAClE,sCAAsC;;EAEtC;IACE,6BAA6B;IAC7B,yEAAyE;IACzE,4CAA4C;;IAE5C,uEAAuE;IACvE,mCAAmC;IACnC,qDAAqD;;IAErD;;;;KAIC;EACH;;EAEA,8EAA8E;EAC9E,+DAA+D;EAC/D;IACE,aAAa;EACf;;EAEA;IACE,wDAAwD;IACxD,oCAAoC;;IAEpC;MACE,oEAAoE;MACpE,qEAAqE;MACrE,UAAU;MACV,aAAa;IACf;;IAEA;MACE,+DAA+D;MAC/D,2BAA2B;MAC3B,CAAC;MACD,yEAAyE;MACzE,wEAAwE;MACxE,yEAAyE;MACzE,kEAAkE;MAClE,uEAAuE;MACvE,CAAC;MACD,iEAAiE;MACjE,uBAAuB;MACvB,CAAC;MACD,+DAA+D;MAC/D,aAAa;IACf;EACF;AACF","file":"_index.scss","sourcesContent":["@import \"../button/index\";\n\n@include govuk-exports(\"govuk/component/cookie-banner\") {\n  // This needs to be kept in sync with the header component's styles\n  $border-bottom-width: govuk-spacing(2);\n\n  .govuk-cookie-banner {\n    padding-top: govuk-spacing(4);\n    // The component does not set bottom spacing. The bottom spacing should be\n    // created by the items inside the component.\n\n    // Visually separate the cookie banner from content underneath when user\n    // changes colours in their browser.\n    border-bottom: $border-bottom-width solid transparent;\n\n    @include _govuk-rebrand(\n      \"background-color\",\n      $govuk-template-background-colour,\n      $_govuk-rebrand-template-background-colour\n    );\n  }\n\n  // Support older browsers which don't hide elements with the `hidden` attribute\n  // when user hides the whole cookie banner with a 'Hide' button.\n  .govuk-cookie-banner[hidden] {\n    display: none;\n  }\n\n  .govuk-cookie-banner__message {\n    // Remove the extra height added by the separator border.\n    margin-bottom: -$border-bottom-width;\n\n    &[hidden] {\n      // Support older browsers which don't hide elements with the `hidden`\n      // attribute when the visibility of cookie and replacement messages is\n      // toggled.\n      display: none;\n    }\n\n    &:focus {\n      // Remove the native visible focus indicator when the element is\n      // programmatically focused.\n      //\n      // The focused cookie banner is the first element on the page and the last\n      // thing the user interacted with prior to it gaining focus. We therefore\n      // assume that moving focus to it is not going to surprise users, and that\n      // giving it a visible focus indicator could be more confusing than\n      // helpful, especially as the element is not normally keyboard operable.\n      //\n      // We have flagged this in the research section of the guidance as\n      // something to monitor.\n      //\n      // A related discussion: https://github.com/w3c/wcag/issues/1001\n      outline: none;\n    }\n  }\n}\n"]}
diff --git a/app/templates/govuk/components/cookie-banner/fixtures.json b/app/templates/govuk/components/cookie-banner/fixtures.json
new file mode 100644
index 0000000..b991033
--- /dev/null
+++ b/app/templates/govuk/components/cookie-banner/fixtures.json
@@ -0,0 +1,579 @@
+{
+    "component": "cookie-banner",
+    "fixtures": [
+        {
+            "name": "default",
+            "options": {
+                "messages": [
+                    {
+                        "headingText": "Cookies on this government service",
+                        "text": "We use analytics cookies to help understand how users use our service.",
+                        "actions": [
+                            {
+                                "text": "Accept analytics cookies",
+                                "type": "submit",
+                                "name": "cookies",
+                                "value": "accept"
+                            },
+                            {
+                                "text": "Reject analytics cookies",
+                                "type": "submit",
+                                "name": "cookies",
+                                "value": "reject"
+                            },
+                            {
+                                "text": "View cookie preferences",
+                                "href": "/cookie-preferences"
+                            }
+                        ]
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": true,
+            "html": "<div class=\"govuk-cookie-banner\" data-nosnippet role=\"region\" aria-label=\"Cookie banner\">\n  <div class=\"govuk-cookie-banner__message govuk-width-container\">\n\n    <div class=\"govuk-grid-row\">\n      <div class=\"govuk-grid-column-two-thirds\">\n        <h2 class=\"govuk-cookie-banner__heading govuk-heading-m\">\n          Cookies on this government service\n        </h2>\n        <div class=\"govuk-cookie-banner__content\">\n          <p class=\"govuk-body\">We use analytics cookies to help understand how users use our service.</p>\n        </div>\n      </div>\n    </div>\n\n    <div class=\"govuk-button-group\">\n      <button value=\"accept\" type=\"submit\" name=\"cookies\" class=\"govuk-button\" data-module=\"govuk-button\">\n        Accept analytics cookies\n      </button>\n      <button value=\"reject\" type=\"submit\" name=\"cookies\" class=\"govuk-button\" data-module=\"govuk-button\">\n        Reject analytics cookies\n      </button>\n      <a class=\"govuk-link\" href=\"/cookie-preferences\">View cookie preferences</a>\n    </div>\n\n  </div>\n</div>"
+        },
+        {
+            "name": "accepted confirmation banner",
+            "options": {
+                "messages": [
+                    {
+                        "text": "Your cookie preferences have been saved. You have accepted cookies.",
+                        "role": "alert",
+                        "actions": [
+                            {
+                                "text": "Hide cookie message",
+                                "type": "button"
+                            }
+                        ]
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-cookie-banner\" data-nosnippet role=\"region\" aria-label=\"Cookie banner\">\n  <div class=\"govuk-cookie-banner__message govuk-width-container\" role=\"alert\">\n\n    <div class=\"govuk-grid-row\">\n      <div class=\"govuk-grid-column-two-thirds\">\n        <div class=\"govuk-cookie-banner__content\">\n          <p class=\"govuk-body\">Your cookie preferences have been saved. You have accepted cookies.</p>\n        </div>\n      </div>\n    </div>\n\n    <div class=\"govuk-button-group\">\n      <button type=\"button\" class=\"govuk-button\" data-module=\"govuk-button\">\n        Hide cookie message\n      </button>\n    </div>\n\n  </div>\n</div>"
+        },
+        {
+            "name": "rejected confirmation banner",
+            "options": {
+                "messages": [
+                    {
+                        "text": "Your cookie preferences have been saved. You have rejected cookies.",
+                        "role": "alert",
+                        "actions": [
+                            {
+                                "text": "Hide cookie message",
+                                "type": "button"
+                            }
+                        ]
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-cookie-banner\" data-nosnippet role=\"region\" aria-label=\"Cookie banner\">\n  <div class=\"govuk-cookie-banner__message govuk-width-container\" role=\"alert\">\n\n    <div class=\"govuk-grid-row\">\n      <div class=\"govuk-grid-column-two-thirds\">\n        <div class=\"govuk-cookie-banner__content\">\n          <p class=\"govuk-body\">Your cookie preferences have been saved. You have rejected cookies.</p>\n        </div>\n      </div>\n    </div>\n\n    <div class=\"govuk-button-group\">\n      <button type=\"button\" class=\"govuk-button\" data-module=\"govuk-button\">\n        Hide cookie message\n      </button>\n    </div>\n\n  </div>\n</div>"
+        },
+        {
+            "name": "with html",
+            "options": {
+                "messages": [
+                    {
+                        "headingHtml": "Cookies on <span>my service</span>",
+                        "html": "<p class=\"govuk-body\">We use cookies in <span>our service</span>.</p>\n<p class=\"govuk-body\">We’d like to use analytics cookies so we can understand how you use the Design System and make improvements.</p>\n",
+                        "actions": [
+                            {
+                                "text": "Accept analytics cookies",
+                                "type": "submit",
+                                "name": "cookies",
+                                "value": "accept"
+                            },
+                            {
+                                "text": "Reject analytics cookies",
+                                "type": "submit",
+                                "name": "cookies",
+                                "value": "reject"
+                            },
+                            {
+                                "text": "View cookie preferences",
+                                "href": "/cookie-preferences"
+                            }
+                        ]
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-cookie-banner\" data-nosnippet role=\"region\" aria-label=\"Cookie banner\">\n  <div class=\"govuk-cookie-banner__message govuk-width-container\">\n\n    <div class=\"govuk-grid-row\">\n      <div class=\"govuk-grid-column-two-thirds\">\n        <h2 class=\"govuk-cookie-banner__heading govuk-heading-m\">\n          Cookies on <span>my service</span>\n        </h2>\n        <div class=\"govuk-cookie-banner__content\">\n          <p class=\"govuk-body\">We use cookies in <span>our service</span>.</p>\n          <p class=\"govuk-body\">We’d like to use analytics cookies so we can understand how you use the Design System and make improvements.</p>\n        </div>\n      </div>\n    </div>\n\n    <div class=\"govuk-button-group\">\n      <button value=\"accept\" type=\"submit\" name=\"cookies\" class=\"govuk-button\" data-module=\"govuk-button\">\n        Accept analytics cookies\n      </button>\n      <button value=\"reject\" type=\"submit\" name=\"cookies\" class=\"govuk-button\" data-module=\"govuk-button\">\n        Reject analytics cookies\n      </button>\n      <a class=\"govuk-link\" href=\"/cookie-preferences\">View cookie preferences</a>\n    </div>\n\n  </div>\n</div>"
+        },
+        {
+            "name": "heading html",
+            "options": {
+                "messages": [
+                    {
+                        "headingHtml": "Cookies on <span>my service</span>"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-cookie-banner\" data-nosnippet role=\"region\" aria-label=\"Cookie banner\">\n  <div class=\"govuk-cookie-banner__message govuk-width-container\">\n\n    <div class=\"govuk-grid-row\">\n      <div class=\"govuk-grid-column-two-thirds\">\n        <h2 class=\"govuk-cookie-banner__heading govuk-heading-m\">\n          Cookies on <span>my service</span>\n        </h2>\n        <div class=\"govuk-cookie-banner__content\">\n        </div>\n      </div>\n    </div>\n\n\n  </div>\n</div>"
+        },
+        {
+            "name": "heading html as text",
+            "options": {
+                "messages": [
+                    {
+                        "headingText": "Cookies on <span>my service</span>"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-cookie-banner\" data-nosnippet role=\"region\" aria-label=\"Cookie banner\">\n  <div class=\"govuk-cookie-banner__message govuk-width-container\">\n\n    <div class=\"govuk-grid-row\">\n      <div class=\"govuk-grid-column-two-thirds\">\n        <h2 class=\"govuk-cookie-banner__heading govuk-heading-m\">\n          Cookies on &lt;span&gt;my service&lt;/span&gt;\n        </h2>\n        <div class=\"govuk-cookie-banner__content\">\n        </div>\n      </div>\n    </div>\n\n\n  </div>\n</div>"
+        },
+        {
+            "name": "html",
+            "options": {
+                "messages": [
+                    {
+                        "html": "<p class=\"govuk-body\">We use cookies in <span>our service</span>.</p>"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-cookie-banner\" data-nosnippet role=\"region\" aria-label=\"Cookie banner\">\n  <div class=\"govuk-cookie-banner__message govuk-width-container\">\n\n    <div class=\"govuk-grid-row\">\n      <div class=\"govuk-grid-column-two-thirds\">\n        <div class=\"govuk-cookie-banner__content\">\n          <p class=\"govuk-body\">We use cookies in <span>our service</span>.</p>\n        </div>\n      </div>\n    </div>\n\n\n  </div>\n</div>"
+        },
+        {
+            "name": "classes",
+            "options": {
+                "messages": [
+                    {
+                        "classes": "app-my-class"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-cookie-banner\" data-nosnippet role=\"region\" aria-label=\"Cookie banner\">\n  <div class=\"govuk-cookie-banner__message app-my-class govuk-width-container\">\n\n    <div class=\"govuk-grid-row\">\n      <div class=\"govuk-grid-column-two-thirds\">\n        <div class=\"govuk-cookie-banner__content\">\n        </div>\n      </div>\n    </div>\n\n\n  </div>\n</div>"
+        },
+        {
+            "name": "attributes",
+            "options": {
+                "messages": [
+                    {
+                        "attributes": {
+                            "data-attribute": "my-value"
+                        }
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-cookie-banner\" data-nosnippet role=\"region\" aria-label=\"Cookie banner\">\n  <div class=\"govuk-cookie-banner__message govuk-width-container\" data-attribute=\"my-value\">\n\n    <div class=\"govuk-grid-row\">\n      <div class=\"govuk-grid-column-two-thirds\">\n        <div class=\"govuk-cookie-banner__content\">\n        </div>\n      </div>\n    </div>\n\n\n  </div>\n</div>"
+        },
+        {
+            "name": "custom aria label",
+            "options": {
+                "ariaLabel": "Cookies on GOV.UK",
+                "messages": [
+                    {
+                        "text": "We use cookies on GOV.UK"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-cookie-banner\" data-nosnippet role=\"region\" aria-label=\"Cookies on GOV.UK\">\n  <div class=\"govuk-cookie-banner__message govuk-width-container\">\n\n    <div class=\"govuk-grid-row\">\n      <div class=\"govuk-grid-column-two-thirds\">\n        <div class=\"govuk-cookie-banner__content\">\n          <p class=\"govuk-body\">We use cookies on GOV.UK</p>\n        </div>\n      </div>\n    </div>\n\n\n  </div>\n</div>"
+        },
+        {
+            "name": "hidden",
+            "options": {
+                "messages": [
+                    {
+                        "hidden": true
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-cookie-banner\" data-nosnippet role=\"region\" aria-label=\"Cookie banner\">\n  <div class=\"govuk-cookie-banner__message govuk-width-container\" hidden>\n\n    <div class=\"govuk-grid-row\">\n      <div class=\"govuk-grid-column-two-thirds\">\n        <div class=\"govuk-cookie-banner__content\">\n        </div>\n      </div>\n    </div>\n\n\n  </div>\n</div>"
+        },
+        {
+            "name": "hidden false",
+            "options": {
+                "messages": [
+                    {
+                        "hidden": false
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-cookie-banner\" data-nosnippet role=\"region\" aria-label=\"Cookie banner\">\n  <div class=\"govuk-cookie-banner__message govuk-width-container\">\n\n    <div class=\"govuk-grid-row\">\n      <div class=\"govuk-grid-column-two-thirds\">\n        <div class=\"govuk-cookie-banner__content\">\n        </div>\n      </div>\n    </div>\n\n\n  </div>\n</div>"
+        },
+        {
+            "name": "default action",
+            "options": {
+                "messages": [
+                    {
+                        "actions": [
+                            {
+                                "text": "This is a button"
+                            }
+                        ]
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-cookie-banner\" data-nosnippet role=\"region\" aria-label=\"Cookie banner\">\n  <div class=\"govuk-cookie-banner__message govuk-width-container\">\n\n    <div class=\"govuk-grid-row\">\n      <div class=\"govuk-grid-column-two-thirds\">\n        <div class=\"govuk-cookie-banner__content\">\n        </div>\n      </div>\n    </div>\n\n    <div class=\"govuk-button-group\">\n      <button type=\"button\" class=\"govuk-button\" data-module=\"govuk-button\">\n        This is a button\n      </button>\n    </div>\n\n  </div>\n</div>"
+        },
+        {
+            "name": "link",
+            "options": {
+                "messages": [
+                    {
+                        "actions": [
+                            {
+                                "text": "This is a link",
+                                "href": "/link"
+                            }
+                        ]
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-cookie-banner\" data-nosnippet role=\"region\" aria-label=\"Cookie banner\">\n  <div class=\"govuk-cookie-banner__message govuk-width-container\">\n\n    <div class=\"govuk-grid-row\">\n      <div class=\"govuk-grid-column-two-thirds\">\n        <div class=\"govuk-cookie-banner__content\">\n        </div>\n      </div>\n    </div>\n\n    <div class=\"govuk-button-group\">\n      <a class=\"govuk-link\" href=\"/link\">This is a link</a>\n    </div>\n\n  </div>\n</div>"
+        },
+        {
+            "name": "link with false button options",
+            "options": {
+                "messages": [
+                    {
+                        "actions": [
+                            {
+                                "text": "This is a link",
+                                "href": "/link",
+                                "value": "cookies",
+                                "name": "link"
+                            }
+                        ]
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-cookie-banner\" data-nosnippet role=\"region\" aria-label=\"Cookie banner\">\n  <div class=\"govuk-cookie-banner__message govuk-width-container\">\n\n    <div class=\"govuk-grid-row\">\n      <div class=\"govuk-grid-column-two-thirds\">\n        <div class=\"govuk-cookie-banner__content\">\n        </div>\n      </div>\n    </div>\n\n    <div class=\"govuk-button-group\">\n      <a class=\"govuk-link\" href=\"/link\">This is a link</a>\n    </div>\n\n  </div>\n</div>"
+        },
+        {
+            "name": "link as a button",
+            "options": {
+                "messages": [
+                    {
+                        "actions": [
+                            {
+                                "text": "This is a link",
+                                "href": "/link",
+                                "type": "button"
+                            }
+                        ]
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-cookie-banner\" data-nosnippet role=\"region\" aria-label=\"Cookie banner\">\n  <div class=\"govuk-cookie-banner__message govuk-width-container\">\n\n    <div class=\"govuk-grid-row\">\n      <div class=\"govuk-grid-column-two-thirds\">\n        <div class=\"govuk-cookie-banner__content\">\n        </div>\n      </div>\n    </div>\n\n    <div class=\"govuk-button-group\">\n      <a href=\"/link\" role=\"button\" draggable=\"false\" class=\"govuk-button\" data-module=\"govuk-button\">\n        This is a link\n      </a>\n    </div>\n\n  </div>\n</div>"
+        },
+        {
+            "name": "type",
+            "options": {
+                "messages": [
+                    {
+                        "actions": [
+                            {
+                                "text": "Button",
+                                "type": "button"
+                            }
+                        ]
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-cookie-banner\" data-nosnippet role=\"region\" aria-label=\"Cookie banner\">\n  <div class=\"govuk-cookie-banner__message govuk-width-container\">\n\n    <div class=\"govuk-grid-row\">\n      <div class=\"govuk-grid-column-two-thirds\">\n        <div class=\"govuk-cookie-banner__content\">\n        </div>\n      </div>\n    </div>\n\n    <div class=\"govuk-button-group\">\n      <button type=\"button\" class=\"govuk-button\" data-module=\"govuk-button\">\n        Button\n      </button>\n    </div>\n\n  </div>\n</div>"
+        },
+        {
+            "name": "button classes",
+            "options": {
+                "messages": [
+                    {
+                        "actions": [
+                            {
+                                "text": "Button with custom classes",
+                                "classes": "my-button-class app-button-class"
+                            }
+                        ]
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-cookie-banner\" data-nosnippet role=\"region\" aria-label=\"Cookie banner\">\n  <div class=\"govuk-cookie-banner__message govuk-width-container\">\n\n    <div class=\"govuk-grid-row\">\n      <div class=\"govuk-grid-column-two-thirds\">\n        <div class=\"govuk-cookie-banner__content\">\n        </div>\n      </div>\n    </div>\n\n    <div class=\"govuk-button-group\">\n      <button type=\"button\" class=\"govuk-button my-button-class app-button-class\" data-module=\"govuk-button\">\n        Button with custom classes\n      </button>\n    </div>\n\n  </div>\n</div>"
+        },
+        {
+            "name": "button attributes",
+            "options": {
+                "messages": [
+                    {
+                        "actions": [
+                            {
+                                "text": "Button with attributes",
+                                "attributes": {
+                                    "data-button-attribute": "my-value"
+                                }
+                            }
+                        ]
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-cookie-banner\" data-nosnippet role=\"region\" aria-label=\"Cookie banner\">\n  <div class=\"govuk-cookie-banner__message govuk-width-container\">\n\n    <div class=\"govuk-grid-row\">\n      <div class=\"govuk-grid-column-two-thirds\">\n        <div class=\"govuk-cookie-banner__content\">\n        </div>\n      </div>\n    </div>\n\n    <div class=\"govuk-button-group\">\n      <button type=\"button\" class=\"govuk-button\" data-module=\"govuk-button\" data-button-attribute=\"my-value\">\n        Button with attributes\n      </button>\n    </div>\n\n  </div>\n</div>"
+        },
+        {
+            "name": "link classes",
+            "options": {
+                "messages": [
+                    {
+                        "actions": [
+                            {
+                                "text": "Link with custom classes",
+                                "href": "/my-link",
+                                "classes": "my-link-class app-link-class"
+                            }
+                        ]
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-cookie-banner\" data-nosnippet role=\"region\" aria-label=\"Cookie banner\">\n  <div class=\"govuk-cookie-banner__message govuk-width-container\">\n\n    <div class=\"govuk-grid-row\">\n      <div class=\"govuk-grid-column-two-thirds\">\n        <div class=\"govuk-cookie-banner__content\">\n        </div>\n      </div>\n    </div>\n\n    <div class=\"govuk-button-group\">\n      <a class=\"govuk-link my-link-class app-link-class\" href=\"/my-link\">Link with custom classes</a>\n    </div>\n\n  </div>\n</div>"
+        },
+        {
+            "name": "link attributes",
+            "options": {
+                "messages": [
+                    {
+                        "actions": [
+                            {
+                                "text": "Link with attributes",
+                                "href": "/link",
+                                "attributes": {
+                                    "data-link-attribute": "my-value"
+                                }
+                            }
+                        ]
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-cookie-banner\" data-nosnippet role=\"region\" aria-label=\"Cookie banner\">\n  <div class=\"govuk-cookie-banner__message govuk-width-container\">\n\n    <div class=\"govuk-grid-row\">\n      <div class=\"govuk-grid-column-two-thirds\">\n        <div class=\"govuk-cookie-banner__content\">\n        </div>\n      </div>\n    </div>\n\n    <div class=\"govuk-button-group\">\n      <a class=\"govuk-link\" href=\"/link\" data-link-attribute=\"my-value\">Link with attributes</a>\n    </div>\n\n  </div>\n</div>"
+        },
+        {
+            "name": "client-side implementation",
+            "options": {
+                "messages": [
+                    {
+                        "headingText": "Cookies on this service",
+                        "text": "We use cookies to help understand how users use our service.",
+                        "actions": [
+                            {
+                                "text": "Accept analytics cookies",
+                                "type": "submit",
+                                "name": "cookies",
+                                "value": "accept"
+                            },
+                            {
+                                "text": "Reject analytics cookies",
+                                "type": "submit",
+                                "name": "cookies",
+                                "value": "reject"
+                            },
+                            {
+                                "text": "View cookie preferences",
+                                "href": "/cookie-preferences"
+                            }
+                        ]
+                    },
+                    {
+                        "text": "Your cookie preferences have been saved. You have accepted cookies.",
+                        "role": "alert",
+                        "hidden": true,
+                        "actions": [
+                            {
+                                "text": "Hide cookie message",
+                                "type": "button"
+                            }
+                        ]
+                    },
+                    {
+                        "text": "Your cookie preferences have been saved. You have rejected cookies.",
+                        "role": "alert",
+                        "hidden": true,
+                        "actions": [
+                            {
+                                "text": "Hide cookie message",
+                                "type": "button"
+                            }
+                        ]
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-cookie-banner\" data-nosnippet role=\"region\" aria-label=\"Cookie banner\">\n  <div class=\"govuk-cookie-banner__message govuk-width-container\">\n\n    <div class=\"govuk-grid-row\">\n      <div class=\"govuk-grid-column-two-thirds\">\n        <h2 class=\"govuk-cookie-banner__heading govuk-heading-m\">\n          Cookies on this service\n        </h2>\n        <div class=\"govuk-cookie-banner__content\">\n          <p class=\"govuk-body\">We use cookies to help understand how users use our service.</p>\n        </div>\n      </div>\n    </div>\n\n    <div class=\"govuk-button-group\">\n      <button value=\"accept\" type=\"submit\" name=\"cookies\" class=\"govuk-button\" data-module=\"govuk-button\">\n        Accept analytics cookies\n      </button>\n      <button value=\"reject\" type=\"submit\" name=\"cookies\" class=\"govuk-button\" data-module=\"govuk-button\">\n        Reject analytics cookies\n      </button>\n      <a class=\"govuk-link\" href=\"/cookie-preferences\">View cookie preferences</a>\n    </div>\n\n  </div>\n  <div class=\"govuk-cookie-banner__message govuk-width-container\" role=\"alert\" hidden>\n\n    <div class=\"govuk-grid-row\">\n      <div class=\"govuk-grid-column-two-thirds\">\n        <div class=\"govuk-cookie-banner__content\">\n          <p class=\"govuk-body\">Your cookie preferences have been saved. You have accepted cookies.</p>\n        </div>\n      </div>\n    </div>\n\n    <div class=\"govuk-button-group\">\n      <button type=\"button\" class=\"govuk-button\" data-module=\"govuk-button\">\n        Hide cookie message\n      </button>\n    </div>\n\n  </div>\n  <div class=\"govuk-cookie-banner__message govuk-width-container\" role=\"alert\" hidden>\n\n    <div class=\"govuk-grid-row\">\n      <div class=\"govuk-grid-column-two-thirds\">\n        <div class=\"govuk-cookie-banner__content\">\n          <p class=\"govuk-body\">Your cookie preferences have been saved. You have rejected cookies.</p>\n        </div>\n      </div>\n    </div>\n\n    <div class=\"govuk-button-group\">\n      <button type=\"button\" class=\"govuk-button\" data-module=\"govuk-button\">\n        Hide cookie message\n      </button>\n    </div>\n\n  </div>\n</div>"
+        },
+        {
+            "name": "full banner hidden",
+            "options": {
+                "hidden": true,
+                "classes": "hide-cookie-banner",
+                "attributes": {
+                    "data-hide-cookie-banner": "true"
+                },
+                "messages": [
+                    {
+                        "headingText": "Cookies on this service",
+                        "text": "We use cookies to help understand how users use our service.",
+                        "actions": [
+                            {
+                                "text": "Accept analytics cookies",
+                                "type": "submit",
+                                "name": "cookies",
+                                "value": "accept"
+                            },
+                            {
+                                "text": "Reject analytics cookies",
+                                "type": "submit",
+                                "name": "cookies",
+                                "value": "reject"
+                            },
+                            {
+                                "text": "View cookie preferences",
+                                "href": "/cookie-preferences"
+                            }
+                        ]
+                    },
+                    {
+                        "text": "Your cookie preferences have been saved. You have accepted cookies.",
+                        "role": "alert",
+                        "actions": [
+                            {
+                                "text": "Hide cookie message",
+                                "type": "button"
+                            }
+                        ]
+                    },
+                    {
+                        "text": "Your cookie preferences have been saved. You have rejected cookies.",
+                        "role": "alert",
+                        "actions": [
+                            {
+                                "text": "Hide cookie message",
+                                "type": "button"
+                            }
+                        ]
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-cookie-banner hide-cookie-banner\" data-nosnippet role=\"region\" aria-label=\"Cookie banner\" hidden data-hide-cookie-banner=\"true\">\n  <div class=\"govuk-cookie-banner__message govuk-width-container\">\n\n    <div class=\"govuk-grid-row\">\n      <div class=\"govuk-grid-column-two-thirds\">\n        <h2 class=\"govuk-cookie-banner__heading govuk-heading-m\">\n          Cookies on this service\n        </h2>\n        <div class=\"govuk-cookie-banner__content\">\n          <p class=\"govuk-body\">We use cookies to help understand how users use our service.</p>\n        </div>\n      </div>\n    </div>\n\n    <div class=\"govuk-button-group\">\n      <button value=\"accept\" type=\"submit\" name=\"cookies\" class=\"govuk-button\" data-module=\"govuk-button\">\n        Accept analytics cookies\n      </button>\n      <button value=\"reject\" type=\"submit\" name=\"cookies\" class=\"govuk-button\" data-module=\"govuk-button\">\n        Reject analytics cookies\n      </button>\n      <a class=\"govuk-link\" href=\"/cookie-preferences\">View cookie preferences</a>\n    </div>\n\n  </div>\n  <div class=\"govuk-cookie-banner__message govuk-width-container\" role=\"alert\">\n\n    <div class=\"govuk-grid-row\">\n      <div class=\"govuk-grid-column-two-thirds\">\n        <div class=\"govuk-cookie-banner__content\">\n          <p class=\"govuk-body\">Your cookie preferences have been saved. You have accepted cookies.</p>\n        </div>\n      </div>\n    </div>\n\n    <div class=\"govuk-button-group\">\n      <button type=\"button\" class=\"govuk-button\" data-module=\"govuk-button\">\n        Hide cookie message\n      </button>\n    </div>\n\n  </div>\n  <div class=\"govuk-cookie-banner__message govuk-width-container\" role=\"alert\">\n\n    <div class=\"govuk-grid-row\">\n      <div class=\"govuk-grid-column-two-thirds\">\n        <div class=\"govuk-cookie-banner__content\">\n          <p class=\"govuk-body\">Your cookie preferences have been saved. You have rejected cookies.</p>\n        </div>\n      </div>\n    </div>\n\n    <div class=\"govuk-button-group\">\n      <button type=\"button\" class=\"govuk-button\" data-module=\"govuk-button\">\n        Hide cookie message\n      </button>\n    </div>\n\n  </div>\n</div>"
+        },
+        {
+            "name": "rebrand",
+            "options": {
+                "messages": [
+                    {
+                        "headingText": "Cookies on this government service",
+                        "text": "We use analytics cookies to help understand how users use our service.",
+                        "actions": [
+                            {
+                                "text": "Accept analytics cookies",
+                                "type": "submit",
+                                "name": "cookies",
+                                "value": "accept"
+                            },
+                            {
+                                "text": "Reject analytics cookies",
+                                "type": "submit",
+                                "name": "cookies",
+                                "value": "reject"
+                            },
+                            {
+                                "text": "View cookie preferences",
+                                "href": "/cookie-preferences"
+                            }
+                        ]
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {
+                "htmlClasses": "govuk-template--rebranded"
+            },
+            "screenshot": true,
+            "html": "<div class=\"govuk-cookie-banner\" data-nosnippet role=\"region\" aria-label=\"Cookie banner\">\n  <div class=\"govuk-cookie-banner__message govuk-width-container\">\n\n    <div class=\"govuk-grid-row\">\n      <div class=\"govuk-grid-column-two-thirds\">\n        <h2 class=\"govuk-cookie-banner__heading govuk-heading-m\">\n          Cookies on this government service\n        </h2>\n        <div class=\"govuk-cookie-banner__content\">\n          <p class=\"govuk-body\">We use analytics cookies to help understand how users use our service.</p>\n        </div>\n      </div>\n    </div>\n\n    <div class=\"govuk-button-group\">\n      <button value=\"accept\" type=\"submit\" name=\"cookies\" class=\"govuk-button\" data-module=\"govuk-button\">\n        Accept analytics cookies\n      </button>\n      <button value=\"reject\" type=\"submit\" name=\"cookies\" class=\"govuk-button\" data-module=\"govuk-button\">\n        Reject analytics cookies\n      </button>\n      <a class=\"govuk-link\" href=\"/cookie-preferences\">View cookie preferences</a>\n    </div>\n\n  </div>\n</div>"
+        }
+    ]
+}
diff --git a/app/templates/govuk/components/cookie-banner/macro-options.json b/app/templates/govuk/components/cookie-banner/macro-options.json
new file mode 100644
index 0000000..dd87fcb
--- /dev/null
+++ b/app/templates/govuk/components/cookie-banner/macro-options.json
@@ -0,0 +1,132 @@
+[
+    {
+        "name": "ariaLabel",
+        "type": "string",
+        "required": false,
+        "description": "The text for the `aria-label` which labels the cookie banner region. This region applies to all messages that the cookie banner includes. For example, the cookie message and the confirmation message. Defaults to `\"Cookie banner\"`."
+    },
+    {
+        "name": "hidden",
+        "type": "boolean",
+        "required": false,
+        "description": "Defaults to `false`. If you set this option to `true`, the whole cookie banner is hidden, including all messages within the banner. You can use `hidden` for client-side implementations where the cookie banner HTML is present, but hidden until the cookie banner is shown using JavaScript."
+    },
+    {
+        "name": "classes",
+        "type": "string",
+        "required": false,
+        "description": "The additional classes that you want to add to the cookie banner."
+    },
+    {
+        "name": "attributes",
+        "type": "object",
+        "required": false,
+        "description": "The additional attributes that you want to add to the cookie banner. For example, data attributes."
+    },
+    {
+        "name": "messages",
+        "type": "array",
+        "required": true,
+        "description": "The different messages you can pass into the cookie banner. For example, the cookie message and the confirmation message.",
+        "params": [
+            {
+                "name": "headingText",
+                "type": "string",
+                "required": false,
+                "description": "The heading text that displays in the message. You can use any string with this option. If you set `headingHtml`, `headingText` is ignored."
+            },
+            {
+                "name": "headingHtml",
+                "type": "string",
+                "required": false,
+                "description": "The heading HTML to use within the message. You can use any string with this option. If you set `headingHtml`, `headingText` is ignored. If you are not passing HTML, use `headingText`."
+            },
+            {
+                "name": "text",
+                "type": "string",
+                "required": true,
+                "description": "The text for the main content within the message. You can use any string with this option. If you set `html`, `text` is not required and is ignored."
+            },
+            {
+                "name": "html",
+                "type": "string",
+                "required": true,
+                "description": "The HTML for the main content within the message. You can use any string with this option. If you set `html`, `text` is not required and is ignored. If you are not passing HTML, use `text`."
+            },
+            {
+                "name": "actions",
+                "type": "array",
+                "required": false,
+                "description": "The buttons and links that you want to display in the message. `actions` defaults to `\"button\"` unless you set `href`, which renders the action as a link.",
+                "params": [
+                    {
+                        "name": "text",
+                        "type": "string",
+                        "required": true,
+                        "description": "The button or link text."
+                    },
+                    {
+                        "name": "type",
+                        "type": "string",
+                        "required": false,
+                        "description": "The type of button – `\"button\"` or `\"submit\"`. If `href` is provided, set `type` to `\"button\"` render a link styled as a button."
+                    },
+                    {
+                        "name": "href",
+                        "type": "string",
+                        "required": false,
+                        "description": "The `href` for a link. Set `type` to `\"button\"` and set `href` to render a link styled as a button."
+                    },
+                    {
+                        "name": "name",
+                        "type": "string",
+                        "required": false,
+                        "description": "The name attribute for the button. Does not apply if you set `href`, which makes a link."
+                    },
+                    {
+                        "name": "value",
+                        "type": "string",
+                        "required": false,
+                        "description": "The value attribute for the button. Does not apply if you set `href`, which makes a link."
+                    },
+                    {
+                        "name": "classes",
+                        "type": "string",
+                        "required": false,
+                        "description": "The additional classes that you want to add to the button or link."
+                    },
+                    {
+                        "name": "attributes",
+                        "type": "object",
+                        "required": false,
+                        "description": "The additional attributes that you want to add to the button or link. For example, data attributes."
+                    }
+                ]
+            },
+            {
+                "name": "hidden",
+                "type": "boolean",
+                "required": false,
+                "description": "Defaults to `false`. If you set it to `true`, the message is hidden. You can use `hidden` for client-side implementations where the confirmation message HTML is present, but hidden on the page."
+            },
+            {
+                "name": "role",
+                "type": "string",
+                "required": false,
+                "description": "Set `role` to `\"alert\"` on confirmation messages to allow assistive tech to automatically read the message. You will also need to move focus to the confirmation message using JavaScript you have written yourself."
+            },
+            {
+                "name": "classes",
+                "type": "string",
+                "required": false,
+                "description": "The additional classes that you want to add to the message."
+            },
+            {
+                "name": "attributes",
+                "type": "object",
+                "required": false,
+                "description": "The additional attributes that you want to add to the message. For example, data attributes."
+            }
+        ]
+    }
+]
diff --git a/app/templates/govuk/components/cookie-banner/macro.njk b/app/templates/govuk/components/cookie-banner/macro.njk
new file mode 100644
index 0000000..8d614d0
--- /dev/null
+++ b/app/templates/govuk/components/cookie-banner/macro.njk
@@ -0,0 +1,3 @@
+{% macro govukCookieBanner(params) %}
+  {%- include "./template.njk" -%}
+{% endmacro %}
diff --git a/app/templates/govuk/components/cookie-banner/template-accepted-confirmation-banner.html b/app/templates/govuk/components/cookie-banner/template-accepted-confirmation-banner.html
new file mode 100644
index 0000000..3872c3b
--- /dev/null
+++ b/app/templates/govuk/components/cookie-banner/template-accepted-confirmation-banner.html
@@ -0,0 +1,19 @@
+<div class="govuk-cookie-banner" data-nosnippet role="region" aria-label="Cookie banner">
+  <div class="govuk-cookie-banner__message govuk-width-container" role="alert">
+
+    <div class="govuk-grid-row">
+      <div class="govuk-grid-column-two-thirds">
+        <div class="govuk-cookie-banner__content">
+          <p class="govuk-body">Your cookie preferences have been saved. You have accepted cookies.</p>
+        </div>
+      </div>
+    </div>
+
+    <div class="govuk-button-group">
+      <button type="button" class="govuk-button" data-module="govuk-button">
+        Hide cookie message
+      </button>
+    </div>
+
+  </div>
+</div>
diff --git a/app/templates/govuk/components/cookie-banner/template-default.html b/app/templates/govuk/components/cookie-banner/template-default.html
new file mode 100644
index 0000000..f3cb622
--- /dev/null
+++ b/app/templates/govuk/components/cookie-banner/template-default.html
@@ -0,0 +1,26 @@
+<div class="govuk-cookie-banner" data-nosnippet role="region" aria-label="Cookie banner">
+  <div class="govuk-cookie-banner__message govuk-width-container">
+
+    <div class="govuk-grid-row">
+      <div class="govuk-grid-column-two-thirds">
+        <h2 class="govuk-cookie-banner__heading govuk-heading-m">
+          Cookies on this government service
+        </h2>
+        <div class="govuk-cookie-banner__content">
+          <p class="govuk-body">We use analytics cookies to help understand how users use our service.</p>
+        </div>
+      </div>
+    </div>
+
+    <div class="govuk-button-group">
+      <button value="accept" type="submit" name="cookies" class="govuk-button" data-module="govuk-button">
+        Accept analytics cookies
+      </button>
+      <button value="reject" type="submit" name="cookies" class="govuk-button" data-module="govuk-button">
+        Reject analytics cookies
+      </button>
+      <a class="govuk-link" href="/cookie-preferences">View cookie preferences</a>
+    </div>
+
+  </div>
+</div>
diff --git a/app/templates/govuk/components/cookie-banner/template-rejected-confirmation-banner.html b/app/templates/govuk/components/cookie-banner/template-rejected-confirmation-banner.html
new file mode 100644
index 0000000..39dc219
--- /dev/null
+++ b/app/templates/govuk/components/cookie-banner/template-rejected-confirmation-banner.html
@@ -0,0 +1,19 @@
+<div class="govuk-cookie-banner" data-nosnippet role="region" aria-label="Cookie banner">
+  <div class="govuk-cookie-banner__message govuk-width-container" role="alert">
+
+    <div class="govuk-grid-row">
+      <div class="govuk-grid-column-two-thirds">
+        <div class="govuk-cookie-banner__content">
+          <p class="govuk-body">Your cookie preferences have been saved. You have rejected cookies.</p>
+        </div>
+      </div>
+    </div>
+
+    <div class="govuk-button-group">
+      <button type="button" class="govuk-button" data-module="govuk-button">
+        Hide cookie message
+      </button>
+    </div>
+
+  </div>
+</div>
diff --git a/app/templates/govuk/components/cookie-banner/template-with-html.html b/app/templates/govuk/components/cookie-banner/template-with-html.html
new file mode 100644
index 0000000..df51774
--- /dev/null
+++ b/app/templates/govuk/components/cookie-banner/template-with-html.html
@@ -0,0 +1,27 @@
+<div class="govuk-cookie-banner" data-nosnippet role="region" aria-label="Cookie banner">
+  <div class="govuk-cookie-banner__message govuk-width-container">
+
+    <div class="govuk-grid-row">
+      <div class="govuk-grid-column-two-thirds">
+        <h2 class="govuk-cookie-banner__heading govuk-heading-m">
+          Cookies on <span>my service</span>
+        </h2>
+        <div class="govuk-cookie-banner__content">
+          <p class="govuk-body">We use cookies in <span>our service</span>.</p>
+          <p class="govuk-body">We’d like to use analytics cookies so we can understand how you use the Design System and make improvements.</p>
+        </div>
+      </div>
+    </div>
+
+    <div class="govuk-button-group">
+      <button value="accept" type="submit" name="cookies" class="govuk-button" data-module="govuk-button">
+        Accept analytics cookies
+      </button>
+      <button value="reject" type="submit" name="cookies" class="govuk-button" data-module="govuk-button">
+        Reject analytics cookies
+      </button>
+      <a class="govuk-link" href="/cookie-preferences">View cookie preferences</a>
+    </div>
+
+  </div>
+</div>
diff --git a/app/templates/govuk/components/cookie-banner/template.njk b/app/templates/govuk/components/cookie-banner/template.njk
new file mode 100644
index 0000000..7ba7889
--- /dev/null
+++ b/app/templates/govuk/components/cookie-banner/template.njk
@@ -0,0 +1,57 @@
+{% from "../../macros/attributes.njk" import govukAttributes %}
+{% from "../button/macro.njk" import govukButton -%}
+
+<div class="govuk-cookie-banner {%- if params.classes %} {{ params.classes }}{% endif %}" data-nosnippet role="region" aria-label="{{ params.ariaLabel | default("Cookie banner", true) }}"
+  {%- if params.hidden %} hidden{% endif %}
+  {{- govukAttributes(params.attributes) }}>
+  {% for message in params.messages %}
+  <div class="govuk-cookie-banner__message {%- if message.classes %} {{ message.classes }}{% endif %} govuk-width-container" {%- if message.role %} role="{{ message.role }}"{% endif %}
+    {{- govukAttributes(message.attributes) -}}
+    {%- if message.hidden %} hidden{% endif %}>
+
+    <div class="govuk-grid-row">
+      <div class="govuk-grid-column-two-thirds">
+        {% if message.headingHtml or message.headingText %}
+        <h2 class="govuk-cookie-banner__heading govuk-heading-m">
+          {{ message.headingHtml | safe | trim | indent(10) if message.headingHtml else message.headingText }}
+        </h2>
+        {% endif %}
+        <div class="govuk-cookie-banner__content">
+          {% if message.html %}
+          {{ message.html | safe | trim | indent(10) }}
+          {% elif message.text %}
+          <p class="govuk-body">{{ message.text }}</p>
+          {% endif %}
+        </div>
+      </div>
+    </div>
+
+    {% if message.actions %}
+    <div class="govuk-button-group">
+    {% for action in message.actions %}
+      {% set buttonHtml -%}
+        {% if not action.href or action.type == "button" %}
+          {{ govukButton({
+            "text": action.text,
+            "type": action.type if action.type else "button",
+            "name": action.name,
+            "value": action.value,
+            "classes": action.classes,
+            "href": action.href,
+            "attributes": action.attributes
+          }) }}
+        {% else %}
+          <a class="govuk-link {%- if action.classes %} {{ action.classes }}{% endif %}" href="{{ action.href }}"
+            {{- govukAttributes(action.attributes) }}>
+            {{- action.text -}}
+          </a>
+        {% endif %}
+      {%- endset %}
+      {{ buttonHtml | safe | trim | indent(6) }}
+    {% endfor %}
+    </div>
+    {% endif %}
+
+  </div>
+  {% endfor %}
+</div>
diff --git a/app/templates/govuk/components/date-input/README.md b/app/templates/govuk/components/date-input/README.md
new file mode 100644
index 0000000..1abfee4
--- /dev/null
+++ b/app/templates/govuk/components/date-input/README.md
@@ -0,0 +1,15 @@
+# Date input
+
+## Installation
+
+See the [main README quick start guide](https://github.com/alphagov/govuk-frontend#quick-start) for how to install this component.
+
+## Guidance and Examples
+
+Find out when to use the date input component in your service in the [GOV.UK Design System](https://design-system.service.gov.uk/components/date-input).
+
+## Component options
+
+Use options to customise the appearance, content and behaviour of a component when using a macro, for example, changing the text.
+
+See [options table](https://design-system.service.gov.uk/components/date-input/#options-date-input-example) for details.
diff --git a/app/templates/govuk/components/date-input/_date-input.scss b/app/templates/govuk/components/date-input/_date-input.scss
new file mode 100644
index 0000000..c222da2
--- /dev/null
+++ b/app/templates/govuk/components/date-input/_date-input.scss
@@ -0,0 +1,4 @@
+@import "../../base";
+@import "./index";
+
+/*# sourceMappingURL=_date-input.scss.map */
diff --git a/app/templates/govuk/components/date-input/_date-input.scss.map b/app/templates/govuk/components/date-input/_date-input.scss.map
new file mode 100644
index 0000000..dda4f5e
--- /dev/null
+++ b/app/templates/govuk/components/date-input/_date-input.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/date-input/_date-input.scss"],"names":[],"mappings":"AAAA,oBAAoB;AACpB,iBAAiB","file":"_date-input.scss","sourcesContent":["@import \"../../base\";\n@import \"./index\";\n"]}
diff --git a/app/templates/govuk/components/date-input/_index.scss b/app/templates/govuk/components/date-input/_index.scss
new file mode 100644
index 0000000..43d1bc7
--- /dev/null
+++ b/app/templates/govuk/components/date-input/_index.scss
@@ -0,0 +1,28 @@
+@import "../error-message/index";
+@import "../input/index";
+@import "../hint/index";
+@import "../label/index";
+@import "../fieldset/index";
+
+@include govuk-exports("govuk/component/date-input") {
+  .govuk-date-input {
+    @include govuk-clearfix;
+    font-size: 0; // removes whitespace caused by inline-block
+  }
+
+  .govuk-date-input__item {
+    display: inline-block;
+    margin-right: govuk-spacing(4);
+    margin-bottom: 0;
+  }
+
+  .govuk-date-input__label {
+    display: block;
+  }
+
+  .govuk-date-input__input {
+    margin-bottom: 0;
+  }
+}
+
+/*# sourceMappingURL=_index.scss.map */
diff --git a/app/templates/govuk/components/date-input/_index.scss.map b/app/templates/govuk/components/date-input/_index.scss.map
new file mode 100644
index 0000000..599f5f7
--- /dev/null
+++ b/app/templates/govuk/components/date-input/_index.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/date-input/_index.scss"],"names":[],"mappings":"AAAA,gCAAgC;AAChC,wBAAwB;AACxB,uBAAuB;AACvB,wBAAwB;AACxB,2BAA2B;;AAE3B;EACE;IACE,uBAAuB;IACvB,YAAY,EAAE,2CAA2C;EAC3D;;EAEA;IACE,qBAAqB;IACrB,8BAA8B;IAC9B,gBAAgB;EAClB;;EAEA;IACE,cAAc;EAChB;;EAEA;IACE,gBAAgB;EAClB;AACF","file":"_index.scss","sourcesContent":["@import \"../error-message/index\";\n@import \"../input/index\";\n@import \"../hint/index\";\n@import \"../label/index\";\n@import \"../fieldset/index\";\n\n@include govuk-exports(\"govuk/component/date-input\") {\n  .govuk-date-input {\n    @include govuk-clearfix;\n    font-size: 0; // removes whitespace caused by inline-block\n  }\n\n  .govuk-date-input__item {\n    display: inline-block;\n    margin-right: govuk-spacing(4);\n    margin-bottom: 0;\n  }\n\n  .govuk-date-input__label {\n    display: block;\n  }\n\n  .govuk-date-input__input {\n    margin-bottom: 0;\n  }\n}\n"]}
diff --git a/app/templates/govuk/components/date-input/fixtures.json b/app/templates/govuk/components/date-input/fixtures.json
new file mode 100644
index 0000000..f78ba13
--- /dev/null
+++ b/app/templates/govuk/components/date-input/fixtures.json
@@ -0,0 +1,672 @@
+{
+    "component": "date-input",
+    "fixtures": [
+        {
+            "name": "default",
+            "options": {
+                "id": "dob",
+                "fieldset": {
+                    "legend": {
+                        "text": "What is your date of birth?"
+                    }
+                },
+                "hint": {
+                    "text": "For example, 31 3 1980"
+                }
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": true,
+            "html": "<div class=\"govuk-form-group\">\n  <fieldset class=\"govuk-fieldset\" role=\"group\" aria-describedby=\"dob-hint\">\n    <legend class=\"govuk-fieldset__legend\">\n      What is your date of birth?\n    </legend>\n    <div id=\"dob-hint\" class=\"govuk-hint\">\n      For example, 31 3 1980\n    </div>\n    <div class=\"govuk-date-input\" id=\"dob\">\n      <div class=\"govuk-date-input__item\">\n        <div class=\"govuk-form-group\">\n          <label class=\"govuk-label govuk-date-input__label\" for=\"dob-day\">\n            Day\n          </label>\n          <input class=\"govuk-input govuk-date-input__input govuk-input--width-2\" id=\"dob-day\" name=\"day\" type=\"text\" inputmode=\"numeric\">\n        </div>\n      </div>\n      <div class=\"govuk-date-input__item\">\n        <div class=\"govuk-form-group\">\n          <label class=\"govuk-label govuk-date-input__label\" for=\"dob-month\">\n            Month\n          </label>\n          <input class=\"govuk-input govuk-date-input__input govuk-input--width-2\" id=\"dob-month\" name=\"month\" type=\"text\" inputmode=\"numeric\">\n        </div>\n      </div>\n      <div class=\"govuk-date-input__item\">\n        <div class=\"govuk-form-group\">\n          <label class=\"govuk-label govuk-date-input__label\" for=\"dob-year\">\n            Year\n          </label>\n          <input class=\"govuk-input govuk-date-input__input govuk-input--width-4\" id=\"dob-year\" name=\"year\" type=\"text\" inputmode=\"numeric\">\n        </div>\n      </div>\n    </div>\n  </fieldset>\n</div>"
+        },
+        {
+            "name": "day and month",
+            "options": {
+                "id": "bday",
+                "namePrefix": "bday",
+                "fieldset": {
+                    "legend": {
+                        "text": "What is your birthday?"
+                    }
+                },
+                "hint": {
+                    "text": "For example, 5 12"
+                },
+                "items": [
+                    {
+                        "name": "day",
+                        "classes": "govuk-input--width-2"
+                    },
+                    {
+                        "name": "month",
+                        "classes": "govuk-input--width-2"
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <fieldset class=\"govuk-fieldset\" role=\"group\" aria-describedby=\"bday-hint\">\n    <legend class=\"govuk-fieldset__legend\">\n      What is your birthday?\n    </legend>\n    <div id=\"bday-hint\" class=\"govuk-hint\">\n      For example, 5 12\n    </div>\n    <div class=\"govuk-date-input\" id=\"bday\">\n      <div class=\"govuk-date-input__item\">\n        <div class=\"govuk-form-group\">\n          <label class=\"govuk-label govuk-date-input__label\" for=\"bday-day\">\n            Day\n          </label>\n          <input class=\"govuk-input govuk-date-input__input govuk-input--width-2\" id=\"bday-day\" name=\"bday-day\" type=\"text\" inputmode=\"numeric\">\n        </div>\n      </div>\n      <div class=\"govuk-date-input__item\">\n        <div class=\"govuk-form-group\">\n          <label class=\"govuk-label govuk-date-input__label\" for=\"bday-month\">\n            Month\n          </label>\n          <input class=\"govuk-input govuk-date-input__input govuk-input--width-2\" id=\"bday-month\" name=\"bday-month\" type=\"text\" inputmode=\"numeric\">\n        </div>\n      </div>\n    </div>\n  </fieldset>\n</div>"
+        },
+        {
+            "name": "month and year",
+            "options": {
+                "id": "dob",
+                "namePrefix": "dob",
+                "fieldset": {
+                    "legend": {
+                        "text": "When did you move to this property?"
+                    }
+                },
+                "hint": {
+                    "text": "For example, 3 1980"
+                },
+                "items": [
+                    {
+                        "name": "month",
+                        "classes": "govuk-input--width-2"
+                    },
+                    {
+                        "name": "year",
+                        "classes": "govuk-input--width-4"
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <fieldset class=\"govuk-fieldset\" role=\"group\" aria-describedby=\"dob-hint\">\n    <legend class=\"govuk-fieldset__legend\">\n      When did you move to this property?\n    </legend>\n    <div id=\"dob-hint\" class=\"govuk-hint\">\n      For example, 3 1980\n    </div>\n    <div class=\"govuk-date-input\" id=\"dob\">\n      <div class=\"govuk-date-input__item\">\n        <div class=\"govuk-form-group\">\n          <label class=\"govuk-label govuk-date-input__label\" for=\"dob-month\">\n            Month\n          </label>\n          <input class=\"govuk-input govuk-date-input__input govuk-input--width-2\" id=\"dob-month\" name=\"dob-month\" type=\"text\" inputmode=\"numeric\">\n        </div>\n      </div>\n      <div class=\"govuk-date-input__item\">\n        <div class=\"govuk-form-group\">\n          <label class=\"govuk-label govuk-date-input__label\" for=\"dob-year\">\n            Year\n          </label>\n          <input class=\"govuk-input govuk-date-input__input govuk-input--width-4\" id=\"dob-year\" name=\"dob-year\" type=\"text\" inputmode=\"numeric\">\n        </div>\n      </div>\n    </div>\n  </fieldset>\n</div>"
+        },
+        {
+            "name": "with errors only",
+            "options": {
+                "id": "dob-errors",
+                "fieldset": {
+                    "legend": {
+                        "text": "What is your date of birth?"
+                    }
+                },
+                "errorMessage": {
+                    "text": "Error message goes here"
+                },
+                "items": [
+                    {
+                        "name": "day",
+                        "classes": "govuk-input--width-2 govuk-input--error"
+                    },
+                    {
+                        "name": "month",
+                        "classes": "govuk-input--width-2 govuk-input--error"
+                    },
+                    {
+                        "name": "year",
+                        "classes": "govuk-input--width-4 govuk-input--error"
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-form-group--error\">\n  <fieldset class=\"govuk-fieldset\" role=\"group\" aria-describedby=\"dob-errors-error\">\n    <legend class=\"govuk-fieldset__legend\">\n      What is your date of birth?\n    </legend>\n    <p id=\"dob-errors-error\" class=\"govuk-error-message\">\n      <span class=\"govuk-visually-hidden\">Error:</span> Error message goes here\n    </p>\n    <div class=\"govuk-date-input\" id=\"dob-errors\">\n      <div class=\"govuk-date-input__item\">\n        <div class=\"govuk-form-group\">\n          <label class=\"govuk-label govuk-date-input__label\" for=\"dob-errors-day\">\n            Day\n          </label>\n          <input class=\"govuk-input govuk-date-input__input govuk-input--width-2 govuk-input--error\" id=\"dob-errors-day\" name=\"day\" type=\"text\" inputmode=\"numeric\">\n        </div>\n      </div>\n      <div class=\"govuk-date-input__item\">\n        <div class=\"govuk-form-group\">\n          <label class=\"govuk-label govuk-date-input__label\" for=\"dob-errors-month\">\n            Month\n          </label>\n          <input class=\"govuk-input govuk-date-input__input govuk-input--width-2 govuk-input--error\" id=\"dob-errors-month\" name=\"month\" type=\"text\" inputmode=\"numeric\">\n        </div>\n      </div>\n      <div class=\"govuk-date-input__item\">\n        <div class=\"govuk-form-group\">\n          <label class=\"govuk-label govuk-date-input__label\" for=\"dob-errors-year\">\n            Year\n          </label>\n          <input class=\"govuk-input govuk-date-input__input govuk-input--width-4 govuk-input--error\" id=\"dob-errors-year\" name=\"year\" type=\"text\" inputmode=\"numeric\">\n        </div>\n      </div>\n    </div>\n  </fieldset>\n</div>"
+        },
+        {
+            "name": "with errors and hint",
+            "options": {
+                "id": "dob-errors",
+                "fieldset": {
+                    "legend": {
+                        "text": "What is your date of birth?"
+                    }
+                },
+                "hint": {
+                    "text": "For example, 31 3 1980"
+                },
+                "errorMessage": {
+                    "text": "Error message goes here"
+                },
+                "items": [
+                    {
+                        "name": "day",
+                        "classes": "govuk-input--width-2 govuk-input--error"
+                    },
+                    {
+                        "name": "month",
+                        "classes": "govuk-input--width-2 govuk-input--error"
+                    },
+                    {
+                        "name": "year",
+                        "classes": "govuk-input--width-4 govuk-input--error"
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-form-group--error\">\n  <fieldset class=\"govuk-fieldset\" role=\"group\" aria-describedby=\"dob-errors-hint dob-errors-error\">\n    <legend class=\"govuk-fieldset__legend\">\n      What is your date of birth?\n    </legend>\n    <div id=\"dob-errors-hint\" class=\"govuk-hint\">\n      For example, 31 3 1980\n    </div>\n    <p id=\"dob-errors-error\" class=\"govuk-error-message\">\n      <span class=\"govuk-visually-hidden\">Error:</span> Error message goes here\n    </p>\n    <div class=\"govuk-date-input\" id=\"dob-errors\">\n      <div class=\"govuk-date-input__item\">\n        <div class=\"govuk-form-group\">\n          <label class=\"govuk-label govuk-date-input__label\" for=\"dob-errors-day\">\n            Day\n          </label>\n          <input class=\"govuk-input govuk-date-input__input govuk-input--width-2 govuk-input--error\" id=\"dob-errors-day\" name=\"day\" type=\"text\" inputmode=\"numeric\">\n        </div>\n      </div>\n      <div class=\"govuk-date-input__item\">\n        <div class=\"govuk-form-group\">\n          <label class=\"govuk-label govuk-date-input__label\" for=\"dob-errors-month\">\n            Month\n          </label>\n          <input class=\"govuk-input govuk-date-input__input govuk-input--width-2 govuk-input--error\" id=\"dob-errors-month\" name=\"month\" type=\"text\" inputmode=\"numeric\">\n        </div>\n      </div>\n      <div class=\"govuk-date-input__item\">\n        <div class=\"govuk-form-group\">\n          <label class=\"govuk-label govuk-date-input__label\" for=\"dob-errors-year\">\n            Year\n          </label>\n          <input class=\"govuk-input govuk-date-input__input govuk-input--width-4 govuk-input--error\" id=\"dob-errors-year\" name=\"year\" type=\"text\" inputmode=\"numeric\">\n        </div>\n      </div>\n    </div>\n  </fieldset>\n</div>"
+        },
+        {
+            "name": "with error on day input",
+            "options": {
+                "id": "dob-day-error",
+                "namePrefix": "dob-day-error",
+                "fieldset": {
+                    "legend": {
+                        "text": "What is your date of birth?"
+                    }
+                },
+                "hint": {
+                    "text": "For example, 31 3 1980"
+                },
+                "errorMessage": {
+                    "text": "Error message goes here"
+                },
+                "items": [
+                    {
+                        "name": "day",
+                        "classes": "govuk-input--width-2 govuk-input--error"
+                    },
+                    {
+                        "name": "month",
+                        "classes": "govuk-input--width-2"
+                    },
+                    {
+                        "name": "year",
+                        "classes": "govuk-input--width-4"
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-form-group--error\">\n  <fieldset class=\"govuk-fieldset\" role=\"group\" aria-describedby=\"dob-day-error-hint dob-day-error-error\">\n    <legend class=\"govuk-fieldset__legend\">\n      What is your date of birth?\n    </legend>\n    <div id=\"dob-day-error-hint\" class=\"govuk-hint\">\n      For example, 31 3 1980\n    </div>\n    <p id=\"dob-day-error-error\" class=\"govuk-error-message\">\n      <span class=\"govuk-visually-hidden\">Error:</span> Error message goes here\n    </p>\n    <div class=\"govuk-date-input\" id=\"dob-day-error\">\n      <div class=\"govuk-date-input__item\">\n        <div class=\"govuk-form-group\">\n          <label class=\"govuk-label govuk-date-input__label\" for=\"dob-day-error-day\">\n            Day\n          </label>\n          <input class=\"govuk-input govuk-date-input__input govuk-input--width-2 govuk-input--error\" id=\"dob-day-error-day\" name=\"dob-day-error-day\" type=\"text\" inputmode=\"numeric\">\n        </div>\n      </div>\n      <div class=\"govuk-date-input__item\">\n        <div class=\"govuk-form-group\">\n          <label class=\"govuk-label govuk-date-input__label\" for=\"dob-day-error-month\">\n            Month\n          </label>\n          <input class=\"govuk-input govuk-date-input__input govuk-input--width-2\" id=\"dob-day-error-month\" name=\"dob-day-error-month\" type=\"text\" inputmode=\"numeric\">\n        </div>\n      </div>\n      <div class=\"govuk-date-input__item\">\n        <div class=\"govuk-form-group\">\n          <label class=\"govuk-label govuk-date-input__label\" for=\"dob-day-error-year\">\n            Year\n          </label>\n          <input class=\"govuk-input govuk-date-input__input govuk-input--width-4\" id=\"dob-day-error-year\" name=\"dob-day-error-year\" type=\"text\" inputmode=\"numeric\">\n        </div>\n      </div>\n    </div>\n  </fieldset>\n</div>"
+        },
+        {
+            "name": "with error on month input",
+            "options": {
+                "id": "dob-month-error",
+                "namePrefix": "dob-month-error",
+                "fieldset": {
+                    "legend": {
+                        "text": "What is your date of birth?"
+                    }
+                },
+                "hint": {
+                    "text": "For example, 31 3 1980"
+                },
+                "errorMessage": {
+                    "text": "Error message goes here"
+                },
+                "items": [
+                    {
+                        "name": "day",
+                        "classes": "govuk-input--width-2"
+                    },
+                    {
+                        "name": "month",
+                        "classes": "govuk-input--width-2 govuk-input--error"
+                    },
+                    {
+                        "name": "year",
+                        "classes": "govuk-input--width-4"
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-form-group--error\">\n  <fieldset class=\"govuk-fieldset\" role=\"group\" aria-describedby=\"dob-month-error-hint dob-month-error-error\">\n    <legend class=\"govuk-fieldset__legend\">\n      What is your date of birth?\n    </legend>\n    <div id=\"dob-month-error-hint\" class=\"govuk-hint\">\n      For example, 31 3 1980\n    </div>\n    <p id=\"dob-month-error-error\" class=\"govuk-error-message\">\n      <span class=\"govuk-visually-hidden\">Error:</span> Error message goes here\n    </p>\n    <div class=\"govuk-date-input\" id=\"dob-month-error\">\n      <div class=\"govuk-date-input__item\">\n        <div class=\"govuk-form-group\">\n          <label class=\"govuk-label govuk-date-input__label\" for=\"dob-month-error-day\">\n            Day\n          </label>\n          <input class=\"govuk-input govuk-date-input__input govuk-input--width-2\" id=\"dob-month-error-day\" name=\"dob-month-error-day\" type=\"text\" inputmode=\"numeric\">\n        </div>\n      </div>\n      <div class=\"govuk-date-input__item\">\n        <div class=\"govuk-form-group\">\n          <label class=\"govuk-label govuk-date-input__label\" for=\"dob-month-error-month\">\n            Month\n          </label>\n          <input class=\"govuk-input govuk-date-input__input govuk-input--width-2 govuk-input--error\" id=\"dob-month-error-month\" name=\"dob-month-error-month\" type=\"text\" inputmode=\"numeric\">\n        </div>\n      </div>\n      <div class=\"govuk-date-input__item\">\n        <div class=\"govuk-form-group\">\n          <label class=\"govuk-label govuk-date-input__label\" for=\"dob-month-error-year\">\n            Year\n          </label>\n          <input class=\"govuk-input govuk-date-input__input govuk-input--width-4\" id=\"dob-month-error-year\" name=\"dob-month-error-year\" type=\"text\" inputmode=\"numeric\">\n        </div>\n      </div>\n    </div>\n  </fieldset>\n</div>"
+        },
+        {
+            "name": "with error on year input",
+            "options": {
+                "id": "dob-year-error",
+                "namePrefix": "dob-year-error",
+                "fieldset": {
+                    "legend": {
+                        "text": "What is your date of birth?"
+                    }
+                },
+                "hint": {
+                    "text": "For example, 31 3 1980"
+                },
+                "errorMessage": {
+                    "text": "Error message goes here"
+                },
+                "items": [
+                    {
+                        "name": "day",
+                        "classes": "govuk-input--width-2"
+                    },
+                    {
+                        "name": "month",
+                        "classes": "govuk-input--width-2"
+                    },
+                    {
+                        "name": "year",
+                        "classes": "govuk-input--width-4 govuk-input--error"
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-form-group--error\">\n  <fieldset class=\"govuk-fieldset\" role=\"group\" aria-describedby=\"dob-year-error-hint dob-year-error-error\">\n    <legend class=\"govuk-fieldset__legend\">\n      What is your date of birth?\n    </legend>\n    <div id=\"dob-year-error-hint\" class=\"govuk-hint\">\n      For example, 31 3 1980\n    </div>\n    <p id=\"dob-year-error-error\" class=\"govuk-error-message\">\n      <span class=\"govuk-visually-hidden\">Error:</span> Error message goes here\n    </p>\n    <div class=\"govuk-date-input\" id=\"dob-year-error\">\n      <div class=\"govuk-date-input__item\">\n        <div class=\"govuk-form-group\">\n          <label class=\"govuk-label govuk-date-input__label\" for=\"dob-year-error-day\">\n            Day\n          </label>\n          <input class=\"govuk-input govuk-date-input__input govuk-input--width-2\" id=\"dob-year-error-day\" name=\"dob-year-error-day\" type=\"text\" inputmode=\"numeric\">\n        </div>\n      </div>\n      <div class=\"govuk-date-input__item\">\n        <div class=\"govuk-form-group\">\n          <label class=\"govuk-label govuk-date-input__label\" for=\"dob-year-error-month\">\n            Month\n          </label>\n          <input class=\"govuk-input govuk-date-input__input govuk-input--width-2\" id=\"dob-year-error-month\" name=\"dob-year-error-month\" type=\"text\" inputmode=\"numeric\">\n        </div>\n      </div>\n      <div class=\"govuk-date-input__item\">\n        <div class=\"govuk-form-group\">\n          <label class=\"govuk-label govuk-date-input__label\" for=\"dob-year-error-year\">\n            Year\n          </label>\n          <input class=\"govuk-input govuk-date-input__input govuk-input--width-4 govuk-input--error\" id=\"dob-year-error-year\" name=\"dob-year-error-year\" type=\"text\" inputmode=\"numeric\">\n        </div>\n      </div>\n    </div>\n  </fieldset>\n</div>"
+        },
+        {
+            "name": "classes",
+            "options": {
+                "id": "with-classes",
+                "classes": "app-date-input--custom-modifier"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <div class=\"govuk-date-input app-date-input--custom-modifier\" id=\"with-classes\">\n    <div class=\"govuk-date-input__item\">\n      <div class=\"govuk-form-group\">\n        <label class=\"govuk-label govuk-date-input__label\" for=\"with-classes-day\">\n          Day\n        </label>\n        <input class=\"govuk-input govuk-date-input__input govuk-input--width-2\" id=\"with-classes-day\" name=\"day\" type=\"text\" inputmode=\"numeric\">\n      </div>\n    </div>\n    <div class=\"govuk-date-input__item\">\n      <div class=\"govuk-form-group\">\n        <label class=\"govuk-label govuk-date-input__label\" for=\"with-classes-month\">\n          Month\n        </label>\n        <input class=\"govuk-input govuk-date-input__input govuk-input--width-2\" id=\"with-classes-month\" name=\"month\" type=\"text\" inputmode=\"numeric\">\n      </div>\n    </div>\n    <div class=\"govuk-date-input__item\">\n      <div class=\"govuk-form-group\">\n        <label class=\"govuk-label govuk-date-input__label\" for=\"with-classes-year\">\n          Year\n        </label>\n        <input class=\"govuk-input govuk-date-input__input govuk-input--width-4\" id=\"with-classes-year\" name=\"year\" type=\"text\" inputmode=\"numeric\">\n      </div>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "attributes",
+            "options": {
+                "id": "with-attributes",
+                "attributes": {
+                    "data-attribute": "my data value"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <div class=\"govuk-date-input\" data-attribute=\"my data value\" id=\"with-attributes\">\n    <div class=\"govuk-date-input__item\">\n      <div class=\"govuk-form-group\">\n        <label class=\"govuk-label govuk-date-input__label\" for=\"with-attributes-day\">\n          Day\n        </label>\n        <input class=\"govuk-input govuk-date-input__input govuk-input--width-2\" id=\"with-attributes-day\" name=\"day\" type=\"text\" inputmode=\"numeric\">\n      </div>\n    </div>\n    <div class=\"govuk-date-input__item\">\n      <div class=\"govuk-form-group\">\n        <label class=\"govuk-label govuk-date-input__label\" for=\"with-attributes-month\">\n          Month\n        </label>\n        <input class=\"govuk-input govuk-date-input__input govuk-input--width-2\" id=\"with-attributes-month\" name=\"month\" type=\"text\" inputmode=\"numeric\">\n      </div>\n    </div>\n    <div class=\"govuk-date-input__item\">\n      <div class=\"govuk-form-group\">\n        <label class=\"govuk-label govuk-date-input__label\" for=\"with-attributes-year\">\n          Year\n        </label>\n        <input class=\"govuk-input govuk-date-input__input govuk-input--width-4\" id=\"with-attributes-year\" name=\"year\" type=\"text\" inputmode=\"numeric\">\n      </div>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "with items",
+            "options": {
+                "id": "dob",
+                "namePrefix": "dob",
+                "fieldset": {
+                    "legend": {
+                        "text": "What is your date of birth?"
+                    }
+                },
+                "hint": {
+                    "text": "For example, 31 3 1980"
+                },
+                "items": [
+                    {
+                        "name": "day",
+                        "classes": "govuk-input--width-2"
+                    },
+                    {
+                        "name": "month",
+                        "classes": "govuk-input--width-2"
+                    },
+                    {
+                        "name": "year",
+                        "classes": "govuk-input--width-4"
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <fieldset class=\"govuk-fieldset\" role=\"group\" aria-describedby=\"dob-hint\">\n    <legend class=\"govuk-fieldset__legend\">\n      What is your date of birth?\n    </legend>\n    <div id=\"dob-hint\" class=\"govuk-hint\">\n      For example, 31 3 1980\n    </div>\n    <div class=\"govuk-date-input\" id=\"dob\">\n      <div class=\"govuk-date-input__item\">\n        <div class=\"govuk-form-group\">\n          <label class=\"govuk-label govuk-date-input__label\" for=\"dob-day\">\n            Day\n          </label>\n          <input class=\"govuk-input govuk-date-input__input govuk-input--width-2\" id=\"dob-day\" name=\"dob-day\" type=\"text\" inputmode=\"numeric\">\n        </div>\n      </div>\n      <div class=\"govuk-date-input__item\">\n        <div class=\"govuk-form-group\">\n          <label class=\"govuk-label govuk-date-input__label\" for=\"dob-month\">\n            Month\n          </label>\n          <input class=\"govuk-input govuk-date-input__input govuk-input--width-2\" id=\"dob-month\" name=\"dob-month\" type=\"text\" inputmode=\"numeric\">\n        </div>\n      </div>\n      <div class=\"govuk-date-input__item\">\n        <div class=\"govuk-form-group\">\n          <label class=\"govuk-label govuk-date-input__label\" for=\"dob-year\">\n            Year\n          </label>\n          <input class=\"govuk-input govuk-date-input__input govuk-input--width-4\" id=\"dob-year\" name=\"dob-year\" type=\"text\" inputmode=\"numeric\">\n        </div>\n      </div>\n    </div>\n  </fieldset>\n</div>"
+        },
+        {
+            "name": "with empty items",
+            "options": {
+                "id": "with-empty-items",
+                "items": []
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <div class=\"govuk-date-input\" id=\"with-empty-items\">\n    <div class=\"govuk-date-input__item\">\n      <div class=\"govuk-form-group\">\n        <label class=\"govuk-label govuk-date-input__label\" for=\"with-empty-items-day\">\n          Day\n        </label>\n        <input class=\"govuk-input govuk-date-input__input govuk-input--width-2\" id=\"with-empty-items-day\" name=\"day\" type=\"text\" inputmode=\"numeric\">\n      </div>\n    </div>\n    <div class=\"govuk-date-input__item\">\n      <div class=\"govuk-form-group\">\n        <label class=\"govuk-label govuk-date-input__label\" for=\"with-empty-items-month\">\n          Month\n        </label>\n        <input class=\"govuk-input govuk-date-input__input govuk-input--width-2\" id=\"with-empty-items-month\" name=\"month\" type=\"text\" inputmode=\"numeric\">\n      </div>\n    </div>\n    <div class=\"govuk-date-input__item\">\n      <div class=\"govuk-form-group\">\n        <label class=\"govuk-label govuk-date-input__label\" for=\"with-empty-items-year\">\n          Year\n        </label>\n        <input class=\"govuk-input govuk-date-input__input govuk-input--width-4\" id=\"with-empty-items-year\" name=\"year\" type=\"text\" inputmode=\"numeric\">\n      </div>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "custom pattern",
+            "options": {
+                "id": "with-custom-pattern",
+                "items": [
+                    {
+                        "name": "day",
+                        "pattern": "[0-8]*"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <div class=\"govuk-date-input\" id=\"with-custom-pattern\">\n    <div class=\"govuk-date-input__item\">\n      <div class=\"govuk-form-group\">\n        <label class=\"govuk-label govuk-date-input__label\" for=\"with-custom-pattern-day\">\n          Day\n        </label>\n        <input class=\"govuk-input govuk-date-input__input \" id=\"with-custom-pattern-day\" name=\"day\" type=\"text\" pattern=\"[0-8]*\" inputmode=\"numeric\">\n      </div>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "custom inputmode",
+            "options": {
+                "id": "with-custom-inputmode",
+                "items": [
+                    {
+                        "name": "day",
+                        "pattern": "[0-9X]*",
+                        "inputmode": "text"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <div class=\"govuk-date-input\" id=\"with-custom-inputmode\">\n    <div class=\"govuk-date-input__item\">\n      <div class=\"govuk-form-group\">\n        <label class=\"govuk-label govuk-date-input__label\" for=\"with-custom-inputmode-day\">\n          Day\n        </label>\n        <input class=\"govuk-input govuk-date-input__input \" id=\"with-custom-inputmode-day\" name=\"day\" type=\"text\" pattern=\"[0-9X]*\" inputmode=\"text\">\n      </div>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "with nested name",
+            "options": {
+                "id": "with-nested-name",
+                "items": [
+                    {
+                        "name": "day[dd]"
+                    },
+                    {
+                        "name": "month[mm]"
+                    },
+                    {
+                        "name": "year[yyyy]"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <div class=\"govuk-date-input\" id=\"with-nested-name\">\n    <div class=\"govuk-date-input__item\">\n      <div class=\"govuk-form-group\">\n        <label class=\"govuk-label govuk-date-input__label\" for=\"with-nested-name-day[dd]\">\n          Day[dd]\n        </label>\n        <input class=\"govuk-input govuk-date-input__input \" id=\"with-nested-name-day[dd]\" name=\"day[dd]\" type=\"text\" inputmode=\"numeric\">\n      </div>\n    </div>\n    <div class=\"govuk-date-input__item\">\n      <div class=\"govuk-form-group\">\n        <label class=\"govuk-label govuk-date-input__label\" for=\"with-nested-name-month[mm]\">\n          Month[mm]\n        </label>\n        <input class=\"govuk-input govuk-date-input__input \" id=\"with-nested-name-month[mm]\" name=\"month[mm]\" type=\"text\" inputmode=\"numeric\">\n      </div>\n    </div>\n    <div class=\"govuk-date-input__item\">\n      <div class=\"govuk-form-group\">\n        <label class=\"govuk-label govuk-date-input__label\" for=\"with-nested-name-year[yyyy]\">\n          Year[yyyy]\n        </label>\n        <input class=\"govuk-input govuk-date-input__input \" id=\"with-nested-name-year[yyyy]\" name=\"year[yyyy]\" type=\"text\" inputmode=\"numeric\">\n      </div>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "with id on items",
+            "options": {
+                "id": "with-item-id",
+                "items": [
+                    {
+                        "id": "day",
+                        "name": "day"
+                    },
+                    {
+                        "id": "month",
+                        "name": "month"
+                    },
+                    {
+                        "id": "year",
+                        "name": "year"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <div class=\"govuk-date-input\" id=\"with-item-id\">\n    <div class=\"govuk-date-input__item\">\n      <div class=\"govuk-form-group\">\n        <label class=\"govuk-label govuk-date-input__label\" for=\"day\">\n          Day\n        </label>\n        <input class=\"govuk-input govuk-date-input__input \" id=\"day\" name=\"day\" type=\"text\" inputmode=\"numeric\">\n      </div>\n    </div>\n    <div class=\"govuk-date-input__item\">\n      <div class=\"govuk-form-group\">\n        <label class=\"govuk-label govuk-date-input__label\" for=\"month\">\n          Month\n        </label>\n        <input class=\"govuk-input govuk-date-input__input \" id=\"month\" name=\"month\" type=\"text\" inputmode=\"numeric\">\n      </div>\n    </div>\n    <div class=\"govuk-date-input__item\">\n      <div class=\"govuk-form-group\">\n        <label class=\"govuk-label govuk-date-input__label\" for=\"year\">\n          Year\n        </label>\n        <input class=\"govuk-input govuk-date-input__input \" id=\"year\" name=\"year\" type=\"text\" inputmode=\"numeric\">\n      </div>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "suffixed id",
+            "options": {
+                "id": "my-date-input",
+                "items": [
+                    {
+                        "name": "day"
+                    },
+                    {
+                        "name": "month"
+                    },
+                    {
+                        "name": "year"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <div class=\"govuk-date-input\" id=\"my-date-input\">\n    <div class=\"govuk-date-input__item\">\n      <div class=\"govuk-form-group\">\n        <label class=\"govuk-label govuk-date-input__label\" for=\"my-date-input-day\">\n          Day\n        </label>\n        <input class=\"govuk-input govuk-date-input__input \" id=\"my-date-input-day\" name=\"day\" type=\"text\" inputmode=\"numeric\">\n      </div>\n    </div>\n    <div class=\"govuk-date-input__item\">\n      <div class=\"govuk-form-group\">\n        <label class=\"govuk-label govuk-date-input__label\" for=\"my-date-input-month\">\n          Month\n        </label>\n        <input class=\"govuk-input govuk-date-input__input \" id=\"my-date-input-month\" name=\"month\" type=\"text\" inputmode=\"numeric\">\n      </div>\n    </div>\n    <div class=\"govuk-date-input__item\">\n      <div class=\"govuk-form-group\">\n        <label class=\"govuk-label govuk-date-input__label\" for=\"my-date-input-year\">\n          Year\n        </label>\n        <input class=\"govuk-input govuk-date-input__input \" id=\"my-date-input-year\" name=\"year\" type=\"text\" inputmode=\"numeric\">\n      </div>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "with values",
+            "options": {
+                "id": "with-values",
+                "items": [
+                    {
+                        "id": "day",
+                        "name": "day"
+                    },
+                    {
+                        "id": "month",
+                        "name": "month"
+                    },
+                    {
+                        "id": "year",
+                        "name": "year",
+                        "value": 2018
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <div class=\"govuk-date-input\" id=\"with-values\">\n    <div class=\"govuk-date-input__item\">\n      <div class=\"govuk-form-group\">\n        <label class=\"govuk-label govuk-date-input__label\" for=\"day\">\n          Day\n        </label>\n        <input class=\"govuk-input govuk-date-input__input \" id=\"day\" name=\"day\" type=\"text\" inputmode=\"numeric\">\n      </div>\n    </div>\n    <div class=\"govuk-date-input__item\">\n      <div class=\"govuk-form-group\">\n        <label class=\"govuk-label govuk-date-input__label\" for=\"month\">\n          Month\n        </label>\n        <input class=\"govuk-input govuk-date-input__input \" id=\"month\" name=\"month\" type=\"text\" inputmode=\"numeric\">\n      </div>\n    </div>\n    <div class=\"govuk-date-input__item\">\n      <div class=\"govuk-form-group\">\n        <label class=\"govuk-label govuk-date-input__label\" for=\"year\">\n          Year\n        </label>\n        <input class=\"govuk-input govuk-date-input__input \" id=\"year\" name=\"year\" type=\"text\" value=\"2018\" inputmode=\"numeric\">\n      </div>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "with hint and describedBy",
+            "options": {
+                "id": "dob-errors",
+                "fieldset": {
+                    "describedBy": "test-target-element",
+                    "legend": {
+                        "text": "What is your date of birth?"
+                    }
+                },
+                "hint": {
+                    "text": "For example, 31 3 1980"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <fieldset class=\"govuk-fieldset\" role=\"group\" aria-describedby=\"test-target-element dob-errors-hint\">\n    <legend class=\"govuk-fieldset__legend\">\n      What is your date of birth?\n    </legend>\n    <div id=\"dob-errors-hint\" class=\"govuk-hint\">\n      For example, 31 3 1980\n    </div>\n    <div class=\"govuk-date-input\" id=\"dob-errors\">\n      <div class=\"govuk-date-input__item\">\n        <div class=\"govuk-form-group\">\n          <label class=\"govuk-label govuk-date-input__label\" for=\"dob-errors-day\">\n            Day\n          </label>\n          <input class=\"govuk-input govuk-date-input__input govuk-input--width-2\" id=\"dob-errors-day\" name=\"day\" type=\"text\" inputmode=\"numeric\">\n        </div>\n      </div>\n      <div class=\"govuk-date-input__item\">\n        <div class=\"govuk-form-group\">\n          <label class=\"govuk-label govuk-date-input__label\" for=\"dob-errors-month\">\n            Month\n          </label>\n          <input class=\"govuk-input govuk-date-input__input govuk-input--width-2\" id=\"dob-errors-month\" name=\"month\" type=\"text\" inputmode=\"numeric\">\n        </div>\n      </div>\n      <div class=\"govuk-date-input__item\">\n        <div class=\"govuk-form-group\">\n          <label class=\"govuk-label govuk-date-input__label\" for=\"dob-errors-year\">\n            Year\n          </label>\n          <input class=\"govuk-input govuk-date-input__input govuk-input--width-4\" id=\"dob-errors-year\" name=\"year\" type=\"text\" inputmode=\"numeric\">\n        </div>\n      </div>\n    </div>\n  </fieldset>\n</div>"
+        },
+        {
+            "name": "with error and describedBy",
+            "options": {
+                "id": "dob-errors",
+                "fieldset": {
+                    "describedBy": "test-target-element",
+                    "legend": {
+                        "text": "What is your date of birth?"
+                    }
+                },
+                "errorMessage": {
+                    "text": "Error message goes here"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-form-group--error\">\n  <fieldset class=\"govuk-fieldset\" role=\"group\" aria-describedby=\"test-target-element dob-errors-error\">\n    <legend class=\"govuk-fieldset__legend\">\n      What is your date of birth?\n    </legend>\n    <p id=\"dob-errors-error\" class=\"govuk-error-message\">\n      <span class=\"govuk-visually-hidden\">Error:</span> Error message goes here\n    </p>\n    <div class=\"govuk-date-input\" id=\"dob-errors\">\n      <div class=\"govuk-date-input__item\">\n        <div class=\"govuk-form-group\">\n          <label class=\"govuk-label govuk-date-input__label\" for=\"dob-errors-day\">\n            Day\n          </label>\n          <input class=\"govuk-input govuk-date-input__input govuk-input--width-2\" id=\"dob-errors-day\" name=\"day\" type=\"text\" inputmode=\"numeric\">\n        </div>\n      </div>\n      <div class=\"govuk-date-input__item\">\n        <div class=\"govuk-form-group\">\n          <label class=\"govuk-label govuk-date-input__label\" for=\"dob-errors-month\">\n            Month\n          </label>\n          <input class=\"govuk-input govuk-date-input__input govuk-input--width-2\" id=\"dob-errors-month\" name=\"month\" type=\"text\" inputmode=\"numeric\">\n        </div>\n      </div>\n      <div class=\"govuk-date-input__item\">\n        <div class=\"govuk-form-group\">\n          <label class=\"govuk-label govuk-date-input__label\" for=\"dob-errors-year\">\n            Year\n          </label>\n          <input class=\"govuk-input govuk-date-input__input govuk-input--width-4\" id=\"dob-errors-year\" name=\"year\" type=\"text\" inputmode=\"numeric\">\n        </div>\n      </div>\n    </div>\n  </fieldset>\n</div>"
+        },
+        {
+            "name": "fieldset html",
+            "options": {
+                "id": "with-fieldset-html",
+                "fieldset": {
+                    "legend": {
+                        "html": "What is your <b>date of birth</b>?"
+                    }
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <fieldset class=\"govuk-fieldset\" role=\"group\">\n    <legend class=\"govuk-fieldset__legend\">\n      What is your <b>date of birth</b>?\n    </legend>\n    <div class=\"govuk-date-input\" id=\"with-fieldset-html\">\n      <div class=\"govuk-date-input__item\">\n        <div class=\"govuk-form-group\">\n          <label class=\"govuk-label govuk-date-input__label\" for=\"with-fieldset-html-day\">\n            Day\n          </label>\n          <input class=\"govuk-input govuk-date-input__input govuk-input--width-2\" id=\"with-fieldset-html-day\" name=\"day\" type=\"text\" inputmode=\"numeric\">\n        </div>\n      </div>\n      <div class=\"govuk-date-input__item\">\n        <div class=\"govuk-form-group\">\n          <label class=\"govuk-label govuk-date-input__label\" for=\"with-fieldset-html-month\">\n            Month\n          </label>\n          <input class=\"govuk-input govuk-date-input__input govuk-input--width-2\" id=\"with-fieldset-html-month\" name=\"month\" type=\"text\" inputmode=\"numeric\">\n        </div>\n      </div>\n      <div class=\"govuk-date-input__item\">\n        <div class=\"govuk-form-group\">\n          <label class=\"govuk-label govuk-date-input__label\" for=\"with-fieldset-html-year\">\n            Year\n          </label>\n          <input class=\"govuk-input govuk-date-input__input govuk-input--width-4\" id=\"with-fieldset-html-year\" name=\"year\" type=\"text\" inputmode=\"numeric\">\n        </div>\n      </div>\n    </div>\n  </fieldset>\n</div>"
+        },
+        {
+            "name": "items with classes",
+            "options": {
+                "id": "with-item-classes",
+                "items": [
+                    {
+                        "name": "day",
+                        "classes": "app-date-input__day"
+                    },
+                    {
+                        "name": "month",
+                        "classes": "app-date-input__month"
+                    },
+                    {
+                        "name": "year",
+                        "classes": "app-date-input__year"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <div class=\"govuk-date-input\" id=\"with-item-classes\">\n    <div class=\"govuk-date-input__item\">\n      <div class=\"govuk-form-group\">\n        <label class=\"govuk-label govuk-date-input__label\" for=\"with-item-classes-day\">\n          Day\n        </label>\n        <input class=\"govuk-input govuk-date-input__input app-date-input__day\" id=\"with-item-classes-day\" name=\"day\" type=\"text\" inputmode=\"numeric\">\n      </div>\n    </div>\n    <div class=\"govuk-date-input__item\">\n      <div class=\"govuk-form-group\">\n        <label class=\"govuk-label govuk-date-input__label\" for=\"with-item-classes-month\">\n          Month\n        </label>\n        <input class=\"govuk-input govuk-date-input__input app-date-input__month\" id=\"with-item-classes-month\" name=\"month\" type=\"text\" inputmode=\"numeric\">\n      </div>\n    </div>\n    <div class=\"govuk-date-input__item\">\n      <div class=\"govuk-form-group\">\n        <label class=\"govuk-label govuk-date-input__label\" for=\"with-item-classes-year\">\n          Year\n        </label>\n        <input class=\"govuk-input govuk-date-input__input app-date-input__year\" id=\"with-item-classes-year\" name=\"year\" type=\"text\" inputmode=\"numeric\">\n      </div>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "items without classes",
+            "options": {
+                "id": "without-item-classes",
+                "items": [
+                    {
+                        "name": "day"
+                    },
+                    {
+                        "name": "month"
+                    },
+                    {
+                        "name": "year"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <div class=\"govuk-date-input\" id=\"without-item-classes\">\n    <div class=\"govuk-date-input__item\">\n      <div class=\"govuk-form-group\">\n        <label class=\"govuk-label govuk-date-input__label\" for=\"without-item-classes-day\">\n          Day\n        </label>\n        <input class=\"govuk-input govuk-date-input__input \" id=\"without-item-classes-day\" name=\"day\" type=\"text\" inputmode=\"numeric\">\n      </div>\n    </div>\n    <div class=\"govuk-date-input__item\">\n      <div class=\"govuk-form-group\">\n        <label class=\"govuk-label govuk-date-input__label\" for=\"without-item-classes-month\">\n          Month\n        </label>\n        <input class=\"govuk-input govuk-date-input__input \" id=\"without-item-classes-month\" name=\"month\" type=\"text\" inputmode=\"numeric\">\n      </div>\n    </div>\n    <div class=\"govuk-date-input__item\">\n      <div class=\"govuk-form-group\">\n        <label class=\"govuk-label govuk-date-input__label\" for=\"without-item-classes-year\">\n          Year\n        </label>\n        <input class=\"govuk-input govuk-date-input__input \" id=\"without-item-classes-year\" name=\"year\" type=\"text\" inputmode=\"numeric\">\n      </div>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "with optional form-group classes",
+            "options": {
+                "id": "dob",
+                "namePrefix": "dob",
+                "fieldset": {
+                    "legend": {
+                        "text": "What is your date of birth?"
+                    }
+                },
+                "hint": {
+                    "text": "For example, 31 3 1980"
+                },
+                "formGroup": {
+                    "classes": "extra-class"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group extra-class\">\n  <fieldset class=\"govuk-fieldset\" role=\"group\" aria-describedby=\"dob-hint\">\n    <legend class=\"govuk-fieldset__legend\">\n      What is your date of birth?\n    </legend>\n    <div id=\"dob-hint\" class=\"govuk-hint\">\n      For example, 31 3 1980\n    </div>\n    <div class=\"govuk-date-input\" id=\"dob\">\n      <div class=\"govuk-date-input__item\">\n        <div class=\"govuk-form-group\">\n          <label class=\"govuk-label govuk-date-input__label\" for=\"dob-day\">\n            Day\n          </label>\n          <input class=\"govuk-input govuk-date-input__input govuk-input--width-2\" id=\"dob-day\" name=\"dob-day\" type=\"text\" inputmode=\"numeric\">\n        </div>\n      </div>\n      <div class=\"govuk-date-input__item\">\n        <div class=\"govuk-form-group\">\n          <label class=\"govuk-label govuk-date-input__label\" for=\"dob-month\">\n            Month\n          </label>\n          <input class=\"govuk-input govuk-date-input__input govuk-input--width-2\" id=\"dob-month\" name=\"dob-month\" type=\"text\" inputmode=\"numeric\">\n        </div>\n      </div>\n      <div class=\"govuk-date-input__item\">\n        <div class=\"govuk-form-group\">\n          <label class=\"govuk-label govuk-date-input__label\" for=\"dob-year\">\n            Year\n          </label>\n          <input class=\"govuk-input govuk-date-input__input govuk-input--width-4\" id=\"dob-year\" name=\"dob-year\" type=\"text\" inputmode=\"numeric\">\n        </div>\n      </div>\n    </div>\n  </fieldset>\n</div>"
+        },
+        {
+            "name": "with autocomplete values",
+            "options": {
+                "id": "dob-with-autocomplete-attribute",
+                "namePrefix": "dob-with-autocomplete",
+                "fieldset": {
+                    "legend": {
+                        "text": "What is your date of birth?"
+                    }
+                },
+                "hint": {
+                    "text": "For example, 31 3 1980"
+                },
+                "items": [
+                    {
+                        "name": "day",
+                        "classes": "govuk-input--width-2",
+                        "autocomplete": "bday-day"
+                    },
+                    {
+                        "name": "month",
+                        "classes": "govuk-input--width-2",
+                        "autocomplete": "bday-month"
+                    },
+                    {
+                        "name": "year",
+                        "classes": "govuk-input--width-4",
+                        "autocomplete": "bday-year"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <fieldset class=\"govuk-fieldset\" role=\"group\" aria-describedby=\"dob-with-autocomplete-attribute-hint\">\n    <legend class=\"govuk-fieldset__legend\">\n      What is your date of birth?\n    </legend>\n    <div id=\"dob-with-autocomplete-attribute-hint\" class=\"govuk-hint\">\n      For example, 31 3 1980\n    </div>\n    <div class=\"govuk-date-input\" id=\"dob-with-autocomplete-attribute\">\n      <div class=\"govuk-date-input__item\">\n        <div class=\"govuk-form-group\">\n          <label class=\"govuk-label govuk-date-input__label\" for=\"dob-with-autocomplete-attribute-day\">\n            Day\n          </label>\n          <input class=\"govuk-input govuk-date-input__input govuk-input--width-2\" id=\"dob-with-autocomplete-attribute-day\" name=\"dob-with-autocomplete-day\" type=\"text\" autocomplete=\"bday-day\" inputmode=\"numeric\">\n        </div>\n      </div>\n      <div class=\"govuk-date-input__item\">\n        <div class=\"govuk-form-group\">\n          <label class=\"govuk-label govuk-date-input__label\" for=\"dob-with-autocomplete-attribute-month\">\n            Month\n          </label>\n          <input class=\"govuk-input govuk-date-input__input govuk-input--width-2\" id=\"dob-with-autocomplete-attribute-month\" name=\"dob-with-autocomplete-month\" type=\"text\" autocomplete=\"bday-month\" inputmode=\"numeric\">\n        </div>\n      </div>\n      <div class=\"govuk-date-input__item\">\n        <div class=\"govuk-form-group\">\n          <label class=\"govuk-label govuk-date-input__label\" for=\"dob-with-autocomplete-attribute-year\">\n            Year\n          </label>\n          <input class=\"govuk-input govuk-date-input__input govuk-input--width-4\" id=\"dob-with-autocomplete-attribute-year\" name=\"dob-with-autocomplete-year\" type=\"text\" autocomplete=\"bday-year\" inputmode=\"numeric\">\n        </div>\n      </div>\n    </div>\n  </fieldset>\n</div>"
+        },
+        {
+            "name": "with input attributes",
+            "options": {
+                "id": "dob-with-input-attributes",
+                "namePrefix": "dob-with-input-attributes",
+                "fieldset": {
+                    "legend": {
+                        "text": "What is your date of birth?"
+                    }
+                },
+                "hint": {
+                    "text": "For example, 31 3 1980"
+                },
+                "items": [
+                    {
+                        "name": "day",
+                        "classes": "govuk-input--width-2",
+                        "attributes": {
+                            "data-example-day": "day"
+                        }
+                    },
+                    {
+                        "name": "month",
+                        "classes": "govuk-input--width-2",
+                        "attributes": {
+                            "data-example-month": "month"
+                        }
+                    },
+                    {
+                        "name": "year",
+                        "classes": "govuk-input--width-4",
+                        "attributes": {
+                            "data-example-year": "year"
+                        }
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <fieldset class=\"govuk-fieldset\" role=\"group\" aria-describedby=\"dob-with-input-attributes-hint\">\n    <legend class=\"govuk-fieldset__legend\">\n      What is your date of birth?\n    </legend>\n    <div id=\"dob-with-input-attributes-hint\" class=\"govuk-hint\">\n      For example, 31 3 1980\n    </div>\n    <div class=\"govuk-date-input\" id=\"dob-with-input-attributes\">\n      <div class=\"govuk-date-input__item\">\n        <div class=\"govuk-form-group\">\n          <label class=\"govuk-label govuk-date-input__label\" for=\"dob-with-input-attributes-day\">\n            Day\n          </label>\n          <input class=\"govuk-input govuk-date-input__input govuk-input--width-2\" id=\"dob-with-input-attributes-day\" name=\"dob-with-input-attributes-day\" type=\"text\" inputmode=\"numeric\" data-example-day=\"day\">\n        </div>\n      </div>\n      <div class=\"govuk-date-input__item\">\n        <div class=\"govuk-form-group\">\n          <label class=\"govuk-label govuk-date-input__label\" for=\"dob-with-input-attributes-month\">\n            Month\n          </label>\n          <input class=\"govuk-input govuk-date-input__input govuk-input--width-2\" id=\"dob-with-input-attributes-month\" name=\"dob-with-input-attributes-month\" type=\"text\" inputmode=\"numeric\" data-example-month=\"month\">\n        </div>\n      </div>\n      <div class=\"govuk-date-input__item\">\n        <div class=\"govuk-form-group\">\n          <label class=\"govuk-label govuk-date-input__label\" for=\"dob-with-input-attributes-year\">\n            Year\n          </label>\n          <input class=\"govuk-input govuk-date-input__input govuk-input--width-4\" id=\"dob-with-input-attributes-year\" name=\"dob-with-input-attributes-year\" type=\"text\" inputmode=\"numeric\" data-example-year=\"year\">\n        </div>\n      </div>\n    </div>\n  </fieldset>\n</div>"
+        }
+    ]
+}
diff --git a/app/templates/govuk/components/date-input/macro-options.json b/app/templates/govuk/components/date-input/macro-options.json
new file mode 100644
index 0000000..5491b1d
--- /dev/null
+++ b/app/templates/govuk/components/date-input/macro-options.json
@@ -0,0 +1,163 @@
+[
+    {
+        "name": "id",
+        "type": "string",
+        "required": true,
+        "description": "This is used for the main component and to compose the ID attribute for each item."
+    },
+    {
+        "name": "namePrefix",
+        "type": "string",
+        "required": false,
+        "description": "Optional prefix. This is used to prefix each item `name`, separated by `-`."
+    },
+    {
+        "name": "items",
+        "type": "array",
+        "required": false,
+        "description": "The inputs within the date input component.",
+        "params": [
+            {
+                "name": "id",
+                "type": "string",
+                "required": false,
+                "description": "Item-specific ID. If provided, it will be used instead of the generated ID."
+            },
+            {
+                "name": "name",
+                "type": "string",
+                "required": true,
+                "description": "Item-specific name attribute."
+            },
+            {
+                "name": "label",
+                "type": "string",
+                "required": false,
+                "description": "Item-specific label text. If provided, this will be used instead of `name` for item label text."
+            },
+            {
+                "name": "value",
+                "type": "string",
+                "required": false,
+                "description": "If provided, it will be used as the initial value of the input."
+            },
+            {
+                "name": "autocomplete",
+                "type": "string",
+                "required": false,
+                "description": "Attribute to meet [WCAG success criterion 1.3.5: Identify input purpose](https://www.w3.org/WAI/WCAG22/Understanding/identify-input-purpose.html), for instance `\"bday-day\"`. See the [Autofill section in the HTML standard](https://html.spec.whatwg.org/multipage/form-control-infrastructure.html#autofill) section in the HTML standard for full list of attributes that can be used."
+            },
+            {
+                "name": "pattern",
+                "type": "string",
+                "required": false,
+                "description": "Attribute to [provide a regular expression pattern](https://html.spec.whatwg.org/multipage/input.html#the-pattern-attribute), used to match allowed character combinations for the input value."
+            },
+            {
+                "name": "classes",
+                "type": "string",
+                "required": false,
+                "description": "Classes to add to date input item."
+            },
+            {
+                "name": "attributes",
+                "type": "object",
+                "required": false,
+                "description": "HTML attributes (for example data attributes) to add to the date input tag."
+            }
+        ]
+    },
+    {
+        "name": "hint",
+        "type": "object",
+        "required": false,
+        "description": "Can be used to add a hint to a date input component.",
+        "isComponent": true
+    },
+    {
+        "name": "errorMessage",
+        "type": "object",
+        "required": false,
+        "description": "Can be used to add an error message to the date input component. The error message component will not display if you use a falsy value for `errorMessage`, for example `false` or `null`.",
+        "isComponent": true
+    },
+    {
+        "name": "formGroup",
+        "type": "object",
+        "required": false,
+        "description": "Additional options for the form group containing the date input component.",
+        "params": [
+            {
+                "name": "classes",
+                "type": "string",
+                "required": false,
+                "description": "Classes to add to the form group (for example to show error state for the whole group)."
+            },
+            {
+                "name": "attributes",
+                "type": "object",
+                "required": false,
+                "description": "HTML attributes (for example data attributes) to add to the form group."
+            },
+            {
+                "name": "beforeInputs",
+                "type": "object",
+                "required": false,
+                "description": "Content to add before the inputs used by the date input component.",
+                "params": [
+                    {
+                        "name": "text",
+                        "type": "string",
+                        "required": true,
+                        "description": "Text to add before the inputs. If `html` is provided, the `text` option will be ignored."
+                    },
+                    {
+                        "name": "html",
+                        "type": "string",
+                        "required": true,
+                        "description": "HTML to add before the inputs. If `html` is provided, the `text` option will be ignored."
+                    }
+                ]
+            },
+            {
+                "name": "afterInputs",
+                "type": "object",
+                "required": false,
+                "description": "Content to add after the inputs used by the date input component.",
+                "params": [
+                    {
+                        "name": "text",
+                        "type": "string",
+                        "required": true,
+                        "description": "Text to add after the inputs. If `html` is provided, the `text` option will be ignored."
+                    },
+                    {
+                        "name": "html",
+                        "type": "string",
+                        "required": true,
+                        "description": "HTML to add after the inputs. If `html` is provided, the `text` option will be ignored."
+                    }
+                ]
+            }
+        ]
+    },
+    {
+        "name": "fieldset",
+        "type": "object",
+        "required": false,
+        "description": "Can be used to add a fieldset to the date input component.",
+        "isComponent": true
+    },
+    {
+        "name": "classes",
+        "type": "string",
+        "required": false,
+        "description": "Classes to add to the date-input container."
+    },
+    {
+        "name": "attributes",
+        "type": "object",
+        "required": false,
+        "description": "HTML attributes (for example data attributes) to add to the date-input container."
+    }
+]
diff --git a/app/templates/govuk/components/date-input/macro.njk b/app/templates/govuk/components/date-input/macro.njk
new file mode 100644
index 0000000..732cdc6
--- /dev/null
+++ b/app/templates/govuk/components/date-input/macro.njk
@@ -0,0 +1,3 @@
+{% macro govukDateInput(params) %}
+  {%- include "./template.njk" -%}
+{% endmacro %}
diff --git a/app/templates/govuk/components/date-input/template-day-and-month.html b/app/templates/govuk/components/date-input/template-day-and-month.html
new file mode 100644
index 0000000..3805b76
--- /dev/null
+++ b/app/templates/govuk/components/date-input/template-day-and-month.html
@@ -0,0 +1,28 @@
+<div class="govuk-form-group">
+  <fieldset class="govuk-fieldset" role="group" aria-describedby="bday-hint">
+    <legend class="govuk-fieldset__legend">
+      What is your birthday?
+    </legend>
+    <div id="bday-hint" class="govuk-hint">
+      For example, 5 12
+    </div>
+    <div class="govuk-date-input" id="bday">
+      <div class="govuk-date-input__item">
+        <div class="govuk-form-group">
+          <label class="govuk-label govuk-date-input__label" for="bday-day">
+            Day
+          </label>
+          <input class="govuk-input govuk-date-input__input govuk-input--width-2" id="bday-day" name="bday-day" type="text" inputmode="numeric">
+        </div>
+      </div>
+      <div class="govuk-date-input__item">
+        <div class="govuk-form-group">
+          <label class="govuk-label govuk-date-input__label" for="bday-month">
+            Month
+          </label>
+          <input class="govuk-input govuk-date-input__input govuk-input--width-2" id="bday-month" name="bday-month" type="text" inputmode="numeric">
+        </div>
+      </div>
+    </div>
+  </fieldset>
+</div>
diff --git a/app/templates/govuk/components/date-input/template-default.html b/app/templates/govuk/components/date-input/template-default.html
new file mode 100644
index 0000000..7a87bcf
--- /dev/null
+++ b/app/templates/govuk/components/date-input/template-default.html
@@ -0,0 +1,36 @@
+<div class="govuk-form-group">
+  <fieldset class="govuk-fieldset" role="group" aria-describedby="dob-hint">
+    <legend class="govuk-fieldset__legend">
+      What is your date of birth?
+    </legend>
+    <div id="dob-hint" class="govuk-hint">
+      For example, 31 3 1980
+    </div>
+    <div class="govuk-date-input" id="dob">
+      <div class="govuk-date-input__item">
+        <div class="govuk-form-group">
+          <label class="govuk-label govuk-date-input__label" for="dob-day">
+            Day
+          </label>
+          <input class="govuk-input govuk-date-input__input govuk-input--width-2" id="dob-day" name="day" type="text" inputmode="numeric">
+        </div>
+      </div>
+      <div class="govuk-date-input__item">
+        <div class="govuk-form-group">
+          <label class="govuk-label govuk-date-input__label" for="dob-month">
+            Month
+          </label>
+          <input class="govuk-input govuk-date-input__input govuk-input--width-2" id="dob-month" name="month" type="text" inputmode="numeric">
+        </div>
+      </div>
+      <div class="govuk-date-input__item">
+        <div class="govuk-form-group">
+          <label class="govuk-label govuk-date-input__label" for="dob-year">
+            Year
+          </label>
+          <input class="govuk-input govuk-date-input__input govuk-input--width-4" id="dob-year" name="year" type="text" inputmode="numeric">
+        </div>
+      </div>
+    </div>
+  </fieldset>
+</div>
diff --git a/app/templates/govuk/components/date-input/template-month-and-year.html b/app/templates/govuk/components/date-input/template-month-and-year.html
new file mode 100644
index 0000000..4fb458f
--- /dev/null
+++ b/app/templates/govuk/components/date-input/template-month-and-year.html
@@ -0,0 +1,28 @@
+<div class="govuk-form-group">
+  <fieldset class="govuk-fieldset" role="group" aria-describedby="dob-hint">
+    <legend class="govuk-fieldset__legend">
+      When did you move to this property?
+    </legend>
+    <div id="dob-hint" class="govuk-hint">
+      For example, 3 1980
+    </div>
+    <div class="govuk-date-input" id="dob">
+      <div class="govuk-date-input__item">
+        <div class="govuk-form-group">
+          <label class="govuk-label govuk-date-input__label" for="dob-month">
+            Month
+          </label>
+          <input class="govuk-input govuk-date-input__input govuk-input--width-2" id="dob-month" name="dob-month" type="text" inputmode="numeric">
+        </div>
+      </div>
+      <div class="govuk-date-input__item">
+        <div class="govuk-form-group">
+          <label class="govuk-label govuk-date-input__label" for="dob-year">
+            Year
+          </label>
+          <input class="govuk-input govuk-date-input__input govuk-input--width-4" id="dob-year" name="dob-year" type="text" inputmode="numeric">
+        </div>
+      </div>
+    </div>
+  </fieldset>
+</div>
diff --git a/app/templates/govuk/components/date-input/template-with-error-on-day-input.html b/app/templates/govuk/components/date-input/template-with-error-on-day-input.html
new file mode 100644
index 0000000..fd4338d
--- /dev/null
+++ b/app/templates/govuk/components/date-input/template-with-error-on-day-input.html
@@ -0,0 +1,39 @@
+<div class="govuk-form-group govuk-form-group--error">
+  <fieldset class="govuk-fieldset" role="group" aria-describedby="dob-day-error-hint dob-day-error-error">
+    <legend class="govuk-fieldset__legend">
+      What is your date of birth?
+    </legend>
+    <div id="dob-day-error-hint" class="govuk-hint">
+      For example, 31 3 1980
+    </div>
+    <p id="dob-day-error-error" class="govuk-error-message">
+      <span class="govuk-visually-hidden">Error:</span> Error message goes here
+    </p>
+    <div class="govuk-date-input" id="dob-day-error">
+      <div class="govuk-date-input__item">
+        <div class="govuk-form-group">
+          <label class="govuk-label govuk-date-input__label" for="dob-day-error-day">
+            Day
+          </label>
+          <input class="govuk-input govuk-date-input__input govuk-input--width-2 govuk-input--error" id="dob-day-error-day" name="dob-day-error-day" type="text" inputmode="numeric">
+        </div>
+      </div>
+      <div class="govuk-date-input__item">
+        <div class="govuk-form-group">
+          <label class="govuk-label govuk-date-input__label" for="dob-day-error-month">
+            Month
+          </label>
+          <input class="govuk-input govuk-date-input__input govuk-input--width-2" id="dob-day-error-month" name="dob-day-error-month" type="text" inputmode="numeric">
+        </div>
+      </div>
+      <div class="govuk-date-input__item">
+        <div class="govuk-form-group">
+          <label class="govuk-label govuk-date-input__label" for="dob-day-error-year">
+            Year
+          </label>
+          <input class="govuk-input govuk-date-input__input govuk-input--width-4" id="dob-day-error-year" name="dob-day-error-year" type="text" inputmode="numeric">
+        </div>
+      </div>
+    </div>
+  </fieldset>
+</div>
diff --git a/app/templates/govuk/components/date-input/template-with-error-on-month-input.html b/app/templates/govuk/components/date-input/template-with-error-on-month-input.html
new file mode 100644
index 0000000..ca1c73b
--- /dev/null
+++ b/app/templates/govuk/components/date-input/template-with-error-on-month-input.html
@@ -0,0 +1,39 @@
+<div class="govuk-form-group govuk-form-group--error">
+  <fieldset class="govuk-fieldset" role="group" aria-describedby="dob-month-error-hint dob-month-error-error">
+    <legend class="govuk-fieldset__legend">
+      What is your date of birth?
+    </legend>
+    <div id="dob-month-error-hint" class="govuk-hint">
+      For example, 31 3 1980
+    </div>
+    <p id="dob-month-error-error" class="govuk-error-message">
+      <span class="govuk-visually-hidden">Error:</span> Error message goes here
+    </p>
+    <div class="govuk-date-input" id="dob-month-error">
+      <div class="govuk-date-input__item">
+        <div class="govuk-form-group">
+          <label class="govuk-label govuk-date-input__label" for="dob-month-error-day">
+            Day
+          </label>
+          <input class="govuk-input govuk-date-input__input govuk-input--width-2" id="dob-month-error-day" name="dob-month-error-day" type="text" inputmode="numeric">
+        </div>
+      </div>
+      <div class="govuk-date-input__item">
+        <div class="govuk-form-group">
+          <label class="govuk-label govuk-date-input__label" for="dob-month-error-month">
+            Month
+          </label>
+          <input class="govuk-input govuk-date-input__input govuk-input--width-2 govuk-input--error" id="dob-month-error-month" name="dob-month-error-month" type="text" inputmode="numeric">
+        </div>
+      </div>
+      <div class="govuk-date-input__item">
+        <div class="govuk-form-group">
+          <label class="govuk-label govuk-date-input__label" for="dob-month-error-year">
+            Year
+          </label>
+          <input class="govuk-input govuk-date-input__input govuk-input--width-4" id="dob-month-error-year" name="dob-month-error-year" type="text" inputmode="numeric">
+        </div>
+      </div>
+    </div>
+  </fieldset>
+</div>
diff --git a/app/templates/govuk/components/date-input/template-with-error-on-year-input.html b/app/templates/govuk/components/date-input/template-with-error-on-year-input.html
new file mode 100644
index 0000000..478bd73
--- /dev/null
+++ b/app/templates/govuk/components/date-input/template-with-error-on-year-input.html
@@ -0,0 +1,39 @@
+<div class="govuk-form-group govuk-form-group--error">
+  <fieldset class="govuk-fieldset" role="group" aria-describedby="dob-year-error-hint dob-year-error-error">
+    <legend class="govuk-fieldset__legend">
+      What is your date of birth?
+    </legend>
+    <div id="dob-year-error-hint" class="govuk-hint">
+      For example, 31 3 1980
+    </div>
+    <p id="dob-year-error-error" class="govuk-error-message">
+      <span class="govuk-visually-hidden">Error:</span> Error message goes here
+    </p>
+    <div class="govuk-date-input" id="dob-year-error">
+      <div class="govuk-date-input__item">
+        <div class="govuk-form-group">
+          <label class="govuk-label govuk-date-input__label" for="dob-year-error-day">
+            Day
+          </label>
+          <input class="govuk-input govuk-date-input__input govuk-input--width-2" id="dob-year-error-day" name="dob-year-error-day" type="text" inputmode="numeric">
+        </div>
+      </div>
+      <div class="govuk-date-input__item">
+        <div class="govuk-form-group">
+          <label class="govuk-label govuk-date-input__label" for="dob-year-error-month">
+            Month
+          </label>
+          <input class="govuk-input govuk-date-input__input govuk-input--width-2" id="dob-year-error-month" name="dob-year-error-month" type="text" inputmode="numeric">
+        </div>
+      </div>
+      <div class="govuk-date-input__item">
+        <div class="govuk-form-group">
+          <label class="govuk-label govuk-date-input__label" for="dob-year-error-year">
+            Year
+          </label>
+          <input class="govuk-input govuk-date-input__input govuk-input--width-4 govuk-input--error" id="dob-year-error-year" name="dob-year-error-year" type="text" inputmode="numeric">
+        </div>
+      </div>
+    </div>
+  </fieldset>
+</div>
diff --git a/app/templates/govuk/components/date-input/template-with-errors-and-hint.html b/app/templates/govuk/components/date-input/template-with-errors-and-hint.html
new file mode 100644
index 0000000..0e6216d
--- /dev/null
+++ b/app/templates/govuk/components/date-input/template-with-errors-and-hint.html
@@ -0,0 +1,39 @@
+<div class="govuk-form-group govuk-form-group--error">
+  <fieldset class="govuk-fieldset" role="group" aria-describedby="dob-errors-hint dob-errors-error">
+    <legend class="govuk-fieldset__legend">
+      What is your date of birth?
+    </legend>
+    <div id="dob-errors-hint" class="govuk-hint">
+      For example, 31 3 1980
+    </div>
+    <p id="dob-errors-error" class="govuk-error-message">
+      <span class="govuk-visually-hidden">Error:</span> Error message goes here
+    </p>
+    <div class="govuk-date-input" id="dob-errors">
+      <div class="govuk-date-input__item">
+        <div class="govuk-form-group">
+          <label class="govuk-label govuk-date-input__label" for="dob-errors-day">
+            Day
+          </label>
+          <input class="govuk-input govuk-date-input__input govuk-input--width-2 govuk-input--error" id="dob-errors-day" name="day" type="text" inputmode="numeric">
+        </div>
+      </div>
+      <div class="govuk-date-input__item">
+        <div class="govuk-form-group">
+          <label class="govuk-label govuk-date-input__label" for="dob-errors-month">
+            Month
+          </label>
+          <input class="govuk-input govuk-date-input__input govuk-input--width-2 govuk-input--error" id="dob-errors-month" name="month" type="text" inputmode="numeric">
+        </div>
+      </div>
+      <div class="govuk-date-input__item">
+        <div class="govuk-form-group">
+          <label class="govuk-label govuk-date-input__label" for="dob-errors-year">
+            Year
+          </label>
+          <input class="govuk-input govuk-date-input__input govuk-input--width-4 govuk-input--error" id="dob-errors-year" name="year" type="text" inputmode="numeric">
+        </div>
+      </div>
+    </div>
+  </fieldset>
+</div>
diff --git a/app/templates/govuk/components/date-input/template-with-errors-only.html b/app/templates/govuk/components/date-input/template-with-errors-only.html
new file mode 100644
index 0000000..cde68fc
--- /dev/null
+++ b/app/templates/govuk/components/date-input/template-with-errors-only.html
@@ -0,0 +1,36 @@
+<div class="govuk-form-group govuk-form-group--error">
+  <fieldset class="govuk-fieldset" role="group" aria-describedby="dob-errors-error">
+    <legend class="govuk-fieldset__legend">
+      What is your date of birth?
+    </legend>
+    <p id="dob-errors-error" class="govuk-error-message">
+      <span class="govuk-visually-hidden">Error:</span> Error message goes here
+    </p>
+    <div class="govuk-date-input" id="dob-errors">
+      <div class="govuk-date-input__item">
+        <div class="govuk-form-group">
+          <label class="govuk-label govuk-date-input__label" for="dob-errors-day">
+            Day
+          </label>
+          <input class="govuk-input govuk-date-input__input govuk-input--width-2 govuk-input--error" id="dob-errors-day" name="day" type="text" inputmode="numeric">
+        </div>
+      </div>
+      <div class="govuk-date-input__item">
+        <div class="govuk-form-group">
+          <label class="govuk-label govuk-date-input__label" for="dob-errors-month">
+            Month
+          </label>
+          <input class="govuk-input govuk-date-input__input govuk-input--width-2 govuk-input--error" id="dob-errors-month" name="month" type="text" inputmode="numeric">
+        </div>
+      </div>
+      <div class="govuk-date-input__item">
+        <div class="govuk-form-group">
+          <label class="govuk-label govuk-date-input__label" for="dob-errors-year">
+            Year
+          </label>
+          <input class="govuk-input govuk-date-input__input govuk-input--width-4 govuk-input--error" id="dob-errors-year" name="year" type="text" inputmode="numeric">
+        </div>
+      </div>
+    </div>
+  </fieldset>
+</div>
diff --git a/app/templates/govuk/components/date-input/template-with-items.html b/app/templates/govuk/components/date-input/template-with-items.html
new file mode 100644
index 0000000..2cd25be
--- /dev/null
+++ b/app/templates/govuk/components/date-input/template-with-items.html
@@ -0,0 +1,36 @@
+<div class="govuk-form-group">
+  <fieldset class="govuk-fieldset" role="group" aria-describedby="dob-hint">
+    <legend class="govuk-fieldset__legend">
+      What is your date of birth?
+    </legend>
+    <div id="dob-hint" class="govuk-hint">
+      For example, 31 3 1980
+    </div>
+    <div class="govuk-date-input" id="dob">
+      <div class="govuk-date-input__item">
+        <div class="govuk-form-group">
+          <label class="govuk-label govuk-date-input__label" for="dob-day">
+            Day
+          </label>
+          <input class="govuk-input govuk-date-input__input govuk-input--width-2" id="dob-day" name="dob-day" type="text" inputmode="numeric">
+        </div>
+      </div>
+      <div class="govuk-date-input__item">
+        <div class="govuk-form-group">
+          <label class="govuk-label govuk-date-input__label" for="dob-month">
+            Month
+          </label>
+          <input class="govuk-input govuk-date-input__input govuk-input--width-2" id="dob-month" name="dob-month" type="text" inputmode="numeric">
+        </div>
+      </div>
+      <div class="govuk-date-input__item">
+        <div class="govuk-form-group">
+          <label class="govuk-label govuk-date-input__label" for="dob-year">
+            Year
+          </label>
+          <input class="govuk-input govuk-date-input__input govuk-input--width-4" id="dob-year" name="dob-year" type="text" inputmode="numeric">
+        </div>
+      </div>
+    </div>
+  </fieldset>
+</div>
diff --git a/app/templates/govuk/components/date-input/template.njk b/app/templates/govuk/components/date-input/template.njk
new file mode 100644
index 0000000..a7aeca1
--- /dev/null
+++ b/app/templates/govuk/components/date-input/template.njk
@@ -0,0 +1,106 @@
+{% from "../../macros/attributes.njk" import govukAttributes %}
+{% from "../error-message/macro.njk" import govukErrorMessage %}
+{% from "../fieldset/macro.njk" import govukFieldset %}
+{% from "../hint/macro.njk" import govukHint %}
+{% from "../input/macro.njk" import govukInput %}
+
+{#- a record of other elements that we need to associate with the input using
+  aria-describedby – for example hints or error messages -#}
+{% set describedBy = params.fieldset.describedBy if params.fieldset.describedBy else "" %}
+
+{#- fieldset is false by default -#}
+{% set hasFieldset = true if params.fieldset else false %}
+
+{%- if params.items | length %}
+  {% set dateInputItems = params.items %}
+{% else %}
+  {% set dateInputItems = [
+    {
+      name: "day",
+      classes: "govuk-input--width-2"
+    },
+    {
+      name: "month",
+      classes: "govuk-input--width-2"
+    },
+    {
+      name: "year",
+      classes: "govuk-input--width-4"
+    }
+  ] %}
+{% endif %}
+
+{#- Capture the HTML so we can optionally nest it in a fieldset -#}
+{% set innerHtml %}
+{% if params.hint %}
+  {% set hintId = params.id + "-hint" %}
+  {% set describedBy = describedBy + " " + hintId if describedBy else hintId %}
+  {{ govukHint({
+    id: hintId,
+    classes: params.hint.classes,
+    attributes: params.hint.attributes,
+    html: params.hint.html,
+    text: params.hint.text
+  }) | trim | indent(2) }}
+{% endif %}
+{% if params.errorMessage %}
+  {% set errorId = params.id + "-error" %}
+  {% set describedBy = describedBy + " " + errorId if describedBy else errorId %}
+  {{ govukErrorMessage({
+    id: errorId,
+    classes: params.errorMessage.classes,
+    attributes: params.errorMessage.attributes,
+    html: params.errorMessage.html,
+    text: params.errorMessage.text,
+    visuallyHiddenText: params.errorMessage.visuallyHiddenText
+  }) | trim | indent(2) }}
+{% endif %}
+  <div class="govuk-date-input {%- if params.classes %} {{ params.classes }}{% endif %}"
+    {{- govukAttributes(params.attributes) -}}
+    {%- if params.id %} id="{{ params.id }}"{% endif %}>
+    {% if params.formGroup.beforeInputs %}
+    {{ params.formGroup.beforeInputs.html | safe | trim | indent(4) if params.formGroup.beforeInputs.html else params.formGroup.beforeInputs.text }}
+    {% endif %}
+    {% for item in dateInputItems %}
+    <div class="govuk-date-input__item">
+      {{ govukInput({
+        label: {
+          text: item.label if item.label else item.name | capitalize,
+          classes: "govuk-date-input__label"
+        },
+        id: item.id if item.id else (params.id + "-" + item.name),
+        classes: "govuk-date-input__input " + (item.classes if item.classes),
+        name: (params.namePrefix + "-" + item.name) if params.namePrefix else item.name,
+        value: item.value,
+        type: "text",
+        inputmode: item.inputmode if item.inputmode else "numeric",
+        autocomplete: item.autocomplete,
+        pattern: item.pattern,
+        attributes: item.attributes
+      }) | trim | indent(6) }}
+    </div>
+    {% endfor %}
+    {% if params.formGroup.afterInputs %}
+    {{ params.formGroup.afterInputs.html | safe | trim | indent(4) if params.formGroup.afterInputs.html else params.formGroup.afterInputs.text }}
+    {% endif %}
+  </div>
+{% endset -%}
+
+<div class="govuk-form-group {%- if params.errorMessage %} govuk-form-group--error{% endif %} {%- if params.formGroup.classes %} {{ params.formGroup.classes }}{% endif %}" {{- govukAttributes(params.formGroup.attributes) }}>
+{% if hasFieldset %}
+  {# We override the fieldset's role to 'group' because otherwise JAWS does not
+    announce the description for a fieldset comprised of text inputs, but
+    adding the role to the fieldset always makes the output overly verbose for
+    radio buttons or checkboxes. -#}
+  {{ govukFieldset({
+    describedBy: describedBy,
+    classes: params.fieldset.classes,
+    role: 'group',
+    attributes: params.fieldset.attributes,
+    legend: params.fieldset.legend,
+    html: innerHtml | trim
+  }) | trim | indent(2) }}
+{% else %}
+  {{ innerHtml | safe | trim }}
+{% endif %}
+</div>
diff --git a/app/templates/govuk/components/details/README.md b/app/templates/govuk/components/details/README.md
new file mode 100644
index 0000000..627f209
--- /dev/null
+++ b/app/templates/govuk/components/details/README.md
@@ -0,0 +1,15 @@
+# Details
+
+## Installation
+
+See the [main README quick start guide](https://github.com/alphagov/govuk-frontend#quick-start) for how to install this component.
+
+## Guidance and Examples
+
+Find out when to use the details component in your service in the [GOV.UK Design System](https://design-system.service.gov.uk/components/details).
+
+## Component options
+
+Use options to customise the appearance, content and behaviour of a component when using a macro, for example, changing the text.
+
+See [options table](https://design-system.service.gov.uk/components/details/#options-details-example) for details.
diff --git a/app/templates/govuk/components/details/_details.scss b/app/templates/govuk/components/details/_details.scss
new file mode 100644
index 0000000..c9a4758
--- /dev/null
+++ b/app/templates/govuk/components/details/_details.scss
@@ -0,0 +1,4 @@
+@import "../../base";
+@import "./index";
+
+/*# sourceMappingURL=_details.scss.map */
diff --git a/app/templates/govuk/components/details/_details.scss.map b/app/templates/govuk/components/details/_details.scss.map
new file mode 100644
index 0000000..3bdf6ff
--- /dev/null
+++ b/app/templates/govuk/components/details/_details.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/details/_details.scss"],"names":[],"mappings":"AAAA,oBAAoB;AACpB,iBAAiB","file":"_details.scss","sourcesContent":["@import \"../../base\";\n@import \"./index\";\n"]}
diff --git a/app/templates/govuk/components/details/_index.scss b/app/templates/govuk/components/details/_index.scss
new file mode 100644
index 0000000..f349edc
--- /dev/null
+++ b/app/templates/govuk/components/details/_index.scss
@@ -0,0 +1,139 @@
+@include govuk-exports("govuk/component/details") {
+  .govuk-details {
+    @include govuk-font($size: 19);
+    @include govuk-text-colour;
+    @include govuk-responsive-margin(6, "bottom");
+
+    display: block;
+  }
+
+  .govuk-details__summary {
+    display: block;
+  }
+
+  .govuk-details[open] .govuk-details__summary {
+    margin-bottom: govuk-spacing(1);
+  }
+
+  .govuk-details__summary-text {
+    > :first-child {
+      margin-top: 0;
+    }
+
+    > :only-child,
+    > :last-child {
+      margin-bottom: 0;
+    }
+  }
+
+  .govuk-details__text {
+    padding-top: govuk-spacing(3);
+    padding-bottom: govuk-spacing(3);
+    padding-left: govuk-spacing(4);
+  }
+
+  .govuk-details__text p {
+    margin-top: 0;
+    margin-bottom: govuk-spacing(4);
+  }
+
+  .govuk-details__text > :last-child {
+    margin-bottom: 0;
+  }
+
+  // Hack to target IE8 - IE11 (and REALLY old Firefox)
+  // These browsers don't support the details element, so fall back to looking
+  // like inset text
+  @media screen\0 {
+    .govuk-details {
+      border-left: $govuk-border-width-wide solid $govuk-border-colour;
+    }
+
+    .govuk-details__summary {
+      margin-top: govuk-spacing(3);
+    }
+
+    .govuk-details__summary-text {
+      @include govuk-typography-weight-bold;
+      @include govuk-responsive-margin(4, "bottom");
+      padding-left: govuk-spacing(4);
+    }
+  }
+
+  // We wrap styles for newer browsers in a feature query, which is ignored by
+  // older browsers, which always expand the details element.
+  //
+  // Additionally, -ms-ime-align is only supported by Edge 12 - 18
+  //
+  // This ensures we don't use these styles in browsers which:
+  //   - support ES6 modules but not the <details> element (Edge 16 - 18)
+  //   - do not support ES6 modules or the <details> element (eg, IE8+)
+  @supports not (-ms-ime-align: auto) {
+    .govuk-details__summary {
+      // Absolutely position the marker against this element
+      position: relative;
+
+      // Make the focus outline shrink-wrap the text content of the summary
+      width: -webkit-fit-content;
+      width: fit-content;
+
+      // Allow for absolutely positioned marker and align with disclosed text
+      padding-left: govuk-spacing(4) + $govuk-border-width;
+
+      // Style the summary to look like a link...
+      color: $govuk-link-colour;
+      cursor: pointer;
+
+      &:hover {
+        color: $govuk-link-hover-colour;
+      }
+
+      &:focus {
+        @include govuk-focused-text;
+      }
+    }
+    // ...but only underline the text, not the arrow
+    .govuk-details__summary-text {
+      @include govuk-link-decoration;
+    }
+
+    .govuk-details__summary:hover .govuk-details__summary-text {
+      @include govuk-link-hover-decoration;
+    }
+
+    // Remove the underline when focussed to avoid duplicate borders
+    .govuk-details__summary:focus .govuk-details__summary-text {
+      text-decoration: none;
+    }
+
+    // Remove the default details marker so we can style our own consistently and
+    // ensure it displays in Firefox (see implementation.md for details)
+    .govuk-details__summary::-webkit-details-marker {
+      display: none;
+    }
+
+    // Append our own open / closed marker using a pseudo-element
+    .govuk-details__summary::before {
+      content: "";
+      position: absolute;
+
+      top: -1px;
+      bottom: 0;
+      left: 0;
+
+      margin: auto;
+
+      @include govuk-shape-arrow($direction: right, $base: 14px);
+
+      .govuk-details[open] > & {
+        @include govuk-shape-arrow($direction: down, $base: 14px);
+      }
+    }
+
+    .govuk-details__text {
+      border-left: $govuk-border-width solid $govuk-border-colour;
+    }
+  }
+}
+
+/*# sourceMappingURL=_index.scss.map */
diff --git a/app/templates/govuk/components/details/_index.scss.map b/app/templates/govuk/components/details/_index.scss.map
new file mode 100644
index 0000000..a887b12
--- /dev/null
+++ b/app/templates/govuk/components/details/_index.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/details/_index.scss"],"names":[],"mappings":"AAAA;EACE;IACE,8BAA8B;IAC9B,0BAA0B;IAC1B,6CAA6C;;IAE7C,cAAc;EAChB;;EAEA;IACE,cAAc;EAChB;;EAEA;IACE,+BAA+B;EACjC;;EAEA;IACE;MACE,aAAa;IACf;;IAEA;;MAEE,gBAAgB;IAClB;EACF;;EAEA;IACE,6BAA6B;IAC7B,gCAAgC;IAChC,8BAA8B;EAChC;;EAEA;IACE,aAAa;IACb,+BAA+B;EACjC;;EAEA;IACE,gBAAgB;EAClB;;EAEA,oDAAoD;EACpD,2EAA2E;EAC3E,iBAAiB;EACjB;IACE;MACE,gEAAgE;IAClE;;IAEA;MACE,4BAA4B;IAC9B;;IAEA;MACE,qCAAqC;MACrC,6CAA6C;MAC7C,8BAA8B;IAChC;EACF;;EAEA,2EAA2E;EAC3E,0DAA0D;EAC1D,CAAC;EACD,+DAA+D;EAC/D,CAAC;EACD,2DAA2D;EAC3D,sEAAsE;EACtE,oEAAoE;EACpE;IACE;MACE,qDAAqD;MACrD,kBAAkB;;MAElB,oEAAoE;MACpE,0BAAkB;MAAlB,kBAAkB;;MAElB,sEAAsE;MACtE,oDAAoD;;MAEpD,0CAA0C;MAC1C,yBAAyB;MACzB,eAAe;;MAEf;QACE,+BAA+B;MACjC;;MAEA;QACE,2BAA2B;MAC7B;IACF;IACA,+CAA+C;IAC/C;MACE,8BAA8B;IAChC;;IAEA;MACE,oCAAoC;IACtC;;IAEA,+DAA+D;IAC/D;MACE,qBAAqB;IACvB;;IAEA,4EAA4E;IAC5E,mEAAmE;IACnE;MACE,aAAa;IACf;;IAEA,4DAA4D;IAC5D;MACE,WAAW;MACX,kBAAkB;;MAElB,SAAS;MACT,SAAS;MACT,OAAO;;MAEP,YAAY;;MAEZ,0DAA0D;;MAE1D;QACE,yDAAyD;MAC3D;IACF;;IAEA;MACE,2DAA2D;IAC7D;EACF;AACF","file":"_index.scss","sourcesContent":["@include govuk-exports(\"govuk/component/details\") {\n  .govuk-details {\n    @include govuk-font($size: 19);\n    @include govuk-text-colour;\n    @include govuk-responsive-margin(6, \"bottom\");\n\n    display: block;\n  }\n\n  .govuk-details__summary {\n    display: block;\n  }\n\n  .govuk-details[open] .govuk-details__summary {\n    margin-bottom: govuk-spacing(1);\n  }\n\n  .govuk-details__summary-text {\n    > :first-child {\n      margin-top: 0;\n    }\n\n    > :only-child,\n    > :last-child {\n      margin-bottom: 0;\n    }\n  }\n\n  .govuk-details__text {\n    padding-top: govuk-spacing(3);\n    padding-bottom: govuk-spacing(3);\n    padding-left: govuk-spacing(4);\n  }\n\n  .govuk-details__text p {\n    margin-top: 0;\n    margin-bottom: govuk-spacing(4);\n  }\n\n  .govuk-details__text > :last-child {\n    margin-bottom: 0;\n  }\n\n  // Hack to target IE8 - IE11 (and REALLY old Firefox)\n  // These browsers don't support the details element, so fall back to looking\n  // like inset text\n  @media screen\\0 {\n    .govuk-details {\n      border-left: $govuk-border-width-wide solid $govuk-border-colour;\n    }\n\n    .govuk-details__summary {\n      margin-top: govuk-spacing(3);\n    }\n\n    .govuk-details__summary-text {\n      @include govuk-typography-weight-bold;\n      @include govuk-responsive-margin(4, \"bottom\");\n      padding-left: govuk-spacing(4);\n    }\n  }\n\n  // We wrap styles for newer browsers in a feature query, which is ignored by\n  // older browsers, which always expand the details element.\n  //\n  // Additionally, -ms-ime-align is only supported by Edge 12 - 18\n  //\n  // This ensures we don't use these styles in browsers which:\n  //   - support ES6 modules but not the <details> element (Edge 16 - 18)\n  //   - do not support ES6 modules or the <details> element (eg, IE8+)\n  @supports not (-ms-ime-align: auto) {\n    .govuk-details__summary {\n      // Absolutely position the marker against this element\n      position: relative;\n\n      // Make the focus outline shrink-wrap the text content of the summary\n      width: fit-content;\n\n      // Allow for absolutely positioned marker and align with disclosed text\n      padding-left: govuk-spacing(4) + $govuk-border-width;\n\n      // Style the summary to look like a link...\n      color: $govuk-link-colour;\n      cursor: pointer;\n\n      &:hover {\n        color: $govuk-link-hover-colour;\n      }\n\n      &:focus {\n        @include govuk-focused-text;\n      }\n    }\n    // ...but only underline the text, not the arrow\n    .govuk-details__summary-text {\n      @include govuk-link-decoration;\n    }\n\n    .govuk-details__summary:hover .govuk-details__summary-text {\n      @include govuk-link-hover-decoration;\n    }\n\n    // Remove the underline when focussed to avoid duplicate borders\n    .govuk-details__summary:focus .govuk-details__summary-text {\n      text-decoration: none;\n    }\n\n    // Remove the default details marker so we can style our own consistently and\n    // ensure it displays in Firefox (see implementation.md for details)\n    .govuk-details__summary::-webkit-details-marker {\n      display: none;\n    }\n\n    // Append our own open / closed marker using a pseudo-element\n    .govuk-details__summary::before {\n      content: \"\";\n      position: absolute;\n\n      top: -1px;\n      bottom: 0;\n      left: 0;\n\n      margin: auto;\n\n      @include govuk-shape-arrow($direction: right, $base: 14px);\n\n      .govuk-details[open] > & {\n        @include govuk-shape-arrow($direction: down, $base: 14px);\n      }\n    }\n\n    .govuk-details__text {\n      border-left: $govuk-border-width solid $govuk-border-colour;\n    }\n  }\n}\n"]}
diff --git a/app/templates/govuk/components/details/fixtures.json b/app/templates/govuk/components/details/fixtures.json
new file mode 100644
index 0000000..cdc8012
--- /dev/null
+++ b/app/templates/govuk/components/details/fixtures.json
@@ -0,0 +1,133 @@
+{
+    "component": "details",
+    "fixtures": [
+        {
+            "name": "default",
+            "options": {
+                "summaryText": "Help with nationality",
+                "text": "We need to know your nationality so we can work out which elections you’re entitled to vote in. If you can’t provide your nationality, you’ll have to send copies of identity documents through the post."
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": true,
+            "html": "<details class=\"govuk-details\">\n  <summary class=\"govuk-details__summary\">\n    <span class=\"govuk-details__summary-text\">\n      Help with nationality\n    </span>\n  </summary>\n  <div class=\"govuk-details__text\">\n    We need to know your nationality so we can work out which elections you’re entitled to vote in. If you can’t provide your nationality, you’ll have to send copies of identity documents through the post.\n  </div>\n</details>"
+        },
+        {
+            "name": "expanded",
+            "options": {
+                "id": "help-with-nationality",
+                "summaryText": "Help with nationality",
+                "text": "We need to know your nationality so we can work out which elections you’re entitled to vote in. If you can’t provide your nationality, you’ll have to send copies of identity documents through the post.",
+                "open": true
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": true,
+            "html": "<details id=\"help-with-nationality\" class=\"govuk-details\" open>\n  <summary class=\"govuk-details__summary\">\n    <span class=\"govuk-details__summary-text\">\n      Help with nationality\n    </span>\n  </summary>\n  <div class=\"govuk-details__text\">\n    We need to know your nationality so we can work out which elections you’re entitled to vote in. If you can’t provide your nationality, you’ll have to send copies of identity documents through the post.\n  </div>\n</details>"
+        },
+        {
+            "name": "id",
+            "options": {
+                "id": "my-details-element",
+                "summaryText": "Expand this section",
+                "text": "Here are some more details"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<details id=\"my-details-element\" class=\"govuk-details\">\n  <summary class=\"govuk-details__summary\">\n    <span class=\"govuk-details__summary-text\">\n      Expand this section\n    </span>\n  </summary>\n  <div class=\"govuk-details__text\">\n    Here are some more details\n  </div>\n</details>"
+        },
+        {
+            "name": "html as text",
+            "options": {
+                "summaryText": "Expand this section",
+                "text": "More about the greater than symbol (>)"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<details class=\"govuk-details\">\n  <summary class=\"govuk-details__summary\">\n    <span class=\"govuk-details__summary-text\">\n      Expand this section\n    </span>\n  </summary>\n  <div class=\"govuk-details__text\">\n    More about the greater than symbol (&gt;)\n  </div>\n</details>"
+        },
+        {
+            "name": "html",
+            "options": {
+                "summaryText": "Expand this section",
+                "html": "More about <b>bold text</b>"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<details class=\"govuk-details\">\n  <summary class=\"govuk-details__summary\">\n    <span class=\"govuk-details__summary-text\">\n      Expand this section\n    </span>\n  </summary>\n  <div class=\"govuk-details__text\">\n    More about <b>bold text</b>\n  </div>\n</details>"
+        },
+        {
+            "name": "summary html as text",
+            "options": {
+                "summaryText": "The greater than symbol (>) is the best",
+                "text": "Here are some more details"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<details class=\"govuk-details\">\n  <summary class=\"govuk-details__summary\">\n    <span class=\"govuk-details__summary-text\">\n      The greater than symbol (&gt;) is the best\n    </span>\n  </summary>\n  <div class=\"govuk-details__text\">\n    Here are some more details\n  </div>\n</details>"
+        },
+        {
+            "name": "summary html",
+            "options": {
+                "summaryHtml": "Use <b>bold text</b> sparingly",
+                "text": "Here are some more details"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<details class=\"govuk-details\">\n  <summary class=\"govuk-details__summary\">\n    <span class=\"govuk-details__summary-text\">\n      Use <b>bold text</b> sparingly\n    </span>\n  </summary>\n  <div class=\"govuk-details__text\">\n    Here are some more details\n  </div>\n</details>"
+        },
+        {
+            "name": "classes",
+            "options": {
+                "classes": "some-additional-class",
+                "text": "Here are some more details",
+                "summaryText": "Expand me"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<details class=\"govuk-details some-additional-class\">\n  <summary class=\"govuk-details__summary\">\n    <span class=\"govuk-details__summary-text\">\n      Expand me\n    </span>\n  </summary>\n  <div class=\"govuk-details__text\">\n    Here are some more details\n  </div>\n</details>"
+        },
+        {
+            "name": "attributes",
+            "options": {
+                "text": "Here are some more details",
+                "summaryText": "Expand me",
+                "attributes": {
+                    "data-some-data-attribute": "i-love-data",
+                    "another-attribute": "foo"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<details class=\"govuk-details\" data-some-data-attribute=\"i-love-data\" another-attribute=\"foo\">\n  <summary class=\"govuk-details__summary\">\n    <span class=\"govuk-details__summary-text\">\n      Expand me\n    </span>\n  </summary>\n  <div class=\"govuk-details__text\">\n    Here are some more details\n  </div>\n</details>"
+        },
+        {
+            "name": "with html",
+            "options": {
+                "summaryText": "Where to find your National Insurance Number",
+                "html": "Your National Insurance number can be found on\n<ul>\n  <li>your National Insurance card</li>\n  <li>your payslip</li>\n  <li>P60</li>\n  <li>benefits information</li>\n  <li>tax return</li>\n</ul>\n"
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<details class=\"govuk-details\">\n  <summary class=\"govuk-details__summary\">\n    <span class=\"govuk-details__summary-text\">\n      Where to find your National Insurance Number\n    </span>\n  </summary>\n  <div class=\"govuk-details__text\">\n    Your National Insurance number can be found on\n<ul>\n  <li>your National Insurance card</li>\n  <li>your payslip</li>\n  <li>P60</li>\n  <li>benefits information</li>\n  <li>tax return</li>\n</ul>\n\n  </div>\n</details>"
+        }
+    ]
+}
diff --git a/app/templates/govuk/components/details/implementation.md b/app/templates/govuk/components/details/implementation.md
new file mode 100644
index 0000000..0d3f646
--- /dev/null
+++ b/app/templates/govuk/components/details/implementation.md
@@ -0,0 +1,87 @@
+## Implementation notes
+
+### Styling in older browsers
+
+#### Browsers with support for `type=module`, `<details>` and feature queries
+
+https://browsersl.ist/#q=supports+details+and+supports+css-featurequeries+and+supports+es6-module&region=GB
+
+Previously, we provided a polyfill for older browsers which do not support the
+`<details>` component. Since most browsers now DO support `<details>`, we've
+removed that polyfill, and we need to make sure browsers which don't support
+`<details>` don't use any styles that make them look interactable.
+
+By wrapping these styles in a feature query, we can capture the vast majority of
+browsers which have full support.
+
+#### Browsers that support `type=module` and feature queries but not `<details>`
+
+https://browsersl.ist/#q=supports+es6-module+and+not+supports+details+and+supports+css-featurequeries&region=GB
+
+This only affects Edge 16 - 18. We filter these out of the support query by
+checking for `-ms-ime-align: auto`, which isn't supported by any other browsers.
+
+#### Browsers that support `<details>` but not `type=module` or feature queries
+
+https://browsersl.ist/#q=supports+details+and+not+supports+css-featurequeries+and+not+supports+es6-module&region=GB
+
+These will default to their native styling of the `<details>` element, with a
+few of our spacing and font styles.
+
+#### Browsers which don't support `<details>`, `type=module` or feature queries
+
+https://browsersl.ist/#q=%3E0.0000001%25+and+not+supports+details+and+not+supports+es6-module+and+not+supports+css-featurequeries&region=GB
+
+This is largely IE 8 - 11.
+
+We can account for IE by styling them like inset text, via a `@media screen\0`
+hack that no other browser supports.
+
+#### Browsers that support feature queries, but not `<details>` or `type=module`
+
+https://browsersl.ist/#q=supports+css-featurequeries+and+not+supports+details+and+not+supports+es6-module&region=GB
+
+This is the only gap, as these browsers will get styled to look interactable,
+even though they aren't. This is largely Opera Mini.
+
+### Marker styling
+
+Firefox uses display: list-item to show the arrow marker for the summary
+element.
+
+Unfortunately we want to use `display: inline-block` to 'shrink-wrap' the focus
+outline around the summary text, which means that the arrow no longer shows up.
+
+Previously in GOV.UK Elements we resolved this by targeting Firefox specifically
+and reverting to `display: list-item`:
+
+```scss
+@-moz-document regexp(".*") {
+  details summary:not([tabindex]) {
+    // Allow duplicate properties, override the summary display property
+    // scss-lint:disable DuplicateProperty
+    display: list-item;
+    display: revert;
+  }
+}
+```
+
+However, `@-moz-document` has been removed in Firefox nightly as of 29th Nov
+2017 so with this in mind we have taken a different approach, hiding the
+browser's marker and injecting and styling our own one across all browsers
+instead.
+
+This also gives us more control over the styling of the marker, allowing us for
+example to align the summary and disclosed text correctly across all browsers.
+
+The downside of this approach is that older browsers that require a polyfill for
+the details element will display the marker even when Javascript is disabled.
+Whilst this is not perfect, it is a cosmetic issue and the user will still be
+able to access the disclosed content.
+
+For the arrows themselves, we originally tried using unicode glyphs –
+specifically \25B6 (Black right-pointing triangle) and 25BC (Black down-pointing
+triangle) but Android insists on substituting the the former for an emoji even
+when the \00FE0E modifier is applied. Sad face.
+
+Hence the border-based triangles we are using today.
diff --git a/app/templates/govuk/components/details/macro-options.json b/app/templates/govuk/components/details/macro-options.json
new file mode 100644
index 0000000..a103784
--- /dev/null
+++ b/app/templates/govuk/components/details/macro-options.json
@@ -0,0 +1,56 @@
+[
+    {
+        "name": "summaryText",
+        "type": "string",
+        "required": true,
+        "description": "If `summmaryHtml` is set, this is not required. Text to use within the summary element (the visible part of the details element). If `summaryHtml` is provided, the `summaryText` option will be ignored."
+    },
+    {
+        "name": "summaryHtml",
+        "type": "string",
+        "required": true,
+        "description": "If `summmaryText` is set, this is not required. HTML to use within the summary element (the visible part of the details element). If `summaryHtml` is provided, the `summaryText` option will be ignored."
+    },
+    {
+        "name": "text",
+        "type": "string",
+        "required": true,
+        "description": "If `html` is set, this is not required. Text to use within the disclosed part of the details element. If `html` is provided, the `text` option will be ignored."
+    },
+    {
+        "name": "html",
+        "type": "string",
+        "required": true,
+        "description": "If `text` is set, this is not required. HTML to use within the disclosed part of the details element. If `html` is provided, the `text` option will be ignored."
+    },
+    {
+        "name": "caller",
+        "type": "nunjucks-block",
+        "required": false,
+        "description": "Not strictly a parameter but [Nunjucks code convention](https://mozilla.github.io/nunjucks/templating.html#call). Using a `call` block enables you to call a macro with all the text inside the tag. This is helpful if you want to pass a lot of content into a macro. To use it, you will need to wrap the entire details component in a `call` block."
+    },
+    {
+        "name": "id",
+        "type": "string",
+        "required": false,
+        "description": "ID to add to the details element."
+    },
+    {
+        "name": "open",
+        "type": "boolean",
+        "required": false,
+        "description": "If `true`, details element will be expanded."
+    },
+    {
+        "name": "classes",
+        "type": "string",
+        "required": false,
+        "description": "Classes to add to the `<details>` element."
+    },
+    {
+        "name": "attributes",
+        "type": "object",
+        "required": false,
+        "description": "HTML attributes (for example data attributes) to add to the `<details>` element."
+    }
+]
diff --git a/app/templates/govuk/components/details/macro.njk b/app/templates/govuk/components/details/macro.njk
new file mode 100644
index 0000000..e539699
--- /dev/null
+++ b/app/templates/govuk/components/details/macro.njk
@@ -0,0 +1,3 @@
+{% macro govukDetails(params) %}
+  {%- include "./template.njk" -%}
+{% endmacro %}
diff --git a/app/templates/govuk/components/details/template-default.html b/app/templates/govuk/components/details/template-default.html
new file mode 100644
index 0000000..c267b0b
--- /dev/null
+++ b/app/templates/govuk/components/details/template-default.html
@@ -0,0 +1,10 @@
+<details class="govuk-details">
+  <summary class="govuk-details__summary">
+    <span class="govuk-details__summary-text">
+      Help with nationality
+    </span>
+  </summary>
+  <div class="govuk-details__text">
+    We need to know your nationality so we can work out which elections you’re entitled to vote in. If you can’t provide your nationality, you’ll have to send copies of identity documents through the post.
+  </div>
+</details>
diff --git a/app/templates/govuk/components/details/template-expanded.html b/app/templates/govuk/components/details/template-expanded.html
new file mode 100644
index 0000000..fbd18a7
--- /dev/null
+++ b/app/templates/govuk/components/details/template-expanded.html
@@ -0,0 +1,10 @@
+<details id="help-with-nationality" class="govuk-details" open>
+  <summary class="govuk-details__summary">
+    <span class="govuk-details__summary-text">
+      Help with nationality
+    </span>
+  </summary>
+  <div class="govuk-details__text">
+    We need to know your nationality so we can work out which elections you’re entitled to vote in. If you can’t provide your nationality, you’ll have to send copies of identity documents through the post.
+  </div>
+</details>
diff --git a/app/templates/govuk/components/details/template-with-html.html b/app/templates/govuk/components/details/template-with-html.html
new file mode 100644
index 0000000..bd5dd1f
--- /dev/null
+++ b/app/templates/govuk/components/details/template-with-html.html
@@ -0,0 +1,18 @@
+<details class="govuk-details">
+  <summary class="govuk-details__summary">
+    <span class="govuk-details__summary-text">
+      Where to find your National Insurance Number
+    </span>
+  </summary>
+  <div class="govuk-details__text">
+    Your National Insurance number can be found on
+<ul>
+  <li>your National Insurance card</li>
+  <li>your payslip</li>
+  <li>P60</li>
+  <li>benefits information</li>
+  <li>tax return</li>
+</ul>
+
+  </div>
+</details>
diff --git a/app/templates/govuk/components/details/template.njk b/app/templates/govuk/components/details/template.njk
new file mode 100644
index 0000000..6f80541
--- /dev/null
+++ b/app/templates/govuk/components/details/template.njk
@@ -0,0 +1,14 @@
+{% from "../../macros/attributes.njk" import govukAttributes -%}
+
+<details {%- if params.id %} id="{{ params.id }}"{% endif %} class="govuk-details {%- if params.classes %} {{ params.classes }}{% endif %}"
+  {{- govukAttributes(params.attributes) -}}
+  {{- " open" if params.open }}>
+  <summary class="govuk-details__summary">
+    <span class="govuk-details__summary-text">
+      {{ params.summaryHtml | safe | trim | indent(6) if params.summaryHtml else params.summaryText }}
+    </span>
+  </summary>
+  <div class="govuk-details__text">
+    {{ caller() if caller else (params.html | safe if params.html else params.text) }}
+  </div>
+</details>
diff --git a/app/templates/govuk/components/error-message/README.md b/app/templates/govuk/components/error-message/README.md
new file mode 100644
index 0000000..01f5aff
--- /dev/null
+++ b/app/templates/govuk/components/error-message/README.md
@@ -0,0 +1,15 @@
+# Error message
+
+## Installation
+
+See the [main README quick start guide](https://github.com/alphagov/govuk-frontend#quick-start) for how to install this component.
+
+## Guidance and Examples
+
+Find out when to use the error message component in your service in the [GOV.UK Design System](https://design-system.service.gov.uk/components/error-message).
+
+## Component options
+
+Use options to customise the appearance, content and behaviour of a component when using a macro, for example, changing the text.
+
+See [options table](https://design-system.service.gov.uk/components/error-message/#options-error-message-example) for details.
diff --git a/app/templates/govuk/components/error-message/_error-message.scss b/app/templates/govuk/components/error-message/_error-message.scss
new file mode 100644
index 0000000..76d89f0
--- /dev/null
+++ b/app/templates/govuk/components/error-message/_error-message.scss
@@ -0,0 +1,4 @@
+@import "../../base";
+@import "./index";
+
+/*# sourceMappingURL=_error-message.scss.map */
diff --git a/app/templates/govuk/components/error-message/_error-message.scss.map b/app/templates/govuk/components/error-message/_error-message.scss.map
new file mode 100644
index 0000000..bf41e8a
--- /dev/null
+++ b/app/templates/govuk/components/error-message/_error-message.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/error-message/_error-message.scss"],"names":[],"mappings":"AAAA,oBAAoB;AACpB,iBAAiB","file":"_error-message.scss","sourcesContent":["@import \"../../base\";\n@import \"./index\";\n"]}
diff --git a/app/templates/govuk/components/error-message/_index.scss b/app/templates/govuk/components/error-message/_index.scss
new file mode 100644
index 0000000..81c7737
--- /dev/null
+++ b/app/templates/govuk/components/error-message/_index.scss
@@ -0,0 +1,14 @@
+@include govuk-exports("govuk/component/error-message") {
+  .govuk-error-message {
+    @include govuk-font($size: 19, $weight: bold);
+
+    display: block;
+    margin-top: 0; // Reset any default browser margins for paragraphs
+    margin-bottom: govuk-spacing(3);
+    clear: both;
+
+    color: $govuk-error-colour;
+  }
+}
+
+/*# sourceMappingURL=_index.scss.map */
diff --git a/app/templates/govuk/components/error-message/_index.scss.map b/app/templates/govuk/components/error-message/_index.scss.map
new file mode 100644
index 0000000..4745be8
--- /dev/null
+++ b/app/templates/govuk/components/error-message/_index.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/error-message/_index.scss"],"names":[],"mappings":"AAAA;EACE;IACE,6CAA6C;;IAE7C,cAAc;IACd,aAAa,EAAE,kDAAkD;IACjE,+BAA+B;IAC/B,WAAW;;IAEX,0BAA0B;EAC5B;AACF","file":"_index.scss","sourcesContent":["@include govuk-exports(\"govuk/component/error-message\") {\n  .govuk-error-message {\n    @include govuk-font($size: 19, $weight: bold);\n\n    display: block;\n    margin-top: 0; // Reset any default browser margins for paragraphs\n    margin-bottom: govuk-spacing(3);\n    clear: both;\n\n    color: $govuk-error-colour;\n  }\n}\n"]}
diff --git a/app/templates/govuk/components/error-message/fixtures.json b/app/templates/govuk/components/error-message/fixtures.json
new file mode 100644
index 0000000..a38056c
--- /dev/null
+++ b/app/templates/govuk/components/error-message/fixtures.json
@@ -0,0 +1,113 @@
+{
+    "component": "error-message",
+    "fixtures": [
+        {
+            "name": "default",
+            "options": {
+                "text": "Error message about full name goes here"
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": true,
+            "html": "<p class=\"govuk-error-message\">\n  <span class=\"govuk-visually-hidden\">Error:</span> Error message about full name goes here\n</p>"
+        },
+        {
+            "name": "translated",
+            "options": {
+                "visuallyHiddenText": "",
+                "html": "<span class=\"govuk-visually-hidden\">Gwall:</span> Neges gwall am yr enw llawn yn mynd yma"
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<p class=\"govuk-error-message\">\n  <span class=\"govuk-visually-hidden\">Gwall:</span> Neges gwall am yr enw llawn yn mynd yma\n</p>"
+        },
+        {
+            "name": "id",
+            "options": {
+                "id": "my-error-message-id",
+                "text": "This is an error message"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<p id=\"my-error-message-id\" class=\"govuk-error-message\">\n  <span class=\"govuk-visually-hidden\">Error:</span> This is an error message\n</p>"
+        },
+        {
+            "name": "classes",
+            "options": {
+                "classes": "custom-class",
+                "text": "This is an error message"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<p class=\"govuk-error-message custom-class\">\n  <span class=\"govuk-visually-hidden\">Error:</span> This is an error message\n</p>"
+        },
+        {
+            "name": "html as text",
+            "options": {
+                "text": "Unexpected > in body"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<p class=\"govuk-error-message\">\n  <span class=\"govuk-visually-hidden\">Error:</span> Unexpected &gt; in body\n</p>"
+        },
+        {
+            "name": "html",
+            "options": {
+                "html": "Unexpected <b>bold text</b> in body copy"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<p class=\"govuk-error-message\">\n  <span class=\"govuk-visually-hidden\">Error:</span> Unexpected <b>bold text</b> in body copy\n</p>"
+        },
+        {
+            "name": "attributes",
+            "options": {
+                "text": "This is an error message",
+                "attributes": {
+                    "data-test": "attribute",
+                    "id": "my-error-message"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<p class=\"govuk-error-message\" data-test=\"attribute\" id=\"my-error-message\">\n  <span class=\"govuk-visually-hidden\">Error:</span> This is an error message\n</p>"
+        },
+        {
+            "name": "with visually hidden text",
+            "options": {
+                "text": "Rhowch eich enw llawn",
+                "visuallyHiddenText": "Gwall"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<p class=\"govuk-error-message\">\n  <span class=\"govuk-visually-hidden\">Gwall:</span> Rhowch eich enw llawn\n</p>"
+        },
+        {
+            "name": "visually hidden text removed",
+            "options": {
+                "text": "There is an error on line 42",
+                "visuallyHiddenText": ""
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<p class=\"govuk-error-message\">\n  There is an error on line 42\n</p>"
+        }
+    ]
+}
diff --git a/app/templates/govuk/components/error-message/macro-options.json b/app/templates/govuk/components/error-message/macro-options.json
new file mode 100644
index 0000000..6bf936e
--- /dev/null
+++ b/app/templates/govuk/components/error-message/macro-options.json
@@ -0,0 +1,38 @@
+[
+    {
+        "name": "text",
+        "type": "string",
+        "required": true,
+        "description": "If `html` is set, this is not required. Text to use within the error message. If `html` is provided, the `text` option will be ignored."
+    },
+    {
+        "name": "html",
+        "type": "string",
+        "required": true,
+        "description": "If `text` is set, this is not required. HTML to use within the error message. If `html` is provided, the `text` option will be ignored."
+    },
+    {
+        "name": "id",
+        "type": "string",
+        "required": false,
+        "description": "ID attribute to add to the error message `<p>` tag."
+    },
+    {
+        "name": "classes",
+        "type": "string",
+        "required": false,
+        "description": "Classes to add to the error message `<p>` tag."
+    },
+    {
+        "name": "attributes",
+        "type": "object",
+        "required": false,
+        "description": "HTML attributes (for example data attributes) to add to the error message `<p>` tag."
+    },
+    {
+        "name": "visuallyHiddenText",
+        "type": "string",
+        "required": false,
+        "description": "A visually hidden prefix used before the error message. Defaults to `\"Error\"`."
+    }
+]
diff --git a/app/templates/govuk/components/error-message/macro.njk b/app/templates/govuk/components/error-message/macro.njk
new file mode 100644
index 0000000..053b23b
--- /dev/null
+++ b/app/templates/govuk/components/error-message/macro.njk
@@ -0,0 +1,3 @@
+{% macro govukErrorMessage(params) %}
+  {%- include "./template.njk" -%}
+{% endmacro %}
diff --git a/app/templates/govuk/components/error-message/template-default.html b/app/templates/govuk/components/error-message/template-default.html
new file mode 100644
index 0000000..d2c6ace
--- /dev/null
+++ b/app/templates/govuk/components/error-message/template-default.html
@@ -0,0 +1,3 @@
+<p class="govuk-error-message">
+  <span class="govuk-visually-hidden">Error:</span> Error message about full name goes here
+</p>
diff --git a/app/templates/govuk/components/error-message/template-translated.html b/app/templates/govuk/components/error-message/template-translated.html
new file mode 100644
index 0000000..2388ed7
--- /dev/null
+++ b/app/templates/govuk/components/error-message/template-translated.html
@@ -0,0 +1,3 @@
+<p class="govuk-error-message">
+  <span class="govuk-visually-hidden">Gwall:</span> Neges gwall am yr enw llawn yn mynd yma
+</p>
diff --git a/app/templates/govuk/components/error-message/template.njk b/app/templates/govuk/components/error-message/template.njk
new file mode 100644
index 0000000..9503dfd
--- /dev/null
+++ b/app/templates/govuk/components/error-message/template.njk
@@ -0,0 +1,13 @@
+{% from "../../macros/attributes.njk" import govukAttributes -%}
+
+{% set visuallyHiddenText = params.visuallyHiddenText | default("Error") -%}
+{% set errorMessageText = params.html | safe | trim | indent(2) if params.html else params.text -%}
+
+<p {%- if params.id %} id="{{ params.id }}"{% endif %} class="govuk-error-message {%- if params.classes %} {{ params.classes }}{% endif %}"
+  {{- govukAttributes(params.attributes) }}>
+  {% if visuallyHiddenText %}
+  <span class="govuk-visually-hidden">{{ visuallyHiddenText }}:</span> {{ errorMessageText }}
+  {% else %}
+  {{ errorMessageText }}
+  {% endif %}
+</p>
diff --git a/app/templates/govuk/components/error-summary/README.md b/app/templates/govuk/components/error-summary/README.md
new file mode 100644
index 0000000..f164335
--- /dev/null
+++ b/app/templates/govuk/components/error-summary/README.md
@@ -0,0 +1,15 @@
+# Error summary
+
+## Installation
+
+See the [main README quick start guide](https://github.com/alphagov/govuk-frontend#quick-start) for how to install this component.
+
+## Guidance and Examples
+
+Find out when to use the error summary component in your service in the [GOV.UK Design System](https://design-system.service.gov.uk/components/error-summary).
+
+## Component options
+
+Use options to customise the appearance, content and behaviour of a component when using a macro, for example, changing the text.
+
+See [options table](https://design-system.service.gov.uk/components/error-summary/#options-error-summary-example) for details.
diff --git a/app/templates/govuk/components/error-summary/_error-summary.scss b/app/templates/govuk/components/error-summary/_error-summary.scss
new file mode 100644
index 0000000..128abc2
--- /dev/null
+++ b/app/templates/govuk/components/error-summary/_error-summary.scss
@@ -0,0 +1,4 @@
+@import "../../base";
+@import "./index";
+
+/*# sourceMappingURL=_error-summary.scss.map */
diff --git a/app/templates/govuk/components/error-summary/_error-summary.scss.map b/app/templates/govuk/components/error-summary/_error-summary.scss.map
new file mode 100644
index 0000000..b6fa9a3
--- /dev/null
+++ b/app/templates/govuk/components/error-summary/_error-summary.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/error-summary/_error-summary.scss"],"names":[],"mappings":"AAAA,oBAAoB;AACpB,iBAAiB","file":"_error-summary.scss","sourcesContent":["@import \"../../base\";\n@import \"./index\";\n"]}
diff --git a/app/templates/govuk/components/error-summary/_index.scss b/app/templates/govuk/components/error-summary/_index.scss
new file mode 100644
index 0000000..69bdbaf
--- /dev/null
+++ b/app/templates/govuk/components/error-summary/_index.scss
@@ -0,0 +1,56 @@
+@import "../../core/lists";
+
+@include govuk-exports("govuk/component/error-summary") {
+  .govuk-error-summary {
+    @include govuk-font($size: 19);
+    @include govuk-text-colour;
+    @include govuk-responsive-padding(4);
+    @include govuk-responsive-margin(8, "bottom");
+
+    border: $govuk-border-width solid $govuk-error-colour;
+
+    &:focus {
+      outline: $govuk-focus-width solid $govuk-focus-colour;
+    }
+  }
+
+  .govuk-error-summary__title {
+    @include govuk-font-size($size: 24);
+    @include govuk-typography-weight-bold;
+
+    margin-top: 0;
+    @include govuk-responsive-margin(4, "bottom");
+  }
+
+  .govuk-error-summary__body {
+    p {
+      margin-bottom: 0;
+    }
+
+    > * + * {
+      @include govuk-responsive-margin(4, "top");
+    }
+
+    > :last-child {
+      @include govuk-responsive-margin(1, "bottom");
+    }
+  }
+
+  // Cross-component class - adjusts styling of list component
+  .govuk-error-summary__list {
+    margin-bottom: 0;
+  }
+
+  // Remove the bottom margin from the last list item
+  .govuk-error-summary__list li:last-child {
+    margin-bottom: 0;
+  }
+
+  .govuk-error-summary__list a {
+    @include govuk-typography-weight-bold;
+    @include govuk-link-common;
+    @include govuk-link-style-error;
+  }
+}
+
+/*# sourceMappingURL=_index.scss.map */
diff --git a/app/templates/govuk/components/error-summary/_index.scss.map b/app/templates/govuk/components/error-summary/_index.scss.map
new file mode 100644
index 0000000..c86d1b1
--- /dev/null
+++ b/app/templates/govuk/components/error-summary/_index.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/error-summary/_index.scss"],"names":[],"mappings":"AAAA,0BAA0B;;AAE1B;EACE;IACE,8BAA8B;IAC9B,0BAA0B;IAC1B,oCAAoC;IACpC,6CAA6C;;IAE7C,qDAAqD;;IAErD;MACE,qDAAqD;IACvD;EACF;;EAEA;IACE,mCAAmC;IACnC,qCAAqC;;IAErC,aAAa;IACb,6CAA6C;EAC/C;;EAEA;IACE;MACE,gBAAgB;IAClB;;IAEA;MACE,0CAA0C;IAC5C;;IAEA;MACE,6CAA6C;IAC/C;EACF;;EAEA,2DAA2D;EAC3D;IACE,gBAAgB;EAClB;;EAEA,kDAAkD;EAClD;IACE,gBAAgB;EAClB;;EAEA;IACE,qCAAqC;IACrC,0BAA0B;IAC1B,+BAA+B;EACjC;AACF","file":"_index.scss","sourcesContent":["@import \"../../core/lists\";\n\n@include govuk-exports(\"govuk/component/error-summary\") {\n  .govuk-error-summary {\n    @include govuk-font($size: 19);\n    @include govuk-text-colour;\n    @include govuk-responsive-padding(4);\n    @include govuk-responsive-margin(8, \"bottom\");\n\n    border: $govuk-border-width solid $govuk-error-colour;\n\n    &:focus {\n      outline: $govuk-focus-width solid $govuk-focus-colour;\n    }\n  }\n\n  .govuk-error-summary__title {\n    @include govuk-font-size($size: 24);\n    @include govuk-typography-weight-bold;\n\n    margin-top: 0;\n    @include govuk-responsive-margin(4, \"bottom\");\n  }\n\n  .govuk-error-summary__body {\n    p {\n      margin-bottom: 0;\n    }\n\n    > * + * {\n      @include govuk-responsive-margin(4, \"top\");\n    }\n\n    > :last-child {\n      @include govuk-responsive-margin(1, \"bottom\");\n    }\n  }\n\n  // Cross-component class - adjusts styling of list component\n  .govuk-error-summary__list {\n    margin-bottom: 0;\n  }\n\n  // Remove the bottom margin from the last list item\n  .govuk-error-summary__list li:last-child {\n    margin-bottom: 0;\n  }\n\n  .govuk-error-summary__list a {\n    @include govuk-typography-weight-bold;\n    @include govuk-link-common;\n    @include govuk-link-style-error;\n  }\n}\n"]}
diff --git a/app/templates/govuk/components/error-summary/error-summary.bundle.js b/app/templates/govuk/components/error-summary/error-summary.bundle.js
new file mode 100644
index 0000000..f6992a3
--- /dev/null
+++ b/app/templates/govuk/components/error-summary/error-summary.bundle.js
@@ -0,0 +1,419 @@
+(function (global, factory) {
+  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports) :
+  typeof define === 'function' && define.amd ? define(['exports'], factory) :
+  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.GOVUKFrontend = global.GOVUKFrontend || {}));
+})(this, (function (exports) { 'use strict';
+
+  function setFocus($element, options = {}) {
+    var _options$onBeforeFocu;
+    const isFocusable = $element.getAttribute('tabindex');
+    if (!isFocusable) {
+      $element.setAttribute('tabindex', '-1');
+    }
+    function onFocus() {
+      $element.addEventListener('blur', onBlur, {
+        once: true
+      });
+    }
+    function onBlur() {
+      var _options$onBlur;
+      (_options$onBlur = options.onBlur) == null || _options$onBlur.call($element);
+      if (!isFocusable) {
+        $element.removeAttribute('tabindex');
+      }
+    }
+    $element.addEventListener('focus', onFocus, {
+      once: true
+    });
+    (_options$onBeforeFocu = options.onBeforeFocus) == null || _options$onBeforeFocu.call($element);
+    $element.focus();
+  }
+  function isInitialised($root, moduleName) {
+    return $root instanceof HTMLElement && $root.hasAttribute(`data-${moduleName}-init`);
+  }
+
+  /**
+   * Checks if GOV.UK Frontend is supported on this page
+   *
+   * Some browsers will load and run our JavaScript but GOV.UK Frontend
+   * won't be supported.
+   *
+   * @param {HTMLElement | null} [$scope] - (internal) `<body>` HTML element checked for browser support
+   * @returns {boolean} Whether GOV.UK Frontend is supported on this page
+   */
+  function isSupported($scope = document.body) {
+    if (!$scope) {
+      return false;
+    }
+    return $scope.classList.contains('govuk-frontend-supported');
+  }
+  function isArray(option) {
+    return Array.isArray(option);
+  }
+  function isObject(option) {
+    return !!option && typeof option === 'object' && !isArray(option);
+  }
+  function formatErrorMessage(Component, message) {
+    return `${Component.moduleName}: ${message}`;
+  }
+  /**
+   * @typedef ComponentWithModuleName
+   * @property {string} moduleName - Name of the component
+   */
+
+  class GOVUKFrontendError extends Error {
+    constructor(...args) {
+      super(...args);
+      this.name = 'GOVUKFrontendError';
+    }
+  }
+  class SupportError extends GOVUKFrontendError {
+    /**
+     * Checks if GOV.UK Frontend is supported on this page
+     *
+     * @param {HTMLElement | null} [$scope] - HTML element `<body>` checked for browser support
+     */
+    constructor($scope = document.body) {
+      const supportMessage = 'noModule' in HTMLScriptElement.prototype ? 'GOV.UK Frontend initialised without `<body class="govuk-frontend-supported">` from template `<script>` snippet' : 'GOV.UK Frontend is not supported in this browser';
+      super($scope ? supportMessage : 'GOV.UK Frontend initialised without `<script type="module">`');
+      this.name = 'SupportError';
+    }
+  }
+  class ConfigError extends GOVUKFrontendError {
+    constructor(...args) {
+      super(...args);
+      this.name = 'ConfigError';
+    }
+  }
+  class ElementError extends GOVUKFrontendError {
+    constructor(messageOrOptions) {
+      let message = typeof messageOrOptions === 'string' ? messageOrOptions : '';
+      if (isObject(messageOrOptions)) {
+        const {
+          component,
+          identifier,
+          element,
+          expectedType
+        } = messageOrOptions;
+        message = identifier;
+        message += element ? ` is not of type ${expectedType != null ? expectedType : 'HTMLElement'}` : ' not found';
+        if (component) {
+          message = formatErrorMessage(component, message);
+        }
+      }
+      super(message);
+      this.name = 'ElementError';
+    }
+  }
+  class InitError extends GOVUKFrontendError {
+    constructor(componentOrMessage) {
+      const message = typeof componentOrMessage === 'string' ? componentOrMessage : formatErrorMessage(componentOrMessage, `Root element (\`$root\`) already initialised`);
+      super(message);
+      this.name = 'InitError';
+    }
+  }
+  /**
+   * @import { ComponentWithModuleName } from '../common/index.mjs'
+   */
+
+  class Component {
+    /**
+     * Returns the root element of the component
+     *
+     * @protected
+     * @returns {RootElementType} - the root element of component
+     */
+    get $root() {
+      return this._$root;
+    }
+    constructor($root) {
+      this._$root = void 0;
+      const childConstructor = this.constructor;
+      if (typeof childConstructor.moduleName !== 'string') {
+        throw new InitError(`\`moduleName\` not defined in component`);
+      }
+      if (!($root instanceof childConstructor.elementType)) {
+        throw new ElementError({
+          element: $root,
+          component: childConstructor,
+          identifier: 'Root element (`$root`)',
+          expectedType: childConstructor.elementType.name
+        });
+      } else {
+        this._$root = $root;
+      }
+      childConstructor.checkSupport();
+      this.checkInitialised();
+      const moduleName = childConstructor.moduleName;
+      this.$root.setAttribute(`data-${moduleName}-init`, '');
+    }
+    checkInitialised() {
+      const constructor = this.constructor;
+      const moduleName = constructor.moduleName;
+      if (moduleName && isInitialised(this.$root, moduleName)) {
+        throw new InitError(constructor);
+      }
+    }
+    static checkSupport() {
+      if (!isSupported()) {
+        throw new SupportError();
+      }
+    }
+  }
+
+  /**
+   * @typedef ChildClass
+   * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component
+   */
+
+  /**
+   * @typedef {typeof Component & ChildClass} ChildClassConstructor
+   */
+  Component.elementType = HTMLElement;
+
+  const configOverride = Symbol.for('configOverride');
+  class ConfigurableComponent extends Component {
+    [configOverride](param) {
+      return {};
+    }
+
+    /**
+     * Returns the root element of the component
+     *
+     * @protected
+     * @returns {ConfigurationType} - the root element of component
+     */
+    get config() {
+      return this._config;
+    }
+    constructor($root, config) {
+      super($root);
+      this._config = void 0;
+      const childConstructor = this.constructor;
+      if (!isObject(childConstructor.defaults)) {
+        throw new ConfigError(formatErrorMessage(childConstructor, 'Config passed as parameter into constructor but no defaults defined'));
+      }
+      const datasetConfig = normaliseDataset(childConstructor, this._$root.dataset);
+      this._config = mergeConfigs(childConstructor.defaults, config != null ? config : {}, this[configOverride](datasetConfig), datasetConfig);
+    }
+  }
+  function normaliseString(value, property) {
+    const trimmedValue = value ? value.trim() : '';
+    let output;
+    let outputType = property == null ? void 0 : property.type;
+    if (!outputType) {
+      if (['true', 'false'].includes(trimmedValue)) {
+        outputType = 'boolean';
+      }
+      if (trimmedValue.length > 0 && isFinite(Number(trimmedValue))) {
+        outputType = 'number';
+      }
+    }
+    switch (outputType) {
+      case 'boolean':
+        output = trimmedValue === 'true';
+        break;
+      case 'number':
+        output = Number(trimmedValue);
+        break;
+      default:
+        output = value;
+    }
+    return output;
+  }
+  function normaliseDataset(Component, dataset) {
+    if (!isObject(Component.schema)) {
+      throw new ConfigError(formatErrorMessage(Component, 'Config passed as parameter into constructor but no schema defined'));
+    }
+    const out = {};
+    const entries = Object.entries(Component.schema.properties);
+    for (const entry of entries) {
+      const [namespace, property] = entry;
+      const field = namespace.toString();
+      if (field in dataset) {
+        out[field] = normaliseString(dataset[field], property);
+      }
+      if ((property == null ? void 0 : property.type) === 'object') {
+        out[field] = extractConfigByNamespace(Component.schema, dataset, namespace);
+      }
+    }
+    return out;
+  }
+  function mergeConfigs(...configObjects) {
+    const formattedConfigObject = {};
+    for (const configObject of configObjects) {
+      for (const key of Object.keys(configObject)) {
+        const option = formattedConfigObject[key];
+        const override = configObject[key];
+        if (isObject(option) && isObject(override)) {
+          formattedConfigObject[key] = mergeConfigs(option, override);
+        } else {
+          formattedConfigObject[key] = override;
+        }
+      }
+    }
+    return formattedConfigObject;
+  }
+  function extractConfigByNamespace(schema, dataset, namespace) {
+    const property = schema.properties[namespace];
+    if ((property == null ? void 0 : property.type) !== 'object') {
+      return;
+    }
+    const newObject = {
+      [namespace]: {}
+    };
+    for (const [key, value] of Object.entries(dataset)) {
+      let current = newObject;
+      const keyParts = key.split('.');
+      for (const [index, name] of keyParts.entries()) {
+        if (isObject(current)) {
+          if (index < keyParts.length - 1) {
+            if (!isObject(current[name])) {
+              current[name] = {};
+            }
+            current = current[name];
+          } else if (key !== namespace) {
+            current[name] = normaliseString(value);
+          }
+        }
+      }
+    }
+    return newObject[namespace];
+  }
+  /**
+   * Schema for component config
+   *
+   * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType
+   * @typedef {object} Schema
+   * @property {Record<keyof ConfigurationType, SchemaProperty | undefined>} properties - Schema properties
+   * @property {SchemaCondition<ConfigurationType>[]} [anyOf] - List of schema conditions
+   */
+  /**
+   * Schema property for component config
+   *
+   * @typedef {object} SchemaProperty
+   * @property {'string' | 'boolean' | 'number' | 'object'} type - Property type
+   */
+  /**
+   * Schema condition for component config
+   *
+   * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType
+   * @typedef {object} SchemaCondition
+   * @property {(keyof ConfigurationType)[]} required - List of required config fields
+   * @property {string} errorMessage - Error message when required config fields not provided
+   */
+  /**
+   * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]
+   * @typedef ChildClass
+   * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component
+   * @property {Schema<ConfigurationType>} [schema] - The schema of the component configuration
+   * @property {ConfigurationType} [defaults] - The default values of the configuration of the component
+   */
+  /**
+   * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]
+   * @typedef {typeof Component & ChildClass<ConfigurationType>} ChildClassConstructor<ConfigurationType>
+   */
+  /**
+   * @import { CompatibleClass, Config, CreateAllOptions, OnErrorCallback } from '../init.mjs'
+   */
+
+  /**
+   * Error summary component
+   *
+   * Takes focus on initialisation for accessible announcement, unless disabled in
+   * configuration.
+   *
+   * @preserve
+   * @augments ConfigurableComponent<ErrorSummaryConfig>
+   */
+  class ErrorSummary extends ConfigurableComponent {
+    /**
+     * @param {Element | null} $root - HTML element to use for error summary
+     * @param {ErrorSummaryConfig} [config] - Error summary config
+     */
+    constructor($root, config = {}) {
+      super($root, config);
+      if (!this.config.disableAutoFocus) {
+        setFocus(this.$root);
+      }
+      this.$root.addEventListener('click', event => this.handleClick(event));
+    }
+    handleClick(event) {
+      const $target = event.target;
+      if ($target && this.focusTarget($target)) {
+        event.preventDefault();
+      }
+    }
+    focusTarget($target) {
+      if (!($target instanceof HTMLAnchorElement)) {
+        return false;
+      }
+      const inputId = $target.hash.replace('#', '');
+      if (!inputId) {
+        return false;
+      }
+      const $input = document.getElementById(inputId);
+      if (!$input) {
+        return false;
+      }
+      const $legendOrLabel = this.getAssociatedLegendOrLabel($input);
+      if (!$legendOrLabel) {
+        return false;
+      }
+      $legendOrLabel.scrollIntoView();
+      $input.focus({
+        preventScroll: true
+      });
+      return true;
+    }
+    getAssociatedLegendOrLabel($input) {
+      var _document$querySelect;
+      const $fieldset = $input.closest('fieldset');
+      if ($fieldset) {
+        const $legends = $fieldset.getElementsByTagName('legend');
+        if ($legends.length) {
+          const $candidateLegend = $legends[0];
+          if ($input instanceof HTMLInputElement && ($input.type === 'checkbox' || $input.type === 'radio')) {
+            return $candidateLegend;
+          }
+          const legendTop = $candidateLegend.getBoundingClientRect().top;
+          const inputRect = $input.getBoundingClientRect();
+          if (inputRect.height && window.innerHeight) {
+            const inputBottom = inputRect.top + inputRect.height;
+            if (inputBottom - legendTop < window.innerHeight / 2) {
+              return $candidateLegend;
+            }
+          }
+        }
+      }
+      return (_document$querySelect = document.querySelector(`label[for='${$input.getAttribute('id')}']`)) != null ? _document$querySelect : $input.closest('label');
+    }
+  }
+
+  /**
+   * Error summary config
+   *
+   * @typedef {object} ErrorSummaryConfig
+   * @property {boolean} [disableAutoFocus=false] - If set to `true` the error
+   *   summary will not be focussed when the page loads.
+   */
+
+  /**
+   * @import { Schema } from '../../common/configuration.mjs'
+   */
+  ErrorSummary.moduleName = 'govuk-error-summary';
+  ErrorSummary.defaults = Object.freeze({
+    disableAutoFocus: false
+  });
+  ErrorSummary.schema = Object.freeze({
+    properties: {
+      disableAutoFocus: {
+        type: 'boolean'
+      }
+    }
+  });
+
+  exports.ErrorSummary = ErrorSummary;
+
+}));
+//# sourceMappingURL=error-summary.bundle.js.map
diff --git a/app/templates/govuk/components/error-summary/error-summary.bundle.js.map b/app/templates/govuk/components/error-summary/error-summary.bundle.js.map
new file mode 100644
index 0000000..a087224
--- /dev/null
+++ b/app/templates/govuk/components/error-summary/error-summary.bundle.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"error-summary.bundle.js","sources":["../../../../src/govuk/common/index.mjs","../../../../src/govuk/errors/index.mjs","../../../../src/govuk/component.mjs","../../../../src/govuk/common/configuration.mjs","../../../../src/govuk/components/error-summary/error-summary.mjs"],"sourcesContent":["/**\n * Common helpers which do not require polyfill.\n *\n * IMPORTANT: If a helper require a polyfill, please isolate it in its own module\n * so that the polyfill can be properly tree-shaken and does not burden\n * the components that do not need that helper\n */\n\n/**\n * Get GOV.UK Frontend breakpoint value from CSS custom property\n *\n * @private\n * @param {string} name - Breakpoint name\n * @returns {{ property: string, value?: string }} Breakpoint object\n */\nexport function getBreakpoint(name) {\n  const property = `--govuk-breakpoint-${name}`\n\n  // Get value from `<html>` with breakpoints on CSS :root\n  const value = window\n    .getComputedStyle(document.documentElement)\n    .getPropertyValue(property)\n\n  return {\n    property,\n    value: value || undefined\n  }\n}\n\n/**\n * Move focus to element\n *\n * Sets tabindex to -1 to make the element programmatically focusable,\n * but removes it on blur as the element doesn't need to be focused again.\n *\n * @private\n * @template {HTMLElement} FocusElement\n * @param {FocusElement} $element - HTML element\n * @param {object} [options] - Handler options\n * @param {function(this: FocusElement): void} [options.onBeforeFocus] - Callback before focus\n * @param {function(this: FocusElement): void} [options.onBlur] - Callback on blur\n */\nexport function setFocus($element, options = {}) {\n  const isFocusable = $element.getAttribute('tabindex')\n\n  if (!isFocusable) {\n    $element.setAttribute('tabindex', '-1')\n  }\n\n  /**\n   * Handle element focus\n   */\n  function onFocus() {\n    $element.addEventListener('blur', onBlur, { once: true })\n  }\n\n  /**\n   * Handle element blur\n   */\n  function onBlur() {\n    options.onBlur?.call($element)\n\n    if (!isFocusable) {\n      $element.removeAttribute('tabindex')\n    }\n  }\n\n  // Add listener to reset element on blur, after focus\n  $element.addEventListener('focus', onFocus, { once: true })\n\n  // Focus element\n  options.onBeforeFocus?.call($element)\n  $element.focus()\n}\n\n/**\n * Checks if component is already initialised\n *\n * @internal\n * @param {Element} $root - HTML element to be checked\n * @param {string} moduleName - name of component module\n * @returns {boolean} Whether component is already initialised\n */\nexport function isInitialised($root, moduleName) {\n  return (\n    $root instanceof HTMLElement &&\n    $root.hasAttribute(`data-${moduleName}-init`)\n  )\n}\n\n/**\n * Checks if GOV.UK Frontend is supported on this page\n *\n * Some browsers will load and run our JavaScript but GOV.UK Frontend\n * won't be supported.\n *\n * @param {HTMLElement | null} [$scope] - (internal) `<body>` HTML element checked for browser support\n * @returns {boolean} Whether GOV.UK Frontend is supported on this page\n */\nexport function isSupported($scope = document.body) {\n  if (!$scope) {\n    return false\n  }\n\n  return $scope.classList.contains('govuk-frontend-supported')\n}\n\n/**\n * Check for an array\n *\n * @internal\n * @param {unknown} option - Option to check\n * @returns {boolean} Whether the option is an array\n */\nfunction isArray(option) {\n  return Array.isArray(option)\n}\n\n/**\n * Check for an object\n *\n * @internal\n * @template {Partial<Record<keyof ObjectType, unknown>>} ObjectType\n * @param {unknown | ObjectType} option - Option to check\n * @returns {option is ObjectType} Whether the option is an object\n */\nexport function isObject(option) {\n  return !!option && typeof option === 'object' && !isArray(option)\n}\n\n/**\n * Check for valid scope\n *\n * @internal\n * @template {Element | Document} ScopeType\n * @param {unknown | ScopeType} $scope - Scope of the document to search within\n * @returns {$scope is ScopeType} Whether the scope can be queried\n */\nexport function isScope($scope) {\n  return !!$scope && ($scope instanceof Element || $scope instanceof Document)\n}\n\n/**\n * Format error message\n *\n * @internal\n * @param {ComponentWithModuleName} Component - Component that threw the error\n * @param {string} message - Error message\n * @returns {string} - Formatted error message\n */\nexport function formatErrorMessage(Component, message) {\n  return `${Component.moduleName}: ${message}`\n}\n\n/* eslint-disable jsdoc/valid-types --\n * `{new(...args: any[] ): object}` is not recognised as valid\n * https://github.com/gajus/eslint-plugin-jsdoc/issues/145#issuecomment-1308722878\n * https://github.com/jsdoc-type-pratt-parser/jsdoc-type-pratt-parser/issues/131\n **/\n\n/**\n * @typedef ComponentWithModuleName\n * @property {string} moduleName - Name of the component\n */\n\n/* eslint-enable jsdoc/valid-types */\n","import { formatErrorMessage, isObject } from '../common/index.mjs'\n\n/**\n * GOV.UK Frontend error\n *\n * A base class for `Error`s thrown by GOV.UK Frontend.\n *\n * It is meant to be extended into specific types of errors\n * to be thrown by our code.\n *\n * @example\n * ```js\n * class MissingRootError extends GOVUKFrontendError {\n *   // Setting an explicit name is important as extending the class will not\n *   // set a new `name` on the subclass. The `name` property is important\n *   // to ensure intelligible error names even if the class name gets\n *   // mangled by a minifier\n *   name = \"MissingRootError\"\n * }\n * ```\n * @virtual\n */\nexport class GOVUKFrontendError extends Error {\n  name = 'GOVUKFrontendError'\n}\n\n/**\n * Indicates that GOV.UK Frontend is not supported\n */\nexport class SupportError extends GOVUKFrontendError {\n  name = 'SupportError'\n\n  /**\n   * Checks if GOV.UK Frontend is supported on this page\n   *\n   * @param {HTMLElement | null} [$scope] - HTML element `<body>` checked for browser support\n   */\n  constructor($scope = document.body) {\n    const supportMessage =\n      'noModule' in HTMLScriptElement.prototype\n        ? 'GOV.UK Frontend initialised without `<body class=\"govuk-frontend-supported\">` from template `<script>` snippet'\n        : 'GOV.UK Frontend is not supported in this browser'\n\n    super(\n      $scope\n        ? supportMessage\n        : 'GOV.UK Frontend initialised without `<script type=\"module\">`'\n    )\n  }\n}\n\n/**\n * Indicates that a component has received an illegal configuration\n */\nexport class ConfigError extends GOVUKFrontendError {\n  name = 'ConfigError'\n}\n\n/**\n * Indicates an issue with an element (possibly `null` or `undefined`)\n */\nexport class ElementError extends GOVUKFrontendError {\n  name = 'ElementError'\n\n  /**\n   * @internal\n   * @overload\n   * @param {string} message - Element error message\n   */\n\n  /**\n   * @internal\n   * @overload\n   * @param {ElementErrorOptions} options - Element error options\n   */\n\n  /**\n   * @internal\n   * @param {string | ElementErrorOptions} messageOrOptions - Element error message or options\n   */\n  constructor(messageOrOptions) {\n    let message = typeof messageOrOptions === 'string' ? messageOrOptions : ''\n\n    // Build message from options\n    if (isObject(messageOrOptions)) {\n      const { component, identifier, element, expectedType } = messageOrOptions\n\n      message = identifier\n\n      // Append reason\n      message += element\n        ? ` is not of type ${expectedType ?? 'HTMLElement'}`\n        : ' not found'\n\n      // Prepend with module name (optional)\n      if (component) {\n        message = formatErrorMessage(component, message)\n      }\n    }\n\n    super(message)\n  }\n}\n\n/**\n * Indicates that a component is already initialised\n */\nexport class InitError extends GOVUKFrontendError {\n  name = 'InitError'\n\n  /**\n   * @internal\n   * @param {ComponentWithModuleName | string} componentOrMessage - name of the component module\n   */\n  constructor(componentOrMessage) {\n    const message =\n      typeof componentOrMessage === 'string'\n        ? componentOrMessage\n        : formatErrorMessage(\n            componentOrMessage,\n            `Root element (\\`$root\\`) already initialised`\n          )\n\n    super(message)\n  }\n}\n\n/**\n * Element error options\n *\n * @internal\n * @typedef {object} ElementErrorOptions\n * @property {Element | Document | null} [element] - The element in error (optional)\n * @property {ComponentWithModuleName} [component] - Component throwing the error (optional)\n * @property {string} identifier - An identifier that'll let the user understand which element has an error. This is whatever makes the most sense\n * @property {string} [expectedType] - The type that was expected for the identifier (optional)\n */\n\n/**\n * @import { ComponentWithModuleName } from '../common/index.mjs'\n */\n","import { isInitialised, isSupported } from './common/index.mjs'\nimport { ElementError, InitError, SupportError } from './errors/index.mjs'\n\n/**\n * Base Component class\n *\n * Centralises the behaviours shared by our components\n *\n * @virtual\n * @template {Element} [RootElementType=HTMLElement]\n */\nexport class Component {\n  /**\n   * @type {typeof Element}\n   */\n  static elementType = HTMLElement\n\n  // allows Typescript user to work around the lack of types\n  // in GOVUKFrontend package, Typescript is not aware of $root\n  // in components that extend GOVUKFrontendComponent\n  /**\n   * Returns the root element of the component\n   *\n   * @protected\n   * @returns {RootElementType} - the root element of component\n   */\n  get $root() {\n    return this._$root\n  }\n\n  /**\n   * @protected\n   * @type {RootElementType}\n   */\n  _$root\n\n  /**\n   * Constructs a new component, validating that GOV.UK Frontend is supported\n   *\n   * @internal\n   * @param {Element | null} [$root] - HTML element to use for component\n   */\n  constructor($root) {\n    const childConstructor = /** @type {ChildClassConstructor} */ (\n      this.constructor\n    )\n\n    // TypeScript does not enforce that inheriting classes will define a `moduleName`\n    // (even if we add a `@virtual` `static moduleName` property to this class).\n    // While we trust users to do this correctly, we do a little check to provide them\n    // a helpful error message.\n    //\n    // After this, we'll be sure that `childConstructor` has a `moduleName`\n    // as expected of the `ChildClassConstructor` we've cast `this.constructor` to.\n    if (typeof childConstructor.moduleName !== 'string') {\n      throw new InitError(`\\`moduleName\\` not defined in component`)\n    }\n\n    if (!($root instanceof childConstructor.elementType)) {\n      throw new ElementError({\n        element: $root,\n        component: childConstructor,\n        identifier: 'Root element (`$root`)',\n        expectedType: childConstructor.elementType.name\n      })\n    } else {\n      this._$root = /** @type {RootElementType} */ ($root)\n    }\n\n    childConstructor.checkSupport()\n\n    this.checkInitialised()\n\n    const moduleName = childConstructor.moduleName\n\n    this.$root.setAttribute(`data-${moduleName}-init`, '')\n  }\n\n  /**\n   * Validates whether component is already initialised\n   *\n   * @private\n   * @throws {InitError} when component is already initialised\n   */\n  checkInitialised() {\n    const constructor = /** @type {ChildClassConstructor} */ (this.constructor)\n    const moduleName = constructor.moduleName\n\n    if (moduleName && isInitialised(this.$root, moduleName)) {\n      throw new InitError(constructor)\n    }\n  }\n\n  /**\n   * Validates whether components are supported\n   *\n   * @throws {SupportError} when the components are not supported\n   */\n  static checkSupport() {\n    if (!isSupported()) {\n      throw new SupportError()\n    }\n  }\n}\n\n/**\n * @typedef ChildClass\n * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component\n */\n\n/**\n * @typedef {typeof Component & ChildClass} ChildClassConstructor\n */\n","import { Component } from '../component.mjs'\nimport { ConfigError } from '../errors/index.mjs'\n\nimport { isObject, isScope, formatErrorMessage } from './index.mjs'\n\nexport const configOverride = Symbol.for('configOverride')\n\n/**\n * Base Component class\n *\n * Centralises the behaviours shared by our components\n *\n * @virtual\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]\n * @template {Element & { dataset: DOMStringMap }} [RootElementType=HTMLElement]\n * @augments Component<RootElementType>\n */\nexport class ConfigurableComponent extends Component {\n  /**\n   * configOverride\n   *\n   * Function which defines configuration overrides to prioritize\n   * properties from the root element's dataset.\n   *\n   * It should take a subset of configuration as input and return\n   * a new configuration object with properties that should be\n   * overridden based on the root element's dataset. A Symbol\n   * is used for indexing to prevent conflicts.\n   *\n   * @internal\n   * @virtual\n   * @param {Partial<ConfigurationType>} [param] - Configuration object\n   * @returns {Partial<ConfigurationType>} return - Configuration object\n   */\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  [configOverride](param) {\n    return {}\n  }\n\n  /**\n   * Returns the root element of the component\n   *\n   * @protected\n   * @returns {ConfigurationType} - the root element of component\n   */\n  get config() {\n    return this._config\n  }\n\n  /**\n   *\n   * @type {ConfigurationType}\n   */\n  _config\n\n  /**\n   * Constructs a new component, validating that GOV.UK Frontend is supported\n   *\n   * @internal\n   * @param {Element | null} [$root] - HTML element to use for component\n   * @param {ConfigurationType} [config] - HTML element to use for component\n   */\n  constructor($root, config) {\n    super($root)\n\n    const childConstructor =\n      /** @type {ChildClassConstructor<ConfigurationType>} */ (this.constructor)\n\n    if (!isObject(childConstructor.defaults)) {\n      throw new ConfigError(\n        formatErrorMessage(\n          childConstructor,\n          'Config passed as parameter into constructor but no defaults defined'\n        )\n      )\n    }\n\n    const datasetConfig = /** @type {ConfigurationType} */ (\n      normaliseDataset(childConstructor, this._$root.dataset)\n    )\n\n    this._config = /** @type {ConfigurationType} */ (\n      mergeConfigs(\n        childConstructor.defaults,\n        config ?? {},\n        this[configOverride](datasetConfig),\n        datasetConfig\n      )\n    )\n  }\n}\n\n/**\n * Normalise string\n *\n * 'If it looks like a duck, and it quacks like a duck…' 🦆\n *\n * If the passed value looks like a boolean or a number, convert it to a boolean\n * or number.\n *\n * Designed to be used to convert config passed via data attributes (which are\n * always strings) into something sensible.\n *\n * @internal\n * @param {DOMStringMap[string]} value - The value to normalise\n * @param {SchemaProperty} [property] - Component schema property\n * @returns {string | boolean | number | undefined} Normalised data\n */\nexport function normaliseString(value, property) {\n  const trimmedValue = value ? value.trim() : ''\n\n  let output\n  let outputType = property?.type\n\n  // No schema type set? Determine automatically\n  if (!outputType) {\n    if (['true', 'false'].includes(trimmedValue)) {\n      outputType = 'boolean'\n    }\n\n    // Empty / whitespace-only strings are considered finite so we need to check\n    // the length of the trimmed string as well\n    if (trimmedValue.length > 0 && isFinite(Number(trimmedValue))) {\n      outputType = 'number'\n    }\n  }\n\n  switch (outputType) {\n    case 'boolean':\n      output = trimmedValue === 'true'\n      break\n\n    case 'number':\n      output = Number(trimmedValue)\n      break\n\n    default:\n      output = value\n  }\n\n  return output\n}\n\n/**\n * Normalise dataset\n *\n * Loop over an object and normalise each value using {@link normaliseString},\n * optionally expanding nested `i18n.field`\n *\n * @internal\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @template {[keyof ConfigurationType, SchemaProperty | undefined][]} SchemaEntryType\n * @param {{ schema?: Schema<ConfigurationType>, moduleName: string }} Component - Component class\n * @param {DOMStringMap} dataset - HTML element dataset\n * @returns {ObjectNested} Normalised dataset\n */\nexport function normaliseDataset(Component, dataset) {\n  if (!isObject(Component.schema)) {\n    throw new ConfigError(\n      formatErrorMessage(\n        Component,\n        'Config passed as parameter into constructor but no schema defined'\n      )\n    )\n  }\n\n  const out = /** @type {ObjectNested} */ ({})\n  const entries = /** @type {SchemaEntryType} */ (\n    Object.entries(Component.schema.properties)\n  )\n\n  // Normalise top-level dataset ('data-*') values using schema types\n  for (const entry of entries) {\n    const [namespace, property] = entry\n\n    // Cast the `namespace` to string so it can be used to access the dataset\n    const field = namespace.toString()\n\n    if (field in dataset) {\n      out[field] = normaliseString(dataset[field], property)\n    }\n\n    /**\n     * Extract and normalise nested object values automatically using\n     * {@link normaliseString} but only schema object types are allowed\n     */\n    if (property?.type === 'object') {\n      out[field] = extractConfigByNamespace(\n        Component.schema,\n        dataset,\n        namespace\n      )\n    }\n  }\n\n  return out\n}\n\n/**\n * Normalise options passed to `initAll` or `createAll`\n *\n * @internal\n * @template {CompatibleClass} ComponentClass\n * @param {Config | CreateAllOptions<ComponentClass> | OnErrorCallback<ComponentClass> | Element | Document | null} [scopeOrOptions] - Scope of the document to search within, initialisation options or error callback function\n * @returns {CreateAllOptions<ComponentClass>} Normalised options\n */\nexport function normaliseOptions(scopeOrOptions) {\n  let /** @type {Element | Document | null} */ $scope = document\n  let /** @type {OnErrorCallback<ComponentClass> | undefined} */ onError\n\n  // Handle options object\n  if (isObject(scopeOrOptions)) {\n    const options = scopeOrOptions\n\n    // Scope must be valid or null\n    if (isScope(options.scope) || options.scope === null) {\n      $scope = options.scope\n    }\n\n    // Error handler must be a function\n    if (typeof options.onError === 'function') {\n      onError = options.onError\n    }\n  }\n\n  if (isScope(scopeOrOptions)) {\n    $scope = scopeOrOptions\n  } else if (scopeOrOptions === null) {\n    $scope = null\n  } else if (typeof scopeOrOptions === 'function') {\n    onError = scopeOrOptions\n  }\n\n  return {\n    scope: $scope,\n    onError\n  }\n}\n\n/**\n * Config merging function\n *\n * Takes any number of objects and combines them together, with\n * greatest priority on the LAST item passed in.\n *\n * @internal\n * @param {...{ [key: string]: unknown }} configObjects - Config objects to merge\n * @returns {{ [key: string]: unknown }} A merged config object\n */\nexport function mergeConfigs(...configObjects) {\n  // Start with an empty object as our base\n  /** @type {{ [key: string]: unknown }} */\n  const formattedConfigObject = {}\n\n  // Loop through each of the passed objects\n  for (const configObject of configObjects) {\n    for (const key of Object.keys(configObject)) {\n      const option = formattedConfigObject[key]\n      const override = configObject[key]\n\n      // Push their keys one-by-one into formattedConfigObject. Any duplicate\n      // keys with object values will be merged, otherwise the new value will\n      // override the existing value.\n      if (isObject(option) && isObject(override)) {\n        formattedConfigObject[key] = mergeConfigs(option, override)\n      } else {\n        // Apply override\n        formattedConfigObject[key] = override\n      }\n    }\n  }\n\n  return formattedConfigObject\n}\n\n/**\n * Validate component config by schema\n *\n * Follows limited examples in JSON schema for wider support in future\n *\n * {@link https://ajv.js.org/json-schema.html#compound-keywords}\n * {@link https://ajv.js.org/packages/ajv-errors.html#single-message}\n *\n * @internal\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @param {Schema<ConfigurationType>} schema - The schema of a component\n * @param {ConfigurationType} config - Component config\n * @returns {string[]} List of validation errors\n */\nexport function validateConfig(schema, config) {\n  const validationErrors = []\n\n  // Check errors for each schema\n  for (const [name, conditions] of Object.entries(schema)) {\n    const errors = []\n\n    // Check errors for each schema condition\n    if (Array.isArray(conditions)) {\n      for (const { required, errorMessage } of conditions) {\n        if (!required.every((key) => !!config[key])) {\n          errors.push(errorMessage) // Missing config key value\n        }\n      }\n\n      // Check one condition passes or add errors\n      if (name === 'anyOf' && !(conditions.length - errors.length >= 1)) {\n        validationErrors.push(...errors)\n      }\n    }\n  }\n\n  return validationErrors\n}\n\n/**\n * Extracts keys starting with a particular namespace from dataset ('data-*')\n * object, removing the namespace in the process, normalising all values\n *\n * @internal\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @param {Schema<ConfigurationType>} schema - The schema of a component\n * @param {DOMStringMap} dataset - The object to extract key-value pairs from\n * @param {keyof ConfigurationType} namespace - The namespace to filter keys with\n * @returns {ObjectNested | undefined} Nested object with dot-separated key namespace removed\n */\nexport function extractConfigByNamespace(schema, dataset, namespace) {\n  const property = schema.properties[namespace]\n\n  // Only extract configs for object schema properties\n  if (property?.type !== 'object') {\n    return\n  }\n\n  // Add default empty config\n  const newObject = /** @type {Record<typeof namespace, ObjectNested>} */ ({\n    [namespace]: {}\n  })\n\n  for (const [key, value] of Object.entries(dataset)) {\n    /** @type {ObjectNested | ObjectNested[NestedKey]} */\n    let current = newObject\n\n    // Split the key into parts, using . as our namespace separator\n    const keyParts = key.split('.')\n\n    /**\n     * Create new level per part\n     *\n     * e.g. 'i18n.textareaDescription.other' becomes\n     * `{ i18n: { textareaDescription: { other } } }`\n     */\n    for (const [index, name] of keyParts.entries()) {\n      if (isObject(current)) {\n        // Drop down to nested object until the last part\n        if (index < keyParts.length - 1) {\n          // New nested object (optionally) replaces existing value\n          if (!isObject(current[name])) {\n            current[name] = {}\n          }\n\n          // Drop down into new or existing nested object\n          current = current[name]\n        } else if (key !== namespace) {\n          // Normalised value (optionally) replaces existing value\n          current[name] = normaliseString(value)\n        }\n      }\n    }\n  }\n\n  return newObject[namespace]\n}\n\n/**\n * @internal\n * @typedef {keyof ObjectNested} NestedKey\n * @typedef {{ [key: string]: string | boolean | number | ObjectNested | undefined }} ObjectNested\n */\n\n/**\n * Schema for component config\n *\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @typedef {object} Schema\n * @property {Record<keyof ConfigurationType, SchemaProperty | undefined>} properties - Schema properties\n * @property {SchemaCondition<ConfigurationType>[]} [anyOf] - List of schema conditions\n */\n\n/**\n * Schema property for component config\n *\n * @typedef {object} SchemaProperty\n * @property {'string' | 'boolean' | 'number' | 'object'} type - Property type\n */\n\n/**\n * Schema condition for component config\n *\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @typedef {object} SchemaCondition\n * @property {(keyof ConfigurationType)[]} required - List of required config fields\n * @property {string} errorMessage - Error message when required config fields not provided\n */\n\n/**\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]\n * @typedef ChildClass\n * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component\n * @property {Schema<ConfigurationType>} [schema] - The schema of the component configuration\n * @property {ConfigurationType} [defaults] - The default values of the configuration of the component\n */\n\n/**\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]\n * @typedef {typeof Component & ChildClass<ConfigurationType>} ChildClassConstructor<ConfigurationType>\n */\n\n/**\n * @import { CompatibleClass, Config, CreateAllOptions, OnErrorCallback } from '../init.mjs'\n */\n","import { ConfigurableComponent } from '../../common/configuration.mjs'\nimport { setFocus } from '../../common/index.mjs'\n\n/**\n * Error summary component\n *\n * Takes focus on initialisation for accessible announcement, unless disabled in\n * configuration.\n *\n * @preserve\n * @augments ConfigurableComponent<ErrorSummaryConfig>\n */\nexport class ErrorSummary extends ConfigurableComponent {\n  /**\n   * @param {Element | null} $root - HTML element to use for error summary\n   * @param {ErrorSummaryConfig} [config] - Error summary config\n   */\n  constructor($root, config = {}) {\n    super($root, config)\n\n    /**\n     * Focus the error summary\n     */\n    if (!this.config.disableAutoFocus) {\n      setFocus(this.$root)\n    }\n\n    this.$root.addEventListener('click', (event) => this.handleClick(event))\n  }\n\n  /**\n   * Click event handler\n   *\n   * @private\n   * @param {MouseEvent} event - Click event\n   */\n  handleClick(event) {\n    const $target = event.target\n    if ($target && this.focusTarget($target)) {\n      event.preventDefault()\n    }\n  }\n\n  /**\n   * Focus the target element\n   *\n   * By default, the browser will scroll the target into view. Because our\n   * labels or legends appear above the input, this means the user will be\n   * presented with an input without any context, as the label or legend will be\n   * off the top of the screen.\n   *\n   * Manually handling the click event, scrolling the question into view and\n   * then focussing the element solves this.\n   *\n   * This also results in the label and/or legend being announced correctly in\n   * NVDA (as tested in 2018.3.2) - without this only the field type is\n   * announced (e.g. \"Edit, has autocomplete\").\n   *\n   * @private\n   * @param {EventTarget} $target - Event target\n   * @returns {boolean} True if the target was able to be focussed\n   */\n  focusTarget($target) {\n    // If the element that was clicked was not a link, return early\n    if (!($target instanceof HTMLAnchorElement)) {\n      return false\n    }\n\n    const inputId = $target.hash.replace('#', '')\n    if (!inputId) {\n      return false\n    }\n\n    const $input = document.getElementById(inputId)\n    if (!$input) {\n      return false\n    }\n\n    const $legendOrLabel = this.getAssociatedLegendOrLabel($input)\n    if (!$legendOrLabel) {\n      return false\n    }\n\n    // Scroll the legend or label into view *before* calling focus on the input\n    // to avoid extra scrolling in browsers that don't support `preventScroll`\n    // (which at time of writing is most of them...)\n    $legendOrLabel.scrollIntoView()\n    $input.focus({ preventScroll: true })\n\n    return true\n  }\n\n  /**\n   * Get associated legend or label\n   *\n   * Returns the first element that exists from this list:\n   *\n   * - The `<legend>` associated with the closest `<fieldset>` ancestor, as long\n   *   as the top of it is no more than half a viewport height away from the\n   *   bottom of the input\n   * - The first `<label>` that is associated with the input using for=\"inputId\"\n   * - The closest parent `<label>`\n   *\n   * @private\n   * @param {Element} $input - The input\n   * @returns {Element | null} Associated legend or label, or null if no\n   *   associated legend or label can be found\n   */\n  getAssociatedLegendOrLabel($input) {\n    const $fieldset = $input.closest('fieldset')\n\n    if ($fieldset) {\n      const $legends = $fieldset.getElementsByTagName('legend')\n\n      if ($legends.length) {\n        const $candidateLegend = $legends[0]\n\n        // If the input type is radio or checkbox, always use the legend if\n        // there is one.\n        if (\n          $input instanceof HTMLInputElement &&\n          ($input.type === 'checkbox' || $input.type === 'radio')\n        ) {\n          return $candidateLegend\n        }\n\n        // For other input types, only scroll to the fieldset’s legend (instead\n        // of the label associated with the input) if the input would end up in\n        // the top half of the screen.\n        //\n        // This should avoid situations where the input either ends up off the\n        // screen, or obscured by a software keyboard.\n        const legendTop = $candidateLegend.getBoundingClientRect().top\n        const inputRect = $input.getBoundingClientRect()\n\n        // If the browser doesn't support Element.getBoundingClientRect().height\n        // or window.innerHeight (like IE8), bail and just link to the label.\n        if (inputRect.height && window.innerHeight) {\n          const inputBottom = inputRect.top + inputRect.height\n\n          if (inputBottom - legendTop < window.innerHeight / 2) {\n            return $candidateLegend\n          }\n        }\n      }\n    }\n\n    return (\n      document.querySelector(`label[for='${$input.getAttribute('id')}']`) ??\n      $input.closest('label')\n    )\n  }\n\n  /**\n   * Name for the component used when initialising using data-module attributes.\n   */\n  static moduleName = 'govuk-error-summary'\n\n  /**\n   * Error summary default config\n   *\n   * @see {@link ErrorSummaryConfig}\n   * @constant\n   * @type {ErrorSummaryConfig}\n   */\n  static defaults = Object.freeze({\n    disableAutoFocus: false\n  })\n\n  /**\n   * Error summary config schema\n   *\n   * @constant\n   * @satisfies {Schema<ErrorSummaryConfig>}\n   */\n  static schema = Object.freeze({\n    properties: {\n      disableAutoFocus: { type: 'boolean' }\n    }\n  })\n}\n\n/**\n * Error summary config\n *\n * @typedef {object} ErrorSummaryConfig\n * @property {boolean} [disableAutoFocus=false] - If set to `true` the error\n *   summary will not be focussed when the page loads.\n */\n\n/**\n * @import { Schema } from '../../common/configuration.mjs'\n */\n"],"names":["setFocus","$element","options","_options$onBeforeFocu","isFocusable","getAttribute","setAttribute","onFocus","addEventListener","onBlur","once","_options$onBlur","call","removeAttribute","onBeforeFocus","focus","isInitialised","$root","moduleName","HTMLElement","hasAttribute","isSupported","$scope","document","body","classList","contains","isArray","option","Array","isObject","formatErrorMessage","Component","message","GOVUKFrontendError","Error","constructor","args","name","SupportError","supportMessage","HTMLScriptElement","prototype","ConfigError","ElementError","messageOrOptions","component","identifier","element","expectedType","InitError","componentOrMessage","_$root","childConstructor","elementType","checkSupport","checkInitialised","configOverride","Symbol","for","ConfigurableComponent","param","config","_config","defaults","datasetConfig","normaliseDataset","dataset","mergeConfigs","normaliseString","value","property","trimmedValue","trim","output","outputType","type","includes","length","isFinite","Number","schema","out","entries","Object","properties","entry","namespace","field","toString","extractConfigByNamespace","configObjects","formattedConfigObject","configObject","key","keys","override","newObject","current","keyParts","split","index","ErrorSummary","disableAutoFocus","event","handleClick","$target","target","focusTarget","preventDefault","HTMLAnchorElement","inputId","hash","replace","$input","getElementById","$legendOrLabel","getAssociatedLegendOrLabel","scrollIntoView","preventScroll","_document$querySelect","$fieldset","closest","$legends","getElementsByTagName","$candidateLegend","HTMLInputElement","legendTop","getBoundingClientRect","top","inputRect","height","window","innerHeight","inputBottom","querySelector","freeze"],"mappings":"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"}
\ No newline at end of file
diff --git a/app/templates/govuk/components/error-summary/error-summary.bundle.mjs b/app/templates/govuk/components/error-summary/error-summary.bundle.mjs
new file mode 100644
index 0000000..7166fab
--- /dev/null
+++ b/app/templates/govuk/components/error-summary/error-summary.bundle.mjs
@@ -0,0 +1,411 @@
+function setFocus($element, options = {}) {
+  var _options$onBeforeFocu;
+  const isFocusable = $element.getAttribute('tabindex');
+  if (!isFocusable) {
+    $element.setAttribute('tabindex', '-1');
+  }
+  function onFocus() {
+    $element.addEventListener('blur', onBlur, {
+      once: true
+    });
+  }
+  function onBlur() {
+    var _options$onBlur;
+    (_options$onBlur = options.onBlur) == null || _options$onBlur.call($element);
+    if (!isFocusable) {
+      $element.removeAttribute('tabindex');
+    }
+  }
+  $element.addEventListener('focus', onFocus, {
+    once: true
+  });
+  (_options$onBeforeFocu = options.onBeforeFocus) == null || _options$onBeforeFocu.call($element);
+  $element.focus();
+}
+function isInitialised($root, moduleName) {
+  return $root instanceof HTMLElement && $root.hasAttribute(`data-${moduleName}-init`);
+}
+
+/**
+ * Checks if GOV.UK Frontend is supported on this page
+ *
+ * Some browsers will load and run our JavaScript but GOV.UK Frontend
+ * won't be supported.
+ *
+ * @param {HTMLElement | null} [$scope] - (internal) `<body>` HTML element checked for browser support
+ * @returns {boolean} Whether GOV.UK Frontend is supported on this page
+ */
+function isSupported($scope = document.body) {
+  if (!$scope) {
+    return false;
+  }
+  return $scope.classList.contains('govuk-frontend-supported');
+}
+function isArray(option) {
+  return Array.isArray(option);
+}
+function isObject(option) {
+  return !!option && typeof option === 'object' && !isArray(option);
+}
+function formatErrorMessage(Component, message) {
+  return `${Component.moduleName}: ${message}`;
+}
+/**
+ * @typedef ComponentWithModuleName
+ * @property {string} moduleName - Name of the component
+ */
+
+class GOVUKFrontendError extends Error {
+  constructor(...args) {
+    super(...args);
+    this.name = 'GOVUKFrontendError';
+  }
+}
+class SupportError extends GOVUKFrontendError {
+  /**
+   * Checks if GOV.UK Frontend is supported on this page
+   *
+   * @param {HTMLElement | null} [$scope] - HTML element `<body>` checked for browser support
+   */
+  constructor($scope = document.body) {
+    const supportMessage = 'noModule' in HTMLScriptElement.prototype ? 'GOV.UK Frontend initialised without `<body class="govuk-frontend-supported">` from template `<script>` snippet' : 'GOV.UK Frontend is not supported in this browser';
+    super($scope ? supportMessage : 'GOV.UK Frontend initialised without `<script type="module">`');
+    this.name = 'SupportError';
+  }
+}
+class ConfigError extends GOVUKFrontendError {
+  constructor(...args) {
+    super(...args);
+    this.name = 'ConfigError';
+  }
+}
+class ElementError extends GOVUKFrontendError {
+  constructor(messageOrOptions) {
+    let message = typeof messageOrOptions === 'string' ? messageOrOptions : '';
+    if (isObject(messageOrOptions)) {
+      const {
+        component,
+        identifier,
+        element,
+        expectedType
+      } = messageOrOptions;
+      message = identifier;
+      message += element ? ` is not of type ${expectedType != null ? expectedType : 'HTMLElement'}` : ' not found';
+      if (component) {
+        message = formatErrorMessage(component, message);
+      }
+    }
+    super(message);
+    this.name = 'ElementError';
+  }
+}
+class InitError extends GOVUKFrontendError {
+  constructor(componentOrMessage) {
+    const message = typeof componentOrMessage === 'string' ? componentOrMessage : formatErrorMessage(componentOrMessage, `Root element (\`$root\`) already initialised`);
+    super(message);
+    this.name = 'InitError';
+  }
+}
+/**
+ * @import { ComponentWithModuleName } from '../common/index.mjs'
+ */
+
+class Component {
+  /**
+   * Returns the root element of the component
+   *
+   * @protected
+   * @returns {RootElementType} - the root element of component
+   */
+  get $root() {
+    return this._$root;
+  }
+  constructor($root) {
+    this._$root = void 0;
+    const childConstructor = this.constructor;
+    if (typeof childConstructor.moduleName !== 'string') {
+      throw new InitError(`\`moduleName\` not defined in component`);
+    }
+    if (!($root instanceof childConstructor.elementType)) {
+      throw new ElementError({
+        element: $root,
+        component: childConstructor,
+        identifier: 'Root element (`$root`)',
+        expectedType: childConstructor.elementType.name
+      });
+    } else {
+      this._$root = $root;
+    }
+    childConstructor.checkSupport();
+    this.checkInitialised();
+    const moduleName = childConstructor.moduleName;
+    this.$root.setAttribute(`data-${moduleName}-init`, '');
+  }
+  checkInitialised() {
+    const constructor = this.constructor;
+    const moduleName = constructor.moduleName;
+    if (moduleName && isInitialised(this.$root, moduleName)) {
+      throw new InitError(constructor);
+    }
+  }
+  static checkSupport() {
+    if (!isSupported()) {
+      throw new SupportError();
+    }
+  }
+}
+
+/**
+ * @typedef ChildClass
+ * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component
+ */
+
+/**
+ * @typedef {typeof Component & ChildClass} ChildClassConstructor
+ */
+Component.elementType = HTMLElement;
+
+const configOverride = Symbol.for('configOverride');
+class ConfigurableComponent extends Component {
+  [configOverride](param) {
+    return {};
+  }
+
+  /**
+   * Returns the root element of the component
+   *
+   * @protected
+   * @returns {ConfigurationType} - the root element of component
+   */
+  get config() {
+    return this._config;
+  }
+  constructor($root, config) {
+    super($root);
+    this._config = void 0;
+    const childConstructor = this.constructor;
+    if (!isObject(childConstructor.defaults)) {
+      throw new ConfigError(formatErrorMessage(childConstructor, 'Config passed as parameter into constructor but no defaults defined'));
+    }
+    const datasetConfig = normaliseDataset(childConstructor, this._$root.dataset);
+    this._config = mergeConfigs(childConstructor.defaults, config != null ? config : {}, this[configOverride](datasetConfig), datasetConfig);
+  }
+}
+function normaliseString(value, property) {
+  const trimmedValue = value ? value.trim() : '';
+  let output;
+  let outputType = property == null ? void 0 : property.type;
+  if (!outputType) {
+    if (['true', 'false'].includes(trimmedValue)) {
+      outputType = 'boolean';
+    }
+    if (trimmedValue.length > 0 && isFinite(Number(trimmedValue))) {
+      outputType = 'number';
+    }
+  }
+  switch (outputType) {
+    case 'boolean':
+      output = trimmedValue === 'true';
+      break;
+    case 'number':
+      output = Number(trimmedValue);
+      break;
+    default:
+      output = value;
+  }
+  return output;
+}
+function normaliseDataset(Component, dataset) {
+  if (!isObject(Component.schema)) {
+    throw new ConfigError(formatErrorMessage(Component, 'Config passed as parameter into constructor but no schema defined'));
+  }
+  const out = {};
+  const entries = Object.entries(Component.schema.properties);
+  for (const entry of entries) {
+    const [namespace, property] = entry;
+    const field = namespace.toString();
+    if (field in dataset) {
+      out[field] = normaliseString(dataset[field], property);
+    }
+    if ((property == null ? void 0 : property.type) === 'object') {
+      out[field] = extractConfigByNamespace(Component.schema, dataset, namespace);
+    }
+  }
+  return out;
+}
+function mergeConfigs(...configObjects) {
+  const formattedConfigObject = {};
+  for (const configObject of configObjects) {
+    for (const key of Object.keys(configObject)) {
+      const option = formattedConfigObject[key];
+      const override = configObject[key];
+      if (isObject(option) && isObject(override)) {
+        formattedConfigObject[key] = mergeConfigs(option, override);
+      } else {
+        formattedConfigObject[key] = override;
+      }
+    }
+  }
+  return formattedConfigObject;
+}
+function extractConfigByNamespace(schema, dataset, namespace) {
+  const property = schema.properties[namespace];
+  if ((property == null ? void 0 : property.type) !== 'object') {
+    return;
+  }
+  const newObject = {
+    [namespace]: {}
+  };
+  for (const [key, value] of Object.entries(dataset)) {
+    let current = newObject;
+    const keyParts = key.split('.');
+    for (const [index, name] of keyParts.entries()) {
+      if (isObject(current)) {
+        if (index < keyParts.length - 1) {
+          if (!isObject(current[name])) {
+            current[name] = {};
+          }
+          current = current[name];
+        } else if (key !== namespace) {
+          current[name] = normaliseString(value);
+        }
+      }
+    }
+  }
+  return newObject[namespace];
+}
+/**
+ * Schema for component config
+ *
+ * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType
+ * @typedef {object} Schema
+ * @property {Record<keyof ConfigurationType, SchemaProperty | undefined>} properties - Schema properties
+ * @property {SchemaCondition<ConfigurationType>[]} [anyOf] - List of schema conditions
+ */
+/**
+ * Schema property for component config
+ *
+ * @typedef {object} SchemaProperty
+ * @property {'string' | 'boolean' | 'number' | 'object'} type - Property type
+ */
+/**
+ * Schema condition for component config
+ *
+ * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType
+ * @typedef {object} SchemaCondition
+ * @property {(keyof ConfigurationType)[]} required - List of required config fields
+ * @property {string} errorMessage - Error message when required config fields not provided
+ */
+/**
+ * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]
+ * @typedef ChildClass
+ * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component
+ * @property {Schema<ConfigurationType>} [schema] - The schema of the component configuration
+ * @property {ConfigurationType} [defaults] - The default values of the configuration of the component
+ */
+/**
+ * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]
+ * @typedef {typeof Component & ChildClass<ConfigurationType>} ChildClassConstructor<ConfigurationType>
+ */
+/**
+ * @import { CompatibleClass, Config, CreateAllOptions, OnErrorCallback } from '../init.mjs'
+ */
+
+/**
+ * Error summary component
+ *
+ * Takes focus on initialisation for accessible announcement, unless disabled in
+ * configuration.
+ *
+ * @preserve
+ * @augments ConfigurableComponent<ErrorSummaryConfig>
+ */
+class ErrorSummary extends ConfigurableComponent {
+  /**
+   * @param {Element | null} $root - HTML element to use for error summary
+   * @param {ErrorSummaryConfig} [config] - Error summary config
+   */
+  constructor($root, config = {}) {
+    super($root, config);
+    if (!this.config.disableAutoFocus) {
+      setFocus(this.$root);
+    }
+    this.$root.addEventListener('click', event => this.handleClick(event));
+  }
+  handleClick(event) {
+    const $target = event.target;
+    if ($target && this.focusTarget($target)) {
+      event.preventDefault();
+    }
+  }
+  focusTarget($target) {
+    if (!($target instanceof HTMLAnchorElement)) {
+      return false;
+    }
+    const inputId = $target.hash.replace('#', '');
+    if (!inputId) {
+      return false;
+    }
+    const $input = document.getElementById(inputId);
+    if (!$input) {
+      return false;
+    }
+    const $legendOrLabel = this.getAssociatedLegendOrLabel($input);
+    if (!$legendOrLabel) {
+      return false;
+    }
+    $legendOrLabel.scrollIntoView();
+    $input.focus({
+      preventScroll: true
+    });
+    return true;
+  }
+  getAssociatedLegendOrLabel($input) {
+    var _document$querySelect;
+    const $fieldset = $input.closest('fieldset');
+    if ($fieldset) {
+      const $legends = $fieldset.getElementsByTagName('legend');
+      if ($legends.length) {
+        const $candidateLegend = $legends[0];
+        if ($input instanceof HTMLInputElement && ($input.type === 'checkbox' || $input.type === 'radio')) {
+          return $candidateLegend;
+        }
+        const legendTop = $candidateLegend.getBoundingClientRect().top;
+        const inputRect = $input.getBoundingClientRect();
+        if (inputRect.height && window.innerHeight) {
+          const inputBottom = inputRect.top + inputRect.height;
+          if (inputBottom - legendTop < window.innerHeight / 2) {
+            return $candidateLegend;
+          }
+        }
+      }
+    }
+    return (_document$querySelect = document.querySelector(`label[for='${$input.getAttribute('id')}']`)) != null ? _document$querySelect : $input.closest('label');
+  }
+}
+
+/**
+ * Error summary config
+ *
+ * @typedef {object} ErrorSummaryConfig
+ * @property {boolean} [disableAutoFocus=false] - If set to `true` the error
+ *   summary will not be focussed when the page loads.
+ */
+
+/**
+ * @import { Schema } from '../../common/configuration.mjs'
+ */
+ErrorSummary.moduleName = 'govuk-error-summary';
+ErrorSummary.defaults = Object.freeze({
+  disableAutoFocus: false
+});
+ErrorSummary.schema = Object.freeze({
+  properties: {
+    disableAutoFocus: {
+      type: 'boolean'
+    }
+  }
+});
+
+export { ErrorSummary };
+//# sourceMappingURL=error-summary.bundle.mjs.map
diff --git a/app/templates/govuk/components/error-summary/error-summary.bundle.mjs.map b/app/templates/govuk/components/error-summary/error-summary.bundle.mjs.map
new file mode 100644
index 0000000..db947d7
--- /dev/null
+++ b/app/templates/govuk/components/error-summary/error-summary.bundle.mjs.map
@@ -0,0 +1 @@
+{"version":3,"file":"error-summary.bundle.mjs","sources":["../../../../src/govuk/common/index.mjs","../../../../src/govuk/errors/index.mjs","../../../../src/govuk/component.mjs","../../../../src/govuk/common/configuration.mjs","../../../../src/govuk/components/error-summary/error-summary.mjs"],"sourcesContent":["/**\n * Common helpers which do not require polyfill.\n *\n * IMPORTANT: If a helper require a polyfill, please isolate it in its own module\n * so that the polyfill can be properly tree-shaken and does not burden\n * the components that do not need that helper\n */\n\n/**\n * Get GOV.UK Frontend breakpoint value from CSS custom property\n *\n * @private\n * @param {string} name - Breakpoint name\n * @returns {{ property: string, value?: string }} Breakpoint object\n */\nexport function getBreakpoint(name) {\n  const property = `--govuk-breakpoint-${name}`\n\n  // Get value from `<html>` with breakpoints on CSS :root\n  const value = window\n    .getComputedStyle(document.documentElement)\n    .getPropertyValue(property)\n\n  return {\n    property,\n    value: value || undefined\n  }\n}\n\n/**\n * Move focus to element\n *\n * Sets tabindex to -1 to make the element programmatically focusable,\n * but removes it on blur as the element doesn't need to be focused again.\n *\n * @private\n * @template {HTMLElement} FocusElement\n * @param {FocusElement} $element - HTML element\n * @param {object} [options] - Handler options\n * @param {function(this: FocusElement): void} [options.onBeforeFocus] - Callback before focus\n * @param {function(this: FocusElement): void} [options.onBlur] - Callback on blur\n */\nexport function setFocus($element, options = {}) {\n  const isFocusable = $element.getAttribute('tabindex')\n\n  if (!isFocusable) {\n    $element.setAttribute('tabindex', '-1')\n  }\n\n  /**\n   * Handle element focus\n   */\n  function onFocus() {\n    $element.addEventListener('blur', onBlur, { once: true })\n  }\n\n  /**\n   * Handle element blur\n   */\n  function onBlur() {\n    options.onBlur?.call($element)\n\n    if (!isFocusable) {\n      $element.removeAttribute('tabindex')\n    }\n  }\n\n  // Add listener to reset element on blur, after focus\n  $element.addEventListener('focus', onFocus, { once: true })\n\n  // Focus element\n  options.onBeforeFocus?.call($element)\n  $element.focus()\n}\n\n/**\n * Checks if component is already initialised\n *\n * @internal\n * @param {Element} $root - HTML element to be checked\n * @param {string} moduleName - name of component module\n * @returns {boolean} Whether component is already initialised\n */\nexport function isInitialised($root, moduleName) {\n  return (\n    $root instanceof HTMLElement &&\n    $root.hasAttribute(`data-${moduleName}-init`)\n  )\n}\n\n/**\n * Checks if GOV.UK Frontend is supported on this page\n *\n * Some browsers will load and run our JavaScript but GOV.UK Frontend\n * won't be supported.\n *\n * @param {HTMLElement | null} [$scope] - (internal) `<body>` HTML element checked for browser support\n * @returns {boolean} Whether GOV.UK Frontend is supported on this page\n */\nexport function isSupported($scope = document.body) {\n  if (!$scope) {\n    return false\n  }\n\n  return $scope.classList.contains('govuk-frontend-supported')\n}\n\n/**\n * Check for an array\n *\n * @internal\n * @param {unknown} option - Option to check\n * @returns {boolean} Whether the option is an array\n */\nfunction isArray(option) {\n  return Array.isArray(option)\n}\n\n/**\n * Check for an object\n *\n * @internal\n * @template {Partial<Record<keyof ObjectType, unknown>>} ObjectType\n * @param {unknown | ObjectType} option - Option to check\n * @returns {option is ObjectType} Whether the option is an object\n */\nexport function isObject(option) {\n  return !!option && typeof option === 'object' && !isArray(option)\n}\n\n/**\n * Check for valid scope\n *\n * @internal\n * @template {Element | Document} ScopeType\n * @param {unknown | ScopeType} $scope - Scope of the document to search within\n * @returns {$scope is ScopeType} Whether the scope can be queried\n */\nexport function isScope($scope) {\n  return !!$scope && ($scope instanceof Element || $scope instanceof Document)\n}\n\n/**\n * Format error message\n *\n * @internal\n * @param {ComponentWithModuleName} Component - Component that threw the error\n * @param {string} message - Error message\n * @returns {string} - Formatted error message\n */\nexport function formatErrorMessage(Component, message) {\n  return `${Component.moduleName}: ${message}`\n}\n\n/* eslint-disable jsdoc/valid-types --\n * `{new(...args: any[] ): object}` is not recognised as valid\n * https://github.com/gajus/eslint-plugin-jsdoc/issues/145#issuecomment-1308722878\n * https://github.com/jsdoc-type-pratt-parser/jsdoc-type-pratt-parser/issues/131\n **/\n\n/**\n * @typedef ComponentWithModuleName\n * @property {string} moduleName - Name of the component\n */\n\n/* eslint-enable jsdoc/valid-types */\n","import { formatErrorMessage, isObject } from '../common/index.mjs'\n\n/**\n * GOV.UK Frontend error\n *\n * A base class for `Error`s thrown by GOV.UK Frontend.\n *\n * It is meant to be extended into specific types of errors\n * to be thrown by our code.\n *\n * @example\n * ```js\n * class MissingRootError extends GOVUKFrontendError {\n *   // Setting an explicit name is important as extending the class will not\n *   // set a new `name` on the subclass. The `name` property is important\n *   // to ensure intelligible error names even if the class name gets\n *   // mangled by a minifier\n *   name = \"MissingRootError\"\n * }\n * ```\n * @virtual\n */\nexport class GOVUKFrontendError extends Error {\n  name = 'GOVUKFrontendError'\n}\n\n/**\n * Indicates that GOV.UK Frontend is not supported\n */\nexport class SupportError extends GOVUKFrontendError {\n  name = 'SupportError'\n\n  /**\n   * Checks if GOV.UK Frontend is supported on this page\n   *\n   * @param {HTMLElement | null} [$scope] - HTML element `<body>` checked for browser support\n   */\n  constructor($scope = document.body) {\n    const supportMessage =\n      'noModule' in HTMLScriptElement.prototype\n        ? 'GOV.UK Frontend initialised without `<body class=\"govuk-frontend-supported\">` from template `<script>` snippet'\n        : 'GOV.UK Frontend is not supported in this browser'\n\n    super(\n      $scope\n        ? supportMessage\n        : 'GOV.UK Frontend initialised without `<script type=\"module\">`'\n    )\n  }\n}\n\n/**\n * Indicates that a component has received an illegal configuration\n */\nexport class ConfigError extends GOVUKFrontendError {\n  name = 'ConfigError'\n}\n\n/**\n * Indicates an issue with an element (possibly `null` or `undefined`)\n */\nexport class ElementError extends GOVUKFrontendError {\n  name = 'ElementError'\n\n  /**\n   * @internal\n   * @overload\n   * @param {string} message - Element error message\n   */\n\n  /**\n   * @internal\n   * @overload\n   * @param {ElementErrorOptions} options - Element error options\n   */\n\n  /**\n   * @internal\n   * @param {string | ElementErrorOptions} messageOrOptions - Element error message or options\n   */\n  constructor(messageOrOptions) {\n    let message = typeof messageOrOptions === 'string' ? messageOrOptions : ''\n\n    // Build message from options\n    if (isObject(messageOrOptions)) {\n      const { component, identifier, element, expectedType } = messageOrOptions\n\n      message = identifier\n\n      // Append reason\n      message += element\n        ? ` is not of type ${expectedType ?? 'HTMLElement'}`\n        : ' not found'\n\n      // Prepend with module name (optional)\n      if (component) {\n        message = formatErrorMessage(component, message)\n      }\n    }\n\n    super(message)\n  }\n}\n\n/**\n * Indicates that a component is already initialised\n */\nexport class InitError extends GOVUKFrontendError {\n  name = 'InitError'\n\n  /**\n   * @internal\n   * @param {ComponentWithModuleName | string} componentOrMessage - name of the component module\n   */\n  constructor(componentOrMessage) {\n    const message =\n      typeof componentOrMessage === 'string'\n        ? componentOrMessage\n        : formatErrorMessage(\n            componentOrMessage,\n            `Root element (\\`$root\\`) already initialised`\n          )\n\n    super(message)\n  }\n}\n\n/**\n * Element error options\n *\n * @internal\n * @typedef {object} ElementErrorOptions\n * @property {Element | Document | null} [element] - The element in error (optional)\n * @property {ComponentWithModuleName} [component] - Component throwing the error (optional)\n * @property {string} identifier - An identifier that'll let the user understand which element has an error. This is whatever makes the most sense\n * @property {string} [expectedType] - The type that was expected for the identifier (optional)\n */\n\n/**\n * @import { ComponentWithModuleName } from '../common/index.mjs'\n */\n","import { isInitialised, isSupported } from './common/index.mjs'\nimport { ElementError, InitError, SupportError } from './errors/index.mjs'\n\n/**\n * Base Component class\n *\n * Centralises the behaviours shared by our components\n *\n * @virtual\n * @template {Element} [RootElementType=HTMLElement]\n */\nexport class Component {\n  /**\n   * @type {typeof Element}\n   */\n  static elementType = HTMLElement\n\n  // allows Typescript user to work around the lack of types\n  // in GOVUKFrontend package, Typescript is not aware of $root\n  // in components that extend GOVUKFrontendComponent\n  /**\n   * Returns the root element of the component\n   *\n   * @protected\n   * @returns {RootElementType} - the root element of component\n   */\n  get $root() {\n    return this._$root\n  }\n\n  /**\n   * @protected\n   * @type {RootElementType}\n   */\n  _$root\n\n  /**\n   * Constructs a new component, validating that GOV.UK Frontend is supported\n   *\n   * @internal\n   * @param {Element | null} [$root] - HTML element to use for component\n   */\n  constructor($root) {\n    const childConstructor = /** @type {ChildClassConstructor} */ (\n      this.constructor\n    )\n\n    // TypeScript does not enforce that inheriting classes will define a `moduleName`\n    // (even if we add a `@virtual` `static moduleName` property to this class).\n    // While we trust users to do this correctly, we do a little check to provide them\n    // a helpful error message.\n    //\n    // After this, we'll be sure that `childConstructor` has a `moduleName`\n    // as expected of the `ChildClassConstructor` we've cast `this.constructor` to.\n    if (typeof childConstructor.moduleName !== 'string') {\n      throw new InitError(`\\`moduleName\\` not defined in component`)\n    }\n\n    if (!($root instanceof childConstructor.elementType)) {\n      throw new ElementError({\n        element: $root,\n        component: childConstructor,\n        identifier: 'Root element (`$root`)',\n        expectedType: childConstructor.elementType.name\n      })\n    } else {\n      this._$root = /** @type {RootElementType} */ ($root)\n    }\n\n    childConstructor.checkSupport()\n\n    this.checkInitialised()\n\n    const moduleName = childConstructor.moduleName\n\n    this.$root.setAttribute(`data-${moduleName}-init`, '')\n  }\n\n  /**\n   * Validates whether component is already initialised\n   *\n   * @private\n   * @throws {InitError} when component is already initialised\n   */\n  checkInitialised() {\n    const constructor = /** @type {ChildClassConstructor} */ (this.constructor)\n    const moduleName = constructor.moduleName\n\n    if (moduleName && isInitialised(this.$root, moduleName)) {\n      throw new InitError(constructor)\n    }\n  }\n\n  /**\n   * Validates whether components are supported\n   *\n   * @throws {SupportError} when the components are not supported\n   */\n  static checkSupport() {\n    if (!isSupported()) {\n      throw new SupportError()\n    }\n  }\n}\n\n/**\n * @typedef ChildClass\n * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component\n */\n\n/**\n * @typedef {typeof Component & ChildClass} ChildClassConstructor\n */\n","import { Component } from '../component.mjs'\nimport { ConfigError } from '../errors/index.mjs'\n\nimport { isObject, isScope, formatErrorMessage } from './index.mjs'\n\nexport const configOverride = Symbol.for('configOverride')\n\n/**\n * Base Component class\n *\n * Centralises the behaviours shared by our components\n *\n * @virtual\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]\n * @template {Element & { dataset: DOMStringMap }} [RootElementType=HTMLElement]\n * @augments Component<RootElementType>\n */\nexport class ConfigurableComponent extends Component {\n  /**\n   * configOverride\n   *\n   * Function which defines configuration overrides to prioritize\n   * properties from the root element's dataset.\n   *\n   * It should take a subset of configuration as input and return\n   * a new configuration object with properties that should be\n   * overridden based on the root element's dataset. A Symbol\n   * is used for indexing to prevent conflicts.\n   *\n   * @internal\n   * @virtual\n   * @param {Partial<ConfigurationType>} [param] - Configuration object\n   * @returns {Partial<ConfigurationType>} return - Configuration object\n   */\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  [configOverride](param) {\n    return {}\n  }\n\n  /**\n   * Returns the root element of the component\n   *\n   * @protected\n   * @returns {ConfigurationType} - the root element of component\n   */\n  get config() {\n    return this._config\n  }\n\n  /**\n   *\n   * @type {ConfigurationType}\n   */\n  _config\n\n  /**\n   * Constructs a new component, validating that GOV.UK Frontend is supported\n   *\n   * @internal\n   * @param {Element | null} [$root] - HTML element to use for component\n   * @param {ConfigurationType} [config] - HTML element to use for component\n   */\n  constructor($root, config) {\n    super($root)\n\n    const childConstructor =\n      /** @type {ChildClassConstructor<ConfigurationType>} */ (this.constructor)\n\n    if (!isObject(childConstructor.defaults)) {\n      throw new ConfigError(\n        formatErrorMessage(\n          childConstructor,\n          'Config passed as parameter into constructor but no defaults defined'\n        )\n      )\n    }\n\n    const datasetConfig = /** @type {ConfigurationType} */ (\n      normaliseDataset(childConstructor, this._$root.dataset)\n    )\n\n    this._config = /** @type {ConfigurationType} */ (\n      mergeConfigs(\n        childConstructor.defaults,\n        config ?? {},\n        this[configOverride](datasetConfig),\n        datasetConfig\n      )\n    )\n  }\n}\n\n/**\n * Normalise string\n *\n * 'If it looks like a duck, and it quacks like a duck…' 🦆\n *\n * If the passed value looks like a boolean or a number, convert it to a boolean\n * or number.\n *\n * Designed to be used to convert config passed via data attributes (which are\n * always strings) into something sensible.\n *\n * @internal\n * @param {DOMStringMap[string]} value - The value to normalise\n * @param {SchemaProperty} [property] - Component schema property\n * @returns {string | boolean | number | undefined} Normalised data\n */\nexport function normaliseString(value, property) {\n  const trimmedValue = value ? value.trim() : ''\n\n  let output\n  let outputType = property?.type\n\n  // No schema type set? Determine automatically\n  if (!outputType) {\n    if (['true', 'false'].includes(trimmedValue)) {\n      outputType = 'boolean'\n    }\n\n    // Empty / whitespace-only strings are considered finite so we need to check\n    // the length of the trimmed string as well\n    if (trimmedValue.length > 0 && isFinite(Number(trimmedValue))) {\n      outputType = 'number'\n    }\n  }\n\n  switch (outputType) {\n    case 'boolean':\n      output = trimmedValue === 'true'\n      break\n\n    case 'number':\n      output = Number(trimmedValue)\n      break\n\n    default:\n      output = value\n  }\n\n  return output\n}\n\n/**\n * Normalise dataset\n *\n * Loop over an object and normalise each value using {@link normaliseString},\n * optionally expanding nested `i18n.field`\n *\n * @internal\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @template {[keyof ConfigurationType, SchemaProperty | undefined][]} SchemaEntryType\n * @param {{ schema?: Schema<ConfigurationType>, moduleName: string }} Component - Component class\n * @param {DOMStringMap} dataset - HTML element dataset\n * @returns {ObjectNested} Normalised dataset\n */\nexport function normaliseDataset(Component, dataset) {\n  if (!isObject(Component.schema)) {\n    throw new ConfigError(\n      formatErrorMessage(\n        Component,\n        'Config passed as parameter into constructor but no schema defined'\n      )\n    )\n  }\n\n  const out = /** @type {ObjectNested} */ ({})\n  const entries = /** @type {SchemaEntryType} */ (\n    Object.entries(Component.schema.properties)\n  )\n\n  // Normalise top-level dataset ('data-*') values using schema types\n  for (const entry of entries) {\n    const [namespace, property] = entry\n\n    // Cast the `namespace` to string so it can be used to access the dataset\n    const field = namespace.toString()\n\n    if (field in dataset) {\n      out[field] = normaliseString(dataset[field], property)\n    }\n\n    /**\n     * Extract and normalise nested object values automatically using\n     * {@link normaliseString} but only schema object types are allowed\n     */\n    if (property?.type === 'object') {\n      out[field] = extractConfigByNamespace(\n        Component.schema,\n        dataset,\n        namespace\n      )\n    }\n  }\n\n  return out\n}\n\n/**\n * Normalise options passed to `initAll` or `createAll`\n *\n * @internal\n * @template {CompatibleClass} ComponentClass\n * @param {Config | CreateAllOptions<ComponentClass> | OnErrorCallback<ComponentClass> | Element | Document | null} [scopeOrOptions] - Scope of the document to search within, initialisation options or error callback function\n * @returns {CreateAllOptions<ComponentClass>} Normalised options\n */\nexport function normaliseOptions(scopeOrOptions) {\n  let /** @type {Element | Document | null} */ $scope = document\n  let /** @type {OnErrorCallback<ComponentClass> | undefined} */ onError\n\n  // Handle options object\n  if (isObject(scopeOrOptions)) {\n    const options = scopeOrOptions\n\n    // Scope must be valid or null\n    if (isScope(options.scope) || options.scope === null) {\n      $scope = options.scope\n    }\n\n    // Error handler must be a function\n    if (typeof options.onError === 'function') {\n      onError = options.onError\n    }\n  }\n\n  if (isScope(scopeOrOptions)) {\n    $scope = scopeOrOptions\n  } else if (scopeOrOptions === null) {\n    $scope = null\n  } else if (typeof scopeOrOptions === 'function') {\n    onError = scopeOrOptions\n  }\n\n  return {\n    scope: $scope,\n    onError\n  }\n}\n\n/**\n * Config merging function\n *\n * Takes any number of objects and combines them together, with\n * greatest priority on the LAST item passed in.\n *\n * @internal\n * @param {...{ [key: string]: unknown }} configObjects - Config objects to merge\n * @returns {{ [key: string]: unknown }} A merged config object\n */\nexport function mergeConfigs(...configObjects) {\n  // Start with an empty object as our base\n  /** @type {{ [key: string]: unknown }} */\n  const formattedConfigObject = {}\n\n  // Loop through each of the passed objects\n  for (const configObject of configObjects) {\n    for (const key of Object.keys(configObject)) {\n      const option = formattedConfigObject[key]\n      const override = configObject[key]\n\n      // Push their keys one-by-one into formattedConfigObject. Any duplicate\n      // keys with object values will be merged, otherwise the new value will\n      // override the existing value.\n      if (isObject(option) && isObject(override)) {\n        formattedConfigObject[key] = mergeConfigs(option, override)\n      } else {\n        // Apply override\n        formattedConfigObject[key] = override\n      }\n    }\n  }\n\n  return formattedConfigObject\n}\n\n/**\n * Validate component config by schema\n *\n * Follows limited examples in JSON schema for wider support in future\n *\n * {@link https://ajv.js.org/json-schema.html#compound-keywords}\n * {@link https://ajv.js.org/packages/ajv-errors.html#single-message}\n *\n * @internal\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @param {Schema<ConfigurationType>} schema - The schema of a component\n * @param {ConfigurationType} config - Component config\n * @returns {string[]} List of validation errors\n */\nexport function validateConfig(schema, config) {\n  const validationErrors = []\n\n  // Check errors for each schema\n  for (const [name, conditions] of Object.entries(schema)) {\n    const errors = []\n\n    // Check errors for each schema condition\n    if (Array.isArray(conditions)) {\n      for (const { required, errorMessage } of conditions) {\n        if (!required.every((key) => !!config[key])) {\n          errors.push(errorMessage) // Missing config key value\n        }\n      }\n\n      // Check one condition passes or add errors\n      if (name === 'anyOf' && !(conditions.length - errors.length >= 1)) {\n        validationErrors.push(...errors)\n      }\n    }\n  }\n\n  return validationErrors\n}\n\n/**\n * Extracts keys starting with a particular namespace from dataset ('data-*')\n * object, removing the namespace in the process, normalising all values\n *\n * @internal\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @param {Schema<ConfigurationType>} schema - The schema of a component\n * @param {DOMStringMap} dataset - The object to extract key-value pairs from\n * @param {keyof ConfigurationType} namespace - The namespace to filter keys with\n * @returns {ObjectNested | undefined} Nested object with dot-separated key namespace removed\n */\nexport function extractConfigByNamespace(schema, dataset, namespace) {\n  const property = schema.properties[namespace]\n\n  // Only extract configs for object schema properties\n  if (property?.type !== 'object') {\n    return\n  }\n\n  // Add default empty config\n  const newObject = /** @type {Record<typeof namespace, ObjectNested>} */ ({\n    [namespace]: {}\n  })\n\n  for (const [key, value] of Object.entries(dataset)) {\n    /** @type {ObjectNested | ObjectNested[NestedKey]} */\n    let current = newObject\n\n    // Split the key into parts, using . as our namespace separator\n    const keyParts = key.split('.')\n\n    /**\n     * Create new level per part\n     *\n     * e.g. 'i18n.textareaDescription.other' becomes\n     * `{ i18n: { textareaDescription: { other } } }`\n     */\n    for (const [index, name] of keyParts.entries()) {\n      if (isObject(current)) {\n        // Drop down to nested object until the last part\n        if (index < keyParts.length - 1) {\n          // New nested object (optionally) replaces existing value\n          if (!isObject(current[name])) {\n            current[name] = {}\n          }\n\n          // Drop down into new or existing nested object\n          current = current[name]\n        } else if (key !== namespace) {\n          // Normalised value (optionally) replaces existing value\n          current[name] = normaliseString(value)\n        }\n      }\n    }\n  }\n\n  return newObject[namespace]\n}\n\n/**\n * @internal\n * @typedef {keyof ObjectNested} NestedKey\n * @typedef {{ [key: string]: string | boolean | number | ObjectNested | undefined }} ObjectNested\n */\n\n/**\n * Schema for component config\n *\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @typedef {object} Schema\n * @property {Record<keyof ConfigurationType, SchemaProperty | undefined>} properties - Schema properties\n * @property {SchemaCondition<ConfigurationType>[]} [anyOf] - List of schema conditions\n */\n\n/**\n * Schema property for component config\n *\n * @typedef {object} SchemaProperty\n * @property {'string' | 'boolean' | 'number' | 'object'} type - Property type\n */\n\n/**\n * Schema condition for component config\n *\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @typedef {object} SchemaCondition\n * @property {(keyof ConfigurationType)[]} required - List of required config fields\n * @property {string} errorMessage - Error message when required config fields not provided\n */\n\n/**\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]\n * @typedef ChildClass\n * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component\n * @property {Schema<ConfigurationType>} [schema] - The schema of the component configuration\n * @property {ConfigurationType} [defaults] - The default values of the configuration of the component\n */\n\n/**\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]\n * @typedef {typeof Component & ChildClass<ConfigurationType>} ChildClassConstructor<ConfigurationType>\n */\n\n/**\n * @import { CompatibleClass, Config, CreateAllOptions, OnErrorCallback } from '../init.mjs'\n */\n","import { ConfigurableComponent } from '../../common/configuration.mjs'\nimport { setFocus } from '../../common/index.mjs'\n\n/**\n * Error summary component\n *\n * Takes focus on initialisation for accessible announcement, unless disabled in\n * configuration.\n *\n * @preserve\n * @augments ConfigurableComponent<ErrorSummaryConfig>\n */\nexport class ErrorSummary extends ConfigurableComponent {\n  /**\n   * @param {Element | null} $root - HTML element to use for error summary\n   * @param {ErrorSummaryConfig} [config] - Error summary config\n   */\n  constructor($root, config = {}) {\n    super($root, config)\n\n    /**\n     * Focus the error summary\n     */\n    if (!this.config.disableAutoFocus) {\n      setFocus(this.$root)\n    }\n\n    this.$root.addEventListener('click', (event) => this.handleClick(event))\n  }\n\n  /**\n   * Click event handler\n   *\n   * @private\n   * @param {MouseEvent} event - Click event\n   */\n  handleClick(event) {\n    const $target = event.target\n    if ($target && this.focusTarget($target)) {\n      event.preventDefault()\n    }\n  }\n\n  /**\n   * Focus the target element\n   *\n   * By default, the browser will scroll the target into view. Because our\n   * labels or legends appear above the input, this means the user will be\n   * presented with an input without any context, as the label or legend will be\n   * off the top of the screen.\n   *\n   * Manually handling the click event, scrolling the question into view and\n   * then focussing the element solves this.\n   *\n   * This also results in the label and/or legend being announced correctly in\n   * NVDA (as tested in 2018.3.2) - without this only the field type is\n   * announced (e.g. \"Edit, has autocomplete\").\n   *\n   * @private\n   * @param {EventTarget} $target - Event target\n   * @returns {boolean} True if the target was able to be focussed\n   */\n  focusTarget($target) {\n    // If the element that was clicked was not a link, return early\n    if (!($target instanceof HTMLAnchorElement)) {\n      return false\n    }\n\n    const inputId = $target.hash.replace('#', '')\n    if (!inputId) {\n      return false\n    }\n\n    const $input = document.getElementById(inputId)\n    if (!$input) {\n      return false\n    }\n\n    const $legendOrLabel = this.getAssociatedLegendOrLabel($input)\n    if (!$legendOrLabel) {\n      return false\n    }\n\n    // Scroll the legend or label into view *before* calling focus on the input\n    // to avoid extra scrolling in browsers that don't support `preventScroll`\n    // (which at time of writing is most of them...)\n    $legendOrLabel.scrollIntoView()\n    $input.focus({ preventScroll: true })\n\n    return true\n  }\n\n  /**\n   * Get associated legend or label\n   *\n   * Returns the first element that exists from this list:\n   *\n   * - The `<legend>` associated with the closest `<fieldset>` ancestor, as long\n   *   as the top of it is no more than half a viewport height away from the\n   *   bottom of the input\n   * - The first `<label>` that is associated with the input using for=\"inputId\"\n   * - The closest parent `<label>`\n   *\n   * @private\n   * @param {Element} $input - The input\n   * @returns {Element | null} Associated legend or label, or null if no\n   *   associated legend or label can be found\n   */\n  getAssociatedLegendOrLabel($input) {\n    const $fieldset = $input.closest('fieldset')\n\n    if ($fieldset) {\n      const $legends = $fieldset.getElementsByTagName('legend')\n\n      if ($legends.length) {\n        const $candidateLegend = $legends[0]\n\n        // If the input type is radio or checkbox, always use the legend if\n        // there is one.\n        if (\n          $input instanceof HTMLInputElement &&\n          ($input.type === 'checkbox' || $input.type === 'radio')\n        ) {\n          return $candidateLegend\n        }\n\n        // For other input types, only scroll to the fieldset’s legend (instead\n        // of the label associated with the input) if the input would end up in\n        // the top half of the screen.\n        //\n        // This should avoid situations where the input either ends up off the\n        // screen, or obscured by a software keyboard.\n        const legendTop = $candidateLegend.getBoundingClientRect().top\n        const inputRect = $input.getBoundingClientRect()\n\n        // If the browser doesn't support Element.getBoundingClientRect().height\n        // or window.innerHeight (like IE8), bail and just link to the label.\n        if (inputRect.height && window.innerHeight) {\n          const inputBottom = inputRect.top + inputRect.height\n\n          if (inputBottom - legendTop < window.innerHeight / 2) {\n            return $candidateLegend\n          }\n        }\n      }\n    }\n\n    return (\n      document.querySelector(`label[for='${$input.getAttribute('id')}']`) ??\n      $input.closest('label')\n    )\n  }\n\n  /**\n   * Name for the component used when initialising using data-module attributes.\n   */\n  static moduleName = 'govuk-error-summary'\n\n  /**\n   * Error summary default config\n   *\n   * @see {@link ErrorSummaryConfig}\n   * @constant\n   * @type {ErrorSummaryConfig}\n   */\n  static defaults = Object.freeze({\n    disableAutoFocus: false\n  })\n\n  /**\n   * Error summary config schema\n   *\n   * @constant\n   * @satisfies {Schema<ErrorSummaryConfig>}\n   */\n  static schema = Object.freeze({\n    properties: {\n      disableAutoFocus: { type: 'boolean' }\n    }\n  })\n}\n\n/**\n * Error summary config\n *\n * @typedef {object} ErrorSummaryConfig\n * @property {boolean} [disableAutoFocus=false] - If set to `true` the error\n *   summary will not be focussed when the page loads.\n */\n\n/**\n * @import { Schema } from '../../common/configuration.mjs'\n */\n"],"names":["setFocus","$element","options","_options$onBeforeFocu","isFocusable","getAttribute","setAttribute","onFocus","addEventListener","onBlur","once","_options$onBlur","call","removeAttribute","onBeforeFocus","focus","isInitialised","$root","moduleName","HTMLElement","hasAttribute","isSupported","$scope","document","body","classList","contains","isArray","option","Array","isObject","formatErrorMessage","Component","message","GOVUKFrontendError","Error","constructor","args","name","SupportError","supportMessage","HTMLScriptElement","prototype","ConfigError","ElementError","messageOrOptions","component","identifier","element","expectedType","InitError","componentOrMessage","_$root","childConstructor","elementType","checkSupport","checkInitialised","configOverride","Symbol","for","ConfigurableComponent","param","config","_config","defaults","datasetConfig","normaliseDataset","dataset","mergeConfigs","normaliseString","value","property","trimmedValue","trim","output","outputType","type","includes","length","isFinite","Number","schema","out","entries","Object","properties","entry","namespace","field","toString","extractConfigByNamespace","configObjects","formattedConfigObject","configObject","key","keys","override","newObject","current","keyParts","split","index","ErrorSummary","disableAutoFocus","event","handleClick","$target","target","focusTarget","preventDefault","HTMLAnchorElement","inputId","hash","replace","$input","getElementById","$legendOrLabel","getAssociatedLegendOrLabel","scrollIntoView","preventScroll","_document$querySelect","$fieldset","closest","$legends","getElementsByTagName","$candidateLegend","HTMLInputElement","legendTop","getBoundingClientRect","top","inputRect","height","window","innerHeight","inputBottom","querySelector","freeze"],"mappings":"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"}
\ No newline at end of file
diff --git a/app/templates/govuk/components/error-summary/error-summary.mjs b/app/templates/govuk/components/error-summary/error-summary.mjs
new file mode 100644
index 0000000..c4cbc1d
--- /dev/null
+++ b/app/templates/govuk/components/error-summary/error-summary.mjs
@@ -0,0 +1,101 @@
+import { ConfigurableComponent } from '../../common/configuration.mjs';
+import { setFocus } from '../../common/index.mjs';
+
+/**
+ * Error summary component
+ *
+ * Takes focus on initialisation for accessible announcement, unless disabled in
+ * configuration.
+ *
+ * @preserve
+ * @augments ConfigurableComponent<ErrorSummaryConfig>
+ */
+class ErrorSummary extends ConfigurableComponent {
+  /**
+   * @param {Element | null} $root - HTML element to use for error summary
+   * @param {ErrorSummaryConfig} [config] - Error summary config
+   */
+  constructor($root, config = {}) {
+    super($root, config);
+    if (!this.config.disableAutoFocus) {
+      setFocus(this.$root);
+    }
+    this.$root.addEventListener('click', event => this.handleClick(event));
+  }
+  handleClick(event) {
+    const $target = event.target;
+    if ($target && this.focusTarget($target)) {
+      event.preventDefault();
+    }
+  }
+  focusTarget($target) {
+    if (!($target instanceof HTMLAnchorElement)) {
+      return false;
+    }
+    const inputId = $target.hash.replace('#', '');
+    if (!inputId) {
+      return false;
+    }
+    const $input = document.getElementById(inputId);
+    if (!$input) {
+      return false;
+    }
+    const $legendOrLabel = this.getAssociatedLegendOrLabel($input);
+    if (!$legendOrLabel) {
+      return false;
+    }
+    $legendOrLabel.scrollIntoView();
+    $input.focus({
+      preventScroll: true
+    });
+    return true;
+  }
+  getAssociatedLegendOrLabel($input) {
+    var _document$querySelect;
+    const $fieldset = $input.closest('fieldset');
+    if ($fieldset) {
+      const $legends = $fieldset.getElementsByTagName('legend');
+      if ($legends.length) {
+        const $candidateLegend = $legends[0];
+        if ($input instanceof HTMLInputElement && ($input.type === 'checkbox' || $input.type === 'radio')) {
+          return $candidateLegend;
+        }
+        const legendTop = $candidateLegend.getBoundingClientRect().top;
+        const inputRect = $input.getBoundingClientRect();
+        if (inputRect.height && window.innerHeight) {
+          const inputBottom = inputRect.top + inputRect.height;
+          if (inputBottom - legendTop < window.innerHeight / 2) {
+            return $candidateLegend;
+          }
+        }
+      }
+    }
+    return (_document$querySelect = document.querySelector(`label[for='${$input.getAttribute('id')}']`)) != null ? _document$querySelect : $input.closest('label');
+  }
+}
+
+/**
+ * Error summary config
+ *
+ * @typedef {object} ErrorSummaryConfig
+ * @property {boolean} [disableAutoFocus=false] - If set to `true` the error
+ *   summary will not be focussed when the page loads.
+ */
+
+/**
+ * @import { Schema } from '../../common/configuration.mjs'
+ */
+ErrorSummary.moduleName = 'govuk-error-summary';
+ErrorSummary.defaults = Object.freeze({
+  disableAutoFocus: false
+});
+ErrorSummary.schema = Object.freeze({
+  properties: {
+    disableAutoFocus: {
+      type: 'boolean'
+    }
+  }
+});
+
+export { ErrorSummary };
+//# sourceMappingURL=error-summary.mjs.map
diff --git a/app/templates/govuk/components/error-summary/error-summary.mjs.map b/app/templates/govuk/components/error-summary/error-summary.mjs.map
new file mode 100644
index 0000000..ac3cc0f
--- /dev/null
+++ b/app/templates/govuk/components/error-summary/error-summary.mjs.map
@@ -0,0 +1 @@
+{"version":3,"file":"error-summary.mjs","sources":["../../../../src/govuk/components/error-summary/error-summary.mjs"],"sourcesContent":["import { ConfigurableComponent } from '../../common/configuration.mjs'\nimport { setFocus } from '../../common/index.mjs'\n\n/**\n * Error summary component\n *\n * Takes focus on initialisation for accessible announcement, unless disabled in\n * configuration.\n *\n * @preserve\n * @augments ConfigurableComponent<ErrorSummaryConfig>\n */\nexport class ErrorSummary extends ConfigurableComponent {\n  /**\n   * @param {Element | null} $root - HTML element to use for error summary\n   * @param {ErrorSummaryConfig} [config] - Error summary config\n   */\n  constructor($root, config = {}) {\n    super($root, config)\n\n    /**\n     * Focus the error summary\n     */\n    if (!this.config.disableAutoFocus) {\n      setFocus(this.$root)\n    }\n\n    this.$root.addEventListener('click', (event) => this.handleClick(event))\n  }\n\n  /**\n   * Click event handler\n   *\n   * @private\n   * @param {MouseEvent} event - Click event\n   */\n  handleClick(event) {\n    const $target = event.target\n    if ($target && this.focusTarget($target)) {\n      event.preventDefault()\n    }\n  }\n\n  /**\n   * Focus the target element\n   *\n   * By default, the browser will scroll the target into view. Because our\n   * labels or legends appear above the input, this means the user will be\n   * presented with an input without any context, as the label or legend will be\n   * off the top of the screen.\n   *\n   * Manually handling the click event, scrolling the question into view and\n   * then focussing the element solves this.\n   *\n   * This also results in the label and/or legend being announced correctly in\n   * NVDA (as tested in 2018.3.2) - without this only the field type is\n   * announced (e.g. \"Edit, has autocomplete\").\n   *\n   * @private\n   * @param {EventTarget} $target - Event target\n   * @returns {boolean} True if the target was able to be focussed\n   */\n  focusTarget($target) {\n    // If the element that was clicked was not a link, return early\n    if (!($target instanceof HTMLAnchorElement)) {\n      return false\n    }\n\n    const inputId = $target.hash.replace('#', '')\n    if (!inputId) {\n      return false\n    }\n\n    const $input = document.getElementById(inputId)\n    if (!$input) {\n      return false\n    }\n\n    const $legendOrLabel = this.getAssociatedLegendOrLabel($input)\n    if (!$legendOrLabel) {\n      return false\n    }\n\n    // Scroll the legend or label into view *before* calling focus on the input\n    // to avoid extra scrolling in browsers that don't support `preventScroll`\n    // (which at time of writing is most of them...)\n    $legendOrLabel.scrollIntoView()\n    $input.focus({ preventScroll: true })\n\n    return true\n  }\n\n  /**\n   * Get associated legend or label\n   *\n   * Returns the first element that exists from this list:\n   *\n   * - The `<legend>` associated with the closest `<fieldset>` ancestor, as long\n   *   as the top of it is no more than half a viewport height away from the\n   *   bottom of the input\n   * - The first `<label>` that is associated with the input using for=\"inputId\"\n   * - The closest parent `<label>`\n   *\n   * @private\n   * @param {Element} $input - The input\n   * @returns {Element | null} Associated legend or label, or null if no\n   *   associated legend or label can be found\n   */\n  getAssociatedLegendOrLabel($input) {\n    const $fieldset = $input.closest('fieldset')\n\n    if ($fieldset) {\n      const $legends = $fieldset.getElementsByTagName('legend')\n\n      if ($legends.length) {\n        const $candidateLegend = $legends[0]\n\n        // If the input type is radio or checkbox, always use the legend if\n        // there is one.\n        if (\n          $input instanceof HTMLInputElement &&\n          ($input.type === 'checkbox' || $input.type === 'radio')\n        ) {\n          return $candidateLegend\n        }\n\n        // For other input types, only scroll to the fieldset’s legend (instead\n        // of the label associated with the input) if the input would end up in\n        // the top half of the screen.\n        //\n        // This should avoid situations where the input either ends up off the\n        // screen, or obscured by a software keyboard.\n        const legendTop = $candidateLegend.getBoundingClientRect().top\n        const inputRect = $input.getBoundingClientRect()\n\n        // If the browser doesn't support Element.getBoundingClientRect().height\n        // or window.innerHeight (like IE8), bail and just link to the label.\n        if (inputRect.height && window.innerHeight) {\n          const inputBottom = inputRect.top + inputRect.height\n\n          if (inputBottom - legendTop < window.innerHeight / 2) {\n            return $candidateLegend\n          }\n        }\n      }\n    }\n\n    return (\n      document.querySelector(`label[for='${$input.getAttribute('id')}']`) ??\n      $input.closest('label')\n    )\n  }\n\n  /**\n   * Name for the component used when initialising using data-module attributes.\n   */\n  static moduleName = 'govuk-error-summary'\n\n  /**\n   * Error summary default config\n   *\n   * @see {@link ErrorSummaryConfig}\n   * @constant\n   * @type {ErrorSummaryConfig}\n   */\n  static defaults = Object.freeze({\n    disableAutoFocus: false\n  })\n\n  /**\n   * Error summary config schema\n   *\n   * @constant\n   * @satisfies {Schema<ErrorSummaryConfig>}\n   */\n  static schema = Object.freeze({\n    properties: {\n      disableAutoFocus: { type: 'boolean' }\n    }\n  })\n}\n\n/**\n * Error summary config\n *\n * @typedef {object} ErrorSummaryConfig\n * @property {boolean} [disableAutoFocus=false] - If set to `true` the error\n *   summary will not be focussed when the page loads.\n */\n\n/**\n * @import { Schema } from '../../common/configuration.mjs'\n */\n"],"names":["ErrorSummary","ConfigurableComponent","constructor","$root","config","disableAutoFocus","setFocus","addEventListener","event","handleClick","$target","target","focusTarget","preventDefault","HTMLAnchorElement","inputId","hash","replace","$input","document","getElementById","$legendOrLabel","getAssociatedLegendOrLabel","scrollIntoView","focus","preventScroll","_document$querySelect","$fieldset","closest","$legends","getElementsByTagName","length","$candidateLegend","HTMLInputElement","type","legendTop","getBoundingClientRect","top","inputRect","height","window","innerHeight","inputBottom","querySelector","getAttribute","moduleName","defaults","Object","freeze","schema","properties"],"mappings":"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"}
\ No newline at end of file
diff --git a/app/templates/govuk/components/error-summary/fixtures.json b/app/templates/govuk/components/error-summary/fixtures.json
new file mode 100644
index 0000000..cfc0520
--- /dev/null
+++ b/app/templates/govuk/components/error-summary/fixtures.json
@@ -0,0 +1,326 @@
+{
+    "component": "error-summary",
+    "fixtures": [
+        {
+            "name": "default",
+            "options": {
+                "titleText": "There is a problem",
+                "errorList": [
+                    {
+                        "text": "The date your passport was issued must be in the past",
+                        "href": "#example-error-1"
+                    },
+                    {
+                        "text": "Enter a postcode, like AA1 1AA",
+                        "href": "#example-error-2"
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": true,
+            "html": "<div class=\"govuk-error-summary\" data-module=\"govuk-error-summary\">\n  <div role=\"alert\">\n    <h2 class=\"govuk-error-summary__title\">\n      There is a problem\n    </h2>\n    <div class=\"govuk-error-summary__body\">\n        <ul class=\"govuk-list govuk-error-summary__list\">\n          <li>\n            <a href=\"#example-error-1\">The date your passport was issued must be in the past</a>\n          </li>\n          <li>\n            <a href=\"#example-error-2\">Enter a postcode, like AA1 1AA</a>\n          </li>\n        </ul>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "without links",
+            "options": {
+                "titleText": "There is a problem",
+                "errorList": [
+                    {
+                        "text": "Invalid username or password"
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-error-summary\" data-module=\"govuk-error-summary\">\n  <div role=\"alert\">\n    <h2 class=\"govuk-error-summary__title\">\n      There is a problem\n    </h2>\n    <div class=\"govuk-error-summary__body\">\n        <ul class=\"govuk-list govuk-error-summary__list\">\n          <li>\n            Invalid username or password\n          </li>\n        </ul>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "mixed with and without links",
+            "options": {
+                "titleText": "There is a problem",
+                "errorList": [
+                    {
+                        "text": "Invalid username or password"
+                    },
+                    {
+                        "text": "Agree to the terms of service to log in",
+                        "href": "#example-error-1"
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-error-summary\" data-module=\"govuk-error-summary\">\n  <div role=\"alert\">\n    <h2 class=\"govuk-error-summary__title\">\n      There is a problem\n    </h2>\n    <div class=\"govuk-error-summary__body\">\n        <ul class=\"govuk-list govuk-error-summary__list\">\n          <li>\n            Invalid username or password\n          </li>\n          <li>\n            <a href=\"#example-error-1\">Agree to the terms of service to log in</a>\n          </li>\n        </ul>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "with description only",
+            "options": {
+                "titleText": "There is a problem",
+                "descriptionText": "The file couldn't be loaded. Try again later."
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-error-summary\" data-module=\"govuk-error-summary\">\n  <div role=\"alert\">\n    <h2 class=\"govuk-error-summary__title\">\n      There is a problem\n    </h2>\n    <div class=\"govuk-error-summary__body\">\n      <p>\n        The file couldn&#39;t be loaded. Try again later.\n      </p>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "with everything",
+            "options": {
+                "titleText": "There is a problem",
+                "descriptionText": "Please fix the errors below.",
+                "errorList": [
+                    {
+                        "text": "Invalid username or password"
+                    },
+                    {
+                        "text": "Agree to the terms of service to log in",
+                        "href": "#example-error-1"
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": true,
+            "html": "<div class=\"govuk-error-summary\" data-module=\"govuk-error-summary\">\n  <div role=\"alert\">\n    <h2 class=\"govuk-error-summary__title\">\n      There is a problem\n    </h2>\n    <div class=\"govuk-error-summary__body\">\n      <p>\n        Please fix the errors below.\n      </p>\n        <ul class=\"govuk-list govuk-error-summary__list\">\n          <li>\n            Invalid username or password\n          </li>\n          <li>\n            <a href=\"#example-error-1\">Agree to the terms of service to log in</a>\n          </li>\n        </ul>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "html as titleText",
+            "options": {
+                "titleText": "Alert, <em>alert</em>",
+                "errorList": [
+                    {
+                        "text": "Invalid username or password"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-error-summary\" data-module=\"govuk-error-summary\">\n  <div role=\"alert\">\n    <h2 class=\"govuk-error-summary__title\">\n      Alert, &lt;em&gt;alert&lt;/em&gt;\n    </h2>\n    <div class=\"govuk-error-summary__body\">\n        <ul class=\"govuk-list govuk-error-summary__list\">\n          <li>\n            Invalid username or password\n          </li>\n        </ul>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "title html",
+            "options": {
+                "titleHtml": "Alert, <em>alert</em>",
+                "errorList": [
+                    {
+                        "text": "Invalid username or password"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-error-summary\" data-module=\"govuk-error-summary\">\n  <div role=\"alert\">\n    <h2 class=\"govuk-error-summary__title\">\n      Alert, <em>alert</em>\n    </h2>\n    <div class=\"govuk-error-summary__body\">\n        <ul class=\"govuk-list govuk-error-summary__list\">\n          <li>\n            Invalid username or password\n          </li>\n        </ul>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "description",
+            "options": {
+                "titleText": "There is a problem",
+                "descriptionText": "Lorem ipsum",
+                "errorList": [
+                    {
+                        "text": "Invalid username or password"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-error-summary\" data-module=\"govuk-error-summary\">\n  <div role=\"alert\">\n    <h2 class=\"govuk-error-summary__title\">\n      There is a problem\n    </h2>\n    <div class=\"govuk-error-summary__body\">\n      <p>\n        Lorem ipsum\n      </p>\n        <ul class=\"govuk-list govuk-error-summary__list\">\n          <li>\n            Invalid username or password\n          </li>\n        </ul>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "html as descriptionText",
+            "options": {
+                "titleText": "There is a problem",
+                "descriptionText": "See errors below (>)",
+                "errorList": [
+                    {
+                        "text": "Invalid username or password"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-error-summary\" data-module=\"govuk-error-summary\">\n  <div role=\"alert\">\n    <h2 class=\"govuk-error-summary__title\">\n      There is a problem\n    </h2>\n    <div class=\"govuk-error-summary__body\">\n      <p>\n        See errors below (&gt;)\n      </p>\n        <ul class=\"govuk-list govuk-error-summary__list\">\n          <li>\n            Invalid username or password\n          </li>\n        </ul>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "description html",
+            "options": {
+                "titleText": "There is a problem",
+                "descriptionHtml": "See <span>errors</span> below",
+                "errorList": [
+                    {
+                        "text": "Invalid username or password"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-error-summary\" data-module=\"govuk-error-summary\">\n  <div role=\"alert\">\n    <h2 class=\"govuk-error-summary__title\">\n      There is a problem\n    </h2>\n    <div class=\"govuk-error-summary__body\">\n      <p>\n        See <span>errors</span> below\n      </p>\n        <ul class=\"govuk-list govuk-error-summary__list\">\n          <li>\n            Invalid username or password\n          </li>\n        </ul>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "classes",
+            "options": {
+                "titleText": "There is a problem",
+                "classes": "extra-class one-more-class",
+                "errorList": [
+                    {
+                        "text": "Invalid username or password"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-error-summary extra-class one-more-class\" data-module=\"govuk-error-summary\">\n  <div role=\"alert\">\n    <h2 class=\"govuk-error-summary__title\">\n      There is a problem\n    </h2>\n    <div class=\"govuk-error-summary__body\">\n        <ul class=\"govuk-list govuk-error-summary__list\">\n          <li>\n            Invalid username or password\n          </li>\n        </ul>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "attributes",
+            "options": {
+                "titleText": "There is a problem",
+                "attributes": {
+                    "first-attribute": "foo",
+                    "second-attribute": "bar"
+                },
+                "errorList": [
+                    {
+                        "text": "Invalid username or password"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-error-summary\" first-attribute=\"foo\" second-attribute=\"bar\" data-module=\"govuk-error-summary\">\n  <div role=\"alert\">\n    <h2 class=\"govuk-error-summary__title\">\n      There is a problem\n    </h2>\n    <div class=\"govuk-error-summary__body\">\n        <ul class=\"govuk-list govuk-error-summary__list\">\n          <li>\n            Invalid username or password\n          </li>\n        </ul>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "error list with attributes",
+            "options": {
+                "titleText": "There is a problem",
+                "errorList": [
+                    {
+                        "text": "Error-1",
+                        "href": "#item",
+                        "attributes": {
+                            "data-attribute": "my-attribute",
+                            "data-attribute-2": "my-attribute-2"
+                        }
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-error-summary\" data-module=\"govuk-error-summary\">\n  <div role=\"alert\">\n    <h2 class=\"govuk-error-summary__title\">\n      There is a problem\n    </h2>\n    <div class=\"govuk-error-summary__body\">\n        <ul class=\"govuk-list govuk-error-summary__list\">\n          <li>\n            <a href=\"#item\" data-attribute=\"my-attribute\" data-attribute-2=\"my-attribute-2\">Error-1</a>\n          </li>\n        </ul>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "error list with html as text",
+            "options": {
+                "titleText": "There is a problem",
+                "errorList": [
+                    {
+                        "text": "Descriptive link to the <b>question</b> with an error"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-error-summary\" data-module=\"govuk-error-summary\">\n  <div role=\"alert\">\n    <h2 class=\"govuk-error-summary__title\">\n      There is a problem\n    </h2>\n    <div class=\"govuk-error-summary__body\">\n        <ul class=\"govuk-list govuk-error-summary__list\">\n          <li>\n            Descriptive link to the &lt;b&gt;question&lt;/b&gt; with an error\n          </li>\n        </ul>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "error list with html",
+            "options": {
+                "titleText": "There is a problem",
+                "errorList": [
+                    {
+                        "html": "The date your passport was issued <b>must</b> be in the past"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-error-summary\" data-module=\"govuk-error-summary\">\n  <div role=\"alert\">\n    <h2 class=\"govuk-error-summary__title\">\n      There is a problem\n    </h2>\n    <div class=\"govuk-error-summary__body\">\n        <ul class=\"govuk-list govuk-error-summary__list\">\n          <li>\n            The date your passport was issued <b>must</b> be in the past\n          </li>\n        </ul>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "error list with html link",
+            "options": {
+                "titleText": "There is a problem",
+                "errorList": [
+                    {
+                        "html": "Descriptive link to the <b>question</b> with an error",
+                        "href": "#error-1"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-error-summary\" data-module=\"govuk-error-summary\">\n  <div role=\"alert\">\n    <h2 class=\"govuk-error-summary__title\">\n      There is a problem\n    </h2>\n    <div class=\"govuk-error-summary__body\">\n        <ul class=\"govuk-list govuk-error-summary__list\">\n          <li>\n            <a href=\"#error-1\">Descriptive link to the <b>question</b> with an error</a>\n          </li>\n        </ul>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "error list with html as text link",
+            "options": {
+                "titleText": "There is a problem",
+                "errorList": [
+                    {
+                        "text": "Descriptive link to the <b>question</b> with an error",
+                        "href": "#error-1"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-error-summary\" data-module=\"govuk-error-summary\">\n  <div role=\"alert\">\n    <h2 class=\"govuk-error-summary__title\">\n      There is a problem\n    </h2>\n    <div class=\"govuk-error-summary__body\">\n        <ul class=\"govuk-list govuk-error-summary__list\">\n          <li>\n            <a href=\"#error-1\">Descriptive link to the &lt;b&gt;question&lt;/b&gt; with an error</a>\n          </li>\n        </ul>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "autofocus disabled",
+            "options": {
+                "titleText": "There is a problem",
+                "disableAutoFocus": true
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-error-summary\" data-disable-auto-focus=\"true\" data-module=\"govuk-error-summary\">\n  <div role=\"alert\">\n    <h2 class=\"govuk-error-summary__title\">\n      There is a problem\n    </h2>\n    <div class=\"govuk-error-summary__body\">\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "autofocus explicitly enabled",
+            "options": {
+                "titleText": "There is a problem",
+                "disableAutoFocus": false
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-error-summary\" data-disable-auto-focus=\"false\" data-module=\"govuk-error-summary\">\n  <div role=\"alert\">\n    <h2 class=\"govuk-error-summary__title\">\n      There is a problem\n    </h2>\n    <div class=\"govuk-error-summary__body\">\n    </div>\n  </div>\n</div>"
+        }
+    ]
+}
diff --git a/app/templates/govuk/components/error-summary/macro-options.json b/app/templates/govuk/components/error-summary/macro-options.json
new file mode 100644
index 0000000..747968a
--- /dev/null
+++ b/app/templates/govuk/components/error-summary/macro-options.json
@@ -0,0 +1,82 @@
+[
+    {
+        "name": "titleText",
+        "type": "string",
+        "required": true,
+        "description": "If `titleHtml` is set, this is not required. Text to use for the heading of the error summary block. If `titleHtml` is provided, `titleText` will be ignored."
+    },
+    {
+        "name": "titleHtml",
+        "type": "string",
+        "required": true,
+        "description": "If `titleText` is set, this is not required. HTML to use for the heading of the error summary block. If `titleHtml` is provided, `titleText` will be ignored."
+    },
+    {
+        "name": "descriptionText",
+        "type": "string",
+        "required": false,
+        "description": "Text to use for the description of the errors. If you set `descriptionHtml`, the component will ignore `descriptionText`."
+    },
+    {
+        "name": "descriptionHtml",
+        "type": "string",
+        "required": false,
+        "description": "HTML to use for the description of the errors. If you set this option, the component will ignore `descriptionText`."
+    },
+    {
+        "name": "caller",
+        "type": "nunjucks-block",
+        "required": false,
+        "description": "Not strictly a parameter but [Nunjucks code convention](https://mozilla.github.io/nunjucks/templating.html#call). Using a `call` block enables you to call a macro with all the text inside the tag. This is helpful if you want to pass a lot of content into a macro. To use it, you will need to wrap the entire error summary component in a `call` block."
+    },
+    {
+        "name": "errorList",
+        "type": "array",
+        "required": false,
+        "description": "A list of errors to include in the error summary.",
+        "params": [
+            {
+                "name": "href",
+                "type": "string",
+                "required": false,
+                "description": "Href attribute for the error link item. If provided item will be an anchor."
+            },
+            {
+                "name": "text",
+                "type": "string",
+                "required": true,
+                "description": "If `html` is set, this is not required. Text for the error link item. If `html` is provided, the `text` option will be ignored."
+            },
+            {
+                "name": "html",
+                "type": "string",
+                "required": true,
+                "description": "If `text` is set, this is not required. HTML for the error link item. If `html` is provided, the `text` option will be ignored."
+            },
+            {
+                "name": "attributes",
+                "type": "object",
+                "required": false,
+                "description": "HTML attributes (for example data attributes) to add to the error link anchor."
+            }
+        ]
+    },
+    {
+        "name": "disableAutoFocus",
+        "type": "boolean",
+        "required": false,
+        "description": "Prevent moving focus to the error summary when the page loads."
+    },
+    {
+        "name": "classes",
+        "type": "string",
+        "required": false,
+        "description": "Classes to add to the error-summary container."
+    },
+    {
+        "name": "attributes",
+        "type": "object",
+        "required": false,
+        "description": "HTML attributes (for example data attributes) to add to the error-summary container."
+    }
+]
diff --git a/app/templates/govuk/components/error-summary/macro.njk b/app/templates/govuk/components/error-summary/macro.njk
new file mode 100644
index 0000000..295d725
--- /dev/null
+++ b/app/templates/govuk/components/error-summary/macro.njk
@@ -0,0 +1,3 @@
+{% macro govukErrorSummary(params) %}
+  {%- include "./template.njk" -%}
+{% endmacro %}
diff --git a/app/templates/govuk/components/error-summary/template-default.html b/app/templates/govuk/components/error-summary/template-default.html
new file mode 100644
index 0000000..4cbbbc2
--- /dev/null
+++ b/app/templates/govuk/components/error-summary/template-default.html
@@ -0,0 +1,17 @@
+<div class="govuk-error-summary" data-module="govuk-error-summary">
+  <div role="alert">
+    <h2 class="govuk-error-summary__title">
+      There is a problem
+    </h2>
+    <div class="govuk-error-summary__body">
+        <ul class="govuk-list govuk-error-summary__list">
+          <li>
+            <a href="#example-error-1">The date your passport was issued must be in the past</a>
+          </li>
+          <li>
+            <a href="#example-error-2">Enter a postcode, like AA1 1AA</a>
+          </li>
+        </ul>
+    </div>
+  </div>
+</div>
diff --git a/app/templates/govuk/components/error-summary/template-mixed-with-and-without-links.html b/app/templates/govuk/components/error-summary/template-mixed-with-and-without-links.html
new file mode 100644
index 0000000..8fa5e6f
--- /dev/null
+++ b/app/templates/govuk/components/error-summary/template-mixed-with-and-without-links.html
@@ -0,0 +1,17 @@
+<div class="govuk-error-summary" data-module="govuk-error-summary">
+  <div role="alert">
+    <h2 class="govuk-error-summary__title">
+      There is a problem
+    </h2>
+    <div class="govuk-error-summary__body">
+        <ul class="govuk-list govuk-error-summary__list">
+          <li>
+            Invalid username or password
+          </li>
+          <li>
+            <a href="#example-error-1">Agree to the terms of service to log in</a>
+          </li>
+        </ul>
+    </div>
+  </div>
+</div>
diff --git a/app/templates/govuk/components/error-summary/template-with-description-only.html b/app/templates/govuk/components/error-summary/template-with-description-only.html
new file mode 100644
index 0000000..7e3edec
--- /dev/null
+++ b/app/templates/govuk/components/error-summary/template-with-description-only.html
@@ -0,0 +1,12 @@
+<div class="govuk-error-summary" data-module="govuk-error-summary">
+  <div role="alert">
+    <h2 class="govuk-error-summary__title">
+      There is a problem
+    </h2>
+    <div class="govuk-error-summary__body">
+      <p>
+        The file couldn&#39;t be loaded. Try again later.
+      </p>
+    </div>
+  </div>
+</div>
diff --git a/app/templates/govuk/components/error-summary/template-with-everything.html b/app/templates/govuk/components/error-summary/template-with-everything.html
new file mode 100644
index 0000000..41cae1d
--- /dev/null
+++ b/app/templates/govuk/components/error-summary/template-with-everything.html
@@ -0,0 +1,20 @@
+<div class="govuk-error-summary" data-module="govuk-error-summary">
+  <div role="alert">
+    <h2 class="govuk-error-summary__title">
+      There is a problem
+    </h2>
+    <div class="govuk-error-summary__body">
+      <p>
+        Please fix the errors below.
+      </p>
+        <ul class="govuk-list govuk-error-summary__list">
+          <li>
+            Invalid username or password
+          </li>
+          <li>
+            <a href="#example-error-1">Agree to the terms of service to log in</a>
+          </li>
+        </ul>
+    </div>
+  </div>
+</div>
diff --git a/app/templates/govuk/components/error-summary/template-without-links.html b/app/templates/govuk/components/error-summary/template-without-links.html
new file mode 100644
index 0000000..6864f7e
--- /dev/null
+++ b/app/templates/govuk/components/error-summary/template-without-links.html
@@ -0,0 +1,14 @@
+<div class="govuk-error-summary" data-module="govuk-error-summary">
+  <div role="alert">
+    <h2 class="govuk-error-summary__title">
+      There is a problem
+    </h2>
+    <div class="govuk-error-summary__body">
+        <ul class="govuk-list govuk-error-summary__list">
+          <li>
+            Invalid username or password
+          </li>
+        </ul>
+    </div>
+  </div>
+</div>
diff --git a/app/templates/govuk/components/error-summary/template.njk b/app/templates/govuk/components/error-summary/template.njk
new file mode 100644
index 0000000..dd6fc0e
--- /dev/null
+++ b/app/templates/govuk/components/error-summary/template.njk
@@ -0,0 +1,37 @@
+{% from "../../macros/attributes.njk" import govukAttributes -%}
+
+<div class="govuk-error-summary
+  {%- if params.classes %} {{ params.classes }}{% endif %}"
+  {%- if params.disableAutoFocus !== undefined %} data-disable-auto-focus="{{ params.disableAutoFocus }}"{% endif %}
+  {{- govukAttributes(params.attributes) }} data-module="govuk-error-summary">
+  {#- Keep the role="alert" in a seperate child container to prevent a race condition between
+  the focusing js at the alert, resulting in information getting missed in screen reader announcements #}
+  <div role="alert">
+    <h2 class="govuk-error-summary__title">
+      {{ params.titleHtml | safe | trim | indent(6) if params.titleHtml else params.titleText }}
+    </h2>
+    <div class="govuk-error-summary__body">
+      {% if caller or params.descriptionHtml or params.descriptionText %}
+      <p>
+        {{ caller() if caller else (params.descriptionHtml | safe | trim | indent(8) if params.descriptionHtml else params.descriptionText) }}
+      </p>
+      {% endif %}
+      {% if params.errorList | length %}
+        <ul class="govuk-list govuk-error-summary__list">
+        {% for item in params.errorList %}
+          <li>
+          {% if item.href %}
+            <a href="{{ item.href }}"
+              {{- govukAttributes(item.attributes) }}>
+              {{- item.html | safe | trim | indent(12) if item.html else item.text -}}
+            </a>
+          {% else %}
+            {{ item.html | safe | trim | indent(10) if item.html else item.text }}
+          {% endif %}
+          </li>
+        {% endfor %}
+        </ul>
+      {% endif %}
+    </div>
+  </div>
+</div>
diff --git a/app/templates/govuk/components/exit-this-page/README.md b/app/templates/govuk/components/exit-this-page/README.md
new file mode 100644
index 0000000..c401151
--- /dev/null
+++ b/app/templates/govuk/components/exit-this-page/README.md
@@ -0,0 +1,15 @@
+# Exit this page
+
+## Installation
+
+See the [main README quick start guide](https://github.com/alphagov/govuk-frontend#quick-start) for how to install this component.
+
+## Guidance and Examples
+
+Find out when to use the exit this page component in your service in the [GOV.UK Design System](https://design-system.service.gov.uk/components/exit-this-page).
+
+## Component options
+
+Use options to customise the appearance, content and behaviour of a component when using a macro, for example, changing the text.
+
+See [options table](https://design-system.service.gov.uk/components/exit-this-page/#options-exit-this-page-example) for details.
diff --git a/app/templates/govuk/components/exit-this-page/_exit-this-page.scss b/app/templates/govuk/components/exit-this-page/_exit-this-page.scss
new file mode 100644
index 0000000..c6c43a3
--- /dev/null
+++ b/app/templates/govuk/components/exit-this-page/_exit-this-page.scss
@@ -0,0 +1,4 @@
+@import "../../base";
+@import "./index";
+
+/*# sourceMappingURL=_exit-this-page.scss.map */
diff --git a/app/templates/govuk/components/exit-this-page/_exit-this-page.scss.map b/app/templates/govuk/components/exit-this-page/_exit-this-page.scss.map
new file mode 100644
index 0000000..75e2115
--- /dev/null
+++ b/app/templates/govuk/components/exit-this-page/_exit-this-page.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/exit-this-page/_exit-this-page.scss"],"names":[],"mappings":"AAAA,oBAAoB;AACpB,iBAAiB","file":"_exit-this-page.scss","sourcesContent":["@import \"../../base\";\n@import \"./index\";\n"]}
diff --git a/app/templates/govuk/components/exit-this-page/_index.scss b/app/templates/govuk/components/exit-this-page/_index.scss
new file mode 100644
index 0000000..c8a7824
--- /dev/null
+++ b/app/templates/govuk/components/exit-this-page/_index.scss
@@ -0,0 +1,92 @@
+@import "../button/index";
+
+@include govuk-exports("govuk/component/exit-this-page") {
+  $indicator-size: 0.75em;
+
+  .govuk-exit-this-page {
+    @include govuk-responsive-margin(8, "bottom");
+    position: -webkit-sticky;
+    position: sticky;
+    z-index: 1000;
+    top: 0;
+    left: 0;
+    width: 100%;
+
+    @include govuk-media-query($from: tablet) {
+      display: inline-block;
+      right: 0;
+      left: auto;
+      width: auto;
+      float: right;
+    }
+  }
+
+  .govuk-exit-this-page__button {
+    margin-bottom: 0;
+  }
+
+  .govuk-exit-this-page__indicator {
+    @include govuk-responsive-padding(2);
+    display: none;
+    padding-bottom: 0;
+    color: inherit;
+    line-height: 0; // removes extra negative space below the indicators
+    text-align: center;
+    pointer-events: none;
+  }
+
+  .govuk-exit-this-page__indicator--visible {
+    display: block;
+  }
+
+  .govuk-exit-this-page__indicator-light {
+    box-sizing: border-box;
+    display: inline-block;
+    width: $indicator-size;
+    height: $indicator-size;
+    margin: 0 0.125em;
+    border-width: 2px;
+    border-style: solid;
+    border-radius: 50%;
+    border-color: currentcolor;
+  }
+
+  .govuk-exit-this-page__indicator-light--on {
+    border-width: $indicator-size / 2;
+  }
+
+  @media only print {
+    .govuk-exit-this-page {
+      display: none;
+    }
+  }
+
+  .govuk-exit-this-page-overlay {
+    position: fixed;
+    z-index: 9999;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    background-color: govuk-colour("white");
+  }
+
+  // This class is added to the body when the Exit This Page button is activated
+  // in addition to the overlay to both block the entire screen and hide everything
+  // underneath it.
+  //
+  // We do this to ensure that users don't risk interacting with the page underneath
+  // the overlay between activating the button and navigating to the next page.
+  .govuk-exit-this-page-hide-content {
+    // stylelint-disable declaration-no-important
+    * {
+      display: none !important;
+    }
+
+    .govuk-exit-this-page-overlay {
+      display: block !important;
+    }
+  }
+}
+
+/*# sourceMappingURL=_index.scss.map */
diff --git a/app/templates/govuk/components/exit-this-page/_index.scss.map b/app/templates/govuk/components/exit-this-page/_index.scss.map
new file mode 100644
index 0000000..0794ce0
--- /dev/null
+++ b/app/templates/govuk/components/exit-this-page/_index.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/exit-this-page/_index.scss"],"names":[],"mappings":"AAAA,yBAAyB;;AAEzB;EACE,uBAAuB;;EAEvB;IACE,6CAA6C;IAC7C,wBAAgB;IAAhB,gBAAgB;IAChB,aAAa;IACb,MAAM;IACN,OAAO;IACP,WAAW;;IAEX;MACE,qBAAqB;MACrB,QAAQ;MACR,UAAU;MACV,WAAW;MACX,YAAY;IACd;EACF;;EAEA;IACE,gBAAgB;EAClB;;EAEA;IACE,oCAAoC;IACpC,aAAa;IACb,iBAAiB;IACjB,cAAc;IACd,cAAc,EAAE,mDAAmD;IACnE,kBAAkB;IAClB,oBAAoB;EACtB;;EAEA;IACE,cAAc;EAChB;;EAEA;IACE,sBAAsB;IACtB,qBAAqB;IACrB,sBAAsB;IACtB,uBAAuB;IACvB,iBAAiB;IACjB,iBAAiB;IACjB,mBAAmB;IACnB,kBAAkB;IAClB,0BAA0B;EAC5B;;EAEA;IACE,iCAAiC;EACnC;;EAEA;IACE;MACE,aAAa;IACf;EACF;;EAEA;IACE,eAAe;IACf,aAAa;IACb,MAAM;IACN,QAAQ;IACR,SAAS;IACT,OAAO;IACP,uCAAuC;EACzC;;EAEA,6EAA6E;EAC7E,gFAAgF;EAChF,gBAAgB;EAChB,CAAC;EACD,iFAAiF;EACjF,4EAA4E;EAC5E;IACE,4CAA4C;IAC5C;MACE,wBAAwB;IAC1B;;IAEA;MACE,yBAAyB;IAC3B;EACF;AACF","file":"_index.scss","sourcesContent":["@import \"../button/index\";\n\n@include govuk-exports(\"govuk/component/exit-this-page\") {\n  $indicator-size: 0.75em;\n\n  .govuk-exit-this-page {\n    @include govuk-responsive-margin(8, \"bottom\");\n    position: sticky;\n    z-index: 1000;\n    top: 0;\n    left: 0;\n    width: 100%;\n\n    @include govuk-media-query($from: tablet) {\n      display: inline-block;\n      right: 0;\n      left: auto;\n      width: auto;\n      float: right;\n    }\n  }\n\n  .govuk-exit-this-page__button {\n    margin-bottom: 0;\n  }\n\n  .govuk-exit-this-page__indicator {\n    @include govuk-responsive-padding(2);\n    display: none;\n    padding-bottom: 0;\n    color: inherit;\n    line-height: 0; // removes extra negative space below the indicators\n    text-align: center;\n    pointer-events: none;\n  }\n\n  .govuk-exit-this-page__indicator--visible {\n    display: block;\n  }\n\n  .govuk-exit-this-page__indicator-light {\n    box-sizing: border-box;\n    display: inline-block;\n    width: $indicator-size;\n    height: $indicator-size;\n    margin: 0 0.125em;\n    border-width: 2px;\n    border-style: solid;\n    border-radius: 50%;\n    border-color: currentcolor;\n  }\n\n  .govuk-exit-this-page__indicator-light--on {\n    border-width: $indicator-size / 2;\n  }\n\n  @media only print {\n    .govuk-exit-this-page {\n      display: none;\n    }\n  }\n\n  .govuk-exit-this-page-overlay {\n    position: fixed;\n    z-index: 9999;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    background-color: govuk-colour(\"white\");\n  }\n\n  // This class is added to the body when the Exit This Page button is activated\n  // in addition to the overlay to both block the entire screen and hide everything\n  // underneath it.\n  //\n  // We do this to ensure that users don't risk interacting with the page underneath\n  // the overlay between activating the button and navigating to the next page.\n  .govuk-exit-this-page-hide-content {\n    // stylelint-disable declaration-no-important\n    * {\n      display: none !important;\n    }\n\n    .govuk-exit-this-page-overlay {\n      display: block !important;\n    }\n  }\n}\n"]}
diff --git a/app/templates/govuk/components/exit-this-page/exit-this-page.bundle.js b/app/templates/govuk/components/exit-this-page/exit-this-page.bundle.js
new file mode 100644
index 0000000..162c252
--- /dev/null
+++ b/app/templates/govuk/components/exit-this-page/exit-this-page.bundle.js
@@ -0,0 +1,584 @@
+(function (global, factory) {
+  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports) :
+  typeof define === 'function' && define.amd ? define(['exports'], factory) :
+  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.GOVUKFrontend = global.GOVUKFrontend || {}));
+})(this, (function (exports) { 'use strict';
+
+  function isInitialised($root, moduleName) {
+    return $root instanceof HTMLElement && $root.hasAttribute(`data-${moduleName}-init`);
+  }
+
+  /**
+   * Checks if GOV.UK Frontend is supported on this page
+   *
+   * Some browsers will load and run our JavaScript but GOV.UK Frontend
+   * won't be supported.
+   *
+   * @param {HTMLElement | null} [$scope] - (internal) `<body>` HTML element checked for browser support
+   * @returns {boolean} Whether GOV.UK Frontend is supported on this page
+   */
+  function isSupported($scope = document.body) {
+    if (!$scope) {
+      return false;
+    }
+    return $scope.classList.contains('govuk-frontend-supported');
+  }
+  function isArray(option) {
+    return Array.isArray(option);
+  }
+  function isObject(option) {
+    return !!option && typeof option === 'object' && !isArray(option);
+  }
+  function formatErrorMessage(Component, message) {
+    return `${Component.moduleName}: ${message}`;
+  }
+  /**
+   * @typedef ComponentWithModuleName
+   * @property {string} moduleName - Name of the component
+   */
+
+  class GOVUKFrontendError extends Error {
+    constructor(...args) {
+      super(...args);
+      this.name = 'GOVUKFrontendError';
+    }
+  }
+  class SupportError extends GOVUKFrontendError {
+    /**
+     * Checks if GOV.UK Frontend is supported on this page
+     *
+     * @param {HTMLElement | null} [$scope] - HTML element `<body>` checked for browser support
+     */
+    constructor($scope = document.body) {
+      const supportMessage = 'noModule' in HTMLScriptElement.prototype ? 'GOV.UK Frontend initialised without `<body class="govuk-frontend-supported">` from template `<script>` snippet' : 'GOV.UK Frontend is not supported in this browser';
+      super($scope ? supportMessage : 'GOV.UK Frontend initialised without `<script type="module">`');
+      this.name = 'SupportError';
+    }
+  }
+  class ConfigError extends GOVUKFrontendError {
+    constructor(...args) {
+      super(...args);
+      this.name = 'ConfigError';
+    }
+  }
+  class ElementError extends GOVUKFrontendError {
+    constructor(messageOrOptions) {
+      let message = typeof messageOrOptions === 'string' ? messageOrOptions : '';
+      if (isObject(messageOrOptions)) {
+        const {
+          component,
+          identifier,
+          element,
+          expectedType
+        } = messageOrOptions;
+        message = identifier;
+        message += element ? ` is not of type ${expectedType != null ? expectedType : 'HTMLElement'}` : ' not found';
+        if (component) {
+          message = formatErrorMessage(component, message);
+        }
+      }
+      super(message);
+      this.name = 'ElementError';
+    }
+  }
+  class InitError extends GOVUKFrontendError {
+    constructor(componentOrMessage) {
+      const message = typeof componentOrMessage === 'string' ? componentOrMessage : formatErrorMessage(componentOrMessage, `Root element (\`$root\`) already initialised`);
+      super(message);
+      this.name = 'InitError';
+    }
+  }
+  /**
+   * @import { ComponentWithModuleName } from '../common/index.mjs'
+   */
+
+  class Component {
+    /**
+     * Returns the root element of the component
+     *
+     * @protected
+     * @returns {RootElementType} - the root element of component
+     */
+    get $root() {
+      return this._$root;
+    }
+    constructor($root) {
+      this._$root = void 0;
+      const childConstructor = this.constructor;
+      if (typeof childConstructor.moduleName !== 'string') {
+        throw new InitError(`\`moduleName\` not defined in component`);
+      }
+      if (!($root instanceof childConstructor.elementType)) {
+        throw new ElementError({
+          element: $root,
+          component: childConstructor,
+          identifier: 'Root element (`$root`)',
+          expectedType: childConstructor.elementType.name
+        });
+      } else {
+        this._$root = $root;
+      }
+      childConstructor.checkSupport();
+      this.checkInitialised();
+      const moduleName = childConstructor.moduleName;
+      this.$root.setAttribute(`data-${moduleName}-init`, '');
+    }
+    checkInitialised() {
+      const constructor = this.constructor;
+      const moduleName = constructor.moduleName;
+      if (moduleName && isInitialised(this.$root, moduleName)) {
+        throw new InitError(constructor);
+      }
+    }
+    static checkSupport() {
+      if (!isSupported()) {
+        throw new SupportError();
+      }
+    }
+  }
+
+  /**
+   * @typedef ChildClass
+   * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component
+   */
+
+  /**
+   * @typedef {typeof Component & ChildClass} ChildClassConstructor
+   */
+  Component.elementType = HTMLElement;
+
+  const configOverride = Symbol.for('configOverride');
+  class ConfigurableComponent extends Component {
+    [configOverride](param) {
+      return {};
+    }
+
+    /**
+     * Returns the root element of the component
+     *
+     * @protected
+     * @returns {ConfigurationType} - the root element of component
+     */
+    get config() {
+      return this._config;
+    }
+    constructor($root, config) {
+      super($root);
+      this._config = void 0;
+      const childConstructor = this.constructor;
+      if (!isObject(childConstructor.defaults)) {
+        throw new ConfigError(formatErrorMessage(childConstructor, 'Config passed as parameter into constructor but no defaults defined'));
+      }
+      const datasetConfig = normaliseDataset(childConstructor, this._$root.dataset);
+      this._config = mergeConfigs(childConstructor.defaults, config != null ? config : {}, this[configOverride](datasetConfig), datasetConfig);
+    }
+  }
+  function normaliseString(value, property) {
+    const trimmedValue = value ? value.trim() : '';
+    let output;
+    let outputType = property == null ? void 0 : property.type;
+    if (!outputType) {
+      if (['true', 'false'].includes(trimmedValue)) {
+        outputType = 'boolean';
+      }
+      if (trimmedValue.length > 0 && isFinite(Number(trimmedValue))) {
+        outputType = 'number';
+      }
+    }
+    switch (outputType) {
+      case 'boolean':
+        output = trimmedValue === 'true';
+        break;
+      case 'number':
+        output = Number(trimmedValue);
+        break;
+      default:
+        output = value;
+    }
+    return output;
+  }
+  function normaliseDataset(Component, dataset) {
+    if (!isObject(Component.schema)) {
+      throw new ConfigError(formatErrorMessage(Component, 'Config passed as parameter into constructor but no schema defined'));
+    }
+    const out = {};
+    const entries = Object.entries(Component.schema.properties);
+    for (const entry of entries) {
+      const [namespace, property] = entry;
+      const field = namespace.toString();
+      if (field in dataset) {
+        out[field] = normaliseString(dataset[field], property);
+      }
+      if ((property == null ? void 0 : property.type) === 'object') {
+        out[field] = extractConfigByNamespace(Component.schema, dataset, namespace);
+      }
+    }
+    return out;
+  }
+  function mergeConfigs(...configObjects) {
+    const formattedConfigObject = {};
+    for (const configObject of configObjects) {
+      for (const key of Object.keys(configObject)) {
+        const option = formattedConfigObject[key];
+        const override = configObject[key];
+        if (isObject(option) && isObject(override)) {
+          formattedConfigObject[key] = mergeConfigs(option, override);
+        } else {
+          formattedConfigObject[key] = override;
+        }
+      }
+    }
+    return formattedConfigObject;
+  }
+  function extractConfigByNamespace(schema, dataset, namespace) {
+    const property = schema.properties[namespace];
+    if ((property == null ? void 0 : property.type) !== 'object') {
+      return;
+    }
+    const newObject = {
+      [namespace]: {}
+    };
+    for (const [key, value] of Object.entries(dataset)) {
+      let current = newObject;
+      const keyParts = key.split('.');
+      for (const [index, name] of keyParts.entries()) {
+        if (isObject(current)) {
+          if (index < keyParts.length - 1) {
+            if (!isObject(current[name])) {
+              current[name] = {};
+            }
+            current = current[name];
+          } else if (key !== namespace) {
+            current[name] = normaliseString(value);
+          }
+        }
+      }
+    }
+    return newObject[namespace];
+  }
+  /**
+   * Schema for component config
+   *
+   * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType
+   * @typedef {object} Schema
+   * @property {Record<keyof ConfigurationType, SchemaProperty | undefined>} properties - Schema properties
+   * @property {SchemaCondition<ConfigurationType>[]} [anyOf] - List of schema conditions
+   */
+  /**
+   * Schema property for component config
+   *
+   * @typedef {object} SchemaProperty
+   * @property {'string' | 'boolean' | 'number' | 'object'} type - Property type
+   */
+  /**
+   * Schema condition for component config
+   *
+   * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType
+   * @typedef {object} SchemaCondition
+   * @property {(keyof ConfigurationType)[]} required - List of required config fields
+   * @property {string} errorMessage - Error message when required config fields not provided
+   */
+  /**
+   * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]
+   * @typedef ChildClass
+   * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component
+   * @property {Schema<ConfigurationType>} [schema] - The schema of the component configuration
+   * @property {ConfigurationType} [defaults] - The default values of the configuration of the component
+   */
+  /**
+   * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]
+   * @typedef {typeof Component & ChildClass<ConfigurationType>} ChildClassConstructor<ConfigurationType>
+   */
+  /**
+   * @import { CompatibleClass, Config, CreateAllOptions, OnErrorCallback } from '../init.mjs'
+   */
+
+  class I18n {
+    constructor(translations = {}, config = {}) {
+      var _config$locale;
+      this.translations = void 0;
+      this.locale = void 0;
+      this.translations = translations;
+      this.locale = (_config$locale = config.locale) != null ? _config$locale : document.documentElement.lang || 'en';
+    }
+    t(lookupKey, options) {
+      if (!lookupKey) {
+        throw new Error('i18n: lookup key missing');
+      }
+      let translation = this.translations[lookupKey];
+      if (typeof (options == null ? void 0 : options.count) === 'number' && isObject(translation)) {
+        const translationPluralForm = translation[this.getPluralSuffix(lookupKey, options.count)];
+        if (translationPluralForm) {
+          translation = translationPluralForm;
+        }
+      }
+      if (typeof translation === 'string') {
+        if (translation.match(/%{(.\S+)}/)) {
+          if (!options) {
+            throw new Error('i18n: cannot replace placeholders in string if no option data provided');
+          }
+          return this.replacePlaceholders(translation, options);
+        }
+        return translation;
+      }
+      return lookupKey;
+    }
+    replacePlaceholders(translationString, options) {
+      const formatter = Intl.NumberFormat.supportedLocalesOf(this.locale).length ? new Intl.NumberFormat(this.locale) : undefined;
+      return translationString.replace(/%{(.\S+)}/g, function (placeholderWithBraces, placeholderKey) {
+        if (Object.prototype.hasOwnProperty.call(options, placeholderKey)) {
+          const placeholderValue = options[placeholderKey];
+          if (placeholderValue === false || typeof placeholderValue !== 'number' && typeof placeholderValue !== 'string') {
+            return '';
+          }
+          if (typeof placeholderValue === 'number') {
+            return formatter ? formatter.format(placeholderValue) : `${placeholderValue}`;
+          }
+          return placeholderValue;
+        }
+        throw new Error(`i18n: no data found to replace ${placeholderWithBraces} placeholder in string`);
+      });
+    }
+    hasIntlPluralRulesSupport() {
+      return Boolean('PluralRules' in window.Intl && Intl.PluralRules.supportedLocalesOf(this.locale).length);
+    }
+    getPluralSuffix(lookupKey, count) {
+      count = Number(count);
+      if (!isFinite(count)) {
+        return 'other';
+      }
+      const translation = this.translations[lookupKey];
+      const preferredForm = this.hasIntlPluralRulesSupport() ? new Intl.PluralRules(this.locale).select(count) : 'other';
+      if (isObject(translation)) {
+        if (preferredForm in translation) {
+          return preferredForm;
+        } else if ('other' in translation) {
+          console.warn(`i18n: Missing plural form ".${preferredForm}" for "${this.locale}" locale. Falling back to ".other".`);
+          return 'other';
+        }
+      }
+      throw new Error(`i18n: Plural form ".other" is required for "${this.locale}" locale`);
+    }
+  }
+
+  /**
+   * Exit this page component
+   *
+   * @preserve
+   * @augments ConfigurableComponent<ExitThisPageConfig>
+   */
+  class ExitThisPage extends ConfigurableComponent {
+    /**
+     * @param {Element | null} $root - HTML element that wraps the Exit This Page button
+     * @param {ExitThisPageConfig} [config] - Exit This Page config
+     */
+    constructor($root, config = {}) {
+      super($root, config);
+      this.i18n = void 0;
+      this.$button = void 0;
+      this.$skiplinkButton = null;
+      this.$updateSpan = null;
+      this.$indicatorContainer = null;
+      this.$overlay = null;
+      this.keypressCounter = 0;
+      this.lastKeyWasModified = false;
+      this.timeoutTime = 5000;
+      this.keypressTimeoutId = null;
+      this.timeoutMessageId = null;
+      const $button = this.$root.querySelector('.govuk-exit-this-page__button');
+      if (!($button instanceof HTMLAnchorElement)) {
+        throw new ElementError({
+          component: ExitThisPage,
+          element: $button,
+          expectedType: 'HTMLAnchorElement',
+          identifier: 'Button (`.govuk-exit-this-page__button`)'
+        });
+      }
+      this.i18n = new I18n(this.config.i18n);
+      this.$button = $button;
+      const $skiplinkButton = document.querySelector('.govuk-js-exit-this-page-skiplink');
+      if ($skiplinkButton instanceof HTMLAnchorElement) {
+        this.$skiplinkButton = $skiplinkButton;
+      }
+      this.buildIndicator();
+      this.initUpdateSpan();
+      this.initButtonClickHandler();
+      if (!('govukFrontendExitThisPageKeypress' in document.body.dataset)) {
+        document.addEventListener('keyup', this.handleKeypress.bind(this), true);
+        document.body.dataset.govukFrontendExitThisPageKeypress = 'true';
+      }
+      window.addEventListener('pageshow', this.resetPage.bind(this));
+    }
+    initUpdateSpan() {
+      this.$updateSpan = document.createElement('span');
+      this.$updateSpan.setAttribute('role', 'status');
+      this.$updateSpan.className = 'govuk-visually-hidden';
+      this.$root.appendChild(this.$updateSpan);
+    }
+    initButtonClickHandler() {
+      this.$button.addEventListener('click', this.handleClick.bind(this));
+      if (this.$skiplinkButton) {
+        this.$skiplinkButton.addEventListener('click', this.handleClick.bind(this));
+      }
+    }
+    buildIndicator() {
+      this.$indicatorContainer = document.createElement('div');
+      this.$indicatorContainer.className = 'govuk-exit-this-page__indicator';
+      this.$indicatorContainer.setAttribute('aria-hidden', 'true');
+      for (let i = 0; i < 3; i++) {
+        const $indicator = document.createElement('div');
+        $indicator.className = 'govuk-exit-this-page__indicator-light';
+        this.$indicatorContainer.appendChild($indicator);
+      }
+      this.$button.appendChild(this.$indicatorContainer);
+    }
+    updateIndicator() {
+      if (!this.$indicatorContainer) {
+        return;
+      }
+      this.$indicatorContainer.classList.toggle('govuk-exit-this-page__indicator--visible', this.keypressCounter > 0);
+      const $indicators = this.$indicatorContainer.querySelectorAll('.govuk-exit-this-page__indicator-light');
+      $indicators.forEach(($indicator, index) => {
+        $indicator.classList.toggle('govuk-exit-this-page__indicator-light--on', index < this.keypressCounter);
+      });
+    }
+    exitPage() {
+      if (!this.$updateSpan) {
+        return;
+      }
+      this.$updateSpan.textContent = '';
+      document.body.classList.add('govuk-exit-this-page-hide-content');
+      this.$overlay = document.createElement('div');
+      this.$overlay.className = 'govuk-exit-this-page-overlay';
+      this.$overlay.setAttribute('role', 'alert');
+      document.body.appendChild(this.$overlay);
+      this.$overlay.textContent = this.i18n.t('activated');
+      window.location.href = this.$button.href;
+    }
+    handleClick(event) {
+      event.preventDefault();
+      this.exitPage();
+    }
+    handleKeypress(event) {
+      if (!this.$updateSpan) {
+        return;
+      }
+      if (event.key === 'Shift' && !this.lastKeyWasModified) {
+        this.keypressCounter += 1;
+        this.updateIndicator();
+        if (this.timeoutMessageId) {
+          window.clearTimeout(this.timeoutMessageId);
+          this.timeoutMessageId = null;
+        }
+        if (this.keypressCounter >= 3) {
+          this.keypressCounter = 0;
+          if (this.keypressTimeoutId) {
+            window.clearTimeout(this.keypressTimeoutId);
+            this.keypressTimeoutId = null;
+          }
+          this.exitPage();
+        } else {
+          if (this.keypressCounter === 1) {
+            this.$updateSpan.textContent = this.i18n.t('pressTwoMoreTimes');
+          } else {
+            this.$updateSpan.textContent = this.i18n.t('pressOneMoreTime');
+          }
+        }
+        this.setKeypressTimer();
+      } else if (this.keypressTimeoutId) {
+        this.resetKeypressTimer();
+      }
+      this.lastKeyWasModified = event.shiftKey;
+    }
+    setKeypressTimer() {
+      if (this.keypressTimeoutId) {
+        window.clearTimeout(this.keypressTimeoutId);
+      }
+      this.keypressTimeoutId = window.setTimeout(this.resetKeypressTimer.bind(this), this.timeoutTime);
+    }
+    resetKeypressTimer() {
+      if (!this.$updateSpan) {
+        return;
+      }
+      if (this.keypressTimeoutId) {
+        window.clearTimeout(this.keypressTimeoutId);
+        this.keypressTimeoutId = null;
+      }
+      const $updateSpan = this.$updateSpan;
+      this.keypressCounter = 0;
+      $updateSpan.textContent = this.i18n.t('timedOut');
+      this.timeoutMessageId = window.setTimeout(() => {
+        $updateSpan.textContent = '';
+      }, this.timeoutTime);
+      this.updateIndicator();
+    }
+    resetPage() {
+      document.body.classList.remove('govuk-exit-this-page-hide-content');
+      if (this.$overlay) {
+        this.$overlay.remove();
+        this.$overlay = null;
+      }
+      if (this.$updateSpan) {
+        this.$updateSpan.setAttribute('role', 'status');
+        this.$updateSpan.textContent = '';
+      }
+      this.updateIndicator();
+      if (this.keypressTimeoutId) {
+        window.clearTimeout(this.keypressTimeoutId);
+      }
+      if (this.timeoutMessageId) {
+        window.clearTimeout(this.timeoutMessageId);
+      }
+    }
+  }
+
+  /**
+   * Exit this Page config
+   *
+   * @see {@link ExitThisPage.defaults}
+   * @typedef {object} ExitThisPageConfig
+   * @property {ExitThisPageTranslations} [i18n=ExitThisPage.defaults.i18n] - Exit this page translations
+   */
+
+  /**
+   * Exit this Page translations
+   *
+   * @see {@link ExitThisPage.defaults.i18n}
+   * @typedef {object} ExitThisPageTranslations
+   *
+   * Messages used by the component programatically inserted text, including
+   * overlay text and screen reader announcements.
+   * @property {string} [activated] - Screen reader announcement for when EtP
+   *   keypress functionality has been successfully activated.
+   * @property {string} [timedOut] - Screen reader announcement for when the EtP
+   *   keypress functionality has timed out.
+   * @property {string} [pressTwoMoreTimes] - Screen reader announcement informing
+   *   the user they must press the activation key two more times.
+   * @property {string} [pressOneMoreTime] - Screen reader announcement informing
+   *   the user they must press the activation key one more time.
+   */
+
+  /**
+   * @import { Schema } from '../../common/configuration.mjs'
+   */
+  ExitThisPage.moduleName = 'govuk-exit-this-page';
+  ExitThisPage.defaults = Object.freeze({
+    i18n: {
+      activated: 'Loading.',
+      timedOut: 'Exit this page expired.',
+      pressTwoMoreTimes: 'Shift, press 2 more times to exit.',
+      pressOneMoreTime: 'Shift, press 1 more time to exit.'
+    }
+  });
+  ExitThisPage.schema = Object.freeze({
+    properties: {
+      i18n: {
+        type: 'object'
+      }
+    }
+  });
+
+  exports.ExitThisPage = ExitThisPage;
+
+}));
+//# sourceMappingURL=exit-this-page.bundle.js.map
diff --git a/app/templates/govuk/components/exit-this-page/exit-this-page.bundle.js.map b/app/templates/govuk/components/exit-this-page/exit-this-page.bundle.js.map
new file mode 100644
index 0000000..7cd484d
--- /dev/null
+++ b/app/templates/govuk/components/exit-this-page/exit-this-page.bundle.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"exit-this-page.bundle.js","sources":["../../../../src/govuk/common/index.mjs","../../../../src/govuk/errors/index.mjs","../../../../src/govuk/component.mjs","../../../../src/govuk/common/configuration.mjs","../../../../src/govuk/i18n.mjs","../../../../src/govuk/components/exit-this-page/exit-this-page.mjs"],"sourcesContent":["/**\n * Common helpers which do not require polyfill.\n *\n * IMPORTANT: If a helper require a polyfill, please isolate it in its own module\n * so that the polyfill can be properly tree-shaken and does not burden\n * the components that do not need that helper\n */\n\n/**\n * Get GOV.UK Frontend breakpoint value from CSS custom property\n *\n * @private\n * @param {string} name - Breakpoint name\n * @returns {{ property: string, value?: string }} Breakpoint object\n */\nexport function getBreakpoint(name) {\n  const property = `--govuk-breakpoint-${name}`\n\n  // Get value from `<html>` with breakpoints on CSS :root\n  const value = window\n    .getComputedStyle(document.documentElement)\n    .getPropertyValue(property)\n\n  return {\n    property,\n    value: value || undefined\n  }\n}\n\n/**\n * Move focus to element\n *\n * Sets tabindex to -1 to make the element programmatically focusable,\n * but removes it on blur as the element doesn't need to be focused again.\n *\n * @private\n * @template {HTMLElement} FocusElement\n * @param {FocusElement} $element - HTML element\n * @param {object} [options] - Handler options\n * @param {function(this: FocusElement): void} [options.onBeforeFocus] - Callback before focus\n * @param {function(this: FocusElement): void} [options.onBlur] - Callback on blur\n */\nexport function setFocus($element, options = {}) {\n  const isFocusable = $element.getAttribute('tabindex')\n\n  if (!isFocusable) {\n    $element.setAttribute('tabindex', '-1')\n  }\n\n  /**\n   * Handle element focus\n   */\n  function onFocus() {\n    $element.addEventListener('blur', onBlur, { once: true })\n  }\n\n  /**\n   * Handle element blur\n   */\n  function onBlur() {\n    options.onBlur?.call($element)\n\n    if (!isFocusable) {\n      $element.removeAttribute('tabindex')\n    }\n  }\n\n  // Add listener to reset element on blur, after focus\n  $element.addEventListener('focus', onFocus, { once: true })\n\n  // Focus element\n  options.onBeforeFocus?.call($element)\n  $element.focus()\n}\n\n/**\n * Checks if component is already initialised\n *\n * @internal\n * @param {Element} $root - HTML element to be checked\n * @param {string} moduleName - name of component module\n * @returns {boolean} Whether component is already initialised\n */\nexport function isInitialised($root, moduleName) {\n  return (\n    $root instanceof HTMLElement &&\n    $root.hasAttribute(`data-${moduleName}-init`)\n  )\n}\n\n/**\n * Checks if GOV.UK Frontend is supported on this page\n *\n * Some browsers will load and run our JavaScript but GOV.UK Frontend\n * won't be supported.\n *\n * @param {HTMLElement | null} [$scope] - (internal) `<body>` HTML element checked for browser support\n * @returns {boolean} Whether GOV.UK Frontend is supported on this page\n */\nexport function isSupported($scope = document.body) {\n  if (!$scope) {\n    return false\n  }\n\n  return $scope.classList.contains('govuk-frontend-supported')\n}\n\n/**\n * Check for an array\n *\n * @internal\n * @param {unknown} option - Option to check\n * @returns {boolean} Whether the option is an array\n */\nfunction isArray(option) {\n  return Array.isArray(option)\n}\n\n/**\n * Check for an object\n *\n * @internal\n * @template {Partial<Record<keyof ObjectType, unknown>>} ObjectType\n * @param {unknown | ObjectType} option - Option to check\n * @returns {option is ObjectType} Whether the option is an object\n */\nexport function isObject(option) {\n  return !!option && typeof option === 'object' && !isArray(option)\n}\n\n/**\n * Check for valid scope\n *\n * @internal\n * @template {Element | Document} ScopeType\n * @param {unknown | ScopeType} $scope - Scope of the document to search within\n * @returns {$scope is ScopeType} Whether the scope can be queried\n */\nexport function isScope($scope) {\n  return !!$scope && ($scope instanceof Element || $scope instanceof Document)\n}\n\n/**\n * Format error message\n *\n * @internal\n * @param {ComponentWithModuleName} Component - Component that threw the error\n * @param {string} message - Error message\n * @returns {string} - Formatted error message\n */\nexport function formatErrorMessage(Component, message) {\n  return `${Component.moduleName}: ${message}`\n}\n\n/* eslint-disable jsdoc/valid-types --\n * `{new(...args: any[] ): object}` is not recognised as valid\n * https://github.com/gajus/eslint-plugin-jsdoc/issues/145#issuecomment-1308722878\n * https://github.com/jsdoc-type-pratt-parser/jsdoc-type-pratt-parser/issues/131\n **/\n\n/**\n * @typedef ComponentWithModuleName\n * @property {string} moduleName - Name of the component\n */\n\n/* eslint-enable jsdoc/valid-types */\n","import { formatErrorMessage, isObject } from '../common/index.mjs'\n\n/**\n * GOV.UK Frontend error\n *\n * A base class for `Error`s thrown by GOV.UK Frontend.\n *\n * It is meant to be extended into specific types of errors\n * to be thrown by our code.\n *\n * @example\n * ```js\n * class MissingRootError extends GOVUKFrontendError {\n *   // Setting an explicit name is important as extending the class will not\n *   // set a new `name` on the subclass. The `name` property is important\n *   // to ensure intelligible error names even if the class name gets\n *   // mangled by a minifier\n *   name = \"MissingRootError\"\n * }\n * ```\n * @virtual\n */\nexport class GOVUKFrontendError extends Error {\n  name = 'GOVUKFrontendError'\n}\n\n/**\n * Indicates that GOV.UK Frontend is not supported\n */\nexport class SupportError extends GOVUKFrontendError {\n  name = 'SupportError'\n\n  /**\n   * Checks if GOV.UK Frontend is supported on this page\n   *\n   * @param {HTMLElement | null} [$scope] - HTML element `<body>` checked for browser support\n   */\n  constructor($scope = document.body) {\n    const supportMessage =\n      'noModule' in HTMLScriptElement.prototype\n        ? 'GOV.UK Frontend initialised without `<body class=\"govuk-frontend-supported\">` from template `<script>` snippet'\n        : 'GOV.UK Frontend is not supported in this browser'\n\n    super(\n      $scope\n        ? supportMessage\n        : 'GOV.UK Frontend initialised without `<script type=\"module\">`'\n    )\n  }\n}\n\n/**\n * Indicates that a component has received an illegal configuration\n */\nexport class ConfigError extends GOVUKFrontendError {\n  name = 'ConfigError'\n}\n\n/**\n * Indicates an issue with an element (possibly `null` or `undefined`)\n */\nexport class ElementError extends GOVUKFrontendError {\n  name = 'ElementError'\n\n  /**\n   * @internal\n   * @overload\n   * @param {string} message - Element error message\n   */\n\n  /**\n   * @internal\n   * @overload\n   * @param {ElementErrorOptions} options - Element error options\n   */\n\n  /**\n   * @internal\n   * @param {string | ElementErrorOptions} messageOrOptions - Element error message or options\n   */\n  constructor(messageOrOptions) {\n    let message = typeof messageOrOptions === 'string' ? messageOrOptions : ''\n\n    // Build message from options\n    if (isObject(messageOrOptions)) {\n      const { component, identifier, element, expectedType } = messageOrOptions\n\n      message = identifier\n\n      // Append reason\n      message += element\n        ? ` is not of type ${expectedType ?? 'HTMLElement'}`\n        : ' not found'\n\n      // Prepend with module name (optional)\n      if (component) {\n        message = formatErrorMessage(component, message)\n      }\n    }\n\n    super(message)\n  }\n}\n\n/**\n * Indicates that a component is already initialised\n */\nexport class InitError extends GOVUKFrontendError {\n  name = 'InitError'\n\n  /**\n   * @internal\n   * @param {ComponentWithModuleName | string} componentOrMessage - name of the component module\n   */\n  constructor(componentOrMessage) {\n    const message =\n      typeof componentOrMessage === 'string'\n        ? componentOrMessage\n        : formatErrorMessage(\n            componentOrMessage,\n            `Root element (\\`$root\\`) already initialised`\n          )\n\n    super(message)\n  }\n}\n\n/**\n * Element error options\n *\n * @internal\n * @typedef {object} ElementErrorOptions\n * @property {Element | Document | null} [element] - The element in error (optional)\n * @property {ComponentWithModuleName} [component] - Component throwing the error (optional)\n * @property {string} identifier - An identifier that'll let the user understand which element has an error. This is whatever makes the most sense\n * @property {string} [expectedType] - The type that was expected for the identifier (optional)\n */\n\n/**\n * @import { ComponentWithModuleName } from '../common/index.mjs'\n */\n","import { isInitialised, isSupported } from './common/index.mjs'\nimport { ElementError, InitError, SupportError } from './errors/index.mjs'\n\n/**\n * Base Component class\n *\n * Centralises the behaviours shared by our components\n *\n * @virtual\n * @template {Element} [RootElementType=HTMLElement]\n */\nexport class Component {\n  /**\n   * @type {typeof Element}\n   */\n  static elementType = HTMLElement\n\n  // allows Typescript user to work around the lack of types\n  // in GOVUKFrontend package, Typescript is not aware of $root\n  // in components that extend GOVUKFrontendComponent\n  /**\n   * Returns the root element of the component\n   *\n   * @protected\n   * @returns {RootElementType} - the root element of component\n   */\n  get $root() {\n    return this._$root\n  }\n\n  /**\n   * @protected\n   * @type {RootElementType}\n   */\n  _$root\n\n  /**\n   * Constructs a new component, validating that GOV.UK Frontend is supported\n   *\n   * @internal\n   * @param {Element | null} [$root] - HTML element to use for component\n   */\n  constructor($root) {\n    const childConstructor = /** @type {ChildClassConstructor} */ (\n      this.constructor\n    )\n\n    // TypeScript does not enforce that inheriting classes will define a `moduleName`\n    // (even if we add a `@virtual` `static moduleName` property to this class).\n    // While we trust users to do this correctly, we do a little check to provide them\n    // a helpful error message.\n    //\n    // After this, we'll be sure that `childConstructor` has a `moduleName`\n    // as expected of the `ChildClassConstructor` we've cast `this.constructor` to.\n    if (typeof childConstructor.moduleName !== 'string') {\n      throw new InitError(`\\`moduleName\\` not defined in component`)\n    }\n\n    if (!($root instanceof childConstructor.elementType)) {\n      throw new ElementError({\n        element: $root,\n        component: childConstructor,\n        identifier: 'Root element (`$root`)',\n        expectedType: childConstructor.elementType.name\n      })\n    } else {\n      this._$root = /** @type {RootElementType} */ ($root)\n    }\n\n    childConstructor.checkSupport()\n\n    this.checkInitialised()\n\n    const moduleName = childConstructor.moduleName\n\n    this.$root.setAttribute(`data-${moduleName}-init`, '')\n  }\n\n  /**\n   * Validates whether component is already initialised\n   *\n   * @private\n   * @throws {InitError} when component is already initialised\n   */\n  checkInitialised() {\n    const constructor = /** @type {ChildClassConstructor} */ (this.constructor)\n    const moduleName = constructor.moduleName\n\n    if (moduleName && isInitialised(this.$root, moduleName)) {\n      throw new InitError(constructor)\n    }\n  }\n\n  /**\n   * Validates whether components are supported\n   *\n   * @throws {SupportError} when the components are not supported\n   */\n  static checkSupport() {\n    if (!isSupported()) {\n      throw new SupportError()\n    }\n  }\n}\n\n/**\n * @typedef ChildClass\n * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component\n */\n\n/**\n * @typedef {typeof Component & ChildClass} ChildClassConstructor\n */\n","import { Component } from '../component.mjs'\nimport { ConfigError } from '../errors/index.mjs'\n\nimport { isObject, isScope, formatErrorMessage } from './index.mjs'\n\nexport const configOverride = Symbol.for('configOverride')\n\n/**\n * Base Component class\n *\n * Centralises the behaviours shared by our components\n *\n * @virtual\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]\n * @template {Element & { dataset: DOMStringMap }} [RootElementType=HTMLElement]\n * @augments Component<RootElementType>\n */\nexport class ConfigurableComponent extends Component {\n  /**\n   * configOverride\n   *\n   * Function which defines configuration overrides to prioritize\n   * properties from the root element's dataset.\n   *\n   * It should take a subset of configuration as input and return\n   * a new configuration object with properties that should be\n   * overridden based on the root element's dataset. A Symbol\n   * is used for indexing to prevent conflicts.\n   *\n   * @internal\n   * @virtual\n   * @param {Partial<ConfigurationType>} [param] - Configuration object\n   * @returns {Partial<ConfigurationType>} return - Configuration object\n   */\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  [configOverride](param) {\n    return {}\n  }\n\n  /**\n   * Returns the root element of the component\n   *\n   * @protected\n   * @returns {ConfigurationType} - the root element of component\n   */\n  get config() {\n    return this._config\n  }\n\n  /**\n   *\n   * @type {ConfigurationType}\n   */\n  _config\n\n  /**\n   * Constructs a new component, validating that GOV.UK Frontend is supported\n   *\n   * @internal\n   * @param {Element | null} [$root] - HTML element to use for component\n   * @param {ConfigurationType} [config] - HTML element to use for component\n   */\n  constructor($root, config) {\n    super($root)\n\n    const childConstructor =\n      /** @type {ChildClassConstructor<ConfigurationType>} */ (this.constructor)\n\n    if (!isObject(childConstructor.defaults)) {\n      throw new ConfigError(\n        formatErrorMessage(\n          childConstructor,\n          'Config passed as parameter into constructor but no defaults defined'\n        )\n      )\n    }\n\n    const datasetConfig = /** @type {ConfigurationType} */ (\n      normaliseDataset(childConstructor, this._$root.dataset)\n    )\n\n    this._config = /** @type {ConfigurationType} */ (\n      mergeConfigs(\n        childConstructor.defaults,\n        config ?? {},\n        this[configOverride](datasetConfig),\n        datasetConfig\n      )\n    )\n  }\n}\n\n/**\n * Normalise string\n *\n * 'If it looks like a duck, and it quacks like a duck…' 🦆\n *\n * If the passed value looks like a boolean or a number, convert it to a boolean\n * or number.\n *\n * Designed to be used to convert config passed via data attributes (which are\n * always strings) into something sensible.\n *\n * @internal\n * @param {DOMStringMap[string]} value - The value to normalise\n * @param {SchemaProperty} [property] - Component schema property\n * @returns {string | boolean | number | undefined} Normalised data\n */\nexport function normaliseString(value, property) {\n  const trimmedValue = value ? value.trim() : ''\n\n  let output\n  let outputType = property?.type\n\n  // No schema type set? Determine automatically\n  if (!outputType) {\n    if (['true', 'false'].includes(trimmedValue)) {\n      outputType = 'boolean'\n    }\n\n    // Empty / whitespace-only strings are considered finite so we need to check\n    // the length of the trimmed string as well\n    if (trimmedValue.length > 0 && isFinite(Number(trimmedValue))) {\n      outputType = 'number'\n    }\n  }\n\n  switch (outputType) {\n    case 'boolean':\n      output = trimmedValue === 'true'\n      break\n\n    case 'number':\n      output = Number(trimmedValue)\n      break\n\n    default:\n      output = value\n  }\n\n  return output\n}\n\n/**\n * Normalise dataset\n *\n * Loop over an object and normalise each value using {@link normaliseString},\n * optionally expanding nested `i18n.field`\n *\n * @internal\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @template {[keyof ConfigurationType, SchemaProperty | undefined][]} SchemaEntryType\n * @param {{ schema?: Schema<ConfigurationType>, moduleName: string }} Component - Component class\n * @param {DOMStringMap} dataset - HTML element dataset\n * @returns {ObjectNested} Normalised dataset\n */\nexport function normaliseDataset(Component, dataset) {\n  if (!isObject(Component.schema)) {\n    throw new ConfigError(\n      formatErrorMessage(\n        Component,\n        'Config passed as parameter into constructor but no schema defined'\n      )\n    )\n  }\n\n  const out = /** @type {ObjectNested} */ ({})\n  const entries = /** @type {SchemaEntryType} */ (\n    Object.entries(Component.schema.properties)\n  )\n\n  // Normalise top-level dataset ('data-*') values using schema types\n  for (const entry of entries) {\n    const [namespace, property] = entry\n\n    // Cast the `namespace` to string so it can be used to access the dataset\n    const field = namespace.toString()\n\n    if (field in dataset) {\n      out[field] = normaliseString(dataset[field], property)\n    }\n\n    /**\n     * Extract and normalise nested object values automatically using\n     * {@link normaliseString} but only schema object types are allowed\n     */\n    if (property?.type === 'object') {\n      out[field] = extractConfigByNamespace(\n        Component.schema,\n        dataset,\n        namespace\n      )\n    }\n  }\n\n  return out\n}\n\n/**\n * Normalise options passed to `initAll` or `createAll`\n *\n * @internal\n * @template {CompatibleClass} ComponentClass\n * @param {Config | CreateAllOptions<ComponentClass> | OnErrorCallback<ComponentClass> | Element | Document | null} [scopeOrOptions] - Scope of the document to search within, initialisation options or error callback function\n * @returns {CreateAllOptions<ComponentClass>} Normalised options\n */\nexport function normaliseOptions(scopeOrOptions) {\n  let /** @type {Element | Document | null} */ $scope = document\n  let /** @type {OnErrorCallback<ComponentClass> | undefined} */ onError\n\n  // Handle options object\n  if (isObject(scopeOrOptions)) {\n    const options = scopeOrOptions\n\n    // Scope must be valid or null\n    if (isScope(options.scope) || options.scope === null) {\n      $scope = options.scope\n    }\n\n    // Error handler must be a function\n    if (typeof options.onError === 'function') {\n      onError = options.onError\n    }\n  }\n\n  if (isScope(scopeOrOptions)) {\n    $scope = scopeOrOptions\n  } else if (scopeOrOptions === null) {\n    $scope = null\n  } else if (typeof scopeOrOptions === 'function') {\n    onError = scopeOrOptions\n  }\n\n  return {\n    scope: $scope,\n    onError\n  }\n}\n\n/**\n * Config merging function\n *\n * Takes any number of objects and combines them together, with\n * greatest priority on the LAST item passed in.\n *\n * @internal\n * @param {...{ [key: string]: unknown }} configObjects - Config objects to merge\n * @returns {{ [key: string]: unknown }} A merged config object\n */\nexport function mergeConfigs(...configObjects) {\n  // Start with an empty object as our base\n  /** @type {{ [key: string]: unknown }} */\n  const formattedConfigObject = {}\n\n  // Loop through each of the passed objects\n  for (const configObject of configObjects) {\n    for (const key of Object.keys(configObject)) {\n      const option = formattedConfigObject[key]\n      const override = configObject[key]\n\n      // Push their keys one-by-one into formattedConfigObject. Any duplicate\n      // keys with object values will be merged, otherwise the new value will\n      // override the existing value.\n      if (isObject(option) && isObject(override)) {\n        formattedConfigObject[key] = mergeConfigs(option, override)\n      } else {\n        // Apply override\n        formattedConfigObject[key] = override\n      }\n    }\n  }\n\n  return formattedConfigObject\n}\n\n/**\n * Validate component config by schema\n *\n * Follows limited examples in JSON schema for wider support in future\n *\n * {@link https://ajv.js.org/json-schema.html#compound-keywords}\n * {@link https://ajv.js.org/packages/ajv-errors.html#single-message}\n *\n * @internal\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @param {Schema<ConfigurationType>} schema - The schema of a component\n * @param {ConfigurationType} config - Component config\n * @returns {string[]} List of validation errors\n */\nexport function validateConfig(schema, config) {\n  const validationErrors = []\n\n  // Check errors for each schema\n  for (const [name, conditions] of Object.entries(schema)) {\n    const errors = []\n\n    // Check errors for each schema condition\n    if (Array.isArray(conditions)) {\n      for (const { required, errorMessage } of conditions) {\n        if (!required.every((key) => !!config[key])) {\n          errors.push(errorMessage) // Missing config key value\n        }\n      }\n\n      // Check one condition passes or add errors\n      if (name === 'anyOf' && !(conditions.length - errors.length >= 1)) {\n        validationErrors.push(...errors)\n      }\n    }\n  }\n\n  return validationErrors\n}\n\n/**\n * Extracts keys starting with a particular namespace from dataset ('data-*')\n * object, removing the namespace in the process, normalising all values\n *\n * @internal\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @param {Schema<ConfigurationType>} schema - The schema of a component\n * @param {DOMStringMap} dataset - The object to extract key-value pairs from\n * @param {keyof ConfigurationType} namespace - The namespace to filter keys with\n * @returns {ObjectNested | undefined} Nested object with dot-separated key namespace removed\n */\nexport function extractConfigByNamespace(schema, dataset, namespace) {\n  const property = schema.properties[namespace]\n\n  // Only extract configs for object schema properties\n  if (property?.type !== 'object') {\n    return\n  }\n\n  // Add default empty config\n  const newObject = /** @type {Record<typeof namespace, ObjectNested>} */ ({\n    [namespace]: {}\n  })\n\n  for (const [key, value] of Object.entries(dataset)) {\n    /** @type {ObjectNested | ObjectNested[NestedKey]} */\n    let current = newObject\n\n    // Split the key into parts, using . as our namespace separator\n    const keyParts = key.split('.')\n\n    /**\n     * Create new level per part\n     *\n     * e.g. 'i18n.textareaDescription.other' becomes\n     * `{ i18n: { textareaDescription: { other } } }`\n     */\n    for (const [index, name] of keyParts.entries()) {\n      if (isObject(current)) {\n        // Drop down to nested object until the last part\n        if (index < keyParts.length - 1) {\n          // New nested object (optionally) replaces existing value\n          if (!isObject(current[name])) {\n            current[name] = {}\n          }\n\n          // Drop down into new or existing nested object\n          current = current[name]\n        } else if (key !== namespace) {\n          // Normalised value (optionally) replaces existing value\n          current[name] = normaliseString(value)\n        }\n      }\n    }\n  }\n\n  return newObject[namespace]\n}\n\n/**\n * @internal\n * @typedef {keyof ObjectNested} NestedKey\n * @typedef {{ [key: string]: string | boolean | number | ObjectNested | undefined }} ObjectNested\n */\n\n/**\n * Schema for component config\n *\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @typedef {object} Schema\n * @property {Record<keyof ConfigurationType, SchemaProperty | undefined>} properties - Schema properties\n * @property {SchemaCondition<ConfigurationType>[]} [anyOf] - List of schema conditions\n */\n\n/**\n * Schema property for component config\n *\n * @typedef {object} SchemaProperty\n * @property {'string' | 'boolean' | 'number' | 'object'} type - Property type\n */\n\n/**\n * Schema condition for component config\n *\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @typedef {object} SchemaCondition\n * @property {(keyof ConfigurationType)[]} required - List of required config fields\n * @property {string} errorMessage - Error message when required config fields not provided\n */\n\n/**\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]\n * @typedef ChildClass\n * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component\n * @property {Schema<ConfigurationType>} [schema] - The schema of the component configuration\n * @property {ConfigurationType} [defaults] - The default values of the configuration of the component\n */\n\n/**\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]\n * @typedef {typeof Component & ChildClass<ConfigurationType>} ChildClassConstructor<ConfigurationType>\n */\n\n/**\n * @import { CompatibleClass, Config, CreateAllOptions, OnErrorCallback } from '../init.mjs'\n */\n","import { isObject } from './common/index.mjs'\n\n/**\n * Internal support for selecting messages to render, with placeholder\n * interpolation and locale-aware number formatting and pluralisation\n *\n * @internal\n */\nexport class I18n {\n  translations\n  locale\n\n  /**\n   * @internal\n   * @param {{ [key: string]: string | TranslationPluralForms }} translations - Key-value pairs of the translation strings to use.\n   * @param {object} [config] - Configuration options for the function.\n   * @param {string | null} [config.locale] - An overriding locale for the PluralRules functionality.\n   */\n  constructor(translations = {}, config = {}) {\n    // Make list of translations available throughout function\n    this.translations = translations\n\n    // The locale to use for PluralRules and NumberFormat\n    this.locale = config.locale ?? (document.documentElement.lang || 'en')\n  }\n\n  /**\n   * The most used function - takes the key for a given piece of UI text and\n   * returns the appropriate string.\n   *\n   * @internal\n   * @param {string} lookupKey - The lookup key of the string to use.\n   * @param {{ [key: string]: unknown }} [options] - Any options passed with the translation string, e.g: for string interpolation.\n   * @returns {string} The appropriate translation string.\n   * @throws {Error} Lookup key required\n   * @throws {Error} Options required for `${}` placeholders\n   */\n  t(lookupKey, options) {\n    if (!lookupKey) {\n      // Print a console error if no lookup key has been provided\n      throw new Error('i18n: lookup key missing')\n    }\n\n    // Fetch the translation for that lookup key\n    let translation = this.translations[lookupKey]\n\n    // If the `count` option is set, determine which plural suffix is needed and\n    // change the lookupKey to match. We check to see if it's numeric instead of\n    // falsy, as this could legitimately be 0.\n    if (typeof options?.count === 'number' && isObject(translation)) {\n      const translationPluralForm =\n        translation[this.getPluralSuffix(lookupKey, options.count)]\n\n      // Update translation with plural suffix\n      if (translationPluralForm) {\n        translation = translationPluralForm\n      }\n    }\n\n    if (typeof translation === 'string') {\n      // Check for ${} placeholders in the translation string\n      // eslint-disable-next-line @typescript-eslint/prefer-regexp-exec\n      if (translation.match(/%{(.\\S+)}/)) {\n        if (!options) {\n          throw new Error(\n            'i18n: cannot replace placeholders in string if no option data provided'\n          )\n        }\n\n        return this.replacePlaceholders(translation, options)\n      }\n\n      return translation\n    }\n\n    // If the key wasn't found in our translations object,\n    // return the lookup key itself as the fallback\n    return lookupKey\n  }\n\n  /**\n   * Takes a translation string with placeholders, and replaces the placeholders\n   * with the provided data\n   *\n   * @internal\n   * @param {string} translationString - The translation string\n   * @param {{ [key: string]: unknown }} options - Any options passed with the translation string, e.g: for string interpolation.\n   * @returns {string} The translation string to output, with $\\{\\} placeholders replaced\n   */\n  replacePlaceholders(translationString, options) {\n    const formatter = Intl.NumberFormat.supportedLocalesOf(this.locale).length\n      ? new Intl.NumberFormat(this.locale)\n      : undefined\n\n    return translationString.replace(\n      /%{(.\\S+)}/g,\n\n      /**\n       * Replace translation string placeholders\n       *\n       * @internal\n       * @param {string} placeholderWithBraces - Placeholder with braces\n       * @param {string} placeholderKey - Placeholder key\n       * @returns {string} Placeholder value\n       */\n      function (placeholderWithBraces, placeholderKey) {\n        if (Object.prototype.hasOwnProperty.call(options, placeholderKey)) {\n          const placeholderValue = options[placeholderKey]\n\n          // If a user has passed `false` as the value for the placeholder\n          // treat it as though the value should not be displayed\n          if (\n            placeholderValue === false ||\n            (typeof placeholderValue !== 'number' &&\n              typeof placeholderValue !== 'string')\n          ) {\n            return ''\n          }\n\n          // If the placeholder's value is a number, localise the number formatting\n          if (typeof placeholderValue === 'number') {\n            return formatter\n              ? formatter.format(placeholderValue)\n              : `${placeholderValue}`\n          }\n\n          return placeholderValue\n        }\n\n        throw new Error(\n          `i18n: no data found to replace ${placeholderWithBraces} placeholder in string`\n        )\n      }\n    )\n  }\n\n  /**\n   * Check to see if the browser supports Intl.PluralRules\n   *\n   * It requires all conditions to be met in order to be supported:\n   * - The implementation of Intl supports PluralRules (NOT true in Safari 10–12)\n   * - The browser/OS has plural rules for the current locale (browser dependent)\n   *\n   * {@link https://browsersl.ist/#q=supports+es6-module+and+not+supports+intl-pluralrules}\n   *\n   * @internal\n   * @returns {boolean} Returns true if all conditions are met. Returns false otherwise.\n   */\n  hasIntlPluralRulesSupport() {\n    return Boolean(\n      'PluralRules' in window.Intl &&\n        Intl.PluralRules.supportedLocalesOf(this.locale).length\n    )\n  }\n\n  /**\n   * Get the appropriate suffix for the plural form.\n   *\n   * Uses Intl.PluralRules (or our own fallback implementation) to get the\n   * 'preferred' form to use for the given count.\n   *\n   * Checks that a translation has been provided for that plural form – if it\n   * hasn't, it'll fall back to the 'other' plural form (unless that doesn't exist\n   * either, in which case an error will be thrown)\n   *\n   * @internal\n   * @param {string} lookupKey - The lookup key of the string to use.\n   * @param {number} count - Number used to determine which pluralisation to use.\n   * @returns {PluralRule} The suffix associated with the correct pluralisation for this locale.\n   * @throws {Error} Plural form `.other` required when preferred plural form is missing\n   */\n  getPluralSuffix(lookupKey, count) {\n    // Validate that the number is actually a number.\n    //\n    // Number(count) will turn anything that can't be converted to a Number type\n    // into 'NaN'. isFinite filters out NaN, as it isn't a finite number.\n    // eslint-disable-next-line @typescript-eslint/no-unnecessary-type-conversion\n    count = Number(count)\n    if (!isFinite(count)) {\n      return 'other'\n    }\n\n    // Fetch the translation for that lookup key\n    const translation = this.translations[lookupKey]\n\n    // Check to verify that all the requirements for Intl.PluralRules are met.\n    // If so, we can use that instead of our custom implementation. Otherwise,\n    // use the hardcoded fallback.\n    const preferredForm = this.hasIntlPluralRulesSupport()\n      ? new Intl.PluralRules(this.locale).select(count)\n      : 'other'\n\n    // Use the correct plural form if provided\n    if (isObject(translation)) {\n      if (preferredForm in translation) {\n        return preferredForm\n        // Fall back to `other` if the plural form is missing, but log a warning\n        // to the console\n      } else if ('other' in translation) {\n        console.warn(\n          `i18n: Missing plural form \".${preferredForm}\" for \"${this.locale}\" locale. Falling back to \".other\".`\n        )\n\n        return 'other'\n      }\n    }\n\n    // If the required `other` plural form is missing, all we can do is error\n    throw new Error(\n      `i18n: Plural form \".other\" is required for \"${this.locale}\" locale`\n    )\n  }\n}\n\n/**\n * Plural rule category mnemonic tags\n *\n * @internal\n * @typedef {'zero' | 'one' | 'two' | 'few' | 'many' | 'other'} PluralRule\n */\n\n/**\n * Translated message by plural rule they correspond to.\n *\n * Allows to group pluralised messages under a single key when passing\n * translations to a component's constructor\n *\n * @internal\n * @typedef {object} TranslationPluralForms\n * @property {string} [other] - General plural form\n * @property {string} [zero] - Plural form used with 0\n * @property {string} [one] - Plural form used with 1\n * @property {string} [two] - Plural form used with 2\n * @property {string} [few] - Plural form used for a few\n * @property {string} [many] - Plural form used for many\n */\n","import { ConfigurableComponent } from '../../common/configuration.mjs'\nimport { ElementError } from '../../errors/index.mjs'\nimport { I18n } from '../../i18n.mjs'\n\n/**\n * Exit this page component\n *\n * @preserve\n * @augments ConfigurableComponent<ExitThisPageConfig>\n */\nexport class ExitThisPage extends ConfigurableComponent {\n  /** @private */\n  i18n\n\n  /** @private */\n  $button\n\n  /**\n   * @private\n   * @type {HTMLAnchorElement | null}\n   */\n  $skiplinkButton = null\n\n  /**\n   * @private\n   * @type {HTMLElement | null}\n   */\n  $updateSpan = null\n\n  /**\n   * @private\n   * @type {HTMLElement | null}\n   */\n  $indicatorContainer = null\n\n  /**\n   * @private\n   * @type {HTMLElement | null}\n   */\n  $overlay = null\n\n  /** @private */\n  keypressCounter = 0\n\n  /** @private */\n  lastKeyWasModified = false\n\n  /** @private */\n  timeoutTime = 5000 // milliseconds\n\n  // Store the timeout events so that we can clear them to avoid user keypresses overlapping\n  // setTimeout returns an id that we can use to clear it with clearTimeout,\n  // hence the 'Id' suffix\n\n  /**\n   * @private\n   * @type {number | null}\n   */\n  keypressTimeoutId = null\n\n  /**\n   * @private\n   * @type {number | null}\n   */\n  timeoutMessageId = null\n\n  /**\n   * @param {Element | null} $root - HTML element that wraps the Exit This Page button\n   * @param {ExitThisPageConfig} [config] - Exit This Page config\n   */\n  constructor($root, config = {}) {\n    super($root, config)\n\n    const $button = this.$root.querySelector('.govuk-exit-this-page__button')\n    if (!($button instanceof HTMLAnchorElement)) {\n      throw new ElementError({\n        component: ExitThisPage,\n        element: $button,\n        expectedType: 'HTMLAnchorElement',\n        identifier: 'Button (`.govuk-exit-this-page__button`)'\n      })\n    }\n\n    this.i18n = new I18n(this.config.i18n)\n    this.$button = $button\n\n    const $skiplinkButton = document.querySelector(\n      '.govuk-js-exit-this-page-skiplink'\n    )\n    if ($skiplinkButton instanceof HTMLAnchorElement) {\n      this.$skiplinkButton = $skiplinkButton\n    }\n\n    this.buildIndicator()\n    this.initUpdateSpan()\n    this.initButtonClickHandler()\n\n    // Check to see if this has already been done by a previous initialisation of ExitThisPage\n    if (!('govukFrontendExitThisPageKeypress' in document.body.dataset)) {\n      document.addEventListener('keyup', this.handleKeypress.bind(this), true)\n      document.body.dataset.govukFrontendExitThisPageKeypress = 'true'\n    }\n\n    // When the page is restored after navigating 'back' in some browsers the\n    // blank overlay remains present, rendering the page unusable. Here, we check\n    // to see if it's present on page (re)load, and remove it if so.\n    window.addEventListener('pageshow', this.resetPage.bind(this))\n  }\n\n  /**\n   * Create the <span> we use for screen reader announcements.\n   *\n   * @private\n   */\n  initUpdateSpan() {\n    this.$updateSpan = document.createElement('span')\n    this.$updateSpan.setAttribute('role', 'status')\n    this.$updateSpan.className = 'govuk-visually-hidden'\n\n    this.$root.appendChild(this.$updateSpan)\n  }\n\n  /**\n   * Create button click handlers.\n   *\n   * @private\n   */\n  initButtonClickHandler() {\n    // Main EtP button\n    this.$button.addEventListener('click', this.handleClick.bind(this))\n\n    // EtP secondary link\n    if (this.$skiplinkButton) {\n      this.$skiplinkButton.addEventListener(\n        'click',\n        this.handleClick.bind(this)\n      )\n    }\n  }\n\n  /**\n   * Create the HTML for the 'three lights' indicator on the button.\n   *\n   * @private\n   */\n  buildIndicator() {\n    // Build container\n    // Putting `aria-hidden` on it as it won't contain any readable information\n    this.$indicatorContainer = document.createElement('div')\n    this.$indicatorContainer.className = 'govuk-exit-this-page__indicator'\n    this.$indicatorContainer.setAttribute('aria-hidden', 'true')\n\n    // Create three 'lights' and place them within the container\n    for (let i = 0; i < 3; i++) {\n      const $indicator = document.createElement('div')\n      $indicator.className = 'govuk-exit-this-page__indicator-light'\n      this.$indicatorContainer.appendChild($indicator)\n    }\n\n    // Append it all to the module\n    this.$button.appendChild(this.$indicatorContainer)\n  }\n\n  /**\n   * Update whether the lights are visible and which ones are lit up depending on\n   * the value of `keypressCounter`.\n   *\n   * @private\n   */\n  updateIndicator() {\n    if (!this.$indicatorContainer) {\n      return\n    }\n\n    // Show or hide the indicator container depending on keypressCounter value\n    this.$indicatorContainer.classList.toggle(\n      'govuk-exit-this-page__indicator--visible',\n      this.keypressCounter > 0\n    )\n\n    // Turn on only the indicators we want on\n    const $indicators = this.$indicatorContainer.querySelectorAll(\n      '.govuk-exit-this-page__indicator-light'\n    )\n    $indicators.forEach(($indicator, index) => {\n      $indicator.classList.toggle(\n        'govuk-exit-this-page__indicator-light--on',\n        index < this.keypressCounter\n      )\n    })\n  }\n\n  /**\n   * Initiates the redirection away from the current page.\n   * Includes the loading overlay functionality, which covers the current page with a\n   * white overlay so that the contents are not visible during the loading\n   * process. This is particularly important on slow network connections.\n   *\n   * @private\n   */\n  exitPage() {\n    if (!this.$updateSpan) {\n      return\n    }\n\n    this.$updateSpan.textContent = ''\n\n    // Blank the page\n    // As well as creating an overlay with text, we also set the body to hidden\n    // to prevent screen reader and sequential navigation users potentially\n    // navigating through the page behind the overlay during loading\n    document.body.classList.add('govuk-exit-this-page-hide-content')\n    this.$overlay = document.createElement('div')\n    this.$overlay.className = 'govuk-exit-this-page-overlay'\n    this.$overlay.setAttribute('role', 'alert')\n\n    // we do these this way round, thus incurring a second paint, because changing\n    // the element text after adding it means that screen readers pick up the\n    // announcement more reliably.\n    document.body.appendChild(this.$overlay)\n    this.$overlay.textContent = this.i18n.t('activated')\n\n    window.location.href = this.$button.href\n  }\n\n  /**\n   * Pre-activation logic for when the button is clicked/activated via mouse or\n   * pointer.\n   *\n   * We do this to differentiate it from the keyboard activation event because we\n   * need to run `e.preventDefault` as the button or skiplink are both links and we\n   * want to apply some additional logic in `exitPage` before navigating.\n   *\n   * @private\n   * @param {MouseEvent} event - mouse click event\n   */\n  handleClick(event) {\n    event.preventDefault()\n    this.exitPage()\n  }\n\n  /**\n   * Logic for the 'quick escape' keyboard sequence functionality (pressing the\n   * Shift key three times without interruption, within a time limit).\n   *\n   * @private\n   * @param {KeyboardEvent} event - keyup event\n   */\n  handleKeypress(event) {\n    if (!this.$updateSpan) {\n      return\n    }\n\n    // Detect if the 'Shift' key has been pressed. We want to only do things if it\n    // was pressed by itself and not in a combination with another key—so we keep\n    // track of whether the preceding keyup had shiftKey: true on it, and if it\n    // did, we ignore the next Shift keyup event.\n    //\n    // This works because using Shift as a modifier key (e.g. pressing Shift + A)\n    // will fire TWO keyup events, one for A (with e.shiftKey: true) and the other\n    // for Shift (with e.shiftKey: false).\n    if (event.key === 'Shift' && !this.lastKeyWasModified) {\n      this.keypressCounter += 1\n\n      // Update the indicator before the below if statement can reset it back to 0\n      this.updateIndicator()\n\n      // Clear the timeout for the keypress timeout message clearing itself\n      if (this.timeoutMessageId) {\n        window.clearTimeout(this.timeoutMessageId)\n        this.timeoutMessageId = null\n      }\n\n      if (this.keypressCounter >= 3) {\n        this.keypressCounter = 0\n\n        if (this.keypressTimeoutId) {\n          window.clearTimeout(this.keypressTimeoutId)\n          this.keypressTimeoutId = null\n        }\n\n        this.exitPage()\n      } else {\n        if (this.keypressCounter === 1) {\n          this.$updateSpan.textContent = this.i18n.t('pressTwoMoreTimes')\n        } else {\n          this.$updateSpan.textContent = this.i18n.t('pressOneMoreTime')\n        }\n      }\n\n      this.setKeypressTimer()\n    } else if (this.keypressTimeoutId) {\n      // If the user pressed any key other than 'Shift', after having pressed\n      // 'Shift' and activating the timer, stop and reset the timer.\n      this.resetKeypressTimer()\n    }\n\n    // Keep track of whether the Shift modifier key was held during this keypress\n    this.lastKeyWasModified = event.shiftKey\n  }\n\n  /**\n   * Starts the 'quick escape' keyboard sequence timer.\n   *\n   * This can be invoked several times. We want this to be possible so that the\n   * timer is restarted each time the shortcut key is pressed (e.g. the user has\n   * up to n seconds between each keypress, rather than n seconds to invoke the\n   * entire sequence.)\n   *\n   * @private\n   */\n  setKeypressTimer() {\n    // Clear any existing timeout. This is so only one timer is running even if\n    // there are multiple keypresses in quick succession.\n    if (this.keypressTimeoutId) {\n      window.clearTimeout(this.keypressTimeoutId)\n    }\n\n    // Set a fresh timeout\n    this.keypressTimeoutId = window.setTimeout(\n      this.resetKeypressTimer.bind(this),\n      this.timeoutTime\n    )\n  }\n\n  /**\n   * Stops and resets the 'quick escape' keyboard sequence timer.\n   *\n   * @private\n   */\n  resetKeypressTimer() {\n    if (!this.$updateSpan) {\n      return\n    }\n\n    if (this.keypressTimeoutId) {\n      window.clearTimeout(this.keypressTimeoutId)\n      this.keypressTimeoutId = null\n    }\n\n    const $updateSpan = this.$updateSpan\n\n    this.keypressCounter = 0\n    $updateSpan.textContent = this.i18n.t('timedOut')\n\n    this.timeoutMessageId = window.setTimeout(() => {\n      $updateSpan.textContent = ''\n    }, this.timeoutTime)\n\n    this.updateIndicator()\n  }\n\n  /**\n   * Reset the page using the EtP button\n   *\n   * We use this in situations where a user may re-enter a page using the browser\n   * back button. In these cases, the browser can choose to restore the state of\n   * the page as it was previously, including restoring the 'ghost page' overlay,\n   * the announcement span having it's role set to \"alert\" and the keypress\n   * indicator still active, leaving the page in an unusable state.\n   *\n   * By running this check when the page is shown, we can programatically restore\n   * the page and the component to a \"default\" state\n   *\n   * @private\n   */\n  resetPage() {\n    // If an overlay is set, remove it and reset the value\n    document.body.classList.remove('govuk-exit-this-page-hide-content')\n\n    if (this.$overlay) {\n      this.$overlay.remove()\n      this.$overlay = null\n    }\n\n    // Ensure the announcement span's role is status, not alert and clear any text\n    if (this.$updateSpan) {\n      this.$updateSpan.setAttribute('role', 'status')\n      this.$updateSpan.textContent = ''\n    }\n\n    // Sync the keypress indicator lights\n    this.updateIndicator()\n\n    // If the timeouts are active, clear them\n    if (this.keypressTimeoutId) {\n      window.clearTimeout(this.keypressTimeoutId)\n    }\n\n    if (this.timeoutMessageId) {\n      window.clearTimeout(this.timeoutMessageId)\n    }\n  }\n\n  /**\n   * Name for the component used when initialising using data-module attributes.\n   */\n  static moduleName = 'govuk-exit-this-page'\n\n  /**\n   * Exit this page default config\n   *\n   * @see {@link ExitThisPageConfig}\n   * @constant\n   * @type {ExitThisPageConfig}\n   */\n  static defaults = Object.freeze({\n    i18n: {\n      activated: 'Loading.',\n      timedOut: 'Exit this page expired.',\n      pressTwoMoreTimes: 'Shift, press 2 more times to exit.',\n      pressOneMoreTime: 'Shift, press 1 more time to exit.'\n    }\n  })\n\n  /**\n   * Exit this page config schema\n   *\n   * @constant\n   * @satisfies {Schema<ExitThisPageConfig>}\n   */\n  static schema = Object.freeze({\n    properties: {\n      i18n: { type: 'object' }\n    }\n  })\n}\n\n/**\n * Exit this Page config\n *\n * @see {@link ExitThisPage.defaults}\n * @typedef {object} ExitThisPageConfig\n * @property {ExitThisPageTranslations} [i18n=ExitThisPage.defaults.i18n] - Exit this page translations\n */\n\n/**\n * Exit this Page translations\n *\n * @see {@link ExitThisPage.defaults.i18n}\n * @typedef {object} ExitThisPageTranslations\n *\n * Messages used by the component programatically inserted text, including\n * overlay text and screen reader announcements.\n * @property {string} [activated] - Screen reader announcement for when EtP\n *   keypress functionality has been successfully activated.\n * @property {string} [timedOut] - Screen reader announcement for when the EtP\n *   keypress functionality has timed out.\n * @property {string} [pressTwoMoreTimes] - Screen reader announcement informing\n *   the user they must press the activation key two more times.\n * @property {string} [pressOneMoreTime] - Screen reader announcement informing\n *   the user they must press the activation key one more time.\n */\n\n/**\n * @import { Schema } from '../../common/configuration.mjs'\n */\n"],"names":["isInitialised","$root","moduleName","HTMLElement","hasAttribute","isSupported","$scope","document","body","classList","contains","isArray","option","Array","isObject","formatErrorMessage","Component","message","GOVUKFrontendError","Error","constructor","args","name","SupportError","supportMessage","HTMLScriptElement","prototype","ConfigError","ElementError","messageOrOptions","component","identifier","element","expectedType","InitError","componentOrMessage","_$root","childConstructor","elementType","checkSupport","checkInitialised","setAttribute","configOverride","Symbol","for","ConfigurableComponent","param","config","_config","defaults","datasetConfig","normaliseDataset","dataset","mergeConfigs","normaliseString","value","property","trimmedValue","trim","output","outputType","type","includes","length","isFinite","Number","schema","out","entries","Object","properties","entry","namespace","field","toString","extractConfigByNamespace","configObjects","formattedConfigObject","configObject","key","keys","override","newObject","current","keyParts","split","index","I18n","translations","_config$locale","locale","documentElement","lang","t","lookupKey","options","translation","count","translationPluralForm","getPluralSuffix","match","replacePlaceholders","translationString","formatter","Intl","NumberFormat","supportedLocalesOf","undefined","replace","placeholderWithBraces","placeholderKey","hasOwnProperty","call","placeholderValue","format","hasIntlPluralRulesSupport","Boolean","window","PluralRules","preferredForm","select","console","warn","ExitThisPage","i18n","$button","$skiplinkButton","$updateSpan","$indicatorContainer","$overlay","keypressCounter","lastKeyWasModified","timeoutTime","keypressTimeoutId","timeoutMessageId","querySelector","HTMLAnchorElement","buildIndicator","initUpdateSpan","initButtonClickHandler","addEventListener","handleKeypress","bind","govukFrontendExitThisPageKeypress","resetPage","createElement","className","appendChild","handleClick","i","$indicator","updateIndicator","toggle","$indicators","querySelectorAll","forEach","exitPage","textContent","add","location","href","event","preventDefault","clearTimeout","setKeypressTimer","resetKeypressTimer","shiftKey","setTimeout","remove","freeze","activated","timedOut","pressTwoMoreTimes","pressOneMoreTime"],"mappings":"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"}
\ No newline at end of file
diff --git a/app/templates/govuk/components/exit-this-page/exit-this-page.bundle.mjs b/app/templates/govuk/components/exit-this-page/exit-this-page.bundle.mjs
new file mode 100644
index 0000000..4c46039
--- /dev/null
+++ b/app/templates/govuk/components/exit-this-page/exit-this-page.bundle.mjs
@@ -0,0 +1,576 @@
+function isInitialised($root, moduleName) {
+  return $root instanceof HTMLElement && $root.hasAttribute(`data-${moduleName}-init`);
+}
+
+/**
+ * Checks if GOV.UK Frontend is supported on this page
+ *
+ * Some browsers will load and run our JavaScript but GOV.UK Frontend
+ * won't be supported.
+ *
+ * @param {HTMLElement | null} [$scope] - (internal) `<body>` HTML element checked for browser support
+ * @returns {boolean} Whether GOV.UK Frontend is supported on this page
+ */
+function isSupported($scope = document.body) {
+  if (!$scope) {
+    return false;
+  }
+  return $scope.classList.contains('govuk-frontend-supported');
+}
+function isArray(option) {
+  return Array.isArray(option);
+}
+function isObject(option) {
+  return !!option && typeof option === 'object' && !isArray(option);
+}
+function formatErrorMessage(Component, message) {
+  return `${Component.moduleName}: ${message}`;
+}
+/**
+ * @typedef ComponentWithModuleName
+ * @property {string} moduleName - Name of the component
+ */
+
+class GOVUKFrontendError extends Error {
+  constructor(...args) {
+    super(...args);
+    this.name = 'GOVUKFrontendError';
+  }
+}
+class SupportError extends GOVUKFrontendError {
+  /**
+   * Checks if GOV.UK Frontend is supported on this page
+   *
+   * @param {HTMLElement | null} [$scope] - HTML element `<body>` checked for browser support
+   */
+  constructor($scope = document.body) {
+    const supportMessage = 'noModule' in HTMLScriptElement.prototype ? 'GOV.UK Frontend initialised without `<body class="govuk-frontend-supported">` from template `<script>` snippet' : 'GOV.UK Frontend is not supported in this browser';
+    super($scope ? supportMessage : 'GOV.UK Frontend initialised without `<script type="module">`');
+    this.name = 'SupportError';
+  }
+}
+class ConfigError extends GOVUKFrontendError {
+  constructor(...args) {
+    super(...args);
+    this.name = 'ConfigError';
+  }
+}
+class ElementError extends GOVUKFrontendError {
+  constructor(messageOrOptions) {
+    let message = typeof messageOrOptions === 'string' ? messageOrOptions : '';
+    if (isObject(messageOrOptions)) {
+      const {
+        component,
+        identifier,
+        element,
+        expectedType
+      } = messageOrOptions;
+      message = identifier;
+      message += element ? ` is not of type ${expectedType != null ? expectedType : 'HTMLElement'}` : ' not found';
+      if (component) {
+        message = formatErrorMessage(component, message);
+      }
+    }
+    super(message);
+    this.name = 'ElementError';
+  }
+}
+class InitError extends GOVUKFrontendError {
+  constructor(componentOrMessage) {
+    const message = typeof componentOrMessage === 'string' ? componentOrMessage : formatErrorMessage(componentOrMessage, `Root element (\`$root\`) already initialised`);
+    super(message);
+    this.name = 'InitError';
+  }
+}
+/**
+ * @import { ComponentWithModuleName } from '../common/index.mjs'
+ */
+
+class Component {
+  /**
+   * Returns the root element of the component
+   *
+   * @protected
+   * @returns {RootElementType} - the root element of component
+   */
+  get $root() {
+    return this._$root;
+  }
+  constructor($root) {
+    this._$root = void 0;
+    const childConstructor = this.constructor;
+    if (typeof childConstructor.moduleName !== 'string') {
+      throw new InitError(`\`moduleName\` not defined in component`);
+    }
+    if (!($root instanceof childConstructor.elementType)) {
+      throw new ElementError({
+        element: $root,
+        component: childConstructor,
+        identifier: 'Root element (`$root`)',
+        expectedType: childConstructor.elementType.name
+      });
+    } else {
+      this._$root = $root;
+    }
+    childConstructor.checkSupport();
+    this.checkInitialised();
+    const moduleName = childConstructor.moduleName;
+    this.$root.setAttribute(`data-${moduleName}-init`, '');
+  }
+  checkInitialised() {
+    const constructor = this.constructor;
+    const moduleName = constructor.moduleName;
+    if (moduleName && isInitialised(this.$root, moduleName)) {
+      throw new InitError(constructor);
+    }
+  }
+  static checkSupport() {
+    if (!isSupported()) {
+      throw new SupportError();
+    }
+  }
+}
+
+/**
+ * @typedef ChildClass
+ * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component
+ */
+
+/**
+ * @typedef {typeof Component & ChildClass} ChildClassConstructor
+ */
+Component.elementType = HTMLElement;
+
+const configOverride = Symbol.for('configOverride');
+class ConfigurableComponent extends Component {
+  [configOverride](param) {
+    return {};
+  }
+
+  /**
+   * Returns the root element of the component
+   *
+   * @protected
+   * @returns {ConfigurationType} - the root element of component
+   */
+  get config() {
+    return this._config;
+  }
+  constructor($root, config) {
+    super($root);
+    this._config = void 0;
+    const childConstructor = this.constructor;
+    if (!isObject(childConstructor.defaults)) {
+      throw new ConfigError(formatErrorMessage(childConstructor, 'Config passed as parameter into constructor but no defaults defined'));
+    }
+    const datasetConfig = normaliseDataset(childConstructor, this._$root.dataset);
+    this._config = mergeConfigs(childConstructor.defaults, config != null ? config : {}, this[configOverride](datasetConfig), datasetConfig);
+  }
+}
+function normaliseString(value, property) {
+  const trimmedValue = value ? value.trim() : '';
+  let output;
+  let outputType = property == null ? void 0 : property.type;
+  if (!outputType) {
+    if (['true', 'false'].includes(trimmedValue)) {
+      outputType = 'boolean';
+    }
+    if (trimmedValue.length > 0 && isFinite(Number(trimmedValue))) {
+      outputType = 'number';
+    }
+  }
+  switch (outputType) {
+    case 'boolean':
+      output = trimmedValue === 'true';
+      break;
+    case 'number':
+      output = Number(trimmedValue);
+      break;
+    default:
+      output = value;
+  }
+  return output;
+}
+function normaliseDataset(Component, dataset) {
+  if (!isObject(Component.schema)) {
+    throw new ConfigError(formatErrorMessage(Component, 'Config passed as parameter into constructor but no schema defined'));
+  }
+  const out = {};
+  const entries = Object.entries(Component.schema.properties);
+  for (const entry of entries) {
+    const [namespace, property] = entry;
+    const field = namespace.toString();
+    if (field in dataset) {
+      out[field] = normaliseString(dataset[field], property);
+    }
+    if ((property == null ? void 0 : property.type) === 'object') {
+      out[field] = extractConfigByNamespace(Component.schema, dataset, namespace);
+    }
+  }
+  return out;
+}
+function mergeConfigs(...configObjects) {
+  const formattedConfigObject = {};
+  for (const configObject of configObjects) {
+    for (const key of Object.keys(configObject)) {
+      const option = formattedConfigObject[key];
+      const override = configObject[key];
+      if (isObject(option) && isObject(override)) {
+        formattedConfigObject[key] = mergeConfigs(option, override);
+      } else {
+        formattedConfigObject[key] = override;
+      }
+    }
+  }
+  return formattedConfigObject;
+}
+function extractConfigByNamespace(schema, dataset, namespace) {
+  const property = schema.properties[namespace];
+  if ((property == null ? void 0 : property.type) !== 'object') {
+    return;
+  }
+  const newObject = {
+    [namespace]: {}
+  };
+  for (const [key, value] of Object.entries(dataset)) {
+    let current = newObject;
+    const keyParts = key.split('.');
+    for (const [index, name] of keyParts.entries()) {
+      if (isObject(current)) {
+        if (index < keyParts.length - 1) {
+          if (!isObject(current[name])) {
+            current[name] = {};
+          }
+          current = current[name];
+        } else if (key !== namespace) {
+          current[name] = normaliseString(value);
+        }
+      }
+    }
+  }
+  return newObject[namespace];
+}
+/**
+ * Schema for component config
+ *
+ * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType
+ * @typedef {object} Schema
+ * @property {Record<keyof ConfigurationType, SchemaProperty | undefined>} properties - Schema properties
+ * @property {SchemaCondition<ConfigurationType>[]} [anyOf] - List of schema conditions
+ */
+/**
+ * Schema property for component config
+ *
+ * @typedef {object} SchemaProperty
+ * @property {'string' | 'boolean' | 'number' | 'object'} type - Property type
+ */
+/**
+ * Schema condition for component config
+ *
+ * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType
+ * @typedef {object} SchemaCondition
+ * @property {(keyof ConfigurationType)[]} required - List of required config fields
+ * @property {string} errorMessage - Error message when required config fields not provided
+ */
+/**
+ * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]
+ * @typedef ChildClass
+ * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component
+ * @property {Schema<ConfigurationType>} [schema] - The schema of the component configuration
+ * @property {ConfigurationType} [defaults] - The default values of the configuration of the component
+ */
+/**
+ * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]
+ * @typedef {typeof Component & ChildClass<ConfigurationType>} ChildClassConstructor<ConfigurationType>
+ */
+/**
+ * @import { CompatibleClass, Config, CreateAllOptions, OnErrorCallback } from '../init.mjs'
+ */
+
+class I18n {
+  constructor(translations = {}, config = {}) {
+    var _config$locale;
+    this.translations = void 0;
+    this.locale = void 0;
+    this.translations = translations;
+    this.locale = (_config$locale = config.locale) != null ? _config$locale : document.documentElement.lang || 'en';
+  }
+  t(lookupKey, options) {
+    if (!lookupKey) {
+      throw new Error('i18n: lookup key missing');
+    }
+    let translation = this.translations[lookupKey];
+    if (typeof (options == null ? void 0 : options.count) === 'number' && isObject(translation)) {
+      const translationPluralForm = translation[this.getPluralSuffix(lookupKey, options.count)];
+      if (translationPluralForm) {
+        translation = translationPluralForm;
+      }
+    }
+    if (typeof translation === 'string') {
+      if (translation.match(/%{(.\S+)}/)) {
+        if (!options) {
+          throw new Error('i18n: cannot replace placeholders in string if no option data provided');
+        }
+        return this.replacePlaceholders(translation, options);
+      }
+      return translation;
+    }
+    return lookupKey;
+  }
+  replacePlaceholders(translationString, options) {
+    const formatter = Intl.NumberFormat.supportedLocalesOf(this.locale).length ? new Intl.NumberFormat(this.locale) : undefined;
+    return translationString.replace(/%{(.\S+)}/g, function (placeholderWithBraces, placeholderKey) {
+      if (Object.prototype.hasOwnProperty.call(options, placeholderKey)) {
+        const placeholderValue = options[placeholderKey];
+        if (placeholderValue === false || typeof placeholderValue !== 'number' && typeof placeholderValue !== 'string') {
+          return '';
+        }
+        if (typeof placeholderValue === 'number') {
+          return formatter ? formatter.format(placeholderValue) : `${placeholderValue}`;
+        }
+        return placeholderValue;
+      }
+      throw new Error(`i18n: no data found to replace ${placeholderWithBraces} placeholder in string`);
+    });
+  }
+  hasIntlPluralRulesSupport() {
+    return Boolean('PluralRules' in window.Intl && Intl.PluralRules.supportedLocalesOf(this.locale).length);
+  }
+  getPluralSuffix(lookupKey, count) {
+    count = Number(count);
+    if (!isFinite(count)) {
+      return 'other';
+    }
+    const translation = this.translations[lookupKey];
+    const preferredForm = this.hasIntlPluralRulesSupport() ? new Intl.PluralRules(this.locale).select(count) : 'other';
+    if (isObject(translation)) {
+      if (preferredForm in translation) {
+        return preferredForm;
+      } else if ('other' in translation) {
+        console.warn(`i18n: Missing plural form ".${preferredForm}" for "${this.locale}" locale. Falling back to ".other".`);
+        return 'other';
+      }
+    }
+    throw new Error(`i18n: Plural form ".other" is required for "${this.locale}" locale`);
+  }
+}
+
+/**
+ * Exit this page component
+ *
+ * @preserve
+ * @augments ConfigurableComponent<ExitThisPageConfig>
+ */
+class ExitThisPage extends ConfigurableComponent {
+  /**
+   * @param {Element | null} $root - HTML element that wraps the Exit This Page button
+   * @param {ExitThisPageConfig} [config] - Exit This Page config
+   */
+  constructor($root, config = {}) {
+    super($root, config);
+    this.i18n = void 0;
+    this.$button = void 0;
+    this.$skiplinkButton = null;
+    this.$updateSpan = null;
+    this.$indicatorContainer = null;
+    this.$overlay = null;
+    this.keypressCounter = 0;
+    this.lastKeyWasModified = false;
+    this.timeoutTime = 5000;
+    this.keypressTimeoutId = null;
+    this.timeoutMessageId = null;
+    const $button = this.$root.querySelector('.govuk-exit-this-page__button');
+    if (!($button instanceof HTMLAnchorElement)) {
+      throw new ElementError({
+        component: ExitThisPage,
+        element: $button,
+        expectedType: 'HTMLAnchorElement',
+        identifier: 'Button (`.govuk-exit-this-page__button`)'
+      });
+    }
+    this.i18n = new I18n(this.config.i18n);
+    this.$button = $button;
+    const $skiplinkButton = document.querySelector('.govuk-js-exit-this-page-skiplink');
+    if ($skiplinkButton instanceof HTMLAnchorElement) {
+      this.$skiplinkButton = $skiplinkButton;
+    }
+    this.buildIndicator();
+    this.initUpdateSpan();
+    this.initButtonClickHandler();
+    if (!('govukFrontendExitThisPageKeypress' in document.body.dataset)) {
+      document.addEventListener('keyup', this.handleKeypress.bind(this), true);
+      document.body.dataset.govukFrontendExitThisPageKeypress = 'true';
+    }
+    window.addEventListener('pageshow', this.resetPage.bind(this));
+  }
+  initUpdateSpan() {
+    this.$updateSpan = document.createElement('span');
+    this.$updateSpan.setAttribute('role', 'status');
+    this.$updateSpan.className = 'govuk-visually-hidden';
+    this.$root.appendChild(this.$updateSpan);
+  }
+  initButtonClickHandler() {
+    this.$button.addEventListener('click', this.handleClick.bind(this));
+    if (this.$skiplinkButton) {
+      this.$skiplinkButton.addEventListener('click', this.handleClick.bind(this));
+    }
+  }
+  buildIndicator() {
+    this.$indicatorContainer = document.createElement('div');
+    this.$indicatorContainer.className = 'govuk-exit-this-page__indicator';
+    this.$indicatorContainer.setAttribute('aria-hidden', 'true');
+    for (let i = 0; i < 3; i++) {
+      const $indicator = document.createElement('div');
+      $indicator.className = 'govuk-exit-this-page__indicator-light';
+      this.$indicatorContainer.appendChild($indicator);
+    }
+    this.$button.appendChild(this.$indicatorContainer);
+  }
+  updateIndicator() {
+    if (!this.$indicatorContainer) {
+      return;
+    }
+    this.$indicatorContainer.classList.toggle('govuk-exit-this-page__indicator--visible', this.keypressCounter > 0);
+    const $indicators = this.$indicatorContainer.querySelectorAll('.govuk-exit-this-page__indicator-light');
+    $indicators.forEach(($indicator, index) => {
+      $indicator.classList.toggle('govuk-exit-this-page__indicator-light--on', index < this.keypressCounter);
+    });
+  }
+  exitPage() {
+    if (!this.$updateSpan) {
+      return;
+    }
+    this.$updateSpan.textContent = '';
+    document.body.classList.add('govuk-exit-this-page-hide-content');
+    this.$overlay = document.createElement('div');
+    this.$overlay.className = 'govuk-exit-this-page-overlay';
+    this.$overlay.setAttribute('role', 'alert');
+    document.body.appendChild(this.$overlay);
+    this.$overlay.textContent = this.i18n.t('activated');
+    window.location.href = this.$button.href;
+  }
+  handleClick(event) {
+    event.preventDefault();
+    this.exitPage();
+  }
+  handleKeypress(event) {
+    if (!this.$updateSpan) {
+      return;
+    }
+    if (event.key === 'Shift' && !this.lastKeyWasModified) {
+      this.keypressCounter += 1;
+      this.updateIndicator();
+      if (this.timeoutMessageId) {
+        window.clearTimeout(this.timeoutMessageId);
+        this.timeoutMessageId = null;
+      }
+      if (this.keypressCounter >= 3) {
+        this.keypressCounter = 0;
+        if (this.keypressTimeoutId) {
+          window.clearTimeout(this.keypressTimeoutId);
+          this.keypressTimeoutId = null;
+        }
+        this.exitPage();
+      } else {
+        if (this.keypressCounter === 1) {
+          this.$updateSpan.textContent = this.i18n.t('pressTwoMoreTimes');
+        } else {
+          this.$updateSpan.textContent = this.i18n.t('pressOneMoreTime');
+        }
+      }
+      this.setKeypressTimer();
+    } else if (this.keypressTimeoutId) {
+      this.resetKeypressTimer();
+    }
+    this.lastKeyWasModified = event.shiftKey;
+  }
+  setKeypressTimer() {
+    if (this.keypressTimeoutId) {
+      window.clearTimeout(this.keypressTimeoutId);
+    }
+    this.keypressTimeoutId = window.setTimeout(this.resetKeypressTimer.bind(this), this.timeoutTime);
+  }
+  resetKeypressTimer() {
+    if (!this.$updateSpan) {
+      return;
+    }
+    if (this.keypressTimeoutId) {
+      window.clearTimeout(this.keypressTimeoutId);
+      this.keypressTimeoutId = null;
+    }
+    const $updateSpan = this.$updateSpan;
+    this.keypressCounter = 0;
+    $updateSpan.textContent = this.i18n.t('timedOut');
+    this.timeoutMessageId = window.setTimeout(() => {
+      $updateSpan.textContent = '';
+    }, this.timeoutTime);
+    this.updateIndicator();
+  }
+  resetPage() {
+    document.body.classList.remove('govuk-exit-this-page-hide-content');
+    if (this.$overlay) {
+      this.$overlay.remove();
+      this.$overlay = null;
+    }
+    if (this.$updateSpan) {
+      this.$updateSpan.setAttribute('role', 'status');
+      this.$updateSpan.textContent = '';
+    }
+    this.updateIndicator();
+    if (this.keypressTimeoutId) {
+      window.clearTimeout(this.keypressTimeoutId);
+    }
+    if (this.timeoutMessageId) {
+      window.clearTimeout(this.timeoutMessageId);
+    }
+  }
+}
+
+/**
+ * Exit this Page config
+ *
+ * @see {@link ExitThisPage.defaults}
+ * @typedef {object} ExitThisPageConfig
+ * @property {ExitThisPageTranslations} [i18n=ExitThisPage.defaults.i18n] - Exit this page translations
+ */
+
+/**
+ * Exit this Page translations
+ *
+ * @see {@link ExitThisPage.defaults.i18n}
+ * @typedef {object} ExitThisPageTranslations
+ *
+ * Messages used by the component programatically inserted text, including
+ * overlay text and screen reader announcements.
+ * @property {string} [activated] - Screen reader announcement for when EtP
+ *   keypress functionality has been successfully activated.
+ * @property {string} [timedOut] - Screen reader announcement for when the EtP
+ *   keypress functionality has timed out.
+ * @property {string} [pressTwoMoreTimes] - Screen reader announcement informing
+ *   the user they must press the activation key two more times.
+ * @property {string} [pressOneMoreTime] - Screen reader announcement informing
+ *   the user they must press the activation key one more time.
+ */
+
+/**
+ * @import { Schema } from '../../common/configuration.mjs'
+ */
+ExitThisPage.moduleName = 'govuk-exit-this-page';
+ExitThisPage.defaults = Object.freeze({
+  i18n: {
+    activated: 'Loading.',
+    timedOut: 'Exit this page expired.',
+    pressTwoMoreTimes: 'Shift, press 2 more times to exit.',
+    pressOneMoreTime: 'Shift, press 1 more time to exit.'
+  }
+});
+ExitThisPage.schema = Object.freeze({
+  properties: {
+    i18n: {
+      type: 'object'
+    }
+  }
+});
+
+export { ExitThisPage };
+//# sourceMappingURL=exit-this-page.bundle.mjs.map
diff --git a/app/templates/govuk/components/exit-this-page/exit-this-page.bundle.mjs.map b/app/templates/govuk/components/exit-this-page/exit-this-page.bundle.mjs.map
new file mode 100644
index 0000000..b8d5edc
--- /dev/null
+++ b/app/templates/govuk/components/exit-this-page/exit-this-page.bundle.mjs.map
@@ -0,0 +1 @@
+{"version":3,"file":"exit-this-page.bundle.mjs","sources":["../../../../src/govuk/common/index.mjs","../../../../src/govuk/errors/index.mjs","../../../../src/govuk/component.mjs","../../../../src/govuk/common/configuration.mjs","../../../../src/govuk/i18n.mjs","../../../../src/govuk/components/exit-this-page/exit-this-page.mjs"],"sourcesContent":["/**\n * Common helpers which do not require polyfill.\n *\n * IMPORTANT: If a helper require a polyfill, please isolate it in its own module\n * so that the polyfill can be properly tree-shaken and does not burden\n * the components that do not need that helper\n */\n\n/**\n * Get GOV.UK Frontend breakpoint value from CSS custom property\n *\n * @private\n * @param {string} name - Breakpoint name\n * @returns {{ property: string, value?: string }} Breakpoint object\n */\nexport function getBreakpoint(name) {\n  const property = `--govuk-breakpoint-${name}`\n\n  // Get value from `<html>` with breakpoints on CSS :root\n  const value = window\n    .getComputedStyle(document.documentElement)\n    .getPropertyValue(property)\n\n  return {\n    property,\n    value: value || undefined\n  }\n}\n\n/**\n * Move focus to element\n *\n * Sets tabindex to -1 to make the element programmatically focusable,\n * but removes it on blur as the element doesn't need to be focused again.\n *\n * @private\n * @template {HTMLElement} FocusElement\n * @param {FocusElement} $element - HTML element\n * @param {object} [options] - Handler options\n * @param {function(this: FocusElement): void} [options.onBeforeFocus] - Callback before focus\n * @param {function(this: FocusElement): void} [options.onBlur] - Callback on blur\n */\nexport function setFocus($element, options = {}) {\n  const isFocusable = $element.getAttribute('tabindex')\n\n  if (!isFocusable) {\n    $element.setAttribute('tabindex', '-1')\n  }\n\n  /**\n   * Handle element focus\n   */\n  function onFocus() {\n    $element.addEventListener('blur', onBlur, { once: true })\n  }\n\n  /**\n   * Handle element blur\n   */\n  function onBlur() {\n    options.onBlur?.call($element)\n\n    if (!isFocusable) {\n      $element.removeAttribute('tabindex')\n    }\n  }\n\n  // Add listener to reset element on blur, after focus\n  $element.addEventListener('focus', onFocus, { once: true })\n\n  // Focus element\n  options.onBeforeFocus?.call($element)\n  $element.focus()\n}\n\n/**\n * Checks if component is already initialised\n *\n * @internal\n * @param {Element} $root - HTML element to be checked\n * @param {string} moduleName - name of component module\n * @returns {boolean} Whether component is already initialised\n */\nexport function isInitialised($root, moduleName) {\n  return (\n    $root instanceof HTMLElement &&\n    $root.hasAttribute(`data-${moduleName}-init`)\n  )\n}\n\n/**\n * Checks if GOV.UK Frontend is supported on this page\n *\n * Some browsers will load and run our JavaScript but GOV.UK Frontend\n * won't be supported.\n *\n * @param {HTMLElement | null} [$scope] - (internal) `<body>` HTML element checked for browser support\n * @returns {boolean} Whether GOV.UK Frontend is supported on this page\n */\nexport function isSupported($scope = document.body) {\n  if (!$scope) {\n    return false\n  }\n\n  return $scope.classList.contains('govuk-frontend-supported')\n}\n\n/**\n * Check for an array\n *\n * @internal\n * @param {unknown} option - Option to check\n * @returns {boolean} Whether the option is an array\n */\nfunction isArray(option) {\n  return Array.isArray(option)\n}\n\n/**\n * Check for an object\n *\n * @internal\n * @template {Partial<Record<keyof ObjectType, unknown>>} ObjectType\n * @param {unknown | ObjectType} option - Option to check\n * @returns {option is ObjectType} Whether the option is an object\n */\nexport function isObject(option) {\n  return !!option && typeof option === 'object' && !isArray(option)\n}\n\n/**\n * Check for valid scope\n *\n * @internal\n * @template {Element | Document} ScopeType\n * @param {unknown | ScopeType} $scope - Scope of the document to search within\n * @returns {$scope is ScopeType} Whether the scope can be queried\n */\nexport function isScope($scope) {\n  return !!$scope && ($scope instanceof Element || $scope instanceof Document)\n}\n\n/**\n * Format error message\n *\n * @internal\n * @param {ComponentWithModuleName} Component - Component that threw the error\n * @param {string} message - Error message\n * @returns {string} - Formatted error message\n */\nexport function formatErrorMessage(Component, message) {\n  return `${Component.moduleName}: ${message}`\n}\n\n/* eslint-disable jsdoc/valid-types --\n * `{new(...args: any[] ): object}` is not recognised as valid\n * https://github.com/gajus/eslint-plugin-jsdoc/issues/145#issuecomment-1308722878\n * https://github.com/jsdoc-type-pratt-parser/jsdoc-type-pratt-parser/issues/131\n **/\n\n/**\n * @typedef ComponentWithModuleName\n * @property {string} moduleName - Name of the component\n */\n\n/* eslint-enable jsdoc/valid-types */\n","import { formatErrorMessage, isObject } from '../common/index.mjs'\n\n/**\n * GOV.UK Frontend error\n *\n * A base class for `Error`s thrown by GOV.UK Frontend.\n *\n * It is meant to be extended into specific types of errors\n * to be thrown by our code.\n *\n * @example\n * ```js\n * class MissingRootError extends GOVUKFrontendError {\n *   // Setting an explicit name is important as extending the class will not\n *   // set a new `name` on the subclass. The `name` property is important\n *   // to ensure intelligible error names even if the class name gets\n *   // mangled by a minifier\n *   name = \"MissingRootError\"\n * }\n * ```\n * @virtual\n */\nexport class GOVUKFrontendError extends Error {\n  name = 'GOVUKFrontendError'\n}\n\n/**\n * Indicates that GOV.UK Frontend is not supported\n */\nexport class SupportError extends GOVUKFrontendError {\n  name = 'SupportError'\n\n  /**\n   * Checks if GOV.UK Frontend is supported on this page\n   *\n   * @param {HTMLElement | null} [$scope] - HTML element `<body>` checked for browser support\n   */\n  constructor($scope = document.body) {\n    const supportMessage =\n      'noModule' in HTMLScriptElement.prototype\n        ? 'GOV.UK Frontend initialised without `<body class=\"govuk-frontend-supported\">` from template `<script>` snippet'\n        : 'GOV.UK Frontend is not supported in this browser'\n\n    super(\n      $scope\n        ? supportMessage\n        : 'GOV.UK Frontend initialised without `<script type=\"module\">`'\n    )\n  }\n}\n\n/**\n * Indicates that a component has received an illegal configuration\n */\nexport class ConfigError extends GOVUKFrontendError {\n  name = 'ConfigError'\n}\n\n/**\n * Indicates an issue with an element (possibly `null` or `undefined`)\n */\nexport class ElementError extends GOVUKFrontendError {\n  name = 'ElementError'\n\n  /**\n   * @internal\n   * @overload\n   * @param {string} message - Element error message\n   */\n\n  /**\n   * @internal\n   * @overload\n   * @param {ElementErrorOptions} options - Element error options\n   */\n\n  /**\n   * @internal\n   * @param {string | ElementErrorOptions} messageOrOptions - Element error message or options\n   */\n  constructor(messageOrOptions) {\n    let message = typeof messageOrOptions === 'string' ? messageOrOptions : ''\n\n    // Build message from options\n    if (isObject(messageOrOptions)) {\n      const { component, identifier, element, expectedType } = messageOrOptions\n\n      message = identifier\n\n      // Append reason\n      message += element\n        ? ` is not of type ${expectedType ?? 'HTMLElement'}`\n        : ' not found'\n\n      // Prepend with module name (optional)\n      if (component) {\n        message = formatErrorMessage(component, message)\n      }\n    }\n\n    super(message)\n  }\n}\n\n/**\n * Indicates that a component is already initialised\n */\nexport class InitError extends GOVUKFrontendError {\n  name = 'InitError'\n\n  /**\n   * @internal\n   * @param {ComponentWithModuleName | string} componentOrMessage - name of the component module\n   */\n  constructor(componentOrMessage) {\n    const message =\n      typeof componentOrMessage === 'string'\n        ? componentOrMessage\n        : formatErrorMessage(\n            componentOrMessage,\n            `Root element (\\`$root\\`) already initialised`\n          )\n\n    super(message)\n  }\n}\n\n/**\n * Element error options\n *\n * @internal\n * @typedef {object} ElementErrorOptions\n * @property {Element | Document | null} [element] - The element in error (optional)\n * @property {ComponentWithModuleName} [component] - Component throwing the error (optional)\n * @property {string} identifier - An identifier that'll let the user understand which element has an error. This is whatever makes the most sense\n * @property {string} [expectedType] - The type that was expected for the identifier (optional)\n */\n\n/**\n * @import { ComponentWithModuleName } from '../common/index.mjs'\n */\n","import { isInitialised, isSupported } from './common/index.mjs'\nimport { ElementError, InitError, SupportError } from './errors/index.mjs'\n\n/**\n * Base Component class\n *\n * Centralises the behaviours shared by our components\n *\n * @virtual\n * @template {Element} [RootElementType=HTMLElement]\n */\nexport class Component {\n  /**\n   * @type {typeof Element}\n   */\n  static elementType = HTMLElement\n\n  // allows Typescript user to work around the lack of types\n  // in GOVUKFrontend package, Typescript is not aware of $root\n  // in components that extend GOVUKFrontendComponent\n  /**\n   * Returns the root element of the component\n   *\n   * @protected\n   * @returns {RootElementType} - the root element of component\n   */\n  get $root() {\n    return this._$root\n  }\n\n  /**\n   * @protected\n   * @type {RootElementType}\n   */\n  _$root\n\n  /**\n   * Constructs a new component, validating that GOV.UK Frontend is supported\n   *\n   * @internal\n   * @param {Element | null} [$root] - HTML element to use for component\n   */\n  constructor($root) {\n    const childConstructor = /** @type {ChildClassConstructor} */ (\n      this.constructor\n    )\n\n    // TypeScript does not enforce that inheriting classes will define a `moduleName`\n    // (even if we add a `@virtual` `static moduleName` property to this class).\n    // While we trust users to do this correctly, we do a little check to provide them\n    // a helpful error message.\n    //\n    // After this, we'll be sure that `childConstructor` has a `moduleName`\n    // as expected of the `ChildClassConstructor` we've cast `this.constructor` to.\n    if (typeof childConstructor.moduleName !== 'string') {\n      throw new InitError(`\\`moduleName\\` not defined in component`)\n    }\n\n    if (!($root instanceof childConstructor.elementType)) {\n      throw new ElementError({\n        element: $root,\n        component: childConstructor,\n        identifier: 'Root element (`$root`)',\n        expectedType: childConstructor.elementType.name\n      })\n    } else {\n      this._$root = /** @type {RootElementType} */ ($root)\n    }\n\n    childConstructor.checkSupport()\n\n    this.checkInitialised()\n\n    const moduleName = childConstructor.moduleName\n\n    this.$root.setAttribute(`data-${moduleName}-init`, '')\n  }\n\n  /**\n   * Validates whether component is already initialised\n   *\n   * @private\n   * @throws {InitError} when component is already initialised\n   */\n  checkInitialised() {\n    const constructor = /** @type {ChildClassConstructor} */ (this.constructor)\n    const moduleName = constructor.moduleName\n\n    if (moduleName && isInitialised(this.$root, moduleName)) {\n      throw new InitError(constructor)\n    }\n  }\n\n  /**\n   * Validates whether components are supported\n   *\n   * @throws {SupportError} when the components are not supported\n   */\n  static checkSupport() {\n    if (!isSupported()) {\n      throw new SupportError()\n    }\n  }\n}\n\n/**\n * @typedef ChildClass\n * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component\n */\n\n/**\n * @typedef {typeof Component & ChildClass} ChildClassConstructor\n */\n","import { Component } from '../component.mjs'\nimport { ConfigError } from '../errors/index.mjs'\n\nimport { isObject, isScope, formatErrorMessage } from './index.mjs'\n\nexport const configOverride = Symbol.for('configOverride')\n\n/**\n * Base Component class\n *\n * Centralises the behaviours shared by our components\n *\n * @virtual\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]\n * @template {Element & { dataset: DOMStringMap }} [RootElementType=HTMLElement]\n * @augments Component<RootElementType>\n */\nexport class ConfigurableComponent extends Component {\n  /**\n   * configOverride\n   *\n   * Function which defines configuration overrides to prioritize\n   * properties from the root element's dataset.\n   *\n   * It should take a subset of configuration as input and return\n   * a new configuration object with properties that should be\n   * overridden based on the root element's dataset. A Symbol\n   * is used for indexing to prevent conflicts.\n   *\n   * @internal\n   * @virtual\n   * @param {Partial<ConfigurationType>} [param] - Configuration object\n   * @returns {Partial<ConfigurationType>} return - Configuration object\n   */\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  [configOverride](param) {\n    return {}\n  }\n\n  /**\n   * Returns the root element of the component\n   *\n   * @protected\n   * @returns {ConfigurationType} - the root element of component\n   */\n  get config() {\n    return this._config\n  }\n\n  /**\n   *\n   * @type {ConfigurationType}\n   */\n  _config\n\n  /**\n   * Constructs a new component, validating that GOV.UK Frontend is supported\n   *\n   * @internal\n   * @param {Element | null} [$root] - HTML element to use for component\n   * @param {ConfigurationType} [config] - HTML element to use for component\n   */\n  constructor($root, config) {\n    super($root)\n\n    const childConstructor =\n      /** @type {ChildClassConstructor<ConfigurationType>} */ (this.constructor)\n\n    if (!isObject(childConstructor.defaults)) {\n      throw new ConfigError(\n        formatErrorMessage(\n          childConstructor,\n          'Config passed as parameter into constructor but no defaults defined'\n        )\n      )\n    }\n\n    const datasetConfig = /** @type {ConfigurationType} */ (\n      normaliseDataset(childConstructor, this._$root.dataset)\n    )\n\n    this._config = /** @type {ConfigurationType} */ (\n      mergeConfigs(\n        childConstructor.defaults,\n        config ?? {},\n        this[configOverride](datasetConfig),\n        datasetConfig\n      )\n    )\n  }\n}\n\n/**\n * Normalise string\n *\n * 'If it looks like a duck, and it quacks like a duck…' 🦆\n *\n * If the passed value looks like a boolean or a number, convert it to a boolean\n * or number.\n *\n * Designed to be used to convert config passed via data attributes (which are\n * always strings) into something sensible.\n *\n * @internal\n * @param {DOMStringMap[string]} value - The value to normalise\n * @param {SchemaProperty} [property] - Component schema property\n * @returns {string | boolean | number | undefined} Normalised data\n */\nexport function normaliseString(value, property) {\n  const trimmedValue = value ? value.trim() : ''\n\n  let output\n  let outputType = property?.type\n\n  // No schema type set? Determine automatically\n  if (!outputType) {\n    if (['true', 'false'].includes(trimmedValue)) {\n      outputType = 'boolean'\n    }\n\n    // Empty / whitespace-only strings are considered finite so we need to check\n    // the length of the trimmed string as well\n    if (trimmedValue.length > 0 && isFinite(Number(trimmedValue))) {\n      outputType = 'number'\n    }\n  }\n\n  switch (outputType) {\n    case 'boolean':\n      output = trimmedValue === 'true'\n      break\n\n    case 'number':\n      output = Number(trimmedValue)\n      break\n\n    default:\n      output = value\n  }\n\n  return output\n}\n\n/**\n * Normalise dataset\n *\n * Loop over an object and normalise each value using {@link normaliseString},\n * optionally expanding nested `i18n.field`\n *\n * @internal\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @template {[keyof ConfigurationType, SchemaProperty | undefined][]} SchemaEntryType\n * @param {{ schema?: Schema<ConfigurationType>, moduleName: string }} Component - Component class\n * @param {DOMStringMap} dataset - HTML element dataset\n * @returns {ObjectNested} Normalised dataset\n */\nexport function normaliseDataset(Component, dataset) {\n  if (!isObject(Component.schema)) {\n    throw new ConfigError(\n      formatErrorMessage(\n        Component,\n        'Config passed as parameter into constructor but no schema defined'\n      )\n    )\n  }\n\n  const out = /** @type {ObjectNested} */ ({})\n  const entries = /** @type {SchemaEntryType} */ (\n    Object.entries(Component.schema.properties)\n  )\n\n  // Normalise top-level dataset ('data-*') values using schema types\n  for (const entry of entries) {\n    const [namespace, property] = entry\n\n    // Cast the `namespace` to string so it can be used to access the dataset\n    const field = namespace.toString()\n\n    if (field in dataset) {\n      out[field] = normaliseString(dataset[field], property)\n    }\n\n    /**\n     * Extract and normalise nested object values automatically using\n     * {@link normaliseString} but only schema object types are allowed\n     */\n    if (property?.type === 'object') {\n      out[field] = extractConfigByNamespace(\n        Component.schema,\n        dataset,\n        namespace\n      )\n    }\n  }\n\n  return out\n}\n\n/**\n * Normalise options passed to `initAll` or `createAll`\n *\n * @internal\n * @template {CompatibleClass} ComponentClass\n * @param {Config | CreateAllOptions<ComponentClass> | OnErrorCallback<ComponentClass> | Element | Document | null} [scopeOrOptions] - Scope of the document to search within, initialisation options or error callback function\n * @returns {CreateAllOptions<ComponentClass>} Normalised options\n */\nexport function normaliseOptions(scopeOrOptions) {\n  let /** @type {Element | Document | null} */ $scope = document\n  let /** @type {OnErrorCallback<ComponentClass> | undefined} */ onError\n\n  // Handle options object\n  if (isObject(scopeOrOptions)) {\n    const options = scopeOrOptions\n\n    // Scope must be valid or null\n    if (isScope(options.scope) || options.scope === null) {\n      $scope = options.scope\n    }\n\n    // Error handler must be a function\n    if (typeof options.onError === 'function') {\n      onError = options.onError\n    }\n  }\n\n  if (isScope(scopeOrOptions)) {\n    $scope = scopeOrOptions\n  } else if (scopeOrOptions === null) {\n    $scope = null\n  } else if (typeof scopeOrOptions === 'function') {\n    onError = scopeOrOptions\n  }\n\n  return {\n    scope: $scope,\n    onError\n  }\n}\n\n/**\n * Config merging function\n *\n * Takes any number of objects and combines them together, with\n * greatest priority on the LAST item passed in.\n *\n * @internal\n * @param {...{ [key: string]: unknown }} configObjects - Config objects to merge\n * @returns {{ [key: string]: unknown }} A merged config object\n */\nexport function mergeConfigs(...configObjects) {\n  // Start with an empty object as our base\n  /** @type {{ [key: string]: unknown }} */\n  const formattedConfigObject = {}\n\n  // Loop through each of the passed objects\n  for (const configObject of configObjects) {\n    for (const key of Object.keys(configObject)) {\n      const option = formattedConfigObject[key]\n      const override = configObject[key]\n\n      // Push their keys one-by-one into formattedConfigObject. Any duplicate\n      // keys with object values will be merged, otherwise the new value will\n      // override the existing value.\n      if (isObject(option) && isObject(override)) {\n        formattedConfigObject[key] = mergeConfigs(option, override)\n      } else {\n        // Apply override\n        formattedConfigObject[key] = override\n      }\n    }\n  }\n\n  return formattedConfigObject\n}\n\n/**\n * Validate component config by schema\n *\n * Follows limited examples in JSON schema for wider support in future\n *\n * {@link https://ajv.js.org/json-schema.html#compound-keywords}\n * {@link https://ajv.js.org/packages/ajv-errors.html#single-message}\n *\n * @internal\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @param {Schema<ConfigurationType>} schema - The schema of a component\n * @param {ConfigurationType} config - Component config\n * @returns {string[]} List of validation errors\n */\nexport function validateConfig(schema, config) {\n  const validationErrors = []\n\n  // Check errors for each schema\n  for (const [name, conditions] of Object.entries(schema)) {\n    const errors = []\n\n    // Check errors for each schema condition\n    if (Array.isArray(conditions)) {\n      for (const { required, errorMessage } of conditions) {\n        if (!required.every((key) => !!config[key])) {\n          errors.push(errorMessage) // Missing config key value\n        }\n      }\n\n      // Check one condition passes or add errors\n      if (name === 'anyOf' && !(conditions.length - errors.length >= 1)) {\n        validationErrors.push(...errors)\n      }\n    }\n  }\n\n  return validationErrors\n}\n\n/**\n * Extracts keys starting with a particular namespace from dataset ('data-*')\n * object, removing the namespace in the process, normalising all values\n *\n * @internal\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @param {Schema<ConfigurationType>} schema - The schema of a component\n * @param {DOMStringMap} dataset - The object to extract key-value pairs from\n * @param {keyof ConfigurationType} namespace - The namespace to filter keys with\n * @returns {ObjectNested | undefined} Nested object with dot-separated key namespace removed\n */\nexport function extractConfigByNamespace(schema, dataset, namespace) {\n  const property = schema.properties[namespace]\n\n  // Only extract configs for object schema properties\n  if (property?.type !== 'object') {\n    return\n  }\n\n  // Add default empty config\n  const newObject = /** @type {Record<typeof namespace, ObjectNested>} */ ({\n    [namespace]: {}\n  })\n\n  for (const [key, value] of Object.entries(dataset)) {\n    /** @type {ObjectNested | ObjectNested[NestedKey]} */\n    let current = newObject\n\n    // Split the key into parts, using . as our namespace separator\n    const keyParts = key.split('.')\n\n    /**\n     * Create new level per part\n     *\n     * e.g. 'i18n.textareaDescription.other' becomes\n     * `{ i18n: { textareaDescription: { other } } }`\n     */\n    for (const [index, name] of keyParts.entries()) {\n      if (isObject(current)) {\n        // Drop down to nested object until the last part\n        if (index < keyParts.length - 1) {\n          // New nested object (optionally) replaces existing value\n          if (!isObject(current[name])) {\n            current[name] = {}\n          }\n\n          // Drop down into new or existing nested object\n          current = current[name]\n        } else if (key !== namespace) {\n          // Normalised value (optionally) replaces existing value\n          current[name] = normaliseString(value)\n        }\n      }\n    }\n  }\n\n  return newObject[namespace]\n}\n\n/**\n * @internal\n * @typedef {keyof ObjectNested} NestedKey\n * @typedef {{ [key: string]: string | boolean | number | ObjectNested | undefined }} ObjectNested\n */\n\n/**\n * Schema for component config\n *\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @typedef {object} Schema\n * @property {Record<keyof ConfigurationType, SchemaProperty | undefined>} properties - Schema properties\n * @property {SchemaCondition<ConfigurationType>[]} [anyOf] - List of schema conditions\n */\n\n/**\n * Schema property for component config\n *\n * @typedef {object} SchemaProperty\n * @property {'string' | 'boolean' | 'number' | 'object'} type - Property type\n */\n\n/**\n * Schema condition for component config\n *\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @typedef {object} SchemaCondition\n * @property {(keyof ConfigurationType)[]} required - List of required config fields\n * @property {string} errorMessage - Error message when required config fields not provided\n */\n\n/**\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]\n * @typedef ChildClass\n * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component\n * @property {Schema<ConfigurationType>} [schema] - The schema of the component configuration\n * @property {ConfigurationType} [defaults] - The default values of the configuration of the component\n */\n\n/**\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]\n * @typedef {typeof Component & ChildClass<ConfigurationType>} ChildClassConstructor<ConfigurationType>\n */\n\n/**\n * @import { CompatibleClass, Config, CreateAllOptions, OnErrorCallback } from '../init.mjs'\n */\n","import { isObject } from './common/index.mjs'\n\n/**\n * Internal support for selecting messages to render, with placeholder\n * interpolation and locale-aware number formatting and pluralisation\n *\n * @internal\n */\nexport class I18n {\n  translations\n  locale\n\n  /**\n   * @internal\n   * @param {{ [key: string]: string | TranslationPluralForms }} translations - Key-value pairs of the translation strings to use.\n   * @param {object} [config] - Configuration options for the function.\n   * @param {string | null} [config.locale] - An overriding locale for the PluralRules functionality.\n   */\n  constructor(translations = {}, config = {}) {\n    // Make list of translations available throughout function\n    this.translations = translations\n\n    // The locale to use for PluralRules and NumberFormat\n    this.locale = config.locale ?? (document.documentElement.lang || 'en')\n  }\n\n  /**\n   * The most used function - takes the key for a given piece of UI text and\n   * returns the appropriate string.\n   *\n   * @internal\n   * @param {string} lookupKey - The lookup key of the string to use.\n   * @param {{ [key: string]: unknown }} [options] - Any options passed with the translation string, e.g: for string interpolation.\n   * @returns {string} The appropriate translation string.\n   * @throws {Error} Lookup key required\n   * @throws {Error} Options required for `${}` placeholders\n   */\n  t(lookupKey, options) {\n    if (!lookupKey) {\n      // Print a console error if no lookup key has been provided\n      throw new Error('i18n: lookup key missing')\n    }\n\n    // Fetch the translation for that lookup key\n    let translation = this.translations[lookupKey]\n\n    // If the `count` option is set, determine which plural suffix is needed and\n    // change the lookupKey to match. We check to see if it's numeric instead of\n    // falsy, as this could legitimately be 0.\n    if (typeof options?.count === 'number' && isObject(translation)) {\n      const translationPluralForm =\n        translation[this.getPluralSuffix(lookupKey, options.count)]\n\n      // Update translation with plural suffix\n      if (translationPluralForm) {\n        translation = translationPluralForm\n      }\n    }\n\n    if (typeof translation === 'string') {\n      // Check for ${} placeholders in the translation string\n      // eslint-disable-next-line @typescript-eslint/prefer-regexp-exec\n      if (translation.match(/%{(.\\S+)}/)) {\n        if (!options) {\n          throw new Error(\n            'i18n: cannot replace placeholders in string if no option data provided'\n          )\n        }\n\n        return this.replacePlaceholders(translation, options)\n      }\n\n      return translation\n    }\n\n    // If the key wasn't found in our translations object,\n    // return the lookup key itself as the fallback\n    return lookupKey\n  }\n\n  /**\n   * Takes a translation string with placeholders, and replaces the placeholders\n   * with the provided data\n   *\n   * @internal\n   * @param {string} translationString - The translation string\n   * @param {{ [key: string]: unknown }} options - Any options passed with the translation string, e.g: for string interpolation.\n   * @returns {string} The translation string to output, with $\\{\\} placeholders replaced\n   */\n  replacePlaceholders(translationString, options) {\n    const formatter = Intl.NumberFormat.supportedLocalesOf(this.locale).length\n      ? new Intl.NumberFormat(this.locale)\n      : undefined\n\n    return translationString.replace(\n      /%{(.\\S+)}/g,\n\n      /**\n       * Replace translation string placeholders\n       *\n       * @internal\n       * @param {string} placeholderWithBraces - Placeholder with braces\n       * @param {string} placeholderKey - Placeholder key\n       * @returns {string} Placeholder value\n       */\n      function (placeholderWithBraces, placeholderKey) {\n        if (Object.prototype.hasOwnProperty.call(options, placeholderKey)) {\n          const placeholderValue = options[placeholderKey]\n\n          // If a user has passed `false` as the value for the placeholder\n          // treat it as though the value should not be displayed\n          if (\n            placeholderValue === false ||\n            (typeof placeholderValue !== 'number' &&\n              typeof placeholderValue !== 'string')\n          ) {\n            return ''\n          }\n\n          // If the placeholder's value is a number, localise the number formatting\n          if (typeof placeholderValue === 'number') {\n            return formatter\n              ? formatter.format(placeholderValue)\n              : `${placeholderValue}`\n          }\n\n          return placeholderValue\n        }\n\n        throw new Error(\n          `i18n: no data found to replace ${placeholderWithBraces} placeholder in string`\n        )\n      }\n    )\n  }\n\n  /**\n   * Check to see if the browser supports Intl.PluralRules\n   *\n   * It requires all conditions to be met in order to be supported:\n   * - The implementation of Intl supports PluralRules (NOT true in Safari 10–12)\n   * - The browser/OS has plural rules for the current locale (browser dependent)\n   *\n   * {@link https://browsersl.ist/#q=supports+es6-module+and+not+supports+intl-pluralrules}\n   *\n   * @internal\n   * @returns {boolean} Returns true if all conditions are met. Returns false otherwise.\n   */\n  hasIntlPluralRulesSupport() {\n    return Boolean(\n      'PluralRules' in window.Intl &&\n        Intl.PluralRules.supportedLocalesOf(this.locale).length\n    )\n  }\n\n  /**\n   * Get the appropriate suffix for the plural form.\n   *\n   * Uses Intl.PluralRules (or our own fallback implementation) to get the\n   * 'preferred' form to use for the given count.\n   *\n   * Checks that a translation has been provided for that plural form – if it\n   * hasn't, it'll fall back to the 'other' plural form (unless that doesn't exist\n   * either, in which case an error will be thrown)\n   *\n   * @internal\n   * @param {string} lookupKey - The lookup key of the string to use.\n   * @param {number} count - Number used to determine which pluralisation to use.\n   * @returns {PluralRule} The suffix associated with the correct pluralisation for this locale.\n   * @throws {Error} Plural form `.other` required when preferred plural form is missing\n   */\n  getPluralSuffix(lookupKey, count) {\n    // Validate that the number is actually a number.\n    //\n    // Number(count) will turn anything that can't be converted to a Number type\n    // into 'NaN'. isFinite filters out NaN, as it isn't a finite number.\n    // eslint-disable-next-line @typescript-eslint/no-unnecessary-type-conversion\n    count = Number(count)\n    if (!isFinite(count)) {\n      return 'other'\n    }\n\n    // Fetch the translation for that lookup key\n    const translation = this.translations[lookupKey]\n\n    // Check to verify that all the requirements for Intl.PluralRules are met.\n    // If so, we can use that instead of our custom implementation. Otherwise,\n    // use the hardcoded fallback.\n    const preferredForm = this.hasIntlPluralRulesSupport()\n      ? new Intl.PluralRules(this.locale).select(count)\n      : 'other'\n\n    // Use the correct plural form if provided\n    if (isObject(translation)) {\n      if (preferredForm in translation) {\n        return preferredForm\n        // Fall back to `other` if the plural form is missing, but log a warning\n        // to the console\n      } else if ('other' in translation) {\n        console.warn(\n          `i18n: Missing plural form \".${preferredForm}\" for \"${this.locale}\" locale. Falling back to \".other\".`\n        )\n\n        return 'other'\n      }\n    }\n\n    // If the required `other` plural form is missing, all we can do is error\n    throw new Error(\n      `i18n: Plural form \".other\" is required for \"${this.locale}\" locale`\n    )\n  }\n}\n\n/**\n * Plural rule category mnemonic tags\n *\n * @internal\n * @typedef {'zero' | 'one' | 'two' | 'few' | 'many' | 'other'} PluralRule\n */\n\n/**\n * Translated message by plural rule they correspond to.\n *\n * Allows to group pluralised messages under a single key when passing\n * translations to a component's constructor\n *\n * @internal\n * @typedef {object} TranslationPluralForms\n * @property {string} [other] - General plural form\n * @property {string} [zero] - Plural form used with 0\n * @property {string} [one] - Plural form used with 1\n * @property {string} [two] - Plural form used with 2\n * @property {string} [few] - Plural form used for a few\n * @property {string} [many] - Plural form used for many\n */\n","import { ConfigurableComponent } from '../../common/configuration.mjs'\nimport { ElementError } from '../../errors/index.mjs'\nimport { I18n } from '../../i18n.mjs'\n\n/**\n * Exit this page component\n *\n * @preserve\n * @augments ConfigurableComponent<ExitThisPageConfig>\n */\nexport class ExitThisPage extends ConfigurableComponent {\n  /** @private */\n  i18n\n\n  /** @private */\n  $button\n\n  /**\n   * @private\n   * @type {HTMLAnchorElement | null}\n   */\n  $skiplinkButton = null\n\n  /**\n   * @private\n   * @type {HTMLElement | null}\n   */\n  $updateSpan = null\n\n  /**\n   * @private\n   * @type {HTMLElement | null}\n   */\n  $indicatorContainer = null\n\n  /**\n   * @private\n   * @type {HTMLElement | null}\n   */\n  $overlay = null\n\n  /** @private */\n  keypressCounter = 0\n\n  /** @private */\n  lastKeyWasModified = false\n\n  /** @private */\n  timeoutTime = 5000 // milliseconds\n\n  // Store the timeout events so that we can clear them to avoid user keypresses overlapping\n  // setTimeout returns an id that we can use to clear it with clearTimeout,\n  // hence the 'Id' suffix\n\n  /**\n   * @private\n   * @type {number | null}\n   */\n  keypressTimeoutId = null\n\n  /**\n   * @private\n   * @type {number | null}\n   */\n  timeoutMessageId = null\n\n  /**\n   * @param {Element | null} $root - HTML element that wraps the Exit This Page button\n   * @param {ExitThisPageConfig} [config] - Exit This Page config\n   */\n  constructor($root, config = {}) {\n    super($root, config)\n\n    const $button = this.$root.querySelector('.govuk-exit-this-page__button')\n    if (!($button instanceof HTMLAnchorElement)) {\n      throw new ElementError({\n        component: ExitThisPage,\n        element: $button,\n        expectedType: 'HTMLAnchorElement',\n        identifier: 'Button (`.govuk-exit-this-page__button`)'\n      })\n    }\n\n    this.i18n = new I18n(this.config.i18n)\n    this.$button = $button\n\n    const $skiplinkButton = document.querySelector(\n      '.govuk-js-exit-this-page-skiplink'\n    )\n    if ($skiplinkButton instanceof HTMLAnchorElement) {\n      this.$skiplinkButton = $skiplinkButton\n    }\n\n    this.buildIndicator()\n    this.initUpdateSpan()\n    this.initButtonClickHandler()\n\n    // Check to see if this has already been done by a previous initialisation of ExitThisPage\n    if (!('govukFrontendExitThisPageKeypress' in document.body.dataset)) {\n      document.addEventListener('keyup', this.handleKeypress.bind(this), true)\n      document.body.dataset.govukFrontendExitThisPageKeypress = 'true'\n    }\n\n    // When the page is restored after navigating 'back' in some browsers the\n    // blank overlay remains present, rendering the page unusable. Here, we check\n    // to see if it's present on page (re)load, and remove it if so.\n    window.addEventListener('pageshow', this.resetPage.bind(this))\n  }\n\n  /**\n   * Create the <span> we use for screen reader announcements.\n   *\n   * @private\n   */\n  initUpdateSpan() {\n    this.$updateSpan = document.createElement('span')\n    this.$updateSpan.setAttribute('role', 'status')\n    this.$updateSpan.className = 'govuk-visually-hidden'\n\n    this.$root.appendChild(this.$updateSpan)\n  }\n\n  /**\n   * Create button click handlers.\n   *\n   * @private\n   */\n  initButtonClickHandler() {\n    // Main EtP button\n    this.$button.addEventListener('click', this.handleClick.bind(this))\n\n    // EtP secondary link\n    if (this.$skiplinkButton) {\n      this.$skiplinkButton.addEventListener(\n        'click',\n        this.handleClick.bind(this)\n      )\n    }\n  }\n\n  /**\n   * Create the HTML for the 'three lights' indicator on the button.\n   *\n   * @private\n   */\n  buildIndicator() {\n    // Build container\n    // Putting `aria-hidden` on it as it won't contain any readable information\n    this.$indicatorContainer = document.createElement('div')\n    this.$indicatorContainer.className = 'govuk-exit-this-page__indicator'\n    this.$indicatorContainer.setAttribute('aria-hidden', 'true')\n\n    // Create three 'lights' and place them within the container\n    for (let i = 0; i < 3; i++) {\n      const $indicator = document.createElement('div')\n      $indicator.className = 'govuk-exit-this-page__indicator-light'\n      this.$indicatorContainer.appendChild($indicator)\n    }\n\n    // Append it all to the module\n    this.$button.appendChild(this.$indicatorContainer)\n  }\n\n  /**\n   * Update whether the lights are visible and which ones are lit up depending on\n   * the value of `keypressCounter`.\n   *\n   * @private\n   */\n  updateIndicator() {\n    if (!this.$indicatorContainer) {\n      return\n    }\n\n    // Show or hide the indicator container depending on keypressCounter value\n    this.$indicatorContainer.classList.toggle(\n      'govuk-exit-this-page__indicator--visible',\n      this.keypressCounter > 0\n    )\n\n    // Turn on only the indicators we want on\n    const $indicators = this.$indicatorContainer.querySelectorAll(\n      '.govuk-exit-this-page__indicator-light'\n    )\n    $indicators.forEach(($indicator, index) => {\n      $indicator.classList.toggle(\n        'govuk-exit-this-page__indicator-light--on',\n        index < this.keypressCounter\n      )\n    })\n  }\n\n  /**\n   * Initiates the redirection away from the current page.\n   * Includes the loading overlay functionality, which covers the current page with a\n   * white overlay so that the contents are not visible during the loading\n   * process. This is particularly important on slow network connections.\n   *\n   * @private\n   */\n  exitPage() {\n    if (!this.$updateSpan) {\n      return\n    }\n\n    this.$updateSpan.textContent = ''\n\n    // Blank the page\n    // As well as creating an overlay with text, we also set the body to hidden\n    // to prevent screen reader and sequential navigation users potentially\n    // navigating through the page behind the overlay during loading\n    document.body.classList.add('govuk-exit-this-page-hide-content')\n    this.$overlay = document.createElement('div')\n    this.$overlay.className = 'govuk-exit-this-page-overlay'\n    this.$overlay.setAttribute('role', 'alert')\n\n    // we do these this way round, thus incurring a second paint, because changing\n    // the element text after adding it means that screen readers pick up the\n    // announcement more reliably.\n    document.body.appendChild(this.$overlay)\n    this.$overlay.textContent = this.i18n.t('activated')\n\n    window.location.href = this.$button.href\n  }\n\n  /**\n   * Pre-activation logic for when the button is clicked/activated via mouse or\n   * pointer.\n   *\n   * We do this to differentiate it from the keyboard activation event because we\n   * need to run `e.preventDefault` as the button or skiplink are both links and we\n   * want to apply some additional logic in `exitPage` before navigating.\n   *\n   * @private\n   * @param {MouseEvent} event - mouse click event\n   */\n  handleClick(event) {\n    event.preventDefault()\n    this.exitPage()\n  }\n\n  /**\n   * Logic for the 'quick escape' keyboard sequence functionality (pressing the\n   * Shift key three times without interruption, within a time limit).\n   *\n   * @private\n   * @param {KeyboardEvent} event - keyup event\n   */\n  handleKeypress(event) {\n    if (!this.$updateSpan) {\n      return\n    }\n\n    // Detect if the 'Shift' key has been pressed. We want to only do things if it\n    // was pressed by itself and not in a combination with another key—so we keep\n    // track of whether the preceding keyup had shiftKey: true on it, and if it\n    // did, we ignore the next Shift keyup event.\n    //\n    // This works because using Shift as a modifier key (e.g. pressing Shift + A)\n    // will fire TWO keyup events, one for A (with e.shiftKey: true) and the other\n    // for Shift (with e.shiftKey: false).\n    if (event.key === 'Shift' && !this.lastKeyWasModified) {\n      this.keypressCounter += 1\n\n      // Update the indicator before the below if statement can reset it back to 0\n      this.updateIndicator()\n\n      // Clear the timeout for the keypress timeout message clearing itself\n      if (this.timeoutMessageId) {\n        window.clearTimeout(this.timeoutMessageId)\n        this.timeoutMessageId = null\n      }\n\n      if (this.keypressCounter >= 3) {\n        this.keypressCounter = 0\n\n        if (this.keypressTimeoutId) {\n          window.clearTimeout(this.keypressTimeoutId)\n          this.keypressTimeoutId = null\n        }\n\n        this.exitPage()\n      } else {\n        if (this.keypressCounter === 1) {\n          this.$updateSpan.textContent = this.i18n.t('pressTwoMoreTimes')\n        } else {\n          this.$updateSpan.textContent = this.i18n.t('pressOneMoreTime')\n        }\n      }\n\n      this.setKeypressTimer()\n    } else if (this.keypressTimeoutId) {\n      // If the user pressed any key other than 'Shift', after having pressed\n      // 'Shift' and activating the timer, stop and reset the timer.\n      this.resetKeypressTimer()\n    }\n\n    // Keep track of whether the Shift modifier key was held during this keypress\n    this.lastKeyWasModified = event.shiftKey\n  }\n\n  /**\n   * Starts the 'quick escape' keyboard sequence timer.\n   *\n   * This can be invoked several times. We want this to be possible so that the\n   * timer is restarted each time the shortcut key is pressed (e.g. the user has\n   * up to n seconds between each keypress, rather than n seconds to invoke the\n   * entire sequence.)\n   *\n   * @private\n   */\n  setKeypressTimer() {\n    // Clear any existing timeout. This is so only one timer is running even if\n    // there are multiple keypresses in quick succession.\n    if (this.keypressTimeoutId) {\n      window.clearTimeout(this.keypressTimeoutId)\n    }\n\n    // Set a fresh timeout\n    this.keypressTimeoutId = window.setTimeout(\n      this.resetKeypressTimer.bind(this),\n      this.timeoutTime\n    )\n  }\n\n  /**\n   * Stops and resets the 'quick escape' keyboard sequence timer.\n   *\n   * @private\n   */\n  resetKeypressTimer() {\n    if (!this.$updateSpan) {\n      return\n    }\n\n    if (this.keypressTimeoutId) {\n      window.clearTimeout(this.keypressTimeoutId)\n      this.keypressTimeoutId = null\n    }\n\n    const $updateSpan = this.$updateSpan\n\n    this.keypressCounter = 0\n    $updateSpan.textContent = this.i18n.t('timedOut')\n\n    this.timeoutMessageId = window.setTimeout(() => {\n      $updateSpan.textContent = ''\n    }, this.timeoutTime)\n\n    this.updateIndicator()\n  }\n\n  /**\n   * Reset the page using the EtP button\n   *\n   * We use this in situations where a user may re-enter a page using the browser\n   * back button. In these cases, the browser can choose to restore the state of\n   * the page as it was previously, including restoring the 'ghost page' overlay,\n   * the announcement span having it's role set to \"alert\" and the keypress\n   * indicator still active, leaving the page in an unusable state.\n   *\n   * By running this check when the page is shown, we can programatically restore\n   * the page and the component to a \"default\" state\n   *\n   * @private\n   */\n  resetPage() {\n    // If an overlay is set, remove it and reset the value\n    document.body.classList.remove('govuk-exit-this-page-hide-content')\n\n    if (this.$overlay) {\n      this.$overlay.remove()\n      this.$overlay = null\n    }\n\n    // Ensure the announcement span's role is status, not alert and clear any text\n    if (this.$updateSpan) {\n      this.$updateSpan.setAttribute('role', 'status')\n      this.$updateSpan.textContent = ''\n    }\n\n    // Sync the keypress indicator lights\n    this.updateIndicator()\n\n    // If the timeouts are active, clear them\n    if (this.keypressTimeoutId) {\n      window.clearTimeout(this.keypressTimeoutId)\n    }\n\n    if (this.timeoutMessageId) {\n      window.clearTimeout(this.timeoutMessageId)\n    }\n  }\n\n  /**\n   * Name for the component used when initialising using data-module attributes.\n   */\n  static moduleName = 'govuk-exit-this-page'\n\n  /**\n   * Exit this page default config\n   *\n   * @see {@link ExitThisPageConfig}\n   * @constant\n   * @type {ExitThisPageConfig}\n   */\n  static defaults = Object.freeze({\n    i18n: {\n      activated: 'Loading.',\n      timedOut: 'Exit this page expired.',\n      pressTwoMoreTimes: 'Shift, press 2 more times to exit.',\n      pressOneMoreTime: 'Shift, press 1 more time to exit.'\n    }\n  })\n\n  /**\n   * Exit this page config schema\n   *\n   * @constant\n   * @satisfies {Schema<ExitThisPageConfig>}\n   */\n  static schema = Object.freeze({\n    properties: {\n      i18n: { type: 'object' }\n    }\n  })\n}\n\n/**\n * Exit this Page config\n *\n * @see {@link ExitThisPage.defaults}\n * @typedef {object} ExitThisPageConfig\n * @property {ExitThisPageTranslations} [i18n=ExitThisPage.defaults.i18n] - Exit this page translations\n */\n\n/**\n * Exit this Page translations\n *\n * @see {@link ExitThisPage.defaults.i18n}\n * @typedef {object} ExitThisPageTranslations\n *\n * Messages used by the component programatically inserted text, including\n * overlay text and screen reader announcements.\n * @property {string} [activated] - Screen reader announcement for when EtP\n *   keypress functionality has been successfully activated.\n * @property {string} [timedOut] - Screen reader announcement for when the EtP\n *   keypress functionality has timed out.\n * @property {string} [pressTwoMoreTimes] - Screen reader announcement informing\n *   the user they must press the activation key two more times.\n * @property {string} [pressOneMoreTime] - Screen reader announcement informing\n *   the user they must press the activation key one more time.\n */\n\n/**\n * @import { Schema } from '../../common/configuration.mjs'\n */\n"],"names":["isInitialised","$root","moduleName","HTMLElement","hasAttribute","isSupported","$scope","document","body","classList","contains","isArray","option","Array","isObject","formatErrorMessage","Component","message","GOVUKFrontendError","Error","constructor","args","name","SupportError","supportMessage","HTMLScriptElement","prototype","ConfigError","ElementError","messageOrOptions","component","identifier","element","expectedType","InitError","componentOrMessage","_$root","childConstructor","elementType","checkSupport","checkInitialised","setAttribute","configOverride","Symbol","for","ConfigurableComponent","param","config","_config","defaults","datasetConfig","normaliseDataset","dataset","mergeConfigs","normaliseString","value","property","trimmedValue","trim","output","outputType","type","includes","length","isFinite","Number","schema","out","entries","Object","properties","entry","namespace","field","toString","extractConfigByNamespace","configObjects","formattedConfigObject","configObject","key","keys","override","newObject","current","keyParts","split","index","I18n","translations","_config$locale","locale","documentElement","lang","t","lookupKey","options","translation","count","translationPluralForm","getPluralSuffix","match","replacePlaceholders","translationString","formatter","Intl","NumberFormat","supportedLocalesOf","undefined","replace","placeholderWithBraces","placeholderKey","hasOwnProperty","call","placeholderValue","format","hasIntlPluralRulesSupport","Boolean","window","PluralRules","preferredForm","select","console","warn","ExitThisPage","i18n","$button","$skiplinkButton","$updateSpan","$indicatorContainer","$overlay","keypressCounter","lastKeyWasModified","timeoutTime","keypressTimeoutId","timeoutMessageId","querySelector","HTMLAnchorElement","buildIndicator","initUpdateSpan","initButtonClickHandler","addEventListener","handleKeypress","bind","govukFrontendExitThisPageKeypress","resetPage","createElement","className","appendChild","handleClick","i","$indicator","updateIndicator","toggle","$indicators","querySelectorAll","forEach","exitPage","textContent","add","location","href","event","preventDefault","clearTimeout","setKeypressTimer","resetKeypressTimer","shiftKey","setTimeout","remove","freeze","activated","timedOut","pressTwoMoreTimes","pressOneMoreTime"],"mappings":"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"}
\ No newline at end of file
diff --git a/app/templates/govuk/components/exit-this-page/exit-this-page.mjs b/app/templates/govuk/components/exit-this-page/exit-this-page.mjs
new file mode 100644
index 0000000..a16cca7
--- /dev/null
+++ b/app/templates/govuk/components/exit-this-page/exit-this-page.mjs
@@ -0,0 +1,223 @@
+import { ConfigurableComponent } from '../../common/configuration.mjs';
+import { ElementError } from '../../errors/index.mjs';
+import { I18n } from '../../i18n.mjs';
+
+/**
+ * Exit this page component
+ *
+ * @preserve
+ * @augments ConfigurableComponent<ExitThisPageConfig>
+ */
+class ExitThisPage extends ConfigurableComponent {
+  /**
+   * @param {Element | null} $root - HTML element that wraps the Exit This Page button
+   * @param {ExitThisPageConfig} [config] - Exit This Page config
+   */
+  constructor($root, config = {}) {
+    super($root, config);
+    this.i18n = void 0;
+    this.$button = void 0;
+    this.$skiplinkButton = null;
+    this.$updateSpan = null;
+    this.$indicatorContainer = null;
+    this.$overlay = null;
+    this.keypressCounter = 0;
+    this.lastKeyWasModified = false;
+    this.timeoutTime = 5000;
+    this.keypressTimeoutId = null;
+    this.timeoutMessageId = null;
+    const $button = this.$root.querySelector('.govuk-exit-this-page__button');
+    if (!($button instanceof HTMLAnchorElement)) {
+      throw new ElementError({
+        component: ExitThisPage,
+        element: $button,
+        expectedType: 'HTMLAnchorElement',
+        identifier: 'Button (`.govuk-exit-this-page__button`)'
+      });
+    }
+    this.i18n = new I18n(this.config.i18n);
+    this.$button = $button;
+    const $skiplinkButton = document.querySelector('.govuk-js-exit-this-page-skiplink');
+    if ($skiplinkButton instanceof HTMLAnchorElement) {
+      this.$skiplinkButton = $skiplinkButton;
+    }
+    this.buildIndicator();
+    this.initUpdateSpan();
+    this.initButtonClickHandler();
+    if (!('govukFrontendExitThisPageKeypress' in document.body.dataset)) {
+      document.addEventListener('keyup', this.handleKeypress.bind(this), true);
+      document.body.dataset.govukFrontendExitThisPageKeypress = 'true';
+    }
+    window.addEventListener('pageshow', this.resetPage.bind(this));
+  }
+  initUpdateSpan() {
+    this.$updateSpan = document.createElement('span');
+    this.$updateSpan.setAttribute('role', 'status');
+    this.$updateSpan.className = 'govuk-visually-hidden';
+    this.$root.appendChild(this.$updateSpan);
+  }
+  initButtonClickHandler() {
+    this.$button.addEventListener('click', this.handleClick.bind(this));
+    if (this.$skiplinkButton) {
+      this.$skiplinkButton.addEventListener('click', this.handleClick.bind(this));
+    }
+  }
+  buildIndicator() {
+    this.$indicatorContainer = document.createElement('div');
+    this.$indicatorContainer.className = 'govuk-exit-this-page__indicator';
+    this.$indicatorContainer.setAttribute('aria-hidden', 'true');
+    for (let i = 0; i < 3; i++) {
+      const $indicator = document.createElement('div');
+      $indicator.className = 'govuk-exit-this-page__indicator-light';
+      this.$indicatorContainer.appendChild($indicator);
+    }
+    this.$button.appendChild(this.$indicatorContainer);
+  }
+  updateIndicator() {
+    if (!this.$indicatorContainer) {
+      return;
+    }
+    this.$indicatorContainer.classList.toggle('govuk-exit-this-page__indicator--visible', this.keypressCounter > 0);
+    const $indicators = this.$indicatorContainer.querySelectorAll('.govuk-exit-this-page__indicator-light');
+    $indicators.forEach(($indicator, index) => {
+      $indicator.classList.toggle('govuk-exit-this-page__indicator-light--on', index < this.keypressCounter);
+    });
+  }
+  exitPage() {
+    if (!this.$updateSpan) {
+      return;
+    }
+    this.$updateSpan.textContent = '';
+    document.body.classList.add('govuk-exit-this-page-hide-content');
+    this.$overlay = document.createElement('div');
+    this.$overlay.className = 'govuk-exit-this-page-overlay';
+    this.$overlay.setAttribute('role', 'alert');
+    document.body.appendChild(this.$overlay);
+    this.$overlay.textContent = this.i18n.t('activated');
+    window.location.href = this.$button.href;
+  }
+  handleClick(event) {
+    event.preventDefault();
+    this.exitPage();
+  }
+  handleKeypress(event) {
+    if (!this.$updateSpan) {
+      return;
+    }
+    if (event.key === 'Shift' && !this.lastKeyWasModified) {
+      this.keypressCounter += 1;
+      this.updateIndicator();
+      if (this.timeoutMessageId) {
+        window.clearTimeout(this.timeoutMessageId);
+        this.timeoutMessageId = null;
+      }
+      if (this.keypressCounter >= 3) {
+        this.keypressCounter = 0;
+        if (this.keypressTimeoutId) {
+          window.clearTimeout(this.keypressTimeoutId);
+          this.keypressTimeoutId = null;
+        }
+        this.exitPage();
+      } else {
+        if (this.keypressCounter === 1) {
+          this.$updateSpan.textContent = this.i18n.t('pressTwoMoreTimes');
+        } else {
+          this.$updateSpan.textContent = this.i18n.t('pressOneMoreTime');
+        }
+      }
+      this.setKeypressTimer();
+    } else if (this.keypressTimeoutId) {
+      this.resetKeypressTimer();
+    }
+    this.lastKeyWasModified = event.shiftKey;
+  }
+  setKeypressTimer() {
+    if (this.keypressTimeoutId) {
+      window.clearTimeout(this.keypressTimeoutId);
+    }
+    this.keypressTimeoutId = window.setTimeout(this.resetKeypressTimer.bind(this), this.timeoutTime);
+  }
+  resetKeypressTimer() {
+    if (!this.$updateSpan) {
+      return;
+    }
+    if (this.keypressTimeoutId) {
+      window.clearTimeout(this.keypressTimeoutId);
+      this.keypressTimeoutId = null;
+    }
+    const $updateSpan = this.$updateSpan;
+    this.keypressCounter = 0;
+    $updateSpan.textContent = this.i18n.t('timedOut');
+    this.timeoutMessageId = window.setTimeout(() => {
+      $updateSpan.textContent = '';
+    }, this.timeoutTime);
+    this.updateIndicator();
+  }
+  resetPage() {
+    document.body.classList.remove('govuk-exit-this-page-hide-content');
+    if (this.$overlay) {
+      this.$overlay.remove();
+      this.$overlay = null;
+    }
+    if (this.$updateSpan) {
+      this.$updateSpan.setAttribute('role', 'status');
+      this.$updateSpan.textContent = '';
+    }
+    this.updateIndicator();
+    if (this.keypressTimeoutId) {
+      window.clearTimeout(this.keypressTimeoutId);
+    }
+    if (this.timeoutMessageId) {
+      window.clearTimeout(this.timeoutMessageId);
+    }
+  }
+}
+
+/**
+ * Exit this Page config
+ *
+ * @see {@link ExitThisPage.defaults}
+ * @typedef {object} ExitThisPageConfig
+ * @property {ExitThisPageTranslations} [i18n=ExitThisPage.defaults.i18n] - Exit this page translations
+ */
+
+/**
+ * Exit this Page translations
+ *
+ * @see {@link ExitThisPage.defaults.i18n}
+ * @typedef {object} ExitThisPageTranslations
+ *
+ * Messages used by the component programatically inserted text, including
+ * overlay text and screen reader announcements.
+ * @property {string} [activated] - Screen reader announcement for when EtP
+ *   keypress functionality has been successfully activated.
+ * @property {string} [timedOut] - Screen reader announcement for when the EtP
+ *   keypress functionality has timed out.
+ * @property {string} [pressTwoMoreTimes] - Screen reader announcement informing
+ *   the user they must press the activation key two more times.
+ * @property {string} [pressOneMoreTime] - Screen reader announcement informing
+ *   the user they must press the activation key one more time.
+ */
+
+/**
+ * @import { Schema } from '../../common/configuration.mjs'
+ */
+ExitThisPage.moduleName = 'govuk-exit-this-page';
+ExitThisPage.defaults = Object.freeze({
+  i18n: {
+    activated: 'Loading.',
+    timedOut: 'Exit this page expired.',
+    pressTwoMoreTimes: 'Shift, press 2 more times to exit.',
+    pressOneMoreTime: 'Shift, press 1 more time to exit.'
+  }
+});
+ExitThisPage.schema = Object.freeze({
+  properties: {
+    i18n: {
+      type: 'object'
+    }
+  }
+});
+
+export { ExitThisPage };
+//# sourceMappingURL=exit-this-page.mjs.map
diff --git a/app/templates/govuk/components/exit-this-page/exit-this-page.mjs.map b/app/templates/govuk/components/exit-this-page/exit-this-page.mjs.map
new file mode 100644
index 0000000..1c611d2
--- /dev/null
+++ b/app/templates/govuk/components/exit-this-page/exit-this-page.mjs.map
@@ -0,0 +1 @@
+{"version":3,"file":"exit-this-page.mjs","sources":["../../../../src/govuk/components/exit-this-page/exit-this-page.mjs"],"sourcesContent":["import { ConfigurableComponent } from '../../common/configuration.mjs'\nimport { ElementError } from '../../errors/index.mjs'\nimport { I18n } from '../../i18n.mjs'\n\n/**\n * Exit this page component\n *\n * @preserve\n * @augments ConfigurableComponent<ExitThisPageConfig>\n */\nexport class ExitThisPage extends ConfigurableComponent {\n  /** @private */\n  i18n\n\n  /** @private */\n  $button\n\n  /**\n   * @private\n   * @type {HTMLAnchorElement | null}\n   */\n  $skiplinkButton = null\n\n  /**\n   * @private\n   * @type {HTMLElement | null}\n   */\n  $updateSpan = null\n\n  /**\n   * @private\n   * @type {HTMLElement | null}\n   */\n  $indicatorContainer = null\n\n  /**\n   * @private\n   * @type {HTMLElement | null}\n   */\n  $overlay = null\n\n  /** @private */\n  keypressCounter = 0\n\n  /** @private */\n  lastKeyWasModified = false\n\n  /** @private */\n  timeoutTime = 5000 // milliseconds\n\n  // Store the timeout events so that we can clear them to avoid user keypresses overlapping\n  // setTimeout returns an id that we can use to clear it with clearTimeout,\n  // hence the 'Id' suffix\n\n  /**\n   * @private\n   * @type {number | null}\n   */\n  keypressTimeoutId = null\n\n  /**\n   * @private\n   * @type {number | null}\n   */\n  timeoutMessageId = null\n\n  /**\n   * @param {Element | null} $root - HTML element that wraps the Exit This Page button\n   * @param {ExitThisPageConfig} [config] - Exit This Page config\n   */\n  constructor($root, config = {}) {\n    super($root, config)\n\n    const $button = this.$root.querySelector('.govuk-exit-this-page__button')\n    if (!($button instanceof HTMLAnchorElement)) {\n      throw new ElementError({\n        component: ExitThisPage,\n        element: $button,\n        expectedType: 'HTMLAnchorElement',\n        identifier: 'Button (`.govuk-exit-this-page__button`)'\n      })\n    }\n\n    this.i18n = new I18n(this.config.i18n)\n    this.$button = $button\n\n    const $skiplinkButton = document.querySelector(\n      '.govuk-js-exit-this-page-skiplink'\n    )\n    if ($skiplinkButton instanceof HTMLAnchorElement) {\n      this.$skiplinkButton = $skiplinkButton\n    }\n\n    this.buildIndicator()\n    this.initUpdateSpan()\n    this.initButtonClickHandler()\n\n    // Check to see if this has already been done by a previous initialisation of ExitThisPage\n    if (!('govukFrontendExitThisPageKeypress' in document.body.dataset)) {\n      document.addEventListener('keyup', this.handleKeypress.bind(this), true)\n      document.body.dataset.govukFrontendExitThisPageKeypress = 'true'\n    }\n\n    // When the page is restored after navigating 'back' in some browsers the\n    // blank overlay remains present, rendering the page unusable. Here, we check\n    // to see if it's present on page (re)load, and remove it if so.\n    window.addEventListener('pageshow', this.resetPage.bind(this))\n  }\n\n  /**\n   * Create the <span> we use for screen reader announcements.\n   *\n   * @private\n   */\n  initUpdateSpan() {\n    this.$updateSpan = document.createElement('span')\n    this.$updateSpan.setAttribute('role', 'status')\n    this.$updateSpan.className = 'govuk-visually-hidden'\n\n    this.$root.appendChild(this.$updateSpan)\n  }\n\n  /**\n   * Create button click handlers.\n   *\n   * @private\n   */\n  initButtonClickHandler() {\n    // Main EtP button\n    this.$button.addEventListener('click', this.handleClick.bind(this))\n\n    // EtP secondary link\n    if (this.$skiplinkButton) {\n      this.$skiplinkButton.addEventListener(\n        'click',\n        this.handleClick.bind(this)\n      )\n    }\n  }\n\n  /**\n   * Create the HTML for the 'three lights' indicator on the button.\n   *\n   * @private\n   */\n  buildIndicator() {\n    // Build container\n    // Putting `aria-hidden` on it as it won't contain any readable information\n    this.$indicatorContainer = document.createElement('div')\n    this.$indicatorContainer.className = 'govuk-exit-this-page__indicator'\n    this.$indicatorContainer.setAttribute('aria-hidden', 'true')\n\n    // Create three 'lights' and place them within the container\n    for (let i = 0; i < 3; i++) {\n      const $indicator = document.createElement('div')\n      $indicator.className = 'govuk-exit-this-page__indicator-light'\n      this.$indicatorContainer.appendChild($indicator)\n    }\n\n    // Append it all to the module\n    this.$button.appendChild(this.$indicatorContainer)\n  }\n\n  /**\n   * Update whether the lights are visible and which ones are lit up depending on\n   * the value of `keypressCounter`.\n   *\n   * @private\n   */\n  updateIndicator() {\n    if (!this.$indicatorContainer) {\n      return\n    }\n\n    // Show or hide the indicator container depending on keypressCounter value\n    this.$indicatorContainer.classList.toggle(\n      'govuk-exit-this-page__indicator--visible',\n      this.keypressCounter > 0\n    )\n\n    // Turn on only the indicators we want on\n    const $indicators = this.$indicatorContainer.querySelectorAll(\n      '.govuk-exit-this-page__indicator-light'\n    )\n    $indicators.forEach(($indicator, index) => {\n      $indicator.classList.toggle(\n        'govuk-exit-this-page__indicator-light--on',\n        index < this.keypressCounter\n      )\n    })\n  }\n\n  /**\n   * Initiates the redirection away from the current page.\n   * Includes the loading overlay functionality, which covers the current page with a\n   * white overlay so that the contents are not visible during the loading\n   * process. This is particularly important on slow network connections.\n   *\n   * @private\n   */\n  exitPage() {\n    if (!this.$updateSpan) {\n      return\n    }\n\n    this.$updateSpan.textContent = ''\n\n    // Blank the page\n    // As well as creating an overlay with text, we also set the body to hidden\n    // to prevent screen reader and sequential navigation users potentially\n    // navigating through the page behind the overlay during loading\n    document.body.classList.add('govuk-exit-this-page-hide-content')\n    this.$overlay = document.createElement('div')\n    this.$overlay.className = 'govuk-exit-this-page-overlay'\n    this.$overlay.setAttribute('role', 'alert')\n\n    // we do these this way round, thus incurring a second paint, because changing\n    // the element text after adding it means that screen readers pick up the\n    // announcement more reliably.\n    document.body.appendChild(this.$overlay)\n    this.$overlay.textContent = this.i18n.t('activated')\n\n    window.location.href = this.$button.href\n  }\n\n  /**\n   * Pre-activation logic for when the button is clicked/activated via mouse or\n   * pointer.\n   *\n   * We do this to differentiate it from the keyboard activation event because we\n   * need to run `e.preventDefault` as the button or skiplink are both links and we\n   * want to apply some additional logic in `exitPage` before navigating.\n   *\n   * @private\n   * @param {MouseEvent} event - mouse click event\n   */\n  handleClick(event) {\n    event.preventDefault()\n    this.exitPage()\n  }\n\n  /**\n   * Logic for the 'quick escape' keyboard sequence functionality (pressing the\n   * Shift key three times without interruption, within a time limit).\n   *\n   * @private\n   * @param {KeyboardEvent} event - keyup event\n   */\n  handleKeypress(event) {\n    if (!this.$updateSpan) {\n      return\n    }\n\n    // Detect if the 'Shift' key has been pressed. We want to only do things if it\n    // was pressed by itself and not in a combination with another key—so we keep\n    // track of whether the preceding keyup had shiftKey: true on it, and if it\n    // did, we ignore the next Shift keyup event.\n    //\n    // This works because using Shift as a modifier key (e.g. pressing Shift + A)\n    // will fire TWO keyup events, one for A (with e.shiftKey: true) and the other\n    // for Shift (with e.shiftKey: false).\n    if (event.key === 'Shift' && !this.lastKeyWasModified) {\n      this.keypressCounter += 1\n\n      // Update the indicator before the below if statement can reset it back to 0\n      this.updateIndicator()\n\n      // Clear the timeout for the keypress timeout message clearing itself\n      if (this.timeoutMessageId) {\n        window.clearTimeout(this.timeoutMessageId)\n        this.timeoutMessageId = null\n      }\n\n      if (this.keypressCounter >= 3) {\n        this.keypressCounter = 0\n\n        if (this.keypressTimeoutId) {\n          window.clearTimeout(this.keypressTimeoutId)\n          this.keypressTimeoutId = null\n        }\n\n        this.exitPage()\n      } else {\n        if (this.keypressCounter === 1) {\n          this.$updateSpan.textContent = this.i18n.t('pressTwoMoreTimes')\n        } else {\n          this.$updateSpan.textContent = this.i18n.t('pressOneMoreTime')\n        }\n      }\n\n      this.setKeypressTimer()\n    } else if (this.keypressTimeoutId) {\n      // If the user pressed any key other than 'Shift', after having pressed\n      // 'Shift' and activating the timer, stop and reset the timer.\n      this.resetKeypressTimer()\n    }\n\n    // Keep track of whether the Shift modifier key was held during this keypress\n    this.lastKeyWasModified = event.shiftKey\n  }\n\n  /**\n   * Starts the 'quick escape' keyboard sequence timer.\n   *\n   * This can be invoked several times. We want this to be possible so that the\n   * timer is restarted each time the shortcut key is pressed (e.g. the user has\n   * up to n seconds between each keypress, rather than n seconds to invoke the\n   * entire sequence.)\n   *\n   * @private\n   */\n  setKeypressTimer() {\n    // Clear any existing timeout. This is so only one timer is running even if\n    // there are multiple keypresses in quick succession.\n    if (this.keypressTimeoutId) {\n      window.clearTimeout(this.keypressTimeoutId)\n    }\n\n    // Set a fresh timeout\n    this.keypressTimeoutId = window.setTimeout(\n      this.resetKeypressTimer.bind(this),\n      this.timeoutTime\n    )\n  }\n\n  /**\n   * Stops and resets the 'quick escape' keyboard sequence timer.\n   *\n   * @private\n   */\n  resetKeypressTimer() {\n    if (!this.$updateSpan) {\n      return\n    }\n\n    if (this.keypressTimeoutId) {\n      window.clearTimeout(this.keypressTimeoutId)\n      this.keypressTimeoutId = null\n    }\n\n    const $updateSpan = this.$updateSpan\n\n    this.keypressCounter = 0\n    $updateSpan.textContent = this.i18n.t('timedOut')\n\n    this.timeoutMessageId = window.setTimeout(() => {\n      $updateSpan.textContent = ''\n    }, this.timeoutTime)\n\n    this.updateIndicator()\n  }\n\n  /**\n   * Reset the page using the EtP button\n   *\n   * We use this in situations where a user may re-enter a page using the browser\n   * back button. In these cases, the browser can choose to restore the state of\n   * the page as it was previously, including restoring the 'ghost page' overlay,\n   * the announcement span having it's role set to \"alert\" and the keypress\n   * indicator still active, leaving the page in an unusable state.\n   *\n   * By running this check when the page is shown, we can programatically restore\n   * the page and the component to a \"default\" state\n   *\n   * @private\n   */\n  resetPage() {\n    // If an overlay is set, remove it and reset the value\n    document.body.classList.remove('govuk-exit-this-page-hide-content')\n\n    if (this.$overlay) {\n      this.$overlay.remove()\n      this.$overlay = null\n    }\n\n    // Ensure the announcement span's role is status, not alert and clear any text\n    if (this.$updateSpan) {\n      this.$updateSpan.setAttribute('role', 'status')\n      this.$updateSpan.textContent = ''\n    }\n\n    // Sync the keypress indicator lights\n    this.updateIndicator()\n\n    // If the timeouts are active, clear them\n    if (this.keypressTimeoutId) {\n      window.clearTimeout(this.keypressTimeoutId)\n    }\n\n    if (this.timeoutMessageId) {\n      window.clearTimeout(this.timeoutMessageId)\n    }\n  }\n\n  /**\n   * Name for the component used when initialising using data-module attributes.\n   */\n  static moduleName = 'govuk-exit-this-page'\n\n  /**\n   * Exit this page default config\n   *\n   * @see {@link ExitThisPageConfig}\n   * @constant\n   * @type {ExitThisPageConfig}\n   */\n  static defaults = Object.freeze({\n    i18n: {\n      activated: 'Loading.',\n      timedOut: 'Exit this page expired.',\n      pressTwoMoreTimes: 'Shift, press 2 more times to exit.',\n      pressOneMoreTime: 'Shift, press 1 more time to exit.'\n    }\n  })\n\n  /**\n   * Exit this page config schema\n   *\n   * @constant\n   * @satisfies {Schema<ExitThisPageConfig>}\n   */\n  static schema = Object.freeze({\n    properties: {\n      i18n: { type: 'object' }\n    }\n  })\n}\n\n/**\n * Exit this Page config\n *\n * @see {@link ExitThisPage.defaults}\n * @typedef {object} ExitThisPageConfig\n * @property {ExitThisPageTranslations} [i18n=ExitThisPage.defaults.i18n] - Exit this page translations\n */\n\n/**\n * Exit this Page translations\n *\n * @see {@link ExitThisPage.defaults.i18n}\n * @typedef {object} ExitThisPageTranslations\n *\n * Messages used by the component programatically inserted text, including\n * overlay text and screen reader announcements.\n * @property {string} [activated] - Screen reader announcement for when EtP\n *   keypress functionality has been successfully activated.\n * @property {string} [timedOut] - Screen reader announcement for when the EtP\n *   keypress functionality has timed out.\n * @property {string} [pressTwoMoreTimes] - Screen reader announcement informing\n *   the user they must press the activation key two more times.\n * @property {string} [pressOneMoreTime] - Screen reader announcement informing\n *   the user they must press the activation key one more time.\n */\n\n/**\n * @import { Schema } from '../../common/configuration.mjs'\n */\n"],"names":["ExitThisPage","ConfigurableComponent","constructor","$root","config","i18n","$button","$skiplinkButton","$updateSpan","$indicatorContainer","$overlay","keypressCounter","lastKeyWasModified","timeoutTime","keypressTimeoutId","timeoutMessageId","querySelector","HTMLAnchorElement","ElementError","component","element","expectedType","identifier","I18n","document","buildIndicator","initUpdateSpan","initButtonClickHandler","body","dataset","addEventListener","handleKeypress","bind","govukFrontendExitThisPageKeypress","window","resetPage","createElement","setAttribute","className","appendChild","handleClick","i","$indicator","updateIndicator","classList","toggle","$indicators","querySelectorAll","forEach","index","exitPage","textContent","add","t","location","href","event","preventDefault","key","clearTimeout","setKeypressTimer","resetKeypressTimer","shiftKey","setTimeout","remove","moduleName","defaults","Object","freeze","activated","timedOut","pressTwoMoreTimes","pressOneMoreTime","schema","properties","type"],"mappings":"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"}
\ No newline at end of file
diff --git a/app/templates/govuk/components/exit-this-page/fixtures.json b/app/templates/govuk/components/exit-this-page/fixtures.json
new file mode 100644
index 0000000..b81e938
--- /dev/null
+++ b/app/templates/govuk/components/exit-this-page/fixtures.json
@@ -0,0 +1,62 @@
+{
+    "component": "exit-this-page",
+    "fixtures": [
+        {
+            "name": "default",
+            "options": {
+                "redirectUrl": "/full-page-examples/announcements",
+                "id": null,
+                "classes": null,
+                "attributes": {}
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": true,
+            "html": "<div class=\"govuk-exit-this-page\" data-module=\"govuk-exit-this-page\">\n  <a href=\"/full-page-examples/announcements\" role=\"button\" draggable=\"false\" class=\"govuk-button govuk-button--warning govuk-exit-this-page__button govuk-js-exit-this-page-button\" data-module=\"govuk-button\" rel=\"nofollow noreferrer\">\n    <span class=\"govuk-visually-hidden\">Emergency</span> Exit this page\n  </a>\n</div>"
+        },
+        {
+            "name": "testing",
+            "options": {
+                "text": "Exit this test",
+                "redirectUrl": "https://www.test.co.uk",
+                "id": "test-id",
+                "classes": "test-class",
+                "attributes": {
+                    "test-attribute": true
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div id=\"test-id\" class=\"govuk-exit-this-page test-class\" data-module=\"govuk-exit-this-page\" test-attribute=\"true\">\n  <a href=\"https://www.test.co.uk\" role=\"button\" draggable=\"false\" class=\"govuk-button govuk-button--warning govuk-exit-this-page__button govuk-js-exit-this-page-button\" data-module=\"govuk-button\" rel=\"nofollow noreferrer\">\n    Exit this test\n  </a>\n</div>"
+        },
+        {
+            "name": "testing-html",
+            "options": {
+                "html": "Exit <em>this</em> test"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-exit-this-page\" data-module=\"govuk-exit-this-page\">\n  <a href=\"https://www.bbc.co.uk/weather\" role=\"button\" draggable=\"false\" class=\"govuk-button govuk-button--warning govuk-exit-this-page__button govuk-js-exit-this-page-button\" data-module=\"govuk-button\" rel=\"nofollow noreferrer\">\n    Exit <em>this</em> test\n  </a>\n</div>"
+        },
+        {
+            "name": "translated",
+            "options": {
+                "text": "Gadael y dudalen",
+                "activatedText": "Tudalen ymadael",
+                "timedOutText": "Wedi'i amseru",
+                "pressTwoMoreTimesText": "Pwyswch 'Shift' 2 gwaith arall",
+                "pressOneMoreTimeText": "Pwyswch 'Shift' 1 mwy o amser"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-exit-this-page\" data-module=\"govuk-exit-this-page\" data-i18n.activated=\"Tudalen ymadael\" data-i18n.timed-out=\"Wedi&#39;i amseru\" data-i18n.press-two-more-times=\"Pwyswch &#39;Shift&#39; 2 gwaith arall\" data-i18n.press-one-more-time=\"Pwyswch &#39;Shift&#39; 1 mwy o amser\">\n  <a href=\"https://www.bbc.co.uk/weather\" role=\"button\" draggable=\"false\" class=\"govuk-button govuk-button--warning govuk-exit-this-page__button govuk-js-exit-this-page-button\" data-module=\"govuk-button\" rel=\"nofollow noreferrer\">\n    Gadael y dudalen\n  </a>\n</div>"
+        }
+    ]
+}
diff --git a/app/templates/govuk/components/exit-this-page/macro-options.json b/app/templates/govuk/components/exit-this-page/macro-options.json
new file mode 100644
index 0000000..a90afd5
--- /dev/null
+++ b/app/templates/govuk/components/exit-this-page/macro-options.json
@@ -0,0 +1,62 @@
+[
+    {
+        "name": "text",
+        "type": "string",
+        "required": false,
+        "description": "Text for the link. If `html` is provided, the `text` option will be ignored. Defaults to `\"Emergency Exit this page\"` with 'Emergency' visually hidden."
+    },
+    {
+        "name": "html",
+        "type": "string",
+        "required": false,
+        "description": "HTML for the link. If `html` is provided, the `text` option will be ignored. Defaults to `\"Emergency Exit this page\"` with 'Emergency' visually hidden."
+    },
+    {
+        "name": "redirectUrl",
+        "type": "string",
+        "required": false,
+        "description": "URL to redirect the current tab to. Defaults to `\"https://www.bbc.co.uk/weather\"`."
+    },
+    {
+        "name": "id",
+        "type": "string",
+        "required": false,
+        "description": "ID attribute to add to the exit this page container."
+    },
+    {
+        "name": "classes",
+        "type": "string",
+        "required": false,
+        "description": "Classes to add to the exit this page container."
+    },
+    {
+        "name": "attributes",
+        "type": "object",
+        "required": false,
+        "description": "HTML attributes (for example data attributes) to add to the exit this page container."
+    },
+    {
+        "name": "activatedText",
+        "type": "string",
+        "required": false,
+        "description": "Text announced by screen readers when Exit this Page has been activated via the keyboard shortcut. Defaults to `\"Loading.\"`."
+    },
+    {
+        "name": "timedOutText",
+        "type": "string",
+        "required": false,
+        "description": "Text announced by screen readers when the keyboard shortcut has timed out without successful activation. Defaults to `\"Exit this page expired.\"`."
+    },
+    {
+        "name": "pressTwoMoreTimesText",
+        "type": "string",
+        "required": false,
+        "description": "Text announced by screen readers when the user must press <kbd>Shift</kbd> two more times to activate the button. Defaults to `\"Shift, press 2 more times to exit.\"`."
+    },
+    {
+        "name": "pressOneMoreTimeText",
+        "type": "string",
+        "required": false,
+        "description": "Text announced by screen readers when the user must press <kbd>Shift</kbd> one more time to activate the button. Defaults to `\"Shift, press 1 more time to exit.\"`."
+    }
+]
diff --git a/app/templates/govuk/components/exit-this-page/macro.njk b/app/templates/govuk/components/exit-this-page/macro.njk
new file mode 100644
index 0000000..cbcca08
--- /dev/null
+++ b/app/templates/govuk/components/exit-this-page/macro.njk
@@ -0,0 +1,3 @@
+{% macro govukExitThisPage(params) %}
+  {%- include "./template.njk" -%}
+{% endmacro %}
diff --git a/app/templates/govuk/components/exit-this-page/template-default.html b/app/templates/govuk/components/exit-this-page/template-default.html
new file mode 100644
index 0000000..cdb0b24
--- /dev/null
+++ b/app/templates/govuk/components/exit-this-page/template-default.html
@@ -0,0 +1,5 @@
+<div class="govuk-exit-this-page" data-module="govuk-exit-this-page">
+  <a href="/full-page-examples/announcements" role="button" draggable="false" class="govuk-button govuk-button--warning govuk-exit-this-page__button govuk-js-exit-this-page-button" data-module="govuk-button" rel="nofollow noreferrer">
+    <span class="govuk-visually-hidden">Emergency</span> Exit this page
+  </a>
+</div>
diff --git a/app/templates/govuk/components/exit-this-page/template.njk b/app/templates/govuk/components/exit-this-page/template.njk
new file mode 100644
index 0000000..3ca2aa7
--- /dev/null
+++ b/app/templates/govuk/components/exit-this-page/template.njk
@@ -0,0 +1,25 @@
+{% from "../../macros/attributes.njk" import govukAttributes %}
+{% from "../button/macro.njk" import govukButton %}
+
+{%- set defaultHtml %}
+  <span class="govuk-visually-hidden">Emergency</span> Exit this page
+{% endset -%}
+
+<div
+  {%- if params.id %} id="{{ params.id }}"{% endif %} class="govuk-exit-this-page {%- if params.classes %} {{ params.classes }}{% endif %}" data-module="govuk-exit-this-page"
+  {{- govukAttributes(params.attributes) -}}
+  {%- if params.activatedText %} data-i18n.activated="{{ params.activatedText | escape }}"{% endif %}
+  {%- if params.timedOutText %} data-i18n.timed-out="{{ params.timedOutText | escape }}"{% endif %}
+  {%- if params.pressTwoMoreTimesText %} data-i18n.press-two-more-times="{{ params.pressTwoMoreTimesText | escape }}"{% endif %}
+  {%- if params.pressOneMoreTimeText %} data-i18n.press-one-more-time="{{ params.pressOneMoreTimeText | escape }}"{% endif %}
+>
+  {{ govukButton({
+    html: params.html if (params.html or params.text) else defaultHtml,
+    text: params.text,
+    classes: "govuk-button--warning govuk-exit-this-page__button govuk-js-exit-this-page-button",
+    href: params.redirectUrl | default("https://www.bbc.co.uk/weather", true),
+    attributes: {
+      rel: "nofollow noreferrer"
+    }
+  }) | trim | indent(2) }}
+</div>
diff --git a/app/templates/govuk/components/fieldset/README.md b/app/templates/govuk/components/fieldset/README.md
new file mode 100644
index 0000000..da507d6
--- /dev/null
+++ b/app/templates/govuk/components/fieldset/README.md
@@ -0,0 +1,15 @@
+# Fieldset
+
+## Installation
+
+See the [main README quick start guide](https://github.com/alphagov/govuk-frontend#quick-start) for how to install this component.
+
+## Guidance and Examples
+
+Find out when to use the fieldset component in your service in the [GOV.UK Design System](https://design-system.service.gov.uk/components/fieldset).
+
+## Component options
+
+Use options to customise the appearance, content and behaviour of a component when using a macro, for example, changing the text.
+
+See [options table](https://design-system.service.gov.uk/components/fieldset/#options-fieldset-example) for details.
diff --git a/app/templates/govuk/components/fieldset/_fieldset.scss b/app/templates/govuk/components/fieldset/_fieldset.scss
new file mode 100644
index 0000000..89ee7c6
--- /dev/null
+++ b/app/templates/govuk/components/fieldset/_fieldset.scss
@@ -0,0 +1,4 @@
+@import "../../base";
+@import "./index";
+
+/*# sourceMappingURL=_fieldset.scss.map */
diff --git a/app/templates/govuk/components/fieldset/_fieldset.scss.map b/app/templates/govuk/components/fieldset/_fieldset.scss.map
new file mode 100644
index 0000000..fe233db
--- /dev/null
+++ b/app/templates/govuk/components/fieldset/_fieldset.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/fieldset/_fieldset.scss"],"names":[],"mappings":"AAAA,oBAAoB;AACpB,iBAAiB","file":"_fieldset.scss","sourcesContent":["@import \"../../base\";\n@import \"./index\";\n"]}
diff --git a/app/templates/govuk/components/fieldset/_index.scss b/app/templates/govuk/components/fieldset/_index.scss
new file mode 100644
index 0000000..2ab7c44
--- /dev/null
+++ b/app/templates/govuk/components/fieldset/_index.scss
@@ -0,0 +1,69 @@
+@include govuk-exports("govuk/component/fieldset") {
+  .govuk-fieldset {
+    min-width: 0;
+    margin: 0;
+    padding: 0;
+    border: 0;
+    @include govuk-clearfix;
+  }
+
+  // Fix for Firefox < 53 (https://bugzil.la/504622)
+  // stylelint-disable selector-type-no-unknown -- Ignore 'x:-moz-any-link'
+  @supports not (caret-color: auto) {
+    .govuk-fieldset,
+    x:-moz-any-link {
+      display: table-cell;
+    }
+  }
+  // stylelint-enable selector-type-no-unknown
+
+  .govuk-fieldset__legend {
+    @include govuk-font($size: 19);
+    @include govuk-text-colour;
+
+    // Fix legend text wrapping in Edge and IE
+    // 1. IE9-11 & Edge 12-13
+    // 2. IE8-11
+    box-sizing: border-box; // 1
+    display: table; // 2
+    max-width: 100%; // 1
+    margin-bottom: govuk-spacing(2);
+    padding: 0;
+
+    white-space: normal; // 1
+  }
+
+  // Modifiers that make legends look more like their equivalent headings
+  .govuk-fieldset__legend--xl,
+  .govuk-fieldset__legend--l,
+  .govuk-fieldset__legend--m {
+    @include govuk-typography-weight-bold;
+    margin-bottom: govuk-spacing(3);
+  }
+
+  .govuk-fieldset__legend--xl {
+    @include govuk-font-size($size: 48);
+  }
+
+  .govuk-fieldset__legend--l {
+    @include govuk-font-size($size: 36);
+  }
+
+  .govuk-fieldset__legend--m {
+    @include govuk-font-size($size: 24);
+  }
+
+  .govuk-fieldset__legend--s {
+    @include govuk-typography-weight-bold;
+  }
+
+  // When the legend contains an H1, we want the H1 to inherit all styles from
+  // the legend. Effectively treat the heading as if it is not there.
+  .govuk-fieldset__heading {
+    margin: 0;
+    font-size: inherit;
+    font-weight: inherit;
+  }
+}
+
+/*# sourceMappingURL=_index.scss.map */
diff --git a/app/templates/govuk/components/fieldset/_index.scss.map b/app/templates/govuk/components/fieldset/_index.scss.map
new file mode 100644
index 0000000..6cae7ad
--- /dev/null
+++ b/app/templates/govuk/components/fieldset/_index.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/fieldset/_index.scss"],"names":[],"mappings":"AAAA;EACE;IACE,YAAY;IACZ,SAAS;IACT,UAAU;IACV,SAAS;IACT,uBAAuB;EACzB;;EAEA,iDAAiD;EACjD,wEAAwE;EACxE;IACE;;MAEE,mBAAmB;IACrB;EACF;EACA,2CAA2C;;EAE3C;IACE,8BAA8B;IAC9B,0BAA0B;;IAE1B,yCAAyC;IACzC,wBAAwB;IACxB,WAAW;IACX,sBAAsB,EAAE,GAAG;IAC3B,cAAc,EAAE,GAAG;IACnB,eAAe,EAAE,GAAG;IACpB,+BAA+B;IAC/B,UAAU;;IAEV,mBAAmB,EAAE,GAAG;EAC1B;;EAEA,sEAAsE;EACtE;;;IAGE,qCAAqC;IACrC,+BAA+B;EACjC;;EAEA;IACE,mCAAmC;EACrC;;EAEA;IACE,mCAAmC;EACrC;;EAEA;IACE,mCAAmC;EACrC;;EAEA;IACE,qCAAqC;EACvC;;EAEA,2EAA2E;EAC3E,kEAAkE;EAClE;IACE,SAAS;IACT,kBAAkB;IAClB,oBAAoB;EACtB;AACF","file":"_index.scss","sourcesContent":["@include govuk-exports(\"govuk/component/fieldset\") {\n  .govuk-fieldset {\n    min-width: 0;\n    margin: 0;\n    padding: 0;\n    border: 0;\n    @include govuk-clearfix;\n  }\n\n  // Fix for Firefox < 53 (https://bugzil.la/504622)\n  // stylelint-disable selector-type-no-unknown -- Ignore 'x:-moz-any-link'\n  @supports not (caret-color: auto) {\n    .govuk-fieldset,\n    x:-moz-any-link {\n      display: table-cell;\n    }\n  }\n  // stylelint-enable selector-type-no-unknown\n\n  .govuk-fieldset__legend {\n    @include govuk-font($size: 19);\n    @include govuk-text-colour;\n\n    // Fix legend text wrapping in Edge and IE\n    // 1. IE9-11 & Edge 12-13\n    // 2. IE8-11\n    box-sizing: border-box; // 1\n    display: table; // 2\n    max-width: 100%; // 1\n    margin-bottom: govuk-spacing(2);\n    padding: 0;\n\n    white-space: normal; // 1\n  }\n\n  // Modifiers that make legends look more like their equivalent headings\n  .govuk-fieldset__legend--xl,\n  .govuk-fieldset__legend--l,\n  .govuk-fieldset__legend--m {\n    @include govuk-typography-weight-bold;\n    margin-bottom: govuk-spacing(3);\n  }\n\n  .govuk-fieldset__legend--xl {\n    @include govuk-font-size($size: 48);\n  }\n\n  .govuk-fieldset__legend--l {\n    @include govuk-font-size($size: 36);\n  }\n\n  .govuk-fieldset__legend--m {\n    @include govuk-font-size($size: 24);\n  }\n\n  .govuk-fieldset__legend--s {\n    @include govuk-typography-weight-bold;\n  }\n\n  // When the legend contains an H1, we want the H1 to inherit all styles from\n  // the legend. Effectively treat the heading as if it is not there.\n  .govuk-fieldset__heading {\n    margin: 0;\n    font-size: inherit;\n    font-weight: inherit;\n  }\n}\n"]}
diff --git a/app/templates/govuk/components/fieldset/fixtures.json b/app/templates/govuk/components/fieldset/fixtures.json
new file mode 100644
index 0000000..380dfaf
--- /dev/null
+++ b/app/templates/govuk/components/fieldset/fixtures.json
@@ -0,0 +1,260 @@
+{
+    "component": "fieldset",
+    "fixtures": [
+        {
+            "name": "default",
+            "options": {
+                "legend": {
+                    "text": "What is your address?"
+                }
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": true,
+            "html": "<fieldset class=\"govuk-fieldset\">\n  <legend class=\"govuk-fieldset__legend\">\n    What is your address?\n  </legend>\n</fieldset>"
+        },
+        {
+            "name": "styled as xl text",
+            "options": {
+                "legend": {
+                    "text": "What is your address?",
+                    "classes": "govuk-fieldset__legend--xl"
+                }
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<fieldset class=\"govuk-fieldset\">\n  <legend class=\"govuk-fieldset__legend govuk-fieldset__legend--xl\">\n    What is your address?\n  </legend>\n</fieldset>"
+        },
+        {
+            "name": "styled as large text",
+            "options": {
+                "legend": {
+                    "text": "What is your address?",
+                    "classes": "govuk-fieldset__legend--l"
+                }
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<fieldset class=\"govuk-fieldset\">\n  <legend class=\"govuk-fieldset__legend govuk-fieldset__legend--l\">\n    What is your address?\n  </legend>\n</fieldset>"
+        },
+        {
+            "name": "styled as medium text",
+            "options": {
+                "legend": {
+                    "text": "What is your address?",
+                    "classes": "govuk-fieldset__legend--m"
+                }
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<fieldset class=\"govuk-fieldset\">\n  <legend class=\"govuk-fieldset__legend govuk-fieldset__legend--m\">\n    What is your address?\n  </legend>\n</fieldset>"
+        },
+        {
+            "name": "styled as small text",
+            "options": {
+                "legend": {
+                    "text": "What is your address?",
+                    "classes": "govuk-fieldset__legend--s"
+                }
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<fieldset class=\"govuk-fieldset\">\n  <legend class=\"govuk-fieldset__legend govuk-fieldset__legend--s\">\n    What is your address?\n  </legend>\n</fieldset>"
+        },
+        {
+            "name": "as page heading xl",
+            "options": {
+                "legend": {
+                    "text": "What is your address?",
+                    "classes": "govuk-fieldset__legend--xl",
+                    "isPageHeading": true
+                }
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<fieldset class=\"govuk-fieldset\">\n  <legend class=\"govuk-fieldset__legend govuk-fieldset__legend--xl\">\n    <h1 class=\"govuk-fieldset__heading\">\n      What is your address?\n    </h1>\n  </legend>\n</fieldset>"
+        },
+        {
+            "name": "as page heading l",
+            "options": {
+                "legend": {
+                    "text": "What is your address?",
+                    "classes": "govuk-fieldset__legend--l",
+                    "isPageHeading": true
+                }
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<fieldset class=\"govuk-fieldset\">\n  <legend class=\"govuk-fieldset__legend govuk-fieldset__legend--l\">\n    <h1 class=\"govuk-fieldset__heading\">\n      What is your address?\n    </h1>\n  </legend>\n</fieldset>"
+        },
+        {
+            "name": "as page heading m",
+            "options": {
+                "legend": {
+                    "text": "What is your address?",
+                    "classes": "govuk-fieldset__legend--m",
+                    "isPageHeading": true
+                }
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<fieldset class=\"govuk-fieldset\">\n  <legend class=\"govuk-fieldset__legend govuk-fieldset__legend--m\">\n    <h1 class=\"govuk-fieldset__heading\">\n      What is your address?\n    </h1>\n  </legend>\n</fieldset>"
+        },
+        {
+            "name": "as page heading s",
+            "options": {
+                "legend": {
+                    "text": "What is your address?",
+                    "classes": "govuk-fieldset__legend--s",
+                    "isPageHeading": true
+                }
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<fieldset class=\"govuk-fieldset\">\n  <legend class=\"govuk-fieldset__legend govuk-fieldset__legend--s\">\n    <h1 class=\"govuk-fieldset__heading\">\n      What is your address?\n    </h1>\n  </legend>\n</fieldset>"
+        },
+        {
+            "name": "as page heading without class",
+            "options": {
+                "legend": {
+                    "text": "What is your address?",
+                    "isPageHeading": true
+                }
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<fieldset class=\"govuk-fieldset\">\n  <legend class=\"govuk-fieldset__legend\">\n    <h1 class=\"govuk-fieldset__heading\">\n      What is your address?\n    </h1>\n  </legend>\n</fieldset>"
+        },
+        {
+            "name": "html fieldset content",
+            "options": {
+                "legend": {
+                    "text": "What is your address?"
+                },
+                "html": "<div class=\"my-content\">\n  <p>This is some content to put inside the fieldset</p>\n</div>\n"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<fieldset class=\"govuk-fieldset\">\n  <legend class=\"govuk-fieldset__legend\">\n    What is your address?\n  </legend>\n  <div class=\"my-content\">\n  <p>This is some content to put inside the fieldset</p>\n</div>\n\n</fieldset>"
+        },
+        {
+            "name": "with describedBy",
+            "options": {
+                "describedBy": "test-target-element",
+                "legend": {
+                    "text": "Which option?"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<fieldset class=\"govuk-fieldset\" aria-describedby=\"test-target-element\">\n  <legend class=\"govuk-fieldset__legend\">\n    Which option?\n  </legend>\n</fieldset>"
+        },
+        {
+            "name": "html as text",
+            "options": {
+                "legend": {
+                    "text": "What is <b>your</b> address?"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<fieldset class=\"govuk-fieldset\">\n  <legend class=\"govuk-fieldset__legend\">\n    What is &lt;b&gt;your&lt;/b&gt; address?\n  </legend>\n</fieldset>"
+        },
+        {
+            "name": "html",
+            "options": {
+                "legend": {
+                    "html": "What is <b>your</b> address?"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<fieldset class=\"govuk-fieldset\">\n  <legend class=\"govuk-fieldset__legend\">\n    What is <b>your</b> address?\n  </legend>\n</fieldset>"
+        },
+        {
+            "name": "legend classes",
+            "options": {
+                "legend": {
+                    "text": "What is your address?",
+                    "classes": "my-custom-class"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<fieldset class=\"govuk-fieldset\">\n  <legend class=\"govuk-fieldset__legend my-custom-class\">\n    What is your address?\n  </legend>\n</fieldset>"
+        },
+        {
+            "name": "classes",
+            "options": {
+                "classes": "app-fieldset--custom-modifier",
+                "legend": {
+                    "text": "Which option?"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<fieldset class=\"govuk-fieldset app-fieldset--custom-modifier\">\n  <legend class=\"govuk-fieldset__legend\">\n    Which option?\n  </legend>\n</fieldset>"
+        },
+        {
+            "name": "role",
+            "options": {
+                "role": "group",
+                "legend": {
+                    "text": "Which option?"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<fieldset class=\"govuk-fieldset\" role=\"group\">\n  <legend class=\"govuk-fieldset__legend\">\n    Which option?\n  </legend>\n</fieldset>"
+        },
+        {
+            "name": "attributes",
+            "options": {
+                "attributes": {
+                    "data-attribute": "value"
+                },
+                "legend": {
+                    "text": "Which option?"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<fieldset class=\"govuk-fieldset\" data-attribute=\"value\">\n  <legend class=\"govuk-fieldset__legend\">\n    Which option?\n  </legend>\n</fieldset>"
+        }
+    ]
+}
diff --git a/app/templates/govuk/components/fieldset/macro-options.json b/app/templates/govuk/components/fieldset/macro-options.json
new file mode 100644
index 0000000..2892031
--- /dev/null
+++ b/app/templates/govuk/components/fieldset/macro-options.json
@@ -0,0 +1,70 @@
+[
+    {
+        "name": "describedBy",
+        "type": "string",
+        "required": false,
+        "description": "One or more element IDs to add to the `aria-describedby` attribute, used to provide additional descriptive information for screenreader users."
+    },
+    {
+        "name": "legend",
+        "type": "object",
+        "required": false,
+        "description": "The legend for the fieldset component.",
+        "params": [
+            {
+                "name": "text",
+                "type": "string",
+                "required": true,
+                "description": "If `html` is set, this is not required. Text to use within the legend. If `html` is provided, the `text` option will be ignored."
+            },
+            {
+                "name": "html",
+                "type": "string",
+                "required": true,
+                "description": "If `text` is set, this is not required. HTML to use within the legend. If `html` is provided, the `text` option will be ignored."
+            },
+            {
+                "name": "classes",
+                "type": "string",
+                "required": false,
+                "description": "Classes to add to the legend."
+            },
+            {
+                "name": "isPageHeading",
+                "type": "boolean",
+                "required": false,
+                "description": "Whether the legend also acts as the heading for the page."
+            }
+        ]
+    },
+    {
+        "name": "classes",
+        "type": "string",
+        "required": false,
+        "description": "Classes to add to the fieldset container."
+    },
+    {
+        "name": "role",
+        "type": "string",
+        "required": false,
+        "description": "Optional ARIA role attribute."
+    },
+    {
+        "name": "attributes",
+        "type": "object",
+        "required": false,
+        "description": "HTML attributes (for example data attributes) to add to the fieldset container."
+    },
+    {
+        "name": "html",
+        "type": "string",
+        "required": false,
+        "description": "HTML to use/render within the fieldset element."
+    },
+    {
+        "name": "caller",
+        "type": "nunjucks-block",
+        "required": false,
+        "description": "Not strictly a parameter but [Nunjucks code convention](https://mozilla.github.io/nunjucks/templating.html#call). Using a `call` block enables you to call a macro with all the text inside the tag. This is helpful if you want to pass a lot of content into a macro. To use it, you will need to wrap the entire fieldset component in a `call` block."
+    }
+]
diff --git a/app/templates/govuk/components/fieldset/macro.njk b/app/templates/govuk/components/fieldset/macro.njk
new file mode 100644
index 0000000..6884421
--- /dev/null
+++ b/app/templates/govuk/components/fieldset/macro.njk
@@ -0,0 +1,3 @@
+{% macro govukFieldset(params) %}
+  {%- include "./template.njk" -%}
+{% endmacro %}
diff --git a/app/templates/govuk/components/fieldset/template-as-page-heading-l.html b/app/templates/govuk/components/fieldset/template-as-page-heading-l.html
new file mode 100644
index 0000000..2ab1ef6
--- /dev/null
+++ b/app/templates/govuk/components/fieldset/template-as-page-heading-l.html
@@ -0,0 +1,7 @@
+<fieldset class="govuk-fieldset">
+  <legend class="govuk-fieldset__legend govuk-fieldset__legend--l">
+    <h1 class="govuk-fieldset__heading">
+      What is your address?
+    </h1>
+  </legend>
+</fieldset>
diff --git a/app/templates/govuk/components/fieldset/template-as-page-heading-m.html b/app/templates/govuk/components/fieldset/template-as-page-heading-m.html
new file mode 100644
index 0000000..20664f8
--- /dev/null
+++ b/app/templates/govuk/components/fieldset/template-as-page-heading-m.html
@@ -0,0 +1,7 @@
+<fieldset class="govuk-fieldset">
+  <legend class="govuk-fieldset__legend govuk-fieldset__legend--m">
+    <h1 class="govuk-fieldset__heading">
+      What is your address?
+    </h1>
+  </legend>
+</fieldset>
diff --git a/app/templates/govuk/components/fieldset/template-as-page-heading-s.html b/app/templates/govuk/components/fieldset/template-as-page-heading-s.html
new file mode 100644
index 0000000..f2ba900
--- /dev/null
+++ b/app/templates/govuk/components/fieldset/template-as-page-heading-s.html
@@ -0,0 +1,7 @@
+<fieldset class="govuk-fieldset">
+  <legend class="govuk-fieldset__legend govuk-fieldset__legend--s">
+    <h1 class="govuk-fieldset__heading">
+      What is your address?
+    </h1>
+  </legend>
+</fieldset>
diff --git a/app/templates/govuk/components/fieldset/template-as-page-heading-without-class.html b/app/templates/govuk/components/fieldset/template-as-page-heading-without-class.html
new file mode 100644
index 0000000..eb9f7ad
--- /dev/null
+++ b/app/templates/govuk/components/fieldset/template-as-page-heading-without-class.html
@@ -0,0 +1,7 @@
+<fieldset class="govuk-fieldset">
+  <legend class="govuk-fieldset__legend">
+    <h1 class="govuk-fieldset__heading">
+      What is your address?
+    </h1>
+  </legend>
+</fieldset>
diff --git a/app/templates/govuk/components/fieldset/template-as-page-heading-xl.html b/app/templates/govuk/components/fieldset/template-as-page-heading-xl.html
new file mode 100644
index 0000000..97ca246
--- /dev/null
+++ b/app/templates/govuk/components/fieldset/template-as-page-heading-xl.html
@@ -0,0 +1,7 @@
+<fieldset class="govuk-fieldset">
+  <legend class="govuk-fieldset__legend govuk-fieldset__legend--xl">
+    <h1 class="govuk-fieldset__heading">
+      What is your address?
+    </h1>
+  </legend>
+</fieldset>
diff --git a/app/templates/govuk/components/fieldset/template-default.html b/app/templates/govuk/components/fieldset/template-default.html
new file mode 100644
index 0000000..3c2f849
--- /dev/null
+++ b/app/templates/govuk/components/fieldset/template-default.html
@@ -0,0 +1,5 @@
+<fieldset class="govuk-fieldset">
+  <legend class="govuk-fieldset__legend">
+    What is your address?
+  </legend>
+</fieldset>
diff --git a/app/templates/govuk/components/fieldset/template-styled-as-large-text.html b/app/templates/govuk/components/fieldset/template-styled-as-large-text.html
new file mode 100644
index 0000000..a180395
--- /dev/null
+++ b/app/templates/govuk/components/fieldset/template-styled-as-large-text.html
@@ -0,0 +1,5 @@
+<fieldset class="govuk-fieldset">
+  <legend class="govuk-fieldset__legend govuk-fieldset__legend--l">
+    What is your address?
+  </legend>
+</fieldset>
diff --git a/app/templates/govuk/components/fieldset/template-styled-as-medium-text.html b/app/templates/govuk/components/fieldset/template-styled-as-medium-text.html
new file mode 100644
index 0000000..8cd4c2c
--- /dev/null
+++ b/app/templates/govuk/components/fieldset/template-styled-as-medium-text.html
@@ -0,0 +1,5 @@
+<fieldset class="govuk-fieldset">
+  <legend class="govuk-fieldset__legend govuk-fieldset__legend--m">
+    What is your address?
+  </legend>
+</fieldset>
diff --git a/app/templates/govuk/components/fieldset/template-styled-as-small-text.html b/app/templates/govuk/components/fieldset/template-styled-as-small-text.html
new file mode 100644
index 0000000..24bec42
--- /dev/null
+++ b/app/templates/govuk/components/fieldset/template-styled-as-small-text.html
@@ -0,0 +1,5 @@
+<fieldset class="govuk-fieldset">
+  <legend class="govuk-fieldset__legend govuk-fieldset__legend--s">
+    What is your address?
+  </legend>
+</fieldset>
diff --git a/app/templates/govuk/components/fieldset/template-styled-as-xl-text.html b/app/templates/govuk/components/fieldset/template-styled-as-xl-text.html
new file mode 100644
index 0000000..2d35c04
--- /dev/null
+++ b/app/templates/govuk/components/fieldset/template-styled-as-xl-text.html
@@ -0,0 +1,5 @@
+<fieldset class="govuk-fieldset">
+  <legend class="govuk-fieldset__legend govuk-fieldset__legend--xl">
+    What is your address?
+  </legend>
+</fieldset>
diff --git a/app/templates/govuk/components/fieldset/template.njk b/app/templates/govuk/components/fieldset/template.njk
new file mode 100644
index 0000000..85faa40
--- /dev/null
+++ b/app/templates/govuk/components/fieldset/template.njk
@@ -0,0 +1,24 @@
+{% from "../../macros/attributes.njk" import govukAttributes -%}
+
+<fieldset class="govuk-fieldset
+  {%- if params.classes %} {{ params.classes }}{% endif %}"
+  {%- if params.role %} role="{{ params.role }}"{% endif %}
+  {%- if params.describedBy %} aria-describedby="{{ params.describedBy }}"{% endif %}
+  {{- govukAttributes(params.attributes) }}>
+  {% if params.legend.html or params.legend.text %}
+  <legend class="govuk-fieldset__legend {%- if params.legend.classes %} {{ params.legend.classes }}{% endif %}">
+  {% if params.legend.isPageHeading %}
+    <h1 class="govuk-fieldset__heading">
+      {{ params.legend.html | safe | trim | indent(6) if params.legend.html else params.legend.text }}
+    </h1>
+  {% else %}
+    {{ params.legend.html | safe | trim | indent(4) if params.legend.html else params.legend.text }}
+  {% endif %}
+  </legend>
+  {% endif %}
+{% if caller %} {#- if statement allows usage of `call` to be optional -#}
+  {{ caller() }}
+{% elseif params.html %}
+  {{ params.html | safe }}
+{% endif %}
+</fieldset>
diff --git a/app/templates/govuk/components/file-upload/README.md b/app/templates/govuk/components/file-upload/README.md
new file mode 100644
index 0000000..687414d
--- /dev/null
+++ b/app/templates/govuk/components/file-upload/README.md
@@ -0,0 +1,15 @@
+# File upload
+
+## Installation
+
+See the [main README quick start guide](https://github.com/alphagov/govuk-frontend#quick-start) for how to install this component.
+
+## Guidance and Examples
+
+Find out when to use the file upload component in your service in the [GOV.UK Design System](https://design-system.service.gov.uk/components/file-upload).
+
+## Component options
+
+Use options to customise the appearance, content and behaviour of a component when using a macro, for example, changing the text.
+
+See [options table](https://design-system.service.gov.uk/components/file-upload/#options-file-upload-example) for details.
diff --git a/app/templates/govuk/components/file-upload/_file-upload.scss b/app/templates/govuk/components/file-upload/_file-upload.scss
new file mode 100644
index 0000000..dec9aeb
--- /dev/null
+++ b/app/templates/govuk/components/file-upload/_file-upload.scss
@@ -0,0 +1,4 @@
+@import "../../base";
+@import "./index";
+
+/*# sourceMappingURL=_file-upload.scss.map */
diff --git a/app/templates/govuk/components/file-upload/_file-upload.scss.map b/app/templates/govuk/components/file-upload/_file-upload.scss.map
new file mode 100644
index 0000000..83aa4ef
--- /dev/null
+++ b/app/templates/govuk/components/file-upload/_file-upload.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/file-upload/_file-upload.scss"],"names":[],"mappings":"AAAA,oBAAoB;AACpB,iBAAiB","file":"_file-upload.scss","sourcesContent":["@import \"../../base\";\n@import \"./index\";\n"]}
diff --git a/app/templates/govuk/components/file-upload/_index.scss b/app/templates/govuk/components/file-upload/_index.scss
new file mode 100644
index 0000000..c88c66c
--- /dev/null
+++ b/app/templates/govuk/components/file-upload/_index.scss
@@ -0,0 +1,218 @@
+@import "../error-message/index";
+@import "../hint/index";
+@import "../label/index";
+
+@include govuk-exports("govuk/component/file-upload") {
+  $file-upload-border-width: 2px;
+  $component-padding: govuk-spacing(1);
+  $empty-button-background-colour: govuk-colour("white");
+  $empty-pseudo-button-background-colour: govuk-colour("light-grey");
+  $empty-status-background-colour: govuk-tint(govuk-colour("blue"), 70%);
+
+  .govuk-file-upload {
+    @include govuk-font($size: 19);
+    @include govuk-text-colour;
+    max-width: 100%;
+    margin-left: -$component-padding;
+    padding: $component-padding;
+
+    // The default file upload button in Safari does not support setting a
+    // custom font-size. Set `-webkit-appearance` to `button` to drop out of the
+    // native appearance so the font-size is set to 19px
+    // https://webkit.org/b/224746
+    &::-webkit-file-upload-button {
+      -webkit-appearance: button;
+      color: inherit;
+      font: inherit;
+    }
+
+    &:focus {
+      outline: $govuk-focus-width solid $govuk-focus-colour;
+      // Use `box-shadow` to add border instead of changing `border-width`
+      // (which changes element size) and since `outline` is already used for
+      // the yellow focus state.
+      box-shadow: inset 0 0 0 4px $govuk-input-border-colour;
+    }
+
+    // Set "focus-within" to fix https://bugzil.la/1430196 so that component
+    // receives focus in Firefox.
+    // This can't be set together with `:focus` as all versions of IE fail
+    // to recognise `focus-within` and don't set any styles from the block
+    // when it's a selector.
+    &:focus-within {
+      outline: $govuk-focus-width solid $govuk-focus-colour;
+
+      box-shadow: inset 0 0 0 4px $govuk-input-border-colour;
+    }
+
+    &:disabled {
+      opacity: 0.5;
+      cursor: not-allowed;
+    }
+  }
+
+  .govuk-drop-zone {
+    display: block;
+    position: relative;
+    z-index: 0;
+    background-color: $govuk-body-background-colour;
+  }
+
+  // required because disabling pointer events
+  // on the button means that the cursor style
+  // be applied on the button itself
+  .govuk-drop-zone--disabled {
+    cursor: not-allowed;
+  }
+
+  .govuk-file-upload-button__pseudo-button {
+    width: auto;
+    margin-right: govuk-spacing(2);
+    margin-bottom: $govuk-border-width-form-element + 1;
+    flex-shrink: 0;
+  }
+
+  .govuk-file-upload-button__instruction {
+    margin-top: govuk-spacing(2) - ($govuk-border-width-form-element + 1);
+    margin-bottom: 0;
+    text-align: left;
+  }
+
+  .govuk-file-upload-button__status {
+    display: block;
+    margin-bottom: govuk-spacing(2);
+    padding: govuk-spacing(3) govuk-spacing(2);
+    background-color: govuk-colour("white");
+    text-align: left;
+  }
+
+  // bugs documented with button using flex
+  // https://github.com/philipwalton/flexbugs#flexbug-9
+  // so we need a container here
+  .govuk-file-upload-button__pseudo-button-container {
+    display: flex;
+    align-items: baseline;
+    flex-wrap: wrap;
+  }
+
+  .govuk-file-upload-button {
+    width: 100%;
+    // align the padding to be same as notification banner and error summary accounting for the thicker borders
+    padding: (govuk-spacing(3) + $govuk-border-width - $file-upload-border-width);
+    border: $file-upload-border-width govuk-colour("mid-grey") solid;
+    background-color: govuk-colour("light-grey");
+    cursor: pointer;
+
+    @include govuk-media-query($from: tablet) {
+      padding: (govuk-spacing(4) + $govuk-border-width - $file-upload-border-width);
+    }
+
+    .govuk-file-upload-button__pseudo-button {
+      background-color: govuk-colour("white");
+    }
+
+    &:hover {
+      background-color: govuk-tint(govuk-colour("mid-grey"), 20%);
+
+      .govuk-file-upload-button__pseudo-button {
+        background-color: govuk-shade(govuk-colour("light-grey"), 10%);
+      }
+
+      .govuk-file-upload-button__status {
+        background-color: govuk-tint(govuk-colour("blue"), 80%);
+      }
+    }
+
+    &:active,
+    &:focus {
+      border: $file-upload-border-width solid govuk-colour("black");
+      outline: $govuk-focus-width solid $govuk-focus-colour;
+      // Ensure outline appears outside of the element
+      outline-offset: 0;
+      background-color: govuk-tint(govuk-colour("mid-grey"), 20%);
+      // Double the border by adding its width again. Use `box-shadow` for this
+      // instead of changing `border-width` - this is for consistency with
+      // components such as textarea where we avoid changing `border-width` as
+      // it will change the element size. Also, `outline` cannot be utilised
+      // here as it is already used for the yellow focus state.
+      box-shadow: inset 0 0 0 $govuk-border-width-form-element;
+
+      .govuk-file-upload-button__pseudo-button {
+        background-color: $govuk-focus-colour;
+        box-shadow: 0 2px 0 govuk-colour("black");
+      }
+
+      &:hover .govuk-file-upload-button__pseudo-button {
+        border-color: $govuk-focus-colour;
+        outline: 3px solid transparent;
+        background-color: govuk-colour("light-grey");
+        box-shadow: inset 0 0 0 1px $govuk-focus-colour;
+      }
+    }
+  }
+
+  .govuk-file-upload-button--empty {
+    border-style: dashed;
+    background-color: $empty-button-background-colour;
+
+    .govuk-file-upload-button__pseudo-button {
+      background-color: $empty-pseudo-button-background-colour;
+    }
+
+    .govuk-file-upload-button__status {
+      color: govuk-shade(govuk-colour("blue"), 60%);
+      background-color: $empty-status-background-colour;
+    }
+
+    &:hover,
+    &:focus,
+    &:active {
+      background-color: govuk-colour("light-grey");
+
+      .govuk-file-upload-button__status {
+        background-color: govuk-tint(govuk-colour("blue"), 80%);
+      }
+    }
+  }
+
+  .govuk-file-upload-button--dragging {
+    border-style: solid;
+    border-color: govuk-colour("black");
+
+    // extra specificity to apply when
+    // empty
+    &.govuk-file-upload-button {
+      background-color: govuk-tint(govuk-colour("mid-grey"), 20%);
+    }
+
+    &.govuk-file-upload-button--empty {
+      background-color: govuk-colour("light-grey");
+    }
+
+    &.govuk-file-upload-button--empty:not(:disabled) .govuk-file-upload-button__status,
+    &.govuk-file-upload-button--empty .govuk-file-upload-button__pseudo-button {
+      background-color: govuk-colour("white");
+    }
+
+    .govuk-file-upload-button__pseudo-button {
+      background-color: govuk-shade(govuk-colour("light-grey"), 10%);
+    }
+  }
+
+  .govuk-file-upload-button:disabled {
+    pointer-events: none;
+    opacity: 0.5;
+
+    background-color: $empty-button-background-colour;
+
+    .govuk-file-upload-button__pseudo-button {
+      background-color: $empty-pseudo-button-background-colour;
+    }
+
+    .govuk-file-upload-button__status {
+      background-color: $empty-status-background-colour;
+    }
+  }
+}
+
+/*# sourceMappingURL=_index.scss.map */
diff --git a/app/templates/govuk/components/file-upload/_index.scss.map b/app/templates/govuk/components/file-upload/_index.scss.map
new file mode 100644
index 0000000..4439167
--- /dev/null
+++ b/app/templates/govuk/components/file-upload/_index.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/file-upload/_index.scss"],"names":[],"mappings":"AAAA,gCAAgC;AAChC,uBAAuB;AACvB,wBAAwB;;AAExB;EACE,8BAA8B;EAC9B,oCAAoC;EACpC,sDAAsD;EACtD,kEAAkE;EAClE,sEAAsE;;EAEtE;IACE,8BAA8B;IAC9B,0BAA0B;IAC1B,eAAe;IACf,gCAAgC;IAChC,2BAA2B;;IAE3B,qEAAqE;IACrE,2EAA2E;IAC3E,mDAAmD;IACnD,6BAA6B;IAC7B;MACE,0BAA0B;MAC1B,cAAc;MACd,aAAa;IACf;;IAEA;MACE,qDAAqD;MACrD,mEAAmE;MACnE,sEAAsE;MACtE,yBAAyB;MACzB,sDAAsD;IACxD;;IAEA,uEAAuE;IACvE,4BAA4B;IAC5B,qEAAqE;IACrE,qEAAqE;IACrE,uBAAuB;IACvB;MACE,qDAAqD;;MAErD,sDAAsD;IACxD;;IAEA;MACE,YAAY;MACZ,mBAAmB;IACrB;EACF;;EAEA;IACE,cAAc;IACd,kBAAkB;IAClB,UAAU;IACV,+CAA+C;EACjD;;EAEA,2CAA2C;EAC3C,2CAA2C;EAC3C,iCAAiC;EACjC;IACE,mBAAmB;EACrB;;EAEA;IACE,WAAW;IACX,8BAA8B;IAC9B,mDAAmD;IACnD,cAAc;EAChB;;EAEA;IACE,qEAAqE;IACrE,gBAAgB;IAChB,gBAAgB;EAClB;;EAEA;IACE,cAAc;IACd,+BAA+B;IAC/B,0CAA0C;IAC1C,uCAAuC;IACvC,gBAAgB;EAClB;;EAEA,wCAAwC;EACxC,oDAAoD;EACpD,6BAA6B;EAC7B;IACE,aAAa;IACb,qBAAqB;IACrB,eAAe;EACjB;;EAEA;IACE,WAAW;IACX,0GAA0G;IAC1G,6EAA6E;IAC7E,gEAAgE;IAChE,4CAA4C;IAC5C,eAAe;;IAEf;MACE,6EAA6E;IAC/E;;IAEA;MACE,uCAAuC;IACzC;;IAEA;MACE,2DAA2D;;MAE3D;QACE,8DAA8D;MAChE;;MAEA;QACE,uDAAuD;MACzD;IACF;;IAEA;;MAEE,6DAA6D;MAC7D,qDAAqD;MACrD,+CAA+C;MAC/C,iBAAiB;MACjB,2DAA2D;MAC3D,wEAAwE;MACxE,mEAAmE;MACnE,uEAAuE;MACvE,qEAAqE;MACrE,wDAAwD;MACxD,wDAAwD;;MAExD;QACE,qCAAqC;QACrC,yCAAyC;MAC3C;;MAEA;QACE,iCAAiC;QACjC,8BAA8B;QAC9B,4CAA4C;QAC5C,+CAA+C;MACjD;IACF;EACF;;EAEA;IACE,oBAAoB;IACpB,iDAAiD;;IAEjD;MACE,wDAAwD;IAC1D;;IAEA;MACE,6CAA6C;MAC7C,iDAAiD;IACnD;;IAEA;;;MAGE,4CAA4C;;MAE5C;QACE,uDAAuD;MACzD;IACF;EACF;;EAEA;IACE,mBAAmB;IACnB,mCAAmC;;IAEnC,iCAAiC;IACjC,OAAO;IACP;MACE,2DAA2D;IAC7D;;IAEA;MACE,4CAA4C;IAC9C;;IAEA;;MAEE,uCAAuC;IACzC;;IAEA;MACE,8DAA8D;IAChE;EACF;;EAEA;IACE,oBAAoB;IACpB,YAAY;;IAEZ,iDAAiD;;IAEjD;MACE,wDAAwD;IAC1D;;IAEA;MACE,iDAAiD;IACnD;EACF;AACF","file":"_index.scss","sourcesContent":["@import \"../error-message/index\";\n@import \"../hint/index\";\n@import \"../label/index\";\n\n@include govuk-exports(\"govuk/component/file-upload\") {\n  $file-upload-border-width: 2px;\n  $component-padding: govuk-spacing(1);\n  $empty-button-background-colour: govuk-colour(\"white\");\n  $empty-pseudo-button-background-colour: govuk-colour(\"light-grey\");\n  $empty-status-background-colour: govuk-tint(govuk-colour(\"blue\"), 70%);\n\n  .govuk-file-upload {\n    @include govuk-font($size: 19);\n    @include govuk-text-colour;\n    max-width: 100%;\n    margin-left: -$component-padding;\n    padding: $component-padding;\n\n    // The default file upload button in Safari does not support setting a\n    // custom font-size. Set `-webkit-appearance` to `button` to drop out of the\n    // native appearance so the font-size is set to 19px\n    // https://webkit.org/b/224746\n    &::-webkit-file-upload-button {\n      -webkit-appearance: button;\n      color: inherit;\n      font: inherit;\n    }\n\n    &:focus {\n      outline: $govuk-focus-width solid $govuk-focus-colour;\n      // Use `box-shadow` to add border instead of changing `border-width`\n      // (which changes element size) and since `outline` is already used for\n      // the yellow focus state.\n      box-shadow: inset 0 0 0 4px $govuk-input-border-colour;\n    }\n\n    // Set \"focus-within\" to fix https://bugzil.la/1430196 so that component\n    // receives focus in Firefox.\n    // This can't be set together with `:focus` as all versions of IE fail\n    // to recognise `focus-within` and don't set any styles from the block\n    // when it's a selector.\n    &:focus-within {\n      outline: $govuk-focus-width solid $govuk-focus-colour;\n\n      box-shadow: inset 0 0 0 4px $govuk-input-border-colour;\n    }\n\n    &:disabled {\n      opacity: 0.5;\n      cursor: not-allowed;\n    }\n  }\n\n  .govuk-drop-zone {\n    display: block;\n    position: relative;\n    z-index: 0;\n    background-color: $govuk-body-background-colour;\n  }\n\n  // required because disabling pointer events\n  // on the button means that the cursor style\n  // be applied on the button itself\n  .govuk-drop-zone--disabled {\n    cursor: not-allowed;\n  }\n\n  .govuk-file-upload-button__pseudo-button {\n    width: auto;\n    margin-right: govuk-spacing(2);\n    margin-bottom: $govuk-border-width-form-element + 1;\n    flex-shrink: 0;\n  }\n\n  .govuk-file-upload-button__instruction {\n    margin-top: govuk-spacing(2) - ($govuk-border-width-form-element + 1);\n    margin-bottom: 0;\n    text-align: left;\n  }\n\n  .govuk-file-upload-button__status {\n    display: block;\n    margin-bottom: govuk-spacing(2);\n    padding: govuk-spacing(3) govuk-spacing(2);\n    background-color: govuk-colour(\"white\");\n    text-align: left;\n  }\n\n  // bugs documented with button using flex\n  // https://github.com/philipwalton/flexbugs#flexbug-9\n  // so we need a container here\n  .govuk-file-upload-button__pseudo-button-container {\n    display: flex;\n    align-items: baseline;\n    flex-wrap: wrap;\n  }\n\n  .govuk-file-upload-button {\n    width: 100%;\n    // align the padding to be same as notification banner and error summary accounting for the thicker borders\n    padding: (govuk-spacing(3) + $govuk-border-width - $file-upload-border-width);\n    border: $file-upload-border-width govuk-colour(\"mid-grey\") solid;\n    background-color: govuk-colour(\"light-grey\");\n    cursor: pointer;\n\n    @include govuk-media-query($from: tablet) {\n      padding: (govuk-spacing(4) + $govuk-border-width - $file-upload-border-width);\n    }\n\n    .govuk-file-upload-button__pseudo-button {\n      background-color: govuk-colour(\"white\");\n    }\n\n    &:hover {\n      background-color: govuk-tint(govuk-colour(\"mid-grey\"), 20%);\n\n      .govuk-file-upload-button__pseudo-button {\n        background-color: govuk-shade(govuk-colour(\"light-grey\"), 10%);\n      }\n\n      .govuk-file-upload-button__status {\n        background-color: govuk-tint(govuk-colour(\"blue\"), 80%);\n      }\n    }\n\n    &:active,\n    &:focus {\n      border: $file-upload-border-width solid govuk-colour(\"black\");\n      outline: $govuk-focus-width solid $govuk-focus-colour;\n      // Ensure outline appears outside of the element\n      outline-offset: 0;\n      background-color: govuk-tint(govuk-colour(\"mid-grey\"), 20%);\n      // Double the border by adding its width again. Use `box-shadow` for this\n      // instead of changing `border-width` - this is for consistency with\n      // components such as textarea where we avoid changing `border-width` as\n      // it will change the element size. Also, `outline` cannot be utilised\n      // here as it is already used for the yellow focus state.\n      box-shadow: inset 0 0 0 $govuk-border-width-form-element;\n\n      .govuk-file-upload-button__pseudo-button {\n        background-color: $govuk-focus-colour;\n        box-shadow: 0 2px 0 govuk-colour(\"black\");\n      }\n\n      &:hover .govuk-file-upload-button__pseudo-button {\n        border-color: $govuk-focus-colour;\n        outline: 3px solid transparent;\n        background-color: govuk-colour(\"light-grey\");\n        box-shadow: inset 0 0 0 1px $govuk-focus-colour;\n      }\n    }\n  }\n\n  .govuk-file-upload-button--empty {\n    border-style: dashed;\n    background-color: $empty-button-background-colour;\n\n    .govuk-file-upload-button__pseudo-button {\n      background-color: $empty-pseudo-button-background-colour;\n    }\n\n    .govuk-file-upload-button__status {\n      color: govuk-shade(govuk-colour(\"blue\"), 60%);\n      background-color: $empty-status-background-colour;\n    }\n\n    &:hover,\n    &:focus,\n    &:active {\n      background-color: govuk-colour(\"light-grey\");\n\n      .govuk-file-upload-button__status {\n        background-color: govuk-tint(govuk-colour(\"blue\"), 80%);\n      }\n    }\n  }\n\n  .govuk-file-upload-button--dragging {\n    border-style: solid;\n    border-color: govuk-colour(\"black\");\n\n    // extra specificity to apply when\n    // empty\n    &.govuk-file-upload-button {\n      background-color: govuk-tint(govuk-colour(\"mid-grey\"), 20%);\n    }\n\n    &.govuk-file-upload-button--empty {\n      background-color: govuk-colour(\"light-grey\");\n    }\n\n    &.govuk-file-upload-button--empty:not(:disabled) .govuk-file-upload-button__status,\n    &.govuk-file-upload-button--empty .govuk-file-upload-button__pseudo-button {\n      background-color: govuk-colour(\"white\");\n    }\n\n    .govuk-file-upload-button__pseudo-button {\n      background-color: govuk-shade(govuk-colour(\"light-grey\"), 10%);\n    }\n  }\n\n  .govuk-file-upload-button:disabled {\n    pointer-events: none;\n    opacity: 0.5;\n\n    background-color: $empty-button-background-colour;\n\n    .govuk-file-upload-button__pseudo-button {\n      background-color: $empty-pseudo-button-background-colour;\n    }\n\n    .govuk-file-upload-button__status {\n      background-color: $empty-status-background-colour;\n    }\n  }\n}\n"]}
diff --git a/app/templates/govuk/components/file-upload/file-upload.bundle.js b/app/templates/govuk/components/file-upload/file-upload.bundle.js
new file mode 100644
index 0000000..0d3f397
--- /dev/null
+++ b/app/templates/govuk/components/file-upload/file-upload.bundle.js
@@ -0,0 +1,621 @@
+(function (global, factory) {
+  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports) :
+  typeof define === 'function' && define.amd ? define(['exports'], factory) :
+  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.GOVUKFrontend = global.GOVUKFrontend || {}));
+})(this, (function (exports) { 'use strict';
+
+  function closestAttributeValue($element, attributeName) {
+    const $closestElementWithAttribute = $element.closest(`[${attributeName}]`);
+    return $closestElementWithAttribute ? $closestElementWithAttribute.getAttribute(attributeName) : null;
+  }
+
+  function isInitialised($root, moduleName) {
+    return $root instanceof HTMLElement && $root.hasAttribute(`data-${moduleName}-init`);
+  }
+
+  /**
+   * Checks if GOV.UK Frontend is supported on this page
+   *
+   * Some browsers will load and run our JavaScript but GOV.UK Frontend
+   * won't be supported.
+   *
+   * @param {HTMLElement | null} [$scope] - (internal) `<body>` HTML element checked for browser support
+   * @returns {boolean} Whether GOV.UK Frontend is supported on this page
+   */
+  function isSupported($scope = document.body) {
+    if (!$scope) {
+      return false;
+    }
+    return $scope.classList.contains('govuk-frontend-supported');
+  }
+  function isArray(option) {
+    return Array.isArray(option);
+  }
+  function isObject(option) {
+    return !!option && typeof option === 'object' && !isArray(option);
+  }
+  function formatErrorMessage(Component, message) {
+    return `${Component.moduleName}: ${message}`;
+  }
+  /**
+   * @typedef ComponentWithModuleName
+   * @property {string} moduleName - Name of the component
+   */
+
+  class GOVUKFrontendError extends Error {
+    constructor(...args) {
+      super(...args);
+      this.name = 'GOVUKFrontendError';
+    }
+  }
+  class SupportError extends GOVUKFrontendError {
+    /**
+     * Checks if GOV.UK Frontend is supported on this page
+     *
+     * @param {HTMLElement | null} [$scope] - HTML element `<body>` checked for browser support
+     */
+    constructor($scope = document.body) {
+      const supportMessage = 'noModule' in HTMLScriptElement.prototype ? 'GOV.UK Frontend initialised without `<body class="govuk-frontend-supported">` from template `<script>` snippet' : 'GOV.UK Frontend is not supported in this browser';
+      super($scope ? supportMessage : 'GOV.UK Frontend initialised without `<script type="module">`');
+      this.name = 'SupportError';
+    }
+  }
+  class ConfigError extends GOVUKFrontendError {
+    constructor(...args) {
+      super(...args);
+      this.name = 'ConfigError';
+    }
+  }
+  class ElementError extends GOVUKFrontendError {
+    constructor(messageOrOptions) {
+      let message = typeof messageOrOptions === 'string' ? messageOrOptions : '';
+      if (isObject(messageOrOptions)) {
+        const {
+          component,
+          identifier,
+          element,
+          expectedType
+        } = messageOrOptions;
+        message = identifier;
+        message += element ? ` is not of type ${expectedType != null ? expectedType : 'HTMLElement'}` : ' not found';
+        if (component) {
+          message = formatErrorMessage(component, message);
+        }
+      }
+      super(message);
+      this.name = 'ElementError';
+    }
+  }
+  class InitError extends GOVUKFrontendError {
+    constructor(componentOrMessage) {
+      const message = typeof componentOrMessage === 'string' ? componentOrMessage : formatErrorMessage(componentOrMessage, `Root element (\`$root\`) already initialised`);
+      super(message);
+      this.name = 'InitError';
+    }
+  }
+  /**
+   * @import { ComponentWithModuleName } from '../common/index.mjs'
+   */
+
+  class Component {
+    /**
+     * Returns the root element of the component
+     *
+     * @protected
+     * @returns {RootElementType} - the root element of component
+     */
+    get $root() {
+      return this._$root;
+    }
+    constructor($root) {
+      this._$root = void 0;
+      const childConstructor = this.constructor;
+      if (typeof childConstructor.moduleName !== 'string') {
+        throw new InitError(`\`moduleName\` not defined in component`);
+      }
+      if (!($root instanceof childConstructor.elementType)) {
+        throw new ElementError({
+          element: $root,
+          component: childConstructor,
+          identifier: 'Root element (`$root`)',
+          expectedType: childConstructor.elementType.name
+        });
+      } else {
+        this._$root = $root;
+      }
+      childConstructor.checkSupport();
+      this.checkInitialised();
+      const moduleName = childConstructor.moduleName;
+      this.$root.setAttribute(`data-${moduleName}-init`, '');
+    }
+    checkInitialised() {
+      const constructor = this.constructor;
+      const moduleName = constructor.moduleName;
+      if (moduleName && isInitialised(this.$root, moduleName)) {
+        throw new InitError(constructor);
+      }
+    }
+    static checkSupport() {
+      if (!isSupported()) {
+        throw new SupportError();
+      }
+    }
+  }
+
+  /**
+   * @typedef ChildClass
+   * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component
+   */
+
+  /**
+   * @typedef {typeof Component & ChildClass} ChildClassConstructor
+   */
+  Component.elementType = HTMLElement;
+
+  const configOverride = Symbol.for('configOverride');
+  class ConfigurableComponent extends Component {
+    [configOverride](param) {
+      return {};
+    }
+
+    /**
+     * Returns the root element of the component
+     *
+     * @protected
+     * @returns {ConfigurationType} - the root element of component
+     */
+    get config() {
+      return this._config;
+    }
+    constructor($root, config) {
+      super($root);
+      this._config = void 0;
+      const childConstructor = this.constructor;
+      if (!isObject(childConstructor.defaults)) {
+        throw new ConfigError(formatErrorMessage(childConstructor, 'Config passed as parameter into constructor but no defaults defined'));
+      }
+      const datasetConfig = normaliseDataset(childConstructor, this._$root.dataset);
+      this._config = mergeConfigs(childConstructor.defaults, config != null ? config : {}, this[configOverride](datasetConfig), datasetConfig);
+    }
+  }
+  function normaliseString(value, property) {
+    const trimmedValue = value ? value.trim() : '';
+    let output;
+    let outputType = property == null ? void 0 : property.type;
+    if (!outputType) {
+      if (['true', 'false'].includes(trimmedValue)) {
+        outputType = 'boolean';
+      }
+      if (trimmedValue.length > 0 && isFinite(Number(trimmedValue))) {
+        outputType = 'number';
+      }
+    }
+    switch (outputType) {
+      case 'boolean':
+        output = trimmedValue === 'true';
+        break;
+      case 'number':
+        output = Number(trimmedValue);
+        break;
+      default:
+        output = value;
+    }
+    return output;
+  }
+  function normaliseDataset(Component, dataset) {
+    if (!isObject(Component.schema)) {
+      throw new ConfigError(formatErrorMessage(Component, 'Config passed as parameter into constructor but no schema defined'));
+    }
+    const out = {};
+    const entries = Object.entries(Component.schema.properties);
+    for (const entry of entries) {
+      const [namespace, property] = entry;
+      const field = namespace.toString();
+      if (field in dataset) {
+        out[field] = normaliseString(dataset[field], property);
+      }
+      if ((property == null ? void 0 : property.type) === 'object') {
+        out[field] = extractConfigByNamespace(Component.schema, dataset, namespace);
+      }
+    }
+    return out;
+  }
+  function mergeConfigs(...configObjects) {
+    const formattedConfigObject = {};
+    for (const configObject of configObjects) {
+      for (const key of Object.keys(configObject)) {
+        const option = formattedConfigObject[key];
+        const override = configObject[key];
+        if (isObject(option) && isObject(override)) {
+          formattedConfigObject[key] = mergeConfigs(option, override);
+        } else {
+          formattedConfigObject[key] = override;
+        }
+      }
+    }
+    return formattedConfigObject;
+  }
+  function extractConfigByNamespace(schema, dataset, namespace) {
+    const property = schema.properties[namespace];
+    if ((property == null ? void 0 : property.type) !== 'object') {
+      return;
+    }
+    const newObject = {
+      [namespace]: {}
+    };
+    for (const [key, value] of Object.entries(dataset)) {
+      let current = newObject;
+      const keyParts = key.split('.');
+      for (const [index, name] of keyParts.entries()) {
+        if (isObject(current)) {
+          if (index < keyParts.length - 1) {
+            if (!isObject(current[name])) {
+              current[name] = {};
+            }
+            current = current[name];
+          } else if (key !== namespace) {
+            current[name] = normaliseString(value);
+          }
+        }
+      }
+    }
+    return newObject[namespace];
+  }
+  /**
+   * Schema for component config
+   *
+   * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType
+   * @typedef {object} Schema
+   * @property {Record<keyof ConfigurationType, SchemaProperty | undefined>} properties - Schema properties
+   * @property {SchemaCondition<ConfigurationType>[]} [anyOf] - List of schema conditions
+   */
+  /**
+   * Schema property for component config
+   *
+   * @typedef {object} SchemaProperty
+   * @property {'string' | 'boolean' | 'number' | 'object'} type - Property type
+   */
+  /**
+   * Schema condition for component config
+   *
+   * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType
+   * @typedef {object} SchemaCondition
+   * @property {(keyof ConfigurationType)[]} required - List of required config fields
+   * @property {string} errorMessage - Error message when required config fields not provided
+   */
+  /**
+   * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]
+   * @typedef ChildClass
+   * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component
+   * @property {Schema<ConfigurationType>} [schema] - The schema of the component configuration
+   * @property {ConfigurationType} [defaults] - The default values of the configuration of the component
+   */
+  /**
+   * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]
+   * @typedef {typeof Component & ChildClass<ConfigurationType>} ChildClassConstructor<ConfigurationType>
+   */
+  /**
+   * @import { CompatibleClass, Config, CreateAllOptions, OnErrorCallback } from '../init.mjs'
+   */
+
+  class I18n {
+    constructor(translations = {}, config = {}) {
+      var _config$locale;
+      this.translations = void 0;
+      this.locale = void 0;
+      this.translations = translations;
+      this.locale = (_config$locale = config.locale) != null ? _config$locale : document.documentElement.lang || 'en';
+    }
+    t(lookupKey, options) {
+      if (!lookupKey) {
+        throw new Error('i18n: lookup key missing');
+      }
+      let translation = this.translations[lookupKey];
+      if (typeof (options == null ? void 0 : options.count) === 'number' && isObject(translation)) {
+        const translationPluralForm = translation[this.getPluralSuffix(lookupKey, options.count)];
+        if (translationPluralForm) {
+          translation = translationPluralForm;
+        }
+      }
+      if (typeof translation === 'string') {
+        if (translation.match(/%{(.\S+)}/)) {
+          if (!options) {
+            throw new Error('i18n: cannot replace placeholders in string if no option data provided');
+          }
+          return this.replacePlaceholders(translation, options);
+        }
+        return translation;
+      }
+      return lookupKey;
+    }
+    replacePlaceholders(translationString, options) {
+      const formatter = Intl.NumberFormat.supportedLocalesOf(this.locale).length ? new Intl.NumberFormat(this.locale) : undefined;
+      return translationString.replace(/%{(.\S+)}/g, function (placeholderWithBraces, placeholderKey) {
+        if (Object.prototype.hasOwnProperty.call(options, placeholderKey)) {
+          const placeholderValue = options[placeholderKey];
+          if (placeholderValue === false || typeof placeholderValue !== 'number' && typeof placeholderValue !== 'string') {
+            return '';
+          }
+          if (typeof placeholderValue === 'number') {
+            return formatter ? formatter.format(placeholderValue) : `${placeholderValue}`;
+          }
+          return placeholderValue;
+        }
+        throw new Error(`i18n: no data found to replace ${placeholderWithBraces} placeholder in string`);
+      });
+    }
+    hasIntlPluralRulesSupport() {
+      return Boolean('PluralRules' in window.Intl && Intl.PluralRules.supportedLocalesOf(this.locale).length);
+    }
+    getPluralSuffix(lookupKey, count) {
+      count = Number(count);
+      if (!isFinite(count)) {
+        return 'other';
+      }
+      const translation = this.translations[lookupKey];
+      const preferredForm = this.hasIntlPluralRulesSupport() ? new Intl.PluralRules(this.locale).select(count) : 'other';
+      if (isObject(translation)) {
+        if (preferredForm in translation) {
+          return preferredForm;
+        } else if ('other' in translation) {
+          console.warn(`i18n: Missing plural form ".${preferredForm}" for "${this.locale}" locale. Falling back to ".other".`);
+          return 'other';
+        }
+      }
+      throw new Error(`i18n: Plural form ".other" is required for "${this.locale}" locale`);
+    }
+  }
+
+  /**
+   * File upload component
+   *
+   * @preserve
+   * @augments ConfigurableComponent<FileUploadConfig>
+   */
+  class FileUpload extends ConfigurableComponent {
+    /**
+     * @param {Element | null} $root - File input element
+     * @param {FileUploadConfig} [config] - File Upload config
+     */
+    constructor($root, config = {}) {
+      super($root, config);
+      this.$input = void 0;
+      this.$button = void 0;
+      this.$status = void 0;
+      this.i18n = void 0;
+      this.id = void 0;
+      this.$announcements = void 0;
+      this.enteredAnotherElement = void 0;
+      const $input = this.$root.querySelector('input');
+      if ($input === null) {
+        throw new ElementError({
+          component: FileUpload,
+          identifier: 'File inputs (`<input type="file">`)'
+        });
+      }
+      if ($input.type !== 'file') {
+        throw new ElementError(formatErrorMessage(FileUpload, 'File input (`<input type="file">`) attribute (`type`) is not `file`'));
+      }
+      this.$input = $input;
+      if (!this.$input.id) {
+        throw new ElementError({
+          component: FileUpload,
+          identifier: 'File input (`<input type="file">`) attribute (`id`)'
+        });
+      }
+      this.id = this.$input.id;
+      this.i18n = new I18n(this.config.i18n, {
+        locale: closestAttributeValue(this.$root, 'lang')
+      });
+      const $label = this.findLabel();
+      if (!$label.id) {
+        $label.id = `${this.id}-label`;
+      }
+      this.$input.id = `${this.id}-input`;
+      this.$input.setAttribute('hidden', 'true');
+      const $button = document.createElement('button');
+      $button.classList.add('govuk-file-upload-button');
+      $button.type = 'button';
+      $button.id = this.id;
+      $button.classList.add('govuk-file-upload-button--empty');
+      const ariaDescribedBy = this.$input.getAttribute('aria-describedby');
+      if (ariaDescribedBy) {
+        $button.setAttribute('aria-describedby', ariaDescribedBy);
+      }
+      const $status = document.createElement('span');
+      $status.className = 'govuk-body govuk-file-upload-button__status';
+      $status.setAttribute('aria-live', 'polite');
+      $status.innerText = this.i18n.t('noFileChosen');
+      $button.appendChild($status);
+      const commaSpan = document.createElement('span');
+      commaSpan.className = 'govuk-visually-hidden';
+      commaSpan.innerText = ', ';
+      commaSpan.id = `${this.id}-comma`;
+      $button.appendChild(commaSpan);
+      const containerSpan = document.createElement('span');
+      containerSpan.className = 'govuk-file-upload-button__pseudo-button-container';
+      const buttonSpan = document.createElement('span');
+      buttonSpan.className = 'govuk-button govuk-button--secondary govuk-file-upload-button__pseudo-button';
+      buttonSpan.innerText = this.i18n.t('chooseFilesButton');
+      containerSpan.appendChild(buttonSpan);
+      containerSpan.insertAdjacentText('beforeend', ' ');
+      const instructionSpan = document.createElement('span');
+      instructionSpan.className = 'govuk-body govuk-file-upload-button__instruction';
+      instructionSpan.innerText = this.i18n.t('dropInstruction');
+      containerSpan.appendChild(instructionSpan);
+      $button.appendChild(containerSpan);
+      $button.setAttribute('aria-labelledby', `${$label.id} ${commaSpan.id} ${$button.id}`);
+      $button.addEventListener('click', this.onClick.bind(this));
+      $button.addEventListener('dragover', event => {
+        event.preventDefault();
+      });
+      this.$root.insertAdjacentElement('afterbegin', $button);
+      this.$input.setAttribute('tabindex', '-1');
+      this.$input.setAttribute('aria-hidden', 'true');
+      this.$button = $button;
+      this.$status = $status;
+      this.$input.addEventListener('change', this.onChange.bind(this));
+      this.updateDisabledState();
+      this.observeDisabledState();
+      this.$announcements = document.createElement('span');
+      this.$announcements.classList.add('govuk-file-upload-announcements');
+      this.$announcements.classList.add('govuk-visually-hidden');
+      this.$announcements.setAttribute('aria-live', 'assertive');
+      this.$root.insertAdjacentElement('afterend', this.$announcements);
+      this.$button.addEventListener('drop', this.onDrop.bind(this));
+      document.addEventListener('dragenter', this.updateDropzoneVisibility.bind(this));
+      document.addEventListener('dragenter', () => {
+        this.enteredAnotherElement = true;
+      });
+      document.addEventListener('dragleave', () => {
+        if (!this.enteredAnotherElement && !this.$button.disabled) {
+          this.hideDraggingState();
+          this.$announcements.innerText = this.i18n.t('leftDropZone');
+        }
+        this.enteredAnotherElement = false;
+      });
+    }
+    updateDropzoneVisibility(event) {
+      if (this.$button.disabled) return;
+      if (event.target instanceof Node) {
+        if (this.$root.contains(event.target)) {
+          if (event.dataTransfer && isContainingFiles(event.dataTransfer)) {
+            if (!this.$button.classList.contains('govuk-file-upload-button--dragging')) {
+              this.showDraggingState();
+              this.$announcements.innerText = this.i18n.t('enteredDropZone');
+            }
+          }
+        } else {
+          if (this.$button.classList.contains('govuk-file-upload-button--dragging')) {
+            this.hideDraggingState();
+            this.$announcements.innerText = this.i18n.t('leftDropZone');
+          }
+        }
+      }
+    }
+    showDraggingState() {
+      this.$button.classList.add('govuk-file-upload-button--dragging');
+    }
+    hideDraggingState() {
+      this.$button.classList.remove('govuk-file-upload-button--dragging');
+    }
+    onDrop(event) {
+      event.preventDefault();
+      if (event.dataTransfer && isContainingFiles(event.dataTransfer)) {
+        this.$input.files = event.dataTransfer.files;
+        this.$input.dispatchEvent(new CustomEvent('change'));
+        this.hideDraggingState();
+      }
+    }
+    onChange() {
+      const fileCount = this.$input.files.length;
+      if (fileCount === 0) {
+        this.$status.innerText = this.i18n.t('noFileChosen');
+        this.$button.classList.add('govuk-file-upload-button--empty');
+      } else {
+        if (fileCount === 1) {
+          this.$status.innerText = this.$input.files[0].name;
+        } else {
+          this.$status.innerText = this.i18n.t('multipleFilesChosen', {
+            count: fileCount
+          });
+        }
+        this.$button.classList.remove('govuk-file-upload-button--empty');
+      }
+    }
+    findLabel() {
+      const $label = document.querySelector(`label[for="${this.$input.id}"]`);
+      if (!$label) {
+        throw new ElementError({
+          component: FileUpload,
+          identifier: `Field label (\`<label for=${this.$input.id}>\`)`
+        });
+      }
+      return $label;
+    }
+    onClick() {
+      this.$input.click();
+    }
+    observeDisabledState() {
+      const observer = new MutationObserver(mutationList => {
+        for (const mutation of mutationList) {
+          if (mutation.type === 'attributes' && mutation.attributeName === 'disabled') {
+            this.updateDisabledState();
+          }
+        }
+      });
+      observer.observe(this.$input, {
+        attributes: true
+      });
+    }
+    updateDisabledState() {
+      this.$button.disabled = this.$input.disabled;
+      this.$root.classList.toggle('govuk-drop-zone--disabled', this.$button.disabled);
+    }
+  }
+  FileUpload.moduleName = 'govuk-file-upload';
+  FileUpload.defaults = Object.freeze({
+    i18n: {
+      chooseFilesButton: 'Choose file',
+      dropInstruction: 'or drop file',
+      noFileChosen: 'No file chosen',
+      multipleFilesChosen: {
+        one: '%{count} file chosen',
+        other: '%{count} files chosen'
+      },
+      enteredDropZone: 'Entered drop zone',
+      leftDropZone: 'Left drop zone'
+    }
+  });
+  FileUpload.schema = Object.freeze({
+    properties: {
+      i18n: {
+        type: 'object'
+      }
+    }
+  });
+  function isContainingFiles(dataTransfer) {
+    const hasNoTypesInfo = dataTransfer.types.length === 0;
+    const isDraggingFiles = dataTransfer.types.some(type => type === 'Files');
+    return hasNoTypesInfo || isDraggingFiles;
+  }
+
+  /**
+   * @typedef {HTMLInputElement & {files: FileList}} HTMLFileInputElement
+   */
+
+  /**
+   * File upload config
+   *
+   * @see {@link FileUpload.defaults}
+   * @typedef {object} FileUploadConfig
+   * @property {FileUploadTranslations} [i18n=FileUpload.defaults.i18n] - File upload translations
+   */
+
+  /**
+   * File upload translations
+   *
+   * @see {@link FileUpload.defaults.i18n}
+   * @typedef {object} FileUploadTranslations
+   *
+   * Messages used by the component
+   * @property {string} [chooseFile] - The text of the button that opens the file picker
+   * @property {string} [dropInstruction] - The text informing users they can drop files
+   * @property {TranslationPluralForms} [multipleFilesChosen] - The text displayed when multiple files
+   *   have been chosen by the user
+   * @property {string} [noFileChosen] - The text to displayed when no file has been chosen by the user
+   * @property {string} [enteredDropZone] - The text announced by assistive technology
+   *   when user drags files and enters the drop zone
+   * @property {string} [leftDropZone] - The text announced by assistive technology
+   *   when user drags files and leaves the drop zone without dropping
+   */
+
+  /**
+   * @import { Schema } from '../../common/configuration.mjs'
+   * @import { TranslationPluralForms } from '../../i18n.mjs'
+   */
+
+  exports.FileUpload = FileUpload;
+
+}));
+//# sourceMappingURL=file-upload.bundle.js.map
diff --git a/app/templates/govuk/components/file-upload/file-upload.bundle.js.map b/app/templates/govuk/components/file-upload/file-upload.bundle.js.map
new file mode 100644
index 0000000..84be4e1
--- /dev/null
+++ b/app/templates/govuk/components/file-upload/file-upload.bundle.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"file-upload.bundle.js","sources":["../../../../src/govuk/common/closest-attribute-value.mjs","../../../../src/govuk/common/index.mjs","../../../../src/govuk/errors/index.mjs","../../../../src/govuk/component.mjs","../../../../src/govuk/common/configuration.mjs","../../../../src/govuk/i18n.mjs","../../../../src/govuk/components/file-upload/file-upload.mjs"],"sourcesContent":["/**\n * Returns the value of the given attribute closest to the given element (including itself)\n *\n * @internal\n * @param {Element} $element - The element to start walking the DOM tree up\n * @param {string} attributeName - The name of the attribute\n * @returns {string | null} Attribute value\n */\nexport function closestAttributeValue($element, attributeName) {\n  const $closestElementWithAttribute = $element.closest(`[${attributeName}]`)\n  return $closestElementWithAttribute\n    ? $closestElementWithAttribute.getAttribute(attributeName)\n    : null\n}\n","/**\n * Common helpers which do not require polyfill.\n *\n * IMPORTANT: If a helper require a polyfill, please isolate it in its own module\n * so that the polyfill can be properly tree-shaken and does not burden\n * the components that do not need that helper\n */\n\n/**\n * Get GOV.UK Frontend breakpoint value from CSS custom property\n *\n * @private\n * @param {string} name - Breakpoint name\n * @returns {{ property: string, value?: string }} Breakpoint object\n */\nexport function getBreakpoint(name) {\n  const property = `--govuk-breakpoint-${name}`\n\n  // Get value from `<html>` with breakpoints on CSS :root\n  const value = window\n    .getComputedStyle(document.documentElement)\n    .getPropertyValue(property)\n\n  return {\n    property,\n    value: value || undefined\n  }\n}\n\n/**\n * Move focus to element\n *\n * Sets tabindex to -1 to make the element programmatically focusable,\n * but removes it on blur as the element doesn't need to be focused again.\n *\n * @private\n * @template {HTMLElement} FocusElement\n * @param {FocusElement} $element - HTML element\n * @param {object} [options] - Handler options\n * @param {function(this: FocusElement): void} [options.onBeforeFocus] - Callback before focus\n * @param {function(this: FocusElement): void} [options.onBlur] - Callback on blur\n */\nexport function setFocus($element, options = {}) {\n  const isFocusable = $element.getAttribute('tabindex')\n\n  if (!isFocusable) {\n    $element.setAttribute('tabindex', '-1')\n  }\n\n  /**\n   * Handle element focus\n   */\n  function onFocus() {\n    $element.addEventListener('blur', onBlur, { once: true })\n  }\n\n  /**\n   * Handle element blur\n   */\n  function onBlur() {\n    options.onBlur?.call($element)\n\n    if (!isFocusable) {\n      $element.removeAttribute('tabindex')\n    }\n  }\n\n  // Add listener to reset element on blur, after focus\n  $element.addEventListener('focus', onFocus, { once: true })\n\n  // Focus element\n  options.onBeforeFocus?.call($element)\n  $element.focus()\n}\n\n/**\n * Checks if component is already initialised\n *\n * @internal\n * @param {Element} $root - HTML element to be checked\n * @param {string} moduleName - name of component module\n * @returns {boolean} Whether component is already initialised\n */\nexport function isInitialised($root, moduleName) {\n  return (\n    $root instanceof HTMLElement &&\n    $root.hasAttribute(`data-${moduleName}-init`)\n  )\n}\n\n/**\n * Checks if GOV.UK Frontend is supported on this page\n *\n * Some browsers will load and run our JavaScript but GOV.UK Frontend\n * won't be supported.\n *\n * @param {HTMLElement | null} [$scope] - (internal) `<body>` HTML element checked for browser support\n * @returns {boolean} Whether GOV.UK Frontend is supported on this page\n */\nexport function isSupported($scope = document.body) {\n  if (!$scope) {\n    return false\n  }\n\n  return $scope.classList.contains('govuk-frontend-supported')\n}\n\n/**\n * Check for an array\n *\n * @internal\n * @param {unknown} option - Option to check\n * @returns {boolean} Whether the option is an array\n */\nfunction isArray(option) {\n  return Array.isArray(option)\n}\n\n/**\n * Check for an object\n *\n * @internal\n * @template {Partial<Record<keyof ObjectType, unknown>>} ObjectType\n * @param {unknown | ObjectType} option - Option to check\n * @returns {option is ObjectType} Whether the option is an object\n */\nexport function isObject(option) {\n  return !!option && typeof option === 'object' && !isArray(option)\n}\n\n/**\n * Check for valid scope\n *\n * @internal\n * @template {Element | Document} ScopeType\n * @param {unknown | ScopeType} $scope - Scope of the document to search within\n * @returns {$scope is ScopeType} Whether the scope can be queried\n */\nexport function isScope($scope) {\n  return !!$scope && ($scope instanceof Element || $scope instanceof Document)\n}\n\n/**\n * Format error message\n *\n * @internal\n * @param {ComponentWithModuleName} Component - Component that threw the error\n * @param {string} message - Error message\n * @returns {string} - Formatted error message\n */\nexport function formatErrorMessage(Component, message) {\n  return `${Component.moduleName}: ${message}`\n}\n\n/* eslint-disable jsdoc/valid-types --\n * `{new(...args: any[] ): object}` is not recognised as valid\n * https://github.com/gajus/eslint-plugin-jsdoc/issues/145#issuecomment-1308722878\n * https://github.com/jsdoc-type-pratt-parser/jsdoc-type-pratt-parser/issues/131\n **/\n\n/**\n * @typedef ComponentWithModuleName\n * @property {string} moduleName - Name of the component\n */\n\n/* eslint-enable jsdoc/valid-types */\n","import { formatErrorMessage, isObject } from '../common/index.mjs'\n\n/**\n * GOV.UK Frontend error\n *\n * A base class for `Error`s thrown by GOV.UK Frontend.\n *\n * It is meant to be extended into specific types of errors\n * to be thrown by our code.\n *\n * @example\n * ```js\n * class MissingRootError extends GOVUKFrontendError {\n *   // Setting an explicit name is important as extending the class will not\n *   // set a new `name` on the subclass. The `name` property is important\n *   // to ensure intelligible error names even if the class name gets\n *   // mangled by a minifier\n *   name = \"MissingRootError\"\n * }\n * ```\n * @virtual\n */\nexport class GOVUKFrontendError extends Error {\n  name = 'GOVUKFrontendError'\n}\n\n/**\n * Indicates that GOV.UK Frontend is not supported\n */\nexport class SupportError extends GOVUKFrontendError {\n  name = 'SupportError'\n\n  /**\n   * Checks if GOV.UK Frontend is supported on this page\n   *\n   * @param {HTMLElement | null} [$scope] - HTML element `<body>` checked for browser support\n   */\n  constructor($scope = document.body) {\n    const supportMessage =\n      'noModule' in HTMLScriptElement.prototype\n        ? 'GOV.UK Frontend initialised without `<body class=\"govuk-frontend-supported\">` from template `<script>` snippet'\n        : 'GOV.UK Frontend is not supported in this browser'\n\n    super(\n      $scope\n        ? supportMessage\n        : 'GOV.UK Frontend initialised without `<script type=\"module\">`'\n    )\n  }\n}\n\n/**\n * Indicates that a component has received an illegal configuration\n */\nexport class ConfigError extends GOVUKFrontendError {\n  name = 'ConfigError'\n}\n\n/**\n * Indicates an issue with an element (possibly `null` or `undefined`)\n */\nexport class ElementError extends GOVUKFrontendError {\n  name = 'ElementError'\n\n  /**\n   * @internal\n   * @overload\n   * @param {string} message - Element error message\n   */\n\n  /**\n   * @internal\n   * @overload\n   * @param {ElementErrorOptions} options - Element error options\n   */\n\n  /**\n   * @internal\n   * @param {string | ElementErrorOptions} messageOrOptions - Element error message or options\n   */\n  constructor(messageOrOptions) {\n    let message = typeof messageOrOptions === 'string' ? messageOrOptions : ''\n\n    // Build message from options\n    if (isObject(messageOrOptions)) {\n      const { component, identifier, element, expectedType } = messageOrOptions\n\n      message = identifier\n\n      // Append reason\n      message += element\n        ? ` is not of type ${expectedType ?? 'HTMLElement'}`\n        : ' not found'\n\n      // Prepend with module name (optional)\n      if (component) {\n        message = formatErrorMessage(component, message)\n      }\n    }\n\n    super(message)\n  }\n}\n\n/**\n * Indicates that a component is already initialised\n */\nexport class InitError extends GOVUKFrontendError {\n  name = 'InitError'\n\n  /**\n   * @internal\n   * @param {ComponentWithModuleName | string} componentOrMessage - name of the component module\n   */\n  constructor(componentOrMessage) {\n    const message =\n      typeof componentOrMessage === 'string'\n        ? componentOrMessage\n        : formatErrorMessage(\n            componentOrMessage,\n            `Root element (\\`$root\\`) already initialised`\n          )\n\n    super(message)\n  }\n}\n\n/**\n * Element error options\n *\n * @internal\n * @typedef {object} ElementErrorOptions\n * @property {Element | Document | null} [element] - The element in error (optional)\n * @property {ComponentWithModuleName} [component] - Component throwing the error (optional)\n * @property {string} identifier - An identifier that'll let the user understand which element has an error. This is whatever makes the most sense\n * @property {string} [expectedType] - The type that was expected for the identifier (optional)\n */\n\n/**\n * @import { ComponentWithModuleName } from '../common/index.mjs'\n */\n","import { isInitialised, isSupported } from './common/index.mjs'\nimport { ElementError, InitError, SupportError } from './errors/index.mjs'\n\n/**\n * Base Component class\n *\n * Centralises the behaviours shared by our components\n *\n * @virtual\n * @template {Element} [RootElementType=HTMLElement]\n */\nexport class Component {\n  /**\n   * @type {typeof Element}\n   */\n  static elementType = HTMLElement\n\n  // allows Typescript user to work around the lack of types\n  // in GOVUKFrontend package, Typescript is not aware of $root\n  // in components that extend GOVUKFrontendComponent\n  /**\n   * Returns the root element of the component\n   *\n   * @protected\n   * @returns {RootElementType} - the root element of component\n   */\n  get $root() {\n    return this._$root\n  }\n\n  /**\n   * @protected\n   * @type {RootElementType}\n   */\n  _$root\n\n  /**\n   * Constructs a new component, validating that GOV.UK Frontend is supported\n   *\n   * @internal\n   * @param {Element | null} [$root] - HTML element to use for component\n   */\n  constructor($root) {\n    const childConstructor = /** @type {ChildClassConstructor} */ (\n      this.constructor\n    )\n\n    // TypeScript does not enforce that inheriting classes will define a `moduleName`\n    // (even if we add a `@virtual` `static moduleName` property to this class).\n    // While we trust users to do this correctly, we do a little check to provide them\n    // a helpful error message.\n    //\n    // After this, we'll be sure that `childConstructor` has a `moduleName`\n    // as expected of the `ChildClassConstructor` we've cast `this.constructor` to.\n    if (typeof childConstructor.moduleName !== 'string') {\n      throw new InitError(`\\`moduleName\\` not defined in component`)\n    }\n\n    if (!($root instanceof childConstructor.elementType)) {\n      throw new ElementError({\n        element: $root,\n        component: childConstructor,\n        identifier: 'Root element (`$root`)',\n        expectedType: childConstructor.elementType.name\n      })\n    } else {\n      this._$root = /** @type {RootElementType} */ ($root)\n    }\n\n    childConstructor.checkSupport()\n\n    this.checkInitialised()\n\n    const moduleName = childConstructor.moduleName\n\n    this.$root.setAttribute(`data-${moduleName}-init`, '')\n  }\n\n  /**\n   * Validates whether component is already initialised\n   *\n   * @private\n   * @throws {InitError} when component is already initialised\n   */\n  checkInitialised() {\n    const constructor = /** @type {ChildClassConstructor} */ (this.constructor)\n    const moduleName = constructor.moduleName\n\n    if (moduleName && isInitialised(this.$root, moduleName)) {\n      throw new InitError(constructor)\n    }\n  }\n\n  /**\n   * Validates whether components are supported\n   *\n   * @throws {SupportError} when the components are not supported\n   */\n  static checkSupport() {\n    if (!isSupported()) {\n      throw new SupportError()\n    }\n  }\n}\n\n/**\n * @typedef ChildClass\n * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component\n */\n\n/**\n * @typedef {typeof Component & ChildClass} ChildClassConstructor\n */\n","import { Component } from '../component.mjs'\nimport { ConfigError } from '../errors/index.mjs'\n\nimport { isObject, isScope, formatErrorMessage } from './index.mjs'\n\nexport const configOverride = Symbol.for('configOverride')\n\n/**\n * Base Component class\n *\n * Centralises the behaviours shared by our components\n *\n * @virtual\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]\n * @template {Element & { dataset: DOMStringMap }} [RootElementType=HTMLElement]\n * @augments Component<RootElementType>\n */\nexport class ConfigurableComponent extends Component {\n  /**\n   * configOverride\n   *\n   * Function which defines configuration overrides to prioritize\n   * properties from the root element's dataset.\n   *\n   * It should take a subset of configuration as input and return\n   * a new configuration object with properties that should be\n   * overridden based on the root element's dataset. A Symbol\n   * is used for indexing to prevent conflicts.\n   *\n   * @internal\n   * @virtual\n   * @param {Partial<ConfigurationType>} [param] - Configuration object\n   * @returns {Partial<ConfigurationType>} return - Configuration object\n   */\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  [configOverride](param) {\n    return {}\n  }\n\n  /**\n   * Returns the root element of the component\n   *\n   * @protected\n   * @returns {ConfigurationType} - the root element of component\n   */\n  get config() {\n    return this._config\n  }\n\n  /**\n   *\n   * @type {ConfigurationType}\n   */\n  _config\n\n  /**\n   * Constructs a new component, validating that GOV.UK Frontend is supported\n   *\n   * @internal\n   * @param {Element | null} [$root] - HTML element to use for component\n   * @param {ConfigurationType} [config] - HTML element to use for component\n   */\n  constructor($root, config) {\n    super($root)\n\n    const childConstructor =\n      /** @type {ChildClassConstructor<ConfigurationType>} */ (this.constructor)\n\n    if (!isObject(childConstructor.defaults)) {\n      throw new ConfigError(\n        formatErrorMessage(\n          childConstructor,\n          'Config passed as parameter into constructor but no defaults defined'\n        )\n      )\n    }\n\n    const datasetConfig = /** @type {ConfigurationType} */ (\n      normaliseDataset(childConstructor, this._$root.dataset)\n    )\n\n    this._config = /** @type {ConfigurationType} */ (\n      mergeConfigs(\n        childConstructor.defaults,\n        config ?? {},\n        this[configOverride](datasetConfig),\n        datasetConfig\n      )\n    )\n  }\n}\n\n/**\n * Normalise string\n *\n * 'If it looks like a duck, and it quacks like a duck…' 🦆\n *\n * If the passed value looks like a boolean or a number, convert it to a boolean\n * or number.\n *\n * Designed to be used to convert config passed via data attributes (which are\n * always strings) into something sensible.\n *\n * @internal\n * @param {DOMStringMap[string]} value - The value to normalise\n * @param {SchemaProperty} [property] - Component schema property\n * @returns {string | boolean | number | undefined} Normalised data\n */\nexport function normaliseString(value, property) {\n  const trimmedValue = value ? value.trim() : ''\n\n  let output\n  let outputType = property?.type\n\n  // No schema type set? Determine automatically\n  if (!outputType) {\n    if (['true', 'false'].includes(trimmedValue)) {\n      outputType = 'boolean'\n    }\n\n    // Empty / whitespace-only strings are considered finite so we need to check\n    // the length of the trimmed string as well\n    if (trimmedValue.length > 0 && isFinite(Number(trimmedValue))) {\n      outputType = 'number'\n    }\n  }\n\n  switch (outputType) {\n    case 'boolean':\n      output = trimmedValue === 'true'\n      break\n\n    case 'number':\n      output = Number(trimmedValue)\n      break\n\n    default:\n      output = value\n  }\n\n  return output\n}\n\n/**\n * Normalise dataset\n *\n * Loop over an object and normalise each value using {@link normaliseString},\n * optionally expanding nested `i18n.field`\n *\n * @internal\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @template {[keyof ConfigurationType, SchemaProperty | undefined][]} SchemaEntryType\n * @param {{ schema?: Schema<ConfigurationType>, moduleName: string }} Component - Component class\n * @param {DOMStringMap} dataset - HTML element dataset\n * @returns {ObjectNested} Normalised dataset\n */\nexport function normaliseDataset(Component, dataset) {\n  if (!isObject(Component.schema)) {\n    throw new ConfigError(\n      formatErrorMessage(\n        Component,\n        'Config passed as parameter into constructor but no schema defined'\n      )\n    )\n  }\n\n  const out = /** @type {ObjectNested} */ ({})\n  const entries = /** @type {SchemaEntryType} */ (\n    Object.entries(Component.schema.properties)\n  )\n\n  // Normalise top-level dataset ('data-*') values using schema types\n  for (const entry of entries) {\n    const [namespace, property] = entry\n\n    // Cast the `namespace` to string so it can be used to access the dataset\n    const field = namespace.toString()\n\n    if (field in dataset) {\n      out[field] = normaliseString(dataset[field], property)\n    }\n\n    /**\n     * Extract and normalise nested object values automatically using\n     * {@link normaliseString} but only schema object types are allowed\n     */\n    if (property?.type === 'object') {\n      out[field] = extractConfigByNamespace(\n        Component.schema,\n        dataset,\n        namespace\n      )\n    }\n  }\n\n  return out\n}\n\n/**\n * Normalise options passed to `initAll` or `createAll`\n *\n * @internal\n * @template {CompatibleClass} ComponentClass\n * @param {Config | CreateAllOptions<ComponentClass> | OnErrorCallback<ComponentClass> | Element | Document | null} [scopeOrOptions] - Scope of the document to search within, initialisation options or error callback function\n * @returns {CreateAllOptions<ComponentClass>} Normalised options\n */\nexport function normaliseOptions(scopeOrOptions) {\n  let /** @type {Element | Document | null} */ $scope = document\n  let /** @type {OnErrorCallback<ComponentClass> | undefined} */ onError\n\n  // Handle options object\n  if (isObject(scopeOrOptions)) {\n    const options = scopeOrOptions\n\n    // Scope must be valid or null\n    if (isScope(options.scope) || options.scope === null) {\n      $scope = options.scope\n    }\n\n    // Error handler must be a function\n    if (typeof options.onError === 'function') {\n      onError = options.onError\n    }\n  }\n\n  if (isScope(scopeOrOptions)) {\n    $scope = scopeOrOptions\n  } else if (scopeOrOptions === null) {\n    $scope = null\n  } else if (typeof scopeOrOptions === 'function') {\n    onError = scopeOrOptions\n  }\n\n  return {\n    scope: $scope,\n    onError\n  }\n}\n\n/**\n * Config merging function\n *\n * Takes any number of objects and combines them together, with\n * greatest priority on the LAST item passed in.\n *\n * @internal\n * @param {...{ [key: string]: unknown }} configObjects - Config objects to merge\n * @returns {{ [key: string]: unknown }} A merged config object\n */\nexport function mergeConfigs(...configObjects) {\n  // Start with an empty object as our base\n  /** @type {{ [key: string]: unknown }} */\n  const formattedConfigObject = {}\n\n  // Loop through each of the passed objects\n  for (const configObject of configObjects) {\n    for (const key of Object.keys(configObject)) {\n      const option = formattedConfigObject[key]\n      const override = configObject[key]\n\n      // Push their keys one-by-one into formattedConfigObject. Any duplicate\n      // keys with object values will be merged, otherwise the new value will\n      // override the existing value.\n      if (isObject(option) && isObject(override)) {\n        formattedConfigObject[key] = mergeConfigs(option, override)\n      } else {\n        // Apply override\n        formattedConfigObject[key] = override\n      }\n    }\n  }\n\n  return formattedConfigObject\n}\n\n/**\n * Validate component config by schema\n *\n * Follows limited examples in JSON schema for wider support in future\n *\n * {@link https://ajv.js.org/json-schema.html#compound-keywords}\n * {@link https://ajv.js.org/packages/ajv-errors.html#single-message}\n *\n * @internal\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @param {Schema<ConfigurationType>} schema - The schema of a component\n * @param {ConfigurationType} config - Component config\n * @returns {string[]} List of validation errors\n */\nexport function validateConfig(schema, config) {\n  const validationErrors = []\n\n  // Check errors for each schema\n  for (const [name, conditions] of Object.entries(schema)) {\n    const errors = []\n\n    // Check errors for each schema condition\n    if (Array.isArray(conditions)) {\n      for (const { required, errorMessage } of conditions) {\n        if (!required.every((key) => !!config[key])) {\n          errors.push(errorMessage) // Missing config key value\n        }\n      }\n\n      // Check one condition passes or add errors\n      if (name === 'anyOf' && !(conditions.length - errors.length >= 1)) {\n        validationErrors.push(...errors)\n      }\n    }\n  }\n\n  return validationErrors\n}\n\n/**\n * Extracts keys starting with a particular namespace from dataset ('data-*')\n * object, removing the namespace in the process, normalising all values\n *\n * @internal\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @param {Schema<ConfigurationType>} schema - The schema of a component\n * @param {DOMStringMap} dataset - The object to extract key-value pairs from\n * @param {keyof ConfigurationType} namespace - The namespace to filter keys with\n * @returns {ObjectNested | undefined} Nested object with dot-separated key namespace removed\n */\nexport function extractConfigByNamespace(schema, dataset, namespace) {\n  const property = schema.properties[namespace]\n\n  // Only extract configs for object schema properties\n  if (property?.type !== 'object') {\n    return\n  }\n\n  // Add default empty config\n  const newObject = /** @type {Record<typeof namespace, ObjectNested>} */ ({\n    [namespace]: {}\n  })\n\n  for (const [key, value] of Object.entries(dataset)) {\n    /** @type {ObjectNested | ObjectNested[NestedKey]} */\n    let current = newObject\n\n    // Split the key into parts, using . as our namespace separator\n    const keyParts = key.split('.')\n\n    /**\n     * Create new level per part\n     *\n     * e.g. 'i18n.textareaDescription.other' becomes\n     * `{ i18n: { textareaDescription: { other } } }`\n     */\n    for (const [index, name] of keyParts.entries()) {\n      if (isObject(current)) {\n        // Drop down to nested object until the last part\n        if (index < keyParts.length - 1) {\n          // New nested object (optionally) replaces existing value\n          if (!isObject(current[name])) {\n            current[name] = {}\n          }\n\n          // Drop down into new or existing nested object\n          current = current[name]\n        } else if (key !== namespace) {\n          // Normalised value (optionally) replaces existing value\n          current[name] = normaliseString(value)\n        }\n      }\n    }\n  }\n\n  return newObject[namespace]\n}\n\n/**\n * @internal\n * @typedef {keyof ObjectNested} NestedKey\n * @typedef {{ [key: string]: string | boolean | number | ObjectNested | undefined }} ObjectNested\n */\n\n/**\n * Schema for component config\n *\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @typedef {object} Schema\n * @property {Record<keyof ConfigurationType, SchemaProperty | undefined>} properties - Schema properties\n * @property {SchemaCondition<ConfigurationType>[]} [anyOf] - List of schema conditions\n */\n\n/**\n * Schema property for component config\n *\n * @typedef {object} SchemaProperty\n * @property {'string' | 'boolean' | 'number' | 'object'} type - Property type\n */\n\n/**\n * Schema condition for component config\n *\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @typedef {object} SchemaCondition\n * @property {(keyof ConfigurationType)[]} required - List of required config fields\n * @property {string} errorMessage - Error message when required config fields not provided\n */\n\n/**\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]\n * @typedef ChildClass\n * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component\n * @property {Schema<ConfigurationType>} [schema] - The schema of the component configuration\n * @property {ConfigurationType} [defaults] - The default values of the configuration of the component\n */\n\n/**\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]\n * @typedef {typeof Component & ChildClass<ConfigurationType>} ChildClassConstructor<ConfigurationType>\n */\n\n/**\n * @import { CompatibleClass, Config, CreateAllOptions, OnErrorCallback } from '../init.mjs'\n */\n","import { isObject } from './common/index.mjs'\n\n/**\n * Internal support for selecting messages to render, with placeholder\n * interpolation and locale-aware number formatting and pluralisation\n *\n * @internal\n */\nexport class I18n {\n  translations\n  locale\n\n  /**\n   * @internal\n   * @param {{ [key: string]: string | TranslationPluralForms }} translations - Key-value pairs of the translation strings to use.\n   * @param {object} [config] - Configuration options for the function.\n   * @param {string | null} [config.locale] - An overriding locale for the PluralRules functionality.\n   */\n  constructor(translations = {}, config = {}) {\n    // Make list of translations available throughout function\n    this.translations = translations\n\n    // The locale to use for PluralRules and NumberFormat\n    this.locale = config.locale ?? (document.documentElement.lang || 'en')\n  }\n\n  /**\n   * The most used function - takes the key for a given piece of UI text and\n   * returns the appropriate string.\n   *\n   * @internal\n   * @param {string} lookupKey - The lookup key of the string to use.\n   * @param {{ [key: string]: unknown }} [options] - Any options passed with the translation string, e.g: for string interpolation.\n   * @returns {string} The appropriate translation string.\n   * @throws {Error} Lookup key required\n   * @throws {Error} Options required for `${}` placeholders\n   */\n  t(lookupKey, options) {\n    if (!lookupKey) {\n      // Print a console error if no lookup key has been provided\n      throw new Error('i18n: lookup key missing')\n    }\n\n    // Fetch the translation for that lookup key\n    let translation = this.translations[lookupKey]\n\n    // If the `count` option is set, determine which plural suffix is needed and\n    // change the lookupKey to match. We check to see if it's numeric instead of\n    // falsy, as this could legitimately be 0.\n    if (typeof options?.count === 'number' && isObject(translation)) {\n      const translationPluralForm =\n        translation[this.getPluralSuffix(lookupKey, options.count)]\n\n      // Update translation with plural suffix\n      if (translationPluralForm) {\n        translation = translationPluralForm\n      }\n    }\n\n    if (typeof translation === 'string') {\n      // Check for ${} placeholders in the translation string\n      // eslint-disable-next-line @typescript-eslint/prefer-regexp-exec\n      if (translation.match(/%{(.\\S+)}/)) {\n        if (!options) {\n          throw new Error(\n            'i18n: cannot replace placeholders in string if no option data provided'\n          )\n        }\n\n        return this.replacePlaceholders(translation, options)\n      }\n\n      return translation\n    }\n\n    // If the key wasn't found in our translations object,\n    // return the lookup key itself as the fallback\n    return lookupKey\n  }\n\n  /**\n   * Takes a translation string with placeholders, and replaces the placeholders\n   * with the provided data\n   *\n   * @internal\n   * @param {string} translationString - The translation string\n   * @param {{ [key: string]: unknown }} options - Any options passed with the translation string, e.g: for string interpolation.\n   * @returns {string} The translation string to output, with $\\{\\} placeholders replaced\n   */\n  replacePlaceholders(translationString, options) {\n    const formatter = Intl.NumberFormat.supportedLocalesOf(this.locale).length\n      ? new Intl.NumberFormat(this.locale)\n      : undefined\n\n    return translationString.replace(\n      /%{(.\\S+)}/g,\n\n      /**\n       * Replace translation string placeholders\n       *\n       * @internal\n       * @param {string} placeholderWithBraces - Placeholder with braces\n       * @param {string} placeholderKey - Placeholder key\n       * @returns {string} Placeholder value\n       */\n      function (placeholderWithBraces, placeholderKey) {\n        if (Object.prototype.hasOwnProperty.call(options, placeholderKey)) {\n          const placeholderValue = options[placeholderKey]\n\n          // If a user has passed `false` as the value for the placeholder\n          // treat it as though the value should not be displayed\n          if (\n            placeholderValue === false ||\n            (typeof placeholderValue !== 'number' &&\n              typeof placeholderValue !== 'string')\n          ) {\n            return ''\n          }\n\n          // If the placeholder's value is a number, localise the number formatting\n          if (typeof placeholderValue === 'number') {\n            return formatter\n              ? formatter.format(placeholderValue)\n              : `${placeholderValue}`\n          }\n\n          return placeholderValue\n        }\n\n        throw new Error(\n          `i18n: no data found to replace ${placeholderWithBraces} placeholder in string`\n        )\n      }\n    )\n  }\n\n  /**\n   * Check to see if the browser supports Intl.PluralRules\n   *\n   * It requires all conditions to be met in order to be supported:\n   * - The implementation of Intl supports PluralRules (NOT true in Safari 10–12)\n   * - The browser/OS has plural rules for the current locale (browser dependent)\n   *\n   * {@link https://browsersl.ist/#q=supports+es6-module+and+not+supports+intl-pluralrules}\n   *\n   * @internal\n   * @returns {boolean} Returns true if all conditions are met. Returns false otherwise.\n   */\n  hasIntlPluralRulesSupport() {\n    return Boolean(\n      'PluralRules' in window.Intl &&\n        Intl.PluralRules.supportedLocalesOf(this.locale).length\n    )\n  }\n\n  /**\n   * Get the appropriate suffix for the plural form.\n   *\n   * Uses Intl.PluralRules (or our own fallback implementation) to get the\n   * 'preferred' form to use for the given count.\n   *\n   * Checks that a translation has been provided for that plural form – if it\n   * hasn't, it'll fall back to the 'other' plural form (unless that doesn't exist\n   * either, in which case an error will be thrown)\n   *\n   * @internal\n   * @param {string} lookupKey - The lookup key of the string to use.\n   * @param {number} count - Number used to determine which pluralisation to use.\n   * @returns {PluralRule} The suffix associated with the correct pluralisation for this locale.\n   * @throws {Error} Plural form `.other` required when preferred plural form is missing\n   */\n  getPluralSuffix(lookupKey, count) {\n    // Validate that the number is actually a number.\n    //\n    // Number(count) will turn anything that can't be converted to a Number type\n    // into 'NaN'. isFinite filters out NaN, as it isn't a finite number.\n    // eslint-disable-next-line @typescript-eslint/no-unnecessary-type-conversion\n    count = Number(count)\n    if (!isFinite(count)) {\n      return 'other'\n    }\n\n    // Fetch the translation for that lookup key\n    const translation = this.translations[lookupKey]\n\n    // Check to verify that all the requirements for Intl.PluralRules are met.\n    // If so, we can use that instead of our custom implementation. Otherwise,\n    // use the hardcoded fallback.\n    const preferredForm = this.hasIntlPluralRulesSupport()\n      ? new Intl.PluralRules(this.locale).select(count)\n      : 'other'\n\n    // Use the correct plural form if provided\n    if (isObject(translation)) {\n      if (preferredForm in translation) {\n        return preferredForm\n        // Fall back to `other` if the plural form is missing, but log a warning\n        // to the console\n      } else if ('other' in translation) {\n        console.warn(\n          `i18n: Missing plural form \".${preferredForm}\" for \"${this.locale}\" locale. Falling back to \".other\".`\n        )\n\n        return 'other'\n      }\n    }\n\n    // If the required `other` plural form is missing, all we can do is error\n    throw new Error(\n      `i18n: Plural form \".other\" is required for \"${this.locale}\" locale`\n    )\n  }\n}\n\n/**\n * Plural rule category mnemonic tags\n *\n * @internal\n * @typedef {'zero' | 'one' | 'two' | 'few' | 'many' | 'other'} PluralRule\n */\n\n/**\n * Translated message by plural rule they correspond to.\n *\n * Allows to group pluralised messages under a single key when passing\n * translations to a component's constructor\n *\n * @internal\n * @typedef {object} TranslationPluralForms\n * @property {string} [other] - General plural form\n * @property {string} [zero] - Plural form used with 0\n * @property {string} [one] - Plural form used with 1\n * @property {string} [two] - Plural form used with 2\n * @property {string} [few] - Plural form used for a few\n * @property {string} [many] - Plural form used for many\n */\n","import { closestAttributeValue } from '../../common/closest-attribute-value.mjs'\nimport { ConfigurableComponent } from '../../common/configuration.mjs'\nimport { formatErrorMessage } from '../../common/index.mjs'\nimport { ElementError } from '../../errors/index.mjs'\nimport { I18n } from '../../i18n.mjs'\n\n/**\n * File upload component\n *\n * @preserve\n * @augments ConfigurableComponent<FileUploadConfig>\n */\nexport class FileUpload extends ConfigurableComponent {\n  /**\n   * @private\n   * @type {HTMLFileInputElement}\n   */\n  $input\n\n  /**\n   * @private\n   */\n  $button\n\n  /**\n   * @private\n   */\n  $status\n\n  /** @private */\n  i18n\n\n  /** @private */\n  id\n\n  /** @private */\n  $announcements\n\n  /**\n   * @private\n   * @type {boolean | undefined}\n   */\n  enteredAnotherElement\n\n  /**\n   * @param {Element | null} $root - File input element\n   * @param {FileUploadConfig} [config] - File Upload config\n   */\n  constructor($root, config = {}) {\n    super($root, config)\n\n    const $input = this.$root.querySelector('input')\n\n    if ($input === null) {\n      throw new ElementError({\n        component: FileUpload,\n        identifier: 'File inputs (`<input type=\"file\">`)'\n      })\n    }\n\n    if ($input.type !== 'file') {\n      throw new ElementError(\n        formatErrorMessage(\n          FileUpload,\n          'File input (`<input type=\"file\">`) attribute (`type`) is not `file`'\n        )\n      )\n    }\n\n    this.$input = /** @type {HTMLFileInputElement} */ ($input)\n\n    if (!this.$input.id) {\n      throw new ElementError({\n        component: FileUpload,\n        identifier: 'File input (`<input type=\"file\">`) attribute (`id`)'\n      })\n    }\n\n    this.id = this.$input.id\n\n    this.i18n = new I18n(this.config.i18n, {\n      // Read the fallback if necessary rather than have it set in the defaults\n      locale: closestAttributeValue(this.$root, 'lang')\n    })\n\n    const $label = this.findLabel()\n    // Add an ID to the label if it doesn't have one already\n    // so it can be referenced by `aria-labelledby`\n    if (!$label.id) {\n      $label.id = `${this.id}-label`\n    }\n\n    // we need to copy the 'id' of the root element\n    // to the new button replacement element\n    // so that focus will work in the error summary\n    this.$input.id = `${this.id}-input`\n\n    // Hide the native input\n    this.$input.setAttribute('hidden', 'true')\n\n    // Create the file selection button\n    const $button = document.createElement('button')\n    $button.classList.add('govuk-file-upload-button')\n    $button.type = 'button'\n    $button.id = this.id\n    $button.classList.add('govuk-file-upload-button--empty')\n\n    // Copy `aria-describedby` if present so hints and errors\n    // are associated to the `<button>`\n    const ariaDescribedBy = this.$input.getAttribute('aria-describedby')\n    if (ariaDescribedBy) {\n      $button.setAttribute('aria-describedby', ariaDescribedBy)\n    }\n\n    // Create status element that shows what/how many files are selected\n    const $status = document.createElement('span')\n    $status.className = 'govuk-body govuk-file-upload-button__status'\n    $status.setAttribute('aria-live', 'polite')\n    $status.innerText = this.i18n.t('noFileChosen')\n\n    $button.appendChild($status)\n\n    const commaSpan = document.createElement('span')\n    commaSpan.className = 'govuk-visually-hidden'\n    commaSpan.innerText = ', '\n    commaSpan.id = `${this.id}-comma`\n\n    $button.appendChild(commaSpan)\n\n    const containerSpan = document.createElement('span')\n    containerSpan.className =\n      'govuk-file-upload-button__pseudo-button-container'\n\n    const buttonSpan = document.createElement('span')\n    buttonSpan.className =\n      'govuk-button govuk-button--secondary govuk-file-upload-button__pseudo-button'\n    buttonSpan.innerText = this.i18n.t('chooseFilesButton')\n\n    containerSpan.appendChild(buttonSpan)\n\n    // Add a space so the button and instruction read correctly\n    // when CSS is disabled\n    containerSpan.insertAdjacentText('beforeend', ' ')\n\n    const instructionSpan = document.createElement('span')\n    instructionSpan.className =\n      'govuk-body govuk-file-upload-button__instruction'\n    instructionSpan.innerText = this.i18n.t('dropInstruction')\n\n    containerSpan.appendChild(instructionSpan)\n\n    $button.appendChild(containerSpan)\n    $button.setAttribute(\n      'aria-labelledby',\n      `${$label.id} ${commaSpan.id} ${$button.id}`\n    )\n    $button.addEventListener('click', this.onClick.bind(this))\n    $button.addEventListener('dragover', (event) => {\n      // prevent default to allow drop\n      event.preventDefault()\n    })\n\n    // Assemble these all together\n    this.$root.insertAdjacentElement('afterbegin', $button)\n\n    this.$input.setAttribute('tabindex', '-1')\n    this.$input.setAttribute('aria-hidden', 'true')\n\n    // Make all these new variables available to the module\n    this.$button = $button\n    this.$status = $status\n\n    // Bind change event to the underlying input\n    this.$input.addEventListener('change', this.onChange.bind(this))\n\n    // Synchronise the `disabled` state between the button and underlying input\n    this.updateDisabledState()\n    this.observeDisabledState()\n\n    // Handle drop zone visibility\n    // A live region to announce when users enter or leave the drop zone\n    this.$announcements = document.createElement('span')\n    this.$announcements.classList.add('govuk-file-upload-announcements')\n    this.$announcements.classList.add('govuk-visually-hidden')\n    this.$announcements.setAttribute('aria-live', 'assertive')\n    this.$root.insertAdjacentElement('afterend', this.$announcements)\n\n    // if there is no CSS and input is hidden\n    // button will need to handle drop event\n    this.$button.addEventListener('drop', this.onDrop.bind(this))\n\n    // While user is dragging, it gets a little more complex because of Safari.\n    // Safari doesn't fill `relatedTarget` on `dragleave` (nor `dragenter`).\n    // This means we can't use `relatedTarget` to:\n    // - check if the user is still within the wrapper\n    //   (`relatedTarget` being a descendant of the wrapper)\n    // - check if the user is still over the viewport\n    //   (`relatedTarget` being null if outside)\n\n    // Thanks to `dragenter` bubbling, we can listen on the `document` with a\n    // single function and update the visibility based on whether we entered a\n    // node inside or outside the wrapper.\n    document.addEventListener(\n      'dragenter',\n      this.updateDropzoneVisibility.bind(this)\n    )\n\n    // To detect if we're outside the document, we can track if there was a\n    // `dragenter` event preceding a `dragleave`. If there wasn't, this means\n    // we're outside the document.\n    //\n    // The order of events is guaranteed by the HTML specs:\n    // https://html.spec.whatwg.org/multipage/dnd.html#drag-and-drop-processing-model\n    document.addEventListener('dragenter', () => {\n      this.enteredAnotherElement = true\n    })\n\n    document.addEventListener('dragleave', () => {\n      if (!this.enteredAnotherElement && !this.$button.disabled) {\n        this.hideDraggingState()\n        this.$announcements.innerText = this.i18n.t('leftDropZone')\n      }\n\n      this.enteredAnotherElement = false\n    })\n  }\n\n  /**\n   * Updates the visibility of the dropzone as users enters the various elements on the page\n   *\n   * @private\n   * @param {DragEvent} event - The `dragenter` event\n   */\n  updateDropzoneVisibility(event) {\n    if (this.$button.disabled) return\n\n    // DOM interfaces only type `event.target` as `EventTarget`\n    // so we first need to make sure it's a `Node`\n    if (event.target instanceof Node) {\n      if (this.$root.contains(event.target)) {\n        if (event.dataTransfer && isContainingFiles(event.dataTransfer)) {\n          // Only update the class and make the announcement if not already visible\n          // to avoid repeated announcements on NVDA (2024.4) + Firefox (133)\n          if (\n            !this.$button.classList.contains(\n              'govuk-file-upload-button--dragging'\n            )\n          ) {\n            this.showDraggingState()\n            this.$announcements.innerText = this.i18n.t('enteredDropZone')\n          }\n        }\n      } else {\n        // Only hide the dropzone if it is visible to prevent announcing user\n        // left the drop zone when they enter the page but haven't reached yet\n        // the file upload component\n        if (\n          this.$button.classList.contains('govuk-file-upload-button--dragging')\n        ) {\n          this.hideDraggingState()\n          this.$announcements.innerText = this.i18n.t('leftDropZone')\n        }\n      }\n    }\n  }\n\n  /**\n   * Show the drop zone visually\n   *\n   * @private\n   */\n  showDraggingState() {\n    this.$button.classList.add('govuk-file-upload-button--dragging')\n  }\n\n  /**\n   * Hides the drop zone visually\n   *\n   * @private\n   */\n  hideDraggingState() {\n    this.$button.classList.remove('govuk-file-upload-button--dragging')\n  }\n\n  /**\n   * Handles user dropping on the component\n   *\n   * @private\n   * @param {DragEvent} event - The `dragenter` event\n   */\n  onDrop(event) {\n    event.preventDefault()\n\n    if (event.dataTransfer && isContainingFiles(event.dataTransfer)) {\n      this.$input.files = event.dataTransfer.files\n\n      // Dispatch a `change` event so external code that would rely on the `<input>`\n      // dispatching an event when files are dropped still work.\n      // Use a `CustomEvent` so our events are distinguishable from browser's native events\n      this.$input.dispatchEvent(new CustomEvent('change'))\n\n      this.hideDraggingState()\n    }\n  }\n\n  /**\n   * Check if the value of the underlying input has changed\n   *\n   * @private\n   */\n  onChange() {\n    const fileCount = this.$input.files.length\n\n    if (fileCount === 0) {\n      // If there are no files, show the default selection text\n      this.$status.innerText = this.i18n.t('noFileChosen')\n      this.$button.classList.add('govuk-file-upload-button--empty')\n    } else {\n      if (\n        // If there is 1 file, just show the file name\n        fileCount === 1\n      ) {\n        this.$status.innerText = this.$input.files[0].name\n      } else {\n        // Otherwise, tell the user how many files are selected\n        this.$status.innerText = this.i18n.t('multipleFilesChosen', {\n          count: fileCount\n        })\n      }\n\n      this.$button.classList.remove('govuk-file-upload-button--empty')\n    }\n  }\n\n  /**\n   * Looks up the `<label>` element associated to the field\n   *\n   * @private\n   * @returns {HTMLElement} The `<label>` element associated to the field\n   * @throws {ElementError} If the `<label>` cannot be found\n   */\n  findLabel() {\n    // Use `label` in the selector so TypeScript knows the type fo `HTMLElement`\n    const $label = document.querySelector(`label[for=\"${this.$input.id}\"]`)\n\n    if (!$label) {\n      throw new ElementError({\n        component: FileUpload,\n        identifier: `Field label (\\`<label for=${this.$input.id}>\\`)`\n      })\n    }\n\n    return $label\n  }\n\n  /**\n   * When the button is clicked, emulate clicking the actual, hidden file input\n   *\n   * @private\n   */\n  onClick() {\n    this.$input.click()\n  }\n\n  /**\n   * Create a mutation observer to check if the input's attributes altered.\n   *\n   * @private\n   */\n  observeDisabledState() {\n    const observer = new MutationObserver((mutationList) => {\n      for (const mutation of mutationList) {\n        if (\n          mutation.type === 'attributes' &&\n          mutation.attributeName === 'disabled'\n        ) {\n          this.updateDisabledState()\n        }\n      }\n    })\n\n    observer.observe(this.$input, {\n      attributes: true\n    })\n  }\n\n  /**\n   * Synchronise the `disabled` state between the input and replacement button.\n   *\n   * @private\n   */\n  updateDisabledState() {\n    this.$button.disabled = this.$input.disabled\n\n    this.$root.classList.toggle(\n      'govuk-drop-zone--disabled',\n      this.$button.disabled\n    )\n  }\n\n  /**\n   * Name for the component used when initialising using data-module attributes.\n   */\n  static moduleName = 'govuk-file-upload'\n\n  /**\n   * File upload default config\n   *\n   * @see {@link FileUploadConfig}\n   * @constant\n   * @type {FileUploadConfig}\n   */\n  static defaults = Object.freeze({\n    i18n: {\n      chooseFilesButton: 'Choose file',\n      dropInstruction: 'or drop file',\n      noFileChosen: 'No file chosen',\n      multipleFilesChosen: {\n        // the 'one' string isn't used as the component displays the filename\n        // instead, however it's here for coverage's sake\n        one: '%{count} file chosen',\n        other: '%{count} files chosen'\n      },\n      enteredDropZone: 'Entered drop zone',\n      leftDropZone: 'Left drop zone'\n    }\n  })\n\n  /**\n   * File upload config schema\n   *\n   * @constant\n   * @satisfies {Schema<FileUploadConfig>}\n   */\n  static schema = Object.freeze({\n    properties: {\n      i18n: { type: 'object' }\n    }\n  })\n}\n\n/**\n * Checks if the given `DataTransfer` contains files\n *\n * @internal\n * @param {DataTransfer} dataTransfer - The `DataTransfer` to check\n * @returns {boolean} - `true` if it contains files or we can't infer it, `false` otherwise\n */\nfunction isContainingFiles(dataTransfer) {\n  // Safari sometimes does not provide info about types :'(\n  // In which case best not to assume anything and try to set the files\n  const hasNoTypesInfo = dataTransfer.types.length === 0\n\n  // When dragging images, there's a mix of mime types + Files\n  // which we can't assign to the native input\n  const isDraggingFiles = dataTransfer.types.some((type) => type === 'Files')\n\n  return hasNoTypesInfo || isDraggingFiles\n}\n\n/**\n * @typedef {HTMLInputElement & {files: FileList}} HTMLFileInputElement\n */\n\n/**\n * File upload config\n *\n * @see {@link FileUpload.defaults}\n * @typedef {object} FileUploadConfig\n * @property {FileUploadTranslations} [i18n=FileUpload.defaults.i18n] - File upload translations\n */\n\n/**\n * File upload translations\n *\n * @see {@link FileUpload.defaults.i18n}\n * @typedef {object} FileUploadTranslations\n *\n * Messages used by the component\n * @property {string} [chooseFile] - The text of the button that opens the file picker\n * @property {string} [dropInstruction] - The text informing users they can drop files\n * @property {TranslationPluralForms} [multipleFilesChosen] - The text displayed when multiple files\n *   have been chosen by the user\n * @property {string} [noFileChosen] - The text to displayed when no file has been chosen by the user\n * @property {string} [enteredDropZone] - The text announced by assistive technology\n *   when user drags files and enters the drop zone\n * @property {string} [leftDropZone] - The text announced by assistive technology\n *   when user drags files and leaves the drop zone without dropping\n */\n\n/**\n * @import { Schema } from '../../common/configuration.mjs'\n * @import { TranslationPluralForms } from '../../i18n.mjs'\n */\n"],"names":["closestAttributeValue","$element","attributeName","$closestElementWithAttribute","closest","getAttribute","isInitialised","$root","moduleName","HTMLElement","hasAttribute","isSupported","$scope","document","body","classList","contains","isArray","option","Array","isObject","formatErrorMessage","Component","message","GOVUKFrontendError","Error","constructor","args","name","SupportError","supportMessage","HTMLScriptElement","prototype","ConfigError","ElementError","messageOrOptions","component","identifier","element","expectedType","InitError","componentOrMessage","_$root","childConstructor","elementType","checkSupport","checkInitialised","setAttribute","configOverride","Symbol","for","ConfigurableComponent","param","config","_config","defaults","datasetConfig","normaliseDataset","dataset","mergeConfigs","normaliseString","value","property","trimmedValue","trim","output","outputType","type","includes","length","isFinite","Number","schema","out","entries","Object","properties","entry","namespace","field","toString","extractConfigByNamespace","configObjects","formattedConfigObject","configObject","key","keys","override","newObject","current","keyParts","split","index","I18n","translations","_config$locale","locale","documentElement","lang","t","lookupKey","options","translation","count","translationPluralForm","getPluralSuffix","match","replacePlaceholders","translationString","formatter","Intl","NumberFormat","supportedLocalesOf","undefined","replace","placeholderWithBraces","placeholderKey","hasOwnProperty","call","placeholderValue","format","hasIntlPluralRulesSupport","Boolean","window","PluralRules","preferredForm","select","console","warn","FileUpload","$input","$button","$status","i18n","id","$announcements","enteredAnotherElement","querySelector","$label","findLabel","createElement","add","ariaDescribedBy","className","innerText","appendChild","commaSpan","containerSpan","buttonSpan","insertAdjacentText","instructionSpan","addEventListener","onClick","bind","event","preventDefault","insertAdjacentElement","onChange","updateDisabledState","observeDisabledState","onDrop","updateDropzoneVisibility","disabled","hideDraggingState","target","Node","dataTransfer","isContainingFiles","showDraggingState","remove","files","dispatchEvent","CustomEvent","fileCount","click","observer","MutationObserver","mutationList","mutation","observe","attributes","toggle","freeze","chooseFilesButton","dropInstruction","noFileChosen","multipleFilesChosen","one","other","enteredDropZone","leftDropZone","hasNoTypesInfo","types","isDraggingFiles","some"],"mappings":"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"}
\ No newline at end of file
diff --git a/app/templates/govuk/components/file-upload/file-upload.bundle.mjs b/app/templates/govuk/components/file-upload/file-upload.bundle.mjs
new file mode 100644
index 0000000..513ebd3
--- /dev/null
+++ b/app/templates/govuk/components/file-upload/file-upload.bundle.mjs
@@ -0,0 +1,613 @@
+function closestAttributeValue($element, attributeName) {
+  const $closestElementWithAttribute = $element.closest(`[${attributeName}]`);
+  return $closestElementWithAttribute ? $closestElementWithAttribute.getAttribute(attributeName) : null;
+}
+
+function isInitialised($root, moduleName) {
+  return $root instanceof HTMLElement && $root.hasAttribute(`data-${moduleName}-init`);
+}
+
+/**
+ * Checks if GOV.UK Frontend is supported on this page
+ *
+ * Some browsers will load and run our JavaScript but GOV.UK Frontend
+ * won't be supported.
+ *
+ * @param {HTMLElement | null} [$scope] - (internal) `<body>` HTML element checked for browser support
+ * @returns {boolean} Whether GOV.UK Frontend is supported on this page
+ */
+function isSupported($scope = document.body) {
+  if (!$scope) {
+    return false;
+  }
+  return $scope.classList.contains('govuk-frontend-supported');
+}
+function isArray(option) {
+  return Array.isArray(option);
+}
+function isObject(option) {
+  return !!option && typeof option === 'object' && !isArray(option);
+}
+function formatErrorMessage(Component, message) {
+  return `${Component.moduleName}: ${message}`;
+}
+/**
+ * @typedef ComponentWithModuleName
+ * @property {string} moduleName - Name of the component
+ */
+
+class GOVUKFrontendError extends Error {
+  constructor(...args) {
+    super(...args);
+    this.name = 'GOVUKFrontendError';
+  }
+}
+class SupportError extends GOVUKFrontendError {
+  /**
+   * Checks if GOV.UK Frontend is supported on this page
+   *
+   * @param {HTMLElement | null} [$scope] - HTML element `<body>` checked for browser support
+   */
+  constructor($scope = document.body) {
+    const supportMessage = 'noModule' in HTMLScriptElement.prototype ? 'GOV.UK Frontend initialised without `<body class="govuk-frontend-supported">` from template `<script>` snippet' : 'GOV.UK Frontend is not supported in this browser';
+    super($scope ? supportMessage : 'GOV.UK Frontend initialised without `<script type="module">`');
+    this.name = 'SupportError';
+  }
+}
+class ConfigError extends GOVUKFrontendError {
+  constructor(...args) {
+    super(...args);
+    this.name = 'ConfigError';
+  }
+}
+class ElementError extends GOVUKFrontendError {
+  constructor(messageOrOptions) {
+    let message = typeof messageOrOptions === 'string' ? messageOrOptions : '';
+    if (isObject(messageOrOptions)) {
+      const {
+        component,
+        identifier,
+        element,
+        expectedType
+      } = messageOrOptions;
+      message = identifier;
+      message += element ? ` is not of type ${expectedType != null ? expectedType : 'HTMLElement'}` : ' not found';
+      if (component) {
+        message = formatErrorMessage(component, message);
+      }
+    }
+    super(message);
+    this.name = 'ElementError';
+  }
+}
+class InitError extends GOVUKFrontendError {
+  constructor(componentOrMessage) {
+    const message = typeof componentOrMessage === 'string' ? componentOrMessage : formatErrorMessage(componentOrMessage, `Root element (\`$root\`) already initialised`);
+    super(message);
+    this.name = 'InitError';
+  }
+}
+/**
+ * @import { ComponentWithModuleName } from '../common/index.mjs'
+ */
+
+class Component {
+  /**
+   * Returns the root element of the component
+   *
+   * @protected
+   * @returns {RootElementType} - the root element of component
+   */
+  get $root() {
+    return this._$root;
+  }
+  constructor($root) {
+    this._$root = void 0;
+    const childConstructor = this.constructor;
+    if (typeof childConstructor.moduleName !== 'string') {
+      throw new InitError(`\`moduleName\` not defined in component`);
+    }
+    if (!($root instanceof childConstructor.elementType)) {
+      throw new ElementError({
+        element: $root,
+        component: childConstructor,
+        identifier: 'Root element (`$root`)',
+        expectedType: childConstructor.elementType.name
+      });
+    } else {
+      this._$root = $root;
+    }
+    childConstructor.checkSupport();
+    this.checkInitialised();
+    const moduleName = childConstructor.moduleName;
+    this.$root.setAttribute(`data-${moduleName}-init`, '');
+  }
+  checkInitialised() {
+    const constructor = this.constructor;
+    const moduleName = constructor.moduleName;
+    if (moduleName && isInitialised(this.$root, moduleName)) {
+      throw new InitError(constructor);
+    }
+  }
+  static checkSupport() {
+    if (!isSupported()) {
+      throw new SupportError();
+    }
+  }
+}
+
+/**
+ * @typedef ChildClass
+ * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component
+ */
+
+/**
+ * @typedef {typeof Component & ChildClass} ChildClassConstructor
+ */
+Component.elementType = HTMLElement;
+
+const configOverride = Symbol.for('configOverride');
+class ConfigurableComponent extends Component {
+  [configOverride](param) {
+    return {};
+  }
+
+  /**
+   * Returns the root element of the component
+   *
+   * @protected
+   * @returns {ConfigurationType} - the root element of component
+   */
+  get config() {
+    return this._config;
+  }
+  constructor($root, config) {
+    super($root);
+    this._config = void 0;
+    const childConstructor = this.constructor;
+    if (!isObject(childConstructor.defaults)) {
+      throw new ConfigError(formatErrorMessage(childConstructor, 'Config passed as parameter into constructor but no defaults defined'));
+    }
+    const datasetConfig = normaliseDataset(childConstructor, this._$root.dataset);
+    this._config = mergeConfigs(childConstructor.defaults, config != null ? config : {}, this[configOverride](datasetConfig), datasetConfig);
+  }
+}
+function normaliseString(value, property) {
+  const trimmedValue = value ? value.trim() : '';
+  let output;
+  let outputType = property == null ? void 0 : property.type;
+  if (!outputType) {
+    if (['true', 'false'].includes(trimmedValue)) {
+      outputType = 'boolean';
+    }
+    if (trimmedValue.length > 0 && isFinite(Number(trimmedValue))) {
+      outputType = 'number';
+    }
+  }
+  switch (outputType) {
+    case 'boolean':
+      output = trimmedValue === 'true';
+      break;
+    case 'number':
+      output = Number(trimmedValue);
+      break;
+    default:
+      output = value;
+  }
+  return output;
+}
+function normaliseDataset(Component, dataset) {
+  if (!isObject(Component.schema)) {
+    throw new ConfigError(formatErrorMessage(Component, 'Config passed as parameter into constructor but no schema defined'));
+  }
+  const out = {};
+  const entries = Object.entries(Component.schema.properties);
+  for (const entry of entries) {
+    const [namespace, property] = entry;
+    const field = namespace.toString();
+    if (field in dataset) {
+      out[field] = normaliseString(dataset[field], property);
+    }
+    if ((property == null ? void 0 : property.type) === 'object') {
+      out[field] = extractConfigByNamespace(Component.schema, dataset, namespace);
+    }
+  }
+  return out;
+}
+function mergeConfigs(...configObjects) {
+  const formattedConfigObject = {};
+  for (const configObject of configObjects) {
+    for (const key of Object.keys(configObject)) {
+      const option = formattedConfigObject[key];
+      const override = configObject[key];
+      if (isObject(option) && isObject(override)) {
+        formattedConfigObject[key] = mergeConfigs(option, override);
+      } else {
+        formattedConfigObject[key] = override;
+      }
+    }
+  }
+  return formattedConfigObject;
+}
+function extractConfigByNamespace(schema, dataset, namespace) {
+  const property = schema.properties[namespace];
+  if ((property == null ? void 0 : property.type) !== 'object') {
+    return;
+  }
+  const newObject = {
+    [namespace]: {}
+  };
+  for (const [key, value] of Object.entries(dataset)) {
+    let current = newObject;
+    const keyParts = key.split('.');
+    for (const [index, name] of keyParts.entries()) {
+      if (isObject(current)) {
+        if (index < keyParts.length - 1) {
+          if (!isObject(current[name])) {
+            current[name] = {};
+          }
+          current = current[name];
+        } else if (key !== namespace) {
+          current[name] = normaliseString(value);
+        }
+      }
+    }
+  }
+  return newObject[namespace];
+}
+/**
+ * Schema for component config
+ *
+ * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType
+ * @typedef {object} Schema
+ * @property {Record<keyof ConfigurationType, SchemaProperty | undefined>} properties - Schema properties
+ * @property {SchemaCondition<ConfigurationType>[]} [anyOf] - List of schema conditions
+ */
+/**
+ * Schema property for component config
+ *
+ * @typedef {object} SchemaProperty
+ * @property {'string' | 'boolean' | 'number' | 'object'} type - Property type
+ */
+/**
+ * Schema condition for component config
+ *
+ * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType
+ * @typedef {object} SchemaCondition
+ * @property {(keyof ConfigurationType)[]} required - List of required config fields
+ * @property {string} errorMessage - Error message when required config fields not provided
+ */
+/**
+ * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]
+ * @typedef ChildClass
+ * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component
+ * @property {Schema<ConfigurationType>} [schema] - The schema of the component configuration
+ * @property {ConfigurationType} [defaults] - The default values of the configuration of the component
+ */
+/**
+ * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]
+ * @typedef {typeof Component & ChildClass<ConfigurationType>} ChildClassConstructor<ConfigurationType>
+ */
+/**
+ * @import { CompatibleClass, Config, CreateAllOptions, OnErrorCallback } from '../init.mjs'
+ */
+
+class I18n {
+  constructor(translations = {}, config = {}) {
+    var _config$locale;
+    this.translations = void 0;
+    this.locale = void 0;
+    this.translations = translations;
+    this.locale = (_config$locale = config.locale) != null ? _config$locale : document.documentElement.lang || 'en';
+  }
+  t(lookupKey, options) {
+    if (!lookupKey) {
+      throw new Error('i18n: lookup key missing');
+    }
+    let translation = this.translations[lookupKey];
+    if (typeof (options == null ? void 0 : options.count) === 'number' && isObject(translation)) {
+      const translationPluralForm = translation[this.getPluralSuffix(lookupKey, options.count)];
+      if (translationPluralForm) {
+        translation = translationPluralForm;
+      }
+    }
+    if (typeof translation === 'string') {
+      if (translation.match(/%{(.\S+)}/)) {
+        if (!options) {
+          throw new Error('i18n: cannot replace placeholders in string if no option data provided');
+        }
+        return this.replacePlaceholders(translation, options);
+      }
+      return translation;
+    }
+    return lookupKey;
+  }
+  replacePlaceholders(translationString, options) {
+    const formatter = Intl.NumberFormat.supportedLocalesOf(this.locale).length ? new Intl.NumberFormat(this.locale) : undefined;
+    return translationString.replace(/%{(.\S+)}/g, function (placeholderWithBraces, placeholderKey) {
+      if (Object.prototype.hasOwnProperty.call(options, placeholderKey)) {
+        const placeholderValue = options[placeholderKey];
+        if (placeholderValue === false || typeof placeholderValue !== 'number' && typeof placeholderValue !== 'string') {
+          return '';
+        }
+        if (typeof placeholderValue === 'number') {
+          return formatter ? formatter.format(placeholderValue) : `${placeholderValue}`;
+        }
+        return placeholderValue;
+      }
+      throw new Error(`i18n: no data found to replace ${placeholderWithBraces} placeholder in string`);
+    });
+  }
+  hasIntlPluralRulesSupport() {
+    return Boolean('PluralRules' in window.Intl && Intl.PluralRules.supportedLocalesOf(this.locale).length);
+  }
+  getPluralSuffix(lookupKey, count) {
+    count = Number(count);
+    if (!isFinite(count)) {
+      return 'other';
+    }
+    const translation = this.translations[lookupKey];
+    const preferredForm = this.hasIntlPluralRulesSupport() ? new Intl.PluralRules(this.locale).select(count) : 'other';
+    if (isObject(translation)) {
+      if (preferredForm in translation) {
+        return preferredForm;
+      } else if ('other' in translation) {
+        console.warn(`i18n: Missing plural form ".${preferredForm}" for "${this.locale}" locale. Falling back to ".other".`);
+        return 'other';
+      }
+    }
+    throw new Error(`i18n: Plural form ".other" is required for "${this.locale}" locale`);
+  }
+}
+
+/**
+ * File upload component
+ *
+ * @preserve
+ * @augments ConfigurableComponent<FileUploadConfig>
+ */
+class FileUpload extends ConfigurableComponent {
+  /**
+   * @param {Element | null} $root - File input element
+   * @param {FileUploadConfig} [config] - File Upload config
+   */
+  constructor($root, config = {}) {
+    super($root, config);
+    this.$input = void 0;
+    this.$button = void 0;
+    this.$status = void 0;
+    this.i18n = void 0;
+    this.id = void 0;
+    this.$announcements = void 0;
+    this.enteredAnotherElement = void 0;
+    const $input = this.$root.querySelector('input');
+    if ($input === null) {
+      throw new ElementError({
+        component: FileUpload,
+        identifier: 'File inputs (`<input type="file">`)'
+      });
+    }
+    if ($input.type !== 'file') {
+      throw new ElementError(formatErrorMessage(FileUpload, 'File input (`<input type="file">`) attribute (`type`) is not `file`'));
+    }
+    this.$input = $input;
+    if (!this.$input.id) {
+      throw new ElementError({
+        component: FileUpload,
+        identifier: 'File input (`<input type="file">`) attribute (`id`)'
+      });
+    }
+    this.id = this.$input.id;
+    this.i18n = new I18n(this.config.i18n, {
+      locale: closestAttributeValue(this.$root, 'lang')
+    });
+    const $label = this.findLabel();
+    if (!$label.id) {
+      $label.id = `${this.id}-label`;
+    }
+    this.$input.id = `${this.id}-input`;
+    this.$input.setAttribute('hidden', 'true');
+    const $button = document.createElement('button');
+    $button.classList.add('govuk-file-upload-button');
+    $button.type = 'button';
+    $button.id = this.id;
+    $button.classList.add('govuk-file-upload-button--empty');
+    const ariaDescribedBy = this.$input.getAttribute('aria-describedby');
+    if (ariaDescribedBy) {
+      $button.setAttribute('aria-describedby', ariaDescribedBy);
+    }
+    const $status = document.createElement('span');
+    $status.className = 'govuk-body govuk-file-upload-button__status';
+    $status.setAttribute('aria-live', 'polite');
+    $status.innerText = this.i18n.t('noFileChosen');
+    $button.appendChild($status);
+    const commaSpan = document.createElement('span');
+    commaSpan.className = 'govuk-visually-hidden';
+    commaSpan.innerText = ', ';
+    commaSpan.id = `${this.id}-comma`;
+    $button.appendChild(commaSpan);
+    const containerSpan = document.createElement('span');
+    containerSpan.className = 'govuk-file-upload-button__pseudo-button-container';
+    const buttonSpan = document.createElement('span');
+    buttonSpan.className = 'govuk-button govuk-button--secondary govuk-file-upload-button__pseudo-button';
+    buttonSpan.innerText = this.i18n.t('chooseFilesButton');
+    containerSpan.appendChild(buttonSpan);
+    containerSpan.insertAdjacentText('beforeend', ' ');
+    const instructionSpan = document.createElement('span');
+    instructionSpan.className = 'govuk-body govuk-file-upload-button__instruction';
+    instructionSpan.innerText = this.i18n.t('dropInstruction');
+    containerSpan.appendChild(instructionSpan);
+    $button.appendChild(containerSpan);
+    $button.setAttribute('aria-labelledby', `${$label.id} ${commaSpan.id} ${$button.id}`);
+    $button.addEventListener('click', this.onClick.bind(this));
+    $button.addEventListener('dragover', event => {
+      event.preventDefault();
+    });
+    this.$root.insertAdjacentElement('afterbegin', $button);
+    this.$input.setAttribute('tabindex', '-1');
+    this.$input.setAttribute('aria-hidden', 'true');
+    this.$button = $button;
+    this.$status = $status;
+    this.$input.addEventListener('change', this.onChange.bind(this));
+    this.updateDisabledState();
+    this.observeDisabledState();
+    this.$announcements = document.createElement('span');
+    this.$announcements.classList.add('govuk-file-upload-announcements');
+    this.$announcements.classList.add('govuk-visually-hidden');
+    this.$announcements.setAttribute('aria-live', 'assertive');
+    this.$root.insertAdjacentElement('afterend', this.$announcements);
+    this.$button.addEventListener('drop', this.onDrop.bind(this));
+    document.addEventListener('dragenter', this.updateDropzoneVisibility.bind(this));
+    document.addEventListener('dragenter', () => {
+      this.enteredAnotherElement = true;
+    });
+    document.addEventListener('dragleave', () => {
+      if (!this.enteredAnotherElement && !this.$button.disabled) {
+        this.hideDraggingState();
+        this.$announcements.innerText = this.i18n.t('leftDropZone');
+      }
+      this.enteredAnotherElement = false;
+    });
+  }
+  updateDropzoneVisibility(event) {
+    if (this.$button.disabled) return;
+    if (event.target instanceof Node) {
+      if (this.$root.contains(event.target)) {
+        if (event.dataTransfer && isContainingFiles(event.dataTransfer)) {
+          if (!this.$button.classList.contains('govuk-file-upload-button--dragging')) {
+            this.showDraggingState();
+            this.$announcements.innerText = this.i18n.t('enteredDropZone');
+          }
+        }
+      } else {
+        if (this.$button.classList.contains('govuk-file-upload-button--dragging')) {
+          this.hideDraggingState();
+          this.$announcements.innerText = this.i18n.t('leftDropZone');
+        }
+      }
+    }
+  }
+  showDraggingState() {
+    this.$button.classList.add('govuk-file-upload-button--dragging');
+  }
+  hideDraggingState() {
+    this.$button.classList.remove('govuk-file-upload-button--dragging');
+  }
+  onDrop(event) {
+    event.preventDefault();
+    if (event.dataTransfer && isContainingFiles(event.dataTransfer)) {
+      this.$input.files = event.dataTransfer.files;
+      this.$input.dispatchEvent(new CustomEvent('change'));
+      this.hideDraggingState();
+    }
+  }
+  onChange() {
+    const fileCount = this.$input.files.length;
+    if (fileCount === 0) {
+      this.$status.innerText = this.i18n.t('noFileChosen');
+      this.$button.classList.add('govuk-file-upload-button--empty');
+    } else {
+      if (fileCount === 1) {
+        this.$status.innerText = this.$input.files[0].name;
+      } else {
+        this.$status.innerText = this.i18n.t('multipleFilesChosen', {
+          count: fileCount
+        });
+      }
+      this.$button.classList.remove('govuk-file-upload-button--empty');
+    }
+  }
+  findLabel() {
+    const $label = document.querySelector(`label[for="${this.$input.id}"]`);
+    if (!$label) {
+      throw new ElementError({
+        component: FileUpload,
+        identifier: `Field label (\`<label for=${this.$input.id}>\`)`
+      });
+    }
+    return $label;
+  }
+  onClick() {
+    this.$input.click();
+  }
+  observeDisabledState() {
+    const observer = new MutationObserver(mutationList => {
+      for (const mutation of mutationList) {
+        if (mutation.type === 'attributes' && mutation.attributeName === 'disabled') {
+          this.updateDisabledState();
+        }
+      }
+    });
+    observer.observe(this.$input, {
+      attributes: true
+    });
+  }
+  updateDisabledState() {
+    this.$button.disabled = this.$input.disabled;
+    this.$root.classList.toggle('govuk-drop-zone--disabled', this.$button.disabled);
+  }
+}
+FileUpload.moduleName = 'govuk-file-upload';
+FileUpload.defaults = Object.freeze({
+  i18n: {
+    chooseFilesButton: 'Choose file',
+    dropInstruction: 'or drop file',
+    noFileChosen: 'No file chosen',
+    multipleFilesChosen: {
+      one: '%{count} file chosen',
+      other: '%{count} files chosen'
+    },
+    enteredDropZone: 'Entered drop zone',
+    leftDropZone: 'Left drop zone'
+  }
+});
+FileUpload.schema = Object.freeze({
+  properties: {
+    i18n: {
+      type: 'object'
+    }
+  }
+});
+function isContainingFiles(dataTransfer) {
+  const hasNoTypesInfo = dataTransfer.types.length === 0;
+  const isDraggingFiles = dataTransfer.types.some(type => type === 'Files');
+  return hasNoTypesInfo || isDraggingFiles;
+}
+
+/**
+ * @typedef {HTMLInputElement & {files: FileList}} HTMLFileInputElement
+ */
+
+/**
+ * File upload config
+ *
+ * @see {@link FileUpload.defaults}
+ * @typedef {object} FileUploadConfig
+ * @property {FileUploadTranslations} [i18n=FileUpload.defaults.i18n] - File upload translations
+ */
+
+/**
+ * File upload translations
+ *
+ * @see {@link FileUpload.defaults.i18n}
+ * @typedef {object} FileUploadTranslations
+ *
+ * Messages used by the component
+ * @property {string} [chooseFile] - The text of the button that opens the file picker
+ * @property {string} [dropInstruction] - The text informing users they can drop files
+ * @property {TranslationPluralForms} [multipleFilesChosen] - The text displayed when multiple files
+ *   have been chosen by the user
+ * @property {string} [noFileChosen] - The text to displayed when no file has been chosen by the user
+ * @property {string} [enteredDropZone] - The text announced by assistive technology
+ *   when user drags files and enters the drop zone
+ * @property {string} [leftDropZone] - The text announced by assistive technology
+ *   when user drags files and leaves the drop zone without dropping
+ */
+
+/**
+ * @import { Schema } from '../../common/configuration.mjs'
+ * @import { TranslationPluralForms } from '../../i18n.mjs'
+ */
+
+export { FileUpload };
+//# sourceMappingURL=file-upload.bundle.mjs.map
diff --git a/app/templates/govuk/components/file-upload/file-upload.bundle.mjs.map b/app/templates/govuk/components/file-upload/file-upload.bundle.mjs.map
new file mode 100644
index 0000000..24e1283
--- /dev/null
+++ b/app/templates/govuk/components/file-upload/file-upload.bundle.mjs.map
@@ -0,0 +1 @@
+{"version":3,"file":"file-upload.bundle.mjs","sources":["../../../../src/govuk/common/closest-attribute-value.mjs","../../../../src/govuk/common/index.mjs","../../../../src/govuk/errors/index.mjs","../../../../src/govuk/component.mjs","../../../../src/govuk/common/configuration.mjs","../../../../src/govuk/i18n.mjs","../../../../src/govuk/components/file-upload/file-upload.mjs"],"sourcesContent":["/**\n * Returns the value of the given attribute closest to the given element (including itself)\n *\n * @internal\n * @param {Element} $element - The element to start walking the DOM tree up\n * @param {string} attributeName - The name of the attribute\n * @returns {string | null} Attribute value\n */\nexport function closestAttributeValue($element, attributeName) {\n  const $closestElementWithAttribute = $element.closest(`[${attributeName}]`)\n  return $closestElementWithAttribute\n    ? $closestElementWithAttribute.getAttribute(attributeName)\n    : null\n}\n","/**\n * Common helpers which do not require polyfill.\n *\n * IMPORTANT: If a helper require a polyfill, please isolate it in its own module\n * so that the polyfill can be properly tree-shaken and does not burden\n * the components that do not need that helper\n */\n\n/**\n * Get GOV.UK Frontend breakpoint value from CSS custom property\n *\n * @private\n * @param {string} name - Breakpoint name\n * @returns {{ property: string, value?: string }} Breakpoint object\n */\nexport function getBreakpoint(name) {\n  const property = `--govuk-breakpoint-${name}`\n\n  // Get value from `<html>` with breakpoints on CSS :root\n  const value = window\n    .getComputedStyle(document.documentElement)\n    .getPropertyValue(property)\n\n  return {\n    property,\n    value: value || undefined\n  }\n}\n\n/**\n * Move focus to element\n *\n * Sets tabindex to -1 to make the element programmatically focusable,\n * but removes it on blur as the element doesn't need to be focused again.\n *\n * @private\n * @template {HTMLElement} FocusElement\n * @param {FocusElement} $element - HTML element\n * @param {object} [options] - Handler options\n * @param {function(this: FocusElement): void} [options.onBeforeFocus] - Callback before focus\n * @param {function(this: FocusElement): void} [options.onBlur] - Callback on blur\n */\nexport function setFocus($element, options = {}) {\n  const isFocusable = $element.getAttribute('tabindex')\n\n  if (!isFocusable) {\n    $element.setAttribute('tabindex', '-1')\n  }\n\n  /**\n   * Handle element focus\n   */\n  function onFocus() {\n    $element.addEventListener('blur', onBlur, { once: true })\n  }\n\n  /**\n   * Handle element blur\n   */\n  function onBlur() {\n    options.onBlur?.call($element)\n\n    if (!isFocusable) {\n      $element.removeAttribute('tabindex')\n    }\n  }\n\n  // Add listener to reset element on blur, after focus\n  $element.addEventListener('focus', onFocus, { once: true })\n\n  // Focus element\n  options.onBeforeFocus?.call($element)\n  $element.focus()\n}\n\n/**\n * Checks if component is already initialised\n *\n * @internal\n * @param {Element} $root - HTML element to be checked\n * @param {string} moduleName - name of component module\n * @returns {boolean} Whether component is already initialised\n */\nexport function isInitialised($root, moduleName) {\n  return (\n    $root instanceof HTMLElement &&\n    $root.hasAttribute(`data-${moduleName}-init`)\n  )\n}\n\n/**\n * Checks if GOV.UK Frontend is supported on this page\n *\n * Some browsers will load and run our JavaScript but GOV.UK Frontend\n * won't be supported.\n *\n * @param {HTMLElement | null} [$scope] - (internal) `<body>` HTML element checked for browser support\n * @returns {boolean} Whether GOV.UK Frontend is supported on this page\n */\nexport function isSupported($scope = document.body) {\n  if (!$scope) {\n    return false\n  }\n\n  return $scope.classList.contains('govuk-frontend-supported')\n}\n\n/**\n * Check for an array\n *\n * @internal\n * @param {unknown} option - Option to check\n * @returns {boolean} Whether the option is an array\n */\nfunction isArray(option) {\n  return Array.isArray(option)\n}\n\n/**\n * Check for an object\n *\n * @internal\n * @template {Partial<Record<keyof ObjectType, unknown>>} ObjectType\n * @param {unknown | ObjectType} option - Option to check\n * @returns {option is ObjectType} Whether the option is an object\n */\nexport function isObject(option) {\n  return !!option && typeof option === 'object' && !isArray(option)\n}\n\n/**\n * Check for valid scope\n *\n * @internal\n * @template {Element | Document} ScopeType\n * @param {unknown | ScopeType} $scope - Scope of the document to search within\n * @returns {$scope is ScopeType} Whether the scope can be queried\n */\nexport function isScope($scope) {\n  return !!$scope && ($scope instanceof Element || $scope instanceof Document)\n}\n\n/**\n * Format error message\n *\n * @internal\n * @param {ComponentWithModuleName} Component - Component that threw the error\n * @param {string} message - Error message\n * @returns {string} - Formatted error message\n */\nexport function formatErrorMessage(Component, message) {\n  return `${Component.moduleName}: ${message}`\n}\n\n/* eslint-disable jsdoc/valid-types --\n * `{new(...args: any[] ): object}` is not recognised as valid\n * https://github.com/gajus/eslint-plugin-jsdoc/issues/145#issuecomment-1308722878\n * https://github.com/jsdoc-type-pratt-parser/jsdoc-type-pratt-parser/issues/131\n **/\n\n/**\n * @typedef ComponentWithModuleName\n * @property {string} moduleName - Name of the component\n */\n\n/* eslint-enable jsdoc/valid-types */\n","import { formatErrorMessage, isObject } from '../common/index.mjs'\n\n/**\n * GOV.UK Frontend error\n *\n * A base class for `Error`s thrown by GOV.UK Frontend.\n *\n * It is meant to be extended into specific types of errors\n * to be thrown by our code.\n *\n * @example\n * ```js\n * class MissingRootError extends GOVUKFrontendError {\n *   // Setting an explicit name is important as extending the class will not\n *   // set a new `name` on the subclass. The `name` property is important\n *   // to ensure intelligible error names even if the class name gets\n *   // mangled by a minifier\n *   name = \"MissingRootError\"\n * }\n * ```\n * @virtual\n */\nexport class GOVUKFrontendError extends Error {\n  name = 'GOVUKFrontendError'\n}\n\n/**\n * Indicates that GOV.UK Frontend is not supported\n */\nexport class SupportError extends GOVUKFrontendError {\n  name = 'SupportError'\n\n  /**\n   * Checks if GOV.UK Frontend is supported on this page\n   *\n   * @param {HTMLElement | null} [$scope] - HTML element `<body>` checked for browser support\n   */\n  constructor($scope = document.body) {\n    const supportMessage =\n      'noModule' in HTMLScriptElement.prototype\n        ? 'GOV.UK Frontend initialised without `<body class=\"govuk-frontend-supported\">` from template `<script>` snippet'\n        : 'GOV.UK Frontend is not supported in this browser'\n\n    super(\n      $scope\n        ? supportMessage\n        : 'GOV.UK Frontend initialised without `<script type=\"module\">`'\n    )\n  }\n}\n\n/**\n * Indicates that a component has received an illegal configuration\n */\nexport class ConfigError extends GOVUKFrontendError {\n  name = 'ConfigError'\n}\n\n/**\n * Indicates an issue with an element (possibly `null` or `undefined`)\n */\nexport class ElementError extends GOVUKFrontendError {\n  name = 'ElementError'\n\n  /**\n   * @internal\n   * @overload\n   * @param {string} message - Element error message\n   */\n\n  /**\n   * @internal\n   * @overload\n   * @param {ElementErrorOptions} options - Element error options\n   */\n\n  /**\n   * @internal\n   * @param {string | ElementErrorOptions} messageOrOptions - Element error message or options\n   */\n  constructor(messageOrOptions) {\n    let message = typeof messageOrOptions === 'string' ? messageOrOptions : ''\n\n    // Build message from options\n    if (isObject(messageOrOptions)) {\n      const { component, identifier, element, expectedType } = messageOrOptions\n\n      message = identifier\n\n      // Append reason\n      message += element\n        ? ` is not of type ${expectedType ?? 'HTMLElement'}`\n        : ' not found'\n\n      // Prepend with module name (optional)\n      if (component) {\n        message = formatErrorMessage(component, message)\n      }\n    }\n\n    super(message)\n  }\n}\n\n/**\n * Indicates that a component is already initialised\n */\nexport class InitError extends GOVUKFrontendError {\n  name = 'InitError'\n\n  /**\n   * @internal\n   * @param {ComponentWithModuleName | string} componentOrMessage - name of the component module\n   */\n  constructor(componentOrMessage) {\n    const message =\n      typeof componentOrMessage === 'string'\n        ? componentOrMessage\n        : formatErrorMessage(\n            componentOrMessage,\n            `Root element (\\`$root\\`) already initialised`\n          )\n\n    super(message)\n  }\n}\n\n/**\n * Element error options\n *\n * @internal\n * @typedef {object} ElementErrorOptions\n * @property {Element | Document | null} [element] - The element in error (optional)\n * @property {ComponentWithModuleName} [component] - Component throwing the error (optional)\n * @property {string} identifier - An identifier that'll let the user understand which element has an error. This is whatever makes the most sense\n * @property {string} [expectedType] - The type that was expected for the identifier (optional)\n */\n\n/**\n * @import { ComponentWithModuleName } from '../common/index.mjs'\n */\n","import { isInitialised, isSupported } from './common/index.mjs'\nimport { ElementError, InitError, SupportError } from './errors/index.mjs'\n\n/**\n * Base Component class\n *\n * Centralises the behaviours shared by our components\n *\n * @virtual\n * @template {Element} [RootElementType=HTMLElement]\n */\nexport class Component {\n  /**\n   * @type {typeof Element}\n   */\n  static elementType = HTMLElement\n\n  // allows Typescript user to work around the lack of types\n  // in GOVUKFrontend package, Typescript is not aware of $root\n  // in components that extend GOVUKFrontendComponent\n  /**\n   * Returns the root element of the component\n   *\n   * @protected\n   * @returns {RootElementType} - the root element of component\n   */\n  get $root() {\n    return this._$root\n  }\n\n  /**\n   * @protected\n   * @type {RootElementType}\n   */\n  _$root\n\n  /**\n   * Constructs a new component, validating that GOV.UK Frontend is supported\n   *\n   * @internal\n   * @param {Element | null} [$root] - HTML element to use for component\n   */\n  constructor($root) {\n    const childConstructor = /** @type {ChildClassConstructor} */ (\n      this.constructor\n    )\n\n    // TypeScript does not enforce that inheriting classes will define a `moduleName`\n    // (even if we add a `@virtual` `static moduleName` property to this class).\n    // While we trust users to do this correctly, we do a little check to provide them\n    // a helpful error message.\n    //\n    // After this, we'll be sure that `childConstructor` has a `moduleName`\n    // as expected of the `ChildClassConstructor` we've cast `this.constructor` to.\n    if (typeof childConstructor.moduleName !== 'string') {\n      throw new InitError(`\\`moduleName\\` not defined in component`)\n    }\n\n    if (!($root instanceof childConstructor.elementType)) {\n      throw new ElementError({\n        element: $root,\n        component: childConstructor,\n        identifier: 'Root element (`$root`)',\n        expectedType: childConstructor.elementType.name\n      })\n    } else {\n      this._$root = /** @type {RootElementType} */ ($root)\n    }\n\n    childConstructor.checkSupport()\n\n    this.checkInitialised()\n\n    const moduleName = childConstructor.moduleName\n\n    this.$root.setAttribute(`data-${moduleName}-init`, '')\n  }\n\n  /**\n   * Validates whether component is already initialised\n   *\n   * @private\n   * @throws {InitError} when component is already initialised\n   */\n  checkInitialised() {\n    const constructor = /** @type {ChildClassConstructor} */ (this.constructor)\n    const moduleName = constructor.moduleName\n\n    if (moduleName && isInitialised(this.$root, moduleName)) {\n      throw new InitError(constructor)\n    }\n  }\n\n  /**\n   * Validates whether components are supported\n   *\n   * @throws {SupportError} when the components are not supported\n   */\n  static checkSupport() {\n    if (!isSupported()) {\n      throw new SupportError()\n    }\n  }\n}\n\n/**\n * @typedef ChildClass\n * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component\n */\n\n/**\n * @typedef {typeof Component & ChildClass} ChildClassConstructor\n */\n","import { Component } from '../component.mjs'\nimport { ConfigError } from '../errors/index.mjs'\n\nimport { isObject, isScope, formatErrorMessage } from './index.mjs'\n\nexport const configOverride = Symbol.for('configOverride')\n\n/**\n * Base Component class\n *\n * Centralises the behaviours shared by our components\n *\n * @virtual\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]\n * @template {Element & { dataset: DOMStringMap }} [RootElementType=HTMLElement]\n * @augments Component<RootElementType>\n */\nexport class ConfigurableComponent extends Component {\n  /**\n   * configOverride\n   *\n   * Function which defines configuration overrides to prioritize\n   * properties from the root element's dataset.\n   *\n   * It should take a subset of configuration as input and return\n   * a new configuration object with properties that should be\n   * overridden based on the root element's dataset. A Symbol\n   * is used for indexing to prevent conflicts.\n   *\n   * @internal\n   * @virtual\n   * @param {Partial<ConfigurationType>} [param] - Configuration object\n   * @returns {Partial<ConfigurationType>} return - Configuration object\n   */\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  [configOverride](param) {\n    return {}\n  }\n\n  /**\n   * Returns the root element of the component\n   *\n   * @protected\n   * @returns {ConfigurationType} - the root element of component\n   */\n  get config() {\n    return this._config\n  }\n\n  /**\n   *\n   * @type {ConfigurationType}\n   */\n  _config\n\n  /**\n   * Constructs a new component, validating that GOV.UK Frontend is supported\n   *\n   * @internal\n   * @param {Element | null} [$root] - HTML element to use for component\n   * @param {ConfigurationType} [config] - HTML element to use for component\n   */\n  constructor($root, config) {\n    super($root)\n\n    const childConstructor =\n      /** @type {ChildClassConstructor<ConfigurationType>} */ (this.constructor)\n\n    if (!isObject(childConstructor.defaults)) {\n      throw new ConfigError(\n        formatErrorMessage(\n          childConstructor,\n          'Config passed as parameter into constructor but no defaults defined'\n        )\n      )\n    }\n\n    const datasetConfig = /** @type {ConfigurationType} */ (\n      normaliseDataset(childConstructor, this._$root.dataset)\n    )\n\n    this._config = /** @type {ConfigurationType} */ (\n      mergeConfigs(\n        childConstructor.defaults,\n        config ?? {},\n        this[configOverride](datasetConfig),\n        datasetConfig\n      )\n    )\n  }\n}\n\n/**\n * Normalise string\n *\n * 'If it looks like a duck, and it quacks like a duck…' 🦆\n *\n * If the passed value looks like a boolean or a number, convert it to a boolean\n * or number.\n *\n * Designed to be used to convert config passed via data attributes (which are\n * always strings) into something sensible.\n *\n * @internal\n * @param {DOMStringMap[string]} value - The value to normalise\n * @param {SchemaProperty} [property] - Component schema property\n * @returns {string | boolean | number | undefined} Normalised data\n */\nexport function normaliseString(value, property) {\n  const trimmedValue = value ? value.trim() : ''\n\n  let output\n  let outputType = property?.type\n\n  // No schema type set? Determine automatically\n  if (!outputType) {\n    if (['true', 'false'].includes(trimmedValue)) {\n      outputType = 'boolean'\n    }\n\n    // Empty / whitespace-only strings are considered finite so we need to check\n    // the length of the trimmed string as well\n    if (trimmedValue.length > 0 && isFinite(Number(trimmedValue))) {\n      outputType = 'number'\n    }\n  }\n\n  switch (outputType) {\n    case 'boolean':\n      output = trimmedValue === 'true'\n      break\n\n    case 'number':\n      output = Number(trimmedValue)\n      break\n\n    default:\n      output = value\n  }\n\n  return output\n}\n\n/**\n * Normalise dataset\n *\n * Loop over an object and normalise each value using {@link normaliseString},\n * optionally expanding nested `i18n.field`\n *\n * @internal\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @template {[keyof ConfigurationType, SchemaProperty | undefined][]} SchemaEntryType\n * @param {{ schema?: Schema<ConfigurationType>, moduleName: string }} Component - Component class\n * @param {DOMStringMap} dataset - HTML element dataset\n * @returns {ObjectNested} Normalised dataset\n */\nexport function normaliseDataset(Component, dataset) {\n  if (!isObject(Component.schema)) {\n    throw new ConfigError(\n      formatErrorMessage(\n        Component,\n        'Config passed as parameter into constructor but no schema defined'\n      )\n    )\n  }\n\n  const out = /** @type {ObjectNested} */ ({})\n  const entries = /** @type {SchemaEntryType} */ (\n    Object.entries(Component.schema.properties)\n  )\n\n  // Normalise top-level dataset ('data-*') values using schema types\n  for (const entry of entries) {\n    const [namespace, property] = entry\n\n    // Cast the `namespace` to string so it can be used to access the dataset\n    const field = namespace.toString()\n\n    if (field in dataset) {\n      out[field] = normaliseString(dataset[field], property)\n    }\n\n    /**\n     * Extract and normalise nested object values automatically using\n     * {@link normaliseString} but only schema object types are allowed\n     */\n    if (property?.type === 'object') {\n      out[field] = extractConfigByNamespace(\n        Component.schema,\n        dataset,\n        namespace\n      )\n    }\n  }\n\n  return out\n}\n\n/**\n * Normalise options passed to `initAll` or `createAll`\n *\n * @internal\n * @template {CompatibleClass} ComponentClass\n * @param {Config | CreateAllOptions<ComponentClass> | OnErrorCallback<ComponentClass> | Element | Document | null} [scopeOrOptions] - Scope of the document to search within, initialisation options or error callback function\n * @returns {CreateAllOptions<ComponentClass>} Normalised options\n */\nexport function normaliseOptions(scopeOrOptions) {\n  let /** @type {Element | Document | null} */ $scope = document\n  let /** @type {OnErrorCallback<ComponentClass> | undefined} */ onError\n\n  // Handle options object\n  if (isObject(scopeOrOptions)) {\n    const options = scopeOrOptions\n\n    // Scope must be valid or null\n    if (isScope(options.scope) || options.scope === null) {\n      $scope = options.scope\n    }\n\n    // Error handler must be a function\n    if (typeof options.onError === 'function') {\n      onError = options.onError\n    }\n  }\n\n  if (isScope(scopeOrOptions)) {\n    $scope = scopeOrOptions\n  } else if (scopeOrOptions === null) {\n    $scope = null\n  } else if (typeof scopeOrOptions === 'function') {\n    onError = scopeOrOptions\n  }\n\n  return {\n    scope: $scope,\n    onError\n  }\n}\n\n/**\n * Config merging function\n *\n * Takes any number of objects and combines them together, with\n * greatest priority on the LAST item passed in.\n *\n * @internal\n * @param {...{ [key: string]: unknown }} configObjects - Config objects to merge\n * @returns {{ [key: string]: unknown }} A merged config object\n */\nexport function mergeConfigs(...configObjects) {\n  // Start with an empty object as our base\n  /** @type {{ [key: string]: unknown }} */\n  const formattedConfigObject = {}\n\n  // Loop through each of the passed objects\n  for (const configObject of configObjects) {\n    for (const key of Object.keys(configObject)) {\n      const option = formattedConfigObject[key]\n      const override = configObject[key]\n\n      // Push their keys one-by-one into formattedConfigObject. Any duplicate\n      // keys with object values will be merged, otherwise the new value will\n      // override the existing value.\n      if (isObject(option) && isObject(override)) {\n        formattedConfigObject[key] = mergeConfigs(option, override)\n      } else {\n        // Apply override\n        formattedConfigObject[key] = override\n      }\n    }\n  }\n\n  return formattedConfigObject\n}\n\n/**\n * Validate component config by schema\n *\n * Follows limited examples in JSON schema for wider support in future\n *\n * {@link https://ajv.js.org/json-schema.html#compound-keywords}\n * {@link https://ajv.js.org/packages/ajv-errors.html#single-message}\n *\n * @internal\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @param {Schema<ConfigurationType>} schema - The schema of a component\n * @param {ConfigurationType} config - Component config\n * @returns {string[]} List of validation errors\n */\nexport function validateConfig(schema, config) {\n  const validationErrors = []\n\n  // Check errors for each schema\n  for (const [name, conditions] of Object.entries(schema)) {\n    const errors = []\n\n    // Check errors for each schema condition\n    if (Array.isArray(conditions)) {\n      for (const { required, errorMessage } of conditions) {\n        if (!required.every((key) => !!config[key])) {\n          errors.push(errorMessage) // Missing config key value\n        }\n      }\n\n      // Check one condition passes or add errors\n      if (name === 'anyOf' && !(conditions.length - errors.length >= 1)) {\n        validationErrors.push(...errors)\n      }\n    }\n  }\n\n  return validationErrors\n}\n\n/**\n * Extracts keys starting with a particular namespace from dataset ('data-*')\n * object, removing the namespace in the process, normalising all values\n *\n * @internal\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @param {Schema<ConfigurationType>} schema - The schema of a component\n * @param {DOMStringMap} dataset - The object to extract key-value pairs from\n * @param {keyof ConfigurationType} namespace - The namespace to filter keys with\n * @returns {ObjectNested | undefined} Nested object with dot-separated key namespace removed\n */\nexport function extractConfigByNamespace(schema, dataset, namespace) {\n  const property = schema.properties[namespace]\n\n  // Only extract configs for object schema properties\n  if (property?.type !== 'object') {\n    return\n  }\n\n  // Add default empty config\n  const newObject = /** @type {Record<typeof namespace, ObjectNested>} */ ({\n    [namespace]: {}\n  })\n\n  for (const [key, value] of Object.entries(dataset)) {\n    /** @type {ObjectNested | ObjectNested[NestedKey]} */\n    let current = newObject\n\n    // Split the key into parts, using . as our namespace separator\n    const keyParts = key.split('.')\n\n    /**\n     * Create new level per part\n     *\n     * e.g. 'i18n.textareaDescription.other' becomes\n     * `{ i18n: { textareaDescription: { other } } }`\n     */\n    for (const [index, name] of keyParts.entries()) {\n      if (isObject(current)) {\n        // Drop down to nested object until the last part\n        if (index < keyParts.length - 1) {\n          // New nested object (optionally) replaces existing value\n          if (!isObject(current[name])) {\n            current[name] = {}\n          }\n\n          // Drop down into new or existing nested object\n          current = current[name]\n        } else if (key !== namespace) {\n          // Normalised value (optionally) replaces existing value\n          current[name] = normaliseString(value)\n        }\n      }\n    }\n  }\n\n  return newObject[namespace]\n}\n\n/**\n * @internal\n * @typedef {keyof ObjectNested} NestedKey\n * @typedef {{ [key: string]: string | boolean | number | ObjectNested | undefined }} ObjectNested\n */\n\n/**\n * Schema for component config\n *\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @typedef {object} Schema\n * @property {Record<keyof ConfigurationType, SchemaProperty | undefined>} properties - Schema properties\n * @property {SchemaCondition<ConfigurationType>[]} [anyOf] - List of schema conditions\n */\n\n/**\n * Schema property for component config\n *\n * @typedef {object} SchemaProperty\n * @property {'string' | 'boolean' | 'number' | 'object'} type - Property type\n */\n\n/**\n * Schema condition for component config\n *\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @typedef {object} SchemaCondition\n * @property {(keyof ConfigurationType)[]} required - List of required config fields\n * @property {string} errorMessage - Error message when required config fields not provided\n */\n\n/**\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]\n * @typedef ChildClass\n * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component\n * @property {Schema<ConfigurationType>} [schema] - The schema of the component configuration\n * @property {ConfigurationType} [defaults] - The default values of the configuration of the component\n */\n\n/**\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]\n * @typedef {typeof Component & ChildClass<ConfigurationType>} ChildClassConstructor<ConfigurationType>\n */\n\n/**\n * @import { CompatibleClass, Config, CreateAllOptions, OnErrorCallback } from '../init.mjs'\n */\n","import { isObject } from './common/index.mjs'\n\n/**\n * Internal support for selecting messages to render, with placeholder\n * interpolation and locale-aware number formatting and pluralisation\n *\n * @internal\n */\nexport class I18n {\n  translations\n  locale\n\n  /**\n   * @internal\n   * @param {{ [key: string]: string | TranslationPluralForms }} translations - Key-value pairs of the translation strings to use.\n   * @param {object} [config] - Configuration options for the function.\n   * @param {string | null} [config.locale] - An overriding locale for the PluralRules functionality.\n   */\n  constructor(translations = {}, config = {}) {\n    // Make list of translations available throughout function\n    this.translations = translations\n\n    // The locale to use for PluralRules and NumberFormat\n    this.locale = config.locale ?? (document.documentElement.lang || 'en')\n  }\n\n  /**\n   * The most used function - takes the key for a given piece of UI text and\n   * returns the appropriate string.\n   *\n   * @internal\n   * @param {string} lookupKey - The lookup key of the string to use.\n   * @param {{ [key: string]: unknown }} [options] - Any options passed with the translation string, e.g: for string interpolation.\n   * @returns {string} The appropriate translation string.\n   * @throws {Error} Lookup key required\n   * @throws {Error} Options required for `${}` placeholders\n   */\n  t(lookupKey, options) {\n    if (!lookupKey) {\n      // Print a console error if no lookup key has been provided\n      throw new Error('i18n: lookup key missing')\n    }\n\n    // Fetch the translation for that lookup key\n    let translation = this.translations[lookupKey]\n\n    // If the `count` option is set, determine which plural suffix is needed and\n    // change the lookupKey to match. We check to see if it's numeric instead of\n    // falsy, as this could legitimately be 0.\n    if (typeof options?.count === 'number' && isObject(translation)) {\n      const translationPluralForm =\n        translation[this.getPluralSuffix(lookupKey, options.count)]\n\n      // Update translation with plural suffix\n      if (translationPluralForm) {\n        translation = translationPluralForm\n      }\n    }\n\n    if (typeof translation === 'string') {\n      // Check for ${} placeholders in the translation string\n      // eslint-disable-next-line @typescript-eslint/prefer-regexp-exec\n      if (translation.match(/%{(.\\S+)}/)) {\n        if (!options) {\n          throw new Error(\n            'i18n: cannot replace placeholders in string if no option data provided'\n          )\n        }\n\n        return this.replacePlaceholders(translation, options)\n      }\n\n      return translation\n    }\n\n    // If the key wasn't found in our translations object,\n    // return the lookup key itself as the fallback\n    return lookupKey\n  }\n\n  /**\n   * Takes a translation string with placeholders, and replaces the placeholders\n   * with the provided data\n   *\n   * @internal\n   * @param {string} translationString - The translation string\n   * @param {{ [key: string]: unknown }} options - Any options passed with the translation string, e.g: for string interpolation.\n   * @returns {string} The translation string to output, with $\\{\\} placeholders replaced\n   */\n  replacePlaceholders(translationString, options) {\n    const formatter = Intl.NumberFormat.supportedLocalesOf(this.locale).length\n      ? new Intl.NumberFormat(this.locale)\n      : undefined\n\n    return translationString.replace(\n      /%{(.\\S+)}/g,\n\n      /**\n       * Replace translation string placeholders\n       *\n       * @internal\n       * @param {string} placeholderWithBraces - Placeholder with braces\n       * @param {string} placeholderKey - Placeholder key\n       * @returns {string} Placeholder value\n       */\n      function (placeholderWithBraces, placeholderKey) {\n        if (Object.prototype.hasOwnProperty.call(options, placeholderKey)) {\n          const placeholderValue = options[placeholderKey]\n\n          // If a user has passed `false` as the value for the placeholder\n          // treat it as though the value should not be displayed\n          if (\n            placeholderValue === false ||\n            (typeof placeholderValue !== 'number' &&\n              typeof placeholderValue !== 'string')\n          ) {\n            return ''\n          }\n\n          // If the placeholder's value is a number, localise the number formatting\n          if (typeof placeholderValue === 'number') {\n            return formatter\n              ? formatter.format(placeholderValue)\n              : `${placeholderValue}`\n          }\n\n          return placeholderValue\n        }\n\n        throw new Error(\n          `i18n: no data found to replace ${placeholderWithBraces} placeholder in string`\n        )\n      }\n    )\n  }\n\n  /**\n   * Check to see if the browser supports Intl.PluralRules\n   *\n   * It requires all conditions to be met in order to be supported:\n   * - The implementation of Intl supports PluralRules (NOT true in Safari 10–12)\n   * - The browser/OS has plural rules for the current locale (browser dependent)\n   *\n   * {@link https://browsersl.ist/#q=supports+es6-module+and+not+supports+intl-pluralrules}\n   *\n   * @internal\n   * @returns {boolean} Returns true if all conditions are met. Returns false otherwise.\n   */\n  hasIntlPluralRulesSupport() {\n    return Boolean(\n      'PluralRules' in window.Intl &&\n        Intl.PluralRules.supportedLocalesOf(this.locale).length\n    )\n  }\n\n  /**\n   * Get the appropriate suffix for the plural form.\n   *\n   * Uses Intl.PluralRules (or our own fallback implementation) to get the\n   * 'preferred' form to use for the given count.\n   *\n   * Checks that a translation has been provided for that plural form – if it\n   * hasn't, it'll fall back to the 'other' plural form (unless that doesn't exist\n   * either, in which case an error will be thrown)\n   *\n   * @internal\n   * @param {string} lookupKey - The lookup key of the string to use.\n   * @param {number} count - Number used to determine which pluralisation to use.\n   * @returns {PluralRule} The suffix associated with the correct pluralisation for this locale.\n   * @throws {Error} Plural form `.other` required when preferred plural form is missing\n   */\n  getPluralSuffix(lookupKey, count) {\n    // Validate that the number is actually a number.\n    //\n    // Number(count) will turn anything that can't be converted to a Number type\n    // into 'NaN'. isFinite filters out NaN, as it isn't a finite number.\n    // eslint-disable-next-line @typescript-eslint/no-unnecessary-type-conversion\n    count = Number(count)\n    if (!isFinite(count)) {\n      return 'other'\n    }\n\n    // Fetch the translation for that lookup key\n    const translation = this.translations[lookupKey]\n\n    // Check to verify that all the requirements for Intl.PluralRules are met.\n    // If so, we can use that instead of our custom implementation. Otherwise,\n    // use the hardcoded fallback.\n    const preferredForm = this.hasIntlPluralRulesSupport()\n      ? new Intl.PluralRules(this.locale).select(count)\n      : 'other'\n\n    // Use the correct plural form if provided\n    if (isObject(translation)) {\n      if (preferredForm in translation) {\n        return preferredForm\n        // Fall back to `other` if the plural form is missing, but log a warning\n        // to the console\n      } else if ('other' in translation) {\n        console.warn(\n          `i18n: Missing plural form \".${preferredForm}\" for \"${this.locale}\" locale. Falling back to \".other\".`\n        )\n\n        return 'other'\n      }\n    }\n\n    // If the required `other` plural form is missing, all we can do is error\n    throw new Error(\n      `i18n: Plural form \".other\" is required for \"${this.locale}\" locale`\n    )\n  }\n}\n\n/**\n * Plural rule category mnemonic tags\n *\n * @internal\n * @typedef {'zero' | 'one' | 'two' | 'few' | 'many' | 'other'} PluralRule\n */\n\n/**\n * Translated message by plural rule they correspond to.\n *\n * Allows to group pluralised messages under a single key when passing\n * translations to a component's constructor\n *\n * @internal\n * @typedef {object} TranslationPluralForms\n * @property {string} [other] - General plural form\n * @property {string} [zero] - Plural form used with 0\n * @property {string} [one] - Plural form used with 1\n * @property {string} [two] - Plural form used with 2\n * @property {string} [few] - Plural form used for a few\n * @property {string} [many] - Plural form used for many\n */\n","import { closestAttributeValue } from '../../common/closest-attribute-value.mjs'\nimport { ConfigurableComponent } from '../../common/configuration.mjs'\nimport { formatErrorMessage } from '../../common/index.mjs'\nimport { ElementError } from '../../errors/index.mjs'\nimport { I18n } from '../../i18n.mjs'\n\n/**\n * File upload component\n *\n * @preserve\n * @augments ConfigurableComponent<FileUploadConfig>\n */\nexport class FileUpload extends ConfigurableComponent {\n  /**\n   * @private\n   * @type {HTMLFileInputElement}\n   */\n  $input\n\n  /**\n   * @private\n   */\n  $button\n\n  /**\n   * @private\n   */\n  $status\n\n  /** @private */\n  i18n\n\n  /** @private */\n  id\n\n  /** @private */\n  $announcements\n\n  /**\n   * @private\n   * @type {boolean | undefined}\n   */\n  enteredAnotherElement\n\n  /**\n   * @param {Element | null} $root - File input element\n   * @param {FileUploadConfig} [config] - File Upload config\n   */\n  constructor($root, config = {}) {\n    super($root, config)\n\n    const $input = this.$root.querySelector('input')\n\n    if ($input === null) {\n      throw new ElementError({\n        component: FileUpload,\n        identifier: 'File inputs (`<input type=\"file\">`)'\n      })\n    }\n\n    if ($input.type !== 'file') {\n      throw new ElementError(\n        formatErrorMessage(\n          FileUpload,\n          'File input (`<input type=\"file\">`) attribute (`type`) is not `file`'\n        )\n      )\n    }\n\n    this.$input = /** @type {HTMLFileInputElement} */ ($input)\n\n    if (!this.$input.id) {\n      throw new ElementError({\n        component: FileUpload,\n        identifier: 'File input (`<input type=\"file\">`) attribute (`id`)'\n      })\n    }\n\n    this.id = this.$input.id\n\n    this.i18n = new I18n(this.config.i18n, {\n      // Read the fallback if necessary rather than have it set in the defaults\n      locale: closestAttributeValue(this.$root, 'lang')\n    })\n\n    const $label = this.findLabel()\n    // Add an ID to the label if it doesn't have one already\n    // so it can be referenced by `aria-labelledby`\n    if (!$label.id) {\n      $label.id = `${this.id}-label`\n    }\n\n    // we need to copy the 'id' of the root element\n    // to the new button replacement element\n    // so that focus will work in the error summary\n    this.$input.id = `${this.id}-input`\n\n    // Hide the native input\n    this.$input.setAttribute('hidden', 'true')\n\n    // Create the file selection button\n    const $button = document.createElement('button')\n    $button.classList.add('govuk-file-upload-button')\n    $button.type = 'button'\n    $button.id = this.id\n    $button.classList.add('govuk-file-upload-button--empty')\n\n    // Copy `aria-describedby` if present so hints and errors\n    // are associated to the `<button>`\n    const ariaDescribedBy = this.$input.getAttribute('aria-describedby')\n    if (ariaDescribedBy) {\n      $button.setAttribute('aria-describedby', ariaDescribedBy)\n    }\n\n    // Create status element that shows what/how many files are selected\n    const $status = document.createElement('span')\n    $status.className = 'govuk-body govuk-file-upload-button__status'\n    $status.setAttribute('aria-live', 'polite')\n    $status.innerText = this.i18n.t('noFileChosen')\n\n    $button.appendChild($status)\n\n    const commaSpan = document.createElement('span')\n    commaSpan.className = 'govuk-visually-hidden'\n    commaSpan.innerText = ', '\n    commaSpan.id = `${this.id}-comma`\n\n    $button.appendChild(commaSpan)\n\n    const containerSpan = document.createElement('span')\n    containerSpan.className =\n      'govuk-file-upload-button__pseudo-button-container'\n\n    const buttonSpan = document.createElement('span')\n    buttonSpan.className =\n      'govuk-button govuk-button--secondary govuk-file-upload-button__pseudo-button'\n    buttonSpan.innerText = this.i18n.t('chooseFilesButton')\n\n    containerSpan.appendChild(buttonSpan)\n\n    // Add a space so the button and instruction read correctly\n    // when CSS is disabled\n    containerSpan.insertAdjacentText('beforeend', ' ')\n\n    const instructionSpan = document.createElement('span')\n    instructionSpan.className =\n      'govuk-body govuk-file-upload-button__instruction'\n    instructionSpan.innerText = this.i18n.t('dropInstruction')\n\n    containerSpan.appendChild(instructionSpan)\n\n    $button.appendChild(containerSpan)\n    $button.setAttribute(\n      'aria-labelledby',\n      `${$label.id} ${commaSpan.id} ${$button.id}`\n    )\n    $button.addEventListener('click', this.onClick.bind(this))\n    $button.addEventListener('dragover', (event) => {\n      // prevent default to allow drop\n      event.preventDefault()\n    })\n\n    // Assemble these all together\n    this.$root.insertAdjacentElement('afterbegin', $button)\n\n    this.$input.setAttribute('tabindex', '-1')\n    this.$input.setAttribute('aria-hidden', 'true')\n\n    // Make all these new variables available to the module\n    this.$button = $button\n    this.$status = $status\n\n    // Bind change event to the underlying input\n    this.$input.addEventListener('change', this.onChange.bind(this))\n\n    // Synchronise the `disabled` state between the button and underlying input\n    this.updateDisabledState()\n    this.observeDisabledState()\n\n    // Handle drop zone visibility\n    // A live region to announce when users enter or leave the drop zone\n    this.$announcements = document.createElement('span')\n    this.$announcements.classList.add('govuk-file-upload-announcements')\n    this.$announcements.classList.add('govuk-visually-hidden')\n    this.$announcements.setAttribute('aria-live', 'assertive')\n    this.$root.insertAdjacentElement('afterend', this.$announcements)\n\n    // if there is no CSS and input is hidden\n    // button will need to handle drop event\n    this.$button.addEventListener('drop', this.onDrop.bind(this))\n\n    // While user is dragging, it gets a little more complex because of Safari.\n    // Safari doesn't fill `relatedTarget` on `dragleave` (nor `dragenter`).\n    // This means we can't use `relatedTarget` to:\n    // - check if the user is still within the wrapper\n    //   (`relatedTarget` being a descendant of the wrapper)\n    // - check if the user is still over the viewport\n    //   (`relatedTarget` being null if outside)\n\n    // Thanks to `dragenter` bubbling, we can listen on the `document` with a\n    // single function and update the visibility based on whether we entered a\n    // node inside or outside the wrapper.\n    document.addEventListener(\n      'dragenter',\n      this.updateDropzoneVisibility.bind(this)\n    )\n\n    // To detect if we're outside the document, we can track if there was a\n    // `dragenter` event preceding a `dragleave`. If there wasn't, this means\n    // we're outside the document.\n    //\n    // The order of events is guaranteed by the HTML specs:\n    // https://html.spec.whatwg.org/multipage/dnd.html#drag-and-drop-processing-model\n    document.addEventListener('dragenter', () => {\n      this.enteredAnotherElement = true\n    })\n\n    document.addEventListener('dragleave', () => {\n      if (!this.enteredAnotherElement && !this.$button.disabled) {\n        this.hideDraggingState()\n        this.$announcements.innerText = this.i18n.t('leftDropZone')\n      }\n\n      this.enteredAnotherElement = false\n    })\n  }\n\n  /**\n   * Updates the visibility of the dropzone as users enters the various elements on the page\n   *\n   * @private\n   * @param {DragEvent} event - The `dragenter` event\n   */\n  updateDropzoneVisibility(event) {\n    if (this.$button.disabled) return\n\n    // DOM interfaces only type `event.target` as `EventTarget`\n    // so we first need to make sure it's a `Node`\n    if (event.target instanceof Node) {\n      if (this.$root.contains(event.target)) {\n        if (event.dataTransfer && isContainingFiles(event.dataTransfer)) {\n          // Only update the class and make the announcement if not already visible\n          // to avoid repeated announcements on NVDA (2024.4) + Firefox (133)\n          if (\n            !this.$button.classList.contains(\n              'govuk-file-upload-button--dragging'\n            )\n          ) {\n            this.showDraggingState()\n            this.$announcements.innerText = this.i18n.t('enteredDropZone')\n          }\n        }\n      } else {\n        // Only hide the dropzone if it is visible to prevent announcing user\n        // left the drop zone when they enter the page but haven't reached yet\n        // the file upload component\n        if (\n          this.$button.classList.contains('govuk-file-upload-button--dragging')\n        ) {\n          this.hideDraggingState()\n          this.$announcements.innerText = this.i18n.t('leftDropZone')\n        }\n      }\n    }\n  }\n\n  /**\n   * Show the drop zone visually\n   *\n   * @private\n   */\n  showDraggingState() {\n    this.$button.classList.add('govuk-file-upload-button--dragging')\n  }\n\n  /**\n   * Hides the drop zone visually\n   *\n   * @private\n   */\n  hideDraggingState() {\n    this.$button.classList.remove('govuk-file-upload-button--dragging')\n  }\n\n  /**\n   * Handles user dropping on the component\n   *\n   * @private\n   * @param {DragEvent} event - The `dragenter` event\n   */\n  onDrop(event) {\n    event.preventDefault()\n\n    if (event.dataTransfer && isContainingFiles(event.dataTransfer)) {\n      this.$input.files = event.dataTransfer.files\n\n      // Dispatch a `change` event so external code that would rely on the `<input>`\n      // dispatching an event when files are dropped still work.\n      // Use a `CustomEvent` so our events are distinguishable from browser's native events\n      this.$input.dispatchEvent(new CustomEvent('change'))\n\n      this.hideDraggingState()\n    }\n  }\n\n  /**\n   * Check if the value of the underlying input has changed\n   *\n   * @private\n   */\n  onChange() {\n    const fileCount = this.$input.files.length\n\n    if (fileCount === 0) {\n      // If there are no files, show the default selection text\n      this.$status.innerText = this.i18n.t('noFileChosen')\n      this.$button.classList.add('govuk-file-upload-button--empty')\n    } else {\n      if (\n        // If there is 1 file, just show the file name\n        fileCount === 1\n      ) {\n        this.$status.innerText = this.$input.files[0].name\n      } else {\n        // Otherwise, tell the user how many files are selected\n        this.$status.innerText = this.i18n.t('multipleFilesChosen', {\n          count: fileCount\n        })\n      }\n\n      this.$button.classList.remove('govuk-file-upload-button--empty')\n    }\n  }\n\n  /**\n   * Looks up the `<label>` element associated to the field\n   *\n   * @private\n   * @returns {HTMLElement} The `<label>` element associated to the field\n   * @throws {ElementError} If the `<label>` cannot be found\n   */\n  findLabel() {\n    // Use `label` in the selector so TypeScript knows the type fo `HTMLElement`\n    const $label = document.querySelector(`label[for=\"${this.$input.id}\"]`)\n\n    if (!$label) {\n      throw new ElementError({\n        component: FileUpload,\n        identifier: `Field label (\\`<label for=${this.$input.id}>\\`)`\n      })\n    }\n\n    return $label\n  }\n\n  /**\n   * When the button is clicked, emulate clicking the actual, hidden file input\n   *\n   * @private\n   */\n  onClick() {\n    this.$input.click()\n  }\n\n  /**\n   * Create a mutation observer to check if the input's attributes altered.\n   *\n   * @private\n   */\n  observeDisabledState() {\n    const observer = new MutationObserver((mutationList) => {\n      for (const mutation of mutationList) {\n        if (\n          mutation.type === 'attributes' &&\n          mutation.attributeName === 'disabled'\n        ) {\n          this.updateDisabledState()\n        }\n      }\n    })\n\n    observer.observe(this.$input, {\n      attributes: true\n    })\n  }\n\n  /**\n   * Synchronise the `disabled` state between the input and replacement button.\n   *\n   * @private\n   */\n  updateDisabledState() {\n    this.$button.disabled = this.$input.disabled\n\n    this.$root.classList.toggle(\n      'govuk-drop-zone--disabled',\n      this.$button.disabled\n    )\n  }\n\n  /**\n   * Name for the component used when initialising using data-module attributes.\n   */\n  static moduleName = 'govuk-file-upload'\n\n  /**\n   * File upload default config\n   *\n   * @see {@link FileUploadConfig}\n   * @constant\n   * @type {FileUploadConfig}\n   */\n  static defaults = Object.freeze({\n    i18n: {\n      chooseFilesButton: 'Choose file',\n      dropInstruction: 'or drop file',\n      noFileChosen: 'No file chosen',\n      multipleFilesChosen: {\n        // the 'one' string isn't used as the component displays the filename\n        // instead, however it's here for coverage's sake\n        one: '%{count} file chosen',\n        other: '%{count} files chosen'\n      },\n      enteredDropZone: 'Entered drop zone',\n      leftDropZone: 'Left drop zone'\n    }\n  })\n\n  /**\n   * File upload config schema\n   *\n   * @constant\n   * @satisfies {Schema<FileUploadConfig>}\n   */\n  static schema = Object.freeze({\n    properties: {\n      i18n: { type: 'object' }\n    }\n  })\n}\n\n/**\n * Checks if the given `DataTransfer` contains files\n *\n * @internal\n * @param {DataTransfer} dataTransfer - The `DataTransfer` to check\n * @returns {boolean} - `true` if it contains files or we can't infer it, `false` otherwise\n */\nfunction isContainingFiles(dataTransfer) {\n  // Safari sometimes does not provide info about types :'(\n  // In which case best not to assume anything and try to set the files\n  const hasNoTypesInfo = dataTransfer.types.length === 0\n\n  // When dragging images, there's a mix of mime types + Files\n  // which we can't assign to the native input\n  const isDraggingFiles = dataTransfer.types.some((type) => type === 'Files')\n\n  return hasNoTypesInfo || isDraggingFiles\n}\n\n/**\n * @typedef {HTMLInputElement & {files: FileList}} HTMLFileInputElement\n */\n\n/**\n * File upload config\n *\n * @see {@link FileUpload.defaults}\n * @typedef {object} FileUploadConfig\n * @property {FileUploadTranslations} [i18n=FileUpload.defaults.i18n] - File upload translations\n */\n\n/**\n * File upload translations\n *\n * @see {@link FileUpload.defaults.i18n}\n * @typedef {object} FileUploadTranslations\n *\n * Messages used by the component\n * @property {string} [chooseFile] - The text of the button that opens the file picker\n * @property {string} [dropInstruction] - The text informing users they can drop files\n * @property {TranslationPluralForms} [multipleFilesChosen] - The text displayed when multiple files\n *   have been chosen by the user\n * @property {string} [noFileChosen] - The text to displayed when no file has been chosen by the user\n * @property {string} [enteredDropZone] - The text announced by assistive technology\n *   when user drags files and enters the drop zone\n * @property {string} [leftDropZone] - The text announced by assistive technology\n *   when user drags files and leaves the drop zone without dropping\n */\n\n/**\n * @import { Schema } from '../../common/configuration.mjs'\n * @import { TranslationPluralForms } from '../../i18n.mjs'\n */\n"],"names":["closestAttributeValue","$element","attributeName","$closestElementWithAttribute","closest","getAttribute","isInitialised","$root","moduleName","HTMLElement","hasAttribute","isSupported","$scope","document","body","classList","contains","isArray","option","Array","isObject","formatErrorMessage","Component","message","GOVUKFrontendError","Error","constructor","args","name","SupportError","supportMessage","HTMLScriptElement","prototype","ConfigError","ElementError","messageOrOptions","component","identifier","element","expectedType","InitError","componentOrMessage","_$root","childConstructor","elementType","checkSupport","checkInitialised","setAttribute","configOverride","Symbol","for","ConfigurableComponent","param","config","_config","defaults","datasetConfig","normaliseDataset","dataset","mergeConfigs","normaliseString","value","property","trimmedValue","trim","output","outputType","type","includes","length","isFinite","Number","schema","out","entries","Object","properties","entry","namespace","field","toString","extractConfigByNamespace","configObjects","formattedConfigObject","configObject","key","keys","override","newObject","current","keyParts","split","index","I18n","translations","_config$locale","locale","documentElement","lang","t","lookupKey","options","translation","count","translationPluralForm","getPluralSuffix","match","replacePlaceholders","translationString","formatter","Intl","NumberFormat","supportedLocalesOf","undefined","replace","placeholderWithBraces","placeholderKey","hasOwnProperty","call","placeholderValue","format","hasIntlPluralRulesSupport","Boolean","window","PluralRules","preferredForm","select","console","warn","FileUpload","$input","$button","$status","i18n","id","$announcements","enteredAnotherElement","querySelector","$label","findLabel","createElement","add","ariaDescribedBy","className","innerText","appendChild","commaSpan","containerSpan","buttonSpan","insertAdjacentText","instructionSpan","addEventListener","onClick","bind","event","preventDefault","insertAdjacentElement","onChange","updateDisabledState","observeDisabledState","onDrop","updateDropzoneVisibility","disabled","hideDraggingState","target","Node","dataTransfer","isContainingFiles","showDraggingState","remove","files","dispatchEvent","CustomEvent","fileCount","click","observer","MutationObserver","mutationList","mutation","observe","attributes","toggle","freeze","chooseFilesButton","dropInstruction","noFileChosen","multipleFilesChosen","one","other","enteredDropZone","leftDropZone","hasNoTypesInfo","types","isDraggingFiles","some"],"mappings":"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"}
\ No newline at end of file
diff --git a/app/templates/govuk/components/file-upload/file-upload.mjs b/app/templates/govuk/components/file-upload/file-upload.mjs
new file mode 100644
index 0000000..98c855e
--- /dev/null
+++ b/app/templates/govuk/components/file-upload/file-upload.mjs
@@ -0,0 +1,257 @@
+import { closestAttributeValue } from '../../common/closest-attribute-value.mjs';
+import { ConfigurableComponent } from '../../common/configuration.mjs';
+import { formatErrorMessage } from '../../common/index.mjs';
+import { ElementError } from '../../errors/index.mjs';
+import { I18n } from '../../i18n.mjs';
+
+/**
+ * File upload component
+ *
+ * @preserve
+ * @augments ConfigurableComponent<FileUploadConfig>
+ */
+class FileUpload extends ConfigurableComponent {
+  /**
+   * @param {Element | null} $root - File input element
+   * @param {FileUploadConfig} [config] - File Upload config
+   */
+  constructor($root, config = {}) {
+    super($root, config);
+    this.$input = void 0;
+    this.$button = void 0;
+    this.$status = void 0;
+    this.i18n = void 0;
+    this.id = void 0;
+    this.$announcements = void 0;
+    this.enteredAnotherElement = void 0;
+    const $input = this.$root.querySelector('input');
+    if ($input === null) {
+      throw new ElementError({
+        component: FileUpload,
+        identifier: 'File inputs (`<input type="file">`)'
+      });
+    }
+    if ($input.type !== 'file') {
+      throw new ElementError(formatErrorMessage(FileUpload, 'File input (`<input type="file">`) attribute (`type`) is not `file`'));
+    }
+    this.$input = $input;
+    if (!this.$input.id) {
+      throw new ElementError({
+        component: FileUpload,
+        identifier: 'File input (`<input type="file">`) attribute (`id`)'
+      });
+    }
+    this.id = this.$input.id;
+    this.i18n = new I18n(this.config.i18n, {
+      locale: closestAttributeValue(this.$root, 'lang')
+    });
+    const $label = this.findLabel();
+    if (!$label.id) {
+      $label.id = `${this.id}-label`;
+    }
+    this.$input.id = `${this.id}-input`;
+    this.$input.setAttribute('hidden', 'true');
+    const $button = document.createElement('button');
+    $button.classList.add('govuk-file-upload-button');
+    $button.type = 'button';
+    $button.id = this.id;
+    $button.classList.add('govuk-file-upload-button--empty');
+    const ariaDescribedBy = this.$input.getAttribute('aria-describedby');
+    if (ariaDescribedBy) {
+      $button.setAttribute('aria-describedby', ariaDescribedBy);
+    }
+    const $status = document.createElement('span');
+    $status.className = 'govuk-body govuk-file-upload-button__status';
+    $status.setAttribute('aria-live', 'polite');
+    $status.innerText = this.i18n.t('noFileChosen');
+    $button.appendChild($status);
+    const commaSpan = document.createElement('span');
+    commaSpan.className = 'govuk-visually-hidden';
+    commaSpan.innerText = ', ';
+    commaSpan.id = `${this.id}-comma`;
+    $button.appendChild(commaSpan);
+    const containerSpan = document.createElement('span');
+    containerSpan.className = 'govuk-file-upload-button__pseudo-button-container';
+    const buttonSpan = document.createElement('span');
+    buttonSpan.className = 'govuk-button govuk-button--secondary govuk-file-upload-button__pseudo-button';
+    buttonSpan.innerText = this.i18n.t('chooseFilesButton');
+    containerSpan.appendChild(buttonSpan);
+    containerSpan.insertAdjacentText('beforeend', ' ');
+    const instructionSpan = document.createElement('span');
+    instructionSpan.className = 'govuk-body govuk-file-upload-button__instruction';
+    instructionSpan.innerText = this.i18n.t('dropInstruction');
+    containerSpan.appendChild(instructionSpan);
+    $button.appendChild(containerSpan);
+    $button.setAttribute('aria-labelledby', `${$label.id} ${commaSpan.id} ${$button.id}`);
+    $button.addEventListener('click', this.onClick.bind(this));
+    $button.addEventListener('dragover', event => {
+      event.preventDefault();
+    });
+    this.$root.insertAdjacentElement('afterbegin', $button);
+    this.$input.setAttribute('tabindex', '-1');
+    this.$input.setAttribute('aria-hidden', 'true');
+    this.$button = $button;
+    this.$status = $status;
+    this.$input.addEventListener('change', this.onChange.bind(this));
+    this.updateDisabledState();
+    this.observeDisabledState();
+    this.$announcements = document.createElement('span');
+    this.$announcements.classList.add('govuk-file-upload-announcements');
+    this.$announcements.classList.add('govuk-visually-hidden');
+    this.$announcements.setAttribute('aria-live', 'assertive');
+    this.$root.insertAdjacentElement('afterend', this.$announcements);
+    this.$button.addEventListener('drop', this.onDrop.bind(this));
+    document.addEventListener('dragenter', this.updateDropzoneVisibility.bind(this));
+    document.addEventListener('dragenter', () => {
+      this.enteredAnotherElement = true;
+    });
+    document.addEventListener('dragleave', () => {
+      if (!this.enteredAnotherElement && !this.$button.disabled) {
+        this.hideDraggingState();
+        this.$announcements.innerText = this.i18n.t('leftDropZone');
+      }
+      this.enteredAnotherElement = false;
+    });
+  }
+  updateDropzoneVisibility(event) {
+    if (this.$button.disabled) return;
+    if (event.target instanceof Node) {
+      if (this.$root.contains(event.target)) {
+        if (event.dataTransfer && isContainingFiles(event.dataTransfer)) {
+          if (!this.$button.classList.contains('govuk-file-upload-button--dragging')) {
+            this.showDraggingState();
+            this.$announcements.innerText = this.i18n.t('enteredDropZone');
+          }
+        }
+      } else {
+        if (this.$button.classList.contains('govuk-file-upload-button--dragging')) {
+          this.hideDraggingState();
+          this.$announcements.innerText = this.i18n.t('leftDropZone');
+        }
+      }
+    }
+  }
+  showDraggingState() {
+    this.$button.classList.add('govuk-file-upload-button--dragging');
+  }
+  hideDraggingState() {
+    this.$button.classList.remove('govuk-file-upload-button--dragging');
+  }
+  onDrop(event) {
+    event.preventDefault();
+    if (event.dataTransfer && isContainingFiles(event.dataTransfer)) {
+      this.$input.files = event.dataTransfer.files;
+      this.$input.dispatchEvent(new CustomEvent('change'));
+      this.hideDraggingState();
+    }
+  }
+  onChange() {
+    const fileCount = this.$input.files.length;
+    if (fileCount === 0) {
+      this.$status.innerText = this.i18n.t('noFileChosen');
+      this.$button.classList.add('govuk-file-upload-button--empty');
+    } else {
+      if (fileCount === 1) {
+        this.$status.innerText = this.$input.files[0].name;
+      } else {
+        this.$status.innerText = this.i18n.t('multipleFilesChosen', {
+          count: fileCount
+        });
+      }
+      this.$button.classList.remove('govuk-file-upload-button--empty');
+    }
+  }
+  findLabel() {
+    const $label = document.querySelector(`label[for="${this.$input.id}"]`);
+    if (!$label) {
+      throw new ElementError({
+        component: FileUpload,
+        identifier: `Field label (\`<label for=${this.$input.id}>\`)`
+      });
+    }
+    return $label;
+  }
+  onClick() {
+    this.$input.click();
+  }
+  observeDisabledState() {
+    const observer = new MutationObserver(mutationList => {
+      for (const mutation of mutationList) {
+        if (mutation.type === 'attributes' && mutation.attributeName === 'disabled') {
+          this.updateDisabledState();
+        }
+      }
+    });
+    observer.observe(this.$input, {
+      attributes: true
+    });
+  }
+  updateDisabledState() {
+    this.$button.disabled = this.$input.disabled;
+    this.$root.classList.toggle('govuk-drop-zone--disabled', this.$button.disabled);
+  }
+}
+FileUpload.moduleName = 'govuk-file-upload';
+FileUpload.defaults = Object.freeze({
+  i18n: {
+    chooseFilesButton: 'Choose file',
+    dropInstruction: 'or drop file',
+    noFileChosen: 'No file chosen',
+    multipleFilesChosen: {
+      one: '%{count} file chosen',
+      other: '%{count} files chosen'
+    },
+    enteredDropZone: 'Entered drop zone',
+    leftDropZone: 'Left drop zone'
+  }
+});
+FileUpload.schema = Object.freeze({
+  properties: {
+    i18n: {
+      type: 'object'
+    }
+  }
+});
+function isContainingFiles(dataTransfer) {
+  const hasNoTypesInfo = dataTransfer.types.length === 0;
+  const isDraggingFiles = dataTransfer.types.some(type => type === 'Files');
+  return hasNoTypesInfo || isDraggingFiles;
+}
+
+/**
+ * @typedef {HTMLInputElement & {files: FileList}} HTMLFileInputElement
+ */
+
+/**
+ * File upload config
+ *
+ * @see {@link FileUpload.defaults}
+ * @typedef {object} FileUploadConfig
+ * @property {FileUploadTranslations} [i18n=FileUpload.defaults.i18n] - File upload translations
+ */
+
+/**
+ * File upload translations
+ *
+ * @see {@link FileUpload.defaults.i18n}
+ * @typedef {object} FileUploadTranslations
+ *
+ * Messages used by the component
+ * @property {string} [chooseFile] - The text of the button that opens the file picker
+ * @property {string} [dropInstruction] - The text informing users they can drop files
+ * @property {TranslationPluralForms} [multipleFilesChosen] - The text displayed when multiple files
+ *   have been chosen by the user
+ * @property {string} [noFileChosen] - The text to displayed when no file has been chosen by the user
+ * @property {string} [enteredDropZone] - The text announced by assistive technology
+ *   when user drags files and enters the drop zone
+ * @property {string} [leftDropZone] - The text announced by assistive technology
+ *   when user drags files and leaves the drop zone without dropping
+ */
+
+/**
+ * @import { Schema } from '../../common/configuration.mjs'
+ * @import { TranslationPluralForms } from '../../i18n.mjs'
+ */
+
+export { FileUpload };
+//# sourceMappingURL=file-upload.mjs.map
diff --git a/app/templates/govuk/components/file-upload/file-upload.mjs.map b/app/templates/govuk/components/file-upload/file-upload.mjs.map
new file mode 100644
index 0000000..3c50a5c
--- /dev/null
+++ b/app/templates/govuk/components/file-upload/file-upload.mjs.map
@@ -0,0 +1 @@
+{"version":3,"file":"file-upload.mjs","sources":["../../../../src/govuk/components/file-upload/file-upload.mjs"],"sourcesContent":["import { closestAttributeValue } from '../../common/closest-attribute-value.mjs'\nimport { ConfigurableComponent } from '../../common/configuration.mjs'\nimport { formatErrorMessage } from '../../common/index.mjs'\nimport { ElementError } from '../../errors/index.mjs'\nimport { I18n } from '../../i18n.mjs'\n\n/**\n * File upload component\n *\n * @preserve\n * @augments ConfigurableComponent<FileUploadConfig>\n */\nexport class FileUpload extends ConfigurableComponent {\n  /**\n   * @private\n   * @type {HTMLFileInputElement}\n   */\n  $input\n\n  /**\n   * @private\n   */\n  $button\n\n  /**\n   * @private\n   */\n  $status\n\n  /** @private */\n  i18n\n\n  /** @private */\n  id\n\n  /** @private */\n  $announcements\n\n  /**\n   * @private\n   * @type {boolean | undefined}\n   */\n  enteredAnotherElement\n\n  /**\n   * @param {Element | null} $root - File input element\n   * @param {FileUploadConfig} [config] - File Upload config\n   */\n  constructor($root, config = {}) {\n    super($root, config)\n\n    const $input = this.$root.querySelector('input')\n\n    if ($input === null) {\n      throw new ElementError({\n        component: FileUpload,\n        identifier: 'File inputs (`<input type=\"file\">`)'\n      })\n    }\n\n    if ($input.type !== 'file') {\n      throw new ElementError(\n        formatErrorMessage(\n          FileUpload,\n          'File input (`<input type=\"file\">`) attribute (`type`) is not `file`'\n        )\n      )\n    }\n\n    this.$input = /** @type {HTMLFileInputElement} */ ($input)\n\n    if (!this.$input.id) {\n      throw new ElementError({\n        component: FileUpload,\n        identifier: 'File input (`<input type=\"file\">`) attribute (`id`)'\n      })\n    }\n\n    this.id = this.$input.id\n\n    this.i18n = new I18n(this.config.i18n, {\n      // Read the fallback if necessary rather than have it set in the defaults\n      locale: closestAttributeValue(this.$root, 'lang')\n    })\n\n    const $label = this.findLabel()\n    // Add an ID to the label if it doesn't have one already\n    // so it can be referenced by `aria-labelledby`\n    if (!$label.id) {\n      $label.id = `${this.id}-label`\n    }\n\n    // we need to copy the 'id' of the root element\n    // to the new button replacement element\n    // so that focus will work in the error summary\n    this.$input.id = `${this.id}-input`\n\n    // Hide the native input\n    this.$input.setAttribute('hidden', 'true')\n\n    // Create the file selection button\n    const $button = document.createElement('button')\n    $button.classList.add('govuk-file-upload-button')\n    $button.type = 'button'\n    $button.id = this.id\n    $button.classList.add('govuk-file-upload-button--empty')\n\n    // Copy `aria-describedby` if present so hints and errors\n    // are associated to the `<button>`\n    const ariaDescribedBy = this.$input.getAttribute('aria-describedby')\n    if (ariaDescribedBy) {\n      $button.setAttribute('aria-describedby', ariaDescribedBy)\n    }\n\n    // Create status element that shows what/how many files are selected\n    const $status = document.createElement('span')\n    $status.className = 'govuk-body govuk-file-upload-button__status'\n    $status.setAttribute('aria-live', 'polite')\n    $status.innerText = this.i18n.t('noFileChosen')\n\n    $button.appendChild($status)\n\n    const commaSpan = document.createElement('span')\n    commaSpan.className = 'govuk-visually-hidden'\n    commaSpan.innerText = ', '\n    commaSpan.id = `${this.id}-comma`\n\n    $button.appendChild(commaSpan)\n\n    const containerSpan = document.createElement('span')\n    containerSpan.className =\n      'govuk-file-upload-button__pseudo-button-container'\n\n    const buttonSpan = document.createElement('span')\n    buttonSpan.className =\n      'govuk-button govuk-button--secondary govuk-file-upload-button__pseudo-button'\n    buttonSpan.innerText = this.i18n.t('chooseFilesButton')\n\n    containerSpan.appendChild(buttonSpan)\n\n    // Add a space so the button and instruction read correctly\n    // when CSS is disabled\n    containerSpan.insertAdjacentText('beforeend', ' ')\n\n    const instructionSpan = document.createElement('span')\n    instructionSpan.className =\n      'govuk-body govuk-file-upload-button__instruction'\n    instructionSpan.innerText = this.i18n.t('dropInstruction')\n\n    containerSpan.appendChild(instructionSpan)\n\n    $button.appendChild(containerSpan)\n    $button.setAttribute(\n      'aria-labelledby',\n      `${$label.id} ${commaSpan.id} ${$button.id}`\n    )\n    $button.addEventListener('click', this.onClick.bind(this))\n    $button.addEventListener('dragover', (event) => {\n      // prevent default to allow drop\n      event.preventDefault()\n    })\n\n    // Assemble these all together\n    this.$root.insertAdjacentElement('afterbegin', $button)\n\n    this.$input.setAttribute('tabindex', '-1')\n    this.$input.setAttribute('aria-hidden', 'true')\n\n    // Make all these new variables available to the module\n    this.$button = $button\n    this.$status = $status\n\n    // Bind change event to the underlying input\n    this.$input.addEventListener('change', this.onChange.bind(this))\n\n    // Synchronise the `disabled` state between the button and underlying input\n    this.updateDisabledState()\n    this.observeDisabledState()\n\n    // Handle drop zone visibility\n    // A live region to announce when users enter or leave the drop zone\n    this.$announcements = document.createElement('span')\n    this.$announcements.classList.add('govuk-file-upload-announcements')\n    this.$announcements.classList.add('govuk-visually-hidden')\n    this.$announcements.setAttribute('aria-live', 'assertive')\n    this.$root.insertAdjacentElement('afterend', this.$announcements)\n\n    // if there is no CSS and input is hidden\n    // button will need to handle drop event\n    this.$button.addEventListener('drop', this.onDrop.bind(this))\n\n    // While user is dragging, it gets a little more complex because of Safari.\n    // Safari doesn't fill `relatedTarget` on `dragleave` (nor `dragenter`).\n    // This means we can't use `relatedTarget` to:\n    // - check if the user is still within the wrapper\n    //   (`relatedTarget` being a descendant of the wrapper)\n    // - check if the user is still over the viewport\n    //   (`relatedTarget` being null if outside)\n\n    // Thanks to `dragenter` bubbling, we can listen on the `document` with a\n    // single function and update the visibility based on whether we entered a\n    // node inside or outside the wrapper.\n    document.addEventListener(\n      'dragenter',\n      this.updateDropzoneVisibility.bind(this)\n    )\n\n    // To detect if we're outside the document, we can track if there was a\n    // `dragenter` event preceding a `dragleave`. If there wasn't, this means\n    // we're outside the document.\n    //\n    // The order of events is guaranteed by the HTML specs:\n    // https://html.spec.whatwg.org/multipage/dnd.html#drag-and-drop-processing-model\n    document.addEventListener('dragenter', () => {\n      this.enteredAnotherElement = true\n    })\n\n    document.addEventListener('dragleave', () => {\n      if (!this.enteredAnotherElement && !this.$button.disabled) {\n        this.hideDraggingState()\n        this.$announcements.innerText = this.i18n.t('leftDropZone')\n      }\n\n      this.enteredAnotherElement = false\n    })\n  }\n\n  /**\n   * Updates the visibility of the dropzone as users enters the various elements on the page\n   *\n   * @private\n   * @param {DragEvent} event - The `dragenter` event\n   */\n  updateDropzoneVisibility(event) {\n    if (this.$button.disabled) return\n\n    // DOM interfaces only type `event.target` as `EventTarget`\n    // so we first need to make sure it's a `Node`\n    if (event.target instanceof Node) {\n      if (this.$root.contains(event.target)) {\n        if (event.dataTransfer && isContainingFiles(event.dataTransfer)) {\n          // Only update the class and make the announcement if not already visible\n          // to avoid repeated announcements on NVDA (2024.4) + Firefox (133)\n          if (\n            !this.$button.classList.contains(\n              'govuk-file-upload-button--dragging'\n            )\n          ) {\n            this.showDraggingState()\n            this.$announcements.innerText = this.i18n.t('enteredDropZone')\n          }\n        }\n      } else {\n        // Only hide the dropzone if it is visible to prevent announcing user\n        // left the drop zone when they enter the page but haven't reached yet\n        // the file upload component\n        if (\n          this.$button.classList.contains('govuk-file-upload-button--dragging')\n        ) {\n          this.hideDraggingState()\n          this.$announcements.innerText = this.i18n.t('leftDropZone')\n        }\n      }\n    }\n  }\n\n  /**\n   * Show the drop zone visually\n   *\n   * @private\n   */\n  showDraggingState() {\n    this.$button.classList.add('govuk-file-upload-button--dragging')\n  }\n\n  /**\n   * Hides the drop zone visually\n   *\n   * @private\n   */\n  hideDraggingState() {\n    this.$button.classList.remove('govuk-file-upload-button--dragging')\n  }\n\n  /**\n   * Handles user dropping on the component\n   *\n   * @private\n   * @param {DragEvent} event - The `dragenter` event\n   */\n  onDrop(event) {\n    event.preventDefault()\n\n    if (event.dataTransfer && isContainingFiles(event.dataTransfer)) {\n      this.$input.files = event.dataTransfer.files\n\n      // Dispatch a `change` event so external code that would rely on the `<input>`\n      // dispatching an event when files are dropped still work.\n      // Use a `CustomEvent` so our events are distinguishable from browser's native events\n      this.$input.dispatchEvent(new CustomEvent('change'))\n\n      this.hideDraggingState()\n    }\n  }\n\n  /**\n   * Check if the value of the underlying input has changed\n   *\n   * @private\n   */\n  onChange() {\n    const fileCount = this.$input.files.length\n\n    if (fileCount === 0) {\n      // If there are no files, show the default selection text\n      this.$status.innerText = this.i18n.t('noFileChosen')\n      this.$button.classList.add('govuk-file-upload-button--empty')\n    } else {\n      if (\n        // If there is 1 file, just show the file name\n        fileCount === 1\n      ) {\n        this.$status.innerText = this.$input.files[0].name\n      } else {\n        // Otherwise, tell the user how many files are selected\n        this.$status.innerText = this.i18n.t('multipleFilesChosen', {\n          count: fileCount\n        })\n      }\n\n      this.$button.classList.remove('govuk-file-upload-button--empty')\n    }\n  }\n\n  /**\n   * Looks up the `<label>` element associated to the field\n   *\n   * @private\n   * @returns {HTMLElement} The `<label>` element associated to the field\n   * @throws {ElementError} If the `<label>` cannot be found\n   */\n  findLabel() {\n    // Use `label` in the selector so TypeScript knows the type fo `HTMLElement`\n    const $label = document.querySelector(`label[for=\"${this.$input.id}\"]`)\n\n    if (!$label) {\n      throw new ElementError({\n        component: FileUpload,\n        identifier: `Field label (\\`<label for=${this.$input.id}>\\`)`\n      })\n    }\n\n    return $label\n  }\n\n  /**\n   * When the button is clicked, emulate clicking the actual, hidden file input\n   *\n   * @private\n   */\n  onClick() {\n    this.$input.click()\n  }\n\n  /**\n   * Create a mutation observer to check if the input's attributes altered.\n   *\n   * @private\n   */\n  observeDisabledState() {\n    const observer = new MutationObserver((mutationList) => {\n      for (const mutation of mutationList) {\n        if (\n          mutation.type === 'attributes' &&\n          mutation.attributeName === 'disabled'\n        ) {\n          this.updateDisabledState()\n        }\n      }\n    })\n\n    observer.observe(this.$input, {\n      attributes: true\n    })\n  }\n\n  /**\n   * Synchronise the `disabled` state between the input and replacement button.\n   *\n   * @private\n   */\n  updateDisabledState() {\n    this.$button.disabled = this.$input.disabled\n\n    this.$root.classList.toggle(\n      'govuk-drop-zone--disabled',\n      this.$button.disabled\n    )\n  }\n\n  /**\n   * Name for the component used when initialising using data-module attributes.\n   */\n  static moduleName = 'govuk-file-upload'\n\n  /**\n   * File upload default config\n   *\n   * @see {@link FileUploadConfig}\n   * @constant\n   * @type {FileUploadConfig}\n   */\n  static defaults = Object.freeze({\n    i18n: {\n      chooseFilesButton: 'Choose file',\n      dropInstruction: 'or drop file',\n      noFileChosen: 'No file chosen',\n      multipleFilesChosen: {\n        // the 'one' string isn't used as the component displays the filename\n        // instead, however it's here for coverage's sake\n        one: '%{count} file chosen',\n        other: '%{count} files chosen'\n      },\n      enteredDropZone: 'Entered drop zone',\n      leftDropZone: 'Left drop zone'\n    }\n  })\n\n  /**\n   * File upload config schema\n   *\n   * @constant\n   * @satisfies {Schema<FileUploadConfig>}\n   */\n  static schema = Object.freeze({\n    properties: {\n      i18n: { type: 'object' }\n    }\n  })\n}\n\n/**\n * Checks if the given `DataTransfer` contains files\n *\n * @internal\n * @param {DataTransfer} dataTransfer - The `DataTransfer` to check\n * @returns {boolean} - `true` if it contains files or we can't infer it, `false` otherwise\n */\nfunction isContainingFiles(dataTransfer) {\n  // Safari sometimes does not provide info about types :'(\n  // In which case best not to assume anything and try to set the files\n  const hasNoTypesInfo = dataTransfer.types.length === 0\n\n  // When dragging images, there's a mix of mime types + Files\n  // which we can't assign to the native input\n  const isDraggingFiles = dataTransfer.types.some((type) => type === 'Files')\n\n  return hasNoTypesInfo || isDraggingFiles\n}\n\n/**\n * @typedef {HTMLInputElement & {files: FileList}} HTMLFileInputElement\n */\n\n/**\n * File upload config\n *\n * @see {@link FileUpload.defaults}\n * @typedef {object} FileUploadConfig\n * @property {FileUploadTranslations} [i18n=FileUpload.defaults.i18n] - File upload translations\n */\n\n/**\n * File upload translations\n *\n * @see {@link FileUpload.defaults.i18n}\n * @typedef {object} FileUploadTranslations\n *\n * Messages used by the component\n * @property {string} [chooseFile] - The text of the button that opens the file picker\n * @property {string} [dropInstruction] - The text informing users they can drop files\n * @property {TranslationPluralForms} [multipleFilesChosen] - The text displayed when multiple files\n *   have been chosen by the user\n * @property {string} [noFileChosen] - The text to displayed when no file has been chosen by the user\n * @property {string} [enteredDropZone] - The text announced by assistive technology\n *   when user drags files and enters the drop zone\n * @property {string} [leftDropZone] - The text announced by assistive technology\n *   when user drags files and leaves the drop zone without dropping\n */\n\n/**\n * @import { Schema } from '../../common/configuration.mjs'\n * @import { TranslationPluralForms } from '../../i18n.mjs'\n */\n"],"names":["FileUpload","ConfigurableComponent","constructor","$root","config","$input","$button","$status","i18n","id","$announcements","enteredAnotherElement","querySelector","ElementError","component","identifier","type","formatErrorMessage","I18n","locale","closestAttributeValue","$label","findLabel","setAttribute","document","createElement","classList","add","ariaDescribedBy","getAttribute","className","innerText","t","appendChild","commaSpan","containerSpan","buttonSpan","insertAdjacentText","instructionSpan","addEventListener","onClick","bind","event","preventDefault","insertAdjacentElement","onChange","updateDisabledState","observeDisabledState","onDrop","updateDropzoneVisibility","disabled","hideDraggingState","target","Node","contains","dataTransfer","isContainingFiles","showDraggingState","remove","files","dispatchEvent","CustomEvent","fileCount","length","name","count","click","observer","MutationObserver","mutationList","mutation","attributeName","observe","attributes","toggle","moduleName","defaults","Object","freeze","chooseFilesButton","dropInstruction","noFileChosen","multipleFilesChosen","one","other","enteredDropZone","leftDropZone","schema","properties","hasNoTypesInfo","types","isDraggingFiles","some"],"mappings":"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"}
\ No newline at end of file
diff --git a/app/templates/govuk/components/file-upload/fixtures.json b/app/templates/govuk/components/file-upload/fixtures.json
new file mode 100644
index 0000000..56b3fa8
--- /dev/null
+++ b/app/templates/govuk/components/file-upload/fixtures.json
@@ -0,0 +1,378 @@
+{
+    "component": "file-upload",
+    "fixtures": [
+        {
+            "name": "default",
+            "options": {
+                "name": "file-upload-1",
+                "label": {
+                    "text": "Upload a file"
+                }
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": true,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"file-upload-1\">\n    Upload a file\n  </label>\n  <input class=\"govuk-file-upload\" id=\"file-upload-1\" name=\"file-upload-1\" type=\"file\">\n</div>"
+        },
+        {
+            "name": "with hint text",
+            "options": {
+                "id": "file-upload-2",
+                "name": "file-upload-2",
+                "label": {
+                    "text": "Upload your photo"
+                },
+                "hint": {
+                    "text": "Your photo may be in your Pictures, Photos, Downloads or Desktop folder. Or in an app like iPhoto."
+                }
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"file-upload-2\">\n    Upload your photo\n  </label>\n  <div id=\"file-upload-2-hint\" class=\"govuk-hint\">\n    Your photo may be in your Pictures, Photos, Downloads or Desktop folder. Or in an app like iPhoto.\n  </div>\n  <input class=\"govuk-file-upload\" id=\"file-upload-2\" name=\"file-upload-2\" type=\"file\" aria-describedby=\"file-upload-2-hint\">\n</div>"
+        },
+        {
+            "name": "with error message and hint",
+            "options": {
+                "id": "file-upload-3",
+                "name": "file-upload-3",
+                "label": {
+                    "text": "Upload a file"
+                },
+                "hint": {
+                    "text": "Your photo may be in your Pictures, Photos, Downloads or Desktop folder. Or in an app like iPhoto."
+                },
+                "errorMessage": {
+                    "text": "Error message goes here"
+                }
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-form-group--error\">\n  <label class=\"govuk-label\" for=\"file-upload-3\">\n    Upload a file\n  </label>\n  <div id=\"file-upload-3-hint\" class=\"govuk-hint\">\n    Your photo may be in your Pictures, Photos, Downloads or Desktop folder. Or in an app like iPhoto.\n  </div>\n  <p id=\"file-upload-3-error\" class=\"govuk-error-message\">\n    <span class=\"govuk-visually-hidden\">Error:</span> Error message goes here\n  </p>\n  <input class=\"govuk-file-upload govuk-file-upload--error\" id=\"file-upload-3\" name=\"file-upload-3\" type=\"file\" aria-describedby=\"file-upload-3-hint file-upload-3-error\">\n</div>"
+        },
+        {
+            "name": "with label as page heading",
+            "options": {
+                "id": "file-upload-1",
+                "name": "file-upload-1",
+                "label": {
+                    "text": "Upload a file",
+                    "classes": "govuk-label--l",
+                    "isPageHeading": true
+                }
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <h1 class=\"govuk-label-wrapper\">\n    <label class=\"govuk-label govuk-label--l\" for=\"file-upload-1\">\n      Upload a file\n    </label>\n  </h1>\n  <input class=\"govuk-file-upload\" id=\"file-upload-1\" name=\"file-upload-1\" type=\"file\">\n</div>"
+        },
+        {
+            "name": "enhanced",
+            "options": {
+                "id": "file-upload-1",
+                "name": "file-upload-1",
+                "label": {
+                    "text": "Upload a file"
+                },
+                "javascript": true
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": {
+                "variants": [
+                    "default",
+                    "no-js"
+                ]
+            },
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"file-upload-1\">\n    Upload a file\n  </label>\n  <div\n    class=\"govuk-drop-zone\"\n    data-module=\"govuk-file-upload\">\n  <input class=\"govuk-file-upload\" id=\"file-upload-1\" name=\"file-upload-1\" type=\"file\">\n  </div>\n</div>"
+        },
+        {
+            "name": "enhanced, with error message and hint",
+            "options": {
+                "javascript": true,
+                "id": "file-upload-3",
+                "name": "file-upload-3",
+                "label": {
+                    "text": "Upload a file"
+                },
+                "hint": {
+                    "text": "Your photo may be in your Pictures, Photos, Downloads or Desktop folder. Or in an app like iPhoto."
+                },
+                "errorMessage": {
+                    "text": "Error message goes here"
+                }
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-form-group--error\">\n  <label class=\"govuk-label\" for=\"file-upload-3\">\n    Upload a file\n  </label>\n  <div id=\"file-upload-3-hint\" class=\"govuk-hint\">\n    Your photo may be in your Pictures, Photos, Downloads or Desktop folder. Or in an app like iPhoto.\n  </div>\n  <p id=\"file-upload-3-error\" class=\"govuk-error-message\">\n    <span class=\"govuk-visually-hidden\">Error:</span> Error message goes here\n  </p>\n  <div\n    class=\"govuk-drop-zone\"\n    data-module=\"govuk-file-upload\">\n  <input class=\"govuk-file-upload govuk-file-upload--error\" id=\"file-upload-3\" name=\"file-upload-3\" type=\"file\" aria-describedby=\"file-upload-3-hint file-upload-3-error\">\n  </div>\n</div>"
+        },
+        {
+            "name": "with value",
+            "options": {
+                "id": "file-upload-4",
+                "name": "file-upload-4",
+                "value": "C:\\fakepath\\myphoto.jpg",
+                "label": {
+                    "text": "Upload a photo"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"file-upload-4\">\n    Upload a photo\n  </label>\n  <input class=\"govuk-file-upload\" id=\"file-upload-4\" name=\"file-upload-4\" type=\"file\" value=\"C:&#92;fakepath&#92;myphoto.jpg\">\n</div>"
+        },
+        {
+            "name": "attributes",
+            "options": {
+                "id": "file-upload-attributes",
+                "name": "file-upload-attributes",
+                "label": {
+                    "text": "Upload a file"
+                },
+                "attributes": {
+                    "accept": ".jpg, .jpeg, .png"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"file-upload-attributes\">\n    Upload a file\n  </label>\n  <input class=\"govuk-file-upload\" id=\"file-upload-attributes\" name=\"file-upload-attributes\" type=\"file\" accept=\".jpg, .jpeg, .png\">\n</div>"
+        },
+        {
+            "name": "classes",
+            "options": {
+                "id": "file-upload-classes",
+                "name": "file-upload-classes",
+                "label": {
+                    "text": "Upload a file"
+                },
+                "classes": "app-file-upload--custom-modifier"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"file-upload-classes\">\n    Upload a file\n  </label>\n  <input class=\"govuk-file-upload app-file-upload--custom-modifier\" id=\"file-upload-classes\" name=\"file-upload-classes\" type=\"file\">\n</div>"
+        },
+        {
+            "name": "id",
+            "options": {
+                "id": "file-upload-id",
+                "name": "test-name",
+                "label": {
+                    "text": "Upload a file"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"file-upload-id\">\n    Upload a file\n  </label>\n  <input class=\"govuk-file-upload\" id=\"file-upload-id\" name=\"test-name\" type=\"file\">\n</div>"
+        },
+        {
+            "name": "with describedBy",
+            "options": {
+                "id": "file-upload-describedby",
+                "name": "file-upload-describedby",
+                "label": {
+                    "text": "Upload a file"
+                },
+                "describedBy": "test-target-element"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"file-upload-describedby\">\n    Upload a file\n  </label>\n  <input class=\"govuk-file-upload\" id=\"file-upload-describedby\" name=\"file-upload-describedby\" type=\"file\" aria-describedby=\"test-target-element\">\n</div>"
+        },
+        {
+            "name": "with hint and describedBy",
+            "options": {
+                "id": "file-upload-hint-describedby",
+                "name": "file-upload-hint-describedby",
+                "label": {
+                    "text": "Upload a file"
+                },
+                "describedBy": "test-target-element",
+                "hint": {
+                    "text": "Your photo may be in your Pictures, Photos, Downloads or Desktop folder. Or in an app like iPhoto."
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"file-upload-hint-describedby\">\n    Upload a file\n  </label>\n  <div id=\"file-upload-hint-describedby-hint\" class=\"govuk-hint\">\n    Your photo may be in your Pictures, Photos, Downloads or Desktop folder. Or in an app like iPhoto.\n  </div>\n  <input class=\"govuk-file-upload\" id=\"file-upload-hint-describedby\" name=\"file-upload-hint-describedby\" type=\"file\" aria-describedby=\"test-target-element file-upload-hint-describedby-hint\">\n</div>"
+        },
+        {
+            "name": "error",
+            "options": {
+                "id": "file-upload-with-error",
+                "name": "file-upload-with-error",
+                "label": {
+                    "text": "Upload a file"
+                },
+                "errorMessage": {
+                    "text": "Error message"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-form-group--error\">\n  <label class=\"govuk-label\" for=\"file-upload-with-error\">\n    Upload a file\n  </label>\n  <p id=\"file-upload-with-error-error\" class=\"govuk-error-message\">\n    <span class=\"govuk-visually-hidden\">Error:</span> Error message\n  </p>\n  <input class=\"govuk-file-upload govuk-file-upload--error\" id=\"file-upload-with-error\" name=\"file-upload-with-error\" type=\"file\" aria-describedby=\"file-upload-with-error-error\">\n</div>"
+        },
+        {
+            "name": "with error and describedBy",
+            "options": {
+                "id": "file-upload-error-describedby",
+                "name": "file-upload-error-describedby",
+                "label": {
+                    "text": "Upload a file"
+                },
+                "describedBy": "test-target-element",
+                "errorMessage": {
+                    "text": "Error message"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-form-group--error\">\n  <label class=\"govuk-label\" for=\"file-upload-error-describedby\">\n    Upload a file\n  </label>\n  <p id=\"file-upload-error-describedby-error\" class=\"govuk-error-message\">\n    <span class=\"govuk-visually-hidden\">Error:</span> Error message\n  </p>\n  <input class=\"govuk-file-upload govuk-file-upload--error\" id=\"file-upload-error-describedby\" name=\"file-upload-error-describedby\" type=\"file\" aria-describedby=\"test-target-element file-upload-error-describedby-error\">\n</div>"
+        },
+        {
+            "name": "with error, describedBy and hint",
+            "options": {
+                "id": "file-upload-error-describedby-hint",
+                "name": "file-upload-error-describedby-hint",
+                "label": {
+                    "text": "Upload a file"
+                },
+                "describedBy": "test-target-element",
+                "errorMessage": {
+                    "text": "Error message"
+                },
+                "hint": {
+                    "text": "hint"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-form-group--error\">\n  <label class=\"govuk-label\" for=\"file-upload-error-describedby-hint\">\n    Upload a file\n  </label>\n  <div id=\"file-upload-error-describedby-hint-hint\" class=\"govuk-hint\">\n    hint\n  </div>\n  <p id=\"file-upload-error-describedby-hint-error\" class=\"govuk-error-message\">\n    <span class=\"govuk-visually-hidden\">Error:</span> Error message\n  </p>\n  <input class=\"govuk-file-upload govuk-file-upload--error\" id=\"file-upload-error-describedby-hint\" name=\"file-upload-error-describedby-hint\" type=\"file\" aria-describedby=\"test-target-element file-upload-error-describedby-hint-hint file-upload-error-describedby-hint-error\">\n</div>"
+        },
+        {
+            "name": "translated, no javascript enhancement",
+            "options": {
+                "id": "file-upload-1",
+                "name": "file-upload-1",
+                "label": {
+                    "text": "Llwythwch ffeil i fyny"
+                },
+                "multiple": true,
+                "chooseFilesButtonText": "Dewiswch ffeil",
+                "dropInstructionText": "neu ollwng ffeil",
+                "noFileChosenText": "Dim ffeil wedi'i dewis",
+                "multipleFilesChosenText": {
+                    "other": "%{count} ffeil wedi'u dewis",
+                    "one": "%{count} ffeil wedi'i dewis"
+                },
+                "enteredDropZoneText": "Wedi mynd i mewn i'r parth gollwng",
+                "leftDropZoneText": "Parth gollwng i'r chwith"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"file-upload-1\">\n    Llwythwch ffeil i fyny\n  </label>\n  <input class=\"govuk-file-upload\" id=\"file-upload-1\" name=\"file-upload-1\" type=\"file\" multiple>\n</div>"
+        },
+        {
+            "name": "allows multiple files",
+            "options": {
+                "id": "file-upload-1",
+                "name": "file-upload-1",
+                "label": {
+                    "text": "Upload a file"
+                },
+                "multiple": true
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"file-upload-1\">\n    Upload a file\n  </label>\n  <input class=\"govuk-file-upload\" id=\"file-upload-1\" name=\"file-upload-1\" type=\"file\" multiple>\n</div>"
+        },
+        {
+            "name": "disabled",
+            "options": {
+                "id": "file-upload-1",
+                "name": "file-upload-1",
+                "label": {
+                    "text": "Upload a file"
+                },
+                "disabled": true
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"file-upload-1\">\n    Upload a file\n  </label>\n  <input class=\"govuk-file-upload\" id=\"file-upload-1\" name=\"file-upload-1\" type=\"file\" disabled>\n</div>"
+        },
+        {
+            "name": "with optional form-group classes",
+            "options": {
+                "id": "file-upload-1",
+                "name": "file-upload-1",
+                "label": {
+                    "text": "Upload a file"
+                },
+                "formGroup": {
+                    "classes": "extra-class"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group extra-class\">\n  <label class=\"govuk-label\" for=\"file-upload-1\">\n    Upload a file\n  </label>\n  <input class=\"govuk-file-upload\" id=\"file-upload-1\" name=\"file-upload-1\" type=\"file\">\n</div>"
+        },
+        {
+            "name": "translated",
+            "options": {
+                "id": "file-upload-1",
+                "name": "file-upload-1",
+                "label": {
+                    "text": "Llwythwch ffeil i fyny"
+                },
+                "multiple": true,
+                "javascript": true,
+                "chooseFilesButtonText": "Dewiswch ffeil",
+                "dropInstructionText": "neu ollwng ffeil",
+                "noFileChosenText": "Dim ffeil wedi'i dewis",
+                "multipleFilesChosenText": {
+                    "other": "%{count} ffeil wedi'u dewis",
+                    "one": "%{count} ffeil wedi'i dewis"
+                },
+                "enteredDropZoneText": "Wedi mynd i mewn i'r parth gollwng",
+                "leftDropZoneText": "Parth gollwng i'r chwith"
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"file-upload-1\">\n    Llwythwch ffeil i fyny\n  </label>\n  <div\n    class=\"govuk-drop-zone\"\n    data-module=\"govuk-file-upload\" data-i18n.choose-files-button=\"Dewiswch ffeil\" data-i18n.no-file-chosen=\"Dim ffeil wedi&#39;i dewis\" data-i18n.multiple-files-chosen.other=\"%{count} ffeil wedi&#39;u dewis\" data-i18n.multiple-files-chosen.one=\"%{count} ffeil wedi&#39;i dewis\" data-i18n.drop-instruction=\"neu ollwng ffeil\" data-i18n.entered-drop-zone=\"Wedi mynd i mewn i&#39;r parth gollwng\" data-i18n.left-drop-zone=\"Parth gollwng i&#39;r chwith\">\n  <input class=\"govuk-file-upload\" id=\"file-upload-1\" name=\"file-upload-1\" type=\"file\" multiple>\n  </div>\n</div>"
+        }
+    ]
+}
diff --git a/app/templates/govuk/components/file-upload/macro-options.json b/app/templates/govuk/components/file-upload/macro-options.json
new file mode 100644
index 0000000..5636926
--- /dev/null
+++ b/app/templates/govuk/components/file-upload/macro-options.json
@@ -0,0 +1,174 @@
+[
+    {
+        "name": "name",
+        "type": "string",
+        "required": true,
+        "description": "The name of the input, which is submitted with the form data."
+    },
+    {
+        "name": "id",
+        "type": "string",
+        "required": false,
+        "description": "The ID of the input. Defaults to the value of `name`."
+    },
+    {
+        "name": "value",
+        "type": "string",
+        "required": false,
+        "description": "Optional initial value of the input.",
+        "deprecated": "5.7.1"
+    },
+    {
+        "name": "disabled",
+        "type": "boolean",
+        "required": false,
+        "description": "If `true`, file input will be disabled."
+    },
+    {
+        "name": "multiple",
+        "type": "boolean",
+        "required": false,
+        "description": "If `true`, a user may select multiple files at the same time. The exact mechanism to do this differs depending on operating system."
+    },
+    {
+        "name": "describedBy",
+        "type": "string",
+        "required": false,
+        "description": "One or more element IDs to add to the `aria-describedby` attribute, used to provide additional descriptive information for screenreader users."
+    },
+    {
+        "name": "label",
+        "type": "object",
+        "required": true,
+        "description": "The label used by the file upload component.",
+        "isComponent": true
+    },
+    {
+        "name": "hint",
+        "type": "object",
+        "required": false,
+        "description": "Can be used to add a hint to the file upload component.",
+        "isComponent": true
+    },
+    {
+        "name": "errorMessage",
+        "type": "object",
+        "required": false,
+        "description": "Can be used to add an error message to the file upload component. The error message component will not display if you use a falsy value for `errorMessage`, for example `false` or `null`.",
+        "isComponent": true
+    },
+    {
+        "name": "formGroup",
+        "type": "object",
+        "required": false,
+        "description": "Additional options for the form group containing the file upload component.",
+        "params": [
+            {
+                "name": "classes",
+                "type": "string",
+                "required": false,
+                "description": "Classes to add to the form group (for example to show error state for the whole group)."
+            },
+            {
+                "name": "attributes",
+                "type": "object",
+                "required": false,
+                "description": "HTML attributes (for example data attributes) to add to the form group."
+            },
+            {
+                "name": "beforeInput",
+                "type": "object",
+                "required": false,
+                "description": "Content to add before the input used by the file upload component.",
+                "params": [
+                    {
+                        "name": "text",
+                        "type": "string",
+                        "required": true,
+                        "description": "Text to add before the input. If `html` is provided, the `text` option will be ignored."
+                    },
+                    {
+                        "name": "html",
+                        "type": "string",
+                        "required": true,
+                        "description": "HTML to add before the input. If `html` is provided, the `text` option will be ignored."
+                    }
+                ]
+            },
+            {
+                "name": "afterInput",
+                "type": "object",
+                "required": false,
+                "description": "Content to add after the input used by the file upload component.",
+                "params": [
+                    {
+                        "name": "text",
+                        "type": "string",
+                        "required": true,
+                        "description": "Text to add after the input. If `html` is provided, the `text` option will be ignored."
+                    },
+                    {
+                        "name": "html",
+                        "type": "string",
+                        "required": true,
+                        "description": "HTML to add after the input. If `html` is provided, the `text` option will be ignored."
+                    }
+                ]
+            }
+        ]
+    },
+    {
+        "name": "javascript",
+        "type": "boolean",
+        "required": false,
+        "description": "Can be used to enable JavaScript enhancements for the component."
+    },
+    {
+        "name": "chooseFilesButtonText",
+        "type": "string",
+        "required": false,
+        "description": "The text of the button that opens the file picker. Default is `\"Choose file\"`. If `javascript` is not provided, this option will be ignored."
+    },
+    {
+        "name": "dropInstructionText",
+        "type": "string",
+        "required": false,
+        "description": "The text informing users they can drop files. Default is `\"or drop file\"`. If `javascript` is not provided, this option will be ignored."
+    },
+    {
+        "name": "multipleFilesChosenText",
+        "type": "object",
+        "required": false,
+        "description": "The text displayed when multiple files have been chosen by the user. The component will replace the `%{count}` placeholder with the number of files selected. [Our pluralisation rules apply to this macro option](https://frontend.design-system.service.gov.uk/localise-govuk-frontend/#understanding-pluralisation-rules). If `javascript` is not provided, this option will be ignored."
+    },
+    {
+        "name": "noFileChosenText",
+        "type": "string",
+        "required": false,
+        "description": "The text displayed when no file has been chosen by the user. Default is `\"No file chosen\"`. If `javascript` is not provided, this option will be ignored."
+    },
+    {
+        "name": "enteredDropZoneText",
+        "type": "string",
+        "required": false,
+        "description": "The text announced by assistive technology when user drags files and enters the drop zone. Default is `\"Entered drop zone\"`. If `javascript` is not provided, this option will be ignored."
+    },
+    {
+        "name": "leftDropZoneText",
+        "type": "string",
+        "required": false,
+        "description": "The text announced by assistive technology when user drags files and leaves the drop zone without dropping. Default is `\"Left drop zone\"`. If `javascript` is not provided, this option will be ignored."
+    },
+    {
+        "name": "classes",
+        "type": "string",
+        "required": false,
+        "description": "Classes to add to the file upload component."
+    },
+    {
+        "name": "attributes",
+        "type": "object",
+        "required": false,
+        "description": "HTML attributes (for example data attributes) to add to the file upload component."
+    }
+]
diff --git a/app/templates/govuk/components/file-upload/macro.njk b/app/templates/govuk/components/file-upload/macro.njk
new file mode 100644
index 0000000..33796b9
--- /dev/null
+++ b/app/templates/govuk/components/file-upload/macro.njk
@@ -0,0 +1,3 @@
+{% macro govukFileUpload(params) %}
+  {%- include "./template.njk" -%}
+{% endmacro %}
diff --git a/app/templates/govuk/components/file-upload/template-default.html b/app/templates/govuk/components/file-upload/template-default.html
new file mode 100644
index 0000000..61ba3de
--- /dev/null
+++ b/app/templates/govuk/components/file-upload/template-default.html
@@ -0,0 +1,6 @@
+<div class="govuk-form-group">
+  <label class="govuk-label" for="file-upload-1">
+    Upload a file
+  </label>
+  <input class="govuk-file-upload" id="file-upload-1" name="file-upload-1" type="file">
+</div>
diff --git a/app/templates/govuk/components/file-upload/template-enhanced-with-error-message-and-hint.html b/app/templates/govuk/components/file-upload/template-enhanced-with-error-message-and-hint.html
new file mode 100644
index 0000000..b6abfe2
--- /dev/null
+++ b/app/templates/govuk/components/file-upload/template-enhanced-with-error-message-and-hint.html
@@ -0,0 +1,16 @@
+<div class="govuk-form-group govuk-form-group--error">
+  <label class="govuk-label" for="file-upload-3">
+    Upload a file
+  </label>
+  <div id="file-upload-3-hint" class="govuk-hint">
+    Your photo may be in your Pictures, Photos, Downloads or Desktop folder. Or in an app like iPhoto.
+  </div>
+  <p id="file-upload-3-error" class="govuk-error-message">
+    <span class="govuk-visually-hidden">Error:</span> Error message goes here
+  </p>
+  <div
+    class="govuk-drop-zone"
+    data-module="govuk-file-upload">
+  <input class="govuk-file-upload govuk-file-upload--error" id="file-upload-3" name="file-upload-3" type="file" aria-describedby="file-upload-3-hint file-upload-3-error">
+  </div>
+</div>
diff --git a/app/templates/govuk/components/file-upload/template-enhanced.html b/app/templates/govuk/components/file-upload/template-enhanced.html
new file mode 100644
index 0000000..941aae0
--- /dev/null
+++ b/app/templates/govuk/components/file-upload/template-enhanced.html
@@ -0,0 +1,10 @@
+<div class="govuk-form-group">
+  <label class="govuk-label" for="file-upload-1">
+    Upload a file
+  </label>
+  <div
+    class="govuk-drop-zone"
+    data-module="govuk-file-upload">
+  <input class="govuk-file-upload" id="file-upload-1" name="file-upload-1" type="file">
+  </div>
+</div>
diff --git a/app/templates/govuk/components/file-upload/template-translated.html b/app/templates/govuk/components/file-upload/template-translated.html
new file mode 100644
index 0000000..00a8076
--- /dev/null
+++ b/app/templates/govuk/components/file-upload/template-translated.html
@@ -0,0 +1,10 @@
+<div class="govuk-form-group">
+  <label class="govuk-label" for="file-upload-1">
+    Llwythwch ffeil i fyny
+  </label>
+  <div
+    class="govuk-drop-zone"
+    data-module="govuk-file-upload" data-i18n.choose-files-button="Dewiswch ffeil" data-i18n.no-file-chosen="Dim ffeil wedi&#39;i dewis" data-i18n.multiple-files-chosen.other="%{count} ffeil wedi&#39;u dewis" data-i18n.multiple-files-chosen.one="%{count} ffeil wedi&#39;i dewis" data-i18n.drop-instruction="neu ollwng ffeil" data-i18n.entered-drop-zone="Wedi mynd i mewn i&#39;r parth gollwng" data-i18n.left-drop-zone="Parth gollwng i&#39;r chwith">
+  <input class="govuk-file-upload" id="file-upload-1" name="file-upload-1" type="file" multiple>
+  </div>
+</div>
diff --git a/app/templates/govuk/components/file-upload/template-with-error-message-and-hint.html b/app/templates/govuk/components/file-upload/template-with-error-message-and-hint.html
new file mode 100644
index 0000000..c3a5b6e
--- /dev/null
+++ b/app/templates/govuk/components/file-upload/template-with-error-message-and-hint.html
@@ -0,0 +1,12 @@
+<div class="govuk-form-group govuk-form-group--error">
+  <label class="govuk-label" for="file-upload-3">
+    Upload a file
+  </label>
+  <div id="file-upload-3-hint" class="govuk-hint">
+    Your photo may be in your Pictures, Photos, Downloads or Desktop folder. Or in an app like iPhoto.
+  </div>
+  <p id="file-upload-3-error" class="govuk-error-message">
+    <span class="govuk-visually-hidden">Error:</span> Error message goes here
+  </p>
+  <input class="govuk-file-upload govuk-file-upload--error" id="file-upload-3" name="file-upload-3" type="file" aria-describedby="file-upload-3-hint file-upload-3-error">
+</div>
diff --git a/app/templates/govuk/components/file-upload/template-with-hint-text.html b/app/templates/govuk/components/file-upload/template-with-hint-text.html
new file mode 100644
index 0000000..952c50d
--- /dev/null
+++ b/app/templates/govuk/components/file-upload/template-with-hint-text.html
@@ -0,0 +1,9 @@
+<div class="govuk-form-group">
+  <label class="govuk-label" for="file-upload-2">
+    Upload your photo
+  </label>
+  <div id="file-upload-2-hint" class="govuk-hint">
+    Your photo may be in your Pictures, Photos, Downloads or Desktop folder. Or in an app like iPhoto.
+  </div>
+  <input class="govuk-file-upload" id="file-upload-2" name="file-upload-2" type="file" aria-describedby="file-upload-2-hint">
+</div>
diff --git a/app/templates/govuk/components/file-upload/template-with-label-as-page-heading.html b/app/templates/govuk/components/file-upload/template-with-label-as-page-heading.html
new file mode 100644
index 0000000..85845be
--- /dev/null
+++ b/app/templates/govuk/components/file-upload/template-with-label-as-page-heading.html
@@ -0,0 +1,8 @@
+<div class="govuk-form-group">
+  <h1 class="govuk-label-wrapper">
+    <label class="govuk-label govuk-label--l" for="file-upload-1">
+      Upload a file
+    </label>
+  </h1>
+  <input class="govuk-file-upload" id="file-upload-1" name="file-upload-1" type="file">
+</div>
diff --git a/app/templates/govuk/components/file-upload/template.njk b/app/templates/govuk/components/file-upload/template.njk
new file mode 100644
index 0000000..55059d4
--- /dev/null
+++ b/app/templates/govuk/components/file-upload/template.njk
@@ -0,0 +1,90 @@
+{% from "../../macros/attributes.njk" import govukAttributes %}
+{% from "../../macros/i18n.njk" import govukI18nAttributes %}
+{% from "../error-message/macro.njk" import govukErrorMessage %}
+{% from "../hint/macro.njk" import govukHint %}
+{% from "../label/macro.njk" import govukLabel %}
+
+{#- a record of other elements that we need to associate with the input using
+  aria-describedby – for example hints or error messages -#}
+{%- set describedBy = params.describedBy if params.describedBy else "" -%}
+{%- set id = params.id if params.id else params.name -%}
+
+<div class="govuk-form-group {%- if params.errorMessage %} govuk-form-group--error{% endif %} {%- if params.formGroup.classes %} {{ params.formGroup.classes }}{% endif %}"
+  {{- govukAttributes(params.formGroup.attributes) }}>
+  {{ govukLabel({
+    html: params.label.html,
+    text: params.label.text,
+    classes: params.label.classes,
+    isPageHeading: params.label.isPageHeading,
+    attributes: params.label.attributes,
+    for: id
+  }) | trim | indent(2) }}
+{% if params.hint %}
+  {% set hintId = id + '-hint' %}
+  {% set describedBy = describedBy + ' ' + hintId if describedBy else hintId %}
+  {{ govukHint({
+    id: hintId,
+    classes: params.hint.classes,
+    attributes: params.hint.attributes,
+    html: params.hint.html,
+    text: params.hint.text
+  }) | trim | indent(2) }}
+{% endif %}
+{% if params.errorMessage %}
+  {% set errorId = id + '-error' %}
+  {% set describedBy = describedBy + ' ' + errorId if describedBy else errorId %}
+  {{ govukErrorMessage({
+    id: errorId,
+    classes: params.errorMessage.classes,
+    attributes: params.errorMessage.attributes,
+    html: params.errorMessage.html,
+    text: params.errorMessage.text,
+    visuallyHiddenText: params.errorMessage.visuallyHiddenText
+  }) | trim | indent(2) }}
+{% endif %}
+{% if params.formGroup.beforeInput %}
+  {{ params.formGroup.beforeInput.html | safe | trim | indent(2) if params.formGroup.beforeInput.html else params.formGroup.beforeInput.text }}
+{% endif %}
+{% if params.javascript %}
+  <div
+    class="govuk-drop-zone"
+    data-module="govuk-file-upload"
+    {{- govukI18nAttributes({
+      key: 'choose-files-button',
+      message: params.chooseFilesButtonText
+    }) -}}
+    {{- govukI18nAttributes({
+      key: 'no-file-chosen',
+      message: params.noFileChosenText
+    }) -}}
+    {{- govukI18nAttributes({
+      key: 'multiple-files-chosen',
+      messages: params.multipleFilesChosenText
+    }) -}}
+    {{- govukI18nAttributes({
+      key: 'drop-instruction',
+      message: params.dropInstructionText
+    }) -}}
+    {{- govukI18nAttributes({
+      key: 'entered-drop-zone',
+      message: params.enteredDropZoneText
+    }) -}}
+    {{- govukI18nAttributes({
+      key: 'left-drop-zone',
+      message: params.leftDropZoneText
+    }) -}}
+  >
+{% endif %}
+  <input class="govuk-file-upload {%- if params.classes %} {{ params.classes }}{% endif %} {%- if params.errorMessage %} govuk-file-upload--error{% endif %}" id="{{ id }}" name="{{ params.name }}" type="file"
+  {%- if params.value %} value="{{ params.value }}"{% endif %}
+  {%- if params.disabled %} disabled{% endif %}
+  {%- if params.multiple %} multiple{% endif %}
+  {%- if describedBy %} aria-describedby="{{ describedBy }}"{% endif %}
+  {{- govukAttributes(params.attributes) }}>
+{% if params.javascript %}
+  </div>
+{% endif %}
+{% if params.formGroup.afterInput %}
+  {{ params.formGroup.afterInput.html | safe | trim | indent(2) if params.formGroup.afterInput.html else params.formGroup.afterInput.text }}
+{% endif %}
+</div>
diff --git a/app/templates/govuk/components/footer/README.md b/app/templates/govuk/components/footer/README.md
new file mode 100644
index 0000000..fa76a85
--- /dev/null
+++ b/app/templates/govuk/components/footer/README.md
@@ -0,0 +1,15 @@
+# Footer
+
+## Installation
+
+See the [main README quick start guide](https://github.com/alphagov/govuk-frontend#quick-start) for how to install this component.
+
+## Guidance and Examples
+
+Find out when to use the footer component in your service in the [GOV.UK Design System](https://design-system.service.gov.uk/components/footer).
+
+## Component options
+
+Use options to customise the appearance, content and behaviour of a component when using a macro, for example, changing the text.
+
+See [options table](https://design-system.service.gov.uk/components/footer/#options-footer-example) for details.
diff --git a/app/templates/govuk/components/footer/_footer.scss b/app/templates/govuk/components/footer/_footer.scss
new file mode 100644
index 0000000..ee11b63
--- /dev/null
+++ b/app/templates/govuk/components/footer/_footer.scss
@@ -0,0 +1,4 @@
+@import "../../base";
+@import "./index";
+
+/*# sourceMappingURL=_footer.scss.map */
diff --git a/app/templates/govuk/components/footer/_footer.scss.map b/app/templates/govuk/components/footer/_footer.scss.map
new file mode 100644
index 0000000..d5d2085
--- /dev/null
+++ b/app/templates/govuk/components/footer/_footer.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/footer/_footer.scss"],"names":[],"mappings":"AAAA,oBAAoB;AACpB,iBAAiB","file":"_footer.scss","sourcesContent":["@import \"../../base\";\n@import \"./index\";\n"]}
diff --git a/app/templates/govuk/components/footer/_index.scss b/app/templates/govuk/components/footer/_index.scss
new file mode 100644
index 0000000..e85f231
--- /dev/null
+++ b/app/templates/govuk/components/footer/_index.scss
@@ -0,0 +1,194 @@
+@include govuk-exports("govuk/component/footer") {
+  $govuk-footer-background: $govuk-template-background-colour;
+  $govuk-footer-text: $govuk-text-colour;
+  $govuk-footer-content-border: $govuk-border-colour;
+
+  // Royal Arms image dimensions
+  $govuk-footer-crest-image-width: 125px;
+  $govuk-footer-crest-image-height: 102px;
+
+  .govuk-footer {
+    @include govuk-font($size: if($govuk-new-typography-scale, 19, 16));
+    @include govuk-responsive-padding(7, "top");
+    @include govuk-responsive-padding(5, "bottom");
+
+    border-top: 10px solid $govuk-brand-colour;
+    color: $govuk-footer-text;
+    @include _govuk-rebrand(
+      "background",
+      $from: $govuk-footer-background,
+      $to: $_govuk-rebrand-template-background-colour
+    );
+  }
+
+  .govuk-footer__crown {
+    margin-bottom: govuk-spacing(5);
+  }
+
+  .govuk-footer__link {
+    @include govuk-link-common;
+    @include govuk-link-style-text;
+  }
+
+  .govuk-footer__section-break {
+    margin: 0; // Reset `<hr>` default margins
+    @include govuk-responsive-margin(8, "bottom");
+    border: 0; // Reset `<hr>` default borders
+    border-bottom: 1px solid;
+    @include _govuk-rebrand(
+      "border-bottom-color",
+      $from: $govuk-footer-content-border,
+      $to: $_govuk-rebrand-border-colour-on-blue-tint-95
+    );
+  }
+
+  .govuk-footer__meta {
+    display: flex; // Support: Flexbox
+    margin-right: -$govuk-gutter-half;
+    margin-left: -$govuk-gutter-half;
+    flex-wrap: wrap; // Support: Flexbox
+    align-items: flex-end; // Support: Flexbox
+    justify-content: center; // Support: Flexbox
+  }
+
+  .govuk-footer__meta-item {
+    margin-right: $govuk-gutter-half;
+    margin-bottom: govuk-spacing(5);
+    margin-left: $govuk-gutter-half;
+  }
+
+  .govuk-footer__meta-item--grow {
+    flex: 1; // Support: Flexbox
+    @include govuk-media-query($until: tablet) {
+      flex-basis: 320px; // Support: Flexbox
+    }
+  }
+
+  .govuk-footer__licence-logo {
+    display: inline-block;
+    margin-right: govuk-spacing(2);
+    @include govuk-media-query($until: desktop) {
+      margin-bottom: govuk-spacing(3);
+    }
+    vertical-align: top;
+    // Work around SVGs not inheriting color from parent in forced color mode
+    // (https://github.com/w3c/csswg-drafts/issues/6310)
+    forced-color-adjust: auto;
+  }
+
+  .govuk-footer__licence-description {
+    // This makes the license description reflow under the logo when space gets too narrow
+    display: inline-block;
+    // This prevents the description from having orphans when space is narrow enough
+    // and makes the text reflow more nicely
+    text-wrap: balance;
+  }
+
+  .govuk-footer__copyright-logo::before {
+    content: "";
+    display: block;
+    width: 100%;
+    padding-top: ($govuk-footer-crest-image-height + govuk-spacing(2));
+    background-image: govuk-image-url("govuk-crest.svg");
+    background-repeat: no-repeat;
+    background-position: 50% 0%;
+    background-size: $govuk-footer-crest-image-width $govuk-footer-crest-image-height;
+    text-align: center;
+    white-space: nowrap;
+
+    // Where possible use the crest as a mask instead. This lets us use
+    // currentColor, increasing the contrast of the image and matching the
+    // user's prefered foreground colour in e.g. forced colors mode.
+    // We test for `mask-position` rather than `mask-image` because of a false
+    // positive in Edge 17.
+    @supports ((-webkit-mask-position: initial) or (mask-position: initial)) {
+      background: currentcolor;
+      -webkit-mask-image: govuk-image-url("govuk-crest.svg");
+              mask-image: govuk-image-url("govuk-crest.svg");
+      -webkit-mask-repeat: no-repeat;
+              mask-repeat: no-repeat;
+      -webkit-mask-position: 50% 0%;
+              mask-position: 50% 0%;
+      -webkit-mask-size: $govuk-footer-crest-image-width $govuk-footer-crest-image-height;
+              mask-size: $govuk-footer-crest-image-width $govuk-footer-crest-image-height;
+
+      // currentcolor doesn't seem to be computed correctly in forced colors
+      // mode so force the background color to match the system link color
+      // (matching the text in the link)
+      @media screen and (forced-colors: active) {
+        background: linktext;
+      }
+    }
+  }
+
+  .govuk-footer__inline-list {
+    margin-top: 0;
+    margin-bottom: govuk-spacing(3);
+    padding: 0;
+  }
+
+  .govuk-footer__meta-custom {
+    margin-bottom: govuk-spacing(4);
+  }
+
+  .govuk-footer__inline-list-item {
+    display: inline-block;
+    margin-right: govuk-spacing(3);
+    margin-bottom: govuk-spacing(1);
+  }
+
+  .govuk-footer__heading {
+    margin-bottom: govuk-spacing(6);
+    padding-bottom: govuk-spacing(4);
+
+    @include govuk-media-query($until: tablet) {
+      padding-bottom: govuk-spacing(2);
+    }
+
+    border-bottom: 1px solid;
+    @include _govuk-rebrand(
+      "border-bottom-color",
+      $from: $govuk-footer-content-border,
+      $to: $_govuk-rebrand-border-colour-on-blue-tint-95
+    );
+  }
+
+  .govuk-footer__navigation {
+    @include govuk-clearfix;
+    margin-right: -$govuk-gutter-half;
+    margin-left: -$govuk-gutter-half;
+  }
+
+  .govuk-footer__section {
+    display: inline-block;
+    margin-bottom: $govuk-gutter;
+    vertical-align: top;
+  }
+
+  .govuk-footer__list {
+    margin: 0;
+    padding: 0;
+    list-style: none;
+    column-gap: $govuk-gutter; // Support: Columns
+  }
+
+  @include govuk-media-query($from: desktop) {
+    .govuk-footer__list--columns-2 {
+      column-count: 2; // Support: Columns
+    }
+
+    .govuk-footer__list--columns-3 {
+      column-count: 3; // Support: Columns
+    }
+  }
+
+  .govuk-footer__list-item {
+    @include govuk-responsive-margin(4, "bottom");
+  }
+
+  .govuk-footer__list-item:last-child {
+    margin-bottom: 0;
+  }
+}
+
+/*# sourceMappingURL=_index.scss.map */
diff --git a/app/templates/govuk/components/footer/_index.scss.map b/app/templates/govuk/components/footer/_index.scss.map
new file mode 100644
index 0000000..c9edc81
--- /dev/null
+++ b/app/templates/govuk/components/footer/_index.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/footer/_index.scss"],"names":[],"mappings":"AAAA;EACE,2DAA2D;EAC3D,sCAAsC;EACtC,kDAAkD;;EAElD,6BAA6B;EAC7B,sCAAsC;EACtC,uCAAuC;;EAEvC;IACE,mEAAmE;IACnE,2CAA2C;IAC3C,8CAA8C;;IAE9C,0CAA0C;IAC1C,yBAAyB;IACzB;;;;KAIC;EACH;;EAEA;IACE,+BAA+B;EACjC;;EAEA;IACE,0BAA0B;IAC1B,8BAA8B;EAChC;;EAEA;IACE,SAAS,EAAE,8BAA8B;IACzC,6CAA6C;IAC7C,SAAS,EAAE,8BAA8B;IACzC,wBAAwB;IACxB;;;;KAIC;EACH;;EAEA;IACE,aAAa,EAAE,kBAAkB;IACjC,iCAAiC;IACjC,gCAAgC;IAChC,eAAe,EAAE,kBAAkB;IACnC,qBAAqB,EAAE,kBAAkB;IACzC,uBAAuB,EAAE,kBAAkB;EAC7C;;EAEA;IACE,gCAAgC;IAChC,+BAA+B;IAC/B,+BAA+B;EACjC;;EAEA;IACE,OAAO,EAAE,kBAAkB;IAC3B;MACE,iBAAiB,EAAE,kBAAkB;IACvC;EACF;;EAEA;IACE,qBAAqB;IACrB,8BAA8B;IAC9B;MACE,+BAA+B;IACjC;IACA,mBAAmB;IACnB,wEAAwE;IACxE,mDAAmD;IACnD,yBAAyB;EAC3B;;EAEA;IACE,qFAAqF;IACrF,qBAAqB;IACrB,+EAA+E;IAC/E,uCAAuC;IACvC,kBAAkB;EACpB;;EAEA;IACE,WAAW;IACX,cAAc;IACd,WAAW;IACX,kEAAkE;IAClE,oDAAoD;IACpD,4BAA4B;IAC5B,2BAA2B;IAC3B,iFAAiF;IACjF,kBAAkB;IAClB,mBAAmB;;IAEnB,kEAAkE;IAClE,qEAAqE;IACrE,+DAA+D;IAC/D,yEAAyE;IACzE,sBAAsB;IACtB;MACE,wBAAwB;MACxB,sDAA8C;cAA9C,8CAA8C;MAC9C,8BAAsB;cAAtB,sBAAsB;MACtB,6BAAqB;cAArB,qBAAqB;MACrB,mFAA2E;cAA3E,2EAA2E;;MAE3E,qEAAqE;MACrE,mEAAmE;MACnE,iCAAiC;MACjC;QACE,oBAAoB;MACtB;IACF;EACF;;EAEA;IACE,aAAa;IACb,+BAA+B;IAC/B,UAAU;EACZ;;EAEA;IACE,+BAA+B;EACjC;;EAEA;IACE,qBAAqB;IACrB,8BAA8B;IAC9B,+BAA+B;EACjC;;EAEA;IACE,+BAA+B;IAC/B,gCAAgC;;IAEhC;MACE,gCAAgC;IAClC;;IAEA,wBAAwB;IACxB;;;;KAIC;EACH;;EAEA;IACE,uBAAuB;IACvB,iCAAiC;IACjC,gCAAgC;EAClC;;EAEA;IACE,qBAAqB;IACrB,4BAA4B;IAC5B,mBAAmB;EACrB;;EAEA;IACE,SAAS;IACT,UAAU;IACV,gBAAgB;IAChB,yBAAyB,EAAE,kBAAkB;EAC/C;;EAEA;IACE;MACE,eAAe,EAAE,kBAAkB;IACrC;;IAEA;MACE,eAAe,EAAE,kBAAkB;IACrC;EACF;;EAEA;IACE,6CAA6C;EAC/C;;EAEA;IACE,gBAAgB;EAClB;AACF","file":"_index.scss","sourcesContent":["@include govuk-exports(\"govuk/component/footer\") {\n  $govuk-footer-background: $govuk-template-background-colour;\n  $govuk-footer-text: $govuk-text-colour;\n  $govuk-footer-content-border: $govuk-border-colour;\n\n  // Royal Arms image dimensions\n  $govuk-footer-crest-image-width: 125px;\n  $govuk-footer-crest-image-height: 102px;\n\n  .govuk-footer {\n    @include govuk-font($size: if($govuk-new-typography-scale, 19, 16));\n    @include govuk-responsive-padding(7, \"top\");\n    @include govuk-responsive-padding(5, \"bottom\");\n\n    border-top: 10px solid $govuk-brand-colour;\n    color: $govuk-footer-text;\n    @include _govuk-rebrand(\n      \"background\",\n      $from: $govuk-footer-background,\n      $to: $_govuk-rebrand-template-background-colour\n    );\n  }\n\n  .govuk-footer__crown {\n    margin-bottom: govuk-spacing(5);\n  }\n\n  .govuk-footer__link {\n    @include govuk-link-common;\n    @include govuk-link-style-text;\n  }\n\n  .govuk-footer__section-break {\n    margin: 0; // Reset `<hr>` default margins\n    @include govuk-responsive-margin(8, \"bottom\");\n    border: 0; // Reset `<hr>` default borders\n    border-bottom: 1px solid;\n    @include _govuk-rebrand(\n      \"border-bottom-color\",\n      $from: $govuk-footer-content-border,\n      $to: $_govuk-rebrand-border-colour-on-blue-tint-95\n    );\n  }\n\n  .govuk-footer__meta {\n    display: flex; // Support: Flexbox\n    margin-right: -$govuk-gutter-half;\n    margin-left: -$govuk-gutter-half;\n    flex-wrap: wrap; // Support: Flexbox\n    align-items: flex-end; // Support: Flexbox\n    justify-content: center; // Support: Flexbox\n  }\n\n  .govuk-footer__meta-item {\n    margin-right: $govuk-gutter-half;\n    margin-bottom: govuk-spacing(5);\n    margin-left: $govuk-gutter-half;\n  }\n\n  .govuk-footer__meta-item--grow {\n    flex: 1; // Support: Flexbox\n    @include govuk-media-query($until: tablet) {\n      flex-basis: 320px; // Support: Flexbox\n    }\n  }\n\n  .govuk-footer__licence-logo {\n    display: inline-block;\n    margin-right: govuk-spacing(2);\n    @include govuk-media-query($until: desktop) {\n      margin-bottom: govuk-spacing(3);\n    }\n    vertical-align: top;\n    // Work around SVGs not inheriting color from parent in forced color mode\n    // (https://github.com/w3c/csswg-drafts/issues/6310)\n    forced-color-adjust: auto;\n  }\n\n  .govuk-footer__licence-description {\n    // This makes the license description reflow under the logo when space gets too narrow\n    display: inline-block;\n    // This prevents the description from having orphans when space is narrow enough\n    // and makes the text reflow more nicely\n    text-wrap: balance;\n  }\n\n  .govuk-footer__copyright-logo::before {\n    content: \"\";\n    display: block;\n    width: 100%;\n    padding-top: ($govuk-footer-crest-image-height + govuk-spacing(2));\n    background-image: govuk-image-url(\"govuk-crest.svg\");\n    background-repeat: no-repeat;\n    background-position: 50% 0%;\n    background-size: $govuk-footer-crest-image-width $govuk-footer-crest-image-height;\n    text-align: center;\n    white-space: nowrap;\n\n    // Where possible use the crest as a mask instead. This lets us use\n    // currentColor, increasing the contrast of the image and matching the\n    // user's prefered foreground colour in e.g. forced colors mode.\n    // We test for `mask-position` rather than `mask-image` because of a false\n    // positive in Edge 17.\n    @supports (mask-position: initial) {\n      background: currentcolor;\n      mask-image: govuk-image-url(\"govuk-crest.svg\");\n      mask-repeat: no-repeat;\n      mask-position: 50% 0%;\n      mask-size: $govuk-footer-crest-image-width $govuk-footer-crest-image-height;\n\n      // currentcolor doesn't seem to be computed correctly in forced colors\n      // mode so force the background color to match the system link color\n      // (matching the text in the link)\n      @media screen and (forced-colors: active) {\n        background: linktext;\n      }\n    }\n  }\n\n  .govuk-footer__inline-list {\n    margin-top: 0;\n    margin-bottom: govuk-spacing(3);\n    padding: 0;\n  }\n\n  .govuk-footer__meta-custom {\n    margin-bottom: govuk-spacing(4);\n  }\n\n  .govuk-footer__inline-list-item {\n    display: inline-block;\n    margin-right: govuk-spacing(3);\n    margin-bottom: govuk-spacing(1);\n  }\n\n  .govuk-footer__heading {\n    margin-bottom: govuk-spacing(6);\n    padding-bottom: govuk-spacing(4);\n\n    @include govuk-media-query($until: tablet) {\n      padding-bottom: govuk-spacing(2);\n    }\n\n    border-bottom: 1px solid;\n    @include _govuk-rebrand(\n      \"border-bottom-color\",\n      $from: $govuk-footer-content-border,\n      $to: $_govuk-rebrand-border-colour-on-blue-tint-95\n    );\n  }\n\n  .govuk-footer__navigation {\n    @include govuk-clearfix;\n    margin-right: -$govuk-gutter-half;\n    margin-left: -$govuk-gutter-half;\n  }\n\n  .govuk-footer__section {\n    display: inline-block;\n    margin-bottom: $govuk-gutter;\n    vertical-align: top;\n  }\n\n  .govuk-footer__list {\n    margin: 0;\n    padding: 0;\n    list-style: none;\n    column-gap: $govuk-gutter; // Support: Columns\n  }\n\n  @include govuk-media-query($from: desktop) {\n    .govuk-footer__list--columns-2 {\n      column-count: 2; // Support: Columns\n    }\n\n    .govuk-footer__list--columns-3 {\n      column-count: 3; // Support: Columns\n    }\n  }\n\n  .govuk-footer__list-item {\n    @include govuk-responsive-margin(4, \"bottom\");\n  }\n\n  .govuk-footer__list-item:last-child {\n    margin-bottom: 0;\n  }\n}\n"]}
diff --git a/app/templates/govuk/components/footer/fixtures.json b/app/templates/govuk/components/footer/fixtures.json
new file mode 100644
index 0000000..5572cc1
--- /dev/null
+++ b/app/templates/govuk/components/footer/fixtures.json
@@ -0,0 +1,714 @@
+{
+    "component": "footer",
+    "fixtures": [
+        {
+            "name": "default",
+            "options": {},
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": true,
+            "html": "<footer class=\"govuk-footer\">\n  <div class=\"govuk-width-container\">\n    <div class=\"govuk-footer__meta\">\n      <div class=\"govuk-footer__meta-item govuk-footer__meta-item--grow\">\n        <svg\n          aria-hidden=\"true\"\n          focusable=\"false\"\n          class=\"govuk-footer__licence-logo\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          viewBox=\"0 0 483.2 195.7\"\n          height=\"17\"\n          width=\"41\"\n        >\n          <path\n            fill=\"currentColor\"\n            d=\"M421.5 142.8V.1l-50.7 32.3v161.1h112.4v-50.7zm-122.3-9.6A47.12 47.12 0 0 1 221 97.8c0-26 21.1-47.1 47.1-47.1 16.7 0 31.4 8.7 39.7 21.8l42.7-27.2A97.63 97.63 0 0 0 268.1 0c-36.5 0-68.3 20.1-85.1 49.7A98 98 0 0 0 97.8 0C43.9 0 0 43.9 0 97.8s43.9 97.8 97.8 97.8c36.5 0 68.3-20.1 85.1-49.7a97.76 97.76 0 0 0 149.6 25.4l19.4 22.2h3v-87.8h-80l24.3 27.5zM97.8 145c-26 0-47.1-21.1-47.1-47.1s21.1-47.1 47.1-47.1 47.2 21 47.2 47S123.8 145 97.8 145\"\n          />\n        </svg>\n        <span class=\"govuk-footer__licence-description\">\n          All content is available under the\n          <a\n            class=\"govuk-footer__link\"\n            href=\"https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/\"\n            rel=\"license\"\n          >Open Government Licence v3.0</a>, except where otherwise stated\n        </span>\n      </div>\n      <div class=\"govuk-footer__meta-item\">\n        <a\n          class=\"govuk-footer__link govuk-footer__copyright-logo\"\n          href=\"https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/\"\n        >\n          © Crown copyright\n        </a>\n      </div>\n    </div>\n  </div>\n</footer>"
+        },
+        {
+            "name": "with custom HTML content licence and copyright notice",
+            "options": {
+                "contentLicence": {
+                    "html": "Mae’r holl gynnwys ar gael dan <a class=\"govuk-footer__link\" href=\"https://www.nationalarchives.gov.uk/doc/open-government-licence-cymraeg/version/3/\" rel=\"license\">Drwydded y Llywodraeth Agored v3.0</a>, ac eithrio lle nodir yn wahanol"
+                },
+                "copyright": {
+                    "html": "<span>Hawlfraint y Goron</span>"
+                }
+            },
+            "hidden": false,
+            "description": "Open Government Licence and Crown copyright notice translated into Welsh",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<footer class=\"govuk-footer\">\n  <div class=\"govuk-width-container\">\n    <div class=\"govuk-footer__meta\">\n      <div class=\"govuk-footer__meta-item govuk-footer__meta-item--grow\">\n        <svg\n          aria-hidden=\"true\"\n          focusable=\"false\"\n          class=\"govuk-footer__licence-logo\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          viewBox=\"0 0 483.2 195.7\"\n          height=\"17\"\n          width=\"41\"\n        >\n          <path\n            fill=\"currentColor\"\n            d=\"M421.5 142.8V.1l-50.7 32.3v161.1h112.4v-50.7zm-122.3-9.6A47.12 47.12 0 0 1 221 97.8c0-26 21.1-47.1 47.1-47.1 16.7 0 31.4 8.7 39.7 21.8l42.7-27.2A97.63 97.63 0 0 0 268.1 0c-36.5 0-68.3 20.1-85.1 49.7A98 98 0 0 0 97.8 0C43.9 0 0 43.9 0 97.8s43.9 97.8 97.8 97.8c36.5 0 68.3-20.1 85.1-49.7a97.76 97.76 0 0 0 149.6 25.4l19.4 22.2h3v-87.8h-80l24.3 27.5zM97.8 145c-26 0-47.1-21.1-47.1-47.1s21.1-47.1 47.1-47.1 47.2 21 47.2 47S123.8 145 97.8 145\"\n          />\n        </svg>\n        <span class=\"govuk-footer__licence-description\">\n          Mae’r holl gynnwys ar gael dan <a class=\"govuk-footer__link\" href=\"https://www.nationalarchives.gov.uk/doc/open-government-licence-cymraeg/version/3/\" rel=\"license\">Drwydded y Llywodraeth Agored v3.0</a>, ac eithrio lle nodir yn wahanol\n        </span>\n      </div>\n      <div class=\"govuk-footer__meta-item\">\n        <a\n          class=\"govuk-footer__link govuk-footer__copyright-logo\"\n          href=\"https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/\"\n        >\n          <span>Hawlfraint y Goron</span>\n        </a>\n      </div>\n    </div>\n  </div>\n</footer>"
+        },
+        {
+            "name": "with custom text content licence and copyright notice",
+            "options": {
+                "contentLicence": {
+                    "text": "Mae’r holl gynnwys ar gael dan Drwydded y Llywodraeth Agored v3.0, ac eithrio lle nodir yn wahanol"
+                },
+                "copyright": {
+                    "text": "© Hawlfraint y Goron"
+                }
+            },
+            "hidden": false,
+            "description": "Open Government Licence and Crown copyright notice translated into Welsh",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<footer class=\"govuk-footer\">\n  <div class=\"govuk-width-container\">\n    <div class=\"govuk-footer__meta\">\n      <div class=\"govuk-footer__meta-item govuk-footer__meta-item--grow\">\n        <svg\n          aria-hidden=\"true\"\n          focusable=\"false\"\n          class=\"govuk-footer__licence-logo\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          viewBox=\"0 0 483.2 195.7\"\n          height=\"17\"\n          width=\"41\"\n        >\n          <path\n            fill=\"currentColor\"\n            d=\"M421.5 142.8V.1l-50.7 32.3v161.1h112.4v-50.7zm-122.3-9.6A47.12 47.12 0 0 1 221 97.8c0-26 21.1-47.1 47.1-47.1 16.7 0 31.4 8.7 39.7 21.8l42.7-27.2A97.63 97.63 0 0 0 268.1 0c-36.5 0-68.3 20.1-85.1 49.7A98 98 0 0 0 97.8 0C43.9 0 0 43.9 0 97.8s43.9 97.8 97.8 97.8c36.5 0 68.3-20.1 85.1-49.7a97.76 97.76 0 0 0 149.6 25.4l19.4 22.2h3v-87.8h-80l24.3 27.5zM97.8 145c-26 0-47.1-21.1-47.1-47.1s21.1-47.1 47.1-47.1 47.2 21 47.2 47S123.8 145 97.8 145\"\n          />\n        </svg>\n        <span class=\"govuk-footer__licence-description\">\n          Mae’r holl gynnwys ar gael dan Drwydded y Llywodraeth Agored v3.0, ac eithrio lle nodir yn wahanol\n        </span>\n      </div>\n      <div class=\"govuk-footer__meta-item\">\n        <a\n          class=\"govuk-footer__link govuk-footer__copyright-logo\"\n          href=\"https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/\"\n        >\n          © Hawlfraint y Goron\n        </a>\n      </div>\n    </div>\n  </div>\n</footer>"
+        },
+        {
+            "name": "with custom meta",
+            "options": {
+                "meta": {
+                    "text": "GOV.UK Prototype Kit v7.0.1"
+                }
+            },
+            "hidden": false,
+            "description": "Custom meta section",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<footer class=\"govuk-footer\">\n  <div class=\"govuk-width-container\">\n    <div class=\"govuk-footer__meta\">\n      <div class=\"govuk-footer__meta-item govuk-footer__meta-item--grow\">\n        <h2 class=\"govuk-visually-hidden\">Support links</h2>\n        <div class=\"govuk-footer__meta-custom\">\n          GOV.UK Prototype Kit v7.0.1\n        </div>\n        <svg\n          aria-hidden=\"true\"\n          focusable=\"false\"\n          class=\"govuk-footer__licence-logo\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          viewBox=\"0 0 483.2 195.7\"\n          height=\"17\"\n          width=\"41\"\n        >\n          <path\n            fill=\"currentColor\"\n            d=\"M421.5 142.8V.1l-50.7 32.3v161.1h112.4v-50.7zm-122.3-9.6A47.12 47.12 0 0 1 221 97.8c0-26 21.1-47.1 47.1-47.1 16.7 0 31.4 8.7 39.7 21.8l42.7-27.2A97.63 97.63 0 0 0 268.1 0c-36.5 0-68.3 20.1-85.1 49.7A98 98 0 0 0 97.8 0C43.9 0 0 43.9 0 97.8s43.9 97.8 97.8 97.8c36.5 0 68.3-20.1 85.1-49.7a97.76 97.76 0 0 0 149.6 25.4l19.4 22.2h3v-87.8h-80l24.3 27.5zM97.8 145c-26 0-47.1-21.1-47.1-47.1s21.1-47.1 47.1-47.1 47.2 21 47.2 47S123.8 145 97.8 145\"\n          />\n        </svg>\n        <span class=\"govuk-footer__licence-description\">\n          All content is available under the\n          <a\n            class=\"govuk-footer__link\"\n            href=\"https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/\"\n            rel=\"license\"\n          >Open Government Licence v3.0</a>, except where otherwise stated\n        </span>\n      </div>\n      <div class=\"govuk-footer__meta-item\">\n        <a\n          class=\"govuk-footer__link govuk-footer__copyright-logo\"\n          href=\"https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/\"\n        >\n          © Crown copyright\n        </a>\n      </div>\n    </div>\n  </div>\n</footer>"
+        },
+        {
+            "name": "with meta links and meta content",
+            "options": {
+                "meta": {
+                    "items": [
+                        {
+                            "href": "#1",
+                            "text": "Bibendum Ornare"
+                        },
+                        {
+                            "href": "#2",
+                            "text": "Nullam"
+                        },
+                        {
+                            "href": "#3",
+                            "text": "Tortor Fringilla"
+                        },
+                        {
+                            "href": "#4",
+                            "text": "Tellus"
+                        },
+                        {
+                            "href": "#5",
+                            "text": "Egestas Nullam"
+                        },
+                        {
+                            "href": "#6",
+                            "text": "Euismod Etiam"
+                        },
+                        {
+                            "href": "#7",
+                            "text": "Fusce Sollicitudin"
+                        },
+                        {
+                            "href": "#8",
+                            "text": "Ligula Nullam Ultricies"
+                        }
+                    ],
+                    "html": "Built by the <a href=\"#\" class=\"govuk-footer__link\">Department of Magical Law Enforcement</a>"
+                }
+            },
+            "hidden": false,
+            "description": "Secondary navigation links and custom meta text",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<footer class=\"govuk-footer\">\n  <div class=\"govuk-width-container\">\n    <div class=\"govuk-footer__meta\">\n      <div class=\"govuk-footer__meta-item govuk-footer__meta-item--grow\">\n        <h2 class=\"govuk-visually-hidden\">Support links</h2>\n        <ul class=\"govuk-footer__inline-list\">\n          <li class=\"govuk-footer__inline-list-item\">\n            <a class=\"govuk-footer__link\" href=\"#1\">\n              Bibendum Ornare\n            </a>\n          </li>\n          <li class=\"govuk-footer__inline-list-item\">\n            <a class=\"govuk-footer__link\" href=\"#2\">\n              Nullam\n            </a>\n          </li>\n          <li class=\"govuk-footer__inline-list-item\">\n            <a class=\"govuk-footer__link\" href=\"#3\">\n              Tortor Fringilla\n            </a>\n          </li>\n          <li class=\"govuk-footer__inline-list-item\">\n            <a class=\"govuk-footer__link\" href=\"#4\">\n              Tellus\n            </a>\n          </li>\n          <li class=\"govuk-footer__inline-list-item\">\n            <a class=\"govuk-footer__link\" href=\"#5\">\n              Egestas Nullam\n            </a>\n          </li>\n          <li class=\"govuk-footer__inline-list-item\">\n            <a class=\"govuk-footer__link\" href=\"#6\">\n              Euismod Etiam\n            </a>\n          </li>\n          <li class=\"govuk-footer__inline-list-item\">\n            <a class=\"govuk-footer__link\" href=\"#7\">\n              Fusce Sollicitudin\n            </a>\n          </li>\n          <li class=\"govuk-footer__inline-list-item\">\n            <a class=\"govuk-footer__link\" href=\"#8\">\n              Ligula Nullam Ultricies\n            </a>\n          </li>\n        </ul>\n        <div class=\"govuk-footer__meta-custom\">\n          Built by the <a href=\"#\" class=\"govuk-footer__link\">Department of Magical Law Enforcement</a>\n        </div>\n        <svg\n          aria-hidden=\"true\"\n          focusable=\"false\"\n          class=\"govuk-footer__licence-logo\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          viewBox=\"0 0 483.2 195.7\"\n          height=\"17\"\n          width=\"41\"\n        >\n          <path\n            fill=\"currentColor\"\n            d=\"M421.5 142.8V.1l-50.7 32.3v161.1h112.4v-50.7zm-122.3-9.6A47.12 47.12 0 0 1 221 97.8c0-26 21.1-47.1 47.1-47.1 16.7 0 31.4 8.7 39.7 21.8l42.7-27.2A97.63 97.63 0 0 0 268.1 0c-36.5 0-68.3 20.1-85.1 49.7A98 98 0 0 0 97.8 0C43.9 0 0 43.9 0 97.8s43.9 97.8 97.8 97.8c36.5 0 68.3-20.1 85.1-49.7a97.76 97.76 0 0 0 149.6 25.4l19.4 22.2h3v-87.8h-80l24.3 27.5zM97.8 145c-26 0-47.1-21.1-47.1-47.1s21.1-47.1 47.1-47.1 47.2 21 47.2 47S123.8 145 97.8 145\"\n          />\n        </svg>\n        <span class=\"govuk-footer__licence-description\">\n          All content is available under the\n          <a\n            class=\"govuk-footer__link\"\n            href=\"https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/\"\n            rel=\"license\"\n          >Open Government Licence v3.0</a>, except where otherwise stated\n        </span>\n      </div>\n      <div class=\"govuk-footer__meta-item\">\n        <a\n          class=\"govuk-footer__link govuk-footer__copyright-logo\"\n          href=\"https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/\"\n        >\n          © Crown copyright\n        </a>\n      </div>\n    </div>\n  </div>\n</footer>"
+        },
+        {
+            "name": "with default width navigation (one column)",
+            "options": {
+                "navigation": [
+                    {
+                        "title": "Navigation section",
+                        "items": [
+                            {
+                                "href": "#1",
+                                "text": "Navigation item 1"
+                            },
+                            {
+                                "href": "#2",
+                                "text": "Navigation item 2"
+                            },
+                            {
+                                "href": "#3",
+                                "text": "Navigation item 3"
+                            },
+                            {
+                                "href": "#4",
+                                "text": "Navigation item 4"
+                            },
+                            {
+                                "href": "#5",
+                                "text": "Navigation item 5"
+                            },
+                            {
+                                "href": "#6",
+                                "text": "Navigation item 6"
+                            }
+                        ]
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<footer class=\"govuk-footer\">\n  <div class=\"govuk-width-container\">\n      <div class=\"govuk-footer__navigation\">\n          <div class=\"govuk-footer__section govuk-grid-column-full\">\n            <h2 class=\"govuk-footer__heading govuk-heading-m\">Navigation section</h2>\n              <ul class=\"govuk-footer__list\">\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"#1\">\n                        Navigation item 1\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"#2\">\n                        Navigation item 2\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"#3\">\n                        Navigation item 3\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"#4\">\n                        Navigation item 4\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"#5\">\n                        Navigation item 5\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"#6\">\n                        Navigation item 6\n                      </a>\n                    </li>\n              </ul>\n          </div>\n      </div>\n      <hr class=\"govuk-footer__section-break\">\n    <div class=\"govuk-footer__meta\">\n      <div class=\"govuk-footer__meta-item govuk-footer__meta-item--grow\">\n        <svg\n          aria-hidden=\"true\"\n          focusable=\"false\"\n          class=\"govuk-footer__licence-logo\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          viewBox=\"0 0 483.2 195.7\"\n          height=\"17\"\n          width=\"41\"\n        >\n          <path\n            fill=\"currentColor\"\n            d=\"M421.5 142.8V.1l-50.7 32.3v161.1h112.4v-50.7zm-122.3-9.6A47.12 47.12 0 0 1 221 97.8c0-26 21.1-47.1 47.1-47.1 16.7 0 31.4 8.7 39.7 21.8l42.7-27.2A97.63 97.63 0 0 0 268.1 0c-36.5 0-68.3 20.1-85.1 49.7A98 98 0 0 0 97.8 0C43.9 0 0 43.9 0 97.8s43.9 97.8 97.8 97.8c36.5 0 68.3-20.1 85.1-49.7a97.76 97.76 0 0 0 149.6 25.4l19.4 22.2h3v-87.8h-80l24.3 27.5zM97.8 145c-26 0-47.1-21.1-47.1-47.1s21.1-47.1 47.1-47.1 47.2 21 47.2 47S123.8 145 97.8 145\"\n          />\n        </svg>\n        <span class=\"govuk-footer__licence-description\">\n          All content is available under the\n          <a\n            class=\"govuk-footer__link\"\n            href=\"https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/\"\n            rel=\"license\"\n          >Open Government Licence v3.0</a>, except where otherwise stated\n        </span>\n      </div>\n      <div class=\"govuk-footer__meta-item\">\n        <a\n          class=\"govuk-footer__link govuk-footer__copyright-logo\"\n          href=\"https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/\"\n        >\n          © Crown copyright\n        </a>\n      </div>\n    </div>\n  </div>\n</footer>"
+        },
+        {
+            "name": "with default width navigation (two columns)",
+            "options": {
+                "navigation": [
+                    {
+                        "title": "Navigation section",
+                        "columns": 2,
+                        "items": [
+                            {
+                                "href": "#1",
+                                "text": "Navigation item 1"
+                            },
+                            {
+                                "href": "#2",
+                                "text": "Navigation item 2"
+                            },
+                            {
+                                "href": "#3",
+                                "text": "Navigation item 3"
+                            },
+                            {
+                                "href": "#4",
+                                "text": "Navigation item 4"
+                            },
+                            {
+                                "href": "#5",
+                                "text": "Navigation item 5"
+                            },
+                            {
+                                "href": "#6",
+                                "text": "Navigation item 6"
+                            }
+                        ]
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<footer class=\"govuk-footer\">\n  <div class=\"govuk-width-container\">\n      <div class=\"govuk-footer__navigation\">\n          <div class=\"govuk-footer__section govuk-grid-column-full\">\n            <h2 class=\"govuk-footer__heading govuk-heading-m\">Navigation section</h2>\n              <ul class=\"govuk-footer__list govuk-footer__list--columns-2\">\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"#1\">\n                        Navigation item 1\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"#2\">\n                        Navigation item 2\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"#3\">\n                        Navigation item 3\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"#4\">\n                        Navigation item 4\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"#5\">\n                        Navigation item 5\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"#6\">\n                        Navigation item 6\n                      </a>\n                    </li>\n              </ul>\n          </div>\n      </div>\n      <hr class=\"govuk-footer__section-break\">\n    <div class=\"govuk-footer__meta\">\n      <div class=\"govuk-footer__meta-item govuk-footer__meta-item--grow\">\n        <svg\n          aria-hidden=\"true\"\n          focusable=\"false\"\n          class=\"govuk-footer__licence-logo\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          viewBox=\"0 0 483.2 195.7\"\n          height=\"17\"\n          width=\"41\"\n        >\n          <path\n            fill=\"currentColor\"\n            d=\"M421.5 142.8V.1l-50.7 32.3v161.1h112.4v-50.7zm-122.3-9.6A47.12 47.12 0 0 1 221 97.8c0-26 21.1-47.1 47.1-47.1 16.7 0 31.4 8.7 39.7 21.8l42.7-27.2A97.63 97.63 0 0 0 268.1 0c-36.5 0-68.3 20.1-85.1 49.7A98 98 0 0 0 97.8 0C43.9 0 0 43.9 0 97.8s43.9 97.8 97.8 97.8c36.5 0 68.3-20.1 85.1-49.7a97.76 97.76 0 0 0 149.6 25.4l19.4 22.2h3v-87.8h-80l24.3 27.5zM97.8 145c-26 0-47.1-21.1-47.1-47.1s21.1-47.1 47.1-47.1 47.2 21 47.2 47S123.8 145 97.8 145\"\n          />\n        </svg>\n        <span class=\"govuk-footer__licence-description\">\n          All content is available under the\n          <a\n            class=\"govuk-footer__link\"\n            href=\"https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/\"\n            rel=\"license\"\n          >Open Government Licence v3.0</a>, except where otherwise stated\n        </span>\n      </div>\n      <div class=\"govuk-footer__meta-item\">\n        <a\n          class=\"govuk-footer__link govuk-footer__copyright-logo\"\n          href=\"https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/\"\n        >\n          © Crown copyright\n        </a>\n      </div>\n    </div>\n  </div>\n</footer>"
+        },
+        {
+            "name": "with navigation",
+            "options": {
+                "navigation": [
+                    {
+                        "title": "Two column list",
+                        "width": "two-thirds",
+                        "columns": 2,
+                        "items": [
+                            {
+                                "href": "#1",
+                                "text": "Navigation item 1"
+                            },
+                            {
+                                "href": "#2",
+                                "text": "Navigation item 2"
+                            },
+                            {
+                                "href": "#3",
+                                "text": "Navigation item 3"
+                            },
+                            {
+                                "href": "#4",
+                                "text": "Navigation item 4"
+                            },
+                            {
+                                "href": "#5",
+                                "text": "Navigation item 5"
+                            },
+                            {
+                                "href": "#6",
+                                "text": "Navigation item 6"
+                            }
+                        ]
+                    },
+                    {
+                        "title": "Single column list",
+                        "width": "one-third",
+                        "items": [
+                            {
+                                "href": "#1",
+                                "text": "Navigation item 1"
+                            },
+                            {
+                                "href": "#2",
+                                "text": "Navigation item 2"
+                            },
+                            {
+                                "href": "#3",
+                                "text": "Navigation item 3"
+                            }
+                        ]
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<footer class=\"govuk-footer\">\n  <div class=\"govuk-width-container\">\n      <div class=\"govuk-footer__navigation\">\n          <div class=\"govuk-footer__section govuk-grid-column-two-thirds\">\n            <h2 class=\"govuk-footer__heading govuk-heading-m\">Two column list</h2>\n              <ul class=\"govuk-footer__list govuk-footer__list--columns-2\">\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"#1\">\n                        Navigation item 1\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"#2\">\n                        Navigation item 2\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"#3\">\n                        Navigation item 3\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"#4\">\n                        Navigation item 4\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"#5\">\n                        Navigation item 5\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"#6\">\n                        Navigation item 6\n                      </a>\n                    </li>\n              </ul>\n          </div>\n          <div class=\"govuk-footer__section govuk-grid-column-one-third\">\n            <h2 class=\"govuk-footer__heading govuk-heading-m\">Single column list</h2>\n              <ul class=\"govuk-footer__list\">\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"#1\">\n                        Navigation item 1\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"#2\">\n                        Navigation item 2\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"#3\">\n                        Navigation item 3\n                      </a>\n                    </li>\n              </ul>\n          </div>\n      </div>\n      <hr class=\"govuk-footer__section-break\">\n    <div class=\"govuk-footer__meta\">\n      <div class=\"govuk-footer__meta-item govuk-footer__meta-item--grow\">\n        <svg\n          aria-hidden=\"true\"\n          focusable=\"false\"\n          class=\"govuk-footer__licence-logo\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          viewBox=\"0 0 483.2 195.7\"\n          height=\"17\"\n          width=\"41\"\n        >\n          <path\n            fill=\"currentColor\"\n            d=\"M421.5 142.8V.1l-50.7 32.3v161.1h112.4v-50.7zm-122.3-9.6A47.12 47.12 0 0 1 221 97.8c0-26 21.1-47.1 47.1-47.1 16.7 0 31.4 8.7 39.7 21.8l42.7-27.2A97.63 97.63 0 0 0 268.1 0c-36.5 0-68.3 20.1-85.1 49.7A98 98 0 0 0 97.8 0C43.9 0 0 43.9 0 97.8s43.9 97.8 97.8 97.8c36.5 0 68.3-20.1 85.1-49.7a97.76 97.76 0 0 0 149.6 25.4l19.4 22.2h3v-87.8h-80l24.3 27.5zM97.8 145c-26 0-47.1-21.1-47.1-47.1s21.1-47.1 47.1-47.1 47.2 21 47.2 47S123.8 145 97.8 145\"\n          />\n        </svg>\n        <span class=\"govuk-footer__licence-description\">\n          All content is available under the\n          <a\n            class=\"govuk-footer__link\"\n            href=\"https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/\"\n            rel=\"license\"\n          >Open Government Licence v3.0</a>, except where otherwise stated\n        </span>\n      </div>\n      <div class=\"govuk-footer__meta-item\">\n        <a\n          class=\"govuk-footer__link govuk-footer__copyright-logo\"\n          href=\"https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/\"\n        >\n          © Crown copyright\n        </a>\n      </div>\n    </div>\n  </div>\n</footer>"
+        },
+        {
+            "name": "Full GDS example",
+            "options": {
+                "navigation": [
+                    {
+                        "title": "Coronavirus (COVID-19)",
+                        "width": "two-thirds",
+                        "items": [
+                            {
+                                "href": "/coronavirus",
+                                "text": "Coronavirus (COVID-19): guidance and support"
+                            }
+                        ]
+                    },
+                    {
+                        "title": "Brexit",
+                        "width": "one-third",
+                        "items": [
+                            {
+                                "href": "/brexit",
+                                "text": "Check what you need to do"
+                            }
+                        ]
+                    },
+                    {
+                        "title": "Services and information",
+                        "width": "two-thirds",
+                        "columns": 2,
+                        "items": [
+                            {
+                                "href": "/browse/benefits",
+                                "text": "Benefits"
+                            },
+                            {
+                                "href": "/browse/births-deaths-marriages",
+                                "text": "Births, deaths, marriages and care"
+                            },
+                            {
+                                "href": "/browse/business",
+                                "text": "Business and self-employed"
+                            },
+                            {
+                                "href": "/browse/childcare-parenting",
+                                "text": "Childcare and parenting"
+                            },
+                            {
+                                "href": "/browse/citizenship",
+                                "text": "Citizenship and living in the UK"
+                            },
+                            {
+                                "href": "/browse/justice",
+                                "text": "Crime, justice and the law"
+                            },
+                            {
+                                "href": "/browse/disabilities",
+                                "text": "Disabled people"
+                            },
+                            {
+                                "href": "/browse/driving",
+                                "text": "Driving and transport"
+                            },
+                            {
+                                "href": "/browse/education",
+                                "text": "Education and learning"
+                            },
+                            {
+                                "href": "/browse/employing-people",
+                                "text": "Employing people"
+                            },
+                            {
+                                "href": "/browse/environment-countryside",
+                                "text": "Environment and countryside"
+                            },
+                            {
+                                "href": "/browse/housing-local-services",
+                                "text": "Housing and local services"
+                            },
+                            {
+                                "href": "/browse/tax",
+                                "text": "Money and tax"
+                            },
+                            {
+                                "href": "/browse/abroad",
+                                "text": "Passports, travel and living abroad"
+                            },
+                            {
+                                "href": "/browse/visas-immigration",
+                                "text": "Visas and immigration"
+                            },
+                            {
+                                "href": "/browse/working",
+                                "text": "Working, jobs and pensions"
+                            }
+                        ]
+                    },
+                    {
+                        "title": "Departments and policy",
+                        "width": "one-third",
+                        "items": [
+                            {
+                                "href": "/government/how-government-works",
+                                "text": "How government works"
+                            },
+                            {
+                                "href": "/government/organisations",
+                                "text": "Departments"
+                            },
+                            {
+                                "href": "/world",
+                                "text": "Worldwide"
+                            },
+                            {
+                                "href": "/government/policies",
+                                "text": "Policies"
+                            },
+                            {
+                                "href": "/government/publications",
+                                "text": "Publications"
+                            },
+                            {
+                                "href": "/government/announcements",
+                                "text": "Announcements"
+                            }
+                        ]
+                    }
+                ],
+                "meta": {
+                    "items": [
+                        {
+                            "href": "/help",
+                            "text": "Help"
+                        },
+                        {
+                            "href": "/help/cookies",
+                            "text": "Cookies"
+                        },
+                        {
+                            "href": "/contact",
+                            "text": "Contact"
+                        },
+                        {
+                            "href": "/help/terms-conditions",
+                            "text": "Terms and conditions"
+                        },
+                        {
+                            "href": "/cymraeg",
+                            "text": "Rhestr o Wasanaethau Cymraeg"
+                        }
+                    ],
+                    "html": "Built by the <a class=\"govuk-footer__link\" href=\"#\">Government Digital Service</a>"
+                }
+            },
+            "hidden": false,
+            "description": "A full example based on GOV.UK's current footer",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<footer class=\"govuk-footer\">\n  <div class=\"govuk-width-container\">\n      <div class=\"govuk-footer__navigation\">\n          <div class=\"govuk-footer__section govuk-grid-column-two-thirds\">\n            <h2 class=\"govuk-footer__heading govuk-heading-m\">Coronavirus (COVID-19)</h2>\n              <ul class=\"govuk-footer__list\">\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"/coronavirus\">\n                        Coronavirus (COVID-19): guidance and support\n                      </a>\n                    </li>\n              </ul>\n          </div>\n          <div class=\"govuk-footer__section govuk-grid-column-one-third\">\n            <h2 class=\"govuk-footer__heading govuk-heading-m\">Brexit</h2>\n              <ul class=\"govuk-footer__list\">\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"/brexit\">\n                        Check what you need to do\n                      </a>\n                    </li>\n              </ul>\n          </div>\n          <div class=\"govuk-footer__section govuk-grid-column-two-thirds\">\n            <h2 class=\"govuk-footer__heading govuk-heading-m\">Services and information</h2>\n              <ul class=\"govuk-footer__list govuk-footer__list--columns-2\">\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"/browse/benefits\">\n                        Benefits\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"/browse/births-deaths-marriages\">\n                        Births, deaths, marriages and care\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"/browse/business\">\n                        Business and self-employed\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"/browse/childcare-parenting\">\n                        Childcare and parenting\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"/browse/citizenship\">\n                        Citizenship and living in the UK\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"/browse/justice\">\n                        Crime, justice and the law\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"/browse/disabilities\">\n                        Disabled people\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"/browse/driving\">\n                        Driving and transport\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"/browse/education\">\n                        Education and learning\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"/browse/employing-people\">\n                        Employing people\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"/browse/environment-countryside\">\n                        Environment and countryside\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"/browse/housing-local-services\">\n                        Housing and local services\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"/browse/tax\">\n                        Money and tax\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"/browse/abroad\">\n                        Passports, travel and living abroad\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"/browse/visas-immigration\">\n                        Visas and immigration\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"/browse/working\">\n                        Working, jobs and pensions\n                      </a>\n                    </li>\n              </ul>\n          </div>\n          <div class=\"govuk-footer__section govuk-grid-column-one-third\">\n            <h2 class=\"govuk-footer__heading govuk-heading-m\">Departments and policy</h2>\n              <ul class=\"govuk-footer__list\">\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"/government/how-government-works\">\n                        How government works\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"/government/organisations\">\n                        Departments\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"/world\">\n                        Worldwide\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"/government/policies\">\n                        Policies\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"/government/publications\">\n                        Publications\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"/government/announcements\">\n                        Announcements\n                      </a>\n                    </li>\n              </ul>\n          </div>\n      </div>\n      <hr class=\"govuk-footer__section-break\">\n    <div class=\"govuk-footer__meta\">\n      <div class=\"govuk-footer__meta-item govuk-footer__meta-item--grow\">\n        <h2 class=\"govuk-visually-hidden\">Support links</h2>\n        <ul class=\"govuk-footer__inline-list\">\n          <li class=\"govuk-footer__inline-list-item\">\n            <a class=\"govuk-footer__link\" href=\"/help\">\n              Help\n            </a>\n          </li>\n          <li class=\"govuk-footer__inline-list-item\">\n            <a class=\"govuk-footer__link\" href=\"/help/cookies\">\n              Cookies\n            </a>\n          </li>\n          <li class=\"govuk-footer__inline-list-item\">\n            <a class=\"govuk-footer__link\" href=\"/contact\">\n              Contact\n            </a>\n          </li>\n          <li class=\"govuk-footer__inline-list-item\">\n            <a class=\"govuk-footer__link\" href=\"/help/terms-conditions\">\n              Terms and conditions\n            </a>\n          </li>\n          <li class=\"govuk-footer__inline-list-item\">\n            <a class=\"govuk-footer__link\" href=\"/cymraeg\">\n              Rhestr o Wasanaethau Cymraeg\n            </a>\n          </li>\n        </ul>\n        <div class=\"govuk-footer__meta-custom\">\n          Built by the <a class=\"govuk-footer__link\" href=\"#\">Government Digital Service</a>\n        </div>\n        <svg\n          aria-hidden=\"true\"\n          focusable=\"false\"\n          class=\"govuk-footer__licence-logo\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          viewBox=\"0 0 483.2 195.7\"\n          height=\"17\"\n          width=\"41\"\n        >\n          <path\n            fill=\"currentColor\"\n            d=\"M421.5 142.8V.1l-50.7 32.3v161.1h112.4v-50.7zm-122.3-9.6A47.12 47.12 0 0 1 221 97.8c0-26 21.1-47.1 47.1-47.1 16.7 0 31.4 8.7 39.7 21.8l42.7-27.2A97.63 97.63 0 0 0 268.1 0c-36.5 0-68.3 20.1-85.1 49.7A98 98 0 0 0 97.8 0C43.9 0 0 43.9 0 97.8s43.9 97.8 97.8 97.8c36.5 0 68.3-20.1 85.1-49.7a97.76 97.76 0 0 0 149.6 25.4l19.4 22.2h3v-87.8h-80l24.3 27.5zM97.8 145c-26 0-47.1-21.1-47.1-47.1s21.1-47.1 47.1-47.1 47.2 21 47.2 47S123.8 145 97.8 145\"\n          />\n        </svg>\n        <span class=\"govuk-footer__licence-description\">\n          All content is available under the\n          <a\n            class=\"govuk-footer__link\"\n            href=\"https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/\"\n            rel=\"license\"\n          >Open Government Licence v3.0</a>, except where otherwise stated\n        </span>\n      </div>\n      <div class=\"govuk-footer__meta-item\">\n        <a\n          class=\"govuk-footer__link govuk-footer__copyright-logo\"\n          href=\"https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/\"\n        >\n          © Crown copyright\n        </a>\n      </div>\n    </div>\n  </div>\n</footer>"
+        },
+        {
+            "name": "Three equal columns",
+            "options": {
+                "navigation": [
+                    {
+                        "title": "Single column list 1",
+                        "width": "one-third",
+                        "columns": 1,
+                        "items": [
+                            {
+                                "href": "#1",
+                                "text": "Navigation item 1"
+                            },
+                            {
+                                "href": "#2",
+                                "text": "Navigation item 2"
+                            },
+                            {
+                                "href": "#3",
+                                "text": "Navigation item 3"
+                            },
+                            {
+                                "href": "#4",
+                                "text": "Navigation item 4"
+                            },
+                            {
+                                "href": "#5",
+                                "text": "Navigation item 5"
+                            },
+                            {
+                                "href": "#6",
+                                "text": "Navigation item 6"
+                            }
+                        ]
+                    },
+                    {
+                        "title": "Single column list 2",
+                        "width": "one-third",
+                        "columns": 1,
+                        "items": [
+                            {
+                                "href": "#1",
+                                "text": "Navigation item 1"
+                            },
+                            {
+                                "href": "#2",
+                                "text": "Navigation item 2"
+                            },
+                            {
+                                "href": "#3",
+                                "text": "Navigation item 3"
+                            },
+                            {
+                                "href": "#4",
+                                "text": "Navigation item 4"
+                            },
+                            {
+                                "href": "#5",
+                                "text": "Navigation item 5"
+                            },
+                            {
+                                "href": "#6",
+                                "text": "Navigation item 6"
+                            }
+                        ]
+                    },
+                    {
+                        "title": "Single column list 3",
+                        "width": "one-third",
+                        "columns": 1,
+                        "items": [
+                            {
+                                "href": "#1",
+                                "text": "Navigation item 1"
+                            },
+                            {
+                                "href": "#2",
+                                "text": "Navigation item 2"
+                            },
+                            {
+                                "href": "#3",
+                                "text": "Navigation item 3"
+                            },
+                            {
+                                "href": "#4",
+                                "text": "Navigation item 4"
+                            },
+                            {
+                                "href": "#5",
+                                "text": "Navigation item 5"
+                            },
+                            {
+                                "href": "#6",
+                                "text": "Navigation item 6"
+                            }
+                        ]
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "A full example to demonstrate three equal width columns",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<footer class=\"govuk-footer\">\n  <div class=\"govuk-width-container\">\n      <div class=\"govuk-footer__navigation\">\n          <div class=\"govuk-footer__section govuk-grid-column-one-third\">\n            <h2 class=\"govuk-footer__heading govuk-heading-m\">Single column list 1</h2>\n              <ul class=\"govuk-footer__list govuk-footer__list--columns-1\">\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"#1\">\n                        Navigation item 1\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"#2\">\n                        Navigation item 2\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"#3\">\n                        Navigation item 3\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"#4\">\n                        Navigation item 4\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"#5\">\n                        Navigation item 5\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"#6\">\n                        Navigation item 6\n                      </a>\n                    </li>\n              </ul>\n          </div>\n          <div class=\"govuk-footer__section govuk-grid-column-one-third\">\n            <h2 class=\"govuk-footer__heading govuk-heading-m\">Single column list 2</h2>\n              <ul class=\"govuk-footer__list govuk-footer__list--columns-1\">\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"#1\">\n                        Navigation item 1\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"#2\">\n                        Navigation item 2\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"#3\">\n                        Navigation item 3\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"#4\">\n                        Navigation item 4\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"#5\">\n                        Navigation item 5\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"#6\">\n                        Navigation item 6\n                      </a>\n                    </li>\n              </ul>\n          </div>\n          <div class=\"govuk-footer__section govuk-grid-column-one-third\">\n            <h2 class=\"govuk-footer__heading govuk-heading-m\">Single column list 3</h2>\n              <ul class=\"govuk-footer__list govuk-footer__list--columns-1\">\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"#1\">\n                        Navigation item 1\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"#2\">\n                        Navigation item 2\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"#3\">\n                        Navigation item 3\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"#4\">\n                        Navigation item 4\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"#5\">\n                        Navigation item 5\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"#6\">\n                        Navigation item 6\n                      </a>\n                    </li>\n              </ul>\n          </div>\n      </div>\n      <hr class=\"govuk-footer__section-break\">\n    <div class=\"govuk-footer__meta\">\n      <div class=\"govuk-footer__meta-item govuk-footer__meta-item--grow\">\n        <svg\n          aria-hidden=\"true\"\n          focusable=\"false\"\n          class=\"govuk-footer__licence-logo\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          viewBox=\"0 0 483.2 195.7\"\n          height=\"17\"\n          width=\"41\"\n        >\n          <path\n            fill=\"currentColor\"\n            d=\"M421.5 142.8V.1l-50.7 32.3v161.1h112.4v-50.7zm-122.3-9.6A47.12 47.12 0 0 1 221 97.8c0-26 21.1-47.1 47.1-47.1 16.7 0 31.4 8.7 39.7 21.8l42.7-27.2A97.63 97.63 0 0 0 268.1 0c-36.5 0-68.3 20.1-85.1 49.7A98 98 0 0 0 97.8 0C43.9 0 0 43.9 0 97.8s43.9 97.8 97.8 97.8c36.5 0 68.3-20.1 85.1-49.7a97.76 97.76 0 0 0 149.6 25.4l19.4 22.2h3v-87.8h-80l24.3 27.5zM97.8 145c-26 0-47.1-21.1-47.1-47.1s21.1-47.1 47.1-47.1 47.2 21 47.2 47S123.8 145 97.8 145\"\n          />\n        </svg>\n        <span class=\"govuk-footer__licence-description\">\n          All content is available under the\n          <a\n            class=\"govuk-footer__link\"\n            href=\"https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/\"\n            rel=\"license\"\n          >Open Government Licence v3.0</a>, except where otherwise stated\n        </span>\n      </div>\n      <div class=\"govuk-footer__meta-item\">\n        <a\n          class=\"govuk-footer__link govuk-footer__copyright-logo\"\n          href=\"https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/\"\n        >\n          © Crown copyright\n        </a>\n      </div>\n    </div>\n  </div>\n</footer>"
+        },
+        {
+            "name": "attributes",
+            "options": {
+                "attributes": {
+                    "data-test-attribute": "value",
+                    "data-test-attribute-2": "value-2"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<footer class=\"govuk-footer\" data-test-attribute=\"value\" data-test-attribute-2=\"value-2\">\n  <div class=\"govuk-width-container\">\n    <div class=\"govuk-footer__meta\">\n      <div class=\"govuk-footer__meta-item govuk-footer__meta-item--grow\">\n        <svg\n          aria-hidden=\"true\"\n          focusable=\"false\"\n          class=\"govuk-footer__licence-logo\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          viewBox=\"0 0 483.2 195.7\"\n          height=\"17\"\n          width=\"41\"\n        >\n          <path\n            fill=\"currentColor\"\n            d=\"M421.5 142.8V.1l-50.7 32.3v161.1h112.4v-50.7zm-122.3-9.6A47.12 47.12 0 0 1 221 97.8c0-26 21.1-47.1 47.1-47.1 16.7 0 31.4 8.7 39.7 21.8l42.7-27.2A97.63 97.63 0 0 0 268.1 0c-36.5 0-68.3 20.1-85.1 49.7A98 98 0 0 0 97.8 0C43.9 0 0 43.9 0 97.8s43.9 97.8 97.8 97.8c36.5 0 68.3-20.1 85.1-49.7a97.76 97.76 0 0 0 149.6 25.4l19.4 22.2h3v-87.8h-80l24.3 27.5zM97.8 145c-26 0-47.1-21.1-47.1-47.1s21.1-47.1 47.1-47.1 47.2 21 47.2 47S123.8 145 97.8 145\"\n          />\n        </svg>\n        <span class=\"govuk-footer__licence-description\">\n          All content is available under the\n          <a\n            class=\"govuk-footer__link\"\n            href=\"https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/\"\n            rel=\"license\"\n          >Open Government Licence v3.0</a>, except where otherwise stated\n        </span>\n      </div>\n      <div class=\"govuk-footer__meta-item\">\n        <a\n          class=\"govuk-footer__link govuk-footer__copyright-logo\"\n          href=\"https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/\"\n        >\n          © Crown copyright\n        </a>\n      </div>\n    </div>\n  </div>\n</footer>"
+        },
+        {
+            "name": "classes",
+            "options": {
+                "classes": "app-footer--custom-modifier"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<footer class=\"govuk-footer app-footer--custom-modifier\">\n  <div class=\"govuk-width-container\">\n    <div class=\"govuk-footer__meta\">\n      <div class=\"govuk-footer__meta-item govuk-footer__meta-item--grow\">\n        <svg\n          aria-hidden=\"true\"\n          focusable=\"false\"\n          class=\"govuk-footer__licence-logo\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          viewBox=\"0 0 483.2 195.7\"\n          height=\"17\"\n          width=\"41\"\n        >\n          <path\n            fill=\"currentColor\"\n            d=\"M421.5 142.8V.1l-50.7 32.3v161.1h112.4v-50.7zm-122.3-9.6A47.12 47.12 0 0 1 221 97.8c0-26 21.1-47.1 47.1-47.1 16.7 0 31.4 8.7 39.7 21.8l42.7-27.2A97.63 97.63 0 0 0 268.1 0c-36.5 0-68.3 20.1-85.1 49.7A98 98 0 0 0 97.8 0C43.9 0 0 43.9 0 97.8s43.9 97.8 97.8 97.8c36.5 0 68.3-20.1 85.1-49.7a97.76 97.76 0 0 0 149.6 25.4l19.4 22.2h3v-87.8h-80l24.3 27.5zM97.8 145c-26 0-47.1-21.1-47.1-47.1s21.1-47.1 47.1-47.1 47.2 21 47.2 47S123.8 145 97.8 145\"\n          />\n        </svg>\n        <span class=\"govuk-footer__licence-description\">\n          All content is available under the\n          <a\n            class=\"govuk-footer__link\"\n            href=\"https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/\"\n            rel=\"license\"\n          >Open Government Licence v3.0</a>, except where otherwise stated\n        </span>\n      </div>\n      <div class=\"govuk-footer__meta-item\">\n        <a\n          class=\"govuk-footer__link govuk-footer__copyright-logo\"\n          href=\"https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/\"\n        >\n          © Crown copyright\n        </a>\n      </div>\n    </div>\n  </div>\n</footer>"
+        },
+        {
+            "name": "with container classes",
+            "options": {
+                "containerClasses": "app-width-container"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<footer class=\"govuk-footer\">\n  <div class=\"govuk-width-container app-width-container\">\n    <div class=\"govuk-footer__meta\">\n      <div class=\"govuk-footer__meta-item govuk-footer__meta-item--grow\">\n        <svg\n          aria-hidden=\"true\"\n          focusable=\"false\"\n          class=\"govuk-footer__licence-logo\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          viewBox=\"0 0 483.2 195.7\"\n          height=\"17\"\n          width=\"41\"\n        >\n          <path\n            fill=\"currentColor\"\n            d=\"M421.5 142.8V.1l-50.7 32.3v161.1h112.4v-50.7zm-122.3-9.6A47.12 47.12 0 0 1 221 97.8c0-26 21.1-47.1 47.1-47.1 16.7 0 31.4 8.7 39.7 21.8l42.7-27.2A97.63 97.63 0 0 0 268.1 0c-36.5 0-68.3 20.1-85.1 49.7A98 98 0 0 0 97.8 0C43.9 0 0 43.9 0 97.8s43.9 97.8 97.8 97.8c36.5 0 68.3-20.1 85.1-49.7a97.76 97.76 0 0 0 149.6 25.4l19.4 22.2h3v-87.8h-80l24.3 27.5zM97.8 145c-26 0-47.1-21.1-47.1-47.1s21.1-47.1 47.1-47.1 47.2 21 47.2 47S123.8 145 97.8 145\"\n          />\n        </svg>\n        <span class=\"govuk-footer__licence-description\">\n          All content is available under the\n          <a\n            class=\"govuk-footer__link\"\n            href=\"https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/\"\n            rel=\"license\"\n          >Open Government Licence v3.0</a>, except where otherwise stated\n        </span>\n      </div>\n      <div class=\"govuk-footer__meta-item\">\n        <a\n          class=\"govuk-footer__link govuk-footer__copyright-logo\"\n          href=\"https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/\"\n        >\n          © Crown copyright\n        </a>\n      </div>\n    </div>\n  </div>\n</footer>"
+        },
+        {
+            "name": "with HTML passed as text content",
+            "options": {
+                "contentLicence": {
+                    "text": "Mae’r holl gynnwys ar gael dan <a class=\"govuk-footer__link\" href=\"https://www.nationalarchives.gov.uk/doc/open-government-licence-cymraeg/version/3/\" rel=\"license\">Drwydded y Llywodraeth Agored v3.0</a>, ac eithrio lle nodir yn wahanol"
+                },
+                "copyright": {
+                    "text": "<span>Hawlfraint y Goron</span>"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<footer class=\"govuk-footer\">\n  <div class=\"govuk-width-container\">\n    <div class=\"govuk-footer__meta\">\n      <div class=\"govuk-footer__meta-item govuk-footer__meta-item--grow\">\n        <svg\n          aria-hidden=\"true\"\n          focusable=\"false\"\n          class=\"govuk-footer__licence-logo\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          viewBox=\"0 0 483.2 195.7\"\n          height=\"17\"\n          width=\"41\"\n        >\n          <path\n            fill=\"currentColor\"\n            d=\"M421.5 142.8V.1l-50.7 32.3v161.1h112.4v-50.7zm-122.3-9.6A47.12 47.12 0 0 1 221 97.8c0-26 21.1-47.1 47.1-47.1 16.7 0 31.4 8.7 39.7 21.8l42.7-27.2A97.63 97.63 0 0 0 268.1 0c-36.5 0-68.3 20.1-85.1 49.7A98 98 0 0 0 97.8 0C43.9 0 0 43.9 0 97.8s43.9 97.8 97.8 97.8c36.5 0 68.3-20.1 85.1-49.7a97.76 97.76 0 0 0 149.6 25.4l19.4 22.2h3v-87.8h-80l24.3 27.5zM97.8 145c-26 0-47.1-21.1-47.1-47.1s21.1-47.1 47.1-47.1 47.2 21 47.2 47S123.8 145 97.8 145\"\n          />\n        </svg>\n        <span class=\"govuk-footer__licence-description\">\n          Mae’r holl gynnwys ar gael dan &lt;a class=&quot;govuk-footer__link&quot; href=&quot;https://www.nationalarchives.gov.uk/doc/open-government-licence-cymraeg/version/3/&quot; rel=&quot;license&quot;&gt;Drwydded y Llywodraeth Agored v3.0&lt;/a&gt;, ac eithrio lle nodir yn wahanol\n        </span>\n      </div>\n      <div class=\"govuk-footer__meta-item\">\n        <a\n          class=\"govuk-footer__link govuk-footer__copyright-logo\"\n          href=\"https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/\"\n        >\n          &lt;span&gt;Hawlfraint y Goron&lt;/span&gt;\n        </a>\n      </div>\n    </div>\n  </div>\n</footer>"
+        },
+        {
+            "name": "with empty meta",
+            "options": {
+                "meta": {}
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<footer class=\"govuk-footer\">\n  <div class=\"govuk-width-container\">\n    <div class=\"govuk-footer__meta\">\n      <div class=\"govuk-footer__meta-item govuk-footer__meta-item--grow\">\n        <h2 class=\"govuk-visually-hidden\">Support links</h2>\n        <svg\n          aria-hidden=\"true\"\n          focusable=\"false\"\n          class=\"govuk-footer__licence-logo\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          viewBox=\"0 0 483.2 195.7\"\n          height=\"17\"\n          width=\"41\"\n        >\n          <path\n            fill=\"currentColor\"\n            d=\"M421.5 142.8V.1l-50.7 32.3v161.1h112.4v-50.7zm-122.3-9.6A47.12 47.12 0 0 1 221 97.8c0-26 21.1-47.1 47.1-47.1 16.7 0 31.4 8.7 39.7 21.8l42.7-27.2A97.63 97.63 0 0 0 268.1 0c-36.5 0-68.3 20.1-85.1 49.7A98 98 0 0 0 97.8 0C43.9 0 0 43.9 0 97.8s43.9 97.8 97.8 97.8c36.5 0 68.3-20.1 85.1-49.7a97.76 97.76 0 0 0 149.6 25.4l19.4 22.2h3v-87.8h-80l24.3 27.5zM97.8 145c-26 0-47.1-21.1-47.1-47.1s21.1-47.1 47.1-47.1 47.2 21 47.2 47S123.8 145 97.8 145\"\n          />\n        </svg>\n        <span class=\"govuk-footer__licence-description\">\n          All content is available under the\n          <a\n            class=\"govuk-footer__link\"\n            href=\"https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/\"\n            rel=\"license\"\n          >Open Government Licence v3.0</a>, except where otherwise stated\n        </span>\n      </div>\n      <div class=\"govuk-footer__meta-item\">\n        <a\n          class=\"govuk-footer__link govuk-footer__copyright-logo\"\n          href=\"https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/\"\n        >\n          © Crown copyright\n        </a>\n      </div>\n    </div>\n  </div>\n</footer>"
+        },
+        {
+            "name": "with empty meta items",
+            "options": {
+                "meta": {
+                    "items": []
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<footer class=\"govuk-footer\">\n  <div class=\"govuk-width-container\">\n    <div class=\"govuk-footer__meta\">\n      <div class=\"govuk-footer__meta-item govuk-footer__meta-item--grow\">\n        <h2 class=\"govuk-visually-hidden\">Support links</h2>\n        <svg\n          aria-hidden=\"true\"\n          focusable=\"false\"\n          class=\"govuk-footer__licence-logo\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          viewBox=\"0 0 483.2 195.7\"\n          height=\"17\"\n          width=\"41\"\n        >\n          <path\n            fill=\"currentColor\"\n            d=\"M421.5 142.8V.1l-50.7 32.3v161.1h112.4v-50.7zm-122.3-9.6A47.12 47.12 0 0 1 221 97.8c0-26 21.1-47.1 47.1-47.1 16.7 0 31.4 8.7 39.7 21.8l42.7-27.2A97.63 97.63 0 0 0 268.1 0c-36.5 0-68.3 20.1-85.1 49.7A98 98 0 0 0 97.8 0C43.9 0 0 43.9 0 97.8s43.9 97.8 97.8 97.8c36.5 0 68.3-20.1 85.1-49.7a97.76 97.76 0 0 0 149.6 25.4l19.4 22.2h3v-87.8h-80l24.3 27.5zM97.8 145c-26 0-47.1-21.1-47.1-47.1s21.1-47.1 47.1-47.1 47.2 21 47.2 47S123.8 145 97.8 145\"\n          />\n        </svg>\n        <span class=\"govuk-footer__licence-description\">\n          All content is available under the\n          <a\n            class=\"govuk-footer__link\"\n            href=\"https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/\"\n            rel=\"license\"\n          >Open Government Licence v3.0</a>, except where otherwise stated\n        </span>\n      </div>\n      <div class=\"govuk-footer__meta-item\">\n        <a\n          class=\"govuk-footer__link govuk-footer__copyright-logo\"\n          href=\"https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/\"\n        >\n          © Crown copyright\n        </a>\n      </div>\n    </div>\n  </div>\n</footer>"
+        },
+        {
+            "name": "with meta",
+            "options": {
+                "meta": {
+                    "visuallyHiddenTitle": "Items",
+                    "items": [
+                        {
+                            "href": "#1",
+                            "text": "Item 1"
+                        },
+                        {
+                            "href": "#2",
+                            "text": "Item 2"
+                        },
+                        {
+                            "href": "#3",
+                            "text": "Item 3"
+                        }
+                    ]
+                }
+            },
+            "hidden": true,
+            "description": "Secondary navigation with meta information relating to the site",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<footer class=\"govuk-footer\">\n  <div class=\"govuk-width-container\">\n    <div class=\"govuk-footer__meta\">\n      <div class=\"govuk-footer__meta-item govuk-footer__meta-item--grow\">\n        <h2 class=\"govuk-visually-hidden\">Items</h2>\n        <ul class=\"govuk-footer__inline-list\">\n          <li class=\"govuk-footer__inline-list-item\">\n            <a class=\"govuk-footer__link\" href=\"#1\">\n              Item 1\n            </a>\n          </li>\n          <li class=\"govuk-footer__inline-list-item\">\n            <a class=\"govuk-footer__link\" href=\"#2\">\n              Item 2\n            </a>\n          </li>\n          <li class=\"govuk-footer__inline-list-item\">\n            <a class=\"govuk-footer__link\" href=\"#3\">\n              Item 3\n            </a>\n          </li>\n        </ul>\n        <svg\n          aria-hidden=\"true\"\n          focusable=\"false\"\n          class=\"govuk-footer__licence-logo\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          viewBox=\"0 0 483.2 195.7\"\n          height=\"17\"\n          width=\"41\"\n        >\n          <path\n            fill=\"currentColor\"\n            d=\"M421.5 142.8V.1l-50.7 32.3v161.1h112.4v-50.7zm-122.3-9.6A47.12 47.12 0 0 1 221 97.8c0-26 21.1-47.1 47.1-47.1 16.7 0 31.4 8.7 39.7 21.8l42.7-27.2A97.63 97.63 0 0 0 268.1 0c-36.5 0-68.3 20.1-85.1 49.7A98 98 0 0 0 97.8 0C43.9 0 0 43.9 0 97.8s43.9 97.8 97.8 97.8c36.5 0 68.3-20.1 85.1-49.7a97.76 97.76 0 0 0 149.6 25.4l19.4 22.2h3v-87.8h-80l24.3 27.5zM97.8 145c-26 0-47.1-21.1-47.1-47.1s21.1-47.1 47.1-47.1 47.2 21 47.2 47S123.8 145 97.8 145\"\n          />\n        </svg>\n        <span class=\"govuk-footer__licence-description\">\n          All content is available under the\n          <a\n            class=\"govuk-footer__link\"\n            href=\"https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/\"\n            rel=\"license\"\n          >Open Government Licence v3.0</a>, except where otherwise stated\n        </span>\n      </div>\n      <div class=\"govuk-footer__meta-item\">\n        <a\n          class=\"govuk-footer__link govuk-footer__copyright-logo\"\n          href=\"https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/\"\n        >\n          © Crown copyright\n        </a>\n      </div>\n    </div>\n  </div>\n</footer>"
+        },
+        {
+            "name": "meta html as text",
+            "options": {
+                "meta": {
+                    "text": "GOV.UK Prototype Kit <strong>v7.0.1</strong>"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<footer class=\"govuk-footer\">\n  <div class=\"govuk-width-container\">\n    <div class=\"govuk-footer__meta\">\n      <div class=\"govuk-footer__meta-item govuk-footer__meta-item--grow\">\n        <h2 class=\"govuk-visually-hidden\">Support links</h2>\n        <div class=\"govuk-footer__meta-custom\">\n          GOV.UK Prototype Kit &lt;strong&gt;v7.0.1&lt;/strong&gt;\n        </div>\n        <svg\n          aria-hidden=\"true\"\n          focusable=\"false\"\n          class=\"govuk-footer__licence-logo\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          viewBox=\"0 0 483.2 195.7\"\n          height=\"17\"\n          width=\"41\"\n        >\n          <path\n            fill=\"currentColor\"\n            d=\"M421.5 142.8V.1l-50.7 32.3v161.1h112.4v-50.7zm-122.3-9.6A47.12 47.12 0 0 1 221 97.8c0-26 21.1-47.1 47.1-47.1 16.7 0 31.4 8.7 39.7 21.8l42.7-27.2A97.63 97.63 0 0 0 268.1 0c-36.5 0-68.3 20.1-85.1 49.7A98 98 0 0 0 97.8 0C43.9 0 0 43.9 0 97.8s43.9 97.8 97.8 97.8c36.5 0 68.3-20.1 85.1-49.7a97.76 97.76 0 0 0 149.6 25.4l19.4 22.2h3v-87.8h-80l24.3 27.5zM97.8 145c-26 0-47.1-21.1-47.1-47.1s21.1-47.1 47.1-47.1 47.2 21 47.2 47S123.8 145 97.8 145\"\n          />\n        </svg>\n        <span class=\"govuk-footer__licence-description\">\n          All content is available under the\n          <a\n            class=\"govuk-footer__link\"\n            href=\"https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/\"\n            rel=\"license\"\n          >Open Government Licence v3.0</a>, except where otherwise stated\n        </span>\n      </div>\n      <div class=\"govuk-footer__meta-item\">\n        <a\n          class=\"govuk-footer__link govuk-footer__copyright-logo\"\n          href=\"https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/\"\n        >\n          © Crown copyright\n        </a>\n      </div>\n    </div>\n  </div>\n</footer>"
+        },
+        {
+            "name": "with meta html",
+            "options": {
+                "meta": {
+                    "html": "GOV.UK Prototype Kit <strong>v7.0.1</strong>"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<footer class=\"govuk-footer\">\n  <div class=\"govuk-width-container\">\n    <div class=\"govuk-footer__meta\">\n      <div class=\"govuk-footer__meta-item govuk-footer__meta-item--grow\">\n        <h2 class=\"govuk-visually-hidden\">Support links</h2>\n        <div class=\"govuk-footer__meta-custom\">\n          GOV.UK Prototype Kit <strong>v7.0.1</strong>\n        </div>\n        <svg\n          aria-hidden=\"true\"\n          focusable=\"false\"\n          class=\"govuk-footer__licence-logo\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          viewBox=\"0 0 483.2 195.7\"\n          height=\"17\"\n          width=\"41\"\n        >\n          <path\n            fill=\"currentColor\"\n            d=\"M421.5 142.8V.1l-50.7 32.3v161.1h112.4v-50.7zm-122.3-9.6A47.12 47.12 0 0 1 221 97.8c0-26 21.1-47.1 47.1-47.1 16.7 0 31.4 8.7 39.7 21.8l42.7-27.2A97.63 97.63 0 0 0 268.1 0c-36.5 0-68.3 20.1-85.1 49.7A98 98 0 0 0 97.8 0C43.9 0 0 43.9 0 97.8s43.9 97.8 97.8 97.8c36.5 0 68.3-20.1 85.1-49.7a97.76 97.76 0 0 0 149.6 25.4l19.4 22.2h3v-87.8h-80l24.3 27.5zM97.8 145c-26 0-47.1-21.1-47.1-47.1s21.1-47.1 47.1-47.1 47.2 21 47.2 47S123.8 145 97.8 145\"\n          />\n        </svg>\n        <span class=\"govuk-footer__licence-description\">\n          All content is available under the\n          <a\n            class=\"govuk-footer__link\"\n            href=\"https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/\"\n            rel=\"license\"\n          >Open Government Licence v3.0</a>, except where otherwise stated\n        </span>\n      </div>\n      <div class=\"govuk-footer__meta-item\">\n        <a\n          class=\"govuk-footer__link govuk-footer__copyright-logo\"\n          href=\"https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/\"\n        >\n          © Crown copyright\n        </a>\n      </div>\n    </div>\n  </div>\n</footer>"
+        },
+        {
+            "name": "with meta item attributes",
+            "options": {
+                "meta": {
+                    "items": [
+                        {
+                            "href": "#1",
+                            "text": "meta item 1",
+                            "attributes": {
+                                "data-attribute": "my-attribute",
+                                "data-attribute-2": "my-attribute-2"
+                            }
+                        }
+                    ]
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<footer class=\"govuk-footer\">\n  <div class=\"govuk-width-container\">\n    <div class=\"govuk-footer__meta\">\n      <div class=\"govuk-footer__meta-item govuk-footer__meta-item--grow\">\n        <h2 class=\"govuk-visually-hidden\">Support links</h2>\n        <ul class=\"govuk-footer__inline-list\">\n          <li class=\"govuk-footer__inline-list-item\">\n            <a class=\"govuk-footer__link\" href=\"#1\" data-attribute=\"my-attribute\" data-attribute-2=\"my-attribute-2\">\n              meta item 1\n            </a>\n          </li>\n        </ul>\n        <svg\n          aria-hidden=\"true\"\n          focusable=\"false\"\n          class=\"govuk-footer__licence-logo\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          viewBox=\"0 0 483.2 195.7\"\n          height=\"17\"\n          width=\"41\"\n        >\n          <path\n            fill=\"currentColor\"\n            d=\"M421.5 142.8V.1l-50.7 32.3v161.1h112.4v-50.7zm-122.3-9.6A47.12 47.12 0 0 1 221 97.8c0-26 21.1-47.1 47.1-47.1 16.7 0 31.4 8.7 39.7 21.8l42.7-27.2A97.63 97.63 0 0 0 268.1 0c-36.5 0-68.3 20.1-85.1 49.7A98 98 0 0 0 97.8 0C43.9 0 0 43.9 0 97.8s43.9 97.8 97.8 97.8c36.5 0 68.3-20.1 85.1-49.7a97.76 97.76 0 0 0 149.6 25.4l19.4 22.2h3v-87.8h-80l24.3 27.5zM97.8 145c-26 0-47.1-21.1-47.1-47.1s21.1-47.1 47.1-47.1 47.2 21 47.2 47S123.8 145 97.8 145\"\n          />\n        </svg>\n        <span class=\"govuk-footer__licence-description\">\n          All content is available under the\n          <a\n            class=\"govuk-footer__link\"\n            href=\"https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/\"\n            rel=\"license\"\n          >Open Government Licence v3.0</a>, except where otherwise stated\n        </span>\n      </div>\n      <div class=\"govuk-footer__meta-item\">\n        <a\n          class=\"govuk-footer__link govuk-footer__copyright-logo\"\n          href=\"https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/\"\n        >\n          © Crown copyright\n        </a>\n      </div>\n    </div>\n  </div>\n</footer>"
+        },
+        {
+            "name": "with empty navigation",
+            "options": {
+                "navigation": []
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<footer class=\"govuk-footer\">\n  <div class=\"govuk-width-container\">\n    <div class=\"govuk-footer__meta\">\n      <div class=\"govuk-footer__meta-item govuk-footer__meta-item--grow\">\n        <svg\n          aria-hidden=\"true\"\n          focusable=\"false\"\n          class=\"govuk-footer__licence-logo\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          viewBox=\"0 0 483.2 195.7\"\n          height=\"17\"\n          width=\"41\"\n        >\n          <path\n            fill=\"currentColor\"\n            d=\"M421.5 142.8V.1l-50.7 32.3v161.1h112.4v-50.7zm-122.3-9.6A47.12 47.12 0 0 1 221 97.8c0-26 21.1-47.1 47.1-47.1 16.7 0 31.4 8.7 39.7 21.8l42.7-27.2A97.63 97.63 0 0 0 268.1 0c-36.5 0-68.3 20.1-85.1 49.7A98 98 0 0 0 97.8 0C43.9 0 0 43.9 0 97.8s43.9 97.8 97.8 97.8c36.5 0 68.3-20.1 85.1-49.7a97.76 97.76 0 0 0 149.6 25.4l19.4 22.2h3v-87.8h-80l24.3 27.5zM97.8 145c-26 0-47.1-21.1-47.1-47.1s21.1-47.1 47.1-47.1 47.2 21 47.2 47S123.8 145 97.8 145\"\n          />\n        </svg>\n        <span class=\"govuk-footer__licence-description\">\n          All content is available under the\n          <a\n            class=\"govuk-footer__link\"\n            href=\"https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/\"\n            rel=\"license\"\n          >Open Government Licence v3.0</a>, except where otherwise stated\n        </span>\n      </div>\n      <div class=\"govuk-footer__meta-item\">\n        <a\n          class=\"govuk-footer__link govuk-footer__copyright-logo\"\n          href=\"https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/\"\n        >\n          © Crown copyright\n        </a>\n      </div>\n    </div>\n  </div>\n</footer>"
+        },
+        {
+            "name": "with navigation item attributes",
+            "options": {
+                "navigation": [
+                    {
+                        "title": "Single column list 1",
+                        "items": [
+                            {
+                                "href": "#1",
+                                "text": "Navigation item 1",
+                                "attributes": {
+                                    "data-attribute": "my-attribute",
+                                    "data-attribute-2": "my-attribute-2"
+                                }
+                            }
+                        ]
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<footer class=\"govuk-footer\">\n  <div class=\"govuk-width-container\">\n      <div class=\"govuk-footer__navigation\">\n          <div class=\"govuk-footer__section govuk-grid-column-full\">\n            <h2 class=\"govuk-footer__heading govuk-heading-m\">Single column list 1</h2>\n              <ul class=\"govuk-footer__list\">\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"#1\" data-attribute=\"my-attribute\" data-attribute-2=\"my-attribute-2\">\n                        Navigation item 1\n                      </a>\n                    </li>\n              </ul>\n          </div>\n      </div>\n      <hr class=\"govuk-footer__section-break\">\n    <div class=\"govuk-footer__meta\">\n      <div class=\"govuk-footer__meta-item govuk-footer__meta-item--grow\">\n        <svg\n          aria-hidden=\"true\"\n          focusable=\"false\"\n          class=\"govuk-footer__licence-logo\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          viewBox=\"0 0 483.2 195.7\"\n          height=\"17\"\n          width=\"41\"\n        >\n          <path\n            fill=\"currentColor\"\n            d=\"M421.5 142.8V.1l-50.7 32.3v161.1h112.4v-50.7zm-122.3-9.6A47.12 47.12 0 0 1 221 97.8c0-26 21.1-47.1 47.1-47.1 16.7 0 31.4 8.7 39.7 21.8l42.7-27.2A97.63 97.63 0 0 0 268.1 0c-36.5 0-68.3 20.1-85.1 49.7A98 98 0 0 0 97.8 0C43.9 0 0 43.9 0 97.8s43.9 97.8 97.8 97.8c36.5 0 68.3-20.1 85.1-49.7a97.76 97.76 0 0 0 149.6 25.4l19.4 22.2h3v-87.8h-80l24.3 27.5zM97.8 145c-26 0-47.1-21.1-47.1-47.1s21.1-47.1 47.1-47.1 47.2 21 47.2 47S123.8 145 97.8 145\"\n          />\n        </svg>\n        <span class=\"govuk-footer__licence-description\">\n          All content is available under the\n          <a\n            class=\"govuk-footer__link\"\n            href=\"https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/\"\n            rel=\"license\"\n          >Open Government Licence v3.0</a>, except where otherwise stated\n        </span>\n      </div>\n      <div class=\"govuk-footer__meta-item\">\n        <a\n          class=\"govuk-footer__link govuk-footer__copyright-logo\"\n          href=\"https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/\"\n        >\n          © Crown copyright\n        </a>\n      </div>\n    </div>\n  </div>\n</footer>"
+        },
+        {
+            "name": "rebrand",
+            "options": {
+                "rebrand": true
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {
+                "htmlClasses": "govuk-template--rebranded"
+            },
+            "screenshot": true,
+            "html": "<footer class=\"govuk-footer\">\n  <div class=\"govuk-width-container\">\n\n  \n  <svg\n    focusable=\"false\"\n    role=\"presentation\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    viewBox=\"0 0 64 60\"\n    height=\"30\"\n    width=\"32\"\n    fill=\"currentcolor\" class=\"govuk-footer__crown\"\n  >    <g>\n        <circle cx=\"20\" cy=\"17.6\" r=\"3.7\"/>\n        <circle cx=\"10.2\" cy=\"23.5\" r=\"3.7\"/>\n        <circle cx=\"3.7\" cy=\"33.2\" r=\"3.7\"/>\n        <circle cx=\"31.7\" cy=\"30.6\" r=\"3.7\"/>\n        <circle cx=\"43.3\" cy=\"17.6\" r=\"3.7\"/>\n        <circle cx=\"53.2\" cy=\"23.5\" r=\"3.7\"/>\n        <circle cx=\"59.7\" cy=\"33.2\" r=\"3.7\"/>\n        <circle cx=\"31.7\" cy=\"30.6\" r=\"3.7\"/>\n        <path d=\"M33.1,9.8c.2-.1.3-.3.5-.5l4.6,2.4v-6.8l-4.6,1.5c-.1-.2-.3-.3-.5-.5l1.9-5.9h-6.7l1.9,5.9c-.2.1-.3.3-.5.5l-4.6-1.5v6.8l4.6-2.4c.1.2.3.3.5.5l-2.6,8c-.9,2.8,1.2,5.7,4.1,5.7h0c3,0,5.1-2.9,4.1-5.7l-2.6-8ZM37,37.9s-3.4,3.8-4.1,6.1c2.2,0,4.2-.5,6.4-2.8l-.7,8.5c-2-2.8-4.4-4.1-5.7-3.8.1,3.1.5,6.7,5.8,7.2,3.7.3,6.7-1.5,7-3.8.4-2.6-2-4.3-3.7-1.6-1.4-4.5,2.4-6.1,4.9-3.2-1.9-4.5-1.8-7.7,2.4-10.9,3,4,2.6,7.3-1.2,11.1,2.4-1.3,6.2,0,4,4.6-1.2-2.8-3.7-2.2-4.2.2-.3,1.7.7,3.7,3,4.2,1.9.3,4.7-.9,7-5.9-1.3,0-2.4.7-3.9,1.7l2.4-8c.6,2.3,1.4,3.7,2.2,4.5.6-1.6.5-2.8,0-5.3l5,1.8c-2.6,3.6-5.2,8.7-7.3,17.5-7.4-1.1-15.7-1.7-24.5-1.7h0c-8.8,0-17.1.6-24.5,1.7-2.1-8.9-4.7-13.9-7.3-17.5l5-1.8c-.5,2.5-.6,3.7,0,5.3.8-.8,1.6-2.3,2.2-4.5l2.4,8c-1.5-1-2.6-1.7-3.9-1.7,2.3,5,5.2,6.2,7,5.9,2.3-.4,3.3-2.4,3-4.2-.5-2.4-3-3.1-4.2-.2-2.2-4.6,1.6-6,4-4.6-3.7-3.7-4.2-7.1-1.2-11.1,4.2,3.2,4.3,6.4,2.4,10.9,2.5-2.8,6.3-1.3,4.9,3.2-1.8-2.7-4.1-1-3.7,1.6.3,2.3,3.3,4.1,7,3.8,5.4-.5,5.7-4.2,5.8-7.2-1.3-.2-3.7,1-5.7,3.8l-.7-8.5c2.2,2.3,4.2,2.7,6.4,2.8-.7-2.3-4.1-6.1-4.1-6.1h10.6,0Z\"/>\n      </g>\n  </svg>\n\n    <div class=\"govuk-footer__meta\">\n      <div class=\"govuk-footer__meta-item govuk-footer__meta-item--grow\">\n        <svg\n          aria-hidden=\"true\"\n          focusable=\"false\"\n          class=\"govuk-footer__licence-logo\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          viewBox=\"0 0 483.2 195.7\"\n          height=\"17\"\n          width=\"41\"\n        >\n          <path\n            fill=\"currentColor\"\n            d=\"M421.5 142.8V.1l-50.7 32.3v161.1h112.4v-50.7zm-122.3-9.6A47.12 47.12 0 0 1 221 97.8c0-26 21.1-47.1 47.1-47.1 16.7 0 31.4 8.7 39.7 21.8l42.7-27.2A97.63 97.63 0 0 0 268.1 0c-36.5 0-68.3 20.1-85.1 49.7A98 98 0 0 0 97.8 0C43.9 0 0 43.9 0 97.8s43.9 97.8 97.8 97.8c36.5 0 68.3-20.1 85.1-49.7a97.76 97.76 0 0 0 149.6 25.4l19.4 22.2h3v-87.8h-80l24.3 27.5zM97.8 145c-26 0-47.1-21.1-47.1-47.1s21.1-47.1 47.1-47.1 47.2 21 47.2 47S123.8 145 97.8 145\"\n          />\n        </svg>\n        <span class=\"govuk-footer__licence-description\">\n          All content is available under the\n          <a\n            class=\"govuk-footer__link\"\n            href=\"https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/\"\n            rel=\"license\"\n          >Open Government Licence v3.0</a>, except where otherwise stated\n        </span>\n      </div>\n      <div class=\"govuk-footer__meta-item\">\n        <a\n          class=\"govuk-footer__link govuk-footer__copyright-logo\"\n          href=\"https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/\"\n        >\n          © Crown copyright\n        </a>\n      </div>\n    </div>\n  </div>\n</footer>"
+        }
+    ],
+    "previewLayout": "full-width"
+}
diff --git a/app/templates/govuk/components/footer/macro-options.json b/app/templates/govuk/components/footer/macro-options.json
new file mode 100644
index 0000000..001850e
--- /dev/null
+++ b/app/templates/govuk/components/footer/macro-options.json
@@ -0,0 +1,170 @@
+[
+    {
+        "name": "meta",
+        "type": "object",
+        "required": false,
+        "description": "The meta section of the footer after any navigation, before the copyright and license information.",
+        "params": [
+            {
+                "name": "visuallyHiddenTitle",
+                "type": "string",
+                "required": false,
+                "description": "Title for a meta item section. Defaults to `\"Support links\"`."
+            },
+            {
+                "name": "html",
+                "type": "string",
+                "required": false,
+                "description": "HTML to add to the meta section of the footer, which will appear below any links specified using meta `items`."
+            },
+            {
+                "name": "text",
+                "type": "string",
+                "required": false,
+                "description": "Text to add to the meta section of the footer, which will appear below any links specified using meta `items`. If meta `html` is specified, this option is ignored."
+            },
+            {
+                "name": "items",
+                "type": "array",
+                "required": false,
+                "description": "The meta `items` add content within a unordered list to the meta section of the footer component. These appear above any text or custom html in the meta section.",
+                "params": [
+                    {
+                        "name": "text",
+                        "type": "string",
+                        "required": true,
+                        "description": "List item text in the meta section of the footer."
+                    },
+                    {
+                        "name": "href",
+                        "type": "string",
+                        "required": true,
+                        "description": "List item link `href` attribute in the meta section of the footer."
+                    },
+                    {
+                        "name": "attributes",
+                        "type": "object",
+                        "required": false,
+                        "description": "HTML attributes (for example data attributes) to add to the anchor in the footer meta section."
+                    }
+                ]
+            }
+        ]
+    },
+    {
+        "name": "navigation",
+        "type": "array",
+        "required": false,
+        "description": "The navigation section of the footer before a section break and the copyright and license information.",
+        "params": [
+            {
+                "name": "title",
+                "type": "string",
+                "required": true,
+                "description": "Title for a section."
+            },
+            {
+                "name": "columns",
+                "type": "integer",
+                "required": false,
+                "description": "Amount of columns to display items in navigation section of the footer."
+            },
+            {
+                "name": "width",
+                "type": "string",
+                "required": false,
+                "description": "Width of each navigation section in the footer. You can pass any Design System grid width here – for example, `\"one-third\"`, `\"two-thirds\"` or `\"one-half\"`. Defaults to `\"full\"`."
+            },
+            {
+                "name": "items",
+                "type": "array",
+                "required": false,
+                "description": "The items within the navigation section of the footer component.",
+                "params": [
+                    {
+                        "name": "text",
+                        "type": "string",
+                        "required": true,
+                        "description": "List item text in the navigation section of the footer."
+                    },
+                    {
+                        "name": "href",
+                        "type": "string",
+                        "required": true,
+                        "description": "List item link `href` attribute in the navigation section of the footer. Both `text` and `href` attributes need to be present to create a link."
+                    },
+                    {
+                        "name": "attributes",
+                        "type": "object",
+                        "required": false,
+                        "description": "HTML attributes (for example data attributes) to add to the anchor in the footer navigation section."
+                    }
+                ]
+            }
+        ]
+    },
+    {
+        "name": "contentLicence",
+        "type": "object",
+        "required": false,
+        "description": "The content licence information within the footer component. Defaults to Open Government Licence (OGL) v3 licence.",
+        "params": [
+            {
+                "name": "text",
+                "type": "string",
+                "required": false,
+                "description": "If `html` is set, this is not required. If `html` is provided, the `text` option will be ignored. If neither are provided, the text for the Open Government Licence is used."
+            },
+            {
+                "name": "html",
+                "type": "string",
+                "required": false,
+                "description": "If `text` is set, this is not required. If `html` is provided, the `text` option will be ignored. If neither are provided, the text for the Open Government Licence is used. The content licence is inside a `<span>` element, so you can only add [phrasing content](https://html.spec.whatwg.org/#phrasing-content) to it."
+            }
+        ]
+    },
+    {
+        "name": "copyright",
+        "type": "object",
+        "required": false,
+        "description": "The copyright information in the footer component, this defaults to `\"© Crown copyright\"`.",
+        "params": [
+            {
+                "name": "text",
+                "type": "string",
+                "required": false,
+                "description": "If `html` is set, this is not required. If `html` is provided, the `text` option will be ignored. If neither are provided, `\"© Crown copyright\"` is used."
+            },
+            {
+                "name": "html",
+                "type": "string",
+                "required": false,
+                "description": "If `text` is set, this is not required. If `html` is provided, the `text` option will be ignored. If neither are provided, `\"© Crown copyright\"` is used. The copyright notice is inside an `<a>` element, so you can only use text formatting elements within it."
+            }
+        ]
+    },
+    {
+        "name": "containerClasses",
+        "type": "string",
+        "required": false,
+        "description": "Classes that can be added to the inner container, useful if you want to make the footer full width."
+    },
+    {
+        "name": "classes",
+        "type": "string",
+        "required": false,
+        "description": "Classes to add to the footer component container."
+    },
+    {
+        "name": "attributes",
+        "type": "object",
+        "required": false,
+        "description": "HTML attributes (for example data attributes) to add to the footer component container."
+    },
+    {
+        "name": "rebrand",
+        "type": "boolean",
+        "required": false,
+        "description": "If `true`, use the redesigned footer with the GOV.UK crown. Default is `false`."
+    }
+]
diff --git a/app/templates/govuk/components/footer/macro.njk b/app/templates/govuk/components/footer/macro.njk
new file mode 100644
index 0000000..22e5868
--- /dev/null
+++ b/app/templates/govuk/components/footer/macro.njk
@@ -0,0 +1,3 @@
+{% macro govukFooter(params) %}
+  {%- include "./template.njk" -%}
+{% endmacro %}
diff --git a/app/templates/govuk/components/footer/template-default.html b/app/templates/govuk/components/footer/template-default.html
new file mode 100644
index 0000000..65bb751
--- /dev/null
+++ b/app/templates/govuk/components/footer/template-default.html
@@ -0,0 +1,38 @@
+<footer class="govuk-footer">
+  <div class="govuk-width-container">
+    <div class="govuk-footer__meta">
+      <div class="govuk-footer__meta-item govuk-footer__meta-item--grow">
+        <svg
+          aria-hidden="true"
+          focusable="false"
+          class="govuk-footer__licence-logo"
+          xmlns="http://www.w3.org/2000/svg"
+          viewBox="0 0 483.2 195.7"
+          height="17"
+          width="41"
+        >
+          <path
+            fill="currentColor"
+            d="M421.5 142.8V.1l-50.7 32.3v161.1h112.4v-50.7zm-122.3-9.6A47.12 47.12 0 0 1 221 97.8c0-26 21.1-47.1 47.1-47.1 16.7 0 31.4 8.7 39.7 21.8l42.7-27.2A97.63 97.63 0 0 0 268.1 0c-36.5 0-68.3 20.1-85.1 49.7A98 98 0 0 0 97.8 0C43.9 0 0 43.9 0 97.8s43.9 97.8 97.8 97.8c36.5 0 68.3-20.1 85.1-49.7a97.76 97.76 0 0 0 149.6 25.4l19.4 22.2h3v-87.8h-80l24.3 27.5zM97.8 145c-26 0-47.1-21.1-47.1-47.1s21.1-47.1 47.1-47.1 47.2 21 47.2 47S123.8 145 97.8 145"
+          />
+        </svg>
+        <span class="govuk-footer__licence-description">
+          All content is available under the
+          <a
+            class="govuk-footer__link"
+            href="https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/"
+            rel="license"
+          >Open Government Licence v3.0</a>, except where otherwise stated
+        </span>
+      </div>
+      <div class="govuk-footer__meta-item">
+        <a
+          class="govuk-footer__link govuk-footer__copyright-logo"
+          href="https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/"
+        >
+          © Crown copyright
+        </a>
+      </div>
+    </div>
+  </div>
+</footer>
diff --git a/app/templates/govuk/components/footer/template-full-gds-example.html b/app/templates/govuk/components/footer/template-full-gds-example.html
new file mode 100644
index 0000000..7fa3403
--- /dev/null
+++ b/app/templates/govuk/components/footer/template-full-gds-example.html
@@ -0,0 +1,212 @@
+<footer class="govuk-footer">
+  <div class="govuk-width-container">
+      <div class="govuk-footer__navigation">
+          <div class="govuk-footer__section govuk-grid-column-two-thirds">
+            <h2 class="govuk-footer__heading govuk-heading-m">Coronavirus (COVID-19)</h2>
+              <ul class="govuk-footer__list">
+                    <li class="govuk-footer__list-item">
+                      <a class="govuk-footer__link" href="/coronavirus">
+                        Coronavirus (COVID-19): guidance and support
+                      </a>
+                    </li>
+              </ul>
+          </div>
+          <div class="govuk-footer__section govuk-grid-column-one-third">
+            <h2 class="govuk-footer__heading govuk-heading-m">Brexit</h2>
+              <ul class="govuk-footer__list">
+                    <li class="govuk-footer__list-item">
+                      <a class="govuk-footer__link" href="/brexit">
+                        Check what you need to do
+                      </a>
+                    </li>
+              </ul>
+          </div>
+          <div class="govuk-footer__section govuk-grid-column-two-thirds">
+            <h2 class="govuk-footer__heading govuk-heading-m">Services and information</h2>
+              <ul class="govuk-footer__list govuk-footer__list--columns-2">
+                    <li class="govuk-footer__list-item">
+                      <a class="govuk-footer__link" href="/browse/benefits">
+                        Benefits
+                      </a>
+                    </li>
+                    <li class="govuk-footer__list-item">
+                      <a class="govuk-footer__link" href="/browse/births-deaths-marriages">
+                        Births, deaths, marriages and care
+                      </a>
+                    </li>
+                    <li class="govuk-footer__list-item">
+                      <a class="govuk-footer__link" href="/browse/business">
+                        Business and self-employed
+                      </a>
+                    </li>
+                    <li class="govuk-footer__list-item">
+                      <a class="govuk-footer__link" href="/browse/childcare-parenting">
+                        Childcare and parenting
+                      </a>
+                    </li>
+                    <li class="govuk-footer__list-item">
+                      <a class="govuk-footer__link" href="/browse/citizenship">
+                        Citizenship and living in the UK
+                      </a>
+                    </li>
+                    <li class="govuk-footer__list-item">
+                      <a class="govuk-footer__link" href="/browse/justice">
+                        Crime, justice and the law
+                      </a>
+                    </li>
+                    <li class="govuk-footer__list-item">
+                      <a class="govuk-footer__link" href="/browse/disabilities">
+                        Disabled people
+                      </a>
+                    </li>
+                    <li class="govuk-footer__list-item">
+                      <a class="govuk-footer__link" href="/browse/driving">
+                        Driving and transport
+                      </a>
+                    </li>
+                    <li class="govuk-footer__list-item">
+                      <a class="govuk-footer__link" href="/browse/education">
+                        Education and learning
+                      </a>
+                    </li>
+                    <li class="govuk-footer__list-item">
+                      <a class="govuk-footer__link" href="/browse/employing-people">
+                        Employing people
+                      </a>
+                    </li>
+                    <li class="govuk-footer__list-item">
+                      <a class="govuk-footer__link" href="/browse/environment-countryside">
+                        Environment and countryside
+                      </a>
+                    </li>
+                    <li class="govuk-footer__list-item">
+                      <a class="govuk-footer__link" href="/browse/housing-local-services">
+                        Housing and local services
+                      </a>
+                    </li>
+                    <li class="govuk-footer__list-item">
+                      <a class="govuk-footer__link" href="/browse/tax">
+                        Money and tax
+                      </a>
+                    </li>
+                    <li class="govuk-footer__list-item">
+                      <a class="govuk-footer__link" href="/browse/abroad">
+                        Passports, travel and living abroad
+                      </a>
+                    </li>
+                    <li class="govuk-footer__list-item">
+                      <a class="govuk-footer__link" href="/browse/visas-immigration">
+                        Visas and immigration
+                      </a>
+                    </li>
+                    <li class="govuk-footer__list-item">
+                      <a class="govuk-footer__link" href="/browse/working">
+                        Working, jobs and pensions
+                      </a>
+                    </li>
+              </ul>
+          </div>
+          <div class="govuk-footer__section govuk-grid-column-one-third">
+            <h2 class="govuk-footer__heading govuk-heading-m">Departments and policy</h2>
+              <ul class="govuk-footer__list">
+                    <li class="govuk-footer__list-item">
+                      <a class="govuk-footer__link" href="/government/how-government-works">
+                        How government works
+                      </a>
+                    </li>
+                    <li class="govuk-footer__list-item">
+                      <a class="govuk-footer__link" href="/government/organisations">
+                        Departments
+                      </a>
+                    </li>
+                    <li class="govuk-footer__list-item">
+                      <a class="govuk-footer__link" href="/world">
+                        Worldwide
+                      </a>
+                    </li>
+                    <li class="govuk-footer__list-item">
+                      <a class="govuk-footer__link" href="/government/policies">
+                        Policies
+                      </a>
+                    </li>
+                    <li class="govuk-footer__list-item">
+                      <a class="govuk-footer__link" href="/government/publications">
+                        Publications
+                      </a>
+                    </li>
+                    <li class="govuk-footer__list-item">
+                      <a class="govuk-footer__link" href="/government/announcements">
+                        Announcements
+                      </a>
+                    </li>
+              </ul>
+          </div>
+      </div>
+      <hr class="govuk-footer__section-break">
+    <div class="govuk-footer__meta">
+      <div class="govuk-footer__meta-item govuk-footer__meta-item--grow">
+        <h2 class="govuk-visually-hidden">Support links</h2>
+        <ul class="govuk-footer__inline-list">
+          <li class="govuk-footer__inline-list-item">
+            <a class="govuk-footer__link" href="/help">
+              Help
+            </a>
+          </li>
+          <li class="govuk-footer__inline-list-item">
+            <a class="govuk-footer__link" href="/help/cookies">
+              Cookies
+            </a>
+          </li>
+          <li class="govuk-footer__inline-list-item">
+            <a class="govuk-footer__link" href="/contact">
+              Contact
+            </a>
+          </li>
+          <li class="govuk-footer__inline-list-item">
+            <a class="govuk-footer__link" href="/help/terms-conditions">
+              Terms and conditions
+            </a>
+          </li>
+          <li class="govuk-footer__inline-list-item">
+            <a class="govuk-footer__link" href="/cymraeg">
+              Rhestr o Wasanaethau Cymraeg
+            </a>
+          </li>
+        </ul>
+        <div class="govuk-footer__meta-custom">
+          Built by the <a class="govuk-footer__link" href="#">Government Digital Service</a>
+        </div>
+        <svg
+          aria-hidden="true"
+          focusable="false"
+          class="govuk-footer__licence-logo"
+          xmlns="http://www.w3.org/2000/svg"
+          viewBox="0 0 483.2 195.7"
+          height="17"
+          width="41"
+        >
+          <path
+            fill="currentColor"
+            d="M421.5 142.8V.1l-50.7 32.3v161.1h112.4v-50.7zm-122.3-9.6A47.12 47.12 0 0 1 221 97.8c0-26 21.1-47.1 47.1-47.1 16.7 0 31.4 8.7 39.7 21.8l42.7-27.2A97.63 97.63 0 0 0 268.1 0c-36.5 0-68.3 20.1-85.1 49.7A98 98 0 0 0 97.8 0C43.9 0 0 43.9 0 97.8s43.9 97.8 97.8 97.8c36.5 0 68.3-20.1 85.1-49.7a97.76 97.76 0 0 0 149.6 25.4l19.4 22.2h3v-87.8h-80l24.3 27.5zM97.8 145c-26 0-47.1-21.1-47.1-47.1s21.1-47.1 47.1-47.1 47.2 21 47.2 47S123.8 145 97.8 145"
+          />
+        </svg>
+        <span class="govuk-footer__licence-description">
+          All content is available under the
+          <a
+            class="govuk-footer__link"
+            href="https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/"
+            rel="license"
+          >Open Government Licence v3.0</a>, except where otherwise stated
+        </span>
+      </div>
+      <div class="govuk-footer__meta-item">
+        <a
+          class="govuk-footer__link govuk-footer__copyright-logo"
+          href="https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/"
+        >
+          © Crown copyright
+        </a>
+      </div>
+    </div>
+  </div>
+</footer>
diff --git a/app/templates/govuk/components/footer/template-three-equal-columns.html b/app/templates/govuk/components/footer/template-three-equal-columns.html
new file mode 100644
index 0000000..bec6295
--- /dev/null
+++ b/app/templates/govuk/components/footer/template-three-equal-columns.html
@@ -0,0 +1,146 @@
+<footer class="govuk-footer">
+  <div class="govuk-width-container">
+      <div class="govuk-footer__navigation">
+          <div class="govuk-footer__section govuk-grid-column-one-third">
+            <h2 class="govuk-footer__heading govuk-heading-m">Single column list 1</h2>
+              <ul class="govuk-footer__list govuk-footer__list--columns-1">
+                    <li class="govuk-footer__list-item">
+                      <a class="govuk-footer__link" href="#1">
+                        Navigation item 1
+                      </a>
+                    </li>
+                    <li class="govuk-footer__list-item">
+                      <a class="govuk-footer__link" href="#2">
+                        Navigation item 2
+                      </a>
+                    </li>
+                    <li class="govuk-footer__list-item">
+                      <a class="govuk-footer__link" href="#3">
+                        Navigation item 3
+                      </a>
+                    </li>
+                    <li class="govuk-footer__list-item">
+                      <a class="govuk-footer__link" href="#4">
+                        Navigation item 4
+                      </a>
+                    </li>
+                    <li class="govuk-footer__list-item">
+                      <a class="govuk-footer__link" href="#5">
+                        Navigation item 5
+                      </a>
+                    </li>
+                    <li class="govuk-footer__list-item">
+                      <a class="govuk-footer__link" href="#6">
+                        Navigation item 6
+                      </a>
+                    </li>
+              </ul>
+          </div>
+          <div class="govuk-footer__section govuk-grid-column-one-third">
+            <h2 class="govuk-footer__heading govuk-heading-m">Single column list 2</h2>
+              <ul class="govuk-footer__list govuk-footer__list--columns-1">
+                    <li class="govuk-footer__list-item">
+                      <a class="govuk-footer__link" href="#1">
+                        Navigation item 1
+                      </a>
+                    </li>
+                    <li class="govuk-footer__list-item">
+                      <a class="govuk-footer__link" href="#2">
+                        Navigation item 2
+                      </a>
+                    </li>
+                    <li class="govuk-footer__list-item">
+                      <a class="govuk-footer__link" href="#3">
+                        Navigation item 3
+                      </a>
+                    </li>
+                    <li class="govuk-footer__list-item">
+                      <a class="govuk-footer__link" href="#4">
+                        Navigation item 4
+                      </a>
+                    </li>
+                    <li class="govuk-footer__list-item">
+                      <a class="govuk-footer__link" href="#5">
+                        Navigation item 5
+                      </a>
+                    </li>
+                    <li class="govuk-footer__list-item">
+                      <a class="govuk-footer__link" href="#6">
+                        Navigation item 6
+                      </a>
+                    </li>
+              </ul>
+          </div>
+          <div class="govuk-footer__section govuk-grid-column-one-third">
+            <h2 class="govuk-footer__heading govuk-heading-m">Single column list 3</h2>
+              <ul class="govuk-footer__list govuk-footer__list--columns-1">
+                    <li class="govuk-footer__list-item">
+                      <a class="govuk-footer__link" href="#1">
+                        Navigation item 1
+                      </a>
+                    </li>
+                    <li class="govuk-footer__list-item">
+                      <a class="govuk-footer__link" href="#2">
+                        Navigation item 2
+                      </a>
+                    </li>
+                    <li class="govuk-footer__list-item">
+                      <a class="govuk-footer__link" href="#3">
+                        Navigation item 3
+                      </a>
+                    </li>
+                    <li class="govuk-footer__list-item">
+                      <a class="govuk-footer__link" href="#4">
+                        Navigation item 4
+                      </a>
+                    </li>
+                    <li class="govuk-footer__list-item">
+                      <a class="govuk-footer__link" href="#5">
+                        Navigation item 5
+                      </a>
+                    </li>
+                    <li class="govuk-footer__list-item">
+                      <a class="govuk-footer__link" href="#6">
+                        Navigation item 6
+                      </a>
+                    </li>
+              </ul>
+          </div>
+      </div>
+      <hr class="govuk-footer__section-break">
+    <div class="govuk-footer__meta">
+      <div class="govuk-footer__meta-item govuk-footer__meta-item--grow">
+        <svg
+          aria-hidden="true"
+          focusable="false"
+          class="govuk-footer__licence-logo"
+          xmlns="http://www.w3.org/2000/svg"
+          viewBox="0 0 483.2 195.7"
+          height="17"
+          width="41"
+        >
+          <path
+            fill="currentColor"
+            d="M421.5 142.8V.1l-50.7 32.3v161.1h112.4v-50.7zm-122.3-9.6A47.12 47.12 0 0 1 221 97.8c0-26 21.1-47.1 47.1-47.1 16.7 0 31.4 8.7 39.7 21.8l42.7-27.2A97.63 97.63 0 0 0 268.1 0c-36.5 0-68.3 20.1-85.1 49.7A98 98 0 0 0 97.8 0C43.9 0 0 43.9 0 97.8s43.9 97.8 97.8 97.8c36.5 0 68.3-20.1 85.1-49.7a97.76 97.76 0 0 0 149.6 25.4l19.4 22.2h3v-87.8h-80l24.3 27.5zM97.8 145c-26 0-47.1-21.1-47.1-47.1s21.1-47.1 47.1-47.1 47.2 21 47.2 47S123.8 145 97.8 145"
+          />
+        </svg>
+        <span class="govuk-footer__licence-description">
+          All content is available under the
+          <a
+            class="govuk-footer__link"
+            href="https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/"
+            rel="license"
+          >Open Government Licence v3.0</a>, except where otherwise stated
+        </span>
+      </div>
+      <div class="govuk-footer__meta-item">
+        <a
+          class="govuk-footer__link govuk-footer__copyright-logo"
+          href="https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/"
+        >
+          © Crown copyright
+        </a>
+      </div>
+    </div>
+  </div>
+</footer>
diff --git a/app/templates/govuk/components/footer/template-with-custom-html-content-licence-and-copyright-notice.html b/app/templates/govuk/components/footer/template-with-custom-html-content-licence-and-copyright-notice.html
new file mode 100644
index 0000000..27961eb
--- /dev/null
+++ b/app/templates/govuk/components/footer/template-with-custom-html-content-licence-and-copyright-notice.html
@@ -0,0 +1,33 @@
+<footer class="govuk-footer">
+  <div class="govuk-width-container">
+    <div class="govuk-footer__meta">
+      <div class="govuk-footer__meta-item govuk-footer__meta-item--grow">
+        <svg
+          aria-hidden="true"
+          focusable="false"
+          class="govuk-footer__licence-logo"
+          xmlns="http://www.w3.org/2000/svg"
+          viewBox="0 0 483.2 195.7"
+          height="17"
+          width="41"
+        >
+          <path
+            fill="currentColor"
+            d="M421.5 142.8V.1l-50.7 32.3v161.1h112.4v-50.7zm-122.3-9.6A47.12 47.12 0 0 1 221 97.8c0-26 21.1-47.1 47.1-47.1 16.7 0 31.4 8.7 39.7 21.8l42.7-27.2A97.63 97.63 0 0 0 268.1 0c-36.5 0-68.3 20.1-85.1 49.7A98 98 0 0 0 97.8 0C43.9 0 0 43.9 0 97.8s43.9 97.8 97.8 97.8c36.5 0 68.3-20.1 85.1-49.7a97.76 97.76 0 0 0 149.6 25.4l19.4 22.2h3v-87.8h-80l24.3 27.5zM97.8 145c-26 0-47.1-21.1-47.1-47.1s21.1-47.1 47.1-47.1 47.2 21 47.2 47S123.8 145 97.8 145"
+          />
+        </svg>
+        <span class="govuk-footer__licence-description">
+          Mae’r holl gynnwys ar gael dan <a class="govuk-footer__link" href="https://www.nationalarchives.gov.uk/doc/open-government-licence-cymraeg/version/3/" rel="license">Drwydded y Llywodraeth Agored v3.0</a>, ac eithrio lle nodir yn wahanol
+        </span>
+      </div>
+      <div class="govuk-footer__meta-item">
+        <a
+          class="govuk-footer__link govuk-footer__copyright-logo"
+          href="https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/"
+        >
+          <span>Hawlfraint y Goron</span>
+        </a>
+      </div>
+    </div>
+  </div>
+</footer>
diff --git a/app/templates/govuk/components/footer/template-with-custom-meta.html b/app/templates/govuk/components/footer/template-with-custom-meta.html
new file mode 100644
index 0000000..196c4d8
--- /dev/null
+++ b/app/templates/govuk/components/footer/template-with-custom-meta.html
@@ -0,0 +1,42 @@
+<footer class="govuk-footer">
+  <div class="govuk-width-container">
+    <div class="govuk-footer__meta">
+      <div class="govuk-footer__meta-item govuk-footer__meta-item--grow">
+        <h2 class="govuk-visually-hidden">Support links</h2>
+        <div class="govuk-footer__meta-custom">
+          GOV.UK Prototype Kit v7.0.1
+        </div>
+        <svg
+          aria-hidden="true"
+          focusable="false"
+          class="govuk-footer__licence-logo"
+          xmlns="http://www.w3.org/2000/svg"
+          viewBox="0 0 483.2 195.7"
+          height="17"
+          width="41"
+        >
+          <path
+            fill="currentColor"
+            d="M421.5 142.8V.1l-50.7 32.3v161.1h112.4v-50.7zm-122.3-9.6A47.12 47.12 0 0 1 221 97.8c0-26 21.1-47.1 47.1-47.1 16.7 0 31.4 8.7 39.7 21.8l42.7-27.2A97.63 97.63 0 0 0 268.1 0c-36.5 0-68.3 20.1-85.1 49.7A98 98 0 0 0 97.8 0C43.9 0 0 43.9 0 97.8s43.9 97.8 97.8 97.8c36.5 0 68.3-20.1 85.1-49.7a97.76 97.76 0 0 0 149.6 25.4l19.4 22.2h3v-87.8h-80l24.3 27.5zM97.8 145c-26 0-47.1-21.1-47.1-47.1s21.1-47.1 47.1-47.1 47.2 21 47.2 47S123.8 145 97.8 145"
+          />
+        </svg>
+        <span class="govuk-footer__licence-description">
+          All content is available under the
+          <a
+            class="govuk-footer__link"
+            href="https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/"
+            rel="license"
+          >Open Government Licence v3.0</a>, except where otherwise stated
+        </span>
+      </div>
+      <div class="govuk-footer__meta-item">
+        <a
+          class="govuk-footer__link govuk-footer__copyright-logo"
+          href="https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/"
+        >
+          © Crown copyright
+        </a>
+      </div>
+    </div>
+  </div>
+</footer>
diff --git a/app/templates/govuk/components/footer/template-with-custom-text-content-licence-and-copyright-notice.html b/app/templates/govuk/components/footer/template-with-custom-text-content-licence-and-copyright-notice.html
new file mode 100644
index 0000000..d85bba7
--- /dev/null
+++ b/app/templates/govuk/components/footer/template-with-custom-text-content-licence-and-copyright-notice.html
@@ -0,0 +1,33 @@
+<footer class="govuk-footer">
+  <div class="govuk-width-container">
+    <div class="govuk-footer__meta">
+      <div class="govuk-footer__meta-item govuk-footer__meta-item--grow">
+        <svg
+          aria-hidden="true"
+          focusable="false"
+          class="govuk-footer__licence-logo"
+          xmlns="http://www.w3.org/2000/svg"
+          viewBox="0 0 483.2 195.7"
+          height="17"
+          width="41"
+        >
+          <path
+            fill="currentColor"
+            d="M421.5 142.8V.1l-50.7 32.3v161.1h112.4v-50.7zm-122.3-9.6A47.12 47.12 0 0 1 221 97.8c0-26 21.1-47.1 47.1-47.1 16.7 0 31.4 8.7 39.7 21.8l42.7-27.2A97.63 97.63 0 0 0 268.1 0c-36.5 0-68.3 20.1-85.1 49.7A98 98 0 0 0 97.8 0C43.9 0 0 43.9 0 97.8s43.9 97.8 97.8 97.8c36.5 0 68.3-20.1 85.1-49.7a97.76 97.76 0 0 0 149.6 25.4l19.4 22.2h3v-87.8h-80l24.3 27.5zM97.8 145c-26 0-47.1-21.1-47.1-47.1s21.1-47.1 47.1-47.1 47.2 21 47.2 47S123.8 145 97.8 145"
+          />
+        </svg>
+        <span class="govuk-footer__licence-description">
+          Mae’r holl gynnwys ar gael dan Drwydded y Llywodraeth Agored v3.0, ac eithrio lle nodir yn wahanol
+        </span>
+      </div>
+      <div class="govuk-footer__meta-item">
+        <a
+          class="govuk-footer__link govuk-footer__copyright-logo"
+          href="https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/"
+        >
+          © Hawlfraint y Goron
+        </a>
+      </div>
+    </div>
+  </div>
+</footer>
diff --git a/app/templates/govuk/components/footer/template-with-default-width-navigation-one-column.html b/app/templates/govuk/components/footer/template-with-default-width-navigation-one-column.html
new file mode 100644
index 0000000..9425c07
--- /dev/null
+++ b/app/templates/govuk/components/footer/template-with-default-width-navigation-one-column.html
@@ -0,0 +1,76 @@
+<footer class="govuk-footer">
+  <div class="govuk-width-container">
+      <div class="govuk-footer__navigation">
+          <div class="govuk-footer__section govuk-grid-column-full">
+            <h2 class="govuk-footer__heading govuk-heading-m">Navigation section</h2>
+              <ul class="govuk-footer__list">
+                    <li class="govuk-footer__list-item">
+                      <a class="govuk-footer__link" href="#1">
+                        Navigation item 1
+                      </a>
+                    </li>
+                    <li class="govuk-footer__list-item">
+                      <a class="govuk-footer__link" href="#2">
+                        Navigation item 2
+                      </a>
+                    </li>
+                    <li class="govuk-footer__list-item">
+                      <a class="govuk-footer__link" href="#3">
+                        Navigation item 3
+                      </a>
+                    </li>
+                    <li class="govuk-footer__list-item">
+                      <a class="govuk-footer__link" href="#4">
+                        Navigation item 4
+                      </a>
+                    </li>
+                    <li class="govuk-footer__list-item">
+                      <a class="govuk-footer__link" href="#5">
+                        Navigation item 5
+                      </a>
+                    </li>
+                    <li class="govuk-footer__list-item">
+                      <a class="govuk-footer__link" href="#6">
+                        Navigation item 6
+                      </a>
+                    </li>
+              </ul>
+          </div>
+      </div>
+      <hr class="govuk-footer__section-break">
+    <div class="govuk-footer__meta">
+      <div class="govuk-footer__meta-item govuk-footer__meta-item--grow">
+        <svg
+          aria-hidden="true"
+          focusable="false"
+          class="govuk-footer__licence-logo"
+          xmlns="http://www.w3.org/2000/svg"
+          viewBox="0 0 483.2 195.7"
+          height="17"
+          width="41"
+        >
+          <path
+            fill="currentColor"
+            d="M421.5 142.8V.1l-50.7 32.3v161.1h112.4v-50.7zm-122.3-9.6A47.12 47.12 0 0 1 221 97.8c0-26 21.1-47.1 47.1-47.1 16.7 0 31.4 8.7 39.7 21.8l42.7-27.2A97.63 97.63 0 0 0 268.1 0c-36.5 0-68.3 20.1-85.1 49.7A98 98 0 0 0 97.8 0C43.9 0 0 43.9 0 97.8s43.9 97.8 97.8 97.8c36.5 0 68.3-20.1 85.1-49.7a97.76 97.76 0 0 0 149.6 25.4l19.4 22.2h3v-87.8h-80l24.3 27.5zM97.8 145c-26 0-47.1-21.1-47.1-47.1s21.1-47.1 47.1-47.1 47.2 21 47.2 47S123.8 145 97.8 145"
+          />
+        </svg>
+        <span class="govuk-footer__licence-description">
+          All content is available under the
+          <a
+            class="govuk-footer__link"
+            href="https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/"
+            rel="license"
+          >Open Government Licence v3.0</a>, except where otherwise stated
+        </span>
+      </div>
+      <div class="govuk-footer__meta-item">
+        <a
+          class="govuk-footer__link govuk-footer__copyright-logo"
+          href="https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/"
+        >
+          © Crown copyright
+        </a>
+      </div>
+    </div>
+  </div>
+</footer>
diff --git a/app/templates/govuk/components/footer/template-with-default-width-navigation-two-columns.html b/app/templates/govuk/components/footer/template-with-default-width-navigation-two-columns.html
new file mode 100644
index 0000000..90a7927
--- /dev/null
+++ b/app/templates/govuk/components/footer/template-with-default-width-navigation-two-columns.html
@@ -0,0 +1,76 @@
+<footer class="govuk-footer">
+  <div class="govuk-width-container">
+      <div class="govuk-footer__navigation">
+          <div class="govuk-footer__section govuk-grid-column-full">
+            <h2 class="govuk-footer__heading govuk-heading-m">Navigation section</h2>
+              <ul class="govuk-footer__list govuk-footer__list--columns-2">
+                    <li class="govuk-footer__list-item">
+                      <a class="govuk-footer__link" href="#1">
+                        Navigation item 1
+                      </a>
+                    </li>
+                    <li class="govuk-footer__list-item">
+                      <a class="govuk-footer__link" href="#2">
+                        Navigation item 2
+                      </a>
+                    </li>
+                    <li class="govuk-footer__list-item">
+                      <a class="govuk-footer__link" href="#3">
+                        Navigation item 3
+                      </a>
+                    </li>
+                    <li class="govuk-footer__list-item">
+                      <a class="govuk-footer__link" href="#4">
+                        Navigation item 4
+                      </a>
+                    </li>
+                    <li class="govuk-footer__list-item">
+                      <a class="govuk-footer__link" href="#5">
+                        Navigation item 5
+                      </a>
+                    </li>
+                    <li class="govuk-footer__list-item">
+                      <a class="govuk-footer__link" href="#6">
+                        Navigation item 6
+                      </a>
+                    </li>
+              </ul>
+          </div>
+      </div>
+      <hr class="govuk-footer__section-break">
+    <div class="govuk-footer__meta">
+      <div class="govuk-footer__meta-item govuk-footer__meta-item--grow">
+        <svg
+          aria-hidden="true"
+          focusable="false"
+          class="govuk-footer__licence-logo"
+          xmlns="http://www.w3.org/2000/svg"
+          viewBox="0 0 483.2 195.7"
+          height="17"
+          width="41"
+        >
+          <path
+            fill="currentColor"
+            d="M421.5 142.8V.1l-50.7 32.3v161.1h112.4v-50.7zm-122.3-9.6A47.12 47.12 0 0 1 221 97.8c0-26 21.1-47.1 47.1-47.1 16.7 0 31.4 8.7 39.7 21.8l42.7-27.2A97.63 97.63 0 0 0 268.1 0c-36.5 0-68.3 20.1-85.1 49.7A98 98 0 0 0 97.8 0C43.9 0 0 43.9 0 97.8s43.9 97.8 97.8 97.8c36.5 0 68.3-20.1 85.1-49.7a97.76 97.76 0 0 0 149.6 25.4l19.4 22.2h3v-87.8h-80l24.3 27.5zM97.8 145c-26 0-47.1-21.1-47.1-47.1s21.1-47.1 47.1-47.1 47.2 21 47.2 47S123.8 145 97.8 145"
+          />
+        </svg>
+        <span class="govuk-footer__licence-description">
+          All content is available under the
+          <a
+            class="govuk-footer__link"
+            href="https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/"
+            rel="license"
+          >Open Government Licence v3.0</a>, except where otherwise stated
+        </span>
+      </div>
+      <div class="govuk-footer__meta-item">
+        <a
+          class="govuk-footer__link govuk-footer__copyright-logo"
+          href="https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/"
+        >
+          © Crown copyright
+        </a>
+      </div>
+    </div>
+  </div>
+</footer>
diff --git a/app/templates/govuk/components/footer/template-with-meta-links-and-meta-content.html b/app/templates/govuk/components/footer/template-with-meta-links-and-meta-content.html
new file mode 100644
index 0000000..74b7c48
--- /dev/null
+++ b/app/templates/govuk/components/footer/template-with-meta-links-and-meta-content.html
@@ -0,0 +1,84 @@
+<footer class="govuk-footer">
+  <div class="govuk-width-container">
+    <div class="govuk-footer__meta">
+      <div class="govuk-footer__meta-item govuk-footer__meta-item--grow">
+        <h2 class="govuk-visually-hidden">Support links</h2>
+        <ul class="govuk-footer__inline-list">
+          <li class="govuk-footer__inline-list-item">
+            <a class="govuk-footer__link" href="#1">
+              Bibendum Ornare
+            </a>
+          </li>
+          <li class="govuk-footer__inline-list-item">
+            <a class="govuk-footer__link" href="#2">
+              Nullam
+            </a>
+          </li>
+          <li class="govuk-footer__inline-list-item">
+            <a class="govuk-footer__link" href="#3">
+              Tortor Fringilla
+            </a>
+          </li>
+          <li class="govuk-footer__inline-list-item">
+            <a class="govuk-footer__link" href="#4">
+              Tellus
+            </a>
+          </li>
+          <li class="govuk-footer__inline-list-item">
+            <a class="govuk-footer__link" href="#5">
+              Egestas Nullam
+            </a>
+          </li>
+          <li class="govuk-footer__inline-list-item">
+            <a class="govuk-footer__link" href="#6">
+              Euismod Etiam
+            </a>
+          </li>
+          <li class="govuk-footer__inline-list-item">
+            <a class="govuk-footer__link" href="#7">
+              Fusce Sollicitudin
+            </a>
+          </li>
+          <li class="govuk-footer__inline-list-item">
+            <a class="govuk-footer__link" href="#8">
+              Ligula Nullam Ultricies
+            </a>
+          </li>
+        </ul>
+        <div class="govuk-footer__meta-custom">
+          Built by the <a href="#" class="govuk-footer__link">Department of Magical Law Enforcement</a>
+        </div>
+        <svg
+          aria-hidden="true"
+          focusable="false"
+          class="govuk-footer__licence-logo"
+          xmlns="http://www.w3.org/2000/svg"
+          viewBox="0 0 483.2 195.7"
+          height="17"
+          width="41"
+        >
+          <path
+            fill="currentColor"
+            d="M421.5 142.8V.1l-50.7 32.3v161.1h112.4v-50.7zm-122.3-9.6A47.12 47.12 0 0 1 221 97.8c0-26 21.1-47.1 47.1-47.1 16.7 0 31.4 8.7 39.7 21.8l42.7-27.2A97.63 97.63 0 0 0 268.1 0c-36.5 0-68.3 20.1-85.1 49.7A98 98 0 0 0 97.8 0C43.9 0 0 43.9 0 97.8s43.9 97.8 97.8 97.8c36.5 0 68.3-20.1 85.1-49.7a97.76 97.76 0 0 0 149.6 25.4l19.4 22.2h3v-87.8h-80l24.3 27.5zM97.8 145c-26 0-47.1-21.1-47.1-47.1s21.1-47.1 47.1-47.1 47.2 21 47.2 47S123.8 145 97.8 145"
+          />
+        </svg>
+        <span class="govuk-footer__licence-description">
+          All content is available under the
+          <a
+            class="govuk-footer__link"
+            href="https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/"
+            rel="license"
+          >Open Government Licence v3.0</a>, except where otherwise stated
+        </span>
+      </div>
+      <div class="govuk-footer__meta-item">
+        <a
+          class="govuk-footer__link govuk-footer__copyright-logo"
+          href="https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/"
+        >
+          © Crown copyright
+        </a>
+      </div>
+    </div>
+  </div>
+</footer>
diff --git a/app/templates/govuk/components/footer/template-with-navigation.html b/app/templates/govuk/components/footer/template-with-navigation.html
new file mode 100644
index 0000000..65437c9
--- /dev/null
+++ b/app/templates/govuk/components/footer/template-with-navigation.html
@@ -0,0 +1,96 @@
+<footer class="govuk-footer">
+  <div class="govuk-width-container">
+      <div class="govuk-footer__navigation">
+          <div class="govuk-footer__section govuk-grid-column-two-thirds">
+            <h2 class="govuk-footer__heading govuk-heading-m">Two column list</h2>
+              <ul class="govuk-footer__list govuk-footer__list--columns-2">
+                    <li class="govuk-footer__list-item">
+                      <a class="govuk-footer__link" href="#1">
+                        Navigation item 1
+                      </a>
+                    </li>
+                    <li class="govuk-footer__list-item">
+                      <a class="govuk-footer__link" href="#2">
+                        Navigation item 2
+                      </a>
+                    </li>
+                    <li class="govuk-footer__list-item">
+                      <a class="govuk-footer__link" href="#3">
+                        Navigation item 3
+                      </a>
+                    </li>
+                    <li class="govuk-footer__list-item">
+                      <a class="govuk-footer__link" href="#4">
+                        Navigation item 4
+                      </a>
+                    </li>
+                    <li class="govuk-footer__list-item">
+                      <a class="govuk-footer__link" href="#5">
+                        Navigation item 5
+                      </a>
+                    </li>
+                    <li class="govuk-footer__list-item">
+                      <a class="govuk-footer__link" href="#6">
+                        Navigation item 6
+                      </a>
+                    </li>
+              </ul>
+          </div>
+          <div class="govuk-footer__section govuk-grid-column-one-third">
+            <h2 class="govuk-footer__heading govuk-heading-m">Single column list</h2>
+              <ul class="govuk-footer__list">
+                    <li class="govuk-footer__list-item">
+                      <a class="govuk-footer__link" href="#1">
+                        Navigation item 1
+                      </a>
+                    </li>
+                    <li class="govuk-footer__list-item">
+                      <a class="govuk-footer__link" href="#2">
+                        Navigation item 2
+                      </a>
+                    </li>
+                    <li class="govuk-footer__list-item">
+                      <a class="govuk-footer__link" href="#3">
+                        Navigation item 3
+                      </a>
+                    </li>
+              </ul>
+          </div>
+      </div>
+      <hr class="govuk-footer__section-break">
+    <div class="govuk-footer__meta">
+      <div class="govuk-footer__meta-item govuk-footer__meta-item--grow">
+        <svg
+          aria-hidden="true"
+          focusable="false"
+          class="govuk-footer__licence-logo"
+          xmlns="http://www.w3.org/2000/svg"
+          viewBox="0 0 483.2 195.7"
+          height="17"
+          width="41"
+        >
+          <path
+            fill="currentColor"
+            d="M421.5 142.8V.1l-50.7 32.3v161.1h112.4v-50.7zm-122.3-9.6A47.12 47.12 0 0 1 221 97.8c0-26 21.1-47.1 47.1-47.1 16.7 0 31.4 8.7 39.7 21.8l42.7-27.2A97.63 97.63 0 0 0 268.1 0c-36.5 0-68.3 20.1-85.1 49.7A98 98 0 0 0 97.8 0C43.9 0 0 43.9 0 97.8s43.9 97.8 97.8 97.8c36.5 0 68.3-20.1 85.1-49.7a97.76 97.76 0 0 0 149.6 25.4l19.4 22.2h3v-87.8h-80l24.3 27.5zM97.8 145c-26 0-47.1-21.1-47.1-47.1s21.1-47.1 47.1-47.1 47.2 21 47.2 47S123.8 145 97.8 145"
+          />
+        </svg>
+        <span class="govuk-footer__licence-description">
+          All content is available under the
+          <a
+            class="govuk-footer__link"
+            href="https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/"
+            rel="license"
+          >Open Government Licence v3.0</a>, except where otherwise stated
+        </span>
+      </div>
+      <div class="govuk-footer__meta-item">
+        <a
+          class="govuk-footer__link govuk-footer__copyright-logo"
+          href="https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/"
+        >
+          © Crown copyright
+        </a>
+      </div>
+    </div>
+  </div>
+</footer>
diff --git a/app/templates/govuk/components/footer/template.njk b/app/templates/govuk/components/footer/template.njk
new file mode 100644
index 0000000..562a0b4
--- /dev/null
+++ b/app/templates/govuk/components/footer/template.njk
@@ -0,0 +1,107 @@
+{% from "../../macros/attributes.njk" import govukAttributes -%}
+{% from "../../macros/logo.njk" import govukLogo -%}
+
+{%- set _rebrand = params.rebrand | default(govukRebrand() if govukRebrand is callable else govukRebrand) -%}
+
+<footer class="govuk-footer {%- if params.classes %} {{ params.classes }}{% endif %}"
+  {{- govukAttributes(params.attributes) }}>
+  <div class="govuk-width-container {%- if params.containerClasses %} {{ params.containerClasses }}{% endif %}">
+    {% if _rebrand %}
+      {{- govukLogo({
+        classes: 'govuk-footer__crown',
+        rebrand: true,
+        useLogotype: false
+      }) }}
+    {% endif %}
+    {% if params.navigation | length %}
+      <div class="govuk-footer__navigation">
+        {% for nav in params.navigation %}
+          <div class="govuk-footer__section govuk-grid-column-{{ nav.width | default("full", true) }}">
+            <h2 class="govuk-footer__heading govuk-heading-m">{{ nav.title }}</h2>
+            {% if nav.items | length %}
+              {% set listClasses = "govuk-footer__list--columns-" + nav.columns if nav.columns %}
+              <ul class="govuk-footer__list {%- if listClasses %} {{ listClasses }}{% endif %}">
+                {% for item in nav.items %}
+                  {% if item.href and item.text %}
+                    <li class="govuk-footer__list-item">
+                      <a class="govuk-footer__link" href="{{ item.href }}"
+                        {{- govukAttributes(item.attributes) }}>
+                        {{ item.text }}
+                      </a>
+                    </li>
+                  {% endif %}
+                {% endfor %}
+              </ul>
+            {% endif %}
+          </div>
+        {% endfor %}
+      </div>
+      <hr class="govuk-footer__section-break">
+    {% endif %}
+    <div class="govuk-footer__meta">
+      <div class="govuk-footer__meta-item govuk-footer__meta-item--grow">
+        {% if params.meta %}
+        <h2 class="govuk-visually-hidden">{{ params.meta.visuallyHiddenTitle | default("Support links", true) }}</h2>
+        {% if params.meta.items | length %}
+        <ul class="govuk-footer__inline-list">
+        {% for item in params.meta.items %}
+          <li class="govuk-footer__inline-list-item">
+            <a class="govuk-footer__link" href="{{ item.href }}"
+              {{- govukAttributes(item.attributes) }}>
+              {{ item.text }}
+            </a>
+          </li>
+        {% endfor %}
+        </ul>
+        {% endif %}
+        {% if params.meta.text or params.meta.html %}
+        <div class="govuk-footer__meta-custom">
+          {{ params.meta.html | safe | trim | indent(10) if params.meta.html else params.meta.text }}
+        </div>
+        {% endif %}
+        {% endif %}
+        {# The SVG needs `focusable="false"` so that Internet Explorer does not
+          treat it as an interactive element - without this it will be
+          'focusable' when using the keyboard to navigate. -#}
+        <svg
+          aria-hidden="true"
+          focusable="false"
+          class="govuk-footer__licence-logo"
+          xmlns="http://www.w3.org/2000/svg"
+          viewBox="0 0 483.2 195.7"
+          height="17"
+          width="41"
+        >
+          <path
+            fill="currentColor"
+            d="M421.5 142.8V.1l-50.7 32.3v161.1h112.4v-50.7zm-122.3-9.6A47.12 47.12 0 0 1 221 97.8c0-26 21.1-47.1 47.1-47.1 16.7 0 31.4 8.7 39.7 21.8l42.7-27.2A97.63 97.63 0 0 0 268.1 0c-36.5 0-68.3 20.1-85.1 49.7A98 98 0 0 0 97.8 0C43.9 0 0 43.9 0 97.8s43.9 97.8 97.8 97.8c36.5 0 68.3-20.1 85.1-49.7a97.76 97.76 0 0 0 149.6 25.4l19.4 22.2h3v-87.8h-80l24.3 27.5zM97.8 145c-26 0-47.1-21.1-47.1-47.1s21.1-47.1 47.1-47.1 47.2 21 47.2 47S123.8 145 97.8 145"
+          />
+        </svg>
+        <span class="govuk-footer__licence-description">
+        {% if params.contentLicence.html or params.contentLicence.text %}
+          {{ params.contentLicence.html | safe | trim | indent(10) if params.contentLicence.html else params.contentLicence.text }}
+        {% else %}
+          All content is available under the
+          <a
+            class="govuk-footer__link"
+            href="https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/"
+            rel="license"
+          >Open Government Licence v3.0</a>, except where otherwise stated
+        {% endif %}
+        </span>
+      </div>
+      <div class="govuk-footer__meta-item">
+        <a
+          class="govuk-footer__link govuk-footer__copyright-logo"
+          href="https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/"
+        >
+        {% if params.copyright.html or params.copyright.text %}
+          {{ params.copyright.html | safe | trim | indent(10) if params.copyright.html else params.copyright.text }}
+        {% else %}
+          © Crown copyright
+        {% endif %}
+        </a>
+      </div>
+    </div>
+  </div>
+</footer>
diff --git a/app/templates/govuk/components/header/README.md b/app/templates/govuk/components/header/README.md
new file mode 100644
index 0000000..0cf8313
--- /dev/null
+++ b/app/templates/govuk/components/header/README.md
@@ -0,0 +1,15 @@
+# Header
+
+## Installation
+
+See the [main README quick start guide](https://github.com/alphagov/govuk-frontend#quick-start) for how to install this component.
+
+## Guidance and Examples
+
+Find out when to use the header component in your service in the [GOV.UK Design System](https://design-system.service.gov.uk/components/header).
+
+## Component options
+
+Use options to customise the appearance, content and behaviour of a component when using a macro, for example, changing the text.
+
+See [options table](https://design-system.service.gov.uk/components/header/#options-header-example) for details.
diff --git a/app/templates/govuk/components/header/_header.scss b/app/templates/govuk/components/header/_header.scss
new file mode 100644
index 0000000..58f250e
--- /dev/null
+++ b/app/templates/govuk/components/header/_header.scss
@@ -0,0 +1,4 @@
+@import "../../base";
+@import "./index";
+
+/*# sourceMappingURL=_header.scss.map */
diff --git a/app/templates/govuk/components/header/_header.scss.map b/app/templates/govuk/components/header/_header.scss.map
new file mode 100644
index 0000000..55ce0da
--- /dev/null
+++ b/app/templates/govuk/components/header/_header.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/header/_header.scss"],"names":[],"mappings":"AAAA,oBAAoB;AACpB,iBAAiB","file":"_header.scss","sourcesContent":["@import \"../../base\";\n@import \"./index\";\n"]}
diff --git a/app/templates/govuk/components/header/_index.scss b/app/templates/govuk/components/header/_index.scss
new file mode 100644
index 0000000..4684d9f
--- /dev/null
+++ b/app/templates/govuk/components/header/_index.scss
@@ -0,0 +1,548 @@
+@include govuk-exports("govuk/component/header") {
+  $govuk-header-background: govuk-colour("black");
+  $govuk-header-border-color: $govuk-brand-colour;
+  $govuk-header-border-width: govuk-spacing(2);
+  $govuk-header-text: govuk-colour("white");
+  $govuk-header-link-active: #1d8feb;
+  $govuk-header-nav-item-border-color: #2e3133;
+  $govuk-header-link-underline-thickness: 3px;
+  $govuk-header-vertical-spacing-value: 2;
+  // This crown height is only used to calculate top offset of mobile menu button
+  // as the crown svg height is the only thing that controls the height of the header
+  $govuk-header-crown-height: 30px;
+  $govuk-header-menu-button-height: 24px;
+  $govuk-header-menu-button-width: 80px;
+
+  $govuk-header-rebrand-background: $govuk-brand-colour;
+  $govuk-header-rebrand-logo-bottom-margin: 2px;
+
+  .govuk-header {
+    @include govuk-font($size: 16, $line-height: 1);
+
+    // Add a transparent bottom border for forced-colour modes
+    @include _govuk-rebrand(
+      "border-bottom",
+      $from: govuk-spacing(2) solid govuk-colour("white"),
+      $to: 1px solid transparent
+    );
+    @include _govuk-rebrand("background", $from: $govuk-header-background, $to: $govuk-header-rebrand-background);
+
+    color: $govuk-header-text;
+  }
+
+  .govuk-header--with-js-navigation {
+    @include govuk-media-query($until: desktop) {
+      .govuk-header__logo {
+        // Protect the absolute positioned menu button from overlapping with the
+        // logo with right padding using the button's width
+        padding-right: $govuk-header-menu-button-width;
+      }
+    }
+  }
+
+  .govuk-header__container--full-width {
+    padding: 0 govuk-spacing(3);
+    border-color: $govuk-header-border-color;
+
+    .govuk-header__menu-button {
+      right: govuk-spacing(3);
+    }
+  }
+
+  .govuk-header__container {
+    @include govuk-clearfix;
+    position: relative;
+    margin-bottom: -$govuk-header-border-width;
+    padding-top: govuk-spacing($govuk-header-vertical-spacing-value);
+    border-bottom: $govuk-header-border-width solid $govuk-header-border-color;
+
+    @include _govuk-rebrand {
+      // Remove the space allocated to the blue bar
+      margin-bottom: 0;
+
+      // Remove padding as the child elements are now responsible for spacing
+      padding-top: 0;
+
+      // Remove the blue bar
+      border-bottom: none;
+    }
+  }
+
+  // TODO: Remove this when _govuk-rebrand becomes the default
+  .govuk-header--full-width-border {
+    border-bottom-color: $govuk-header-border-color;
+
+    .govuk-header__container {
+      border-bottom-color: transparent;
+    }
+  }
+
+  .govuk-header__logotype {
+    display: inline-block;
+    position: relative;
+    top: -3px;
+
+    // Add a gap after the logo in case it's followed by a product name. This
+    // gets removed later if the logotype is a :last-child.
+    margin-right: govuk-spacing(1);
+    fill: currentcolor;
+    vertical-align: top;
+
+    // Prevent readability backplate from obscuring underline in Windows High
+    // Contrast Mode
+    @media (forced-colors: active) {
+      forced-color-adjust: none;
+      color: linktext;
+    }
+
+    // Remove the gap after the logo if there's no product name to keep hover
+    // and focus states neat
+    &:last-child {
+      margin-right: 0;
+    }
+
+    @include _govuk-rebrand {
+      margin-right: govuk-px-to-rem(7px); // 1 'dot'
+      margin-bottom: $govuk-header-rebrand-logo-bottom-margin;
+
+      // Remove right-margin if there's no product name
+      &:last-child {
+        margin-right: 0;
+      }
+    }
+  }
+
+  // Colour in the Dot
+  .govuk-logo-dot {
+    fill: #00ffe0;
+
+    // Override Dot colour when printing
+    @include govuk-media-query($media-type: print) {
+      fill: currentcolor;
+    }
+
+    // Override Dot colour on forced colours mode
+    @media (forced-colors: active) {
+      fill: currentcolor;
+    }
+
+    // Override Dot colour on focus
+    :focus & {
+      fill: currentcolor;
+    }
+  }
+
+  .govuk-header__product-name {
+    $product-name-offset: if($govuk-new-typography-scale, 7px, 10px);
+    $product-name-offset-tablet: 5px;
+
+    @include govuk-font-size($size: 24, $line-height: 1);
+    @include govuk-typography-weight-regular;
+    display: inline-table;
+
+    // Maintain space below logo when wrapped
+    margin-top: $product-name-offset;
+
+    // Firefox places the GOV.UK logo one pixel higher, due to how it rounds
+    // subpixels, so nudge the product name in FF to still be aligned.
+    @-moz-document url-prefix() {
+      margin-top: $product-name-offset - 0.5px;
+    }
+
+    // Align vertically with logo when not wrapped
+    vertical-align: top;
+
+    @include govuk-media-query($from: tablet) {
+      margin-top: $product-name-offset-tablet;
+      @-moz-document url-prefix() {
+        margin-top: $product-name-offset-tablet - 0.5px;
+      }
+    }
+
+    @include _govuk-rebrand {
+      // Remove top margin
+      margin-top: 0;
+
+      // Remove 1px from the bottom to account for the font-size being 1px
+      // larger than the logo height.
+      margin-bottom: govuk-px-to-rem(-1px);
+
+      // Magic number font-size that visually aligns with GOV.UK logo.
+      // Also stops reducing the product name size on narrow screens
+      font-size: govuk-px-to-rem(31px);
+
+      // Reduce letter spacing
+      letter-spacing: -0.015em;
+
+      // Prevent forced colour modes from applying a background colour behind
+      // the product name, which cuts off the underline that appears on hover.
+      forced-color-adjust: none;
+
+      @media screen and (forced-colors: active) {
+        color: LinkText;
+        background: transparent;
+      }
+
+      // Remove top margin on the breakpoints too
+      @include govuk-media-query($from: tablet) {
+        margin-top: 0;
+      }
+
+      @include govuk-media-query($from: desktop) {
+        margin-top: 0;
+      }
+    }
+  }
+
+  .govuk-header__link {
+    // Avoid using the `govuk-link-common` mixin because the links in the header
+    // get a special treatment, because:
+    //
+    // - underlines are only visible on hover
+    // - all links get a 3px underline regardless of text size, as there are
+    //   multiple grouped elements close to one another and having slightly
+    //   different underline widths looks unbalanced
+    @include govuk-link-style-inverse;
+
+    text-decoration: none;
+
+    &:hover {
+      text-decoration: underline;
+      text-decoration-thickness: $govuk-header-link-underline-thickness;
+
+      @if $govuk-link-underline-offset {
+        text-underline-offset: $govuk-link-underline-offset;
+      }
+    }
+
+    &:focus {
+      @include govuk-focused-text;
+    }
+  }
+
+  .govuk-header__link--homepage {
+    // Font size needs to be set on the link so that the box sizing is correct
+    // in Firefox
+    display: inline-block;
+    margin-right: govuk-spacing(2);
+    font-size: 30px; // We don't have a mixin that produces 30px font size
+
+    @include govuk-media-query($from: desktop) {
+      display: inline;
+    }
+
+    &:link,
+    &:visited {
+      text-decoration: none;
+    }
+
+    &:hover,
+    &:active {
+      // Negate the added border
+      margin-bottom: $govuk-header-link-underline-thickness * -1;
+      border-bottom: $govuk-header-link-underline-thickness solid;
+    }
+
+    // Remove any borders that show when focused and hovered.
+    &:focus {
+      margin-bottom: 0;
+      border-bottom: 0;
+    }
+
+    @include _govuk-rebrand {
+      display: inline;
+
+      // Remove word-spacing from within the logo so we can ignore
+      // whitespace characters in the HTML
+      word-spacing: govuk-px-to-rem(-6px);
+
+      // Reset word-spacing for child elements
+      > * {
+        word-spacing: 0;
+      }
+
+      &:not(:focus) {
+        background-color: $govuk-header-rebrand-background;
+      }
+    }
+  }
+
+  .govuk-header__service-name {
+    display: inline-block;
+    margin-bottom: govuk-spacing(2);
+    @include govuk-font-size($size: 24);
+    @include govuk-typography-weight-bold;
+
+    @include _govuk-rebrand {
+      // Apply margins to internal elements to emulate padding
+      margin-bottom: govuk-spacing(3);
+
+      @include govuk-media-query($from: desktop) {
+        // Magic number to align service name baseline with the GOV.UK logo
+        $service-name-offset: 4px;
+
+        margin: (govuk-spacing(3) + $service-name-offset) 0 (govuk-spacing(3) - $service-name-offset);
+      }
+    }
+  }
+
+  .govuk-header__logo,
+  .govuk-header__content {
+    box-sizing: border-box;
+  }
+
+  .govuk-header__logo {
+    @include govuk-responsive-margin($govuk-header-vertical-spacing-value, "bottom");
+
+    @include govuk-media-query($from: desktop) {
+      width: 33.33%;
+      padding-right: $govuk-gutter-half;
+      float: left;
+      vertical-align: top;
+
+      // Reset float when logo is the last child, without a navigation
+      &:last-child {
+        width: auto;
+        padding-right: 0;
+        float: none;
+      }
+    }
+
+    @include _govuk-rebrand {
+      // Apply margins to internal elements to emulate padding
+      margin-bottom: 0;
+
+      // Magic numbers, set padding to vertically centre align the logo
+      padding-top: 16px;
+      padding-bottom: 14px - $govuk-header-rebrand-logo-bottom-margin;
+    }
+  }
+
+  .govuk-header__content {
+    @include govuk-media-query($from: desktop) {
+      width: 66.66%;
+      padding-left: $govuk-gutter-half;
+      float: left;
+    }
+  }
+
+  .govuk-header__menu-button {
+    @include govuk-font($size: 16);
+    max-width: $govuk-header-menu-button-width;
+    min-height: $govuk-header-menu-button-height;
+    margin-bottom: govuk-spacing(1);
+    padding: 0;
+    border: 0;
+    color: govuk-colour("white");
+    background: none;
+    word-break: break-all;
+    cursor: pointer;
+
+    &:hover {
+      -webkit-text-decoration: solid underline $govuk-header-link-underline-thickness;
+              text-decoration: solid underline $govuk-header-link-underline-thickness;
+
+      @if $govuk-link-underline-offset {
+        text-underline-offset: $govuk-link-underline-offset;
+      }
+    }
+
+    &:focus {
+      @include govuk-focused-text;
+    }
+
+    &::after {
+      @include govuk-shape-arrow($direction: down, $base: 10px, $display: inline-block);
+      content: "";
+      margin-left: govuk-spacing(1);
+    }
+
+    &[aria-expanded="true"]::after {
+      @include govuk-shape-arrow($direction: up, $base: 10px, $display: inline-block);
+    }
+
+    @include govuk-media-query($from: mobile) {
+      position: absolute;
+      // calculate top offset by:
+      // - getting the vertical spacing for the top and the bottom of the header
+      // - adding that to the crown height
+      // - dividing it by 2 so you have the vertical centre of the header
+      // - subtracting half the height of the menu button
+      top: (((govuk-spacing($govuk-header-vertical-spacing-value) * 2) + $govuk-header-crown-height) / 2) -
+        ($govuk-header-menu-button-height / 2);
+      right: 0;
+      margin: 0;
+    }
+
+    @include govuk-media-query($from: tablet) {
+      top: govuk-spacing(3);
+    }
+
+    .govuk-frontend-supported & {
+      display: block;
+    }
+
+    &[hidden],
+    .govuk-frontend-supported &[hidden] {
+      display: none;
+    }
+  }
+
+  .govuk-header__navigation {
+    @include govuk-media-query($until: mobile) {
+      @include _govuk-rebrand {
+        padding-bottom: govuk-spacing(3);
+      }
+    }
+
+    @include govuk-media-query($from: desktop) {
+      margin-bottom: govuk-spacing(2);
+
+      @include _govuk-rebrand {
+        // Magic number so that the bottom of the nav links aligns with the
+        // baseline of the GOV.UK logo
+        $navigation-offset: 7px;
+
+        // Apply margins to internal elements to emulate padding
+        margin-bottom: 0;
+        padding: (govuk-spacing(3) + $navigation-offset) 0 (govuk-spacing(3) - $navigation-offset);
+      }
+    }
+  }
+
+  .govuk-header__service-name + .govuk-header__navigation {
+    @include _govuk-rebrand {
+      @include govuk-media-query($from: desktop) {
+        // If there's both a service name and navigation,
+        // remove the extra padding between them on desktop
+        padding-top: 0;
+
+        // Restore the full bottom padding as the navigation isn't standalone
+        padding-bottom: govuk-spacing(3);
+      }
+    }
+  }
+
+  .govuk-header__navigation-list {
+    // Reset user-agent default list styles
+    margin: 0;
+    padding: 0;
+    list-style: none;
+
+    &[hidden] {
+      display: none;
+    }
+
+    @include _govuk-rebrand {
+      @include govuk-media-query($from: mobile, $until: desktop) {
+        padding-bottom: govuk-spacing(3);
+      }
+    }
+  }
+
+  .govuk-header__navigation--end {
+    @include govuk-media-query($from: desktop) {
+      margin: 0;
+      padding: govuk-spacing(1) 0;
+      text-align: right;
+    }
+  }
+
+  .govuk-header__navigation-item {
+    padding: govuk-spacing(2) 0;
+    border-bottom: 1px solid $govuk-header-nav-item-border-color;
+
+    @include govuk-media-query($from: desktop) {
+      display: inline-block;
+      margin-right: govuk-spacing(3);
+      padding: govuk-spacing(1) 0;
+      border: 0;
+    }
+
+    a {
+      @include govuk-font-size($size: 16);
+      @include govuk-typography-weight-bold;
+      white-space: nowrap;
+    }
+
+    @include _govuk-rebrand {
+      // Increase top padding of nav items...
+      padding-top: govuk-spacing(3);
+
+      // ...except on desktop
+      @include govuk-media-query($from: desktop) {
+        padding-top: govuk-spacing(1);
+      }
+
+      // Change the dividing line colour between mobile nav items
+      border-bottom-color: govuk-colour("white");
+
+      // Reduce default weight of links so that we can use bold for active ones
+      a {
+        @include govuk-typography-weight-regular;
+      }
+    }
+  }
+
+  .govuk-header__navigation-item--active {
+    a {
+      @include _govuk-rebrand {
+        // Change active links to use bold text instead of changing colour
+        @include govuk-typography-weight-bold;
+      }
+
+      &:link,
+      &:hover,
+      &:visited {
+        color: $govuk-header-link-active;
+
+        @include _govuk-rebrand {
+          color: inherit;
+        }
+      }
+
+      // When printing, use the normal blue as this contrasts better with the
+      // white printing header
+      @include govuk-media-query($media-type: print) {
+        color: $govuk-brand-colour;
+      }
+
+      // When focussed, the text colour needs to be darker to ensure that colour
+      // contrast is still acceptable
+      &:focus {
+        color: $govuk-focus-text-colour;
+
+        @include _govuk-rebrand {
+          color: $govuk-focus-text-colour;
+        }
+      }
+    }
+  }
+
+  .govuk-header__navigation-item:last-child {
+    margin-right: 0;
+    border-bottom: 0;
+  }
+
+  @include govuk-media-query($media-type: print) {
+    .govuk-header {
+      border-bottom-width: 0;
+      color: govuk-colour("black");
+      background: transparent;
+    }
+
+    .govuk-header__link {
+      &:link,
+      &:visited {
+        color: govuk-colour("black");
+      }
+
+      // Do not append link href to GOV.UK link when printing (e.g. '(/)')
+      &::after {
+        display: none;
+      }
+    }
+  }
+}
+
+/*# sourceMappingURL=_index.scss.map */
diff --git a/app/templates/govuk/components/header/_index.scss.map b/app/templates/govuk/components/header/_index.scss.map
new file mode 100644
index 0000000..32f04ac
--- /dev/null
+++ b/app/templates/govuk/components/header/_index.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/header/_index.scss"],"names":[],"mappings":"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","file":"_index.scss","sourcesContent":["@include govuk-exports(\"govuk/component/header\") {\n  $govuk-header-background: govuk-colour(\"black\");\n  $govuk-header-border-color: $govuk-brand-colour;\n  $govuk-header-border-width: govuk-spacing(2);\n  $govuk-header-text: govuk-colour(\"white\");\n  $govuk-header-link-active: #1d8feb;\n  $govuk-header-nav-item-border-color: #2e3133;\n  $govuk-header-link-underline-thickness: 3px;\n  $govuk-header-vertical-spacing-value: 2;\n  // This crown height is only used to calculate top offset of mobile menu button\n  // as the crown svg height is the only thing that controls the height of the header\n  $govuk-header-crown-height: 30px;\n  $govuk-header-menu-button-height: 24px;\n  $govuk-header-menu-button-width: 80px;\n\n  $govuk-header-rebrand-background: $govuk-brand-colour;\n  $govuk-header-rebrand-logo-bottom-margin: 2px;\n\n  .govuk-header {\n    @include govuk-font($size: 16, $line-height: 1);\n\n    // Add a transparent bottom border for forced-colour modes\n    @include _govuk-rebrand(\n      \"border-bottom\",\n      $from: govuk-spacing(2) solid govuk-colour(\"white\"),\n      $to: 1px solid transparent\n    );\n    @include _govuk-rebrand(\"background\", $from: $govuk-header-background, $to: $govuk-header-rebrand-background);\n\n    color: $govuk-header-text;\n  }\n\n  .govuk-header--with-js-navigation {\n    @include govuk-media-query($until: desktop) {\n      .govuk-header__logo {\n        // Protect the absolute positioned menu button from overlapping with the\n        // logo with right padding using the button's width\n        padding-right: $govuk-header-menu-button-width;\n      }\n    }\n  }\n\n  .govuk-header__container--full-width {\n    padding: 0 govuk-spacing(3);\n    border-color: $govuk-header-border-color;\n\n    .govuk-header__menu-button {\n      right: govuk-spacing(3);\n    }\n  }\n\n  .govuk-header__container {\n    @include govuk-clearfix;\n    position: relative;\n    margin-bottom: -$govuk-header-border-width;\n    padding-top: govuk-spacing($govuk-header-vertical-spacing-value);\n    border-bottom: $govuk-header-border-width solid $govuk-header-border-color;\n\n    @include _govuk-rebrand {\n      // Remove the space allocated to the blue bar\n      margin-bottom: 0;\n\n      // Remove padding as the child elements are now responsible for spacing\n      padding-top: 0;\n\n      // Remove the blue bar\n      border-bottom: none;\n    }\n  }\n\n  // TODO: Remove this when _govuk-rebrand becomes the default\n  .govuk-header--full-width-border {\n    border-bottom-color: $govuk-header-border-color;\n\n    .govuk-header__container {\n      border-bottom-color: transparent;\n    }\n  }\n\n  .govuk-header__logotype {\n    display: inline-block;\n    position: relative;\n    top: -3px;\n\n    // Add a gap after the logo in case it's followed by a product name. This\n    // gets removed later if the logotype is a :last-child.\n    margin-right: govuk-spacing(1);\n    fill: currentcolor;\n    vertical-align: top;\n\n    // Prevent readability backplate from obscuring underline in Windows High\n    // Contrast Mode\n    @media (forced-colors: active) {\n      forced-color-adjust: none;\n      color: linktext;\n    }\n\n    // Remove the gap after the logo if there's no product name to keep hover\n    // and focus states neat\n    &:last-child {\n      margin-right: 0;\n    }\n\n    @include _govuk-rebrand {\n      margin-right: govuk-px-to-rem(7px); // 1 'dot'\n      margin-bottom: $govuk-header-rebrand-logo-bottom-margin;\n\n      // Remove right-margin if there's no product name\n      &:last-child {\n        margin-right: 0;\n      }\n    }\n  }\n\n  // Colour in the Dot\n  .govuk-logo-dot {\n    fill: #00ffe0;\n\n    // Override Dot colour when printing\n    @include govuk-media-query($media-type: print) {\n      fill: currentcolor;\n    }\n\n    // Override Dot colour on forced colours mode\n    @media (forced-colors: active) {\n      fill: currentcolor;\n    }\n\n    // Override Dot colour on focus\n    :focus & {\n      fill: currentcolor;\n    }\n  }\n\n  .govuk-header__product-name {\n    $product-name-offset: if($govuk-new-typography-scale, 7px, 10px);\n    $product-name-offset-tablet: 5px;\n\n    @include govuk-font-size($size: 24, $line-height: 1);\n    @include govuk-typography-weight-regular;\n    display: inline-table;\n\n    // Maintain space below logo when wrapped\n    margin-top: $product-name-offset;\n\n    // Firefox places the GOV.UK logo one pixel higher, due to how it rounds\n    // subpixels, so nudge the product name in FF to still be aligned.\n    @-moz-document url-prefix() {\n      margin-top: $product-name-offset - 0.5px;\n    }\n\n    // Align vertically with logo when not wrapped\n    vertical-align: top;\n\n    @include govuk-media-query($from: tablet) {\n      margin-top: $product-name-offset-tablet;\n      @-moz-document url-prefix() {\n        margin-top: $product-name-offset-tablet - 0.5px;\n      }\n    }\n\n    @include _govuk-rebrand {\n      // Remove top margin\n      margin-top: 0;\n\n      // Remove 1px from the bottom to account for the font-size being 1px\n      // larger than the logo height.\n      margin-bottom: govuk-px-to-rem(-1px);\n\n      // Magic number font-size that visually aligns with GOV.UK logo.\n      // Also stops reducing the product name size on narrow screens\n      font-size: govuk-px-to-rem(31px);\n\n      // Reduce letter spacing\n      letter-spacing: -0.015em;\n\n      // Prevent forced colour modes from applying a background colour behind\n      // the product name, which cuts off the underline that appears on hover.\n      forced-color-adjust: none;\n\n      @media screen and (forced-colors: active) {\n        color: LinkText;\n        background: transparent;\n      }\n\n      // Remove top margin on the breakpoints too\n      @include govuk-media-query($from: tablet) {\n        margin-top: 0;\n      }\n\n      @include govuk-media-query($from: desktop) {\n        margin-top: 0;\n      }\n    }\n  }\n\n  .govuk-header__link {\n    // Avoid using the `govuk-link-common` mixin because the links in the header\n    // get a special treatment, because:\n    //\n    // - underlines are only visible on hover\n    // - all links get a 3px underline regardless of text size, as there are\n    //   multiple grouped elements close to one another and having slightly\n    //   different underline widths looks unbalanced\n    @include govuk-link-style-inverse;\n\n    text-decoration: none;\n\n    &:hover {\n      text-decoration: underline;\n      text-decoration-thickness: $govuk-header-link-underline-thickness;\n\n      @if $govuk-link-underline-offset {\n        text-underline-offset: $govuk-link-underline-offset;\n      }\n    }\n\n    &:focus {\n      @include govuk-focused-text;\n    }\n  }\n\n  .govuk-header__link--homepage {\n    // Font size needs to be set on the link so that the box sizing is correct\n    // in Firefox\n    display: inline-block;\n    margin-right: govuk-spacing(2);\n    font-size: 30px; // We don't have a mixin that produces 30px font size\n\n    @include govuk-media-query($from: desktop) {\n      display: inline;\n    }\n\n    &:link,\n    &:visited {\n      text-decoration: none;\n    }\n\n    &:hover,\n    &:active {\n      // Negate the added border\n      margin-bottom: $govuk-header-link-underline-thickness * -1;\n      border-bottom: $govuk-header-link-underline-thickness solid;\n    }\n\n    // Remove any borders that show when focused and hovered.\n    &:focus {\n      margin-bottom: 0;\n      border-bottom: 0;\n    }\n\n    @include _govuk-rebrand {\n      display: inline;\n\n      // Remove word-spacing from within the logo so we can ignore\n      // whitespace characters in the HTML\n      word-spacing: govuk-px-to-rem(-6px);\n\n      // Reset word-spacing for child elements\n      > * {\n        word-spacing: 0;\n      }\n\n      &:not(:focus) {\n        background-color: $govuk-header-rebrand-background;\n      }\n    }\n  }\n\n  .govuk-header__service-name {\n    display: inline-block;\n    margin-bottom: govuk-spacing(2);\n    @include govuk-font-size($size: 24);\n    @include govuk-typography-weight-bold;\n\n    @include _govuk-rebrand {\n      // Apply margins to internal elements to emulate padding\n      margin-bottom: govuk-spacing(3);\n\n      @include govuk-media-query($from: desktop) {\n        // Magic number to align service name baseline with the GOV.UK logo\n        $service-name-offset: 4px;\n\n        margin: (govuk-spacing(3) + $service-name-offset) 0 (govuk-spacing(3) - $service-name-offset);\n      }\n    }\n  }\n\n  .govuk-header__logo,\n  .govuk-header__content {\n    box-sizing: border-box;\n  }\n\n  .govuk-header__logo {\n    @include govuk-responsive-margin($govuk-header-vertical-spacing-value, \"bottom\");\n\n    @include govuk-media-query($from: desktop) {\n      width: 33.33%;\n      padding-right: $govuk-gutter-half;\n      float: left;\n      vertical-align: top;\n\n      // Reset float when logo is the last child, without a navigation\n      &:last-child {\n        width: auto;\n        padding-right: 0;\n        float: none;\n      }\n    }\n\n    @include _govuk-rebrand {\n      // Apply margins to internal elements to emulate padding\n      margin-bottom: 0;\n\n      // Magic numbers, set padding to vertically centre align the logo\n      padding-top: 16px;\n      padding-bottom: 14px - $govuk-header-rebrand-logo-bottom-margin;\n    }\n  }\n\n  .govuk-header__content {\n    @include govuk-media-query($from: desktop) {\n      width: 66.66%;\n      padding-left: $govuk-gutter-half;\n      float: left;\n    }\n  }\n\n  .govuk-header__menu-button {\n    @include govuk-font($size: 16);\n    max-width: $govuk-header-menu-button-width;\n    min-height: $govuk-header-menu-button-height;\n    margin-bottom: govuk-spacing(1);\n    padding: 0;\n    border: 0;\n    color: govuk-colour(\"white\");\n    background: none;\n    word-break: break-all;\n    cursor: pointer;\n\n    &:hover {\n      text-decoration: solid underline $govuk-header-link-underline-thickness;\n\n      @if $govuk-link-underline-offset {\n        text-underline-offset: $govuk-link-underline-offset;\n      }\n    }\n\n    &:focus {\n      @include govuk-focused-text;\n    }\n\n    &::after {\n      @include govuk-shape-arrow($direction: down, $base: 10px, $display: inline-block);\n      content: \"\";\n      margin-left: govuk-spacing(1);\n    }\n\n    &[aria-expanded=\"true\"]::after {\n      @include govuk-shape-arrow($direction: up, $base: 10px, $display: inline-block);\n    }\n\n    @include govuk-media-query($from: mobile) {\n      position: absolute;\n      // calculate top offset by:\n      // - getting the vertical spacing for the top and the bottom of the header\n      // - adding that to the crown height\n      // - dividing it by 2 so you have the vertical centre of the header\n      // - subtracting half the height of the menu button\n      top: (((govuk-spacing($govuk-header-vertical-spacing-value) * 2) + $govuk-header-crown-height) / 2) -\n        ($govuk-header-menu-button-height / 2);\n      right: 0;\n      margin: 0;\n    }\n\n    @include govuk-media-query($from: tablet) {\n      top: govuk-spacing(3);\n    }\n\n    .govuk-frontend-supported & {\n      display: block;\n    }\n\n    &[hidden],\n    .govuk-frontend-supported &[hidden] {\n      display: none;\n    }\n  }\n\n  .govuk-header__navigation {\n    @include govuk-media-query($until: mobile) {\n      @include _govuk-rebrand {\n        padding-bottom: govuk-spacing(3);\n      }\n    }\n\n    @include govuk-media-query($from: desktop) {\n      margin-bottom: govuk-spacing(2);\n\n      @include _govuk-rebrand {\n        // Magic number so that the bottom of the nav links aligns with the\n        // baseline of the GOV.UK logo\n        $navigation-offset: 7px;\n\n        // Apply margins to internal elements to emulate padding\n        margin-bottom: 0;\n        padding: (govuk-spacing(3) + $navigation-offset) 0 (govuk-spacing(3) - $navigation-offset);\n      }\n    }\n  }\n\n  .govuk-header__service-name + .govuk-header__navigation {\n    @include _govuk-rebrand {\n      @include govuk-media-query($from: desktop) {\n        // If there's both a service name and navigation,\n        // remove the extra padding between them on desktop\n        padding-top: 0;\n\n        // Restore the full bottom padding as the navigation isn't standalone\n        padding-bottom: govuk-spacing(3);\n      }\n    }\n  }\n\n  .govuk-header__navigation-list {\n    // Reset user-agent default list styles\n    margin: 0;\n    padding: 0;\n    list-style: none;\n\n    &[hidden] {\n      display: none;\n    }\n\n    @include _govuk-rebrand {\n      @include govuk-media-query($from: mobile, $until: desktop) {\n        padding-bottom: govuk-spacing(3);\n      }\n    }\n  }\n\n  .govuk-header__navigation--end {\n    @include govuk-media-query($from: desktop) {\n      margin: 0;\n      padding: govuk-spacing(1) 0;\n      text-align: right;\n    }\n  }\n\n  .govuk-header__navigation-item {\n    padding: govuk-spacing(2) 0;\n    border-bottom: 1px solid $govuk-header-nav-item-border-color;\n\n    @include govuk-media-query($from: desktop) {\n      display: inline-block;\n      margin-right: govuk-spacing(3);\n      padding: govuk-spacing(1) 0;\n      border: 0;\n    }\n\n    a {\n      @include govuk-font-size($size: 16);\n      @include govuk-typography-weight-bold;\n      white-space: nowrap;\n    }\n\n    @include _govuk-rebrand {\n      // Increase top padding of nav items...\n      padding-top: govuk-spacing(3);\n\n      // ...except on desktop\n      @include govuk-media-query($from: desktop) {\n        padding-top: govuk-spacing(1);\n      }\n\n      // Change the dividing line colour between mobile nav items\n      border-bottom-color: govuk-colour(\"white\");\n\n      // Reduce default weight of links so that we can use bold for active ones\n      a {\n        @include govuk-typography-weight-regular;\n      }\n    }\n  }\n\n  .govuk-header__navigation-item--active {\n    a {\n      @include _govuk-rebrand {\n        // Change active links to use bold text instead of changing colour\n        @include govuk-typography-weight-bold;\n      }\n\n      &:link,\n      &:hover,\n      &:visited {\n        color: $govuk-header-link-active;\n\n        @include _govuk-rebrand {\n          color: inherit;\n        }\n      }\n\n      // When printing, use the normal blue as this contrasts better with the\n      // white printing header\n      @include govuk-media-query($media-type: print) {\n        color: $govuk-brand-colour;\n      }\n\n      // When focussed, the text colour needs to be darker to ensure that colour\n      // contrast is still acceptable\n      &:focus {\n        color: $govuk-focus-text-colour;\n\n        @include _govuk-rebrand {\n          color: $govuk-focus-text-colour;\n        }\n      }\n    }\n  }\n\n  .govuk-header__navigation-item:last-child {\n    margin-right: 0;\n    border-bottom: 0;\n  }\n\n  @include govuk-media-query($media-type: print) {\n    .govuk-header {\n      border-bottom-width: 0;\n      color: govuk-colour(\"black\");\n      background: transparent;\n    }\n\n    .govuk-header__link {\n      &:link,\n      &:visited {\n        color: govuk-colour(\"black\");\n      }\n\n      // Do not append link href to GOV.UK link when printing (e.g. '(/)')\n      &::after {\n        display: none;\n      }\n    }\n  }\n}\n"]}
diff --git a/app/templates/govuk/components/header/fixtures.json b/app/templates/govuk/components/header/fixtures.json
new file mode 100644
index 0000000..97ce7f9
--- /dev/null
+++ b/app/templates/govuk/components/header/fixtures.json
@@ -0,0 +1,602 @@
+{
+    "component": "header",
+    "fixtures": [
+        {
+            "name": "default",
+            "options": {},
+            "hidden": false,
+            "description": "The standard header as used on information pages on GOV.UK",
+            "pageTemplateOptions": {},
+            "screenshot": true,
+            "html": "<header class=\"govuk-header\" data-module=\"govuk-header\">\n  <div class=\"govuk-header__container govuk-width-container\">\n    <div class=\"govuk-header__logo\">\n      <a href=\"/\" class=\"govuk-header__link govuk-header__link--homepage\">\n        <svg\n            focusable=\"false\"\n            role=\"img\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            viewBox=\"0 0 296 60\"\n            height=\"30\"\n            width=\"148\"\n            fill=\"currentcolor\" class=\"govuk-header__logotype\" aria-label=\"GOV.UK\"\n          ><title>GOV.UK</title>    <g>\n                <circle cx=\"20\" cy=\"17.6\" r=\"3.7\"/>\n                <circle cx=\"10.2\" cy=\"23.5\" r=\"3.7\"/>\n                <circle cx=\"3.7\" cy=\"33.2\" r=\"3.7\"/>\n                <circle cx=\"31.7\" cy=\"30.6\" r=\"3.7\"/>\n                <circle cx=\"43.3\" cy=\"17.6\" r=\"3.7\"/>\n                <circle cx=\"53.2\" cy=\"23.5\" r=\"3.7\"/>\n                <circle cx=\"59.7\" cy=\"33.2\" r=\"3.7\"/>\n                <circle cx=\"31.7\" cy=\"30.6\" r=\"3.7\"/>\n                <path d=\"M33.1,9.8c.2-.1.3-.3.5-.5l4.6,2.4v-6.8l-4.6,1.5c-.1-.2-.3-.3-.5-.5l1.9-5.9h-6.7l1.9,5.9c-.2.1-.3.3-.5.5l-4.6-1.5v6.8l4.6-2.4c.1.2.3.3.5.5l-2.6,8c-.9,2.8,1.2,5.7,4.1,5.7h0c3,0,5.1-2.9,4.1-5.7l-2.6-8ZM37,37.9s-3.4,3.8-4.1,6.1c2.2,0,4.2-.5,6.4-2.8l-.7,8.5c-2-2.8-4.4-4.1-5.7-3.8.1,3.1.5,6.7,5.8,7.2,3.7.3,6.7-1.5,7-3.8.4-2.6-2-4.3-3.7-1.6-1.4-4.5,2.4-6.1,4.9-3.2-1.9-4.5-1.8-7.7,2.4-10.9,3,4,2.6,7.3-1.2,11.1,2.4-1.3,6.2,0,4,4.6-1.2-2.8-3.7-2.2-4.2.2-.3,1.7.7,3.7,3,4.2,1.9.3,4.7-.9,7-5.9-1.3,0-2.4.7-3.9,1.7l2.4-8c.6,2.3,1.4,3.7,2.2,4.5.6-1.6.5-2.8,0-5.3l5,1.8c-2.6,3.6-5.2,8.7-7.3,17.5-7.4-1.1-15.7-1.7-24.5-1.7h0c-8.8,0-17.1.6-24.5,1.7-2.1-8.9-4.7-13.9-7.3-17.5l5-1.8c-.5,2.5-.6,3.7,0,5.3.8-.8,1.6-2.3,2.2-4.5l2.4,8c-1.5-1-2.6-1.7-3.9-1.7,2.3,5,5.2,6.2,7,5.9,2.3-.4,3.3-2.4,3-4.2-.5-2.4-3-3.1-4.2-.2-2.2-4.6,1.6-6,4-4.6-3.7-3.7-4.2-7.1-1.2-11.1,4.2,3.2,4.3,6.4,2.4,10.9,2.5-2.8,6.3-1.3,4.9,3.2-1.8-2.7-4.1-1-3.7,1.6.3,2.3,3.3,4.1,7,3.8,5.4-.5,5.7-4.2,5.8-7.2-1.3-.2-3.7,1-5.7,3.8l-.7-8.5c2.2,2.3,4.2,2.7,6.4,2.8-.7-2.3-4.1-6.1-4.1-6.1h10.6,0Z\"/>\n              </g>\n              <path d=\"M88.6,33.2c0,1.8.2,3.4.6,5s1.2,3,2,4.4c1,1.2,2,2.2,3.4,3s3,1.2,5,1.2,3.4-.2,4.6-.8,2.2-1.4,3-2.2,1.2-1.8,1.6-3c.2-1,.4-2,.4-3v-.4h-10.6v-6.4h18.8v23h-7.4v-5c-.6.8-1.2,1.6-2,2.2-.8.6-1.6,1.2-2.6,1.8-1,.4-2,.8-3.2,1.2s-2.4.4-3.6.4c-3,0-5.8-.6-8-1.6-2.4-1.2-4.4-2.6-6-4.6s-2.8-4.2-3.6-6.8c-.6-2.8-1-5.6-1-8.6s.4-5.8,1.4-8.4,2.2-4.8,4-6.8,3.8-3.4,6.2-4.6c2.4-1.2,5.2-1.6,8.2-1.6s3.8.2,5.6.6c1.8.4,3.4,1.2,4.8,2s2.8,1.8,3.8,3c1.2,1.2,2,2.6,2.8,4l-7.4,4.2c-.4-.8-1-1.8-1.6-2.4-.6-.8-1.2-1.4-2-2s-1.6-1-2.6-1.4-2.2-.4-3.4-.4c-2,0-3.6.4-5,1.2-1.4.8-2.6,1.8-3.4,3-1,1.2-1.6,2.8-2,4.4-.6,1.6-.8,3.8-.8,5.4ZM161.4,24.6c-.8-2.6-2.2-4.8-4-6.8s-3.8-3.4-6.2-4.6c-2.4-1.2-5.2-1.6-8.4-1.6s-5.8.6-8.4,1.6c-2.2,1.2-4.4,2.8-6,4.6-1.8,2-3,4.2-4,6.8-.8,2.6-1.4,5.4-1.4,8.4s.4,5.8,1.4,8.4c.8,2.6,2.2,4.8,4,6.8s3.8,3.4,6.2,4.6c2.4,1.2,5.2,1.6,8.4,1.6s5.8-.6,8.4-1.6c2.4-1.2,4.6-2.6,6.2-4.6,1.8-2,3-4.2,4-6.8.8-2.6,1.4-5.4,1.4-8.4-.2-3-.6-5.8-1.6-8.4h0ZM154,33.2c0,2-.2,3.8-.8,5.4-.4,1.6-1.2,3.2-2.2,4.4s-2.2,2.2-3.4,2.8c-1.4.6-3,1-4.8,1s-3.4-.4-4.8-1-2.6-1.6-3.4-2.8c-1-1.2-1.6-2.6-2.2-4.4-.4-1.6-.8-3.4-.8-5.4v-.2c0-2,.2-3.8.8-5.4.4-1.6,1.2-3.2,2.2-4.4,1-1.2,2.2-2.2,3.4-2.8,1.4-.6,3-1,4.8-1s3.4.4,4.8,1,2.6,1.6,3.4,2.8c1,1.2,1.6,2.6,2.2,4.4.4,1.6.8,3.4.8,5.4v.2ZM177.8,54l-11.8-42h9.4l8,31.4h.2l8-31.4h9.4l-11.8,42h-11.4,0ZM235.4,46.7c1.2,0,2.4-.2,3.4-.6,1-.4,2-.8,2.8-1.6s1.4-1.6,1.8-2.8c.4-1.2.6-2.4.6-4V11.8h8.2v27.2c0,2.4-.4,4.4-1.2,6.2s-2,3.4-3.6,4.8c-1.4,1.4-3.2,2.4-5.4,3-2,.8-4.4,1-6.8,1s-4.8-.4-6.8-1c-2-.8-3.8-1.8-5.4-3-1.6-1.4-2.6-3-3.6-4.8-.8-1.8-1.2-4-1.2-6.2V11.7h8.4v26c0,1.6.2,2.8.6,4,.4,1.2,1,2,1.8,2.8s1.6,1.2,2.8,1.6c1.2.4,2.2.6,3.6.6h0ZM261.4,11.9h8.4v18.2l14.8-18.2h10.4l-14.4,16.8,15.4,25.2h-9.8l-11-18.8-5.4,6v12.8h-8.4V11.9h0ZM206.2,44.2c-3,0-5.4,2.4-5.4,5.4s2.4,5.4,5.4,5.4,5.4-2.4,5.4-5.4-2.4-5.4-5.4-5.4Z\"/>\n          </svg>\n      </a>\n    </div>\n  </div>\n</header>"
+        },
+        {
+            "name": "with service name",
+            "options": {
+                "serviceName": "Service Name",
+                "serviceUrl": "/components/header"
+            },
+            "hidden": false,
+            "description": "If your service is more than a few pages long, you can help users understand where they are by adding the service name.",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<header class=\"govuk-header\" data-module=\"govuk-header\">\n  <div class=\"govuk-header__container govuk-width-container\">\n    <div class=\"govuk-header__logo\">\n      <a href=\"/\" class=\"govuk-header__link govuk-header__link--homepage\">\n        <svg\n            focusable=\"false\"\n            role=\"img\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            viewBox=\"0 0 296 60\"\n            height=\"30\"\n            width=\"148\"\n            fill=\"currentcolor\" class=\"govuk-header__logotype\" aria-label=\"GOV.UK\"\n          ><title>GOV.UK</title>    <g>\n                <circle cx=\"20\" cy=\"17.6\" r=\"3.7\"/>\n                <circle cx=\"10.2\" cy=\"23.5\" r=\"3.7\"/>\n                <circle cx=\"3.7\" cy=\"33.2\" r=\"3.7\"/>\n                <circle cx=\"31.7\" cy=\"30.6\" r=\"3.7\"/>\n                <circle cx=\"43.3\" cy=\"17.6\" r=\"3.7\"/>\n                <circle cx=\"53.2\" cy=\"23.5\" r=\"3.7\"/>\n                <circle cx=\"59.7\" cy=\"33.2\" r=\"3.7\"/>\n                <circle cx=\"31.7\" cy=\"30.6\" r=\"3.7\"/>\n                <path d=\"M33.1,9.8c.2-.1.3-.3.5-.5l4.6,2.4v-6.8l-4.6,1.5c-.1-.2-.3-.3-.5-.5l1.9-5.9h-6.7l1.9,5.9c-.2.1-.3.3-.5.5l-4.6-1.5v6.8l4.6-2.4c.1.2.3.3.5.5l-2.6,8c-.9,2.8,1.2,5.7,4.1,5.7h0c3,0,5.1-2.9,4.1-5.7l-2.6-8ZM37,37.9s-3.4,3.8-4.1,6.1c2.2,0,4.2-.5,6.4-2.8l-.7,8.5c-2-2.8-4.4-4.1-5.7-3.8.1,3.1.5,6.7,5.8,7.2,3.7.3,6.7-1.5,7-3.8.4-2.6-2-4.3-3.7-1.6-1.4-4.5,2.4-6.1,4.9-3.2-1.9-4.5-1.8-7.7,2.4-10.9,3,4,2.6,7.3-1.2,11.1,2.4-1.3,6.2,0,4,4.6-1.2-2.8-3.7-2.2-4.2.2-.3,1.7.7,3.7,3,4.2,1.9.3,4.7-.9,7-5.9-1.3,0-2.4.7-3.9,1.7l2.4-8c.6,2.3,1.4,3.7,2.2,4.5.6-1.6.5-2.8,0-5.3l5,1.8c-2.6,3.6-5.2,8.7-7.3,17.5-7.4-1.1-15.7-1.7-24.5-1.7h0c-8.8,0-17.1.6-24.5,1.7-2.1-8.9-4.7-13.9-7.3-17.5l5-1.8c-.5,2.5-.6,3.7,0,5.3.8-.8,1.6-2.3,2.2-4.5l2.4,8c-1.5-1-2.6-1.7-3.9-1.7,2.3,5,5.2,6.2,7,5.9,2.3-.4,3.3-2.4,3-4.2-.5-2.4-3-3.1-4.2-.2-2.2-4.6,1.6-6,4-4.6-3.7-3.7-4.2-7.1-1.2-11.1,4.2,3.2,4.3,6.4,2.4,10.9,2.5-2.8,6.3-1.3,4.9,3.2-1.8-2.7-4.1-1-3.7,1.6.3,2.3,3.3,4.1,7,3.8,5.4-.5,5.7-4.2,5.8-7.2-1.3-.2-3.7,1-5.7,3.8l-.7-8.5c2.2,2.3,4.2,2.7,6.4,2.8-.7-2.3-4.1-6.1-4.1-6.1h10.6,0Z\"/>\n              </g>\n              <path d=\"M88.6,33.2c0,1.8.2,3.4.6,5s1.2,3,2,4.4c1,1.2,2,2.2,3.4,3s3,1.2,5,1.2,3.4-.2,4.6-.8,2.2-1.4,3-2.2,1.2-1.8,1.6-3c.2-1,.4-2,.4-3v-.4h-10.6v-6.4h18.8v23h-7.4v-5c-.6.8-1.2,1.6-2,2.2-.8.6-1.6,1.2-2.6,1.8-1,.4-2,.8-3.2,1.2s-2.4.4-3.6.4c-3,0-5.8-.6-8-1.6-2.4-1.2-4.4-2.6-6-4.6s-2.8-4.2-3.6-6.8c-.6-2.8-1-5.6-1-8.6s.4-5.8,1.4-8.4,2.2-4.8,4-6.8,3.8-3.4,6.2-4.6c2.4-1.2,5.2-1.6,8.2-1.6s3.8.2,5.6.6c1.8.4,3.4,1.2,4.8,2s2.8,1.8,3.8,3c1.2,1.2,2,2.6,2.8,4l-7.4,4.2c-.4-.8-1-1.8-1.6-2.4-.6-.8-1.2-1.4-2-2s-1.6-1-2.6-1.4-2.2-.4-3.4-.4c-2,0-3.6.4-5,1.2-1.4.8-2.6,1.8-3.4,3-1,1.2-1.6,2.8-2,4.4-.6,1.6-.8,3.8-.8,5.4ZM161.4,24.6c-.8-2.6-2.2-4.8-4-6.8s-3.8-3.4-6.2-4.6c-2.4-1.2-5.2-1.6-8.4-1.6s-5.8.6-8.4,1.6c-2.2,1.2-4.4,2.8-6,4.6-1.8,2-3,4.2-4,6.8-.8,2.6-1.4,5.4-1.4,8.4s.4,5.8,1.4,8.4c.8,2.6,2.2,4.8,4,6.8s3.8,3.4,6.2,4.6c2.4,1.2,5.2,1.6,8.4,1.6s5.8-.6,8.4-1.6c2.4-1.2,4.6-2.6,6.2-4.6,1.8-2,3-4.2,4-6.8.8-2.6,1.4-5.4,1.4-8.4-.2-3-.6-5.8-1.6-8.4h0ZM154,33.2c0,2-.2,3.8-.8,5.4-.4,1.6-1.2,3.2-2.2,4.4s-2.2,2.2-3.4,2.8c-1.4.6-3,1-4.8,1s-3.4-.4-4.8-1-2.6-1.6-3.4-2.8c-1-1.2-1.6-2.6-2.2-4.4-.4-1.6-.8-3.4-.8-5.4v-.2c0-2,.2-3.8.8-5.4.4-1.6,1.2-3.2,2.2-4.4,1-1.2,2.2-2.2,3.4-2.8,1.4-.6,3-1,4.8-1s3.4.4,4.8,1,2.6,1.6,3.4,2.8c1,1.2,1.6,2.6,2.2,4.4.4,1.6.8,3.4.8,5.4v.2ZM177.8,54l-11.8-42h9.4l8,31.4h.2l8-31.4h9.4l-11.8,42h-11.4,0ZM235.4,46.7c1.2,0,2.4-.2,3.4-.6,1-.4,2-.8,2.8-1.6s1.4-1.6,1.8-2.8c.4-1.2.6-2.4.6-4V11.8h8.2v27.2c0,2.4-.4,4.4-1.2,6.2s-2,3.4-3.6,4.8c-1.4,1.4-3.2,2.4-5.4,3-2,.8-4.4,1-6.8,1s-4.8-.4-6.8-1c-2-.8-3.8-1.8-5.4-3-1.6-1.4-2.6-3-3.6-4.8-.8-1.8-1.2-4-1.2-6.2V11.7h8.4v26c0,1.6.2,2.8.6,4,.4,1.2,1,2,1.8,2.8s1.6,1.2,2.8,1.6c1.2.4,2.2.6,3.6.6h0ZM261.4,11.9h8.4v18.2l14.8-18.2h10.4l-14.4,16.8,15.4,25.2h-9.8l-11-18.8-5.4,6v12.8h-8.4V11.9h0ZM206.2,44.2c-3,0-5.4,2.4-5.4,5.4s2.4,5.4,5.4,5.4,5.4-2.4,5.4-5.4-2.4-5.4-5.4-5.4Z\"/>\n          </svg>\n      </a>\n    </div>\n    <div class=\"govuk-header__content\">\n      <a href=\"/components/header\" class=\"govuk-header__link govuk-header__service-name\">\n        Service Name\n      </a>\n    </div>\n  </div>\n</header>"
+        },
+        {
+            "name": "with service name but no service url",
+            "options": {
+                "serviceName": "Service Name"
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<header class=\"govuk-header\" data-module=\"govuk-header\">\n  <div class=\"govuk-header__container govuk-width-container\">\n    <div class=\"govuk-header__logo\">\n      <a href=\"/\" class=\"govuk-header__link govuk-header__link--homepage\">\n        <svg\n            focusable=\"false\"\n            role=\"img\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            viewBox=\"0 0 296 60\"\n            height=\"30\"\n            width=\"148\"\n            fill=\"currentcolor\" class=\"govuk-header__logotype\" aria-label=\"GOV.UK\"\n          ><title>GOV.UK</title>    <g>\n                <circle cx=\"20\" cy=\"17.6\" r=\"3.7\"/>\n                <circle cx=\"10.2\" cy=\"23.5\" r=\"3.7\"/>\n                <circle cx=\"3.7\" cy=\"33.2\" r=\"3.7\"/>\n                <circle cx=\"31.7\" cy=\"30.6\" r=\"3.7\"/>\n                <circle cx=\"43.3\" cy=\"17.6\" r=\"3.7\"/>\n                <circle cx=\"53.2\" cy=\"23.5\" r=\"3.7\"/>\n                <circle cx=\"59.7\" cy=\"33.2\" r=\"3.7\"/>\n                <circle cx=\"31.7\" cy=\"30.6\" r=\"3.7\"/>\n                <path d=\"M33.1,9.8c.2-.1.3-.3.5-.5l4.6,2.4v-6.8l-4.6,1.5c-.1-.2-.3-.3-.5-.5l1.9-5.9h-6.7l1.9,5.9c-.2.1-.3.3-.5.5l-4.6-1.5v6.8l4.6-2.4c.1.2.3.3.5.5l-2.6,8c-.9,2.8,1.2,5.7,4.1,5.7h0c3,0,5.1-2.9,4.1-5.7l-2.6-8ZM37,37.9s-3.4,3.8-4.1,6.1c2.2,0,4.2-.5,6.4-2.8l-.7,8.5c-2-2.8-4.4-4.1-5.7-3.8.1,3.1.5,6.7,5.8,7.2,3.7.3,6.7-1.5,7-3.8.4-2.6-2-4.3-3.7-1.6-1.4-4.5,2.4-6.1,4.9-3.2-1.9-4.5-1.8-7.7,2.4-10.9,3,4,2.6,7.3-1.2,11.1,2.4-1.3,6.2,0,4,4.6-1.2-2.8-3.7-2.2-4.2.2-.3,1.7.7,3.7,3,4.2,1.9.3,4.7-.9,7-5.9-1.3,0-2.4.7-3.9,1.7l2.4-8c.6,2.3,1.4,3.7,2.2,4.5.6-1.6.5-2.8,0-5.3l5,1.8c-2.6,3.6-5.2,8.7-7.3,17.5-7.4-1.1-15.7-1.7-24.5-1.7h0c-8.8,0-17.1.6-24.5,1.7-2.1-8.9-4.7-13.9-7.3-17.5l5-1.8c-.5,2.5-.6,3.7,0,5.3.8-.8,1.6-2.3,2.2-4.5l2.4,8c-1.5-1-2.6-1.7-3.9-1.7,2.3,5,5.2,6.2,7,5.9,2.3-.4,3.3-2.4,3-4.2-.5-2.4-3-3.1-4.2-.2-2.2-4.6,1.6-6,4-4.6-3.7-3.7-4.2-7.1-1.2-11.1,4.2,3.2,4.3,6.4,2.4,10.9,2.5-2.8,6.3-1.3,4.9,3.2-1.8-2.7-4.1-1-3.7,1.6.3,2.3,3.3,4.1,7,3.8,5.4-.5,5.7-4.2,5.8-7.2-1.3-.2-3.7,1-5.7,3.8l-.7-8.5c2.2,2.3,4.2,2.7,6.4,2.8-.7-2.3-4.1-6.1-4.1-6.1h10.6,0Z\"/>\n              </g>\n              <path d=\"M88.6,33.2c0,1.8.2,3.4.6,5s1.2,3,2,4.4c1,1.2,2,2.2,3.4,3s3,1.2,5,1.2,3.4-.2,4.6-.8,2.2-1.4,3-2.2,1.2-1.8,1.6-3c.2-1,.4-2,.4-3v-.4h-10.6v-6.4h18.8v23h-7.4v-5c-.6.8-1.2,1.6-2,2.2-.8.6-1.6,1.2-2.6,1.8-1,.4-2,.8-3.2,1.2s-2.4.4-3.6.4c-3,0-5.8-.6-8-1.6-2.4-1.2-4.4-2.6-6-4.6s-2.8-4.2-3.6-6.8c-.6-2.8-1-5.6-1-8.6s.4-5.8,1.4-8.4,2.2-4.8,4-6.8,3.8-3.4,6.2-4.6c2.4-1.2,5.2-1.6,8.2-1.6s3.8.2,5.6.6c1.8.4,3.4,1.2,4.8,2s2.8,1.8,3.8,3c1.2,1.2,2,2.6,2.8,4l-7.4,4.2c-.4-.8-1-1.8-1.6-2.4-.6-.8-1.2-1.4-2-2s-1.6-1-2.6-1.4-2.2-.4-3.4-.4c-2,0-3.6.4-5,1.2-1.4.8-2.6,1.8-3.4,3-1,1.2-1.6,2.8-2,4.4-.6,1.6-.8,3.8-.8,5.4ZM161.4,24.6c-.8-2.6-2.2-4.8-4-6.8s-3.8-3.4-6.2-4.6c-2.4-1.2-5.2-1.6-8.4-1.6s-5.8.6-8.4,1.6c-2.2,1.2-4.4,2.8-6,4.6-1.8,2-3,4.2-4,6.8-.8,2.6-1.4,5.4-1.4,8.4s.4,5.8,1.4,8.4c.8,2.6,2.2,4.8,4,6.8s3.8,3.4,6.2,4.6c2.4,1.2,5.2,1.6,8.4,1.6s5.8-.6,8.4-1.6c2.4-1.2,4.6-2.6,6.2-4.6,1.8-2,3-4.2,4-6.8.8-2.6,1.4-5.4,1.4-8.4-.2-3-.6-5.8-1.6-8.4h0ZM154,33.2c0,2-.2,3.8-.8,5.4-.4,1.6-1.2,3.2-2.2,4.4s-2.2,2.2-3.4,2.8c-1.4.6-3,1-4.8,1s-3.4-.4-4.8-1-2.6-1.6-3.4-2.8c-1-1.2-1.6-2.6-2.2-4.4-.4-1.6-.8-3.4-.8-5.4v-.2c0-2,.2-3.8.8-5.4.4-1.6,1.2-3.2,2.2-4.4,1-1.2,2.2-2.2,3.4-2.8,1.4-.6,3-1,4.8-1s3.4.4,4.8,1,2.6,1.6,3.4,2.8c1,1.2,1.6,2.6,2.2,4.4.4,1.6.8,3.4.8,5.4v.2ZM177.8,54l-11.8-42h9.4l8,31.4h.2l8-31.4h9.4l-11.8,42h-11.4,0ZM235.4,46.7c1.2,0,2.4-.2,3.4-.6,1-.4,2-.8,2.8-1.6s1.4-1.6,1.8-2.8c.4-1.2.6-2.4.6-4V11.8h8.2v27.2c0,2.4-.4,4.4-1.2,6.2s-2,3.4-3.6,4.8c-1.4,1.4-3.2,2.4-5.4,3-2,.8-4.4,1-6.8,1s-4.8-.4-6.8-1c-2-.8-3.8-1.8-5.4-3-1.6-1.4-2.6-3-3.6-4.8-.8-1.8-1.2-4-1.2-6.2V11.7h8.4v26c0,1.6.2,2.8.6,4,.4,1.2,1,2,1.8,2.8s1.6,1.2,2.8,1.6c1.2.4,2.2.6,3.6.6h0ZM261.4,11.9h8.4v18.2l14.8-18.2h10.4l-14.4,16.8,15.4,25.2h-9.8l-11-18.8-5.4,6v12.8h-8.4V11.9h0ZM206.2,44.2c-3,0-5.4,2.4-5.4,5.4s2.4,5.4,5.4,5.4,5.4-2.4,5.4-5.4-2.4-5.4-5.4-5.4Z\"/>\n          </svg>\n      </a>\n    </div>\n    <div class=\"govuk-header__content\">\n      <span class=\"govuk-header__service-name\">\n        Service Name\n      </span>\n    </div>\n  </div>\n</header>"
+        },
+        {
+            "name": "with navigation",
+            "options": {
+                "navigation": [
+                    {
+                        "href": "#1",
+                        "text": "Navigation item 1",
+                        "active": true
+                    },
+                    {
+                        "href": "#2",
+                        "text": "Navigation item 2"
+                    },
+                    {
+                        "href": "#3",
+                        "text": "Navigation item 3"
+                    },
+                    {
+                        "href": "#4",
+                        "text": "Navigation item 4"
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<header class=\"govuk-header\" data-module=\"govuk-header\">\n  <div class=\"govuk-header__container govuk-width-container\">\n    <div class=\"govuk-header__logo\">\n      <a href=\"/\" class=\"govuk-header__link govuk-header__link--homepage\">\n        <svg\n            focusable=\"false\"\n            role=\"img\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            viewBox=\"0 0 296 60\"\n            height=\"30\"\n            width=\"148\"\n            fill=\"currentcolor\" class=\"govuk-header__logotype\" aria-label=\"GOV.UK\"\n          ><title>GOV.UK</title>    <g>\n                <circle cx=\"20\" cy=\"17.6\" r=\"3.7\"/>\n                <circle cx=\"10.2\" cy=\"23.5\" r=\"3.7\"/>\n                <circle cx=\"3.7\" cy=\"33.2\" r=\"3.7\"/>\n                <circle cx=\"31.7\" cy=\"30.6\" r=\"3.7\"/>\n                <circle cx=\"43.3\" cy=\"17.6\" r=\"3.7\"/>\n                <circle cx=\"53.2\" cy=\"23.5\" r=\"3.7\"/>\n                <circle cx=\"59.7\" cy=\"33.2\" r=\"3.7\"/>\n                <circle cx=\"31.7\" cy=\"30.6\" r=\"3.7\"/>\n                <path d=\"M33.1,9.8c.2-.1.3-.3.5-.5l4.6,2.4v-6.8l-4.6,1.5c-.1-.2-.3-.3-.5-.5l1.9-5.9h-6.7l1.9,5.9c-.2.1-.3.3-.5.5l-4.6-1.5v6.8l4.6-2.4c.1.2.3.3.5.5l-2.6,8c-.9,2.8,1.2,5.7,4.1,5.7h0c3,0,5.1-2.9,4.1-5.7l-2.6-8ZM37,37.9s-3.4,3.8-4.1,6.1c2.2,0,4.2-.5,6.4-2.8l-.7,8.5c-2-2.8-4.4-4.1-5.7-3.8.1,3.1.5,6.7,5.8,7.2,3.7.3,6.7-1.5,7-3.8.4-2.6-2-4.3-3.7-1.6-1.4-4.5,2.4-6.1,4.9-3.2-1.9-4.5-1.8-7.7,2.4-10.9,3,4,2.6,7.3-1.2,11.1,2.4-1.3,6.2,0,4,4.6-1.2-2.8-3.7-2.2-4.2.2-.3,1.7.7,3.7,3,4.2,1.9.3,4.7-.9,7-5.9-1.3,0-2.4.7-3.9,1.7l2.4-8c.6,2.3,1.4,3.7,2.2,4.5.6-1.6.5-2.8,0-5.3l5,1.8c-2.6,3.6-5.2,8.7-7.3,17.5-7.4-1.1-15.7-1.7-24.5-1.7h0c-8.8,0-17.1.6-24.5,1.7-2.1-8.9-4.7-13.9-7.3-17.5l5-1.8c-.5,2.5-.6,3.7,0,5.3.8-.8,1.6-2.3,2.2-4.5l2.4,8c-1.5-1-2.6-1.7-3.9-1.7,2.3,5,5.2,6.2,7,5.9,2.3-.4,3.3-2.4,3-4.2-.5-2.4-3-3.1-4.2-.2-2.2-4.6,1.6-6,4-4.6-3.7-3.7-4.2-7.1-1.2-11.1,4.2,3.2,4.3,6.4,2.4,10.9,2.5-2.8,6.3-1.3,4.9,3.2-1.8-2.7-4.1-1-3.7,1.6.3,2.3,3.3,4.1,7,3.8,5.4-.5,5.7-4.2,5.8-7.2-1.3-.2-3.7,1-5.7,3.8l-.7-8.5c2.2,2.3,4.2,2.7,6.4,2.8-.7-2.3-4.1-6.1-4.1-6.1h10.6,0Z\"/>\n              </g>\n              <path d=\"M88.6,33.2c0,1.8.2,3.4.6,5s1.2,3,2,4.4c1,1.2,2,2.2,3.4,3s3,1.2,5,1.2,3.4-.2,4.6-.8,2.2-1.4,3-2.2,1.2-1.8,1.6-3c.2-1,.4-2,.4-3v-.4h-10.6v-6.4h18.8v23h-7.4v-5c-.6.8-1.2,1.6-2,2.2-.8.6-1.6,1.2-2.6,1.8-1,.4-2,.8-3.2,1.2s-2.4.4-3.6.4c-3,0-5.8-.6-8-1.6-2.4-1.2-4.4-2.6-6-4.6s-2.8-4.2-3.6-6.8c-.6-2.8-1-5.6-1-8.6s.4-5.8,1.4-8.4,2.2-4.8,4-6.8,3.8-3.4,6.2-4.6c2.4-1.2,5.2-1.6,8.2-1.6s3.8.2,5.6.6c1.8.4,3.4,1.2,4.8,2s2.8,1.8,3.8,3c1.2,1.2,2,2.6,2.8,4l-7.4,4.2c-.4-.8-1-1.8-1.6-2.4-.6-.8-1.2-1.4-2-2s-1.6-1-2.6-1.4-2.2-.4-3.4-.4c-2,0-3.6.4-5,1.2-1.4.8-2.6,1.8-3.4,3-1,1.2-1.6,2.8-2,4.4-.6,1.6-.8,3.8-.8,5.4ZM161.4,24.6c-.8-2.6-2.2-4.8-4-6.8s-3.8-3.4-6.2-4.6c-2.4-1.2-5.2-1.6-8.4-1.6s-5.8.6-8.4,1.6c-2.2,1.2-4.4,2.8-6,4.6-1.8,2-3,4.2-4,6.8-.8,2.6-1.4,5.4-1.4,8.4s.4,5.8,1.4,8.4c.8,2.6,2.2,4.8,4,6.8s3.8,3.4,6.2,4.6c2.4,1.2,5.2,1.6,8.4,1.6s5.8-.6,8.4-1.6c2.4-1.2,4.6-2.6,6.2-4.6,1.8-2,3-4.2,4-6.8.8-2.6,1.4-5.4,1.4-8.4-.2-3-.6-5.8-1.6-8.4h0ZM154,33.2c0,2-.2,3.8-.8,5.4-.4,1.6-1.2,3.2-2.2,4.4s-2.2,2.2-3.4,2.8c-1.4.6-3,1-4.8,1s-3.4-.4-4.8-1-2.6-1.6-3.4-2.8c-1-1.2-1.6-2.6-2.2-4.4-.4-1.6-.8-3.4-.8-5.4v-.2c0-2,.2-3.8.8-5.4.4-1.6,1.2-3.2,2.2-4.4,1-1.2,2.2-2.2,3.4-2.8,1.4-.6,3-1,4.8-1s3.4.4,4.8,1,2.6,1.6,3.4,2.8c1,1.2,1.6,2.6,2.2,4.4.4,1.6.8,3.4.8,5.4v.2ZM177.8,54l-11.8-42h9.4l8,31.4h.2l8-31.4h9.4l-11.8,42h-11.4,0ZM235.4,46.7c1.2,0,2.4-.2,3.4-.6,1-.4,2-.8,2.8-1.6s1.4-1.6,1.8-2.8c.4-1.2.6-2.4.6-4V11.8h8.2v27.2c0,2.4-.4,4.4-1.2,6.2s-2,3.4-3.6,4.8c-1.4,1.4-3.2,2.4-5.4,3-2,.8-4.4,1-6.8,1s-4.8-.4-6.8-1c-2-.8-3.8-1.8-5.4-3-1.6-1.4-2.6-3-3.6-4.8-.8-1.8-1.2-4-1.2-6.2V11.7h8.4v26c0,1.6.2,2.8.6,4,.4,1.2,1,2,1.8,2.8s1.6,1.2,2.8,1.6c1.2.4,2.2.6,3.6.6h0ZM261.4,11.9h8.4v18.2l14.8-18.2h10.4l-14.4,16.8,15.4,25.2h-9.8l-11-18.8-5.4,6v12.8h-8.4V11.9h0ZM206.2,44.2c-3,0-5.4,2.4-5.4,5.4s2.4,5.4,5.4,5.4,5.4-2.4,5.4-5.4-2.4-5.4-5.4-5.4Z\"/>\n          </svg>\n      </a>\n    </div>\n    <div class=\"govuk-header__content\">\n      <nav aria-label=\"Menu\" class=\"govuk-header__navigation\">\n        <button type=\"button\" class=\"govuk-header__menu-button govuk-js-header-toggle\" aria-controls=\"navigation\" hidden>\n          Menu\n        </button>\n\n        <ul id=\"navigation\" class=\"govuk-header__navigation-list\">\n          <li class=\"govuk-header__navigation-item govuk-header__navigation-item--active\">\n            <a class=\"govuk-header__link\" href=\"#1\">\n              Navigation item 1\n            </a>\n          </li>\n          <li class=\"govuk-header__navigation-item\">\n            <a class=\"govuk-header__link\" href=\"#2\">\n              Navigation item 2\n            </a>\n          </li>\n          <li class=\"govuk-header__navigation-item\">\n            <a class=\"govuk-header__link\" href=\"#3\">\n              Navigation item 3\n            </a>\n          </li>\n          <li class=\"govuk-header__navigation-item\">\n            <a class=\"govuk-header__link\" href=\"#4\">\n              Navigation item 4\n            </a>\n          </li>\n        </ul>\n      </nav>\n    </div>\n  </div>\n</header>"
+        },
+        {
+            "name": "with custom menu button text",
+            "options": {
+                "menuButtonText": "Dewislen",
+                "navigation": [
+                    {
+                        "href": "#1",
+                        "text": "Eitem llywio 1",
+                        "active": true
+                    },
+                    {
+                        "href": "#2",
+                        "text": "Eitem llywio 2"
+                    },
+                    {
+                        "href": "#3",
+                        "text": "Eitem llywio 3"
+                    },
+                    {
+                        "href": "#4",
+                        "text": "Eitem llywio 4"
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "Button translated into Welsh",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<header class=\"govuk-header\" data-module=\"govuk-header\">\n  <div class=\"govuk-header__container govuk-width-container\">\n    <div class=\"govuk-header__logo\">\n      <a href=\"/\" class=\"govuk-header__link govuk-header__link--homepage\">\n        <svg\n            focusable=\"false\"\n            role=\"img\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            viewBox=\"0 0 296 60\"\n            height=\"30\"\n            width=\"148\"\n            fill=\"currentcolor\" class=\"govuk-header__logotype\" aria-label=\"GOV.UK\"\n          ><title>GOV.UK</title>    <g>\n                <circle cx=\"20\" cy=\"17.6\" r=\"3.7\"/>\n                <circle cx=\"10.2\" cy=\"23.5\" r=\"3.7\"/>\n                <circle cx=\"3.7\" cy=\"33.2\" r=\"3.7\"/>\n                <circle cx=\"31.7\" cy=\"30.6\" r=\"3.7\"/>\n                <circle cx=\"43.3\" cy=\"17.6\" r=\"3.7\"/>\n                <circle cx=\"53.2\" cy=\"23.5\" r=\"3.7\"/>\n                <circle cx=\"59.7\" cy=\"33.2\" r=\"3.7\"/>\n                <circle cx=\"31.7\" cy=\"30.6\" r=\"3.7\"/>\n                <path d=\"M33.1,9.8c.2-.1.3-.3.5-.5l4.6,2.4v-6.8l-4.6,1.5c-.1-.2-.3-.3-.5-.5l1.9-5.9h-6.7l1.9,5.9c-.2.1-.3.3-.5.5l-4.6-1.5v6.8l4.6-2.4c.1.2.3.3.5.5l-2.6,8c-.9,2.8,1.2,5.7,4.1,5.7h0c3,0,5.1-2.9,4.1-5.7l-2.6-8ZM37,37.9s-3.4,3.8-4.1,6.1c2.2,0,4.2-.5,6.4-2.8l-.7,8.5c-2-2.8-4.4-4.1-5.7-3.8.1,3.1.5,6.7,5.8,7.2,3.7.3,6.7-1.5,7-3.8.4-2.6-2-4.3-3.7-1.6-1.4-4.5,2.4-6.1,4.9-3.2-1.9-4.5-1.8-7.7,2.4-10.9,3,4,2.6,7.3-1.2,11.1,2.4-1.3,6.2,0,4,4.6-1.2-2.8-3.7-2.2-4.2.2-.3,1.7.7,3.7,3,4.2,1.9.3,4.7-.9,7-5.9-1.3,0-2.4.7-3.9,1.7l2.4-8c.6,2.3,1.4,3.7,2.2,4.5.6-1.6.5-2.8,0-5.3l5,1.8c-2.6,3.6-5.2,8.7-7.3,17.5-7.4-1.1-15.7-1.7-24.5-1.7h0c-8.8,0-17.1.6-24.5,1.7-2.1-8.9-4.7-13.9-7.3-17.5l5-1.8c-.5,2.5-.6,3.7,0,5.3.8-.8,1.6-2.3,2.2-4.5l2.4,8c-1.5-1-2.6-1.7-3.9-1.7,2.3,5,5.2,6.2,7,5.9,2.3-.4,3.3-2.4,3-4.2-.5-2.4-3-3.1-4.2-.2-2.2-4.6,1.6-6,4-4.6-3.7-3.7-4.2-7.1-1.2-11.1,4.2,3.2,4.3,6.4,2.4,10.9,2.5-2.8,6.3-1.3,4.9,3.2-1.8-2.7-4.1-1-3.7,1.6.3,2.3,3.3,4.1,7,3.8,5.4-.5,5.7-4.2,5.8-7.2-1.3-.2-3.7,1-5.7,3.8l-.7-8.5c2.2,2.3,4.2,2.7,6.4,2.8-.7-2.3-4.1-6.1-4.1-6.1h10.6,0Z\"/>\n              </g>\n              <path d=\"M88.6,33.2c0,1.8.2,3.4.6,5s1.2,3,2,4.4c1,1.2,2,2.2,3.4,3s3,1.2,5,1.2,3.4-.2,4.6-.8,2.2-1.4,3-2.2,1.2-1.8,1.6-3c.2-1,.4-2,.4-3v-.4h-10.6v-6.4h18.8v23h-7.4v-5c-.6.8-1.2,1.6-2,2.2-.8.6-1.6,1.2-2.6,1.8-1,.4-2,.8-3.2,1.2s-2.4.4-3.6.4c-3,0-5.8-.6-8-1.6-2.4-1.2-4.4-2.6-6-4.6s-2.8-4.2-3.6-6.8c-.6-2.8-1-5.6-1-8.6s.4-5.8,1.4-8.4,2.2-4.8,4-6.8,3.8-3.4,6.2-4.6c2.4-1.2,5.2-1.6,8.2-1.6s3.8.2,5.6.6c1.8.4,3.4,1.2,4.8,2s2.8,1.8,3.8,3c1.2,1.2,2,2.6,2.8,4l-7.4,4.2c-.4-.8-1-1.8-1.6-2.4-.6-.8-1.2-1.4-2-2s-1.6-1-2.6-1.4-2.2-.4-3.4-.4c-2,0-3.6.4-5,1.2-1.4.8-2.6,1.8-3.4,3-1,1.2-1.6,2.8-2,4.4-.6,1.6-.8,3.8-.8,5.4ZM161.4,24.6c-.8-2.6-2.2-4.8-4-6.8s-3.8-3.4-6.2-4.6c-2.4-1.2-5.2-1.6-8.4-1.6s-5.8.6-8.4,1.6c-2.2,1.2-4.4,2.8-6,4.6-1.8,2-3,4.2-4,6.8-.8,2.6-1.4,5.4-1.4,8.4s.4,5.8,1.4,8.4c.8,2.6,2.2,4.8,4,6.8s3.8,3.4,6.2,4.6c2.4,1.2,5.2,1.6,8.4,1.6s5.8-.6,8.4-1.6c2.4-1.2,4.6-2.6,6.2-4.6,1.8-2,3-4.2,4-6.8.8-2.6,1.4-5.4,1.4-8.4-.2-3-.6-5.8-1.6-8.4h0ZM154,33.2c0,2-.2,3.8-.8,5.4-.4,1.6-1.2,3.2-2.2,4.4s-2.2,2.2-3.4,2.8c-1.4.6-3,1-4.8,1s-3.4-.4-4.8-1-2.6-1.6-3.4-2.8c-1-1.2-1.6-2.6-2.2-4.4-.4-1.6-.8-3.4-.8-5.4v-.2c0-2,.2-3.8.8-5.4.4-1.6,1.2-3.2,2.2-4.4,1-1.2,2.2-2.2,3.4-2.8,1.4-.6,3-1,4.8-1s3.4.4,4.8,1,2.6,1.6,3.4,2.8c1,1.2,1.6,2.6,2.2,4.4.4,1.6.8,3.4.8,5.4v.2ZM177.8,54l-11.8-42h9.4l8,31.4h.2l8-31.4h9.4l-11.8,42h-11.4,0ZM235.4,46.7c1.2,0,2.4-.2,3.4-.6,1-.4,2-.8,2.8-1.6s1.4-1.6,1.8-2.8c.4-1.2.6-2.4.6-4V11.8h8.2v27.2c0,2.4-.4,4.4-1.2,6.2s-2,3.4-3.6,4.8c-1.4,1.4-3.2,2.4-5.4,3-2,.8-4.4,1-6.8,1s-4.8-.4-6.8-1c-2-.8-3.8-1.8-5.4-3-1.6-1.4-2.6-3-3.6-4.8-.8-1.8-1.2-4-1.2-6.2V11.7h8.4v26c0,1.6.2,2.8.6,4,.4,1.2,1,2,1.8,2.8s1.6,1.2,2.8,1.6c1.2.4,2.2.6,3.6.6h0ZM261.4,11.9h8.4v18.2l14.8-18.2h10.4l-14.4,16.8,15.4,25.2h-9.8l-11-18.8-5.4,6v12.8h-8.4V11.9h0ZM206.2,44.2c-3,0-5.4,2.4-5.4,5.4s2.4,5.4,5.4,5.4,5.4-2.4,5.4-5.4-2.4-5.4-5.4-5.4Z\"/>\n          </svg>\n      </a>\n    </div>\n    <div class=\"govuk-header__content\">\n      <nav aria-label=\"Dewislen\" class=\"govuk-header__navigation\">\n        <button type=\"button\" class=\"govuk-header__menu-button govuk-js-header-toggle\" aria-controls=\"navigation\" hidden>\n          Dewislen\n        </button>\n\n        <ul id=\"navigation\" class=\"govuk-header__navigation-list\">\n          <li class=\"govuk-header__navigation-item govuk-header__navigation-item--active\">\n            <a class=\"govuk-header__link\" href=\"#1\">\n              Eitem llywio 1\n            </a>\n          </li>\n          <li class=\"govuk-header__navigation-item\">\n            <a class=\"govuk-header__link\" href=\"#2\">\n              Eitem llywio 2\n            </a>\n          </li>\n          <li class=\"govuk-header__navigation-item\">\n            <a class=\"govuk-header__link\" href=\"#3\">\n              Eitem llywio 3\n            </a>\n          </li>\n          <li class=\"govuk-header__navigation-item\">\n            <a class=\"govuk-header__link\" href=\"#4\">\n              Eitem llywio 4\n            </a>\n          </li>\n        </ul>\n      </nav>\n    </div>\n  </div>\n</header>"
+        },
+        {
+            "name": "with service name and navigation",
+            "options": {
+                "serviceName": "Service Name",
+                "serviceUrl": "/components/header",
+                "navigation": [
+                    {
+                        "href": "#1",
+                        "text": "Navigation item 1",
+                        "active": true
+                    },
+                    {
+                        "href": "#2",
+                        "text": "Navigation item 2"
+                    },
+                    {
+                        "href": "#3",
+                        "text": "Navigation item 3"
+                    },
+                    {
+                        "href": "#4",
+                        "text": "Navigation item 4"
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "If you need to include basic navigation, contact or account management links.",
+            "pageTemplateOptions": {},
+            "screenshot": {
+                "variants": [
+                    "default",
+                    "no-js"
+                ]
+            },
+            "html": "<header class=\"govuk-header\" data-module=\"govuk-header\">\n  <div class=\"govuk-header__container govuk-width-container\">\n    <div class=\"govuk-header__logo\">\n      <a href=\"/\" class=\"govuk-header__link govuk-header__link--homepage\">\n        <svg\n            focusable=\"false\"\n            role=\"img\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            viewBox=\"0 0 296 60\"\n            height=\"30\"\n            width=\"148\"\n            fill=\"currentcolor\" class=\"govuk-header__logotype\" aria-label=\"GOV.UK\"\n          ><title>GOV.UK</title>    <g>\n                <circle cx=\"20\" cy=\"17.6\" r=\"3.7\"/>\n                <circle cx=\"10.2\" cy=\"23.5\" r=\"3.7\"/>\n                <circle cx=\"3.7\" cy=\"33.2\" r=\"3.7\"/>\n                <circle cx=\"31.7\" cy=\"30.6\" r=\"3.7\"/>\n                <circle cx=\"43.3\" cy=\"17.6\" r=\"3.7\"/>\n                <circle cx=\"53.2\" cy=\"23.5\" r=\"3.7\"/>\n                <circle cx=\"59.7\" cy=\"33.2\" r=\"3.7\"/>\n                <circle cx=\"31.7\" cy=\"30.6\" r=\"3.7\"/>\n                <path d=\"M33.1,9.8c.2-.1.3-.3.5-.5l4.6,2.4v-6.8l-4.6,1.5c-.1-.2-.3-.3-.5-.5l1.9-5.9h-6.7l1.9,5.9c-.2.1-.3.3-.5.5l-4.6-1.5v6.8l4.6-2.4c.1.2.3.3.5.5l-2.6,8c-.9,2.8,1.2,5.7,4.1,5.7h0c3,0,5.1-2.9,4.1-5.7l-2.6-8ZM37,37.9s-3.4,3.8-4.1,6.1c2.2,0,4.2-.5,6.4-2.8l-.7,8.5c-2-2.8-4.4-4.1-5.7-3.8.1,3.1.5,6.7,5.8,7.2,3.7.3,6.7-1.5,7-3.8.4-2.6-2-4.3-3.7-1.6-1.4-4.5,2.4-6.1,4.9-3.2-1.9-4.5-1.8-7.7,2.4-10.9,3,4,2.6,7.3-1.2,11.1,2.4-1.3,6.2,0,4,4.6-1.2-2.8-3.7-2.2-4.2.2-.3,1.7.7,3.7,3,4.2,1.9.3,4.7-.9,7-5.9-1.3,0-2.4.7-3.9,1.7l2.4-8c.6,2.3,1.4,3.7,2.2,4.5.6-1.6.5-2.8,0-5.3l5,1.8c-2.6,3.6-5.2,8.7-7.3,17.5-7.4-1.1-15.7-1.7-24.5-1.7h0c-8.8,0-17.1.6-24.5,1.7-2.1-8.9-4.7-13.9-7.3-17.5l5-1.8c-.5,2.5-.6,3.7,0,5.3.8-.8,1.6-2.3,2.2-4.5l2.4,8c-1.5-1-2.6-1.7-3.9-1.7,2.3,5,5.2,6.2,7,5.9,2.3-.4,3.3-2.4,3-4.2-.5-2.4-3-3.1-4.2-.2-2.2-4.6,1.6-6,4-4.6-3.7-3.7-4.2-7.1-1.2-11.1,4.2,3.2,4.3,6.4,2.4,10.9,2.5-2.8,6.3-1.3,4.9,3.2-1.8-2.7-4.1-1-3.7,1.6.3,2.3,3.3,4.1,7,3.8,5.4-.5,5.7-4.2,5.8-7.2-1.3-.2-3.7,1-5.7,3.8l-.7-8.5c2.2,2.3,4.2,2.7,6.4,2.8-.7-2.3-4.1-6.1-4.1-6.1h10.6,0Z\"/>\n              </g>\n              <path d=\"M88.6,33.2c0,1.8.2,3.4.6,5s1.2,3,2,4.4c1,1.2,2,2.2,3.4,3s3,1.2,5,1.2,3.4-.2,4.6-.8,2.2-1.4,3-2.2,1.2-1.8,1.6-3c.2-1,.4-2,.4-3v-.4h-10.6v-6.4h18.8v23h-7.4v-5c-.6.8-1.2,1.6-2,2.2-.8.6-1.6,1.2-2.6,1.8-1,.4-2,.8-3.2,1.2s-2.4.4-3.6.4c-3,0-5.8-.6-8-1.6-2.4-1.2-4.4-2.6-6-4.6s-2.8-4.2-3.6-6.8c-.6-2.8-1-5.6-1-8.6s.4-5.8,1.4-8.4,2.2-4.8,4-6.8,3.8-3.4,6.2-4.6c2.4-1.2,5.2-1.6,8.2-1.6s3.8.2,5.6.6c1.8.4,3.4,1.2,4.8,2s2.8,1.8,3.8,3c1.2,1.2,2,2.6,2.8,4l-7.4,4.2c-.4-.8-1-1.8-1.6-2.4-.6-.8-1.2-1.4-2-2s-1.6-1-2.6-1.4-2.2-.4-3.4-.4c-2,0-3.6.4-5,1.2-1.4.8-2.6,1.8-3.4,3-1,1.2-1.6,2.8-2,4.4-.6,1.6-.8,3.8-.8,5.4ZM161.4,24.6c-.8-2.6-2.2-4.8-4-6.8s-3.8-3.4-6.2-4.6c-2.4-1.2-5.2-1.6-8.4-1.6s-5.8.6-8.4,1.6c-2.2,1.2-4.4,2.8-6,4.6-1.8,2-3,4.2-4,6.8-.8,2.6-1.4,5.4-1.4,8.4s.4,5.8,1.4,8.4c.8,2.6,2.2,4.8,4,6.8s3.8,3.4,6.2,4.6c2.4,1.2,5.2,1.6,8.4,1.6s5.8-.6,8.4-1.6c2.4-1.2,4.6-2.6,6.2-4.6,1.8-2,3-4.2,4-6.8.8-2.6,1.4-5.4,1.4-8.4-.2-3-.6-5.8-1.6-8.4h0ZM154,33.2c0,2-.2,3.8-.8,5.4-.4,1.6-1.2,3.2-2.2,4.4s-2.2,2.2-3.4,2.8c-1.4.6-3,1-4.8,1s-3.4-.4-4.8-1-2.6-1.6-3.4-2.8c-1-1.2-1.6-2.6-2.2-4.4-.4-1.6-.8-3.4-.8-5.4v-.2c0-2,.2-3.8.8-5.4.4-1.6,1.2-3.2,2.2-4.4,1-1.2,2.2-2.2,3.4-2.8,1.4-.6,3-1,4.8-1s3.4.4,4.8,1,2.6,1.6,3.4,2.8c1,1.2,1.6,2.6,2.2,4.4.4,1.6.8,3.4.8,5.4v.2ZM177.8,54l-11.8-42h9.4l8,31.4h.2l8-31.4h9.4l-11.8,42h-11.4,0ZM235.4,46.7c1.2,0,2.4-.2,3.4-.6,1-.4,2-.8,2.8-1.6s1.4-1.6,1.8-2.8c.4-1.2.6-2.4.6-4V11.8h8.2v27.2c0,2.4-.4,4.4-1.2,6.2s-2,3.4-3.6,4.8c-1.4,1.4-3.2,2.4-5.4,3-2,.8-4.4,1-6.8,1s-4.8-.4-6.8-1c-2-.8-3.8-1.8-5.4-3-1.6-1.4-2.6-3-3.6-4.8-.8-1.8-1.2-4-1.2-6.2V11.7h8.4v26c0,1.6.2,2.8.6,4,.4,1.2,1,2,1.8,2.8s1.6,1.2,2.8,1.6c1.2.4,2.2.6,3.6.6h0ZM261.4,11.9h8.4v18.2l14.8-18.2h10.4l-14.4,16.8,15.4,25.2h-9.8l-11-18.8-5.4,6v12.8h-8.4V11.9h0ZM206.2,44.2c-3,0-5.4,2.4-5.4,5.4s2.4,5.4,5.4,5.4,5.4-2.4,5.4-5.4-2.4-5.4-5.4-5.4Z\"/>\n          </svg>\n      </a>\n    </div>\n    <div class=\"govuk-header__content\">\n      <a href=\"/components/header\" class=\"govuk-header__link govuk-header__service-name\">\n        Service Name\n      </a>\n      <nav aria-label=\"Menu\" class=\"govuk-header__navigation\">\n        <button type=\"button\" class=\"govuk-header__menu-button govuk-js-header-toggle\" aria-controls=\"navigation\" hidden>\n          Menu\n        </button>\n\n        <ul id=\"navigation\" class=\"govuk-header__navigation-list\">\n          <li class=\"govuk-header__navigation-item govuk-header__navigation-item--active\">\n            <a class=\"govuk-header__link\" href=\"#1\">\n              Navigation item 1\n            </a>\n          </li>\n          <li class=\"govuk-header__navigation-item\">\n            <a class=\"govuk-header__link\" href=\"#2\">\n              Navigation item 2\n            </a>\n          </li>\n          <li class=\"govuk-header__navigation-item\">\n            <a class=\"govuk-header__link\" href=\"#3\">\n              Navigation item 3\n            </a>\n          </li>\n          <li class=\"govuk-header__navigation-item\">\n            <a class=\"govuk-header__link\" href=\"#4\">\n              Navigation item 4\n            </a>\n          </li>\n        </ul>\n      </nav>\n    </div>\n  </div>\n</header>"
+        },
+        {
+            "name": "with large navigation",
+            "options": {
+                "navigation": [
+                    {
+                        "href": "/browse/benefits",
+                        "text": "Benefits"
+                    },
+                    {
+                        "href": "/browse/births-deaths-marriages",
+                        "text": "Births, deaths, marriages and care"
+                    },
+                    {
+                        "href": "/browse/business",
+                        "text": "Business and self-employed"
+                    },
+                    {
+                        "href": "/browse/childcare-parenting",
+                        "text": "Childcare and parenting"
+                    },
+                    {
+                        "href": "/browse/citizenship",
+                        "text": "Citizenship and living in the UK"
+                    },
+                    {
+                        "href": "/browse/justice",
+                        "text": "Crime, justice and the law"
+                    },
+                    {
+                        "href": "/browse/disabilities",
+                        "text": "Disabled people"
+                    },
+                    {
+                        "href": "/browse/driving",
+                        "text": "Driving and transport"
+                    },
+                    {
+                        "href": "/browse/education",
+                        "text": "Education and learning"
+                    },
+                    {
+                        "href": "/browse/employing-people",
+                        "text": "Employing people"
+                    },
+                    {
+                        "href": "/browse/environment-countryside",
+                        "text": "Environment and countryside"
+                    },
+                    {
+                        "href": "/browse/housing-local-services",
+                        "text": "Housing and local services"
+                    },
+                    {
+                        "href": "/browse/tax",
+                        "text": "Money and tax"
+                    },
+                    {
+                        "href": "/browse/abroad",
+                        "text": "Passports, travel and living abroad"
+                    },
+                    {
+                        "href": "/browse/visas-immigration",
+                        "text": "Visas and immigration"
+                    },
+                    {
+                        "href": "/browse/working",
+                        "text": "Working, jobs and pensions"
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "An edge case example with a large number of navigation items with long names used to test wrapping",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<header class=\"govuk-header\" data-module=\"govuk-header\">\n  <div class=\"govuk-header__container govuk-width-container\">\n    <div class=\"govuk-header__logo\">\n      <a href=\"/\" class=\"govuk-header__link govuk-header__link--homepage\">\n        <svg\n            focusable=\"false\"\n            role=\"img\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            viewBox=\"0 0 296 60\"\n            height=\"30\"\n            width=\"148\"\n            fill=\"currentcolor\" class=\"govuk-header__logotype\" aria-label=\"GOV.UK\"\n          ><title>GOV.UK</title>    <g>\n                <circle cx=\"20\" cy=\"17.6\" r=\"3.7\"/>\n                <circle cx=\"10.2\" cy=\"23.5\" r=\"3.7\"/>\n                <circle cx=\"3.7\" cy=\"33.2\" r=\"3.7\"/>\n                <circle cx=\"31.7\" cy=\"30.6\" r=\"3.7\"/>\n                <circle cx=\"43.3\" cy=\"17.6\" r=\"3.7\"/>\n                <circle cx=\"53.2\" cy=\"23.5\" r=\"3.7\"/>\n                <circle cx=\"59.7\" cy=\"33.2\" r=\"3.7\"/>\n                <circle cx=\"31.7\" cy=\"30.6\" r=\"3.7\"/>\n                <path d=\"M33.1,9.8c.2-.1.3-.3.5-.5l4.6,2.4v-6.8l-4.6,1.5c-.1-.2-.3-.3-.5-.5l1.9-5.9h-6.7l1.9,5.9c-.2.1-.3.3-.5.5l-4.6-1.5v6.8l4.6-2.4c.1.2.3.3.5.5l-2.6,8c-.9,2.8,1.2,5.7,4.1,5.7h0c3,0,5.1-2.9,4.1-5.7l-2.6-8ZM37,37.9s-3.4,3.8-4.1,6.1c2.2,0,4.2-.5,6.4-2.8l-.7,8.5c-2-2.8-4.4-4.1-5.7-3.8.1,3.1.5,6.7,5.8,7.2,3.7.3,6.7-1.5,7-3.8.4-2.6-2-4.3-3.7-1.6-1.4-4.5,2.4-6.1,4.9-3.2-1.9-4.5-1.8-7.7,2.4-10.9,3,4,2.6,7.3-1.2,11.1,2.4-1.3,6.2,0,4,4.6-1.2-2.8-3.7-2.2-4.2.2-.3,1.7.7,3.7,3,4.2,1.9.3,4.7-.9,7-5.9-1.3,0-2.4.7-3.9,1.7l2.4-8c.6,2.3,1.4,3.7,2.2,4.5.6-1.6.5-2.8,0-5.3l5,1.8c-2.6,3.6-5.2,8.7-7.3,17.5-7.4-1.1-15.7-1.7-24.5-1.7h0c-8.8,0-17.1.6-24.5,1.7-2.1-8.9-4.7-13.9-7.3-17.5l5-1.8c-.5,2.5-.6,3.7,0,5.3.8-.8,1.6-2.3,2.2-4.5l2.4,8c-1.5-1-2.6-1.7-3.9-1.7,2.3,5,5.2,6.2,7,5.9,2.3-.4,3.3-2.4,3-4.2-.5-2.4-3-3.1-4.2-.2-2.2-4.6,1.6-6,4-4.6-3.7-3.7-4.2-7.1-1.2-11.1,4.2,3.2,4.3,6.4,2.4,10.9,2.5-2.8,6.3-1.3,4.9,3.2-1.8-2.7-4.1-1-3.7,1.6.3,2.3,3.3,4.1,7,3.8,5.4-.5,5.7-4.2,5.8-7.2-1.3-.2-3.7,1-5.7,3.8l-.7-8.5c2.2,2.3,4.2,2.7,6.4,2.8-.7-2.3-4.1-6.1-4.1-6.1h10.6,0Z\"/>\n              </g>\n              <path d=\"M88.6,33.2c0,1.8.2,3.4.6,5s1.2,3,2,4.4c1,1.2,2,2.2,3.4,3s3,1.2,5,1.2,3.4-.2,4.6-.8,2.2-1.4,3-2.2,1.2-1.8,1.6-3c.2-1,.4-2,.4-3v-.4h-10.6v-6.4h18.8v23h-7.4v-5c-.6.8-1.2,1.6-2,2.2-.8.6-1.6,1.2-2.6,1.8-1,.4-2,.8-3.2,1.2s-2.4.4-3.6.4c-3,0-5.8-.6-8-1.6-2.4-1.2-4.4-2.6-6-4.6s-2.8-4.2-3.6-6.8c-.6-2.8-1-5.6-1-8.6s.4-5.8,1.4-8.4,2.2-4.8,4-6.8,3.8-3.4,6.2-4.6c2.4-1.2,5.2-1.6,8.2-1.6s3.8.2,5.6.6c1.8.4,3.4,1.2,4.8,2s2.8,1.8,3.8,3c1.2,1.2,2,2.6,2.8,4l-7.4,4.2c-.4-.8-1-1.8-1.6-2.4-.6-.8-1.2-1.4-2-2s-1.6-1-2.6-1.4-2.2-.4-3.4-.4c-2,0-3.6.4-5,1.2-1.4.8-2.6,1.8-3.4,3-1,1.2-1.6,2.8-2,4.4-.6,1.6-.8,3.8-.8,5.4ZM161.4,24.6c-.8-2.6-2.2-4.8-4-6.8s-3.8-3.4-6.2-4.6c-2.4-1.2-5.2-1.6-8.4-1.6s-5.8.6-8.4,1.6c-2.2,1.2-4.4,2.8-6,4.6-1.8,2-3,4.2-4,6.8-.8,2.6-1.4,5.4-1.4,8.4s.4,5.8,1.4,8.4c.8,2.6,2.2,4.8,4,6.8s3.8,3.4,6.2,4.6c2.4,1.2,5.2,1.6,8.4,1.6s5.8-.6,8.4-1.6c2.4-1.2,4.6-2.6,6.2-4.6,1.8-2,3-4.2,4-6.8.8-2.6,1.4-5.4,1.4-8.4-.2-3-.6-5.8-1.6-8.4h0ZM154,33.2c0,2-.2,3.8-.8,5.4-.4,1.6-1.2,3.2-2.2,4.4s-2.2,2.2-3.4,2.8c-1.4.6-3,1-4.8,1s-3.4-.4-4.8-1-2.6-1.6-3.4-2.8c-1-1.2-1.6-2.6-2.2-4.4-.4-1.6-.8-3.4-.8-5.4v-.2c0-2,.2-3.8.8-5.4.4-1.6,1.2-3.2,2.2-4.4,1-1.2,2.2-2.2,3.4-2.8,1.4-.6,3-1,4.8-1s3.4.4,4.8,1,2.6,1.6,3.4,2.8c1,1.2,1.6,2.6,2.2,4.4.4,1.6.8,3.4.8,5.4v.2ZM177.8,54l-11.8-42h9.4l8,31.4h.2l8-31.4h9.4l-11.8,42h-11.4,0ZM235.4,46.7c1.2,0,2.4-.2,3.4-.6,1-.4,2-.8,2.8-1.6s1.4-1.6,1.8-2.8c.4-1.2.6-2.4.6-4V11.8h8.2v27.2c0,2.4-.4,4.4-1.2,6.2s-2,3.4-3.6,4.8c-1.4,1.4-3.2,2.4-5.4,3-2,.8-4.4,1-6.8,1s-4.8-.4-6.8-1c-2-.8-3.8-1.8-5.4-3-1.6-1.4-2.6-3-3.6-4.8-.8-1.8-1.2-4-1.2-6.2V11.7h8.4v26c0,1.6.2,2.8.6,4,.4,1.2,1,2,1.8,2.8s1.6,1.2,2.8,1.6c1.2.4,2.2.6,3.6.6h0ZM261.4,11.9h8.4v18.2l14.8-18.2h10.4l-14.4,16.8,15.4,25.2h-9.8l-11-18.8-5.4,6v12.8h-8.4V11.9h0ZM206.2,44.2c-3,0-5.4,2.4-5.4,5.4s2.4,5.4,5.4,5.4,5.4-2.4,5.4-5.4-2.4-5.4-5.4-5.4Z\"/>\n          </svg>\n      </a>\n    </div>\n    <div class=\"govuk-header__content\">\n      <nav aria-label=\"Menu\" class=\"govuk-header__navigation\">\n        <button type=\"button\" class=\"govuk-header__menu-button govuk-js-header-toggle\" aria-controls=\"navigation\" hidden>\n          Menu\n        </button>\n\n        <ul id=\"navigation\" class=\"govuk-header__navigation-list\">\n          <li class=\"govuk-header__navigation-item\">\n            <a class=\"govuk-header__link\" href=\"/browse/benefits\">\n              Benefits\n            </a>\n          </li>\n          <li class=\"govuk-header__navigation-item\">\n            <a class=\"govuk-header__link\" href=\"/browse/births-deaths-marriages\">\n              Births, deaths, marriages and care\n            </a>\n          </li>\n          <li class=\"govuk-header__navigation-item\">\n            <a class=\"govuk-header__link\" href=\"/browse/business\">\n              Business and self-employed\n            </a>\n          </li>\n          <li class=\"govuk-header__navigation-item\">\n            <a class=\"govuk-header__link\" href=\"/browse/childcare-parenting\">\n              Childcare and parenting\n            </a>\n          </li>\n          <li class=\"govuk-header__navigation-item\">\n            <a class=\"govuk-header__link\" href=\"/browse/citizenship\">\n              Citizenship and living in the UK\n            </a>\n          </li>\n          <li class=\"govuk-header__navigation-item\">\n            <a class=\"govuk-header__link\" href=\"/browse/justice\">\n              Crime, justice and the law\n            </a>\n          </li>\n          <li class=\"govuk-header__navigation-item\">\n            <a class=\"govuk-header__link\" href=\"/browse/disabilities\">\n              Disabled people\n            </a>\n          </li>\n          <li class=\"govuk-header__navigation-item\">\n            <a class=\"govuk-header__link\" href=\"/browse/driving\">\n              Driving and transport\n            </a>\n          </li>\n          <li class=\"govuk-header__navigation-item\">\n            <a class=\"govuk-header__link\" href=\"/browse/education\">\n              Education and learning\n            </a>\n          </li>\n          <li class=\"govuk-header__navigation-item\">\n            <a class=\"govuk-header__link\" href=\"/browse/employing-people\">\n              Employing people\n            </a>\n          </li>\n          <li class=\"govuk-header__navigation-item\">\n            <a class=\"govuk-header__link\" href=\"/browse/environment-countryside\">\n              Environment and countryside\n            </a>\n          </li>\n          <li class=\"govuk-header__navigation-item\">\n            <a class=\"govuk-header__link\" href=\"/browse/housing-local-services\">\n              Housing and local services\n            </a>\n          </li>\n          <li class=\"govuk-header__navigation-item\">\n            <a class=\"govuk-header__link\" href=\"/browse/tax\">\n              Money and tax\n            </a>\n          </li>\n          <li class=\"govuk-header__navigation-item\">\n            <a class=\"govuk-header__link\" href=\"/browse/abroad\">\n              Passports, travel and living abroad\n            </a>\n          </li>\n          <li class=\"govuk-header__navigation-item\">\n            <a class=\"govuk-header__link\" href=\"/browse/visas-immigration\">\n              Visas and immigration\n            </a>\n          </li>\n          <li class=\"govuk-header__navigation-item\">\n            <a class=\"govuk-header__link\" href=\"/browse/working\">\n              Working, jobs and pensions\n            </a>\n          </li>\n        </ul>\n      </nav>\n    </div>\n  </div>\n</header>"
+        },
+        {
+            "name": "with product name",
+            "options": {
+                "productName": "Product Name"
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": true,
+            "html": "<header class=\"govuk-header\" data-module=\"govuk-header\">\n  <div class=\"govuk-header__container govuk-width-container\">\n    <div class=\"govuk-header__logo\">\n      <a href=\"/\" class=\"govuk-header__link govuk-header__link--homepage\">\n        <svg\n            focusable=\"false\"\n            role=\"img\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            viewBox=\"0 0 296 60\"\n            height=\"30\"\n            width=\"148\"\n            fill=\"currentcolor\" class=\"govuk-header__logotype\" aria-label=\"GOV.UK\"\n          ><title>GOV.UK</title>    <g>\n                <circle cx=\"20\" cy=\"17.6\" r=\"3.7\"/>\n                <circle cx=\"10.2\" cy=\"23.5\" r=\"3.7\"/>\n                <circle cx=\"3.7\" cy=\"33.2\" r=\"3.7\"/>\n                <circle cx=\"31.7\" cy=\"30.6\" r=\"3.7\"/>\n                <circle cx=\"43.3\" cy=\"17.6\" r=\"3.7\"/>\n                <circle cx=\"53.2\" cy=\"23.5\" r=\"3.7\"/>\n                <circle cx=\"59.7\" cy=\"33.2\" r=\"3.7\"/>\n                <circle cx=\"31.7\" cy=\"30.6\" r=\"3.7\"/>\n                <path d=\"M33.1,9.8c.2-.1.3-.3.5-.5l4.6,2.4v-6.8l-4.6,1.5c-.1-.2-.3-.3-.5-.5l1.9-5.9h-6.7l1.9,5.9c-.2.1-.3.3-.5.5l-4.6-1.5v6.8l4.6-2.4c.1.2.3.3.5.5l-2.6,8c-.9,2.8,1.2,5.7,4.1,5.7h0c3,0,5.1-2.9,4.1-5.7l-2.6-8ZM37,37.9s-3.4,3.8-4.1,6.1c2.2,0,4.2-.5,6.4-2.8l-.7,8.5c-2-2.8-4.4-4.1-5.7-3.8.1,3.1.5,6.7,5.8,7.2,3.7.3,6.7-1.5,7-3.8.4-2.6-2-4.3-3.7-1.6-1.4-4.5,2.4-6.1,4.9-3.2-1.9-4.5-1.8-7.7,2.4-10.9,3,4,2.6,7.3-1.2,11.1,2.4-1.3,6.2,0,4,4.6-1.2-2.8-3.7-2.2-4.2.2-.3,1.7.7,3.7,3,4.2,1.9.3,4.7-.9,7-5.9-1.3,0-2.4.7-3.9,1.7l2.4-8c.6,2.3,1.4,3.7,2.2,4.5.6-1.6.5-2.8,0-5.3l5,1.8c-2.6,3.6-5.2,8.7-7.3,17.5-7.4-1.1-15.7-1.7-24.5-1.7h0c-8.8,0-17.1.6-24.5,1.7-2.1-8.9-4.7-13.9-7.3-17.5l5-1.8c-.5,2.5-.6,3.7,0,5.3.8-.8,1.6-2.3,2.2-4.5l2.4,8c-1.5-1-2.6-1.7-3.9-1.7,2.3,5,5.2,6.2,7,5.9,2.3-.4,3.3-2.4,3-4.2-.5-2.4-3-3.1-4.2-.2-2.2-4.6,1.6-6,4-4.6-3.7-3.7-4.2-7.1-1.2-11.1,4.2,3.2,4.3,6.4,2.4,10.9,2.5-2.8,6.3-1.3,4.9,3.2-1.8-2.7-4.1-1-3.7,1.6.3,2.3,3.3,4.1,7,3.8,5.4-.5,5.7-4.2,5.8-7.2-1.3-.2-3.7,1-5.7,3.8l-.7-8.5c2.2,2.3,4.2,2.7,6.4,2.8-.7-2.3-4.1-6.1-4.1-6.1h10.6,0Z\"/>\n              </g>\n              <path d=\"M88.6,33.2c0,1.8.2,3.4.6,5s1.2,3,2,4.4c1,1.2,2,2.2,3.4,3s3,1.2,5,1.2,3.4-.2,4.6-.8,2.2-1.4,3-2.2,1.2-1.8,1.6-3c.2-1,.4-2,.4-3v-.4h-10.6v-6.4h18.8v23h-7.4v-5c-.6.8-1.2,1.6-2,2.2-.8.6-1.6,1.2-2.6,1.8-1,.4-2,.8-3.2,1.2s-2.4.4-3.6.4c-3,0-5.8-.6-8-1.6-2.4-1.2-4.4-2.6-6-4.6s-2.8-4.2-3.6-6.8c-.6-2.8-1-5.6-1-8.6s.4-5.8,1.4-8.4,2.2-4.8,4-6.8,3.8-3.4,6.2-4.6c2.4-1.2,5.2-1.6,8.2-1.6s3.8.2,5.6.6c1.8.4,3.4,1.2,4.8,2s2.8,1.8,3.8,3c1.2,1.2,2,2.6,2.8,4l-7.4,4.2c-.4-.8-1-1.8-1.6-2.4-.6-.8-1.2-1.4-2-2s-1.6-1-2.6-1.4-2.2-.4-3.4-.4c-2,0-3.6.4-5,1.2-1.4.8-2.6,1.8-3.4,3-1,1.2-1.6,2.8-2,4.4-.6,1.6-.8,3.8-.8,5.4ZM161.4,24.6c-.8-2.6-2.2-4.8-4-6.8s-3.8-3.4-6.2-4.6c-2.4-1.2-5.2-1.6-8.4-1.6s-5.8.6-8.4,1.6c-2.2,1.2-4.4,2.8-6,4.6-1.8,2-3,4.2-4,6.8-.8,2.6-1.4,5.4-1.4,8.4s.4,5.8,1.4,8.4c.8,2.6,2.2,4.8,4,6.8s3.8,3.4,6.2,4.6c2.4,1.2,5.2,1.6,8.4,1.6s5.8-.6,8.4-1.6c2.4-1.2,4.6-2.6,6.2-4.6,1.8-2,3-4.2,4-6.8.8-2.6,1.4-5.4,1.4-8.4-.2-3-.6-5.8-1.6-8.4h0ZM154,33.2c0,2-.2,3.8-.8,5.4-.4,1.6-1.2,3.2-2.2,4.4s-2.2,2.2-3.4,2.8c-1.4.6-3,1-4.8,1s-3.4-.4-4.8-1-2.6-1.6-3.4-2.8c-1-1.2-1.6-2.6-2.2-4.4-.4-1.6-.8-3.4-.8-5.4v-.2c0-2,.2-3.8.8-5.4.4-1.6,1.2-3.2,2.2-4.4,1-1.2,2.2-2.2,3.4-2.8,1.4-.6,3-1,4.8-1s3.4.4,4.8,1,2.6,1.6,3.4,2.8c1,1.2,1.6,2.6,2.2,4.4.4,1.6.8,3.4.8,5.4v.2ZM177.8,54l-11.8-42h9.4l8,31.4h.2l8-31.4h9.4l-11.8,42h-11.4,0ZM235.4,46.7c1.2,0,2.4-.2,3.4-.6,1-.4,2-.8,2.8-1.6s1.4-1.6,1.8-2.8c.4-1.2.6-2.4.6-4V11.8h8.2v27.2c0,2.4-.4,4.4-1.2,6.2s-2,3.4-3.6,4.8c-1.4,1.4-3.2,2.4-5.4,3-2,.8-4.4,1-6.8,1s-4.8-.4-6.8-1c-2-.8-3.8-1.8-5.4-3-1.6-1.4-2.6-3-3.6-4.8-.8-1.8-1.2-4-1.2-6.2V11.7h8.4v26c0,1.6.2,2.8.6,4,.4,1.2,1,2,1.8,2.8s1.6,1.2,2.8,1.6c1.2.4,2.2.6,3.6.6h0ZM261.4,11.9h8.4v18.2l14.8-18.2h10.4l-14.4,16.8,15.4,25.2h-9.8l-11-18.8-5.4,6v12.8h-8.4V11.9h0ZM206.2,44.2c-3,0-5.4,2.4-5.4,5.4s2.4,5.4,5.4,5.4,5.4-2.4,5.4-5.4-2.4-5.4-5.4-5.4Z\"/>\n          </svg>\n        <span class=\"govuk-header__product-name\">Product Name</span>\n      </a>\n    </div>\n  </div>\n</header>"
+        },
+        {
+            "name": "full width",
+            "options": {
+                "containerClasses": "govuk-header__container--full-width",
+                "navigationClasses": "govuk-header__navigation--end"
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<header class=\"govuk-header\" data-module=\"govuk-header\">\n  <div class=\"govuk-header__container govuk-header__container--full-width\">\n    <div class=\"govuk-header__logo\">\n      <a href=\"/\" class=\"govuk-header__link govuk-header__link--homepage\">\n        <svg\n            focusable=\"false\"\n            role=\"img\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            viewBox=\"0 0 296 60\"\n            height=\"30\"\n            width=\"148\"\n            fill=\"currentcolor\" class=\"govuk-header__logotype\" aria-label=\"GOV.UK\"\n          ><title>GOV.UK</title>    <g>\n                <circle cx=\"20\" cy=\"17.6\" r=\"3.7\"/>\n                <circle cx=\"10.2\" cy=\"23.5\" r=\"3.7\"/>\n                <circle cx=\"3.7\" cy=\"33.2\" r=\"3.7\"/>\n                <circle cx=\"31.7\" cy=\"30.6\" r=\"3.7\"/>\n                <circle cx=\"43.3\" cy=\"17.6\" r=\"3.7\"/>\n                <circle cx=\"53.2\" cy=\"23.5\" r=\"3.7\"/>\n                <circle cx=\"59.7\" cy=\"33.2\" r=\"3.7\"/>\n                <circle cx=\"31.7\" cy=\"30.6\" r=\"3.7\"/>\n                <path d=\"M33.1,9.8c.2-.1.3-.3.5-.5l4.6,2.4v-6.8l-4.6,1.5c-.1-.2-.3-.3-.5-.5l1.9-5.9h-6.7l1.9,5.9c-.2.1-.3.3-.5.5l-4.6-1.5v6.8l4.6-2.4c.1.2.3.3.5.5l-2.6,8c-.9,2.8,1.2,5.7,4.1,5.7h0c3,0,5.1-2.9,4.1-5.7l-2.6-8ZM37,37.9s-3.4,3.8-4.1,6.1c2.2,0,4.2-.5,6.4-2.8l-.7,8.5c-2-2.8-4.4-4.1-5.7-3.8.1,3.1.5,6.7,5.8,7.2,3.7.3,6.7-1.5,7-3.8.4-2.6-2-4.3-3.7-1.6-1.4-4.5,2.4-6.1,4.9-3.2-1.9-4.5-1.8-7.7,2.4-10.9,3,4,2.6,7.3-1.2,11.1,2.4-1.3,6.2,0,4,4.6-1.2-2.8-3.7-2.2-4.2.2-.3,1.7.7,3.7,3,4.2,1.9.3,4.7-.9,7-5.9-1.3,0-2.4.7-3.9,1.7l2.4-8c.6,2.3,1.4,3.7,2.2,4.5.6-1.6.5-2.8,0-5.3l5,1.8c-2.6,3.6-5.2,8.7-7.3,17.5-7.4-1.1-15.7-1.7-24.5-1.7h0c-8.8,0-17.1.6-24.5,1.7-2.1-8.9-4.7-13.9-7.3-17.5l5-1.8c-.5,2.5-.6,3.7,0,5.3.8-.8,1.6-2.3,2.2-4.5l2.4,8c-1.5-1-2.6-1.7-3.9-1.7,2.3,5,5.2,6.2,7,5.9,2.3-.4,3.3-2.4,3-4.2-.5-2.4-3-3.1-4.2-.2-2.2-4.6,1.6-6,4-4.6-3.7-3.7-4.2-7.1-1.2-11.1,4.2,3.2,4.3,6.4,2.4,10.9,2.5-2.8,6.3-1.3,4.9,3.2-1.8-2.7-4.1-1-3.7,1.6.3,2.3,3.3,4.1,7,3.8,5.4-.5,5.7-4.2,5.8-7.2-1.3-.2-3.7,1-5.7,3.8l-.7-8.5c2.2,2.3,4.2,2.7,6.4,2.8-.7-2.3-4.1-6.1-4.1-6.1h10.6,0Z\"/>\n              </g>\n              <path d=\"M88.6,33.2c0,1.8.2,3.4.6,5s1.2,3,2,4.4c1,1.2,2,2.2,3.4,3s3,1.2,5,1.2,3.4-.2,4.6-.8,2.2-1.4,3-2.2,1.2-1.8,1.6-3c.2-1,.4-2,.4-3v-.4h-10.6v-6.4h18.8v23h-7.4v-5c-.6.8-1.2,1.6-2,2.2-.8.6-1.6,1.2-2.6,1.8-1,.4-2,.8-3.2,1.2s-2.4.4-3.6.4c-3,0-5.8-.6-8-1.6-2.4-1.2-4.4-2.6-6-4.6s-2.8-4.2-3.6-6.8c-.6-2.8-1-5.6-1-8.6s.4-5.8,1.4-8.4,2.2-4.8,4-6.8,3.8-3.4,6.2-4.6c2.4-1.2,5.2-1.6,8.2-1.6s3.8.2,5.6.6c1.8.4,3.4,1.2,4.8,2s2.8,1.8,3.8,3c1.2,1.2,2,2.6,2.8,4l-7.4,4.2c-.4-.8-1-1.8-1.6-2.4-.6-.8-1.2-1.4-2-2s-1.6-1-2.6-1.4-2.2-.4-3.4-.4c-2,0-3.6.4-5,1.2-1.4.8-2.6,1.8-3.4,3-1,1.2-1.6,2.8-2,4.4-.6,1.6-.8,3.8-.8,5.4ZM161.4,24.6c-.8-2.6-2.2-4.8-4-6.8s-3.8-3.4-6.2-4.6c-2.4-1.2-5.2-1.6-8.4-1.6s-5.8.6-8.4,1.6c-2.2,1.2-4.4,2.8-6,4.6-1.8,2-3,4.2-4,6.8-.8,2.6-1.4,5.4-1.4,8.4s.4,5.8,1.4,8.4c.8,2.6,2.2,4.8,4,6.8s3.8,3.4,6.2,4.6c2.4,1.2,5.2,1.6,8.4,1.6s5.8-.6,8.4-1.6c2.4-1.2,4.6-2.6,6.2-4.6,1.8-2,3-4.2,4-6.8.8-2.6,1.4-5.4,1.4-8.4-.2-3-.6-5.8-1.6-8.4h0ZM154,33.2c0,2-.2,3.8-.8,5.4-.4,1.6-1.2,3.2-2.2,4.4s-2.2,2.2-3.4,2.8c-1.4.6-3,1-4.8,1s-3.4-.4-4.8-1-2.6-1.6-3.4-2.8c-1-1.2-1.6-2.6-2.2-4.4-.4-1.6-.8-3.4-.8-5.4v-.2c0-2,.2-3.8.8-5.4.4-1.6,1.2-3.2,2.2-4.4,1-1.2,2.2-2.2,3.4-2.8,1.4-.6,3-1,4.8-1s3.4.4,4.8,1,2.6,1.6,3.4,2.8c1,1.2,1.6,2.6,2.2,4.4.4,1.6.8,3.4.8,5.4v.2ZM177.8,54l-11.8-42h9.4l8,31.4h.2l8-31.4h9.4l-11.8,42h-11.4,0ZM235.4,46.7c1.2,0,2.4-.2,3.4-.6,1-.4,2-.8,2.8-1.6s1.4-1.6,1.8-2.8c.4-1.2.6-2.4.6-4V11.8h8.2v27.2c0,2.4-.4,4.4-1.2,6.2s-2,3.4-3.6,4.8c-1.4,1.4-3.2,2.4-5.4,3-2,.8-4.4,1-6.8,1s-4.8-.4-6.8-1c-2-.8-3.8-1.8-5.4-3-1.6-1.4-2.6-3-3.6-4.8-.8-1.8-1.2-4-1.2-6.2V11.7h8.4v26c0,1.6.2,2.8.6,4,.4,1.2,1,2,1.8,2.8s1.6,1.2,2.8,1.6c1.2.4,2.2.6,3.6.6h0ZM261.4,11.9h8.4v18.2l14.8-18.2h10.4l-14.4,16.8,15.4,25.2h-9.8l-11-18.8-5.4,6v12.8h-8.4V11.9h0ZM206.2,44.2c-3,0-5.4,2.4-5.4,5.4s2.4,5.4,5.4,5.4,5.4-2.4,5.4-5.4-2.4-5.4-5.4-5.4Z\"/>\n          </svg>\n      </a>\n    </div>\n  </div>\n</header>"
+        },
+        {
+            "name": "full width with navigation",
+            "options": {
+                "containerClasses": "govuk-header__container--full-width",
+                "navigationClasses": "govuk-header__navigation--end",
+                "navigation": [
+                    {
+                        "href": "#1",
+                        "text": "Navigation item 1",
+                        "active": true
+                    },
+                    {
+                        "href": "#2",
+                        "text": "Navigation item 2"
+                    },
+                    {
+                        "href": "#3",
+                        "text": "Navigation item 3"
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<header class=\"govuk-header\" data-module=\"govuk-header\">\n  <div class=\"govuk-header__container govuk-header__container--full-width\">\n    <div class=\"govuk-header__logo\">\n      <a href=\"/\" class=\"govuk-header__link govuk-header__link--homepage\">\n        <svg\n            focusable=\"false\"\n            role=\"img\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            viewBox=\"0 0 296 60\"\n            height=\"30\"\n            width=\"148\"\n            fill=\"currentcolor\" class=\"govuk-header__logotype\" aria-label=\"GOV.UK\"\n          ><title>GOV.UK</title>    <g>\n                <circle cx=\"20\" cy=\"17.6\" r=\"3.7\"/>\n                <circle cx=\"10.2\" cy=\"23.5\" r=\"3.7\"/>\n                <circle cx=\"3.7\" cy=\"33.2\" r=\"3.7\"/>\n                <circle cx=\"31.7\" cy=\"30.6\" r=\"3.7\"/>\n                <circle cx=\"43.3\" cy=\"17.6\" r=\"3.7\"/>\n                <circle cx=\"53.2\" cy=\"23.5\" r=\"3.7\"/>\n                <circle cx=\"59.7\" cy=\"33.2\" r=\"3.7\"/>\n                <circle cx=\"31.7\" cy=\"30.6\" r=\"3.7\"/>\n                <path d=\"M33.1,9.8c.2-.1.3-.3.5-.5l4.6,2.4v-6.8l-4.6,1.5c-.1-.2-.3-.3-.5-.5l1.9-5.9h-6.7l1.9,5.9c-.2.1-.3.3-.5.5l-4.6-1.5v6.8l4.6-2.4c.1.2.3.3.5.5l-2.6,8c-.9,2.8,1.2,5.7,4.1,5.7h0c3,0,5.1-2.9,4.1-5.7l-2.6-8ZM37,37.9s-3.4,3.8-4.1,6.1c2.2,0,4.2-.5,6.4-2.8l-.7,8.5c-2-2.8-4.4-4.1-5.7-3.8.1,3.1.5,6.7,5.8,7.2,3.7.3,6.7-1.5,7-3.8.4-2.6-2-4.3-3.7-1.6-1.4-4.5,2.4-6.1,4.9-3.2-1.9-4.5-1.8-7.7,2.4-10.9,3,4,2.6,7.3-1.2,11.1,2.4-1.3,6.2,0,4,4.6-1.2-2.8-3.7-2.2-4.2.2-.3,1.7.7,3.7,3,4.2,1.9.3,4.7-.9,7-5.9-1.3,0-2.4.7-3.9,1.7l2.4-8c.6,2.3,1.4,3.7,2.2,4.5.6-1.6.5-2.8,0-5.3l5,1.8c-2.6,3.6-5.2,8.7-7.3,17.5-7.4-1.1-15.7-1.7-24.5-1.7h0c-8.8,0-17.1.6-24.5,1.7-2.1-8.9-4.7-13.9-7.3-17.5l5-1.8c-.5,2.5-.6,3.7,0,5.3.8-.8,1.6-2.3,2.2-4.5l2.4,8c-1.5-1-2.6-1.7-3.9-1.7,2.3,5,5.2,6.2,7,5.9,2.3-.4,3.3-2.4,3-4.2-.5-2.4-3-3.1-4.2-.2-2.2-4.6,1.6-6,4-4.6-3.7-3.7-4.2-7.1-1.2-11.1,4.2,3.2,4.3,6.4,2.4,10.9,2.5-2.8,6.3-1.3,4.9,3.2-1.8-2.7-4.1-1-3.7,1.6.3,2.3,3.3,4.1,7,3.8,5.4-.5,5.7-4.2,5.8-7.2-1.3-.2-3.7,1-5.7,3.8l-.7-8.5c2.2,2.3,4.2,2.7,6.4,2.8-.7-2.3-4.1-6.1-4.1-6.1h10.6,0Z\"/>\n              </g>\n              <path d=\"M88.6,33.2c0,1.8.2,3.4.6,5s1.2,3,2,4.4c1,1.2,2,2.2,3.4,3s3,1.2,5,1.2,3.4-.2,4.6-.8,2.2-1.4,3-2.2,1.2-1.8,1.6-3c.2-1,.4-2,.4-3v-.4h-10.6v-6.4h18.8v23h-7.4v-5c-.6.8-1.2,1.6-2,2.2-.8.6-1.6,1.2-2.6,1.8-1,.4-2,.8-3.2,1.2s-2.4.4-3.6.4c-3,0-5.8-.6-8-1.6-2.4-1.2-4.4-2.6-6-4.6s-2.8-4.2-3.6-6.8c-.6-2.8-1-5.6-1-8.6s.4-5.8,1.4-8.4,2.2-4.8,4-6.8,3.8-3.4,6.2-4.6c2.4-1.2,5.2-1.6,8.2-1.6s3.8.2,5.6.6c1.8.4,3.4,1.2,4.8,2s2.8,1.8,3.8,3c1.2,1.2,2,2.6,2.8,4l-7.4,4.2c-.4-.8-1-1.8-1.6-2.4-.6-.8-1.2-1.4-2-2s-1.6-1-2.6-1.4-2.2-.4-3.4-.4c-2,0-3.6.4-5,1.2-1.4.8-2.6,1.8-3.4,3-1,1.2-1.6,2.8-2,4.4-.6,1.6-.8,3.8-.8,5.4ZM161.4,24.6c-.8-2.6-2.2-4.8-4-6.8s-3.8-3.4-6.2-4.6c-2.4-1.2-5.2-1.6-8.4-1.6s-5.8.6-8.4,1.6c-2.2,1.2-4.4,2.8-6,4.6-1.8,2-3,4.2-4,6.8-.8,2.6-1.4,5.4-1.4,8.4s.4,5.8,1.4,8.4c.8,2.6,2.2,4.8,4,6.8s3.8,3.4,6.2,4.6c2.4,1.2,5.2,1.6,8.4,1.6s5.8-.6,8.4-1.6c2.4-1.2,4.6-2.6,6.2-4.6,1.8-2,3-4.2,4-6.8.8-2.6,1.4-5.4,1.4-8.4-.2-3-.6-5.8-1.6-8.4h0ZM154,33.2c0,2-.2,3.8-.8,5.4-.4,1.6-1.2,3.2-2.2,4.4s-2.2,2.2-3.4,2.8c-1.4.6-3,1-4.8,1s-3.4-.4-4.8-1-2.6-1.6-3.4-2.8c-1-1.2-1.6-2.6-2.2-4.4-.4-1.6-.8-3.4-.8-5.4v-.2c0-2,.2-3.8.8-5.4.4-1.6,1.2-3.2,2.2-4.4,1-1.2,2.2-2.2,3.4-2.8,1.4-.6,3-1,4.8-1s3.4.4,4.8,1,2.6,1.6,3.4,2.8c1,1.2,1.6,2.6,2.2,4.4.4,1.6.8,3.4.8,5.4v.2ZM177.8,54l-11.8-42h9.4l8,31.4h.2l8-31.4h9.4l-11.8,42h-11.4,0ZM235.4,46.7c1.2,0,2.4-.2,3.4-.6,1-.4,2-.8,2.8-1.6s1.4-1.6,1.8-2.8c.4-1.2.6-2.4.6-4V11.8h8.2v27.2c0,2.4-.4,4.4-1.2,6.2s-2,3.4-3.6,4.8c-1.4,1.4-3.2,2.4-5.4,3-2,.8-4.4,1-6.8,1s-4.8-.4-6.8-1c-2-.8-3.8-1.8-5.4-3-1.6-1.4-2.6-3-3.6-4.8-.8-1.8-1.2-4-1.2-6.2V11.7h8.4v26c0,1.6.2,2.8.6,4,.4,1.2,1,2,1.8,2.8s1.6,1.2,2.8,1.6c1.2.4,2.2.6,3.6.6h0ZM261.4,11.9h8.4v18.2l14.8-18.2h10.4l-14.4,16.8,15.4,25.2h-9.8l-11-18.8-5.4,6v12.8h-8.4V11.9h0ZM206.2,44.2c-3,0-5.4,2.4-5.4,5.4s2.4,5.4,5.4,5.4,5.4-2.4,5.4-5.4-2.4-5.4-5.4-5.4Z\"/>\n          </svg>\n      </a>\n    </div>\n    <div class=\"govuk-header__content\">\n      <nav aria-label=\"Menu\" class=\"govuk-header__navigation govuk-header__navigation--end\">\n        <button type=\"button\" class=\"govuk-header__menu-button govuk-js-header-toggle\" aria-controls=\"navigation\" hidden>\n          Menu\n        </button>\n\n        <ul id=\"navigation\" class=\"govuk-header__navigation-list\">\n          <li class=\"govuk-header__navigation-item govuk-header__navigation-item--active\">\n            <a class=\"govuk-header__link\" href=\"#1\">\n              Navigation item 1\n            </a>\n          </li>\n          <li class=\"govuk-header__navigation-item\">\n            <a class=\"govuk-header__link\" href=\"#2\">\n              Navigation item 2\n            </a>\n          </li>\n          <li class=\"govuk-header__navigation-item\">\n            <a class=\"govuk-header__link\" href=\"#3\">\n              Navigation item 3\n            </a>\n          </li>\n        </ul>\n      </nav>\n    </div>\n  </div>\n</header>"
+        },
+        {
+            "name": "with full width border",
+            "options": {
+                "classes": "govuk-header--full-width-border"
+            },
+            "hidden": false,
+            "description": "Makes the header's bottom border full width without affecting the header's content. Removed with redesign.",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<header class=\"govuk-header govuk-header--full-width-border\" data-module=\"govuk-header\">\n  <div class=\"govuk-header__container govuk-width-container\">\n    <div class=\"govuk-header__logo\">\n      <a href=\"/\" class=\"govuk-header__link govuk-header__link--homepage\">\n        <svg\n            focusable=\"false\"\n            role=\"img\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            viewBox=\"0 0 296 60\"\n            height=\"30\"\n            width=\"148\"\n            fill=\"currentcolor\" class=\"govuk-header__logotype\" aria-label=\"GOV.UK\"\n          ><title>GOV.UK</title>    <g>\n                <circle cx=\"20\" cy=\"17.6\" r=\"3.7\"/>\n                <circle cx=\"10.2\" cy=\"23.5\" r=\"3.7\"/>\n                <circle cx=\"3.7\" cy=\"33.2\" r=\"3.7\"/>\n                <circle cx=\"31.7\" cy=\"30.6\" r=\"3.7\"/>\n                <circle cx=\"43.3\" cy=\"17.6\" r=\"3.7\"/>\n                <circle cx=\"53.2\" cy=\"23.5\" r=\"3.7\"/>\n                <circle cx=\"59.7\" cy=\"33.2\" r=\"3.7\"/>\n                <circle cx=\"31.7\" cy=\"30.6\" r=\"3.7\"/>\n                <path d=\"M33.1,9.8c.2-.1.3-.3.5-.5l4.6,2.4v-6.8l-4.6,1.5c-.1-.2-.3-.3-.5-.5l1.9-5.9h-6.7l1.9,5.9c-.2.1-.3.3-.5.5l-4.6-1.5v6.8l4.6-2.4c.1.2.3.3.5.5l-2.6,8c-.9,2.8,1.2,5.7,4.1,5.7h0c3,0,5.1-2.9,4.1-5.7l-2.6-8ZM37,37.9s-3.4,3.8-4.1,6.1c2.2,0,4.2-.5,6.4-2.8l-.7,8.5c-2-2.8-4.4-4.1-5.7-3.8.1,3.1.5,6.7,5.8,7.2,3.7.3,6.7-1.5,7-3.8.4-2.6-2-4.3-3.7-1.6-1.4-4.5,2.4-6.1,4.9-3.2-1.9-4.5-1.8-7.7,2.4-10.9,3,4,2.6,7.3-1.2,11.1,2.4-1.3,6.2,0,4,4.6-1.2-2.8-3.7-2.2-4.2.2-.3,1.7.7,3.7,3,4.2,1.9.3,4.7-.9,7-5.9-1.3,0-2.4.7-3.9,1.7l2.4-8c.6,2.3,1.4,3.7,2.2,4.5.6-1.6.5-2.8,0-5.3l5,1.8c-2.6,3.6-5.2,8.7-7.3,17.5-7.4-1.1-15.7-1.7-24.5-1.7h0c-8.8,0-17.1.6-24.5,1.7-2.1-8.9-4.7-13.9-7.3-17.5l5-1.8c-.5,2.5-.6,3.7,0,5.3.8-.8,1.6-2.3,2.2-4.5l2.4,8c-1.5-1-2.6-1.7-3.9-1.7,2.3,5,5.2,6.2,7,5.9,2.3-.4,3.3-2.4,3-4.2-.5-2.4-3-3.1-4.2-.2-2.2-4.6,1.6-6,4-4.6-3.7-3.7-4.2-7.1-1.2-11.1,4.2,3.2,4.3,6.4,2.4,10.9,2.5-2.8,6.3-1.3,4.9,3.2-1.8-2.7-4.1-1-3.7,1.6.3,2.3,3.3,4.1,7,3.8,5.4-.5,5.7-4.2,5.8-7.2-1.3-.2-3.7,1-5.7,3.8l-.7-8.5c2.2,2.3,4.2,2.7,6.4,2.8-.7-2.3-4.1-6.1-4.1-6.1h10.6,0Z\"/>\n              </g>\n              <path d=\"M88.6,33.2c0,1.8.2,3.4.6,5s1.2,3,2,4.4c1,1.2,2,2.2,3.4,3s3,1.2,5,1.2,3.4-.2,4.6-.8,2.2-1.4,3-2.2,1.2-1.8,1.6-3c.2-1,.4-2,.4-3v-.4h-10.6v-6.4h18.8v23h-7.4v-5c-.6.8-1.2,1.6-2,2.2-.8.6-1.6,1.2-2.6,1.8-1,.4-2,.8-3.2,1.2s-2.4.4-3.6.4c-3,0-5.8-.6-8-1.6-2.4-1.2-4.4-2.6-6-4.6s-2.8-4.2-3.6-6.8c-.6-2.8-1-5.6-1-8.6s.4-5.8,1.4-8.4,2.2-4.8,4-6.8,3.8-3.4,6.2-4.6c2.4-1.2,5.2-1.6,8.2-1.6s3.8.2,5.6.6c1.8.4,3.4,1.2,4.8,2s2.8,1.8,3.8,3c1.2,1.2,2,2.6,2.8,4l-7.4,4.2c-.4-.8-1-1.8-1.6-2.4-.6-.8-1.2-1.4-2-2s-1.6-1-2.6-1.4-2.2-.4-3.4-.4c-2,0-3.6.4-5,1.2-1.4.8-2.6,1.8-3.4,3-1,1.2-1.6,2.8-2,4.4-.6,1.6-.8,3.8-.8,5.4ZM161.4,24.6c-.8-2.6-2.2-4.8-4-6.8s-3.8-3.4-6.2-4.6c-2.4-1.2-5.2-1.6-8.4-1.6s-5.8.6-8.4,1.6c-2.2,1.2-4.4,2.8-6,4.6-1.8,2-3,4.2-4,6.8-.8,2.6-1.4,5.4-1.4,8.4s.4,5.8,1.4,8.4c.8,2.6,2.2,4.8,4,6.8s3.8,3.4,6.2,4.6c2.4,1.2,5.2,1.6,8.4,1.6s5.8-.6,8.4-1.6c2.4-1.2,4.6-2.6,6.2-4.6,1.8-2,3-4.2,4-6.8.8-2.6,1.4-5.4,1.4-8.4-.2-3-.6-5.8-1.6-8.4h0ZM154,33.2c0,2-.2,3.8-.8,5.4-.4,1.6-1.2,3.2-2.2,4.4s-2.2,2.2-3.4,2.8c-1.4.6-3,1-4.8,1s-3.4-.4-4.8-1-2.6-1.6-3.4-2.8c-1-1.2-1.6-2.6-2.2-4.4-.4-1.6-.8-3.4-.8-5.4v-.2c0-2,.2-3.8.8-5.4.4-1.6,1.2-3.2,2.2-4.4,1-1.2,2.2-2.2,3.4-2.8,1.4-.6,3-1,4.8-1s3.4.4,4.8,1,2.6,1.6,3.4,2.8c1,1.2,1.6,2.6,2.2,4.4.4,1.6.8,3.4.8,5.4v.2ZM177.8,54l-11.8-42h9.4l8,31.4h.2l8-31.4h9.4l-11.8,42h-11.4,0ZM235.4,46.7c1.2,0,2.4-.2,3.4-.6,1-.4,2-.8,2.8-1.6s1.4-1.6,1.8-2.8c.4-1.2.6-2.4.6-4V11.8h8.2v27.2c0,2.4-.4,4.4-1.2,6.2s-2,3.4-3.6,4.8c-1.4,1.4-3.2,2.4-5.4,3-2,.8-4.4,1-6.8,1s-4.8-.4-6.8-1c-2-.8-3.8-1.8-5.4-3-1.6-1.4-2.6-3-3.6-4.8-.8-1.8-1.2-4-1.2-6.2V11.7h8.4v26c0,1.6.2,2.8.6,4,.4,1.2,1,2,1.8,2.8s1.6,1.2,2.8,1.6c1.2.4,2.2.6,3.6.6h0ZM261.4,11.9h8.4v18.2l14.8-18.2h10.4l-14.4,16.8,15.4,25.2h-9.8l-11-18.8-5.4,6v12.8h-8.4V11.9h0ZM206.2,44.2c-3,0-5.4,2.4-5.4,5.4s2.4,5.4,5.4,5.4,5.4-2.4,5.4-5.4-2.4-5.4-5.4-5.4Z\"/>\n          </svg>\n      </a>\n    </div>\n  </div>\n</header>"
+        },
+        {
+            "name": "navigation item with html",
+            "options": {
+                "navigation": [
+                    {
+                        "href": "#1",
+                        "html": "<em>Navigation item 1</em>",
+                        "active": true
+                    },
+                    {
+                        "href": "#2",
+                        "html": "<em>Navigation item 2</em>"
+                    },
+                    {
+                        "href": "#3",
+                        "html": "<em>Navigation item 3</em>"
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<header class=\"govuk-header\" data-module=\"govuk-header\">\n  <div class=\"govuk-header__container govuk-width-container\">\n    <div class=\"govuk-header__logo\">\n      <a href=\"/\" class=\"govuk-header__link govuk-header__link--homepage\">\n        <svg\n            focusable=\"false\"\n            role=\"img\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            viewBox=\"0 0 296 60\"\n            height=\"30\"\n            width=\"148\"\n            fill=\"currentcolor\" class=\"govuk-header__logotype\" aria-label=\"GOV.UK\"\n          ><title>GOV.UK</title>    <g>\n                <circle cx=\"20\" cy=\"17.6\" r=\"3.7\"/>\n                <circle cx=\"10.2\" cy=\"23.5\" r=\"3.7\"/>\n                <circle cx=\"3.7\" cy=\"33.2\" r=\"3.7\"/>\n                <circle cx=\"31.7\" cy=\"30.6\" r=\"3.7\"/>\n                <circle cx=\"43.3\" cy=\"17.6\" r=\"3.7\"/>\n                <circle cx=\"53.2\" cy=\"23.5\" r=\"3.7\"/>\n                <circle cx=\"59.7\" cy=\"33.2\" r=\"3.7\"/>\n                <circle cx=\"31.7\" cy=\"30.6\" r=\"3.7\"/>\n                <path d=\"M33.1,9.8c.2-.1.3-.3.5-.5l4.6,2.4v-6.8l-4.6,1.5c-.1-.2-.3-.3-.5-.5l1.9-5.9h-6.7l1.9,5.9c-.2.1-.3.3-.5.5l-4.6-1.5v6.8l4.6-2.4c.1.2.3.3.5.5l-2.6,8c-.9,2.8,1.2,5.7,4.1,5.7h0c3,0,5.1-2.9,4.1-5.7l-2.6-8ZM37,37.9s-3.4,3.8-4.1,6.1c2.2,0,4.2-.5,6.4-2.8l-.7,8.5c-2-2.8-4.4-4.1-5.7-3.8.1,3.1.5,6.7,5.8,7.2,3.7.3,6.7-1.5,7-3.8.4-2.6-2-4.3-3.7-1.6-1.4-4.5,2.4-6.1,4.9-3.2-1.9-4.5-1.8-7.7,2.4-10.9,3,4,2.6,7.3-1.2,11.1,2.4-1.3,6.2,0,4,4.6-1.2-2.8-3.7-2.2-4.2.2-.3,1.7.7,3.7,3,4.2,1.9.3,4.7-.9,7-5.9-1.3,0-2.4.7-3.9,1.7l2.4-8c.6,2.3,1.4,3.7,2.2,4.5.6-1.6.5-2.8,0-5.3l5,1.8c-2.6,3.6-5.2,8.7-7.3,17.5-7.4-1.1-15.7-1.7-24.5-1.7h0c-8.8,0-17.1.6-24.5,1.7-2.1-8.9-4.7-13.9-7.3-17.5l5-1.8c-.5,2.5-.6,3.7,0,5.3.8-.8,1.6-2.3,2.2-4.5l2.4,8c-1.5-1-2.6-1.7-3.9-1.7,2.3,5,5.2,6.2,7,5.9,2.3-.4,3.3-2.4,3-4.2-.5-2.4-3-3.1-4.2-.2-2.2-4.6,1.6-6,4-4.6-3.7-3.7-4.2-7.1-1.2-11.1,4.2,3.2,4.3,6.4,2.4,10.9,2.5-2.8,6.3-1.3,4.9,3.2-1.8-2.7-4.1-1-3.7,1.6.3,2.3,3.3,4.1,7,3.8,5.4-.5,5.7-4.2,5.8-7.2-1.3-.2-3.7,1-5.7,3.8l-.7-8.5c2.2,2.3,4.2,2.7,6.4,2.8-.7-2.3-4.1-6.1-4.1-6.1h10.6,0Z\"/>\n              </g>\n              <path d=\"M88.6,33.2c0,1.8.2,3.4.6,5s1.2,3,2,4.4c1,1.2,2,2.2,3.4,3s3,1.2,5,1.2,3.4-.2,4.6-.8,2.2-1.4,3-2.2,1.2-1.8,1.6-3c.2-1,.4-2,.4-3v-.4h-10.6v-6.4h18.8v23h-7.4v-5c-.6.8-1.2,1.6-2,2.2-.8.6-1.6,1.2-2.6,1.8-1,.4-2,.8-3.2,1.2s-2.4.4-3.6.4c-3,0-5.8-.6-8-1.6-2.4-1.2-4.4-2.6-6-4.6s-2.8-4.2-3.6-6.8c-.6-2.8-1-5.6-1-8.6s.4-5.8,1.4-8.4,2.2-4.8,4-6.8,3.8-3.4,6.2-4.6c2.4-1.2,5.2-1.6,8.2-1.6s3.8.2,5.6.6c1.8.4,3.4,1.2,4.8,2s2.8,1.8,3.8,3c1.2,1.2,2,2.6,2.8,4l-7.4,4.2c-.4-.8-1-1.8-1.6-2.4-.6-.8-1.2-1.4-2-2s-1.6-1-2.6-1.4-2.2-.4-3.4-.4c-2,0-3.6.4-5,1.2-1.4.8-2.6,1.8-3.4,3-1,1.2-1.6,2.8-2,4.4-.6,1.6-.8,3.8-.8,5.4ZM161.4,24.6c-.8-2.6-2.2-4.8-4-6.8s-3.8-3.4-6.2-4.6c-2.4-1.2-5.2-1.6-8.4-1.6s-5.8.6-8.4,1.6c-2.2,1.2-4.4,2.8-6,4.6-1.8,2-3,4.2-4,6.8-.8,2.6-1.4,5.4-1.4,8.4s.4,5.8,1.4,8.4c.8,2.6,2.2,4.8,4,6.8s3.8,3.4,6.2,4.6c2.4,1.2,5.2,1.6,8.4,1.6s5.8-.6,8.4-1.6c2.4-1.2,4.6-2.6,6.2-4.6,1.8-2,3-4.2,4-6.8.8-2.6,1.4-5.4,1.4-8.4-.2-3-.6-5.8-1.6-8.4h0ZM154,33.2c0,2-.2,3.8-.8,5.4-.4,1.6-1.2,3.2-2.2,4.4s-2.2,2.2-3.4,2.8c-1.4.6-3,1-4.8,1s-3.4-.4-4.8-1-2.6-1.6-3.4-2.8c-1-1.2-1.6-2.6-2.2-4.4-.4-1.6-.8-3.4-.8-5.4v-.2c0-2,.2-3.8.8-5.4.4-1.6,1.2-3.2,2.2-4.4,1-1.2,2.2-2.2,3.4-2.8,1.4-.6,3-1,4.8-1s3.4.4,4.8,1,2.6,1.6,3.4,2.8c1,1.2,1.6,2.6,2.2,4.4.4,1.6.8,3.4.8,5.4v.2ZM177.8,54l-11.8-42h9.4l8,31.4h.2l8-31.4h9.4l-11.8,42h-11.4,0ZM235.4,46.7c1.2,0,2.4-.2,3.4-.6,1-.4,2-.8,2.8-1.6s1.4-1.6,1.8-2.8c.4-1.2.6-2.4.6-4V11.8h8.2v27.2c0,2.4-.4,4.4-1.2,6.2s-2,3.4-3.6,4.8c-1.4,1.4-3.2,2.4-5.4,3-2,.8-4.4,1-6.8,1s-4.8-.4-6.8-1c-2-.8-3.8-1.8-5.4-3-1.6-1.4-2.6-3-3.6-4.8-.8-1.8-1.2-4-1.2-6.2V11.7h8.4v26c0,1.6.2,2.8.6,4,.4,1.2,1,2,1.8,2.8s1.6,1.2,2.8,1.6c1.2.4,2.2.6,3.6.6h0ZM261.4,11.9h8.4v18.2l14.8-18.2h10.4l-14.4,16.8,15.4,25.2h-9.8l-11-18.8-5.4,6v12.8h-8.4V11.9h0ZM206.2,44.2c-3,0-5.4,2.4-5.4,5.4s2.4,5.4,5.4,5.4,5.4-2.4,5.4-5.4-2.4-5.4-5.4-5.4Z\"/>\n          </svg>\n      </a>\n    </div>\n    <div class=\"govuk-header__content\">\n      <nav aria-label=\"Menu\" class=\"govuk-header__navigation\">\n        <button type=\"button\" class=\"govuk-header__menu-button govuk-js-header-toggle\" aria-controls=\"navigation\" hidden>\n          Menu\n        </button>\n\n        <ul id=\"navigation\" class=\"govuk-header__navigation-list\">\n          <li class=\"govuk-header__navigation-item govuk-header__navigation-item--active\">\n            <a class=\"govuk-header__link\" href=\"#1\">\n              <em>Navigation item 1</em>\n            </a>\n          </li>\n          <li class=\"govuk-header__navigation-item\">\n            <a class=\"govuk-header__link\" href=\"#2\">\n              <em>Navigation item 2</em>\n            </a>\n          </li>\n          <li class=\"govuk-header__navigation-item\">\n            <a class=\"govuk-header__link\" href=\"#3\">\n              <em>Navigation item 3</em>\n            </a>\n          </li>\n        </ul>\n      </nav>\n    </div>\n  </div>\n</header>"
+        },
+        {
+            "name": "navigation item with text without link",
+            "options": {
+                "navigation": [
+                    {
+                        "text": "Navigation item 1"
+                    },
+                    {
+                        "text": "Navigation item 2"
+                    },
+                    {
+                        "text": "Navigation item 3"
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<header class=\"govuk-header\" data-module=\"govuk-header\">\n  <div class=\"govuk-header__container govuk-width-container\">\n    <div class=\"govuk-header__logo\">\n      <a href=\"/\" class=\"govuk-header__link govuk-header__link--homepage\">\n        <svg\n            focusable=\"false\"\n            role=\"img\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            viewBox=\"0 0 296 60\"\n            height=\"30\"\n            width=\"148\"\n            fill=\"currentcolor\" class=\"govuk-header__logotype\" aria-label=\"GOV.UK\"\n          ><title>GOV.UK</title>    <g>\n                <circle cx=\"20\" cy=\"17.6\" r=\"3.7\"/>\n                <circle cx=\"10.2\" cy=\"23.5\" r=\"3.7\"/>\n                <circle cx=\"3.7\" cy=\"33.2\" r=\"3.7\"/>\n                <circle cx=\"31.7\" cy=\"30.6\" r=\"3.7\"/>\n                <circle cx=\"43.3\" cy=\"17.6\" r=\"3.7\"/>\n                <circle cx=\"53.2\" cy=\"23.5\" r=\"3.7\"/>\n                <circle cx=\"59.7\" cy=\"33.2\" r=\"3.7\"/>\n                <circle cx=\"31.7\" cy=\"30.6\" r=\"3.7\"/>\n                <path d=\"M33.1,9.8c.2-.1.3-.3.5-.5l4.6,2.4v-6.8l-4.6,1.5c-.1-.2-.3-.3-.5-.5l1.9-5.9h-6.7l1.9,5.9c-.2.1-.3.3-.5.5l-4.6-1.5v6.8l4.6-2.4c.1.2.3.3.5.5l-2.6,8c-.9,2.8,1.2,5.7,4.1,5.7h0c3,0,5.1-2.9,4.1-5.7l-2.6-8ZM37,37.9s-3.4,3.8-4.1,6.1c2.2,0,4.2-.5,6.4-2.8l-.7,8.5c-2-2.8-4.4-4.1-5.7-3.8.1,3.1.5,6.7,5.8,7.2,3.7.3,6.7-1.5,7-3.8.4-2.6-2-4.3-3.7-1.6-1.4-4.5,2.4-6.1,4.9-3.2-1.9-4.5-1.8-7.7,2.4-10.9,3,4,2.6,7.3-1.2,11.1,2.4-1.3,6.2,0,4,4.6-1.2-2.8-3.7-2.2-4.2.2-.3,1.7.7,3.7,3,4.2,1.9.3,4.7-.9,7-5.9-1.3,0-2.4.7-3.9,1.7l2.4-8c.6,2.3,1.4,3.7,2.2,4.5.6-1.6.5-2.8,0-5.3l5,1.8c-2.6,3.6-5.2,8.7-7.3,17.5-7.4-1.1-15.7-1.7-24.5-1.7h0c-8.8,0-17.1.6-24.5,1.7-2.1-8.9-4.7-13.9-7.3-17.5l5-1.8c-.5,2.5-.6,3.7,0,5.3.8-.8,1.6-2.3,2.2-4.5l2.4,8c-1.5-1-2.6-1.7-3.9-1.7,2.3,5,5.2,6.2,7,5.9,2.3-.4,3.3-2.4,3-4.2-.5-2.4-3-3.1-4.2-.2-2.2-4.6,1.6-6,4-4.6-3.7-3.7-4.2-7.1-1.2-11.1,4.2,3.2,4.3,6.4,2.4,10.9,2.5-2.8,6.3-1.3,4.9,3.2-1.8-2.7-4.1-1-3.7,1.6.3,2.3,3.3,4.1,7,3.8,5.4-.5,5.7-4.2,5.8-7.2-1.3-.2-3.7,1-5.7,3.8l-.7-8.5c2.2,2.3,4.2,2.7,6.4,2.8-.7-2.3-4.1-6.1-4.1-6.1h10.6,0Z\"/>\n              </g>\n              <path d=\"M88.6,33.2c0,1.8.2,3.4.6,5s1.2,3,2,4.4c1,1.2,2,2.2,3.4,3s3,1.2,5,1.2,3.4-.2,4.6-.8,2.2-1.4,3-2.2,1.2-1.8,1.6-3c.2-1,.4-2,.4-3v-.4h-10.6v-6.4h18.8v23h-7.4v-5c-.6.8-1.2,1.6-2,2.2-.8.6-1.6,1.2-2.6,1.8-1,.4-2,.8-3.2,1.2s-2.4.4-3.6.4c-3,0-5.8-.6-8-1.6-2.4-1.2-4.4-2.6-6-4.6s-2.8-4.2-3.6-6.8c-.6-2.8-1-5.6-1-8.6s.4-5.8,1.4-8.4,2.2-4.8,4-6.8,3.8-3.4,6.2-4.6c2.4-1.2,5.2-1.6,8.2-1.6s3.8.2,5.6.6c1.8.4,3.4,1.2,4.8,2s2.8,1.8,3.8,3c1.2,1.2,2,2.6,2.8,4l-7.4,4.2c-.4-.8-1-1.8-1.6-2.4-.6-.8-1.2-1.4-2-2s-1.6-1-2.6-1.4-2.2-.4-3.4-.4c-2,0-3.6.4-5,1.2-1.4.8-2.6,1.8-3.4,3-1,1.2-1.6,2.8-2,4.4-.6,1.6-.8,3.8-.8,5.4ZM161.4,24.6c-.8-2.6-2.2-4.8-4-6.8s-3.8-3.4-6.2-4.6c-2.4-1.2-5.2-1.6-8.4-1.6s-5.8.6-8.4,1.6c-2.2,1.2-4.4,2.8-6,4.6-1.8,2-3,4.2-4,6.8-.8,2.6-1.4,5.4-1.4,8.4s.4,5.8,1.4,8.4c.8,2.6,2.2,4.8,4,6.8s3.8,3.4,6.2,4.6c2.4,1.2,5.2,1.6,8.4,1.6s5.8-.6,8.4-1.6c2.4-1.2,4.6-2.6,6.2-4.6,1.8-2,3-4.2,4-6.8.8-2.6,1.4-5.4,1.4-8.4-.2-3-.6-5.8-1.6-8.4h0ZM154,33.2c0,2-.2,3.8-.8,5.4-.4,1.6-1.2,3.2-2.2,4.4s-2.2,2.2-3.4,2.8c-1.4.6-3,1-4.8,1s-3.4-.4-4.8-1-2.6-1.6-3.4-2.8c-1-1.2-1.6-2.6-2.2-4.4-.4-1.6-.8-3.4-.8-5.4v-.2c0-2,.2-3.8.8-5.4.4-1.6,1.2-3.2,2.2-4.4,1-1.2,2.2-2.2,3.4-2.8,1.4-.6,3-1,4.8-1s3.4.4,4.8,1,2.6,1.6,3.4,2.8c1,1.2,1.6,2.6,2.2,4.4.4,1.6.8,3.4.8,5.4v.2ZM177.8,54l-11.8-42h9.4l8,31.4h.2l8-31.4h9.4l-11.8,42h-11.4,0ZM235.4,46.7c1.2,0,2.4-.2,3.4-.6,1-.4,2-.8,2.8-1.6s1.4-1.6,1.8-2.8c.4-1.2.6-2.4.6-4V11.8h8.2v27.2c0,2.4-.4,4.4-1.2,6.2s-2,3.4-3.6,4.8c-1.4,1.4-3.2,2.4-5.4,3-2,.8-4.4,1-6.8,1s-4.8-.4-6.8-1c-2-.8-3.8-1.8-5.4-3-1.6-1.4-2.6-3-3.6-4.8-.8-1.8-1.2-4-1.2-6.2V11.7h8.4v26c0,1.6.2,2.8.6,4,.4,1.2,1,2,1.8,2.8s1.6,1.2,2.8,1.6c1.2.4,2.2.6,3.6.6h0ZM261.4,11.9h8.4v18.2l14.8-18.2h10.4l-14.4,16.8,15.4,25.2h-9.8l-11-18.8-5.4,6v12.8h-8.4V11.9h0ZM206.2,44.2c-3,0-5.4,2.4-5.4,5.4s2.4,5.4,5.4,5.4,5.4-2.4,5.4-5.4-2.4-5.4-5.4-5.4Z\"/>\n          </svg>\n      </a>\n    </div>\n    <div class=\"govuk-header__content\">\n      <nav aria-label=\"Menu\" class=\"govuk-header__navigation\">\n        <button type=\"button\" class=\"govuk-header__menu-button govuk-js-header-toggle\" aria-controls=\"navigation\" hidden>\n          Menu\n        </button>\n\n        <ul id=\"navigation\" class=\"govuk-header__navigation-list\">\n          <li class=\"govuk-header__navigation-item\">\n              Navigation item 1\n          </li>\n          <li class=\"govuk-header__navigation-item\">\n              Navigation item 2\n          </li>\n          <li class=\"govuk-header__navigation-item\">\n              Navigation item 3\n          </li>\n        </ul>\n      </nav>\n    </div>\n  </div>\n</header>"
+        },
+        {
+            "name": "with St. Edward's Crown",
+            "options": {
+                "useTudorCrown": false
+            },
+            "hidden": false,
+            "description": "Does not work if the rebrand is enabled.",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<header class=\"govuk-header\" data-module=\"govuk-header\">\n  <div class=\"govuk-header__container govuk-width-container\">\n    <div class=\"govuk-header__logo\">\n      <a href=\"/\" class=\"govuk-header__link govuk-header__link--homepage\">\n        <svg\n            focusable=\"false\"\n            role=\"img\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            viewBox=\"0 0 304 60\"\n            height=\"30\"\n            width=\"152\"\n            fill=\"currentcolor\" class=\"govuk-header__logotype\" aria-label=\"GOV.UK\"\n          ><title>GOV.UK</title>    <path d=\"M13.4,22.3c2,.8,4.2-.2,5-2s-.2-4.2-2-5c-2-.8-4.2.2-5,2-.8,2,0,4.2,2,5M4.8,27.3c2,.8,4.2-.2,5-2s-.2-4.2-2-5c-2-.8-4.2.2-5,2-1,2,0,4.2,2,5M2.2,36.9c2,.8,4.2-.2,5-2,.8-2-.2-4.2-2-5-2-.8-4.2.2-5,2-.8,2,0,4.2,2,5M23,25.3c2,.8,4.2-.2,5-2s-.2-4.2-2-5c-2-.8-4.2.2-5,2s0,4.2,2,5M57.8,22.3c-2,.8-4.2-.2-5-2s.2-4.2,2-5c2-.8,4.2.2,5,2,1,2,0,4.2-2,5M66.4,27.3c-2,.8-4.2-.2-5-2s.2-4.2,2-5c2-.8,4.2.2,5,2,1,2,0,4.2-2,5M69,36.9c-2,.8-4.2-.2-5-2-.8-2,.2-4.2,2-5,2-.8,4.2.2,5,2,.8,2,0,4.2-2,5M48.2,25.3c-2,.8-4.2-.2-5-2s.2-4.2,2-5c2-.8,4.2.2,5,2s0,4.2-2,5M37.6,15.5l4.8,2.6v-7.2l-4.8,1.6c-.2-.2-.2-.4-.4-.4s2-6,2-6h-6.8l2,6c-.2.2-.4.2-.4.4-.2.2-4.8-1.4-4.8-1.4v7l4.8-2.6c-.2.2,0,.4.2.6l-2.8,8.4c-.2.4-.2.8-.2,1.4,0,2.2,1.6,4.2,3.8,4.4h1.2c2.2-.4,3.8-2.2,3.8-4.4s0-.8-.2-1.4l-2.8-8.4c.4-.2.6-.4.6-.6M35.6,56.1c9.2,0,17.8.6,25.6,1.8,2.2-9.2,4.8-14.4,7.6-18.2l-5.2-1.8c.6,2.6.6,3.8,0,5.6-.8-.8-1.6-2.4-2.2-4.8l-2.4,8.4c1.6-1,2.8-1.8,4-1.8-2.4,5.2-5.4,6.4-7.2,6-2.4-.4-3.4-2.6-3-4.4.6-2.6,3.2-3.2,4.4-.2,2.4-4.8-1.6-6.2-4.2-4.8,3.8-3.8,4.4-7.2,1.2-11.4-4.4,3.4-4.4,6.6-2.4,11.2-2.6-3-6.6-1.4-5,3.4,1.8-2.8,4.2-1,4,1.6-.4,2.4-3.4,4.2-7.4,4-5.6-.4-6-4.4-6-7.4,1.4-.2,3.8,1,6,4l.8-8.8c-2.2,2.4-4.4,2.8-6.6,2.8.8-2.4,4.2-6.2,4.2-6.2h-11s3.6,4,4.2,6.2c-2.2,0-4.4-.6-6.6-2.8l.8,8.8c2.2-3,4.6-4.2,6-4-.2,3.2-.4,7-6,7.4-3.8.4-7-1.6-7.4-4-.4-2.6,2-4.4,3.8-1.6,1.4-4.8-2.6-6.2-5.2-3.4,2-4.6,2-8-2.4-11.2-3.2,4.2-2.6,7.6,1.2,11.4-2.6-1.4-6.4,0-4.2,4.8,1.2-3,3.8-2.2,4.4.2.4,1.8-.8,3.8-3,4.4-2,.4-5-1-7.4-6,1.4,0,2.6.8,4,1.8l-3-8.4c-.6,2.4-1.4,3.8-2.4,4.8-.6-1.6-.4-3,0-5.6l-5.2,1.8c3,3.8,5.6,9,7.8,18.2,7.6-1,16.4-1.8,25.4-1.8\"/>\n              <path transform=\"translate(8 0)\" d=\"M88.6,33.2c0,1.8.2,3.4.6,5s1.2,3,2,4.4c1,1.2,2,2.2,3.4,3s3,1.2,5,1.2,3.4-.2,4.6-.8,2.2-1.4,3-2.2,1.2-1.8,1.6-3c.2-1,.4-2,.4-3v-.4h-10.6v-6.4h18.8v23h-7.4v-5c-.6.8-1.2,1.6-2,2.2-.8.6-1.6,1.2-2.6,1.8-1,.4-2,.8-3.2,1.2s-2.4.4-3.6.4c-3,0-5.8-.6-8-1.6-2.4-1.2-4.4-2.6-6-4.6s-2.8-4.2-3.6-6.8c-.6-2.8-1-5.6-1-8.6s.4-5.8,1.4-8.4,2.2-4.8,4-6.8,3.8-3.4,6.2-4.6c2.4-1.2,5.2-1.6,8.2-1.6s3.8.2,5.6.6c1.8.4,3.4,1.2,4.8,2s2.8,1.8,3.8,3c1.2,1.2,2,2.6,2.8,4l-7.4,4.2c-.4-.8-1-1.8-1.6-2.4-.6-.8-1.2-1.4-2-2s-1.6-1-2.6-1.4-2.2-.4-3.4-.4c-2,0-3.6.4-5,1.2-1.4.8-2.6,1.8-3.4,3-1,1.2-1.6,2.8-2,4.4-.6,1.6-.8,3.8-.8,5.4ZM161.4,24.6c-.8-2.6-2.2-4.8-4-6.8s-3.8-3.4-6.2-4.6c-2.4-1.2-5.2-1.6-8.4-1.6s-5.8.6-8.4,1.6c-2.2,1.2-4.4,2.8-6,4.6-1.8,2-3,4.2-4,6.8-.8,2.6-1.4,5.4-1.4,8.4s.4,5.8,1.4,8.4c.8,2.6,2.2,4.8,4,6.8s3.8,3.4,6.2,4.6c2.4,1.2,5.2,1.6,8.4,1.6s5.8-.6,8.4-1.6c2.4-1.2,4.6-2.6,6.2-4.6,1.8-2,3-4.2,4-6.8.8-2.6,1.4-5.4,1.4-8.4-.2-3-.6-5.8-1.6-8.4h0ZM154,33.2c0,2-.2,3.8-.8,5.4-.4,1.6-1.2,3.2-2.2,4.4s-2.2,2.2-3.4,2.8c-1.4.6-3,1-4.8,1s-3.4-.4-4.8-1-2.6-1.6-3.4-2.8c-1-1.2-1.6-2.6-2.2-4.4-.4-1.6-.8-3.4-.8-5.4v-.2c0-2,.2-3.8.8-5.4.4-1.6,1.2-3.2,2.2-4.4,1-1.2,2.2-2.2,3.4-2.8,1.4-.6,3-1,4.8-1s3.4.4,4.8,1,2.6,1.6,3.4,2.8c1,1.2,1.6,2.6,2.2,4.4.4,1.6.8,3.4.8,5.4v.2ZM177.8,54l-11.8-42h9.4l8,31.4h.2l8-31.4h9.4l-11.8,42h-11.4,0ZM235.4,46.7c1.2,0,2.4-.2,3.4-.6,1-.4,2-.8,2.8-1.6s1.4-1.6,1.8-2.8c.4-1.2.6-2.4.6-4V11.8h8.2v27.2c0,2.4-.4,4.4-1.2,6.2s-2,3.4-3.6,4.8c-1.4,1.4-3.2,2.4-5.4,3-2,.8-4.4,1-6.8,1s-4.8-.4-6.8-1c-2-.8-3.8-1.8-5.4-3-1.6-1.4-2.6-3-3.6-4.8-.8-1.8-1.2-4-1.2-6.2V11.7h8.4v26c0,1.6.2,2.8.6,4,.4,1.2,1,2,1.8,2.8s1.6,1.2,2.8,1.6c1.2.4,2.2.6,3.6.6h0ZM261.4,11.9h8.4v18.2l14.8-18.2h10.4l-14.4,16.8,15.4,25.2h-9.8l-11-18.8-5.4,6v12.8h-8.4V11.9h0ZM206.2,44.2c-3,0-5.4,2.4-5.4,5.4s2.4,5.4,5.4,5.4,5.4-2.4,5.4-5.4-2.4-5.4-5.4-5.4Z\"/>\n          </svg>\n      </a>\n    </div>\n  </div>\n</header>"
+        },
+        {
+            "name": "attributes",
+            "options": {
+                "attributes": {
+                    "data-test-attribute": "value",
+                    "data-test-attribute-2": "value-2"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<header class=\"govuk-header\" data-module=\"govuk-header\" data-test-attribute=\"value\" data-test-attribute-2=\"value-2\">\n  <div class=\"govuk-header__container govuk-width-container\">\n    <div class=\"govuk-header__logo\">\n      <a href=\"/\" class=\"govuk-header__link govuk-header__link--homepage\">\n        <svg\n            focusable=\"false\"\n            role=\"img\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            viewBox=\"0 0 296 60\"\n            height=\"30\"\n            width=\"148\"\n            fill=\"currentcolor\" class=\"govuk-header__logotype\" aria-label=\"GOV.UK\"\n          ><title>GOV.UK</title>    <g>\n                <circle cx=\"20\" cy=\"17.6\" r=\"3.7\"/>\n                <circle cx=\"10.2\" cy=\"23.5\" r=\"3.7\"/>\n                <circle cx=\"3.7\" cy=\"33.2\" r=\"3.7\"/>\n                <circle cx=\"31.7\" cy=\"30.6\" r=\"3.7\"/>\n                <circle cx=\"43.3\" cy=\"17.6\" r=\"3.7\"/>\n                <circle cx=\"53.2\" cy=\"23.5\" r=\"3.7\"/>\n                <circle cx=\"59.7\" cy=\"33.2\" r=\"3.7\"/>\n                <circle cx=\"31.7\" cy=\"30.6\" r=\"3.7\"/>\n                <path d=\"M33.1,9.8c.2-.1.3-.3.5-.5l4.6,2.4v-6.8l-4.6,1.5c-.1-.2-.3-.3-.5-.5l1.9-5.9h-6.7l1.9,5.9c-.2.1-.3.3-.5.5l-4.6-1.5v6.8l4.6-2.4c.1.2.3.3.5.5l-2.6,8c-.9,2.8,1.2,5.7,4.1,5.7h0c3,0,5.1-2.9,4.1-5.7l-2.6-8ZM37,37.9s-3.4,3.8-4.1,6.1c2.2,0,4.2-.5,6.4-2.8l-.7,8.5c-2-2.8-4.4-4.1-5.7-3.8.1,3.1.5,6.7,5.8,7.2,3.7.3,6.7-1.5,7-3.8.4-2.6-2-4.3-3.7-1.6-1.4-4.5,2.4-6.1,4.9-3.2-1.9-4.5-1.8-7.7,2.4-10.9,3,4,2.6,7.3-1.2,11.1,2.4-1.3,6.2,0,4,4.6-1.2-2.8-3.7-2.2-4.2.2-.3,1.7.7,3.7,3,4.2,1.9.3,4.7-.9,7-5.9-1.3,0-2.4.7-3.9,1.7l2.4-8c.6,2.3,1.4,3.7,2.2,4.5.6-1.6.5-2.8,0-5.3l5,1.8c-2.6,3.6-5.2,8.7-7.3,17.5-7.4-1.1-15.7-1.7-24.5-1.7h0c-8.8,0-17.1.6-24.5,1.7-2.1-8.9-4.7-13.9-7.3-17.5l5-1.8c-.5,2.5-.6,3.7,0,5.3.8-.8,1.6-2.3,2.2-4.5l2.4,8c-1.5-1-2.6-1.7-3.9-1.7,2.3,5,5.2,6.2,7,5.9,2.3-.4,3.3-2.4,3-4.2-.5-2.4-3-3.1-4.2-.2-2.2-4.6,1.6-6,4-4.6-3.7-3.7-4.2-7.1-1.2-11.1,4.2,3.2,4.3,6.4,2.4,10.9,2.5-2.8,6.3-1.3,4.9,3.2-1.8-2.7-4.1-1-3.7,1.6.3,2.3,3.3,4.1,7,3.8,5.4-.5,5.7-4.2,5.8-7.2-1.3-.2-3.7,1-5.7,3.8l-.7-8.5c2.2,2.3,4.2,2.7,6.4,2.8-.7-2.3-4.1-6.1-4.1-6.1h10.6,0Z\"/>\n              </g>\n              <path d=\"M88.6,33.2c0,1.8.2,3.4.6,5s1.2,3,2,4.4c1,1.2,2,2.2,3.4,3s3,1.2,5,1.2,3.4-.2,4.6-.8,2.2-1.4,3-2.2,1.2-1.8,1.6-3c.2-1,.4-2,.4-3v-.4h-10.6v-6.4h18.8v23h-7.4v-5c-.6.8-1.2,1.6-2,2.2-.8.6-1.6,1.2-2.6,1.8-1,.4-2,.8-3.2,1.2s-2.4.4-3.6.4c-3,0-5.8-.6-8-1.6-2.4-1.2-4.4-2.6-6-4.6s-2.8-4.2-3.6-6.8c-.6-2.8-1-5.6-1-8.6s.4-5.8,1.4-8.4,2.2-4.8,4-6.8,3.8-3.4,6.2-4.6c2.4-1.2,5.2-1.6,8.2-1.6s3.8.2,5.6.6c1.8.4,3.4,1.2,4.8,2s2.8,1.8,3.8,3c1.2,1.2,2,2.6,2.8,4l-7.4,4.2c-.4-.8-1-1.8-1.6-2.4-.6-.8-1.2-1.4-2-2s-1.6-1-2.6-1.4-2.2-.4-3.4-.4c-2,0-3.6.4-5,1.2-1.4.8-2.6,1.8-3.4,3-1,1.2-1.6,2.8-2,4.4-.6,1.6-.8,3.8-.8,5.4ZM161.4,24.6c-.8-2.6-2.2-4.8-4-6.8s-3.8-3.4-6.2-4.6c-2.4-1.2-5.2-1.6-8.4-1.6s-5.8.6-8.4,1.6c-2.2,1.2-4.4,2.8-6,4.6-1.8,2-3,4.2-4,6.8-.8,2.6-1.4,5.4-1.4,8.4s.4,5.8,1.4,8.4c.8,2.6,2.2,4.8,4,6.8s3.8,3.4,6.2,4.6c2.4,1.2,5.2,1.6,8.4,1.6s5.8-.6,8.4-1.6c2.4-1.2,4.6-2.6,6.2-4.6,1.8-2,3-4.2,4-6.8.8-2.6,1.4-5.4,1.4-8.4-.2-3-.6-5.8-1.6-8.4h0ZM154,33.2c0,2-.2,3.8-.8,5.4-.4,1.6-1.2,3.2-2.2,4.4s-2.2,2.2-3.4,2.8c-1.4.6-3,1-4.8,1s-3.4-.4-4.8-1-2.6-1.6-3.4-2.8c-1-1.2-1.6-2.6-2.2-4.4-.4-1.6-.8-3.4-.8-5.4v-.2c0-2,.2-3.8.8-5.4.4-1.6,1.2-3.2,2.2-4.4,1-1.2,2.2-2.2,3.4-2.8,1.4-.6,3-1,4.8-1s3.4.4,4.8,1,2.6,1.6,3.4,2.8c1,1.2,1.6,2.6,2.2,4.4.4,1.6.8,3.4.8,5.4v.2ZM177.8,54l-11.8-42h9.4l8,31.4h.2l8-31.4h9.4l-11.8,42h-11.4,0ZM235.4,46.7c1.2,0,2.4-.2,3.4-.6,1-.4,2-.8,2.8-1.6s1.4-1.6,1.8-2.8c.4-1.2.6-2.4.6-4V11.8h8.2v27.2c0,2.4-.4,4.4-1.2,6.2s-2,3.4-3.6,4.8c-1.4,1.4-3.2,2.4-5.4,3-2,.8-4.4,1-6.8,1s-4.8-.4-6.8-1c-2-.8-3.8-1.8-5.4-3-1.6-1.4-2.6-3-3.6-4.8-.8-1.8-1.2-4-1.2-6.2V11.7h8.4v26c0,1.6.2,2.8.6,4,.4,1.2,1,2,1.8,2.8s1.6,1.2,2.8,1.6c1.2.4,2.2.6,3.6.6h0ZM261.4,11.9h8.4v18.2l14.8-18.2h10.4l-14.4,16.8,15.4,25.2h-9.8l-11-18.8-5.4,6v12.8h-8.4V11.9h0ZM206.2,44.2c-3,0-5.4,2.4-5.4,5.4s2.4,5.4,5.4,5.4,5.4-2.4,5.4-5.4-2.4-5.4-5.4-5.4Z\"/>\n          </svg>\n      </a>\n    </div>\n  </div>\n</header>"
+        },
+        {
+            "name": "classes",
+            "options": {
+                "classes": "app-header--custom-modifier"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<header class=\"govuk-header app-header--custom-modifier\" data-module=\"govuk-header\">\n  <div class=\"govuk-header__container govuk-width-container\">\n    <div class=\"govuk-header__logo\">\n      <a href=\"/\" class=\"govuk-header__link govuk-header__link--homepage\">\n        <svg\n            focusable=\"false\"\n            role=\"img\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            viewBox=\"0 0 296 60\"\n            height=\"30\"\n            width=\"148\"\n            fill=\"currentcolor\" class=\"govuk-header__logotype\" aria-label=\"GOV.UK\"\n          ><title>GOV.UK</title>    <g>\n                <circle cx=\"20\" cy=\"17.6\" r=\"3.7\"/>\n                <circle cx=\"10.2\" cy=\"23.5\" r=\"3.7\"/>\n                <circle cx=\"3.7\" cy=\"33.2\" r=\"3.7\"/>\n                <circle cx=\"31.7\" cy=\"30.6\" r=\"3.7\"/>\n                <circle cx=\"43.3\" cy=\"17.6\" r=\"3.7\"/>\n                <circle cx=\"53.2\" cy=\"23.5\" r=\"3.7\"/>\n                <circle cx=\"59.7\" cy=\"33.2\" r=\"3.7\"/>\n                <circle cx=\"31.7\" cy=\"30.6\" r=\"3.7\"/>\n                <path d=\"M33.1,9.8c.2-.1.3-.3.5-.5l4.6,2.4v-6.8l-4.6,1.5c-.1-.2-.3-.3-.5-.5l1.9-5.9h-6.7l1.9,5.9c-.2.1-.3.3-.5.5l-4.6-1.5v6.8l4.6-2.4c.1.2.3.3.5.5l-2.6,8c-.9,2.8,1.2,5.7,4.1,5.7h0c3,0,5.1-2.9,4.1-5.7l-2.6-8ZM37,37.9s-3.4,3.8-4.1,6.1c2.2,0,4.2-.5,6.4-2.8l-.7,8.5c-2-2.8-4.4-4.1-5.7-3.8.1,3.1.5,6.7,5.8,7.2,3.7.3,6.7-1.5,7-3.8.4-2.6-2-4.3-3.7-1.6-1.4-4.5,2.4-6.1,4.9-3.2-1.9-4.5-1.8-7.7,2.4-10.9,3,4,2.6,7.3-1.2,11.1,2.4-1.3,6.2,0,4,4.6-1.2-2.8-3.7-2.2-4.2.2-.3,1.7.7,3.7,3,4.2,1.9.3,4.7-.9,7-5.9-1.3,0-2.4.7-3.9,1.7l2.4-8c.6,2.3,1.4,3.7,2.2,4.5.6-1.6.5-2.8,0-5.3l5,1.8c-2.6,3.6-5.2,8.7-7.3,17.5-7.4-1.1-15.7-1.7-24.5-1.7h0c-8.8,0-17.1.6-24.5,1.7-2.1-8.9-4.7-13.9-7.3-17.5l5-1.8c-.5,2.5-.6,3.7,0,5.3.8-.8,1.6-2.3,2.2-4.5l2.4,8c-1.5-1-2.6-1.7-3.9-1.7,2.3,5,5.2,6.2,7,5.9,2.3-.4,3.3-2.4,3-4.2-.5-2.4-3-3.1-4.2-.2-2.2-4.6,1.6-6,4-4.6-3.7-3.7-4.2-7.1-1.2-11.1,4.2,3.2,4.3,6.4,2.4,10.9,2.5-2.8,6.3-1.3,4.9,3.2-1.8-2.7-4.1-1-3.7,1.6.3,2.3,3.3,4.1,7,3.8,5.4-.5,5.7-4.2,5.8-7.2-1.3-.2-3.7,1-5.7,3.8l-.7-8.5c2.2,2.3,4.2,2.7,6.4,2.8-.7-2.3-4.1-6.1-4.1-6.1h10.6,0Z\"/>\n              </g>\n              <path d=\"M88.6,33.2c0,1.8.2,3.4.6,5s1.2,3,2,4.4c1,1.2,2,2.2,3.4,3s3,1.2,5,1.2,3.4-.2,4.6-.8,2.2-1.4,3-2.2,1.2-1.8,1.6-3c.2-1,.4-2,.4-3v-.4h-10.6v-6.4h18.8v23h-7.4v-5c-.6.8-1.2,1.6-2,2.2-.8.6-1.6,1.2-2.6,1.8-1,.4-2,.8-3.2,1.2s-2.4.4-3.6.4c-3,0-5.8-.6-8-1.6-2.4-1.2-4.4-2.6-6-4.6s-2.8-4.2-3.6-6.8c-.6-2.8-1-5.6-1-8.6s.4-5.8,1.4-8.4,2.2-4.8,4-6.8,3.8-3.4,6.2-4.6c2.4-1.2,5.2-1.6,8.2-1.6s3.8.2,5.6.6c1.8.4,3.4,1.2,4.8,2s2.8,1.8,3.8,3c1.2,1.2,2,2.6,2.8,4l-7.4,4.2c-.4-.8-1-1.8-1.6-2.4-.6-.8-1.2-1.4-2-2s-1.6-1-2.6-1.4-2.2-.4-3.4-.4c-2,0-3.6.4-5,1.2-1.4.8-2.6,1.8-3.4,3-1,1.2-1.6,2.8-2,4.4-.6,1.6-.8,3.8-.8,5.4ZM161.4,24.6c-.8-2.6-2.2-4.8-4-6.8s-3.8-3.4-6.2-4.6c-2.4-1.2-5.2-1.6-8.4-1.6s-5.8.6-8.4,1.6c-2.2,1.2-4.4,2.8-6,4.6-1.8,2-3,4.2-4,6.8-.8,2.6-1.4,5.4-1.4,8.4s.4,5.8,1.4,8.4c.8,2.6,2.2,4.8,4,6.8s3.8,3.4,6.2,4.6c2.4,1.2,5.2,1.6,8.4,1.6s5.8-.6,8.4-1.6c2.4-1.2,4.6-2.6,6.2-4.6,1.8-2,3-4.2,4-6.8.8-2.6,1.4-5.4,1.4-8.4-.2-3-.6-5.8-1.6-8.4h0ZM154,33.2c0,2-.2,3.8-.8,5.4-.4,1.6-1.2,3.2-2.2,4.4s-2.2,2.2-3.4,2.8c-1.4.6-3,1-4.8,1s-3.4-.4-4.8-1-2.6-1.6-3.4-2.8c-1-1.2-1.6-2.6-2.2-4.4-.4-1.6-.8-3.4-.8-5.4v-.2c0-2,.2-3.8.8-5.4.4-1.6,1.2-3.2,2.2-4.4,1-1.2,2.2-2.2,3.4-2.8,1.4-.6,3-1,4.8-1s3.4.4,4.8,1,2.6,1.6,3.4,2.8c1,1.2,1.6,2.6,2.2,4.4.4,1.6.8,3.4.8,5.4v.2ZM177.8,54l-11.8-42h9.4l8,31.4h.2l8-31.4h9.4l-11.8,42h-11.4,0ZM235.4,46.7c1.2,0,2.4-.2,3.4-.6,1-.4,2-.8,2.8-1.6s1.4-1.6,1.8-2.8c.4-1.2.6-2.4.6-4V11.8h8.2v27.2c0,2.4-.4,4.4-1.2,6.2s-2,3.4-3.6,4.8c-1.4,1.4-3.2,2.4-5.4,3-2,.8-4.4,1-6.8,1s-4.8-.4-6.8-1c-2-.8-3.8-1.8-5.4-3-1.6-1.4-2.6-3-3.6-4.8-.8-1.8-1.2-4-1.2-6.2V11.7h8.4v26c0,1.6.2,2.8.6,4,.4,1.2,1,2,1.8,2.8s1.6,1.2,2.8,1.6c1.2.4,2.2.6,3.6.6h0ZM261.4,11.9h8.4v18.2l14.8-18.2h10.4l-14.4,16.8,15.4,25.2h-9.8l-11-18.8-5.4,6v12.8h-8.4V11.9h0ZM206.2,44.2c-3,0-5.4,2.4-5.4,5.4s2.4,5.4,5.4,5.4,5.4-2.4,5.4-5.4-2.4-5.4-5.4-5.4Z\"/>\n          </svg>\n      </a>\n    </div>\n  </div>\n</header>"
+        },
+        {
+            "name": "custom homepage url",
+            "options": {
+                "homepageUrl": "/"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<header class=\"govuk-header\" data-module=\"govuk-header\">\n  <div class=\"govuk-header__container govuk-width-container\">\n    <div class=\"govuk-header__logo\">\n      <a href=\"/\" class=\"govuk-header__link govuk-header__link--homepage\">\n        <svg\n            focusable=\"false\"\n            role=\"img\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            viewBox=\"0 0 296 60\"\n            height=\"30\"\n            width=\"148\"\n            fill=\"currentcolor\" class=\"govuk-header__logotype\" aria-label=\"GOV.UK\"\n          ><title>GOV.UK</title>    <g>\n                <circle cx=\"20\" cy=\"17.6\" r=\"3.7\"/>\n                <circle cx=\"10.2\" cy=\"23.5\" r=\"3.7\"/>\n                <circle cx=\"3.7\" cy=\"33.2\" r=\"3.7\"/>\n                <circle cx=\"31.7\" cy=\"30.6\" r=\"3.7\"/>\n                <circle cx=\"43.3\" cy=\"17.6\" r=\"3.7\"/>\n                <circle cx=\"53.2\" cy=\"23.5\" r=\"3.7\"/>\n                <circle cx=\"59.7\" cy=\"33.2\" r=\"3.7\"/>\n                <circle cx=\"31.7\" cy=\"30.6\" r=\"3.7\"/>\n                <path d=\"M33.1,9.8c.2-.1.3-.3.5-.5l4.6,2.4v-6.8l-4.6,1.5c-.1-.2-.3-.3-.5-.5l1.9-5.9h-6.7l1.9,5.9c-.2.1-.3.3-.5.5l-4.6-1.5v6.8l4.6-2.4c.1.2.3.3.5.5l-2.6,8c-.9,2.8,1.2,5.7,4.1,5.7h0c3,0,5.1-2.9,4.1-5.7l-2.6-8ZM37,37.9s-3.4,3.8-4.1,6.1c2.2,0,4.2-.5,6.4-2.8l-.7,8.5c-2-2.8-4.4-4.1-5.7-3.8.1,3.1.5,6.7,5.8,7.2,3.7.3,6.7-1.5,7-3.8.4-2.6-2-4.3-3.7-1.6-1.4-4.5,2.4-6.1,4.9-3.2-1.9-4.5-1.8-7.7,2.4-10.9,3,4,2.6,7.3-1.2,11.1,2.4-1.3,6.2,0,4,4.6-1.2-2.8-3.7-2.2-4.2.2-.3,1.7.7,3.7,3,4.2,1.9.3,4.7-.9,7-5.9-1.3,0-2.4.7-3.9,1.7l2.4-8c.6,2.3,1.4,3.7,2.2,4.5.6-1.6.5-2.8,0-5.3l5,1.8c-2.6,3.6-5.2,8.7-7.3,17.5-7.4-1.1-15.7-1.7-24.5-1.7h0c-8.8,0-17.1.6-24.5,1.7-2.1-8.9-4.7-13.9-7.3-17.5l5-1.8c-.5,2.5-.6,3.7,0,5.3.8-.8,1.6-2.3,2.2-4.5l2.4,8c-1.5-1-2.6-1.7-3.9-1.7,2.3,5,5.2,6.2,7,5.9,2.3-.4,3.3-2.4,3-4.2-.5-2.4-3-3.1-4.2-.2-2.2-4.6,1.6-6,4-4.6-3.7-3.7-4.2-7.1-1.2-11.1,4.2,3.2,4.3,6.4,2.4,10.9,2.5-2.8,6.3-1.3,4.9,3.2-1.8-2.7-4.1-1-3.7,1.6.3,2.3,3.3,4.1,7,3.8,5.4-.5,5.7-4.2,5.8-7.2-1.3-.2-3.7,1-5.7,3.8l-.7-8.5c2.2,2.3,4.2,2.7,6.4,2.8-.7-2.3-4.1-6.1-4.1-6.1h10.6,0Z\"/>\n              </g>\n              <path d=\"M88.6,33.2c0,1.8.2,3.4.6,5s1.2,3,2,4.4c1,1.2,2,2.2,3.4,3s3,1.2,5,1.2,3.4-.2,4.6-.8,2.2-1.4,3-2.2,1.2-1.8,1.6-3c.2-1,.4-2,.4-3v-.4h-10.6v-6.4h18.8v23h-7.4v-5c-.6.8-1.2,1.6-2,2.2-.8.6-1.6,1.2-2.6,1.8-1,.4-2,.8-3.2,1.2s-2.4.4-3.6.4c-3,0-5.8-.6-8-1.6-2.4-1.2-4.4-2.6-6-4.6s-2.8-4.2-3.6-6.8c-.6-2.8-1-5.6-1-8.6s.4-5.8,1.4-8.4,2.2-4.8,4-6.8,3.8-3.4,6.2-4.6c2.4-1.2,5.2-1.6,8.2-1.6s3.8.2,5.6.6c1.8.4,3.4,1.2,4.8,2s2.8,1.8,3.8,3c1.2,1.2,2,2.6,2.8,4l-7.4,4.2c-.4-.8-1-1.8-1.6-2.4-.6-.8-1.2-1.4-2-2s-1.6-1-2.6-1.4-2.2-.4-3.4-.4c-2,0-3.6.4-5,1.2-1.4.8-2.6,1.8-3.4,3-1,1.2-1.6,2.8-2,4.4-.6,1.6-.8,3.8-.8,5.4ZM161.4,24.6c-.8-2.6-2.2-4.8-4-6.8s-3.8-3.4-6.2-4.6c-2.4-1.2-5.2-1.6-8.4-1.6s-5.8.6-8.4,1.6c-2.2,1.2-4.4,2.8-6,4.6-1.8,2-3,4.2-4,6.8-.8,2.6-1.4,5.4-1.4,8.4s.4,5.8,1.4,8.4c.8,2.6,2.2,4.8,4,6.8s3.8,3.4,6.2,4.6c2.4,1.2,5.2,1.6,8.4,1.6s5.8-.6,8.4-1.6c2.4-1.2,4.6-2.6,6.2-4.6,1.8-2,3-4.2,4-6.8.8-2.6,1.4-5.4,1.4-8.4-.2-3-.6-5.8-1.6-8.4h0ZM154,33.2c0,2-.2,3.8-.8,5.4-.4,1.6-1.2,3.2-2.2,4.4s-2.2,2.2-3.4,2.8c-1.4.6-3,1-4.8,1s-3.4-.4-4.8-1-2.6-1.6-3.4-2.8c-1-1.2-1.6-2.6-2.2-4.4-.4-1.6-.8-3.4-.8-5.4v-.2c0-2,.2-3.8.8-5.4.4-1.6,1.2-3.2,2.2-4.4,1-1.2,2.2-2.2,3.4-2.8,1.4-.6,3-1,4.8-1s3.4.4,4.8,1,2.6,1.6,3.4,2.8c1,1.2,1.6,2.6,2.2,4.4.4,1.6.8,3.4.8,5.4v.2ZM177.8,54l-11.8-42h9.4l8,31.4h.2l8-31.4h9.4l-11.8,42h-11.4,0ZM235.4,46.7c1.2,0,2.4-.2,3.4-.6,1-.4,2-.8,2.8-1.6s1.4-1.6,1.8-2.8c.4-1.2.6-2.4.6-4V11.8h8.2v27.2c0,2.4-.4,4.4-1.2,6.2s-2,3.4-3.6,4.8c-1.4,1.4-3.2,2.4-5.4,3-2,.8-4.4,1-6.8,1s-4.8-.4-6.8-1c-2-.8-3.8-1.8-5.4-3-1.6-1.4-2.6-3-3.6-4.8-.8-1.8-1.2-4-1.2-6.2V11.7h8.4v26c0,1.6.2,2.8.6,4,.4,1.2,1,2,1.8,2.8s1.6,1.2,2.8,1.6c1.2.4,2.2.6,3.6.6h0ZM261.4,11.9h8.4v18.2l14.8-18.2h10.4l-14.4,16.8,15.4,25.2h-9.8l-11-18.8-5.4,6v12.8h-8.4V11.9h0ZM206.2,44.2c-3,0-5.4,2.4-5.4,5.4s2.4,5.4,5.4,5.4,5.4-2.4,5.4-5.4-2.4-5.4-5.4-5.4Z\"/>\n          </svg>\n      </a>\n    </div>\n  </div>\n</header>"
+        },
+        {
+            "name": "with custom navigation label",
+            "options": {
+                "navigationLabel": "Custom navigation label",
+                "navigation": [
+                    {
+                        "href": "#1",
+                        "text": "Navigation item 1",
+                        "active": true
+                    },
+                    {
+                        "href": "#2",
+                        "text": "Navigation item 2"
+                    },
+                    {
+                        "href": "#3",
+                        "text": "Navigation item 3"
+                    },
+                    {
+                        "href": "#4",
+                        "text": "Navigation item 4"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<header class=\"govuk-header\" data-module=\"govuk-header\">\n  <div class=\"govuk-header__container govuk-width-container\">\n    <div class=\"govuk-header__logo\">\n      <a href=\"/\" class=\"govuk-header__link govuk-header__link--homepage\">\n        <svg\n            focusable=\"false\"\n            role=\"img\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            viewBox=\"0 0 296 60\"\n            height=\"30\"\n            width=\"148\"\n            fill=\"currentcolor\" class=\"govuk-header__logotype\" aria-label=\"GOV.UK\"\n          ><title>GOV.UK</title>    <g>\n                <circle cx=\"20\" cy=\"17.6\" r=\"3.7\"/>\n                <circle cx=\"10.2\" cy=\"23.5\" r=\"3.7\"/>\n                <circle cx=\"3.7\" cy=\"33.2\" r=\"3.7\"/>\n                <circle cx=\"31.7\" cy=\"30.6\" r=\"3.7\"/>\n                <circle cx=\"43.3\" cy=\"17.6\" r=\"3.7\"/>\n                <circle cx=\"53.2\" cy=\"23.5\" r=\"3.7\"/>\n                <circle cx=\"59.7\" cy=\"33.2\" r=\"3.7\"/>\n                <circle cx=\"31.7\" cy=\"30.6\" r=\"3.7\"/>\n                <path d=\"M33.1,9.8c.2-.1.3-.3.5-.5l4.6,2.4v-6.8l-4.6,1.5c-.1-.2-.3-.3-.5-.5l1.9-5.9h-6.7l1.9,5.9c-.2.1-.3.3-.5.5l-4.6-1.5v6.8l4.6-2.4c.1.2.3.3.5.5l-2.6,8c-.9,2.8,1.2,5.7,4.1,5.7h0c3,0,5.1-2.9,4.1-5.7l-2.6-8ZM37,37.9s-3.4,3.8-4.1,6.1c2.2,0,4.2-.5,6.4-2.8l-.7,8.5c-2-2.8-4.4-4.1-5.7-3.8.1,3.1.5,6.7,5.8,7.2,3.7.3,6.7-1.5,7-3.8.4-2.6-2-4.3-3.7-1.6-1.4-4.5,2.4-6.1,4.9-3.2-1.9-4.5-1.8-7.7,2.4-10.9,3,4,2.6,7.3-1.2,11.1,2.4-1.3,6.2,0,4,4.6-1.2-2.8-3.7-2.2-4.2.2-.3,1.7.7,3.7,3,4.2,1.9.3,4.7-.9,7-5.9-1.3,0-2.4.7-3.9,1.7l2.4-8c.6,2.3,1.4,3.7,2.2,4.5.6-1.6.5-2.8,0-5.3l5,1.8c-2.6,3.6-5.2,8.7-7.3,17.5-7.4-1.1-15.7-1.7-24.5-1.7h0c-8.8,0-17.1.6-24.5,1.7-2.1-8.9-4.7-13.9-7.3-17.5l5-1.8c-.5,2.5-.6,3.7,0,5.3.8-.8,1.6-2.3,2.2-4.5l2.4,8c-1.5-1-2.6-1.7-3.9-1.7,2.3,5,5.2,6.2,7,5.9,2.3-.4,3.3-2.4,3-4.2-.5-2.4-3-3.1-4.2-.2-2.2-4.6,1.6-6,4-4.6-3.7-3.7-4.2-7.1-1.2-11.1,4.2,3.2,4.3,6.4,2.4,10.9,2.5-2.8,6.3-1.3,4.9,3.2-1.8-2.7-4.1-1-3.7,1.6.3,2.3,3.3,4.1,7,3.8,5.4-.5,5.7-4.2,5.8-7.2-1.3-.2-3.7,1-5.7,3.8l-.7-8.5c2.2,2.3,4.2,2.7,6.4,2.8-.7-2.3-4.1-6.1-4.1-6.1h10.6,0Z\"/>\n              </g>\n              <path d=\"M88.6,33.2c0,1.8.2,3.4.6,5s1.2,3,2,4.4c1,1.2,2,2.2,3.4,3s3,1.2,5,1.2,3.4-.2,4.6-.8,2.2-1.4,3-2.2,1.2-1.8,1.6-3c.2-1,.4-2,.4-3v-.4h-10.6v-6.4h18.8v23h-7.4v-5c-.6.8-1.2,1.6-2,2.2-.8.6-1.6,1.2-2.6,1.8-1,.4-2,.8-3.2,1.2s-2.4.4-3.6.4c-3,0-5.8-.6-8-1.6-2.4-1.2-4.4-2.6-6-4.6s-2.8-4.2-3.6-6.8c-.6-2.8-1-5.6-1-8.6s.4-5.8,1.4-8.4,2.2-4.8,4-6.8,3.8-3.4,6.2-4.6c2.4-1.2,5.2-1.6,8.2-1.6s3.8.2,5.6.6c1.8.4,3.4,1.2,4.8,2s2.8,1.8,3.8,3c1.2,1.2,2,2.6,2.8,4l-7.4,4.2c-.4-.8-1-1.8-1.6-2.4-.6-.8-1.2-1.4-2-2s-1.6-1-2.6-1.4-2.2-.4-3.4-.4c-2,0-3.6.4-5,1.2-1.4.8-2.6,1.8-3.4,3-1,1.2-1.6,2.8-2,4.4-.6,1.6-.8,3.8-.8,5.4ZM161.4,24.6c-.8-2.6-2.2-4.8-4-6.8s-3.8-3.4-6.2-4.6c-2.4-1.2-5.2-1.6-8.4-1.6s-5.8.6-8.4,1.6c-2.2,1.2-4.4,2.8-6,4.6-1.8,2-3,4.2-4,6.8-.8,2.6-1.4,5.4-1.4,8.4s.4,5.8,1.4,8.4c.8,2.6,2.2,4.8,4,6.8s3.8,3.4,6.2,4.6c2.4,1.2,5.2,1.6,8.4,1.6s5.8-.6,8.4-1.6c2.4-1.2,4.6-2.6,6.2-4.6,1.8-2,3-4.2,4-6.8.8-2.6,1.4-5.4,1.4-8.4-.2-3-.6-5.8-1.6-8.4h0ZM154,33.2c0,2-.2,3.8-.8,5.4-.4,1.6-1.2,3.2-2.2,4.4s-2.2,2.2-3.4,2.8c-1.4.6-3,1-4.8,1s-3.4-.4-4.8-1-2.6-1.6-3.4-2.8c-1-1.2-1.6-2.6-2.2-4.4-.4-1.6-.8-3.4-.8-5.4v-.2c0-2,.2-3.8.8-5.4.4-1.6,1.2-3.2,2.2-4.4,1-1.2,2.2-2.2,3.4-2.8,1.4-.6,3-1,4.8-1s3.4.4,4.8,1,2.6,1.6,3.4,2.8c1,1.2,1.6,2.6,2.2,4.4.4,1.6.8,3.4.8,5.4v.2ZM177.8,54l-11.8-42h9.4l8,31.4h.2l8-31.4h9.4l-11.8,42h-11.4,0ZM235.4,46.7c1.2,0,2.4-.2,3.4-.6,1-.4,2-.8,2.8-1.6s1.4-1.6,1.8-2.8c.4-1.2.6-2.4.6-4V11.8h8.2v27.2c0,2.4-.4,4.4-1.2,6.2s-2,3.4-3.6,4.8c-1.4,1.4-3.2,2.4-5.4,3-2,.8-4.4,1-6.8,1s-4.8-.4-6.8-1c-2-.8-3.8-1.8-5.4-3-1.6-1.4-2.6-3-3.6-4.8-.8-1.8-1.2-4-1.2-6.2V11.7h8.4v26c0,1.6.2,2.8.6,4,.4,1.2,1,2,1.8,2.8s1.6,1.2,2.8,1.6c1.2.4,2.2.6,3.6.6h0ZM261.4,11.9h8.4v18.2l14.8-18.2h10.4l-14.4,16.8,15.4,25.2h-9.8l-11-18.8-5.4,6v12.8h-8.4V11.9h0ZM206.2,44.2c-3,0-5.4,2.4-5.4,5.4s2.4,5.4,5.4,5.4,5.4-2.4,5.4-5.4-2.4-5.4-5.4-5.4Z\"/>\n          </svg>\n      </a>\n    </div>\n    <div class=\"govuk-header__content\">\n      <nav aria-label=\"Custom navigation label\" class=\"govuk-header__navigation\">\n        <button type=\"button\" class=\"govuk-header__menu-button govuk-js-header-toggle\" aria-controls=\"navigation\" hidden>\n          Menu\n        </button>\n\n        <ul id=\"navigation\" class=\"govuk-header__navigation-list\">\n          <li class=\"govuk-header__navigation-item govuk-header__navigation-item--active\">\n            <a class=\"govuk-header__link\" href=\"#1\">\n              Navigation item 1\n            </a>\n          </li>\n          <li class=\"govuk-header__navigation-item\">\n            <a class=\"govuk-header__link\" href=\"#2\">\n              Navigation item 2\n            </a>\n          </li>\n          <li class=\"govuk-header__navigation-item\">\n            <a class=\"govuk-header__link\" href=\"#3\">\n              Navigation item 3\n            </a>\n          </li>\n          <li class=\"govuk-header__navigation-item\">\n            <a class=\"govuk-header__link\" href=\"#4\">\n              Navigation item 4\n            </a>\n          </li>\n        </ul>\n      </nav>\n    </div>\n  </div>\n</header>"
+        },
+        {
+            "name": "navigation item with attributes",
+            "options": {
+                "navigation": [
+                    {
+                        "href": "/link",
+                        "text": "Item",
+                        "attributes": {
+                            "data-attribute": "my-attribute",
+                            "data-attribute-2": "my-attribute-2"
+                        }
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<header class=\"govuk-header\" data-module=\"govuk-header\">\n  <div class=\"govuk-header__container govuk-width-container\">\n    <div class=\"govuk-header__logo\">\n      <a href=\"/\" class=\"govuk-header__link govuk-header__link--homepage\">\n        <svg\n            focusable=\"false\"\n            role=\"img\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            viewBox=\"0 0 296 60\"\n            height=\"30\"\n            width=\"148\"\n            fill=\"currentcolor\" class=\"govuk-header__logotype\" aria-label=\"GOV.UK\"\n          ><title>GOV.UK</title>    <g>\n                <circle cx=\"20\" cy=\"17.6\" r=\"3.7\"/>\n                <circle cx=\"10.2\" cy=\"23.5\" r=\"3.7\"/>\n                <circle cx=\"3.7\" cy=\"33.2\" r=\"3.7\"/>\n                <circle cx=\"31.7\" cy=\"30.6\" r=\"3.7\"/>\n                <circle cx=\"43.3\" cy=\"17.6\" r=\"3.7\"/>\n                <circle cx=\"53.2\" cy=\"23.5\" r=\"3.7\"/>\n                <circle cx=\"59.7\" cy=\"33.2\" r=\"3.7\"/>\n                <circle cx=\"31.7\" cy=\"30.6\" r=\"3.7\"/>\n                <path d=\"M33.1,9.8c.2-.1.3-.3.5-.5l4.6,2.4v-6.8l-4.6,1.5c-.1-.2-.3-.3-.5-.5l1.9-5.9h-6.7l1.9,5.9c-.2.1-.3.3-.5.5l-4.6-1.5v6.8l4.6-2.4c.1.2.3.3.5.5l-2.6,8c-.9,2.8,1.2,5.7,4.1,5.7h0c3,0,5.1-2.9,4.1-5.7l-2.6-8ZM37,37.9s-3.4,3.8-4.1,6.1c2.2,0,4.2-.5,6.4-2.8l-.7,8.5c-2-2.8-4.4-4.1-5.7-3.8.1,3.1.5,6.7,5.8,7.2,3.7.3,6.7-1.5,7-3.8.4-2.6-2-4.3-3.7-1.6-1.4-4.5,2.4-6.1,4.9-3.2-1.9-4.5-1.8-7.7,2.4-10.9,3,4,2.6,7.3-1.2,11.1,2.4-1.3,6.2,0,4,4.6-1.2-2.8-3.7-2.2-4.2.2-.3,1.7.7,3.7,3,4.2,1.9.3,4.7-.9,7-5.9-1.3,0-2.4.7-3.9,1.7l2.4-8c.6,2.3,1.4,3.7,2.2,4.5.6-1.6.5-2.8,0-5.3l5,1.8c-2.6,3.6-5.2,8.7-7.3,17.5-7.4-1.1-15.7-1.7-24.5-1.7h0c-8.8,0-17.1.6-24.5,1.7-2.1-8.9-4.7-13.9-7.3-17.5l5-1.8c-.5,2.5-.6,3.7,0,5.3.8-.8,1.6-2.3,2.2-4.5l2.4,8c-1.5-1-2.6-1.7-3.9-1.7,2.3,5,5.2,6.2,7,5.9,2.3-.4,3.3-2.4,3-4.2-.5-2.4-3-3.1-4.2-.2-2.2-4.6,1.6-6,4-4.6-3.7-3.7-4.2-7.1-1.2-11.1,4.2,3.2,4.3,6.4,2.4,10.9,2.5-2.8,6.3-1.3,4.9,3.2-1.8-2.7-4.1-1-3.7,1.6.3,2.3,3.3,4.1,7,3.8,5.4-.5,5.7-4.2,5.8-7.2-1.3-.2-3.7,1-5.7,3.8l-.7-8.5c2.2,2.3,4.2,2.7,6.4,2.8-.7-2.3-4.1-6.1-4.1-6.1h10.6,0Z\"/>\n              </g>\n              <path d=\"M88.6,33.2c0,1.8.2,3.4.6,5s1.2,3,2,4.4c1,1.2,2,2.2,3.4,3s3,1.2,5,1.2,3.4-.2,4.6-.8,2.2-1.4,3-2.2,1.2-1.8,1.6-3c.2-1,.4-2,.4-3v-.4h-10.6v-6.4h18.8v23h-7.4v-5c-.6.8-1.2,1.6-2,2.2-.8.6-1.6,1.2-2.6,1.8-1,.4-2,.8-3.2,1.2s-2.4.4-3.6.4c-3,0-5.8-.6-8-1.6-2.4-1.2-4.4-2.6-6-4.6s-2.8-4.2-3.6-6.8c-.6-2.8-1-5.6-1-8.6s.4-5.8,1.4-8.4,2.2-4.8,4-6.8,3.8-3.4,6.2-4.6c2.4-1.2,5.2-1.6,8.2-1.6s3.8.2,5.6.6c1.8.4,3.4,1.2,4.8,2s2.8,1.8,3.8,3c1.2,1.2,2,2.6,2.8,4l-7.4,4.2c-.4-.8-1-1.8-1.6-2.4-.6-.8-1.2-1.4-2-2s-1.6-1-2.6-1.4-2.2-.4-3.4-.4c-2,0-3.6.4-5,1.2-1.4.8-2.6,1.8-3.4,3-1,1.2-1.6,2.8-2,4.4-.6,1.6-.8,3.8-.8,5.4ZM161.4,24.6c-.8-2.6-2.2-4.8-4-6.8s-3.8-3.4-6.2-4.6c-2.4-1.2-5.2-1.6-8.4-1.6s-5.8.6-8.4,1.6c-2.2,1.2-4.4,2.8-6,4.6-1.8,2-3,4.2-4,6.8-.8,2.6-1.4,5.4-1.4,8.4s.4,5.8,1.4,8.4c.8,2.6,2.2,4.8,4,6.8s3.8,3.4,6.2,4.6c2.4,1.2,5.2,1.6,8.4,1.6s5.8-.6,8.4-1.6c2.4-1.2,4.6-2.6,6.2-4.6,1.8-2,3-4.2,4-6.8.8-2.6,1.4-5.4,1.4-8.4-.2-3-.6-5.8-1.6-8.4h0ZM154,33.2c0,2-.2,3.8-.8,5.4-.4,1.6-1.2,3.2-2.2,4.4s-2.2,2.2-3.4,2.8c-1.4.6-3,1-4.8,1s-3.4-.4-4.8-1-2.6-1.6-3.4-2.8c-1-1.2-1.6-2.6-2.2-4.4-.4-1.6-.8-3.4-.8-5.4v-.2c0-2,.2-3.8.8-5.4.4-1.6,1.2-3.2,2.2-4.4,1-1.2,2.2-2.2,3.4-2.8,1.4-.6,3-1,4.8-1s3.4.4,4.8,1,2.6,1.6,3.4,2.8c1,1.2,1.6,2.6,2.2,4.4.4,1.6.8,3.4.8,5.4v.2ZM177.8,54l-11.8-42h9.4l8,31.4h.2l8-31.4h9.4l-11.8,42h-11.4,0ZM235.4,46.7c1.2,0,2.4-.2,3.4-.6,1-.4,2-.8,2.8-1.6s1.4-1.6,1.8-2.8c.4-1.2.6-2.4.6-4V11.8h8.2v27.2c0,2.4-.4,4.4-1.2,6.2s-2,3.4-3.6,4.8c-1.4,1.4-3.2,2.4-5.4,3-2,.8-4.4,1-6.8,1s-4.8-.4-6.8-1c-2-.8-3.8-1.8-5.4-3-1.6-1.4-2.6-3-3.6-4.8-.8-1.8-1.2-4-1.2-6.2V11.7h8.4v26c0,1.6.2,2.8.6,4,.4,1.2,1,2,1.8,2.8s1.6,1.2,2.8,1.6c1.2.4,2.2.6,3.6.6h0ZM261.4,11.9h8.4v18.2l14.8-18.2h10.4l-14.4,16.8,15.4,25.2h-9.8l-11-18.8-5.4,6v12.8h-8.4V11.9h0ZM206.2,44.2c-3,0-5.4,2.4-5.4,5.4s2.4,5.4,5.4,5.4,5.4-2.4,5.4-5.4-2.4-5.4-5.4-5.4Z\"/>\n          </svg>\n      </a>\n    </div>\n    <div class=\"govuk-header__content\">\n      <nav aria-label=\"Menu\" class=\"govuk-header__navigation\">\n        <button type=\"button\" class=\"govuk-header__menu-button govuk-js-header-toggle\" aria-controls=\"navigation\" hidden>\n          Menu\n        </button>\n\n        <ul id=\"navigation\" class=\"govuk-header__navigation-list\">\n          <li class=\"govuk-header__navigation-item\">\n            <a class=\"govuk-header__link\" href=\"/link\" data-attribute=\"my-attribute\" data-attribute-2=\"my-attribute-2\">\n              Item\n            </a>\n          </li>\n        </ul>\n      </nav>\n    </div>\n  </div>\n</header>"
+        },
+        {
+            "name": "navigation item with html as text",
+            "options": {
+                "serviceName": "Service Name",
+                "serviceUrl": "/components/header",
+                "navigation": [
+                    {
+                        "href": "#1",
+                        "text": "<em>Navigation item 1</em>",
+                        "active": true
+                    },
+                    {
+                        "href": "#2",
+                        "text": "<em>Navigation item 2</em>"
+                    },
+                    {
+                        "href": "#3",
+                        "text": "<em>Navigation item 3</em>"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<header class=\"govuk-header\" data-module=\"govuk-header\">\n  <div class=\"govuk-header__container govuk-width-container\">\n    <div class=\"govuk-header__logo\">\n      <a href=\"/\" class=\"govuk-header__link govuk-header__link--homepage\">\n        <svg\n            focusable=\"false\"\n            role=\"img\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            viewBox=\"0 0 296 60\"\n            height=\"30\"\n            width=\"148\"\n            fill=\"currentcolor\" class=\"govuk-header__logotype\" aria-label=\"GOV.UK\"\n          ><title>GOV.UK</title>    <g>\n                <circle cx=\"20\" cy=\"17.6\" r=\"3.7\"/>\n                <circle cx=\"10.2\" cy=\"23.5\" r=\"3.7\"/>\n                <circle cx=\"3.7\" cy=\"33.2\" r=\"3.7\"/>\n                <circle cx=\"31.7\" cy=\"30.6\" r=\"3.7\"/>\n                <circle cx=\"43.3\" cy=\"17.6\" r=\"3.7\"/>\n                <circle cx=\"53.2\" cy=\"23.5\" r=\"3.7\"/>\n                <circle cx=\"59.7\" cy=\"33.2\" r=\"3.7\"/>\n                <circle cx=\"31.7\" cy=\"30.6\" r=\"3.7\"/>\n                <path d=\"M33.1,9.8c.2-.1.3-.3.5-.5l4.6,2.4v-6.8l-4.6,1.5c-.1-.2-.3-.3-.5-.5l1.9-5.9h-6.7l1.9,5.9c-.2.1-.3.3-.5.5l-4.6-1.5v6.8l4.6-2.4c.1.2.3.3.5.5l-2.6,8c-.9,2.8,1.2,5.7,4.1,5.7h0c3,0,5.1-2.9,4.1-5.7l-2.6-8ZM37,37.9s-3.4,3.8-4.1,6.1c2.2,0,4.2-.5,6.4-2.8l-.7,8.5c-2-2.8-4.4-4.1-5.7-3.8.1,3.1.5,6.7,5.8,7.2,3.7.3,6.7-1.5,7-3.8.4-2.6-2-4.3-3.7-1.6-1.4-4.5,2.4-6.1,4.9-3.2-1.9-4.5-1.8-7.7,2.4-10.9,3,4,2.6,7.3-1.2,11.1,2.4-1.3,6.2,0,4,4.6-1.2-2.8-3.7-2.2-4.2.2-.3,1.7.7,3.7,3,4.2,1.9.3,4.7-.9,7-5.9-1.3,0-2.4.7-3.9,1.7l2.4-8c.6,2.3,1.4,3.7,2.2,4.5.6-1.6.5-2.8,0-5.3l5,1.8c-2.6,3.6-5.2,8.7-7.3,17.5-7.4-1.1-15.7-1.7-24.5-1.7h0c-8.8,0-17.1.6-24.5,1.7-2.1-8.9-4.7-13.9-7.3-17.5l5-1.8c-.5,2.5-.6,3.7,0,5.3.8-.8,1.6-2.3,2.2-4.5l2.4,8c-1.5-1-2.6-1.7-3.9-1.7,2.3,5,5.2,6.2,7,5.9,2.3-.4,3.3-2.4,3-4.2-.5-2.4-3-3.1-4.2-.2-2.2-4.6,1.6-6,4-4.6-3.7-3.7-4.2-7.1-1.2-11.1,4.2,3.2,4.3,6.4,2.4,10.9,2.5-2.8,6.3-1.3,4.9,3.2-1.8-2.7-4.1-1-3.7,1.6.3,2.3,3.3,4.1,7,3.8,5.4-.5,5.7-4.2,5.8-7.2-1.3-.2-3.7,1-5.7,3.8l-.7-8.5c2.2,2.3,4.2,2.7,6.4,2.8-.7-2.3-4.1-6.1-4.1-6.1h10.6,0Z\"/>\n              </g>\n              <path d=\"M88.6,33.2c0,1.8.2,3.4.6,5s1.2,3,2,4.4c1,1.2,2,2.2,3.4,3s3,1.2,5,1.2,3.4-.2,4.6-.8,2.2-1.4,3-2.2,1.2-1.8,1.6-3c.2-1,.4-2,.4-3v-.4h-10.6v-6.4h18.8v23h-7.4v-5c-.6.8-1.2,1.6-2,2.2-.8.6-1.6,1.2-2.6,1.8-1,.4-2,.8-3.2,1.2s-2.4.4-3.6.4c-3,0-5.8-.6-8-1.6-2.4-1.2-4.4-2.6-6-4.6s-2.8-4.2-3.6-6.8c-.6-2.8-1-5.6-1-8.6s.4-5.8,1.4-8.4,2.2-4.8,4-6.8,3.8-3.4,6.2-4.6c2.4-1.2,5.2-1.6,8.2-1.6s3.8.2,5.6.6c1.8.4,3.4,1.2,4.8,2s2.8,1.8,3.8,3c1.2,1.2,2,2.6,2.8,4l-7.4,4.2c-.4-.8-1-1.8-1.6-2.4-.6-.8-1.2-1.4-2-2s-1.6-1-2.6-1.4-2.2-.4-3.4-.4c-2,0-3.6.4-5,1.2-1.4.8-2.6,1.8-3.4,3-1,1.2-1.6,2.8-2,4.4-.6,1.6-.8,3.8-.8,5.4ZM161.4,24.6c-.8-2.6-2.2-4.8-4-6.8s-3.8-3.4-6.2-4.6c-2.4-1.2-5.2-1.6-8.4-1.6s-5.8.6-8.4,1.6c-2.2,1.2-4.4,2.8-6,4.6-1.8,2-3,4.2-4,6.8-.8,2.6-1.4,5.4-1.4,8.4s.4,5.8,1.4,8.4c.8,2.6,2.2,4.8,4,6.8s3.8,3.4,6.2,4.6c2.4,1.2,5.2,1.6,8.4,1.6s5.8-.6,8.4-1.6c2.4-1.2,4.6-2.6,6.2-4.6,1.8-2,3-4.2,4-6.8.8-2.6,1.4-5.4,1.4-8.4-.2-3-.6-5.8-1.6-8.4h0ZM154,33.2c0,2-.2,3.8-.8,5.4-.4,1.6-1.2,3.2-2.2,4.4s-2.2,2.2-3.4,2.8c-1.4.6-3,1-4.8,1s-3.4-.4-4.8-1-2.6-1.6-3.4-2.8c-1-1.2-1.6-2.6-2.2-4.4-.4-1.6-.8-3.4-.8-5.4v-.2c0-2,.2-3.8.8-5.4.4-1.6,1.2-3.2,2.2-4.4,1-1.2,2.2-2.2,3.4-2.8,1.4-.6,3-1,4.8-1s3.4.4,4.8,1,2.6,1.6,3.4,2.8c1,1.2,1.6,2.6,2.2,4.4.4,1.6.8,3.4.8,5.4v.2ZM177.8,54l-11.8-42h9.4l8,31.4h.2l8-31.4h9.4l-11.8,42h-11.4,0ZM235.4,46.7c1.2,0,2.4-.2,3.4-.6,1-.4,2-.8,2.8-1.6s1.4-1.6,1.8-2.8c.4-1.2.6-2.4.6-4V11.8h8.2v27.2c0,2.4-.4,4.4-1.2,6.2s-2,3.4-3.6,4.8c-1.4,1.4-3.2,2.4-5.4,3-2,.8-4.4,1-6.8,1s-4.8-.4-6.8-1c-2-.8-3.8-1.8-5.4-3-1.6-1.4-2.6-3-3.6-4.8-.8-1.8-1.2-4-1.2-6.2V11.7h8.4v26c0,1.6.2,2.8.6,4,.4,1.2,1,2,1.8,2.8s1.6,1.2,2.8,1.6c1.2.4,2.2.6,3.6.6h0ZM261.4,11.9h8.4v18.2l14.8-18.2h10.4l-14.4,16.8,15.4,25.2h-9.8l-11-18.8-5.4,6v12.8h-8.4V11.9h0ZM206.2,44.2c-3,0-5.4,2.4-5.4,5.4s2.4,5.4,5.4,5.4,5.4-2.4,5.4-5.4-2.4-5.4-5.4-5.4Z\"/>\n          </svg>\n      </a>\n    </div>\n    <div class=\"govuk-header__content\">\n      <a href=\"/components/header\" class=\"govuk-header__link govuk-header__service-name\">\n        Service Name\n      </a>\n      <nav aria-label=\"Menu\" class=\"govuk-header__navigation\">\n        <button type=\"button\" class=\"govuk-header__menu-button govuk-js-header-toggle\" aria-controls=\"navigation\" hidden>\n          Menu\n        </button>\n\n        <ul id=\"navigation\" class=\"govuk-header__navigation-list\">\n          <li class=\"govuk-header__navigation-item govuk-header__navigation-item--active\">\n            <a class=\"govuk-header__link\" href=\"#1\">\n              &lt;em&gt;Navigation item 1&lt;/em&gt;\n            </a>\n          </li>\n          <li class=\"govuk-header__navigation-item\">\n            <a class=\"govuk-header__link\" href=\"#2\">\n              &lt;em&gt;Navigation item 2&lt;/em&gt;\n            </a>\n          </li>\n          <li class=\"govuk-header__navigation-item\">\n            <a class=\"govuk-header__link\" href=\"#3\">\n              &lt;em&gt;Navigation item 3&lt;/em&gt;\n            </a>\n          </li>\n        </ul>\n      </nav>\n    </div>\n  </div>\n</header>"
+        },
+        {
+            "name": "navigation item with html without link",
+            "options": {
+                "serviceName": "Service Name",
+                "serviceUrl": "/components/header",
+                "navigation": [
+                    {
+                        "html": "<em>Navigation item 1</em>",
+                        "active": true
+                    },
+                    {
+                        "html": "<em>Navigation item 2</em>"
+                    },
+                    {
+                        "html": "<em>Navigation item 3</em>"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<header class=\"govuk-header\" data-module=\"govuk-header\">\n  <div class=\"govuk-header__container govuk-width-container\">\n    <div class=\"govuk-header__logo\">\n      <a href=\"/\" class=\"govuk-header__link govuk-header__link--homepage\">\n        <svg\n            focusable=\"false\"\n            role=\"img\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            viewBox=\"0 0 296 60\"\n            height=\"30\"\n            width=\"148\"\n            fill=\"currentcolor\" class=\"govuk-header__logotype\" aria-label=\"GOV.UK\"\n          ><title>GOV.UK</title>    <g>\n                <circle cx=\"20\" cy=\"17.6\" r=\"3.7\"/>\n                <circle cx=\"10.2\" cy=\"23.5\" r=\"3.7\"/>\n                <circle cx=\"3.7\" cy=\"33.2\" r=\"3.7\"/>\n                <circle cx=\"31.7\" cy=\"30.6\" r=\"3.7\"/>\n                <circle cx=\"43.3\" cy=\"17.6\" r=\"3.7\"/>\n                <circle cx=\"53.2\" cy=\"23.5\" r=\"3.7\"/>\n                <circle cx=\"59.7\" cy=\"33.2\" r=\"3.7\"/>\n                <circle cx=\"31.7\" cy=\"30.6\" r=\"3.7\"/>\n                <path d=\"M33.1,9.8c.2-.1.3-.3.5-.5l4.6,2.4v-6.8l-4.6,1.5c-.1-.2-.3-.3-.5-.5l1.9-5.9h-6.7l1.9,5.9c-.2.1-.3.3-.5.5l-4.6-1.5v6.8l4.6-2.4c.1.2.3.3.5.5l-2.6,8c-.9,2.8,1.2,5.7,4.1,5.7h0c3,0,5.1-2.9,4.1-5.7l-2.6-8ZM37,37.9s-3.4,3.8-4.1,6.1c2.2,0,4.2-.5,6.4-2.8l-.7,8.5c-2-2.8-4.4-4.1-5.7-3.8.1,3.1.5,6.7,5.8,7.2,3.7.3,6.7-1.5,7-3.8.4-2.6-2-4.3-3.7-1.6-1.4-4.5,2.4-6.1,4.9-3.2-1.9-4.5-1.8-7.7,2.4-10.9,3,4,2.6,7.3-1.2,11.1,2.4-1.3,6.2,0,4,4.6-1.2-2.8-3.7-2.2-4.2.2-.3,1.7.7,3.7,3,4.2,1.9.3,4.7-.9,7-5.9-1.3,0-2.4.7-3.9,1.7l2.4-8c.6,2.3,1.4,3.7,2.2,4.5.6-1.6.5-2.8,0-5.3l5,1.8c-2.6,3.6-5.2,8.7-7.3,17.5-7.4-1.1-15.7-1.7-24.5-1.7h0c-8.8,0-17.1.6-24.5,1.7-2.1-8.9-4.7-13.9-7.3-17.5l5-1.8c-.5,2.5-.6,3.7,0,5.3.8-.8,1.6-2.3,2.2-4.5l2.4,8c-1.5-1-2.6-1.7-3.9-1.7,2.3,5,5.2,6.2,7,5.9,2.3-.4,3.3-2.4,3-4.2-.5-2.4-3-3.1-4.2-.2-2.2-4.6,1.6-6,4-4.6-3.7-3.7-4.2-7.1-1.2-11.1,4.2,3.2,4.3,6.4,2.4,10.9,2.5-2.8,6.3-1.3,4.9,3.2-1.8-2.7-4.1-1-3.7,1.6.3,2.3,3.3,4.1,7,3.8,5.4-.5,5.7-4.2,5.8-7.2-1.3-.2-3.7,1-5.7,3.8l-.7-8.5c2.2,2.3,4.2,2.7,6.4,2.8-.7-2.3-4.1-6.1-4.1-6.1h10.6,0Z\"/>\n              </g>\n              <path d=\"M88.6,33.2c0,1.8.2,3.4.6,5s1.2,3,2,4.4c1,1.2,2,2.2,3.4,3s3,1.2,5,1.2,3.4-.2,4.6-.8,2.2-1.4,3-2.2,1.2-1.8,1.6-3c.2-1,.4-2,.4-3v-.4h-10.6v-6.4h18.8v23h-7.4v-5c-.6.8-1.2,1.6-2,2.2-.8.6-1.6,1.2-2.6,1.8-1,.4-2,.8-3.2,1.2s-2.4.4-3.6.4c-3,0-5.8-.6-8-1.6-2.4-1.2-4.4-2.6-6-4.6s-2.8-4.2-3.6-6.8c-.6-2.8-1-5.6-1-8.6s.4-5.8,1.4-8.4,2.2-4.8,4-6.8,3.8-3.4,6.2-4.6c2.4-1.2,5.2-1.6,8.2-1.6s3.8.2,5.6.6c1.8.4,3.4,1.2,4.8,2s2.8,1.8,3.8,3c1.2,1.2,2,2.6,2.8,4l-7.4,4.2c-.4-.8-1-1.8-1.6-2.4-.6-.8-1.2-1.4-2-2s-1.6-1-2.6-1.4-2.2-.4-3.4-.4c-2,0-3.6.4-5,1.2-1.4.8-2.6,1.8-3.4,3-1,1.2-1.6,2.8-2,4.4-.6,1.6-.8,3.8-.8,5.4ZM161.4,24.6c-.8-2.6-2.2-4.8-4-6.8s-3.8-3.4-6.2-4.6c-2.4-1.2-5.2-1.6-8.4-1.6s-5.8.6-8.4,1.6c-2.2,1.2-4.4,2.8-6,4.6-1.8,2-3,4.2-4,6.8-.8,2.6-1.4,5.4-1.4,8.4s.4,5.8,1.4,8.4c.8,2.6,2.2,4.8,4,6.8s3.8,3.4,6.2,4.6c2.4,1.2,5.2,1.6,8.4,1.6s5.8-.6,8.4-1.6c2.4-1.2,4.6-2.6,6.2-4.6,1.8-2,3-4.2,4-6.8.8-2.6,1.4-5.4,1.4-8.4-.2-3-.6-5.8-1.6-8.4h0ZM154,33.2c0,2-.2,3.8-.8,5.4-.4,1.6-1.2,3.2-2.2,4.4s-2.2,2.2-3.4,2.8c-1.4.6-3,1-4.8,1s-3.4-.4-4.8-1-2.6-1.6-3.4-2.8c-1-1.2-1.6-2.6-2.2-4.4-.4-1.6-.8-3.4-.8-5.4v-.2c0-2,.2-3.8.8-5.4.4-1.6,1.2-3.2,2.2-4.4,1-1.2,2.2-2.2,3.4-2.8,1.4-.6,3-1,4.8-1s3.4.4,4.8,1,2.6,1.6,3.4,2.8c1,1.2,1.6,2.6,2.2,4.4.4,1.6.8,3.4.8,5.4v.2ZM177.8,54l-11.8-42h9.4l8,31.4h.2l8-31.4h9.4l-11.8,42h-11.4,0ZM235.4,46.7c1.2,0,2.4-.2,3.4-.6,1-.4,2-.8,2.8-1.6s1.4-1.6,1.8-2.8c.4-1.2.6-2.4.6-4V11.8h8.2v27.2c0,2.4-.4,4.4-1.2,6.2s-2,3.4-3.6,4.8c-1.4,1.4-3.2,2.4-5.4,3-2,.8-4.4,1-6.8,1s-4.8-.4-6.8-1c-2-.8-3.8-1.8-5.4-3-1.6-1.4-2.6-3-3.6-4.8-.8-1.8-1.2-4-1.2-6.2V11.7h8.4v26c0,1.6.2,2.8.6,4,.4,1.2,1,2,1.8,2.8s1.6,1.2,2.8,1.6c1.2.4,2.2.6,3.6.6h0ZM261.4,11.9h8.4v18.2l14.8-18.2h10.4l-14.4,16.8,15.4,25.2h-9.8l-11-18.8-5.4,6v12.8h-8.4V11.9h0ZM206.2,44.2c-3,0-5.4,2.4-5.4,5.4s2.4,5.4,5.4,5.4,5.4-2.4,5.4-5.4-2.4-5.4-5.4-5.4Z\"/>\n          </svg>\n      </a>\n    </div>\n    <div class=\"govuk-header__content\">\n      <a href=\"/components/header\" class=\"govuk-header__link govuk-header__service-name\">\n        Service Name\n      </a>\n      <nav aria-label=\"Menu\" class=\"govuk-header__navigation\">\n        <button type=\"button\" class=\"govuk-header__menu-button govuk-js-header-toggle\" aria-controls=\"navigation\" hidden>\n          Menu\n        </button>\n\n        <ul id=\"navigation\" class=\"govuk-header__navigation-list\">\n          <li class=\"govuk-header__navigation-item govuk-header__navigation-item--active\">\n              <em>Navigation item 1</em>\n          </li>\n          <li class=\"govuk-header__navigation-item\">\n              <em>Navigation item 2</em>\n          </li>\n          <li class=\"govuk-header__navigation-item\">\n              <em>Navigation item 3</em>\n          </li>\n        </ul>\n      </nav>\n    </div>\n  </div>\n</header>"
+        },
+        {
+            "name": "with custom menu button label",
+            "options": {
+                "menuButtonLabel": "Custom button label",
+                "navigation": [
+                    {
+                        "href": "#1",
+                        "text": "Navigation item 1",
+                        "active": true
+                    },
+                    {
+                        "href": "#2",
+                        "text": "Navigation item 2"
+                    },
+                    {
+                        "href": "#3",
+                        "text": "Navigation item 3"
+                    },
+                    {
+                        "href": "#4",
+                        "text": "Navigation item 4"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<header class=\"govuk-header\" data-module=\"govuk-header\">\n  <div class=\"govuk-header__container govuk-width-container\">\n    <div class=\"govuk-header__logo\">\n      <a href=\"/\" class=\"govuk-header__link govuk-header__link--homepage\">\n        <svg\n            focusable=\"false\"\n            role=\"img\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            viewBox=\"0 0 296 60\"\n            height=\"30\"\n            width=\"148\"\n            fill=\"currentcolor\" class=\"govuk-header__logotype\" aria-label=\"GOV.UK\"\n          ><title>GOV.UK</title>    <g>\n                <circle cx=\"20\" cy=\"17.6\" r=\"3.7\"/>\n                <circle cx=\"10.2\" cy=\"23.5\" r=\"3.7\"/>\n                <circle cx=\"3.7\" cy=\"33.2\" r=\"3.7\"/>\n                <circle cx=\"31.7\" cy=\"30.6\" r=\"3.7\"/>\n                <circle cx=\"43.3\" cy=\"17.6\" r=\"3.7\"/>\n                <circle cx=\"53.2\" cy=\"23.5\" r=\"3.7\"/>\n                <circle cx=\"59.7\" cy=\"33.2\" r=\"3.7\"/>\n                <circle cx=\"31.7\" cy=\"30.6\" r=\"3.7\"/>\n                <path d=\"M33.1,9.8c.2-.1.3-.3.5-.5l4.6,2.4v-6.8l-4.6,1.5c-.1-.2-.3-.3-.5-.5l1.9-5.9h-6.7l1.9,5.9c-.2.1-.3.3-.5.5l-4.6-1.5v6.8l4.6-2.4c.1.2.3.3.5.5l-2.6,8c-.9,2.8,1.2,5.7,4.1,5.7h0c3,0,5.1-2.9,4.1-5.7l-2.6-8ZM37,37.9s-3.4,3.8-4.1,6.1c2.2,0,4.2-.5,6.4-2.8l-.7,8.5c-2-2.8-4.4-4.1-5.7-3.8.1,3.1.5,6.7,5.8,7.2,3.7.3,6.7-1.5,7-3.8.4-2.6-2-4.3-3.7-1.6-1.4-4.5,2.4-6.1,4.9-3.2-1.9-4.5-1.8-7.7,2.4-10.9,3,4,2.6,7.3-1.2,11.1,2.4-1.3,6.2,0,4,4.6-1.2-2.8-3.7-2.2-4.2.2-.3,1.7.7,3.7,3,4.2,1.9.3,4.7-.9,7-5.9-1.3,0-2.4.7-3.9,1.7l2.4-8c.6,2.3,1.4,3.7,2.2,4.5.6-1.6.5-2.8,0-5.3l5,1.8c-2.6,3.6-5.2,8.7-7.3,17.5-7.4-1.1-15.7-1.7-24.5-1.7h0c-8.8,0-17.1.6-24.5,1.7-2.1-8.9-4.7-13.9-7.3-17.5l5-1.8c-.5,2.5-.6,3.7,0,5.3.8-.8,1.6-2.3,2.2-4.5l2.4,8c-1.5-1-2.6-1.7-3.9-1.7,2.3,5,5.2,6.2,7,5.9,2.3-.4,3.3-2.4,3-4.2-.5-2.4-3-3.1-4.2-.2-2.2-4.6,1.6-6,4-4.6-3.7-3.7-4.2-7.1-1.2-11.1,4.2,3.2,4.3,6.4,2.4,10.9,2.5-2.8,6.3-1.3,4.9,3.2-1.8-2.7-4.1-1-3.7,1.6.3,2.3,3.3,4.1,7,3.8,5.4-.5,5.7-4.2,5.8-7.2-1.3-.2-3.7,1-5.7,3.8l-.7-8.5c2.2,2.3,4.2,2.7,6.4,2.8-.7-2.3-4.1-6.1-4.1-6.1h10.6,0Z\"/>\n              </g>\n              <path d=\"M88.6,33.2c0,1.8.2,3.4.6,5s1.2,3,2,4.4c1,1.2,2,2.2,3.4,3s3,1.2,5,1.2,3.4-.2,4.6-.8,2.2-1.4,3-2.2,1.2-1.8,1.6-3c.2-1,.4-2,.4-3v-.4h-10.6v-6.4h18.8v23h-7.4v-5c-.6.8-1.2,1.6-2,2.2-.8.6-1.6,1.2-2.6,1.8-1,.4-2,.8-3.2,1.2s-2.4.4-3.6.4c-3,0-5.8-.6-8-1.6-2.4-1.2-4.4-2.6-6-4.6s-2.8-4.2-3.6-6.8c-.6-2.8-1-5.6-1-8.6s.4-5.8,1.4-8.4,2.2-4.8,4-6.8,3.8-3.4,6.2-4.6c2.4-1.2,5.2-1.6,8.2-1.6s3.8.2,5.6.6c1.8.4,3.4,1.2,4.8,2s2.8,1.8,3.8,3c1.2,1.2,2,2.6,2.8,4l-7.4,4.2c-.4-.8-1-1.8-1.6-2.4-.6-.8-1.2-1.4-2-2s-1.6-1-2.6-1.4-2.2-.4-3.4-.4c-2,0-3.6.4-5,1.2-1.4.8-2.6,1.8-3.4,3-1,1.2-1.6,2.8-2,4.4-.6,1.6-.8,3.8-.8,5.4ZM161.4,24.6c-.8-2.6-2.2-4.8-4-6.8s-3.8-3.4-6.2-4.6c-2.4-1.2-5.2-1.6-8.4-1.6s-5.8.6-8.4,1.6c-2.2,1.2-4.4,2.8-6,4.6-1.8,2-3,4.2-4,6.8-.8,2.6-1.4,5.4-1.4,8.4s.4,5.8,1.4,8.4c.8,2.6,2.2,4.8,4,6.8s3.8,3.4,6.2,4.6c2.4,1.2,5.2,1.6,8.4,1.6s5.8-.6,8.4-1.6c2.4-1.2,4.6-2.6,6.2-4.6,1.8-2,3-4.2,4-6.8.8-2.6,1.4-5.4,1.4-8.4-.2-3-.6-5.8-1.6-8.4h0ZM154,33.2c0,2-.2,3.8-.8,5.4-.4,1.6-1.2,3.2-2.2,4.4s-2.2,2.2-3.4,2.8c-1.4.6-3,1-4.8,1s-3.4-.4-4.8-1-2.6-1.6-3.4-2.8c-1-1.2-1.6-2.6-2.2-4.4-.4-1.6-.8-3.4-.8-5.4v-.2c0-2,.2-3.8.8-5.4.4-1.6,1.2-3.2,2.2-4.4,1-1.2,2.2-2.2,3.4-2.8,1.4-.6,3-1,4.8-1s3.4.4,4.8,1,2.6,1.6,3.4,2.8c1,1.2,1.6,2.6,2.2,4.4.4,1.6.8,3.4.8,5.4v.2ZM177.8,54l-11.8-42h9.4l8,31.4h.2l8-31.4h9.4l-11.8,42h-11.4,0ZM235.4,46.7c1.2,0,2.4-.2,3.4-.6,1-.4,2-.8,2.8-1.6s1.4-1.6,1.8-2.8c.4-1.2.6-2.4.6-4V11.8h8.2v27.2c0,2.4-.4,4.4-1.2,6.2s-2,3.4-3.6,4.8c-1.4,1.4-3.2,2.4-5.4,3-2,.8-4.4,1-6.8,1s-4.8-.4-6.8-1c-2-.8-3.8-1.8-5.4-3-1.6-1.4-2.6-3-3.6-4.8-.8-1.8-1.2-4-1.2-6.2V11.7h8.4v26c0,1.6.2,2.8.6,4,.4,1.2,1,2,1.8,2.8s1.6,1.2,2.8,1.6c1.2.4,2.2.6,3.6.6h0ZM261.4,11.9h8.4v18.2l14.8-18.2h10.4l-14.4,16.8,15.4,25.2h-9.8l-11-18.8-5.4,6v12.8h-8.4V11.9h0ZM206.2,44.2c-3,0-5.4,2.4-5.4,5.4s2.4,5.4,5.4,5.4,5.4-2.4,5.4-5.4-2.4-5.4-5.4-5.4Z\"/>\n          </svg>\n      </a>\n    </div>\n    <div class=\"govuk-header__content\">\n      <nav aria-label=\"Menu\" class=\"govuk-header__navigation\">\n        <button type=\"button\" class=\"govuk-header__menu-button govuk-js-header-toggle\" aria-controls=\"navigation\" aria-label=\"Custom button label\" hidden>\n          Menu\n        </button>\n\n        <ul id=\"navigation\" class=\"govuk-header__navigation-list\">\n          <li class=\"govuk-header__navigation-item govuk-header__navigation-item--active\">\n            <a class=\"govuk-header__link\" href=\"#1\">\n              Navigation item 1\n            </a>\n          </li>\n          <li class=\"govuk-header__navigation-item\">\n            <a class=\"govuk-header__link\" href=\"#2\">\n              Navigation item 2\n            </a>\n          </li>\n          <li class=\"govuk-header__navigation-item\">\n            <a class=\"govuk-header__link\" href=\"#3\">\n              Navigation item 3\n            </a>\n          </li>\n          <li class=\"govuk-header__navigation-item\">\n            <a class=\"govuk-header__link\" href=\"#4\">\n              Navigation item 4\n            </a>\n          </li>\n        </ul>\n      </nav>\n    </div>\n  </div>\n</header>"
+        },
+        {
+            "name": "with custom navigation label and custom menu button text",
+            "options": {
+                "menuButtonText": "Custom menu button text",
+                "navigationLabel": "Custom navigation label",
+                "navigation": [
+                    {
+                        "href": "#1",
+                        "text": "Navigation item 1",
+                        "active": true
+                    },
+                    {
+                        "href": "#2",
+                        "text": "Navigation item 2"
+                    },
+                    {
+                        "href": "#3",
+                        "text": "Navigation item 3"
+                    },
+                    {
+                        "href": "#4",
+                        "text": "Navigation item 4"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<header class=\"govuk-header\" data-module=\"govuk-header\">\n  <div class=\"govuk-header__container govuk-width-container\">\n    <div class=\"govuk-header__logo\">\n      <a href=\"/\" class=\"govuk-header__link govuk-header__link--homepage\">\n        <svg\n            focusable=\"false\"\n            role=\"img\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            viewBox=\"0 0 296 60\"\n            height=\"30\"\n            width=\"148\"\n            fill=\"currentcolor\" class=\"govuk-header__logotype\" aria-label=\"GOV.UK\"\n          ><title>GOV.UK</title>    <g>\n                <circle cx=\"20\" cy=\"17.6\" r=\"3.7\"/>\n                <circle cx=\"10.2\" cy=\"23.5\" r=\"3.7\"/>\n                <circle cx=\"3.7\" cy=\"33.2\" r=\"3.7\"/>\n                <circle cx=\"31.7\" cy=\"30.6\" r=\"3.7\"/>\n                <circle cx=\"43.3\" cy=\"17.6\" r=\"3.7\"/>\n                <circle cx=\"53.2\" cy=\"23.5\" r=\"3.7\"/>\n                <circle cx=\"59.7\" cy=\"33.2\" r=\"3.7\"/>\n                <circle cx=\"31.7\" cy=\"30.6\" r=\"3.7\"/>\n                <path d=\"M33.1,9.8c.2-.1.3-.3.5-.5l4.6,2.4v-6.8l-4.6,1.5c-.1-.2-.3-.3-.5-.5l1.9-5.9h-6.7l1.9,5.9c-.2.1-.3.3-.5.5l-4.6-1.5v6.8l4.6-2.4c.1.2.3.3.5.5l-2.6,8c-.9,2.8,1.2,5.7,4.1,5.7h0c3,0,5.1-2.9,4.1-5.7l-2.6-8ZM37,37.9s-3.4,3.8-4.1,6.1c2.2,0,4.2-.5,6.4-2.8l-.7,8.5c-2-2.8-4.4-4.1-5.7-3.8.1,3.1.5,6.7,5.8,7.2,3.7.3,6.7-1.5,7-3.8.4-2.6-2-4.3-3.7-1.6-1.4-4.5,2.4-6.1,4.9-3.2-1.9-4.5-1.8-7.7,2.4-10.9,3,4,2.6,7.3-1.2,11.1,2.4-1.3,6.2,0,4,4.6-1.2-2.8-3.7-2.2-4.2.2-.3,1.7.7,3.7,3,4.2,1.9.3,4.7-.9,7-5.9-1.3,0-2.4.7-3.9,1.7l2.4-8c.6,2.3,1.4,3.7,2.2,4.5.6-1.6.5-2.8,0-5.3l5,1.8c-2.6,3.6-5.2,8.7-7.3,17.5-7.4-1.1-15.7-1.7-24.5-1.7h0c-8.8,0-17.1.6-24.5,1.7-2.1-8.9-4.7-13.9-7.3-17.5l5-1.8c-.5,2.5-.6,3.7,0,5.3.8-.8,1.6-2.3,2.2-4.5l2.4,8c-1.5-1-2.6-1.7-3.9-1.7,2.3,5,5.2,6.2,7,5.9,2.3-.4,3.3-2.4,3-4.2-.5-2.4-3-3.1-4.2-.2-2.2-4.6,1.6-6,4-4.6-3.7-3.7-4.2-7.1-1.2-11.1,4.2,3.2,4.3,6.4,2.4,10.9,2.5-2.8,6.3-1.3,4.9,3.2-1.8-2.7-4.1-1-3.7,1.6.3,2.3,3.3,4.1,7,3.8,5.4-.5,5.7-4.2,5.8-7.2-1.3-.2-3.7,1-5.7,3.8l-.7-8.5c2.2,2.3,4.2,2.7,6.4,2.8-.7-2.3-4.1-6.1-4.1-6.1h10.6,0Z\"/>\n              </g>\n              <path d=\"M88.6,33.2c0,1.8.2,3.4.6,5s1.2,3,2,4.4c1,1.2,2,2.2,3.4,3s3,1.2,5,1.2,3.4-.2,4.6-.8,2.2-1.4,3-2.2,1.2-1.8,1.6-3c.2-1,.4-2,.4-3v-.4h-10.6v-6.4h18.8v23h-7.4v-5c-.6.8-1.2,1.6-2,2.2-.8.6-1.6,1.2-2.6,1.8-1,.4-2,.8-3.2,1.2s-2.4.4-3.6.4c-3,0-5.8-.6-8-1.6-2.4-1.2-4.4-2.6-6-4.6s-2.8-4.2-3.6-6.8c-.6-2.8-1-5.6-1-8.6s.4-5.8,1.4-8.4,2.2-4.8,4-6.8,3.8-3.4,6.2-4.6c2.4-1.2,5.2-1.6,8.2-1.6s3.8.2,5.6.6c1.8.4,3.4,1.2,4.8,2s2.8,1.8,3.8,3c1.2,1.2,2,2.6,2.8,4l-7.4,4.2c-.4-.8-1-1.8-1.6-2.4-.6-.8-1.2-1.4-2-2s-1.6-1-2.6-1.4-2.2-.4-3.4-.4c-2,0-3.6.4-5,1.2-1.4.8-2.6,1.8-3.4,3-1,1.2-1.6,2.8-2,4.4-.6,1.6-.8,3.8-.8,5.4ZM161.4,24.6c-.8-2.6-2.2-4.8-4-6.8s-3.8-3.4-6.2-4.6c-2.4-1.2-5.2-1.6-8.4-1.6s-5.8.6-8.4,1.6c-2.2,1.2-4.4,2.8-6,4.6-1.8,2-3,4.2-4,6.8-.8,2.6-1.4,5.4-1.4,8.4s.4,5.8,1.4,8.4c.8,2.6,2.2,4.8,4,6.8s3.8,3.4,6.2,4.6c2.4,1.2,5.2,1.6,8.4,1.6s5.8-.6,8.4-1.6c2.4-1.2,4.6-2.6,6.2-4.6,1.8-2,3-4.2,4-6.8.8-2.6,1.4-5.4,1.4-8.4-.2-3-.6-5.8-1.6-8.4h0ZM154,33.2c0,2-.2,3.8-.8,5.4-.4,1.6-1.2,3.2-2.2,4.4s-2.2,2.2-3.4,2.8c-1.4.6-3,1-4.8,1s-3.4-.4-4.8-1-2.6-1.6-3.4-2.8c-1-1.2-1.6-2.6-2.2-4.4-.4-1.6-.8-3.4-.8-5.4v-.2c0-2,.2-3.8.8-5.4.4-1.6,1.2-3.2,2.2-4.4,1-1.2,2.2-2.2,3.4-2.8,1.4-.6,3-1,4.8-1s3.4.4,4.8,1,2.6,1.6,3.4,2.8c1,1.2,1.6,2.6,2.2,4.4.4,1.6.8,3.4.8,5.4v.2ZM177.8,54l-11.8-42h9.4l8,31.4h.2l8-31.4h9.4l-11.8,42h-11.4,0ZM235.4,46.7c1.2,0,2.4-.2,3.4-.6,1-.4,2-.8,2.8-1.6s1.4-1.6,1.8-2.8c.4-1.2.6-2.4.6-4V11.8h8.2v27.2c0,2.4-.4,4.4-1.2,6.2s-2,3.4-3.6,4.8c-1.4,1.4-3.2,2.4-5.4,3-2,.8-4.4,1-6.8,1s-4.8-.4-6.8-1c-2-.8-3.8-1.8-5.4-3-1.6-1.4-2.6-3-3.6-4.8-.8-1.8-1.2-4-1.2-6.2V11.7h8.4v26c0,1.6.2,2.8.6,4,.4,1.2,1,2,1.8,2.8s1.6,1.2,2.8,1.6c1.2.4,2.2.6,3.6.6h0ZM261.4,11.9h8.4v18.2l14.8-18.2h10.4l-14.4,16.8,15.4,25.2h-9.8l-11-18.8-5.4,6v12.8h-8.4V11.9h0ZM206.2,44.2c-3,0-5.4,2.4-5.4,5.4s2.4,5.4,5.4,5.4,5.4-2.4,5.4-5.4-2.4-5.4-5.4-5.4Z\"/>\n          </svg>\n      </a>\n    </div>\n    <div class=\"govuk-header__content\">\n      <nav aria-label=\"Custom navigation label\" class=\"govuk-header__navigation\">\n        <button type=\"button\" class=\"govuk-header__menu-button govuk-js-header-toggle\" aria-controls=\"navigation\" hidden>\n          Custom menu button text\n        </button>\n\n        <ul id=\"navigation\" class=\"govuk-header__navigation-list\">\n          <li class=\"govuk-header__navigation-item govuk-header__navigation-item--active\">\n            <a class=\"govuk-header__link\" href=\"#1\">\n              Navigation item 1\n            </a>\n          </li>\n          <li class=\"govuk-header__navigation-item\">\n            <a class=\"govuk-header__link\" href=\"#2\">\n              Navigation item 2\n            </a>\n          </li>\n          <li class=\"govuk-header__navigation-item\">\n            <a class=\"govuk-header__link\" href=\"#3\">\n              Navigation item 3\n            </a>\n          </li>\n          <li class=\"govuk-header__navigation-item\">\n            <a class=\"govuk-header__link\" href=\"#4\">\n              Navigation item 4\n            </a>\n          </li>\n        </ul>\n      </nav>\n    </div>\n  </div>\n</header>"
+        },
+        {
+            "name": "empty navigation array",
+            "options": {
+                "navigation": []
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<header class=\"govuk-header\" data-module=\"govuk-header\">\n  <div class=\"govuk-header__container govuk-width-container\">\n    <div class=\"govuk-header__logo\">\n      <a href=\"/\" class=\"govuk-header__link govuk-header__link--homepage\">\n        <svg\n            focusable=\"false\"\n            role=\"img\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            viewBox=\"0 0 296 60\"\n            height=\"30\"\n            width=\"148\"\n            fill=\"currentcolor\" class=\"govuk-header__logotype\" aria-label=\"GOV.UK\"\n          ><title>GOV.UK</title>    <g>\n                <circle cx=\"20\" cy=\"17.6\" r=\"3.7\"/>\n                <circle cx=\"10.2\" cy=\"23.5\" r=\"3.7\"/>\n                <circle cx=\"3.7\" cy=\"33.2\" r=\"3.7\"/>\n                <circle cx=\"31.7\" cy=\"30.6\" r=\"3.7\"/>\n                <circle cx=\"43.3\" cy=\"17.6\" r=\"3.7\"/>\n                <circle cx=\"53.2\" cy=\"23.5\" r=\"3.7\"/>\n                <circle cx=\"59.7\" cy=\"33.2\" r=\"3.7\"/>\n                <circle cx=\"31.7\" cy=\"30.6\" r=\"3.7\"/>\n                <path d=\"M33.1,9.8c.2-.1.3-.3.5-.5l4.6,2.4v-6.8l-4.6,1.5c-.1-.2-.3-.3-.5-.5l1.9-5.9h-6.7l1.9,5.9c-.2.1-.3.3-.5.5l-4.6-1.5v6.8l4.6-2.4c.1.2.3.3.5.5l-2.6,8c-.9,2.8,1.2,5.7,4.1,5.7h0c3,0,5.1-2.9,4.1-5.7l-2.6-8ZM37,37.9s-3.4,3.8-4.1,6.1c2.2,0,4.2-.5,6.4-2.8l-.7,8.5c-2-2.8-4.4-4.1-5.7-3.8.1,3.1.5,6.7,5.8,7.2,3.7.3,6.7-1.5,7-3.8.4-2.6-2-4.3-3.7-1.6-1.4-4.5,2.4-6.1,4.9-3.2-1.9-4.5-1.8-7.7,2.4-10.9,3,4,2.6,7.3-1.2,11.1,2.4-1.3,6.2,0,4,4.6-1.2-2.8-3.7-2.2-4.2.2-.3,1.7.7,3.7,3,4.2,1.9.3,4.7-.9,7-5.9-1.3,0-2.4.7-3.9,1.7l2.4-8c.6,2.3,1.4,3.7,2.2,4.5.6-1.6.5-2.8,0-5.3l5,1.8c-2.6,3.6-5.2,8.7-7.3,17.5-7.4-1.1-15.7-1.7-24.5-1.7h0c-8.8,0-17.1.6-24.5,1.7-2.1-8.9-4.7-13.9-7.3-17.5l5-1.8c-.5,2.5-.6,3.7,0,5.3.8-.8,1.6-2.3,2.2-4.5l2.4,8c-1.5-1-2.6-1.7-3.9-1.7,2.3,5,5.2,6.2,7,5.9,2.3-.4,3.3-2.4,3-4.2-.5-2.4-3-3.1-4.2-.2-2.2-4.6,1.6-6,4-4.6-3.7-3.7-4.2-7.1-1.2-11.1,4.2,3.2,4.3,6.4,2.4,10.9,2.5-2.8,6.3-1.3,4.9,3.2-1.8-2.7-4.1-1-3.7,1.6.3,2.3,3.3,4.1,7,3.8,5.4-.5,5.7-4.2,5.8-7.2-1.3-.2-3.7,1-5.7,3.8l-.7-8.5c2.2,2.3,4.2,2.7,6.4,2.8-.7-2.3-4.1-6.1-4.1-6.1h10.6,0Z\"/>\n              </g>\n              <path d=\"M88.6,33.2c0,1.8.2,3.4.6,5s1.2,3,2,4.4c1,1.2,2,2.2,3.4,3s3,1.2,5,1.2,3.4-.2,4.6-.8,2.2-1.4,3-2.2,1.2-1.8,1.6-3c.2-1,.4-2,.4-3v-.4h-10.6v-6.4h18.8v23h-7.4v-5c-.6.8-1.2,1.6-2,2.2-.8.6-1.6,1.2-2.6,1.8-1,.4-2,.8-3.2,1.2s-2.4.4-3.6.4c-3,0-5.8-.6-8-1.6-2.4-1.2-4.4-2.6-6-4.6s-2.8-4.2-3.6-6.8c-.6-2.8-1-5.6-1-8.6s.4-5.8,1.4-8.4,2.2-4.8,4-6.8,3.8-3.4,6.2-4.6c2.4-1.2,5.2-1.6,8.2-1.6s3.8.2,5.6.6c1.8.4,3.4,1.2,4.8,2s2.8,1.8,3.8,3c1.2,1.2,2,2.6,2.8,4l-7.4,4.2c-.4-.8-1-1.8-1.6-2.4-.6-.8-1.2-1.4-2-2s-1.6-1-2.6-1.4-2.2-.4-3.4-.4c-2,0-3.6.4-5,1.2-1.4.8-2.6,1.8-3.4,3-1,1.2-1.6,2.8-2,4.4-.6,1.6-.8,3.8-.8,5.4ZM161.4,24.6c-.8-2.6-2.2-4.8-4-6.8s-3.8-3.4-6.2-4.6c-2.4-1.2-5.2-1.6-8.4-1.6s-5.8.6-8.4,1.6c-2.2,1.2-4.4,2.8-6,4.6-1.8,2-3,4.2-4,6.8-.8,2.6-1.4,5.4-1.4,8.4s.4,5.8,1.4,8.4c.8,2.6,2.2,4.8,4,6.8s3.8,3.4,6.2,4.6c2.4,1.2,5.2,1.6,8.4,1.6s5.8-.6,8.4-1.6c2.4-1.2,4.6-2.6,6.2-4.6,1.8-2,3-4.2,4-6.8.8-2.6,1.4-5.4,1.4-8.4-.2-3-.6-5.8-1.6-8.4h0ZM154,33.2c0,2-.2,3.8-.8,5.4-.4,1.6-1.2,3.2-2.2,4.4s-2.2,2.2-3.4,2.8c-1.4.6-3,1-4.8,1s-3.4-.4-4.8-1-2.6-1.6-3.4-2.8c-1-1.2-1.6-2.6-2.2-4.4-.4-1.6-.8-3.4-.8-5.4v-.2c0-2,.2-3.8.8-5.4.4-1.6,1.2-3.2,2.2-4.4,1-1.2,2.2-2.2,3.4-2.8,1.4-.6,3-1,4.8-1s3.4.4,4.8,1,2.6,1.6,3.4,2.8c1,1.2,1.6,2.6,2.2,4.4.4,1.6.8,3.4.8,5.4v.2ZM177.8,54l-11.8-42h9.4l8,31.4h.2l8-31.4h9.4l-11.8,42h-11.4,0ZM235.4,46.7c1.2,0,2.4-.2,3.4-.6,1-.4,2-.8,2.8-1.6s1.4-1.6,1.8-2.8c.4-1.2.6-2.4.6-4V11.8h8.2v27.2c0,2.4-.4,4.4-1.2,6.2s-2,3.4-3.6,4.8c-1.4,1.4-3.2,2.4-5.4,3-2,.8-4.4,1-6.8,1s-4.8-.4-6.8-1c-2-.8-3.8-1.8-5.4-3-1.6-1.4-2.6-3-3.6-4.8-.8-1.8-1.2-4-1.2-6.2V11.7h8.4v26c0,1.6.2,2.8.6,4,.4,1.2,1,2,1.8,2.8s1.6,1.2,2.8,1.6c1.2.4,2.2.6,3.6.6h0ZM261.4,11.9h8.4v18.2l14.8-18.2h10.4l-14.4,16.8,15.4,25.2h-9.8l-11-18.8-5.4,6v12.8h-8.4V11.9h0ZM206.2,44.2c-3,0-5.4,2.4-5.4,5.4s2.4,5.4,5.4,5.4,5.4-2.4,5.4-5.4-2.4-5.4-5.4-5.4Z\"/>\n          </svg>\n      </a>\n    </div>\n  </div>\n</header>"
+        },
+        {
+            "name": "rebrand",
+            "options": {
+                "rebrand": true
+            },
+            "hidden": true,
+            "description": "The standard header as used on information pages on GOV.UK",
+            "pageTemplateOptions": {
+                "htmlClasses": "govuk-template--rebranded"
+            },
+            "screenshot": true,
+            "html": "<header class=\"govuk-header\" data-module=\"govuk-header\">\n  <div class=\"govuk-header__container govuk-width-container\">\n    <div class=\"govuk-header__logo\">\n      <a href=\"/\" class=\"govuk-header__link govuk-header__link--homepage\">\n        <svg\n            focusable=\"false\"\n            role=\"img\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            viewBox=\"0 0 324 60\"\n            height=\"30\"\n            width=\"162\"\n            fill=\"currentcolor\" class=\"govuk-header__logotype\" aria-label=\"GOV.UK\"\n          ><title>GOV.UK</title>    <g>\n                <circle cx=\"20\" cy=\"17.6\" r=\"3.7\"/>\n                <circle cx=\"10.2\" cy=\"23.5\" r=\"3.7\"/>\n                <circle cx=\"3.7\" cy=\"33.2\" r=\"3.7\"/>\n                <circle cx=\"31.7\" cy=\"30.6\" r=\"3.7\"/>\n                <circle cx=\"43.3\" cy=\"17.6\" r=\"3.7\"/>\n                <circle cx=\"53.2\" cy=\"23.5\" r=\"3.7\"/>\n                <circle cx=\"59.7\" cy=\"33.2\" r=\"3.7\"/>\n                <circle cx=\"31.7\" cy=\"30.6\" r=\"3.7\"/>\n                <path d=\"M33.1,9.8c.2-.1.3-.3.5-.5l4.6,2.4v-6.8l-4.6,1.5c-.1-.2-.3-.3-.5-.5l1.9-5.9h-6.7l1.9,5.9c-.2.1-.3.3-.5.5l-4.6-1.5v6.8l4.6-2.4c.1.2.3.3.5.5l-2.6,8c-.9,2.8,1.2,5.7,4.1,5.7h0c3,0,5.1-2.9,4.1-5.7l-2.6-8ZM37,37.9s-3.4,3.8-4.1,6.1c2.2,0,4.2-.5,6.4-2.8l-.7,8.5c-2-2.8-4.4-4.1-5.7-3.8.1,3.1.5,6.7,5.8,7.2,3.7.3,6.7-1.5,7-3.8.4-2.6-2-4.3-3.7-1.6-1.4-4.5,2.4-6.1,4.9-3.2-1.9-4.5-1.8-7.7,2.4-10.9,3,4,2.6,7.3-1.2,11.1,2.4-1.3,6.2,0,4,4.6-1.2-2.8-3.7-2.2-4.2.2-.3,1.7.7,3.7,3,4.2,1.9.3,4.7-.9,7-5.9-1.3,0-2.4.7-3.9,1.7l2.4-8c.6,2.3,1.4,3.7,2.2,4.5.6-1.6.5-2.8,0-5.3l5,1.8c-2.6,3.6-5.2,8.7-7.3,17.5-7.4-1.1-15.7-1.7-24.5-1.7h0c-8.8,0-17.1.6-24.5,1.7-2.1-8.9-4.7-13.9-7.3-17.5l5-1.8c-.5,2.5-.6,3.7,0,5.3.8-.8,1.6-2.3,2.2-4.5l2.4,8c-1.5-1-2.6-1.7-3.9-1.7,2.3,5,5.2,6.2,7,5.9,2.3-.4,3.3-2.4,3-4.2-.5-2.4-3-3.1-4.2-.2-2.2-4.6,1.6-6,4-4.6-3.7-3.7-4.2-7.1-1.2-11.1,4.2,3.2,4.3,6.4,2.4,10.9,2.5-2.8,6.3-1.3,4.9,3.2-1.8-2.7-4.1-1-3.7,1.6.3,2.3,3.3,4.1,7,3.8,5.4-.5,5.7-4.2,5.8-7.2-1.3-.2-3.7,1-5.7,3.8l-.7-8.5c2.2,2.3,4.2,2.7,6.4,2.8-.7-2.3-4.1-6.1-4.1-6.1h10.6,0Z\"/>\n              </g>\n              <circle class=\"govuk-logo-dot\" cx=\"226\" cy=\"36\" r=\"7.3\"/>\n              <path d=\"M93.94 41.25c.4 1.81 1.2 3.21 2.21 4.62 1 1.4 2.21 2.41 3.61 3.21s3.21 1.2 5.22 1.2 3.61-.4 4.82-1c1.4-.6 2.41-1.4 3.21-2.41.8-1 1.4-2.01 1.61-3.01s.4-2.01.4-3.01v.14h-10.86v-7.02h20.07v24.08h-8.03v-5.56c-.6.8-1.38 1.61-2.19 2.41-.8.8-1.81 1.2-2.81 1.81-1 .4-2.21.8-3.41 1.2s-2.41.4-3.81.4a18.56 18.56 0 0 1-14.65-6.63c-1.6-2.01-3.01-4.41-3.81-7.02s-1.4-5.62-1.4-8.83.4-6.02 1.4-8.83a20.45 20.45 0 0 1 19.46-13.65c3.21 0 4.01.2 5.82.8 1.81.4 3.61 1.2 5.02 2.01 1.61.8 2.81 2.01 4.01 3.21s2.21 2.61 2.81 4.21l-7.63 4.41c-.4-1-1-1.81-1.61-2.61-.6-.8-1.4-1.4-2.21-2.01-.8-.6-1.81-1-2.81-1.4-1-.4-2.21-.4-3.61-.4-2.01 0-3.81.4-5.22 1.2-1.4.8-2.61 1.81-3.61 3.21s-1.61 2.81-2.21 4.62c-.4 1.81-.6 3.71-.6 5.42s.8 5.22.8 5.22Zm57.8-27.9c3.21 0 6.22.6 8.63 1.81 2.41 1.2 4.82 2.81 6.62 4.82S170.2 24.39 171 27s1.4 5.62 1.4 8.83-.4 6.02-1.4 8.83-2.41 5.02-4.01 7.02-4.01 3.61-6.62 4.82-5.42 1.81-8.63 1.81-6.22-.6-8.63-1.81-4.82-2.81-6.42-4.82-3.21-4.41-4.01-7.02-1.4-5.62-1.4-8.83.4-6.02 1.4-8.83 2.41-5.02 4.01-7.02 4.01-3.61 6.42-4.82 5.42-1.81 8.63-1.81Zm0 36.73c1.81 0 3.61-.4 5.02-1s2.61-1.81 3.61-3.01 1.81-2.81 2.21-4.41c.4-1.81.8-3.61.8-5.62 0-2.21-.2-4.21-.8-6.02s-1.2-3.21-2.21-4.62c-1-1.2-2.21-2.21-3.61-3.01s-3.21-1-5.02-1-3.61.4-5.02 1c-1.4.8-2.61 1.81-3.61 3.01s-1.81 2.81-2.21 4.62c-.4 1.81-.8 3.61-.8 5.62 0 2.41.2 4.21.8 6.02.4 1.81 1.2 3.21 2.21 4.41s2.21 2.21 3.61 3.01c1.4.8 3.21 1 5.02 1Zm36.32 7.96-12.24-44.15h9.83l8.43 32.77h.4l8.23-32.77h9.83L200.3 58.04h-12.24Zm74.14-7.96c2.18 0 3.51-.6 3.51-.6 1.2-.6 2.01-1 2.81-1.81s1.4-1.81 1.81-2.81a13 13 0 0 0 .8-4.01V13.9h8.63v28.15c0 2.41-.4 4.62-1.4 6.62-.8 2.01-2.21 3.61-3.61 5.02s-3.41 2.41-5.62 3.21-4.62 1.2-7.02 1.2-5.02-.4-7.02-1.2c-2.21-.8-4.01-1.81-5.62-3.21s-2.81-3.01-3.61-5.02-1.4-4.21-1.4-6.62V13.9h8.63v26.95c0 1.61.2 3.01.8 4.01.4 1.2 1.2 2.21 2.01 2.81.8.8 1.81 1.4 2.81 1.81 0 0 1.34.6 3.51.6Zm34.22-36.18v18.92l15.65-18.92h10.82l-15.03 17.32 16.03 26.83h-10.21l-11.44-20.21-5.62 6.22v13.99h-8.83V13.9\"/>\n          </svg>\n      </a>\n    </div>\n  </div>\n</header>"
+        },
+        {
+            "name": "with service name and navigation and rebrand",
+            "options": {
+                "serviceName": "Service Name",
+                "serviceUrl": "/components/header",
+                "navigation": [
+                    {
+                        "href": "#1",
+                        "text": "Navigation item 1",
+                        "active": true
+                    },
+                    {
+                        "href": "#2",
+                        "text": "Navigation item 2"
+                    },
+                    {
+                        "href": "#3",
+                        "text": "Navigation item 3"
+                    },
+                    {
+                        "href": "#4",
+                        "text": "Navigation item 4"
+                    }
+                ],
+                "rebrand": true
+            },
+            "hidden": true,
+            "description": "If you need to include basic navigation, contact or account management links.",
+            "pageTemplateOptions": {
+                "htmlClasses": "govuk-template--rebranded"
+            },
+            "screenshot": {
+                "variants": [
+                    "default",
+                    "no-js"
+                ]
+            },
+            "html": "<header class=\"govuk-header\" data-module=\"govuk-header\">\n  <div class=\"govuk-header__container govuk-width-container\">\n    <div class=\"govuk-header__logo\">\n      <a href=\"/\" class=\"govuk-header__link govuk-header__link--homepage\">\n        <svg\n            focusable=\"false\"\n            role=\"img\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            viewBox=\"0 0 324 60\"\n            height=\"30\"\n            width=\"162\"\n            fill=\"currentcolor\" class=\"govuk-header__logotype\" aria-label=\"GOV.UK\"\n          ><title>GOV.UK</title>    <g>\n                <circle cx=\"20\" cy=\"17.6\" r=\"3.7\"/>\n                <circle cx=\"10.2\" cy=\"23.5\" r=\"3.7\"/>\n                <circle cx=\"3.7\" cy=\"33.2\" r=\"3.7\"/>\n                <circle cx=\"31.7\" cy=\"30.6\" r=\"3.7\"/>\n                <circle cx=\"43.3\" cy=\"17.6\" r=\"3.7\"/>\n                <circle cx=\"53.2\" cy=\"23.5\" r=\"3.7\"/>\n                <circle cx=\"59.7\" cy=\"33.2\" r=\"3.7\"/>\n                <circle cx=\"31.7\" cy=\"30.6\" r=\"3.7\"/>\n                <path d=\"M33.1,9.8c.2-.1.3-.3.5-.5l4.6,2.4v-6.8l-4.6,1.5c-.1-.2-.3-.3-.5-.5l1.9-5.9h-6.7l1.9,5.9c-.2.1-.3.3-.5.5l-4.6-1.5v6.8l4.6-2.4c.1.2.3.3.5.5l-2.6,8c-.9,2.8,1.2,5.7,4.1,5.7h0c3,0,5.1-2.9,4.1-5.7l-2.6-8ZM37,37.9s-3.4,3.8-4.1,6.1c2.2,0,4.2-.5,6.4-2.8l-.7,8.5c-2-2.8-4.4-4.1-5.7-3.8.1,3.1.5,6.7,5.8,7.2,3.7.3,6.7-1.5,7-3.8.4-2.6-2-4.3-3.7-1.6-1.4-4.5,2.4-6.1,4.9-3.2-1.9-4.5-1.8-7.7,2.4-10.9,3,4,2.6,7.3-1.2,11.1,2.4-1.3,6.2,0,4,4.6-1.2-2.8-3.7-2.2-4.2.2-.3,1.7.7,3.7,3,4.2,1.9.3,4.7-.9,7-5.9-1.3,0-2.4.7-3.9,1.7l2.4-8c.6,2.3,1.4,3.7,2.2,4.5.6-1.6.5-2.8,0-5.3l5,1.8c-2.6,3.6-5.2,8.7-7.3,17.5-7.4-1.1-15.7-1.7-24.5-1.7h0c-8.8,0-17.1.6-24.5,1.7-2.1-8.9-4.7-13.9-7.3-17.5l5-1.8c-.5,2.5-.6,3.7,0,5.3.8-.8,1.6-2.3,2.2-4.5l2.4,8c-1.5-1-2.6-1.7-3.9-1.7,2.3,5,5.2,6.2,7,5.9,2.3-.4,3.3-2.4,3-4.2-.5-2.4-3-3.1-4.2-.2-2.2-4.6,1.6-6,4-4.6-3.7-3.7-4.2-7.1-1.2-11.1,4.2,3.2,4.3,6.4,2.4,10.9,2.5-2.8,6.3-1.3,4.9,3.2-1.8-2.7-4.1-1-3.7,1.6.3,2.3,3.3,4.1,7,3.8,5.4-.5,5.7-4.2,5.8-7.2-1.3-.2-3.7,1-5.7,3.8l-.7-8.5c2.2,2.3,4.2,2.7,6.4,2.8-.7-2.3-4.1-6.1-4.1-6.1h10.6,0Z\"/>\n              </g>\n              <circle class=\"govuk-logo-dot\" cx=\"226\" cy=\"36\" r=\"7.3\"/>\n              <path d=\"M93.94 41.25c.4 1.81 1.2 3.21 2.21 4.62 1 1.4 2.21 2.41 3.61 3.21s3.21 1.2 5.22 1.2 3.61-.4 4.82-1c1.4-.6 2.41-1.4 3.21-2.41.8-1 1.4-2.01 1.61-3.01s.4-2.01.4-3.01v.14h-10.86v-7.02h20.07v24.08h-8.03v-5.56c-.6.8-1.38 1.61-2.19 2.41-.8.8-1.81 1.2-2.81 1.81-1 .4-2.21.8-3.41 1.2s-2.41.4-3.81.4a18.56 18.56 0 0 1-14.65-6.63c-1.6-2.01-3.01-4.41-3.81-7.02s-1.4-5.62-1.4-8.83.4-6.02 1.4-8.83a20.45 20.45 0 0 1 19.46-13.65c3.21 0 4.01.2 5.82.8 1.81.4 3.61 1.2 5.02 2.01 1.61.8 2.81 2.01 4.01 3.21s2.21 2.61 2.81 4.21l-7.63 4.41c-.4-1-1-1.81-1.61-2.61-.6-.8-1.4-1.4-2.21-2.01-.8-.6-1.81-1-2.81-1.4-1-.4-2.21-.4-3.61-.4-2.01 0-3.81.4-5.22 1.2-1.4.8-2.61 1.81-3.61 3.21s-1.61 2.81-2.21 4.62c-.4 1.81-.6 3.71-.6 5.42s.8 5.22.8 5.22Zm57.8-27.9c3.21 0 6.22.6 8.63 1.81 2.41 1.2 4.82 2.81 6.62 4.82S170.2 24.39 171 27s1.4 5.62 1.4 8.83-.4 6.02-1.4 8.83-2.41 5.02-4.01 7.02-4.01 3.61-6.62 4.82-5.42 1.81-8.63 1.81-6.22-.6-8.63-1.81-4.82-2.81-6.42-4.82-3.21-4.41-4.01-7.02-1.4-5.62-1.4-8.83.4-6.02 1.4-8.83 2.41-5.02 4.01-7.02 4.01-3.61 6.42-4.82 5.42-1.81 8.63-1.81Zm0 36.73c1.81 0 3.61-.4 5.02-1s2.61-1.81 3.61-3.01 1.81-2.81 2.21-4.41c.4-1.81.8-3.61.8-5.62 0-2.21-.2-4.21-.8-6.02s-1.2-3.21-2.21-4.62c-1-1.2-2.21-2.21-3.61-3.01s-3.21-1-5.02-1-3.61.4-5.02 1c-1.4.8-2.61 1.81-3.61 3.01s-1.81 2.81-2.21 4.62c-.4 1.81-.8 3.61-.8 5.62 0 2.41.2 4.21.8 6.02.4 1.81 1.2 3.21 2.21 4.41s2.21 2.21 3.61 3.01c1.4.8 3.21 1 5.02 1Zm36.32 7.96-12.24-44.15h9.83l8.43 32.77h.4l8.23-32.77h9.83L200.3 58.04h-12.24Zm74.14-7.96c2.18 0 3.51-.6 3.51-.6 1.2-.6 2.01-1 2.81-1.81s1.4-1.81 1.81-2.81a13 13 0 0 0 .8-4.01V13.9h8.63v28.15c0 2.41-.4 4.62-1.4 6.62-.8 2.01-2.21 3.61-3.61 5.02s-3.41 2.41-5.62 3.21-4.62 1.2-7.02 1.2-5.02-.4-7.02-1.2c-2.21-.8-4.01-1.81-5.62-3.21s-2.81-3.01-3.61-5.02-1.4-4.21-1.4-6.62V13.9h8.63v26.95c0 1.61.2 3.01.8 4.01.4 1.2 1.2 2.21 2.01 2.81.8.8 1.81 1.4 2.81 1.81 0 0 1.34.6 3.51.6Zm34.22-36.18v18.92l15.65-18.92h10.82l-15.03 17.32 16.03 26.83h-10.21l-11.44-20.21-5.62 6.22v13.99h-8.83V13.9\"/>\n          </svg>\n      </a>\n    </div>\n    <div class=\"govuk-header__content\">\n      <a href=\"/components/header\" class=\"govuk-header__link govuk-header__service-name\">\n        Service Name\n      </a>\n      <nav aria-label=\"Menu\" class=\"govuk-header__navigation\">\n        <button type=\"button\" class=\"govuk-header__menu-button govuk-js-header-toggle\" aria-controls=\"navigation\" hidden>\n          Menu\n        </button>\n\n        <ul id=\"navigation\" class=\"govuk-header__navigation-list\">\n          <li class=\"govuk-header__navigation-item govuk-header__navigation-item--active\">\n            <a class=\"govuk-header__link\" href=\"#1\">\n              Navigation item 1\n            </a>\n          </li>\n          <li class=\"govuk-header__navigation-item\">\n            <a class=\"govuk-header__link\" href=\"#2\">\n              Navigation item 2\n            </a>\n          </li>\n          <li class=\"govuk-header__navigation-item\">\n            <a class=\"govuk-header__link\" href=\"#3\">\n              Navigation item 3\n            </a>\n          </li>\n          <li class=\"govuk-header__navigation-item\">\n            <a class=\"govuk-header__link\" href=\"#4\">\n              Navigation item 4\n            </a>\n          </li>\n        </ul>\n      </nav>\n    </div>\n  </div>\n</header>"
+        },
+        {
+            "name": "with product name and rebrand",
+            "options": {
+                "productName": "Product Name",
+                "rebrand": true
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {
+                "htmlClasses": "govuk-template--rebranded"
+            },
+            "screenshot": true,
+            "html": "<header class=\"govuk-header\" data-module=\"govuk-header\">\n  <div class=\"govuk-header__container govuk-width-container\">\n    <div class=\"govuk-header__logo\">\n      <a href=\"/\" class=\"govuk-header__link govuk-header__link--homepage\">\n        <svg\n            focusable=\"false\"\n            role=\"img\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            viewBox=\"0 0 324 60\"\n            height=\"30\"\n            width=\"162\"\n            fill=\"currentcolor\" class=\"govuk-header__logotype\" aria-label=\"GOV.UK\"\n          ><title>GOV.UK</title>    <g>\n                <circle cx=\"20\" cy=\"17.6\" r=\"3.7\"/>\n                <circle cx=\"10.2\" cy=\"23.5\" r=\"3.7\"/>\n                <circle cx=\"3.7\" cy=\"33.2\" r=\"3.7\"/>\n                <circle cx=\"31.7\" cy=\"30.6\" r=\"3.7\"/>\n                <circle cx=\"43.3\" cy=\"17.6\" r=\"3.7\"/>\n                <circle cx=\"53.2\" cy=\"23.5\" r=\"3.7\"/>\n                <circle cx=\"59.7\" cy=\"33.2\" r=\"3.7\"/>\n                <circle cx=\"31.7\" cy=\"30.6\" r=\"3.7\"/>\n                <path d=\"M33.1,9.8c.2-.1.3-.3.5-.5l4.6,2.4v-6.8l-4.6,1.5c-.1-.2-.3-.3-.5-.5l1.9-5.9h-6.7l1.9,5.9c-.2.1-.3.3-.5.5l-4.6-1.5v6.8l4.6-2.4c.1.2.3.3.5.5l-2.6,8c-.9,2.8,1.2,5.7,4.1,5.7h0c3,0,5.1-2.9,4.1-5.7l-2.6-8ZM37,37.9s-3.4,3.8-4.1,6.1c2.2,0,4.2-.5,6.4-2.8l-.7,8.5c-2-2.8-4.4-4.1-5.7-3.8.1,3.1.5,6.7,5.8,7.2,3.7.3,6.7-1.5,7-3.8.4-2.6-2-4.3-3.7-1.6-1.4-4.5,2.4-6.1,4.9-3.2-1.9-4.5-1.8-7.7,2.4-10.9,3,4,2.6,7.3-1.2,11.1,2.4-1.3,6.2,0,4,4.6-1.2-2.8-3.7-2.2-4.2.2-.3,1.7.7,3.7,3,4.2,1.9.3,4.7-.9,7-5.9-1.3,0-2.4.7-3.9,1.7l2.4-8c.6,2.3,1.4,3.7,2.2,4.5.6-1.6.5-2.8,0-5.3l5,1.8c-2.6,3.6-5.2,8.7-7.3,17.5-7.4-1.1-15.7-1.7-24.5-1.7h0c-8.8,0-17.1.6-24.5,1.7-2.1-8.9-4.7-13.9-7.3-17.5l5-1.8c-.5,2.5-.6,3.7,0,5.3.8-.8,1.6-2.3,2.2-4.5l2.4,8c-1.5-1-2.6-1.7-3.9-1.7,2.3,5,5.2,6.2,7,5.9,2.3-.4,3.3-2.4,3-4.2-.5-2.4-3-3.1-4.2-.2-2.2-4.6,1.6-6,4-4.6-3.7-3.7-4.2-7.1-1.2-11.1,4.2,3.2,4.3,6.4,2.4,10.9,2.5-2.8,6.3-1.3,4.9,3.2-1.8-2.7-4.1-1-3.7,1.6.3,2.3,3.3,4.1,7,3.8,5.4-.5,5.7-4.2,5.8-7.2-1.3-.2-3.7,1-5.7,3.8l-.7-8.5c2.2,2.3,4.2,2.7,6.4,2.8-.7-2.3-4.1-6.1-4.1-6.1h10.6,0Z\"/>\n              </g>\n              <circle class=\"govuk-logo-dot\" cx=\"226\" cy=\"36\" r=\"7.3\"/>\n              <path d=\"M93.94 41.25c.4 1.81 1.2 3.21 2.21 4.62 1 1.4 2.21 2.41 3.61 3.21s3.21 1.2 5.22 1.2 3.61-.4 4.82-1c1.4-.6 2.41-1.4 3.21-2.41.8-1 1.4-2.01 1.61-3.01s.4-2.01.4-3.01v.14h-10.86v-7.02h20.07v24.08h-8.03v-5.56c-.6.8-1.38 1.61-2.19 2.41-.8.8-1.81 1.2-2.81 1.81-1 .4-2.21.8-3.41 1.2s-2.41.4-3.81.4a18.56 18.56 0 0 1-14.65-6.63c-1.6-2.01-3.01-4.41-3.81-7.02s-1.4-5.62-1.4-8.83.4-6.02 1.4-8.83a20.45 20.45 0 0 1 19.46-13.65c3.21 0 4.01.2 5.82.8 1.81.4 3.61 1.2 5.02 2.01 1.61.8 2.81 2.01 4.01 3.21s2.21 2.61 2.81 4.21l-7.63 4.41c-.4-1-1-1.81-1.61-2.61-.6-.8-1.4-1.4-2.21-2.01-.8-.6-1.81-1-2.81-1.4-1-.4-2.21-.4-3.61-.4-2.01 0-3.81.4-5.22 1.2-1.4.8-2.61 1.81-3.61 3.21s-1.61 2.81-2.21 4.62c-.4 1.81-.6 3.71-.6 5.42s.8 5.22.8 5.22Zm57.8-27.9c3.21 0 6.22.6 8.63 1.81 2.41 1.2 4.82 2.81 6.62 4.82S170.2 24.39 171 27s1.4 5.62 1.4 8.83-.4 6.02-1.4 8.83-2.41 5.02-4.01 7.02-4.01 3.61-6.62 4.82-5.42 1.81-8.63 1.81-6.22-.6-8.63-1.81-4.82-2.81-6.42-4.82-3.21-4.41-4.01-7.02-1.4-5.62-1.4-8.83.4-6.02 1.4-8.83 2.41-5.02 4.01-7.02 4.01-3.61 6.42-4.82 5.42-1.81 8.63-1.81Zm0 36.73c1.81 0 3.61-.4 5.02-1s2.61-1.81 3.61-3.01 1.81-2.81 2.21-4.41c.4-1.81.8-3.61.8-5.62 0-2.21-.2-4.21-.8-6.02s-1.2-3.21-2.21-4.62c-1-1.2-2.21-2.21-3.61-3.01s-3.21-1-5.02-1-3.61.4-5.02 1c-1.4.8-2.61 1.81-3.61 3.01s-1.81 2.81-2.21 4.62c-.4 1.81-.8 3.61-.8 5.62 0 2.41.2 4.21.8 6.02.4 1.81 1.2 3.21 2.21 4.41s2.21 2.21 3.61 3.01c1.4.8 3.21 1 5.02 1Zm36.32 7.96-12.24-44.15h9.83l8.43 32.77h.4l8.23-32.77h9.83L200.3 58.04h-12.24Zm74.14-7.96c2.18 0 3.51-.6 3.51-.6 1.2-.6 2.01-1 2.81-1.81s1.4-1.81 1.81-2.81a13 13 0 0 0 .8-4.01V13.9h8.63v28.15c0 2.41-.4 4.62-1.4 6.62-.8 2.01-2.21 3.61-3.61 5.02s-3.41 2.41-5.62 3.21-4.62 1.2-7.02 1.2-5.02-.4-7.02-1.2c-2.21-.8-4.01-1.81-5.62-3.21s-2.81-3.01-3.61-5.02-1.4-4.21-1.4-6.62V13.9h8.63v26.95c0 1.61.2 3.01.8 4.01.4 1.2 1.2 2.21 2.01 2.81.8.8 1.81 1.4 2.81 1.81 0 0 1.34.6 3.51.6Zm34.22-36.18v18.92l15.65-18.92h10.82l-15.03 17.32 16.03 26.83h-10.21l-11.44-20.21-5.62 6.22v13.99h-8.83V13.9\"/>\n          </svg>\n        <span class=\"govuk-header__product-name\">Product Name</span>\n      </a>\n    </div>\n  </div>\n</header>"
+        }
+    ],
+    "previewLayout": "full-width"
+}
diff --git a/app/templates/govuk/components/header/header.bundle.js b/app/templates/govuk/components/header/header.bundle.js
new file mode 100644
index 0000000..ff01fd5
--- /dev/null
+++ b/app/templates/govuk/components/header/header.bundle.js
@@ -0,0 +1,238 @@
+(function (global, factory) {
+  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports) :
+  typeof define === 'function' && define.amd ? define(['exports'], factory) :
+  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.GOVUKFrontend = global.GOVUKFrontend || {}));
+})(this, (function (exports) { 'use strict';
+
+  function getBreakpoint(name) {
+    const property = `--govuk-breakpoint-${name}`;
+    const value = window.getComputedStyle(document.documentElement).getPropertyValue(property);
+    return {
+      property,
+      value: value || undefined
+    };
+  }
+  function isInitialised($root, moduleName) {
+    return $root instanceof HTMLElement && $root.hasAttribute(`data-${moduleName}-init`);
+  }
+
+  /**
+   * Checks if GOV.UK Frontend is supported on this page
+   *
+   * Some browsers will load and run our JavaScript but GOV.UK Frontend
+   * won't be supported.
+   *
+   * @param {HTMLElement | null} [$scope] - (internal) `<body>` HTML element checked for browser support
+   * @returns {boolean} Whether GOV.UK Frontend is supported on this page
+   */
+  function isSupported($scope = document.body) {
+    if (!$scope) {
+      return false;
+    }
+    return $scope.classList.contains('govuk-frontend-supported');
+  }
+  function isArray(option) {
+    return Array.isArray(option);
+  }
+  function isObject(option) {
+    return !!option && typeof option === 'object' && !isArray(option);
+  }
+  function formatErrorMessage(Component, message) {
+    return `${Component.moduleName}: ${message}`;
+  }
+  /**
+   * @typedef ComponentWithModuleName
+   * @property {string} moduleName - Name of the component
+   */
+
+  class GOVUKFrontendError extends Error {
+    constructor(...args) {
+      super(...args);
+      this.name = 'GOVUKFrontendError';
+    }
+  }
+  class SupportError extends GOVUKFrontendError {
+    /**
+     * Checks if GOV.UK Frontend is supported on this page
+     *
+     * @param {HTMLElement | null} [$scope] - HTML element `<body>` checked for browser support
+     */
+    constructor($scope = document.body) {
+      const supportMessage = 'noModule' in HTMLScriptElement.prototype ? 'GOV.UK Frontend initialised without `<body class="govuk-frontend-supported">` from template `<script>` snippet' : 'GOV.UK Frontend is not supported in this browser';
+      super($scope ? supportMessage : 'GOV.UK Frontend initialised without `<script type="module">`');
+      this.name = 'SupportError';
+    }
+  }
+  class ElementError extends GOVUKFrontendError {
+    constructor(messageOrOptions) {
+      let message = typeof messageOrOptions === 'string' ? messageOrOptions : '';
+      if (isObject(messageOrOptions)) {
+        const {
+          component,
+          identifier,
+          element,
+          expectedType
+        } = messageOrOptions;
+        message = identifier;
+        message += element ? ` is not of type ${expectedType != null ? expectedType : 'HTMLElement'}` : ' not found';
+        if (component) {
+          message = formatErrorMessage(component, message);
+        }
+      }
+      super(message);
+      this.name = 'ElementError';
+    }
+  }
+  class InitError extends GOVUKFrontendError {
+    constructor(componentOrMessage) {
+      const message = typeof componentOrMessage === 'string' ? componentOrMessage : formatErrorMessage(componentOrMessage, `Root element (\`$root\`) already initialised`);
+      super(message);
+      this.name = 'InitError';
+    }
+  }
+  /**
+   * @import { ComponentWithModuleName } from '../common/index.mjs'
+   */
+
+  class Component {
+    /**
+     * Returns the root element of the component
+     *
+     * @protected
+     * @returns {RootElementType} - the root element of component
+     */
+    get $root() {
+      return this._$root;
+    }
+    constructor($root) {
+      this._$root = void 0;
+      const childConstructor = this.constructor;
+      if (typeof childConstructor.moduleName !== 'string') {
+        throw new InitError(`\`moduleName\` not defined in component`);
+      }
+      if (!($root instanceof childConstructor.elementType)) {
+        throw new ElementError({
+          element: $root,
+          component: childConstructor,
+          identifier: 'Root element (`$root`)',
+          expectedType: childConstructor.elementType.name
+        });
+      } else {
+        this._$root = $root;
+      }
+      childConstructor.checkSupport();
+      this.checkInitialised();
+      const moduleName = childConstructor.moduleName;
+      this.$root.setAttribute(`data-${moduleName}-init`, '');
+    }
+    checkInitialised() {
+      const constructor = this.constructor;
+      const moduleName = constructor.moduleName;
+      if (moduleName && isInitialised(this.$root, moduleName)) {
+        throw new InitError(constructor);
+      }
+    }
+    static checkSupport() {
+      if (!isSupported()) {
+        throw new SupportError();
+      }
+    }
+  }
+
+  /**
+   * @typedef ChildClass
+   * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component
+   */
+
+  /**
+   * @typedef {typeof Component & ChildClass} ChildClassConstructor
+   */
+  Component.elementType = HTMLElement;
+
+  /**
+   * Header component
+   *
+   * @preserve
+   */
+  class Header extends Component {
+    /**
+     * Apply a matchMedia for desktop which will trigger a state sync if the
+     * browser viewport moves between states.
+     *
+     * @param {Element | null} $root - HTML element to use for header
+     */
+    constructor($root) {
+      super($root);
+      this.$menuButton = void 0;
+      this.$menu = void 0;
+      this.menuIsOpen = false;
+      this.mql = null;
+      const $menuButton = this.$root.querySelector('.govuk-js-header-toggle');
+      if (!$menuButton) {
+        return this;
+      }
+      this.$root.classList.add('govuk-header--with-js-navigation');
+      const menuId = $menuButton.getAttribute('aria-controls');
+      if (!menuId) {
+        throw new ElementError({
+          component: Header,
+          identifier: 'Navigation button (`<button class="govuk-js-header-toggle">`) attribute (`aria-controls`)'
+        });
+      }
+      const $menu = document.getElementById(menuId);
+      if (!$menu) {
+        throw new ElementError({
+          component: Header,
+          element: $menu,
+          identifier: `Navigation (\`<ul id="${menuId}">\`)`
+        });
+      }
+      this.$menu = $menu;
+      this.$menuButton = $menuButton;
+      this.setupResponsiveChecks();
+      this.$menuButton.addEventListener('click', () => this.handleMenuButtonClick());
+    }
+    setupResponsiveChecks() {
+      const breakpoint = getBreakpoint('desktop');
+      if (!breakpoint.value) {
+        throw new ElementError({
+          component: Header,
+          identifier: `CSS custom property (\`${breakpoint.property}\`) on pseudo-class \`:root\``
+        });
+      }
+      this.mql = window.matchMedia(`(min-width: ${breakpoint.value})`);
+      if ('addEventListener' in this.mql) {
+        this.mql.addEventListener('change', () => this.checkMode());
+      } else {
+        this.mql.addListener(() => this.checkMode());
+      }
+      this.checkMode();
+    }
+    checkMode() {
+      if (!this.mql || !this.$menu || !this.$menuButton) {
+        return;
+      }
+      if (this.mql.matches) {
+        this.$menu.removeAttribute('hidden');
+        this.$menuButton.setAttribute('hidden', '');
+      } else {
+        this.$menuButton.removeAttribute('hidden');
+        this.$menuButton.setAttribute('aria-expanded', this.menuIsOpen.toString());
+        if (this.menuIsOpen) {
+          this.$menu.removeAttribute('hidden');
+        } else {
+          this.$menu.setAttribute('hidden', '');
+        }
+      }
+    }
+    handleMenuButtonClick() {
+      this.menuIsOpen = !this.menuIsOpen;
+      this.checkMode();
+    }
+  }
+  Header.moduleName = 'govuk-header';
+
+  exports.Header = Header;
+
+}));
+//# sourceMappingURL=header.bundle.js.map
diff --git a/app/templates/govuk/components/header/header.bundle.js.map b/app/templates/govuk/components/header/header.bundle.js.map
new file mode 100644
index 0000000..3f92907
--- /dev/null
+++ b/app/templates/govuk/components/header/header.bundle.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"header.bundle.js","sources":["../../../../src/govuk/common/index.mjs","../../../../src/govuk/errors/index.mjs","../../../../src/govuk/component.mjs","../../../../src/govuk/components/header/header.mjs"],"sourcesContent":["/**\n * Common helpers which do not require polyfill.\n *\n * IMPORTANT: If a helper require a polyfill, please isolate it in its own module\n * so that the polyfill can be properly tree-shaken and does not burden\n * the components that do not need that helper\n */\n\n/**\n * Get GOV.UK Frontend breakpoint value from CSS custom property\n *\n * @private\n * @param {string} name - Breakpoint name\n * @returns {{ property: string, value?: string }} Breakpoint object\n */\nexport function getBreakpoint(name) {\n  const property = `--govuk-breakpoint-${name}`\n\n  // Get value from `<html>` with breakpoints on CSS :root\n  const value = window\n    .getComputedStyle(document.documentElement)\n    .getPropertyValue(property)\n\n  return {\n    property,\n    value: value || undefined\n  }\n}\n\n/**\n * Move focus to element\n *\n * Sets tabindex to -1 to make the element programmatically focusable,\n * but removes it on blur as the element doesn't need to be focused again.\n *\n * @private\n * @template {HTMLElement} FocusElement\n * @param {FocusElement} $element - HTML element\n * @param {object} [options] - Handler options\n * @param {function(this: FocusElement): void} [options.onBeforeFocus] - Callback before focus\n * @param {function(this: FocusElement): void} [options.onBlur] - Callback on blur\n */\nexport function setFocus($element, options = {}) {\n  const isFocusable = $element.getAttribute('tabindex')\n\n  if (!isFocusable) {\n    $element.setAttribute('tabindex', '-1')\n  }\n\n  /**\n   * Handle element focus\n   */\n  function onFocus() {\n    $element.addEventListener('blur', onBlur, { once: true })\n  }\n\n  /**\n   * Handle element blur\n   */\n  function onBlur() {\n    options.onBlur?.call($element)\n\n    if (!isFocusable) {\n      $element.removeAttribute('tabindex')\n    }\n  }\n\n  // Add listener to reset element on blur, after focus\n  $element.addEventListener('focus', onFocus, { once: true })\n\n  // Focus element\n  options.onBeforeFocus?.call($element)\n  $element.focus()\n}\n\n/**\n * Checks if component is already initialised\n *\n * @internal\n * @param {Element} $root - HTML element to be checked\n * @param {string} moduleName - name of component module\n * @returns {boolean} Whether component is already initialised\n */\nexport function isInitialised($root, moduleName) {\n  return (\n    $root instanceof HTMLElement &&\n    $root.hasAttribute(`data-${moduleName}-init`)\n  )\n}\n\n/**\n * Checks if GOV.UK Frontend is supported on this page\n *\n * Some browsers will load and run our JavaScript but GOV.UK Frontend\n * won't be supported.\n *\n * @param {HTMLElement | null} [$scope] - (internal) `<body>` HTML element checked for browser support\n * @returns {boolean} Whether GOV.UK Frontend is supported on this page\n */\nexport function isSupported($scope = document.body) {\n  if (!$scope) {\n    return false\n  }\n\n  return $scope.classList.contains('govuk-frontend-supported')\n}\n\n/**\n * Check for an array\n *\n * @internal\n * @param {unknown} option - Option to check\n * @returns {boolean} Whether the option is an array\n */\nfunction isArray(option) {\n  return Array.isArray(option)\n}\n\n/**\n * Check for an object\n *\n * @internal\n * @template {Partial<Record<keyof ObjectType, unknown>>} ObjectType\n * @param {unknown | ObjectType} option - Option to check\n * @returns {option is ObjectType} Whether the option is an object\n */\nexport function isObject(option) {\n  return !!option && typeof option === 'object' && !isArray(option)\n}\n\n/**\n * Check for valid scope\n *\n * @internal\n * @template {Element | Document} ScopeType\n * @param {unknown | ScopeType} $scope - Scope of the document to search within\n * @returns {$scope is ScopeType} Whether the scope can be queried\n */\nexport function isScope($scope) {\n  return !!$scope && ($scope instanceof Element || $scope instanceof Document)\n}\n\n/**\n * Format error message\n *\n * @internal\n * @param {ComponentWithModuleName} Component - Component that threw the error\n * @param {string} message - Error message\n * @returns {string} - Formatted error message\n */\nexport function formatErrorMessage(Component, message) {\n  return `${Component.moduleName}: ${message}`\n}\n\n/* eslint-disable jsdoc/valid-types --\n * `{new(...args: any[] ): object}` is not recognised as valid\n * https://github.com/gajus/eslint-plugin-jsdoc/issues/145#issuecomment-1308722878\n * https://github.com/jsdoc-type-pratt-parser/jsdoc-type-pratt-parser/issues/131\n **/\n\n/**\n * @typedef ComponentWithModuleName\n * @property {string} moduleName - Name of the component\n */\n\n/* eslint-enable jsdoc/valid-types */\n","import { formatErrorMessage, isObject } from '../common/index.mjs'\n\n/**\n * GOV.UK Frontend error\n *\n * A base class for `Error`s thrown by GOV.UK Frontend.\n *\n * It is meant to be extended into specific types of errors\n * to be thrown by our code.\n *\n * @example\n * ```js\n * class MissingRootError extends GOVUKFrontendError {\n *   // Setting an explicit name is important as extending the class will not\n *   // set a new `name` on the subclass. The `name` property is important\n *   // to ensure intelligible error names even if the class name gets\n *   // mangled by a minifier\n *   name = \"MissingRootError\"\n * }\n * ```\n * @virtual\n */\nexport class GOVUKFrontendError extends Error {\n  name = 'GOVUKFrontendError'\n}\n\n/**\n * Indicates that GOV.UK Frontend is not supported\n */\nexport class SupportError extends GOVUKFrontendError {\n  name = 'SupportError'\n\n  /**\n   * Checks if GOV.UK Frontend is supported on this page\n   *\n   * @param {HTMLElement | null} [$scope] - HTML element `<body>` checked for browser support\n   */\n  constructor($scope = document.body) {\n    const supportMessage =\n      'noModule' in HTMLScriptElement.prototype\n        ? 'GOV.UK Frontend initialised without `<body class=\"govuk-frontend-supported\">` from template `<script>` snippet'\n        : 'GOV.UK Frontend is not supported in this browser'\n\n    super(\n      $scope\n        ? supportMessage\n        : 'GOV.UK Frontend initialised without `<script type=\"module\">`'\n    )\n  }\n}\n\n/**\n * Indicates that a component has received an illegal configuration\n */\nexport class ConfigError extends GOVUKFrontendError {\n  name = 'ConfigError'\n}\n\n/**\n * Indicates an issue with an element (possibly `null` or `undefined`)\n */\nexport class ElementError extends GOVUKFrontendError {\n  name = 'ElementError'\n\n  /**\n   * @internal\n   * @overload\n   * @param {string} message - Element error message\n   */\n\n  /**\n   * @internal\n   * @overload\n   * @param {ElementErrorOptions} options - Element error options\n   */\n\n  /**\n   * @internal\n   * @param {string | ElementErrorOptions} messageOrOptions - Element error message or options\n   */\n  constructor(messageOrOptions) {\n    let message = typeof messageOrOptions === 'string' ? messageOrOptions : ''\n\n    // Build message from options\n    if (isObject(messageOrOptions)) {\n      const { component, identifier, element, expectedType } = messageOrOptions\n\n      message = identifier\n\n      // Append reason\n      message += element\n        ? ` is not of type ${expectedType ?? 'HTMLElement'}`\n        : ' not found'\n\n      // Prepend with module name (optional)\n      if (component) {\n        message = formatErrorMessage(component, message)\n      }\n    }\n\n    super(message)\n  }\n}\n\n/**\n * Indicates that a component is already initialised\n */\nexport class InitError extends GOVUKFrontendError {\n  name = 'InitError'\n\n  /**\n   * @internal\n   * @param {ComponentWithModuleName | string} componentOrMessage - name of the component module\n   */\n  constructor(componentOrMessage) {\n    const message =\n      typeof componentOrMessage === 'string'\n        ? componentOrMessage\n        : formatErrorMessage(\n            componentOrMessage,\n            `Root element (\\`$root\\`) already initialised`\n          )\n\n    super(message)\n  }\n}\n\n/**\n * Element error options\n *\n * @internal\n * @typedef {object} ElementErrorOptions\n * @property {Element | Document | null} [element] - The element in error (optional)\n * @property {ComponentWithModuleName} [component] - Component throwing the error (optional)\n * @property {string} identifier - An identifier that'll let the user understand which element has an error. This is whatever makes the most sense\n * @property {string} [expectedType] - The type that was expected for the identifier (optional)\n */\n\n/**\n * @import { ComponentWithModuleName } from '../common/index.mjs'\n */\n","import { isInitialised, isSupported } from './common/index.mjs'\nimport { ElementError, InitError, SupportError } from './errors/index.mjs'\n\n/**\n * Base Component class\n *\n * Centralises the behaviours shared by our components\n *\n * @virtual\n * @template {Element} [RootElementType=HTMLElement]\n */\nexport class Component {\n  /**\n   * @type {typeof Element}\n   */\n  static elementType = HTMLElement\n\n  // allows Typescript user to work around the lack of types\n  // in GOVUKFrontend package, Typescript is not aware of $root\n  // in components that extend GOVUKFrontendComponent\n  /**\n   * Returns the root element of the component\n   *\n   * @protected\n   * @returns {RootElementType} - the root element of component\n   */\n  get $root() {\n    return this._$root\n  }\n\n  /**\n   * @protected\n   * @type {RootElementType}\n   */\n  _$root\n\n  /**\n   * Constructs a new component, validating that GOV.UK Frontend is supported\n   *\n   * @internal\n   * @param {Element | null} [$root] - HTML element to use for component\n   */\n  constructor($root) {\n    const childConstructor = /** @type {ChildClassConstructor} */ (\n      this.constructor\n    )\n\n    // TypeScript does not enforce that inheriting classes will define a `moduleName`\n    // (even if we add a `@virtual` `static moduleName` property to this class).\n    // While we trust users to do this correctly, we do a little check to provide them\n    // a helpful error message.\n    //\n    // After this, we'll be sure that `childConstructor` has a `moduleName`\n    // as expected of the `ChildClassConstructor` we've cast `this.constructor` to.\n    if (typeof childConstructor.moduleName !== 'string') {\n      throw new InitError(`\\`moduleName\\` not defined in component`)\n    }\n\n    if (!($root instanceof childConstructor.elementType)) {\n      throw new ElementError({\n        element: $root,\n        component: childConstructor,\n        identifier: 'Root element (`$root`)',\n        expectedType: childConstructor.elementType.name\n      })\n    } else {\n      this._$root = /** @type {RootElementType} */ ($root)\n    }\n\n    childConstructor.checkSupport()\n\n    this.checkInitialised()\n\n    const moduleName = childConstructor.moduleName\n\n    this.$root.setAttribute(`data-${moduleName}-init`, '')\n  }\n\n  /**\n   * Validates whether component is already initialised\n   *\n   * @private\n   * @throws {InitError} when component is already initialised\n   */\n  checkInitialised() {\n    const constructor = /** @type {ChildClassConstructor} */ (this.constructor)\n    const moduleName = constructor.moduleName\n\n    if (moduleName && isInitialised(this.$root, moduleName)) {\n      throw new InitError(constructor)\n    }\n  }\n\n  /**\n   * Validates whether components are supported\n   *\n   * @throws {SupportError} when the components are not supported\n   */\n  static checkSupport() {\n    if (!isSupported()) {\n      throw new SupportError()\n    }\n  }\n}\n\n/**\n * @typedef ChildClass\n * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component\n */\n\n/**\n * @typedef {typeof Component & ChildClass} ChildClassConstructor\n */\n","import { getBreakpoint } from '../../common/index.mjs'\nimport { Component } from '../../component.mjs'\nimport { ElementError } from '../../errors/index.mjs'\n\n/**\n * Header component\n *\n * @preserve\n */\nexport class Header extends Component {\n  /** @private */\n  $menuButton\n\n  /** @private */\n  $menu\n\n  /**\n   * Save the opened/closed state for the nav in memory so that we can\n   * accurately maintain state when the screen is changed from small to big and\n   * back to small\n   *\n   * @private\n   */\n  menuIsOpen = false\n\n  /**\n   * A global const for storing a matchMedia instance which we'll use to detect\n   * when a screen size change happens. We rely on it being null if the feature\n   * isn't available to initially apply hidden attributes\n   *\n   * @private\n   * @type {MediaQueryList | null}\n   */\n  mql = null\n\n  /**\n   * Apply a matchMedia for desktop which will trigger a state sync if the\n   * browser viewport moves between states.\n   *\n   * @param {Element | null} $root - HTML element to use for header\n   */\n  constructor($root) {\n    super($root)\n\n    const $menuButton = this.$root.querySelector('.govuk-js-header-toggle')\n\n    // Headers don't necessarily have a navigation. When they don't, the menu\n    // toggle won't be rendered by our macro (or may be omitted when writing\n    // plain HTML)\n    if (!$menuButton) {\n      return this\n    }\n\n    // Pad the header logo so it doesn't overlap the menu button\n    this.$root.classList.add('govuk-header--with-js-navigation')\n\n    const menuId = $menuButton.getAttribute('aria-controls')\n    if (!menuId) {\n      throw new ElementError({\n        component: Header,\n        identifier:\n          'Navigation button (`<button class=\"govuk-js-header-toggle\">`) attribute (`aria-controls`)'\n      })\n    }\n\n    const $menu = document.getElementById(menuId)\n    if (!$menu) {\n      throw new ElementError({\n        component: Header,\n        element: $menu,\n        identifier: `Navigation (\\`<ul id=\"${menuId}\">\\`)`\n      })\n    }\n\n    this.$menu = $menu\n    this.$menuButton = $menuButton\n\n    this.setupResponsiveChecks()\n\n    this.$menuButton.addEventListener('click', () =>\n      this.handleMenuButtonClick()\n    )\n  }\n\n  /**\n   * Setup viewport resize check\n   *\n   * @private\n   */\n  setupResponsiveChecks() {\n    const breakpoint = getBreakpoint('desktop')\n\n    if (!breakpoint.value) {\n      throw new ElementError({\n        component: Header,\n        identifier: `CSS custom property (\\`${breakpoint.property}\\`) on pseudo-class \\`:root\\``\n      })\n    }\n\n    // Media query list for GOV.UK Frontend desktop breakpoint\n    this.mql = window.matchMedia(`(min-width: ${breakpoint.value})`)\n\n    // MediaQueryList.addEventListener isn't supported by Safari < 14 so we need\n    // to be able to fall back to the deprecated MediaQueryList.addListener\n    if ('addEventListener' in this.mql) {\n      this.mql.addEventListener('change', () => this.checkMode())\n    } else {\n      // @ts-expect-error Property 'addListener' does not exist\n      // eslint-disable-next-line @typescript-eslint/no-unsafe-call\n      this.mql.addListener(() => this.checkMode())\n    }\n\n    this.checkMode()\n  }\n\n  /**\n   * Sync menu state\n   *\n   * Uses the global variable menuIsOpen to correctly set the accessible and\n   * visual states of the menu and the menu button.\n   * Additionally will force the menu to be visible and the menu button to be\n   * hidden if the matchMedia is triggered to desktop.\n   *\n   * @private\n   */\n  checkMode() {\n    if (!this.mql || !this.$menu || !this.$menuButton) {\n      return\n    }\n\n    if (this.mql.matches) {\n      this.$menu.removeAttribute('hidden')\n      this.$menuButton.setAttribute('hidden', '')\n    } else {\n      this.$menuButton.removeAttribute('hidden')\n      this.$menuButton.setAttribute('aria-expanded', this.menuIsOpen.toString())\n\n      if (this.menuIsOpen) {\n        this.$menu.removeAttribute('hidden')\n      } else {\n        this.$menu.setAttribute('hidden', '')\n      }\n    }\n  }\n\n  /**\n   * Handle menu button click\n   *\n   * When the menu button is clicked, change the visibility of the menu and then\n   * sync the accessibility state and menu button state\n   *\n   * @private\n   */\n  handleMenuButtonClick() {\n    this.menuIsOpen = !this.menuIsOpen\n    this.checkMode()\n  }\n\n  /**\n   * Name for the component used when initialising using data-module attributes.\n   */\n  static moduleName = 'govuk-header'\n}\n"],"names":["getBreakpoint","name","property","value","window","getComputedStyle","document","documentElement","getPropertyValue","undefined","isInitialised","$root","moduleName","HTMLElement","hasAttribute","isSupported","$scope","body","classList","contains","isArray","option","Array","isObject","formatErrorMessage","Component","message","GOVUKFrontendError","Error","constructor","args","SupportError","supportMessage","HTMLScriptElement","prototype","ElementError","messageOrOptions","component","identifier","element","expectedType","InitError","componentOrMessage","_$root","childConstructor","elementType","checkSupport","checkInitialised","setAttribute","Header","$menuButton","$menu","menuIsOpen","mql","querySelector","add","menuId","getAttribute","getElementById","setupResponsiveChecks","addEventListener","handleMenuButtonClick","breakpoint","matchMedia","checkMode","addListener","matches","removeAttribute","toString"],"mappings":"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"}
\ No newline at end of file
diff --git a/app/templates/govuk/components/header/header.bundle.mjs b/app/templates/govuk/components/header/header.bundle.mjs
new file mode 100644
index 0000000..12d626e
--- /dev/null
+++ b/app/templates/govuk/components/header/header.bundle.mjs
@@ -0,0 +1,230 @@
+function getBreakpoint(name) {
+  const property = `--govuk-breakpoint-${name}`;
+  const value = window.getComputedStyle(document.documentElement).getPropertyValue(property);
+  return {
+    property,
+    value: value || undefined
+  };
+}
+function isInitialised($root, moduleName) {
+  return $root instanceof HTMLElement && $root.hasAttribute(`data-${moduleName}-init`);
+}
+
+/**
+ * Checks if GOV.UK Frontend is supported on this page
+ *
+ * Some browsers will load and run our JavaScript but GOV.UK Frontend
+ * won't be supported.
+ *
+ * @param {HTMLElement | null} [$scope] - (internal) `<body>` HTML element checked for browser support
+ * @returns {boolean} Whether GOV.UK Frontend is supported on this page
+ */
+function isSupported($scope = document.body) {
+  if (!$scope) {
+    return false;
+  }
+  return $scope.classList.contains('govuk-frontend-supported');
+}
+function isArray(option) {
+  return Array.isArray(option);
+}
+function isObject(option) {
+  return !!option && typeof option === 'object' && !isArray(option);
+}
+function formatErrorMessage(Component, message) {
+  return `${Component.moduleName}: ${message}`;
+}
+/**
+ * @typedef ComponentWithModuleName
+ * @property {string} moduleName - Name of the component
+ */
+
+class GOVUKFrontendError extends Error {
+  constructor(...args) {
+    super(...args);
+    this.name = 'GOVUKFrontendError';
+  }
+}
+class SupportError extends GOVUKFrontendError {
+  /**
+   * Checks if GOV.UK Frontend is supported on this page
+   *
+   * @param {HTMLElement | null} [$scope] - HTML element `<body>` checked for browser support
+   */
+  constructor($scope = document.body) {
+    const supportMessage = 'noModule' in HTMLScriptElement.prototype ? 'GOV.UK Frontend initialised without `<body class="govuk-frontend-supported">` from template `<script>` snippet' : 'GOV.UK Frontend is not supported in this browser';
+    super($scope ? supportMessage : 'GOV.UK Frontend initialised without `<script type="module">`');
+    this.name = 'SupportError';
+  }
+}
+class ElementError extends GOVUKFrontendError {
+  constructor(messageOrOptions) {
+    let message = typeof messageOrOptions === 'string' ? messageOrOptions : '';
+    if (isObject(messageOrOptions)) {
+      const {
+        component,
+        identifier,
+        element,
+        expectedType
+      } = messageOrOptions;
+      message = identifier;
+      message += element ? ` is not of type ${expectedType != null ? expectedType : 'HTMLElement'}` : ' not found';
+      if (component) {
+        message = formatErrorMessage(component, message);
+      }
+    }
+    super(message);
+    this.name = 'ElementError';
+  }
+}
+class InitError extends GOVUKFrontendError {
+  constructor(componentOrMessage) {
+    const message = typeof componentOrMessage === 'string' ? componentOrMessage : formatErrorMessage(componentOrMessage, `Root element (\`$root\`) already initialised`);
+    super(message);
+    this.name = 'InitError';
+  }
+}
+/**
+ * @import { ComponentWithModuleName } from '../common/index.mjs'
+ */
+
+class Component {
+  /**
+   * Returns the root element of the component
+   *
+   * @protected
+   * @returns {RootElementType} - the root element of component
+   */
+  get $root() {
+    return this._$root;
+  }
+  constructor($root) {
+    this._$root = void 0;
+    const childConstructor = this.constructor;
+    if (typeof childConstructor.moduleName !== 'string') {
+      throw new InitError(`\`moduleName\` not defined in component`);
+    }
+    if (!($root instanceof childConstructor.elementType)) {
+      throw new ElementError({
+        element: $root,
+        component: childConstructor,
+        identifier: 'Root element (`$root`)',
+        expectedType: childConstructor.elementType.name
+      });
+    } else {
+      this._$root = $root;
+    }
+    childConstructor.checkSupport();
+    this.checkInitialised();
+    const moduleName = childConstructor.moduleName;
+    this.$root.setAttribute(`data-${moduleName}-init`, '');
+  }
+  checkInitialised() {
+    const constructor = this.constructor;
+    const moduleName = constructor.moduleName;
+    if (moduleName && isInitialised(this.$root, moduleName)) {
+      throw new InitError(constructor);
+    }
+  }
+  static checkSupport() {
+    if (!isSupported()) {
+      throw new SupportError();
+    }
+  }
+}
+
+/**
+ * @typedef ChildClass
+ * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component
+ */
+
+/**
+ * @typedef {typeof Component & ChildClass} ChildClassConstructor
+ */
+Component.elementType = HTMLElement;
+
+/**
+ * Header component
+ *
+ * @preserve
+ */
+class Header extends Component {
+  /**
+   * Apply a matchMedia for desktop which will trigger a state sync if the
+   * browser viewport moves between states.
+   *
+   * @param {Element | null} $root - HTML element to use for header
+   */
+  constructor($root) {
+    super($root);
+    this.$menuButton = void 0;
+    this.$menu = void 0;
+    this.menuIsOpen = false;
+    this.mql = null;
+    const $menuButton = this.$root.querySelector('.govuk-js-header-toggle');
+    if (!$menuButton) {
+      return this;
+    }
+    this.$root.classList.add('govuk-header--with-js-navigation');
+    const menuId = $menuButton.getAttribute('aria-controls');
+    if (!menuId) {
+      throw new ElementError({
+        component: Header,
+        identifier: 'Navigation button (`<button class="govuk-js-header-toggle">`) attribute (`aria-controls`)'
+      });
+    }
+    const $menu = document.getElementById(menuId);
+    if (!$menu) {
+      throw new ElementError({
+        component: Header,
+        element: $menu,
+        identifier: `Navigation (\`<ul id="${menuId}">\`)`
+      });
+    }
+    this.$menu = $menu;
+    this.$menuButton = $menuButton;
+    this.setupResponsiveChecks();
+    this.$menuButton.addEventListener('click', () => this.handleMenuButtonClick());
+  }
+  setupResponsiveChecks() {
+    const breakpoint = getBreakpoint('desktop');
+    if (!breakpoint.value) {
+      throw new ElementError({
+        component: Header,
+        identifier: `CSS custom property (\`${breakpoint.property}\`) on pseudo-class \`:root\``
+      });
+    }
+    this.mql = window.matchMedia(`(min-width: ${breakpoint.value})`);
+    if ('addEventListener' in this.mql) {
+      this.mql.addEventListener('change', () => this.checkMode());
+    } else {
+      this.mql.addListener(() => this.checkMode());
+    }
+    this.checkMode();
+  }
+  checkMode() {
+    if (!this.mql || !this.$menu || !this.$menuButton) {
+      return;
+    }
+    if (this.mql.matches) {
+      this.$menu.removeAttribute('hidden');
+      this.$menuButton.setAttribute('hidden', '');
+    } else {
+      this.$menuButton.removeAttribute('hidden');
+      this.$menuButton.setAttribute('aria-expanded', this.menuIsOpen.toString());
+      if (this.menuIsOpen) {
+        this.$menu.removeAttribute('hidden');
+      } else {
+        this.$menu.setAttribute('hidden', '');
+      }
+    }
+  }
+  handleMenuButtonClick() {
+    this.menuIsOpen = !this.menuIsOpen;
+    this.checkMode();
+  }
+}
+Header.moduleName = 'govuk-header';
+
+export { Header };
+//# sourceMappingURL=header.bundle.mjs.map
diff --git a/app/templates/govuk/components/header/header.bundle.mjs.map b/app/templates/govuk/components/header/header.bundle.mjs.map
new file mode 100644
index 0000000..6c6abde
--- /dev/null
+++ b/app/templates/govuk/components/header/header.bundle.mjs.map
@@ -0,0 +1 @@
+{"version":3,"file":"header.bundle.mjs","sources":["../../../../src/govuk/common/index.mjs","../../../../src/govuk/errors/index.mjs","../../../../src/govuk/component.mjs","../../../../src/govuk/components/header/header.mjs"],"sourcesContent":["/**\n * Common helpers which do not require polyfill.\n *\n * IMPORTANT: If a helper require a polyfill, please isolate it in its own module\n * so that the polyfill can be properly tree-shaken and does not burden\n * the components that do not need that helper\n */\n\n/**\n * Get GOV.UK Frontend breakpoint value from CSS custom property\n *\n * @private\n * @param {string} name - Breakpoint name\n * @returns {{ property: string, value?: string }} Breakpoint object\n */\nexport function getBreakpoint(name) {\n  const property = `--govuk-breakpoint-${name}`\n\n  // Get value from `<html>` with breakpoints on CSS :root\n  const value = window\n    .getComputedStyle(document.documentElement)\n    .getPropertyValue(property)\n\n  return {\n    property,\n    value: value || undefined\n  }\n}\n\n/**\n * Move focus to element\n *\n * Sets tabindex to -1 to make the element programmatically focusable,\n * but removes it on blur as the element doesn't need to be focused again.\n *\n * @private\n * @template {HTMLElement} FocusElement\n * @param {FocusElement} $element - HTML element\n * @param {object} [options] - Handler options\n * @param {function(this: FocusElement): void} [options.onBeforeFocus] - Callback before focus\n * @param {function(this: FocusElement): void} [options.onBlur] - Callback on blur\n */\nexport function setFocus($element, options = {}) {\n  const isFocusable = $element.getAttribute('tabindex')\n\n  if (!isFocusable) {\n    $element.setAttribute('tabindex', '-1')\n  }\n\n  /**\n   * Handle element focus\n   */\n  function onFocus() {\n    $element.addEventListener('blur', onBlur, { once: true })\n  }\n\n  /**\n   * Handle element blur\n   */\n  function onBlur() {\n    options.onBlur?.call($element)\n\n    if (!isFocusable) {\n      $element.removeAttribute('tabindex')\n    }\n  }\n\n  // Add listener to reset element on blur, after focus\n  $element.addEventListener('focus', onFocus, { once: true })\n\n  // Focus element\n  options.onBeforeFocus?.call($element)\n  $element.focus()\n}\n\n/**\n * Checks if component is already initialised\n *\n * @internal\n * @param {Element} $root - HTML element to be checked\n * @param {string} moduleName - name of component module\n * @returns {boolean} Whether component is already initialised\n */\nexport function isInitialised($root, moduleName) {\n  return (\n    $root instanceof HTMLElement &&\n    $root.hasAttribute(`data-${moduleName}-init`)\n  )\n}\n\n/**\n * Checks if GOV.UK Frontend is supported on this page\n *\n * Some browsers will load and run our JavaScript but GOV.UK Frontend\n * won't be supported.\n *\n * @param {HTMLElement | null} [$scope] - (internal) `<body>` HTML element checked for browser support\n * @returns {boolean} Whether GOV.UK Frontend is supported on this page\n */\nexport function isSupported($scope = document.body) {\n  if (!$scope) {\n    return false\n  }\n\n  return $scope.classList.contains('govuk-frontend-supported')\n}\n\n/**\n * Check for an array\n *\n * @internal\n * @param {unknown} option - Option to check\n * @returns {boolean} Whether the option is an array\n */\nfunction isArray(option) {\n  return Array.isArray(option)\n}\n\n/**\n * Check for an object\n *\n * @internal\n * @template {Partial<Record<keyof ObjectType, unknown>>} ObjectType\n * @param {unknown | ObjectType} option - Option to check\n * @returns {option is ObjectType} Whether the option is an object\n */\nexport function isObject(option) {\n  return !!option && typeof option === 'object' && !isArray(option)\n}\n\n/**\n * Check for valid scope\n *\n * @internal\n * @template {Element | Document} ScopeType\n * @param {unknown | ScopeType} $scope - Scope of the document to search within\n * @returns {$scope is ScopeType} Whether the scope can be queried\n */\nexport function isScope($scope) {\n  return !!$scope && ($scope instanceof Element || $scope instanceof Document)\n}\n\n/**\n * Format error message\n *\n * @internal\n * @param {ComponentWithModuleName} Component - Component that threw the error\n * @param {string} message - Error message\n * @returns {string} - Formatted error message\n */\nexport function formatErrorMessage(Component, message) {\n  return `${Component.moduleName}: ${message}`\n}\n\n/* eslint-disable jsdoc/valid-types --\n * `{new(...args: any[] ): object}` is not recognised as valid\n * https://github.com/gajus/eslint-plugin-jsdoc/issues/145#issuecomment-1308722878\n * https://github.com/jsdoc-type-pratt-parser/jsdoc-type-pratt-parser/issues/131\n **/\n\n/**\n * @typedef ComponentWithModuleName\n * @property {string} moduleName - Name of the component\n */\n\n/* eslint-enable jsdoc/valid-types */\n","import { formatErrorMessage, isObject } from '../common/index.mjs'\n\n/**\n * GOV.UK Frontend error\n *\n * A base class for `Error`s thrown by GOV.UK Frontend.\n *\n * It is meant to be extended into specific types of errors\n * to be thrown by our code.\n *\n * @example\n * ```js\n * class MissingRootError extends GOVUKFrontendError {\n *   // Setting an explicit name is important as extending the class will not\n *   // set a new `name` on the subclass. The `name` property is important\n *   // to ensure intelligible error names even if the class name gets\n *   // mangled by a minifier\n *   name = \"MissingRootError\"\n * }\n * ```\n * @virtual\n */\nexport class GOVUKFrontendError extends Error {\n  name = 'GOVUKFrontendError'\n}\n\n/**\n * Indicates that GOV.UK Frontend is not supported\n */\nexport class SupportError extends GOVUKFrontendError {\n  name = 'SupportError'\n\n  /**\n   * Checks if GOV.UK Frontend is supported on this page\n   *\n   * @param {HTMLElement | null} [$scope] - HTML element `<body>` checked for browser support\n   */\n  constructor($scope = document.body) {\n    const supportMessage =\n      'noModule' in HTMLScriptElement.prototype\n        ? 'GOV.UK Frontend initialised without `<body class=\"govuk-frontend-supported\">` from template `<script>` snippet'\n        : 'GOV.UK Frontend is not supported in this browser'\n\n    super(\n      $scope\n        ? supportMessage\n        : 'GOV.UK Frontend initialised without `<script type=\"module\">`'\n    )\n  }\n}\n\n/**\n * Indicates that a component has received an illegal configuration\n */\nexport class ConfigError extends GOVUKFrontendError {\n  name = 'ConfigError'\n}\n\n/**\n * Indicates an issue with an element (possibly `null` or `undefined`)\n */\nexport class ElementError extends GOVUKFrontendError {\n  name = 'ElementError'\n\n  /**\n   * @internal\n   * @overload\n   * @param {string} message - Element error message\n   */\n\n  /**\n   * @internal\n   * @overload\n   * @param {ElementErrorOptions} options - Element error options\n   */\n\n  /**\n   * @internal\n   * @param {string | ElementErrorOptions} messageOrOptions - Element error message or options\n   */\n  constructor(messageOrOptions) {\n    let message = typeof messageOrOptions === 'string' ? messageOrOptions : ''\n\n    // Build message from options\n    if (isObject(messageOrOptions)) {\n      const { component, identifier, element, expectedType } = messageOrOptions\n\n      message = identifier\n\n      // Append reason\n      message += element\n        ? ` is not of type ${expectedType ?? 'HTMLElement'}`\n        : ' not found'\n\n      // Prepend with module name (optional)\n      if (component) {\n        message = formatErrorMessage(component, message)\n      }\n    }\n\n    super(message)\n  }\n}\n\n/**\n * Indicates that a component is already initialised\n */\nexport class InitError extends GOVUKFrontendError {\n  name = 'InitError'\n\n  /**\n   * @internal\n   * @param {ComponentWithModuleName | string} componentOrMessage - name of the component module\n   */\n  constructor(componentOrMessage) {\n    const message =\n      typeof componentOrMessage === 'string'\n        ? componentOrMessage\n        : formatErrorMessage(\n            componentOrMessage,\n            `Root element (\\`$root\\`) already initialised`\n          )\n\n    super(message)\n  }\n}\n\n/**\n * Element error options\n *\n * @internal\n * @typedef {object} ElementErrorOptions\n * @property {Element | Document | null} [element] - The element in error (optional)\n * @property {ComponentWithModuleName} [component] - Component throwing the error (optional)\n * @property {string} identifier - An identifier that'll let the user understand which element has an error. This is whatever makes the most sense\n * @property {string} [expectedType] - The type that was expected for the identifier (optional)\n */\n\n/**\n * @import { ComponentWithModuleName } from '../common/index.mjs'\n */\n","import { isInitialised, isSupported } from './common/index.mjs'\nimport { ElementError, InitError, SupportError } from './errors/index.mjs'\n\n/**\n * Base Component class\n *\n * Centralises the behaviours shared by our components\n *\n * @virtual\n * @template {Element} [RootElementType=HTMLElement]\n */\nexport class Component {\n  /**\n   * @type {typeof Element}\n   */\n  static elementType = HTMLElement\n\n  // allows Typescript user to work around the lack of types\n  // in GOVUKFrontend package, Typescript is not aware of $root\n  // in components that extend GOVUKFrontendComponent\n  /**\n   * Returns the root element of the component\n   *\n   * @protected\n   * @returns {RootElementType} - the root element of component\n   */\n  get $root() {\n    return this._$root\n  }\n\n  /**\n   * @protected\n   * @type {RootElementType}\n   */\n  _$root\n\n  /**\n   * Constructs a new component, validating that GOV.UK Frontend is supported\n   *\n   * @internal\n   * @param {Element | null} [$root] - HTML element to use for component\n   */\n  constructor($root) {\n    const childConstructor = /** @type {ChildClassConstructor} */ (\n      this.constructor\n    )\n\n    // TypeScript does not enforce that inheriting classes will define a `moduleName`\n    // (even if we add a `@virtual` `static moduleName` property to this class).\n    // While we trust users to do this correctly, we do a little check to provide them\n    // a helpful error message.\n    //\n    // After this, we'll be sure that `childConstructor` has a `moduleName`\n    // as expected of the `ChildClassConstructor` we've cast `this.constructor` to.\n    if (typeof childConstructor.moduleName !== 'string') {\n      throw new InitError(`\\`moduleName\\` not defined in component`)\n    }\n\n    if (!($root instanceof childConstructor.elementType)) {\n      throw new ElementError({\n        element: $root,\n        component: childConstructor,\n        identifier: 'Root element (`$root`)',\n        expectedType: childConstructor.elementType.name\n      })\n    } else {\n      this._$root = /** @type {RootElementType} */ ($root)\n    }\n\n    childConstructor.checkSupport()\n\n    this.checkInitialised()\n\n    const moduleName = childConstructor.moduleName\n\n    this.$root.setAttribute(`data-${moduleName}-init`, '')\n  }\n\n  /**\n   * Validates whether component is already initialised\n   *\n   * @private\n   * @throws {InitError} when component is already initialised\n   */\n  checkInitialised() {\n    const constructor = /** @type {ChildClassConstructor} */ (this.constructor)\n    const moduleName = constructor.moduleName\n\n    if (moduleName && isInitialised(this.$root, moduleName)) {\n      throw new InitError(constructor)\n    }\n  }\n\n  /**\n   * Validates whether components are supported\n   *\n   * @throws {SupportError} when the components are not supported\n   */\n  static checkSupport() {\n    if (!isSupported()) {\n      throw new SupportError()\n    }\n  }\n}\n\n/**\n * @typedef ChildClass\n * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component\n */\n\n/**\n * @typedef {typeof Component & ChildClass} ChildClassConstructor\n */\n","import { getBreakpoint } from '../../common/index.mjs'\nimport { Component } from '../../component.mjs'\nimport { ElementError } from '../../errors/index.mjs'\n\n/**\n * Header component\n *\n * @preserve\n */\nexport class Header extends Component {\n  /** @private */\n  $menuButton\n\n  /** @private */\n  $menu\n\n  /**\n   * Save the opened/closed state for the nav in memory so that we can\n   * accurately maintain state when the screen is changed from small to big and\n   * back to small\n   *\n   * @private\n   */\n  menuIsOpen = false\n\n  /**\n   * A global const for storing a matchMedia instance which we'll use to detect\n   * when a screen size change happens. We rely on it being null if the feature\n   * isn't available to initially apply hidden attributes\n   *\n   * @private\n   * @type {MediaQueryList | null}\n   */\n  mql = null\n\n  /**\n   * Apply a matchMedia for desktop which will trigger a state sync if the\n   * browser viewport moves between states.\n   *\n   * @param {Element | null} $root - HTML element to use for header\n   */\n  constructor($root) {\n    super($root)\n\n    const $menuButton = this.$root.querySelector('.govuk-js-header-toggle')\n\n    // Headers don't necessarily have a navigation. When they don't, the menu\n    // toggle won't be rendered by our macro (or may be omitted when writing\n    // plain HTML)\n    if (!$menuButton) {\n      return this\n    }\n\n    // Pad the header logo so it doesn't overlap the menu button\n    this.$root.classList.add('govuk-header--with-js-navigation')\n\n    const menuId = $menuButton.getAttribute('aria-controls')\n    if (!menuId) {\n      throw new ElementError({\n        component: Header,\n        identifier:\n          'Navigation button (`<button class=\"govuk-js-header-toggle\">`) attribute (`aria-controls`)'\n      })\n    }\n\n    const $menu = document.getElementById(menuId)\n    if (!$menu) {\n      throw new ElementError({\n        component: Header,\n        element: $menu,\n        identifier: `Navigation (\\`<ul id=\"${menuId}\">\\`)`\n      })\n    }\n\n    this.$menu = $menu\n    this.$menuButton = $menuButton\n\n    this.setupResponsiveChecks()\n\n    this.$menuButton.addEventListener('click', () =>\n      this.handleMenuButtonClick()\n    )\n  }\n\n  /**\n   * Setup viewport resize check\n   *\n   * @private\n   */\n  setupResponsiveChecks() {\n    const breakpoint = getBreakpoint('desktop')\n\n    if (!breakpoint.value) {\n      throw new ElementError({\n        component: Header,\n        identifier: `CSS custom property (\\`${breakpoint.property}\\`) on pseudo-class \\`:root\\``\n      })\n    }\n\n    // Media query list for GOV.UK Frontend desktop breakpoint\n    this.mql = window.matchMedia(`(min-width: ${breakpoint.value})`)\n\n    // MediaQueryList.addEventListener isn't supported by Safari < 14 so we need\n    // to be able to fall back to the deprecated MediaQueryList.addListener\n    if ('addEventListener' in this.mql) {\n      this.mql.addEventListener('change', () => this.checkMode())\n    } else {\n      // @ts-expect-error Property 'addListener' does not exist\n      // eslint-disable-next-line @typescript-eslint/no-unsafe-call\n      this.mql.addListener(() => this.checkMode())\n    }\n\n    this.checkMode()\n  }\n\n  /**\n   * Sync menu state\n   *\n   * Uses the global variable menuIsOpen to correctly set the accessible and\n   * visual states of the menu and the menu button.\n   * Additionally will force the menu to be visible and the menu button to be\n   * hidden if the matchMedia is triggered to desktop.\n   *\n   * @private\n   */\n  checkMode() {\n    if (!this.mql || !this.$menu || !this.$menuButton) {\n      return\n    }\n\n    if (this.mql.matches) {\n      this.$menu.removeAttribute('hidden')\n      this.$menuButton.setAttribute('hidden', '')\n    } else {\n      this.$menuButton.removeAttribute('hidden')\n      this.$menuButton.setAttribute('aria-expanded', this.menuIsOpen.toString())\n\n      if (this.menuIsOpen) {\n        this.$menu.removeAttribute('hidden')\n      } else {\n        this.$menu.setAttribute('hidden', '')\n      }\n    }\n  }\n\n  /**\n   * Handle menu button click\n   *\n   * When the menu button is clicked, change the visibility of the menu and then\n   * sync the accessibility state and menu button state\n   *\n   * @private\n   */\n  handleMenuButtonClick() {\n    this.menuIsOpen = !this.menuIsOpen\n    this.checkMode()\n  }\n\n  /**\n   * Name for the component used when initialising using data-module attributes.\n   */\n  static moduleName = 'govuk-header'\n}\n"],"names":["getBreakpoint","name","property","value","window","getComputedStyle","document","documentElement","getPropertyValue","undefined","isInitialised","$root","moduleName","HTMLElement","hasAttribute","isSupported","$scope","body","classList","contains","isArray","option","Array","isObject","formatErrorMessage","Component","message","GOVUKFrontendError","Error","constructor","args","SupportError","supportMessage","HTMLScriptElement","prototype","ElementError","messageOrOptions","component","identifier","element","expectedType","InitError","componentOrMessage","_$root","childConstructor","elementType","checkSupport","checkInitialised","setAttribute","Header","$menuButton","$menu","menuIsOpen","mql","querySelector","add","menuId","getAttribute","getElementById","setupResponsiveChecks","addEventListener","handleMenuButtonClick","breakpoint","matchMedia","checkMode","addListener","matches","removeAttribute","toString"],"mappings":"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"}
\ No newline at end of file
diff --git a/app/templates/govuk/components/header/header.mjs b/app/templates/govuk/components/header/header.mjs
new file mode 100644
index 0000000..b2489b6
--- /dev/null
+++ b/app/templates/govuk/components/header/header.mjs
@@ -0,0 +1,89 @@
+import { getBreakpoint } from '../../common/index.mjs';
+import { Component } from '../../component.mjs';
+import { ElementError } from '../../errors/index.mjs';
+
+/**
+ * Header component
+ *
+ * @preserve
+ */
+class Header extends Component {
+  /**
+   * Apply a matchMedia for desktop which will trigger a state sync if the
+   * browser viewport moves between states.
+   *
+   * @param {Element | null} $root - HTML element to use for header
+   */
+  constructor($root) {
+    super($root);
+    this.$menuButton = void 0;
+    this.$menu = void 0;
+    this.menuIsOpen = false;
+    this.mql = null;
+    const $menuButton = this.$root.querySelector('.govuk-js-header-toggle');
+    if (!$menuButton) {
+      return this;
+    }
+    this.$root.classList.add('govuk-header--with-js-navigation');
+    const menuId = $menuButton.getAttribute('aria-controls');
+    if (!menuId) {
+      throw new ElementError({
+        component: Header,
+        identifier: 'Navigation button (`<button class="govuk-js-header-toggle">`) attribute (`aria-controls`)'
+      });
+    }
+    const $menu = document.getElementById(menuId);
+    if (!$menu) {
+      throw new ElementError({
+        component: Header,
+        element: $menu,
+        identifier: `Navigation (\`<ul id="${menuId}">\`)`
+      });
+    }
+    this.$menu = $menu;
+    this.$menuButton = $menuButton;
+    this.setupResponsiveChecks();
+    this.$menuButton.addEventListener('click', () => this.handleMenuButtonClick());
+  }
+  setupResponsiveChecks() {
+    const breakpoint = getBreakpoint('desktop');
+    if (!breakpoint.value) {
+      throw new ElementError({
+        component: Header,
+        identifier: `CSS custom property (\`${breakpoint.property}\`) on pseudo-class \`:root\``
+      });
+    }
+    this.mql = window.matchMedia(`(min-width: ${breakpoint.value})`);
+    if ('addEventListener' in this.mql) {
+      this.mql.addEventListener('change', () => this.checkMode());
+    } else {
+      this.mql.addListener(() => this.checkMode());
+    }
+    this.checkMode();
+  }
+  checkMode() {
+    if (!this.mql || !this.$menu || !this.$menuButton) {
+      return;
+    }
+    if (this.mql.matches) {
+      this.$menu.removeAttribute('hidden');
+      this.$menuButton.setAttribute('hidden', '');
+    } else {
+      this.$menuButton.removeAttribute('hidden');
+      this.$menuButton.setAttribute('aria-expanded', this.menuIsOpen.toString());
+      if (this.menuIsOpen) {
+        this.$menu.removeAttribute('hidden');
+      } else {
+        this.$menu.setAttribute('hidden', '');
+      }
+    }
+  }
+  handleMenuButtonClick() {
+    this.menuIsOpen = !this.menuIsOpen;
+    this.checkMode();
+  }
+}
+Header.moduleName = 'govuk-header';
+
+export { Header };
+//# sourceMappingURL=header.mjs.map
diff --git a/app/templates/govuk/components/header/header.mjs.map b/app/templates/govuk/components/header/header.mjs.map
new file mode 100644
index 0000000..412c0bb
--- /dev/null
+++ b/app/templates/govuk/components/header/header.mjs.map
@@ -0,0 +1 @@
+{"version":3,"file":"header.mjs","sources":["../../../../src/govuk/components/header/header.mjs"],"sourcesContent":["import { getBreakpoint } from '../../common/index.mjs'\nimport { Component } from '../../component.mjs'\nimport { ElementError } from '../../errors/index.mjs'\n\n/**\n * Header component\n *\n * @preserve\n */\nexport class Header extends Component {\n  /** @private */\n  $menuButton\n\n  /** @private */\n  $menu\n\n  /**\n   * Save the opened/closed state for the nav in memory so that we can\n   * accurately maintain state when the screen is changed from small to big and\n   * back to small\n   *\n   * @private\n   */\n  menuIsOpen = false\n\n  /**\n   * A global const for storing a matchMedia instance which we'll use to detect\n   * when a screen size change happens. We rely on it being null if the feature\n   * isn't available to initially apply hidden attributes\n   *\n   * @private\n   * @type {MediaQueryList | null}\n   */\n  mql = null\n\n  /**\n   * Apply a matchMedia for desktop which will trigger a state sync if the\n   * browser viewport moves between states.\n   *\n   * @param {Element | null} $root - HTML element to use for header\n   */\n  constructor($root) {\n    super($root)\n\n    const $menuButton = this.$root.querySelector('.govuk-js-header-toggle')\n\n    // Headers don't necessarily have a navigation. When they don't, the menu\n    // toggle won't be rendered by our macro (or may be omitted when writing\n    // plain HTML)\n    if (!$menuButton) {\n      return this\n    }\n\n    // Pad the header logo so it doesn't overlap the menu button\n    this.$root.classList.add('govuk-header--with-js-navigation')\n\n    const menuId = $menuButton.getAttribute('aria-controls')\n    if (!menuId) {\n      throw new ElementError({\n        component: Header,\n        identifier:\n          'Navigation button (`<button class=\"govuk-js-header-toggle\">`) attribute (`aria-controls`)'\n      })\n    }\n\n    const $menu = document.getElementById(menuId)\n    if (!$menu) {\n      throw new ElementError({\n        component: Header,\n        element: $menu,\n        identifier: `Navigation (\\`<ul id=\"${menuId}\">\\`)`\n      })\n    }\n\n    this.$menu = $menu\n    this.$menuButton = $menuButton\n\n    this.setupResponsiveChecks()\n\n    this.$menuButton.addEventListener('click', () =>\n      this.handleMenuButtonClick()\n    )\n  }\n\n  /**\n   * Setup viewport resize check\n   *\n   * @private\n   */\n  setupResponsiveChecks() {\n    const breakpoint = getBreakpoint('desktop')\n\n    if (!breakpoint.value) {\n      throw new ElementError({\n        component: Header,\n        identifier: `CSS custom property (\\`${breakpoint.property}\\`) on pseudo-class \\`:root\\``\n      })\n    }\n\n    // Media query list for GOV.UK Frontend desktop breakpoint\n    this.mql = window.matchMedia(`(min-width: ${breakpoint.value})`)\n\n    // MediaQueryList.addEventListener isn't supported by Safari < 14 so we need\n    // to be able to fall back to the deprecated MediaQueryList.addListener\n    if ('addEventListener' in this.mql) {\n      this.mql.addEventListener('change', () => this.checkMode())\n    } else {\n      // @ts-expect-error Property 'addListener' does not exist\n      // eslint-disable-next-line @typescript-eslint/no-unsafe-call\n      this.mql.addListener(() => this.checkMode())\n    }\n\n    this.checkMode()\n  }\n\n  /**\n   * Sync menu state\n   *\n   * Uses the global variable menuIsOpen to correctly set the accessible and\n   * visual states of the menu and the menu button.\n   * Additionally will force the menu to be visible and the menu button to be\n   * hidden if the matchMedia is triggered to desktop.\n   *\n   * @private\n   */\n  checkMode() {\n    if (!this.mql || !this.$menu || !this.$menuButton) {\n      return\n    }\n\n    if (this.mql.matches) {\n      this.$menu.removeAttribute('hidden')\n      this.$menuButton.setAttribute('hidden', '')\n    } else {\n      this.$menuButton.removeAttribute('hidden')\n      this.$menuButton.setAttribute('aria-expanded', this.menuIsOpen.toString())\n\n      if (this.menuIsOpen) {\n        this.$menu.removeAttribute('hidden')\n      } else {\n        this.$menu.setAttribute('hidden', '')\n      }\n    }\n  }\n\n  /**\n   * Handle menu button click\n   *\n   * When the menu button is clicked, change the visibility of the menu and then\n   * sync the accessibility state and menu button state\n   *\n   * @private\n   */\n  handleMenuButtonClick() {\n    this.menuIsOpen = !this.menuIsOpen\n    this.checkMode()\n  }\n\n  /**\n   * Name for the component used when initialising using data-module attributes.\n   */\n  static moduleName = 'govuk-header'\n}\n"],"names":["Header","Component","constructor","$root","$menuButton","$menu","menuIsOpen","mql","querySelector","classList","add","menuId","getAttribute","ElementError","component","identifier","document","getElementById","element","setupResponsiveChecks","addEventListener","handleMenuButtonClick","breakpoint","getBreakpoint","value","property","window","matchMedia","checkMode","addListener","matches","removeAttribute","setAttribute","toString","moduleName"],"mappings":"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"}
\ No newline at end of file
diff --git a/app/templates/govuk/components/header/macro-options.json b/app/templates/govuk/components/header/macro-options.json
new file mode 100644
index 0000000..8f49807
--- /dev/null
+++ b/app/templates/govuk/components/header/macro-options.json
@@ -0,0 +1,131 @@
+[
+    {
+        "name": "homepageUrl",
+        "type": "string",
+        "required": false,
+        "description": "The URL of the homepage. Defaults to `\"/\"`."
+    },
+    {
+        "name": "productName",
+        "type": "string",
+        "required": false,
+        "description": "Product name, used when the product name follows on directly from ‘GOV.UK’. For example, GOV.UK Pay or GOV.UK Design System. In most circumstances, you should use `serviceName`."
+    },
+    {
+        "name": "serviceName",
+        "type": "string",
+        "required": false,
+        "description": "The name of your service, included in the header.",
+        "deprecated": "5.9.0"
+    },
+    {
+        "name": "serviceUrl",
+        "type": "string",
+        "required": false,
+        "description": "URL for the service name anchor.",
+        "deprecated": "5.9.0"
+    },
+    {
+        "name": "navigation",
+        "type": "array",
+        "required": false,
+        "description": "Can be used to add navigation to the header component.",
+        "deprecated": "5.9.0",
+        "params": [
+            {
+                "name": "text",
+                "type": "string",
+                "required": true,
+                "description": "Text for the navigation item. If `html` is provided, the `text` option will be ignored.",
+                "deprecated": "5.9.0"
+            },
+            {
+                "name": "html",
+                "type": "string",
+                "required": true,
+                "description": "HTML for the navigation item. If `html` is provided, the `text` option will be ignored.",
+                "deprecated": "5.9.0"
+            },
+            {
+                "name": "href",
+                "type": "string",
+                "required": false,
+                "description": "URL of the navigation item anchor.",
+                "deprecated": "5.9.0"
+            },
+            {
+                "name": "active",
+                "type": "boolean",
+                "required": false,
+                "description": "Flag to mark the navigation item as active or not.",
+                "deprecated": "5.9.0"
+            },
+            {
+                "name": "attributes",
+                "type": "object",
+                "required": false,
+                "description": "HTML attributes (for example data attributes) to add to the navigation item anchor.",
+                "deprecated": "5.9.0"
+            }
+        ]
+    },
+    {
+        "name": "navigationClasses",
+        "type": "string",
+        "required": false,
+        "description": "Classes for the navigation section of the header.",
+        "deprecated": "5.9.0"
+    },
+    {
+        "name": "navigationLabel",
+        "type": "string",
+        "required": false,
+        "description": "Text for the `aria-label` attribute of the navigation. Defaults to the same value as `menuButtonText`.",
+        "deprecated": "5.9.0"
+    },
+    {
+        "name": "menuButtonLabel",
+        "type": "string",
+        "required": false,
+        "description": "Text for the `aria-label` attribute of the button that opens the mobile navigation, if there is a mobile navigation menu.",
+        "deprecated": "5.9.0"
+    },
+    {
+        "name": "menuButtonText",
+        "type": "string",
+        "required": false,
+        "description": "Text of the button that opens the mobile navigation menu, if there is a mobile navigation menu. There is no enforced character limit, but there is a limited display space so keep text as short as possible. By default, this is set to 'Menu'.",
+        "deprecated": "5.9.0"
+    },
+    {
+        "name": "containerClasses",
+        "type": "string",
+        "required": false,
+        "description": "Classes for the container, useful if you want to make the header fixed width."
+    },
+    {
+        "name": "classes",
+        "type": "string",
+        "required": false,
+        "description": "Classes to add to the header container."
+    },
+    {
+        "name": "attributes",
+        "type": "object",
+        "required": false,
+        "description": "HTML attributes (for example data attributes) to add to the header container."
+    },
+    {
+        "name": "useTudorCrown",
+        "type": "boolean",
+        "required": false,
+        "description": "If `true`, uses the Tudor crown from King Charles III's royal cypher. Otherwise, uses the St. Edward's crown. Default is `true`.",
+        "deprecated": "5.2.0"
+    },
+    {
+        "name": "rebrand",
+        "type": "boolean",
+        "required": false,
+        "description": "If `true`, use the redesigned header and new GOV.UK logotype. Default is `false`."
+    }
+]
diff --git a/app/templates/govuk/components/header/macro.njk b/app/templates/govuk/components/header/macro.njk
new file mode 100644
index 0000000..d863b78
--- /dev/null
+++ b/app/templates/govuk/components/header/macro.njk
@@ -0,0 +1,3 @@
+{% macro govukHeader(params) %}
+  {%- include "./template.njk" -%}
+{% endmacro %}
diff --git a/app/templates/govuk/components/header/template-default.html b/app/templates/govuk/components/header/template-default.html
new file mode 100644
index 0000000..65c5b8d
--- /dev/null
+++ b/app/templates/govuk/components/header/template-default.html
@@ -0,0 +1,29 @@
+<header class="govuk-header" data-module="govuk-header">
+  <div class="govuk-header__container govuk-width-container">
+    <div class="govuk-header__logo">
+      <a href="/" class="govuk-header__link govuk-header__link--homepage">
+        <svg
+            focusable="false"
+            role="img"
+            xmlns="http://www.w3.org/2000/svg"
+            viewBox="0 0 296 60"
+            height="30"
+            width="148"
+            fill="currentcolor" class="govuk-header__logotype" aria-label="GOV.UK"
+          ><title>GOV.UK</title>    <g>
+                <circle cx="20" cy="17.6" r="3.7"/>
+                <circle cx="10.2" cy="23.5" r="3.7"/>
+                <circle cx="3.7" cy="33.2" r="3.7"/>
+                <circle cx="31.7" cy="30.6" r="3.7"/>
+                <circle cx="43.3" cy="17.6" r="3.7"/>
+                <circle cx="53.2" cy="23.5" r="3.7"/>
+                <circle cx="59.7" cy="33.2" r="3.7"/>
+                <circle cx="31.7" cy="30.6" r="3.7"/>
+                <path d="M33.1,9.8c.2-.1.3-.3.5-.5l4.6,2.4v-6.8l-4.6,1.5c-.1-.2-.3-.3-.5-.5l1.9-5.9h-6.7l1.9,5.9c-.2.1-.3.3-.5.5l-4.6-1.5v6.8l4.6-2.4c.1.2.3.3.5.5l-2.6,8c-.9,2.8,1.2,5.7,4.1,5.7h0c3,0,5.1-2.9,4.1-5.7l-2.6-8ZM37,37.9s-3.4,3.8-4.1,6.1c2.2,0,4.2-.5,6.4-2.8l-.7,8.5c-2-2.8-4.4-4.1-5.7-3.8.1,3.1.5,6.7,5.8,7.2,3.7.3,6.7-1.5,7-3.8.4-2.6-2-4.3-3.7-1.6-1.4-4.5,2.4-6.1,4.9-3.2-1.9-4.5-1.8-7.7,2.4-10.9,3,4,2.6,7.3-1.2,11.1,2.4-1.3,6.2,0,4,4.6-1.2-2.8-3.7-2.2-4.2.2-.3,1.7.7,3.7,3,4.2,1.9.3,4.7-.9,7-5.9-1.3,0-2.4.7-3.9,1.7l2.4-8c.6,2.3,1.4,3.7,2.2,4.5.6-1.6.5-2.8,0-5.3l5,1.8c-2.6,3.6-5.2,8.7-7.3,17.5-7.4-1.1-15.7-1.7-24.5-1.7h0c-8.8,0-17.1.6-24.5,1.7-2.1-8.9-4.7-13.9-7.3-17.5l5-1.8c-.5,2.5-.6,3.7,0,5.3.8-.8,1.6-2.3,2.2-4.5l2.4,8c-1.5-1-2.6-1.7-3.9-1.7,2.3,5,5.2,6.2,7,5.9,2.3-.4,3.3-2.4,3-4.2-.5-2.4-3-3.1-4.2-.2-2.2-4.6,1.6-6,4-4.6-3.7-3.7-4.2-7.1-1.2-11.1,4.2,3.2,4.3,6.4,2.4,10.9,2.5-2.8,6.3-1.3,4.9,3.2-1.8-2.7-4.1-1-3.7,1.6.3,2.3,3.3,4.1,7,3.8,5.4-.5,5.7-4.2,5.8-7.2-1.3-.2-3.7,1-5.7,3.8l-.7-8.5c2.2,2.3,4.2,2.7,6.4,2.8-.7-2.3-4.1-6.1-4.1-6.1h10.6,0Z"/>
+              </g>
+              <path d="M88.6,33.2c0,1.8.2,3.4.6,5s1.2,3,2,4.4c1,1.2,2,2.2,3.4,3s3,1.2,5,1.2,3.4-.2,4.6-.8,2.2-1.4,3-2.2,1.2-1.8,1.6-3c.2-1,.4-2,.4-3v-.4h-10.6v-6.4h18.8v23h-7.4v-5c-.6.8-1.2,1.6-2,2.2-.8.6-1.6,1.2-2.6,1.8-1,.4-2,.8-3.2,1.2s-2.4.4-3.6.4c-3,0-5.8-.6-8-1.6-2.4-1.2-4.4-2.6-6-4.6s-2.8-4.2-3.6-6.8c-.6-2.8-1-5.6-1-8.6s.4-5.8,1.4-8.4,2.2-4.8,4-6.8,3.8-3.4,6.2-4.6c2.4-1.2,5.2-1.6,8.2-1.6s3.8.2,5.6.6c1.8.4,3.4,1.2,4.8,2s2.8,1.8,3.8,3c1.2,1.2,2,2.6,2.8,4l-7.4,4.2c-.4-.8-1-1.8-1.6-2.4-.6-.8-1.2-1.4-2-2s-1.6-1-2.6-1.4-2.2-.4-3.4-.4c-2,0-3.6.4-5,1.2-1.4.8-2.6,1.8-3.4,3-1,1.2-1.6,2.8-2,4.4-.6,1.6-.8,3.8-.8,5.4ZM161.4,24.6c-.8-2.6-2.2-4.8-4-6.8s-3.8-3.4-6.2-4.6c-2.4-1.2-5.2-1.6-8.4-1.6s-5.8.6-8.4,1.6c-2.2,1.2-4.4,2.8-6,4.6-1.8,2-3,4.2-4,6.8-.8,2.6-1.4,5.4-1.4,8.4s.4,5.8,1.4,8.4c.8,2.6,2.2,4.8,4,6.8s3.8,3.4,6.2,4.6c2.4,1.2,5.2,1.6,8.4,1.6s5.8-.6,8.4-1.6c2.4-1.2,4.6-2.6,6.2-4.6,1.8-2,3-4.2,4-6.8.8-2.6,1.4-5.4,1.4-8.4-.2-3-.6-5.8-1.6-8.4h0ZM154,33.2c0,2-.2,3.8-.8,5.4-.4,1.6-1.2,3.2-2.2,4.4s-2.2,2.2-3.4,2.8c-1.4.6-3,1-4.8,1s-3.4-.4-4.8-1-2.6-1.6-3.4-2.8c-1-1.2-1.6-2.6-2.2-4.4-.4-1.6-.8-3.4-.8-5.4v-.2c0-2,.2-3.8.8-5.4.4-1.6,1.2-3.2,2.2-4.4,1-1.2,2.2-2.2,3.4-2.8,1.4-.6,3-1,4.8-1s3.4.4,4.8,1,2.6,1.6,3.4,2.8c1,1.2,1.6,2.6,2.2,4.4.4,1.6.8,3.4.8,5.4v.2ZM177.8,54l-11.8-42h9.4l8,31.4h.2l8-31.4h9.4l-11.8,42h-11.4,0ZM235.4,46.7c1.2,0,2.4-.2,3.4-.6,1-.4,2-.8,2.8-1.6s1.4-1.6,1.8-2.8c.4-1.2.6-2.4.6-4V11.8h8.2v27.2c0,2.4-.4,4.4-1.2,6.2s-2,3.4-3.6,4.8c-1.4,1.4-3.2,2.4-5.4,3-2,.8-4.4,1-6.8,1s-4.8-.4-6.8-1c-2-.8-3.8-1.8-5.4-3-1.6-1.4-2.6-3-3.6-4.8-.8-1.8-1.2-4-1.2-6.2V11.7h8.4v26c0,1.6.2,2.8.6,4,.4,1.2,1,2,1.8,2.8s1.6,1.2,2.8,1.6c1.2.4,2.2.6,3.6.6h0ZM261.4,11.9h8.4v18.2l14.8-18.2h10.4l-14.4,16.8,15.4,25.2h-9.8l-11-18.8-5.4,6v12.8h-8.4V11.9h0ZM206.2,44.2c-3,0-5.4,2.4-5.4,5.4s2.4,5.4,5.4,5.4,5.4-2.4,5.4-5.4-2.4-5.4-5.4-5.4Z"/>
+          </svg>
+      </a>
+    </div>
+  </div>
+</header>
diff --git a/app/templates/govuk/components/header/template-full-width-with-navigation.html b/app/templates/govuk/components/header/template-full-width-with-navigation.html
new file mode 100644
index 0000000..a2649bf
--- /dev/null
+++ b/app/templates/govuk/components/header/template-full-width-with-navigation.html
@@ -0,0 +1,54 @@
+<header class="govuk-header" data-module="govuk-header">
+  <div class="govuk-header__container govuk-header__container--full-width">
+    <div class="govuk-header__logo">
+      <a href="/" class="govuk-header__link govuk-header__link--homepage">
+        <svg
+            focusable="false"
+            role="img"
+            xmlns="http://www.w3.org/2000/svg"
+            viewBox="0 0 296 60"
+            height="30"
+            width="148"
+            fill="currentcolor" class="govuk-header__logotype" aria-label="GOV.UK"
+          ><title>GOV.UK</title>    <g>
+                <circle cx="20" cy="17.6" r="3.7"/>
+                <circle cx="10.2" cy="23.5" r="3.7"/>
+                <circle cx="3.7" cy="33.2" r="3.7"/>
+                <circle cx="31.7" cy="30.6" r="3.7"/>
+                <circle cx="43.3" cy="17.6" r="3.7"/>
+                <circle cx="53.2" cy="23.5" r="3.7"/>
+                <circle cx="59.7" cy="33.2" r="3.7"/>
+                <circle cx="31.7" cy="30.6" r="3.7"/>
+                <path d="M33.1,9.8c.2-.1.3-.3.5-.5l4.6,2.4v-6.8l-4.6,1.5c-.1-.2-.3-.3-.5-.5l1.9-5.9h-6.7l1.9,5.9c-.2.1-.3.3-.5.5l-4.6-1.5v6.8l4.6-2.4c.1.2.3.3.5.5l-2.6,8c-.9,2.8,1.2,5.7,4.1,5.7h0c3,0,5.1-2.9,4.1-5.7l-2.6-8ZM37,37.9s-3.4,3.8-4.1,6.1c2.2,0,4.2-.5,6.4-2.8l-.7,8.5c-2-2.8-4.4-4.1-5.7-3.8.1,3.1.5,6.7,5.8,7.2,3.7.3,6.7-1.5,7-3.8.4-2.6-2-4.3-3.7-1.6-1.4-4.5,2.4-6.1,4.9-3.2-1.9-4.5-1.8-7.7,2.4-10.9,3,4,2.6,7.3-1.2,11.1,2.4-1.3,6.2,0,4,4.6-1.2-2.8-3.7-2.2-4.2.2-.3,1.7.7,3.7,3,4.2,1.9.3,4.7-.9,7-5.9-1.3,0-2.4.7-3.9,1.7l2.4-8c.6,2.3,1.4,3.7,2.2,4.5.6-1.6.5-2.8,0-5.3l5,1.8c-2.6,3.6-5.2,8.7-7.3,17.5-7.4-1.1-15.7-1.7-24.5-1.7h0c-8.8,0-17.1.6-24.5,1.7-2.1-8.9-4.7-13.9-7.3-17.5l5-1.8c-.5,2.5-.6,3.7,0,5.3.8-.8,1.6-2.3,2.2-4.5l2.4,8c-1.5-1-2.6-1.7-3.9-1.7,2.3,5,5.2,6.2,7,5.9,2.3-.4,3.3-2.4,3-4.2-.5-2.4-3-3.1-4.2-.2-2.2-4.6,1.6-6,4-4.6-3.7-3.7-4.2-7.1-1.2-11.1,4.2,3.2,4.3,6.4,2.4,10.9,2.5-2.8,6.3-1.3,4.9,3.2-1.8-2.7-4.1-1-3.7,1.6.3,2.3,3.3,4.1,7,3.8,5.4-.5,5.7-4.2,5.8-7.2-1.3-.2-3.7,1-5.7,3.8l-.7-8.5c2.2,2.3,4.2,2.7,6.4,2.8-.7-2.3-4.1-6.1-4.1-6.1h10.6,0Z"/>
+              </g>
+              <path d="M88.6,33.2c0,1.8.2,3.4.6,5s1.2,3,2,4.4c1,1.2,2,2.2,3.4,3s3,1.2,5,1.2,3.4-.2,4.6-.8,2.2-1.4,3-2.2,1.2-1.8,1.6-3c.2-1,.4-2,.4-3v-.4h-10.6v-6.4h18.8v23h-7.4v-5c-.6.8-1.2,1.6-2,2.2-.8.6-1.6,1.2-2.6,1.8-1,.4-2,.8-3.2,1.2s-2.4.4-3.6.4c-3,0-5.8-.6-8-1.6-2.4-1.2-4.4-2.6-6-4.6s-2.8-4.2-3.6-6.8c-.6-2.8-1-5.6-1-8.6s.4-5.8,1.4-8.4,2.2-4.8,4-6.8,3.8-3.4,6.2-4.6c2.4-1.2,5.2-1.6,8.2-1.6s3.8.2,5.6.6c1.8.4,3.4,1.2,4.8,2s2.8,1.8,3.8,3c1.2,1.2,2,2.6,2.8,4l-7.4,4.2c-.4-.8-1-1.8-1.6-2.4-.6-.8-1.2-1.4-2-2s-1.6-1-2.6-1.4-2.2-.4-3.4-.4c-2,0-3.6.4-5,1.2-1.4.8-2.6,1.8-3.4,3-1,1.2-1.6,2.8-2,4.4-.6,1.6-.8,3.8-.8,5.4ZM161.4,24.6c-.8-2.6-2.2-4.8-4-6.8s-3.8-3.4-6.2-4.6c-2.4-1.2-5.2-1.6-8.4-1.6s-5.8.6-8.4,1.6c-2.2,1.2-4.4,2.8-6,4.6-1.8,2-3,4.2-4,6.8-.8,2.6-1.4,5.4-1.4,8.4s.4,5.8,1.4,8.4c.8,2.6,2.2,4.8,4,6.8s3.8,3.4,6.2,4.6c2.4,1.2,5.2,1.6,8.4,1.6s5.8-.6,8.4-1.6c2.4-1.2,4.6-2.6,6.2-4.6,1.8-2,3-4.2,4-6.8.8-2.6,1.4-5.4,1.4-8.4-.2-3-.6-5.8-1.6-8.4h0ZM154,33.2c0,2-.2,3.8-.8,5.4-.4,1.6-1.2,3.2-2.2,4.4s-2.2,2.2-3.4,2.8c-1.4.6-3,1-4.8,1s-3.4-.4-4.8-1-2.6-1.6-3.4-2.8c-1-1.2-1.6-2.6-2.2-4.4-.4-1.6-.8-3.4-.8-5.4v-.2c0-2,.2-3.8.8-5.4.4-1.6,1.2-3.2,2.2-4.4,1-1.2,2.2-2.2,3.4-2.8,1.4-.6,3-1,4.8-1s3.4.4,4.8,1,2.6,1.6,3.4,2.8c1,1.2,1.6,2.6,2.2,4.4.4,1.6.8,3.4.8,5.4v.2ZM177.8,54l-11.8-42h9.4l8,31.4h.2l8-31.4h9.4l-11.8,42h-11.4,0ZM235.4,46.7c1.2,0,2.4-.2,3.4-.6,1-.4,2-.8,2.8-1.6s1.4-1.6,1.8-2.8c.4-1.2.6-2.4.6-4V11.8h8.2v27.2c0,2.4-.4,4.4-1.2,6.2s-2,3.4-3.6,4.8c-1.4,1.4-3.2,2.4-5.4,3-2,.8-4.4,1-6.8,1s-4.8-.4-6.8-1c-2-.8-3.8-1.8-5.4-3-1.6-1.4-2.6-3-3.6-4.8-.8-1.8-1.2-4-1.2-6.2V11.7h8.4v26c0,1.6.2,2.8.6,4,.4,1.2,1,2,1.8,2.8s1.6,1.2,2.8,1.6c1.2.4,2.2.6,3.6.6h0ZM261.4,11.9h8.4v18.2l14.8-18.2h10.4l-14.4,16.8,15.4,25.2h-9.8l-11-18.8-5.4,6v12.8h-8.4V11.9h0ZM206.2,44.2c-3,0-5.4,2.4-5.4,5.4s2.4,5.4,5.4,5.4,5.4-2.4,5.4-5.4-2.4-5.4-5.4-5.4Z"/>
+          </svg>
+      </a>
+    </div>
+    <div class="govuk-header__content">
+      <nav aria-label="Menu" class="govuk-header__navigation govuk-header__navigation--end">
+        <button type="button" class="govuk-header__menu-button govuk-js-header-toggle" aria-controls="navigation" hidden>
+          Menu
+        </button>
+
+        <ul id="navigation" class="govuk-header__navigation-list">
+          <li class="govuk-header__navigation-item govuk-header__navigation-item--active">
+            <a class="govuk-header__link" href="#1">
+              Navigation item 1
+            </a>
+          </li>
+          <li class="govuk-header__navigation-item">
+            <a class="govuk-header__link" href="#2">
+              Navigation item 2
+            </a>
+          </li>
+          <li class="govuk-header__navigation-item">
+            <a class="govuk-header__link" href="#3">
+              Navigation item 3
+            </a>
+          </li>
+        </ul>
+      </nav>
+    </div>
+  </div>
+</header>
diff --git a/app/templates/govuk/components/header/template-full-width.html b/app/templates/govuk/components/header/template-full-width.html
new file mode 100644
index 0000000..dd6144b
--- /dev/null
+++ b/app/templates/govuk/components/header/template-full-width.html
@@ -0,0 +1,29 @@
+<header class="govuk-header" data-module="govuk-header">
+  <div class="govuk-header__container govuk-header__container--full-width">
+    <div class="govuk-header__logo">
+      <a href="/" class="govuk-header__link govuk-header__link--homepage">
+        <svg
+            focusable="false"
+            role="img"
+            xmlns="http://www.w3.org/2000/svg"
+            viewBox="0 0 296 60"
+            height="30"
+            width="148"
+            fill="currentcolor" class="govuk-header__logotype" aria-label="GOV.UK"
+          ><title>GOV.UK</title>    <g>
+                <circle cx="20" cy="17.6" r="3.7"/>
+                <circle cx="10.2" cy="23.5" r="3.7"/>
+                <circle cx="3.7" cy="33.2" r="3.7"/>
+                <circle cx="31.7" cy="30.6" r="3.7"/>
+                <circle cx="43.3" cy="17.6" r="3.7"/>
+                <circle cx="53.2" cy="23.5" r="3.7"/>
+                <circle cx="59.7" cy="33.2" r="3.7"/>
+                <circle cx="31.7" cy="30.6" r="3.7"/>
+                <path d="M33.1,9.8c.2-.1.3-.3.5-.5l4.6,2.4v-6.8l-4.6,1.5c-.1-.2-.3-.3-.5-.5l1.9-5.9h-6.7l1.9,5.9c-.2.1-.3.3-.5.5l-4.6-1.5v6.8l4.6-2.4c.1.2.3.3.5.5l-2.6,8c-.9,2.8,1.2,5.7,4.1,5.7h0c3,0,5.1-2.9,4.1-5.7l-2.6-8ZM37,37.9s-3.4,3.8-4.1,6.1c2.2,0,4.2-.5,6.4-2.8l-.7,8.5c-2-2.8-4.4-4.1-5.7-3.8.1,3.1.5,6.7,5.8,7.2,3.7.3,6.7-1.5,7-3.8.4-2.6-2-4.3-3.7-1.6-1.4-4.5,2.4-6.1,4.9-3.2-1.9-4.5-1.8-7.7,2.4-10.9,3,4,2.6,7.3-1.2,11.1,2.4-1.3,6.2,0,4,4.6-1.2-2.8-3.7-2.2-4.2.2-.3,1.7.7,3.7,3,4.2,1.9.3,4.7-.9,7-5.9-1.3,0-2.4.7-3.9,1.7l2.4-8c.6,2.3,1.4,3.7,2.2,4.5.6-1.6.5-2.8,0-5.3l5,1.8c-2.6,3.6-5.2,8.7-7.3,17.5-7.4-1.1-15.7-1.7-24.5-1.7h0c-8.8,0-17.1.6-24.5,1.7-2.1-8.9-4.7-13.9-7.3-17.5l5-1.8c-.5,2.5-.6,3.7,0,5.3.8-.8,1.6-2.3,2.2-4.5l2.4,8c-1.5-1-2.6-1.7-3.9-1.7,2.3,5,5.2,6.2,7,5.9,2.3-.4,3.3-2.4,3-4.2-.5-2.4-3-3.1-4.2-.2-2.2-4.6,1.6-6,4-4.6-3.7-3.7-4.2-7.1-1.2-11.1,4.2,3.2,4.3,6.4,2.4,10.9,2.5-2.8,6.3-1.3,4.9,3.2-1.8-2.7-4.1-1-3.7,1.6.3,2.3,3.3,4.1,7,3.8,5.4-.5,5.7-4.2,5.8-7.2-1.3-.2-3.7,1-5.7,3.8l-.7-8.5c2.2,2.3,4.2,2.7,6.4,2.8-.7-2.3-4.1-6.1-4.1-6.1h10.6,0Z"/>
+              </g>
+              <path d="M88.6,33.2c0,1.8.2,3.4.6,5s1.2,3,2,4.4c1,1.2,2,2.2,3.4,3s3,1.2,5,1.2,3.4-.2,4.6-.8,2.2-1.4,3-2.2,1.2-1.8,1.6-3c.2-1,.4-2,.4-3v-.4h-10.6v-6.4h18.8v23h-7.4v-5c-.6.8-1.2,1.6-2,2.2-.8.6-1.6,1.2-2.6,1.8-1,.4-2,.8-3.2,1.2s-2.4.4-3.6.4c-3,0-5.8-.6-8-1.6-2.4-1.2-4.4-2.6-6-4.6s-2.8-4.2-3.6-6.8c-.6-2.8-1-5.6-1-8.6s.4-5.8,1.4-8.4,2.2-4.8,4-6.8,3.8-3.4,6.2-4.6c2.4-1.2,5.2-1.6,8.2-1.6s3.8.2,5.6.6c1.8.4,3.4,1.2,4.8,2s2.8,1.8,3.8,3c1.2,1.2,2,2.6,2.8,4l-7.4,4.2c-.4-.8-1-1.8-1.6-2.4-.6-.8-1.2-1.4-2-2s-1.6-1-2.6-1.4-2.2-.4-3.4-.4c-2,0-3.6.4-5,1.2-1.4.8-2.6,1.8-3.4,3-1,1.2-1.6,2.8-2,4.4-.6,1.6-.8,3.8-.8,5.4ZM161.4,24.6c-.8-2.6-2.2-4.8-4-6.8s-3.8-3.4-6.2-4.6c-2.4-1.2-5.2-1.6-8.4-1.6s-5.8.6-8.4,1.6c-2.2,1.2-4.4,2.8-6,4.6-1.8,2-3,4.2-4,6.8-.8,2.6-1.4,5.4-1.4,8.4s.4,5.8,1.4,8.4c.8,2.6,2.2,4.8,4,6.8s3.8,3.4,6.2,4.6c2.4,1.2,5.2,1.6,8.4,1.6s5.8-.6,8.4-1.6c2.4-1.2,4.6-2.6,6.2-4.6,1.8-2,3-4.2,4-6.8.8-2.6,1.4-5.4,1.4-8.4-.2-3-.6-5.8-1.6-8.4h0ZM154,33.2c0,2-.2,3.8-.8,5.4-.4,1.6-1.2,3.2-2.2,4.4s-2.2,2.2-3.4,2.8c-1.4.6-3,1-4.8,1s-3.4-.4-4.8-1-2.6-1.6-3.4-2.8c-1-1.2-1.6-2.6-2.2-4.4-.4-1.6-.8-3.4-.8-5.4v-.2c0-2,.2-3.8.8-5.4.4-1.6,1.2-3.2,2.2-4.4,1-1.2,2.2-2.2,3.4-2.8,1.4-.6,3-1,4.8-1s3.4.4,4.8,1,2.6,1.6,3.4,2.8c1,1.2,1.6,2.6,2.2,4.4.4,1.6.8,3.4.8,5.4v.2ZM177.8,54l-11.8-42h9.4l8,31.4h.2l8-31.4h9.4l-11.8,42h-11.4,0ZM235.4,46.7c1.2,0,2.4-.2,3.4-.6,1-.4,2-.8,2.8-1.6s1.4-1.6,1.8-2.8c.4-1.2.6-2.4.6-4V11.8h8.2v27.2c0,2.4-.4,4.4-1.2,6.2s-2,3.4-3.6,4.8c-1.4,1.4-3.2,2.4-5.4,3-2,.8-4.4,1-6.8,1s-4.8-.4-6.8-1c-2-.8-3.8-1.8-5.4-3-1.6-1.4-2.6-3-3.6-4.8-.8-1.8-1.2-4-1.2-6.2V11.7h8.4v26c0,1.6.2,2.8.6,4,.4,1.2,1,2,1.8,2.8s1.6,1.2,2.8,1.6c1.2.4,2.2.6,3.6.6h0ZM261.4,11.9h8.4v18.2l14.8-18.2h10.4l-14.4,16.8,15.4,25.2h-9.8l-11-18.8-5.4,6v12.8h-8.4V11.9h0ZM206.2,44.2c-3,0-5.4,2.4-5.4,5.4s2.4,5.4,5.4,5.4,5.4-2.4,5.4-5.4-2.4-5.4-5.4-5.4Z"/>
+          </svg>
+      </a>
+    </div>
+  </div>
+</header>
diff --git a/app/templates/govuk/components/header/template-navigation-item-with-html.html b/app/templates/govuk/components/header/template-navigation-item-with-html.html
new file mode 100644
index 0000000..3c7d94b
--- /dev/null
+++ b/app/templates/govuk/components/header/template-navigation-item-with-html.html
@@ -0,0 +1,54 @@
+<header class="govuk-header" data-module="govuk-header">
+  <div class="govuk-header__container govuk-width-container">
+    <div class="govuk-header__logo">
+      <a href="/" class="govuk-header__link govuk-header__link--homepage">
+        <svg
+            focusable="false"
+            role="img"
+            xmlns="http://www.w3.org/2000/svg"
+            viewBox="0 0 296 60"
+            height="30"
+            width="148"
+            fill="currentcolor" class="govuk-header__logotype" aria-label="GOV.UK"
+          ><title>GOV.UK</title>    <g>
+                <circle cx="20" cy="17.6" r="3.7"/>
+                <circle cx="10.2" cy="23.5" r="3.7"/>
+                <circle cx="3.7" cy="33.2" r="3.7"/>
+                <circle cx="31.7" cy="30.6" r="3.7"/>
+                <circle cx="43.3" cy="17.6" r="3.7"/>
+                <circle cx="53.2" cy="23.5" r="3.7"/>
+                <circle cx="59.7" cy="33.2" r="3.7"/>
+                <circle cx="31.7" cy="30.6" r="3.7"/>
+                <path d="M33.1,9.8c.2-.1.3-.3.5-.5l4.6,2.4v-6.8l-4.6,1.5c-.1-.2-.3-.3-.5-.5l1.9-5.9h-6.7l1.9,5.9c-.2.1-.3.3-.5.5l-4.6-1.5v6.8l4.6-2.4c.1.2.3.3.5.5l-2.6,8c-.9,2.8,1.2,5.7,4.1,5.7h0c3,0,5.1-2.9,4.1-5.7l-2.6-8ZM37,37.9s-3.4,3.8-4.1,6.1c2.2,0,4.2-.5,6.4-2.8l-.7,8.5c-2-2.8-4.4-4.1-5.7-3.8.1,3.1.5,6.7,5.8,7.2,3.7.3,6.7-1.5,7-3.8.4-2.6-2-4.3-3.7-1.6-1.4-4.5,2.4-6.1,4.9-3.2-1.9-4.5-1.8-7.7,2.4-10.9,3,4,2.6,7.3-1.2,11.1,2.4-1.3,6.2,0,4,4.6-1.2-2.8-3.7-2.2-4.2.2-.3,1.7.7,3.7,3,4.2,1.9.3,4.7-.9,7-5.9-1.3,0-2.4.7-3.9,1.7l2.4-8c.6,2.3,1.4,3.7,2.2,4.5.6-1.6.5-2.8,0-5.3l5,1.8c-2.6,3.6-5.2,8.7-7.3,17.5-7.4-1.1-15.7-1.7-24.5-1.7h0c-8.8,0-17.1.6-24.5,1.7-2.1-8.9-4.7-13.9-7.3-17.5l5-1.8c-.5,2.5-.6,3.7,0,5.3.8-.8,1.6-2.3,2.2-4.5l2.4,8c-1.5-1-2.6-1.7-3.9-1.7,2.3,5,5.2,6.2,7,5.9,2.3-.4,3.3-2.4,3-4.2-.5-2.4-3-3.1-4.2-.2-2.2-4.6,1.6-6,4-4.6-3.7-3.7-4.2-7.1-1.2-11.1,4.2,3.2,4.3,6.4,2.4,10.9,2.5-2.8,6.3-1.3,4.9,3.2-1.8-2.7-4.1-1-3.7,1.6.3,2.3,3.3,4.1,7,3.8,5.4-.5,5.7-4.2,5.8-7.2-1.3-.2-3.7,1-5.7,3.8l-.7-8.5c2.2,2.3,4.2,2.7,6.4,2.8-.7-2.3-4.1-6.1-4.1-6.1h10.6,0Z"/>
+              </g>
+              <path d="M88.6,33.2c0,1.8.2,3.4.6,5s1.2,3,2,4.4c1,1.2,2,2.2,3.4,3s3,1.2,5,1.2,3.4-.2,4.6-.8,2.2-1.4,3-2.2,1.2-1.8,1.6-3c.2-1,.4-2,.4-3v-.4h-10.6v-6.4h18.8v23h-7.4v-5c-.6.8-1.2,1.6-2,2.2-.8.6-1.6,1.2-2.6,1.8-1,.4-2,.8-3.2,1.2s-2.4.4-3.6.4c-3,0-5.8-.6-8-1.6-2.4-1.2-4.4-2.6-6-4.6s-2.8-4.2-3.6-6.8c-.6-2.8-1-5.6-1-8.6s.4-5.8,1.4-8.4,2.2-4.8,4-6.8,3.8-3.4,6.2-4.6c2.4-1.2,5.2-1.6,8.2-1.6s3.8.2,5.6.6c1.8.4,3.4,1.2,4.8,2s2.8,1.8,3.8,3c1.2,1.2,2,2.6,2.8,4l-7.4,4.2c-.4-.8-1-1.8-1.6-2.4-.6-.8-1.2-1.4-2-2s-1.6-1-2.6-1.4-2.2-.4-3.4-.4c-2,0-3.6.4-5,1.2-1.4.8-2.6,1.8-3.4,3-1,1.2-1.6,2.8-2,4.4-.6,1.6-.8,3.8-.8,5.4ZM161.4,24.6c-.8-2.6-2.2-4.8-4-6.8s-3.8-3.4-6.2-4.6c-2.4-1.2-5.2-1.6-8.4-1.6s-5.8.6-8.4,1.6c-2.2,1.2-4.4,2.8-6,4.6-1.8,2-3,4.2-4,6.8-.8,2.6-1.4,5.4-1.4,8.4s.4,5.8,1.4,8.4c.8,2.6,2.2,4.8,4,6.8s3.8,3.4,6.2,4.6c2.4,1.2,5.2,1.6,8.4,1.6s5.8-.6,8.4-1.6c2.4-1.2,4.6-2.6,6.2-4.6,1.8-2,3-4.2,4-6.8.8-2.6,1.4-5.4,1.4-8.4-.2-3-.6-5.8-1.6-8.4h0ZM154,33.2c0,2-.2,3.8-.8,5.4-.4,1.6-1.2,3.2-2.2,4.4s-2.2,2.2-3.4,2.8c-1.4.6-3,1-4.8,1s-3.4-.4-4.8-1-2.6-1.6-3.4-2.8c-1-1.2-1.6-2.6-2.2-4.4-.4-1.6-.8-3.4-.8-5.4v-.2c0-2,.2-3.8.8-5.4.4-1.6,1.2-3.2,2.2-4.4,1-1.2,2.2-2.2,3.4-2.8,1.4-.6,3-1,4.8-1s3.4.4,4.8,1,2.6,1.6,3.4,2.8c1,1.2,1.6,2.6,2.2,4.4.4,1.6.8,3.4.8,5.4v.2ZM177.8,54l-11.8-42h9.4l8,31.4h.2l8-31.4h9.4l-11.8,42h-11.4,0ZM235.4,46.7c1.2,0,2.4-.2,3.4-.6,1-.4,2-.8,2.8-1.6s1.4-1.6,1.8-2.8c.4-1.2.6-2.4.6-4V11.8h8.2v27.2c0,2.4-.4,4.4-1.2,6.2s-2,3.4-3.6,4.8c-1.4,1.4-3.2,2.4-5.4,3-2,.8-4.4,1-6.8,1s-4.8-.4-6.8-1c-2-.8-3.8-1.8-5.4-3-1.6-1.4-2.6-3-3.6-4.8-.8-1.8-1.2-4-1.2-6.2V11.7h8.4v26c0,1.6.2,2.8.6,4,.4,1.2,1,2,1.8,2.8s1.6,1.2,2.8,1.6c1.2.4,2.2.6,3.6.6h0ZM261.4,11.9h8.4v18.2l14.8-18.2h10.4l-14.4,16.8,15.4,25.2h-9.8l-11-18.8-5.4,6v12.8h-8.4V11.9h0ZM206.2,44.2c-3,0-5.4,2.4-5.4,5.4s2.4,5.4,5.4,5.4,5.4-2.4,5.4-5.4-2.4-5.4-5.4-5.4Z"/>
+          </svg>
+      </a>
+    </div>
+    <div class="govuk-header__content">
+      <nav aria-label="Menu" class="govuk-header__navigation">
+        <button type="button" class="govuk-header__menu-button govuk-js-header-toggle" aria-controls="navigation" hidden>
+          Menu
+        </button>
+
+        <ul id="navigation" class="govuk-header__navigation-list">
+          <li class="govuk-header__navigation-item govuk-header__navigation-item--active">
+            <a class="govuk-header__link" href="#1">
+              <em>Navigation item 1</em>
+            </a>
+          </li>
+          <li class="govuk-header__navigation-item">
+            <a class="govuk-header__link" href="#2">
+              <em>Navigation item 2</em>
+            </a>
+          </li>
+          <li class="govuk-header__navigation-item">
+            <a class="govuk-header__link" href="#3">
+              <em>Navigation item 3</em>
+            </a>
+          </li>
+        </ul>
+      </nav>
+    </div>
+  </div>
+</header>
diff --git a/app/templates/govuk/components/header/template-navigation-item-with-text-without-link.html b/app/templates/govuk/components/header/template-navigation-item-with-text-without-link.html
new file mode 100644
index 0000000..ee10f0a
--- /dev/null
+++ b/app/templates/govuk/components/header/template-navigation-item-with-text-without-link.html
@@ -0,0 +1,48 @@
+<header class="govuk-header" data-module="govuk-header">
+  <div class="govuk-header__container govuk-width-container">
+    <div class="govuk-header__logo">
+      <a href="/" class="govuk-header__link govuk-header__link--homepage">
+        <svg
+            focusable="false"
+            role="img"
+            xmlns="http://www.w3.org/2000/svg"
+            viewBox="0 0 296 60"
+            height="30"
+            width="148"
+            fill="currentcolor" class="govuk-header__logotype" aria-label="GOV.UK"
+          ><title>GOV.UK</title>    <g>
+                <circle cx="20" cy="17.6" r="3.7"/>
+                <circle cx="10.2" cy="23.5" r="3.7"/>
+                <circle cx="3.7" cy="33.2" r="3.7"/>
+                <circle cx="31.7" cy="30.6" r="3.7"/>
+                <circle cx="43.3" cy="17.6" r="3.7"/>
+                <circle cx="53.2" cy="23.5" r="3.7"/>
+                <circle cx="59.7" cy="33.2" r="3.7"/>
+                <circle cx="31.7" cy="30.6" r="3.7"/>
+                <path d="M33.1,9.8c.2-.1.3-.3.5-.5l4.6,2.4v-6.8l-4.6,1.5c-.1-.2-.3-.3-.5-.5l1.9-5.9h-6.7l1.9,5.9c-.2.1-.3.3-.5.5l-4.6-1.5v6.8l4.6-2.4c.1.2.3.3.5.5l-2.6,8c-.9,2.8,1.2,5.7,4.1,5.7h0c3,0,5.1-2.9,4.1-5.7l-2.6-8ZM37,37.9s-3.4,3.8-4.1,6.1c2.2,0,4.2-.5,6.4-2.8l-.7,8.5c-2-2.8-4.4-4.1-5.7-3.8.1,3.1.5,6.7,5.8,7.2,3.7.3,6.7-1.5,7-3.8.4-2.6-2-4.3-3.7-1.6-1.4-4.5,2.4-6.1,4.9-3.2-1.9-4.5-1.8-7.7,2.4-10.9,3,4,2.6,7.3-1.2,11.1,2.4-1.3,6.2,0,4,4.6-1.2-2.8-3.7-2.2-4.2.2-.3,1.7.7,3.7,3,4.2,1.9.3,4.7-.9,7-5.9-1.3,0-2.4.7-3.9,1.7l2.4-8c.6,2.3,1.4,3.7,2.2,4.5.6-1.6.5-2.8,0-5.3l5,1.8c-2.6,3.6-5.2,8.7-7.3,17.5-7.4-1.1-15.7-1.7-24.5-1.7h0c-8.8,0-17.1.6-24.5,1.7-2.1-8.9-4.7-13.9-7.3-17.5l5-1.8c-.5,2.5-.6,3.7,0,5.3.8-.8,1.6-2.3,2.2-4.5l2.4,8c-1.5-1-2.6-1.7-3.9-1.7,2.3,5,5.2,6.2,7,5.9,2.3-.4,3.3-2.4,3-4.2-.5-2.4-3-3.1-4.2-.2-2.2-4.6,1.6-6,4-4.6-3.7-3.7-4.2-7.1-1.2-11.1,4.2,3.2,4.3,6.4,2.4,10.9,2.5-2.8,6.3-1.3,4.9,3.2-1.8-2.7-4.1-1-3.7,1.6.3,2.3,3.3,4.1,7,3.8,5.4-.5,5.7-4.2,5.8-7.2-1.3-.2-3.7,1-5.7,3.8l-.7-8.5c2.2,2.3,4.2,2.7,6.4,2.8-.7-2.3-4.1-6.1-4.1-6.1h10.6,0Z"/>
+              </g>
+              <path d="M88.6,33.2c0,1.8.2,3.4.6,5s1.2,3,2,4.4c1,1.2,2,2.2,3.4,3s3,1.2,5,1.2,3.4-.2,4.6-.8,2.2-1.4,3-2.2,1.2-1.8,1.6-3c.2-1,.4-2,.4-3v-.4h-10.6v-6.4h18.8v23h-7.4v-5c-.6.8-1.2,1.6-2,2.2-.8.6-1.6,1.2-2.6,1.8-1,.4-2,.8-3.2,1.2s-2.4.4-3.6.4c-3,0-5.8-.6-8-1.6-2.4-1.2-4.4-2.6-6-4.6s-2.8-4.2-3.6-6.8c-.6-2.8-1-5.6-1-8.6s.4-5.8,1.4-8.4,2.2-4.8,4-6.8,3.8-3.4,6.2-4.6c2.4-1.2,5.2-1.6,8.2-1.6s3.8.2,5.6.6c1.8.4,3.4,1.2,4.8,2s2.8,1.8,3.8,3c1.2,1.2,2,2.6,2.8,4l-7.4,4.2c-.4-.8-1-1.8-1.6-2.4-.6-.8-1.2-1.4-2-2s-1.6-1-2.6-1.4-2.2-.4-3.4-.4c-2,0-3.6.4-5,1.2-1.4.8-2.6,1.8-3.4,3-1,1.2-1.6,2.8-2,4.4-.6,1.6-.8,3.8-.8,5.4ZM161.4,24.6c-.8-2.6-2.2-4.8-4-6.8s-3.8-3.4-6.2-4.6c-2.4-1.2-5.2-1.6-8.4-1.6s-5.8.6-8.4,1.6c-2.2,1.2-4.4,2.8-6,4.6-1.8,2-3,4.2-4,6.8-.8,2.6-1.4,5.4-1.4,8.4s.4,5.8,1.4,8.4c.8,2.6,2.2,4.8,4,6.8s3.8,3.4,6.2,4.6c2.4,1.2,5.2,1.6,8.4,1.6s5.8-.6,8.4-1.6c2.4-1.2,4.6-2.6,6.2-4.6,1.8-2,3-4.2,4-6.8.8-2.6,1.4-5.4,1.4-8.4-.2-3-.6-5.8-1.6-8.4h0ZM154,33.2c0,2-.2,3.8-.8,5.4-.4,1.6-1.2,3.2-2.2,4.4s-2.2,2.2-3.4,2.8c-1.4.6-3,1-4.8,1s-3.4-.4-4.8-1-2.6-1.6-3.4-2.8c-1-1.2-1.6-2.6-2.2-4.4-.4-1.6-.8-3.4-.8-5.4v-.2c0-2,.2-3.8.8-5.4.4-1.6,1.2-3.2,2.2-4.4,1-1.2,2.2-2.2,3.4-2.8,1.4-.6,3-1,4.8-1s3.4.4,4.8,1,2.6,1.6,3.4,2.8c1,1.2,1.6,2.6,2.2,4.4.4,1.6.8,3.4.8,5.4v.2ZM177.8,54l-11.8-42h9.4l8,31.4h.2l8-31.4h9.4l-11.8,42h-11.4,0ZM235.4,46.7c1.2,0,2.4-.2,3.4-.6,1-.4,2-.8,2.8-1.6s1.4-1.6,1.8-2.8c.4-1.2.6-2.4.6-4V11.8h8.2v27.2c0,2.4-.4,4.4-1.2,6.2s-2,3.4-3.6,4.8c-1.4,1.4-3.2,2.4-5.4,3-2,.8-4.4,1-6.8,1s-4.8-.4-6.8-1c-2-.8-3.8-1.8-5.4-3-1.6-1.4-2.6-3-3.6-4.8-.8-1.8-1.2-4-1.2-6.2V11.7h8.4v26c0,1.6.2,2.8.6,4,.4,1.2,1,2,1.8,2.8s1.6,1.2,2.8,1.6c1.2.4,2.2.6,3.6.6h0ZM261.4,11.9h8.4v18.2l14.8-18.2h10.4l-14.4,16.8,15.4,25.2h-9.8l-11-18.8-5.4,6v12.8h-8.4V11.9h0ZM206.2,44.2c-3,0-5.4,2.4-5.4,5.4s2.4,5.4,5.4,5.4,5.4-2.4,5.4-5.4-2.4-5.4-5.4-5.4Z"/>
+          </svg>
+      </a>
+    </div>
+    <div class="govuk-header__content">
+      <nav aria-label="Menu" class="govuk-header__navigation">
+        <button type="button" class="govuk-header__menu-button govuk-js-header-toggle" aria-controls="navigation" hidden>
+          Menu
+        </button>
+
+        <ul id="navigation" class="govuk-header__navigation-list">
+          <li class="govuk-header__navigation-item">
+              Navigation item 1
+          </li>
+          <li class="govuk-header__navigation-item">
+              Navigation item 2
+          </li>
+          <li class="govuk-header__navigation-item">
+              Navigation item 3
+          </li>
+        </ul>
+      </nav>
+    </div>
+  </div>
+</header>
diff --git a/app/templates/govuk/components/header/template-with-custom-menu-button-text.html b/app/templates/govuk/components/header/template-with-custom-menu-button-text.html
new file mode 100644
index 0000000..5419b6b
--- /dev/null
+++ b/app/templates/govuk/components/header/template-with-custom-menu-button-text.html
@@ -0,0 +1,59 @@
+<header class="govuk-header" data-module="govuk-header">
+  <div class="govuk-header__container govuk-width-container">
+    <div class="govuk-header__logo">
+      <a href="/" class="govuk-header__link govuk-header__link--homepage">
+        <svg
+            focusable="false"
+            role="img"
+            xmlns="http://www.w3.org/2000/svg"
+            viewBox="0 0 296 60"
+            height="30"
+            width="148"
+            fill="currentcolor" class="govuk-header__logotype" aria-label="GOV.UK"
+          ><title>GOV.UK</title>    <g>
+                <circle cx="20" cy="17.6" r="3.7"/>
+                <circle cx="10.2" cy="23.5" r="3.7"/>
+                <circle cx="3.7" cy="33.2" r="3.7"/>
+                <circle cx="31.7" cy="30.6" r="3.7"/>
+                <circle cx="43.3" cy="17.6" r="3.7"/>
+                <circle cx="53.2" cy="23.5" r="3.7"/>
+                <circle cx="59.7" cy="33.2" r="3.7"/>
+                <circle cx="31.7" cy="30.6" r="3.7"/>
+                <path d="M33.1,9.8c.2-.1.3-.3.5-.5l4.6,2.4v-6.8l-4.6,1.5c-.1-.2-.3-.3-.5-.5l1.9-5.9h-6.7l1.9,5.9c-.2.1-.3.3-.5.5l-4.6-1.5v6.8l4.6-2.4c.1.2.3.3.5.5l-2.6,8c-.9,2.8,1.2,5.7,4.1,5.7h0c3,0,5.1-2.9,4.1-5.7l-2.6-8ZM37,37.9s-3.4,3.8-4.1,6.1c2.2,0,4.2-.5,6.4-2.8l-.7,8.5c-2-2.8-4.4-4.1-5.7-3.8.1,3.1.5,6.7,5.8,7.2,3.7.3,6.7-1.5,7-3.8.4-2.6-2-4.3-3.7-1.6-1.4-4.5,2.4-6.1,4.9-3.2-1.9-4.5-1.8-7.7,2.4-10.9,3,4,2.6,7.3-1.2,11.1,2.4-1.3,6.2,0,4,4.6-1.2-2.8-3.7-2.2-4.2.2-.3,1.7.7,3.7,3,4.2,1.9.3,4.7-.9,7-5.9-1.3,0-2.4.7-3.9,1.7l2.4-8c.6,2.3,1.4,3.7,2.2,4.5.6-1.6.5-2.8,0-5.3l5,1.8c-2.6,3.6-5.2,8.7-7.3,17.5-7.4-1.1-15.7-1.7-24.5-1.7h0c-8.8,0-17.1.6-24.5,1.7-2.1-8.9-4.7-13.9-7.3-17.5l5-1.8c-.5,2.5-.6,3.7,0,5.3.8-.8,1.6-2.3,2.2-4.5l2.4,8c-1.5-1-2.6-1.7-3.9-1.7,2.3,5,5.2,6.2,7,5.9,2.3-.4,3.3-2.4,3-4.2-.5-2.4-3-3.1-4.2-.2-2.2-4.6,1.6-6,4-4.6-3.7-3.7-4.2-7.1-1.2-11.1,4.2,3.2,4.3,6.4,2.4,10.9,2.5-2.8,6.3-1.3,4.9,3.2-1.8-2.7-4.1-1-3.7,1.6.3,2.3,3.3,4.1,7,3.8,5.4-.5,5.7-4.2,5.8-7.2-1.3-.2-3.7,1-5.7,3.8l-.7-8.5c2.2,2.3,4.2,2.7,6.4,2.8-.7-2.3-4.1-6.1-4.1-6.1h10.6,0Z"/>
+              </g>
+              <path d="M88.6,33.2c0,1.8.2,3.4.6,5s1.2,3,2,4.4c1,1.2,2,2.2,3.4,3s3,1.2,5,1.2,3.4-.2,4.6-.8,2.2-1.4,3-2.2,1.2-1.8,1.6-3c.2-1,.4-2,.4-3v-.4h-10.6v-6.4h18.8v23h-7.4v-5c-.6.8-1.2,1.6-2,2.2-.8.6-1.6,1.2-2.6,1.8-1,.4-2,.8-3.2,1.2s-2.4.4-3.6.4c-3,0-5.8-.6-8-1.6-2.4-1.2-4.4-2.6-6-4.6s-2.8-4.2-3.6-6.8c-.6-2.8-1-5.6-1-8.6s.4-5.8,1.4-8.4,2.2-4.8,4-6.8,3.8-3.4,6.2-4.6c2.4-1.2,5.2-1.6,8.2-1.6s3.8.2,5.6.6c1.8.4,3.4,1.2,4.8,2s2.8,1.8,3.8,3c1.2,1.2,2,2.6,2.8,4l-7.4,4.2c-.4-.8-1-1.8-1.6-2.4-.6-.8-1.2-1.4-2-2s-1.6-1-2.6-1.4-2.2-.4-3.4-.4c-2,0-3.6.4-5,1.2-1.4.8-2.6,1.8-3.4,3-1,1.2-1.6,2.8-2,4.4-.6,1.6-.8,3.8-.8,5.4ZM161.4,24.6c-.8-2.6-2.2-4.8-4-6.8s-3.8-3.4-6.2-4.6c-2.4-1.2-5.2-1.6-8.4-1.6s-5.8.6-8.4,1.6c-2.2,1.2-4.4,2.8-6,4.6-1.8,2-3,4.2-4,6.8-.8,2.6-1.4,5.4-1.4,8.4s.4,5.8,1.4,8.4c.8,2.6,2.2,4.8,4,6.8s3.8,3.4,6.2,4.6c2.4,1.2,5.2,1.6,8.4,1.6s5.8-.6,8.4-1.6c2.4-1.2,4.6-2.6,6.2-4.6,1.8-2,3-4.2,4-6.8.8-2.6,1.4-5.4,1.4-8.4-.2-3-.6-5.8-1.6-8.4h0ZM154,33.2c0,2-.2,3.8-.8,5.4-.4,1.6-1.2,3.2-2.2,4.4s-2.2,2.2-3.4,2.8c-1.4.6-3,1-4.8,1s-3.4-.4-4.8-1-2.6-1.6-3.4-2.8c-1-1.2-1.6-2.6-2.2-4.4-.4-1.6-.8-3.4-.8-5.4v-.2c0-2,.2-3.8.8-5.4.4-1.6,1.2-3.2,2.2-4.4,1-1.2,2.2-2.2,3.4-2.8,1.4-.6,3-1,4.8-1s3.4.4,4.8,1,2.6,1.6,3.4,2.8c1,1.2,1.6,2.6,2.2,4.4.4,1.6.8,3.4.8,5.4v.2ZM177.8,54l-11.8-42h9.4l8,31.4h.2l8-31.4h9.4l-11.8,42h-11.4,0ZM235.4,46.7c1.2,0,2.4-.2,3.4-.6,1-.4,2-.8,2.8-1.6s1.4-1.6,1.8-2.8c.4-1.2.6-2.4.6-4V11.8h8.2v27.2c0,2.4-.4,4.4-1.2,6.2s-2,3.4-3.6,4.8c-1.4,1.4-3.2,2.4-5.4,3-2,.8-4.4,1-6.8,1s-4.8-.4-6.8-1c-2-.8-3.8-1.8-5.4-3-1.6-1.4-2.6-3-3.6-4.8-.8-1.8-1.2-4-1.2-6.2V11.7h8.4v26c0,1.6.2,2.8.6,4,.4,1.2,1,2,1.8,2.8s1.6,1.2,2.8,1.6c1.2.4,2.2.6,3.6.6h0ZM261.4,11.9h8.4v18.2l14.8-18.2h10.4l-14.4,16.8,15.4,25.2h-9.8l-11-18.8-5.4,6v12.8h-8.4V11.9h0ZM206.2,44.2c-3,0-5.4,2.4-5.4,5.4s2.4,5.4,5.4,5.4,5.4-2.4,5.4-5.4-2.4-5.4-5.4-5.4Z"/>
+          </svg>
+      </a>
+    </div>
+    <div class="govuk-header__content">
+      <nav aria-label="Dewislen" class="govuk-header__navigation">
+        <button type="button" class="govuk-header__menu-button govuk-js-header-toggle" aria-controls="navigation" hidden>
+          Dewislen
+        </button>
+
+        <ul id="navigation" class="govuk-header__navigation-list">
+          <li class="govuk-header__navigation-item govuk-header__navigation-item--active">
+            <a class="govuk-header__link" href="#1">
+              Eitem llywio 1
+            </a>
+          </li>
+          <li class="govuk-header__navigation-item">
+            <a class="govuk-header__link" href="#2">
+              Eitem llywio 2
+            </a>
+          </li>
+          <li class="govuk-header__navigation-item">
+            <a class="govuk-header__link" href="#3">
+              Eitem llywio 3
+            </a>
+          </li>
+          <li class="govuk-header__navigation-item">
+            <a class="govuk-header__link" href="#4">
+              Eitem llywio 4
+            </a>
+          </li>
+        </ul>
+      </nav>
+    </div>
+  </div>
+</header>
diff --git a/app/templates/govuk/components/header/template-with-full-width-border.html b/app/templates/govuk/components/header/template-with-full-width-border.html
new file mode 100644
index 0000000..36459b8
--- /dev/null
+++ b/app/templates/govuk/components/header/template-with-full-width-border.html
@@ -0,0 +1,29 @@
+<header class="govuk-header govuk-header--full-width-border" data-module="govuk-header">
+  <div class="govuk-header__container govuk-width-container">
+    <div class="govuk-header__logo">
+      <a href="/" class="govuk-header__link govuk-header__link--homepage">
+        <svg
+            focusable="false"
+            role="img"
+            xmlns="http://www.w3.org/2000/svg"
+            viewBox="0 0 296 60"
+            height="30"
+            width="148"
+            fill="currentcolor" class="govuk-header__logotype" aria-label="GOV.UK"
+          ><title>GOV.UK</title>    <g>
+                <circle cx="20" cy="17.6" r="3.7"/>
+                <circle cx="10.2" cy="23.5" r="3.7"/>
+                <circle cx="3.7" cy="33.2" r="3.7"/>
+                <circle cx="31.7" cy="30.6" r="3.7"/>
+                <circle cx="43.3" cy="17.6" r="3.7"/>
+                <circle cx="53.2" cy="23.5" r="3.7"/>
+                <circle cx="59.7" cy="33.2" r="3.7"/>
+                <circle cx="31.7" cy="30.6" r="3.7"/>
+                <path d="M33.1,9.8c.2-.1.3-.3.5-.5l4.6,2.4v-6.8l-4.6,1.5c-.1-.2-.3-.3-.5-.5l1.9-5.9h-6.7l1.9,5.9c-.2.1-.3.3-.5.5l-4.6-1.5v6.8l4.6-2.4c.1.2.3.3.5.5l-2.6,8c-.9,2.8,1.2,5.7,4.1,5.7h0c3,0,5.1-2.9,4.1-5.7l-2.6-8ZM37,37.9s-3.4,3.8-4.1,6.1c2.2,0,4.2-.5,6.4-2.8l-.7,8.5c-2-2.8-4.4-4.1-5.7-3.8.1,3.1.5,6.7,5.8,7.2,3.7.3,6.7-1.5,7-3.8.4-2.6-2-4.3-3.7-1.6-1.4-4.5,2.4-6.1,4.9-3.2-1.9-4.5-1.8-7.7,2.4-10.9,3,4,2.6,7.3-1.2,11.1,2.4-1.3,6.2,0,4,4.6-1.2-2.8-3.7-2.2-4.2.2-.3,1.7.7,3.7,3,4.2,1.9.3,4.7-.9,7-5.9-1.3,0-2.4.7-3.9,1.7l2.4-8c.6,2.3,1.4,3.7,2.2,4.5.6-1.6.5-2.8,0-5.3l5,1.8c-2.6,3.6-5.2,8.7-7.3,17.5-7.4-1.1-15.7-1.7-24.5-1.7h0c-8.8,0-17.1.6-24.5,1.7-2.1-8.9-4.7-13.9-7.3-17.5l5-1.8c-.5,2.5-.6,3.7,0,5.3.8-.8,1.6-2.3,2.2-4.5l2.4,8c-1.5-1-2.6-1.7-3.9-1.7,2.3,5,5.2,6.2,7,5.9,2.3-.4,3.3-2.4,3-4.2-.5-2.4-3-3.1-4.2-.2-2.2-4.6,1.6-6,4-4.6-3.7-3.7-4.2-7.1-1.2-11.1,4.2,3.2,4.3,6.4,2.4,10.9,2.5-2.8,6.3-1.3,4.9,3.2-1.8-2.7-4.1-1-3.7,1.6.3,2.3,3.3,4.1,7,3.8,5.4-.5,5.7-4.2,5.8-7.2-1.3-.2-3.7,1-5.7,3.8l-.7-8.5c2.2,2.3,4.2,2.7,6.4,2.8-.7-2.3-4.1-6.1-4.1-6.1h10.6,0Z"/>
+              </g>
+              <path d="M88.6,33.2c0,1.8.2,3.4.6,5s1.2,3,2,4.4c1,1.2,2,2.2,3.4,3s3,1.2,5,1.2,3.4-.2,4.6-.8,2.2-1.4,3-2.2,1.2-1.8,1.6-3c.2-1,.4-2,.4-3v-.4h-10.6v-6.4h18.8v23h-7.4v-5c-.6.8-1.2,1.6-2,2.2-.8.6-1.6,1.2-2.6,1.8-1,.4-2,.8-3.2,1.2s-2.4.4-3.6.4c-3,0-5.8-.6-8-1.6-2.4-1.2-4.4-2.6-6-4.6s-2.8-4.2-3.6-6.8c-.6-2.8-1-5.6-1-8.6s.4-5.8,1.4-8.4,2.2-4.8,4-6.8,3.8-3.4,6.2-4.6c2.4-1.2,5.2-1.6,8.2-1.6s3.8.2,5.6.6c1.8.4,3.4,1.2,4.8,2s2.8,1.8,3.8,3c1.2,1.2,2,2.6,2.8,4l-7.4,4.2c-.4-.8-1-1.8-1.6-2.4-.6-.8-1.2-1.4-2-2s-1.6-1-2.6-1.4-2.2-.4-3.4-.4c-2,0-3.6.4-5,1.2-1.4.8-2.6,1.8-3.4,3-1,1.2-1.6,2.8-2,4.4-.6,1.6-.8,3.8-.8,5.4ZM161.4,24.6c-.8-2.6-2.2-4.8-4-6.8s-3.8-3.4-6.2-4.6c-2.4-1.2-5.2-1.6-8.4-1.6s-5.8.6-8.4,1.6c-2.2,1.2-4.4,2.8-6,4.6-1.8,2-3,4.2-4,6.8-.8,2.6-1.4,5.4-1.4,8.4s.4,5.8,1.4,8.4c.8,2.6,2.2,4.8,4,6.8s3.8,3.4,6.2,4.6c2.4,1.2,5.2,1.6,8.4,1.6s5.8-.6,8.4-1.6c2.4-1.2,4.6-2.6,6.2-4.6,1.8-2,3-4.2,4-6.8.8-2.6,1.4-5.4,1.4-8.4-.2-3-.6-5.8-1.6-8.4h0ZM154,33.2c0,2-.2,3.8-.8,5.4-.4,1.6-1.2,3.2-2.2,4.4s-2.2,2.2-3.4,2.8c-1.4.6-3,1-4.8,1s-3.4-.4-4.8-1-2.6-1.6-3.4-2.8c-1-1.2-1.6-2.6-2.2-4.4-.4-1.6-.8-3.4-.8-5.4v-.2c0-2,.2-3.8.8-5.4.4-1.6,1.2-3.2,2.2-4.4,1-1.2,2.2-2.2,3.4-2.8,1.4-.6,3-1,4.8-1s3.4.4,4.8,1,2.6,1.6,3.4,2.8c1,1.2,1.6,2.6,2.2,4.4.4,1.6.8,3.4.8,5.4v.2ZM177.8,54l-11.8-42h9.4l8,31.4h.2l8-31.4h9.4l-11.8,42h-11.4,0ZM235.4,46.7c1.2,0,2.4-.2,3.4-.6,1-.4,2-.8,2.8-1.6s1.4-1.6,1.8-2.8c.4-1.2.6-2.4.6-4V11.8h8.2v27.2c0,2.4-.4,4.4-1.2,6.2s-2,3.4-3.6,4.8c-1.4,1.4-3.2,2.4-5.4,3-2,.8-4.4,1-6.8,1s-4.8-.4-6.8-1c-2-.8-3.8-1.8-5.4-3-1.6-1.4-2.6-3-3.6-4.8-.8-1.8-1.2-4-1.2-6.2V11.7h8.4v26c0,1.6.2,2.8.6,4,.4,1.2,1,2,1.8,2.8s1.6,1.2,2.8,1.6c1.2.4,2.2.6,3.6.6h0ZM261.4,11.9h8.4v18.2l14.8-18.2h10.4l-14.4,16.8,15.4,25.2h-9.8l-11-18.8-5.4,6v12.8h-8.4V11.9h0ZM206.2,44.2c-3,0-5.4,2.4-5.4,5.4s2.4,5.4,5.4,5.4,5.4-2.4,5.4-5.4-2.4-5.4-5.4-5.4Z"/>
+          </svg>
+      </a>
+    </div>
+  </div>
+</header>
diff --git a/app/templates/govuk/components/header/template-with-large-navigation.html b/app/templates/govuk/components/header/template-with-large-navigation.html
new file mode 100644
index 0000000..3e0b5b1
--- /dev/null
+++ b/app/templates/govuk/components/header/template-with-large-navigation.html
@@ -0,0 +1,119 @@
+<header class="govuk-header" data-module="govuk-header">
+  <div class="govuk-header__container govuk-width-container">
+    <div class="govuk-header__logo">
+      <a href="/" class="govuk-header__link govuk-header__link--homepage">
+        <svg
+            focusable="false"
+            role="img"
+            xmlns="http://www.w3.org/2000/svg"
+            viewBox="0 0 296 60"
+            height="30"
+            width="148"
+            fill="currentcolor" class="govuk-header__logotype" aria-label="GOV.UK"
+          ><title>GOV.UK</title>    <g>
+                <circle cx="20" cy="17.6" r="3.7"/>
+                <circle cx="10.2" cy="23.5" r="3.7"/>
+                <circle cx="3.7" cy="33.2" r="3.7"/>
+                <circle cx="31.7" cy="30.6" r="3.7"/>
+                <circle cx="43.3" cy="17.6" r="3.7"/>
+                <circle cx="53.2" cy="23.5" r="3.7"/>
+                <circle cx="59.7" cy="33.2" r="3.7"/>
+                <circle cx="31.7" cy="30.6" r="3.7"/>
+                <path d="M33.1,9.8c.2-.1.3-.3.5-.5l4.6,2.4v-6.8l-4.6,1.5c-.1-.2-.3-.3-.5-.5l1.9-5.9h-6.7l1.9,5.9c-.2.1-.3.3-.5.5l-4.6-1.5v6.8l4.6-2.4c.1.2.3.3.5.5l-2.6,8c-.9,2.8,1.2,5.7,4.1,5.7h0c3,0,5.1-2.9,4.1-5.7l-2.6-8ZM37,37.9s-3.4,3.8-4.1,6.1c2.2,0,4.2-.5,6.4-2.8l-.7,8.5c-2-2.8-4.4-4.1-5.7-3.8.1,3.1.5,6.7,5.8,7.2,3.7.3,6.7-1.5,7-3.8.4-2.6-2-4.3-3.7-1.6-1.4-4.5,2.4-6.1,4.9-3.2-1.9-4.5-1.8-7.7,2.4-10.9,3,4,2.6,7.3-1.2,11.1,2.4-1.3,6.2,0,4,4.6-1.2-2.8-3.7-2.2-4.2.2-.3,1.7.7,3.7,3,4.2,1.9.3,4.7-.9,7-5.9-1.3,0-2.4.7-3.9,1.7l2.4-8c.6,2.3,1.4,3.7,2.2,4.5.6-1.6.5-2.8,0-5.3l5,1.8c-2.6,3.6-5.2,8.7-7.3,17.5-7.4-1.1-15.7-1.7-24.5-1.7h0c-8.8,0-17.1.6-24.5,1.7-2.1-8.9-4.7-13.9-7.3-17.5l5-1.8c-.5,2.5-.6,3.7,0,5.3.8-.8,1.6-2.3,2.2-4.5l2.4,8c-1.5-1-2.6-1.7-3.9-1.7,2.3,5,5.2,6.2,7,5.9,2.3-.4,3.3-2.4,3-4.2-.5-2.4-3-3.1-4.2-.2-2.2-4.6,1.6-6,4-4.6-3.7-3.7-4.2-7.1-1.2-11.1,4.2,3.2,4.3,6.4,2.4,10.9,2.5-2.8,6.3-1.3,4.9,3.2-1.8-2.7-4.1-1-3.7,1.6.3,2.3,3.3,4.1,7,3.8,5.4-.5,5.7-4.2,5.8-7.2-1.3-.2-3.7,1-5.7,3.8l-.7-8.5c2.2,2.3,4.2,2.7,6.4,2.8-.7-2.3-4.1-6.1-4.1-6.1h10.6,0Z"/>
+              </g>
+              <path d="M88.6,33.2c0,1.8.2,3.4.6,5s1.2,3,2,4.4c1,1.2,2,2.2,3.4,3s3,1.2,5,1.2,3.4-.2,4.6-.8,2.2-1.4,3-2.2,1.2-1.8,1.6-3c.2-1,.4-2,.4-3v-.4h-10.6v-6.4h18.8v23h-7.4v-5c-.6.8-1.2,1.6-2,2.2-.8.6-1.6,1.2-2.6,1.8-1,.4-2,.8-3.2,1.2s-2.4.4-3.6.4c-3,0-5.8-.6-8-1.6-2.4-1.2-4.4-2.6-6-4.6s-2.8-4.2-3.6-6.8c-.6-2.8-1-5.6-1-8.6s.4-5.8,1.4-8.4,2.2-4.8,4-6.8,3.8-3.4,6.2-4.6c2.4-1.2,5.2-1.6,8.2-1.6s3.8.2,5.6.6c1.8.4,3.4,1.2,4.8,2s2.8,1.8,3.8,3c1.2,1.2,2,2.6,2.8,4l-7.4,4.2c-.4-.8-1-1.8-1.6-2.4-.6-.8-1.2-1.4-2-2s-1.6-1-2.6-1.4-2.2-.4-3.4-.4c-2,0-3.6.4-5,1.2-1.4.8-2.6,1.8-3.4,3-1,1.2-1.6,2.8-2,4.4-.6,1.6-.8,3.8-.8,5.4ZM161.4,24.6c-.8-2.6-2.2-4.8-4-6.8s-3.8-3.4-6.2-4.6c-2.4-1.2-5.2-1.6-8.4-1.6s-5.8.6-8.4,1.6c-2.2,1.2-4.4,2.8-6,4.6-1.8,2-3,4.2-4,6.8-.8,2.6-1.4,5.4-1.4,8.4s.4,5.8,1.4,8.4c.8,2.6,2.2,4.8,4,6.8s3.8,3.4,6.2,4.6c2.4,1.2,5.2,1.6,8.4,1.6s5.8-.6,8.4-1.6c2.4-1.2,4.6-2.6,6.2-4.6,1.8-2,3-4.2,4-6.8.8-2.6,1.4-5.4,1.4-8.4-.2-3-.6-5.8-1.6-8.4h0ZM154,33.2c0,2-.2,3.8-.8,5.4-.4,1.6-1.2,3.2-2.2,4.4s-2.2,2.2-3.4,2.8c-1.4.6-3,1-4.8,1s-3.4-.4-4.8-1-2.6-1.6-3.4-2.8c-1-1.2-1.6-2.6-2.2-4.4-.4-1.6-.8-3.4-.8-5.4v-.2c0-2,.2-3.8.8-5.4.4-1.6,1.2-3.2,2.2-4.4,1-1.2,2.2-2.2,3.4-2.8,1.4-.6,3-1,4.8-1s3.4.4,4.8,1,2.6,1.6,3.4,2.8c1,1.2,1.6,2.6,2.2,4.4.4,1.6.8,3.4.8,5.4v.2ZM177.8,54l-11.8-42h9.4l8,31.4h.2l8-31.4h9.4l-11.8,42h-11.4,0ZM235.4,46.7c1.2,0,2.4-.2,3.4-.6,1-.4,2-.8,2.8-1.6s1.4-1.6,1.8-2.8c.4-1.2.6-2.4.6-4V11.8h8.2v27.2c0,2.4-.4,4.4-1.2,6.2s-2,3.4-3.6,4.8c-1.4,1.4-3.2,2.4-5.4,3-2,.8-4.4,1-6.8,1s-4.8-.4-6.8-1c-2-.8-3.8-1.8-5.4-3-1.6-1.4-2.6-3-3.6-4.8-.8-1.8-1.2-4-1.2-6.2V11.7h8.4v26c0,1.6.2,2.8.6,4,.4,1.2,1,2,1.8,2.8s1.6,1.2,2.8,1.6c1.2.4,2.2.6,3.6.6h0ZM261.4,11.9h8.4v18.2l14.8-18.2h10.4l-14.4,16.8,15.4,25.2h-9.8l-11-18.8-5.4,6v12.8h-8.4V11.9h0ZM206.2,44.2c-3,0-5.4,2.4-5.4,5.4s2.4,5.4,5.4,5.4,5.4-2.4,5.4-5.4-2.4-5.4-5.4-5.4Z"/>
+          </svg>
+      </a>
+    </div>
+    <div class="govuk-header__content">
+      <nav aria-label="Menu" class="govuk-header__navigation">
+        <button type="button" class="govuk-header__menu-button govuk-js-header-toggle" aria-controls="navigation" hidden>
+          Menu
+        </button>
+
+        <ul id="navigation" class="govuk-header__navigation-list">
+          <li class="govuk-header__navigation-item">
+            <a class="govuk-header__link" href="/browse/benefits">
+              Benefits
+            </a>
+          </li>
+          <li class="govuk-header__navigation-item">
+            <a class="govuk-header__link" href="/browse/births-deaths-marriages">
+              Births, deaths, marriages and care
+            </a>
+          </li>
+          <li class="govuk-header__navigation-item">
+            <a class="govuk-header__link" href="/browse/business">
+              Business and self-employed
+            </a>
+          </li>
+          <li class="govuk-header__navigation-item">
+            <a class="govuk-header__link" href="/browse/childcare-parenting">
+              Childcare and parenting
+            </a>
+          </li>
+          <li class="govuk-header__navigation-item">
+            <a class="govuk-header__link" href="/browse/citizenship">
+              Citizenship and living in the UK
+            </a>
+          </li>
+          <li class="govuk-header__navigation-item">
+            <a class="govuk-header__link" href="/browse/justice">
+              Crime, justice and the law
+            </a>
+          </li>
+          <li class="govuk-header__navigation-item">
+            <a class="govuk-header__link" href="/browse/disabilities">
+              Disabled people
+            </a>
+          </li>
+          <li class="govuk-header__navigation-item">
+            <a class="govuk-header__link" href="/browse/driving">
+              Driving and transport
+            </a>
+          </li>
+          <li class="govuk-header__navigation-item">
+            <a class="govuk-header__link" href="/browse/education">
+              Education and learning
+            </a>
+          </li>
+          <li class="govuk-header__navigation-item">
+            <a class="govuk-header__link" href="/browse/employing-people">
+              Employing people
+            </a>
+          </li>
+          <li class="govuk-header__navigation-item">
+            <a class="govuk-header__link" href="/browse/environment-countryside">
+              Environment and countryside
+            </a>
+          </li>
+          <li class="govuk-header__navigation-item">
+            <a class="govuk-header__link" href="/browse/housing-local-services">
+              Housing and local services
+            </a>
+          </li>
+          <li class="govuk-header__navigation-item">
+            <a class="govuk-header__link" href="/browse/tax">
+              Money and tax
+            </a>
+          </li>
+          <li class="govuk-header__navigation-item">
+            <a class="govuk-header__link" href="/browse/abroad">
+              Passports, travel and living abroad
+            </a>
+          </li>
+          <li class="govuk-header__navigation-item">
+            <a class="govuk-header__link" href="/browse/visas-immigration">
+              Visas and immigration
+            </a>
+          </li>
+          <li class="govuk-header__navigation-item">
+            <a class="govuk-header__link" href="/browse/working">
+              Working, jobs and pensions
+            </a>
+          </li>
+        </ul>
+      </nav>
+    </div>
+  </div>
+</header>
diff --git a/app/templates/govuk/components/header/template-with-navigation.html b/app/templates/govuk/components/header/template-with-navigation.html
new file mode 100644
index 0000000..8482a15
--- /dev/null
+++ b/app/templates/govuk/components/header/template-with-navigation.html
@@ -0,0 +1,59 @@
+<header class="govuk-header" data-module="govuk-header">
+  <div class="govuk-header__container govuk-width-container">
+    <div class="govuk-header__logo">
+      <a href="/" class="govuk-header__link govuk-header__link--homepage">
+        <svg
+            focusable="false"
+            role="img"
+            xmlns="http://www.w3.org/2000/svg"
+            viewBox="0 0 296 60"
+            height="30"
+            width="148"
+            fill="currentcolor" class="govuk-header__logotype" aria-label="GOV.UK"
+          ><title>GOV.UK</title>    <g>
+                <circle cx="20" cy="17.6" r="3.7"/>
+                <circle cx="10.2" cy="23.5" r="3.7"/>
+                <circle cx="3.7" cy="33.2" r="3.7"/>
+                <circle cx="31.7" cy="30.6" r="3.7"/>
+                <circle cx="43.3" cy="17.6" r="3.7"/>
+                <circle cx="53.2" cy="23.5" r="3.7"/>
+                <circle cx="59.7" cy="33.2" r="3.7"/>
+                <circle cx="31.7" cy="30.6" r="3.7"/>
+                <path d="M33.1,9.8c.2-.1.3-.3.5-.5l4.6,2.4v-6.8l-4.6,1.5c-.1-.2-.3-.3-.5-.5l1.9-5.9h-6.7l1.9,5.9c-.2.1-.3.3-.5.5l-4.6-1.5v6.8l4.6-2.4c.1.2.3.3.5.5l-2.6,8c-.9,2.8,1.2,5.7,4.1,5.7h0c3,0,5.1-2.9,4.1-5.7l-2.6-8ZM37,37.9s-3.4,3.8-4.1,6.1c2.2,0,4.2-.5,6.4-2.8l-.7,8.5c-2-2.8-4.4-4.1-5.7-3.8.1,3.1.5,6.7,5.8,7.2,3.7.3,6.7-1.5,7-3.8.4-2.6-2-4.3-3.7-1.6-1.4-4.5,2.4-6.1,4.9-3.2-1.9-4.5-1.8-7.7,2.4-10.9,3,4,2.6,7.3-1.2,11.1,2.4-1.3,6.2,0,4,4.6-1.2-2.8-3.7-2.2-4.2.2-.3,1.7.7,3.7,3,4.2,1.9.3,4.7-.9,7-5.9-1.3,0-2.4.7-3.9,1.7l2.4-8c.6,2.3,1.4,3.7,2.2,4.5.6-1.6.5-2.8,0-5.3l5,1.8c-2.6,3.6-5.2,8.7-7.3,17.5-7.4-1.1-15.7-1.7-24.5-1.7h0c-8.8,0-17.1.6-24.5,1.7-2.1-8.9-4.7-13.9-7.3-17.5l5-1.8c-.5,2.5-.6,3.7,0,5.3.8-.8,1.6-2.3,2.2-4.5l2.4,8c-1.5-1-2.6-1.7-3.9-1.7,2.3,5,5.2,6.2,7,5.9,2.3-.4,3.3-2.4,3-4.2-.5-2.4-3-3.1-4.2-.2-2.2-4.6,1.6-6,4-4.6-3.7-3.7-4.2-7.1-1.2-11.1,4.2,3.2,4.3,6.4,2.4,10.9,2.5-2.8,6.3-1.3,4.9,3.2-1.8-2.7-4.1-1-3.7,1.6.3,2.3,3.3,4.1,7,3.8,5.4-.5,5.7-4.2,5.8-7.2-1.3-.2-3.7,1-5.7,3.8l-.7-8.5c2.2,2.3,4.2,2.7,6.4,2.8-.7-2.3-4.1-6.1-4.1-6.1h10.6,0Z"/>
+              </g>
+              <path d="M88.6,33.2c0,1.8.2,3.4.6,5s1.2,3,2,4.4c1,1.2,2,2.2,3.4,3s3,1.2,5,1.2,3.4-.2,4.6-.8,2.2-1.4,3-2.2,1.2-1.8,1.6-3c.2-1,.4-2,.4-3v-.4h-10.6v-6.4h18.8v23h-7.4v-5c-.6.8-1.2,1.6-2,2.2-.8.6-1.6,1.2-2.6,1.8-1,.4-2,.8-3.2,1.2s-2.4.4-3.6.4c-3,0-5.8-.6-8-1.6-2.4-1.2-4.4-2.6-6-4.6s-2.8-4.2-3.6-6.8c-.6-2.8-1-5.6-1-8.6s.4-5.8,1.4-8.4,2.2-4.8,4-6.8,3.8-3.4,6.2-4.6c2.4-1.2,5.2-1.6,8.2-1.6s3.8.2,5.6.6c1.8.4,3.4,1.2,4.8,2s2.8,1.8,3.8,3c1.2,1.2,2,2.6,2.8,4l-7.4,4.2c-.4-.8-1-1.8-1.6-2.4-.6-.8-1.2-1.4-2-2s-1.6-1-2.6-1.4-2.2-.4-3.4-.4c-2,0-3.6.4-5,1.2-1.4.8-2.6,1.8-3.4,3-1,1.2-1.6,2.8-2,4.4-.6,1.6-.8,3.8-.8,5.4ZM161.4,24.6c-.8-2.6-2.2-4.8-4-6.8s-3.8-3.4-6.2-4.6c-2.4-1.2-5.2-1.6-8.4-1.6s-5.8.6-8.4,1.6c-2.2,1.2-4.4,2.8-6,4.6-1.8,2-3,4.2-4,6.8-.8,2.6-1.4,5.4-1.4,8.4s.4,5.8,1.4,8.4c.8,2.6,2.2,4.8,4,6.8s3.8,3.4,6.2,4.6c2.4,1.2,5.2,1.6,8.4,1.6s5.8-.6,8.4-1.6c2.4-1.2,4.6-2.6,6.2-4.6,1.8-2,3-4.2,4-6.8.8-2.6,1.4-5.4,1.4-8.4-.2-3-.6-5.8-1.6-8.4h0ZM154,33.2c0,2-.2,3.8-.8,5.4-.4,1.6-1.2,3.2-2.2,4.4s-2.2,2.2-3.4,2.8c-1.4.6-3,1-4.8,1s-3.4-.4-4.8-1-2.6-1.6-3.4-2.8c-1-1.2-1.6-2.6-2.2-4.4-.4-1.6-.8-3.4-.8-5.4v-.2c0-2,.2-3.8.8-5.4.4-1.6,1.2-3.2,2.2-4.4,1-1.2,2.2-2.2,3.4-2.8,1.4-.6,3-1,4.8-1s3.4.4,4.8,1,2.6,1.6,3.4,2.8c1,1.2,1.6,2.6,2.2,4.4.4,1.6.8,3.4.8,5.4v.2ZM177.8,54l-11.8-42h9.4l8,31.4h.2l8-31.4h9.4l-11.8,42h-11.4,0ZM235.4,46.7c1.2,0,2.4-.2,3.4-.6,1-.4,2-.8,2.8-1.6s1.4-1.6,1.8-2.8c.4-1.2.6-2.4.6-4V11.8h8.2v27.2c0,2.4-.4,4.4-1.2,6.2s-2,3.4-3.6,4.8c-1.4,1.4-3.2,2.4-5.4,3-2,.8-4.4,1-6.8,1s-4.8-.4-6.8-1c-2-.8-3.8-1.8-5.4-3-1.6-1.4-2.6-3-3.6-4.8-.8-1.8-1.2-4-1.2-6.2V11.7h8.4v26c0,1.6.2,2.8.6,4,.4,1.2,1,2,1.8,2.8s1.6,1.2,2.8,1.6c1.2.4,2.2.6,3.6.6h0ZM261.4,11.9h8.4v18.2l14.8-18.2h10.4l-14.4,16.8,15.4,25.2h-9.8l-11-18.8-5.4,6v12.8h-8.4V11.9h0ZM206.2,44.2c-3,0-5.4,2.4-5.4,5.4s2.4,5.4,5.4,5.4,5.4-2.4,5.4-5.4-2.4-5.4-5.4-5.4Z"/>
+          </svg>
+      </a>
+    </div>
+    <div class="govuk-header__content">
+      <nav aria-label="Menu" class="govuk-header__navigation">
+        <button type="button" class="govuk-header__menu-button govuk-js-header-toggle" aria-controls="navigation" hidden>
+          Menu
+        </button>
+
+        <ul id="navigation" class="govuk-header__navigation-list">
+          <li class="govuk-header__navigation-item govuk-header__navigation-item--active">
+            <a class="govuk-header__link" href="#1">
+              Navigation item 1
+            </a>
+          </li>
+          <li class="govuk-header__navigation-item">
+            <a class="govuk-header__link" href="#2">
+              Navigation item 2
+            </a>
+          </li>
+          <li class="govuk-header__navigation-item">
+            <a class="govuk-header__link" href="#3">
+              Navigation item 3
+            </a>
+          </li>
+          <li class="govuk-header__navigation-item">
+            <a class="govuk-header__link" href="#4">
+              Navigation item 4
+            </a>
+          </li>
+        </ul>
+      </nav>
+    </div>
+  </div>
+</header>
diff --git a/app/templates/govuk/components/header/template-with-product-name.html b/app/templates/govuk/components/header/template-with-product-name.html
new file mode 100644
index 0000000..c53022d
--- /dev/null
+++ b/app/templates/govuk/components/header/template-with-product-name.html
@@ -0,0 +1,30 @@
+<header class="govuk-header" data-module="govuk-header">
+  <div class="govuk-header__container govuk-width-container">
+    <div class="govuk-header__logo">
+      <a href="/" class="govuk-header__link govuk-header__link--homepage">
+        <svg
+            focusable="false"
+            role="img"
+            xmlns="http://www.w3.org/2000/svg"
+            viewBox="0 0 296 60"
+            height="30"
+            width="148"
+            fill="currentcolor" class="govuk-header__logotype" aria-label="GOV.UK"
+          ><title>GOV.UK</title>    <g>
+                <circle cx="20" cy="17.6" r="3.7"/>
+                <circle cx="10.2" cy="23.5" r="3.7"/>
+                <circle cx="3.7" cy="33.2" r="3.7"/>
+                <circle cx="31.7" cy="30.6" r="3.7"/>
+                <circle cx="43.3" cy="17.6" r="3.7"/>
+                <circle cx="53.2" cy="23.5" r="3.7"/>
+                <circle cx="59.7" cy="33.2" r="3.7"/>
+                <circle cx="31.7" cy="30.6" r="3.7"/>
+                <path d="M33.1,9.8c.2-.1.3-.3.5-.5l4.6,2.4v-6.8l-4.6,1.5c-.1-.2-.3-.3-.5-.5l1.9-5.9h-6.7l1.9,5.9c-.2.1-.3.3-.5.5l-4.6-1.5v6.8l4.6-2.4c.1.2.3.3.5.5l-2.6,8c-.9,2.8,1.2,5.7,4.1,5.7h0c3,0,5.1-2.9,4.1-5.7l-2.6-8ZM37,37.9s-3.4,3.8-4.1,6.1c2.2,0,4.2-.5,6.4-2.8l-.7,8.5c-2-2.8-4.4-4.1-5.7-3.8.1,3.1.5,6.7,5.8,7.2,3.7.3,6.7-1.5,7-3.8.4-2.6-2-4.3-3.7-1.6-1.4-4.5,2.4-6.1,4.9-3.2-1.9-4.5-1.8-7.7,2.4-10.9,3,4,2.6,7.3-1.2,11.1,2.4-1.3,6.2,0,4,4.6-1.2-2.8-3.7-2.2-4.2.2-.3,1.7.7,3.7,3,4.2,1.9.3,4.7-.9,7-5.9-1.3,0-2.4.7-3.9,1.7l2.4-8c.6,2.3,1.4,3.7,2.2,4.5.6-1.6.5-2.8,0-5.3l5,1.8c-2.6,3.6-5.2,8.7-7.3,17.5-7.4-1.1-15.7-1.7-24.5-1.7h0c-8.8,0-17.1.6-24.5,1.7-2.1-8.9-4.7-13.9-7.3-17.5l5-1.8c-.5,2.5-.6,3.7,0,5.3.8-.8,1.6-2.3,2.2-4.5l2.4,8c-1.5-1-2.6-1.7-3.9-1.7,2.3,5,5.2,6.2,7,5.9,2.3-.4,3.3-2.4,3-4.2-.5-2.4-3-3.1-4.2-.2-2.2-4.6,1.6-6,4-4.6-3.7-3.7-4.2-7.1-1.2-11.1,4.2,3.2,4.3,6.4,2.4,10.9,2.5-2.8,6.3-1.3,4.9,3.2-1.8-2.7-4.1-1-3.7,1.6.3,2.3,3.3,4.1,7,3.8,5.4-.5,5.7-4.2,5.8-7.2-1.3-.2-3.7,1-5.7,3.8l-.7-8.5c2.2,2.3,4.2,2.7,6.4,2.8-.7-2.3-4.1-6.1-4.1-6.1h10.6,0Z"/>
+              </g>
+              <path d="M88.6,33.2c0,1.8.2,3.4.6,5s1.2,3,2,4.4c1,1.2,2,2.2,3.4,3s3,1.2,5,1.2,3.4-.2,4.6-.8,2.2-1.4,3-2.2,1.2-1.8,1.6-3c.2-1,.4-2,.4-3v-.4h-10.6v-6.4h18.8v23h-7.4v-5c-.6.8-1.2,1.6-2,2.2-.8.6-1.6,1.2-2.6,1.8-1,.4-2,.8-3.2,1.2s-2.4.4-3.6.4c-3,0-5.8-.6-8-1.6-2.4-1.2-4.4-2.6-6-4.6s-2.8-4.2-3.6-6.8c-.6-2.8-1-5.6-1-8.6s.4-5.8,1.4-8.4,2.2-4.8,4-6.8,3.8-3.4,6.2-4.6c2.4-1.2,5.2-1.6,8.2-1.6s3.8.2,5.6.6c1.8.4,3.4,1.2,4.8,2s2.8,1.8,3.8,3c1.2,1.2,2,2.6,2.8,4l-7.4,4.2c-.4-.8-1-1.8-1.6-2.4-.6-.8-1.2-1.4-2-2s-1.6-1-2.6-1.4-2.2-.4-3.4-.4c-2,0-3.6.4-5,1.2-1.4.8-2.6,1.8-3.4,3-1,1.2-1.6,2.8-2,4.4-.6,1.6-.8,3.8-.8,5.4ZM161.4,24.6c-.8-2.6-2.2-4.8-4-6.8s-3.8-3.4-6.2-4.6c-2.4-1.2-5.2-1.6-8.4-1.6s-5.8.6-8.4,1.6c-2.2,1.2-4.4,2.8-6,4.6-1.8,2-3,4.2-4,6.8-.8,2.6-1.4,5.4-1.4,8.4s.4,5.8,1.4,8.4c.8,2.6,2.2,4.8,4,6.8s3.8,3.4,6.2,4.6c2.4,1.2,5.2,1.6,8.4,1.6s5.8-.6,8.4-1.6c2.4-1.2,4.6-2.6,6.2-4.6,1.8-2,3-4.2,4-6.8.8-2.6,1.4-5.4,1.4-8.4-.2-3-.6-5.8-1.6-8.4h0ZM154,33.2c0,2-.2,3.8-.8,5.4-.4,1.6-1.2,3.2-2.2,4.4s-2.2,2.2-3.4,2.8c-1.4.6-3,1-4.8,1s-3.4-.4-4.8-1-2.6-1.6-3.4-2.8c-1-1.2-1.6-2.6-2.2-4.4-.4-1.6-.8-3.4-.8-5.4v-.2c0-2,.2-3.8.8-5.4.4-1.6,1.2-3.2,2.2-4.4,1-1.2,2.2-2.2,3.4-2.8,1.4-.6,3-1,4.8-1s3.4.4,4.8,1,2.6,1.6,3.4,2.8c1,1.2,1.6,2.6,2.2,4.4.4,1.6.8,3.4.8,5.4v.2ZM177.8,54l-11.8-42h9.4l8,31.4h.2l8-31.4h9.4l-11.8,42h-11.4,0ZM235.4,46.7c1.2,0,2.4-.2,3.4-.6,1-.4,2-.8,2.8-1.6s1.4-1.6,1.8-2.8c.4-1.2.6-2.4.6-4V11.8h8.2v27.2c0,2.4-.4,4.4-1.2,6.2s-2,3.4-3.6,4.8c-1.4,1.4-3.2,2.4-5.4,3-2,.8-4.4,1-6.8,1s-4.8-.4-6.8-1c-2-.8-3.8-1.8-5.4-3-1.6-1.4-2.6-3-3.6-4.8-.8-1.8-1.2-4-1.2-6.2V11.7h8.4v26c0,1.6.2,2.8.6,4,.4,1.2,1,2,1.8,2.8s1.6,1.2,2.8,1.6c1.2.4,2.2.6,3.6.6h0ZM261.4,11.9h8.4v18.2l14.8-18.2h10.4l-14.4,16.8,15.4,25.2h-9.8l-11-18.8-5.4,6v12.8h-8.4V11.9h0ZM206.2,44.2c-3,0-5.4,2.4-5.4,5.4s2.4,5.4,5.4,5.4,5.4-2.4,5.4-5.4-2.4-5.4-5.4-5.4Z"/>
+          </svg>
+        <span class="govuk-header__product-name">Product Name</span>
+      </a>
+    </div>
+  </div>
+</header>
diff --git a/app/templates/govuk/components/header/template-with-service-name-and-navigation.html b/app/templates/govuk/components/header/template-with-service-name-and-navigation.html
new file mode 100644
index 0000000..ee4d82f
--- /dev/null
+++ b/app/templates/govuk/components/header/template-with-service-name-and-navigation.html
@@ -0,0 +1,62 @@
+<header class="govuk-header" data-module="govuk-header">
+  <div class="govuk-header__container govuk-width-container">
+    <div class="govuk-header__logo">
+      <a href="/" class="govuk-header__link govuk-header__link--homepage">
+        <svg
+            focusable="false"
+            role="img"
+            xmlns="http://www.w3.org/2000/svg"
+            viewBox="0 0 296 60"
+            height="30"
+            width="148"
+            fill="currentcolor" class="govuk-header__logotype" aria-label="GOV.UK"
+          ><title>GOV.UK</title>    <g>
+                <circle cx="20" cy="17.6" r="3.7"/>
+                <circle cx="10.2" cy="23.5" r="3.7"/>
+                <circle cx="3.7" cy="33.2" r="3.7"/>
+                <circle cx="31.7" cy="30.6" r="3.7"/>
+                <circle cx="43.3" cy="17.6" r="3.7"/>
+                <circle cx="53.2" cy="23.5" r="3.7"/>
+                <circle cx="59.7" cy="33.2" r="3.7"/>
+                <circle cx="31.7" cy="30.6" r="3.7"/>
+                <path d="M33.1,9.8c.2-.1.3-.3.5-.5l4.6,2.4v-6.8l-4.6,1.5c-.1-.2-.3-.3-.5-.5l1.9-5.9h-6.7l1.9,5.9c-.2.1-.3.3-.5.5l-4.6-1.5v6.8l4.6-2.4c.1.2.3.3.5.5l-2.6,8c-.9,2.8,1.2,5.7,4.1,5.7h0c3,0,5.1-2.9,4.1-5.7l-2.6-8ZM37,37.9s-3.4,3.8-4.1,6.1c2.2,0,4.2-.5,6.4-2.8l-.7,8.5c-2-2.8-4.4-4.1-5.7-3.8.1,3.1.5,6.7,5.8,7.2,3.7.3,6.7-1.5,7-3.8.4-2.6-2-4.3-3.7-1.6-1.4-4.5,2.4-6.1,4.9-3.2-1.9-4.5-1.8-7.7,2.4-10.9,3,4,2.6,7.3-1.2,11.1,2.4-1.3,6.2,0,4,4.6-1.2-2.8-3.7-2.2-4.2.2-.3,1.7.7,3.7,3,4.2,1.9.3,4.7-.9,7-5.9-1.3,0-2.4.7-3.9,1.7l2.4-8c.6,2.3,1.4,3.7,2.2,4.5.6-1.6.5-2.8,0-5.3l5,1.8c-2.6,3.6-5.2,8.7-7.3,17.5-7.4-1.1-15.7-1.7-24.5-1.7h0c-8.8,0-17.1.6-24.5,1.7-2.1-8.9-4.7-13.9-7.3-17.5l5-1.8c-.5,2.5-.6,3.7,0,5.3.8-.8,1.6-2.3,2.2-4.5l2.4,8c-1.5-1-2.6-1.7-3.9-1.7,2.3,5,5.2,6.2,7,5.9,2.3-.4,3.3-2.4,3-4.2-.5-2.4-3-3.1-4.2-.2-2.2-4.6,1.6-6,4-4.6-3.7-3.7-4.2-7.1-1.2-11.1,4.2,3.2,4.3,6.4,2.4,10.9,2.5-2.8,6.3-1.3,4.9,3.2-1.8-2.7-4.1-1-3.7,1.6.3,2.3,3.3,4.1,7,3.8,5.4-.5,5.7-4.2,5.8-7.2-1.3-.2-3.7,1-5.7,3.8l-.7-8.5c2.2,2.3,4.2,2.7,6.4,2.8-.7-2.3-4.1-6.1-4.1-6.1h10.6,0Z"/>
+              </g>
+              <path d="M88.6,33.2c0,1.8.2,3.4.6,5s1.2,3,2,4.4c1,1.2,2,2.2,3.4,3s3,1.2,5,1.2,3.4-.2,4.6-.8,2.2-1.4,3-2.2,1.2-1.8,1.6-3c.2-1,.4-2,.4-3v-.4h-10.6v-6.4h18.8v23h-7.4v-5c-.6.8-1.2,1.6-2,2.2-.8.6-1.6,1.2-2.6,1.8-1,.4-2,.8-3.2,1.2s-2.4.4-3.6.4c-3,0-5.8-.6-8-1.6-2.4-1.2-4.4-2.6-6-4.6s-2.8-4.2-3.6-6.8c-.6-2.8-1-5.6-1-8.6s.4-5.8,1.4-8.4,2.2-4.8,4-6.8,3.8-3.4,6.2-4.6c2.4-1.2,5.2-1.6,8.2-1.6s3.8.2,5.6.6c1.8.4,3.4,1.2,4.8,2s2.8,1.8,3.8,3c1.2,1.2,2,2.6,2.8,4l-7.4,4.2c-.4-.8-1-1.8-1.6-2.4-.6-.8-1.2-1.4-2-2s-1.6-1-2.6-1.4-2.2-.4-3.4-.4c-2,0-3.6.4-5,1.2-1.4.8-2.6,1.8-3.4,3-1,1.2-1.6,2.8-2,4.4-.6,1.6-.8,3.8-.8,5.4ZM161.4,24.6c-.8-2.6-2.2-4.8-4-6.8s-3.8-3.4-6.2-4.6c-2.4-1.2-5.2-1.6-8.4-1.6s-5.8.6-8.4,1.6c-2.2,1.2-4.4,2.8-6,4.6-1.8,2-3,4.2-4,6.8-.8,2.6-1.4,5.4-1.4,8.4s.4,5.8,1.4,8.4c.8,2.6,2.2,4.8,4,6.8s3.8,3.4,6.2,4.6c2.4,1.2,5.2,1.6,8.4,1.6s5.8-.6,8.4-1.6c2.4-1.2,4.6-2.6,6.2-4.6,1.8-2,3-4.2,4-6.8.8-2.6,1.4-5.4,1.4-8.4-.2-3-.6-5.8-1.6-8.4h0ZM154,33.2c0,2-.2,3.8-.8,5.4-.4,1.6-1.2,3.2-2.2,4.4s-2.2,2.2-3.4,2.8c-1.4.6-3,1-4.8,1s-3.4-.4-4.8-1-2.6-1.6-3.4-2.8c-1-1.2-1.6-2.6-2.2-4.4-.4-1.6-.8-3.4-.8-5.4v-.2c0-2,.2-3.8.8-5.4.4-1.6,1.2-3.2,2.2-4.4,1-1.2,2.2-2.2,3.4-2.8,1.4-.6,3-1,4.8-1s3.4.4,4.8,1,2.6,1.6,3.4,2.8c1,1.2,1.6,2.6,2.2,4.4.4,1.6.8,3.4.8,5.4v.2ZM177.8,54l-11.8-42h9.4l8,31.4h.2l8-31.4h9.4l-11.8,42h-11.4,0ZM235.4,46.7c1.2,0,2.4-.2,3.4-.6,1-.4,2-.8,2.8-1.6s1.4-1.6,1.8-2.8c.4-1.2.6-2.4.6-4V11.8h8.2v27.2c0,2.4-.4,4.4-1.2,6.2s-2,3.4-3.6,4.8c-1.4,1.4-3.2,2.4-5.4,3-2,.8-4.4,1-6.8,1s-4.8-.4-6.8-1c-2-.8-3.8-1.8-5.4-3-1.6-1.4-2.6-3-3.6-4.8-.8-1.8-1.2-4-1.2-6.2V11.7h8.4v26c0,1.6.2,2.8.6,4,.4,1.2,1,2,1.8,2.8s1.6,1.2,2.8,1.6c1.2.4,2.2.6,3.6.6h0ZM261.4,11.9h8.4v18.2l14.8-18.2h10.4l-14.4,16.8,15.4,25.2h-9.8l-11-18.8-5.4,6v12.8h-8.4V11.9h0ZM206.2,44.2c-3,0-5.4,2.4-5.4,5.4s2.4,5.4,5.4,5.4,5.4-2.4,5.4-5.4-2.4-5.4-5.4-5.4Z"/>
+          </svg>
+      </a>
+    </div>
+    <div class="govuk-header__content">
+      <a href="/components/header" class="govuk-header__link govuk-header__service-name">
+        Service Name
+      </a>
+      <nav aria-label="Menu" class="govuk-header__navigation">
+        <button type="button" class="govuk-header__menu-button govuk-js-header-toggle" aria-controls="navigation" hidden>
+          Menu
+        </button>
+
+        <ul id="navigation" class="govuk-header__navigation-list">
+          <li class="govuk-header__navigation-item govuk-header__navigation-item--active">
+            <a class="govuk-header__link" href="#1">
+              Navigation item 1
+            </a>
+          </li>
+          <li class="govuk-header__navigation-item">
+            <a class="govuk-header__link" href="#2">
+              Navigation item 2
+            </a>
+          </li>
+          <li class="govuk-header__navigation-item">
+            <a class="govuk-header__link" href="#3">
+              Navigation item 3
+            </a>
+          </li>
+          <li class="govuk-header__navigation-item">
+            <a class="govuk-header__link" href="#4">
+              Navigation item 4
+            </a>
+          </li>
+        </ul>
+      </nav>
+    </div>
+  </div>
+</header>
diff --git a/app/templates/govuk/components/header/template-with-service-name-but-no-service-url.html b/app/templates/govuk/components/header/template-with-service-name-but-no-service-url.html
new file mode 100644
index 0000000..2e06a6d
--- /dev/null
+++ b/app/templates/govuk/components/header/template-with-service-name-but-no-service-url.html
@@ -0,0 +1,34 @@
+<header class="govuk-header" data-module="govuk-header">
+  <div class="govuk-header__container govuk-width-container">
+    <div class="govuk-header__logo">
+      <a href="/" class="govuk-header__link govuk-header__link--homepage">
+        <svg
+            focusable="false"
+            role="img"
+            xmlns="http://www.w3.org/2000/svg"
+            viewBox="0 0 296 60"
+            height="30"
+            width="148"
+            fill="currentcolor" class="govuk-header__logotype" aria-label="GOV.UK"
+          ><title>GOV.UK</title>    <g>
+                <circle cx="20" cy="17.6" r="3.7"/>
+                <circle cx="10.2" cy="23.5" r="3.7"/>
+                <circle cx="3.7" cy="33.2" r="3.7"/>
+                <circle cx="31.7" cy="30.6" r="3.7"/>
+                <circle cx="43.3" cy="17.6" r="3.7"/>
+                <circle cx="53.2" cy="23.5" r="3.7"/>
+                <circle cx="59.7" cy="33.2" r="3.7"/>
+                <circle cx="31.7" cy="30.6" r="3.7"/>
+                <path d="M33.1,9.8c.2-.1.3-.3.5-.5l4.6,2.4v-6.8l-4.6,1.5c-.1-.2-.3-.3-.5-.5l1.9-5.9h-6.7l1.9,5.9c-.2.1-.3.3-.5.5l-4.6-1.5v6.8l4.6-2.4c.1.2.3.3.5.5l-2.6,8c-.9,2.8,1.2,5.7,4.1,5.7h0c3,0,5.1-2.9,4.1-5.7l-2.6-8ZM37,37.9s-3.4,3.8-4.1,6.1c2.2,0,4.2-.5,6.4-2.8l-.7,8.5c-2-2.8-4.4-4.1-5.7-3.8.1,3.1.5,6.7,5.8,7.2,3.7.3,6.7-1.5,7-3.8.4-2.6-2-4.3-3.7-1.6-1.4-4.5,2.4-6.1,4.9-3.2-1.9-4.5-1.8-7.7,2.4-10.9,3,4,2.6,7.3-1.2,11.1,2.4-1.3,6.2,0,4,4.6-1.2-2.8-3.7-2.2-4.2.2-.3,1.7.7,3.7,3,4.2,1.9.3,4.7-.9,7-5.9-1.3,0-2.4.7-3.9,1.7l2.4-8c.6,2.3,1.4,3.7,2.2,4.5.6-1.6.5-2.8,0-5.3l5,1.8c-2.6,3.6-5.2,8.7-7.3,17.5-7.4-1.1-15.7-1.7-24.5-1.7h0c-8.8,0-17.1.6-24.5,1.7-2.1-8.9-4.7-13.9-7.3-17.5l5-1.8c-.5,2.5-.6,3.7,0,5.3.8-.8,1.6-2.3,2.2-4.5l2.4,8c-1.5-1-2.6-1.7-3.9-1.7,2.3,5,5.2,6.2,7,5.9,2.3-.4,3.3-2.4,3-4.2-.5-2.4-3-3.1-4.2-.2-2.2-4.6,1.6-6,4-4.6-3.7-3.7-4.2-7.1-1.2-11.1,4.2,3.2,4.3,6.4,2.4,10.9,2.5-2.8,6.3-1.3,4.9,3.2-1.8-2.7-4.1-1-3.7,1.6.3,2.3,3.3,4.1,7,3.8,5.4-.5,5.7-4.2,5.8-7.2-1.3-.2-3.7,1-5.7,3.8l-.7-8.5c2.2,2.3,4.2,2.7,6.4,2.8-.7-2.3-4.1-6.1-4.1-6.1h10.6,0Z"/>
+              </g>
+              <path d="M88.6,33.2c0,1.8.2,3.4.6,5s1.2,3,2,4.4c1,1.2,2,2.2,3.4,3s3,1.2,5,1.2,3.4-.2,4.6-.8,2.2-1.4,3-2.2,1.2-1.8,1.6-3c.2-1,.4-2,.4-3v-.4h-10.6v-6.4h18.8v23h-7.4v-5c-.6.8-1.2,1.6-2,2.2-.8.6-1.6,1.2-2.6,1.8-1,.4-2,.8-3.2,1.2s-2.4.4-3.6.4c-3,0-5.8-.6-8-1.6-2.4-1.2-4.4-2.6-6-4.6s-2.8-4.2-3.6-6.8c-.6-2.8-1-5.6-1-8.6s.4-5.8,1.4-8.4,2.2-4.8,4-6.8,3.8-3.4,6.2-4.6c2.4-1.2,5.2-1.6,8.2-1.6s3.8.2,5.6.6c1.8.4,3.4,1.2,4.8,2s2.8,1.8,3.8,3c1.2,1.2,2,2.6,2.8,4l-7.4,4.2c-.4-.8-1-1.8-1.6-2.4-.6-.8-1.2-1.4-2-2s-1.6-1-2.6-1.4-2.2-.4-3.4-.4c-2,0-3.6.4-5,1.2-1.4.8-2.6,1.8-3.4,3-1,1.2-1.6,2.8-2,4.4-.6,1.6-.8,3.8-.8,5.4ZM161.4,24.6c-.8-2.6-2.2-4.8-4-6.8s-3.8-3.4-6.2-4.6c-2.4-1.2-5.2-1.6-8.4-1.6s-5.8.6-8.4,1.6c-2.2,1.2-4.4,2.8-6,4.6-1.8,2-3,4.2-4,6.8-.8,2.6-1.4,5.4-1.4,8.4s.4,5.8,1.4,8.4c.8,2.6,2.2,4.8,4,6.8s3.8,3.4,6.2,4.6c2.4,1.2,5.2,1.6,8.4,1.6s5.8-.6,8.4-1.6c2.4-1.2,4.6-2.6,6.2-4.6,1.8-2,3-4.2,4-6.8.8-2.6,1.4-5.4,1.4-8.4-.2-3-.6-5.8-1.6-8.4h0ZM154,33.2c0,2-.2,3.8-.8,5.4-.4,1.6-1.2,3.2-2.2,4.4s-2.2,2.2-3.4,2.8c-1.4.6-3,1-4.8,1s-3.4-.4-4.8-1-2.6-1.6-3.4-2.8c-1-1.2-1.6-2.6-2.2-4.4-.4-1.6-.8-3.4-.8-5.4v-.2c0-2,.2-3.8.8-5.4.4-1.6,1.2-3.2,2.2-4.4,1-1.2,2.2-2.2,3.4-2.8,1.4-.6,3-1,4.8-1s3.4.4,4.8,1,2.6,1.6,3.4,2.8c1,1.2,1.6,2.6,2.2,4.4.4,1.6.8,3.4.8,5.4v.2ZM177.8,54l-11.8-42h9.4l8,31.4h.2l8-31.4h9.4l-11.8,42h-11.4,0ZM235.4,46.7c1.2,0,2.4-.2,3.4-.6,1-.4,2-.8,2.8-1.6s1.4-1.6,1.8-2.8c.4-1.2.6-2.4.6-4V11.8h8.2v27.2c0,2.4-.4,4.4-1.2,6.2s-2,3.4-3.6,4.8c-1.4,1.4-3.2,2.4-5.4,3-2,.8-4.4,1-6.8,1s-4.8-.4-6.8-1c-2-.8-3.8-1.8-5.4-3-1.6-1.4-2.6-3-3.6-4.8-.8-1.8-1.2-4-1.2-6.2V11.7h8.4v26c0,1.6.2,2.8.6,4,.4,1.2,1,2,1.8,2.8s1.6,1.2,2.8,1.6c1.2.4,2.2.6,3.6.6h0ZM261.4,11.9h8.4v18.2l14.8-18.2h10.4l-14.4,16.8,15.4,25.2h-9.8l-11-18.8-5.4,6v12.8h-8.4V11.9h0ZM206.2,44.2c-3,0-5.4,2.4-5.4,5.4s2.4,5.4,5.4,5.4,5.4-2.4,5.4-5.4-2.4-5.4-5.4-5.4Z"/>
+          </svg>
+      </a>
+    </div>
+    <div class="govuk-header__content">
+      <span class="govuk-header__service-name">
+        Service Name
+      </span>
+    </div>
+  </div>
+</header>
diff --git a/app/templates/govuk/components/header/template-with-service-name.html b/app/templates/govuk/components/header/template-with-service-name.html
new file mode 100644
index 0000000..07e524f
--- /dev/null
+++ b/app/templates/govuk/components/header/template-with-service-name.html
@@ -0,0 +1,34 @@
+<header class="govuk-header" data-module="govuk-header">
+  <div class="govuk-header__container govuk-width-container">
+    <div class="govuk-header__logo">
+      <a href="/" class="govuk-header__link govuk-header__link--homepage">
+        <svg
+            focusable="false"
+            role="img"
+            xmlns="http://www.w3.org/2000/svg"
+            viewBox="0 0 296 60"
+            height="30"
+            width="148"
+            fill="currentcolor" class="govuk-header__logotype" aria-label="GOV.UK"
+          ><title>GOV.UK</title>    <g>
+                <circle cx="20" cy="17.6" r="3.7"/>
+                <circle cx="10.2" cy="23.5" r="3.7"/>
+                <circle cx="3.7" cy="33.2" r="3.7"/>
+                <circle cx="31.7" cy="30.6" r="3.7"/>
+                <circle cx="43.3" cy="17.6" r="3.7"/>
+                <circle cx="53.2" cy="23.5" r="3.7"/>
+                <circle cx="59.7" cy="33.2" r="3.7"/>
+                <circle cx="31.7" cy="30.6" r="3.7"/>
+                <path d="M33.1,9.8c.2-.1.3-.3.5-.5l4.6,2.4v-6.8l-4.6,1.5c-.1-.2-.3-.3-.5-.5l1.9-5.9h-6.7l1.9,5.9c-.2.1-.3.3-.5.5l-4.6-1.5v6.8l4.6-2.4c.1.2.3.3.5.5l-2.6,8c-.9,2.8,1.2,5.7,4.1,5.7h0c3,0,5.1-2.9,4.1-5.7l-2.6-8ZM37,37.9s-3.4,3.8-4.1,6.1c2.2,0,4.2-.5,6.4-2.8l-.7,8.5c-2-2.8-4.4-4.1-5.7-3.8.1,3.1.5,6.7,5.8,7.2,3.7.3,6.7-1.5,7-3.8.4-2.6-2-4.3-3.7-1.6-1.4-4.5,2.4-6.1,4.9-3.2-1.9-4.5-1.8-7.7,2.4-10.9,3,4,2.6,7.3-1.2,11.1,2.4-1.3,6.2,0,4,4.6-1.2-2.8-3.7-2.2-4.2.2-.3,1.7.7,3.7,3,4.2,1.9.3,4.7-.9,7-5.9-1.3,0-2.4.7-3.9,1.7l2.4-8c.6,2.3,1.4,3.7,2.2,4.5.6-1.6.5-2.8,0-5.3l5,1.8c-2.6,3.6-5.2,8.7-7.3,17.5-7.4-1.1-15.7-1.7-24.5-1.7h0c-8.8,0-17.1.6-24.5,1.7-2.1-8.9-4.7-13.9-7.3-17.5l5-1.8c-.5,2.5-.6,3.7,0,5.3.8-.8,1.6-2.3,2.2-4.5l2.4,8c-1.5-1-2.6-1.7-3.9-1.7,2.3,5,5.2,6.2,7,5.9,2.3-.4,3.3-2.4,3-4.2-.5-2.4-3-3.1-4.2-.2-2.2-4.6,1.6-6,4-4.6-3.7-3.7-4.2-7.1-1.2-11.1,4.2,3.2,4.3,6.4,2.4,10.9,2.5-2.8,6.3-1.3,4.9,3.2-1.8-2.7-4.1-1-3.7,1.6.3,2.3,3.3,4.1,7,3.8,5.4-.5,5.7-4.2,5.8-7.2-1.3-.2-3.7,1-5.7,3.8l-.7-8.5c2.2,2.3,4.2,2.7,6.4,2.8-.7-2.3-4.1-6.1-4.1-6.1h10.6,0Z"/>
+              </g>
+              <path d="M88.6,33.2c0,1.8.2,3.4.6,5s1.2,3,2,4.4c1,1.2,2,2.2,3.4,3s3,1.2,5,1.2,3.4-.2,4.6-.8,2.2-1.4,3-2.2,1.2-1.8,1.6-3c.2-1,.4-2,.4-3v-.4h-10.6v-6.4h18.8v23h-7.4v-5c-.6.8-1.2,1.6-2,2.2-.8.6-1.6,1.2-2.6,1.8-1,.4-2,.8-3.2,1.2s-2.4.4-3.6.4c-3,0-5.8-.6-8-1.6-2.4-1.2-4.4-2.6-6-4.6s-2.8-4.2-3.6-6.8c-.6-2.8-1-5.6-1-8.6s.4-5.8,1.4-8.4,2.2-4.8,4-6.8,3.8-3.4,6.2-4.6c2.4-1.2,5.2-1.6,8.2-1.6s3.8.2,5.6.6c1.8.4,3.4,1.2,4.8,2s2.8,1.8,3.8,3c1.2,1.2,2,2.6,2.8,4l-7.4,4.2c-.4-.8-1-1.8-1.6-2.4-.6-.8-1.2-1.4-2-2s-1.6-1-2.6-1.4-2.2-.4-3.4-.4c-2,0-3.6.4-5,1.2-1.4.8-2.6,1.8-3.4,3-1,1.2-1.6,2.8-2,4.4-.6,1.6-.8,3.8-.8,5.4ZM161.4,24.6c-.8-2.6-2.2-4.8-4-6.8s-3.8-3.4-6.2-4.6c-2.4-1.2-5.2-1.6-8.4-1.6s-5.8.6-8.4,1.6c-2.2,1.2-4.4,2.8-6,4.6-1.8,2-3,4.2-4,6.8-.8,2.6-1.4,5.4-1.4,8.4s.4,5.8,1.4,8.4c.8,2.6,2.2,4.8,4,6.8s3.8,3.4,6.2,4.6c2.4,1.2,5.2,1.6,8.4,1.6s5.8-.6,8.4-1.6c2.4-1.2,4.6-2.6,6.2-4.6,1.8-2,3-4.2,4-6.8.8-2.6,1.4-5.4,1.4-8.4-.2-3-.6-5.8-1.6-8.4h0ZM154,33.2c0,2-.2,3.8-.8,5.4-.4,1.6-1.2,3.2-2.2,4.4s-2.2,2.2-3.4,2.8c-1.4.6-3,1-4.8,1s-3.4-.4-4.8-1-2.6-1.6-3.4-2.8c-1-1.2-1.6-2.6-2.2-4.4-.4-1.6-.8-3.4-.8-5.4v-.2c0-2,.2-3.8.8-5.4.4-1.6,1.2-3.2,2.2-4.4,1-1.2,2.2-2.2,3.4-2.8,1.4-.6,3-1,4.8-1s3.4.4,4.8,1,2.6,1.6,3.4,2.8c1,1.2,1.6,2.6,2.2,4.4.4,1.6.8,3.4.8,5.4v.2ZM177.8,54l-11.8-42h9.4l8,31.4h.2l8-31.4h9.4l-11.8,42h-11.4,0ZM235.4,46.7c1.2,0,2.4-.2,3.4-.6,1-.4,2-.8,2.8-1.6s1.4-1.6,1.8-2.8c.4-1.2.6-2.4.6-4V11.8h8.2v27.2c0,2.4-.4,4.4-1.2,6.2s-2,3.4-3.6,4.8c-1.4,1.4-3.2,2.4-5.4,3-2,.8-4.4,1-6.8,1s-4.8-.4-6.8-1c-2-.8-3.8-1.8-5.4-3-1.6-1.4-2.6-3-3.6-4.8-.8-1.8-1.2-4-1.2-6.2V11.7h8.4v26c0,1.6.2,2.8.6,4,.4,1.2,1,2,1.8,2.8s1.6,1.2,2.8,1.6c1.2.4,2.2.6,3.6.6h0ZM261.4,11.9h8.4v18.2l14.8-18.2h10.4l-14.4,16.8,15.4,25.2h-9.8l-11-18.8-5.4,6v12.8h-8.4V11.9h0ZM206.2,44.2c-3,0-5.4,2.4-5.4,5.4s2.4,5.4,5.4,5.4,5.4-2.4,5.4-5.4-2.4-5.4-5.4-5.4Z"/>
+          </svg>
+      </a>
+    </div>
+    <div class="govuk-header__content">
+      <a href="/components/header" class="govuk-header__link govuk-header__service-name">
+        Service Name
+      </a>
+    </div>
+  </div>
+</header>
diff --git a/app/templates/govuk/components/header/template-with-st-edwards-crown.html b/app/templates/govuk/components/header/template-with-st-edwards-crown.html
new file mode 100644
index 0000000..2b830f5
--- /dev/null
+++ b/app/templates/govuk/components/header/template-with-st-edwards-crown.html
@@ -0,0 +1,19 @@
+<header class="govuk-header" data-module="govuk-header">
+  <div class="govuk-header__container govuk-width-container">
+    <div class="govuk-header__logo">
+      <a href="/" class="govuk-header__link govuk-header__link--homepage">
+        <svg
+            focusable="false"
+            role="img"
+            xmlns="http://www.w3.org/2000/svg"
+            viewBox="0 0 304 60"
+            height="30"
+            width="152"
+            fill="currentcolor" class="govuk-header__logotype" aria-label="GOV.UK"
+          ><title>GOV.UK</title>    <path d="M13.4,22.3c2,.8,4.2-.2,5-2s-.2-4.2-2-5c-2-.8-4.2.2-5,2-.8,2,0,4.2,2,5M4.8,27.3c2,.8,4.2-.2,5-2s-.2-4.2-2-5c-2-.8-4.2.2-5,2-1,2,0,4.2,2,5M2.2,36.9c2,.8,4.2-.2,5-2,.8-2-.2-4.2-2-5-2-.8-4.2.2-5,2-.8,2,0,4.2,2,5M23,25.3c2,.8,4.2-.2,5-2s-.2-4.2-2-5c-2-.8-4.2.2-5,2s0,4.2,2,5M57.8,22.3c-2,.8-4.2-.2-5-2s.2-4.2,2-5c2-.8,4.2.2,5,2,1,2,0,4.2-2,5M66.4,27.3c-2,.8-4.2-.2-5-2s.2-4.2,2-5c2-.8,4.2.2,5,2,1,2,0,4.2-2,5M69,36.9c-2,.8-4.2-.2-5-2-.8-2,.2-4.2,2-5,2-.8,4.2.2,5,2,.8,2,0,4.2-2,5M48.2,25.3c-2,.8-4.2-.2-5-2s.2-4.2,2-5c2-.8,4.2.2,5,2s0,4.2-2,5M37.6,15.5l4.8,2.6v-7.2l-4.8,1.6c-.2-.2-.2-.4-.4-.4s2-6,2-6h-6.8l2,6c-.2.2-.4.2-.4.4-.2.2-4.8-1.4-4.8-1.4v7l4.8-2.6c-.2.2,0,.4.2.6l-2.8,8.4c-.2.4-.2.8-.2,1.4,0,2.2,1.6,4.2,3.8,4.4h1.2c2.2-.4,3.8-2.2,3.8-4.4s0-.8-.2-1.4l-2.8-8.4c.4-.2.6-.4.6-.6M35.6,56.1c9.2,0,17.8.6,25.6,1.8,2.2-9.2,4.8-14.4,7.6-18.2l-5.2-1.8c.6,2.6.6,3.8,0,5.6-.8-.8-1.6-2.4-2.2-4.8l-2.4,8.4c1.6-1,2.8-1.8,4-1.8-2.4,5.2-5.4,6.4-7.2,6-2.4-.4-3.4-2.6-3-4.4.6-2.6,3.2-3.2,4.4-.2,2.4-4.8-1.6-6.2-4.2-4.8,3.8-3.8,4.4-7.2,1.2-11.4-4.4,3.4-4.4,6.6-2.4,11.2-2.6-3-6.6-1.4-5,3.4,1.8-2.8,4.2-1,4,1.6-.4,2.4-3.4,4.2-7.4,4-5.6-.4-6-4.4-6-7.4,1.4-.2,3.8,1,6,4l.8-8.8c-2.2,2.4-4.4,2.8-6.6,2.8.8-2.4,4.2-6.2,4.2-6.2h-11s3.6,4,4.2,6.2c-2.2,0-4.4-.6-6.6-2.8l.8,8.8c2.2-3,4.6-4.2,6-4-.2,3.2-.4,7-6,7.4-3.8.4-7-1.6-7.4-4-.4-2.6,2-4.4,3.8-1.6,1.4-4.8-2.6-6.2-5.2-3.4,2-4.6,2-8-2.4-11.2-3.2,4.2-2.6,7.6,1.2,11.4-2.6-1.4-6.4,0-4.2,4.8,1.2-3,3.8-2.2,4.4.2.4,1.8-.8,3.8-3,4.4-2,.4-5-1-7.4-6,1.4,0,2.6.8,4,1.8l-3-8.4c-.6,2.4-1.4,3.8-2.4,4.8-.6-1.6-.4-3,0-5.6l-5.2,1.8c3,3.8,5.6,9,7.8,18.2,7.6-1,16.4-1.8,25.4-1.8"/>
+              <path transform="translate(8 0)" d="M88.6,33.2c0,1.8.2,3.4.6,5s1.2,3,2,4.4c1,1.2,2,2.2,3.4,3s3,1.2,5,1.2,3.4-.2,4.6-.8,2.2-1.4,3-2.2,1.2-1.8,1.6-3c.2-1,.4-2,.4-3v-.4h-10.6v-6.4h18.8v23h-7.4v-5c-.6.8-1.2,1.6-2,2.2-.8.6-1.6,1.2-2.6,1.8-1,.4-2,.8-3.2,1.2s-2.4.4-3.6.4c-3,0-5.8-.6-8-1.6-2.4-1.2-4.4-2.6-6-4.6s-2.8-4.2-3.6-6.8c-.6-2.8-1-5.6-1-8.6s.4-5.8,1.4-8.4,2.2-4.8,4-6.8,3.8-3.4,6.2-4.6c2.4-1.2,5.2-1.6,8.2-1.6s3.8.2,5.6.6c1.8.4,3.4,1.2,4.8,2s2.8,1.8,3.8,3c1.2,1.2,2,2.6,2.8,4l-7.4,4.2c-.4-.8-1-1.8-1.6-2.4-.6-.8-1.2-1.4-2-2s-1.6-1-2.6-1.4-2.2-.4-3.4-.4c-2,0-3.6.4-5,1.2-1.4.8-2.6,1.8-3.4,3-1,1.2-1.6,2.8-2,4.4-.6,1.6-.8,3.8-.8,5.4ZM161.4,24.6c-.8-2.6-2.2-4.8-4-6.8s-3.8-3.4-6.2-4.6c-2.4-1.2-5.2-1.6-8.4-1.6s-5.8.6-8.4,1.6c-2.2,1.2-4.4,2.8-6,4.6-1.8,2-3,4.2-4,6.8-.8,2.6-1.4,5.4-1.4,8.4s.4,5.8,1.4,8.4c.8,2.6,2.2,4.8,4,6.8s3.8,3.4,6.2,4.6c2.4,1.2,5.2,1.6,8.4,1.6s5.8-.6,8.4-1.6c2.4-1.2,4.6-2.6,6.2-4.6,1.8-2,3-4.2,4-6.8.8-2.6,1.4-5.4,1.4-8.4-.2-3-.6-5.8-1.6-8.4h0ZM154,33.2c0,2-.2,3.8-.8,5.4-.4,1.6-1.2,3.2-2.2,4.4s-2.2,2.2-3.4,2.8c-1.4.6-3,1-4.8,1s-3.4-.4-4.8-1-2.6-1.6-3.4-2.8c-1-1.2-1.6-2.6-2.2-4.4-.4-1.6-.8-3.4-.8-5.4v-.2c0-2,.2-3.8.8-5.4.4-1.6,1.2-3.2,2.2-4.4,1-1.2,2.2-2.2,3.4-2.8,1.4-.6,3-1,4.8-1s3.4.4,4.8,1,2.6,1.6,3.4,2.8c1,1.2,1.6,2.6,2.2,4.4.4,1.6.8,3.4.8,5.4v.2ZM177.8,54l-11.8-42h9.4l8,31.4h.2l8-31.4h9.4l-11.8,42h-11.4,0ZM235.4,46.7c1.2,0,2.4-.2,3.4-.6,1-.4,2-.8,2.8-1.6s1.4-1.6,1.8-2.8c.4-1.2.6-2.4.6-4V11.8h8.2v27.2c0,2.4-.4,4.4-1.2,6.2s-2,3.4-3.6,4.8c-1.4,1.4-3.2,2.4-5.4,3-2,.8-4.4,1-6.8,1s-4.8-.4-6.8-1c-2-.8-3.8-1.8-5.4-3-1.6-1.4-2.6-3-3.6-4.8-.8-1.8-1.2-4-1.2-6.2V11.7h8.4v26c0,1.6.2,2.8.6,4,.4,1.2,1,2,1.8,2.8s1.6,1.2,2.8,1.6c1.2.4,2.2.6,3.6.6h0ZM261.4,11.9h8.4v18.2l14.8-18.2h10.4l-14.4,16.8,15.4,25.2h-9.8l-11-18.8-5.4,6v12.8h-8.4V11.9h0ZM206.2,44.2c-3,0-5.4,2.4-5.4,5.4s2.4,5.4,5.4,5.4,5.4-2.4,5.4-5.4-2.4-5.4-5.4-5.4Z"/>
+          </svg>
+      </a>
+    </div>
+  </div>
+</header>
diff --git a/app/templates/govuk/components/header/template.njk b/app/templates/govuk/components/header/template.njk
new file mode 100644
index 0000000..bf33078
--- /dev/null
+++ b/app/templates/govuk/components/header/template.njk
@@ -0,0 +1,66 @@
+{% from "../../macros/attributes.njk" import govukAttributes -%}
+{% from "../../macros/logo.njk" import govukLogo -%}
+
+{%- set _rebrand = params.rebrand | default(govukRebrand() if govukRebrand is callable else govukRebrand) -%}
+
+{%- set menuButtonText = params.menuButtonText if params.menuButtonText else 'Menu' -%}
+
+<header class="govuk-header {%- if params.classes %} {{ params.classes }}{% endif %}" data-module="govuk-header"
+  {{- govukAttributes(params.attributes) }}>
+  <div class="govuk-header__container {{ params.containerClasses | default("govuk-width-container", true) }}">
+    <div class="govuk-header__logo">
+      <a href="{{ params.homepageUrl | default("/", true) }}" class="govuk-header__link govuk-header__link--homepage">
+        {{ govukLogo({
+          classes: "govuk-header__logotype",
+          ariaLabelText: "GOV.UK",
+          useTudorCrown: params.useTudorCrown,
+          rebrand: _rebrand
+        }) | trim | indent(8) }}
+        {% if (params.productName) %}
+        <span class="govuk-header__product-name">
+          {{- params.productName -}}
+        </span>
+        {% endif %}
+      </a>
+    </div>
+  {% if params.serviceName or params.navigation | length %}
+    <div class="govuk-header__content">
+    {% if params.serviceName %}
+      {% if params.serviceUrl %}
+      <a href="{{ params.serviceUrl }}" class="govuk-header__link govuk-header__service-name">
+        {{ params.serviceName }}
+      </a>
+      {% else %}
+      <span class="govuk-header__service-name">
+        {{ params.serviceName }}
+      </span>
+      {% endif %}
+    {% endif %}
+    {% if params.navigation | length %}
+      <nav aria-label="{{ params.navigationLabel | default(menuButtonText, true) }}" class="govuk-header__navigation {%- if params.navigationClasses %} {{ params.navigationClasses }}{% endif %}">
+        <button type="button" class="govuk-header__menu-button govuk-js-header-toggle" aria-controls="navigation" {%- if params.menuButtonLabel and params.menuButtonLabel != menuButtonText %} aria-label="{{ params.menuButtonLabel }}"{% endif %} hidden>
+          {{ menuButtonText }}
+        </button>
+
+        <ul id="navigation" class="govuk-header__navigation-list">
+        {% for item in params.navigation %}
+          {% if item.text or item.html %}
+          <li class="govuk-header__navigation-item {%- if item.active %} govuk-header__navigation-item--active{% endif %}">
+            {% if item.href %}
+            <a class="govuk-header__link" href="{{ item.href }}"
+              {{- govukAttributes(item.attributes) -}}>
+            {% endif %}
+              {{ item.html | safe | trim | indent(14) if item.html else item.text }}
+            {% if item.href %}
+            </a>
+            {% endif %}
+          </li>
+          {% endif %}
+        {% endfor %}
+        </ul>
+      </nav>
+    {% endif %}
+    </div>
+  {% endif %}
+  </div>
+</header>
diff --git a/app/templates/govuk/components/hint/README.md b/app/templates/govuk/components/hint/README.md
new file mode 100644
index 0000000..dbd899e
--- /dev/null
+++ b/app/templates/govuk/components/hint/README.md
@@ -0,0 +1,15 @@
+# Hint
+
+## Installation
+
+See the [main README quick start guide](https://github.com/alphagov/govuk-frontend#quick-start) for how to install this component.
+
+## Guidance and Examples
+
+The hint component is used in other input components. To see an example of it in use, see the [text input component](https://design-system.service.gov.uk/components/text-input/#hint-text).
+
+## Component options
+
+Use options to customise the appearance, content and behaviour of a component when using a macro, for example, changing the text.
+
+See [options table](https://design-system.service.gov.uk/components/text-input/#options-text-input-example--hint) for details.
diff --git a/app/templates/govuk/components/hint/_hint.scss b/app/templates/govuk/components/hint/_hint.scss
new file mode 100644
index 0000000..ccf6424
--- /dev/null
+++ b/app/templates/govuk/components/hint/_hint.scss
@@ -0,0 +1,4 @@
+@import "../../base";
+@import "./index";
+
+/*# sourceMappingURL=_hint.scss.map */
diff --git a/app/templates/govuk/components/hint/_hint.scss.map b/app/templates/govuk/components/hint/_hint.scss.map
new file mode 100644
index 0000000..bc863cc
--- /dev/null
+++ b/app/templates/govuk/components/hint/_hint.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/hint/_hint.scss"],"names":[],"mappings":"AAAA,oBAAoB;AACpB,iBAAiB","file":"_hint.scss","sourcesContent":["@import \"../../base\";\n@import \"./index\";\n"]}
diff --git a/app/templates/govuk/components/hint/_index.scss b/app/templates/govuk/components/hint/_index.scss
new file mode 100644
index 0000000..31e1746
--- /dev/null
+++ b/app/templates/govuk/components/hint/_index.scss
@@ -0,0 +1,45 @@
+@include govuk-exports("govuk/component/hint") {
+  .govuk-hint {
+    @include govuk-font($size: 19);
+
+    margin-bottom: govuk-spacing(3);
+
+    color: $govuk-secondary-text-colour;
+  }
+
+  // Reduces margin-bottom of hint when used after the default label (no class)
+  // or govuk-label--s for better vertical alignment.
+
+  // This adjustment will not work when the label is inside the <h1>, however it
+  // is unlikely that the default or govuk-label--s class would be used in this
+  // case.
+
+  // This adjustment will not work in browsers that do not support :not().
+  // Users with these browsers will see the default size margin (5px larger).
+
+  .govuk-label:not(.govuk-label--m):not(.govuk-label--l):not(.govuk-label--xl) + .govuk-hint {
+    margin-bottom: govuk-spacing(2);
+  }
+
+  // Reduces margin-bottom of hint when used after the default legend (no class)
+  // or govuk-fieldset__legend--s for better vertical alignment.
+
+  // This adjustment will not work when the legend is outside the <h1>, however
+  // it is unlikely that the default or govuk-fieldset__legend--s class would be
+  // used in this case.
+
+  // This adjustment will not work in browsers that do not support :not().
+  // Users with these browsers will see the default size margin (5px larger).
+
+  // prettier-ignore
+  .govuk-fieldset__legend:not(.govuk-fieldset__legend--m):not(.govuk-fieldset__legend--l):not(.govuk-fieldset__legend--xl) + .govuk-hint {
+    margin-bottom: govuk-spacing(2);
+  }
+
+  // Reduces visual spacing of legend when there is a hint
+  .govuk-fieldset__legend + .govuk-hint {
+    margin-top: govuk-spacing(-1);
+  }
+}
+
+/*# sourceMappingURL=_index.scss.map */
diff --git a/app/templates/govuk/components/hint/_index.scss.map b/app/templates/govuk/components/hint/_index.scss.map
new file mode 100644
index 0000000..40fdb7b
--- /dev/null
+++ b/app/templates/govuk/components/hint/_index.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/hint/_index.scss"],"names":[],"mappings":"AAAA;EACE;IACE,8BAA8B;;IAE9B,+BAA+B;;IAE/B,mCAAmC;EACrC;;EAEA,4EAA4E;EAC5E,kDAAkD;;EAElD,6EAA6E;EAC7E,4EAA4E;EAC5E,OAAO;;EAEP,uEAAuE;EACvE,0EAA0E;;EAE1E;IACE,+BAA+B;EACjC;;EAEA,6EAA6E;EAC7E,6DAA6D;;EAE7D,4EAA4E;EAC5E,6EAA6E;EAC7E,oBAAoB;;EAEpB,uEAAuE;EACvE,0EAA0E;;EAE1E,iBAAiB;EACjB;IACE,+BAA+B;EACjC;;EAEA,uDAAuD;EACvD;IACE,6BAA6B;EAC/B;AACF","file":"_index.scss","sourcesContent":["@include govuk-exports(\"govuk/component/hint\") {\n  .govuk-hint {\n    @include govuk-font($size: 19);\n\n    margin-bottom: govuk-spacing(3);\n\n    color: $govuk-secondary-text-colour;\n  }\n\n  // Reduces margin-bottom of hint when used after the default label (no class)\n  // or govuk-label--s for better vertical alignment.\n\n  // This adjustment will not work when the label is inside the <h1>, however it\n  // is unlikely that the default or govuk-label--s class would be used in this\n  // case.\n\n  // This adjustment will not work in browsers that do not support :not().\n  // Users with these browsers will see the default size margin (5px larger).\n\n  .govuk-label:not(.govuk-label--m):not(.govuk-label--l):not(.govuk-label--xl) + .govuk-hint {\n    margin-bottom: govuk-spacing(2);\n  }\n\n  // Reduces margin-bottom of hint when used after the default legend (no class)\n  // or govuk-fieldset__legend--s for better vertical alignment.\n\n  // This adjustment will not work when the legend is outside the <h1>, however\n  // it is unlikely that the default or govuk-fieldset__legend--s class would be\n  // used in this case.\n\n  // This adjustment will not work in browsers that do not support :not().\n  // Users with these browsers will see the default size margin (5px larger).\n\n  // prettier-ignore\n  .govuk-fieldset__legend:not(.govuk-fieldset__legend--m):not(.govuk-fieldset__legend--l):not(.govuk-fieldset__legend--xl) + .govuk-hint {\n    margin-bottom: govuk-spacing(2);\n  }\n\n  // Reduces visual spacing of legend when there is a hint\n  .govuk-fieldset__legend + .govuk-hint {\n    margin-top: govuk-spacing(-1);\n  }\n}\n"]}
diff --git a/app/templates/govuk/components/hint/fixtures.json b/app/templates/govuk/components/hint/fixtures.json
new file mode 100644
index 0000000..593af8d
--- /dev/null
+++ b/app/templates/govuk/components/hint/fixtures.json
@@ -0,0 +1,77 @@
+{
+    "component": "hint",
+    "fixtures": [
+        {
+            "name": "default",
+            "options": {
+                "text": "It's on your National Insurance card, benefit letter, payslip or P60.\nFor example, 'QQ 12 34 56 C'.\n"
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": true,
+            "html": "<div class=\"govuk-hint\">\n  It&#39;s on your National Insurance card, benefit letter, payslip or P60.\nFor example, &#39;QQ 12 34 56 C&#39;.\n\n</div>"
+        },
+        {
+            "name": "with html",
+            "options": {
+                "html": "It's on your National Insurance card, benefit letter, payslip or <a class=\"govuk-link\" href=\"#\">P60</a>.\nFor example, 'QQ 12 34 56 C'.\n"
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-hint\">\n  It's on your National Insurance card, benefit letter, payslip or <a class=\"govuk-link\" href=\"#\">P60</a>.\n  For example, 'QQ 12 34 56 C'.\n</div>"
+        },
+        {
+            "name": "classes",
+            "options": {
+                "id": "example-hint",
+                "classes": "app-hint--custom-modifier",
+                "text": "It's on your National Insurance card, benefit letter, payslip or P60."
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div id=\"example-hint\" class=\"govuk-hint app-hint--custom-modifier\">\n  It&#39;s on your National Insurance card, benefit letter, payslip or P60.\n</div>"
+        },
+        {
+            "name": "id",
+            "options": {
+                "id": "my-hint",
+                "text": "It's on your National Insurance card, benefit letter, payslip or P60."
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div id=\"my-hint\" class=\"govuk-hint\">\n  It&#39;s on your National Insurance card, benefit letter, payslip or P60.\n</div>"
+        },
+        {
+            "name": "html as text",
+            "options": {
+                "text": "Unexpected <strong>bold text</strong> in body"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-hint\">\n  Unexpected &lt;strong&gt;bold text&lt;/strong&gt; in body\n</div>"
+        },
+        {
+            "name": "attributes",
+            "options": {
+                "text": "It's on your National Insurance card, benefit letter, payslip or P60.",
+                "attributes": {
+                    "data-attribute": "my data value"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-hint\" data-attribute=\"my data value\">\n  It&#39;s on your National Insurance card, benefit letter, payslip or P60.\n</div>"
+        }
+    ]
+}
diff --git a/app/templates/govuk/components/hint/macro-options.json b/app/templates/govuk/components/hint/macro-options.json
new file mode 100644
index 0000000..a6623b8
--- /dev/null
+++ b/app/templates/govuk/components/hint/macro-options.json
@@ -0,0 +1,32 @@
+[
+    {
+        "name": "text",
+        "type": "string",
+        "required": true,
+        "description": "If `html` is set, this is not required. Text to use within the hint. If `html` is provided, the `text` option will be ignored."
+    },
+    {
+        "name": "html",
+        "type": "string",
+        "required": true,
+        "description": "If `text` is set, this is not required. HTML to use within the hint. If `html` is provided, the `text` option will be ignored."
+    },
+    {
+        "name": "id",
+        "type": "string",
+        "required": false,
+        "description": "Optional ID attribute to add to the hint span tag."
+    },
+    {
+        "name": "classes",
+        "type": "string",
+        "required": false,
+        "description": "Classes to add to the hint span tag."
+    },
+    {
+        "name": "attributes",
+        "type": "object",
+        "required": false,
+        "description": "HTML attributes (for example data attributes) to add to the hint span tag."
+    }
+]
diff --git a/app/templates/govuk/components/hint/macro.njk b/app/templates/govuk/components/hint/macro.njk
new file mode 100644
index 0000000..e0a639d
--- /dev/null
+++ b/app/templates/govuk/components/hint/macro.njk
@@ -0,0 +1,3 @@
+{% macro govukHint(params) %}
+  {%- include "./template.njk" -%}
+{% endmacro %}
diff --git a/app/templates/govuk/components/hint/template-default.html b/app/templates/govuk/components/hint/template-default.html
new file mode 100644
index 0000000..baa13b1
--- /dev/null
+++ b/app/templates/govuk/components/hint/template-default.html
@@ -0,0 +1,5 @@
+<div class="govuk-hint">
+  It&#39;s on your National Insurance card, benefit letter, payslip or P60.
+For example, &#39;QQ 12 34 56 C&#39;.
+
+</div>
diff --git a/app/templates/govuk/components/hint/template-with-html.html b/app/templates/govuk/components/hint/template-with-html.html
new file mode 100644
index 0000000..8f898c7
--- /dev/null
+++ b/app/templates/govuk/components/hint/template-with-html.html
@@ -0,0 +1,4 @@
+<div class="govuk-hint">
+  It's on your National Insurance card, benefit letter, payslip or <a class="govuk-link" href="#">P60</a>.
+  For example, 'QQ 12 34 56 C'.
+</div>
diff --git a/app/templates/govuk/components/hint/template.njk b/app/templates/govuk/components/hint/template.njk
new file mode 100644
index 0000000..28a6461
--- /dev/null
+++ b/app/templates/govuk/components/hint/template.njk
@@ -0,0 +1,6 @@
+{% from "../../macros/attributes.njk" import govukAttributes -%}
+
+<div {%- if params.id %} id="{{ params.id }}"{% endif %} class="govuk-hint {%- if params.classes %} {{ params.classes }}{% endif %}"
+  {{- govukAttributes(params.attributes) }}>
+  {{ params.html | safe | trim | indent(2) if params.html else params.text }}
+</div>
diff --git a/app/templates/govuk/components/input/README.md b/app/templates/govuk/components/input/README.md
new file mode 100644
index 0000000..30b3d10
--- /dev/null
+++ b/app/templates/govuk/components/input/README.md
@@ -0,0 +1,15 @@
+# Input
+
+## Installation
+
+See the [main README quick start guide](https://github.com/alphagov/govuk-frontend#quick-start) for how to install this component.
+
+## Guidance and Examples
+
+Find out when to use the input component in your service in the [GOV.UK Design System](https://design-system.service.gov.uk/components/text-input).
+
+## Component options
+
+Use options to customise the appearance, content and behaviour of a component when using a macro, for example, changing the text.
+
+See [options table](https://design-system.service.gov.uk/components/text-input/#options-input-example) for details.
diff --git a/app/templates/govuk/components/input/_index.scss b/app/templates/govuk/components/input/_index.scss
new file mode 100644
index 0000000..348e5e4
--- /dev/null
+++ b/app/templates/govuk/components/input/_index.scss
@@ -0,0 +1,160 @@
+@import "../error-message/index";
+@import "../hint/index";
+@import "../label/index";
+
+@include govuk-exports("govuk/component/input") {
+  .govuk-input {
+    @include govuk-font($size: 19);
+
+    box-sizing: border-box;
+    width: 100%;
+    height: govuk-px-to-rem(40px);
+    margin-top: 0;
+    padding: govuk-spacing(1);
+    // Setting any background-color makes text invisible when changing colours
+    // to dark backgrounds in Firefox (https://bugzil.la/1335476). As
+    // background-color and color need to always be set together, color should
+    // not be set either
+    border: $govuk-border-width-form-element solid $govuk-input-border-colour;
+    border-radius: 0;
+
+    // Disable inner shadow and remove rounded corners
+    -webkit-appearance: none;
+            appearance: none;
+
+    &:focus {
+      @include govuk-focused-form-input;
+    }
+
+    &:disabled {
+      opacity: 0.5;
+      color: inherit;
+      background-color: transparent;
+      cursor: not-allowed;
+    }
+  }
+
+  .govuk-input::-webkit-outer-spin-button,
+  .govuk-input::-webkit-inner-spin-button {
+    margin: 0;
+    -webkit-appearance: none;
+  }
+
+  .govuk-input[type="number"] {
+    -moz-appearance: textfield;
+  }
+
+  .govuk-input--error {
+    border-color: $govuk-error-colour;
+
+    &:focus {
+      border-color: $govuk-input-border-colour;
+    }
+  }
+
+  .govuk-input--extra-letter-spacing {
+    @include govuk-font-tabular-numbers;
+    letter-spacing: 0.05em;
+  }
+
+  // em measurements are based on the point size of the typeface
+  // Extra space is added on the right to allow for the Safari prefill icon
+
+  .govuk-input--width-30 {
+    max-width: 29.5em;
+  }
+
+  .govuk-input--width-20 {
+    max-width: 20.5em;
+  }
+
+  .govuk-input--width-10 {
+    max-width: 11.5em;
+  }
+
+  .govuk-input--width-5 {
+    max-width: 5.5em;
+  }
+
+  .govuk-input--width-4 {
+    max-width: 4.5em;
+  }
+
+  .govuk-input--width-3 {
+    max-width: 3.75em;
+  }
+
+  .govuk-input--width-2 {
+    max-width: 2.75em;
+  }
+
+  .govuk-input__wrapper {
+    display: flex;
+
+    .govuk-input {
+      flex: 0 1 auto;
+    }
+
+    .govuk-input:focus {
+      // Hack to stop focus style being overlapped by the suffix
+      z-index: 1;
+    }
+
+    // Split prefix/suffix onto separate lines on narrow screens
+    @include govuk-media-query($until: mobile) {
+      display: block;
+
+      .govuk-input {
+        // Set max-width to override potential width override class on the input
+        max-width: 100%;
+      }
+    }
+  }
+
+  .govuk-input__prefix,
+  .govuk-input__suffix {
+    @include govuk-font($size: 19);
+    box-sizing: border-box;
+    // Use flexbox to align text within the prefix and suffix
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    min-width: govuk-px-to-rem(40px);
+    height: govuk-px-to-rem(40px);
+    padding: govuk-spacing(1);
+    border: $govuk-border-width-form-element solid $govuk-input-border-colour;
+    background-color: govuk-colour("light-grey");
+    text-align: center;
+    white-space: nowrap;
+    // Emphasise non-editable status of prefixes and suffixes
+    cursor: default;
+    flex: 0 0 auto;
+    // Split prefix/suffix onto separate lines on narrow screens
+    @include govuk-media-query($until: mobile) {
+      display: block;
+      height: 100%;
+      white-space: normal;
+    }
+  }
+
+  .govuk-input__prefix {
+    @include govuk-media-query($until: mobile) {
+      border-bottom: 0;
+    }
+    @include govuk-media-query($from: mobile) {
+      border-right: 0;
+    }
+  }
+
+  // Split prefix/suffix onto separate lines on narrow screens
+  .govuk-input__suffix {
+    @include govuk-media-query($until: mobile) {
+      border-top: 0;
+    }
+    @include govuk-media-query($from: mobile) {
+      border-left: 0;
+    }
+  }
+}
+
+/*# sourceMappingURL=_index.scss.map */
diff --git a/app/templates/govuk/components/input/_index.scss.map b/app/templates/govuk/components/input/_index.scss.map
new file mode 100644
index 0000000..3b76f95
--- /dev/null
+++ b/app/templates/govuk/components/input/_index.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/input/_index.scss"],"names":[],"mappings":"AAAA,gCAAgC;AAChC,uBAAuB;AACvB,wBAAwB;;AAExB;EACE;IACE,8BAA8B;;IAE9B,sBAAsB;IACtB,WAAW;IACX,6BAA6B;IAC7B,aAAa;IACb,yBAAyB;IACzB,yEAAyE;IACzE,gEAAgE;IAChE,yEAAyE;IACzE,mBAAmB;IACnB,yEAAyE;IACzE,gBAAgB;;IAEhB,iDAAiD;IACjD,wBAAgB;YAAhB,gBAAgB;;IAEhB;MACE,iCAAiC;IACnC;;IAEA;MACE,YAAY;MACZ,cAAc;MACd,6BAA6B;MAC7B,mBAAmB;IACrB;EACF;;EAEA;;IAEE,SAAS;IACT,wBAAwB;EAC1B;;EAEA;IACE,0BAA0B;EAC5B;;EAEA;IACE,iCAAiC;;IAEjC;MACE,wCAAwC;IAC1C;EACF;;EAEA;IACE,mCAAmC;IACnC,sBAAsB;EACxB;;EAEA,6DAA6D;EAC7D,wEAAwE;;EAExE;IACE,iBAAiB;EACnB;;EAEA;IACE,iBAAiB;EACnB;;EAEA;IACE,iBAAiB;EACnB;;EAEA;IACE,gBAAgB;EAClB;;EAEA;IACE,gBAAgB;EAClB;;EAEA;IACE,iBAAiB;EACnB;;EAEA;IACE,iBAAiB;EACnB;;EAEA;IACE,aAAa;;IAEb;MACE,cAAc;IAChB;;IAEA;MACE,yDAAyD;MACzD,UAAU;IACZ;;IAEA,2DAA2D;IAC3D;MACE,cAAc;;MAEd;QACE,uEAAuE;QACvE,eAAe;MACjB;IACF;EACF;;EAEA;;IAEE,8BAA8B;IAC9B,sBAAsB;IACtB,wDAAwD;IACxD,aAAa;IACb,mBAAmB;IACnB,uBAAuB;IACvB,gCAAgC;IAChC,6BAA6B;IAC7B,yBAAyB;IACzB,yEAAyE;IACzE,4CAA4C;IAC5C,kBAAkB;IAClB,mBAAmB;IACnB,wDAAwD;IACxD,eAAe;IACf,cAAc;IACd,2DAA2D;IAC3D;MACE,cAAc;MACd,YAAY;MACZ,mBAAmB;IACrB;EACF;;EAEA;IACE;MACE,gBAAgB;IAClB;IACA;MACE,eAAe;IACjB;EACF;;EAEA,2DAA2D;EAC3D;IACE;MACE,aAAa;IACf;IACA;MACE,cAAc;IAChB;EACF;AACF","file":"_index.scss","sourcesContent":["@import \"../error-message/index\";\n@import \"../hint/index\";\n@import \"../label/index\";\n\n@include govuk-exports(\"govuk/component/input\") {\n  .govuk-input {\n    @include govuk-font($size: 19);\n\n    box-sizing: border-box;\n    width: 100%;\n    height: govuk-px-to-rem(40px);\n    margin-top: 0;\n    padding: govuk-spacing(1);\n    // Setting any background-color makes text invisible when changing colours\n    // to dark backgrounds in Firefox (https://bugzil.la/1335476). As\n    // background-color and color need to always be set together, color should\n    // not be set either\n    border: $govuk-border-width-form-element solid $govuk-input-border-colour;\n    border-radius: 0;\n\n    // Disable inner shadow and remove rounded corners\n    appearance: none;\n\n    &:focus {\n      @include govuk-focused-form-input;\n    }\n\n    &:disabled {\n      opacity: 0.5;\n      color: inherit;\n      background-color: transparent;\n      cursor: not-allowed;\n    }\n  }\n\n  .govuk-input::-webkit-outer-spin-button,\n  .govuk-input::-webkit-inner-spin-button {\n    margin: 0;\n    -webkit-appearance: none;\n  }\n\n  .govuk-input[type=\"number\"] {\n    -moz-appearance: textfield;\n  }\n\n  .govuk-input--error {\n    border-color: $govuk-error-colour;\n\n    &:focus {\n      border-color: $govuk-input-border-colour;\n    }\n  }\n\n  .govuk-input--extra-letter-spacing {\n    @include govuk-font-tabular-numbers;\n    letter-spacing: 0.05em;\n  }\n\n  // em measurements are based on the point size of the typeface\n  // Extra space is added on the right to allow for the Safari prefill icon\n\n  .govuk-input--width-30 {\n    max-width: 29.5em;\n  }\n\n  .govuk-input--width-20 {\n    max-width: 20.5em;\n  }\n\n  .govuk-input--width-10 {\n    max-width: 11.5em;\n  }\n\n  .govuk-input--width-5 {\n    max-width: 5.5em;\n  }\n\n  .govuk-input--width-4 {\n    max-width: 4.5em;\n  }\n\n  .govuk-input--width-3 {\n    max-width: 3.75em;\n  }\n\n  .govuk-input--width-2 {\n    max-width: 2.75em;\n  }\n\n  .govuk-input__wrapper {\n    display: flex;\n\n    .govuk-input {\n      flex: 0 1 auto;\n    }\n\n    .govuk-input:focus {\n      // Hack to stop focus style being overlapped by the suffix\n      z-index: 1;\n    }\n\n    // Split prefix/suffix onto separate lines on narrow screens\n    @include govuk-media-query($until: mobile) {\n      display: block;\n\n      .govuk-input {\n        // Set max-width to override potential width override class on the input\n        max-width: 100%;\n      }\n    }\n  }\n\n  .govuk-input__prefix,\n  .govuk-input__suffix {\n    @include govuk-font($size: 19);\n    box-sizing: border-box;\n    // Use flexbox to align text within the prefix and suffix\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    min-width: govuk-px-to-rem(40px);\n    height: govuk-px-to-rem(40px);\n    padding: govuk-spacing(1);\n    border: $govuk-border-width-form-element solid $govuk-input-border-colour;\n    background-color: govuk-colour(\"light-grey\");\n    text-align: center;\n    white-space: nowrap;\n    // Emphasise non-editable status of prefixes and suffixes\n    cursor: default;\n    flex: 0 0 auto;\n    // Split prefix/suffix onto separate lines on narrow screens\n    @include govuk-media-query($until: mobile) {\n      display: block;\n      height: 100%;\n      white-space: normal;\n    }\n  }\n\n  .govuk-input__prefix {\n    @include govuk-media-query($until: mobile) {\n      border-bottom: 0;\n    }\n    @include govuk-media-query($from: mobile) {\n      border-right: 0;\n    }\n  }\n\n  // Split prefix/suffix onto separate lines on narrow screens\n  .govuk-input__suffix {\n    @include govuk-media-query($until: mobile) {\n      border-top: 0;\n    }\n    @include govuk-media-query($from: mobile) {\n      border-left: 0;\n    }\n  }\n}\n"]}
diff --git a/app/templates/govuk/components/input/_input.scss b/app/templates/govuk/components/input/_input.scss
new file mode 100644
index 0000000..370afa4
--- /dev/null
+++ b/app/templates/govuk/components/input/_input.scss
@@ -0,0 +1,4 @@
+@import "../../base";
+@import "./index";
+
+/*# sourceMappingURL=_input.scss.map */
diff --git a/app/templates/govuk/components/input/_input.scss.map b/app/templates/govuk/components/input/_input.scss.map
new file mode 100644
index 0000000..87f8508
--- /dev/null
+++ b/app/templates/govuk/components/input/_input.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/input/_input.scss"],"names":[],"mappings":"AAAA,oBAAoB;AACpB,iBAAiB","file":"_input.scss","sourcesContent":["@import \"../../base\";\n@import \"./index\";\n"]}
diff --git a/app/templates/govuk/components/input/fixtures.json b/app/templates/govuk/components/input/fixtures.json
new file mode 100644
index 0000000..a95cba9
--- /dev/null
+++ b/app/templates/govuk/components/input/fixtures.json
@@ -0,0 +1,830 @@
+{
+    "component": "input",
+    "fixtures": [
+        {
+            "name": "default",
+            "options": {
+                "label": {
+                    "text": "National Insurance number"
+                },
+                "name": "test-name"
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": true,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"test-name\">\n    National Insurance number\n  </label>\n  <input class=\"govuk-input\" id=\"test-name\" name=\"test-name\" type=\"text\">\n</div>"
+        },
+        {
+            "name": "with hint text",
+            "options": {
+                "label": {
+                    "text": "National insurance number"
+                },
+                "hint": {
+                    "text": "It’s on your National Insurance card, benefit letter, payslip or P60. For example, ‘QQ 12 34 56 C’."
+                },
+                "id": "input-with-hint-text",
+                "name": "test-name-2"
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"input-with-hint-text\">\n    National insurance number\n  </label>\n  <div id=\"input-with-hint-text-hint\" class=\"govuk-hint\">\n    It’s on your National Insurance card, benefit letter, payslip or P60. For example, ‘QQ 12 34 56 C’.\n  </div>\n  <input class=\"govuk-input\" id=\"input-with-hint-text\" name=\"test-name-2\" type=\"text\" aria-describedby=\"input-with-hint-text-hint\">\n</div>"
+        },
+        {
+            "name": "with error message",
+            "options": {
+                "label": {
+                    "text": "National Insurance number"
+                },
+                "id": "input-with-error-message",
+                "name": "test-name-3",
+                "errorMessage": {
+                    "text": "Enter a National Insurance number in the correct format"
+                }
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-form-group--error\">\n  <label class=\"govuk-label\" for=\"input-with-error-message\">\n    National Insurance number\n  </label>\n  <p id=\"input-with-error-message-error\" class=\"govuk-error-message\">\n    <span class=\"govuk-visually-hidden\">Error:</span> Enter a National Insurance number in the correct format\n  </p>\n  <input class=\"govuk-input govuk-input--error\" id=\"input-with-error-message\" name=\"test-name-3\" type=\"text\" aria-describedby=\"input-with-error-message-error\">\n</div>"
+        },
+        {
+            "name": "with error and hint",
+            "options": {
+                "id": "with-error-hint",
+                "name": "with-error-hint",
+                "label": {
+                    "text": "National insurance number"
+                },
+                "errorMessage": {
+                    "text": "Enter a National Insurance number in the correct format"
+                },
+                "hint": {
+                    "text": "It’s on your National Insurance card, benefit letter, payslip or P60. For example, ‘QQ 12 34 56 C’."
+                }
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-form-group--error\">\n  <label class=\"govuk-label\" for=\"with-error-hint\">\n    National insurance number\n  </label>\n  <div id=\"with-error-hint-hint\" class=\"govuk-hint\">\n    It’s on your National Insurance card, benefit letter, payslip or P60. For example, ‘QQ 12 34 56 C’.\n  </div>\n  <p id=\"with-error-hint-error\" class=\"govuk-error-message\">\n    <span class=\"govuk-visually-hidden\">Error:</span> Enter a National Insurance number in the correct format\n  </p>\n  <input class=\"govuk-input govuk-input--error\" id=\"with-error-hint\" name=\"with-error-hint\" type=\"text\" aria-describedby=\"with-error-hint-hint with-error-hint-error\">\n</div>"
+        },
+        {
+            "name": "with width-2 class",
+            "options": {
+                "label": {
+                    "text": "National insurance number"
+                },
+                "hint": {
+                    "text": "It’s on your National Insurance card, benefit letter, payslip or P60. For example, ‘QQ 12 34 56 C’."
+                },
+                "id": "input-width-2",
+                "name": "test-width-2",
+                "classes": "govuk-input--width-2"
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"input-width-2\">\n    National insurance number\n  </label>\n  <div id=\"input-width-2-hint\" class=\"govuk-hint\">\n    It’s on your National Insurance card, benefit letter, payslip or P60. For example, ‘QQ 12 34 56 C’.\n  </div>\n  <input class=\"govuk-input govuk-input--width-2\" id=\"input-width-2\" name=\"test-width-2\" type=\"text\" aria-describedby=\"input-width-2-hint\">\n</div>"
+        },
+        {
+            "name": "with width-3 class",
+            "options": {
+                "label": {
+                    "text": "National insurance number"
+                },
+                "hint": {
+                    "text": "It’s on your National Insurance card, benefit letter, payslip or P60. For example, ‘QQ 12 34 56 C’."
+                },
+                "id": "input-width-3",
+                "name": "test-width-3",
+                "classes": "govuk-input--width-3"
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"input-width-3\">\n    National insurance number\n  </label>\n  <div id=\"input-width-3-hint\" class=\"govuk-hint\">\n    It’s on your National Insurance card, benefit letter, payslip or P60. For example, ‘QQ 12 34 56 C’.\n  </div>\n  <input class=\"govuk-input govuk-input--width-3\" id=\"input-width-3\" name=\"test-width-3\" type=\"text\" aria-describedby=\"input-width-3-hint\">\n</div>"
+        },
+        {
+            "name": "with width-4 class",
+            "options": {
+                "label": {
+                    "text": "National insurance number"
+                },
+                "hint": {
+                    "text": "It’s on your National Insurance card, benefit letter, payslip or P60. For example, ‘QQ 12 34 56 C’."
+                },
+                "id": "input-width-4",
+                "name": "test-width-4",
+                "classes": "govuk-input--width-4"
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"input-width-4\">\n    National insurance number\n  </label>\n  <div id=\"input-width-4-hint\" class=\"govuk-hint\">\n    It’s on your National Insurance card, benefit letter, payslip or P60. For example, ‘QQ 12 34 56 C’.\n  </div>\n  <input class=\"govuk-input govuk-input--width-4\" id=\"input-width-4\" name=\"test-width-4\" type=\"text\" aria-describedby=\"input-width-4-hint\">\n</div>"
+        },
+        {
+            "name": "with width-5 class",
+            "options": {
+                "label": {
+                    "text": "National insurance number"
+                },
+                "hint": {
+                    "text": "It’s on your National Insurance card, benefit letter, payslip or P60. For example, ‘QQ 12 34 56 C’."
+                },
+                "id": "input-width-5",
+                "name": "test-width-5",
+                "classes": "govuk-input--width-5"
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"input-width-5\">\n    National insurance number\n  </label>\n  <div id=\"input-width-5-hint\" class=\"govuk-hint\">\n    It’s on your National Insurance card, benefit letter, payslip or P60. For example, ‘QQ 12 34 56 C’.\n  </div>\n  <input class=\"govuk-input govuk-input--width-5\" id=\"input-width-5\" name=\"test-width-5\" type=\"text\" aria-describedby=\"input-width-5-hint\">\n</div>"
+        },
+        {
+            "name": "with width-10 class",
+            "options": {
+                "label": {
+                    "text": "National insurance number"
+                },
+                "hint": {
+                    "text": "It’s on your National Insurance card, benefit letter, payslip or P60. For example, ‘QQ 12 34 56 C’."
+                },
+                "id": "input-width-10",
+                "name": "test-width-10",
+                "classes": "govuk-input--width-10"
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"input-width-10\">\n    National insurance number\n  </label>\n  <div id=\"input-width-10-hint\" class=\"govuk-hint\">\n    It’s on your National Insurance card, benefit letter, payslip or P60. For example, ‘QQ 12 34 56 C’.\n  </div>\n  <input class=\"govuk-input govuk-input--width-10\" id=\"input-width-10\" name=\"test-width-10\" type=\"text\" aria-describedby=\"input-width-10-hint\">\n</div>"
+        },
+        {
+            "name": "with width-20 class",
+            "options": {
+                "label": {
+                    "text": "National insurance number"
+                },
+                "hint": {
+                    "text": "It’s on your National Insurance card, benefit letter, payslip or P60. For example, ‘QQ 12 34 56 C’."
+                },
+                "id": "input-width-20",
+                "name": "test-width-20",
+                "classes": "govuk-input--width-20"
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"input-width-20\">\n    National insurance number\n  </label>\n  <div id=\"input-width-20-hint\" class=\"govuk-hint\">\n    It’s on your National Insurance card, benefit letter, payslip or P60. For example, ‘QQ 12 34 56 C’.\n  </div>\n  <input class=\"govuk-input govuk-input--width-20\" id=\"input-width-20\" name=\"test-width-20\" type=\"text\" aria-describedby=\"input-width-20-hint\">\n</div>"
+        },
+        {
+            "name": "with width-30 class",
+            "options": {
+                "label": {
+                    "text": "National insurance number"
+                },
+                "hint": {
+                    "text": "It’s on your National Insurance card, benefit letter, payslip or P60. For example, ‘QQ 12 34 56 C’."
+                },
+                "id": "input-width-30",
+                "name": "test-width-30",
+                "classes": "govuk-input--width-30"
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"input-width-30\">\n    National insurance number\n  </label>\n  <div id=\"input-width-30-hint\" class=\"govuk-hint\">\n    It’s on your National Insurance card, benefit letter, payslip or P60. For example, ‘QQ 12 34 56 C’.\n  </div>\n  <input class=\"govuk-input govuk-input--width-30\" id=\"input-width-30\" name=\"test-width-30\" type=\"text\" aria-describedby=\"input-width-30-hint\">\n</div>"
+        },
+        {
+            "name": "with label as page heading",
+            "options": {
+                "label": {
+                    "text": "National Insurance number",
+                    "classes": "govuk-label--l",
+                    "isPageHeading": true
+                },
+                "id": "input-with-page-heading",
+                "name": "test-name"
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <h1 class=\"govuk-label-wrapper\">\n    <label class=\"govuk-label govuk-label--l\" for=\"input-with-page-heading\">\n      National Insurance number\n    </label>\n  </h1>\n  <input class=\"govuk-input\" id=\"input-with-page-heading\" name=\"test-name\" type=\"text\">\n</div>"
+        },
+        {
+            "name": "with prefix",
+            "options": {
+                "label": {
+                    "text": "Amount, in pounds"
+                },
+                "id": "input-with-prefix",
+                "name": "amount",
+                "prefix": {
+                    "text": "£"
+                }
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"input-with-prefix\">\n    Amount, in pounds\n  </label>\n  <div class=\"govuk-input__wrapper\">\n    <div class=\"govuk-input__prefix\" aria-hidden=\"true\">£</div>\n    <input class=\"govuk-input\" id=\"input-with-prefix\" name=\"amount\" type=\"text\">\n  </div>\n</div>"
+        },
+        {
+            "name": "with suffix",
+            "options": {
+                "label": {
+                    "text": "Weight, in kilograms"
+                },
+                "id": "input-with-suffix",
+                "name": "weight",
+                "suffix": {
+                    "text": "kg"
+                }
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"input-with-suffix\">\n    Weight, in kilograms\n  </label>\n  <div class=\"govuk-input__wrapper\">\n    <input class=\"govuk-input\" id=\"input-with-suffix\" name=\"weight\" type=\"text\">\n    <div class=\"govuk-input__suffix\" aria-hidden=\"true\">kg</div>\n  </div>\n</div>"
+        },
+        {
+            "name": "with prefix and suffix",
+            "options": {
+                "label": {
+                    "text": "Cost per item, in pounds"
+                },
+                "id": "input-with-prefix-suffix",
+                "name": "cost",
+                "prefix": {
+                    "text": "£"
+                },
+                "suffix": {
+                    "text": "per item"
+                }
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": true,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"input-with-prefix-suffix\">\n    Cost per item, in pounds\n  </label>\n  <div class=\"govuk-input__wrapper\">\n    <div class=\"govuk-input__prefix\" aria-hidden=\"true\">£</div>\n    <input class=\"govuk-input\" id=\"input-with-prefix-suffix\" name=\"cost\" type=\"text\">\n    <div class=\"govuk-input__suffix\" aria-hidden=\"true\">per item</div>\n  </div>\n</div>"
+        },
+        {
+            "name": "with prefix and suffix and error",
+            "options": {
+                "label": {
+                    "text": "Cost per item, in pounds"
+                },
+                "id": "input-with-prefix-suffix",
+                "name": "cost",
+                "prefix": {
+                    "text": "£"
+                },
+                "suffix": {
+                    "text": "per item"
+                },
+                "errorMessage": {
+                    "text": "Error message goes here"
+                }
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-form-group--error\">\n  <label class=\"govuk-label\" for=\"input-with-prefix-suffix\">\n    Cost per item, in pounds\n  </label>\n  <p id=\"input-with-prefix-suffix-error\" class=\"govuk-error-message\">\n    <span class=\"govuk-visually-hidden\">Error:</span> Error message goes here\n  </p>\n  <div class=\"govuk-input__wrapper\">\n    <div class=\"govuk-input__prefix\" aria-hidden=\"true\">£</div>\n    <input class=\"govuk-input govuk-input--error\" id=\"input-with-prefix-suffix\" name=\"cost\" type=\"text\" aria-describedby=\"input-with-prefix-suffix-error\">\n    <div class=\"govuk-input__suffix\" aria-hidden=\"true\">per item</div>\n  </div>\n</div>"
+        },
+        {
+            "name": "with prefix and suffix and width modifier",
+            "options": {
+                "label": {
+                    "text": "Cost per item, in pounds"
+                },
+                "id": "input-with-prefix-suffix",
+                "name": "cost",
+                "classes": "govuk-input--width-5",
+                "prefix": {
+                    "text": "£"
+                },
+                "suffix": {
+                    "text": "per item"
+                }
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"input-with-prefix-suffix\">\n    Cost per item, in pounds\n  </label>\n  <div class=\"govuk-input__wrapper\">\n    <div class=\"govuk-input__prefix\" aria-hidden=\"true\">£</div>\n    <input class=\"govuk-input govuk-input--width-5\" id=\"input-with-prefix-suffix\" name=\"cost\" type=\"text\">\n    <div class=\"govuk-input__suffix\" aria-hidden=\"true\">per item</div>\n  </div>\n</div>"
+        },
+        {
+            "name": "with extra letter spacing",
+            "options": {
+                "id": "input-with-extra-letter-spacing",
+                "label": {
+                    "text": "National insurance number"
+                },
+                "classes": "govuk-input--width-30 govuk-input--extra-letter-spacing",
+                "value": "QQ 12 34 56 C"
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": true,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"input-with-extra-letter-spacing\">\n    National insurance number\n  </label>\n  <input class=\"govuk-input govuk-input--width-30 govuk-input--extra-letter-spacing\" id=\"input-with-extra-letter-spacing\" name=\"\" type=\"text\" value=\"QQ 12 34 56 C\">\n</div>"
+        },
+        {
+            "name": "classes",
+            "options": {
+                "id": "with-classes",
+                "name": "with-classes",
+                "label": {
+                    "text": "With classes"
+                },
+                "classes": "app-input--custom-modifier"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"with-classes\">\n    With classes\n  </label>\n  <input class=\"govuk-input app-input--custom-modifier\" id=\"with-classes\" name=\"with-classes\" type=\"text\">\n</div>"
+        },
+        {
+            "name": "id",
+            "options": {
+                "id": "input-id",
+                "name": "testing-name",
+                "label": {
+                    "text": "With custom id"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"input-id\">\n    With custom id\n  </label>\n  <input class=\"govuk-input\" id=\"input-id\" name=\"testing-name\" type=\"text\">\n</div>"
+        },
+        {
+            "name": "custom type",
+            "options": {
+                "id": "with-custom-type",
+                "name": "with-custom-type",
+                "label": {
+                    "text": "With custom type"
+                },
+                "type": "number"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"with-custom-type\">\n    With custom type\n  </label>\n  <input class=\"govuk-input\" id=\"with-custom-type\" name=\"with-custom-type\" type=\"number\">\n</div>"
+        },
+        {
+            "name": "value",
+            "options": {
+                "id": "with-value",
+                "name": "with-value",
+                "label": {
+                    "text": "With value"
+                },
+                "value": "QQ 12 34 56 C"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"with-value\">\n    With value\n  </label>\n  <input class=\"govuk-input\" id=\"with-value\" name=\"with-value\" type=\"text\" value=\"QQ 12 34 56 C\">\n</div>"
+        },
+        {
+            "name": "zero value",
+            "options": {
+                "id": "with-zero-value",
+                "name": "with-zero-value",
+                "label": {
+                    "text": "With zero value"
+                },
+                "value": 0
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"with-zero-value\">\n    With zero value\n  </label>\n  <input class=\"govuk-input\" id=\"with-zero-value\" name=\"with-zero-value\" type=\"text\" value=\"0\">\n</div>"
+        },
+        {
+            "name": "with describedBy",
+            "options": {
+                "id": "with-describedby",
+                "name": "with-describedby",
+                "label": {
+                    "text": "With describedBy"
+                },
+                "describedBy": "test-target-element"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"with-describedby\">\n    With describedBy\n  </label>\n  <input class=\"govuk-input\" id=\"with-describedby\" name=\"with-describedby\" type=\"text\" aria-describedby=\"test-target-element\">\n</div>"
+        },
+        {
+            "name": "attributes",
+            "options": {
+                "id": "with-attributes",
+                "name": "with-attributes",
+                "label": {
+                    "text": "With attributes"
+                },
+                "attributes": {
+                    "data-attribute": "my data value"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"with-attributes\">\n    With attributes\n  </label>\n  <input class=\"govuk-input\" id=\"with-attributes\" name=\"with-attributes\" type=\"text\" data-attribute=\"my data value\">\n</div>"
+        },
+        {
+            "name": "hint with describedBy",
+            "options": {
+                "id": "with-hint-describedby",
+                "name": "with-hint-describedby",
+                "label": {
+                    "text": "With hint describedBy"
+                },
+                "describedBy": "test-target-element",
+                "hint": {
+                    "text": "It’s on your National Insurance card, benefit letter, payslip or P60. For example, ‘QQ 12 34 56 C’."
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"with-hint-describedby\">\n    With hint describedBy\n  </label>\n  <div id=\"with-hint-describedby-hint\" class=\"govuk-hint\">\n    It’s on your National Insurance card, benefit letter, payslip or P60. For example, ‘QQ 12 34 56 C’.\n  </div>\n  <input class=\"govuk-input\" id=\"with-hint-describedby\" name=\"with-hint-describedby\" type=\"text\" aria-describedby=\"test-target-element with-hint-describedby-hint\">\n</div>"
+        },
+        {
+            "name": "error with describedBy",
+            "options": {
+                "id": "with-error-describedby",
+                "name": "with-error-describedby",
+                "label": {
+                    "text": "With error describedBy"
+                },
+                "describedBy": "test-target-element",
+                "errorMessage": {
+                    "text": "Error message"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-form-group--error\">\n  <label class=\"govuk-label\" for=\"with-error-describedby\">\n    With error describedBy\n  </label>\n  <p id=\"with-error-describedby-error\" class=\"govuk-error-message\">\n    <span class=\"govuk-visually-hidden\">Error:</span> Error message\n  </p>\n  <input class=\"govuk-input govuk-input--error\" id=\"with-error-describedby\" name=\"with-error-describedby\" type=\"text\" aria-describedby=\"test-target-element with-error-describedby-error\">\n</div>"
+        },
+        {
+            "name": "with error, hint and describedBy",
+            "options": {
+                "id": "with-error-hint-describedby",
+                "name": "with-error-hint-describedby",
+                "label": {
+                    "text": "With error, hint and describedBy"
+                },
+                "errorMessage": {
+                    "text": "Error message"
+                },
+                "hint": {
+                    "text": "Hint"
+                },
+                "describedBy": "test-target-element"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-form-group--error\">\n  <label class=\"govuk-label\" for=\"with-error-hint-describedby\">\n    With error, hint and describedBy\n  </label>\n  <div id=\"with-error-hint-describedby-hint\" class=\"govuk-hint\">\n    Hint\n  </div>\n  <p id=\"with-error-hint-describedby-error\" class=\"govuk-error-message\">\n    <span class=\"govuk-visually-hidden\">Error:</span> Error message\n  </p>\n  <input class=\"govuk-input govuk-input--error\" id=\"with-error-hint-describedby\" name=\"with-error-hint-describedby\" type=\"text\" aria-describedby=\"test-target-element with-error-hint-describedby-hint with-error-hint-describedby-error\">\n</div>"
+        },
+        {
+            "name": "inputmode",
+            "options": {
+                "id": "with-inputmode",
+                "name": "with-inputmode",
+                "label": {
+                    "text": "With inputmode"
+                },
+                "inputmode": "decimal"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"with-inputmode\">\n    With inputmode\n  </label>\n  <input class=\"govuk-input\" id=\"with-inputmode\" name=\"with-inputmode\" type=\"text\" inputmode=\"decimal\">\n</div>"
+        },
+        {
+            "name": "with prefix with html as text",
+            "options": {
+                "label": {
+                    "text": "Amount, in pounds"
+                },
+                "id": "input-with-prefix",
+                "name": "amount",
+                "prefix": {
+                    "text": "<span>£</span>"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"input-with-prefix\">\n    Amount, in pounds\n  </label>\n  <div class=\"govuk-input__wrapper\">\n    <div class=\"govuk-input__prefix\" aria-hidden=\"true\">&lt;span&gt;£&lt;/span&gt;</div>\n    <input class=\"govuk-input\" id=\"input-with-prefix\" name=\"amount\" type=\"text\">\n  </div>\n</div>"
+        },
+        {
+            "name": "with prefix with html",
+            "options": {
+                "label": {
+                    "html": "Amount, in pounds"
+                },
+                "id": "input-with-prefix",
+                "name": "amount",
+                "prefix": {
+                    "html": "<span>£</span>"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"input-with-prefix\">\n    Amount, in pounds\n  </label>\n  <div class=\"govuk-input__wrapper\">\n    <div class=\"govuk-input__prefix\" aria-hidden=\"true\"><span>£</span></div>\n    <input class=\"govuk-input\" id=\"input-with-prefix\" name=\"amount\" type=\"text\">\n  </div>\n</div>"
+        },
+        {
+            "name": "with prefix with classes",
+            "options": {
+                "label": {
+                    "text": "Amount, in pounds"
+                },
+                "id": "input-with-prefix-element",
+                "name": "amount",
+                "prefix": {
+                    "text": "£",
+                    "classes": "app-input__prefix--custom-modifier"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"input-with-prefix-element\">\n    Amount, in pounds\n  </label>\n  <div class=\"govuk-input__wrapper\">\n    <div class=\"govuk-input__prefix app-input__prefix--custom-modifier\" aria-hidden=\"true\">£</div>\n    <input class=\"govuk-input\" id=\"input-with-prefix-element\" name=\"amount\" type=\"text\">\n  </div>\n</div>"
+        },
+        {
+            "name": "with prefix with attributes",
+            "options": {
+                "label": {
+                    "text": "Amount, in pounds"
+                },
+                "id": "input-with-prefix-element",
+                "name": "amount",
+                "prefix": {
+                    "text": "£",
+                    "attributes": {
+                        "data-attribute": "value"
+                    }
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"input-with-prefix-element\">\n    Amount, in pounds\n  </label>\n  <div class=\"govuk-input__wrapper\">\n    <div class=\"govuk-input__prefix\" aria-hidden=\"true\" data-attribute=\"value\">£</div>\n    <input class=\"govuk-input\" id=\"input-with-prefix-element\" name=\"amount\" type=\"text\">\n  </div>\n</div>"
+        },
+        {
+            "name": "with suffix with html as text",
+            "options": {
+                "label": {
+                    "text": "Weight, in kilograms"
+                },
+                "id": "input-with-suffix",
+                "name": "weight",
+                "suffix": {
+                    "text": "<span>kg</span>"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"input-with-suffix\">\n    Weight, in kilograms\n  </label>\n  <div class=\"govuk-input__wrapper\">\n    <input class=\"govuk-input\" id=\"input-with-suffix\" name=\"weight\" type=\"text\">\n    <div class=\"govuk-input__suffix\" aria-hidden=\"true\">&lt;span&gt;kg&lt;/span&gt;</div>\n  </div>\n</div>"
+        },
+        {
+            "name": "with suffix with html",
+            "options": {
+                "label": {
+                    "text": "Weight, in kilograms"
+                },
+                "id": "input-with-suffix",
+                "name": "weight",
+                "suffix": {
+                    "html": "<span>kg</span>"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"input-with-suffix\">\n    Weight, in kilograms\n  </label>\n  <div class=\"govuk-input__wrapper\">\n    <input class=\"govuk-input\" id=\"input-with-suffix\" name=\"weight\" type=\"text\">\n    <div class=\"govuk-input__suffix\" aria-hidden=\"true\"><span>kg</span></div>\n  </div>\n</div>"
+        },
+        {
+            "name": "with suffix with classes",
+            "options": {
+                "label": {
+                    "text": "Weight, in kilograms"
+                },
+                "id": "input-with-suffix",
+                "name": "weight",
+                "suffix": {
+                    "html": "<span>kg</span>",
+                    "classes": "app-input__suffix--custom-modifier"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"input-with-suffix\">\n    Weight, in kilograms\n  </label>\n  <div class=\"govuk-input__wrapper\">\n    <input class=\"govuk-input\" id=\"input-with-suffix\" name=\"weight\" type=\"text\">\n    <div class=\"govuk-input__suffix app-input__suffix--custom-modifier\" aria-hidden=\"true\"><span>kg</span></div>\n  </div>\n</div>"
+        },
+        {
+            "name": "with suffix with attributes",
+            "options": {
+                "label": {
+                    "text": "Weight, in kilograms"
+                },
+                "id": "input-with-suffix",
+                "name": "weight",
+                "suffix": {
+                    "html": "<span>kg</span>",
+                    "attributes": {
+                        "data-attribute": "value"
+                    }
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"input-with-suffix\">\n    Weight, in kilograms\n  </label>\n  <div class=\"govuk-input__wrapper\">\n    <input class=\"govuk-input\" id=\"input-with-suffix\" name=\"weight\" type=\"text\">\n    <div class=\"govuk-input__suffix\" aria-hidden=\"true\" data-attribute=\"value\"><span>kg</span></div>\n  </div>\n</div>"
+        },
+        {
+            "name": "with customised input wrapper",
+            "options": {
+                "label": {
+                    "text": "Cost per item, in pounds"
+                },
+                "id": "input-with-customised-input-wrapper",
+                "name": "cost",
+                "inputWrapper": {
+                    "classes": "app-input-wrapper--custom-modifier",
+                    "attributes": {
+                        "data-attribute": "value"
+                    }
+                },
+                "prefix": {
+                    "text": "£"
+                },
+                "suffix": {
+                    "text": "per item"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"input-with-customised-input-wrapper\">\n    Cost per item, in pounds\n  </label>\n  <div class=\"govuk-input__wrapper app-input-wrapper--custom-modifier\" data-attribute=\"value\">\n    <div class=\"govuk-input__prefix\" aria-hidden=\"true\">£</div>\n    <input class=\"govuk-input\" id=\"input-with-customised-input-wrapper\" name=\"cost\" type=\"text\">\n    <div class=\"govuk-input__suffix\" aria-hidden=\"true\">per item</div>\n  </div>\n</div>"
+        },
+        {
+            "name": "with optional form-group classes",
+            "options": {
+                "label": {
+                    "text": "National Insurance number"
+                },
+                "id": "input-example",
+                "name": "test-name",
+                "formGroup": {
+                    "classes": "extra-class"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group extra-class\">\n  <label class=\"govuk-label\" for=\"input-example\">\n    National Insurance number\n  </label>\n  <input class=\"govuk-input\" id=\"input-example\" name=\"test-name\" type=\"text\">\n</div>"
+        },
+        {
+            "name": "with autocomplete attribute",
+            "options": {
+                "label": {
+                    "text": "Postcode"
+                },
+                "id": "input-with-autocomplete-attribute",
+                "name": "postcode",
+                "autocomplete": "postal-code"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"input-with-autocomplete-attribute\">\n    Postcode\n  </label>\n  <input class=\"govuk-input\" id=\"input-with-autocomplete-attribute\" name=\"postcode\" type=\"text\" autocomplete=\"postal-code\">\n</div>"
+        },
+        {
+            "name": "with pattern attribute",
+            "options": {
+                "label": {
+                    "text": "Numbers only"
+                },
+                "id": "input-with-pattern-attribute",
+                "name": "numbers-only",
+                "type": "number",
+                "pattern": "[0-9]*"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"input-with-pattern-attribute\">\n    Numbers only\n  </label>\n  <input class=\"govuk-input\" id=\"input-with-pattern-attribute\" name=\"numbers-only\" type=\"number\" pattern=\"[0-9]*\">\n</div>"
+        },
+        {
+            "name": "with spellcheck enabled",
+            "options": {
+                "label": {
+                    "text": "Spellcheck is enabled"
+                },
+                "id": "input-with-spellcheck-enabled",
+                "name": "spellcheck",
+                "type": "text",
+                "spellcheck": true
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"input-with-spellcheck-enabled\">\n    Spellcheck is enabled\n  </label>\n  <input class=\"govuk-input\" id=\"input-with-spellcheck-enabled\" name=\"spellcheck\" type=\"text\" spellcheck=\"true\">\n</div>"
+        },
+        {
+            "name": "with spellcheck disabled",
+            "options": {
+                "label": {
+                    "text": "Spellcheck is disabled"
+                },
+                "id": "input-with-spellcheck-disabled",
+                "name": "spellcheck",
+                "type": "text",
+                "spellcheck": false
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"input-with-spellcheck-disabled\">\n    Spellcheck is disabled\n  </label>\n  <input class=\"govuk-input\" id=\"input-with-spellcheck-disabled\" name=\"spellcheck\" type=\"text\" spellcheck=\"false\">\n</div>"
+        },
+        {
+            "name": "with autocapitalize turned off",
+            "options": {
+                "label": {
+                    "text": "Autocapitalize is turned off"
+                },
+                "id": "input-with-autocapitalize-off",
+                "name": "autocapitalize",
+                "type": "text",
+                "autocapitalize": "none"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"input-with-autocapitalize-off\">\n    Autocapitalize is turned off\n  </label>\n  <input class=\"govuk-input\" id=\"input-with-autocapitalize-off\" name=\"autocapitalize\" type=\"text\" autocapitalize=\"none\">\n</div>"
+        },
+        {
+            "name": "disabled",
+            "options": {
+                "label": {
+                    "text": "Disabled input"
+                },
+                "id": "disabled-input",
+                "disabled": true
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"disabled-input\">\n    Disabled input\n  </label>\n  <input class=\"govuk-input\" id=\"disabled-input\" name=\"\" type=\"text\" disabled>\n</div>"
+        }
+    ]
+}
diff --git a/app/templates/govuk/components/input/macro-options.json b/app/templates/govuk/components/input/macro-options.json
new file mode 100644
index 0000000..bfb385a
--- /dev/null
+++ b/app/templates/govuk/components/input/macro-options.json
@@ -0,0 +1,245 @@
+[
+    {
+        "name": "id",
+        "type": "string",
+        "required": false,
+        "description": "The ID of the input. Defaults to the value of `name`."
+    },
+    {
+        "name": "name",
+        "type": "string",
+        "required": true,
+        "description": "The name of the input, which is submitted with the form data."
+    },
+    {
+        "name": "type",
+        "type": "string",
+        "required": false,
+        "description": "Type of input control to render, for example, a password input control. Defaults to `\"text\"`."
+    },
+    {
+        "name": "inputmode",
+        "type": "string",
+        "required": false,
+        "description": "Optional value for [the inputmode attribute](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/inputmode)."
+    },
+    {
+        "name": "value",
+        "type": "string",
+        "required": false,
+        "description": "Optional initial value of the input."
+    },
+    {
+        "name": "disabled",
+        "type": "boolean",
+        "required": false,
+        "description": "If `true`, input will be disabled."
+    },
+    {
+        "name": "describedBy",
+        "type": "string",
+        "required": false,
+        "description": "One or more element IDs to add to the `aria-describedby` attribute, used to provide additional descriptive information for screenreader users."
+    },
+    {
+        "name": "label",
+        "type": "object",
+        "required": true,
+        "description": "The label used by the text input component.",
+        "isComponent": true
+    },
+    {
+        "name": "hint",
+        "type": "object",
+        "required": false,
+        "description": "Can be used to add a hint to a text input component.",
+        "isComponent": true
+    },
+    {
+        "name": "errorMessage",
+        "type": "object",
+        "required": false,
+        "description": "Can be used to add an error message to the text input component. The error message component will not display if you use a falsy value for `errorMessage`, for example `false` or `null`.",
+        "isComponent": true
+    },
+    {
+        "name": "prefix",
+        "type": "object",
+        "required": false,
+        "description": "Can be used to add a prefix to the text input component.",
+        "params": [
+            {
+                "name": "text",
+                "type": "string",
+                "required": true,
+                "description": "Required. If `html` is set, this is not required. Text to use within the prefix. If `html` is provided, the `text` option will be ignored."
+            },
+            {
+                "name": "html",
+                "type": "string",
+                "required": true,
+                "description": "Required. If `text` is set, this is not required. HTML to use within the prefix. If `html` is provided, the `text` option will be ignored."
+            },
+            {
+                "name": "classes",
+                "type": "string",
+                "required": false,
+                "description": "Classes to add to the prefix."
+            },
+            {
+                "name": "attributes",
+                "type": "object",
+                "required": false,
+                "description": "HTML attributes (for example data attributes) to add to the prefix element."
+            }
+        ]
+    },
+    {
+        "name": "suffix",
+        "type": "object",
+        "required": false,
+        "description": "Can be used to add a suffix to the text input component.",
+        "params": [
+            {
+                "name": "text",
+                "type": "string",
+                "required": true,
+                "description": "If `html` is set, this is not required. Text to use within the suffix. If `html` is provided, the `text` option will be ignored."
+            },
+            {
+                "name": "html",
+                "type": "string",
+                "required": true,
+                "description": "If `text` is set, this is not required. HTML to use within the suffix. If `html` is provided, the `text` option will be ignored."
+            },
+            {
+                "name": "classes",
+                "type": "string",
+                "required": false,
+                "description": "Classes to add to the suffix element."
+            },
+            {
+                "name": "attributes",
+                "type": "object",
+                "required": false,
+                "description": "HTML attributes (for example data attributes) to add to the suffix element."
+            }
+        ]
+    },
+    {
+        "name": "formGroup",
+        "type": "object",
+        "required": false,
+        "description": "Additional options for the form group containing the text input component.",
+        "params": [
+            {
+                "name": "classes",
+                "type": "string",
+                "required": false,
+                "description": "Classes to add to the form group (for example to show error state for the whole group)."
+            },
+            {
+                "name": "attributes",
+                "type": "object",
+                "required": false,
+                "description": "HTML attributes (for example data attributes) to add to the form group."
+            },
+            {
+                "name": "beforeInput",
+                "type": "object",
+                "required": false,
+                "description": "Content to add before the input used by the text input component.",
+                "params": [
+                    {
+                        "name": "text",
+                        "type": "string",
+                        "required": true,
+                        "description": "Text to add before the input. If `html` is provided, the `text` option will be ignored."
+                    },
+                    {
+                        "name": "html",
+                        "type": "string",
+                        "required": true,
+                        "description": "HTML to add before the input. If `html` is provided, the `text` option will be ignored."
+                    }
+                ]
+            },
+            {
+                "name": "afterInput",
+                "type": "object",
+                "required": false,
+                "description": "Content to add after the input used by the text input component.",
+                "params": [
+                    {
+                        "name": "text",
+                        "type": "string",
+                        "required": true,
+                        "description": "Text to add after the input. If `html` is provided, the `text` option will be ignored."
+                    },
+                    {
+                        "name": "html",
+                        "type": "string",
+                        "required": true,
+                        "description": "HTML to add after the input. If `html` is provided, the `text` option will be ignored."
+                    }
+                ]
+            }
+        ]
+    },
+    {
+        "name": "classes",
+        "type": "string",
+        "required": false,
+        "description": "Classes to add to the input."
+    },
+    {
+        "name": "autocomplete",
+        "type": "string",
+        "required": false,
+        "description": "Attribute to meet [WCAG success criterion 1.3.5: Identify input purpose](https://www.w3.org/WAI/WCAG22/Understanding/identify-input-purpose.html), for instance `\"bday-day\"`. See the [Autofill section in the HTML standard](https://html.spec.whatwg.org/multipage/form-control-infrastructure.html#autofill) section in the HTML standard for full list of attributes that can be used."
+    },
+    {
+        "name": "pattern",
+        "type": "string",
+        "required": false,
+        "description": "Attribute to [provide a regular expression pattern](https://html.spec.whatwg.org/multipage/input.html#the-pattern-attribute), used to match allowed character combinations for the input value."
+    },
+    {
+        "name": "spellcheck",
+        "type": "boolean",
+        "required": false,
+        "description": "Optional field to enable or disable the `spellcheck` attribute on the input."
+    },
+    {
+        "name": "autocapitalize",
+        "type": "string",
+        "required": false,
+        "description": "Optional field to enable or disable autocapitalisation of user input. [See the Autocapitalization section in the HTML spec](https://html.spec.whatwg.org/multipage/interaction.html#autocapitalization) for a full list of values that can be used."
+    },
+    {
+        "name": "inputWrapper",
+        "type": "object",
+        "required": false,
+        "description": "If any of `prefix`, `suffix`, `formGroup.beforeInput` or `formGroup.afterInput` have a value, a wrapping element is added around the input and inserted content. This object allows you to customise that wrapping element.",
+        "params": [
+            {
+                "name": "classes",
+                "type": "string",
+                "required": false,
+                "description": "Classes to add to the wrapping element."
+            },
+            {
+                "name": "attributes",
+                "type": "object",
+                "required": false,
+                "description": "HTML attributes (for example data attributes) to add to the wrapping element."
+            }
+        ]
+    },
+    {
+        "name": "attributes",
+        "type": "object",
+        "required": false,
+        "description": "HTML attributes (for example data attributes) to add to the input."
+    }
+]
diff --git a/app/templates/govuk/components/input/macro.njk b/app/templates/govuk/components/input/macro.njk
new file mode 100644
index 0000000..e512c18
--- /dev/null
+++ b/app/templates/govuk/components/input/macro.njk
@@ -0,0 +1,3 @@
+{% macro govukInput(params) %}
+  {%- include "./template.njk" -%}
+{% endmacro %}
diff --git a/app/templates/govuk/components/input/template-default.html b/app/templates/govuk/components/input/template-default.html
new file mode 100644
index 0000000..a6aced5
--- /dev/null
+++ b/app/templates/govuk/components/input/template-default.html
@@ -0,0 +1,6 @@
+<div class="govuk-form-group">
+  <label class="govuk-label" for="test-name">
+    National Insurance number
+  </label>
+  <input class="govuk-input" id="test-name" name="test-name" type="text">
+</div>
diff --git a/app/templates/govuk/components/input/template-with-error-and-hint.html b/app/templates/govuk/components/input/template-with-error-and-hint.html
new file mode 100644
index 0000000..6b14ce4
--- /dev/null
+++ b/app/templates/govuk/components/input/template-with-error-and-hint.html
@@ -0,0 +1,12 @@
+<div class="govuk-form-group govuk-form-group--error">
+  <label class="govuk-label" for="with-error-hint">
+    National insurance number
+  </label>
+  <div id="with-error-hint-hint" class="govuk-hint">
+    It’s on your National Insurance card, benefit letter, payslip or P60. For example, ‘QQ 12 34 56 C’.
+  </div>
+  <p id="with-error-hint-error" class="govuk-error-message">
+    <span class="govuk-visually-hidden">Error:</span> Enter a National Insurance number in the correct format
+  </p>
+  <input class="govuk-input govuk-input--error" id="with-error-hint" name="with-error-hint" type="text" aria-describedby="with-error-hint-hint with-error-hint-error">
+</div>
diff --git a/app/templates/govuk/components/input/template-with-error-message.html b/app/templates/govuk/components/input/template-with-error-message.html
new file mode 100644
index 0000000..35b100b
--- /dev/null
+++ b/app/templates/govuk/components/input/template-with-error-message.html
@@ -0,0 +1,9 @@
+<div class="govuk-form-group govuk-form-group--error">
+  <label class="govuk-label" for="input-with-error-message">
+    National Insurance number
+  </label>
+  <p id="input-with-error-message-error" class="govuk-error-message">
+    <span class="govuk-visually-hidden">Error:</span> Enter a National Insurance number in the correct format
+  </p>
+  <input class="govuk-input govuk-input--error" id="input-with-error-message" name="test-name-3" type="text" aria-describedby="input-with-error-message-error">
+</div>
diff --git a/app/templates/govuk/components/input/template-with-extra-letter-spacing.html b/app/templates/govuk/components/input/template-with-extra-letter-spacing.html
new file mode 100644
index 0000000..cd0d706
--- /dev/null
+++ b/app/templates/govuk/components/input/template-with-extra-letter-spacing.html
@@ -0,0 +1,6 @@
+<div class="govuk-form-group">
+  <label class="govuk-label" for="input-with-extra-letter-spacing">
+    National insurance number
+  </label>
+  <input class="govuk-input govuk-input--width-30 govuk-input--extra-letter-spacing" id="input-with-extra-letter-spacing" name="" type="text" value="QQ 12 34 56 C">
+</div>
diff --git a/app/templates/govuk/components/input/template-with-hint-text.html b/app/templates/govuk/components/input/template-with-hint-text.html
new file mode 100644
index 0000000..e027158
--- /dev/null
+++ b/app/templates/govuk/components/input/template-with-hint-text.html
@@ -0,0 +1,9 @@
+<div class="govuk-form-group">
+  <label class="govuk-label" for="input-with-hint-text">
+    National insurance number
+  </label>
+  <div id="input-with-hint-text-hint" class="govuk-hint">
+    It’s on your National Insurance card, benefit letter, payslip or P60. For example, ‘QQ 12 34 56 C’.
+  </div>
+  <input class="govuk-input" id="input-with-hint-text" name="test-name-2" type="text" aria-describedby="input-with-hint-text-hint">
+</div>
diff --git a/app/templates/govuk/components/input/template-with-label-as-page-heading.html b/app/templates/govuk/components/input/template-with-label-as-page-heading.html
new file mode 100644
index 0000000..307e576
--- /dev/null
+++ b/app/templates/govuk/components/input/template-with-label-as-page-heading.html
@@ -0,0 +1,8 @@
+<div class="govuk-form-group">
+  <h1 class="govuk-label-wrapper">
+    <label class="govuk-label govuk-label--l" for="input-with-page-heading">
+      National Insurance number
+    </label>
+  </h1>
+  <input class="govuk-input" id="input-with-page-heading" name="test-name" type="text">
+</div>
diff --git a/app/templates/govuk/components/input/template-with-prefix-and-suffix-and-error.html b/app/templates/govuk/components/input/template-with-prefix-and-suffix-and-error.html
new file mode 100644
index 0000000..15c8a1d
--- /dev/null
+++ b/app/templates/govuk/components/input/template-with-prefix-and-suffix-and-error.html
@@ -0,0 +1,13 @@
+<div class="govuk-form-group govuk-form-group--error">
+  <label class="govuk-label" for="input-with-prefix-suffix">
+    Cost per item, in pounds
+  </label>
+  <p id="input-with-prefix-suffix-error" class="govuk-error-message">
+    <span class="govuk-visually-hidden">Error:</span> Error message goes here
+  </p>
+  <div class="govuk-input__wrapper">
+    <div class="govuk-input__prefix" aria-hidden="true">£</div>
+    <input class="govuk-input govuk-input--error" id="input-with-prefix-suffix" name="cost" type="text" aria-describedby="input-with-prefix-suffix-error">
+    <div class="govuk-input__suffix" aria-hidden="true">per item</div>
+  </div>
+</div>
diff --git a/app/templates/govuk/components/input/template-with-prefix-and-suffix-and-width-modifier.html b/app/templates/govuk/components/input/template-with-prefix-and-suffix-and-width-modifier.html
new file mode 100644
index 0000000..3bf04a7
--- /dev/null
+++ b/app/templates/govuk/components/input/template-with-prefix-and-suffix-and-width-modifier.html
@@ -0,0 +1,10 @@
+<div class="govuk-form-group">
+  <label class="govuk-label" for="input-with-prefix-suffix">
+    Cost per item, in pounds
+  </label>
+  <div class="govuk-input__wrapper">
+    <div class="govuk-input__prefix" aria-hidden="true">£</div>
+    <input class="govuk-input govuk-input--width-5" id="input-with-prefix-suffix" name="cost" type="text">
+    <div class="govuk-input__suffix" aria-hidden="true">per item</div>
+  </div>
+</div>
diff --git a/app/templates/govuk/components/input/template-with-prefix-and-suffix.html b/app/templates/govuk/components/input/template-with-prefix-and-suffix.html
new file mode 100644
index 0000000..31ba8ea
--- /dev/null
+++ b/app/templates/govuk/components/input/template-with-prefix-and-suffix.html
@@ -0,0 +1,10 @@
+<div class="govuk-form-group">
+  <label class="govuk-label" for="input-with-prefix-suffix">
+    Cost per item, in pounds
+  </label>
+  <div class="govuk-input__wrapper">
+    <div class="govuk-input__prefix" aria-hidden="true">£</div>
+    <input class="govuk-input" id="input-with-prefix-suffix" name="cost" type="text">
+    <div class="govuk-input__suffix" aria-hidden="true">per item</div>
+  </div>
+</div>
diff --git a/app/templates/govuk/components/input/template-with-prefix.html b/app/templates/govuk/components/input/template-with-prefix.html
new file mode 100644
index 0000000..acee3d2
--- /dev/null
+++ b/app/templates/govuk/components/input/template-with-prefix.html
@@ -0,0 +1,9 @@
+<div class="govuk-form-group">
+  <label class="govuk-label" for="input-with-prefix">
+    Amount, in pounds
+  </label>
+  <div class="govuk-input__wrapper">
+    <div class="govuk-input__prefix" aria-hidden="true">£</div>
+    <input class="govuk-input" id="input-with-prefix" name="amount" type="text">
+  </div>
+</div>
diff --git a/app/templates/govuk/components/input/template-with-suffix.html b/app/templates/govuk/components/input/template-with-suffix.html
new file mode 100644
index 0000000..2403b07
--- /dev/null
+++ b/app/templates/govuk/components/input/template-with-suffix.html
@@ -0,0 +1,9 @@
+<div class="govuk-form-group">
+  <label class="govuk-label" for="input-with-suffix">
+    Weight, in kilograms
+  </label>
+  <div class="govuk-input__wrapper">
+    <input class="govuk-input" id="input-with-suffix" name="weight" type="text">
+    <div class="govuk-input__suffix" aria-hidden="true">kg</div>
+  </div>
+</div>
diff --git a/app/templates/govuk/components/input/template-with-width-10-class.html b/app/templates/govuk/components/input/template-with-width-10-class.html
new file mode 100644
index 0000000..bb84b59
--- /dev/null
+++ b/app/templates/govuk/components/input/template-with-width-10-class.html
@@ -0,0 +1,9 @@
+<div class="govuk-form-group">
+  <label class="govuk-label" for="input-width-10">
+    National insurance number
+  </label>
+  <div id="input-width-10-hint" class="govuk-hint">
+    It’s on your National Insurance card, benefit letter, payslip or P60. For example, ‘QQ 12 34 56 C’.
+  </div>
+  <input class="govuk-input govuk-input--width-10" id="input-width-10" name="test-width-10" type="text" aria-describedby="input-width-10-hint">
+</div>
diff --git a/app/templates/govuk/components/input/template-with-width-2-class.html b/app/templates/govuk/components/input/template-with-width-2-class.html
new file mode 100644
index 0000000..7978d01
--- /dev/null
+++ b/app/templates/govuk/components/input/template-with-width-2-class.html
@@ -0,0 +1,9 @@
+<div class="govuk-form-group">
+  <label class="govuk-label" for="input-width-2">
+    National insurance number
+  </label>
+  <div id="input-width-2-hint" class="govuk-hint">
+    It’s on your National Insurance card, benefit letter, payslip or P60. For example, ‘QQ 12 34 56 C’.
+  </div>
+  <input class="govuk-input govuk-input--width-2" id="input-width-2" name="test-width-2" type="text" aria-describedby="input-width-2-hint">
+</div>
diff --git a/app/templates/govuk/components/input/template-with-width-20-class.html b/app/templates/govuk/components/input/template-with-width-20-class.html
new file mode 100644
index 0000000..f6b3344
--- /dev/null
+++ b/app/templates/govuk/components/input/template-with-width-20-class.html
@@ -0,0 +1,9 @@
+<div class="govuk-form-group">
+  <label class="govuk-label" for="input-width-20">
+    National insurance number
+  </label>
+  <div id="input-width-20-hint" class="govuk-hint">
+    It’s on your National Insurance card, benefit letter, payslip or P60. For example, ‘QQ 12 34 56 C’.
+  </div>
+  <input class="govuk-input govuk-input--width-20" id="input-width-20" name="test-width-20" type="text" aria-describedby="input-width-20-hint">
+</div>
diff --git a/app/templates/govuk/components/input/template-with-width-3-class.html b/app/templates/govuk/components/input/template-with-width-3-class.html
new file mode 100644
index 0000000..1af6416
--- /dev/null
+++ b/app/templates/govuk/components/input/template-with-width-3-class.html
@@ -0,0 +1,9 @@
+<div class="govuk-form-group">
+  <label class="govuk-label" for="input-width-3">
+    National insurance number
+  </label>
+  <div id="input-width-3-hint" class="govuk-hint">
+    It’s on your National Insurance card, benefit letter, payslip or P60. For example, ‘QQ 12 34 56 C’.
+  </div>
+  <input class="govuk-input govuk-input--width-3" id="input-width-3" name="test-width-3" type="text" aria-describedby="input-width-3-hint">
+</div>
diff --git a/app/templates/govuk/components/input/template-with-width-30-class.html b/app/templates/govuk/components/input/template-with-width-30-class.html
new file mode 100644
index 0000000..e20eed1
--- /dev/null
+++ b/app/templates/govuk/components/input/template-with-width-30-class.html
@@ -0,0 +1,9 @@
+<div class="govuk-form-group">
+  <label class="govuk-label" for="input-width-30">
+    National insurance number
+  </label>
+  <div id="input-width-30-hint" class="govuk-hint">
+    It’s on your National Insurance card, benefit letter, payslip or P60. For example, ‘QQ 12 34 56 C’.
+  </div>
+  <input class="govuk-input govuk-input--width-30" id="input-width-30" name="test-width-30" type="text" aria-describedby="input-width-30-hint">
+</div>
diff --git a/app/templates/govuk/components/input/template-with-width-4-class.html b/app/templates/govuk/components/input/template-with-width-4-class.html
new file mode 100644
index 0000000..e6e5a70
--- /dev/null
+++ b/app/templates/govuk/components/input/template-with-width-4-class.html
@@ -0,0 +1,9 @@
+<div class="govuk-form-group">
+  <label class="govuk-label" for="input-width-4">
+    National insurance number
+  </label>
+  <div id="input-width-4-hint" class="govuk-hint">
+    It’s on your National Insurance card, benefit letter, payslip or P60. For example, ‘QQ 12 34 56 C’.
+  </div>
+  <input class="govuk-input govuk-input--width-4" id="input-width-4" name="test-width-4" type="text" aria-describedby="input-width-4-hint">
+</div>
diff --git a/app/templates/govuk/components/input/template-with-width-5-class.html b/app/templates/govuk/components/input/template-with-width-5-class.html
new file mode 100644
index 0000000..1d4d2c6
--- /dev/null
+++ b/app/templates/govuk/components/input/template-with-width-5-class.html
@@ -0,0 +1,9 @@
+<div class="govuk-form-group">
+  <label class="govuk-label" for="input-width-5">
+    National insurance number
+  </label>
+  <div id="input-width-5-hint" class="govuk-hint">
+    It’s on your National Insurance card, benefit letter, payslip or P60. For example, ‘QQ 12 34 56 C’.
+  </div>
+  <input class="govuk-input govuk-input--width-5" id="input-width-5" name="test-width-5" type="text" aria-describedby="input-width-5-hint">
+</div>
diff --git a/app/templates/govuk/components/input/template.njk b/app/templates/govuk/components/input/template.njk
new file mode 100644
index 0000000..5d16015
--- /dev/null
+++ b/app/templates/govuk/components/input/template.njk
@@ -0,0 +1,133 @@
+{% from "../../macros/attributes.njk" import govukAttributes %}
+{% from "../error-message/macro.njk" import govukErrorMessage %}
+{% from "../hint/macro.njk" import govukHint %}
+{% from "../label/macro.njk" import govukLabel %}
+
+{#- Set classes for this component #}
+{%- set classNames = "govuk-input" -%}
+
+{%- if params.classes %}
+  {% set classNames = classNames + " " + params.classes %}
+{% endif %}
+
+{%- if params.errorMessage %}
+  {% set classNames = classNames + " govuk-input--error" %}
+{% endif %}
+
+{#- a record of other elements that we need to associate with the input using
+  aria-describedby – for example hints or error messages -#}
+{% set describedBy = params.describedBy if params.describedBy else undefined -%}
+{%- set id = params.id if params.id else params.name -%}
+
+{%- set hasPrefix = true if params.prefix and (params.prefix.text or params.prefix.html) else false %}
+{%- set hasSuffix = true if params.suffix and (params.suffix.text or params.suffix.html) else false %}
+{%- set hasBeforeInput = true if params.formGroup.beforeInput and (params.formGroup.beforeInput.text or params.formGroup.beforeInput.html) else false %}
+{%- set hasAfterInput = true if params.formGroup.afterInput and (params.formGroup.afterInput.text or params.formGroup.afterInput.html) else false %}
+
+{%- macro _inputElement(params) -%}
+  <input
+    {{- govukAttributes({
+      class: classNames,
+      id: id,
+      name: params.name,
+      type: params.type | default("text", true),
+      spellcheck: {
+        value: params.spellcheck | string
+          if [true, false].includes(params.spellcheck)
+          else false,
+        optional: true
+      },
+      value: {
+        value: params.value,
+        optional: true
+      },
+      disabled: {
+        value: params.disabled,
+        optional: true
+      },
+      "aria-describedby": {
+        value: describedBy,
+        optional: true
+      },
+      autocomplete: {
+        value: params.autocomplete,
+        optional: true
+      },
+      autocapitalize: {
+        value: params.autocapitalize,
+        optional: true
+      },
+      pattern: {
+        value: params.pattern,
+        optional: true
+      },
+      inputmode: {
+        value: params.inputmode,
+        optional: true
+      }
+    }) -}}
+
+    {{- govukAttributes(params.attributes) }}>
+{%- endmacro -%}
+
+{%- macro _affixItem(affix, type) %}
+  <div class="govuk-input__{{ type }} {%- if affix.classes %} {{ affix.classes }}{% endif %}" aria-hidden="true" {{- govukAttributes(affix.attributes) }}>
+    {{- affix.html | safe | trim | indent(4) if affix.html else affix.text -}}
+  </div>
+{%- endmacro -%}
+
+<div class="govuk-form-group {%- if params.errorMessage %} govuk-form-group--error{% endif %} {%- if params.formGroup.classes %} {{ params.formGroup.classes }}{% endif %}"
+  {{- govukAttributes(params.formGroup.attributes) }}>
+  {{ govukLabel({
+    html: params.label.html,
+    text: params.label.text,
+    classes: params.label.classes,
+    isPageHeading: params.label.isPageHeading,
+    attributes: params.label.attributes,
+    for: id
+  }) | trim | indent(2) }}
+{% if params.hint %}
+  {% set hintId = id + '-hint' %}
+  {% set describedBy = describedBy + ' ' + hintId if describedBy else hintId %}
+  {{ govukHint({
+    id: hintId,
+    classes: params.hint.classes,
+    attributes: params.hint.attributes,
+    html: params.hint.html,
+    text: params.hint.text
+  }) | trim | indent(2) }}
+{% endif %}
+{% if params.errorMessage %}
+  {% set errorId = id + '-error' %}
+  {% set describedBy = describedBy + ' ' + errorId if describedBy else errorId %}
+  {{ govukErrorMessage({
+    id: errorId,
+    classes: params.errorMessage.classes,
+    attributes: params.errorMessage.attributes,
+    html: params.errorMessage.html,
+    text: params.errorMessage.text,
+    visuallyHiddenText: params.errorMessage.visuallyHiddenText
+  }) | trim | indent(2) }}
+{% endif %}
+
+{%- if hasPrefix or hasSuffix or hasBeforeInput or hasAfterInput %}
+  <div class="govuk-input__wrapper {%- if params.inputWrapper.classes %} {{ params.inputWrapper.classes }}{% endif %}"
+    {{- govukAttributes(params.inputWrapper.attributes) }}>
+    {% if hasBeforeInput %}
+      {{- params.formGroup.beforeInput.html | safe | trim | indent(4, true) if params.formGroup.beforeInput.html else params.formGroup.beforeInput.text }}
+    {% endif %}
+    {% if hasPrefix %}
+      {{- _affixItem(params.prefix, "prefix") | indent(2, true) }}
+    {% endif %}
+    {{ _inputElement(params) }}
+    {% if hasSuffix %}
+      {{- _affixItem(params.suffix, "suffix") | indent(2, true) }}
+    {% endif %}
+    {% if hasAfterInput %}
+      {{- params.formGroup.afterInput.html | safe | trim | indent(4, true) if params.formGroup.afterInput.html else params.formGroup.afterInput.text }}
+    {% endif %}
+  </div>
+{% else %}
+  {{ _inputElement(params) }}
+{% endif %}
+</div>
diff --git a/app/templates/govuk/components/inset-text/README.md b/app/templates/govuk/components/inset-text/README.md
new file mode 100644
index 0000000..cc2fe50
--- /dev/null
+++ b/app/templates/govuk/components/inset-text/README.md
@@ -0,0 +1,15 @@
+# Inset text
+
+## Installation
+
+See the [main README quick start guide](https://github.com/alphagov/govuk-frontend#quick-start) for how to install this component.
+
+## Guidance and Examples
+
+Find out when to use the inset text component in your service in the [GOV.UK Design System](https://design-system.service.gov.uk/components/inset-text).
+
+## Component options
+
+Use options to customise the appearance, content and behaviour of a component when using a macro, for example, changing the text.
+
+See [options table](https://design-system.service.gov.uk/components/inset-text/#options-inset-text-example) for details.
diff --git a/app/templates/govuk/components/inset-text/_index.scss b/app/templates/govuk/components/inset-text/_index.scss
new file mode 100644
index 0000000..0360f71
--- /dev/null
+++ b/app/templates/govuk/components/inset-text/_index.scss
@@ -0,0 +1,26 @@
+@include govuk-exports("govuk/component/inset-text") {
+  .govuk-inset-text {
+    @include govuk-font($size: 19);
+    @include govuk-text-colour;
+    padding: govuk-spacing(3);
+    // Margin top intended to collapse
+    // This adds an additional 10px to the paragraph above
+    @include govuk-responsive-margin(6, "top");
+    @include govuk-responsive-margin(6, "bottom");
+
+    clear: both;
+
+    border-left: $govuk-border-width-wide solid $govuk-border-colour;
+
+    > :first-child {
+      margin-top: 0;
+    }
+
+    > :only-child,
+    > :last-child {
+      margin-bottom: 0;
+    }
+  }
+}
+
+/*# sourceMappingURL=_index.scss.map */
diff --git a/app/templates/govuk/components/inset-text/_index.scss.map b/app/templates/govuk/components/inset-text/_index.scss.map
new file mode 100644
index 0000000..09c3a29
--- /dev/null
+++ b/app/templates/govuk/components/inset-text/_index.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/inset-text/_index.scss"],"names":[],"mappings":"AAAA;EACE;IACE,8BAA8B;IAC9B,0BAA0B;IAC1B,yBAAyB;IACzB,iCAAiC;IACjC,qDAAqD;IACrD,0CAA0C;IAC1C,6CAA6C;;IAE7C,WAAW;;IAEX,gEAAgE;;IAEhE;MACE,aAAa;IACf;;IAEA;;MAEE,gBAAgB;IAClB;EACF;AACF","file":"_index.scss","sourcesContent":["@include govuk-exports(\"govuk/component/inset-text\") {\n  .govuk-inset-text {\n    @include govuk-font($size: 19);\n    @include govuk-text-colour;\n    padding: govuk-spacing(3);\n    // Margin top intended to collapse\n    // This adds an additional 10px to the paragraph above\n    @include govuk-responsive-margin(6, \"top\");\n    @include govuk-responsive-margin(6, \"bottom\");\n\n    clear: both;\n\n    border-left: $govuk-border-width-wide solid $govuk-border-colour;\n\n    > :first-child {\n      margin-top: 0;\n    }\n\n    > :only-child,\n    > :last-child {\n      margin-bottom: 0;\n    }\n  }\n}\n"]}
diff --git a/app/templates/govuk/components/inset-text/_inset-text.scss b/app/templates/govuk/components/inset-text/_inset-text.scss
new file mode 100644
index 0000000..eda04c6
--- /dev/null
+++ b/app/templates/govuk/components/inset-text/_inset-text.scss
@@ -0,0 +1,4 @@
+@import "../../base";
+@import "./index";
+
+/*# sourceMappingURL=_inset-text.scss.map */
diff --git a/app/templates/govuk/components/inset-text/_inset-text.scss.map b/app/templates/govuk/components/inset-text/_inset-text.scss.map
new file mode 100644
index 0000000..5c8b99f
--- /dev/null
+++ b/app/templates/govuk/components/inset-text/_inset-text.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/inset-text/_inset-text.scss"],"names":[],"mappings":"AAAA,oBAAoB;AACpB,iBAAiB","file":"_inset-text.scss","sourcesContent":["@import \"../../base\";\n@import \"./index\";\n"]}
diff --git a/app/templates/govuk/components/inset-text/fixtures.json b/app/templates/govuk/components/inset-text/fixtures.json
new file mode 100644
index 0000000..9bbf8be
--- /dev/null
+++ b/app/templates/govuk/components/inset-text/fixtures.json
@@ -0,0 +1,76 @@
+{
+    "component": "inset-text",
+    "fixtures": [
+        {
+            "name": "default",
+            "options": {
+                "text": "It can take up to 8 weeks to register a lasting power of attorney if there are no mistakes in the application."
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": true,
+            "html": "<div class=\"govuk-inset-text\">\n  It can take up to 8 weeks to register a lasting power of attorney if there are no mistakes in the application.\n</div>"
+        },
+        {
+            "name": "with html",
+            "options": {
+                "html": "<p class=\"govuk-body\">It can take up to 8 weeks to register a lasting power of attorney if there are no mistakes in the application.</p>\n<div class=\"govuk-warning-text\">\n  <span class=\"govuk-warning-text__icon\" aria-hidden=\"true\">!</span>\n  <strong class=\"govuk-warning-text__text\">\n    <span class=\"govuk-warning-text__assistive\">Warning</span>\n    You can be fined up to £5,000 if you don’t register.\n  </strong>\n</div>\n<p class=\"govuk-body\">It can take up to 8 weeks to register a lasting power of attorney if there are no mistakes in the application.</p>\n"
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-inset-text\">\n  <p class=\"govuk-body\">It can take up to 8 weeks to register a lasting power of attorney if there are no mistakes in the application.</p>\n  <div class=\"govuk-warning-text\">\n    <span class=\"govuk-warning-text__icon\" aria-hidden=\"true\">!</span>\n    <strong class=\"govuk-warning-text__text\">\n      <span class=\"govuk-warning-text__assistive\">Warning</span>\n      You can be fined up to £5,000 if you don’t register.\n    </strong>\n  </div>\n  <p class=\"govuk-body\">It can take up to 8 weeks to register a lasting power of attorney if there are no mistakes in the application.</p>\n</div>"
+        },
+        {
+            "name": "classes",
+            "options": {
+                "classes": "app-inset-text--custom-modifier",
+                "text": "It can take up to 8 weeks to register a lasting power of attorney if there are no mistakes in the application."
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-inset-text app-inset-text--custom-modifier\">\n  It can take up to 8 weeks to register a lasting power of attorney if there are no mistakes in the application.\n</div>"
+        },
+        {
+            "name": "id",
+            "options": {
+                "id": "my-inset-text",
+                "text": "It can take up to 8 weeks to register a lasting power of attorney if there are no mistakes in the application."
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div id=\"my-inset-text\" class=\"govuk-inset-text\">\n  It can take up to 8 weeks to register a lasting power of attorney if there are no mistakes in the application.\n</div>"
+        },
+        {
+            "name": "html as text",
+            "options": {
+                "text": "It can take <b>up to 8 weeks</b> to register a lasting power of attorney if there are no mistakes in the application."
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-inset-text\">\n  It can take &lt;b&gt;up to 8 weeks&lt;/b&gt; to register a lasting power of attorney if there are no mistakes in the application.\n</div>"
+        },
+        {
+            "name": "attributes",
+            "options": {
+                "text": "It can take up to 8 weeks to register a lasting power of attorney if there are no mistakes in the application.",
+                "attributes": {
+                    "data-attribute": "my data value"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-inset-text\" data-attribute=\"my data value\">\n  It can take up to 8 weeks to register a lasting power of attorney if there are no mistakes in the application.\n</div>"
+        }
+    ]
+}
diff --git a/app/templates/govuk/components/inset-text/macro-options.json b/app/templates/govuk/components/inset-text/macro-options.json
new file mode 100644
index 0000000..4273989
--- /dev/null
+++ b/app/templates/govuk/components/inset-text/macro-options.json
@@ -0,0 +1,38 @@
+[
+    {
+        "name": "text",
+        "type": "string",
+        "required": true,
+        "description": "If `html` is set, this is not required. Text to use within the inset text component. If `html` is provided, the `text` option will be ignored."
+    },
+    {
+        "name": "html",
+        "type": "string",
+        "required": true,
+        "description": "If `text` is set, this is not required. HTML to use within the inset text component. If `html` is provided, the `text` option will be ignored."
+    },
+    {
+        "name": "caller",
+        "type": "nunjucks-block",
+        "required": false,
+        "description": "Not strictly a parameter but [Nunjucks code convention](https://mozilla.github.io/nunjucks/templating.html#call). Using a `call` block enables you to call a macro with all the text inside the tag. This is helpful if you want to pass a lot of content into a macro. To use it, you will need to wrap the entire inset text component in a `call` block."
+    },
+    {
+        "name": "id",
+        "type": "string",
+        "required": false,
+        "description": "ID attribute to add to the inset text container."
+    },
+    {
+        "name": "classes",
+        "type": "string",
+        "required": false,
+        "description": "Classes to add to the inset text container."
+    },
+    {
+        "name": "attributes",
+        "type": "object",
+        "required": false,
+        "description": "HTML attributes (for example data attributes) to add to the inset text container."
+    }
+]
diff --git a/app/templates/govuk/components/inset-text/macro.njk b/app/templates/govuk/components/inset-text/macro.njk
new file mode 100644
index 0000000..935c8a6
--- /dev/null
+++ b/app/templates/govuk/components/inset-text/macro.njk
@@ -0,0 +1,3 @@
+{% macro govukInsetText(params) %}
+  {%- include './template.njk' -%}
+{% endmacro %}
diff --git a/app/templates/govuk/components/inset-text/template-default.html b/app/templates/govuk/components/inset-text/template-default.html
new file mode 100644
index 0000000..e8c1bdf
--- /dev/null
+++ b/app/templates/govuk/components/inset-text/template-default.html
@@ -0,0 +1,3 @@
+<div class="govuk-inset-text">
+  It can take up to 8 weeks to register a lasting power of attorney if there are no mistakes in the application.
+</div>
diff --git a/app/templates/govuk/components/inset-text/template-with-html.html b/app/templates/govuk/components/inset-text/template-with-html.html
new file mode 100644
index 0000000..1f170fb
--- /dev/null
+++ b/app/templates/govuk/components/inset-text/template-with-html.html
@@ -0,0 +1,11 @@
+<div class="govuk-inset-text">
+  <p class="govuk-body">It can take up to 8 weeks to register a lasting power of attorney if there are no mistakes in the application.</p>
+  <div class="govuk-warning-text">
+    <span class="govuk-warning-text__icon" aria-hidden="true">!</span>
+    <strong class="govuk-warning-text__text">
+      <span class="govuk-warning-text__assistive">Warning</span>
+      You can be fined up to £5,000 if you don’t register.
+    </strong>
+  </div>
+  <p class="govuk-body">It can take up to 8 weeks to register a lasting power of attorney if there are no mistakes in the application.</p>
+</div>
diff --git a/app/templates/govuk/components/inset-text/template.njk b/app/templates/govuk/components/inset-text/template.njk
new file mode 100644
index 0000000..aeccd07
--- /dev/null
+++ b/app/templates/govuk/components/inset-text/template.njk
@@ -0,0 +1,6 @@
+{% from "../../macros/attributes.njk" import govukAttributes -%}
+
+<div {%- if params.id %} id="{{ params.id }}"{% endif %} class="govuk-inset-text {%- if params.classes %} {{ params.classes }}{% endif %}"
+  {{- govukAttributes(params.attributes) }}>
+  {{ caller() if caller else (params.html | safe | trim | indent(2) if params.html else params.text) }}
+</div>
diff --git a/app/templates/govuk/components/label/README.md b/app/templates/govuk/components/label/README.md
new file mode 100644
index 0000000..6aed9ad
--- /dev/null
+++ b/app/templates/govuk/components/label/README.md
@@ -0,0 +1,15 @@
+# Label
+
+## Installation
+
+See the [main README quick start guide](https://github.com/alphagov/govuk-frontend#quick-start) for how to install this component.
+
+## Guidance and Examples
+
+The label component is used in other input components. To see an example of it in use, see the [text input component](https://design-system.service.gov.uk/components/text-input/).
+
+## Component options
+
+Use options to customise the appearance, content and behaviour of a component when using a macro, for example, changing the text.
+
+See [options table](https://design-system.service.gov.uk/components/text-input/#options-text-input-example--label) for details.
diff --git a/app/templates/govuk/components/label/_index.scss b/app/templates/govuk/components/label/_index.scss
new file mode 100644
index 0000000..aaacd85
--- /dev/null
+++ b/app/templates/govuk/components/label/_index.scss
@@ -0,0 +1,46 @@
+@include govuk-exports("govuk/component/label") {
+  .govuk-label {
+    @include govuk-font($size: 19);
+    @include govuk-text-colour;
+
+    display: block;
+
+    margin-bottom: govuk-spacing(1);
+  }
+
+  // Modifiers that make labels look more like their equivalent headings
+  .govuk-label--xl,
+  .govuk-label--l,
+  .govuk-label--m {
+    @include govuk-typography-weight-bold;
+    margin-bottom: govuk-spacing(3);
+  }
+
+  .govuk-label--xl {
+    @include govuk-font-size($size: 48);
+  }
+
+  .govuk-label--l {
+    @include govuk-font-size($size: 36);
+  }
+
+  .govuk-label--m {
+    @include govuk-font-size($size: 24);
+  }
+
+  .govuk-label--s {
+    @include govuk-typography-weight-bold;
+  }
+
+  // When the label is nested inside a heading, override the heading so that it
+  // does not have a margin. Effectively we want to be able to treat the heading
+  // as if it is not there.
+  //
+  // This breaks BEM conventions because it exists as a parent of the 'block',
+  // so we can't really consider an element.
+  .govuk-label-wrapper {
+    margin: 0;
+  }
+}
+
+/*# sourceMappingURL=_index.scss.map */
diff --git a/app/templates/govuk/components/label/_index.scss.map b/app/templates/govuk/components/label/_index.scss.map
new file mode 100644
index 0000000..d541714
--- /dev/null
+++ b/app/templates/govuk/components/label/_index.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/label/_index.scss"],"names":[],"mappings":"AAAA;EACE;IACE,8BAA8B;IAC9B,0BAA0B;;IAE1B,cAAc;;IAEd,+BAA+B;EACjC;;EAEA,qEAAqE;EACrE;;;IAGE,qCAAqC;IACrC,+BAA+B;EACjC;;EAEA;IACE,mCAAmC;EACrC;;EAEA;IACE,mCAAmC;EACrC;;EAEA;IACE,mCAAmC;EACrC;;EAEA;IACE,qCAAqC;EACvC;;EAEA,4EAA4E;EAC5E,6EAA6E;EAC7E,wBAAwB;EACxB,CAAC;EACD,2EAA2E;EAC3E,yCAAyC;EACzC;IACE,SAAS;EACX;AACF","file":"_index.scss","sourcesContent":["@include govuk-exports(\"govuk/component/label\") {\n  .govuk-label {\n    @include govuk-font($size: 19);\n    @include govuk-text-colour;\n\n    display: block;\n\n    margin-bottom: govuk-spacing(1);\n  }\n\n  // Modifiers that make labels look more like their equivalent headings\n  .govuk-label--xl,\n  .govuk-label--l,\n  .govuk-label--m {\n    @include govuk-typography-weight-bold;\n    margin-bottom: govuk-spacing(3);\n  }\n\n  .govuk-label--xl {\n    @include govuk-font-size($size: 48);\n  }\n\n  .govuk-label--l {\n    @include govuk-font-size($size: 36);\n  }\n\n  .govuk-label--m {\n    @include govuk-font-size($size: 24);\n  }\n\n  .govuk-label--s {\n    @include govuk-typography-weight-bold;\n  }\n\n  // When the label is nested inside a heading, override the heading so that it\n  // does not have a margin. Effectively we want to be able to treat the heading\n  // as if it is not there.\n  //\n  // This breaks BEM conventions because it exists as a parent of the 'block',\n  // so we can't really consider an element.\n  .govuk-label-wrapper {\n    margin: 0;\n  }\n}\n"]}
diff --git a/app/templates/govuk/components/label/_label.scss b/app/templates/govuk/components/label/_label.scss
new file mode 100644
index 0000000..4a41994
--- /dev/null
+++ b/app/templates/govuk/components/label/_label.scss
@@ -0,0 +1,4 @@
+@import "../../base";
+@import "./index";
+
+/*# sourceMappingURL=_label.scss.map */
diff --git a/app/templates/govuk/components/label/_label.scss.map b/app/templates/govuk/components/label/_label.scss.map
new file mode 100644
index 0000000..0a4d1c4
--- /dev/null
+++ b/app/templates/govuk/components/label/_label.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/label/_label.scss"],"names":[],"mappings":"AAAA,oBAAoB;AACpB,iBAAiB","file":"_label.scss","sourcesContent":["@import \"../../base\";\n@import \"./index\";\n"]}
diff --git a/app/templates/govuk/components/label/fixtures.json b/app/templates/govuk/components/label/fixtures.json
new file mode 100644
index 0000000..50e69ae
--- /dev/null
+++ b/app/templates/govuk/components/label/fixtures.json
@@ -0,0 +1,210 @@
+{
+    "component": "label",
+    "fixtures": [
+        {
+            "name": "default",
+            "options": {
+                "text": "National Insurance number"
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": true,
+            "html": "<label class=\"govuk-label\">\n  National Insurance number\n</label>"
+        },
+        {
+            "name": "with bold text",
+            "options": {
+                "classes": "govuk-label--s",
+                "text": "National Insurance number"
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<label class=\"govuk-label govuk-label--s\">\n  National Insurance number\n</label>"
+        },
+        {
+            "name": "styled as xl text",
+            "options": {
+                "text": "National Insurance number",
+                "classes": "govuk-label--xl"
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<label class=\"govuk-label govuk-label--xl\">\n  National Insurance number\n</label>"
+        },
+        {
+            "name": "styled as large text",
+            "options": {
+                "text": "National Insurance number",
+                "classes": "govuk-label--l"
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<label class=\"govuk-label govuk-label--l\">\n  National Insurance number\n</label>"
+        },
+        {
+            "name": "styled as medium text",
+            "options": {
+                "text": "National Insurance number",
+                "classes": "govuk-label--m"
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<label class=\"govuk-label govuk-label--m\">\n  National Insurance number\n</label>"
+        },
+        {
+            "name": "styled as small text",
+            "options": {
+                "text": "National Insurance number",
+                "classes": "govuk-label--s"
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<label class=\"govuk-label govuk-label--s\">\n  National Insurance number\n</label>"
+        },
+        {
+            "name": "as page heading xl",
+            "options": {
+                "text": "National Insurance number",
+                "classes": "govuk-label--xl",
+                "isPageHeading": true
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<h1 class=\"govuk-label-wrapper\">\n  <label class=\"govuk-label govuk-label--xl\">\n    National Insurance number\n  </label>\n</h1>"
+        },
+        {
+            "name": "as page heading l",
+            "options": {
+                "text": "National Insurance number",
+                "classes": "govuk-label--l",
+                "isPageHeading": true
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<h1 class=\"govuk-label-wrapper\">\n  <label class=\"govuk-label govuk-label--l\">\n    National Insurance number\n  </label>\n</h1>"
+        },
+        {
+            "name": "as page heading m",
+            "options": {
+                "text": "National Insurance number",
+                "classes": "govuk-label--m",
+                "isPageHeading": true
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<h1 class=\"govuk-label-wrapper\">\n  <label class=\"govuk-label govuk-label--m\">\n    National Insurance number\n  </label>\n</h1>"
+        },
+        {
+            "name": "as page heading s",
+            "options": {
+                "text": "National Insurance number",
+                "classes": "govuk-label--s",
+                "isPageHeading": true
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<h1 class=\"govuk-label-wrapper\">\n  <label class=\"govuk-label govuk-label--s\">\n    National Insurance number\n  </label>\n</h1>"
+        },
+        {
+            "name": "as page heading without class",
+            "options": {
+                "text": "National Insurance number",
+                "isPageHeading": true
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<h1 class=\"govuk-label-wrapper\">\n  <label class=\"govuk-label\">\n    National Insurance number\n  </label>\n</h1>"
+        },
+        {
+            "name": "empty",
+            "options": {},
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": ""
+        },
+        {
+            "name": "classes",
+            "options": {
+                "text": "National Insurance number",
+                "classes": "extra-class one-more-class"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<label class=\"govuk-label extra-class one-more-class\">\n  National Insurance number\n</label>"
+        },
+        {
+            "name": "html as text",
+            "options": {
+                "text": "National Insurance number, <em>NINO</em>"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<label class=\"govuk-label\">\n  National Insurance number, &lt;em&gt;NINO&lt;/em&gt;\n</label>"
+        },
+        {
+            "name": "html",
+            "options": {
+                "html": "National Insurance number <em>NINO</em>"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<label class=\"govuk-label\">\n  National Insurance number <em>NINO</em>\n</label>"
+        },
+        {
+            "name": "for",
+            "options": {
+                "for": "test-target-element",
+                "text": "National Insurance number"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<label class=\"govuk-label\" for=\"test-target-element\">\n  National Insurance number\n</label>"
+        },
+        {
+            "name": "attributes",
+            "options": {
+                "text": "National Insurance number",
+                "attributes": {
+                    "first-attribute": "foo",
+                    "second-attribute": "bar"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<label class=\"govuk-label\" first-attribute=\"foo\" second-attribute=\"bar\">\n  National Insurance number\n</label>"
+        }
+    ]
+}
diff --git a/app/templates/govuk/components/label/macro-options.json b/app/templates/govuk/components/label/macro-options.json
new file mode 100644
index 0000000..0f8f458
--- /dev/null
+++ b/app/templates/govuk/components/label/macro-options.json
@@ -0,0 +1,38 @@
+[
+    {
+        "name": "text",
+        "type": "string",
+        "required": true,
+        "description": "If `html` is set, this is not required. Text to use within the label. If `html` is provided, the `text` option will be ignored."
+    },
+    {
+        "name": "html",
+        "type": "string",
+        "required": true,
+        "description": "If `text` is set, this is not required. HTML to use within the label. If `html` is provided, the `text` option will be ignored."
+    },
+    {
+        "name": "for",
+        "type": "string",
+        "required": false,
+        "description": "The value of the `for` attribute, the ID of the input the label is associated with."
+    },
+    {
+        "name": "isPageHeading",
+        "type": "boolean",
+        "required": false,
+        "description": "Whether the label also acts as the heading for the page."
+    },
+    {
+        "name": "classes",
+        "type": "string",
+        "required": false,
+        "description": "Classes to add to the label tag."
+    },
+    {
+        "name": "attributes",
+        "type": "object",
+        "required": false,
+        "description": "HTML attributes (for example data attributes) to add to the label tag."
+    }
+]
diff --git a/app/templates/govuk/components/label/macro.njk b/app/templates/govuk/components/label/macro.njk
new file mode 100644
index 0000000..91f2ed7
--- /dev/null
+++ b/app/templates/govuk/components/label/macro.njk
@@ -0,0 +1,3 @@
+{% macro govukLabel(params) %}
+  {%- include "./template.njk" -%}
+{% endmacro %}
diff --git a/app/templates/govuk/components/label/template-as-page-heading-l.html b/app/templates/govuk/components/label/template-as-page-heading-l.html
new file mode 100644
index 0000000..2551c18
--- /dev/null
+++ b/app/templates/govuk/components/label/template-as-page-heading-l.html
@@ -0,0 +1,5 @@
+<h1 class="govuk-label-wrapper">
+  <label class="govuk-label govuk-label--l">
+    National Insurance number
+  </label>
+</h1>
diff --git a/app/templates/govuk/components/label/template-as-page-heading-m.html b/app/templates/govuk/components/label/template-as-page-heading-m.html
new file mode 100644
index 0000000..d560cc9
--- /dev/null
+++ b/app/templates/govuk/components/label/template-as-page-heading-m.html
@@ -0,0 +1,5 @@
+<h1 class="govuk-label-wrapper">
+  <label class="govuk-label govuk-label--m">
+    National Insurance number
+  </label>
+</h1>
diff --git a/app/templates/govuk/components/label/template-as-page-heading-s.html b/app/templates/govuk/components/label/template-as-page-heading-s.html
new file mode 100644
index 0000000..62ca2c2
--- /dev/null
+++ b/app/templates/govuk/components/label/template-as-page-heading-s.html
@@ -0,0 +1,5 @@
+<h1 class="govuk-label-wrapper">
+  <label class="govuk-label govuk-label--s">
+    National Insurance number
+  </label>
+</h1>
diff --git a/app/templates/govuk/components/label/template-as-page-heading-without-class.html b/app/templates/govuk/components/label/template-as-page-heading-without-class.html
new file mode 100644
index 0000000..fda752e
--- /dev/null
+++ b/app/templates/govuk/components/label/template-as-page-heading-without-class.html
@@ -0,0 +1,5 @@
+<h1 class="govuk-label-wrapper">
+  <label class="govuk-label">
+    National Insurance number
+  </label>
+</h1>
diff --git a/app/templates/govuk/components/label/template-as-page-heading-xl.html b/app/templates/govuk/components/label/template-as-page-heading-xl.html
new file mode 100644
index 0000000..4ab0cd1
--- /dev/null
+++ b/app/templates/govuk/components/label/template-as-page-heading-xl.html
@@ -0,0 +1,5 @@
+<h1 class="govuk-label-wrapper">
+  <label class="govuk-label govuk-label--xl">
+    National Insurance number
+  </label>
+</h1>
diff --git a/app/templates/govuk/components/label/template-default.html b/app/templates/govuk/components/label/template-default.html
new file mode 100644
index 0000000..9bcb91c
--- /dev/null
+++ b/app/templates/govuk/components/label/template-default.html
@@ -0,0 +1,3 @@
+<label class="govuk-label">
+  National Insurance number
+</label>
diff --git a/app/templates/govuk/components/label/template-styled-as-large-text.html b/app/templates/govuk/components/label/template-styled-as-large-text.html
new file mode 100644
index 0000000..e5decb1
--- /dev/null
+++ b/app/templates/govuk/components/label/template-styled-as-large-text.html
@@ -0,0 +1,3 @@
+<label class="govuk-label govuk-label--l">
+  National Insurance number
+</label>
diff --git a/app/templates/govuk/components/label/template-styled-as-medium-text.html b/app/templates/govuk/components/label/template-styled-as-medium-text.html
new file mode 100644
index 0000000..7b0838e
--- /dev/null
+++ b/app/templates/govuk/components/label/template-styled-as-medium-text.html
@@ -0,0 +1,3 @@
+<label class="govuk-label govuk-label--m">
+  National Insurance number
+</label>
diff --git a/app/templates/govuk/components/label/template-styled-as-small-text.html b/app/templates/govuk/components/label/template-styled-as-small-text.html
new file mode 100644
index 0000000..f7422d0
--- /dev/null
+++ b/app/templates/govuk/components/label/template-styled-as-small-text.html
@@ -0,0 +1,3 @@
+<label class="govuk-label govuk-label--s">
+  National Insurance number
+</label>
diff --git a/app/templates/govuk/components/label/template-styled-as-xl-text.html b/app/templates/govuk/components/label/template-styled-as-xl-text.html
new file mode 100644
index 0000000..28f1324
--- /dev/null
+++ b/app/templates/govuk/components/label/template-styled-as-xl-text.html
@@ -0,0 +1,3 @@
+<label class="govuk-label govuk-label--xl">
+  National Insurance number
+</label>
diff --git a/app/templates/govuk/components/label/template-with-bold-text.html b/app/templates/govuk/components/label/template-with-bold-text.html
new file mode 100644
index 0000000..f7422d0
--- /dev/null
+++ b/app/templates/govuk/components/label/template-with-bold-text.html
@@ -0,0 +1,3 @@
+<label class="govuk-label govuk-label--s">
+  National Insurance number
+</label>
diff --git a/app/templates/govuk/components/label/template.njk b/app/templates/govuk/components/label/template.njk
new file mode 100644
index 0000000..49a8985
--- /dev/null
+++ b/app/templates/govuk/components/label/template.njk
@@ -0,0 +1,19 @@
+{% from "../../macros/attributes.njk" import govukAttributes -%}
+
+{% if params.html or params.text %}
+{% set labelHtml %}
+<label class="govuk-label {%- if params.classes %} {{ params.classes }}{% endif %}"
+  {{- govukAttributes(params.attributes) -}}
+  {%- if params.for %} for="{{ params.for }}"{% endif %}>
+  {{ params.html | safe | trim | indent(2) if params.html else params.text }}
+</label>
+{% endset -%}
+
+{% if params.isPageHeading %}
+<h1 class="govuk-label-wrapper">
+  {{ labelHtml | safe | trim | indent(2) }}
+</h1>
+{% else %}
+{{ labelHtml | safe | trim }}
+{% endif %}
+{% endif %}
diff --git a/app/templates/govuk/components/notification-banner/README.md b/app/templates/govuk/components/notification-banner/README.md
new file mode 100644
index 0000000..809eaf6
--- /dev/null
+++ b/app/templates/govuk/components/notification-banner/README.md
@@ -0,0 +1,15 @@
+# Notification banner
+
+## Installation
+
+See the [main README quick start guide](https://github.com/alphagov/govuk-frontend#quick-start) for how to install this component.
+
+## Guidance and Examples
+
+Find out when to use the notification banner component in your service in the [GOV.UK Design System](https://design-system.service.gov.uk/components/notification-banner).
+
+## Component options
+
+Use options to customise the appearance, content and behaviour of a component when using a macro, for example, changing the text.
+
+See [options table](https://design-system.service.gov.uk/components/notification-banner/#options-notification-banner-example) for details.
diff --git a/app/templates/govuk/components/notification-banner/_index.scss b/app/templates/govuk/components/notification-banner/_index.scss
new file mode 100644
index 0000000..ace29e5
--- /dev/null
+++ b/app/templates/govuk/components/notification-banner/_index.scss
@@ -0,0 +1,93 @@
+@include govuk-exports("govuk/component/notification-banner") {
+  .govuk-notification-banner {
+    @include govuk-font($size: 19);
+    @include govuk-responsive-margin(8, "bottom");
+
+    border: $govuk-border-width solid $govuk-brand-colour;
+
+    background-color: $govuk-brand-colour;
+
+    &:focus {
+      outline: $govuk-focus-width solid $govuk-focus-colour;
+    }
+  }
+
+  .govuk-notification-banner__header {
+    padding: 2px govuk-spacing(3) govuk-spacing(1);
+
+    // Ensures the notification header appears separate to the notification body
+    // text in high contrast mode
+    border-bottom: 1px solid transparent;
+
+    @include govuk-media-query($from: tablet) {
+      padding: 2px govuk-spacing(4) govuk-spacing(1);
+    }
+  }
+
+  .govuk-notification-banner__title {
+    // Set the size again because this element is a heading and the user agent
+    // font size overrides the inherited font size
+    @include govuk-font-size($size: 19);
+    @include govuk-typography-weight-bold;
+    margin: 0;
+    padding: 0;
+    color: govuk-colour("white");
+  }
+
+  .govuk-notification-banner__content {
+    $padding-tablet: govuk-spacing(4);
+    @include govuk-text-colour;
+    padding: govuk-spacing(3);
+
+    background-color: $govuk-body-background-colour;
+
+    @include govuk-media-query($from: tablet) {
+      padding: $padding-tablet;
+    }
+
+    // Wrap content at the same place that a 2/3 grid column ends, to maintain
+    // shorter line-lengths when the notification banner is full width
+    > * {
+      // When elements have their own padding (like lists), include the padding
+      // in the max-width calculation
+      box-sizing: border-box;
+
+      // Calculate the internal width of a two-thirds column...
+      $two-col-width: ($govuk-page-width * 2 / 3) - ($govuk-gutter * 1 / 3);
+
+      // ...and then factor in the left border and padding
+      $banner-exterior: ($padding-tablet + $govuk-border-width);
+      max-width: $two-col-width - $banner-exterior;
+    }
+
+    > :last-child {
+      margin-bottom: 0;
+    }
+  }
+
+  .govuk-notification-banner__heading {
+    @include govuk-font-size($size: 24);
+    @include govuk-typography-weight-bold;
+
+    margin: 0 0 govuk-spacing(3);
+
+    padding: 0;
+  }
+
+  .govuk-notification-banner__link {
+    @include govuk-link-common;
+    @include govuk-link-style-no-visited-state;
+  }
+
+  .govuk-notification-banner--success {
+    border-color: $govuk-success-colour;
+
+    background-color: $govuk-success-colour;
+
+    .govuk-notification-banner__link {
+      @include govuk-link-style-success;
+    }
+  }
+}
+
+/*# sourceMappingURL=_index.scss.map */
diff --git a/app/templates/govuk/components/notification-banner/_index.scss.map b/app/templates/govuk/components/notification-banner/_index.scss.map
new file mode 100644
index 0000000..50aaa2b
--- /dev/null
+++ b/app/templates/govuk/components/notification-banner/_index.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/notification-banner/_index.scss"],"names":[],"mappings":"AAAA;EACE;IACE,8BAA8B;IAC9B,6CAA6C;;IAE7C,qDAAqD;;IAErD,qCAAqC;;IAErC;MACE,qDAAqD;IACvD;EACF;;EAEA;IACE,8CAA8C;;IAE9C,2EAA2E;IAC3E,4BAA4B;IAC5B,oCAAoC;;IAEpC;MACE,8CAA8C;IAChD;EACF;;EAEA;IACE,yEAAyE;IACzE,6CAA6C;IAC7C,mCAAmC;IACnC,qCAAqC;IACrC,SAAS;IACT,UAAU;IACV,4BAA4B;EAC9B;;EAEA;IACE,iCAAiC;IACjC,0BAA0B;IAC1B,yBAAyB;;IAEzB,+CAA+C;;IAE/C;MACE,wBAAwB;IAC1B;;IAEA,yEAAyE;IACzE,iEAAiE;IACjE;MACE,wEAAwE;MACxE,8BAA8B;MAC9B,sBAAsB;;MAEtB,wDAAwD;MACxD,qEAAqE;;MAErE,mDAAmD;MACnD,yDAAyD;MACzD,4CAA4C;IAC9C;;IAEA;MACE,gBAAgB;IAClB;EACF;;EAEA;IACE,mCAAmC;IACnC,qCAAqC;;IAErC,4BAA4B;;IAE5B,UAAU;EACZ;;EAEA;IACE,0BAA0B;IAC1B,0CAA0C;EAC5C;;EAEA;IACE,mCAAmC;;IAEnC,uCAAuC;;IAEvC;MACE,iCAAiC;IACnC;EACF;AACF","file":"_index.scss","sourcesContent":["@include govuk-exports(\"govuk/component/notification-banner\") {\n  .govuk-notification-banner {\n    @include govuk-font($size: 19);\n    @include govuk-responsive-margin(8, \"bottom\");\n\n    border: $govuk-border-width solid $govuk-brand-colour;\n\n    background-color: $govuk-brand-colour;\n\n    &:focus {\n      outline: $govuk-focus-width solid $govuk-focus-colour;\n    }\n  }\n\n  .govuk-notification-banner__header {\n    padding: 2px govuk-spacing(3) govuk-spacing(1);\n\n    // Ensures the notification header appears separate to the notification body\n    // text in high contrast mode\n    border-bottom: 1px solid transparent;\n\n    @include govuk-media-query($from: tablet) {\n      padding: 2px govuk-spacing(4) govuk-spacing(1);\n    }\n  }\n\n  .govuk-notification-banner__title {\n    // Set the size again because this element is a heading and the user agent\n    // font size overrides the inherited font size\n    @include govuk-font-size($size: 19);\n    @include govuk-typography-weight-bold;\n    margin: 0;\n    padding: 0;\n    color: govuk-colour(\"white\");\n  }\n\n  .govuk-notification-banner__content {\n    $padding-tablet: govuk-spacing(4);\n    @include govuk-text-colour;\n    padding: govuk-spacing(3);\n\n    background-color: $govuk-body-background-colour;\n\n    @include govuk-media-query($from: tablet) {\n      padding: $padding-tablet;\n    }\n\n    // Wrap content at the same place that a 2/3 grid column ends, to maintain\n    // shorter line-lengths when the notification banner is full width\n    > * {\n      // When elements have their own padding (like lists), include the padding\n      // in the max-width calculation\n      box-sizing: border-box;\n\n      // Calculate the internal width of a two-thirds column...\n      $two-col-width: ($govuk-page-width * 2 / 3) - ($govuk-gutter * 1 / 3);\n\n      // ...and then factor in the left border and padding\n      $banner-exterior: ($padding-tablet + $govuk-border-width);\n      max-width: $two-col-width - $banner-exterior;\n    }\n\n    > :last-child {\n      margin-bottom: 0;\n    }\n  }\n\n  .govuk-notification-banner__heading {\n    @include govuk-font-size($size: 24);\n    @include govuk-typography-weight-bold;\n\n    margin: 0 0 govuk-spacing(3);\n\n    padding: 0;\n  }\n\n  .govuk-notification-banner__link {\n    @include govuk-link-common;\n    @include govuk-link-style-no-visited-state;\n  }\n\n  .govuk-notification-banner--success {\n    border-color: $govuk-success-colour;\n\n    background-color: $govuk-success-colour;\n\n    .govuk-notification-banner__link {\n      @include govuk-link-style-success;\n    }\n  }\n}\n"]}
diff --git a/app/templates/govuk/components/notification-banner/_notification-banner.scss b/app/templates/govuk/components/notification-banner/_notification-banner.scss
new file mode 100644
index 0000000..1329d69
--- /dev/null
+++ b/app/templates/govuk/components/notification-banner/_notification-banner.scss
@@ -0,0 +1,4 @@
+@import "../../base";
+@import "./index";
+
+/*# sourceMappingURL=_notification-banner.scss.map */
diff --git a/app/templates/govuk/components/notification-banner/_notification-banner.scss.map b/app/templates/govuk/components/notification-banner/_notification-banner.scss.map
new file mode 100644
index 0000000..9e413ca
--- /dev/null
+++ b/app/templates/govuk/components/notification-banner/_notification-banner.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/notification-banner/_notification-banner.scss"],"names":[],"mappings":"AAAA,oBAAoB;AACpB,iBAAiB","file":"_notification-banner.scss","sourcesContent":["@import \"../../base\";\n@import \"./index\";\n"]}
diff --git a/app/templates/govuk/components/notification-banner/fixtures.json b/app/templates/govuk/components/notification-banner/fixtures.json
new file mode 100644
index 0000000..cacff6c
--- /dev/null
+++ b/app/templates/govuk/components/notification-banner/fixtures.json
@@ -0,0 +1,260 @@
+{
+    "component": "notification-banner",
+    "fixtures": [
+        {
+            "name": "default",
+            "options": {
+                "text": "This publication was withdrawn on 7 March 2014."
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": true,
+            "html": "<div class=\"govuk-notification-banner\" role=\"region\" aria-labelledby=\"govuk-notification-banner-title\" data-module=\"govuk-notification-banner\">\n  <div class=\"govuk-notification-banner__header\">\n    <h2 class=\"govuk-notification-banner__title\" id=\"govuk-notification-banner-title\">\n      Important\n    </h2>\n  </div>\n  <div class=\"govuk-notification-banner__content\">\n    <p class=\"govuk-notification-banner__heading\">\n      This publication was withdrawn on 7 March 2014.\n    </p>\n  </div>\n</div>"
+        },
+        {
+            "name": "with text as html",
+            "options": {
+                "html": "<h3 class=\"govuk-notification-banner__heading\">\n  This publication was withdrawn on 7 March 2014\n</h3>\n<p class=\"govuk-body\">\n  The following 4 files are available\n</p>\n<ul class=\"govuk-list govuk-list--bullet govuk-!-margin-bottom-0\">\n  <li><a href=\"#\" class=\"govuk-notification-banner__link\">government-strategy.pdf</a></li>\n  <li><a href=\"#\" class=\"govuk-notification-banner__link\">government-strategy-v2.pdf</a></li>\n  <li><a href=\"#\" class=\"govuk-notification-banner__link\">government-strategy-v3-FINAL.pdf</a></li>\n  <li><a href=\"#\" class=\"govuk-notification-banner__link\">government-strategy-v4-FINAL-v2.pdf</a></li>\n</ul>\n"
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-notification-banner\" role=\"region\" aria-labelledby=\"govuk-notification-banner-title\" data-module=\"govuk-notification-banner\">\n  <div class=\"govuk-notification-banner__header\">\n    <h2 class=\"govuk-notification-banner__title\" id=\"govuk-notification-banner-title\">\n      Important\n    </h2>\n  </div>\n  <div class=\"govuk-notification-banner__content\">\n    <h3 class=\"govuk-notification-banner__heading\">\n      This publication was withdrawn on 7 March 2014\n    </h3>\n    <p class=\"govuk-body\">\n      The following 4 files are available\n    </p>\n    <ul class=\"govuk-list govuk-list--bullet govuk-!-margin-bottom-0\">\n      <li><a href=\"#\" class=\"govuk-notification-banner__link\">government-strategy.pdf</a></li>\n      <li><a href=\"#\" class=\"govuk-notification-banner__link\">government-strategy-v2.pdf</a></li>\n      <li><a href=\"#\" class=\"govuk-notification-banner__link\">government-strategy-v3-FINAL.pdf</a></li>\n      <li><a href=\"#\" class=\"govuk-notification-banner__link\">government-strategy-v4-FINAL-v2.pdf</a></li>\n    </ul>\n  </div>\n</div>"
+        },
+        {
+            "name": "with type as success",
+            "options": {
+                "type": "success",
+                "text": "Email sent to example@email.com"
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-notification-banner govuk-notification-banner--success\" role=\"alert\" aria-labelledby=\"govuk-notification-banner-title\" data-module=\"govuk-notification-banner\">\n  <div class=\"govuk-notification-banner__header\">\n    <h2 class=\"govuk-notification-banner__title\" id=\"govuk-notification-banner-title\">\n      Success\n    </h2>\n  </div>\n  <div class=\"govuk-notification-banner__content\">\n    <p class=\"govuk-notification-banner__heading\">\n      Email sent to example@email.com\n    </p>\n  </div>\n</div>"
+        },
+        {
+            "name": "with long heading",
+            "options": {
+                "text": "This publication was withdrawn on 7 March 2014, before being sent in, sent back, queried, lost, found, subjected to public inquiry, lost again, and finally buried in soft peat for three months and recycled as firelighters."
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-notification-banner\" role=\"region\" aria-labelledby=\"govuk-notification-banner-title\" data-module=\"govuk-notification-banner\">\n  <div class=\"govuk-notification-banner__header\">\n    <h2 class=\"govuk-notification-banner__title\" id=\"govuk-notification-banner-title\">\n      Important\n    </h2>\n  </div>\n  <div class=\"govuk-notification-banner__content\">\n    <p class=\"govuk-notification-banner__heading\">\n      This publication was withdrawn on 7 March 2014, before being sent in, sent back, queried, lost, found, subjected to public inquiry, lost again, and finally buried in soft peat for three months and recycled as firelighters.\n    </p>\n  </div>\n</div>"
+        },
+        {
+            "name": "with lots of content",
+            "options": {
+                "html": "<h3 class=\"govuk-notification-banner__heading\">\n  Check if you need to apply the reverse charge to this application\n</h3>\n<p class=\"govuk-body\">\n  You will have to apply the <a href=\"#\" class=\"govuk-notification-banner__link\">reverse charge</a> if the applicant supplies any of these services:\n</p>\n<ul class=\"govuk-list govuk-list--bullet govuk-list--spaced\">\n  <li>constructing, altering, repairing, extending, demolishing or dismantling buildings or structures (whether permanent or not), including offshore installation services</li>\n  <li>constructing, altering, repairing, extending, demolishing of any works forming, or planned to form, part of the land, including (in particular) walls, roadworks, power lines, electronic communications equipment, aircraft runways, railways, inland waterways, docks and harbours</li>\n</ul>\n"
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-notification-banner\" role=\"region\" aria-labelledby=\"govuk-notification-banner-title\" data-module=\"govuk-notification-banner\">\n  <div class=\"govuk-notification-banner__header\">\n    <h2 class=\"govuk-notification-banner__title\" id=\"govuk-notification-banner-title\">\n      Important\n    </h2>\n  </div>\n  <div class=\"govuk-notification-banner__content\">\n    <h3 class=\"govuk-notification-banner__heading\">\n      Check if you need to apply the reverse charge to this application\n    </h3>\n    <p class=\"govuk-body\">\n      You will have to apply the <a href=\"#\" class=\"govuk-notification-banner__link\">reverse charge</a> if the applicant supplies any of these services:\n    </p>\n    <ul class=\"govuk-list govuk-list--bullet govuk-list--spaced\">\n      <li>constructing, altering, repairing, extending, demolishing or dismantling buildings or structures (whether permanent or not), including offshore installation services</li>\n      <li>constructing, altering, repairing, extending, demolishing of any works forming, or planned to form, part of the land, including (in particular) walls, roadworks, power lines, electronic communications equipment, aircraft runways, railways, inland waterways, docks and harbours</li>\n    </ul>\n  </div>\n</div>"
+        },
+        {
+            "name": "custom title",
+            "options": {
+                "titleText": "Important information",
+                "text": "This publication was withdrawn on 7 March 2014."
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-notification-banner\" role=\"region\" aria-labelledby=\"govuk-notification-banner-title\" data-module=\"govuk-notification-banner\">\n  <div class=\"govuk-notification-banner__header\">\n    <h2 class=\"govuk-notification-banner__title\" id=\"govuk-notification-banner-title\">\n      Important information\n    </h2>\n  </div>\n  <div class=\"govuk-notification-banner__content\">\n    <p class=\"govuk-notification-banner__heading\">\n      This publication was withdrawn on 7 March 2014.\n    </p>\n  </div>\n</div>"
+        },
+        {
+            "name": "title as html",
+            "options": {
+                "titleHtml": "<span>Important information</span>",
+                "text": "This publication was withdrawn on 7 March 2014."
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-notification-banner\" role=\"region\" aria-labelledby=\"govuk-notification-banner-title\" data-module=\"govuk-notification-banner\">\n  <div class=\"govuk-notification-banner__header\">\n    <h2 class=\"govuk-notification-banner__title\" id=\"govuk-notification-banner-title\">\n      <span>Important information</span>\n    </h2>\n  </div>\n  <div class=\"govuk-notification-banner__content\">\n    <p class=\"govuk-notification-banner__heading\">\n      This publication was withdrawn on 7 March 2014.\n    </p>\n  </div>\n</div>"
+        },
+        {
+            "name": "title html as text",
+            "options": {
+                "titleText": "<span>Important information</span>",
+                "text": "This publication was withdrawn on 7 March 2014."
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-notification-banner\" role=\"region\" aria-labelledby=\"govuk-notification-banner-title\" data-module=\"govuk-notification-banner\">\n  <div class=\"govuk-notification-banner__header\">\n    <h2 class=\"govuk-notification-banner__title\" id=\"govuk-notification-banner-title\">\n      &lt;span&gt;Important information&lt;/span&gt;\n    </h2>\n  </div>\n  <div class=\"govuk-notification-banner__content\">\n    <p class=\"govuk-notification-banner__heading\">\n      This publication was withdrawn on 7 March 2014.\n    </p>\n  </div>\n</div>"
+        },
+        {
+            "name": "custom title heading level",
+            "options": {
+                "titleHeadingLevel": 3,
+                "text": "This publication was withdrawn on 7 March 2014."
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-notification-banner\" role=\"region\" aria-labelledby=\"govuk-notification-banner-title\" data-module=\"govuk-notification-banner\">\n  <div class=\"govuk-notification-banner__header\">\n    <h3 class=\"govuk-notification-banner__title\" id=\"govuk-notification-banner-title\">\n      Important\n    </h3>\n  </div>\n  <div class=\"govuk-notification-banner__content\">\n    <p class=\"govuk-notification-banner__heading\">\n      This publication was withdrawn on 7 March 2014.\n    </p>\n  </div>\n</div>"
+        },
+        {
+            "name": "custom title id",
+            "options": {
+                "titleId": "my-id",
+                "text": "This publication was withdrawn on 7 March 2014."
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-notification-banner\" role=\"region\" aria-labelledby=\"my-id\" data-module=\"govuk-notification-banner\">\n  <div class=\"govuk-notification-banner__header\">\n    <h2 class=\"govuk-notification-banner__title\" id=\"my-id\">\n      Important\n    </h2>\n  </div>\n  <div class=\"govuk-notification-banner__content\">\n    <p class=\"govuk-notification-banner__heading\">\n      This publication was withdrawn on 7 March 2014.\n    </p>\n  </div>\n</div>"
+        },
+        {
+            "name": "custom title id with type as success",
+            "options": {
+                "type": "success",
+                "titleId": "my-id",
+                "text": "Email sent to example@email.com"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-notification-banner govuk-notification-banner--success\" role=\"alert\" aria-labelledby=\"my-id\" data-module=\"govuk-notification-banner\">\n  <div class=\"govuk-notification-banner__header\">\n    <h2 class=\"govuk-notification-banner__title\" id=\"my-id\">\n      Success\n    </h2>\n  </div>\n  <div class=\"govuk-notification-banner__content\">\n    <p class=\"govuk-notification-banner__heading\">\n      Email sent to example@email.com\n    </p>\n  </div>\n</div>"
+        },
+        {
+            "name": "custom text",
+            "options": {
+                "text": "This publication was withdrawn on 7 March 2014."
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-notification-banner\" role=\"region\" aria-labelledby=\"govuk-notification-banner-title\" data-module=\"govuk-notification-banner\">\n  <div class=\"govuk-notification-banner__header\">\n    <h2 class=\"govuk-notification-banner__title\" id=\"govuk-notification-banner-title\">\n      Important\n    </h2>\n  </div>\n  <div class=\"govuk-notification-banner__content\">\n    <p class=\"govuk-notification-banner__heading\">\n      This publication was withdrawn on 7 March 2014.\n    </p>\n  </div>\n</div>"
+        },
+        {
+            "name": "html as text",
+            "options": {
+                "text": "<span>This publication was withdrawn on 7 March 2014.</span>"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-notification-banner\" role=\"region\" aria-labelledby=\"govuk-notification-banner-title\" data-module=\"govuk-notification-banner\">\n  <div class=\"govuk-notification-banner__header\">\n    <h2 class=\"govuk-notification-banner__title\" id=\"govuk-notification-banner-title\">\n      Important\n    </h2>\n  </div>\n  <div class=\"govuk-notification-banner__content\">\n    <p class=\"govuk-notification-banner__heading\">\n      &lt;span&gt;This publication was withdrawn on 7 March 2014.&lt;/span&gt;\n    </p>\n  </div>\n</div>"
+        },
+        {
+            "name": "custom role",
+            "options": {
+                "role": "banner",
+                "text": "This publication was withdrawn on 7 March 2014."
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-notification-banner\" role=\"banner\" aria-labelledby=\"govuk-notification-banner-title\" data-module=\"govuk-notification-banner\">\n  <div class=\"govuk-notification-banner__header\">\n    <h2 class=\"govuk-notification-banner__title\" id=\"govuk-notification-banner-title\">\n      Important\n    </h2>\n  </div>\n  <div class=\"govuk-notification-banner__content\">\n    <p class=\"govuk-notification-banner__heading\">\n      This publication was withdrawn on 7 March 2014.\n    </p>\n  </div>\n</div>"
+        },
+        {
+            "name": "classes",
+            "options": {
+                "text": "This publication was withdrawn on 7 March 2014.",
+                "classes": "app-my-class"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-notification-banner app-my-class\" role=\"region\" aria-labelledby=\"govuk-notification-banner-title\" data-module=\"govuk-notification-banner\">\n  <div class=\"govuk-notification-banner__header\">\n    <h2 class=\"govuk-notification-banner__title\" id=\"govuk-notification-banner-title\">\n      Important\n    </h2>\n  </div>\n  <div class=\"govuk-notification-banner__content\">\n    <p class=\"govuk-notification-banner__heading\">\n      This publication was withdrawn on 7 March 2014.\n    </p>\n  </div>\n</div>"
+        },
+        {
+            "name": "attributes",
+            "options": {
+                "text": "This publication was withdrawn on 7 March 2014.",
+                "attributes": {
+                    "my-attribute": "value"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-notification-banner\" role=\"region\" aria-labelledby=\"govuk-notification-banner-title\" data-module=\"govuk-notification-banner\" my-attribute=\"value\">\n  <div class=\"govuk-notification-banner__header\">\n    <h2 class=\"govuk-notification-banner__title\" id=\"govuk-notification-banner-title\">\n      Important\n    </h2>\n  </div>\n  <div class=\"govuk-notification-banner__content\">\n    <p class=\"govuk-notification-banner__heading\">\n      This publication was withdrawn on 7 March 2014.\n    </p>\n  </div>\n</div>"
+        },
+        {
+            "name": "with invalid type",
+            "options": {
+                "type": "some-type",
+                "text": "This publication was withdrawn on 7 March 2014."
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-notification-banner\" role=\"region\" aria-labelledby=\"govuk-notification-banner-title\" data-module=\"govuk-notification-banner\">\n  <div class=\"govuk-notification-banner__header\">\n    <h2 class=\"govuk-notification-banner__title\" id=\"govuk-notification-banner-title\">\n      Important\n    </h2>\n  </div>\n  <div class=\"govuk-notification-banner__content\">\n    <p class=\"govuk-notification-banner__heading\">\n      This publication was withdrawn on 7 March 2014.\n    </p>\n  </div>\n</div>"
+        },
+        {
+            "name": "auto-focus disabled, with type as success",
+            "options": {
+                "type": "success",
+                "disableAutoFocus": true,
+                "text": "Email sent to example@email.com"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-notification-banner govuk-notification-banner--success\" role=\"alert\" aria-labelledby=\"govuk-notification-banner-title\" data-module=\"govuk-notification-banner\" data-disable-auto-focus=\"true\">\n  <div class=\"govuk-notification-banner__header\">\n    <h2 class=\"govuk-notification-banner__title\" id=\"govuk-notification-banner-title\">\n      Success\n    </h2>\n  </div>\n  <div class=\"govuk-notification-banner__content\">\n    <p class=\"govuk-notification-banner__heading\">\n      Email sent to example@email.com\n    </p>\n  </div>\n</div>"
+        },
+        {
+            "name": "auto-focus explicitly enabled, with type as success",
+            "options": {
+                "type": "success",
+                "disableAutoFocus": false,
+                "text": "Email sent to example@email.com"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-notification-banner govuk-notification-banner--success\" role=\"alert\" aria-labelledby=\"govuk-notification-banner-title\" data-module=\"govuk-notification-banner\" data-disable-auto-focus=\"false\">\n  <div class=\"govuk-notification-banner__header\">\n    <h2 class=\"govuk-notification-banner__title\" id=\"govuk-notification-banner-title\">\n      Success\n    </h2>\n  </div>\n  <div class=\"govuk-notification-banner__content\">\n    <p class=\"govuk-notification-banner__heading\">\n      Email sent to example@email.com\n    </p>\n  </div>\n</div>"
+        },
+        {
+            "name": "role=alert overridden to role=region, with type as success",
+            "options": {
+                "type": "success",
+                "role": "region",
+                "text": "Email sent to example@email.com"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-notification-banner govuk-notification-banner--success\" role=\"region\" aria-labelledby=\"govuk-notification-banner-title\" data-module=\"govuk-notification-banner\">\n  <div class=\"govuk-notification-banner__header\">\n    <h2 class=\"govuk-notification-banner__title\" id=\"govuk-notification-banner-title\">\n      Success\n    </h2>\n  </div>\n  <div class=\"govuk-notification-banner__content\">\n    <p class=\"govuk-notification-banner__heading\">\n      Email sent to example@email.com\n    </p>\n  </div>\n</div>"
+        },
+        {
+            "name": "custom tabindex",
+            "options": {
+                "type": "success",
+                "text": "Email sent to example@email.com",
+                "attributes": {
+                    "tabindex": 2
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-notification-banner govuk-notification-banner--success\" role=\"alert\" aria-labelledby=\"govuk-notification-banner-title\" data-module=\"govuk-notification-banner\" tabindex=\"2\">\n  <div class=\"govuk-notification-banner__header\">\n    <h2 class=\"govuk-notification-banner__title\" id=\"govuk-notification-banner-title\">\n      Success\n    </h2>\n  </div>\n  <div class=\"govuk-notification-banner__content\">\n    <p class=\"govuk-notification-banner__heading\">\n      Email sent to example@email.com\n    </p>\n  </div>\n</div>"
+        }
+    ]
+}
diff --git a/app/templates/govuk/components/notification-banner/macro-options.json b/app/templates/govuk/components/notification-banner/macro-options.json
new file mode 100644
index 0000000..c59a29f
--- /dev/null
+++ b/app/templates/govuk/components/notification-banner/macro-options.json
@@ -0,0 +1,74 @@
+[
+    {
+        "name": "text",
+        "type": "string",
+        "required": true,
+        "description": "The text that displays in the notification banner. You can use any string with this option. If you set `html`, this option is not required and is ignored."
+    },
+    {
+        "name": "html",
+        "type": "string",
+        "required": true,
+        "description": "The HTML to use within the notification banner. You can use any string with this option. If you set `html`, `text` is not required and is ignored."
+    },
+    {
+        "name": "caller",
+        "type": "nunjucks-block",
+        "required": false,
+        "description": "Not strictly a parameter but [Nunjucks code convention](https://mozilla.github.io/nunjucks/templating.html#call). Using a `call` block enables you to call a macro with all the text inside the tag. This is helpful if you want to pass a lot of content into a macro. To use it, you will need to wrap the entire notification banner component in a `call` block."
+    },
+    {
+        "name": "titleText",
+        "type": "string",
+        "required": false,
+        "description": "The title text that displays in the notification banner. You can use any string with this option. Use this option to set text that does not contain HTML. The available default values are 'Important', 'Success', and null:\n- if you do not set `type`, `titleText` defaults to `\"Important\"`\n- if you set `type` to `success`, `titleText` defaults to `\"Success\"`\n- if you set `titleHtml`, this option is ignored\n"
+    },
+    {
+        "name": "titleHtml",
+        "type": "string",
+        "required": false,
+        "description": "The title HTML to use within the notification banner. You can use any string with this option. Use this option to set text that contains HTML. If you set `titleHtml`, the `titleText` option is ignored."
+    },
+    {
+        "name": "titleHeadingLevel",
+        "type": "string",
+        "required": false,
+        "description": "Sets heading level for the title only. You can only use values between `1` and `6` with this option. The default is `2`."
+    },
+    {
+        "name": "type",
+        "type": "string",
+        "required": false,
+        "description": "The type of notification to render. You can use only `\"success\"` or `null` values with this option. If you set `type` to `\"success\"`, the notification banner sets `role` to `\"alert\"`. JavaScript then moves the keyboard focus to the notification banner when the page loads. If you do not set `type`, the notification banner sets `role` to `\"region\"`."
+    },
+    {
+        "name": "role",
+        "type": "string",
+        "required": false,
+        "description": "Overrides the value of the `role` attribute for the notification banner. Defaults to `\"region\"`. If you set `type` to `\"success\"`, `role` defaults to `\"alert\"`."
+    },
+    {
+        "name": "titleId",
+        "type": "string",
+        "required": false,
+        "description": "The `id` for the banner title, and the `aria-labelledby` attribute in the banner. Defaults to `\"govuk-notification-banner-title\"`."
+    },
+    {
+        "name": "disableAutoFocus",
+        "type": "boolean",
+        "required": false,
+        "description": "If you set `type` to `\"success\"`, or `role` to `\"alert\"`, JavaScript moves the keyboard focus to the notification banner when the page loads. To disable this behaviour, set `disableAutoFocus` to `true`."
+    },
+    {
+        "name": "classes",
+        "type": "string",
+        "required": false,
+        "description": "The classes that you want to add to the notification banner."
+    },
+    {
+        "name": "attributes",
+        "type": "object",
+        "required": false,
+        "description": "The HTML attributes that you want to add to the notification banner, for example, data attributes."
+    }
+]
diff --git a/app/templates/govuk/components/notification-banner/macro.njk b/app/templates/govuk/components/notification-banner/macro.njk
new file mode 100644
index 0000000..dedfb49
--- /dev/null
+++ b/app/templates/govuk/components/notification-banner/macro.njk
@@ -0,0 +1,3 @@
+{% macro govukNotificationBanner(params) %}
+  {%- include "./template.njk" -%}
+{% endmacro %}
diff --git a/app/templates/govuk/components/notification-banner/notification-banner.bundle.js b/app/templates/govuk/components/notification-banner/notification-banner.bundle.js
new file mode 100644
index 0000000..2b9ba26
--- /dev/null
+++ b/app/templates/govuk/components/notification-banner/notification-banner.bundle.js
@@ -0,0 +1,367 @@
+(function (global, factory) {
+  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports) :
+  typeof define === 'function' && define.amd ? define(['exports'], factory) :
+  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.GOVUKFrontend = global.GOVUKFrontend || {}));
+})(this, (function (exports) { 'use strict';
+
+  function setFocus($element, options = {}) {
+    var _options$onBeforeFocu;
+    const isFocusable = $element.getAttribute('tabindex');
+    if (!isFocusable) {
+      $element.setAttribute('tabindex', '-1');
+    }
+    function onFocus() {
+      $element.addEventListener('blur', onBlur, {
+        once: true
+      });
+    }
+    function onBlur() {
+      var _options$onBlur;
+      (_options$onBlur = options.onBlur) == null || _options$onBlur.call($element);
+      if (!isFocusable) {
+        $element.removeAttribute('tabindex');
+      }
+    }
+    $element.addEventListener('focus', onFocus, {
+      once: true
+    });
+    (_options$onBeforeFocu = options.onBeforeFocus) == null || _options$onBeforeFocu.call($element);
+    $element.focus();
+  }
+  function isInitialised($root, moduleName) {
+    return $root instanceof HTMLElement && $root.hasAttribute(`data-${moduleName}-init`);
+  }
+
+  /**
+   * Checks if GOV.UK Frontend is supported on this page
+   *
+   * Some browsers will load and run our JavaScript but GOV.UK Frontend
+   * won't be supported.
+   *
+   * @param {HTMLElement | null} [$scope] - (internal) `<body>` HTML element checked for browser support
+   * @returns {boolean} Whether GOV.UK Frontend is supported on this page
+   */
+  function isSupported($scope = document.body) {
+    if (!$scope) {
+      return false;
+    }
+    return $scope.classList.contains('govuk-frontend-supported');
+  }
+  function isArray(option) {
+    return Array.isArray(option);
+  }
+  function isObject(option) {
+    return !!option && typeof option === 'object' && !isArray(option);
+  }
+  function formatErrorMessage(Component, message) {
+    return `${Component.moduleName}: ${message}`;
+  }
+  /**
+   * @typedef ComponentWithModuleName
+   * @property {string} moduleName - Name of the component
+   */
+
+  class GOVUKFrontendError extends Error {
+    constructor(...args) {
+      super(...args);
+      this.name = 'GOVUKFrontendError';
+    }
+  }
+  class SupportError extends GOVUKFrontendError {
+    /**
+     * Checks if GOV.UK Frontend is supported on this page
+     *
+     * @param {HTMLElement | null} [$scope] - HTML element `<body>` checked for browser support
+     */
+    constructor($scope = document.body) {
+      const supportMessage = 'noModule' in HTMLScriptElement.prototype ? 'GOV.UK Frontend initialised without `<body class="govuk-frontend-supported">` from template `<script>` snippet' : 'GOV.UK Frontend is not supported in this browser';
+      super($scope ? supportMessage : 'GOV.UK Frontend initialised without `<script type="module">`');
+      this.name = 'SupportError';
+    }
+  }
+  class ConfigError extends GOVUKFrontendError {
+    constructor(...args) {
+      super(...args);
+      this.name = 'ConfigError';
+    }
+  }
+  class ElementError extends GOVUKFrontendError {
+    constructor(messageOrOptions) {
+      let message = typeof messageOrOptions === 'string' ? messageOrOptions : '';
+      if (isObject(messageOrOptions)) {
+        const {
+          component,
+          identifier,
+          element,
+          expectedType
+        } = messageOrOptions;
+        message = identifier;
+        message += element ? ` is not of type ${expectedType != null ? expectedType : 'HTMLElement'}` : ' not found';
+        if (component) {
+          message = formatErrorMessage(component, message);
+        }
+      }
+      super(message);
+      this.name = 'ElementError';
+    }
+  }
+  class InitError extends GOVUKFrontendError {
+    constructor(componentOrMessage) {
+      const message = typeof componentOrMessage === 'string' ? componentOrMessage : formatErrorMessage(componentOrMessage, `Root element (\`$root\`) already initialised`);
+      super(message);
+      this.name = 'InitError';
+    }
+  }
+  /**
+   * @import { ComponentWithModuleName } from '../common/index.mjs'
+   */
+
+  class Component {
+    /**
+     * Returns the root element of the component
+     *
+     * @protected
+     * @returns {RootElementType} - the root element of component
+     */
+    get $root() {
+      return this._$root;
+    }
+    constructor($root) {
+      this._$root = void 0;
+      const childConstructor = this.constructor;
+      if (typeof childConstructor.moduleName !== 'string') {
+        throw new InitError(`\`moduleName\` not defined in component`);
+      }
+      if (!($root instanceof childConstructor.elementType)) {
+        throw new ElementError({
+          element: $root,
+          component: childConstructor,
+          identifier: 'Root element (`$root`)',
+          expectedType: childConstructor.elementType.name
+        });
+      } else {
+        this._$root = $root;
+      }
+      childConstructor.checkSupport();
+      this.checkInitialised();
+      const moduleName = childConstructor.moduleName;
+      this.$root.setAttribute(`data-${moduleName}-init`, '');
+    }
+    checkInitialised() {
+      const constructor = this.constructor;
+      const moduleName = constructor.moduleName;
+      if (moduleName && isInitialised(this.$root, moduleName)) {
+        throw new InitError(constructor);
+      }
+    }
+    static checkSupport() {
+      if (!isSupported()) {
+        throw new SupportError();
+      }
+    }
+  }
+
+  /**
+   * @typedef ChildClass
+   * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component
+   */
+
+  /**
+   * @typedef {typeof Component & ChildClass} ChildClassConstructor
+   */
+  Component.elementType = HTMLElement;
+
+  const configOverride = Symbol.for('configOverride');
+  class ConfigurableComponent extends Component {
+    [configOverride](param) {
+      return {};
+    }
+
+    /**
+     * Returns the root element of the component
+     *
+     * @protected
+     * @returns {ConfigurationType} - the root element of component
+     */
+    get config() {
+      return this._config;
+    }
+    constructor($root, config) {
+      super($root);
+      this._config = void 0;
+      const childConstructor = this.constructor;
+      if (!isObject(childConstructor.defaults)) {
+        throw new ConfigError(formatErrorMessage(childConstructor, 'Config passed as parameter into constructor but no defaults defined'));
+      }
+      const datasetConfig = normaliseDataset(childConstructor, this._$root.dataset);
+      this._config = mergeConfigs(childConstructor.defaults, config != null ? config : {}, this[configOverride](datasetConfig), datasetConfig);
+    }
+  }
+  function normaliseString(value, property) {
+    const trimmedValue = value ? value.trim() : '';
+    let output;
+    let outputType = property == null ? void 0 : property.type;
+    if (!outputType) {
+      if (['true', 'false'].includes(trimmedValue)) {
+        outputType = 'boolean';
+      }
+      if (trimmedValue.length > 0 && isFinite(Number(trimmedValue))) {
+        outputType = 'number';
+      }
+    }
+    switch (outputType) {
+      case 'boolean':
+        output = trimmedValue === 'true';
+        break;
+      case 'number':
+        output = Number(trimmedValue);
+        break;
+      default:
+        output = value;
+    }
+    return output;
+  }
+  function normaliseDataset(Component, dataset) {
+    if (!isObject(Component.schema)) {
+      throw new ConfigError(formatErrorMessage(Component, 'Config passed as parameter into constructor but no schema defined'));
+    }
+    const out = {};
+    const entries = Object.entries(Component.schema.properties);
+    for (const entry of entries) {
+      const [namespace, property] = entry;
+      const field = namespace.toString();
+      if (field in dataset) {
+        out[field] = normaliseString(dataset[field], property);
+      }
+      if ((property == null ? void 0 : property.type) === 'object') {
+        out[field] = extractConfigByNamespace(Component.schema, dataset, namespace);
+      }
+    }
+    return out;
+  }
+  function mergeConfigs(...configObjects) {
+    const formattedConfigObject = {};
+    for (const configObject of configObjects) {
+      for (const key of Object.keys(configObject)) {
+        const option = formattedConfigObject[key];
+        const override = configObject[key];
+        if (isObject(option) && isObject(override)) {
+          formattedConfigObject[key] = mergeConfigs(option, override);
+        } else {
+          formattedConfigObject[key] = override;
+        }
+      }
+    }
+    return formattedConfigObject;
+  }
+  function extractConfigByNamespace(schema, dataset, namespace) {
+    const property = schema.properties[namespace];
+    if ((property == null ? void 0 : property.type) !== 'object') {
+      return;
+    }
+    const newObject = {
+      [namespace]: {}
+    };
+    for (const [key, value] of Object.entries(dataset)) {
+      let current = newObject;
+      const keyParts = key.split('.');
+      for (const [index, name] of keyParts.entries()) {
+        if (isObject(current)) {
+          if (index < keyParts.length - 1) {
+            if (!isObject(current[name])) {
+              current[name] = {};
+            }
+            current = current[name];
+          } else if (key !== namespace) {
+            current[name] = normaliseString(value);
+          }
+        }
+      }
+    }
+    return newObject[namespace];
+  }
+  /**
+   * Schema for component config
+   *
+   * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType
+   * @typedef {object} Schema
+   * @property {Record<keyof ConfigurationType, SchemaProperty | undefined>} properties - Schema properties
+   * @property {SchemaCondition<ConfigurationType>[]} [anyOf] - List of schema conditions
+   */
+  /**
+   * Schema property for component config
+   *
+   * @typedef {object} SchemaProperty
+   * @property {'string' | 'boolean' | 'number' | 'object'} type - Property type
+   */
+  /**
+   * Schema condition for component config
+   *
+   * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType
+   * @typedef {object} SchemaCondition
+   * @property {(keyof ConfigurationType)[]} required - List of required config fields
+   * @property {string} errorMessage - Error message when required config fields not provided
+   */
+  /**
+   * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]
+   * @typedef ChildClass
+   * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component
+   * @property {Schema<ConfigurationType>} [schema] - The schema of the component configuration
+   * @property {ConfigurationType} [defaults] - The default values of the configuration of the component
+   */
+  /**
+   * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]
+   * @typedef {typeof Component & ChildClass<ConfigurationType>} ChildClassConstructor<ConfigurationType>
+   */
+  /**
+   * @import { CompatibleClass, Config, CreateAllOptions, OnErrorCallback } from '../init.mjs'
+   */
+
+  /**
+   * Notification Banner component
+   *
+   * @preserve
+   * @augments ConfigurableComponent<NotificationBannerConfig>
+   */
+  class NotificationBanner extends ConfigurableComponent {
+    /**
+     * @param {Element | null} $root - HTML element to use for notification banner
+     * @param {NotificationBannerConfig} [config] - Notification banner config
+     */
+    constructor($root, config = {}) {
+      super($root, config);
+      if (this.$root.getAttribute('role') === 'alert' && !this.config.disableAutoFocus) {
+        setFocus(this.$root);
+      }
+    }
+  }
+
+  /**
+   * Notification banner config
+   *
+   * @typedef {object} NotificationBannerConfig
+   * @property {boolean} [disableAutoFocus=false] - If set to `true` the
+   *   notification banner will not be focussed when the page loads. This only
+   *   applies if the component has a `role` of `alert` – in other cases the
+   *   component will not be focused on page load, regardless of this option.
+   */
+
+  /**
+   * @import { Schema } from '../../common/configuration.mjs'
+   */
+  NotificationBanner.moduleName = 'govuk-notification-banner';
+  NotificationBanner.defaults = Object.freeze({
+    disableAutoFocus: false
+  });
+  NotificationBanner.schema = Object.freeze({
+    properties: {
+      disableAutoFocus: {
+        type: 'boolean'
+      }
+    }
+  });
+
+  exports.NotificationBanner = NotificationBanner;
+
+}));
+//# sourceMappingURL=notification-banner.bundle.js.map
diff --git a/app/templates/govuk/components/notification-banner/notification-banner.bundle.js.map b/app/templates/govuk/components/notification-banner/notification-banner.bundle.js.map
new file mode 100644
index 0000000..e1c0662
--- /dev/null
+++ b/app/templates/govuk/components/notification-banner/notification-banner.bundle.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"notification-banner.bundle.js","sources":["../../../../src/govuk/common/index.mjs","../../../../src/govuk/errors/index.mjs","../../../../src/govuk/component.mjs","../../../../src/govuk/common/configuration.mjs","../../../../src/govuk/components/notification-banner/notification-banner.mjs"],"sourcesContent":["/**\n * Common helpers which do not require polyfill.\n *\n * IMPORTANT: If a helper require a polyfill, please isolate it in its own module\n * so that the polyfill can be properly tree-shaken and does not burden\n * the components that do not need that helper\n */\n\n/**\n * Get GOV.UK Frontend breakpoint value from CSS custom property\n *\n * @private\n * @param {string} name - Breakpoint name\n * @returns {{ property: string, value?: string }} Breakpoint object\n */\nexport function getBreakpoint(name) {\n  const property = `--govuk-breakpoint-${name}`\n\n  // Get value from `<html>` with breakpoints on CSS :root\n  const value = window\n    .getComputedStyle(document.documentElement)\n    .getPropertyValue(property)\n\n  return {\n    property,\n    value: value || undefined\n  }\n}\n\n/**\n * Move focus to element\n *\n * Sets tabindex to -1 to make the element programmatically focusable,\n * but removes it on blur as the element doesn't need to be focused again.\n *\n * @private\n * @template {HTMLElement} FocusElement\n * @param {FocusElement} $element - HTML element\n * @param {object} [options] - Handler options\n * @param {function(this: FocusElement): void} [options.onBeforeFocus] - Callback before focus\n * @param {function(this: FocusElement): void} [options.onBlur] - Callback on blur\n */\nexport function setFocus($element, options = {}) {\n  const isFocusable = $element.getAttribute('tabindex')\n\n  if (!isFocusable) {\n    $element.setAttribute('tabindex', '-1')\n  }\n\n  /**\n   * Handle element focus\n   */\n  function onFocus() {\n    $element.addEventListener('blur', onBlur, { once: true })\n  }\n\n  /**\n   * Handle element blur\n   */\n  function onBlur() {\n    options.onBlur?.call($element)\n\n    if (!isFocusable) {\n      $element.removeAttribute('tabindex')\n    }\n  }\n\n  // Add listener to reset element on blur, after focus\n  $element.addEventListener('focus', onFocus, { once: true })\n\n  // Focus element\n  options.onBeforeFocus?.call($element)\n  $element.focus()\n}\n\n/**\n * Checks if component is already initialised\n *\n * @internal\n * @param {Element} $root - HTML element to be checked\n * @param {string} moduleName - name of component module\n * @returns {boolean} Whether component is already initialised\n */\nexport function isInitialised($root, moduleName) {\n  return (\n    $root instanceof HTMLElement &&\n    $root.hasAttribute(`data-${moduleName}-init`)\n  )\n}\n\n/**\n * Checks if GOV.UK Frontend is supported on this page\n *\n * Some browsers will load and run our JavaScript but GOV.UK Frontend\n * won't be supported.\n *\n * @param {HTMLElement | null} [$scope] - (internal) `<body>` HTML element checked for browser support\n * @returns {boolean} Whether GOV.UK Frontend is supported on this page\n */\nexport function isSupported($scope = document.body) {\n  if (!$scope) {\n    return false\n  }\n\n  return $scope.classList.contains('govuk-frontend-supported')\n}\n\n/**\n * Check for an array\n *\n * @internal\n * @param {unknown} option - Option to check\n * @returns {boolean} Whether the option is an array\n */\nfunction isArray(option) {\n  return Array.isArray(option)\n}\n\n/**\n * Check for an object\n *\n * @internal\n * @template {Partial<Record<keyof ObjectType, unknown>>} ObjectType\n * @param {unknown | ObjectType} option - Option to check\n * @returns {option is ObjectType} Whether the option is an object\n */\nexport function isObject(option) {\n  return !!option && typeof option === 'object' && !isArray(option)\n}\n\n/**\n * Check for valid scope\n *\n * @internal\n * @template {Element | Document} ScopeType\n * @param {unknown | ScopeType} $scope - Scope of the document to search within\n * @returns {$scope is ScopeType} Whether the scope can be queried\n */\nexport function isScope($scope) {\n  return !!$scope && ($scope instanceof Element || $scope instanceof Document)\n}\n\n/**\n * Format error message\n *\n * @internal\n * @param {ComponentWithModuleName} Component - Component that threw the error\n * @param {string} message - Error message\n * @returns {string} - Formatted error message\n */\nexport function formatErrorMessage(Component, message) {\n  return `${Component.moduleName}: ${message}`\n}\n\n/* eslint-disable jsdoc/valid-types --\n * `{new(...args: any[] ): object}` is not recognised as valid\n * https://github.com/gajus/eslint-plugin-jsdoc/issues/145#issuecomment-1308722878\n * https://github.com/jsdoc-type-pratt-parser/jsdoc-type-pratt-parser/issues/131\n **/\n\n/**\n * @typedef ComponentWithModuleName\n * @property {string} moduleName - Name of the component\n */\n\n/* eslint-enable jsdoc/valid-types */\n","import { formatErrorMessage, isObject } from '../common/index.mjs'\n\n/**\n * GOV.UK Frontend error\n *\n * A base class for `Error`s thrown by GOV.UK Frontend.\n *\n * It is meant to be extended into specific types of errors\n * to be thrown by our code.\n *\n * @example\n * ```js\n * class MissingRootError extends GOVUKFrontendError {\n *   // Setting an explicit name is important as extending the class will not\n *   // set a new `name` on the subclass. The `name` property is important\n *   // to ensure intelligible error names even if the class name gets\n *   // mangled by a minifier\n *   name = \"MissingRootError\"\n * }\n * ```\n * @virtual\n */\nexport class GOVUKFrontendError extends Error {\n  name = 'GOVUKFrontendError'\n}\n\n/**\n * Indicates that GOV.UK Frontend is not supported\n */\nexport class SupportError extends GOVUKFrontendError {\n  name = 'SupportError'\n\n  /**\n   * Checks if GOV.UK Frontend is supported on this page\n   *\n   * @param {HTMLElement | null} [$scope] - HTML element `<body>` checked for browser support\n   */\n  constructor($scope = document.body) {\n    const supportMessage =\n      'noModule' in HTMLScriptElement.prototype\n        ? 'GOV.UK Frontend initialised without `<body class=\"govuk-frontend-supported\">` from template `<script>` snippet'\n        : 'GOV.UK Frontend is not supported in this browser'\n\n    super(\n      $scope\n        ? supportMessage\n        : 'GOV.UK Frontend initialised without `<script type=\"module\">`'\n    )\n  }\n}\n\n/**\n * Indicates that a component has received an illegal configuration\n */\nexport class ConfigError extends GOVUKFrontendError {\n  name = 'ConfigError'\n}\n\n/**\n * Indicates an issue with an element (possibly `null` or `undefined`)\n */\nexport class ElementError extends GOVUKFrontendError {\n  name = 'ElementError'\n\n  /**\n   * @internal\n   * @overload\n   * @param {string} message - Element error message\n   */\n\n  /**\n   * @internal\n   * @overload\n   * @param {ElementErrorOptions} options - Element error options\n   */\n\n  /**\n   * @internal\n   * @param {string | ElementErrorOptions} messageOrOptions - Element error message or options\n   */\n  constructor(messageOrOptions) {\n    let message = typeof messageOrOptions === 'string' ? messageOrOptions : ''\n\n    // Build message from options\n    if (isObject(messageOrOptions)) {\n      const { component, identifier, element, expectedType } = messageOrOptions\n\n      message = identifier\n\n      // Append reason\n      message += element\n        ? ` is not of type ${expectedType ?? 'HTMLElement'}`\n        : ' not found'\n\n      // Prepend with module name (optional)\n      if (component) {\n        message = formatErrorMessage(component, message)\n      }\n    }\n\n    super(message)\n  }\n}\n\n/**\n * Indicates that a component is already initialised\n */\nexport class InitError extends GOVUKFrontendError {\n  name = 'InitError'\n\n  /**\n   * @internal\n   * @param {ComponentWithModuleName | string} componentOrMessage - name of the component module\n   */\n  constructor(componentOrMessage) {\n    const message =\n      typeof componentOrMessage === 'string'\n        ? componentOrMessage\n        : formatErrorMessage(\n            componentOrMessage,\n            `Root element (\\`$root\\`) already initialised`\n          )\n\n    super(message)\n  }\n}\n\n/**\n * Element error options\n *\n * @internal\n * @typedef {object} ElementErrorOptions\n * @property {Element | Document | null} [element] - The element in error (optional)\n * @property {ComponentWithModuleName} [component] - Component throwing the error (optional)\n * @property {string} identifier - An identifier that'll let the user understand which element has an error. This is whatever makes the most sense\n * @property {string} [expectedType] - The type that was expected for the identifier (optional)\n */\n\n/**\n * @import { ComponentWithModuleName } from '../common/index.mjs'\n */\n","import { isInitialised, isSupported } from './common/index.mjs'\nimport { ElementError, InitError, SupportError } from './errors/index.mjs'\n\n/**\n * Base Component class\n *\n * Centralises the behaviours shared by our components\n *\n * @virtual\n * @template {Element} [RootElementType=HTMLElement]\n */\nexport class Component {\n  /**\n   * @type {typeof Element}\n   */\n  static elementType = HTMLElement\n\n  // allows Typescript user to work around the lack of types\n  // in GOVUKFrontend package, Typescript is not aware of $root\n  // in components that extend GOVUKFrontendComponent\n  /**\n   * Returns the root element of the component\n   *\n   * @protected\n   * @returns {RootElementType} - the root element of component\n   */\n  get $root() {\n    return this._$root\n  }\n\n  /**\n   * @protected\n   * @type {RootElementType}\n   */\n  _$root\n\n  /**\n   * Constructs a new component, validating that GOV.UK Frontend is supported\n   *\n   * @internal\n   * @param {Element | null} [$root] - HTML element to use for component\n   */\n  constructor($root) {\n    const childConstructor = /** @type {ChildClassConstructor} */ (\n      this.constructor\n    )\n\n    // TypeScript does not enforce that inheriting classes will define a `moduleName`\n    // (even if we add a `@virtual` `static moduleName` property to this class).\n    // While we trust users to do this correctly, we do a little check to provide them\n    // a helpful error message.\n    //\n    // After this, we'll be sure that `childConstructor` has a `moduleName`\n    // as expected of the `ChildClassConstructor` we've cast `this.constructor` to.\n    if (typeof childConstructor.moduleName !== 'string') {\n      throw new InitError(`\\`moduleName\\` not defined in component`)\n    }\n\n    if (!($root instanceof childConstructor.elementType)) {\n      throw new ElementError({\n        element: $root,\n        component: childConstructor,\n        identifier: 'Root element (`$root`)',\n        expectedType: childConstructor.elementType.name\n      })\n    } else {\n      this._$root = /** @type {RootElementType} */ ($root)\n    }\n\n    childConstructor.checkSupport()\n\n    this.checkInitialised()\n\n    const moduleName = childConstructor.moduleName\n\n    this.$root.setAttribute(`data-${moduleName}-init`, '')\n  }\n\n  /**\n   * Validates whether component is already initialised\n   *\n   * @private\n   * @throws {InitError} when component is already initialised\n   */\n  checkInitialised() {\n    const constructor = /** @type {ChildClassConstructor} */ (this.constructor)\n    const moduleName = constructor.moduleName\n\n    if (moduleName && isInitialised(this.$root, moduleName)) {\n      throw new InitError(constructor)\n    }\n  }\n\n  /**\n   * Validates whether components are supported\n   *\n   * @throws {SupportError} when the components are not supported\n   */\n  static checkSupport() {\n    if (!isSupported()) {\n      throw new SupportError()\n    }\n  }\n}\n\n/**\n * @typedef ChildClass\n * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component\n */\n\n/**\n * @typedef {typeof Component & ChildClass} ChildClassConstructor\n */\n","import { Component } from '../component.mjs'\nimport { ConfigError } from '../errors/index.mjs'\n\nimport { isObject, isScope, formatErrorMessage } from './index.mjs'\n\nexport const configOverride = Symbol.for('configOverride')\n\n/**\n * Base Component class\n *\n * Centralises the behaviours shared by our components\n *\n * @virtual\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]\n * @template {Element & { dataset: DOMStringMap }} [RootElementType=HTMLElement]\n * @augments Component<RootElementType>\n */\nexport class ConfigurableComponent extends Component {\n  /**\n   * configOverride\n   *\n   * Function which defines configuration overrides to prioritize\n   * properties from the root element's dataset.\n   *\n   * It should take a subset of configuration as input and return\n   * a new configuration object with properties that should be\n   * overridden based on the root element's dataset. A Symbol\n   * is used for indexing to prevent conflicts.\n   *\n   * @internal\n   * @virtual\n   * @param {Partial<ConfigurationType>} [param] - Configuration object\n   * @returns {Partial<ConfigurationType>} return - Configuration object\n   */\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  [configOverride](param) {\n    return {}\n  }\n\n  /**\n   * Returns the root element of the component\n   *\n   * @protected\n   * @returns {ConfigurationType} - the root element of component\n   */\n  get config() {\n    return this._config\n  }\n\n  /**\n   *\n   * @type {ConfigurationType}\n   */\n  _config\n\n  /**\n   * Constructs a new component, validating that GOV.UK Frontend is supported\n   *\n   * @internal\n   * @param {Element | null} [$root] - HTML element to use for component\n   * @param {ConfigurationType} [config] - HTML element to use for component\n   */\n  constructor($root, config) {\n    super($root)\n\n    const childConstructor =\n      /** @type {ChildClassConstructor<ConfigurationType>} */ (this.constructor)\n\n    if (!isObject(childConstructor.defaults)) {\n      throw new ConfigError(\n        formatErrorMessage(\n          childConstructor,\n          'Config passed as parameter into constructor but no defaults defined'\n        )\n      )\n    }\n\n    const datasetConfig = /** @type {ConfigurationType} */ (\n      normaliseDataset(childConstructor, this._$root.dataset)\n    )\n\n    this._config = /** @type {ConfigurationType} */ (\n      mergeConfigs(\n        childConstructor.defaults,\n        config ?? {},\n        this[configOverride](datasetConfig),\n        datasetConfig\n      )\n    )\n  }\n}\n\n/**\n * Normalise string\n *\n * 'If it looks like a duck, and it quacks like a duck…' 🦆\n *\n * If the passed value looks like a boolean or a number, convert it to a boolean\n * or number.\n *\n * Designed to be used to convert config passed via data attributes (which are\n * always strings) into something sensible.\n *\n * @internal\n * @param {DOMStringMap[string]} value - The value to normalise\n * @param {SchemaProperty} [property] - Component schema property\n * @returns {string | boolean | number | undefined} Normalised data\n */\nexport function normaliseString(value, property) {\n  const trimmedValue = value ? value.trim() : ''\n\n  let output\n  let outputType = property?.type\n\n  // No schema type set? Determine automatically\n  if (!outputType) {\n    if (['true', 'false'].includes(trimmedValue)) {\n      outputType = 'boolean'\n    }\n\n    // Empty / whitespace-only strings are considered finite so we need to check\n    // the length of the trimmed string as well\n    if (trimmedValue.length > 0 && isFinite(Number(trimmedValue))) {\n      outputType = 'number'\n    }\n  }\n\n  switch (outputType) {\n    case 'boolean':\n      output = trimmedValue === 'true'\n      break\n\n    case 'number':\n      output = Number(trimmedValue)\n      break\n\n    default:\n      output = value\n  }\n\n  return output\n}\n\n/**\n * Normalise dataset\n *\n * Loop over an object and normalise each value using {@link normaliseString},\n * optionally expanding nested `i18n.field`\n *\n * @internal\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @template {[keyof ConfigurationType, SchemaProperty | undefined][]} SchemaEntryType\n * @param {{ schema?: Schema<ConfigurationType>, moduleName: string }} Component - Component class\n * @param {DOMStringMap} dataset - HTML element dataset\n * @returns {ObjectNested} Normalised dataset\n */\nexport function normaliseDataset(Component, dataset) {\n  if (!isObject(Component.schema)) {\n    throw new ConfigError(\n      formatErrorMessage(\n        Component,\n        'Config passed as parameter into constructor but no schema defined'\n      )\n    )\n  }\n\n  const out = /** @type {ObjectNested} */ ({})\n  const entries = /** @type {SchemaEntryType} */ (\n    Object.entries(Component.schema.properties)\n  )\n\n  // Normalise top-level dataset ('data-*') values using schema types\n  for (const entry of entries) {\n    const [namespace, property] = entry\n\n    // Cast the `namespace` to string so it can be used to access the dataset\n    const field = namespace.toString()\n\n    if (field in dataset) {\n      out[field] = normaliseString(dataset[field], property)\n    }\n\n    /**\n     * Extract and normalise nested object values automatically using\n     * {@link normaliseString} but only schema object types are allowed\n     */\n    if (property?.type === 'object') {\n      out[field] = extractConfigByNamespace(\n        Component.schema,\n        dataset,\n        namespace\n      )\n    }\n  }\n\n  return out\n}\n\n/**\n * Normalise options passed to `initAll` or `createAll`\n *\n * @internal\n * @template {CompatibleClass} ComponentClass\n * @param {Config | CreateAllOptions<ComponentClass> | OnErrorCallback<ComponentClass> | Element | Document | null} [scopeOrOptions] - Scope of the document to search within, initialisation options or error callback function\n * @returns {CreateAllOptions<ComponentClass>} Normalised options\n */\nexport function normaliseOptions(scopeOrOptions) {\n  let /** @type {Element | Document | null} */ $scope = document\n  let /** @type {OnErrorCallback<ComponentClass> | undefined} */ onError\n\n  // Handle options object\n  if (isObject(scopeOrOptions)) {\n    const options = scopeOrOptions\n\n    // Scope must be valid or null\n    if (isScope(options.scope) || options.scope === null) {\n      $scope = options.scope\n    }\n\n    // Error handler must be a function\n    if (typeof options.onError === 'function') {\n      onError = options.onError\n    }\n  }\n\n  if (isScope(scopeOrOptions)) {\n    $scope = scopeOrOptions\n  } else if (scopeOrOptions === null) {\n    $scope = null\n  } else if (typeof scopeOrOptions === 'function') {\n    onError = scopeOrOptions\n  }\n\n  return {\n    scope: $scope,\n    onError\n  }\n}\n\n/**\n * Config merging function\n *\n * Takes any number of objects and combines them together, with\n * greatest priority on the LAST item passed in.\n *\n * @internal\n * @param {...{ [key: string]: unknown }} configObjects - Config objects to merge\n * @returns {{ [key: string]: unknown }} A merged config object\n */\nexport function mergeConfigs(...configObjects) {\n  // Start with an empty object as our base\n  /** @type {{ [key: string]: unknown }} */\n  const formattedConfigObject = {}\n\n  // Loop through each of the passed objects\n  for (const configObject of configObjects) {\n    for (const key of Object.keys(configObject)) {\n      const option = formattedConfigObject[key]\n      const override = configObject[key]\n\n      // Push their keys one-by-one into formattedConfigObject. Any duplicate\n      // keys with object values will be merged, otherwise the new value will\n      // override the existing value.\n      if (isObject(option) && isObject(override)) {\n        formattedConfigObject[key] = mergeConfigs(option, override)\n      } else {\n        // Apply override\n        formattedConfigObject[key] = override\n      }\n    }\n  }\n\n  return formattedConfigObject\n}\n\n/**\n * Validate component config by schema\n *\n * Follows limited examples in JSON schema for wider support in future\n *\n * {@link https://ajv.js.org/json-schema.html#compound-keywords}\n * {@link https://ajv.js.org/packages/ajv-errors.html#single-message}\n *\n * @internal\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @param {Schema<ConfigurationType>} schema - The schema of a component\n * @param {ConfigurationType} config - Component config\n * @returns {string[]} List of validation errors\n */\nexport function validateConfig(schema, config) {\n  const validationErrors = []\n\n  // Check errors for each schema\n  for (const [name, conditions] of Object.entries(schema)) {\n    const errors = []\n\n    // Check errors for each schema condition\n    if (Array.isArray(conditions)) {\n      for (const { required, errorMessage } of conditions) {\n        if (!required.every((key) => !!config[key])) {\n          errors.push(errorMessage) // Missing config key value\n        }\n      }\n\n      // Check one condition passes or add errors\n      if (name === 'anyOf' && !(conditions.length - errors.length >= 1)) {\n        validationErrors.push(...errors)\n      }\n    }\n  }\n\n  return validationErrors\n}\n\n/**\n * Extracts keys starting with a particular namespace from dataset ('data-*')\n * object, removing the namespace in the process, normalising all values\n *\n * @internal\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @param {Schema<ConfigurationType>} schema - The schema of a component\n * @param {DOMStringMap} dataset - The object to extract key-value pairs from\n * @param {keyof ConfigurationType} namespace - The namespace to filter keys with\n * @returns {ObjectNested | undefined} Nested object with dot-separated key namespace removed\n */\nexport function extractConfigByNamespace(schema, dataset, namespace) {\n  const property = schema.properties[namespace]\n\n  // Only extract configs for object schema properties\n  if (property?.type !== 'object') {\n    return\n  }\n\n  // Add default empty config\n  const newObject = /** @type {Record<typeof namespace, ObjectNested>} */ ({\n    [namespace]: {}\n  })\n\n  for (const [key, value] of Object.entries(dataset)) {\n    /** @type {ObjectNested | ObjectNested[NestedKey]} */\n    let current = newObject\n\n    // Split the key into parts, using . as our namespace separator\n    const keyParts = key.split('.')\n\n    /**\n     * Create new level per part\n     *\n     * e.g. 'i18n.textareaDescription.other' becomes\n     * `{ i18n: { textareaDescription: { other } } }`\n     */\n    for (const [index, name] of keyParts.entries()) {\n      if (isObject(current)) {\n        // Drop down to nested object until the last part\n        if (index < keyParts.length - 1) {\n          // New nested object (optionally) replaces existing value\n          if (!isObject(current[name])) {\n            current[name] = {}\n          }\n\n          // Drop down into new or existing nested object\n          current = current[name]\n        } else if (key !== namespace) {\n          // Normalised value (optionally) replaces existing value\n          current[name] = normaliseString(value)\n        }\n      }\n    }\n  }\n\n  return newObject[namespace]\n}\n\n/**\n * @internal\n * @typedef {keyof ObjectNested} NestedKey\n * @typedef {{ [key: string]: string | boolean | number | ObjectNested | undefined }} ObjectNested\n */\n\n/**\n * Schema for component config\n *\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @typedef {object} Schema\n * @property {Record<keyof ConfigurationType, SchemaProperty | undefined>} properties - Schema properties\n * @property {SchemaCondition<ConfigurationType>[]} [anyOf] - List of schema conditions\n */\n\n/**\n * Schema property for component config\n *\n * @typedef {object} SchemaProperty\n * @property {'string' | 'boolean' | 'number' | 'object'} type - Property type\n */\n\n/**\n * Schema condition for component config\n *\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @typedef {object} SchemaCondition\n * @property {(keyof ConfigurationType)[]} required - List of required config fields\n * @property {string} errorMessage - Error message when required config fields not provided\n */\n\n/**\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]\n * @typedef ChildClass\n * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component\n * @property {Schema<ConfigurationType>} [schema] - The schema of the component configuration\n * @property {ConfigurationType} [defaults] - The default values of the configuration of the component\n */\n\n/**\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]\n * @typedef {typeof Component & ChildClass<ConfigurationType>} ChildClassConstructor<ConfigurationType>\n */\n\n/**\n * @import { CompatibleClass, Config, CreateAllOptions, OnErrorCallback } from '../init.mjs'\n */\n","import { ConfigurableComponent } from '../../common/configuration.mjs'\nimport { setFocus } from '../../common/index.mjs'\n\n/**\n * Notification Banner component\n *\n * @preserve\n * @augments ConfigurableComponent<NotificationBannerConfig>\n */\nexport class NotificationBanner extends ConfigurableComponent {\n  /**\n   * @param {Element | null} $root - HTML element to use for notification banner\n   * @param {NotificationBannerConfig} [config] - Notification banner config\n   */\n  constructor($root, config = {}) {\n    super($root, config)\n\n    /**\n     * Focus the notification banner\n     *\n     * If `role=\"alert\"` is set, focus the element to help some assistive\n     * technologies prioritise announcing it.\n     *\n     * You can turn off the auto-focus functionality by setting\n     * `data-disable-auto-focus=\"true\"` in the component HTML. You might wish to\n     * do this based on user research findings, or to avoid a clash with another\n     * element which should be focused when the page loads.\n     */\n    if (\n      this.$root.getAttribute('role') === 'alert' &&\n      !this.config.disableAutoFocus\n    ) {\n      setFocus(this.$root)\n    }\n  }\n\n  /**\n   * Name for the component used when initialising using data-module attributes.\n   */\n  static moduleName = 'govuk-notification-banner'\n\n  /**\n   * Notification banner default config\n   *\n   * @see {@link NotificationBannerConfig}\n   * @constant\n   * @type {NotificationBannerConfig}\n   */\n  static defaults = Object.freeze({\n    disableAutoFocus: false\n  })\n\n  /**\n   * Notification banner config schema\n   *\n   * @constant\n   * @satisfies {Schema<NotificationBannerConfig>}\n   */\n  static schema = Object.freeze({\n    properties: {\n      disableAutoFocus: { type: 'boolean' }\n    }\n  })\n}\n\n/**\n * Notification banner config\n *\n * @typedef {object} NotificationBannerConfig\n * @property {boolean} [disableAutoFocus=false] - If set to `true` the\n *   notification banner will not be focussed when the page loads. This only\n *   applies if the component has a `role` of `alert` – in other cases the\n *   component will not be focused on page load, regardless of this option.\n */\n\n/**\n * @import { Schema } from '../../common/configuration.mjs'\n */\n"],"names":["setFocus","$element","options","_options$onBeforeFocu","isFocusable","getAttribute","setAttribute","onFocus","addEventListener","onBlur","once","_options$onBlur","call","removeAttribute","onBeforeFocus","focus","isInitialised","$root","moduleName","HTMLElement","hasAttribute","isSupported","$scope","document","body","classList","contains","isArray","option","Array","isObject","formatErrorMessage","Component","message","GOVUKFrontendError","Error","constructor","args","name","SupportError","supportMessage","HTMLScriptElement","prototype","ConfigError","ElementError","messageOrOptions","component","identifier","element","expectedType","InitError","componentOrMessage","_$root","childConstructor","elementType","checkSupport","checkInitialised","configOverride","Symbol","for","ConfigurableComponent","param","config","_config","defaults","datasetConfig","normaliseDataset","dataset","mergeConfigs","normaliseString","value","property","trimmedValue","trim","output","outputType","type","includes","length","isFinite","Number","schema","out","entries","Object","properties","entry","namespace","field","toString","extractConfigByNamespace","configObjects","formattedConfigObject","configObject","key","keys","override","newObject","current","keyParts","split","index","NotificationBanner","disableAutoFocus","freeze"],"mappings":"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"}
\ No newline at end of file
diff --git a/app/templates/govuk/components/notification-banner/notification-banner.bundle.mjs b/app/templates/govuk/components/notification-banner/notification-banner.bundle.mjs
new file mode 100644
index 0000000..d380c57
--- /dev/null
+++ b/app/templates/govuk/components/notification-banner/notification-banner.bundle.mjs
@@ -0,0 +1,359 @@
+function setFocus($element, options = {}) {
+  var _options$onBeforeFocu;
+  const isFocusable = $element.getAttribute('tabindex');
+  if (!isFocusable) {
+    $element.setAttribute('tabindex', '-1');
+  }
+  function onFocus() {
+    $element.addEventListener('blur', onBlur, {
+      once: true
+    });
+  }
+  function onBlur() {
+    var _options$onBlur;
+    (_options$onBlur = options.onBlur) == null || _options$onBlur.call($element);
+    if (!isFocusable) {
+      $element.removeAttribute('tabindex');
+    }
+  }
+  $element.addEventListener('focus', onFocus, {
+    once: true
+  });
+  (_options$onBeforeFocu = options.onBeforeFocus) == null || _options$onBeforeFocu.call($element);
+  $element.focus();
+}
+function isInitialised($root, moduleName) {
+  return $root instanceof HTMLElement && $root.hasAttribute(`data-${moduleName}-init`);
+}
+
+/**
+ * Checks if GOV.UK Frontend is supported on this page
+ *
+ * Some browsers will load and run our JavaScript but GOV.UK Frontend
+ * won't be supported.
+ *
+ * @param {HTMLElement | null} [$scope] - (internal) `<body>` HTML element checked for browser support
+ * @returns {boolean} Whether GOV.UK Frontend is supported on this page
+ */
+function isSupported($scope = document.body) {
+  if (!$scope) {
+    return false;
+  }
+  return $scope.classList.contains('govuk-frontend-supported');
+}
+function isArray(option) {
+  return Array.isArray(option);
+}
+function isObject(option) {
+  return !!option && typeof option === 'object' && !isArray(option);
+}
+function formatErrorMessage(Component, message) {
+  return `${Component.moduleName}: ${message}`;
+}
+/**
+ * @typedef ComponentWithModuleName
+ * @property {string} moduleName - Name of the component
+ */
+
+class GOVUKFrontendError extends Error {
+  constructor(...args) {
+    super(...args);
+    this.name = 'GOVUKFrontendError';
+  }
+}
+class SupportError extends GOVUKFrontendError {
+  /**
+   * Checks if GOV.UK Frontend is supported on this page
+   *
+   * @param {HTMLElement | null} [$scope] - HTML element `<body>` checked for browser support
+   */
+  constructor($scope = document.body) {
+    const supportMessage = 'noModule' in HTMLScriptElement.prototype ? 'GOV.UK Frontend initialised without `<body class="govuk-frontend-supported">` from template `<script>` snippet' : 'GOV.UK Frontend is not supported in this browser';
+    super($scope ? supportMessage : 'GOV.UK Frontend initialised without `<script type="module">`');
+    this.name = 'SupportError';
+  }
+}
+class ConfigError extends GOVUKFrontendError {
+  constructor(...args) {
+    super(...args);
+    this.name = 'ConfigError';
+  }
+}
+class ElementError extends GOVUKFrontendError {
+  constructor(messageOrOptions) {
+    let message = typeof messageOrOptions === 'string' ? messageOrOptions : '';
+    if (isObject(messageOrOptions)) {
+      const {
+        component,
+        identifier,
+        element,
+        expectedType
+      } = messageOrOptions;
+      message = identifier;
+      message += element ? ` is not of type ${expectedType != null ? expectedType : 'HTMLElement'}` : ' not found';
+      if (component) {
+        message = formatErrorMessage(component, message);
+      }
+    }
+    super(message);
+    this.name = 'ElementError';
+  }
+}
+class InitError extends GOVUKFrontendError {
+  constructor(componentOrMessage) {
+    const message = typeof componentOrMessage === 'string' ? componentOrMessage : formatErrorMessage(componentOrMessage, `Root element (\`$root\`) already initialised`);
+    super(message);
+    this.name = 'InitError';
+  }
+}
+/**
+ * @import { ComponentWithModuleName } from '../common/index.mjs'
+ */
+
+class Component {
+  /**
+   * Returns the root element of the component
+   *
+   * @protected
+   * @returns {RootElementType} - the root element of component
+   */
+  get $root() {
+    return this._$root;
+  }
+  constructor($root) {
+    this._$root = void 0;
+    const childConstructor = this.constructor;
+    if (typeof childConstructor.moduleName !== 'string') {
+      throw new InitError(`\`moduleName\` not defined in component`);
+    }
+    if (!($root instanceof childConstructor.elementType)) {
+      throw new ElementError({
+        element: $root,
+        component: childConstructor,
+        identifier: 'Root element (`$root`)',
+        expectedType: childConstructor.elementType.name
+      });
+    } else {
+      this._$root = $root;
+    }
+    childConstructor.checkSupport();
+    this.checkInitialised();
+    const moduleName = childConstructor.moduleName;
+    this.$root.setAttribute(`data-${moduleName}-init`, '');
+  }
+  checkInitialised() {
+    const constructor = this.constructor;
+    const moduleName = constructor.moduleName;
+    if (moduleName && isInitialised(this.$root, moduleName)) {
+      throw new InitError(constructor);
+    }
+  }
+  static checkSupport() {
+    if (!isSupported()) {
+      throw new SupportError();
+    }
+  }
+}
+
+/**
+ * @typedef ChildClass
+ * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component
+ */
+
+/**
+ * @typedef {typeof Component & ChildClass} ChildClassConstructor
+ */
+Component.elementType = HTMLElement;
+
+const configOverride = Symbol.for('configOverride');
+class ConfigurableComponent extends Component {
+  [configOverride](param) {
+    return {};
+  }
+
+  /**
+   * Returns the root element of the component
+   *
+   * @protected
+   * @returns {ConfigurationType} - the root element of component
+   */
+  get config() {
+    return this._config;
+  }
+  constructor($root, config) {
+    super($root);
+    this._config = void 0;
+    const childConstructor = this.constructor;
+    if (!isObject(childConstructor.defaults)) {
+      throw new ConfigError(formatErrorMessage(childConstructor, 'Config passed as parameter into constructor but no defaults defined'));
+    }
+    const datasetConfig = normaliseDataset(childConstructor, this._$root.dataset);
+    this._config = mergeConfigs(childConstructor.defaults, config != null ? config : {}, this[configOverride](datasetConfig), datasetConfig);
+  }
+}
+function normaliseString(value, property) {
+  const trimmedValue = value ? value.trim() : '';
+  let output;
+  let outputType = property == null ? void 0 : property.type;
+  if (!outputType) {
+    if (['true', 'false'].includes(trimmedValue)) {
+      outputType = 'boolean';
+    }
+    if (trimmedValue.length > 0 && isFinite(Number(trimmedValue))) {
+      outputType = 'number';
+    }
+  }
+  switch (outputType) {
+    case 'boolean':
+      output = trimmedValue === 'true';
+      break;
+    case 'number':
+      output = Number(trimmedValue);
+      break;
+    default:
+      output = value;
+  }
+  return output;
+}
+function normaliseDataset(Component, dataset) {
+  if (!isObject(Component.schema)) {
+    throw new ConfigError(formatErrorMessage(Component, 'Config passed as parameter into constructor but no schema defined'));
+  }
+  const out = {};
+  const entries = Object.entries(Component.schema.properties);
+  for (const entry of entries) {
+    const [namespace, property] = entry;
+    const field = namespace.toString();
+    if (field in dataset) {
+      out[field] = normaliseString(dataset[field], property);
+    }
+    if ((property == null ? void 0 : property.type) === 'object') {
+      out[field] = extractConfigByNamespace(Component.schema, dataset, namespace);
+    }
+  }
+  return out;
+}
+function mergeConfigs(...configObjects) {
+  const formattedConfigObject = {};
+  for (const configObject of configObjects) {
+    for (const key of Object.keys(configObject)) {
+      const option = formattedConfigObject[key];
+      const override = configObject[key];
+      if (isObject(option) && isObject(override)) {
+        formattedConfigObject[key] = mergeConfigs(option, override);
+      } else {
+        formattedConfigObject[key] = override;
+      }
+    }
+  }
+  return formattedConfigObject;
+}
+function extractConfigByNamespace(schema, dataset, namespace) {
+  const property = schema.properties[namespace];
+  if ((property == null ? void 0 : property.type) !== 'object') {
+    return;
+  }
+  const newObject = {
+    [namespace]: {}
+  };
+  for (const [key, value] of Object.entries(dataset)) {
+    let current = newObject;
+    const keyParts = key.split('.');
+    for (const [index, name] of keyParts.entries()) {
+      if (isObject(current)) {
+        if (index < keyParts.length - 1) {
+          if (!isObject(current[name])) {
+            current[name] = {};
+          }
+          current = current[name];
+        } else if (key !== namespace) {
+          current[name] = normaliseString(value);
+        }
+      }
+    }
+  }
+  return newObject[namespace];
+}
+/**
+ * Schema for component config
+ *
+ * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType
+ * @typedef {object} Schema
+ * @property {Record<keyof ConfigurationType, SchemaProperty | undefined>} properties - Schema properties
+ * @property {SchemaCondition<ConfigurationType>[]} [anyOf] - List of schema conditions
+ */
+/**
+ * Schema property for component config
+ *
+ * @typedef {object} SchemaProperty
+ * @property {'string' | 'boolean' | 'number' | 'object'} type - Property type
+ */
+/**
+ * Schema condition for component config
+ *
+ * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType
+ * @typedef {object} SchemaCondition
+ * @property {(keyof ConfigurationType)[]} required - List of required config fields
+ * @property {string} errorMessage - Error message when required config fields not provided
+ */
+/**
+ * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]
+ * @typedef ChildClass
+ * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component
+ * @property {Schema<ConfigurationType>} [schema] - The schema of the component configuration
+ * @property {ConfigurationType} [defaults] - The default values of the configuration of the component
+ */
+/**
+ * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]
+ * @typedef {typeof Component & ChildClass<ConfigurationType>} ChildClassConstructor<ConfigurationType>
+ */
+/**
+ * @import { CompatibleClass, Config, CreateAllOptions, OnErrorCallback } from '../init.mjs'
+ */
+
+/**
+ * Notification Banner component
+ *
+ * @preserve
+ * @augments ConfigurableComponent<NotificationBannerConfig>
+ */
+class NotificationBanner extends ConfigurableComponent {
+  /**
+   * @param {Element | null} $root - HTML element to use for notification banner
+   * @param {NotificationBannerConfig} [config] - Notification banner config
+   */
+  constructor($root, config = {}) {
+    super($root, config);
+    if (this.$root.getAttribute('role') === 'alert' && !this.config.disableAutoFocus) {
+      setFocus(this.$root);
+    }
+  }
+}
+
+/**
+ * Notification banner config
+ *
+ * @typedef {object} NotificationBannerConfig
+ * @property {boolean} [disableAutoFocus=false] - If set to `true` the
+ *   notification banner will not be focussed when the page loads. This only
+ *   applies if the component has a `role` of `alert` – in other cases the
+ *   component will not be focused on page load, regardless of this option.
+ */
+
+/**
+ * @import { Schema } from '../../common/configuration.mjs'
+ */
+NotificationBanner.moduleName = 'govuk-notification-banner';
+NotificationBanner.defaults = Object.freeze({
+  disableAutoFocus: false
+});
+NotificationBanner.schema = Object.freeze({
+  properties: {
+    disableAutoFocus: {
+      type: 'boolean'
+    }
+  }
+});
+
+export { NotificationBanner };
+//# sourceMappingURL=notification-banner.bundle.mjs.map
diff --git a/app/templates/govuk/components/notification-banner/notification-banner.bundle.mjs.map b/app/templates/govuk/components/notification-banner/notification-banner.bundle.mjs.map
new file mode 100644
index 0000000..4294b03
--- /dev/null
+++ b/app/templates/govuk/components/notification-banner/notification-banner.bundle.mjs.map
@@ -0,0 +1 @@
+{"version":3,"file":"notification-banner.bundle.mjs","sources":["../../../../src/govuk/common/index.mjs","../../../../src/govuk/errors/index.mjs","../../../../src/govuk/component.mjs","../../../../src/govuk/common/configuration.mjs","../../../../src/govuk/components/notification-banner/notification-banner.mjs"],"sourcesContent":["/**\n * Common helpers which do not require polyfill.\n *\n * IMPORTANT: If a helper require a polyfill, please isolate it in its own module\n * so that the polyfill can be properly tree-shaken and does not burden\n * the components that do not need that helper\n */\n\n/**\n * Get GOV.UK Frontend breakpoint value from CSS custom property\n *\n * @private\n * @param {string} name - Breakpoint name\n * @returns {{ property: string, value?: string }} Breakpoint object\n */\nexport function getBreakpoint(name) {\n  const property = `--govuk-breakpoint-${name}`\n\n  // Get value from `<html>` with breakpoints on CSS :root\n  const value = window\n    .getComputedStyle(document.documentElement)\n    .getPropertyValue(property)\n\n  return {\n    property,\n    value: value || undefined\n  }\n}\n\n/**\n * Move focus to element\n *\n * Sets tabindex to -1 to make the element programmatically focusable,\n * but removes it on blur as the element doesn't need to be focused again.\n *\n * @private\n * @template {HTMLElement} FocusElement\n * @param {FocusElement} $element - HTML element\n * @param {object} [options] - Handler options\n * @param {function(this: FocusElement): void} [options.onBeforeFocus] - Callback before focus\n * @param {function(this: FocusElement): void} [options.onBlur] - Callback on blur\n */\nexport function setFocus($element, options = {}) {\n  const isFocusable = $element.getAttribute('tabindex')\n\n  if (!isFocusable) {\n    $element.setAttribute('tabindex', '-1')\n  }\n\n  /**\n   * Handle element focus\n   */\n  function onFocus() {\n    $element.addEventListener('blur', onBlur, { once: true })\n  }\n\n  /**\n   * Handle element blur\n   */\n  function onBlur() {\n    options.onBlur?.call($element)\n\n    if (!isFocusable) {\n      $element.removeAttribute('tabindex')\n    }\n  }\n\n  // Add listener to reset element on blur, after focus\n  $element.addEventListener('focus', onFocus, { once: true })\n\n  // Focus element\n  options.onBeforeFocus?.call($element)\n  $element.focus()\n}\n\n/**\n * Checks if component is already initialised\n *\n * @internal\n * @param {Element} $root - HTML element to be checked\n * @param {string} moduleName - name of component module\n * @returns {boolean} Whether component is already initialised\n */\nexport function isInitialised($root, moduleName) {\n  return (\n    $root instanceof HTMLElement &&\n    $root.hasAttribute(`data-${moduleName}-init`)\n  )\n}\n\n/**\n * Checks if GOV.UK Frontend is supported on this page\n *\n * Some browsers will load and run our JavaScript but GOV.UK Frontend\n * won't be supported.\n *\n * @param {HTMLElement | null} [$scope] - (internal) `<body>` HTML element checked for browser support\n * @returns {boolean} Whether GOV.UK Frontend is supported on this page\n */\nexport function isSupported($scope = document.body) {\n  if (!$scope) {\n    return false\n  }\n\n  return $scope.classList.contains('govuk-frontend-supported')\n}\n\n/**\n * Check for an array\n *\n * @internal\n * @param {unknown} option - Option to check\n * @returns {boolean} Whether the option is an array\n */\nfunction isArray(option) {\n  return Array.isArray(option)\n}\n\n/**\n * Check for an object\n *\n * @internal\n * @template {Partial<Record<keyof ObjectType, unknown>>} ObjectType\n * @param {unknown | ObjectType} option - Option to check\n * @returns {option is ObjectType} Whether the option is an object\n */\nexport function isObject(option) {\n  return !!option && typeof option === 'object' && !isArray(option)\n}\n\n/**\n * Check for valid scope\n *\n * @internal\n * @template {Element | Document} ScopeType\n * @param {unknown | ScopeType} $scope - Scope of the document to search within\n * @returns {$scope is ScopeType} Whether the scope can be queried\n */\nexport function isScope($scope) {\n  return !!$scope && ($scope instanceof Element || $scope instanceof Document)\n}\n\n/**\n * Format error message\n *\n * @internal\n * @param {ComponentWithModuleName} Component - Component that threw the error\n * @param {string} message - Error message\n * @returns {string} - Formatted error message\n */\nexport function formatErrorMessage(Component, message) {\n  return `${Component.moduleName}: ${message}`\n}\n\n/* eslint-disable jsdoc/valid-types --\n * `{new(...args: any[] ): object}` is not recognised as valid\n * https://github.com/gajus/eslint-plugin-jsdoc/issues/145#issuecomment-1308722878\n * https://github.com/jsdoc-type-pratt-parser/jsdoc-type-pratt-parser/issues/131\n **/\n\n/**\n * @typedef ComponentWithModuleName\n * @property {string} moduleName - Name of the component\n */\n\n/* eslint-enable jsdoc/valid-types */\n","import { formatErrorMessage, isObject } from '../common/index.mjs'\n\n/**\n * GOV.UK Frontend error\n *\n * A base class for `Error`s thrown by GOV.UK Frontend.\n *\n * It is meant to be extended into specific types of errors\n * to be thrown by our code.\n *\n * @example\n * ```js\n * class MissingRootError extends GOVUKFrontendError {\n *   // Setting an explicit name is important as extending the class will not\n *   // set a new `name` on the subclass. The `name` property is important\n *   // to ensure intelligible error names even if the class name gets\n *   // mangled by a minifier\n *   name = \"MissingRootError\"\n * }\n * ```\n * @virtual\n */\nexport class GOVUKFrontendError extends Error {\n  name = 'GOVUKFrontendError'\n}\n\n/**\n * Indicates that GOV.UK Frontend is not supported\n */\nexport class SupportError extends GOVUKFrontendError {\n  name = 'SupportError'\n\n  /**\n   * Checks if GOV.UK Frontend is supported on this page\n   *\n   * @param {HTMLElement | null} [$scope] - HTML element `<body>` checked for browser support\n   */\n  constructor($scope = document.body) {\n    const supportMessage =\n      'noModule' in HTMLScriptElement.prototype\n        ? 'GOV.UK Frontend initialised without `<body class=\"govuk-frontend-supported\">` from template `<script>` snippet'\n        : 'GOV.UK Frontend is not supported in this browser'\n\n    super(\n      $scope\n        ? supportMessage\n        : 'GOV.UK Frontend initialised without `<script type=\"module\">`'\n    )\n  }\n}\n\n/**\n * Indicates that a component has received an illegal configuration\n */\nexport class ConfigError extends GOVUKFrontendError {\n  name = 'ConfigError'\n}\n\n/**\n * Indicates an issue with an element (possibly `null` or `undefined`)\n */\nexport class ElementError extends GOVUKFrontendError {\n  name = 'ElementError'\n\n  /**\n   * @internal\n   * @overload\n   * @param {string} message - Element error message\n   */\n\n  /**\n   * @internal\n   * @overload\n   * @param {ElementErrorOptions} options - Element error options\n   */\n\n  /**\n   * @internal\n   * @param {string | ElementErrorOptions} messageOrOptions - Element error message or options\n   */\n  constructor(messageOrOptions) {\n    let message = typeof messageOrOptions === 'string' ? messageOrOptions : ''\n\n    // Build message from options\n    if (isObject(messageOrOptions)) {\n      const { component, identifier, element, expectedType } = messageOrOptions\n\n      message = identifier\n\n      // Append reason\n      message += element\n        ? ` is not of type ${expectedType ?? 'HTMLElement'}`\n        : ' not found'\n\n      // Prepend with module name (optional)\n      if (component) {\n        message = formatErrorMessage(component, message)\n      }\n    }\n\n    super(message)\n  }\n}\n\n/**\n * Indicates that a component is already initialised\n */\nexport class InitError extends GOVUKFrontendError {\n  name = 'InitError'\n\n  /**\n   * @internal\n   * @param {ComponentWithModuleName | string} componentOrMessage - name of the component module\n   */\n  constructor(componentOrMessage) {\n    const message =\n      typeof componentOrMessage === 'string'\n        ? componentOrMessage\n        : formatErrorMessage(\n            componentOrMessage,\n            `Root element (\\`$root\\`) already initialised`\n          )\n\n    super(message)\n  }\n}\n\n/**\n * Element error options\n *\n * @internal\n * @typedef {object} ElementErrorOptions\n * @property {Element | Document | null} [element] - The element in error (optional)\n * @property {ComponentWithModuleName} [component] - Component throwing the error (optional)\n * @property {string} identifier - An identifier that'll let the user understand which element has an error. This is whatever makes the most sense\n * @property {string} [expectedType] - The type that was expected for the identifier (optional)\n */\n\n/**\n * @import { ComponentWithModuleName } from '../common/index.mjs'\n */\n","import { isInitialised, isSupported } from './common/index.mjs'\nimport { ElementError, InitError, SupportError } from './errors/index.mjs'\n\n/**\n * Base Component class\n *\n * Centralises the behaviours shared by our components\n *\n * @virtual\n * @template {Element} [RootElementType=HTMLElement]\n */\nexport class Component {\n  /**\n   * @type {typeof Element}\n   */\n  static elementType = HTMLElement\n\n  // allows Typescript user to work around the lack of types\n  // in GOVUKFrontend package, Typescript is not aware of $root\n  // in components that extend GOVUKFrontendComponent\n  /**\n   * Returns the root element of the component\n   *\n   * @protected\n   * @returns {RootElementType} - the root element of component\n   */\n  get $root() {\n    return this._$root\n  }\n\n  /**\n   * @protected\n   * @type {RootElementType}\n   */\n  _$root\n\n  /**\n   * Constructs a new component, validating that GOV.UK Frontend is supported\n   *\n   * @internal\n   * @param {Element | null} [$root] - HTML element to use for component\n   */\n  constructor($root) {\n    const childConstructor = /** @type {ChildClassConstructor} */ (\n      this.constructor\n    )\n\n    // TypeScript does not enforce that inheriting classes will define a `moduleName`\n    // (even if we add a `@virtual` `static moduleName` property to this class).\n    // While we trust users to do this correctly, we do a little check to provide them\n    // a helpful error message.\n    //\n    // After this, we'll be sure that `childConstructor` has a `moduleName`\n    // as expected of the `ChildClassConstructor` we've cast `this.constructor` to.\n    if (typeof childConstructor.moduleName !== 'string') {\n      throw new InitError(`\\`moduleName\\` not defined in component`)\n    }\n\n    if (!($root instanceof childConstructor.elementType)) {\n      throw new ElementError({\n        element: $root,\n        component: childConstructor,\n        identifier: 'Root element (`$root`)',\n        expectedType: childConstructor.elementType.name\n      })\n    } else {\n      this._$root = /** @type {RootElementType} */ ($root)\n    }\n\n    childConstructor.checkSupport()\n\n    this.checkInitialised()\n\n    const moduleName = childConstructor.moduleName\n\n    this.$root.setAttribute(`data-${moduleName}-init`, '')\n  }\n\n  /**\n   * Validates whether component is already initialised\n   *\n   * @private\n   * @throws {InitError} when component is already initialised\n   */\n  checkInitialised() {\n    const constructor = /** @type {ChildClassConstructor} */ (this.constructor)\n    const moduleName = constructor.moduleName\n\n    if (moduleName && isInitialised(this.$root, moduleName)) {\n      throw new InitError(constructor)\n    }\n  }\n\n  /**\n   * Validates whether components are supported\n   *\n   * @throws {SupportError} when the components are not supported\n   */\n  static checkSupport() {\n    if (!isSupported()) {\n      throw new SupportError()\n    }\n  }\n}\n\n/**\n * @typedef ChildClass\n * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component\n */\n\n/**\n * @typedef {typeof Component & ChildClass} ChildClassConstructor\n */\n","import { Component } from '../component.mjs'\nimport { ConfigError } from '../errors/index.mjs'\n\nimport { isObject, isScope, formatErrorMessage } from './index.mjs'\n\nexport const configOverride = Symbol.for('configOverride')\n\n/**\n * Base Component class\n *\n * Centralises the behaviours shared by our components\n *\n * @virtual\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]\n * @template {Element & { dataset: DOMStringMap }} [RootElementType=HTMLElement]\n * @augments Component<RootElementType>\n */\nexport class ConfigurableComponent extends Component {\n  /**\n   * configOverride\n   *\n   * Function which defines configuration overrides to prioritize\n   * properties from the root element's dataset.\n   *\n   * It should take a subset of configuration as input and return\n   * a new configuration object with properties that should be\n   * overridden based on the root element's dataset. A Symbol\n   * is used for indexing to prevent conflicts.\n   *\n   * @internal\n   * @virtual\n   * @param {Partial<ConfigurationType>} [param] - Configuration object\n   * @returns {Partial<ConfigurationType>} return - Configuration object\n   */\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  [configOverride](param) {\n    return {}\n  }\n\n  /**\n   * Returns the root element of the component\n   *\n   * @protected\n   * @returns {ConfigurationType} - the root element of component\n   */\n  get config() {\n    return this._config\n  }\n\n  /**\n   *\n   * @type {ConfigurationType}\n   */\n  _config\n\n  /**\n   * Constructs a new component, validating that GOV.UK Frontend is supported\n   *\n   * @internal\n   * @param {Element | null} [$root] - HTML element to use for component\n   * @param {ConfigurationType} [config] - HTML element to use for component\n   */\n  constructor($root, config) {\n    super($root)\n\n    const childConstructor =\n      /** @type {ChildClassConstructor<ConfigurationType>} */ (this.constructor)\n\n    if (!isObject(childConstructor.defaults)) {\n      throw new ConfigError(\n        formatErrorMessage(\n          childConstructor,\n          'Config passed as parameter into constructor but no defaults defined'\n        )\n      )\n    }\n\n    const datasetConfig = /** @type {ConfigurationType} */ (\n      normaliseDataset(childConstructor, this._$root.dataset)\n    )\n\n    this._config = /** @type {ConfigurationType} */ (\n      mergeConfigs(\n        childConstructor.defaults,\n        config ?? {},\n        this[configOverride](datasetConfig),\n        datasetConfig\n      )\n    )\n  }\n}\n\n/**\n * Normalise string\n *\n * 'If it looks like a duck, and it quacks like a duck…' 🦆\n *\n * If the passed value looks like a boolean or a number, convert it to a boolean\n * or number.\n *\n * Designed to be used to convert config passed via data attributes (which are\n * always strings) into something sensible.\n *\n * @internal\n * @param {DOMStringMap[string]} value - The value to normalise\n * @param {SchemaProperty} [property] - Component schema property\n * @returns {string | boolean | number | undefined} Normalised data\n */\nexport function normaliseString(value, property) {\n  const trimmedValue = value ? value.trim() : ''\n\n  let output\n  let outputType = property?.type\n\n  // No schema type set? Determine automatically\n  if (!outputType) {\n    if (['true', 'false'].includes(trimmedValue)) {\n      outputType = 'boolean'\n    }\n\n    // Empty / whitespace-only strings are considered finite so we need to check\n    // the length of the trimmed string as well\n    if (trimmedValue.length > 0 && isFinite(Number(trimmedValue))) {\n      outputType = 'number'\n    }\n  }\n\n  switch (outputType) {\n    case 'boolean':\n      output = trimmedValue === 'true'\n      break\n\n    case 'number':\n      output = Number(trimmedValue)\n      break\n\n    default:\n      output = value\n  }\n\n  return output\n}\n\n/**\n * Normalise dataset\n *\n * Loop over an object and normalise each value using {@link normaliseString},\n * optionally expanding nested `i18n.field`\n *\n * @internal\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @template {[keyof ConfigurationType, SchemaProperty | undefined][]} SchemaEntryType\n * @param {{ schema?: Schema<ConfigurationType>, moduleName: string }} Component - Component class\n * @param {DOMStringMap} dataset - HTML element dataset\n * @returns {ObjectNested} Normalised dataset\n */\nexport function normaliseDataset(Component, dataset) {\n  if (!isObject(Component.schema)) {\n    throw new ConfigError(\n      formatErrorMessage(\n        Component,\n        'Config passed as parameter into constructor but no schema defined'\n      )\n    )\n  }\n\n  const out = /** @type {ObjectNested} */ ({})\n  const entries = /** @type {SchemaEntryType} */ (\n    Object.entries(Component.schema.properties)\n  )\n\n  // Normalise top-level dataset ('data-*') values using schema types\n  for (const entry of entries) {\n    const [namespace, property] = entry\n\n    // Cast the `namespace` to string so it can be used to access the dataset\n    const field = namespace.toString()\n\n    if (field in dataset) {\n      out[field] = normaliseString(dataset[field], property)\n    }\n\n    /**\n     * Extract and normalise nested object values automatically using\n     * {@link normaliseString} but only schema object types are allowed\n     */\n    if (property?.type === 'object') {\n      out[field] = extractConfigByNamespace(\n        Component.schema,\n        dataset,\n        namespace\n      )\n    }\n  }\n\n  return out\n}\n\n/**\n * Normalise options passed to `initAll` or `createAll`\n *\n * @internal\n * @template {CompatibleClass} ComponentClass\n * @param {Config | CreateAllOptions<ComponentClass> | OnErrorCallback<ComponentClass> | Element | Document | null} [scopeOrOptions] - Scope of the document to search within, initialisation options or error callback function\n * @returns {CreateAllOptions<ComponentClass>} Normalised options\n */\nexport function normaliseOptions(scopeOrOptions) {\n  let /** @type {Element | Document | null} */ $scope = document\n  let /** @type {OnErrorCallback<ComponentClass> | undefined} */ onError\n\n  // Handle options object\n  if (isObject(scopeOrOptions)) {\n    const options = scopeOrOptions\n\n    // Scope must be valid or null\n    if (isScope(options.scope) || options.scope === null) {\n      $scope = options.scope\n    }\n\n    // Error handler must be a function\n    if (typeof options.onError === 'function') {\n      onError = options.onError\n    }\n  }\n\n  if (isScope(scopeOrOptions)) {\n    $scope = scopeOrOptions\n  } else if (scopeOrOptions === null) {\n    $scope = null\n  } else if (typeof scopeOrOptions === 'function') {\n    onError = scopeOrOptions\n  }\n\n  return {\n    scope: $scope,\n    onError\n  }\n}\n\n/**\n * Config merging function\n *\n * Takes any number of objects and combines them together, with\n * greatest priority on the LAST item passed in.\n *\n * @internal\n * @param {...{ [key: string]: unknown }} configObjects - Config objects to merge\n * @returns {{ [key: string]: unknown }} A merged config object\n */\nexport function mergeConfigs(...configObjects) {\n  // Start with an empty object as our base\n  /** @type {{ [key: string]: unknown }} */\n  const formattedConfigObject = {}\n\n  // Loop through each of the passed objects\n  for (const configObject of configObjects) {\n    for (const key of Object.keys(configObject)) {\n      const option = formattedConfigObject[key]\n      const override = configObject[key]\n\n      // Push their keys one-by-one into formattedConfigObject. Any duplicate\n      // keys with object values will be merged, otherwise the new value will\n      // override the existing value.\n      if (isObject(option) && isObject(override)) {\n        formattedConfigObject[key] = mergeConfigs(option, override)\n      } else {\n        // Apply override\n        formattedConfigObject[key] = override\n      }\n    }\n  }\n\n  return formattedConfigObject\n}\n\n/**\n * Validate component config by schema\n *\n * Follows limited examples in JSON schema for wider support in future\n *\n * {@link https://ajv.js.org/json-schema.html#compound-keywords}\n * {@link https://ajv.js.org/packages/ajv-errors.html#single-message}\n *\n * @internal\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @param {Schema<ConfigurationType>} schema - The schema of a component\n * @param {ConfigurationType} config - Component config\n * @returns {string[]} List of validation errors\n */\nexport function validateConfig(schema, config) {\n  const validationErrors = []\n\n  // Check errors for each schema\n  for (const [name, conditions] of Object.entries(schema)) {\n    const errors = []\n\n    // Check errors for each schema condition\n    if (Array.isArray(conditions)) {\n      for (const { required, errorMessage } of conditions) {\n        if (!required.every((key) => !!config[key])) {\n          errors.push(errorMessage) // Missing config key value\n        }\n      }\n\n      // Check one condition passes or add errors\n      if (name === 'anyOf' && !(conditions.length - errors.length >= 1)) {\n        validationErrors.push(...errors)\n      }\n    }\n  }\n\n  return validationErrors\n}\n\n/**\n * Extracts keys starting with a particular namespace from dataset ('data-*')\n * object, removing the namespace in the process, normalising all values\n *\n * @internal\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @param {Schema<ConfigurationType>} schema - The schema of a component\n * @param {DOMStringMap} dataset - The object to extract key-value pairs from\n * @param {keyof ConfigurationType} namespace - The namespace to filter keys with\n * @returns {ObjectNested | undefined} Nested object with dot-separated key namespace removed\n */\nexport function extractConfigByNamespace(schema, dataset, namespace) {\n  const property = schema.properties[namespace]\n\n  // Only extract configs for object schema properties\n  if (property?.type !== 'object') {\n    return\n  }\n\n  // Add default empty config\n  const newObject = /** @type {Record<typeof namespace, ObjectNested>} */ ({\n    [namespace]: {}\n  })\n\n  for (const [key, value] of Object.entries(dataset)) {\n    /** @type {ObjectNested | ObjectNested[NestedKey]} */\n    let current = newObject\n\n    // Split the key into parts, using . as our namespace separator\n    const keyParts = key.split('.')\n\n    /**\n     * Create new level per part\n     *\n     * e.g. 'i18n.textareaDescription.other' becomes\n     * `{ i18n: { textareaDescription: { other } } }`\n     */\n    for (const [index, name] of keyParts.entries()) {\n      if (isObject(current)) {\n        // Drop down to nested object until the last part\n        if (index < keyParts.length - 1) {\n          // New nested object (optionally) replaces existing value\n          if (!isObject(current[name])) {\n            current[name] = {}\n          }\n\n          // Drop down into new or existing nested object\n          current = current[name]\n        } else if (key !== namespace) {\n          // Normalised value (optionally) replaces existing value\n          current[name] = normaliseString(value)\n        }\n      }\n    }\n  }\n\n  return newObject[namespace]\n}\n\n/**\n * @internal\n * @typedef {keyof ObjectNested} NestedKey\n * @typedef {{ [key: string]: string | boolean | number | ObjectNested | undefined }} ObjectNested\n */\n\n/**\n * Schema for component config\n *\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @typedef {object} Schema\n * @property {Record<keyof ConfigurationType, SchemaProperty | undefined>} properties - Schema properties\n * @property {SchemaCondition<ConfigurationType>[]} [anyOf] - List of schema conditions\n */\n\n/**\n * Schema property for component config\n *\n * @typedef {object} SchemaProperty\n * @property {'string' | 'boolean' | 'number' | 'object'} type - Property type\n */\n\n/**\n * Schema condition for component config\n *\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @typedef {object} SchemaCondition\n * @property {(keyof ConfigurationType)[]} required - List of required config fields\n * @property {string} errorMessage - Error message when required config fields not provided\n */\n\n/**\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]\n * @typedef ChildClass\n * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component\n * @property {Schema<ConfigurationType>} [schema] - The schema of the component configuration\n * @property {ConfigurationType} [defaults] - The default values of the configuration of the component\n */\n\n/**\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]\n * @typedef {typeof Component & ChildClass<ConfigurationType>} ChildClassConstructor<ConfigurationType>\n */\n\n/**\n * @import { CompatibleClass, Config, CreateAllOptions, OnErrorCallback } from '../init.mjs'\n */\n","import { ConfigurableComponent } from '../../common/configuration.mjs'\nimport { setFocus } from '../../common/index.mjs'\n\n/**\n * Notification Banner component\n *\n * @preserve\n * @augments ConfigurableComponent<NotificationBannerConfig>\n */\nexport class NotificationBanner extends ConfigurableComponent {\n  /**\n   * @param {Element | null} $root - HTML element to use for notification banner\n   * @param {NotificationBannerConfig} [config] - Notification banner config\n   */\n  constructor($root, config = {}) {\n    super($root, config)\n\n    /**\n     * Focus the notification banner\n     *\n     * If `role=\"alert\"` is set, focus the element to help some assistive\n     * technologies prioritise announcing it.\n     *\n     * You can turn off the auto-focus functionality by setting\n     * `data-disable-auto-focus=\"true\"` in the component HTML. You might wish to\n     * do this based on user research findings, or to avoid a clash with another\n     * element which should be focused when the page loads.\n     */\n    if (\n      this.$root.getAttribute('role') === 'alert' &&\n      !this.config.disableAutoFocus\n    ) {\n      setFocus(this.$root)\n    }\n  }\n\n  /**\n   * Name for the component used when initialising using data-module attributes.\n   */\n  static moduleName = 'govuk-notification-banner'\n\n  /**\n   * Notification banner default config\n   *\n   * @see {@link NotificationBannerConfig}\n   * @constant\n   * @type {NotificationBannerConfig}\n   */\n  static defaults = Object.freeze({\n    disableAutoFocus: false\n  })\n\n  /**\n   * Notification banner config schema\n   *\n   * @constant\n   * @satisfies {Schema<NotificationBannerConfig>}\n   */\n  static schema = Object.freeze({\n    properties: {\n      disableAutoFocus: { type: 'boolean' }\n    }\n  })\n}\n\n/**\n * Notification banner config\n *\n * @typedef {object} NotificationBannerConfig\n * @property {boolean} [disableAutoFocus=false] - If set to `true` the\n *   notification banner will not be focussed when the page loads. This only\n *   applies if the component has a `role` of `alert` – in other cases the\n *   component will not be focused on page load, regardless of this option.\n */\n\n/**\n * @import { Schema } from '../../common/configuration.mjs'\n */\n"],"names":["setFocus","$element","options","_options$onBeforeFocu","isFocusable","getAttribute","setAttribute","onFocus","addEventListener","onBlur","once","_options$onBlur","call","removeAttribute","onBeforeFocus","focus","isInitialised","$root","moduleName","HTMLElement","hasAttribute","isSupported","$scope","document","body","classList","contains","isArray","option","Array","isObject","formatErrorMessage","Component","message","GOVUKFrontendError","Error","constructor","args","name","SupportError","supportMessage","HTMLScriptElement","prototype","ConfigError","ElementError","messageOrOptions","component","identifier","element","expectedType","InitError","componentOrMessage","_$root","childConstructor","elementType","checkSupport","checkInitialised","configOverride","Symbol","for","ConfigurableComponent","param","config","_config","defaults","datasetConfig","normaliseDataset","dataset","mergeConfigs","normaliseString","value","property","trimmedValue","trim","output","outputType","type","includes","length","isFinite","Number","schema","out","entries","Object","properties","entry","namespace","field","toString","extractConfigByNamespace","configObjects","formattedConfigObject","configObject","key","keys","override","newObject","current","keyParts","split","index","NotificationBanner","disableAutoFocus","freeze"],"mappings":"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"}
\ No newline at end of file
diff --git a/app/templates/govuk/components/notification-banner/notification-banner.mjs b/app/templates/govuk/components/notification-banner/notification-banner.mjs
new file mode 100644
index 0000000..62f89b5
--- /dev/null
+++ b/app/templates/govuk/components/notification-banner/notification-banner.mjs
@@ -0,0 +1,49 @@
+import { ConfigurableComponent } from '../../common/configuration.mjs';
+import { setFocus } from '../../common/index.mjs';
+
+/**
+ * Notification Banner component
+ *
+ * @preserve
+ * @augments ConfigurableComponent<NotificationBannerConfig>
+ */
+class NotificationBanner extends ConfigurableComponent {
+  /**
+   * @param {Element | null} $root - HTML element to use for notification banner
+   * @param {NotificationBannerConfig} [config] - Notification banner config
+   */
+  constructor($root, config = {}) {
+    super($root, config);
+    if (this.$root.getAttribute('role') === 'alert' && !this.config.disableAutoFocus) {
+      setFocus(this.$root);
+    }
+  }
+}
+
+/**
+ * Notification banner config
+ *
+ * @typedef {object} NotificationBannerConfig
+ * @property {boolean} [disableAutoFocus=false] - If set to `true` the
+ *   notification banner will not be focussed when the page loads. This only
+ *   applies if the component has a `role` of `alert` – in other cases the
+ *   component will not be focused on page load, regardless of this option.
+ */
+
+/**
+ * @import { Schema } from '../../common/configuration.mjs'
+ */
+NotificationBanner.moduleName = 'govuk-notification-banner';
+NotificationBanner.defaults = Object.freeze({
+  disableAutoFocus: false
+});
+NotificationBanner.schema = Object.freeze({
+  properties: {
+    disableAutoFocus: {
+      type: 'boolean'
+    }
+  }
+});
+
+export { NotificationBanner };
+//# sourceMappingURL=notification-banner.mjs.map
diff --git a/app/templates/govuk/components/notification-banner/notification-banner.mjs.map b/app/templates/govuk/components/notification-banner/notification-banner.mjs.map
new file mode 100644
index 0000000..507dd5d
--- /dev/null
+++ b/app/templates/govuk/components/notification-banner/notification-banner.mjs.map
@@ -0,0 +1 @@
+{"version":3,"file":"notification-banner.mjs","sources":["../../../../src/govuk/components/notification-banner/notification-banner.mjs"],"sourcesContent":["import { ConfigurableComponent } from '../../common/configuration.mjs'\nimport { setFocus } from '../../common/index.mjs'\n\n/**\n * Notification Banner component\n *\n * @preserve\n * @augments ConfigurableComponent<NotificationBannerConfig>\n */\nexport class NotificationBanner extends ConfigurableComponent {\n  /**\n   * @param {Element | null} $root - HTML element to use for notification banner\n   * @param {NotificationBannerConfig} [config] - Notification banner config\n   */\n  constructor($root, config = {}) {\n    super($root, config)\n\n    /**\n     * Focus the notification banner\n     *\n     * If `role=\"alert\"` is set, focus the element to help some assistive\n     * technologies prioritise announcing it.\n     *\n     * You can turn off the auto-focus functionality by setting\n     * `data-disable-auto-focus=\"true\"` in the component HTML. You might wish to\n     * do this based on user research findings, or to avoid a clash with another\n     * element which should be focused when the page loads.\n     */\n    if (\n      this.$root.getAttribute('role') === 'alert' &&\n      !this.config.disableAutoFocus\n    ) {\n      setFocus(this.$root)\n    }\n  }\n\n  /**\n   * Name for the component used when initialising using data-module attributes.\n   */\n  static moduleName = 'govuk-notification-banner'\n\n  /**\n   * Notification banner default config\n   *\n   * @see {@link NotificationBannerConfig}\n   * @constant\n   * @type {NotificationBannerConfig}\n   */\n  static defaults = Object.freeze({\n    disableAutoFocus: false\n  })\n\n  /**\n   * Notification banner config schema\n   *\n   * @constant\n   * @satisfies {Schema<NotificationBannerConfig>}\n   */\n  static schema = Object.freeze({\n    properties: {\n      disableAutoFocus: { type: 'boolean' }\n    }\n  })\n}\n\n/**\n * Notification banner config\n *\n * @typedef {object} NotificationBannerConfig\n * @property {boolean} [disableAutoFocus=false] - If set to `true` the\n *   notification banner will not be focussed when the page loads. This only\n *   applies if the component has a `role` of `alert` – in other cases the\n *   component will not be focused on page load, regardless of this option.\n */\n\n/**\n * @import { Schema } from '../../common/configuration.mjs'\n */\n"],"names":["NotificationBanner","ConfigurableComponent","constructor","$root","config","getAttribute","disableAutoFocus","setFocus","moduleName","defaults","Object","freeze","schema","properties","type"],"mappings":";;;AAGA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMA,kBAAkB,SAASC,qBAAqB,CAAC;AAC5D;AACF;AACA;AACA;AACEC,EAAAA,WAAWA,CAACC,KAAK,EAAEC,MAAM,GAAG,EAAE,EAAE;AAC9B,IAAA,KAAK,CAACD,KAAK,EAAEC,MAAM,CAAC;AAapB,IAAA,IACE,IAAI,CAACD,KAAK,CAACE,YAAY,CAAC,MAAM,CAAC,KAAK,OAAO,IAC3C,CAAC,IAAI,CAACD,MAAM,CAACE,gBAAgB,EAC7B;AACAC,MAAAA,QAAQ,CAAC,IAAI,CAACJ,KAAK,CAAC;AACtB,IAAA;AACF,EAAA;AA6BF;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AApEaH,kBAAkB,CA8BtBQ,UAAU,GAAG,2BAA2B;AA9BpCR,kBAAkB,CAuCtBS,QAAQ,GAAGC,MAAM,CAACC,MAAM,CAAC;AAC9BL,EAAAA,gBAAgB,EAAE;AACpB,CAAC,CAAC;AAzCSN,kBAAkB,CAiDtBY,MAAM,GAAGF,MAAM,CAACC,MAAM,CAAC;AAC5BE,EAAAA,UAAU,EAAE;AACVP,IAAAA,gBAAgB,EAAE;AAAEQ,MAAAA,IAAI,EAAE;AAAU;AACtC;AACF,CAAC,CAAC;;;;"}
\ No newline at end of file
diff --git a/app/templates/govuk/components/notification-banner/template-default.html b/app/templates/govuk/components/notification-banner/template-default.html
new file mode 100644
index 0000000..6021cbb
--- /dev/null
+++ b/app/templates/govuk/components/notification-banner/template-default.html
@@ -0,0 +1,12 @@
+<div class="govuk-notification-banner" role="region" aria-labelledby="govuk-notification-banner-title" data-module="govuk-notification-banner">
+  <div class="govuk-notification-banner__header">
+    <h2 class="govuk-notification-banner__title" id="govuk-notification-banner-title">
+      Important
+    </h2>
+  </div>
+  <div class="govuk-notification-banner__content">
+    <p class="govuk-notification-banner__heading">
+      This publication was withdrawn on 7 March 2014.
+    </p>
+  </div>
+</div>
diff --git a/app/templates/govuk/components/notification-banner/template-with-long-heading.html b/app/templates/govuk/components/notification-banner/template-with-long-heading.html
new file mode 100644
index 0000000..4d52646
--- /dev/null
+++ b/app/templates/govuk/components/notification-banner/template-with-long-heading.html
@@ -0,0 +1,12 @@
+<div class="govuk-notification-banner" role="region" aria-labelledby="govuk-notification-banner-title" data-module="govuk-notification-banner">
+  <div class="govuk-notification-banner__header">
+    <h2 class="govuk-notification-banner__title" id="govuk-notification-banner-title">
+      Important
+    </h2>
+  </div>
+  <div class="govuk-notification-banner__content">
+    <p class="govuk-notification-banner__heading">
+      This publication was withdrawn on 7 March 2014, before being sent in, sent back, queried, lost, found, subjected to public inquiry, lost again, and finally buried in soft peat for three months and recycled as firelighters.
+    </p>
+  </div>
+</div>
diff --git a/app/templates/govuk/components/notification-banner/template-with-lots-of-content.html b/app/templates/govuk/components/notification-banner/template-with-lots-of-content.html
new file mode 100644
index 0000000..100b4d4
--- /dev/null
+++ b/app/templates/govuk/components/notification-banner/template-with-lots-of-content.html
@@ -0,0 +1,19 @@
+<div class="govuk-notification-banner" role="region" aria-labelledby="govuk-notification-banner-title" data-module="govuk-notification-banner">
+  <div class="govuk-notification-banner__header">
+    <h2 class="govuk-notification-banner__title" id="govuk-notification-banner-title">
+      Important
+    </h2>
+  </div>
+  <div class="govuk-notification-banner__content">
+    <h3 class="govuk-notification-banner__heading">
+      Check if you need to apply the reverse charge to this application
+    </h3>
+    <p class="govuk-body">
+      You will have to apply the <a href="#" class="govuk-notification-banner__link">reverse charge</a> if the applicant supplies any of these services:
+    </p>
+    <ul class="govuk-list govuk-list--bullet govuk-list--spaced">
+      <li>constructing, altering, repairing, extending, demolishing or dismantling buildings or structures (whether permanent or not), including offshore installation services</li>
+      <li>constructing, altering, repairing, extending, demolishing of any works forming, or planned to form, part of the land, including (in particular) walls, roadworks, power lines, electronic communications equipment, aircraft runways, railways, inland waterways, docks and harbours</li>
+    </ul>
+  </div>
+</div>
diff --git a/app/templates/govuk/components/notification-banner/template-with-text-as-html.html b/app/templates/govuk/components/notification-banner/template-with-text-as-html.html
new file mode 100644
index 0000000..b9d1d57
--- /dev/null
+++ b/app/templates/govuk/components/notification-banner/template-with-text-as-html.html
@@ -0,0 +1,21 @@
+<div class="govuk-notification-banner" role="region" aria-labelledby="govuk-notification-banner-title" data-module="govuk-notification-banner">
+  <div class="govuk-notification-banner__header">
+    <h2 class="govuk-notification-banner__title" id="govuk-notification-banner-title">
+      Important
+    </h2>
+  </div>
+  <div class="govuk-notification-banner__content">
+    <h3 class="govuk-notification-banner__heading">
+      This publication was withdrawn on 7 March 2014
+    </h3>
+    <p class="govuk-body">
+      The following 4 files are available
+    </p>
+    <ul class="govuk-list govuk-list--bullet govuk-!-margin-bottom-0">
+      <li><a href="#" class="govuk-notification-banner__link">government-strategy.pdf</a></li>
+      <li><a href="#" class="govuk-notification-banner__link">government-strategy-v2.pdf</a></li>
+      <li><a href="#" class="govuk-notification-banner__link">government-strategy-v3-FINAL.pdf</a></li>
+      <li><a href="#" class="govuk-notification-banner__link">government-strategy-v4-FINAL-v2.pdf</a></li>
+    </ul>
+  </div>
+</div>
diff --git a/app/templates/govuk/components/notification-banner/template-with-type-as-success.html b/app/templates/govuk/components/notification-banner/template-with-type-as-success.html
new file mode 100644
index 0000000..7dd7a89
--- /dev/null
+++ b/app/templates/govuk/components/notification-banner/template-with-type-as-success.html
@@ -0,0 +1,12 @@
+<div class="govuk-notification-banner govuk-notification-banner--success" role="alert" aria-labelledby="govuk-notification-banner-title" data-module="govuk-notification-banner">
+  <div class="govuk-notification-banner__header">
+    <h2 class="govuk-notification-banner__title" id="govuk-notification-banner-title">
+      Success
+    </h2>
+  </div>
+  <div class="govuk-notification-banner__content">
+    <p class="govuk-notification-banner__heading">
+      Email sent to example@email.com
+    </p>
+  </div>
+</div>
diff --git a/app/templates/govuk/components/notification-banner/template.njk b/app/templates/govuk/components/notification-banner/template.njk
new file mode 100644
index 0000000..62080d7
--- /dev/null
+++ b/app/templates/govuk/components/notification-banner/template.njk
@@ -0,0 +1,49 @@
+{% from "../../macros/attributes.njk" import govukAttributes %}
+
+{%- if params.type == "success" %}
+  {% set successBanner = true %}
+{% endif %}
+
+{%- if successBanner %}
+  {% set typeClass = "govuk-notification-banner--" + params.type %}
+{% endif %}
+
+{%- if params.role %}
+  {% set role = params.role %}
+{% elif successBanner %}
+  {#- If type is success, add `role="alert"` to prioritise the information in the notification banner to users of assistive technologies -#}
+  {% set role = "alert" %}
+{% else %}
+  {#- Otherwise add `role="region"` to make the notification banner a landmark to help users of assistive technologies to navigate to the banner -#}
+  {% set role = "region" %}
+{% endif %}
+
+{%- if params.titleHtml %}
+  {% set title = params.titleHtml | safe %}
+{%- elif params.titleText %}
+  {% set title = params.titleText %}
+{%- elif successBanner %}
+  {% set title = "Success" %}
+{%- else %}
+  {% set title = "Important" %}
+{%- endif -%}
+
+<div class="govuk-notification-banner {%- if typeClass %} {{ typeClass }}{% endif %}{% if params.classes %} {{ params.classes }}{% endif %}" role="{{ role }}" aria-labelledby="{{ params.titleId | default("govuk-notification-banner-title", true) }}" data-module="govuk-notification-banner"
+  {%- if params.disableAutoFocus !== undefined %} data-disable-auto-focus="{{ params.disableAutoFocus }}"{% endif %}
+  {{- govukAttributes(params.attributes) }}>
+  <div class="govuk-notification-banner__header">
+    <h{{ params.titleHeadingLevel | default(2, true) }} class="govuk-notification-banner__title" id="{{ params.titleId | default("govuk-notification-banner-title", true) }}">
+      {{ title }}
+    </h{{ params.titleHeadingLevel | default(2, true) }}>
+  </div>
+  <div class="govuk-notification-banner__content">
+  {% if caller or params.html %}
+    {{ caller() if caller else params.html | safe | trim | indent(4) }}
+  {% elif params.text %}
+    {# Set default style for single line content -#}
+    <p class="govuk-notification-banner__heading">
+      {{ params.text | trim | indent(6) }}
+    </p>
+  {% endif %}
+  </div>
+</div>
diff --git a/app/templates/govuk/components/pagination/README.md b/app/templates/govuk/components/pagination/README.md
new file mode 100644
index 0000000..8b4f196
--- /dev/null
+++ b/app/templates/govuk/components/pagination/README.md
@@ -0,0 +1,15 @@
+# Pagination
+
+## Installation
+
+See the [main README quick start guide](https://github.com/alphagov/govuk-frontend#quick-start) for how to install this component.
+
+## Guidance and Examples
+
+Find out when to use the pagination component in your service in the [GOV.UK Design System](https://design-system.service.gov.uk/components/pagination).
+
+## Component options
+
+Use options to customise the appearance, content and behaviour of a component when using a macro, for example, changing the text.
+
+See [options table](https://design-system.service.gov.uk/components/details/#options-pagination-example) for details.
diff --git a/app/templates/govuk/components/pagination/_index.scss b/app/templates/govuk/components/pagination/_index.scss
new file mode 100644
index 0000000..9c90b8d
--- /dev/null
+++ b/app/templates/govuk/components/pagination/_index.scss
@@ -0,0 +1,232 @@
+@include govuk-exports("govuk/component/pagination") {
+  // Flexbox enhancement for small screen visual design
+  // Falls back to a float: left layout on non-flex browsers
+  .govuk-pagination {
+    @include govuk-responsive-margin(6, "bottom");
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    flex-wrap: wrap;
+
+    @include govuk-media-query($from: tablet) {
+      flex-direction: row;
+      align-items: flex-start;
+    }
+  }
+
+  .govuk-pagination__list {
+    margin: 0;
+    padding: 0;
+    list-style: none;
+  }
+
+  .govuk-pagination__item,
+  .govuk-pagination__next,
+  .govuk-pagination__prev {
+    @include govuk-font(19);
+    box-sizing: border-box;
+    position: relative;
+    min-width: 45px;
+    min-height: 45px;
+    padding: govuk-spacing(2) govuk-spacing(3);
+    float: left; // Float is ignored if flex is active for prev/next links
+
+    &:hover {
+      background-color: govuk-colour("light-grey");
+    }
+  }
+
+  .govuk-pagination__item {
+    // Hide items on small screens except the prev/next items,
+    // non-link items and the first and last items
+    display: none;
+
+    // Center align pagination links in their parent list item so that they
+    // visually sit in the middle of their touch area
+    text-align: center;
+
+    @include govuk-media-query($from: tablet) {
+      display: block;
+    }
+  }
+
+  .govuk-pagination__prev,
+  .govuk-pagination__next {
+    @include govuk-typography-weight-bold;
+
+    // Use flex to avoid extra space being introduced when whitespace exists
+    // between the arrow svg and the link text
+    .govuk-pagination__link {
+      display: flex;
+      align-items: center;
+    }
+  }
+
+  .govuk-pagination__prev {
+    padding-left: 0;
+  }
+
+  .govuk-pagination__next {
+    padding-right: 0;
+  }
+
+  // Only show first, last and non-link items on mobile
+  .govuk-pagination__item--current,
+  .govuk-pagination__item--ellipses,
+  .govuk-pagination__item:first-child,
+  .govuk-pagination__item:last-child {
+    display: block;
+  }
+
+  .govuk-pagination__item--current {
+    @include govuk-typography-weight-bold;
+    outline: 1px solid transparent;
+    background-color: $govuk-link-colour;
+
+    &:hover {
+      background-color: $govuk-link-colour;
+    }
+
+    .govuk-pagination__link {
+      @include govuk-link-style-inverse;
+    }
+  }
+
+  .govuk-pagination__item--ellipses {
+    @include govuk-typography-weight-bold;
+    color: $govuk-secondary-text-colour;
+
+    // Remove hover state for ellipsis items as they don't contain links
+    &:hover {
+      background-color: transparent;
+    }
+  }
+
+  .govuk-pagination__link {
+    display: block;
+    min-width: govuk-spacing(3);
+
+    // Increase the touch area for the link to the parent element.
+    @media screen {
+      &::after {
+        content: "";
+        position: absolute;
+        top: 0;
+        right: 0;
+        bottom: 0;
+        left: 0;
+      }
+    }
+
+    // Add link hover decoration to prev/next text if no label present on
+    // prev/next only mode,  so that we have a hover state in all cases
+    &:hover,
+    &:active {
+      .govuk-pagination__link-title--decorated {
+        @include govuk-link-decoration;
+      }
+
+      .govuk-pagination__link-label,
+      .govuk-pagination__link-title--decorated {
+        @include govuk-link-hover-decoration;
+      }
+    }
+
+    &:focus {
+      .govuk-pagination__icon {
+        color: $govuk-focus-text-colour;
+      }
+
+      .govuk-pagination__link-label {
+        text-decoration: none;
+      }
+
+      .govuk-pagination__link-title--decorated {
+        text-decoration: none;
+      }
+    }
+  }
+
+  .govuk-pagination__link-title {
+    text-decoration-thickness: inherit;
+  }
+
+  .govuk-pagination__link-label {
+    @include govuk-typography-weight-regular;
+    @include govuk-link-decoration;
+    display: inline-block;
+  }
+
+  .govuk-pagination__icon {
+    // Set size using rems to make the icon scale with text
+    width: govuk-px-to-rem(15px);
+    height: govuk-px-to-rem(13px);
+    color: $govuk-secondary-text-colour;
+    fill: currentcolor;
+    forced-color-adjust: auto;
+  }
+
+  .govuk-pagination__icon--prev {
+    margin-right: govuk-spacing(3);
+  }
+
+  .govuk-pagination__icon--next {
+    margin-left: govuk-spacing(3);
+  }
+
+  // Block mode - position previous and next links above and below numbers
+  .govuk-pagination--block {
+    display: block;
+
+    .govuk-pagination__next,
+    .govuk-pagination__prev {
+      padding-left: 0;
+      float: none;
+
+      .govuk-pagination__link {
+        display: inline-block;
+      }
+    }
+
+    .govuk-pagination__next {
+      padding-right: govuk-spacing(3);
+    }
+
+    // Only apply a border between prev and next if both are present
+    .govuk-pagination__prev + .govuk-pagination__next {
+      border-top: 1px solid $govuk-border-colour;
+    }
+
+    // Set the after pseudo element to a block which makes the title visually
+    // display as block level whilst programmatically being inline. We do this
+    // to get around an NVDA quirk where adjacent block level elements are
+    // always read out separately
+    .govuk-pagination__link-title::after {
+      content: "";
+      display: block;
+    }
+
+    .govuk-pagination__link {
+      padding-left: govuk-spacing(6);
+      text-align: left;
+
+      &:not(:focus) {
+        text-decoration: none;
+      }
+    }
+
+    .govuk-pagination__icon {
+      // This magic number is brought to you by the following equation:
+      // ((lineHeight − arrowHeight) ÷ 2) ÷ fontSize
+      // ((25 − 13) ÷ 2) ÷ 19 = 0.326em
+      //
+      // This could have been done programmatically but we don't have functions
+      // for grabbing the line-height of specific typography sizes just yet.
+      margin-top: 0.326em;
+      margin-left: govuk-spacing(6) * -1;
+      float: left;
+    }
+  }
+}
+
+/*# sourceMappingURL=_index.scss.map */
diff --git a/app/templates/govuk/components/pagination/_index.scss.map b/app/templates/govuk/components/pagination/_index.scss.map
new file mode 100644
index 0000000..6b702d4
--- /dev/null
+++ b/app/templates/govuk/components/pagination/_index.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/pagination/_index.scss"],"names":[],"mappings":"AAAA;EACE,oDAAoD;EACpD,yDAAyD;EACzD;IACE,6CAA6C;IAC7C,aAAa;IACb,sBAAsB;IACtB,mBAAmB;IACnB,eAAe;;IAEf;MACE,mBAAmB;MACnB,uBAAuB;IACzB;EACF;;EAEA;IACE,SAAS;IACT,UAAU;IACV,gBAAgB;EAClB;;EAEA;;;IAGE,uBAAuB;IACvB,sBAAsB;IACtB,kBAAkB;IAClB,eAAe;IACf,gBAAgB;IAChB,0CAA0C;IAC1C,WAAW,EAAE,wDAAwD;;IAErE;MACE,4CAA4C;IAC9C;EACF;;EAEA;IACE,yDAAyD;IACzD,6CAA6C;IAC7C,aAAa;;IAEb,sEAAsE;IACtE,gDAAgD;IAChD,kBAAkB;;IAElB;MACE,cAAc;IAChB;EACF;;EAEA;;IAEE,qCAAqC;;IAErC,uEAAuE;IACvE,yCAAyC;IACzC;MACE,aAAa;MACb,mBAAmB;IACrB;EACF;;EAEA;IACE,eAAe;EACjB;;EAEA;IACE,gBAAgB;EAClB;;EAEA,oDAAoD;EACpD;;;;IAIE,cAAc;EAChB;;EAEA;IACE,qCAAqC;IACrC,8BAA8B;IAC9B,oCAAoC;;IAEpC;MACE,oCAAoC;IACtC;;IAEA;MACE,iCAAiC;IACnC;EACF;;EAEA;IACE,qCAAqC;IACrC,mCAAmC;;IAEnC,mEAAmE;IACnE;MACE,6BAA6B;IAC/B;EACF;;EAEA;IACE,cAAc;IACd,2BAA2B;;IAE3B,6DAA6D;IAC7D;MACE;QACE,WAAW;QACX,kBAAkB;QAClB,MAAM;QACN,QAAQ;QACR,SAAS;QACT,OAAO;MACT;IACF;;IAEA,oEAAoE;IACpE,kEAAkE;IAClE;;MAEE;QACE,8BAA8B;MAChC;;MAEA;;QAEE,oCAAoC;MACtC;IACF;;IAEA;MACE;QACE,+BAA+B;MACjC;;MAEA;QACE,qBAAqB;MACvB;;MAEA;QACE,qBAAqB;MACvB;IACF;EACF;;EAEA;IACE,kCAAkC;EACpC;;EAEA;IACE,wCAAwC;IACxC,8BAA8B;IAC9B,qBAAqB;EACvB;;EAEA;IACE,sDAAsD;IACtD,4BAA4B;IAC5B,6BAA6B;IAC7B,mCAAmC;IACnC,kBAAkB;IAClB,yBAAyB;EAC3B;;EAEA;IACE,8BAA8B;EAChC;;EAEA;IACE,6BAA6B;EAC/B;;EAEA,uEAAuE;EACvE;IACE,cAAc;;IAEd;;MAEE,eAAe;MACf,WAAW;;MAEX;QACE,qBAAqB;MACvB;IACF;;IAEA;MACE,+BAA+B;IACjC;;IAEA,+DAA+D;IAC/D;MACE,0CAA0C;IAC5C;;IAEA,wEAAwE;IACxE,yEAAyE;IACzE,qEAAqE;IACrE,4BAA4B;IAC5B;MACE,WAAW;MACX,cAAc;IAChB;;IAEA;MACE,8BAA8B;MAC9B,gBAAgB;;MAEhB;QACE,qBAAqB;MACvB;IACF;;IAEA;MACE,gEAAgE;MAChE,6CAA6C;MAC7C,gCAAgC;MAChC,CAAC;MACD,wEAAwE;MACxE,qEAAqE;MACrE,mBAAmB;MACnB,kCAAkC;MAClC,WAAW;IACb;EACF;AACF","file":"_index.scss","sourcesContent":["@include govuk-exports(\"govuk/component/pagination\") {\n  // Flexbox enhancement for small screen visual design\n  // Falls back to a float: left layout on non-flex browsers\n  .govuk-pagination {\n    @include govuk-responsive-margin(6, \"bottom\");\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    flex-wrap: wrap;\n\n    @include govuk-media-query($from: tablet) {\n      flex-direction: row;\n      align-items: flex-start;\n    }\n  }\n\n  .govuk-pagination__list {\n    margin: 0;\n    padding: 0;\n    list-style: none;\n  }\n\n  .govuk-pagination__item,\n  .govuk-pagination__next,\n  .govuk-pagination__prev {\n    @include govuk-font(19);\n    box-sizing: border-box;\n    position: relative;\n    min-width: 45px;\n    min-height: 45px;\n    padding: govuk-spacing(2) govuk-spacing(3);\n    float: left; // Float is ignored if flex is active for prev/next links\n\n    &:hover {\n      background-color: govuk-colour(\"light-grey\");\n    }\n  }\n\n  .govuk-pagination__item {\n    // Hide items on small screens except the prev/next items,\n    // non-link items and the first and last items\n    display: none;\n\n    // Center align pagination links in their parent list item so that they\n    // visually sit in the middle of their touch area\n    text-align: center;\n\n    @include govuk-media-query($from: tablet) {\n      display: block;\n    }\n  }\n\n  .govuk-pagination__prev,\n  .govuk-pagination__next {\n    @include govuk-typography-weight-bold;\n\n    // Use flex to avoid extra space being introduced when whitespace exists\n    // between the arrow svg and the link text\n    .govuk-pagination__link {\n      display: flex;\n      align-items: center;\n    }\n  }\n\n  .govuk-pagination__prev {\n    padding-left: 0;\n  }\n\n  .govuk-pagination__next {\n    padding-right: 0;\n  }\n\n  // Only show first, last and non-link items on mobile\n  .govuk-pagination__item--current,\n  .govuk-pagination__item--ellipses,\n  .govuk-pagination__item:first-child,\n  .govuk-pagination__item:last-child {\n    display: block;\n  }\n\n  .govuk-pagination__item--current {\n    @include govuk-typography-weight-bold;\n    outline: 1px solid transparent;\n    background-color: $govuk-link-colour;\n\n    &:hover {\n      background-color: $govuk-link-colour;\n    }\n\n    .govuk-pagination__link {\n      @include govuk-link-style-inverse;\n    }\n  }\n\n  .govuk-pagination__item--ellipses {\n    @include govuk-typography-weight-bold;\n    color: $govuk-secondary-text-colour;\n\n    // Remove hover state for ellipsis items as they don't contain links\n    &:hover {\n      background-color: transparent;\n    }\n  }\n\n  .govuk-pagination__link {\n    display: block;\n    min-width: govuk-spacing(3);\n\n    // Increase the touch area for the link to the parent element.\n    @media screen {\n      &::after {\n        content: \"\";\n        position: absolute;\n        top: 0;\n        right: 0;\n        bottom: 0;\n        left: 0;\n      }\n    }\n\n    // Add link hover decoration to prev/next text if no label present on\n    // prev/next only mode,  so that we have a hover state in all cases\n    &:hover,\n    &:active {\n      .govuk-pagination__link-title--decorated {\n        @include govuk-link-decoration;\n      }\n\n      .govuk-pagination__link-label,\n      .govuk-pagination__link-title--decorated {\n        @include govuk-link-hover-decoration;\n      }\n    }\n\n    &:focus {\n      .govuk-pagination__icon {\n        color: $govuk-focus-text-colour;\n      }\n\n      .govuk-pagination__link-label {\n        text-decoration: none;\n      }\n\n      .govuk-pagination__link-title--decorated {\n        text-decoration: none;\n      }\n    }\n  }\n\n  .govuk-pagination__link-title {\n    text-decoration-thickness: inherit;\n  }\n\n  .govuk-pagination__link-label {\n    @include govuk-typography-weight-regular;\n    @include govuk-link-decoration;\n    display: inline-block;\n  }\n\n  .govuk-pagination__icon {\n    // Set size using rems to make the icon scale with text\n    width: govuk-px-to-rem(15px);\n    height: govuk-px-to-rem(13px);\n    color: $govuk-secondary-text-colour;\n    fill: currentcolor;\n    forced-color-adjust: auto;\n  }\n\n  .govuk-pagination__icon--prev {\n    margin-right: govuk-spacing(3);\n  }\n\n  .govuk-pagination__icon--next {\n    margin-left: govuk-spacing(3);\n  }\n\n  // Block mode - position previous and next links above and below numbers\n  .govuk-pagination--block {\n    display: block;\n\n    .govuk-pagination__next,\n    .govuk-pagination__prev {\n      padding-left: 0;\n      float: none;\n\n      .govuk-pagination__link {\n        display: inline-block;\n      }\n    }\n\n    .govuk-pagination__next {\n      padding-right: govuk-spacing(3);\n    }\n\n    // Only apply a border between prev and next if both are present\n    .govuk-pagination__prev + .govuk-pagination__next {\n      border-top: 1px solid $govuk-border-colour;\n    }\n\n    // Set the after pseudo element to a block which makes the title visually\n    // display as block level whilst programmatically being inline. We do this\n    // to get around an NVDA quirk where adjacent block level elements are\n    // always read out separately\n    .govuk-pagination__link-title::after {\n      content: \"\";\n      display: block;\n    }\n\n    .govuk-pagination__link {\n      padding-left: govuk-spacing(6);\n      text-align: left;\n\n      &:not(:focus) {\n        text-decoration: none;\n      }\n    }\n\n    .govuk-pagination__icon {\n      // This magic number is brought to you by the following equation:\n      // ((lineHeight − arrowHeight) ÷ 2) ÷ fontSize\n      // ((25 − 13) ÷ 2) ÷ 19 = 0.326em\n      //\n      // This could have been done programmatically but we don't have functions\n      // for grabbing the line-height of specific typography sizes just yet.\n      margin-top: 0.326em;\n      margin-left: govuk-spacing(6) * -1;\n      float: left;\n    }\n  }\n}\n"]}
diff --git a/app/templates/govuk/components/pagination/_pagination.scss b/app/templates/govuk/components/pagination/_pagination.scss
new file mode 100644
index 0000000..cbf110b
--- /dev/null
+++ b/app/templates/govuk/components/pagination/_pagination.scss
@@ -0,0 +1,4 @@
+@import "../../base";
+@import "./index";
+
+/*# sourceMappingURL=_pagination.scss.map */
diff --git a/app/templates/govuk/components/pagination/_pagination.scss.map b/app/templates/govuk/components/pagination/_pagination.scss.map
new file mode 100644
index 0000000..74ae7f8
--- /dev/null
+++ b/app/templates/govuk/components/pagination/_pagination.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/pagination/_pagination.scss"],"names":[],"mappings":"AAAA,oBAAoB;AACpB,iBAAiB","file":"_pagination.scss","sourcesContent":["@import \"../../base\";\n@import \"./index\";\n"]}
diff --git a/app/templates/govuk/components/pagination/fixtures.json b/app/templates/govuk/components/pagination/fixtures.json
new file mode 100644
index 0000000..4fb867b
--- /dev/null
+++ b/app/templates/govuk/components/pagination/fixtures.json
@@ -0,0 +1,393 @@
+{
+    "component": "pagination",
+    "fixtures": [
+        {
+            "name": "default",
+            "options": {
+                "previous": {
+                    "href": "/previous"
+                },
+                "next": {
+                    "href": "/next"
+                },
+                "items": [
+                    {
+                        "number": 1,
+                        "href": "/page/1"
+                    },
+                    {
+                        "number": 2,
+                        "href": "/page/2",
+                        "current": true
+                    },
+                    {
+                        "number": 3,
+                        "href": "/page/3"
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": true,
+            "html": "<nav class=\"govuk-pagination\" aria-label=\"Pagination\">\n  <div class=\"govuk-pagination__prev\">\n    <a class=\"govuk-link govuk-pagination__link\" href=\"/previous\" rel=\"prev\">\n      <svg class=\"govuk-pagination__icon govuk-pagination__icon--prev\" xmlns=\"http://www.w3.org/2000/svg\" height=\"13\" width=\"15\" aria-hidden=\"true\" focusable=\"false\" viewBox=\"0 0 15 13\">\n        <path d=\"m6.5938-0.0078125-6.7266 6.7266 6.7441 6.4062 1.377-1.449-4.1856-3.9768h12.896v-2h-12.984l4.2931-4.293-1.414-1.414z\"></path>\n      </svg>\n      <span class=\"govuk-pagination__link-title\">\n        Previous<span class=\"govuk-visually-hidden\"> page</span>\n      </span>\n    </a>\n  </div>\n  <ul class=\"govuk-pagination__list\">\n    <li class=\"govuk-pagination__item\">\n      <a class=\"govuk-link govuk-pagination__link\" href=\"/page/1\" aria-label=\"Page 1\">\n        1\n      </a>\n    </li>\n    <li class=\"govuk-pagination__item govuk-pagination__item--current\">\n      <a class=\"govuk-link govuk-pagination__link\" href=\"/page/2\" aria-label=\"Page 2\" aria-current=\"page\">\n        2\n      </a>\n    </li>\n    <li class=\"govuk-pagination__item\">\n      <a class=\"govuk-link govuk-pagination__link\" href=\"/page/3\" aria-label=\"Page 3\">\n        3\n      </a>\n    </li>\n  </ul>\n  <div class=\"govuk-pagination__next\">\n    <a class=\"govuk-link govuk-pagination__link\" href=\"/next\" rel=\"next\">\n      <span class=\"govuk-pagination__link-title\">\n        Next<span class=\"govuk-visually-hidden\"> page</span>\n      </span>\n      <svg class=\"govuk-pagination__icon govuk-pagination__icon--next\" xmlns=\"http://www.w3.org/2000/svg\" height=\"13\" width=\"15\" aria-hidden=\"true\" focusable=\"false\" viewBox=\"0 0 15 13\">\n        <path d=\"m8.107-0.0078125-1.4136 1.414 4.2926 4.293h-12.986v2h12.896l-4.1855 3.9766 1.377 1.4492 6.7441-6.4062-6.7246-6.7266z\"></path>\n      </svg>\n    </a>\n  </div>\n</nav>"
+        },
+        {
+            "name": "with custom link and item text",
+            "options": {
+                "previous": {
+                    "href": "/previous",
+                    "text": "Previous page"
+                },
+                "next": {
+                    "href": "/next",
+                    "text": "Next page"
+                },
+                "items": [
+                    {
+                        "number": "one",
+                        "href": "/page/1"
+                    },
+                    {
+                        "number": "two",
+                        "href": "/page/2",
+                        "current": true
+                    },
+                    {
+                        "number": "three",
+                        "href": "/page/3"
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<nav class=\"govuk-pagination\" aria-label=\"Pagination\">\n  <div class=\"govuk-pagination__prev\">\n    <a class=\"govuk-link govuk-pagination__link\" href=\"/previous\" rel=\"prev\">\n      <svg class=\"govuk-pagination__icon govuk-pagination__icon--prev\" xmlns=\"http://www.w3.org/2000/svg\" height=\"13\" width=\"15\" aria-hidden=\"true\" focusable=\"false\" viewBox=\"0 0 15 13\">\n        <path d=\"m6.5938-0.0078125-6.7266 6.7266 6.7441 6.4062 1.377-1.449-4.1856-3.9768h12.896v-2h-12.984l4.2931-4.293-1.414-1.414z\"></path>\n      </svg>\n      <span class=\"govuk-pagination__link-title\">\n        Previous page\n      </span>\n    </a>\n  </div>\n  <ul class=\"govuk-pagination__list\">\n    <li class=\"govuk-pagination__item\">\n      <a class=\"govuk-link govuk-pagination__link\" href=\"/page/1\" aria-label=\"Page one\">\n        one\n      </a>\n    </li>\n    <li class=\"govuk-pagination__item govuk-pagination__item--current\">\n      <a class=\"govuk-link govuk-pagination__link\" href=\"/page/2\" aria-label=\"Page two\" aria-current=\"page\">\n        two\n      </a>\n    </li>\n    <li class=\"govuk-pagination__item\">\n      <a class=\"govuk-link govuk-pagination__link\" href=\"/page/3\" aria-label=\"Page three\">\n        three\n      </a>\n    </li>\n  </ul>\n  <div class=\"govuk-pagination__next\">\n    <a class=\"govuk-link govuk-pagination__link\" href=\"/next\" rel=\"next\">\n      <span class=\"govuk-pagination__link-title\">\n        Next page\n      </span>\n      <svg class=\"govuk-pagination__icon govuk-pagination__icon--next\" xmlns=\"http://www.w3.org/2000/svg\" height=\"13\" width=\"15\" aria-hidden=\"true\" focusable=\"false\" viewBox=\"0 0 15 13\">\n        <path d=\"m8.107-0.0078125-1.4136 1.414 4.2926 4.293h-12.986v2h12.896l-4.1855 3.9766 1.377 1.4492 6.7441-6.4062-6.7246-6.7266z\"></path>\n      </svg>\n    </a>\n  </div>\n</nav>"
+        },
+        {
+            "name": "with many pages",
+            "options": {
+                "previous": {
+                    "href": "/previous"
+                },
+                "next": {
+                    "href": "/next"
+                },
+                "items": [
+                    {
+                        "number": 1,
+                        "href": "/page/1"
+                    },
+                    {
+                        "ellipsis": true
+                    },
+                    {
+                        "number": 8,
+                        "href": "/page/8"
+                    },
+                    {
+                        "number": 9,
+                        "href": "/page/9"
+                    },
+                    {
+                        "number": 10,
+                        "href": "/page/10",
+                        "current": true
+                    },
+                    {
+                        "number": 11,
+                        "href": "/page/11"
+                    },
+                    {
+                        "number": 12,
+                        "href": "/page/12"
+                    },
+                    {
+                        "ellipsis": true
+                    },
+                    {
+                        "number": 40,
+                        "href": "/page/40"
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<nav class=\"govuk-pagination\" aria-label=\"Pagination\">\n  <div class=\"govuk-pagination__prev\">\n    <a class=\"govuk-link govuk-pagination__link\" href=\"/previous\" rel=\"prev\">\n      <svg class=\"govuk-pagination__icon govuk-pagination__icon--prev\" xmlns=\"http://www.w3.org/2000/svg\" height=\"13\" width=\"15\" aria-hidden=\"true\" focusable=\"false\" viewBox=\"0 0 15 13\">\n        <path d=\"m6.5938-0.0078125-6.7266 6.7266 6.7441 6.4062 1.377-1.449-4.1856-3.9768h12.896v-2h-12.984l4.2931-4.293-1.414-1.414z\"></path>\n      </svg>\n      <span class=\"govuk-pagination__link-title\">\n        Previous<span class=\"govuk-visually-hidden\"> page</span>\n      </span>\n    </a>\n  </div>\n  <ul class=\"govuk-pagination__list\">\n    <li class=\"govuk-pagination__item\">\n      <a class=\"govuk-link govuk-pagination__link\" href=\"/page/1\" aria-label=\"Page 1\">\n        1\n      </a>\n    </li>\n    <li class=\"govuk-pagination__item govuk-pagination__item--ellipses\">\n      &ctdot;\n    </li>\n    <li class=\"govuk-pagination__item\">\n      <a class=\"govuk-link govuk-pagination__link\" href=\"/page/8\" aria-label=\"Page 8\">\n        8\n      </a>\n    </li>\n    <li class=\"govuk-pagination__item\">\n      <a class=\"govuk-link govuk-pagination__link\" href=\"/page/9\" aria-label=\"Page 9\">\n        9\n      </a>\n    </li>\n    <li class=\"govuk-pagination__item govuk-pagination__item--current\">\n      <a class=\"govuk-link govuk-pagination__link\" href=\"/page/10\" aria-label=\"Page 10\" aria-current=\"page\">\n        10\n      </a>\n    </li>\n    <li class=\"govuk-pagination__item\">\n      <a class=\"govuk-link govuk-pagination__link\" href=\"/page/11\" aria-label=\"Page 11\">\n        11\n      </a>\n    </li>\n    <li class=\"govuk-pagination__item\">\n      <a class=\"govuk-link govuk-pagination__link\" href=\"/page/12\" aria-label=\"Page 12\">\n        12\n      </a>\n    </li>\n    <li class=\"govuk-pagination__item govuk-pagination__item--ellipses\">\n      &ctdot;\n    </li>\n    <li class=\"govuk-pagination__item\">\n      <a class=\"govuk-link govuk-pagination__link\" href=\"/page/40\" aria-label=\"Page 40\">\n        40\n      </a>\n    </li>\n  </ul>\n  <div class=\"govuk-pagination__next\">\n    <a class=\"govuk-link govuk-pagination__link\" href=\"/next\" rel=\"next\">\n      <span class=\"govuk-pagination__link-title\">\n        Next<span class=\"govuk-visually-hidden\"> page</span>\n      </span>\n      <svg class=\"govuk-pagination__icon govuk-pagination__icon--next\" xmlns=\"http://www.w3.org/2000/svg\" height=\"13\" width=\"15\" aria-hidden=\"true\" focusable=\"false\" viewBox=\"0 0 15 13\">\n        <path d=\"m8.107-0.0078125-1.4136 1.414 4.2926 4.293h-12.986v2h12.896l-4.1855 3.9766 1.377 1.4492 6.7441-6.4062-6.7246-6.7266z\"></path>\n      </svg>\n    </a>\n  </div>\n</nav>"
+        },
+        {
+            "name": "first page",
+            "options": {
+                "next": {
+                    "href": "/next"
+                },
+                "items": [
+                    {
+                        "number": 1,
+                        "href": "/page/1",
+                        "current": true
+                    },
+                    {
+                        "number": 2,
+                        "href": "/page/2"
+                    },
+                    {
+                        "number": 3,
+                        "href": "/page/3"
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<nav class=\"govuk-pagination\" aria-label=\"Pagination\">\n  <ul class=\"govuk-pagination__list\">\n    <li class=\"govuk-pagination__item govuk-pagination__item--current\">\n      <a class=\"govuk-link govuk-pagination__link\" href=\"/page/1\" aria-label=\"Page 1\" aria-current=\"page\">\n        1\n      </a>\n    </li>\n    <li class=\"govuk-pagination__item\">\n      <a class=\"govuk-link govuk-pagination__link\" href=\"/page/2\" aria-label=\"Page 2\">\n        2\n      </a>\n    </li>\n    <li class=\"govuk-pagination__item\">\n      <a class=\"govuk-link govuk-pagination__link\" href=\"/page/3\" aria-label=\"Page 3\">\n        3\n      </a>\n    </li>\n  </ul>\n  <div class=\"govuk-pagination__next\">\n    <a class=\"govuk-link govuk-pagination__link\" href=\"/next\" rel=\"next\">\n      <span class=\"govuk-pagination__link-title\">\n        Next<span class=\"govuk-visually-hidden\"> page</span>\n      </span>\n      <svg class=\"govuk-pagination__icon govuk-pagination__icon--next\" xmlns=\"http://www.w3.org/2000/svg\" height=\"13\" width=\"15\" aria-hidden=\"true\" focusable=\"false\" viewBox=\"0 0 15 13\">\n        <path d=\"m8.107-0.0078125-1.4136 1.414 4.2926 4.293h-12.986v2h12.896l-4.1855 3.9766 1.377 1.4492 6.7441-6.4062-6.7246-6.7266z\"></path>\n      </svg>\n    </a>\n  </div>\n</nav>"
+        },
+        {
+            "name": "last page",
+            "options": {
+                "previous": {
+                    "href": "/previous"
+                },
+                "items": [
+                    {
+                        "number": 1,
+                        "href": "/page/1"
+                    },
+                    {
+                        "number": 2,
+                        "href": "/page/2"
+                    },
+                    {
+                        "number": 3,
+                        "href": "/page/3",
+                        "current": true
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<nav class=\"govuk-pagination\" aria-label=\"Pagination\">\n  <div class=\"govuk-pagination__prev\">\n    <a class=\"govuk-link govuk-pagination__link\" href=\"/previous\" rel=\"prev\">\n      <svg class=\"govuk-pagination__icon govuk-pagination__icon--prev\" xmlns=\"http://www.w3.org/2000/svg\" height=\"13\" width=\"15\" aria-hidden=\"true\" focusable=\"false\" viewBox=\"0 0 15 13\">\n        <path d=\"m6.5938-0.0078125-6.7266 6.7266 6.7441 6.4062 1.377-1.449-4.1856-3.9768h12.896v-2h-12.984l4.2931-4.293-1.414-1.414z\"></path>\n      </svg>\n      <span class=\"govuk-pagination__link-title\">\n        Previous<span class=\"govuk-visually-hidden\"> page</span>\n      </span>\n    </a>\n  </div>\n  <ul class=\"govuk-pagination__list\">\n    <li class=\"govuk-pagination__item\">\n      <a class=\"govuk-link govuk-pagination__link\" href=\"/page/1\" aria-label=\"Page 1\">\n        1\n      </a>\n    </li>\n    <li class=\"govuk-pagination__item\">\n      <a class=\"govuk-link govuk-pagination__link\" href=\"/page/2\" aria-label=\"Page 2\">\n        2\n      </a>\n    </li>\n    <li class=\"govuk-pagination__item govuk-pagination__item--current\">\n      <a class=\"govuk-link govuk-pagination__link\" href=\"/page/3\" aria-label=\"Page 3\" aria-current=\"page\">\n        3\n      </a>\n    </li>\n  </ul>\n</nav>"
+        },
+        {
+            "name": "with prev and next only",
+            "options": {
+                "previous": {
+                    "href": "/previous"
+                },
+                "next": {
+                    "href": "/next"
+                }
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<nav class=\"govuk-pagination govuk-pagination--block\" aria-label=\"Pagination\">\n  <div class=\"govuk-pagination__prev\">\n    <a class=\"govuk-link govuk-pagination__link\" href=\"/previous\" rel=\"prev\">\n      <svg class=\"govuk-pagination__icon govuk-pagination__icon--prev\" xmlns=\"http://www.w3.org/2000/svg\" height=\"13\" width=\"15\" aria-hidden=\"true\" focusable=\"false\" viewBox=\"0 0 15 13\">\n        <path d=\"m6.5938-0.0078125-6.7266 6.7266 6.7441 6.4062 1.377-1.449-4.1856-3.9768h12.896v-2h-12.984l4.2931-4.293-1.414-1.414z\"></path>\n      </svg>\n      <span class=\"govuk-pagination__link-title govuk-pagination__link-title--decorated\">\n        Previous<span class=\"govuk-visually-hidden\"> page</span>\n      </span>\n    </a>\n  </div>\n  <div class=\"govuk-pagination__next\">\n    <a class=\"govuk-link govuk-pagination__link\" href=\"/next\" rel=\"next\">\n      <svg class=\"govuk-pagination__icon govuk-pagination__icon--next\" xmlns=\"http://www.w3.org/2000/svg\" height=\"13\" width=\"15\" aria-hidden=\"true\" focusable=\"false\" viewBox=\"0 0 15 13\">\n        <path d=\"m8.107-0.0078125-1.4136 1.414 4.2926 4.293h-12.986v2h12.896l-4.1855 3.9766 1.377 1.4492 6.7441-6.4062-6.7246-6.7266z\"></path>\n      </svg>\n      <span class=\"govuk-pagination__link-title govuk-pagination__link-title--decorated\">\n        Next<span class=\"govuk-visually-hidden\"> page</span>\n      </span>\n    </a>\n  </div>\n</nav>"
+        },
+        {
+            "name": "with prev and next only and labels",
+            "options": {
+                "previous": {
+                    "text": "Previous page",
+                    "labelText": "Paying VAT and duty",
+                    "href": "/previous"
+                },
+                "next": {
+                    "text": "Next page",
+                    "labelText": "Registering an imported vehicle",
+                    "href": "/next"
+                }
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": true,
+            "html": "<nav class=\"govuk-pagination govuk-pagination--block\" aria-label=\"Pagination\">\n  <div class=\"govuk-pagination__prev\">\n    <a class=\"govuk-link govuk-pagination__link\" href=\"/previous\" rel=\"prev\">\n      <svg class=\"govuk-pagination__icon govuk-pagination__icon--prev\" xmlns=\"http://www.w3.org/2000/svg\" height=\"13\" width=\"15\" aria-hidden=\"true\" focusable=\"false\" viewBox=\"0 0 15 13\">\n        <path d=\"m6.5938-0.0078125-6.7266 6.7266 6.7441 6.4062 1.377-1.449-4.1856-3.9768h12.896v-2h-12.984l4.2931-4.293-1.414-1.414z\"></path>\n      </svg>\n      <span class=\"govuk-pagination__link-title\">\n        Previous page\n      </span>\n      <span class=\"govuk-visually-hidden\">:</span>\n      <span class=\"govuk-pagination__link-label\">Paying VAT and duty</span>\n    </a>\n  </div>\n  <div class=\"govuk-pagination__next\">\n    <a class=\"govuk-link govuk-pagination__link\" href=\"/next\" rel=\"next\">\n      <svg class=\"govuk-pagination__icon govuk-pagination__icon--next\" xmlns=\"http://www.w3.org/2000/svg\" height=\"13\" width=\"15\" aria-hidden=\"true\" focusable=\"false\" viewBox=\"0 0 15 13\">\n        <path d=\"m8.107-0.0078125-1.4136 1.414 4.2926 4.293h-12.986v2h12.896l-4.1855 3.9766 1.377 1.4492 6.7441-6.4062-6.7246-6.7266z\"></path>\n      </svg>\n      <span class=\"govuk-pagination__link-title\">\n        Next page\n      </span>\n      <span class=\"govuk-visually-hidden\">:</span>\n      <span class=\"govuk-pagination__link-label\">Registering an imported vehicle</span>\n    </a>\n  </div>\n</nav>"
+        },
+        {
+            "name": "with prev and next only and very long labels",
+            "options": {
+                "previous": {
+                    "text": "Previous page",
+                    "labelText": "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.",
+                    "href": "/previous"
+                },
+                "next": {
+                    "text": "Next page",
+                    "labelText": "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.",
+                    "href": "/next"
+                }
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<nav class=\"govuk-pagination govuk-pagination--block\" aria-label=\"Pagination\">\n  <div class=\"govuk-pagination__prev\">\n    <a class=\"govuk-link govuk-pagination__link\" href=\"/previous\" rel=\"prev\">\n      <svg class=\"govuk-pagination__icon govuk-pagination__icon--prev\" xmlns=\"http://www.w3.org/2000/svg\" height=\"13\" width=\"15\" aria-hidden=\"true\" focusable=\"false\" viewBox=\"0 0 15 13\">\n        <path d=\"m6.5938-0.0078125-6.7266 6.7266 6.7441 6.4062 1.377-1.449-4.1856-3.9768h12.896v-2h-12.984l4.2931-4.293-1.414-1.414z\"></path>\n      </svg>\n      <span class=\"govuk-pagination__link-title\">\n        Previous page\n      </span>\n      <span class=\"govuk-visually-hidden\">:</span>\n      <span class=\"govuk-pagination__link-label\">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</span>\n    </a>\n  </div>\n  <div class=\"govuk-pagination__next\">\n    <a class=\"govuk-link govuk-pagination__link\" href=\"/next\" rel=\"next\">\n      <svg class=\"govuk-pagination__icon govuk-pagination__icon--next\" xmlns=\"http://www.w3.org/2000/svg\" height=\"13\" width=\"15\" aria-hidden=\"true\" focusable=\"false\" viewBox=\"0 0 15 13\">\n        <path d=\"m8.107-0.0078125-1.4136 1.414 4.2926 4.293h-12.986v2h12.896l-4.1855 3.9766 1.377 1.4492 6.7441-6.4062-6.7246-6.7266z\"></path>\n      </svg>\n      <span class=\"govuk-pagination__link-title\">\n        Next page\n      </span>\n      <span class=\"govuk-visually-hidden\">:</span>\n      <span class=\"govuk-pagination__link-label\">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</span>\n    </a>\n  </div>\n</nav>"
+        },
+        {
+            "name": "with previous only",
+            "options": {
+                "previous": {
+                    "href": "/previous"
+                }
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<nav class=\"govuk-pagination govuk-pagination--block\" aria-label=\"Pagination\">\n  <div class=\"govuk-pagination__prev\">\n    <a class=\"govuk-link govuk-pagination__link\" href=\"/previous\" rel=\"prev\">\n      <svg class=\"govuk-pagination__icon govuk-pagination__icon--prev\" xmlns=\"http://www.w3.org/2000/svg\" height=\"13\" width=\"15\" aria-hidden=\"true\" focusable=\"false\" viewBox=\"0 0 15 13\">\n        <path d=\"m6.5938-0.0078125-6.7266 6.7266 6.7441 6.4062 1.377-1.449-4.1856-3.9768h12.896v-2h-12.984l4.2931-4.293-1.414-1.414z\"></path>\n      </svg>\n      <span class=\"govuk-pagination__link-title govuk-pagination__link-title--decorated\">\n        Previous<span class=\"govuk-visually-hidden\"> page</span>\n      </span>\n    </a>\n  </div>\n</nav>"
+        },
+        {
+            "name": "with next only",
+            "options": {
+                "next": {
+                    "href": "/next"
+                }
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<nav class=\"govuk-pagination govuk-pagination--block\" aria-label=\"Pagination\">\n  <div class=\"govuk-pagination__next\">\n    <a class=\"govuk-link govuk-pagination__link\" href=\"/next\" rel=\"next\">\n      <svg class=\"govuk-pagination__icon govuk-pagination__icon--next\" xmlns=\"http://www.w3.org/2000/svg\" height=\"13\" width=\"15\" aria-hidden=\"true\" focusable=\"false\" viewBox=\"0 0 15 13\">\n        <path d=\"m8.107-0.0078125-1.4136 1.414 4.2926 4.293h-12.986v2h12.896l-4.1855 3.9766 1.377 1.4492 6.7441-6.4062-6.7246-6.7266z\"></path>\n      </svg>\n      <span class=\"govuk-pagination__link-title govuk-pagination__link-title--decorated\">\n        Next<span class=\"govuk-visually-hidden\"> page</span>\n      </span>\n    </a>\n  </div>\n</nav>"
+        },
+        {
+            "name": "with custom classes",
+            "options": {
+                "classes": "my-custom-class",
+                "previous": {
+                    "href": "/previous"
+                },
+                "next": {
+                    "href": "/next"
+                },
+                "items": [
+                    {
+                        "number": 1,
+                        "href": "/page/1"
+                    },
+                    {
+                        "number": 2,
+                        "href": "/page/2",
+                        "current": true
+                    },
+                    {
+                        "number": 3,
+                        "href": "/page/3"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<nav class=\"govuk-pagination my-custom-class\" aria-label=\"Pagination\">\n  <div class=\"govuk-pagination__prev\">\n    <a class=\"govuk-link govuk-pagination__link\" href=\"/previous\" rel=\"prev\">\n      <svg class=\"govuk-pagination__icon govuk-pagination__icon--prev\" xmlns=\"http://www.w3.org/2000/svg\" height=\"13\" width=\"15\" aria-hidden=\"true\" focusable=\"false\" viewBox=\"0 0 15 13\">\n        <path d=\"m6.5938-0.0078125-6.7266 6.7266 6.7441 6.4062 1.377-1.449-4.1856-3.9768h12.896v-2h-12.984l4.2931-4.293-1.414-1.414z\"></path>\n      </svg>\n      <span class=\"govuk-pagination__link-title\">\n        Previous<span class=\"govuk-visually-hidden\"> page</span>\n      </span>\n    </a>\n  </div>\n  <ul class=\"govuk-pagination__list\">\n    <li class=\"govuk-pagination__item\">\n      <a class=\"govuk-link govuk-pagination__link\" href=\"/page/1\" aria-label=\"Page 1\">\n        1\n      </a>\n    </li>\n    <li class=\"govuk-pagination__item govuk-pagination__item--current\">\n      <a class=\"govuk-link govuk-pagination__link\" href=\"/page/2\" aria-label=\"Page 2\" aria-current=\"page\">\n        2\n      </a>\n    </li>\n    <li class=\"govuk-pagination__item\">\n      <a class=\"govuk-link govuk-pagination__link\" href=\"/page/3\" aria-label=\"Page 3\">\n        3\n      </a>\n    </li>\n  </ul>\n  <div class=\"govuk-pagination__next\">\n    <a class=\"govuk-link govuk-pagination__link\" href=\"/next\" rel=\"next\">\n      <span class=\"govuk-pagination__link-title\">\n        Next<span class=\"govuk-visually-hidden\"> page</span>\n      </span>\n      <svg class=\"govuk-pagination__icon govuk-pagination__icon--next\" xmlns=\"http://www.w3.org/2000/svg\" height=\"13\" width=\"15\" aria-hidden=\"true\" focusable=\"false\" viewBox=\"0 0 15 13\">\n        <path d=\"m8.107-0.0078125-1.4136 1.414 4.2926 4.293h-12.986v2h12.896l-4.1855 3.9766 1.377 1.4492 6.7441-6.4062-6.7246-6.7266z\"></path>\n      </svg>\n    </a>\n  </div>\n</nav>"
+        },
+        {
+            "name": "with custom attributes",
+            "options": {
+                "attributes": {
+                    "data-attribute-1": "value-1",
+                    "data-attribute-2": "value-2"
+                },
+                "previous": {
+                    "href": "/previous"
+                },
+                "next": {
+                    "href": "/next"
+                },
+                "items": [
+                    {
+                        "number": 1,
+                        "href": "/page/1"
+                    },
+                    {
+                        "number": 2,
+                        "href": "/page/2",
+                        "current": true
+                    },
+                    {
+                        "number": 3,
+                        "href": "/page/3"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<nav class=\"govuk-pagination\" aria-label=\"Pagination\" data-attribute-1=\"value-1\" data-attribute-2=\"value-2\">\n  <div class=\"govuk-pagination__prev\">\n    <a class=\"govuk-link govuk-pagination__link\" href=\"/previous\" rel=\"prev\">\n      <svg class=\"govuk-pagination__icon govuk-pagination__icon--prev\" xmlns=\"http://www.w3.org/2000/svg\" height=\"13\" width=\"15\" aria-hidden=\"true\" focusable=\"false\" viewBox=\"0 0 15 13\">\n        <path d=\"m6.5938-0.0078125-6.7266 6.7266 6.7441 6.4062 1.377-1.449-4.1856-3.9768h12.896v-2h-12.984l4.2931-4.293-1.414-1.414z\"></path>\n      </svg>\n      <span class=\"govuk-pagination__link-title\">\n        Previous<span class=\"govuk-visually-hidden\"> page</span>\n      </span>\n    </a>\n  </div>\n  <ul class=\"govuk-pagination__list\">\n    <li class=\"govuk-pagination__item\">\n      <a class=\"govuk-link govuk-pagination__link\" href=\"/page/1\" aria-label=\"Page 1\">\n        1\n      </a>\n    </li>\n    <li class=\"govuk-pagination__item govuk-pagination__item--current\">\n      <a class=\"govuk-link govuk-pagination__link\" href=\"/page/2\" aria-label=\"Page 2\" aria-current=\"page\">\n        2\n      </a>\n    </li>\n    <li class=\"govuk-pagination__item\">\n      <a class=\"govuk-link govuk-pagination__link\" href=\"/page/3\" aria-label=\"Page 3\">\n        3\n      </a>\n    </li>\n  </ul>\n  <div class=\"govuk-pagination__next\">\n    <a class=\"govuk-link govuk-pagination__link\" href=\"/next\" rel=\"next\">\n      <span class=\"govuk-pagination__link-title\">\n        Next<span class=\"govuk-visually-hidden\"> page</span>\n      </span>\n      <svg class=\"govuk-pagination__icon govuk-pagination__icon--next\" xmlns=\"http://www.w3.org/2000/svg\" height=\"13\" width=\"15\" aria-hidden=\"true\" focusable=\"false\" viewBox=\"0 0 15 13\">\n        <path d=\"m8.107-0.0078125-1.4136 1.414 4.2926 4.293h-12.986v2h12.896l-4.1855 3.9766 1.377 1.4492 6.7441-6.4062-6.7246-6.7266z\"></path>\n      </svg>\n    </a>\n  </div>\n</nav>"
+        },
+        {
+            "name": "with custom navigation landmark",
+            "options": {
+                "previous": {
+                    "href": "/previous"
+                },
+                "next": {
+                    "href": "/next"
+                },
+                "landmarkLabel": "search",
+                "items": [
+                    {
+                        "number": 1,
+                        "href": "/page/1"
+                    },
+                    {
+                        "number": 2,
+                        "href": "/page/2",
+                        "current": true
+                    },
+                    {
+                        "number": 3,
+                        "href": "/page/3"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<nav class=\"govuk-pagination\" aria-label=\"search\">\n  <div class=\"govuk-pagination__prev\">\n    <a class=\"govuk-link govuk-pagination__link\" href=\"/previous\" rel=\"prev\">\n      <svg class=\"govuk-pagination__icon govuk-pagination__icon--prev\" xmlns=\"http://www.w3.org/2000/svg\" height=\"13\" width=\"15\" aria-hidden=\"true\" focusable=\"false\" viewBox=\"0 0 15 13\">\n        <path d=\"m6.5938-0.0078125-6.7266 6.7266 6.7441 6.4062 1.377-1.449-4.1856-3.9768h12.896v-2h-12.984l4.2931-4.293-1.414-1.414z\"></path>\n      </svg>\n      <span class=\"govuk-pagination__link-title\">\n        Previous<span class=\"govuk-visually-hidden\"> page</span>\n      </span>\n    </a>\n  </div>\n  <ul class=\"govuk-pagination__list\">\n    <li class=\"govuk-pagination__item\">\n      <a class=\"govuk-link govuk-pagination__link\" href=\"/page/1\" aria-label=\"Page 1\">\n        1\n      </a>\n    </li>\n    <li class=\"govuk-pagination__item govuk-pagination__item--current\">\n      <a class=\"govuk-link govuk-pagination__link\" href=\"/page/2\" aria-label=\"Page 2\" aria-current=\"page\">\n        2\n      </a>\n    </li>\n    <li class=\"govuk-pagination__item\">\n      <a class=\"govuk-link govuk-pagination__link\" href=\"/page/3\" aria-label=\"Page 3\">\n        3\n      </a>\n    </li>\n  </ul>\n  <div class=\"govuk-pagination__next\">\n    <a class=\"govuk-link govuk-pagination__link\" href=\"/next\" rel=\"next\">\n      <span class=\"govuk-pagination__link-title\">\n        Next<span class=\"govuk-visually-hidden\"> page</span>\n      </span>\n      <svg class=\"govuk-pagination__icon govuk-pagination__icon--next\" xmlns=\"http://www.w3.org/2000/svg\" height=\"13\" width=\"15\" aria-hidden=\"true\" focusable=\"false\" viewBox=\"0 0 15 13\">\n        <path d=\"m8.107-0.0078125-1.4136 1.414 4.2926 4.293h-12.986v2h12.896l-4.1855 3.9766 1.377 1.4492 6.7441-6.4062-6.7246-6.7266z\"></path>\n      </svg>\n    </a>\n  </div>\n</nav>"
+        },
+        {
+            "name": "with custom accessible labels on item links",
+            "options": {
+                "previous": {
+                    "href": "/previous"
+                },
+                "next": {
+                    "href": "/next"
+                },
+                "items": [
+                    {
+                        "number": 1,
+                        "href": "/page/1",
+                        "visuallyHiddenText": "1st page"
+                    },
+                    {
+                        "number": 2,
+                        "href": "/page/2",
+                        "current": true,
+                        "visuallyHiddenText": "2nd page (you are currently on this page)"
+                    },
+                    {
+                        "number": 3,
+                        "href": "/page/3",
+                        "visuallyHiddenText": "3rd page"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<nav class=\"govuk-pagination\" aria-label=\"Pagination\">\n  <div class=\"govuk-pagination__prev\">\n    <a class=\"govuk-link govuk-pagination__link\" href=\"/previous\" rel=\"prev\">\n      <svg class=\"govuk-pagination__icon govuk-pagination__icon--prev\" xmlns=\"http://www.w3.org/2000/svg\" height=\"13\" width=\"15\" aria-hidden=\"true\" focusable=\"false\" viewBox=\"0 0 15 13\">\n        <path d=\"m6.5938-0.0078125-6.7266 6.7266 6.7441 6.4062 1.377-1.449-4.1856-3.9768h12.896v-2h-12.984l4.2931-4.293-1.414-1.414z\"></path>\n      </svg>\n      <span class=\"govuk-pagination__link-title\">\n        Previous<span class=\"govuk-visually-hidden\"> page</span>\n      </span>\n    </a>\n  </div>\n  <ul class=\"govuk-pagination__list\">\n    <li class=\"govuk-pagination__item\">\n      <a class=\"govuk-link govuk-pagination__link\" href=\"/page/1\" aria-label=\"1st page\">\n        1\n      </a>\n    </li>\n    <li class=\"govuk-pagination__item govuk-pagination__item--current\">\n      <a class=\"govuk-link govuk-pagination__link\" href=\"/page/2\" aria-label=\"2nd page (you are currently on this page)\" aria-current=\"page\">\n        2\n      </a>\n    </li>\n    <li class=\"govuk-pagination__item\">\n      <a class=\"govuk-link govuk-pagination__link\" href=\"/page/3\" aria-label=\"3rd page\">\n        3\n      </a>\n    </li>\n  </ul>\n  <div class=\"govuk-pagination__next\">\n    <a class=\"govuk-link govuk-pagination__link\" href=\"/next\" rel=\"next\">\n      <span class=\"govuk-pagination__link-title\">\n        Next<span class=\"govuk-visually-hidden\"> page</span>\n      </span>\n      <svg class=\"govuk-pagination__icon govuk-pagination__icon--next\" xmlns=\"http://www.w3.org/2000/svg\" height=\"13\" width=\"15\" aria-hidden=\"true\" focusable=\"false\" viewBox=\"0 0 15 13\">\n        <path d=\"m8.107-0.0078125-1.4136 1.414 4.2926 4.293h-12.986v2h12.896l-4.1855 3.9766 1.377 1.4492 6.7441-6.4062-6.7246-6.7266z\"></path>\n      </svg>\n    </a>\n  </div>\n</nav>"
+        }
+    ]
+}
diff --git a/app/templates/govuk/components/pagination/macro-options.json b/app/templates/govuk/components/pagination/macro-options.json
new file mode 100644
index 0000000..f8a46b6
--- /dev/null
+++ b/app/templates/govuk/components/pagination/macro-options.json
@@ -0,0 +1,140 @@
+[
+    {
+        "name": "items",
+        "type": "array",
+        "required": false,
+        "description": "The items within the pagination component.",
+        "params": [
+            {
+                "name": "number",
+                "type": "string",
+                "required": false,
+                "description": "The pagination item text – usually a page number.  Required unless the item is an ellipsis."
+            },
+            {
+                "name": "visuallyHiddenText",
+                "type": "string",
+                "required": false,
+                "description": "The visually hidden label for the pagination item, which will be applied to an `aria-label` and announced by screen readers on the pagination item link. Should include page number. Defaults to, for example \"Page 1\"."
+            },
+            {
+                "name": "href",
+                "type": "string",
+                "required": false,
+                "description": "The link's URL. Required unless the item is an ellipsis."
+            },
+            {
+                "name": "current",
+                "type": "boolean",
+                "required": false,
+                "description": "Set to `true` to indicate the current page the user is on."
+            },
+            {
+                "name": "ellipsis",
+                "type": "boolean",
+                "required": false,
+                "description": "Use this option if you want to specify an ellipsis at a given point between numbers. If you set this option as `true`, any other options for the item are ignored."
+            },
+            {
+                "name": "attributes",
+                "type": "object",
+                "required": false,
+                "description": "The HTML attributes (for example, data attributes) you want to add to the anchor."
+            }
+        ]
+    },
+    {
+        "name": "previous",
+        "type": "object",
+        "required": false,
+        "description": "A link to the previous page, if there is a previous page.",
+        "params": [
+            {
+                "name": "text",
+                "type": "string",
+                "required": false,
+                "description": "The text content of the link to the previous page. Defaults to `\"Previous page\"`, with 'page' being visually hidden. If `html` is provided, the `text` option will be ignored."
+            },
+            {
+                "name": "html",
+                "type": "string",
+                "required": false,
+                "description": "The HTML content of the link to the previous page. Defaults to `\"Previous page\"`, with 'page' being visually hidden. If `html` is provided, the `text` option will be ignored."
+            },
+            {
+                "name": "labelText",
+                "type": "string",
+                "required": false,
+                "description": "The optional label that goes underneath the link to the previous page, providing further context for the user about where the link goes."
+            },
+            {
+                "name": "href",
+                "type": "string",
+                "required": true,
+                "description": "The previous page's URL."
+            },
+            {
+                "name": "attributes",
+                "type": "object",
+                "required": false,
+                "description": "The HTML attributes (for example, data attributes) you want to add to the anchor."
+            }
+        ]
+    },
+    {
+        "name": "next",
+        "type": "object",
+        "required": false,
+        "description": "A link to the next page, if there is a next page.",
+        "params": [
+            {
+                "name": "text",
+                "type": "string",
+                "required": false,
+                "description": "The text content of the link to the next page. Defaults to `\"Next page\"`, with 'page' being visually hidden. If `html` is provided, the `text` option will be ignored."
+            },
+            {
+                "name": "html",
+                "type": "string",
+                "required": false,
+                "description": "The HTML content of the link to the next page. Defaults to `\"Next page\"`, with 'page' being visually hidden. If `html` is provided, the `text` option will be ignored."
+            },
+            {
+                "name": "labelText",
+                "type": "string",
+                "required": false,
+                "description": "The optional label that goes underneath the link to the next page, providing further context for the user about where the link goes."
+            },
+            {
+                "name": "href",
+                "type": "string",
+                "required": true,
+                "description": "The next page's URL."
+            },
+            {
+                "name": "attributes",
+                "type": "object",
+                "required": false,
+                "description": "The HTML attributes (for example, data attributes) you want to add to the anchor."
+            }
+        ]
+    },
+    {
+        "name": "landmarkLabel",
+        "type": "string",
+        "required": false,
+        "description": "The label for the navigation landmark that wraps the pagination. Defaults to `\"Pagination\"`."
+    },
+    {
+        "name": "classes",
+        "type": "string",
+        "required": false,
+        "description": "The classes you want to add to the pagination `nav` parent."
+    },
+    {
+        "name": "attributes",
+        "type": "object",
+        "required": false,
+        "description": "The HTML attributes (for example, data attributes) you want to add to the pagination `nav` parent."
+    }
+]
diff --git a/app/templates/govuk/components/pagination/macro.njk b/app/templates/govuk/components/pagination/macro.njk
new file mode 100644
index 0000000..66773fe
--- /dev/null
+++ b/app/templates/govuk/components/pagination/macro.njk
@@ -0,0 +1,3 @@
+{% macro govukPagination(params) %}
+  {%- include "./template.njk" -%}
+{% endmacro %}
diff --git a/app/templates/govuk/components/pagination/template-default.html b/app/templates/govuk/components/pagination/template-default.html
new file mode 100644
index 0000000..ab65353
--- /dev/null
+++ b/app/templates/govuk/components/pagination/template-default.html
@@ -0,0 +1,39 @@
+<nav class="govuk-pagination" aria-label="Pagination">
+  <div class="govuk-pagination__prev">
+    <a class="govuk-link govuk-pagination__link" href="/previous" rel="prev">
+      <svg class="govuk-pagination__icon govuk-pagination__icon--prev" xmlns="http://www.w3.org/2000/svg" height="13" width="15" aria-hidden="true" focusable="false" viewBox="0 0 15 13">
+        <path d="m6.5938-0.0078125-6.7266 6.7266 6.7441 6.4062 1.377-1.449-4.1856-3.9768h12.896v-2h-12.984l4.2931-4.293-1.414-1.414z"></path>
+      </svg>
+      <span class="govuk-pagination__link-title">
+        Previous<span class="govuk-visually-hidden"> page</span>
+      </span>
+    </a>
+  </div>
+  <ul class="govuk-pagination__list">
+    <li class="govuk-pagination__item">
+      <a class="govuk-link govuk-pagination__link" href="/page/1" aria-label="Page 1">
+        1
+      </a>
+    </li>
+    <li class="govuk-pagination__item govuk-pagination__item--current">
+      <a class="govuk-link govuk-pagination__link" href="/page/2" aria-label="Page 2" aria-current="page">
+        2
+      </a>
+    </li>
+    <li class="govuk-pagination__item">
+      <a class="govuk-link govuk-pagination__link" href="/page/3" aria-label="Page 3">
+        3
+      </a>
+    </li>
+  </ul>
+  <div class="govuk-pagination__next">
+    <a class="govuk-link govuk-pagination__link" href="/next" rel="next">
+      <span class="govuk-pagination__link-title">
+        Next<span class="govuk-visually-hidden"> page</span>
+      </span>
+      <svg class="govuk-pagination__icon govuk-pagination__icon--next" xmlns="http://www.w3.org/2000/svg" height="13" width="15" aria-hidden="true" focusable="false" viewBox="0 0 15 13">
+        <path d="m8.107-0.0078125-1.4136 1.414 4.2926 4.293h-12.986v2h12.896l-4.1855 3.9766 1.377 1.4492 6.7441-6.4062-6.7246-6.7266z"></path>
+      </svg>
+    </a>
+  </div>
+</nav>
diff --git a/app/templates/govuk/components/pagination/template-first-page.html b/app/templates/govuk/components/pagination/template-first-page.html
new file mode 100644
index 0000000..9c6e623
--- /dev/null
+++ b/app/templates/govuk/components/pagination/template-first-page.html
@@ -0,0 +1,29 @@
+<nav class="govuk-pagination" aria-label="Pagination">
+  <ul class="govuk-pagination__list">
+    <li class="govuk-pagination__item govuk-pagination__item--current">
+      <a class="govuk-link govuk-pagination__link" href="/page/1" aria-label="Page 1" aria-current="page">
+        1
+      </a>
+    </li>
+    <li class="govuk-pagination__item">
+      <a class="govuk-link govuk-pagination__link" href="/page/2" aria-label="Page 2">
+        2
+      </a>
+    </li>
+    <li class="govuk-pagination__item">
+      <a class="govuk-link govuk-pagination__link" href="/page/3" aria-label="Page 3">
+        3
+      </a>
+    </li>
+  </ul>
+  <div class="govuk-pagination__next">
+    <a class="govuk-link govuk-pagination__link" href="/next" rel="next">
+      <span class="govuk-pagination__link-title">
+        Next<span class="govuk-visually-hidden"> page</span>
+      </span>
+      <svg class="govuk-pagination__icon govuk-pagination__icon--next" xmlns="http://www.w3.org/2000/svg" height="13" width="15" aria-hidden="true" focusable="false" viewBox="0 0 15 13">
+        <path d="m8.107-0.0078125-1.4136 1.414 4.2926 4.293h-12.986v2h12.896l-4.1855 3.9766 1.377 1.4492 6.7441-6.4062-6.7246-6.7266z"></path>
+      </svg>
+    </a>
+  </div>
+</nav>
diff --git a/app/templates/govuk/components/pagination/template-last-page.html b/app/templates/govuk/components/pagination/template-last-page.html
new file mode 100644
index 0000000..c457fd4
--- /dev/null
+++ b/app/templates/govuk/components/pagination/template-last-page.html
@@ -0,0 +1,29 @@
+<nav class="govuk-pagination" aria-label="Pagination">
+  <div class="govuk-pagination__prev">
+    <a class="govuk-link govuk-pagination__link" href="/previous" rel="prev">
+      <svg class="govuk-pagination__icon govuk-pagination__icon--prev" xmlns="http://www.w3.org/2000/svg" height="13" width="15" aria-hidden="true" focusable="false" viewBox="0 0 15 13">
+        <path d="m6.5938-0.0078125-6.7266 6.7266 6.7441 6.4062 1.377-1.449-4.1856-3.9768h12.896v-2h-12.984l4.2931-4.293-1.414-1.414z"></path>
+      </svg>
+      <span class="govuk-pagination__link-title">
+        Previous<span class="govuk-visually-hidden"> page</span>
+      </span>
+    </a>
+  </div>
+  <ul class="govuk-pagination__list">
+    <li class="govuk-pagination__item">
+      <a class="govuk-link govuk-pagination__link" href="/page/1" aria-label="Page 1">
+        1
+      </a>
+    </li>
+    <li class="govuk-pagination__item">
+      <a class="govuk-link govuk-pagination__link" href="/page/2" aria-label="Page 2">
+        2
+      </a>
+    </li>
+    <li class="govuk-pagination__item govuk-pagination__item--current">
+      <a class="govuk-link govuk-pagination__link" href="/page/3" aria-label="Page 3" aria-current="page">
+        3
+      </a>
+    </li>
+  </ul>
+</nav>
diff --git a/app/templates/govuk/components/pagination/template-with-custom-link-and-item-text.html b/app/templates/govuk/components/pagination/template-with-custom-link-and-item-text.html
new file mode 100644
index 0000000..daa1fee
--- /dev/null
+++ b/app/templates/govuk/components/pagination/template-with-custom-link-and-item-text.html
@@ -0,0 +1,39 @@
+<nav class="govuk-pagination" aria-label="Pagination">
+  <div class="govuk-pagination__prev">
+    <a class="govuk-link govuk-pagination__link" href="/previous" rel="prev">
+      <svg class="govuk-pagination__icon govuk-pagination__icon--prev" xmlns="http://www.w3.org/2000/svg" height="13" width="15" aria-hidden="true" focusable="false" viewBox="0 0 15 13">
+        <path d="m6.5938-0.0078125-6.7266 6.7266 6.7441 6.4062 1.377-1.449-4.1856-3.9768h12.896v-2h-12.984l4.2931-4.293-1.414-1.414z"></path>
+      </svg>
+      <span class="govuk-pagination__link-title">
+        Previous page
+      </span>
+    </a>
+  </div>
+  <ul class="govuk-pagination__list">
+    <li class="govuk-pagination__item">
+      <a class="govuk-link govuk-pagination__link" href="/page/1" aria-label="Page one">
+        one
+      </a>
+    </li>
+    <li class="govuk-pagination__item govuk-pagination__item--current">
+      <a class="govuk-link govuk-pagination__link" href="/page/2" aria-label="Page two" aria-current="page">
+        two
+      </a>
+    </li>
+    <li class="govuk-pagination__item">
+      <a class="govuk-link govuk-pagination__link" href="/page/3" aria-label="Page three">
+        three
+      </a>
+    </li>
+  </ul>
+  <div class="govuk-pagination__next">
+    <a class="govuk-link govuk-pagination__link" href="/next" rel="next">
+      <span class="govuk-pagination__link-title">
+        Next page
+      </span>
+      <svg class="govuk-pagination__icon govuk-pagination__icon--next" xmlns="http://www.w3.org/2000/svg" height="13" width="15" aria-hidden="true" focusable="false" viewBox="0 0 15 13">
+        <path d="m8.107-0.0078125-1.4136 1.414 4.2926 4.293h-12.986v2h12.896l-4.1855 3.9766 1.377 1.4492 6.7441-6.4062-6.7246-6.7266z"></path>
+      </svg>
+    </a>
+  </div>
+</nav>
diff --git a/app/templates/govuk/components/pagination/template-with-many-pages.html b/app/templates/govuk/components/pagination/template-with-many-pages.html
new file mode 100644
index 0000000..10bddf9
--- /dev/null
+++ b/app/templates/govuk/components/pagination/template-with-many-pages.html
@@ -0,0 +1,65 @@
+<nav class="govuk-pagination" aria-label="Pagination">
+  <div class="govuk-pagination__prev">
+    <a class="govuk-link govuk-pagination__link" href="/previous" rel="prev">
+      <svg class="govuk-pagination__icon govuk-pagination__icon--prev" xmlns="http://www.w3.org/2000/svg" height="13" width="15" aria-hidden="true" focusable="false" viewBox="0 0 15 13">
+        <path d="m6.5938-0.0078125-6.7266 6.7266 6.7441 6.4062 1.377-1.449-4.1856-3.9768h12.896v-2h-12.984l4.2931-4.293-1.414-1.414z"></path>
+      </svg>
+      <span class="govuk-pagination__link-title">
+        Previous<span class="govuk-visually-hidden"> page</span>
+      </span>
+    </a>
+  </div>
+  <ul class="govuk-pagination__list">
+    <li class="govuk-pagination__item">
+      <a class="govuk-link govuk-pagination__link" href="/page/1" aria-label="Page 1">
+        1
+      </a>
+    </li>
+    <li class="govuk-pagination__item govuk-pagination__item--ellipses">
+      &ctdot;
+    </li>
+    <li class="govuk-pagination__item">
+      <a class="govuk-link govuk-pagination__link" href="/page/8" aria-label="Page 8">
+        8
+      </a>
+    </li>
+    <li class="govuk-pagination__item">
+      <a class="govuk-link govuk-pagination__link" href="/page/9" aria-label="Page 9">
+        9
+      </a>
+    </li>
+    <li class="govuk-pagination__item govuk-pagination__item--current">
+      <a class="govuk-link govuk-pagination__link" href="/page/10" aria-label="Page 10" aria-current="page">
+        10
+      </a>
+    </li>
+    <li class="govuk-pagination__item">
+      <a class="govuk-link govuk-pagination__link" href="/page/11" aria-label="Page 11">
+        11
+      </a>
+    </li>
+    <li class="govuk-pagination__item">
+      <a class="govuk-link govuk-pagination__link" href="/page/12" aria-label="Page 12">
+        12
+      </a>
+    </li>
+    <li class="govuk-pagination__item govuk-pagination__item--ellipses">
+      &ctdot;
+    </li>
+    <li class="govuk-pagination__item">
+      <a class="govuk-link govuk-pagination__link" href="/page/40" aria-label="Page 40">
+        40
+      </a>
+    </li>
+  </ul>
+  <div class="govuk-pagination__next">
+    <a class="govuk-link govuk-pagination__link" href="/next" rel="next">
+      <span class="govuk-pagination__link-title">
+        Next<span class="govuk-visually-hidden"> page</span>
+      </span>
+      <svg class="govuk-pagination__icon govuk-pagination__icon--next" xmlns="http://www.w3.org/2000/svg" height="13" width="15" aria-hidden="true" focusable="false" viewBox="0 0 15 13">
+        <path d="m8.107-0.0078125-1.4136 1.414 4.2926 4.293h-12.986v2h12.896l-4.1855 3.9766 1.377 1.4492 6.7441-6.4062-6.7246-6.7266z"></path>
+      </svg>
+    </a>
+  </div>
+</nav>
diff --git a/app/templates/govuk/components/pagination/template-with-next-only.html b/app/templates/govuk/components/pagination/template-with-next-only.html
new file mode 100644
index 0000000..378b11e
--- /dev/null
+++ b/app/templates/govuk/components/pagination/template-with-next-only.html
@@ -0,0 +1,12 @@
+<nav class="govuk-pagination govuk-pagination--block" aria-label="Pagination">
+  <div class="govuk-pagination__next">
+    <a class="govuk-link govuk-pagination__link" href="/next" rel="next">
+      <svg class="govuk-pagination__icon govuk-pagination__icon--next" xmlns="http://www.w3.org/2000/svg" height="13" width="15" aria-hidden="true" focusable="false" viewBox="0 0 15 13">
+        <path d="m8.107-0.0078125-1.4136 1.414 4.2926 4.293h-12.986v2h12.896l-4.1855 3.9766 1.377 1.4492 6.7441-6.4062-6.7246-6.7266z"></path>
+      </svg>
+      <span class="govuk-pagination__link-title govuk-pagination__link-title--decorated">
+        Next<span class="govuk-visually-hidden"> page</span>
+      </span>
+    </a>
+  </div>
+</nav>
diff --git a/app/templates/govuk/components/pagination/template-with-prev-and-next-only-and-labels.html b/app/templates/govuk/components/pagination/template-with-prev-and-next-only-and-labels.html
new file mode 100644
index 0000000..ca2552c
--- /dev/null
+++ b/app/templates/govuk/components/pagination/template-with-prev-and-next-only-and-labels.html
@@ -0,0 +1,26 @@
+<nav class="govuk-pagination govuk-pagination--block" aria-label="Pagination">
+  <div class="govuk-pagination__prev">
+    <a class="govuk-link govuk-pagination__link" href="/previous" rel="prev">
+      <svg class="govuk-pagination__icon govuk-pagination__icon--prev" xmlns="http://www.w3.org/2000/svg" height="13" width="15" aria-hidden="true" focusable="false" viewBox="0 0 15 13">
+        <path d="m6.5938-0.0078125-6.7266 6.7266 6.7441 6.4062 1.377-1.449-4.1856-3.9768h12.896v-2h-12.984l4.2931-4.293-1.414-1.414z"></path>
+      </svg>
+      <span class="govuk-pagination__link-title">
+        Previous page
+      </span>
+      <span class="govuk-visually-hidden">:</span>
+      <span class="govuk-pagination__link-label">Paying VAT and duty</span>
+    </a>
+  </div>
+  <div class="govuk-pagination__next">
+    <a class="govuk-link govuk-pagination__link" href="/next" rel="next">
+      <svg class="govuk-pagination__icon govuk-pagination__icon--next" xmlns="http://www.w3.org/2000/svg" height="13" width="15" aria-hidden="true" focusable="false" viewBox="0 0 15 13">
+        <path d="m8.107-0.0078125-1.4136 1.414 4.2926 4.293h-12.986v2h12.896l-4.1855 3.9766 1.377 1.4492 6.7441-6.4062-6.7246-6.7266z"></path>
+      </svg>
+      <span class="govuk-pagination__link-title">
+        Next page
+      </span>
+      <span class="govuk-visually-hidden">:</span>
+      <span class="govuk-pagination__link-label">Registering an imported vehicle</span>
+    </a>
+  </div>
+</nav>
diff --git a/app/templates/govuk/components/pagination/template-with-prev-and-next-only-and-very-long-labels.html b/app/templates/govuk/components/pagination/template-with-prev-and-next-only-and-very-long-labels.html
new file mode 100644
index 0000000..c973e08
--- /dev/null
+++ b/app/templates/govuk/components/pagination/template-with-prev-and-next-only-and-very-long-labels.html
@@ -0,0 +1,26 @@
+<nav class="govuk-pagination govuk-pagination--block" aria-label="Pagination">
+  <div class="govuk-pagination__prev">
+    <a class="govuk-link govuk-pagination__link" href="/previous" rel="prev">
+      <svg class="govuk-pagination__icon govuk-pagination__icon--prev" xmlns="http://www.w3.org/2000/svg" height="13" width="15" aria-hidden="true" focusable="false" viewBox="0 0 15 13">
+        <path d="m6.5938-0.0078125-6.7266 6.7266 6.7441 6.4062 1.377-1.449-4.1856-3.9768h12.896v-2h-12.984l4.2931-4.293-1.414-1.414z"></path>
+      </svg>
+      <span class="govuk-pagination__link-title">
+        Previous page
+      </span>
+      <span class="govuk-visually-hidden">:</span>
+      <span class="govuk-pagination__link-label">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</span>
+    </a>
+  </div>
+  <div class="govuk-pagination__next">
+    <a class="govuk-link govuk-pagination__link" href="/next" rel="next">
+      <svg class="govuk-pagination__icon govuk-pagination__icon--next" xmlns="http://www.w3.org/2000/svg" height="13" width="15" aria-hidden="true" focusable="false" viewBox="0 0 15 13">
+        <path d="m8.107-0.0078125-1.4136 1.414 4.2926 4.293h-12.986v2h12.896l-4.1855 3.9766 1.377 1.4492 6.7441-6.4062-6.7246-6.7266z"></path>
+      </svg>
+      <span class="govuk-pagination__link-title">
+        Next page
+      </span>
+      <span class="govuk-visually-hidden">:</span>
+      <span class="govuk-pagination__link-label">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</span>
+    </a>
+  </div>
+</nav>
diff --git a/app/templates/govuk/components/pagination/template-with-prev-and-next-only.html b/app/templates/govuk/components/pagination/template-with-prev-and-next-only.html
new file mode 100644
index 0000000..fcb3ec2
--- /dev/null
+++ b/app/templates/govuk/components/pagination/template-with-prev-and-next-only.html
@@ -0,0 +1,22 @@
+<nav class="govuk-pagination govuk-pagination--block" aria-label="Pagination">
+  <div class="govuk-pagination__prev">
+    <a class="govuk-link govuk-pagination__link" href="/previous" rel="prev">
+      <svg class="govuk-pagination__icon govuk-pagination__icon--prev" xmlns="http://www.w3.org/2000/svg" height="13" width="15" aria-hidden="true" focusable="false" viewBox="0 0 15 13">
+        <path d="m6.5938-0.0078125-6.7266 6.7266 6.7441 6.4062 1.377-1.449-4.1856-3.9768h12.896v-2h-12.984l4.2931-4.293-1.414-1.414z"></path>
+      </svg>
+      <span class="govuk-pagination__link-title govuk-pagination__link-title--decorated">
+        Previous<span class="govuk-visually-hidden"> page</span>
+      </span>
+    </a>
+  </div>
+  <div class="govuk-pagination__next">
+    <a class="govuk-link govuk-pagination__link" href="/next" rel="next">
+      <svg class="govuk-pagination__icon govuk-pagination__icon--next" xmlns="http://www.w3.org/2000/svg" height="13" width="15" aria-hidden="true" focusable="false" viewBox="0 0 15 13">
+        <path d="m8.107-0.0078125-1.4136 1.414 4.2926 4.293h-12.986v2h12.896l-4.1855 3.9766 1.377 1.4492 6.7441-6.4062-6.7246-6.7266z"></path>
+      </svg>
+      <span class="govuk-pagination__link-title govuk-pagination__link-title--decorated">
+        Next<span class="govuk-visually-hidden"> page</span>
+      </span>
+    </a>
+  </div>
+</nav>
diff --git a/app/templates/govuk/components/pagination/template-with-previous-only.html b/app/templates/govuk/components/pagination/template-with-previous-only.html
new file mode 100644
index 0000000..1a3f747
--- /dev/null
+++ b/app/templates/govuk/components/pagination/template-with-previous-only.html
@@ -0,0 +1,12 @@
+<nav class="govuk-pagination govuk-pagination--block" aria-label="Pagination">
+  <div class="govuk-pagination__prev">
+    <a class="govuk-link govuk-pagination__link" href="/previous" rel="prev">
+      <svg class="govuk-pagination__icon govuk-pagination__icon--prev" xmlns="http://www.w3.org/2000/svg" height="13" width="15" aria-hidden="true" focusable="false" viewBox="0 0 15 13">
+        <path d="m6.5938-0.0078125-6.7266 6.7266 6.7441 6.4062 1.377-1.449-4.1856-3.9768h12.896v-2h-12.984l4.2931-4.293-1.414-1.414z"></path>
+      </svg>
+      <span class="govuk-pagination__link-title govuk-pagination__link-title--decorated">
+        Previous<span class="govuk-visually-hidden"> page</span>
+      </span>
+    </a>
+  </div>
+</nav>
diff --git a/app/templates/govuk/components/pagination/template.njk b/app/templates/govuk/components/pagination/template.njk
new file mode 100644
index 0000000..5765c1c
--- /dev/null
+++ b/app/templates/govuk/components/pagination/template.njk
@@ -0,0 +1,85 @@
+{% from "../../macros/attributes.njk" import govukAttributes -%}
+
+{% set blockLevel = not params.items and (params.next or params.previous) -%}
+
+{%- set arrowPrevious -%}
+  <svg class="govuk-pagination__icon govuk-pagination__icon--prev" xmlns="http://www.w3.org/2000/svg" height="13" width="15" aria-hidden="true" focusable="false" viewBox="0 0 15 13">
+    <path d="m6.5938-0.0078125-6.7266 6.7266 6.7441 6.4062 1.377-1.449-4.1856-3.9768h12.896v-2h-12.984l4.2931-4.293-1.414-1.414z"></path>
+  </svg>
+{%- endset -%}
+
+{%- set arrowNext -%}
+  <svg class="govuk-pagination__icon govuk-pagination__icon--next" xmlns="http://www.w3.org/2000/svg" height="13" width="15" aria-hidden="true" focusable="false" viewBox="0 0 15 13">
+    <path d="m8.107-0.0078125-1.4136 1.414 4.2926 4.293h-12.986v2h12.896l-4.1855 3.9766 1.377 1.4492 6.7441-6.4062-6.7246-6.7266z"></path>
+  </svg>
+{%- endset -%}
+
+{%- macro _arrowLink(link, type = "next") %}
+  {% set arrowType = arrowPrevious if type == "prev" else arrowNext %}
+  <div class="govuk-pagination__{{ type }}">
+    <a class="govuk-link govuk-pagination__link" href="{{ link.href }}" rel="{{ type }}"
+      {{- govukAttributes(link.attributes) }}>
+      {% if blockLevel or type == "prev" %}
+        {{- arrowType | safe | indent(4, true) }}
+      {% endif %}
+      <span class="govuk-pagination__link-title {%- if blockLevel and not link.labelText %} govuk-pagination__link-title--decorated{% endif %}">
+        {{ caller() | safe | trim }}
+      </span>
+      {% if link.labelText and blockLevel %}
+      <span class="govuk-visually-hidden">:</span>
+      <span class="govuk-pagination__link-label">{{ link.labelText }}</span>
+      {% endif %}
+      {% if not blockLevel and type == "next" %}
+        {{- arrowType | safe | indent(4, true) }}
+      {% endif %}
+    </a>
+  </div>
+{% endmacro -%}
+
+{%- macro _pageItem(item) -%}
+  <li class="govuk-pagination__item {%- if item.current %} govuk-pagination__item--current{% endif %} {%- if item.ellipsis %} govuk-pagination__item--ellipses{% endif %}">
+  {% if item.ellipsis %}
+    &ctdot;
+  {% else %}
+    <a class="govuk-link govuk-pagination__link" href="{{ item.href }}" aria-label="{{ item.visuallyHiddenText | default("Page " + item.number) }}"
+      {%- if item.current %} aria-current="page"{% endif %}
+      {{- govukAttributes(item.attributes) }}>
+      {{ item.number }}
+    </a>
+  {% endif %}
+  </li>
+{%- endmacro -%}
+
+<nav class="govuk-pagination {%- if blockLevel %} govuk-pagination--block{% endif %} {%- if params.classes %} {{ params.classes }}{% endif %}" aria-label="{{ params.landmarkLabel | default("Pagination", true) }}"
+  {{- govukAttributes(params.attributes) }}>
+  {% set previous = params.previous %}
+  {% set next = params.next %}
+
+  {%- if previous and previous.href %}
+    {% call _arrowLink(previous, "prev") %}
+      {% if previous.html or previous.text %}
+        {{ previous.html | safe | trim | indent(8) if previous.html else previous.text }}
+      {% else %}
+        Previous<span class="govuk-visually-hidden"> page</span>
+      {% endif %}
+    {% endcall %}
+  {%- endif %}
+
+  {%- if params.items %}
+  <ul class="govuk-pagination__list">
+  {% for item in params.items %}
+    {{ _pageItem(item) | indent(2) }}
+  {% endfor %}
+  </ul>
+  {% endif %}
+
+  {%- if next and next.href %}
+    {% call _arrowLink(next, "next") %}
+      {% if next.html or next.text %}
+        {{ next.html | safe | trim | indent(8) if next.html else next.text }}
+      {% else %}
+        Next<span class="govuk-visually-hidden"> page</span>
+      {% endif %}
+    {% endcall %}
+  {% endif %}
+</nav>
diff --git a/app/templates/govuk/components/panel/README.md b/app/templates/govuk/components/panel/README.md
new file mode 100644
index 0000000..c959087
--- /dev/null
+++ b/app/templates/govuk/components/panel/README.md
@@ -0,0 +1,15 @@
+# Panel
+
+## Installation
+
+See the [main README quick start guide](https://github.com/alphagov/govuk-frontend#quick-start) for how to install this component.
+
+## Guidance and Examples
+
+Find out when to use the panel component in your service in the [GOV.UK Design System](https://design-system.service.gov.uk/components/panel).
+
+## Component options
+
+Use options to customise the appearance, content and behaviour of a component when using a macro, for example, changing the text.
+
+See [options table](https://design-system.service.gov.uk/components/panel/#options-panel-example) for details.
diff --git a/app/templates/govuk/components/panel/_index.scss b/app/templates/govuk/components/panel/_index.scss
new file mode 100644
index 0000000..d24833e
--- /dev/null
+++ b/app/templates/govuk/components/panel/_index.scss
@@ -0,0 +1,58 @@
+@include govuk-exports("govuk/component/panel") {
+  .govuk-panel {
+    @include govuk-font($size: 36);
+
+    box-sizing: border-box;
+
+    margin-bottom: govuk-spacing(3);
+    padding: govuk-spacing(7) - $govuk-border-width;
+
+    border: $govuk-border-width solid transparent;
+
+    text-align: center;
+
+    @include govuk-media-query($until: tablet) {
+      padding: govuk-spacing(if($govuk-new-typography-scale, 4, 3)) - $govuk-border-width;
+
+      // This is an if-all-else-fails attempt to stop long words from
+      // overflowing the container on very narrow viewports by forcing them to
+      // break and wrap instead. This overflowing is more likely to happen when
+      // user increases text size on a mobile eg. using iOS Safari text resize
+      // controls.
+      //
+      // The overflowing is a particular problem with the panel component since
+      // it uses white text: when the text overflows the container, it is
+      // invisible on the white (page) background. When the text in our other
+      // components overflow, the user might have to scroll horizontally to view
+      // it but the the text remains legible.
+      overflow-wrap: break-word;
+
+      // Support IE (autoprefixer doesn't add this as it's not a prefix)
+      word-wrap: break-word;
+    }
+  }
+
+  .govuk-panel--confirmation {
+    color: govuk-colour("white");
+    background: govuk-colour("green");
+
+    @include govuk-media-query($media-type: print) {
+      border-color: currentcolor;
+      color: $govuk-print-text-colour;
+      background: none;
+    }
+  }
+
+  .govuk-panel__title {
+    @include govuk-font-size($size: 48);
+    @include govuk-typography-weight-bold;
+    margin-top: 0;
+    margin-bottom: govuk-spacing(6);
+  }
+
+  .govuk-panel__title:last-child {
+    margin-bottom: 0;
+  }
+}
+
+/*# sourceMappingURL=_index.scss.map */
diff --git a/app/templates/govuk/components/panel/_index.scss.map b/app/templates/govuk/components/panel/_index.scss.map
new file mode 100644
index 0000000..f99e9ef
--- /dev/null
+++ b/app/templates/govuk/components/panel/_index.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/panel/_index.scss"],"names":[],"mappings":"AAAA;EACE;IACE,8BAA8B;;IAE9B,sBAAsB;;IAEtB,+BAA+B;IAC/B,+CAA+C;;IAE/C,6CAA6C;;IAE7C,kBAAkB;;IAElB;MACE,mFAAmF;;MAEnF,8DAA8D;MAC9D,uEAAuE;MACvE,wEAAwE;MACxE,uEAAuE;MACvE,WAAW;MACX,CAAC;MACD,wEAAwE;MACxE,kEAAkE;MAClE,sEAAsE;MACtE,yEAAyE;MACzE,sCAAsC;MACtC,yBAAyB;;MAEzB,iEAAiE;MACjE,qBAAqB;IACvB;EACF;;EAEA;IACE,4BAA4B;IAC5B,iCAAiC;;IAEjC;MACE,0BAA0B;MAC1B,+BAA+B;MAC/B,gBAAgB;IAClB;EACF;;EAEA;IACE,mCAAmC;IACnC,qCAAqC;IACrC,aAAa;IACb,+BAA+B;EACjC;;EAEA;IACE,gBAAgB;EAClB;AACF","file":"_index.scss","sourcesContent":["@include govuk-exports(\"govuk/component/panel\") {\n  .govuk-panel {\n    @include govuk-font($size: 36);\n\n    box-sizing: border-box;\n\n    margin-bottom: govuk-spacing(3);\n    padding: govuk-spacing(7) - $govuk-border-width;\n\n    border: $govuk-border-width solid transparent;\n\n    text-align: center;\n\n    @include govuk-media-query($until: tablet) {\n      padding: govuk-spacing(if($govuk-new-typography-scale, 4, 3)) - $govuk-border-width;\n\n      // This is an if-all-else-fails attempt to stop long words from\n      // overflowing the container on very narrow viewports by forcing them to\n      // break and wrap instead. This overflowing is more likely to happen when\n      // user increases text size on a mobile eg. using iOS Safari text resize\n      // controls.\n      //\n      // The overflowing is a particular problem with the panel component since\n      // it uses white text: when the text overflows the container, it is\n      // invisible on the white (page) background. When the text in our other\n      // components overflow, the user might have to scroll horizontally to view\n      // it but the the text remains legible.\n      overflow-wrap: break-word;\n\n      // Support IE (autoprefixer doesn't add this as it's not a prefix)\n      word-wrap: break-word;\n    }\n  }\n\n  .govuk-panel--confirmation {\n    color: govuk-colour(\"white\");\n    background: govuk-colour(\"green\");\n\n    @include govuk-media-query($media-type: print) {\n      border-color: currentcolor;\n      color: $govuk-print-text-colour;\n      background: none;\n    }\n  }\n\n  .govuk-panel__title {\n    @include govuk-font-size($size: 48);\n    @include govuk-typography-weight-bold;\n    margin-top: 0;\n    margin-bottom: govuk-spacing(6);\n  }\n\n  .govuk-panel__title:last-child {\n    margin-bottom: 0;\n  }\n}\n"]}
diff --git a/app/templates/govuk/components/panel/_panel.scss b/app/templates/govuk/components/panel/_panel.scss
new file mode 100644
index 0000000..ab38dd4
--- /dev/null
+++ b/app/templates/govuk/components/panel/_panel.scss
@@ -0,0 +1,4 @@
+@import "../../base";
+@import "./index";
+
+/*# sourceMappingURL=_panel.scss.map */
diff --git a/app/templates/govuk/components/panel/_panel.scss.map b/app/templates/govuk/components/panel/_panel.scss.map
new file mode 100644
index 0000000..2a0c9d1
--- /dev/null
+++ b/app/templates/govuk/components/panel/_panel.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/panel/_panel.scss"],"names":[],"mappings":"AAAA,oBAAoB;AACpB,iBAAiB","file":"_panel.scss","sourcesContent":["@import \"../../base\";\n@import \"./index\";\n"]}
diff --git a/app/templates/govuk/components/panel/fixtures.json b/app/templates/govuk/components/panel/fixtures.json
new file mode 100644
index 0000000..293de6f
--- /dev/null
+++ b/app/templates/govuk/components/panel/fixtures.json
@@ -0,0 +1,118 @@
+{
+    "component": "panel",
+    "fixtures": [
+        {
+            "name": "default",
+            "options": {
+                "titleHtml": "Application complete",
+                "text": "Your reference number: HDJ2123F"
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": true,
+            "html": "<div class=\"govuk-panel govuk-panel--confirmation\">\n  <h1 class=\"govuk-panel__title\">\n    Application complete\n  </h1>\n  <div class=\"govuk-panel__body\">\n    Your reference number: HDJ2123F\n  </div>\n</div>"
+        },
+        {
+            "name": "title html as text",
+            "options": {
+                "titleText": "Application <strong>not</strong> complete",
+                "text": "Please complete form 1"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-panel govuk-panel--confirmation\">\n  <h1 class=\"govuk-panel__title\">\n    Application &lt;strong&gt;not&lt;/strong&gt; complete\n  </h1>\n  <div class=\"govuk-panel__body\">\n    Please complete form 1\n  </div>\n</div>"
+        },
+        {
+            "name": "title html",
+            "options": {
+                "titleHtml": "Application <strong>not</strong> complete",
+                "html": "Please complete <strong>form 1</strong>"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-panel govuk-panel--confirmation\">\n  <h1 class=\"govuk-panel__title\">\n    Application <strong>not</strong> complete\n  </h1>\n  <div class=\"govuk-panel__body\">\n    Please complete <strong>form 1</strong>\n  </div>\n</div>"
+        },
+        {
+            "name": "body html as text",
+            "options": {
+                "titleText": "Application complete",
+                "text": "Your reference number<br><strong>HDJ2123F</strong>"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-panel govuk-panel--confirmation\">\n  <h1 class=\"govuk-panel__title\">\n    Application complete\n  </h1>\n  <div class=\"govuk-panel__body\">\n    Your reference number&lt;br&gt;&lt;strong&gt;HDJ2123F&lt;/strong&gt;\n  </div>\n</div>"
+        },
+        {
+            "name": "body html",
+            "options": {
+                "titleText": "Application complete",
+                "html": "Your reference number<br><strong>HDJ2123F</strong>"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-panel govuk-panel--confirmation\">\n  <h1 class=\"govuk-panel__title\">\n    Application complete\n  </h1>\n  <div class=\"govuk-panel__body\">\n    Your reference number<br><strong>HDJ2123F</strong>\n  </div>\n</div>"
+        },
+        {
+            "name": "classes",
+            "options": {
+                "titleText": "Application complete",
+                "text": "Your reference number is HDJ2123F",
+                "classes": "extra-class one-more-class"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-panel govuk-panel--confirmation extra-class one-more-class\">\n  <h1 class=\"govuk-panel__title\">\n    Application complete\n  </h1>\n  <div class=\"govuk-panel__body\">\n    Your reference number is HDJ2123F\n  </div>\n</div>"
+        },
+        {
+            "name": "attributes",
+            "options": {
+                "titleText": "Application complete",
+                "text": "Your reference number is HDJ2123F",
+                "attributes": {
+                    "first-attribute": "foo",
+                    "second-attribute": "bar"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-panel govuk-panel--confirmation\" first-attribute=\"foo\" second-attribute=\"bar\">\n  <h1 class=\"govuk-panel__title\">\n    Application complete\n  </h1>\n  <div class=\"govuk-panel__body\">\n    Your reference number is HDJ2123F\n  </div>\n</div>"
+        },
+        {
+            "name": "title with no body text",
+            "options": {
+                "titleText": "Application complete"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-panel govuk-panel--confirmation\">\n  <h1 class=\"govuk-panel__title\">\n    Application complete\n  </h1>\n</div>"
+        },
+        {
+            "name": "custom heading level",
+            "options": {
+                "titleText": "Application complete",
+                "headingLevel": 2,
+                "text": "Your reference number: HDJ2123F"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-panel govuk-panel--confirmation\">\n  <h2 class=\"govuk-panel__title\">\n    Application complete\n  </h2>\n  <div class=\"govuk-panel__body\">\n    Your reference number: HDJ2123F\n  </div>\n</div>"
+        }
+    ]
+}
diff --git a/app/templates/govuk/components/panel/macro-options.json b/app/templates/govuk/components/panel/macro-options.json
new file mode 100644
index 0000000..a1a491a
--- /dev/null
+++ b/app/templates/govuk/components/panel/macro-options.json
@@ -0,0 +1,50 @@
+[
+    {
+        "name": "titleText",
+        "type": "string",
+        "required": true,
+        "description": "If `titleHtml` is set, this is not required. Text to use within the panel. If `titleHtml` is provided, the `titleText` option will be ignored."
+    },
+    {
+        "name": "titleHtml",
+        "type": "string",
+        "required": true,
+        "description": "If `titleText` is set, this is not required. HTML to use within the panel. If `titleHtml` is provided, the `titleText` option will be ignored."
+    },
+    {
+        "name": "headingLevel",
+        "type": "integer",
+        "required": false,
+        "description": "Heading level, from `1` to `6`. Default is `1`."
+    },
+    {
+        "name": "text",
+        "type": "string",
+        "required": true,
+        "description": "If `html` is set, this is not required. Text to use within the panel content. If `html` is provided, the `text` option will be ignored."
+    },
+    {
+        "name": "html",
+        "type": "string",
+        "required": true,
+        "description": "If `text` is set, this is not required. HTML to use within the panel content. If `html` is provided, the `text` option will be ignored."
+    },
+    {
+        "name": "caller",
+        "type": "nunjucks-block",
+        "required": false,
+        "description": "Not strictly a parameter but [Nunjucks code convention](https://mozilla.github.io/nunjucks/templating.html#call). Using a `call` block enables you to call a macro with all the text inside the tag. This is helpful if you want to pass a lot of content into a macro. To use it, you will need to wrap the entire panel component in a `call` block."
+    },
+    {
+        "name": "classes",
+        "type": "string",
+        "required": false,
+        "description": "Classes to add to the panel container."
+    },
+    {
+        "name": "attributes",
+        "type": "object",
+        "required": false,
+        "description": "HTML attributes (for example data attributes) to add to the panel container."
+    }
+]
diff --git a/app/templates/govuk/components/panel/macro.njk b/app/templates/govuk/components/panel/macro.njk
new file mode 100644
index 0000000..66da0a6
--- /dev/null
+++ b/app/templates/govuk/components/panel/macro.njk
@@ -0,0 +1,3 @@
+{% macro govukPanel(params) %}
+  {%- include "./template.njk" -%}
+{% endmacro %}
diff --git a/app/templates/govuk/components/panel/template-default.html b/app/templates/govuk/components/panel/template-default.html
new file mode 100644
index 0000000..de4887d
--- /dev/null
+++ b/app/templates/govuk/components/panel/template-default.html
@@ -0,0 +1,8 @@
+<div class="govuk-panel govuk-panel--confirmation">
+  <h1 class="govuk-panel__title">
+    Application complete
+  </h1>
+  <div class="govuk-panel__body">
+    Your reference number: HDJ2123F
+  </div>
+</div>
diff --git a/app/templates/govuk/components/panel/template.njk b/app/templates/govuk/components/panel/template.njk
new file mode 100644
index 0000000..e068052
--- /dev/null
+++ b/app/templates/govuk/components/panel/template.njk
@@ -0,0 +1,16 @@
+{% from "../../macros/attributes.njk" import govukAttributes -%}
+
+{% set headingLevel = params.headingLevel if params.headingLevel else 1 -%}
+
+<div class="govuk-panel govuk-panel--confirmation
+  {%- if params.classes %} {{ params.classes }}{% endif %}"
+  {{- govukAttributes(params.attributes) }}>
+  <h{{ headingLevel }} class="govuk-panel__title">
+    {{ params.titleHtml | safe if params.titleHtml else params.titleText }}
+  </h{{ headingLevel }}>
+  {% if caller or params.html or params.text %}
+  <div class="govuk-panel__body">
+    {{ caller() if caller else (params.html | safe | trim | indent(4) if params.html else params.text) }}
+  </div>
+  {% endif %}
+</div>
diff --git a/app/templates/govuk/components/password-input/_index.scss b/app/templates/govuk/components/password-input/_index.scss
new file mode 100644
index 0000000..0140d56
--- /dev/null
+++ b/app/templates/govuk/components/password-input/_index.scss
@@ -0,0 +1,57 @@
+@import "../button/index";
+@import "../input/index";
+
+@include govuk-exports("govuk/component/password-input") {
+  .govuk-password-input__wrapper {
+    // This element inherits styles from .govuk-input__wrapper, including:
+    // - being display: block with contents in a stacked column below the mobile
+    //   breakpoint
+    // - being display: flex above the mobile breakpoint
+
+    @include govuk-media-query($from: mobile) {
+      flex-direction: row;
+
+      // The default of `stretch` makes the toggle button appear taller than the
+      // input, due to using box-shadow, which we don't particularly want in
+      // this situation
+      align-items: flex-start;
+    }
+  }
+
+  .govuk-password-input__input {
+    // IE 11 and Microsoft Edge comes with its own password reveal function. We
+    // want to hide it, so that there aren't two controls presented to the user
+    // that do the same thing but aren't in sync with one another. This doesn't
+    // affect the function that allows Edge users to toggle password visibility
+    // by pressing Alt+F8, which cannot be programmatically disabled.
+    &::-ms-reveal {
+      display: none;
+    }
+  }
+
+  .govuk-password-input__toggle {
+    // Add top margin so the button doesn't obscure the input's focus style
+    margin-top: govuk-spacing(1);
+
+    // Remove default margin-bottom from button
+    margin-bottom: 0;
+
+    // Hide the button by default, JS removes this attribute
+    &[hidden] {
+      display: none;
+    }
+
+    @include govuk-media-query($from: mobile) {
+      // Buttons are normally 100% wide on mobile, but we don't want that here
+      width: auto;
+      flex-shrink: 0;
+      flex-basis: 5em;
+
+      // Move the spacing from top to the left
+      margin-top: 0;
+      margin-left: govuk-spacing(1);
+    }
+  }
+}
+
+/*# sourceMappingURL=_index.scss.map */
diff --git a/app/templates/govuk/components/password-input/_index.scss.map b/app/templates/govuk/components/password-input/_index.scss.map
new file mode 100644
index 0000000..be326c9
--- /dev/null
+++ b/app/templates/govuk/components/password-input/_index.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/password-input/_index.scss"],"names":[],"mappings":"AAAA,yBAAyB;AACzB,wBAAwB;;AAExB;EACE;IACE,qEAAqE;IACrE,2EAA2E;IAC3E,cAAc;IACd,mDAAmD;;IAEnD;MACE,mBAAmB;;MAEnB,yEAAyE;MACzE,qEAAqE;MACrE,gBAAgB;MAChB,uBAAuB;IACzB;EACF;;EAEA;IACE,0EAA0E;IAC1E,0EAA0E;IAC1E,0EAA0E;IAC1E,0EAA0E;IAC1E,gEAAgE;IAChE;MACE,aAAa;IACf;EACF;;EAEA;IACE,sEAAsE;IACtE,4BAA4B;;IAE5B,0CAA0C;IAC1C,gBAAgB;;IAEhB,uDAAuD;IACvD;MACE,aAAa;IACf;;IAEA;MACE,uEAAuE;MACvE,WAAW;MACX,cAAc;MACd,eAAe;;MAEf,uCAAuC;MACvC,aAAa;MACb,6BAA6B;IAC/B;EACF;AACF","file":"_index.scss","sourcesContent":["@import \"../button/index\";\n@import \"../input/index\";\n\n@include govuk-exports(\"govuk/component/password-input\") {\n  .govuk-password-input__wrapper {\n    // This element inherits styles from .govuk-input__wrapper, including:\n    // - being display: block with contents in a stacked column below the mobile\n    //   breakpoint\n    // - being display: flex above the mobile breakpoint\n\n    @include govuk-media-query($from: mobile) {\n      flex-direction: row;\n\n      // The default of `stretch` makes the toggle button appear taller than the\n      // input, due to using box-shadow, which we don't particularly want in\n      // this situation\n      align-items: flex-start;\n    }\n  }\n\n  .govuk-password-input__input {\n    // IE 11 and Microsoft Edge comes with its own password reveal function. We\n    // want to hide it, so that there aren't two controls presented to the user\n    // that do the same thing but aren't in sync with one another. This doesn't\n    // affect the function that allows Edge users to toggle password visibility\n    // by pressing Alt+F8, which cannot be programmatically disabled.\n    &::-ms-reveal {\n      display: none;\n    }\n  }\n\n  .govuk-password-input__toggle {\n    // Add top margin so the button doesn't obscure the input's focus style\n    margin-top: govuk-spacing(1);\n\n    // Remove default margin-bottom from button\n    margin-bottom: 0;\n\n    // Hide the button by default, JS removes this attribute\n    &[hidden] {\n      display: none;\n    }\n\n    @include govuk-media-query($from: mobile) {\n      // Buttons are normally 100% wide on mobile, but we don't want that here\n      width: auto;\n      flex-shrink: 0;\n      flex-basis: 5em;\n\n      // Move the spacing from top to the left\n      margin-top: 0;\n      margin-left: govuk-spacing(1);\n    }\n  }\n}\n"]}
diff --git a/app/templates/govuk/components/password-input/_password-input.scss b/app/templates/govuk/components/password-input/_password-input.scss
new file mode 100644
index 0000000..189d805
--- /dev/null
+++ b/app/templates/govuk/components/password-input/_password-input.scss
@@ -0,0 +1,4 @@
+@import "../../base";
+@import "./index";
+
+/*# sourceMappingURL=_password-input.scss.map */
diff --git a/app/templates/govuk/components/password-input/_password-input.scss.map b/app/templates/govuk/components/password-input/_password-input.scss.map
new file mode 100644
index 0000000..0719c8c
--- /dev/null
+++ b/app/templates/govuk/components/password-input/_password-input.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/password-input/_password-input.scss"],"names":[],"mappings":"AAAA,oBAAoB;AACpB,iBAAiB","file":"_password-input.scss","sourcesContent":["@import \"../../base\";\n@import \"./index\";\n"]}
diff --git a/app/templates/govuk/components/password-input/fixtures.json b/app/templates/govuk/components/password-input/fixtures.json
new file mode 100644
index 0000000..5b61e11
--- /dev/null
+++ b/app/templates/govuk/components/password-input/fixtures.json
@@ -0,0 +1,215 @@
+{
+    "component": "password-input",
+    "fixtures": [
+        {
+            "name": "default",
+            "options": {
+                "label": {
+                    "text": "Password"
+                },
+                "name": "password"
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": {
+                "variants": [
+                    "default",
+                    "no-js"
+                ]
+            },
+            "html": "<div class=\"govuk-form-group govuk-password-input\" data-module=\"govuk-password-input\">\n  <label class=\"govuk-label\" for=\"password\">\n    Password\n  </label>\n  <div class=\"govuk-input__wrapper govuk-password-input__wrapper\">\n    <input class=\"govuk-input govuk-password-input__input govuk-js-password-input-input\" id=\"password\" name=\"password\" type=\"password\" spellcheck=\"false\" autocomplete=\"current-password\" autocapitalize=\"none\">\n    <button type=\"button\" class=\"govuk-button govuk-button--secondary govuk-password-input__toggle govuk-js-password-input-toggle\" data-module=\"govuk-button\" aria-controls=\"password\" aria-label=\"Show password\" hidden>\n      Show\n    </button>\n  </div>\n</div>"
+        },
+        {
+            "name": "with hint text",
+            "options": {
+                "label": {
+                    "text": "Password"
+                },
+                "hint": {
+                    "text": "It probably has some letters, numbers and maybe even some symbols in it."
+                },
+                "id": "password-input-with-hint-text",
+                "name": "test-name-2"
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-password-input\" data-module=\"govuk-password-input\">\n  <label class=\"govuk-label\" for=\"password-input-with-hint-text\">\n    Password\n  </label>\n  <div id=\"password-input-with-hint-text-hint\" class=\"govuk-hint\">\n    It probably has some letters, numbers and maybe even some symbols in it.\n  </div>\n  <div class=\"govuk-input__wrapper govuk-password-input__wrapper\">\n    <input class=\"govuk-input govuk-password-input__input govuk-js-password-input-input\" id=\"password-input-with-hint-text\" name=\"test-name-2\" type=\"password\" spellcheck=\"false\" aria-describedby=\"password-input-with-hint-text-hint\" autocomplete=\"current-password\" autocapitalize=\"none\">\n    <button type=\"button\" class=\"govuk-button govuk-button--secondary govuk-password-input__toggle govuk-js-password-input-toggle\" data-module=\"govuk-button\" aria-controls=\"password-input-with-hint-text\" aria-label=\"Show password\" hidden>\n      Show\n    </button>\n  </div>\n</div>"
+        },
+        {
+            "name": "with error message",
+            "options": {
+                "label": {
+                    "text": "Password"
+                },
+                "hint": {
+                    "text": "It probably has some letters, numbers and maybe even some symbols in it."
+                },
+                "id": "password-input-with-error-message",
+                "name": "test-name-3",
+                "errorMessage": {
+                    "text": "Error message goes here"
+                }
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-form-group--error govuk-password-input\" data-module=\"govuk-password-input\">\n  <label class=\"govuk-label\" for=\"password-input-with-error-message\">\n    Password\n  </label>\n  <div id=\"password-input-with-error-message-hint\" class=\"govuk-hint\">\n    It probably has some letters, numbers and maybe even some symbols in it.\n  </div>\n  <p id=\"password-input-with-error-message-error\" class=\"govuk-error-message\">\n    <span class=\"govuk-visually-hidden\">Error:</span> Error message goes here\n  </p>\n  <div class=\"govuk-input__wrapper govuk-password-input__wrapper\">\n    <input class=\"govuk-input govuk-password-input__input govuk-js-password-input-input govuk-input--error\" id=\"password-input-with-error-message\" name=\"test-name-3\" type=\"password\" spellcheck=\"false\" aria-describedby=\"password-input-with-error-message-hint password-input-with-error-message-error\" autocomplete=\"current-password\" autocapitalize=\"none\">\n    <button type=\"button\" class=\"govuk-button govuk-button--secondary govuk-password-input__toggle govuk-js-password-input-toggle\" data-module=\"govuk-button\" aria-controls=\"password-input-with-error-message\" aria-label=\"Show password\" hidden>\n      Show\n    </button>\n  </div>\n</div>"
+        },
+        {
+            "name": "with label as page heading",
+            "options": {
+                "label": {
+                    "text": "Password",
+                    "classes": "govuk-label--l",
+                    "isPageHeading": true
+                },
+                "id": "password-input-with-page-heading",
+                "name": "test-name"
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-password-input\" data-module=\"govuk-password-input\">\n  <h1 class=\"govuk-label-wrapper\">\n    <label class=\"govuk-label govuk-label--l\" for=\"password-input-with-page-heading\">\n      Password\n    </label>\n  </h1>\n  <div class=\"govuk-input__wrapper govuk-password-input__wrapper\">\n    <input class=\"govuk-input govuk-password-input__input govuk-js-password-input-input\" id=\"password-input-with-page-heading\" name=\"test-name\" type=\"password\" spellcheck=\"false\" autocomplete=\"current-password\" autocapitalize=\"none\">\n    <button type=\"button\" class=\"govuk-button govuk-button--secondary govuk-password-input__toggle govuk-js-password-input-toggle\" data-module=\"govuk-button\" aria-controls=\"password-input-with-page-heading\" aria-label=\"Show password\" hidden>\n      Show\n    </button>\n  </div>\n</div>"
+        },
+        {
+            "name": "with input width class",
+            "options": {
+                "label": {
+                    "text": "Password"
+                },
+                "id": "password-input-width",
+                "name": "password",
+                "classes": "govuk-input--width-10"
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-password-input\" data-module=\"govuk-password-input\">\n  <label class=\"govuk-label\" for=\"password-input-width\">\n    Password\n  </label>\n  <div class=\"govuk-input__wrapper govuk-password-input__wrapper\">\n    <input class=\"govuk-input govuk-password-input__input govuk-js-password-input-input govuk-input--width-10\" id=\"password-input-width\" name=\"password\" type=\"password\" spellcheck=\"false\" autocomplete=\"current-password\" autocapitalize=\"none\">\n    <button type=\"button\" class=\"govuk-button govuk-button--secondary govuk-password-input__toggle govuk-js-password-input-toggle\" data-module=\"govuk-button\" aria-controls=\"password-input-width\" aria-label=\"Show password\" hidden>\n      Show\n    </button>\n  </div>\n</div>"
+        },
+        {
+            "name": "classes",
+            "options": {
+                "id": "with-classes",
+                "name": "with-classes",
+                "label": {
+                    "text": "With classes"
+                },
+                "classes": "app-input--custom-modifier"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-password-input\" data-module=\"govuk-password-input\">\n  <label class=\"govuk-label\" for=\"with-classes\">\n    With classes\n  </label>\n  <div class=\"govuk-input__wrapper govuk-password-input__wrapper\">\n    <input class=\"govuk-input govuk-password-input__input govuk-js-password-input-input app-input--custom-modifier\" id=\"with-classes\" name=\"with-classes\" type=\"password\" spellcheck=\"false\" autocomplete=\"current-password\" autocapitalize=\"none\">\n    <button type=\"button\" class=\"govuk-button govuk-button--secondary govuk-password-input__toggle govuk-js-password-input-toggle\" data-module=\"govuk-button\" aria-controls=\"with-classes\" aria-label=\"Show password\" hidden>\n      Show\n    </button>\n  </div>\n</div>"
+        },
+        {
+            "name": "id",
+            "options": {
+                "id": "password-id",
+                "name": "testing-name",
+                "label": {
+                    "text": "With custom id"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-password-input\" data-module=\"govuk-password-input\">\n  <label class=\"govuk-label\" for=\"password-id\">\n    With custom id\n  </label>\n  <div class=\"govuk-input__wrapper govuk-password-input__wrapper\">\n    <input class=\"govuk-input govuk-password-input__input govuk-js-password-input-input\" id=\"password-id\" name=\"testing-name\" type=\"password\" spellcheck=\"false\" autocomplete=\"current-password\" autocapitalize=\"none\">\n    <button type=\"button\" class=\"govuk-button govuk-button--secondary govuk-password-input__toggle govuk-js-password-input-toggle\" data-module=\"govuk-button\" aria-controls=\"password-id\" aria-label=\"Show password\" hidden>\n      Show\n    </button>\n  </div>\n</div>"
+        },
+        {
+            "name": "value",
+            "options": {
+                "id": "with-value",
+                "name": "with-value",
+                "label": {
+                    "text": "With value"
+                },
+                "value": "Hunter2"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-password-input\" data-module=\"govuk-password-input\">\n  <label class=\"govuk-label\" for=\"with-value\">\n    With value\n  </label>\n  <div class=\"govuk-input__wrapper govuk-password-input__wrapper\">\n    <input class=\"govuk-input govuk-password-input__input govuk-js-password-input-input\" id=\"with-value\" name=\"with-value\" type=\"password\" spellcheck=\"false\" value=\"Hunter2\" autocomplete=\"current-password\" autocapitalize=\"none\">\n    <button type=\"button\" class=\"govuk-button govuk-button--secondary govuk-password-input__toggle govuk-js-password-input-toggle\" data-module=\"govuk-button\" aria-controls=\"with-value\" aria-label=\"Show password\" hidden>\n      Show\n    </button>\n  </div>\n</div>"
+        },
+        {
+            "name": "attributes",
+            "options": {
+                "id": "with-attributes",
+                "name": "with-attributes",
+                "label": {
+                    "text": "With attributes"
+                },
+                "attributes": {
+                    "data-attribute": "value",
+                    "data-another": "ok"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-password-input\" data-module=\"govuk-password-input\">\n  <label class=\"govuk-label\" for=\"with-attributes\">\n    With attributes\n  </label>\n  <div class=\"govuk-input__wrapper govuk-password-input__wrapper\">\n    <input class=\"govuk-input govuk-password-input__input govuk-js-password-input-input\" id=\"with-attributes\" name=\"with-attributes\" type=\"password\" spellcheck=\"false\" autocomplete=\"current-password\" autocapitalize=\"none\" data-attribute=\"value\" data-another=\"ok\">\n    <button type=\"button\" class=\"govuk-button govuk-button--secondary govuk-password-input__toggle govuk-js-password-input-toggle\" data-module=\"govuk-button\" aria-controls=\"with-attributes\" aria-label=\"Show password\" hidden>\n      Show\n    </button>\n  </div>\n</div>"
+        },
+        {
+            "name": "with describedBy",
+            "options": {
+                "id": "with-describedby",
+                "name": "with-describedby",
+                "label": {
+                    "text": "With describedBy"
+                },
+                "describedBy": "test-target-element"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-password-input\" data-module=\"govuk-password-input\">\n  <label class=\"govuk-label\" for=\"with-describedby\">\n    With describedBy\n  </label>\n  <div class=\"govuk-input__wrapper govuk-password-input__wrapper\">\n    <input class=\"govuk-input govuk-password-input__input govuk-js-password-input-input\" id=\"with-describedby\" name=\"with-describedby\" type=\"password\" spellcheck=\"false\" aria-describedby=\"test-target-element\" autocomplete=\"current-password\" autocapitalize=\"none\">\n    <button type=\"button\" class=\"govuk-button govuk-button--secondary govuk-password-input__toggle govuk-js-password-input-toggle\" data-module=\"govuk-button\" aria-controls=\"with-describedby\" aria-label=\"Show password\" hidden>\n      Show\n    </button>\n  </div>\n</div>"
+        },
+        {
+            "name": "with new-password autocomplete",
+            "options": {
+                "label": {
+                    "text": "Password"
+                },
+                "autocomplete": "new-password",
+                "id": "password-input-new-password",
+                "name": "password"
+            },
+            "hidden": true,
+            "description": "Supporting browsers and password managers should prompt to generate a password.",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-password-input\" data-module=\"govuk-password-input\">\n  <label class=\"govuk-label\" for=\"password-input-new-password\">\n    Password\n  </label>\n  <div class=\"govuk-input__wrapper govuk-password-input__wrapper\">\n    <input class=\"govuk-input govuk-password-input__input govuk-js-password-input-input\" id=\"password-input-new-password\" name=\"password\" type=\"password\" spellcheck=\"false\" autocomplete=\"new-password\" autocapitalize=\"none\">\n    <button type=\"button\" class=\"govuk-button govuk-button--secondary govuk-password-input__toggle govuk-js-password-input-toggle\" data-module=\"govuk-button\" aria-controls=\"password-input-new-password\" aria-label=\"Show password\" hidden>\n      Show\n    </button>\n  </div>\n</div>"
+        },
+        {
+            "name": "with translations",
+            "options": {
+                "label": {
+                    "text": "Cyfrinair"
+                },
+                "id": "password-translated",
+                "name": "password-translated",
+                "showPasswordText": "Datguddia",
+                "hidePasswordText": "Cuddio",
+                "showPasswordAriaLabelText": "Datgelu cyfrinair",
+                "hidePasswordAriaLabelText": "Cuddio cyfrinair",
+                "passwordShownAnnouncementText": "Mae eich cyfrinair yn weladwy.",
+                "passwordHiddenAnnouncementText": "Mae eich cyfrinair wedi'i guddio."
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-password-input\" data-module=\"govuk-password-input\" data-i18n.show-password=\"Datguddia\" data-i18n.hide-password=\"Cuddio\" data-i18n.show-password-aria-label=\"Datgelu cyfrinair\" data-i18n.hide-password-aria-label=\"Cuddio cyfrinair\" data-i18n.password-shown-announcement=\"Mae eich cyfrinair yn weladwy.\" data-i18n.password-hidden-announcement=\"Mae eich cyfrinair wedi&#39;i guddio.\">\n  <label class=\"govuk-label\" for=\"password-translated\">\n    Cyfrinair\n  </label>\n  <div class=\"govuk-input__wrapper govuk-password-input__wrapper\">\n    <input class=\"govuk-input govuk-password-input__input govuk-js-password-input-input\" id=\"password-translated\" name=\"password-translated\" type=\"password\" spellcheck=\"false\" autocomplete=\"current-password\" autocapitalize=\"none\">\n    <button type=\"button\" class=\"govuk-button govuk-button--secondary govuk-password-input__toggle govuk-js-password-input-toggle\" data-module=\"govuk-button\" aria-controls=\"password-translated\" aria-label=\"Datgelu cyfrinair\" hidden>\n      Datguddia\n    </button>\n  </div>\n</div>"
+        }
+    ]
+}
diff --git a/app/templates/govuk/components/password-input/macro-options.json b/app/templates/govuk/components/password-input/macro-options.json
new file mode 100644
index 0000000..453d1b2
--- /dev/null
+++ b/app/templates/govuk/components/password-input/macro-options.json
@@ -0,0 +1,181 @@
+[
+    {
+        "name": "id",
+        "type": "string",
+        "required": false,
+        "description": "The ID of the input. Defaults to the value of `name`."
+    },
+    {
+        "name": "name",
+        "type": "string",
+        "required": true,
+        "description": "The name of the input, which is submitted with the form data."
+    },
+    {
+        "name": "value",
+        "type": "string",
+        "required": false,
+        "description": "Optional initial value of the input."
+    },
+    {
+        "name": "disabled",
+        "type": "boolean",
+        "required": false,
+        "description": "If `true`, input will be disabled."
+    },
+    {
+        "name": "describedBy",
+        "type": "string",
+        "required": false,
+        "description": "One or more element IDs to add to the `aria-describedby` attribute, used to provide additional descriptive information for screenreader users."
+    },
+    {
+        "name": "label",
+        "type": "object",
+        "required": true,
+        "description": "The label used by the text input component.",
+        "isComponent": true
+    },
+    {
+        "name": "hint",
+        "type": "object",
+        "required": false,
+        "description": "Can be used to add a hint to a text input component.",
+        "isComponent": true
+    },
+    {
+        "name": "errorMessage",
+        "type": "object",
+        "required": false,
+        "description": "Can be used to add an error message to the text input component. The error message component will not display if you use a falsy value for `errorMessage`, for example `false` or `null`.",
+        "isComponent": true
+    },
+    {
+        "name": "formGroup",
+        "type": "object",
+        "required": false,
+        "description": "Additional options for the form group containing the text input component.",
+        "params": [
+            {
+                "name": "classes",
+                "type": "string",
+                "required": false,
+                "description": "Classes to add to the form group (for example to show error state for the whole group)."
+            },
+            {
+                "name": "attributes",
+                "type": "object",
+                "required": false,
+                "description": "HTML attributes (for example data attributes) to add to the form group."
+            },
+            {
+                "name": "beforeInput",
+                "type": "object",
+                "required": false,
+                "description": "Content to add before the input used by the text input component.",
+                "params": [
+                    {
+                        "name": "text",
+                        "type": "string",
+                        "required": true,
+                        "description": "Text to add before the input. If `html` is provided, the `text` option will be ignored."
+                    },
+                    {
+                        "name": "html",
+                        "type": "string",
+                        "required": true,
+                        "description": "HTML to add before the input. If `html` is provided, the `text` option will be ignored."
+                    }
+                ]
+            },
+            {
+                "name": "afterInput",
+                "type": "object",
+                "required": false,
+                "description": "Content to add after the input used by the text input component.",
+                "params": [
+                    {
+                        "name": "text",
+                        "type": "string",
+                        "required": true,
+                        "description": "Text to add after the input. If `html` is provided, the `text` option will be ignored."
+                    },
+                    {
+                        "name": "html",
+                        "type": "string",
+                        "required": true,
+                        "description": "HTML to add after the input. If `html` is provided, the `text` option will be ignored."
+                    }
+                ]
+            }
+        ]
+    },
+    {
+        "name": "classes",
+        "type": "string",
+        "required": false,
+        "description": "Classes to add to the input."
+    },
+    {
+        "name": "autocomplete",
+        "type": "string",
+        "required": false,
+        "description": "Attribute to meet [WCAG success criterion 1.3.5: Identify input purpose](https://www.w3.org/WAI/WCAG22/Understanding/identify-input-purpose.html). See the [Autofill section in the HTML standard](https://html.spec.whatwg.org/multipage/form-control-infrastructure.html#autofill) for full list of attributes that can be used. Default is `\"current-password\"`."
+    },
+    {
+        "name": "attributes",
+        "type": "object",
+        "required": false,
+        "description": "HTML attributes (for example data attributes) to add to the input."
+    },
+    {
+        "name": "showPasswordText",
+        "type": "string",
+        "required": false,
+        "description": "Button text when the password is hidden. Defaults to `\"Show\"`."
+    },
+    {
+        "name": "hidePasswordText",
+        "type": "string",
+        "required": false,
+        "description": "Button text when the password is visible. Defaults to `\"Hide\"`."
+    },
+    {
+        "name": "showPasswordAriaLabelText",
+        "type": "string",
+        "required": false,
+        "description": "Button text exposed to assistive technologies, like screen readers, when the password is hidden. Defaults to `\"Show password\"`."
+    },
+    {
+        "name": "hidePasswordAriaLabelText",
+        "type": "string",
+        "required": false,
+        "description": "Button text exposed to assistive technologies, like screen readers, when the password is visible. Defaults to `\"Hide password\"`."
+    },
+    {
+        "name": "passwordShownAnnouncementText",
+        "type": "string",
+        "required": false,
+        "description": "Announcement made to screen reader users when their password has become visible in plain text. Defaults to `\"Your password is visible\"`."
+    },
+    {
+        "name": "passwordHiddenAnnouncementText",
+        "type": "string",
+        "required": false,
+        "description": "Announcement made to screen reader users when their password has been obscured and is not visible. Defaults to `\"Your password is hidden\"`."
+    },
+    {
+        "name": "button",
+        "type": "object",
+        "required": false,
+        "description": "Optional object allowing customisation of the toggle button.",
+        "params": [
+            {
+                "name": "classes",
+                "type": "string",
+                "required": false,
+                "description": "Classes to add to the button."
+            }
+        ]
+    }
+]
diff --git a/app/templates/govuk/components/password-input/macro.njk b/app/templates/govuk/components/password-input/macro.njk
new file mode 100644
index 0000000..386d2cf
--- /dev/null
+++ b/app/templates/govuk/components/password-input/macro.njk
@@ -0,0 +1,3 @@
+{% macro govukPasswordInput(params) %}
+  {%- include "./template.njk" -%}
+{% endmacro %}
diff --git a/app/templates/govuk/components/password-input/password-input.bundle.js b/app/templates/govuk/components/password-input/password-input.bundle.js
new file mode 100644
index 0000000..ffc98d5
--- /dev/null
+++ b/app/templates/govuk/components/password-input/password-input.bundle.js
@@ -0,0 +1,515 @@
+(function (global, factory) {
+  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports) :
+  typeof define === 'function' && define.amd ? define(['exports'], factory) :
+  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.GOVUKFrontend = global.GOVUKFrontend || {}));
+})(this, (function (exports) { 'use strict';
+
+  function closestAttributeValue($element, attributeName) {
+    const $closestElementWithAttribute = $element.closest(`[${attributeName}]`);
+    return $closestElementWithAttribute ? $closestElementWithAttribute.getAttribute(attributeName) : null;
+  }
+
+  function isInitialised($root, moduleName) {
+    return $root instanceof HTMLElement && $root.hasAttribute(`data-${moduleName}-init`);
+  }
+
+  /**
+   * Checks if GOV.UK Frontend is supported on this page
+   *
+   * Some browsers will load and run our JavaScript but GOV.UK Frontend
+   * won't be supported.
+   *
+   * @param {HTMLElement | null} [$scope] - (internal) `<body>` HTML element checked for browser support
+   * @returns {boolean} Whether GOV.UK Frontend is supported on this page
+   */
+  function isSupported($scope = document.body) {
+    if (!$scope) {
+      return false;
+    }
+    return $scope.classList.contains('govuk-frontend-supported');
+  }
+  function isArray(option) {
+    return Array.isArray(option);
+  }
+  function isObject(option) {
+    return !!option && typeof option === 'object' && !isArray(option);
+  }
+  function formatErrorMessage(Component, message) {
+    return `${Component.moduleName}: ${message}`;
+  }
+  /**
+   * @typedef ComponentWithModuleName
+   * @property {string} moduleName - Name of the component
+   */
+
+  class GOVUKFrontendError extends Error {
+    constructor(...args) {
+      super(...args);
+      this.name = 'GOVUKFrontendError';
+    }
+  }
+  class SupportError extends GOVUKFrontendError {
+    /**
+     * Checks if GOV.UK Frontend is supported on this page
+     *
+     * @param {HTMLElement | null} [$scope] - HTML element `<body>` checked for browser support
+     */
+    constructor($scope = document.body) {
+      const supportMessage = 'noModule' in HTMLScriptElement.prototype ? 'GOV.UK Frontend initialised without `<body class="govuk-frontend-supported">` from template `<script>` snippet' : 'GOV.UK Frontend is not supported in this browser';
+      super($scope ? supportMessage : 'GOV.UK Frontend initialised without `<script type="module">`');
+      this.name = 'SupportError';
+    }
+  }
+  class ConfigError extends GOVUKFrontendError {
+    constructor(...args) {
+      super(...args);
+      this.name = 'ConfigError';
+    }
+  }
+  class ElementError extends GOVUKFrontendError {
+    constructor(messageOrOptions) {
+      let message = typeof messageOrOptions === 'string' ? messageOrOptions : '';
+      if (isObject(messageOrOptions)) {
+        const {
+          component,
+          identifier,
+          element,
+          expectedType
+        } = messageOrOptions;
+        message = identifier;
+        message += element ? ` is not of type ${expectedType != null ? expectedType : 'HTMLElement'}` : ' not found';
+        if (component) {
+          message = formatErrorMessage(component, message);
+        }
+      }
+      super(message);
+      this.name = 'ElementError';
+    }
+  }
+  class InitError extends GOVUKFrontendError {
+    constructor(componentOrMessage) {
+      const message = typeof componentOrMessage === 'string' ? componentOrMessage : formatErrorMessage(componentOrMessage, `Root element (\`$root\`) already initialised`);
+      super(message);
+      this.name = 'InitError';
+    }
+  }
+  /**
+   * @import { ComponentWithModuleName } from '../common/index.mjs'
+   */
+
+  class Component {
+    /**
+     * Returns the root element of the component
+     *
+     * @protected
+     * @returns {RootElementType} - the root element of component
+     */
+    get $root() {
+      return this._$root;
+    }
+    constructor($root) {
+      this._$root = void 0;
+      const childConstructor = this.constructor;
+      if (typeof childConstructor.moduleName !== 'string') {
+        throw new InitError(`\`moduleName\` not defined in component`);
+      }
+      if (!($root instanceof childConstructor.elementType)) {
+        throw new ElementError({
+          element: $root,
+          component: childConstructor,
+          identifier: 'Root element (`$root`)',
+          expectedType: childConstructor.elementType.name
+        });
+      } else {
+        this._$root = $root;
+      }
+      childConstructor.checkSupport();
+      this.checkInitialised();
+      const moduleName = childConstructor.moduleName;
+      this.$root.setAttribute(`data-${moduleName}-init`, '');
+    }
+    checkInitialised() {
+      const constructor = this.constructor;
+      const moduleName = constructor.moduleName;
+      if (moduleName && isInitialised(this.$root, moduleName)) {
+        throw new InitError(constructor);
+      }
+    }
+    static checkSupport() {
+      if (!isSupported()) {
+        throw new SupportError();
+      }
+    }
+  }
+
+  /**
+   * @typedef ChildClass
+   * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component
+   */
+
+  /**
+   * @typedef {typeof Component & ChildClass} ChildClassConstructor
+   */
+  Component.elementType = HTMLElement;
+
+  const configOverride = Symbol.for('configOverride');
+  class ConfigurableComponent extends Component {
+    [configOverride](param) {
+      return {};
+    }
+
+    /**
+     * Returns the root element of the component
+     *
+     * @protected
+     * @returns {ConfigurationType} - the root element of component
+     */
+    get config() {
+      return this._config;
+    }
+    constructor($root, config) {
+      super($root);
+      this._config = void 0;
+      const childConstructor = this.constructor;
+      if (!isObject(childConstructor.defaults)) {
+        throw new ConfigError(formatErrorMessage(childConstructor, 'Config passed as parameter into constructor but no defaults defined'));
+      }
+      const datasetConfig = normaliseDataset(childConstructor, this._$root.dataset);
+      this._config = mergeConfigs(childConstructor.defaults, config != null ? config : {}, this[configOverride](datasetConfig), datasetConfig);
+    }
+  }
+  function normaliseString(value, property) {
+    const trimmedValue = value ? value.trim() : '';
+    let output;
+    let outputType = property == null ? void 0 : property.type;
+    if (!outputType) {
+      if (['true', 'false'].includes(trimmedValue)) {
+        outputType = 'boolean';
+      }
+      if (trimmedValue.length > 0 && isFinite(Number(trimmedValue))) {
+        outputType = 'number';
+      }
+    }
+    switch (outputType) {
+      case 'boolean':
+        output = trimmedValue === 'true';
+        break;
+      case 'number':
+        output = Number(trimmedValue);
+        break;
+      default:
+        output = value;
+    }
+    return output;
+  }
+  function normaliseDataset(Component, dataset) {
+    if (!isObject(Component.schema)) {
+      throw new ConfigError(formatErrorMessage(Component, 'Config passed as parameter into constructor but no schema defined'));
+    }
+    const out = {};
+    const entries = Object.entries(Component.schema.properties);
+    for (const entry of entries) {
+      const [namespace, property] = entry;
+      const field = namespace.toString();
+      if (field in dataset) {
+        out[field] = normaliseString(dataset[field], property);
+      }
+      if ((property == null ? void 0 : property.type) === 'object') {
+        out[field] = extractConfigByNamespace(Component.schema, dataset, namespace);
+      }
+    }
+    return out;
+  }
+  function mergeConfigs(...configObjects) {
+    const formattedConfigObject = {};
+    for (const configObject of configObjects) {
+      for (const key of Object.keys(configObject)) {
+        const option = formattedConfigObject[key];
+        const override = configObject[key];
+        if (isObject(option) && isObject(override)) {
+          formattedConfigObject[key] = mergeConfigs(option, override);
+        } else {
+          formattedConfigObject[key] = override;
+        }
+      }
+    }
+    return formattedConfigObject;
+  }
+  function extractConfigByNamespace(schema, dataset, namespace) {
+    const property = schema.properties[namespace];
+    if ((property == null ? void 0 : property.type) !== 'object') {
+      return;
+    }
+    const newObject = {
+      [namespace]: {}
+    };
+    for (const [key, value] of Object.entries(dataset)) {
+      let current = newObject;
+      const keyParts = key.split('.');
+      for (const [index, name] of keyParts.entries()) {
+        if (isObject(current)) {
+          if (index < keyParts.length - 1) {
+            if (!isObject(current[name])) {
+              current[name] = {};
+            }
+            current = current[name];
+          } else if (key !== namespace) {
+            current[name] = normaliseString(value);
+          }
+        }
+      }
+    }
+    return newObject[namespace];
+  }
+  /**
+   * Schema for component config
+   *
+   * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType
+   * @typedef {object} Schema
+   * @property {Record<keyof ConfigurationType, SchemaProperty | undefined>} properties - Schema properties
+   * @property {SchemaCondition<ConfigurationType>[]} [anyOf] - List of schema conditions
+   */
+  /**
+   * Schema property for component config
+   *
+   * @typedef {object} SchemaProperty
+   * @property {'string' | 'boolean' | 'number' | 'object'} type - Property type
+   */
+  /**
+   * Schema condition for component config
+   *
+   * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType
+   * @typedef {object} SchemaCondition
+   * @property {(keyof ConfigurationType)[]} required - List of required config fields
+   * @property {string} errorMessage - Error message when required config fields not provided
+   */
+  /**
+   * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]
+   * @typedef ChildClass
+   * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component
+   * @property {Schema<ConfigurationType>} [schema] - The schema of the component configuration
+   * @property {ConfigurationType} [defaults] - The default values of the configuration of the component
+   */
+  /**
+   * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]
+   * @typedef {typeof Component & ChildClass<ConfigurationType>} ChildClassConstructor<ConfigurationType>
+   */
+  /**
+   * @import { CompatibleClass, Config, CreateAllOptions, OnErrorCallback } from '../init.mjs'
+   */
+
+  class I18n {
+    constructor(translations = {}, config = {}) {
+      var _config$locale;
+      this.translations = void 0;
+      this.locale = void 0;
+      this.translations = translations;
+      this.locale = (_config$locale = config.locale) != null ? _config$locale : document.documentElement.lang || 'en';
+    }
+    t(lookupKey, options) {
+      if (!lookupKey) {
+        throw new Error('i18n: lookup key missing');
+      }
+      let translation = this.translations[lookupKey];
+      if (typeof (options == null ? void 0 : options.count) === 'number' && isObject(translation)) {
+        const translationPluralForm = translation[this.getPluralSuffix(lookupKey, options.count)];
+        if (translationPluralForm) {
+          translation = translationPluralForm;
+        }
+      }
+      if (typeof translation === 'string') {
+        if (translation.match(/%{(.\S+)}/)) {
+          if (!options) {
+            throw new Error('i18n: cannot replace placeholders in string if no option data provided');
+          }
+          return this.replacePlaceholders(translation, options);
+        }
+        return translation;
+      }
+      return lookupKey;
+    }
+    replacePlaceholders(translationString, options) {
+      const formatter = Intl.NumberFormat.supportedLocalesOf(this.locale).length ? new Intl.NumberFormat(this.locale) : undefined;
+      return translationString.replace(/%{(.\S+)}/g, function (placeholderWithBraces, placeholderKey) {
+        if (Object.prototype.hasOwnProperty.call(options, placeholderKey)) {
+          const placeholderValue = options[placeholderKey];
+          if (placeholderValue === false || typeof placeholderValue !== 'number' && typeof placeholderValue !== 'string') {
+            return '';
+          }
+          if (typeof placeholderValue === 'number') {
+            return formatter ? formatter.format(placeholderValue) : `${placeholderValue}`;
+          }
+          return placeholderValue;
+        }
+        throw new Error(`i18n: no data found to replace ${placeholderWithBraces} placeholder in string`);
+      });
+    }
+    hasIntlPluralRulesSupport() {
+      return Boolean('PluralRules' in window.Intl && Intl.PluralRules.supportedLocalesOf(this.locale).length);
+    }
+    getPluralSuffix(lookupKey, count) {
+      count = Number(count);
+      if (!isFinite(count)) {
+        return 'other';
+      }
+      const translation = this.translations[lookupKey];
+      const preferredForm = this.hasIntlPluralRulesSupport() ? new Intl.PluralRules(this.locale).select(count) : 'other';
+      if (isObject(translation)) {
+        if (preferredForm in translation) {
+          return preferredForm;
+        } else if ('other' in translation) {
+          console.warn(`i18n: Missing plural form ".${preferredForm}" for "${this.locale}" locale. Falling back to ".other".`);
+          return 'other';
+        }
+      }
+      throw new Error(`i18n: Plural form ".other" is required for "${this.locale}" locale`);
+    }
+  }
+
+  /**
+   * Password input component
+   *
+   * @preserve
+   * @augments ConfigurableComponent<PasswordInputConfig>
+   */
+  class PasswordInput extends ConfigurableComponent {
+    /**
+     * @param {Element | null} $root - HTML element to use for password input
+     * @param {PasswordInputConfig} [config] - Password input config
+     */
+    constructor($root, config = {}) {
+      super($root, config);
+      this.i18n = void 0;
+      this.$input = void 0;
+      this.$showHideButton = void 0;
+      this.$screenReaderStatusMessage = void 0;
+      const $input = this.$root.querySelector('.govuk-js-password-input-input');
+      if (!($input instanceof HTMLInputElement)) {
+        throw new ElementError({
+          component: PasswordInput,
+          element: $input,
+          expectedType: 'HTMLInputElement',
+          identifier: 'Form field (`.govuk-js-password-input-input`)'
+        });
+      }
+      if ($input.type !== 'password') {
+        throw new ElementError('Password input: Form field (`.govuk-js-password-input-input`) must be of type `password`.');
+      }
+      const $showHideButton = this.$root.querySelector('.govuk-js-password-input-toggle');
+      if (!($showHideButton instanceof HTMLButtonElement)) {
+        throw new ElementError({
+          component: PasswordInput,
+          element: $showHideButton,
+          expectedType: 'HTMLButtonElement',
+          identifier: 'Button (`.govuk-js-password-input-toggle`)'
+        });
+      }
+      if ($showHideButton.type !== 'button') {
+        throw new ElementError('Password input: Button (`.govuk-js-password-input-toggle`) must be of type `button`.');
+      }
+      this.$input = $input;
+      this.$showHideButton = $showHideButton;
+      this.i18n = new I18n(this.config.i18n, {
+        locale: closestAttributeValue(this.$root, 'lang')
+      });
+      this.$showHideButton.removeAttribute('hidden');
+      const $screenReaderStatusMessage = document.createElement('div');
+      $screenReaderStatusMessage.className = 'govuk-password-input__sr-status govuk-visually-hidden';
+      $screenReaderStatusMessage.setAttribute('aria-live', 'polite');
+      this.$screenReaderStatusMessage = $screenReaderStatusMessage;
+      this.$input.insertAdjacentElement('afterend', $screenReaderStatusMessage);
+      this.$showHideButton.addEventListener('click', this.toggle.bind(this));
+      if (this.$input.form) {
+        this.$input.form.addEventListener('submit', () => this.hide());
+      }
+      window.addEventListener('pageshow', event => {
+        if (event.persisted && this.$input.type !== 'password') {
+          this.hide();
+        }
+      });
+      this.hide();
+    }
+    toggle(event) {
+      event.preventDefault();
+      if (this.$input.type === 'password') {
+        this.show();
+        return;
+      }
+      this.hide();
+    }
+    show() {
+      this.setType('text');
+    }
+    hide() {
+      this.setType('password');
+    }
+    setType(type) {
+      if (type === this.$input.type) {
+        return;
+      }
+      this.$input.setAttribute('type', type);
+      const isHidden = type === 'password';
+      const prefixButton = isHidden ? 'show' : 'hide';
+      const prefixStatus = isHidden ? 'passwordHidden' : 'passwordShown';
+      this.$showHideButton.innerText = this.i18n.t(`${prefixButton}Password`);
+      this.$showHideButton.setAttribute('aria-label', this.i18n.t(`${prefixButton}PasswordAriaLabel`));
+      this.$screenReaderStatusMessage.innerText = this.i18n.t(`${prefixStatus}Announcement`);
+    }
+  }
+
+  /**
+   * Password input config
+   *
+   * @typedef {object} PasswordInputConfig
+   * @property {PasswordInputTranslations} [i18n=PasswordInput.defaults.i18n] - Password input translations
+   */
+
+  /**
+   * Password input translations
+   *
+   * @see {@link PasswordInput.defaults.i18n}
+   * @typedef {object} PasswordInputTranslations
+   *
+   * Messages displayed to the user indicating the state of the show/hide toggle.
+   * @property {string} [showPassword] - Visible text of the button when the
+   *   password is currently hidden. Plain text only.
+   * @property {string} [hidePassword] - Visible text of the button when the
+   *   password is currently visible. Plain text only.
+   * @property {string} [showPasswordAriaLabel] - aria-label of the button when
+   *   the password is currently hidden. Plain text only.
+   * @property {string} [hidePasswordAriaLabel] - aria-label of the button when
+   *   the password is currently visible. Plain text only.
+   * @property {string} [passwordShownAnnouncement] - Screen reader
+   *   announcement to make when the password has just become visible.
+   *   Plain text only.
+   * @property {string} [passwordHiddenAnnouncement] - Screen reader
+   *   announcement to make when the password has just been hidden.
+   *   Plain text only.
+   */
+
+  /**
+   * @import { Schema } from '../../common/configuration.mjs'
+   */
+  PasswordInput.moduleName = 'govuk-password-input';
+  PasswordInput.defaults = Object.freeze({
+    i18n: {
+      showPassword: 'Show',
+      hidePassword: 'Hide',
+      showPasswordAriaLabel: 'Show password',
+      hidePasswordAriaLabel: 'Hide password',
+      passwordShownAnnouncement: 'Your password is visible',
+      passwordHiddenAnnouncement: 'Your password is hidden'
+    }
+  });
+  PasswordInput.schema = Object.freeze({
+    properties: {
+      i18n: {
+        type: 'object'
+      }
+    }
+  });
+
+  exports.PasswordInput = PasswordInput;
+
+}));
+//# sourceMappingURL=password-input.bundle.js.map
diff --git a/app/templates/govuk/components/password-input/password-input.bundle.js.map b/app/templates/govuk/components/password-input/password-input.bundle.js.map
new file mode 100644
index 0000000..62bc330
--- /dev/null
+++ b/app/templates/govuk/components/password-input/password-input.bundle.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"password-input.bundle.js","sources":["../../../../src/govuk/common/closest-attribute-value.mjs","../../../../src/govuk/common/index.mjs","../../../../src/govuk/errors/index.mjs","../../../../src/govuk/component.mjs","../../../../src/govuk/common/configuration.mjs","../../../../src/govuk/i18n.mjs","../../../../src/govuk/components/password-input/password-input.mjs"],"sourcesContent":["/**\n * Returns the value of the given attribute closest to the given element (including itself)\n *\n * @internal\n * @param {Element} $element - The element to start walking the DOM tree up\n * @param {string} attributeName - The name of the attribute\n * @returns {string | null} Attribute value\n */\nexport function closestAttributeValue($element, attributeName) {\n  const $closestElementWithAttribute = $element.closest(`[${attributeName}]`)\n  return $closestElementWithAttribute\n    ? $closestElementWithAttribute.getAttribute(attributeName)\n    : null\n}\n","/**\n * Common helpers which do not require polyfill.\n *\n * IMPORTANT: If a helper require a polyfill, please isolate it in its own module\n * so that the polyfill can be properly tree-shaken and does not burden\n * the components that do not need that helper\n */\n\n/**\n * Get GOV.UK Frontend breakpoint value from CSS custom property\n *\n * @private\n * @param {string} name - Breakpoint name\n * @returns {{ property: string, value?: string }} Breakpoint object\n */\nexport function getBreakpoint(name) {\n  const property = `--govuk-breakpoint-${name}`\n\n  // Get value from `<html>` with breakpoints on CSS :root\n  const value = window\n    .getComputedStyle(document.documentElement)\n    .getPropertyValue(property)\n\n  return {\n    property,\n    value: value || undefined\n  }\n}\n\n/**\n * Move focus to element\n *\n * Sets tabindex to -1 to make the element programmatically focusable,\n * but removes it on blur as the element doesn't need to be focused again.\n *\n * @private\n * @template {HTMLElement} FocusElement\n * @param {FocusElement} $element - HTML element\n * @param {object} [options] - Handler options\n * @param {function(this: FocusElement): void} [options.onBeforeFocus] - Callback before focus\n * @param {function(this: FocusElement): void} [options.onBlur] - Callback on blur\n */\nexport function setFocus($element, options = {}) {\n  const isFocusable = $element.getAttribute('tabindex')\n\n  if (!isFocusable) {\n    $element.setAttribute('tabindex', '-1')\n  }\n\n  /**\n   * Handle element focus\n   */\n  function onFocus() {\n    $element.addEventListener('blur', onBlur, { once: true })\n  }\n\n  /**\n   * Handle element blur\n   */\n  function onBlur() {\n    options.onBlur?.call($element)\n\n    if (!isFocusable) {\n      $element.removeAttribute('tabindex')\n    }\n  }\n\n  // Add listener to reset element on blur, after focus\n  $element.addEventListener('focus', onFocus, { once: true })\n\n  // Focus element\n  options.onBeforeFocus?.call($element)\n  $element.focus()\n}\n\n/**\n * Checks if component is already initialised\n *\n * @internal\n * @param {Element} $root - HTML element to be checked\n * @param {string} moduleName - name of component module\n * @returns {boolean} Whether component is already initialised\n */\nexport function isInitialised($root, moduleName) {\n  return (\n    $root instanceof HTMLElement &&\n    $root.hasAttribute(`data-${moduleName}-init`)\n  )\n}\n\n/**\n * Checks if GOV.UK Frontend is supported on this page\n *\n * Some browsers will load and run our JavaScript but GOV.UK Frontend\n * won't be supported.\n *\n * @param {HTMLElement | null} [$scope] - (internal) `<body>` HTML element checked for browser support\n * @returns {boolean} Whether GOV.UK Frontend is supported on this page\n */\nexport function isSupported($scope = document.body) {\n  if (!$scope) {\n    return false\n  }\n\n  return $scope.classList.contains('govuk-frontend-supported')\n}\n\n/**\n * Check for an array\n *\n * @internal\n * @param {unknown} option - Option to check\n * @returns {boolean} Whether the option is an array\n */\nfunction isArray(option) {\n  return Array.isArray(option)\n}\n\n/**\n * Check for an object\n *\n * @internal\n * @template {Partial<Record<keyof ObjectType, unknown>>} ObjectType\n * @param {unknown | ObjectType} option - Option to check\n * @returns {option is ObjectType} Whether the option is an object\n */\nexport function isObject(option) {\n  return !!option && typeof option === 'object' && !isArray(option)\n}\n\n/**\n * Check for valid scope\n *\n * @internal\n * @template {Element | Document} ScopeType\n * @param {unknown | ScopeType} $scope - Scope of the document to search within\n * @returns {$scope is ScopeType} Whether the scope can be queried\n */\nexport function isScope($scope) {\n  return !!$scope && ($scope instanceof Element || $scope instanceof Document)\n}\n\n/**\n * Format error message\n *\n * @internal\n * @param {ComponentWithModuleName} Component - Component that threw the error\n * @param {string} message - Error message\n * @returns {string} - Formatted error message\n */\nexport function formatErrorMessage(Component, message) {\n  return `${Component.moduleName}: ${message}`\n}\n\n/* eslint-disable jsdoc/valid-types --\n * `{new(...args: any[] ): object}` is not recognised as valid\n * https://github.com/gajus/eslint-plugin-jsdoc/issues/145#issuecomment-1308722878\n * https://github.com/jsdoc-type-pratt-parser/jsdoc-type-pratt-parser/issues/131\n **/\n\n/**\n * @typedef ComponentWithModuleName\n * @property {string} moduleName - Name of the component\n */\n\n/* eslint-enable jsdoc/valid-types */\n","import { formatErrorMessage, isObject } from '../common/index.mjs'\n\n/**\n * GOV.UK Frontend error\n *\n * A base class for `Error`s thrown by GOV.UK Frontend.\n *\n * It is meant to be extended into specific types of errors\n * to be thrown by our code.\n *\n * @example\n * ```js\n * class MissingRootError extends GOVUKFrontendError {\n *   // Setting an explicit name is important as extending the class will not\n *   // set a new `name` on the subclass. The `name` property is important\n *   // to ensure intelligible error names even if the class name gets\n *   // mangled by a minifier\n *   name = \"MissingRootError\"\n * }\n * ```\n * @virtual\n */\nexport class GOVUKFrontendError extends Error {\n  name = 'GOVUKFrontendError'\n}\n\n/**\n * Indicates that GOV.UK Frontend is not supported\n */\nexport class SupportError extends GOVUKFrontendError {\n  name = 'SupportError'\n\n  /**\n   * Checks if GOV.UK Frontend is supported on this page\n   *\n   * @param {HTMLElement | null} [$scope] - HTML element `<body>` checked for browser support\n   */\n  constructor($scope = document.body) {\n    const supportMessage =\n      'noModule' in HTMLScriptElement.prototype\n        ? 'GOV.UK Frontend initialised without `<body class=\"govuk-frontend-supported\">` from template `<script>` snippet'\n        : 'GOV.UK Frontend is not supported in this browser'\n\n    super(\n      $scope\n        ? supportMessage\n        : 'GOV.UK Frontend initialised without `<script type=\"module\">`'\n    )\n  }\n}\n\n/**\n * Indicates that a component has received an illegal configuration\n */\nexport class ConfigError extends GOVUKFrontendError {\n  name = 'ConfigError'\n}\n\n/**\n * Indicates an issue with an element (possibly `null` or `undefined`)\n */\nexport class ElementError extends GOVUKFrontendError {\n  name = 'ElementError'\n\n  /**\n   * @internal\n   * @overload\n   * @param {string} message - Element error message\n   */\n\n  /**\n   * @internal\n   * @overload\n   * @param {ElementErrorOptions} options - Element error options\n   */\n\n  /**\n   * @internal\n   * @param {string | ElementErrorOptions} messageOrOptions - Element error message or options\n   */\n  constructor(messageOrOptions) {\n    let message = typeof messageOrOptions === 'string' ? messageOrOptions : ''\n\n    // Build message from options\n    if (isObject(messageOrOptions)) {\n      const { component, identifier, element, expectedType } = messageOrOptions\n\n      message = identifier\n\n      // Append reason\n      message += element\n        ? ` is not of type ${expectedType ?? 'HTMLElement'}`\n        : ' not found'\n\n      // Prepend with module name (optional)\n      if (component) {\n        message = formatErrorMessage(component, message)\n      }\n    }\n\n    super(message)\n  }\n}\n\n/**\n * Indicates that a component is already initialised\n */\nexport class InitError extends GOVUKFrontendError {\n  name = 'InitError'\n\n  /**\n   * @internal\n   * @param {ComponentWithModuleName | string} componentOrMessage - name of the component module\n   */\n  constructor(componentOrMessage) {\n    const message =\n      typeof componentOrMessage === 'string'\n        ? componentOrMessage\n        : formatErrorMessage(\n            componentOrMessage,\n            `Root element (\\`$root\\`) already initialised`\n          )\n\n    super(message)\n  }\n}\n\n/**\n * Element error options\n *\n * @internal\n * @typedef {object} ElementErrorOptions\n * @property {Element | Document | null} [element] - The element in error (optional)\n * @property {ComponentWithModuleName} [component] - Component throwing the error (optional)\n * @property {string} identifier - An identifier that'll let the user understand which element has an error. This is whatever makes the most sense\n * @property {string} [expectedType] - The type that was expected for the identifier (optional)\n */\n\n/**\n * @import { ComponentWithModuleName } from '../common/index.mjs'\n */\n","import { isInitialised, isSupported } from './common/index.mjs'\nimport { ElementError, InitError, SupportError } from './errors/index.mjs'\n\n/**\n * Base Component class\n *\n * Centralises the behaviours shared by our components\n *\n * @virtual\n * @template {Element} [RootElementType=HTMLElement]\n */\nexport class Component {\n  /**\n   * @type {typeof Element}\n   */\n  static elementType = HTMLElement\n\n  // allows Typescript user to work around the lack of types\n  // in GOVUKFrontend package, Typescript is not aware of $root\n  // in components that extend GOVUKFrontendComponent\n  /**\n   * Returns the root element of the component\n   *\n   * @protected\n   * @returns {RootElementType} - the root element of component\n   */\n  get $root() {\n    return this._$root\n  }\n\n  /**\n   * @protected\n   * @type {RootElementType}\n   */\n  _$root\n\n  /**\n   * Constructs a new component, validating that GOV.UK Frontend is supported\n   *\n   * @internal\n   * @param {Element | null} [$root] - HTML element to use for component\n   */\n  constructor($root) {\n    const childConstructor = /** @type {ChildClassConstructor} */ (\n      this.constructor\n    )\n\n    // TypeScript does not enforce that inheriting classes will define a `moduleName`\n    // (even if we add a `@virtual` `static moduleName` property to this class).\n    // While we trust users to do this correctly, we do a little check to provide them\n    // a helpful error message.\n    //\n    // After this, we'll be sure that `childConstructor` has a `moduleName`\n    // as expected of the `ChildClassConstructor` we've cast `this.constructor` to.\n    if (typeof childConstructor.moduleName !== 'string') {\n      throw new InitError(`\\`moduleName\\` not defined in component`)\n    }\n\n    if (!($root instanceof childConstructor.elementType)) {\n      throw new ElementError({\n        element: $root,\n        component: childConstructor,\n        identifier: 'Root element (`$root`)',\n        expectedType: childConstructor.elementType.name\n      })\n    } else {\n      this._$root = /** @type {RootElementType} */ ($root)\n    }\n\n    childConstructor.checkSupport()\n\n    this.checkInitialised()\n\n    const moduleName = childConstructor.moduleName\n\n    this.$root.setAttribute(`data-${moduleName}-init`, '')\n  }\n\n  /**\n   * Validates whether component is already initialised\n   *\n   * @private\n   * @throws {InitError} when component is already initialised\n   */\n  checkInitialised() {\n    const constructor = /** @type {ChildClassConstructor} */ (this.constructor)\n    const moduleName = constructor.moduleName\n\n    if (moduleName && isInitialised(this.$root, moduleName)) {\n      throw new InitError(constructor)\n    }\n  }\n\n  /**\n   * Validates whether components are supported\n   *\n   * @throws {SupportError} when the components are not supported\n   */\n  static checkSupport() {\n    if (!isSupported()) {\n      throw new SupportError()\n    }\n  }\n}\n\n/**\n * @typedef ChildClass\n * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component\n */\n\n/**\n * @typedef {typeof Component & ChildClass} ChildClassConstructor\n */\n","import { Component } from '../component.mjs'\nimport { ConfigError } from '../errors/index.mjs'\n\nimport { isObject, isScope, formatErrorMessage } from './index.mjs'\n\nexport const configOverride = Symbol.for('configOverride')\n\n/**\n * Base Component class\n *\n * Centralises the behaviours shared by our components\n *\n * @virtual\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]\n * @template {Element & { dataset: DOMStringMap }} [RootElementType=HTMLElement]\n * @augments Component<RootElementType>\n */\nexport class ConfigurableComponent extends Component {\n  /**\n   * configOverride\n   *\n   * Function which defines configuration overrides to prioritize\n   * properties from the root element's dataset.\n   *\n   * It should take a subset of configuration as input and return\n   * a new configuration object with properties that should be\n   * overridden based on the root element's dataset. A Symbol\n   * is used for indexing to prevent conflicts.\n   *\n   * @internal\n   * @virtual\n   * @param {Partial<ConfigurationType>} [param] - Configuration object\n   * @returns {Partial<ConfigurationType>} return - Configuration object\n   */\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  [configOverride](param) {\n    return {}\n  }\n\n  /**\n   * Returns the root element of the component\n   *\n   * @protected\n   * @returns {ConfigurationType} - the root element of component\n   */\n  get config() {\n    return this._config\n  }\n\n  /**\n   *\n   * @type {ConfigurationType}\n   */\n  _config\n\n  /**\n   * Constructs a new component, validating that GOV.UK Frontend is supported\n   *\n   * @internal\n   * @param {Element | null} [$root] - HTML element to use for component\n   * @param {ConfigurationType} [config] - HTML element to use for component\n   */\n  constructor($root, config) {\n    super($root)\n\n    const childConstructor =\n      /** @type {ChildClassConstructor<ConfigurationType>} */ (this.constructor)\n\n    if (!isObject(childConstructor.defaults)) {\n      throw new ConfigError(\n        formatErrorMessage(\n          childConstructor,\n          'Config passed as parameter into constructor but no defaults defined'\n        )\n      )\n    }\n\n    const datasetConfig = /** @type {ConfigurationType} */ (\n      normaliseDataset(childConstructor, this._$root.dataset)\n    )\n\n    this._config = /** @type {ConfigurationType} */ (\n      mergeConfigs(\n        childConstructor.defaults,\n        config ?? {},\n        this[configOverride](datasetConfig),\n        datasetConfig\n      )\n    )\n  }\n}\n\n/**\n * Normalise string\n *\n * 'If it looks like a duck, and it quacks like a duck…' 🦆\n *\n * If the passed value looks like a boolean or a number, convert it to a boolean\n * or number.\n *\n * Designed to be used to convert config passed via data attributes (which are\n * always strings) into something sensible.\n *\n * @internal\n * @param {DOMStringMap[string]} value - The value to normalise\n * @param {SchemaProperty} [property] - Component schema property\n * @returns {string | boolean | number | undefined} Normalised data\n */\nexport function normaliseString(value, property) {\n  const trimmedValue = value ? value.trim() : ''\n\n  let output\n  let outputType = property?.type\n\n  // No schema type set? Determine automatically\n  if (!outputType) {\n    if (['true', 'false'].includes(trimmedValue)) {\n      outputType = 'boolean'\n    }\n\n    // Empty / whitespace-only strings are considered finite so we need to check\n    // the length of the trimmed string as well\n    if (trimmedValue.length > 0 && isFinite(Number(trimmedValue))) {\n      outputType = 'number'\n    }\n  }\n\n  switch (outputType) {\n    case 'boolean':\n      output = trimmedValue === 'true'\n      break\n\n    case 'number':\n      output = Number(trimmedValue)\n      break\n\n    default:\n      output = value\n  }\n\n  return output\n}\n\n/**\n * Normalise dataset\n *\n * Loop over an object and normalise each value using {@link normaliseString},\n * optionally expanding nested `i18n.field`\n *\n * @internal\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @template {[keyof ConfigurationType, SchemaProperty | undefined][]} SchemaEntryType\n * @param {{ schema?: Schema<ConfigurationType>, moduleName: string }} Component - Component class\n * @param {DOMStringMap} dataset - HTML element dataset\n * @returns {ObjectNested} Normalised dataset\n */\nexport function normaliseDataset(Component, dataset) {\n  if (!isObject(Component.schema)) {\n    throw new ConfigError(\n      formatErrorMessage(\n        Component,\n        'Config passed as parameter into constructor but no schema defined'\n      )\n    )\n  }\n\n  const out = /** @type {ObjectNested} */ ({})\n  const entries = /** @type {SchemaEntryType} */ (\n    Object.entries(Component.schema.properties)\n  )\n\n  // Normalise top-level dataset ('data-*') values using schema types\n  for (const entry of entries) {\n    const [namespace, property] = entry\n\n    // Cast the `namespace` to string so it can be used to access the dataset\n    const field = namespace.toString()\n\n    if (field in dataset) {\n      out[field] = normaliseString(dataset[field], property)\n    }\n\n    /**\n     * Extract and normalise nested object values automatically using\n     * {@link normaliseString} but only schema object types are allowed\n     */\n    if (property?.type === 'object') {\n      out[field] = extractConfigByNamespace(\n        Component.schema,\n        dataset,\n        namespace\n      )\n    }\n  }\n\n  return out\n}\n\n/**\n * Normalise options passed to `initAll` or `createAll`\n *\n * @internal\n * @template {CompatibleClass} ComponentClass\n * @param {Config | CreateAllOptions<ComponentClass> | OnErrorCallback<ComponentClass> | Element | Document | null} [scopeOrOptions] - Scope of the document to search within, initialisation options or error callback function\n * @returns {CreateAllOptions<ComponentClass>} Normalised options\n */\nexport function normaliseOptions(scopeOrOptions) {\n  let /** @type {Element | Document | null} */ $scope = document\n  let /** @type {OnErrorCallback<ComponentClass> | undefined} */ onError\n\n  // Handle options object\n  if (isObject(scopeOrOptions)) {\n    const options = scopeOrOptions\n\n    // Scope must be valid or null\n    if (isScope(options.scope) || options.scope === null) {\n      $scope = options.scope\n    }\n\n    // Error handler must be a function\n    if (typeof options.onError === 'function') {\n      onError = options.onError\n    }\n  }\n\n  if (isScope(scopeOrOptions)) {\n    $scope = scopeOrOptions\n  } else if (scopeOrOptions === null) {\n    $scope = null\n  } else if (typeof scopeOrOptions === 'function') {\n    onError = scopeOrOptions\n  }\n\n  return {\n    scope: $scope,\n    onError\n  }\n}\n\n/**\n * Config merging function\n *\n * Takes any number of objects and combines them together, with\n * greatest priority on the LAST item passed in.\n *\n * @internal\n * @param {...{ [key: string]: unknown }} configObjects - Config objects to merge\n * @returns {{ [key: string]: unknown }} A merged config object\n */\nexport function mergeConfigs(...configObjects) {\n  // Start with an empty object as our base\n  /** @type {{ [key: string]: unknown }} */\n  const formattedConfigObject = {}\n\n  // Loop through each of the passed objects\n  for (const configObject of configObjects) {\n    for (const key of Object.keys(configObject)) {\n      const option = formattedConfigObject[key]\n      const override = configObject[key]\n\n      // Push their keys one-by-one into formattedConfigObject. Any duplicate\n      // keys with object values will be merged, otherwise the new value will\n      // override the existing value.\n      if (isObject(option) && isObject(override)) {\n        formattedConfigObject[key] = mergeConfigs(option, override)\n      } else {\n        // Apply override\n        formattedConfigObject[key] = override\n      }\n    }\n  }\n\n  return formattedConfigObject\n}\n\n/**\n * Validate component config by schema\n *\n * Follows limited examples in JSON schema for wider support in future\n *\n * {@link https://ajv.js.org/json-schema.html#compound-keywords}\n * {@link https://ajv.js.org/packages/ajv-errors.html#single-message}\n *\n * @internal\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @param {Schema<ConfigurationType>} schema - The schema of a component\n * @param {ConfigurationType} config - Component config\n * @returns {string[]} List of validation errors\n */\nexport function validateConfig(schema, config) {\n  const validationErrors = []\n\n  // Check errors for each schema\n  for (const [name, conditions] of Object.entries(schema)) {\n    const errors = []\n\n    // Check errors for each schema condition\n    if (Array.isArray(conditions)) {\n      for (const { required, errorMessage } of conditions) {\n        if (!required.every((key) => !!config[key])) {\n          errors.push(errorMessage) // Missing config key value\n        }\n      }\n\n      // Check one condition passes or add errors\n      if (name === 'anyOf' && !(conditions.length - errors.length >= 1)) {\n        validationErrors.push(...errors)\n      }\n    }\n  }\n\n  return validationErrors\n}\n\n/**\n * Extracts keys starting with a particular namespace from dataset ('data-*')\n * object, removing the namespace in the process, normalising all values\n *\n * @internal\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @param {Schema<ConfigurationType>} schema - The schema of a component\n * @param {DOMStringMap} dataset - The object to extract key-value pairs from\n * @param {keyof ConfigurationType} namespace - The namespace to filter keys with\n * @returns {ObjectNested | undefined} Nested object with dot-separated key namespace removed\n */\nexport function extractConfigByNamespace(schema, dataset, namespace) {\n  const property = schema.properties[namespace]\n\n  // Only extract configs for object schema properties\n  if (property?.type !== 'object') {\n    return\n  }\n\n  // Add default empty config\n  const newObject = /** @type {Record<typeof namespace, ObjectNested>} */ ({\n    [namespace]: {}\n  })\n\n  for (const [key, value] of Object.entries(dataset)) {\n    /** @type {ObjectNested | ObjectNested[NestedKey]} */\n    let current = newObject\n\n    // Split the key into parts, using . as our namespace separator\n    const keyParts = key.split('.')\n\n    /**\n     * Create new level per part\n     *\n     * e.g. 'i18n.textareaDescription.other' becomes\n     * `{ i18n: { textareaDescription: { other } } }`\n     */\n    for (const [index, name] of keyParts.entries()) {\n      if (isObject(current)) {\n        // Drop down to nested object until the last part\n        if (index < keyParts.length - 1) {\n          // New nested object (optionally) replaces existing value\n          if (!isObject(current[name])) {\n            current[name] = {}\n          }\n\n          // Drop down into new or existing nested object\n          current = current[name]\n        } else if (key !== namespace) {\n          // Normalised value (optionally) replaces existing value\n          current[name] = normaliseString(value)\n        }\n      }\n    }\n  }\n\n  return newObject[namespace]\n}\n\n/**\n * @internal\n * @typedef {keyof ObjectNested} NestedKey\n * @typedef {{ [key: string]: string | boolean | number | ObjectNested | undefined }} ObjectNested\n */\n\n/**\n * Schema for component config\n *\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @typedef {object} Schema\n * @property {Record<keyof ConfigurationType, SchemaProperty | undefined>} properties - Schema properties\n * @property {SchemaCondition<ConfigurationType>[]} [anyOf] - List of schema conditions\n */\n\n/**\n * Schema property for component config\n *\n * @typedef {object} SchemaProperty\n * @property {'string' | 'boolean' | 'number' | 'object'} type - Property type\n */\n\n/**\n * Schema condition for component config\n *\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @typedef {object} SchemaCondition\n * @property {(keyof ConfigurationType)[]} required - List of required config fields\n * @property {string} errorMessage - Error message when required config fields not provided\n */\n\n/**\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]\n * @typedef ChildClass\n * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component\n * @property {Schema<ConfigurationType>} [schema] - The schema of the component configuration\n * @property {ConfigurationType} [defaults] - The default values of the configuration of the component\n */\n\n/**\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]\n * @typedef {typeof Component & ChildClass<ConfigurationType>} ChildClassConstructor<ConfigurationType>\n */\n\n/**\n * @import { CompatibleClass, Config, CreateAllOptions, OnErrorCallback } from '../init.mjs'\n */\n","import { isObject } from './common/index.mjs'\n\n/**\n * Internal support for selecting messages to render, with placeholder\n * interpolation and locale-aware number formatting and pluralisation\n *\n * @internal\n */\nexport class I18n {\n  translations\n  locale\n\n  /**\n   * @internal\n   * @param {{ [key: string]: string | TranslationPluralForms }} translations - Key-value pairs of the translation strings to use.\n   * @param {object} [config] - Configuration options for the function.\n   * @param {string | null} [config.locale] - An overriding locale for the PluralRules functionality.\n   */\n  constructor(translations = {}, config = {}) {\n    // Make list of translations available throughout function\n    this.translations = translations\n\n    // The locale to use for PluralRules and NumberFormat\n    this.locale = config.locale ?? (document.documentElement.lang || 'en')\n  }\n\n  /**\n   * The most used function - takes the key for a given piece of UI text and\n   * returns the appropriate string.\n   *\n   * @internal\n   * @param {string} lookupKey - The lookup key of the string to use.\n   * @param {{ [key: string]: unknown }} [options] - Any options passed with the translation string, e.g: for string interpolation.\n   * @returns {string} The appropriate translation string.\n   * @throws {Error} Lookup key required\n   * @throws {Error} Options required for `${}` placeholders\n   */\n  t(lookupKey, options) {\n    if (!lookupKey) {\n      // Print a console error if no lookup key has been provided\n      throw new Error('i18n: lookup key missing')\n    }\n\n    // Fetch the translation for that lookup key\n    let translation = this.translations[lookupKey]\n\n    // If the `count` option is set, determine which plural suffix is needed and\n    // change the lookupKey to match. We check to see if it's numeric instead of\n    // falsy, as this could legitimately be 0.\n    if (typeof options?.count === 'number' && isObject(translation)) {\n      const translationPluralForm =\n        translation[this.getPluralSuffix(lookupKey, options.count)]\n\n      // Update translation with plural suffix\n      if (translationPluralForm) {\n        translation = translationPluralForm\n      }\n    }\n\n    if (typeof translation === 'string') {\n      // Check for ${} placeholders in the translation string\n      // eslint-disable-next-line @typescript-eslint/prefer-regexp-exec\n      if (translation.match(/%{(.\\S+)}/)) {\n        if (!options) {\n          throw new Error(\n            'i18n: cannot replace placeholders in string if no option data provided'\n          )\n        }\n\n        return this.replacePlaceholders(translation, options)\n      }\n\n      return translation\n    }\n\n    // If the key wasn't found in our translations object,\n    // return the lookup key itself as the fallback\n    return lookupKey\n  }\n\n  /**\n   * Takes a translation string with placeholders, and replaces the placeholders\n   * with the provided data\n   *\n   * @internal\n   * @param {string} translationString - The translation string\n   * @param {{ [key: string]: unknown }} options - Any options passed with the translation string, e.g: for string interpolation.\n   * @returns {string} The translation string to output, with $\\{\\} placeholders replaced\n   */\n  replacePlaceholders(translationString, options) {\n    const formatter = Intl.NumberFormat.supportedLocalesOf(this.locale).length\n      ? new Intl.NumberFormat(this.locale)\n      : undefined\n\n    return translationString.replace(\n      /%{(.\\S+)}/g,\n\n      /**\n       * Replace translation string placeholders\n       *\n       * @internal\n       * @param {string} placeholderWithBraces - Placeholder with braces\n       * @param {string} placeholderKey - Placeholder key\n       * @returns {string} Placeholder value\n       */\n      function (placeholderWithBraces, placeholderKey) {\n        if (Object.prototype.hasOwnProperty.call(options, placeholderKey)) {\n          const placeholderValue = options[placeholderKey]\n\n          // If a user has passed `false` as the value for the placeholder\n          // treat it as though the value should not be displayed\n          if (\n            placeholderValue === false ||\n            (typeof placeholderValue !== 'number' &&\n              typeof placeholderValue !== 'string')\n          ) {\n            return ''\n          }\n\n          // If the placeholder's value is a number, localise the number formatting\n          if (typeof placeholderValue === 'number') {\n            return formatter\n              ? formatter.format(placeholderValue)\n              : `${placeholderValue}`\n          }\n\n          return placeholderValue\n        }\n\n        throw new Error(\n          `i18n: no data found to replace ${placeholderWithBraces} placeholder in string`\n        )\n      }\n    )\n  }\n\n  /**\n   * Check to see if the browser supports Intl.PluralRules\n   *\n   * It requires all conditions to be met in order to be supported:\n   * - The implementation of Intl supports PluralRules (NOT true in Safari 10–12)\n   * - The browser/OS has plural rules for the current locale (browser dependent)\n   *\n   * {@link https://browsersl.ist/#q=supports+es6-module+and+not+supports+intl-pluralrules}\n   *\n   * @internal\n   * @returns {boolean} Returns true if all conditions are met. Returns false otherwise.\n   */\n  hasIntlPluralRulesSupport() {\n    return Boolean(\n      'PluralRules' in window.Intl &&\n        Intl.PluralRules.supportedLocalesOf(this.locale).length\n    )\n  }\n\n  /**\n   * Get the appropriate suffix for the plural form.\n   *\n   * Uses Intl.PluralRules (or our own fallback implementation) to get the\n   * 'preferred' form to use for the given count.\n   *\n   * Checks that a translation has been provided for that plural form – if it\n   * hasn't, it'll fall back to the 'other' plural form (unless that doesn't exist\n   * either, in which case an error will be thrown)\n   *\n   * @internal\n   * @param {string} lookupKey - The lookup key of the string to use.\n   * @param {number} count - Number used to determine which pluralisation to use.\n   * @returns {PluralRule} The suffix associated with the correct pluralisation for this locale.\n   * @throws {Error} Plural form `.other` required when preferred plural form is missing\n   */\n  getPluralSuffix(lookupKey, count) {\n    // Validate that the number is actually a number.\n    //\n    // Number(count) will turn anything that can't be converted to a Number type\n    // into 'NaN'. isFinite filters out NaN, as it isn't a finite number.\n    // eslint-disable-next-line @typescript-eslint/no-unnecessary-type-conversion\n    count = Number(count)\n    if (!isFinite(count)) {\n      return 'other'\n    }\n\n    // Fetch the translation for that lookup key\n    const translation = this.translations[lookupKey]\n\n    // Check to verify that all the requirements for Intl.PluralRules are met.\n    // If so, we can use that instead of our custom implementation. Otherwise,\n    // use the hardcoded fallback.\n    const preferredForm = this.hasIntlPluralRulesSupport()\n      ? new Intl.PluralRules(this.locale).select(count)\n      : 'other'\n\n    // Use the correct plural form if provided\n    if (isObject(translation)) {\n      if (preferredForm in translation) {\n        return preferredForm\n        // Fall back to `other` if the plural form is missing, but log a warning\n        // to the console\n      } else if ('other' in translation) {\n        console.warn(\n          `i18n: Missing plural form \".${preferredForm}\" for \"${this.locale}\" locale. Falling back to \".other\".`\n        )\n\n        return 'other'\n      }\n    }\n\n    // If the required `other` plural form is missing, all we can do is error\n    throw new Error(\n      `i18n: Plural form \".other\" is required for \"${this.locale}\" locale`\n    )\n  }\n}\n\n/**\n * Plural rule category mnemonic tags\n *\n * @internal\n * @typedef {'zero' | 'one' | 'two' | 'few' | 'many' | 'other'} PluralRule\n */\n\n/**\n * Translated message by plural rule they correspond to.\n *\n * Allows to group pluralised messages under a single key when passing\n * translations to a component's constructor\n *\n * @internal\n * @typedef {object} TranslationPluralForms\n * @property {string} [other] - General plural form\n * @property {string} [zero] - Plural form used with 0\n * @property {string} [one] - Plural form used with 1\n * @property {string} [two] - Plural form used with 2\n * @property {string} [few] - Plural form used for a few\n * @property {string} [many] - Plural form used for many\n */\n","import { closestAttributeValue } from '../../common/closest-attribute-value.mjs'\nimport { ConfigurableComponent } from '../../common/configuration.mjs'\nimport { ElementError } from '../../errors/index.mjs'\nimport { I18n } from '../../i18n.mjs'\n\n/**\n * Password input component\n *\n * @preserve\n * @augments ConfigurableComponent<PasswordInputConfig>\n */\nexport class PasswordInput extends ConfigurableComponent {\n  /** @private */\n  i18n\n\n  /**\n   * @private\n   * @type {HTMLInputElement}\n   */\n  $input\n\n  /**\n   * @private\n   * @type {HTMLButtonElement}\n   */\n  $showHideButton\n\n  /** @private */\n  $screenReaderStatusMessage\n\n  /**\n   * @param {Element | null} $root - HTML element to use for password input\n   * @param {PasswordInputConfig} [config] - Password input config\n   */\n  constructor($root, config = {}) {\n    super($root, config)\n\n    const $input = this.$root.querySelector('.govuk-js-password-input-input')\n    if (!($input instanceof HTMLInputElement)) {\n      throw new ElementError({\n        component: PasswordInput,\n        element: $input,\n        expectedType: 'HTMLInputElement',\n        identifier: 'Form field (`.govuk-js-password-input-input`)'\n      })\n    }\n\n    if ($input.type !== 'password') {\n      throw new ElementError(\n        'Password input: Form field (`.govuk-js-password-input-input`) must be of type `password`.'\n      )\n    }\n\n    const $showHideButton = this.$root.querySelector(\n      '.govuk-js-password-input-toggle'\n    )\n    if (!($showHideButton instanceof HTMLButtonElement)) {\n      throw new ElementError({\n        component: PasswordInput,\n        element: $showHideButton,\n        expectedType: 'HTMLButtonElement',\n        identifier: 'Button (`.govuk-js-password-input-toggle`)'\n      })\n    }\n\n    if ($showHideButton.type !== 'button') {\n      throw new ElementError(\n        'Password input: Button (`.govuk-js-password-input-toggle`) must be of type `button`.'\n      )\n    }\n\n    this.$input = $input\n    this.$showHideButton = $showHideButton\n\n    this.i18n = new I18n(this.config.i18n, {\n      // Read the fallback if necessary rather than have it set in the defaults\n      locale: closestAttributeValue(this.$root, 'lang')\n    })\n\n    // Show the toggle button element\n    this.$showHideButton.removeAttribute('hidden')\n\n    // Create and append the status text for screen readers.\n    // This is injected between the input and button so that users get a sensible reading order if\n    // moving through the page content linearly:\n    // [password input] -> [your password is visible/hidden] -> [show/hide password]\n    const $screenReaderStatusMessage = document.createElement('div')\n    $screenReaderStatusMessage.className =\n      'govuk-password-input__sr-status govuk-visually-hidden'\n    $screenReaderStatusMessage.setAttribute('aria-live', 'polite')\n    this.$screenReaderStatusMessage = $screenReaderStatusMessage\n    this.$input.insertAdjacentElement('afterend', $screenReaderStatusMessage)\n\n    // Bind toggle button\n    this.$showHideButton.addEventListener('click', this.toggle.bind(this))\n\n    // Bind event to revert the password visibility to hidden\n    if (this.$input.form) {\n      this.$input.form.addEventListener('submit', () => this.hide())\n    }\n\n    // If the page is restored from bfcache and the password is visible, hide it again\n    window.addEventListener('pageshow', (event) => {\n      if (event.persisted && this.$input.type !== 'password') {\n        this.hide()\n      }\n    })\n\n    // Default the component to having the password hidden.\n    this.hide()\n  }\n\n  /**\n   * Toggle the visibility of the password input\n   *\n   * @private\n   * @param {MouseEvent} event - Click event\n   */\n  toggle(event) {\n    event.preventDefault()\n\n    // If on this click, the field is type=\"password\", show the value\n    if (this.$input.type === 'password') {\n      this.show()\n      return\n    }\n\n    // Otherwise, hide it\n    // Being defensive - hiding should always be the default\n    this.hide()\n  }\n\n  /**\n   * Show the password input value in plain text.\n   *\n   * @private\n   */\n  show() {\n    this.setType('text')\n  }\n\n  /**\n   * Hide the password input value.\n   *\n   * @private\n   */\n  hide() {\n    this.setType('password')\n  }\n\n  /**\n   * Set the password input type\n   *\n   * @param {'text' | 'password'} type - Input type\n   * @private\n   */\n  setType(type) {\n    if (type === this.$input.type) {\n      return\n    }\n\n    // Update input type\n    this.$input.setAttribute('type', type)\n\n    const isHidden = type === 'password'\n    const prefixButton = isHidden ? 'show' : 'hide'\n    const prefixStatus = isHidden ? 'passwordHidden' : 'passwordShown'\n\n    // Update button text\n    this.$showHideButton.innerText = this.i18n.t(`${prefixButton}Password`)\n\n    // Update button aria-label\n    this.$showHideButton.setAttribute(\n      'aria-label',\n      this.i18n.t(`${prefixButton}PasswordAriaLabel`)\n    )\n\n    // Update status change text\n    this.$screenReaderStatusMessage.innerText = this.i18n.t(\n      `${prefixStatus}Announcement`\n    )\n  }\n\n  /**\n   * Name for the component used when initialising using data-module attributes.\n   */\n  static moduleName = 'govuk-password-input'\n\n  /**\n   * Password input default config\n   *\n   * @see {@link PasswordInputConfig}\n   * @constant\n   * @default\n   * @type {PasswordInputConfig}\n   */\n  static defaults = Object.freeze({\n    i18n: {\n      showPassword: 'Show',\n      hidePassword: 'Hide',\n      showPasswordAriaLabel: 'Show password',\n      hidePasswordAriaLabel: 'Hide password',\n      passwordShownAnnouncement: 'Your password is visible',\n      passwordHiddenAnnouncement: 'Your password is hidden'\n    }\n  })\n\n  /**\n   * Password input config schema\n   *\n   * @constant\n   * @satisfies {Schema<PasswordInputConfig>}\n   */\n  static schema = Object.freeze({\n    properties: {\n      i18n: { type: 'object' }\n    }\n  })\n}\n\n/**\n * Password input config\n *\n * @typedef {object} PasswordInputConfig\n * @property {PasswordInputTranslations} [i18n=PasswordInput.defaults.i18n] - Password input translations\n */\n\n/**\n * Password input translations\n *\n * @see {@link PasswordInput.defaults.i18n}\n * @typedef {object} PasswordInputTranslations\n *\n * Messages displayed to the user indicating the state of the show/hide toggle.\n * @property {string} [showPassword] - Visible text of the button when the\n *   password is currently hidden. Plain text only.\n * @property {string} [hidePassword] - Visible text of the button when the\n *   password is currently visible. Plain text only.\n * @property {string} [showPasswordAriaLabel] - aria-label of the button when\n *   the password is currently hidden. Plain text only.\n * @property {string} [hidePasswordAriaLabel] - aria-label of the button when\n *   the password is currently visible. Plain text only.\n * @property {string} [passwordShownAnnouncement] - Screen reader\n *   announcement to make when the password has just become visible.\n *   Plain text only.\n * @property {string} [passwordHiddenAnnouncement] - Screen reader\n *   announcement to make when the password has just been hidden.\n *   Plain text only.\n */\n\n/**\n * @import { Schema } from '../../common/configuration.mjs'\n */\n"],"names":["closestAttributeValue","$element","attributeName","$closestElementWithAttribute","closest","getAttribute","isInitialised","$root","moduleName","HTMLElement","hasAttribute","isSupported","$scope","document","body","classList","contains","isArray","option","Array","isObject","formatErrorMessage","Component","message","GOVUKFrontendError","Error","constructor","args","name","SupportError","supportMessage","HTMLScriptElement","prototype","ConfigError","ElementError","messageOrOptions","component","identifier","element","expectedType","InitError","componentOrMessage","_$root","childConstructor","elementType","checkSupport","checkInitialised","setAttribute","configOverride","Symbol","for","ConfigurableComponent","param","config","_config","defaults","datasetConfig","normaliseDataset","dataset","mergeConfigs","normaliseString","value","property","trimmedValue","trim","output","outputType","type","includes","length","isFinite","Number","schema","out","entries","Object","properties","entry","namespace","field","toString","extractConfigByNamespace","configObjects","formattedConfigObject","configObject","key","keys","override","newObject","current","keyParts","split","index","I18n","translations","_config$locale","locale","documentElement","lang","t","lookupKey","options","translation","count","translationPluralForm","getPluralSuffix","match","replacePlaceholders","translationString","formatter","Intl","NumberFormat","supportedLocalesOf","undefined","replace","placeholderWithBraces","placeholderKey","hasOwnProperty","call","placeholderValue","format","hasIntlPluralRulesSupport","Boolean","window","PluralRules","preferredForm","select","console","warn","PasswordInput","i18n","$input","$showHideButton","$screenReaderStatusMessage","querySelector","HTMLInputElement","HTMLButtonElement","removeAttribute","createElement","className","insertAdjacentElement","addEventListener","toggle","bind","form","hide","event","persisted","preventDefault","show","setType","isHidden","prefixButton","prefixStatus","innerText","freeze","showPassword","hidePassword","showPasswordAriaLabel","hidePasswordAriaLabel","passwordShownAnnouncement","passwordHiddenAnnouncement"],"mappings":"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"}
\ No newline at end of file
diff --git a/app/templates/govuk/components/password-input/password-input.bundle.mjs b/app/templates/govuk/components/password-input/password-input.bundle.mjs
new file mode 100644
index 0000000..f1061b8
--- /dev/null
+++ b/app/templates/govuk/components/password-input/password-input.bundle.mjs
@@ -0,0 +1,507 @@
+function closestAttributeValue($element, attributeName) {
+  const $closestElementWithAttribute = $element.closest(`[${attributeName}]`);
+  return $closestElementWithAttribute ? $closestElementWithAttribute.getAttribute(attributeName) : null;
+}
+
+function isInitialised($root, moduleName) {
+  return $root instanceof HTMLElement && $root.hasAttribute(`data-${moduleName}-init`);
+}
+
+/**
+ * Checks if GOV.UK Frontend is supported on this page
+ *
+ * Some browsers will load and run our JavaScript but GOV.UK Frontend
+ * won't be supported.
+ *
+ * @param {HTMLElement | null} [$scope] - (internal) `<body>` HTML element checked for browser support
+ * @returns {boolean} Whether GOV.UK Frontend is supported on this page
+ */
+function isSupported($scope = document.body) {
+  if (!$scope) {
+    return false;
+  }
+  return $scope.classList.contains('govuk-frontend-supported');
+}
+function isArray(option) {
+  return Array.isArray(option);
+}
+function isObject(option) {
+  return !!option && typeof option === 'object' && !isArray(option);
+}
+function formatErrorMessage(Component, message) {
+  return `${Component.moduleName}: ${message}`;
+}
+/**
+ * @typedef ComponentWithModuleName
+ * @property {string} moduleName - Name of the component
+ */
+
+class GOVUKFrontendError extends Error {
+  constructor(...args) {
+    super(...args);
+    this.name = 'GOVUKFrontendError';
+  }
+}
+class SupportError extends GOVUKFrontendError {
+  /**
+   * Checks if GOV.UK Frontend is supported on this page
+   *
+   * @param {HTMLElement | null} [$scope] - HTML element `<body>` checked for browser support
+   */
+  constructor($scope = document.body) {
+    const supportMessage = 'noModule' in HTMLScriptElement.prototype ? 'GOV.UK Frontend initialised without `<body class="govuk-frontend-supported">` from template `<script>` snippet' : 'GOV.UK Frontend is not supported in this browser';
+    super($scope ? supportMessage : 'GOV.UK Frontend initialised without `<script type="module">`');
+    this.name = 'SupportError';
+  }
+}
+class ConfigError extends GOVUKFrontendError {
+  constructor(...args) {
+    super(...args);
+    this.name = 'ConfigError';
+  }
+}
+class ElementError extends GOVUKFrontendError {
+  constructor(messageOrOptions) {
+    let message = typeof messageOrOptions === 'string' ? messageOrOptions : '';
+    if (isObject(messageOrOptions)) {
+      const {
+        component,
+        identifier,
+        element,
+        expectedType
+      } = messageOrOptions;
+      message = identifier;
+      message += element ? ` is not of type ${expectedType != null ? expectedType : 'HTMLElement'}` : ' not found';
+      if (component) {
+        message = formatErrorMessage(component, message);
+      }
+    }
+    super(message);
+    this.name = 'ElementError';
+  }
+}
+class InitError extends GOVUKFrontendError {
+  constructor(componentOrMessage) {
+    const message = typeof componentOrMessage === 'string' ? componentOrMessage : formatErrorMessage(componentOrMessage, `Root element (\`$root\`) already initialised`);
+    super(message);
+    this.name = 'InitError';
+  }
+}
+/**
+ * @import { ComponentWithModuleName } from '../common/index.mjs'
+ */
+
+class Component {
+  /**
+   * Returns the root element of the component
+   *
+   * @protected
+   * @returns {RootElementType} - the root element of component
+   */
+  get $root() {
+    return this._$root;
+  }
+  constructor($root) {
+    this._$root = void 0;
+    const childConstructor = this.constructor;
+    if (typeof childConstructor.moduleName !== 'string') {
+      throw new InitError(`\`moduleName\` not defined in component`);
+    }
+    if (!($root instanceof childConstructor.elementType)) {
+      throw new ElementError({
+        element: $root,
+        component: childConstructor,
+        identifier: 'Root element (`$root`)',
+        expectedType: childConstructor.elementType.name
+      });
+    } else {
+      this._$root = $root;
+    }
+    childConstructor.checkSupport();
+    this.checkInitialised();
+    const moduleName = childConstructor.moduleName;
+    this.$root.setAttribute(`data-${moduleName}-init`, '');
+  }
+  checkInitialised() {
+    const constructor = this.constructor;
+    const moduleName = constructor.moduleName;
+    if (moduleName && isInitialised(this.$root, moduleName)) {
+      throw new InitError(constructor);
+    }
+  }
+  static checkSupport() {
+    if (!isSupported()) {
+      throw new SupportError();
+    }
+  }
+}
+
+/**
+ * @typedef ChildClass
+ * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component
+ */
+
+/**
+ * @typedef {typeof Component & ChildClass} ChildClassConstructor
+ */
+Component.elementType = HTMLElement;
+
+const configOverride = Symbol.for('configOverride');
+class ConfigurableComponent extends Component {
+  [configOverride](param) {
+    return {};
+  }
+
+  /**
+   * Returns the root element of the component
+   *
+   * @protected
+   * @returns {ConfigurationType} - the root element of component
+   */
+  get config() {
+    return this._config;
+  }
+  constructor($root, config) {
+    super($root);
+    this._config = void 0;
+    const childConstructor = this.constructor;
+    if (!isObject(childConstructor.defaults)) {
+      throw new ConfigError(formatErrorMessage(childConstructor, 'Config passed as parameter into constructor but no defaults defined'));
+    }
+    const datasetConfig = normaliseDataset(childConstructor, this._$root.dataset);
+    this._config = mergeConfigs(childConstructor.defaults, config != null ? config : {}, this[configOverride](datasetConfig), datasetConfig);
+  }
+}
+function normaliseString(value, property) {
+  const trimmedValue = value ? value.trim() : '';
+  let output;
+  let outputType = property == null ? void 0 : property.type;
+  if (!outputType) {
+    if (['true', 'false'].includes(trimmedValue)) {
+      outputType = 'boolean';
+    }
+    if (trimmedValue.length > 0 && isFinite(Number(trimmedValue))) {
+      outputType = 'number';
+    }
+  }
+  switch (outputType) {
+    case 'boolean':
+      output = trimmedValue === 'true';
+      break;
+    case 'number':
+      output = Number(trimmedValue);
+      break;
+    default:
+      output = value;
+  }
+  return output;
+}
+function normaliseDataset(Component, dataset) {
+  if (!isObject(Component.schema)) {
+    throw new ConfigError(formatErrorMessage(Component, 'Config passed as parameter into constructor but no schema defined'));
+  }
+  const out = {};
+  const entries = Object.entries(Component.schema.properties);
+  for (const entry of entries) {
+    const [namespace, property] = entry;
+    const field = namespace.toString();
+    if (field in dataset) {
+      out[field] = normaliseString(dataset[field], property);
+    }
+    if ((property == null ? void 0 : property.type) === 'object') {
+      out[field] = extractConfigByNamespace(Component.schema, dataset, namespace);
+    }
+  }
+  return out;
+}
+function mergeConfigs(...configObjects) {
+  const formattedConfigObject = {};
+  for (const configObject of configObjects) {
+    for (const key of Object.keys(configObject)) {
+      const option = formattedConfigObject[key];
+      const override = configObject[key];
+      if (isObject(option) && isObject(override)) {
+        formattedConfigObject[key] = mergeConfigs(option, override);
+      } else {
+        formattedConfigObject[key] = override;
+      }
+    }
+  }
+  return formattedConfigObject;
+}
+function extractConfigByNamespace(schema, dataset, namespace) {
+  const property = schema.properties[namespace];
+  if ((property == null ? void 0 : property.type) !== 'object') {
+    return;
+  }
+  const newObject = {
+    [namespace]: {}
+  };
+  for (const [key, value] of Object.entries(dataset)) {
+    let current = newObject;
+    const keyParts = key.split('.');
+    for (const [index, name] of keyParts.entries()) {
+      if (isObject(current)) {
+        if (index < keyParts.length - 1) {
+          if (!isObject(current[name])) {
+            current[name] = {};
+          }
+          current = current[name];
+        } else if (key !== namespace) {
+          current[name] = normaliseString(value);
+        }
+      }
+    }
+  }
+  return newObject[namespace];
+}
+/**
+ * Schema for component config
+ *
+ * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType
+ * @typedef {object} Schema
+ * @property {Record<keyof ConfigurationType, SchemaProperty | undefined>} properties - Schema properties
+ * @property {SchemaCondition<ConfigurationType>[]} [anyOf] - List of schema conditions
+ */
+/**
+ * Schema property for component config
+ *
+ * @typedef {object} SchemaProperty
+ * @property {'string' | 'boolean' | 'number' | 'object'} type - Property type
+ */
+/**
+ * Schema condition for component config
+ *
+ * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType
+ * @typedef {object} SchemaCondition
+ * @property {(keyof ConfigurationType)[]} required - List of required config fields
+ * @property {string} errorMessage - Error message when required config fields not provided
+ */
+/**
+ * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]
+ * @typedef ChildClass
+ * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component
+ * @property {Schema<ConfigurationType>} [schema] - The schema of the component configuration
+ * @property {ConfigurationType} [defaults] - The default values of the configuration of the component
+ */
+/**
+ * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]
+ * @typedef {typeof Component & ChildClass<ConfigurationType>} ChildClassConstructor<ConfigurationType>
+ */
+/**
+ * @import { CompatibleClass, Config, CreateAllOptions, OnErrorCallback } from '../init.mjs'
+ */
+
+class I18n {
+  constructor(translations = {}, config = {}) {
+    var _config$locale;
+    this.translations = void 0;
+    this.locale = void 0;
+    this.translations = translations;
+    this.locale = (_config$locale = config.locale) != null ? _config$locale : document.documentElement.lang || 'en';
+  }
+  t(lookupKey, options) {
+    if (!lookupKey) {
+      throw new Error('i18n: lookup key missing');
+    }
+    let translation = this.translations[lookupKey];
+    if (typeof (options == null ? void 0 : options.count) === 'number' && isObject(translation)) {
+      const translationPluralForm = translation[this.getPluralSuffix(lookupKey, options.count)];
+      if (translationPluralForm) {
+        translation = translationPluralForm;
+      }
+    }
+    if (typeof translation === 'string') {
+      if (translation.match(/%{(.\S+)}/)) {
+        if (!options) {
+          throw new Error('i18n: cannot replace placeholders in string if no option data provided');
+        }
+        return this.replacePlaceholders(translation, options);
+      }
+      return translation;
+    }
+    return lookupKey;
+  }
+  replacePlaceholders(translationString, options) {
+    const formatter = Intl.NumberFormat.supportedLocalesOf(this.locale).length ? new Intl.NumberFormat(this.locale) : undefined;
+    return translationString.replace(/%{(.\S+)}/g, function (placeholderWithBraces, placeholderKey) {
+      if (Object.prototype.hasOwnProperty.call(options, placeholderKey)) {
+        const placeholderValue = options[placeholderKey];
+        if (placeholderValue === false || typeof placeholderValue !== 'number' && typeof placeholderValue !== 'string') {
+          return '';
+        }
+        if (typeof placeholderValue === 'number') {
+          return formatter ? formatter.format(placeholderValue) : `${placeholderValue}`;
+        }
+        return placeholderValue;
+      }
+      throw new Error(`i18n: no data found to replace ${placeholderWithBraces} placeholder in string`);
+    });
+  }
+  hasIntlPluralRulesSupport() {
+    return Boolean('PluralRules' in window.Intl && Intl.PluralRules.supportedLocalesOf(this.locale).length);
+  }
+  getPluralSuffix(lookupKey, count) {
+    count = Number(count);
+    if (!isFinite(count)) {
+      return 'other';
+    }
+    const translation = this.translations[lookupKey];
+    const preferredForm = this.hasIntlPluralRulesSupport() ? new Intl.PluralRules(this.locale).select(count) : 'other';
+    if (isObject(translation)) {
+      if (preferredForm in translation) {
+        return preferredForm;
+      } else if ('other' in translation) {
+        console.warn(`i18n: Missing plural form ".${preferredForm}" for "${this.locale}" locale. Falling back to ".other".`);
+        return 'other';
+      }
+    }
+    throw new Error(`i18n: Plural form ".other" is required for "${this.locale}" locale`);
+  }
+}
+
+/**
+ * Password input component
+ *
+ * @preserve
+ * @augments ConfigurableComponent<PasswordInputConfig>
+ */
+class PasswordInput extends ConfigurableComponent {
+  /**
+   * @param {Element | null} $root - HTML element to use for password input
+   * @param {PasswordInputConfig} [config] - Password input config
+   */
+  constructor($root, config = {}) {
+    super($root, config);
+    this.i18n = void 0;
+    this.$input = void 0;
+    this.$showHideButton = void 0;
+    this.$screenReaderStatusMessage = void 0;
+    const $input = this.$root.querySelector('.govuk-js-password-input-input');
+    if (!($input instanceof HTMLInputElement)) {
+      throw new ElementError({
+        component: PasswordInput,
+        element: $input,
+        expectedType: 'HTMLInputElement',
+        identifier: 'Form field (`.govuk-js-password-input-input`)'
+      });
+    }
+    if ($input.type !== 'password') {
+      throw new ElementError('Password input: Form field (`.govuk-js-password-input-input`) must be of type `password`.');
+    }
+    const $showHideButton = this.$root.querySelector('.govuk-js-password-input-toggle');
+    if (!($showHideButton instanceof HTMLButtonElement)) {
+      throw new ElementError({
+        component: PasswordInput,
+        element: $showHideButton,
+        expectedType: 'HTMLButtonElement',
+        identifier: 'Button (`.govuk-js-password-input-toggle`)'
+      });
+    }
+    if ($showHideButton.type !== 'button') {
+      throw new ElementError('Password input: Button (`.govuk-js-password-input-toggle`) must be of type `button`.');
+    }
+    this.$input = $input;
+    this.$showHideButton = $showHideButton;
+    this.i18n = new I18n(this.config.i18n, {
+      locale: closestAttributeValue(this.$root, 'lang')
+    });
+    this.$showHideButton.removeAttribute('hidden');
+    const $screenReaderStatusMessage = document.createElement('div');
+    $screenReaderStatusMessage.className = 'govuk-password-input__sr-status govuk-visually-hidden';
+    $screenReaderStatusMessage.setAttribute('aria-live', 'polite');
+    this.$screenReaderStatusMessage = $screenReaderStatusMessage;
+    this.$input.insertAdjacentElement('afterend', $screenReaderStatusMessage);
+    this.$showHideButton.addEventListener('click', this.toggle.bind(this));
+    if (this.$input.form) {
+      this.$input.form.addEventListener('submit', () => this.hide());
+    }
+    window.addEventListener('pageshow', event => {
+      if (event.persisted && this.$input.type !== 'password') {
+        this.hide();
+      }
+    });
+    this.hide();
+  }
+  toggle(event) {
+    event.preventDefault();
+    if (this.$input.type === 'password') {
+      this.show();
+      return;
+    }
+    this.hide();
+  }
+  show() {
+    this.setType('text');
+  }
+  hide() {
+    this.setType('password');
+  }
+  setType(type) {
+    if (type === this.$input.type) {
+      return;
+    }
+    this.$input.setAttribute('type', type);
+    const isHidden = type === 'password';
+    const prefixButton = isHidden ? 'show' : 'hide';
+    const prefixStatus = isHidden ? 'passwordHidden' : 'passwordShown';
+    this.$showHideButton.innerText = this.i18n.t(`${prefixButton}Password`);
+    this.$showHideButton.setAttribute('aria-label', this.i18n.t(`${prefixButton}PasswordAriaLabel`));
+    this.$screenReaderStatusMessage.innerText = this.i18n.t(`${prefixStatus}Announcement`);
+  }
+}
+
+/**
+ * Password input config
+ *
+ * @typedef {object} PasswordInputConfig
+ * @property {PasswordInputTranslations} [i18n=PasswordInput.defaults.i18n] - Password input translations
+ */
+
+/**
+ * Password input translations
+ *
+ * @see {@link PasswordInput.defaults.i18n}
+ * @typedef {object} PasswordInputTranslations
+ *
+ * Messages displayed to the user indicating the state of the show/hide toggle.
+ * @property {string} [showPassword] - Visible text of the button when the
+ *   password is currently hidden. Plain text only.
+ * @property {string} [hidePassword] - Visible text of the button when the
+ *   password is currently visible. Plain text only.
+ * @property {string} [showPasswordAriaLabel] - aria-label of the button when
+ *   the password is currently hidden. Plain text only.
+ * @property {string} [hidePasswordAriaLabel] - aria-label of the button when
+ *   the password is currently visible. Plain text only.
+ * @property {string} [passwordShownAnnouncement] - Screen reader
+ *   announcement to make when the password has just become visible.
+ *   Plain text only.
+ * @property {string} [passwordHiddenAnnouncement] - Screen reader
+ *   announcement to make when the password has just been hidden.
+ *   Plain text only.
+ */
+
+/**
+ * @import { Schema } from '../../common/configuration.mjs'
+ */
+PasswordInput.moduleName = 'govuk-password-input';
+PasswordInput.defaults = Object.freeze({
+  i18n: {
+    showPassword: 'Show',
+    hidePassword: 'Hide',
+    showPasswordAriaLabel: 'Show password',
+    hidePasswordAriaLabel: 'Hide password',
+    passwordShownAnnouncement: 'Your password is visible',
+    passwordHiddenAnnouncement: 'Your password is hidden'
+  }
+});
+PasswordInput.schema = Object.freeze({
+  properties: {
+    i18n: {
+      type: 'object'
+    }
+  }
+});
+
+export { PasswordInput };
+//# sourceMappingURL=password-input.bundle.mjs.map
diff --git a/app/templates/govuk/components/password-input/password-input.bundle.mjs.map b/app/templates/govuk/components/password-input/password-input.bundle.mjs.map
new file mode 100644
index 0000000..47f14f5
--- /dev/null
+++ b/app/templates/govuk/components/password-input/password-input.bundle.mjs.map
@@ -0,0 +1 @@
+{"version":3,"file":"password-input.bundle.mjs","sources":["../../../../src/govuk/common/closest-attribute-value.mjs","../../../../src/govuk/common/index.mjs","../../../../src/govuk/errors/index.mjs","../../../../src/govuk/component.mjs","../../../../src/govuk/common/configuration.mjs","../../../../src/govuk/i18n.mjs","../../../../src/govuk/components/password-input/password-input.mjs"],"sourcesContent":["/**\n * Returns the value of the given attribute closest to the given element (including itself)\n *\n * @internal\n * @param {Element} $element - The element to start walking the DOM tree up\n * @param {string} attributeName - The name of the attribute\n * @returns {string | null} Attribute value\n */\nexport function closestAttributeValue($element, attributeName) {\n  const $closestElementWithAttribute = $element.closest(`[${attributeName}]`)\n  return $closestElementWithAttribute\n    ? $closestElementWithAttribute.getAttribute(attributeName)\n    : null\n}\n","/**\n * Common helpers which do not require polyfill.\n *\n * IMPORTANT: If a helper require a polyfill, please isolate it in its own module\n * so that the polyfill can be properly tree-shaken and does not burden\n * the components that do not need that helper\n */\n\n/**\n * Get GOV.UK Frontend breakpoint value from CSS custom property\n *\n * @private\n * @param {string} name - Breakpoint name\n * @returns {{ property: string, value?: string }} Breakpoint object\n */\nexport function getBreakpoint(name) {\n  const property = `--govuk-breakpoint-${name}`\n\n  // Get value from `<html>` with breakpoints on CSS :root\n  const value = window\n    .getComputedStyle(document.documentElement)\n    .getPropertyValue(property)\n\n  return {\n    property,\n    value: value || undefined\n  }\n}\n\n/**\n * Move focus to element\n *\n * Sets tabindex to -1 to make the element programmatically focusable,\n * but removes it on blur as the element doesn't need to be focused again.\n *\n * @private\n * @template {HTMLElement} FocusElement\n * @param {FocusElement} $element - HTML element\n * @param {object} [options] - Handler options\n * @param {function(this: FocusElement): void} [options.onBeforeFocus] - Callback before focus\n * @param {function(this: FocusElement): void} [options.onBlur] - Callback on blur\n */\nexport function setFocus($element, options = {}) {\n  const isFocusable = $element.getAttribute('tabindex')\n\n  if (!isFocusable) {\n    $element.setAttribute('tabindex', '-1')\n  }\n\n  /**\n   * Handle element focus\n   */\n  function onFocus() {\n    $element.addEventListener('blur', onBlur, { once: true })\n  }\n\n  /**\n   * Handle element blur\n   */\n  function onBlur() {\n    options.onBlur?.call($element)\n\n    if (!isFocusable) {\n      $element.removeAttribute('tabindex')\n    }\n  }\n\n  // Add listener to reset element on blur, after focus\n  $element.addEventListener('focus', onFocus, { once: true })\n\n  // Focus element\n  options.onBeforeFocus?.call($element)\n  $element.focus()\n}\n\n/**\n * Checks if component is already initialised\n *\n * @internal\n * @param {Element} $root - HTML element to be checked\n * @param {string} moduleName - name of component module\n * @returns {boolean} Whether component is already initialised\n */\nexport function isInitialised($root, moduleName) {\n  return (\n    $root instanceof HTMLElement &&\n    $root.hasAttribute(`data-${moduleName}-init`)\n  )\n}\n\n/**\n * Checks if GOV.UK Frontend is supported on this page\n *\n * Some browsers will load and run our JavaScript but GOV.UK Frontend\n * won't be supported.\n *\n * @param {HTMLElement | null} [$scope] - (internal) `<body>` HTML element checked for browser support\n * @returns {boolean} Whether GOV.UK Frontend is supported on this page\n */\nexport function isSupported($scope = document.body) {\n  if (!$scope) {\n    return false\n  }\n\n  return $scope.classList.contains('govuk-frontend-supported')\n}\n\n/**\n * Check for an array\n *\n * @internal\n * @param {unknown} option - Option to check\n * @returns {boolean} Whether the option is an array\n */\nfunction isArray(option) {\n  return Array.isArray(option)\n}\n\n/**\n * Check for an object\n *\n * @internal\n * @template {Partial<Record<keyof ObjectType, unknown>>} ObjectType\n * @param {unknown | ObjectType} option - Option to check\n * @returns {option is ObjectType} Whether the option is an object\n */\nexport function isObject(option) {\n  return !!option && typeof option === 'object' && !isArray(option)\n}\n\n/**\n * Check for valid scope\n *\n * @internal\n * @template {Element | Document} ScopeType\n * @param {unknown | ScopeType} $scope - Scope of the document to search within\n * @returns {$scope is ScopeType} Whether the scope can be queried\n */\nexport function isScope($scope) {\n  return !!$scope && ($scope instanceof Element || $scope instanceof Document)\n}\n\n/**\n * Format error message\n *\n * @internal\n * @param {ComponentWithModuleName} Component - Component that threw the error\n * @param {string} message - Error message\n * @returns {string} - Formatted error message\n */\nexport function formatErrorMessage(Component, message) {\n  return `${Component.moduleName}: ${message}`\n}\n\n/* eslint-disable jsdoc/valid-types --\n * `{new(...args: any[] ): object}` is not recognised as valid\n * https://github.com/gajus/eslint-plugin-jsdoc/issues/145#issuecomment-1308722878\n * https://github.com/jsdoc-type-pratt-parser/jsdoc-type-pratt-parser/issues/131\n **/\n\n/**\n * @typedef ComponentWithModuleName\n * @property {string} moduleName - Name of the component\n */\n\n/* eslint-enable jsdoc/valid-types */\n","import { formatErrorMessage, isObject } from '../common/index.mjs'\n\n/**\n * GOV.UK Frontend error\n *\n * A base class for `Error`s thrown by GOV.UK Frontend.\n *\n * It is meant to be extended into specific types of errors\n * to be thrown by our code.\n *\n * @example\n * ```js\n * class MissingRootError extends GOVUKFrontendError {\n *   // Setting an explicit name is important as extending the class will not\n *   // set a new `name` on the subclass. The `name` property is important\n *   // to ensure intelligible error names even if the class name gets\n *   // mangled by a minifier\n *   name = \"MissingRootError\"\n * }\n * ```\n * @virtual\n */\nexport class GOVUKFrontendError extends Error {\n  name = 'GOVUKFrontendError'\n}\n\n/**\n * Indicates that GOV.UK Frontend is not supported\n */\nexport class SupportError extends GOVUKFrontendError {\n  name = 'SupportError'\n\n  /**\n   * Checks if GOV.UK Frontend is supported on this page\n   *\n   * @param {HTMLElement | null} [$scope] - HTML element `<body>` checked for browser support\n   */\n  constructor($scope = document.body) {\n    const supportMessage =\n      'noModule' in HTMLScriptElement.prototype\n        ? 'GOV.UK Frontend initialised without `<body class=\"govuk-frontend-supported\">` from template `<script>` snippet'\n        : 'GOV.UK Frontend is not supported in this browser'\n\n    super(\n      $scope\n        ? supportMessage\n        : 'GOV.UK Frontend initialised without `<script type=\"module\">`'\n    )\n  }\n}\n\n/**\n * Indicates that a component has received an illegal configuration\n */\nexport class ConfigError extends GOVUKFrontendError {\n  name = 'ConfigError'\n}\n\n/**\n * Indicates an issue with an element (possibly `null` or `undefined`)\n */\nexport class ElementError extends GOVUKFrontendError {\n  name = 'ElementError'\n\n  /**\n   * @internal\n   * @overload\n   * @param {string} message - Element error message\n   */\n\n  /**\n   * @internal\n   * @overload\n   * @param {ElementErrorOptions} options - Element error options\n   */\n\n  /**\n   * @internal\n   * @param {string | ElementErrorOptions} messageOrOptions - Element error message or options\n   */\n  constructor(messageOrOptions) {\n    let message = typeof messageOrOptions === 'string' ? messageOrOptions : ''\n\n    // Build message from options\n    if (isObject(messageOrOptions)) {\n      const { component, identifier, element, expectedType } = messageOrOptions\n\n      message = identifier\n\n      // Append reason\n      message += element\n        ? ` is not of type ${expectedType ?? 'HTMLElement'}`\n        : ' not found'\n\n      // Prepend with module name (optional)\n      if (component) {\n        message = formatErrorMessage(component, message)\n      }\n    }\n\n    super(message)\n  }\n}\n\n/**\n * Indicates that a component is already initialised\n */\nexport class InitError extends GOVUKFrontendError {\n  name = 'InitError'\n\n  /**\n   * @internal\n   * @param {ComponentWithModuleName | string} componentOrMessage - name of the component module\n   */\n  constructor(componentOrMessage) {\n    const message =\n      typeof componentOrMessage === 'string'\n        ? componentOrMessage\n        : formatErrorMessage(\n            componentOrMessage,\n            `Root element (\\`$root\\`) already initialised`\n          )\n\n    super(message)\n  }\n}\n\n/**\n * Element error options\n *\n * @internal\n * @typedef {object} ElementErrorOptions\n * @property {Element | Document | null} [element] - The element in error (optional)\n * @property {ComponentWithModuleName} [component] - Component throwing the error (optional)\n * @property {string} identifier - An identifier that'll let the user understand which element has an error. This is whatever makes the most sense\n * @property {string} [expectedType] - The type that was expected for the identifier (optional)\n */\n\n/**\n * @import { ComponentWithModuleName } from '../common/index.mjs'\n */\n","import { isInitialised, isSupported } from './common/index.mjs'\nimport { ElementError, InitError, SupportError } from './errors/index.mjs'\n\n/**\n * Base Component class\n *\n * Centralises the behaviours shared by our components\n *\n * @virtual\n * @template {Element} [RootElementType=HTMLElement]\n */\nexport class Component {\n  /**\n   * @type {typeof Element}\n   */\n  static elementType = HTMLElement\n\n  // allows Typescript user to work around the lack of types\n  // in GOVUKFrontend package, Typescript is not aware of $root\n  // in components that extend GOVUKFrontendComponent\n  /**\n   * Returns the root element of the component\n   *\n   * @protected\n   * @returns {RootElementType} - the root element of component\n   */\n  get $root() {\n    return this._$root\n  }\n\n  /**\n   * @protected\n   * @type {RootElementType}\n   */\n  _$root\n\n  /**\n   * Constructs a new component, validating that GOV.UK Frontend is supported\n   *\n   * @internal\n   * @param {Element | null} [$root] - HTML element to use for component\n   */\n  constructor($root) {\n    const childConstructor = /** @type {ChildClassConstructor} */ (\n      this.constructor\n    )\n\n    // TypeScript does not enforce that inheriting classes will define a `moduleName`\n    // (even if we add a `@virtual` `static moduleName` property to this class).\n    // While we trust users to do this correctly, we do a little check to provide them\n    // a helpful error message.\n    //\n    // After this, we'll be sure that `childConstructor` has a `moduleName`\n    // as expected of the `ChildClassConstructor` we've cast `this.constructor` to.\n    if (typeof childConstructor.moduleName !== 'string') {\n      throw new InitError(`\\`moduleName\\` not defined in component`)\n    }\n\n    if (!($root instanceof childConstructor.elementType)) {\n      throw new ElementError({\n        element: $root,\n        component: childConstructor,\n        identifier: 'Root element (`$root`)',\n        expectedType: childConstructor.elementType.name\n      })\n    } else {\n      this._$root = /** @type {RootElementType} */ ($root)\n    }\n\n    childConstructor.checkSupport()\n\n    this.checkInitialised()\n\n    const moduleName = childConstructor.moduleName\n\n    this.$root.setAttribute(`data-${moduleName}-init`, '')\n  }\n\n  /**\n   * Validates whether component is already initialised\n   *\n   * @private\n   * @throws {InitError} when component is already initialised\n   */\n  checkInitialised() {\n    const constructor = /** @type {ChildClassConstructor} */ (this.constructor)\n    const moduleName = constructor.moduleName\n\n    if (moduleName && isInitialised(this.$root, moduleName)) {\n      throw new InitError(constructor)\n    }\n  }\n\n  /**\n   * Validates whether components are supported\n   *\n   * @throws {SupportError} when the components are not supported\n   */\n  static checkSupport() {\n    if (!isSupported()) {\n      throw new SupportError()\n    }\n  }\n}\n\n/**\n * @typedef ChildClass\n * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component\n */\n\n/**\n * @typedef {typeof Component & ChildClass} ChildClassConstructor\n */\n","import { Component } from '../component.mjs'\nimport { ConfigError } from '../errors/index.mjs'\n\nimport { isObject, isScope, formatErrorMessage } from './index.mjs'\n\nexport const configOverride = Symbol.for('configOverride')\n\n/**\n * Base Component class\n *\n * Centralises the behaviours shared by our components\n *\n * @virtual\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]\n * @template {Element & { dataset: DOMStringMap }} [RootElementType=HTMLElement]\n * @augments Component<RootElementType>\n */\nexport class ConfigurableComponent extends Component {\n  /**\n   * configOverride\n   *\n   * Function which defines configuration overrides to prioritize\n   * properties from the root element's dataset.\n   *\n   * It should take a subset of configuration as input and return\n   * a new configuration object with properties that should be\n   * overridden based on the root element's dataset. A Symbol\n   * is used for indexing to prevent conflicts.\n   *\n   * @internal\n   * @virtual\n   * @param {Partial<ConfigurationType>} [param] - Configuration object\n   * @returns {Partial<ConfigurationType>} return - Configuration object\n   */\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  [configOverride](param) {\n    return {}\n  }\n\n  /**\n   * Returns the root element of the component\n   *\n   * @protected\n   * @returns {ConfigurationType} - the root element of component\n   */\n  get config() {\n    return this._config\n  }\n\n  /**\n   *\n   * @type {ConfigurationType}\n   */\n  _config\n\n  /**\n   * Constructs a new component, validating that GOV.UK Frontend is supported\n   *\n   * @internal\n   * @param {Element | null} [$root] - HTML element to use for component\n   * @param {ConfigurationType} [config] - HTML element to use for component\n   */\n  constructor($root, config) {\n    super($root)\n\n    const childConstructor =\n      /** @type {ChildClassConstructor<ConfigurationType>} */ (this.constructor)\n\n    if (!isObject(childConstructor.defaults)) {\n      throw new ConfigError(\n        formatErrorMessage(\n          childConstructor,\n          'Config passed as parameter into constructor but no defaults defined'\n        )\n      )\n    }\n\n    const datasetConfig = /** @type {ConfigurationType} */ (\n      normaliseDataset(childConstructor, this._$root.dataset)\n    )\n\n    this._config = /** @type {ConfigurationType} */ (\n      mergeConfigs(\n        childConstructor.defaults,\n        config ?? {},\n        this[configOverride](datasetConfig),\n        datasetConfig\n      )\n    )\n  }\n}\n\n/**\n * Normalise string\n *\n * 'If it looks like a duck, and it quacks like a duck…' 🦆\n *\n * If the passed value looks like a boolean or a number, convert it to a boolean\n * or number.\n *\n * Designed to be used to convert config passed via data attributes (which are\n * always strings) into something sensible.\n *\n * @internal\n * @param {DOMStringMap[string]} value - The value to normalise\n * @param {SchemaProperty} [property] - Component schema property\n * @returns {string | boolean | number | undefined} Normalised data\n */\nexport function normaliseString(value, property) {\n  const trimmedValue = value ? value.trim() : ''\n\n  let output\n  let outputType = property?.type\n\n  // No schema type set? Determine automatically\n  if (!outputType) {\n    if (['true', 'false'].includes(trimmedValue)) {\n      outputType = 'boolean'\n    }\n\n    // Empty / whitespace-only strings are considered finite so we need to check\n    // the length of the trimmed string as well\n    if (trimmedValue.length > 0 && isFinite(Number(trimmedValue))) {\n      outputType = 'number'\n    }\n  }\n\n  switch (outputType) {\n    case 'boolean':\n      output = trimmedValue === 'true'\n      break\n\n    case 'number':\n      output = Number(trimmedValue)\n      break\n\n    default:\n      output = value\n  }\n\n  return output\n}\n\n/**\n * Normalise dataset\n *\n * Loop over an object and normalise each value using {@link normaliseString},\n * optionally expanding nested `i18n.field`\n *\n * @internal\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @template {[keyof ConfigurationType, SchemaProperty | undefined][]} SchemaEntryType\n * @param {{ schema?: Schema<ConfigurationType>, moduleName: string }} Component - Component class\n * @param {DOMStringMap} dataset - HTML element dataset\n * @returns {ObjectNested} Normalised dataset\n */\nexport function normaliseDataset(Component, dataset) {\n  if (!isObject(Component.schema)) {\n    throw new ConfigError(\n      formatErrorMessage(\n        Component,\n        'Config passed as parameter into constructor but no schema defined'\n      )\n    )\n  }\n\n  const out = /** @type {ObjectNested} */ ({})\n  const entries = /** @type {SchemaEntryType} */ (\n    Object.entries(Component.schema.properties)\n  )\n\n  // Normalise top-level dataset ('data-*') values using schema types\n  for (const entry of entries) {\n    const [namespace, property] = entry\n\n    // Cast the `namespace` to string so it can be used to access the dataset\n    const field = namespace.toString()\n\n    if (field in dataset) {\n      out[field] = normaliseString(dataset[field], property)\n    }\n\n    /**\n     * Extract and normalise nested object values automatically using\n     * {@link normaliseString} but only schema object types are allowed\n     */\n    if (property?.type === 'object') {\n      out[field] = extractConfigByNamespace(\n        Component.schema,\n        dataset,\n        namespace\n      )\n    }\n  }\n\n  return out\n}\n\n/**\n * Normalise options passed to `initAll` or `createAll`\n *\n * @internal\n * @template {CompatibleClass} ComponentClass\n * @param {Config | CreateAllOptions<ComponentClass> | OnErrorCallback<ComponentClass> | Element | Document | null} [scopeOrOptions] - Scope of the document to search within, initialisation options or error callback function\n * @returns {CreateAllOptions<ComponentClass>} Normalised options\n */\nexport function normaliseOptions(scopeOrOptions) {\n  let /** @type {Element | Document | null} */ $scope = document\n  let /** @type {OnErrorCallback<ComponentClass> | undefined} */ onError\n\n  // Handle options object\n  if (isObject(scopeOrOptions)) {\n    const options = scopeOrOptions\n\n    // Scope must be valid or null\n    if (isScope(options.scope) || options.scope === null) {\n      $scope = options.scope\n    }\n\n    // Error handler must be a function\n    if (typeof options.onError === 'function') {\n      onError = options.onError\n    }\n  }\n\n  if (isScope(scopeOrOptions)) {\n    $scope = scopeOrOptions\n  } else if (scopeOrOptions === null) {\n    $scope = null\n  } else if (typeof scopeOrOptions === 'function') {\n    onError = scopeOrOptions\n  }\n\n  return {\n    scope: $scope,\n    onError\n  }\n}\n\n/**\n * Config merging function\n *\n * Takes any number of objects and combines them together, with\n * greatest priority on the LAST item passed in.\n *\n * @internal\n * @param {...{ [key: string]: unknown }} configObjects - Config objects to merge\n * @returns {{ [key: string]: unknown }} A merged config object\n */\nexport function mergeConfigs(...configObjects) {\n  // Start with an empty object as our base\n  /** @type {{ [key: string]: unknown }} */\n  const formattedConfigObject = {}\n\n  // Loop through each of the passed objects\n  for (const configObject of configObjects) {\n    for (const key of Object.keys(configObject)) {\n      const option = formattedConfigObject[key]\n      const override = configObject[key]\n\n      // Push their keys one-by-one into formattedConfigObject. Any duplicate\n      // keys with object values will be merged, otherwise the new value will\n      // override the existing value.\n      if (isObject(option) && isObject(override)) {\n        formattedConfigObject[key] = mergeConfigs(option, override)\n      } else {\n        // Apply override\n        formattedConfigObject[key] = override\n      }\n    }\n  }\n\n  return formattedConfigObject\n}\n\n/**\n * Validate component config by schema\n *\n * Follows limited examples in JSON schema for wider support in future\n *\n * {@link https://ajv.js.org/json-schema.html#compound-keywords}\n * {@link https://ajv.js.org/packages/ajv-errors.html#single-message}\n *\n * @internal\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @param {Schema<ConfigurationType>} schema - The schema of a component\n * @param {ConfigurationType} config - Component config\n * @returns {string[]} List of validation errors\n */\nexport function validateConfig(schema, config) {\n  const validationErrors = []\n\n  // Check errors for each schema\n  for (const [name, conditions] of Object.entries(schema)) {\n    const errors = []\n\n    // Check errors for each schema condition\n    if (Array.isArray(conditions)) {\n      for (const { required, errorMessage } of conditions) {\n        if (!required.every((key) => !!config[key])) {\n          errors.push(errorMessage) // Missing config key value\n        }\n      }\n\n      // Check one condition passes or add errors\n      if (name === 'anyOf' && !(conditions.length - errors.length >= 1)) {\n        validationErrors.push(...errors)\n      }\n    }\n  }\n\n  return validationErrors\n}\n\n/**\n * Extracts keys starting with a particular namespace from dataset ('data-*')\n * object, removing the namespace in the process, normalising all values\n *\n * @internal\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @param {Schema<ConfigurationType>} schema - The schema of a component\n * @param {DOMStringMap} dataset - The object to extract key-value pairs from\n * @param {keyof ConfigurationType} namespace - The namespace to filter keys with\n * @returns {ObjectNested | undefined} Nested object with dot-separated key namespace removed\n */\nexport function extractConfigByNamespace(schema, dataset, namespace) {\n  const property = schema.properties[namespace]\n\n  // Only extract configs for object schema properties\n  if (property?.type !== 'object') {\n    return\n  }\n\n  // Add default empty config\n  const newObject = /** @type {Record<typeof namespace, ObjectNested>} */ ({\n    [namespace]: {}\n  })\n\n  for (const [key, value] of Object.entries(dataset)) {\n    /** @type {ObjectNested | ObjectNested[NestedKey]} */\n    let current = newObject\n\n    // Split the key into parts, using . as our namespace separator\n    const keyParts = key.split('.')\n\n    /**\n     * Create new level per part\n     *\n     * e.g. 'i18n.textareaDescription.other' becomes\n     * `{ i18n: { textareaDescription: { other } } }`\n     */\n    for (const [index, name] of keyParts.entries()) {\n      if (isObject(current)) {\n        // Drop down to nested object until the last part\n        if (index < keyParts.length - 1) {\n          // New nested object (optionally) replaces existing value\n          if (!isObject(current[name])) {\n            current[name] = {}\n          }\n\n          // Drop down into new or existing nested object\n          current = current[name]\n        } else if (key !== namespace) {\n          // Normalised value (optionally) replaces existing value\n          current[name] = normaliseString(value)\n        }\n      }\n    }\n  }\n\n  return newObject[namespace]\n}\n\n/**\n * @internal\n * @typedef {keyof ObjectNested} NestedKey\n * @typedef {{ [key: string]: string | boolean | number | ObjectNested | undefined }} ObjectNested\n */\n\n/**\n * Schema for component config\n *\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @typedef {object} Schema\n * @property {Record<keyof ConfigurationType, SchemaProperty | undefined>} properties - Schema properties\n * @property {SchemaCondition<ConfigurationType>[]} [anyOf] - List of schema conditions\n */\n\n/**\n * Schema property for component config\n *\n * @typedef {object} SchemaProperty\n * @property {'string' | 'boolean' | 'number' | 'object'} type - Property type\n */\n\n/**\n * Schema condition for component config\n *\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @typedef {object} SchemaCondition\n * @property {(keyof ConfigurationType)[]} required - List of required config fields\n * @property {string} errorMessage - Error message when required config fields not provided\n */\n\n/**\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]\n * @typedef ChildClass\n * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component\n * @property {Schema<ConfigurationType>} [schema] - The schema of the component configuration\n * @property {ConfigurationType} [defaults] - The default values of the configuration of the component\n */\n\n/**\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]\n * @typedef {typeof Component & ChildClass<ConfigurationType>} ChildClassConstructor<ConfigurationType>\n */\n\n/**\n * @import { CompatibleClass, Config, CreateAllOptions, OnErrorCallback } from '../init.mjs'\n */\n","import { isObject } from './common/index.mjs'\n\n/**\n * Internal support for selecting messages to render, with placeholder\n * interpolation and locale-aware number formatting and pluralisation\n *\n * @internal\n */\nexport class I18n {\n  translations\n  locale\n\n  /**\n   * @internal\n   * @param {{ [key: string]: string | TranslationPluralForms }} translations - Key-value pairs of the translation strings to use.\n   * @param {object} [config] - Configuration options for the function.\n   * @param {string | null} [config.locale] - An overriding locale for the PluralRules functionality.\n   */\n  constructor(translations = {}, config = {}) {\n    // Make list of translations available throughout function\n    this.translations = translations\n\n    // The locale to use for PluralRules and NumberFormat\n    this.locale = config.locale ?? (document.documentElement.lang || 'en')\n  }\n\n  /**\n   * The most used function - takes the key for a given piece of UI text and\n   * returns the appropriate string.\n   *\n   * @internal\n   * @param {string} lookupKey - The lookup key of the string to use.\n   * @param {{ [key: string]: unknown }} [options] - Any options passed with the translation string, e.g: for string interpolation.\n   * @returns {string} The appropriate translation string.\n   * @throws {Error} Lookup key required\n   * @throws {Error} Options required for `${}` placeholders\n   */\n  t(lookupKey, options) {\n    if (!lookupKey) {\n      // Print a console error if no lookup key has been provided\n      throw new Error('i18n: lookup key missing')\n    }\n\n    // Fetch the translation for that lookup key\n    let translation = this.translations[lookupKey]\n\n    // If the `count` option is set, determine which plural suffix is needed and\n    // change the lookupKey to match. We check to see if it's numeric instead of\n    // falsy, as this could legitimately be 0.\n    if (typeof options?.count === 'number' && isObject(translation)) {\n      const translationPluralForm =\n        translation[this.getPluralSuffix(lookupKey, options.count)]\n\n      // Update translation with plural suffix\n      if (translationPluralForm) {\n        translation = translationPluralForm\n      }\n    }\n\n    if (typeof translation === 'string') {\n      // Check for ${} placeholders in the translation string\n      // eslint-disable-next-line @typescript-eslint/prefer-regexp-exec\n      if (translation.match(/%{(.\\S+)}/)) {\n        if (!options) {\n          throw new Error(\n            'i18n: cannot replace placeholders in string if no option data provided'\n          )\n        }\n\n        return this.replacePlaceholders(translation, options)\n      }\n\n      return translation\n    }\n\n    // If the key wasn't found in our translations object,\n    // return the lookup key itself as the fallback\n    return lookupKey\n  }\n\n  /**\n   * Takes a translation string with placeholders, and replaces the placeholders\n   * with the provided data\n   *\n   * @internal\n   * @param {string} translationString - The translation string\n   * @param {{ [key: string]: unknown }} options - Any options passed with the translation string, e.g: for string interpolation.\n   * @returns {string} The translation string to output, with $\\{\\} placeholders replaced\n   */\n  replacePlaceholders(translationString, options) {\n    const formatter = Intl.NumberFormat.supportedLocalesOf(this.locale).length\n      ? new Intl.NumberFormat(this.locale)\n      : undefined\n\n    return translationString.replace(\n      /%{(.\\S+)}/g,\n\n      /**\n       * Replace translation string placeholders\n       *\n       * @internal\n       * @param {string} placeholderWithBraces - Placeholder with braces\n       * @param {string} placeholderKey - Placeholder key\n       * @returns {string} Placeholder value\n       */\n      function (placeholderWithBraces, placeholderKey) {\n        if (Object.prototype.hasOwnProperty.call(options, placeholderKey)) {\n          const placeholderValue = options[placeholderKey]\n\n          // If a user has passed `false` as the value for the placeholder\n          // treat it as though the value should not be displayed\n          if (\n            placeholderValue === false ||\n            (typeof placeholderValue !== 'number' &&\n              typeof placeholderValue !== 'string')\n          ) {\n            return ''\n          }\n\n          // If the placeholder's value is a number, localise the number formatting\n          if (typeof placeholderValue === 'number') {\n            return formatter\n              ? formatter.format(placeholderValue)\n              : `${placeholderValue}`\n          }\n\n          return placeholderValue\n        }\n\n        throw new Error(\n          `i18n: no data found to replace ${placeholderWithBraces} placeholder in string`\n        )\n      }\n    )\n  }\n\n  /**\n   * Check to see if the browser supports Intl.PluralRules\n   *\n   * It requires all conditions to be met in order to be supported:\n   * - The implementation of Intl supports PluralRules (NOT true in Safari 10–12)\n   * - The browser/OS has plural rules for the current locale (browser dependent)\n   *\n   * {@link https://browsersl.ist/#q=supports+es6-module+and+not+supports+intl-pluralrules}\n   *\n   * @internal\n   * @returns {boolean} Returns true if all conditions are met. Returns false otherwise.\n   */\n  hasIntlPluralRulesSupport() {\n    return Boolean(\n      'PluralRules' in window.Intl &&\n        Intl.PluralRules.supportedLocalesOf(this.locale).length\n    )\n  }\n\n  /**\n   * Get the appropriate suffix for the plural form.\n   *\n   * Uses Intl.PluralRules (or our own fallback implementation) to get the\n   * 'preferred' form to use for the given count.\n   *\n   * Checks that a translation has been provided for that plural form – if it\n   * hasn't, it'll fall back to the 'other' plural form (unless that doesn't exist\n   * either, in which case an error will be thrown)\n   *\n   * @internal\n   * @param {string} lookupKey - The lookup key of the string to use.\n   * @param {number} count - Number used to determine which pluralisation to use.\n   * @returns {PluralRule} The suffix associated with the correct pluralisation for this locale.\n   * @throws {Error} Plural form `.other` required when preferred plural form is missing\n   */\n  getPluralSuffix(lookupKey, count) {\n    // Validate that the number is actually a number.\n    //\n    // Number(count) will turn anything that can't be converted to a Number type\n    // into 'NaN'. isFinite filters out NaN, as it isn't a finite number.\n    // eslint-disable-next-line @typescript-eslint/no-unnecessary-type-conversion\n    count = Number(count)\n    if (!isFinite(count)) {\n      return 'other'\n    }\n\n    // Fetch the translation for that lookup key\n    const translation = this.translations[lookupKey]\n\n    // Check to verify that all the requirements for Intl.PluralRules are met.\n    // If so, we can use that instead of our custom implementation. Otherwise,\n    // use the hardcoded fallback.\n    const preferredForm = this.hasIntlPluralRulesSupport()\n      ? new Intl.PluralRules(this.locale).select(count)\n      : 'other'\n\n    // Use the correct plural form if provided\n    if (isObject(translation)) {\n      if (preferredForm in translation) {\n        return preferredForm\n        // Fall back to `other` if the plural form is missing, but log a warning\n        // to the console\n      } else if ('other' in translation) {\n        console.warn(\n          `i18n: Missing plural form \".${preferredForm}\" for \"${this.locale}\" locale. Falling back to \".other\".`\n        )\n\n        return 'other'\n      }\n    }\n\n    // If the required `other` plural form is missing, all we can do is error\n    throw new Error(\n      `i18n: Plural form \".other\" is required for \"${this.locale}\" locale`\n    )\n  }\n}\n\n/**\n * Plural rule category mnemonic tags\n *\n * @internal\n * @typedef {'zero' | 'one' | 'two' | 'few' | 'many' | 'other'} PluralRule\n */\n\n/**\n * Translated message by plural rule they correspond to.\n *\n * Allows to group pluralised messages under a single key when passing\n * translations to a component's constructor\n *\n * @internal\n * @typedef {object} TranslationPluralForms\n * @property {string} [other] - General plural form\n * @property {string} [zero] - Plural form used with 0\n * @property {string} [one] - Plural form used with 1\n * @property {string} [two] - Plural form used with 2\n * @property {string} [few] - Plural form used for a few\n * @property {string} [many] - Plural form used for many\n */\n","import { closestAttributeValue } from '../../common/closest-attribute-value.mjs'\nimport { ConfigurableComponent } from '../../common/configuration.mjs'\nimport { ElementError } from '../../errors/index.mjs'\nimport { I18n } from '../../i18n.mjs'\n\n/**\n * Password input component\n *\n * @preserve\n * @augments ConfigurableComponent<PasswordInputConfig>\n */\nexport class PasswordInput extends ConfigurableComponent {\n  /** @private */\n  i18n\n\n  /**\n   * @private\n   * @type {HTMLInputElement}\n   */\n  $input\n\n  /**\n   * @private\n   * @type {HTMLButtonElement}\n   */\n  $showHideButton\n\n  /** @private */\n  $screenReaderStatusMessage\n\n  /**\n   * @param {Element | null} $root - HTML element to use for password input\n   * @param {PasswordInputConfig} [config] - Password input config\n   */\n  constructor($root, config = {}) {\n    super($root, config)\n\n    const $input = this.$root.querySelector('.govuk-js-password-input-input')\n    if (!($input instanceof HTMLInputElement)) {\n      throw new ElementError({\n        component: PasswordInput,\n        element: $input,\n        expectedType: 'HTMLInputElement',\n        identifier: 'Form field (`.govuk-js-password-input-input`)'\n      })\n    }\n\n    if ($input.type !== 'password') {\n      throw new ElementError(\n        'Password input: Form field (`.govuk-js-password-input-input`) must be of type `password`.'\n      )\n    }\n\n    const $showHideButton = this.$root.querySelector(\n      '.govuk-js-password-input-toggle'\n    )\n    if (!($showHideButton instanceof HTMLButtonElement)) {\n      throw new ElementError({\n        component: PasswordInput,\n        element: $showHideButton,\n        expectedType: 'HTMLButtonElement',\n        identifier: 'Button (`.govuk-js-password-input-toggle`)'\n      })\n    }\n\n    if ($showHideButton.type !== 'button') {\n      throw new ElementError(\n        'Password input: Button (`.govuk-js-password-input-toggle`) must be of type `button`.'\n      )\n    }\n\n    this.$input = $input\n    this.$showHideButton = $showHideButton\n\n    this.i18n = new I18n(this.config.i18n, {\n      // Read the fallback if necessary rather than have it set in the defaults\n      locale: closestAttributeValue(this.$root, 'lang')\n    })\n\n    // Show the toggle button element\n    this.$showHideButton.removeAttribute('hidden')\n\n    // Create and append the status text for screen readers.\n    // This is injected between the input and button so that users get a sensible reading order if\n    // moving through the page content linearly:\n    // [password input] -> [your password is visible/hidden] -> [show/hide password]\n    const $screenReaderStatusMessage = document.createElement('div')\n    $screenReaderStatusMessage.className =\n      'govuk-password-input__sr-status govuk-visually-hidden'\n    $screenReaderStatusMessage.setAttribute('aria-live', 'polite')\n    this.$screenReaderStatusMessage = $screenReaderStatusMessage\n    this.$input.insertAdjacentElement('afterend', $screenReaderStatusMessage)\n\n    // Bind toggle button\n    this.$showHideButton.addEventListener('click', this.toggle.bind(this))\n\n    // Bind event to revert the password visibility to hidden\n    if (this.$input.form) {\n      this.$input.form.addEventListener('submit', () => this.hide())\n    }\n\n    // If the page is restored from bfcache and the password is visible, hide it again\n    window.addEventListener('pageshow', (event) => {\n      if (event.persisted && this.$input.type !== 'password') {\n        this.hide()\n      }\n    })\n\n    // Default the component to having the password hidden.\n    this.hide()\n  }\n\n  /**\n   * Toggle the visibility of the password input\n   *\n   * @private\n   * @param {MouseEvent} event - Click event\n   */\n  toggle(event) {\n    event.preventDefault()\n\n    // If on this click, the field is type=\"password\", show the value\n    if (this.$input.type === 'password') {\n      this.show()\n      return\n    }\n\n    // Otherwise, hide it\n    // Being defensive - hiding should always be the default\n    this.hide()\n  }\n\n  /**\n   * Show the password input value in plain text.\n   *\n   * @private\n   */\n  show() {\n    this.setType('text')\n  }\n\n  /**\n   * Hide the password input value.\n   *\n   * @private\n   */\n  hide() {\n    this.setType('password')\n  }\n\n  /**\n   * Set the password input type\n   *\n   * @param {'text' | 'password'} type - Input type\n   * @private\n   */\n  setType(type) {\n    if (type === this.$input.type) {\n      return\n    }\n\n    // Update input type\n    this.$input.setAttribute('type', type)\n\n    const isHidden = type === 'password'\n    const prefixButton = isHidden ? 'show' : 'hide'\n    const prefixStatus = isHidden ? 'passwordHidden' : 'passwordShown'\n\n    // Update button text\n    this.$showHideButton.innerText = this.i18n.t(`${prefixButton}Password`)\n\n    // Update button aria-label\n    this.$showHideButton.setAttribute(\n      'aria-label',\n      this.i18n.t(`${prefixButton}PasswordAriaLabel`)\n    )\n\n    // Update status change text\n    this.$screenReaderStatusMessage.innerText = this.i18n.t(\n      `${prefixStatus}Announcement`\n    )\n  }\n\n  /**\n   * Name for the component used when initialising using data-module attributes.\n   */\n  static moduleName = 'govuk-password-input'\n\n  /**\n   * Password input default config\n   *\n   * @see {@link PasswordInputConfig}\n   * @constant\n   * @default\n   * @type {PasswordInputConfig}\n   */\n  static defaults = Object.freeze({\n    i18n: {\n      showPassword: 'Show',\n      hidePassword: 'Hide',\n      showPasswordAriaLabel: 'Show password',\n      hidePasswordAriaLabel: 'Hide password',\n      passwordShownAnnouncement: 'Your password is visible',\n      passwordHiddenAnnouncement: 'Your password is hidden'\n    }\n  })\n\n  /**\n   * Password input config schema\n   *\n   * @constant\n   * @satisfies {Schema<PasswordInputConfig>}\n   */\n  static schema = Object.freeze({\n    properties: {\n      i18n: { type: 'object' }\n    }\n  })\n}\n\n/**\n * Password input config\n *\n * @typedef {object} PasswordInputConfig\n * @property {PasswordInputTranslations} [i18n=PasswordInput.defaults.i18n] - Password input translations\n */\n\n/**\n * Password input translations\n *\n * @see {@link PasswordInput.defaults.i18n}\n * @typedef {object} PasswordInputTranslations\n *\n * Messages displayed to the user indicating the state of the show/hide toggle.\n * @property {string} [showPassword] - Visible text of the button when the\n *   password is currently hidden. Plain text only.\n * @property {string} [hidePassword] - Visible text of the button when the\n *   password is currently visible. Plain text only.\n * @property {string} [showPasswordAriaLabel] - aria-label of the button when\n *   the password is currently hidden. Plain text only.\n * @property {string} [hidePasswordAriaLabel] - aria-label of the button when\n *   the password is currently visible. Plain text only.\n * @property {string} [passwordShownAnnouncement] - Screen reader\n *   announcement to make when the password has just become visible.\n *   Plain text only.\n * @property {string} [passwordHiddenAnnouncement] - Screen reader\n *   announcement to make when the password has just been hidden.\n *   Plain text only.\n */\n\n/**\n * @import { Schema } from '../../common/configuration.mjs'\n */\n"],"names":["closestAttributeValue","$element","attributeName","$closestElementWithAttribute","closest","getAttribute","isInitialised","$root","moduleName","HTMLElement","hasAttribute","isSupported","$scope","document","body","classList","contains","isArray","option","Array","isObject","formatErrorMessage","Component","message","GOVUKFrontendError","Error","constructor","args","name","SupportError","supportMessage","HTMLScriptElement","prototype","ConfigError","ElementError","messageOrOptions","component","identifier","element","expectedType","InitError","componentOrMessage","_$root","childConstructor","elementType","checkSupport","checkInitialised","setAttribute","configOverride","Symbol","for","ConfigurableComponent","param","config","_config","defaults","datasetConfig","normaliseDataset","dataset","mergeConfigs","normaliseString","value","property","trimmedValue","trim","output","outputType","type","includes","length","isFinite","Number","schema","out","entries","Object","properties","entry","namespace","field","toString","extractConfigByNamespace","configObjects","formattedConfigObject","configObject","key","keys","override","newObject","current","keyParts","split","index","I18n","translations","_config$locale","locale","documentElement","lang","t","lookupKey","options","translation","count","translationPluralForm","getPluralSuffix","match","replacePlaceholders","translationString","formatter","Intl","NumberFormat","supportedLocalesOf","undefined","replace","placeholderWithBraces","placeholderKey","hasOwnProperty","call","placeholderValue","format","hasIntlPluralRulesSupport","Boolean","window","PluralRules","preferredForm","select","console","warn","PasswordInput","i18n","$input","$showHideButton","$screenReaderStatusMessage","querySelector","HTMLInputElement","HTMLButtonElement","removeAttribute","createElement","className","insertAdjacentElement","addEventListener","toggle","bind","form","hide","event","persisted","preventDefault","show","setType","isHidden","prefixButton","prefixStatus","innerText","freeze","showPassword","hidePassword","showPasswordAriaLabel","hidePasswordAriaLabel","passwordShownAnnouncement","passwordHiddenAnnouncement"],"mappings":"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"}
\ No newline at end of file
diff --git a/app/templates/govuk/components/password-input/password-input.mjs b/app/templates/govuk/components/password-input/password-input.mjs
new file mode 100644
index 0000000..d246fcb
--- /dev/null
+++ b/app/templates/govuk/components/password-input/password-input.mjs
@@ -0,0 +1,150 @@
+import { closestAttributeValue } from '../../common/closest-attribute-value.mjs';
+import { ConfigurableComponent } from '../../common/configuration.mjs';
+import { ElementError } from '../../errors/index.mjs';
+import { I18n } from '../../i18n.mjs';
+
+/**
+ * Password input component
+ *
+ * @preserve
+ * @augments ConfigurableComponent<PasswordInputConfig>
+ */
+class PasswordInput extends ConfigurableComponent {
+  /**
+   * @param {Element | null} $root - HTML element to use for password input
+   * @param {PasswordInputConfig} [config] - Password input config
+   */
+  constructor($root, config = {}) {
+    super($root, config);
+    this.i18n = void 0;
+    this.$input = void 0;
+    this.$showHideButton = void 0;
+    this.$screenReaderStatusMessage = void 0;
+    const $input = this.$root.querySelector('.govuk-js-password-input-input');
+    if (!($input instanceof HTMLInputElement)) {
+      throw new ElementError({
+        component: PasswordInput,
+        element: $input,
+        expectedType: 'HTMLInputElement',
+        identifier: 'Form field (`.govuk-js-password-input-input`)'
+      });
+    }
+    if ($input.type !== 'password') {
+      throw new ElementError('Password input: Form field (`.govuk-js-password-input-input`) must be of type `password`.');
+    }
+    const $showHideButton = this.$root.querySelector('.govuk-js-password-input-toggle');
+    if (!($showHideButton instanceof HTMLButtonElement)) {
+      throw new ElementError({
+        component: PasswordInput,
+        element: $showHideButton,
+        expectedType: 'HTMLButtonElement',
+        identifier: 'Button (`.govuk-js-password-input-toggle`)'
+      });
+    }
+    if ($showHideButton.type !== 'button') {
+      throw new ElementError('Password input: Button (`.govuk-js-password-input-toggle`) must be of type `button`.');
+    }
+    this.$input = $input;
+    this.$showHideButton = $showHideButton;
+    this.i18n = new I18n(this.config.i18n, {
+      locale: closestAttributeValue(this.$root, 'lang')
+    });
+    this.$showHideButton.removeAttribute('hidden');
+    const $screenReaderStatusMessage = document.createElement('div');
+    $screenReaderStatusMessage.className = 'govuk-password-input__sr-status govuk-visually-hidden';
+    $screenReaderStatusMessage.setAttribute('aria-live', 'polite');
+    this.$screenReaderStatusMessage = $screenReaderStatusMessage;
+    this.$input.insertAdjacentElement('afterend', $screenReaderStatusMessage);
+    this.$showHideButton.addEventListener('click', this.toggle.bind(this));
+    if (this.$input.form) {
+      this.$input.form.addEventListener('submit', () => this.hide());
+    }
+    window.addEventListener('pageshow', event => {
+      if (event.persisted && this.$input.type !== 'password') {
+        this.hide();
+      }
+    });
+    this.hide();
+  }
+  toggle(event) {
+    event.preventDefault();
+    if (this.$input.type === 'password') {
+      this.show();
+      return;
+    }
+    this.hide();
+  }
+  show() {
+    this.setType('text');
+  }
+  hide() {
+    this.setType('password');
+  }
+  setType(type) {
+    if (type === this.$input.type) {
+      return;
+    }
+    this.$input.setAttribute('type', type);
+    const isHidden = type === 'password';
+    const prefixButton = isHidden ? 'show' : 'hide';
+    const prefixStatus = isHidden ? 'passwordHidden' : 'passwordShown';
+    this.$showHideButton.innerText = this.i18n.t(`${prefixButton}Password`);
+    this.$showHideButton.setAttribute('aria-label', this.i18n.t(`${prefixButton}PasswordAriaLabel`));
+    this.$screenReaderStatusMessage.innerText = this.i18n.t(`${prefixStatus}Announcement`);
+  }
+}
+
+/**
+ * Password input config
+ *
+ * @typedef {object} PasswordInputConfig
+ * @property {PasswordInputTranslations} [i18n=PasswordInput.defaults.i18n] - Password input translations
+ */
+
+/**
+ * Password input translations
+ *
+ * @see {@link PasswordInput.defaults.i18n}
+ * @typedef {object} PasswordInputTranslations
+ *
+ * Messages displayed to the user indicating the state of the show/hide toggle.
+ * @property {string} [showPassword] - Visible text of the button when the
+ *   password is currently hidden. Plain text only.
+ * @property {string} [hidePassword] - Visible text of the button when the
+ *   password is currently visible. Plain text only.
+ * @property {string} [showPasswordAriaLabel] - aria-label of the button when
+ *   the password is currently hidden. Plain text only.
+ * @property {string} [hidePasswordAriaLabel] - aria-label of the button when
+ *   the password is currently visible. Plain text only.
+ * @property {string} [passwordShownAnnouncement] - Screen reader
+ *   announcement to make when the password has just become visible.
+ *   Plain text only.
+ * @property {string} [passwordHiddenAnnouncement] - Screen reader
+ *   announcement to make when the password has just been hidden.
+ *   Plain text only.
+ */
+
+/**
+ * @import { Schema } from '../../common/configuration.mjs'
+ */
+PasswordInput.moduleName = 'govuk-password-input';
+PasswordInput.defaults = Object.freeze({
+  i18n: {
+    showPassword: 'Show',
+    hidePassword: 'Hide',
+    showPasswordAriaLabel: 'Show password',
+    hidePasswordAriaLabel: 'Hide password',
+    passwordShownAnnouncement: 'Your password is visible',
+    passwordHiddenAnnouncement: 'Your password is hidden'
+  }
+});
+PasswordInput.schema = Object.freeze({
+  properties: {
+    i18n: {
+      type: 'object'
+    }
+  }
+});
+
+export { PasswordInput };
+//# sourceMappingURL=password-input.mjs.map
diff --git a/app/templates/govuk/components/password-input/password-input.mjs.map b/app/templates/govuk/components/password-input/password-input.mjs.map
new file mode 100644
index 0000000..659f9f2
--- /dev/null
+++ b/app/templates/govuk/components/password-input/password-input.mjs.map
@@ -0,0 +1 @@
+{"version":3,"file":"password-input.mjs","sources":["../../../../src/govuk/components/password-input/password-input.mjs"],"sourcesContent":["import { closestAttributeValue } from '../../common/closest-attribute-value.mjs'\nimport { ConfigurableComponent } from '../../common/configuration.mjs'\nimport { ElementError } from '../../errors/index.mjs'\nimport { I18n } from '../../i18n.mjs'\n\n/**\n * Password input component\n *\n * @preserve\n * @augments ConfigurableComponent<PasswordInputConfig>\n */\nexport class PasswordInput extends ConfigurableComponent {\n  /** @private */\n  i18n\n\n  /**\n   * @private\n   * @type {HTMLInputElement}\n   */\n  $input\n\n  /**\n   * @private\n   * @type {HTMLButtonElement}\n   */\n  $showHideButton\n\n  /** @private */\n  $screenReaderStatusMessage\n\n  /**\n   * @param {Element | null} $root - HTML element to use for password input\n   * @param {PasswordInputConfig} [config] - Password input config\n   */\n  constructor($root, config = {}) {\n    super($root, config)\n\n    const $input = this.$root.querySelector('.govuk-js-password-input-input')\n    if (!($input instanceof HTMLInputElement)) {\n      throw new ElementError({\n        component: PasswordInput,\n        element: $input,\n        expectedType: 'HTMLInputElement',\n        identifier: 'Form field (`.govuk-js-password-input-input`)'\n      })\n    }\n\n    if ($input.type !== 'password') {\n      throw new ElementError(\n        'Password input: Form field (`.govuk-js-password-input-input`) must be of type `password`.'\n      )\n    }\n\n    const $showHideButton = this.$root.querySelector(\n      '.govuk-js-password-input-toggle'\n    )\n    if (!($showHideButton instanceof HTMLButtonElement)) {\n      throw new ElementError({\n        component: PasswordInput,\n        element: $showHideButton,\n        expectedType: 'HTMLButtonElement',\n        identifier: 'Button (`.govuk-js-password-input-toggle`)'\n      })\n    }\n\n    if ($showHideButton.type !== 'button') {\n      throw new ElementError(\n        'Password input: Button (`.govuk-js-password-input-toggle`) must be of type `button`.'\n      )\n    }\n\n    this.$input = $input\n    this.$showHideButton = $showHideButton\n\n    this.i18n = new I18n(this.config.i18n, {\n      // Read the fallback if necessary rather than have it set in the defaults\n      locale: closestAttributeValue(this.$root, 'lang')\n    })\n\n    // Show the toggle button element\n    this.$showHideButton.removeAttribute('hidden')\n\n    // Create and append the status text for screen readers.\n    // This is injected between the input and button so that users get a sensible reading order if\n    // moving through the page content linearly:\n    // [password input] -> [your password is visible/hidden] -> [show/hide password]\n    const $screenReaderStatusMessage = document.createElement('div')\n    $screenReaderStatusMessage.className =\n      'govuk-password-input__sr-status govuk-visually-hidden'\n    $screenReaderStatusMessage.setAttribute('aria-live', 'polite')\n    this.$screenReaderStatusMessage = $screenReaderStatusMessage\n    this.$input.insertAdjacentElement('afterend', $screenReaderStatusMessage)\n\n    // Bind toggle button\n    this.$showHideButton.addEventListener('click', this.toggle.bind(this))\n\n    // Bind event to revert the password visibility to hidden\n    if (this.$input.form) {\n      this.$input.form.addEventListener('submit', () => this.hide())\n    }\n\n    // If the page is restored from bfcache and the password is visible, hide it again\n    window.addEventListener('pageshow', (event) => {\n      if (event.persisted && this.$input.type !== 'password') {\n        this.hide()\n      }\n    })\n\n    // Default the component to having the password hidden.\n    this.hide()\n  }\n\n  /**\n   * Toggle the visibility of the password input\n   *\n   * @private\n   * @param {MouseEvent} event - Click event\n   */\n  toggle(event) {\n    event.preventDefault()\n\n    // If on this click, the field is type=\"password\", show the value\n    if (this.$input.type === 'password') {\n      this.show()\n      return\n    }\n\n    // Otherwise, hide it\n    // Being defensive - hiding should always be the default\n    this.hide()\n  }\n\n  /**\n   * Show the password input value in plain text.\n   *\n   * @private\n   */\n  show() {\n    this.setType('text')\n  }\n\n  /**\n   * Hide the password input value.\n   *\n   * @private\n   */\n  hide() {\n    this.setType('password')\n  }\n\n  /**\n   * Set the password input type\n   *\n   * @param {'text' | 'password'} type - Input type\n   * @private\n   */\n  setType(type) {\n    if (type === this.$input.type) {\n      return\n    }\n\n    // Update input type\n    this.$input.setAttribute('type', type)\n\n    const isHidden = type === 'password'\n    const prefixButton = isHidden ? 'show' : 'hide'\n    const prefixStatus = isHidden ? 'passwordHidden' : 'passwordShown'\n\n    // Update button text\n    this.$showHideButton.innerText = this.i18n.t(`${prefixButton}Password`)\n\n    // Update button aria-label\n    this.$showHideButton.setAttribute(\n      'aria-label',\n      this.i18n.t(`${prefixButton}PasswordAriaLabel`)\n    )\n\n    // Update status change text\n    this.$screenReaderStatusMessage.innerText = this.i18n.t(\n      `${prefixStatus}Announcement`\n    )\n  }\n\n  /**\n   * Name for the component used when initialising using data-module attributes.\n   */\n  static moduleName = 'govuk-password-input'\n\n  /**\n   * Password input default config\n   *\n   * @see {@link PasswordInputConfig}\n   * @constant\n   * @default\n   * @type {PasswordInputConfig}\n   */\n  static defaults = Object.freeze({\n    i18n: {\n      showPassword: 'Show',\n      hidePassword: 'Hide',\n      showPasswordAriaLabel: 'Show password',\n      hidePasswordAriaLabel: 'Hide password',\n      passwordShownAnnouncement: 'Your password is visible',\n      passwordHiddenAnnouncement: 'Your password is hidden'\n    }\n  })\n\n  /**\n   * Password input config schema\n   *\n   * @constant\n   * @satisfies {Schema<PasswordInputConfig>}\n   */\n  static schema = Object.freeze({\n    properties: {\n      i18n: { type: 'object' }\n    }\n  })\n}\n\n/**\n * Password input config\n *\n * @typedef {object} PasswordInputConfig\n * @property {PasswordInputTranslations} [i18n=PasswordInput.defaults.i18n] - Password input translations\n */\n\n/**\n * Password input translations\n *\n * @see {@link PasswordInput.defaults.i18n}\n * @typedef {object} PasswordInputTranslations\n *\n * Messages displayed to the user indicating the state of the show/hide toggle.\n * @property {string} [showPassword] - Visible text of the button when the\n *   password is currently hidden. Plain text only.\n * @property {string} [hidePassword] - Visible text of the button when the\n *   password is currently visible. Plain text only.\n * @property {string} [showPasswordAriaLabel] - aria-label of the button when\n *   the password is currently hidden. Plain text only.\n * @property {string} [hidePasswordAriaLabel] - aria-label of the button when\n *   the password is currently visible. Plain text only.\n * @property {string} [passwordShownAnnouncement] - Screen reader\n *   announcement to make when the password has just become visible.\n *   Plain text only.\n * @property {string} [passwordHiddenAnnouncement] - Screen reader\n *   announcement to make when the password has just been hidden.\n *   Plain text only.\n */\n\n/**\n * @import { Schema } from '../../common/configuration.mjs'\n */\n"],"names":["PasswordInput","ConfigurableComponent","constructor","$root","config","i18n","$input","$showHideButton","$screenReaderStatusMessage","querySelector","HTMLInputElement","ElementError","component","element","expectedType","identifier","type","HTMLButtonElement","I18n","locale","closestAttributeValue","removeAttribute","document","createElement","className","setAttribute","insertAdjacentElement","addEventListener","toggle","bind","form","hide","window","event","persisted","preventDefault","show","setType","isHidden","prefixButton","prefixStatus","innerText","t","moduleName","defaults","Object","freeze","showPassword","hidePassword","showPasswordAriaLabel","hidePasswordAriaLabel","passwordShownAnnouncement","passwordHiddenAnnouncement","schema","properties"],"mappings":"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"}
\ No newline at end of file
diff --git a/app/templates/govuk/components/password-input/template-default.html b/app/templates/govuk/components/password-input/template-default.html
new file mode 100644
index 0000000..71b9621
--- /dev/null
+++ b/app/templates/govuk/components/password-input/template-default.html
@@ -0,0 +1,11 @@
+<div class="govuk-form-group govuk-password-input" data-module="govuk-password-input">
+  <label class="govuk-label" for="password">
+    Password
+  </label>
+  <div class="govuk-input__wrapper govuk-password-input__wrapper">
+    <input class="govuk-input govuk-password-input__input govuk-js-password-input-input" id="password" name="password" type="password" spellcheck="false" autocomplete="current-password" autocapitalize="none">
+    <button type="button" class="govuk-button govuk-button--secondary govuk-password-input__toggle govuk-js-password-input-toggle" data-module="govuk-button" aria-controls="password" aria-label="Show password" hidden>
+      Show
+    </button>
+  </div>
+</div>
diff --git a/app/templates/govuk/components/password-input/template-with-error-message.html b/app/templates/govuk/components/password-input/template-with-error-message.html
new file mode 100644
index 0000000..7cfff58
--- /dev/null
+++ b/app/templates/govuk/components/password-input/template-with-error-message.html
@@ -0,0 +1,17 @@
+<div class="govuk-form-group govuk-form-group--error govuk-password-input" data-module="govuk-password-input">
+  <label class="govuk-label" for="password-input-with-error-message">
+    Password
+  </label>
+  <div id="password-input-with-error-message-hint" class="govuk-hint">
+    It probably has some letters, numbers and maybe even some symbols in it.
+  </div>
+  <p id="password-input-with-error-message-error" class="govuk-error-message">
+    <span class="govuk-visually-hidden">Error:</span> Error message goes here
+  </p>
+  <div class="govuk-input__wrapper govuk-password-input__wrapper">
+    <input class="govuk-input govuk-password-input__input govuk-js-password-input-input govuk-input--error" id="password-input-with-error-message" name="test-name-3" type="password" spellcheck="false" aria-describedby="password-input-with-error-message-hint password-input-with-error-message-error" autocomplete="current-password" autocapitalize="none">
+    <button type="button" class="govuk-button govuk-button--secondary govuk-password-input__toggle govuk-js-password-input-toggle" data-module="govuk-button" aria-controls="password-input-with-error-message" aria-label="Show password" hidden>
+      Show
+    </button>
+  </div>
+</div>
diff --git a/app/templates/govuk/components/password-input/template-with-hint-text.html b/app/templates/govuk/components/password-input/template-with-hint-text.html
new file mode 100644
index 0000000..39911f8
--- /dev/null
+++ b/app/templates/govuk/components/password-input/template-with-hint-text.html
@@ -0,0 +1,14 @@
+<div class="govuk-form-group govuk-password-input" data-module="govuk-password-input">
+  <label class="govuk-label" for="password-input-with-hint-text">
+    Password
+  </label>
+  <div id="password-input-with-hint-text-hint" class="govuk-hint">
+    It probably has some letters, numbers and maybe even some symbols in it.
+  </div>
+  <div class="govuk-input__wrapper govuk-password-input__wrapper">
+    <input class="govuk-input govuk-password-input__input govuk-js-password-input-input" id="password-input-with-hint-text" name="test-name-2" type="password" spellcheck="false" aria-describedby="password-input-with-hint-text-hint" autocomplete="current-password" autocapitalize="none">
+    <button type="button" class="govuk-button govuk-button--secondary govuk-password-input__toggle govuk-js-password-input-toggle" data-module="govuk-button" aria-controls="password-input-with-hint-text" aria-label="Show password" hidden>
+      Show
+    </button>
+  </div>
+</div>
diff --git a/app/templates/govuk/components/password-input/template-with-input-width-class.html b/app/templates/govuk/components/password-input/template-with-input-width-class.html
new file mode 100644
index 0000000..50b62f2
--- /dev/null
+++ b/app/templates/govuk/components/password-input/template-with-input-width-class.html
@@ -0,0 +1,11 @@
+<div class="govuk-form-group govuk-password-input" data-module="govuk-password-input">
+  <label class="govuk-label" for="password-input-width">
+    Password
+  </label>
+  <div class="govuk-input__wrapper govuk-password-input__wrapper">
+    <input class="govuk-input govuk-password-input__input govuk-js-password-input-input govuk-input--width-10" id="password-input-width" name="password" type="password" spellcheck="false" autocomplete="current-password" autocapitalize="none">
+    <button type="button" class="govuk-button govuk-button--secondary govuk-password-input__toggle govuk-js-password-input-toggle" data-module="govuk-button" aria-controls="password-input-width" aria-label="Show password" hidden>
+      Show
+    </button>
+  </div>
+</div>
diff --git a/app/templates/govuk/components/password-input/template-with-label-as-page-heading.html b/app/templates/govuk/components/password-input/template-with-label-as-page-heading.html
new file mode 100644
index 0000000..b92b3b6
--- /dev/null
+++ b/app/templates/govuk/components/password-input/template-with-label-as-page-heading.html
@@ -0,0 +1,13 @@
+<div class="govuk-form-group govuk-password-input" data-module="govuk-password-input">
+  <h1 class="govuk-label-wrapper">
+    <label class="govuk-label govuk-label--l" for="password-input-with-page-heading">
+      Password
+    </label>
+  </h1>
+  <div class="govuk-input__wrapper govuk-password-input__wrapper">
+    <input class="govuk-input govuk-password-input__input govuk-js-password-input-input" id="password-input-with-page-heading" name="test-name" type="password" spellcheck="false" autocomplete="current-password" autocapitalize="none">
+    <button type="button" class="govuk-button govuk-button--secondary govuk-password-input__toggle govuk-js-password-input-toggle" data-module="govuk-button" aria-controls="password-input-with-page-heading" aria-label="Show password" hidden>
+      Show
+    </button>
+  </div>
+</div>
diff --git a/app/templates/govuk/components/password-input/template.njk b/app/templates/govuk/components/password-input/template.njk
new file mode 100644
index 0000000..ce8fa40
--- /dev/null
+++ b/app/templates/govuk/components/password-input/template.njk
@@ -0,0 +1,93 @@
+{% from "../../macros/attributes.njk" import govukAttributes -%}
+{% from "../../macros/i18n.njk" import govukI18nAttributes -%}
+
+{% from "../button/macro.njk" import govukButton -%}
+{% from "../input/macro.njk" import govukInput -%}
+
+{%- set id = params.id if params.id else params.name -%}
+
+{% set attributesHtml -%}
+  {{- ' data-module="govuk-password-input"' | safe }}
+
+  {{- govukI18nAttributes({
+    key: 'show-password',
+    message: params.showPasswordText
+  }) -}}
+
+  {{- govukI18nAttributes({
+    key: 'hide-password',
+    message: params.hidePasswordText
+  }) -}}
+
+  {{- govukI18nAttributes({
+    key: 'show-password-aria-label',
+    message: params.showPasswordAriaLabelText
+  }) -}}
+
+  {{- govukI18nAttributes({
+    key: 'hide-password-aria-label',
+    message: params.hidePasswordAriaLabelText
+  }) -}}
+
+  {{- govukI18nAttributes({
+    key: 'password-shown-announcement',
+    message: params.passwordShownAnnouncementText
+  }) -}}
+
+  {{- govukI18nAttributes({
+    key: 'password-hidden-announcement',
+    message: params.passwordHiddenAnnouncementText
+  }) -}}
+{%- endset -%}
+
+{#- Append form group attributes onto attributes set above #}
+{%- for name, value in params.formGroup.attributes %}
+  {% set attributesHtml = attributesHtml + " " + name | escape + '="' + value | escape + '"' %}
+{% endfor -%}
+
+{%- set buttonHtml %}
+{{ govukButton({
+  type: "button",
+  classes: "govuk-button--secondary govuk-password-input__toggle govuk-js-password-input-toggle" + (" " + params.button.classes if params.button.classes),
+  text: params.showPasswordText | default("Show"),
+  attributes: {
+    "aria-controls": id,
+    "aria-label": params.showPasswordAriaLabelText | default("Show password"),
+    "hidden": {
+      value: true,
+      optional: true
+    }
+  }
+}) | trim }}
+{% if params.formGroup.afterInput %}
+  {{- params.formGroup.afterInput.html | safe | trim if params.formGroup.afterInput.html else params.formGroup.afterInput.text }}
+{% endif -%}
+{% endset -%}
+
+{{ govukInput({
+  formGroup: {
+    classes: "govuk-password-input" + (" " + params.formGroup.classes if params.formGroup.classes),
+    attributes: attributesHtml,
+    beforeInput: params.formGroup.beforeInput,
+    afterInput: {
+      html: buttonHtml
+    }
+  },
+  inputWrapper: {
+    "classes": "govuk-password-input__wrapper"
+  },
+  label: params.label,
+  hint: params.hint,
+  classes: "govuk-password-input__input govuk-js-password-input-input" + (" " + params.classes if params.classes),
+  errorMessage: params.errorMessage,
+  id: id,
+  name: params.name,
+  type: "password",
+  spellcheck: false,
+  autocapitalize: "none",
+  autocomplete: params.autocomplete if params.autocomplete else "current-password",
+  value: params.value,
+  disabled: params.disabled,
+  describedBy: params.describedBy,
+  attributes: params.attributes
+}) | trim }}
diff --git a/app/templates/govuk/components/phase-banner/README.md b/app/templates/govuk/components/phase-banner/README.md
new file mode 100644
index 0000000..0e77496
--- /dev/null
+++ b/app/templates/govuk/components/phase-banner/README.md
@@ -0,0 +1,15 @@
+# Phase banner
+
+## Installation
+
+See the [main README quick start guide](https://github.com/alphagov/govuk-frontend#quick-start) for how to install this component.
+
+## Guidance and Examples
+
+Find out when to use the phase banner component in your service in the [GOV.UK Design System](https://design-system.service.gov.uk/components/phase-banner).
+
+## Component options
+
+Use options to customise the appearance, content and behaviour of a component when using a macro, for example, changing the text.
+
+See [options table](https://design-system.service.gov.uk/components/phase-banner/#options-phase-banner-example) for details.
diff --git a/app/templates/govuk/components/phase-banner/_index.scss b/app/templates/govuk/components/phase-banner/_index.scss
new file mode 100644
index 0000000..144e01a
--- /dev/null
+++ b/app/templates/govuk/components/phase-banner/_index.scss
@@ -0,0 +1,36 @@
+@import "../tag/index";
+
+@include govuk-exports("govuk/component/phase-banner") {
+  .govuk-phase-banner {
+    padding-top: govuk-spacing(2);
+    padding-bottom: govuk-spacing(2);
+
+    border-bottom: 1px solid $govuk-border-colour;
+  }
+
+  .govuk-phase-banner__content {
+    @include govuk-font($size: 16);
+    @include govuk-text-colour;
+
+    display: table;
+    margin: 0;
+  }
+
+  .govuk-phase-banner__content__tag {
+    @include govuk-font-size($size: 16);
+    margin-right: govuk-spacing(if($govuk-new-typography-scale, 3, 2));
+
+    @if $govuk-new-typography-scale {
+      @include govuk-media-query($from: tablet) {
+        margin-right: govuk-spacing(2);
+      }
+    }
+  }
+
+  .govuk-phase-banner__text {
+    display: table-cell;
+    vertical-align: middle;
+  }
+}
+
+/*# sourceMappingURL=_index.scss.map */
diff --git a/app/templates/govuk/components/phase-banner/_index.scss.map b/app/templates/govuk/components/phase-banner/_index.scss.map
new file mode 100644
index 0000000..2c48e54
--- /dev/null
+++ b/app/templates/govuk/components/phase-banner/_index.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/phase-banner/_index.scss"],"names":[],"mappings":"AAAA,sBAAsB;;AAEtB;EACE;IACE,6BAA6B;IAC7B,gCAAgC;;IAEhC,6CAA6C;EAC/C;;EAEA;IACE,8BAA8B;IAC9B,0BAA0B;;IAE1B,cAAc;IACd,SAAS;EACX;;EAEA;IACE,mCAAmC;IACnC,kEAAkE;;IAElE;MACE;QACE,8BAA8B;MAChC;IACF;EACF;;EAEA;IACE,mBAAmB;IACnB,sBAAsB;EACxB;AACF","file":"_index.scss","sourcesContent":["@import \"../tag/index\";\n\n@include govuk-exports(\"govuk/component/phase-banner\") {\n  .govuk-phase-banner {\n    padding-top: govuk-spacing(2);\n    padding-bottom: govuk-spacing(2);\n\n    border-bottom: 1px solid $govuk-border-colour;\n  }\n\n  .govuk-phase-banner__content {\n    @include govuk-font($size: 16);\n    @include govuk-text-colour;\n\n    display: table;\n    margin: 0;\n  }\n\n  .govuk-phase-banner__content__tag {\n    @include govuk-font-size($size: 16);\n    margin-right: govuk-spacing(if($govuk-new-typography-scale, 3, 2));\n\n    @if $govuk-new-typography-scale {\n      @include govuk-media-query($from: tablet) {\n        margin-right: govuk-spacing(2);\n      }\n    }\n  }\n\n  .govuk-phase-banner__text {\n    display: table-cell;\n    vertical-align: middle;\n  }\n}\n"]}
diff --git a/app/templates/govuk/components/phase-banner/_phase-banner.scss b/app/templates/govuk/components/phase-banner/_phase-banner.scss
new file mode 100644
index 0000000..25b9da9
--- /dev/null
+++ b/app/templates/govuk/components/phase-banner/_phase-banner.scss
@@ -0,0 +1,4 @@
+@import "../../base";
+@import "./index";
+
+/*# sourceMappingURL=_phase-banner.scss.map */
diff --git a/app/templates/govuk/components/phase-banner/_phase-banner.scss.map b/app/templates/govuk/components/phase-banner/_phase-banner.scss.map
new file mode 100644
index 0000000..1d1f26a
--- /dev/null
+++ b/app/templates/govuk/components/phase-banner/_phase-banner.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/phase-banner/_phase-banner.scss"],"names":[],"mappings":"AAAA,oBAAoB;AACpB,iBAAiB","file":"_phase-banner.scss","sourcesContent":["@import \"../../base\";\n@import \"./index\";\n"]}
diff --git a/app/templates/govuk/components/phase-banner/fixtures.json b/app/templates/govuk/components/phase-banner/fixtures.json
new file mode 100644
index 0000000..01afee5
--- /dev/null
+++ b/app/templates/govuk/components/phase-banner/fixtures.json
@@ -0,0 +1,97 @@
+{
+    "component": "phase-banner",
+    "fixtures": [
+        {
+            "name": "default",
+            "options": {
+                "tag": {
+                    "text": "Alpha"
+                },
+                "html": "This is a new service - your <a href=\"#\" class=\"govuk-link\">feedback</a> will help us to improve it."
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": true,
+            "html": "<div class=\"govuk-phase-banner\">\n  <p class=\"govuk-phase-banner__content\">\n    <strong class=\"govuk-tag govuk-phase-banner__content__tag\">\n      Alpha\n    </strong>\n    <span class=\"govuk-phase-banner__text\">\n      This is a new service - your <a href=\"#\" class=\"govuk-link\">feedback</a> will help us to improve it.\n    </span>\n  </p>\n</div>"
+        },
+        {
+            "name": "classes",
+            "options": {
+                "text": "This is a new service – your feedback will help us to improve it",
+                "classes": "extra-class one-more-class"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-phase-banner extra-class one-more-class\">\n  <p class=\"govuk-phase-banner__content\">\n    <strong class=\"govuk-tag govuk-phase-banner__content__tag\">\n      \n    </strong>\n    <span class=\"govuk-phase-banner__text\">\n      This is a new service – your feedback will help us to improve it\n    </span>\n  </p>\n</div>"
+        },
+        {
+            "name": "text",
+            "options": {
+                "text": "This is a new service – your feedback will help us to improve it"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-phase-banner\">\n  <p class=\"govuk-phase-banner__content\">\n    <strong class=\"govuk-tag govuk-phase-banner__content__tag\">\n      \n    </strong>\n    <span class=\"govuk-phase-banner__text\">\n      This is a new service – your feedback will help us to improve it\n    </span>\n  </p>\n</div>"
+        },
+        {
+            "name": "html as text",
+            "options": {
+                "text": "This is a new service - your <a href=\"#\" class=\"govuk-link\">feedback</a> will help us to improve it."
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-phase-banner\">\n  <p class=\"govuk-phase-banner__content\">\n    <strong class=\"govuk-tag govuk-phase-banner__content__tag\">\n      \n    </strong>\n    <span class=\"govuk-phase-banner__text\">\n      This is a new service - your &lt;a href=&quot;#&quot; class=&quot;govuk-link&quot;&gt;feedback&lt;/a&gt; will help us to improve it.\n    </span>\n  </p>\n</div>"
+        },
+        {
+            "name": "attributes",
+            "options": {
+                "text": "This is a new service – your feedback will help us to improve it",
+                "attributes": {
+                    "first-attribute": "foo",
+                    "second-attribute": "bar"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-phase-banner\" first-attribute=\"foo\" second-attribute=\"bar\">\n  <p class=\"govuk-phase-banner__content\">\n    <strong class=\"govuk-tag govuk-phase-banner__content__tag\">\n      \n    </strong>\n    <span class=\"govuk-phase-banner__text\">\n      This is a new service – your feedback will help us to improve it\n    </span>\n  </p>\n</div>"
+        },
+        {
+            "name": "tag html",
+            "options": {
+                "text": "This is a new service – your feedback will help us to improve it",
+                "tag": {
+                    "html": "<em>Alpha</em>"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-phase-banner\">\n  <p class=\"govuk-phase-banner__content\">\n    <strong class=\"govuk-tag govuk-phase-banner__content__tag\">\n      <em>Alpha</em>\n    </strong>\n    <span class=\"govuk-phase-banner__text\">\n      This is a new service – your feedback will help us to improve it\n    </span>\n  </p>\n</div>"
+        },
+        {
+            "name": "tag classes",
+            "options": {
+                "text": "This is a new service – your feedback will help us to improve it",
+                "tag": {
+                    "classes": "govuk-tag--grey",
+                    "text": "Alpha"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-phase-banner\">\n  <p class=\"govuk-phase-banner__content\">\n    <strong class=\"govuk-tag govuk-phase-banner__content__tag govuk-tag--grey\">\n      Alpha\n    </strong>\n    <span class=\"govuk-phase-banner__text\">\n      This is a new service – your feedback will help us to improve it\n    </span>\n  </p>\n</div>"
+        }
+    ]
+}
diff --git a/app/templates/govuk/components/phase-banner/macro-options.json b/app/templates/govuk/components/phase-banner/macro-options.json
new file mode 100644
index 0000000..234d3d0
--- /dev/null
+++ b/app/templates/govuk/components/phase-banner/macro-options.json
@@ -0,0 +1,33 @@
+[
+    {
+        "name": "text",
+        "type": "string",
+        "required": true,
+        "description": "If `html` is set, this is not required. Text to use within the phase banner. If `html` is provided, the `text` option will be ignored."
+    },
+    {
+        "name": "html",
+        "type": "string",
+        "required": true,
+        "description": "If `text` is set, this is not required. HTML to use within the phase banner. If `html` is provided, the `text` option will be ignored."
+    },
+    {
+        "name": "tag",
+        "type": "object",
+        "required": true,
+        "description": "The tag used by the phase banner component.",
+        "isComponent": true
+    },
+    {
+        "name": "classes",
+        "type": "string",
+        "required": false,
+        "description": "Classes to add to the phase banner container."
+    },
+    {
+        "name": "attributes",
+        "type": "object",
+        "required": false,
+        "description": "HTML attributes (for example data attributes) to add to the phase banner container."
+    }
+]
diff --git a/app/templates/govuk/components/phase-banner/macro.njk b/app/templates/govuk/components/phase-banner/macro.njk
new file mode 100644
index 0000000..5836015
--- /dev/null
+++ b/app/templates/govuk/components/phase-banner/macro.njk
@@ -0,0 +1,3 @@
+{% macro govukPhaseBanner(params) %}
+  {%- include "./template.njk" -%}
+{% endmacro %}
diff --git a/app/templates/govuk/components/phase-banner/template-default.html b/app/templates/govuk/components/phase-banner/template-default.html
new file mode 100644
index 0000000..c7ccb9b
--- /dev/null
+++ b/app/templates/govuk/components/phase-banner/template-default.html
@@ -0,0 +1,10 @@
+<div class="govuk-phase-banner">
+  <p class="govuk-phase-banner__content">
+    <strong class="govuk-tag govuk-phase-banner__content__tag">
+      Alpha
+    </strong>
+    <span class="govuk-phase-banner__text">
+      This is a new service - your <a href="#" class="govuk-link">feedback</a> will help us to improve it.
+    </span>
+  </p>
+</div>
diff --git a/app/templates/govuk/components/phase-banner/template.njk b/app/templates/govuk/components/phase-banner/template.njk
new file mode 100644
index 0000000..1fa39a8
--- /dev/null
+++ b/app/templates/govuk/components/phase-banner/template.njk
@@ -0,0 +1,17 @@
+{% from "../../macros/attributes.njk" import govukAttributes %}
+{% from "../tag/macro.njk" import govukTag -%}
+
+<div class="govuk-phase-banner
+  {%- if params.classes %} {{ params.classes }}{% endif %}"
+  {{- govukAttributes(params.attributes) }}>
+  <p class="govuk-phase-banner__content">
+    {{ govukTag({
+      text: params.tag.text,
+      html: params.tag.html,
+      classes: "govuk-phase-banner__content__tag" + (" " + params.tag.classes if params.tag.classes)
+    }) | trim | indent(4) }}
+    <span class="govuk-phase-banner__text">
+      {{ params.html | safe | trim | indent(6) if params.html else params.text }}
+    </span>
+  </p>
+</div>
diff --git a/app/templates/govuk/components/radios/README.md b/app/templates/govuk/components/radios/README.md
new file mode 100644
index 0000000..c73cbd8
--- /dev/null
+++ b/app/templates/govuk/components/radios/README.md
@@ -0,0 +1,15 @@
+# Radios
+
+## Installation
+
+See the [main README quick start guide](https://github.com/alphagov/govuk-frontend#quick-start) for how to install this component.
+
+## Guidance and Examples
+
+Find out when to use the radios component in your service in the [GOV.UK Design System](https://design-system.service.gov.uk/components/radios).
+
+## Component options
+
+Use options to customise the appearance, content and behaviour of a component when using a macro, for example, changing the text.
+
+See [options table](https://design-system.service.gov.uk/components/radios/#options-radios-example) for details.
diff --git a/app/templates/govuk/components/radios/_index.scss b/app/templates/govuk/components/radios/_index.scss
new file mode 100644
index 0000000..149d8d3
--- /dev/null
+++ b/app/templates/govuk/components/radios/_index.scss
@@ -0,0 +1,328 @@
+@import "../error-message/index";
+@import "../fieldset/index";
+@import "../hint/index";
+@import "../label/index";
+
+@include govuk-exports("govuk/component/radios") {
+  $govuk-touch-target-gutter: 4px;
+  $govuk-radios-size: 40px;
+  $govuk-touch-target-size: ($govuk-radios-size + $govuk-touch-target-gutter);
+  $govuk-small-radios-size: 24px;
+  $govuk-radios-label-padding-left-right: govuk-spacing(3);
+  // When the default focus width is used on a curved edge it looks visually
+  // smaller. So for the circular radios we bump the default to make it look
+  // visually consistent.
+  $govuk-radios-focus-width: $govuk-focus-width + 1px;
+
+  .govuk-radios__item {
+    display: flex;
+    flex-wrap: wrap;
+    position: relative;
+    margin-bottom: govuk-spacing(2);
+  }
+
+  .govuk-radios__item:last-child,
+  .govuk-radios__item:last-of-type {
+    margin-bottom: 0;
+  }
+
+  .govuk-radios__input {
+    // Allow the input to sit above the label, enabling its proper detection
+    // when exploring by touch or using automation tools like Selenium
+    z-index: 1;
+    width: $govuk-touch-target-size;
+    height: $govuk-touch-target-size;
+    margin: 0;
+    opacity: 0;
+    cursor: pointer;
+  }
+
+  .govuk-radios__label {
+    align-self: center;
+
+    // Ensure that the width of the label is never more than the width of the
+    // container minus the input width minus the padding on either side of
+    // the label. This prevents the label from going onto the next line due to
+    // __item using flex-wrap because we want hints on a separate line
+    max-width: calc(100% - #{($govuk-radios-label-padding-left-right + $govuk-touch-target-size + govuk-spacing(3))});
+    margin-bottom: 0;
+    padding: (govuk-spacing(1) + $govuk-border-width-form-element) govuk-spacing(3);
+    cursor: pointer;
+    // remove 300ms pause on mobile
+    touch-action: manipulation;
+  }
+
+  // ( ) Radio ring
+  .govuk-radios__label::before {
+    content: "";
+    box-sizing: border-box;
+    position: absolute;
+    top: ($govuk-touch-target-gutter / 2);
+    left: ($govuk-touch-target-gutter / 2);
+    width: $govuk-radios-size;
+    height: $govuk-radios-size;
+    border: $govuk-border-width-form-element solid currentcolor;
+    border-radius: 50%;
+    background: transparent;
+  }
+
+  //  •  Radio button
+  //
+  // We create the 'button' entirely out of 'border' so that they remain
+  // 'filled' even when colours are overridden in the browser.
+  .govuk-radios__label::after {
+    $radio-button-size: govuk-spacing(2);
+
+    content: "";
+    position: absolute;
+
+    // Positioned by getting half the touch target, so we have the centre of the
+    // input, and then moving back by the button's border width, thus positioning
+    // the centre of the button in the centre of the input.
+    top: (($govuk-touch-target-size / 2) - $radio-button-size);
+    left: (($govuk-touch-target-size / 2) - $radio-button-size);
+    width: 0;
+    height: 0;
+    border: $radio-button-size solid currentcolor;
+    border-radius: 50%;
+    opacity: 0;
+    background: currentcolor;
+  }
+
+  .govuk-radios__hint {
+    display: block;
+    width: 100%;
+    margin-top: govuk-spacing(-1);
+    padding-right: $govuk-radios-label-padding-left-right;
+    padding-left: ($govuk-radios-label-padding-left-right + $govuk-touch-target-size);
+  }
+
+  // This is to bypass govuk-hint's specificity on hints following labels having
+  // a margin bottom of 10px (govuk-spacing(2)). Because radios are flexbox,
+  // the margin doesn't collapse so we have to do this manually.
+  .govuk-label:not(.govuk-label--m):not(.govuk-label--l):not(.govuk-label--xl) + .govuk-radios__hint {
+    margin-bottom: 0;
+  }
+
+  // Focused state
+  .govuk-radios__input:focus + .govuk-radios__label::before {
+    border-width: 4px;
+
+    // When colours are overridden, the yellow box-shadow becomes invisible
+    // which means the focus state is less obvious. By adding a transparent
+    // outline, which becomes solid (text-coloured) in that context, we ensure
+    // the focus remains clearly visible.
+    outline: $govuk-focus-width solid transparent;
+    outline-offset: 1px;
+
+    // When in an explicit forced-color mode, we can use the Highlight system
+    // color for the outline to better match focus states of native controls
+    @media screen and (forced-colors: active), (-ms-high-contrast: active) {
+      outline-color: Highlight;
+    }
+
+    box-shadow: 0 0 0 $govuk-radios-focus-width $govuk-focus-colour;
+  }
+
+  // Selected state
+  .govuk-radios__input:checked + .govuk-radios__label::after {
+    opacity: 1;
+  }
+
+  // Disabled state
+  .govuk-radios__input:disabled,
+  .govuk-radios__input:disabled + .govuk-radios__label {
+    cursor: not-allowed;
+  }
+
+  .govuk-radios__input:disabled + .govuk-radios__label,
+  .govuk-radios__input:disabled ~ .govuk-hint {
+    opacity: 0.5;
+  }
+
+  // =========================================================
+  // Inline radios
+  // =========================================================
+
+  .govuk-radios--inline {
+    @include govuk-media-query($from: tablet) {
+      display: flex;
+      flex-wrap: wrap;
+      align-items: flex-start;
+
+      .govuk-radios__item {
+        margin-right: govuk-spacing(4);
+      }
+    }
+  }
+
+  // =========================================================
+  // Dividers ('or')
+  // =========================================================
+
+  .govuk-radios__divider {
+    @include govuk-font($size: 19);
+    @include govuk-text-colour;
+    $govuk-divider-size: $govuk-radios-size !default;
+    width: $govuk-divider-size;
+    margin-bottom: govuk-spacing(2);
+    text-align: center;
+  }
+
+  // =========================================================
+  // Conditional reveals
+  // =========================================================
+
+  // The narrow border is used in the conditional reveals because the border has
+  // to be an even number in order to be centred under the 40px checkbox radio.
+  $conditional-border-width: $govuk-border-width-narrow;
+  // Calculate the amount of padding needed to keep the border centered against
+  // the radios.
+  $conditional-border-padding: ($govuk-touch-target-size / 2) - ($conditional-border-width / 2);
+  // Move the border centered with the radios
+  $conditional-margin-left: $conditional-border-padding;
+  // Move the contents of the conditional inline with the label
+  $conditional-padding-left: $conditional-border-padding + $govuk-radios-label-padding-left-right;
+
+  .govuk-radios__conditional {
+    @include govuk-responsive-margin(4, "bottom");
+    margin-left: $conditional-margin-left;
+    padding-left: $conditional-padding-left;
+    border-left: $conditional-border-width solid $govuk-border-colour;
+
+    .govuk-frontend-supported &--hidden {
+      display: none;
+    }
+
+    & > :last-child {
+      margin-bottom: 0;
+    }
+  }
+
+  // =========================================================
+  // Small checkboxes
+  // =========================================================
+
+  .govuk-radios--small {
+    $input-offset: ($govuk-touch-target-size - $govuk-small-radios-size) / 2;
+
+    .govuk-radios__item {
+      margin-bottom: 0;
+    }
+
+    // Shift the touch target into the left margin so that the visible edge of
+    // the control is aligned
+    //
+    //   ┆Which colour is your favourite?
+    //  ┌┆───┐
+    //  │┆() │ Purple
+    //  └┆▲──┘
+    //  ▲┆└─ Radio pseudo element, aligned with margin
+    //  └─── Touch target (invisible input), shifted into the margin
+    .govuk-radios__input {
+      margin-left: $input-offset * -1;
+    }
+
+    .govuk-radios__label {
+      // Create a tiny space between the small radio hover state so that it
+      // doesn't clash with the label
+      padding-left: 1px;
+    }
+
+    // ( ) Radio ring
+    //
+    // Reduce the size of the control [1], vertically centering it within the
+    // touch target [2]
+    // Left here is 0 because we've shifted the input into the left margin
+    .govuk-radios__label::before {
+      top: $input-offset; // 2
+      left: 0;
+      width: $govuk-small-radios-size; // 1
+      height: $govuk-small-radios-size; // 1
+    }
+
+    //  •  Radio button
+    //
+    // Reduce the size of the 'button' and center it within the ring
+    .govuk-radios__label::after {
+      $radio-button-size: govuk-spacing(1);
+
+      // The same calculation as normal radio buttons but reduce the border width
+      top: (($govuk-touch-target-size / 2) - $radio-button-size);
+      left: ((($govuk-touch-target-size / 2) - $radio-button-size) - $input-offset);
+      border-width: $radio-button-size;
+    }
+
+    // Fix position of hint with small radios
+    //
+    // Do not use hints with small radios – because they're within the input
+    // wrapper they trigger the hover state, but clicking them doesn't actually
+    // activate the control.
+    //
+    // (If you do use them, they won't look completely broken... but seriously,
+    // don't use them)
+    .govuk-radios__hint {
+      padding-left: ($govuk-small-radios-size + $input-offset);
+    }
+
+    // Align conditional reveals with small radios
+    .govuk-radios__conditional {
+      $margin-left: ($govuk-small-radios-size / 2) - ($conditional-border-width / 2);
+      margin-left: $margin-left;
+      padding-left: ($govuk-touch-target-size - $input-offset) - ($margin-left + $conditional-border-width);
+    }
+
+    .govuk-radios__divider {
+      width: $govuk-small-radios-size;
+      margin-bottom: govuk-spacing(1);
+    }
+
+    // Hover state for small radios.
+    //
+    // We use a hover state for small radios because the touch target size
+    // is so much larger than their visible size, and so we need to provide
+    // feedback to the user as to which radio they will select when their
+    // cursor is outside of the visible area.
+    .govuk-radios__item:hover .govuk-radios__input:not(:disabled) + .govuk-radios__label::before {
+      // Forced colours modes tend to ignore box-shadow.
+      // Apply an outline for those modes to use instead.
+      outline: $govuk-radios-focus-width dashed transparent;
+      outline-offset: 1px;
+      box-shadow: 0 0 0 $govuk-hover-width $govuk-hover-colour;
+    }
+
+    // Because we've overridden the border-shadow provided by the focus state,
+    // we need to redefine that too.
+    //
+    // We use two box shadows, one that restores the original focus state [1]
+    // and another that then applies the hover state [2].
+    .govuk-radios__item:hover .govuk-radios__input:focus + .govuk-radios__label::before {
+      // Set different HCM colour when we have both hover/focus applied at once
+      @media screen and (forced-colors: active), (-ms-high-contrast: active) {
+        outline-color: Highlight;
+      }
+      // prettier-ignore
+      box-shadow:
+        0 0 0 $govuk-radios-focus-width $govuk-focus-colour // 1,
+        0 0 0 $govuk-hover-width $govuk-hover-colour; // 2
+    }
+
+    // For devices that explicitly don't support hover, don't provide a hover
+    // state (e.g. on touch devices like iOS).
+    //
+    // We can't use `@media (hover: hover)` because we wouldn't get the hover
+    // state in browsers that don't support `@media (hover)` (like Internet
+    // Explorer) – so we have to 'undo' the hover state instead.
+    @media (hover: none), (pointer: coarse) {
+      .govuk-radios__item:hover .govuk-radios__input:not(:disabled) + .govuk-radios__label::before {
+        box-shadow: initial;
+      }
+
+      .govuk-radios__item:hover .govuk-radios__input:focus + .govuk-radios__label::before {
+        box-shadow: 0 0 0 $govuk-radios-focus-width $govuk-focus-colour;
+      }
+    }
+  }
+}
+
+/*# sourceMappingURL=_index.scss.map */
diff --git a/app/templates/govuk/components/radios/_index.scss.map b/app/templates/govuk/components/radios/_index.scss.map
new file mode 100644
index 0000000..94e75d2
--- /dev/null
+++ b/app/templates/govuk/components/radios/_index.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/radios/_index.scss"],"names":[],"mappings":"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","file":"_index.scss","sourcesContent":["@import \"../error-message/index\";\n@import \"../fieldset/index\";\n@import \"../hint/index\";\n@import \"../label/index\";\n\n@include govuk-exports(\"govuk/component/radios\") {\n  $govuk-touch-target-gutter: 4px;\n  $govuk-radios-size: 40px;\n  $govuk-touch-target-size: ($govuk-radios-size + $govuk-touch-target-gutter);\n  $govuk-small-radios-size: 24px;\n  $govuk-radios-label-padding-left-right: govuk-spacing(3);\n  // When the default focus width is used on a curved edge it looks visually\n  // smaller. So for the circular radios we bump the default to make it look\n  // visually consistent.\n  $govuk-radios-focus-width: $govuk-focus-width + 1px;\n\n  .govuk-radios__item {\n    display: flex;\n    flex-wrap: wrap;\n    position: relative;\n    margin-bottom: govuk-spacing(2);\n  }\n\n  .govuk-radios__item:last-child,\n  .govuk-radios__item:last-of-type {\n    margin-bottom: 0;\n  }\n\n  .govuk-radios__input {\n    // Allow the input to sit above the label, enabling its proper detection\n    // when exploring by touch or using automation tools like Selenium\n    z-index: 1;\n    width: $govuk-touch-target-size;\n    height: $govuk-touch-target-size;\n    margin: 0;\n    opacity: 0;\n    cursor: pointer;\n  }\n\n  .govuk-radios__label {\n    align-self: center;\n\n    // Ensure that the width of the label is never more than the width of the\n    // container minus the input width minus the padding on either side of\n    // the label. This prevents the label from going onto the next line due to\n    // __item using flex-wrap because we want hints on a separate line\n    max-width: calc(100% - #{($govuk-radios-label-padding-left-right + $govuk-touch-target-size + govuk-spacing(3))});\n    margin-bottom: 0;\n    padding: (govuk-spacing(1) + $govuk-border-width-form-element) govuk-spacing(3);\n    cursor: pointer;\n    // remove 300ms pause on mobile\n    touch-action: manipulation;\n  }\n\n  // ( ) Radio ring\n  .govuk-radios__label::before {\n    content: \"\";\n    box-sizing: border-box;\n    position: absolute;\n    top: ($govuk-touch-target-gutter / 2);\n    left: ($govuk-touch-target-gutter / 2);\n    width: $govuk-radios-size;\n    height: $govuk-radios-size;\n    border: $govuk-border-width-form-element solid currentcolor;\n    border-radius: 50%;\n    background: transparent;\n  }\n\n  //  •  Radio button\n  //\n  // We create the 'button' entirely out of 'border' so that they remain\n  // 'filled' even when colours are overridden in the browser.\n  .govuk-radios__label::after {\n    $radio-button-size: govuk-spacing(2);\n\n    content: \"\";\n    position: absolute;\n\n    // Positioned by getting half the touch target, so we have the centre of the\n    // input, and then moving back by the button's border width, thus positioning\n    // the centre of the button in the centre of the input.\n    top: (($govuk-touch-target-size / 2) - $radio-button-size);\n    left: (($govuk-touch-target-size / 2) - $radio-button-size);\n    width: 0;\n    height: 0;\n    border: $radio-button-size solid currentcolor;\n    border-radius: 50%;\n    opacity: 0;\n    background: currentcolor;\n  }\n\n  .govuk-radios__hint {\n    display: block;\n    width: 100%;\n    margin-top: govuk-spacing(-1);\n    padding-right: $govuk-radios-label-padding-left-right;\n    padding-left: ($govuk-radios-label-padding-left-right + $govuk-touch-target-size);\n  }\n\n  // This is to bypass govuk-hint's specificity on hints following labels having\n  // a margin bottom of 10px (govuk-spacing(2)). Because radios are flexbox,\n  // the margin doesn't collapse so we have to do this manually.\n  .govuk-label:not(.govuk-label--m):not(.govuk-label--l):not(.govuk-label--xl) + .govuk-radios__hint {\n    margin-bottom: 0;\n  }\n\n  // Focused state\n  .govuk-radios__input:focus + .govuk-radios__label::before {\n    border-width: 4px;\n\n    // When colours are overridden, the yellow box-shadow becomes invisible\n    // which means the focus state is less obvious. By adding a transparent\n    // outline, which becomes solid (text-coloured) in that context, we ensure\n    // the focus remains clearly visible.\n    outline: $govuk-focus-width solid transparent;\n    outline-offset: 1px;\n\n    // When in an explicit forced-color mode, we can use the Highlight system\n    // color for the outline to better match focus states of native controls\n    @media screen and (forced-colors: active), (-ms-high-contrast: active) {\n      outline-color: Highlight;\n    }\n\n    box-shadow: 0 0 0 $govuk-radios-focus-width $govuk-focus-colour;\n  }\n\n  // Selected state\n  .govuk-radios__input:checked + .govuk-radios__label::after {\n    opacity: 1;\n  }\n\n  // Disabled state\n  .govuk-radios__input:disabled,\n  .govuk-radios__input:disabled + .govuk-radios__label {\n    cursor: not-allowed;\n  }\n\n  .govuk-radios__input:disabled + .govuk-radios__label,\n  .govuk-radios__input:disabled ~ .govuk-hint {\n    opacity: 0.5;\n  }\n\n  // =========================================================\n  // Inline radios\n  // =========================================================\n\n  .govuk-radios--inline {\n    @include govuk-media-query($from: tablet) {\n      display: flex;\n      flex-wrap: wrap;\n      align-items: flex-start;\n\n      .govuk-radios__item {\n        margin-right: govuk-spacing(4);\n      }\n    }\n  }\n\n  // =========================================================\n  // Dividers ('or')\n  // =========================================================\n\n  .govuk-radios__divider {\n    @include govuk-font($size: 19);\n    @include govuk-text-colour;\n    $govuk-divider-size: $govuk-radios-size !default;\n    width: $govuk-divider-size;\n    margin-bottom: govuk-spacing(2);\n    text-align: center;\n  }\n\n  // =========================================================\n  // Conditional reveals\n  // =========================================================\n\n  // The narrow border is used in the conditional reveals because the border has\n  // to be an even number in order to be centred under the 40px checkbox radio.\n  $conditional-border-width: $govuk-border-width-narrow;\n  // Calculate the amount of padding needed to keep the border centered against\n  // the radios.\n  $conditional-border-padding: ($govuk-touch-target-size / 2) - ($conditional-border-width / 2);\n  // Move the border centered with the radios\n  $conditional-margin-left: $conditional-border-padding;\n  // Move the contents of the conditional inline with the label\n  $conditional-padding-left: $conditional-border-padding + $govuk-radios-label-padding-left-right;\n\n  .govuk-radios__conditional {\n    @include govuk-responsive-margin(4, \"bottom\");\n    margin-left: $conditional-margin-left;\n    padding-left: $conditional-padding-left;\n    border-left: $conditional-border-width solid $govuk-border-colour;\n\n    .govuk-frontend-supported &--hidden {\n      display: none;\n    }\n\n    & > :last-child {\n      margin-bottom: 0;\n    }\n  }\n\n  // =========================================================\n  // Small checkboxes\n  // =========================================================\n\n  .govuk-radios--small {\n    $input-offset: ($govuk-touch-target-size - $govuk-small-radios-size) / 2;\n\n    .govuk-radios__item {\n      margin-bottom: 0;\n    }\n\n    // Shift the touch target into the left margin so that the visible edge of\n    // the control is aligned\n    //\n    //   ┆Which colour is your favourite?\n    //  ┌┆───┐\n    //  │┆() │ Purple\n    //  └┆▲──┘\n    //  ▲┆└─ Radio pseudo element, aligned with margin\n    //  └─── Touch target (invisible input), shifted into the margin\n    .govuk-radios__input {\n      margin-left: $input-offset * -1;\n    }\n\n    .govuk-radios__label {\n      // Create a tiny space between the small radio hover state so that it\n      // doesn't clash with the label\n      padding-left: 1px;\n    }\n\n    // ( ) Radio ring\n    //\n    // Reduce the size of the control [1], vertically centering it within the\n    // touch target [2]\n    // Left here is 0 because we've shifted the input into the left margin\n    .govuk-radios__label::before {\n      top: $input-offset; // 2\n      left: 0;\n      width: $govuk-small-radios-size; // 1\n      height: $govuk-small-radios-size; // 1\n    }\n\n    //  •  Radio button\n    //\n    // Reduce the size of the 'button' and center it within the ring\n    .govuk-radios__label::after {\n      $radio-button-size: govuk-spacing(1);\n\n      // The same calculation as normal radio buttons but reduce the border width\n      top: (($govuk-touch-target-size / 2) - $radio-button-size);\n      left: ((($govuk-touch-target-size / 2) - $radio-button-size) - $input-offset);\n      border-width: $radio-button-size;\n    }\n\n    // Fix position of hint with small radios\n    //\n    // Do not use hints with small radios – because they're within the input\n    // wrapper they trigger the hover state, but clicking them doesn't actually\n    // activate the control.\n    //\n    // (If you do use them, they won't look completely broken... but seriously,\n    // don't use them)\n    .govuk-radios__hint {\n      padding-left: ($govuk-small-radios-size + $input-offset);\n    }\n\n    // Align conditional reveals with small radios\n    .govuk-radios__conditional {\n      $margin-left: ($govuk-small-radios-size / 2) - ($conditional-border-width / 2);\n      margin-left: $margin-left;\n      padding-left: ($govuk-touch-target-size - $input-offset) - ($margin-left + $conditional-border-width);\n    }\n\n    .govuk-radios__divider {\n      width: $govuk-small-radios-size;\n      margin-bottom: govuk-spacing(1);\n    }\n\n    // Hover state for small radios.\n    //\n    // We use a hover state for small radios because the touch target size\n    // is so much larger than their visible size, and so we need to provide\n    // feedback to the user as to which radio they will select when their\n    // cursor is outside of the visible area.\n    .govuk-radios__item:hover .govuk-radios__input:not(:disabled) + .govuk-radios__label::before {\n      // Forced colours modes tend to ignore box-shadow.\n      // Apply an outline for those modes to use instead.\n      outline: $govuk-radios-focus-width dashed transparent;\n      outline-offset: 1px;\n      box-shadow: 0 0 0 $govuk-hover-width $govuk-hover-colour;\n    }\n\n    // Because we've overridden the border-shadow provided by the focus state,\n    // we need to redefine that too.\n    //\n    // We use two box shadows, one that restores the original focus state [1]\n    // and another that then applies the hover state [2].\n    .govuk-radios__item:hover .govuk-radios__input:focus + .govuk-radios__label::before {\n      // Set different HCM colour when we have both hover/focus applied at once\n      @media screen and (forced-colors: active), (-ms-high-contrast: active) {\n        outline-color: Highlight;\n      }\n      // prettier-ignore\n      box-shadow:\n        0 0 0 $govuk-radios-focus-width $govuk-focus-colour // 1,\n        0 0 0 $govuk-hover-width $govuk-hover-colour; // 2\n    }\n\n    // For devices that explicitly don't support hover, don't provide a hover\n    // state (e.g. on touch devices like iOS).\n    //\n    // We can't use `@media (hover: hover)` because we wouldn't get the hover\n    // state in browsers that don't support `@media (hover)` (like Internet\n    // Explorer) – so we have to 'undo' the hover state instead.\n    @media (hover: none), (pointer: coarse) {\n      .govuk-radios__item:hover .govuk-radios__input:not(:disabled) + .govuk-radios__label::before {\n        box-shadow: initial;\n      }\n\n      .govuk-radios__item:hover .govuk-radios__input:focus + .govuk-radios__label::before {\n        box-shadow: 0 0 0 $govuk-radios-focus-width $govuk-focus-colour;\n      }\n    }\n  }\n}\n"]}
diff --git a/app/templates/govuk/components/radios/_radios.scss b/app/templates/govuk/components/radios/_radios.scss
new file mode 100644
index 0000000..a124eac
--- /dev/null
+++ b/app/templates/govuk/components/radios/_radios.scss
@@ -0,0 +1,4 @@
+@import "../../base";
+@import "./index";
+
+/*# sourceMappingURL=_radios.scss.map */
diff --git a/app/templates/govuk/components/radios/_radios.scss.map b/app/templates/govuk/components/radios/_radios.scss.map
new file mode 100644
index 0000000..eeae4ee
--- /dev/null
+++ b/app/templates/govuk/components/radios/_radios.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/radios/_radios.scss"],"names":[],"mappings":"AAAA,oBAAoB;AACpB,iBAAiB","file":"_radios.scss","sourcesContent":["@import \"../../base\";\n@import \"./index\";\n"]}
diff --git a/app/templates/govuk/components/radios/fixtures.json b/app/templates/govuk/components/radios/fixtures.json
new file mode 100644
index 0000000..407a7b6
--- /dev/null
+++ b/app/templates/govuk/components/radios/fixtures.json
@@ -0,0 +1,1339 @@
+{
+    "component": "radios",
+    "fixtures": [
+        {
+            "name": "default",
+            "options": {
+                "name": "example-default",
+                "fieldset": {
+                    "legend": {
+                        "text": "Have you changed your name?"
+                    }
+                },
+                "items": [
+                    {
+                        "value": "yes",
+                        "text": "Yes"
+                    },
+                    {
+                        "value": "no",
+                        "text": "No"
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": true,
+            "html": "<div class=\"govuk-form-group\">\n  <fieldset class=\"govuk-fieldset\">\n  <legend class=\"govuk-fieldset__legend\">\n    Have you changed your name?\n  </legend>\n  <div class=\"govuk-radios\" data-module=\"govuk-radios\">\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"example-default\" name=\"example-default\" type=\"radio\" value=\"yes\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"example-default\">\n        Yes\n      </label>\n    </div>\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"example-default-2\" name=\"example-default\" type=\"radio\" value=\"no\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"example-default-2\">\n        No\n      </label>\n    </div>\n  </div>\n</fieldset>\n</div>"
+        },
+        {
+            "name": "with hint",
+            "options": {
+                "name": "example-with-hint",
+                "fieldset": {
+                    "legend": {
+                        "text": "Have you changed your name?"
+                    }
+                },
+                "hint": {
+                    "text": "This includes changing your last name or spelling your name differently."
+                },
+                "items": [
+                    {
+                        "value": "yes",
+                        "text": "Yes"
+                    },
+                    {
+                        "value": "no",
+                        "text": "No"
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <fieldset class=\"govuk-fieldset\" aria-describedby=\"example-with-hint-hint\">\n  <legend class=\"govuk-fieldset__legend\">\n    Have you changed your name?\n  </legend>\n  <div id=\"example-with-hint-hint\" class=\"govuk-hint\">\n    This includes changing your last name or spelling your name differently.\n  </div>\n  <div class=\"govuk-radios\" data-module=\"govuk-radios\">\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"example-with-hint\" name=\"example-with-hint\" type=\"radio\" value=\"yes\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"example-with-hint\">\n        Yes\n      </label>\n    </div>\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"example-with-hint-2\" name=\"example-with-hint\" type=\"radio\" value=\"no\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"example-with-hint-2\">\n        No\n      </label>\n    </div>\n  </div>\n</fieldset>\n</div>"
+        },
+        {
+            "name": "inline",
+            "options": {
+                "idPrefix": "example",
+                "classes": "govuk-radios--inline",
+                "name": "example",
+                "fieldset": {
+                    "legend": {
+                        "text": "Have you changed your name?"
+                    }
+                },
+                "hint": {
+                    "text": "This includes changing your last name or spelling your name differently."
+                },
+                "items": [
+                    {
+                        "value": "yes",
+                        "text": "Yes"
+                    },
+                    {
+                        "value": "no",
+                        "text": "No",
+                        "checked": true
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": true,
+            "html": "<div class=\"govuk-form-group\">\n  <fieldset class=\"govuk-fieldset\" aria-describedby=\"example-hint\">\n  <legend class=\"govuk-fieldset__legend\">\n    Have you changed your name?\n  </legend>\n  <div id=\"example-hint\" class=\"govuk-hint\">\n    This includes changing your last name or spelling your name differently.\n  </div>\n  <div class=\"govuk-radios govuk-radios--inline\" data-module=\"govuk-radios\">\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"example\" name=\"example\" type=\"radio\" value=\"yes\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"example\">\n        Yes\n      </label>\n    </div>\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"example-2\" name=\"example\" type=\"radio\" value=\"no\" checked>\n      <label class=\"govuk-label govuk-radios__label\" for=\"example-2\">\n        No\n      </label>\n    </div>\n  </div>\n</fieldset>\n</div>"
+        },
+        {
+            "name": "with legend as page heading",
+            "options": {
+                "idPrefix": "housing-act",
+                "name": "housing-act",
+                "fieldset": {
+                    "legend": {
+                        "text": "Which part of the Housing Act was your licence issued under?",
+                        "classes": "govuk-fieldset__legend--l",
+                        "isPageHeading": true
+                    }
+                },
+                "hint": {
+                    "text": "Select one of the options below."
+                },
+                "items": [
+                    {
+                        "value": "part-2",
+                        "html": "<span class=\"govuk-heading-s govuk-!-margin-bottom-1\">Part 2 of the Housing Act 2004</span> For properties that are 3 or more stories high and occupied by 5 or more people"
+                    },
+                    {
+                        "value": "part-3",
+                        "html": "<span class=\"govuk-heading-s govuk-!-margin-bottom-1\">Part 3 of the Housing Act 2004</span> For properties that are within a geographical area defined by a local council"
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <fieldset class=\"govuk-fieldset\" aria-describedby=\"housing-act-hint\">\n  <legend class=\"govuk-fieldset__legend govuk-fieldset__legend--l\">\n    <h1 class=\"govuk-fieldset__heading\">\n      Which part of the Housing Act was your licence issued under?\n    </h1>\n  </legend>\n  <div id=\"housing-act-hint\" class=\"govuk-hint\">\n    Select one of the options below.\n  </div>\n  <div class=\"govuk-radios\" data-module=\"govuk-radios\">\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"housing-act\" name=\"housing-act\" type=\"radio\" value=\"part-2\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"housing-act\">\n        <span class=\"govuk-heading-s govuk-!-margin-bottom-1\">Part 2 of the Housing Act 2004</span> For properties that are 3 or more stories high and occupied by 5 or more people\n      </label>\n    </div>\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"housing-act-2\" name=\"housing-act\" type=\"radio\" value=\"part-3\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"housing-act-2\">\n        <span class=\"govuk-heading-s govuk-!-margin-bottom-1\">Part 3 of the Housing Act 2004</span> For properties that are within a geographical area defined by a local council\n      </label>\n    </div>\n  </div>\n</fieldset>\n</div>"
+        },
+        {
+            "name": "with a divider",
+            "options": {
+                "idPrefix": "example-divider",
+                "name": "example",
+                "fieldset": {
+                    "legend": {
+                        "text": "How do you want to sign in?"
+                    }
+                },
+                "items": [
+                    {
+                        "value": "government-gateway",
+                        "text": "Use Government Gateway"
+                    },
+                    {
+                        "value": "govuk-verify",
+                        "text": "Use GOV.UK Verify"
+                    },
+                    {
+                        "divider": "or"
+                    },
+                    {
+                        "value": "create-account",
+                        "text": "Create an account"
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": true,
+            "html": "<div class=\"govuk-form-group\">\n  <fieldset class=\"govuk-fieldset\">\n  <legend class=\"govuk-fieldset__legend\">\n    How do you want to sign in?\n  </legend>\n  <div class=\"govuk-radios\" data-module=\"govuk-radios\">\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"example-divider\" name=\"example\" type=\"radio\" value=\"government-gateway\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"example-divider\">\n        Use Government Gateway\n      </label>\n    </div>\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"example-divider-2\" name=\"example\" type=\"radio\" value=\"govuk-verify\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"example-divider-2\">\n        Use GOV.UK Verify\n      </label>\n    </div>\n    <div class=\"govuk-radios__divider\">or</div>\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"example-divider-4\" name=\"example\" type=\"radio\" value=\"create-account\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"example-divider-4\">\n        Create an account\n      </label>\n    </div>\n  </div>\n</fieldset>\n</div>"
+        },
+        {
+            "name": "with hints on items",
+            "options": {
+                "idPrefix": "gov",
+                "name": "gov",
+                "fieldset": {
+                    "legend": {
+                        "text": "How do you want to sign in?",
+                        "classes": "govuk-fieldset__legend--l",
+                        "isPageHeading": true
+                    }
+                },
+                "items": [
+                    {
+                        "value": "gateway",
+                        "text": "Sign in with Government Gateway",
+                        "id": "gateway",
+                        "hint": {
+                            "text": "You’ll have a user ID if you’ve registered for Self Assessment or filed a tax return online before."
+                        }
+                    },
+                    {
+                        "value": "verify",
+                        "text": "Sign in with GOV.UK Verify",
+                        "id": "verify",
+                        "hint": {
+                            "text": "You’ll have an account if you’ve already proved your identity with either Barclays, CitizenSafe, Digidentity, Experian, Post Office, Royal Mail or SecureIdentity."
+                        }
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <fieldset class=\"govuk-fieldset\">\n  <legend class=\"govuk-fieldset__legend govuk-fieldset__legend--l\">\n    <h1 class=\"govuk-fieldset__heading\">\n      How do you want to sign in?\n    </h1>\n  </legend>\n  <div class=\"govuk-radios\" data-module=\"govuk-radios\">\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"gateway\" name=\"gov\" type=\"radio\" value=\"gateway\" aria-describedby=\"gateway-item-hint\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"gateway\">\n        Sign in with Government Gateway\n      </label>\n      <div id=\"gateway-item-hint\" class=\"govuk-hint govuk-radios__hint\">\n        You’ll have a user ID if you’ve registered for Self Assessment or filed a tax return online before.\n      </div>\n    </div>\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"verify\" name=\"gov\" type=\"radio\" value=\"verify\" aria-describedby=\"verify-item-hint\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"verify\">\n        Sign in with GOV.UK Verify\n      </label>\n      <div id=\"verify-item-hint\" class=\"govuk-hint govuk-radios__hint\">\n        You’ll have an account if you’ve already proved your identity with either Barclays, CitizenSafe, Digidentity, Experian, Post Office, Royal Mail or SecureIdentity.\n      </div>\n    </div>\n  </div>\n</fieldset>\n</div>"
+        },
+        {
+            "name": "without fieldset",
+            "options": {
+                "name": "colours",
+                "items": [
+                    {
+                        "value": "red",
+                        "text": "Red"
+                    },
+                    {
+                        "value": "green",
+                        "text": "Green"
+                    },
+                    {
+                        "value": "blue",
+                        "text": "Blue"
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <div class=\"govuk-radios\" data-module=\"govuk-radios\">\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"colours\" name=\"colours\" type=\"radio\" value=\"red\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"colours\">\n        Red\n      </label>\n    </div>\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"colours-2\" name=\"colours\" type=\"radio\" value=\"green\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"colours-2\">\n        Green\n      </label>\n    </div>\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"colours-3\" name=\"colours\" type=\"radio\" value=\"blue\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"colours-3\">\n        Blue\n      </label>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "with fieldset and error message",
+            "options": {
+                "idPrefix": "example",
+                "name": "example",
+                "errorMessage": {
+                    "text": "Please select an option"
+                },
+                "fieldset": {
+                    "legend": {
+                        "text": "Have you changed your name?"
+                    }
+                },
+                "items": [
+                    {
+                        "value": "yes",
+                        "text": "Yes"
+                    },
+                    {
+                        "value": "no",
+                        "text": "No",
+                        "checked": true
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-form-group--error\">\n  <fieldset class=\"govuk-fieldset\" aria-describedby=\"example-error\">\n  <legend class=\"govuk-fieldset__legend\">\n    Have you changed your name?\n  </legend>\n  <p id=\"example-error\" class=\"govuk-error-message\">\n    <span class=\"govuk-visually-hidden\">Error:</span> Please select an option\n  </p>\n  <div class=\"govuk-radios\" data-module=\"govuk-radios\">\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"example\" name=\"example\" type=\"radio\" value=\"yes\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"example\">\n        Yes\n      </label>\n    </div>\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"example-2\" name=\"example\" type=\"radio\" value=\"no\" checked>\n      <label class=\"govuk-label govuk-radios__label\" for=\"example-2\">\n        No\n      </label>\n    </div>\n  </div>\n</fieldset>\n</div>"
+        },
+        {
+            "name": "with very long option text",
+            "options": {
+                "name": "waste",
+                "hint": {
+                    "text": "Nullam id dolor id nibh ultricies vehicula ut id elit."
+                },
+                "errorMessage": {
+                    "text": "Lorem ipsum dolor sit amet, consectetur adipiscing elit."
+                },
+                "fieldset": {
+                    "legend": {
+                        "text": "Maecenas faucibus mollis interdum?"
+                    }
+                },
+                "items": [
+                    {
+                        "value": "nullam",
+                        "text": "Nullam id dolor id nibh ultricies vehicula ut id elit. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Maecenas faucibus mollis interdum. Donec id elit non mi porta gravida at eget metus."
+                    },
+                    {
+                        "value": "aenean",
+                        "text": "Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Donec sed odio dui. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Cras mattis consectetur purus sit amet fermentum."
+                    },
+                    {
+                        "value": "fusce",
+                        "text": "Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Etiam porta sem malesuada magna mollis euismod. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. Sed posuere consectetur est at lobortis."
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-form-group--error\">\n  <fieldset class=\"govuk-fieldset\" aria-describedby=\"waste-hint waste-error\">\n  <legend class=\"govuk-fieldset__legend\">\n    Maecenas faucibus mollis interdum?\n  </legend>\n  <div id=\"waste-hint\" class=\"govuk-hint\">\n    Nullam id dolor id nibh ultricies vehicula ut id elit.\n  </div>\n  <p id=\"waste-error\" class=\"govuk-error-message\">\n    <span class=\"govuk-visually-hidden\">Error:</span> Lorem ipsum dolor sit amet, consectetur adipiscing elit.\n  </p>\n  <div class=\"govuk-radios\" data-module=\"govuk-radios\">\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"waste\" name=\"waste\" type=\"radio\" value=\"nullam\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"waste\">\n        Nullam id dolor id nibh ultricies vehicula ut id elit. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Maecenas faucibus mollis interdum. Donec id elit non mi porta gravida at eget metus.\n      </label>\n    </div>\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"waste-2\" name=\"waste\" type=\"radio\" value=\"aenean\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"waste-2\">\n        Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Donec sed odio dui. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Cras mattis consectetur purus sit amet fermentum.\n      </label>\n    </div>\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"waste-3\" name=\"waste\" type=\"radio\" value=\"fusce\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"waste-3\">\n        Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Etiam porta sem malesuada magna mollis euismod. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. Sed posuere consectetur est at lobortis.\n      </label>\n    </div>\n  </div>\n</fieldset>\n</div>"
+        },
+        {
+            "name": "with conditional items",
+            "options": {
+                "idPrefix": "how-contacted",
+                "name": "how-contacted",
+                "fieldset": {
+                    "legend": {
+                        "text": "How do you want to be contacted?"
+                    }
+                },
+                "items": [
+                    {
+                        "value": "email",
+                        "text": "Email",
+                        "conditional": {
+                            "html": "<label class=\"govuk-label\" for=\"context-email\">Email address</label>\n<input class=\"govuk-input govuk-!-width-one-third\" name=\"context-email\" type=\"text\" id=\"context-email\">\n"
+                        }
+                    },
+                    {
+                        "value": "phone",
+                        "text": "Phone",
+                        "conditional": {
+                            "html": "<label class=\"govuk-label\" for=\"contact-phone\">Phone number</label>\n<input class=\"govuk-input govuk-!-width-one-third\" name=\"contact-phone\" type=\"text\" id=\"contact-phone\">\n"
+                        }
+                    },
+                    {
+                        "value": "text",
+                        "text": "Text message",
+                        "conditional": {
+                            "html": "<label class=\"govuk-label\" for=\"contact-text-message\">Mobile phone number</label>\n<input class=\"govuk-input govuk-!-width-one-third\" name=\"contact-text-message\" type=\"text\" id=\"contact-text-message\">\n"
+                        }
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <fieldset class=\"govuk-fieldset\">\n  <legend class=\"govuk-fieldset__legend\">\n    How do you want to be contacted?\n  </legend>\n  <div class=\"govuk-radios\" data-module=\"govuk-radios\">\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"how-contacted\" name=\"how-contacted\" type=\"radio\" value=\"email\" data-aria-controls=\"conditional-how-contacted\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"how-contacted\">\n        Email\n      </label>\n    </div>\n    <div class=\"govuk-radios__conditional govuk-radios__conditional--hidden\" id=\"conditional-how-contacted\">\n      <label class=\"govuk-label\" for=\"context-email\">Email address</label>\n<input class=\"govuk-input govuk-!-width-one-third\" name=\"context-email\" type=\"text\" id=\"context-email\">\n    </div>\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"how-contacted-2\" name=\"how-contacted\" type=\"radio\" value=\"phone\" data-aria-controls=\"conditional-how-contacted-2\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"how-contacted-2\">\n        Phone\n      </label>\n    </div>\n    <div class=\"govuk-radios__conditional govuk-radios__conditional--hidden\" id=\"conditional-how-contacted-2\">\n      <label class=\"govuk-label\" for=\"contact-phone\">Phone number</label>\n<input class=\"govuk-input govuk-!-width-one-third\" name=\"contact-phone\" type=\"text\" id=\"contact-phone\">\n    </div>\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"how-contacted-3\" name=\"how-contacted\" type=\"radio\" value=\"text\" data-aria-controls=\"conditional-how-contacted-3\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"how-contacted-3\">\n        Text message\n      </label>\n    </div>\n    <div class=\"govuk-radios__conditional govuk-radios__conditional--hidden\" id=\"conditional-how-contacted-3\">\n      <label class=\"govuk-label\" for=\"contact-text-message\">Mobile phone number</label>\n<input class=\"govuk-input govuk-!-width-one-third\" name=\"contact-text-message\" type=\"text\" id=\"contact-text-message\">\n    </div>\n  </div>\n</fieldset>\n</div>"
+        },
+        {
+            "name": "with conditional item checked",
+            "options": {
+                "idPrefix": "how-contacted-checked",
+                "name": "how-contacted-checked",
+                "fieldset": {
+                    "legend": {
+                        "text": "How do you want to be contacted?"
+                    }
+                },
+                "items": [
+                    {
+                        "value": "email",
+                        "text": "Email",
+                        "checked": true,
+                        "conditional": {
+                            "html": "<label class=\"govuk-label\" for=\"context-email\">Email</label>\n<input class=\"govuk-input govuk-!-width-one-third\" name=\"context-email\" type=\"text\" id=\"context-email\">\n"
+                        }
+                    },
+                    {
+                        "value": "phone",
+                        "text": "Phone",
+                        "conditional": {
+                            "html": "<label class=\"govuk-label\" for=\"contact-phone\">Phone number</label>\n<input class=\"govuk-input govuk-!-width-one-third\" name=\"contact-phone\" type=\"text\" id=\"contact-phone\">\n"
+                        }
+                    },
+                    {
+                        "value": "text",
+                        "text": "Text message",
+                        "conditional": {
+                            "html": "<label class=\"govuk-label\" for=\"contact-text-message\">Mobile phone number</label>\n<input class=\"govuk-input govuk-!-width-one-third\" name=\"contact-text-message\" type=\"text\" id=\"contact-text-message\">\n"
+                        }
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": {
+                "variants": [
+                    "default",
+                    "no-js"
+                ]
+            },
+            "html": "<div class=\"govuk-form-group\">\n  <fieldset class=\"govuk-fieldset\">\n  <legend class=\"govuk-fieldset__legend\">\n    How do you want to be contacted?\n  </legend>\n  <div class=\"govuk-radios\" data-module=\"govuk-radios\">\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"how-contacted-checked\" name=\"how-contacted-checked\" type=\"radio\" value=\"email\" checked data-aria-controls=\"conditional-how-contacted-checked\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"how-contacted-checked\">\n        Email\n      </label>\n    </div>\n    <div class=\"govuk-radios__conditional\" id=\"conditional-how-contacted-checked\">\n      <label class=\"govuk-label\" for=\"context-email\">Email</label>\n<input class=\"govuk-input govuk-!-width-one-third\" name=\"context-email\" type=\"text\" id=\"context-email\">\n    </div>\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"how-contacted-checked-2\" name=\"how-contacted-checked\" type=\"radio\" value=\"phone\" data-aria-controls=\"conditional-how-contacted-checked-2\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"how-contacted-checked-2\">\n        Phone\n      </label>\n    </div>\n    <div class=\"govuk-radios__conditional govuk-radios__conditional--hidden\" id=\"conditional-how-contacted-checked-2\">\n      <label class=\"govuk-label\" for=\"contact-phone\">Phone number</label>\n<input class=\"govuk-input govuk-!-width-one-third\" name=\"contact-phone\" type=\"text\" id=\"contact-phone\">\n    </div>\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"how-contacted-checked-3\" name=\"how-contacted-checked\" type=\"radio\" value=\"text\" data-aria-controls=\"conditional-how-contacted-checked-3\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"how-contacted-checked-3\">\n        Text message\n      </label>\n    </div>\n    <div class=\"govuk-radios__conditional govuk-radios__conditional--hidden\" id=\"conditional-how-contacted-checked-3\">\n      <label class=\"govuk-label\" for=\"contact-text-message\">Mobile phone number</label>\n<input class=\"govuk-input govuk-!-width-one-third\" name=\"contact-text-message\" type=\"text\" id=\"contact-text-message\">\n    </div>\n  </div>\n</fieldset>\n</div>"
+        },
+        {
+            "name": "with optional form-group classes showing group error",
+            "options": {
+                "idPrefix": "how-contacted-2",
+                "name": "how-contacted-2",
+                "formGroup": {
+                    "classes": "govuk-form-group--error"
+                },
+                "fieldset": {
+                    "legend": {
+                        "text": "How do you want to be contacted?"
+                    }
+                },
+                "items": [
+                    {
+                        "value": "email",
+                        "text": "Email",
+                        "conditional": {
+                            "html": "<label class=\"govuk-label\" for=\"context-email\">Email address</label>\n<input class=\"govuk-input govuk-!-width-one-third\" name=\"context-email\" type=\"text\" id=\"context-email\">\n"
+                        }
+                    },
+                    {
+                        "value": "phone",
+                        "text": "Phone",
+                        "checked": true,
+                        "conditional": {
+                            "html": "<label class=\"govuk-label\" for=\"contact-phone\">Phone number</label>\n<span id=\"contact-phone-error\" class=\"govuk-error-message\">Problem with input</span>\n<input class=\"govuk-input govuk-input--error govuk-!-width-one-third\" name=\"contact-phone\" type=\"text\" id=\"contact-phone\" aria-describedby=\"contact-phone-error\">\n"
+                        }
+                    },
+                    {
+                        "value": "text",
+                        "text": "Text message",
+                        "conditional": {
+                            "html": "<label class=\"govuk-label\" for=\"contact-text-message\">Mobile phone number</label>\n<input class=\"govuk-input govuk-!-width-one-third\" name=\"contact-text-message\" type=\"text\" id=\"contact-text-message\">\n"
+                        }
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-form-group--error\">\n  <fieldset class=\"govuk-fieldset\">\n  <legend class=\"govuk-fieldset__legend\">\n    How do you want to be contacted?\n  </legend>\n  <div class=\"govuk-radios\" data-module=\"govuk-radios\">\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"how-contacted-2\" name=\"how-contacted-2\" type=\"radio\" value=\"email\" data-aria-controls=\"conditional-how-contacted-2\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"how-contacted-2\">\n        Email\n      </label>\n    </div>\n    <div class=\"govuk-radios__conditional govuk-radios__conditional--hidden\" id=\"conditional-how-contacted-2\">\n      <label class=\"govuk-label\" for=\"context-email\">Email address</label>\n<input class=\"govuk-input govuk-!-width-one-third\" name=\"context-email\" type=\"text\" id=\"context-email\">\n    </div>\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"how-contacted-2-2\" name=\"how-contacted-2\" type=\"radio\" value=\"phone\" checked data-aria-controls=\"conditional-how-contacted-2-2\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"how-contacted-2-2\">\n        Phone\n      </label>\n    </div>\n    <div class=\"govuk-radios__conditional\" id=\"conditional-how-contacted-2-2\">\n      <label class=\"govuk-label\" for=\"contact-phone\">Phone number</label>\n<span id=\"contact-phone-error\" class=\"govuk-error-message\">Problem with input</span>\n<input class=\"govuk-input govuk-input--error govuk-!-width-one-third\" name=\"contact-phone\" type=\"text\" id=\"contact-phone\" aria-describedby=\"contact-phone-error\">\n    </div>\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"how-contacted-2-3\" name=\"how-contacted-2\" type=\"radio\" value=\"text\" data-aria-controls=\"conditional-how-contacted-2-3\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"how-contacted-2-3\">\n        Text message\n      </label>\n    </div>\n    <div class=\"govuk-radios__conditional govuk-radios__conditional--hidden\" id=\"conditional-how-contacted-2-3\">\n      <label class=\"govuk-label\" for=\"contact-text-message\">Mobile phone number</label>\n<input class=\"govuk-input govuk-!-width-one-third\" name=\"contact-text-message\" type=\"text\" id=\"contact-text-message\">\n    </div>\n  </div>\n</fieldset>\n</div>"
+        },
+        {
+            "name": "small",
+            "options": {
+                "idPrefix": "how-contacted-2",
+                "name": "how-contacted-2",
+                "formGroup": {
+                    "classes": "govuk-radios--small"
+                },
+                "fieldset": {
+                    "legend": {
+                        "text": "How do you want to be contacted?"
+                    }
+                },
+                "items": [
+                    {
+                        "value": "email",
+                        "text": "Email"
+                    },
+                    {
+                        "value": "phone",
+                        "text": "Phone"
+                    },
+                    {
+                        "value": "text",
+                        "text": "Text message"
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": true,
+            "html": "<div class=\"govuk-form-group govuk-radios--small\">\n  <fieldset class=\"govuk-fieldset\">\n  <legend class=\"govuk-fieldset__legend\">\n    How do you want to be contacted?\n  </legend>\n  <div class=\"govuk-radios\" data-module=\"govuk-radios\">\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"how-contacted-2\" name=\"how-contacted-2\" type=\"radio\" value=\"email\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"how-contacted-2\">\n        Email\n      </label>\n    </div>\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"how-contacted-2-2\" name=\"how-contacted-2\" type=\"radio\" value=\"phone\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"how-contacted-2-2\">\n        Phone\n      </label>\n    </div>\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"how-contacted-2-3\" name=\"how-contacted-2\" type=\"radio\" value=\"text\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"how-contacted-2-3\">\n        Text message\n      </label>\n    </div>\n  </div>\n</fieldset>\n</div>"
+        },
+        {
+            "name": "small with long text",
+            "options": {
+                "idPrefix": "foo",
+                "name": "foo",
+                "classes": "govuk-radios--small",
+                "fieldset": {
+                    "legend": {
+                        "text": "Venenatis Condimentum"
+                    }
+                },
+                "items": [
+                    {
+                        "value": "nullam",
+                        "text": "Nullam id dolor id nibh ultricies vehicula ut id elit. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Maecenas faucibus mollis interdum. Donec id elit non mi porta gravida at eget metus."
+                    },
+                    {
+                        "value": "aenean",
+                        "text": "Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Donec sed odio dui. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Cras mattis consectetur purus sit amet fermentum."
+                    },
+                    {
+                        "value": "fusce",
+                        "text": "Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Etiam porta sem malesuada magna mollis euismod. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. Sed posuere consectetur est at lobortis."
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <fieldset class=\"govuk-fieldset\">\n  <legend class=\"govuk-fieldset__legend\">\n    Venenatis Condimentum\n  </legend>\n  <div class=\"govuk-radios govuk-radios--small\" data-module=\"govuk-radios\">\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"foo\" name=\"foo\" type=\"radio\" value=\"nullam\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"foo\">\n        Nullam id dolor id nibh ultricies vehicula ut id elit. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Maecenas faucibus mollis interdum. Donec id elit non mi porta gravida at eget metus.\n      </label>\n    </div>\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"foo-2\" name=\"foo\" type=\"radio\" value=\"aenean\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"foo-2\">\n        Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Donec sed odio dui. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Cras mattis consectetur purus sit amet fermentum.\n      </label>\n    </div>\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"foo-3\" name=\"foo\" type=\"radio\" value=\"fusce\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"foo-3\">\n        Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Etiam porta sem malesuada magna mollis euismod. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. Sed posuere consectetur est at lobortis.\n      </label>\n    </div>\n  </div>\n</fieldset>\n</div>"
+        },
+        {
+            "name": "small with error",
+            "options": {
+                "idPrefix": "how-contacted-2",
+                "name": "how-contacted-2",
+                "formGroup": {
+                    "classes": "govuk-radios--small"
+                },
+                "fieldset": {
+                    "legend": {
+                        "text": "How do you want to be contacted?"
+                    }
+                },
+                "errorMessage": {
+                    "text": "Select a thing"
+                },
+                "items": [
+                    {
+                        "value": "email",
+                        "text": "Email"
+                    },
+                    {
+                        "value": "phone",
+                        "text": "Phone"
+                    },
+                    {
+                        "value": "text",
+                        "text": "Text message"
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-form-group--error govuk-radios--small\">\n  <fieldset class=\"govuk-fieldset\" aria-describedby=\"how-contacted-2-error\">\n  <legend class=\"govuk-fieldset__legend\">\n    How do you want to be contacted?\n  </legend>\n  <p id=\"how-contacted-2-error\" class=\"govuk-error-message\">\n    <span class=\"govuk-visually-hidden\">Error:</span> Select a thing\n  </p>\n  <div class=\"govuk-radios\" data-module=\"govuk-radios\">\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"how-contacted-2\" name=\"how-contacted-2\" type=\"radio\" value=\"email\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"how-contacted-2\">\n        Email\n      </label>\n    </div>\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"how-contacted-2-2\" name=\"how-contacted-2\" type=\"radio\" value=\"phone\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"how-contacted-2-2\">\n        Phone\n      </label>\n    </div>\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"how-contacted-2-3\" name=\"how-contacted-2\" type=\"radio\" value=\"text\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"how-contacted-2-3\">\n        Text message\n      </label>\n    </div>\n  </div>\n</fieldset>\n</div>"
+        },
+        {
+            "name": "small with hint",
+            "options": {
+                "idPrefix": "how-contacted-2",
+                "name": "how-contacted-2",
+                "formGroup": {
+                    "classes": "govuk-radios--small"
+                },
+                "fieldset": {
+                    "legend": {
+                        "text": "How do you want to be contacted?"
+                    }
+                },
+                "items": [
+                    {
+                        "value": "email",
+                        "text": "Email",
+                        "hint": {
+                            "text": "Hint for email address"
+                        }
+                    },
+                    {
+                        "value": "phone",
+                        "text": "Phone"
+                    },
+                    {
+                        "value": "text",
+                        "text": "Text message"
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-radios--small\">\n  <fieldset class=\"govuk-fieldset\">\n  <legend class=\"govuk-fieldset__legend\">\n    How do you want to be contacted?\n  </legend>\n  <div class=\"govuk-radios\" data-module=\"govuk-radios\">\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"how-contacted-2\" name=\"how-contacted-2\" type=\"radio\" value=\"email\" aria-describedby=\"how-contacted-2-item-hint\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"how-contacted-2\">\n        Email\n      </label>\n      <div id=\"how-contacted-2-item-hint\" class=\"govuk-hint govuk-radios__hint\">\n        Hint for email address\n      </div>\n    </div>\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"how-contacted-2-2\" name=\"how-contacted-2\" type=\"radio\" value=\"phone\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"how-contacted-2-2\">\n        Phone\n      </label>\n    </div>\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"how-contacted-2-3\" name=\"how-contacted-2\" type=\"radio\" value=\"text\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"how-contacted-2-3\">\n        Text message\n      </label>\n    </div>\n  </div>\n</fieldset>\n</div>"
+        },
+        {
+            "name": "small with conditional reveal",
+            "options": {
+                "idPrefix": "how-contacted-2",
+                "name": "how-contacted-2",
+                "formGroup": {
+                    "classes": "govuk-radios--small"
+                },
+                "fieldset": {
+                    "legend": {
+                        "text": "How do you want to be contacted?"
+                    }
+                },
+                "items": [
+                    {
+                        "value": "email",
+                        "text": "Email",
+                        "conditional": {
+                            "html": "<label class=\"govuk-label\" for=\"context-email\">Foo</label>\n<input class=\"govuk-input govuk-!-width-one-third\" name=\"context-email\" type=\"text\" id=\"context-email\">\n"
+                        }
+                    },
+                    {
+                        "value": "phone",
+                        "text": "Phone"
+                    },
+                    {
+                        "value": "text",
+                        "text": "Text message"
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-radios--small\">\n  <fieldset class=\"govuk-fieldset\">\n  <legend class=\"govuk-fieldset__legend\">\n    How do you want to be contacted?\n  </legend>\n  <div class=\"govuk-radios\" data-module=\"govuk-radios\">\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"how-contacted-2\" name=\"how-contacted-2\" type=\"radio\" value=\"email\" data-aria-controls=\"conditional-how-contacted-2\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"how-contacted-2\">\n        Email\n      </label>\n    </div>\n    <div class=\"govuk-radios__conditional govuk-radios__conditional--hidden\" id=\"conditional-how-contacted-2\">\n      <label class=\"govuk-label\" for=\"context-email\">Foo</label>\n<input class=\"govuk-input govuk-!-width-one-third\" name=\"context-email\" type=\"text\" id=\"context-email\">\n    </div>\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"how-contacted-2-2\" name=\"how-contacted-2\" type=\"radio\" value=\"phone\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"how-contacted-2-2\">\n        Phone\n      </label>\n    </div>\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"how-contacted-2-3\" name=\"how-contacted-2\" type=\"radio\" value=\"text\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"how-contacted-2-3\">\n        Text message\n      </label>\n    </div>\n  </div>\n</fieldset>\n</div>"
+        },
+        {
+            "name": "small inline",
+            "options": {
+                "idPrefix": "sort",
+                "classes": "govuk-radios--small govuk-radios--inline",
+                "name": "example",
+                "fieldset": {
+                    "legend": {
+                        "text": "Sort by"
+                    }
+                },
+                "items": [
+                    {
+                        "value": "relevance",
+                        "text": "relevance"
+                    },
+                    {
+                        "value": "title",
+                        "text": "title"
+                    },
+                    {
+                        "value": "created",
+                        "text": "created"
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <fieldset class=\"govuk-fieldset\">\n  <legend class=\"govuk-fieldset__legend\">\n    Sort by\n  </legend>\n  <div class=\"govuk-radios govuk-radios--small govuk-radios--inline\" data-module=\"govuk-radios\">\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"sort\" name=\"example\" type=\"radio\" value=\"relevance\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"sort\">\n        relevance\n      </label>\n    </div>\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"sort-2\" name=\"example\" type=\"radio\" value=\"title\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"sort-2\">\n        title\n      </label>\n    </div>\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"sort-3\" name=\"example\" type=\"radio\" value=\"created\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"sort-3\">\n        created\n      </label>\n    </div>\n  </div>\n</fieldset>\n</div>"
+        },
+        {
+            "name": "small with a divider",
+            "options": {
+                "idPrefix": "example-small-divider",
+                "name": "example",
+                "fieldset": {
+                    "legend": {
+                        "text": "How do you want to sign in?"
+                    }
+                },
+                "classes": "govuk-radios--small",
+                "items": [
+                    {
+                        "value": "government-gateway",
+                        "text": "Use Government Gateway"
+                    },
+                    {
+                        "value": "govuk-verify",
+                        "text": "Use GOV.UK Verify"
+                    },
+                    {
+                        "divider": "or"
+                    },
+                    {
+                        "value": "create-account",
+                        "text": "Create an account"
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <fieldset class=\"govuk-fieldset\">\n  <legend class=\"govuk-fieldset__legend\">\n    How do you want to sign in?\n  </legend>\n  <div class=\"govuk-radios govuk-radios--small\" data-module=\"govuk-radios\">\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"example-small-divider\" name=\"example\" type=\"radio\" value=\"government-gateway\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"example-small-divider\">\n        Use Government Gateway\n      </label>\n    </div>\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"example-small-divider-2\" name=\"example\" type=\"radio\" value=\"govuk-verify\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"example-small-divider-2\">\n        Use GOV.UK Verify\n      </label>\n    </div>\n    <div class=\"govuk-radios__divider\">or</div>\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"example-small-divider-4\" name=\"example\" type=\"radio\" value=\"create-account\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"example-small-divider-4\">\n        Create an account\n      </label>\n    </div>\n  </div>\n</fieldset>\n</div>"
+        },
+        {
+            "name": "with idPrefix",
+            "options": {
+                "name": "example-radio",
+                "idPrefix": "example-id-prefix",
+                "items": [
+                    {
+                        "value": "yes",
+                        "text": "Yes"
+                    },
+                    {
+                        "value": "no",
+                        "text": "No"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <div class=\"govuk-radios\" data-module=\"govuk-radios\">\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"example-id-prefix\" name=\"example-radio\" type=\"radio\" value=\"yes\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"example-id-prefix\">\n        Yes\n      </label>\n    </div>\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"example-id-prefix-2\" name=\"example-radio\" type=\"radio\" value=\"no\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"example-id-prefix-2\">\n        No\n      </label>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "minimal items and name",
+            "options": {
+                "name": "example-name",
+                "items": [
+                    {
+                        "value": "yes",
+                        "text": "Yes"
+                    },
+                    {
+                        "value": "no",
+                        "text": "No"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <div class=\"govuk-radios\" data-module=\"govuk-radios\">\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"example-name\" name=\"example-name\" type=\"radio\" value=\"yes\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"example-name\">\n        Yes\n      </label>\n    </div>\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"example-name-2\" name=\"example-name\" type=\"radio\" value=\"no\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"example-name-2\">\n        No\n      </label>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "with falsy items",
+            "options": {
+                "name": "example-name",
+                "items": [
+                    {
+                        "value": "yes",
+                        "text": "Yes"
+                    },
+                    null,
+                    false,
+                    {
+                        "value": "no",
+                        "text": "No"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <div class=\"govuk-radios\" data-module=\"govuk-radios\">\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"example-name\" name=\"example-name\" type=\"radio\" value=\"yes\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"example-name\">\n        Yes\n      </label>\n    </div>\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"example-name-4\" name=\"example-name\" type=\"radio\" value=\"no\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"example-name-4\">\n        No\n      </label>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "fieldset with describedBy",
+            "options": {
+                "name": "example-name",
+                "fieldset": {
+                    "describedBy": "test-target-element",
+                    "legend": {
+                        "text": "Which option?"
+                    }
+                },
+                "items": [
+                    {
+                        "value": "yes",
+                        "text": "Yes"
+                    },
+                    {
+                        "value": "no",
+                        "text": "No"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <fieldset class=\"govuk-fieldset\" aria-describedby=\"test-target-element\">\n  <legend class=\"govuk-fieldset__legend\">\n    Which option?\n  </legend>\n  <div class=\"govuk-radios\" data-module=\"govuk-radios\">\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"example-name\" name=\"example-name\" type=\"radio\" value=\"yes\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"example-name\">\n        Yes\n      </label>\n    </div>\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"example-name-2\" name=\"example-name\" type=\"radio\" value=\"no\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"example-name-2\">\n        No\n      </label>\n    </div>\n  </div>\n</fieldset>\n</div>"
+        },
+        {
+            "name": "attributes",
+            "options": {
+                "name": "example-name",
+                "attributes": {
+                    "data-attribute": "value",
+                    "data-second-attribute": "second-value"
+                },
+                "items": [
+                    {
+                        "value": "yes",
+                        "text": "Yes"
+                    },
+                    {
+                        "value": "no",
+                        "text": "No"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <div class=\"govuk-radios\" data-attribute=\"value\" data-second-attribute=\"second-value\" data-module=\"govuk-radios\">\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"example-name\" name=\"example-name\" type=\"radio\" value=\"yes\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"example-name\">\n        Yes\n      </label>\n    </div>\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"example-name-2\" name=\"example-name\" type=\"radio\" value=\"no\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"example-name-2\">\n        No\n      </label>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "items with attributes",
+            "options": {
+                "name": "example-name",
+                "items": [
+                    {
+                        "value": "yes",
+                        "text": "Yes",
+                        "attributes": {
+                            "data-attribute": "ABC",
+                            "data-second-attribute": "DEF"
+                        }
+                    },
+                    {
+                        "value": "no",
+                        "text": "No",
+                        "attributes": {
+                            "data-attribute": "GHI",
+                            "data-second-attribute": "JKL"
+                        }
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <div class=\"govuk-radios\" data-module=\"govuk-radios\">\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"example-name\" name=\"example-name\" type=\"radio\" value=\"yes\" data-attribute=\"ABC\" data-second-attribute=\"DEF\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"example-name\">\n        Yes\n      </label>\n    </div>\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"example-name-2\" name=\"example-name\" type=\"radio\" value=\"no\" data-attribute=\"GHI\" data-second-attribute=\"JKL\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"example-name-2\">\n        No\n      </label>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "with empty conditional",
+            "options": {
+                "name": "example-conditional",
+                "items": [
+                    {
+                        "value": "yes",
+                        "text": "Yes",
+                        "conditional": {
+                            "html": false
+                        }
+                    },
+                    {
+                        "value": "no",
+                        "text": "No"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <div class=\"govuk-radios\" data-module=\"govuk-radios\">\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"example-conditional\" name=\"example-conditional\" type=\"radio\" value=\"yes\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"example-conditional\">\n        Yes\n      </label>\n    </div>\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"example-conditional-2\" name=\"example-conditional\" type=\"radio\" value=\"no\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"example-conditional-2\">\n        No\n      </label>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "label with classes",
+            "options": {
+                "name": "example-label-classes",
+                "items": [
+                    {
+                        "value": "yes",
+                        "text": "Yes",
+                        "label": {
+                            "classes": "bold"
+                        }
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <div class=\"govuk-radios\" data-module=\"govuk-radios\">\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"example-label-classes\" name=\"example-label-classes\" type=\"radio\" value=\"yes\">\n      <label class=\"govuk-label govuk-radios__label bold\" for=\"example-label-classes\">\n        Yes\n      </label>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "with hints on parent and items",
+            "options": {
+                "name": "example-multiple-hints",
+                "fieldset": {
+                    "legend": {
+                        "text": "Have you changed your name?"
+                    }
+                },
+                "hint": {
+                    "text": "This includes changing your last name or spelling your name differently."
+                },
+                "items": [
+                    {
+                        "value": "yes",
+                        "text": "Yes",
+                        "hint": {
+                            "text": "Hint for yes option here"
+                        }
+                    },
+                    {
+                        "value": "no",
+                        "text": "No",
+                        "hint": {
+                            "text": "Hint for no option here"
+                        }
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <fieldset class=\"govuk-fieldset\" aria-describedby=\"example-multiple-hints-hint\">\n  <legend class=\"govuk-fieldset__legend\">\n    Have you changed your name?\n  </legend>\n  <div id=\"example-multiple-hints-hint\" class=\"govuk-hint\">\n    This includes changing your last name or spelling your name differently.\n  </div>\n  <div class=\"govuk-radios\" data-module=\"govuk-radios\">\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"example-multiple-hints\" name=\"example-multiple-hints\" type=\"radio\" value=\"yes\" aria-describedby=\"example-multiple-hints-item-hint\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"example-multiple-hints\">\n        Yes\n      </label>\n      <div id=\"example-multiple-hints-item-hint\" class=\"govuk-hint govuk-radios__hint\">\n        Hint for yes option here\n      </div>\n    </div>\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"example-multiple-hints-2\" name=\"example-multiple-hints\" type=\"radio\" value=\"no\" aria-describedby=\"example-multiple-hints-2-item-hint\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"example-multiple-hints-2\">\n        No\n      </label>\n      <div id=\"example-multiple-hints-2-item-hint\" class=\"govuk-hint govuk-radios__hint\">\n        Hint for no option here\n      </div>\n    </div>\n  </div>\n</fieldset>\n</div>"
+        },
+        {
+            "name": "with describedBy and hint",
+            "options": {
+                "name": "example-hint-describedby",
+                "fieldset": {
+                    "describedBy": "test-target-element",
+                    "legend": {
+                        "text": "Have you changed your name?"
+                    }
+                },
+                "hint": {
+                    "text": "This includes changing your last name or spelling your name differently."
+                },
+                "items": [
+                    {
+                        "value": "yes",
+                        "text": "Yes"
+                    },
+                    {
+                        "value": "no",
+                        "text": "No"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <fieldset class=\"govuk-fieldset\" aria-describedby=\"test-target-element example-hint-describedby-hint\">\n  <legend class=\"govuk-fieldset__legend\">\n    Have you changed your name?\n  </legend>\n  <div id=\"example-hint-describedby-hint\" class=\"govuk-hint\">\n    This includes changing your last name or spelling your name differently.\n  </div>\n  <div class=\"govuk-radios\" data-module=\"govuk-radios\">\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"example-hint-describedby\" name=\"example-hint-describedby\" type=\"radio\" value=\"yes\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"example-hint-describedby\">\n        Yes\n      </label>\n    </div>\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"example-hint-describedby-2\" name=\"example-hint-describedby\" type=\"radio\" value=\"no\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"example-hint-describedby-2\">\n        No\n      </label>\n    </div>\n  </div>\n</fieldset>\n</div>"
+        },
+        {
+            "name": "with error message",
+            "options": {
+                "name": "example-error-message",
+                "errorMessage": {
+                    "text": "Please select an option"
+                },
+                "items": [
+                    {
+                        "value": "yes",
+                        "text": "Yes"
+                    },
+                    {
+                        "value": "no",
+                        "text": "No"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-form-group--error\">\n  <p id=\"example-error-message-error\" class=\"govuk-error-message\">\n    <span class=\"govuk-visually-hidden\">Error:</span> Please select an option\n  </p>\n  <div class=\"govuk-radios\" data-module=\"govuk-radios\">\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"example-error-message\" name=\"example-error-message\" type=\"radio\" value=\"yes\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"example-error-message\">\n        Yes\n      </label>\n    </div>\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"example-error-message-2\" name=\"example-error-message\" type=\"radio\" value=\"no\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"example-error-message-2\">\n        No\n      </label>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "with error message and idPrefix",
+            "options": {
+                "name": "example-error-message",
+                "idPrefix": "id-prefix",
+                "errorMessage": {
+                    "text": "Please select an option"
+                },
+                "items": [
+                    {
+                        "value": "yes",
+                        "text": "Yes"
+                    },
+                    {
+                        "value": "no",
+                        "text": "No"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-form-group--error\">\n  <p id=\"id-prefix-error\" class=\"govuk-error-message\">\n    <span class=\"govuk-visually-hidden\">Error:</span> Please select an option\n  </p>\n  <div class=\"govuk-radios\" data-module=\"govuk-radios\">\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"id-prefix\" name=\"example-error-message\" type=\"radio\" value=\"yes\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"id-prefix\">\n        Yes\n      </label>\n    </div>\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"id-prefix-2\" name=\"example-error-message\" type=\"radio\" value=\"no\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"id-prefix-2\">\n        No\n      </label>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "with hint and error message",
+            "options": {
+                "name": "example-error-message-hint",
+                "errorMessage": {
+                    "text": "Please select an option"
+                },
+                "fieldset": {
+                    "legend": {
+                        "text": "Have you changed your name?"
+                    }
+                },
+                "hint": {
+                    "text": "This includes changing your last name or spelling your name differently."
+                },
+                "items": [
+                    {
+                        "value": "yes",
+                        "text": "Yes"
+                    },
+                    {
+                        "value": "no",
+                        "text": "No"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-form-group--error\">\n  <fieldset class=\"govuk-fieldset\" aria-describedby=\"example-error-message-hint-hint example-error-message-hint-error\">\n  <legend class=\"govuk-fieldset__legend\">\n    Have you changed your name?\n  </legend>\n  <div id=\"example-error-message-hint-hint\" class=\"govuk-hint\">\n    This includes changing your last name or spelling your name differently.\n  </div>\n  <p id=\"example-error-message-hint-error\" class=\"govuk-error-message\">\n    <span class=\"govuk-visually-hidden\">Error:</span> Please select an option\n  </p>\n  <div class=\"govuk-radios\" data-module=\"govuk-radios\">\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"example-error-message-hint\" name=\"example-error-message-hint\" type=\"radio\" value=\"yes\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"example-error-message-hint\">\n        Yes\n      </label>\n    </div>\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"example-error-message-hint-2\" name=\"example-error-message-hint\" type=\"radio\" value=\"no\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"example-error-message-hint-2\">\n        No\n      </label>\n    </div>\n  </div>\n</fieldset>\n</div>"
+        },
+        {
+            "name": "with hint, error message and describedBy",
+            "options": {
+                "name": "example-error-message-hint",
+                "errorMessage": {
+                    "text": "Please select an option"
+                },
+                "fieldset": {
+                    "describedBy": "test-target-element",
+                    "legend": {
+                        "text": "Have you changed your name?"
+                    }
+                },
+                "hint": {
+                    "text": "This includes changing your last name or spelling your name differently."
+                },
+                "items": [
+                    {
+                        "value": "yes",
+                        "text": "Yes"
+                    },
+                    {
+                        "value": "no",
+                        "text": "No"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-form-group--error\">\n  <fieldset class=\"govuk-fieldset\" aria-describedby=\"test-target-element example-error-message-hint-hint example-error-message-hint-error\">\n  <legend class=\"govuk-fieldset__legend\">\n    Have you changed your name?\n  </legend>\n  <div id=\"example-error-message-hint-hint\" class=\"govuk-hint\">\n    This includes changing your last name or spelling your name differently.\n  </div>\n  <p id=\"example-error-message-hint-error\" class=\"govuk-error-message\">\n    <span class=\"govuk-visually-hidden\">Error:</span> Please select an option\n  </p>\n  <div class=\"govuk-radios\" data-module=\"govuk-radios\">\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"example-error-message-hint\" name=\"example-error-message-hint\" type=\"radio\" value=\"yes\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"example-error-message-hint\">\n        Yes\n      </label>\n    </div>\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"example-error-message-hint-2\" name=\"example-error-message-hint\" type=\"radio\" value=\"no\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"example-error-message-hint-2\">\n        No\n      </label>\n    </div>\n  </div>\n</fieldset>\n</div>"
+        },
+        {
+            "name": "label with attributes",
+            "options": {
+                "name": "with-label-attributes",
+                "items": [
+                    {
+                        "value": "yes",
+                        "text": "Yes",
+                        "label": {
+                            "attributes": {
+                                "data-attribute": "value",
+                                "data-second-attribute": "second-value"
+                            }
+                        }
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <div class=\"govuk-radios\" data-module=\"govuk-radios\">\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"with-label-attributes\" name=\"with-label-attributes\" type=\"radio\" value=\"yes\">\n      <label class=\"govuk-label govuk-radios__label\" data-attribute=\"value\" data-second-attribute=\"second-value\" for=\"with-label-attributes\">\n        Yes\n      </label>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "fieldset params",
+            "options": {
+                "name": "example-fieldset-params",
+                "fieldset": {
+                    "classes": "app-fieldset--custom-modifier",
+                    "legend": {
+                        "text": "Have you changed your name?"
+                    },
+                    "attributes": {
+                        "data-attribute": "value",
+                        "data-second-attribute": "second-value"
+                    }
+                },
+                "hint": {
+                    "text": "This includes changing your last name or spelling your name differently."
+                },
+                "items": [
+                    {
+                        "value": "yes",
+                        "text": "Yes"
+                    },
+                    {
+                        "value": "no",
+                        "text": "No"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <fieldset class=\"govuk-fieldset app-fieldset--custom-modifier\" aria-describedby=\"example-fieldset-params-hint\" data-attribute=\"value\" data-second-attribute=\"second-value\">\n  <legend class=\"govuk-fieldset__legend\">\n    Have you changed your name?\n  </legend>\n  <div id=\"example-fieldset-params-hint\" class=\"govuk-hint\">\n    This includes changing your last name or spelling your name differently.\n  </div>\n  <div class=\"govuk-radios\" data-module=\"govuk-radios\">\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"example-fieldset-params\" name=\"example-fieldset-params\" type=\"radio\" value=\"yes\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"example-fieldset-params\">\n        Yes\n      </label>\n    </div>\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"example-fieldset-params-2\" name=\"example-fieldset-params\" type=\"radio\" value=\"no\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"example-fieldset-params-2\">\n        No\n      </label>\n    </div>\n  </div>\n</fieldset>\n</div>"
+        },
+        {
+            "name": "fieldset with html",
+            "options": {
+                "name": "with-fieldset-html",
+                "fieldset": {
+                    "legend": {
+                        "html": "Have <b>you</b> changed your name?"
+                    }
+                },
+                "items": [
+                    {
+                        "value": "yes",
+                        "text": "Yes"
+                    },
+                    {
+                        "value": "no",
+                        "text": "No"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <fieldset class=\"govuk-fieldset\">\n  <legend class=\"govuk-fieldset__legend\">\n    Have <b>you</b> changed your name?\n  </legend>\n  <div class=\"govuk-radios\" data-module=\"govuk-radios\">\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"with-fieldset-html\" name=\"with-fieldset-html\" type=\"radio\" value=\"yes\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"with-fieldset-html\">\n        Yes\n      </label>\n    </div>\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"with-fieldset-html-2\" name=\"with-fieldset-html\" type=\"radio\" value=\"no\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"with-fieldset-html-2\">\n        No\n      </label>\n    </div>\n  </div>\n</fieldset>\n</div>"
+        },
+        {
+            "name": "with fieldset, error message and describedBy",
+            "options": {
+                "idPrefix": "example",
+                "name": "example",
+                "errorMessage": {
+                    "text": "Please select an option"
+                },
+                "fieldset": {
+                    "describedBy": "test-target-element",
+                    "legend": {
+                        "text": "Have you changed your name?"
+                    }
+                },
+                "items": [
+                    {
+                        "value": "yes",
+                        "text": "Yes"
+                    },
+                    {
+                        "value": "no",
+                        "text": "No",
+                        "checked": true
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-form-group--error\">\n  <fieldset class=\"govuk-fieldset\" aria-describedby=\"test-target-element example-error\">\n  <legend class=\"govuk-fieldset__legend\">\n    Have you changed your name?\n  </legend>\n  <p id=\"example-error\" class=\"govuk-error-message\">\n    <span class=\"govuk-visually-hidden\">Error:</span> Please select an option\n  </p>\n  <div class=\"govuk-radios\" data-module=\"govuk-radios\">\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"example\" name=\"example\" type=\"radio\" value=\"yes\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"example\">\n        Yes\n      </label>\n    </div>\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"example-2\" name=\"example\" type=\"radio\" value=\"no\" checked>\n      <label class=\"govuk-label govuk-radios__label\" for=\"example-2\">\n        No\n      </label>\n    </div>\n  </div>\n</fieldset>\n</div>"
+        },
+        {
+            "name": "item checked overrides value",
+            "options": {
+                "name": "colors",
+                "items": [
+                    {
+                        "value": "red",
+                        "text": "Red"
+                    },
+                    {
+                        "value": "green",
+                        "text": "Green",
+                        "checked": false
+                    },
+                    {
+                        "value": "blue",
+                        "text": "Blue"
+                    }
+                ],
+                "value": "green"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <div class=\"govuk-radios\" data-module=\"govuk-radios\">\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"colors\" name=\"colors\" type=\"radio\" value=\"red\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"colors\">\n        Red\n      </label>\n    </div>\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"colors-2\" name=\"colors\" type=\"radio\" value=\"green\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"colors-2\">\n        Green\n      </label>\n    </div>\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"colors-3\" name=\"colors\" type=\"radio\" value=\"blue\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"colors-3\">\n        Blue\n      </label>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "textarea in conditional",
+            "options": {
+                "name": "conditional",
+                "fieldset": {
+                    "legend": {
+                        "text": "Test"
+                    }
+                },
+                "items": [
+                    {
+                        "value": "other",
+                        "text": "Other",
+                        "conditional": {
+                            "html": "<label class=\"govuk-label\" for=\"conditional-textarea\">textarea</label>\n<textarea class=\"govuk-textarea\" name=\"conditional-textarea\" id=\"conditional-textarea\">\ntest\n</textarea>\n"
+                        }
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <fieldset class=\"govuk-fieldset\">\n  <legend class=\"govuk-fieldset__legend\">\n    Test\n  </legend>\n  <div class=\"govuk-radios\" data-module=\"govuk-radios\">\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"conditional\" name=\"conditional\" type=\"radio\" value=\"other\" data-aria-controls=\"conditional-conditional\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"conditional\">\n        Other\n      </label>\n    </div>\n    <div class=\"govuk-radios__conditional govuk-radios__conditional--hidden\" id=\"conditional-conditional\">\n      <label class=\"govuk-label\" for=\"conditional-textarea\">textarea</label>\n<textarea class=\"govuk-textarea\" name=\"conditional-textarea\" id=\"conditional-textarea\">\ntest\n</textarea>\n    </div>\n  </div>\n</fieldset>\n</div>"
+        },
+        {
+            "name": "with disabled",
+            "options": {
+                "idPrefix": "gov",
+                "name": "gov",
+                "fieldset": {
+                    "legend": {
+                        "text": "How do you want to sign in?",
+                        "classes": "govuk-fieldset__legend--l",
+                        "isPageHeading": true
+                    }
+                },
+                "items": [
+                    {
+                        "value": "gateway",
+                        "text": "Sign in with Government Gateway",
+                        "id": "gateway",
+                        "hint": {
+                            "text": "You’ll have a user ID if you’ve registered for Self Assessment or filed a tax return online before."
+                        }
+                    },
+                    {
+                        "value": "verify",
+                        "text": "Sign in with GOV.UK Verify",
+                        "id": "verify",
+                        "hint": {
+                            "text": "You’ll have an account if you’ve already proved your identity with either Barclays, CitizenSafe, Digidentity, Experian, Post Office, Royal Mail or SecureIdentity."
+                        },
+                        "disabled": true
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <fieldset class=\"govuk-fieldset\">\n  <legend class=\"govuk-fieldset__legend govuk-fieldset__legend--l\">\n    <h1 class=\"govuk-fieldset__heading\">\n      How do you want to sign in?\n    </h1>\n  </legend>\n  <div class=\"govuk-radios\" data-module=\"govuk-radios\">\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"gateway\" name=\"gov\" type=\"radio\" value=\"gateway\" aria-describedby=\"gateway-item-hint\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"gateway\">\n        Sign in with Government Gateway\n      </label>\n      <div id=\"gateway-item-hint\" class=\"govuk-hint govuk-radios__hint\">\n        You’ll have a user ID if you’ve registered for Self Assessment or filed a tax return online before.\n      </div>\n    </div>\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"verify\" name=\"gov\" type=\"radio\" value=\"verify\" disabled aria-describedby=\"verify-item-hint\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"verify\">\n        Sign in with GOV.UK Verify\n      </label>\n      <div id=\"verify-item-hint\" class=\"govuk-hint govuk-radios__hint\">\n        You’ll have an account if you’ve already proved your identity with either Barclays, CitizenSafe, Digidentity, Experian, Post Office, Royal Mail or SecureIdentity.\n      </div>\n    </div>\n  </div>\n</fieldset>\n</div>"
+        },
+        {
+            "name": "prechecked using value",
+            "options": {
+                "name": "example-default",
+                "items": [
+                    {
+                        "value": "yes",
+                        "text": "Yes"
+                    },
+                    {
+                        "value": "no",
+                        "text": "No"
+                    }
+                ],
+                "value": "no"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <div class=\"govuk-radios\" data-module=\"govuk-radios\">\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"example-default\" name=\"example-default\" type=\"radio\" value=\"yes\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"example-default\">\n        Yes\n      </label>\n    </div>\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"example-default-2\" name=\"example-default\" type=\"radio\" value=\"no\" checked>\n      <label class=\"govuk-label govuk-radios__label\" for=\"example-default-2\">\n        No\n      </label>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "with conditional items with special characters",
+            "options": {
+                "idPrefix": "user.profile[contact-prefs]",
+                "name": "contact-prefs",
+                "fieldset": {
+                    "legend": {
+                        "text": "How do you want to be contacted?"
+                    }
+                },
+                "items": [
+                    {
+                        "value": "email",
+                        "text": "Email",
+                        "conditional": {
+                            "html": "<label class=\"govuk-label\" for=\"context-email\">Email address</label>\n<input class=\"govuk-input govuk-!-width-one-third\" name=\"context-email\" type=\"text\" id=\"context-email\">\n"
+                        }
+                    },
+                    {
+                        "value": "phone",
+                        "text": "Phone",
+                        "conditional": {
+                            "html": "<label class=\"govuk-label\" for=\"contact-phone\">Phone number</label>\n<input class=\"govuk-input govuk-!-width-one-third\" name=\"contact-phone\" type=\"text\" id=\"contact-phone\">\n"
+                        }
+                    },
+                    {
+                        "value": "text",
+                        "text": "Text message",
+                        "conditional": {
+                            "html": "<label class=\"govuk-label\" for=\"contact-text-message\">Mobile phone number</label>\n<input class=\"govuk-input govuk-!-width-one-third\" name=\"contact-text-message\" type=\"text\" id=\"contact-text-message\">\n"
+                        }
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <fieldset class=\"govuk-fieldset\">\n  <legend class=\"govuk-fieldset__legend\">\n    How do you want to be contacted?\n  </legend>\n  <div class=\"govuk-radios\" data-module=\"govuk-radios\">\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"user.profile[contact-prefs]\" name=\"contact-prefs\" type=\"radio\" value=\"email\" data-aria-controls=\"conditional-user.profile[contact-prefs]\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"user.profile[contact-prefs]\">\n        Email\n      </label>\n    </div>\n    <div class=\"govuk-radios__conditional govuk-radios__conditional--hidden\" id=\"conditional-user.profile[contact-prefs]\">\n      <label class=\"govuk-label\" for=\"context-email\">Email address</label>\n<input class=\"govuk-input govuk-!-width-one-third\" name=\"context-email\" type=\"text\" id=\"context-email\">\n    </div>\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"user.profile[contact-prefs]-2\" name=\"contact-prefs\" type=\"radio\" value=\"phone\" data-aria-controls=\"conditional-user.profile[contact-prefs]-2\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"user.profile[contact-prefs]-2\">\n        Phone\n      </label>\n    </div>\n    <div class=\"govuk-radios__conditional govuk-radios__conditional--hidden\" id=\"conditional-user.profile[contact-prefs]-2\">\n      <label class=\"govuk-label\" for=\"contact-phone\">Phone number</label>\n<input class=\"govuk-input govuk-!-width-one-third\" name=\"contact-phone\" type=\"text\" id=\"contact-phone\">\n    </div>\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"user.profile[contact-prefs]-3\" name=\"contact-prefs\" type=\"radio\" value=\"text\" data-aria-controls=\"conditional-user.profile[contact-prefs]-3\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"user.profile[contact-prefs]-3\">\n        Text message\n      </label>\n    </div>\n    <div class=\"govuk-radios__conditional govuk-radios__conditional--hidden\" id=\"conditional-user.profile[contact-prefs]-3\">\n      <label class=\"govuk-label\" for=\"contact-text-message\">Mobile phone number</label>\n<input class=\"govuk-input govuk-!-width-one-third\" name=\"contact-text-message\" type=\"text\" id=\"contact-text-message\">\n    </div>\n  </div>\n</fieldset>\n</div>"
+        },
+        {
+            "name": "with conditional items and pre-checked value",
+            "options": {
+                "idPrefix": "how-contacted-checked",
+                "name": "how-contacted-checked",
+                "fieldset": {
+                    "legend": {
+                        "text": "How do you want to be contacted?"
+                    }
+                },
+                "items": [
+                    {
+                        "value": "email",
+                        "text": "Email",
+                        "conditional": {
+                            "html": "<label class=\"govuk-label\" for=\"context-email\">Email</label>\n<input class=\"govuk-input govuk-!-width-one-third\" name=\"context-email\" type=\"text\" id=\"context-email\">\n"
+                        }
+                    },
+                    {
+                        "value": "phone",
+                        "text": "Phone",
+                        "conditional": {
+                            "html": "<label class=\"govuk-label\" for=\"contact-phone\">Phone number</label>\n<input class=\"govuk-input govuk-!-width-one-third\" name=\"contact-phone\" type=\"text\" id=\"contact-phone\">\n"
+                        }
+                    },
+                    {
+                        "value": "text",
+                        "text": "Text message",
+                        "conditional": {
+                            "html": "<label class=\"govuk-label\" for=\"contact-text-message\">Mobile phone number</label>\n<input class=\"govuk-input govuk-!-width-one-third\" name=\"contact-text-message\" type=\"text\" id=\"contact-text-message\">\n"
+                        }
+                    }
+                ],
+                "value": "text"
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <fieldset class=\"govuk-fieldset\">\n  <legend class=\"govuk-fieldset__legend\">\n    How do you want to be contacted?\n  </legend>\n  <div class=\"govuk-radios\" data-module=\"govuk-radios\">\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"how-contacted-checked\" name=\"how-contacted-checked\" type=\"radio\" value=\"email\" data-aria-controls=\"conditional-how-contacted-checked\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"how-contacted-checked\">\n        Email\n      </label>\n    </div>\n    <div class=\"govuk-radios__conditional govuk-radios__conditional--hidden\" id=\"conditional-how-contacted-checked\">\n      <label class=\"govuk-label\" for=\"context-email\">Email</label>\n<input class=\"govuk-input govuk-!-width-one-third\" name=\"context-email\" type=\"text\" id=\"context-email\">\n    </div>\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"how-contacted-checked-2\" name=\"how-contacted-checked\" type=\"radio\" value=\"phone\" data-aria-controls=\"conditional-how-contacted-checked-2\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"how-contacted-checked-2\">\n        Phone\n      </label>\n    </div>\n    <div class=\"govuk-radios__conditional govuk-radios__conditional--hidden\" id=\"conditional-how-contacted-checked-2\">\n      <label class=\"govuk-label\" for=\"contact-phone\">Phone number</label>\n<input class=\"govuk-input govuk-!-width-one-third\" name=\"contact-phone\" type=\"text\" id=\"contact-phone\">\n    </div>\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"how-contacted-checked-3\" name=\"how-contacted-checked\" type=\"radio\" value=\"text\" checked data-aria-controls=\"conditional-how-contacted-checked-3\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"how-contacted-checked-3\">\n        Text message\n      </label>\n    </div>\n    <div class=\"govuk-radios__conditional\" id=\"conditional-how-contacted-checked-3\">\n      <label class=\"govuk-label\" for=\"contact-text-message\">Mobile phone number</label>\n<input class=\"govuk-input govuk-!-width-one-third\" name=\"contact-text-message\" type=\"text\" id=\"contact-text-message\">\n    </div>\n  </div>\n</fieldset>\n</div>"
+        }
+    ]
+}
diff --git a/app/templates/govuk/components/radios/macro-options.json b/app/templates/govuk/components/radios/macro-options.json
new file mode 100644
index 0000000..7c6cfe6
--- /dev/null
+++ b/app/templates/govuk/components/radios/macro-options.json
@@ -0,0 +1,211 @@
+[
+    {
+        "name": "fieldset",
+        "type": "object",
+        "required": false,
+        "description": "The fieldset used by the radios component.",
+        "isComponent": true
+    },
+    {
+        "name": "hint",
+        "type": "object",
+        "required": false,
+        "description": "Can be used to add a hint to the radios component.",
+        "isComponent": true
+    },
+    {
+        "name": "errorMessage",
+        "type": "object",
+        "required": false,
+        "description": "Can be used to add an error message to the radios component. The error message component will not display if you use a falsy value for `errorMessage`, for example `false` or `null`.",
+        "isComponent": true
+    },
+    {
+        "name": "formGroup",
+        "type": "object",
+        "required": false,
+        "description": "Additional options for the form group containing the radios component.",
+        "params": [
+            {
+                "name": "classes",
+                "type": "string",
+                "required": false,
+                "description": "Classes to add to the form group (for example to show error state for the whole group)."
+            },
+            {
+                "name": "attributes",
+                "type": "object",
+                "required": false,
+                "description": "HTML attributes (for example data attributes) to add to the form group."
+            },
+            {
+                "name": "beforeInputs",
+                "type": "object",
+                "required": false,
+                "description": "Content to add before all radio items within the checkboxes component.",
+                "params": [
+                    {
+                        "name": "text",
+                        "type": "string",
+                        "required": true,
+                        "description": "Text to add before all radio items. If `html` is provided, the `text` option will be ignored."
+                    },
+                    {
+                        "name": "html",
+                        "type": "string",
+                        "required": true,
+                        "description": "HTML to add before all radio items. If `html` is provided, the `text` option will be ignored."
+                    }
+                ]
+            },
+            {
+                "name": "afterInputs",
+                "type": "object",
+                "required": false,
+                "description": "Content to add after all radio items within the checkboxes component.",
+                "params": [
+                    {
+                        "name": "text",
+                        "type": "string",
+                        "required": true,
+                        "description": "Text to add after all radio items. If `html` is provided, the `text` option will be ignored."
+                    },
+                    {
+                        "name": "html",
+                        "type": "string",
+                        "required": true,
+                        "description": "HTML to add after all radio items. If `html` is provided, the `text` option will be ignored."
+                    }
+                ]
+            }
+        ]
+    },
+    {
+        "name": "idPrefix",
+        "type": "string",
+        "required": false,
+        "description": "Optional prefix. This is used to prefix the `id` attribute for each radio input, hint and error message, separated by `-`. Defaults to the `name` option value."
+    },
+    {
+        "name": "name",
+        "type": "string",
+        "required": true,
+        "description": "Name attribute for the radio items."
+    },
+    {
+        "name": "items",
+        "type": "array",
+        "required": true,
+        "description": "The radio items within the radios component.",
+        "params": [
+            {
+                "name": "text",
+                "type": "string",
+                "required": true,
+                "description": "If `html` is set, this is not required. Text to use within each radio item label. If `html` is provided, the `text` option will be ignored."
+            },
+            {
+                "name": "html",
+                "type": "string",
+                "required": true,
+                "description": "If `text` is set, this is not required. HTML to use within each radio item label. If `html` is provided, the `text` option will be ignored."
+            },
+            {
+                "name": "id",
+                "type": "string",
+                "required": false,
+                "description": "Specific ID attribute for the radio item. If omitted, then `idPrefix` string will be applied."
+            },
+            {
+                "name": "value",
+                "type": "string",
+                "required": true,
+                "description": "Value for the radio input."
+            },
+            {
+                "name": "label",
+                "type": "object",
+                "required": false,
+                "description": "Subset of options for the label used by each radio item within the radios component.",
+                "isComponent": true,
+                "params": [
+                    {
+                        "name": "classes",
+                        "type": "string",
+                        "required": false,
+                        "description": "Classes to add to the label tag."
+                    },
+                    {
+                        "name": "attributes",
+                        "type": "object",
+                        "required": false,
+                        "description": "HTML attributes (for example data attributes) to add to the label tag."
+                    }
+                ]
+            },
+            {
+                "name": "hint",
+                "type": "object",
+                "required": false,
+                "description": "Can be used to add a hint to each radio item within the radios component.",
+                "isComponent": true
+            },
+            {
+                "name": "divider",
+                "type": "string",
+                "required": false,
+                "description": "Divider text to separate radio items, for example the text `\"or\"`."
+            },
+            {
+                "name": "checked",
+                "type": "boolean",
+                "required": false,
+                "description": "Whether the radio should be checked when the page loads. Takes precedence over the top-level `value` option."
+            },
+            {
+                "name": "conditional",
+                "type": "object",
+                "required": false,
+                "description": "Provide additional content to reveal when the radio is checked.",
+                "params": [
+                    {
+                        "name": "html",
+                        "type": "string",
+                        "description": "The HTML to reveal when the radio is checked.",
+                        "required": true
+                    }
+                ]
+            },
+            {
+                "name": "disabled",
+                "type": "boolean",
+                "required": false,
+                "description": "If `true`, radio will be disabled."
+            },
+            {
+                "name": "attributes",
+                "type": "object",
+                "required": false,
+                "description": "HTML attributes (for example data attributes) to add to the radio input tag."
+            }
+        ]
+    },
+    {
+        "name": "value",
+        "type": "string",
+        "required": false,
+        "description": "The value for the radio which should be checked when the page loads. Use this as an alternative to setting the `checked` option on each individual item."
+    },
+    {
+        "name": "classes",
+        "type": "string",
+        "required": false,
+        "description": "Classes to add to the radio container."
+    },
+    {
+        "name": "attributes",
+        "type": "object",
+        "required": false,
+        "description": "HTML attributes (for example data attributes) to add to the radio input tag."
+    }
+]
diff --git a/app/templates/govuk/components/radios/macro.njk b/app/templates/govuk/components/radios/macro.njk
new file mode 100644
index 0000000..67b4d8b
--- /dev/null
+++ b/app/templates/govuk/components/radios/macro.njk
@@ -0,0 +1,3 @@
+{% macro govukRadios(params) %}
+  {%- include "./template.njk" -%}
+{% endmacro %}
diff --git a/app/templates/govuk/components/radios/radios.bundle.js b/app/templates/govuk/components/radios/radios.bundle.js
new file mode 100644
index 0000000..ad4c614
--- /dev/null
+++ b/app/templates/govuk/components/radios/radios.bundle.js
@@ -0,0 +1,230 @@
+(function (global, factory) {
+  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports) :
+  typeof define === 'function' && define.amd ? define(['exports'], factory) :
+  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.GOVUKFrontend = global.GOVUKFrontend || {}));
+})(this, (function (exports) { 'use strict';
+
+  function isInitialised($root, moduleName) {
+    return $root instanceof HTMLElement && $root.hasAttribute(`data-${moduleName}-init`);
+  }
+
+  /**
+   * Checks if GOV.UK Frontend is supported on this page
+   *
+   * Some browsers will load and run our JavaScript but GOV.UK Frontend
+   * won't be supported.
+   *
+   * @param {HTMLElement | null} [$scope] - (internal) `<body>` HTML element checked for browser support
+   * @returns {boolean} Whether GOV.UK Frontend is supported on this page
+   */
+  function isSupported($scope = document.body) {
+    if (!$scope) {
+      return false;
+    }
+    return $scope.classList.contains('govuk-frontend-supported');
+  }
+  function isArray(option) {
+    return Array.isArray(option);
+  }
+  function isObject(option) {
+    return !!option && typeof option === 'object' && !isArray(option);
+  }
+  function formatErrorMessage(Component, message) {
+    return `${Component.moduleName}: ${message}`;
+  }
+  /**
+   * @typedef ComponentWithModuleName
+   * @property {string} moduleName - Name of the component
+   */
+
+  class GOVUKFrontendError extends Error {
+    constructor(...args) {
+      super(...args);
+      this.name = 'GOVUKFrontendError';
+    }
+  }
+  class SupportError extends GOVUKFrontendError {
+    /**
+     * Checks if GOV.UK Frontend is supported on this page
+     *
+     * @param {HTMLElement | null} [$scope] - HTML element `<body>` checked for browser support
+     */
+    constructor($scope = document.body) {
+      const supportMessage = 'noModule' in HTMLScriptElement.prototype ? 'GOV.UK Frontend initialised without `<body class="govuk-frontend-supported">` from template `<script>` snippet' : 'GOV.UK Frontend is not supported in this browser';
+      super($scope ? supportMessage : 'GOV.UK Frontend initialised without `<script type="module">`');
+      this.name = 'SupportError';
+    }
+  }
+  class ElementError extends GOVUKFrontendError {
+    constructor(messageOrOptions) {
+      let message = typeof messageOrOptions === 'string' ? messageOrOptions : '';
+      if (isObject(messageOrOptions)) {
+        const {
+          component,
+          identifier,
+          element,
+          expectedType
+        } = messageOrOptions;
+        message = identifier;
+        message += element ? ` is not of type ${expectedType != null ? expectedType : 'HTMLElement'}` : ' not found';
+        if (component) {
+          message = formatErrorMessage(component, message);
+        }
+      }
+      super(message);
+      this.name = 'ElementError';
+    }
+  }
+  class InitError extends GOVUKFrontendError {
+    constructor(componentOrMessage) {
+      const message = typeof componentOrMessage === 'string' ? componentOrMessage : formatErrorMessage(componentOrMessage, `Root element (\`$root\`) already initialised`);
+      super(message);
+      this.name = 'InitError';
+    }
+  }
+  /**
+   * @import { ComponentWithModuleName } from '../common/index.mjs'
+   */
+
+  class Component {
+    /**
+     * Returns the root element of the component
+     *
+     * @protected
+     * @returns {RootElementType} - the root element of component
+     */
+    get $root() {
+      return this._$root;
+    }
+    constructor($root) {
+      this._$root = void 0;
+      const childConstructor = this.constructor;
+      if (typeof childConstructor.moduleName !== 'string') {
+        throw new InitError(`\`moduleName\` not defined in component`);
+      }
+      if (!($root instanceof childConstructor.elementType)) {
+        throw new ElementError({
+          element: $root,
+          component: childConstructor,
+          identifier: 'Root element (`$root`)',
+          expectedType: childConstructor.elementType.name
+        });
+      } else {
+        this._$root = $root;
+      }
+      childConstructor.checkSupport();
+      this.checkInitialised();
+      const moduleName = childConstructor.moduleName;
+      this.$root.setAttribute(`data-${moduleName}-init`, '');
+    }
+    checkInitialised() {
+      const constructor = this.constructor;
+      const moduleName = constructor.moduleName;
+      if (moduleName && isInitialised(this.$root, moduleName)) {
+        throw new InitError(constructor);
+      }
+    }
+    static checkSupport() {
+      if (!isSupported()) {
+        throw new SupportError();
+      }
+    }
+  }
+
+  /**
+   * @typedef ChildClass
+   * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component
+   */
+
+  /**
+   * @typedef {typeof Component & ChildClass} ChildClassConstructor
+   */
+  Component.elementType = HTMLElement;
+
+  /**
+   * Radios component
+   *
+   * @preserve
+   */
+  class Radios extends Component {
+    /**
+     * Radios can be associated with a 'conditionally revealed' content block –
+     * for example, a radio for 'Phone' could reveal an additional form field for
+     * the user to enter their phone number.
+     *
+     * These associations are made using a `data-aria-controls` attribute, which
+     * is promoted to an aria-controls attribute during initialisation.
+     *
+     * We also need to restore the state of any conditional reveals on the page
+     * (for example if the user has navigated back), and set up event handlers to
+     * keep the reveal in sync with the radio state.
+     *
+     * @param {Element | null} $root - HTML element to use for radios
+     */
+    constructor($root) {
+      super($root);
+      this.$inputs = void 0;
+      const $inputs = this.$root.querySelectorAll('input[type="radio"]');
+      if (!$inputs.length) {
+        throw new ElementError({
+          component: Radios,
+          identifier: 'Form inputs (`<input type="radio">`)'
+        });
+      }
+      this.$inputs = $inputs;
+      this.$inputs.forEach($input => {
+        const targetId = $input.getAttribute('data-aria-controls');
+        if (!targetId) {
+          return;
+        }
+        if (!document.getElementById(targetId)) {
+          throw new ElementError({
+            component: Radios,
+            identifier: `Conditional reveal (\`id="${targetId}"\`)`
+          });
+        }
+        $input.setAttribute('aria-controls', targetId);
+        $input.removeAttribute('data-aria-controls');
+      });
+      window.addEventListener('pageshow', () => this.syncAllConditionalReveals());
+      this.syncAllConditionalReveals();
+      this.$root.addEventListener('click', event => this.handleClick(event));
+    }
+    syncAllConditionalReveals() {
+      this.$inputs.forEach($input => this.syncConditionalRevealWithInputState($input));
+    }
+    syncConditionalRevealWithInputState($input) {
+      const targetId = $input.getAttribute('aria-controls');
+      if (!targetId) {
+        return;
+      }
+      const $target = document.getElementById(targetId);
+      if ($target != null && $target.classList.contains('govuk-radios__conditional')) {
+        const inputIsChecked = $input.checked;
+        $input.setAttribute('aria-expanded', inputIsChecked.toString());
+        $target.classList.toggle('govuk-radios__conditional--hidden', !inputIsChecked);
+      }
+    }
+    handleClick(event) {
+      const $clickedInput = event.target;
+      if (!($clickedInput instanceof HTMLInputElement) || $clickedInput.type !== 'radio') {
+        return;
+      }
+      const $allInputs = document.querySelectorAll('input[type="radio"][aria-controls]');
+      const $clickedInputForm = $clickedInput.form;
+      const $clickedInputName = $clickedInput.name;
+      $allInputs.forEach($input => {
+        const hasSameFormOwner = $input.form === $clickedInputForm;
+        const hasSameName = $input.name === $clickedInputName;
+        if (hasSameName && hasSameFormOwner) {
+          this.syncConditionalRevealWithInputState($input);
+        }
+      });
+    }
+  }
+  Radios.moduleName = 'govuk-radios';
+
+  exports.Radios = Radios;
+
+}));
+//# sourceMappingURL=radios.bundle.js.map
diff --git a/app/templates/govuk/components/radios/radios.bundle.js.map b/app/templates/govuk/components/radios/radios.bundle.js.map
new file mode 100644
index 0000000..c882c4b
--- /dev/null
+++ b/app/templates/govuk/components/radios/radios.bundle.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"radios.bundle.js","sources":["../../../../src/govuk/common/index.mjs","../../../../src/govuk/errors/index.mjs","../../../../src/govuk/component.mjs","../../../../src/govuk/components/radios/radios.mjs"],"sourcesContent":["/**\n * Common helpers which do not require polyfill.\n *\n * IMPORTANT: If a helper require a polyfill, please isolate it in its own module\n * so that the polyfill can be properly tree-shaken and does not burden\n * the components that do not need that helper\n */\n\n/**\n * Get GOV.UK Frontend breakpoint value from CSS custom property\n *\n * @private\n * @param {string} name - Breakpoint name\n * @returns {{ property: string, value?: string }} Breakpoint object\n */\nexport function getBreakpoint(name) {\n  const property = `--govuk-breakpoint-${name}`\n\n  // Get value from `<html>` with breakpoints on CSS :root\n  const value = window\n    .getComputedStyle(document.documentElement)\n    .getPropertyValue(property)\n\n  return {\n    property,\n    value: value || undefined\n  }\n}\n\n/**\n * Move focus to element\n *\n * Sets tabindex to -1 to make the element programmatically focusable,\n * but removes it on blur as the element doesn't need to be focused again.\n *\n * @private\n * @template {HTMLElement} FocusElement\n * @param {FocusElement} $element - HTML element\n * @param {object} [options] - Handler options\n * @param {function(this: FocusElement): void} [options.onBeforeFocus] - Callback before focus\n * @param {function(this: FocusElement): void} [options.onBlur] - Callback on blur\n */\nexport function setFocus($element, options = {}) {\n  const isFocusable = $element.getAttribute('tabindex')\n\n  if (!isFocusable) {\n    $element.setAttribute('tabindex', '-1')\n  }\n\n  /**\n   * Handle element focus\n   */\n  function onFocus() {\n    $element.addEventListener('blur', onBlur, { once: true })\n  }\n\n  /**\n   * Handle element blur\n   */\n  function onBlur() {\n    options.onBlur?.call($element)\n\n    if (!isFocusable) {\n      $element.removeAttribute('tabindex')\n    }\n  }\n\n  // Add listener to reset element on blur, after focus\n  $element.addEventListener('focus', onFocus, { once: true })\n\n  // Focus element\n  options.onBeforeFocus?.call($element)\n  $element.focus()\n}\n\n/**\n * Checks if component is already initialised\n *\n * @internal\n * @param {Element} $root - HTML element to be checked\n * @param {string} moduleName - name of component module\n * @returns {boolean} Whether component is already initialised\n */\nexport function isInitialised($root, moduleName) {\n  return (\n    $root instanceof HTMLElement &&\n    $root.hasAttribute(`data-${moduleName}-init`)\n  )\n}\n\n/**\n * Checks if GOV.UK Frontend is supported on this page\n *\n * Some browsers will load and run our JavaScript but GOV.UK Frontend\n * won't be supported.\n *\n * @param {HTMLElement | null} [$scope] - (internal) `<body>` HTML element checked for browser support\n * @returns {boolean} Whether GOV.UK Frontend is supported on this page\n */\nexport function isSupported($scope = document.body) {\n  if (!$scope) {\n    return false\n  }\n\n  return $scope.classList.contains('govuk-frontend-supported')\n}\n\n/**\n * Check for an array\n *\n * @internal\n * @param {unknown} option - Option to check\n * @returns {boolean} Whether the option is an array\n */\nfunction isArray(option) {\n  return Array.isArray(option)\n}\n\n/**\n * Check for an object\n *\n * @internal\n * @template {Partial<Record<keyof ObjectType, unknown>>} ObjectType\n * @param {unknown | ObjectType} option - Option to check\n * @returns {option is ObjectType} Whether the option is an object\n */\nexport function isObject(option) {\n  return !!option && typeof option === 'object' && !isArray(option)\n}\n\n/**\n * Check for valid scope\n *\n * @internal\n * @template {Element | Document} ScopeType\n * @param {unknown | ScopeType} $scope - Scope of the document to search within\n * @returns {$scope is ScopeType} Whether the scope can be queried\n */\nexport function isScope($scope) {\n  return !!$scope && ($scope instanceof Element || $scope instanceof Document)\n}\n\n/**\n * Format error message\n *\n * @internal\n * @param {ComponentWithModuleName} Component - Component that threw the error\n * @param {string} message - Error message\n * @returns {string} - Formatted error message\n */\nexport function formatErrorMessage(Component, message) {\n  return `${Component.moduleName}: ${message}`\n}\n\n/* eslint-disable jsdoc/valid-types --\n * `{new(...args: any[] ): object}` is not recognised as valid\n * https://github.com/gajus/eslint-plugin-jsdoc/issues/145#issuecomment-1308722878\n * https://github.com/jsdoc-type-pratt-parser/jsdoc-type-pratt-parser/issues/131\n **/\n\n/**\n * @typedef ComponentWithModuleName\n * @property {string} moduleName - Name of the component\n */\n\n/* eslint-enable jsdoc/valid-types */\n","import { formatErrorMessage, isObject } from '../common/index.mjs'\n\n/**\n * GOV.UK Frontend error\n *\n * A base class for `Error`s thrown by GOV.UK Frontend.\n *\n * It is meant to be extended into specific types of errors\n * to be thrown by our code.\n *\n * @example\n * ```js\n * class MissingRootError extends GOVUKFrontendError {\n *   // Setting an explicit name is important as extending the class will not\n *   // set a new `name` on the subclass. The `name` property is important\n *   // to ensure intelligible error names even if the class name gets\n *   // mangled by a minifier\n *   name = \"MissingRootError\"\n * }\n * ```\n * @virtual\n */\nexport class GOVUKFrontendError extends Error {\n  name = 'GOVUKFrontendError'\n}\n\n/**\n * Indicates that GOV.UK Frontend is not supported\n */\nexport class SupportError extends GOVUKFrontendError {\n  name = 'SupportError'\n\n  /**\n   * Checks if GOV.UK Frontend is supported on this page\n   *\n   * @param {HTMLElement | null} [$scope] - HTML element `<body>` checked for browser support\n   */\n  constructor($scope = document.body) {\n    const supportMessage =\n      'noModule' in HTMLScriptElement.prototype\n        ? 'GOV.UK Frontend initialised without `<body class=\"govuk-frontend-supported\">` from template `<script>` snippet'\n        : 'GOV.UK Frontend is not supported in this browser'\n\n    super(\n      $scope\n        ? supportMessage\n        : 'GOV.UK Frontend initialised without `<script type=\"module\">`'\n    )\n  }\n}\n\n/**\n * Indicates that a component has received an illegal configuration\n */\nexport class ConfigError extends GOVUKFrontendError {\n  name = 'ConfigError'\n}\n\n/**\n * Indicates an issue with an element (possibly `null` or `undefined`)\n */\nexport class ElementError extends GOVUKFrontendError {\n  name = 'ElementError'\n\n  /**\n   * @internal\n   * @overload\n   * @param {string} message - Element error message\n   */\n\n  /**\n   * @internal\n   * @overload\n   * @param {ElementErrorOptions} options - Element error options\n   */\n\n  /**\n   * @internal\n   * @param {string | ElementErrorOptions} messageOrOptions - Element error message or options\n   */\n  constructor(messageOrOptions) {\n    let message = typeof messageOrOptions === 'string' ? messageOrOptions : ''\n\n    // Build message from options\n    if (isObject(messageOrOptions)) {\n      const { component, identifier, element, expectedType } = messageOrOptions\n\n      message = identifier\n\n      // Append reason\n      message += element\n        ? ` is not of type ${expectedType ?? 'HTMLElement'}`\n        : ' not found'\n\n      // Prepend with module name (optional)\n      if (component) {\n        message = formatErrorMessage(component, message)\n      }\n    }\n\n    super(message)\n  }\n}\n\n/**\n * Indicates that a component is already initialised\n */\nexport class InitError extends GOVUKFrontendError {\n  name = 'InitError'\n\n  /**\n   * @internal\n   * @param {ComponentWithModuleName | string} componentOrMessage - name of the component module\n   */\n  constructor(componentOrMessage) {\n    const message =\n      typeof componentOrMessage === 'string'\n        ? componentOrMessage\n        : formatErrorMessage(\n            componentOrMessage,\n            `Root element (\\`$root\\`) already initialised`\n          )\n\n    super(message)\n  }\n}\n\n/**\n * Element error options\n *\n * @internal\n * @typedef {object} ElementErrorOptions\n * @property {Element | Document | null} [element] - The element in error (optional)\n * @property {ComponentWithModuleName} [component] - Component throwing the error (optional)\n * @property {string} identifier - An identifier that'll let the user understand which element has an error. This is whatever makes the most sense\n * @property {string} [expectedType] - The type that was expected for the identifier (optional)\n */\n\n/**\n * @import { ComponentWithModuleName } from '../common/index.mjs'\n */\n","import { isInitialised, isSupported } from './common/index.mjs'\nimport { ElementError, InitError, SupportError } from './errors/index.mjs'\n\n/**\n * Base Component class\n *\n * Centralises the behaviours shared by our components\n *\n * @virtual\n * @template {Element} [RootElementType=HTMLElement]\n */\nexport class Component {\n  /**\n   * @type {typeof Element}\n   */\n  static elementType = HTMLElement\n\n  // allows Typescript user to work around the lack of types\n  // in GOVUKFrontend package, Typescript is not aware of $root\n  // in components that extend GOVUKFrontendComponent\n  /**\n   * Returns the root element of the component\n   *\n   * @protected\n   * @returns {RootElementType} - the root element of component\n   */\n  get $root() {\n    return this._$root\n  }\n\n  /**\n   * @protected\n   * @type {RootElementType}\n   */\n  _$root\n\n  /**\n   * Constructs a new component, validating that GOV.UK Frontend is supported\n   *\n   * @internal\n   * @param {Element | null} [$root] - HTML element to use for component\n   */\n  constructor($root) {\n    const childConstructor = /** @type {ChildClassConstructor} */ (\n      this.constructor\n    )\n\n    // TypeScript does not enforce that inheriting classes will define a `moduleName`\n    // (even if we add a `@virtual` `static moduleName` property to this class).\n    // While we trust users to do this correctly, we do a little check to provide them\n    // a helpful error message.\n    //\n    // After this, we'll be sure that `childConstructor` has a `moduleName`\n    // as expected of the `ChildClassConstructor` we've cast `this.constructor` to.\n    if (typeof childConstructor.moduleName !== 'string') {\n      throw new InitError(`\\`moduleName\\` not defined in component`)\n    }\n\n    if (!($root instanceof childConstructor.elementType)) {\n      throw new ElementError({\n        element: $root,\n        component: childConstructor,\n        identifier: 'Root element (`$root`)',\n        expectedType: childConstructor.elementType.name\n      })\n    } else {\n      this._$root = /** @type {RootElementType} */ ($root)\n    }\n\n    childConstructor.checkSupport()\n\n    this.checkInitialised()\n\n    const moduleName = childConstructor.moduleName\n\n    this.$root.setAttribute(`data-${moduleName}-init`, '')\n  }\n\n  /**\n   * Validates whether component is already initialised\n   *\n   * @private\n   * @throws {InitError} when component is already initialised\n   */\n  checkInitialised() {\n    const constructor = /** @type {ChildClassConstructor} */ (this.constructor)\n    const moduleName = constructor.moduleName\n\n    if (moduleName && isInitialised(this.$root, moduleName)) {\n      throw new InitError(constructor)\n    }\n  }\n\n  /**\n   * Validates whether components are supported\n   *\n   * @throws {SupportError} when the components are not supported\n   */\n  static checkSupport() {\n    if (!isSupported()) {\n      throw new SupportError()\n    }\n  }\n}\n\n/**\n * @typedef ChildClass\n * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component\n */\n\n/**\n * @typedef {typeof Component & ChildClass} ChildClassConstructor\n */\n","import { Component } from '../../component.mjs'\nimport { ElementError } from '../../errors/index.mjs'\n\n/**\n * Radios component\n *\n * @preserve\n */\nexport class Radios extends Component {\n  /** @private */\n  $inputs\n\n  /**\n   * Radios can be associated with a 'conditionally revealed' content block –\n   * for example, a radio for 'Phone' could reveal an additional form field for\n   * the user to enter their phone number.\n   *\n   * These associations are made using a `data-aria-controls` attribute, which\n   * is promoted to an aria-controls attribute during initialisation.\n   *\n   * We also need to restore the state of any conditional reveals on the page\n   * (for example if the user has navigated back), and set up event handlers to\n   * keep the reveal in sync with the radio state.\n   *\n   * @param {Element | null} $root - HTML element to use for radios\n   */\n  constructor($root) {\n    super($root)\n\n    const $inputs = this.$root.querySelectorAll('input[type=\"radio\"]')\n    if (!$inputs.length) {\n      throw new ElementError({\n        component: Radios,\n        identifier: 'Form inputs (`<input type=\"radio\">`)'\n      })\n    }\n\n    this.$inputs = $inputs\n\n    this.$inputs.forEach(($input) => {\n      const targetId = $input.getAttribute('data-aria-controls')\n\n      // Skip radios without data-aria-controls attributes\n      if (!targetId) {\n        return\n      }\n\n      // Throw if target conditional element does not exist.\n      if (!document.getElementById(targetId)) {\n        throw new ElementError({\n          component: Radios,\n          identifier: `Conditional reveal (\\`id=\"${targetId}\"\\`)`\n        })\n      }\n\n      // Promote the data-aria-controls attribute to a aria-controls attribute\n      // so that the relationship is exposed in the AOM\n      $input.setAttribute('aria-controls', targetId)\n      $input.removeAttribute('data-aria-controls')\n    })\n\n    // When the page is restored after navigating 'back' in some browsers the\n    // state of form controls is not restored until *after* the DOMContentLoaded\n    // event is fired, so we need to sync after the pageshow event.\n    window.addEventListener('pageshow', () => this.syncAllConditionalReveals())\n\n    // Although we've set up handlers to sync state on the pageshow event, init\n    // could be called after those events have fired, for example if they are\n    // added to the page dynamically, so sync now too.\n    this.syncAllConditionalReveals()\n\n    // Handle events\n    this.$root.addEventListener('click', (event) => this.handleClick(event))\n  }\n\n  /**\n   * Sync the conditional reveal states for all radio buttons in this component.\n   *\n   * @private\n   */\n  syncAllConditionalReveals() {\n    this.$inputs.forEach(($input) =>\n      this.syncConditionalRevealWithInputState($input)\n    )\n  }\n\n  /**\n   * Sync conditional reveal with the input state\n   *\n   * Synchronise the visibility of the conditional reveal, and its accessible\n   * state, with the input's checked state.\n   *\n   * @private\n   * @param {HTMLInputElement} $input - Radio input\n   */\n  syncConditionalRevealWithInputState($input) {\n    const targetId = $input.getAttribute('aria-controls')\n    if (!targetId) {\n      return\n    }\n\n    const $target = document.getElementById(targetId)\n    if ($target?.classList.contains('govuk-radios__conditional')) {\n      const inputIsChecked = $input.checked\n\n      $input.setAttribute('aria-expanded', inputIsChecked.toString())\n      $target.classList.toggle(\n        'govuk-radios__conditional--hidden',\n        !inputIsChecked\n      )\n    }\n  }\n\n  /**\n   * Click event handler\n   *\n   * Handle a click within the component root – if the click occurred on a radio, sync\n   * the state of the conditional reveal for all radio buttons in the same form\n   * with the same name (because checking one radio could have un-checked a\n   * radio under the root of another Radio component)\n   *\n   * @private\n   * @param {MouseEvent} event - Click event\n   */\n  handleClick(event) {\n    const $clickedInput = event.target\n\n    // Ignore clicks on things that aren't radio buttons\n    if (\n      !($clickedInput instanceof HTMLInputElement) ||\n      $clickedInput.type !== 'radio'\n    ) {\n      return\n    }\n\n    // We only need to consider radios with conditional reveals, which will have\n    // aria-controls attributes.\n    const $allInputs = document.querySelectorAll(\n      'input[type=\"radio\"][aria-controls]'\n    )\n\n    const $clickedInputForm = $clickedInput.form\n    const $clickedInputName = $clickedInput.name\n\n    $allInputs.forEach(($input) => {\n      const hasSameFormOwner = $input.form === $clickedInputForm\n      const hasSameName = $input.name === $clickedInputName\n\n      if (hasSameName && hasSameFormOwner) {\n        this.syncConditionalRevealWithInputState($input)\n      }\n    })\n  }\n\n  /**\n   * Name for the component used when initialising using data-module attributes.\n   */\n  static moduleName = 'govuk-radios'\n}\n"],"names":["isInitialised","$root","moduleName","HTMLElement","hasAttribute","isSupported","$scope","document","body","classList","contains","isArray","option","Array","isObject","formatErrorMessage","Component","message","GOVUKFrontendError","Error","constructor","args","name","SupportError","supportMessage","HTMLScriptElement","prototype","ElementError","messageOrOptions","component","identifier","element","expectedType","InitError","componentOrMessage","_$root","childConstructor","elementType","checkSupport","checkInitialised","setAttribute","Radios","$inputs","querySelectorAll","length","forEach","$input","targetId","getAttribute","getElementById","removeAttribute","window","addEventListener","syncAllConditionalReveals","event","handleClick","syncConditionalRevealWithInputState","$target","inputIsChecked","checked","toString","toggle","$clickedInput","target","HTMLInputElement","type","$allInputs","$clickedInputForm","form","$clickedInputName","hasSameFormOwner","hasSameName"],"mappings":"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"}
\ No newline at end of file
diff --git a/app/templates/govuk/components/radios/radios.bundle.mjs b/app/templates/govuk/components/radios/radios.bundle.mjs
new file mode 100644
index 0000000..45c6a85
--- /dev/null
+++ b/app/templates/govuk/components/radios/radios.bundle.mjs
@@ -0,0 +1,222 @@
+function isInitialised($root, moduleName) {
+  return $root instanceof HTMLElement && $root.hasAttribute(`data-${moduleName}-init`);
+}
+
+/**
+ * Checks if GOV.UK Frontend is supported on this page
+ *
+ * Some browsers will load and run our JavaScript but GOV.UK Frontend
+ * won't be supported.
+ *
+ * @param {HTMLElement | null} [$scope] - (internal) `<body>` HTML element checked for browser support
+ * @returns {boolean} Whether GOV.UK Frontend is supported on this page
+ */
+function isSupported($scope = document.body) {
+  if (!$scope) {
+    return false;
+  }
+  return $scope.classList.contains('govuk-frontend-supported');
+}
+function isArray(option) {
+  return Array.isArray(option);
+}
+function isObject(option) {
+  return !!option && typeof option === 'object' && !isArray(option);
+}
+function formatErrorMessage(Component, message) {
+  return `${Component.moduleName}: ${message}`;
+}
+/**
+ * @typedef ComponentWithModuleName
+ * @property {string} moduleName - Name of the component
+ */
+
+class GOVUKFrontendError extends Error {
+  constructor(...args) {
+    super(...args);
+    this.name = 'GOVUKFrontendError';
+  }
+}
+class SupportError extends GOVUKFrontendError {
+  /**
+   * Checks if GOV.UK Frontend is supported on this page
+   *
+   * @param {HTMLElement | null} [$scope] - HTML element `<body>` checked for browser support
+   */
+  constructor($scope = document.body) {
+    const supportMessage = 'noModule' in HTMLScriptElement.prototype ? 'GOV.UK Frontend initialised without `<body class="govuk-frontend-supported">` from template `<script>` snippet' : 'GOV.UK Frontend is not supported in this browser';
+    super($scope ? supportMessage : 'GOV.UK Frontend initialised without `<script type="module">`');
+    this.name = 'SupportError';
+  }
+}
+class ElementError extends GOVUKFrontendError {
+  constructor(messageOrOptions) {
+    let message = typeof messageOrOptions === 'string' ? messageOrOptions : '';
+    if (isObject(messageOrOptions)) {
+      const {
+        component,
+        identifier,
+        element,
+        expectedType
+      } = messageOrOptions;
+      message = identifier;
+      message += element ? ` is not of type ${expectedType != null ? expectedType : 'HTMLElement'}` : ' not found';
+      if (component) {
+        message = formatErrorMessage(component, message);
+      }
+    }
+    super(message);
+    this.name = 'ElementError';
+  }
+}
+class InitError extends GOVUKFrontendError {
+  constructor(componentOrMessage) {
+    const message = typeof componentOrMessage === 'string' ? componentOrMessage : formatErrorMessage(componentOrMessage, `Root element (\`$root\`) already initialised`);
+    super(message);
+    this.name = 'InitError';
+  }
+}
+/**
+ * @import { ComponentWithModuleName } from '../common/index.mjs'
+ */
+
+class Component {
+  /**
+   * Returns the root element of the component
+   *
+   * @protected
+   * @returns {RootElementType} - the root element of component
+   */
+  get $root() {
+    return this._$root;
+  }
+  constructor($root) {
+    this._$root = void 0;
+    const childConstructor = this.constructor;
+    if (typeof childConstructor.moduleName !== 'string') {
+      throw new InitError(`\`moduleName\` not defined in component`);
+    }
+    if (!($root instanceof childConstructor.elementType)) {
+      throw new ElementError({
+        element: $root,
+        component: childConstructor,
+        identifier: 'Root element (`$root`)',
+        expectedType: childConstructor.elementType.name
+      });
+    } else {
+      this._$root = $root;
+    }
+    childConstructor.checkSupport();
+    this.checkInitialised();
+    const moduleName = childConstructor.moduleName;
+    this.$root.setAttribute(`data-${moduleName}-init`, '');
+  }
+  checkInitialised() {
+    const constructor = this.constructor;
+    const moduleName = constructor.moduleName;
+    if (moduleName && isInitialised(this.$root, moduleName)) {
+      throw new InitError(constructor);
+    }
+  }
+  static checkSupport() {
+    if (!isSupported()) {
+      throw new SupportError();
+    }
+  }
+}
+
+/**
+ * @typedef ChildClass
+ * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component
+ */
+
+/**
+ * @typedef {typeof Component & ChildClass} ChildClassConstructor
+ */
+Component.elementType = HTMLElement;
+
+/**
+ * Radios component
+ *
+ * @preserve
+ */
+class Radios extends Component {
+  /**
+   * Radios can be associated with a 'conditionally revealed' content block –
+   * for example, a radio for 'Phone' could reveal an additional form field for
+   * the user to enter their phone number.
+   *
+   * These associations are made using a `data-aria-controls` attribute, which
+   * is promoted to an aria-controls attribute during initialisation.
+   *
+   * We also need to restore the state of any conditional reveals on the page
+   * (for example if the user has navigated back), and set up event handlers to
+   * keep the reveal in sync with the radio state.
+   *
+   * @param {Element | null} $root - HTML element to use for radios
+   */
+  constructor($root) {
+    super($root);
+    this.$inputs = void 0;
+    const $inputs = this.$root.querySelectorAll('input[type="radio"]');
+    if (!$inputs.length) {
+      throw new ElementError({
+        component: Radios,
+        identifier: 'Form inputs (`<input type="radio">`)'
+      });
+    }
+    this.$inputs = $inputs;
+    this.$inputs.forEach($input => {
+      const targetId = $input.getAttribute('data-aria-controls');
+      if (!targetId) {
+        return;
+      }
+      if (!document.getElementById(targetId)) {
+        throw new ElementError({
+          component: Radios,
+          identifier: `Conditional reveal (\`id="${targetId}"\`)`
+        });
+      }
+      $input.setAttribute('aria-controls', targetId);
+      $input.removeAttribute('data-aria-controls');
+    });
+    window.addEventListener('pageshow', () => this.syncAllConditionalReveals());
+    this.syncAllConditionalReveals();
+    this.$root.addEventListener('click', event => this.handleClick(event));
+  }
+  syncAllConditionalReveals() {
+    this.$inputs.forEach($input => this.syncConditionalRevealWithInputState($input));
+  }
+  syncConditionalRevealWithInputState($input) {
+    const targetId = $input.getAttribute('aria-controls');
+    if (!targetId) {
+      return;
+    }
+    const $target = document.getElementById(targetId);
+    if ($target != null && $target.classList.contains('govuk-radios__conditional')) {
+      const inputIsChecked = $input.checked;
+      $input.setAttribute('aria-expanded', inputIsChecked.toString());
+      $target.classList.toggle('govuk-radios__conditional--hidden', !inputIsChecked);
+    }
+  }
+  handleClick(event) {
+    const $clickedInput = event.target;
+    if (!($clickedInput instanceof HTMLInputElement) || $clickedInput.type !== 'radio') {
+      return;
+    }
+    const $allInputs = document.querySelectorAll('input[type="radio"][aria-controls]');
+    const $clickedInputForm = $clickedInput.form;
+    const $clickedInputName = $clickedInput.name;
+    $allInputs.forEach($input => {
+      const hasSameFormOwner = $input.form === $clickedInputForm;
+      const hasSameName = $input.name === $clickedInputName;
+      if (hasSameName && hasSameFormOwner) {
+        this.syncConditionalRevealWithInputState($input);
+      }
+    });
+  }
+}
+Radios.moduleName = 'govuk-radios';
+
+export { Radios };
+//# sourceMappingURL=radios.bundle.mjs.map
diff --git a/app/templates/govuk/components/radios/radios.bundle.mjs.map b/app/templates/govuk/components/radios/radios.bundle.mjs.map
new file mode 100644
index 0000000..0856a77
--- /dev/null
+++ b/app/templates/govuk/components/radios/radios.bundle.mjs.map
@@ -0,0 +1 @@
+{"version":3,"file":"radios.bundle.mjs","sources":["../../../../src/govuk/common/index.mjs","../../../../src/govuk/errors/index.mjs","../../../../src/govuk/component.mjs","../../../../src/govuk/components/radios/radios.mjs"],"sourcesContent":["/**\n * Common helpers which do not require polyfill.\n *\n * IMPORTANT: If a helper require a polyfill, please isolate it in its own module\n * so that the polyfill can be properly tree-shaken and does not burden\n * the components that do not need that helper\n */\n\n/**\n * Get GOV.UK Frontend breakpoint value from CSS custom property\n *\n * @private\n * @param {string} name - Breakpoint name\n * @returns {{ property: string, value?: string }} Breakpoint object\n */\nexport function getBreakpoint(name) {\n  const property = `--govuk-breakpoint-${name}`\n\n  // Get value from `<html>` with breakpoints on CSS :root\n  const value = window\n    .getComputedStyle(document.documentElement)\n    .getPropertyValue(property)\n\n  return {\n    property,\n    value: value || undefined\n  }\n}\n\n/**\n * Move focus to element\n *\n * Sets tabindex to -1 to make the element programmatically focusable,\n * but removes it on blur as the element doesn't need to be focused again.\n *\n * @private\n * @template {HTMLElement} FocusElement\n * @param {FocusElement} $element - HTML element\n * @param {object} [options] - Handler options\n * @param {function(this: FocusElement): void} [options.onBeforeFocus] - Callback before focus\n * @param {function(this: FocusElement): void} [options.onBlur] - Callback on blur\n */\nexport function setFocus($element, options = {}) {\n  const isFocusable = $element.getAttribute('tabindex')\n\n  if (!isFocusable) {\n    $element.setAttribute('tabindex', '-1')\n  }\n\n  /**\n   * Handle element focus\n   */\n  function onFocus() {\n    $element.addEventListener('blur', onBlur, { once: true })\n  }\n\n  /**\n   * Handle element blur\n   */\n  function onBlur() {\n    options.onBlur?.call($element)\n\n    if (!isFocusable) {\n      $element.removeAttribute('tabindex')\n    }\n  }\n\n  // Add listener to reset element on blur, after focus\n  $element.addEventListener('focus', onFocus, { once: true })\n\n  // Focus element\n  options.onBeforeFocus?.call($element)\n  $element.focus()\n}\n\n/**\n * Checks if component is already initialised\n *\n * @internal\n * @param {Element} $root - HTML element to be checked\n * @param {string} moduleName - name of component module\n * @returns {boolean} Whether component is already initialised\n */\nexport function isInitialised($root, moduleName) {\n  return (\n    $root instanceof HTMLElement &&\n    $root.hasAttribute(`data-${moduleName}-init`)\n  )\n}\n\n/**\n * Checks if GOV.UK Frontend is supported on this page\n *\n * Some browsers will load and run our JavaScript but GOV.UK Frontend\n * won't be supported.\n *\n * @param {HTMLElement | null} [$scope] - (internal) `<body>` HTML element checked for browser support\n * @returns {boolean} Whether GOV.UK Frontend is supported on this page\n */\nexport function isSupported($scope = document.body) {\n  if (!$scope) {\n    return false\n  }\n\n  return $scope.classList.contains('govuk-frontend-supported')\n}\n\n/**\n * Check for an array\n *\n * @internal\n * @param {unknown} option - Option to check\n * @returns {boolean} Whether the option is an array\n */\nfunction isArray(option) {\n  return Array.isArray(option)\n}\n\n/**\n * Check for an object\n *\n * @internal\n * @template {Partial<Record<keyof ObjectType, unknown>>} ObjectType\n * @param {unknown | ObjectType} option - Option to check\n * @returns {option is ObjectType} Whether the option is an object\n */\nexport function isObject(option) {\n  return !!option && typeof option === 'object' && !isArray(option)\n}\n\n/**\n * Check for valid scope\n *\n * @internal\n * @template {Element | Document} ScopeType\n * @param {unknown | ScopeType} $scope - Scope of the document to search within\n * @returns {$scope is ScopeType} Whether the scope can be queried\n */\nexport function isScope($scope) {\n  return !!$scope && ($scope instanceof Element || $scope instanceof Document)\n}\n\n/**\n * Format error message\n *\n * @internal\n * @param {ComponentWithModuleName} Component - Component that threw the error\n * @param {string} message - Error message\n * @returns {string} - Formatted error message\n */\nexport function formatErrorMessage(Component, message) {\n  return `${Component.moduleName}: ${message}`\n}\n\n/* eslint-disable jsdoc/valid-types --\n * `{new(...args: any[] ): object}` is not recognised as valid\n * https://github.com/gajus/eslint-plugin-jsdoc/issues/145#issuecomment-1308722878\n * https://github.com/jsdoc-type-pratt-parser/jsdoc-type-pratt-parser/issues/131\n **/\n\n/**\n * @typedef ComponentWithModuleName\n * @property {string} moduleName - Name of the component\n */\n\n/* eslint-enable jsdoc/valid-types */\n","import { formatErrorMessage, isObject } from '../common/index.mjs'\n\n/**\n * GOV.UK Frontend error\n *\n * A base class for `Error`s thrown by GOV.UK Frontend.\n *\n * It is meant to be extended into specific types of errors\n * to be thrown by our code.\n *\n * @example\n * ```js\n * class MissingRootError extends GOVUKFrontendError {\n *   // Setting an explicit name is important as extending the class will not\n *   // set a new `name` on the subclass. The `name` property is important\n *   // to ensure intelligible error names even if the class name gets\n *   // mangled by a minifier\n *   name = \"MissingRootError\"\n * }\n * ```\n * @virtual\n */\nexport class GOVUKFrontendError extends Error {\n  name = 'GOVUKFrontendError'\n}\n\n/**\n * Indicates that GOV.UK Frontend is not supported\n */\nexport class SupportError extends GOVUKFrontendError {\n  name = 'SupportError'\n\n  /**\n   * Checks if GOV.UK Frontend is supported on this page\n   *\n   * @param {HTMLElement | null} [$scope] - HTML element `<body>` checked for browser support\n   */\n  constructor($scope = document.body) {\n    const supportMessage =\n      'noModule' in HTMLScriptElement.prototype\n        ? 'GOV.UK Frontend initialised without `<body class=\"govuk-frontend-supported\">` from template `<script>` snippet'\n        : 'GOV.UK Frontend is not supported in this browser'\n\n    super(\n      $scope\n        ? supportMessage\n        : 'GOV.UK Frontend initialised without `<script type=\"module\">`'\n    )\n  }\n}\n\n/**\n * Indicates that a component has received an illegal configuration\n */\nexport class ConfigError extends GOVUKFrontendError {\n  name = 'ConfigError'\n}\n\n/**\n * Indicates an issue with an element (possibly `null` or `undefined`)\n */\nexport class ElementError extends GOVUKFrontendError {\n  name = 'ElementError'\n\n  /**\n   * @internal\n   * @overload\n   * @param {string} message - Element error message\n   */\n\n  /**\n   * @internal\n   * @overload\n   * @param {ElementErrorOptions} options - Element error options\n   */\n\n  /**\n   * @internal\n   * @param {string | ElementErrorOptions} messageOrOptions - Element error message or options\n   */\n  constructor(messageOrOptions) {\n    let message = typeof messageOrOptions === 'string' ? messageOrOptions : ''\n\n    // Build message from options\n    if (isObject(messageOrOptions)) {\n      const { component, identifier, element, expectedType } = messageOrOptions\n\n      message = identifier\n\n      // Append reason\n      message += element\n        ? ` is not of type ${expectedType ?? 'HTMLElement'}`\n        : ' not found'\n\n      // Prepend with module name (optional)\n      if (component) {\n        message = formatErrorMessage(component, message)\n      }\n    }\n\n    super(message)\n  }\n}\n\n/**\n * Indicates that a component is already initialised\n */\nexport class InitError extends GOVUKFrontendError {\n  name = 'InitError'\n\n  /**\n   * @internal\n   * @param {ComponentWithModuleName | string} componentOrMessage - name of the component module\n   */\n  constructor(componentOrMessage) {\n    const message =\n      typeof componentOrMessage === 'string'\n        ? componentOrMessage\n        : formatErrorMessage(\n            componentOrMessage,\n            `Root element (\\`$root\\`) already initialised`\n          )\n\n    super(message)\n  }\n}\n\n/**\n * Element error options\n *\n * @internal\n * @typedef {object} ElementErrorOptions\n * @property {Element | Document | null} [element] - The element in error (optional)\n * @property {ComponentWithModuleName} [component] - Component throwing the error (optional)\n * @property {string} identifier - An identifier that'll let the user understand which element has an error. This is whatever makes the most sense\n * @property {string} [expectedType] - The type that was expected for the identifier (optional)\n */\n\n/**\n * @import { ComponentWithModuleName } from '../common/index.mjs'\n */\n","import { isInitialised, isSupported } from './common/index.mjs'\nimport { ElementError, InitError, SupportError } from './errors/index.mjs'\n\n/**\n * Base Component class\n *\n * Centralises the behaviours shared by our components\n *\n * @virtual\n * @template {Element} [RootElementType=HTMLElement]\n */\nexport class Component {\n  /**\n   * @type {typeof Element}\n   */\n  static elementType = HTMLElement\n\n  // allows Typescript user to work around the lack of types\n  // in GOVUKFrontend package, Typescript is not aware of $root\n  // in components that extend GOVUKFrontendComponent\n  /**\n   * Returns the root element of the component\n   *\n   * @protected\n   * @returns {RootElementType} - the root element of component\n   */\n  get $root() {\n    return this._$root\n  }\n\n  /**\n   * @protected\n   * @type {RootElementType}\n   */\n  _$root\n\n  /**\n   * Constructs a new component, validating that GOV.UK Frontend is supported\n   *\n   * @internal\n   * @param {Element | null} [$root] - HTML element to use for component\n   */\n  constructor($root) {\n    const childConstructor = /** @type {ChildClassConstructor} */ (\n      this.constructor\n    )\n\n    // TypeScript does not enforce that inheriting classes will define a `moduleName`\n    // (even if we add a `@virtual` `static moduleName` property to this class).\n    // While we trust users to do this correctly, we do a little check to provide them\n    // a helpful error message.\n    //\n    // After this, we'll be sure that `childConstructor` has a `moduleName`\n    // as expected of the `ChildClassConstructor` we've cast `this.constructor` to.\n    if (typeof childConstructor.moduleName !== 'string') {\n      throw new InitError(`\\`moduleName\\` not defined in component`)\n    }\n\n    if (!($root instanceof childConstructor.elementType)) {\n      throw new ElementError({\n        element: $root,\n        component: childConstructor,\n        identifier: 'Root element (`$root`)',\n        expectedType: childConstructor.elementType.name\n      })\n    } else {\n      this._$root = /** @type {RootElementType} */ ($root)\n    }\n\n    childConstructor.checkSupport()\n\n    this.checkInitialised()\n\n    const moduleName = childConstructor.moduleName\n\n    this.$root.setAttribute(`data-${moduleName}-init`, '')\n  }\n\n  /**\n   * Validates whether component is already initialised\n   *\n   * @private\n   * @throws {InitError} when component is already initialised\n   */\n  checkInitialised() {\n    const constructor = /** @type {ChildClassConstructor} */ (this.constructor)\n    const moduleName = constructor.moduleName\n\n    if (moduleName && isInitialised(this.$root, moduleName)) {\n      throw new InitError(constructor)\n    }\n  }\n\n  /**\n   * Validates whether components are supported\n   *\n   * @throws {SupportError} when the components are not supported\n   */\n  static checkSupport() {\n    if (!isSupported()) {\n      throw new SupportError()\n    }\n  }\n}\n\n/**\n * @typedef ChildClass\n * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component\n */\n\n/**\n * @typedef {typeof Component & ChildClass} ChildClassConstructor\n */\n","import { Component } from '../../component.mjs'\nimport { ElementError } from '../../errors/index.mjs'\n\n/**\n * Radios component\n *\n * @preserve\n */\nexport class Radios extends Component {\n  /** @private */\n  $inputs\n\n  /**\n   * Radios can be associated with a 'conditionally revealed' content block –\n   * for example, a radio for 'Phone' could reveal an additional form field for\n   * the user to enter their phone number.\n   *\n   * These associations are made using a `data-aria-controls` attribute, which\n   * is promoted to an aria-controls attribute during initialisation.\n   *\n   * We also need to restore the state of any conditional reveals on the page\n   * (for example if the user has navigated back), and set up event handlers to\n   * keep the reveal in sync with the radio state.\n   *\n   * @param {Element | null} $root - HTML element to use for radios\n   */\n  constructor($root) {\n    super($root)\n\n    const $inputs = this.$root.querySelectorAll('input[type=\"radio\"]')\n    if (!$inputs.length) {\n      throw new ElementError({\n        component: Radios,\n        identifier: 'Form inputs (`<input type=\"radio\">`)'\n      })\n    }\n\n    this.$inputs = $inputs\n\n    this.$inputs.forEach(($input) => {\n      const targetId = $input.getAttribute('data-aria-controls')\n\n      // Skip radios without data-aria-controls attributes\n      if (!targetId) {\n        return\n      }\n\n      // Throw if target conditional element does not exist.\n      if (!document.getElementById(targetId)) {\n        throw new ElementError({\n          component: Radios,\n          identifier: `Conditional reveal (\\`id=\"${targetId}\"\\`)`\n        })\n      }\n\n      // Promote the data-aria-controls attribute to a aria-controls attribute\n      // so that the relationship is exposed in the AOM\n      $input.setAttribute('aria-controls', targetId)\n      $input.removeAttribute('data-aria-controls')\n    })\n\n    // When the page is restored after navigating 'back' in some browsers the\n    // state of form controls is not restored until *after* the DOMContentLoaded\n    // event is fired, so we need to sync after the pageshow event.\n    window.addEventListener('pageshow', () => this.syncAllConditionalReveals())\n\n    // Although we've set up handlers to sync state on the pageshow event, init\n    // could be called after those events have fired, for example if they are\n    // added to the page dynamically, so sync now too.\n    this.syncAllConditionalReveals()\n\n    // Handle events\n    this.$root.addEventListener('click', (event) => this.handleClick(event))\n  }\n\n  /**\n   * Sync the conditional reveal states for all radio buttons in this component.\n   *\n   * @private\n   */\n  syncAllConditionalReveals() {\n    this.$inputs.forEach(($input) =>\n      this.syncConditionalRevealWithInputState($input)\n    )\n  }\n\n  /**\n   * Sync conditional reveal with the input state\n   *\n   * Synchronise the visibility of the conditional reveal, and its accessible\n   * state, with the input's checked state.\n   *\n   * @private\n   * @param {HTMLInputElement} $input - Radio input\n   */\n  syncConditionalRevealWithInputState($input) {\n    const targetId = $input.getAttribute('aria-controls')\n    if (!targetId) {\n      return\n    }\n\n    const $target = document.getElementById(targetId)\n    if ($target?.classList.contains('govuk-radios__conditional')) {\n      const inputIsChecked = $input.checked\n\n      $input.setAttribute('aria-expanded', inputIsChecked.toString())\n      $target.classList.toggle(\n        'govuk-radios__conditional--hidden',\n        !inputIsChecked\n      )\n    }\n  }\n\n  /**\n   * Click event handler\n   *\n   * Handle a click within the component root – if the click occurred on a radio, sync\n   * the state of the conditional reveal for all radio buttons in the same form\n   * with the same name (because checking one radio could have un-checked a\n   * radio under the root of another Radio component)\n   *\n   * @private\n   * @param {MouseEvent} event - Click event\n   */\n  handleClick(event) {\n    const $clickedInput = event.target\n\n    // Ignore clicks on things that aren't radio buttons\n    if (\n      !($clickedInput instanceof HTMLInputElement) ||\n      $clickedInput.type !== 'radio'\n    ) {\n      return\n    }\n\n    // We only need to consider radios with conditional reveals, which will have\n    // aria-controls attributes.\n    const $allInputs = document.querySelectorAll(\n      'input[type=\"radio\"][aria-controls]'\n    )\n\n    const $clickedInputForm = $clickedInput.form\n    const $clickedInputName = $clickedInput.name\n\n    $allInputs.forEach(($input) => {\n      const hasSameFormOwner = $input.form === $clickedInputForm\n      const hasSameName = $input.name === $clickedInputName\n\n      if (hasSameName && hasSameFormOwner) {\n        this.syncConditionalRevealWithInputState($input)\n      }\n    })\n  }\n\n  /**\n   * Name for the component used when initialising using data-module attributes.\n   */\n  static moduleName = 'govuk-radios'\n}\n"],"names":["isInitialised","$root","moduleName","HTMLElement","hasAttribute","isSupported","$scope","document","body","classList","contains","isArray","option","Array","isObject","formatErrorMessage","Component","message","GOVUKFrontendError","Error","constructor","args","name","SupportError","supportMessage","HTMLScriptElement","prototype","ElementError","messageOrOptions","component","identifier","element","expectedType","InitError","componentOrMessage","_$root","childConstructor","elementType","checkSupport","checkInitialised","setAttribute","Radios","$inputs","querySelectorAll","length","forEach","$input","targetId","getAttribute","getElementById","removeAttribute","window","addEventListener","syncAllConditionalReveals","event","handleClick","syncConditionalRevealWithInputState","$target","inputIsChecked","checked","toString","toggle","$clickedInput","target","HTMLInputElement","type","$allInputs","$clickedInputForm","form","$clickedInputName","hasSameFormOwner","hasSameName"],"mappings":"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"}
\ No newline at end of file
diff --git a/app/templates/govuk/components/radios/radios.mjs b/app/templates/govuk/components/radios/radios.mjs
new file mode 100644
index 0000000..28fe54d
--- /dev/null
+++ b/app/templates/govuk/components/radios/radios.mjs
@@ -0,0 +1,88 @@
+import { Component } from '../../component.mjs';
+import { ElementError } from '../../errors/index.mjs';
+
+/**
+ * Radios component
+ *
+ * @preserve
+ */
+class Radios extends Component {
+  /**
+   * Radios can be associated with a 'conditionally revealed' content block –
+   * for example, a radio for 'Phone' could reveal an additional form field for
+   * the user to enter their phone number.
+   *
+   * These associations are made using a `data-aria-controls` attribute, which
+   * is promoted to an aria-controls attribute during initialisation.
+   *
+   * We also need to restore the state of any conditional reveals on the page
+   * (for example if the user has navigated back), and set up event handlers to
+   * keep the reveal in sync with the radio state.
+   *
+   * @param {Element | null} $root - HTML element to use for radios
+   */
+  constructor($root) {
+    super($root);
+    this.$inputs = void 0;
+    const $inputs = this.$root.querySelectorAll('input[type="radio"]');
+    if (!$inputs.length) {
+      throw new ElementError({
+        component: Radios,
+        identifier: 'Form inputs (`<input type="radio">`)'
+      });
+    }
+    this.$inputs = $inputs;
+    this.$inputs.forEach($input => {
+      const targetId = $input.getAttribute('data-aria-controls');
+      if (!targetId) {
+        return;
+      }
+      if (!document.getElementById(targetId)) {
+        throw new ElementError({
+          component: Radios,
+          identifier: `Conditional reveal (\`id="${targetId}"\`)`
+        });
+      }
+      $input.setAttribute('aria-controls', targetId);
+      $input.removeAttribute('data-aria-controls');
+    });
+    window.addEventListener('pageshow', () => this.syncAllConditionalReveals());
+    this.syncAllConditionalReveals();
+    this.$root.addEventListener('click', event => this.handleClick(event));
+  }
+  syncAllConditionalReveals() {
+    this.$inputs.forEach($input => this.syncConditionalRevealWithInputState($input));
+  }
+  syncConditionalRevealWithInputState($input) {
+    const targetId = $input.getAttribute('aria-controls');
+    if (!targetId) {
+      return;
+    }
+    const $target = document.getElementById(targetId);
+    if ($target != null && $target.classList.contains('govuk-radios__conditional')) {
+      const inputIsChecked = $input.checked;
+      $input.setAttribute('aria-expanded', inputIsChecked.toString());
+      $target.classList.toggle('govuk-radios__conditional--hidden', !inputIsChecked);
+    }
+  }
+  handleClick(event) {
+    const $clickedInput = event.target;
+    if (!($clickedInput instanceof HTMLInputElement) || $clickedInput.type !== 'radio') {
+      return;
+    }
+    const $allInputs = document.querySelectorAll('input[type="radio"][aria-controls]');
+    const $clickedInputForm = $clickedInput.form;
+    const $clickedInputName = $clickedInput.name;
+    $allInputs.forEach($input => {
+      const hasSameFormOwner = $input.form === $clickedInputForm;
+      const hasSameName = $input.name === $clickedInputName;
+      if (hasSameName && hasSameFormOwner) {
+        this.syncConditionalRevealWithInputState($input);
+      }
+    });
+  }
+}
+Radios.moduleName = 'govuk-radios';
+
+export { Radios };
+//# sourceMappingURL=radios.mjs.map
diff --git a/app/templates/govuk/components/radios/radios.mjs.map b/app/templates/govuk/components/radios/radios.mjs.map
new file mode 100644
index 0000000..3e80335
--- /dev/null
+++ b/app/templates/govuk/components/radios/radios.mjs.map
@@ -0,0 +1 @@
+{"version":3,"file":"radios.mjs","sources":["../../../../src/govuk/components/radios/radios.mjs"],"sourcesContent":["import { Component } from '../../component.mjs'\nimport { ElementError } from '../../errors/index.mjs'\n\n/**\n * Radios component\n *\n * @preserve\n */\nexport class Radios extends Component {\n  /** @private */\n  $inputs\n\n  /**\n   * Radios can be associated with a 'conditionally revealed' content block –\n   * for example, a radio for 'Phone' could reveal an additional form field for\n   * the user to enter their phone number.\n   *\n   * These associations are made using a `data-aria-controls` attribute, which\n   * is promoted to an aria-controls attribute during initialisation.\n   *\n   * We also need to restore the state of any conditional reveals on the page\n   * (for example if the user has navigated back), and set up event handlers to\n   * keep the reveal in sync with the radio state.\n   *\n   * @param {Element | null} $root - HTML element to use for radios\n   */\n  constructor($root) {\n    super($root)\n\n    const $inputs = this.$root.querySelectorAll('input[type=\"radio\"]')\n    if (!$inputs.length) {\n      throw new ElementError({\n        component: Radios,\n        identifier: 'Form inputs (`<input type=\"radio\">`)'\n      })\n    }\n\n    this.$inputs = $inputs\n\n    this.$inputs.forEach(($input) => {\n      const targetId = $input.getAttribute('data-aria-controls')\n\n      // Skip radios without data-aria-controls attributes\n      if (!targetId) {\n        return\n      }\n\n      // Throw if target conditional element does not exist.\n      if (!document.getElementById(targetId)) {\n        throw new ElementError({\n          component: Radios,\n          identifier: `Conditional reveal (\\`id=\"${targetId}\"\\`)`\n        })\n      }\n\n      // Promote the data-aria-controls attribute to a aria-controls attribute\n      // so that the relationship is exposed in the AOM\n      $input.setAttribute('aria-controls', targetId)\n      $input.removeAttribute('data-aria-controls')\n    })\n\n    // When the page is restored after navigating 'back' in some browsers the\n    // state of form controls is not restored until *after* the DOMContentLoaded\n    // event is fired, so we need to sync after the pageshow event.\n    window.addEventListener('pageshow', () => this.syncAllConditionalReveals())\n\n    // Although we've set up handlers to sync state on the pageshow event, init\n    // could be called after those events have fired, for example if they are\n    // added to the page dynamically, so sync now too.\n    this.syncAllConditionalReveals()\n\n    // Handle events\n    this.$root.addEventListener('click', (event) => this.handleClick(event))\n  }\n\n  /**\n   * Sync the conditional reveal states for all radio buttons in this component.\n   *\n   * @private\n   */\n  syncAllConditionalReveals() {\n    this.$inputs.forEach(($input) =>\n      this.syncConditionalRevealWithInputState($input)\n    )\n  }\n\n  /**\n   * Sync conditional reveal with the input state\n   *\n   * Synchronise the visibility of the conditional reveal, and its accessible\n   * state, with the input's checked state.\n   *\n   * @private\n   * @param {HTMLInputElement} $input - Radio input\n   */\n  syncConditionalRevealWithInputState($input) {\n    const targetId = $input.getAttribute('aria-controls')\n    if (!targetId) {\n      return\n    }\n\n    const $target = document.getElementById(targetId)\n    if ($target?.classList.contains('govuk-radios__conditional')) {\n      const inputIsChecked = $input.checked\n\n      $input.setAttribute('aria-expanded', inputIsChecked.toString())\n      $target.classList.toggle(\n        'govuk-radios__conditional--hidden',\n        !inputIsChecked\n      )\n    }\n  }\n\n  /**\n   * Click event handler\n   *\n   * Handle a click within the component root – if the click occurred on a radio, sync\n   * the state of the conditional reveal for all radio buttons in the same form\n   * with the same name (because checking one radio could have un-checked a\n   * radio under the root of another Radio component)\n   *\n   * @private\n   * @param {MouseEvent} event - Click event\n   */\n  handleClick(event) {\n    const $clickedInput = event.target\n\n    // Ignore clicks on things that aren't radio buttons\n    if (\n      !($clickedInput instanceof HTMLInputElement) ||\n      $clickedInput.type !== 'radio'\n    ) {\n      return\n    }\n\n    // We only need to consider radios with conditional reveals, which will have\n    // aria-controls attributes.\n    const $allInputs = document.querySelectorAll(\n      'input[type=\"radio\"][aria-controls]'\n    )\n\n    const $clickedInputForm = $clickedInput.form\n    const $clickedInputName = $clickedInput.name\n\n    $allInputs.forEach(($input) => {\n      const hasSameFormOwner = $input.form === $clickedInputForm\n      const hasSameName = $input.name === $clickedInputName\n\n      if (hasSameName && hasSameFormOwner) {\n        this.syncConditionalRevealWithInputState($input)\n      }\n    })\n  }\n\n  /**\n   * Name for the component used when initialising using data-module attributes.\n   */\n  static moduleName = 'govuk-radios'\n}\n"],"names":["Radios","Component","constructor","$root","$inputs","querySelectorAll","length","ElementError","component","identifier","forEach","$input","targetId","getAttribute","document","getElementById","setAttribute","removeAttribute","window","addEventListener","syncAllConditionalReveals","event","handleClick","syncConditionalRevealWithInputState","$target","classList","contains","inputIsChecked","checked","toString","toggle","$clickedInput","target","HTMLInputElement","type","$allInputs","$clickedInputForm","form","$clickedInputName","name","hasSameFormOwner","hasSameName","moduleName"],"mappings":"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"}
\ No newline at end of file
diff --git a/app/templates/govuk/components/radios/template-default.html b/app/templates/govuk/components/radios/template-default.html
new file mode 100644
index 0000000..93ce17f
--- /dev/null
+++ b/app/templates/govuk/components/radios/template-default.html
@@ -0,0 +1,21 @@
+<div class="govuk-form-group">
+  <fieldset class="govuk-fieldset">
+  <legend class="govuk-fieldset__legend">
+    Have you changed your name?
+  </legend>
+  <div class="govuk-radios" data-module="govuk-radios">
+    <div class="govuk-radios__item">
+      <input class="govuk-radios__input" id="example-default" name="example-default" type="radio" value="yes">
+      <label class="govuk-label govuk-radios__label" for="example-default">
+        Yes
+      </label>
+    </div>
+    <div class="govuk-radios__item">
+      <input class="govuk-radios__input" id="example-default-2" name="example-default" type="radio" value="no">
+      <label class="govuk-label govuk-radios__label" for="example-default-2">
+        No
+      </label>
+    </div>
+  </div>
+</fieldset>
+</div>
diff --git a/app/templates/govuk/components/radios/template-inline.html b/app/templates/govuk/components/radios/template-inline.html
new file mode 100644
index 0000000..82f6ae5
--- /dev/null
+++ b/app/templates/govuk/components/radios/template-inline.html
@@ -0,0 +1,24 @@
+<div class="govuk-form-group">
+  <fieldset class="govuk-fieldset" aria-describedby="example-hint">
+  <legend class="govuk-fieldset__legend">
+    Have you changed your name?
+  </legend>
+  <div id="example-hint" class="govuk-hint">
+    This includes changing your last name or spelling your name differently.
+  </div>
+  <div class="govuk-radios govuk-radios--inline" data-module="govuk-radios">
+    <div class="govuk-radios__item">
+      <input class="govuk-radios__input" id="example" name="example" type="radio" value="yes">
+      <label class="govuk-label govuk-radios__label" for="example">
+        Yes
+      </label>
+    </div>
+    <div class="govuk-radios__item">
+      <input class="govuk-radios__input" id="example-2" name="example" type="radio" value="no" checked>
+      <label class="govuk-label govuk-radios__label" for="example-2">
+        No
+      </label>
+    </div>
+  </div>
+</fieldset>
+</div>
diff --git a/app/templates/govuk/components/radios/template-small-inline.html b/app/templates/govuk/components/radios/template-small-inline.html
new file mode 100644
index 0000000..6a5878b
--- /dev/null
+++ b/app/templates/govuk/components/radios/template-small-inline.html
@@ -0,0 +1,27 @@
+<div class="govuk-form-group">
+  <fieldset class="govuk-fieldset">
+  <legend class="govuk-fieldset__legend">
+    Sort by
+  </legend>
+  <div class="govuk-radios govuk-radios--small govuk-radios--inline" data-module="govuk-radios">
+    <div class="govuk-radios__item">
+      <input class="govuk-radios__input" id="sort" name="example" type="radio" value="relevance">
+      <label class="govuk-label govuk-radios__label" for="sort">
+        relevance
+      </label>
+    </div>
+    <div class="govuk-radios__item">
+      <input class="govuk-radios__input" id="sort-2" name="example" type="radio" value="title">
+      <label class="govuk-label govuk-radios__label" for="sort-2">
+        title
+      </label>
+    </div>
+    <div class="govuk-radios__item">
+      <input class="govuk-radios__input" id="sort-3" name="example" type="radio" value="created">
+      <label class="govuk-label govuk-radios__label" for="sort-3">
+        created
+      </label>
+    </div>
+  </div>
+</fieldset>
+</div>
diff --git a/app/templates/govuk/components/radios/template-small-with-a-divider.html b/app/templates/govuk/components/radios/template-small-with-a-divider.html
new file mode 100644
index 0000000..c5e2247
--- /dev/null
+++ b/app/templates/govuk/components/radios/template-small-with-a-divider.html
@@ -0,0 +1,28 @@
+<div class="govuk-form-group">
+  <fieldset class="govuk-fieldset">
+  <legend class="govuk-fieldset__legend">
+    How do you want to sign in?
+  </legend>
+  <div class="govuk-radios govuk-radios--small" data-module="govuk-radios">
+    <div class="govuk-radios__item">
+      <input class="govuk-radios__input" id="example-small-divider" name="example" type="radio" value="government-gateway">
+      <label class="govuk-label govuk-radios__label" for="example-small-divider">
+        Use Government Gateway
+      </label>
+    </div>
+    <div class="govuk-radios__item">
+      <input class="govuk-radios__input" id="example-small-divider-2" name="example" type="radio" value="govuk-verify">
+      <label class="govuk-label govuk-radios__label" for="example-small-divider-2">
+        Use GOV.UK Verify
+      </label>
+    </div>
+    <div class="govuk-radios__divider">or</div>
+    <div class="govuk-radios__item">
+      <input class="govuk-radios__input" id="example-small-divider-4" name="example" type="radio" value="create-account">
+      <label class="govuk-label govuk-radios__label" for="example-small-divider-4">
+        Create an account
+      </label>
+    </div>
+  </div>
+</fieldset>
+</div>
diff --git a/app/templates/govuk/components/radios/template-small-with-conditional-reveal.html b/app/templates/govuk/components/radios/template-small-with-conditional-reveal.html
new file mode 100644
index 0000000..a65a040
--- /dev/null
+++ b/app/templates/govuk/components/radios/template-small-with-conditional-reveal.html
@@ -0,0 +1,31 @@
+<div class="govuk-form-group govuk-radios--small">
+  <fieldset class="govuk-fieldset">
+  <legend class="govuk-fieldset__legend">
+    How do you want to be contacted?
+  </legend>
+  <div class="govuk-radios" data-module="govuk-radios">
+    <div class="govuk-radios__item">
+      <input class="govuk-radios__input" id="how-contacted-2" name="how-contacted-2" type="radio" value="email" data-aria-controls="conditional-how-contacted-2">
+      <label class="govuk-label govuk-radios__label" for="how-contacted-2">
+        Email
+      </label>
+    </div>
+    <div class="govuk-radios__conditional govuk-radios__conditional--hidden" id="conditional-how-contacted-2">
+      <label class="govuk-label" for="context-email">Foo</label>
+<input class="govuk-input govuk-!-width-one-third" name="context-email" type="text" id="context-email">
+    </div>
+    <div class="govuk-radios__item">
+      <input class="govuk-radios__input" id="how-contacted-2-2" name="how-contacted-2" type="radio" value="phone">
+      <label class="govuk-label govuk-radios__label" for="how-contacted-2-2">
+        Phone
+      </label>
+    </div>
+    <div class="govuk-radios__item">
+      <input class="govuk-radios__input" id="how-contacted-2-3" name="how-contacted-2" type="radio" value="text">
+      <label class="govuk-label govuk-radios__label" for="how-contacted-2-3">
+        Text message
+      </label>
+    </div>
+  </div>
+</fieldset>
+</div>
diff --git a/app/templates/govuk/components/radios/template-small-with-error.html b/app/templates/govuk/components/radios/template-small-with-error.html
new file mode 100644
index 0000000..74b2de8
--- /dev/null
+++ b/app/templates/govuk/components/radios/template-small-with-error.html
@@ -0,0 +1,30 @@
+<div class="govuk-form-group govuk-form-group--error govuk-radios--small">
+  <fieldset class="govuk-fieldset" aria-describedby="how-contacted-2-error">
+  <legend class="govuk-fieldset__legend">
+    How do you want to be contacted?
+  </legend>
+  <p id="how-contacted-2-error" class="govuk-error-message">
+    <span class="govuk-visually-hidden">Error:</span> Select a thing
+  </p>
+  <div class="govuk-radios" data-module="govuk-radios">
+    <div class="govuk-radios__item">
+      <input class="govuk-radios__input" id="how-contacted-2" name="how-contacted-2" type="radio" value="email">
+      <label class="govuk-label govuk-radios__label" for="how-contacted-2">
+        Email
+      </label>
+    </div>
+    <div class="govuk-radios__item">
+      <input class="govuk-radios__input" id="how-contacted-2-2" name="how-contacted-2" type="radio" value="phone">
+      <label class="govuk-label govuk-radios__label" for="how-contacted-2-2">
+        Phone
+      </label>
+    </div>
+    <div class="govuk-radios__item">
+      <input class="govuk-radios__input" id="how-contacted-2-3" name="how-contacted-2" type="radio" value="text">
+      <label class="govuk-label govuk-radios__label" for="how-contacted-2-3">
+        Text message
+      </label>
+    </div>
+  </div>
+</fieldset>
+</div>
diff --git a/app/templates/govuk/components/radios/template-small-with-hint.html b/app/templates/govuk/components/radios/template-small-with-hint.html
new file mode 100644
index 0000000..b23b4d4
--- /dev/null
+++ b/app/templates/govuk/components/radios/template-small-with-hint.html
@@ -0,0 +1,30 @@
+<div class="govuk-form-group govuk-radios--small">
+  <fieldset class="govuk-fieldset">
+  <legend class="govuk-fieldset__legend">
+    How do you want to be contacted?
+  </legend>
+  <div class="govuk-radios" data-module="govuk-radios">
+    <div class="govuk-radios__item">
+      <input class="govuk-radios__input" id="how-contacted-2" name="how-contacted-2" type="radio" value="email" aria-describedby="how-contacted-2-item-hint">
+      <label class="govuk-label govuk-radios__label" for="how-contacted-2">
+        Email
+      </label>
+      <div id="how-contacted-2-item-hint" class="govuk-hint govuk-radios__hint">
+        Hint for email address
+      </div>
+    </div>
+    <div class="govuk-radios__item">
+      <input class="govuk-radios__input" id="how-contacted-2-2" name="how-contacted-2" type="radio" value="phone">
+      <label class="govuk-label govuk-radios__label" for="how-contacted-2-2">
+        Phone
+      </label>
+    </div>
+    <div class="govuk-radios__item">
+      <input class="govuk-radios__input" id="how-contacted-2-3" name="how-contacted-2" type="radio" value="text">
+      <label class="govuk-label govuk-radios__label" for="how-contacted-2-3">
+        Text message
+      </label>
+    </div>
+  </div>
+</fieldset>
+</div>
diff --git a/app/templates/govuk/components/radios/template-small-with-long-text.html b/app/templates/govuk/components/radios/template-small-with-long-text.html
new file mode 100644
index 0000000..62840d2
--- /dev/null
+++ b/app/templates/govuk/components/radios/template-small-with-long-text.html
@@ -0,0 +1,27 @@
+<div class="govuk-form-group">
+  <fieldset class="govuk-fieldset">
+  <legend class="govuk-fieldset__legend">
+    Venenatis Condimentum
+  </legend>
+  <div class="govuk-radios govuk-radios--small" data-module="govuk-radios">
+    <div class="govuk-radios__item">
+      <input class="govuk-radios__input" id="foo" name="foo" type="radio" value="nullam">
+      <label class="govuk-label govuk-radios__label" for="foo">
+        Nullam id dolor id nibh ultricies vehicula ut id elit. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Maecenas faucibus mollis interdum. Donec id elit non mi porta gravida at eget metus.
+      </label>
+    </div>
+    <div class="govuk-radios__item">
+      <input class="govuk-radios__input" id="foo-2" name="foo" type="radio" value="aenean">
+      <label class="govuk-label govuk-radios__label" for="foo-2">
+        Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Donec sed odio dui. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Cras mattis consectetur purus sit amet fermentum.
+      </label>
+    </div>
+    <div class="govuk-radios__item">
+      <input class="govuk-radios__input" id="foo-3" name="foo" type="radio" value="fusce">
+      <label class="govuk-label govuk-radios__label" for="foo-3">
+        Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Etiam porta sem malesuada magna mollis euismod. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. Sed posuere consectetur est at lobortis.
+      </label>
+    </div>
+  </div>
+</fieldset>
+</div>
diff --git a/app/templates/govuk/components/radios/template-small.html b/app/templates/govuk/components/radios/template-small.html
new file mode 100644
index 0000000..5c6f5b7
--- /dev/null
+++ b/app/templates/govuk/components/radios/template-small.html
@@ -0,0 +1,27 @@
+<div class="govuk-form-group govuk-radios--small">
+  <fieldset class="govuk-fieldset">
+  <legend class="govuk-fieldset__legend">
+    How do you want to be contacted?
+  </legend>
+  <div class="govuk-radios" data-module="govuk-radios">
+    <div class="govuk-radios__item">
+      <input class="govuk-radios__input" id="how-contacted-2" name="how-contacted-2" type="radio" value="email">
+      <label class="govuk-label govuk-radios__label" for="how-contacted-2">
+        Email
+      </label>
+    </div>
+    <div class="govuk-radios__item">
+      <input class="govuk-radios__input" id="how-contacted-2-2" name="how-contacted-2" type="radio" value="phone">
+      <label class="govuk-label govuk-radios__label" for="how-contacted-2-2">
+        Phone
+      </label>
+    </div>
+    <div class="govuk-radios__item">
+      <input class="govuk-radios__input" id="how-contacted-2-3" name="how-contacted-2" type="radio" value="text">
+      <label class="govuk-label govuk-radios__label" for="how-contacted-2-3">
+        Text message
+      </label>
+    </div>
+  </div>
+</fieldset>
+</div>
diff --git a/app/templates/govuk/components/radios/template-with-a-divider.html b/app/templates/govuk/components/radios/template-with-a-divider.html
new file mode 100644
index 0000000..d50b422
--- /dev/null
+++ b/app/templates/govuk/components/radios/template-with-a-divider.html
@@ -0,0 +1,28 @@
+<div class="govuk-form-group">
+  <fieldset class="govuk-fieldset">
+  <legend class="govuk-fieldset__legend">
+    How do you want to sign in?
+  </legend>
+  <div class="govuk-radios" data-module="govuk-radios">
+    <div class="govuk-radios__item">
+      <input class="govuk-radios__input" id="example-divider" name="example" type="radio" value="government-gateway">
+      <label class="govuk-label govuk-radios__label" for="example-divider">
+        Use Government Gateway
+      </label>
+    </div>
+    <div class="govuk-radios__item">
+      <input class="govuk-radios__input" id="example-divider-2" name="example" type="radio" value="govuk-verify">
+      <label class="govuk-label govuk-radios__label" for="example-divider-2">
+        Use GOV.UK Verify
+      </label>
+    </div>
+    <div class="govuk-radios__divider">or</div>
+    <div class="govuk-radios__item">
+      <input class="govuk-radios__input" id="example-divider-4" name="example" type="radio" value="create-account">
+      <label class="govuk-label govuk-radios__label" for="example-divider-4">
+        Create an account
+      </label>
+    </div>
+  </div>
+</fieldset>
+</div>
diff --git a/app/templates/govuk/components/radios/template-with-conditional-item-checked.html b/app/templates/govuk/components/radios/template-with-conditional-item-checked.html
new file mode 100644
index 0000000..246f9b2
--- /dev/null
+++ b/app/templates/govuk/components/radios/template-with-conditional-item-checked.html
@@ -0,0 +1,39 @@
+<div class="govuk-form-group">
+  <fieldset class="govuk-fieldset">
+  <legend class="govuk-fieldset__legend">
+    How do you want to be contacted?
+  </legend>
+  <div class="govuk-radios" data-module="govuk-radios">
+    <div class="govuk-radios__item">
+      <input class="govuk-radios__input" id="how-contacted-checked" name="how-contacted-checked" type="radio" value="email" checked data-aria-controls="conditional-how-contacted-checked">
+      <label class="govuk-label govuk-radios__label" for="how-contacted-checked">
+        Email
+      </label>
+    </div>
+    <div class="govuk-radios__conditional" id="conditional-how-contacted-checked">
+      <label class="govuk-label" for="context-email">Email</label>
+<input class="govuk-input govuk-!-width-one-third" name="context-email" type="text" id="context-email">
+    </div>
+    <div class="govuk-radios__item">
+      <input class="govuk-radios__input" id="how-contacted-checked-2" name="how-contacted-checked" type="radio" value="phone" data-aria-controls="conditional-how-contacted-checked-2">
+      <label class="govuk-label govuk-radios__label" for="how-contacted-checked-2">
+        Phone
+      </label>
+    </div>
+    <div class="govuk-radios__conditional govuk-radios__conditional--hidden" id="conditional-how-contacted-checked-2">
+      <label class="govuk-label" for="contact-phone">Phone number</label>
+<input class="govuk-input govuk-!-width-one-third" name="contact-phone" type="text" id="contact-phone">
+    </div>
+    <div class="govuk-radios__item">
+      <input class="govuk-radios__input" id="how-contacted-checked-3" name="how-contacted-checked" type="radio" value="text" data-aria-controls="conditional-how-contacted-checked-3">
+      <label class="govuk-label govuk-radios__label" for="how-contacted-checked-3">
+        Text message
+      </label>
+    </div>
+    <div class="govuk-radios__conditional govuk-radios__conditional--hidden" id="conditional-how-contacted-checked-3">
+      <label class="govuk-label" for="contact-text-message">Mobile phone number</label>
+<input class="govuk-input govuk-!-width-one-third" name="contact-text-message" type="text" id="contact-text-message">
+    </div>
+  </div>
+</fieldset>
+</div>
diff --git a/app/templates/govuk/components/radios/template-with-conditional-items-and-pre-checked-value.html b/app/templates/govuk/components/radios/template-with-conditional-items-and-pre-checked-value.html
new file mode 100644
index 0000000..3f1e769
--- /dev/null
+++ b/app/templates/govuk/components/radios/template-with-conditional-items-and-pre-checked-value.html
@@ -0,0 +1,39 @@
+<div class="govuk-form-group">
+  <fieldset class="govuk-fieldset">
+  <legend class="govuk-fieldset__legend">
+    How do you want to be contacted?
+  </legend>
+  <div class="govuk-radios" data-module="govuk-radios">
+    <div class="govuk-radios__item">
+      <input class="govuk-radios__input" id="how-contacted-checked" name="how-contacted-checked" type="radio" value="email" data-aria-controls="conditional-how-contacted-checked">
+      <label class="govuk-label govuk-radios__label" for="how-contacted-checked">
+        Email
+      </label>
+    </div>
+    <div class="govuk-radios__conditional govuk-radios__conditional--hidden" id="conditional-how-contacted-checked">
+      <label class="govuk-label" for="context-email">Email</label>
+<input class="govuk-input govuk-!-width-one-third" name="context-email" type="text" id="context-email">
+    </div>
+    <div class="govuk-radios__item">
+      <input class="govuk-radios__input" id="how-contacted-checked-2" name="how-contacted-checked" type="radio" value="phone" data-aria-controls="conditional-how-contacted-checked-2">
+      <label class="govuk-label govuk-radios__label" for="how-contacted-checked-2">
+        Phone
+      </label>
+    </div>
+    <div class="govuk-radios__conditional govuk-radios__conditional--hidden" id="conditional-how-contacted-checked-2">
+      <label class="govuk-label" for="contact-phone">Phone number</label>
+<input class="govuk-input govuk-!-width-one-third" name="contact-phone" type="text" id="contact-phone">
+    </div>
+    <div class="govuk-radios__item">
+      <input class="govuk-radios__input" id="how-contacted-checked-3" name="how-contacted-checked" type="radio" value="text" checked data-aria-controls="conditional-how-contacted-checked-3">
+      <label class="govuk-label govuk-radios__label" for="how-contacted-checked-3">
+        Text message
+      </label>
+    </div>
+    <div class="govuk-radios__conditional" id="conditional-how-contacted-checked-3">
+      <label class="govuk-label" for="contact-text-message">Mobile phone number</label>
+<input class="govuk-input govuk-!-width-one-third" name="contact-text-message" type="text" id="contact-text-message">
+    </div>
+  </div>
+</fieldset>
+</div>
diff --git a/app/templates/govuk/components/radios/template-with-conditional-items.html b/app/templates/govuk/components/radios/template-with-conditional-items.html
new file mode 100644
index 0000000..065c02c
--- /dev/null
+++ b/app/templates/govuk/components/radios/template-with-conditional-items.html
@@ -0,0 +1,39 @@
+<div class="govuk-form-group">
+  <fieldset class="govuk-fieldset">
+  <legend class="govuk-fieldset__legend">
+    How do you want to be contacted?
+  </legend>
+  <div class="govuk-radios" data-module="govuk-radios">
+    <div class="govuk-radios__item">
+      <input class="govuk-radios__input" id="how-contacted" name="how-contacted" type="radio" value="email" data-aria-controls="conditional-how-contacted">
+      <label class="govuk-label govuk-radios__label" for="how-contacted">
+        Email
+      </label>
+    </div>
+    <div class="govuk-radios__conditional govuk-radios__conditional--hidden" id="conditional-how-contacted">
+      <label class="govuk-label" for="context-email">Email address</label>
+<input class="govuk-input govuk-!-width-one-third" name="context-email" type="text" id="context-email">
+    </div>
+    <div class="govuk-radios__item">
+      <input class="govuk-radios__input" id="how-contacted-2" name="how-contacted" type="radio" value="phone" data-aria-controls="conditional-how-contacted-2">
+      <label class="govuk-label govuk-radios__label" for="how-contacted-2">
+        Phone
+      </label>
+    </div>
+    <div class="govuk-radios__conditional govuk-radios__conditional--hidden" id="conditional-how-contacted-2">
+      <label class="govuk-label" for="contact-phone">Phone number</label>
+<input class="govuk-input govuk-!-width-one-third" name="contact-phone" type="text" id="contact-phone">
+    </div>
+    <div class="govuk-radios__item">
+      <input class="govuk-radios__input" id="how-contacted-3" name="how-contacted" type="radio" value="text" data-aria-controls="conditional-how-contacted-3">
+      <label class="govuk-label govuk-radios__label" for="how-contacted-3">
+        Text message
+      </label>
+    </div>
+    <div class="govuk-radios__conditional govuk-radios__conditional--hidden" id="conditional-how-contacted-3">
+      <label class="govuk-label" for="contact-text-message">Mobile phone number</label>
+<input class="govuk-input govuk-!-width-one-third" name="contact-text-message" type="text" id="contact-text-message">
+    </div>
+  </div>
+</fieldset>
+</div>
diff --git a/app/templates/govuk/components/radios/template-with-fieldset-and-error-message.html b/app/templates/govuk/components/radios/template-with-fieldset-and-error-message.html
new file mode 100644
index 0000000..8a3fea7
--- /dev/null
+++ b/app/templates/govuk/components/radios/template-with-fieldset-and-error-message.html
@@ -0,0 +1,24 @@
+<div class="govuk-form-group govuk-form-group--error">
+  <fieldset class="govuk-fieldset" aria-describedby="example-error">
+  <legend class="govuk-fieldset__legend">
+    Have you changed your name?
+  </legend>
+  <p id="example-error" class="govuk-error-message">
+    <span class="govuk-visually-hidden">Error:</span> Please select an option
+  </p>
+  <div class="govuk-radios" data-module="govuk-radios">
+    <div class="govuk-radios__item">
+      <input class="govuk-radios__input" id="example" name="example" type="radio" value="yes">
+      <label class="govuk-label govuk-radios__label" for="example">
+        Yes
+      </label>
+    </div>
+    <div class="govuk-radios__item">
+      <input class="govuk-radios__input" id="example-2" name="example" type="radio" value="no" checked>
+      <label class="govuk-label govuk-radios__label" for="example-2">
+        No
+      </label>
+    </div>
+  </div>
+</fieldset>
+</div>
diff --git a/app/templates/govuk/components/radios/template-with-hint.html b/app/templates/govuk/components/radios/template-with-hint.html
new file mode 100644
index 0000000..eb283c8
--- /dev/null
+++ b/app/templates/govuk/components/radios/template-with-hint.html
@@ -0,0 +1,24 @@
+<div class="govuk-form-group">
+  <fieldset class="govuk-fieldset" aria-describedby="example-with-hint-hint">
+  <legend class="govuk-fieldset__legend">
+    Have you changed your name?
+  </legend>
+  <div id="example-with-hint-hint" class="govuk-hint">
+    This includes changing your last name or spelling your name differently.
+  </div>
+  <div class="govuk-radios" data-module="govuk-radios">
+    <div class="govuk-radios__item">
+      <input class="govuk-radios__input" id="example-with-hint" name="example-with-hint" type="radio" value="yes">
+      <label class="govuk-label govuk-radios__label" for="example-with-hint">
+        Yes
+      </label>
+    </div>
+    <div class="govuk-radios__item">
+      <input class="govuk-radios__input" id="example-with-hint-2" name="example-with-hint" type="radio" value="no">
+      <label class="govuk-label govuk-radios__label" for="example-with-hint-2">
+        No
+      </label>
+    </div>
+  </div>
+</fieldset>
+</div>
diff --git a/app/templates/govuk/components/radios/template-with-hints-on-items.html b/app/templates/govuk/components/radios/template-with-hints-on-items.html
new file mode 100644
index 0000000..011056d
--- /dev/null
+++ b/app/templates/govuk/components/radios/template-with-hints-on-items.html
@@ -0,0 +1,29 @@
+<div class="govuk-form-group">
+  <fieldset class="govuk-fieldset">
+  <legend class="govuk-fieldset__legend govuk-fieldset__legend--l">
+    <h1 class="govuk-fieldset__heading">
+      How do you want to sign in?
+    </h1>
+  </legend>
+  <div class="govuk-radios" data-module="govuk-radios">
+    <div class="govuk-radios__item">
+      <input class="govuk-radios__input" id="gateway" name="gov" type="radio" value="gateway" aria-describedby="gateway-item-hint">
+      <label class="govuk-label govuk-radios__label" for="gateway">
+        Sign in with Government Gateway
+      </label>
+      <div id="gateway-item-hint" class="govuk-hint govuk-radios__hint">
+        You’ll have a user ID if you’ve registered for Self Assessment or filed a tax return online before.
+      </div>
+    </div>
+    <div class="govuk-radios__item">
+      <input class="govuk-radios__input" id="verify" name="gov" type="radio" value="verify" aria-describedby="verify-item-hint">
+      <label class="govuk-label govuk-radios__label" for="verify">
+        Sign in with GOV.UK Verify
+      </label>
+      <div id="verify-item-hint" class="govuk-hint govuk-radios__hint">
+        You’ll have an account if you’ve already proved your identity with either Barclays, CitizenSafe, Digidentity, Experian, Post Office, Royal Mail or SecureIdentity.
+      </div>
+    </div>
+  </div>
+</fieldset>
+</div>
diff --git a/app/templates/govuk/components/radios/template-with-legend-as-page-heading.html b/app/templates/govuk/components/radios/template-with-legend-as-page-heading.html
new file mode 100644
index 0000000..7a528e2
--- /dev/null
+++ b/app/templates/govuk/components/radios/template-with-legend-as-page-heading.html
@@ -0,0 +1,26 @@
+<div class="govuk-form-group">
+  <fieldset class="govuk-fieldset" aria-describedby="housing-act-hint">
+  <legend class="govuk-fieldset__legend govuk-fieldset__legend--l">
+    <h1 class="govuk-fieldset__heading">
+      Which part of the Housing Act was your licence issued under?
+    </h1>
+  </legend>
+  <div id="housing-act-hint" class="govuk-hint">
+    Select one of the options below.
+  </div>
+  <div class="govuk-radios" data-module="govuk-radios">
+    <div class="govuk-radios__item">
+      <input class="govuk-radios__input" id="housing-act" name="housing-act" type="radio" value="part-2">
+      <label class="govuk-label govuk-radios__label" for="housing-act">
+        <span class="govuk-heading-s govuk-!-margin-bottom-1">Part 2 of the Housing Act 2004</span> For properties that are 3 or more stories high and occupied by 5 or more people
+      </label>
+    </div>
+    <div class="govuk-radios__item">
+      <input class="govuk-radios__input" id="housing-act-2" name="housing-act" type="radio" value="part-3">
+      <label class="govuk-label govuk-radios__label" for="housing-act-2">
+        <span class="govuk-heading-s govuk-!-margin-bottom-1">Part 3 of the Housing Act 2004</span> For properties that are within a geographical area defined by a local council
+      </label>
+    </div>
+  </div>
+</fieldset>
+</div>
diff --git a/app/templates/govuk/components/radios/template-with-optional-form-group-classes-showing-group-error.html b/app/templates/govuk/components/radios/template-with-optional-form-group-classes-showing-group-error.html
new file mode 100644
index 0000000..4b2a0b7
--- /dev/null
+++ b/app/templates/govuk/components/radios/template-with-optional-form-group-classes-showing-group-error.html
@@ -0,0 +1,40 @@
+<div class="govuk-form-group govuk-form-group--error">
+  <fieldset class="govuk-fieldset">
+  <legend class="govuk-fieldset__legend">
+    How do you want to be contacted?
+  </legend>
+  <div class="govuk-radios" data-module="govuk-radios">
+    <div class="govuk-radios__item">
+      <input class="govuk-radios__input" id="how-contacted-2" name="how-contacted-2" type="radio" value="email" data-aria-controls="conditional-how-contacted-2">
+      <label class="govuk-label govuk-radios__label" for="how-contacted-2">
+        Email
+      </label>
+    </div>
+    <div class="govuk-radios__conditional govuk-radios__conditional--hidden" id="conditional-how-contacted-2">
+      <label class="govuk-label" for="context-email">Email address</label>
+<input class="govuk-input govuk-!-width-one-third" name="context-email" type="text" id="context-email">
+    </div>
+    <div class="govuk-radios__item">
+      <input class="govuk-radios__input" id="how-contacted-2-2" name="how-contacted-2" type="radio" value="phone" checked data-aria-controls="conditional-how-contacted-2-2">
+      <label class="govuk-label govuk-radios__label" for="how-contacted-2-2">
+        Phone
+      </label>
+    </div>
+    <div class="govuk-radios__conditional" id="conditional-how-contacted-2-2">
+      <label class="govuk-label" for="contact-phone">Phone number</label>
+<span id="contact-phone-error" class="govuk-error-message">Problem with input</span>
+<input class="govuk-input govuk-input--error govuk-!-width-one-third" name="contact-phone" type="text" id="contact-phone" aria-describedby="contact-phone-error">
+    </div>
+    <div class="govuk-radios__item">
+      <input class="govuk-radios__input" id="how-contacted-2-3" name="how-contacted-2" type="radio" value="text" data-aria-controls="conditional-how-contacted-2-3">
+      <label class="govuk-label govuk-radios__label" for="how-contacted-2-3">
+        Text message
+      </label>
+    </div>
+    <div class="govuk-radios__conditional govuk-radios__conditional--hidden" id="conditional-how-contacted-2-3">
+      <label class="govuk-label" for="contact-text-message">Mobile phone number</label>
+<input class="govuk-input govuk-!-width-one-third" name="contact-text-message" type="text" id="contact-text-message">
+    </div>
+  </div>
+</fieldset>
+</div>
diff --git a/app/templates/govuk/components/radios/template-with-very-long-option-text.html b/app/templates/govuk/components/radios/template-with-very-long-option-text.html
new file mode 100644
index 0000000..2e06689
--- /dev/null
+++ b/app/templates/govuk/components/radios/template-with-very-long-option-text.html
@@ -0,0 +1,33 @@
+<div class="govuk-form-group govuk-form-group--error">
+  <fieldset class="govuk-fieldset" aria-describedby="waste-hint waste-error">
+  <legend class="govuk-fieldset__legend">
+    Maecenas faucibus mollis interdum?
+  </legend>
+  <div id="waste-hint" class="govuk-hint">
+    Nullam id dolor id nibh ultricies vehicula ut id elit.
+  </div>
+  <p id="waste-error" class="govuk-error-message">
+    <span class="govuk-visually-hidden">Error:</span> Lorem ipsum dolor sit amet, consectetur adipiscing elit.
+  </p>
+  <div class="govuk-radios" data-module="govuk-radios">
+    <div class="govuk-radios__item">
+      <input class="govuk-radios__input" id="waste" name="waste" type="radio" value="nullam">
+      <label class="govuk-label govuk-radios__label" for="waste">
+        Nullam id dolor id nibh ultricies vehicula ut id elit. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Maecenas faucibus mollis interdum. Donec id elit non mi porta gravida at eget metus.
+      </label>
+    </div>
+    <div class="govuk-radios__item">
+      <input class="govuk-radios__input" id="waste-2" name="waste" type="radio" value="aenean">
+      <label class="govuk-label govuk-radios__label" for="waste-2">
+        Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Donec sed odio dui. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Cras mattis consectetur purus sit amet fermentum.
+      </label>
+    </div>
+    <div class="govuk-radios__item">
+      <input class="govuk-radios__input" id="waste-3" name="waste" type="radio" value="fusce">
+      <label class="govuk-label govuk-radios__label" for="waste-3">
+        Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Etiam porta sem malesuada magna mollis euismod. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. Sed posuere consectetur est at lobortis.
+      </label>
+    </div>
+  </div>
+</fieldset>
+</div>
diff --git a/app/templates/govuk/components/radios/template-without-fieldset.html b/app/templates/govuk/components/radios/template-without-fieldset.html
new file mode 100644
index 0000000..77edadc
--- /dev/null
+++ b/app/templates/govuk/components/radios/template-without-fieldset.html
@@ -0,0 +1,22 @@
+<div class="govuk-form-group">
+  <div class="govuk-radios" data-module="govuk-radios">
+    <div class="govuk-radios__item">
+      <input class="govuk-radios__input" id="colours" name="colours" type="radio" value="red">
+      <label class="govuk-label govuk-radios__label" for="colours">
+        Red
+      </label>
+    </div>
+    <div class="govuk-radios__item">
+      <input class="govuk-radios__input" id="colours-2" name="colours" type="radio" value="green">
+      <label class="govuk-label govuk-radios__label" for="colours-2">
+        Green
+      </label>
+    </div>
+    <div class="govuk-radios__item">
+      <input class="govuk-radios__input" id="colours-3" name="colours" type="radio" value="blue">
+      <label class="govuk-label govuk-radios__label" for="colours-3">
+        Blue
+      </label>
+    </div>
+  </div>
+</div>
diff --git a/app/templates/govuk/components/radios/template.njk b/app/templates/govuk/components/radios/template.njk
new file mode 100644
index 0000000..edad760
--- /dev/null
+++ b/app/templates/govuk/components/radios/template.njk
@@ -0,0 +1,115 @@
+{% from "../../macros/attributes.njk" import govukAttributes %}
+{% from "../error-message/macro.njk" import govukErrorMessage %}
+{% from "../fieldset/macro.njk" import govukFieldset %}
+{% from "../hint/macro.njk" import govukHint %}
+{% from "../label/macro.njk" import govukLabel %}
+
+{#- If an id 'prefix' is not passed, fall back to using the name attribute
+  instead. We need this for error messages and hints as well -#}
+{% set idPrefix = params.idPrefix if params.idPrefix else params.name %}
+
+{#- a record of other elements that we need to associate with the input using
+  aria-describedby – for example hints or error messages -#}
+{% set describedBy = params.fieldset.describedBy if params.fieldset.describedBy else "" %}
+
+{#- fieldset is false by default -#}
+{% set hasFieldset = true if params.fieldset else false %}
+
+{%- macro _radioItem(params, item, index) %}
+  {#- If the user explicitly sets an id, use this instead of the regular idPrefix -#}
+  {#- The first id should not have a number suffix so it's easy to link to from the error summary component -#}
+  {% set itemId = item.id if item.id else idPrefix + ("-" + index if index > 1 else "") %}
+  {% set conditionalId = "conditional-" + itemId %}
+  {%- if item.divider %}
+    <div class="govuk-radios__divider">{{ item.divider }}</div>
+  {% else %}
+    {% set isChecked = item.checked | default((item.value == params.value and item.checked != false) if params.value else false, true) %}
+    {% set hasHint = true if item.hint.text or item.hint.html %}
+    {% set itemHintId = itemId + '-item-hint' %}
+    <div class="govuk-radios__item">
+      <input class="govuk-radios__input" id="{{ itemId }}" name="{{ params.name }}" type="radio" value="{{ item.value }}"
+        {{-" checked" if isChecked }}
+        {{-" disabled" if item.disabled }}
+        {%- if item.conditional.html %} data-aria-controls="{{ conditionalId }}"{% endif -%}
+        {%- if hasHint %} aria-describedby="{{ itemHintId }}"{% endif -%}
+        {{- govukAttributes(item.attributes) }}>
+      {{ govukLabel({
+        html: item.html,
+        text: item.text,
+        classes: 'govuk-radios__label' + (' ' + item.label.classes if item.label.classes),
+        attributes: item.label.attributes,
+        for: itemId
+      }) | trim | indent(6) }}
+      {% if hasHint %}
+      {{ govukHint({
+        id: itemHintId,
+        classes: 'govuk-radios__hint' + (' ' + item.hint.classes if item.hint.classes),
+        attributes: item.hint.attributes,
+        html: item.hint.html,
+        text: item.hint.text
+      }) | trim | indent(6) }}
+      {% endif %}
+    </div>
+    {% if item.conditional.html %}
+    <div class="govuk-radios__conditional {%- if not isChecked %} govuk-radios__conditional--hidden{% endif %}" id="{{ conditionalId }}">
+      {{ item.conditional.html | safe | trim }}
+    </div>
+    {% endif %}
+  {% endif %}
+{%- endmacro %}
+
+{#- Capture the HTML so we can optionally nest it in a fieldset -#}
+{% set innerHtml %}
+{% if params.hint %}
+  {% set hintId = idPrefix + '-hint' %}
+  {% set describedBy = describedBy + ' ' + hintId if describedBy else hintId %}
+  {{ govukHint({
+    id: hintId,
+    classes: params.hint.classes,
+    attributes: params.hint.attributes,
+    html: params.hint.html,
+    text: params.hint.text
+  }) | trim | indent(2) }}
+{% endif %}
+{% if params.errorMessage %}
+  {% set errorId = idPrefix + '-error' %}
+  {% set describedBy = describedBy + ' ' + errorId if describedBy else errorId %}
+  {{ govukErrorMessage({
+    id: errorId,
+    classes: params.errorMessage.classes,
+    attributes: params.errorMessage.attributes,
+    html: params.errorMessage.html,
+    text: params.errorMessage.text,
+    visuallyHiddenText: params.errorMessage.visuallyHiddenText
+  }) | trim | indent(2) }}
+{% endif %}
+  <div class="govuk-radios {%- if params.classes %} {{ params.classes }}{% endif %}"
+    {{- govukAttributes(params.attributes) }} data-module="govuk-radios">
+    {% if params.formGroup.beforeInputs %}
+    {{ params.formGroup.beforeInputs.html | safe | trim | indent(4) if params.formGroup.beforeInputs.html else params.formGroup.beforeInputs.text }}
+    {% endif %}
+    {% for item in params.items %}
+      {% if item %}
+        {{- _radioItem(params, item, loop.index) -}}
+      {% endif %}
+    {% endfor %}
+    {% if params.formGroup.afterInputs %}
+    {{ params.formGroup.afterInputs.html | safe | trim | indent(4) if params.formGroup.afterInputs.html else params.formGroup.afterInputs.text }}
+    {% endif %}
+  </div>
+{% endset -%}
+
+<div class="govuk-form-group {%- if params.errorMessage %} govuk-form-group--error{% endif %} {%- if params.formGroup.classes %} {{ params.formGroup.classes }}{% endif %}"
+  {{- govukAttributes(params.formGroup.attributes) }}>
+{% if hasFieldset %}
+  {{ govukFieldset({
+    describedBy: describedBy,
+    classes: params.fieldset.classes,
+    attributes: params.fieldset.attributes,
+    legend: params.fieldset.legend,
+    html: innerHtml | trim
+  }) | trim }}
+{% else %}
+  {{ innerHtml | safe | trim }}
+{% endif %}
+</div>
diff --git a/app/templates/govuk/components/select/README.md b/app/templates/govuk/components/select/README.md
new file mode 100644
index 0000000..c8d4740
--- /dev/null
+++ b/app/templates/govuk/components/select/README.md
@@ -0,0 +1,15 @@
+# Select
+
+## Installation
+
+See the [main README quick start guide](https://github.com/alphagov/govuk-frontend#quick-start) for how to install this component.
+
+## Guidance and Examples
+
+Find out when to use the select component in your service in the [GOV.UK Design System](https://design-system.service.gov.uk/components/select).
+
+## Component options
+
+Use options to customise the appearance, content and behaviour of a component when using a macro, for example, changing the text.
+
+See [options table](https://design-system.service.gov.uk/components/select/#options-select-example) for details.
diff --git a/app/templates/govuk/components/select/_index.scss b/app/templates/govuk/components/select/_index.scss
new file mode 100644
index 0000000..f2d36ef
--- /dev/null
+++ b/app/templates/govuk/components/select/_index.scss
@@ -0,0 +1,53 @@
+@import "../error-message/index";
+@import "../hint/index";
+@import "../label/index";
+
+@include govuk-exports("govuk/component/select") {
+  .govuk-select {
+    @include govuk-font($size: 19, $line-height: 1.25);
+
+    box-sizing: border-box;
+
+    // This min-width was chosen because:
+    // - it makes the Select wider than it is tall (which is what users expect)
+    // - 11.5em matches the 'length-10' variant of the input component
+    // - it fits comfortably on screens as narrow as 240px wide
+    min-width: 11.5em;
+    max-width: 100%;
+    height: govuk-px-to-rem(40px);
+    padding: govuk-spacing(1);
+    border: $govuk-border-width-form-element solid $govuk-input-border-colour;
+
+    // Default user agent colours for selects can have low contrast,
+    // and may look disabled (#2435)
+    color: $govuk-text-colour;
+    background-color: govuk-colour("white");
+
+    &:focus {
+      @include govuk-focused-form-input;
+    }
+
+    &:disabled {
+      opacity: 0.5;
+      color: inherit;
+      cursor: not-allowed;
+    }
+  }
+
+  .govuk-select option:active,
+  .govuk-select option:checked,
+  .govuk-select:focus::-ms-value {
+    color: govuk-colour("white");
+    background-color: govuk-colour("blue");
+  }
+
+  .govuk-select--error {
+    border-color: $govuk-error-colour;
+
+    &:focus {
+      border-color: $govuk-input-border-colour;
+    }
+  }
+}
+
+/*# sourceMappingURL=_index.scss.map */
diff --git a/app/templates/govuk/components/select/_index.scss.map b/app/templates/govuk/components/select/_index.scss.map
new file mode 100644
index 0000000..c1d783e
--- /dev/null
+++ b/app/templates/govuk/components/select/_index.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/select/_index.scss"],"names":[],"mappings":"AAAA,gCAAgC;AAChC,uBAAuB;AACvB,wBAAwB;;AAExB;EACE;IACE,kDAAkD;;IAElD,sBAAsB;;IAEtB,oCAAoC;IACpC,0EAA0E;IAC1E,iEAAiE;IACjE,0DAA0D;IAC1D,iBAAiB;IACjB,eAAe;IACf,6BAA6B;IAC7B,yBAAyB;IACzB,yEAAyE;;IAEzE,+DAA+D;IAC/D,+BAA+B;IAC/B,yBAAyB;IACzB,uCAAuC;;IAEvC;MACE,iCAAiC;IACnC;;IAEA;MACE,YAAY;MACZ,cAAc;MACd,mBAAmB;IACrB;EACF;;EAEA;;;IAGE,4BAA4B;IAC5B,sCAAsC;EACxC;;EAEA;IACE,iCAAiC;;IAEjC;MACE,wCAAwC;IAC1C;EACF;AACF","file":"_index.scss","sourcesContent":["@import \"../error-message/index\";\n@import \"../hint/index\";\n@import \"../label/index\";\n\n@include govuk-exports(\"govuk/component/select\") {\n  .govuk-select {\n    @include govuk-font($size: 19, $line-height: 1.25);\n\n    box-sizing: border-box;\n\n    // This min-width was chosen because:\n    // - it makes the Select wider than it is tall (which is what users expect)\n    // - 11.5em matches the 'length-10' variant of the input component\n    // - it fits comfortably on screens as narrow as 240px wide\n    min-width: 11.5em;\n    max-width: 100%;\n    height: govuk-px-to-rem(40px);\n    padding: govuk-spacing(1);\n    border: $govuk-border-width-form-element solid $govuk-input-border-colour;\n\n    // Default user agent colours for selects can have low contrast,\n    // and may look disabled (#2435)\n    color: $govuk-text-colour;\n    background-color: govuk-colour(\"white\");\n\n    &:focus {\n      @include govuk-focused-form-input;\n    }\n\n    &:disabled {\n      opacity: 0.5;\n      color: inherit;\n      cursor: not-allowed;\n    }\n  }\n\n  .govuk-select option:active,\n  .govuk-select option:checked,\n  .govuk-select:focus::-ms-value {\n    color: govuk-colour(\"white\");\n    background-color: govuk-colour(\"blue\");\n  }\n\n  .govuk-select--error {\n    border-color: $govuk-error-colour;\n\n    &:focus {\n      border-color: $govuk-input-border-colour;\n    }\n  }\n}\n"]}
diff --git a/app/templates/govuk/components/select/_select.scss b/app/templates/govuk/components/select/_select.scss
new file mode 100644
index 0000000..3672c7e
--- /dev/null
+++ b/app/templates/govuk/components/select/_select.scss
@@ -0,0 +1,4 @@
+@import "../../base";
+@import "./index";
+
+/*# sourceMappingURL=_select.scss.map */
diff --git a/app/templates/govuk/components/select/_select.scss.map b/app/templates/govuk/components/select/_select.scss.map
new file mode 100644
index 0000000..057dcd2
--- /dev/null
+++ b/app/templates/govuk/components/select/_select.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/select/_select.scss"],"names":[],"mappings":"AAAA,oBAAoB;AACpB,iBAAiB","file":"_select.scss","sourcesContent":["@import \"../../base\";\n@import \"./index\";\n"]}
diff --git a/app/templates/govuk/components/select/fixtures.json b/app/templates/govuk/components/select/fixtures.json
new file mode 100644
index 0000000..a5b03f8
--- /dev/null
+++ b/app/templates/govuk/components/select/fixtures.json
@@ -0,0 +1,550 @@
+{
+    "component": "select",
+    "fixtures": [
+        {
+            "name": "default",
+            "options": {
+                "name": "select-1",
+                "label": {
+                    "text": "Label text goes here"
+                },
+                "items": [
+                    {
+                        "value": 1,
+                        "text": "GOV.UK frontend option 1"
+                    },
+                    {
+                        "value": 2,
+                        "text": "GOV.UK frontend option 2",
+                        "selected": true
+                    },
+                    {
+                        "value": 3,
+                        "text": "GOV.UK frontend option 3",
+                        "disabled": true
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": true,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"select-1\">\n    Label text goes here\n  </label>\n  <select class=\"govuk-select\" id=\"select-1\" name=\"select-1\">\n    <option value=\"1\">GOV.UK frontend option 1</option>\n    <option value=\"2\" selected>GOV.UK frontend option 2</option>\n    <option value=\"3\" disabled>GOV.UK frontend option 3</option>\n  </select>\n</div>"
+        },
+        {
+            "name": "with hint text and error message",
+            "options": {
+                "id": "select-2",
+                "name": "select-2",
+                "label": {
+                    "text": "Label text goes here"
+                },
+                "hint": {
+                    "text": "Hint text goes here"
+                },
+                "errorMessage": {
+                    "text": "Error message goes here"
+                },
+                "items": [
+                    {
+                        "value": 1,
+                        "text": "GOV.UK frontend option 1"
+                    },
+                    {
+                        "value": 2,
+                        "text": "GOV.UK frontend option 2"
+                    },
+                    {
+                        "value": 3,
+                        "text": "GOV.UK frontend option 3"
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-form-group--error\">\n  <label class=\"govuk-label\" for=\"select-2\">\n    Label text goes here\n  </label>\n  <div id=\"select-2-hint\" class=\"govuk-hint\">\n    Hint text goes here\n  </div>\n  <p id=\"select-2-error\" class=\"govuk-error-message\">\n    <span class=\"govuk-visually-hidden\">Error:</span> Error message goes here\n  </p>\n  <select class=\"govuk-select govuk-select--error\" id=\"select-2\" name=\"select-2\" aria-describedby=\"select-2-hint select-2-error\">\n    <option value=\"1\">GOV.UK frontend option 1</option>\n    <option value=\"2\">GOV.UK frontend option 2</option>\n    <option value=\"3\">GOV.UK frontend option 3</option>\n  </select>\n</div>"
+        },
+        {
+            "name": "with label as page heading",
+            "options": {
+                "id": "select-3",
+                "name": "select-3",
+                "label": {
+                    "text": "Label text goes here",
+                    "classes": "govuk-label--l",
+                    "isPageHeading": true
+                },
+                "items": [
+                    {
+                        "value": 1,
+                        "text": "GOV.UK frontend option 1"
+                    },
+                    {
+                        "value": 2,
+                        "text": "GOV.UK frontend option 2",
+                        "selected": true
+                    },
+                    {
+                        "value": 3,
+                        "text": "GOV.UK frontend option 3",
+                        "disabled": true
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <h1 class=\"govuk-label-wrapper\">\n    <label class=\"govuk-label govuk-label--l\" for=\"select-3\">\n      Label text goes here\n    </label>\n  </h1>\n  <select class=\"govuk-select\" id=\"select-3\" name=\"select-3\">\n    <option value=\"1\">GOV.UK frontend option 1</option>\n    <option value=\"2\" selected>GOV.UK frontend option 2</option>\n    <option value=\"3\" disabled>GOV.UK frontend option 3</option>\n  </select>\n</div>"
+        },
+        {
+            "name": "with full width override",
+            "options": {
+                "id": "select-1",
+                "name": "select-1",
+                "classes": "govuk-!-width-full",
+                "label": {
+                    "text": "Label text goes here"
+                },
+                "items": [
+                    {
+                        "value": 1,
+                        "text": "GOV.UK frontend option 1"
+                    },
+                    {
+                        "value": 2,
+                        "text": "GOV.UK frontend option 2",
+                        "selected": true
+                    },
+                    {
+                        "value": 3,
+                        "text": "GOV.UK frontend option 3",
+                        "disabled": true
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"select-1\">\n    Label text goes here\n  </label>\n  <select class=\"govuk-select govuk-!-width-full\" id=\"select-1\" name=\"select-1\">\n    <option value=\"1\">GOV.UK frontend option 1</option>\n    <option value=\"2\" selected>GOV.UK frontend option 2</option>\n    <option value=\"3\" disabled>GOV.UK frontend option 3</option>\n  </select>\n</div>"
+        },
+        {
+            "name": "with describedBy",
+            "options": {
+                "id": "with-describedby",
+                "name": "with-describedby",
+                "label": {
+                    "text": "Label text goes here"
+                },
+                "items": [
+                    {
+                        "value": 1,
+                        "text": "GOV.UK frontend option 1"
+                    },
+                    {
+                        "value": 2,
+                        "text": "GOV.UK frontend option 2"
+                    }
+                ],
+                "describedBy": "test-target-element"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"with-describedby\">\n    Label text goes here\n  </label>\n  <select class=\"govuk-select\" id=\"with-describedby\" name=\"with-describedby\" aria-describedby=\"test-target-element\">\n    <option value=\"1\">GOV.UK frontend option 1</option>\n    <option value=\"2\">GOV.UK frontend option 2</option>\n  </select>\n</div>"
+        },
+        {
+            "name": "attributes",
+            "options": {
+                "id": "with-attributes",
+                "name": "with-attributes",
+                "label": {
+                    "text": "Label text goes here"
+                },
+                "items": [
+                    {
+                        "value": 1,
+                        "text": "GOV.UK frontend option 1"
+                    },
+                    {
+                        "value": 2,
+                        "text": "GOV.UK frontend option 2"
+                    }
+                ],
+                "attributes": {
+                    "data-attribute": "my data value"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"with-attributes\">\n    Label text goes here\n  </label>\n  <select class=\"govuk-select\" id=\"with-attributes\" name=\"with-attributes\" data-attribute=\"my data value\">\n    <option value=\"1\">GOV.UK frontend option 1</option>\n    <option value=\"2\">GOV.UK frontend option 2</option>\n  </select>\n</div>"
+        },
+        {
+            "name": "attributes on items",
+            "options": {
+                "id": "with-item-attributes",
+                "name": "with-item-attributes",
+                "label": {
+                    "text": "Label text goes here"
+                },
+                "value": 2,
+                "items": [
+                    {
+                        "text": "Option 1",
+                        "value": 1,
+                        "attributes": {
+                            "data-attribute": "ABC",
+                            "data-second-attribute": "DEF"
+                        }
+                    },
+                    {
+                        "text": "Option 2",
+                        "value": 2,
+                        "attributes": {
+                            "data-attribute": "GHI",
+                            "data-second-attribute": "JKL"
+                        }
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"with-item-attributes\">\n    Label text goes here\n  </label>\n  <select class=\"govuk-select\" id=\"with-item-attributes\" name=\"with-item-attributes\">\n    <option value=\"1\" data-attribute=\"ABC\" data-second-attribute=\"DEF\">Option 1</option>\n    <option value=\"2\" selected data-attribute=\"GHI\" data-second-attribute=\"JKL\">Option 2</option>\n  </select>\n</div>"
+        },
+        {
+            "name": "with falsy items",
+            "options": {
+                "id": "with-falsy-items",
+                "name": "with-falsy-items",
+                "label": {
+                    "text": "Label text goes here"
+                },
+                "items": [
+                    {
+                        "text": "Option 1",
+                        "value": 1
+                    },
+                    null,
+                    false,
+                    "",
+                    {
+                        "text": "Options 2",
+                        "value": 2
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"with-falsy-items\">\n    Label text goes here\n  </label>\n  <select class=\"govuk-select\" id=\"with-falsy-items\" name=\"with-falsy-items\">\n    <option value=\"1\">Option 1</option>\n    <option value=\"2\">Options 2</option>\n  </select>\n</div>"
+        },
+        {
+            "name": "hint",
+            "options": {
+                "id": "select-with-hint",
+                "name": "select-with-hint",
+                "label": {
+                    "text": "Label text goes here"
+                },
+                "hint": {
+                    "text": "Hint text goes here"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"select-with-hint\">\n    Label text goes here\n  </label>\n  <div id=\"select-with-hint-hint\" class=\"govuk-hint\">\n    Hint text goes here\n  </div>\n  <select class=\"govuk-select\" id=\"select-with-hint\" name=\"select-with-hint\" aria-describedby=\"select-with-hint-hint\">\n  </select>\n</div>"
+        },
+        {
+            "name": "hint and describedBy",
+            "options": {
+                "id": "select-with-hint",
+                "name": "select-with-hint",
+                "label": {
+                    "text": "Label text goes here"
+                },
+                "describedBy": "test-target-element",
+                "hint": {
+                    "text": "Hint text goes here"
+                },
+                "items": [
+                    {
+                        "value": 1,
+                        "text": "GOV.UK frontend option 1"
+                    },
+                    {
+                        "value": 2,
+                        "text": "GOV.UK frontend option 2"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"select-with-hint\">\n    Label text goes here\n  </label>\n  <div id=\"select-with-hint-hint\" class=\"govuk-hint\">\n    Hint text goes here\n  </div>\n  <select class=\"govuk-select\" id=\"select-with-hint\" name=\"select-with-hint\" aria-describedby=\"test-target-element select-with-hint-hint\">\n    <option value=\"1\">GOV.UK frontend option 1</option>\n    <option value=\"2\">GOV.UK frontend option 2</option>\n  </select>\n</div>"
+        },
+        {
+            "name": "error",
+            "options": {
+                "id": "select-with-error",
+                "name": "select-with-error",
+                "label": {
+                    "text": "Label text goes here"
+                },
+                "errorMessage": {
+                    "text": "Error message"
+                },
+                "items": [
+                    {
+                        "value": 1,
+                        "text": "GOV.UK frontend option 1"
+                    },
+                    {
+                        "value": 2,
+                        "text": "GOV.UK frontend option 2"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-form-group--error\">\n  <label class=\"govuk-label\" for=\"select-with-error\">\n    Label text goes here\n  </label>\n  <p id=\"select-with-error-error\" class=\"govuk-error-message\">\n    <span class=\"govuk-visually-hidden\">Error:</span> Error message\n  </p>\n  <select class=\"govuk-select govuk-select--error\" id=\"select-with-error\" name=\"select-with-error\" aria-describedby=\"select-with-error-error\">\n    <option value=\"1\">GOV.UK frontend option 1</option>\n    <option value=\"2\">GOV.UK frontend option 2</option>\n  </select>\n</div>"
+        },
+        {
+            "name": "error and describedBy",
+            "options": {
+                "id": "select-with-error",
+                "name": "select-with-error",
+                "label": {
+                    "text": "Label text goes here"
+                },
+                "describedBy": "test-target-element",
+                "errorMessage": {
+                    "text": "Error message"
+                },
+                "items": [
+                    {
+                        "value": 1,
+                        "text": "GOV.UK frontend option 1"
+                    },
+                    {
+                        "value": 2,
+                        "text": "GOV.UK frontend option 2"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-form-group--error\">\n  <label class=\"govuk-label\" for=\"select-with-error\">\n    Label text goes here\n  </label>\n  <p id=\"select-with-error-error\" class=\"govuk-error-message\">\n    <span class=\"govuk-visually-hidden\">Error:</span> Error message\n  </p>\n  <select class=\"govuk-select govuk-select--error\" id=\"select-with-error\" name=\"select-with-error\" aria-describedby=\"test-target-element select-with-error-error\">\n    <option value=\"1\">GOV.UK frontend option 1</option>\n    <option value=\"2\">GOV.UK frontend option 2</option>\n  </select>\n</div>"
+        },
+        {
+            "name": "without values",
+            "options": {
+                "name": "colors",
+                "id": "colors",
+                "label": {
+                    "text": "Label text goes here"
+                },
+                "items": [
+                    {
+                        "text": "Red"
+                    },
+                    {
+                        "text": "Green"
+                    },
+                    {
+                        "text": "Blue"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"colors\">\n    Label text goes here\n  </label>\n  <select class=\"govuk-select\" id=\"colors\" name=\"colors\">\n    <option>Red</option>\n    <option>Green</option>\n    <option>Blue</option>\n  </select>\n</div>"
+        },
+        {
+            "name": "without values with selected value",
+            "options": {
+                "name": "colors",
+                "id": "colors",
+                "label": {
+                    "text": "Label text goes here"
+                },
+                "items": [
+                    {
+                        "text": "Red"
+                    },
+                    {
+                        "text": "Green"
+                    },
+                    {
+                        "text": "Blue"
+                    }
+                ],
+                "value": "Green"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"colors\">\n    Label text goes here\n  </label>\n  <select class=\"govuk-select\" id=\"colors\" name=\"colors\">\n    <option>Red</option>\n    <option selected>Green</option>\n    <option>Blue</option>\n  </select>\n</div>"
+        },
+        {
+            "name": "with falsy values",
+            "options": {
+                "name": "falsy-values",
+                "id": "falsy-values",
+                "label": {
+                    "text": "Label text goes here"
+                },
+                "items": [
+                    {
+                        "text": "Empty string",
+                        "value": ""
+                    },
+                    {
+                        "text": "Boolean false",
+                        "value": false
+                    },
+                    {
+                        "text": "Number zero",
+                        "value": 0
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"falsy-values\">\n    Label text goes here\n  </label>\n  <select class=\"govuk-select\" id=\"falsy-values\" name=\"falsy-values\">\n    <option value=\"\">Empty string</option>\n    <option value=\"false\">Boolean false</option>\n    <option value=\"0\">Number zero</option>\n  </select>\n</div>"
+        },
+        {
+            "name": "item selected overrides value",
+            "options": {
+                "name": "colors",
+                "id": "colors",
+                "label": {
+                    "text": "Label text goes here"
+                },
+                "items": [
+                    {
+                        "value": "red",
+                        "text": "Red"
+                    },
+                    {
+                        "value": "green",
+                        "text": "Green",
+                        "selected": false
+                    },
+                    {
+                        "value": "blue",
+                        "text": "Blue"
+                    }
+                ],
+                "value": "green"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"colors\">\n    Label text goes here\n  </label>\n  <select class=\"govuk-select\" id=\"colors\" name=\"colors\">\n    <option value=\"red\">Red</option>\n    <option value=\"green\">Green</option>\n    <option value=\"blue\">Blue</option>\n  </select>\n</div>"
+        },
+        {
+            "name": "id",
+            "options": {
+                "id": "select-id",
+                "name": "test-name",
+                "label": {
+                    "text": "Horse with no name"
+                },
+                "items": []
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"select-id\">\n    Horse with no name\n  </label>\n  <select class=\"govuk-select\" id=\"select-id\" name=\"test-name\">\n  </select>\n</div>"
+        },
+        {
+            "name": "with selected value",
+            "options": {
+                "id": "select-1",
+                "name": "select-1",
+                "label": {
+                    "text": "Label text goes here"
+                },
+                "items": [
+                    {
+                        "value": 1,
+                        "text": "GOV.UK frontend option 1"
+                    },
+                    {
+                        "value": 2,
+                        "text": "GOV.UK frontend option 2"
+                    },
+                    {
+                        "value": 3,
+                        "text": "GOV.UK frontend option 3",
+                        "disabled": true
+                    }
+                ],
+                "value": 2
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"select-1\">\n    Label text goes here\n  </label>\n  <select class=\"govuk-select\" id=\"select-1\" name=\"select-1\">\n    <option value=\"1\">GOV.UK frontend option 1</option>\n    <option value=\"2\" selected>GOV.UK frontend option 2</option>\n    <option value=\"3\" disabled>GOV.UK frontend option 3</option>\n  </select>\n</div>"
+        },
+        {
+            "name": "with optional form-group classes",
+            "options": {
+                "id": "select-1",
+                "name": "select-1",
+                "classes": "govuk-!-width-full",
+                "label": {
+                    "text": "Label text goes here"
+                },
+                "formGroup": {
+                    "classes": "extra-class"
+                },
+                "items": [
+                    {
+                        "value": 1,
+                        "text": "GOV.UK frontend option 1"
+                    },
+                    {
+                        "value": 2,
+                        "text": "GOV.UK frontend option 2",
+                        "selected": true
+                    },
+                    {
+                        "value": 3,
+                        "text": "GOV.UK frontend option 3",
+                        "disabled": true
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group extra-class\">\n  <label class=\"govuk-label\" for=\"select-1\">\n    Label text goes here\n  </label>\n  <select class=\"govuk-select govuk-!-width-full\" id=\"select-1\" name=\"select-1\">\n    <option value=\"1\">GOV.UK frontend option 1</option>\n    <option value=\"2\" selected>GOV.UK frontend option 2</option>\n    <option value=\"3\" disabled>GOV.UK frontend option 3</option>\n  </select>\n</div>"
+        }
+    ]
+}
diff --git a/app/templates/govuk/components/select/macro-options.json b/app/templates/govuk/components/select/macro-options.json
new file mode 100644
index 0000000..9591028
--- /dev/null
+++ b/app/templates/govuk/components/select/macro-options.json
@@ -0,0 +1,163 @@
+[
+    {
+        "name": "id",
+        "type": "string",
+        "required": false,
+        "description": "ID for the select box. Defaults to the value of `name`."
+    },
+    {
+        "name": "name",
+        "type": "string",
+        "required": true,
+        "description": "Name property for the select."
+    },
+    {
+        "name": "items",
+        "type": "array",
+        "required": true,
+        "description": "The items within the select component.",
+        "params": [
+            {
+                "name": "value",
+                "type": "string",
+                "required": false,
+                "description": "Value for the option. If this is omitted, the value is taken from the text content of the option element."
+            },
+            {
+                "name": "text",
+                "type": "string",
+                "required": true,
+                "description": "Text for the option item."
+            },
+            {
+                "name": "selected",
+                "type": "boolean",
+                "required": false,
+                "description": "Whether the option should be selected when the page loads. Takes precedence over the top-level `value` option."
+            },
+            {
+                "name": "disabled",
+                "type": "boolean",
+                "required": false,
+                "description": "Sets the option item as disabled."
+            },
+            {
+                "name": "attributes",
+                "type": "object",
+                "required": false,
+                "description": "HTML attributes (for example data attributes) to add to the option."
+            }
+        ]
+    },
+    {
+        "name": "value",
+        "type": "string",
+        "required": false,
+        "description": "Value for the option which should be selected. Use this as an alternative to setting the `selected` option on each individual item."
+    },
+    {
+        "name": "disabled",
+        "type": "boolean",
+        "required": false,
+        "description": "If `true`, select box will be disabled. Use the `disabled` option on each individual item to only disable certain options."
+    },
+    {
+        "name": "describedBy",
+        "type": "string",
+        "required": false,
+        "description": "One or more element IDs to add to the `aria-describedby` attribute, used to provide additional descriptive information for screenreader users."
+    },
+    {
+        "name": "label",
+        "type": "object",
+        "required": true,
+        "description": "The label used by the select component.",
+        "isComponent": true
+    },
+    {
+        "name": "hint",
+        "type": "object",
+        "required": false,
+        "description": "Can be used to add a hint to the select component.",
+        "isComponent": true
+    },
+    {
+        "name": "errorMessage",
+        "type": "object",
+        "required": false,
+        "description": "Can be used to add an error message to the select component. The error message component will not display if you use a falsy value for `errorMessage`, for example `false` or `null`.",
+        "isComponent": true
+    },
+    {
+        "name": "formGroup",
+        "type": "object",
+        "required": false,
+        "description": "Additional options for the form group containing the select component.",
+        "params": [
+            {
+                "name": "classes",
+                "type": "string",
+                "required": false,
+                "description": "Classes to add to the form group (for example to show error state for the whole group)."
+            },
+            {
+                "name": "attributes",
+                "type": "object",
+                "required": false,
+                "description": "HTML attributes (for example data attributes) to add to the form group."
+            },
+            {
+                "name": "beforeInput",
+                "type": "object",
+                "required": false,
+                "description": "Content to add before the select used by the select component.",
+                "params": [
+                    {
+                        "name": "text",
+                        "type": "string",
+                        "required": true,
+                        "description": "Text to add before the select. If `html` is provided, the `text` option will be ignored."
+                    },
+                    {
+                        "name": "html",
+                        "type": "string",
+                        "required": true,
+                        "description": "HTML to add before the select. If `html` is provided, the `text` option will be ignored."
+                    }
+                ]
+            },
+            {
+                "name": "afterInput",
+                "type": "object",
+                "required": false,
+                "description": "Content to add after the select used by the select component.",
+                "params": [
+                    {
+                        "name": "text",
+                        "type": "string",
+                        "required": true,
+                        "description": "Text to add after the select. If `html` is provided, the `text` option will be ignored."
+                    },
+                    {
+                        "name": "html",
+                        "type": "string",
+                        "required": true,
+                        "description": "HTML to add after the select. If `html` is provided, the `text` option will be ignored."
+                    }
+                ]
+            }
+        ]
+    },
+    {
+        "name": "classes",
+        "type": "string",
+        "required": false,
+        "description": "Classes to add to the select."
+    },
+    {
+        "name": "attributes",
+        "type": "object",
+        "required": false,
+        "description": "HTML attributes (for example data attributes) to add to the select."
+    }
+]
diff --git a/app/templates/govuk/components/select/macro.njk b/app/templates/govuk/components/select/macro.njk
new file mode 100644
index 0000000..3ee0609
--- /dev/null
+++ b/app/templates/govuk/components/select/macro.njk
@@ -0,0 +1,3 @@
+{% macro govukSelect(params) %}
+  {%- include "./template.njk" -%}
+{% endmacro %}
diff --git a/app/templates/govuk/components/select/template-default.html b/app/templates/govuk/components/select/template-default.html
new file mode 100644
index 0000000..4d09305
--- /dev/null
+++ b/app/templates/govuk/components/select/template-default.html
@@ -0,0 +1,10 @@
+<div class="govuk-form-group">
+  <label class="govuk-label" for="select-1">
+    Label text goes here
+  </label>
+  <select class="govuk-select" id="select-1" name="select-1">
+    <option value="1">GOV.UK frontend option 1</option>
+    <option value="2" selected>GOV.UK frontend option 2</option>
+    <option value="3" disabled>GOV.UK frontend option 3</option>
+  </select>
+</div>
diff --git a/app/templates/govuk/components/select/template-with-full-width-override.html b/app/templates/govuk/components/select/template-with-full-width-override.html
new file mode 100644
index 0000000..99c41b0
--- /dev/null
+++ b/app/templates/govuk/components/select/template-with-full-width-override.html
@@ -0,0 +1,10 @@
+<div class="govuk-form-group">
+  <label class="govuk-label" for="select-1">
+    Label text goes here
+  </label>
+  <select class="govuk-select govuk-!-width-full" id="select-1" name="select-1">
+    <option value="1">GOV.UK frontend option 1</option>
+    <option value="2" selected>GOV.UK frontend option 2</option>
+    <option value="3" disabled>GOV.UK frontend option 3</option>
+  </select>
+</div>
diff --git a/app/templates/govuk/components/select/template-with-hint-text-and-error-message.html b/app/templates/govuk/components/select/template-with-hint-text-and-error-message.html
new file mode 100644
index 0000000..41ddf5c
--- /dev/null
+++ b/app/templates/govuk/components/select/template-with-hint-text-and-error-message.html
@@ -0,0 +1,16 @@
+<div class="govuk-form-group govuk-form-group--error">
+  <label class="govuk-label" for="select-2">
+    Label text goes here
+  </label>
+  <div id="select-2-hint" class="govuk-hint">
+    Hint text goes here
+  </div>
+  <p id="select-2-error" class="govuk-error-message">
+    <span class="govuk-visually-hidden">Error:</span> Error message goes here
+  </p>
+  <select class="govuk-select govuk-select--error" id="select-2" name="select-2" aria-describedby="select-2-hint select-2-error">
+    <option value="1">GOV.UK frontend option 1</option>
+    <option value="2">GOV.UK frontend option 2</option>
+    <option value="3">GOV.UK frontend option 3</option>
+  </select>
+</div>
diff --git a/app/templates/govuk/components/select/template-with-label-as-page-heading.html b/app/templates/govuk/components/select/template-with-label-as-page-heading.html
new file mode 100644
index 0000000..9f3e543
--- /dev/null
+++ b/app/templates/govuk/components/select/template-with-label-as-page-heading.html
@@ -0,0 +1,12 @@
+<div class="govuk-form-group">
+  <h1 class="govuk-label-wrapper">
+    <label class="govuk-label govuk-label--l" for="select-3">
+      Label text goes here
+    </label>
+  </h1>
+  <select class="govuk-select" id="select-3" name="select-3">
+    <option value="1">GOV.UK frontend option 1</option>
+    <option value="2" selected>GOV.UK frontend option 2</option>
+    <option value="3" disabled>GOV.UK frontend option 3</option>
+  </select>
+</div>
diff --git a/app/templates/govuk/components/select/template.njk b/app/templates/govuk/components/select/template.njk
new file mode 100644
index 0000000..e5a4faf
--- /dev/null
+++ b/app/templates/govuk/components/select/template.njk
@@ -0,0 +1,68 @@
+{% from "../../macros/attributes.njk" import govukAttributes %}
+{% from "../error-message/macro.njk" import govukErrorMessage %}
+{% from "../hint/macro.njk" import govukHint %}
+{% from "../label/macro.njk" import govukLabel %}
+
+{#- a record of other elements that we need to associate with the input using
+  aria-describedby – for example hints or error messages -#}
+{% set describedBy = params.describedBy if params.describedBy else "" %}
+{%- set id = params.id if params.id else params.name -%}
+
+<div class="govuk-form-group {%- if params.errorMessage %} govuk-form-group--error{% endif %} {%- if params.formGroup.classes %} {{ params.formGroup.classes }}{% endif %}"
+  {{- govukAttributes(params.formGroup.attributes) }}>
+  {{ govukLabel({
+    html: params.label.html,
+    text: params.label.text,
+    classes: params.label.classes,
+    isPageHeading: params.label.isPageHeading,
+    attributes: params.label.attributes,
+    for: id
+  }) | trim | indent(2) }}
+{% if params.hint %}
+  {% set hintId = id + '-hint' %}
+  {% set describedBy = describedBy + ' ' + hintId if describedBy else hintId %}
+  {{ govukHint({
+    id: hintId,
+    classes: params.hint.classes,
+    attributes: params.hint.attributes,
+    html: params.hint.html,
+    text: params.hint.text
+  }) | trim | indent(2) }}
+{% endif %}
+{% if params.errorMessage %}
+  {% set errorId = id + '-error' %}
+  {% set describedBy = describedBy + ' ' + errorId if describedBy else errorId %}
+  {{ govukErrorMessage({
+    id: errorId,
+    classes: params.errorMessage.classes,
+    attributes: params.errorMessage.attributes,
+    html: params.errorMessage.html,
+    text: params.errorMessage.text,
+    visuallyHiddenText: params.errorMessage.visuallyHiddenText
+  }) | trim | indent(2) }}
+{% endif %}
+{% if params.formGroup.beforeInput %}
+  {{ params.formGroup.beforeInput.html | safe | trim | indent(2) if params.formGroup.beforeInput.html else params.formGroup.beforeInput.text }}
+{% endif %}
+  <select class="govuk-select
+    {%- if params.classes %} {{ params.classes }}{% endif %}{%- if params.errorMessage %} govuk-select--error{% endif %}" id="{{ id }}" name="{{ params.name }}"
+    {%- if params.disabled %} disabled{% endif %}
+    {%- if describedBy %} aria-describedby="{{ describedBy }}"{% endif %}
+    {{- govukAttributes(params.attributes) }}>
+  {% for item in params.items %}
+    {% if item %}
+    {#- Allow selecting by text content (the value for an option when no value attribute is specified) #}
+    {%- set effectiveValue = item.value | default(item.text) %}
+    <option {%- if item.value !== undefined %} value="{{ item.value }}"{% endif %}
+      {{-" selected" if item.selected | default((effectiveValue == params.value and item.selected != false) if params.value else false, true) }}
+      {{-" disabled" if item.disabled }}
+      {{- govukAttributes(item.attributes) }}>
+      {{- item.text -}}
+    </option>
+    {% endif %}
+  {% endfor %}
+  </select>
+{% if params.formGroup.afterInput %}
+  {{ params.formGroup.afterInput.html | safe | trim | indent(2) if params.formGroup.afterInput.html else params.formGroup.afterInput.text }}
+{% endif %}
+</div>
diff --git a/app/templates/govuk/components/service-navigation/README.md b/app/templates/govuk/components/service-navigation/README.md
new file mode 100644
index 0000000..87e7f1f
--- /dev/null
+++ b/app/templates/govuk/components/service-navigation/README.md
@@ -0,0 +1,15 @@
+# Service navigation
+
+## Installation
+
+See the [main README quick start guide](https://github.com/alphagov/govuk-frontend#quick-start) for how to install this component.
+
+## Guidance and Examples
+
+Find out when to use the Service navigation component in your service in the [GOV.UK Design System](https://design-system.service.gov.uk/components/service-navigation).
+
+## Component options
+
+Use options to customise the appearance, content and behaviour of a component when using a macro, for example, changing the text.
+
+See [options table](https://design-system.service.gov.uk/components/service-navigation/#options-service-navigation-example) for details.
diff --git a/app/templates/govuk/components/service-navigation/_index.scss b/app/templates/govuk/components/service-navigation/_index.scss
new file mode 100644
index 0000000..a487a4c
--- /dev/null
+++ b/app/templates/govuk/components/service-navigation/_index.scss
@@ -0,0 +1,254 @@
+@include govuk-exports("govuk/component/service-navigation") {
+  $govuk-service-navigation-active-link-border-width: govuk-spacing(1);
+  $govuk-service-navigation-background: govuk-colour("light-grey");
+  $govuk-service-navigation-border-colour: $govuk-border-colour;
+
+  // We make the link colour a little darker than normal here so that it has
+  // better perceptual contrast with the navigation background.
+  $govuk-service-navigation-link-colour: govuk-shade($govuk-link-colour, 10%);
+
+  .govuk-service-navigation {
+    border-bottom-width: 1px;
+    border-bottom-style: solid;
+    @include _govuk-rebrand(
+      "border-bottom-color",
+      $from: $govuk-service-navigation-border-colour,
+      $to: $_govuk-rebrand-border-colour-on-blue-tint-95
+    );
+    @include _govuk-rebrand(
+      "background-color",
+      $from: $govuk-service-navigation-background,
+      $to: $_govuk-rebrand-template-background-colour
+    );
+  }
+
+  .govuk-service-navigation__container {
+    display: flex;
+    flex-direction: column;
+    align-items: start;
+
+    @include govuk-media-query($from: tablet) {
+      flex-direction: row;
+      flex-wrap: wrap;
+    }
+  }
+
+  // These styles are shared between nav items and the service name, they
+  // ensure that both of them remain vertically aligned with one another
+  .govuk-service-navigation__item,
+  .govuk-service-navigation__service-name {
+    position: relative;
+    margin: govuk-spacing(2) 0;
+    border: 0 solid $govuk-service-navigation-link-colour;
+
+    @include govuk-media-query($from: tablet) {
+      // inline-block is used as a fallback for browsers that don't support flexbox
+      display: inline-block;
+
+      margin-top: 0;
+      margin-bottom: 0;
+      padding: govuk-spacing(4) 0;
+
+      @include _govuk-rebrand {
+        padding: govuk-spacing(3) 0;
+
+        // More magic numbers ahoy:
+        // 29 is the desired height of the element (60), minus top and bottom
+        // padding (2×15), minus bottom border (1); 19 is the font-size at this
+        // point. This gives us the perfect fractional line height to make the
+        // overall component 60px high
+        line-height: (29 / 19);
+      }
+
+      &:not(:last-child) {
+        @include govuk-responsive-margin(6, $direction: right);
+      }
+    }
+  }
+
+  // Remove the top margin of the first nav item if there is a service name but
+  // there's no menu button (either because it doesn't exist or it's hidden)
+  .govuk-service-navigation__service-name + .govuk-service-navigation__wrapper {
+    .govuk-service-navigation__list:first-child,
+    .govuk-service-navigation__toggle[hidden] + .govuk-service-navigation__list {
+      .govuk-service-navigation__item:first-child {
+        margin-top: 0;
+      }
+    }
+  }
+
+  .govuk-service-navigation__item--active {
+    @include govuk-media-query($until: tablet) {
+      // Negative offset the left margin so we can place a current page indicator
+      // to the left without misaligning the list item text.
+      margin-left: ((govuk-spacing(2) + $govuk-service-navigation-active-link-border-width) * -1);
+      padding-left: govuk-spacing(2);
+      border-left-width: $govuk-service-navigation-active-link-border-width;
+    }
+
+    @include govuk-media-query($from: tablet) {
+      @include _govuk-rebrand(
+        "padding-bottom",
+        $from: govuk-spacing(4) - $govuk-service-navigation-active-link-border-width,
+        $to: govuk-spacing(3) - $govuk-service-navigation-active-link-border-width
+      );
+      border-bottom-width: $govuk-service-navigation-active-link-border-width;
+    }
+  }
+
+  .govuk-service-navigation__link {
+    @include govuk-link-common;
+    @include govuk-link-style-no-underline;
+    @include govuk-link-style-no-visited-state;
+
+    &:not(:hover):not(:focus) {
+      // We set the colour here as we don't want to override the hover or
+      // focus colours
+      color: $govuk-service-navigation-link-colour;
+    }
+  }
+
+  //
+  // Service name specific code
+  //
+
+  .govuk-service-navigation__service-name {
+    @include govuk-font($size: 19, $weight: bold);
+  }
+
+  // Annoyingly this requires a compound selector in order to overcome the
+  // specificity of the other link colour override we're doing
+  .govuk-service-navigation__service-name .govuk-service-navigation__link {
+    @include govuk-link-style-text;
+  }
+
+  // Allow navigation section to always take up maximum available space,
+  // rather than sizing to fit the content. This makes it easier to right align
+  // nav items and use slots.
+  .govuk-service-navigation__wrapper {
+    flex-grow: 1;
+  }
+
+  //
+  // Navigation list specific code
+  //
+
+  .govuk-service-navigation__toggle {
+    @include govuk-font($size: 19, $weight: bold);
+    display: inline-flex;
+    margin: govuk-spacing(2) 0;
+    padding: 0;
+    border: 0;
+    color: $govuk-service-navigation-link-colour;
+    background: none;
+    word-break: break-all;
+    cursor: pointer;
+    align-items: center;
+
+    &:focus {
+      @include govuk-focused-text;
+    }
+
+    &::after {
+      @include govuk-shape-arrow($direction: down, $base: 10px, $display: inline-block);
+      content: "";
+      margin-left: govuk-spacing(1);
+    }
+
+    &[aria-expanded="true"]::after {
+      @include govuk-shape-arrow($direction: up, $base: 10px, $display: inline-block);
+    }
+
+    // Ensure the button stays hidden if the hidden attribute is present
+    &[hidden] {
+      display: none;
+    }
+
+    // If we have both a service name and navigation toggle, remove the
+    // margin-top so that there isn't a bunch of space between them
+    .govuk-service-navigation__service-name + .govuk-service-navigation__wrapper & {
+      margin-top: 0;
+    }
+  }
+
+  .govuk-service-navigation__list {
+    @include govuk-font($size: 19);
+    margin: 0;
+    margin-bottom: govuk-spacing(3);
+    padding: 0;
+    list-style: none;
+
+    // Make the navigation list a flexbox. Doing so resolves a couple of
+    // accessibility problems caused by the list items being inline-blocks:
+    // - Removes the extra whitespace from between each list item that screen
+    //   readers would pointlessly announce.
+    // - Fixes an NVDA issue in Firefox and Chrome <= 124 where it would read
+    //   all of the links as a run-on sentence.
+    @include govuk-media-query($from: tablet) {
+      display: flex;
+      flex-wrap: wrap;
+      margin-bottom: 0;
+
+      // However... IE11 totally trips over flexbox and doesn't wrap anything,
+      // making all of the items into a single, horizontally scrolling row,
+      // which is no good. This CSS hack removes the flexbox definition for
+      // IE 9–11, reverting it to the flawed, but OK, non-flexbox version.
+      //
+      // CSS hack from http://browserhacks.com/#hack-a60b03e301a67f76a5a22221c739dc64
+      @media screen and (min-width: 0\0) {
+        display: block;
+      }
+    }
+  }
+
+  // This is a <strong> element that is used as a fallback mechanism for
+  // visually indicating the current page in scenarios where CSS isn't
+  // available. We don't actually want it to be bold normally, so set it to
+  // inherit the parent font-weight.
+  .govuk-service-navigation__active-fallback {
+    font-weight: inherit;
+  }
+
+  // Inverted colour scheme style intended for product pages
+  .govuk-service-navigation--inverse {
+    @include _govuk-rebrand {
+      // Remove bottom border to add width-container ones
+      border-bottom: none;
+
+      // Set colour here so non-link text (service name, slot content) can
+      // use it too.
+      color: govuk-colour("white");
+
+      background-color: $govuk-brand-colour;
+
+      .govuk-width-container {
+        border-width: 1px 0;
+        border-style: solid;
+        border-color: $_govuk-rebrand-border-colour-on-blue-tint-95;
+      }
+
+      // Subtract 1px of space to account for the extra border-top
+      .govuk-service-navigation__container {
+        margin-top: -1px;
+      }
+
+      // Override the 'active' border colour
+      .govuk-service-navigation__item,
+      .govuk-service-navigation__service-name {
+        border-color: govuk-colour("white");
+      }
+
+      // Override link styles
+      .govuk-service-navigation__link {
+        @include govuk-link-style-inverse;
+      }
+
+      // Override mobile menu toggle colour when not focused
+      .govuk-service-navigation__toggle:not(:focus) {
+        color: currentcolor;
+      }
+    }
+  }
+}
+
+/*# sourceMappingURL=_index.scss.map */
diff --git a/app/templates/govuk/components/service-navigation/_index.scss.map b/app/templates/govuk/components/service-navigation/_index.scss.map
new file mode 100644
index 0000000..dd58e59
--- /dev/null
+++ b/app/templates/govuk/components/service-navigation/_index.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/service-navigation/_index.scss"],"names":[],"mappings":"AAAA;EACE,oEAAoE;EACpE,gEAAgE;EAChE,6DAA6D;;EAE7D,yEAAyE;EACzE,4DAA4D;EAC5D,2EAA2E;;EAE3E;IACE,wBAAwB;IACxB,0BAA0B;IAC1B;;;;KAIC;IACD;;;;KAIC;EACH;;EAEA;IACE,aAAa;IACb,sBAAsB;IACtB,kBAAkB;;IAElB;MACE,mBAAmB;MACnB,eAAe;IACjB;EACF;;EAEA,sEAAsE;EACtE,qEAAqE;EACrE;;IAEE,kBAAkB;IAClB,0BAA0B;IAC1B,qDAAqD;;IAErD;MACE,4EAA4E;MAC5E,qBAAqB;;MAErB,aAAa;MACb,gBAAgB;MAChB,2BAA2B;;MAE3B;QACE,2BAA2B;;QAE3B,0BAA0B;QAC1B,oEAAoE;QACpE,sEAAsE;QACtE,qEAAqE;QACrE,6BAA6B;QAC7B,sBAAsB;MACxB;;MAEA;QACE,sDAAsD;MACxD;IACF;EACF;;EAEA,4EAA4E;EAC5E,yEAAyE;EACzE;IACE;;MAEE;QACE,aAAa;MACf;IACF;EACF;;EAEA;IACE;MACE,0EAA0E;MAC1E,qDAAqD;MACrD,2FAA2F;MAC3F,8BAA8B;MAC9B,qEAAqE;IACvE;;IAEA;MACE;;;;OAIC;MACD,uEAAuE;IACzE;EACF;;EAEA;IACE,0BAA0B;IAC1B,sCAAsC;IACtC,0CAA0C;;IAE1C;MACE,kEAAkE;MAClE,eAAe;MACf,4CAA4C;IAC9C;EACF;;EAEA,CAAC;EACD,4BAA4B;EAC5B,CAAC;;EAED;IACE,6CAA6C;EAC/C;;EAEA,uEAAuE;EACvE,2DAA2D;EAC3D;IACE,8BAA8B;EAChC;;EAEA,qEAAqE;EACrE,4EAA4E;EAC5E,0BAA0B;EAC1B;IACE,YAAY;EACd;;EAEA,CAAC;EACD,+BAA+B;EAC/B,CAAC;;EAED;IACE,6CAA6C;IAC7C,oBAAoB;IACpB,0BAA0B;IAC1B,UAAU;IACV,SAAS;IACT,4CAA4C;IAC5C,gBAAgB;IAChB,qBAAqB;IACrB,eAAe;IACf,mBAAmB;;IAEnB;MACE,2BAA2B;IAC7B;;IAEA;MACE,iFAAiF;MACjF,WAAW;MACX,6BAA6B;IAC/B;;IAEA;MACE,+EAA+E;IACjF;;IAEA,mEAAmE;IACnE;MACE,aAAa;IACf;;IAEA,kEAAkE;IAClE,8DAA8D;IAC9D;MACE,aAAa;IACf;EACF;;EAEA;IACE,8BAA8B;IAC9B,SAAS;IACT,+BAA+B;IAC/B,UAAU;IACV,gBAAgB;;IAEhB,mEAAmE;IACnE,sEAAsE;IACtE,wEAAwE;IACxE,uCAAuC;IACvC,wEAAwE;IACxE,0CAA0C;IAC1C;MACE,aAAa;MACb,eAAe;MACf,gBAAgB;;MAEhB,uEAAuE;MACvE,oEAAoE;MACpE,oEAAoE;MACpE,mEAAmE;MACnE,CAAC;MACD,8EAA8E;MAC9E;QACE,cAAc;MAChB;IACF;EACF;;EAEA,qEAAqE;EACrE,mEAAmE;EACnE,wEAAwE;EACxE,iCAAiC;EACjC;IACE,oBAAoB;EACtB;;EAEA,yDAAyD;EACzD;IACE;MACE,kDAAkD;MAClD,mBAAmB;;MAEnB,mEAAmE;MACnE,aAAa;MACb,4BAA4B;;MAE5B,qCAAqC;;MAErC;QACE,mBAAmB;QACnB,mBAAmB;QACnB,2DAA2D;MAC7D;;MAEA,2DAA2D;MAC3D;QACE,gBAAgB;MAClB;;MAEA,qCAAqC;MACrC;;QAEE,mCAAmC;MACrC;;MAEA,sBAAsB;MACtB;QACE,iCAAiC;MACnC;;MAEA,qDAAqD;MACrD;QACE,mBAAmB;MACrB;IACF;EACF;AACF","file":"_index.scss","sourcesContent":["@include govuk-exports(\"govuk/component/service-navigation\") {\n  $govuk-service-navigation-active-link-border-width: govuk-spacing(1);\n  $govuk-service-navigation-background: govuk-colour(\"light-grey\");\n  $govuk-service-navigation-border-colour: $govuk-border-colour;\n\n  // We make the link colour a little darker than normal here so that it has\n  // better perceptual contrast with the navigation background.\n  $govuk-service-navigation-link-colour: govuk-shade($govuk-link-colour, 10%);\n\n  .govuk-service-navigation {\n    border-bottom-width: 1px;\n    border-bottom-style: solid;\n    @include _govuk-rebrand(\n      \"border-bottom-color\",\n      $from: $govuk-service-navigation-border-colour,\n      $to: $_govuk-rebrand-border-colour-on-blue-tint-95\n    );\n    @include _govuk-rebrand(\n      \"background-color\",\n      $from: $govuk-service-navigation-background,\n      $to: $_govuk-rebrand-template-background-colour\n    );\n  }\n\n  .govuk-service-navigation__container {\n    display: flex;\n    flex-direction: column;\n    align-items: start;\n\n    @include govuk-media-query($from: tablet) {\n      flex-direction: row;\n      flex-wrap: wrap;\n    }\n  }\n\n  // These styles are shared between nav items and the service name, they\n  // ensure that both of them remain vertically aligned with one another\n  .govuk-service-navigation__item,\n  .govuk-service-navigation__service-name {\n    position: relative;\n    margin: govuk-spacing(2) 0;\n    border: 0 solid $govuk-service-navigation-link-colour;\n\n    @include govuk-media-query($from: tablet) {\n      // inline-block is used as a fallback for browsers that don't support flexbox\n      display: inline-block;\n\n      margin-top: 0;\n      margin-bottom: 0;\n      padding: govuk-spacing(4) 0;\n\n      @include _govuk-rebrand {\n        padding: govuk-spacing(3) 0;\n\n        // More magic numbers ahoy:\n        // 29 is the desired height of the element (60), minus top and bottom\n        // padding (2×15), minus bottom border (1); 19 is the font-size at this\n        // point. This gives us the perfect fractional line height to make the\n        // overall component 60px high\n        line-height: (29 / 19);\n      }\n\n      &:not(:last-child) {\n        @include govuk-responsive-margin(6, $direction: right);\n      }\n    }\n  }\n\n  // Remove the top margin of the first nav item if there is a service name but\n  // there's no menu button (either because it doesn't exist or it's hidden)\n  .govuk-service-navigation__service-name + .govuk-service-navigation__wrapper {\n    .govuk-service-navigation__list:first-child,\n    .govuk-service-navigation__toggle[hidden] + .govuk-service-navigation__list {\n      .govuk-service-navigation__item:first-child {\n        margin-top: 0;\n      }\n    }\n  }\n\n  .govuk-service-navigation__item--active {\n    @include govuk-media-query($until: tablet) {\n      // Negative offset the left margin so we can place a current page indicator\n      // to the left without misaligning the list item text.\n      margin-left: ((govuk-spacing(2) + $govuk-service-navigation-active-link-border-width) * -1);\n      padding-left: govuk-spacing(2);\n      border-left-width: $govuk-service-navigation-active-link-border-width;\n    }\n\n    @include govuk-media-query($from: tablet) {\n      @include _govuk-rebrand(\n        \"padding-bottom\",\n        $from: govuk-spacing(4) - $govuk-service-navigation-active-link-border-width,\n        $to: govuk-spacing(3) - $govuk-service-navigation-active-link-border-width\n      );\n      border-bottom-width: $govuk-service-navigation-active-link-border-width;\n    }\n  }\n\n  .govuk-service-navigation__link {\n    @include govuk-link-common;\n    @include govuk-link-style-no-underline;\n    @include govuk-link-style-no-visited-state;\n\n    &:not(:hover):not(:focus) {\n      // We set the colour here as we don't want to override the hover or\n      // focus colours\n      color: $govuk-service-navigation-link-colour;\n    }\n  }\n\n  //\n  // Service name specific code\n  //\n\n  .govuk-service-navigation__service-name {\n    @include govuk-font($size: 19, $weight: bold);\n  }\n\n  // Annoyingly this requires a compound selector in order to overcome the\n  // specificity of the other link colour override we're doing\n  .govuk-service-navigation__service-name .govuk-service-navigation__link {\n    @include govuk-link-style-text;\n  }\n\n  // Allow navigation section to always take up maximum available space,\n  // rather than sizing to fit the content. This makes it easier to right align\n  // nav items and use slots.\n  .govuk-service-navigation__wrapper {\n    flex-grow: 1;\n  }\n\n  //\n  // Navigation list specific code\n  //\n\n  .govuk-service-navigation__toggle {\n    @include govuk-font($size: 19, $weight: bold);\n    display: inline-flex;\n    margin: govuk-spacing(2) 0;\n    padding: 0;\n    border: 0;\n    color: $govuk-service-navigation-link-colour;\n    background: none;\n    word-break: break-all;\n    cursor: pointer;\n    align-items: center;\n\n    &:focus {\n      @include govuk-focused-text;\n    }\n\n    &::after {\n      @include govuk-shape-arrow($direction: down, $base: 10px, $display: inline-block);\n      content: \"\";\n      margin-left: govuk-spacing(1);\n    }\n\n    &[aria-expanded=\"true\"]::after {\n      @include govuk-shape-arrow($direction: up, $base: 10px, $display: inline-block);\n    }\n\n    // Ensure the button stays hidden if the hidden attribute is present\n    &[hidden] {\n      display: none;\n    }\n\n    // If we have both a service name and navigation toggle, remove the\n    // margin-top so that there isn't a bunch of space between them\n    .govuk-service-navigation__service-name + .govuk-service-navigation__wrapper & {\n      margin-top: 0;\n    }\n  }\n\n  .govuk-service-navigation__list {\n    @include govuk-font($size: 19);\n    margin: 0;\n    margin-bottom: govuk-spacing(3);\n    padding: 0;\n    list-style: none;\n\n    // Make the navigation list a flexbox. Doing so resolves a couple of\n    // accessibility problems caused by the list items being inline-blocks:\n    // - Removes the extra whitespace from between each list item that screen\n    //   readers would pointlessly announce.\n    // - Fixes an NVDA issue in Firefox and Chrome <= 124 where it would read\n    //   all of the links as a run-on sentence.\n    @include govuk-media-query($from: tablet) {\n      display: flex;\n      flex-wrap: wrap;\n      margin-bottom: 0;\n\n      // However... IE11 totally trips over flexbox and doesn't wrap anything,\n      // making all of the items into a single, horizontally scrolling row,\n      // which is no good. This CSS hack removes the flexbox definition for\n      // IE 9–11, reverting it to the flawed, but OK, non-flexbox version.\n      //\n      // CSS hack from http://browserhacks.com/#hack-a60b03e301a67f76a5a22221c739dc64\n      @media screen and (min-width: 0\\0) {\n        display: block;\n      }\n    }\n  }\n\n  // This is a <strong> element that is used as a fallback mechanism for\n  // visually indicating the current page in scenarios where CSS isn't\n  // available. We don't actually want it to be bold normally, so set it to\n  // inherit the parent font-weight.\n  .govuk-service-navigation__active-fallback {\n    font-weight: inherit;\n  }\n\n  // Inverted colour scheme style intended for product pages\n  .govuk-service-navigation--inverse {\n    @include _govuk-rebrand {\n      // Remove bottom border to add width-container ones\n      border-bottom: none;\n\n      // Set colour here so non-link text (service name, slot content) can\n      // use it too.\n      color: govuk-colour(\"white\");\n\n      background-color: $govuk-brand-colour;\n\n      .govuk-width-container {\n        border-width: 1px 0;\n        border-style: solid;\n        border-color: $_govuk-rebrand-border-colour-on-blue-tint-95;\n      }\n\n      // Subtract 1px of space to account for the extra border-top\n      .govuk-service-navigation__container {\n        margin-top: -1px;\n      }\n\n      // Override the 'active' border colour\n      .govuk-service-navigation__item,\n      .govuk-service-navigation__service-name {\n        border-color: govuk-colour(\"white\");\n      }\n\n      // Override link styles\n      .govuk-service-navigation__link {\n        @include govuk-link-style-inverse;\n      }\n\n      // Override mobile menu toggle colour when not focused\n      .govuk-service-navigation__toggle:not(:focus) {\n        color: currentcolor;\n      }\n    }\n  }\n}\n"]}
diff --git a/app/templates/govuk/components/service-navigation/_service-navigation.scss b/app/templates/govuk/components/service-navigation/_service-navigation.scss
new file mode 100644
index 0000000..8003c1e
--- /dev/null
+++ b/app/templates/govuk/components/service-navigation/_service-navigation.scss
@@ -0,0 +1,4 @@
+@import "../../base";
+@import "./index";
+
+/*# sourceMappingURL=_service-navigation.scss.map */
diff --git a/app/templates/govuk/components/service-navigation/_service-navigation.scss.map b/app/templates/govuk/components/service-navigation/_service-navigation.scss.map
new file mode 100644
index 0000000..a182803
--- /dev/null
+++ b/app/templates/govuk/components/service-navigation/_service-navigation.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/service-navigation/_service-navigation.scss"],"names":[],"mappings":"AAAA,oBAAoB;AACpB,iBAAiB","file":"_service-navigation.scss","sourcesContent":["@import \"../../base\";\n@import \"./index\";\n"]}
diff --git a/app/templates/govuk/components/service-navigation/fixtures.json b/app/templates/govuk/components/service-navigation/fixtures.json
new file mode 100644
index 0000000..6d4045d
--- /dev/null
+++ b/app/templates/govuk/components/service-navigation/fixtures.json
@@ -0,0 +1,681 @@
+{
+    "component": "service-navigation",
+    "fixtures": [
+        {
+            "name": "default",
+            "options": {
+                "navigation": [
+                    {
+                        "href": "#/1",
+                        "text": "Navigation item 1"
+                    },
+                    {
+                        "href": "#/2",
+                        "text": "Navigation item 2"
+                    },
+                    {
+                        "href": "#/3",
+                        "text": "Navigation item 3"
+                    },
+                    {
+                        "href": "#/4",
+                        "text": "Navigation item 4"
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": {
+                "variants": [
+                    "default",
+                    "no-js"
+                ]
+            },
+            "html": "<div class=\"govuk-service-navigation\"\ndata-module=\"govuk-service-navigation\"\n>\n      <div class=\"govuk-width-container\">\n\n    <div class=\"govuk-service-navigation__container\">\n      \n\n      \n        <nav aria-label=\"Menu\" class=\"govuk-service-navigation__wrapper\">\n          <button type=\"button\" class=\"govuk-service-navigation__toggle govuk-js-service-navigation-toggle\" aria-controls=\"navigation\" hidden>\n            Menu\n          </button>\n\n          <ul class=\"govuk-service-navigation__list\" id=\"navigation\" >\n\n            \n              \n              <li class=\"govuk-service-navigation__item\">\n                  <a class=\"govuk-service-navigation__link\" href=\"#/1\">\n                                    \nNavigation item 1\n                  </a>\n              </li>\n\n              \n              <li class=\"govuk-service-navigation__item\">\n                  <a class=\"govuk-service-navigation__link\" href=\"#/2\">\n                                    \nNavigation item 2\n                  </a>\n              </li>\n\n              \n              <li class=\"govuk-service-navigation__item\">\n                  <a class=\"govuk-service-navigation__link\" href=\"#/3\">\n                                    \nNavigation item 3\n                  </a>\n              </li>\n\n              \n              <li class=\"govuk-service-navigation__item\">\n                  <a class=\"govuk-service-navigation__link\" href=\"#/4\">\n                                    \nNavigation item 4\n                  </a>\n              </li>\n\n            </ul>\n        </nav>\n    </div>\n\n    </div>\n\n  </div>"
+        },
+        {
+            "name": "with navigation with a current item",
+            "options": {
+                "navigation": [
+                    {
+                        "href": "#/1",
+                        "text": "Navigation item 1"
+                    },
+                    {
+                        "href": "#/2",
+                        "text": "Navigation item 2",
+                        "current": true
+                    },
+                    {
+                        "href": "#/3",
+                        "text": "Navigation item 3"
+                    },
+                    {
+                        "href": "#/4",
+                        "text": "Navigation item 4"
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "The current item indicates that the user is present on that exact page. It looks the same as an active item, but marks this item as the one the user is currently viewing in ARIA.",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-service-navigation\"\ndata-module=\"govuk-service-navigation\"\n>\n      <div class=\"govuk-width-container\">\n\n    <div class=\"govuk-service-navigation__container\">\n      \n\n      \n        <nav aria-label=\"Menu\" class=\"govuk-service-navigation__wrapper\">\n          <button type=\"button\" class=\"govuk-service-navigation__toggle govuk-js-service-navigation-toggle\" aria-controls=\"navigation\" hidden>\n            Menu\n          </button>\n\n          <ul class=\"govuk-service-navigation__list\" id=\"navigation\" >\n\n            \n              \n              <li class=\"govuk-service-navigation__item\">\n                  <a class=\"govuk-service-navigation__link\" href=\"#/1\">\n                                    \nNavigation item 1\n                  </a>\n              </li>\n\n              \n              <li class=\"govuk-service-navigation__item govuk-service-navigation__item--active\">\n                  <a class=\"govuk-service-navigation__link\" href=\"#/2\" aria-current=\"page\">\n                                    \n                  <strong class=\"govuk-service-navigation__active-fallback\">Navigation item 2</strong>\n\n                  </a>\n              </li>\n\n              \n              <li class=\"govuk-service-navigation__item\">\n                  <a class=\"govuk-service-navigation__link\" href=\"#/3\">\n                                    \nNavigation item 3\n                  </a>\n              </li>\n\n              \n              <li class=\"govuk-service-navigation__item\">\n                  <a class=\"govuk-service-navigation__link\" href=\"#/4\">\n                                    \nNavigation item 4\n                  </a>\n              </li>\n\n            </ul>\n        </nav>\n    </div>\n\n    </div>\n\n  </div>"
+        },
+        {
+            "name": "with large navigation",
+            "options": {
+                "navigation": [
+                    {
+                        "href": "#/browse/benefits",
+                        "text": "Benefits"
+                    },
+                    {
+                        "href": "#/browse/births-deaths-marriages",
+                        "text": "Births, deaths, marriages and care"
+                    },
+                    {
+                        "href": "#/browse/business",
+                        "text": "Business and self-employed"
+                    },
+                    {
+                        "href": "#/browse/childcare-parenting",
+                        "text": "Childcare and parenting"
+                    },
+                    {
+                        "href": "#/browse/citizenship",
+                        "text": "Citizenship and living in the UK"
+                    },
+                    {
+                        "href": "#/browse/justice",
+                        "text": "Crime, justice and the law"
+                    },
+                    {
+                        "href": "#/browse/disabilities",
+                        "text": "Disabled people"
+                    },
+                    {
+                        "href": "#/browse/driving",
+                        "text": "Driving and transport"
+                    },
+                    {
+                        "href": "#/browse/education",
+                        "text": "Education and learning"
+                    },
+                    {
+                        "href": "#/browse/employing-people",
+                        "text": "Employing people"
+                    },
+                    {
+                        "href": "#/browse/environment-countryside",
+                        "text": "Environment and countryside"
+                    },
+                    {
+                        "href": "#/browse/housing-local-services",
+                        "text": "Housing and local services"
+                    },
+                    {
+                        "href": "#/browse/tax",
+                        "text": "Money and tax"
+                    },
+                    {
+                        "href": "#/browse/abroad",
+                        "text": "Passports, travel and living abroad"
+                    },
+                    {
+                        "href": "#/browse/visas-immigration",
+                        "text": "Visas and immigration"
+                    },
+                    {
+                        "href": "#/browse/working",
+                        "text": "Working, jobs and pensions"
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-service-navigation\"\ndata-module=\"govuk-service-navigation\"\n>\n      <div class=\"govuk-width-container\">\n\n    <div class=\"govuk-service-navigation__container\">\n      \n\n      \n        <nav aria-label=\"Menu\" class=\"govuk-service-navigation__wrapper\">\n          <button type=\"button\" class=\"govuk-service-navigation__toggle govuk-js-service-navigation-toggle\" aria-controls=\"navigation\" hidden>\n            Menu\n          </button>\n\n          <ul class=\"govuk-service-navigation__list\" id=\"navigation\" >\n\n            \n              \n              <li class=\"govuk-service-navigation__item\">\n                  <a class=\"govuk-service-navigation__link\" href=\"#/browse/benefits\">\n                                    \nBenefits\n                  </a>\n              </li>\n\n              \n              <li class=\"govuk-service-navigation__item\">\n                  <a class=\"govuk-service-navigation__link\" href=\"#/browse/births-deaths-marriages\">\n                                    \nBirths, deaths, marriages and care\n                  </a>\n              </li>\n\n              \n              <li class=\"govuk-service-navigation__item\">\n                  <a class=\"govuk-service-navigation__link\" href=\"#/browse/business\">\n                                    \nBusiness and self-employed\n                  </a>\n              </li>\n\n              \n              <li class=\"govuk-service-navigation__item\">\n                  <a class=\"govuk-service-navigation__link\" href=\"#/browse/childcare-parenting\">\n                                    \nChildcare and parenting\n                  </a>\n              </li>\n\n              \n              <li class=\"govuk-service-navigation__item\">\n                  <a class=\"govuk-service-navigation__link\" href=\"#/browse/citizenship\">\n                                    \nCitizenship and living in the UK\n                  </a>\n              </li>\n\n              \n              <li class=\"govuk-service-navigation__item\">\n                  <a class=\"govuk-service-navigation__link\" href=\"#/browse/justice\">\n                                    \nCrime, justice and the law\n                  </a>\n              </li>\n\n              \n              <li class=\"govuk-service-navigation__item\">\n                  <a class=\"govuk-service-navigation__link\" href=\"#/browse/disabilities\">\n                                    \nDisabled people\n                  </a>\n              </li>\n\n              \n              <li class=\"govuk-service-navigation__item\">\n                  <a class=\"govuk-service-navigation__link\" href=\"#/browse/driving\">\n                                    \nDriving and transport\n                  </a>\n              </li>\n\n              \n              <li class=\"govuk-service-navigation__item\">\n                  <a class=\"govuk-service-navigation__link\" href=\"#/browse/education\">\n                                    \nEducation and learning\n                  </a>\n              </li>\n\n              \n              <li class=\"govuk-service-navigation__item\">\n                  <a class=\"govuk-service-navigation__link\" href=\"#/browse/employing-people\">\n                                    \nEmploying people\n                  </a>\n              </li>\n\n              \n              <li class=\"govuk-service-navigation__item\">\n                  <a class=\"govuk-service-navigation__link\" href=\"#/browse/environment-countryside\">\n                                    \nEnvironment and countryside\n                  </a>\n              </li>\n\n              \n              <li class=\"govuk-service-navigation__item\">\n                  <a class=\"govuk-service-navigation__link\" href=\"#/browse/housing-local-services\">\n                                    \nHousing and local services\n                  </a>\n              </li>\n\n              \n              <li class=\"govuk-service-navigation__item\">\n                  <a class=\"govuk-service-navigation__link\" href=\"#/browse/tax\">\n                                    \nMoney and tax\n                  </a>\n              </li>\n\n              \n              <li class=\"govuk-service-navigation__item\">\n                  <a class=\"govuk-service-navigation__link\" href=\"#/browse/abroad\">\n                                    \nPassports, travel and living abroad\n                  </a>\n              </li>\n\n              \n              <li class=\"govuk-service-navigation__item\">\n                  <a class=\"govuk-service-navigation__link\" href=\"#/browse/visas-immigration\">\n                                    \nVisas and immigration\n                  </a>\n              </li>\n\n              \n              <li class=\"govuk-service-navigation__item\">\n                  <a class=\"govuk-service-navigation__link\" href=\"#/browse/working\">\n                                    \nWorking, jobs and pensions\n                  </a>\n              </li>\n\n            </ul>\n        </nav>\n    </div>\n\n    </div>\n\n  </div>"
+        },
+        {
+            "name": "with HTML navigation items",
+            "options": {
+                "navigation": [
+                    {
+                        "href": "#/1",
+                        "html": "<em>Navigation item 1</em>"
+                    },
+                    {
+                        "href": "#/2",
+                        "html": "<em>Navigation item 2</em>"
+                    },
+                    {
+                        "href": "#/3",
+                        "html": "<em>Navigation item 3</em>"
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-service-navigation\"\ndata-module=\"govuk-service-navigation\"\n>\n      <div class=\"govuk-width-container\">\n\n    <div class=\"govuk-service-navigation__container\">\n      \n\n      \n        <nav aria-label=\"Menu\" class=\"govuk-service-navigation__wrapper\">\n          <button type=\"button\" class=\"govuk-service-navigation__toggle govuk-js-service-navigation-toggle\" aria-controls=\"navigation\" hidden>\n            Menu\n          </button>\n\n          <ul class=\"govuk-service-navigation__list\" id=\"navigation\" >\n\n            \n              \n              <li class=\"govuk-service-navigation__item\">\n                  <a class=\"govuk-service-navigation__link\" href=\"#/1\">\n                                    \n<em>Navigation item 1</em>\n                  </a>\n              </li>\n\n              \n              <li class=\"govuk-service-navigation__item\">\n                  <a class=\"govuk-service-navigation__link\" href=\"#/2\">\n                                    \n<em>Navigation item 2</em>\n                  </a>\n              </li>\n\n              \n              <li class=\"govuk-service-navigation__item\">\n                  <a class=\"govuk-service-navigation__link\" href=\"#/3\">\n                                    \n<em>Navigation item 3</em>\n                  </a>\n              </li>\n\n            </ul>\n        </nav>\n    </div>\n\n    </div>\n\n  </div>"
+        },
+        {
+            "name": "with non-link navigation items",
+            "options": {
+                "navigation": [
+                    {
+                        "text": "Navigation item 1"
+                    },
+                    {
+                        "html": "<em>Navigation item 2</em>"
+                    },
+                    {
+                        "text": "Navigation item 3"
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-service-navigation\"\ndata-module=\"govuk-service-navigation\"\n>\n      <div class=\"govuk-width-container\">\n\n    <div class=\"govuk-service-navigation__container\">\n      \n\n      \n        <nav aria-label=\"Menu\" class=\"govuk-service-navigation__wrapper\">\n          <button type=\"button\" class=\"govuk-service-navigation__toggle govuk-js-service-navigation-toggle\" aria-controls=\"navigation\" hidden>\n            Menu\n          </button>\n\n          <ul class=\"govuk-service-navigation__list\" id=\"navigation\" >\n\n            \n              \n              <li class=\"govuk-service-navigation__item\">\n                  <span class=\"govuk-service-navigation__text\">\n                                    \nNavigation item 1\n                  </span>\n              </li>\n\n              \n              <li class=\"govuk-service-navigation__item\">\n                  <span class=\"govuk-service-navigation__text\">\n                                    \n<em>Navigation item 2</em>\n                  </span>\n              </li>\n\n              \n              <li class=\"govuk-service-navigation__item\">\n                  <span class=\"govuk-service-navigation__text\">\n                                    \nNavigation item 3\n                  </span>\n              </li>\n\n            </ul>\n        </nav>\n    </div>\n\n    </div>\n\n  </div>"
+        },
+        {
+            "name": "with service name",
+            "options": {
+                "serviceName": "Service name"
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<section aria-label=\"Service information\" class=\"govuk-service-navigation\"\ndata-module=\"govuk-service-navigation\"\n>\n      <div class=\"govuk-width-container\">\n\n    <div class=\"govuk-service-navigation__container\">\n      \n        <span class=\"govuk-service-navigation__service-name\">\n            <span class=\"govuk-service-navigation__text\">Service name</span>\n        </span>\n\n      \n    </div>\n\n    </div>\n\n  </section>"
+        },
+        {
+            "name": "with service link",
+            "options": {
+                "serviceName": "Service name",
+                "serviceUrl": "#/"
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<section aria-label=\"Service information\" class=\"govuk-service-navigation\"\ndata-module=\"govuk-service-navigation\"\n>\n      <div class=\"govuk-width-container\">\n\n    <div class=\"govuk-service-navigation__container\">\n      \n        <span class=\"govuk-service-navigation__service-name\">\n            <a href=\"#/\" class=\"govuk-service-navigation__link\">\n              Service name\n            </a>\n        </span>\n\n      \n    </div>\n\n    </div>\n\n  </section>"
+        },
+        {
+            "name": "with long service name",
+            "options": {
+                "serviceName": "Apply to receive a rare holofoil Charizard Pokémon card from the King",
+                "serviceUrl": "#/"
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<section aria-label=\"Service information\" class=\"govuk-service-navigation\"\ndata-module=\"govuk-service-navigation\"\n>\n      <div class=\"govuk-width-container\">\n\n    <div class=\"govuk-service-navigation__container\">\n      \n        <span class=\"govuk-service-navigation__service-name\">\n            <a href=\"#/\" class=\"govuk-service-navigation__link\">\n              Apply to receive a rare holofoil Charizard Pokémon card from the King\n            </a>\n        </span>\n\n      \n    </div>\n\n    </div>\n\n  </section>"
+        },
+        {
+            "name": "with service name and navigation",
+            "options": {
+                "serviceName": "Apply for a juggling license",
+                "serviceUrl": "#/",
+                "navigation": [
+                    {
+                        "href": "#/1",
+                        "text": "Navigation item 1"
+                    },
+                    {
+                        "href": "#/2",
+                        "text": "Navigation item 2",
+                        "active": true
+                    },
+                    {
+                        "href": "#/3",
+                        "text": "Navigation item 3"
+                    },
+                    {
+                        "href": "#/4",
+                        "text": "Navigation item 4"
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<section aria-label=\"Service information\" class=\"govuk-service-navigation\"\ndata-module=\"govuk-service-navigation\"\n>\n      <div class=\"govuk-width-container\">\n\n    <div class=\"govuk-service-navigation__container\">\n      \n        <span class=\"govuk-service-navigation__service-name\">\n            <a href=\"#/\" class=\"govuk-service-navigation__link\">\n              Apply for a juggling license\n            </a>\n        </span>\n\n      \n        <nav aria-label=\"Menu\" class=\"govuk-service-navigation__wrapper\">\n          <button type=\"button\" class=\"govuk-service-navigation__toggle govuk-js-service-navigation-toggle\" aria-controls=\"navigation\" hidden>\n            Menu\n          </button>\n\n          <ul class=\"govuk-service-navigation__list\" id=\"navigation\" >\n\n            \n              \n              <li class=\"govuk-service-navigation__item\">\n                  <a class=\"govuk-service-navigation__link\" href=\"#/1\">\n                                    \nNavigation item 1\n                  </a>\n              </li>\n\n              \n              <li class=\"govuk-service-navigation__item govuk-service-navigation__item--active\">\n                  <a class=\"govuk-service-navigation__link\" href=\"#/2\" aria-current=\"true\">\n                                    \n                  <strong class=\"govuk-service-navigation__active-fallback\">Navigation item 2</strong>\n\n                  </a>\n              </li>\n\n              \n              <li class=\"govuk-service-navigation__item\">\n                  <a class=\"govuk-service-navigation__link\" href=\"#/3\">\n                                    \nNavigation item 3\n                  </a>\n              </li>\n\n              \n              <li class=\"govuk-service-navigation__item\">\n                  <a class=\"govuk-service-navigation__link\" href=\"#/4\">\n                                    \nNavigation item 4\n                  </a>\n              </li>\n\n            </ul>\n        </nav>\n    </div>\n\n    </div>\n\n  </section>"
+        },
+        {
+            "name": "inverse",
+            "options": {
+                "classes": "govuk-service-navigation--inverse",
+                "serviceName": "Apply for a juggling license",
+                "serviceUrl": "#/",
+                "navigation": [
+                    {
+                        "href": "#/1",
+                        "text": "Navigation item 1"
+                    },
+                    {
+                        "href": "#/2",
+                        "text": "Navigation item 2",
+                        "active": true
+                    },
+                    {
+                        "href": "#/3",
+                        "text": "Navigation item 3"
+                    },
+                    {
+                        "href": "#/4",
+                        "text": "Navigation item 4"
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "Service navigation that appears between other areas of brand blue. Rebrand only.",
+            "pageTemplateOptions": {
+                "bodyClasses": "app-template__body--inverse"
+            },
+            "screenshot": false,
+            "html": "<section aria-label=\"Service information\" class=\"govuk-service-navigation govuk-service-navigation--inverse\"\ndata-module=\"govuk-service-navigation\"\n>\n      <div class=\"govuk-width-container\">\n\n    <div class=\"govuk-service-navigation__container\">\n      \n        <span class=\"govuk-service-navigation__service-name\">\n            <a href=\"#/\" class=\"govuk-service-navigation__link\">\n              Apply for a juggling license\n            </a>\n        </span>\n\n      \n        <nav aria-label=\"Menu\" class=\"govuk-service-navigation__wrapper\">\n          <button type=\"button\" class=\"govuk-service-navigation__toggle govuk-js-service-navigation-toggle\" aria-controls=\"navigation\" hidden>\n            Menu\n          </button>\n\n          <ul class=\"govuk-service-navigation__list\" id=\"navigation\" >\n\n            \n              \n              <li class=\"govuk-service-navigation__item\">\n                  <a class=\"govuk-service-navigation__link\" href=\"#/1\">\n                                    \nNavigation item 1\n                  </a>\n              </li>\n\n              \n              <li class=\"govuk-service-navigation__item govuk-service-navigation__item--active\">\n                  <a class=\"govuk-service-navigation__link\" href=\"#/2\" aria-current=\"true\">\n                                    \n                  <strong class=\"govuk-service-navigation__active-fallback\">Navigation item 2</strong>\n\n                  </a>\n              </li>\n\n              \n              <li class=\"govuk-service-navigation__item\">\n                  <a class=\"govuk-service-navigation__link\" href=\"#/3\">\n                                    \nNavigation item 3\n                  </a>\n              </li>\n\n              \n              <li class=\"govuk-service-navigation__item\">\n                  <a class=\"govuk-service-navigation__link\" href=\"#/4\">\n                                    \nNavigation item 4\n                  </a>\n              </li>\n\n            </ul>\n        </nav>\n    </div>\n\n    </div>\n\n  </section>"
+        },
+        {
+            "name": "with collapseNavigationOnMobile set to false",
+            "options": {
+                "serviceName": "Apply for a juggling license",
+                "serviceUrl": "#/",
+                "navigation": [
+                    {
+                        "href": "#/1",
+                        "text": "Navigation item 1"
+                    },
+                    {
+                        "href": "#/2",
+                        "text": "Navigation item 2",
+                        "active": true
+                    },
+                    {
+                        "href": "#/3",
+                        "text": "Navigation item 3"
+                    },
+                    {
+                        "href": "#/4",
+                        "text": "Navigation item 4"
+                    }
+                ],
+                "collapseNavigationOnMobile": false
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<section aria-label=\"Service information\" class=\"govuk-service-navigation\"\ndata-module=\"govuk-service-navigation\"\n>\n      <div class=\"govuk-width-container\">\n\n    <div class=\"govuk-service-navigation__container\">\n      \n        <span class=\"govuk-service-navigation__service-name\">\n            <a href=\"#/\" class=\"govuk-service-navigation__link\">\n              Apply for a juggling license\n            </a>\n        </span>\n\n      \n        <nav aria-label=\"Menu\" class=\"govuk-service-navigation__wrapper\">\n\n          <ul class=\"govuk-service-navigation__list\" id=\"navigation\" >\n\n            \n              \n              <li class=\"govuk-service-navigation__item\">\n                  <a class=\"govuk-service-navigation__link\" href=\"#/1\">\n                                    \nNavigation item 1\n                  </a>\n              </li>\n\n              \n              <li class=\"govuk-service-navigation__item govuk-service-navigation__item--active\">\n                  <a class=\"govuk-service-navigation__link\" href=\"#/2\" aria-current=\"true\">\n                                    \n                  <strong class=\"govuk-service-navigation__active-fallback\">Navigation item 2</strong>\n\n                  </a>\n              </li>\n\n              \n              <li class=\"govuk-service-navigation__item\">\n                  <a class=\"govuk-service-navigation__link\" href=\"#/3\">\n                                    \nNavigation item 3\n                  </a>\n              </li>\n\n              \n              <li class=\"govuk-service-navigation__item\">\n                  <a class=\"govuk-service-navigation__link\" href=\"#/4\">\n                                    \nNavigation item 4\n                  </a>\n              </li>\n\n            </ul>\n        </nav>\n    </div>\n\n    </div>\n\n  </section>"
+        },
+        {
+            "name": "with a single navigation item",
+            "options": {
+                "serviceName": "Apply for a juggling license",
+                "serviceUrl": "#/",
+                "navigation": [
+                    {
+                        "href": "#/1",
+                        "text": "Log out"
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<section aria-label=\"Service information\" class=\"govuk-service-navigation\"\ndata-module=\"govuk-service-navigation\"\n>\n      <div class=\"govuk-width-container\">\n\n    <div class=\"govuk-service-navigation__container\">\n      \n        <span class=\"govuk-service-navigation__service-name\">\n            <a href=\"#/\" class=\"govuk-service-navigation__link\">\n              Apply for a juggling license\n            </a>\n        </span>\n\n      \n        <nav aria-label=\"Menu\" class=\"govuk-service-navigation__wrapper\">\n\n          <ul class=\"govuk-service-navigation__list\" id=\"navigation\" >\n\n            \n              \n              <li class=\"govuk-service-navigation__item\">\n                  <a class=\"govuk-service-navigation__link\" href=\"#/1\">\n                                    \nLog out\n                  </a>\n              </li>\n\n            </ul>\n        </nav>\n    </div>\n\n    </div>\n\n  </section>"
+        },
+        {
+            "name": "with a single navigation item and collapseNavigationOnMobile set to true",
+            "options": {
+                "serviceName": "Apply for a juggling license",
+                "serviceUrl": "#/",
+                "navigation": [
+                    {
+                        "href": "#/1",
+                        "text": "Log out"
+                    }
+                ],
+                "collapseNavigationOnMobile": true
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<section aria-label=\"Service information\" class=\"govuk-service-navigation\"\ndata-module=\"govuk-service-navigation\"\n>\n      <div class=\"govuk-width-container\">\n\n    <div class=\"govuk-service-navigation__container\">\n      \n        <span class=\"govuk-service-navigation__service-name\">\n            <a href=\"#/\" class=\"govuk-service-navigation__link\">\n              Apply for a juggling license\n            </a>\n        </span>\n\n      \n        <nav aria-label=\"Menu\" class=\"govuk-service-navigation__wrapper\">\n          <button type=\"button\" class=\"govuk-service-navigation__toggle govuk-js-service-navigation-toggle\" aria-controls=\"navigation\" hidden>\n            Menu\n          </button>\n\n          <ul class=\"govuk-service-navigation__list\" id=\"navigation\" >\n\n            \n              \n              <li class=\"govuk-service-navigation__item\">\n                  <a class=\"govuk-service-navigation__link\" href=\"#/1\">\n                                    \nLog out\n                  </a>\n              </li>\n\n            </ul>\n        </nav>\n    </div>\n\n    </div>\n\n  </section>"
+        },
+        {
+            "name": "with no options set",
+            "options": {},
+            "hidden": true,
+            "description": "If no serviceName or navigation is set, don't render anything.",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-service-navigation\"\ndata-module=\"govuk-service-navigation\"\n>\n      <div class=\"govuk-width-container\">\n\n    <div class=\"govuk-service-navigation__container\">\n      \n\n      \n    </div>\n\n    </div>\n\n  </div>"
+        },
+        {
+            "name": "attributes",
+            "options": {
+                "serviceName": "Service name",
+                "attributes": {
+                    "data-foo": "bar",
+                    "data-pika": "chu"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<section aria-label=\"Service information\" class=\"govuk-service-navigation\"\ndata-module=\"govuk-service-navigation\" data-foo=\"bar\" data-pika=\"chu\"\n>\n      <div class=\"govuk-width-container\">\n\n    <div class=\"govuk-service-navigation__container\">\n      \n        <span class=\"govuk-service-navigation__service-name\">\n            <span class=\"govuk-service-navigation__text\">Service name</span>\n        </span>\n\n      \n    </div>\n\n    </div>\n\n  </section>"
+        },
+        {
+            "name": "classes",
+            "options": {
+                "serviceName": "Service name",
+                "classes": "app-my-curious-custom-class"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<section aria-label=\"Service information\" class=\"govuk-service-navigation app-my-curious-custom-class\"\ndata-module=\"govuk-service-navigation\"\n>\n      <div class=\"govuk-width-container\">\n\n    <div class=\"govuk-service-navigation__container\">\n      \n        <span class=\"govuk-service-navigation__service-name\">\n            <span class=\"govuk-service-navigation__text\">Service name</span>\n        </span>\n\n      \n    </div>\n\n    </div>\n\n  </section>"
+        },
+        {
+            "name": "with custom aria-label",
+            "options": {
+                "serviceName": "Service name",
+                "ariaLabel": "Service name and nav"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<section aria-label=\"Service name and nav\" class=\"govuk-service-navigation\"\ndata-module=\"govuk-service-navigation\"\n>\n      <div class=\"govuk-width-container\">\n\n    <div class=\"govuk-service-navigation__container\">\n      \n        <span class=\"govuk-service-navigation__service-name\">\n            <span class=\"govuk-service-navigation__text\">Service name</span>\n        </span>\n\n      \n    </div>\n\n    </div>\n\n  </section>"
+        },
+        {
+            "name": "with custom navigation toggle text",
+            "options": {
+                "menuButtonText": "Enter the NavZone",
+                "navigation": [
+                    {
+                        "href": "#/1",
+                        "text": "Navigation item 1"
+                    },
+                    {
+                        "href": "#/2",
+                        "text": "Navigation item 2"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-service-navigation\"\ndata-module=\"govuk-service-navigation\"\n>\n      <div class=\"govuk-width-container\">\n\n    <div class=\"govuk-service-navigation__container\">\n      \n\n      \n        <nav aria-label=\"Enter the NavZone\" class=\"govuk-service-navigation__wrapper\">\n          <button type=\"button\" class=\"govuk-service-navigation__toggle govuk-js-service-navigation-toggle\" aria-controls=\"navigation\" hidden>\n            Enter the NavZone\n          </button>\n\n          <ul class=\"govuk-service-navigation__list\" id=\"navigation\" >\n\n            \n              \n              <li class=\"govuk-service-navigation__item\">\n                  <a class=\"govuk-service-navigation__link\" href=\"#/1\">\n                                    \nNavigation item 1\n                  </a>\n              </li>\n\n              \n              <li class=\"govuk-service-navigation__item\">\n                  <a class=\"govuk-service-navigation__link\" href=\"#/2\">\n                                    \nNavigation item 2\n                  </a>\n              </li>\n\n            </ul>\n        </nav>\n    </div>\n\n    </div>\n\n  </div>"
+        },
+        {
+            "name": "with custom navigation toggle label",
+            "options": {
+                "menuButtonLabel": "Enter the NavZone",
+                "navigation": [
+                    {
+                        "href": "#/1",
+                        "text": "Navigation item 1"
+                    },
+                    {
+                        "href": "#/2",
+                        "text": "Navigation item 2"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-service-navigation\"\ndata-module=\"govuk-service-navigation\"\n>\n      <div class=\"govuk-width-container\">\n\n    <div class=\"govuk-service-navigation__container\">\n      \n\n      \n        <nav aria-label=\"Menu\" class=\"govuk-service-navigation__wrapper\">\n          <button type=\"button\" class=\"govuk-service-navigation__toggle govuk-js-service-navigation-toggle\" aria-controls=\"navigation\" aria-label=\"Enter the NavZone\" hidden>\n            Menu\n          </button>\n\n          <ul class=\"govuk-service-navigation__list\" id=\"navigation\" >\n\n            \n              \n              <li class=\"govuk-service-navigation__item\">\n                  <a class=\"govuk-service-navigation__link\" href=\"#/1\">\n                                    \nNavigation item 1\n                  </a>\n              </li>\n\n              \n              <li class=\"govuk-service-navigation__item\">\n                  <a class=\"govuk-service-navigation__link\" href=\"#/2\">\n                                    \nNavigation item 2\n                  </a>\n              </li>\n\n            </ul>\n        </nav>\n    </div>\n\n    </div>\n\n  </div>"
+        },
+        {
+            "name": "with identical navigation toggle text and label",
+            "options": {
+                "menuButtonText": "Enter the NavZone",
+                "menuButtonLabel": "Enter the NavZone",
+                "navigation": [
+                    {
+                        "href": "#/1",
+                        "text": "Navigation item 1"
+                    },
+                    {
+                        "href": "#/2",
+                        "text": "Navigation item 2"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-service-navigation\"\ndata-module=\"govuk-service-navigation\"\n>\n      <div class=\"govuk-width-container\">\n\n    <div class=\"govuk-service-navigation__container\">\n      \n\n      \n        <nav aria-label=\"Enter the NavZone\" class=\"govuk-service-navigation__wrapper\">\n          <button type=\"button\" class=\"govuk-service-navigation__toggle govuk-js-service-navigation-toggle\" aria-controls=\"navigation\" hidden>\n            Enter the NavZone\n          </button>\n\n          <ul class=\"govuk-service-navigation__list\" id=\"navigation\" >\n\n            \n              \n              <li class=\"govuk-service-navigation__item\">\n                  <a class=\"govuk-service-navigation__link\" href=\"#/1\">\n                                    \nNavigation item 1\n                  </a>\n              </li>\n\n              \n              <li class=\"govuk-service-navigation__item\">\n                  <a class=\"govuk-service-navigation__link\" href=\"#/2\">\n                                    \nNavigation item 2\n                  </a>\n              </li>\n\n            </ul>\n        </nav>\n    </div>\n\n    </div>\n\n  </div>"
+        },
+        {
+            "name": "with custom navigation label",
+            "options": {
+                "navigationLabel": "Main navigation",
+                "navigation": [
+                    {
+                        "href": "#/1",
+                        "text": "Navigation item 1"
+                    },
+                    {
+                        "href": "#/2",
+                        "text": "Navigation item 2"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-service-navigation\"\ndata-module=\"govuk-service-navigation\"\n>\n      <div class=\"govuk-width-container\">\n\n    <div class=\"govuk-service-navigation__container\">\n      \n\n      \n        <nav aria-label=\"Main navigation\" class=\"govuk-service-navigation__wrapper\">\n          <button type=\"button\" class=\"govuk-service-navigation__toggle govuk-js-service-navigation-toggle\" aria-controls=\"navigation\" hidden>\n            Menu\n          </button>\n\n          <ul class=\"govuk-service-navigation__list\" id=\"navigation\" >\n\n            \n              \n              <li class=\"govuk-service-navigation__item\">\n                  <a class=\"govuk-service-navigation__link\" href=\"#/1\">\n                                    \nNavigation item 1\n                  </a>\n              </li>\n\n              \n              <li class=\"govuk-service-navigation__item\">\n                  <a class=\"govuk-service-navigation__link\" href=\"#/2\">\n                                    \nNavigation item 2\n                  </a>\n              </li>\n\n            </ul>\n        </nav>\n    </div>\n\n    </div>\n\n  </div>"
+        },
+        {
+            "name": "with custom navigation toggle text and navigation label",
+            "options": {
+                "menuButtonText": "Enter the NavZone",
+                "navigationLabel": "The NavZone",
+                "navigation": [
+                    {
+                        "href": "#/1",
+                        "text": "Navigation item 1"
+                    },
+                    {
+                        "href": "#/2",
+                        "text": "Navigation item 2"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-service-navigation\"\ndata-module=\"govuk-service-navigation\"\n>\n      <div class=\"govuk-width-container\">\n\n    <div class=\"govuk-service-navigation__container\">\n      \n\n      \n        <nav aria-label=\"The NavZone\" class=\"govuk-service-navigation__wrapper\">\n          <button type=\"button\" class=\"govuk-service-navigation__toggle govuk-js-service-navigation-toggle\" aria-controls=\"navigation\" hidden>\n            Enter the NavZone\n          </button>\n\n          <ul class=\"govuk-service-navigation__list\" id=\"navigation\" >\n\n            \n              \n              <li class=\"govuk-service-navigation__item\">\n                  <a class=\"govuk-service-navigation__link\" href=\"#/1\">\n                                    \nNavigation item 1\n                  </a>\n              </li>\n\n              \n              <li class=\"govuk-service-navigation__item\">\n                  <a class=\"govuk-service-navigation__link\" href=\"#/2\">\n                                    \nNavigation item 2\n                  </a>\n              </li>\n\n            </ul>\n        </nav>\n    </div>\n\n    </div>\n\n  </div>"
+        },
+        {
+            "name": "with custom navigation classes",
+            "options": {
+                "navigationClasses": "app-my-neat-navigation-class",
+                "navigation": [
+                    {
+                        "href": "#/1",
+                        "text": "Navigation item 1"
+                    },
+                    {
+                        "href": "#/2",
+                        "text": "Navigation item 2"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-service-navigation\"\ndata-module=\"govuk-service-navigation\"\n>\n      <div class=\"govuk-width-container\">\n\n    <div class=\"govuk-service-navigation__container\">\n      \n\n      \n        <nav aria-label=\"Menu\" class=\"govuk-service-navigation__wrapper app-my-neat-navigation-class\">\n          <button type=\"button\" class=\"govuk-service-navigation__toggle govuk-js-service-navigation-toggle\" aria-controls=\"navigation\" hidden>\n            Menu\n          </button>\n\n          <ul class=\"govuk-service-navigation__list\" id=\"navigation\" >\n\n            \n              \n              <li class=\"govuk-service-navigation__item\">\n                  <a class=\"govuk-service-navigation__link\" href=\"#/1\">\n                                    \nNavigation item 1\n                  </a>\n              </li>\n\n              \n              <li class=\"govuk-service-navigation__item\">\n                  <a class=\"govuk-service-navigation__link\" href=\"#/2\">\n                                    \nNavigation item 2\n                  </a>\n              </li>\n\n            </ul>\n        </nav>\n    </div>\n\n    </div>\n\n  </div>"
+        },
+        {
+            "name": "with custom navigation ID",
+            "options": {
+                "navigationId": "main-nav",
+                "navigation": [
+                    {
+                        "href": "#/1",
+                        "text": "Navigation item 1"
+                    },
+                    {
+                        "href": "#/2",
+                        "text": "Navigation item 2"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-service-navigation\"\ndata-module=\"govuk-service-navigation\"\n>\n      <div class=\"govuk-width-container\">\n\n    <div class=\"govuk-service-navigation__container\">\n      \n\n      \n        <nav aria-label=\"Menu\" class=\"govuk-service-navigation__wrapper\">\n          <button type=\"button\" class=\"govuk-service-navigation__toggle govuk-js-service-navigation-toggle\" aria-controls=\"main-nav\" hidden>\n            Menu\n          </button>\n\n          <ul class=\"govuk-service-navigation__list\" id=\"main-nav\" >\n\n            \n              \n              <li class=\"govuk-service-navigation__item\">\n                  <a class=\"govuk-service-navigation__link\" href=\"#/1\">\n                                    \nNavigation item 1\n                  </a>\n              </li>\n\n              \n              <li class=\"govuk-service-navigation__item\">\n                  <a class=\"govuk-service-navigation__link\" href=\"#/2\">\n                                    \nNavigation item 2\n                  </a>\n              </li>\n\n            </ul>\n        </nav>\n    </div>\n\n    </div>\n\n  </div>"
+        },
+        {
+            "name": "with navigation having empty values",
+            "options": {
+                "navigation": [
+                    {
+                        "href": "#/1",
+                        "text": "Navigation item 1"
+                    },
+                    null,
+                    false,
+                    "",
+                    null,
+                    {
+                        "href": "#/2",
+                        "text": "Navigation item 2"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-service-navigation\"\ndata-module=\"govuk-service-navigation\"\n>\n      <div class=\"govuk-width-container\">\n\n    <div class=\"govuk-service-navigation__container\">\n      \n\n      \n        <nav aria-label=\"Menu\" class=\"govuk-service-navigation__wrapper\">\n          <button type=\"button\" class=\"govuk-service-navigation__toggle govuk-js-service-navigation-toggle\" aria-controls=\"navigation\" hidden>\n            Menu\n          </button>\n\n          <ul class=\"govuk-service-navigation__list\" id=\"navigation\" >\n\n            \n              \n              <li class=\"govuk-service-navigation__item\">\n                  <a class=\"govuk-service-navigation__link\" href=\"#/1\">\n                                    \nNavigation item 1\n                  </a>\n              </li>\n\n              \n              <li class=\"govuk-service-navigation__item\">\n                  <a class=\"govuk-service-navigation__link\" href=\"#/2\">\n                                    \nNavigation item 2\n                  </a>\n              </li>\n\n            </ul>\n        </nav>\n    </div>\n\n    </div>\n\n  </div>"
+        },
+        {
+            "name": "with navigation having only empty values",
+            "options": {
+                "navigation": [
+                    null,
+                    false,
+                    null,
+                    ""
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-service-navigation\"\ndata-module=\"govuk-service-navigation\"\n>\n      <div class=\"govuk-width-container\">\n\n    <div class=\"govuk-service-navigation__container\">\n      \n\n      \n    </div>\n\n    </div>\n\n  </div>"
+        },
+        {
+            "name": "with navigation being an empty array",
+            "options": {
+                "navigation": []
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-service-navigation\"\ndata-module=\"govuk-service-navigation\"\n>\n      <div class=\"govuk-width-container\">\n\n    <div class=\"govuk-service-navigation__container\">\n      \n\n      \n    </div>\n\n    </div>\n\n  </div>"
+        },
+        {
+            "name": "with navigation with an active item",
+            "options": {
+                "navigation": [
+                    {
+                        "href": "#/1",
+                        "text": "Navigation item 1"
+                    },
+                    {
+                        "href": "#/2",
+                        "text": "Navigation item 2",
+                        "active": true
+                    },
+                    {
+                        "href": "#/3",
+                        "text": "Navigation item 3"
+                    },
+                    {
+                        "href": "#/4",
+                        "text": "Navigation item 4"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "The active item indicates that the user is within that section, but not on the exact page being linked. It looks the same as a current item, but marks this item as an ancestor to the one the user is viewing in ARIA (e.g. a parent section).",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-service-navigation\"\ndata-module=\"govuk-service-navigation\"\n>\n      <div class=\"govuk-width-container\">\n\n    <div class=\"govuk-service-navigation__container\">\n      \n\n      \n        <nav aria-label=\"Menu\" class=\"govuk-service-navigation__wrapper\">\n          <button type=\"button\" class=\"govuk-service-navigation__toggle govuk-js-service-navigation-toggle\" aria-controls=\"navigation\" hidden>\n            Menu\n          </button>\n\n          <ul class=\"govuk-service-navigation__list\" id=\"navigation\" >\n\n            \n              \n              <li class=\"govuk-service-navigation__item\">\n                  <a class=\"govuk-service-navigation__link\" href=\"#/1\">\n                                    \nNavigation item 1\n                  </a>\n              </li>\n\n              \n              <li class=\"govuk-service-navigation__item govuk-service-navigation__item--active\">\n                  <a class=\"govuk-service-navigation__link\" href=\"#/2\" aria-current=\"true\">\n                                    \n                  <strong class=\"govuk-service-navigation__active-fallback\">Navigation item 2</strong>\n\n                  </a>\n              </li>\n\n              \n              <li class=\"govuk-service-navigation__item\">\n                  <a class=\"govuk-service-navigation__link\" href=\"#/3\">\n                                    \nNavigation item 3\n                  </a>\n              </li>\n\n              \n              <li class=\"govuk-service-navigation__item\">\n                  <a class=\"govuk-service-navigation__link\" href=\"#/4\">\n                                    \nNavigation item 4\n                  </a>\n              </li>\n\n            </ul>\n        </nav>\n    </div>\n\n    </div>\n\n  </div>"
+        },
+        {
+            "name": "with slotted content",
+            "options": {
+                "slots": {
+                    "start": "<div>[start]</div>",
+                    "end": "<div>[end]</div>",
+                    "navigationStart": "<li>[navigation start]</li>",
+                    "navigationEnd": "<li>[navigation end]</li>"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<section aria-label=\"Service information\" class=\"govuk-service-navigation\"\ndata-module=\"govuk-service-navigation\"\n>\n      <div class=\"govuk-width-container\">\n\n    <div>[start]</div><div class=\"govuk-service-navigation__container\">\n      \n\n      \n        <nav aria-label=\"Menu\" class=\"govuk-service-navigation__wrapper\">\n\n          <ul class=\"govuk-service-navigation__list\" id=\"navigation\" >\n\n            <li>[navigation start]</li>\n            <li>[navigation end]</li></ul>\n        </nav>\n    </div>\n\n    <div>[end]</div></div>\n\n  </section>"
+        },
+        {
+            "name": "rebrand",
+            "options": {
+                "navigation": [
+                    {
+                        "href": "#/1",
+                        "text": "Navigation item 1"
+                    },
+                    {
+                        "href": "#/2",
+                        "text": "Navigation item 2"
+                    },
+                    {
+                        "href": "#/3",
+                        "text": "Navigation item 3"
+                    },
+                    {
+                        "href": "#/4",
+                        "text": "Navigation item 4"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {
+                "htmlClasses": "govuk-template--rebranded"
+            },
+            "screenshot": true,
+            "html": "<div class=\"govuk-service-navigation\"\ndata-module=\"govuk-service-navigation\"\n>\n      <div class=\"govuk-width-container\">\n\n    <div class=\"govuk-service-navigation__container\">\n      \n\n      \n        <nav aria-label=\"Menu\" class=\"govuk-service-navigation__wrapper\">\n          <button type=\"button\" class=\"govuk-service-navigation__toggle govuk-js-service-navigation-toggle\" aria-controls=\"navigation\" hidden>\n            Menu\n          </button>\n\n          <ul class=\"govuk-service-navigation__list\" id=\"navigation\" >\n\n            \n              \n              <li class=\"govuk-service-navigation__item\">\n                  <a class=\"govuk-service-navigation__link\" href=\"#/1\">\n                                    \nNavigation item 1\n                  </a>\n              </li>\n\n              \n              <li class=\"govuk-service-navigation__item\">\n                  <a class=\"govuk-service-navigation__link\" href=\"#/2\">\n                                    \nNavigation item 2\n                  </a>\n              </li>\n\n              \n              <li class=\"govuk-service-navigation__item\">\n                  <a class=\"govuk-service-navigation__link\" href=\"#/3\">\n                                    \nNavigation item 3\n                  </a>\n              </li>\n\n              \n              <li class=\"govuk-service-navigation__item\">\n                  <a class=\"govuk-service-navigation__link\" href=\"#/4\">\n                                    \nNavigation item 4\n                  </a>\n              </li>\n\n            </ul>\n        </nav>\n    </div>\n\n    </div>\n\n  </div>"
+        }
+    ],
+    "previewLayout": "full-width"
+}
diff --git a/app/templates/govuk/components/service-navigation/macro-options.json b/app/templates/govuk/components/service-navigation/macro-options.json
new file mode 100644
index 0000000..86b04ad
--- /dev/null
+++ b/app/templates/govuk/components/service-navigation/macro-options.json
@@ -0,0 +1,144 @@
+[
+    {
+        "name": "classes",
+        "type": "string",
+        "required": false,
+        "description": "Classes to add to the service navigation container."
+    },
+    {
+        "name": "attributes",
+        "type": "object",
+        "required": false,
+        "description": "HTML attributes (for example, data attributes) to add to the service navigation container."
+    },
+    {
+        "name": "ariaLabel",
+        "type": "string",
+        "required": false,
+        "description": "The text for the `aria-label` which labels the service navigation container when a service name is included. Defaults to `\"Service information\"`."
+    },
+    {
+        "name": "menuButtonText",
+        "type": "string",
+        "required": false,
+        "description": "The text of the mobile navigation menu toggle."
+    },
+    {
+        "name": "menuButtonLabel",
+        "type": "string",
+        "required": false,
+        "description": "The screen reader label for the mobile navigation menu toggle. Defaults to the same value as `menuButtonText` if not specified."
+    },
+    {
+        "name": "navigationLabel",
+        "type": "string",
+        "required": false,
+        "description": "The screen reader label for the mobile navigation menu. Defaults to the same value as `menuButtonText` if not specified."
+    },
+    {
+        "name": "navigationId",
+        "type": "string",
+        "required": false,
+        "description": "The ID used to associate the mobile navigation toggle with the navigation menu. Defaults to `navigation`."
+    },
+    {
+        "name": "navigationClasses",
+        "type": "string",
+        "required": false,
+        "description": "Classes to add to the navigation menu container."
+    },
+    {
+        "name": "collapseNavigationOnMobile",
+        "type": "boolean",
+        "required": false,
+        "description": "Whether the navigation should be collapsed inside a menu on mobile. Defaults to true if there is more than one navigation item."
+    },
+    {
+        "name": "serviceName",
+        "type": "string",
+        "required": false,
+        "description": "The name of your service."
+    },
+    {
+        "name": "serviceUrl",
+        "type": "string",
+        "required": false,
+        "description": "The homepage of your service."
+    },
+    {
+        "name": "navigation",
+        "type": "array",
+        "required": true,
+        "description": "Used to add navigation to the service header.",
+        "params": [
+            {
+                "name": "current",
+                "type": "boolean",
+                "required": false,
+                "description": "If `true`, indicates that the user is currently on this page. This takes precedence over `active`."
+            },
+            {
+                "name": "active",
+                "type": "boolean",
+                "required": false,
+                "description": "If `true`, indicates that the user is within this group of pages in the navigation hierarchy."
+            },
+            {
+                "name": "html",
+                "type": "string",
+                "required": true,
+                "description": "HTML for the navigation item. If `html` is provided, the `text` option will be ignored."
+            },
+            {
+                "name": "text",
+                "type": "string",
+                "required": true,
+                "description": "Text for the navigation item. If `html` is provided, the `text` option will be ignored."
+            },
+            {
+                "name": "href",
+                "type": "string",
+                "required": false,
+                "description": "URL of the navigation item anchor."
+            },
+            {
+                "name": "attributes",
+                "type": "object",
+                "required": false,
+                "description": "HTML attributes (for example data attributes) to add to the navigation item anchor."
+            }
+        ]
+    },
+    {
+        "name": "slots",
+        "type": "object",
+        "required": false,
+        "description": "Specified points for injecting custom HTML into the service header.",
+        "params": [
+            {
+                "name": "start",
+                "type": "string",
+                "required": false,
+                "description": "HTML injected at the start of the service header container."
+            },
+            {
+                "name": "end",
+                "type": "string",
+                "required": false,
+                "description": "HTML injected at the end of the service header container."
+            },
+            {
+                "name": "navigationStart",
+                "type": "string",
+                "required": false,
+                "description": "HTML injected before the first list item in the navigation list. Requires `navigation` to be set."
+            },
+            {
+                "name": "navigationEnd",
+                "type": "string",
+                "required": false,
+                "description": "HTML injected after the last list item in the navigation list. Requires `navigation` to be set."
+            }
+        ]
+    }
+]
diff --git a/app/templates/govuk/components/service-navigation/macro.njk b/app/templates/govuk/components/service-navigation/macro.njk
new file mode 100644
index 0000000..67305e8
--- /dev/null
+++ b/app/templates/govuk/components/service-navigation/macro.njk
@@ -0,0 +1,3 @@
+{% macro govukServiceNavigation(params) %}
+  {%- include "./template.njk" -%}
+{% endmacro %}
diff --git a/app/templates/govuk/components/service-navigation/service-navigation.bundle.js b/app/templates/govuk/components/service-navigation/service-navigation.bundle.js
new file mode 100644
index 0000000..5a45af7
--- /dev/null
+++ b/app/templates/govuk/components/service-navigation/service-navigation.bundle.js
@@ -0,0 +1,234 @@
+(function (global, factory) {
+  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports) :
+  typeof define === 'function' && define.amd ? define(['exports'], factory) :
+  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.GOVUKFrontend = global.GOVUKFrontend || {}));
+})(this, (function (exports) { 'use strict';
+
+  function getBreakpoint(name) {
+    const property = `--govuk-breakpoint-${name}`;
+    const value = window.getComputedStyle(document.documentElement).getPropertyValue(property);
+    return {
+      property,
+      value: value || undefined
+    };
+  }
+  function isInitialised($root, moduleName) {
+    return $root instanceof HTMLElement && $root.hasAttribute(`data-${moduleName}-init`);
+  }
+
+  /**
+   * Checks if GOV.UK Frontend is supported on this page
+   *
+   * Some browsers will load and run our JavaScript but GOV.UK Frontend
+   * won't be supported.
+   *
+   * @param {HTMLElement | null} [$scope] - (internal) `<body>` HTML element checked for browser support
+   * @returns {boolean} Whether GOV.UK Frontend is supported on this page
+   */
+  function isSupported($scope = document.body) {
+    if (!$scope) {
+      return false;
+    }
+    return $scope.classList.contains('govuk-frontend-supported');
+  }
+  function isArray(option) {
+    return Array.isArray(option);
+  }
+  function isObject(option) {
+    return !!option && typeof option === 'object' && !isArray(option);
+  }
+  function formatErrorMessage(Component, message) {
+    return `${Component.moduleName}: ${message}`;
+  }
+  /**
+   * @typedef ComponentWithModuleName
+   * @property {string} moduleName - Name of the component
+   */
+
+  class GOVUKFrontendError extends Error {
+    constructor(...args) {
+      super(...args);
+      this.name = 'GOVUKFrontendError';
+    }
+  }
+  class SupportError extends GOVUKFrontendError {
+    /**
+     * Checks if GOV.UK Frontend is supported on this page
+     *
+     * @param {HTMLElement | null} [$scope] - HTML element `<body>` checked for browser support
+     */
+    constructor($scope = document.body) {
+      const supportMessage = 'noModule' in HTMLScriptElement.prototype ? 'GOV.UK Frontend initialised without `<body class="govuk-frontend-supported">` from template `<script>` snippet' : 'GOV.UK Frontend is not supported in this browser';
+      super($scope ? supportMessage : 'GOV.UK Frontend initialised without `<script type="module">`');
+      this.name = 'SupportError';
+    }
+  }
+  class ElementError extends GOVUKFrontendError {
+    constructor(messageOrOptions) {
+      let message = typeof messageOrOptions === 'string' ? messageOrOptions : '';
+      if (isObject(messageOrOptions)) {
+        const {
+          component,
+          identifier,
+          element,
+          expectedType
+        } = messageOrOptions;
+        message = identifier;
+        message += element ? ` is not of type ${expectedType != null ? expectedType : 'HTMLElement'}` : ' not found';
+        if (component) {
+          message = formatErrorMessage(component, message);
+        }
+      }
+      super(message);
+      this.name = 'ElementError';
+    }
+  }
+  class InitError extends GOVUKFrontendError {
+    constructor(componentOrMessage) {
+      const message = typeof componentOrMessage === 'string' ? componentOrMessage : formatErrorMessage(componentOrMessage, `Root element (\`$root\`) already initialised`);
+      super(message);
+      this.name = 'InitError';
+    }
+  }
+  /**
+   * @import { ComponentWithModuleName } from '../common/index.mjs'
+   */
+
+  class Component {
+    /**
+     * Returns the root element of the component
+     *
+     * @protected
+     * @returns {RootElementType} - the root element of component
+     */
+    get $root() {
+      return this._$root;
+    }
+    constructor($root) {
+      this._$root = void 0;
+      const childConstructor = this.constructor;
+      if (typeof childConstructor.moduleName !== 'string') {
+        throw new InitError(`\`moduleName\` not defined in component`);
+      }
+      if (!($root instanceof childConstructor.elementType)) {
+        throw new ElementError({
+          element: $root,
+          component: childConstructor,
+          identifier: 'Root element (`$root`)',
+          expectedType: childConstructor.elementType.name
+        });
+      } else {
+        this._$root = $root;
+      }
+      childConstructor.checkSupport();
+      this.checkInitialised();
+      const moduleName = childConstructor.moduleName;
+      this.$root.setAttribute(`data-${moduleName}-init`, '');
+    }
+    checkInitialised() {
+      const constructor = this.constructor;
+      const moduleName = constructor.moduleName;
+      if (moduleName && isInitialised(this.$root, moduleName)) {
+        throw new InitError(constructor);
+      }
+    }
+    static checkSupport() {
+      if (!isSupported()) {
+        throw new SupportError();
+      }
+    }
+  }
+
+  /**
+   * @typedef ChildClass
+   * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component
+   */
+
+  /**
+   * @typedef {typeof Component & ChildClass} ChildClassConstructor
+   */
+  Component.elementType = HTMLElement;
+
+  /**
+   * Service Navigation component
+   *
+   * @preserve
+   */
+  class ServiceNavigation extends Component {
+    /**
+     * @param {Element | null} $root - HTML element to use for header
+     */
+    constructor($root) {
+      super($root);
+      this.$menuButton = void 0;
+      this.$menu = void 0;
+      this.menuIsOpen = false;
+      this.mql = null;
+      const $menuButton = this.$root.querySelector('.govuk-js-service-navigation-toggle');
+      if (!$menuButton) {
+        return this;
+      }
+      const menuId = $menuButton.getAttribute('aria-controls');
+      if (!menuId) {
+        throw new ElementError({
+          component: ServiceNavigation,
+          identifier: 'Navigation button (`<button class="govuk-js-service-navigation-toggle">`) attribute (`aria-controls`)'
+        });
+      }
+      const $menu = document.getElementById(menuId);
+      if (!$menu) {
+        throw new ElementError({
+          component: ServiceNavigation,
+          element: $menu,
+          identifier: `Navigation (\`<ul id="${menuId}">\`)`
+        });
+      }
+      this.$menu = $menu;
+      this.$menuButton = $menuButton;
+      this.setupResponsiveChecks();
+      this.$menuButton.addEventListener('click', () => this.handleMenuButtonClick());
+    }
+    setupResponsiveChecks() {
+      const breakpoint = getBreakpoint('tablet');
+      if (!breakpoint.value) {
+        throw new ElementError({
+          component: ServiceNavigation,
+          identifier: `CSS custom property (\`${breakpoint.property}\`) on pseudo-class \`:root\``
+        });
+      }
+      this.mql = window.matchMedia(`(min-width: ${breakpoint.value})`);
+      if ('addEventListener' in this.mql) {
+        this.mql.addEventListener('change', () => this.checkMode());
+      } else {
+        this.mql.addListener(() => this.checkMode());
+      }
+      this.checkMode();
+    }
+    checkMode() {
+      if (!this.mql || !this.$menu || !this.$menuButton) {
+        return;
+      }
+      if (this.mql.matches) {
+        this.$menu.removeAttribute('hidden');
+        this.$menuButton.setAttribute('hidden', '');
+      } else {
+        this.$menuButton.removeAttribute('hidden');
+        this.$menuButton.setAttribute('aria-expanded', this.menuIsOpen.toString());
+        if (this.menuIsOpen) {
+          this.$menu.removeAttribute('hidden');
+        } else {
+          this.$menu.setAttribute('hidden', '');
+        }
+      }
+    }
+    handleMenuButtonClick() {
+      this.menuIsOpen = !this.menuIsOpen;
+      this.checkMode();
+    }
+  }
+  ServiceNavigation.moduleName = 'govuk-service-navigation';
+
+  exports.ServiceNavigation = ServiceNavigation;
+
+}));
+//# sourceMappingURL=service-navigation.bundle.js.map
diff --git a/app/templates/govuk/components/service-navigation/service-navigation.bundle.js.map b/app/templates/govuk/components/service-navigation/service-navigation.bundle.js.map
new file mode 100644
index 0000000..4571a50
--- /dev/null
+++ b/app/templates/govuk/components/service-navigation/service-navigation.bundle.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"service-navigation.bundle.js","sources":["../../../../src/govuk/common/index.mjs","../../../../src/govuk/errors/index.mjs","../../../../src/govuk/component.mjs","../../../../src/govuk/components/service-navigation/service-navigation.mjs"],"sourcesContent":["/**\n * Common helpers which do not require polyfill.\n *\n * IMPORTANT: If a helper require a polyfill, please isolate it in its own module\n * so that the polyfill can be properly tree-shaken and does not burden\n * the components that do not need that helper\n */\n\n/**\n * Get GOV.UK Frontend breakpoint value from CSS custom property\n *\n * @private\n * @param {string} name - Breakpoint name\n * @returns {{ property: string, value?: string }} Breakpoint object\n */\nexport function getBreakpoint(name) {\n  const property = `--govuk-breakpoint-${name}`\n\n  // Get value from `<html>` with breakpoints on CSS :root\n  const value = window\n    .getComputedStyle(document.documentElement)\n    .getPropertyValue(property)\n\n  return {\n    property,\n    value: value || undefined\n  }\n}\n\n/**\n * Move focus to element\n *\n * Sets tabindex to -1 to make the element programmatically focusable,\n * but removes it on blur as the element doesn't need to be focused again.\n *\n * @private\n * @template {HTMLElement} FocusElement\n * @param {FocusElement} $element - HTML element\n * @param {object} [options] - Handler options\n * @param {function(this: FocusElement): void} [options.onBeforeFocus] - Callback before focus\n * @param {function(this: FocusElement): void} [options.onBlur] - Callback on blur\n */\nexport function setFocus($element, options = {}) {\n  const isFocusable = $element.getAttribute('tabindex')\n\n  if (!isFocusable) {\n    $element.setAttribute('tabindex', '-1')\n  }\n\n  /**\n   * Handle element focus\n   */\n  function onFocus() {\n    $element.addEventListener('blur', onBlur, { once: true })\n  }\n\n  /**\n   * Handle element blur\n   */\n  function onBlur() {\n    options.onBlur?.call($element)\n\n    if (!isFocusable) {\n      $element.removeAttribute('tabindex')\n    }\n  }\n\n  // Add listener to reset element on blur, after focus\n  $element.addEventListener('focus', onFocus, { once: true })\n\n  // Focus element\n  options.onBeforeFocus?.call($element)\n  $element.focus()\n}\n\n/**\n * Checks if component is already initialised\n *\n * @internal\n * @param {Element} $root - HTML element to be checked\n * @param {string} moduleName - name of component module\n * @returns {boolean} Whether component is already initialised\n */\nexport function isInitialised($root, moduleName) {\n  return (\n    $root instanceof HTMLElement &&\n    $root.hasAttribute(`data-${moduleName}-init`)\n  )\n}\n\n/**\n * Checks if GOV.UK Frontend is supported on this page\n *\n * Some browsers will load and run our JavaScript but GOV.UK Frontend\n * won't be supported.\n *\n * @param {HTMLElement | null} [$scope] - (internal) `<body>` HTML element checked for browser support\n * @returns {boolean} Whether GOV.UK Frontend is supported on this page\n */\nexport function isSupported($scope = document.body) {\n  if (!$scope) {\n    return false\n  }\n\n  return $scope.classList.contains('govuk-frontend-supported')\n}\n\n/**\n * Check for an array\n *\n * @internal\n * @param {unknown} option - Option to check\n * @returns {boolean} Whether the option is an array\n */\nfunction isArray(option) {\n  return Array.isArray(option)\n}\n\n/**\n * Check for an object\n *\n * @internal\n * @template {Partial<Record<keyof ObjectType, unknown>>} ObjectType\n * @param {unknown | ObjectType} option - Option to check\n * @returns {option is ObjectType} Whether the option is an object\n */\nexport function isObject(option) {\n  return !!option && typeof option === 'object' && !isArray(option)\n}\n\n/**\n * Check for valid scope\n *\n * @internal\n * @template {Element | Document} ScopeType\n * @param {unknown | ScopeType} $scope - Scope of the document to search within\n * @returns {$scope is ScopeType} Whether the scope can be queried\n */\nexport function isScope($scope) {\n  return !!$scope && ($scope instanceof Element || $scope instanceof Document)\n}\n\n/**\n * Format error message\n *\n * @internal\n * @param {ComponentWithModuleName} Component - Component that threw the error\n * @param {string} message - Error message\n * @returns {string} - Formatted error message\n */\nexport function formatErrorMessage(Component, message) {\n  return `${Component.moduleName}: ${message}`\n}\n\n/* eslint-disable jsdoc/valid-types --\n * `{new(...args: any[] ): object}` is not recognised as valid\n * https://github.com/gajus/eslint-plugin-jsdoc/issues/145#issuecomment-1308722878\n * https://github.com/jsdoc-type-pratt-parser/jsdoc-type-pratt-parser/issues/131\n **/\n\n/**\n * @typedef ComponentWithModuleName\n * @property {string} moduleName - Name of the component\n */\n\n/* eslint-enable jsdoc/valid-types */\n","import { formatErrorMessage, isObject } from '../common/index.mjs'\n\n/**\n * GOV.UK Frontend error\n *\n * A base class for `Error`s thrown by GOV.UK Frontend.\n *\n * It is meant to be extended into specific types of errors\n * to be thrown by our code.\n *\n * @example\n * ```js\n * class MissingRootError extends GOVUKFrontendError {\n *   // Setting an explicit name is important as extending the class will not\n *   // set a new `name` on the subclass. The `name` property is important\n *   // to ensure intelligible error names even if the class name gets\n *   // mangled by a minifier\n *   name = \"MissingRootError\"\n * }\n * ```\n * @virtual\n */\nexport class GOVUKFrontendError extends Error {\n  name = 'GOVUKFrontendError'\n}\n\n/**\n * Indicates that GOV.UK Frontend is not supported\n */\nexport class SupportError extends GOVUKFrontendError {\n  name = 'SupportError'\n\n  /**\n   * Checks if GOV.UK Frontend is supported on this page\n   *\n   * @param {HTMLElement | null} [$scope] - HTML element `<body>` checked for browser support\n   */\n  constructor($scope = document.body) {\n    const supportMessage =\n      'noModule' in HTMLScriptElement.prototype\n        ? 'GOV.UK Frontend initialised without `<body class=\"govuk-frontend-supported\">` from template `<script>` snippet'\n        : 'GOV.UK Frontend is not supported in this browser'\n\n    super(\n      $scope\n        ? supportMessage\n        : 'GOV.UK Frontend initialised without `<script type=\"module\">`'\n    )\n  }\n}\n\n/**\n * Indicates that a component has received an illegal configuration\n */\nexport class ConfigError extends GOVUKFrontendError {\n  name = 'ConfigError'\n}\n\n/**\n * Indicates an issue with an element (possibly `null` or `undefined`)\n */\nexport class ElementError extends GOVUKFrontendError {\n  name = 'ElementError'\n\n  /**\n   * @internal\n   * @overload\n   * @param {string} message - Element error message\n   */\n\n  /**\n   * @internal\n   * @overload\n   * @param {ElementErrorOptions} options - Element error options\n   */\n\n  /**\n   * @internal\n   * @param {string | ElementErrorOptions} messageOrOptions - Element error message or options\n   */\n  constructor(messageOrOptions) {\n    let message = typeof messageOrOptions === 'string' ? messageOrOptions : ''\n\n    // Build message from options\n    if (isObject(messageOrOptions)) {\n      const { component, identifier, element, expectedType } = messageOrOptions\n\n      message = identifier\n\n      // Append reason\n      message += element\n        ? ` is not of type ${expectedType ?? 'HTMLElement'}`\n        : ' not found'\n\n      // Prepend with module name (optional)\n      if (component) {\n        message = formatErrorMessage(component, message)\n      }\n    }\n\n    super(message)\n  }\n}\n\n/**\n * Indicates that a component is already initialised\n */\nexport class InitError extends GOVUKFrontendError {\n  name = 'InitError'\n\n  /**\n   * @internal\n   * @param {ComponentWithModuleName | string} componentOrMessage - name of the component module\n   */\n  constructor(componentOrMessage) {\n    const message =\n      typeof componentOrMessage === 'string'\n        ? componentOrMessage\n        : formatErrorMessage(\n            componentOrMessage,\n            `Root element (\\`$root\\`) already initialised`\n          )\n\n    super(message)\n  }\n}\n\n/**\n * Element error options\n *\n * @internal\n * @typedef {object} ElementErrorOptions\n * @property {Element | Document | null} [element] - The element in error (optional)\n * @property {ComponentWithModuleName} [component] - Component throwing the error (optional)\n * @property {string} identifier - An identifier that'll let the user understand which element has an error. This is whatever makes the most sense\n * @property {string} [expectedType] - The type that was expected for the identifier (optional)\n */\n\n/**\n * @import { ComponentWithModuleName } from '../common/index.mjs'\n */\n","import { isInitialised, isSupported } from './common/index.mjs'\nimport { ElementError, InitError, SupportError } from './errors/index.mjs'\n\n/**\n * Base Component class\n *\n * Centralises the behaviours shared by our components\n *\n * @virtual\n * @template {Element} [RootElementType=HTMLElement]\n */\nexport class Component {\n  /**\n   * @type {typeof Element}\n   */\n  static elementType = HTMLElement\n\n  // allows Typescript user to work around the lack of types\n  // in GOVUKFrontend package, Typescript is not aware of $root\n  // in components that extend GOVUKFrontendComponent\n  /**\n   * Returns the root element of the component\n   *\n   * @protected\n   * @returns {RootElementType} - the root element of component\n   */\n  get $root() {\n    return this._$root\n  }\n\n  /**\n   * @protected\n   * @type {RootElementType}\n   */\n  _$root\n\n  /**\n   * Constructs a new component, validating that GOV.UK Frontend is supported\n   *\n   * @internal\n   * @param {Element | null} [$root] - HTML element to use for component\n   */\n  constructor($root) {\n    const childConstructor = /** @type {ChildClassConstructor} */ (\n      this.constructor\n    )\n\n    // TypeScript does not enforce that inheriting classes will define a `moduleName`\n    // (even if we add a `@virtual` `static moduleName` property to this class).\n    // While we trust users to do this correctly, we do a little check to provide them\n    // a helpful error message.\n    //\n    // After this, we'll be sure that `childConstructor` has a `moduleName`\n    // as expected of the `ChildClassConstructor` we've cast `this.constructor` to.\n    if (typeof childConstructor.moduleName !== 'string') {\n      throw new InitError(`\\`moduleName\\` not defined in component`)\n    }\n\n    if (!($root instanceof childConstructor.elementType)) {\n      throw new ElementError({\n        element: $root,\n        component: childConstructor,\n        identifier: 'Root element (`$root`)',\n        expectedType: childConstructor.elementType.name\n      })\n    } else {\n      this._$root = /** @type {RootElementType} */ ($root)\n    }\n\n    childConstructor.checkSupport()\n\n    this.checkInitialised()\n\n    const moduleName = childConstructor.moduleName\n\n    this.$root.setAttribute(`data-${moduleName}-init`, '')\n  }\n\n  /**\n   * Validates whether component is already initialised\n   *\n   * @private\n   * @throws {InitError} when component is already initialised\n   */\n  checkInitialised() {\n    const constructor = /** @type {ChildClassConstructor} */ (this.constructor)\n    const moduleName = constructor.moduleName\n\n    if (moduleName && isInitialised(this.$root, moduleName)) {\n      throw new InitError(constructor)\n    }\n  }\n\n  /**\n   * Validates whether components are supported\n   *\n   * @throws {SupportError} when the components are not supported\n   */\n  static checkSupport() {\n    if (!isSupported()) {\n      throw new SupportError()\n    }\n  }\n}\n\n/**\n * @typedef ChildClass\n * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component\n */\n\n/**\n * @typedef {typeof Component & ChildClass} ChildClassConstructor\n */\n","import { getBreakpoint } from '../../common/index.mjs'\nimport { Component } from '../../component.mjs'\nimport { ElementError } from '../../errors/index.mjs'\n\n/**\n * Service Navigation component\n *\n * @preserve\n */\nexport class ServiceNavigation extends Component {\n  /** @private */\n  $menuButton\n\n  /** @private */\n  $menu\n\n  /**\n   * Remember the open/closed state of the nav so we can maintain it when the\n   * screen is resized.\n   *\n   * @private\n   */\n  menuIsOpen = false\n\n  /**\n   * A global const for storing a matchMedia instance which we'll use to detect\n   * when a screen size change happens. We rely on it being null if the feature\n   * isn't available to initially apply hidden attributes\n   *\n   * @private\n   * @type {MediaQueryList | null}\n   */\n  mql = null\n\n  /**\n   * @param {Element | null} $root - HTML element to use for header\n   */\n  constructor($root) {\n    super($root)\n\n    const $menuButton = this.$root.querySelector(\n      '.govuk-js-service-navigation-toggle'\n    )\n\n    // Headers don't necessarily have a navigation. When they don't, the menu\n    // toggle won't be rendered by our macro (or may be omitted when writing\n    // plain HTML)\n    if (!$menuButton) {\n      return this\n    }\n\n    const menuId = $menuButton.getAttribute('aria-controls')\n    if (!menuId) {\n      throw new ElementError({\n        component: ServiceNavigation,\n        identifier:\n          'Navigation button (`<button class=\"govuk-js-service-navigation-toggle\">`) attribute (`aria-controls`)'\n      })\n    }\n\n    const $menu = document.getElementById(menuId)\n    if (!$menu) {\n      throw new ElementError({\n        component: ServiceNavigation,\n        element: $menu,\n        identifier: `Navigation (\\`<ul id=\"${menuId}\">\\`)`\n      })\n    }\n\n    this.$menu = $menu\n    this.$menuButton = $menuButton\n\n    this.setupResponsiveChecks()\n\n    this.$menuButton.addEventListener('click', () =>\n      this.handleMenuButtonClick()\n    )\n  }\n\n  /**\n   * Setup viewport resize check\n   *\n   * @private\n   */\n  setupResponsiveChecks() {\n    const breakpoint = getBreakpoint('tablet')\n\n    if (!breakpoint.value) {\n      throw new ElementError({\n        component: ServiceNavigation,\n        identifier: `CSS custom property (\\`${breakpoint.property}\\`) on pseudo-class \\`:root\\``\n      })\n    }\n\n    // Media query list for GOV.UK Frontend desktop breakpoint\n    this.mql = window.matchMedia(`(min-width: ${breakpoint.value})`)\n\n    // MediaQueryList.addEventListener isn't supported by Safari < 14 so we need\n    // to be able to fall back to the deprecated MediaQueryList.addListener\n    if ('addEventListener' in this.mql) {\n      this.mql.addEventListener('change', () => this.checkMode())\n    } else {\n      // @ts-expect-error Property 'addListener' does not exist\n      // eslint-disable-next-line @typescript-eslint/no-unsafe-call\n      this.mql.addListener(() => this.checkMode())\n    }\n\n    this.checkMode()\n  }\n\n  /**\n   * Sync menu state\n   *\n   * Uses the global variable menuIsOpen to correctly set the accessible and\n   * visual states of the menu and the menu button.\n   * Additionally will force the menu to be visible and the menu button to be\n   * hidden if the matchMedia is triggered to desktop.\n   *\n   * @private\n   */\n  checkMode() {\n    if (!this.mql || !this.$menu || !this.$menuButton) {\n      return\n    }\n\n    if (this.mql.matches) {\n      this.$menu.removeAttribute('hidden')\n      this.$menuButton.setAttribute('hidden', '')\n    } else {\n      this.$menuButton.removeAttribute('hidden')\n      this.$menuButton.setAttribute('aria-expanded', this.menuIsOpen.toString())\n\n      if (this.menuIsOpen) {\n        this.$menu.removeAttribute('hidden')\n      } else {\n        this.$menu.setAttribute('hidden', '')\n      }\n    }\n  }\n\n  /**\n   * Handle menu button click\n   *\n   * When the menu button is clicked, change the visibility of the menu and then\n   * sync the accessibility state and menu button state\n   *\n   * @private\n   */\n  handleMenuButtonClick() {\n    this.menuIsOpen = !this.menuIsOpen\n    this.checkMode()\n  }\n\n  /**\n   * Name for the component used when initialising using data-module attributes.\n   */\n  static moduleName = 'govuk-service-navigation'\n}\n"],"names":["getBreakpoint","name","property","value","window","getComputedStyle","document","documentElement","getPropertyValue","undefined","isInitialised","$root","moduleName","HTMLElement","hasAttribute","isSupported","$scope","body","classList","contains","isArray","option","Array","isObject","formatErrorMessage","Component","message","GOVUKFrontendError","Error","constructor","args","SupportError","supportMessage","HTMLScriptElement","prototype","ElementError","messageOrOptions","component","identifier","element","expectedType","InitError","componentOrMessage","_$root","childConstructor","elementType","checkSupport","checkInitialised","setAttribute","ServiceNavigation","$menuButton","$menu","menuIsOpen","mql","querySelector","menuId","getAttribute","getElementById","setupResponsiveChecks","addEventListener","handleMenuButtonClick","breakpoint","matchMedia","checkMode","addListener","matches","removeAttribute","toString"],"mappings":"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"}
\ No newline at end of file
diff --git a/app/templates/govuk/components/service-navigation/service-navigation.bundle.mjs b/app/templates/govuk/components/service-navigation/service-navigation.bundle.mjs
new file mode 100644
index 0000000..ae23352
--- /dev/null
+++ b/app/templates/govuk/components/service-navigation/service-navigation.bundle.mjs
@@ -0,0 +1,226 @@
+function getBreakpoint(name) {
+  const property = `--govuk-breakpoint-${name}`;
+  const value = window.getComputedStyle(document.documentElement).getPropertyValue(property);
+  return {
+    property,
+    value: value || undefined
+  };
+}
+function isInitialised($root, moduleName) {
+  return $root instanceof HTMLElement && $root.hasAttribute(`data-${moduleName}-init`);
+}
+
+/**
+ * Checks if GOV.UK Frontend is supported on this page
+ *
+ * Some browsers will load and run our JavaScript but GOV.UK Frontend
+ * won't be supported.
+ *
+ * @param {HTMLElement | null} [$scope] - (internal) `<body>` HTML element checked for browser support
+ * @returns {boolean} Whether GOV.UK Frontend is supported on this page
+ */
+function isSupported($scope = document.body) {
+  if (!$scope) {
+    return false;
+  }
+  return $scope.classList.contains('govuk-frontend-supported');
+}
+function isArray(option) {
+  return Array.isArray(option);
+}
+function isObject(option) {
+  return !!option && typeof option === 'object' && !isArray(option);
+}
+function formatErrorMessage(Component, message) {
+  return `${Component.moduleName}: ${message}`;
+}
+/**
+ * @typedef ComponentWithModuleName
+ * @property {string} moduleName - Name of the component
+ */
+
+class GOVUKFrontendError extends Error {
+  constructor(...args) {
+    super(...args);
+    this.name = 'GOVUKFrontendError';
+  }
+}
+class SupportError extends GOVUKFrontendError {
+  /**
+   * Checks if GOV.UK Frontend is supported on this page
+   *
+   * @param {HTMLElement | null} [$scope] - HTML element `<body>` checked for browser support
+   */
+  constructor($scope = document.body) {
+    const supportMessage = 'noModule' in HTMLScriptElement.prototype ? 'GOV.UK Frontend initialised without `<body class="govuk-frontend-supported">` from template `<script>` snippet' : 'GOV.UK Frontend is not supported in this browser';
+    super($scope ? supportMessage : 'GOV.UK Frontend initialised without `<script type="module">`');
+    this.name = 'SupportError';
+  }
+}
+class ElementError extends GOVUKFrontendError {
+  constructor(messageOrOptions) {
+    let message = typeof messageOrOptions === 'string' ? messageOrOptions : '';
+    if (isObject(messageOrOptions)) {
+      const {
+        component,
+        identifier,
+        element,
+        expectedType
+      } = messageOrOptions;
+      message = identifier;
+      message += element ? ` is not of type ${expectedType != null ? expectedType : 'HTMLElement'}` : ' not found';
+      if (component) {
+        message = formatErrorMessage(component, message);
+      }
+    }
+    super(message);
+    this.name = 'ElementError';
+  }
+}
+class InitError extends GOVUKFrontendError {
+  constructor(componentOrMessage) {
+    const message = typeof componentOrMessage === 'string' ? componentOrMessage : formatErrorMessage(componentOrMessage, `Root element (\`$root\`) already initialised`);
+    super(message);
+    this.name = 'InitError';
+  }
+}
+/**
+ * @import { ComponentWithModuleName } from '../common/index.mjs'
+ */
+
+class Component {
+  /**
+   * Returns the root element of the component
+   *
+   * @protected
+   * @returns {RootElementType} - the root element of component
+   */
+  get $root() {
+    return this._$root;
+  }
+  constructor($root) {
+    this._$root = void 0;
+    const childConstructor = this.constructor;
+    if (typeof childConstructor.moduleName !== 'string') {
+      throw new InitError(`\`moduleName\` not defined in component`);
+    }
+    if (!($root instanceof childConstructor.elementType)) {
+      throw new ElementError({
+        element: $root,
+        component: childConstructor,
+        identifier: 'Root element (`$root`)',
+        expectedType: childConstructor.elementType.name
+      });
+    } else {
+      this._$root = $root;
+    }
+    childConstructor.checkSupport();
+    this.checkInitialised();
+    const moduleName = childConstructor.moduleName;
+    this.$root.setAttribute(`data-${moduleName}-init`, '');
+  }
+  checkInitialised() {
+    const constructor = this.constructor;
+    const moduleName = constructor.moduleName;
+    if (moduleName && isInitialised(this.$root, moduleName)) {
+      throw new InitError(constructor);
+    }
+  }
+  static checkSupport() {
+    if (!isSupported()) {
+      throw new SupportError();
+    }
+  }
+}
+
+/**
+ * @typedef ChildClass
+ * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component
+ */
+
+/**
+ * @typedef {typeof Component & ChildClass} ChildClassConstructor
+ */
+Component.elementType = HTMLElement;
+
+/**
+ * Service Navigation component
+ *
+ * @preserve
+ */
+class ServiceNavigation extends Component {
+  /**
+   * @param {Element | null} $root - HTML element to use for header
+   */
+  constructor($root) {
+    super($root);
+    this.$menuButton = void 0;
+    this.$menu = void 0;
+    this.menuIsOpen = false;
+    this.mql = null;
+    const $menuButton = this.$root.querySelector('.govuk-js-service-navigation-toggle');
+    if (!$menuButton) {
+      return this;
+    }
+    const menuId = $menuButton.getAttribute('aria-controls');
+    if (!menuId) {
+      throw new ElementError({
+        component: ServiceNavigation,
+        identifier: 'Navigation button (`<button class="govuk-js-service-navigation-toggle">`) attribute (`aria-controls`)'
+      });
+    }
+    const $menu = document.getElementById(menuId);
+    if (!$menu) {
+      throw new ElementError({
+        component: ServiceNavigation,
+        element: $menu,
+        identifier: `Navigation (\`<ul id="${menuId}">\`)`
+      });
+    }
+    this.$menu = $menu;
+    this.$menuButton = $menuButton;
+    this.setupResponsiveChecks();
+    this.$menuButton.addEventListener('click', () => this.handleMenuButtonClick());
+  }
+  setupResponsiveChecks() {
+    const breakpoint = getBreakpoint('tablet');
+    if (!breakpoint.value) {
+      throw new ElementError({
+        component: ServiceNavigation,
+        identifier: `CSS custom property (\`${breakpoint.property}\`) on pseudo-class \`:root\``
+      });
+    }
+    this.mql = window.matchMedia(`(min-width: ${breakpoint.value})`);
+    if ('addEventListener' in this.mql) {
+      this.mql.addEventListener('change', () => this.checkMode());
+    } else {
+      this.mql.addListener(() => this.checkMode());
+    }
+    this.checkMode();
+  }
+  checkMode() {
+    if (!this.mql || !this.$menu || !this.$menuButton) {
+      return;
+    }
+    if (this.mql.matches) {
+      this.$menu.removeAttribute('hidden');
+      this.$menuButton.setAttribute('hidden', '');
+    } else {
+      this.$menuButton.removeAttribute('hidden');
+      this.$menuButton.setAttribute('aria-expanded', this.menuIsOpen.toString());
+      if (this.menuIsOpen) {
+        this.$menu.removeAttribute('hidden');
+      } else {
+        this.$menu.setAttribute('hidden', '');
+      }
+    }
+  }
+  handleMenuButtonClick() {
+    this.menuIsOpen = !this.menuIsOpen;
+    this.checkMode();
+  }
+}
+ServiceNavigation.moduleName = 'govuk-service-navigation';
+
+export { ServiceNavigation };
+//# sourceMappingURL=service-navigation.bundle.mjs.map
diff --git a/app/templates/govuk/components/service-navigation/service-navigation.bundle.mjs.map b/app/templates/govuk/components/service-navigation/service-navigation.bundle.mjs.map
new file mode 100644
index 0000000..1ee73ef
--- /dev/null
+++ b/app/templates/govuk/components/service-navigation/service-navigation.bundle.mjs.map
@@ -0,0 +1 @@
+{"version":3,"file":"service-navigation.bundle.mjs","sources":["../../../../src/govuk/common/index.mjs","../../../../src/govuk/errors/index.mjs","../../../../src/govuk/component.mjs","../../../../src/govuk/components/service-navigation/service-navigation.mjs"],"sourcesContent":["/**\n * Common helpers which do not require polyfill.\n *\n * IMPORTANT: If a helper require a polyfill, please isolate it in its own module\n * so that the polyfill can be properly tree-shaken and does not burden\n * the components that do not need that helper\n */\n\n/**\n * Get GOV.UK Frontend breakpoint value from CSS custom property\n *\n * @private\n * @param {string} name - Breakpoint name\n * @returns {{ property: string, value?: string }} Breakpoint object\n */\nexport function getBreakpoint(name) {\n  const property = `--govuk-breakpoint-${name}`\n\n  // Get value from `<html>` with breakpoints on CSS :root\n  const value = window\n    .getComputedStyle(document.documentElement)\n    .getPropertyValue(property)\n\n  return {\n    property,\n    value: value || undefined\n  }\n}\n\n/**\n * Move focus to element\n *\n * Sets tabindex to -1 to make the element programmatically focusable,\n * but removes it on blur as the element doesn't need to be focused again.\n *\n * @private\n * @template {HTMLElement} FocusElement\n * @param {FocusElement} $element - HTML element\n * @param {object} [options] - Handler options\n * @param {function(this: FocusElement): void} [options.onBeforeFocus] - Callback before focus\n * @param {function(this: FocusElement): void} [options.onBlur] - Callback on blur\n */\nexport function setFocus($element, options = {}) {\n  const isFocusable = $element.getAttribute('tabindex')\n\n  if (!isFocusable) {\n    $element.setAttribute('tabindex', '-1')\n  }\n\n  /**\n   * Handle element focus\n   */\n  function onFocus() {\n    $element.addEventListener('blur', onBlur, { once: true })\n  }\n\n  /**\n   * Handle element blur\n   */\n  function onBlur() {\n    options.onBlur?.call($element)\n\n    if (!isFocusable) {\n      $element.removeAttribute('tabindex')\n    }\n  }\n\n  // Add listener to reset element on blur, after focus\n  $element.addEventListener('focus', onFocus, { once: true })\n\n  // Focus element\n  options.onBeforeFocus?.call($element)\n  $element.focus()\n}\n\n/**\n * Checks if component is already initialised\n *\n * @internal\n * @param {Element} $root - HTML element to be checked\n * @param {string} moduleName - name of component module\n * @returns {boolean} Whether component is already initialised\n */\nexport function isInitialised($root, moduleName) {\n  return (\n    $root instanceof HTMLElement &&\n    $root.hasAttribute(`data-${moduleName}-init`)\n  )\n}\n\n/**\n * Checks if GOV.UK Frontend is supported on this page\n *\n * Some browsers will load and run our JavaScript but GOV.UK Frontend\n * won't be supported.\n *\n * @param {HTMLElement | null} [$scope] - (internal) `<body>` HTML element checked for browser support\n * @returns {boolean} Whether GOV.UK Frontend is supported on this page\n */\nexport function isSupported($scope = document.body) {\n  if (!$scope) {\n    return false\n  }\n\n  return $scope.classList.contains('govuk-frontend-supported')\n}\n\n/**\n * Check for an array\n *\n * @internal\n * @param {unknown} option - Option to check\n * @returns {boolean} Whether the option is an array\n */\nfunction isArray(option) {\n  return Array.isArray(option)\n}\n\n/**\n * Check for an object\n *\n * @internal\n * @template {Partial<Record<keyof ObjectType, unknown>>} ObjectType\n * @param {unknown | ObjectType} option - Option to check\n * @returns {option is ObjectType} Whether the option is an object\n */\nexport function isObject(option) {\n  return !!option && typeof option === 'object' && !isArray(option)\n}\n\n/**\n * Check for valid scope\n *\n * @internal\n * @template {Element | Document} ScopeType\n * @param {unknown | ScopeType} $scope - Scope of the document to search within\n * @returns {$scope is ScopeType} Whether the scope can be queried\n */\nexport function isScope($scope) {\n  return !!$scope && ($scope instanceof Element || $scope instanceof Document)\n}\n\n/**\n * Format error message\n *\n * @internal\n * @param {ComponentWithModuleName} Component - Component that threw the error\n * @param {string} message - Error message\n * @returns {string} - Formatted error message\n */\nexport function formatErrorMessage(Component, message) {\n  return `${Component.moduleName}: ${message}`\n}\n\n/* eslint-disable jsdoc/valid-types --\n * `{new(...args: any[] ): object}` is not recognised as valid\n * https://github.com/gajus/eslint-plugin-jsdoc/issues/145#issuecomment-1308722878\n * https://github.com/jsdoc-type-pratt-parser/jsdoc-type-pratt-parser/issues/131\n **/\n\n/**\n * @typedef ComponentWithModuleName\n * @property {string} moduleName - Name of the component\n */\n\n/* eslint-enable jsdoc/valid-types */\n","import { formatErrorMessage, isObject } from '../common/index.mjs'\n\n/**\n * GOV.UK Frontend error\n *\n * A base class for `Error`s thrown by GOV.UK Frontend.\n *\n * It is meant to be extended into specific types of errors\n * to be thrown by our code.\n *\n * @example\n * ```js\n * class MissingRootError extends GOVUKFrontendError {\n *   // Setting an explicit name is important as extending the class will not\n *   // set a new `name` on the subclass. The `name` property is important\n *   // to ensure intelligible error names even if the class name gets\n *   // mangled by a minifier\n *   name = \"MissingRootError\"\n * }\n * ```\n * @virtual\n */\nexport class GOVUKFrontendError extends Error {\n  name = 'GOVUKFrontendError'\n}\n\n/**\n * Indicates that GOV.UK Frontend is not supported\n */\nexport class SupportError extends GOVUKFrontendError {\n  name = 'SupportError'\n\n  /**\n   * Checks if GOV.UK Frontend is supported on this page\n   *\n   * @param {HTMLElement | null} [$scope] - HTML element `<body>` checked for browser support\n   */\n  constructor($scope = document.body) {\n    const supportMessage =\n      'noModule' in HTMLScriptElement.prototype\n        ? 'GOV.UK Frontend initialised without `<body class=\"govuk-frontend-supported\">` from template `<script>` snippet'\n        : 'GOV.UK Frontend is not supported in this browser'\n\n    super(\n      $scope\n        ? supportMessage\n        : 'GOV.UK Frontend initialised without `<script type=\"module\">`'\n    )\n  }\n}\n\n/**\n * Indicates that a component has received an illegal configuration\n */\nexport class ConfigError extends GOVUKFrontendError {\n  name = 'ConfigError'\n}\n\n/**\n * Indicates an issue with an element (possibly `null` or `undefined`)\n */\nexport class ElementError extends GOVUKFrontendError {\n  name = 'ElementError'\n\n  /**\n   * @internal\n   * @overload\n   * @param {string} message - Element error message\n   */\n\n  /**\n   * @internal\n   * @overload\n   * @param {ElementErrorOptions} options - Element error options\n   */\n\n  /**\n   * @internal\n   * @param {string | ElementErrorOptions} messageOrOptions - Element error message or options\n   */\n  constructor(messageOrOptions) {\n    let message = typeof messageOrOptions === 'string' ? messageOrOptions : ''\n\n    // Build message from options\n    if (isObject(messageOrOptions)) {\n      const { component, identifier, element, expectedType } = messageOrOptions\n\n      message = identifier\n\n      // Append reason\n      message += element\n        ? ` is not of type ${expectedType ?? 'HTMLElement'}`\n        : ' not found'\n\n      // Prepend with module name (optional)\n      if (component) {\n        message = formatErrorMessage(component, message)\n      }\n    }\n\n    super(message)\n  }\n}\n\n/**\n * Indicates that a component is already initialised\n */\nexport class InitError extends GOVUKFrontendError {\n  name = 'InitError'\n\n  /**\n   * @internal\n   * @param {ComponentWithModuleName | string} componentOrMessage - name of the component module\n   */\n  constructor(componentOrMessage) {\n    const message =\n      typeof componentOrMessage === 'string'\n        ? componentOrMessage\n        : formatErrorMessage(\n            componentOrMessage,\n            `Root element (\\`$root\\`) already initialised`\n          )\n\n    super(message)\n  }\n}\n\n/**\n * Element error options\n *\n * @internal\n * @typedef {object} ElementErrorOptions\n * @property {Element | Document | null} [element] - The element in error (optional)\n * @property {ComponentWithModuleName} [component] - Component throwing the error (optional)\n * @property {string} identifier - An identifier that'll let the user understand which element has an error. This is whatever makes the most sense\n * @property {string} [expectedType] - The type that was expected for the identifier (optional)\n */\n\n/**\n * @import { ComponentWithModuleName } from '../common/index.mjs'\n */\n","import { isInitialised, isSupported } from './common/index.mjs'\nimport { ElementError, InitError, SupportError } from './errors/index.mjs'\n\n/**\n * Base Component class\n *\n * Centralises the behaviours shared by our components\n *\n * @virtual\n * @template {Element} [RootElementType=HTMLElement]\n */\nexport class Component {\n  /**\n   * @type {typeof Element}\n   */\n  static elementType = HTMLElement\n\n  // allows Typescript user to work around the lack of types\n  // in GOVUKFrontend package, Typescript is not aware of $root\n  // in components that extend GOVUKFrontendComponent\n  /**\n   * Returns the root element of the component\n   *\n   * @protected\n   * @returns {RootElementType} - the root element of component\n   */\n  get $root() {\n    return this._$root\n  }\n\n  /**\n   * @protected\n   * @type {RootElementType}\n   */\n  _$root\n\n  /**\n   * Constructs a new component, validating that GOV.UK Frontend is supported\n   *\n   * @internal\n   * @param {Element | null} [$root] - HTML element to use for component\n   */\n  constructor($root) {\n    const childConstructor = /** @type {ChildClassConstructor} */ (\n      this.constructor\n    )\n\n    // TypeScript does not enforce that inheriting classes will define a `moduleName`\n    // (even if we add a `@virtual` `static moduleName` property to this class).\n    // While we trust users to do this correctly, we do a little check to provide them\n    // a helpful error message.\n    //\n    // After this, we'll be sure that `childConstructor` has a `moduleName`\n    // as expected of the `ChildClassConstructor` we've cast `this.constructor` to.\n    if (typeof childConstructor.moduleName !== 'string') {\n      throw new InitError(`\\`moduleName\\` not defined in component`)\n    }\n\n    if (!($root instanceof childConstructor.elementType)) {\n      throw new ElementError({\n        element: $root,\n        component: childConstructor,\n        identifier: 'Root element (`$root`)',\n        expectedType: childConstructor.elementType.name\n      })\n    } else {\n      this._$root = /** @type {RootElementType} */ ($root)\n    }\n\n    childConstructor.checkSupport()\n\n    this.checkInitialised()\n\n    const moduleName = childConstructor.moduleName\n\n    this.$root.setAttribute(`data-${moduleName}-init`, '')\n  }\n\n  /**\n   * Validates whether component is already initialised\n   *\n   * @private\n   * @throws {InitError} when component is already initialised\n   */\n  checkInitialised() {\n    const constructor = /** @type {ChildClassConstructor} */ (this.constructor)\n    const moduleName = constructor.moduleName\n\n    if (moduleName && isInitialised(this.$root, moduleName)) {\n      throw new InitError(constructor)\n    }\n  }\n\n  /**\n   * Validates whether components are supported\n   *\n   * @throws {SupportError} when the components are not supported\n   */\n  static checkSupport() {\n    if (!isSupported()) {\n      throw new SupportError()\n    }\n  }\n}\n\n/**\n * @typedef ChildClass\n * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component\n */\n\n/**\n * @typedef {typeof Component & ChildClass} ChildClassConstructor\n */\n","import { getBreakpoint } from '../../common/index.mjs'\nimport { Component } from '../../component.mjs'\nimport { ElementError } from '../../errors/index.mjs'\n\n/**\n * Service Navigation component\n *\n * @preserve\n */\nexport class ServiceNavigation extends Component {\n  /** @private */\n  $menuButton\n\n  /** @private */\n  $menu\n\n  /**\n   * Remember the open/closed state of the nav so we can maintain it when the\n   * screen is resized.\n   *\n   * @private\n   */\n  menuIsOpen = false\n\n  /**\n   * A global const for storing a matchMedia instance which we'll use to detect\n   * when a screen size change happens. We rely on it being null if the feature\n   * isn't available to initially apply hidden attributes\n   *\n   * @private\n   * @type {MediaQueryList | null}\n   */\n  mql = null\n\n  /**\n   * @param {Element | null} $root - HTML element to use for header\n   */\n  constructor($root) {\n    super($root)\n\n    const $menuButton = this.$root.querySelector(\n      '.govuk-js-service-navigation-toggle'\n    )\n\n    // Headers don't necessarily have a navigation. When they don't, the menu\n    // toggle won't be rendered by our macro (or may be omitted when writing\n    // plain HTML)\n    if (!$menuButton) {\n      return this\n    }\n\n    const menuId = $menuButton.getAttribute('aria-controls')\n    if (!menuId) {\n      throw new ElementError({\n        component: ServiceNavigation,\n        identifier:\n          'Navigation button (`<button class=\"govuk-js-service-navigation-toggle\">`) attribute (`aria-controls`)'\n      })\n    }\n\n    const $menu = document.getElementById(menuId)\n    if (!$menu) {\n      throw new ElementError({\n        component: ServiceNavigation,\n        element: $menu,\n        identifier: `Navigation (\\`<ul id=\"${menuId}\">\\`)`\n      })\n    }\n\n    this.$menu = $menu\n    this.$menuButton = $menuButton\n\n    this.setupResponsiveChecks()\n\n    this.$menuButton.addEventListener('click', () =>\n      this.handleMenuButtonClick()\n    )\n  }\n\n  /**\n   * Setup viewport resize check\n   *\n   * @private\n   */\n  setupResponsiveChecks() {\n    const breakpoint = getBreakpoint('tablet')\n\n    if (!breakpoint.value) {\n      throw new ElementError({\n        component: ServiceNavigation,\n        identifier: `CSS custom property (\\`${breakpoint.property}\\`) on pseudo-class \\`:root\\``\n      })\n    }\n\n    // Media query list for GOV.UK Frontend desktop breakpoint\n    this.mql = window.matchMedia(`(min-width: ${breakpoint.value})`)\n\n    // MediaQueryList.addEventListener isn't supported by Safari < 14 so we need\n    // to be able to fall back to the deprecated MediaQueryList.addListener\n    if ('addEventListener' in this.mql) {\n      this.mql.addEventListener('change', () => this.checkMode())\n    } else {\n      // @ts-expect-error Property 'addListener' does not exist\n      // eslint-disable-next-line @typescript-eslint/no-unsafe-call\n      this.mql.addListener(() => this.checkMode())\n    }\n\n    this.checkMode()\n  }\n\n  /**\n   * Sync menu state\n   *\n   * Uses the global variable menuIsOpen to correctly set the accessible and\n   * visual states of the menu and the menu button.\n   * Additionally will force the menu to be visible and the menu button to be\n   * hidden if the matchMedia is triggered to desktop.\n   *\n   * @private\n   */\n  checkMode() {\n    if (!this.mql || !this.$menu || !this.$menuButton) {\n      return\n    }\n\n    if (this.mql.matches) {\n      this.$menu.removeAttribute('hidden')\n      this.$menuButton.setAttribute('hidden', '')\n    } else {\n      this.$menuButton.removeAttribute('hidden')\n      this.$menuButton.setAttribute('aria-expanded', this.menuIsOpen.toString())\n\n      if (this.menuIsOpen) {\n        this.$menu.removeAttribute('hidden')\n      } else {\n        this.$menu.setAttribute('hidden', '')\n      }\n    }\n  }\n\n  /**\n   * Handle menu button click\n   *\n   * When the menu button is clicked, change the visibility of the menu and then\n   * sync the accessibility state and menu button state\n   *\n   * @private\n   */\n  handleMenuButtonClick() {\n    this.menuIsOpen = !this.menuIsOpen\n    this.checkMode()\n  }\n\n  /**\n   * Name for the component used when initialising using data-module attributes.\n   */\n  static moduleName = 'govuk-service-navigation'\n}\n"],"names":["getBreakpoint","name","property","value","window","getComputedStyle","document","documentElement","getPropertyValue","undefined","isInitialised","$root","moduleName","HTMLElement","hasAttribute","isSupported","$scope","body","classList","contains","isArray","option","Array","isObject","formatErrorMessage","Component","message","GOVUKFrontendError","Error","constructor","args","SupportError","supportMessage","HTMLScriptElement","prototype","ElementError","messageOrOptions","component","identifier","element","expectedType","InitError","componentOrMessage","_$root","childConstructor","elementType","checkSupport","checkInitialised","setAttribute","ServiceNavigation","$menuButton","$menu","menuIsOpen","mql","querySelector","menuId","getAttribute","getElementById","setupResponsiveChecks","addEventListener","handleMenuButtonClick","breakpoint","matchMedia","checkMode","addListener","matches","removeAttribute","toString"],"mappings":"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"}
\ No newline at end of file
diff --git a/app/templates/govuk/components/service-navigation/service-navigation.mjs b/app/templates/govuk/components/service-navigation/service-navigation.mjs
new file mode 100644
index 0000000..675e72b
--- /dev/null
+++ b/app/templates/govuk/components/service-navigation/service-navigation.mjs
@@ -0,0 +1,85 @@
+import { getBreakpoint } from '../../common/index.mjs';
+import { Component } from '../../component.mjs';
+import { ElementError } from '../../errors/index.mjs';
+
+/**
+ * Service Navigation component
+ *
+ * @preserve
+ */
+class ServiceNavigation extends Component {
+  /**
+   * @param {Element | null} $root - HTML element to use for header
+   */
+  constructor($root) {
+    super($root);
+    this.$menuButton = void 0;
+    this.$menu = void 0;
+    this.menuIsOpen = false;
+    this.mql = null;
+    const $menuButton = this.$root.querySelector('.govuk-js-service-navigation-toggle');
+    if (!$menuButton) {
+      return this;
+    }
+    const menuId = $menuButton.getAttribute('aria-controls');
+    if (!menuId) {
+      throw new ElementError({
+        component: ServiceNavigation,
+        identifier: 'Navigation button (`<button class="govuk-js-service-navigation-toggle">`) attribute (`aria-controls`)'
+      });
+    }
+    const $menu = document.getElementById(menuId);
+    if (!$menu) {
+      throw new ElementError({
+        component: ServiceNavigation,
+        element: $menu,
+        identifier: `Navigation (\`<ul id="${menuId}">\`)`
+      });
+    }
+    this.$menu = $menu;
+    this.$menuButton = $menuButton;
+    this.setupResponsiveChecks();
+    this.$menuButton.addEventListener('click', () => this.handleMenuButtonClick());
+  }
+  setupResponsiveChecks() {
+    const breakpoint = getBreakpoint('tablet');
+    if (!breakpoint.value) {
+      throw new ElementError({
+        component: ServiceNavigation,
+        identifier: `CSS custom property (\`${breakpoint.property}\`) on pseudo-class \`:root\``
+      });
+    }
+    this.mql = window.matchMedia(`(min-width: ${breakpoint.value})`);
+    if ('addEventListener' in this.mql) {
+      this.mql.addEventListener('change', () => this.checkMode());
+    } else {
+      this.mql.addListener(() => this.checkMode());
+    }
+    this.checkMode();
+  }
+  checkMode() {
+    if (!this.mql || !this.$menu || !this.$menuButton) {
+      return;
+    }
+    if (this.mql.matches) {
+      this.$menu.removeAttribute('hidden');
+      this.$menuButton.setAttribute('hidden', '');
+    } else {
+      this.$menuButton.removeAttribute('hidden');
+      this.$menuButton.setAttribute('aria-expanded', this.menuIsOpen.toString());
+      if (this.menuIsOpen) {
+        this.$menu.removeAttribute('hidden');
+      } else {
+        this.$menu.setAttribute('hidden', '');
+      }
+    }
+  }
+  handleMenuButtonClick() {
+    this.menuIsOpen = !this.menuIsOpen;
+    this.checkMode();
+  }
+}
+ServiceNavigation.moduleName = 'govuk-service-navigation';
+
+export { ServiceNavigation };
+//# sourceMappingURL=service-navigation.mjs.map
diff --git a/app/templates/govuk/components/service-navigation/service-navigation.mjs.map b/app/templates/govuk/components/service-navigation/service-navigation.mjs.map
new file mode 100644
index 0000000..951ede1
--- /dev/null
+++ b/app/templates/govuk/components/service-navigation/service-navigation.mjs.map
@@ -0,0 +1 @@
+{"version":3,"file":"service-navigation.mjs","sources":["../../../../src/govuk/components/service-navigation/service-navigation.mjs"],"sourcesContent":["import { getBreakpoint } from '../../common/index.mjs'\nimport { Component } from '../../component.mjs'\nimport { ElementError } from '../../errors/index.mjs'\n\n/**\n * Service Navigation component\n *\n * @preserve\n */\nexport class ServiceNavigation extends Component {\n  /** @private */\n  $menuButton\n\n  /** @private */\n  $menu\n\n  /**\n   * Remember the open/closed state of the nav so we can maintain it when the\n   * screen is resized.\n   *\n   * @private\n   */\n  menuIsOpen = false\n\n  /**\n   * A global const for storing a matchMedia instance which we'll use to detect\n   * when a screen size change happens. We rely on it being null if the feature\n   * isn't available to initially apply hidden attributes\n   *\n   * @private\n   * @type {MediaQueryList | null}\n   */\n  mql = null\n\n  /**\n   * @param {Element | null} $root - HTML element to use for header\n   */\n  constructor($root) {\n    super($root)\n\n    const $menuButton = this.$root.querySelector(\n      '.govuk-js-service-navigation-toggle'\n    )\n\n    // Headers don't necessarily have a navigation. When they don't, the menu\n    // toggle won't be rendered by our macro (or may be omitted when writing\n    // plain HTML)\n    if (!$menuButton) {\n      return this\n    }\n\n    const menuId = $menuButton.getAttribute('aria-controls')\n    if (!menuId) {\n      throw new ElementError({\n        component: ServiceNavigation,\n        identifier:\n          'Navigation button (`<button class=\"govuk-js-service-navigation-toggle\">`) attribute (`aria-controls`)'\n      })\n    }\n\n    const $menu = document.getElementById(menuId)\n    if (!$menu) {\n      throw new ElementError({\n        component: ServiceNavigation,\n        element: $menu,\n        identifier: `Navigation (\\`<ul id=\"${menuId}\">\\`)`\n      })\n    }\n\n    this.$menu = $menu\n    this.$menuButton = $menuButton\n\n    this.setupResponsiveChecks()\n\n    this.$menuButton.addEventListener('click', () =>\n      this.handleMenuButtonClick()\n    )\n  }\n\n  /**\n   * Setup viewport resize check\n   *\n   * @private\n   */\n  setupResponsiveChecks() {\n    const breakpoint = getBreakpoint('tablet')\n\n    if (!breakpoint.value) {\n      throw new ElementError({\n        component: ServiceNavigation,\n        identifier: `CSS custom property (\\`${breakpoint.property}\\`) on pseudo-class \\`:root\\``\n      })\n    }\n\n    // Media query list for GOV.UK Frontend desktop breakpoint\n    this.mql = window.matchMedia(`(min-width: ${breakpoint.value})`)\n\n    // MediaQueryList.addEventListener isn't supported by Safari < 14 so we need\n    // to be able to fall back to the deprecated MediaQueryList.addListener\n    if ('addEventListener' in this.mql) {\n      this.mql.addEventListener('change', () => this.checkMode())\n    } else {\n      // @ts-expect-error Property 'addListener' does not exist\n      // eslint-disable-next-line @typescript-eslint/no-unsafe-call\n      this.mql.addListener(() => this.checkMode())\n    }\n\n    this.checkMode()\n  }\n\n  /**\n   * Sync menu state\n   *\n   * Uses the global variable menuIsOpen to correctly set the accessible and\n   * visual states of the menu and the menu button.\n   * Additionally will force the menu to be visible and the menu button to be\n   * hidden if the matchMedia is triggered to desktop.\n   *\n   * @private\n   */\n  checkMode() {\n    if (!this.mql || !this.$menu || !this.$menuButton) {\n      return\n    }\n\n    if (this.mql.matches) {\n      this.$menu.removeAttribute('hidden')\n      this.$menuButton.setAttribute('hidden', '')\n    } else {\n      this.$menuButton.removeAttribute('hidden')\n      this.$menuButton.setAttribute('aria-expanded', this.menuIsOpen.toString())\n\n      if (this.menuIsOpen) {\n        this.$menu.removeAttribute('hidden')\n      } else {\n        this.$menu.setAttribute('hidden', '')\n      }\n    }\n  }\n\n  /**\n   * Handle menu button click\n   *\n   * When the menu button is clicked, change the visibility of the menu and then\n   * sync the accessibility state and menu button state\n   *\n   * @private\n   */\n  handleMenuButtonClick() {\n    this.menuIsOpen = !this.menuIsOpen\n    this.checkMode()\n  }\n\n  /**\n   * Name for the component used when initialising using data-module attributes.\n   */\n  static moduleName = 'govuk-service-navigation'\n}\n"],"names":["ServiceNavigation","Component","constructor","$root","$menuButton","$menu","menuIsOpen","mql","querySelector","menuId","getAttribute","ElementError","component","identifier","document","getElementById","element","setupResponsiveChecks","addEventListener","handleMenuButtonClick","breakpoint","getBreakpoint","value","property","window","matchMedia","checkMode","addListener","matches","removeAttribute","setAttribute","toString","moduleName"],"mappings":"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"}
\ No newline at end of file
diff --git a/app/templates/govuk/components/service-navigation/template-default.html b/app/templates/govuk/components/service-navigation/template-default.html
new file mode 100644
index 0000000..faefef3
--- /dev/null
+++ b/app/templates/govuk/components/service-navigation/template-default.html
@@ -0,0 +1,57 @@
+
+  <div class="govuk-service-navigation"
+data-module="govuk-service-navigation"
+>
+      <div class="govuk-width-container">
+
+    <div class="govuk-service-navigation__container">
+      
+
+      
+        <nav aria-label="Menu" class="govuk-service-navigation__wrapper">
+          <button type="button" class="govuk-service-navigation__toggle govuk-js-service-navigation-toggle" aria-controls="navigation" hidden>
+            Menu
+          </button>
+
+          <ul class="govuk-service-navigation__list" id="navigation" >
+
+            
+              
+              <li class="govuk-service-navigation__item">
+                  <a class="govuk-service-navigation__link" href="#/1">
+                                    
+Navigation item 1
+                  </a>
+              </li>
+
+              
+              <li class="govuk-service-navigation__item">
+                  <a class="govuk-service-navigation__link" href="#/2">
+                                    
+Navigation item 2
+                  </a>
+              </li>
+
+              
+              <li class="govuk-service-navigation__item">
+                  <a class="govuk-service-navigation__link" href="#/3">
+                                    
+Navigation item 3
+                  </a>
+              </li>
+
+              
+              <li class="govuk-service-navigation__item">
+                  <a class="govuk-service-navigation__link" href="#/4">
+                                    
+Navigation item 4
+                  </a>
+              </li>
+
+            </ul>
+        </nav>
+    </div>
+
+    </div>
+
+  </div>
diff --git a/app/templates/govuk/components/service-navigation/template-inverse.html b/app/templates/govuk/components/service-navigation/template-inverse.html
new file mode 100644
index 0000000..8fb4bda
--- /dev/null
+++ b/app/templates/govuk/components/service-navigation/template-inverse.html
@@ -0,0 +1,63 @@
+
+  <section aria-label="Service information" class="govuk-service-navigation govuk-service-navigation--inverse"
+data-module="govuk-service-navigation"
+>
+      <div class="govuk-width-container">
+
+    <div class="govuk-service-navigation__container">
+      
+        <span class="govuk-service-navigation__service-name">
+            <a href="#/" class="govuk-service-navigation__link">
+              Apply for a juggling license
+            </a>
+        </span>
+
+      
+        <nav aria-label="Menu" class="govuk-service-navigation__wrapper">
+          <button type="button" class="govuk-service-navigation__toggle govuk-js-service-navigation-toggle" aria-controls="navigation" hidden>
+            Menu
+          </button>
+
+          <ul class="govuk-service-navigation__list" id="navigation" >
+
+            
+              
+              <li class="govuk-service-navigation__item">
+                  <a class="govuk-service-navigation__link" href="#/1">
+                                    
+Navigation item 1
+                  </a>
+              </li>
+
+              
+              <li class="govuk-service-navigation__item govuk-service-navigation__item--active">
+                  <a class="govuk-service-navigation__link" href="#/2" aria-current="true">
+                                    
+                  <strong class="govuk-service-navigation__active-fallback">Navigation item 2</strong>
+
+                  </a>
+              </li>
+
+              
+              <li class="govuk-service-navigation__item">
+                  <a class="govuk-service-navigation__link" href="#/3">
+                                    
+Navigation item 3
+                  </a>
+              </li>
+
+              
+              <li class="govuk-service-navigation__item">
+                  <a class="govuk-service-navigation__link" href="#/4">
+                                    
+Navigation item 4
+                  </a>
+              </li>
+
+            </ul>
+        </nav>
+    </div>
+
+    </div>
+
+  </section>
diff --git a/app/templates/govuk/components/service-navigation/template-with-a-single-navigation-item-and-collapsenavigationonmobile-set-to-true.html b/app/templates/govuk/components/service-navigation/template-with-a-single-navigation-item-and-collapsenavigationonmobile-set-to-true.html
new file mode 100644
index 0000000..8cf0da7
--- /dev/null
+++ b/app/templates/govuk/components/service-navigation/template-with-a-single-navigation-item-and-collapsenavigationonmobile-set-to-true.html
@@ -0,0 +1,38 @@
+
+  <section aria-label="Service information" class="govuk-service-navigation"
+data-module="govuk-service-navigation"
+>
+      <div class="govuk-width-container">
+
+    <div class="govuk-service-navigation__container">
+      
+        <span class="govuk-service-navigation__service-name">
+            <a href="#/" class="govuk-service-navigation__link">
+              Apply for a juggling license
+            </a>
+        </span>
+
+      
+        <nav aria-label="Menu" class="govuk-service-navigation__wrapper">
+          <button type="button" class="govuk-service-navigation__toggle govuk-js-service-navigation-toggle" aria-controls="navigation" hidden>
+            Menu
+          </button>
+
+          <ul class="govuk-service-navigation__list" id="navigation" >
+
+            
+              
+              <li class="govuk-service-navigation__item">
+                  <a class="govuk-service-navigation__link" href="#/1">
+                                    
+Log out
+                  </a>
+              </li>
+
+            </ul>
+        </nav>
+    </div>
+
+    </div>
+
+  </section>
diff --git a/app/templates/govuk/components/service-navigation/template-with-a-single-navigation-item.html b/app/templates/govuk/components/service-navigation/template-with-a-single-navigation-item.html
new file mode 100644
index 0000000..6724474
--- /dev/null
+++ b/app/templates/govuk/components/service-navigation/template-with-a-single-navigation-item.html
@@ -0,0 +1,35 @@
+
+  <section aria-label="Service information" class="govuk-service-navigation"
+data-module="govuk-service-navigation"
+>
+      <div class="govuk-width-container">
+
+    <div class="govuk-service-navigation__container">
+      
+        <span class="govuk-service-navigation__service-name">
+            <a href="#/" class="govuk-service-navigation__link">
+              Apply for a juggling license
+            </a>
+        </span>
+
+      
+        <nav aria-label="Menu" class="govuk-service-navigation__wrapper">
+
+          <ul class="govuk-service-navigation__list" id="navigation" >
+
+            
+              
+              <li class="govuk-service-navigation__item">
+                  <a class="govuk-service-navigation__link" href="#/1">
+                                    
+Log out
+                  </a>
+              </li>
+
+            </ul>
+        </nav>
+    </div>
+
+    </div>
+
+  </section>
diff --git a/app/templates/govuk/components/service-navigation/template-with-collapsenavigationonmobile-set-to-false.html b/app/templates/govuk/components/service-navigation/template-with-collapsenavigationonmobile-set-to-false.html
new file mode 100644
index 0000000..e07e0d6
--- /dev/null
+++ b/app/templates/govuk/components/service-navigation/template-with-collapsenavigationonmobile-set-to-false.html
@@ -0,0 +1,60 @@
+
+  <section aria-label="Service information" class="govuk-service-navigation"
+data-module="govuk-service-navigation"
+>
+      <div class="govuk-width-container">
+
+    <div class="govuk-service-navigation__container">
+      
+        <span class="govuk-service-navigation__service-name">
+            <a href="#/" class="govuk-service-navigation__link">
+              Apply for a juggling license
+            </a>
+        </span>
+
+      
+        <nav aria-label="Menu" class="govuk-service-navigation__wrapper">
+
+          <ul class="govuk-service-navigation__list" id="navigation" >
+
+            
+              
+              <li class="govuk-service-navigation__item">
+                  <a class="govuk-service-navigation__link" href="#/1">
+                                    
+Navigation item 1
+                  </a>
+              </li>
+
+              
+              <li class="govuk-service-navigation__item govuk-service-navigation__item--active">
+                  <a class="govuk-service-navigation__link" href="#/2" aria-current="true">
+                                    
+                  <strong class="govuk-service-navigation__active-fallback">Navigation item 2</strong>
+
+                  </a>
+              </li>
+
+              
+              <li class="govuk-service-navigation__item">
+                  <a class="govuk-service-navigation__link" href="#/3">
+                                    
+Navigation item 3
+                  </a>
+              </li>
+
+              
+              <li class="govuk-service-navigation__item">
+                  <a class="govuk-service-navigation__link" href="#/4">
+                                    
+Navigation item 4
+                  </a>
+              </li>
+
+            </ul>
+        </nav>
+    </div>
+
+    </div>
+
+  </section>
diff --git a/app/templates/govuk/components/service-navigation/template-with-html-navigation-items.html b/app/templates/govuk/components/service-navigation/template-with-html-navigation-items.html
new file mode 100644
index 0000000..3e8fe38
--- /dev/null
+++ b/app/templates/govuk/components/service-navigation/template-with-html-navigation-items.html
@@ -0,0 +1,49 @@
+
+  <div class="govuk-service-navigation"
+data-module="govuk-service-navigation"
+>
+      <div class="govuk-width-container">
+
+    <div class="govuk-service-navigation__container">
+      
+
+      
+        <nav aria-label="Menu" class="govuk-service-navigation__wrapper">
+          <button type="button" class="govuk-service-navigation__toggle govuk-js-service-navigation-toggle" aria-controls="navigation" hidden>
+            Menu
+          </button>
+
+          <ul class="govuk-service-navigation__list" id="navigation" >
+
+            
+              
+              <li class="govuk-service-navigation__item">
+                  <a class="govuk-service-navigation__link" href="#/1">
+                                    
+<em>Navigation item 1</em>
+                  </a>
+              </li>
+
+              
+              <li class="govuk-service-navigation__item">
+                  <a class="govuk-service-navigation__link" href="#/2">
+                                    
+<em>Navigation item 2</em>
+                  </a>
+              </li>
+
+              
+              <li class="govuk-service-navigation__item">
+                  <a class="govuk-service-navigation__link" href="#/3">
+                                    
+<em>Navigation item 3</em>
+                  </a>
+              </li>
+
+            </ul>
+        </nav>
+    </div>
+
+    </div>
+
+  </div>
diff --git a/app/templates/govuk/components/service-navigation/template-with-large-navigation.html b/app/templates/govuk/components/service-navigation/template-with-large-navigation.html
new file mode 100644
index 0000000..ad9417d
--- /dev/null
+++ b/app/templates/govuk/components/service-navigation/template-with-large-navigation.html
@@ -0,0 +1,153 @@
+
+  <div class="govuk-service-navigation"
+data-module="govuk-service-navigation"
+>
+      <div class="govuk-width-container">
+
+    <div class="govuk-service-navigation__container">
+      
+
+      
+        <nav aria-label="Menu" class="govuk-service-navigation__wrapper">
+          <button type="button" class="govuk-service-navigation__toggle govuk-js-service-navigation-toggle" aria-controls="navigation" hidden>
+            Menu
+          </button>
+
+          <ul class="govuk-service-navigation__list" id="navigation" >
+
+            
+              
+              <li class="govuk-service-navigation__item">
+                  <a class="govuk-service-navigation__link" href="#/browse/benefits">
+                                    
+Benefits
+                  </a>
+              </li>
+
+              
+              <li class="govuk-service-navigation__item">
+                  <a class="govuk-service-navigation__link" href="#/browse/births-deaths-marriages">
+                                    
+Births, deaths, marriages and care
+                  </a>
+              </li>
+
+              
+              <li class="govuk-service-navigation__item">
+                  <a class="govuk-service-navigation__link" href="#/browse/business">
+                                    
+Business and self-employed
+                  </a>
+              </li>
+
+              
+              <li class="govuk-service-navigation__item">
+                  <a class="govuk-service-navigation__link" href="#/browse/childcare-parenting">
+                                    
+Childcare and parenting
+                  </a>
+              </li>
+
+              
+              <li class="govuk-service-navigation__item">
+                  <a class="govuk-service-navigation__link" href="#/browse/citizenship">
+                                    
+Citizenship and living in the UK
+                  </a>
+              </li>
+
+              
+              <li class="govuk-service-navigation__item">
+                  <a class="govuk-service-navigation__link" href="#/browse/justice">
+                                    
+Crime, justice and the law
+                  </a>
+              </li>
+
+              
+              <li class="govuk-service-navigation__item">
+                  <a class="govuk-service-navigation__link" href="#/browse/disabilities">
+                                    
+Disabled people
+                  </a>
+              </li>
+
+              
+              <li class="govuk-service-navigation__item">
+                  <a class="govuk-service-navigation__link" href="#/browse/driving">
+                                    
+Driving and transport
+                  </a>
+              </li>
+
+              
+              <li class="govuk-service-navigation__item">
+                  <a class="govuk-service-navigation__link" href="#/browse/education">
+                                    
+Education and learning
+                  </a>
+              </li>
+
+              
+              <li class="govuk-service-navigation__item">
+                  <a class="govuk-service-navigation__link" href="#/browse/employing-people">
+                                    
+Employing people
+                  </a>
+              </li>
+
+              
+              <li class="govuk-service-navigation__item">
+                  <a class="govuk-service-navigation__link" href="#/browse/environment-countryside">
+                                    
+Environment and countryside
+                  </a>
+              </li>
+
+              
+              <li class="govuk-service-navigation__item">
+                  <a class="govuk-service-navigation__link" href="#/browse/housing-local-services">
+                                    
+Housing and local services
+                  </a>
+              </li>
+
+              
+              <li class="govuk-service-navigation__item">
+                  <a class="govuk-service-navigation__link" href="#/browse/tax">
+                                    
+Money and tax
+                  </a>
+              </li>
+
+              
+              <li class="govuk-service-navigation__item">
+                  <a class="govuk-service-navigation__link" href="#/browse/abroad">
+                                    
+Passports, travel and living abroad
+                  </a>
+              </li>
+
+              
+              <li class="govuk-service-navigation__item">
+                  <a class="govuk-service-navigation__link" href="#/browse/visas-immigration">
+                                    
+Visas and immigration
+                  </a>
+              </li>
+
+              
+              <li class="govuk-service-navigation__item">
+                  <a class="govuk-service-navigation__link" href="#/browse/working">
+                                    
+Working, jobs and pensions
+                  </a>
+              </li>
+
+            </ul>
+        </nav>
+    </div>
+
+    </div>
+
+  </div>
diff --git a/app/templates/govuk/components/service-navigation/template-with-long-service-name.html b/app/templates/govuk/components/service-navigation/template-with-long-service-name.html
new file mode 100644
index 0000000..3fb4708
--- /dev/null
+++ b/app/templates/govuk/components/service-navigation/template-with-long-service-name.html
@@ -0,0 +1,20 @@
+
+  <section aria-label="Service information" class="govuk-service-navigation"
+data-module="govuk-service-navigation"
+>
+      <div class="govuk-width-container">
+
+    <div class="govuk-service-navigation__container">
+      
+        <span class="govuk-service-navigation__service-name">
+            <a href="#/" class="govuk-service-navigation__link">
+              Apply to receive a rare holofoil Charizard Pokémon card from the King
+            </a>
+        </span>
+
+      
+    </div>
+
+    </div>
+
+  </section>
diff --git a/app/templates/govuk/components/service-navigation/template-with-navigation-with-a-current-item.html b/app/templates/govuk/components/service-navigation/template-with-navigation-with-a-current-item.html
new file mode 100644
index 0000000..6823415
--- /dev/null
+++ b/app/templates/govuk/components/service-navigation/template-with-navigation-with-a-current-item.html
@@ -0,0 +1,58 @@
+
+  <div class="govuk-service-navigation"
+data-module="govuk-service-navigation"
+>
+      <div class="govuk-width-container">
+
+    <div class="govuk-service-navigation__container">
+      
+
+      
+        <nav aria-label="Menu" class="govuk-service-navigation__wrapper">
+          <button type="button" class="govuk-service-navigation__toggle govuk-js-service-navigation-toggle" aria-controls="navigation" hidden>
+            Menu
+          </button>
+
+          <ul class="govuk-service-navigation__list" id="navigation" >
+
+            
+              
+              <li class="govuk-service-navigation__item">
+                  <a class="govuk-service-navigation__link" href="#/1">
+                                    
+Navigation item 1
+                  </a>
+              </li>
+
+              
+              <li class="govuk-service-navigation__item govuk-service-navigation__item--active">
+                  <a class="govuk-service-navigation__link" href="#/2" aria-current="page">
+                                    
+                  <strong class="govuk-service-navigation__active-fallback">Navigation item 2</strong>
+
+                  </a>
+              </li>
+
+              
+              <li class="govuk-service-navigation__item">
+                  <a class="govuk-service-navigation__link" href="#/3">
+                                    
+Navigation item 3
+                  </a>
+              </li>
+
+              
+              <li class="govuk-service-navigation__item">
+                  <a class="govuk-service-navigation__link" href="#/4">
+                                    
+Navigation item 4
+                  </a>
+              </li>
+
+            </ul>
+        </nav>
+    </div>
+
+    </div>
+
+  </div>
diff --git a/app/templates/govuk/components/service-navigation/template-with-non-link-navigation-items.html b/app/templates/govuk/components/service-navigation/template-with-non-link-navigation-items.html
new file mode 100644
index 0000000..fe4b49c
--- /dev/null
+++ b/app/templates/govuk/components/service-navigation/template-with-non-link-navigation-items.html
@@ -0,0 +1,49 @@
+
+  <div class="govuk-service-navigation"
+data-module="govuk-service-navigation"
+>
+      <div class="govuk-width-container">
+
+    <div class="govuk-service-navigation__container">
+      
+
+      
+        <nav aria-label="Menu" class="govuk-service-navigation__wrapper">
+          <button type="button" class="govuk-service-navigation__toggle govuk-js-service-navigation-toggle" aria-controls="navigation" hidden>
+            Menu
+          </button>
+
+          <ul class="govuk-service-navigation__list" id="navigation" >
+
+            
+              
+              <li class="govuk-service-navigation__item">
+                  <span class="govuk-service-navigation__text">
+                                    
+Navigation item 1
+                  </span>
+              </li>
+
+              
+              <li class="govuk-service-navigation__item">
+                  <span class="govuk-service-navigation__text">
+                                    
+<em>Navigation item 2</em>
+                  </span>
+              </li>
+
+              
+              <li class="govuk-service-navigation__item">
+                  <span class="govuk-service-navigation__text">
+                                    
+Navigation item 3
+                  </span>
+              </li>
+
+            </ul>
+        </nav>
+    </div>
+
+    </div>
+
+  </div>
diff --git a/app/templates/govuk/components/service-navigation/template-with-service-link.html b/app/templates/govuk/components/service-navigation/template-with-service-link.html
new file mode 100644
index 0000000..a722c3f
--- /dev/null
+++ b/app/templates/govuk/components/service-navigation/template-with-service-link.html
@@ -0,0 +1,20 @@
+
+  <section aria-label="Service information" class="govuk-service-navigation"
+data-module="govuk-service-navigation"
+>
+      <div class="govuk-width-container">
+
+    <div class="govuk-service-navigation__container">
+      
+        <span class="govuk-service-navigation__service-name">
+            <a href="#/" class="govuk-service-navigation__link">
+              Service name
+            </a>
+        </span>
+
+      
+    </div>
+
+    </div>
+
+  </section>
diff --git a/app/templates/govuk/components/service-navigation/template-with-service-name-and-navigation.html b/app/templates/govuk/components/service-navigation/template-with-service-name-and-navigation.html
new file mode 100644
index 0000000..b344d54
--- /dev/null
+++ b/app/templates/govuk/components/service-navigation/template-with-service-name-and-navigation.html
@@ -0,0 +1,63 @@
+
+  <section aria-label="Service information" class="govuk-service-navigation"
+data-module="govuk-service-navigation"
+>
+      <div class="govuk-width-container">
+
+    <div class="govuk-service-navigation__container">
+      
+        <span class="govuk-service-navigation__service-name">
+            <a href="#/" class="govuk-service-navigation__link">
+              Apply for a juggling license
+            </a>
+        </span>
+
+      
+        <nav aria-label="Menu" class="govuk-service-navigation__wrapper">
+          <button type="button" class="govuk-service-navigation__toggle govuk-js-service-navigation-toggle" aria-controls="navigation" hidden>
+            Menu
+          </button>
+
+          <ul class="govuk-service-navigation__list" id="navigation" >
+
+            
+              
+              <li class="govuk-service-navigation__item">
+                  <a class="govuk-service-navigation__link" href="#/1">
+                                    
+Navigation item 1
+                  </a>
+              </li>
+
+              
+              <li class="govuk-service-navigation__item govuk-service-navigation__item--active">
+                  <a class="govuk-service-navigation__link" href="#/2" aria-current="true">
+                                    
+                  <strong class="govuk-service-navigation__active-fallback">Navigation item 2</strong>
+
+                  </a>
+              </li>
+
+              
+              <li class="govuk-service-navigation__item">
+                  <a class="govuk-service-navigation__link" href="#/3">
+                                    
+Navigation item 3
+                  </a>
+              </li>
+
+              
+              <li class="govuk-service-navigation__item">
+                  <a class="govuk-service-navigation__link" href="#/4">
+                                    
+Navigation item 4
+                  </a>
+              </li>
+
+            </ul>
+        </nav>
+    </div>
+
+    </div>
+
+  </section>
diff --git a/app/templates/govuk/components/service-navigation/template-with-service-name.html b/app/templates/govuk/components/service-navigation/template-with-service-name.html
new file mode 100644
index 0000000..b0bdcf2
--- /dev/null
+++ b/app/templates/govuk/components/service-navigation/template-with-service-name.html
@@ -0,0 +1,18 @@
+
+  <section aria-label="Service information" class="govuk-service-navigation"
+data-module="govuk-service-navigation"
+>
+      <div class="govuk-width-container">
+
+    <div class="govuk-service-navigation__container">
+      
+        <span class="govuk-service-navigation__service-name">
+            <span class="govuk-service-navigation__text">Service name</span>
+        </span>
+
+      
+    </div>
+
+    </div>
+
+  </section>
diff --git a/app/templates/govuk/components/service-navigation/template.njk b/app/templates/govuk/components/service-navigation/template.njk
new file mode 100644
index 0000000..ac3ea47
--- /dev/null
+++ b/app/templates/govuk/components/service-navigation/template.njk
@@ -0,0 +1,106 @@
+{% from "../../macros/attributes.njk" import govukAttributes %}
+
+{%- set menuButtonText = params.menuButtonText | default("Menu", true) -%}
+{%- set navigationId = params.navigationId | default("navigation", true) %}
+
+{%- set commonAttributes %}
+class="govuk-service-navigation {%- if params.classes %} {{ params.classes }}{% endif %}"
+data-module="govuk-service-navigation"
+{{- govukAttributes(params.attributes) }}
+{% endset -%}
+
+{%- set innerContent %}
+  <div class="govuk-width-container">
+
+    {# Slot: start #}
+    {%- if params.slots.start %}{{ params.slots.start | safe }}{% endif -%}
+
+    <div class="govuk-service-navigation__container">
+      {# Service name #}
+      {% if params.serviceName %}
+        <span class="govuk-service-navigation__service-name">
+          {% if params.serviceUrl %}
+            <a href="{{ params.serviceUrl }}" class="govuk-service-navigation__link">
+              {{ params.serviceName }}
+            </a>
+          {% else %}
+            <span class="govuk-service-navigation__text">
+              {{- params.serviceName -}}
+            </span>
+          {% endif %}
+        </span>
+      {% endif %}
+
+      {# Navigation #}
+      {% set navigationItems = params.navigation | default([]) | select("truthy") %}
+      {% set collapseNavigationOnMobile = params.collapseNavigationOnMobile | default(navigationItems.length > 1) %}
+      {% if navigationItems | length or params.slots.navigationStart or params.slots.navigationEnd %}
+        <nav aria-label="{{ params.navigationLabel | default(menuButtonText, true) }}" class="govuk-service-navigation__wrapper {%- if params.navigationClasses %} {{ params.navigationClasses }}{% endif %}">
+          {% if collapseNavigationOnMobile %}
+          <button type="button" class="govuk-service-navigation__toggle govuk-js-service-navigation-toggle" aria-controls="{{ navigationId }}" {%- if params.menuButtonLabel and params.menuButtonLabel != menuButtonText %} aria-label="{{ params.menuButtonLabel }}"{% endif %} hidden>
+            {{ menuButtonText }}
+          </button>
+          {% endif %}
+
+          <ul class="govuk-service-navigation__list" id="{{ navigationId }}" >
+
+            {# Slot: navigationStart #}
+            {%- if params.slots.navigationStart %}{{ params.slots.navigationStart | safe }}{% endif -%}
+
+            {% for item in navigationItems %}
+              {% set linkInnerContent %}
+                {# We wrap active links in strong tags so that users who
+                  override colours or styles will still have some indicator of
+                  the current nav item. #}
+                {% if item.active or item.current %}
+                  <strong class="govuk-service-navigation__active-fallback">{{- item.html | safe if item.html else item.text -}}</strong>
+                {% else %}
+                  {{- item.html | safe if item.html else item.text -}}
+                {% endif %}
+              {% endset %}
+
+              {#
+                If item.current, add active style and set aria-current="page"
+                Elseif item.active, add active style and set aria-current="true"
+              #}
+              <li class="govuk-service-navigation__item {%- if item.active or item.current %} govuk-service-navigation__item--active{% endif %}">
+                {% if item.href %}
+                  <a class="govuk-service-navigation__link" href="{{ item.href }}"
+                    {%- if item.active or item.current %} aria-current="{{ 'page' if item.current else 'true' }}"{% endif %}
+                    {{- govukAttributes(item.attributes) -}}>
+                    {{ linkInnerContent | safe }}
+                  </a>
+                {% elif item.html or item.text %}
+                  <span class="govuk-service-navigation__text"
+                    {%- if item.active or item.current %} aria-current="{{ 'page' if item.current else 'true' }}"{% endif %}>
+                    {{ linkInnerContent | safe }}
+                  </span>
+                {% endif %}
+              </li>
+            {% endfor %}
+
+            {# Slot: navigationEnd #}
+            {%- if params.slots.navigationEnd %}{{ params.slots.navigationEnd | safe }}{% endif -%}
+          </ul>
+        </nav>
+      {% endif %}
+    </div>
+
+    {# Slot: end #}
+    {%- if params.slots.end %}{{ params.slots.end | safe }}{% endif -%}
+
+  </div>
+{% endset -%}
+
+{# If a service name is included, we use a <section> element with an
+  aria-label to create a containing landmark region. Otherwise, the <nav> in
+  the innerContent can do the job just fine by itself. #}
+{% if params.serviceName or params.slots.start or params.slots.end %}
+  <section aria-label="{{ params.ariaLabel | default("Service information") }}" {{ commonAttributes | safe }}>
+    {{ innerContent | safe }}
+  </section>
+{% else %}
+  <div {{ commonAttributes | safe }}>
+    {{ innerContent | safe }}
+  </div>
+{% endif %}
diff --git a/app/templates/govuk/components/skip-link/README.md b/app/templates/govuk/components/skip-link/README.md
new file mode 100644
index 0000000..65edcab
--- /dev/null
+++ b/app/templates/govuk/components/skip-link/README.md
@@ -0,0 +1,15 @@
+# Skip link
+
+## Installation
+
+See the [main README quick start guide](https://github.com/alphagov/govuk-frontend#quick-start) for how to install this component.
+
+## Guidance and Examples
+
+Find out when to use the skip link component in your service in the [GOV.UK Design System](https://design-system.service.gov.uk/components/skip-link).
+
+## Component options
+
+Use options to customise the appearance, content and behaviour of a component when using a macro, for example, changing the text.
+
+See [options table](https://design-system.service.gov.uk/components/skip-link/#options-skip-link-example) for details.
diff --git a/app/templates/govuk/components/skip-link/_index.scss b/app/templates/govuk/components/skip-link/_index.scss
new file mode 100644
index 0000000..5d51ebf
--- /dev/null
+++ b/app/templates/govuk/components/skip-link/_index.scss
@@ -0,0 +1,51 @@
+@include govuk-exports("govuk/component/skip-link") {
+  .govuk-skip-link {
+    @include govuk-visually-hidden-focusable;
+    @include govuk-link-decoration;
+    @include govuk-link-style-text;
+    @include govuk-font($size: 16);
+
+    display: block;
+    padding: govuk-spacing(2) govuk-spacing(3);
+
+    // Respect 'display cutout' safe area (avoids notches and rounded corners)
+    @supports (padding: unquote("max(calc(0px))")) {
+      $padding-safe-area-right: calc(#{govuk-spacing(3)} + env(safe-area-inset-right));
+      $padding-safe-area-left: calc(#{govuk-spacing(3)} + env(safe-area-inset-left));
+
+      // Use max() to pick largest padding, default or with safe area
+      // Escaped due to Sass max() vs. CSS native max()
+      padding-right: unquote("max(#{govuk-spacing(3)}, #{$padding-safe-area-right})");
+      padding-left: unquote("max(#{govuk-spacing(3)}, #{$padding-safe-area-left})");
+    }
+
+    &:focus {
+      outline: $govuk-focus-width solid $govuk-focus-colour;
+      outline-offset: 0;
+      background-color: $govuk-focus-colour;
+
+      // Undo unwanted changes when global styles are enabled
+      @if $govuk-global-styles {
+        @include govuk-link-decoration;
+        box-shadow: none;
+      }
+    }
+  }
+
+  .govuk-skip-link-focused-element {
+    &:focus {
+      // Remove the native visible focus indicator when the element is
+      // programmatically focused.
+      //
+      // We set the focus on the linked element (this is usually the <main>
+      // element) when the skip link is activated to improve screen reader
+      // announcements. However, we remove the visible focus indicator from the
+      // linked element because the user cannot interact with it.
+      //
+      // A related discussion: https://github.com/w3c/wcag/issues/1001
+      outline: none;
+    }
+  }
+}
+
+/*# sourceMappingURL=_index.scss.map */
diff --git a/app/templates/govuk/components/skip-link/_index.scss.map b/app/templates/govuk/components/skip-link/_index.scss.map
new file mode 100644
index 0000000..6bea36b
--- /dev/null
+++ b/app/templates/govuk/components/skip-link/_index.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/skip-link/_index.scss"],"names":[],"mappings":"AAAA;EACE;IACE,wCAAwC;IACxC,8BAA8B;IAC9B,8BAA8B;IAC9B,8BAA8B;;IAE9B,cAAc;IACd,0CAA0C;;IAE1C,yEAAyE;IACzE;MACE,gFAAgF;MAChF,8EAA8E;;MAE9E,8DAA8D;MAC9D,gDAAgD;MAChD,+EAA+E;MAC/E,6EAA6E;IAC/E;;IAEA;MACE,qDAAqD;MACrD,iBAAiB;MACjB,qCAAqC;;MAErC,sDAAsD;MACtD;QACE,8BAA8B;QAC9B,gBAAgB;MAClB;IACF;EACF;;EAEA;IACE;MACE,+DAA+D;MAC/D,2BAA2B;MAC3B,CAAC;MACD,oEAAoE;MACpE,mEAAmE;MACnE,wEAAwE;MACxE,0DAA0D;MAC1D,CAAC;MACD,+DAA+D;MAC/D,aAAa;IACf;EACF;AACF","file":"_index.scss","sourcesContent":["@include govuk-exports(\"govuk/component/skip-link\") {\n  .govuk-skip-link {\n    @include govuk-visually-hidden-focusable;\n    @include govuk-link-decoration;\n    @include govuk-link-style-text;\n    @include govuk-font($size: 16);\n\n    display: block;\n    padding: govuk-spacing(2) govuk-spacing(3);\n\n    // Respect 'display cutout' safe area (avoids notches and rounded corners)\n    @supports (padding: unquote(\"max(calc(0px))\")) {\n      $padding-safe-area-right: calc(#{govuk-spacing(3)} + env(safe-area-inset-right));\n      $padding-safe-area-left: calc(#{govuk-spacing(3)} + env(safe-area-inset-left));\n\n      // Use max() to pick largest padding, default or with safe area\n      // Escaped due to Sass max() vs. CSS native max()\n      padding-right: unquote(\"max(#{govuk-spacing(3)}, #{$padding-safe-area-right})\");\n      padding-left: unquote(\"max(#{govuk-spacing(3)}, #{$padding-safe-area-left})\");\n    }\n\n    &:focus {\n      outline: $govuk-focus-width solid $govuk-focus-colour;\n      outline-offset: 0;\n      background-color: $govuk-focus-colour;\n\n      // Undo unwanted changes when global styles are enabled\n      @if $govuk-global-styles {\n        @include govuk-link-decoration;\n        box-shadow: none;\n      }\n    }\n  }\n\n  .govuk-skip-link-focused-element {\n    &:focus {\n      // Remove the native visible focus indicator when the element is\n      // programmatically focused.\n      //\n      // We set the focus on the linked element (this is usually the <main>\n      // element) when the skip link is activated to improve screen reader\n      // announcements. However, we remove the visible focus indicator from the\n      // linked element because the user cannot interact with it.\n      //\n      // A related discussion: https://github.com/w3c/wcag/issues/1001\n      outline: none;\n    }\n  }\n}\n"]}
diff --git a/app/templates/govuk/components/skip-link/_skip-link.scss b/app/templates/govuk/components/skip-link/_skip-link.scss
new file mode 100644
index 0000000..5c675f5
--- /dev/null
+++ b/app/templates/govuk/components/skip-link/_skip-link.scss
@@ -0,0 +1,4 @@
+@import "../../base";
+@import "./index";
+
+/*# sourceMappingURL=_skip-link.scss.map */
diff --git a/app/templates/govuk/components/skip-link/_skip-link.scss.map b/app/templates/govuk/components/skip-link/_skip-link.scss.map
new file mode 100644
index 0000000..acc2edb
--- /dev/null
+++ b/app/templates/govuk/components/skip-link/_skip-link.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/skip-link/_skip-link.scss"],"names":[],"mappings":"AAAA,oBAAoB;AACpB,iBAAiB","file":"_skip-link.scss","sourcesContent":["@import \"../../base\";\n@import \"./index\";\n"]}
diff --git a/app/templates/govuk/components/skip-link/fixtures.json b/app/templates/govuk/components/skip-link/fixtures.json
new file mode 100644
index 0000000..45a88b5
--- /dev/null
+++ b/app/templates/govuk/components/skip-link/fixtures.json
@@ -0,0 +1,113 @@
+{
+    "component": "skip-link",
+    "fixtures": [
+        {
+            "name": "default",
+            "options": {
+                "text": "Skip to main content",
+                "href": "#test-target-element"
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<a href=\"#test-target-element\" class=\"govuk-skip-link\" data-module=\"govuk-skip-link\">Skip to main content</a>"
+        },
+        {
+            "name": "with focus",
+            "options": {
+                "classes": ":focus",
+                "text": "Skip to main content",
+                "href": "#test-target-element"
+            },
+            "hidden": false,
+            "description": "Simulate triggering the :focus CSS pseudo-class, not available in the production build.",
+            "pageTemplateOptions": {},
+            "screenshot": true,
+            "html": "<a href=\"#test-target-element\" class=\"govuk-skip-link :focus\" data-module=\"govuk-skip-link\">Skip to main content</a>"
+        },
+        {
+            "name": "no href",
+            "options": {
+                "text": "Skip to main content"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<a href=\"#content\" class=\"govuk-skip-link\" data-module=\"govuk-skip-link\">Skip to main content</a>"
+        },
+        {
+            "name": "custom href",
+            "options": {
+                "text": "Skip to custom content",
+                "href": "#custom"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<a href=\"#custom\" class=\"govuk-skip-link\" data-module=\"govuk-skip-link\">Skip to custom content</a>"
+        },
+        {
+            "name": "custom text",
+            "options": {
+                "text": "skip"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<a href=\"#content\" class=\"govuk-skip-link\" data-module=\"govuk-skip-link\">skip</a>"
+        },
+        {
+            "name": "html as text",
+            "options": {
+                "text": "<p>skip</p>"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<a href=\"#content\" class=\"govuk-skip-link\" data-module=\"govuk-skip-link\">&lt;p&gt;skip&lt;/p&gt;</a>"
+        },
+        {
+            "name": "html",
+            "options": {
+                "html": "<p>skip</p>"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<a href=\"#content\" class=\"govuk-skip-link\" data-module=\"govuk-skip-link\"><p>skip</p></a>"
+        },
+        {
+            "name": "classes",
+            "options": {
+                "text": "Skip link",
+                "classes": "app-skip-link--custom-class"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<a href=\"#content\" class=\"govuk-skip-link app-skip-link--custom-class\" data-module=\"govuk-skip-link\">Skip link</a>"
+        },
+        {
+            "name": "attributes",
+            "options": {
+                "text": "Skip link",
+                "attributes": {
+                    "data-test": "attribute",
+                    "aria-label": "Skip to content"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<a href=\"#content\" class=\"govuk-skip-link\" data-test=\"attribute\" aria-label=\"Skip to content\" data-module=\"govuk-skip-link\">Skip link</a>"
+        }
+    ]
+}
diff --git a/app/templates/govuk/components/skip-link/macro-options.json b/app/templates/govuk/components/skip-link/macro-options.json
new file mode 100644
index 0000000..16b5bab
--- /dev/null
+++ b/app/templates/govuk/components/skip-link/macro-options.json
@@ -0,0 +1,32 @@
+[
+    {
+        "name": "text",
+        "type": "string",
+        "required": true,
+        "description": "If `html` is set, this is not required. Text to use within the skip link component. If `html` is provided, the `text` option will be ignored."
+    },
+    {
+        "name": "html",
+        "type": "string",
+        "required": true,
+        "description": "If `text` is set, this is not required. HTML to use within the skip link component. If `html` is provided, the `text` option will be ignored."
+    },
+    {
+        "name": "href",
+        "type": "string",
+        "required": false,
+        "description": "The value of the skip link’s `href` attribute. Defaults to `\"#content\"` if you do not provide a value."
+    },
+    {
+        "name": "classes",
+        "type": "string",
+        "required": false,
+        "description": "Classes to add to the skip link."
+    },
+    {
+        "name": "attributes",
+        "type": "object",
+        "required": false,
+        "description": "HTML attributes (for example data attributes) to add to the skip link."
+    }
+]
diff --git a/app/templates/govuk/components/skip-link/macro.njk b/app/templates/govuk/components/skip-link/macro.njk
new file mode 100644
index 0000000..b5afb0c
--- /dev/null
+++ b/app/templates/govuk/components/skip-link/macro.njk
@@ -0,0 +1,3 @@
+{% macro govukSkipLink(params) %}
+  {%- include "./template.njk" -%}
+{% endmacro %}
diff --git a/app/templates/govuk/components/skip-link/skip-link.bundle.js b/app/templates/govuk/components/skip-link/skip-link.bundle.js
new file mode 100644
index 0000000..cb19b34
--- /dev/null
+++ b/app/templates/govuk/components/skip-link/skip-link.bundle.js
@@ -0,0 +1,217 @@
+(function (global, factory) {
+  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports) :
+  typeof define === 'function' && define.amd ? define(['exports'], factory) :
+  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.GOVUKFrontend = global.GOVUKFrontend || {}));
+})(this, (function (exports) { 'use strict';
+
+  function setFocus($element, options = {}) {
+    var _options$onBeforeFocu;
+    const isFocusable = $element.getAttribute('tabindex');
+    if (!isFocusable) {
+      $element.setAttribute('tabindex', '-1');
+    }
+    function onFocus() {
+      $element.addEventListener('blur', onBlur, {
+        once: true
+      });
+    }
+    function onBlur() {
+      var _options$onBlur;
+      (_options$onBlur = options.onBlur) == null || _options$onBlur.call($element);
+      if (!isFocusable) {
+        $element.removeAttribute('tabindex');
+      }
+    }
+    $element.addEventListener('focus', onFocus, {
+      once: true
+    });
+    (_options$onBeforeFocu = options.onBeforeFocus) == null || _options$onBeforeFocu.call($element);
+    $element.focus();
+  }
+  function isInitialised($root, moduleName) {
+    return $root instanceof HTMLElement && $root.hasAttribute(`data-${moduleName}-init`);
+  }
+
+  /**
+   * Checks if GOV.UK Frontend is supported on this page
+   *
+   * Some browsers will load and run our JavaScript but GOV.UK Frontend
+   * won't be supported.
+   *
+   * @param {HTMLElement | null} [$scope] - (internal) `<body>` HTML element checked for browser support
+   * @returns {boolean} Whether GOV.UK Frontend is supported on this page
+   */
+  function isSupported($scope = document.body) {
+    if (!$scope) {
+      return false;
+    }
+    return $scope.classList.contains('govuk-frontend-supported');
+  }
+  function isArray(option) {
+    return Array.isArray(option);
+  }
+  function isObject(option) {
+    return !!option && typeof option === 'object' && !isArray(option);
+  }
+  function formatErrorMessage(Component, message) {
+    return `${Component.moduleName}: ${message}`;
+  }
+  /**
+   * @typedef ComponentWithModuleName
+   * @property {string} moduleName - Name of the component
+   */
+
+  class GOVUKFrontendError extends Error {
+    constructor(...args) {
+      super(...args);
+      this.name = 'GOVUKFrontendError';
+    }
+  }
+  class SupportError extends GOVUKFrontendError {
+    /**
+     * Checks if GOV.UK Frontend is supported on this page
+     *
+     * @param {HTMLElement | null} [$scope] - HTML element `<body>` checked for browser support
+     */
+    constructor($scope = document.body) {
+      const supportMessage = 'noModule' in HTMLScriptElement.prototype ? 'GOV.UK Frontend initialised without `<body class="govuk-frontend-supported">` from template `<script>` snippet' : 'GOV.UK Frontend is not supported in this browser';
+      super($scope ? supportMessage : 'GOV.UK Frontend initialised without `<script type="module">`');
+      this.name = 'SupportError';
+    }
+  }
+  class ElementError extends GOVUKFrontendError {
+    constructor(messageOrOptions) {
+      let message = typeof messageOrOptions === 'string' ? messageOrOptions : '';
+      if (isObject(messageOrOptions)) {
+        const {
+          component,
+          identifier,
+          element,
+          expectedType
+        } = messageOrOptions;
+        message = identifier;
+        message += element ? ` is not of type ${expectedType != null ? expectedType : 'HTMLElement'}` : ' not found';
+        if (component) {
+          message = formatErrorMessage(component, message);
+        }
+      }
+      super(message);
+      this.name = 'ElementError';
+    }
+  }
+  class InitError extends GOVUKFrontendError {
+    constructor(componentOrMessage) {
+      const message = typeof componentOrMessage === 'string' ? componentOrMessage : formatErrorMessage(componentOrMessage, `Root element (\`$root\`) already initialised`);
+      super(message);
+      this.name = 'InitError';
+    }
+  }
+  /**
+   * @import { ComponentWithModuleName } from '../common/index.mjs'
+   */
+
+  class Component {
+    /**
+     * Returns the root element of the component
+     *
+     * @protected
+     * @returns {RootElementType} - the root element of component
+     */
+    get $root() {
+      return this._$root;
+    }
+    constructor($root) {
+      this._$root = void 0;
+      const childConstructor = this.constructor;
+      if (typeof childConstructor.moduleName !== 'string') {
+        throw new InitError(`\`moduleName\` not defined in component`);
+      }
+      if (!($root instanceof childConstructor.elementType)) {
+        throw new ElementError({
+          element: $root,
+          component: childConstructor,
+          identifier: 'Root element (`$root`)',
+          expectedType: childConstructor.elementType.name
+        });
+      } else {
+        this._$root = $root;
+      }
+      childConstructor.checkSupport();
+      this.checkInitialised();
+      const moduleName = childConstructor.moduleName;
+      this.$root.setAttribute(`data-${moduleName}-init`, '');
+    }
+    checkInitialised() {
+      const constructor = this.constructor;
+      const moduleName = constructor.moduleName;
+      if (moduleName && isInitialised(this.$root, moduleName)) {
+        throw new InitError(constructor);
+      }
+    }
+    static checkSupport() {
+      if (!isSupported()) {
+        throw new SupportError();
+      }
+    }
+  }
+
+  /**
+   * @typedef ChildClass
+   * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component
+   */
+
+  /**
+   * @typedef {typeof Component & ChildClass} ChildClassConstructor
+   */
+  Component.elementType = HTMLElement;
+
+  /**
+   * Skip link component
+   *
+   * @preserve
+   * @augments Component<HTMLAnchorElement>
+   */
+  class SkipLink extends Component {
+    /**
+     * @param {Element | null} $root - HTML element to use for skip link
+     * @throws {ElementError} when $root is not set or the wrong type
+     * @throws {ElementError} when $root.hash does not contain a hash
+     * @throws {ElementError} when the linked element is missing or the wrong type
+     */
+    constructor($root) {
+      var _this$$root$getAttrib;
+      super($root);
+      const hash = this.$root.hash;
+      const href = (_this$$root$getAttrib = this.$root.getAttribute('href')) != null ? _this$$root$getAttrib : '';
+      if (this.$root.origin !== window.location.origin || this.$root.pathname !== window.location.pathname) {
+        return;
+      }
+      const linkedElementId = hash.replace('#', '');
+      if (!linkedElementId) {
+        throw new ElementError(`Skip link: Target link (\`href="${href}"\`) has no hash fragment`);
+      }
+      const $linkedElement = document.getElementById(linkedElementId);
+      if (!$linkedElement) {
+        throw new ElementError({
+          component: SkipLink,
+          element: $linkedElement,
+          identifier: `Target content (\`id="${linkedElementId}"\`)`
+        });
+      }
+      this.$root.addEventListener('click', () => setFocus($linkedElement, {
+        onBeforeFocus() {
+          $linkedElement.classList.add('govuk-skip-link-focused-element');
+        },
+        onBlur() {
+          $linkedElement.classList.remove('govuk-skip-link-focused-element');
+        }
+      }));
+    }
+  }
+  SkipLink.elementType = HTMLAnchorElement;
+  SkipLink.moduleName = 'govuk-skip-link';
+
+  exports.SkipLink = SkipLink;
+
+}));
+//# sourceMappingURL=skip-link.bundle.js.map
diff --git a/app/templates/govuk/components/skip-link/skip-link.bundle.js.map b/app/templates/govuk/components/skip-link/skip-link.bundle.js.map
new file mode 100644
index 0000000..43ec68d
--- /dev/null
+++ b/app/templates/govuk/components/skip-link/skip-link.bundle.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"skip-link.bundle.js","sources":["../../../../src/govuk/common/index.mjs","../../../../src/govuk/errors/index.mjs","../../../../src/govuk/component.mjs","../../../../src/govuk/components/skip-link/skip-link.mjs"],"sourcesContent":["/**\n * Common helpers which do not require polyfill.\n *\n * IMPORTANT: If a helper require a polyfill, please isolate it in its own module\n * so that the polyfill can be properly tree-shaken and does not burden\n * the components that do not need that helper\n */\n\n/**\n * Get GOV.UK Frontend breakpoint value from CSS custom property\n *\n * @private\n * @param {string} name - Breakpoint name\n * @returns {{ property: string, value?: string }} Breakpoint object\n */\nexport function getBreakpoint(name) {\n  const property = `--govuk-breakpoint-${name}`\n\n  // Get value from `<html>` with breakpoints on CSS :root\n  const value = window\n    .getComputedStyle(document.documentElement)\n    .getPropertyValue(property)\n\n  return {\n    property,\n    value: value || undefined\n  }\n}\n\n/**\n * Move focus to element\n *\n * Sets tabindex to -1 to make the element programmatically focusable,\n * but removes it on blur as the element doesn't need to be focused again.\n *\n * @private\n * @template {HTMLElement} FocusElement\n * @param {FocusElement} $element - HTML element\n * @param {object} [options] - Handler options\n * @param {function(this: FocusElement): void} [options.onBeforeFocus] - Callback before focus\n * @param {function(this: FocusElement): void} [options.onBlur] - Callback on blur\n */\nexport function setFocus($element, options = {}) {\n  const isFocusable = $element.getAttribute('tabindex')\n\n  if (!isFocusable) {\n    $element.setAttribute('tabindex', '-1')\n  }\n\n  /**\n   * Handle element focus\n   */\n  function onFocus() {\n    $element.addEventListener('blur', onBlur, { once: true })\n  }\n\n  /**\n   * Handle element blur\n   */\n  function onBlur() {\n    options.onBlur?.call($element)\n\n    if (!isFocusable) {\n      $element.removeAttribute('tabindex')\n    }\n  }\n\n  // Add listener to reset element on blur, after focus\n  $element.addEventListener('focus', onFocus, { once: true })\n\n  // Focus element\n  options.onBeforeFocus?.call($element)\n  $element.focus()\n}\n\n/**\n * Checks if component is already initialised\n *\n * @internal\n * @param {Element} $root - HTML element to be checked\n * @param {string} moduleName - name of component module\n * @returns {boolean} Whether component is already initialised\n */\nexport function isInitialised($root, moduleName) {\n  return (\n    $root instanceof HTMLElement &&\n    $root.hasAttribute(`data-${moduleName}-init`)\n  )\n}\n\n/**\n * Checks if GOV.UK Frontend is supported on this page\n *\n * Some browsers will load and run our JavaScript but GOV.UK Frontend\n * won't be supported.\n *\n * @param {HTMLElement | null} [$scope] - (internal) `<body>` HTML element checked for browser support\n * @returns {boolean} Whether GOV.UK Frontend is supported on this page\n */\nexport function isSupported($scope = document.body) {\n  if (!$scope) {\n    return false\n  }\n\n  return $scope.classList.contains('govuk-frontend-supported')\n}\n\n/**\n * Check for an array\n *\n * @internal\n * @param {unknown} option - Option to check\n * @returns {boolean} Whether the option is an array\n */\nfunction isArray(option) {\n  return Array.isArray(option)\n}\n\n/**\n * Check for an object\n *\n * @internal\n * @template {Partial<Record<keyof ObjectType, unknown>>} ObjectType\n * @param {unknown | ObjectType} option - Option to check\n * @returns {option is ObjectType} Whether the option is an object\n */\nexport function isObject(option) {\n  return !!option && typeof option === 'object' && !isArray(option)\n}\n\n/**\n * Check for valid scope\n *\n * @internal\n * @template {Element | Document} ScopeType\n * @param {unknown | ScopeType} $scope - Scope of the document to search within\n * @returns {$scope is ScopeType} Whether the scope can be queried\n */\nexport function isScope($scope) {\n  return !!$scope && ($scope instanceof Element || $scope instanceof Document)\n}\n\n/**\n * Format error message\n *\n * @internal\n * @param {ComponentWithModuleName} Component - Component that threw the error\n * @param {string} message - Error message\n * @returns {string} - Formatted error message\n */\nexport function formatErrorMessage(Component, message) {\n  return `${Component.moduleName}: ${message}`\n}\n\n/* eslint-disable jsdoc/valid-types --\n * `{new(...args: any[] ): object}` is not recognised as valid\n * https://github.com/gajus/eslint-plugin-jsdoc/issues/145#issuecomment-1308722878\n * https://github.com/jsdoc-type-pratt-parser/jsdoc-type-pratt-parser/issues/131\n **/\n\n/**\n * @typedef ComponentWithModuleName\n * @property {string} moduleName - Name of the component\n */\n\n/* eslint-enable jsdoc/valid-types */\n","import { formatErrorMessage, isObject } from '../common/index.mjs'\n\n/**\n * GOV.UK Frontend error\n *\n * A base class for `Error`s thrown by GOV.UK Frontend.\n *\n * It is meant to be extended into specific types of errors\n * to be thrown by our code.\n *\n * @example\n * ```js\n * class MissingRootError extends GOVUKFrontendError {\n *   // Setting an explicit name is important as extending the class will not\n *   // set a new `name` on the subclass. The `name` property is important\n *   // to ensure intelligible error names even if the class name gets\n *   // mangled by a minifier\n *   name = \"MissingRootError\"\n * }\n * ```\n * @virtual\n */\nexport class GOVUKFrontendError extends Error {\n  name = 'GOVUKFrontendError'\n}\n\n/**\n * Indicates that GOV.UK Frontend is not supported\n */\nexport class SupportError extends GOVUKFrontendError {\n  name = 'SupportError'\n\n  /**\n   * Checks if GOV.UK Frontend is supported on this page\n   *\n   * @param {HTMLElement | null} [$scope] - HTML element `<body>` checked for browser support\n   */\n  constructor($scope = document.body) {\n    const supportMessage =\n      'noModule' in HTMLScriptElement.prototype\n        ? 'GOV.UK Frontend initialised without `<body class=\"govuk-frontend-supported\">` from template `<script>` snippet'\n        : 'GOV.UK Frontend is not supported in this browser'\n\n    super(\n      $scope\n        ? supportMessage\n        : 'GOV.UK Frontend initialised without `<script type=\"module\">`'\n    )\n  }\n}\n\n/**\n * Indicates that a component has received an illegal configuration\n */\nexport class ConfigError extends GOVUKFrontendError {\n  name = 'ConfigError'\n}\n\n/**\n * Indicates an issue with an element (possibly `null` or `undefined`)\n */\nexport class ElementError extends GOVUKFrontendError {\n  name = 'ElementError'\n\n  /**\n   * @internal\n   * @overload\n   * @param {string} message - Element error message\n   */\n\n  /**\n   * @internal\n   * @overload\n   * @param {ElementErrorOptions} options - Element error options\n   */\n\n  /**\n   * @internal\n   * @param {string | ElementErrorOptions} messageOrOptions - Element error message or options\n   */\n  constructor(messageOrOptions) {\n    let message = typeof messageOrOptions === 'string' ? messageOrOptions : ''\n\n    // Build message from options\n    if (isObject(messageOrOptions)) {\n      const { component, identifier, element, expectedType } = messageOrOptions\n\n      message = identifier\n\n      // Append reason\n      message += element\n        ? ` is not of type ${expectedType ?? 'HTMLElement'}`\n        : ' not found'\n\n      // Prepend with module name (optional)\n      if (component) {\n        message = formatErrorMessage(component, message)\n      }\n    }\n\n    super(message)\n  }\n}\n\n/**\n * Indicates that a component is already initialised\n */\nexport class InitError extends GOVUKFrontendError {\n  name = 'InitError'\n\n  /**\n   * @internal\n   * @param {ComponentWithModuleName | string} componentOrMessage - name of the component module\n   */\n  constructor(componentOrMessage) {\n    const message =\n      typeof componentOrMessage === 'string'\n        ? componentOrMessage\n        : formatErrorMessage(\n            componentOrMessage,\n            `Root element (\\`$root\\`) already initialised`\n          )\n\n    super(message)\n  }\n}\n\n/**\n * Element error options\n *\n * @internal\n * @typedef {object} ElementErrorOptions\n * @property {Element | Document | null} [element] - The element in error (optional)\n * @property {ComponentWithModuleName} [component] - Component throwing the error (optional)\n * @property {string} identifier - An identifier that'll let the user understand which element has an error. This is whatever makes the most sense\n * @property {string} [expectedType] - The type that was expected for the identifier (optional)\n */\n\n/**\n * @import { ComponentWithModuleName } from '../common/index.mjs'\n */\n","import { isInitialised, isSupported } from './common/index.mjs'\nimport { ElementError, InitError, SupportError } from './errors/index.mjs'\n\n/**\n * Base Component class\n *\n * Centralises the behaviours shared by our components\n *\n * @virtual\n * @template {Element} [RootElementType=HTMLElement]\n */\nexport class Component {\n  /**\n   * @type {typeof Element}\n   */\n  static elementType = HTMLElement\n\n  // allows Typescript user to work around the lack of types\n  // in GOVUKFrontend package, Typescript is not aware of $root\n  // in components that extend GOVUKFrontendComponent\n  /**\n   * Returns the root element of the component\n   *\n   * @protected\n   * @returns {RootElementType} - the root element of component\n   */\n  get $root() {\n    return this._$root\n  }\n\n  /**\n   * @protected\n   * @type {RootElementType}\n   */\n  _$root\n\n  /**\n   * Constructs a new component, validating that GOV.UK Frontend is supported\n   *\n   * @internal\n   * @param {Element | null} [$root] - HTML element to use for component\n   */\n  constructor($root) {\n    const childConstructor = /** @type {ChildClassConstructor} */ (\n      this.constructor\n    )\n\n    // TypeScript does not enforce that inheriting classes will define a `moduleName`\n    // (even if we add a `@virtual` `static moduleName` property to this class).\n    // While we trust users to do this correctly, we do a little check to provide them\n    // a helpful error message.\n    //\n    // After this, we'll be sure that `childConstructor` has a `moduleName`\n    // as expected of the `ChildClassConstructor` we've cast `this.constructor` to.\n    if (typeof childConstructor.moduleName !== 'string') {\n      throw new InitError(`\\`moduleName\\` not defined in component`)\n    }\n\n    if (!($root instanceof childConstructor.elementType)) {\n      throw new ElementError({\n        element: $root,\n        component: childConstructor,\n        identifier: 'Root element (`$root`)',\n        expectedType: childConstructor.elementType.name\n      })\n    } else {\n      this._$root = /** @type {RootElementType} */ ($root)\n    }\n\n    childConstructor.checkSupport()\n\n    this.checkInitialised()\n\n    const moduleName = childConstructor.moduleName\n\n    this.$root.setAttribute(`data-${moduleName}-init`, '')\n  }\n\n  /**\n   * Validates whether component is already initialised\n   *\n   * @private\n   * @throws {InitError} when component is already initialised\n   */\n  checkInitialised() {\n    const constructor = /** @type {ChildClassConstructor} */ (this.constructor)\n    const moduleName = constructor.moduleName\n\n    if (moduleName && isInitialised(this.$root, moduleName)) {\n      throw new InitError(constructor)\n    }\n  }\n\n  /**\n   * Validates whether components are supported\n   *\n   * @throws {SupportError} when the components are not supported\n   */\n  static checkSupport() {\n    if (!isSupported()) {\n      throw new SupportError()\n    }\n  }\n}\n\n/**\n * @typedef ChildClass\n * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component\n */\n\n/**\n * @typedef {typeof Component & ChildClass} ChildClassConstructor\n */\n","import { setFocus } from '../../common/index.mjs'\nimport { Component } from '../../component.mjs'\nimport { ElementError } from '../../errors/index.mjs'\n\n/**\n * Skip link component\n *\n * @preserve\n * @augments Component<HTMLAnchorElement>\n */\nexport class SkipLink extends Component {\n  static elementType = HTMLAnchorElement\n\n  /**\n   * @param {Element | null} $root - HTML element to use for skip link\n   * @throws {ElementError} when $root is not set or the wrong type\n   * @throws {ElementError} when $root.hash does not contain a hash\n   * @throws {ElementError} when the linked element is missing or the wrong type\n   */\n  constructor($root) {\n    super($root)\n\n    const hash = this.$root.hash\n    const href = this.$root.getAttribute('href') ?? ''\n\n    // Return early for external URLs or links to other pages\n    if (\n      this.$root.origin !== window.location.origin ||\n      this.$root.pathname !== window.location.pathname\n    ) {\n      return\n    }\n\n    const linkedElementId = hash.replace('#', '')\n\n    // Check link path matching current page\n    if (!linkedElementId) {\n      throw new ElementError(\n        `Skip link: Target link (\\`href=\"${href}\"\\`) has no hash fragment`\n      )\n    }\n\n    const $linkedElement = document.getElementById(linkedElementId)\n\n    // Check for link target element\n    if (!$linkedElement) {\n      throw new ElementError({\n        component: SkipLink,\n        element: $linkedElement,\n        identifier: `Target content (\\`id=\"${linkedElementId}\"\\`)`\n      })\n    }\n\n    /**\n     * Focus the linked element on click\n     *\n     * Adds a helper CSS class to hide native focus styles,\n     * but removes it on blur to restore native focus styles\n     */\n    this.$root.addEventListener('click', () =>\n      setFocus($linkedElement, {\n        onBeforeFocus() {\n          $linkedElement.classList.add('govuk-skip-link-focused-element')\n        },\n        onBlur() {\n          $linkedElement.classList.remove('govuk-skip-link-focused-element')\n        }\n      })\n    )\n  }\n\n  /**\n   * Name for the component used when initialising using data-module attributes.\n   */\n  static moduleName = 'govuk-skip-link'\n}\n"],"names":["setFocus","$element","options","_options$onBeforeFocu","isFocusable","getAttribute","setAttribute","onFocus","addEventListener","onBlur","once","_options$onBlur","call","removeAttribute","onBeforeFocus","focus","isInitialised","$root","moduleName","HTMLElement","hasAttribute","isSupported","$scope","document","body","classList","contains","isArray","option","Array","isObject","formatErrorMessage","Component","message","GOVUKFrontendError","Error","constructor","args","name","SupportError","supportMessage","HTMLScriptElement","prototype","ElementError","messageOrOptions","component","identifier","element","expectedType","InitError","componentOrMessage","_$root","childConstructor","elementType","checkSupport","checkInitialised","SkipLink","_this$$root$getAttrib","hash","href","origin","window","location","pathname","linkedElementId","replace","$linkedElement","getElementById","add","remove","HTMLAnchorElement"],"mappings":"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"}
\ No newline at end of file
diff --git a/app/templates/govuk/components/skip-link/skip-link.bundle.mjs b/app/templates/govuk/components/skip-link/skip-link.bundle.mjs
new file mode 100644
index 0000000..6a45bab
--- /dev/null
+++ b/app/templates/govuk/components/skip-link/skip-link.bundle.mjs
@@ -0,0 +1,209 @@
+function setFocus($element, options = {}) {
+  var _options$onBeforeFocu;
+  const isFocusable = $element.getAttribute('tabindex');
+  if (!isFocusable) {
+    $element.setAttribute('tabindex', '-1');
+  }
+  function onFocus() {
+    $element.addEventListener('blur', onBlur, {
+      once: true
+    });
+  }
+  function onBlur() {
+    var _options$onBlur;
+    (_options$onBlur = options.onBlur) == null || _options$onBlur.call($element);
+    if (!isFocusable) {
+      $element.removeAttribute('tabindex');
+    }
+  }
+  $element.addEventListener('focus', onFocus, {
+    once: true
+  });
+  (_options$onBeforeFocu = options.onBeforeFocus) == null || _options$onBeforeFocu.call($element);
+  $element.focus();
+}
+function isInitialised($root, moduleName) {
+  return $root instanceof HTMLElement && $root.hasAttribute(`data-${moduleName}-init`);
+}
+
+/**
+ * Checks if GOV.UK Frontend is supported on this page
+ *
+ * Some browsers will load and run our JavaScript but GOV.UK Frontend
+ * won't be supported.
+ *
+ * @param {HTMLElement | null} [$scope] - (internal) `<body>` HTML element checked for browser support
+ * @returns {boolean} Whether GOV.UK Frontend is supported on this page
+ */
+function isSupported($scope = document.body) {
+  if (!$scope) {
+    return false;
+  }
+  return $scope.classList.contains('govuk-frontend-supported');
+}
+function isArray(option) {
+  return Array.isArray(option);
+}
+function isObject(option) {
+  return !!option && typeof option === 'object' && !isArray(option);
+}
+function formatErrorMessage(Component, message) {
+  return `${Component.moduleName}: ${message}`;
+}
+/**
+ * @typedef ComponentWithModuleName
+ * @property {string} moduleName - Name of the component
+ */
+
+class GOVUKFrontendError extends Error {
+  constructor(...args) {
+    super(...args);
+    this.name = 'GOVUKFrontendError';
+  }
+}
+class SupportError extends GOVUKFrontendError {
+  /**
+   * Checks if GOV.UK Frontend is supported on this page
+   *
+   * @param {HTMLElement | null} [$scope] - HTML element `<body>` checked for browser support
+   */
+  constructor($scope = document.body) {
+    const supportMessage = 'noModule' in HTMLScriptElement.prototype ? 'GOV.UK Frontend initialised without `<body class="govuk-frontend-supported">` from template `<script>` snippet' : 'GOV.UK Frontend is not supported in this browser';
+    super($scope ? supportMessage : 'GOV.UK Frontend initialised without `<script type="module">`');
+    this.name = 'SupportError';
+  }
+}
+class ElementError extends GOVUKFrontendError {
+  constructor(messageOrOptions) {
+    let message = typeof messageOrOptions === 'string' ? messageOrOptions : '';
+    if (isObject(messageOrOptions)) {
+      const {
+        component,
+        identifier,
+        element,
+        expectedType
+      } = messageOrOptions;
+      message = identifier;
+      message += element ? ` is not of type ${expectedType != null ? expectedType : 'HTMLElement'}` : ' not found';
+      if (component) {
+        message = formatErrorMessage(component, message);
+      }
+    }
+    super(message);
+    this.name = 'ElementError';
+  }
+}
+class InitError extends GOVUKFrontendError {
+  constructor(componentOrMessage) {
+    const message = typeof componentOrMessage === 'string' ? componentOrMessage : formatErrorMessage(componentOrMessage, `Root element (\`$root\`) already initialised`);
+    super(message);
+    this.name = 'InitError';
+  }
+}
+/**
+ * @import { ComponentWithModuleName } from '../common/index.mjs'
+ */
+
+class Component {
+  /**
+   * Returns the root element of the component
+   *
+   * @protected
+   * @returns {RootElementType} - the root element of component
+   */
+  get $root() {
+    return this._$root;
+  }
+  constructor($root) {
+    this._$root = void 0;
+    const childConstructor = this.constructor;
+    if (typeof childConstructor.moduleName !== 'string') {
+      throw new InitError(`\`moduleName\` not defined in component`);
+    }
+    if (!($root instanceof childConstructor.elementType)) {
+      throw new ElementError({
+        element: $root,
+        component: childConstructor,
+        identifier: 'Root element (`$root`)',
+        expectedType: childConstructor.elementType.name
+      });
+    } else {
+      this._$root = $root;
+    }
+    childConstructor.checkSupport();
+    this.checkInitialised();
+    const moduleName = childConstructor.moduleName;
+    this.$root.setAttribute(`data-${moduleName}-init`, '');
+  }
+  checkInitialised() {
+    const constructor = this.constructor;
+    const moduleName = constructor.moduleName;
+    if (moduleName && isInitialised(this.$root, moduleName)) {
+      throw new InitError(constructor);
+    }
+  }
+  static checkSupport() {
+    if (!isSupported()) {
+      throw new SupportError();
+    }
+  }
+}
+
+/**
+ * @typedef ChildClass
+ * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component
+ */
+
+/**
+ * @typedef {typeof Component & ChildClass} ChildClassConstructor
+ */
+Component.elementType = HTMLElement;
+
+/**
+ * Skip link component
+ *
+ * @preserve
+ * @augments Component<HTMLAnchorElement>
+ */
+class SkipLink extends Component {
+  /**
+   * @param {Element | null} $root - HTML element to use for skip link
+   * @throws {ElementError} when $root is not set or the wrong type
+   * @throws {ElementError} when $root.hash does not contain a hash
+   * @throws {ElementError} when the linked element is missing or the wrong type
+   */
+  constructor($root) {
+    var _this$$root$getAttrib;
+    super($root);
+    const hash = this.$root.hash;
+    const href = (_this$$root$getAttrib = this.$root.getAttribute('href')) != null ? _this$$root$getAttrib : '';
+    if (this.$root.origin !== window.location.origin || this.$root.pathname !== window.location.pathname) {
+      return;
+    }
+    const linkedElementId = hash.replace('#', '');
+    if (!linkedElementId) {
+      throw new ElementError(`Skip link: Target link (\`href="${href}"\`) has no hash fragment`);
+    }
+    const $linkedElement = document.getElementById(linkedElementId);
+    if (!$linkedElement) {
+      throw new ElementError({
+        component: SkipLink,
+        element: $linkedElement,
+        identifier: `Target content (\`id="${linkedElementId}"\`)`
+      });
+    }
+    this.$root.addEventListener('click', () => setFocus($linkedElement, {
+      onBeforeFocus() {
+        $linkedElement.classList.add('govuk-skip-link-focused-element');
+      },
+      onBlur() {
+        $linkedElement.classList.remove('govuk-skip-link-focused-element');
+      }
+    }));
+  }
+}
+SkipLink.elementType = HTMLAnchorElement;
+SkipLink.moduleName = 'govuk-skip-link';
+
+export { SkipLink };
+//# sourceMappingURL=skip-link.bundle.mjs.map
diff --git a/app/templates/govuk/components/skip-link/skip-link.bundle.mjs.map b/app/templates/govuk/components/skip-link/skip-link.bundle.mjs.map
new file mode 100644
index 0000000..2301450
--- /dev/null
+++ b/app/templates/govuk/components/skip-link/skip-link.bundle.mjs.map
@@ -0,0 +1 @@
+{"version":3,"file":"skip-link.bundle.mjs","sources":["../../../../src/govuk/common/index.mjs","../../../../src/govuk/errors/index.mjs","../../../../src/govuk/component.mjs","../../../../src/govuk/components/skip-link/skip-link.mjs"],"sourcesContent":["/**\n * Common helpers which do not require polyfill.\n *\n * IMPORTANT: If a helper require a polyfill, please isolate it in its own module\n * so that the polyfill can be properly tree-shaken and does not burden\n * the components that do not need that helper\n */\n\n/**\n * Get GOV.UK Frontend breakpoint value from CSS custom property\n *\n * @private\n * @param {string} name - Breakpoint name\n * @returns {{ property: string, value?: string }} Breakpoint object\n */\nexport function getBreakpoint(name) {\n  const property = `--govuk-breakpoint-${name}`\n\n  // Get value from `<html>` with breakpoints on CSS :root\n  const value = window\n    .getComputedStyle(document.documentElement)\n    .getPropertyValue(property)\n\n  return {\n    property,\n    value: value || undefined\n  }\n}\n\n/**\n * Move focus to element\n *\n * Sets tabindex to -1 to make the element programmatically focusable,\n * but removes it on blur as the element doesn't need to be focused again.\n *\n * @private\n * @template {HTMLElement} FocusElement\n * @param {FocusElement} $element - HTML element\n * @param {object} [options] - Handler options\n * @param {function(this: FocusElement): void} [options.onBeforeFocus] - Callback before focus\n * @param {function(this: FocusElement): void} [options.onBlur] - Callback on blur\n */\nexport function setFocus($element, options = {}) {\n  const isFocusable = $element.getAttribute('tabindex')\n\n  if (!isFocusable) {\n    $element.setAttribute('tabindex', '-1')\n  }\n\n  /**\n   * Handle element focus\n   */\n  function onFocus() {\n    $element.addEventListener('blur', onBlur, { once: true })\n  }\n\n  /**\n   * Handle element blur\n   */\n  function onBlur() {\n    options.onBlur?.call($element)\n\n    if (!isFocusable) {\n      $element.removeAttribute('tabindex')\n    }\n  }\n\n  // Add listener to reset element on blur, after focus\n  $element.addEventListener('focus', onFocus, { once: true })\n\n  // Focus element\n  options.onBeforeFocus?.call($element)\n  $element.focus()\n}\n\n/**\n * Checks if component is already initialised\n *\n * @internal\n * @param {Element} $root - HTML element to be checked\n * @param {string} moduleName - name of component module\n * @returns {boolean} Whether component is already initialised\n */\nexport function isInitialised($root, moduleName) {\n  return (\n    $root instanceof HTMLElement &&\n    $root.hasAttribute(`data-${moduleName}-init`)\n  )\n}\n\n/**\n * Checks if GOV.UK Frontend is supported on this page\n *\n * Some browsers will load and run our JavaScript but GOV.UK Frontend\n * won't be supported.\n *\n * @param {HTMLElement | null} [$scope] - (internal) `<body>` HTML element checked for browser support\n * @returns {boolean} Whether GOV.UK Frontend is supported on this page\n */\nexport function isSupported($scope = document.body) {\n  if (!$scope) {\n    return false\n  }\n\n  return $scope.classList.contains('govuk-frontend-supported')\n}\n\n/**\n * Check for an array\n *\n * @internal\n * @param {unknown} option - Option to check\n * @returns {boolean} Whether the option is an array\n */\nfunction isArray(option) {\n  return Array.isArray(option)\n}\n\n/**\n * Check for an object\n *\n * @internal\n * @template {Partial<Record<keyof ObjectType, unknown>>} ObjectType\n * @param {unknown | ObjectType} option - Option to check\n * @returns {option is ObjectType} Whether the option is an object\n */\nexport function isObject(option) {\n  return !!option && typeof option === 'object' && !isArray(option)\n}\n\n/**\n * Check for valid scope\n *\n * @internal\n * @template {Element | Document} ScopeType\n * @param {unknown | ScopeType} $scope - Scope of the document to search within\n * @returns {$scope is ScopeType} Whether the scope can be queried\n */\nexport function isScope($scope) {\n  return !!$scope && ($scope instanceof Element || $scope instanceof Document)\n}\n\n/**\n * Format error message\n *\n * @internal\n * @param {ComponentWithModuleName} Component - Component that threw the error\n * @param {string} message - Error message\n * @returns {string} - Formatted error message\n */\nexport function formatErrorMessage(Component, message) {\n  return `${Component.moduleName}: ${message}`\n}\n\n/* eslint-disable jsdoc/valid-types --\n * `{new(...args: any[] ): object}` is not recognised as valid\n * https://github.com/gajus/eslint-plugin-jsdoc/issues/145#issuecomment-1308722878\n * https://github.com/jsdoc-type-pratt-parser/jsdoc-type-pratt-parser/issues/131\n **/\n\n/**\n * @typedef ComponentWithModuleName\n * @property {string} moduleName - Name of the component\n */\n\n/* eslint-enable jsdoc/valid-types */\n","import { formatErrorMessage, isObject } from '../common/index.mjs'\n\n/**\n * GOV.UK Frontend error\n *\n * A base class for `Error`s thrown by GOV.UK Frontend.\n *\n * It is meant to be extended into specific types of errors\n * to be thrown by our code.\n *\n * @example\n * ```js\n * class MissingRootError extends GOVUKFrontendError {\n *   // Setting an explicit name is important as extending the class will not\n *   // set a new `name` on the subclass. The `name` property is important\n *   // to ensure intelligible error names even if the class name gets\n *   // mangled by a minifier\n *   name = \"MissingRootError\"\n * }\n * ```\n * @virtual\n */\nexport class GOVUKFrontendError extends Error {\n  name = 'GOVUKFrontendError'\n}\n\n/**\n * Indicates that GOV.UK Frontend is not supported\n */\nexport class SupportError extends GOVUKFrontendError {\n  name = 'SupportError'\n\n  /**\n   * Checks if GOV.UK Frontend is supported on this page\n   *\n   * @param {HTMLElement | null} [$scope] - HTML element `<body>` checked for browser support\n   */\n  constructor($scope = document.body) {\n    const supportMessage =\n      'noModule' in HTMLScriptElement.prototype\n        ? 'GOV.UK Frontend initialised without `<body class=\"govuk-frontend-supported\">` from template `<script>` snippet'\n        : 'GOV.UK Frontend is not supported in this browser'\n\n    super(\n      $scope\n        ? supportMessage\n        : 'GOV.UK Frontend initialised without `<script type=\"module\">`'\n    )\n  }\n}\n\n/**\n * Indicates that a component has received an illegal configuration\n */\nexport class ConfigError extends GOVUKFrontendError {\n  name = 'ConfigError'\n}\n\n/**\n * Indicates an issue with an element (possibly `null` or `undefined`)\n */\nexport class ElementError extends GOVUKFrontendError {\n  name = 'ElementError'\n\n  /**\n   * @internal\n   * @overload\n   * @param {string} message - Element error message\n   */\n\n  /**\n   * @internal\n   * @overload\n   * @param {ElementErrorOptions} options - Element error options\n   */\n\n  /**\n   * @internal\n   * @param {string | ElementErrorOptions} messageOrOptions - Element error message or options\n   */\n  constructor(messageOrOptions) {\n    let message = typeof messageOrOptions === 'string' ? messageOrOptions : ''\n\n    // Build message from options\n    if (isObject(messageOrOptions)) {\n      const { component, identifier, element, expectedType } = messageOrOptions\n\n      message = identifier\n\n      // Append reason\n      message += element\n        ? ` is not of type ${expectedType ?? 'HTMLElement'}`\n        : ' not found'\n\n      // Prepend with module name (optional)\n      if (component) {\n        message = formatErrorMessage(component, message)\n      }\n    }\n\n    super(message)\n  }\n}\n\n/**\n * Indicates that a component is already initialised\n */\nexport class InitError extends GOVUKFrontendError {\n  name = 'InitError'\n\n  /**\n   * @internal\n   * @param {ComponentWithModuleName | string} componentOrMessage - name of the component module\n   */\n  constructor(componentOrMessage) {\n    const message =\n      typeof componentOrMessage === 'string'\n        ? componentOrMessage\n        : formatErrorMessage(\n            componentOrMessage,\n            `Root element (\\`$root\\`) already initialised`\n          )\n\n    super(message)\n  }\n}\n\n/**\n * Element error options\n *\n * @internal\n * @typedef {object} ElementErrorOptions\n * @property {Element | Document | null} [element] - The element in error (optional)\n * @property {ComponentWithModuleName} [component] - Component throwing the error (optional)\n * @property {string} identifier - An identifier that'll let the user understand which element has an error. This is whatever makes the most sense\n * @property {string} [expectedType] - The type that was expected for the identifier (optional)\n */\n\n/**\n * @import { ComponentWithModuleName } from '../common/index.mjs'\n */\n","import { isInitialised, isSupported } from './common/index.mjs'\nimport { ElementError, InitError, SupportError } from './errors/index.mjs'\n\n/**\n * Base Component class\n *\n * Centralises the behaviours shared by our components\n *\n * @virtual\n * @template {Element} [RootElementType=HTMLElement]\n */\nexport class Component {\n  /**\n   * @type {typeof Element}\n   */\n  static elementType = HTMLElement\n\n  // allows Typescript user to work around the lack of types\n  // in GOVUKFrontend package, Typescript is not aware of $root\n  // in components that extend GOVUKFrontendComponent\n  /**\n   * Returns the root element of the component\n   *\n   * @protected\n   * @returns {RootElementType} - the root element of component\n   */\n  get $root() {\n    return this._$root\n  }\n\n  /**\n   * @protected\n   * @type {RootElementType}\n   */\n  _$root\n\n  /**\n   * Constructs a new component, validating that GOV.UK Frontend is supported\n   *\n   * @internal\n   * @param {Element | null} [$root] - HTML element to use for component\n   */\n  constructor($root) {\n    const childConstructor = /** @type {ChildClassConstructor} */ (\n      this.constructor\n    )\n\n    // TypeScript does not enforce that inheriting classes will define a `moduleName`\n    // (even if we add a `@virtual` `static moduleName` property to this class).\n    // While we trust users to do this correctly, we do a little check to provide them\n    // a helpful error message.\n    //\n    // After this, we'll be sure that `childConstructor` has a `moduleName`\n    // as expected of the `ChildClassConstructor` we've cast `this.constructor` to.\n    if (typeof childConstructor.moduleName !== 'string') {\n      throw new InitError(`\\`moduleName\\` not defined in component`)\n    }\n\n    if (!($root instanceof childConstructor.elementType)) {\n      throw new ElementError({\n        element: $root,\n        component: childConstructor,\n        identifier: 'Root element (`$root`)',\n        expectedType: childConstructor.elementType.name\n      })\n    } else {\n      this._$root = /** @type {RootElementType} */ ($root)\n    }\n\n    childConstructor.checkSupport()\n\n    this.checkInitialised()\n\n    const moduleName = childConstructor.moduleName\n\n    this.$root.setAttribute(`data-${moduleName}-init`, '')\n  }\n\n  /**\n   * Validates whether component is already initialised\n   *\n   * @private\n   * @throws {InitError} when component is already initialised\n   */\n  checkInitialised() {\n    const constructor = /** @type {ChildClassConstructor} */ (this.constructor)\n    const moduleName = constructor.moduleName\n\n    if (moduleName && isInitialised(this.$root, moduleName)) {\n      throw new InitError(constructor)\n    }\n  }\n\n  /**\n   * Validates whether components are supported\n   *\n   * @throws {SupportError} when the components are not supported\n   */\n  static checkSupport() {\n    if (!isSupported()) {\n      throw new SupportError()\n    }\n  }\n}\n\n/**\n * @typedef ChildClass\n * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component\n */\n\n/**\n * @typedef {typeof Component & ChildClass} ChildClassConstructor\n */\n","import { setFocus } from '../../common/index.mjs'\nimport { Component } from '../../component.mjs'\nimport { ElementError } from '../../errors/index.mjs'\n\n/**\n * Skip link component\n *\n * @preserve\n * @augments Component<HTMLAnchorElement>\n */\nexport class SkipLink extends Component {\n  static elementType = HTMLAnchorElement\n\n  /**\n   * @param {Element | null} $root - HTML element to use for skip link\n   * @throws {ElementError} when $root is not set or the wrong type\n   * @throws {ElementError} when $root.hash does not contain a hash\n   * @throws {ElementError} when the linked element is missing or the wrong type\n   */\n  constructor($root) {\n    super($root)\n\n    const hash = this.$root.hash\n    const href = this.$root.getAttribute('href') ?? ''\n\n    // Return early for external URLs or links to other pages\n    if (\n      this.$root.origin !== window.location.origin ||\n      this.$root.pathname !== window.location.pathname\n    ) {\n      return\n    }\n\n    const linkedElementId = hash.replace('#', '')\n\n    // Check link path matching current page\n    if (!linkedElementId) {\n      throw new ElementError(\n        `Skip link: Target link (\\`href=\"${href}\"\\`) has no hash fragment`\n      )\n    }\n\n    const $linkedElement = document.getElementById(linkedElementId)\n\n    // Check for link target element\n    if (!$linkedElement) {\n      throw new ElementError({\n        component: SkipLink,\n        element: $linkedElement,\n        identifier: `Target content (\\`id=\"${linkedElementId}\"\\`)`\n      })\n    }\n\n    /**\n     * Focus the linked element on click\n     *\n     * Adds a helper CSS class to hide native focus styles,\n     * but removes it on blur to restore native focus styles\n     */\n    this.$root.addEventListener('click', () =>\n      setFocus($linkedElement, {\n        onBeforeFocus() {\n          $linkedElement.classList.add('govuk-skip-link-focused-element')\n        },\n        onBlur() {\n          $linkedElement.classList.remove('govuk-skip-link-focused-element')\n        }\n      })\n    )\n  }\n\n  /**\n   * Name for the component used when initialising using data-module attributes.\n   */\n  static moduleName = 'govuk-skip-link'\n}\n"],"names":["setFocus","$element","options","_options$onBeforeFocu","isFocusable","getAttribute","setAttribute","onFocus","addEventListener","onBlur","once","_options$onBlur","call","removeAttribute","onBeforeFocus","focus","isInitialised","$root","moduleName","HTMLElement","hasAttribute","isSupported","$scope","document","body","classList","contains","isArray","option","Array","isObject","formatErrorMessage","Component","message","GOVUKFrontendError","Error","constructor","args","name","SupportError","supportMessage","HTMLScriptElement","prototype","ElementError","messageOrOptions","component","identifier","element","expectedType","InitError","componentOrMessage","_$root","childConstructor","elementType","checkSupport","checkInitialised","SkipLink","_this$$root$getAttrib","hash","href","origin","window","location","pathname","linkedElementId","replace","$linkedElement","getElementById","add","remove","HTMLAnchorElement"],"mappings":"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"}
\ No newline at end of file
diff --git a/app/templates/govuk/components/skip-link/skip-link.mjs b/app/templates/govuk/components/skip-link/skip-link.mjs
new file mode 100644
index 0000000..1b2b537
--- /dev/null
+++ b/app/templates/govuk/components/skip-link/skip-link.mjs
@@ -0,0 +1,52 @@
+import { setFocus } from '../../common/index.mjs';
+import { Component } from '../../component.mjs';
+import { ElementError } from '../../errors/index.mjs';
+
+/**
+ * Skip link component
+ *
+ * @preserve
+ * @augments Component<HTMLAnchorElement>
+ */
+class SkipLink extends Component {
+  /**
+   * @param {Element | null} $root - HTML element to use for skip link
+   * @throws {ElementError} when $root is not set or the wrong type
+   * @throws {ElementError} when $root.hash does not contain a hash
+   * @throws {ElementError} when the linked element is missing or the wrong type
+   */
+  constructor($root) {
+    var _this$$root$getAttrib;
+    super($root);
+    const hash = this.$root.hash;
+    const href = (_this$$root$getAttrib = this.$root.getAttribute('href')) != null ? _this$$root$getAttrib : '';
+    if (this.$root.origin !== window.location.origin || this.$root.pathname !== window.location.pathname) {
+      return;
+    }
+    const linkedElementId = hash.replace('#', '');
+    if (!linkedElementId) {
+      throw new ElementError(`Skip link: Target link (\`href="${href}"\`) has no hash fragment`);
+    }
+    const $linkedElement = document.getElementById(linkedElementId);
+    if (!$linkedElement) {
+      throw new ElementError({
+        component: SkipLink,
+        element: $linkedElement,
+        identifier: `Target content (\`id="${linkedElementId}"\`)`
+      });
+    }
+    this.$root.addEventListener('click', () => setFocus($linkedElement, {
+      onBeforeFocus() {
+        $linkedElement.classList.add('govuk-skip-link-focused-element');
+      },
+      onBlur() {
+        $linkedElement.classList.remove('govuk-skip-link-focused-element');
+      }
+    }));
+  }
+}
+SkipLink.elementType = HTMLAnchorElement;
+SkipLink.moduleName = 'govuk-skip-link';
+
+export { SkipLink };
+//# sourceMappingURL=skip-link.mjs.map
diff --git a/app/templates/govuk/components/skip-link/skip-link.mjs.map b/app/templates/govuk/components/skip-link/skip-link.mjs.map
new file mode 100644
index 0000000..2cd5739
--- /dev/null
+++ b/app/templates/govuk/components/skip-link/skip-link.mjs.map
@@ -0,0 +1 @@
+{"version":3,"file":"skip-link.mjs","sources":["../../../../src/govuk/components/skip-link/skip-link.mjs"],"sourcesContent":["import { setFocus } from '../../common/index.mjs'\nimport { Component } from '../../component.mjs'\nimport { ElementError } from '../../errors/index.mjs'\n\n/**\n * Skip link component\n *\n * @preserve\n * @augments Component<HTMLAnchorElement>\n */\nexport class SkipLink extends Component {\n  static elementType = HTMLAnchorElement\n\n  /**\n   * @param {Element | null} $root - HTML element to use for skip link\n   * @throws {ElementError} when $root is not set or the wrong type\n   * @throws {ElementError} when $root.hash does not contain a hash\n   * @throws {ElementError} when the linked element is missing or the wrong type\n   */\n  constructor($root) {\n    super($root)\n\n    const hash = this.$root.hash\n    const href = this.$root.getAttribute('href') ?? ''\n\n    // Return early for external URLs or links to other pages\n    if (\n      this.$root.origin !== window.location.origin ||\n      this.$root.pathname !== window.location.pathname\n    ) {\n      return\n    }\n\n    const linkedElementId = hash.replace('#', '')\n\n    // Check link path matching current page\n    if (!linkedElementId) {\n      throw new ElementError(\n        `Skip link: Target link (\\`href=\"${href}\"\\`) has no hash fragment`\n      )\n    }\n\n    const $linkedElement = document.getElementById(linkedElementId)\n\n    // Check for link target element\n    if (!$linkedElement) {\n      throw new ElementError({\n        component: SkipLink,\n        element: $linkedElement,\n        identifier: `Target content (\\`id=\"${linkedElementId}\"\\`)`\n      })\n    }\n\n    /**\n     * Focus the linked element on click\n     *\n     * Adds a helper CSS class to hide native focus styles,\n     * but removes it on blur to restore native focus styles\n     */\n    this.$root.addEventListener('click', () =>\n      setFocus($linkedElement, {\n        onBeforeFocus() {\n          $linkedElement.classList.add('govuk-skip-link-focused-element')\n        },\n        onBlur() {\n          $linkedElement.classList.remove('govuk-skip-link-focused-element')\n        }\n      })\n    )\n  }\n\n  /**\n   * Name for the component used when initialising using data-module attributes.\n   */\n  static moduleName = 'govuk-skip-link'\n}\n"],"names":["SkipLink","Component","constructor","$root","_this$$root$getAttrib","hash","href","getAttribute","origin","window","location","pathname","linkedElementId","replace","ElementError","$linkedElement","document","getElementById","component","element","identifier","addEventListener","setFocus","onBeforeFocus","classList","add","onBlur","remove","elementType","HTMLAnchorElement","moduleName"],"mappings":";;;;AAIA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMA,QAAQ,SAASC,SAAS,CAAC;AAGtC;AACF;AACA;AACA;AACA;AACA;EACEC,WAAWA,CAACC,KAAK,EAAE;AAAA,IAAA,IAAAC,qBAAA;IACjB,KAAK,CAACD,KAAK,CAAC;AAEZ,IAAA,MAAME,IAAI,GAAG,IAAI,CAACF,KAAK,CAACE,IAAI;AAC5B,IAAA,MAAMC,IAAI,GAAA,CAAAF,qBAAA,GAAG,IAAI,CAACD,KAAK,CAACI,YAAY,CAAC,MAAM,CAAC,KAAA,IAAA,GAAAH,qBAAA,GAAI,EAAE;IAGlD,IACE,IAAI,CAACD,KAAK,CAACK,MAAM,KAAKC,MAAM,CAACC,QAAQ,CAACF,MAAM,IAC5C,IAAI,CAACL,KAAK,CAACQ,QAAQ,KAAKF,MAAM,CAACC,QAAQ,CAACC,QAAQ,EAChD;AACA,MAAA;AACF,IAAA;IAEA,MAAMC,eAAe,GAAGP,IAAI,CAACQ,OAAO,CAAC,GAAG,EAAE,EAAE,CAAC;IAG7C,IAAI,CAACD,eAAe,EAAE;AACpB,MAAA,MAAM,IAAIE,YAAY,CACpB,CAAA,gCAAA,EAAmCR,IAAI,2BACzC,CAAC;AACH,IAAA;AAEA,IAAA,MAAMS,cAAc,GAAGC,QAAQ,CAACC,cAAc,CAACL,eAAe,CAAC;IAG/D,IAAI,CAACG,cAAc,EAAE;MACnB,MAAM,IAAID,YAAY,CAAC;AACrBI,QAAAA,SAAS,EAAElB,QAAQ;AACnBmB,QAAAA,OAAO,EAAEJ,cAAc;QACvBK,UAAU,EAAE,yBAAyBR,eAAe,CAAA,IAAA;AACtD,OAAC,CAAC;AACJ,IAAA;IAQA,IAAI,CAACT,KAAK,CAACkB,gBAAgB,CAAC,OAAO,EAAE,MACnCC,QAAQ,CAACP,cAAc,EAAE;AACvBQ,MAAAA,aAAaA,GAAG;AACdR,QAAAA,cAAc,CAACS,SAAS,CAACC,GAAG,CAAC,iCAAiC,CAAC;MACjE,CAAC;AACDC,MAAAA,MAAMA,GAAG;AACPX,QAAAA,cAAc,CAACS,SAAS,CAACG,MAAM,CAAC,iCAAiC,CAAC;AACpE,MAAA;AACF,KAAC,CACH,CAAC;AACH,EAAA;AAMF;AAjEa3B,QAAQ,CACZ4B,WAAW,GAAGC,iBAAiB;AAD3B7B,QAAQ,CAgEZ8B,UAAU,GAAG,iBAAiB;;;;"}
\ No newline at end of file
diff --git a/app/templates/govuk/components/skip-link/template-default.html b/app/templates/govuk/components/skip-link/template-default.html
new file mode 100644
index 0000000..dab6845
--- /dev/null
+++ b/app/templates/govuk/components/skip-link/template-default.html
@@ -0,0 +1 @@
+<a href="#test-target-element" class="govuk-skip-link" data-module="govuk-skip-link">Skip to main content</a>
diff --git a/app/templates/govuk/components/skip-link/template-with-focus.html b/app/templates/govuk/components/skip-link/template-with-focus.html
new file mode 100644
index 0000000..d16b0aa
--- /dev/null
+++ b/app/templates/govuk/components/skip-link/template-with-focus.html
@@ -0,0 +1 @@
+<a href="#test-target-element" class="govuk-skip-link :focus" data-module="govuk-skip-link">Skip to main content</a>
diff --git a/app/templates/govuk/components/skip-link/template.njk b/app/templates/govuk/components/skip-link/template.njk
new file mode 100644
index 0000000..c34d60e
--- /dev/null
+++ b/app/templates/govuk/components/skip-link/template.njk
@@ -0,0 +1,6 @@
+{% from "../../macros/attributes.njk" import govukAttributes -%}
+
+<a href="{{ params.href | default("#content", true) }}" class="govuk-skip-link {%- if params.classes %} {{ params.classes }}{% endif %}"
+  {{- govukAttributes(params.attributes) }} data-module="govuk-skip-link">
+  {{- params.html | safe if params.html else params.text -}}
+</a>
diff --git a/app/templates/govuk/components/summary-list/README.md b/app/templates/govuk/components/summary-list/README.md
new file mode 100644
index 0000000..0321b2b
--- /dev/null
+++ b/app/templates/govuk/components/summary-list/README.md
@@ -0,0 +1,15 @@
+# Summary list
+
+## Installation
+
+See the [main README quick start guide](https://github.com/alphagov/govuk-frontend#quick-start) for how to install this component.
+
+## Guidance and Examples
+
+Find out when to use the summary list component in your service in the [GOV.UK Design System](https://design-system.service.gov.uk/components/summary-list).
+
+## Component options
+
+Use options to customise the appearance, content and behaviour of a component when using a macro, for example, changing the text.
+
+See [options table](https://design-system.service.gov.uk/components/summary-list/#options-summary-list-example) for details.
diff --git a/app/templates/govuk/components/summary-list/_index.scss b/app/templates/govuk/components/summary-list/_index.scss
new file mode 100644
index 0000000..38f15b4
--- /dev/null
+++ b/app/templates/govuk/components/summary-list/_index.scss
@@ -0,0 +1,269 @@
+@include govuk-exports("govuk/component/summary-list") {
+  .govuk-summary-list {
+    @include govuk-font($size: 19);
+    @include govuk-text-colour;
+    @include govuk-media-query($from: tablet) {
+      display: table;
+      width: 100%;
+      table-layout: fixed; // Required to allow us to wrap words that overflow.
+      border-collapse: collapse;
+    }
+    margin: 0; // Reset default user agent styles
+    @include govuk-responsive-margin(6, "bottom");
+  }
+
+  .govuk-summary-list__row {
+    border-bottom: 1px solid $govuk-border-colour;
+
+    @include govuk-media-query($until: tablet) {
+      margin-bottom: govuk-spacing(3);
+    }
+    @include govuk-media-query($from: tablet) {
+      display: table-row;
+    }
+  }
+
+  // Remove right padding from the last column in the row
+  .govuk-summary-list__row:not(.govuk-summary-list__row--no-actions) > :last-child {
+    padding-right: 0;
+  }
+
+  // Provide an empty 'cell' for rows that don't have actions – otherwise the
+  // bottom border is not drawn for that part of the row in some browsers.
+  .govuk-summary-list__row--no-actions {
+    @include govuk-media-query($from: tablet) {
+      &::after {
+        content: "";
+        display: table-cell;
+        width: 20%;
+      }
+    }
+  }
+
+  .govuk-summary-list__key,
+  .govuk-summary-list__value,
+  .govuk-summary-list__actions {
+    margin: 0; // Reset default user agent styles
+
+    @include govuk-media-query($from: tablet) {
+      display: table-cell;
+      padding-top: govuk-spacing(2);
+      padding-right: govuk-spacing(4);
+      padding-bottom: govuk-spacing(2);
+    }
+  }
+
+  .govuk-summary-list__actions {
+    margin-bottom: govuk-spacing(3);
+    @include govuk-media-query($from: tablet) {
+      width: 20%;
+      text-align: right;
+    }
+  }
+
+  .govuk-summary-list__key,
+  .govuk-summary-list__value {
+    // Automatic wrapping for unbreakable text (e.g. URLs)
+    word-wrap: break-word; // Fallback for older browsers only
+    overflow-wrap: break-word;
+  }
+
+  .govuk-summary-list__key {
+    margin-bottom: govuk-spacing(1);
+    @include govuk-typography-weight-bold;
+    @include govuk-media-query($from: tablet) {
+      width: 30%;
+    }
+  }
+
+  .govuk-summary-list__value {
+    @include govuk-media-query($until: tablet) {
+      margin-bottom: govuk-spacing(3);
+    }
+  }
+
+  .govuk-summary-list__value > p {
+    margin-bottom: govuk-spacing(2);
+  }
+
+  .govuk-summary-list__value > :last-child {
+    margin-bottom: 0;
+  }
+
+  .govuk-summary-list__actions-list {
+    width: 100%;
+    margin: 0; // Reset default user agent styles
+    padding: 0; // Reset default user agent styles
+  }
+
+  .govuk-summary-list__actions-list-item,
+  .govuk-summary-card__action {
+    display: inline-block;
+  }
+
+  @include govuk-media-query($until: tablet) {
+    .govuk-summary-list__actions-list-item,
+    .govuk-summary-card__action {
+      margin-right: govuk-spacing(2);
+      padding-right: govuk-spacing(2);
+      border-right: 1px solid $govuk-border-colour;
+    }
+
+    .govuk-summary-list__actions-list-item:last-child,
+    .govuk-summary-card__action:last-child {
+      margin-right: 0;
+      padding-right: 0;
+      border: 0;
+    }
+  }
+
+  @include govuk-media-query($from: tablet) {
+    .govuk-summary-list__actions-list-item,
+    .govuk-summary-card__action {
+      margin-left: govuk-spacing(2);
+      padding-left: govuk-spacing(2);
+    }
+
+    .govuk-summary-list__actions-list-item:not(:first-child),
+    .govuk-summary-card__action:not(:first-child) {
+      border-left: 1px solid $govuk-border-colour;
+    }
+
+    .govuk-summary-list__actions-list-item:first-child,
+    .govuk-summary-card__action:first-child {
+      margin-left: 0;
+      padding-left: 0;
+      border: 0;
+    }
+  }
+
+  // Large groups of action links may wrap onto multiple lines. Because the link
+  // focus styles are applied outside of the link's bounding box, there are
+  // situations where the focus style on a link can be overlapped by subsequent
+  // links. We don't want this, so let's create a new stacking context on focus
+  // so the link always appears to be 'on top'.
+  .govuk-summary-list__actions-list-item .govuk-link:focus {
+    isolation: isolate;
+  }
+
+  // No border on entire summary list
+  .govuk-summary-list--no-border {
+    .govuk-summary-list__row {
+      border: 0;
+    }
+
+    // Increase padding by 1px to compensate for 'missing' border
+    @include govuk-media-query($from: tablet) {
+      .govuk-summary-list__key,
+      .govuk-summary-list__value,
+      .govuk-summary-list__actions {
+        padding-bottom: govuk-spacing(2) + 1px;
+      }
+    }
+  }
+
+  // No border on specific rows
+  .govuk-summary-list__row--no-border {
+    border: 0;
+
+    // Increase padding by 1px to compensate for 'missing' border
+    @include govuk-media-query($from: tablet) {
+      .govuk-summary-list__key,
+      .govuk-summary-list__value,
+      .govuk-summary-list__actions {
+        padding-bottom: govuk-spacing(2) + 1px;
+      }
+    }
+  }
+
+  // Additional block for the summary card
+  .govuk-summary-card {
+    @include govuk-responsive-margin(6, "bottom");
+    border: 1px solid $govuk-border-colour;
+  }
+
+  .govuk-summary-card__title-wrapper {
+    padding: govuk-spacing(3);
+
+    // Ensures the card header appears separate to the summary list in forced
+    // colours mode
+    border-bottom: 1px solid transparent;
+    background-color: govuk-colour("light-grey");
+
+    @include govuk-media-query($from: "tablet") {
+      display: flex;
+      justify-content: space-between;
+      flex-wrap: nowrap;
+      padding: govuk-spacing(3) govuk-spacing(4);
+    }
+  }
+
+  .govuk-summary-card__title {
+    @include govuk-font($size: 19, $weight: bold);
+    @include govuk-text-colour;
+    margin: govuk-spacing(1) govuk-spacing(4) govuk-spacing(2) 0;
+
+    @include govuk-media-query($from: "tablet") {
+      margin-bottom: govuk-spacing(1);
+    }
+  }
+
+  .govuk-summary-card__actions {
+    @include govuk-font-size($size: 19);
+    @include govuk-typography-weight-bold;
+    display: flex;
+    flex-wrap: wrap;
+    row-gap: 10px;
+    margin: govuk-spacing(1) 0;
+    padding: 0;
+    list-style: none;
+
+    @include govuk-media-query($from: "tablet") {
+      justify-content: right;
+      text-align: right;
+    }
+  }
+
+  .govuk-summary-card__action {
+    display: inline;
+
+    // We use the following media query to target IE11 and 10 only to add margin
+    // between actions.
+    //
+    // We do this because we're using row-gap to create space between actions on
+    // more evergreen browsers which IE doesn't support. @supports currently isn't
+    // a viable solution, see https://github.com/w3c/csswg-drafts/issues/3559.
+    //
+    // Solution taken from https://stackoverflow.com/questions/11173106/apply-style-only-on-ie#answer-36448860
+    // which also includes an explanation of why this works
+    @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
+      margin-bottom: govuk-spacing(1);
+    }
+  }
+
+  .govuk-summary-card__action:last-child {
+    // See above comment for why this is here
+    @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
+      margin-bottom: 0;
+    }
+  }
+
+  .govuk-summary-card__content {
+    padding: govuk-spacing(3) govuk-spacing(3) 0;
+
+    @include govuk-media-query($from: "tablet") {
+      padding: govuk-spacing(3) govuk-spacing(4);
+    }
+
+    .govuk-summary-list {
+      margin-bottom: 0;
+    }
+
+    .govuk-summary-list__row:last-of-type {
+      margin-bottom: 0;
+      border-bottom: none;
+    }
+  }
+}
+
+/*# sourceMappingURL=_index.scss.map */
diff --git a/app/templates/govuk/components/summary-list/_index.scss.map b/app/templates/govuk/components/summary-list/_index.scss.map
new file mode 100644
index 0000000..e922241
--- /dev/null
+++ b/app/templates/govuk/components/summary-list/_index.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/summary-list/_index.scss"],"names":[],"mappings":"AAAA;EACE;IACE,8BAA8B;IAC9B,0BAA0B;IAC1B;MACE,cAAc;MACd,WAAW;MACX,mBAAmB,EAAE,mDAAmD;MACxE,yBAAyB;IAC3B;IACA,SAAS,EAAE,iCAAiC;IAC5C,6CAA6C;EAC/C;;EAEA;IACE,6CAA6C;;IAE7C;MACE,+BAA+B;IACjC;IACA;MACE,kBAAkB;IACpB;EACF;;EAEA,sDAAsD;EACtD;IACE,gBAAgB;EAClB;;EAEA,0EAA0E;EAC1E,uEAAuE;EACvE;IACE;MACE;QACE,WAAW;QACX,mBAAmB;QACnB,UAAU;MACZ;IACF;EACF;;EAEA;;;IAGE,SAAS,EAAE,iCAAiC;;IAE5C;MACE,mBAAmB;MACnB,6BAA6B;MAC7B,+BAA+B;MAC/B,gCAAgC;IAClC;EACF;;EAEA;IACE,+BAA+B;IAC/B;MACE,UAAU;MACV,iBAAiB;IACnB;EACF;;EAEA;;IAEE,qDAAqD;IACrD,qBAAqB,EAAE,kCAAkC;IACzD,yBAAyB;EAC3B;;EAEA;IACE,+BAA+B;IAC/B,qCAAqC;IACrC;MACE,UAAU;IACZ;EACF;;EAEA;IACE;MACE,+BAA+B;IACjC;EACF;;EAEA;IACE,+BAA+B;EACjC;;EAEA;IACE,gBAAgB;EAClB;;EAEA;IACE,WAAW;IACX,SAAS,EAAE,iCAAiC;IAC5C,UAAU,EAAE,iCAAiC;EAC/C;;EAEA;;IAEE,qBAAqB;EACvB;;EAEA;IACE;;MAEE,8BAA8B;MAC9B,+BAA+B;MAC/B,4CAA4C;IAC9C;;IAEA;;MAEE,eAAe;MACf,gBAAgB;MAChB,SAAS;IACX;EACF;;EAEA;IACE;;MAEE,6BAA6B;MAC7B,8BAA8B;IAChC;;IAEA;;MAEE,2CAA2C;IAC7C;;IAEA;;MAEE,cAAc;MACd,eAAe;MACf,SAAS;IACX;EACF;;EAEA,6EAA6E;EAC7E,wEAAwE;EACxE,4EAA4E;EAC5E,4EAA4E;EAC5E,4CAA4C;EAC5C;IACE,kBAAkB;EACpB;;EAEA,kCAAkC;EAClC;IACE;MACE,SAAS;IACX;;IAEA,4DAA4D;IAC5D;MACE;;;QAGE,sCAAsC;MACxC;IACF;EACF;;EAEA,4BAA4B;EAC5B;IACE,SAAS;;IAET,4DAA4D;IAC5D;MACE;;;QAGE,sCAAsC;MACxC;IACF;EACF;;EAEA,uCAAuC;EACvC;IACE,6CAA6C;IAC7C,sCAAsC;EACxC;;EAEA;IACE,yBAAyB;;IAEzB,wEAAwE;IACxE,cAAc;IACd,oCAAoC;IACpC,4CAA4C;;IAE5C;MACE,aAAa;MACb,8BAA8B;MAC9B,iBAAiB;MACjB,0CAA0C;IAC5C;EACF;;EAEA;IACE,6CAA6C;IAC7C,0BAA0B;IAC1B,4DAA4D;;IAE5D;MACE,+BAA+B;IACjC;EACF;;EAEA;IACE,mCAAmC;IACnC,qCAAqC;IACrC,aAAa;IACb,eAAe;IACf,aAAa;IACb,0BAA0B;IAC1B,UAAU;IACV,gBAAgB;;IAEhB;MACE,sBAAsB;MACtB,iBAAiB;IACnB;EACF;;EAEA;IACE,eAAe;;IAEf,2EAA2E;IAC3E,kBAAkB;IAClB,CAAC;IACD,2EAA2E;IAC3E,6EAA6E;IAC7E,yEAAyE;IACzE,CAAC;IACD,yGAAyG;IACzG,sDAAsD;IACtD;MACE,+BAA+B;IACjC;EACF;;EAEA;IACE,wCAAwC;IACxC;MACE,gBAAgB;IAClB;EACF;;EAEA;IACE,4CAA4C;;IAE5C;MACE,0CAA0C;IAC5C;;IAEA;MACE,gBAAgB;IAClB;;IAEA;MACE,gBAAgB;MAChB,mBAAmB;IACrB;EACF;AACF","file":"_index.scss","sourcesContent":["@include govuk-exports(\"govuk/component/summary-list\") {\n  .govuk-summary-list {\n    @include govuk-font($size: 19);\n    @include govuk-text-colour;\n    @include govuk-media-query($from: tablet) {\n      display: table;\n      width: 100%;\n      table-layout: fixed; // Required to allow us to wrap words that overflow.\n      border-collapse: collapse;\n    }\n    margin: 0; // Reset default user agent styles\n    @include govuk-responsive-margin(6, \"bottom\");\n  }\n\n  .govuk-summary-list__row {\n    border-bottom: 1px solid $govuk-border-colour;\n\n    @include govuk-media-query($until: tablet) {\n      margin-bottom: govuk-spacing(3);\n    }\n    @include govuk-media-query($from: tablet) {\n      display: table-row;\n    }\n  }\n\n  // Remove right padding from the last column in the row\n  .govuk-summary-list__row:not(.govuk-summary-list__row--no-actions) > :last-child {\n    padding-right: 0;\n  }\n\n  // Provide an empty 'cell' for rows that don't have actions – otherwise the\n  // bottom border is not drawn for that part of the row in some browsers.\n  .govuk-summary-list__row--no-actions {\n    @include govuk-media-query($from: tablet) {\n      &::after {\n        content: \"\";\n        display: table-cell;\n        width: 20%;\n      }\n    }\n  }\n\n  .govuk-summary-list__key,\n  .govuk-summary-list__value,\n  .govuk-summary-list__actions {\n    margin: 0; // Reset default user agent styles\n\n    @include govuk-media-query($from: tablet) {\n      display: table-cell;\n      padding-top: govuk-spacing(2);\n      padding-right: govuk-spacing(4);\n      padding-bottom: govuk-spacing(2);\n    }\n  }\n\n  .govuk-summary-list__actions {\n    margin-bottom: govuk-spacing(3);\n    @include govuk-media-query($from: tablet) {\n      width: 20%;\n      text-align: right;\n    }\n  }\n\n  .govuk-summary-list__key,\n  .govuk-summary-list__value {\n    // Automatic wrapping for unbreakable text (e.g. URLs)\n    word-wrap: break-word; // Fallback for older browsers only\n    overflow-wrap: break-word;\n  }\n\n  .govuk-summary-list__key {\n    margin-bottom: govuk-spacing(1);\n    @include govuk-typography-weight-bold;\n    @include govuk-media-query($from: tablet) {\n      width: 30%;\n    }\n  }\n\n  .govuk-summary-list__value {\n    @include govuk-media-query($until: tablet) {\n      margin-bottom: govuk-spacing(3);\n    }\n  }\n\n  .govuk-summary-list__value > p {\n    margin-bottom: govuk-spacing(2);\n  }\n\n  .govuk-summary-list__value > :last-child {\n    margin-bottom: 0;\n  }\n\n  .govuk-summary-list__actions-list {\n    width: 100%;\n    margin: 0; // Reset default user agent styles\n    padding: 0; // Reset default user agent styles\n  }\n\n  .govuk-summary-list__actions-list-item,\n  .govuk-summary-card__action {\n    display: inline-block;\n  }\n\n  @include govuk-media-query($until: tablet) {\n    .govuk-summary-list__actions-list-item,\n    .govuk-summary-card__action {\n      margin-right: govuk-spacing(2);\n      padding-right: govuk-spacing(2);\n      border-right: 1px solid $govuk-border-colour;\n    }\n\n    .govuk-summary-list__actions-list-item:last-child,\n    .govuk-summary-card__action:last-child {\n      margin-right: 0;\n      padding-right: 0;\n      border: 0;\n    }\n  }\n\n  @include govuk-media-query($from: tablet) {\n    .govuk-summary-list__actions-list-item,\n    .govuk-summary-card__action {\n      margin-left: govuk-spacing(2);\n      padding-left: govuk-spacing(2);\n    }\n\n    .govuk-summary-list__actions-list-item:not(:first-child),\n    .govuk-summary-card__action:not(:first-child) {\n      border-left: 1px solid $govuk-border-colour;\n    }\n\n    .govuk-summary-list__actions-list-item:first-child,\n    .govuk-summary-card__action:first-child {\n      margin-left: 0;\n      padding-left: 0;\n      border: 0;\n    }\n  }\n\n  // Large groups of action links may wrap onto multiple lines. Because the link\n  // focus styles are applied outside of the link's bounding box, there are\n  // situations where the focus style on a link can be overlapped by subsequent\n  // links. We don't want this, so let's create a new stacking context on focus\n  // so the link always appears to be 'on top'.\n  .govuk-summary-list__actions-list-item .govuk-link:focus {\n    isolation: isolate;\n  }\n\n  // No border on entire summary list\n  .govuk-summary-list--no-border {\n    .govuk-summary-list__row {\n      border: 0;\n    }\n\n    // Increase padding by 1px to compensate for 'missing' border\n    @include govuk-media-query($from: tablet) {\n      .govuk-summary-list__key,\n      .govuk-summary-list__value,\n      .govuk-summary-list__actions {\n        padding-bottom: govuk-spacing(2) + 1px;\n      }\n    }\n  }\n\n  // No border on specific rows\n  .govuk-summary-list__row--no-border {\n    border: 0;\n\n    // Increase padding by 1px to compensate for 'missing' border\n    @include govuk-media-query($from: tablet) {\n      .govuk-summary-list__key,\n      .govuk-summary-list__value,\n      .govuk-summary-list__actions {\n        padding-bottom: govuk-spacing(2) + 1px;\n      }\n    }\n  }\n\n  // Additional block for the summary card\n  .govuk-summary-card {\n    @include govuk-responsive-margin(6, \"bottom\");\n    border: 1px solid $govuk-border-colour;\n  }\n\n  .govuk-summary-card__title-wrapper {\n    padding: govuk-spacing(3);\n\n    // Ensures the card header appears separate to the summary list in forced\n    // colours mode\n    border-bottom: 1px solid transparent;\n    background-color: govuk-colour(\"light-grey\");\n\n    @include govuk-media-query($from: \"tablet\") {\n      display: flex;\n      justify-content: space-between;\n      flex-wrap: nowrap;\n      padding: govuk-spacing(3) govuk-spacing(4);\n    }\n  }\n\n  .govuk-summary-card__title {\n    @include govuk-font($size: 19, $weight: bold);\n    @include govuk-text-colour;\n    margin: govuk-spacing(1) govuk-spacing(4) govuk-spacing(2) 0;\n\n    @include govuk-media-query($from: \"tablet\") {\n      margin-bottom: govuk-spacing(1);\n    }\n  }\n\n  .govuk-summary-card__actions {\n    @include govuk-font-size($size: 19);\n    @include govuk-typography-weight-bold;\n    display: flex;\n    flex-wrap: wrap;\n    row-gap: 10px;\n    margin: govuk-spacing(1) 0;\n    padding: 0;\n    list-style: none;\n\n    @include govuk-media-query($from: \"tablet\") {\n      justify-content: right;\n      text-align: right;\n    }\n  }\n\n  .govuk-summary-card__action {\n    display: inline;\n\n    // We use the following media query to target IE11 and 10 only to add margin\n    // between actions.\n    //\n    // We do this because we're using row-gap to create space between actions on\n    // more evergreen browsers which IE doesn't support. @supports currently isn't\n    // a viable solution, see https://github.com/w3c/csswg-drafts/issues/3559.\n    //\n    // Solution taken from https://stackoverflow.com/questions/11173106/apply-style-only-on-ie#answer-36448860\n    // which also includes an explanation of why this works\n    @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {\n      margin-bottom: govuk-spacing(1);\n    }\n  }\n\n  .govuk-summary-card__action:last-child {\n    // See above comment for why this is here\n    @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {\n      margin-bottom: 0;\n    }\n  }\n\n  .govuk-summary-card__content {\n    padding: govuk-spacing(3) govuk-spacing(3) 0;\n\n    @include govuk-media-query($from: \"tablet\") {\n      padding: govuk-spacing(3) govuk-spacing(4);\n    }\n\n    .govuk-summary-list {\n      margin-bottom: 0;\n    }\n\n    .govuk-summary-list__row:last-of-type {\n      margin-bottom: 0;\n      border-bottom: none;\n    }\n  }\n}\n"]}
diff --git a/app/templates/govuk/components/summary-list/_summary-list.scss b/app/templates/govuk/components/summary-list/_summary-list.scss
new file mode 100644
index 0000000..03a34e6
--- /dev/null
+++ b/app/templates/govuk/components/summary-list/_summary-list.scss
@@ -0,0 +1,4 @@
+@import "../../base";
+@import "./index";
+
+/*# sourceMappingURL=_summary-list.scss.map */
diff --git a/app/templates/govuk/components/summary-list/_summary-list.scss.map b/app/templates/govuk/components/summary-list/_summary-list.scss.map
new file mode 100644
index 0000000..255b8be
--- /dev/null
+++ b/app/templates/govuk/components/summary-list/_summary-list.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/summary-list/_summary-list.scss"],"names":[],"mappings":"AAAA,oBAAoB;AACpB,iBAAiB","file":"_summary-list.scss","sourcesContent":["@import \"../../base\";\n@import \"./index\";\n"]}
diff --git a/app/templates/govuk/components/summary-list/fixtures.json b/app/templates/govuk/components/summary-list/fixtures.json
new file mode 100644
index 0000000..577e872
--- /dev/null
+++ b/app/templates/govuk/components/summary-list/fixtures.json
@@ -0,0 +1,1528 @@
+{
+    "component": "summary-list",
+    "fixtures": [
+        {
+            "name": "default",
+            "options": {
+                "rows": [
+                    {
+                        "key": {
+                            "text": "Name"
+                        },
+                        "value": {
+                            "text": "Firstname Lastname"
+                        }
+                    },
+                    {
+                        "key": {
+                            "text": "Date of birth"
+                        },
+                        "value": {
+                            "text": "13/08/1980"
+                        }
+                    },
+                    {
+                        "key": {
+                            "text": "Contact information"
+                        },
+                        "value": {
+                            "html": "<p class=\"govuk-body\">\n  email@email.com\n</p>\n<p class=\"govuk-body\">\n  Address line 1<br>\n  Address line 2<br>\n  Address line 3<br>\n  Address line 4<br>\n  Address line 5\n</p>\n"
+                        }
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": true,
+            "html": "<dl class=\"govuk-summary-list\">\n  <div class=\"govuk-summary-list__row\">\n    <dt class=\"govuk-summary-list__key\">\n      Name\n    </dt>\n    <dd class=\"govuk-summary-list__value\">\n      Firstname Lastname\n    </dd>\n  </div>\n  <div class=\"govuk-summary-list__row\">\n    <dt class=\"govuk-summary-list__key\">\n      Date of birth\n    </dt>\n    <dd class=\"govuk-summary-list__value\">\n      13/08/1980\n    </dd>\n  </div>\n  <div class=\"govuk-summary-list__row\">\n    <dt class=\"govuk-summary-list__key\">\n      Contact information\n    </dt>\n    <dd class=\"govuk-summary-list__value\">\n      <p class=\"govuk-body\">\n        email@email.com\n      </p>\n      <p class=\"govuk-body\">\n        Address line 1<br>\n        Address line 2<br>\n        Address line 3<br>\n        Address line 4<br>\n        Address line 5\n      </p>\n    </dd>\n  </div>\n</dl>"
+        },
+        {
+            "name": "with actions",
+            "options": {
+                "rows": [
+                    {
+                        "key": {
+                            "text": "Name"
+                        },
+                        "value": {
+                            "text": "Firstname Lastname"
+                        },
+                        "actions": {
+                            "items": [
+                                {
+                                    "href": "#",
+                                    "text": "Edit",
+                                    "visuallyHiddenText": "name"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Delete",
+                                    "visuallyHiddenText": "name"
+                                }
+                            ]
+                        }
+                    },
+                    {
+                        "key": {
+                            "text": "Date of birth"
+                        },
+                        "value": {
+                            "text": "13/08/1980"
+                        },
+                        "actions": {
+                            "items": [
+                                {
+                                    "href": "#",
+                                    "text": "Change",
+                                    "visuallyHiddenText": "date of birth"
+                                }
+                            ]
+                        }
+                    },
+                    {
+                        "key": {
+                            "text": "Contact information"
+                        },
+                        "value": {
+                            "html": "<p class=\"govuk-body\">\n  email@email.com\n</p>\n<p class=\"govuk-body\">\n  Address line 1<br>\n  Address line 2<br>\n  Address line 3<br>\n  Address line 4<br>\n  Address line 5\n</p>\n"
+                        },
+                        "actions": {
+                            "items": [
+                                {
+                                    "href": "#",
+                                    "text": "Edit",
+                                    "visuallyHiddenText": "contact information"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Change",
+                                    "visuallyHiddenText": "contact information"
+                                }
+                            ]
+                        }
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<dl class=\"govuk-summary-list\">\n  <div class=\"govuk-summary-list__row\">\n    <dt class=\"govuk-summary-list__key\">\n      Name\n    </dt>\n    <dd class=\"govuk-summary-list__value\">\n      Firstname Lastname\n    </dd>\n    <dd class=\"govuk-summary-list__actions\">\n      <ul class=\"govuk-summary-list__actions-list\">\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Edit<span class=\"govuk-visually-hidden\"> name</span></a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Delete<span class=\"govuk-visually-hidden\"> name</span></a>\n        </li>\n      </ul>\n    </dd>\n  </div>\n  <div class=\"govuk-summary-list__row\">\n    <dt class=\"govuk-summary-list__key\">\n      Date of birth\n    </dt>\n    <dd class=\"govuk-summary-list__value\">\n      13/08/1980\n    </dd>\n    <dd class=\"govuk-summary-list__actions\">\n      <a class=\"govuk-link\" href=\"#\">Change<span class=\"govuk-visually-hidden\"> date of birth</span></a>\n    </dd>\n  </div>\n  <div class=\"govuk-summary-list__row\">\n    <dt class=\"govuk-summary-list__key\">\n      Contact information\n    </dt>\n    <dd class=\"govuk-summary-list__value\">\n      <p class=\"govuk-body\">\n        email@email.com\n      </p>\n      <p class=\"govuk-body\">\n        Address line 1<br>\n        Address line 2<br>\n        Address line 3<br>\n        Address line 4<br>\n        Address line 5\n      </p>\n    </dd>\n    <dd class=\"govuk-summary-list__actions\">\n      <ul class=\"govuk-summary-list__actions-list\">\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Edit<span class=\"govuk-visually-hidden\"> contact information</span></a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Change<span class=\"govuk-visually-hidden\"> contact information</span></a>\n        </li>\n      </ul>\n    </dd>\n  </div>\n</dl>"
+        },
+        {
+            "name": "no-border",
+            "options": {
+                "classes": "govuk-summary-list--no-border",
+                "rows": [
+                    {
+                        "key": {
+                            "text": "Name"
+                        },
+                        "value": {
+                            "text": "Firstname Lastname"
+                        }
+                    },
+                    {
+                        "key": {
+                            "text": "Date of birth"
+                        },
+                        "value": {
+                            "text": "13/08/1980"
+                        }
+                    },
+                    {
+                        "key": {
+                            "text": "Contact information"
+                        },
+                        "value": {
+                            "html": "<p class=\"govuk-body\">\n  email@email.com\n</p>\n<p class=\"govuk-body\">\n  Address line 1<br>\n  Address line 2<br>\n  Address line 3<br>\n  Address line 4<br>\n  Address line 5\n</p>\n"
+                        }
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<dl class=\"govuk-summary-list govuk-summary-list--no-border\">\n  <div class=\"govuk-summary-list__row\">\n    <dt class=\"govuk-summary-list__key\">\n      Name\n    </dt>\n    <dd class=\"govuk-summary-list__value\">\n      Firstname Lastname\n    </dd>\n  </div>\n  <div class=\"govuk-summary-list__row\">\n    <dt class=\"govuk-summary-list__key\">\n      Date of birth\n    </dt>\n    <dd class=\"govuk-summary-list__value\">\n      13/08/1980\n    </dd>\n  </div>\n  <div class=\"govuk-summary-list__row\">\n    <dt class=\"govuk-summary-list__key\">\n      Contact information\n    </dt>\n    <dd class=\"govuk-summary-list__value\">\n      <p class=\"govuk-body\">\n        email@email.com\n      </p>\n      <p class=\"govuk-body\">\n        Address line 1<br>\n        Address line 2<br>\n        Address line 3<br>\n        Address line 4<br>\n        Address line 5\n      </p>\n    </dd>\n  </div>\n</dl>"
+        },
+        {
+            "name": "no-border on last row",
+            "options": {
+                "rows": [
+                    {
+                        "key": {
+                            "text": "Name"
+                        },
+                        "value": {
+                            "text": "Firstname Lastname"
+                        }
+                    },
+                    {
+                        "key": {
+                            "text": "Date of birth"
+                        },
+                        "value": {
+                            "text": "13/08/1980"
+                        }
+                    },
+                    {
+                        "key": {
+                            "text": "Contact information"
+                        },
+                        "value": {
+                            "html": "<p class=\"govuk-body\">\n  email@email.com\n</p>\n<p class=\"govuk-body\">\n  Address line 1<br>\n  Address line 2<br>\n  Address line 3<br>\n  Address line 4<br>\n  Address line 5\n</p>\n"
+                        },
+                        "classes": "govuk-summary-list__row--no-border"
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<dl class=\"govuk-summary-list\">\n  <div class=\"govuk-summary-list__row\">\n    <dt class=\"govuk-summary-list__key\">\n      Name\n    </dt>\n    <dd class=\"govuk-summary-list__value\">\n      Firstname Lastname\n    </dd>\n  </div>\n  <div class=\"govuk-summary-list__row\">\n    <dt class=\"govuk-summary-list__key\">\n      Date of birth\n    </dt>\n    <dd class=\"govuk-summary-list__value\">\n      13/08/1980\n    </dd>\n  </div>\n  <div class=\"govuk-summary-list__row govuk-summary-list__row--no-border\">\n    <dt class=\"govuk-summary-list__key\">\n      Contact information\n    </dt>\n    <dd class=\"govuk-summary-list__value\">\n      <p class=\"govuk-body\">\n        email@email.com\n      </p>\n      <p class=\"govuk-body\">\n        Address line 1<br>\n        Address line 2<br>\n        Address line 3<br>\n        Address line 4<br>\n        Address line 5\n      </p>\n    </dd>\n  </div>\n</dl>"
+        },
+        {
+            "name": "extreme",
+            "options": {
+                "rows": [
+                    {
+                        "key": {
+                            "text": "Name"
+                        },
+                        "value": {
+                            "text": "Barnaby Marmaduke Aloysius Benjy Cobweb Dartagnan Egbert Felix Gaspar Humbert Ignatius Jayden Kasper Leroy Maximilian Neddy Obiajulu Pepin Quilliam Rosencrantz Sexton Teddy Upwood Vivatma Wayland Xylon Yardley Zachary Usansky"
+                        },
+                        "actions": {
+                            "items": [
+                                {
+                                    "href": "#",
+                                    "text": "Buy"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Use"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Break"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Fix"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Trash"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Change"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Mail"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Upgrade"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Charge"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Point"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Zoom"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Press"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Snap"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Work"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Quick"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Erase"
+                                }
+                            ]
+                        }
+                    },
+                    {
+                        "key": {
+                            "text": "Long website address"
+                        },
+                        "value": {
+                            "html": "<a class=\"govuk-link\" href=\"https://cs.wikipedia.org/wiki/Llanfairpwllgwyngyllgogerychwyrndrobwllllantysiliogogogoch\">https://cs.wikipedia.org/wiki/Llanfairpwllgwyngyllgogerychwyrndrobwllllantysiliogogogoch</a>\n"
+                        },
+                        "actions": {
+                            "items": [
+                                {
+                                    "href": "#",
+                                    "text": "Change",
+                                    "visuallyHiddenText": "long website address"
+                                }
+                            ]
+                        }
+                    },
+                    {
+                        "key": {
+                            "text": "Long email address"
+                        },
+                        "value": {
+                            "html": "<a class=\"govuk-link\" href=\"mailto:webmaster@llanfairpwllgwyngyllgogerychwyrndrobwllllantysiliogogogoch.com\">webmaster@llanfairpwllgwyngyllgogerychwyrndrobwllllantysiliogogogoch.com</a>\n"
+                        },
+                        "actions": {
+                            "items": [
+                                {
+                                    "href": "#",
+                                    "text": "Change",
+                                    "visuallyHiddenText": "long email address"
+                                }
+                            ]
+                        }
+                    },
+                    {
+                        "key": {
+                            "text": "No wrapping allowed"
+                        },
+                        "value": {
+                            "html": "<p class=\"govuk-body\" style=\"white-space: nowrap;\">michelle.longish.name@example.com</p>\n"
+                        },
+                        "actions": {
+                            "items": [
+                                {
+                                    "href": "#",
+                                    "text": "Change",
+                                    "visuallyHiddenText": "no wrapping allowed"
+                                }
+                            ]
+                        }
+                    },
+                    {
+                        "key": {
+                            "text": "Pneumonoultramicroscopicsilicovolcanoconiosis"
+                        },
+                        "value": {
+                            "html": "<p class=\"govuk-body\">Pneumonoultramicroscopicsilicovolcanoconiosis is a word coined by the president of the National Puzzlers’ League as a synonym for the disease known as silicosis. It is the longest word in the English language published in a dictionary, the Oxford English Dictionary, which defines it as \"an artificial long word said to mean a lung disease caused by inhaling very fine ash and sand dust.\"</p>\n<p class=\"govuk-body\">Silicosis is a form of occupational lung disease caused by inhalation of crystalline silica dust, and is marked by inflammation and scarring in the form of nodular lesions in the upper lobes of the lungs. It is a type of pneumoconiosis.</p>\n"
+                        },
+                        "actions": {
+                            "items": [
+                                {
+                                    "href": "#",
+                                    "text": "Write"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Cut"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Paste"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Save"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Load"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Check"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Quick"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Rewrite"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Plug"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Play"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Burn"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Rip"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Drag and drop"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Zip"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Unzip"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Lock"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Fill"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Curl"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Find"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "View"
+                                }
+                            ]
+                        }
+                    },
+                    {
+                        "key": {
+                            "text": "Its vanished trees, the trees that had made way for Gatsby’s house, Pneumonoultramicroscopicsilicovolcanoconiosis had once pandered in whispers to the last and greatest of all human dreams; for a transitory enchanted moment man must have held his breath in the presence of this continent, compelled into an aesthetic contemplation he neither understood nor desired, face to face for the last time in history with something commensurate to his capacity for wonder."
+                        },
+                        "value": {
+                            "text": "The Great Gatsby"
+                        },
+                        "actions": {
+                            "items": [
+                                {
+                                    "href": "#",
+                                    "text": "Code"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Jam"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Unlock"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Surf"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Scroll"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Pose"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Click"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Cross"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Crack"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Twitch"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Update"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Name"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Read"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Tune"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Print"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Scan"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Send"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Fax"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Rename"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Touch"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Bring"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Pay"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Watch"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Turn"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Leave"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Stop"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Format"
+                                }
+                            ]
+                        }
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<dl class=\"govuk-summary-list\">\n  <div class=\"govuk-summary-list__row\">\n    <dt class=\"govuk-summary-list__key\">\n      Name\n    </dt>\n    <dd class=\"govuk-summary-list__value\">\n      Barnaby Marmaduke Aloysius Benjy Cobweb Dartagnan Egbert Felix Gaspar Humbert Ignatius Jayden Kasper Leroy Maximilian Neddy Obiajulu Pepin Quilliam Rosencrantz Sexton Teddy Upwood Vivatma Wayland Xylon Yardley Zachary Usansky\n    </dd>\n    <dd class=\"govuk-summary-list__actions\">\n      <ul class=\"govuk-summary-list__actions-list\">\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Buy</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Use</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Break</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Fix</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Trash</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Change</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Mail</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Upgrade</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Charge</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Point</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Zoom</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Press</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Snap</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Work</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Quick</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Erase</a>\n        </li>\n      </ul>\n    </dd>\n  </div>\n  <div class=\"govuk-summary-list__row\">\n    <dt class=\"govuk-summary-list__key\">\n      Long website address\n    </dt>\n    <dd class=\"govuk-summary-list__value\">\n      <a class=\"govuk-link\" href=\"https://cs.wikipedia.org/wiki/Llanfairpwllgwyngyllgogerychwyrndrobwllllantysiliogogogoch\">https://cs.wikipedia.org/wiki/Llanfairpwllgwyngyllgogerychwyrndrobwllllantysiliogogogoch</a>\n    </dd>\n    <dd class=\"govuk-summary-list__actions\">\n      <a class=\"govuk-link\" href=\"#\">Change<span class=\"govuk-visually-hidden\"> long website address</span></a>\n    </dd>\n  </div>\n  <div class=\"govuk-summary-list__row\">\n    <dt class=\"govuk-summary-list__key\">\n      Long email address\n    </dt>\n    <dd class=\"govuk-summary-list__value\">\n      <a class=\"govuk-link\" href=\"mailto:webmaster@llanfairpwllgwyngyllgogerychwyrndrobwllllantysiliogogogoch.com\">webmaster@llanfairpwllgwyngyllgogerychwyrndrobwllllantysiliogogogoch.com</a>\n    </dd>\n    <dd class=\"govuk-summary-list__actions\">\n      <a class=\"govuk-link\" href=\"#\">Change<span class=\"govuk-visually-hidden\"> long email address</span></a>\n    </dd>\n  </div>\n  <div class=\"govuk-summary-list__row\">\n    <dt class=\"govuk-summary-list__key\">\n      No wrapping allowed\n    </dt>\n    <dd class=\"govuk-summary-list__value\">\n      <p class=\"govuk-body\" style=\"white-space: nowrap;\">michelle.longish.name@example.com</p>\n    </dd>\n    <dd class=\"govuk-summary-list__actions\">\n      <a class=\"govuk-link\" href=\"#\">Change<span class=\"govuk-visually-hidden\"> no wrapping allowed</span></a>\n    </dd>\n  </div>\n  <div class=\"govuk-summary-list__row\">\n    <dt class=\"govuk-summary-list__key\">\n      Pneumonoultramicroscopicsilicovolcanoconiosis\n    </dt>\n    <dd class=\"govuk-summary-list__value\">\n      <p class=\"govuk-body\">Pneumonoultramicroscopicsilicovolcanoconiosis is a word coined by the president of the National Puzzlers’ League as a synonym for the disease known as silicosis. It is the longest word in the English language published in a dictionary, the Oxford English Dictionary, which defines it as \"an artificial long word said to mean a lung disease caused by inhaling very fine ash and sand dust.\"</p>\n      <p class=\"govuk-body\">Silicosis is a form of occupational lung disease caused by inhalation of crystalline silica dust, and is marked by inflammation and scarring in the form of nodular lesions in the upper lobes of the lungs. It is a type of pneumoconiosis.</p>\n    </dd>\n    <dd class=\"govuk-summary-list__actions\">\n      <ul class=\"govuk-summary-list__actions-list\">\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Write</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Cut</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Paste</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Save</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Load</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Check</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Quick</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Rewrite</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Plug</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Play</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Burn</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Rip</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Drag and drop</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Zip</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Unzip</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Lock</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Fill</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Curl</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Find</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">View</a>\n        </li>\n      </ul>\n    </dd>\n  </div>\n  <div class=\"govuk-summary-list__row\">\n    <dt class=\"govuk-summary-list__key\">\n      Its vanished trees, the trees that had made way for Gatsby’s house, Pneumonoultramicroscopicsilicovolcanoconiosis had once pandered in whispers to the last and greatest of all human dreams; for a transitory enchanted moment man must have held his breath in the presence of this continent, compelled into an aesthetic contemplation he neither understood nor desired, face to face for the last time in history with something commensurate to his capacity for wonder.\n    </dt>\n    <dd class=\"govuk-summary-list__value\">\n      The Great Gatsby\n    </dd>\n    <dd class=\"govuk-summary-list__actions\">\n      <ul class=\"govuk-summary-list__actions-list\">\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Code</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Jam</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Unlock</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Surf</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Scroll</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Pose</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Click</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Cross</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Crack</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Twitch</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Update</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Name</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Read</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Tune</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Print</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Scan</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Send</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Fax</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Rename</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Touch</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Bring</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Pay</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Watch</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Turn</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Leave</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Stop</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Format</a>\n        </li>\n      </ul>\n    </dd>\n  </div>\n</dl>"
+        },
+        {
+            "name": "as a summary card with a text header",
+            "options": {
+                "card": {
+                    "title": {
+                        "text": "Undergraduate teaching assistant"
+                    }
+                },
+                "rows": [
+                    {
+                        "key": {
+                            "text": "Name"
+                        },
+                        "value": {
+                            "text": "Firstname Lastname"
+                        }
+                    },
+                    {
+                        "key": {
+                            "text": "Date of birth"
+                        },
+                        "value": {
+                            "text": "13/08/1980"
+                        }
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": true,
+            "html": "<div class=\"govuk-summary-card\">\n  <div class=\"govuk-summary-card__title-wrapper\">\n    <h2 class=\"govuk-summary-card__title\">\n      Undergraduate teaching assistant\n    </h2>\n  </div>\n\n  <div class=\"govuk-summary-card__content\">\n    <dl class=\"govuk-summary-list\">\n      <div class=\"govuk-summary-list__row\">\n        <dt class=\"govuk-summary-list__key\">\n          Name\n        </dt>\n        <dd class=\"govuk-summary-list__value\">\n          Firstname Lastname\n        </dd>\n      </div>\n      <div class=\"govuk-summary-list__row\">\n        <dt class=\"govuk-summary-list__key\">\n          Date of birth\n        </dt>\n        <dd class=\"govuk-summary-list__value\">\n          13/08/1980\n        </dd>\n      </div>\n    </dl>\n  </div>\n</div>"
+        },
+        {
+            "name": "as a summary card with a html header",
+            "options": {
+                "card": {
+                    "title": {
+                        "html": "<em>Undergraduate teaching assistant</em>"
+                    }
+                },
+                "rows": [
+                    {
+                        "key": {
+                            "text": "Name"
+                        },
+                        "value": {
+                            "text": "Firstname Lastname"
+                        }
+                    },
+                    {
+                        "key": {
+                            "text": "Date of birth"
+                        },
+                        "value": {
+                            "text": "13/08/1980"
+                        }
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-summary-card\">\n  <div class=\"govuk-summary-card__title-wrapper\">\n    <h2 class=\"govuk-summary-card__title\">\n      <em>Undergraduate teaching assistant</em>\n    </h2>\n  </div>\n\n  <div class=\"govuk-summary-card__content\">\n    <dl class=\"govuk-summary-list\">\n      <div class=\"govuk-summary-list__row\">\n        <dt class=\"govuk-summary-list__key\">\n          Name\n        </dt>\n        <dd class=\"govuk-summary-list__value\">\n          Firstname Lastname\n        </dd>\n      </div>\n      <div class=\"govuk-summary-list__row\">\n        <dt class=\"govuk-summary-list__key\">\n          Date of birth\n        </dt>\n        <dd class=\"govuk-summary-list__value\">\n          13/08/1980\n        </dd>\n      </div>\n    </dl>\n  </div>\n</div>"
+        },
+        {
+            "name": "as a summary card with actions",
+            "options": {
+                "card": {
+                    "title": {
+                        "text": "Undergraduate teaching assistant"
+                    },
+                    "actions": {
+                        "items": [
+                            {
+                                "text": "Delete job history",
+                                "href": "#"
+                            },
+                            {
+                                "text": "Withdraw job history",
+                                "href": "#"
+                            }
+                        ]
+                    }
+                },
+                "rows": [
+                    {
+                        "key": {
+                            "text": "Name"
+                        },
+                        "value": {
+                            "text": "Firstname Lastname"
+                        }
+                    },
+                    {
+                        "key": {
+                            "text": "Date of birth"
+                        },
+                        "value": {
+                            "text": "13/08/1980"
+                        }
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-summary-card\">\n  <div class=\"govuk-summary-card__title-wrapper\">\n    <h2 class=\"govuk-summary-card__title\">\n      Undergraduate teaching assistant\n    </h2>\n    <ul class=\"govuk-summary-card__actions\">\n      <li class=\"govuk-summary-card__action\">\n        <a class=\"govuk-link\" href=\"#\">Delete job history<span class=\"govuk-visually-hidden\"> (Undergraduate teaching assistant)</span></a>\n      </li>\n      <li class=\"govuk-summary-card__action\">\n        <a class=\"govuk-link\" href=\"#\">Withdraw job history<span class=\"govuk-visually-hidden\"> (Undergraduate teaching assistant)</span></a>\n      </li>\n    </ul>\n  </div>\n\n  <div class=\"govuk-summary-card__content\">\n    <dl class=\"govuk-summary-list\">\n      <div class=\"govuk-summary-list__row\">\n        <dt class=\"govuk-summary-list__key\">\n          Name\n        </dt>\n        <dd class=\"govuk-summary-list__value\">\n          Firstname Lastname\n        </dd>\n      </div>\n      <div class=\"govuk-summary-list__row\">\n        <dt class=\"govuk-summary-list__key\">\n          Date of birth\n        </dt>\n        <dd class=\"govuk-summary-list__value\">\n          13/08/1980\n        </dd>\n      </div>\n    </dl>\n  </div>\n</div>"
+        },
+        {
+            "name": "as a summary card with actions plus summary list actions",
+            "options": {
+                "card": {
+                    "title": {
+                        "text": "Undergraduate teaching assistant"
+                    },
+                    "actions": {
+                        "items": [
+                            {
+                                "text": "Delete job history",
+                                "href": "#"
+                            },
+                            {
+                                "text": "Withdraw job history",
+                                "href": "#"
+                            }
+                        ]
+                    }
+                },
+                "rows": [
+                    {
+                        "key": {
+                            "text": "Name"
+                        },
+                        "value": {
+                            "text": "Firstname Lastname"
+                        },
+                        "actions": {
+                            "items": [
+                                {
+                                    "href": "#",
+                                    "text": "Edit",
+                                    "visuallyHiddenText": "name"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Delete",
+                                    "visuallyHiddenText": "name"
+                                }
+                            ]
+                        }
+                    },
+                    {
+                        "key": {
+                            "text": "Date of birth"
+                        },
+                        "value": {
+                            "text": "13/08/1980"
+                        },
+                        "actions": {
+                            "items": [
+                                {
+                                    "href": "#",
+                                    "text": "Change",
+                                    "visuallyHiddenText": "date of birth"
+                                }
+                            ]
+                        }
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-summary-card\">\n  <div class=\"govuk-summary-card__title-wrapper\">\n    <h2 class=\"govuk-summary-card__title\">\n      Undergraduate teaching assistant\n    </h2>\n    <ul class=\"govuk-summary-card__actions\">\n      <li class=\"govuk-summary-card__action\">\n        <a class=\"govuk-link\" href=\"#\">Delete job history<span class=\"govuk-visually-hidden\"> (Undergraduate teaching assistant)</span></a>\n      </li>\n      <li class=\"govuk-summary-card__action\">\n        <a class=\"govuk-link\" href=\"#\">Withdraw job history<span class=\"govuk-visually-hidden\"> (Undergraduate teaching assistant)</span></a>\n      </li>\n    </ul>\n  </div>\n\n  <div class=\"govuk-summary-card__content\">\n    <dl class=\"govuk-summary-list\">\n      <div class=\"govuk-summary-list__row\">\n        <dt class=\"govuk-summary-list__key\">\n          Name\n        </dt>\n        <dd class=\"govuk-summary-list__value\">\n          Firstname Lastname\n        </dd>\n        <dd class=\"govuk-summary-list__actions\">\n          <ul class=\"govuk-summary-list__actions-list\">\n            <li class=\"govuk-summary-list__actions-list-item\">\n              <a class=\"govuk-link\" href=\"#\">Edit<span class=\"govuk-visually-hidden\"> name (Undergraduate teaching assistant)</span></a>\n            </li>\n            <li class=\"govuk-summary-list__actions-list-item\">\n              <a class=\"govuk-link\" href=\"#\">Delete<span class=\"govuk-visually-hidden\"> name (Undergraduate teaching assistant)</span></a>\n            </li>\n          </ul>\n        </dd>\n      </div>\n      <div class=\"govuk-summary-list__row\">\n        <dt class=\"govuk-summary-list__key\">\n          Date of birth\n        </dt>\n        <dd class=\"govuk-summary-list__value\">\n          13/08/1980\n        </dd>\n        <dd class=\"govuk-summary-list__actions\">\n          <a class=\"govuk-link\" href=\"#\">Change<span class=\"govuk-visually-hidden\"> date of birth (Undergraduate teaching assistant)</span></a>\n        </dd>\n      </div>\n    </dl>\n  </div>\n</div>"
+        },
+        {
+            "name": "as a summary card extreme",
+            "options": {
+                "card": {
+                    "title": {
+                        "text": "Senior mid-level customer experience enhancement consultant"
+                    },
+                    "actions": {
+                        "items": [
+                            {
+                                "text": "Bop it",
+                                "href": "#"
+                            },
+                            {
+                                "text": "Twist it",
+                                "href": "#"
+                            },
+                            {
+                                "text": "Pull it",
+                                "href": "#"
+                            },
+                            {
+                                "text": "Flick it",
+                                "href": "#"
+                            },
+                            {
+                                "text": "Spin it",
+                                "href": "#"
+                            },
+                            {
+                                "text": "Shout it",
+                                "href": "#"
+                            },
+                            {
+                                "text": "Shake it",
+                                "href": "#"
+                            }
+                        ]
+                    }
+                },
+                "rows": [
+                    {
+                        "key": {
+                            "text": "Name"
+                        },
+                        "value": {
+                            "text": "Barnaby Marmaduke Aloysius Benjy Cobweb Dartagnan Egbert Felix Gaspar Humbert Ignatius Jayden Kasper Leroy Maximilian Neddy Obiajulu Pepin Quilliam Rosencrantz Sexton Teddy Upwood Vivatma Wayland Xylon Yardley Zachary Usansky"
+                        },
+                        "actions": {
+                            "items": [
+                                {
+                                    "href": "#",
+                                    "text": "Buy"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Use"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Break"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Fix"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Trash"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Change"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Mail"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Upgrade"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Charge"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Point"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Zoom"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Press"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Snap"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Work"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Quick"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Erase"
+                                }
+                            ]
+                        }
+                    },
+                    {
+                        "key": {
+                            "text": "Long website address"
+                        },
+                        "value": {
+                            "html": "<a class=\"govuk-link\" href=\"https://cs.wikipedia.org/wiki/Llanfairpwllgwyngyllgogerychwyrndrobwllllantysiliogogogoch\">https://cs.wikipedia.org/wiki/Llanfairpwllgwyngyllgogerychwyrndrobwllllantysiliogogogoch</a>\n"
+                        },
+                        "actions": {
+                            "items": [
+                                {
+                                    "href": "#",
+                                    "text": "Change",
+                                    "visuallyHiddenText": "long website address"
+                                }
+                            ]
+                        }
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-summary-card\">\n  <div class=\"govuk-summary-card__title-wrapper\">\n    <h2 class=\"govuk-summary-card__title\">\n      Senior mid-level customer experience enhancement consultant\n    </h2>\n    <ul class=\"govuk-summary-card__actions\">\n      <li class=\"govuk-summary-card__action\">\n        <a class=\"govuk-link\" href=\"#\">Bop it<span class=\"govuk-visually-hidden\"> (Senior mid-level customer experience enhancement consultant)</span></a>\n      </li>\n      <li class=\"govuk-summary-card__action\">\n        <a class=\"govuk-link\" href=\"#\">Twist it<span class=\"govuk-visually-hidden\"> (Senior mid-level customer experience enhancement consultant)</span></a>\n      </li>\n      <li class=\"govuk-summary-card__action\">\n        <a class=\"govuk-link\" href=\"#\">Pull it<span class=\"govuk-visually-hidden\"> (Senior mid-level customer experience enhancement consultant)</span></a>\n      </li>\n      <li class=\"govuk-summary-card__action\">\n        <a class=\"govuk-link\" href=\"#\">Flick it<span class=\"govuk-visually-hidden\"> (Senior mid-level customer experience enhancement consultant)</span></a>\n      </li>\n      <li class=\"govuk-summary-card__action\">\n        <a class=\"govuk-link\" href=\"#\">Spin it<span class=\"govuk-visually-hidden\"> (Senior mid-level customer experience enhancement consultant)</span></a>\n      </li>\n      <li class=\"govuk-summary-card__action\">\n        <a class=\"govuk-link\" href=\"#\">Shout it<span class=\"govuk-visually-hidden\"> (Senior mid-level customer experience enhancement consultant)</span></a>\n      </li>\n      <li class=\"govuk-summary-card__action\">\n        <a class=\"govuk-link\" href=\"#\">Shake it<span class=\"govuk-visually-hidden\"> (Senior mid-level customer experience enhancement consultant)</span></a>\n      </li>\n    </ul>\n  </div>\n\n  <div class=\"govuk-summary-card__content\">\n    <dl class=\"govuk-summary-list\">\n      <div class=\"govuk-summary-list__row\">\n        <dt class=\"govuk-summary-list__key\">\n          Name\n        </dt>\n        <dd class=\"govuk-summary-list__value\">\n          Barnaby Marmaduke Aloysius Benjy Cobweb Dartagnan Egbert Felix Gaspar Humbert Ignatius Jayden Kasper Leroy Maximilian Neddy Obiajulu Pepin Quilliam Rosencrantz Sexton Teddy Upwood Vivatma Wayland Xylon Yardley Zachary Usansky\n        </dd>\n        <dd class=\"govuk-summary-list__actions\">\n          <ul class=\"govuk-summary-list__actions-list\">\n            <li class=\"govuk-summary-list__actions-list-item\">\n              <a class=\"govuk-link\" href=\"#\">Buy<span class=\"govuk-visually-hidden\"> (Senior mid-level customer experience enhancement consultant)</span></a>\n            </li>\n            <li class=\"govuk-summary-list__actions-list-item\">\n              <a class=\"govuk-link\" href=\"#\">Use<span class=\"govuk-visually-hidden\"> (Senior mid-level customer experience enhancement consultant)</span></a>\n            </li>\n            <li class=\"govuk-summary-list__actions-list-item\">\n              <a class=\"govuk-link\" href=\"#\">Break<span class=\"govuk-visually-hidden\"> (Senior mid-level customer experience enhancement consultant)</span></a>\n            </li>\n            <li class=\"govuk-summary-list__actions-list-item\">\n              <a class=\"govuk-link\" href=\"#\">Fix<span class=\"govuk-visually-hidden\"> (Senior mid-level customer experience enhancement consultant)</span></a>\n            </li>\n            <li class=\"govuk-summary-list__actions-list-item\">\n              <a class=\"govuk-link\" href=\"#\">Trash<span class=\"govuk-visually-hidden\"> (Senior mid-level customer experience enhancement consultant)</span></a>\n            </li>\n            <li class=\"govuk-summary-list__actions-list-item\">\n              <a class=\"govuk-link\" href=\"#\">Change<span class=\"govuk-visually-hidden\"> (Senior mid-level customer experience enhancement consultant)</span></a>\n            </li>\n            <li class=\"govuk-summary-list__actions-list-item\">\n              <a class=\"govuk-link\" href=\"#\">Mail<span class=\"govuk-visually-hidden\"> (Senior mid-level customer experience enhancement consultant)</span></a>\n            </li>\n            <li class=\"govuk-summary-list__actions-list-item\">\n              <a class=\"govuk-link\" href=\"#\">Upgrade<span class=\"govuk-visually-hidden\"> (Senior mid-level customer experience enhancement consultant)</span></a>\n            </li>\n            <li class=\"govuk-summary-list__actions-list-item\">\n              <a class=\"govuk-link\" href=\"#\">Charge<span class=\"govuk-visually-hidden\"> (Senior mid-level customer experience enhancement consultant)</span></a>\n            </li>\n            <li class=\"govuk-summary-list__actions-list-item\">\n              <a class=\"govuk-link\" href=\"#\">Point<span class=\"govuk-visually-hidden\"> (Senior mid-level customer experience enhancement consultant)</span></a>\n            </li>\n            <li class=\"govuk-summary-list__actions-list-item\">\n              <a class=\"govuk-link\" href=\"#\">Zoom<span class=\"govuk-visually-hidden\"> (Senior mid-level customer experience enhancement consultant)</span></a>\n            </li>\n            <li class=\"govuk-summary-list__actions-list-item\">\n              <a class=\"govuk-link\" href=\"#\">Press<span class=\"govuk-visually-hidden\"> (Senior mid-level customer experience enhancement consultant)</span></a>\n            </li>\n            <li class=\"govuk-summary-list__actions-list-item\">\n              <a class=\"govuk-link\" href=\"#\">Snap<span class=\"govuk-visually-hidden\"> (Senior mid-level customer experience enhancement consultant)</span></a>\n            </li>\n            <li class=\"govuk-summary-list__actions-list-item\">\n              <a class=\"govuk-link\" href=\"#\">Work<span class=\"govuk-visually-hidden\"> (Senior mid-level customer experience enhancement consultant)</span></a>\n            </li>\n            <li class=\"govuk-summary-list__actions-list-item\">\n              <a class=\"govuk-link\" href=\"#\">Quick<span class=\"govuk-visually-hidden\"> (Senior mid-level customer experience enhancement consultant)</span></a>\n            </li>\n            <li class=\"govuk-summary-list__actions-list-item\">\n              <a class=\"govuk-link\" href=\"#\">Erase<span class=\"govuk-visually-hidden\"> (Senior mid-level customer experience enhancement consultant)</span></a>\n            </li>\n          </ul>\n        </dd>\n      </div>\n      <div class=\"govuk-summary-list__row\">\n        <dt class=\"govuk-summary-list__key\">\n          Long website address\n        </dt>\n        <dd class=\"govuk-summary-list__value\">\n          <a class=\"govuk-link\" href=\"https://cs.wikipedia.org/wiki/Llanfairpwllgwyngyllgogerychwyrndrobwllllantysiliogogogoch\">https://cs.wikipedia.org/wiki/Llanfairpwllgwyngyllgogerychwyrndrobwllllantysiliogogogoch</a>\n        </dd>\n        <dd class=\"govuk-summary-list__actions\">\n          <a class=\"govuk-link\" href=\"#\">Change<span class=\"govuk-visually-hidden\"> long website address (Senior mid-level customer experience enhancement consultant)</span></a>\n        </dd>\n      </div>\n    </dl>\n  </div>\n</div>"
+        },
+        {
+            "name": "attributes",
+            "options": {
+                "rows": [
+                    {
+                        "key": {
+                            "text": "Name"
+                        },
+                        "value": {
+                            "text": "Firstname Lastname"
+                        }
+                    }
+                ],
+                "attributes": {
+                    "data-attribute-1": "value-1",
+                    "data-attribute-2": "value-2"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<dl class=\"govuk-summary-list\" data-attribute-1=\"value-1\" data-attribute-2=\"value-2\">\n  <div class=\"govuk-summary-list__row\">\n    <dt class=\"govuk-summary-list__key\">\n      Name\n    </dt>\n    <dd class=\"govuk-summary-list__value\">\n      Firstname Lastname\n    </dd>\n  </div>\n</dl>"
+        },
+        {
+            "name": "with falsy values",
+            "options": {
+                "rows": [
+                    {
+                        "key": {
+                            "text": "Name"
+                        },
+                        "value": {
+                            "text": "Firstname Lastname"
+                        }
+                    },
+                    null,
+                    false,
+                    "",
+                    {
+                        "key": {
+                            "text": "Name 2"
+                        },
+                        "value": {
+                            "text": "Firstname2 Lastname2"
+                        }
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<dl class=\"govuk-summary-list\">\n  <div class=\"govuk-summary-list__row\">\n    <dt class=\"govuk-summary-list__key\">\n      Name\n    </dt>\n    <dd class=\"govuk-summary-list__value\">\n      Firstname Lastname\n    </dd>\n  </div>\n  <div class=\"govuk-summary-list__row\">\n    <dt class=\"govuk-summary-list__key\">\n      Name 2\n    </dt>\n    <dd class=\"govuk-summary-list__value\">\n      Firstname2 Lastname2\n    </dd>\n  </div>\n</dl>"
+        },
+        {
+            "name": "key with html",
+            "options": {
+                "rows": [
+                    {
+                        "key": {
+                            "html": "<b>Name</b>"
+                        },
+                        "value": {
+                            "html": "<strong>Firstname Lastname</strong>"
+                        }
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<dl class=\"govuk-summary-list\">\n  <div class=\"govuk-summary-list__row\">\n    <dt class=\"govuk-summary-list__key\">\n      <b>Name</b>\n    </dt>\n    <dd class=\"govuk-summary-list__value\">\n      <strong>Firstname Lastname</strong>\n    </dd>\n  </div>\n</dl>"
+        },
+        {
+            "name": "key with classes",
+            "options": {
+                "rows": [
+                    {
+                        "key": {
+                            "text": "Name",
+                            "classes": "app-custom-class"
+                        },
+                        "value": {
+                            "text": "Firstname Lastname"
+                        }
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<dl class=\"govuk-summary-list\">\n  <div class=\"govuk-summary-list__row\">\n    <dt class=\"govuk-summary-list__key app-custom-class\">\n      Name\n    </dt>\n    <dd class=\"govuk-summary-list__value\">\n      Firstname Lastname\n    </dd>\n  </div>\n</dl>"
+        },
+        {
+            "name": "value with html",
+            "options": {
+                "rows": [
+                    {
+                        "key": {
+                            "text": "Name"
+                        },
+                        "value": {
+                            "html": "<span>email@email.com</span>"
+                        }
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<dl class=\"govuk-summary-list\">\n  <div class=\"govuk-summary-list__row\">\n    <dt class=\"govuk-summary-list__key\">\n      Name\n    </dt>\n    <dd class=\"govuk-summary-list__value\">\n      <span>email@email.com</span>\n    </dd>\n  </div>\n</dl>"
+        },
+        {
+            "name": "actions href",
+            "options": {
+                "rows": [
+                    {
+                        "key": {
+                            "text": "Name"
+                        },
+                        "value": {
+                            "text": "Firstname Lastname"
+                        },
+                        "actions": {
+                            "items": [
+                                {
+                                    "href": "https://www.gov.uk",
+                                    "text": "Go to GOV.UK"
+                                }
+                            ]
+                        }
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<dl class=\"govuk-summary-list\">\n  <div class=\"govuk-summary-list__row\">\n    <dt class=\"govuk-summary-list__key\">\n      Name\n    </dt>\n    <dd class=\"govuk-summary-list__value\">\n      Firstname Lastname\n    </dd>\n    <dd class=\"govuk-summary-list__actions\">\n      <a class=\"govuk-link\" href=\"https://www.gov.uk\">Go to GOV.UK</a>\n    </dd>\n  </div>\n</dl>"
+        },
+        {
+            "name": "actions with html",
+            "options": {
+                "rows": [
+                    {
+                        "key": {
+                            "text": "Name"
+                        },
+                        "value": {
+                            "text": "Firstname Lastname"
+                        },
+                        "actions": {
+                            "items": [
+                                {
+                                    "html": "Edit<span class=\"visually-hidden\"> name</span>",
+                                    "href": "#"
+                                }
+                            ]
+                        }
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<dl class=\"govuk-summary-list\">\n  <div class=\"govuk-summary-list__row\">\n    <dt class=\"govuk-summary-list__key\">\n      Name\n    </dt>\n    <dd class=\"govuk-summary-list__value\">\n      Firstname Lastname\n    </dd>\n    <dd class=\"govuk-summary-list__actions\">\n      <a class=\"govuk-link\" href=\"#\">Edit<span class=\"visually-hidden\"> name</span></a>\n    </dd>\n  </div>\n</dl>"
+        },
+        {
+            "name": "actions with classes",
+            "options": {
+                "rows": [
+                    {
+                        "key": {
+                            "text": "Name"
+                        },
+                        "value": {
+                            "text": "Firstname Lastname"
+                        },
+                        "actions": {
+                            "classes": "app-custom-class",
+                            "items": [
+                                {
+                                    "text": "Edit",
+                                    "href": "/edit"
+                                }
+                            ]
+                        }
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<dl class=\"govuk-summary-list\">\n  <div class=\"govuk-summary-list__row\">\n    <dt class=\"govuk-summary-list__key\">\n      Name\n    </dt>\n    <dd class=\"govuk-summary-list__value\">\n      Firstname Lastname\n    </dd>\n    <dd class=\"govuk-summary-list__actions app-custom-class\">\n      <a class=\"govuk-link\" href=\"/edit\">Edit</a>\n    </dd>\n  </div>\n</dl>"
+        },
+        {
+            "name": "actions with attributes",
+            "options": {
+                "rows": [
+                    {
+                        "key": {
+                            "text": "Name"
+                        },
+                        "value": {
+                            "text": "Firstname Lastname"
+                        },
+                        "actions": {
+                            "items": [
+                                {
+                                    "text": "Edit",
+                                    "href": "#",
+                                    "attributes": {
+                                        "data-test-attribute": "value",
+                                        "data-test-attribute-2": "value-2"
+                                    }
+                                }
+                            ]
+                        }
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<dl class=\"govuk-summary-list\">\n  <div class=\"govuk-summary-list__row\">\n    <dt class=\"govuk-summary-list__key\">\n      Name\n    </dt>\n    <dd class=\"govuk-summary-list__value\">\n      Firstname Lastname\n    </dd>\n    <dd class=\"govuk-summary-list__actions\">\n      <a class=\"govuk-link\" href=\"#\" data-test-attribute=\"value\" data-test-attribute-2=\"value-2\">Edit</a>\n    </dd>\n  </div>\n</dl>"
+        },
+        {
+            "name": "single action with anchor",
+            "options": {
+                "rows": [
+                    {
+                        "key": {
+                            "text": "Name"
+                        },
+                        "value": {
+                            "text": "Firstname Lastname"
+                        },
+                        "actions": {
+                            "items": [
+                                {
+                                    "text": "First action",
+                                    "href": "#"
+                                }
+                            ]
+                        }
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<dl class=\"govuk-summary-list\">\n  <div class=\"govuk-summary-list__row\">\n    <dt class=\"govuk-summary-list__key\">\n      Name\n    </dt>\n    <dd class=\"govuk-summary-list__value\">\n      Firstname Lastname\n    </dd>\n    <dd class=\"govuk-summary-list__actions\">\n      <a class=\"govuk-link\" href=\"#\">First action</a>\n    </dd>\n  </div>\n</dl>"
+        },
+        {
+            "name": "classes on items",
+            "options": {
+                "rows": [
+                    {
+                        "key": {
+                            "text": "Name"
+                        },
+                        "value": {
+                            "text": "Firstname Lastname"
+                        },
+                        "actions": {
+                            "items": [
+                                {
+                                    "text": "Edit",
+                                    "href": "#",
+                                    "classes": "govuk-link--no-visited-state"
+                                }
+                            ]
+                        }
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<dl class=\"govuk-summary-list\">\n  <div class=\"govuk-summary-list__row\">\n    <dt class=\"govuk-summary-list__key\">\n      Name\n    </dt>\n    <dd class=\"govuk-summary-list__value\">\n      Firstname Lastname\n    </dd>\n    <dd class=\"govuk-summary-list__actions\">\n      <a class=\"govuk-link govuk-link--no-visited-state\" href=\"#\">Edit</a>\n    </dd>\n  </div>\n</dl>"
+        },
+        {
+            "name": "empty items array",
+            "options": {
+                "rows": [
+                    {
+                        "key": {
+                            "text": "Name"
+                        },
+                        "value": {
+                            "text": "Firstname Lastname"
+                        },
+                        "actions": {
+                            "items": []
+                        }
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<dl class=\"govuk-summary-list\">\n  <div class=\"govuk-summary-list__row\">\n    <dt class=\"govuk-summary-list__key\">\n      Name\n    </dt>\n    <dd class=\"govuk-summary-list__value\">\n      Firstname Lastname\n    </dd>\n  </div>\n</dl>"
+        },
+        {
+            "name": "rows with classes",
+            "options": {
+                "rows": [
+                    {
+                        "key": {
+                            "text": "Name"
+                        },
+                        "value": {
+                            "text": "Firstname Lastname"
+                        },
+                        "classes": "app-custom-class"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<dl class=\"govuk-summary-list\">\n  <div class=\"govuk-summary-list__row app-custom-class\">\n    <dt class=\"govuk-summary-list__key\">\n      Name\n    </dt>\n    <dd class=\"govuk-summary-list__value\">\n      Firstname Lastname\n    </dd>\n  </div>\n</dl>"
+        },
+        {
+            "name": "summary card with custom classes",
+            "options": {
+                "card": {
+                    "classes": "custom-class"
+                },
+                "rows": [
+                    {
+                        "key": {
+                            "text": "Name"
+                        },
+                        "value": {
+                            "text": "Firstname Lastname"
+                        }
+                    },
+                    {
+                        "key": {
+                            "text": "Date of birth"
+                        },
+                        "value": {
+                            "text": "13/08/1980"
+                        }
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-summary-card custom-class\">\n  <div class=\"govuk-summary-card__title-wrapper\">\n  </div>\n\n  <div class=\"govuk-summary-card__content\">\n    <dl class=\"govuk-summary-list\">\n      <div class=\"govuk-summary-list__row\">\n        <dt class=\"govuk-summary-list__key\">\n          Name\n        </dt>\n        <dd class=\"govuk-summary-list__value\">\n          Firstname Lastname\n        </dd>\n      </div>\n      <div class=\"govuk-summary-list__row\">\n        <dt class=\"govuk-summary-list__key\">\n          Date of birth\n        </dt>\n        <dd class=\"govuk-summary-list__value\">\n          13/08/1980\n        </dd>\n      </div>\n    </dl>\n  </div>\n</div>"
+        },
+        {
+            "name": "summary card with custom attributes",
+            "options": {
+                "card": {
+                    "attributes": {
+                        "data-attribute-1": "value-1",
+                        "data-attribute-2": "value-2"
+                    }
+                },
+                "rows": [
+                    {
+                        "key": {
+                            "text": "Name"
+                        },
+                        "value": {
+                            "text": "Firstname Lastname"
+                        }
+                    },
+                    {
+                        "key": {
+                            "text": "Date of birth"
+                        },
+                        "value": {
+                            "text": "13/08/1980"
+                        }
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-summary-card\" data-attribute-1=\"value-1\" data-attribute-2=\"value-2\">\n  <div class=\"govuk-summary-card__title-wrapper\">\n  </div>\n\n  <div class=\"govuk-summary-card__content\">\n    <dl class=\"govuk-summary-list\">\n      <div class=\"govuk-summary-list__row\">\n        <dt class=\"govuk-summary-list__key\">\n          Name\n        </dt>\n        <dd class=\"govuk-summary-list__value\">\n          Firstname Lastname\n        </dd>\n      </div>\n      <div class=\"govuk-summary-list__row\">\n        <dt class=\"govuk-summary-list__key\">\n          Date of birth\n        </dt>\n        <dd class=\"govuk-summary-list__value\">\n          13/08/1980\n        </dd>\n      </div>\n    </dl>\n  </div>\n</div>"
+        },
+        {
+            "name": "summary card with only 1 action",
+            "options": {
+                "card": {
+                    "title": {
+                        "text": "Undergraduate teaching assistant"
+                    },
+                    "actions": {
+                        "items": [
+                            {
+                                "text": "My lonely action",
+                                "href": "#"
+                            }
+                        ]
+                    }
+                },
+                "rows": [
+                    {
+                        "key": {
+                            "text": "Name"
+                        },
+                        "value": {
+                            "text": "Firstname Lastname"
+                        }
+                    },
+                    {
+                        "key": {
+                            "text": "Date of birth"
+                        },
+                        "value": {
+                            "text": "13/08/1980"
+                        }
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-summary-card\">\n  <div class=\"govuk-summary-card__title-wrapper\">\n    <h2 class=\"govuk-summary-card__title\">\n      Undergraduate teaching assistant\n    </h2>\n    <div class=\"govuk-summary-card__actions\">\n      <a class=\"govuk-link\" href=\"#\">My lonely action<span class=\"govuk-visually-hidden\"> (Undergraduate teaching assistant)</span></a>\n    </div>\n  </div>\n\n  <div class=\"govuk-summary-card__content\">\n    <dl class=\"govuk-summary-list\">\n      <div class=\"govuk-summary-list__row\">\n        <dt class=\"govuk-summary-list__key\">\n          Name\n        </dt>\n        <dd class=\"govuk-summary-list__value\">\n          Firstname Lastname\n        </dd>\n      </div>\n      <div class=\"govuk-summary-list__row\">\n        <dt class=\"govuk-summary-list__key\">\n          Date of birth\n        </dt>\n        <dd class=\"govuk-summary-list__value\">\n          13/08/1980\n        </dd>\n      </div>\n    </dl>\n  </div>\n</div>"
+        },
+        {
+            "name": "translated",
+            "options": {
+                "rows": [
+                    {
+                        "key": {
+                            "text": "Enw"
+                        },
+                        "value": {
+                            "text": "Firstname Lastname"
+                        },
+                        "actions": {
+                            "items": [
+                                {
+                                    "href": "#",
+                                    "html": "Golygu<span class=\"govuk-visually-hidden\"> enw</span>",
+                                    "visuallyHiddenText": ""
+                                },
+                                {
+                                    "href": "#",
+                                    "html": "Dileu<span class=\"govuk-visually-hidden\"> enw</span>",
+                                    "visuallyHiddenText": ""
+                                }
+                            ]
+                        }
+                    },
+                    {
+                        "key": {
+                            "text": "Dyddiad geni"
+                        },
+                        "value": {
+                            "text": "13/08/1980"
+                        },
+                        "actions": {
+                            "items": [
+                                {
+                                    "href": "#",
+                                    "html": "Golygu<span class=\"govuk-visually-hidden\"> dyddiad geni</span>",
+                                    "visuallyHiddenText": ""
+                                }
+                            ]
+                        }
+                    },
+                    {
+                        "key": {
+                            "text": "Gwybodaeth cyswllt"
+                        },
+                        "value": {
+                            "html": "<p class=\"govuk-body\">\n  email@email.com\n</p>\n<p class=\"govuk-body\">\n  Address line 1<br>\n  Address line 2<br>\n  Address line 3<br>\n  Address line 4<br>\n  Address line 5\n</p>\n"
+                        },
+                        "actions": {
+                            "items": [
+                                {
+                                    "href": "#",
+                                    "html": "Golygu<span class=\"govuk-visually-hidden\"> gwybodaeth cyswllt</span>",
+                                    "visuallyHiddenText": ""
+                                }
+                            ]
+                        }
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<dl class=\"govuk-summary-list\">\n  <div class=\"govuk-summary-list__row\">\n    <dt class=\"govuk-summary-list__key\">\n      Enw\n    </dt>\n    <dd class=\"govuk-summary-list__value\">\n      Firstname Lastname\n    </dd>\n    <dd class=\"govuk-summary-list__actions\">\n      <ul class=\"govuk-summary-list__actions-list\">\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Golygu<span class=\"govuk-visually-hidden\"> enw</span></a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Dileu<span class=\"govuk-visually-hidden\"> enw</span></a>\n        </li>\n      </ul>\n    </dd>\n  </div>\n  <div class=\"govuk-summary-list__row\">\n    <dt class=\"govuk-summary-list__key\">\n      Dyddiad geni\n    </dt>\n    <dd class=\"govuk-summary-list__value\">\n      13/08/1980\n    </dd>\n    <dd class=\"govuk-summary-list__actions\">\n      <a class=\"govuk-link\" href=\"#\">Golygu<span class=\"govuk-visually-hidden\"> dyddiad geni</span></a>\n    </dd>\n  </div>\n  <div class=\"govuk-summary-list__row\">\n    <dt class=\"govuk-summary-list__key\">\n      Gwybodaeth cyswllt\n    </dt>\n    <dd class=\"govuk-summary-list__value\">\n      <p class=\"govuk-body\">\n        email@email.com\n      </p>\n      <p class=\"govuk-body\">\n        Address line 1<br>\n        Address line 2<br>\n        Address line 3<br>\n        Address line 4<br>\n        Address line 5\n      </p>\n    </dd>\n    <dd class=\"govuk-summary-list__actions\">\n      <a class=\"govuk-link\" href=\"#\">Golygu<span class=\"govuk-visually-hidden\"> gwybodaeth cyswllt</span></a>\n    </dd>\n  </div>\n</dl>"
+        },
+        {
+            "name": "with some actions",
+            "options": {
+                "rows": [
+                    {
+                        "key": {
+                            "text": "Name"
+                        },
+                        "value": {
+                            "text": "Firstname Lastname"
+                        },
+                        "actions": {
+                            "items": [
+                                {
+                                    "href": "#",
+                                    "text": "Edit",
+                                    "visuallyHiddenText": "name"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Delete",
+                                    "visuallyHiddenText": "name"
+                                }
+                            ]
+                        }
+                    },
+                    {
+                        "key": {
+                            "text": "Date of birth"
+                        },
+                        "value": {
+                            "text": "13/08/1980"
+                        }
+                    },
+                    {
+                        "key": {
+                            "text": "Contact information"
+                        },
+                        "value": {
+                            "html": "<p class=\"govuk-body\">\n  email@email.com\n</p>\n<p class=\"govuk-body\">\n  Address line 1<br>\n  Address line 2<br>\n  Address line 3<br>\n  Address line 4<br>\n  Address line 5\n</p>\n"
+                        }
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<dl class=\"govuk-summary-list\">\n  <div class=\"govuk-summary-list__row\">\n    <dt class=\"govuk-summary-list__key\">\n      Name\n    </dt>\n    <dd class=\"govuk-summary-list__value\">\n      Firstname Lastname\n    </dd>\n    <dd class=\"govuk-summary-list__actions\">\n      <ul class=\"govuk-summary-list__actions-list\">\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Edit<span class=\"govuk-visually-hidden\"> name</span></a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Delete<span class=\"govuk-visually-hidden\"> name</span></a>\n        </li>\n      </ul>\n    </dd>\n  </div>\n  <div class=\"govuk-summary-list__row govuk-summary-list__row--no-actions\">\n    <dt class=\"govuk-summary-list__key\">\n      Date of birth\n    </dt>\n    <dd class=\"govuk-summary-list__value\">\n      13/08/1980\n    </dd>\n  </div>\n  <div class=\"govuk-summary-list__row govuk-summary-list__row--no-actions\">\n    <dt class=\"govuk-summary-list__key\">\n      Contact information\n    </dt>\n    <dd class=\"govuk-summary-list__value\">\n      <p class=\"govuk-body\">\n        email@email.com\n      </p>\n      <p class=\"govuk-body\">\n        Address line 1<br>\n        Address line 2<br>\n        Address line 3<br>\n        Address line 4<br>\n        Address line 5\n      </p>\n    </dd>\n  </div>\n</dl>"
+        },
+        {
+            "name": "overridden-widths",
+            "options": {
+                "rows": [
+                    {
+                        "key": {
+                            "classes": "govuk-!-width-one-half",
+                            "text": "Name"
+                        },
+                        "value": {
+                            "classes": "govuk-!-width-one-quarter",
+                            "text": "Firstname Lastname"
+                        },
+                        "actions": {
+                            "classes": "govuk-!-width-one-half",
+                            "items": [
+                                {
+                                    "href": "#",
+                                    "text": "Edit",
+                                    "visuallyHiddenText": "name"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Delete",
+                                    "visuallyHiddenText": "name"
+                                }
+                            ]
+                        }
+                    },
+                    {
+                        "key": {
+                            "text": "Date of birth"
+                        },
+                        "value": {
+                            "text": "13/08/1980"
+                        },
+                        "actions": {
+                            "items": [
+                                {
+                                    "href": "#",
+                                    "text": "Change",
+                                    "visuallyHiddenText": "date of birth"
+                                }
+                            ]
+                        }
+                    },
+                    {
+                        "key": {
+                            "text": "Contact information"
+                        },
+                        "value": {
+                            "html": "<p class=\"govuk-body\">\n  email@email.com\n</p>\n<p class=\"govuk-body\">\n  Address line 1<br>\n  Address line 2<br>\n  Address line 3<br>\n  Address line 4<br>\n  Address line 5\n</p>\n"
+                        },
+                        "actions": {
+                            "items": [
+                                {
+                                    "href": "#",
+                                    "text": "Edit",
+                                    "visuallyHiddenText": "contact information"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Change",
+                                    "visuallyHiddenText": "contact information"
+                                }
+                            ]
+                        }
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<dl class=\"govuk-summary-list\">\n  <div class=\"govuk-summary-list__row\">\n    <dt class=\"govuk-summary-list__key govuk-!-width-one-half\">\n      Name\n    </dt>\n    <dd class=\"govuk-summary-list__value govuk-!-width-one-quarter\">\n      Firstname Lastname\n    </dd>\n    <dd class=\"govuk-summary-list__actions govuk-!-width-one-half\">\n      <ul class=\"govuk-summary-list__actions-list\">\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Edit<span class=\"govuk-visually-hidden\"> name</span></a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Delete<span class=\"govuk-visually-hidden\"> name</span></a>\n        </li>\n      </ul>\n    </dd>\n  </div>\n  <div class=\"govuk-summary-list__row\">\n    <dt class=\"govuk-summary-list__key\">\n      Date of birth\n    </dt>\n    <dd class=\"govuk-summary-list__value\">\n      13/08/1980\n    </dd>\n    <dd class=\"govuk-summary-list__actions\">\n      <a class=\"govuk-link\" href=\"#\">Change<span class=\"govuk-visually-hidden\"> date of birth</span></a>\n    </dd>\n  </div>\n  <div class=\"govuk-summary-list__row\">\n    <dt class=\"govuk-summary-list__key\">\n      Contact information\n    </dt>\n    <dd class=\"govuk-summary-list__value\">\n      <p class=\"govuk-body\">\n        email@email.com\n      </p>\n      <p class=\"govuk-body\">\n        Address line 1<br>\n        Address line 2<br>\n        Address line 3<br>\n        Address line 4<br>\n        Address line 5\n      </p>\n    </dd>\n    <dd class=\"govuk-summary-list__actions\">\n      <ul class=\"govuk-summary-list__actions-list\">\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Edit<span class=\"govuk-visually-hidden\"> contact information</span></a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Change<span class=\"govuk-visually-hidden\"> contact information</span></a>\n        </li>\n      </ul>\n    </dd>\n  </div>\n</dl>"
+        },
+        {
+            "name": "as a summary card with a custom header level",
+            "options": {
+                "card": {
+                    "title": {
+                        "text": "Undergraduate teaching assistant",
+                        "headingLevel": 3
+                    }
+                },
+                "rows": [
+                    {
+                        "key": {
+                            "text": "Name"
+                        },
+                        "value": {
+                            "text": "Firstname Lastname"
+                        }
+                    },
+                    {
+                        "key": {
+                            "text": "Date of birth"
+                        },
+                        "value": {
+                            "text": "13/08/1980"
+                        }
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-summary-card\">\n  <div class=\"govuk-summary-card__title-wrapper\">\n    <h3 class=\"govuk-summary-card__title\">\n      Undergraduate teaching assistant\n    </h3>\n  </div>\n\n  <div class=\"govuk-summary-card__content\">\n    <dl class=\"govuk-summary-list\">\n      <div class=\"govuk-summary-list__row\">\n        <dt class=\"govuk-summary-list__key\">\n          Name\n        </dt>\n        <dd class=\"govuk-summary-list__value\">\n          Firstname Lastname\n        </dd>\n      </div>\n      <div class=\"govuk-summary-list__row\">\n        <dt class=\"govuk-summary-list__key\">\n          Date of birth\n        </dt>\n        <dd class=\"govuk-summary-list__value\">\n          13/08/1980\n        </dd>\n      </div>\n    </dl>\n  </div>\n</div>"
+        }
+    ]
+}
diff --git a/app/templates/govuk/components/summary-list/macro-options.json b/app/templates/govuk/components/summary-list/macro-options.json
new file mode 100644
index 0000000..1b347ce
--- /dev/null
+++ b/app/templates/govuk/components/summary-list/macro-options.json
@@ -0,0 +1,248 @@
+[
+    {
+        "name": "rows",
+        "type": "array",
+        "required": true,
+        "description": "The rows within the summary list component.",
+        "params": [
+            {
+                "name": "classes",
+                "type": "string",
+                "required": false,
+                "description": "Classes to add to the row `div`."
+            },
+            {
+                "name": "key",
+                "type": "object",
+                "required": true,
+                "description": "The reference content (key) for each row item in the summary list component.",
+                "params": [
+                    {
+                        "name": "text",
+                        "type": "string",
+                        "required": true,
+                        "description": "If `html` is set, this is not required. Text to use within each key. If `html` is provided, the `text` option will be ignored."
+                    },
+                    {
+                        "name": "html",
+                        "type": "string",
+                        "required": true,
+                        "description": "If `text` is set, this is not required. HTML to use within each key. If `html` is provided, the `text` option will be ignored."
+                    },
+                    {
+                        "name": "classes",
+                        "type": "string",
+                        "required": false,
+                        "description": "Classes to add to the key wrapper."
+                    }
+                ]
+            },
+            {
+                "name": "value",
+                "type": "object",
+                "required": true,
+                "description": "The value for each row item in the summary list component.",
+                "params": [
+                    {
+                        "name": "text",
+                        "type": "string",
+                        "required": true,
+                        "description": "If `html` is set, this is not required. Text to use within each value. If `html` is provided, the `text` option will be ignored."
+                    },
+                    {
+                        "name": "html",
+                        "type": "string",
+                        "required": true,
+                        "description": "If `text` is set, this is not required. HTML to use within each value. If `html` is provided, the `text` option will be ignored."
+                    },
+                    {
+                        "name": "classes",
+                        "type": "string",
+                        "required": false,
+                        "description": "Classes to add to the value wrapper."
+                    }
+                ]
+            },
+            {
+                "name": "actions",
+                "type": "object",
+                "required": false,
+                "description": "The action link content for each row item in the summary list component.",
+                "params": [
+                    {
+                        "name": "items",
+                        "type": "array",
+                        "required": false,
+                        "description": "The action link items within the row item of the summary list component.",
+                        "params": [
+                            {
+                                "name": "href",
+                                "type": "string",
+                                "required": true,
+                                "description": "The value of the link's `href` attribute for an action item."
+                            },
+                            {
+                                "name": "text",
+                                "type": "string",
+                                "required": true,
+                                "description": "If `html` is set, this is not required. Text to use within each action item. If `html` is provided, the `text` option will be ignored."
+                            },
+                            {
+                                "name": "html",
+                                "type": "string",
+                                "required": true,
+                                "description": "If `text` is set, this is not required. HTML to use within each action item. If `html` is provided, the `text` option will be ignored."
+                            },
+                            {
+                                "name": "visuallyHiddenText",
+                                "type": "string",
+                                "required": false,
+                                "description": "Actions rely on context from the surrounding content so may require additional accessible text. Text supplied to this option is appended to the end. Use `html` for more complicated scenarios."
+                            },
+                            {
+                                "name": "classes",
+                                "type": "string",
+                                "required": false,
+                                "description": "Classes to add to the action item."
+                            },
+                            {
+                                "name": "attributes",
+                                "type": "object",
+                                "required": false,
+                                "description": "HTML attributes (for example data attributes) to add to the action item."
+                            }
+                        ]
+                    },
+                    {
+                        "name": "classes",
+                        "type": "string",
+                        "required": false,
+                        "description": "Classes to add to the actions wrapper."
+                    }
+                ]
+            }
+        ]
+    },
+    {
+        "name": "card",
+        "type": "object",
+        "required": false,
+        "description": "Can be used to wrap a summary card around the summary list component. If any of these options are present, a summary card will wrap around the summary list.",
+        "params": [
+            {
+                "name": "title",
+                "type": "object",
+                "required": false,
+                "description": "Data for the summary card header.",
+                "params": [
+                    {
+                        "name": "text",
+                        "type": "string",
+                        "required": false,
+                        "description": "Text to use within each title. If `html` is provided, the `text` option will be ignored."
+                    },
+                    {
+                        "name": "html",
+                        "type": "string",
+                        "required": false,
+                        "description": "Text to use within each title. If `html` is provided, the `text` option will be ignored."
+                    },
+                    {
+                        "name": "headingLevel",
+                        "type": "integer",
+                        "required": false,
+                        "description": "Heading level, from `1` to `6`. Default is `2`."
+                    },
+                    {
+                        "name": "classes",
+                        "type": "string",
+                        "required": false,
+                        "description": "Classes to add to the title wrapper."
+                    }
+                ]
+            },
+            {
+                "name": "actions",
+                "type": "object",
+                "required": false,
+                "description": "The action link content shown in the header of each summary card wrapped around the summary list component.",
+                "params": [
+                    {
+                        "name": "items",
+                        "type": "array",
+                        "required": false,
+                        "description": "The action link items shown in the header within the summary card wrapped around the summary list component.",
+                        "params": [
+                            {
+                                "name": "href",
+                                "type": "string",
+                                "required": true,
+                                "description": "The value of the link's `href` attribute for an action item."
+                            },
+                            {
+                                "name": "text",
+                                "type": "string",
+                                "required": true,
+                                "description": "If `html` is set, this is not required. Text to use within each action item. If `html` is provided, the `text` option will be ignored."
+                            },
+                            {
+                                "name": "html",
+                                "type": "string",
+                                "required": true,
+                                "description": "If `text` is set, this is not required. HTML to use within each action item. If `html` is provided, the `text` option will be ignored."
+                            },
+                            {
+                                "name": "visuallyHiddenText",
+                                "type": "string",
+                                "required": false,
+                                "description": "Actions rely on context from the surrounding content so may require additional accessible text. Text supplied to this option is appended to the end. Use `html` for more complicated scenarios."
+                            },
+                            {
+                                "name": "classes",
+                                "type": "string",
+                                "required": false,
+                                "description": "Classes to add to the action item."
+                            },
+                            {
+                                "name": "attributes",
+                                "type": "object",
+                                "required": false,
+                                "description": "HTML attributes (for example data attributes) to add to the action item."
+                            }
+                        ]
+                    },
+                    {
+                        "name": "classes",
+                        "type": "string",
+                        "required": false,
+                        "description": "Classes to add to the actions wrapper."
+                    }
+                ]
+            },
+            {
+                "name": "classes",
+                "type": "string",
+                "required": false,
+                "description": "Classes to add to the container."
+            },
+            {
+                "name": "attributes",
+                "type": "object",
+                "required": false,
+                "description": "HTML attributes (for example data attributes) to add to the container."
+            }
+        ]
+    },
+    {
+        "name": "classes",
+        "type": "string",
+        "required": false,
+        "description": "Classes to add to the container."
+    },
+    {
+        "name": "attributes",
+        "type": "object",
+        "required": false,
+        "description": "HTML attributes (for example data attributes) to add to the container."
+    }
+]
diff --git a/app/templates/govuk/components/summary-list/macro.njk b/app/templates/govuk/components/summary-list/macro.njk
new file mode 100644
index 0000000..1df999d
--- /dev/null
+++ b/app/templates/govuk/components/summary-list/macro.njk
@@ -0,0 +1,3 @@
+{% macro govukSummaryList(params) %}
+  {%- include "./template.njk" -%}
+{% endmacro %}
diff --git a/app/templates/govuk/components/summary-list/template-as-a-summary-card-extreme.html b/app/templates/govuk/components/summary-list/template-as-a-summary-card-extreme.html
new file mode 100644
index 0000000..b307705
--- /dev/null
+++ b/app/templates/govuk/components/summary-list/template-as-a-summary-card-extreme.html
@@ -0,0 +1,106 @@
+<div class="govuk-summary-card">
+  <div class="govuk-summary-card__title-wrapper">
+    <h2 class="govuk-summary-card__title">
+      Senior mid-level customer experience enhancement consultant
+    </h2>
+    <ul class="govuk-summary-card__actions">
+      <li class="govuk-summary-card__action">
+        <a class="govuk-link" href="#">Bop it<span class="govuk-visually-hidden"> (Senior mid-level customer experience enhancement consultant)</span></a>
+      </li>
+      <li class="govuk-summary-card__action">
+        <a class="govuk-link" href="#">Twist it<span class="govuk-visually-hidden"> (Senior mid-level customer experience enhancement consultant)</span></a>
+      </li>
+      <li class="govuk-summary-card__action">
+        <a class="govuk-link" href="#">Pull it<span class="govuk-visually-hidden"> (Senior mid-level customer experience enhancement consultant)</span></a>
+      </li>
+      <li class="govuk-summary-card__action">
+        <a class="govuk-link" href="#">Flick it<span class="govuk-visually-hidden"> (Senior mid-level customer experience enhancement consultant)</span></a>
+      </li>
+      <li class="govuk-summary-card__action">
+        <a class="govuk-link" href="#">Spin it<span class="govuk-visually-hidden"> (Senior mid-level customer experience enhancement consultant)</span></a>
+      </li>
+      <li class="govuk-summary-card__action">
+        <a class="govuk-link" href="#">Shout it<span class="govuk-visually-hidden"> (Senior mid-level customer experience enhancement consultant)</span></a>
+      </li>
+      <li class="govuk-summary-card__action">
+        <a class="govuk-link" href="#">Shake it<span class="govuk-visually-hidden"> (Senior mid-level customer experience enhancement consultant)</span></a>
+      </li>
+    </ul>
+  </div>
+
+  <div class="govuk-summary-card__content">
+    <dl class="govuk-summary-list">
+      <div class="govuk-summary-list__row">
+        <dt class="govuk-summary-list__key">
+          Name
+        </dt>
+        <dd class="govuk-summary-list__value">
+          Barnaby Marmaduke Aloysius Benjy Cobweb Dartagnan Egbert Felix Gaspar Humbert Ignatius Jayden Kasper Leroy Maximilian Neddy Obiajulu Pepin Quilliam Rosencrantz Sexton Teddy Upwood Vivatma Wayland Xylon Yardley Zachary Usansky
+        </dd>
+        <dd class="govuk-summary-list__actions">
+          <ul class="govuk-summary-list__actions-list">
+            <li class="govuk-summary-list__actions-list-item">
+              <a class="govuk-link" href="#">Buy<span class="govuk-visually-hidden"> (Senior mid-level customer experience enhancement consultant)</span></a>
+            </li>
+            <li class="govuk-summary-list__actions-list-item">
+              <a class="govuk-link" href="#">Use<span class="govuk-visually-hidden"> (Senior mid-level customer experience enhancement consultant)</span></a>
+            </li>
+            <li class="govuk-summary-list__actions-list-item">
+              <a class="govuk-link" href="#">Break<span class="govuk-visually-hidden"> (Senior mid-level customer experience enhancement consultant)</span></a>
+            </li>
+            <li class="govuk-summary-list__actions-list-item">
+              <a class="govuk-link" href="#">Fix<span class="govuk-visually-hidden"> (Senior mid-level customer experience enhancement consultant)</span></a>
+            </li>
+            <li class="govuk-summary-list__actions-list-item">
+              <a class="govuk-link" href="#">Trash<span class="govuk-visually-hidden"> (Senior mid-level customer experience enhancement consultant)</span></a>
+            </li>
+            <li class="govuk-summary-list__actions-list-item">
+              <a class="govuk-link" href="#">Change<span class="govuk-visually-hidden"> (Senior mid-level customer experience enhancement consultant)</span></a>
+            </li>
+            <li class="govuk-summary-list__actions-list-item">
+              <a class="govuk-link" href="#">Mail<span class="govuk-visually-hidden"> (Senior mid-level customer experience enhancement consultant)</span></a>
+            </li>
+            <li class="govuk-summary-list__actions-list-item">
+              <a class="govuk-link" href="#">Upgrade<span class="govuk-visually-hidden"> (Senior mid-level customer experience enhancement consultant)</span></a>
+            </li>
+            <li class="govuk-summary-list__actions-list-item">
+              <a class="govuk-link" href="#">Charge<span class="govuk-visually-hidden"> (Senior mid-level customer experience enhancement consultant)</span></a>
+            </li>
+            <li class="govuk-summary-list__actions-list-item">
+              <a class="govuk-link" href="#">Point<span class="govuk-visually-hidden"> (Senior mid-level customer experience enhancement consultant)</span></a>
+            </li>
+            <li class="govuk-summary-list__actions-list-item">
+              <a class="govuk-link" href="#">Zoom<span class="govuk-visually-hidden"> (Senior mid-level customer experience enhancement consultant)</span></a>
+            </li>
+            <li class="govuk-summary-list__actions-list-item">
+              <a class="govuk-link" href="#">Press<span class="govuk-visually-hidden"> (Senior mid-level customer experience enhancement consultant)</span></a>
+            </li>
+            <li class="govuk-summary-list__actions-list-item">
+              <a class="govuk-link" href="#">Snap<span class="govuk-visually-hidden"> (Senior mid-level customer experience enhancement consultant)</span></a>
+            </li>
+            <li class="govuk-summary-list__actions-list-item">
+              <a class="govuk-link" href="#">Work<span class="govuk-visually-hidden"> (Senior mid-level customer experience enhancement consultant)</span></a>
+            </li>
+            <li class="govuk-summary-list__actions-list-item">
+              <a class="govuk-link" href="#">Quick<span class="govuk-visually-hidden"> (Senior mid-level customer experience enhancement consultant)</span></a>
+            </li>
+            <li class="govuk-summary-list__actions-list-item">
+              <a class="govuk-link" href="#">Erase<span class="govuk-visually-hidden"> (Senior mid-level customer experience enhancement consultant)</span></a>
+            </li>
+          </ul>
+        </dd>
+      </div>
+      <div class="govuk-summary-list__row">
+        <dt class="govuk-summary-list__key">
+          Long website address
+        </dt>
+        <dd class="govuk-summary-list__value">
+          <a class="govuk-link" href="https://cs.wikipedia.org/wiki/Llanfairpwllgwyngyllgogerychwyrndrobwllllantysiliogogogoch">https://cs.wikipedia.org/wiki/Llanfairpwllgwyngyllgogerychwyrndrobwllllantysiliogogogoch</a>
+        </dd>
+        <dd class="govuk-summary-list__actions">
+          <a class="govuk-link" href="#">Change<span class="govuk-visually-hidden"> long website address (Senior mid-level customer experience enhancement consultant)</span></a>
+        </dd>
+      </div>
+    </dl>
+  </div>
+</div>
diff --git a/app/templates/govuk/components/summary-list/template-as-a-summary-card-with-a-html-header.html b/app/templates/govuk/components/summary-list/template-as-a-summary-card-with-a-html-header.html
new file mode 100644
index 0000000..d202802
--- /dev/null
+++ b/app/templates/govuk/components/summary-list/template-as-a-summary-card-with-a-html-header.html
@@ -0,0 +1,28 @@
+<div class="govuk-summary-card">
+  <div class="govuk-summary-card__title-wrapper">
+    <h2 class="govuk-summary-card__title">
+      <em>Undergraduate teaching assistant</em>
+    </h2>
+  </div>
+
+  <div class="govuk-summary-card__content">
+    <dl class="govuk-summary-list">
+      <div class="govuk-summary-list__row">
+        <dt class="govuk-summary-list__key">
+          Name
+        </dt>
+        <dd class="govuk-summary-list__value">
+          Firstname Lastname
+        </dd>
+      </div>
+      <div class="govuk-summary-list__row">
+        <dt class="govuk-summary-list__key">
+          Date of birth
+        </dt>
+        <dd class="govuk-summary-list__value">
+          13/08/1980
+        </dd>
+      </div>
+    </dl>
+  </div>
+</div>
diff --git a/app/templates/govuk/components/summary-list/template-as-a-summary-card-with-a-text-header.html b/app/templates/govuk/components/summary-list/template-as-a-summary-card-with-a-text-header.html
new file mode 100644
index 0000000..8dda796
--- /dev/null
+++ b/app/templates/govuk/components/summary-list/template-as-a-summary-card-with-a-text-header.html
@@ -0,0 +1,28 @@
+<div class="govuk-summary-card">
+  <div class="govuk-summary-card__title-wrapper">
+    <h2 class="govuk-summary-card__title">
+      Undergraduate teaching assistant
+    </h2>
+  </div>
+
+  <div class="govuk-summary-card__content">
+    <dl class="govuk-summary-list">
+      <div class="govuk-summary-list__row">
+        <dt class="govuk-summary-list__key">
+          Name
+        </dt>
+        <dd class="govuk-summary-list__value">
+          Firstname Lastname
+        </dd>
+      </div>
+      <div class="govuk-summary-list__row">
+        <dt class="govuk-summary-list__key">
+          Date of birth
+        </dt>
+        <dd class="govuk-summary-list__value">
+          13/08/1980
+        </dd>
+      </div>
+    </dl>
+  </div>
+</div>
diff --git a/app/templates/govuk/components/summary-list/template-as-a-summary-card-with-actions-plus-summary-list-actions.html b/app/templates/govuk/components/summary-list/template-as-a-summary-card-with-actions-plus-summary-list-actions.html
new file mode 100644
index 0000000..39c0aca
--- /dev/null
+++ b/app/templates/govuk/components/summary-list/template-as-a-summary-card-with-actions-plus-summary-list-actions.html
@@ -0,0 +1,49 @@
+<div class="govuk-summary-card">
+  <div class="govuk-summary-card__title-wrapper">
+    <h2 class="govuk-summary-card__title">
+      Undergraduate teaching assistant
+    </h2>
+    <ul class="govuk-summary-card__actions">
+      <li class="govuk-summary-card__action">
+        <a class="govuk-link" href="#">Delete job history<span class="govuk-visually-hidden"> (Undergraduate teaching assistant)</span></a>
+      </li>
+      <li class="govuk-summary-card__action">
+        <a class="govuk-link" href="#">Withdraw job history<span class="govuk-visually-hidden"> (Undergraduate teaching assistant)</span></a>
+      </li>
+    </ul>
+  </div>
+
+  <div class="govuk-summary-card__content">
+    <dl class="govuk-summary-list">
+      <div class="govuk-summary-list__row">
+        <dt class="govuk-summary-list__key">
+          Name
+        </dt>
+        <dd class="govuk-summary-list__value">
+          Firstname Lastname
+        </dd>
+        <dd class="govuk-summary-list__actions">
+          <ul class="govuk-summary-list__actions-list">
+            <li class="govuk-summary-list__actions-list-item">
+              <a class="govuk-link" href="#">Edit<span class="govuk-visually-hidden"> name (Undergraduate teaching assistant)</span></a>
+            </li>
+            <li class="govuk-summary-list__actions-list-item">
+              <a class="govuk-link" href="#">Delete<span class="govuk-visually-hidden"> name (Undergraduate teaching assistant)</span></a>
+            </li>
+          </ul>
+        </dd>
+      </div>
+      <div class="govuk-summary-list__row">
+        <dt class="govuk-summary-list__key">
+          Date of birth
+        </dt>
+        <dd class="govuk-summary-list__value">
+          13/08/1980
+        </dd>
+        <dd class="govuk-summary-list__actions">
+          <a class="govuk-link" href="#">Change<span class="govuk-visually-hidden"> date of birth (Undergraduate teaching assistant)</span></a>
+        </dd>
+      </div>
+    </dl>
+  </div>
+</div>
diff --git a/app/templates/govuk/components/summary-list/template-as-a-summary-card-with-actions.html b/app/templates/govuk/components/summary-list/template-as-a-summary-card-with-actions.html
new file mode 100644
index 0000000..a0606e7
--- /dev/null
+++ b/app/templates/govuk/components/summary-list/template-as-a-summary-card-with-actions.html
@@ -0,0 +1,36 @@
+<div class="govuk-summary-card">
+  <div class="govuk-summary-card__title-wrapper">
+    <h2 class="govuk-summary-card__title">
+      Undergraduate teaching assistant
+    </h2>
+    <ul class="govuk-summary-card__actions">
+      <li class="govuk-summary-card__action">
+        <a class="govuk-link" href="#">Delete job history<span class="govuk-visually-hidden"> (Undergraduate teaching assistant)</span></a>
+      </li>
+      <li class="govuk-summary-card__action">
+        <a class="govuk-link" href="#">Withdraw job history<span class="govuk-visually-hidden"> (Undergraduate teaching assistant)</span></a>
+      </li>
+    </ul>
+  </div>
+
+  <div class="govuk-summary-card__content">
+    <dl class="govuk-summary-list">
+      <div class="govuk-summary-list__row">
+        <dt class="govuk-summary-list__key">
+          Name
+        </dt>
+        <dd class="govuk-summary-list__value">
+          Firstname Lastname
+        </dd>
+      </div>
+      <div class="govuk-summary-list__row">
+        <dt class="govuk-summary-list__key">
+          Date of birth
+        </dt>
+        <dd class="govuk-summary-list__value">
+          13/08/1980
+        </dd>
+      </div>
+    </dl>
+  </div>
+</div>
diff --git a/app/templates/govuk/components/summary-list/template-default.html b/app/templates/govuk/components/summary-list/template-default.html
new file mode 100644
index 0000000..51a7a0f
--- /dev/null
+++ b/app/templates/govuk/components/summary-list/template-default.html
@@ -0,0 +1,35 @@
+<dl class="govuk-summary-list">
+  <div class="govuk-summary-list__row">
+    <dt class="govuk-summary-list__key">
+      Name
+    </dt>
+    <dd class="govuk-summary-list__value">
+      Firstname Lastname
+    </dd>
+  </div>
+  <div class="govuk-summary-list__row">
+    <dt class="govuk-summary-list__key">
+      Date of birth
+    </dt>
+    <dd class="govuk-summary-list__value">
+      13/08/1980
+    </dd>
+  </div>
+  <div class="govuk-summary-list__row">
+    <dt class="govuk-summary-list__key">
+      Contact information
+    </dt>
+    <dd class="govuk-summary-list__value">
+      <p class="govuk-body">
+        email@email.com
+      </p>
+      <p class="govuk-body">
+        Address line 1<br>
+        Address line 2<br>
+        Address line 3<br>
+        Address line 4<br>
+        Address line 5
+      </p>
+    </dd>
+  </div>
+</dl>
diff --git a/app/templates/govuk/components/summary-list/template-extreme.html b/app/templates/govuk/components/summary-list/template-extreme.html
new file mode 100644
index 0000000..093a9c4
--- /dev/null
+++ b/app/templates/govuk/components/summary-list/template-extreme.html
@@ -0,0 +1,261 @@
+<dl class="govuk-summary-list">
+  <div class="govuk-summary-list__row">
+    <dt class="govuk-summary-list__key">
+      Name
+    </dt>
+    <dd class="govuk-summary-list__value">
+      Barnaby Marmaduke Aloysius Benjy Cobweb Dartagnan Egbert Felix Gaspar Humbert Ignatius Jayden Kasper Leroy Maximilian Neddy Obiajulu Pepin Quilliam Rosencrantz Sexton Teddy Upwood Vivatma Wayland Xylon Yardley Zachary Usansky
+    </dd>
+    <dd class="govuk-summary-list__actions">
+      <ul class="govuk-summary-list__actions-list">
+        <li class="govuk-summary-list__actions-list-item">
+          <a class="govuk-link" href="#">Buy</a>
+        </li>
+        <li class="govuk-summary-list__actions-list-item">
+          <a class="govuk-link" href="#">Use</a>
+        </li>
+        <li class="govuk-summary-list__actions-list-item">
+          <a class="govuk-link" href="#">Break</a>
+        </li>
+        <li class="govuk-summary-list__actions-list-item">
+          <a class="govuk-link" href="#">Fix</a>
+        </li>
+        <li class="govuk-summary-list__actions-list-item">
+          <a class="govuk-link" href="#">Trash</a>
+        </li>
+        <li class="govuk-summary-list__actions-list-item">
+          <a class="govuk-link" href="#">Change</a>
+        </li>
+        <li class="govuk-summary-list__actions-list-item">
+          <a class="govuk-link" href="#">Mail</a>
+        </li>
+        <li class="govuk-summary-list__actions-list-item">
+          <a class="govuk-link" href="#">Upgrade</a>
+        </li>
+        <li class="govuk-summary-list__actions-list-item">
+          <a class="govuk-link" href="#">Charge</a>
+        </li>
+        <li class="govuk-summary-list__actions-list-item">
+          <a class="govuk-link" href="#">Point</a>
+        </li>
+        <li class="govuk-summary-list__actions-list-item">
+          <a class="govuk-link" href="#">Zoom</a>
+        </li>
+        <li class="govuk-summary-list__actions-list-item">
+          <a class="govuk-link" href="#">Press</a>
+        </li>
+        <li class="govuk-summary-list__actions-list-item">
+          <a class="govuk-link" href="#">Snap</a>
+        </li>
+        <li class="govuk-summary-list__actions-list-item">
+          <a class="govuk-link" href="#">Work</a>
+        </li>
+        <li class="govuk-summary-list__actions-list-item">
+          <a class="govuk-link" href="#">Quick</a>
+        </li>
+        <li class="govuk-summary-list__actions-list-item">
+          <a class="govuk-link" href="#">Erase</a>
+        </li>
+      </ul>
+    </dd>
+  </div>
+  <div class="govuk-summary-list__row">
+    <dt class="govuk-summary-list__key">
+      Long website address
+    </dt>
+    <dd class="govuk-summary-list__value">
+      <a class="govuk-link" href="https://cs.wikipedia.org/wiki/Llanfairpwllgwyngyllgogerychwyrndrobwllllantysiliogogogoch">https://cs.wikipedia.org/wiki/Llanfairpwllgwyngyllgogerychwyrndrobwllllantysiliogogogoch</a>
+    </dd>
+    <dd class="govuk-summary-list__actions">
+      <a class="govuk-link" href="#">Change<span class="govuk-visually-hidden"> long website address</span></a>
+    </dd>
+  </div>
+  <div class="govuk-summary-list__row">
+    <dt class="govuk-summary-list__key">
+      Long email address
+    </dt>
+    <dd class="govuk-summary-list__value">
+      <a class="govuk-link" href="mailto:webmaster@llanfairpwllgwyngyllgogerychwyrndrobwllllantysiliogogogoch.com">webmaster@llanfairpwllgwyngyllgogerychwyrndrobwllllantysiliogogogoch.com</a>
+    </dd>
+    <dd class="govuk-summary-list__actions">
+      <a class="govuk-link" href="#">Change<span class="govuk-visually-hidden"> long email address</span></a>
+    </dd>
+  </div>
+  <div class="govuk-summary-list__row">
+    <dt class="govuk-summary-list__key">
+      No wrapping allowed
+    </dt>
+    <dd class="govuk-summary-list__value">
+      <p class="govuk-body" style="white-space: nowrap;">michelle.longish.name@example.com</p>
+    </dd>
+    <dd class="govuk-summary-list__actions">
+      <a class="govuk-link" href="#">Change<span class="govuk-visually-hidden"> no wrapping allowed</span></a>
+    </dd>
+  </div>
+  <div class="govuk-summary-list__row">
+    <dt class="govuk-summary-list__key">
+      Pneumonoultramicroscopicsilicovolcanoconiosis
+    </dt>
+    <dd class="govuk-summary-list__value">
+      <p class="govuk-body">Pneumonoultramicroscopicsilicovolcanoconiosis is a word coined by the president of the National Puzzlers’ League as a synonym for the disease known as silicosis. It is the longest word in the English language published in a dictionary, the Oxford English Dictionary, which defines it as "an artificial long word said to mean a lung disease caused by inhaling very fine ash and sand dust."</p>
+      <p class="govuk-body">Silicosis is a form of occupational lung disease caused by inhalation of crystalline silica dust, and is marked by inflammation and scarring in the form of nodular lesions in the upper lobes of the lungs. It is a type of pneumoconiosis.</p>
+    </dd>
+    <dd class="govuk-summary-list__actions">
+      <ul class="govuk-summary-list__actions-list">
+        <li class="govuk-summary-list__actions-list-item">
+          <a class="govuk-link" href="#">Write</a>
+        </li>
+        <li class="govuk-summary-list__actions-list-item">
+          <a class="govuk-link" href="#">Cut</a>
+        </li>
+        <li class="govuk-summary-list__actions-list-item">
+          <a class="govuk-link" href="#">Paste</a>
+        </li>
+        <li class="govuk-summary-list__actions-list-item">
+          <a class="govuk-link" href="#">Save</a>
+        </li>
+        <li class="govuk-summary-list__actions-list-item">
+          <a class="govuk-link" href="#">Load</a>
+        </li>
+        <li class="govuk-summary-list__actions-list-item">
+          <a class="govuk-link" href="#">Check</a>
+        </li>
+        <li class="govuk-summary-list__actions-list-item">
+          <a class="govuk-link" href="#">Quick</a>
+        </li>
+        <li class="govuk-summary-list__actions-list-item">
+          <a class="govuk-link" href="#">Rewrite</a>
+        </li>
+        <li class="govuk-summary-list__actions-list-item">
+          <a class="govuk-link" href="#">Plug</a>
+        </li>
+        <li class="govuk-summary-list__actions-list-item">
+          <a class="govuk-link" href="#">Play</a>
+        </li>
+        <li class="govuk-summary-list__actions-list-item">
+          <a class="govuk-link" href="#">Burn</a>
+        </li>
+        <li class="govuk-summary-list__actions-list-item">
+          <a class="govuk-link" href="#">Rip</a>
+        </li>
+        <li class="govuk-summary-list__actions-list-item">
+          <a class="govuk-link" href="#">Drag and drop</a>
+        </li>
+        <li class="govuk-summary-list__actions-list-item">
+          <a class="govuk-link" href="#">Zip</a>
+        </li>
+        <li class="govuk-summary-list__actions-list-item">
+          <a class="govuk-link" href="#">Unzip</a>
+        </li>
+        <li class="govuk-summary-list__actions-list-item">
+          <a class="govuk-link" href="#">Lock</a>
+        </li>
+        <li class="govuk-summary-list__actions-list-item">
+          <a class="govuk-link" href="#">Fill</a>
+        </li>
+        <li class="govuk-summary-list__actions-list-item">
+          <a class="govuk-link" href="#">Curl</a>
+        </li>
+        <li class="govuk-summary-list__actions-list-item">
+          <a class="govuk-link" href="#">Find</a>
+        </li>
+        <li class="govuk-summary-list__actions-list-item">
+          <a class="govuk-link" href="#">View</a>
+        </li>
+      </ul>
+    </dd>
+  </div>
+  <div class="govuk-summary-list__row">
+    <dt class="govuk-summary-list__key">
+      Its vanished trees, the trees that had made way for Gatsby’s house, Pneumonoultramicroscopicsilicovolcanoconiosis had once pandered in whispers to the last and greatest of all human dreams; for a transitory enchanted moment man must have held his breath in the presence of this continent, compelled into an aesthetic contemplation he neither understood nor desired, face to face for the last time in history with something commensurate to his capacity for wonder.
+    </dt>
+    <dd class="govuk-summary-list__value">
+      The Great Gatsby
+    </dd>
+    <dd class="govuk-summary-list__actions">
+      <ul class="govuk-summary-list__actions-list">
+        <li class="govuk-summary-list__actions-list-item">
+          <a class="govuk-link" href="#">Code</a>
+        </li>
+        <li class="govuk-summary-list__actions-list-item">
+          <a class="govuk-link" href="#">Jam</a>
+        </li>
+        <li class="govuk-summary-list__actions-list-item">
+          <a class="govuk-link" href="#">Unlock</a>
+        </li>
+        <li class="govuk-summary-list__actions-list-item">
+          <a class="govuk-link" href="#">Surf</a>
+        </li>
+        <li class="govuk-summary-list__actions-list-item">
+          <a class="govuk-link" href="#">Scroll</a>
+        </li>
+        <li class="govuk-summary-list__actions-list-item">
+          <a class="govuk-link" href="#">Pose</a>
+        </li>
+        <li class="govuk-summary-list__actions-list-item">
+          <a class="govuk-link" href="#">Click</a>
+        </li>
+        <li class="govuk-summary-list__actions-list-item">
+          <a class="govuk-link" href="#">Cross</a>
+        </li>
+        <li class="govuk-summary-list__actions-list-item">
+          <a class="govuk-link" href="#">Crack</a>
+        </li>
+        <li class="govuk-summary-list__actions-list-item">
+          <a class="govuk-link" href="#">Twitch</a>
+        </li>
+        <li class="govuk-summary-list__actions-list-item">
+          <a class="govuk-link" href="#">Update</a>
+        </li>
+        <li class="govuk-summary-list__actions-list-item">
+          <a class="govuk-link" href="#">Name</a>
+        </li>
+        <li class="govuk-summary-list__actions-list-item">
+          <a class="govuk-link" href="#">Read</a>
+        </li>
+        <li class="govuk-summary-list__actions-list-item">
+          <a class="govuk-link" href="#">Tune</a>
+        </li>
+        <li class="govuk-summary-list__actions-list-item">
+          <a class="govuk-link" href="#">Print</a>
+        </li>
+        <li class="govuk-summary-list__actions-list-item">
+          <a class="govuk-link" href="#">Scan</a>
+        </li>
+        <li class="govuk-summary-list__actions-list-item">
+          <a class="govuk-link" href="#">Send</a>
+        </li>
+        <li class="govuk-summary-list__actions-list-item">
+          <a class="govuk-link" href="#">Fax</a>
+        </li>
+        <li class="govuk-summary-list__actions-list-item">
+          <a class="govuk-link" href="#">Rename</a>
+        </li>
+        <li class="govuk-summary-list__actions-list-item">
+          <a class="govuk-link" href="#">Touch</a>
+        </li>
+        <li class="govuk-summary-list__actions-list-item">
+          <a class="govuk-link" href="#">Bring</a>
+        </li>
+        <li class="govuk-summary-list__actions-list-item">
+          <a class="govuk-link" href="#">Pay</a>
+        </li>
+        <li class="govuk-summary-list__actions-list-item">
+          <a class="govuk-link" href="#">Watch</a>
+        </li>
+        <li class="govuk-summary-list__actions-list-item">
+          <a class="govuk-link" href="#">Turn</a>
+        </li>
+        <li class="govuk-summary-list__actions-list-item">
+          <a class="govuk-link" href="#">Leave</a>
+        </li>
+        <li class="govuk-summary-list__actions-list-item">
+          <a class="govuk-link" href="#">Stop</a>
+        </li>
+        <li class="govuk-summary-list__actions-list-item">
+          <a class="govuk-link" href="#">Format</a>
+        </li>
+      </ul>
+    </dd>
+  </div>
+</dl>
diff --git a/app/templates/govuk/components/summary-list/template-no-border-on-last-row.html b/app/templates/govuk/components/summary-list/template-no-border-on-last-row.html
new file mode 100644
index 0000000..b2ae4f6
--- /dev/null
+++ b/app/templates/govuk/components/summary-list/template-no-border-on-last-row.html
@@ -0,0 +1,35 @@
+<dl class="govuk-summary-list">
+  <div class="govuk-summary-list__row">
+    <dt class="govuk-summary-list__key">
+      Name
+    </dt>
+    <dd class="govuk-summary-list__value">
+      Firstname Lastname
+    </dd>
+  </div>
+  <div class="govuk-summary-list__row">
+    <dt class="govuk-summary-list__key">
+      Date of birth
+    </dt>
+    <dd class="govuk-summary-list__value">
+      13/08/1980
+    </dd>
+  </div>
+  <div class="govuk-summary-list__row govuk-summary-list__row--no-border">
+    <dt class="govuk-summary-list__key">
+      Contact information
+    </dt>
+    <dd class="govuk-summary-list__value">
+      <p class="govuk-body">
+        email@email.com
+      </p>
+      <p class="govuk-body">
+        Address line 1<br>
+        Address line 2<br>
+        Address line 3<br>
+        Address line 4<br>
+        Address line 5
+      </p>
+    </dd>
+  </div>
+</dl>
diff --git a/app/templates/govuk/components/summary-list/template-no-border.html b/app/templates/govuk/components/summary-list/template-no-border.html
new file mode 100644
index 0000000..dca15f7
--- /dev/null
+++ b/app/templates/govuk/components/summary-list/template-no-border.html
@@ -0,0 +1,35 @@
+<dl class="govuk-summary-list govuk-summary-list--no-border">
+  <div class="govuk-summary-list__row">
+    <dt class="govuk-summary-list__key">
+      Name
+    </dt>
+    <dd class="govuk-summary-list__value">
+      Firstname Lastname
+    </dd>
+  </div>
+  <div class="govuk-summary-list__row">
+    <dt class="govuk-summary-list__key">
+      Date of birth
+    </dt>
+    <dd class="govuk-summary-list__value">
+      13/08/1980
+    </dd>
+  </div>
+  <div class="govuk-summary-list__row">
+    <dt class="govuk-summary-list__key">
+      Contact information
+    </dt>
+    <dd class="govuk-summary-list__value">
+      <p class="govuk-body">
+        email@email.com
+      </p>
+      <p class="govuk-body">
+        Address line 1<br>
+        Address line 2<br>
+        Address line 3<br>
+        Address line 4<br>
+        Address line 5
+      </p>
+    </dd>
+  </div>
+</dl>
diff --git a/app/templates/govuk/components/summary-list/template-with-actions.html b/app/templates/govuk/components/summary-list/template-with-actions.html
new file mode 100644
index 0000000..0ccbd21
--- /dev/null
+++ b/app/templates/govuk/components/summary-list/template-with-actions.html
@@ -0,0 +1,58 @@
+<dl class="govuk-summary-list">
+  <div class="govuk-summary-list__row">
+    <dt class="govuk-summary-list__key">
+      Name
+    </dt>
+    <dd class="govuk-summary-list__value">
+      Firstname Lastname
+    </dd>
+    <dd class="govuk-summary-list__actions">
+      <ul class="govuk-summary-list__actions-list">
+        <li class="govuk-summary-list__actions-list-item">
+          <a class="govuk-link" href="#">Edit<span class="govuk-visually-hidden"> name</span></a>
+        </li>
+        <li class="govuk-summary-list__actions-list-item">
+          <a class="govuk-link" href="#">Delete<span class="govuk-visually-hidden"> name</span></a>
+        </li>
+      </ul>
+    </dd>
+  </div>
+  <div class="govuk-summary-list__row">
+    <dt class="govuk-summary-list__key">
+      Date of birth
+    </dt>
+    <dd class="govuk-summary-list__value">
+      13/08/1980
+    </dd>
+    <dd class="govuk-summary-list__actions">
+      <a class="govuk-link" href="#">Change<span class="govuk-visually-hidden"> date of birth</span></a>
+    </dd>
+  </div>
+  <div class="govuk-summary-list__row">
+    <dt class="govuk-summary-list__key">
+      Contact information
+    </dt>
+    <dd class="govuk-summary-list__value">
+      <p class="govuk-body">
+        email@email.com
+      </p>
+      <p class="govuk-body">
+        Address line 1<br>
+        Address line 2<br>
+        Address line 3<br>
+        Address line 4<br>
+        Address line 5
+      </p>
+    </dd>
+    <dd class="govuk-summary-list__actions">
+      <ul class="govuk-summary-list__actions-list">
+        <li class="govuk-summary-list__actions-list-item">
+          <a class="govuk-link" href="#">Edit<span class="govuk-visually-hidden"> contact information</span></a>
+        </li>
+        <li class="govuk-summary-list__actions-list-item">
+          <a class="govuk-link" href="#">Change<span class="govuk-visually-hidden"> contact information</span></a>
+        </li>
+      </ul>
+    </dd>
+  </div>
+</dl>
diff --git a/app/templates/govuk/components/summary-list/template.njk b/app/templates/govuk/components/summary-list/template.njk
new file mode 100644
index 0000000..b0f9eb4
--- /dev/null
+++ b/app/templates/govuk/components/summary-list/template.njk
@@ -0,0 +1,94 @@
+{% from "../../macros/attributes.njk" import govukAttributes %}
+
+{%- macro _actionLink(action, cardTitle) %}
+  <a class="govuk-link {%- if action.classes %} {{ action.classes }}{% endif %}" href="{{ action.href }}"
+    {{- govukAttributes(action.attributes) }}>
+    {{- action.html | safe | indent(4) if action.html else action.text -}}
+    {%- if action.visuallyHiddenText or cardTitle -%}
+    <span class="govuk-visually-hidden">
+      {%- if action.visuallyHiddenText %} {{ action.visuallyHiddenText }}{% endif -%}
+      {%- if cardTitle %} ({{ cardTitle.html | indent(6) | safe if cardTitle.html else cardTitle.text }}){% endif -%}
+    </span>
+    {%- endif -%}
+  </a>
+{% endmacro -%}
+
+{%- macro _summaryCard(params) %}
+{%- set headingLevel = params.title.headingLevel if params.title.headingLevel else 2 -%}
+
+<div class="govuk-summary-card {%- if params.classes %} {{ params.classes }}{% endif %}"
+  {{- govukAttributes(params.attributes) }}>
+  <div class="govuk-summary-card__title-wrapper">
+  {% if params.title %}
+    <h{{ headingLevel }} class="govuk-summary-card__title {%- if params.title.classes %} {{ params.title.classes }}{% endif %}">
+      {{ params.title.html | safe | trim | indent(6) if params.title.html else params.title.text }}
+    </h{{ headingLevel }}>
+  {% endif %}
+  {% if params.actions.items.length %}
+    {% if params.actions.items.length == 1 %}
+    <div class="govuk-summary-card__actions {%- if params.actions.classes %} {{ params.actions.classes }}{% endif %}">
+      {{ _actionLink(params.actions.items[0], params.title) | trim | indent(4) }}
+    </div>
+    {% else %}
+    <ul class="govuk-summary-card__actions {%- if params.actions.classes %} {{ params.actions.classes }}{% endif %}">
+      {% for action in params.actions.items %}
+      <li class="govuk-summary-card__action">
+        {{ _actionLink(action, params.title) | trim | indent(8) }}
+      </li>
+      {% endfor %}
+    </ul>
+    {% endif %}
+  {% endif %}
+  </div>
+
+  <div class="govuk-summary-card__content">
+    {{ caller() | trim }}
+  </div>
+</div>
+{% endmacro -%}
+
+{#- Determine if we need 2 or 3 columns #}
+{%- set anyRowHasActions = false %}
+{% for row in params.rows %}
+  {% set anyRowHasActions = true if row.actions.items | length else anyRowHasActions %}
+{% endfor -%}
+
+{%- set summaryList -%}
+<dl class="govuk-summary-list {%- if params.classes %} {{ params.classes }}{% endif %}" {{- govukAttributes(params.attributes) }}>
+{% for row in params.rows %}
+  {% if row %}
+  <div class="govuk-summary-list__row {%- if anyRowHasActions and not row.actions.items %} govuk-summary-list__row--no-actions{% endif %} {%- if row.classes %} {{ row.classes }}{% endif %}">
+    <dt class="govuk-summary-list__key {%- if row.key.classes %} {{ row.key.classes }}{% endif %}">
+      {{ row.key.html | safe | trim | indent(6) if row.key.html else row.key.text }}
+    </dt>
+    <dd class="govuk-summary-list__value {%- if row.value.classes %} {{ row.value.classes }}{% endif %}">
+      {{ row.value.html | safe | trim | indent(6) if row.value.html else row.value.text }}
+    </dd>
+    {% if row.actions.items.length %}
+    <dd class="govuk-summary-list__actions {%- if row.actions.classes %} {{ row.actions.classes }}{% endif %}">
+      {% if row.actions.items.length == 1 %}
+        {{- _actionLink(row.actions.items[0], params.card.title) | trim | indent(6, true) }}
+      {% else %}
+      <ul class="govuk-summary-list__actions-list">
+        {% for action in row.actions.items %}
+        <li class="govuk-summary-list__actions-list-item">
+          {{ _actionLink(action, params.card.title) | trim | indent(8) }}
+        </li>
+        {% endfor %}
+      </ul>
+      {% endif %}
+    </dd>
+    {% endif %}
+  </div>
+  {% endif %}
+{% endfor %}
+</dl>
+{%- endset %}
+
+{%- if params.card -%}
+  {% call _summaryCard(params.card) -%}
+    {{ summaryList | safe | trim | indent(4) }}
+  {%- endcall %}
+{%- else -%}
+  {{ summaryList | safe | trim }}
+{%- endif %}
diff --git a/app/templates/govuk/components/table/README.md b/app/templates/govuk/components/table/README.md
new file mode 100644
index 0000000..5a1b9e9
--- /dev/null
+++ b/app/templates/govuk/components/table/README.md
@@ -0,0 +1,15 @@
+# Table
+
+## Installation
+
+See the [main README quick start guide](https://github.com/alphagov/govuk-frontend#quick-start) for how to install this component.
+
+## Guidance and Examples
+
+Find out when to use the table component in your service in the [GOV.UK Design System](https://design-system.service.gov.uk/components/table).
+
+## Component options
+
+Use options to customise the appearance, content and behaviour of a component when using a macro, for example, changing the text.
+
+See [options table](https://design-system.service.gov.uk/components/table/#options-table-example) for details.
diff --git a/app/templates/govuk/components/table/_index.scss b/app/templates/govuk/components/table/_index.scss
new file mode 100644
index 0000000..1765ecf
--- /dev/null
+++ b/app/templates/govuk/components/table/_index.scss
@@ -0,0 +1,75 @@
+@include govuk-exports("govuk/component/table") {
+  .govuk-table {
+    @include govuk-font($size: 19);
+    @include govuk-text-colour;
+    width: 100%;
+    @include govuk-responsive-margin(6, "bottom");
+
+    border-spacing: 0;
+    border-collapse: collapse;
+  }
+
+  @if $govuk-new-typography-scale {
+    // Modifier for tables with a lot of data. Tables with lots of data benefit
+    // from a smaller font size on small screens.
+    .govuk-table--small-text-until-tablet {
+      @include govuk-media-query($until: tablet) {
+        @include govuk-font-size($size: 16);
+      }
+    }
+  }
+
+  .govuk-table__header {
+    @include govuk-typography-weight-bold;
+  }
+
+  .govuk-table__header,
+  .govuk-table__cell {
+    padding: govuk-spacing(2) govuk-spacing(4) govuk-spacing(2) 0;
+    border-bottom: 1px solid $govuk-border-colour;
+    text-align: left;
+    vertical-align: top;
+  }
+
+  .govuk-table__cell--numeric {
+    @include govuk-font-tabular-numbers;
+  }
+
+  .govuk-table__header--numeric,
+  .govuk-table__cell--numeric {
+    text-align: right;
+  }
+
+  .govuk-table__header:last-child,
+  .govuk-table__cell:last-child {
+    padding-right: 0;
+  }
+
+  .govuk-table__caption {
+    @include govuk-typography-weight-bold;
+
+    display: table-caption;
+    text-align: left;
+  }
+
+  // Modifiers that make captions look more like their equivalent headings
+  .govuk-table__caption--xl,
+  .govuk-table__caption--l,
+  .govuk-table__caption--m {
+    margin-bottom: govuk-spacing(3);
+  }
+
+  .govuk-table__caption--xl {
+    @include govuk-font-size($size: 48);
+  }
+
+  .govuk-table__caption--l {
+    @include govuk-font-size($size: 36);
+  }
+
+  .govuk-table__caption--m {
+    @include govuk-font-size($size: 24);
+  }
+}
+
+/*# sourceMappingURL=_index.scss.map */
diff --git a/app/templates/govuk/components/table/_index.scss.map b/app/templates/govuk/components/table/_index.scss.map
new file mode 100644
index 0000000..c0d3dfc
--- /dev/null
+++ b/app/templates/govuk/components/table/_index.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/table/_index.scss"],"names":[],"mappings":"AAAA;EACE;IACE,8BAA8B;IAC9B,0BAA0B;IAC1B,WAAW;IACX,6CAA6C;;IAE7C,iBAAiB;IACjB,yBAAyB;EAC3B;;EAEA;IACE,0EAA0E;IAC1E,4CAA4C;IAC5C;MACE;QACE,mCAAmC;MACrC;IACF;EACF;;EAEA;IACE,qCAAqC;EACvC;;EAEA;;IAEE,6DAA6D;IAC7D,6CAA6C;IAC7C,gBAAgB;IAChB,mBAAmB;EACrB;;EAEA;IACE,mCAAmC;EACrC;;EAEA;;IAEE,iBAAiB;EACnB;;EAEA;;IAEE,gBAAgB;EAClB;;EAEA;IACE,qCAAqC;;IAErC,sBAAsB;IACtB,gBAAgB;EAClB;;EAEA,uEAAuE;EACvE;;;IAGE,+BAA+B;EACjC;;EAEA;IACE,mCAAmC;EACrC;;EAEA;IACE,mCAAmC;EACrC;;EAEA;IACE,mCAAmC;EACrC;AACF","file":"_index.scss","sourcesContent":["@include govuk-exports(\"govuk/component/table\") {\n  .govuk-table {\n    @include govuk-font($size: 19);\n    @include govuk-text-colour;\n    width: 100%;\n    @include govuk-responsive-margin(6, \"bottom\");\n\n    border-spacing: 0;\n    border-collapse: collapse;\n  }\n\n  @if $govuk-new-typography-scale {\n    // Modifier for tables with a lot of data. Tables with lots of data benefit\n    // from a smaller font size on small screens.\n    .govuk-table--small-text-until-tablet {\n      @include govuk-media-query($until: tablet) {\n        @include govuk-font-size($size: 16);\n      }\n    }\n  }\n\n  .govuk-table__header {\n    @include govuk-typography-weight-bold;\n  }\n\n  .govuk-table__header,\n  .govuk-table__cell {\n    padding: govuk-spacing(2) govuk-spacing(4) govuk-spacing(2) 0;\n    border-bottom: 1px solid $govuk-border-colour;\n    text-align: left;\n    vertical-align: top;\n  }\n\n  .govuk-table__cell--numeric {\n    @include govuk-font-tabular-numbers;\n  }\n\n  .govuk-table__header--numeric,\n  .govuk-table__cell--numeric {\n    text-align: right;\n  }\n\n  .govuk-table__header:last-child,\n  .govuk-table__cell:last-child {\n    padding-right: 0;\n  }\n\n  .govuk-table__caption {\n    @include govuk-typography-weight-bold;\n\n    display: table-caption;\n    text-align: left;\n  }\n\n  // Modifiers that make captions look more like their equivalent headings\n  .govuk-table__caption--xl,\n  .govuk-table__caption--l,\n  .govuk-table__caption--m {\n    margin-bottom: govuk-spacing(3);\n  }\n\n  .govuk-table__caption--xl {\n    @include govuk-font-size($size: 48);\n  }\n\n  .govuk-table__caption--l {\n    @include govuk-font-size($size: 36);\n  }\n\n  .govuk-table__caption--m {\n    @include govuk-font-size($size: 24);\n  }\n}\n"]}
diff --git a/app/templates/govuk/components/table/_table.scss b/app/templates/govuk/components/table/_table.scss
new file mode 100644
index 0000000..6a25734
--- /dev/null
+++ b/app/templates/govuk/components/table/_table.scss
@@ -0,0 +1,4 @@
+@import "../../base";
+@import "./index";
+
+/*# sourceMappingURL=_table.scss.map */
diff --git a/app/templates/govuk/components/table/_table.scss.map b/app/templates/govuk/components/table/_table.scss.map
new file mode 100644
index 0000000..24d565c
--- /dev/null
+++ b/app/templates/govuk/components/table/_table.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/table/_table.scss"],"names":[],"mappings":"AAAA,oBAAoB;AACpB,iBAAiB","file":"_table.scss","sourcesContent":["@import \"../../base\";\n@import \"./index\";\n"]}
diff --git a/app/templates/govuk/components/table/fixtures.json b/app/templates/govuk/components/table/fixtures.json
new file mode 100644
index 0000000..e0de6ad
--- /dev/null
+++ b/app/templates/govuk/components/table/fixtures.json
@@ -0,0 +1,651 @@
+{
+    "component": "table",
+    "fixtures": [
+        {
+            "name": "default",
+            "options": {
+                "rows": [
+                    [
+                        {
+                            "text": "January"
+                        },
+                        {
+                            "text": "£85",
+                            "format": "numeric"
+                        },
+                        {
+                            "text": "£95",
+                            "format": "numeric"
+                        }
+                    ],
+                    [
+                        {
+                            "text": "February"
+                        },
+                        {
+                            "text": "£75",
+                            "format": "numeric"
+                        },
+                        {
+                            "text": "£55",
+                            "format": "numeric"
+                        }
+                    ],
+                    [
+                        {
+                            "text": "March"
+                        },
+                        {
+                            "text": "£165",
+                            "format": "numeric"
+                        },
+                        {
+                            "text": "£125",
+                            "format": "numeric"
+                        }
+                    ]
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<table class=\"govuk-table\">\n  <tbody class=\"govuk-table__body\">\n    <tr class=\"govuk-table__row\">\n      <td class=\"govuk-table__cell\">January</td>\n      <td class=\"govuk-table__cell govuk-table__cell--numeric\">£85</td>\n      <td class=\"govuk-table__cell govuk-table__cell--numeric\">£95</td>\n    </tr>\n    <tr class=\"govuk-table__row\">\n      <td class=\"govuk-table__cell\">February</td>\n      <td class=\"govuk-table__cell govuk-table__cell--numeric\">£75</td>\n      <td class=\"govuk-table__cell govuk-table__cell--numeric\">£55</td>\n    </tr>\n    <tr class=\"govuk-table__row\">\n      <td class=\"govuk-table__cell\">March</td>\n      <td class=\"govuk-table__cell govuk-table__cell--numeric\">£165</td>\n      <td class=\"govuk-table__cell govuk-table__cell--numeric\">£125</td>\n    </tr>\n  </tbody>\n</table>"
+        },
+        {
+            "name": "with head",
+            "options": {
+                "head": [
+                    {
+                        "text": "Month you apply"
+                    },
+                    {
+                        "text": "Rate for bicycles",
+                        "format": "numeric"
+                    },
+                    {
+                        "text": "Rate for vehicles",
+                        "format": "numeric"
+                    }
+                ],
+                "rows": [
+                    [
+                        {
+                            "text": "January"
+                        },
+                        {
+                            "text": "£85",
+                            "format": "numeric"
+                        },
+                        {
+                            "text": "£95",
+                            "format": "numeric"
+                        }
+                    ],
+                    [
+                        {
+                            "text": "February"
+                        },
+                        {
+                            "text": "£75",
+                            "format": "numeric"
+                        },
+                        {
+                            "text": "£55",
+                            "format": "numeric"
+                        }
+                    ],
+                    [
+                        {
+                            "text": "March"
+                        },
+                        {
+                            "text": "£165",
+                            "format": "numeric"
+                        },
+                        {
+                            "text": "£125",
+                            "format": "numeric"
+                        }
+                    ]
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<table class=\"govuk-table\">\n  <thead class=\"govuk-table__head\">\n    <tr class=\"govuk-table__row\">\n      <th scope=\"col\" class=\"govuk-table__header\">Month you apply</th>\n      <th scope=\"col\" class=\"govuk-table__header govuk-table__header--numeric\">Rate for bicycles</th>\n      <th scope=\"col\" class=\"govuk-table__header govuk-table__header--numeric\">Rate for vehicles</th>\n    </tr>\n  </thead>\n  <tbody class=\"govuk-table__body\">\n    <tr class=\"govuk-table__row\">\n      <td class=\"govuk-table__cell\">January</td>\n      <td class=\"govuk-table__cell govuk-table__cell--numeric\">£85</td>\n      <td class=\"govuk-table__cell govuk-table__cell--numeric\">£95</td>\n    </tr>\n    <tr class=\"govuk-table__row\">\n      <td class=\"govuk-table__cell\">February</td>\n      <td class=\"govuk-table__cell govuk-table__cell--numeric\">£75</td>\n      <td class=\"govuk-table__cell govuk-table__cell--numeric\">£55</td>\n    </tr>\n    <tr class=\"govuk-table__row\">\n      <td class=\"govuk-table__cell\">March</td>\n      <td class=\"govuk-table__cell govuk-table__cell--numeric\">£165</td>\n      <td class=\"govuk-table__cell govuk-table__cell--numeric\">£125</td>\n    </tr>\n  </tbody>\n</table>"
+        },
+        {
+            "name": "with head and caption",
+            "options": {
+                "caption": "Caption 1: Months and rates",
+                "captionClasses": "govuk-table__caption--m",
+                "firstCellIsHeader": true,
+                "head": [
+                    {
+                        "text": "Month you apply"
+                    },
+                    {
+                        "text": "Rate for bicycles",
+                        "format": "numeric"
+                    },
+                    {
+                        "text": "Rate for vehicles",
+                        "format": "numeric"
+                    }
+                ],
+                "rows": [
+                    [
+                        {
+                            "text": "January"
+                        },
+                        {
+                            "text": "£85",
+                            "format": "numeric"
+                        },
+                        {
+                            "text": "£95",
+                            "format": "numeric"
+                        }
+                    ],
+                    [
+                        {
+                            "text": "February"
+                        },
+                        {
+                            "text": "£75",
+                            "format": "numeric"
+                        },
+                        {
+                            "text": "£55",
+                            "format": "numeric"
+                        }
+                    ],
+                    [
+                        {
+                            "text": "March"
+                        },
+                        {
+                            "text": "£165",
+                            "format": "numeric"
+                        },
+                        {
+                            "text": "£125",
+                            "format": "numeric"
+                        }
+                    ]
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": true,
+            "html": "<table class=\"govuk-table\">\n  <caption class=\"govuk-table__caption govuk-table__caption--m\">Caption 1: Months and rates</caption>\n  <thead class=\"govuk-table__head\">\n    <tr class=\"govuk-table__row\">\n      <th scope=\"col\" class=\"govuk-table__header\">Month you apply</th>\n      <th scope=\"col\" class=\"govuk-table__header govuk-table__header--numeric\">Rate for bicycles</th>\n      <th scope=\"col\" class=\"govuk-table__header govuk-table__header--numeric\">Rate for vehicles</th>\n    </tr>\n  </thead>\n  <tbody class=\"govuk-table__body\">\n    <tr class=\"govuk-table__row\">\n      <th scope=\"row\" class=\"govuk-table__header\">January</th>\n      <td class=\"govuk-table__cell govuk-table__cell--numeric\">£85</td>\n      <td class=\"govuk-table__cell govuk-table__cell--numeric\">£95</td>\n    </tr>\n    <tr class=\"govuk-table__row\">\n      <th scope=\"row\" class=\"govuk-table__header\">February</th>\n      <td class=\"govuk-table__cell govuk-table__cell--numeric\">£75</td>\n      <td class=\"govuk-table__cell govuk-table__cell--numeric\">£55</td>\n    </tr>\n    <tr class=\"govuk-table__row\">\n      <th scope=\"row\" class=\"govuk-table__header\">March</th>\n      <td class=\"govuk-table__cell govuk-table__cell--numeric\">£165</td>\n      <td class=\"govuk-table__cell govuk-table__cell--numeric\">£125</td>\n    </tr>\n  </tbody>\n</table>"
+        },
+        {
+            "name": "classes",
+            "options": {
+                "classes": "custom-class-goes-here",
+                "rows": [
+                    [
+                        {
+                            "text": "Jan"
+                        },
+                        {
+                            "text": "Feb"
+                        }
+                    ]
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<table class=\"govuk-table custom-class-goes-here\">\n  <tbody class=\"govuk-table__body\">\n    <tr class=\"govuk-table__row\">\n      <td class=\"govuk-table__cell\">Jan</td>\n      <td class=\"govuk-table__cell\">Feb</td>\n    </tr>\n  </tbody>\n</table>"
+        },
+        {
+            "name": "attributes",
+            "options": {
+                "attributes": {
+                    "data-foo": "bar"
+                },
+                "rows": [
+                    [
+                        {
+                            "text": "Jan"
+                        },
+                        {
+                            "text": "Feb"
+                        }
+                    ]
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<table class=\"govuk-table\" data-foo=\"bar\">\n  <tbody class=\"govuk-table__body\">\n    <tr class=\"govuk-table__row\">\n      <td class=\"govuk-table__cell\">Jan</td>\n      <td class=\"govuk-table__cell\">Feb</td>\n    </tr>\n  </tbody>\n</table>"
+        },
+        {
+            "name": "html as text",
+            "options": {
+                "head": [
+                    {
+                        "text": "Foo <script>hacking.do(1337)</script>"
+                    }
+                ],
+                "rows": [
+                    [
+                        {
+                            "text": "Foo <script>hacking.do(1337)</script>"
+                        }
+                    ]
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<table class=\"govuk-table\">\n  <thead class=\"govuk-table__head\">\n    <tr class=\"govuk-table__row\">\n      <th scope=\"col\" class=\"govuk-table__header\">Foo &lt;script&gt;hacking.do(1337)&lt;/script&gt;</th>\n    </tr>\n  </thead>\n  <tbody class=\"govuk-table__body\">\n    <tr class=\"govuk-table__row\">\n      <td class=\"govuk-table__cell\">Foo &lt;script&gt;hacking.do(1337)&lt;/script&gt;</td>\n    </tr>\n  </tbody>\n</table>"
+        },
+        {
+            "name": "html",
+            "options": {
+                "head": [
+                    {
+                        "html": "Foo <span>bar</span>"
+                    }
+                ],
+                "rows": [
+                    [
+                        {
+                            "html": "Foo <span>bar</span>"
+                        }
+                    ]
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<table class=\"govuk-table\">\n  <thead class=\"govuk-table__head\">\n    <tr class=\"govuk-table__row\">\n      <th scope=\"col\" class=\"govuk-table__header\">Foo <span>bar</span></th>\n    </tr>\n  </thead>\n  <tbody class=\"govuk-table__body\">\n    <tr class=\"govuk-table__row\">\n      <td class=\"govuk-table__cell\">Foo <span>bar</span></td>\n    </tr>\n  </tbody>\n</table>"
+        },
+        {
+            "name": "head with classes",
+            "options": {
+                "head": [
+                    {
+                        "text": "Foo",
+                        "classes": "my-custom-class"
+                    }
+                ],
+                "rows": [
+                    [
+                        {
+                            "text": "Jan"
+                        },
+                        {
+                            "text": "Feb"
+                        }
+                    ]
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<table class=\"govuk-table\">\n  <thead class=\"govuk-table__head\">\n    <tr class=\"govuk-table__row\">\n      <th scope=\"col\" class=\"govuk-table__header my-custom-class\">Foo</th>\n    </tr>\n  </thead>\n  <tbody class=\"govuk-table__body\">\n    <tr class=\"govuk-table__row\">\n      <td class=\"govuk-table__cell\">Jan</td>\n      <td class=\"govuk-table__cell\">Feb</td>\n    </tr>\n  </tbody>\n</table>"
+        },
+        {
+            "name": "head with rowspan and colspan",
+            "options": {
+                "head": [
+                    {
+                        "text": "Foo",
+                        "rowspan": 2,
+                        "colspan": 2
+                    }
+                ],
+                "rows": [
+                    [
+                        {
+                            "text": "Jan"
+                        },
+                        {
+                            "text": "Feb"
+                        }
+                    ]
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<table class=\"govuk-table\">\n  <thead class=\"govuk-table__head\">\n    <tr class=\"govuk-table__row\">\n      <th scope=\"col\" class=\"govuk-table__header\" colspan=\"2\" rowspan=\"2\">Foo</th>\n    </tr>\n  </thead>\n  <tbody class=\"govuk-table__body\">\n    <tr class=\"govuk-table__row\">\n      <td class=\"govuk-table__cell\">Jan</td>\n      <td class=\"govuk-table__cell\">Feb</td>\n    </tr>\n  </tbody>\n</table>"
+        },
+        {
+            "name": "head with attributes",
+            "options": {
+                "head": [
+                    {
+                        "text": "Foo",
+                        "attributes": {
+                            "data-fizz": "buzz"
+                        }
+                    }
+                ],
+                "rows": [
+                    [
+                        {
+                            "text": "Jan"
+                        },
+                        {
+                            "text": "Feb"
+                        }
+                    ]
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<table class=\"govuk-table\">\n  <thead class=\"govuk-table__head\">\n    <tr class=\"govuk-table__row\">\n      <th scope=\"col\" class=\"govuk-table__header\" data-fizz=\"buzz\">Foo</th>\n    </tr>\n  </thead>\n  <tbody class=\"govuk-table__body\">\n    <tr class=\"govuk-table__row\">\n      <td class=\"govuk-table__cell\">Jan</td>\n      <td class=\"govuk-table__cell\">Feb</td>\n    </tr>\n  </tbody>\n</table>"
+        },
+        {
+            "name": "with firstCellIsHeader true",
+            "options": {
+                "firstCellIsHeader": true,
+                "rows": [
+                    [
+                        {
+                            "text": "January"
+                        },
+                        {
+                            "text": "£85",
+                            "format": "numeric"
+                        },
+                        {
+                            "text": "£95",
+                            "format": "numeric"
+                        }
+                    ],
+                    [
+                        {
+                            "text": "February"
+                        },
+                        {
+                            "text": "£75",
+                            "format": "numeric"
+                        },
+                        {
+                            "text": "£55",
+                            "format": "numeric"
+                        }
+                    ],
+                    [
+                        {
+                            "text": "March"
+                        },
+                        {
+                            "text": "£165",
+                            "format": "numeric"
+                        },
+                        {
+                            "text": "£125",
+                            "format": "numeric"
+                        }
+                    ]
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<table class=\"govuk-table\">\n  <tbody class=\"govuk-table__body\">\n    <tr class=\"govuk-table__row\">\n      <th scope=\"row\" class=\"govuk-table__header\">January</th>\n      <td class=\"govuk-table__cell govuk-table__cell--numeric\">£85</td>\n      <td class=\"govuk-table__cell govuk-table__cell--numeric\">£95</td>\n    </tr>\n    <tr class=\"govuk-table__row\">\n      <th scope=\"row\" class=\"govuk-table__header\">February</th>\n      <td class=\"govuk-table__cell govuk-table__cell--numeric\">£75</td>\n      <td class=\"govuk-table__cell govuk-table__cell--numeric\">£55</td>\n    </tr>\n    <tr class=\"govuk-table__row\">\n      <th scope=\"row\" class=\"govuk-table__header\">March</th>\n      <td class=\"govuk-table__cell govuk-table__cell--numeric\">£165</td>\n      <td class=\"govuk-table__cell govuk-table__cell--numeric\">£125</td>\n    </tr>\n  </tbody>\n</table>"
+        },
+        {
+            "name": "firstCellIsHeader with classes",
+            "options": {
+                "firstCellIsHeader": true,
+                "rows": [
+                    [
+                        {
+                            "text": "Foo",
+                            "classes": "my-custom-class"
+                        }
+                    ]
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<table class=\"govuk-table\">\n  <tbody class=\"govuk-table__body\">\n    <tr class=\"govuk-table__row\">\n      <th scope=\"row\" class=\"govuk-table__header my-custom-class\">Foo</th>\n    </tr>\n  </tbody>\n</table>"
+        },
+        {
+            "name": "firstCellIsHeader with html",
+            "options": {
+                "firstCellIsHeader": true,
+                "rows": [
+                    [
+                        {
+                            "html": "Foo <span>bar</span>"
+                        }
+                    ]
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<table class=\"govuk-table\">\n  <tbody class=\"govuk-table__body\">\n    <tr class=\"govuk-table__row\">\n      <th scope=\"row\" class=\"govuk-table__header\">Foo <span>bar</span></th>\n    </tr>\n  </tbody>\n</table>"
+        },
+        {
+            "name": "firstCellIsHeader with html as text",
+            "options": {
+                "firstCellIsHeader": true,
+                "rows": [
+                    [
+                        {
+                            "text": "Foo <script>hacking.do(1337)</script>"
+                        }
+                    ]
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<table class=\"govuk-table\">\n  <tbody class=\"govuk-table__body\">\n    <tr class=\"govuk-table__row\">\n      <th scope=\"row\" class=\"govuk-table__header\">Foo &lt;script&gt;hacking.do(1337)&lt;/script&gt;</th>\n    </tr>\n  </tbody>\n</table>"
+        },
+        {
+            "name": "firstCellIsHeader with rowspan and colspan",
+            "options": {
+                "firstCellIsHeader": true,
+                "rows": [
+                    [
+                        {
+                            "text": "Foo",
+                            "rowspan": 2,
+                            "colspan": 2
+                        }
+                    ]
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<table class=\"govuk-table\">\n  <tbody class=\"govuk-table__body\">\n    <tr class=\"govuk-table__row\">\n      <th scope=\"row\" class=\"govuk-table__header\" colspan=\"2\" rowspan=\"2\">Foo</th>\n    </tr>\n  </tbody>\n</table>"
+        },
+        {
+            "name": "firstCellIsHeader with attributes",
+            "options": {
+                "firstCellIsHeader": true,
+                "rows": [
+                    [
+                        {
+                            "text": "Foo",
+                            "attributes": {
+                                "data-fizz": "buzz"
+                            }
+                        }
+                    ]
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<table class=\"govuk-table\">\n  <tbody class=\"govuk-table__body\">\n    <tr class=\"govuk-table__row\">\n      <th scope=\"row\" class=\"govuk-table__header\" data-fizz=\"buzz\">Foo</th>\n    </tr>\n  </tbody>\n</table>"
+        },
+        {
+            "name": "with falsy items",
+            "options": {
+                "rows": [
+                    [
+                        {
+                            "text": "A"
+                        },
+                        {
+                            "text": 1
+                        }
+                    ],
+                    false,
+                    null,
+                    [
+                        {
+                            "text": "B"
+                        },
+                        {
+                            "text": 2
+                        }
+                    ],
+                    [
+                        {
+                            "text": "C"
+                        },
+                        {
+                            "text": 3
+                        }
+                    ]
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<table class=\"govuk-table\">\n  <tbody class=\"govuk-table__body\">\n    <tr class=\"govuk-table__row\">\n      <td class=\"govuk-table__cell\">A</td>\n      <td class=\"govuk-table__cell\">1</td>\n    </tr>\n    <tr class=\"govuk-table__row\">\n      <td class=\"govuk-table__cell\">B</td>\n      <td class=\"govuk-table__cell\">2</td>\n    </tr>\n    <tr class=\"govuk-table__row\">\n      <td class=\"govuk-table__cell\">C</td>\n      <td class=\"govuk-table__cell\">3</td>\n    </tr>\n  </tbody>\n</table>"
+        },
+        {
+            "name": "rows with classes",
+            "options": {
+                "rows": [
+                    [
+                        {
+                            "text": "Foo",
+                            "classes": "my-custom-class"
+                        }
+                    ]
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<table class=\"govuk-table\">\n  <tbody class=\"govuk-table__body\">\n    <tr class=\"govuk-table__row\">\n      <td class=\"govuk-table__cell my-custom-class\">Foo</td>\n    </tr>\n  </tbody>\n</table>"
+        },
+        {
+            "name": "rows with rowspan and colspan",
+            "options": {
+                "rows": [
+                    [
+                        {
+                            "text": "Foo",
+                            "rowspan": 2,
+                            "colspan": 2
+                        }
+                    ]
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<table class=\"govuk-table\">\n  <tbody class=\"govuk-table__body\">\n    <tr class=\"govuk-table__row\">\n      <td class=\"govuk-table__cell\" colspan=\"2\" rowspan=\"2\">Foo</td>\n    </tr>\n  </tbody>\n</table>"
+        },
+        {
+            "name": "rows with attributes",
+            "options": {
+                "rows": [
+                    [
+                        {
+                            "text": "Foo",
+                            "attributes": {
+                                "data-fizz": "buzz"
+                            }
+                        }
+                    ]
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<table class=\"govuk-table\">\n  <tbody class=\"govuk-table__body\">\n    <tr class=\"govuk-table__row\">\n      <td class=\"govuk-table__cell\" data-fizz=\"buzz\">Foo</td>\n    </tr>\n  </tbody>\n</table>"
+        },
+        {
+            "name": "with small text modifier for tables with a lot of data",
+            "options": {
+                "classes": "govuk-table--small-text-until-tablet",
+                "rows": [
+                    [
+                        {
+                            "text": "January"
+                        },
+                        {
+                            "text": "£85",
+                            "format": "numeric"
+                        },
+                        {
+                            "text": "£95",
+                            "format": "numeric"
+                        }
+                    ],
+                    [
+                        {
+                            "text": "February"
+                        },
+                        {
+                            "text": "£75",
+                            "format": "numeric"
+                        },
+                        {
+                            "text": "£55",
+                            "format": "numeric"
+                        }
+                    ],
+                    [
+                        {
+                            "text": "March"
+                        },
+                        {
+                            "text": "£165",
+                            "format": "numeric"
+                        },
+                        {
+                            "text": "£125",
+                            "format": "numeric"
+                        }
+                    ]
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<table class=\"govuk-table govuk-table--small-text-until-tablet\">\n  <tbody class=\"govuk-table__body\">\n    <tr class=\"govuk-table__row\">\n      <td class=\"govuk-table__cell\">January</td>\n      <td class=\"govuk-table__cell govuk-table__cell--numeric\">£85</td>\n      <td class=\"govuk-table__cell govuk-table__cell--numeric\">£95</td>\n    </tr>\n    <tr class=\"govuk-table__row\">\n      <td class=\"govuk-table__cell\">February</td>\n      <td class=\"govuk-table__cell govuk-table__cell--numeric\">£75</td>\n      <td class=\"govuk-table__cell govuk-table__cell--numeric\">£55</td>\n    </tr>\n    <tr class=\"govuk-table__row\">\n      <td class=\"govuk-table__cell\">March</td>\n      <td class=\"govuk-table__cell govuk-table__cell--numeric\">£165</td>\n      <td class=\"govuk-table__cell govuk-table__cell--numeric\">£125</td>\n    </tr>\n  </tbody>\n</table>"
+        }
+    ]
+}
diff --git a/app/templates/govuk/components/table/macro-options.json b/app/templates/govuk/components/table/macro-options.json
new file mode 100644
index 0000000..e04207c
--- /dev/null
+++ b/app/templates/govuk/components/table/macro-options.json
@@ -0,0 +1,132 @@
+[
+    {
+        "name": "rows",
+        "type": "array",
+        "required": true,
+        "description": "The rows within the table component.",
+        "params": [
+            {
+                "name": "text",
+                "type": "string",
+                "required": true,
+                "description": "If `html` is set, this is not required. Text for cells in table rows. If `html` is provided, the `text` option will be ignored."
+            },
+            {
+                "name": "html",
+                "type": "string",
+                "required": true,
+                "description": "If `text` is set, this is not required. HTML for cells in table rows. If `html` is provided, the `text` option will be ignored."
+            },
+            {
+                "name": "format",
+                "type": "string",
+                "required": false,
+                "description": "Specify format of a cell. Currently we only use \"numeric\"."
+            },
+            {
+                "name": "classes",
+                "type": "string",
+                "required": false,
+                "description": "Classes to add to the table row cell."
+            },
+            {
+                "name": "colspan",
+                "type": "integer",
+                "required": false,
+                "description": "Specify how many columns a cell extends."
+            },
+            {
+                "name": "rowspan",
+                "type": "integer",
+                "required": false,
+                "description": "Specify how many rows a cell extends."
+            },
+            {
+                "name": "attributes",
+                "type": "object",
+                "required": false,
+                "description": "HTML attributes (for example data attributes) to add to the table cell."
+            }
+        ]
+    },
+    {
+        "name": "head",
+        "type": "array",
+        "required": false,
+        "description": "Can be used to add a row of table header cells (`<th>`) at the top of the table component.",
+        "params": [
+            {
+                "name": "text",
+                "type": "string",
+                "required": false,
+                "description": "If `html` is set, this is not required. Text for table head cells. If `html` is provided, the `text` option will be ignored."
+            },
+            {
+                "name": "html",
+                "type": "string",
+                "required": false,
+                "description": "If `text` is set, this is not required. HTML for table head cells. If `html` is provided, the `text` option will be ignored."
+            },
+            {
+                "name": "format",
+                "type": "string",
+                "required": false,
+                "description": "Specify format of a cell. Currently we only use \"numeric\"."
+            },
+            {
+                "name": "classes",
+                "type": "string",
+                "required": false,
+                "description": "Classes to add to the table head cell."
+            },
+            {
+                "name": "colspan",
+                "type": "integer",
+                "required": false,
+                "description": "Specify how many columns a cell extends."
+            },
+            {
+                "name": "rowspan",
+                "type": "integer",
+                "required": false,
+                "description": "Specify how many rows a cell extends."
+            },
+            {
+                "name": "attributes",
+                "type": "object",
+                "required": false,
+                "description": "HTML attributes (for example data attributes) to add to the table cell."
+            }
+        ]
+    },
+    {
+        "name": "caption",
+        "type": "string",
+        "required": false,
+        "description": "Caption text."
+    },
+    {
+        "name": "captionClasses",
+        "type": "string",
+        "required": false,
+        "description": "Classes for caption text size. Classes should correspond to the available typography heading classes."
+    },
+    {
+        "name": "firstCellIsHeader",
+        "type": "boolean",
+        "required": false,
+        "description": "If set to `true`, the first cell in each row will be a table header (`<th>`)."
+    },
+    {
+        "name": "classes",
+        "type": "string",
+        "required": false,
+        "description": "Classes to add to the table container."
+    },
+    {
+        "name": "attributes",
+        "type": "object",
+        "required": false,
+        "description": "HTML attributes (for example data attributes) to add to the table container."
+    }
+]
diff --git a/app/templates/govuk/components/table/macro.njk b/app/templates/govuk/components/table/macro.njk
new file mode 100644
index 0000000..66c1257
--- /dev/null
+++ b/app/templates/govuk/components/table/macro.njk
@@ -0,0 +1,3 @@
+{% macro govukTable(params) %}
+  {%- include "./template.njk" -%}
+{% endmacro %}
diff --git a/app/templates/govuk/components/table/template-default.html b/app/templates/govuk/components/table/template-default.html
new file mode 100644
index 0000000..c547502
--- /dev/null
+++ b/app/templates/govuk/components/table/template-default.html
@@ -0,0 +1,19 @@
+<table class="govuk-table">
+  <tbody class="govuk-table__body">
+    <tr class="govuk-table__row">
+      <td class="govuk-table__cell">January</td>
+      <td class="govuk-table__cell govuk-table__cell--numeric">£85</td>
+      <td class="govuk-table__cell govuk-table__cell--numeric">£95</td>
+    </tr>
+    <tr class="govuk-table__row">
+      <td class="govuk-table__cell">February</td>
+      <td class="govuk-table__cell govuk-table__cell--numeric">£75</td>
+      <td class="govuk-table__cell govuk-table__cell--numeric">£55</td>
+    </tr>
+    <tr class="govuk-table__row">
+      <td class="govuk-table__cell">March</td>
+      <td class="govuk-table__cell govuk-table__cell--numeric">£165</td>
+      <td class="govuk-table__cell govuk-table__cell--numeric">£125</td>
+    </tr>
+  </tbody>
+</table>
diff --git a/app/templates/govuk/components/table/template-with-head-and-caption.html b/app/templates/govuk/components/table/template-with-head-and-caption.html
new file mode 100644
index 0000000..683906c
--- /dev/null
+++ b/app/templates/govuk/components/table/template-with-head-and-caption.html
@@ -0,0 +1,27 @@
+<table class="govuk-table">
+  <caption class="govuk-table__caption govuk-table__caption--m">Caption 1: Months and rates</caption>
+  <thead class="govuk-table__head">
+    <tr class="govuk-table__row">
+      <th scope="col" class="govuk-table__header">Month you apply</th>
+      <th scope="col" class="govuk-table__header govuk-table__header--numeric">Rate for bicycles</th>
+      <th scope="col" class="govuk-table__header govuk-table__header--numeric">Rate for vehicles</th>
+    </tr>
+  </thead>
+  <tbody class="govuk-table__body">
+    <tr class="govuk-table__row">
+      <th scope="row" class="govuk-table__header">January</th>
+      <td class="govuk-table__cell govuk-table__cell--numeric">£85</td>
+      <td class="govuk-table__cell govuk-table__cell--numeric">£95</td>
+    </tr>
+    <tr class="govuk-table__row">
+      <th scope="row" class="govuk-table__header">February</th>
+      <td class="govuk-table__cell govuk-table__cell--numeric">£75</td>
+      <td class="govuk-table__cell govuk-table__cell--numeric">£55</td>
+    </tr>
+    <tr class="govuk-table__row">
+      <th scope="row" class="govuk-table__header">March</th>
+      <td class="govuk-table__cell govuk-table__cell--numeric">£165</td>
+      <td class="govuk-table__cell govuk-table__cell--numeric">£125</td>
+    </tr>
+  </tbody>
+</table>
diff --git a/app/templates/govuk/components/table/template-with-head.html b/app/templates/govuk/components/table/template-with-head.html
new file mode 100644
index 0000000..e8950b3
--- /dev/null
+++ b/app/templates/govuk/components/table/template-with-head.html
@@ -0,0 +1,26 @@
+<table class="govuk-table">
+  <thead class="govuk-table__head">
+    <tr class="govuk-table__row">
+      <th scope="col" class="govuk-table__header">Month you apply</th>
+      <th scope="col" class="govuk-table__header govuk-table__header--numeric">Rate for bicycles</th>
+      <th scope="col" class="govuk-table__header govuk-table__header--numeric">Rate for vehicles</th>
+    </tr>
+  </thead>
+  <tbody class="govuk-table__body">
+    <tr class="govuk-table__row">
+      <td class="govuk-table__cell">January</td>
+      <td class="govuk-table__cell govuk-table__cell--numeric">£85</td>
+      <td class="govuk-table__cell govuk-table__cell--numeric">£95</td>
+    </tr>
+    <tr class="govuk-table__row">
+      <td class="govuk-table__cell">February</td>
+      <td class="govuk-table__cell govuk-table__cell--numeric">£75</td>
+      <td class="govuk-table__cell govuk-table__cell--numeric">£55</td>
+    </tr>
+    <tr class="govuk-table__row">
+      <td class="govuk-table__cell">March</td>
+      <td class="govuk-table__cell govuk-table__cell--numeric">£165</td>
+      <td class="govuk-table__cell govuk-table__cell--numeric">£125</td>
+    </tr>
+  </tbody>
+</table>
diff --git a/app/templates/govuk/components/table/template.njk b/app/templates/govuk/components/table/template.njk
new file mode 100644
index 0000000..eaa3ea6
--- /dev/null
+++ b/app/templates/govuk/components/table/template.njk
@@ -0,0 +1,57 @@
+{% from "../../macros/attributes.njk" import govukAttributes -%}
+
+<table class="govuk-table
+  {%- if params.classes %} {{ params.classes }}{% endif %}"
+  {{- govukAttributes(params.attributes) }}>
+{% if params.caption %}
+  <caption class="govuk-table__caption
+    {%- if params.captionClasses %} {{ params.captionClasses }}{% endif %}">
+    {{- params.caption -}}
+  </caption>
+{% endif %}
+{% if params.head %}
+  <thead class="govuk-table__head">
+    <tr class="govuk-table__row">
+    {% for item in params.head %}
+      <th scope="col" class="govuk-table__header
+        {%- if item.format %} govuk-table__header--{{ item.format }}{% endif %}
+        {%- if item.classes %} {{ item.classes }}{% endif %}"
+        {%- if item.colspan %} colspan="{{ item.colspan }}"{% endif %}
+        {%- if item.rowspan %} rowspan="{{ item.rowspan }}"{% endif %}
+        {{- govukAttributes(item.attributes) }}>
+          {{- item.html | safe if item.html else item.text -}}
+        </th>
+    {% endfor %}
+    </tr>
+  </thead>
+{% endif %}
+  <tbody class="govuk-table__body">
+{% for row in params.rows %}
+  {% if row %}
+    <tr class="govuk-table__row">
+    {% for cell in row %}
+      {% set commonAttributes %}
+        {%- if cell.colspan %} colspan="{{ cell.colspan }}"{% endif %}
+        {%- if cell.rowspan %} rowspan="{{ cell.rowspan }}"{% endif %}
+        {{- govukAttributes(cell.attributes) -}}
+      {% endset %}
+      {% if loop.first and params.firstCellIsHeader %}
+      <th scope="row" class="govuk-table__header
+        {%- if cell.classes %} {{ cell.classes }}{% endif %}"
+        {{- commonAttributes | safe }}>
+        {{- cell.html | safe if cell.html else cell.text -}}
+      </th>
+      {% else %}
+      <td class="govuk-table__cell
+        {%- if cell.format %} govuk-table__cell--{{ cell.format }}{% endif %}
+        {%- if cell.classes %} {{ cell.classes }}{% endif %}"
+        {{- commonAttributes | safe }}>
+        {{- cell.html | safe if cell.html else cell.text -}}
+      </td>
+      {% endif %}
+    {% endfor %}
+    </tr>
+  {% endif %}
+{% endfor %}
+  </tbody>
+</table>
diff --git a/app/templates/govuk/components/tabs/README.md b/app/templates/govuk/components/tabs/README.md
new file mode 100644
index 0000000..433c366
--- /dev/null
+++ b/app/templates/govuk/components/tabs/README.md
@@ -0,0 +1,15 @@
+# Tabs
+
+## Installation
+
+See the [main README quick start guide](https://github.com/alphagov/govuk-frontend#quick-start) for how to install this component.
+
+## Guidance and Examples
+
+Find out when to use the tabs component in your service in the [GOV.UK Design System](https://design-system.service.gov.uk/components/tabs).
+
+## Component options
+
+Use options to customise the appearance, content and behaviour of a component when using a macro, for example, changing the text.
+
+See [options table](https://design-system.service.gov.uk/components/tabs/#options-tabs-example) for details.
diff --git a/app/templates/govuk/components/tabs/_index.scss b/app/templates/govuk/components/tabs/_index.scss
new file mode 100644
index 0000000..a0e6280
--- /dev/null
+++ b/app/templates/govuk/components/tabs/_index.scss
@@ -0,0 +1,134 @@
+@include govuk-exports("govuk/component/tabs") {
+  .govuk-tabs {
+    @include govuk-responsive-margin(1, "top");
+    @include govuk-responsive-margin(6, "bottom");
+    @include govuk-font($size: 19);
+  }
+
+  .govuk-tabs__title {
+    // Set the size and weight again because this element is a heading and the
+    // user agent font size overrides the inherited font size
+    @include govuk-font-size($size: 19);
+    @include govuk-typography-weight-regular;
+    @include govuk-text-colour;
+    margin-bottom: govuk-spacing(2);
+  }
+
+  .govuk-tabs__list {
+    margin: 0;
+    padding: 0;
+    list-style: none;
+    @include govuk-responsive-margin(6, "bottom");
+  }
+
+  .govuk-tabs__list-item {
+    margin-left: govuk-spacing(5);
+
+    &::before {
+      @include govuk-text-colour;
+      content: "\2014 "; // "— "
+      margin-left: govuk-spacing(-5);
+      padding-right: govuk-spacing(1);
+    }
+  }
+
+  .govuk-tabs__tab {
+    @include govuk-link-common;
+    @include govuk-link-style-default;
+
+    display: inline-block;
+    margin-bottom: govuk-spacing(2);
+  }
+
+  .govuk-tabs__panel {
+    @include govuk-responsive-margin(8, "bottom");
+  }
+
+  // GOV.UK Frontend JavaScript enabled
+  .govuk-frontend-supported {
+    @include govuk-media-query($from: tablet) {
+      .govuk-tabs__list {
+        @include govuk-clearfix;
+        margin-bottom: 0;
+        border-bottom: 1px solid $govuk-border-colour;
+      }
+
+      .govuk-tabs__title {
+        display: none;
+      }
+
+      .govuk-tabs__list-item {
+        position: relative;
+
+        margin-right: govuk-spacing(1);
+        margin-bottom: 0;
+        margin-left: 0;
+        padding: govuk-spacing(2) govuk-spacing(4);
+
+        float: left;
+        background-color: govuk-colour("light-grey");
+        text-align: center;
+
+        &::before {
+          content: none;
+        }
+      }
+
+      .govuk-tabs__list-item--selected {
+        $border-width: 1px;
+
+        position: relative;
+
+        margin-top: govuk-spacing(-1);
+
+        // Compensation for border (otherwise we get a shift)
+        margin-bottom: -$border-width;
+        padding-top: govuk-spacing(3) - $border-width;
+        padding-right: govuk-spacing(4) - $border-width;
+        padding-bottom: govuk-spacing(3) + $border-width;
+        padding-left: govuk-spacing(4) - $border-width;
+
+        border: $border-width solid $govuk-border-colour;
+        border-bottom: 0;
+
+        background-color: $govuk-body-background-colour;
+
+        .govuk-tabs__tab {
+          text-decoration: none;
+        }
+      }
+
+      .govuk-tabs__tab {
+        @include govuk-link-style-text;
+
+        margin-bottom: 0;
+
+        &::after {
+          content: "";
+          position: absolute;
+          top: 0;
+          right: 0;
+          bottom: 0;
+          left: 0;
+        }
+      }
+
+      .govuk-tabs__panel {
+        @include govuk-responsive-margin(0, "bottom");
+        padding: govuk-spacing(6) govuk-spacing(4);
+        border: 1px solid $govuk-border-colour;
+        border-top: 0;
+
+        & > :last-child {
+          margin-bottom: 0;
+        }
+      }
+
+      .govuk-tabs__panel--hidden {
+        display: none;
+      }
+    }
+  }
+}
+
+/*# sourceMappingURL=_index.scss.map */
diff --git a/app/templates/govuk/components/tabs/_index.scss.map b/app/templates/govuk/components/tabs/_index.scss.map
new file mode 100644
index 0000000..9777732
--- /dev/null
+++ b/app/templates/govuk/components/tabs/_index.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/tabs/_index.scss"],"names":[],"mappings":"AAAA;EACE;IACE,0CAA0C;IAC1C,6CAA6C;IAC7C,8BAA8B;EAChC;;EAEA;IACE,yEAAyE;IACzE,wDAAwD;IACxD,mCAAmC;IACnC,wCAAwC;IACxC,0BAA0B;IAC1B,+BAA+B;EACjC;;EAEA;IACE,SAAS;IACT,UAAU;IACV,gBAAgB;IAChB,6CAA6C;EAC/C;;EAEA;IACE,6BAA6B;;IAE7B;MACE,0BAA0B;MAC1B,iBAAiB,EAAE,MAAM;MACzB,8BAA8B;MAC9B,+BAA+B;IACjC;EACF;;EAEA;IACE,0BAA0B;IAC1B,iCAAiC;;IAEjC,qBAAqB;IACrB,+BAA+B;EACjC;;EAEA;IACE,6CAA6C;EAC/C;;EAEA,oCAAoC;EACpC;IACE;MACE;QACE,uBAAuB;QACvB,gBAAgB;QAChB,6CAA6C;MAC/C;;MAEA;QACE,aAAa;MACf;;MAEA;QACE,kBAAkB;;QAElB,8BAA8B;QAC9B,gBAAgB;QAChB,cAAc;QACd,0CAA0C;;QAE1C,WAAW;QACX,4CAA4C;QAC5C,kBAAkB;;QAElB;UACE,aAAa;QACf;MACF;;MAEA;QACE,kBAAkB;;QAElB,kBAAkB;;QAElB,6BAA6B;;QAE7B,oDAAoD;QACpD,6BAA6B;QAC7B,6CAA6C;QAC7C,+CAA+C;QAC/C,gDAAgD;QAChD,8CAA8C;;QAE9C,gDAAgD;QAChD,gBAAgB;;QAEhB,+CAA+C;;QAE/C;UACE,qBAAqB;QACvB;MACF;;MAEA;QACE,8BAA8B;;QAE9B,gBAAgB;;QAEhB;UACE,WAAW;UACX,kBAAkB;UAClB,MAAM;UACN,QAAQ;UACR,SAAS;UACT,OAAO;QACT;MACF;;MAEA;QACE,6CAA6C;QAC7C,0CAA0C;QAC1C,sCAAsC;QACtC,aAAa;;QAEb;UACE,gBAAgB;QAClB;MACF;;MAEA;QACE,aAAa;MACf;IACF;EACF;AACF","file":"_index.scss","sourcesContent":["@include govuk-exports(\"govuk/component/tabs\") {\n  .govuk-tabs {\n    @include govuk-responsive-margin(1, \"top\");\n    @include govuk-responsive-margin(6, \"bottom\");\n    @include govuk-font($size: 19);\n  }\n\n  .govuk-tabs__title {\n    // Set the size and weight again because this element is a heading and the\n    // user agent font size overrides the inherited font size\n    @include govuk-font-size($size: 19);\n    @include govuk-typography-weight-regular;\n    @include govuk-text-colour;\n    margin-bottom: govuk-spacing(2);\n  }\n\n  .govuk-tabs__list {\n    margin: 0;\n    padding: 0;\n    list-style: none;\n    @include govuk-responsive-margin(6, \"bottom\");\n  }\n\n  .govuk-tabs__list-item {\n    margin-left: govuk-spacing(5);\n\n    &::before {\n      @include govuk-text-colour;\n      content: \"\\2014 \"; // \"— \"\n      margin-left: govuk-spacing(-5);\n      padding-right: govuk-spacing(1);\n    }\n  }\n\n  .govuk-tabs__tab {\n    @include govuk-link-common;\n    @include govuk-link-style-default;\n\n    display: inline-block;\n    margin-bottom: govuk-spacing(2);\n  }\n\n  .govuk-tabs__panel {\n    @include govuk-responsive-margin(8, \"bottom\");\n  }\n\n  // GOV.UK Frontend JavaScript enabled\n  .govuk-frontend-supported {\n    @include govuk-media-query($from: tablet) {\n      .govuk-tabs__list {\n        @include govuk-clearfix;\n        margin-bottom: 0;\n        border-bottom: 1px solid $govuk-border-colour;\n      }\n\n      .govuk-tabs__title {\n        display: none;\n      }\n\n      .govuk-tabs__list-item {\n        position: relative;\n\n        margin-right: govuk-spacing(1);\n        margin-bottom: 0;\n        margin-left: 0;\n        padding: govuk-spacing(2) govuk-spacing(4);\n\n        float: left;\n        background-color: govuk-colour(\"light-grey\");\n        text-align: center;\n\n        &::before {\n          content: none;\n        }\n      }\n\n      .govuk-tabs__list-item--selected {\n        $border-width: 1px;\n\n        position: relative;\n\n        margin-top: govuk-spacing(-1);\n\n        // Compensation for border (otherwise we get a shift)\n        margin-bottom: -$border-width;\n        padding-top: govuk-spacing(3) - $border-width;\n        padding-right: govuk-spacing(4) - $border-width;\n        padding-bottom: govuk-spacing(3) + $border-width;\n        padding-left: govuk-spacing(4) - $border-width;\n\n        border: $border-width solid $govuk-border-colour;\n        border-bottom: 0;\n\n        background-color: $govuk-body-background-colour;\n\n        .govuk-tabs__tab {\n          text-decoration: none;\n        }\n      }\n\n      .govuk-tabs__tab {\n        @include govuk-link-style-text;\n\n        margin-bottom: 0;\n\n        &::after {\n          content: \"\";\n          position: absolute;\n          top: 0;\n          right: 0;\n          bottom: 0;\n          left: 0;\n        }\n      }\n\n      .govuk-tabs__panel {\n        @include govuk-responsive-margin(0, \"bottom\");\n        padding: govuk-spacing(6) govuk-spacing(4);\n        border: 1px solid $govuk-border-colour;\n        border-top: 0;\n\n        & > :last-child {\n          margin-bottom: 0;\n        }\n      }\n\n      .govuk-tabs__panel--hidden {\n        display: none;\n      }\n    }\n  }\n}\n"]}
diff --git a/app/templates/govuk/components/tabs/_tabs.scss b/app/templates/govuk/components/tabs/_tabs.scss
new file mode 100644
index 0000000..3cf177a
--- /dev/null
+++ b/app/templates/govuk/components/tabs/_tabs.scss
@@ -0,0 +1,4 @@
+@import "../../base";
+@import "./index";
+
+/*# sourceMappingURL=_tabs.scss.map */
diff --git a/app/templates/govuk/components/tabs/_tabs.scss.map b/app/templates/govuk/components/tabs/_tabs.scss.map
new file mode 100644
index 0000000..9e2f6e5
--- /dev/null
+++ b/app/templates/govuk/components/tabs/_tabs.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/tabs/_tabs.scss"],"names":[],"mappings":"AAAA,oBAAoB;AACpB,iBAAiB","file":"_tabs.scss","sourcesContent":["@import \"../../base\";\n@import \"./index\";\n"]}
diff --git a/app/templates/govuk/components/tabs/fixtures.json b/app/templates/govuk/components/tabs/fixtures.json
new file mode 100644
index 0000000..90b2b09
--- /dev/null
+++ b/app/templates/govuk/components/tabs/fixtures.json
@@ -0,0 +1,333 @@
+{
+    "component": "tabs",
+    "fixtures": [
+        {
+            "name": "default",
+            "options": {
+                "items": [
+                    {
+                        "label": "Past day",
+                        "id": "past-day",
+                        "panel": {
+                            "html": "<h2 class=\"govuk-heading-l\">Past day</h2>\n<table class=\"govuk-table\">\n  <thead class=\"govuk-table__head\">\n    <tr class=\"govuk-table__row\">\n      <th class=\"govuk-table__header\" scope=\"col\">Case manager</th>\n      <th class=\"govuk-table__header\" scope=\"col\">Cases opened</th>\n      <th class=\"govuk-table__header\" scope=\"col\">Cases closed</th>\n    </tr>\n  </thead>\n  <tbody class=\"govuk-table__body\">\n    <tr class=\"govuk-table__row\">\n      <td class=\"govuk-table__cell\">David Francis</td>\n      <td class=\"govuk-table__cell\">3</td>\n      <td class=\"govuk-table__cell\">0</td>\n    </tr>\n    <tr class=\"govuk-table__row\">\n      <td class=\"govuk-table__cell\">Paul Farmer</td>\n      <td class=\"govuk-table__cell\">1</td>\n      <td class=\"govuk-table__cell\">0</td>\n    </tr>\n    <tr class=\"govuk-table__row\">\n      <td class=\"govuk-table__cell\">Rita Patel</td>\n      <td class=\"govuk-table__cell\">2</td>\n      <td class=\"govuk-table__cell\">0</td>\n    </tr>\n  </tbody>\n</table>\n"
+                        }
+                    },
+                    {
+                        "label": "Past week",
+                        "id": "past-week",
+                        "panel": {
+                            "html": "<h2 class=\"govuk-heading-l\">Past week</h2>\n<table class=\"govuk-table\">\n  <thead class=\"govuk-table__head\">\n    <tr class=\"govuk-table__row\">\n      <th class=\"govuk-table__header\" scope=\"col\">Case manager</th>\n      <th class=\"govuk-table__header\" scope=\"col\">Cases opened</th>\n      <th class=\"govuk-table__header\" scope=\"col\">Cases closed</th>\n    </tr>\n  </thead>\n  <tbody class=\"govuk-table__body\">\n    <tr class=\"govuk-table__row\">\n      <td class=\"govuk-table__cell\">David Francis</td>\n      <td class=\"govuk-table__cell\">24</td>\n      <td class=\"govuk-table__cell\">18</td>\n    </tr>\n    <tr class=\"govuk-table__row\">\n      <td class=\"govuk-table__cell\">Paul Farmer</td>\n      <td class=\"govuk-table__cell\">16</td>\n      <td class=\"govuk-table__cell\">20</td>\n    </tr>\n    <tr class=\"govuk-table__row\">\n      <td class=\"govuk-table__cell\">Rita Patel</td>\n      <td class=\"govuk-table__cell\">24</td>\n      <td class=\"govuk-table__cell\">27</td>\n    </tr>\n  </tbody>\n</table>\n"
+                        }
+                    },
+                    {
+                        "label": "Past month",
+                        "id": "past-month",
+                        "panel": {
+                            "html": "<h2 class=\"govuk-heading-l\">Past month</h2>\n<table class=\"govuk-table\">\n  <thead class=\"govuk-table__head\">\n    <tr class=\"govuk-table__row\">\n      <th class=\"govuk-table__header\" scope=\"col\">Case manager</th>\n      <th class=\"govuk-table__header\" scope=\"col\">Cases opened</th>\n      <th class=\"govuk-table__header\" scope=\"col\">Cases closed</th>\n    </tr>\n  </thead>\n  <tbody class=\"govuk-table__body\">\n    <tr class=\"govuk-table__row\">\n      <td class=\"govuk-table__cell\">David Francis</td>\n      <td class=\"govuk-table__cell\">98</td>\n      <td class=\"govuk-table__cell\">95</td>\n    </tr>\n    <tr class=\"govuk-table__row\">\n      <td class=\"govuk-table__cell\">Paul Farmer</td>\n      <td class=\"govuk-table__cell\">122</td>\n      <td class=\"govuk-table__cell\">131</td>\n    </tr>\n    <tr class=\"govuk-table__row\">\n      <td class=\"govuk-table__cell\">Rita Patel</td>\n      <td class=\"govuk-table__cell\">126</td>\n      <td class=\"govuk-table__cell\">142</td>\n    </tr>\n  </tbody>\n</table>\n"
+                        }
+                    },
+                    {
+                        "label": "Past year",
+                        "id": "past-year",
+                        "panel": {
+                            "text": "There is no data for this year yet, check back later"
+                        }
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": {
+                "variants": [
+                    "default",
+                    "no-js"
+                ]
+            },
+            "html": "<div class=\"govuk-tabs\" data-module=\"govuk-tabs\">\n  <h2 class=\"govuk-tabs__title\">\n    Contents\n  </h2>\n  <ul class=\"govuk-tabs__list\">\n    <li class=\"govuk-tabs__list-item govuk-tabs__list-item--selected\">\n      <a class=\"govuk-tabs__tab\" href=\"#past-day\">\n        Past day\n      </a>\n    </li>\n    <li class=\"govuk-tabs__list-item\">\n      <a class=\"govuk-tabs__tab\" href=\"#past-week\">\n        Past week\n      </a>\n    </li>\n    <li class=\"govuk-tabs__list-item\">\n      <a class=\"govuk-tabs__tab\" href=\"#past-month\">\n        Past month\n      </a>\n    </li>\n    <li class=\"govuk-tabs__list-item\">\n      <a class=\"govuk-tabs__tab\" href=\"#past-year\">\n        Past year\n      </a>\n    </li>\n  </ul>\n  <div class=\"govuk-tabs__panel\" id=\"past-day\">\n    <h2 class=\"govuk-heading-l\">Past day</h2>\n    <table class=\"govuk-table\">\n      <thead class=\"govuk-table__head\">\n        <tr class=\"govuk-table__row\">\n          <th class=\"govuk-table__header\" scope=\"col\">Case manager</th>\n          <th class=\"govuk-table__header\" scope=\"col\">Cases opened</th>\n          <th class=\"govuk-table__header\" scope=\"col\">Cases closed</th>\n        </tr>\n      </thead>\n      <tbody class=\"govuk-table__body\">\n        <tr class=\"govuk-table__row\">\n          <td class=\"govuk-table__cell\">David Francis</td>\n          <td class=\"govuk-table__cell\">3</td>\n          <td class=\"govuk-table__cell\">0</td>\n        </tr>\n        <tr class=\"govuk-table__row\">\n          <td class=\"govuk-table__cell\">Paul Farmer</td>\n          <td class=\"govuk-table__cell\">1</td>\n          <td class=\"govuk-table__cell\">0</td>\n        </tr>\n        <tr class=\"govuk-table__row\">\n          <td class=\"govuk-table__cell\">Rita Patel</td>\n          <td class=\"govuk-table__cell\">2</td>\n          <td class=\"govuk-table__cell\">0</td>\n        </tr>\n      </tbody>\n    </table>\n  </div>\n  <div class=\"govuk-tabs__panel govuk-tabs__panel--hidden\" id=\"past-week\">\n    <h2 class=\"govuk-heading-l\">Past week</h2>\n    <table class=\"govuk-table\">\n      <thead class=\"govuk-table__head\">\n        <tr class=\"govuk-table__row\">\n          <th class=\"govuk-table__header\" scope=\"col\">Case manager</th>\n          <th class=\"govuk-table__header\" scope=\"col\">Cases opened</th>\n          <th class=\"govuk-table__header\" scope=\"col\">Cases closed</th>\n        </tr>\n      </thead>\n      <tbody class=\"govuk-table__body\">\n        <tr class=\"govuk-table__row\">\n          <td class=\"govuk-table__cell\">David Francis</td>\n          <td class=\"govuk-table__cell\">24</td>\n          <td class=\"govuk-table__cell\">18</td>\n        </tr>\n        <tr class=\"govuk-table__row\">\n          <td class=\"govuk-table__cell\">Paul Farmer</td>\n          <td class=\"govuk-table__cell\">16</td>\n          <td class=\"govuk-table__cell\">20</td>\n        </tr>\n        <tr class=\"govuk-table__row\">\n          <td class=\"govuk-table__cell\">Rita Patel</td>\n          <td class=\"govuk-table__cell\">24</td>\n          <td class=\"govuk-table__cell\">27</td>\n        </tr>\n      </tbody>\n    </table>\n  </div>\n  <div class=\"govuk-tabs__panel govuk-tabs__panel--hidden\" id=\"past-month\">\n    <h2 class=\"govuk-heading-l\">Past month</h2>\n    <table class=\"govuk-table\">\n      <thead class=\"govuk-table__head\">\n        <tr class=\"govuk-table__row\">\n          <th class=\"govuk-table__header\" scope=\"col\">Case manager</th>\n          <th class=\"govuk-table__header\" scope=\"col\">Cases opened</th>\n          <th class=\"govuk-table__header\" scope=\"col\">Cases closed</th>\n        </tr>\n      </thead>\n      <tbody class=\"govuk-table__body\">\n        <tr class=\"govuk-table__row\">\n          <td class=\"govuk-table__cell\">David Francis</td>\n          <td class=\"govuk-table__cell\">98</td>\n          <td class=\"govuk-table__cell\">95</td>\n        </tr>\n        <tr class=\"govuk-table__row\">\n          <td class=\"govuk-table__cell\">Paul Farmer</td>\n          <td class=\"govuk-table__cell\">122</td>\n          <td class=\"govuk-table__cell\">131</td>\n        </tr>\n        <tr class=\"govuk-table__row\">\n          <td class=\"govuk-table__cell\">Rita Patel</td>\n          <td class=\"govuk-table__cell\">126</td>\n          <td class=\"govuk-table__cell\">142</td>\n        </tr>\n      </tbody>\n    </table>\n  </div>\n  <div class=\"govuk-tabs__panel govuk-tabs__panel--hidden\" id=\"past-year\">\n    <p class=\"govuk-body\">There is no data for this year yet, check back later</p>\n  </div>\n</div>"
+        },
+        {
+            "name": "classes",
+            "options": {
+                "classes": "app-tabs--custom-modifier",
+                "items": [
+                    {
+                        "label": "Tab 1",
+                        "id": "tab-1",
+                        "panel": {
+                            "text": "Information about tabs"
+                        }
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-tabs app-tabs--custom-modifier\" data-module=\"govuk-tabs\">\n  <h2 class=\"govuk-tabs__title\">\n    Contents\n  </h2>\n  <ul class=\"govuk-tabs__list\">\n    <li class=\"govuk-tabs__list-item govuk-tabs__list-item--selected\">\n      <a class=\"govuk-tabs__tab\" href=\"#tab-1\">\n        Tab 1\n      </a>\n    </li>\n  </ul>\n  <div class=\"govuk-tabs__panel\" id=\"tab-1\">\n    <p class=\"govuk-body\">Information about tabs</p>\n  </div>\n</div>"
+        },
+        {
+            "name": "id",
+            "options": {
+                "id": "my-tabs",
+                "items": [
+                    {
+                        "label": "Tab 1",
+                        "id": "tab-1",
+                        "panel": {
+                            "text": "Information about tabs"
+                        }
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div id=\"my-tabs\" class=\"govuk-tabs\" data-module=\"govuk-tabs\">\n  <h2 class=\"govuk-tabs__title\">\n    Contents\n  </h2>\n  <ul class=\"govuk-tabs__list\">\n    <li class=\"govuk-tabs__list-item govuk-tabs__list-item--selected\">\n      <a class=\"govuk-tabs__tab\" href=\"#tab-1\">\n        Tab 1\n      </a>\n    </li>\n  </ul>\n  <div class=\"govuk-tabs__panel\" id=\"tab-1\">\n    <p class=\"govuk-body\">Information about tabs</p>\n  </div>\n</div>"
+        },
+        {
+            "name": "title",
+            "options": {
+                "title": "Custom title for Contents",
+                "items": [
+                    {
+                        "label": "Tab 1",
+                        "id": "tab-1",
+                        "panel": {
+                            "text": "Information about tabs"
+                        }
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-tabs\" data-module=\"govuk-tabs\">\n  <h2 class=\"govuk-tabs__title\">\n    Custom title for Contents\n  </h2>\n  <ul class=\"govuk-tabs__list\">\n    <li class=\"govuk-tabs__list-item govuk-tabs__list-item--selected\">\n      <a class=\"govuk-tabs__tab\" href=\"#tab-1\">\n        Tab 1\n      </a>\n    </li>\n  </ul>\n  <div class=\"govuk-tabs__panel\" id=\"tab-1\">\n    <p class=\"govuk-body\">Information about tabs</p>\n  </div>\n</div>"
+        },
+        {
+            "name": "attributes",
+            "options": {
+                "attributes": {
+                    "data-attribute": "my data value"
+                },
+                "items": [
+                    {
+                        "label": "Tab 1",
+                        "id": "tab-1",
+                        "panel": {
+                            "text": "Information about tabs"
+                        }
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-tabs\" data-attribute=\"my data value\" data-module=\"govuk-tabs\">\n  <h2 class=\"govuk-tabs__title\">\n    Contents\n  </h2>\n  <ul class=\"govuk-tabs__list\">\n    <li class=\"govuk-tabs__list-item govuk-tabs__list-item--selected\">\n      <a class=\"govuk-tabs__tab\" href=\"#tab-1\">\n        Tab 1\n      </a>\n    </li>\n  </ul>\n  <div class=\"govuk-tabs__panel\" id=\"tab-1\">\n    <p class=\"govuk-body\">Information about tabs</p>\n  </div>\n</div>"
+        },
+        {
+            "name": "item with attributes",
+            "options": {
+                "items": [
+                    {
+                        "id": "tab-1",
+                        "label": "Tab 1",
+                        "panel": {
+                            "text": "Information about tabs"
+                        },
+                        "attributes": {
+                            "data-attribute": "my-attribute",
+                            "data-attribute-2": "my-attribute-2"
+                        }
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-tabs\" data-module=\"govuk-tabs\">\n  <h2 class=\"govuk-tabs__title\">\n    Contents\n  </h2>\n  <ul class=\"govuk-tabs__list\">\n    <li class=\"govuk-tabs__list-item govuk-tabs__list-item--selected\">\n      <a class=\"govuk-tabs__tab\" href=\"#tab-1\" data-attribute=\"my-attribute\" data-attribute-2=\"my-attribute-2\">\n        Tab 1\n      </a>\n    </li>\n  </ul>\n  <div class=\"govuk-tabs__panel\" id=\"tab-1\">\n    <p class=\"govuk-body\">Information about tabs</p>\n  </div>\n</div>"
+        },
+        {
+            "name": "panel with attributes",
+            "options": {
+                "items": [
+                    {
+                        "id": "tab-1",
+                        "label": "Tab 1",
+                        "panel": {
+                            "text": "Panel text",
+                            "attributes": {
+                                "data-attribute": "my-attribute",
+                                "data-attribute-2": "my-attribute-2"
+                            }
+                        }
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-tabs\" data-module=\"govuk-tabs\">\n  <h2 class=\"govuk-tabs__title\">\n    Contents\n  </h2>\n  <ul class=\"govuk-tabs__list\">\n    <li class=\"govuk-tabs__list-item govuk-tabs__list-item--selected\">\n      <a class=\"govuk-tabs__tab\" href=\"#tab-1\">\n        Tab 1\n      </a>\n    </li>\n  </ul>\n  <div class=\"govuk-tabs__panel\" id=\"tab-1\" data-attribute=\"my-attribute\" data-attribute-2=\"my-attribute-2\">\n    <p class=\"govuk-body\">Panel text</p>\n  </div>\n</div>"
+        },
+        {
+            "name": "no item list",
+            "options": {
+                "id": "my-tabs",
+                "classes": "app-tabs--custom-modifier"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div id=\"my-tabs\" class=\"govuk-tabs app-tabs--custom-modifier\" data-module=\"govuk-tabs\">\n  <h2 class=\"govuk-tabs__title\">\n    Contents\n  </h2>\n</div>"
+        },
+        {
+            "name": "empty item list",
+            "options": {
+                "items": []
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-tabs\" data-module=\"govuk-tabs\">\n  <h2 class=\"govuk-tabs__title\">\n    Contents\n  </h2>\n</div>"
+        },
+        {
+            "name": "with falsy values",
+            "options": {
+                "items": [
+                    {
+                        "label": "Tab 1",
+                        "id": "tab-1",
+                        "panel": {
+                            "text": "Panel 1 content"
+                        }
+                    },
+                    null,
+                    false,
+                    "",
+                    {
+                        "label": "Tab 2",
+                        "id": "tab-2",
+                        "panel": {
+                            "text": "Panel 2 content"
+                        }
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-tabs\" data-module=\"govuk-tabs\">\n  <h2 class=\"govuk-tabs__title\">\n    Contents\n  </h2>\n  <ul class=\"govuk-tabs__list\">\n    <li class=\"govuk-tabs__list-item govuk-tabs__list-item--selected\">\n      <a class=\"govuk-tabs__tab\" href=\"#tab-1\">\n        Tab 1\n      </a>\n    </li>\n    <li class=\"govuk-tabs__list-item\">\n      <a class=\"govuk-tabs__tab\" href=\"#tab-2\">\n        Tab 2\n      </a>\n    </li>\n  </ul>\n  <div class=\"govuk-tabs__panel\" id=\"tab-1\">\n    <p class=\"govuk-body\">Panel 1 content</p>\n  </div>\n  <div class=\"govuk-tabs__panel govuk-tabs__panel--hidden\" id=\"tab-2\">\n    <p class=\"govuk-body\">Panel 2 content</p>\n  </div>\n</div>"
+        },
+        {
+            "name": "idPrefix",
+            "options": {
+                "idPrefix": "custom",
+                "items": [
+                    {
+                        "label": "Tab 1",
+                        "panel": {
+                            "text": "Panel 1 content"
+                        }
+                    },
+                    {
+                        "label": "Tab 2",
+                        "panel": {
+                            "text": "Panel 2 content"
+                        }
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-tabs\" data-module=\"govuk-tabs\">\n  <h2 class=\"govuk-tabs__title\">\n    Contents\n  </h2>\n  <ul class=\"govuk-tabs__list\">\n    <li class=\"govuk-tabs__list-item govuk-tabs__list-item--selected\">\n      <a class=\"govuk-tabs__tab\" href=\"#custom-1\">\n        Tab 1\n      </a>\n    </li>\n    <li class=\"govuk-tabs__list-item\">\n      <a class=\"govuk-tabs__tab\" href=\"#custom-2\">\n        Tab 2\n      </a>\n    </li>\n  </ul>\n  <div class=\"govuk-tabs__panel\" id=\"custom-1\">\n    <p class=\"govuk-body\">Panel 1 content</p>\n  </div>\n  <div class=\"govuk-tabs__panel govuk-tabs__panel--hidden\" id=\"custom-2\">\n    <p class=\"govuk-body\">Panel 2 content</p>\n  </div>\n</div>"
+        },
+        {
+            "name": "html as text",
+            "options": {
+                "items": [
+                    {
+                        "label": "Tab 1",
+                        "id": "tab-1",
+                        "panel": {
+                            "text": "<p>Panel 1 content</p>"
+                        }
+                    },
+                    {
+                        "label": "Tab 2",
+                        "id": "tab-2",
+                        "panel": {
+                            "text": "<p>Panel 2 content</p>"
+                        }
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-tabs\" data-module=\"govuk-tabs\">\n  <h2 class=\"govuk-tabs__title\">\n    Contents\n  </h2>\n  <ul class=\"govuk-tabs__list\">\n    <li class=\"govuk-tabs__list-item govuk-tabs__list-item--selected\">\n      <a class=\"govuk-tabs__tab\" href=\"#tab-1\">\n        Tab 1\n      </a>\n    </li>\n    <li class=\"govuk-tabs__list-item\">\n      <a class=\"govuk-tabs__tab\" href=\"#tab-2\">\n        Tab 2\n      </a>\n    </li>\n  </ul>\n  <div class=\"govuk-tabs__panel\" id=\"tab-1\">\n    <p class=\"govuk-body\">&lt;p&gt;Panel 1 content&lt;/p&gt;</p>\n  </div>\n  <div class=\"govuk-tabs__panel govuk-tabs__panel--hidden\" id=\"tab-2\">\n    <p class=\"govuk-body\">&lt;p&gt;Panel 2 content&lt;/p&gt;</p>\n  </div>\n</div>"
+        },
+        {
+            "name": "html",
+            "options": {
+                "items": [
+                    {
+                        "label": "Tab 1",
+                        "id": "tab-1",
+                        "panel": {
+                            "html": "<p>Panel 1 content</p>"
+                        }
+                    },
+                    {
+                        "label": "Tab 2",
+                        "id": "tab-2",
+                        "panel": {
+                            "html": "<p>Panel 2 content</p>"
+                        }
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-tabs\" data-module=\"govuk-tabs\">\n  <h2 class=\"govuk-tabs__title\">\n    Contents\n  </h2>\n  <ul class=\"govuk-tabs__list\">\n    <li class=\"govuk-tabs__list-item govuk-tabs__list-item--selected\">\n      <a class=\"govuk-tabs__tab\" href=\"#tab-1\">\n        Tab 1\n      </a>\n    </li>\n    <li class=\"govuk-tabs__list-item\">\n      <a class=\"govuk-tabs__tab\" href=\"#tab-2\">\n        Tab 2\n      </a>\n    </li>\n  </ul>\n  <div class=\"govuk-tabs__panel\" id=\"tab-1\">\n    <p>Panel 1 content</p>\n  </div>\n  <div class=\"govuk-tabs__panel govuk-tabs__panel--hidden\" id=\"tab-2\">\n    <p>Panel 2 content</p>\n  </div>\n</div>"
+        },
+        {
+            "name": "tabs-with-anchor-in-panel",
+            "options": {
+                "items": [
+                    {
+                        "label": "Tab 1",
+                        "id": "tab-1",
+                        "panel": {
+                            "html": "<h2 class=\"govuk-heading-l\">Tab 1</h2>\n<p class=\"govuk-body\">Testing that when you click the anchor it moves to the anchor point successfully</p>\n<p class=\"govuk-body\"><a class=\"govuk-link\" href=\"#anchor\">Anchor</a></p>\n<p class=\"govuk-body\"><a id=\"anchor\" tabindex=\"0\">Anchor Point</a></p>\n"
+                        }
+                    },
+                    {
+                        "label": "Tab 2",
+                        "id": "tab-2",
+                        "panel": {
+                            "html": "<h2 class=\"govuk-heading-l\">Tab 2</h2>\n"
+                        }
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "Ensure that anchors that are in tab panels work correctly",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-tabs\" data-module=\"govuk-tabs\">\n  <h2 class=\"govuk-tabs__title\">\n    Contents\n  </h2>\n  <ul class=\"govuk-tabs__list\">\n    <li class=\"govuk-tabs__list-item govuk-tabs__list-item--selected\">\n      <a class=\"govuk-tabs__tab\" href=\"#tab-1\">\n        Tab 1\n      </a>\n    </li>\n    <li class=\"govuk-tabs__list-item\">\n      <a class=\"govuk-tabs__tab\" href=\"#tab-2\">\n        Tab 2\n      </a>\n    </li>\n  </ul>\n  <div class=\"govuk-tabs__panel\" id=\"tab-1\">\n    <h2 class=\"govuk-heading-l\">Tab 1</h2>\n    <p class=\"govuk-body\">Testing that when you click the anchor it moves to the anchor point successfully</p>\n    <p class=\"govuk-body\"><a class=\"govuk-link\" href=\"#anchor\">Anchor</a></p>\n    <p class=\"govuk-body\"><a id=\"anchor\" tabindex=\"0\">Anchor Point</a></p>\n  </div>\n  <div class=\"govuk-tabs__panel govuk-tabs__panel--hidden\" id=\"tab-2\">\n    <h2 class=\"govuk-heading-l\">Tab 2</h2>\n  </div>\n</div>"
+        }
+    ]
+}
diff --git a/app/templates/govuk/components/tabs/macro-options.json b/app/templates/govuk/components/tabs/macro-options.json
new file mode 100644
index 0000000..122e19c
--- /dev/null
+++ b/app/templates/govuk/components/tabs/macro-options.json
@@ -0,0 +1,84 @@
+[
+    {
+        "name": "id",
+        "type": "string",
+        "required": false,
+        "description": "This is used for the main component and to compose the ID attribute for each item."
+    },
+    {
+        "name": "idPrefix",
+        "type": "string",
+        "required": false,
+        "description": "Optional prefix. This is used to prefix the `id` attribute for each tab item and panel, separated by `-`."
+    },
+    {
+        "name": "title",
+        "type": "string",
+        "required": false,
+        "description": "Title for the tabs table of contents."
+    },
+    {
+        "name": "items",
+        "type": "array",
+        "required": true,
+        "description": "The individual tabs within the tabs component.",
+        "params": [
+            {
+                "name": "id",
+                "type": "string",
+                "required": true,
+                "description": "Specific ID attribute for the tab item. If omitted, then `idPrefix` string is required instead."
+            },
+            {
+                "name": "label",
+                "type": "string",
+                "required": true,
+                "description": "The text label of a tab item."
+            },
+            {
+                "name": "attributes",
+                "type": "object",
+                "required": false,
+                "description": "HTML attributes (for example data attributes) to add to the tab."
+            },
+            {
+                "name": "panel",
+                "description": "The contents of each tab within the tabs component. This is referenced as a panel.",
+                "type": "object",
+                "required": true,
+                "params": [
+                    {
+                        "name": "text",
+                        "type": "string",
+                        "required": true,
+                        "description": "If `html` is set, this is not required. Text to use within each tab panel. If `html` is provided, the `text` option will be ignored."
+                    },
+                    {
+                        "name": "html",
+                        "type": "string",
+                        "required": true,
+                        "description": "If `text` is set, this is not required. HTML to use within each tab panel. If `html` is provided, the `text` option will be ignored."
+                    },
+                    {
+                        "name": "attributes",
+                        "type": "object",
+                        "required": false,
+                        "description": "HTML attributes (for example data attributes) to add to the tab panel."
+                    }
+                ]
+            }
+        ]
+    },
+    {
+        "name": "classes",
+        "type": "string",
+        "required": false,
+        "description": "Classes to add to the tabs component."
+    },
+    {
+        "name": "attributes",
+        "type": "object",
+        "required": false,
+        "description": "HTML attributes (for example data attributes) to add to the tabs component."
+    }
+]
diff --git a/app/templates/govuk/components/tabs/macro.njk b/app/templates/govuk/components/tabs/macro.njk
new file mode 100644
index 0000000..e77ceea
--- /dev/null
+++ b/app/templates/govuk/components/tabs/macro.njk
@@ -0,0 +1,3 @@
+{% macro govukTabs(params) %}
+  {%- include "./template.njk" -%}
+{% endmacro %}
diff --git a/app/templates/govuk/components/tabs/tabs.bundle.js b/app/templates/govuk/components/tabs/tabs.bundle.js
new file mode 100644
index 0000000..118aedc
--- /dev/null
+++ b/app/templates/govuk/components/tabs/tabs.bundle.js
@@ -0,0 +1,432 @@
+(function (global, factory) {
+  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports) :
+  typeof define === 'function' && define.amd ? define(['exports'], factory) :
+  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.GOVUKFrontend = global.GOVUKFrontend || {}));
+})(this, (function (exports) { 'use strict';
+
+  function getBreakpoint(name) {
+    const property = `--govuk-breakpoint-${name}`;
+    const value = window.getComputedStyle(document.documentElement).getPropertyValue(property);
+    return {
+      property,
+      value: value || undefined
+    };
+  }
+  function isInitialised($root, moduleName) {
+    return $root instanceof HTMLElement && $root.hasAttribute(`data-${moduleName}-init`);
+  }
+
+  /**
+   * Checks if GOV.UK Frontend is supported on this page
+   *
+   * Some browsers will load and run our JavaScript but GOV.UK Frontend
+   * won't be supported.
+   *
+   * @param {HTMLElement | null} [$scope] - (internal) `<body>` HTML element checked for browser support
+   * @returns {boolean} Whether GOV.UK Frontend is supported on this page
+   */
+  function isSupported($scope = document.body) {
+    if (!$scope) {
+      return false;
+    }
+    return $scope.classList.contains('govuk-frontend-supported');
+  }
+  function isArray(option) {
+    return Array.isArray(option);
+  }
+  function isObject(option) {
+    return !!option && typeof option === 'object' && !isArray(option);
+  }
+  function formatErrorMessage(Component, message) {
+    return `${Component.moduleName}: ${message}`;
+  }
+  /**
+   * @typedef ComponentWithModuleName
+   * @property {string} moduleName - Name of the component
+   */
+
+  class GOVUKFrontendError extends Error {
+    constructor(...args) {
+      super(...args);
+      this.name = 'GOVUKFrontendError';
+    }
+  }
+  class SupportError extends GOVUKFrontendError {
+    /**
+     * Checks if GOV.UK Frontend is supported on this page
+     *
+     * @param {HTMLElement | null} [$scope] - HTML element `<body>` checked for browser support
+     */
+    constructor($scope = document.body) {
+      const supportMessage = 'noModule' in HTMLScriptElement.prototype ? 'GOV.UK Frontend initialised without `<body class="govuk-frontend-supported">` from template `<script>` snippet' : 'GOV.UK Frontend is not supported in this browser';
+      super($scope ? supportMessage : 'GOV.UK Frontend initialised without `<script type="module">`');
+      this.name = 'SupportError';
+    }
+  }
+  class ElementError extends GOVUKFrontendError {
+    constructor(messageOrOptions) {
+      let message = typeof messageOrOptions === 'string' ? messageOrOptions : '';
+      if (isObject(messageOrOptions)) {
+        const {
+          component,
+          identifier,
+          element,
+          expectedType
+        } = messageOrOptions;
+        message = identifier;
+        message += element ? ` is not of type ${expectedType != null ? expectedType : 'HTMLElement'}` : ' not found';
+        if (component) {
+          message = formatErrorMessage(component, message);
+        }
+      }
+      super(message);
+      this.name = 'ElementError';
+    }
+  }
+  class InitError extends GOVUKFrontendError {
+    constructor(componentOrMessage) {
+      const message = typeof componentOrMessage === 'string' ? componentOrMessage : formatErrorMessage(componentOrMessage, `Root element (\`$root\`) already initialised`);
+      super(message);
+      this.name = 'InitError';
+    }
+  }
+  /**
+   * @import { ComponentWithModuleName } from '../common/index.mjs'
+   */
+
+  class Component {
+    /**
+     * Returns the root element of the component
+     *
+     * @protected
+     * @returns {RootElementType} - the root element of component
+     */
+    get $root() {
+      return this._$root;
+    }
+    constructor($root) {
+      this._$root = void 0;
+      const childConstructor = this.constructor;
+      if (typeof childConstructor.moduleName !== 'string') {
+        throw new InitError(`\`moduleName\` not defined in component`);
+      }
+      if (!($root instanceof childConstructor.elementType)) {
+        throw new ElementError({
+          element: $root,
+          component: childConstructor,
+          identifier: 'Root element (`$root`)',
+          expectedType: childConstructor.elementType.name
+        });
+      } else {
+        this._$root = $root;
+      }
+      childConstructor.checkSupport();
+      this.checkInitialised();
+      const moduleName = childConstructor.moduleName;
+      this.$root.setAttribute(`data-${moduleName}-init`, '');
+    }
+    checkInitialised() {
+      const constructor = this.constructor;
+      const moduleName = constructor.moduleName;
+      if (moduleName && isInitialised(this.$root, moduleName)) {
+        throw new InitError(constructor);
+      }
+    }
+    static checkSupport() {
+      if (!isSupported()) {
+        throw new SupportError();
+      }
+    }
+  }
+
+  /**
+   * @typedef ChildClass
+   * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component
+   */
+
+  /**
+   * @typedef {typeof Component & ChildClass} ChildClassConstructor
+   */
+  Component.elementType = HTMLElement;
+
+  /**
+   * Tabs component
+   *
+   * @preserve
+   */
+  class Tabs extends Component {
+    /**
+     * @param {Element | null} $root - HTML element to use for tabs
+     */
+    constructor($root) {
+      super($root);
+      this.$tabs = void 0;
+      this.$tabList = void 0;
+      this.$tabListItems = void 0;
+      this.jsHiddenClass = 'govuk-tabs__panel--hidden';
+      this.changingHash = false;
+      this.boundTabClick = void 0;
+      this.boundTabKeydown = void 0;
+      this.boundOnHashChange = void 0;
+      this.mql = null;
+      const $tabs = this.$root.querySelectorAll('a.govuk-tabs__tab');
+      if (!$tabs.length) {
+        throw new ElementError({
+          component: Tabs,
+          identifier: 'Links (`<a class="govuk-tabs__tab">`)'
+        });
+      }
+      this.$tabs = $tabs;
+      this.boundTabClick = this.onTabClick.bind(this);
+      this.boundTabKeydown = this.onTabKeydown.bind(this);
+      this.boundOnHashChange = this.onHashChange.bind(this);
+      const $tabList = this.$root.querySelector('.govuk-tabs__list');
+      const $tabListItems = this.$root.querySelectorAll('li.govuk-tabs__list-item');
+      if (!$tabList) {
+        throw new ElementError({
+          component: Tabs,
+          identifier: 'List (`<ul class="govuk-tabs__list">`)'
+        });
+      }
+      if (!$tabListItems.length) {
+        throw new ElementError({
+          component: Tabs,
+          identifier: 'List items (`<li class="govuk-tabs__list-item">`)'
+        });
+      }
+      this.$tabList = $tabList;
+      this.$tabListItems = $tabListItems;
+      this.setupResponsiveChecks();
+    }
+    setupResponsiveChecks() {
+      const breakpoint = getBreakpoint('tablet');
+      if (!breakpoint.value) {
+        throw new ElementError({
+          component: Tabs,
+          identifier: `CSS custom property (\`${breakpoint.property}\`) on pseudo-class \`:root\``
+        });
+      }
+      this.mql = window.matchMedia(`(min-width: ${breakpoint.value})`);
+      if ('addEventListener' in this.mql) {
+        this.mql.addEventListener('change', () => this.checkMode());
+      } else {
+        this.mql.addListener(() => this.checkMode());
+      }
+      this.checkMode();
+    }
+    checkMode() {
+      var _this$mql;
+      if ((_this$mql = this.mql) != null && _this$mql.matches) {
+        this.setup();
+      } else {
+        this.teardown();
+      }
+    }
+    setup() {
+      var _this$getTab;
+      this.$tabList.setAttribute('role', 'tablist');
+      this.$tabListItems.forEach($item => {
+        $item.setAttribute('role', 'presentation');
+      });
+      this.$tabs.forEach($tab => {
+        this.setAttributes($tab);
+        $tab.addEventListener('click', this.boundTabClick, true);
+        $tab.addEventListener('keydown', this.boundTabKeydown, true);
+        this.hideTab($tab);
+      });
+      const $activeTab = (_this$getTab = this.getTab(window.location.hash)) != null ? _this$getTab : this.$tabs[0];
+      this.showTab($activeTab);
+      window.addEventListener('hashchange', this.boundOnHashChange, true);
+    }
+    teardown() {
+      this.$tabList.removeAttribute('role');
+      this.$tabListItems.forEach($item => {
+        $item.removeAttribute('role');
+      });
+      this.$tabs.forEach($tab => {
+        $tab.removeEventListener('click', this.boundTabClick, true);
+        $tab.removeEventListener('keydown', this.boundTabKeydown, true);
+        this.unsetAttributes($tab);
+      });
+      window.removeEventListener('hashchange', this.boundOnHashChange, true);
+    }
+    onHashChange() {
+      const hash = window.location.hash;
+      const $tabWithHash = this.getTab(hash);
+      if (!$tabWithHash) {
+        return;
+      }
+      if (this.changingHash) {
+        this.changingHash = false;
+        return;
+      }
+      const $previousTab = this.getCurrentTab();
+      if (!$previousTab) {
+        return;
+      }
+      this.hideTab($previousTab);
+      this.showTab($tabWithHash);
+      $tabWithHash.focus();
+    }
+    hideTab($tab) {
+      this.unhighlightTab($tab);
+      this.hidePanel($tab);
+    }
+    showTab($tab) {
+      this.highlightTab($tab);
+      this.showPanel($tab);
+    }
+    getTab(hash) {
+      return this.$root.querySelector(`a.govuk-tabs__tab[href="${hash}"]`);
+    }
+    setAttributes($tab) {
+      const panelId = $tab.hash.replace('#', '');
+      if (!panelId) {
+        return;
+      }
+      $tab.setAttribute('id', `tab_${panelId}`);
+      $tab.setAttribute('role', 'tab');
+      $tab.setAttribute('aria-controls', panelId);
+      $tab.setAttribute('aria-selected', 'false');
+      $tab.setAttribute('tabindex', '-1');
+      const $panel = this.getPanel($tab);
+      if (!$panel) {
+        return;
+      }
+      $panel.setAttribute('role', 'tabpanel');
+      $panel.setAttribute('aria-labelledby', $tab.id);
+      $panel.classList.add(this.jsHiddenClass);
+    }
+    unsetAttributes($tab) {
+      $tab.removeAttribute('id');
+      $tab.removeAttribute('role');
+      $tab.removeAttribute('aria-controls');
+      $tab.removeAttribute('aria-selected');
+      $tab.removeAttribute('tabindex');
+      const $panel = this.getPanel($tab);
+      if (!$panel) {
+        return;
+      }
+      $panel.removeAttribute('role');
+      $panel.removeAttribute('aria-labelledby');
+      $panel.classList.remove(this.jsHiddenClass);
+    }
+    onTabClick(event) {
+      const $currentTab = this.getCurrentTab();
+      const $nextTab = event.currentTarget;
+      if (!$currentTab || !($nextTab instanceof HTMLAnchorElement)) {
+        return;
+      }
+      event.preventDefault();
+      this.hideTab($currentTab);
+      this.showTab($nextTab);
+      this.createHistoryEntry($nextTab);
+    }
+    createHistoryEntry($tab) {
+      const $panel = this.getPanel($tab);
+      if (!$panel) {
+        return;
+      }
+      const panelId = $panel.id;
+      $panel.id = '';
+      this.changingHash = true;
+      window.location.hash = panelId;
+      $panel.id = panelId;
+    }
+    onTabKeydown(event) {
+      switch (event.key) {
+        case 'ArrowLeft':
+        case 'Left':
+          this.activatePreviousTab();
+          event.preventDefault();
+          break;
+        case 'ArrowRight':
+        case 'Right':
+          this.activateNextTab();
+          event.preventDefault();
+          break;
+      }
+    }
+    activateNextTab() {
+      const $currentTab = this.getCurrentTab();
+      if (!($currentTab != null && $currentTab.parentElement)) {
+        return;
+      }
+      const $nextTabListItem = $currentTab.parentElement.nextElementSibling;
+      if (!$nextTabListItem) {
+        return;
+      }
+      const $nextTab = $nextTabListItem.querySelector('a.govuk-tabs__tab');
+      if (!$nextTab) {
+        return;
+      }
+      this.hideTab($currentTab);
+      this.showTab($nextTab);
+      $nextTab.focus();
+      this.createHistoryEntry($nextTab);
+    }
+    activatePreviousTab() {
+      const $currentTab = this.getCurrentTab();
+      if (!($currentTab != null && $currentTab.parentElement)) {
+        return;
+      }
+      const $previousTabListItem = $currentTab.parentElement.previousElementSibling;
+      if (!$previousTabListItem) {
+        return;
+      }
+      const $previousTab = $previousTabListItem.querySelector('a.govuk-tabs__tab');
+      if (!$previousTab) {
+        return;
+      }
+      this.hideTab($currentTab);
+      this.showTab($previousTab);
+      $previousTab.focus();
+      this.createHistoryEntry($previousTab);
+    }
+    getPanel($tab) {
+      const panelId = $tab.hash.replace('#', '');
+      if (!panelId) {
+        return null;
+      }
+      return this.$root.querySelector(`#${panelId}`);
+    }
+    showPanel($tab) {
+      const $panel = this.getPanel($tab);
+      if (!$panel) {
+        return;
+      }
+      $panel.classList.remove(this.jsHiddenClass);
+    }
+    hidePanel($tab) {
+      const $panel = this.getPanel($tab);
+      if (!$panel) {
+        return;
+      }
+      $panel.classList.add(this.jsHiddenClass);
+    }
+    unhighlightTab($tab) {
+      if (!$tab.parentElement) {
+        return;
+      }
+      $tab.setAttribute('aria-selected', 'false');
+      $tab.parentElement.classList.remove('govuk-tabs__list-item--selected');
+      $tab.setAttribute('tabindex', '-1');
+    }
+    highlightTab($tab) {
+      if (!$tab.parentElement) {
+        return;
+      }
+      $tab.setAttribute('aria-selected', 'true');
+      $tab.parentElement.classList.add('govuk-tabs__list-item--selected');
+      $tab.setAttribute('tabindex', '0');
+    }
+    getCurrentTab() {
+      return this.$root.querySelector('.govuk-tabs__list-item--selected a.govuk-tabs__tab');
+    }
+  }
+  Tabs.moduleName = 'govuk-tabs';
+
+  exports.Tabs = Tabs;
+
+}));
+//# sourceMappingURL=tabs.bundle.js.map
diff --git a/app/templates/govuk/components/tabs/tabs.bundle.js.map b/app/templates/govuk/components/tabs/tabs.bundle.js.map
new file mode 100644
index 0000000..6833f17
--- /dev/null
+++ b/app/templates/govuk/components/tabs/tabs.bundle.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"tabs.bundle.js","sources":["../../../../src/govuk/common/index.mjs","../../../../src/govuk/errors/index.mjs","../../../../src/govuk/component.mjs","../../../../src/govuk/components/tabs/tabs.mjs"],"sourcesContent":["/**\n * Common helpers which do not require polyfill.\n *\n * IMPORTANT: If a helper require a polyfill, please isolate it in its own module\n * so that the polyfill can be properly tree-shaken and does not burden\n * the components that do not need that helper\n */\n\n/**\n * Get GOV.UK Frontend breakpoint value from CSS custom property\n *\n * @private\n * @param {string} name - Breakpoint name\n * @returns {{ property: string, value?: string }} Breakpoint object\n */\nexport function getBreakpoint(name) {\n  const property = `--govuk-breakpoint-${name}`\n\n  // Get value from `<html>` with breakpoints on CSS :root\n  const value = window\n    .getComputedStyle(document.documentElement)\n    .getPropertyValue(property)\n\n  return {\n    property,\n    value: value || undefined\n  }\n}\n\n/**\n * Move focus to element\n *\n * Sets tabindex to -1 to make the element programmatically focusable,\n * but removes it on blur as the element doesn't need to be focused again.\n *\n * @private\n * @template {HTMLElement} FocusElement\n * @param {FocusElement} $element - HTML element\n * @param {object} [options] - Handler options\n * @param {function(this: FocusElement): void} [options.onBeforeFocus] - Callback before focus\n * @param {function(this: FocusElement): void} [options.onBlur] - Callback on blur\n */\nexport function setFocus($element, options = {}) {\n  const isFocusable = $element.getAttribute('tabindex')\n\n  if (!isFocusable) {\n    $element.setAttribute('tabindex', '-1')\n  }\n\n  /**\n   * Handle element focus\n   */\n  function onFocus() {\n    $element.addEventListener('blur', onBlur, { once: true })\n  }\n\n  /**\n   * Handle element blur\n   */\n  function onBlur() {\n    options.onBlur?.call($element)\n\n    if (!isFocusable) {\n      $element.removeAttribute('tabindex')\n    }\n  }\n\n  // Add listener to reset element on blur, after focus\n  $element.addEventListener('focus', onFocus, { once: true })\n\n  // Focus element\n  options.onBeforeFocus?.call($element)\n  $element.focus()\n}\n\n/**\n * Checks if component is already initialised\n *\n * @internal\n * @param {Element} $root - HTML element to be checked\n * @param {string} moduleName - name of component module\n * @returns {boolean} Whether component is already initialised\n */\nexport function isInitialised($root, moduleName) {\n  return (\n    $root instanceof HTMLElement &&\n    $root.hasAttribute(`data-${moduleName}-init`)\n  )\n}\n\n/**\n * Checks if GOV.UK Frontend is supported on this page\n *\n * Some browsers will load and run our JavaScript but GOV.UK Frontend\n * won't be supported.\n *\n * @param {HTMLElement | null} [$scope] - (internal) `<body>` HTML element checked for browser support\n * @returns {boolean} Whether GOV.UK Frontend is supported on this page\n */\nexport function isSupported($scope = document.body) {\n  if (!$scope) {\n    return false\n  }\n\n  return $scope.classList.contains('govuk-frontend-supported')\n}\n\n/**\n * Check for an array\n *\n * @internal\n * @param {unknown} option - Option to check\n * @returns {boolean} Whether the option is an array\n */\nfunction isArray(option) {\n  return Array.isArray(option)\n}\n\n/**\n * Check for an object\n *\n * @internal\n * @template {Partial<Record<keyof ObjectType, unknown>>} ObjectType\n * @param {unknown | ObjectType} option - Option to check\n * @returns {option is ObjectType} Whether the option is an object\n */\nexport function isObject(option) {\n  return !!option && typeof option === 'object' && !isArray(option)\n}\n\n/**\n * Check for valid scope\n *\n * @internal\n * @template {Element | Document} ScopeType\n * @param {unknown | ScopeType} $scope - Scope of the document to search within\n * @returns {$scope is ScopeType} Whether the scope can be queried\n */\nexport function isScope($scope) {\n  return !!$scope && ($scope instanceof Element || $scope instanceof Document)\n}\n\n/**\n * Format error message\n *\n * @internal\n * @param {ComponentWithModuleName} Component - Component that threw the error\n * @param {string} message - Error message\n * @returns {string} - Formatted error message\n */\nexport function formatErrorMessage(Component, message) {\n  return `${Component.moduleName}: ${message}`\n}\n\n/* eslint-disable jsdoc/valid-types --\n * `{new(...args: any[] ): object}` is not recognised as valid\n * https://github.com/gajus/eslint-plugin-jsdoc/issues/145#issuecomment-1308722878\n * https://github.com/jsdoc-type-pratt-parser/jsdoc-type-pratt-parser/issues/131\n **/\n\n/**\n * @typedef ComponentWithModuleName\n * @property {string} moduleName - Name of the component\n */\n\n/* eslint-enable jsdoc/valid-types */\n","import { formatErrorMessage, isObject } from '../common/index.mjs'\n\n/**\n * GOV.UK Frontend error\n *\n * A base class for `Error`s thrown by GOV.UK Frontend.\n *\n * It is meant to be extended into specific types of errors\n * to be thrown by our code.\n *\n * @example\n * ```js\n * class MissingRootError extends GOVUKFrontendError {\n *   // Setting an explicit name is important as extending the class will not\n *   // set a new `name` on the subclass. The `name` property is important\n *   // to ensure intelligible error names even if the class name gets\n *   // mangled by a minifier\n *   name = \"MissingRootError\"\n * }\n * ```\n * @virtual\n */\nexport class GOVUKFrontendError extends Error {\n  name = 'GOVUKFrontendError'\n}\n\n/**\n * Indicates that GOV.UK Frontend is not supported\n */\nexport class SupportError extends GOVUKFrontendError {\n  name = 'SupportError'\n\n  /**\n   * Checks if GOV.UK Frontend is supported on this page\n   *\n   * @param {HTMLElement | null} [$scope] - HTML element `<body>` checked for browser support\n   */\n  constructor($scope = document.body) {\n    const supportMessage =\n      'noModule' in HTMLScriptElement.prototype\n        ? 'GOV.UK Frontend initialised without `<body class=\"govuk-frontend-supported\">` from template `<script>` snippet'\n        : 'GOV.UK Frontend is not supported in this browser'\n\n    super(\n      $scope\n        ? supportMessage\n        : 'GOV.UK Frontend initialised without `<script type=\"module\">`'\n    )\n  }\n}\n\n/**\n * Indicates that a component has received an illegal configuration\n */\nexport class ConfigError extends GOVUKFrontendError {\n  name = 'ConfigError'\n}\n\n/**\n * Indicates an issue with an element (possibly `null` or `undefined`)\n */\nexport class ElementError extends GOVUKFrontendError {\n  name = 'ElementError'\n\n  /**\n   * @internal\n   * @overload\n   * @param {string} message - Element error message\n   */\n\n  /**\n   * @internal\n   * @overload\n   * @param {ElementErrorOptions} options - Element error options\n   */\n\n  /**\n   * @internal\n   * @param {string | ElementErrorOptions} messageOrOptions - Element error message or options\n   */\n  constructor(messageOrOptions) {\n    let message = typeof messageOrOptions === 'string' ? messageOrOptions : ''\n\n    // Build message from options\n    if (isObject(messageOrOptions)) {\n      const { component, identifier, element, expectedType } = messageOrOptions\n\n      message = identifier\n\n      // Append reason\n      message += element\n        ? ` is not of type ${expectedType ?? 'HTMLElement'}`\n        : ' not found'\n\n      // Prepend with module name (optional)\n      if (component) {\n        message = formatErrorMessage(component, message)\n      }\n    }\n\n    super(message)\n  }\n}\n\n/**\n * Indicates that a component is already initialised\n */\nexport class InitError extends GOVUKFrontendError {\n  name = 'InitError'\n\n  /**\n   * @internal\n   * @param {ComponentWithModuleName | string} componentOrMessage - name of the component module\n   */\n  constructor(componentOrMessage) {\n    const message =\n      typeof componentOrMessage === 'string'\n        ? componentOrMessage\n        : formatErrorMessage(\n            componentOrMessage,\n            `Root element (\\`$root\\`) already initialised`\n          )\n\n    super(message)\n  }\n}\n\n/**\n * Element error options\n *\n * @internal\n * @typedef {object} ElementErrorOptions\n * @property {Element | Document | null} [element] - The element in error (optional)\n * @property {ComponentWithModuleName} [component] - Component throwing the error (optional)\n * @property {string} identifier - An identifier that'll let the user understand which element has an error. This is whatever makes the most sense\n * @property {string} [expectedType] - The type that was expected for the identifier (optional)\n */\n\n/**\n * @import { ComponentWithModuleName } from '../common/index.mjs'\n */\n","import { isInitialised, isSupported } from './common/index.mjs'\nimport { ElementError, InitError, SupportError } from './errors/index.mjs'\n\n/**\n * Base Component class\n *\n * Centralises the behaviours shared by our components\n *\n * @virtual\n * @template {Element} [RootElementType=HTMLElement]\n */\nexport class Component {\n  /**\n   * @type {typeof Element}\n   */\n  static elementType = HTMLElement\n\n  // allows Typescript user to work around the lack of types\n  // in GOVUKFrontend package, Typescript is not aware of $root\n  // in components that extend GOVUKFrontendComponent\n  /**\n   * Returns the root element of the component\n   *\n   * @protected\n   * @returns {RootElementType} - the root element of component\n   */\n  get $root() {\n    return this._$root\n  }\n\n  /**\n   * @protected\n   * @type {RootElementType}\n   */\n  _$root\n\n  /**\n   * Constructs a new component, validating that GOV.UK Frontend is supported\n   *\n   * @internal\n   * @param {Element | null} [$root] - HTML element to use for component\n   */\n  constructor($root) {\n    const childConstructor = /** @type {ChildClassConstructor} */ (\n      this.constructor\n    )\n\n    // TypeScript does not enforce that inheriting classes will define a `moduleName`\n    // (even if we add a `@virtual` `static moduleName` property to this class).\n    // While we trust users to do this correctly, we do a little check to provide them\n    // a helpful error message.\n    //\n    // After this, we'll be sure that `childConstructor` has a `moduleName`\n    // as expected of the `ChildClassConstructor` we've cast `this.constructor` to.\n    if (typeof childConstructor.moduleName !== 'string') {\n      throw new InitError(`\\`moduleName\\` not defined in component`)\n    }\n\n    if (!($root instanceof childConstructor.elementType)) {\n      throw new ElementError({\n        element: $root,\n        component: childConstructor,\n        identifier: 'Root element (`$root`)',\n        expectedType: childConstructor.elementType.name\n      })\n    } else {\n      this._$root = /** @type {RootElementType} */ ($root)\n    }\n\n    childConstructor.checkSupport()\n\n    this.checkInitialised()\n\n    const moduleName = childConstructor.moduleName\n\n    this.$root.setAttribute(`data-${moduleName}-init`, '')\n  }\n\n  /**\n   * Validates whether component is already initialised\n   *\n   * @private\n   * @throws {InitError} when component is already initialised\n   */\n  checkInitialised() {\n    const constructor = /** @type {ChildClassConstructor} */ (this.constructor)\n    const moduleName = constructor.moduleName\n\n    if (moduleName && isInitialised(this.$root, moduleName)) {\n      throw new InitError(constructor)\n    }\n  }\n\n  /**\n   * Validates whether components are supported\n   *\n   * @throws {SupportError} when the components are not supported\n   */\n  static checkSupport() {\n    if (!isSupported()) {\n      throw new SupportError()\n    }\n  }\n}\n\n/**\n * @typedef ChildClass\n * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component\n */\n\n/**\n * @typedef {typeof Component & ChildClass} ChildClassConstructor\n */\n","import { getBreakpoint } from '../../common/index.mjs'\nimport { Component } from '../../component.mjs'\nimport { ElementError } from '../../errors/index.mjs'\n\n/**\n * Tabs component\n *\n * @preserve\n */\nexport class Tabs extends Component {\n  /** @private */\n  $tabs\n\n  /** @private */\n  $tabList\n\n  /** @private */\n  $tabListItems\n\n  /** @private */\n  jsHiddenClass = 'govuk-tabs__panel--hidden'\n\n  /** @private */\n  changingHash = false\n\n  /** @private */\n  boundTabClick\n\n  /** @private */\n  boundTabKeydown\n\n  /** @private */\n  boundOnHashChange\n\n  /**\n   * @private\n   * @type {MediaQueryList | null}\n   */\n  mql = null\n\n  /**\n   * @param {Element | null} $root - HTML element to use for tabs\n   */\n  constructor($root) {\n    super($root)\n\n    const $tabs = this.$root.querySelectorAll('a.govuk-tabs__tab')\n    if (!$tabs.length) {\n      throw new ElementError({\n        component: Tabs,\n        identifier: 'Links (`<a class=\"govuk-tabs__tab\">`)'\n      })\n    }\n\n    this.$tabs = $tabs\n\n    // Save bound functions so we can remove event listeners during teardown\n    this.boundTabClick = this.onTabClick.bind(this)\n    this.boundTabKeydown = this.onTabKeydown.bind(this)\n    this.boundOnHashChange = this.onHashChange.bind(this)\n\n    const $tabList = this.$root.querySelector('.govuk-tabs__list')\n    const $tabListItems = this.$root.querySelectorAll(\n      'li.govuk-tabs__list-item'\n    )\n\n    if (!$tabList) {\n      throw new ElementError({\n        component: Tabs,\n        identifier: 'List (`<ul class=\"govuk-tabs__list\">`)'\n      })\n    }\n\n    if (!$tabListItems.length) {\n      throw new ElementError({\n        component: Tabs,\n        identifier: 'List items (`<li class=\"govuk-tabs__list-item\">`)'\n      })\n    }\n\n    this.$tabList = $tabList\n    this.$tabListItems = $tabListItems\n\n    this.setupResponsiveChecks()\n  }\n\n  /**\n   * Setup viewport resize check\n   *\n   * @private\n   */\n  setupResponsiveChecks() {\n    const breakpoint = getBreakpoint('tablet')\n\n    if (!breakpoint.value) {\n      throw new ElementError({\n        component: Tabs,\n        identifier: `CSS custom property (\\`${breakpoint.property}\\`) on pseudo-class \\`:root\\``\n      })\n    }\n\n    // Media query list for GOV.UK Frontend tablet breakpoint\n    this.mql = window.matchMedia(`(min-width: ${breakpoint.value})`)\n\n    // MediaQueryList.addEventListener isn't supported by Safari < 14 so we need\n    // to be able to fall back to the deprecated MediaQueryList.addListener\n    if ('addEventListener' in this.mql) {\n      this.mql.addEventListener('change', () => this.checkMode())\n    } else {\n      // @ts-expect-error Property 'addListener' does not exist\n      // eslint-disable-next-line @typescript-eslint/no-unsafe-call\n      this.mql.addListener(() => this.checkMode())\n    }\n\n    this.checkMode()\n  }\n\n  /**\n   * Setup or teardown handler for viewport resize check\n   *\n   * @private\n   */\n  checkMode() {\n    if (this.mql?.matches) {\n      this.setup()\n    } else {\n      this.teardown()\n    }\n  }\n\n  /**\n   * Setup tab component\n   *\n   * @private\n   */\n  setup() {\n    this.$tabList.setAttribute('role', 'tablist')\n\n    this.$tabListItems.forEach(($item) => {\n      $item.setAttribute('role', 'presentation')\n    })\n\n    this.$tabs.forEach(($tab) => {\n      // Set HTML attributes\n      this.setAttributes($tab)\n\n      // Handle events\n      $tab.addEventListener('click', this.boundTabClick, true)\n      $tab.addEventListener('keydown', this.boundTabKeydown, true)\n\n      // Remove old active panels\n      this.hideTab($tab)\n    })\n\n    // Show either the active tab according to the URL's hash or the first tab\n    const $activeTab = this.getTab(window.location.hash) ?? this.$tabs[0]\n\n    this.showTab($activeTab)\n\n    // Handle hashchange events\n    window.addEventListener('hashchange', this.boundOnHashChange, true)\n  }\n\n  /**\n   * Teardown tab component\n   *\n   * @private\n   */\n  teardown() {\n    this.$tabList.removeAttribute('role')\n\n    this.$tabListItems.forEach(($item) => {\n      $item.removeAttribute('role')\n    })\n\n    this.$tabs.forEach(($tab) => {\n      // Remove events\n      $tab.removeEventListener('click', this.boundTabClick, true)\n      $tab.removeEventListener('keydown', this.boundTabKeydown, true)\n\n      // Unset HTML attributes\n      this.unsetAttributes($tab)\n    })\n\n    // Remove hashchange event handler\n    window.removeEventListener('hashchange', this.boundOnHashChange, true)\n  }\n\n  /**\n   * Handle hashchange event\n   *\n   * @private\n   * @returns {void | undefined} Returns void, or undefined when prevented\n   */\n  onHashChange() {\n    const hash = window.location.hash\n    const $tabWithHash = this.getTab(hash)\n    if (!$tabWithHash) {\n      return\n    }\n\n    // Prevent changing the hash\n    if (this.changingHash) {\n      this.changingHash = false\n      return\n    }\n\n    // Show either the active tab according to the URL's hash or the first tab\n    const $previousTab = this.getCurrentTab()\n    if (!$previousTab) {\n      return\n    }\n\n    this.hideTab($previousTab)\n    this.showTab($tabWithHash)\n    $tabWithHash.focus()\n  }\n\n  /**\n   * Hide panel for tab link\n   *\n   * @private\n   * @param {HTMLAnchorElement} $tab - Tab link\n   */\n  hideTab($tab) {\n    this.unhighlightTab($tab)\n    this.hidePanel($tab)\n  }\n\n  /**\n   * Show panel for tab link\n   *\n   * @private\n   * @param {HTMLAnchorElement} $tab - Tab link\n   */\n  showTab($tab) {\n    this.highlightTab($tab)\n    this.showPanel($tab)\n  }\n\n  /**\n   * Get tab link by hash\n   *\n   * @private\n   * @param {string} hash - Hash fragment including #\n   * @returns {HTMLAnchorElement | null} Tab link\n   */\n  getTab(hash) {\n    return this.$root.querySelector(`a.govuk-tabs__tab[href=\"${hash}\"]`)\n  }\n\n  /**\n   * Set tab link and panel attributes\n   *\n   * @private\n   * @param {HTMLAnchorElement} $tab - Tab link\n   */\n  setAttributes($tab) {\n    const panelId = $tab.hash.replace('#', '')\n    if (!panelId) {\n      return\n    }\n\n    // Set tab attributes\n    $tab.setAttribute('id', `tab_${panelId}`)\n    $tab.setAttribute('role', 'tab')\n    $tab.setAttribute('aria-controls', panelId)\n    $tab.setAttribute('aria-selected', 'false')\n    $tab.setAttribute('tabindex', '-1')\n\n    // Set panel attributes\n    const $panel = this.getPanel($tab)\n    if (!$panel) {\n      return\n    }\n\n    $panel.setAttribute('role', 'tabpanel')\n    $panel.setAttribute('aria-labelledby', $tab.id)\n    $panel.classList.add(this.jsHiddenClass)\n  }\n\n  /**\n   * Unset tab link and panel attributes\n   *\n   * @private\n   * @param {HTMLAnchorElement} $tab - Tab link\n   */\n  unsetAttributes($tab) {\n    // unset tab attributes\n    $tab.removeAttribute('id')\n    $tab.removeAttribute('role')\n    $tab.removeAttribute('aria-controls')\n    $tab.removeAttribute('aria-selected')\n    $tab.removeAttribute('tabindex')\n\n    // unset panel attributes\n    const $panel = this.getPanel($tab)\n    if (!$panel) {\n      return\n    }\n\n    $panel.removeAttribute('role')\n    $panel.removeAttribute('aria-labelledby')\n    $panel.classList.remove(this.jsHiddenClass)\n  }\n\n  /**\n   * Handle tab link clicks\n   *\n   * @private\n   * @param {MouseEvent} event - Mouse click event\n   * @returns {void} Returns void\n   */\n  onTabClick(event) {\n    const $currentTab = this.getCurrentTab()\n    const $nextTab = event.currentTarget\n\n    if (!$currentTab || !($nextTab instanceof HTMLAnchorElement)) {\n      return\n    }\n\n    event.preventDefault()\n\n    this.hideTab($currentTab)\n    this.showTab($nextTab)\n    this.createHistoryEntry($nextTab)\n  }\n\n  /**\n   * Update browser URL hash fragment for tab\n   *\n   * - Allows back/forward to navigate tabs\n   * - Avoids page jump when hash changes\n   *\n   * @private\n   * @param {HTMLAnchorElement} $tab - Tab link\n   */\n  createHistoryEntry($tab) {\n    const $panel = this.getPanel($tab)\n    if (!$panel) {\n      return\n    }\n\n    // Save and restore the id so the page doesn't jump when a user clicks a tab\n    // (which changes the hash)\n    const panelId = $panel.id\n    $panel.id = ''\n    this.changingHash = true\n    window.location.hash = panelId\n    $panel.id = panelId\n  }\n\n  /**\n   * Handle tab keydown event\n   *\n   * - Press right arrow for next tab\n   * - Press left arrow for previous tab\n   *\n   * @private\n   * @param {KeyboardEvent} event - Keydown event\n   */\n  onTabKeydown(event) {\n    switch (event.key) {\n      // 'Left' and 'Right' required for Edge 16 support.\n      case 'ArrowLeft':\n      case 'Left':\n        this.activatePreviousTab()\n        event.preventDefault()\n        break\n      case 'ArrowRight':\n      case 'Right':\n        this.activateNextTab()\n        event.preventDefault()\n        break\n    }\n  }\n\n  /**\n   * Activate next tab\n   *\n   * @private\n   */\n  activateNextTab() {\n    const $currentTab = this.getCurrentTab()\n    if (!$currentTab?.parentElement) {\n      return\n    }\n\n    const $nextTabListItem = $currentTab.parentElement.nextElementSibling\n    if (!$nextTabListItem) {\n      return\n    }\n\n    const $nextTab = $nextTabListItem.querySelector('a.govuk-tabs__tab')\n    if (!$nextTab) {\n      return\n    }\n\n    this.hideTab($currentTab)\n    this.showTab($nextTab)\n    $nextTab.focus()\n    this.createHistoryEntry($nextTab)\n  }\n\n  /**\n   * Activate previous tab\n   *\n   * @private\n   */\n  activatePreviousTab() {\n    const $currentTab = this.getCurrentTab()\n    if (!$currentTab?.parentElement) {\n      return\n    }\n\n    const $previousTabListItem =\n      $currentTab.parentElement.previousElementSibling\n    if (!$previousTabListItem) {\n      return\n    }\n\n    const $previousTab = $previousTabListItem.querySelector('a.govuk-tabs__tab')\n    if (!$previousTab) {\n      return\n    }\n\n    this.hideTab($currentTab)\n    this.showTab($previousTab)\n    $previousTab.focus()\n    this.createHistoryEntry($previousTab)\n  }\n\n  /**\n   * Get tab panel for tab link\n   *\n   * @private\n   * @param {HTMLAnchorElement} $tab - Tab link\n   * @returns {Element | null} Tab panel\n   */\n  getPanel($tab) {\n    const panelId = $tab.hash.replace('#', '')\n    if (!panelId) {\n      return null\n    }\n\n    return this.$root.querySelector(`#${panelId}`)\n  }\n\n  /**\n   * Show tab panel for tab link\n   *\n   * @private\n   * @param {HTMLAnchorElement} $tab - Tab link\n   */\n  showPanel($tab) {\n    const $panel = this.getPanel($tab)\n    if (!$panel) {\n      return\n    }\n\n    $panel.classList.remove(this.jsHiddenClass)\n  }\n\n  /**\n   * Hide tab panel for tab link\n   *\n   * @private\n   * @param {HTMLAnchorElement} $tab - Tab link\n   */\n  hidePanel($tab) {\n    const $panel = this.getPanel($tab)\n    if (!$panel) {\n      return\n    }\n\n    $panel.classList.add(this.jsHiddenClass)\n  }\n\n  /**\n   * Unset 'selected' state for tab link\n   *\n   * @private\n   * @param {HTMLAnchorElement} $tab - Tab link\n   */\n  unhighlightTab($tab) {\n    if (!$tab.parentElement) {\n      return\n    }\n\n    $tab.setAttribute('aria-selected', 'false')\n    $tab.parentElement.classList.remove('govuk-tabs__list-item--selected')\n    $tab.setAttribute('tabindex', '-1')\n  }\n\n  /**\n   * Set 'selected' state for tab link\n   *\n   * @private\n   * @param {HTMLAnchorElement} $tab - Tab link\n   */\n  highlightTab($tab) {\n    if (!$tab.parentElement) {\n      return\n    }\n\n    $tab.setAttribute('aria-selected', 'true')\n    $tab.parentElement.classList.add('govuk-tabs__list-item--selected')\n    $tab.setAttribute('tabindex', '0')\n  }\n\n  /**\n   * Get current tab link\n   *\n   * @private\n   * @returns {HTMLAnchorElement | null} Tab link\n   */\n  getCurrentTab() {\n    return this.$root.querySelector(\n      '.govuk-tabs__list-item--selected a.govuk-tabs__tab'\n    )\n  }\n\n  /**\n   * Name for the component used when initialising using data-module attributes.\n   */\n  static moduleName = 'govuk-tabs'\n}\n"],"names":["getBreakpoint","name","property","value","window","getComputedStyle","document","documentElement","getPropertyValue","undefined","isInitialised","$root","moduleName","HTMLElement","hasAttribute","isSupported","$scope","body","classList","contains","isArray","option","Array","isObject","formatErrorMessage","Component","message","GOVUKFrontendError","Error","constructor","args","SupportError","supportMessage","HTMLScriptElement","prototype","ElementError","messageOrOptions","component","identifier","element","expectedType","InitError","componentOrMessage","_$root","childConstructor","elementType","checkSupport","checkInitialised","setAttribute","Tabs","$tabs","$tabList","$tabListItems","jsHiddenClass","changingHash","boundTabClick","boundTabKeydown","boundOnHashChange","mql","querySelectorAll","length","onTabClick","bind","onTabKeydown","onHashChange","querySelector","setupResponsiveChecks","breakpoint","matchMedia","addEventListener","checkMode","addListener","_this$mql","matches","setup","teardown","_this$getTab","forEach","$item","$tab","setAttributes","hideTab","$activeTab","getTab","location","hash","showTab","removeAttribute","removeEventListener","unsetAttributes","$tabWithHash","$previousTab","getCurrentTab","focus","unhighlightTab","hidePanel","highlightTab","showPanel","panelId","replace","$panel","getPanel","id","add","remove","event","$currentTab","$nextTab","currentTarget","HTMLAnchorElement","preventDefault","createHistoryEntry","key","activatePreviousTab","activateNextTab","parentElement","$nextTabListItem","nextElementSibling","$previousTabListItem","previousElementSibling"],"mappings":"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"}
\ No newline at end of file
diff --git a/app/templates/govuk/components/tabs/tabs.bundle.mjs b/app/templates/govuk/components/tabs/tabs.bundle.mjs
new file mode 100644
index 0000000..755073b
--- /dev/null
+++ b/app/templates/govuk/components/tabs/tabs.bundle.mjs
@@ -0,0 +1,424 @@
+function getBreakpoint(name) {
+  const property = `--govuk-breakpoint-${name}`;
+  const value = window.getComputedStyle(document.documentElement).getPropertyValue(property);
+  return {
+    property,
+    value: value || undefined
+  };
+}
+function isInitialised($root, moduleName) {
+  return $root instanceof HTMLElement && $root.hasAttribute(`data-${moduleName}-init`);
+}
+
+/**
+ * Checks if GOV.UK Frontend is supported on this page
+ *
+ * Some browsers will load and run our JavaScript but GOV.UK Frontend
+ * won't be supported.
+ *
+ * @param {HTMLElement | null} [$scope] - (internal) `<body>` HTML element checked for browser support
+ * @returns {boolean} Whether GOV.UK Frontend is supported on this page
+ */
+function isSupported($scope = document.body) {
+  if (!$scope) {
+    return false;
+  }
+  return $scope.classList.contains('govuk-frontend-supported');
+}
+function isArray(option) {
+  return Array.isArray(option);
+}
+function isObject(option) {
+  return !!option && typeof option === 'object' && !isArray(option);
+}
+function formatErrorMessage(Component, message) {
+  return `${Component.moduleName}: ${message}`;
+}
+/**
+ * @typedef ComponentWithModuleName
+ * @property {string} moduleName - Name of the component
+ */
+
+class GOVUKFrontendError extends Error {
+  constructor(...args) {
+    super(...args);
+    this.name = 'GOVUKFrontendError';
+  }
+}
+class SupportError extends GOVUKFrontendError {
+  /**
+   * Checks if GOV.UK Frontend is supported on this page
+   *
+   * @param {HTMLElement | null} [$scope] - HTML element `<body>` checked for browser support
+   */
+  constructor($scope = document.body) {
+    const supportMessage = 'noModule' in HTMLScriptElement.prototype ? 'GOV.UK Frontend initialised without `<body class="govuk-frontend-supported">` from template `<script>` snippet' : 'GOV.UK Frontend is not supported in this browser';
+    super($scope ? supportMessage : 'GOV.UK Frontend initialised without `<script type="module">`');
+    this.name = 'SupportError';
+  }
+}
+class ElementError extends GOVUKFrontendError {
+  constructor(messageOrOptions) {
+    let message = typeof messageOrOptions === 'string' ? messageOrOptions : '';
+    if (isObject(messageOrOptions)) {
+      const {
+        component,
+        identifier,
+        element,
+        expectedType
+      } = messageOrOptions;
+      message = identifier;
+      message += element ? ` is not of type ${expectedType != null ? expectedType : 'HTMLElement'}` : ' not found';
+      if (component) {
+        message = formatErrorMessage(component, message);
+      }
+    }
+    super(message);
+    this.name = 'ElementError';
+  }
+}
+class InitError extends GOVUKFrontendError {
+  constructor(componentOrMessage) {
+    const message = typeof componentOrMessage === 'string' ? componentOrMessage : formatErrorMessage(componentOrMessage, `Root element (\`$root\`) already initialised`);
+    super(message);
+    this.name = 'InitError';
+  }
+}
+/**
+ * @import { ComponentWithModuleName } from '../common/index.mjs'
+ */
+
+class Component {
+  /**
+   * Returns the root element of the component
+   *
+   * @protected
+   * @returns {RootElementType} - the root element of component
+   */
+  get $root() {
+    return this._$root;
+  }
+  constructor($root) {
+    this._$root = void 0;
+    const childConstructor = this.constructor;
+    if (typeof childConstructor.moduleName !== 'string') {
+      throw new InitError(`\`moduleName\` not defined in component`);
+    }
+    if (!($root instanceof childConstructor.elementType)) {
+      throw new ElementError({
+        element: $root,
+        component: childConstructor,
+        identifier: 'Root element (`$root`)',
+        expectedType: childConstructor.elementType.name
+      });
+    } else {
+      this._$root = $root;
+    }
+    childConstructor.checkSupport();
+    this.checkInitialised();
+    const moduleName = childConstructor.moduleName;
+    this.$root.setAttribute(`data-${moduleName}-init`, '');
+  }
+  checkInitialised() {
+    const constructor = this.constructor;
+    const moduleName = constructor.moduleName;
+    if (moduleName && isInitialised(this.$root, moduleName)) {
+      throw new InitError(constructor);
+    }
+  }
+  static checkSupport() {
+    if (!isSupported()) {
+      throw new SupportError();
+    }
+  }
+}
+
+/**
+ * @typedef ChildClass
+ * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component
+ */
+
+/**
+ * @typedef {typeof Component & ChildClass} ChildClassConstructor
+ */
+Component.elementType = HTMLElement;
+
+/**
+ * Tabs component
+ *
+ * @preserve
+ */
+class Tabs extends Component {
+  /**
+   * @param {Element | null} $root - HTML element to use for tabs
+   */
+  constructor($root) {
+    super($root);
+    this.$tabs = void 0;
+    this.$tabList = void 0;
+    this.$tabListItems = void 0;
+    this.jsHiddenClass = 'govuk-tabs__panel--hidden';
+    this.changingHash = false;
+    this.boundTabClick = void 0;
+    this.boundTabKeydown = void 0;
+    this.boundOnHashChange = void 0;
+    this.mql = null;
+    const $tabs = this.$root.querySelectorAll('a.govuk-tabs__tab');
+    if (!$tabs.length) {
+      throw new ElementError({
+        component: Tabs,
+        identifier: 'Links (`<a class="govuk-tabs__tab">`)'
+      });
+    }
+    this.$tabs = $tabs;
+    this.boundTabClick = this.onTabClick.bind(this);
+    this.boundTabKeydown = this.onTabKeydown.bind(this);
+    this.boundOnHashChange = this.onHashChange.bind(this);
+    const $tabList = this.$root.querySelector('.govuk-tabs__list');
+    const $tabListItems = this.$root.querySelectorAll('li.govuk-tabs__list-item');
+    if (!$tabList) {
+      throw new ElementError({
+        component: Tabs,
+        identifier: 'List (`<ul class="govuk-tabs__list">`)'
+      });
+    }
+    if (!$tabListItems.length) {
+      throw new ElementError({
+        component: Tabs,
+        identifier: 'List items (`<li class="govuk-tabs__list-item">`)'
+      });
+    }
+    this.$tabList = $tabList;
+    this.$tabListItems = $tabListItems;
+    this.setupResponsiveChecks();
+  }
+  setupResponsiveChecks() {
+    const breakpoint = getBreakpoint('tablet');
+    if (!breakpoint.value) {
+      throw new ElementError({
+        component: Tabs,
+        identifier: `CSS custom property (\`${breakpoint.property}\`) on pseudo-class \`:root\``
+      });
+    }
+    this.mql = window.matchMedia(`(min-width: ${breakpoint.value})`);
+    if ('addEventListener' in this.mql) {
+      this.mql.addEventListener('change', () => this.checkMode());
+    } else {
+      this.mql.addListener(() => this.checkMode());
+    }
+    this.checkMode();
+  }
+  checkMode() {
+    var _this$mql;
+    if ((_this$mql = this.mql) != null && _this$mql.matches) {
+      this.setup();
+    } else {
+      this.teardown();
+    }
+  }
+  setup() {
+    var _this$getTab;
+    this.$tabList.setAttribute('role', 'tablist');
+    this.$tabListItems.forEach($item => {
+      $item.setAttribute('role', 'presentation');
+    });
+    this.$tabs.forEach($tab => {
+      this.setAttributes($tab);
+      $tab.addEventListener('click', this.boundTabClick, true);
+      $tab.addEventListener('keydown', this.boundTabKeydown, true);
+      this.hideTab($tab);
+    });
+    const $activeTab = (_this$getTab = this.getTab(window.location.hash)) != null ? _this$getTab : this.$tabs[0];
+    this.showTab($activeTab);
+    window.addEventListener('hashchange', this.boundOnHashChange, true);
+  }
+  teardown() {
+    this.$tabList.removeAttribute('role');
+    this.$tabListItems.forEach($item => {
+      $item.removeAttribute('role');
+    });
+    this.$tabs.forEach($tab => {
+      $tab.removeEventListener('click', this.boundTabClick, true);
+      $tab.removeEventListener('keydown', this.boundTabKeydown, true);
+      this.unsetAttributes($tab);
+    });
+    window.removeEventListener('hashchange', this.boundOnHashChange, true);
+  }
+  onHashChange() {
+    const hash = window.location.hash;
+    const $tabWithHash = this.getTab(hash);
+    if (!$tabWithHash) {
+      return;
+    }
+    if (this.changingHash) {
+      this.changingHash = false;
+      return;
+    }
+    const $previousTab = this.getCurrentTab();
+    if (!$previousTab) {
+      return;
+    }
+    this.hideTab($previousTab);
+    this.showTab($tabWithHash);
+    $tabWithHash.focus();
+  }
+  hideTab($tab) {
+    this.unhighlightTab($tab);
+    this.hidePanel($tab);
+  }
+  showTab($tab) {
+    this.highlightTab($tab);
+    this.showPanel($tab);
+  }
+  getTab(hash) {
+    return this.$root.querySelector(`a.govuk-tabs__tab[href="${hash}"]`);
+  }
+  setAttributes($tab) {
+    const panelId = $tab.hash.replace('#', '');
+    if (!panelId) {
+      return;
+    }
+    $tab.setAttribute('id', `tab_${panelId}`);
+    $tab.setAttribute('role', 'tab');
+    $tab.setAttribute('aria-controls', panelId);
+    $tab.setAttribute('aria-selected', 'false');
+    $tab.setAttribute('tabindex', '-1');
+    const $panel = this.getPanel($tab);
+    if (!$panel) {
+      return;
+    }
+    $panel.setAttribute('role', 'tabpanel');
+    $panel.setAttribute('aria-labelledby', $tab.id);
+    $panel.classList.add(this.jsHiddenClass);
+  }
+  unsetAttributes($tab) {
+    $tab.removeAttribute('id');
+    $tab.removeAttribute('role');
+    $tab.removeAttribute('aria-controls');
+    $tab.removeAttribute('aria-selected');
+    $tab.removeAttribute('tabindex');
+    const $panel = this.getPanel($tab);
+    if (!$panel) {
+      return;
+    }
+    $panel.removeAttribute('role');
+    $panel.removeAttribute('aria-labelledby');
+    $panel.classList.remove(this.jsHiddenClass);
+  }
+  onTabClick(event) {
+    const $currentTab = this.getCurrentTab();
+    const $nextTab = event.currentTarget;
+    if (!$currentTab || !($nextTab instanceof HTMLAnchorElement)) {
+      return;
+    }
+    event.preventDefault();
+    this.hideTab($currentTab);
+    this.showTab($nextTab);
+    this.createHistoryEntry($nextTab);
+  }
+  createHistoryEntry($tab) {
+    const $panel = this.getPanel($tab);
+    if (!$panel) {
+      return;
+    }
+    const panelId = $panel.id;
+    $panel.id = '';
+    this.changingHash = true;
+    window.location.hash = panelId;
+    $panel.id = panelId;
+  }
+  onTabKeydown(event) {
+    switch (event.key) {
+      case 'ArrowLeft':
+      case 'Left':
+        this.activatePreviousTab();
+        event.preventDefault();
+        break;
+      case 'ArrowRight':
+      case 'Right':
+        this.activateNextTab();
+        event.preventDefault();
+        break;
+    }
+  }
+  activateNextTab() {
+    const $currentTab = this.getCurrentTab();
+    if (!($currentTab != null && $currentTab.parentElement)) {
+      return;
+    }
+    const $nextTabListItem = $currentTab.parentElement.nextElementSibling;
+    if (!$nextTabListItem) {
+      return;
+    }
+    const $nextTab = $nextTabListItem.querySelector('a.govuk-tabs__tab');
+    if (!$nextTab) {
+      return;
+    }
+    this.hideTab($currentTab);
+    this.showTab($nextTab);
+    $nextTab.focus();
+    this.createHistoryEntry($nextTab);
+  }
+  activatePreviousTab() {
+    const $currentTab = this.getCurrentTab();
+    if (!($currentTab != null && $currentTab.parentElement)) {
+      return;
+    }
+    const $previousTabListItem = $currentTab.parentElement.previousElementSibling;
+    if (!$previousTabListItem) {
+      return;
+    }
+    const $previousTab = $previousTabListItem.querySelector('a.govuk-tabs__tab');
+    if (!$previousTab) {
+      return;
+    }
+    this.hideTab($currentTab);
+    this.showTab($previousTab);
+    $previousTab.focus();
+    this.createHistoryEntry($previousTab);
+  }
+  getPanel($tab) {
+    const panelId = $tab.hash.replace('#', '');
+    if (!panelId) {
+      return null;
+    }
+    return this.$root.querySelector(`#${panelId}`);
+  }
+  showPanel($tab) {
+    const $panel = this.getPanel($tab);
+    if (!$panel) {
+      return;
+    }
+    $panel.classList.remove(this.jsHiddenClass);
+  }
+  hidePanel($tab) {
+    const $panel = this.getPanel($tab);
+    if (!$panel) {
+      return;
+    }
+    $panel.classList.add(this.jsHiddenClass);
+  }
+  unhighlightTab($tab) {
+    if (!$tab.parentElement) {
+      return;
+    }
+    $tab.setAttribute('aria-selected', 'false');
+    $tab.parentElement.classList.remove('govuk-tabs__list-item--selected');
+    $tab.setAttribute('tabindex', '-1');
+  }
+  highlightTab($tab) {
+    if (!$tab.parentElement) {
+      return;
+    }
+    $tab.setAttribute('aria-selected', 'true');
+    $tab.parentElement.classList.add('govuk-tabs__list-item--selected');
+    $tab.setAttribute('tabindex', '0');
+  }
+  getCurrentTab() {
+    return this.$root.querySelector('.govuk-tabs__list-item--selected a.govuk-tabs__tab');
+  }
+}
+Tabs.moduleName = 'govuk-tabs';
+
+export { Tabs };
+//# sourceMappingURL=tabs.bundle.mjs.map
diff --git a/app/templates/govuk/components/tabs/tabs.bundle.mjs.map b/app/templates/govuk/components/tabs/tabs.bundle.mjs.map
new file mode 100644
index 0000000..4d9de9a
--- /dev/null
+++ b/app/templates/govuk/components/tabs/tabs.bundle.mjs.map
@@ -0,0 +1 @@
+{"version":3,"file":"tabs.bundle.mjs","sources":["../../../../src/govuk/common/index.mjs","../../../../src/govuk/errors/index.mjs","../../../../src/govuk/component.mjs","../../../../src/govuk/components/tabs/tabs.mjs"],"sourcesContent":["/**\n * Common helpers which do not require polyfill.\n *\n * IMPORTANT: If a helper require a polyfill, please isolate it in its own module\n * so that the polyfill can be properly tree-shaken and does not burden\n * the components that do not need that helper\n */\n\n/**\n * Get GOV.UK Frontend breakpoint value from CSS custom property\n *\n * @private\n * @param {string} name - Breakpoint name\n * @returns {{ property: string, value?: string }} Breakpoint object\n */\nexport function getBreakpoint(name) {\n  const property = `--govuk-breakpoint-${name}`\n\n  // Get value from `<html>` with breakpoints on CSS :root\n  const value = window\n    .getComputedStyle(document.documentElement)\n    .getPropertyValue(property)\n\n  return {\n    property,\n    value: value || undefined\n  }\n}\n\n/**\n * Move focus to element\n *\n * Sets tabindex to -1 to make the element programmatically focusable,\n * but removes it on blur as the element doesn't need to be focused again.\n *\n * @private\n * @template {HTMLElement} FocusElement\n * @param {FocusElement} $element - HTML element\n * @param {object} [options] - Handler options\n * @param {function(this: FocusElement): void} [options.onBeforeFocus] - Callback before focus\n * @param {function(this: FocusElement): void} [options.onBlur] - Callback on blur\n */\nexport function setFocus($element, options = {}) {\n  const isFocusable = $element.getAttribute('tabindex')\n\n  if (!isFocusable) {\n    $element.setAttribute('tabindex', '-1')\n  }\n\n  /**\n   * Handle element focus\n   */\n  function onFocus() {\n    $element.addEventListener('blur', onBlur, { once: true })\n  }\n\n  /**\n   * Handle element blur\n   */\n  function onBlur() {\n    options.onBlur?.call($element)\n\n    if (!isFocusable) {\n      $element.removeAttribute('tabindex')\n    }\n  }\n\n  // Add listener to reset element on blur, after focus\n  $element.addEventListener('focus', onFocus, { once: true })\n\n  // Focus element\n  options.onBeforeFocus?.call($element)\n  $element.focus()\n}\n\n/**\n * Checks if component is already initialised\n *\n * @internal\n * @param {Element} $root - HTML element to be checked\n * @param {string} moduleName - name of component module\n * @returns {boolean} Whether component is already initialised\n */\nexport function isInitialised($root, moduleName) {\n  return (\n    $root instanceof HTMLElement &&\n    $root.hasAttribute(`data-${moduleName}-init`)\n  )\n}\n\n/**\n * Checks if GOV.UK Frontend is supported on this page\n *\n * Some browsers will load and run our JavaScript but GOV.UK Frontend\n * won't be supported.\n *\n * @param {HTMLElement | null} [$scope] - (internal) `<body>` HTML element checked for browser support\n * @returns {boolean} Whether GOV.UK Frontend is supported on this page\n */\nexport function isSupported($scope = document.body) {\n  if (!$scope) {\n    return false\n  }\n\n  return $scope.classList.contains('govuk-frontend-supported')\n}\n\n/**\n * Check for an array\n *\n * @internal\n * @param {unknown} option - Option to check\n * @returns {boolean} Whether the option is an array\n */\nfunction isArray(option) {\n  return Array.isArray(option)\n}\n\n/**\n * Check for an object\n *\n * @internal\n * @template {Partial<Record<keyof ObjectType, unknown>>} ObjectType\n * @param {unknown | ObjectType} option - Option to check\n * @returns {option is ObjectType} Whether the option is an object\n */\nexport function isObject(option) {\n  return !!option && typeof option === 'object' && !isArray(option)\n}\n\n/**\n * Check for valid scope\n *\n * @internal\n * @template {Element | Document} ScopeType\n * @param {unknown | ScopeType} $scope - Scope of the document to search within\n * @returns {$scope is ScopeType} Whether the scope can be queried\n */\nexport function isScope($scope) {\n  return !!$scope && ($scope instanceof Element || $scope instanceof Document)\n}\n\n/**\n * Format error message\n *\n * @internal\n * @param {ComponentWithModuleName} Component - Component that threw the error\n * @param {string} message - Error message\n * @returns {string} - Formatted error message\n */\nexport function formatErrorMessage(Component, message) {\n  return `${Component.moduleName}: ${message}`\n}\n\n/* eslint-disable jsdoc/valid-types --\n * `{new(...args: any[] ): object}` is not recognised as valid\n * https://github.com/gajus/eslint-plugin-jsdoc/issues/145#issuecomment-1308722878\n * https://github.com/jsdoc-type-pratt-parser/jsdoc-type-pratt-parser/issues/131\n **/\n\n/**\n * @typedef ComponentWithModuleName\n * @property {string} moduleName - Name of the component\n */\n\n/* eslint-enable jsdoc/valid-types */\n","import { formatErrorMessage, isObject } from '../common/index.mjs'\n\n/**\n * GOV.UK Frontend error\n *\n * A base class for `Error`s thrown by GOV.UK Frontend.\n *\n * It is meant to be extended into specific types of errors\n * to be thrown by our code.\n *\n * @example\n * ```js\n * class MissingRootError extends GOVUKFrontendError {\n *   // Setting an explicit name is important as extending the class will not\n *   // set a new `name` on the subclass. The `name` property is important\n *   // to ensure intelligible error names even if the class name gets\n *   // mangled by a minifier\n *   name = \"MissingRootError\"\n * }\n * ```\n * @virtual\n */\nexport class GOVUKFrontendError extends Error {\n  name = 'GOVUKFrontendError'\n}\n\n/**\n * Indicates that GOV.UK Frontend is not supported\n */\nexport class SupportError extends GOVUKFrontendError {\n  name = 'SupportError'\n\n  /**\n   * Checks if GOV.UK Frontend is supported on this page\n   *\n   * @param {HTMLElement | null} [$scope] - HTML element `<body>` checked for browser support\n   */\n  constructor($scope = document.body) {\n    const supportMessage =\n      'noModule' in HTMLScriptElement.prototype\n        ? 'GOV.UK Frontend initialised without `<body class=\"govuk-frontend-supported\">` from template `<script>` snippet'\n        : 'GOV.UK Frontend is not supported in this browser'\n\n    super(\n      $scope\n        ? supportMessage\n        : 'GOV.UK Frontend initialised without `<script type=\"module\">`'\n    )\n  }\n}\n\n/**\n * Indicates that a component has received an illegal configuration\n */\nexport class ConfigError extends GOVUKFrontendError {\n  name = 'ConfigError'\n}\n\n/**\n * Indicates an issue with an element (possibly `null` or `undefined`)\n */\nexport class ElementError extends GOVUKFrontendError {\n  name = 'ElementError'\n\n  /**\n   * @internal\n   * @overload\n   * @param {string} message - Element error message\n   */\n\n  /**\n   * @internal\n   * @overload\n   * @param {ElementErrorOptions} options - Element error options\n   */\n\n  /**\n   * @internal\n   * @param {string | ElementErrorOptions} messageOrOptions - Element error message or options\n   */\n  constructor(messageOrOptions) {\n    let message = typeof messageOrOptions === 'string' ? messageOrOptions : ''\n\n    // Build message from options\n    if (isObject(messageOrOptions)) {\n      const { component, identifier, element, expectedType } = messageOrOptions\n\n      message = identifier\n\n      // Append reason\n      message += element\n        ? ` is not of type ${expectedType ?? 'HTMLElement'}`\n        : ' not found'\n\n      // Prepend with module name (optional)\n      if (component) {\n        message = formatErrorMessage(component, message)\n      }\n    }\n\n    super(message)\n  }\n}\n\n/**\n * Indicates that a component is already initialised\n */\nexport class InitError extends GOVUKFrontendError {\n  name = 'InitError'\n\n  /**\n   * @internal\n   * @param {ComponentWithModuleName | string} componentOrMessage - name of the component module\n   */\n  constructor(componentOrMessage) {\n    const message =\n      typeof componentOrMessage === 'string'\n        ? componentOrMessage\n        : formatErrorMessage(\n            componentOrMessage,\n            `Root element (\\`$root\\`) already initialised`\n          )\n\n    super(message)\n  }\n}\n\n/**\n * Element error options\n *\n * @internal\n * @typedef {object} ElementErrorOptions\n * @property {Element | Document | null} [element] - The element in error (optional)\n * @property {ComponentWithModuleName} [component] - Component throwing the error (optional)\n * @property {string} identifier - An identifier that'll let the user understand which element has an error. This is whatever makes the most sense\n * @property {string} [expectedType] - The type that was expected for the identifier (optional)\n */\n\n/**\n * @import { ComponentWithModuleName } from '../common/index.mjs'\n */\n","import { isInitialised, isSupported } from './common/index.mjs'\nimport { ElementError, InitError, SupportError } from './errors/index.mjs'\n\n/**\n * Base Component class\n *\n * Centralises the behaviours shared by our components\n *\n * @virtual\n * @template {Element} [RootElementType=HTMLElement]\n */\nexport class Component {\n  /**\n   * @type {typeof Element}\n   */\n  static elementType = HTMLElement\n\n  // allows Typescript user to work around the lack of types\n  // in GOVUKFrontend package, Typescript is not aware of $root\n  // in components that extend GOVUKFrontendComponent\n  /**\n   * Returns the root element of the component\n   *\n   * @protected\n   * @returns {RootElementType} - the root element of component\n   */\n  get $root() {\n    return this._$root\n  }\n\n  /**\n   * @protected\n   * @type {RootElementType}\n   */\n  _$root\n\n  /**\n   * Constructs a new component, validating that GOV.UK Frontend is supported\n   *\n   * @internal\n   * @param {Element | null} [$root] - HTML element to use for component\n   */\n  constructor($root) {\n    const childConstructor = /** @type {ChildClassConstructor} */ (\n      this.constructor\n    )\n\n    // TypeScript does not enforce that inheriting classes will define a `moduleName`\n    // (even if we add a `@virtual` `static moduleName` property to this class).\n    // While we trust users to do this correctly, we do a little check to provide them\n    // a helpful error message.\n    //\n    // After this, we'll be sure that `childConstructor` has a `moduleName`\n    // as expected of the `ChildClassConstructor` we've cast `this.constructor` to.\n    if (typeof childConstructor.moduleName !== 'string') {\n      throw new InitError(`\\`moduleName\\` not defined in component`)\n    }\n\n    if (!($root instanceof childConstructor.elementType)) {\n      throw new ElementError({\n        element: $root,\n        component: childConstructor,\n        identifier: 'Root element (`$root`)',\n        expectedType: childConstructor.elementType.name\n      })\n    } else {\n      this._$root = /** @type {RootElementType} */ ($root)\n    }\n\n    childConstructor.checkSupport()\n\n    this.checkInitialised()\n\n    const moduleName = childConstructor.moduleName\n\n    this.$root.setAttribute(`data-${moduleName}-init`, '')\n  }\n\n  /**\n   * Validates whether component is already initialised\n   *\n   * @private\n   * @throws {InitError} when component is already initialised\n   */\n  checkInitialised() {\n    const constructor = /** @type {ChildClassConstructor} */ (this.constructor)\n    const moduleName = constructor.moduleName\n\n    if (moduleName && isInitialised(this.$root, moduleName)) {\n      throw new InitError(constructor)\n    }\n  }\n\n  /**\n   * Validates whether components are supported\n   *\n   * @throws {SupportError} when the components are not supported\n   */\n  static checkSupport() {\n    if (!isSupported()) {\n      throw new SupportError()\n    }\n  }\n}\n\n/**\n * @typedef ChildClass\n * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component\n */\n\n/**\n * @typedef {typeof Component & ChildClass} ChildClassConstructor\n */\n","import { getBreakpoint } from '../../common/index.mjs'\nimport { Component } from '../../component.mjs'\nimport { ElementError } from '../../errors/index.mjs'\n\n/**\n * Tabs component\n *\n * @preserve\n */\nexport class Tabs extends Component {\n  /** @private */\n  $tabs\n\n  /** @private */\n  $tabList\n\n  /** @private */\n  $tabListItems\n\n  /** @private */\n  jsHiddenClass = 'govuk-tabs__panel--hidden'\n\n  /** @private */\n  changingHash = false\n\n  /** @private */\n  boundTabClick\n\n  /** @private */\n  boundTabKeydown\n\n  /** @private */\n  boundOnHashChange\n\n  /**\n   * @private\n   * @type {MediaQueryList | null}\n   */\n  mql = null\n\n  /**\n   * @param {Element | null} $root - HTML element to use for tabs\n   */\n  constructor($root) {\n    super($root)\n\n    const $tabs = this.$root.querySelectorAll('a.govuk-tabs__tab')\n    if (!$tabs.length) {\n      throw new ElementError({\n        component: Tabs,\n        identifier: 'Links (`<a class=\"govuk-tabs__tab\">`)'\n      })\n    }\n\n    this.$tabs = $tabs\n\n    // Save bound functions so we can remove event listeners during teardown\n    this.boundTabClick = this.onTabClick.bind(this)\n    this.boundTabKeydown = this.onTabKeydown.bind(this)\n    this.boundOnHashChange = this.onHashChange.bind(this)\n\n    const $tabList = this.$root.querySelector('.govuk-tabs__list')\n    const $tabListItems = this.$root.querySelectorAll(\n      'li.govuk-tabs__list-item'\n    )\n\n    if (!$tabList) {\n      throw new ElementError({\n        component: Tabs,\n        identifier: 'List (`<ul class=\"govuk-tabs__list\">`)'\n      })\n    }\n\n    if (!$tabListItems.length) {\n      throw new ElementError({\n        component: Tabs,\n        identifier: 'List items (`<li class=\"govuk-tabs__list-item\">`)'\n      })\n    }\n\n    this.$tabList = $tabList\n    this.$tabListItems = $tabListItems\n\n    this.setupResponsiveChecks()\n  }\n\n  /**\n   * Setup viewport resize check\n   *\n   * @private\n   */\n  setupResponsiveChecks() {\n    const breakpoint = getBreakpoint('tablet')\n\n    if (!breakpoint.value) {\n      throw new ElementError({\n        component: Tabs,\n        identifier: `CSS custom property (\\`${breakpoint.property}\\`) on pseudo-class \\`:root\\``\n      })\n    }\n\n    // Media query list for GOV.UK Frontend tablet breakpoint\n    this.mql = window.matchMedia(`(min-width: ${breakpoint.value})`)\n\n    // MediaQueryList.addEventListener isn't supported by Safari < 14 so we need\n    // to be able to fall back to the deprecated MediaQueryList.addListener\n    if ('addEventListener' in this.mql) {\n      this.mql.addEventListener('change', () => this.checkMode())\n    } else {\n      // @ts-expect-error Property 'addListener' does not exist\n      // eslint-disable-next-line @typescript-eslint/no-unsafe-call\n      this.mql.addListener(() => this.checkMode())\n    }\n\n    this.checkMode()\n  }\n\n  /**\n   * Setup or teardown handler for viewport resize check\n   *\n   * @private\n   */\n  checkMode() {\n    if (this.mql?.matches) {\n      this.setup()\n    } else {\n      this.teardown()\n    }\n  }\n\n  /**\n   * Setup tab component\n   *\n   * @private\n   */\n  setup() {\n    this.$tabList.setAttribute('role', 'tablist')\n\n    this.$tabListItems.forEach(($item) => {\n      $item.setAttribute('role', 'presentation')\n    })\n\n    this.$tabs.forEach(($tab) => {\n      // Set HTML attributes\n      this.setAttributes($tab)\n\n      // Handle events\n      $tab.addEventListener('click', this.boundTabClick, true)\n      $tab.addEventListener('keydown', this.boundTabKeydown, true)\n\n      // Remove old active panels\n      this.hideTab($tab)\n    })\n\n    // Show either the active tab according to the URL's hash or the first tab\n    const $activeTab = this.getTab(window.location.hash) ?? this.$tabs[0]\n\n    this.showTab($activeTab)\n\n    // Handle hashchange events\n    window.addEventListener('hashchange', this.boundOnHashChange, true)\n  }\n\n  /**\n   * Teardown tab component\n   *\n   * @private\n   */\n  teardown() {\n    this.$tabList.removeAttribute('role')\n\n    this.$tabListItems.forEach(($item) => {\n      $item.removeAttribute('role')\n    })\n\n    this.$tabs.forEach(($tab) => {\n      // Remove events\n      $tab.removeEventListener('click', this.boundTabClick, true)\n      $tab.removeEventListener('keydown', this.boundTabKeydown, true)\n\n      // Unset HTML attributes\n      this.unsetAttributes($tab)\n    })\n\n    // Remove hashchange event handler\n    window.removeEventListener('hashchange', this.boundOnHashChange, true)\n  }\n\n  /**\n   * Handle hashchange event\n   *\n   * @private\n   * @returns {void | undefined} Returns void, or undefined when prevented\n   */\n  onHashChange() {\n    const hash = window.location.hash\n    const $tabWithHash = this.getTab(hash)\n    if (!$tabWithHash) {\n      return\n    }\n\n    // Prevent changing the hash\n    if (this.changingHash) {\n      this.changingHash = false\n      return\n    }\n\n    // Show either the active tab according to the URL's hash or the first tab\n    const $previousTab = this.getCurrentTab()\n    if (!$previousTab) {\n      return\n    }\n\n    this.hideTab($previousTab)\n    this.showTab($tabWithHash)\n    $tabWithHash.focus()\n  }\n\n  /**\n   * Hide panel for tab link\n   *\n   * @private\n   * @param {HTMLAnchorElement} $tab - Tab link\n   */\n  hideTab($tab) {\n    this.unhighlightTab($tab)\n    this.hidePanel($tab)\n  }\n\n  /**\n   * Show panel for tab link\n   *\n   * @private\n   * @param {HTMLAnchorElement} $tab - Tab link\n   */\n  showTab($tab) {\n    this.highlightTab($tab)\n    this.showPanel($tab)\n  }\n\n  /**\n   * Get tab link by hash\n   *\n   * @private\n   * @param {string} hash - Hash fragment including #\n   * @returns {HTMLAnchorElement | null} Tab link\n   */\n  getTab(hash) {\n    return this.$root.querySelector(`a.govuk-tabs__tab[href=\"${hash}\"]`)\n  }\n\n  /**\n   * Set tab link and panel attributes\n   *\n   * @private\n   * @param {HTMLAnchorElement} $tab - Tab link\n   */\n  setAttributes($tab) {\n    const panelId = $tab.hash.replace('#', '')\n    if (!panelId) {\n      return\n    }\n\n    // Set tab attributes\n    $tab.setAttribute('id', `tab_${panelId}`)\n    $tab.setAttribute('role', 'tab')\n    $tab.setAttribute('aria-controls', panelId)\n    $tab.setAttribute('aria-selected', 'false')\n    $tab.setAttribute('tabindex', '-1')\n\n    // Set panel attributes\n    const $panel = this.getPanel($tab)\n    if (!$panel) {\n      return\n    }\n\n    $panel.setAttribute('role', 'tabpanel')\n    $panel.setAttribute('aria-labelledby', $tab.id)\n    $panel.classList.add(this.jsHiddenClass)\n  }\n\n  /**\n   * Unset tab link and panel attributes\n   *\n   * @private\n   * @param {HTMLAnchorElement} $tab - Tab link\n   */\n  unsetAttributes($tab) {\n    // unset tab attributes\n    $tab.removeAttribute('id')\n    $tab.removeAttribute('role')\n    $tab.removeAttribute('aria-controls')\n    $tab.removeAttribute('aria-selected')\n    $tab.removeAttribute('tabindex')\n\n    // unset panel attributes\n    const $panel = this.getPanel($tab)\n    if (!$panel) {\n      return\n    }\n\n    $panel.removeAttribute('role')\n    $panel.removeAttribute('aria-labelledby')\n    $panel.classList.remove(this.jsHiddenClass)\n  }\n\n  /**\n   * Handle tab link clicks\n   *\n   * @private\n   * @param {MouseEvent} event - Mouse click event\n   * @returns {void} Returns void\n   */\n  onTabClick(event) {\n    const $currentTab = this.getCurrentTab()\n    const $nextTab = event.currentTarget\n\n    if (!$currentTab || !($nextTab instanceof HTMLAnchorElement)) {\n      return\n    }\n\n    event.preventDefault()\n\n    this.hideTab($currentTab)\n    this.showTab($nextTab)\n    this.createHistoryEntry($nextTab)\n  }\n\n  /**\n   * Update browser URL hash fragment for tab\n   *\n   * - Allows back/forward to navigate tabs\n   * - Avoids page jump when hash changes\n   *\n   * @private\n   * @param {HTMLAnchorElement} $tab - Tab link\n   */\n  createHistoryEntry($tab) {\n    const $panel = this.getPanel($tab)\n    if (!$panel) {\n      return\n    }\n\n    // Save and restore the id so the page doesn't jump when a user clicks a tab\n    // (which changes the hash)\n    const panelId = $panel.id\n    $panel.id = ''\n    this.changingHash = true\n    window.location.hash = panelId\n    $panel.id = panelId\n  }\n\n  /**\n   * Handle tab keydown event\n   *\n   * - Press right arrow for next tab\n   * - Press left arrow for previous tab\n   *\n   * @private\n   * @param {KeyboardEvent} event - Keydown event\n   */\n  onTabKeydown(event) {\n    switch (event.key) {\n      // 'Left' and 'Right' required for Edge 16 support.\n      case 'ArrowLeft':\n      case 'Left':\n        this.activatePreviousTab()\n        event.preventDefault()\n        break\n      case 'ArrowRight':\n      case 'Right':\n        this.activateNextTab()\n        event.preventDefault()\n        break\n    }\n  }\n\n  /**\n   * Activate next tab\n   *\n   * @private\n   */\n  activateNextTab() {\n    const $currentTab = this.getCurrentTab()\n    if (!$currentTab?.parentElement) {\n      return\n    }\n\n    const $nextTabListItem = $currentTab.parentElement.nextElementSibling\n    if (!$nextTabListItem) {\n      return\n    }\n\n    const $nextTab = $nextTabListItem.querySelector('a.govuk-tabs__tab')\n    if (!$nextTab) {\n      return\n    }\n\n    this.hideTab($currentTab)\n    this.showTab($nextTab)\n    $nextTab.focus()\n    this.createHistoryEntry($nextTab)\n  }\n\n  /**\n   * Activate previous tab\n   *\n   * @private\n   */\n  activatePreviousTab() {\n    const $currentTab = this.getCurrentTab()\n    if (!$currentTab?.parentElement) {\n      return\n    }\n\n    const $previousTabListItem =\n      $currentTab.parentElement.previousElementSibling\n    if (!$previousTabListItem) {\n      return\n    }\n\n    const $previousTab = $previousTabListItem.querySelector('a.govuk-tabs__tab')\n    if (!$previousTab) {\n      return\n    }\n\n    this.hideTab($currentTab)\n    this.showTab($previousTab)\n    $previousTab.focus()\n    this.createHistoryEntry($previousTab)\n  }\n\n  /**\n   * Get tab panel for tab link\n   *\n   * @private\n   * @param {HTMLAnchorElement} $tab - Tab link\n   * @returns {Element | null} Tab panel\n   */\n  getPanel($tab) {\n    const panelId = $tab.hash.replace('#', '')\n    if (!panelId) {\n      return null\n    }\n\n    return this.$root.querySelector(`#${panelId}`)\n  }\n\n  /**\n   * Show tab panel for tab link\n   *\n   * @private\n   * @param {HTMLAnchorElement} $tab - Tab link\n   */\n  showPanel($tab) {\n    const $panel = this.getPanel($tab)\n    if (!$panel) {\n      return\n    }\n\n    $panel.classList.remove(this.jsHiddenClass)\n  }\n\n  /**\n   * Hide tab panel for tab link\n   *\n   * @private\n   * @param {HTMLAnchorElement} $tab - Tab link\n   */\n  hidePanel($tab) {\n    const $panel = this.getPanel($tab)\n    if (!$panel) {\n      return\n    }\n\n    $panel.classList.add(this.jsHiddenClass)\n  }\n\n  /**\n   * Unset 'selected' state for tab link\n   *\n   * @private\n   * @param {HTMLAnchorElement} $tab - Tab link\n   */\n  unhighlightTab($tab) {\n    if (!$tab.parentElement) {\n      return\n    }\n\n    $tab.setAttribute('aria-selected', 'false')\n    $tab.parentElement.classList.remove('govuk-tabs__list-item--selected')\n    $tab.setAttribute('tabindex', '-1')\n  }\n\n  /**\n   * Set 'selected' state for tab link\n   *\n   * @private\n   * @param {HTMLAnchorElement} $tab - Tab link\n   */\n  highlightTab($tab) {\n    if (!$tab.parentElement) {\n      return\n    }\n\n    $tab.setAttribute('aria-selected', 'true')\n    $tab.parentElement.classList.add('govuk-tabs__list-item--selected')\n    $tab.setAttribute('tabindex', '0')\n  }\n\n  /**\n   * Get current tab link\n   *\n   * @private\n   * @returns {HTMLAnchorElement | null} Tab link\n   */\n  getCurrentTab() {\n    return this.$root.querySelector(\n      '.govuk-tabs__list-item--selected a.govuk-tabs__tab'\n    )\n  }\n\n  /**\n   * Name for the component used when initialising using data-module attributes.\n   */\n  static moduleName = 'govuk-tabs'\n}\n"],"names":["getBreakpoint","name","property","value","window","getComputedStyle","document","documentElement","getPropertyValue","undefined","isInitialised","$root","moduleName","HTMLElement","hasAttribute","isSupported","$scope","body","classList","contains","isArray","option","Array","isObject","formatErrorMessage","Component","message","GOVUKFrontendError","Error","constructor","args","SupportError","supportMessage","HTMLScriptElement","prototype","ElementError","messageOrOptions","component","identifier","element","expectedType","InitError","componentOrMessage","_$root","childConstructor","elementType","checkSupport","checkInitialised","setAttribute","Tabs","$tabs","$tabList","$tabListItems","jsHiddenClass","changingHash","boundTabClick","boundTabKeydown","boundOnHashChange","mql","querySelectorAll","length","onTabClick","bind","onTabKeydown","onHashChange","querySelector","setupResponsiveChecks","breakpoint","matchMedia","addEventListener","checkMode","addListener","_this$mql","matches","setup","teardown","_this$getTab","forEach","$item","$tab","setAttributes","hideTab","$activeTab","getTab","location","hash","showTab","removeAttribute","removeEventListener","unsetAttributes","$tabWithHash","$previousTab","getCurrentTab","focus","unhighlightTab","hidePanel","highlightTab","showPanel","panelId","replace","$panel","getPanel","id","add","remove","event","$currentTab","$nextTab","currentTarget","HTMLAnchorElement","preventDefault","createHistoryEntry","key","activatePreviousTab","activateNextTab","parentElement","$nextTabListItem","nextElementSibling","$previousTabListItem","previousElementSibling"],"mappings":"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"}
\ No newline at end of file
diff --git a/app/templates/govuk/components/tabs/tabs.mjs b/app/templates/govuk/components/tabs/tabs.mjs
new file mode 100644
index 0000000..04ca972
--- /dev/null
+++ b/app/templates/govuk/components/tabs/tabs.mjs
@@ -0,0 +1,283 @@
+import { getBreakpoint } from '../../common/index.mjs';
+import { Component } from '../../component.mjs';
+import { ElementError } from '../../errors/index.mjs';
+
+/**
+ * Tabs component
+ *
+ * @preserve
+ */
+class Tabs extends Component {
+  /**
+   * @param {Element | null} $root - HTML element to use for tabs
+   */
+  constructor($root) {
+    super($root);
+    this.$tabs = void 0;
+    this.$tabList = void 0;
+    this.$tabListItems = void 0;
+    this.jsHiddenClass = 'govuk-tabs__panel--hidden';
+    this.changingHash = false;
+    this.boundTabClick = void 0;
+    this.boundTabKeydown = void 0;
+    this.boundOnHashChange = void 0;
+    this.mql = null;
+    const $tabs = this.$root.querySelectorAll('a.govuk-tabs__tab');
+    if (!$tabs.length) {
+      throw new ElementError({
+        component: Tabs,
+        identifier: 'Links (`<a class="govuk-tabs__tab">`)'
+      });
+    }
+    this.$tabs = $tabs;
+    this.boundTabClick = this.onTabClick.bind(this);
+    this.boundTabKeydown = this.onTabKeydown.bind(this);
+    this.boundOnHashChange = this.onHashChange.bind(this);
+    const $tabList = this.$root.querySelector('.govuk-tabs__list');
+    const $tabListItems = this.$root.querySelectorAll('li.govuk-tabs__list-item');
+    if (!$tabList) {
+      throw new ElementError({
+        component: Tabs,
+        identifier: 'List (`<ul class="govuk-tabs__list">`)'
+      });
+    }
+    if (!$tabListItems.length) {
+      throw new ElementError({
+        component: Tabs,
+        identifier: 'List items (`<li class="govuk-tabs__list-item">`)'
+      });
+    }
+    this.$tabList = $tabList;
+    this.$tabListItems = $tabListItems;
+    this.setupResponsiveChecks();
+  }
+  setupResponsiveChecks() {
+    const breakpoint = getBreakpoint('tablet');
+    if (!breakpoint.value) {
+      throw new ElementError({
+        component: Tabs,
+        identifier: `CSS custom property (\`${breakpoint.property}\`) on pseudo-class \`:root\``
+      });
+    }
+    this.mql = window.matchMedia(`(min-width: ${breakpoint.value})`);
+    if ('addEventListener' in this.mql) {
+      this.mql.addEventListener('change', () => this.checkMode());
+    } else {
+      this.mql.addListener(() => this.checkMode());
+    }
+    this.checkMode();
+  }
+  checkMode() {
+    var _this$mql;
+    if ((_this$mql = this.mql) != null && _this$mql.matches) {
+      this.setup();
+    } else {
+      this.teardown();
+    }
+  }
+  setup() {
+    var _this$getTab;
+    this.$tabList.setAttribute('role', 'tablist');
+    this.$tabListItems.forEach($item => {
+      $item.setAttribute('role', 'presentation');
+    });
+    this.$tabs.forEach($tab => {
+      this.setAttributes($tab);
+      $tab.addEventListener('click', this.boundTabClick, true);
+      $tab.addEventListener('keydown', this.boundTabKeydown, true);
+      this.hideTab($tab);
+    });
+    const $activeTab = (_this$getTab = this.getTab(window.location.hash)) != null ? _this$getTab : this.$tabs[0];
+    this.showTab($activeTab);
+    window.addEventListener('hashchange', this.boundOnHashChange, true);
+  }
+  teardown() {
+    this.$tabList.removeAttribute('role');
+    this.$tabListItems.forEach($item => {
+      $item.removeAttribute('role');
+    });
+    this.$tabs.forEach($tab => {
+      $tab.removeEventListener('click', this.boundTabClick, true);
+      $tab.removeEventListener('keydown', this.boundTabKeydown, true);
+      this.unsetAttributes($tab);
+    });
+    window.removeEventListener('hashchange', this.boundOnHashChange, true);
+  }
+  onHashChange() {
+    const hash = window.location.hash;
+    const $tabWithHash = this.getTab(hash);
+    if (!$tabWithHash) {
+      return;
+    }
+    if (this.changingHash) {
+      this.changingHash = false;
+      return;
+    }
+    const $previousTab = this.getCurrentTab();
+    if (!$previousTab) {
+      return;
+    }
+    this.hideTab($previousTab);
+    this.showTab($tabWithHash);
+    $tabWithHash.focus();
+  }
+  hideTab($tab) {
+    this.unhighlightTab($tab);
+    this.hidePanel($tab);
+  }
+  showTab($tab) {
+    this.highlightTab($tab);
+    this.showPanel($tab);
+  }
+  getTab(hash) {
+    return this.$root.querySelector(`a.govuk-tabs__tab[href="${hash}"]`);
+  }
+  setAttributes($tab) {
+    const panelId = $tab.hash.replace('#', '');
+    if (!panelId) {
+      return;
+    }
+    $tab.setAttribute('id', `tab_${panelId}`);
+    $tab.setAttribute('role', 'tab');
+    $tab.setAttribute('aria-controls', panelId);
+    $tab.setAttribute('aria-selected', 'false');
+    $tab.setAttribute('tabindex', '-1');
+    const $panel = this.getPanel($tab);
+    if (!$panel) {
+      return;
+    }
+    $panel.setAttribute('role', 'tabpanel');
+    $panel.setAttribute('aria-labelledby', $tab.id);
+    $panel.classList.add(this.jsHiddenClass);
+  }
+  unsetAttributes($tab) {
+    $tab.removeAttribute('id');
+    $tab.removeAttribute('role');
+    $tab.removeAttribute('aria-controls');
+    $tab.removeAttribute('aria-selected');
+    $tab.removeAttribute('tabindex');
+    const $panel = this.getPanel($tab);
+    if (!$panel) {
+      return;
+    }
+    $panel.removeAttribute('role');
+    $panel.removeAttribute('aria-labelledby');
+    $panel.classList.remove(this.jsHiddenClass);
+  }
+  onTabClick(event) {
+    const $currentTab = this.getCurrentTab();
+    const $nextTab = event.currentTarget;
+    if (!$currentTab || !($nextTab instanceof HTMLAnchorElement)) {
+      return;
+    }
+    event.preventDefault();
+    this.hideTab($currentTab);
+    this.showTab($nextTab);
+    this.createHistoryEntry($nextTab);
+  }
+  createHistoryEntry($tab) {
+    const $panel = this.getPanel($tab);
+    if (!$panel) {
+      return;
+    }
+    const panelId = $panel.id;
+    $panel.id = '';
+    this.changingHash = true;
+    window.location.hash = panelId;
+    $panel.id = panelId;
+  }
+  onTabKeydown(event) {
+    switch (event.key) {
+      case 'ArrowLeft':
+      case 'Left':
+        this.activatePreviousTab();
+        event.preventDefault();
+        break;
+      case 'ArrowRight':
+      case 'Right':
+        this.activateNextTab();
+        event.preventDefault();
+        break;
+    }
+  }
+  activateNextTab() {
+    const $currentTab = this.getCurrentTab();
+    if (!($currentTab != null && $currentTab.parentElement)) {
+      return;
+    }
+    const $nextTabListItem = $currentTab.parentElement.nextElementSibling;
+    if (!$nextTabListItem) {
+      return;
+    }
+    const $nextTab = $nextTabListItem.querySelector('a.govuk-tabs__tab');
+    if (!$nextTab) {
+      return;
+    }
+    this.hideTab($currentTab);
+    this.showTab($nextTab);
+    $nextTab.focus();
+    this.createHistoryEntry($nextTab);
+  }
+  activatePreviousTab() {
+    const $currentTab = this.getCurrentTab();
+    if (!($currentTab != null && $currentTab.parentElement)) {
+      return;
+    }
+    const $previousTabListItem = $currentTab.parentElement.previousElementSibling;
+    if (!$previousTabListItem) {
+      return;
+    }
+    const $previousTab = $previousTabListItem.querySelector('a.govuk-tabs__tab');
+    if (!$previousTab) {
+      return;
+    }
+    this.hideTab($currentTab);
+    this.showTab($previousTab);
+    $previousTab.focus();
+    this.createHistoryEntry($previousTab);
+  }
+  getPanel($tab) {
+    const panelId = $tab.hash.replace('#', '');
+    if (!panelId) {
+      return null;
+    }
+    return this.$root.querySelector(`#${panelId}`);
+  }
+  showPanel($tab) {
+    const $panel = this.getPanel($tab);
+    if (!$panel) {
+      return;
+    }
+    $panel.classList.remove(this.jsHiddenClass);
+  }
+  hidePanel($tab) {
+    const $panel = this.getPanel($tab);
+    if (!$panel) {
+      return;
+    }
+    $panel.classList.add(this.jsHiddenClass);
+  }
+  unhighlightTab($tab) {
+    if (!$tab.parentElement) {
+      return;
+    }
+    $tab.setAttribute('aria-selected', 'false');
+    $tab.parentElement.classList.remove('govuk-tabs__list-item--selected');
+    $tab.setAttribute('tabindex', '-1');
+  }
+  highlightTab($tab) {
+    if (!$tab.parentElement) {
+      return;
+    }
+    $tab.setAttribute('aria-selected', 'true');
+    $tab.parentElement.classList.add('govuk-tabs__list-item--selected');
+    $tab.setAttribute('tabindex', '0');
+  }
+  getCurrentTab() {
+    return this.$root.querySelector('.govuk-tabs__list-item--selected a.govuk-tabs__tab');
+  }
+}
+Tabs.moduleName = 'govuk-tabs';
+
+export { Tabs };
+//# sourceMappingURL=tabs.mjs.map
diff --git a/app/templates/govuk/components/tabs/tabs.mjs.map b/app/templates/govuk/components/tabs/tabs.mjs.map
new file mode 100644
index 0000000..6f13b02
--- /dev/null
+++ b/app/templates/govuk/components/tabs/tabs.mjs.map
@@ -0,0 +1 @@
+{"version":3,"file":"tabs.mjs","sources":["../../../../src/govuk/components/tabs/tabs.mjs"],"sourcesContent":["import { getBreakpoint } from '../../common/index.mjs'\nimport { Component } from '../../component.mjs'\nimport { ElementError } from '../../errors/index.mjs'\n\n/**\n * Tabs component\n *\n * @preserve\n */\nexport class Tabs extends Component {\n  /** @private */\n  $tabs\n\n  /** @private */\n  $tabList\n\n  /** @private */\n  $tabListItems\n\n  /** @private */\n  jsHiddenClass = 'govuk-tabs__panel--hidden'\n\n  /** @private */\n  changingHash = false\n\n  /** @private */\n  boundTabClick\n\n  /** @private */\n  boundTabKeydown\n\n  /** @private */\n  boundOnHashChange\n\n  /**\n   * @private\n   * @type {MediaQueryList | null}\n   */\n  mql = null\n\n  /**\n   * @param {Element | null} $root - HTML element to use for tabs\n   */\n  constructor($root) {\n    super($root)\n\n    const $tabs = this.$root.querySelectorAll('a.govuk-tabs__tab')\n    if (!$tabs.length) {\n      throw new ElementError({\n        component: Tabs,\n        identifier: 'Links (`<a class=\"govuk-tabs__tab\">`)'\n      })\n    }\n\n    this.$tabs = $tabs\n\n    // Save bound functions so we can remove event listeners during teardown\n    this.boundTabClick = this.onTabClick.bind(this)\n    this.boundTabKeydown = this.onTabKeydown.bind(this)\n    this.boundOnHashChange = this.onHashChange.bind(this)\n\n    const $tabList = this.$root.querySelector('.govuk-tabs__list')\n    const $tabListItems = this.$root.querySelectorAll(\n      'li.govuk-tabs__list-item'\n    )\n\n    if (!$tabList) {\n      throw new ElementError({\n        component: Tabs,\n        identifier: 'List (`<ul class=\"govuk-tabs__list\">`)'\n      })\n    }\n\n    if (!$tabListItems.length) {\n      throw new ElementError({\n        component: Tabs,\n        identifier: 'List items (`<li class=\"govuk-tabs__list-item\">`)'\n      })\n    }\n\n    this.$tabList = $tabList\n    this.$tabListItems = $tabListItems\n\n    this.setupResponsiveChecks()\n  }\n\n  /**\n   * Setup viewport resize check\n   *\n   * @private\n   */\n  setupResponsiveChecks() {\n    const breakpoint = getBreakpoint('tablet')\n\n    if (!breakpoint.value) {\n      throw new ElementError({\n        component: Tabs,\n        identifier: `CSS custom property (\\`${breakpoint.property}\\`) on pseudo-class \\`:root\\``\n      })\n    }\n\n    // Media query list for GOV.UK Frontend tablet breakpoint\n    this.mql = window.matchMedia(`(min-width: ${breakpoint.value})`)\n\n    // MediaQueryList.addEventListener isn't supported by Safari < 14 so we need\n    // to be able to fall back to the deprecated MediaQueryList.addListener\n    if ('addEventListener' in this.mql) {\n      this.mql.addEventListener('change', () => this.checkMode())\n    } else {\n      // @ts-expect-error Property 'addListener' does not exist\n      // eslint-disable-next-line @typescript-eslint/no-unsafe-call\n      this.mql.addListener(() => this.checkMode())\n    }\n\n    this.checkMode()\n  }\n\n  /**\n   * Setup or teardown handler for viewport resize check\n   *\n   * @private\n   */\n  checkMode() {\n    if (this.mql?.matches) {\n      this.setup()\n    } else {\n      this.teardown()\n    }\n  }\n\n  /**\n   * Setup tab component\n   *\n   * @private\n   */\n  setup() {\n    this.$tabList.setAttribute('role', 'tablist')\n\n    this.$tabListItems.forEach(($item) => {\n      $item.setAttribute('role', 'presentation')\n    })\n\n    this.$tabs.forEach(($tab) => {\n      // Set HTML attributes\n      this.setAttributes($tab)\n\n      // Handle events\n      $tab.addEventListener('click', this.boundTabClick, true)\n      $tab.addEventListener('keydown', this.boundTabKeydown, true)\n\n      // Remove old active panels\n      this.hideTab($tab)\n    })\n\n    // Show either the active tab according to the URL's hash or the first tab\n    const $activeTab = this.getTab(window.location.hash) ?? this.$tabs[0]\n\n    this.showTab($activeTab)\n\n    // Handle hashchange events\n    window.addEventListener('hashchange', this.boundOnHashChange, true)\n  }\n\n  /**\n   * Teardown tab component\n   *\n   * @private\n   */\n  teardown() {\n    this.$tabList.removeAttribute('role')\n\n    this.$tabListItems.forEach(($item) => {\n      $item.removeAttribute('role')\n    })\n\n    this.$tabs.forEach(($tab) => {\n      // Remove events\n      $tab.removeEventListener('click', this.boundTabClick, true)\n      $tab.removeEventListener('keydown', this.boundTabKeydown, true)\n\n      // Unset HTML attributes\n      this.unsetAttributes($tab)\n    })\n\n    // Remove hashchange event handler\n    window.removeEventListener('hashchange', this.boundOnHashChange, true)\n  }\n\n  /**\n   * Handle hashchange event\n   *\n   * @private\n   * @returns {void | undefined} Returns void, or undefined when prevented\n   */\n  onHashChange() {\n    const hash = window.location.hash\n    const $tabWithHash = this.getTab(hash)\n    if (!$tabWithHash) {\n      return\n    }\n\n    // Prevent changing the hash\n    if (this.changingHash) {\n      this.changingHash = false\n      return\n    }\n\n    // Show either the active tab according to the URL's hash or the first tab\n    const $previousTab = this.getCurrentTab()\n    if (!$previousTab) {\n      return\n    }\n\n    this.hideTab($previousTab)\n    this.showTab($tabWithHash)\n    $tabWithHash.focus()\n  }\n\n  /**\n   * Hide panel for tab link\n   *\n   * @private\n   * @param {HTMLAnchorElement} $tab - Tab link\n   */\n  hideTab($tab) {\n    this.unhighlightTab($tab)\n    this.hidePanel($tab)\n  }\n\n  /**\n   * Show panel for tab link\n   *\n   * @private\n   * @param {HTMLAnchorElement} $tab - Tab link\n   */\n  showTab($tab) {\n    this.highlightTab($tab)\n    this.showPanel($tab)\n  }\n\n  /**\n   * Get tab link by hash\n   *\n   * @private\n   * @param {string} hash - Hash fragment including #\n   * @returns {HTMLAnchorElement | null} Tab link\n   */\n  getTab(hash) {\n    return this.$root.querySelector(`a.govuk-tabs__tab[href=\"${hash}\"]`)\n  }\n\n  /**\n   * Set tab link and panel attributes\n   *\n   * @private\n   * @param {HTMLAnchorElement} $tab - Tab link\n   */\n  setAttributes($tab) {\n    const panelId = $tab.hash.replace('#', '')\n    if (!panelId) {\n      return\n    }\n\n    // Set tab attributes\n    $tab.setAttribute('id', `tab_${panelId}`)\n    $tab.setAttribute('role', 'tab')\n    $tab.setAttribute('aria-controls', panelId)\n    $tab.setAttribute('aria-selected', 'false')\n    $tab.setAttribute('tabindex', '-1')\n\n    // Set panel attributes\n    const $panel = this.getPanel($tab)\n    if (!$panel) {\n      return\n    }\n\n    $panel.setAttribute('role', 'tabpanel')\n    $panel.setAttribute('aria-labelledby', $tab.id)\n    $panel.classList.add(this.jsHiddenClass)\n  }\n\n  /**\n   * Unset tab link and panel attributes\n   *\n   * @private\n   * @param {HTMLAnchorElement} $tab - Tab link\n   */\n  unsetAttributes($tab) {\n    // unset tab attributes\n    $tab.removeAttribute('id')\n    $tab.removeAttribute('role')\n    $tab.removeAttribute('aria-controls')\n    $tab.removeAttribute('aria-selected')\n    $tab.removeAttribute('tabindex')\n\n    // unset panel attributes\n    const $panel = this.getPanel($tab)\n    if (!$panel) {\n      return\n    }\n\n    $panel.removeAttribute('role')\n    $panel.removeAttribute('aria-labelledby')\n    $panel.classList.remove(this.jsHiddenClass)\n  }\n\n  /**\n   * Handle tab link clicks\n   *\n   * @private\n   * @param {MouseEvent} event - Mouse click event\n   * @returns {void} Returns void\n   */\n  onTabClick(event) {\n    const $currentTab = this.getCurrentTab()\n    const $nextTab = event.currentTarget\n\n    if (!$currentTab || !($nextTab instanceof HTMLAnchorElement)) {\n      return\n    }\n\n    event.preventDefault()\n\n    this.hideTab($currentTab)\n    this.showTab($nextTab)\n    this.createHistoryEntry($nextTab)\n  }\n\n  /**\n   * Update browser URL hash fragment for tab\n   *\n   * - Allows back/forward to navigate tabs\n   * - Avoids page jump when hash changes\n   *\n   * @private\n   * @param {HTMLAnchorElement} $tab - Tab link\n   */\n  createHistoryEntry($tab) {\n    const $panel = this.getPanel($tab)\n    if (!$panel) {\n      return\n    }\n\n    // Save and restore the id so the page doesn't jump when a user clicks a tab\n    // (which changes the hash)\n    const panelId = $panel.id\n    $panel.id = ''\n    this.changingHash = true\n    window.location.hash = panelId\n    $panel.id = panelId\n  }\n\n  /**\n   * Handle tab keydown event\n   *\n   * - Press right arrow for next tab\n   * - Press left arrow for previous tab\n   *\n   * @private\n   * @param {KeyboardEvent} event - Keydown event\n   */\n  onTabKeydown(event) {\n    switch (event.key) {\n      // 'Left' and 'Right' required for Edge 16 support.\n      case 'ArrowLeft':\n      case 'Left':\n        this.activatePreviousTab()\n        event.preventDefault()\n        break\n      case 'ArrowRight':\n      case 'Right':\n        this.activateNextTab()\n        event.preventDefault()\n        break\n    }\n  }\n\n  /**\n   * Activate next tab\n   *\n   * @private\n   */\n  activateNextTab() {\n    const $currentTab = this.getCurrentTab()\n    if (!$currentTab?.parentElement) {\n      return\n    }\n\n    const $nextTabListItem = $currentTab.parentElement.nextElementSibling\n    if (!$nextTabListItem) {\n      return\n    }\n\n    const $nextTab = $nextTabListItem.querySelector('a.govuk-tabs__tab')\n    if (!$nextTab) {\n      return\n    }\n\n    this.hideTab($currentTab)\n    this.showTab($nextTab)\n    $nextTab.focus()\n    this.createHistoryEntry($nextTab)\n  }\n\n  /**\n   * Activate previous tab\n   *\n   * @private\n   */\n  activatePreviousTab() {\n    const $currentTab = this.getCurrentTab()\n    if (!$currentTab?.parentElement) {\n      return\n    }\n\n    const $previousTabListItem =\n      $currentTab.parentElement.previousElementSibling\n    if (!$previousTabListItem) {\n      return\n    }\n\n    const $previousTab = $previousTabListItem.querySelector('a.govuk-tabs__tab')\n    if (!$previousTab) {\n      return\n    }\n\n    this.hideTab($currentTab)\n    this.showTab($previousTab)\n    $previousTab.focus()\n    this.createHistoryEntry($previousTab)\n  }\n\n  /**\n   * Get tab panel for tab link\n   *\n   * @private\n   * @param {HTMLAnchorElement} $tab - Tab link\n   * @returns {Element | null} Tab panel\n   */\n  getPanel($tab) {\n    const panelId = $tab.hash.replace('#', '')\n    if (!panelId) {\n      return null\n    }\n\n    return this.$root.querySelector(`#${panelId}`)\n  }\n\n  /**\n   * Show tab panel for tab link\n   *\n   * @private\n   * @param {HTMLAnchorElement} $tab - Tab link\n   */\n  showPanel($tab) {\n    const $panel = this.getPanel($tab)\n    if (!$panel) {\n      return\n    }\n\n    $panel.classList.remove(this.jsHiddenClass)\n  }\n\n  /**\n   * Hide tab panel for tab link\n   *\n   * @private\n   * @param {HTMLAnchorElement} $tab - Tab link\n   */\n  hidePanel($tab) {\n    const $panel = this.getPanel($tab)\n    if (!$panel) {\n      return\n    }\n\n    $panel.classList.add(this.jsHiddenClass)\n  }\n\n  /**\n   * Unset 'selected' state for tab link\n   *\n   * @private\n   * @param {HTMLAnchorElement} $tab - Tab link\n   */\n  unhighlightTab($tab) {\n    if (!$tab.parentElement) {\n      return\n    }\n\n    $tab.setAttribute('aria-selected', 'false')\n    $tab.parentElement.classList.remove('govuk-tabs__list-item--selected')\n    $tab.setAttribute('tabindex', '-1')\n  }\n\n  /**\n   * Set 'selected' state for tab link\n   *\n   * @private\n   * @param {HTMLAnchorElement} $tab - Tab link\n   */\n  highlightTab($tab) {\n    if (!$tab.parentElement) {\n      return\n    }\n\n    $tab.setAttribute('aria-selected', 'true')\n    $tab.parentElement.classList.add('govuk-tabs__list-item--selected')\n    $tab.setAttribute('tabindex', '0')\n  }\n\n  /**\n   * Get current tab link\n   *\n   * @private\n   * @returns {HTMLAnchorElement | null} Tab link\n   */\n  getCurrentTab() {\n    return this.$root.querySelector(\n      '.govuk-tabs__list-item--selected a.govuk-tabs__tab'\n    )\n  }\n\n  /**\n   * Name for the component used when initialising using data-module attributes.\n   */\n  static moduleName = 'govuk-tabs'\n}\n"],"names":["Tabs","Component","constructor","$root","$tabs","$tabList","$tabListItems","jsHiddenClass","changingHash","boundTabClick","boundTabKeydown","boundOnHashChange","mql","querySelectorAll","length","ElementError","component","identifier","onTabClick","bind","onTabKeydown","onHashChange","querySelector","setupResponsiveChecks","breakpoint","getBreakpoint","value","property","window","matchMedia","addEventListener","checkMode","addListener","_this$mql","matches","setup","teardown","_this$getTab","setAttribute","forEach","$item","$tab","setAttributes","hideTab","$activeTab","getTab","location","hash","showTab","removeAttribute","removeEventListener","unsetAttributes","$tabWithHash","$previousTab","getCurrentTab","focus","unhighlightTab","hidePanel","highlightTab","showPanel","panelId","replace","$panel","getPanel","id","classList","add","remove","event","$currentTab","$nextTab","currentTarget","HTMLAnchorElement","preventDefault","createHistoryEntry","key","activatePreviousTab","activateNextTab","parentElement","$nextTabListItem","nextElementSibling","$previousTabListItem","previousElementSibling","moduleName"],"mappings":"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"}
\ No newline at end of file
diff --git a/app/templates/govuk/components/tabs/template-default.html b/app/templates/govuk/components/tabs/template-default.html
new file mode 100644
index 0000000..31cd535
--- /dev/null
+++ b/app/templates/govuk/components/tabs/template-default.html
@@ -0,0 +1,117 @@
+<div class="govuk-tabs" data-module="govuk-tabs">
+  <h2 class="govuk-tabs__title">
+    Contents
+  </h2>
+  <ul class="govuk-tabs__list">
+    <li class="govuk-tabs__list-item govuk-tabs__list-item--selected">
+      <a class="govuk-tabs__tab" href="#past-day">
+        Past day
+      </a>
+    </li>
+    <li class="govuk-tabs__list-item">
+      <a class="govuk-tabs__tab" href="#past-week">
+        Past week
+      </a>
+    </li>
+    <li class="govuk-tabs__list-item">
+      <a class="govuk-tabs__tab" href="#past-month">
+        Past month
+      </a>
+    </li>
+    <li class="govuk-tabs__list-item">
+      <a class="govuk-tabs__tab" href="#past-year">
+        Past year
+      </a>
+    </li>
+  </ul>
+  <div class="govuk-tabs__panel" id="past-day">
+    <h2 class="govuk-heading-l">Past day</h2>
+    <table class="govuk-table">
+      <thead class="govuk-table__head">
+        <tr class="govuk-table__row">
+          <th class="govuk-table__header" scope="col">Case manager</th>
+          <th class="govuk-table__header" scope="col">Cases opened</th>
+          <th class="govuk-table__header" scope="col">Cases closed</th>
+        </tr>
+      </thead>
+      <tbody class="govuk-table__body">
+        <tr class="govuk-table__row">
+          <td class="govuk-table__cell">David Francis</td>
+          <td class="govuk-table__cell">3</td>
+          <td class="govuk-table__cell">0</td>
+        </tr>
+        <tr class="govuk-table__row">
+          <td class="govuk-table__cell">Paul Farmer</td>
+          <td class="govuk-table__cell">1</td>
+          <td class="govuk-table__cell">0</td>
+        </tr>
+        <tr class="govuk-table__row">
+          <td class="govuk-table__cell">Rita Patel</td>
+          <td class="govuk-table__cell">2</td>
+          <td class="govuk-table__cell">0</td>
+        </tr>
+      </tbody>
+    </table>
+  </div>
+  <div class="govuk-tabs__panel govuk-tabs__panel--hidden" id="past-week">
+    <h2 class="govuk-heading-l">Past week</h2>
+    <table class="govuk-table">
+      <thead class="govuk-table__head">
+        <tr class="govuk-table__row">
+          <th class="govuk-table__header" scope="col">Case manager</th>
+          <th class="govuk-table__header" scope="col">Cases opened</th>
+          <th class="govuk-table__header" scope="col">Cases closed</th>
+        </tr>
+      </thead>
+      <tbody class="govuk-table__body">
+        <tr class="govuk-table__row">
+          <td class="govuk-table__cell">David Francis</td>
+          <td class="govuk-table__cell">24</td>
+          <td class="govuk-table__cell">18</td>
+        </tr>
+        <tr class="govuk-table__row">
+          <td class="govuk-table__cell">Paul Farmer</td>
+          <td class="govuk-table__cell">16</td>
+          <td class="govuk-table__cell">20</td>
+        </tr>
+        <tr class="govuk-table__row">
+          <td class="govuk-table__cell">Rita Patel</td>
+          <td class="govuk-table__cell">24</td>
+          <td class="govuk-table__cell">27</td>
+        </tr>
+      </tbody>
+    </table>
+  </div>
+  <div class="govuk-tabs__panel govuk-tabs__panel--hidden" id="past-month">
+    <h2 class="govuk-heading-l">Past month</h2>
+    <table class="govuk-table">
+      <thead class="govuk-table__head">
+        <tr class="govuk-table__row">
+          <th class="govuk-table__header" scope="col">Case manager</th>
+          <th class="govuk-table__header" scope="col">Cases opened</th>
+          <th class="govuk-table__header" scope="col">Cases closed</th>
+        </tr>
+      </thead>
+      <tbody class="govuk-table__body">
+        <tr class="govuk-table__row">
+          <td class="govuk-table__cell">David Francis</td>
+          <td class="govuk-table__cell">98</td>
+          <td class="govuk-table__cell">95</td>
+        </tr>
+        <tr class="govuk-table__row">
+          <td class="govuk-table__cell">Paul Farmer</td>
+          <td class="govuk-table__cell">122</td>
+          <td class="govuk-table__cell">131</td>
+        </tr>
+        <tr class="govuk-table__row">
+          <td class="govuk-table__cell">Rita Patel</td>
+          <td class="govuk-table__cell">126</td>
+          <td class="govuk-table__cell">142</td>
+        </tr>
+      </tbody>
+    </table>
+  </div>
+  <div class="govuk-tabs__panel govuk-tabs__panel--hidden" id="past-year">
+    <p class="govuk-body">There is no data for this year yet, check back later</p>
+  </div>
+</div>
diff --git a/app/templates/govuk/components/tabs/template-tabs-with-anchor-in-panel.html b/app/templates/govuk/components/tabs/template-tabs-with-anchor-in-panel.html
new file mode 100644
index 0000000..9ea9064
--- /dev/null
+++ b/app/templates/govuk/components/tabs/template-tabs-with-anchor-in-panel.html
@@ -0,0 +1,26 @@
+<div class="govuk-tabs" data-module="govuk-tabs">
+  <h2 class="govuk-tabs__title">
+    Contents
+  </h2>
+  <ul class="govuk-tabs__list">
+    <li class="govuk-tabs__list-item govuk-tabs__list-item--selected">
+      <a class="govuk-tabs__tab" href="#tab-1">
+        Tab 1
+      </a>
+    </li>
+    <li class="govuk-tabs__list-item">
+      <a class="govuk-tabs__tab" href="#tab-2">
+        Tab 2
+      </a>
+    </li>
+  </ul>
+  <div class="govuk-tabs__panel" id="tab-1">
+    <h2 class="govuk-heading-l">Tab 1</h2>
+    <p class="govuk-body">Testing that when you click the anchor it moves to the anchor point successfully</p>
+    <p class="govuk-body"><a class="govuk-link" href="#anchor">Anchor</a></p>
+    <p class="govuk-body"><a id="anchor" tabindex="0">Anchor Point</a></p>
+  </div>
+  <div class="govuk-tabs__panel govuk-tabs__panel--hidden" id="tab-2">
+    <h2 class="govuk-heading-l">Tab 2</h2>
+  </div>
+</div>
diff --git a/app/templates/govuk/components/tabs/template.njk b/app/templates/govuk/components/tabs/template.njk
new file mode 100644
index 0000000..77185e2
--- /dev/null
+++ b/app/templates/govuk/components/tabs/template.njk
@@ -0,0 +1,48 @@
+{% from "../../macros/attributes.njk" import govukAttributes %}
+
+{%- macro _tabListItem(params, item, index) %}
+{% set tabPanelId = item.id if item.id else idPrefix + "-" + index -%}
+<li class="govuk-tabs__list-item {%- if index == 1 %} govuk-tabs__list-item--selected{% endif %}">
+  <a class="govuk-tabs__tab" href="#{{ tabPanelId }}"
+    {{- govukAttributes(item.attributes) }}>
+    {{ item.label }}
+  </a>
+</li>
+{% endmacro -%}
+
+{%- macro _tabPanel(params, item, index) %}
+{% set tabPanelId = item.id if item.id else idPrefix + "-" + index -%}
+<div class="govuk-tabs__panel {%- if index > 1 %} govuk-tabs__panel--hidden{% endif %}" id="{{ tabPanelId }}"
+  {{- govukAttributes(item.panel.attributes) }}>
+{% if item.panel.html %}
+  {{ item.panel.html | safe | trim | indent(2) }}
+{% elif item.panel.text %}
+  <p class="govuk-body">{{ item.panel.text }}</p>
+{% endif %}
+</div>
+{% endmacro -%}
+
+{#- If an id 'prefix' is not passed, fall back to using the name attribute
+  instead. We need this for error messages and hints as well -#}
+{% set idPrefix = params.idPrefix if params.idPrefix -%}
+
+<div {%- if params.id %} id="{{ params.id }}"{% endif %} class="govuk-tabs {%- if params.classes %} {{ params.classes }}{% endif %}"
+  {{- govukAttributes(params.attributes) }} data-module="govuk-tabs">
+  <h2 class="govuk-tabs__title">
+    {{ params.title | default ("Contents") }}
+  </h2>
+{% if params.items | length %}
+  <ul class="govuk-tabs__list">
+    {% for item in params.items %}
+      {% if item %}
+        {{- _tabListItem(params, item, loop.index) | trim | indent(4, true) }}
+      {% endif %}
+    {% endfor %}
+  </ul>
+  {% for item in params.items %}
+    {% if item %}
+      {{- _tabPanel(params, item, loop.index) | trim | indent(2, true) }}
+    {% endif %}
+  {% endfor %}
+{% endif %}
+</div>
diff --git a/app/templates/govuk/components/tag/README.md b/app/templates/govuk/components/tag/README.md
new file mode 100644
index 0000000..41f1434
--- /dev/null
+++ b/app/templates/govuk/components/tag/README.md
@@ -0,0 +1,15 @@
+# Tag
+
+## Installation
+
+See the [main README quick start guide](https://github.com/alphagov/govuk-frontend#quick-start) for how to install this component.
+
+## Guidance and Examples
+
+Find out when to use the tag component in your service in the [GOV.UK Design System](https://design-system.service.gov.uk/components/tag).
+
+## Component options
+
+Use options to customise the appearance, content and behaviour of a component when using a macro, for example, changing the text.
+
+See [options table](https://design-system.service.gov.uk/components/tag/#options-tag-example) for details.
diff --git a/app/templates/govuk/components/tag/_index.scss b/app/templates/govuk/components/tag/_index.scss
new file mode 100644
index 0000000..75f6f78
--- /dev/null
+++ b/app/templates/govuk/components/tag/_index.scss
@@ -0,0 +1,97 @@
+@include govuk-exports("govuk/component/tag") {
+  $govuk-tag-max-width: if(map-has-key($govuk-breakpoints, "mobile"), map-get($govuk-breakpoints, "mobile") / 2, 160px);
+
+  .govuk-tag {
+    @include govuk-font($size: 19);
+
+    display: inline-block;
+
+    // set a max-width along with overflow-wrap: break-word below for instances
+    // where a tag has a single long word and could overflow its boundaries.
+    // The max-width is necessary as break-word requires a bounding box to base
+    // where to break off of.
+    max-width: $govuk-tag-max-width;
+
+    // These negative margins make sure that the tag component doesn’t increase
+    // the size of its container. Otherwise, for example, a table row containing
+    // a tag will be taller than one containing plain text.
+    //
+    // The negative margin added to the top and bottom matches the extra padding
+    // added.
+    margin-top: -2px;
+    margin-bottom: -3px;
+
+    padding-top: 2px;
+    padding-right: 8px;
+    padding-bottom: 3px;
+    padding-left: 8px;
+    color: govuk-shade(govuk-colour("blue"), 60%);
+    background-color: govuk-tint(govuk-colour("blue"), 70%);
+    text-decoration: none;
+    overflow-wrap: break-word;
+
+    // When forced colour mode is active, for example to provide high contrast,
+    // the background colour of the tag is the same as the rest of the page. To
+    // ensure that the tag is perceived as separate from any surround text, it
+    // is made bold.
+    //
+    // Transparent outlines are no longer added, as they make the Tag look
+    // indistinguishable from a button – but the tag is not interactive in the
+    // same way.
+    @media screen and (forced-colors: active) {
+      font-weight: bold;
+    }
+  }
+
+  .govuk-tag--grey {
+    color: govuk-shade(govuk-colour("dark-grey"), 50%);
+    background-color: govuk-tint(govuk-colour("dark-grey"), 85%);
+  }
+
+  .govuk-tag--purple {
+    color: govuk-shade(govuk-colour("bright-purple"), 50%);
+    background-color: govuk-tint(govuk-colour("bright-purple"), 85%);
+  }
+
+  .govuk-tag--turquoise {
+    color: govuk-shade(govuk-colour("turquoise"), 60%);
+    background-color: govuk-tint(govuk-colour("turquoise"), 80%);
+  }
+
+  .govuk-tag--blue {
+    color: govuk-shade(govuk-colour("blue"), 60%);
+    background-color: govuk-tint(govuk-colour("blue"), 70%);
+  }
+
+  .govuk-tag--light-blue {
+    color: govuk-shade(govuk-colour("blue"), 60%);
+    background-color: govuk-tint(govuk-colour("blue"), 90%);
+  }
+
+  .govuk-tag--yellow {
+    color: govuk-shade(govuk-colour("yellow"), 65%);
+    background-color: govuk-tint(govuk-colour("yellow"), 75%);
+  }
+
+  .govuk-tag--orange {
+    color: govuk-shade(govuk-colour("orange"), 55%);
+    background-color: govuk-tint(govuk-colour("orange"), 70%);
+  }
+
+  .govuk-tag--red {
+    color: govuk-shade(govuk-colour("red"), 80%);
+    background-color: govuk-tint(govuk-colour("red"), 75%);
+  }
+
+  .govuk-tag--pink {
+    color: govuk-shade(govuk-colour("pink"), 50%);
+    background-color: govuk-tint(govuk-colour("pink"), 85%);
+  }
+
+  .govuk-tag--green {
+    color: govuk-shade(govuk-colour("green"), 20%);
+    background-color: govuk-tint(govuk-colour("green"), 80%);
+  }
+}
+
+/*# sourceMappingURL=_index.scss.map */
diff --git a/app/templates/govuk/components/tag/_index.scss.map b/app/templates/govuk/components/tag/_index.scss.map
new file mode 100644
index 0000000..2b02700
--- /dev/null
+++ b/app/templates/govuk/components/tag/_index.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/tag/_index.scss"],"names":[],"mappings":"AAAA;EACE,qHAAqH;;EAErH;IACE,8BAA8B;;IAE9B,qBAAqB;;IAErB,0EAA0E;IAC1E,uEAAuE;IACvE,0EAA0E;IAC1E,wBAAwB;IACxB,+BAA+B;;IAE/B,0EAA0E;IAC1E,2EAA2E;IAC3E,sDAAsD;IACtD,CAAC;IACD,2EAA2E;IAC3E,QAAQ;IACR,gBAAgB;IAChB,mBAAmB;;IAEnB,gBAAgB;IAChB,kBAAkB;IAClB,mBAAmB;IACnB,iBAAiB;IACjB,6CAA6C;IAC7C,uDAAuD;IACvD,qBAAqB;IACrB,yBAAyB;;IAEzB,0EAA0E;IAC1E,0EAA0E;IAC1E,yEAAyE;IACzE,eAAe;IACf,CAAC;IACD,qEAAqE;IACrE,yEAAyE;IACzE,WAAW;IACX;MACE,iBAAiB;IACnB;EACF;;EAEA;IACE,kDAAkD;IAClD,4DAA4D;EAC9D;;EAEA;IACE,sDAAsD;IACtD,gEAAgE;EAClE;;EAEA;IACE,kDAAkD;IAClD,4DAA4D;EAC9D;;EAEA;IACE,6CAA6C;IAC7C,uDAAuD;EACzD;;EAEA;IACE,6CAA6C;IAC7C,uDAAuD;EACzD;;EAEA;IACE,+CAA+C;IAC/C,yDAAyD;EAC3D;;EAEA;IACE,+CAA+C;IAC/C,yDAAyD;EAC3D;;EAEA;IACE,4CAA4C;IAC5C,sDAAsD;EACxD;;EAEA;IACE,6CAA6C;IAC7C,uDAAuD;EACzD;;EAEA;IACE,8CAA8C;IAC9C,wDAAwD;EAC1D;AACF","file":"_index.scss","sourcesContent":["@include govuk-exports(\"govuk/component/tag\") {\n  $govuk-tag-max-width: if(map-has-key($govuk-breakpoints, \"mobile\"), map-get($govuk-breakpoints, \"mobile\") / 2, 160px);\n\n  .govuk-tag {\n    @include govuk-font($size: 19);\n\n    display: inline-block;\n\n    // set a max-width along with overflow-wrap: break-word below for instances\n    // where a tag has a single long word and could overflow its boundaries.\n    // The max-width is necessary as break-word requires a bounding box to base\n    // where to break off of.\n    max-width: $govuk-tag-max-width;\n\n    // These negative margins make sure that the tag component doesn’t increase\n    // the size of its container. Otherwise, for example, a table row containing\n    // a tag will be taller than one containing plain text.\n    //\n    // The negative margin added to the top and bottom matches the extra padding\n    // added.\n    margin-top: -2px;\n    margin-bottom: -3px;\n\n    padding-top: 2px;\n    padding-right: 8px;\n    padding-bottom: 3px;\n    padding-left: 8px;\n    color: govuk-shade(govuk-colour(\"blue\"), 60%);\n    background-color: govuk-tint(govuk-colour(\"blue\"), 70%);\n    text-decoration: none;\n    overflow-wrap: break-word;\n\n    // When forced colour mode is active, for example to provide high contrast,\n    // the background colour of the tag is the same as the rest of the page. To\n    // ensure that the tag is perceived as separate from any surround text, it\n    // is made bold.\n    //\n    // Transparent outlines are no longer added, as they make the Tag look\n    // indistinguishable from a button – but the tag is not interactive in the\n    // same way.\n    @media screen and (forced-colors: active) {\n      font-weight: bold;\n    }\n  }\n\n  .govuk-tag--grey {\n    color: govuk-shade(govuk-colour(\"dark-grey\"), 50%);\n    background-color: govuk-tint(govuk-colour(\"dark-grey\"), 85%);\n  }\n\n  .govuk-tag--purple {\n    color: govuk-shade(govuk-colour(\"bright-purple\"), 50%);\n    background-color: govuk-tint(govuk-colour(\"bright-purple\"), 85%);\n  }\n\n  .govuk-tag--turquoise {\n    color: govuk-shade(govuk-colour(\"turquoise\"), 60%);\n    background-color: govuk-tint(govuk-colour(\"turquoise\"), 80%);\n  }\n\n  .govuk-tag--blue {\n    color: govuk-shade(govuk-colour(\"blue\"), 60%);\n    background-color: govuk-tint(govuk-colour(\"blue\"), 70%);\n  }\n\n  .govuk-tag--light-blue {\n    color: govuk-shade(govuk-colour(\"blue\"), 60%);\n    background-color: govuk-tint(govuk-colour(\"blue\"), 90%);\n  }\n\n  .govuk-tag--yellow {\n    color: govuk-shade(govuk-colour(\"yellow\"), 65%);\n    background-color: govuk-tint(govuk-colour(\"yellow\"), 75%);\n  }\n\n  .govuk-tag--orange {\n    color: govuk-shade(govuk-colour(\"orange\"), 55%);\n    background-color: govuk-tint(govuk-colour(\"orange\"), 70%);\n  }\n\n  .govuk-tag--red {\n    color: govuk-shade(govuk-colour(\"red\"), 80%);\n    background-color: govuk-tint(govuk-colour(\"red\"), 75%);\n  }\n\n  .govuk-tag--pink {\n    color: govuk-shade(govuk-colour(\"pink\"), 50%);\n    background-color: govuk-tint(govuk-colour(\"pink\"), 85%);\n  }\n\n  .govuk-tag--green {\n    color: govuk-shade(govuk-colour(\"green\"), 20%);\n    background-color: govuk-tint(govuk-colour(\"green\"), 80%);\n  }\n}\n"]}
diff --git a/app/templates/govuk/components/tag/_tag.scss b/app/templates/govuk/components/tag/_tag.scss
new file mode 100644
index 0000000..4ffe969
--- /dev/null
+++ b/app/templates/govuk/components/tag/_tag.scss
@@ -0,0 +1,4 @@
+@import "../../base";
+@import "./index";
+
+/*# sourceMappingURL=_tag.scss.map */
diff --git a/app/templates/govuk/components/tag/_tag.scss.map b/app/templates/govuk/components/tag/_tag.scss.map
new file mode 100644
index 0000000..e223a7b
--- /dev/null
+++ b/app/templates/govuk/components/tag/_tag.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/tag/_tag.scss"],"names":[],"mappings":"AAAA,oBAAoB;AACpB,iBAAiB","file":"_tag.scss","sourcesContent":["@import \"../../base\";\n@import \"./index\";\n"]}
diff --git a/app/templates/govuk/components/tag/fixtures.json b/app/templates/govuk/components/tag/fixtures.json
new file mode 100644
index 0000000..a5d6486
--- /dev/null
+++ b/app/templates/govuk/components/tag/fixtures.json
@@ -0,0 +1,161 @@
+{
+    "component": "tag",
+    "fixtures": [
+        {
+            "name": "default",
+            "options": {
+                "text": "Alpha"
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": true,
+            "html": "<strong class=\"govuk-tag\">\n  Alpha\n</strong>"
+        },
+        {
+            "name": "grey",
+            "options": {
+                "text": "Grey",
+                "classes": "govuk-tag--grey"
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<strong class=\"govuk-tag govuk-tag--grey\">\n  Grey\n</strong>"
+        },
+        {
+            "name": "light blue",
+            "options": {
+                "text": "Light blue",
+                "classes": "govuk-tag--light-blue"
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<strong class=\"govuk-tag govuk-tag--light-blue\">\n  Light blue\n</strong>"
+        },
+        {
+            "name": "turquoise",
+            "options": {
+                "text": "Turquoise",
+                "classes": "govuk-tag--turquoise"
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<strong class=\"govuk-tag govuk-tag--turquoise\">\n  Turquoise\n</strong>"
+        },
+        {
+            "name": "green",
+            "options": {
+                "text": "Green",
+                "classes": "govuk-tag--green"
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<strong class=\"govuk-tag govuk-tag--green\">\n  Green\n</strong>"
+        },
+        {
+            "name": "purple",
+            "options": {
+                "text": "Purple",
+                "classes": "govuk-tag--purple"
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<strong class=\"govuk-tag govuk-tag--purple\">\n  Purple\n</strong>"
+        },
+        {
+            "name": "pink",
+            "options": {
+                "text": "Pink",
+                "classes": "govuk-tag--pink"
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<strong class=\"govuk-tag govuk-tag--pink\">\n  Pink\n</strong>"
+        },
+        {
+            "name": "red",
+            "options": {
+                "text": "Red",
+                "classes": "govuk-tag--red"
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<strong class=\"govuk-tag govuk-tag--red\">\n  Red\n</strong>"
+        },
+        {
+            "name": "orange",
+            "options": {
+                "text": "Orange",
+                "classes": "govuk-tag--orange"
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<strong class=\"govuk-tag govuk-tag--orange\">\n  Orange\n</strong>"
+        },
+        {
+            "name": "yellow",
+            "options": {
+                "text": "Yellow",
+                "classes": "govuk-tag--yellow"
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<strong class=\"govuk-tag govuk-tag--yellow\">\n  Yellow\n</strong>"
+        },
+        {
+            "name": "attributes",
+            "options": {
+                "text": "Tag with attributes",
+                "attributes": {
+                    "data-test": "attribute",
+                    "id": "my-tag"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<strong class=\"govuk-tag\" data-test=\"attribute\" id=\"my-tag\">\n  Tag with attributes\n</strong>"
+        },
+        {
+            "name": "html as text",
+            "options": {
+                "text": "<span>Alpha</span>"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<strong class=\"govuk-tag\">\n  &lt;span&gt;Alpha&lt;/span&gt;\n</strong>"
+        },
+        {
+            "name": "html",
+            "options": {
+                "html": "<span>Alpha</span>"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<strong class=\"govuk-tag\">\n  <span>Alpha</span>\n</strong>"
+        }
+    ]
+}
diff --git a/app/templates/govuk/components/tag/macro-options.json b/app/templates/govuk/components/tag/macro-options.json
new file mode 100644
index 0000000..0a8cbe1
--- /dev/null
+++ b/app/templates/govuk/components/tag/macro-options.json
@@ -0,0 +1,26 @@
+[
+    {
+        "name": "text",
+        "type": "string",
+        "required": true,
+        "description": "If `html` is set, this is not required. Text to use within the tag component. If `html` is provided, the `text` option will be ignored."
+    },
+    {
+        "name": "html",
+        "type": "string",
+        "required": true,
+        "description": "If `text` is set, this is not required. HTML to use within the tag component. If `html` is provided, the `text` option will be ignored."
+    },
+    {
+        "name": "classes",
+        "type": "string",
+        "required": false,
+        "description": "Classes to add to the tag."
+    },
+    {
+        "name": "attributes",
+        "type": "object",
+        "required": false,
+        "description": "HTML attributes (for example data attributes) to add to the tag."
+    }
+]
diff --git a/app/templates/govuk/components/tag/macro.njk b/app/templates/govuk/components/tag/macro.njk
new file mode 100644
index 0000000..0c7362e
--- /dev/null
+++ b/app/templates/govuk/components/tag/macro.njk
@@ -0,0 +1,3 @@
+{% macro govukTag(params) %}
+  {%- include "./template.njk" -%}
+{% endmacro %}
diff --git a/app/templates/govuk/components/tag/template-default.html b/app/templates/govuk/components/tag/template-default.html
new file mode 100644
index 0000000..6322be0
--- /dev/null
+++ b/app/templates/govuk/components/tag/template-default.html
@@ -0,0 +1,3 @@
+<strong class="govuk-tag">
+  Alpha
+</strong>
diff --git a/app/templates/govuk/components/tag/template-green.html b/app/templates/govuk/components/tag/template-green.html
new file mode 100644
index 0000000..9335068
--- /dev/null
+++ b/app/templates/govuk/components/tag/template-green.html
@@ -0,0 +1,3 @@
+<strong class="govuk-tag govuk-tag--green">
+  Green
+</strong>
diff --git a/app/templates/govuk/components/tag/template-grey.html b/app/templates/govuk/components/tag/template-grey.html
new file mode 100644
index 0000000..fe017b2
--- /dev/null
+++ b/app/templates/govuk/components/tag/template-grey.html
@@ -0,0 +1,3 @@
+<strong class="govuk-tag govuk-tag--grey">
+  Grey
+</strong>
diff --git a/app/templates/govuk/components/tag/template-light-blue.html b/app/templates/govuk/components/tag/template-light-blue.html
new file mode 100644
index 0000000..d2ccd63
--- /dev/null
+++ b/app/templates/govuk/components/tag/template-light-blue.html
@@ -0,0 +1,3 @@
+<strong class="govuk-tag govuk-tag--light-blue">
+  Light blue
+</strong>
diff --git a/app/templates/govuk/components/tag/template-orange.html b/app/templates/govuk/components/tag/template-orange.html
new file mode 100644
index 0000000..e582e48
--- /dev/null
+++ b/app/templates/govuk/components/tag/template-orange.html
@@ -0,0 +1,3 @@
+<strong class="govuk-tag govuk-tag--orange">
+  Orange
+</strong>
diff --git a/app/templates/govuk/components/tag/template-pink.html b/app/templates/govuk/components/tag/template-pink.html
new file mode 100644
index 0000000..fe2c70b
--- /dev/null
+++ b/app/templates/govuk/components/tag/template-pink.html
@@ -0,0 +1,3 @@
+<strong class="govuk-tag govuk-tag--pink">
+  Pink
+</strong>
diff --git a/app/templates/govuk/components/tag/template-purple.html b/app/templates/govuk/components/tag/template-purple.html
new file mode 100644
index 0000000..8a8b28d
--- /dev/null
+++ b/app/templates/govuk/components/tag/template-purple.html
@@ -0,0 +1,3 @@
+<strong class="govuk-tag govuk-tag--purple">
+  Purple
+</strong>
diff --git a/app/templates/govuk/components/tag/template-red.html b/app/templates/govuk/components/tag/template-red.html
new file mode 100644
index 0000000..b75b156
--- /dev/null
+++ b/app/templates/govuk/components/tag/template-red.html
@@ -0,0 +1,3 @@
+<strong class="govuk-tag govuk-tag--red">
+  Red
+</strong>
diff --git a/app/templates/govuk/components/tag/template-turquoise.html b/app/templates/govuk/components/tag/template-turquoise.html
new file mode 100644
index 0000000..df9b83a
--- /dev/null
+++ b/app/templates/govuk/components/tag/template-turquoise.html
@@ -0,0 +1,3 @@
+<strong class="govuk-tag govuk-tag--turquoise">
+  Turquoise
+</strong>
diff --git a/app/templates/govuk/components/tag/template-yellow.html b/app/templates/govuk/components/tag/template-yellow.html
new file mode 100644
index 0000000..9c7a142
--- /dev/null
+++ b/app/templates/govuk/components/tag/template-yellow.html
@@ -0,0 +1,3 @@
+<strong class="govuk-tag govuk-tag--yellow">
+  Yellow
+</strong>
diff --git a/app/templates/govuk/components/tag/template.njk b/app/templates/govuk/components/tag/template.njk
new file mode 100644
index 0000000..7a66f32
--- /dev/null
+++ b/app/templates/govuk/components/tag/template.njk
@@ -0,0 +1,6 @@
+{% from "../../macros/attributes.njk" import govukAttributes -%}
+
+<strong class="govuk-tag {%- if params.classes %} {{ params.classes }}{% endif %}"
+  {{- govukAttributes(params.attributes) }}>
+  {{ params.html | safe | trim | indent(2) if params.html else params.text }}
+</strong>
diff --git a/app/templates/govuk/components/task-list/README.md b/app/templates/govuk/components/task-list/README.md
new file mode 100644
index 0000000..042e52d
--- /dev/null
+++ b/app/templates/govuk/components/task-list/README.md
@@ -0,0 +1,15 @@
+# Task list
+
+## Installation
+
+See the [main README quick start guide](https://github.com/alphagov/govuk-frontend#quick-start) for how to install this component.
+
+## Guidance and Examples
+
+Find out when to use the task list component in your service in the [GOV.UK Design System](https://design-system.service.gov.uk/components/task-list).
+
+## Component options
+
+Use options to customise the appearance, content and behaviour of a component when using a macro, for example, changing the text.
+
+See [options table](https://design-system.service.gov.uk/components/task-list/#options-task-list-example) for details.
diff --git a/app/templates/govuk/components/task-list/_index.scss b/app/templates/govuk/components/task-list/_index.scss
new file mode 100644
index 0000000..c0095c4
--- /dev/null
+++ b/app/templates/govuk/components/task-list/_index.scss
@@ -0,0 +1,79 @@
+@import "../tag/index";
+
+@include govuk-exports("govuk/component/task-list") {
+  $govuk-task-list-hover-colour: govuk-colour("light-grey");
+
+  .govuk-task-list {
+    @include govuk-font($size: 19);
+    margin-top: 0;
+    @include govuk-responsive-margin(6, "bottom");
+    padding: 0;
+    list-style-type: none;
+  }
+
+  // This uses table layout so that the task name and status always appear
+  // side-by-side, with the width of each 'column' being flexible depending upon
+  // the length of the task names and statuses.
+  //
+  // The position is set to 'relative' so than an absolutely-positioned
+  // transparent element box can be added within the link so that the whole row
+  // can be clickable.
+  .govuk-task-list__item {
+    display: table;
+    position: relative;
+    width: 100%;
+    margin-bottom: 0;
+    padding-top: govuk-spacing(2);
+    padding-bottom: govuk-spacing(2);
+    border-bottom: 1px solid $govuk-border-colour;
+  }
+
+  .govuk-task-list__item:first-child {
+    border-top: 1px solid $govuk-border-colour;
+  }
+
+  // This class is added to the <li> elements where the task name is a link. The
+  // background hover colour is added to help indicate that the whole row is
+  // clickable, rather than just the visible link text.
+  .govuk-task-list__item--with-link:hover {
+    background: $govuk-task-list-hover-colour;
+  }
+
+  .govuk-task-list__name-and-hint {
+    display: table-cell;
+    vertical-align: top;
+    @include govuk-text-colour;
+  }
+
+  .govuk-task-list__status {
+    display: table-cell;
+    padding-left: govuk-spacing(2);
+    text-align: right;
+    vertical-align: top;
+    @include govuk-text-colour;
+  }
+
+  .govuk-task-list__status--cannot-start-yet {
+    color: $govuk-secondary-text-colour;
+  }
+
+  // This adds an empty transparent box covering the whole row, including the
+  // task status and any hint text. Because this is generated within the link
+  // element, this allows the whole area to be clickable.
+  .govuk-task-list__link::after {
+    content: "";
+    display: block;
+    position: absolute;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+  }
+
+  .govuk-task-list__hint {
+    margin-top: govuk-spacing(1);
+    color: $govuk-secondary-text-colour;
+  }
+}
+
+/*# sourceMappingURL=_index.scss.map */
diff --git a/app/templates/govuk/components/task-list/_index.scss.map b/app/templates/govuk/components/task-list/_index.scss.map
new file mode 100644
index 0000000..30af20b
--- /dev/null
+++ b/app/templates/govuk/components/task-list/_index.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/task-list/_index.scss"],"names":[],"mappings":"AAAA,sBAAsB;;AAEtB;EACE,yDAAyD;;EAEzD;IACE,8BAA8B;IAC9B,aAAa;IACb,6CAA6C;IAC7C,UAAU;IACV,qBAAqB;EACvB;;EAEA,uEAAuE;EACvE,6EAA6E;EAC7E,4CAA4C;EAC5C,CAAC;EACD,oEAAoE;EACpE,4EAA4E;EAC5E,mBAAmB;EACnB;IACE,cAAc;IACd,kBAAkB;IAClB,WAAW;IACX,gBAAgB;IAChB,6BAA6B;IAC7B,gCAAgC;IAChC,6CAA6C;EAC/C;;EAEA;IACE,0CAA0C;EAC5C;;EAEA,6EAA6E;EAC7E,yEAAyE;EACzE,oDAAoD;EACpD;IACE,yCAAyC;EAC3C;;EAEA;IACE,mBAAmB;IACnB,mBAAmB;IACnB,0BAA0B;EAC5B;;EAEA;IACE,mBAAmB;IACnB,8BAA8B;IAC9B,iBAAiB;IACjB,mBAAmB;IACnB,0BAA0B;EAC5B;;EAEA;IACE,mCAAmC;EACrC;;EAEA,0EAA0E;EAC1E,0EAA0E;EAC1E,sDAAsD;EACtD;IACE,WAAW;IACX,cAAc;IACd,kBAAkB;IAClB,MAAM;IACN,QAAQ;IACR,SAAS;IACT,OAAO;EACT;;EAEA;IACE,4BAA4B;IAC5B,mCAAmC;EACrC;AACF","file":"_index.scss","sourcesContent":["@import \"../tag/index\";\n\n@include govuk-exports(\"govuk/component/task-list\") {\n  $govuk-task-list-hover-colour: govuk-colour(\"light-grey\");\n\n  .govuk-task-list {\n    @include govuk-font($size: 19);\n    margin-top: 0;\n    @include govuk-responsive-margin(6, \"bottom\");\n    padding: 0;\n    list-style-type: none;\n  }\n\n  // This uses table layout so that the task name and status always appear\n  // side-by-side, with the width of each 'column' being flexible depending upon\n  // the length of the task names and statuses.\n  //\n  // The position is set to 'relative' so than an absolutely-positioned\n  // transparent element box can be added within the link so that the whole row\n  // can be clickable.\n  .govuk-task-list__item {\n    display: table;\n    position: relative;\n    width: 100%;\n    margin-bottom: 0;\n    padding-top: govuk-spacing(2);\n    padding-bottom: govuk-spacing(2);\n    border-bottom: 1px solid $govuk-border-colour;\n  }\n\n  .govuk-task-list__item:first-child {\n    border-top: 1px solid $govuk-border-colour;\n  }\n\n  // This class is added to the <li> elements where the task name is a link. The\n  // background hover colour is added to help indicate that the whole row is\n  // clickable, rather than just the visible link text.\n  .govuk-task-list__item--with-link:hover {\n    background: $govuk-task-list-hover-colour;\n  }\n\n  .govuk-task-list__name-and-hint {\n    display: table-cell;\n    vertical-align: top;\n    @include govuk-text-colour;\n  }\n\n  .govuk-task-list__status {\n    display: table-cell;\n    padding-left: govuk-spacing(2);\n    text-align: right;\n    vertical-align: top;\n    @include govuk-text-colour;\n  }\n\n  .govuk-task-list__status--cannot-start-yet {\n    color: $govuk-secondary-text-colour;\n  }\n\n  // This adds an empty transparent box covering the whole row, including the\n  // task status and any hint text. Because this is generated within the link\n  // element, this allows the whole area to be clickable.\n  .govuk-task-list__link::after {\n    content: \"\";\n    display: block;\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n  }\n\n  .govuk-task-list__hint {\n    margin-top: govuk-spacing(1);\n    color: $govuk-secondary-text-colour;\n  }\n}\n"]}
diff --git a/app/templates/govuk/components/task-list/_task-list.scss b/app/templates/govuk/components/task-list/_task-list.scss
new file mode 100644
index 0000000..f88c502
--- /dev/null
+++ b/app/templates/govuk/components/task-list/_task-list.scss
@@ -0,0 +1,4 @@
+@import "../../base";
+@import "./index";
+
+/*# sourceMappingURL=_task-list.scss.map */
diff --git a/app/templates/govuk/components/task-list/_task-list.scss.map b/app/templates/govuk/components/task-list/_task-list.scss.map
new file mode 100644
index 0000000..bfb2ca9
--- /dev/null
+++ b/app/templates/govuk/components/task-list/_task-list.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/task-list/_task-list.scss"],"names":[],"mappings":"AAAA,oBAAoB;AACpB,iBAAiB","file":"_task-list.scss","sourcesContent":["@import \"../../base\";\n@import \"./index\";\n"]}
diff --git a/app/templates/govuk/components/task-list/fixtures.json b/app/templates/govuk/components/task-list/fixtures.json
new file mode 100644
index 0000000..fc95b55
--- /dev/null
+++ b/app/templates/govuk/components/task-list/fixtures.json
@@ -0,0 +1,529 @@
+{
+    "component": "task-list",
+    "fixtures": [
+        {
+            "name": "default",
+            "options": {
+                "items": [
+                    {
+                        "title": {
+                            "text": "Company Directors"
+                        },
+                        "href": "#",
+                        "status": {
+                            "text": "Completed"
+                        }
+                    },
+                    {
+                        "title": {
+                            "text": "Registered company details"
+                        },
+                        "href": "#",
+                        "status": {
+                            "tag": {
+                                "text": "Incomplete",
+                                "classes": "govuk-tag--blue"
+                            }
+                        }
+                    },
+                    {
+                        "title": {
+                            "text": "Business plan"
+                        },
+                        "href": "#",
+                        "status": {
+                            "tag": {
+                                "text": "Incomplete",
+                                "classes": "govuk-tag--blue"
+                            }
+                        }
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<ul class=\"govuk-task-list\">\n  <li class=\"govuk-task-list__item govuk-task-list__item--with-link\">\n    <div class=\"govuk-task-list__name-and-hint\">\n      <a class=\"govuk-link govuk-task-list__link\" href=\"#\" aria-describedby=\"task-list-1-status\">\n        Company Directors\n      </a>\n    </div>\n    <div class=\"govuk-task-list__status\" id=\"task-list-1-status\">\n      Completed\n    </div>\n  </li>\n  <li class=\"govuk-task-list__item govuk-task-list__item--with-link\">\n    <div class=\"govuk-task-list__name-and-hint\">\n      <a class=\"govuk-link govuk-task-list__link\" href=\"#\" aria-describedby=\"task-list-2-status\">\n        Registered company details\n      </a>\n    </div>\n    <div class=\"govuk-task-list__status\" id=\"task-list-2-status\">\n      <strong class=\"govuk-tag govuk-tag--blue\">\n        Incomplete\n      </strong>\n    </div>\n  </li>\n  <li class=\"govuk-task-list__item govuk-task-list__item--with-link\">\n    <div class=\"govuk-task-list__name-and-hint\">\n      <a class=\"govuk-link govuk-task-list__link\" href=\"#\" aria-describedby=\"task-list-3-status\">\n        Business plan\n      </a>\n    </div>\n    <div class=\"govuk-task-list__status\" id=\"task-list-3-status\">\n      <strong class=\"govuk-tag govuk-tag--blue\">\n        Incomplete\n      </strong>\n    </div>\n  </li>\n</ul>"
+        },
+        {
+            "name": "with hint text and additional states",
+            "options": {
+                "items": [
+                    {
+                        "title": {
+                            "text": "Company Directors"
+                        },
+                        "href": "#",
+                        "status": {
+                            "text": "Completed"
+                        }
+                    },
+                    {
+                        "title": {
+                            "text": "Registered company details"
+                        },
+                        "href": "#",
+                        "status": {
+                            "tag": {
+                                "text": "Not started",
+                                "classes": "govuk-tag--light-blue"
+                            }
+                        }
+                    },
+                    {
+                        "title": {
+                            "text": "Business plan"
+                        },
+                        "href": "#",
+                        "hint": {
+                            "text": "Ensure the plan covers objectives, strategies, sales, marketing and financial forecasts."
+                        },
+                        "status": {
+                            "tag": {
+                                "text": "Review",
+                                "classes": "govuk-tag--pink"
+                            }
+                        }
+                    },
+                    {
+                        "title": {
+                            "text": "Documentation"
+                        },
+                        "href": "#",
+                        "status": {
+                            "tag": {
+                                "text": "In progress",
+                                "classes": "govuk-tag--blue"
+                            }
+                        }
+                    },
+                    {
+                        "title": {
+                            "text": "Charitable status"
+                        },
+                        "href": "#",
+                        "status": {
+                            "tag": {
+                                "text": "Error",
+                                "classes": "govuk-tag--red"
+                            }
+                        }
+                    },
+                    {
+                        "title": {
+                            "text": "Payment"
+                        },
+                        "hint": {
+                            "text": "It will cost between £15 and £75"
+                        },
+                        "status": {
+                            "text": "Cannot start yet",
+                            "classes": "govuk-task-list__status--cannot-start-yet"
+                        }
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": true,
+            "html": "<ul class=\"govuk-task-list\">\n  <li class=\"govuk-task-list__item govuk-task-list__item--with-link\">\n    <div class=\"govuk-task-list__name-and-hint\">\n      <a class=\"govuk-link govuk-task-list__link\" href=\"#\" aria-describedby=\"task-list-1-status\">\n        Company Directors\n      </a>\n    </div>\n    <div class=\"govuk-task-list__status\" id=\"task-list-1-status\">\n      Completed\n    </div>\n  </li>\n  <li class=\"govuk-task-list__item govuk-task-list__item--with-link\">\n    <div class=\"govuk-task-list__name-and-hint\">\n      <a class=\"govuk-link govuk-task-list__link\" href=\"#\" aria-describedby=\"task-list-2-status\">\n        Registered company details\n      </a>\n    </div>\n    <div class=\"govuk-task-list__status\" id=\"task-list-2-status\">\n      <strong class=\"govuk-tag govuk-tag--light-blue\">\n        Not started\n      </strong>\n    </div>\n  </li>\n  <li class=\"govuk-task-list__item govuk-task-list__item--with-link\">\n    <div class=\"govuk-task-list__name-and-hint\">\n      <a class=\"govuk-link govuk-task-list__link\" href=\"#\" aria-describedby=\"task-list-3-hint task-list-3-status\">\n        Business plan\n      </a>\n      <div id=\"task-list-3-hint\" class=\"govuk-task-list__hint\">\n        Ensure the plan covers objectives, strategies, sales, marketing and financial forecasts.\n      </div>\n    </div>\n    <div class=\"govuk-task-list__status\" id=\"task-list-3-status\">\n      <strong class=\"govuk-tag govuk-tag--pink\">\n        Review\n      </strong>\n    </div>\n  </li>\n  <li class=\"govuk-task-list__item govuk-task-list__item--with-link\">\n    <div class=\"govuk-task-list__name-and-hint\">\n      <a class=\"govuk-link govuk-task-list__link\" href=\"#\" aria-describedby=\"task-list-4-status\">\n        Documentation\n      </a>\n    </div>\n    <div class=\"govuk-task-list__status\" id=\"task-list-4-status\">\n      <strong class=\"govuk-tag govuk-tag--blue\">\n        In progress\n      </strong>\n    </div>\n  </li>\n  <li class=\"govuk-task-list__item govuk-task-list__item--with-link\">\n    <div class=\"govuk-task-list__name-and-hint\">\n      <a class=\"govuk-link govuk-task-list__link\" href=\"#\" aria-describedby=\"task-list-5-status\">\n        Charitable status\n      </a>\n    </div>\n    <div class=\"govuk-task-list__status\" id=\"task-list-5-status\">\n      <strong class=\"govuk-tag govuk-tag--red\">\n        Error\n      </strong>\n    </div>\n  </li>\n  <li class=\"govuk-task-list__item\">\n    <div class=\"govuk-task-list__name-and-hint\">\n      <div>\n        Payment\n      </div>\n      <div id=\"task-list-6-hint\" class=\"govuk-task-list__hint\">\n        It will cost between £15 and £75\n      </div>\n    </div>\n    <div class=\"govuk-task-list__status govuk-task-list__status--cannot-start-yet\" id=\"task-list-6-status\">\n      Cannot start yet\n    </div>\n  </li>\n</ul>"
+        },
+        {
+            "name": "with all possible colours",
+            "options": {
+                "items": [
+                    {
+                        "title": {
+                            "text": "Task A"
+                        },
+                        "href": "#",
+                        "status": {
+                            "text": "Text colour"
+                        }
+                    },
+                    {
+                        "title": {
+                            "text": "Task B"
+                        },
+                        "href": "#",
+                        "status": {
+                            "text": "Secondary text colour",
+                            "classes": "govuk-task-list__status--cannot-start-yet"
+                        }
+                    },
+                    {
+                        "title": {
+                            "text": "Task C"
+                        },
+                        "href": "#",
+                        "status": {
+                            "tag": {
+                                "text": "Grey",
+                                "classes": "govuk-tag--grey"
+                            }
+                        }
+                    },
+                    {
+                        "title": {
+                            "text": "Task D"
+                        },
+                        "href": "#",
+                        "status": {
+                            "tag": {
+                                "text": "Blue",
+                                "classes": "govuk-tag--blue"
+                            }
+                        }
+                    },
+                    {
+                        "title": {
+                            "text": "Task E"
+                        },
+                        "href": "#",
+                        "status": {
+                            "tag": {
+                                "text": "Light blue",
+                                "classes": "govuk-tag--light-blue"
+                            }
+                        }
+                    },
+                    {
+                        "title": {
+                            "text": "Task F"
+                        },
+                        "href": "#",
+                        "status": {
+                            "tag": {
+                                "text": "Turquoise",
+                                "classes": "govuk-tag--turquoise"
+                            }
+                        }
+                    },
+                    {
+                        "title": {
+                            "text": "Task G"
+                        },
+                        "href": "#",
+                        "status": {
+                            "tag": {
+                                "text": "Green",
+                                "classes": "govuk-tag--green"
+                            }
+                        }
+                    },
+                    {
+                        "title": {
+                            "text": "Task H"
+                        },
+                        "href": "#",
+                        "status": {
+                            "tag": {
+                                "text": "Purple",
+                                "classes": "govuk-tag--purple"
+                            }
+                        }
+                    },
+                    {
+                        "title": {
+                            "text": "Task I"
+                        },
+                        "href": "#",
+                        "status": {
+                            "tag": {
+                                "text": "Pink",
+                                "classes": "govuk-tag--pink"
+                            }
+                        }
+                    },
+                    {
+                        "title": {
+                            "text": "Task J"
+                        },
+                        "href": "#",
+                        "status": {
+                            "tag": {
+                                "text": "Red",
+                                "classes": "govuk-tag--red"
+                            }
+                        }
+                    },
+                    {
+                        "title": {
+                            "text": "Task K"
+                        },
+                        "href": "#",
+                        "status": {
+                            "tag": {
+                                "text": "Orange",
+                                "classes": "govuk-tag--orange"
+                            }
+                        }
+                    },
+                    {
+                        "title": {
+                            "text": "Task L"
+                        },
+                        "href": "#",
+                        "status": {
+                            "tag": {
+                                "text": "Yellow",
+                                "classes": "govuk-tag--yellow"
+                            }
+                        }
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<ul class=\"govuk-task-list\">\n  <li class=\"govuk-task-list__item govuk-task-list__item--with-link\">\n    <div class=\"govuk-task-list__name-and-hint\">\n      <a class=\"govuk-link govuk-task-list__link\" href=\"#\" aria-describedby=\"task-list-1-status\">\n        Task A\n      </a>\n    </div>\n    <div class=\"govuk-task-list__status\" id=\"task-list-1-status\">\n      Text colour\n    </div>\n  </li>\n  <li class=\"govuk-task-list__item govuk-task-list__item--with-link\">\n    <div class=\"govuk-task-list__name-and-hint\">\n      <a class=\"govuk-link govuk-task-list__link\" href=\"#\" aria-describedby=\"task-list-2-status\">\n        Task B\n      </a>\n    </div>\n    <div class=\"govuk-task-list__status govuk-task-list__status--cannot-start-yet\" id=\"task-list-2-status\">\n      Secondary text colour\n    </div>\n  </li>\n  <li class=\"govuk-task-list__item govuk-task-list__item--with-link\">\n    <div class=\"govuk-task-list__name-and-hint\">\n      <a class=\"govuk-link govuk-task-list__link\" href=\"#\" aria-describedby=\"task-list-3-status\">\n        Task C\n      </a>\n    </div>\n    <div class=\"govuk-task-list__status\" id=\"task-list-3-status\">\n      <strong class=\"govuk-tag govuk-tag--grey\">\n        Grey\n      </strong>\n    </div>\n  </li>\n  <li class=\"govuk-task-list__item govuk-task-list__item--with-link\">\n    <div class=\"govuk-task-list__name-and-hint\">\n      <a class=\"govuk-link govuk-task-list__link\" href=\"#\" aria-describedby=\"task-list-4-status\">\n        Task D\n      </a>\n    </div>\n    <div class=\"govuk-task-list__status\" id=\"task-list-4-status\">\n      <strong class=\"govuk-tag govuk-tag--blue\">\n        Blue\n      </strong>\n    </div>\n  </li>\n  <li class=\"govuk-task-list__item govuk-task-list__item--with-link\">\n    <div class=\"govuk-task-list__name-and-hint\">\n      <a class=\"govuk-link govuk-task-list__link\" href=\"#\" aria-describedby=\"task-list-5-status\">\n        Task E\n      </a>\n    </div>\n    <div class=\"govuk-task-list__status\" id=\"task-list-5-status\">\n      <strong class=\"govuk-tag govuk-tag--light-blue\">\n        Light blue\n      </strong>\n    </div>\n  </li>\n  <li class=\"govuk-task-list__item govuk-task-list__item--with-link\">\n    <div class=\"govuk-task-list__name-and-hint\">\n      <a class=\"govuk-link govuk-task-list__link\" href=\"#\" aria-describedby=\"task-list-6-status\">\n        Task F\n      </a>\n    </div>\n    <div class=\"govuk-task-list__status\" id=\"task-list-6-status\">\n      <strong class=\"govuk-tag govuk-tag--turquoise\">\n        Turquoise\n      </strong>\n    </div>\n  </li>\n  <li class=\"govuk-task-list__item govuk-task-list__item--with-link\">\n    <div class=\"govuk-task-list__name-and-hint\">\n      <a class=\"govuk-link govuk-task-list__link\" href=\"#\" aria-describedby=\"task-list-7-status\">\n        Task G\n      </a>\n    </div>\n    <div class=\"govuk-task-list__status\" id=\"task-list-7-status\">\n      <strong class=\"govuk-tag govuk-tag--green\">\n        Green\n      </strong>\n    </div>\n  </li>\n  <li class=\"govuk-task-list__item govuk-task-list__item--with-link\">\n    <div class=\"govuk-task-list__name-and-hint\">\n      <a class=\"govuk-link govuk-task-list__link\" href=\"#\" aria-describedby=\"task-list-8-status\">\n        Task H\n      </a>\n    </div>\n    <div class=\"govuk-task-list__status\" id=\"task-list-8-status\">\n      <strong class=\"govuk-tag govuk-tag--purple\">\n        Purple\n      </strong>\n    </div>\n  </li>\n  <li class=\"govuk-task-list__item govuk-task-list__item--with-link\">\n    <div class=\"govuk-task-list__name-and-hint\">\n      <a class=\"govuk-link govuk-task-list__link\" href=\"#\" aria-describedby=\"task-list-9-status\">\n        Task I\n      </a>\n    </div>\n    <div class=\"govuk-task-list__status\" id=\"task-list-9-status\">\n      <strong class=\"govuk-tag govuk-tag--pink\">\n        Pink\n      </strong>\n    </div>\n  </li>\n  <li class=\"govuk-task-list__item govuk-task-list__item--with-link\">\n    <div class=\"govuk-task-list__name-and-hint\">\n      <a class=\"govuk-link govuk-task-list__link\" href=\"#\" aria-describedby=\"task-list-10-status\">\n        Task J\n      </a>\n    </div>\n    <div class=\"govuk-task-list__status\" id=\"task-list-10-status\">\n      <strong class=\"govuk-tag govuk-tag--red\">\n        Red\n      </strong>\n    </div>\n  </li>\n  <li class=\"govuk-task-list__item govuk-task-list__item--with-link\">\n    <div class=\"govuk-task-list__name-and-hint\">\n      <a class=\"govuk-link govuk-task-list__link\" href=\"#\" aria-describedby=\"task-list-11-status\">\n        Task K\n      </a>\n    </div>\n    <div class=\"govuk-task-list__status\" id=\"task-list-11-status\">\n      <strong class=\"govuk-tag govuk-tag--orange\">\n        Orange\n      </strong>\n    </div>\n  </li>\n  <li class=\"govuk-task-list__item govuk-task-list__item--with-link\">\n    <div class=\"govuk-task-list__name-and-hint\">\n      <a class=\"govuk-link govuk-task-list__link\" href=\"#\" aria-describedby=\"task-list-12-status\">\n        Task L\n      </a>\n    </div>\n    <div class=\"govuk-task-list__status\" id=\"task-list-12-status\">\n      <strong class=\"govuk-tag govuk-tag--yellow\">\n        Yellow\n      </strong>\n    </div>\n  </li>\n</ul>"
+        },
+        {
+            "name": "with very long single word tags",
+            "options": {
+                "items": [
+                    {
+                        "title": {
+                            "text": "Company Directors"
+                        },
+                        "href": "#",
+                        "status": {
+                            "text": "Completed"
+                        }
+                    },
+                    {
+                        "title": {
+                            "text": "Registered company details"
+                        },
+                        "href": "#",
+                        "status": {
+                            "tag": {
+                                "text": "Incomplete",
+                                "classes": "govuk-tag--blue"
+                            }
+                        }
+                    },
+                    {
+                        "title": {
+                            "text": "A very very very long Business plan"
+                        },
+                        "href": "#",
+                        "status": {
+                            "tag": {
+                                "text": "Thisisaverylongwaytosaythatsomethingisincomplete",
+                                "classes": "govuk-tag--blue"
+                            }
+                        }
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<ul class=\"govuk-task-list\">\n  <li class=\"govuk-task-list__item govuk-task-list__item--with-link\">\n    <div class=\"govuk-task-list__name-and-hint\">\n      <a class=\"govuk-link govuk-task-list__link\" href=\"#\" aria-describedby=\"task-list-1-status\">\n        Company Directors\n      </a>\n    </div>\n    <div class=\"govuk-task-list__status\" id=\"task-list-1-status\">\n      Completed\n    </div>\n  </li>\n  <li class=\"govuk-task-list__item govuk-task-list__item--with-link\">\n    <div class=\"govuk-task-list__name-and-hint\">\n      <a class=\"govuk-link govuk-task-list__link\" href=\"#\" aria-describedby=\"task-list-2-status\">\n        Registered company details\n      </a>\n    </div>\n    <div class=\"govuk-task-list__status\" id=\"task-list-2-status\">\n      <strong class=\"govuk-tag govuk-tag--blue\">\n        Incomplete\n      </strong>\n    </div>\n  </li>\n  <li class=\"govuk-task-list__item govuk-task-list__item--with-link\">\n    <div class=\"govuk-task-list__name-and-hint\">\n      <a class=\"govuk-link govuk-task-list__link\" href=\"#\" aria-describedby=\"task-list-3-status\">\n        A very very very long Business plan\n      </a>\n    </div>\n    <div class=\"govuk-task-list__status\" id=\"task-list-3-status\">\n      <strong class=\"govuk-tag govuk-tag--blue\">\n        Thisisaverylongwaytosaythatsomethingisincomplete\n      </strong>\n    </div>\n  </li>\n</ul>"
+        },
+        {
+            "name": "custom classes",
+            "options": {
+                "classes": "custom-class-on-component",
+                "items": [
+                    {
+                        "title": {
+                            "text": "A Link",
+                            "classes": "custom-class-on-linked-title"
+                        },
+                        "href": "#",
+                        "classes": "custom-class-on-task",
+                        "status": {
+                            "classes": "custom-class-on-status",
+                            "tag": {
+                                "text": "Status",
+                                "classes": "custom-class-on-tag"
+                            }
+                        }
+                    },
+                    {
+                        "title": {
+                            "text": "Not a link",
+                            "classes": "custom-class-on-unlinked-title"
+                        },
+                        "status": {
+                            "tag": {
+                                "text": "Status"
+                            }
+                        }
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<ul class=\"govuk-task-list custom-class-on-component\">\n  <li class=\"govuk-task-list__item govuk-task-list__item--with-link custom-class-on-task\">\n    <div class=\"govuk-task-list__name-and-hint\">\n      <a class=\"govuk-link govuk-task-list__link custom-class-on-linked-title\" href=\"#\" aria-describedby=\"task-list-1-status\">\n        A Link\n      </a>\n    </div>\n    <div class=\"govuk-task-list__status custom-class-on-status\" id=\"task-list-1-status\">\n      <strong class=\"govuk-tag custom-class-on-tag\">\n        Status\n      </strong>\n    </div>\n  </li>\n  <li class=\"govuk-task-list__item\">\n    <div class=\"govuk-task-list__name-and-hint\">\n      <div class=\"custom-class-on-unlinked-title\">\n        Not a link\n      </div>\n    </div>\n    <div class=\"govuk-task-list__status\" id=\"task-list-2-status\">\n      <strong class=\"govuk-tag\">\n        Status\n      </strong>\n    </div>\n  </li>\n</ul>"
+        },
+        {
+            "name": "custom attributes",
+            "options": {
+                "attributes": {
+                    "data-custom-attribute": "custom-value"
+                },
+                "items": [
+                    {
+                        "title": {
+                            "text": "A Link"
+                        },
+                        "href": "#",
+                        "status": {
+                            "tag": {
+                                "text": "Status",
+                                "attributes": {
+                                    "data-tag-attribute": "tag-value"
+                                }
+                            }
+                        }
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<ul class=\"govuk-task-list\" data-custom-attribute=\"custom-value\">\n  <li class=\"govuk-task-list__item govuk-task-list__item--with-link\">\n    <div class=\"govuk-task-list__name-and-hint\">\n      <a class=\"govuk-link govuk-task-list__link\" href=\"#\" aria-describedby=\"task-list-1-status\">\n        A Link\n      </a>\n    </div>\n    <div class=\"govuk-task-list__status\" id=\"task-list-1-status\">\n      <strong class=\"govuk-tag\" data-tag-attribute=\"tag-value\">\n        Status\n      </strong>\n    </div>\n  </li>\n</ul>"
+        },
+        {
+            "name": "custom id prefix",
+            "options": {
+                "idPrefix": "my-custom-id",
+                "items": [
+                    {
+                        "title": {
+                            "text": "A Link"
+                        },
+                        "hint": {
+                            "text": "Hint text"
+                        },
+                        "href": "#",
+                        "status": {
+                            "tag": {
+                                "text": "Status"
+                            }
+                        }
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<ul class=\"govuk-task-list\">\n  <li class=\"govuk-task-list__item govuk-task-list__item--with-link\">\n    <div class=\"govuk-task-list__name-and-hint\">\n      <a class=\"govuk-link govuk-task-list__link\" href=\"#\" aria-describedby=\"my-custom-id-1-hint my-custom-id-1-status\">\n        A Link\n      </a>\n      <div id=\"my-custom-id-1-hint\" class=\"govuk-task-list__hint\">\n        Hint text\n      </div>\n    </div>\n    <div class=\"govuk-task-list__status\" id=\"my-custom-id-1-status\">\n      <strong class=\"govuk-tag\">\n        Status\n      </strong>\n    </div>\n  </li>\n</ul>"
+        },
+        {
+            "name": "html passed as text",
+            "options": {
+                "idPrefix": "my-custom-id",
+                "items": [
+                    {
+                        "title": {
+                            "text": "<strong>Linked Title</strong>"
+                        },
+                        "hint": {
+                            "text": "<strong>Hint</strong>"
+                        },
+                        "href": "#",
+                        "status": {
+                            "text": "<strong>Status</strong>"
+                        }
+                    },
+                    {
+                        "title": {
+                            "text": "<strong>Unlinked Title</strong>"
+                        },
+                        "status": {
+                            "tag": {
+                                "text": "<strong>Tag</strong>"
+                            }
+                        }
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<ul class=\"govuk-task-list\">\n  <li class=\"govuk-task-list__item govuk-task-list__item--with-link\">\n    <div class=\"govuk-task-list__name-and-hint\">\n      <a class=\"govuk-link govuk-task-list__link\" href=\"#\" aria-describedby=\"my-custom-id-1-hint my-custom-id-1-status\">\n        &lt;strong&gt;Linked Title&lt;/strong&gt;\n      </a>\n      <div id=\"my-custom-id-1-hint\" class=\"govuk-task-list__hint\">\n        &lt;strong&gt;Hint&lt;/strong&gt;\n      </div>\n    </div>\n    <div class=\"govuk-task-list__status\" id=\"my-custom-id-1-status\">\n      &lt;strong&gt;Status&lt;/strong&gt;\n    </div>\n  </li>\n  <li class=\"govuk-task-list__item\">\n    <div class=\"govuk-task-list__name-and-hint\">\n      <div>\n        &lt;strong&gt;Unlinked Title&lt;/strong&gt;\n      </div>\n    </div>\n    <div class=\"govuk-task-list__status\" id=\"my-custom-id-2-status\">\n      <strong class=\"govuk-tag\">\n        &lt;strong&gt;Tag&lt;/strong&gt;\n      </strong>\n    </div>\n  </li>\n</ul>"
+        },
+        {
+            "name": "html",
+            "options": {
+                "idPrefix": "my-custom-id",
+                "items": [
+                    {
+                        "title": {
+                            "html": "<strong>Linked Title</strong>"
+                        },
+                        "hint": {
+                            "html": "<strong>Hint</strong>"
+                        },
+                        "href": "#",
+                        "status": {
+                            "html": "<strong>Status</strong>"
+                        }
+                    },
+                    {
+                        "title": {
+                            "html": "<strong>Unlinked Title</strong>"
+                        },
+                        "status": {
+                            "tag": {
+                                "html": "<strong>Tag</strong>"
+                            }
+                        }
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<ul class=\"govuk-task-list\">\n  <li class=\"govuk-task-list__item govuk-task-list__item--with-link\">\n    <div class=\"govuk-task-list__name-and-hint\">\n      <a class=\"govuk-link govuk-task-list__link\" href=\"#\" aria-describedby=\"my-custom-id-1-hint my-custom-id-1-status\">\n        <strong>Linked Title</strong>\n      </a>\n      <div id=\"my-custom-id-1-hint\" class=\"govuk-task-list__hint\">\n        <strong>Hint</strong>\n      </div>\n    </div>\n    <div class=\"govuk-task-list__status\" id=\"my-custom-id-1-status\">\n      <strong>Status</strong>\n    </div>\n  </li>\n  <li class=\"govuk-task-list__item\">\n    <div class=\"govuk-task-list__name-and-hint\">\n      <div>\n        <strong>Unlinked Title</strong>\n      </div>\n    </div>\n    <div class=\"govuk-task-list__status\" id=\"my-custom-id-2-status\">\n      <strong class=\"govuk-tag\">\n        <strong>Tag</strong>\n      </strong>\n    </div>\n  </li>\n</ul>"
+        },
+        {
+            "name": "with empty values",
+            "options": {
+                "items": [
+                    null,
+                    null,
+                    {
+                        "title": {
+                            "text": "Task A"
+                        },
+                        "href": "#",
+                        "status": {
+                            "text": "Completed"
+                        }
+                    },
+                    false,
+                    "",
+                    {
+                        "title": {
+                            "text": "Task B"
+                        },
+                        "href": "#",
+                        "status": {
+                            "text": "Completed"
+                        }
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<ul class=\"govuk-task-list\">\n\n\n  <li class=\"govuk-task-list__item govuk-task-list__item--with-link\">\n    <div class=\"govuk-task-list__name-and-hint\">\n      <a class=\"govuk-link govuk-task-list__link\" href=\"#\" aria-describedby=\"task-list-3-status\">\n        Task A\n      </a>\n    </div>\n    <div class=\"govuk-task-list__status\" id=\"task-list-3-status\">\n      Completed\n    </div>\n  </li>\n\n\n  <li class=\"govuk-task-list__item govuk-task-list__item--with-link\">\n    <div class=\"govuk-task-list__name-and-hint\">\n      <a class=\"govuk-link govuk-task-list__link\" href=\"#\" aria-describedby=\"task-list-6-status\">\n        Task B\n      </a>\n    </div>\n    <div class=\"govuk-task-list__status\" id=\"task-list-6-status\">\n      Completed\n    </div>\n  </li>\n</ul>"
+        }
+    ]
+}
diff --git a/app/templates/govuk/components/task-list/macro-options.json b/app/templates/govuk/components/task-list/macro-options.json
new file mode 100644
index 0000000..c016200
--- /dev/null
+++ b/app/templates/govuk/components/task-list/macro-options.json
@@ -0,0 +1,119 @@
+[
+    {
+        "name": "items",
+        "type": "array",
+        "required": true,
+        "description": "The items for each task within the task list component.",
+        "params": [
+            {
+                "name": "title",
+                "type": "object",
+                "required": true,
+                "description": "The main title for the task within the task list component.",
+                "params": [
+                    {
+                        "name": "text",
+                        "type": "string",
+                        "required": true,
+                        "description": "Text to use within the title. If `html` is provided, the `text` argument will be ignored."
+                    },
+                    {
+                        "name": "html",
+                        "type": "string",
+                        "required": true,
+                        "description": "HTML to use within the title. If `html` is provided, the `text` argument will be ignored."
+                    },
+                    {
+                        "name": "classes",
+                        "type": "string",
+                        "required": false,
+                        "description": "Classes to add to the title wrapper."
+                    }
+                ]
+            },
+            {
+                "name": "hint",
+                "type": "object",
+                "required": false,
+                "description": "Can be used to add a hint to each task within the task list component.",
+                "params": [
+                    {
+                        "name": "text",
+                        "type": "string",
+                        "required": true,
+                        "description": "Text to use within the hint. If `html` is provided, the `text` argument will be ignored."
+                    },
+                    {
+                        "name": "html",
+                        "type": "string",
+                        "required": true,
+                        "description": "HTML to use within the hint. If `html` is provided, the `text` argument will be ignored."
+                    }
+                ]
+            },
+            {
+                "name": "status",
+                "type": "object",
+                "required": true,
+                "description": "The status for each task within the task list component.",
+                "params": [
+                    {
+                        "name": "tag",
+                        "type": "object",
+                        "isComponent": true,
+                        "required": false,
+                        "description": "Can be used to add a tag to the status of the task within the task list component."
+                    },
+                    {
+                        "name": "text",
+                        "required": false,
+                        "type": "string",
+                        "description": "Text to use for the status, as an alternative to using a tag. If `html` or `tag` is provided, the `text` argument will be ignored."
+                    },
+                    {
+                        "name": "html",
+                        "required": false,
+                        "type": "string",
+                        "description": "HTML to use for the status, as an alternative to using a tag. If `html` or `tag` is provided, the `text` argument will be ignored."
+                    },
+                    {
+                        "name": "classes",
+                        "type": "string",
+                        "required": false,
+                        "description": "Classes to add to the status container."
+                    }
+                ]
+            },
+            {
+                "name": "href",
+                "type": "string",
+                "required": false,
+                "description": "The value of the link’s `href` attribute for the task list item."
+            },
+            {
+                "name": "classes",
+                "type": "string",
+                "required": false,
+                "description": "Classes to add to the item `div`."
+            }
+        ]
+    },
+    {
+        "name": "classes",
+        "type": "string",
+        "required": false,
+        "description": "Classes to add to the `ul` container for the task list."
+    },
+    {
+        "name": "attributes",
+        "type": "object",
+        "required": false,
+        "description": "HTML attributes (for example data attributes) to add to the `ul` container for the task list."
+    },
+    {
+        "name": "idPrefix",
+        "type": "string",
+        "required": false,
+        "description": "Optional prefix. This is used to prefix the `id` attribute for the task list item tag and hint, separated by `-`. Defaults to `\"task-list\"`."
+    }
+]
diff --git a/app/templates/govuk/components/task-list/macro.njk b/app/templates/govuk/components/task-list/macro.njk
new file mode 100644
index 0000000..abf049a
--- /dev/null
+++ b/app/templates/govuk/components/task-list/macro.njk
@@ -0,0 +1,3 @@
+{% macro govukTaskList(params) %}
+  {%- include "./template.njk" -%}
+{% endmacro %}
diff --git a/app/templates/govuk/components/task-list/template-default.html b/app/templates/govuk/components/task-list/template-default.html
new file mode 100644
index 0000000..339af36
--- /dev/null
+++ b/app/templates/govuk/components/task-list/template-default.html
@@ -0,0 +1,37 @@
+
+<ul class="govuk-task-list">
+  <li class="govuk-task-list__item govuk-task-list__item--with-link">
+    <div class="govuk-task-list__name-and-hint">
+      <a class="govuk-link govuk-task-list__link" href="#" aria-describedby="task-list-1-status">
+        Company Directors
+      </a>
+    </div>
+    <div class="govuk-task-list__status" id="task-list-1-status">
+      Completed
+    </div>
+  </li>
+  <li class="govuk-task-list__item govuk-task-list__item--with-link">
+    <div class="govuk-task-list__name-and-hint">
+      <a class="govuk-link govuk-task-list__link" href="#" aria-describedby="task-list-2-status">
+        Registered company details
+      </a>
+    </div>
+    <div class="govuk-task-list__status" id="task-list-2-status">
+      <strong class="govuk-tag govuk-tag--blue">
+        Incomplete
+      </strong>
+    </div>
+  </li>
+  <li class="govuk-task-list__item govuk-task-list__item--with-link">
+    <div class="govuk-task-list__name-and-hint">
+      <a class="govuk-link govuk-task-list__link" href="#" aria-describedby="task-list-3-status">
+        Business plan
+      </a>
+    </div>
+    <div class="govuk-task-list__status" id="task-list-3-status">
+      <strong class="govuk-tag govuk-tag--blue">
+        Incomplete
+      </strong>
+    </div>
+  </li>
+</ul>
diff --git a/app/templates/govuk/components/task-list/template-with-all-possible-colours.html b/app/templates/govuk/components/task-list/template-with-all-possible-colours.html
new file mode 100644
index 0000000..5fe8cae
--- /dev/null
+++ b/app/templates/govuk/components/task-list/template-with-all-possible-colours.html
@@ -0,0 +1,143 @@
+
+<ul class="govuk-task-list">
+  <li class="govuk-task-list__item govuk-task-list__item--with-link">
+    <div class="govuk-task-list__name-and-hint">
+      <a class="govuk-link govuk-task-list__link" href="#" aria-describedby="task-list-1-status">
+        Task A
+      </a>
+    </div>
+    <div class="govuk-task-list__status" id="task-list-1-status">
+      Text colour
+    </div>
+  </li>
+  <li class="govuk-task-list__item govuk-task-list__item--with-link">
+    <div class="govuk-task-list__name-and-hint">
+      <a class="govuk-link govuk-task-list__link" href="#" aria-describedby="task-list-2-status">
+        Task B
+      </a>
+    </div>
+    <div class="govuk-task-list__status govuk-task-list__status--cannot-start-yet" id="task-list-2-status">
+      Secondary text colour
+    </div>
+  </li>
+  <li class="govuk-task-list__item govuk-task-list__item--with-link">
+    <div class="govuk-task-list__name-and-hint">
+      <a class="govuk-link govuk-task-list__link" href="#" aria-describedby="task-list-3-status">
+        Task C
+      </a>
+    </div>
+    <div class="govuk-task-list__status" id="task-list-3-status">
+      <strong class="govuk-tag govuk-tag--grey">
+        Grey
+      </strong>
+    </div>
+  </li>
+  <li class="govuk-task-list__item govuk-task-list__item--with-link">
+    <div class="govuk-task-list__name-and-hint">
+      <a class="govuk-link govuk-task-list__link" href="#" aria-describedby="task-list-4-status">
+        Task D
+      </a>
+    </div>
+    <div class="govuk-task-list__status" id="task-list-4-status">
+      <strong class="govuk-tag govuk-tag--blue">
+        Blue
+      </strong>
+    </div>
+  </li>
+  <li class="govuk-task-list__item govuk-task-list__item--with-link">
+    <div class="govuk-task-list__name-and-hint">
+      <a class="govuk-link govuk-task-list__link" href="#" aria-describedby="task-list-5-status">
+        Task E
+      </a>
+    </div>
+    <div class="govuk-task-list__status" id="task-list-5-status">
+      <strong class="govuk-tag govuk-tag--light-blue">
+        Light blue
+      </strong>
+    </div>
+  </li>
+  <li class="govuk-task-list__item govuk-task-list__item--with-link">
+    <div class="govuk-task-list__name-and-hint">
+      <a class="govuk-link govuk-task-list__link" href="#" aria-describedby="task-list-6-status">
+        Task F
+      </a>
+    </div>
+    <div class="govuk-task-list__status" id="task-list-6-status">
+      <strong class="govuk-tag govuk-tag--turquoise">
+        Turquoise
+      </strong>
+    </div>
+  </li>
+  <li class="govuk-task-list__item govuk-task-list__item--with-link">
+    <div class="govuk-task-list__name-and-hint">
+      <a class="govuk-link govuk-task-list__link" href="#" aria-describedby="task-list-7-status">
+        Task G
+      </a>
+    </div>
+    <div class="govuk-task-list__status" id="task-list-7-status">
+      <strong class="govuk-tag govuk-tag--green">
+        Green
+      </strong>
+    </div>
+  </li>
+  <li class="govuk-task-list__item govuk-task-list__item--with-link">
+    <div class="govuk-task-list__name-and-hint">
+      <a class="govuk-link govuk-task-list__link" href="#" aria-describedby="task-list-8-status">
+        Task H
+      </a>
+    </div>
+    <div class="govuk-task-list__status" id="task-list-8-status">
+      <strong class="govuk-tag govuk-tag--purple">
+        Purple
+      </strong>
+    </div>
+  </li>
+  <li class="govuk-task-list__item govuk-task-list__item--with-link">
+    <div class="govuk-task-list__name-and-hint">
+      <a class="govuk-link govuk-task-list__link" href="#" aria-describedby="task-list-9-status">
+        Task I
+      </a>
+    </div>
+    <div class="govuk-task-list__status" id="task-list-9-status">
+      <strong class="govuk-tag govuk-tag--pink">
+        Pink
+      </strong>
+    </div>
+  </li>
+  <li class="govuk-task-list__item govuk-task-list__item--with-link">
+    <div class="govuk-task-list__name-and-hint">
+      <a class="govuk-link govuk-task-list__link" href="#" aria-describedby="task-list-10-status">
+        Task J
+      </a>
+    </div>
+    <div class="govuk-task-list__status" id="task-list-10-status">
+      <strong class="govuk-tag govuk-tag--red">
+        Red
+      </strong>
+    </div>
+  </li>
+  <li class="govuk-task-list__item govuk-task-list__item--with-link">
+    <div class="govuk-task-list__name-and-hint">
+      <a class="govuk-link govuk-task-list__link" href="#" aria-describedby="task-list-11-status">
+        Task K
+      </a>
+    </div>
+    <div class="govuk-task-list__status" id="task-list-11-status">
+      <strong class="govuk-tag govuk-tag--orange">
+        Orange
+      </strong>
+    </div>
+  </li>
+  <li class="govuk-task-list__item govuk-task-list__item--with-link">
+    <div class="govuk-task-list__name-and-hint">
+      <a class="govuk-link govuk-task-list__link" href="#" aria-describedby="task-list-12-status">
+        Task L
+      </a>
+    </div>
+    <div class="govuk-task-list__status" id="task-list-12-status">
+      <strong class="govuk-tag govuk-tag--yellow">
+        Yellow
+      </strong>
+    </div>
+  </li>
+</ul>
diff --git a/app/templates/govuk/components/task-list/template-with-empty-values.html b/app/templates/govuk/components/task-list/template-with-empty-values.html
new file mode 100644
index 0000000..df3fad6
--- /dev/null
+++ b/app/templates/govuk/components/task-list/template-with-empty-values.html
@@ -0,0 +1,27 @@
+
+<ul class="govuk-task-list">
+
+
+  <li class="govuk-task-list__item govuk-task-list__item--with-link">
+    <div class="govuk-task-list__name-and-hint">
+      <a class="govuk-link govuk-task-list__link" href="#" aria-describedby="task-list-3-status">
+        Task A
+      </a>
+    </div>
+    <div class="govuk-task-list__status" id="task-list-3-status">
+      Completed
+    </div>
+  </li>
+
+
+  <li class="govuk-task-list__item govuk-task-list__item--with-link">
+    <div class="govuk-task-list__name-and-hint">
+      <a class="govuk-link govuk-task-list__link" href="#" aria-describedby="task-list-6-status">
+        Task B
+      </a>
+    </div>
+    <div class="govuk-task-list__status" id="task-list-6-status">
+      Completed
+    </div>
+  </li>
+</ul>
diff --git a/app/templates/govuk/components/task-list/template-with-hint-text-and-additional-states.html b/app/templates/govuk/components/task-list/template-with-hint-text-and-additional-states.html
new file mode 100644
index 0000000..6092576
--- /dev/null
+++ b/app/templates/govuk/components/task-list/template-with-hint-text-and-additional-states.html
@@ -0,0 +1,77 @@
+
+<ul class="govuk-task-list">
+  <li class="govuk-task-list__item govuk-task-list__item--with-link">
+    <div class="govuk-task-list__name-and-hint">
+      <a class="govuk-link govuk-task-list__link" href="#" aria-describedby="task-list-1-status">
+        Company Directors
+      </a>
+    </div>
+    <div class="govuk-task-list__status" id="task-list-1-status">
+      Completed
+    </div>
+  </li>
+  <li class="govuk-task-list__item govuk-task-list__item--with-link">
+    <div class="govuk-task-list__name-and-hint">
+      <a class="govuk-link govuk-task-list__link" href="#" aria-describedby="task-list-2-status">
+        Registered company details
+      </a>
+    </div>
+    <div class="govuk-task-list__status" id="task-list-2-status">
+      <strong class="govuk-tag govuk-tag--light-blue">
+        Not started
+      </strong>
+    </div>
+  </li>
+  <li class="govuk-task-list__item govuk-task-list__item--with-link">
+    <div class="govuk-task-list__name-and-hint">
+      <a class="govuk-link govuk-task-list__link" href="#" aria-describedby="task-list-3-hint task-list-3-status">
+        Business plan
+      </a>
+      <div id="task-list-3-hint" class="govuk-task-list__hint">
+        Ensure the plan covers objectives, strategies, sales, marketing and financial forecasts.
+      </div>
+    </div>
+    <div class="govuk-task-list__status" id="task-list-3-status">
+      <strong class="govuk-tag govuk-tag--pink">
+        Review
+      </strong>
+    </div>
+  </li>
+  <li class="govuk-task-list__item govuk-task-list__item--with-link">
+    <div class="govuk-task-list__name-and-hint">
+      <a class="govuk-link govuk-task-list__link" href="#" aria-describedby="task-list-4-status">
+        Documentation
+      </a>
+    </div>
+    <div class="govuk-task-list__status" id="task-list-4-status">
+      <strong class="govuk-tag govuk-tag--blue">
+        In progress
+      </strong>
+    </div>
+  </li>
+  <li class="govuk-task-list__item govuk-task-list__item--with-link">
+    <div class="govuk-task-list__name-and-hint">
+      <a class="govuk-link govuk-task-list__link" href="#" aria-describedby="task-list-5-status">
+        Charitable status
+      </a>
+    </div>
+    <div class="govuk-task-list__status" id="task-list-5-status">
+      <strong class="govuk-tag govuk-tag--red">
+        Error
+      </strong>
+    </div>
+  </li>
+  <li class="govuk-task-list__item">
+    <div class="govuk-task-list__name-and-hint">
+      <div>
+        Payment
+      </div>
+      <div id="task-list-6-hint" class="govuk-task-list__hint">
+        It will cost between £15 and £75
+      </div>
+    </div>
+    <div class="govuk-task-list__status govuk-task-list__status--cannot-start-yet" id="task-list-6-status">
+      Cannot start yet
+    </div>
+  </li>
+</ul>
diff --git a/app/templates/govuk/components/task-list/template-with-very-long-single-word-tags.html b/app/templates/govuk/components/task-list/template-with-very-long-single-word-tags.html
new file mode 100644
index 0000000..d861185
--- /dev/null
+++ b/app/templates/govuk/components/task-list/template-with-very-long-single-word-tags.html
@@ -0,0 +1,37 @@
+
+<ul class="govuk-task-list">
+  <li class="govuk-task-list__item govuk-task-list__item--with-link">
+    <div class="govuk-task-list__name-and-hint">
+      <a class="govuk-link govuk-task-list__link" href="#" aria-describedby="task-list-1-status">
+        Company Directors
+      </a>
+    </div>
+    <div class="govuk-task-list__status" id="task-list-1-status">
+      Completed
+    </div>
+  </li>
+  <li class="govuk-task-list__item govuk-task-list__item--with-link">
+    <div class="govuk-task-list__name-and-hint">
+      <a class="govuk-link govuk-task-list__link" href="#" aria-describedby="task-list-2-status">
+        Registered company details
+      </a>
+    </div>
+    <div class="govuk-task-list__status" id="task-list-2-status">
+      <strong class="govuk-tag govuk-tag--blue">
+        Incomplete
+      </strong>
+    </div>
+  </li>
+  <li class="govuk-task-list__item govuk-task-list__item--with-link">
+    <div class="govuk-task-list__name-and-hint">
+      <a class="govuk-link govuk-task-list__link" href="#" aria-describedby="task-list-3-status">
+        A very very very long Business plan
+      </a>
+    </div>
+    <div class="govuk-task-list__status" id="task-list-3-status">
+      <strong class="govuk-tag govuk-tag--blue">
+        Thisisaverylongwaytosaythatsomethingisincomplete
+      </strong>
+    </div>
+  </li>
+</ul>
diff --git a/app/templates/govuk/components/task-list/template.njk b/app/templates/govuk/components/task-list/template.njk
new file mode 100644
index 0000000..19c2841
--- /dev/null
+++ b/app/templates/govuk/components/task-list/template.njk
@@ -0,0 +1,41 @@
+{% from "../../macros/attributes.njk" import govukAttributes %}
+{% from "../tag/macro.njk" import govukTag %}
+
+{%- set idPrefix = params.idPrefix if params.idPrefix else "task-list" -%}
+
+{%- macro _taskListItem(params, item, index) %}
+  {%- set hintId = idPrefix + "-" + index + "-hint" %}
+  {%- set statusId = idPrefix + "-" + index + "-status" %}
+  <li class="govuk-task-list__item {%- if item.href %} govuk-task-list__item--with-link{% endif %}{%- if item.classes %} {{ item.classes }}{% endif %}">
+    <div class="govuk-task-list__name-and-hint">
+    {% if item.href %}
+      <a class="govuk-link govuk-task-list__link {%- if item.title.classes %} {{ item.title.classes }}{% endif %}" href="{{ item.href }}" aria-describedby="{{ hintId + " " if item.hint }}{{ statusId }}">
+        {{ item.title.html | safe | trim | indent(8) if item.title.html else item.title.text }}
+      </a>
+    {% else %}
+      <div {%- if item.title.classes %} class="{{ item.title.classes }}"{% endif %}>
+        {{ item.title.html | safe | trim | indent(8) if item.title.html else item.title.text }}
+      </div>
+    {% endif %}
+    {% if item.hint %}
+      <div id="{{ hintId }}" class="govuk-task-list__hint">
+        {{ item.hint.html | safe | trim | indent(8) if item.hint.html else item.hint.text }}
+      </div>
+    {% endif %}
+    </div>
+    <div class="govuk-task-list__status {%- if item.status.classes %} {{ item.status.classes }}{% endif %}" id="{{ statusId }}">
+    {% if item.status.tag %}
+      {{ govukTag(item.status.tag) | trim | indent(6) }}
+    {% else %}
+      {{ item.status.html | safe | trim | indent(6) if item.status.html else item.status.text }}
+    {% endif %}
+    </div>
+  </li>
+{%- endmacro %}
+
+<ul class="govuk-task-list {%- if params.classes %} {{ params.classes }}{% endif %}"
+  {{- govukAttributes(params.attributes) }}>
+  {% for item in params.items %}
+    {{- _taskListItem(params, item, loop.index) if item }}
+  {% endfor %}
+</ul>
diff --git a/app/templates/govuk/components/textarea/README.md b/app/templates/govuk/components/textarea/README.md
new file mode 100644
index 0000000..41f2cf0
--- /dev/null
+++ b/app/templates/govuk/components/textarea/README.md
@@ -0,0 +1,15 @@
+# Textarea
+
+## Installation
+
+See the [main README quick start guide](https://github.com/alphagov/govuk-frontend#quick-start) for how to install this component.
+
+## Guidance and Examples
+
+Find out when to use the textarea component in your service in the [GOV.UK Design System](https://design-system.service.gov.uk/components/textarea).
+
+## Component options
+
+Use options to customise the appearance, content and behaviour of a component when using a macro, for example, changing the text.
+
+See [options table](https://design-system.service.gov.uk/components/textarea/#options-textarea-example) for details.
diff --git a/app/templates/govuk/components/textarea/_index.scss b/app/templates/govuk/components/textarea/_index.scss
new file mode 100644
index 0000000..454a289
--- /dev/null
+++ b/app/templates/govuk/components/textarea/_index.scss
@@ -0,0 +1,44 @@
+@import "../error-message/index";
+@import "../hint/index";
+@import "../label/index";
+
+@include govuk-exports("govuk/component/textarea") {
+  .govuk-textarea {
+    @include govuk-font($size: 19, $line-height: 1.25);
+
+    box-sizing: border-box;
+    display: block;
+    width: 100%;
+    min-height: 40px;
+    @include govuk-responsive-margin(6, "bottom");
+    padding: govuk-spacing(1);
+
+    resize: vertical;
+
+    border: $govuk-border-width-form-element solid $govuk-input-border-colour;
+    border-radius: 0;
+
+    -webkit-appearance: none;
+
+    &:focus {
+      @include govuk-focused-form-input;
+    }
+
+    &:disabled {
+      opacity: 0.5;
+      color: inherit;
+      background-color: transparent;
+      cursor: not-allowed;
+    }
+  }
+
+  .govuk-textarea--error {
+    border-color: $govuk-error-colour;
+
+    &:focus {
+      border-color: $govuk-input-border-colour;
+    }
+  }
+}
+
+/*# sourceMappingURL=_index.scss.map */
diff --git a/app/templates/govuk/components/textarea/_index.scss.map b/app/templates/govuk/components/textarea/_index.scss.map
new file mode 100644
index 0000000..8897a8c
--- /dev/null
+++ b/app/templates/govuk/components/textarea/_index.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/textarea/_index.scss"],"names":[],"mappings":"AAAA,gCAAgC;AAChC,uBAAuB;AACvB,wBAAwB;;AAExB;EACE;IACE,kDAAkD;;IAElD,sBAAsB;IACtB,cAAc;IACd,WAAW;IACX,gBAAgB;IAChB,6CAA6C;IAC7C,yBAAyB;;IAEzB,gBAAgB;;IAEhB,yEAAyE;IACzE,gBAAgB;;IAEhB,wBAAwB;;IAExB;MACE,iCAAiC;IACnC;;IAEA;MACE,YAAY;MACZ,cAAc;MACd,6BAA6B;MAC7B,mBAAmB;IACrB;EACF;;EAEA;IACE,iCAAiC;;IAEjC;MACE,wCAAwC;IAC1C;EACF;AACF","file":"_index.scss","sourcesContent":["@import \"../error-message/index\";\n@import \"../hint/index\";\n@import \"../label/index\";\n\n@include govuk-exports(\"govuk/component/textarea\") {\n  .govuk-textarea {\n    @include govuk-font($size: 19, $line-height: 1.25);\n\n    box-sizing: border-box;\n    display: block;\n    width: 100%;\n    min-height: 40px;\n    @include govuk-responsive-margin(6, \"bottom\");\n    padding: govuk-spacing(1);\n\n    resize: vertical;\n\n    border: $govuk-border-width-form-element solid $govuk-input-border-colour;\n    border-radius: 0;\n\n    -webkit-appearance: none;\n\n    &:focus {\n      @include govuk-focused-form-input;\n    }\n\n    &:disabled {\n      opacity: 0.5;\n      color: inherit;\n      background-color: transparent;\n      cursor: not-allowed;\n    }\n  }\n\n  .govuk-textarea--error {\n    border-color: $govuk-error-colour;\n\n    &:focus {\n      border-color: $govuk-input-border-colour;\n    }\n  }\n}\n"]}
diff --git a/app/templates/govuk/components/textarea/_textarea.scss b/app/templates/govuk/components/textarea/_textarea.scss
new file mode 100644
index 0000000..f4ed68f
--- /dev/null
+++ b/app/templates/govuk/components/textarea/_textarea.scss
@@ -0,0 +1,4 @@
+@import "../../base";
+@import "./index";
+
+/*# sourceMappingURL=_textarea.scss.map */
diff --git a/app/templates/govuk/components/textarea/_textarea.scss.map b/app/templates/govuk/components/textarea/_textarea.scss.map
new file mode 100644
index 0000000..be69133
--- /dev/null
+++ b/app/templates/govuk/components/textarea/_textarea.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/textarea/_textarea.scss"],"names":[],"mappings":"AAAA,oBAAoB;AACpB,iBAAiB","file":"_textarea.scss","sourcesContent":["@import \"../../base\";\n@import \"./index\";\n"]}
diff --git a/app/templates/govuk/components/textarea/fixtures.json b/app/templates/govuk/components/textarea/fixtures.json
new file mode 100644
index 0000000..b1e1848
--- /dev/null
+++ b/app/templates/govuk/components/textarea/fixtures.json
@@ -0,0 +1,316 @@
+{
+    "component": "textarea",
+    "fixtures": [
+        {
+            "name": "default",
+            "options": {
+                "name": "more-detail",
+                "label": {
+                    "text": "Can you provide more detail?"
+                }
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": true,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"more-detail\">\n    Can you provide more detail?\n  </label>\n  <textarea class=\"govuk-textarea\" id=\"more-detail\" name=\"more-detail\" rows=\"5\"></textarea>\n</div>"
+        },
+        {
+            "name": "with hint",
+            "options": {
+                "name": "more-detail",
+                "id": "more-detail",
+                "label": {
+                    "text": "Can you provide more detail?"
+                },
+                "hint": {
+                    "text": "Don't include personal or financial information, eg your National Insurance number or credit card details."
+                }
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"more-detail\">\n    Can you provide more detail?\n  </label>\n  <div id=\"more-detail-hint\" class=\"govuk-hint\">\n    Don&#39;t include personal or financial information, eg your National Insurance number or credit card details.\n  </div>\n  <textarea class=\"govuk-textarea\" id=\"more-detail\" name=\"more-detail\" rows=\"5\" aria-describedby=\"more-detail-hint\"></textarea>\n</div>"
+        },
+        {
+            "name": "with error message",
+            "options": {
+                "name": "no-ni-reason",
+                "id": "no-ni-reason",
+                "label": {
+                    "text": "Why can’t you provide a National Insurance number?"
+                },
+                "errorMessage": {
+                    "text": "You must provide an explanation"
+                }
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-form-group--error\">\n  <label class=\"govuk-label\" for=\"no-ni-reason\">\n    Why can’t you provide a National Insurance number?\n  </label>\n  <p id=\"no-ni-reason-error\" class=\"govuk-error-message\">\n    <span class=\"govuk-visually-hidden\">Error:</span> You must provide an explanation\n  </p>\n  <textarea class=\"govuk-textarea govuk-textarea--error\" id=\"no-ni-reason\" name=\"no-ni-reason\" rows=\"5\" aria-describedby=\"no-ni-reason-error\"></textarea>\n</div>"
+        },
+        {
+            "name": "with default value",
+            "options": {
+                "id": "full-address",
+                "name": "address",
+                "value": "221B Baker Street\nLondon\nNW1 6XE\n",
+                "label": {
+                    "text": "Full address"
+                }
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"full-address\">\n    Full address\n  </label>\n  <textarea class=\"govuk-textarea\" id=\"full-address\" name=\"address\" rows=\"5\">221B Baker Street\nLondon\nNW1 6XE\n</textarea>\n</div>"
+        },
+        {
+            "name": "with custom rows",
+            "options": {
+                "id": "full-address",
+                "name": "address",
+                "label": {
+                    "text": "Full address"
+                },
+                "rows": 8
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"full-address\">\n    Full address\n  </label>\n  <textarea class=\"govuk-textarea\" id=\"full-address\" name=\"address\" rows=\"8\"></textarea>\n</div>"
+        },
+        {
+            "name": "with label as page heading",
+            "options": {
+                "id": "textarea-with-page-heading",
+                "name": "address",
+                "label": {
+                    "text": "Full address",
+                    "classes": "govuk-label--l",
+                    "isPageHeading": true
+                }
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <h1 class=\"govuk-label-wrapper\">\n    <label class=\"govuk-label govuk-label--l\" for=\"textarea-with-page-heading\">\n      Full address\n    </label>\n  </h1>\n  <textarea class=\"govuk-textarea\" id=\"textarea-with-page-heading\" name=\"address\" rows=\"5\"></textarea>\n</div>"
+        },
+        {
+            "name": "id",
+            "options": {
+                "id": "textarea-id",
+                "name": "test-name",
+                "label": {
+                    "text": "With custom id"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"textarea-id\">\n    With custom id\n  </label>\n  <textarea class=\"govuk-textarea\" id=\"textarea-id\" name=\"test-name\" rows=\"5\"></textarea>\n</div>"
+        },
+        {
+            "name": "classes",
+            "options": {
+                "id": "with-classes",
+                "name": "with-classes",
+                "label": {
+                    "text": "With classes"
+                },
+                "classes": "app-textarea--custom-modifier"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"with-classes\">\n    With classes\n  </label>\n  <textarea class=\"govuk-textarea app-textarea--custom-modifier\" id=\"with-classes\" name=\"with-classes\" rows=\"5\"></textarea>\n</div>"
+        },
+        {
+            "name": "attributes",
+            "options": {
+                "id": "with-attributes",
+                "name": "with-attributes",
+                "label": {
+                    "text": "With attributes"
+                },
+                "attributes": {
+                    "data-attribute": "my data value"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"with-attributes\">\n    With attributes\n  </label>\n  <textarea class=\"govuk-textarea\" id=\"with-attributes\" name=\"with-attributes\" rows=\"5\" data-attribute=\"my data value\"></textarea>\n</div>"
+        },
+        {
+            "name": "with describedBy",
+            "options": {
+                "id": "with-describedby",
+                "name": "with-describedby",
+                "label": {
+                    "text": "With describedBy"
+                },
+                "describedBy": "test-target-element"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"with-describedby\">\n    With describedBy\n  </label>\n  <textarea class=\"govuk-textarea\" id=\"with-describedby\" name=\"with-describedby\" rows=\"5\" aria-describedby=\"test-target-element\"></textarea>\n</div>"
+        },
+        {
+            "name": "with hint and described by",
+            "options": {
+                "id": "with-hint-describedby",
+                "name": "with-hint-describedby",
+                "label": {
+                    "text": "With hint and describedBy"
+                },
+                "describedBy": "test-target-element",
+                "hint": {
+                    "text": "It’s on your National Insurance card, benefit letter, payslip or P60. For example, ‘QQ 12 34 56 C’."
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"with-hint-describedby\">\n    With hint and describedBy\n  </label>\n  <div id=\"with-hint-describedby-hint\" class=\"govuk-hint\">\n    It’s on your National Insurance card, benefit letter, payslip or P60. For example, ‘QQ 12 34 56 C’.\n  </div>\n  <textarea class=\"govuk-textarea\" id=\"with-hint-describedby\" name=\"with-hint-describedby\" rows=\"5\" aria-describedby=\"test-target-element with-hint-describedby-hint\"></textarea>\n</div>"
+        },
+        {
+            "name": "with error message and described by",
+            "options": {
+                "name": "textarea-with-error",
+                "label": {
+                    "text": "Textarea with error"
+                },
+                "describedBy": "test-target-element",
+                "id": "textarea-with-error",
+                "errorMessage": {
+                    "text": "Error message"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-form-group--error\">\n  <label class=\"govuk-label\" for=\"textarea-with-error\">\n    Textarea with error\n  </label>\n  <p id=\"textarea-with-error-error\" class=\"govuk-error-message\">\n    <span class=\"govuk-visually-hidden\">Error:</span> Error message\n  </p>\n  <textarea class=\"govuk-textarea govuk-textarea--error\" id=\"textarea-with-error\" name=\"textarea-with-error\" rows=\"5\" aria-describedby=\"test-target-element textarea-with-error-error\"></textarea>\n</div>"
+        },
+        {
+            "name": "with hint and error message",
+            "options": {
+                "id": "with-hint-error",
+                "name": "with-hint-error",
+                "label": {
+                    "text": "With hint and error"
+                },
+                "errorMessage": {
+                    "text": "Error message"
+                },
+                "hint": {
+                    "text": "Hint"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-form-group--error\">\n  <label class=\"govuk-label\" for=\"with-hint-error\">\n    With hint and error\n  </label>\n  <div id=\"with-hint-error-hint\" class=\"govuk-hint\">\n    Hint\n  </div>\n  <p id=\"with-hint-error-error\" class=\"govuk-error-message\">\n    <span class=\"govuk-visually-hidden\">Error:</span> Error message\n  </p>\n  <textarea class=\"govuk-textarea govuk-textarea--error\" id=\"with-hint-error\" name=\"with-hint-error\" rows=\"5\" aria-describedby=\"with-hint-error-hint with-hint-error-error\"></textarea>\n</div>"
+        },
+        {
+            "name": "with hint, error message and described by",
+            "options": {
+                "id": "with-hint-error-describedby",
+                "name": "with-hint-error-describedby",
+                "label": {
+                    "text": "With hint, error and describedBy"
+                },
+                "describedBy": "test-target-element",
+                "errorMessage": {
+                    "text": "Error message"
+                },
+                "hint": {
+                    "text": "Hint"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-form-group--error\">\n  <label class=\"govuk-label\" for=\"with-hint-error-describedby\">\n    With hint, error and describedBy\n  </label>\n  <div id=\"with-hint-error-describedby-hint\" class=\"govuk-hint\">\n    Hint\n  </div>\n  <p id=\"with-hint-error-describedby-error\" class=\"govuk-error-message\">\n    <span class=\"govuk-visually-hidden\">Error:</span> Error message\n  </p>\n  <textarea class=\"govuk-textarea govuk-textarea--error\" id=\"with-hint-error-describedby\" name=\"with-hint-error-describedby\" rows=\"5\" aria-describedby=\"test-target-element with-hint-error-describedby-hint with-hint-error-describedby-error\"></textarea>\n</div>"
+        },
+        {
+            "name": "with optional form-group classes",
+            "options": {
+                "id": "textarea-with-page-heading",
+                "name": "address",
+                "label": {
+                    "text": "Full address"
+                },
+                "formGroup": {
+                    "classes": "extra-class"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group extra-class\">\n  <label class=\"govuk-label\" for=\"textarea-with-page-heading\">\n    Full address\n  </label>\n  <textarea class=\"govuk-textarea\" id=\"textarea-with-page-heading\" name=\"address\" rows=\"5\"></textarea>\n</div>"
+        },
+        {
+            "name": "with autocomplete attribute",
+            "options": {
+                "id": "textarea-with-autocomplete-attribute",
+                "name": "address",
+                "label": {
+                    "text": "Full address"
+                },
+                "autocomplete": "street-address"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"textarea-with-autocomplete-attribute\">\n    Full address\n  </label>\n  <textarea class=\"govuk-textarea\" id=\"textarea-with-autocomplete-attribute\" name=\"address\" rows=\"5\" autocomplete=\"street-address\"></textarea>\n</div>"
+        },
+        {
+            "name": "with spellcheck enabled",
+            "options": {
+                "label": {
+                    "text": "Spellcheck is enabled"
+                },
+                "id": "textarea-with-spellcheck-enabled",
+                "name": "spellcheck",
+                "spellcheck": true
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"textarea-with-spellcheck-enabled\">\n    Spellcheck is enabled\n  </label>\n  <textarea class=\"govuk-textarea\" id=\"textarea-with-spellcheck-enabled\" name=\"spellcheck\" rows=\"5\" spellcheck=\"true\"></textarea>\n</div>"
+        },
+        {
+            "name": "with spellcheck disabled",
+            "options": {
+                "label": {
+                    "text": "Spellcheck is disabled"
+                },
+                "id": "textarea-with-spellcheck-disabled",
+                "name": "spellcheck",
+                "spellcheck": false
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"textarea-with-spellcheck-disabled\">\n    Spellcheck is disabled\n  </label>\n  <textarea class=\"govuk-textarea\" id=\"textarea-with-spellcheck-disabled\" name=\"spellcheck\" rows=\"5\" spellcheck=\"false\"></textarea>\n</div>"
+        }
+    ]
+}
diff --git a/app/templates/govuk/components/textarea/macro-options.json b/app/templates/govuk/components/textarea/macro-options.json
new file mode 100644
index 0000000..c324781
--- /dev/null
+++ b/app/templates/govuk/components/textarea/macro-options.json
@@ -0,0 +1,143 @@
+[
+    {
+        "name": "id",
+        "type": "string",
+        "required": false,
+        "description": "The ID of the textarea. Defaults to the value of `name`."
+    },
+    {
+        "name": "name",
+        "type": "string",
+        "required": true,
+        "description": "The name of the textarea, which is submitted with the form data."
+    },
+    {
+        "name": "spellcheck",
+        "type": "boolean",
+        "required": false,
+        "description": "Optional field to enable or disable the `spellcheck` attribute on the textarea."
+    },
+    {
+        "name": "rows",
+        "type": "string",
+        "required": false,
+        "description": "Optional number of textarea rows (default is 5 rows)."
+    },
+    {
+        "name": "value",
+        "type": "string",
+        "required": false,
+        "description": "Optional initial value of the textarea."
+    },
+    {
+        "name": "disabled",
+        "type": "boolean",
+        "required": false,
+        "description": "If `true`, textarea will be disabled."
+    },
+    {
+        "name": "describedBy",
+        "type": "string",
+        "required": false,
+        "description": "One or more element IDs to add to the `aria-describedby` attribute, used to provide additional descriptive information for screenreader users."
+    },
+    {
+        "name": "label",
+        "type": "object",
+        "required": true,
+        "description": "The label used by the textarea component.",
+        "isComponent": true
+    },
+    {
+        "name": "hint",
+        "type": "object",
+        "required": false,
+        "description": "Can be used to add a hint to the textarea component.",
+        "isComponent": true
+    },
+    {
+        "name": "errorMessage",
+        "type": "object",
+        "required": false,
+        "description": "Can be used to add an error message to the textarea component. The error message component will not display if you use a falsy value for `errorMessage`, for example `false` or `null`.",
+        "isComponent": true
+    },
+    {
+        "name": "formGroup",
+        "type": "object",
+        "required": false,
+        "description": "Additional options for the form group containing the textarea component.",
+        "params": [
+            {
+                "name": "classes",
+                "type": "string",
+                "required": false,
+                "description": "Classes to add to the form group (for example to show error state for the whole group)."
+            },
+            {
+                "name": "attributes",
+                "type": "object",
+                "required": false,
+                "description": "HTML attributes (for example data attributes) to add to the form group."
+            },
+            {
+                "name": "beforeInput",
+                "type": "object",
+                "required": false,
+                "description": "Content to add before the textarea used by the textarea component.",
+                "params": [
+                    {
+                        "name": "text",
+                        "type": "string",
+                        "required": true,
+                        "description": "Text to add before the textarea. If `html` is provided, the `text` option will be ignored."
+                    },
+                    {
+                        "name": "html",
+                        "type": "string",
+                        "required": true,
+                        "description": "HTML to add before the textarea. If `html` is provided, the `text` option will be ignored."
+                    }
+                ]
+            },
+            {
+                "name": "afterInput",
+                "type": "object",
+                "required": false,
+                "description": "Content to add after the textarea used by the textarea component.",
+                "params": [
+                    {
+                        "name": "text",
+                        "type": "string",
+                        "required": true,
+                        "description": "Text to add after the textarea. If `html` is provided, the `text` option will be ignored."
+                    },
+                    {
+                        "name": "html",
+                        "type": "string",
+                        "required": true,
+                        "description": "HTML to add after the textarea. If `html` is provided, the `text` option will be ignored."
+                    }
+                ]
+            }
+        ]
+    },
+    {
+        "name": "classes",
+        "type": "string",
+        "required": false,
+        "description": "Classes to add to the textarea."
+    },
+    {
+        "name": "autocomplete",
+        "type": "string",
+        "required": false,
+        "description": "Attribute to meet [WCAG success criterion 1.3.5: Identify input purpose](https://www.w3.org/WAI/WCAG22/Understanding/identify-input-purpose.html), for instance `\"bday-day\"`. See the [Autofill section in the HTML standard](https://html.spec.whatwg.org/multipage/form-control-infrastructure.html#autofill) section in the HTML standard for full list of attributes that can be used."
+    },
+    {
+        "name": "attributes",
+        "type": "object",
+        "required": false,
+        "description": "HTML attributes (for example data attributes) to add to the textarea."
+    }
+]
diff --git a/app/templates/govuk/components/textarea/macro.njk b/app/templates/govuk/components/textarea/macro.njk
new file mode 100644
index 0000000..36a1c4e
--- /dev/null
+++ b/app/templates/govuk/components/textarea/macro.njk
@@ -0,0 +1,3 @@
+{% macro govukTextarea(params) %}
+  {%- include "./template.njk" -%}
+{% endmacro %}
diff --git a/app/templates/govuk/components/textarea/template-default.html b/app/templates/govuk/components/textarea/template-default.html
new file mode 100644
index 0000000..3b27ac0
--- /dev/null
+++ b/app/templates/govuk/components/textarea/template-default.html
@@ -0,0 +1,6 @@
+<div class="govuk-form-group">
+  <label class="govuk-label" for="more-detail">
+    Can you provide more detail?
+  </label>
+  <textarea class="govuk-textarea" id="more-detail" name="more-detail" rows="5"></textarea>
+</div>
diff --git a/app/templates/govuk/components/textarea/template-with-custom-rows.html b/app/templates/govuk/components/textarea/template-with-custom-rows.html
new file mode 100644
index 0000000..747b7e2
--- /dev/null
+++ b/app/templates/govuk/components/textarea/template-with-custom-rows.html
@@ -0,0 +1,6 @@
+<div class="govuk-form-group">
+  <label class="govuk-label" for="full-address">
+    Full address
+  </label>
+  <textarea class="govuk-textarea" id="full-address" name="address" rows="8"></textarea>
+</div>
diff --git a/app/templates/govuk/components/textarea/template-with-default-value.html b/app/templates/govuk/components/textarea/template-with-default-value.html
new file mode 100644
index 0000000..8f84d79
--- /dev/null
+++ b/app/templates/govuk/components/textarea/template-with-default-value.html
@@ -0,0 +1,9 @@
+<div class="govuk-form-group">
+  <label class="govuk-label" for="full-address">
+    Full address
+  </label>
+  <textarea class="govuk-textarea" id="full-address" name="address" rows="5">221B Baker Street
+London
+NW1 6XE
+</textarea>
+</div>
diff --git a/app/templates/govuk/components/textarea/template-with-error-message.html b/app/templates/govuk/components/textarea/template-with-error-message.html
new file mode 100644
index 0000000..bf93169
--- /dev/null
+++ b/app/templates/govuk/components/textarea/template-with-error-message.html
@@ -0,0 +1,9 @@
+<div class="govuk-form-group govuk-form-group--error">
+  <label class="govuk-label" for="no-ni-reason">
+    Why can’t you provide a National Insurance number?
+  </label>
+  <p id="no-ni-reason-error" class="govuk-error-message">
+    <span class="govuk-visually-hidden">Error:</span> You must provide an explanation
+  </p>
+  <textarea class="govuk-textarea govuk-textarea--error" id="no-ni-reason" name="no-ni-reason" rows="5" aria-describedby="no-ni-reason-error"></textarea>
+</div>
diff --git a/app/templates/govuk/components/textarea/template-with-hint.html b/app/templates/govuk/components/textarea/template-with-hint.html
new file mode 100644
index 0000000..764f121
--- /dev/null
+++ b/app/templates/govuk/components/textarea/template-with-hint.html
@@ -0,0 +1,9 @@
+<div class="govuk-form-group">
+  <label class="govuk-label" for="more-detail">
+    Can you provide more detail?
+  </label>
+  <div id="more-detail-hint" class="govuk-hint">
+    Don&#39;t include personal or financial information, eg your National Insurance number or credit card details.
+  </div>
+  <textarea class="govuk-textarea" id="more-detail" name="more-detail" rows="5" aria-describedby="more-detail-hint"></textarea>
+</div>
diff --git a/app/templates/govuk/components/textarea/template-with-label-as-page-heading.html b/app/templates/govuk/components/textarea/template-with-label-as-page-heading.html
new file mode 100644
index 0000000..5624b6d
--- /dev/null
+++ b/app/templates/govuk/components/textarea/template-with-label-as-page-heading.html
@@ -0,0 +1,8 @@
+<div class="govuk-form-group">
+  <h1 class="govuk-label-wrapper">
+    <label class="govuk-label govuk-label--l" for="textarea-with-page-heading">
+      Full address
+    </label>
+  </h1>
+  <textarea class="govuk-textarea" id="textarea-with-page-heading" name="address" rows="5"></textarea>
+</div>
diff --git a/app/templates/govuk/components/textarea/template.njk b/app/templates/govuk/components/textarea/template.njk
new file mode 100644
index 0000000..a0efee6
--- /dev/null
+++ b/app/templates/govuk/components/textarea/template.njk
@@ -0,0 +1,56 @@
+{% from "../../macros/attributes.njk" import govukAttributes %}
+{% from "../error-message/macro.njk" import govukErrorMessage %}
+{% from "../hint/macro.njk" import govukHint %}
+{% from "../label/macro.njk" import govukLabel %}
+
+{#- a record of other elements that we need to associate with the input using
+  aria-describedby – for example hints or error messages -#}
+{% set describedBy = params.describedBy if params.describedBy else "" %}
+{%- set id = params.id if params.id else params.name -%}
+
+<div class="govuk-form-group {%- if params.errorMessage %} govuk-form-group--error{% endif %} {%- if params.formGroup.classes %} {{ params.formGroup.classes }}{% endif %}"
+  {{- govukAttributes(params.formGroup.attributes) }}>
+  {{ govukLabel({
+    html: params.label.html,
+    text: params.label.text,
+    classes: params.label.classes,
+    isPageHeading: params.label.isPageHeading,
+    attributes: params.label.attributes,
+    for: id
+  }) | trim | indent(2) }}
+{% if params.hint %}
+  {% set hintId = id + '-hint' %}
+  {% set describedBy = describedBy + ' ' + hintId if describedBy else hintId %}
+  {{ govukHint({
+    id: hintId,
+    classes: params.hint.classes,
+    attributes: params.hint.attributes,
+    html: params.hint.html,
+    text: params.hint.text
+  }) | trim | indent(2) }}
+{% endif %}
+{% if params.errorMessage %}
+  {% set errorId = id + '-error' %}
+  {% set describedBy = describedBy + ' ' + errorId if describedBy else errorId %}
+  {{ govukErrorMessage({
+    id: errorId,
+    classes: params.errorMessage.classes,
+    attributes: params.errorMessage.attributes,
+    html: params.errorMessage.html,
+    text: params.errorMessage.text,
+    visuallyHiddenText: params.errorMessage.visuallyHiddenText
+  }) | trim | indent(2) }}
+{% endif %}
+{% if params.formGroup.beforeInput %}
+  {{ params.formGroup.beforeInput.html | safe | trim | indent(2) if params.formGroup.beforeInput.html else params.formGroup.beforeInput.text }}
+{% endif %}
+  <textarea class="govuk-textarea {%- if params.errorMessage %} govuk-textarea--error{% endif %} {%- if params.classes %} {{ params.classes }}{% endif %}" id="{{ id }}" name="{{ params.name }}" rows="{{ params.rows | default(5, true) }}"
+  {%- if (params.spellcheck === false) or (params.spellcheck === true) %} spellcheck="{{ params.spellcheck }}"{% endif %}
+  {%- if params.disabled %} disabled{% endif %}
+  {%- if describedBy %} aria-describedby="{{ describedBy }}"{% endif %}
+  {%- if params.autocomplete %} autocomplete="{{ params.autocomplete }}"{% endif %}
+  {{- govukAttributes(params.attributes) }}>{{ params.value }}</textarea>
+{% if params.formGroup.afterInput %}
+  {{ params.formGroup.afterInput.html | safe | trim | indent(2) if params.formGroup.afterInput.html else params.formGroup.afterInput.text }}
+{% endif %}
+</div>
diff --git a/app/templates/govuk/components/warning-text/README.md b/app/templates/govuk/components/warning-text/README.md
new file mode 100644
index 0000000..9168535
--- /dev/null
+++ b/app/templates/govuk/components/warning-text/README.md
@@ -0,0 +1,15 @@
+# Warning text
+
+## Installation
+
+See the [main README quick start guide](https://github.com/alphagov/govuk-frontend#quick-start) for how to install this component.
+
+## Guidance and Examples
+
+Find out when to use the warning text component in your service in the [GOV.UK Design System](https://design-system.service.gov.uk/components/warning-text).
+
+## Component options
+
+Use options to customise the appearance, content and behaviour of a component when using a macro, for example, changing the text.
+
+See [options table](https://design-system.service.gov.uk/components/warning-text/#options-warning-text-example) for details.
diff --git a/app/templates/govuk/components/warning-text/_index.scss b/app/templates/govuk/components/warning-text/_index.scss
new file mode 100644
index 0000000..9ee4807
--- /dev/null
+++ b/app/templates/govuk/components/warning-text/_index.scss
@@ -0,0 +1,66 @@
+@include govuk-exports("govuk/component/warning-text") {
+  .govuk-warning-text {
+    @include govuk-font($size: 19);
+    @include govuk-responsive-margin(6, "bottom");
+    @include govuk-typography-weight-bold;
+    position: relative;
+    padding: govuk-spacing(2) 0;
+  }
+
+  .govuk-warning-text__icon {
+    box-sizing: border-box;
+
+    display: inline-block;
+
+    position: absolute;
+    left: 0;
+
+    min-width: 35px;
+    min-height: 35px;
+    margin-top: -7px;
+
+    @include govuk-media-query($from: tablet) {
+      margin-top: -5px;
+    }
+
+    // When a user customises their colours the background colour will often be
+    // removed. Adding a border to the component keeps it's shape as a circle.
+    border: 3px solid $govuk-text-colour;
+    border-radius: 50%;
+
+    color: $govuk-body-background-colour;
+    background: $govuk-text-colour;
+
+    font-size: 30px;
+    line-height: 29px;
+
+    text-align: center;
+
+    // Prevent the exclamation mark from being included when the warning text
+    // is copied, for example.
+    -webkit-user-select: none;
+        -ms-user-select: none;
+            user-select: none;
+
+    // Improve rendering in Windows High Contrast Mode (Edge), where a
+    // readability backplate behind the exclamation mark obscures the circle
+    forced-color-adjust: none;
+
+    @media screen and (forced-colors: active) {
+      border-color: windowText;
+      color: windowText;
+      background: transparent;
+    }
+  }
+
+  .govuk-warning-text__text {
+    @include govuk-text-colour;
+    display: block;
+    padding-left: 45px;
+    // While `<strong>` is styled `bold` or `bolder` by user-agents
+    // this can be reset by the app's stylesheet
+    font-weight: inherit;
+  }
+}
+
+/*# sourceMappingURL=_index.scss.map */
diff --git a/app/templates/govuk/components/warning-text/_index.scss.map b/app/templates/govuk/components/warning-text/_index.scss.map
new file mode 100644
index 0000000..fde3c0c
--- /dev/null
+++ b/app/templates/govuk/components/warning-text/_index.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/warning-text/_index.scss"],"names":[],"mappings":"AAAA;EACE;IACE,8BAA8B;IAC9B,6CAA6C;IAC7C,qCAAqC;IACrC,kBAAkB;IAClB,2BAA2B;EAC7B;;EAEA;IACE,sBAAsB;;IAEtB,qBAAqB;;IAErB,kBAAkB;IAClB,OAAO;;IAEP,eAAe;IACf,gBAAgB;IAChB,gBAAgB;;IAEhB;MACE,gBAAgB;IAClB;;IAEA,0EAA0E;IAC1E,yEAAyE;IACzE,oCAAoC;IACpC,kBAAkB;;IAElB,oCAAoC;IACpC,8BAA8B;;IAE9B,eAAe;IACf,iBAAiB;;IAEjB,kBAAkB;;IAElB,wEAAwE;IACxE,yBAAyB;IACzB,yBAAiB;QAAjB,qBAAiB;YAAjB,iBAAiB;;IAEjB,iEAAiE;IACjE,uEAAuE;IACvE,yBAAyB;;IAEzB;MACE,wBAAwB;MACxB,iBAAiB;MACjB,uBAAuB;IACzB;EACF;;EAEA;IACE,0BAA0B;IAC1B,cAAc;IACd,kBAAkB;IAClB,8DAA8D;IAC9D,2CAA2C;IAC3C,oBAAoB;EACtB;AACF","file":"_index.scss","sourcesContent":["@include govuk-exports(\"govuk/component/warning-text\") {\n  .govuk-warning-text {\n    @include govuk-font($size: 19);\n    @include govuk-responsive-margin(6, \"bottom\");\n    @include govuk-typography-weight-bold;\n    position: relative;\n    padding: govuk-spacing(2) 0;\n  }\n\n  .govuk-warning-text__icon {\n    box-sizing: border-box;\n\n    display: inline-block;\n\n    position: absolute;\n    left: 0;\n\n    min-width: 35px;\n    min-height: 35px;\n    margin-top: -7px;\n\n    @include govuk-media-query($from: tablet) {\n      margin-top: -5px;\n    }\n\n    // When a user customises their colours the background colour will often be\n    // removed. Adding a border to the component keeps it's shape as a circle.\n    border: 3px solid $govuk-text-colour;\n    border-radius: 50%;\n\n    color: $govuk-body-background-colour;\n    background: $govuk-text-colour;\n\n    font-size: 30px;\n    line-height: 29px;\n\n    text-align: center;\n\n    // Prevent the exclamation mark from being included when the warning text\n    // is copied, for example.\n    user-select: none;\n\n    // Improve rendering in Windows High Contrast Mode (Edge), where a\n    // readability backplate behind the exclamation mark obscures the circle\n    forced-color-adjust: none;\n\n    @media screen and (forced-colors: active) {\n      border-color: windowText;\n      color: windowText;\n      background: transparent;\n    }\n  }\n\n  .govuk-warning-text__text {\n    @include govuk-text-colour;\n    display: block;\n    padding-left: 45px;\n    // While `<strong>` is styled `bold` or `bolder` by user-agents\n    // this can be reset by the app's stylesheet\n    font-weight: inherit;\n  }\n}\n"]}
diff --git a/app/templates/govuk/components/warning-text/_warning-text.scss b/app/templates/govuk/components/warning-text/_warning-text.scss
new file mode 100644
index 0000000..81eb6f0
--- /dev/null
+++ b/app/templates/govuk/components/warning-text/_warning-text.scss
@@ -0,0 +1,4 @@
+@import "../../base";
+@import "./index";
+
+/*# sourceMappingURL=_warning-text.scss.map */
diff --git a/app/templates/govuk/components/warning-text/_warning-text.scss.map b/app/templates/govuk/components/warning-text/_warning-text.scss.map
new file mode 100644
index 0000000..3ef95c5
--- /dev/null
+++ b/app/templates/govuk/components/warning-text/_warning-text.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/warning-text/_warning-text.scss"],"names":[],"mappings":"AAAA,oBAAoB;AACpB,iBAAiB","file":"_warning-text.scss","sourcesContent":["@import \"../../base\";\n@import \"./index\";\n"]}
diff --git a/app/templates/govuk/components/warning-text/fixtures.json b/app/templates/govuk/components/warning-text/fixtures.json
new file mode 100644
index 0000000..4bbcbc3
--- /dev/null
+++ b/app/templates/govuk/components/warning-text/fixtures.json
@@ -0,0 +1,101 @@
+{
+    "component": "warning-text",
+    "fixtures": [
+        {
+            "name": "default",
+            "options": {
+                "text": "You can be fined up to £5,000 if you don’t register.",
+                "iconFallbackText": "Warning"
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": true,
+            "html": "<div class=\"govuk-warning-text\">\n  <span class=\"govuk-warning-text__icon\" aria-hidden=\"true\">!</span>\n  <strong class=\"govuk-warning-text__text\">\n    <span class=\"govuk-visually-hidden\">Warning</span>\n    You can be fined up to £5,000 if you don’t register.\n  </strong>\n</div>"
+        },
+        {
+            "name": "multiple lines",
+            "options": {
+                "text": "If you are not covered by this License), You must: (a) comply with the terms stated above for the purpose of this license. It explains, for example, the production of a Source form, including but not limited to, the implied warranties or conditions of this License, without any additional file created by such Respondent to you under Sections 2.1 and 2.2 above. Larger Works. You may choose to distribute such a notice and a brief idea of what it does.",
+                "iconFallbackText": "Warning"
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-warning-text\">\n  <span class=\"govuk-warning-text__icon\" aria-hidden=\"true\">!</span>\n  <strong class=\"govuk-warning-text__text\">\n    <span class=\"govuk-visually-hidden\">Warning</span>\n    If you are not covered by this License), You must: (a) comply with the terms stated above for the purpose of this license. It explains, for example, the production of a Source form, including but not limited to, the implied warranties or conditions of this License, without any additional file created by such Respondent to you under Sections 2.1 and 2.2 above. Larger Works. You may choose to distribute such a notice and a brief idea of what it does.\n  </strong>\n</div>"
+        },
+        {
+            "name": "attributes",
+            "options": {
+                "text": "You can be fined up to £5,000 if you don’t register.",
+                "attributes": {
+                    "id": "my-warning-text",
+                    "data-test": "attribute"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-warning-text\" id=\"my-warning-text\" data-test=\"attribute\">\n  <span class=\"govuk-warning-text__icon\" aria-hidden=\"true\">!</span>\n  <strong class=\"govuk-warning-text__text\">\n    <span class=\"govuk-visually-hidden\">Warning</span>\n    You can be fined up to £5,000 if you don’t register.\n  </strong>\n</div>"
+        },
+        {
+            "name": "classes",
+            "options": {
+                "text": "Warning text",
+                "classes": "govuk-warning-text--custom-class"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-warning-text govuk-warning-text--custom-class\">\n  <span class=\"govuk-warning-text__icon\" aria-hidden=\"true\">!</span>\n  <strong class=\"govuk-warning-text__text\">\n    <span class=\"govuk-visually-hidden\">Warning</span>\n    Warning text\n  </strong>\n</div>"
+        },
+        {
+            "name": "html",
+            "options": {
+                "text": "You can be fined up to £5,000 if you don’t register.",
+                "html": "<span>Some custom warning text</span>"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-warning-text\">\n  <span class=\"govuk-warning-text__icon\" aria-hidden=\"true\">!</span>\n  <strong class=\"govuk-warning-text__text\">\n    <span class=\"govuk-visually-hidden\">Warning</span>\n    <span>Some custom warning text</span>\n  </strong>\n</div>"
+        },
+        {
+            "name": "html as text",
+            "options": {
+                "text": "<span>Some custom warning text</span>"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-warning-text\">\n  <span class=\"govuk-warning-text__icon\" aria-hidden=\"true\">!</span>\n  <strong class=\"govuk-warning-text__text\">\n    <span class=\"govuk-visually-hidden\">Warning</span>\n    &lt;span&gt;Some custom warning text&lt;/span&gt;\n  </strong>\n</div>"
+        },
+        {
+            "name": "icon fallback text only",
+            "options": {
+                "iconFallbackText": "Some custom fallback text"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-warning-text\">\n  <span class=\"govuk-warning-text__icon\" aria-hidden=\"true\">!</span>\n  <strong class=\"govuk-warning-text__text\">\n    <span class=\"govuk-visually-hidden\">Some custom fallback text</span>\n    \n  </strong>\n</div>"
+        },
+        {
+            "name": "no icon fallback text",
+            "options": {
+                "text": "This is a warning"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-warning-text\">\n  <span class=\"govuk-warning-text__icon\" aria-hidden=\"true\">!</span>\n  <strong class=\"govuk-warning-text__text\">\n    <span class=\"govuk-visually-hidden\">Warning</span>\n    This is a warning\n  </strong>\n</div>"
+        }
+    ]
+}
diff --git a/app/templates/govuk/components/warning-text/macro-options.json b/app/templates/govuk/components/warning-text/macro-options.json
new file mode 100644
index 0000000..8a8d46d
--- /dev/null
+++ b/app/templates/govuk/components/warning-text/macro-options.json
@@ -0,0 +1,32 @@
+[
+    {
+        "name": "text",
+        "type": "string",
+        "required": true,
+        "description": "If `html` is set, this is not required. Text to use within the warning text component. If `html` is provided, the `text` option will be ignored."
+    },
+    {
+        "name": "html",
+        "type": "string",
+        "required": true,
+        "description": "If `text` is set, this is not required. HTML to use within the warning text component. If `html` is provided, the `text` option will be ignored."
+    },
+    {
+        "name": "iconFallbackText",
+        "type": "string",
+        "required": false,
+        "description": "The fallback text for the icon. Defaults to `\"Warning\"`."
+    },
+    {
+        "name": "classes",
+        "type": "string",
+        "required": false,
+        "description": "Classes to add to the warning text."
+    },
+    {
+        "name": "attributes",
+        "type": "object",
+        "required": false,
+        "description": "HTML attributes (for example data attributes) to add to the warning text."
+    }
+]
diff --git a/app/templates/govuk/components/warning-text/macro.njk b/app/templates/govuk/components/warning-text/macro.njk
new file mode 100644
index 0000000..8672d1b
--- /dev/null
+++ b/app/templates/govuk/components/warning-text/macro.njk
@@ -0,0 +1,3 @@
+{% macro govukWarningText(params) %}
+  {%- include "./template.njk" -%}
+{% endmacro %}
diff --git a/app/templates/govuk/components/warning-text/template-default.html b/app/templates/govuk/components/warning-text/template-default.html
new file mode 100644
index 0000000..cb49d71
--- /dev/null
+++ b/app/templates/govuk/components/warning-text/template-default.html
@@ -0,0 +1,7 @@
+<div class="govuk-warning-text">
+  <span class="govuk-warning-text__icon" aria-hidden="true">!</span>
+  <strong class="govuk-warning-text__text">
+    <span class="govuk-visually-hidden">Warning</span>
+    You can be fined up to £5,000 if you don’t register.
+  </strong>
+</div>
diff --git a/app/templates/govuk/components/warning-text/template-multiple-lines.html b/app/templates/govuk/components/warning-text/template-multiple-lines.html
new file mode 100644
index 0000000..2d8abc2
--- /dev/null
+++ b/app/templates/govuk/components/warning-text/template-multiple-lines.html
@@ -0,0 +1,7 @@
+<div class="govuk-warning-text">
+  <span class="govuk-warning-text__icon" aria-hidden="true">!</span>
+  <strong class="govuk-warning-text__text">
+    <span class="govuk-visually-hidden">Warning</span>
+    If you are not covered by this License), You must: (a) comply with the terms stated above for the purpose of this license. It explains, for example, the production of a Source form, including but not limited to, the implied warranties or conditions of this License, without any additional file created by such Respondent to you under Sections 2.1 and 2.2 above. Larger Works. You may choose to distribute such a notice and a brief idea of what it does.
+  </strong>
+</div>
diff --git a/app/templates/govuk/components/warning-text/template.njk b/app/templates/govuk/components/warning-text/template.njk
new file mode 100644
index 0000000..08eefca
--- /dev/null
+++ b/app/templates/govuk/components/warning-text/template.njk
@@ -0,0 +1,10 @@
+{% from "../../macros/attributes.njk" import govukAttributes -%}
+
+<div class="govuk-warning-text {%- if params.classes %} {{ params.classes }}{% endif %}"
+  {{- govukAttributes(params.attributes) }}>
+  <span class="govuk-warning-text__icon" aria-hidden="true">!</span>
+  <strong class="govuk-warning-text__text">
+    <span class="govuk-visually-hidden">{{ params.iconFallbackText | default("Warning", true) }}</span>
+    {{ params.html | safe if params.html else params.text }}
+  </strong>
+</div>
diff --git a/app/templates/govuk/template.html b/app/templates/govuk/template.html
new file mode 100644
index 0000000..89b9273
--- /dev/null
+++ b/app/templates/govuk/template.html
@@ -0,0 +1,69 @@
+{% from "./macros/attributes.njk" import govukAttributes -%}
+{% from "./components/skip-link/macro.njk" import govukSkipLink -%}
+{% from "./components/header/macro.njk" import govukHeader -%}
+{% from "./components/footer/macro.njk" import govukFooter -%}
+
+{%- set _rebrand = govukRebrand() if govukRebrand is callable else govukRebrand -%}
+
+{# Hardcoded value is $govuk-brand-blue if rebrand, otherwise govuk-colour("black") -#}
+{% set themeColor = themeColor | default("#1d70b8" if _rebrand else "#0b0c0c", true) -%}
+{% set assetPath = assetPath | default("/assets/rebrand" if _rebrand else "/assets", true) -%}
+
+<!DOCTYPE html>
+<html lang="{{ htmlLang | default("en", true) }}" class="govuk-template {%- if _rebrand %} govuk-template--rebranded{% endif %} {%- if htmlClasses %} {{ htmlClasses }}{% endif %}">
+  <head>
+    <meta charset="utf-8">
+    <title {%- if pageTitleLang %} lang="{{ pageTitleLang }}"{% endif %}>{% block pageTitle %}GOV.UK - The best place to find government services and information{% endblock %}</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+    <meta name="theme-color" content="{{ themeColor }}">
+
+    {% block headIcons %}
+      <link rel="icon" sizes="48x48" href="{{ assetPath }}/images/favicon.ico">
+      <link rel="icon" sizes="any" href="{{ assetPath }}/images/favicon.svg" type="image/svg+xml">
+      <link rel="mask-icon" href="{{ assetPath }}/images/govuk-icon-mask.svg" color="{{ themeColor }}">
+      <link rel="apple-touch-icon" href="{{ assetPath }}/images/govuk-icon-180.png">
+      <link rel="manifest" href="{{ assetPath }}/manifest.json">
+    {% endblock %}
+
+    {% block head %}{% endblock %}
+
+    {#- OpenGraph images needs to be absolute, so we need either a URL for the image or for assetUrl to be set #}
+    {% if opengraphImageUrl or assetUrl %}
+    <meta property="og:image" content="{{ opengraphImageUrl | default(assetUrl + "/images/govuk-opengraph-image.png", true) }}">
+    {% endif %}
+  </head>
+  <body class="govuk-template__body {%- if bodyClasses %} {{ bodyClasses }}{% endif %}" {{- govukAttributes(bodyAttributes) }}>
+    <script {%- if cspNonce %} nonce="{{ cspNonce }}"{% endif %}>document.body.className += ' js-enabled' + ('noModule' in HTMLScriptElement.prototype ? ' govuk-frontend-supported' : '');</script>
+    {% block bodyStart %}{% endblock %}
+
+    {% block skipLink %}
+      {{ govukSkipLink({
+        href: '#main-content',
+        text: 'Skip to main content'
+      }) }}
+    {% endblock %}
+
+    {% block header %}
+      {{ govukHeader({
+        rebrand: _rebrand
+      }) }}
+    {% endblock %}
+
+    {% block main %}
+      <div class="govuk-width-container {%- if containerClasses %} {{ containerClasses }}{% endif %}">
+        {% block beforeContent %}{% endblock %}
+        <main class="govuk-main-wrapper {%- if mainClasses %} {{ mainClasses }}{% endif %}" id="main-content" {%- if mainLang %} lang="{{ mainLang }}"{% endif %}>
+          {% block content %}{% endblock %}
+        </main>
+      </div>
+    {% endblock %}
+
+    {% block footer %}
+      {{ govukFooter({
+        rebrand: _rebrand
+      }) }}
+    {% endblock %}
+
+    {% block bodyEnd %}{% endblock %}
+  </body>
+</html>
diff --git a/app/templates/layout.html b/app/templates/layout.html
new file mode 100644
index 0000000..74fa9c4
--- /dev/null
+++ b/app/templates/layout.html
@@ -0,0 +1,55 @@
+<!DOCTYPE html>
+<html lang="en" class="govuk-template">
+<head>
+  <meta charset="utf-8" />
+  <title>{% block pageTitle %}GOV.UK - The best place to find government services and information{% endblock %}</title>
+  <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+  <meta name="theme-color" content="#0b0c0c" />
+
+  {# Point to the CSS file generated by our build script #}
+  <link rel="stylesheet" href="{{ url_for('static', filename='css/main.css') }}">
+
+  {% block head %}{% endblock %}
+</head>
+<body class="govuk-template__body">
+  <script>
+    document.body.className = ((document.body.className) ? document.body.className + ' js-enabled' : 'js-enabled');
+  </script>
+
+  <header class="govuk-header" role="banner" data-module="govuk-header">
+    <div class="govuk-header__container govuk-width-container">
+      <div class="govuk-header__logo">
+        <a href="/" class="govuk-header__link govuk-header__link--homepage">
+          <span class="govuk-header__logotype">
+            <span class="govuk-header__logotype-text">
+              Book API
+            </span>
+          </span>
+        </a>
+      </div>
+    </div>
+  </header>
+
+  <div class="govuk-width-container">
+    <main class="govuk-main-wrapper" id="main-content" role="main">
+      {% block content %}{% endblock %}
+    </main>
+  </div>
+
+  <footer class="govuk-footer" role="contentinfo">
+    <div class="govuk-width-container">
+      <div class="govuk-footer__meta">
+        <div class="govuk-footer__meta-item govuk-footer__meta-item--grow">
+            <!-- Footer content -->
+        </div>
+      </div>
+    </div>
+  </footer>
+
+  {# Point to the JS file from our build script #}
+  <script src="{{ url_for('static', filename='js/govuk-frontend.min.js') }}"></script>
+  <script>
+    window.GOVUKFrontend.initAll()
+  </script>
+</body>
+</html>
\ No newline at end of file
diff --git a/node_modules/.bin/detect-libc b/node_modules/.bin/detect-libc
new file mode 120000
index 0000000..b4c4b76
--- /dev/null
+++ b/node_modules/.bin/detect-libc
@@ -0,0 +1 @@
+../detect-libc/bin/detect-libc.js
\ No newline at end of file
diff --git a/node_modules/.bin/sass b/node_modules/.bin/sass
new file mode 120000
index 0000000..4bda500
--- /dev/null
+++ b/node_modules/.bin/sass
@@ -0,0 +1 @@
+../sass/sass.js
\ No newline at end of file
diff --git a/node_modules/.package-lock.json b/node_modules/.package-lock.json
new file mode 100644
index 0000000..0d42ed6
--- /dev/null
+++ b/node_modules/.package-lock.json
@@ -0,0 +1,273 @@
+{
+  "name": "s_bookapiv-fe.2",
+  "version": "1.0.0",
+  "lockfileVersion": 3,
+  "requires": true,
+  "packages": {
+    "node_modules/@parcel/watcher": {
+      "version": "2.5.1",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher/-/watcher-2.5.1.tgz",
+      "integrity": "sha512-dfUnCxiN9H4ap84DvD2ubjw+3vUNpstxa0TneY/Paat8a3R4uQZDLSvWjmznAY/DoahqTHl9V46HF/Zs3F29pg==",
+      "dev": true,
+      "hasInstallScript": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "detect-libc": "^1.0.3",
+        "is-glob": "^4.0.3",
+        "micromatch": "^4.0.5",
+        "node-addon-api": "^7.0.0"
+      },
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      },
+      "optionalDependencies": {
+        "@parcel/watcher-android-arm64": "2.5.1",
+        "@parcel/watcher-darwin-arm64": "2.5.1",
+        "@parcel/watcher-darwin-x64": "2.5.1",
+        "@parcel/watcher-freebsd-x64": "2.5.1",
+        "@parcel/watcher-linux-arm-glibc": "2.5.1",
+        "@parcel/watcher-linux-arm-musl": "2.5.1",
+        "@parcel/watcher-linux-arm64-glibc": "2.5.1",
+        "@parcel/watcher-linux-arm64-musl": "2.5.1",
+        "@parcel/watcher-linux-x64-glibc": "2.5.1",
+        "@parcel/watcher-linux-x64-musl": "2.5.1",
+        "@parcel/watcher-win32-arm64": "2.5.1",
+        "@parcel/watcher-win32-ia32": "2.5.1",
+        "@parcel/watcher-win32-x64": "2.5.1"
+      }
+    },
+    "node_modules/@parcel/watcher-darwin-arm64": {
+      "version": "2.5.1",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-darwin-arm64/-/watcher-darwin-arm64-2.5.1.tgz",
+      "integrity": "sha512-eAzPv5osDmZyBhou8PoF4i6RQXAfeKL9tjb3QzYuccXFMQU0ruIc/POh30ePnaOyD1UXdlKguHBmsTs53tVoPw==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/braces": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.3.tgz",
+      "integrity": "sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "fill-range": "^7.1.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/chokidar": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-4.0.3.tgz",
+      "integrity": "sha512-Qgzu8kfBvo+cA4962jnP1KkS6Dop5NS6g7R5LFYJr4b8Ub94PPQXUksCw9PvXoeXPRRddRNC5C1JQUR2SMGtnA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "readdirp": "^4.0.1"
+      },
+      "engines": {
+        "node": ">= 14.16.0"
+      },
+      "funding": {
+        "url": "https://paulmillr.com/funding/"
+      }
+    },
+    "node_modules/detect-libc": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-1.0.3.tgz",
+      "integrity": "sha512-pGjwhsmsp4kL2RTz08wcOlGN83otlqHeD/Z5T8GXZB+/YcpQ/dgo+lbU8ZsGxV0HIvqqxo9l7mqYwyYMD9bKDg==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "optional": true,
+      "bin": {
+        "detect-libc": "bin/detect-libc.js"
+      },
+      "engines": {
+        "node": ">=0.10"
+      }
+    },
+    "node_modules/fill-range": {
+      "version": "7.1.1",
+      "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.1.1.tgz",
+      "integrity": "sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "to-regex-range": "^5.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/govuk-frontend": {
+      "version": "5.12.0",
+      "resolved": "https://registry.npmjs.org/govuk-frontend/-/govuk-frontend-5.12.0.tgz",
+      "integrity": "sha512-gNr/UVDoORVOqVKTC9i9HOKKPeM4IDTAqtnd3t6U8LQibEr+8Q+FB7Id0u/MfR/5mqPfenG/+VGLW96vJXok/g==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 4.2.0"
+      }
+    },
+    "node_modules/immutable": {
+      "version": "5.1.3",
+      "resolved": "https://registry.npmjs.org/immutable/-/immutable-5.1.3.tgz",
+      "integrity": "sha512-+chQdDfvscSF1SJqv2gn4SRO2ZyS3xL3r7IW/wWEEzrzLisnOlKiQu5ytC/BVNcS15C39WT2Hg/bjKjDMcu+zg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/is-extglob": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
+      "integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/is-glob": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz",
+      "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "is-extglob": "^2.1.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/is-number": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
+      "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "engines": {
+        "node": ">=0.12.0"
+      }
+    },
+    "node_modules/micromatch": {
+      "version": "4.0.8",
+      "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.8.tgz",
+      "integrity": "sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "braces": "^3.0.3",
+        "picomatch": "^2.3.1"
+      },
+      "engines": {
+        "node": ">=8.6"
+      }
+    },
+    "node_modules/node-addon-api": {
+      "version": "7.1.1",
+      "resolved": "https://registry.npmjs.org/node-addon-api/-/node-addon-api-7.1.1.tgz",
+      "integrity": "sha512-5m3bsyrjFWE1xf7nz7YXdN4udnVtXK6/Yfgn5qnahL6bCkf2yKt4k3nuTKAtT4r3IG8JNR2ncsIMdZuAzJjHQQ==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true
+    },
+    "node_modules/picomatch": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
+      "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "engines": {
+        "node": ">=8.6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/jonschlinkert"
+      }
+    },
+    "node_modules/readdirp": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-4.1.2.tgz",
+      "integrity": "sha512-GDhwkLfywWL2s6vEjyhri+eXmfH6j1L7JE27WhqLeYzoh/A3DBaYGEj2H/HFZCn/kMfim73FXxEJTw06WtxQwg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 14.18.0"
+      },
+      "funding": {
+        "type": "individual",
+        "url": "https://paulmillr.com/funding/"
+      }
+    },
+    "node_modules/sass": {
+      "version": "1.93.2",
+      "resolved": "https://registry.npmjs.org/sass/-/sass-1.93.2.tgz",
+      "integrity": "sha512-t+YPtOQHpGW1QWsh1CHQ5cPIr9lbbGZLZnbihP/D/qZj/yuV68m8qarcV17nvkOX81BCrvzAlq2klCQFZghyTg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "chokidar": "^4.0.0",
+        "immutable": "^5.0.2",
+        "source-map-js": ">=0.6.2 <2.0.0"
+      },
+      "bin": {
+        "sass": "sass.js"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      },
+      "optionalDependencies": {
+        "@parcel/watcher": "^2.4.1"
+      }
+    },
+    "node_modules/source-map-js": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.1.tgz",
+      "integrity": "sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/to-regex-range": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
+      "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "is-number": "^7.0.0"
+      },
+      "engines": {
+        "node": ">=8.0"
+      }
+    }
+  }
+}
diff --git a/node_modules/@parcel/watcher-darwin-arm64/LICENSE b/node_modules/@parcel/watcher-darwin-arm64/LICENSE
new file mode 100644
index 0000000..7fb9bc9
--- /dev/null
+++ b/node_modules/@parcel/watcher-darwin-arm64/LICENSE
@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2017-present Devon Govett
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
diff --git a/node_modules/@parcel/watcher-darwin-arm64/README.md b/node_modules/@parcel/watcher-darwin-arm64/README.md
new file mode 100644
index 0000000..d426ec6
--- /dev/null
+++ b/node_modules/@parcel/watcher-darwin-arm64/README.md
@@ -0,0 +1 @@
+This is the darwin-arm64 build of @parcel/watcher. See https://github.com/parcel-bundler/watcher for details.
\ No newline at end of file
diff --git a/node_modules/@parcel/watcher-darwin-arm64/package.json b/node_modules/@parcel/watcher-darwin-arm64/package.json
new file mode 100644
index 0000000..6e73c9b
--- /dev/null
+++ b/node_modules/@parcel/watcher-darwin-arm64/package.json
@@ -0,0 +1,30 @@
+{
+  "name": "@parcel/watcher-darwin-arm64",
+  "version": "2.5.1",
+  "main": "watcher.node",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/parcel-bundler/watcher.git"
+  },
+  "description": "A native C++ Node module for querying and subscribing to filesystem events. Used by Parcel 2.",
+  "license": "MIT",
+  "publishConfig": {
+    "access": "public"
+  },
+  "funding": {
+    "type": "opencollective",
+    "url": "https://opencollective.com/parcel"
+  },
+  "files": [
+    "watcher.node"
+  ],
+  "engines": {
+    "node": ">= 10.0.0"
+  },
+  "os": [
+    "darwin"
+  ],
+  "cpu": [
+    "arm64"
+  ]
+}
diff --git a/node_modules/@parcel/watcher-darwin-arm64/watcher.node b/node_modules/@parcel/watcher-darwin-arm64/watcher.node
new file mode 100644
index 0000000..299aebf
Binary files /dev/null and b/node_modules/@parcel/watcher-darwin-arm64/watcher.node differ
diff --git a/node_modules/@parcel/watcher/LICENSE b/node_modules/@parcel/watcher/LICENSE
new file mode 100644
index 0000000..7fb9bc9
--- /dev/null
+++ b/node_modules/@parcel/watcher/LICENSE
@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2017-present Devon Govett
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
diff --git a/node_modules/@parcel/watcher/README.md b/node_modules/@parcel/watcher/README.md
new file mode 100644
index 0000000..d212b93
--- /dev/null
+++ b/node_modules/@parcel/watcher/README.md
@@ -0,0 +1,135 @@
+# @parcel/watcher
+
+A native C++ Node module for querying and subscribing to filesystem events. Used by [Parcel 2](https://github.com/parcel-bundler/parcel).
+
+## Features
+
+- **Watch** - subscribe to realtime recursive directory change notifications when files or directories are created, updated, or deleted.
+- **Query** - performantly query for historical change events in a directory, even when your program is not running.
+- **Native** - implemented in C++ for performance and low-level integration with the operating system.
+- **Cross platform** - includes backends for macOS, Linux, Windows, FreeBSD, and Watchman.
+- **Performant** - events are throttled in C++ so the JavaScript thread is not overwhelmed during large filesystem changes (e.g. `git checkout` or `npm install`).
+- **Scalable** - tens of thousands of files can be watched or queried at once with good performance.
+
+## Example
+
+```javascript
+const watcher = require('@parcel/watcher');
+const path = require('path');
+
+// Subscribe to events
+let subscription = await watcher.subscribe(process.cwd(), (err, events) => {
+  console.log(events);
+});
+
+// later on...
+await subscription.unsubscribe();
+
+// Get events since some saved snapshot in the past
+let snapshotPath = path.join(process.cwd(), 'snapshot.txt');
+let events = await watcher.getEventsSince(process.cwd(), snapshotPath);
+
+// Save a snapshot for later
+await watcher.writeSnapshot(process.cwd(), snapshotPath);
+```
+
+## Watching
+
+`@parcel/watcher` supports subscribing to realtime notifications of changes in a directory. It works recursively, so changes in sub-directories will also be emitted.
+
+Events are throttled and coalesced for performance during large changes like `git checkout` or `npm install`, and a single notification will be emitted with all of the events at the end.
+
+Only one notification will be emitted per file. For example, if a file was both created and updated since the last event, you'll get only a `create` event. If a file is both created and deleted, you will not be notifed of that file. Renames cause two events: a `delete` for the old name, and a `create` for the new name.
+
+```javascript
+let subscription = await watcher.subscribe(process.cwd(), (err, events) => {
+  console.log(events);
+});
+```
+
+Events have two properties:
+
+- `type` - the event type: `create`, `update`, or `delete`.
+- `path` - the absolute path to the file or directory.
+
+To unsubscribe from change notifications, call the `unsubscribe` method on the returned subscription object.
+
+```javascript
+await subscription.unsubscribe();
+```
+
+`@parcel/watcher` has the following watcher backends, listed in priority order:
+
+- [FSEvents](https://developer.apple.com/documentation/coreservices/file_system_events) on macOS
+- [Watchman](https://facebook.github.io/watchman/) if installed
+- [inotify](http://man7.org/linux/man-pages/man7/inotify.7.html) on Linux
+- [ReadDirectoryChangesW](https://msdn.microsoft.com/en-us/library/windows/desktop/aa365465%28v%3Dvs.85%29.aspx) on Windows
+- [kqueue](https://man.freebsd.org/cgi/man.cgi?kqueue) on FreeBSD, or as an alternative to FSEvents on macOS
+
+You can specify the exact backend you wish to use by passing the `backend` option. If that backend is not available on the current platform, the default backend will be used instead. See below for the list of backend names that can be passed to the options.
+
+## Querying
+
+`@parcel/watcher` also supports querying for historical changes made in a directory, even when your program is not running. This makes it easy to invalidate a cache and re-build only the files that have changed, for example. It can be **significantly** faster than traversing the entire filesystem to determine what files changed, depending on the platform.
+
+In order to query for historical changes, you first need a previous snapshot to compare to. This can be saved to a file with the `writeSnapshot` function, e.g. just before your program exits.
+
+```javascript
+await watcher.writeSnapshot(dirPath, snapshotPath);
+```
+
+When your program starts up, you can query for changes that have occurred since that snapshot using the `getEventsSince` function.
+
+```javascript
+let events = await watcher.getEventsSince(dirPath, snapshotPath);
+```
+
+The events returned are exactly the same as the events that would be passed to the `subscribe` callback (see above).
+
+`@parcel/watcher` has the following watcher backends, listed in priority order:
+
+- [FSEvents](https://developer.apple.com/documentation/coreservices/file_system_events) on macOS
+- [Watchman](https://facebook.github.io/watchman/) if installed
+- [fts](http://man7.org/linux/man-pages/man3/fts.3.html) (brute force) on Linux and FreeBSD
+- [FindFirstFile](https://docs.microsoft.com/en-us/windows/desktop/api/fileapi/nf-fileapi-findfirstfilea) (brute force) on Windows
+
+The FSEvents (macOS) and Watchman backends are significantly more performant than the brute force backends used by default on Linux and Windows, for example returning results in miliseconds instead of seconds for large directory trees. This is because a background daemon monitoring filesystem changes on those platforms allows us to query cached data rather than traversing the filesystem manually (brute force).
+
+macOS has good performance with FSEvents by default. For the best performance on other platforms, install [Watchman](https://facebook.github.io/watchman/) and it will be used by `@parcel/watcher` automatically.
+
+You can specify the exact backend you wish to use by passing the `backend` option. If that backend is not available on the current platform, the default backend will be used instead. See below for the list of backend names that can be passed to the options.
+
+## Options
+
+All of the APIs in `@parcel/watcher` support the following options, which are passed as an object as the last function argument.
+
+- `ignore` - an array of paths or glob patterns to ignore. uses [`is-glob`](https://github.com/micromatch/is-glob) to distinguish paths from globs. glob patterns are parsed with [`micromatch`](https://github.com/micromatch/micromatch) (see [features](https://github.com/micromatch/micromatch#matching-features)).
+  - paths can be relative or absolute and can either be files or directories. No events will be emitted about these files or directories or their children.
+  - glob patterns match on relative paths from the root that is watched. No events will be emitted for matching paths.
+- `backend` - the name of an explicitly chosen backend to use. Allowed options are `"fs-events"`, `"watchman"`, `"inotify"`, `"kqueue"`, `"windows"`, or `"brute-force"` (only for querying). If the specified backend is not available on the current platform, the default backend will be used instead.
+
+## WASM
+
+The `@parcel/watcher-wasm` package can be used in place of `@parcel/watcher` on unsupported platforms. It relies on the Node `fs` module, so in non-Node environments such as browsers, an `fs` polyfill will be needed.
+
+**Note**: the WASM implementation is significantly less efficient than the native implementations because it must crawl the file system to watch each directory individually. Use the native `@parcel/watcher` package wherever possible.
+
+```js
+import {subscribe} from '@parcel/watcher-wasm';
+
+// Use the module as documented above.
+subscribe(/* ... */);
+```
+
+## Who is using this?
+
+- [Parcel 2](https://parceljs.org/)
+- [VSCode](https://code.visualstudio.com/updates/v1_62#_file-watching-changes)
+- [Tailwind CSS Intellisense](https://github.com/tailwindlabs/tailwindcss-intellisense)
+- [Gatsby Cloud](https://twitter.com/chatsidhartha/status/1435647412828196867)
+- [Nx](https://nx.dev)
+- [Nuxt](https://nuxt.com)
+
+## License
+
+MIT
diff --git a/node_modules/@parcel/watcher/binding.gyp b/node_modules/@parcel/watcher/binding.gyp
new file mode 100644
index 0000000..9b8f6ff
--- /dev/null
+++ b/node_modules/@parcel/watcher/binding.gyp
@@ -0,0 +1,93 @@
+{
+  "targets": [
+    {
+      "target_name": "watcher",
+      "defines": [ "NAPI_DISABLE_CPP_EXCEPTIONS" ],
+      "sources": [ "src/binding.cc", "src/Watcher.cc", "src/Backend.cc", "src/DirTree.cc", "src/Glob.cc", "src/Debounce.cc" ],
+      "include_dirs" : ["<!(node -p \"require('node-addon-api').include_dir\")"],
+      'cflags!': [ '-fno-exceptions', '-std=c++17' ],
+      'cflags_cc!': [ '-fno-exceptions', '-std=c++17' ],
+      "conditions": [
+        ['OS=="mac"', {
+          "sources": [
+            "src/watchman/BSER.cc",
+            "src/watchman/WatchmanBackend.cc",
+            "src/shared/BruteForceBackend.cc",
+            "src/unix/fts.cc",
+            "src/macos/FSEventsBackend.cc",
+            "src/kqueue/KqueueBackend.cc"
+          ],
+          "link_settings": {
+            "libraries": ["CoreServices.framework"]
+          },
+          "defines": [
+            "WATCHMAN",
+            "BRUTE_FORCE",
+            "FS_EVENTS",
+            "KQUEUE"
+          ],
+          "xcode_settings": {
+            "GCC_ENABLE_CPP_EXCEPTIONS": "YES"
+          }
+        }],
+        ['OS=="mac" and target_arch=="arm64"', {
+          "xcode_settings": {
+            "ARCHS": ["arm64"]
+          }
+        }],
+        ['OS=="linux" or OS=="android"', {
+          "sources": [
+            "src/watchman/BSER.cc",
+            "src/watchman/WatchmanBackend.cc",
+            "src/shared/BruteForceBackend.cc",
+            "src/linux/InotifyBackend.cc",
+            "src/unix/legacy.cc"
+          ],
+          "defines": [
+            "WATCHMAN",
+            "INOTIFY",
+            "BRUTE_FORCE"
+          ]
+        }],
+        ['OS=="win"', {
+          "sources": [
+            "src/watchman/BSER.cc",
+            "src/watchman/WatchmanBackend.cc",
+            "src/shared/BruteForceBackend.cc",
+            "src/windows/WindowsBackend.cc",
+            "src/windows/win_utils.cc"
+          ],
+          "defines": [
+            "WATCHMAN",
+            "WINDOWS",
+            "BRUTE_FORCE"
+          ],
+          "msvs_settings": {
+            "VCCLCompilerTool": {
+              "ExceptionHandling": 1,  # /EHsc
+              "AdditionalOptions": ['-std:c++17']
+            }
+          }
+        }],
+        ['OS=="freebsd"', {
+          "sources": [
+            "src/watchman/BSER.cc",
+            "src/watchman/WatchmanBackend.cc",
+            "src/shared/BruteForceBackend.cc",
+            "src/unix/fts.cc",
+            "src/kqueue/KqueueBackend.cc"
+          ],
+          "defines": [
+            "WATCHMAN",
+            "BRUTE_FORCE",
+            "KQUEUE"
+          ]
+        }]
+      ]
+    }
+  ],
+  "variables": {
+    "openssl_fips": "",
+    "node_use_dtrace": "false"
+  }
+}
diff --git a/node_modules/@parcel/watcher/index.d.ts b/node_modules/@parcel/watcher/index.d.ts
new file mode 100644
index 0000000..07ce9b5
--- /dev/null
+++ b/node_modules/@parcel/watcher/index.d.ts
@@ -0,0 +1,49 @@
+declare type FilePath = string;
+declare type GlobPattern = string;
+
+declare namespace ParcelWatcher {
+  export type BackendType = 
+    | 'fs-events'
+    | 'watchman'
+    | 'inotify'
+    | 'windows'
+    | 'brute-force';
+  export type EventType = 'create' | 'update' | 'delete';
+  export interface Options {
+    ignore?: (FilePath|GlobPattern)[];
+    backend?: BackendType;
+  }
+  export type SubscribeCallback = (
+    err: Error | null,
+    events: Event[]
+  ) => unknown;
+  export interface AsyncSubscription {
+    unsubscribe(): Promise<void>;
+  }
+  export interface Event {
+    path: FilePath;
+    type: EventType;
+  }
+  export function getEventsSince(
+    dir: FilePath,
+    snapshot: FilePath,
+    opts?: Options
+  ): Promise<Event[]>;
+  export function subscribe(
+    dir: FilePath,
+    fn: SubscribeCallback,
+    opts?: Options
+  ): Promise<AsyncSubscription>;
+  export function unsubscribe(
+    dir: FilePath,
+    fn: SubscribeCallback,
+    opts?: Options
+  ): Promise<void>;
+  export function writeSnapshot(
+    dir: FilePath,
+    snapshot: FilePath,
+    opts?: Options
+  ): Promise<FilePath>;
+}
+
+export = ParcelWatcher;
\ No newline at end of file
diff --git a/node_modules/@parcel/watcher/index.js b/node_modules/@parcel/watcher/index.js
new file mode 100644
index 0000000..8afb2b1
--- /dev/null
+++ b/node_modules/@parcel/watcher/index.js
@@ -0,0 +1,41 @@
+const {createWrapper} = require('./wrapper');
+
+let name = `@parcel/watcher-${process.platform}-${process.arch}`;
+if (process.platform === 'linux') {
+  const { MUSL, family } = require('detect-libc');
+  if (family === MUSL) {
+    name += '-musl';
+  } else {
+    name += '-glibc';
+  }
+}
+
+let binding;
+try {
+  binding = require(name);
+} catch (err) {
+  handleError(err);
+  try {
+    binding = require('./build/Release/watcher.node');
+  } catch (err) {
+    handleError(err);
+    try {
+      binding = require('./build/Debug/watcher.node');
+    } catch (err) {
+      handleError(err);
+      throw new Error(`No prebuild or local build of @parcel/watcher found. Tried ${name}. Please ensure it is installed (don't use --no-optional when installing with npm). Otherwise it is possible we don't support your platform yet. If this is the case, please report an issue to https://github.com/parcel-bundler/watcher.`);
+    }
+  }
+}
+
+function handleError(err) {
+  if (err?.code !== 'MODULE_NOT_FOUND') {
+    throw err;
+  }
+}
+
+const wrapper = createWrapper(binding);
+exports.writeSnapshot = wrapper.writeSnapshot;
+exports.getEventsSince = wrapper.getEventsSince;
+exports.subscribe = wrapper.subscribe;
+exports.unsubscribe = wrapper.unsubscribe;
diff --git a/node_modules/@parcel/watcher/index.js.flow b/node_modules/@parcel/watcher/index.js.flow
new file mode 100644
index 0000000..d75da93
--- /dev/null
+++ b/node_modules/@parcel/watcher/index.js.flow
@@ -0,0 +1,48 @@
+// @flow
+declare type FilePath = string;
+declare type GlobPattern = string;
+
+export type BackendType = 
+  | 'fs-events'
+  | 'watchman'
+  | 'inotify'
+  | 'windows'
+  | 'brute-force';
+export type EventType = 'create' | 'update' | 'delete';
+export interface Options {
+  ignore?: Array<FilePath | GlobPattern>,
+  backend?: BackendType
+}
+export type SubscribeCallback = (
+  err: ?Error,
+  events: Array<Event>
+) => mixed;
+export interface AsyncSubscription {
+  unsubscribe(): Promise<void>
+}
+export interface Event {
+  path: FilePath,
+  type: EventType
+}
+declare module.exports: {
+  getEventsSince(
+    dir: FilePath,
+    snapshot: FilePath,
+    opts?: Options
+  ): Promise<Array<Event>>,
+  subscribe(
+    dir: FilePath,
+    fn: SubscribeCallback,
+    opts?: Options
+  ): Promise<AsyncSubscription>,
+  unsubscribe(
+    dir: FilePath,
+    fn: SubscribeCallback,
+    opts?: Options
+  ): Promise<void>,
+  writeSnapshot(
+    dir: FilePath,
+    snapshot: FilePath,
+    opts?: Options
+  ): Promise<FilePath>
+}
\ No newline at end of file
diff --git a/node_modules/@parcel/watcher/package.json b/node_modules/@parcel/watcher/package.json
new file mode 100644
index 0000000..dc41500
--- /dev/null
+++ b/node_modules/@parcel/watcher/package.json
@@ -0,0 +1,88 @@
+{
+  "name": "@parcel/watcher",
+  "version": "2.5.1",
+  "main": "index.js",
+  "types": "index.d.ts",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/parcel-bundler/watcher.git"
+  },
+  "description": "A native C++ Node module for querying and subscribing to filesystem events. Used by Parcel 2.",
+  "license": "MIT",
+  "publishConfig": {
+    "access": "public"
+  },
+  "funding": {
+    "type": "opencollective",
+    "url": "https://opencollective.com/parcel"
+  },
+  "files": [
+    "index.js",
+    "index.js.flow",
+    "index.d.ts",
+    "wrapper.js",
+    "package.json",
+    "README.md",
+    "LICENSE",
+    "src",
+    "scripts/build-from-source.js",
+    "binding.gyp"
+  ],
+  "scripts": {
+    "prebuild": "prebuildify --napi --strip --tag-libc",
+    "format": "prettier --write \"./**/*.{js,json,md}\"",
+    "build": "node-gyp rebuild",
+    "install": "node scripts/build-from-source.js",
+    "test": "mocha"
+  },
+  "engines": {
+    "node": ">= 10.0.0"
+  },
+  "husky": {
+    "hooks": {
+      "pre-commit": "lint-staged"
+    }
+  },
+  "lint-staged": {
+    "*.{js,json,md}": [
+      "prettier --write",
+      "git add"
+    ]
+  },
+  "dependencies": {
+    "detect-libc": "^1.0.3",
+    "is-glob": "^4.0.3",
+    "micromatch": "^4.0.5",
+    "node-addon-api": "^7.0.0"
+  },
+  "devDependencies": {
+    "esbuild": "^0.19.8",
+    "fs-extra": "^10.0.0",
+    "husky": "^7.0.2",
+    "lint-staged": "^11.1.2",
+    "mocha": "^9.1.1",
+    "napi-wasm": "^1.1.0",
+    "prebuildify": "^6.0.1",
+    "prettier": "^2.3.2"
+  },
+  "binary": {
+    "napi_versions": [
+      3
+    ]
+  },
+  "optionalDependencies": {
+    "@parcel/watcher-darwin-x64": "2.5.1",
+    "@parcel/watcher-darwin-arm64": "2.5.1",
+    "@parcel/watcher-win32-x64": "2.5.1",
+    "@parcel/watcher-win32-arm64": "2.5.1",
+    "@parcel/watcher-win32-ia32": "2.5.1",
+    "@parcel/watcher-linux-x64-glibc": "2.5.1",
+    "@parcel/watcher-linux-x64-musl": "2.5.1",
+    "@parcel/watcher-linux-arm64-glibc": "2.5.1",
+    "@parcel/watcher-linux-arm64-musl": "2.5.1",
+    "@parcel/watcher-linux-arm-glibc": "2.5.1",
+    "@parcel/watcher-linux-arm-musl": "2.5.1",
+    "@parcel/watcher-android-arm64": "2.5.1",
+    "@parcel/watcher-freebsd-x64": "2.5.1"
+  }
+}
diff --git a/node_modules/@parcel/watcher/scripts/build-from-source.js b/node_modules/@parcel/watcher/scripts/build-from-source.js
new file mode 100644
index 0000000..4602008
--- /dev/null
+++ b/node_modules/@parcel/watcher/scripts/build-from-source.js
@@ -0,0 +1,13 @@
+#!/usr/bin/env node
+
+const {spawn} = require('child_process');
+
+if (process.env.npm_config_build_from_source === 'true') {
+  build();
+}
+
+function build() {
+  spawn('node-gyp', ['rebuild'], { stdio: 'inherit', shell: true }).on('exit', function (code) {
+    process.exit(code);
+  });
+}
diff --git a/node_modules/@parcel/watcher/src/Backend.cc b/node_modules/@parcel/watcher/src/Backend.cc
new file mode 100644
index 0000000..fcf5544
--- /dev/null
+++ b/node_modules/@parcel/watcher/src/Backend.cc
@@ -0,0 +1,182 @@
+#ifdef FS_EVENTS
+#include "macos/FSEventsBackend.hh"
+#endif
+#ifdef WATCHMAN
+#include "watchman/WatchmanBackend.hh"
+#endif
+#ifdef WINDOWS
+#include "windows/WindowsBackend.hh"
+#endif
+#ifdef INOTIFY
+#include "linux/InotifyBackend.hh"
+#endif
+#ifdef KQUEUE
+#include "kqueue/KqueueBackend.hh"
+#endif
+#ifdef __wasm32__
+#include "wasm/WasmBackend.hh"
+#endif
+#include "shared/BruteForceBackend.hh"
+
+#include "Backend.hh"
+#include <unordered_map>
+
+static std::unordered_map<std::string, std::shared_ptr<Backend>> sharedBackends;
+
+std::shared_ptr<Backend> getBackend(std::string backend) {
+  // Use FSEvents on macOS by default.
+  // Use watchman by default if available on other platforms.
+  // Fall back to brute force.
+  #ifdef FS_EVENTS
+    if (backend == "fs-events" || backend == "default") {
+      return std::make_shared<FSEventsBackend>();
+    }
+  #endif
+  #ifdef WATCHMAN
+    if ((backend == "watchman" || backend == "default") && WatchmanBackend::checkAvailable()) {
+      return std::make_shared<WatchmanBackend>();
+    }
+  #endif
+  #ifdef WINDOWS
+    if (backend == "windows" || backend == "default") {
+      return std::make_shared<WindowsBackend>();
+    }
+  #endif
+  #ifdef INOTIFY
+    if (backend == "inotify" || backend == "default") {
+      return std::make_shared<InotifyBackend>();
+    }
+  #endif
+  #ifdef KQUEUE
+    if (backend == "kqueue" || backend == "default") {
+      return std::make_shared<KqueueBackend>();
+    }
+  #endif
+  #ifdef __wasm32__
+    if (backend == "wasm" || backend == "default") {
+      return std::make_shared<WasmBackend>();
+    }
+  #endif
+  if (backend == "brute-force" || backend == "default") {
+    return std::make_shared<BruteForceBackend>();
+  }
+
+  return nullptr;
+}
+
+std::shared_ptr<Backend> Backend::getShared(std::string backend) {
+  auto found = sharedBackends.find(backend);
+  if (found != sharedBackends.end()) {
+    return found->second;
+  }
+
+  auto result = getBackend(backend);
+  if (!result) {
+    return getShared("default");
+  }
+
+  result->run();
+  sharedBackends.emplace(backend, result);
+  return result;
+}
+
+void removeShared(Backend *backend) {
+  for (auto it = sharedBackends.begin(); it != sharedBackends.end(); it++) {
+    if (it->second.get() == backend) {
+      sharedBackends.erase(it);
+      break;
+    }
+  }
+
+  // Free up memory.
+  if (sharedBackends.size() == 0) {
+    sharedBackends.rehash(0);
+  }
+}
+
+void Backend::run() {
+  #ifndef __wasm32__
+    mThread = std::thread([this] () {
+      try {
+        start();
+      } catch (std::exception &err) {
+        handleError(err);
+      }
+    });
+
+    if (mThread.joinable()) {
+      mStartedSignal.wait();
+    }
+  #else
+    try {
+      start();
+    } catch (std::exception &err) {
+      handleError(err);
+    }
+  #endif
+}
+
+void Backend::notifyStarted() {
+  mStartedSignal.notify();
+}
+
+void Backend::start() {
+  notifyStarted();
+}
+
+Backend::~Backend() {
+  #ifndef __wasm32__
+    // Wait for thread to stop
+    if (mThread.joinable()) {
+      // If the backend is being destroyed from the thread itself, detach, otherwise join.
+      if (mThread.get_id() == std::this_thread::get_id()) {
+        mThread.detach();
+      } else {
+        mThread.join();
+      }
+    }
+  #endif
+}
+
+void Backend::watch(WatcherRef watcher) {
+  std::unique_lock<std::mutex> lock(mMutex);
+  auto res = mSubscriptions.find(watcher);
+  if (res == mSubscriptions.end()) {
+    try {
+      this->subscribe(watcher);
+      mSubscriptions.insert(watcher);
+    } catch (std::exception &err) {
+      unref();
+      throw;
+    }
+  }
+}
+
+void Backend::unwatch(WatcherRef watcher) {
+  std::unique_lock<std::mutex> lock(mMutex);
+  size_t deleted = mSubscriptions.erase(watcher);
+  if (deleted > 0) {
+    this->unsubscribe(watcher);
+    unref();
+  }
+}
+
+void Backend::unref() {
+  if (mSubscriptions.size() == 0) {
+    removeShared(this);
+  }
+}
+
+void Backend::handleWatcherError(WatcherError &err) {
+  unwatch(err.mWatcher);
+  err.mWatcher->notifyError(err);
+}
+
+void Backend::handleError(std::exception &err) {
+  std::unique_lock<std::mutex> lock(mMutex);
+  for (auto it = mSubscriptions.begin(); it != mSubscriptions.end(); it++) {
+    (*it)->notifyError(err);
+  }
+
+  removeShared(this);
+}
diff --git a/node_modules/@parcel/watcher/src/Backend.hh b/node_modules/@parcel/watcher/src/Backend.hh
new file mode 100644
index 0000000..d673bd1
--- /dev/null
+++ b/node_modules/@parcel/watcher/src/Backend.hh
@@ -0,0 +1,37 @@
+#ifndef BACKEND_H
+#define BACKEND_H
+
+#include "Event.hh"
+#include "Watcher.hh"
+#include "Signal.hh"
+#include <thread>
+
+class Backend {
+public:
+  virtual ~Backend();
+  void run();
+  void notifyStarted();
+
+  virtual void start();
+  virtual void writeSnapshot(WatcherRef watcher, std::string *snapshotPath) = 0;
+  virtual void getEventsSince(WatcherRef watcher, std::string *snapshotPath) = 0;
+  virtual void subscribe(WatcherRef watcher) = 0;
+  virtual void unsubscribe(WatcherRef watcher) = 0;
+
+  static std::shared_ptr<Backend> getShared(std::string backend);
+
+  void watch(WatcherRef watcher);
+  void unwatch(WatcherRef watcher);
+  void unref();
+  void handleWatcherError(WatcherError &err);
+
+  std::mutex mMutex;
+  std::thread mThread;
+private:
+  std::unordered_set<WatcherRef> mSubscriptions;
+  Signal mStartedSignal;
+
+  void handleError(std::exception &err);
+};
+
+#endif
diff --git a/node_modules/@parcel/watcher/src/Debounce.cc b/node_modules/@parcel/watcher/src/Debounce.cc
new file mode 100644
index 0000000..be07e78
--- /dev/null
+++ b/node_modules/@parcel/watcher/src/Debounce.cc
@@ -0,0 +1,113 @@
+#include "Debounce.hh"
+
+#ifdef __wasm32__
+extern "C" void on_timeout(void *ctx) {
+  Debounce *debounce = (Debounce *)ctx;
+  debounce->notify();
+}
+#endif
+
+std::shared_ptr<Debounce> Debounce::getShared() {
+  static std::weak_ptr<Debounce> sharedInstance;
+  std::shared_ptr<Debounce> shared = sharedInstance.lock();
+  if (!shared) {
+    shared = std::make_shared<Debounce>();
+    sharedInstance = shared;
+  }
+
+  return shared;
+}
+
+Debounce::Debounce() {
+  mRunning = true;
+  #ifndef __wasm32__
+    mThread = std::thread([this] () {
+      loop();
+    });
+  #endif
+}
+
+Debounce::~Debounce() {
+  mRunning = false;
+  #ifndef __wasm32__
+    mWaitSignal.notify();
+    mThread.join();
+  #endif
+}
+
+void Debounce::add(void *key, std::function<void()> cb) {
+  std::unique_lock<std::mutex> lock(mMutex);
+  mCallbacks.emplace(key, cb);
+}
+
+void Debounce::remove(void *key) {
+  std::unique_lock<std::mutex> lock(mMutex);
+  mCallbacks.erase(key);
+}
+
+void Debounce::trigger() {
+  std::unique_lock<std::mutex> lock(mMutex);
+  #ifdef __wasm32__
+    notifyIfReady();
+  #else
+    mWaitSignal.notify();
+  #endif
+}
+
+#ifndef __wasm32__
+void Debounce::loop() {
+  while (mRunning) {
+    mWaitSignal.wait();
+    if (!mRunning) {
+      break;
+    }
+
+    notifyIfReady();
+  }
+}
+#endif
+
+void Debounce::notifyIfReady() {
+  if (!mRunning) {
+    return;
+  }
+
+  // If we haven't seen an event in more than the maximum wait time, notify callbacks immediately
+  // to ensure that we don't wait forever. Otherwise, wait for the minimum wait time and batch
+  // subsequent fast changes. This also means the first file change in a batch is notified immediately,
+  // separately from the rest of the batch. This seems like an acceptable tradeoff if the common case
+  // is that only a single file was updated at a time.
+  auto time = std::chrono::steady_clock::now();
+  if ((time - mLastTime) > std::chrono::milliseconds(MAX_WAIT_TIME)) {
+    mLastTime = time;
+    notify();
+  } else {
+    wait();
+  }
+}
+
+void Debounce::wait() {
+  #ifdef __wasm32__
+    clear_timeout(mTimeout);
+    mTimeout = set_timeout(MIN_WAIT_TIME, this);
+  #else
+    auto status = mWaitSignal.waitFor(std::chrono::milliseconds(MIN_WAIT_TIME));
+    if (mRunning && (status == std::cv_status::timeout)) {
+      notify();
+    }
+  #endif
+}
+
+void Debounce::notify() {
+  std::unique_lock<std::mutex> lock(mMutex);
+
+  mLastTime = std::chrono::steady_clock::now();
+  for (auto it = mCallbacks.begin(); it != mCallbacks.end(); it++) {
+    auto cb = it->second;
+    cb();
+  }
+
+  #ifndef __wasm32__
+    mWaitSignal.reset();
+  #endif
+}
diff --git a/node_modules/@parcel/watcher/src/Debounce.hh b/node_modules/@parcel/watcher/src/Debounce.hh
new file mode 100644
index 0000000..a17fdef
--- /dev/null
+++ b/node_modules/@parcel/watcher/src/Debounce.hh
@@ -0,0 +1,49 @@
+#ifndef DEBOUNCE_H
+#define DEBOUNCE_H
+
+#include <thread>
+#include <unordered_map>
+#include <functional>
+#include "Signal.hh"
+
+#define MIN_WAIT_TIME 50
+#define MAX_WAIT_TIME 500
+
+#ifdef __wasm32__
+extern "C" {
+  int set_timeout(int ms, void *ctx);
+  void clear_timeout(int timeout);
+  void on_timeout(void *ctx);
+};
+#endif
+
+class Debounce {
+public:
+  static std::shared_ptr<Debounce> getShared();
+
+  Debounce();
+  ~Debounce();
+
+  void add(void *key, std::function<void()> cb);
+  void remove(void *key);
+  void trigger();
+  void notify();
+
+private:
+  bool mRunning;
+  std::mutex mMutex;
+  #ifdef __wasm32__
+    int mTimeout;
+  #else
+    Signal mWaitSignal;
+    std::thread mThread;
+  #endif
+  std::unordered_map<void *, std::function<void()>> mCallbacks;
+  std::chrono::time_point<std::chrono::steady_clock> mLastTime;
+
+  void loop();
+  void notifyIfReady();
+  void wait();
+};
+
+#endif
diff --git a/node_modules/@parcel/watcher/src/DirTree.cc b/node_modules/@parcel/watcher/src/DirTree.cc
new file mode 100644
index 0000000..ac17c15
--- /dev/null
+++ b/node_modules/@parcel/watcher/src/DirTree.cc
@@ -0,0 +1,152 @@
+#include "DirTree.hh"
+#include <inttypes.h>
+
+static std::mutex mDirCacheMutex;
+static std::unordered_map<std::string, std::weak_ptr<DirTree>> dirTreeCache;
+
+struct DirTreeDeleter {
+  void operator()(DirTree *tree) {
+    std::lock_guard<std::mutex> lock(mDirCacheMutex);
+    dirTreeCache.erase(tree->root);
+    delete tree;
+
+    // Free up memory.
+    if (dirTreeCache.size() == 0) {
+      dirTreeCache.rehash(0);
+    }
+  }
+};
+
+std::shared_ptr<DirTree> DirTree::getCached(std::string root) {
+  std::lock_guard<std::mutex> lock(mDirCacheMutex);
+
+  auto found = dirTreeCache.find(root);
+  std::shared_ptr<DirTree> tree;
+
+  // Use cached tree, or create an empty one.
+  if (found != dirTreeCache.end()) {
+    tree = found->second.lock();
+  } else {
+    tree = std::shared_ptr<DirTree>(new DirTree(root), DirTreeDeleter());
+    dirTreeCache.emplace(root, tree);
+  }
+
+  return tree;
+}
+
+DirTree::DirTree(std::string root, FILE *f) : root(root), isComplete(true) {
+  size_t size;
+  if (fscanf(f, "%zu", &size)) {
+    for (size_t i = 0; i < size; i++) {
+      DirEntry entry(f);
+      entries.emplace(entry.path, entry);
+    }
+  }
+}
+
+// Internal find method that has no lock
+DirEntry *DirTree::_find(std::string path) {
+  auto found = entries.find(path);
+  if (found == entries.end()) {
+    return NULL;
+  }
+
+  return &found->second;
+}
+
+DirEntry *DirTree::add(std::string path, uint64_t mtime, bool isDir) {
+  std::lock_guard<std::mutex> lock(mMutex);
+
+  DirEntry entry(path, mtime, isDir);
+  auto it = entries.emplace(entry.path, entry);
+  return &it.first->second;
+}
+
+DirEntry *DirTree::find(std::string path) {
+  std::lock_guard<std::mutex> lock(mMutex);
+  return _find(path);
+}
+
+DirEntry *DirTree::update(std::string path, uint64_t mtime) {
+  std::lock_guard<std::mutex> lock(mMutex);
+
+  DirEntry *found = _find(path);
+  if (found) {
+    found->mtime = mtime;
+  }
+
+  return found;
+}
+
+void DirTree::remove(std::string path) {
+  std::lock_guard<std::mutex> lock(mMutex);
+
+  DirEntry *found = _find(path);
+
+  // Remove all sub-entries if this is a directory
+  if (found && found->isDir) {
+    std::string pathStart = path + DIR_SEP;
+    for (auto it = entries.begin(); it != entries.end();) {
+      if (it->first.rfind(pathStart, 0) == 0) {
+        it = entries.erase(it);
+      } else {
+        it++;
+      }
+    }
+  }
+
+  entries.erase(path);
+}
+
+void DirTree::write(FILE *f) {
+  std::lock_guard<std::mutex> lock(mMutex);
+
+  fprintf(f, "%zu\n", entries.size());
+  for (auto it = entries.begin(); it != entries.end(); it++) {
+    it->second.write(f);
+  }
+}
+
+void DirTree::getChanges(DirTree *snapshot, EventList &events) {
+  std::lock_guard<std::mutex> lock(mMutex);
+  std::lock_guard<std::mutex> snapshotLock(snapshot->mMutex);
+
+  for (auto it = entries.begin(); it != entries.end(); it++) {
+    auto found = snapshot->entries.find(it->first);
+    if (found == snapshot->entries.end()) {
+      events.create(it->second.path);
+    } else if (found->second.mtime != it->second.mtime && !found->second.isDir && !it->second.isDir) {
+      events.update(it->second.path);
+    }
+  }
+
+  for (auto it = snapshot->entries.begin(); it != snapshot->entries.end(); it++) {
+    size_t count = entries.count(it->first);
+    if (count == 0) {
+      events.remove(it->second.path);
+    }
+  }
+}
+
+DirEntry::DirEntry(std::string p, uint64_t t, bool d) {
+  path = p;
+  mtime = t;
+  isDir = d;
+  state = NULL;
+}
+
+DirEntry::DirEntry(FILE *f) {
+  size_t size;
+  if (fscanf(f, "%zu", &size)) {
+    path.resize(size);
+    if (fread(&path[0], sizeof(char), size, f)) {
+      int d = 0;
+      fscanf(f, "%" PRIu64 " %d\n", &mtime, &d);
+      isDir = d == 1;
+    }
+  }
+}
+
+void DirEntry::write(FILE *f) const {
+  fprintf(f, "%zu%s%" PRIu64 " %d\n", path.size(), path.c_str(), mtime, isDir);
+}
diff --git a/node_modules/@parcel/watcher/src/DirTree.hh b/node_modules/@parcel/watcher/src/DirTree.hh
new file mode 100644
index 0000000..328f469
--- /dev/null
+++ b/node_modules/@parcel/watcher/src/DirTree.hh
@@ -0,0 +1,50 @@
+#ifndef DIR_TREE_H
+#define DIR_TREE_H
+
+#include <string>
+#include <unordered_map>
+#include <memory>
+#include "Event.hh"
+
+#ifdef _WIN32
+#define DIR_SEP "\\"
+#else
+#define DIR_SEP "/"
+#endif
+
+struct DirEntry {
+  std::string path;
+  uint64_t mtime;
+  bool isDir;
+  mutable void *state;
+
+  DirEntry(std::string p, uint64_t t, bool d);
+  DirEntry(FILE *f);
+  void write(FILE *f) const;
+  bool operator==(const DirEntry &other) const {
+    return path == other.path;
+  }
+};
+
+class DirTree {
+public:
+  static std::shared_ptr<DirTree> getCached(std::string root);
+  DirTree(std::string root) : root(root), isComplete(false) {}
+  DirTree(std::string root, FILE *f);
+  DirEntry *add(std::string path, uint64_t mtime, bool isDir);
+  DirEntry *find(std::string path);
+  DirEntry *update(std::string path, uint64_t mtime);
+  void remove(std::string path);
+  void write(FILE *f);
+  void getChanges(DirTree *snapshot, EventList &events);
+
+  std::mutex mMutex;
+  std::string root;
+  bool isComplete;
+  std::unordered_map<std::string, DirEntry> entries;
+
+private:
+  DirEntry *_find(std::string path);
+};
+
+#endif
diff --git a/node_modules/@parcel/watcher/src/Event.hh b/node_modules/@parcel/watcher/src/Event.hh
new file mode 100644
index 0000000..8d09712
--- /dev/null
+++ b/node_modules/@parcel/watcher/src/Event.hh
@@ -0,0 +1,109 @@
+#ifndef EVENT_H
+#define EVENT_H
+
+#include <string>
+#include <node_api.h>
+#include "wasm/include.h"
+#include <napi.h>
+#include <mutex>
+#include <map>
+#include <optional>
+
+using namespace Napi;
+
+struct Event {
+  std::string path;
+  bool isCreated;
+  bool isDeleted;
+  Event(std::string path) : path(path), isCreated(false), isDeleted(false) {}
+
+  Value toJS(const Env& env) {
+    EscapableHandleScope scope(env);
+    Object res = Object::New(env);
+    std::string type = isCreated ? "create" : isDeleted ? "delete" : "update";
+    res.Set(String::New(env, "path"), String::New(env, path.c_str()));
+    res.Set(String::New(env, "type"), String::New(env, type.c_str()));
+    return scope.Escape(res);
+  }
+};
+
+class EventList {
+public:
+  void create(std::string path) {
+    std::lock_guard<std::mutex> l(mMutex);
+    Event *event = internalUpdate(path);
+    if (event->isDeleted) {
+      // Assume update event when rapidly removed and created
+      // https://github.com/parcel-bundler/watcher/issues/72
+      event->isDeleted = false;
+    } else {
+      event->isCreated = true;
+    }
+  }
+
+  Event *update(std::string path) {
+    std::lock_guard<std::mutex> l(mMutex);
+    return internalUpdate(path);
+  }
+
+  void remove(std::string path) {
+    std::lock_guard<std::mutex> l(mMutex);
+    Event *event = internalUpdate(path);
+    event->isDeleted = true;
+  }
+
+  size_t size() {
+    std::lock_guard<std::mutex> l(mMutex);
+    return mEvents.size();
+  }
+
+  std::vector<Event> getEvents() {
+    std::lock_guard<std::mutex> l(mMutex);
+    std::vector<Event> eventsCloneVector;
+    for(auto it = mEvents.begin(); it != mEvents.end(); ++it) {
+      if (!(it->second.isCreated && it->second.isDeleted)) {
+        eventsCloneVector.push_back(it->second);
+      }
+    }
+    return eventsCloneVector;
+  }
+
+  void clear() {
+    std::lock_guard<std::mutex> l(mMutex);
+    mEvents.clear();
+    mError.reset();
+  }
+
+  void error(std::string err) {
+    std::lock_guard<std::mutex> l(mMutex);
+    if (!mError.has_value()) {
+      mError.emplace(err);
+    }
+  }
+
+  bool hasError() {
+    std::lock_guard<std::mutex> l(mMutex);
+    return mError.has_value();
+  }
+
+  std::string getError() {
+    std::lock_guard<std::mutex> l(mMutex);
+    return mError.value_or("");
+  }
+
+private:
+  mutable std::mutex mMutex;
+  std::map<std::string, Event> mEvents;
+  std::optional<std::string> mError;
+  Event *internalUpdate(std::string path) {
+    auto found = mEvents.find(path);
+    if (found == mEvents.end()) {
+      auto it = mEvents.emplace(path, Event(path));
+      return &it.first->second;
+    }
+
+    return &found->second;
+  }
+};
+
+#endif
diff --git a/node_modules/@parcel/watcher/src/Glob.cc b/node_modules/@parcel/watcher/src/Glob.cc
new file mode 100644
index 0000000..a4a1722
--- /dev/null
+++ b/node_modules/@parcel/watcher/src/Glob.cc
@@ -0,0 +1,22 @@
+#include "Glob.hh"
+
+#ifdef __wasm32__
+extern "C" bool wasm_regex_match(const char *s, const char *regex);
+#endif
+
+Glob::Glob(std::string raw) {
+  mRaw = raw;
+  mHash = std::hash<std::string>()(raw);
+  #ifndef __wasm32__
+    mRegex = std::regex(raw);
+  #endif
+}
+
+bool Glob::isIgnored(std::string relative_path) const {
+  // Use native JS regex engine for wasm to reduce binary size.
+  #ifdef __wasm32__
+    return wasm_regex_match(relative_path.c_str(), mRaw.c_str());
+  #else
+    return std::regex_match(relative_path, mRegex);
+  #endif
+}
diff --git a/node_modules/@parcel/watcher/src/Glob.hh b/node_modules/@parcel/watcher/src/Glob.hh
new file mode 100644
index 0000000..6e049e6
--- /dev/null
+++ b/node_modules/@parcel/watcher/src/Glob.hh
@@ -0,0 +1,34 @@
+#ifndef GLOB_H
+#define GLOB_H
+
+#include <unordered_set>
+#include <regex>
+
+struct Glob {
+  std::size_t mHash;
+  std::string mRaw;
+  #ifndef __wasm32__
+  std::regex mRegex;
+  #endif
+
+  Glob(std::string raw);
+
+  bool operator==(const Glob &other) const {
+    return mHash == other.mHash;
+  }
+
+  bool isIgnored(std::string relative_path) const;
+};
+
+namespace std
+{
+  template <>
+  struct hash<Glob>
+  {
+    size_t operator()(const Glob& g) const {
+      return g.mHash;
+    }
+  };
+}
+
+#endif
diff --git a/node_modules/@parcel/watcher/src/PromiseRunner.hh b/node_modules/@parcel/watcher/src/PromiseRunner.hh
new file mode 100644
index 0000000..4ca3bb6
--- /dev/null
+++ b/node_modules/@parcel/watcher/src/PromiseRunner.hh
@@ -0,0 +1,101 @@
+#ifndef PROMISE_RUNNER_H
+#define PROMISE_RUNNER_H
+
+#include <node_api.h>
+#include "wasm/include.h"
+#include <napi.h>
+
+using namespace Napi;
+
+class PromiseRunner {
+public:
+  const Env env;
+  Promise::Deferred deferred;
+
+  PromiseRunner(Env env) : env(env), deferred(Promise::Deferred::New(env)) {
+    napi_status status = napi_create_async_work(env, nullptr, env.Undefined(),
+                                                onExecute, onWorkComplete, this, &work);
+    if (status != napi_ok) {
+      work = nullptr;
+      const napi_extended_error_info *error_info = 0;
+      napi_get_last_error_info(env, &error_info);
+      if (error_info->error_message) {
+        Error::New(env, error_info->error_message).ThrowAsJavaScriptException();
+      } else {
+        Error::New(env).ThrowAsJavaScriptException();
+      }
+    }
+  }
+
+  virtual ~PromiseRunner() {}
+
+  Value queue() {
+    if (work) {
+      napi_status status = napi_queue_async_work(env, work);
+      if (status != napi_ok) {
+        onError(Error::New(env));
+      }
+    }
+
+    return deferred.Promise();
+  }
+
+private:
+  napi_async_work work;
+  std::string error;
+
+  static void onExecute(napi_env env, void *this_pointer) {
+    PromiseRunner* self = (PromiseRunner*) this_pointer;
+    try {
+      self->execute();
+    } catch (std::exception &err) {
+      self->error = err.what();
+    }
+  }
+
+  static void onWorkComplete(napi_env env, napi_status status, void *this_pointer) {
+    PromiseRunner* self = (PromiseRunner*) this_pointer;
+    if (status != napi_cancelled) {
+      HandleScope scope(self->env);
+      if (status == napi_ok) {
+        status = napi_delete_async_work(self->env, self->work);
+        if (status == napi_ok) {
+          if (self->error.size() == 0) {
+            self->onOK();
+          } else {
+            self->onError(Error::New(self->env, self->error));
+          }
+          delete self;
+          return;
+        }
+      }
+    }
+
+    // fallthrough for error handling
+    const napi_extended_error_info *error_info = 0;
+    napi_get_last_error_info(env, &error_info);
+    if (error_info->error_message){
+      self->onError(Error::New(env, error_info->error_message));
+    } else {
+      self->onError(Error::New(env));
+    }
+    delete self;
+  }
+
+  virtual void execute() {}
+  virtual Value getResult() {
+    return env.Null();
+  }
+
+  void onOK() {
+    HandleScope scope(env);
+    Value result = getResult();
+    deferred.Resolve(result);
+  }
+
+  void onError(const Error &e) {
+    deferred.Reject(e.Value());
+  }
+};
+
+#endif
diff --git a/node_modules/@parcel/watcher/src/Signal.hh b/node_modules/@parcel/watcher/src/Signal.hh
new file mode 100644
index 0000000..e577319
--- /dev/null
+++ b/node_modules/@parcel/watcher/src/Signal.hh
@@ -0,0 +1,46 @@
+#ifndef SIGNAL_H
+#define SIGNAL_H
+
+#include <mutex>
+#include <condition_variable>
+
+class Signal {
+public:
+  Signal() : mFlag(false), mWaiting(false) {}
+  void wait() {
+    std::unique_lock<std::mutex> lock(mMutex);
+    while (!mFlag) {
+      mWaiting = true;
+      mCond.wait(lock);
+    }
+  }
+
+  std::cv_status waitFor(std::chrono::milliseconds ms) {
+    std::unique_lock<std::mutex> lock(mMutex);
+    return mCond.wait_for(lock, ms);
+  }
+
+  void notify() {
+    std::unique_lock<std::mutex> lock(mMutex);
+    mFlag = true;
+    mCond.notify_all();
+  }
+
+  void reset() {
+    std::unique_lock<std::mutex> lock(mMutex);
+    mFlag = false;
+    mWaiting = false;
+  }
+  
+  bool isWaiting() {
+    return mWaiting;
+  }
+
+private:
+  bool mFlag;
+  bool mWaiting;
+  std::mutex mMutex;
+  std::condition_variable mCond;
+};
+
+#endif
diff --git a/node_modules/@parcel/watcher/src/Watcher.cc b/node_modules/@parcel/watcher/src/Watcher.cc
new file mode 100644
index 0000000..e9d7676
--- /dev/null
+++ b/node_modules/@parcel/watcher/src/Watcher.cc
@@ -0,0 +1,237 @@
+#include "Watcher.hh"
+#include <unordered_set>
+
+using namespace Napi;
+
+struct WatcherHash {
+  std::size_t operator() (WatcherRef const &k) const {
+    return std::hash<std::string>()(k->mDir);
+  }
+};
+
+struct WatcherCompare {
+  size_t operator() (WatcherRef const &a, WatcherRef const &b) const {
+    return *a == *b;
+  }
+};
+
+static std::unordered_set<WatcherRef , WatcherHash, WatcherCompare> sharedWatchers;
+
+WatcherRef Watcher::getShared(std::string dir, std::unordered_set<std::string> ignorePaths, std::unordered_set<Glob> ignoreGlobs) {
+  WatcherRef watcher = std::make_shared<Watcher>(dir, ignorePaths, ignoreGlobs);
+  auto found = sharedWatchers.find(watcher);
+  if (found != sharedWatchers.end()) {
+    return *found;
+  }
+
+  sharedWatchers.insert(watcher);
+  return watcher;
+}
+
+void removeShared(Watcher *watcher) {
+  for (auto it = sharedWatchers.begin(); it != sharedWatchers.end(); it++) {
+    if (it->get() == watcher) {
+      sharedWatchers.erase(it);
+      break;
+    }
+  }
+
+  // Free up memory.
+  if (sharedWatchers.size() == 0) {
+    sharedWatchers.rehash(0);
+  }
+}
+
+Watcher::Watcher(std::string dir, std::unordered_set<std::string> ignorePaths, std::unordered_set<Glob> ignoreGlobs)
+  : mDir(dir),
+    mIgnorePaths(ignorePaths),
+    mIgnoreGlobs(ignoreGlobs) {
+      mDebounce = Debounce::getShared();
+      mDebounce->add(this, [this] () {
+        triggerCallbacks();
+      });
+    }
+
+Watcher::~Watcher() {
+  mDebounce->remove(this);
+}
+
+void Watcher::wait() {
+  std::unique_lock<std::mutex> lk(mMutex);
+  mCond.wait(lk);
+}
+
+void Watcher::notify() {
+  std::unique_lock<std::mutex> lk(mMutex);
+  mCond.notify_all();
+
+  if (mCallbacks.size() > 0 && mEvents.size() > 0) {
+    // We must release our lock before calling into the debouncer
+    // to avoid a deadlock: the debouncer thread itself will require
+    // our lock from its thread when calling into `triggerCallbacks`
+    // while holding its own debouncer lock.
+    lk.unlock();
+    mDebounce->trigger();
+  }
+}
+
+struct CallbackData {
+  std::string error;
+  std::vector<Event> events;
+  CallbackData(std::string error, std::vector<Event> events) : error(error), events(events) {}
+};
+
+Value callbackEventsToJS(const Env &env, std::vector<Event> &events) {
+  EscapableHandleScope scope(env);
+  Array arr = Array::New(env, events.size());
+  size_t currentEventIndex = 0;
+  for (auto eventIterator = events.begin(); eventIterator != events.end(); eventIterator++) {
+    arr.Set(currentEventIndex++, eventIterator->toJS(env));
+  }
+  return scope.Escape(arr);
+}
+
+void callJSFunction(Napi::Env env, Function jsCallback, CallbackData *data) {
+  HandleScope scope(env);
+  auto err = data->error.size() > 0 ? Error::New(env, data->error).Value() : env.Null();
+  auto events = callbackEventsToJS(env, data->events);
+  jsCallback.Call({err, events});
+  delete data;
+
+  // Throw errors from the callback as fatal exceptions
+  // If we don't handle these node segfaults...
+  if (env.IsExceptionPending()) {
+    Napi::Error err = env.GetAndClearPendingException();
+    napi_fatal_exception(env, err.Value());
+  }
+}
+
+void Watcher::notifyError(std::exception &err) {
+  std::unique_lock<std::mutex> lk(mMutex);
+  for (auto it = mCallbacks.begin(); it != mCallbacks.end(); it++) {
+    CallbackData *data = new CallbackData(err.what(), {});
+    it->tsfn.BlockingCall(data, callJSFunction);
+  }
+
+  clearCallbacks();
+}
+
+// This function is called from the debounce thread.
+void Watcher::triggerCallbacks() {
+  std::unique_lock<std::mutex> lk(mMutex);
+  if (mCallbacks.size() > 0 && (mEvents.size() > 0 || mEvents.hasError())) {
+    auto error = mEvents.getError();
+    auto events = mEvents.getEvents();
+    mEvents.clear();
+
+    for (auto it = mCallbacks.begin(); it != mCallbacks.end(); it++) {
+      it->tsfn.BlockingCall(new CallbackData(error, events), callJSFunction);
+    }
+  }
+}
+
+// This should be called from the JavaScript thread.
+bool Watcher::watch(Function callback) {
+  std::unique_lock<std::mutex> lk(mMutex);
+
+  auto it = findCallback(callback);
+  if (it != mCallbacks.end()) {
+    return false;
+  }
+
+  auto tsfn = ThreadSafeFunction::New(
+    callback.Env(),
+    callback,
+    "Watcher callback",
+    0, // Unlimited queue
+    1 // Initial thread count
+  );
+
+  mCallbacks.push_back(Callback {
+    tsfn,
+    Napi::Persistent(callback),
+    std::this_thread::get_id()
+  });
+
+  return true;
+}
+
+// This should be called from the JavaScript thread.
+std::vector<Callback>::iterator Watcher::findCallback(Function callback) {
+  for (auto it = mCallbacks.begin(); it != mCallbacks.end(); it++) {
+    // Only consider callbacks created by the same thread, or V8 will panic.
+    if (it->threadId == std::this_thread::get_id() && it->ref.Value() == callback) {
+      return it;
+    }
+  }
+
+  return mCallbacks.end();
+}
+
+// This should be called from the JavaScript thread.
+bool Watcher::unwatch(Function callback) {
+  std::unique_lock<std::mutex> lk(mMutex);
+
+  bool removed = false;
+  auto it = findCallback(callback);
+  if (it != mCallbacks.end()) {
+    it->tsfn.Release();
+    it->ref.Unref();
+    mCallbacks.erase(it);
+    removed = true;
+  }
+
+  if (removed && mCallbacks.size() == 0) {
+    unref();
+    return true;
+  }
+
+  return false;
+}
+
+void Watcher::unref() {
+  if (mCallbacks.size() == 0) {
+    removeShared(this);
+  }
+}
+
+void Watcher::destroy() {
+  std::unique_lock<std::mutex> lk(mMutex);
+  clearCallbacks();
+}
+
+// Private because it doesn't lock.
+void Watcher::clearCallbacks() {
+  for (auto it = mCallbacks.begin(); it != mCallbacks.end(); it++) {
+    it->tsfn.Release();
+    it->ref.Unref();
+  }
+
+  mCallbacks.clear();
+  unref();
+}
+
+bool Watcher::isIgnored(std::string path) {
+  for (auto it = mIgnorePaths.begin(); it != mIgnorePaths.end(); it++) {
+    auto dir = *it + DIR_SEP;
+    if (*it == path || path.compare(0, dir.size(), dir) == 0) {
+      return true;
+    }
+  }
+
+  auto basePath = mDir + DIR_SEP;
+
+  if (path.rfind(basePath, 0) != 0) {
+    return false;
+  }
+
+  auto relativePath = path.substr(basePath.size());
+
+  for (auto it = mIgnoreGlobs.begin(); it != mIgnoreGlobs.end(); it++) {
+    if (it->isIgnored(relativePath)) {
+      return true;
+    }
+  }
+
+  return false;
+}
diff --git a/node_modules/@parcel/watcher/src/Watcher.hh b/node_modules/@parcel/watcher/src/Watcher.hh
new file mode 100644
index 0000000..f89e9f5
--- /dev/null
+++ b/node_modules/@parcel/watcher/src/Watcher.hh
@@ -0,0 +1,73 @@
+#ifndef WATCHER_H
+#define WATCHER_H
+
+#include <condition_variable>
+#include <unordered_set>
+#include <set>
+#include <node_api.h>
+#include "Glob.hh"
+#include "Event.hh"
+#include "Debounce.hh"
+#include "DirTree.hh"
+#include "Signal.hh"
+
+using namespace Napi;
+
+struct Watcher;
+using WatcherRef = std::shared_ptr<Watcher>;
+
+struct Callback {
+  Napi::ThreadSafeFunction tsfn;
+  Napi::FunctionReference ref;
+  std::thread::id threadId;
+};
+
+class WatcherState {
+public:
+    virtual ~WatcherState() = default;
+};
+
+struct Watcher {
+  std::string mDir;
+  std::unordered_set<std::string> mIgnorePaths;
+  std::unordered_set<Glob> mIgnoreGlobs;
+  EventList mEvents;
+  std::shared_ptr<WatcherState> state;
+
+  Watcher(std::string dir, std::unordered_set<std::string> ignorePaths, std::unordered_set<Glob> ignoreGlobs);
+  ~Watcher();
+
+  bool operator==(const Watcher &other) const {
+    return mDir == other.mDir && mIgnorePaths == other.mIgnorePaths && mIgnoreGlobs == other.mIgnoreGlobs;
+  }
+
+  void wait();
+  void notify();
+  void notifyError(std::exception &err);
+  bool watch(Function callback);
+  bool unwatch(Function callback);
+  void unref();
+  bool isIgnored(std::string path);
+  void destroy();
+
+  static WatcherRef getShared(std::string dir, std::unordered_set<std::string> ignorePaths, std::unordered_set<Glob> ignoreGlobs);
+
+private:
+  std::mutex mMutex;
+  std::condition_variable mCond;
+  std::vector<Callback> mCallbacks;
+  std::shared_ptr<Debounce> mDebounce;
+
+  std::vector<Callback>::iterator findCallback(Function callback);
+  void clearCallbacks();
+  void triggerCallbacks();
+};
+
+class WatcherError : public std::runtime_error {
+public:
+  WatcherRef mWatcher;
+  WatcherError(std::string msg, WatcherRef watcher) : std::runtime_error(msg), mWatcher(watcher) {}
+  WatcherError(const char *msg, WatcherRef watcher) : std::runtime_error(msg), mWatcher(watcher) {}
+};
+
+#endif
diff --git a/node_modules/@parcel/watcher/src/binding.cc b/node_modules/@parcel/watcher/src/binding.cc
new file mode 100644
index 0000000..e1506bc
--- /dev/null
+++ b/node_modules/@parcel/watcher/src/binding.cc
@@ -0,0 +1,268 @@
+#include <unordered_set>
+#include <node_api.h>
+#include "wasm/include.h"
+#include <napi.h>
+#include "Glob.hh"
+#include "Event.hh"
+#include "Backend.hh"
+#include "Watcher.hh"
+#include "PromiseRunner.hh"
+
+using namespace Napi;
+
+std::unordered_set<std::string> getIgnorePaths(Env env, Value opts) {
+  std::unordered_set<std::string> result;
+
+  if (opts.IsObject()) {
+    Value v = opts.As<Object>().Get(String::New(env, "ignorePaths"));
+    if (v.IsArray()) {
+      Array items = v.As<Array>();
+      for (size_t i = 0; i < items.Length(); i++) {
+        Value item = items.Get(Number::New(env, i));
+        if (item.IsString()) {
+          result.insert(std::string(item.As<String>().Utf8Value().c_str()));
+        }
+      }
+    }
+  }
+
+  return result;
+}
+
+std::unordered_set<Glob> getIgnoreGlobs(Env env, Value opts) {
+  std::unordered_set<Glob> result;
+
+  if (opts.IsObject()) {
+    Value v = opts.As<Object>().Get(String::New(env, "ignoreGlobs"));
+    if (v.IsArray()) {
+      Array items = v.As<Array>();
+      for (size_t i = 0; i < items.Length(); i++) {
+        Value item = items.Get(Number::New(env, i));
+        if (item.IsString()) {
+          auto key = item.As<String>().Utf8Value();
+          try {
+            result.emplace(key);
+          } catch (const std::regex_error& e) {
+            Error::New(env, e.what()).ThrowAsJavaScriptException();
+          }
+        }
+      }
+    }
+  }
+
+  return result;
+}
+
+std::shared_ptr<Backend> getBackend(Env env, Value opts) {
+  Value b = opts.As<Object>().Get(String::New(env, "backend"));
+  std::string backendName;
+  if (b.IsString()) {
+    backendName = std::string(b.As<String>().Utf8Value().c_str());
+  }
+
+  return Backend::getShared(backendName);
+}
+
+class WriteSnapshotRunner : public PromiseRunner {
+public:
+  WriteSnapshotRunner(Env env, Value dir, Value snap, Value opts)
+    : PromiseRunner(env),
+      snapshotPath(std::string(snap.As<String>().Utf8Value().c_str())) {
+    watcher = Watcher::getShared(
+      std::string(dir.As<String>().Utf8Value().c_str()),
+      getIgnorePaths(env, opts),
+      getIgnoreGlobs(env, opts)
+    );
+
+    backend = getBackend(env, opts);
+  }
+
+  ~WriteSnapshotRunner() {
+    watcher->unref();
+    backend->unref();
+  }
+private:
+  std::shared_ptr<Backend> backend;
+  WatcherRef watcher;
+  std::string snapshotPath;
+
+  void execute() override {
+    backend->writeSnapshot(watcher, &snapshotPath);
+  }
+};
+
+class GetEventsSinceRunner : public PromiseRunner {
+public:
+  GetEventsSinceRunner(Env env, Value dir, Value snap, Value opts)
+    : PromiseRunner(env),
+      snapshotPath(std::string(snap.As<String>().Utf8Value().c_str())) {
+    watcher = std::make_shared<Watcher>(
+      std::string(dir.As<String>().Utf8Value().c_str()),
+      getIgnorePaths(env, opts),
+      getIgnoreGlobs(env, opts)
+    );
+
+    backend = getBackend(env, opts);
+  }
+
+  ~GetEventsSinceRunner() {
+    watcher->unref();
+    backend->unref();
+  }
+private:
+  std::shared_ptr<Backend> backend;
+  WatcherRef watcher;
+  std::string snapshotPath;
+
+  void execute() override {
+    backend->getEventsSince(watcher, &snapshotPath);
+    if (watcher->mEvents.hasError()) {
+      throw std::runtime_error(watcher->mEvents.getError());
+    }
+  }
+
+  Value getResult() override {
+    std::vector<Event> events = watcher->mEvents.getEvents();
+    Array eventsArray = Array::New(env, events.size());
+    size_t i = 0;
+    for (auto it = events.begin(); it != events.end(); it++) {
+      eventsArray.Set(i++, it->toJS(env));
+    }
+    return eventsArray;
+  }
+};
+
+template<class Runner>
+Value queueSnapshotWork(const CallbackInfo& info) {
+  Env env = info.Env();
+  if (info.Length() < 1 || !info[0].IsString()) {
+    TypeError::New(env, "Expected a string").ThrowAsJavaScriptException();
+    return env.Null();
+  }
+
+  if (info.Length() < 2 || !info[1].IsString()) {
+    TypeError::New(env, "Expected a string").ThrowAsJavaScriptException();
+    return env.Null();
+  }
+
+  if (info.Length() >= 3 && !info[2].IsObject()) {
+    TypeError::New(env, "Expected an object").ThrowAsJavaScriptException();
+    return env.Null();
+  }
+
+  Runner *runner = new Runner(info.Env(), info[0], info[1], info[2]);
+  return runner->queue();
+}
+
+Value writeSnapshot(const CallbackInfo& info) {
+  return queueSnapshotWork<WriteSnapshotRunner>(info);
+}
+
+Value getEventsSince(const CallbackInfo& info) {
+  return queueSnapshotWork<GetEventsSinceRunner>(info);
+}
+
+class SubscribeRunner : public PromiseRunner {
+public:
+  SubscribeRunner(Env env, Value dir, Value fn, Value opts) : PromiseRunner(env) {
+    watcher = Watcher::getShared(
+      std::string(dir.As<String>().Utf8Value().c_str()),
+      getIgnorePaths(env, opts),
+      getIgnoreGlobs(env, opts)
+    );
+
+    backend = getBackend(env, opts);
+    watcher->watch(fn.As<Function>());
+  }
+
+private:
+  WatcherRef watcher;
+  std::shared_ptr<Backend> backend;
+  FunctionReference callback;
+
+  void execute() override {
+    try {
+      backend->watch(watcher);
+    } catch (std::exception &err) {
+      watcher->destroy();
+      throw;
+    }
+  }
+};
+
+class UnsubscribeRunner : public PromiseRunner {
+public:
+  UnsubscribeRunner(Env env, Value dir, Value fn, Value opts) : PromiseRunner(env) {
+    watcher = Watcher::getShared(
+      std::string(dir.As<String>().Utf8Value().c_str()),
+      getIgnorePaths(env, opts),
+      getIgnoreGlobs(env, opts)
+    );
+
+    backend = getBackend(env, opts);
+    shouldUnwatch = watcher->unwatch(fn.As<Function>());
+  }
+
+private:
+  WatcherRef watcher;
+  std::shared_ptr<Backend> backend;
+  bool shouldUnwatch;
+
+  void execute() override {
+    if (shouldUnwatch) {
+      backend->unwatch(watcher);
+    }
+  }
+};
+
+template<class Runner>
+Value queueSubscriptionWork(const CallbackInfo& info) {
+  Env env = info.Env();
+  if (info.Length() < 1 || !info[0].IsString()) {
+    TypeError::New(env, "Expected a string").ThrowAsJavaScriptException();
+    return env.Null();
+  }
+
+  if (info.Length() < 2 || !info[1].IsFunction()) {
+    TypeError::New(env, "Expected a function").ThrowAsJavaScriptException();
+    return env.Null();
+  }
+
+  if (info.Length() >= 3 && !info[2].IsObject()) {
+    TypeError::New(env, "Expected an object").ThrowAsJavaScriptException();
+    return env.Null();
+  }
+
+  Runner *runner = new Runner(info.Env(), info[0], info[1], info[2]);
+  return runner->queue();
+}
+
+Value subscribe(const CallbackInfo& info) {
+  return queueSubscriptionWork<SubscribeRunner>(info);
+}
+
+Value unsubscribe(const CallbackInfo& info) {
+  return queueSubscriptionWork<UnsubscribeRunner>(info);
+}
+
+Object Init(Env env, Object exports) {
+  exports.Set(
+    String::New(env, "writeSnapshot"),
+    Function::New(env, writeSnapshot)
+  );
+  exports.Set(
+    String::New(env, "getEventsSince"),
+    Function::New(env, getEventsSince)
+  );
+  exports.Set(
+    String::New(env, "subscribe"),
+    Function::New(env, subscribe)
+  );
+  exports.Set(
+    String::New(env, "unsubscribe"),
+    Function::New(env, unsubscribe)
+  );
+  return exports;
+}
+
+NODE_API_MODULE(watcher, Init)
diff --git a/node_modules/@parcel/watcher/src/kqueue/KqueueBackend.cc b/node_modules/@parcel/watcher/src/kqueue/KqueueBackend.cc
new file mode 100644
index 0000000..2991c32
--- /dev/null
+++ b/node_modules/@parcel/watcher/src/kqueue/KqueueBackend.cc
@@ -0,0 +1,306 @@
+#include <memory>
+#include <poll.h>
+#include <unistd.h>
+#include <libgen.h>
+#include <dirent.h>
+#include <fcntl.h>
+#include <sys/stat.h>
+#include "KqueueBackend.hh"
+
+#if __APPLE__
+#define st_mtim st_mtimespec
+#endif
+
+#if !defined(O_EVTONLY)
+#define O_EVTONLY O_RDONLY
+#endif
+
+#define CONVERT_TIME(ts) ((uint64_t)ts.tv_sec * 1000000000 + ts.tv_nsec)
+
+void KqueueBackend::start() {
+  if ((mKqueue = kqueue()) < 0) {
+    throw std::runtime_error(std::string("Unable to open kqueue: ") + strerror(errno));
+  }
+
+  // Create a pipe that we will write to when we want to end the thread.
+  int err = pipe(mPipe);
+  if (err == -1) {
+    throw std::runtime_error(std::string("Unable to open pipe: ") + strerror(errno));
+  }
+
+  // Subscribe kqueue to this pipe.
+  struct kevent ev;
+  EV_SET(
+    &ev,
+    mPipe[0],
+    EVFILT_READ,
+    EV_ADD | EV_CLEAR,
+    0,
+    0,
+    0
+  );
+
+  if (kevent(mKqueue, &ev, 1, NULL, 0, 0)) {
+    close(mPipe[0]);
+    close(mPipe[1]);
+    throw std::runtime_error(std::string("Unable to watch pipe: ") + strerror(errno));
+  }
+
+  notifyStarted();
+
+  struct kevent events[128];
+
+  while (true) {
+    int event_count = kevent(mKqueue, NULL, 0, events, 128, 0);
+    if (event_count < 0 || events[0].flags == EV_ERROR) {
+      throw std::runtime_error(std::string("kevent error: ") + strerror(errno));
+    }
+
+    // Track all of the watchers that are touched so we can notify them at the end of the events.
+    std::unordered_set<WatcherRef> watchers;
+
+    for (int i = 0; i < event_count; i++) {
+      int flags = events[i].fflags;
+      int fd = events[i].ident;
+      if (fd == mPipe[0]) {
+        // pipe was written to. break out of the loop.
+        goto done;
+      }
+
+      auto it = mFdToEntry.find(fd);
+      if (it == mFdToEntry.end()) {
+        // If fd wasn't in our map, we may have already stopped watching it. Ignore the event.
+        continue;
+      }
+
+      DirEntry *entry = it->second;
+
+      if (flags & NOTE_WRITE && entry && entry->isDir) {
+        // If a write occurred on a directory, we have to diff the contents of that
+        // directory to determine what file was added/deleted.
+        compareDir(fd, entry->path, watchers);
+      } else {
+        std::vector<KqueueSubscription *> subs = findSubscriptions(entry->path);
+        for (auto it = subs.begin(); it != subs.end(); it++) {
+          KqueueSubscription *sub = *it;
+          watchers.insert(sub->watcher);
+          if (flags & (NOTE_DELETE | NOTE_RENAME | NOTE_REVOKE)) {
+            sub->watcher->mEvents.remove(sub->path);
+            sub->tree->remove(sub->path);
+            mFdToEntry.erase((int)(size_t)entry->state);
+            mSubscriptions.erase(sub->path);
+          } else if (flags & (NOTE_WRITE | NOTE_ATTRIB | NOTE_EXTEND)) {
+            struct stat st;
+            lstat(sub->path.c_str(), &st);
+            if (entry->mtime != CONVERT_TIME(st.st_mtim)) {
+              entry->mtime = CONVERT_TIME(st.st_mtim);
+              sub->watcher->mEvents.update(sub->path);
+            }
+          }
+        }
+      }
+    }
+
+    for (auto it = watchers.begin(); it != watchers.end(); it++) {
+      (*it)->notify();
+    }
+  }
+
+done:
+  close(mPipe[0]);
+  close(mPipe[1]);
+  mEndedSignal.notify();
+}
+
+KqueueBackend::~KqueueBackend() {
+  write(mPipe[1], "X", 1);
+  mEndedSignal.wait();
+}
+
+void KqueueBackend::subscribe(WatcherRef watcher) {
+  // Build a full directory tree recursively, and watch each directory.
+  std::shared_ptr<DirTree> tree = getTree(watcher);
+
+  for (auto it = tree->entries.begin(); it != tree->entries.end(); it++) {
+    bool success = watchDir(watcher, it->second.path, tree);
+    if (!success) {
+      throw WatcherError(std::string("error watching " + watcher->mDir + ": " + strerror(errno)), watcher);
+    }
+  }
+}
+
+bool KqueueBackend::watchDir(WatcherRef watcher, std::string path, std::shared_ptr<DirTree> tree) {
+  if (watcher->isIgnored(path)) {
+    return false;
+  }
+
+  DirEntry *entry = tree->find(path);
+  if (!entry) {
+    return false;
+  }
+
+  KqueueSubscription sub = {
+    .watcher = watcher,
+    .path = path,
+    .tree = tree
+  };
+
+  if (!entry->state) {
+    int fd = open(path.c_str(), O_EVTONLY);
+    if (fd <= 0) {
+      return false;
+    }
+
+    struct kevent event;
+    EV_SET(
+      &event,
+      fd,
+      EVFILT_VNODE,
+      EV_ADD | EV_CLEAR | EV_ENABLE,
+      NOTE_DELETE | NOTE_WRITE | NOTE_EXTEND | NOTE_ATTRIB | NOTE_RENAME | NOTE_REVOKE,
+      0,
+      0
+    );
+
+    if (kevent(mKqueue, &event, 1, NULL, 0, 0)) {
+      close(fd);
+      return false;
+    }
+
+    entry->state = (void *)(size_t)fd;
+    mFdToEntry.emplace(fd, entry);
+  }
+
+  sub.fd = (int)(size_t)entry->state;
+  mSubscriptions.emplace(path, sub);
+  return true;
+}
+
+std::vector<KqueueSubscription *> KqueueBackend::findSubscriptions(std::string &path) {
+  // Find the subscriptions affected by this path.
+  // Copy pointers to them into a vector so that modifying mSubscriptions doesn't invalidate the iterator.
+  auto range = mSubscriptions.equal_range(path);
+  std::vector<KqueueSubscription *> subs;
+  for (auto it = range.first; it != range.second; it++) {
+    subs.push_back(&it->second);
+  }
+
+  return subs;
+}
+
+bool KqueueBackend::compareDir(int fd, std::string &path, std::unordered_set<WatcherRef> &watchers) {
+  // macOS doesn't support fdclosedir, so we have to duplicate the file descriptor
+  // to ensure the closedir doesn't also stop watching.
+  #if __APPLE__
+    fd = dup(fd);
+  #endif
+
+  DIR *dir = fdopendir(fd);
+  if (dir == NULL) {
+    return false;
+  }
+
+  // fdopendir doesn't rewind to the beginning.
+  rewinddir(dir);
+
+  std::vector<KqueueSubscription *> subs = findSubscriptions(path);
+  std::string dirStart = path + DIR_SEP;
+
+  std::unordered_set<std::shared_ptr<DirTree>> trees;
+  for (auto it = subs.begin(); it != subs.end(); it++) {
+    trees.emplace((*it)->tree);
+  }
+
+  std::unordered_set<std::string> entries;
+  struct dirent *entry;
+  while ((entry = readdir(dir))) {
+    if (strcmp(entry->d_name, ".") == 0 || strcmp(entry->d_name, "..") == 0) {
+      continue;
+    }
+
+    std::string fullpath = dirStart + entry->d_name;
+    entries.emplace(fullpath);
+
+    for (auto it = trees.begin(); it != trees.end(); it++) {
+      std::shared_ptr<DirTree> tree = *it;
+      if (!tree->find(fullpath)) {
+        struct stat st;
+        fstatat(fd, entry->d_name, &st, AT_SYMLINK_NOFOLLOW);
+        tree->add(fullpath, CONVERT_TIME(st.st_mtim), S_ISDIR(st.st_mode));
+
+        // Notify all watchers with the same tree.
+        for (auto i = subs.begin(); i != subs.end(); i++) {
+          KqueueSubscription *sub = *i;
+          if (sub->tree == tree) {
+            if (sub->watcher->isIgnored(fullpath)) {
+              continue;
+            }
+
+            sub->watcher->mEvents.create(fullpath);
+            watchers.emplace(sub->watcher);
+
+            bool success = watchDir(sub->watcher, fullpath, sub->tree);
+            if (!success) {
+              sub->tree->remove(fullpath);
+              return false;
+            }
+          }
+        }
+      }
+    }
+  }
+
+  for (auto it = trees.begin(); it != trees.end(); it++) {
+    std::shared_ptr<DirTree> tree = *it;
+    for (auto entry = tree->entries.begin(); entry != tree->entries.end();) {
+
+      if (
+        entry->first.rfind(dirStart, 0) == 0 &&
+        entry->first.find(DIR_SEP, dirStart.length()) == std::string::npos &&
+        entries.count(entry->first) == 0
+      ) {
+        // Notify all watchers with the same tree.
+        for (auto i = subs.begin(); i != subs.end(); i++) {
+          if ((*i)->tree == tree) {
+            KqueueSubscription *sub = *i;
+            if (!sub->watcher->isIgnored(entry->first)) {
+              sub->watcher->mEvents.remove(entry->first);
+              watchers.emplace(sub->watcher);
+            }
+          }
+        }
+
+        mFdToEntry.erase((int)(size_t)entry->second.state);
+        mSubscriptions.erase(entry->first);
+        entry = tree->entries.erase(entry);
+      } else {
+        entry++;
+      }
+    }
+  }
+
+  #if __APPLE__
+    closedir(dir);
+  #else
+    fdclosedir(dir);
+  #endif
+
+  return true;
+}
+
+void KqueueBackend::unsubscribe(WatcherRef watcher) {
+  // Find any subscriptions pointing to this watcher, and remove them.
+  for (auto it = mSubscriptions.begin(); it != mSubscriptions.end();) {
+    if (it->second.watcher.get() == watcher.get()) {
+      if (mSubscriptions.count(it->first) == 1) {
+        // Closing the file descriptor automatically unwatches it in the kqueue.
+        close(it->second.fd);
+        mFdToEntry.erase(it->second.fd);
+      }
+
+      it = mSubscriptions.erase(it);
+    } else {
+      it++;
+    }
+  }
+}
diff --git a/node_modules/@parcel/watcher/src/kqueue/KqueueBackend.hh b/node_modules/@parcel/watcher/src/kqueue/KqueueBackend.hh
new file mode 100644
index 0000000..3c6a9cd
--- /dev/null
+++ b/node_modules/@parcel/watcher/src/kqueue/KqueueBackend.hh
@@ -0,0 +1,35 @@
+#ifndef KQUEUE_H
+#define KQUEUE_H
+
+#include <unordered_map>
+#include <sys/event.h>
+#include "../shared/BruteForceBackend.hh"
+#include "../DirTree.hh"
+#include "../Signal.hh"
+
+struct KqueueSubscription {
+  WatcherRef watcher;
+  std::string path;
+  std::shared_ptr<DirTree> tree;
+  int fd;
+};
+
+class KqueueBackend : public BruteForceBackend {
+public:
+  void start() override;
+  ~KqueueBackend();
+  void subscribe(WatcherRef watcher) override;
+  void unsubscribe(WatcherRef watcher) override;
+private:
+  int mKqueue;
+  int mPipe[2];
+  std::unordered_multimap<std::string, KqueueSubscription> mSubscriptions;
+  std::unordered_map<int, DirEntry *> mFdToEntry;
+  Signal mEndedSignal;
+
+  bool watchDir(WatcherRef watcher, std::string path, std::shared_ptr<DirTree> tree);
+  bool compareDir(int fd, std::string &dir, std::unordered_set<WatcherRef> &watchers);
+  std::vector<KqueueSubscription *> findSubscriptions(std::string &path);
+};
+
+#endif
diff --git a/node_modules/@parcel/watcher/src/linux/InotifyBackend.cc b/node_modules/@parcel/watcher/src/linux/InotifyBackend.cc
new file mode 100644
index 0000000..ec92691
--- /dev/null
+++ b/node_modules/@parcel/watcher/src/linux/InotifyBackend.cc
@@ -0,0 +1,232 @@
+#include <memory>
+#include <poll.h>
+#include <unistd.h>
+#include <fcntl.h>
+#include <sys/stat.h>
+#include "InotifyBackend.hh"
+
+#define INOTIFY_MASK \
+  IN_ATTRIB | IN_CREATE | IN_DELETE | \
+  IN_DELETE_SELF | IN_MODIFY | IN_MOVE_SELF | IN_MOVED_FROM | \
+  IN_MOVED_TO | IN_DONT_FOLLOW | IN_ONLYDIR | IN_EXCL_UNLINK
+#define BUFFER_SIZE 8192
+#define CONVERT_TIME(ts) ((uint64_t)ts.tv_sec * 1000000000 + ts.tv_nsec)
+
+void InotifyBackend::start() {
+  // Create a pipe that we will write to when we want to end the thread.
+  int err = pipe2(mPipe, O_CLOEXEC | O_NONBLOCK);
+  if (err == -1) {
+    throw std::runtime_error(std::string("Unable to open pipe: ") + strerror(errno));
+  }
+
+  // Init inotify file descriptor.
+  mInotify = inotify_init1(IN_NONBLOCK | IN_CLOEXEC);
+  if (mInotify == -1) {
+    throw std::runtime_error(std::string("Unable to initialize inotify: ") + strerror(errno));
+  }
+
+  pollfd pollfds[2];
+  pollfds[0].fd = mPipe[0];
+  pollfds[0].events = POLLIN;
+  pollfds[0].revents = 0;
+  pollfds[1].fd = mInotify;
+  pollfds[1].events = POLLIN;
+  pollfds[1].revents = 0;
+
+  notifyStarted();
+
+  // Loop until we get an event from the pipe.
+  while (true) {
+    int result = poll(pollfds, 2, 500);
+    if (result < 0) {
+      throw std::runtime_error(std::string("Unable to poll: ") + strerror(errno));
+    }
+
+    if (pollfds[0].revents) {
+      break;
+    }
+
+    if (pollfds[1].revents) {
+      handleEvents();
+    }
+  }
+
+  close(mPipe[0]);
+  close(mPipe[1]);
+  close(mInotify);
+
+  mEndedSignal.notify();
+}
+
+InotifyBackend::~InotifyBackend() {
+  write(mPipe[1], "X", 1);
+  mEndedSignal.wait();
+}
+
+// This function is called by Backend::watch which takes a lock on mMutex
+void InotifyBackend::subscribe(WatcherRef watcher) {
+  // Build a full directory tree recursively, and watch each directory.
+  std::shared_ptr<DirTree> tree = getTree(watcher);
+
+  for (auto it = tree->entries.begin(); it != tree->entries.end(); it++) {
+    if (it->second.isDir) {
+      bool success = watchDir(watcher, it->second.path, tree);
+      if (!success) {
+        throw WatcherError(std::string("inotify_add_watch on '") + it->second.path + std::string("' failed: ") + strerror(errno), watcher);
+      }
+    }
+  }
+}
+
+bool InotifyBackend::watchDir(WatcherRef watcher, std::string path, std::shared_ptr<DirTree> tree) {
+  int wd = inotify_add_watch(mInotify, path.c_str(), INOTIFY_MASK);
+  if (wd == -1) {
+    return false;
+  }
+
+  std::shared_ptr<InotifySubscription> sub = std::make_shared<InotifySubscription>();
+  sub->tree = tree;
+  sub->path = path;
+  sub->watcher = watcher;
+  mSubscriptions.emplace(wd, sub);
+
+  return true;
+}
+
+void InotifyBackend::handleEvents() {
+  char buf[BUFFER_SIZE] __attribute__ ((aligned(__alignof__(struct inotify_event))));;
+  struct inotify_event *event;
+
+  // Track all of the watchers that are touched so we can notify them at the end of the events.
+  std::unordered_set<WatcherRef> watchers;
+
+  while (true) {
+    int n = read(mInotify, &buf, BUFFER_SIZE);
+    if (n < 0) {
+      if (errno == EAGAIN || errno == EWOULDBLOCK) {
+        break;
+      }
+
+      throw std::runtime_error(std::string("Error reading from inotify: ") + strerror(errno));
+    }
+
+    if (n == 0) {
+      break;
+    }
+
+    for (char *ptr = buf; ptr < buf + n; ptr += sizeof(*event) + event->len) {
+      event = (struct inotify_event *)ptr;
+
+      if ((event->mask & IN_Q_OVERFLOW) == IN_Q_OVERFLOW) {
+        // overflow
+        continue;
+      }
+
+      handleEvent(event, watchers);
+    }
+  }
+
+  for (auto it = watchers.begin(); it != watchers.end(); it++) {
+    (*it)->notify();
+  }
+}
+
+void InotifyBackend::handleEvent(struct inotify_event *event, std::unordered_set<WatcherRef> &watchers) {
+  std::unique_lock<std::mutex> lock(mMutex);
+
+  // Find the subscriptions for this watch descriptor
+  auto range = mSubscriptions.equal_range(event->wd);
+  std::unordered_set<std::shared_ptr<InotifySubscription>> set;
+  for (auto it = range.first; it != range.second; it++) {
+    set.insert(it->second);
+  }
+
+  for (auto it = set.begin(); it != set.end(); it++) {
+    if (handleSubscription(event, *it)) {
+      watchers.insert((*it)->watcher);
+    }
+  }
+}
+
+bool InotifyBackend::handleSubscription(struct inotify_event *event, std::shared_ptr<InotifySubscription> sub) {
+  // Build full path and check if its in our ignore list.
+  std::shared_ptr<Watcher> watcher = sub->watcher;
+  std::string path = std::string(sub->path);
+  bool isDir = event->mask & IN_ISDIR;
+
+  if (event->len > 0) {
+    path += "/" + std::string(event->name);
+  }
+
+  if (watcher->isIgnored(path)) {
+    return false;
+  }
+
+  // If this is a create, check if it's a directory and start watching if it is.
+  // In any case, keep the directory tree up to date.
+  if (event->mask & (IN_CREATE | IN_MOVED_TO)) {
+    watcher->mEvents.create(path);
+
+    struct stat st;
+    // Use lstat to avoid resolving symbolic links that we cannot watch anyway
+    // https://github.com/parcel-bundler/watcher/issues/76
+    lstat(path.c_str(), &st);
+    DirEntry *entry = sub->tree->add(path, CONVERT_TIME(st.st_mtim), S_ISDIR(st.st_mode));
+
+    if (entry->isDir) {
+      bool success = watchDir(watcher, path, sub->tree);
+      if (!success) {
+        sub->tree->remove(path);
+        return false;
+      }
+    }
+  } else if (event->mask & (IN_MODIFY | IN_ATTRIB)) {
+    watcher->mEvents.update(path);
+
+    struct stat st;
+    stat(path.c_str(), &st);
+    sub->tree->update(path, CONVERT_TIME(st.st_mtim));
+  } else if (event->mask & (IN_DELETE | IN_DELETE_SELF | IN_MOVED_FROM | IN_MOVE_SELF)) {
+    bool isSelfEvent = (event->mask & (IN_DELETE_SELF | IN_MOVE_SELF));
+    // Ignore delete/move self events unless this is the recursive watch root
+    if (isSelfEvent && path != watcher->mDir) {
+      return false;
+    }
+
+    // If the entry being deleted/moved is a directory, remove it from the list of subscriptions
+    // XXX: self events don't have the IN_ISDIR mask
+    if (isSelfEvent || isDir) {
+      for (auto it = mSubscriptions.begin(); it != mSubscriptions.end();) {
+        if (it->second->path == path) {
+          it = mSubscriptions.erase(it);
+        } else {
+          ++it;
+        }
+      }
+    }
+
+    watcher->mEvents.remove(path);
+    sub->tree->remove(path);
+  }
+
+  return true;
+}
+
+// This function is called by Backend::unwatch which takes a lock on mMutex
+void InotifyBackend::unsubscribe(WatcherRef watcher) {
+  // Find any subscriptions pointing to this watcher, and remove them.
+  for (auto it = mSubscriptions.begin(); it != mSubscriptions.end();) {
+    if (it->second->watcher.get() == watcher.get()) {
+      if (mSubscriptions.count(it->first) == 1) {
+        int err = inotify_rm_watch(mInotify, it->first);
+        if (err == -1) {
+          throw WatcherError(std::string("Unable to remove watcher: ") + strerror(errno), watcher);
+        }
+      }
+
+      it = mSubscriptions.erase(it);
+    } else {
+      it++;
+    }
+  }
+}
diff --git a/node_modules/@parcel/watcher/src/linux/InotifyBackend.hh b/node_modules/@parcel/watcher/src/linux/InotifyBackend.hh
new file mode 100644
index 0000000..f34cd1f
--- /dev/null
+++ b/node_modules/@parcel/watcher/src/linux/InotifyBackend.hh
@@ -0,0 +1,34 @@
+#ifndef INOTIFY_H
+#define INOTIFY_H
+
+#include <unordered_map>
+#include <sys/inotify.h>
+#include "../shared/BruteForceBackend.hh"
+#include "../DirTree.hh"
+#include "../Signal.hh"
+
+struct InotifySubscription {
+  std::shared_ptr<DirTree> tree;
+  std::string path;
+  WatcherRef watcher;
+};
+
+class InotifyBackend : public BruteForceBackend {
+public:
+  void start() override;
+  ~InotifyBackend();
+  void subscribe(WatcherRef watcher) override;
+  void unsubscribe(WatcherRef watcher) override;
+private:
+  int mPipe[2];
+  int mInotify;
+  std::unordered_multimap<int, std::shared_ptr<InotifySubscription>> mSubscriptions;
+  Signal mEndedSignal;
+
+  bool watchDir(WatcherRef watcher, std::string path, std::shared_ptr<DirTree> tree);
+  void handleEvents();
+  void handleEvent(struct inotify_event *event, std::unordered_set<WatcherRef> &watchers);
+  bool handleSubscription(struct inotify_event *event, std::shared_ptr<InotifySubscription> sub);
+};
+
+#endif
diff --git a/node_modules/@parcel/watcher/src/macos/FSEventsBackend.cc b/node_modules/@parcel/watcher/src/macos/FSEventsBackend.cc
new file mode 100644
index 0000000..cfda962
--- /dev/null
+++ b/node_modules/@parcel/watcher/src/macos/FSEventsBackend.cc
@@ -0,0 +1,338 @@
+#include <CoreServices/CoreServices.h>
+#include <sys/stat.h>
+#include <string>
+#include <fstream>
+#include <unordered_set>
+#include "../Event.hh"
+#include "../Backend.hh"
+#include "./FSEventsBackend.hh"
+#include "../Watcher.hh"
+
+#define CONVERT_TIME(ts) ((uint64_t)ts.tv_sec * 1000000000 + ts.tv_nsec)
+#define IGNORED_FLAGS (kFSEventStreamEventFlagItemIsHardlink | kFSEventStreamEventFlagItemIsLastHardlink | kFSEventStreamEventFlagItemIsSymlink | kFSEventStreamEventFlagItemIsDir | kFSEventStreamEventFlagItemIsFile)
+
+void stopStream(FSEventStreamRef stream, CFRunLoopRef runLoop) {
+  FSEventStreamStop(stream);
+  FSEventStreamUnscheduleFromRunLoop(stream, runLoop, kCFRunLoopDefaultMode);
+  FSEventStreamInvalidate(stream);
+  FSEventStreamRelease(stream);
+}
+
+// macOS has a case insensitive file system by default. In order to detect
+// file renames that only affect case, we need to get the canonical path
+// and compare it with the input path to determine if a file was created or deleted.
+bool pathExists(char *path) {
+  int fd = open(path, O_RDONLY | O_SYMLINK);
+  if (fd == -1) {
+    return false;
+  }
+
+  char buf[PATH_MAX];
+  if (fcntl(fd, F_GETPATH, buf) == -1) {
+    close(fd);
+    return false;
+  }
+
+  bool res = strncmp(path, buf, PATH_MAX) == 0;
+  close(fd);
+  return res;
+}
+
+class State: public WatcherState {
+public:
+  FSEventStreamRef stream;
+  std::shared_ptr<DirTree> tree;
+  uint64_t since;
+};
+
+void FSEventsCallback(
+  ConstFSEventStreamRef streamRef,
+  void *clientCallBackInfo,
+  size_t numEvents,
+  void *eventPaths,
+  const FSEventStreamEventFlags eventFlags[],
+  const FSEventStreamEventId eventIds[]
+) {
+  char **paths = (char **)eventPaths;
+  std::shared_ptr<Watcher>& watcher = *static_cast<std::shared_ptr<Watcher> *>(clientCallBackInfo);
+
+  EventList& list = watcher->mEvents;
+  if (watcher->state == nullptr) {
+      return;
+  }
+
+  auto stateGuard = watcher->state;
+  auto* state = static_cast<State*>(stateGuard.get());
+  uint64_t since = state->since;
+  bool deletedRoot = false;
+
+  for (size_t i = 0; i < numEvents; ++i) {
+    bool isCreated = (eventFlags[i] & kFSEventStreamEventFlagItemCreated) == kFSEventStreamEventFlagItemCreated;
+    bool isRemoved = (eventFlags[i] & kFSEventStreamEventFlagItemRemoved) == kFSEventStreamEventFlagItemRemoved;
+    bool isModified = (eventFlags[i] & kFSEventStreamEventFlagItemModified) == kFSEventStreamEventFlagItemModified ||
+                      (eventFlags[i] & kFSEventStreamEventFlagItemInodeMetaMod) == kFSEventStreamEventFlagItemInodeMetaMod ||
+                      (eventFlags[i] & kFSEventStreamEventFlagItemFinderInfoMod) == kFSEventStreamEventFlagItemFinderInfoMod ||
+                      (eventFlags[i] & kFSEventStreamEventFlagItemChangeOwner) == kFSEventStreamEventFlagItemChangeOwner ||
+                      (eventFlags[i] & kFSEventStreamEventFlagItemXattrMod) == kFSEventStreamEventFlagItemXattrMod;
+    bool isRenamed = (eventFlags[i] & kFSEventStreamEventFlagItemRenamed) == kFSEventStreamEventFlagItemRenamed;
+    bool isDone = (eventFlags[i] & kFSEventStreamEventFlagHistoryDone) == kFSEventStreamEventFlagHistoryDone;
+    bool isDir = (eventFlags[i] & kFSEventStreamEventFlagItemIsDir) == kFSEventStreamEventFlagItemIsDir;
+
+
+    if (eventFlags[i] & kFSEventStreamEventFlagMustScanSubDirs) {
+      if (eventFlags[i] & kFSEventStreamEventFlagUserDropped) {
+        list.error("Events were dropped by the FSEvents client. File system must be re-scanned.");
+      } else if (eventFlags[i] & kFSEventStreamEventFlagKernelDropped) {
+        list.error("Events were dropped by the kernel. File system must be re-scanned.");
+      } else {
+        list.error("Too many events. File system must be re-scanned.");
+      }
+    }
+
+    if (isDone) {
+      watcher->notify();
+      break;
+    }
+
+    auto ignoredFlags = IGNORED_FLAGS;
+    if (__builtin_available(macOS 10.13, *)) {
+      ignoredFlags |= kFSEventStreamEventFlagItemCloned;
+    }
+
+    // If we don't care about any of the flags that are set, ignore this event.
+    if ((eventFlags[i] & ~ignoredFlags) == 0) {
+      continue;
+    }
+
+    // FSEvents exclusion paths only apply to files, not directories.
+    if (watcher->isIgnored(paths[i])) {
+      continue;
+    }
+
+    // Handle unambiguous events first
+    if (isCreated && !(isRemoved || isModified || isRenamed)) {
+      state->tree->add(paths[i], 0, isDir);
+      list.create(paths[i]);
+    } else if (isRemoved && !(isCreated || isModified || isRenamed)) {
+      state->tree->remove(paths[i]);
+      list.remove(paths[i]);
+      if (paths[i] == watcher->mDir) {
+        deletedRoot = true;
+      }
+    } else if (isModified && !(isCreated || isRemoved || isRenamed)) {
+      struct stat file;
+      if (stat(paths[i], &file)) {
+        continue;
+      }
+
+      // Ignore if mtime is the same as the last event.
+      // This prevents duplicate events from being emitted.
+      // If tv_nsec is zero, the file system probably only has second-level
+      // granularity so allow the even through in that case.
+      uint64_t mtime = CONVERT_TIME(file.st_mtimespec);
+      DirEntry *entry = state->tree->find(paths[i]);
+      if (entry && mtime == entry->mtime && file.st_mtimespec.tv_nsec != 0) {
+        continue;
+      }
+
+      if (entry) {
+        // Update mtime.
+        entry->mtime = mtime;
+      } else {
+        // Add to tree if this path has not been discovered yet.
+        state->tree->add(paths[i], mtime, S_ISDIR(file.st_mode));
+      }
+
+      list.update(paths[i]);
+    } else {
+      // If multiple flags were set, then we need to call `stat` to determine if the file really exists.
+      // This helps disambiguate creates, updates, and deletes.
+      struct stat file;
+      if (stat(paths[i], &file) || !pathExists(paths[i])) {
+        // File does not exist, so we have to assume it was removed. This is not exact since the
+        // flags set by fsevents get coalesced together (e.g. created & deleted), so there is no way to
+        // know whether the create and delete both happened since our snapshot (in which case
+        // we'd rather ignore this event completely). This will result in some extra delete events
+        // being emitted for files we don't know about, but that is the best we can do.
+        state->tree->remove(paths[i]);
+        list.remove(paths[i]);
+        if (paths[i] == watcher->mDir) {
+          deletedRoot = true;
+        }
+        continue;
+      }
+
+      // If the file was modified, and existed before, then this is an update, otherwise a create.
+      uint64_t ctime = CONVERT_TIME(file.st_birthtimespec);
+      uint64_t mtime = CONVERT_TIME(file.st_mtimespec);
+      DirEntry *entry = !since ? state->tree->find(paths[i]) : NULL;
+      if (entry && entry->mtime == mtime && file.st_mtimespec.tv_nsec != 0) {
+        continue;
+      }
+
+      // Some mounted file systems report a creation time of 0/unix epoch which we special case.
+      if (isModified && (entry || (ctime <= since && ctime != 0))) {
+        state->tree->update(paths[i], mtime);
+        list.update(paths[i]);
+      } else {
+        state->tree->add(paths[i], mtime, S_ISDIR(file.st_mode));
+        list.create(paths[i]);
+      }
+    }
+  }
+
+  if (!since) {
+    watcher->notify();
+  }
+
+  // Stop watching if the root directory was deleted.
+  if (deletedRoot) {
+    stopStream((FSEventStreamRef)streamRef, CFRunLoopGetCurrent());
+    watcher->state = nullptr;
+  }
+}
+
+void checkWatcher(WatcherRef watcher) {
+  struct stat file;
+  if (stat(watcher->mDir.c_str(), &file)) {
+    throw WatcherError(strerror(errno), watcher);
+  }
+
+  if (!S_ISDIR(file.st_mode)) {
+    throw WatcherError(strerror(ENOTDIR), watcher);
+  }
+}
+
+void FSEventsBackend::startStream(WatcherRef watcher, FSEventStreamEventId id) {
+  checkWatcher(watcher);
+
+  CFAbsoluteTime latency = 0.001;
+  CFStringRef fileWatchPath = CFStringCreateWithCString(
+    NULL,
+    watcher->mDir.c_str(),
+    kCFStringEncodingUTF8
+  );
+
+  CFArrayRef pathsToWatch = CFArrayCreate(
+    NULL,
+    (const void **)&fileWatchPath,
+    1,
+    NULL
+  );
+
+  // Make a watcher reference we can pass into the callback. This ensures bumped ref-count.
+  std::shared_ptr<Watcher>* callbackWatcher = new std::shared_ptr<Watcher> (watcher);
+  FSEventStreamContext callbackInfo {0, static_cast<void*> (callbackWatcher), nullptr, nullptr, nullptr};
+  FSEventStreamRef stream = FSEventStreamCreate(
+    NULL,
+    &FSEventsCallback,
+    &callbackInfo,
+    pathsToWatch,
+    id,
+    latency,
+    kFSEventStreamCreateFlagFileEvents
+  );
+
+  CFMutableArrayRef exclusions = CFArrayCreateMutable(NULL, watcher->mIgnorePaths.size(), NULL);
+  for (auto it = watcher->mIgnorePaths.begin(); it != watcher->mIgnorePaths.end(); it++) {
+    CFStringRef path = CFStringCreateWithCString(
+      NULL,
+      it->c_str(),
+      kCFStringEncodingUTF8
+    );
+
+    CFArrayAppendValue(exclusions, (const void *)path);
+  }
+
+  FSEventStreamSetExclusionPaths(stream, exclusions);
+
+  FSEventStreamScheduleWithRunLoop(stream, mRunLoop, kCFRunLoopDefaultMode);
+  bool started = FSEventStreamStart(stream);
+
+  CFRelease(pathsToWatch);
+  CFRelease(fileWatchPath);
+
+  if (!started) {
+    FSEventStreamRelease(stream);
+    throw WatcherError("Error starting FSEvents stream", watcher);
+  }
+
+  auto stateGuard = watcher->state;
+  State* s = static_cast<State*>(stateGuard.get());
+  s->tree = std::make_shared<DirTree>(watcher->mDir);
+  s->stream = stream;
+}
+
+void FSEventsBackend::start() {
+  mRunLoop = CFRunLoopGetCurrent();
+  CFRetain(mRunLoop);
+
+  // Unlock once run loop has started.
+  CFRunLoopPerformBlock(mRunLoop, kCFRunLoopDefaultMode, ^ {
+    notifyStarted();
+  });
+
+  CFRunLoopWakeUp(mRunLoop);
+  CFRunLoopRun();
+}
+
+FSEventsBackend::~FSEventsBackend() {
+  std::unique_lock<std::mutex> lock(mMutex);
+  CFRunLoopStop(mRunLoop);
+  CFRelease(mRunLoop);
+}
+
+void FSEventsBackend::writeSnapshot(WatcherRef watcher, std::string *snapshotPath) {
+  std::unique_lock<std::mutex> lock(mMutex);
+  checkWatcher(watcher);
+
+  FSEventStreamEventId id = FSEventsGetCurrentEventId();
+  std::ofstream ofs(*snapshotPath);
+  ofs << id;
+  ofs << "\n";
+
+  struct timespec now;
+  clock_gettime(CLOCK_REALTIME, &now);
+  ofs << CONVERT_TIME(now);
+}
+
+void FSEventsBackend::getEventsSince(WatcherRef watcher, std::string *snapshotPath) {
+  std::unique_lock<std::mutex> lock(mMutex);
+  std::ifstream ifs(*snapshotPath);
+  if (ifs.fail()) {
+    return;
+  }
+
+  FSEventStreamEventId id;
+  uint64_t since;
+  ifs >> id;
+  ifs >> since;
+
+  auto s = std::make_shared<State>();
+  s->since = since;
+  watcher->state = s;
+
+  startStream(watcher, id);
+  watcher->wait();
+  stopStream(s->stream, mRunLoop);
+
+  watcher->state = nullptr;
+}
+
+// This function is called by Backend::watch which takes a lock on mMutex
+void FSEventsBackend::subscribe(WatcherRef watcher) {
+  auto s = std::make_shared<State>();
+  s->since = 0;
+  watcher->state = s;
+  startStream(watcher, kFSEventStreamEventIdSinceNow);
+}
+
+// This function is called by Backend::unwatch which takes a lock on mMutex
+void FSEventsBackend::unsubscribe(WatcherRef watcher) {
+  auto stateGuard = watcher->state;
+  State* s = static_cast<State*>(stateGuard.get());
+  if (s != nullptr) {
+    stopStream(s->stream, mRunLoop);
+    watcher->state = nullptr;
+  }
+}
diff --git a/node_modules/@parcel/watcher/src/macos/FSEventsBackend.hh b/node_modules/@parcel/watcher/src/macos/FSEventsBackend.hh
new file mode 100644
index 0000000..57ded66
--- /dev/null
+++ b/node_modules/@parcel/watcher/src/macos/FSEventsBackend.hh
@@ -0,0 +1,20 @@
+#ifndef FS_EVENTS_H
+#define FS_EVENTS_H
+
+#include <CoreServices/CoreServices.h>
+#include "../Backend.hh"
+
+class FSEventsBackend : public Backend {
+public:
+  void start() override;
+  ~FSEventsBackend();
+  void writeSnapshot(WatcherRef watcher, std::string *snapshotPath) override;
+  void getEventsSince(WatcherRef watcher, std::string *snapshotPath) override;
+  void subscribe(WatcherRef watcher) override;
+  void unsubscribe(WatcherRef watcher) override;
+private:
+  void startStream(WatcherRef watcher, FSEventStreamEventId id);
+  CFRunLoopRef mRunLoop;
+};
+
+#endif
diff --git a/node_modules/@parcel/watcher/src/shared/BruteForceBackend.cc b/node_modules/@parcel/watcher/src/shared/BruteForceBackend.cc
new file mode 100644
index 0000000..0e9b84f
--- /dev/null
+++ b/node_modules/@parcel/watcher/src/shared/BruteForceBackend.cc
@@ -0,0 +1,41 @@
+#include <string>
+#include "../DirTree.hh"
+#include "../Event.hh"
+#include "./BruteForceBackend.hh"
+
+std::shared_ptr<DirTree> BruteForceBackend::getTree(WatcherRef watcher, bool shouldRead) {
+  auto tree = DirTree::getCached(watcher->mDir);
+
+  // If the tree is not complete, read it if needed.
+  if (!tree->isComplete && shouldRead) {
+    readTree(watcher, tree);
+    tree->isComplete = true;
+  }
+
+  return tree;
+}
+
+void BruteForceBackend::writeSnapshot(WatcherRef watcher, std::string *snapshotPath) {
+  std::unique_lock<std::mutex> lock(mMutex);
+  auto tree = getTree(watcher);
+  FILE *f = fopen(snapshotPath->c_str(), "w");
+  if (!f) {
+    throw std::runtime_error(std::string("Unable to open snapshot file: ") + strerror(errno));
+  }
+
+  tree->write(f);
+  fclose(f);
+}
+
+void BruteForceBackend::getEventsSince(WatcherRef watcher, std::string *snapshotPath) {
+  std::unique_lock<std::mutex> lock(mMutex);
+  FILE *f = fopen(snapshotPath->c_str(), "r");
+  if (!f) {
+    throw std::runtime_error(std::string("Unable to open snapshot file: ") + strerror(errno));
+  }
+
+  DirTree snapshot{watcher->mDir, f};
+  auto now = getTree(watcher);
+  now->getChanges(&snapshot, watcher->mEvents);
+  fclose(f);
+}
diff --git a/node_modules/@parcel/watcher/src/shared/BruteForceBackend.hh b/node_modules/@parcel/watcher/src/shared/BruteForceBackend.hh
new file mode 100644
index 0000000..de7a73d
--- /dev/null
+++ b/node_modules/@parcel/watcher/src/shared/BruteForceBackend.hh
@@ -0,0 +1,25 @@
+#ifndef BRUTE_FORCE_H
+#define BRUTE_FORCE_H
+
+#include "../Backend.hh"
+#include "../DirTree.hh"
+#include "../Watcher.hh"
+
+class BruteForceBackend : public Backend {
+public:
+  void writeSnapshot(WatcherRef watcher, std::string *snapshotPath) override;
+  void getEventsSince(WatcherRef watcher, std::string *snapshotPath) override;
+  void subscribe(WatcherRef watcher) override {
+    throw "Brute force backend doesn't support subscriptions.";
+  }
+
+  void unsubscribe(WatcherRef watcher) override {
+    throw "Brute force backend doesn't support subscriptions.";
+  }
+
+  std::shared_ptr<DirTree> getTree(WatcherRef watcher, bool shouldRead = true);
+private:
+  void readTree(WatcherRef watcher, std::shared_ptr<DirTree> tree);
+};
+
+#endif
diff --git a/node_modules/@parcel/watcher/src/unix/fts.cc b/node_modules/@parcel/watcher/src/unix/fts.cc
new file mode 100644
index 0000000..d50c3e4
--- /dev/null
+++ b/node_modules/@parcel/watcher/src/unix/fts.cc
@@ -0,0 +1,50 @@
+#include <string>
+
+// weird error on linux
+#ifdef __THROW
+#undef __THROW
+#endif
+#define __THROW
+
+#include <fts.h>
+#include <sys/stat.h>
+#include "../DirTree.hh"
+#include "../shared/BruteForceBackend.hh"
+
+#define CONVERT_TIME(ts) ((uint64_t)ts.tv_sec * 1000000000 + ts.tv_nsec)
+#if __APPLE__
+#define st_mtim st_mtimespec
+#endif
+
+void BruteForceBackend::readTree(WatcherRef watcher, std::shared_ptr<DirTree> tree) {
+  char *paths[2] {(char *)watcher->mDir.c_str(), NULL};
+  FTS *fts = fts_open(paths, FTS_NOCHDIR | FTS_PHYSICAL, NULL);
+  if (!fts) {
+    throw WatcherError(strerror(errno), watcher);
+  }
+
+  FTSENT *node;
+  bool isRoot = true;
+
+  while ((node = fts_read(fts)) != NULL) {
+    if (node->fts_errno) {
+      fts_close(fts);
+      throw WatcherError(strerror(node->fts_errno), watcher);
+    }
+
+    if (isRoot && !(node->fts_info & FTS_D)) {
+      fts_close(fts);
+      throw WatcherError(strerror(ENOTDIR), watcher);
+    }
+
+    if (watcher->isIgnored(std::string(node->fts_path))) {
+      fts_set(fts, node, FTS_SKIP);
+      continue;
+    }
+
+    tree->add(node->fts_path, CONVERT_TIME(node->fts_statp->st_mtim), (node->fts_info & FTS_D) == FTS_D);
+    isRoot = false;
+  }
+
+  fts_close(fts);
+}
diff --git a/node_modules/@parcel/watcher/src/unix/legacy.cc b/node_modules/@parcel/watcher/src/unix/legacy.cc
new file mode 100644
index 0000000..60490c6
--- /dev/null
+++ b/node_modules/@parcel/watcher/src/unix/legacy.cc
@@ -0,0 +1,77 @@
+#include <string>
+
+// weird error on linux
+#ifdef __THROW
+#undef __THROW
+#endif
+#define __THROW
+
+#ifdef _LIBC
+# include <include/sys/stat.h>
+#else
+# include <sys/stat.h>
+#endif
+#include <dirent.h>
+#include <unistd.h>
+#include <fcntl.h>
+
+#include "../DirTree.hh"
+#include "../shared/BruteForceBackend.hh"
+
+#define CONVERT_TIME(ts) ((uint64_t)ts.tv_sec * 1000000000 + ts.tv_nsec)
+#if __APPLE__
+#define st_mtim st_mtimespec
+#endif
+#define ISDOT(a) (a[0] == '.' && (!a[1] || (a[1] == '.' && !a[2])))
+
+void iterateDir(WatcherRef watcher, const std::shared_ptr <DirTree> tree, const char *relative, int parent_fd, const std::string &dirname) {
+    int open_flags = (O_RDONLY | O_CLOEXEC | O_DIRECTORY | O_NOCTTY | O_NONBLOCK | O_NOFOLLOW);
+    int new_fd = openat(parent_fd, relative, open_flags);
+    if (new_fd == -1) {
+        if (errno == EACCES) {
+            return; // ignore insufficient permissions
+        }
+
+        throw WatcherError(strerror(errno), watcher);
+    }
+
+    struct stat rootAttributes;
+    fstatat(new_fd, ".", &rootAttributes, AT_SYMLINK_NOFOLLOW);
+    tree->add(dirname, CONVERT_TIME(rootAttributes.st_mtim), true);
+
+    if (DIR *dir = fdopendir(new_fd)) {
+        while (struct dirent *ent = (errno = 0, readdir(dir))) {
+            if (ISDOT(ent->d_name)) continue;
+
+            std::string fullPath = dirname + "/" + ent->d_name;
+
+            if (!watcher->isIgnored(fullPath)) {
+                struct stat attrib;
+                fstatat(new_fd, ent->d_name, &attrib, AT_SYMLINK_NOFOLLOW);
+                bool isDir = ent->d_type == DT_DIR;
+
+                if (isDir) {
+                    iterateDir(watcher, tree, ent->d_name, new_fd, fullPath);
+                } else {
+                    tree->add(fullPath, CONVERT_TIME(attrib.st_mtim), isDir);
+                }
+            }
+        }
+
+        closedir(dir);
+    } else {
+        close(new_fd);
+    }
+
+    if (errno) {
+        throw WatcherError(strerror(errno), watcher);
+    }
+}
+
+void BruteForceBackend::readTree(WatcherRef watcher, std::shared_ptr <DirTree> tree) {
+    int fd = open(watcher->mDir.c_str(), O_RDONLY);
+    if (fd) {
+        iterateDir(watcher, tree, ".", fd, watcher->mDir);
+        close(fd);
+    }
+}
diff --git a/node_modules/@parcel/watcher/src/wasm/WasmBackend.cc b/node_modules/@parcel/watcher/src/wasm/WasmBackend.cc
new file mode 100644
index 0000000..9514109
--- /dev/null
+++ b/node_modules/@parcel/watcher/src/wasm/WasmBackend.cc
@@ -0,0 +1,132 @@
+#include <sys/stat.h>
+#include "WasmBackend.hh"
+
+#define CONVERT_TIME(ts) ((uint64_t)ts.tv_sec * 1000000000 + ts.tv_nsec)
+
+void WasmBackend::start() {
+  notifyStarted();
+}
+
+void WasmBackend::subscribe(WatcherRef watcher) {
+  // Build a full directory tree recursively, and watch each directory.
+  std::shared_ptr<DirTree> tree = getTree(watcher);
+
+  for (auto it = tree->entries.begin(); it != tree->entries.end(); it++) {
+    if (it->second.isDir) {
+      watchDir(watcher, it->second.path, tree);
+    }
+  }
+}
+
+void WasmBackend::watchDir(WatcherRef watcher, std::string path, std::shared_ptr<DirTree> tree) {
+  int wd = wasm_backend_add_watch(path.c_str(), (void *)this);
+  std::shared_ptr<WasmSubscription> sub = std::make_shared<WasmSubscription>();
+  sub->tree = tree;
+  sub->path = path;
+  sub->watcher = watcher;
+  mSubscriptions.emplace(wd, sub);
+}
+
+extern "C" void wasm_backend_event_handler(void *backend, int wd, int type, char *filename) {
+  WasmBackend *b = (WasmBackend *)(backend);
+  b->handleEvent(wd, type, filename);
+}
+
+void WasmBackend::handleEvent(int wd, int type, char *filename) {
+  // Find the subscriptions for this watch descriptor
+  auto range = mSubscriptions.equal_range(wd);
+  std::unordered_set<std::shared_ptr<WasmSubscription>> set;
+  for (auto it = range.first; it != range.second; it++) {
+    set.insert(it->second);
+  }
+
+  for (auto it = set.begin(); it != set.end(); it++) {
+    if (handleSubscription(type, filename, *it)) {
+      (*it)->watcher->notify();
+    }
+  }
+}
+
+bool WasmBackend::handleSubscription(int type, char *filename, std::shared_ptr<WasmSubscription> sub) {
+  // Build full path and check if its in our ignore list.
+  WatcherRef watcher = sub->watcher;
+  std::string path = std::string(sub->path);
+
+  if (filename[0] != '\0') {
+    path += "/" + std::string(filename);
+  }
+
+  if (watcher->isIgnored(path)) {
+    return false;
+  }
+
+  if (type == 1) {
+    struct stat st;
+    stat(path.c_str(), &st);
+    sub->tree->update(path, CONVERT_TIME(st.st_mtim));
+    watcher->mEvents.update(path);
+  } else if (type == 2) {
+    // Determine if this is a create or delete depending on if the file exists or not.
+    struct stat st;
+    if (lstat(path.c_str(), &st)) {
+      // If the entry being deleted/moved is a directory, remove it from the list of subscriptions
+      DirEntry *entry = sub->tree->find(path);
+      if (!entry) {
+        return false;
+      }
+
+      if (entry->isDir) {
+        std::string pathStart = path + DIR_SEP;
+        for (auto it = mSubscriptions.begin(); it != mSubscriptions.end();) {
+          if (it->second->path == path || it->second->path.rfind(pathStart, 0) == 0) {
+            wasm_backend_remove_watch(it->first);
+            it = mSubscriptions.erase(it);
+          } else {
+            ++it;
+          }
+        }
+
+        // Remove all sub-entries
+        for (auto it = sub->tree->entries.begin(); it != sub->tree->entries.end();) {
+          if (it->first.rfind(pathStart, 0) == 0) {
+            watcher->mEvents.remove(it->first);
+            it = sub->tree->entries.erase(it);
+          } else {
+            it++;
+          }
+        }
+      }
+
+      watcher->mEvents.remove(path);
+      sub->tree->remove(path);
+    } else if (sub->tree->find(path)) {
+      sub->tree->update(path, CONVERT_TIME(st.st_mtim));
+      watcher->mEvents.update(path);
+    } else {
+      watcher->mEvents.create(path);
+
+      // If this is a create, check if it's a directory and start watching if it is.
+      DirEntry *entry = sub->tree->add(path, CONVERT_TIME(st.st_mtim), S_ISDIR(st.st_mode));
+      if (entry->isDir) {
+        watchDir(watcher, path, sub->tree);
+      }
+    }
+  }
+
+  return true;
+}
+
+void WasmBackend::unsubscribe(WatcherRef watcher) {
+  // Find any subscriptions pointing to this watcher, and remove them.
+  for (auto it = mSubscriptions.begin(); it != mSubscriptions.end();) {
+    if (it->second->watcher.get() == watcher.get()) {
+      if (mSubscriptions.count(it->first) == 1) {
+        wasm_backend_remove_watch(it->first);
+      }
+
+      it = mSubscriptions.erase(it);
+    } else {
+      it++;
+    }
+  }
+}
diff --git a/node_modules/@parcel/watcher/src/wasm/WasmBackend.hh b/node_modules/@parcel/watcher/src/wasm/WasmBackend.hh
new file mode 100644
index 0000000..9facac8
--- /dev/null
+++ b/node_modules/@parcel/watcher/src/wasm/WasmBackend.hh
@@ -0,0 +1,34 @@
+#ifndef WASM_H
+#define WASM_H
+
+#include <unordered_map>
+#include "../shared/BruteForceBackend.hh"
+#include "../DirTree.hh"
+
+extern "C" {
+  int wasm_backend_add_watch(const char *filename, void *backend);
+  void wasm_backend_remove_watch(int wd);
+  void wasm_backend_event_handler(void *backend, int wd, int type, char *filename);
+};
+
+struct WasmSubscription {
+  std::shared_ptr<DirTree> tree;
+  std::string path;
+  WatcherRef watcher;
+};
+
+class WasmBackend : public BruteForceBackend {
+public:
+  void start() override;
+  void subscribe(WatcherRef watcher) override;
+  void unsubscribe(WatcherRef watcher) override;
+  void handleEvent(int wd, int type, char *filename);
+private:
+  int mWasm;
+  std::unordered_multimap<int, std::shared_ptr<WasmSubscription>> mSubscriptions;
+
+  void watchDir(WatcherRef watcher, std::string path, std::shared_ptr<DirTree> tree);
+  bool handleSubscription(int type, char *filename, std::shared_ptr<WasmSubscription> sub);
+};
+
+#endif
diff --git a/node_modules/@parcel/watcher/src/wasm/include.h b/node_modules/@parcel/watcher/src/wasm/include.h
new file mode 100644
index 0000000..60e4d65
--- /dev/null
+++ b/node_modules/@parcel/watcher/src/wasm/include.h
@@ -0,0 +1,74 @@
+/*
+Copyright Node.js contributors. All rights reserved.
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to
+deal in the Software without restriction, including without limitation the
+rights to use, copy, modify, merge, publish, distribute, sublicense, and/or
+sell copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
+IN THE SOFTWARE.
+*/
+
+// Node does not include the headers for these functions when compiling for WASM, so add them here.
+#ifdef __wasm32__
+extern "C" {
+NAPI_EXTERN napi_status NAPI_CDECL
+napi_create_threadsafe_function(napi_env env,
+                                napi_value func,
+                                napi_value async_resource,
+                                napi_value async_resource_name,
+                                size_t max_queue_size,
+                                size_t initial_thread_count,
+                                void* thread_finalize_data,
+                                napi_finalize thread_finalize_cb,
+                                void* context,
+                                napi_threadsafe_function_call_js call_js_cb,
+                                napi_threadsafe_function* result);
+
+NAPI_EXTERN napi_status NAPI_CDECL napi_get_threadsafe_function_context(
+    napi_threadsafe_function func, void** result);
+
+NAPI_EXTERN napi_status NAPI_CDECL
+napi_call_threadsafe_function(napi_threadsafe_function func,
+                              void* data,
+                              napi_threadsafe_function_call_mode is_blocking);
+
+NAPI_EXTERN napi_status NAPI_CDECL
+napi_acquire_threadsafe_function(napi_threadsafe_function func);
+
+NAPI_EXTERN napi_status NAPI_CDECL napi_release_threadsafe_function(
+    napi_threadsafe_function func, napi_threadsafe_function_release_mode mode);
+
+NAPI_EXTERN napi_status NAPI_CDECL
+napi_unref_threadsafe_function(napi_env env, napi_threadsafe_function func);
+
+NAPI_EXTERN napi_status NAPI_CDECL
+napi_ref_threadsafe_function(napi_env env, napi_threadsafe_function func);
+
+NAPI_EXTERN napi_status NAPI_CDECL
+napi_create_async_work(napi_env env,
+                       napi_value async_resource,
+                       napi_value async_resource_name,
+                       napi_async_execute_callback execute,
+                       napi_async_complete_callback complete,
+                       void* data,
+                       napi_async_work* result);
+NAPI_EXTERN napi_status NAPI_CDECL napi_delete_async_work(napi_env env,
+                                                          napi_async_work work);
+NAPI_EXTERN napi_status NAPI_CDECL napi_queue_async_work(napi_env env,
+                                                         napi_async_work work);
+NAPI_EXTERN napi_status NAPI_CDECL napi_cancel_async_work(napi_env env,
+                                                          napi_async_work work);
+}
+#endif
diff --git a/node_modules/@parcel/watcher/src/watchman/BSER.cc b/node_modules/@parcel/watcher/src/watchman/BSER.cc
new file mode 100644
index 0000000..1fbcd45
--- /dev/null
+++ b/node_modules/@parcel/watcher/src/watchman/BSER.cc
@@ -0,0 +1,302 @@
+#include <stdint.h>
+#include "./BSER.hh"
+
+BSERType decodeType(std::istream &iss) {
+  int8_t type;
+  iss.read(reinterpret_cast<char*>(&type), sizeof(type));
+  return (BSERType) type;
+}
+
+void expectType(std::istream &iss, BSERType expected) {
+  BSERType got = decodeType(iss);
+  if (got != expected) {
+    throw std::runtime_error("Unexpected BSER type");
+  }
+}
+
+void encodeType(std::ostream &oss, BSERType type) {
+  int8_t t = (int8_t)type;
+  oss.write(reinterpret_cast<char*>(&t), sizeof(t));
+}
+
+template<typename T>
+class Value : public BSERValue {
+public:
+  T value;
+  Value(T val) {
+    value = val;
+  }
+
+  Value() {}
+};
+
+class BSERInteger : public Value<int64_t> {
+public:
+  BSERInteger(int64_t value) : Value(value) {}
+  BSERInteger(std::istream &iss) {
+    int8_t int8;
+    int16_t int16;
+    int32_t int32;
+    int64_t int64;
+
+    BSERType type = decodeType(iss);
+
+    switch (type) {
+      case BSER_INT8:
+        iss.read(reinterpret_cast<char*>(&int8), sizeof(int8));
+        value = int8;
+        break;
+      case BSER_INT16:
+        iss.read(reinterpret_cast<char*>(&int16), sizeof(int16));
+        value = int16;
+        break;
+      case BSER_INT32:
+        iss.read(reinterpret_cast<char*>(&int32), sizeof(int32));
+        value = int32;
+        break;
+      case BSER_INT64:
+        iss.read(reinterpret_cast<char*>(&int64), sizeof(int64));
+        value = int64;
+        break;
+      default:
+        throw std::runtime_error("Invalid BSER int type");
+    }
+  }
+
+  int64_t intValue() override {
+    return value;
+  }
+
+  void encode(std::ostream &oss) override {
+    if (value <= INT8_MAX) {
+      encodeType(oss, BSER_INT8);
+      int8_t v = (int8_t)value;
+      oss.write(reinterpret_cast<char*>(&v), sizeof(v));
+    } else if (value <= INT16_MAX) {
+      encodeType(oss, BSER_INT16);
+      int16_t v = (int16_t)value;
+      oss.write(reinterpret_cast<char*>(&v), sizeof(v));
+    } else if (value <= INT32_MAX) {
+      encodeType(oss, BSER_INT32);
+      int32_t v = (int32_t)value;
+      oss.write(reinterpret_cast<char*>(&v), sizeof(v));
+    } else {
+      encodeType(oss, BSER_INT64);
+      oss.write(reinterpret_cast<char*>(&value), sizeof(value));
+    }
+  }
+};
+
+class BSERArray : public Value<BSER::Array> {
+public:
+  BSERArray() : Value() {}
+  BSERArray(BSER::Array value) : Value(value) {}
+  BSERArray(std::istream &iss) {
+    expectType(iss, BSER_ARRAY);
+    int64_t len = BSERInteger(iss).intValue();
+    for (int64_t i = 0; i < len; i++) {
+      value.push_back(BSER(iss));
+    }
+  }
+  
+  BSER::Array arrayValue() override {
+    return value;
+  }
+
+  void encode(std::ostream &oss) override {
+    encodeType(oss, BSER_ARRAY);
+    BSERInteger(value.size()).encode(oss);
+    for (auto it = value.begin(); it != value.end(); it++) {
+      it->encode(oss);
+    }
+  }
+};
+
+class BSERString : public Value<std::string> {
+public:
+  BSERString(std::string value) : Value(value) {}
+  BSERString(std::istream &iss) {
+    expectType(iss, BSER_STRING);
+    int64_t len = BSERInteger(iss).intValue();
+    value.resize(len);
+    iss.read(&value[0], len);
+  }
+
+  std::string stringValue() override {
+    return value;
+  }
+
+  void encode(std::ostream &oss) override {
+    encodeType(oss, BSER_STRING);
+    BSERInteger(value.size()).encode(oss);
+    oss << value;
+  }
+};
+
+class BSERObject : public Value<BSER::Object> {
+public:
+  BSERObject() : Value() {}
+  BSERObject(BSER::Object value) : Value(value) {}
+  BSERObject(std::istream &iss) {
+    expectType(iss, BSER_OBJECT);
+    int64_t len = BSERInteger(iss).intValue();
+    for (int64_t i = 0; i < len; i++) {
+      auto key = BSERString(iss).stringValue();
+      auto val = BSER(iss);
+      value.emplace(key, val);
+    }
+  }
+
+  BSER::Object objectValue() override {
+    return value;
+  }
+
+  void encode(std::ostream &oss) override {
+    encodeType(oss, BSER_OBJECT);
+    BSERInteger(value.size()).encode(oss);
+    for (auto it = value.begin(); it != value.end(); it++) {
+      BSERString(it->first).encode(oss);
+      it->second.encode(oss);
+    }
+  }
+};
+
+class BSERDouble : public Value<double> {
+public:
+  BSERDouble(double value) : Value(value) {}
+  BSERDouble(std::istream &iss) {
+    expectType(iss, BSER_REAL);
+    iss.read(reinterpret_cast<char*>(&value), sizeof(value));
+  }
+
+  double doubleValue() override {
+    return value;
+  }
+
+  void encode(std::ostream &oss) override {
+    encodeType(oss, BSER_REAL);
+    oss.write(reinterpret_cast<char*>(&value), sizeof(value));
+  }
+};
+
+class BSERBoolean : public Value<bool> {
+public:
+  BSERBoolean(bool value) : Value(value) {}
+  bool boolValue() override { return value; }
+  void encode(std::ostream &oss) override {
+    int8_t t = value == true ? BSER_BOOL_TRUE : BSER_BOOL_FALSE;
+    oss.write(reinterpret_cast<char*>(&t), sizeof(t));
+  }
+};
+
+class BSERNull : public Value<bool> {
+public:
+  BSERNull() : Value(false) {}
+  void encode(std::ostream &oss) override {
+    encodeType(oss, BSER_NULL);
+  }
+};
+
+std::shared_ptr<BSERArray> decodeTemplate(std::istream &iss) {
+  expectType(iss, BSER_TEMPLATE);
+  auto keys = BSERArray(iss).arrayValue();
+  auto len = BSERInteger(iss).intValue();
+  std::shared_ptr<BSERArray> arr = std::make_shared<BSERArray>();
+  for (int64_t i = 0; i < len; i++) {
+    BSER::Object obj;
+    for (auto it = keys.begin(); it != keys.end(); it++) {
+      if (iss.peek() == 0x0c) {
+        iss.ignore(1);
+        continue;
+      }
+
+      auto val = BSER(iss);
+      obj.emplace(it->stringValue(), val);
+    }
+    arr->value.push_back(obj);
+  }
+  return arr;
+}
+
+BSER::BSER(std::istream &iss) {
+  BSERType type = decodeType(iss);
+  iss.unget();
+
+  switch (type) {
+    case BSER_ARRAY:
+      m_ptr = std::make_shared<BSERArray>(iss);
+      break;
+    case BSER_OBJECT:
+      m_ptr = std::make_shared<BSERObject>(iss);
+      break;
+    case BSER_STRING:
+      m_ptr = std::make_shared<BSERString>(iss);
+      break;
+    case BSER_INT8:
+    case BSER_INT16:
+    case BSER_INT32:
+    case BSER_INT64:
+      m_ptr = std::make_shared<BSERInteger>(iss);
+      break;
+    case BSER_REAL:
+      m_ptr = std::make_shared<BSERDouble>(iss);
+      break;
+    case BSER_BOOL_TRUE:
+      iss.ignore(1);
+      m_ptr = std::make_shared<BSERBoolean>(true);
+      break;
+    case BSER_BOOL_FALSE:
+      iss.ignore(1);
+      m_ptr = std::make_shared<BSERBoolean>(false);
+      break;
+    case BSER_NULL:
+      iss.ignore(1);
+      m_ptr = std::make_shared<BSERNull>();
+      break;
+    case BSER_TEMPLATE:
+      m_ptr = decodeTemplate(iss);
+      break;
+    default:
+      throw std::runtime_error("unknown BSER type");
+  }
+}
+
+BSER::BSER() : m_ptr(std::make_shared<BSERNull>()) {}
+BSER::BSER(BSER::Array value) : m_ptr(std::make_shared<BSERArray>(value)) {}
+BSER::BSER(BSER::Object value) : m_ptr(std::make_shared<BSERObject>(value)) {}
+BSER::BSER(const char *value) : m_ptr(std::make_shared<BSERString>(value)) {}
+BSER::BSER(std::string value) : m_ptr(std::make_shared<BSERString>(value)) {}
+BSER::BSER(int64_t value) : m_ptr(std::make_shared<BSERInteger>(value)) {}
+BSER::BSER(double value) : m_ptr(std::make_shared<BSERDouble>(value)) {}
+BSER::BSER(bool value) : m_ptr(std::make_shared<BSERBoolean>(value)) {}
+
+BSER::Array BSER::arrayValue() { return m_ptr->arrayValue(); }
+BSER::Object BSER::objectValue() { return m_ptr->objectValue(); }
+std::string BSER::stringValue() { return m_ptr->stringValue(); }
+int64_t BSER::intValue() { return m_ptr->intValue(); }
+double BSER::doubleValue() { return m_ptr->doubleValue(); }
+bool BSER::boolValue() { return m_ptr->boolValue(); }
+void BSER::encode(std::ostream &oss) {
+  m_ptr->encode(oss);
+}
+
+int64_t BSER::decodeLength(std::istream &iss) {
+  char pdu[2];
+  if (!iss.read(pdu, 2) || pdu[0] != 0 || pdu[1] != 1) {
+    throw std::runtime_error("Invalid BSER");
+  }
+
+  return BSERInteger(iss).intValue();
+}
+
+std::string BSER::encode() {
+  std::ostringstream oss(std::ios_base::binary);
+  encode(oss);
+
+  std::ostringstream res(std::ios_base::binary);
+  res.write("\x00\x01", 2);
+  
+  BSERInteger(oss.str().size()).encode(res);
+  res << oss.str();
+  return res.str();
+}
diff --git a/node_modules/@parcel/watcher/src/watchman/BSER.hh b/node_modules/@parcel/watcher/src/watchman/BSER.hh
new file mode 100644
index 0000000..6bd2025
--- /dev/null
+++ b/node_modules/@parcel/watcher/src/watchman/BSER.hh
@@ -0,0 +1,69 @@
+#ifndef BSER_H
+#define BSER_H
+
+#include <string>
+#include <sstream>
+#include <vector>
+#include <unordered_map>
+#include <memory>
+
+enum BSERType {
+  BSER_ARRAY = 0x00,
+  BSER_OBJECT = 0x01,
+  BSER_STRING = 0x02,
+  BSER_INT8 = 0x03,
+  BSER_INT16 = 0x04,
+  BSER_INT32 = 0x05,
+  BSER_INT64 = 0x06,
+  BSER_REAL = 0x07,
+  BSER_BOOL_TRUE = 0x08,
+  BSER_BOOL_FALSE = 0x09,
+  BSER_NULL = 0x0a,
+  BSER_TEMPLATE = 0x0b
+};
+
+class BSERValue;
+
+class BSER {
+public:
+  typedef std::vector<BSER> Array;
+  typedef std::unordered_map<std::string, BSER> Object;
+
+  BSER();
+  BSER(BSER::Array value);
+  BSER(BSER::Object value);
+  BSER(std::string value);
+  BSER(const char *value);
+  BSER(int64_t value);
+  BSER(double value);
+  BSER(bool value);
+  BSER(std::istream &iss);
+
+  BSER::Array arrayValue();
+  BSER::Object objectValue();
+  std::string stringValue();
+  int64_t intValue();
+  double doubleValue();
+  bool boolValue();
+  void encode(std::ostream &oss);
+
+  static int64_t decodeLength(std::istream &iss);
+  std::string encode();
+private:
+  std::shared_ptr<BSERValue> m_ptr;
+};
+
+class BSERValue {
+protected:
+  friend class BSER;
+  virtual BSER::Array arrayValue() { return BSER::Array(); }
+  virtual BSER::Object objectValue() { return BSER::Object(); }
+  virtual std::string stringValue() { return std::string(); }
+  virtual int64_t intValue() { return 0; }
+  virtual double doubleValue() { return 0; }
+  virtual bool boolValue() { return false; }
+  virtual void encode(std::ostream &oss) {}
+  virtual ~BSERValue() {}
+};
+
+#endif
diff --git a/node_modules/@parcel/watcher/src/watchman/IPC.hh b/node_modules/@parcel/watcher/src/watchman/IPC.hh
new file mode 100644
index 0000000..6e852c8
--- /dev/null
+++ b/node_modules/@parcel/watcher/src/watchman/IPC.hh
@@ -0,0 +1,175 @@
+#ifndef IPC_H
+#define IPC_H
+
+#include <string>
+#include <stdlib.h>
+
+#ifdef _WIN32
+#include <winsock2.h>
+#include <windows.h>
+#else
+#include <unistd.h>
+#include <sys/socket.h>
+#include <sys/un.h>
+#endif
+
+class IPC {
+public:
+  IPC(std::string path) {
+    mStopped = false;
+    #ifdef _WIN32
+      while (true) {
+        mPipe = CreateFile(
+          path.data(), // pipe name
+          GENERIC_READ | GENERIC_WRITE, // read and write access
+          0, // no sharing
+          NULL, // default security attributes
+          OPEN_EXISTING, // opens existing pipe
+          FILE_FLAG_OVERLAPPED, // attributes
+          NULL // no template file
+        );
+
+        if (mPipe != INVALID_HANDLE_VALUE) {
+          break;
+        }
+
+        if (GetLastError() != ERROR_PIPE_BUSY) {
+          throw std::runtime_error("Could not open pipe");
+        }
+
+        // Wait for pipe to become available if it is busy
+        if (!WaitNamedPipe(path.data(), 30000)) {
+          throw std::runtime_error("Error waiting for pipe");
+        }
+      }
+
+      mReader = CreateEvent(NULL, true, false, NULL);
+      mWriter = CreateEvent(NULL, true, false, NULL);
+    #else
+      struct sockaddr_un addr;
+      memset(&addr, 0, sizeof(addr));
+      addr.sun_family = AF_UNIX;
+      strncpy(addr.sun_path, path.c_str(), sizeof(addr.sun_path) - 1);
+
+      mSock = socket(AF_UNIX, SOCK_STREAM, 0);
+      if (connect(mSock, (struct sockaddr *) &addr, sizeof(struct sockaddr_un))) {
+        throw std::runtime_error("Error connecting to socket");
+      }
+    #endif
+  }
+
+  ~IPC() {
+    mStopped = true;
+    #ifdef _WIN32
+      CancelIo(mPipe);
+      CloseHandle(mPipe);
+      CloseHandle(mReader);
+      CloseHandle(mWriter);
+    #else
+      shutdown(mSock, SHUT_RDWR);
+    #endif
+  }
+
+  void write(std::string buf) {
+    #ifdef _WIN32
+      OVERLAPPED overlapped;
+      overlapped.hEvent = mWriter;
+      bool success = WriteFile(
+        mPipe, // pipe handle
+        buf.data(), // message
+        buf.size(), // message length
+        NULL, // bytes written
+        &overlapped // overlapped
+      );
+
+      if (mStopped) {
+        return;
+      }
+
+      if (!success) {
+        if (GetLastError() != ERROR_IO_PENDING) {
+          throw std::runtime_error("Write error");
+        }
+      }
+
+      DWORD written;
+      success = GetOverlappedResult(mPipe, &overlapped, &written, true);
+      if (!success) {
+        throw std::runtime_error("GetOverlappedResult failed");
+      }
+
+      if (written != buf.size()) {
+        throw std::runtime_error("Wrong number of bytes written");
+      }
+    #else
+      int r = 0;
+      for (unsigned int i = 0; i != buf.size(); i += r) {
+        r = ::write(mSock, &buf[i], buf.size() - i);
+        if (r == -1) {
+          if (errno == EAGAIN) {
+            r = 0;
+          } else if (mStopped) {
+            return;
+          } else {
+            throw std::runtime_error("Write error");
+          }
+        }
+      }
+    #endif
+  }
+
+  int read(char *buf, size_t len) {
+    #ifdef _WIN32
+      OVERLAPPED overlapped;
+      overlapped.hEvent = mReader;
+      bool success = ReadFile(
+        mPipe, // pipe handle
+        buf, // buffer to receive reply
+        len, // size of buffer
+        NULL, // number of bytes read
+        &overlapped // overlapped
+      );
+
+      if (!success && !mStopped) {
+        if (GetLastError() != ERROR_IO_PENDING) {
+          throw std::runtime_error("Read error");
+        }
+      }
+
+      DWORD read = 0;
+      success = GetOverlappedResult(mPipe, &overlapped, &read, true);
+      if (!success && !mStopped) {
+        throw std::runtime_error("GetOverlappedResult failed");
+      }
+
+      return read;
+    #else
+      int r = ::read(mSock, buf, len);
+      if (r == 0 && !mStopped) {
+        throw std::runtime_error("Socket ended unexpectedly");
+      }
+
+      if (r < 0) {
+        if (mStopped) {
+          return 0;
+        }
+
+        throw std::runtime_error(strerror(errno));
+      }
+
+      return r;
+    #endif
+  }
+
+private:
+  bool mStopped;
+  #ifdef _WIN32
+    HANDLE mPipe;
+    HANDLE mReader;
+    HANDLE mWriter;
+  #else
+    int mSock;
+  #endif
+};
+
+#endif
diff --git a/node_modules/@parcel/watcher/src/watchman/WatchmanBackend.cc b/node_modules/@parcel/watcher/src/watchman/WatchmanBackend.cc
new file mode 100644
index 0000000..82a23f5
--- /dev/null
+++ b/node_modules/@parcel/watcher/src/watchman/WatchmanBackend.cc
@@ -0,0 +1,338 @@
+#include <string>
+#include <fstream>
+#include <stdlib.h>
+#include <algorithm>
+#include "../DirTree.hh"
+#include "../Event.hh"
+#include "./BSER.hh"
+#include "./WatchmanBackend.hh"
+
+#ifdef _WIN32
+#include "../windows/win_utils.hh"
+#define S_ISDIR(mode) ((mode & _S_IFDIR) == _S_IFDIR)
+#define popen _popen
+#define pclose _pclose
+#else
+#include <sys/stat.h>
+#define normalizePath(dir) dir
+#endif
+
+template<typename T>
+BSER readBSER(T &&do_read) {
+  std::stringstream oss;
+  char buffer[256];
+  int r;
+  int64_t len = -1;
+  do {
+    // Start by reading a minimal amount of data in order to decode the length.
+    // After that, attempt to read the remaining length, up to the buffer size.
+    r = do_read(buffer, len == -1 ? 20 : (len < 256 ? len : 256));
+    oss << std::string(buffer, r);
+
+    if (len == -1) {
+      uint64_t l = BSER::decodeLength(oss);
+      len = l + oss.tellg();
+    }
+
+    len -= r;
+  } while (len > 0);
+
+  return BSER(oss);
+}
+
+std::string getSockPath() {
+  auto var = getenv("WATCHMAN_SOCK");
+  if (var && *var) {
+    return std::string(var);
+  }
+
+  FILE *fp = popen("watchman --output-encoding=bser get-sockname", "r");
+  if (fp == NULL || errno == ECHILD) {
+    throw std::runtime_error("Failed to execute watchman");
+  }
+
+  BSER b = readBSER([fp] (char *buf, size_t len) {
+    return fread(buf, sizeof(char), len, fp);
+  });
+
+  pclose(fp);
+
+  auto objValue = b.objectValue();
+  auto foundSockname = objValue.find("sockname");
+  if (foundSockname == objValue.end()) {
+    throw std::runtime_error("sockname not found");
+  }
+  return foundSockname->second.stringValue();
+}
+
+std::unique_ptr<IPC> watchmanConnect() {
+  std::string path = getSockPath();
+  return std::unique_ptr<IPC>(new IPC(path));
+}
+
+BSER watchmanRead(IPC *ipc) {
+  return readBSER([ipc] (char *buf, size_t len) {
+    return ipc->read(buf, len);
+  });
+}
+
+BSER::Object WatchmanBackend::watchmanRequest(BSER b) {
+  std::string cmd = b.encode();
+  mIPC->write(cmd);
+  mRequestSignal.notify();
+
+  mResponseSignal.wait();
+  mResponseSignal.reset();
+
+  if (!mError.empty()) {
+    std::runtime_error err = std::runtime_error(mError);
+    mError = std::string();
+    throw err;
+  }
+
+  return mResponse;
+}
+
+void WatchmanBackend::watchmanWatch(std::string dir) {
+  std::vector<BSER> cmd;
+  cmd.push_back("watch");
+  cmd.push_back(normalizePath(dir));
+  watchmanRequest(cmd);
+}
+
+bool WatchmanBackend::checkAvailable() {
+  try {
+    watchmanConnect();
+    return true;
+  } catch (std::exception &err) {
+    return false;
+  }
+}
+
+void handleFiles(WatcherRef watcher, BSER::Object obj) {
+  auto found = obj.find("files");
+  if (found == obj.end()) {
+    throw WatcherError("Error reading changes from watchman", watcher);
+  }
+
+  auto files = found->second.arrayValue();
+  for (auto it = files.begin(); it != files.end(); it++) {
+    auto file = it->objectValue();
+    auto name = file.find("name")->second.stringValue();
+    #ifdef _WIN32
+      std::replace(name.begin(), name.end(), '/', '\\');
+    #endif
+    auto mode = file.find("mode")->second.intValue();
+    auto isNew = file.find("new")->second.boolValue();
+    auto exists = file.find("exists")->second.boolValue();
+    auto path = watcher->mDir + DIR_SEP + name;
+    if (watcher->isIgnored(path)) {
+      continue;
+    }
+
+    if (isNew && exists) {
+      watcher->mEvents.create(path);
+    } else if (exists && !S_ISDIR(mode)) {
+      watcher->mEvents.update(path);
+    } else if (!isNew && !exists) {
+      watcher->mEvents.remove(path);
+    }
+  }
+}
+
+void WatchmanBackend::handleSubscription(BSER::Object obj) {
+  std::unique_lock<std::mutex> lock(mMutex);
+  auto subscription = obj.find("subscription")->second.stringValue();
+  auto it = mSubscriptions.find(subscription);
+  if (it == mSubscriptions.end()) {
+    return;
+  }
+
+  auto watcher = it->second;
+  try {
+    handleFiles(watcher, obj);
+    watcher->notify();
+  } catch (WatcherError &err) {
+    handleWatcherError(err);
+  }
+}
+
+void WatchmanBackend::start() {
+  mIPC = watchmanConnect();
+  notifyStarted();
+
+  while (true) {
+    // If there are no subscriptions we are reading, wait for a request.
+    if (mSubscriptions.size() == 0) {
+      mRequestSignal.wait();
+      mRequestSignal.reset();
+    }
+
+    // Break out of loop if we are stopped.
+    if (mStopped) {
+      break;
+    }
+
+    // Attempt to read from the socket.
+    // If there is an error and we are stopped, break.
+    BSER b;
+    try {
+      b = watchmanRead(&*mIPC);
+    } catch (std::exception &err) {
+      if (mStopped) {
+        break;
+      } else if (mResponseSignal.isWaiting()) {
+        mError = err.what();
+        mResponseSignal.notify();
+      } else {
+        // Throwing causes the backend to be destroyed, but we never reach the code below to notify the signal
+        mEndedSignal.notify();
+        throw;
+      }
+    }
+
+    auto obj = b.objectValue();
+    auto error = obj.find("error");
+    if (error != obj.end()) {
+      mError = error->second.stringValue();
+      mResponseSignal.notify();
+      continue;
+    }
+
+    // If this message is for a subscription, handle it, otherwise notify the request.
+    auto subscription = obj.find("subscription");
+    if (subscription != obj.end()) {
+      handleSubscription(obj);
+    } else {
+      mResponse = obj;
+      mResponseSignal.notify();
+    }
+  }
+
+  mEndedSignal.notify();
+}
+
+WatchmanBackend::~WatchmanBackend() {
+  // Mark the watcher as stopped, close the socket, and trigger the lock.
+  // This will cause the read loop to be broken and the thread to exit.
+  mStopped = true;
+  mIPC.reset();
+  mRequestSignal.notify();
+
+  // If not ended yet, wait.
+  mEndedSignal.wait();
+}
+
+std::string WatchmanBackend::clock(WatcherRef watcher) {
+  BSER::Array cmd;
+  cmd.push_back("clock");
+  cmd.push_back(normalizePath(watcher->mDir));
+
+  BSER::Object obj = watchmanRequest(cmd);
+  auto found = obj.find("clock");
+  if (found == obj.end()) {
+    throw WatcherError("Error reading clock from watchman", watcher);
+  }
+
+  return found->second.stringValue();
+}
+
+void WatchmanBackend::writeSnapshot(WatcherRef watcher, std::string *snapshotPath) {
+  std::unique_lock<std::mutex> lock(mMutex);
+  watchmanWatch(watcher->mDir);
+
+  std::ofstream ofs(*snapshotPath);
+  ofs << clock(watcher);
+}
+
+void WatchmanBackend::getEventsSince(WatcherRef watcher, std::string *snapshotPath) {
+  std::unique_lock<std::mutex> lock(mMutex);
+  std::ifstream ifs(*snapshotPath);
+  if (ifs.fail()) {
+    return;
+  }
+
+  watchmanWatch(watcher->mDir);
+
+  std::string clock;
+  ifs >> clock;
+
+  BSER::Array cmd;
+  cmd.push_back("since");
+  cmd.push_back(normalizePath(watcher->mDir));
+  cmd.push_back(clock);
+
+  BSER::Object obj = watchmanRequest(cmd);
+  handleFiles(watcher, obj);
+}
+
+std::string getId(WatcherRef watcher) {
+  std::ostringstream id;
+  id << "parcel-";
+  id << static_cast<void*>(watcher.get());
+  return id.str();
+}
+
+// This function is called by Backend::watch which takes a lock on mMutex
+void WatchmanBackend::subscribe(WatcherRef watcher) {
+  watchmanWatch(watcher->mDir);
+
+  std::string id = getId(watcher);
+  BSER::Array cmd;
+  cmd.push_back("subscribe");
+  cmd.push_back(normalizePath(watcher->mDir));
+  cmd.push_back(id);
+
+  BSER::Array fields;
+  fields.push_back("name");
+  fields.push_back("mode");
+  fields.push_back("exists");
+  fields.push_back("new");
+
+  BSER::Object opts;
+  opts.emplace("fields", fields);
+  opts.emplace("since", clock(watcher));
+
+  if (watcher->mIgnorePaths.size() > 0) {
+    BSER::Array ignore;
+    BSER::Array anyOf;
+    anyOf.push_back("anyof");
+
+    for (auto it = watcher->mIgnorePaths.begin(); it != watcher->mIgnorePaths.end(); it++) {
+      std::string pathStart = watcher->mDir + DIR_SEP;
+      if (it->rfind(pathStart, 0) == 0) {
+        auto relative = it->substr(pathStart.size());
+        BSER::Array dirname;
+        dirname.push_back("dirname");
+        dirname.push_back(relative);
+        anyOf.push_back(dirname);
+      }
+    }
+
+    ignore.push_back("not");
+    ignore.push_back(anyOf);
+
+    opts.emplace("expression", ignore);
+  }
+
+  cmd.push_back(opts);
+  watchmanRequest(cmd);
+
+  mSubscriptions.emplace(id, watcher);
+  mRequestSignal.notify();
+}
+
+// This function is called by Backend::unwatch which takes a lock on mMutex
+void WatchmanBackend::unsubscribe(WatcherRef watcher) {
+  std::string id = getId(watcher);
+  auto erased = mSubscriptions.erase(id);
+
+  if (erased) {
+    BSER::Array cmd;
+    cmd.push_back("unsubscribe");
+    cmd.push_back(normalizePath(watcher->mDir));
+    cmd.push_back(id);
+
+    watchmanRequest(cmd);
+  }
+}
diff --git a/node_modules/@parcel/watcher/src/watchman/WatchmanBackend.hh b/node_modules/@parcel/watcher/src/watchman/WatchmanBackend.hh
new file mode 100644
index 0000000..699cded
--- /dev/null
+++ b/node_modules/@parcel/watcher/src/watchman/WatchmanBackend.hh
@@ -0,0 +1,35 @@
+#ifndef WATCHMAN_H
+#define WATCHMAN_H
+
+#include "../Backend.hh"
+#include "./BSER.hh"
+#include "../Signal.hh"
+#include "./IPC.hh"
+
+class WatchmanBackend : public Backend {
+public:
+  static bool checkAvailable();
+  void start() override;
+  WatchmanBackend() : mStopped(false) {};
+  ~WatchmanBackend();
+  void writeSnapshot(WatcherRef watcher, std::string *snapshotPath) override;
+  void getEventsSince(WatcherRef watcher, std::string *snapshotPath) override;
+  void subscribe(WatcherRef watcher) override;
+  void unsubscribe(WatcherRef watcher) override;
+private:
+  std::unique_ptr<IPC> mIPC;
+  Signal mRequestSignal;
+  Signal mResponseSignal;
+  BSER::Object mResponse;
+  std::string mError;
+  std::unordered_map<std::string, WatcherRef> mSubscriptions;
+  bool mStopped;
+  Signal mEndedSignal;
+
+  std::string clock(WatcherRef watcher);
+  void watchmanWatch(std::string dir);
+  BSER::Object watchmanRequest(BSER cmd);
+  void handleSubscription(BSER::Object obj);
+};
+
+#endif
diff --git a/node_modules/@parcel/watcher/src/windows/WindowsBackend.cc b/node_modules/@parcel/watcher/src/windows/WindowsBackend.cc
new file mode 100644
index 0000000..eabce1e
--- /dev/null
+++ b/node_modules/@parcel/watcher/src/windows/WindowsBackend.cc
@@ -0,0 +1,282 @@
+#include <string>
+#include <stack>
+#include "../DirTree.hh"
+#include "../shared/BruteForceBackend.hh"
+#include "./WindowsBackend.hh"
+#include "./win_utils.hh"
+
+#define DEFAULT_BUF_SIZE 1024 * 1024
+#define NETWORK_BUF_SIZE 64 * 1024
+#define CONVERT_TIME(ft) ULARGE_INTEGER{ft.dwLowDateTime, ft.dwHighDateTime}.QuadPart
+
+void BruteForceBackend::readTree(WatcherRef watcher, std::shared_ptr<DirTree> tree) {
+  std::stack<std::string> directories;
+
+  directories.push(watcher->mDir);
+
+  while (!directories.empty()) {
+    HANDLE hFind = INVALID_HANDLE_VALUE;
+
+    std::string path = directories.top();
+    std::string spec = path + "\\*";
+    directories.pop();
+
+    WIN32_FIND_DATA ffd;
+    hFind = FindFirstFile(spec.c_str(), &ffd);
+
+    if (hFind == INVALID_HANDLE_VALUE)  {
+      if (path == watcher->mDir) {
+        FindClose(hFind);
+        throw WatcherError("Error opening directory", watcher);
+      }
+
+      tree->remove(path);
+      continue;
+    }
+
+    do {
+      if (strcmp(ffd.cFileName, ".") != 0 && strcmp(ffd.cFileName, "..") != 0) {
+        std::string fullPath = path + "\\" + ffd.cFileName;
+        if (watcher->isIgnored(fullPath)) {
+          continue;
+        }
+
+        tree->add(fullPath, CONVERT_TIME(ffd.ftLastWriteTime), ffd.dwFileAttributes & FILE_ATTRIBUTE_DIRECTORY);
+        if (ffd.dwFileAttributes & FILE_ATTRIBUTE_DIRECTORY) {
+          directories.push(fullPath);
+        }
+      }
+    } while (FindNextFile(hFind, &ffd) != 0);
+
+    FindClose(hFind);
+  }
+}
+
+void WindowsBackend::start() {
+  mRunning = true;
+  notifyStarted();
+
+  while (mRunning) {
+    SleepEx(INFINITE, true);
+  }
+}
+
+WindowsBackend::~WindowsBackend() {
+  // Mark as stopped, and queue a noop function in the thread to break the loop
+  mRunning = false;
+  QueueUserAPC([](__in ULONG_PTR) {}, mThread.native_handle(), (ULONG_PTR)this);
+}
+
+class Subscription: public WatcherState {
+public:
+  Subscription(WindowsBackend *backend, WatcherRef watcher, std::shared_ptr<DirTree> tree) {
+    mRunning = true;
+    mBackend = backend;
+    mWatcher = watcher;
+    mTree = tree;
+    ZeroMemory(&mOverlapped, sizeof(OVERLAPPED));
+    mOverlapped.hEvent = this;
+    mReadBuffer.resize(DEFAULT_BUF_SIZE);
+    mWriteBuffer.resize(DEFAULT_BUF_SIZE);
+
+    mDirectoryHandle = CreateFileW(
+      utf8ToUtf16(watcher->mDir).data(),
+      FILE_LIST_DIRECTORY,
+      FILE_SHARE_READ | FILE_SHARE_WRITE | FILE_SHARE_DELETE,
+      NULL,
+      OPEN_EXISTING,
+      FILE_FLAG_BACKUP_SEMANTICS | FILE_FLAG_OVERLAPPED,
+      NULL
+    );
+
+    if (mDirectoryHandle == INVALID_HANDLE_VALUE) {
+      throw WatcherError("Invalid handle", mWatcher);
+    }
+
+    // Ensure that the path is a directory
+    BY_HANDLE_FILE_INFORMATION info;
+    bool success = GetFileInformationByHandle(
+      mDirectoryHandle,
+      &info
+    );
+
+    if (!success) {
+      throw WatcherError("Could not get file information", mWatcher);
+    }
+
+    if (!(info.dwFileAttributes & FILE_ATTRIBUTE_DIRECTORY)) {
+      throw WatcherError("Not a directory", mWatcher);
+    }
+  }
+
+  virtual ~Subscription() {
+    stop();
+  }
+
+  void run() {
+    try {
+      poll();
+    } catch (WatcherError &err) {
+      mBackend->handleWatcherError(err);
+    }
+  }
+
+  void stop() {
+    if (mRunning) {
+      mRunning = false;
+      CancelIo(mDirectoryHandle);
+      CloseHandle(mDirectoryHandle);
+    }
+  }
+
+  void poll() {
+    if (!mRunning) {
+      return;
+    }
+
+    // Asynchronously wait for changes.
+    int success = ReadDirectoryChangesW(
+      mDirectoryHandle,
+      mWriteBuffer.data(),
+      static_cast<DWORD>(mWriteBuffer.size()),
+      TRUE, // recursive
+      FILE_NOTIFY_CHANGE_FILE_NAME | FILE_NOTIFY_CHANGE_DIR_NAME | FILE_NOTIFY_CHANGE_ATTRIBUTES
+        | FILE_NOTIFY_CHANGE_SIZE | FILE_NOTIFY_CHANGE_LAST_WRITE,
+      NULL,
+      &mOverlapped,
+      [](DWORD errorCode, DWORD numBytes, LPOVERLAPPED overlapped) {
+        auto subscription = reinterpret_cast<Subscription *>(overlapped->hEvent);
+        try {
+          subscription->processEvents(errorCode);
+        } catch (WatcherError &err) {
+          subscription->mBackend->handleWatcherError(err);
+        }
+      }
+    );
+
+    if (!success) {
+      throw WatcherError("Failed to read changes", mWatcher);
+    }
+  }
+
+  void processEvents(DWORD errorCode) {
+    if (!mRunning) {
+      return;
+    }
+
+    switch (errorCode) {
+      case ERROR_OPERATION_ABORTED:
+        return;
+      case ERROR_INVALID_PARAMETER:
+        // resize buffers to network size (64kb), and try again
+        mReadBuffer.resize(NETWORK_BUF_SIZE);
+        mWriteBuffer.resize(NETWORK_BUF_SIZE);
+        poll();
+        return;
+      case ERROR_NOTIFY_ENUM_DIR:
+        throw WatcherError("Buffer overflow. Some events may have been lost.", mWatcher);
+      case ERROR_ACCESS_DENIED: {
+        // This can happen if the watched directory is deleted. Check if that is the case,
+        // and if so emit a delete event. Otherwise, fall through to default error case.
+        DWORD attrs = GetFileAttributesW(utf8ToUtf16(mWatcher->mDir).data());
+        bool isDir = attrs != INVALID_FILE_ATTRIBUTES && (attrs & FILE_ATTRIBUTE_DIRECTORY);
+        if (!isDir) {
+          mWatcher->mEvents.remove(mWatcher->mDir);
+          mTree->remove(mWatcher->mDir);
+          mWatcher->notify();
+          stop();
+          return;
+        }
+      }
+      default:
+        if (errorCode != ERROR_SUCCESS) {
+          throw WatcherError("Unknown error", mWatcher);
+        }
+    }
+
+    // Swap read and write buffers, and poll again
+    std::swap(mWriteBuffer, mReadBuffer);
+    poll();
+
+    // Read change events
+    BYTE *base = mReadBuffer.data();
+    while (true) {
+      PFILE_NOTIFY_INFORMATION info = (PFILE_NOTIFY_INFORMATION)base;
+      processEvent(info);
+
+      if (info->NextEntryOffset == 0) {
+        break;
+      }
+
+      base += info->NextEntryOffset;
+    }
+
+    mWatcher->notify();
+  }
+
+  void processEvent(PFILE_NOTIFY_INFORMATION info) {
+    std::string path = mWatcher->mDir + "\\" + utf16ToUtf8(info->FileName, info->FileNameLength / sizeof(WCHAR));
+    if (mWatcher->isIgnored(path)) {
+      return;
+    }
+
+    switch (info->Action) {
+      case FILE_ACTION_ADDED:
+      case FILE_ACTION_RENAMED_NEW_NAME: {
+        WIN32_FILE_ATTRIBUTE_DATA data;
+        if (GetFileAttributesExW(utf8ToUtf16(path).data(), GetFileExInfoStandard, &data)) {
+          mWatcher->mEvents.create(path);
+          mTree->add(path, CONVERT_TIME(data.ftLastWriteTime), data.dwFileAttributes & FILE_ATTRIBUTE_DIRECTORY);
+        }
+        break;
+      }
+      case FILE_ACTION_MODIFIED: {
+        WIN32_FILE_ATTRIBUTE_DATA data;
+        if (GetFileAttributesExW(utf8ToUtf16(path).data(), GetFileExInfoStandard, &data)) {
+          mTree->update(path, CONVERT_TIME(data.ftLastWriteTime));
+          if (!(data.dwFileAttributes & FILE_ATTRIBUTE_DIRECTORY)) {
+            mWatcher->mEvents.update(path);
+          }
+        }
+        break;
+      }
+      case FILE_ACTION_REMOVED:
+      case FILE_ACTION_RENAMED_OLD_NAME:
+        mWatcher->mEvents.remove(path);
+        mTree->remove(path);
+        break;
+    }
+  }
+
+private:
+  WindowsBackend *mBackend;
+  std::shared_ptr<Watcher> mWatcher;
+  std::shared_ptr<DirTree> mTree;
+  bool mRunning;
+  HANDLE mDirectoryHandle;
+  std::vector<BYTE> mReadBuffer;
+  std::vector<BYTE> mWriteBuffer;
+  OVERLAPPED mOverlapped;
+};
+
+// This function is called by Backend::watch which takes a lock on mMutex
+void WindowsBackend::subscribe(WatcherRef watcher) {
+  // Create a subscription for this watcher
+  auto sub = std::make_shared<Subscription>(this, watcher, getTree(watcher, false));
+  watcher->state = sub;
+
+  // Queue polling for this subscription in the correct thread.
+  bool success = QueueUserAPC([](__in ULONG_PTR ptr) {
+    Subscription *sub = (Subscription *)ptr;
+    sub->run();
+  }, mThread.native_handle(), (ULONG_PTR)sub.get());
+
+  if (!success) {
+    throw std::runtime_error("Unable to queue APC");
+  }
+}
+
+// This function is called by Backend::unwatch which takes a lock on mMutex
+void WindowsBackend::unsubscribe(WatcherRef watcher) {
+  watcher->state = nullptr;
+}
diff --git a/node_modules/@parcel/watcher/src/windows/WindowsBackend.hh b/node_modules/@parcel/watcher/src/windows/WindowsBackend.hh
new file mode 100644
index 0000000..d679782
--- /dev/null
+++ b/node_modules/@parcel/watcher/src/windows/WindowsBackend.hh
@@ -0,0 +1,18 @@
+#ifndef WINDOWS_H
+#define WINDOWS_H
+
+#include <winsock2.h>
+#include <windows.h>
+#include "../shared/BruteForceBackend.hh"
+
+class WindowsBackend : public BruteForceBackend {
+public:
+  void start() override;
+  ~WindowsBackend();
+  void subscribe(WatcherRef watcher) override;
+  void unsubscribe(WatcherRef watcher) override;
+private:
+  bool mRunning;
+};
+
+#endif
diff --git a/node_modules/@parcel/watcher/src/windows/win_utils.cc b/node_modules/@parcel/watcher/src/windows/win_utils.cc
new file mode 100644
index 0000000..986690f
--- /dev/null
+++ b/node_modules/@parcel/watcher/src/windows/win_utils.cc
@@ -0,0 +1,44 @@
+#include "./win_utils.hh"
+
+std::wstring utf8ToUtf16(std::string input) {
+  unsigned int len = MultiByteToWideChar(CP_UTF8, 0, input.c_str(), -1, NULL, 0);
+  WCHAR *output = new WCHAR[len];
+  MultiByteToWideChar(CP_UTF8, 0, input.c_str(), -1, output, len);
+  std::wstring res(output);
+  delete output;
+  return res;
+}
+
+std::string utf16ToUtf8(const WCHAR *input, size_t length) {
+  unsigned int len = WideCharToMultiByte(CP_UTF8, 0, input, length, NULL, 0, NULL, NULL);
+  char *output = new char[len + 1];
+  WideCharToMultiByte(CP_UTF8, 0, input, length, output, len, NULL, NULL);
+  output[len] = '\0';
+  std::string res(output);
+  delete output;
+  return res;
+}
+
+std::string normalizePath(std::string path) {
+  // Prevent truncation to MAX_PATH characters by adding the \\?\ prefix
+  std::wstring p = utf8ToUtf16("\\\\?\\" + path);
+
+  // Get the required length for the output
+  unsigned int len = GetLongPathNameW(p.data(), NULL, 0);
+  if (!len) {
+    return path;
+  }
+
+  // Allocate output array and get long path
+  WCHAR *output = new WCHAR[len];
+  len = GetLongPathNameW(p.data(), output, len);
+  if (!len) {
+    delete output;
+    return path;
+  }
+
+  // Convert back to utf8
+  std::string res = utf16ToUtf8(output + 4, len - 4);
+  delete output;
+  return res;
+}
diff --git a/node_modules/@parcel/watcher/src/windows/win_utils.hh b/node_modules/@parcel/watcher/src/windows/win_utils.hh
new file mode 100644
index 0000000..2313493
--- /dev/null
+++ b/node_modules/@parcel/watcher/src/windows/win_utils.hh
@@ -0,0 +1,11 @@
+#ifndef WIN_UTILS_H
+#define WIN_UTILS_H
+
+#include <string>
+#include <windows.h>
+
+std::wstring utf8ToUtf16(std::string input);
+std::string utf16ToUtf8(const WCHAR *input, size_t length);
+std::string normalizePath(std::string path);
+
+#endif
diff --git a/node_modules/@parcel/watcher/wrapper.js b/node_modules/@parcel/watcher/wrapper.js
new file mode 100644
index 0000000..496d56b
--- /dev/null
+++ b/node_modules/@parcel/watcher/wrapper.js
@@ -0,0 +1,77 @@
+const path = require('path');
+const micromatch = require('micromatch');
+const isGlob = require('is-glob');
+
+function normalizeOptions(dir, opts = {}) {
+  const { ignore, ...rest } = opts;
+
+  if (Array.isArray(ignore)) {
+    opts = { ...rest };
+
+    for (const value of ignore) {
+      if (isGlob(value)) {
+        if (!opts.ignoreGlobs) {
+          opts.ignoreGlobs = [];
+        }
+
+        const regex = micromatch.makeRe(value, {
+          // We set `dot: true` to workaround an issue with the
+          // regular expression on Linux where the resulting
+          // negative lookahead `(?!(\\/|^)` was never matching
+          // in some cases. See also https://bit.ly/3UZlQDm
+          dot: true,
+          // C++ does not support lookbehind regex patterns, they
+          // were only added later to JavaScript engines
+          // (https://bit.ly/3V7S6UL)
+          lookbehinds: false
+        });
+        opts.ignoreGlobs.push(regex.source);
+      } else {
+        if (!opts.ignorePaths) {
+          opts.ignorePaths = [];
+        }
+
+        opts.ignorePaths.push(path.resolve(dir, value));
+      }
+    }
+  }
+
+  return opts;
+}
+
+exports.createWrapper = (binding) => {
+  return {
+    writeSnapshot(dir, snapshot, opts) {
+      return binding.writeSnapshot(
+        path.resolve(dir),
+        path.resolve(snapshot),
+        normalizeOptions(dir, opts),
+      );
+    },
+    getEventsSince(dir, snapshot, opts) {
+      return binding.getEventsSince(
+        path.resolve(dir),
+        path.resolve(snapshot),
+        normalizeOptions(dir, opts),
+      );
+    },
+    async subscribe(dir, fn, opts) {
+      dir = path.resolve(dir);
+      opts = normalizeOptions(dir, opts);
+      await binding.subscribe(dir, fn, opts);
+
+      return {
+        unsubscribe() {
+          return binding.unsubscribe(dir, fn, opts);
+        },
+      };
+    },
+    unsubscribe(dir, fn, opts) {
+      return binding.unsubscribe(
+        path.resolve(dir),
+        fn,
+        normalizeOptions(dir, opts),
+      );
+    }
+  };
+};
diff --git a/node_modules/braces/LICENSE b/node_modules/braces/LICENSE
new file mode 100644
index 0000000..9af4a67
--- /dev/null
+++ b/node_modules/braces/LICENSE
@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2014-present, Jon Schlinkert.
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.
diff --git a/node_modules/braces/README.md b/node_modules/braces/README.md
new file mode 100644
index 0000000..f59dd60
--- /dev/null
+++ b/node_modules/braces/README.md
@@ -0,0 +1,586 @@
+# braces [![Donate](https://img.shields.io/badge/Donate-PayPal-green.svg)](https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=W8YFZ425KND68) [![NPM version](https://img.shields.io/npm/v/braces.svg?style=flat)](https://www.npmjs.com/package/braces) [![NPM monthly downloads](https://img.shields.io/npm/dm/braces.svg?style=flat)](https://npmjs.org/package/braces) [![NPM total downloads](https://img.shields.io/npm/dt/braces.svg?style=flat)](https://npmjs.org/package/braces) [![Linux Build Status](https://img.shields.io/travis/micromatch/braces.svg?style=flat&label=Travis)](https://travis-ci.org/micromatch/braces)
+
+> Bash-like brace expansion, implemented in JavaScript. Safer than other brace expansion libs, with complete support for the Bash 4.3 braces specification, without sacrificing speed.
+
+Please consider following this project's author, [Jon Schlinkert](https://github.com/jonschlinkert), and consider starring the project to show your :heart: and support.
+
+## Install
+
+Install with [npm](https://www.npmjs.com/):
+
+```sh
+$ npm install --save braces
+```
+
+## v3.0.0 Released!!
+
+See the [changelog](CHANGELOG.md) for details.
+
+## Why use braces?
+
+Brace patterns make globs more powerful by adding the ability to match specific ranges and sequences of characters.
+
+- **Accurate** - complete support for the [Bash 4.3 Brace Expansion](www.gnu.org/software/bash/) specification (passes all of the Bash braces tests)
+- **[fast and performant](#benchmarks)** - Starts fast, runs fast and [scales well](#performance) as patterns increase in complexity.
+- **Organized code base** - The parser and compiler are easy to maintain and update when edge cases crop up.
+- **Well-tested** - Thousands of test assertions, and passes all of the Bash, minimatch, and [brace-expansion](https://github.com/juliangruber/brace-expansion) unit tests (as of the date this was written).
+- **Safer** - You shouldn't have to worry about users defining aggressive or malicious brace patterns that can break your application. Braces takes measures to prevent malicious regex that can be used for DDoS attacks (see [catastrophic backtracking](https://www.regular-expressions.info/catastrophic.html)).
+- [Supports lists](#lists) - (aka "sets") `a/{b,c}/d` => `['a/b/d', 'a/c/d']`
+- [Supports sequences](#sequences) - (aka "ranges") `{01..03}` => `['01', '02', '03']`
+- [Supports steps](#steps) - (aka "increments") `{2..10..2}` => `['2', '4', '6', '8', '10']`
+- [Supports escaping](#escaping) - To prevent evaluation of special characters.
+
+## Usage
+
+The main export is a function that takes one or more brace `patterns` and `options`.
+
+```js
+const braces = require('braces');
+// braces(patterns[, options]);
+
+console.log(braces(['{01..05}', '{a..e}']));
+//=> ['(0[1-5])', '([a-e])']
+
+console.log(braces(['{01..05}', '{a..e}'], { expand: true }));
+//=> ['01', '02', '03', '04', '05', 'a', 'b', 'c', 'd', 'e']
+```
+
+### Brace Expansion vs. Compilation
+
+By default, brace patterns are compiled into strings that are optimized for creating regular expressions and matching.
+
+**Compiled**
+
+```js
+console.log(braces('a/{x,y,z}/b'));
+//=> ['a/(x|y|z)/b']
+console.log(braces(['a/{01..20}/b', 'a/{1..5}/b']));
+//=> [ 'a/(0[1-9]|1[0-9]|20)/b', 'a/([1-5])/b' ]
+```
+
+**Expanded**
+
+Enable brace expansion by setting the `expand` option to true, or by using [braces.expand()](#expand) (returns an array similar to what you'd expect from Bash, or `echo {1..5}`, or [minimatch](https://github.com/isaacs/minimatch)):
+
+```js
+console.log(braces('a/{x,y,z}/b', { expand: true }));
+//=> ['a/x/b', 'a/y/b', 'a/z/b']
+
+console.log(braces.expand('{01..10}'));
+//=> ['01','02','03','04','05','06','07','08','09','10']
+```
+
+### Lists
+
+Expand lists (like Bash "sets"):
+
+```js
+console.log(braces('a/{foo,bar,baz}/*.js'));
+//=> ['a/(foo|bar|baz)/*.js']
+
+console.log(braces.expand('a/{foo,bar,baz}/*.js'));
+//=> ['a/foo/*.js', 'a/bar/*.js', 'a/baz/*.js']
+```
+
+### Sequences
+
+Expand ranges of characters (like Bash "sequences"):
+
+```js
+console.log(braces.expand('{1..3}')); // ['1', '2', '3']
+console.log(braces.expand('a/{1..3}/b')); // ['a/1/b', 'a/2/b', 'a/3/b']
+console.log(braces('{a..c}', { expand: true })); // ['a', 'b', 'c']
+console.log(braces('foo/{a..c}', { expand: true })); // ['foo/a', 'foo/b', 'foo/c']
+
+// supports zero-padded ranges
+console.log(braces('a/{01..03}/b')); //=> ['a/(0[1-3])/b']
+console.log(braces('a/{001..300}/b')); //=> ['a/(0{2}[1-9]|0[1-9][0-9]|[12][0-9]{2}|300)/b']
+```
+
+See [fill-range](https://github.com/jonschlinkert/fill-range) for all available range-expansion options.
+
+### Steppped ranges
+
+Steps, or increments, may be used with ranges:
+
+```js
+console.log(braces.expand('{2..10..2}'));
+//=> ['2', '4', '6', '8', '10']
+
+console.log(braces('{2..10..2}'));
+//=> ['(2|4|6|8|10)']
+```
+
+When the [.optimize](#optimize) method is used, or [options.optimize](#optionsoptimize) is set to true, sequences are passed to [to-regex-range](https://github.com/jonschlinkert/to-regex-range) for expansion.
+
+### Nesting
+
+Brace patterns may be nested. The results of each expanded string are not sorted, and left to right order is preserved.
+
+**"Expanded" braces**
+
+```js
+console.log(braces.expand('a{b,c,/{x,y}}/e'));
+//=> ['ab/e', 'ac/e', 'a/x/e', 'a/y/e']
+
+console.log(braces.expand('a/{x,{1..5},y}/c'));
+//=> ['a/x/c', 'a/1/c', 'a/2/c', 'a/3/c', 'a/4/c', 'a/5/c', 'a/y/c']
+```
+
+**"Optimized" braces**
+
+```js
+console.log(braces('a{b,c,/{x,y}}/e'));
+//=> ['a(b|c|/(x|y))/e']
+
+console.log(braces('a/{x,{1..5},y}/c'));
+//=> ['a/(x|([1-5])|y)/c']
+```
+
+### Escaping
+
+**Escaping braces**
+
+A brace pattern will not be expanded or evaluted if _either the opening or closing brace is escaped_:
+
+```js
+console.log(braces.expand('a\\{d,c,b}e'));
+//=> ['a{d,c,b}e']
+
+console.log(braces.expand('a{d,c,b\\}e'));
+//=> ['a{d,c,b}e']
+```
+
+**Escaping commas**
+
+Commas inside braces may also be escaped:
+
+```js
+console.log(braces.expand('a{b\\,c}d'));
+//=> ['a{b,c}d']
+
+console.log(braces.expand('a{d\\,c,b}e'));
+//=> ['ad,ce', 'abe']
+```
+
+**Single items**
+
+Following bash conventions, a brace pattern is also not expanded when it contains a single character:
+
+```js
+console.log(braces.expand('a{b}c'));
+//=> ['a{b}c']
+```
+
+## Options
+
+### options.maxLength
+
+**Type**: `Number`
+
+**Default**: `10,000`
+
+**Description**: Limit the length of the input string. Useful when the input string is generated or your application allows users to pass a string, et cetera.
+
+```js
+console.log(braces('a/{b,c}/d', { maxLength: 3 })); //=> throws an error
+```
+
+### options.expand
+
+**Type**: `Boolean`
+
+**Default**: `undefined`
+
+**Description**: Generate an "expanded" brace pattern (alternatively you can use the `braces.expand()` method, which does the same thing).
+
+```js
+console.log(braces('a/{b,c}/d', { expand: true }));
+//=> [ 'a/b/d', 'a/c/d' ]
+```
+
+### options.nodupes
+
+**Type**: `Boolean`
+
+**Default**: `undefined`
+
+**Description**: Remove duplicates from the returned array.
+
+### options.rangeLimit
+
+**Type**: `Number`
+
+**Default**: `1000`
+
+**Description**: To prevent malicious patterns from being passed by users, an error is thrown when `braces.expand()` is used or `options.expand` is true and the generated range will exceed the `rangeLimit`.
+
+You can customize `options.rangeLimit` or set it to `Inifinity` to disable this altogether.
+
+**Examples**
+
+```js
+// pattern exceeds the "rangeLimit", so it's optimized automatically
+console.log(braces.expand('{1..1000}'));
+//=> ['([1-9]|[1-9][0-9]{1,2}|1000)']
+
+// pattern does not exceed "rangeLimit", so it's NOT optimized
+console.log(braces.expand('{1..100}'));
+//=> ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12', '13', '14', '15', '16', '17', '18', '19', '20', '21', '22', '23', '24', '25', '26', '27', '28', '29', '30', '31', '32', '33', '34', '35', '36', '37', '38', '39', '40', '41', '42', '43', '44', '45', '46', '47', '48', '49', '50', '51', '52', '53', '54', '55', '56', '57', '58', '59', '60', '61', '62', '63', '64', '65', '66', '67', '68', '69', '70', '71', '72', '73', '74', '75', '76', '77', '78', '79', '80', '81', '82', '83', '84', '85', '86', '87', '88', '89', '90', '91', '92', '93', '94', '95', '96', '97', '98', '99', '100']
+```
+
+### options.transform
+
+**Type**: `Function`
+
+**Default**: `undefined`
+
+**Description**: Customize range expansion.
+
+**Example: Transforming non-numeric values**
+
+```js
+const alpha = braces.expand('x/{a..e}/y', {
+  transform(value, index) {
+    // When non-numeric values are passed, "value" is a character code.
+    return 'foo/' + String.fromCharCode(value) + '-' + index;
+  },
+});
+console.log(alpha);
+//=> [ 'x/foo/a-0/y', 'x/foo/b-1/y', 'x/foo/c-2/y', 'x/foo/d-3/y', 'x/foo/e-4/y' ]
+```
+
+**Example: Transforming numeric values**
+
+```js
+const numeric = braces.expand('{1..5}', {
+  transform(value) {
+    // when numeric values are passed, "value" is a number
+    return 'foo/' + value * 2;
+  },
+});
+console.log(numeric);
+//=> [ 'foo/2', 'foo/4', 'foo/6', 'foo/8', 'foo/10' ]
+```
+
+### options.quantifiers
+
+**Type**: `Boolean`
+
+**Default**: `undefined`
+
+**Description**: In regular expressions, quanitifiers can be used to specify how many times a token can be repeated. For example, `a{1,3}` will match the letter `a` one to three times.
+
+Unfortunately, regex quantifiers happen to share the same syntax as [Bash lists](#lists)
+
+The `quantifiers` option tells braces to detect when [regex quantifiers](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/RegExp#quantifiers) are defined in the given pattern, and not to try to expand them as lists.
+
+**Examples**
+
+```js
+const braces = require('braces');
+console.log(braces('a/b{1,3}/{x,y,z}'));
+//=> [ 'a/b(1|3)/(x|y|z)' ]
+console.log(braces('a/b{1,3}/{x,y,z}', { quantifiers: true }));
+//=> [ 'a/b{1,3}/(x|y|z)' ]
+console.log(braces('a/b{1,3}/{x,y,z}', { quantifiers: true, expand: true }));
+//=> [ 'a/b{1,3}/x', 'a/b{1,3}/y', 'a/b{1,3}/z' ]
+```
+
+### options.keepEscaping
+
+**Type**: `Boolean`
+
+**Default**: `undefined`
+
+**Description**: Do not strip backslashes that were used for escaping from the result.
+
+## What is "brace expansion"?
+
+Brace expansion is a type of parameter expansion that was made popular by unix shells for generating lists of strings, as well as regex-like matching when used alongside wildcards (globs).
+
+In addition to "expansion", braces are also used for matching. In other words:
+
+- [brace expansion](#brace-expansion) is for generating new lists
+- [brace matching](#brace-matching) is for filtering existing lists
+
+<details>
+<summary><strong>More about brace expansion</strong> (click to expand)</summary>
+
+There are two main types of brace expansion:
+
+1. **lists**: which are defined using comma-separated values inside curly braces: `{a,b,c}`
+2. **sequences**: which are defined using a starting value and an ending value, separated by two dots: `a{1..3}b`. Optionally, a third argument may be passed to define a "step" or increment to use: `a{1..100..10}b`. These are also sometimes referred to as "ranges".
+
+Here are some example brace patterns to illustrate how they work:
+
+**Sets**
+
+```
+{a,b,c}       => a b c
+{a,b,c}{1,2}  => a1 a2 b1 b2 c1 c2
+```
+
+**Sequences**
+
+```
+{1..9}        => 1 2 3 4 5 6 7 8 9
+{4..-4}       => 4 3 2 1 0 -1 -2 -3 -4
+{1..20..3}    => 1 4 7 10 13 16 19
+{a..j}        => a b c d e f g h i j
+{j..a}        => j i h g f e d c b a
+{a..z..3}     => a d g j m p s v y
+```
+
+**Combination**
+
+Sets and sequences can be mixed together or used along with any other strings.
+
+```
+{a,b,c}{1..3}   => a1 a2 a3 b1 b2 b3 c1 c2 c3
+foo/{a,b,c}/bar => foo/a/bar foo/b/bar foo/c/bar
+```
+
+The fact that braces can be "expanded" from relatively simple patterns makes them ideal for quickly generating test fixtures, file paths, and similar use cases.
+
+## Brace matching
+
+In addition to _expansion_, brace patterns are also useful for performing regular-expression-like matching.
+
+For example, the pattern `foo/{1..3}/bar` would match any of following strings:
+
+```
+foo/1/bar
+foo/2/bar
+foo/3/bar
+```
+
+But not:
+
+```
+baz/1/qux
+baz/2/qux
+baz/3/qux
+```
+
+Braces can also be combined with [glob patterns](https://github.com/jonschlinkert/micromatch) to perform more advanced wildcard matching. For example, the pattern `*/{1..3}/*` would match any of following strings:
+
+```
+foo/1/bar
+foo/2/bar
+foo/3/bar
+baz/1/qux
+baz/2/qux
+baz/3/qux
+```
+
+## Brace matching pitfalls
+
+Although brace patterns offer a user-friendly way of matching ranges or sets of strings, there are also some major disadvantages and potential risks you should be aware of.
+
+### tldr
+
+**"brace bombs"**
+
+- brace expansion can eat up a huge amount of processing resources
+- as brace patterns increase _linearly in size_, the system resources required to expand the pattern increase exponentially
+- users can accidentally (or intentially) exhaust your system's resources resulting in the equivalent of a DoS attack (bonus: no programming knowledge is required!)
+
+For a more detailed explanation with examples, see the [geometric complexity](#geometric-complexity) section.
+
+### The solution
+
+Jump to the [performance section](#performance) to see how Braces solves this problem in comparison to other libraries.
+
+### Geometric complexity
+
+At minimum, brace patterns with sets limited to two elements have quadradic or `O(n^2)` complexity. But the complexity of the algorithm increases exponentially as the number of sets, _and elements per set_, increases, which is `O(n^c)`.
+
+For example, the following sets demonstrate quadratic (`O(n^2)`) complexity:
+
+```
+{1,2}{3,4}      => (2X2)    => 13 14 23 24
+{1,2}{3,4}{5,6} => (2X2X2)  => 135 136 145 146 235 236 245 246
+```
+
+But add an element to a set, and we get a n-fold Cartesian product with `O(n^c)` complexity:
+
+```
+{1,2,3}{4,5,6}{7,8,9} => (3X3X3) => 147 148 149 157 158 159 167 168 169 247 248
+                                    249 257 258 259 267 268 269 347 348 349 357
+                                    358 359 367 368 369
+```
+
+Now, imagine how this complexity grows given that each element is a n-tuple:
+
+```
+{1..100}{1..100}         => (100X100)     => 10,000 elements (38.4 kB)
+{1..100}{1..100}{1..100} => (100X100X100) => 1,000,000 elements (5.76 MB)
+```
+
+Although these examples are clearly contrived, they demonstrate how brace patterns can quickly grow out of control.
+
+**More information**
+
+Interested in learning more about brace expansion?
+
+- [linuxjournal/bash-brace-expansion](http://www.linuxjournal.com/content/bash-brace-expansion)
+- [rosettacode/Brace_expansion](https://rosettacode.org/wiki/Brace_expansion)
+- [cartesian product](https://en.wikipedia.org/wiki/Cartesian_product)
+
+</details>
+
+## Performance
+
+Braces is not only screaming fast, it's also more accurate the other brace expansion libraries.
+
+### Better algorithms
+
+Fortunately there is a solution to the ["brace bomb" problem](#brace-matching-pitfalls): _don't expand brace patterns into an array when they're used for matching_.
+
+Instead, convert the pattern into an optimized regular expression. This is easier said than done, and braces is the only library that does this currently.
+
+**The proof is in the numbers**
+
+Minimatch gets exponentially slower as patterns increase in complexity, braces does not. The following results were generated using `braces()` and `minimatch.braceExpand()`, respectively.
+
+| **Pattern**                 | **braces**          | **[minimatch][]**            |
+| --------------------------- | ------------------- | ---------------------------- |
+| `{1..9007199254740991}`[^1] | `298 B` (5ms 459μs) | N/A (freezes)                |
+| `{1..1000000000000000}`     | `41 B` (1ms 15μs)   | N/A (freezes)                |
+| `{1..100000000000000}`      | `40 B` (890μs)      | N/A (freezes)                |
+| `{1..10000000000000}`       | `39 B` (2ms 49μs)   | N/A (freezes)                |
+| `{1..1000000000000}`        | `38 B` (608μs)      | N/A (freezes)                |
+| `{1..100000000000}`         | `37 B` (397μs)      | N/A (freezes)                |
+| `{1..10000000000}`          | `35 B` (983μs)      | N/A (freezes)                |
+| `{1..1000000000}`           | `34 B` (798μs)      | N/A (freezes)                |
+| `{1..100000000}`            | `33 B` (733μs)      | N/A (freezes)                |
+| `{1..10000000}`             | `32 B` (5ms 632μs)  | `78.89 MB` (16s 388ms 569μs) |
+| `{1..1000000}`              | `31 B` (1ms 381μs)  | `6.89 MB` (1s 496ms 887μs)   |
+| `{1..100000}`               | `30 B` (950μs)      | `588.89 kB` (146ms 921μs)    |
+| `{1..10000}`                | `29 B` (1ms 114μs)  | `48.89 kB` (14ms 187μs)      |
+| `{1..1000}`                 | `28 B` (760μs)      | `3.89 kB` (1ms 453μs)        |
+| `{1..100}`                  | `22 B` (345μs)      | `291 B` (196μs)              |
+| `{1..10}`                   | `10 B` (533μs)      | `20 B` (37μs)                |
+| `{1..3}`                    | `7 B` (190μs)       | `5 B` (27μs)                 |
+
+### Faster algorithms
+
+When you need expansion, braces is still much faster.
+
+_(the following results were generated using `braces.expand()` and `minimatch.braceExpand()`, respectively)_
+
+| **Pattern**     | **braces**                  | **[minimatch][]**            |
+| --------------- | --------------------------- | ---------------------------- |
+| `{1..10000000}` | `78.89 MB` (2s 698ms 642μs) | `78.89 MB` (18s 601ms 974μs) |
+| `{1..1000000}`  | `6.89 MB` (458ms 576μs)     | `6.89 MB` (1s 491ms 621μs)   |
+| `{1..100000}`   | `588.89 kB` (20ms 728μs)    | `588.89 kB` (156ms 919μs)    |
+| `{1..10000}`    | `48.89 kB` (2ms 202μs)      | `48.89 kB` (13ms 641μs)      |
+| `{1..1000}`     | `3.89 kB` (1ms 796μs)       | `3.89 kB` (1ms 958μs)        |
+| `{1..100}`      | `291 B` (424μs)             | `291 B` (211μs)              |
+| `{1..10}`       | `20 B` (487μs)              | `20 B` (72μs)                |
+| `{1..3}`        | `5 B` (166μs)               | `5 B` (27μs)                 |
+
+If you'd like to run these comparisons yourself, see [test/support/generate.js](test/support/generate.js).
+
+## Benchmarks
+
+### Running benchmarks
+
+Install dev dependencies:
+
+```bash
+npm i -d && npm benchmark
+```
+
+### Latest results
+
+Braces is more accurate, without sacrificing performance.
+
+```bash
+● expand - range (expanded)
+     braces x 53,167 ops/sec ±0.12% (102 runs sampled)
+  minimatch x 11,378 ops/sec ±0.10% (102 runs sampled)
+● expand - range (optimized for regex)
+     braces x 373,442 ops/sec ±0.04% (100 runs sampled)
+  minimatch x 3,262 ops/sec ±0.18% (100 runs sampled)
+● expand - nested ranges (expanded)
+     braces x 33,921 ops/sec ±0.09% (99 runs sampled)
+  minimatch x 10,855 ops/sec ±0.28% (100 runs sampled)
+● expand - nested ranges (optimized for regex)
+     braces x 287,479 ops/sec ±0.52% (98 runs sampled)
+  minimatch x 3,219 ops/sec ±0.28% (101 runs sampled)
+● expand - set (expanded)
+     braces x 238,243 ops/sec ±0.19% (97 runs sampled)
+  minimatch x 538,268 ops/sec ±0.31% (96 runs sampled)
+● expand - set (optimized for regex)
+     braces x 321,844 ops/sec ±0.10% (97 runs sampled)
+  minimatch x 140,600 ops/sec ±0.15% (100 runs sampled)
+● expand - nested sets (expanded)
+     braces x 165,371 ops/sec ±0.42% (96 runs sampled)
+  minimatch x 337,720 ops/sec ±0.28% (100 runs sampled)
+● expand - nested sets (optimized for regex)
+     braces x 242,948 ops/sec ±0.12% (99 runs sampled)
+  minimatch x 87,403 ops/sec ±0.79% (96 runs sampled)
+```
+
+## About
+
+<details>
+<summary><strong>Contributing</strong></summary>
+
+Pull requests and stars are always welcome. For bugs and feature requests, [please create an issue](../../issues/new).
+
+</details>
+
+<details>
+<summary><strong>Running Tests</strong></summary>
+
+Running and reviewing unit tests is a great way to get familiarized with a library and its API. You can install dependencies and run tests with the following command:
+
+```sh
+$ npm install && npm test
+```
+
+</details>
+
+<details>
+<summary><strong>Building docs</strong></summary>
+
+_(This project's readme.md is generated by [verb](https://github.com/verbose/verb-generate-readme), please don't edit the readme directly. Any changes to the readme must be made in the [.verb.md](.verb.md) readme template.)_
+
+To generate the readme, run the following command:
+
+```sh
+$ npm install -g verbose/verb#dev verb-generate-readme && verb
+```
+
+</details>
+
+### Contributors
+
+| **Commits** | **Contributor**                                               |
+| ----------- | ------------------------------------------------------------- |
+| 197         | [jonschlinkert](https://github.com/jonschlinkert)             |
+| 4           | [doowb](https://github.com/doowb)                             |
+| 1           | [es128](https://github.com/es128)                             |
+| 1           | [eush77](https://github.com/eush77)                           |
+| 1           | [hemanth](https://github.com/hemanth)                         |
+| 1           | [wtgtybhertgeghgtwtg](https://github.com/wtgtybhertgeghgtwtg) |
+
+### Author
+
+**Jon Schlinkert**
+
+- [GitHub Profile](https://github.com/jonschlinkert)
+- [Twitter Profile](https://twitter.com/jonschlinkert)
+- [LinkedIn Profile](https://linkedin.com/in/jonschlinkert)
+
+### License
+
+Copyright © 2019, [Jon Schlinkert](https://github.com/jonschlinkert).
+Released under the [MIT License](LICENSE).
+
+---
+
+_This file was generated by [verb-generate-readme](https://github.com/verbose/verb-generate-readme), v0.8.0, on April 08, 2019._
diff --git a/node_modules/braces/index.js b/node_modules/braces/index.js
new file mode 100644
index 0000000..d222c13
--- /dev/null
+++ b/node_modules/braces/index.js
@@ -0,0 +1,170 @@
+'use strict';
+
+const stringify = require('./lib/stringify');
+const compile = require('./lib/compile');
+const expand = require('./lib/expand');
+const parse = require('./lib/parse');
+
+/**
+ * Expand the given pattern or create a regex-compatible string.
+ *
+ * ```js
+ * const braces = require('braces');
+ * console.log(braces('{a,b,c}', { compile: true })); //=> ['(a|b|c)']
+ * console.log(braces('{a,b,c}')); //=> ['a', 'b', 'c']
+ * ```
+ * @param {String} `str`
+ * @param {Object} `options`
+ * @return {String}
+ * @api public
+ */
+
+const braces = (input, options = {}) => {
+  let output = [];
+
+  if (Array.isArray(input)) {
+    for (const pattern of input) {
+      const result = braces.create(pattern, options);
+      if (Array.isArray(result)) {
+        output.push(...result);
+      } else {
+        output.push(result);
+      }
+    }
+  } else {
+    output = [].concat(braces.create(input, options));
+  }
+
+  if (options && options.expand === true && options.nodupes === true) {
+    output = [...new Set(output)];
+  }
+  return output;
+};
+
+/**
+ * Parse the given `str` with the given `options`.
+ *
+ * ```js
+ * // braces.parse(pattern, [, options]);
+ * const ast = braces.parse('a/{b,c}/d');
+ * console.log(ast);
+ * ```
+ * @param {String} pattern Brace pattern to parse
+ * @param {Object} options
+ * @return {Object} Returns an AST
+ * @api public
+ */
+
+braces.parse = (input, options = {}) => parse(input, options);
+
+/**
+ * Creates a braces string from an AST, or an AST node.
+ *
+ * ```js
+ * const braces = require('braces');
+ * let ast = braces.parse('foo/{a,b}/bar');
+ * console.log(stringify(ast.nodes[2])); //=> '{a,b}'
+ * ```
+ * @param {String} `input` Brace pattern or AST.
+ * @param {Object} `options`
+ * @return {Array} Returns an array of expanded values.
+ * @api public
+ */
+
+braces.stringify = (input, options = {}) => {
+  if (typeof input === 'string') {
+    return stringify(braces.parse(input, options), options);
+  }
+  return stringify(input, options);
+};
+
+/**
+ * Compiles a brace pattern into a regex-compatible, optimized string.
+ * This method is called by the main [braces](#braces) function by default.
+ *
+ * ```js
+ * const braces = require('braces');
+ * console.log(braces.compile('a/{b,c}/d'));
+ * //=> ['a/(b|c)/d']
+ * ```
+ * @param {String} `input` Brace pattern or AST.
+ * @param {Object} `options`
+ * @return {Array} Returns an array of expanded values.
+ * @api public
+ */
+
+braces.compile = (input, options = {}) => {
+  if (typeof input === 'string') {
+    input = braces.parse(input, options);
+  }
+  return compile(input, options);
+};
+
+/**
+ * Expands a brace pattern into an array. This method is called by the
+ * main [braces](#braces) function when `options.expand` is true. Before
+ * using this method it's recommended that you read the [performance notes](#performance))
+ * and advantages of using [.compile](#compile) instead.
+ *
+ * ```js
+ * const braces = require('braces');
+ * console.log(braces.expand('a/{b,c}/d'));
+ * //=> ['a/b/d', 'a/c/d'];
+ * ```
+ * @param {String} `pattern` Brace pattern
+ * @param {Object} `options`
+ * @return {Array} Returns an array of expanded values.
+ * @api public
+ */
+
+braces.expand = (input, options = {}) => {
+  if (typeof input === 'string') {
+    input = braces.parse(input, options);
+  }
+
+  let result = expand(input, options);
+
+  // filter out empty strings if specified
+  if (options.noempty === true) {
+    result = result.filter(Boolean);
+  }
+
+  // filter out duplicates if specified
+  if (options.nodupes === true) {
+    result = [...new Set(result)];
+  }
+
+  return result;
+};
+
+/**
+ * Processes a brace pattern and returns either an expanded array
+ * (if `options.expand` is true), a highly optimized regex-compatible string.
+ * This method is called by the main [braces](#braces) function.
+ *
+ * ```js
+ * const braces = require('braces');
+ * console.log(braces.create('user-{200..300}/project-{a,b,c}-{1..10}'))
+ * //=> 'user-(20[0-9]|2[1-9][0-9]|300)/project-(a|b|c)-([1-9]|10)'
+ * ```
+ * @param {String} `pattern` Brace pattern
+ * @param {Object} `options`
+ * @return {Array} Returns an array of expanded values.
+ * @api public
+ */
+
+braces.create = (input, options = {}) => {
+  if (input === '' || input.length < 3) {
+    return [input];
+  }
+
+  return options.expand !== true
+    ? braces.compile(input, options)
+    : braces.expand(input, options);
+};
+
+/**
+ * Expose "braces"
+ */
+
+module.exports = braces;
diff --git a/node_modules/braces/lib/compile.js b/node_modules/braces/lib/compile.js
new file mode 100644
index 0000000..dce69be
--- /dev/null
+++ b/node_modules/braces/lib/compile.js
@@ -0,0 +1,60 @@
+'use strict';
+
+const fill = require('fill-range');
+const utils = require('./utils');
+
+const compile = (ast, options = {}) => {
+  const walk = (node, parent = {}) => {
+    const invalidBlock = utils.isInvalidBrace(parent);
+    const invalidNode = node.invalid === true && options.escapeInvalid === true;
+    const invalid = invalidBlock === true || invalidNode === true;
+    const prefix = options.escapeInvalid === true ? '\\' : '';
+    let output = '';
+
+    if (node.isOpen === true) {
+      return prefix + node.value;
+    }
+
+    if (node.isClose === true) {
+      console.log('node.isClose', prefix, node.value);
+      return prefix + node.value;
+    }
+
+    if (node.type === 'open') {
+      return invalid ? prefix + node.value : '(';
+    }
+
+    if (node.type === 'close') {
+      return invalid ? prefix + node.value : ')';
+    }
+
+    if (node.type === 'comma') {
+      return node.prev.type === 'comma' ? '' : invalid ? node.value : '|';
+    }
+
+    if (node.value) {
+      return node.value;
+    }
+
+    if (node.nodes && node.ranges > 0) {
+      const args = utils.reduce(node.nodes);
+      const range = fill(...args, { ...options, wrap: false, toRegex: true, strictZeros: true });
+
+      if (range.length !== 0) {
+        return args.length > 1 && range.length > 1 ? `(${range})` : range;
+      }
+    }
+
+    if (node.nodes) {
+      for (const child of node.nodes) {
+        output += walk(child, node);
+      }
+    }
+
+    return output;
+  };
+
+  return walk(ast);
+};
+
+module.exports = compile;
diff --git a/node_modules/braces/lib/constants.js b/node_modules/braces/lib/constants.js
new file mode 100644
index 0000000..2bb3b88
--- /dev/null
+++ b/node_modules/braces/lib/constants.js
@@ -0,0 +1,57 @@
+'use strict';
+
+module.exports = {
+  MAX_LENGTH: 10000,
+
+  // Digits
+  CHAR_0: '0', /* 0 */
+  CHAR_9: '9', /* 9 */
+
+  // Alphabet chars.
+  CHAR_UPPERCASE_A: 'A', /* A */
+  CHAR_LOWERCASE_A: 'a', /* a */
+  CHAR_UPPERCASE_Z: 'Z', /* Z */
+  CHAR_LOWERCASE_Z: 'z', /* z */
+
+  CHAR_LEFT_PARENTHESES: '(', /* ( */
+  CHAR_RIGHT_PARENTHESES: ')', /* ) */
+
+  CHAR_ASTERISK: '*', /* * */
+
+  // Non-alphabetic chars.
+  CHAR_AMPERSAND: '&', /* & */
+  CHAR_AT: '@', /* @ */
+  CHAR_BACKSLASH: '\\', /* \ */
+  CHAR_BACKTICK: '`', /* ` */
+  CHAR_CARRIAGE_RETURN: '\r', /* \r */
+  CHAR_CIRCUMFLEX_ACCENT: '^', /* ^ */
+  CHAR_COLON: ':', /* : */
+  CHAR_COMMA: ',', /* , */
+  CHAR_DOLLAR: '$', /* . */
+  CHAR_DOT: '.', /* . */
+  CHAR_DOUBLE_QUOTE: '"', /* " */
+  CHAR_EQUAL: '=', /* = */
+  CHAR_EXCLAMATION_MARK: '!', /* ! */
+  CHAR_FORM_FEED: '\f', /* \f */
+  CHAR_FORWARD_SLASH: '/', /* / */
+  CHAR_HASH: '#', /* # */
+  CHAR_HYPHEN_MINUS: '-', /* - */
+  CHAR_LEFT_ANGLE_BRACKET: '<', /* < */
+  CHAR_LEFT_CURLY_BRACE: '{', /* { */
+  CHAR_LEFT_SQUARE_BRACKET: '[', /* [ */
+  CHAR_LINE_FEED: '\n', /* \n */
+  CHAR_NO_BREAK_SPACE: '\u00A0', /* \u00A0 */
+  CHAR_PERCENT: '%', /* % */
+  CHAR_PLUS: '+', /* + */
+  CHAR_QUESTION_MARK: '?', /* ? */
+  CHAR_RIGHT_ANGLE_BRACKET: '>', /* > */
+  CHAR_RIGHT_CURLY_BRACE: '}', /* } */
+  CHAR_RIGHT_SQUARE_BRACKET: ']', /* ] */
+  CHAR_SEMICOLON: ';', /* ; */
+  CHAR_SINGLE_QUOTE: '\'', /* ' */
+  CHAR_SPACE: ' ', /*   */
+  CHAR_TAB: '\t', /* \t */
+  CHAR_UNDERSCORE: '_', /* _ */
+  CHAR_VERTICAL_LINE: '|', /* | */
+  CHAR_ZERO_WIDTH_NOBREAK_SPACE: '\uFEFF' /* \uFEFF */
+};
diff --git a/node_modules/braces/lib/expand.js b/node_modules/braces/lib/expand.js
new file mode 100644
index 0000000..35b2c41
--- /dev/null
+++ b/node_modules/braces/lib/expand.js
@@ -0,0 +1,113 @@
+'use strict';
+
+const fill = require('fill-range');
+const stringify = require('./stringify');
+const utils = require('./utils');
+
+const append = (queue = '', stash = '', enclose = false) => {
+  const result = [];
+
+  queue = [].concat(queue);
+  stash = [].concat(stash);
+
+  if (!stash.length) return queue;
+  if (!queue.length) {
+    return enclose ? utils.flatten(stash).map(ele => `{${ele}}`) : stash;
+  }
+
+  for (const item of queue) {
+    if (Array.isArray(item)) {
+      for (const value of item) {
+        result.push(append(value, stash, enclose));
+      }
+    } else {
+      for (let ele of stash) {
+        if (enclose === true && typeof ele === 'string') ele = `{${ele}}`;
+        result.push(Array.isArray(ele) ? append(item, ele, enclose) : item + ele);
+      }
+    }
+  }
+  return utils.flatten(result);
+};
+
+const expand = (ast, options = {}) => {
+  const rangeLimit = options.rangeLimit === undefined ? 1000 : options.rangeLimit;
+
+  const walk = (node, parent = {}) => {
+    node.queue = [];
+
+    let p = parent;
+    let q = parent.queue;
+
+    while (p.type !== 'brace' && p.type !== 'root' && p.parent) {
+      p = p.parent;
+      q = p.queue;
+    }
+
+    if (node.invalid || node.dollar) {
+      q.push(append(q.pop(), stringify(node, options)));
+      return;
+    }
+
+    if (node.type === 'brace' && node.invalid !== true && node.nodes.length === 2) {
+      q.push(append(q.pop(), ['{}']));
+      return;
+    }
+
+    if (node.nodes && node.ranges > 0) {
+      const args = utils.reduce(node.nodes);
+
+      if (utils.exceedsLimit(...args, options.step, rangeLimit)) {
+        throw new RangeError('expanded array length exceeds range limit. Use options.rangeLimit to increase or disable the limit.');
+      }
+
+      let range = fill(...args, options);
+      if (range.length === 0) {
+        range = stringify(node, options);
+      }
+
+      q.push(append(q.pop(), range));
+      node.nodes = [];
+      return;
+    }
+
+    const enclose = utils.encloseBrace(node);
+    let queue = node.queue;
+    let block = node;
+
+    while (block.type !== 'brace' && block.type !== 'root' && block.parent) {
+      block = block.parent;
+      queue = block.queue;
+    }
+
+    for (let i = 0; i < node.nodes.length; i++) {
+      const child = node.nodes[i];
+
+      if (child.type === 'comma' && node.type === 'brace') {
+        if (i === 1) queue.push('');
+        queue.push('');
+        continue;
+      }
+
+      if (child.type === 'close') {
+        q.push(append(q.pop(), queue, enclose));
+        continue;
+      }
+
+      if (child.value && child.type !== 'open') {
+        queue.push(append(queue.pop(), child.value));
+        continue;
+      }
+
+      if (child.nodes) {
+        walk(child, node);
+      }
+    }
+
+    return queue;
+  };
+
+  return utils.flatten(walk(ast));
+};
+
+module.exports = expand;
diff --git a/node_modules/braces/lib/parse.js b/node_modules/braces/lib/parse.js
new file mode 100644
index 0000000..3a6988e
--- /dev/null
+++ b/node_modules/braces/lib/parse.js
@@ -0,0 +1,331 @@
+'use strict';
+
+const stringify = require('./stringify');
+
+/**
+ * Constants
+ */
+
+const {
+  MAX_LENGTH,
+  CHAR_BACKSLASH, /* \ */
+  CHAR_BACKTICK, /* ` */
+  CHAR_COMMA, /* , */
+  CHAR_DOT, /* . */
+  CHAR_LEFT_PARENTHESES, /* ( */
+  CHAR_RIGHT_PARENTHESES, /* ) */
+  CHAR_LEFT_CURLY_BRACE, /* { */
+  CHAR_RIGHT_CURLY_BRACE, /* } */
+  CHAR_LEFT_SQUARE_BRACKET, /* [ */
+  CHAR_RIGHT_SQUARE_BRACKET, /* ] */
+  CHAR_DOUBLE_QUOTE, /* " */
+  CHAR_SINGLE_QUOTE, /* ' */
+  CHAR_NO_BREAK_SPACE,
+  CHAR_ZERO_WIDTH_NOBREAK_SPACE
+} = require('./constants');
+
+/**
+ * parse
+ */
+
+const parse = (input, options = {}) => {
+  if (typeof input !== 'string') {
+    throw new TypeError('Expected a string');
+  }
+
+  const opts = options || {};
+  const max = typeof opts.maxLength === 'number' ? Math.min(MAX_LENGTH, opts.maxLength) : MAX_LENGTH;
+  if (input.length > max) {
+    throw new SyntaxError(`Input length (${input.length}), exceeds max characters (${max})`);
+  }
+
+  const ast = { type: 'root', input, nodes: [] };
+  const stack = [ast];
+  let block = ast;
+  let prev = ast;
+  let brackets = 0;
+  const length = input.length;
+  let index = 0;
+  let depth = 0;
+  let value;
+
+  /**
+   * Helpers
+   */
+
+  const advance = () => input[index++];
+  const push = node => {
+    if (node.type === 'text' && prev.type === 'dot') {
+      prev.type = 'text';
+    }
+
+    if (prev && prev.type === 'text' && node.type === 'text') {
+      prev.value += node.value;
+      return;
+    }
+
+    block.nodes.push(node);
+    node.parent = block;
+    node.prev = prev;
+    prev = node;
+    return node;
+  };
+
+  push({ type: 'bos' });
+
+  while (index < length) {
+    block = stack[stack.length - 1];
+    value = advance();
+
+    /**
+     * Invalid chars
+     */
+
+    if (value === CHAR_ZERO_WIDTH_NOBREAK_SPACE || value === CHAR_NO_BREAK_SPACE) {
+      continue;
+    }
+
+    /**
+     * Escaped chars
+     */
+
+    if (value === CHAR_BACKSLASH) {
+      push({ type: 'text', value: (options.keepEscaping ? value : '') + advance() });
+      continue;
+    }
+
+    /**
+     * Right square bracket (literal): ']'
+     */
+
+    if (value === CHAR_RIGHT_SQUARE_BRACKET) {
+      push({ type: 'text', value: '\\' + value });
+      continue;
+    }
+
+    /**
+     * Left square bracket: '['
+     */
+
+    if (value === CHAR_LEFT_SQUARE_BRACKET) {
+      brackets++;
+
+      let next;
+
+      while (index < length && (next = advance())) {
+        value += next;
+
+        if (next === CHAR_LEFT_SQUARE_BRACKET) {
+          brackets++;
+          continue;
+        }
+
+        if (next === CHAR_BACKSLASH) {
+          value += advance();
+          continue;
+        }
+
+        if (next === CHAR_RIGHT_SQUARE_BRACKET) {
+          brackets--;
+
+          if (brackets === 0) {
+            break;
+          }
+        }
+      }
+
+      push({ type: 'text', value });
+      continue;
+    }
+
+    /**
+     * Parentheses
+     */
+
+    if (value === CHAR_LEFT_PARENTHESES) {
+      block = push({ type: 'paren', nodes: [] });
+      stack.push(block);
+      push({ type: 'text', value });
+      continue;
+    }
+
+    if (value === CHAR_RIGHT_PARENTHESES) {
+      if (block.type !== 'paren') {
+        push({ type: 'text', value });
+        continue;
+      }
+      block = stack.pop();
+      push({ type: 'text', value });
+      block = stack[stack.length - 1];
+      continue;
+    }
+
+    /**
+     * Quotes: '|"|`
+     */
+
+    if (value === CHAR_DOUBLE_QUOTE || value === CHAR_SINGLE_QUOTE || value === CHAR_BACKTICK) {
+      const open = value;
+      let next;
+
+      if (options.keepQuotes !== true) {
+        value = '';
+      }
+
+      while (index < length && (next = advance())) {
+        if (next === CHAR_BACKSLASH) {
+          value += next + advance();
+          continue;
+        }
+
+        if (next === open) {
+          if (options.keepQuotes === true) value += next;
+          break;
+        }
+
+        value += next;
+      }
+
+      push({ type: 'text', value });
+      continue;
+    }
+
+    /**
+     * Left curly brace: '{'
+     */
+
+    if (value === CHAR_LEFT_CURLY_BRACE) {
+      depth++;
+
+      const dollar = prev.value && prev.value.slice(-1) === '$' || block.dollar === true;
+      const brace = {
+        type: 'brace',
+        open: true,
+        close: false,
+        dollar,
+        depth,
+        commas: 0,
+        ranges: 0,
+        nodes: []
+      };
+
+      block = push(brace);
+      stack.push(block);
+      push({ type: 'open', value });
+      continue;
+    }
+
+    /**
+     * Right curly brace: '}'
+     */
+
+    if (value === CHAR_RIGHT_CURLY_BRACE) {
+      if (block.type !== 'brace') {
+        push({ type: 'text', value });
+        continue;
+      }
+
+      const type = 'close';
+      block = stack.pop();
+      block.close = true;
+
+      push({ type, value });
+      depth--;
+
+      block = stack[stack.length - 1];
+      continue;
+    }
+
+    /**
+     * Comma: ','
+     */
+
+    if (value === CHAR_COMMA && depth > 0) {
+      if (block.ranges > 0) {
+        block.ranges = 0;
+        const open = block.nodes.shift();
+        block.nodes = [open, { type: 'text', value: stringify(block) }];
+      }
+
+      push({ type: 'comma', value });
+      block.commas++;
+      continue;
+    }
+
+    /**
+     * Dot: '.'
+     */
+
+    if (value === CHAR_DOT && depth > 0 && block.commas === 0) {
+      const siblings = block.nodes;
+
+      if (depth === 0 || siblings.length === 0) {
+        push({ type: 'text', value });
+        continue;
+      }
+
+      if (prev.type === 'dot') {
+        block.range = [];
+        prev.value += value;
+        prev.type = 'range';
+
+        if (block.nodes.length !== 3 && block.nodes.length !== 5) {
+          block.invalid = true;
+          block.ranges = 0;
+          prev.type = 'text';
+          continue;
+        }
+
+        block.ranges++;
+        block.args = [];
+        continue;
+      }
+
+      if (prev.type === 'range') {
+        siblings.pop();
+
+        const before = siblings[siblings.length - 1];
+        before.value += prev.value + value;
+        prev = before;
+        block.ranges--;
+        continue;
+      }
+
+      push({ type: 'dot', value });
+      continue;
+    }
+
+    /**
+     * Text
+     */
+
+    push({ type: 'text', value });
+  }
+
+  // Mark imbalanced braces and brackets as invalid
+  do {
+    block = stack.pop();
+
+    if (block.type !== 'root') {
+      block.nodes.forEach(node => {
+        if (!node.nodes) {
+          if (node.type === 'open') node.isOpen = true;
+          if (node.type === 'close') node.isClose = true;
+          if (!node.nodes) node.type = 'text';
+          node.invalid = true;
+        }
+      });
+
+      // get the location of the block on parent.nodes (block's siblings)
+      const parent = stack[stack.length - 1];
+      const index = parent.nodes.indexOf(block);
+      // replace the (invalid) block with it's nodes
+      parent.nodes.splice(index, 1, ...block.nodes);
+    }
+  } while (stack.length > 0);
+
+  push({ type: 'eos' });
+  return ast;
+};
+
+module.exports = parse;
diff --git a/node_modules/braces/lib/stringify.js b/node_modules/braces/lib/stringify.js
new file mode 100644
index 0000000..8bcf872
--- /dev/null
+++ b/node_modules/braces/lib/stringify.js
@@ -0,0 +1,32 @@
+'use strict';
+
+const utils = require('./utils');
+
+module.exports = (ast, options = {}) => {
+  const stringify = (node, parent = {}) => {
+    const invalidBlock = options.escapeInvalid && utils.isInvalidBrace(parent);
+    const invalidNode = node.invalid === true && options.escapeInvalid === true;
+    let output = '';
+
+    if (node.value) {
+      if ((invalidBlock || invalidNode) && utils.isOpenOrClose(node)) {
+        return '\\' + node.value;
+      }
+      return node.value;
+    }
+
+    if (node.value) {
+      return node.value;
+    }
+
+    if (node.nodes) {
+      for (const child of node.nodes) {
+        output += stringify(child);
+      }
+    }
+    return output;
+  };
+
+  return stringify(ast);
+};
+
diff --git a/node_modules/braces/lib/utils.js b/node_modules/braces/lib/utils.js
new file mode 100644
index 0000000..d19311f
--- /dev/null
+++ b/node_modules/braces/lib/utils.js
@@ -0,0 +1,122 @@
+'use strict';
+
+exports.isInteger = num => {
+  if (typeof num === 'number') {
+    return Number.isInteger(num);
+  }
+  if (typeof num === 'string' && num.trim() !== '') {
+    return Number.isInteger(Number(num));
+  }
+  return false;
+};
+
+/**
+ * Find a node of the given type
+ */
+
+exports.find = (node, type) => node.nodes.find(node => node.type === type);
+
+/**
+ * Find a node of the given type
+ */
+
+exports.exceedsLimit = (min, max, step = 1, limit) => {
+  if (limit === false) return false;
+  if (!exports.isInteger(min) || !exports.isInteger(max)) return false;
+  return ((Number(max) - Number(min)) / Number(step)) >= limit;
+};
+
+/**
+ * Escape the given node with '\\' before node.value
+ */
+
+exports.escapeNode = (block, n = 0, type) => {
+  const node = block.nodes[n];
+  if (!node) return;
+
+  if ((type && node.type === type) || node.type === 'open' || node.type === 'close') {
+    if (node.escaped !== true) {
+      node.value = '\\' + node.value;
+      node.escaped = true;
+    }
+  }
+};
+
+/**
+ * Returns true if the given brace node should be enclosed in literal braces
+ */
+
+exports.encloseBrace = node => {
+  if (node.type !== 'brace') return false;
+  if ((node.commas >> 0 + node.ranges >> 0) === 0) {
+    node.invalid = true;
+    return true;
+  }
+  return false;
+};
+
+/**
+ * Returns true if a brace node is invalid.
+ */
+
+exports.isInvalidBrace = block => {
+  if (block.type !== 'brace') return false;
+  if (block.invalid === true || block.dollar) return true;
+  if ((block.commas >> 0 + block.ranges >> 0) === 0) {
+    block.invalid = true;
+    return true;
+  }
+  if (block.open !== true || block.close !== true) {
+    block.invalid = true;
+    return true;
+  }
+  return false;
+};
+
+/**
+ * Returns true if a node is an open or close node
+ */
+
+exports.isOpenOrClose = node => {
+  if (node.type === 'open' || node.type === 'close') {
+    return true;
+  }
+  return node.open === true || node.close === true;
+};
+
+/**
+ * Reduce an array of text nodes.
+ */
+
+exports.reduce = nodes => nodes.reduce((acc, node) => {
+  if (node.type === 'text') acc.push(node.value);
+  if (node.type === 'range') node.type = 'text';
+  return acc;
+}, []);
+
+/**
+ * Flatten an array
+ */
+
+exports.flatten = (...args) => {
+  const result = [];
+
+  const flat = arr => {
+    for (let i = 0; i < arr.length; i++) {
+      const ele = arr[i];
+
+      if (Array.isArray(ele)) {
+        flat(ele);
+        continue;
+      }
+
+      if (ele !== undefined) {
+        result.push(ele);
+      }
+    }
+    return result;
+  };
+
+  flat(args);
+  return result;
+};
diff --git a/node_modules/braces/package.json b/node_modules/braces/package.json
new file mode 100644
index 0000000..c3c056e
--- /dev/null
+++ b/node_modules/braces/package.json
@@ -0,0 +1,77 @@
+{
+  "name": "braces",
+  "description": "Bash-like brace expansion, implemented in JavaScript. Safer than other brace expansion libs, with complete support for the Bash 4.3 braces specification, without sacrificing speed.",
+  "version": "3.0.3",
+  "homepage": "https://github.com/micromatch/braces",
+  "author": "Jon Schlinkert (https://github.com/jonschlinkert)",
+  "contributors": [
+    "Brian Woodward (https://twitter.com/doowb)",
+    "Elan Shanker (https://github.com/es128)",
+    "Eugene Sharygin (https://github.com/eush77)",
+    "hemanth.hm (http://h3manth.com)",
+    "Jon Schlinkert (http://twitter.com/jonschlinkert)"
+  ],
+  "repository": "micromatch/braces",
+  "bugs": {
+    "url": "https://github.com/micromatch/braces/issues"
+  },
+  "license": "MIT",
+  "files": [
+    "index.js",
+    "lib"
+  ],
+  "main": "index.js",
+  "engines": {
+    "node": ">=8"
+  },
+  "scripts": {
+    "test": "mocha",
+    "benchmark": "node benchmark"
+  },
+  "dependencies": {
+    "fill-range": "^7.1.1"
+  },
+  "devDependencies": {
+    "ansi-colors": "^3.2.4",
+    "bash-path": "^2.0.1",
+    "gulp-format-md": "^2.0.0",
+    "mocha": "^6.1.1"
+  },
+  "keywords": [
+    "alpha",
+    "alphabetical",
+    "bash",
+    "brace",
+    "braces",
+    "expand",
+    "expansion",
+    "filepath",
+    "fill",
+    "fs",
+    "glob",
+    "globbing",
+    "letter",
+    "match",
+    "matches",
+    "matching",
+    "number",
+    "numerical",
+    "path",
+    "range",
+    "ranges",
+    "sh"
+  ],
+  "verb": {
+    "toc": false,
+    "layout": "default",
+    "tasks": [
+      "readme"
+    ],
+    "lint": {
+      "reflinks": true
+    },
+    "plugins": [
+      "gulp-format-md"
+    ]
+  }
+}
diff --git a/node_modules/chokidar/LICENSE b/node_modules/chokidar/LICENSE
new file mode 100644
index 0000000..8c27184
--- /dev/null
+++ b/node_modules/chokidar/LICENSE
@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2012 Paul Miller (https://paulmillr.com), Elan Shanker
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the “Software”), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED “AS IS”, WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.
diff --git a/node_modules/chokidar/README.md b/node_modules/chokidar/README.md
new file mode 100644
index 0000000..ca3bcbb
--- /dev/null
+++ b/node_modules/chokidar/README.md
@@ -0,0 +1,305 @@
+# Chokidar [![Weekly downloads](https://img.shields.io/npm/dw/chokidar.svg)](https://github.com/paulmillr/chokidar)
+
+> Minimal and efficient cross-platform file watching library
+
+## Why?
+
+There are many reasons to prefer Chokidar to raw fs.watch / fs.watchFile in 2024:
+
+- Events are properly reported
+    - macOS events report filenames
+    - events are not reported twice
+    - changes are reported as add / change / unlink instead of useless `rename`
+- Atomic writes are supported, using `atomic` option
+    - Some file editors use them
+- Chunked writes are supported, using `awaitWriteFinish` option
+    - Large files are commonly written in chunks
+- File / dir filtering is supported
+- Symbolic links are supported
+- Recursive watching is always supported, instead of partial when using raw events
+    - Includes a way to limit recursion depth
+
+Chokidar relies on the Node.js core `fs` module, but when using
+`fs.watch` and `fs.watchFile` for watching, it normalizes the events it
+receives, often checking for truth by getting file stats and/or dir contents.
+The `fs.watch`-based implementation is the default, which
+avoids polling and keeps CPU usage down. Be advised that chokidar will initiate
+watchers recursively for everything within scope of the paths that have been
+specified, so be judicious about not wasting system resources by watching much
+more than needed. For some cases, `fs.watchFile`, which utilizes polling and uses more resources, is used.
+
+Made for [Brunch](https://brunch.io/) in 2012,
+it is now used in [~30 million repositories](https://www.npmjs.com/browse/depended/chokidar) and
+has proven itself in production environments.
+
+**Sep 2024 update:** v4 is out! It decreases dependency count from 13 to 1, removes
+support for globs, adds support for ESM / Common.js modules, and bumps minimum node.js version from v8 to v14.
+Check out [upgrading](#upgrading).
+
+## Getting started
+
+Install with npm:
+
+```sh
+npm install chokidar
+```
+
+Use it in your code:
+
+```javascript
+import chokidar from 'chokidar';
+
+// One-liner for current directory
+chokidar.watch('.').on('all', (event, path) => {
+  console.log(event, path);
+});
+
+
+// Extended options
+// ----------------
+
+// Initialize watcher.
+const watcher = chokidar.watch('file, dir, or array', {
+  ignored: (path, stats) => stats?.isFile() && !path.endsWith('.js'), // only watch js files
+  persistent: true
+});
+
+// Something to use when events are received.
+const log = console.log.bind(console);
+// Add event listeners.
+watcher
+  .on('add', path => log(`File ${path} has been added`))
+  .on('change', path => log(`File ${path} has been changed`))
+  .on('unlink', path => log(`File ${path} has been removed`));
+
+// More possible events.
+watcher
+  .on('addDir', path => log(`Directory ${path} has been added`))
+  .on('unlinkDir', path => log(`Directory ${path} has been removed`))
+  .on('error', error => log(`Watcher error: ${error}`))
+  .on('ready', () => log('Initial scan complete. Ready for changes'))
+  .on('raw', (event, path, details) => { // internal
+    log('Raw event info:', event, path, details);
+  });
+
+// 'add', 'addDir' and 'change' events also receive stat() results as second
+// argument when available: https://nodejs.org/api/fs.html#fs_class_fs_stats
+watcher.on('change', (path, stats) => {
+  if (stats) console.log(`File ${path} changed size to ${stats.size}`);
+});
+
+// Watch new files.
+watcher.add('new-file');
+watcher.add(['new-file-2', 'new-file-3']);
+
+// Get list of actual paths being watched on the filesystem
+let watchedPaths = watcher.getWatched();
+
+// Un-watch some files.
+await watcher.unwatch('new-file');
+
+// Stop watching. The method is async!
+await watcher.close().then(() => console.log('closed'));
+
+// Full list of options. See below for descriptions.
+// Do not use this example!
+chokidar.watch('file', {
+  persistent: true,
+
+  // ignore .txt files
+  ignored: (file) => file.endsWith('.txt'),
+  // watch only .txt files
+  // ignored: (file, _stats) => _stats?.isFile() && !file.endsWith('.txt'),
+
+  awaitWriteFinish: true, // emit single event when chunked writes are completed
+  atomic: true, // emit proper events when "atomic writes" (mv _tmp file) are used
+
+  // The options also allow specifying custom intervals in ms
+  // awaitWriteFinish: {
+  //   stabilityThreshold: 2000,
+  //   pollInterval: 100
+  // },
+  // atomic: 100,
+
+  interval: 100,
+  binaryInterval: 300,
+
+  cwd: '.',
+  depth: 99,
+
+  followSymlinks: true,
+  ignoreInitial: false,
+  ignorePermissionErrors: false,
+  usePolling: false,
+  alwaysStat: false,
+});
+
+```
+
+`chokidar.watch(paths, [options])`
+
+* `paths` (string or array of strings). Paths to files, dirs to be watched
+recursively.
+* `options` (object) Options object as defined below:
+
+#### Persistence
+
+* `persistent` (default: `true`). Indicates whether the process
+should continue to run as long as files are being watched.
+
+#### Path filtering
+
+* `ignored` function, regex, or path. Defines files/paths to be ignored.
+The whole relative or absolute path is tested, not just filename. If a function with two arguments
+is provided, it gets called twice per path - once with a single argument (the path), second
+time with two arguments (the path and the
+[`fs.Stats`](https://nodejs.org/api/fs.html#fs_class_fs_stats)
+object of that path).
+* `ignoreInitial` (default: `false`). If set to `false` then `add`/`addDir` events are also emitted for matching paths while
+instantiating the watching as chokidar discovers these file paths (before the `ready` event).
+* `followSymlinks` (default: `true`). When `false`, only the
+symlinks themselves will be watched for changes instead of following
+the link references and bubbling events through the link's path.
+* `cwd` (no default). The base directory from which watch `paths` are to be
+derived. Paths emitted with events will be relative to this.
+
+#### Performance
+
+* `usePolling` (default: `false`).
+Whether to use fs.watchFile (backed by polling), or fs.watch. If polling
+leads to high CPU utilization, consider setting this to `false`. It is
+typically necessary to **set this to `true` to successfully watch files over
+a network**, and it may be necessary to successfully watch files in other
+non-standard situations. Setting to `true` explicitly on MacOS overrides the
+`useFsEvents` default. You may also set the CHOKIDAR_USEPOLLING env variable
+to true (1) or false (0) in order to override this option.
+* _Polling-specific settings_ (effective when `usePolling: true`)
+  * `interval` (default: `100`). Interval of file system polling, in milliseconds. You may also
+    set the CHOKIDAR_INTERVAL env variable to override this option.
+  * `binaryInterval` (default: `300`). Interval of file system
+  polling for binary files.
+  ([see list of binary extensions](https://github.com/sindresorhus/binary-extensions/blob/master/binary-extensions.json))
+* `alwaysStat` (default: `false`). If relying upon the
+[`fs.Stats`](https://nodejs.org/api/fs.html#fs_class_fs_stats)
+object that may get passed with `add`, `addDir`, and `change` events, set
+this to `true` to ensure it is provided even in cases where it wasn't
+already available from the underlying watch events.
+* `depth` (default: `undefined`). If set, limits how many levels of
+subdirectories will be traversed.
+* `awaitWriteFinish` (default: `false`).
+By default, the `add` event will fire when a file first appears on disk, before
+the entire file has been written. Furthermore, in some cases some `change`
+events will be emitted while the file is being written. In some cases,
+especially when watching for large files there will be a need to wait for the
+write operation to finish before responding to a file creation or modification.
+Setting `awaitWriteFinish` to `true` (or a truthy value) will poll file size,
+holding its `add` and `change` events until the size does not change for a
+configurable amount of time. The appropriate duration setting is heavily
+dependent on the OS and hardware. For accurate detection this parameter should
+be relatively high, making file watching much less responsive.
+Use with caution.
+  * *`options.awaitWriteFinish` can be set to an object in order to adjust
+  timing params:*
+  * `awaitWriteFinish.stabilityThreshold` (default: 2000). Amount of time in
+  milliseconds for a file size to remain constant before emitting its event.
+  * `awaitWriteFinish.pollInterval` (default: 100). File size polling interval, in milliseconds.
+
+#### Errors
+
+* `ignorePermissionErrors` (default: `false`). Indicates whether to watch files
+that don't have read permissions if possible. If watching fails due to `EPERM`
+or `EACCES` with this set to `true`, the errors will be suppressed silently.
+* `atomic` (default: `true` if `useFsEvents` and `usePolling` are `false`).
+Automatically filters out artifacts that occur when using editors that use
+"atomic writes" instead of writing directly to the source file. If a file is
+re-added within 100 ms of being deleted, Chokidar emits a `change` event
+rather than `unlink` then `add`. If the default of 100 ms does not work well
+for you, you can override it by setting `atomic` to a custom value, in
+milliseconds.
+
+### Methods & Events
+
+`chokidar.watch()` produces an instance of `FSWatcher`. Methods of `FSWatcher`:
+
+* `.add(path / paths)`: Add files, directories for tracking.
+Takes an array of strings or just one string.
+* `.on(event, callback)`: Listen for an FS event.
+Available events: `add`, `addDir`, `change`, `unlink`, `unlinkDir`, `ready`,
+`raw`, `error`.
+Additionally `all` is available which gets emitted with the underlying event
+name and path for every event other than `ready`, `raw`, and `error`.  `raw` is internal, use it carefully.
+* `.unwatch(path / paths)`: Stop watching files or directories.
+Takes an array of strings or just one string.
+* `.close()`: **async** Removes all listeners from watched files. Asynchronous, returns Promise. Use with `await` to ensure bugs don't happen.
+* `.getWatched()`: Returns an object representing all the paths on the file
+system being watched by this `FSWatcher` instance. The object's keys are all the
+directories (using absolute paths unless the `cwd` option was used), and the
+values are arrays of the names of the items contained in each directory.
+
+### CLI
+
+Check out third party [chokidar-cli](https://github.com/open-cli-tools/chokidar-cli),
+which allows to execute a command on each change, or get a stdio stream of change events.
+
+## Troubleshooting
+
+Sometimes, Chokidar runs out of file handles, causing `EMFILE` and `ENOSP` errors:
+
+* `bash: cannot set terminal process group (-1): Inappropriate ioctl for device bash: no job control in this shell`
+* `Error: watch /home/ ENOSPC`
+
+There are two things that can cause it.
+
+1. Exhausted file handles for generic fs operations
+    - Can be solved by using [graceful-fs](https://www.npmjs.com/package/graceful-fs),
+      which can monkey-patch native `fs` module used by chokidar: `let fs = require('fs'); let grfs = require('graceful-fs'); grfs.gracefulify(fs);`
+    - Can also be solved by tuning OS: `echo fs.inotify.max_user_watches=524288 | sudo tee -a /etc/sysctl.conf && sudo sysctl -p`.
+2. Exhausted file handles for `fs.watch`
+    - Can't seem to be solved by graceful-fs or OS tuning
+    - It's possible to start using `usePolling: true`, which will switch backend to resource-intensive `fs.watchFile`
+
+All fsevents-related issues (`WARN optional dep failed`, `fsevents is not a constructor`) are solved by upgrading to v4+.
+
+## Changelog
+
+- **v4 (Sep 2024):** remove glob support and bundled fsevents. Decrease dependency count from 13 to 1. Rewrite in typescript. Bumps minimum node.js requirement to v14+
+- **v3 (Apr 2019):** massive CPU & RAM consumption improvements; reduces deps / package size by a factor of 17x and bumps Node.js requirement to v8.16+.
+- **v2 (Dec 2017):** globs are now posix-style-only. Tons of bugfixes.
+- **v1 (Apr 2015):** glob support, symlink support, tons of bugfixes. Node 0.8+ is supported
+- **v0.1 (Apr 2012):** Initial release, extracted from [Brunch](https://github.com/brunch/brunch/blob/9847a065aea300da99bd0753f90354cde9de1261/src/helpers.coffee#L66)
+
+### Upgrading
+
+If you've used globs before and want do replicate the functionality with v4:
+
+```js
+// v3
+chok.watch('**/*.js');
+chok.watch("./directory/**/*");
+
+// v4
+chok.watch('.', {
+  ignored: (path, stats) => stats?.isFile() && !path.endsWith('.js'), // only watch js files
+});
+chok.watch('./directory');
+
+// other way
+import { glob } from 'node:fs/promises';
+const watcher = watch(await Array.fromAsync(glob('**/*.js')));
+
+// unwatching
+// v3
+chok.unwatch('**/*.js');
+// v4
+chok.unwatch(await glob('**/*.js'));
+```
+
+## Also
+
+Why was chokidar named this way? What's the meaning behind it?
+
+>Chowkidar is a transliteration of a Hindi word meaning 'watchman, gatekeeper', चौकीदार. This ultimately comes from Sanskrit _ चतुष्क_ (crossway, quadrangle, consisting-of-four). This word is also used in other languages like Urdu as (چوکیدار) which is widely used in Pakistan and India. 
+
+## License
+
+MIT (c) Paul Miller (<https://paulmillr.com>), see [LICENSE](LICENSE) file.
diff --git a/node_modules/chokidar/esm/handler.d.ts b/node_modules/chokidar/esm/handler.d.ts
new file mode 100644
index 0000000..ea777d0
--- /dev/null
+++ b/node_modules/chokidar/esm/handler.d.ts
@@ -0,0 +1,90 @@
+import type { WatchEventType, Stats, FSWatcher as NativeFsWatcher } from 'fs';
+import type { FSWatcher, WatchHelper, Throttler } from './index.js';
+import type { EntryInfo } from 'readdirp';
+export type Path = string;
+export declare const STR_DATA = "data";
+export declare const STR_END = "end";
+export declare const STR_CLOSE = "close";
+export declare const EMPTY_FN: () => void;
+export declare const IDENTITY_FN: (val: unknown) => unknown;
+export declare const isWindows: boolean;
+export declare const isMacos: boolean;
+export declare const isLinux: boolean;
+export declare const isFreeBSD: boolean;
+export declare const isIBMi: boolean;
+export declare const EVENTS: {
+    readonly ALL: "all";
+    readonly READY: "ready";
+    readonly ADD: "add";
+    readonly CHANGE: "change";
+    readonly ADD_DIR: "addDir";
+    readonly UNLINK: "unlink";
+    readonly UNLINK_DIR: "unlinkDir";
+    readonly RAW: "raw";
+    readonly ERROR: "error";
+};
+export type EventName = (typeof EVENTS)[keyof typeof EVENTS];
+export type FsWatchContainer = {
+    listeners: (path: string) => void | Set<any>;
+    errHandlers: (err: unknown) => void | Set<any>;
+    rawEmitters: (ev: WatchEventType, path: string, opts: unknown) => void | Set<any>;
+    watcher: NativeFsWatcher;
+    watcherUnusable?: boolean;
+};
+export interface WatchHandlers {
+    listener: (path: string) => void;
+    errHandler: (err: unknown) => void;
+    rawEmitter: (ev: WatchEventType, path: string, opts: unknown) => void;
+}
+/**
+ * @mixin
+ */
+export declare class NodeFsHandler {
+    fsw: FSWatcher;
+    _boundHandleError: (error: unknown) => void;
+    constructor(fsW: FSWatcher);
+    /**
+     * Watch file for changes with fs_watchFile or fs_watch.
+     * @param path to file or dir
+     * @param listener on fs change
+     * @returns closer for the watcher instance
+     */
+    _watchWithNodeFs(path: string, listener: (path: string, newStats?: any) => void | Promise<void>): (() => void) | undefined;
+    /**
+     * Watch a file and emit add event if warranted.
+     * @returns closer for the watcher instance
+     */
+    _handleFile(file: Path, stats: Stats, initialAdd: boolean): (() => void) | undefined;
+    /**
+     * Handle symlinks encountered while reading a dir.
+     * @param entry returned by readdirp
+     * @param directory path of dir being read
+     * @param path of this item
+     * @param item basename of this item
+     * @returns true if no more processing is needed for this entry.
+     */
+    _handleSymlink(entry: EntryInfo, directory: string, path: Path, item: string): Promise<boolean | undefined>;
+    _handleRead(directory: string, initialAdd: boolean, wh: WatchHelper, target: Path, dir: Path, depth: number, throttler: Throttler): Promise<unknown> | undefined;
+    /**
+     * Read directory to add / remove files from `@watched` list and re-read it on change.
+     * @param dir fs path
+     * @param stats
+     * @param initialAdd
+     * @param depth relative to user-supplied path
+     * @param target child path targeted for watch
+     * @param wh Common watch helpers for this path
+     * @param realpath
+     * @returns closer for the watcher instance.
+     */
+    _handleDir(dir: string, stats: Stats, initialAdd: boolean, depth: number, target: string, wh: WatchHelper, realpath: string): Promise<(() => void) | undefined>;
+    /**
+     * Handle added file, directory, or glob pattern.
+     * Delegates call to _handleFile / _handleDir after checks.
+     * @param path to file or ir
+     * @param initialAdd was the file added at watch instantiation?
+     * @param priorWh depth relative to user-supplied path
+     * @param depth Child path actually targeted for watch
+     * @param target Child path actually targeted for watch
+     */
+    _addToNodeFs(path: string, initialAdd: boolean, priorWh: WatchHelper | undefined, depth: number, target?: string): Promise<string | false | undefined>;
+}
diff --git a/node_modules/chokidar/esm/handler.js b/node_modules/chokidar/esm/handler.js
new file mode 100644
index 0000000..bbda010
--- /dev/null
+++ b/node_modules/chokidar/esm/handler.js
@@ -0,0 +1,629 @@
+import { watchFile, unwatchFile, watch as fs_watch } from 'fs';
+import { open, stat, lstat, realpath as fsrealpath } from 'fs/promises';
+import * as sysPath from 'path';
+import { type as osType } from 'os';
+export const STR_DATA = 'data';
+export const STR_END = 'end';
+export const STR_CLOSE = 'close';
+export const EMPTY_FN = () => { };
+export const IDENTITY_FN = (val) => val;
+const pl = process.platform;
+export const isWindows = pl === 'win32';
+export const isMacos = pl === 'darwin';
+export const isLinux = pl === 'linux';
+export const isFreeBSD = pl === 'freebsd';
+export const isIBMi = osType() === 'OS400';
+export const EVENTS = {
+    ALL: 'all',
+    READY: 'ready',
+    ADD: 'add',
+    CHANGE: 'change',
+    ADD_DIR: 'addDir',
+    UNLINK: 'unlink',
+    UNLINK_DIR: 'unlinkDir',
+    RAW: 'raw',
+    ERROR: 'error',
+};
+const EV = EVENTS;
+const THROTTLE_MODE_WATCH = 'watch';
+const statMethods = { lstat, stat };
+const KEY_LISTENERS = 'listeners';
+const KEY_ERR = 'errHandlers';
+const KEY_RAW = 'rawEmitters';
+const HANDLER_KEYS = [KEY_LISTENERS, KEY_ERR, KEY_RAW];
+// prettier-ignore
+const binaryExtensions = new Set([
+    '3dm', '3ds', '3g2', '3gp', '7z', 'a', 'aac', 'adp', 'afdesign', 'afphoto', 'afpub', 'ai',
+    'aif', 'aiff', 'alz', 'ape', 'apk', 'appimage', 'ar', 'arj', 'asf', 'au', 'avi',
+    'bak', 'baml', 'bh', 'bin', 'bk', 'bmp', 'btif', 'bz2', 'bzip2',
+    'cab', 'caf', 'cgm', 'class', 'cmx', 'cpio', 'cr2', 'cur', 'dat', 'dcm', 'deb', 'dex', 'djvu',
+    'dll', 'dmg', 'dng', 'doc', 'docm', 'docx', 'dot', 'dotm', 'dra', 'DS_Store', 'dsk', 'dts',
+    'dtshd', 'dvb', 'dwg', 'dxf',
+    'ecelp4800', 'ecelp7470', 'ecelp9600', 'egg', 'eol', 'eot', 'epub', 'exe',
+    'f4v', 'fbs', 'fh', 'fla', 'flac', 'flatpak', 'fli', 'flv', 'fpx', 'fst', 'fvt',
+    'g3', 'gh', 'gif', 'graffle', 'gz', 'gzip',
+    'h261', 'h263', 'h264', 'icns', 'ico', 'ief', 'img', 'ipa', 'iso',
+    'jar', 'jpeg', 'jpg', 'jpgv', 'jpm', 'jxr', 'key', 'ktx',
+    'lha', 'lib', 'lvp', 'lz', 'lzh', 'lzma', 'lzo',
+    'm3u', 'm4a', 'm4v', 'mar', 'mdi', 'mht', 'mid', 'midi', 'mj2', 'mka', 'mkv', 'mmr', 'mng',
+    'mobi', 'mov', 'movie', 'mp3',
+    'mp4', 'mp4a', 'mpeg', 'mpg', 'mpga', 'mxu',
+    'nef', 'npx', 'numbers', 'nupkg',
+    'o', 'odp', 'ods', 'odt', 'oga', 'ogg', 'ogv', 'otf', 'ott',
+    'pages', 'pbm', 'pcx', 'pdb', 'pdf', 'pea', 'pgm', 'pic', 'png', 'pnm', 'pot', 'potm',
+    'potx', 'ppa', 'ppam',
+    'ppm', 'pps', 'ppsm', 'ppsx', 'ppt', 'pptm', 'pptx', 'psd', 'pya', 'pyc', 'pyo', 'pyv',
+    'qt',
+    'rar', 'ras', 'raw', 'resources', 'rgb', 'rip', 'rlc', 'rmf', 'rmvb', 'rpm', 'rtf', 'rz',
+    's3m', 's7z', 'scpt', 'sgi', 'shar', 'snap', 'sil', 'sketch', 'slk', 'smv', 'snk', 'so',
+    'stl', 'suo', 'sub', 'swf',
+    'tar', 'tbz', 'tbz2', 'tga', 'tgz', 'thmx', 'tif', 'tiff', 'tlz', 'ttc', 'ttf', 'txz',
+    'udf', 'uvh', 'uvi', 'uvm', 'uvp', 'uvs', 'uvu',
+    'viv', 'vob',
+    'war', 'wav', 'wax', 'wbmp', 'wdp', 'weba', 'webm', 'webp', 'whl', 'wim', 'wm', 'wma',
+    'wmv', 'wmx', 'woff', 'woff2', 'wrm', 'wvx',
+    'xbm', 'xif', 'xla', 'xlam', 'xls', 'xlsb', 'xlsm', 'xlsx', 'xlt', 'xltm', 'xltx', 'xm',
+    'xmind', 'xpi', 'xpm', 'xwd', 'xz',
+    'z', 'zip', 'zipx',
+]);
+const isBinaryPath = (filePath) => binaryExtensions.has(sysPath.extname(filePath).slice(1).toLowerCase());
+// TODO: emit errors properly. Example: EMFILE on Macos.
+const foreach = (val, fn) => {
+    if (val instanceof Set) {
+        val.forEach(fn);
+    }
+    else {
+        fn(val);
+    }
+};
+const addAndConvert = (main, prop, item) => {
+    let container = main[prop];
+    if (!(container instanceof Set)) {
+        main[prop] = container = new Set([container]);
+    }
+    container.add(item);
+};
+const clearItem = (cont) => (key) => {
+    const set = cont[key];
+    if (set instanceof Set) {
+        set.clear();
+    }
+    else {
+        delete cont[key];
+    }
+};
+const delFromSet = (main, prop, item) => {
+    const container = main[prop];
+    if (container instanceof Set) {
+        container.delete(item);
+    }
+    else if (container === item) {
+        delete main[prop];
+    }
+};
+const isEmptySet = (val) => (val instanceof Set ? val.size === 0 : !val);
+const FsWatchInstances = new Map();
+/**
+ * Instantiates the fs_watch interface
+ * @param path to be watched
+ * @param options to be passed to fs_watch
+ * @param listener main event handler
+ * @param errHandler emits info about errors
+ * @param emitRaw emits raw event data
+ * @returns {NativeFsWatcher}
+ */
+function createFsWatchInstance(path, options, listener, errHandler, emitRaw) {
+    const handleEvent = (rawEvent, evPath) => {
+        listener(path);
+        emitRaw(rawEvent, evPath, { watchedPath: path });
+        // emit based on events occurring for files from a directory's watcher in
+        // case the file's watcher misses it (and rely on throttling to de-dupe)
+        if (evPath && path !== evPath) {
+            fsWatchBroadcast(sysPath.resolve(path, evPath), KEY_LISTENERS, sysPath.join(path, evPath));
+        }
+    };
+    try {
+        return fs_watch(path, {
+            persistent: options.persistent,
+        }, handleEvent);
+    }
+    catch (error) {
+        errHandler(error);
+        return undefined;
+    }
+}
+/**
+ * Helper for passing fs_watch event data to a collection of listeners
+ * @param fullPath absolute path bound to fs_watch instance
+ */
+const fsWatchBroadcast = (fullPath, listenerType, val1, val2, val3) => {
+    const cont = FsWatchInstances.get(fullPath);
+    if (!cont)
+        return;
+    foreach(cont[listenerType], (listener) => {
+        listener(val1, val2, val3);
+    });
+};
+/**
+ * Instantiates the fs_watch interface or binds listeners
+ * to an existing one covering the same file system entry
+ * @param path
+ * @param fullPath absolute path
+ * @param options to be passed to fs_watch
+ * @param handlers container for event listener functions
+ */
+const setFsWatchListener = (path, fullPath, options, handlers) => {
+    const { listener, errHandler, rawEmitter } = handlers;
+    let cont = FsWatchInstances.get(fullPath);
+    let watcher;
+    if (!options.persistent) {
+        watcher = createFsWatchInstance(path, options, listener, errHandler, rawEmitter);
+        if (!watcher)
+            return;
+        return watcher.close.bind(watcher);
+    }
+    if (cont) {
+        addAndConvert(cont, KEY_LISTENERS, listener);
+        addAndConvert(cont, KEY_ERR, errHandler);
+        addAndConvert(cont, KEY_RAW, rawEmitter);
+    }
+    else {
+        watcher = createFsWatchInstance(path, options, fsWatchBroadcast.bind(null, fullPath, KEY_LISTENERS), errHandler, // no need to use broadcast here
+        fsWatchBroadcast.bind(null, fullPath, KEY_RAW));
+        if (!watcher)
+            return;
+        watcher.on(EV.ERROR, async (error) => {
+            const broadcastErr = fsWatchBroadcast.bind(null, fullPath, KEY_ERR);
+            if (cont)
+                cont.watcherUnusable = true; // documented since Node 10.4.1
+            // Workaround for https://github.com/joyent/node/issues/4337
+            if (isWindows && error.code === 'EPERM') {
+                try {
+                    const fd = await open(path, 'r');
+                    await fd.close();
+                    broadcastErr(error);
+                }
+                catch (err) {
+                    // do nothing
+                }
+            }
+            else {
+                broadcastErr(error);
+            }
+        });
+        cont = {
+            listeners: listener,
+            errHandlers: errHandler,
+            rawEmitters: rawEmitter,
+            watcher,
+        };
+        FsWatchInstances.set(fullPath, cont);
+    }
+    // const index = cont.listeners.indexOf(listener);
+    // removes this instance's listeners and closes the underlying fs_watch
+    // instance if there are no more listeners left
+    return () => {
+        delFromSet(cont, KEY_LISTENERS, listener);
+        delFromSet(cont, KEY_ERR, errHandler);
+        delFromSet(cont, KEY_RAW, rawEmitter);
+        if (isEmptySet(cont.listeners)) {
+            // Check to protect against issue gh-730.
+            // if (cont.watcherUnusable) {
+            cont.watcher.close();
+            // }
+            FsWatchInstances.delete(fullPath);
+            HANDLER_KEYS.forEach(clearItem(cont));
+            // @ts-ignore
+            cont.watcher = undefined;
+            Object.freeze(cont);
+        }
+    };
+};
+// fs_watchFile helpers
+// object to hold per-process fs_watchFile instances
+// (may be shared across chokidar FSWatcher instances)
+const FsWatchFileInstances = new Map();
+/**
+ * Instantiates the fs_watchFile interface or binds listeners
+ * to an existing one covering the same file system entry
+ * @param path to be watched
+ * @param fullPath absolute path
+ * @param options options to be passed to fs_watchFile
+ * @param handlers container for event listener functions
+ * @returns closer
+ */
+const setFsWatchFileListener = (path, fullPath, options, handlers) => {
+    const { listener, rawEmitter } = handlers;
+    let cont = FsWatchFileInstances.get(fullPath);
+    // let listeners = new Set();
+    // let rawEmitters = new Set();
+    const copts = cont && cont.options;
+    if (copts && (copts.persistent < options.persistent || copts.interval > options.interval)) {
+        // "Upgrade" the watcher to persistence or a quicker interval.
+        // This creates some unlikely edge case issues if the user mixes
+        // settings in a very weird way, but solving for those cases
+        // doesn't seem worthwhile for the added complexity.
+        // listeners = cont.listeners;
+        // rawEmitters = cont.rawEmitters;
+        unwatchFile(fullPath);
+        cont = undefined;
+    }
+    if (cont) {
+        addAndConvert(cont, KEY_LISTENERS, listener);
+        addAndConvert(cont, KEY_RAW, rawEmitter);
+    }
+    else {
+        // TODO
+        // listeners.add(listener);
+        // rawEmitters.add(rawEmitter);
+        cont = {
+            listeners: listener,
+            rawEmitters: rawEmitter,
+            options,
+            watcher: watchFile(fullPath, options, (curr, prev) => {
+                foreach(cont.rawEmitters, (rawEmitter) => {
+                    rawEmitter(EV.CHANGE, fullPath, { curr, prev });
+                });
+                const currmtime = curr.mtimeMs;
+                if (curr.size !== prev.size || currmtime > prev.mtimeMs || currmtime === 0) {
+                    foreach(cont.listeners, (listener) => listener(path, curr));
+                }
+            }),
+        };
+        FsWatchFileInstances.set(fullPath, cont);
+    }
+    // const index = cont.listeners.indexOf(listener);
+    // Removes this instance's listeners and closes the underlying fs_watchFile
+    // instance if there are no more listeners left.
+    return () => {
+        delFromSet(cont, KEY_LISTENERS, listener);
+        delFromSet(cont, KEY_RAW, rawEmitter);
+        if (isEmptySet(cont.listeners)) {
+            FsWatchFileInstances.delete(fullPath);
+            unwatchFile(fullPath);
+            cont.options = cont.watcher = undefined;
+            Object.freeze(cont);
+        }
+    };
+};
+/**
+ * @mixin
+ */
+export class NodeFsHandler {
+    constructor(fsW) {
+        this.fsw = fsW;
+        this._boundHandleError = (error) => fsW._handleError(error);
+    }
+    /**
+     * Watch file for changes with fs_watchFile or fs_watch.
+     * @param path to file or dir
+     * @param listener on fs change
+     * @returns closer for the watcher instance
+     */
+    _watchWithNodeFs(path, listener) {
+        const opts = this.fsw.options;
+        const directory = sysPath.dirname(path);
+        const basename = sysPath.basename(path);
+        const parent = this.fsw._getWatchedDir(directory);
+        parent.add(basename);
+        const absolutePath = sysPath.resolve(path);
+        const options = {
+            persistent: opts.persistent,
+        };
+        if (!listener)
+            listener = EMPTY_FN;
+        let closer;
+        if (opts.usePolling) {
+            const enableBin = opts.interval !== opts.binaryInterval;
+            options.interval = enableBin && isBinaryPath(basename) ? opts.binaryInterval : opts.interval;
+            closer = setFsWatchFileListener(path, absolutePath, options, {
+                listener,
+                rawEmitter: this.fsw._emitRaw,
+            });
+        }
+        else {
+            closer = setFsWatchListener(path, absolutePath, options, {
+                listener,
+                errHandler: this._boundHandleError,
+                rawEmitter: this.fsw._emitRaw,
+            });
+        }
+        return closer;
+    }
+    /**
+     * Watch a file and emit add event if warranted.
+     * @returns closer for the watcher instance
+     */
+    _handleFile(file, stats, initialAdd) {
+        if (this.fsw.closed) {
+            return;
+        }
+        const dirname = sysPath.dirname(file);
+        const basename = sysPath.basename(file);
+        const parent = this.fsw._getWatchedDir(dirname);
+        // stats is always present
+        let prevStats = stats;
+        // if the file is already being watched, do nothing
+        if (parent.has(basename))
+            return;
+        const listener = async (path, newStats) => {
+            if (!this.fsw._throttle(THROTTLE_MODE_WATCH, file, 5))
+                return;
+            if (!newStats || newStats.mtimeMs === 0) {
+                try {
+                    const newStats = await stat(file);
+                    if (this.fsw.closed)
+                        return;
+                    // Check that change event was not fired because of changed only accessTime.
+                    const at = newStats.atimeMs;
+                    const mt = newStats.mtimeMs;
+                    if (!at || at <= mt || mt !== prevStats.mtimeMs) {
+                        this.fsw._emit(EV.CHANGE, file, newStats);
+                    }
+                    if ((isMacos || isLinux || isFreeBSD) && prevStats.ino !== newStats.ino) {
+                        this.fsw._closeFile(path);
+                        prevStats = newStats;
+                        const closer = this._watchWithNodeFs(file, listener);
+                        if (closer)
+                            this.fsw._addPathCloser(path, closer);
+                    }
+                    else {
+                        prevStats = newStats;
+                    }
+                }
+                catch (error) {
+                    // Fix issues where mtime is null but file is still present
+                    this.fsw._remove(dirname, basename);
+                }
+                // add is about to be emitted if file not already tracked in parent
+            }
+            else if (parent.has(basename)) {
+                // Check that change event was not fired because of changed only accessTime.
+                const at = newStats.atimeMs;
+                const mt = newStats.mtimeMs;
+                if (!at || at <= mt || mt !== prevStats.mtimeMs) {
+                    this.fsw._emit(EV.CHANGE, file, newStats);
+                }
+                prevStats = newStats;
+            }
+        };
+        // kick off the watcher
+        const closer = this._watchWithNodeFs(file, listener);
+        // emit an add event if we're supposed to
+        if (!(initialAdd && this.fsw.options.ignoreInitial) && this.fsw._isntIgnored(file)) {
+            if (!this.fsw._throttle(EV.ADD, file, 0))
+                return;
+            this.fsw._emit(EV.ADD, file, stats);
+        }
+        return closer;
+    }
+    /**
+     * Handle symlinks encountered while reading a dir.
+     * @param entry returned by readdirp
+     * @param directory path of dir being read
+     * @param path of this item
+     * @param item basename of this item
+     * @returns true if no more processing is needed for this entry.
+     */
+    async _handleSymlink(entry, directory, path, item) {
+        if (this.fsw.closed) {
+            return;
+        }
+        const full = entry.fullPath;
+        const dir = this.fsw._getWatchedDir(directory);
+        if (!this.fsw.options.followSymlinks) {
+            // watch symlink directly (don't follow) and detect changes
+            this.fsw._incrReadyCount();
+            let linkPath;
+            try {
+                linkPath = await fsrealpath(path);
+            }
+            catch (e) {
+                this.fsw._emitReady();
+                return true;
+            }
+            if (this.fsw.closed)
+                return;
+            if (dir.has(item)) {
+                if (this.fsw._symlinkPaths.get(full) !== linkPath) {
+                    this.fsw._symlinkPaths.set(full, linkPath);
+                    this.fsw._emit(EV.CHANGE, path, entry.stats);
+                }
+            }
+            else {
+                dir.add(item);
+                this.fsw._symlinkPaths.set(full, linkPath);
+                this.fsw._emit(EV.ADD, path, entry.stats);
+            }
+            this.fsw._emitReady();
+            return true;
+        }
+        // don't follow the same symlink more than once
+        if (this.fsw._symlinkPaths.has(full)) {
+            return true;
+        }
+        this.fsw._symlinkPaths.set(full, true);
+    }
+    _handleRead(directory, initialAdd, wh, target, dir, depth, throttler) {
+        // Normalize the directory name on Windows
+        directory = sysPath.join(directory, '');
+        throttler = this.fsw._throttle('readdir', directory, 1000);
+        if (!throttler)
+            return;
+        const previous = this.fsw._getWatchedDir(wh.path);
+        const current = new Set();
+        let stream = this.fsw._readdirp(directory, {
+            fileFilter: (entry) => wh.filterPath(entry),
+            directoryFilter: (entry) => wh.filterDir(entry),
+        });
+        if (!stream)
+            return;
+        stream
+            .on(STR_DATA, async (entry) => {
+            if (this.fsw.closed) {
+                stream = undefined;
+                return;
+            }
+            const item = entry.path;
+            let path = sysPath.join(directory, item);
+            current.add(item);
+            if (entry.stats.isSymbolicLink() &&
+                (await this._handleSymlink(entry, directory, path, item))) {
+                return;
+            }
+            if (this.fsw.closed) {
+                stream = undefined;
+                return;
+            }
+            // Files that present in current directory snapshot
+            // but absent in previous are added to watch list and
+            // emit `add` event.
+            if (item === target || (!target && !previous.has(item))) {
+                this.fsw._incrReadyCount();
+                // ensure relativeness of path is preserved in case of watcher reuse
+                path = sysPath.join(dir, sysPath.relative(dir, path));
+                this._addToNodeFs(path, initialAdd, wh, depth + 1);
+            }
+        })
+            .on(EV.ERROR, this._boundHandleError);
+        return new Promise((resolve, reject) => {
+            if (!stream)
+                return reject();
+            stream.once(STR_END, () => {
+                if (this.fsw.closed) {
+                    stream = undefined;
+                    return;
+                }
+                const wasThrottled = throttler ? throttler.clear() : false;
+                resolve(undefined);
+                // Files that absent in current directory snapshot
+                // but present in previous emit `remove` event
+                // and are removed from @watched[directory].
+                previous
+                    .getChildren()
+                    .filter((item) => {
+                    return item !== directory && !current.has(item);
+                })
+                    .forEach((item) => {
+                    this.fsw._remove(directory, item);
+                });
+                stream = undefined;
+                // one more time for any missed in case changes came in extremely quickly
+                if (wasThrottled)
+                    this._handleRead(directory, false, wh, target, dir, depth, throttler);
+            });
+        });
+    }
+    /**
+     * Read directory to add / remove files from `@watched` list and re-read it on change.
+     * @param dir fs path
+     * @param stats
+     * @param initialAdd
+     * @param depth relative to user-supplied path
+     * @param target child path targeted for watch
+     * @param wh Common watch helpers for this path
+     * @param realpath
+     * @returns closer for the watcher instance.
+     */
+    async _handleDir(dir, stats, initialAdd, depth, target, wh, realpath) {
+        const parentDir = this.fsw._getWatchedDir(sysPath.dirname(dir));
+        const tracked = parentDir.has(sysPath.basename(dir));
+        if (!(initialAdd && this.fsw.options.ignoreInitial) && !target && !tracked) {
+            this.fsw._emit(EV.ADD_DIR, dir, stats);
+        }
+        // ensure dir is tracked (harmless if redundant)
+        parentDir.add(sysPath.basename(dir));
+        this.fsw._getWatchedDir(dir);
+        let throttler;
+        let closer;
+        const oDepth = this.fsw.options.depth;
+        if ((oDepth == null || depth <= oDepth) && !this.fsw._symlinkPaths.has(realpath)) {
+            if (!target) {
+                await this._handleRead(dir, initialAdd, wh, target, dir, depth, throttler);
+                if (this.fsw.closed)
+                    return;
+            }
+            closer = this._watchWithNodeFs(dir, (dirPath, stats) => {
+                // if current directory is removed, do nothing
+                if (stats && stats.mtimeMs === 0)
+                    return;
+                this._handleRead(dirPath, false, wh, target, dir, depth, throttler);
+            });
+        }
+        return closer;
+    }
+    /**
+     * Handle added file, directory, or glob pattern.
+     * Delegates call to _handleFile / _handleDir after checks.
+     * @param path to file or ir
+     * @param initialAdd was the file added at watch instantiation?
+     * @param priorWh depth relative to user-supplied path
+     * @param depth Child path actually targeted for watch
+     * @param target Child path actually targeted for watch
+     */
+    async _addToNodeFs(path, initialAdd, priorWh, depth, target) {
+        const ready = this.fsw._emitReady;
+        if (this.fsw._isIgnored(path) || this.fsw.closed) {
+            ready();
+            return false;
+        }
+        const wh = this.fsw._getWatchHelpers(path);
+        if (priorWh) {
+            wh.filterPath = (entry) => priorWh.filterPath(entry);
+            wh.filterDir = (entry) => priorWh.filterDir(entry);
+        }
+        // evaluate what is at the path we're being asked to watch
+        try {
+            const stats = await statMethods[wh.statMethod](wh.watchPath);
+            if (this.fsw.closed)
+                return;
+            if (this.fsw._isIgnored(wh.watchPath, stats)) {
+                ready();
+                return false;
+            }
+            const follow = this.fsw.options.followSymlinks;
+            let closer;
+            if (stats.isDirectory()) {
+                const absPath = sysPath.resolve(path);
+                const targetPath = follow ? await fsrealpath(path) : path;
+                if (this.fsw.closed)
+                    return;
+                closer = await this._handleDir(wh.watchPath, stats, initialAdd, depth, target, wh, targetPath);
+                if (this.fsw.closed)
+                    return;
+                // preserve this symlink's target path
+                if (absPath !== targetPath && targetPath !== undefined) {
+                    this.fsw._symlinkPaths.set(absPath, targetPath);
+                }
+            }
+            else if (stats.isSymbolicLink()) {
+                const targetPath = follow ? await fsrealpath(path) : path;
+                if (this.fsw.closed)
+                    return;
+                const parent = sysPath.dirname(wh.watchPath);
+                this.fsw._getWatchedDir(parent).add(wh.watchPath);
+                this.fsw._emit(EV.ADD, wh.watchPath, stats);
+                closer = await this._handleDir(parent, stats, initialAdd, depth, path, wh, targetPath);
+                if (this.fsw.closed)
+                    return;
+                // preserve this symlink's target path
+                if (targetPath !== undefined) {
+                    this.fsw._symlinkPaths.set(sysPath.resolve(path), targetPath);
+                }
+            }
+            else {
+                closer = this._handleFile(wh.watchPath, stats, initialAdd);
+            }
+            ready();
+            if (closer)
+                this.fsw._addPathCloser(path, closer);
+            return false;
+        }
+        catch (error) {
+            if (this.fsw._handleError(error)) {
+                ready();
+                return path;
+            }
+        }
+    }
+}
diff --git a/node_modules/chokidar/esm/index.d.ts b/node_modules/chokidar/esm/index.d.ts
new file mode 100644
index 0000000..ffeb1e7
--- /dev/null
+++ b/node_modules/chokidar/esm/index.d.ts
@@ -0,0 +1,215 @@
+/*! chokidar - MIT License (c) 2012 Paul Miller (paulmillr.com) */
+import { Stats } from 'fs';
+import { EventEmitter } from 'events';
+import { ReaddirpStream, ReaddirpOptions, EntryInfo } from 'readdirp';
+import { NodeFsHandler, EventName, Path, EVENTS as EV, WatchHandlers } from './handler.js';
+type AWF = {
+    stabilityThreshold: number;
+    pollInterval: number;
+};
+type BasicOpts = {
+    persistent: boolean;
+    ignoreInitial: boolean;
+    followSymlinks: boolean;
+    cwd?: string;
+    usePolling: boolean;
+    interval: number;
+    binaryInterval: number;
+    alwaysStat?: boolean;
+    depth?: number;
+    ignorePermissionErrors: boolean;
+    atomic: boolean | number;
+};
+export type Throttler = {
+    timeoutObject: NodeJS.Timeout;
+    clear: () => void;
+    count: number;
+};
+export type ChokidarOptions = Partial<BasicOpts & {
+    ignored: Matcher | Matcher[];
+    awaitWriteFinish: boolean | Partial<AWF>;
+}>;
+export type FSWInstanceOptions = BasicOpts & {
+    ignored: Matcher[];
+    awaitWriteFinish: false | AWF;
+};
+export type ThrottleType = 'readdir' | 'watch' | 'add' | 'remove' | 'change';
+export type EmitArgs = [path: Path, stats?: Stats];
+export type EmitErrorArgs = [error: Error, stats?: Stats];
+export type EmitArgsWithName = [event: EventName, ...EmitArgs];
+export type MatchFunction = (val: string, stats?: Stats) => boolean;
+export interface MatcherObject {
+    path: string;
+    recursive?: boolean;
+}
+export type Matcher = string | RegExp | MatchFunction | MatcherObject;
+/**
+ * Directory entry.
+ */
+declare class DirEntry {
+    path: Path;
+    _removeWatcher: (dir: string, base: string) => void;
+    items: Set<Path>;
+    constructor(dir: Path, removeWatcher: (dir: string, base: string) => void);
+    add(item: string): void;
+    remove(item: string): Promise<void>;
+    has(item: string): boolean | undefined;
+    getChildren(): string[];
+    dispose(): void;
+}
+export declare class WatchHelper {
+    fsw: FSWatcher;
+    path: string;
+    watchPath: string;
+    fullWatchPath: string;
+    dirParts: string[][];
+    followSymlinks: boolean;
+    statMethod: 'stat' | 'lstat';
+    constructor(path: string, follow: boolean, fsw: FSWatcher);
+    entryPath(entry: EntryInfo): Path;
+    filterPath(entry: EntryInfo): boolean;
+    filterDir(entry: EntryInfo): boolean;
+}
+export interface FSWatcherKnownEventMap {
+    [EV.READY]: [];
+    [EV.RAW]: Parameters<WatchHandlers['rawEmitter']>;
+    [EV.ERROR]: Parameters<WatchHandlers['errHandler']>;
+    [EV.ALL]: [event: EventName, ...EmitArgs];
+}
+export type FSWatcherEventMap = FSWatcherKnownEventMap & {
+    [k in Exclude<EventName, keyof FSWatcherKnownEventMap>]: EmitArgs;
+};
+/**
+ * Watches files & directories for changes. Emitted events:
+ * `add`, `addDir`, `change`, `unlink`, `unlinkDir`, `all`, `error`
+ *
+ *     new FSWatcher()
+ *       .add(directories)
+ *       .on('add', path => log('File', path, 'was added'))
+ */
+export declare class FSWatcher extends EventEmitter<FSWatcherEventMap> {
+    closed: boolean;
+    options: FSWInstanceOptions;
+    _closers: Map<string, Array<any>>;
+    _ignoredPaths: Set<Matcher>;
+    _throttled: Map<ThrottleType, Map<any, any>>;
+    _streams: Set<ReaddirpStream>;
+    _symlinkPaths: Map<Path, string | boolean>;
+    _watched: Map<string, DirEntry>;
+    _pendingWrites: Map<string, any>;
+    _pendingUnlinks: Map<string, EmitArgsWithName>;
+    _readyCount: number;
+    _emitReady: () => void;
+    _closePromise?: Promise<void>;
+    _userIgnored?: MatchFunction;
+    _readyEmitted: boolean;
+    _emitRaw: WatchHandlers['rawEmitter'];
+    _boundRemove: (dir: string, item: string) => void;
+    _nodeFsHandler: NodeFsHandler;
+    constructor(_opts?: ChokidarOptions);
+    _addIgnoredPath(matcher: Matcher): void;
+    _removeIgnoredPath(matcher: Matcher): void;
+    /**
+     * Adds paths to be watched on an existing FSWatcher instance.
+     * @param paths_ file or file list. Other arguments are unused
+     */
+    add(paths_: Path | Path[], _origAdd?: string, _internal?: boolean): FSWatcher;
+    /**
+     * Close watchers or start ignoring events from specified paths.
+     */
+    unwatch(paths_: Path | Path[]): FSWatcher;
+    /**
+     * Close watchers and remove all listeners from watched paths.
+     */
+    close(): Promise<void>;
+    /**
+     * Expose list of watched paths
+     * @returns for chaining
+     */
+    getWatched(): Record<string, string[]>;
+    emitWithAll(event: EventName, args: EmitArgs): void;
+    /**
+     * Normalize and emit events.
+     * Calling _emit DOES NOT MEAN emit() would be called!
+     * @param event Type of event
+     * @param path File or directory path
+     * @param stats arguments to be passed with event
+     * @returns the error if defined, otherwise the value of the FSWatcher instance's `closed` flag
+     */
+    _emit(event: EventName, path: Path, stats?: Stats): Promise<this | undefined>;
+    /**
+     * Common handler for errors
+     * @returns The error if defined, otherwise the value of the FSWatcher instance's `closed` flag
+     */
+    _handleError(error: Error): Error | boolean;
+    /**
+     * Helper utility for throttling
+     * @param actionType type being throttled
+     * @param path being acted upon
+     * @param timeout duration of time to suppress duplicate actions
+     * @returns tracking object or false if action should be suppressed
+     */
+    _throttle(actionType: ThrottleType, path: Path, timeout: number): Throttler | false;
+    _incrReadyCount(): number;
+    /**
+     * Awaits write operation to finish.
+     * Polls a newly created file for size variations. When files size does not change for 'threshold' milliseconds calls callback.
+     * @param path being acted upon
+     * @param threshold Time in milliseconds a file size must be fixed before acknowledging write OP is finished
+     * @param event
+     * @param awfEmit Callback to be called when ready for event to be emitted.
+     */
+    _awaitWriteFinish(path: Path, threshold: number, event: EventName, awfEmit: (err?: Error, stat?: Stats) => void): void;
+    /**
+     * Determines whether user has asked to ignore this path.
+     */
+    _isIgnored(path: Path, stats?: Stats): boolean;
+    _isntIgnored(path: Path, stat?: Stats): boolean;
+    /**
+     * Provides a set of common helpers and properties relating to symlink handling.
+     * @param path file or directory pattern being watched
+     */
+    _getWatchHelpers(path: Path): WatchHelper;
+    /**
+     * Provides directory tracking objects
+     * @param directory path of the directory
+     */
+    _getWatchedDir(directory: string): DirEntry;
+    /**
+     * Check for read permissions: https://stackoverflow.com/a/11781404/1358405
+     */
+    _hasReadPermissions(stats: Stats): boolean;
+    /**
+     * Handles emitting unlink events for
+     * files and directories, and via recursion, for
+     * files and directories within directories that are unlinked
+     * @param directory within which the following item is located
+     * @param item      base path of item/directory
+     */
+    _remove(directory: string, item: string, isDirectory?: boolean): void;
+    /**
+     * Closes all watchers for a path
+     */
+    _closePath(path: Path): void;
+    /**
+     * Closes only file-specific watchers
+     */
+    _closeFile(path: Path): void;
+    _addPathCloser(path: Path, closer: () => void): void;
+    _readdirp(root: Path, opts?: Partial<ReaddirpOptions>): ReaddirpStream | undefined;
+}
+/**
+ * Instantiates watcher with paths to be tracked.
+ * @param paths file / directory paths
+ * @param options opts, such as `atomic`, `awaitWriteFinish`, `ignored`, and others
+ * @returns an instance of FSWatcher for chaining.
+ * @example
+ * const watcher = watch('.').on('all', (event, path) => { console.log(event, path); });
+ * watch('.', { atomic: true, awaitWriteFinish: true, ignored: (f, stats) => stats?.isFile() && !f.endsWith('.js') })
+ */
+export declare function watch(paths: string | string[], options?: ChokidarOptions): FSWatcher;
+declare const _default: {
+    watch: typeof watch;
+    FSWatcher: typeof FSWatcher;
+};
+export default _default;
diff --git a/node_modules/chokidar/esm/index.js b/node_modules/chokidar/esm/index.js
new file mode 100644
index 0000000..1c80a40
--- /dev/null
+++ b/node_modules/chokidar/esm/index.js
@@ -0,0 +1,798 @@
+/*! chokidar - MIT License (c) 2012 Paul Miller (paulmillr.com) */
+import { stat as statcb } from 'fs';
+import { stat, readdir } from 'fs/promises';
+import { EventEmitter } from 'events';
+import * as sysPath from 'path';
+import { readdirp } from 'readdirp';
+import { NodeFsHandler, EVENTS as EV, isWindows, isIBMi, EMPTY_FN, STR_CLOSE, STR_END, } from './handler.js';
+const SLASH = '/';
+const SLASH_SLASH = '//';
+const ONE_DOT = '.';
+const TWO_DOTS = '..';
+const STRING_TYPE = 'string';
+const BACK_SLASH_RE = /\\/g;
+const DOUBLE_SLASH_RE = /\/\//;
+const DOT_RE = /\..*\.(sw[px])$|~$|\.subl.*\.tmp/;
+const REPLACER_RE = /^\.[/\\]/;
+function arrify(item) {
+    return Array.isArray(item) ? item : [item];
+}
+const isMatcherObject = (matcher) => typeof matcher === 'object' && matcher !== null && !(matcher instanceof RegExp);
+function createPattern(matcher) {
+    if (typeof matcher === 'function')
+        return matcher;
+    if (typeof matcher === 'string')
+        return (string) => matcher === string;
+    if (matcher instanceof RegExp)
+        return (string) => matcher.test(string);
+    if (typeof matcher === 'object' && matcher !== null) {
+        return (string) => {
+            if (matcher.path === string)
+                return true;
+            if (matcher.recursive) {
+                const relative = sysPath.relative(matcher.path, string);
+                if (!relative) {
+                    return false;
+                }
+                return !relative.startsWith('..') && !sysPath.isAbsolute(relative);
+            }
+            return false;
+        };
+    }
+    return () => false;
+}
+function normalizePath(path) {
+    if (typeof path !== 'string')
+        throw new Error('string expected');
+    path = sysPath.normalize(path);
+    path = path.replace(/\\/g, '/');
+    let prepend = false;
+    if (path.startsWith('//'))
+        prepend = true;
+    const DOUBLE_SLASH_RE = /\/\//;
+    while (path.match(DOUBLE_SLASH_RE))
+        path = path.replace(DOUBLE_SLASH_RE, '/');
+    if (prepend)
+        path = '/' + path;
+    return path;
+}
+function matchPatterns(patterns, testString, stats) {
+    const path = normalizePath(testString);
+    for (let index = 0; index < patterns.length; index++) {
+        const pattern = patterns[index];
+        if (pattern(path, stats)) {
+            return true;
+        }
+    }
+    return false;
+}
+function anymatch(matchers, testString) {
+    if (matchers == null) {
+        throw new TypeError('anymatch: specify first argument');
+    }
+    // Early cache for matchers.
+    const matchersArray = arrify(matchers);
+    const patterns = matchersArray.map((matcher) => createPattern(matcher));
+    if (testString == null) {
+        return (testString, stats) => {
+            return matchPatterns(patterns, testString, stats);
+        };
+    }
+    return matchPatterns(patterns, testString);
+}
+const unifyPaths = (paths_) => {
+    const paths = arrify(paths_).flat();
+    if (!paths.every((p) => typeof p === STRING_TYPE)) {
+        throw new TypeError(`Non-string provided as watch path: ${paths}`);
+    }
+    return paths.map(normalizePathToUnix);
+};
+// If SLASH_SLASH occurs at the beginning of path, it is not replaced
+//     because "//StoragePC/DrivePool/Movies" is a valid network path
+const toUnix = (string) => {
+    let str = string.replace(BACK_SLASH_RE, SLASH);
+    let prepend = false;
+    if (str.startsWith(SLASH_SLASH)) {
+        prepend = true;
+    }
+    while (str.match(DOUBLE_SLASH_RE)) {
+        str = str.replace(DOUBLE_SLASH_RE, SLASH);
+    }
+    if (prepend) {
+        str = SLASH + str;
+    }
+    return str;
+};
+// Our version of upath.normalize
+// TODO: this is not equal to path-normalize module - investigate why
+const normalizePathToUnix = (path) => toUnix(sysPath.normalize(toUnix(path)));
+// TODO: refactor
+const normalizeIgnored = (cwd = '') => (path) => {
+    if (typeof path === 'string') {
+        return normalizePathToUnix(sysPath.isAbsolute(path) ? path : sysPath.join(cwd, path));
+    }
+    else {
+        return path;
+    }
+};
+const getAbsolutePath = (path, cwd) => {
+    if (sysPath.isAbsolute(path)) {
+        return path;
+    }
+    return sysPath.join(cwd, path);
+};
+const EMPTY_SET = Object.freeze(new Set());
+/**
+ * Directory entry.
+ */
+class DirEntry {
+    constructor(dir, removeWatcher) {
+        this.path = dir;
+        this._removeWatcher = removeWatcher;
+        this.items = new Set();
+    }
+    add(item) {
+        const { items } = this;
+        if (!items)
+            return;
+        if (item !== ONE_DOT && item !== TWO_DOTS)
+            items.add(item);
+    }
+    async remove(item) {
+        const { items } = this;
+        if (!items)
+            return;
+        items.delete(item);
+        if (items.size > 0)
+            return;
+        const dir = this.path;
+        try {
+            await readdir(dir);
+        }
+        catch (err) {
+            if (this._removeWatcher) {
+                this._removeWatcher(sysPath.dirname(dir), sysPath.basename(dir));
+            }
+        }
+    }
+    has(item) {
+        const { items } = this;
+        if (!items)
+            return;
+        return items.has(item);
+    }
+    getChildren() {
+        const { items } = this;
+        if (!items)
+            return [];
+        return [...items.values()];
+    }
+    dispose() {
+        this.items.clear();
+        this.path = '';
+        this._removeWatcher = EMPTY_FN;
+        this.items = EMPTY_SET;
+        Object.freeze(this);
+    }
+}
+const STAT_METHOD_F = 'stat';
+const STAT_METHOD_L = 'lstat';
+export class WatchHelper {
+    constructor(path, follow, fsw) {
+        this.fsw = fsw;
+        const watchPath = path;
+        this.path = path = path.replace(REPLACER_RE, '');
+        this.watchPath = watchPath;
+        this.fullWatchPath = sysPath.resolve(watchPath);
+        this.dirParts = [];
+        this.dirParts.forEach((parts) => {
+            if (parts.length > 1)
+                parts.pop();
+        });
+        this.followSymlinks = follow;
+        this.statMethod = follow ? STAT_METHOD_F : STAT_METHOD_L;
+    }
+    entryPath(entry) {
+        return sysPath.join(this.watchPath, sysPath.relative(this.watchPath, entry.fullPath));
+    }
+    filterPath(entry) {
+        const { stats } = entry;
+        if (stats && stats.isSymbolicLink())
+            return this.filterDir(entry);
+        const resolvedPath = this.entryPath(entry);
+        // TODO: what if stats is undefined? remove !
+        return this.fsw._isntIgnored(resolvedPath, stats) && this.fsw._hasReadPermissions(stats);
+    }
+    filterDir(entry) {
+        return this.fsw._isntIgnored(this.entryPath(entry), entry.stats);
+    }
+}
+/**
+ * Watches files & directories for changes. Emitted events:
+ * `add`, `addDir`, `change`, `unlink`, `unlinkDir`, `all`, `error`
+ *
+ *     new FSWatcher()
+ *       .add(directories)
+ *       .on('add', path => log('File', path, 'was added'))
+ */
+export class FSWatcher extends EventEmitter {
+    // Not indenting methods for history sake; for now.
+    constructor(_opts = {}) {
+        super();
+        this.closed = false;
+        this._closers = new Map();
+        this._ignoredPaths = new Set();
+        this._throttled = new Map();
+        this._streams = new Set();
+        this._symlinkPaths = new Map();
+        this._watched = new Map();
+        this._pendingWrites = new Map();
+        this._pendingUnlinks = new Map();
+        this._readyCount = 0;
+        this._readyEmitted = false;
+        const awf = _opts.awaitWriteFinish;
+        const DEF_AWF = { stabilityThreshold: 2000, pollInterval: 100 };
+        const opts = {
+            // Defaults
+            persistent: true,
+            ignoreInitial: false,
+            ignorePermissionErrors: false,
+            interval: 100,
+            binaryInterval: 300,
+            followSymlinks: true,
+            usePolling: false,
+            // useAsync: false,
+            atomic: true, // NOTE: overwritten later (depends on usePolling)
+            ..._opts,
+            // Change format
+            ignored: _opts.ignored ? arrify(_opts.ignored) : arrify([]),
+            awaitWriteFinish: awf === true ? DEF_AWF : typeof awf === 'object' ? { ...DEF_AWF, ...awf } : false,
+        };
+        // Always default to polling on IBM i because fs.watch() is not available on IBM i.
+        if (isIBMi)
+            opts.usePolling = true;
+        // Editor atomic write normalization enabled by default with fs.watch
+        if (opts.atomic === undefined)
+            opts.atomic = !opts.usePolling;
+        // opts.atomic = typeof _opts.atomic === 'number' ? _opts.atomic : 100;
+        // Global override. Useful for developers, who need to force polling for all
+        // instances of chokidar, regardless of usage / dependency depth
+        const envPoll = process.env.CHOKIDAR_USEPOLLING;
+        if (envPoll !== undefined) {
+            const envLower = envPoll.toLowerCase();
+            if (envLower === 'false' || envLower === '0')
+                opts.usePolling = false;
+            else if (envLower === 'true' || envLower === '1')
+                opts.usePolling = true;
+            else
+                opts.usePolling = !!envLower;
+        }
+        const envInterval = process.env.CHOKIDAR_INTERVAL;
+        if (envInterval)
+            opts.interval = Number.parseInt(envInterval, 10);
+        // This is done to emit ready only once, but each 'add' will increase that?
+        let readyCalls = 0;
+        this._emitReady = () => {
+            readyCalls++;
+            if (readyCalls >= this._readyCount) {
+                this._emitReady = EMPTY_FN;
+                this._readyEmitted = true;
+                // use process.nextTick to allow time for listener to be bound
+                process.nextTick(() => this.emit(EV.READY));
+            }
+        };
+        this._emitRaw = (...args) => this.emit(EV.RAW, ...args);
+        this._boundRemove = this._remove.bind(this);
+        this.options = opts;
+        this._nodeFsHandler = new NodeFsHandler(this);
+        // You’re frozen when your heart’s not open.
+        Object.freeze(opts);
+    }
+    _addIgnoredPath(matcher) {
+        if (isMatcherObject(matcher)) {
+            // return early if we already have a deeply equal matcher object
+            for (const ignored of this._ignoredPaths) {
+                if (isMatcherObject(ignored) &&
+                    ignored.path === matcher.path &&
+                    ignored.recursive === matcher.recursive) {
+                    return;
+                }
+            }
+        }
+        this._ignoredPaths.add(matcher);
+    }
+    _removeIgnoredPath(matcher) {
+        this._ignoredPaths.delete(matcher);
+        // now find any matcher objects with the matcher as path
+        if (typeof matcher === 'string') {
+            for (const ignored of this._ignoredPaths) {
+                // TODO (43081j): make this more efficient.
+                // probably just make a `this._ignoredDirectories` or some
+                // such thing.
+                if (isMatcherObject(ignored) && ignored.path === matcher) {
+                    this._ignoredPaths.delete(ignored);
+                }
+            }
+        }
+    }
+    // Public methods
+    /**
+     * Adds paths to be watched on an existing FSWatcher instance.
+     * @param paths_ file or file list. Other arguments are unused
+     */
+    add(paths_, _origAdd, _internal) {
+        const { cwd } = this.options;
+        this.closed = false;
+        this._closePromise = undefined;
+        let paths = unifyPaths(paths_);
+        if (cwd) {
+            paths = paths.map((path) => {
+                const absPath = getAbsolutePath(path, cwd);
+                // Check `path` instead of `absPath` because the cwd portion can't be a glob
+                return absPath;
+            });
+        }
+        paths.forEach((path) => {
+            this._removeIgnoredPath(path);
+        });
+        this._userIgnored = undefined;
+        if (!this._readyCount)
+            this._readyCount = 0;
+        this._readyCount += paths.length;
+        Promise.all(paths.map(async (path) => {
+            const res = await this._nodeFsHandler._addToNodeFs(path, !_internal, undefined, 0, _origAdd);
+            if (res)
+                this._emitReady();
+            return res;
+        })).then((results) => {
+            if (this.closed)
+                return;
+            results.forEach((item) => {
+                if (item)
+                    this.add(sysPath.dirname(item), sysPath.basename(_origAdd || item));
+            });
+        });
+        return this;
+    }
+    /**
+     * Close watchers or start ignoring events from specified paths.
+     */
+    unwatch(paths_) {
+        if (this.closed)
+            return this;
+        const paths = unifyPaths(paths_);
+        const { cwd } = this.options;
+        paths.forEach((path) => {
+            // convert to absolute path unless relative path already matches
+            if (!sysPath.isAbsolute(path) && !this._closers.has(path)) {
+                if (cwd)
+                    path = sysPath.join(cwd, path);
+                path = sysPath.resolve(path);
+            }
+            this._closePath(path);
+            this._addIgnoredPath(path);
+            if (this._watched.has(path)) {
+                this._addIgnoredPath({
+                    path,
+                    recursive: true,
+                });
+            }
+            // reset the cached userIgnored anymatch fn
+            // to make ignoredPaths changes effective
+            this._userIgnored = undefined;
+        });
+        return this;
+    }
+    /**
+     * Close watchers and remove all listeners from watched paths.
+     */
+    close() {
+        if (this._closePromise) {
+            return this._closePromise;
+        }
+        this.closed = true;
+        // Memory management.
+        this.removeAllListeners();
+        const closers = [];
+        this._closers.forEach((closerList) => closerList.forEach((closer) => {
+            const promise = closer();
+            if (promise instanceof Promise)
+                closers.push(promise);
+        }));
+        this._streams.forEach((stream) => stream.destroy());
+        this._userIgnored = undefined;
+        this._readyCount = 0;
+        this._readyEmitted = false;
+        this._watched.forEach((dirent) => dirent.dispose());
+        this._closers.clear();
+        this._watched.clear();
+        this._streams.clear();
+        this._symlinkPaths.clear();
+        this._throttled.clear();
+        this._closePromise = closers.length
+            ? Promise.all(closers).then(() => undefined)
+            : Promise.resolve();
+        return this._closePromise;
+    }
+    /**
+     * Expose list of watched paths
+     * @returns for chaining
+     */
+    getWatched() {
+        const watchList = {};
+        this._watched.forEach((entry, dir) => {
+            const key = this.options.cwd ? sysPath.relative(this.options.cwd, dir) : dir;
+            const index = key || ONE_DOT;
+            watchList[index] = entry.getChildren().sort();
+        });
+        return watchList;
+    }
+    emitWithAll(event, args) {
+        this.emit(event, ...args);
+        if (event !== EV.ERROR)
+            this.emit(EV.ALL, event, ...args);
+    }
+    // Common helpers
+    // --------------
+    /**
+     * Normalize and emit events.
+     * Calling _emit DOES NOT MEAN emit() would be called!
+     * @param event Type of event
+     * @param path File or directory path
+     * @param stats arguments to be passed with event
+     * @returns the error if defined, otherwise the value of the FSWatcher instance's `closed` flag
+     */
+    async _emit(event, path, stats) {
+        if (this.closed)
+            return;
+        const opts = this.options;
+        if (isWindows)
+            path = sysPath.normalize(path);
+        if (opts.cwd)
+            path = sysPath.relative(opts.cwd, path);
+        const args = [path];
+        if (stats != null)
+            args.push(stats);
+        const awf = opts.awaitWriteFinish;
+        let pw;
+        if (awf && (pw = this._pendingWrites.get(path))) {
+            pw.lastChange = new Date();
+            return this;
+        }
+        if (opts.atomic) {
+            if (event === EV.UNLINK) {
+                this._pendingUnlinks.set(path, [event, ...args]);
+                setTimeout(() => {
+                    this._pendingUnlinks.forEach((entry, path) => {
+                        this.emit(...entry);
+                        this.emit(EV.ALL, ...entry);
+                        this._pendingUnlinks.delete(path);
+                    });
+                }, typeof opts.atomic === 'number' ? opts.atomic : 100);
+                return this;
+            }
+            if (event === EV.ADD && this._pendingUnlinks.has(path)) {
+                event = EV.CHANGE;
+                this._pendingUnlinks.delete(path);
+            }
+        }
+        if (awf && (event === EV.ADD || event === EV.CHANGE) && this._readyEmitted) {
+            const awfEmit = (err, stats) => {
+                if (err) {
+                    event = EV.ERROR;
+                    args[0] = err;
+                    this.emitWithAll(event, args);
+                }
+                else if (stats) {
+                    // if stats doesn't exist the file must have been deleted
+                    if (args.length > 1) {
+                        args[1] = stats;
+                    }
+                    else {
+                        args.push(stats);
+                    }
+                    this.emitWithAll(event, args);
+                }
+            };
+            this._awaitWriteFinish(path, awf.stabilityThreshold, event, awfEmit);
+            return this;
+        }
+        if (event === EV.CHANGE) {
+            const isThrottled = !this._throttle(EV.CHANGE, path, 50);
+            if (isThrottled)
+                return this;
+        }
+        if (opts.alwaysStat &&
+            stats === undefined &&
+            (event === EV.ADD || event === EV.ADD_DIR || event === EV.CHANGE)) {
+            const fullPath = opts.cwd ? sysPath.join(opts.cwd, path) : path;
+            let stats;
+            try {
+                stats = await stat(fullPath);
+            }
+            catch (err) {
+                // do nothing
+            }
+            // Suppress event when fs_stat fails, to avoid sending undefined 'stat'
+            if (!stats || this.closed)
+                return;
+            args.push(stats);
+        }
+        this.emitWithAll(event, args);
+        return this;
+    }
+    /**
+     * Common handler for errors
+     * @returns The error if defined, otherwise the value of the FSWatcher instance's `closed` flag
+     */
+    _handleError(error) {
+        const code = error && error.code;
+        if (error &&
+            code !== 'ENOENT' &&
+            code !== 'ENOTDIR' &&
+            (!this.options.ignorePermissionErrors || (code !== 'EPERM' && code !== 'EACCES'))) {
+            this.emit(EV.ERROR, error);
+        }
+        return error || this.closed;
+    }
+    /**
+     * Helper utility for throttling
+     * @param actionType type being throttled
+     * @param path being acted upon
+     * @param timeout duration of time to suppress duplicate actions
+     * @returns tracking object or false if action should be suppressed
+     */
+    _throttle(actionType, path, timeout) {
+        if (!this._throttled.has(actionType)) {
+            this._throttled.set(actionType, new Map());
+        }
+        const action = this._throttled.get(actionType);
+        if (!action)
+            throw new Error('invalid throttle');
+        const actionPath = action.get(path);
+        if (actionPath) {
+            actionPath.count++;
+            return false;
+        }
+        // eslint-disable-next-line prefer-const
+        let timeoutObject;
+        const clear = () => {
+            const item = action.get(path);
+            const count = item ? item.count : 0;
+            action.delete(path);
+            clearTimeout(timeoutObject);
+            if (item)
+                clearTimeout(item.timeoutObject);
+            return count;
+        };
+        timeoutObject = setTimeout(clear, timeout);
+        const thr = { timeoutObject, clear, count: 0 };
+        action.set(path, thr);
+        return thr;
+    }
+    _incrReadyCount() {
+        return this._readyCount++;
+    }
+    /**
+     * Awaits write operation to finish.
+     * Polls a newly created file for size variations. When files size does not change for 'threshold' milliseconds calls callback.
+     * @param path being acted upon
+     * @param threshold Time in milliseconds a file size must be fixed before acknowledging write OP is finished
+     * @param event
+     * @param awfEmit Callback to be called when ready for event to be emitted.
+     */
+    _awaitWriteFinish(path, threshold, event, awfEmit) {
+        const awf = this.options.awaitWriteFinish;
+        if (typeof awf !== 'object')
+            return;
+        const pollInterval = awf.pollInterval;
+        let timeoutHandler;
+        let fullPath = path;
+        if (this.options.cwd && !sysPath.isAbsolute(path)) {
+            fullPath = sysPath.join(this.options.cwd, path);
+        }
+        const now = new Date();
+        const writes = this._pendingWrites;
+        function awaitWriteFinishFn(prevStat) {
+            statcb(fullPath, (err, curStat) => {
+                if (err || !writes.has(path)) {
+                    if (err && err.code !== 'ENOENT')
+                        awfEmit(err);
+                    return;
+                }
+                const now = Number(new Date());
+                if (prevStat && curStat.size !== prevStat.size) {
+                    writes.get(path).lastChange = now;
+                }
+                const pw = writes.get(path);
+                const df = now - pw.lastChange;
+                if (df >= threshold) {
+                    writes.delete(path);
+                    awfEmit(undefined, curStat);
+                }
+                else {
+                    timeoutHandler = setTimeout(awaitWriteFinishFn, pollInterval, curStat);
+                }
+            });
+        }
+        if (!writes.has(path)) {
+            writes.set(path, {
+                lastChange: now,
+                cancelWait: () => {
+                    writes.delete(path);
+                    clearTimeout(timeoutHandler);
+                    return event;
+                },
+            });
+            timeoutHandler = setTimeout(awaitWriteFinishFn, pollInterval);
+        }
+    }
+    /**
+     * Determines whether user has asked to ignore this path.
+     */
+    _isIgnored(path, stats) {
+        if (this.options.atomic && DOT_RE.test(path))
+            return true;
+        if (!this._userIgnored) {
+            const { cwd } = this.options;
+            const ign = this.options.ignored;
+            const ignored = (ign || []).map(normalizeIgnored(cwd));
+            const ignoredPaths = [...this._ignoredPaths];
+            const list = [...ignoredPaths.map(normalizeIgnored(cwd)), ...ignored];
+            this._userIgnored = anymatch(list, undefined);
+        }
+        return this._userIgnored(path, stats);
+    }
+    _isntIgnored(path, stat) {
+        return !this._isIgnored(path, stat);
+    }
+    /**
+     * Provides a set of common helpers and properties relating to symlink handling.
+     * @param path file or directory pattern being watched
+     */
+    _getWatchHelpers(path) {
+        return new WatchHelper(path, this.options.followSymlinks, this);
+    }
+    // Directory helpers
+    // -----------------
+    /**
+     * Provides directory tracking objects
+     * @param directory path of the directory
+     */
+    _getWatchedDir(directory) {
+        const dir = sysPath.resolve(directory);
+        if (!this._watched.has(dir))
+            this._watched.set(dir, new DirEntry(dir, this._boundRemove));
+        return this._watched.get(dir);
+    }
+    // File helpers
+    // ------------
+    /**
+     * Check for read permissions: https://stackoverflow.com/a/11781404/1358405
+     */
+    _hasReadPermissions(stats) {
+        if (this.options.ignorePermissionErrors)
+            return true;
+        return Boolean(Number(stats.mode) & 0o400);
+    }
+    /**
+     * Handles emitting unlink events for
+     * files and directories, and via recursion, for
+     * files and directories within directories that are unlinked
+     * @param directory within which the following item is located
+     * @param item      base path of item/directory
+     */
+    _remove(directory, item, isDirectory) {
+        // if what is being deleted is a directory, get that directory's paths
+        // for recursive deleting and cleaning of watched object
+        // if it is not a directory, nestedDirectoryChildren will be empty array
+        const path = sysPath.join(directory, item);
+        const fullPath = sysPath.resolve(path);
+        isDirectory =
+            isDirectory != null ? isDirectory : this._watched.has(path) || this._watched.has(fullPath);
+        // prevent duplicate handling in case of arriving here nearly simultaneously
+        // via multiple paths (such as _handleFile and _handleDir)
+        if (!this._throttle('remove', path, 100))
+            return;
+        // if the only watched file is removed, watch for its return
+        if (!isDirectory && this._watched.size === 1) {
+            this.add(directory, item, true);
+        }
+        // This will create a new entry in the watched object in either case
+        // so we got to do the directory check beforehand
+        const wp = this._getWatchedDir(path);
+        const nestedDirectoryChildren = wp.getChildren();
+        // Recursively remove children directories / files.
+        nestedDirectoryChildren.forEach((nested) => this._remove(path, nested));
+        // Check if item was on the watched list and remove it
+        const parent = this._getWatchedDir(directory);
+        const wasTracked = parent.has(item);
+        parent.remove(item);
+        // Fixes issue #1042 -> Relative paths were detected and added as symlinks
+        // (https://github.com/paulmillr/chokidar/blob/e1753ddbc9571bdc33b4a4af172d52cb6e611c10/lib/nodefs-handler.js#L612),
+        // but never removed from the map in case the path was deleted.
+        // This leads to an incorrect state if the path was recreated:
+        // https://github.com/paulmillr/chokidar/blob/e1753ddbc9571bdc33b4a4af172d52cb6e611c10/lib/nodefs-handler.js#L553
+        if (this._symlinkPaths.has(fullPath)) {
+            this._symlinkPaths.delete(fullPath);
+        }
+        // If we wait for this file to be fully written, cancel the wait.
+        let relPath = path;
+        if (this.options.cwd)
+            relPath = sysPath.relative(this.options.cwd, path);
+        if (this.options.awaitWriteFinish && this._pendingWrites.has(relPath)) {
+            const event = this._pendingWrites.get(relPath).cancelWait();
+            if (event === EV.ADD)
+                return;
+        }
+        // The Entry will either be a directory that just got removed
+        // or a bogus entry to a file, in either case we have to remove it
+        this._watched.delete(path);
+        this._watched.delete(fullPath);
+        const eventName = isDirectory ? EV.UNLINK_DIR : EV.UNLINK;
+        if (wasTracked && !this._isIgnored(path))
+            this._emit(eventName, path);
+        // Avoid conflicts if we later create another file with the same name
+        this._closePath(path);
+    }
+    /**
+     * Closes all watchers for a path
+     */
+    _closePath(path) {
+        this._closeFile(path);
+        const dir = sysPath.dirname(path);
+        this._getWatchedDir(dir).remove(sysPath.basename(path));
+    }
+    /**
+     * Closes only file-specific watchers
+     */
+    _closeFile(path) {
+        const closers = this._closers.get(path);
+        if (!closers)
+            return;
+        closers.forEach((closer) => closer());
+        this._closers.delete(path);
+    }
+    _addPathCloser(path, closer) {
+        if (!closer)
+            return;
+        let list = this._closers.get(path);
+        if (!list) {
+            list = [];
+            this._closers.set(path, list);
+        }
+        list.push(closer);
+    }
+    _readdirp(root, opts) {
+        if (this.closed)
+            return;
+        const options = { type: EV.ALL, alwaysStat: true, lstat: true, ...opts, depth: 0 };
+        let stream = readdirp(root, options);
+        this._streams.add(stream);
+        stream.once(STR_CLOSE, () => {
+            stream = undefined;
+        });
+        stream.once(STR_END, () => {
+            if (stream) {
+                this._streams.delete(stream);
+                stream = undefined;
+            }
+        });
+        return stream;
+    }
+}
+/**
+ * Instantiates watcher with paths to be tracked.
+ * @param paths file / directory paths
+ * @param options opts, such as `atomic`, `awaitWriteFinish`, `ignored`, and others
+ * @returns an instance of FSWatcher for chaining.
+ * @example
+ * const watcher = watch('.').on('all', (event, path) => { console.log(event, path); });
+ * watch('.', { atomic: true, awaitWriteFinish: true, ignored: (f, stats) => stats?.isFile() && !f.endsWith('.js') })
+ */
+export function watch(paths, options = {}) {
+    const watcher = new FSWatcher(options);
+    watcher.add(paths);
+    return watcher;
+}
+export default { watch, FSWatcher };
diff --git a/node_modules/chokidar/esm/package.json b/node_modules/chokidar/esm/package.json
new file mode 100644
index 0000000..8769641
--- /dev/null
+++ b/node_modules/chokidar/esm/package.json
@@ -0,0 +1 @@
+{ "type": "module", "sideEffects": false }
diff --git a/node_modules/chokidar/handler.d.ts b/node_modules/chokidar/handler.d.ts
new file mode 100644
index 0000000..ea777d0
--- /dev/null
+++ b/node_modules/chokidar/handler.d.ts
@@ -0,0 +1,90 @@
+import type { WatchEventType, Stats, FSWatcher as NativeFsWatcher } from 'fs';
+import type { FSWatcher, WatchHelper, Throttler } from './index.js';
+import type { EntryInfo } from 'readdirp';
+export type Path = string;
+export declare const STR_DATA = "data";
+export declare const STR_END = "end";
+export declare const STR_CLOSE = "close";
+export declare const EMPTY_FN: () => void;
+export declare const IDENTITY_FN: (val: unknown) => unknown;
+export declare const isWindows: boolean;
+export declare const isMacos: boolean;
+export declare const isLinux: boolean;
+export declare const isFreeBSD: boolean;
+export declare const isIBMi: boolean;
+export declare const EVENTS: {
+    readonly ALL: "all";
+    readonly READY: "ready";
+    readonly ADD: "add";
+    readonly CHANGE: "change";
+    readonly ADD_DIR: "addDir";
+    readonly UNLINK: "unlink";
+    readonly UNLINK_DIR: "unlinkDir";
+    readonly RAW: "raw";
+    readonly ERROR: "error";
+};
+export type EventName = (typeof EVENTS)[keyof typeof EVENTS];
+export type FsWatchContainer = {
+    listeners: (path: string) => void | Set<any>;
+    errHandlers: (err: unknown) => void | Set<any>;
+    rawEmitters: (ev: WatchEventType, path: string, opts: unknown) => void | Set<any>;
+    watcher: NativeFsWatcher;
+    watcherUnusable?: boolean;
+};
+export interface WatchHandlers {
+    listener: (path: string) => void;
+    errHandler: (err: unknown) => void;
+    rawEmitter: (ev: WatchEventType, path: string, opts: unknown) => void;
+}
+/**
+ * @mixin
+ */
+export declare class NodeFsHandler {
+    fsw: FSWatcher;
+    _boundHandleError: (error: unknown) => void;
+    constructor(fsW: FSWatcher);
+    /**
+     * Watch file for changes with fs_watchFile or fs_watch.
+     * @param path to file or dir
+     * @param listener on fs change
+     * @returns closer for the watcher instance
+     */
+    _watchWithNodeFs(path: string, listener: (path: string, newStats?: any) => void | Promise<void>): (() => void) | undefined;
+    /**
+     * Watch a file and emit add event if warranted.
+     * @returns closer for the watcher instance
+     */
+    _handleFile(file: Path, stats: Stats, initialAdd: boolean): (() => void) | undefined;
+    /**
+     * Handle symlinks encountered while reading a dir.
+     * @param entry returned by readdirp
+     * @param directory path of dir being read
+     * @param path of this item
+     * @param item basename of this item
+     * @returns true if no more processing is needed for this entry.
+     */
+    _handleSymlink(entry: EntryInfo, directory: string, path: Path, item: string): Promise<boolean | undefined>;
+    _handleRead(directory: string, initialAdd: boolean, wh: WatchHelper, target: Path, dir: Path, depth: number, throttler: Throttler): Promise<unknown> | undefined;
+    /**
+     * Read directory to add / remove files from `@watched` list and re-read it on change.
+     * @param dir fs path
+     * @param stats
+     * @param initialAdd
+     * @param depth relative to user-supplied path
+     * @param target child path targeted for watch
+     * @param wh Common watch helpers for this path
+     * @param realpath
+     * @returns closer for the watcher instance.
+     */
+    _handleDir(dir: string, stats: Stats, initialAdd: boolean, depth: number, target: string, wh: WatchHelper, realpath: string): Promise<(() => void) | undefined>;
+    /**
+     * Handle added file, directory, or glob pattern.
+     * Delegates call to _handleFile / _handleDir after checks.
+     * @param path to file or ir
+     * @param initialAdd was the file added at watch instantiation?
+     * @param priorWh depth relative to user-supplied path
+     * @param depth Child path actually targeted for watch
+     * @param target Child path actually targeted for watch
+     */
+    _addToNodeFs(path: string, initialAdd: boolean, priorWh: WatchHelper | undefined, depth: number, target?: string): Promise<string | false | undefined>;
+}
diff --git a/node_modules/chokidar/handler.js b/node_modules/chokidar/handler.js
new file mode 100644
index 0000000..9c2ef28
--- /dev/null
+++ b/node_modules/chokidar/handler.js
@@ -0,0 +1,635 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NodeFsHandler = exports.EVENTS = exports.isIBMi = exports.isFreeBSD = exports.isLinux = exports.isMacos = exports.isWindows = exports.IDENTITY_FN = exports.EMPTY_FN = exports.STR_CLOSE = exports.STR_END = exports.STR_DATA = void 0;
+const fs_1 = require("fs");
+const promises_1 = require("fs/promises");
+const sysPath = require("path");
+const os_1 = require("os");
+exports.STR_DATA = 'data';
+exports.STR_END = 'end';
+exports.STR_CLOSE = 'close';
+const EMPTY_FN = () => { };
+exports.EMPTY_FN = EMPTY_FN;
+const IDENTITY_FN = (val) => val;
+exports.IDENTITY_FN = IDENTITY_FN;
+const pl = process.platform;
+exports.isWindows = pl === 'win32';
+exports.isMacos = pl === 'darwin';
+exports.isLinux = pl === 'linux';
+exports.isFreeBSD = pl === 'freebsd';
+exports.isIBMi = (0, os_1.type)() === 'OS400';
+exports.EVENTS = {
+    ALL: 'all',
+    READY: 'ready',
+    ADD: 'add',
+    CHANGE: 'change',
+    ADD_DIR: 'addDir',
+    UNLINK: 'unlink',
+    UNLINK_DIR: 'unlinkDir',
+    RAW: 'raw',
+    ERROR: 'error',
+};
+const EV = exports.EVENTS;
+const THROTTLE_MODE_WATCH = 'watch';
+const statMethods = { lstat: promises_1.lstat, stat: promises_1.stat };
+const KEY_LISTENERS = 'listeners';
+const KEY_ERR = 'errHandlers';
+const KEY_RAW = 'rawEmitters';
+const HANDLER_KEYS = [KEY_LISTENERS, KEY_ERR, KEY_RAW];
+// prettier-ignore
+const binaryExtensions = new Set([
+    '3dm', '3ds', '3g2', '3gp', '7z', 'a', 'aac', 'adp', 'afdesign', 'afphoto', 'afpub', 'ai',
+    'aif', 'aiff', 'alz', 'ape', 'apk', 'appimage', 'ar', 'arj', 'asf', 'au', 'avi',
+    'bak', 'baml', 'bh', 'bin', 'bk', 'bmp', 'btif', 'bz2', 'bzip2',
+    'cab', 'caf', 'cgm', 'class', 'cmx', 'cpio', 'cr2', 'cur', 'dat', 'dcm', 'deb', 'dex', 'djvu',
+    'dll', 'dmg', 'dng', 'doc', 'docm', 'docx', 'dot', 'dotm', 'dra', 'DS_Store', 'dsk', 'dts',
+    'dtshd', 'dvb', 'dwg', 'dxf',
+    'ecelp4800', 'ecelp7470', 'ecelp9600', 'egg', 'eol', 'eot', 'epub', 'exe',
+    'f4v', 'fbs', 'fh', 'fla', 'flac', 'flatpak', 'fli', 'flv', 'fpx', 'fst', 'fvt',
+    'g3', 'gh', 'gif', 'graffle', 'gz', 'gzip',
+    'h261', 'h263', 'h264', 'icns', 'ico', 'ief', 'img', 'ipa', 'iso',
+    'jar', 'jpeg', 'jpg', 'jpgv', 'jpm', 'jxr', 'key', 'ktx',
+    'lha', 'lib', 'lvp', 'lz', 'lzh', 'lzma', 'lzo',
+    'm3u', 'm4a', 'm4v', 'mar', 'mdi', 'mht', 'mid', 'midi', 'mj2', 'mka', 'mkv', 'mmr', 'mng',
+    'mobi', 'mov', 'movie', 'mp3',
+    'mp4', 'mp4a', 'mpeg', 'mpg', 'mpga', 'mxu',
+    'nef', 'npx', 'numbers', 'nupkg',
+    'o', 'odp', 'ods', 'odt', 'oga', 'ogg', 'ogv', 'otf', 'ott',
+    'pages', 'pbm', 'pcx', 'pdb', 'pdf', 'pea', 'pgm', 'pic', 'png', 'pnm', 'pot', 'potm',
+    'potx', 'ppa', 'ppam',
+    'ppm', 'pps', 'ppsm', 'ppsx', 'ppt', 'pptm', 'pptx', 'psd', 'pya', 'pyc', 'pyo', 'pyv',
+    'qt',
+    'rar', 'ras', 'raw', 'resources', 'rgb', 'rip', 'rlc', 'rmf', 'rmvb', 'rpm', 'rtf', 'rz',
+    's3m', 's7z', 'scpt', 'sgi', 'shar', 'snap', 'sil', 'sketch', 'slk', 'smv', 'snk', 'so',
+    'stl', 'suo', 'sub', 'swf',
+    'tar', 'tbz', 'tbz2', 'tga', 'tgz', 'thmx', 'tif', 'tiff', 'tlz', 'ttc', 'ttf', 'txz',
+    'udf', 'uvh', 'uvi', 'uvm', 'uvp', 'uvs', 'uvu',
+    'viv', 'vob',
+    'war', 'wav', 'wax', 'wbmp', 'wdp', 'weba', 'webm', 'webp', 'whl', 'wim', 'wm', 'wma',
+    'wmv', 'wmx', 'woff', 'woff2', 'wrm', 'wvx',
+    'xbm', 'xif', 'xla', 'xlam', 'xls', 'xlsb', 'xlsm', 'xlsx', 'xlt', 'xltm', 'xltx', 'xm',
+    'xmind', 'xpi', 'xpm', 'xwd', 'xz',
+    'z', 'zip', 'zipx',
+]);
+const isBinaryPath = (filePath) => binaryExtensions.has(sysPath.extname(filePath).slice(1).toLowerCase());
+// TODO: emit errors properly. Example: EMFILE on Macos.
+const foreach = (val, fn) => {
+    if (val instanceof Set) {
+        val.forEach(fn);
+    }
+    else {
+        fn(val);
+    }
+};
+const addAndConvert = (main, prop, item) => {
+    let container = main[prop];
+    if (!(container instanceof Set)) {
+        main[prop] = container = new Set([container]);
+    }
+    container.add(item);
+};
+const clearItem = (cont) => (key) => {
+    const set = cont[key];
+    if (set instanceof Set) {
+        set.clear();
+    }
+    else {
+        delete cont[key];
+    }
+};
+const delFromSet = (main, prop, item) => {
+    const container = main[prop];
+    if (container instanceof Set) {
+        container.delete(item);
+    }
+    else if (container === item) {
+        delete main[prop];
+    }
+};
+const isEmptySet = (val) => (val instanceof Set ? val.size === 0 : !val);
+const FsWatchInstances = new Map();
+/**
+ * Instantiates the fs_watch interface
+ * @param path to be watched
+ * @param options to be passed to fs_watch
+ * @param listener main event handler
+ * @param errHandler emits info about errors
+ * @param emitRaw emits raw event data
+ * @returns {NativeFsWatcher}
+ */
+function createFsWatchInstance(path, options, listener, errHandler, emitRaw) {
+    const handleEvent = (rawEvent, evPath) => {
+        listener(path);
+        emitRaw(rawEvent, evPath, { watchedPath: path });
+        // emit based on events occurring for files from a directory's watcher in
+        // case the file's watcher misses it (and rely on throttling to de-dupe)
+        if (evPath && path !== evPath) {
+            fsWatchBroadcast(sysPath.resolve(path, evPath), KEY_LISTENERS, sysPath.join(path, evPath));
+        }
+    };
+    try {
+        return (0, fs_1.watch)(path, {
+            persistent: options.persistent,
+        }, handleEvent);
+    }
+    catch (error) {
+        errHandler(error);
+        return undefined;
+    }
+}
+/**
+ * Helper for passing fs_watch event data to a collection of listeners
+ * @param fullPath absolute path bound to fs_watch instance
+ */
+const fsWatchBroadcast = (fullPath, listenerType, val1, val2, val3) => {
+    const cont = FsWatchInstances.get(fullPath);
+    if (!cont)
+        return;
+    foreach(cont[listenerType], (listener) => {
+        listener(val1, val2, val3);
+    });
+};
+/**
+ * Instantiates the fs_watch interface or binds listeners
+ * to an existing one covering the same file system entry
+ * @param path
+ * @param fullPath absolute path
+ * @param options to be passed to fs_watch
+ * @param handlers container for event listener functions
+ */
+const setFsWatchListener = (path, fullPath, options, handlers) => {
+    const { listener, errHandler, rawEmitter } = handlers;
+    let cont = FsWatchInstances.get(fullPath);
+    let watcher;
+    if (!options.persistent) {
+        watcher = createFsWatchInstance(path, options, listener, errHandler, rawEmitter);
+        if (!watcher)
+            return;
+        return watcher.close.bind(watcher);
+    }
+    if (cont) {
+        addAndConvert(cont, KEY_LISTENERS, listener);
+        addAndConvert(cont, KEY_ERR, errHandler);
+        addAndConvert(cont, KEY_RAW, rawEmitter);
+    }
+    else {
+        watcher = createFsWatchInstance(path, options, fsWatchBroadcast.bind(null, fullPath, KEY_LISTENERS), errHandler, // no need to use broadcast here
+        fsWatchBroadcast.bind(null, fullPath, KEY_RAW));
+        if (!watcher)
+            return;
+        watcher.on(EV.ERROR, async (error) => {
+            const broadcastErr = fsWatchBroadcast.bind(null, fullPath, KEY_ERR);
+            if (cont)
+                cont.watcherUnusable = true; // documented since Node 10.4.1
+            // Workaround for https://github.com/joyent/node/issues/4337
+            if (exports.isWindows && error.code === 'EPERM') {
+                try {
+                    const fd = await (0, promises_1.open)(path, 'r');
+                    await fd.close();
+                    broadcastErr(error);
+                }
+                catch (err) {
+                    // do nothing
+                }
+            }
+            else {
+                broadcastErr(error);
+            }
+        });
+        cont = {
+            listeners: listener,
+            errHandlers: errHandler,
+            rawEmitters: rawEmitter,
+            watcher,
+        };
+        FsWatchInstances.set(fullPath, cont);
+    }
+    // const index = cont.listeners.indexOf(listener);
+    // removes this instance's listeners and closes the underlying fs_watch
+    // instance if there are no more listeners left
+    return () => {
+        delFromSet(cont, KEY_LISTENERS, listener);
+        delFromSet(cont, KEY_ERR, errHandler);
+        delFromSet(cont, KEY_RAW, rawEmitter);
+        if (isEmptySet(cont.listeners)) {
+            // Check to protect against issue gh-730.
+            // if (cont.watcherUnusable) {
+            cont.watcher.close();
+            // }
+            FsWatchInstances.delete(fullPath);
+            HANDLER_KEYS.forEach(clearItem(cont));
+            // @ts-ignore
+            cont.watcher = undefined;
+            Object.freeze(cont);
+        }
+    };
+};
+// fs_watchFile helpers
+// object to hold per-process fs_watchFile instances
+// (may be shared across chokidar FSWatcher instances)
+const FsWatchFileInstances = new Map();
+/**
+ * Instantiates the fs_watchFile interface or binds listeners
+ * to an existing one covering the same file system entry
+ * @param path to be watched
+ * @param fullPath absolute path
+ * @param options options to be passed to fs_watchFile
+ * @param handlers container for event listener functions
+ * @returns closer
+ */
+const setFsWatchFileListener = (path, fullPath, options, handlers) => {
+    const { listener, rawEmitter } = handlers;
+    let cont = FsWatchFileInstances.get(fullPath);
+    // let listeners = new Set();
+    // let rawEmitters = new Set();
+    const copts = cont && cont.options;
+    if (copts && (copts.persistent < options.persistent || copts.interval > options.interval)) {
+        // "Upgrade" the watcher to persistence or a quicker interval.
+        // This creates some unlikely edge case issues if the user mixes
+        // settings in a very weird way, but solving for those cases
+        // doesn't seem worthwhile for the added complexity.
+        // listeners = cont.listeners;
+        // rawEmitters = cont.rawEmitters;
+        (0, fs_1.unwatchFile)(fullPath);
+        cont = undefined;
+    }
+    if (cont) {
+        addAndConvert(cont, KEY_LISTENERS, listener);
+        addAndConvert(cont, KEY_RAW, rawEmitter);
+    }
+    else {
+        // TODO
+        // listeners.add(listener);
+        // rawEmitters.add(rawEmitter);
+        cont = {
+            listeners: listener,
+            rawEmitters: rawEmitter,
+            options,
+            watcher: (0, fs_1.watchFile)(fullPath, options, (curr, prev) => {
+                foreach(cont.rawEmitters, (rawEmitter) => {
+                    rawEmitter(EV.CHANGE, fullPath, { curr, prev });
+                });
+                const currmtime = curr.mtimeMs;
+                if (curr.size !== prev.size || currmtime > prev.mtimeMs || currmtime === 0) {
+                    foreach(cont.listeners, (listener) => listener(path, curr));
+                }
+            }),
+        };
+        FsWatchFileInstances.set(fullPath, cont);
+    }
+    // const index = cont.listeners.indexOf(listener);
+    // Removes this instance's listeners and closes the underlying fs_watchFile
+    // instance if there are no more listeners left.
+    return () => {
+        delFromSet(cont, KEY_LISTENERS, listener);
+        delFromSet(cont, KEY_RAW, rawEmitter);
+        if (isEmptySet(cont.listeners)) {
+            FsWatchFileInstances.delete(fullPath);
+            (0, fs_1.unwatchFile)(fullPath);
+            cont.options = cont.watcher = undefined;
+            Object.freeze(cont);
+        }
+    };
+};
+/**
+ * @mixin
+ */
+class NodeFsHandler {
+    constructor(fsW) {
+        this.fsw = fsW;
+        this._boundHandleError = (error) => fsW._handleError(error);
+    }
+    /**
+     * Watch file for changes with fs_watchFile or fs_watch.
+     * @param path to file or dir
+     * @param listener on fs change
+     * @returns closer for the watcher instance
+     */
+    _watchWithNodeFs(path, listener) {
+        const opts = this.fsw.options;
+        const directory = sysPath.dirname(path);
+        const basename = sysPath.basename(path);
+        const parent = this.fsw._getWatchedDir(directory);
+        parent.add(basename);
+        const absolutePath = sysPath.resolve(path);
+        const options = {
+            persistent: opts.persistent,
+        };
+        if (!listener)
+            listener = exports.EMPTY_FN;
+        let closer;
+        if (opts.usePolling) {
+            const enableBin = opts.interval !== opts.binaryInterval;
+            options.interval = enableBin && isBinaryPath(basename) ? opts.binaryInterval : opts.interval;
+            closer = setFsWatchFileListener(path, absolutePath, options, {
+                listener,
+                rawEmitter: this.fsw._emitRaw,
+            });
+        }
+        else {
+            closer = setFsWatchListener(path, absolutePath, options, {
+                listener,
+                errHandler: this._boundHandleError,
+                rawEmitter: this.fsw._emitRaw,
+            });
+        }
+        return closer;
+    }
+    /**
+     * Watch a file and emit add event if warranted.
+     * @returns closer for the watcher instance
+     */
+    _handleFile(file, stats, initialAdd) {
+        if (this.fsw.closed) {
+            return;
+        }
+        const dirname = sysPath.dirname(file);
+        const basename = sysPath.basename(file);
+        const parent = this.fsw._getWatchedDir(dirname);
+        // stats is always present
+        let prevStats = stats;
+        // if the file is already being watched, do nothing
+        if (parent.has(basename))
+            return;
+        const listener = async (path, newStats) => {
+            if (!this.fsw._throttle(THROTTLE_MODE_WATCH, file, 5))
+                return;
+            if (!newStats || newStats.mtimeMs === 0) {
+                try {
+                    const newStats = await (0, promises_1.stat)(file);
+                    if (this.fsw.closed)
+                        return;
+                    // Check that change event was not fired because of changed only accessTime.
+                    const at = newStats.atimeMs;
+                    const mt = newStats.mtimeMs;
+                    if (!at || at <= mt || mt !== prevStats.mtimeMs) {
+                        this.fsw._emit(EV.CHANGE, file, newStats);
+                    }
+                    if ((exports.isMacos || exports.isLinux || exports.isFreeBSD) && prevStats.ino !== newStats.ino) {
+                        this.fsw._closeFile(path);
+                        prevStats = newStats;
+                        const closer = this._watchWithNodeFs(file, listener);
+                        if (closer)
+                            this.fsw._addPathCloser(path, closer);
+                    }
+                    else {
+                        prevStats = newStats;
+                    }
+                }
+                catch (error) {
+                    // Fix issues where mtime is null but file is still present
+                    this.fsw._remove(dirname, basename);
+                }
+                // add is about to be emitted if file not already tracked in parent
+            }
+            else if (parent.has(basename)) {
+                // Check that change event was not fired because of changed only accessTime.
+                const at = newStats.atimeMs;
+                const mt = newStats.mtimeMs;
+                if (!at || at <= mt || mt !== prevStats.mtimeMs) {
+                    this.fsw._emit(EV.CHANGE, file, newStats);
+                }
+                prevStats = newStats;
+            }
+        };
+        // kick off the watcher
+        const closer = this._watchWithNodeFs(file, listener);
+        // emit an add event if we're supposed to
+        if (!(initialAdd && this.fsw.options.ignoreInitial) && this.fsw._isntIgnored(file)) {
+            if (!this.fsw._throttle(EV.ADD, file, 0))
+                return;
+            this.fsw._emit(EV.ADD, file, stats);
+        }
+        return closer;
+    }
+    /**
+     * Handle symlinks encountered while reading a dir.
+     * @param entry returned by readdirp
+     * @param directory path of dir being read
+     * @param path of this item
+     * @param item basename of this item
+     * @returns true if no more processing is needed for this entry.
+     */
+    async _handleSymlink(entry, directory, path, item) {
+        if (this.fsw.closed) {
+            return;
+        }
+        const full = entry.fullPath;
+        const dir = this.fsw._getWatchedDir(directory);
+        if (!this.fsw.options.followSymlinks) {
+            // watch symlink directly (don't follow) and detect changes
+            this.fsw._incrReadyCount();
+            let linkPath;
+            try {
+                linkPath = await (0, promises_1.realpath)(path);
+            }
+            catch (e) {
+                this.fsw._emitReady();
+                return true;
+            }
+            if (this.fsw.closed)
+                return;
+            if (dir.has(item)) {
+                if (this.fsw._symlinkPaths.get(full) !== linkPath) {
+                    this.fsw._symlinkPaths.set(full, linkPath);
+                    this.fsw._emit(EV.CHANGE, path, entry.stats);
+                }
+            }
+            else {
+                dir.add(item);
+                this.fsw._symlinkPaths.set(full, linkPath);
+                this.fsw._emit(EV.ADD, path, entry.stats);
+            }
+            this.fsw._emitReady();
+            return true;
+        }
+        // don't follow the same symlink more than once
+        if (this.fsw._symlinkPaths.has(full)) {
+            return true;
+        }
+        this.fsw._symlinkPaths.set(full, true);
+    }
+    _handleRead(directory, initialAdd, wh, target, dir, depth, throttler) {
+        // Normalize the directory name on Windows
+        directory = sysPath.join(directory, '');
+        throttler = this.fsw._throttle('readdir', directory, 1000);
+        if (!throttler)
+            return;
+        const previous = this.fsw._getWatchedDir(wh.path);
+        const current = new Set();
+        let stream = this.fsw._readdirp(directory, {
+            fileFilter: (entry) => wh.filterPath(entry),
+            directoryFilter: (entry) => wh.filterDir(entry),
+        });
+        if (!stream)
+            return;
+        stream
+            .on(exports.STR_DATA, async (entry) => {
+            if (this.fsw.closed) {
+                stream = undefined;
+                return;
+            }
+            const item = entry.path;
+            let path = sysPath.join(directory, item);
+            current.add(item);
+            if (entry.stats.isSymbolicLink() &&
+                (await this._handleSymlink(entry, directory, path, item))) {
+                return;
+            }
+            if (this.fsw.closed) {
+                stream = undefined;
+                return;
+            }
+            // Files that present in current directory snapshot
+            // but absent in previous are added to watch list and
+            // emit `add` event.
+            if (item === target || (!target && !previous.has(item))) {
+                this.fsw._incrReadyCount();
+                // ensure relativeness of path is preserved in case of watcher reuse
+                path = sysPath.join(dir, sysPath.relative(dir, path));
+                this._addToNodeFs(path, initialAdd, wh, depth + 1);
+            }
+        })
+            .on(EV.ERROR, this._boundHandleError);
+        return new Promise((resolve, reject) => {
+            if (!stream)
+                return reject();
+            stream.once(exports.STR_END, () => {
+                if (this.fsw.closed) {
+                    stream = undefined;
+                    return;
+                }
+                const wasThrottled = throttler ? throttler.clear() : false;
+                resolve(undefined);
+                // Files that absent in current directory snapshot
+                // but present in previous emit `remove` event
+                // and are removed from @watched[directory].
+                previous
+                    .getChildren()
+                    .filter((item) => {
+                    return item !== directory && !current.has(item);
+                })
+                    .forEach((item) => {
+                    this.fsw._remove(directory, item);
+                });
+                stream = undefined;
+                // one more time for any missed in case changes came in extremely quickly
+                if (wasThrottled)
+                    this._handleRead(directory, false, wh, target, dir, depth, throttler);
+            });
+        });
+    }
+    /**
+     * Read directory to add / remove files from `@watched` list and re-read it on change.
+     * @param dir fs path
+     * @param stats
+     * @param initialAdd
+     * @param depth relative to user-supplied path
+     * @param target child path targeted for watch
+     * @param wh Common watch helpers for this path
+     * @param realpath
+     * @returns closer for the watcher instance.
+     */
+    async _handleDir(dir, stats, initialAdd, depth, target, wh, realpath) {
+        const parentDir = this.fsw._getWatchedDir(sysPath.dirname(dir));
+        const tracked = parentDir.has(sysPath.basename(dir));
+        if (!(initialAdd && this.fsw.options.ignoreInitial) && !target && !tracked) {
+            this.fsw._emit(EV.ADD_DIR, dir, stats);
+        }
+        // ensure dir is tracked (harmless if redundant)
+        parentDir.add(sysPath.basename(dir));
+        this.fsw._getWatchedDir(dir);
+        let throttler;
+        let closer;
+        const oDepth = this.fsw.options.depth;
+        if ((oDepth == null || depth <= oDepth) && !this.fsw._symlinkPaths.has(realpath)) {
+            if (!target) {
+                await this._handleRead(dir, initialAdd, wh, target, dir, depth, throttler);
+                if (this.fsw.closed)
+                    return;
+            }
+            closer = this._watchWithNodeFs(dir, (dirPath, stats) => {
+                // if current directory is removed, do nothing
+                if (stats && stats.mtimeMs === 0)
+                    return;
+                this._handleRead(dirPath, false, wh, target, dir, depth, throttler);
+            });
+        }
+        return closer;
+    }
+    /**
+     * Handle added file, directory, or glob pattern.
+     * Delegates call to _handleFile / _handleDir after checks.
+     * @param path to file or ir
+     * @param initialAdd was the file added at watch instantiation?
+     * @param priorWh depth relative to user-supplied path
+     * @param depth Child path actually targeted for watch
+     * @param target Child path actually targeted for watch
+     */
+    async _addToNodeFs(path, initialAdd, priorWh, depth, target) {
+        const ready = this.fsw._emitReady;
+        if (this.fsw._isIgnored(path) || this.fsw.closed) {
+            ready();
+            return false;
+        }
+        const wh = this.fsw._getWatchHelpers(path);
+        if (priorWh) {
+            wh.filterPath = (entry) => priorWh.filterPath(entry);
+            wh.filterDir = (entry) => priorWh.filterDir(entry);
+        }
+        // evaluate what is at the path we're being asked to watch
+        try {
+            const stats = await statMethods[wh.statMethod](wh.watchPath);
+            if (this.fsw.closed)
+                return;
+            if (this.fsw._isIgnored(wh.watchPath, stats)) {
+                ready();
+                return false;
+            }
+            const follow = this.fsw.options.followSymlinks;
+            let closer;
+            if (stats.isDirectory()) {
+                const absPath = sysPath.resolve(path);
+                const targetPath = follow ? await (0, promises_1.realpath)(path) : path;
+                if (this.fsw.closed)
+                    return;
+                closer = await this._handleDir(wh.watchPath, stats, initialAdd, depth, target, wh, targetPath);
+                if (this.fsw.closed)
+                    return;
+                // preserve this symlink's target path
+                if (absPath !== targetPath && targetPath !== undefined) {
+                    this.fsw._symlinkPaths.set(absPath, targetPath);
+                }
+            }
+            else if (stats.isSymbolicLink()) {
+                const targetPath = follow ? await (0, promises_1.realpath)(path) : path;
+                if (this.fsw.closed)
+                    return;
+                const parent = sysPath.dirname(wh.watchPath);
+                this.fsw._getWatchedDir(parent).add(wh.watchPath);
+                this.fsw._emit(EV.ADD, wh.watchPath, stats);
+                closer = await this._handleDir(parent, stats, initialAdd, depth, path, wh, targetPath);
+                if (this.fsw.closed)
+                    return;
+                // preserve this symlink's target path
+                if (targetPath !== undefined) {
+                    this.fsw._symlinkPaths.set(sysPath.resolve(path), targetPath);
+                }
+            }
+            else {
+                closer = this._handleFile(wh.watchPath, stats, initialAdd);
+            }
+            ready();
+            if (closer)
+                this.fsw._addPathCloser(path, closer);
+            return false;
+        }
+        catch (error) {
+            if (this.fsw._handleError(error)) {
+                ready();
+                return path;
+            }
+        }
+    }
+}
+exports.NodeFsHandler = NodeFsHandler;
diff --git a/node_modules/chokidar/index.d.ts b/node_modules/chokidar/index.d.ts
new file mode 100644
index 0000000..ffeb1e7
--- /dev/null
+++ b/node_modules/chokidar/index.d.ts
@@ -0,0 +1,215 @@
+/*! chokidar - MIT License (c) 2012 Paul Miller (paulmillr.com) */
+import { Stats } from 'fs';
+import { EventEmitter } from 'events';
+import { ReaddirpStream, ReaddirpOptions, EntryInfo } from 'readdirp';
+import { NodeFsHandler, EventName, Path, EVENTS as EV, WatchHandlers } from './handler.js';
+type AWF = {
+    stabilityThreshold: number;
+    pollInterval: number;
+};
+type BasicOpts = {
+    persistent: boolean;
+    ignoreInitial: boolean;
+    followSymlinks: boolean;
+    cwd?: string;
+    usePolling: boolean;
+    interval: number;
+    binaryInterval: number;
+    alwaysStat?: boolean;
+    depth?: number;
+    ignorePermissionErrors: boolean;
+    atomic: boolean | number;
+};
+export type Throttler = {
+    timeoutObject: NodeJS.Timeout;
+    clear: () => void;
+    count: number;
+};
+export type ChokidarOptions = Partial<BasicOpts & {
+    ignored: Matcher | Matcher[];
+    awaitWriteFinish: boolean | Partial<AWF>;
+}>;
+export type FSWInstanceOptions = BasicOpts & {
+    ignored: Matcher[];
+    awaitWriteFinish: false | AWF;
+};
+export type ThrottleType = 'readdir' | 'watch' | 'add' | 'remove' | 'change';
+export type EmitArgs = [path: Path, stats?: Stats];
+export type EmitErrorArgs = [error: Error, stats?: Stats];
+export type EmitArgsWithName = [event: EventName, ...EmitArgs];
+export type MatchFunction = (val: string, stats?: Stats) => boolean;
+export interface MatcherObject {
+    path: string;
+    recursive?: boolean;
+}
+export type Matcher = string | RegExp | MatchFunction | MatcherObject;
+/**
+ * Directory entry.
+ */
+declare class DirEntry {
+    path: Path;
+    _removeWatcher: (dir: string, base: string) => void;
+    items: Set<Path>;
+    constructor(dir: Path, removeWatcher: (dir: string, base: string) => void);
+    add(item: string): void;
+    remove(item: string): Promise<void>;
+    has(item: string): boolean | undefined;
+    getChildren(): string[];
+    dispose(): void;
+}
+export declare class WatchHelper {
+    fsw: FSWatcher;
+    path: string;
+    watchPath: string;
+    fullWatchPath: string;
+    dirParts: string[][];
+    followSymlinks: boolean;
+    statMethod: 'stat' | 'lstat';
+    constructor(path: string, follow: boolean, fsw: FSWatcher);
+    entryPath(entry: EntryInfo): Path;
+    filterPath(entry: EntryInfo): boolean;
+    filterDir(entry: EntryInfo): boolean;
+}
+export interface FSWatcherKnownEventMap {
+    [EV.READY]: [];
+    [EV.RAW]: Parameters<WatchHandlers['rawEmitter']>;
+    [EV.ERROR]: Parameters<WatchHandlers['errHandler']>;
+    [EV.ALL]: [event: EventName, ...EmitArgs];
+}
+export type FSWatcherEventMap = FSWatcherKnownEventMap & {
+    [k in Exclude<EventName, keyof FSWatcherKnownEventMap>]: EmitArgs;
+};
+/**
+ * Watches files & directories for changes. Emitted events:
+ * `add`, `addDir`, `change`, `unlink`, `unlinkDir`, `all`, `error`
+ *
+ *     new FSWatcher()
+ *       .add(directories)
+ *       .on('add', path => log('File', path, 'was added'))
+ */
+export declare class FSWatcher extends EventEmitter<FSWatcherEventMap> {
+    closed: boolean;
+    options: FSWInstanceOptions;
+    _closers: Map<string, Array<any>>;
+    _ignoredPaths: Set<Matcher>;
+    _throttled: Map<ThrottleType, Map<any, any>>;
+    _streams: Set<ReaddirpStream>;
+    _symlinkPaths: Map<Path, string | boolean>;
+    _watched: Map<string, DirEntry>;
+    _pendingWrites: Map<string, any>;
+    _pendingUnlinks: Map<string, EmitArgsWithName>;
+    _readyCount: number;
+    _emitReady: () => void;
+    _closePromise?: Promise<void>;
+    _userIgnored?: MatchFunction;
+    _readyEmitted: boolean;
+    _emitRaw: WatchHandlers['rawEmitter'];
+    _boundRemove: (dir: string, item: string) => void;
+    _nodeFsHandler: NodeFsHandler;
+    constructor(_opts?: ChokidarOptions);
+    _addIgnoredPath(matcher: Matcher): void;
+    _removeIgnoredPath(matcher: Matcher): void;
+    /**
+     * Adds paths to be watched on an existing FSWatcher instance.
+     * @param paths_ file or file list. Other arguments are unused
+     */
+    add(paths_: Path | Path[], _origAdd?: string, _internal?: boolean): FSWatcher;
+    /**
+     * Close watchers or start ignoring events from specified paths.
+     */
+    unwatch(paths_: Path | Path[]): FSWatcher;
+    /**
+     * Close watchers and remove all listeners from watched paths.
+     */
+    close(): Promise<void>;
+    /**
+     * Expose list of watched paths
+     * @returns for chaining
+     */
+    getWatched(): Record<string, string[]>;
+    emitWithAll(event: EventName, args: EmitArgs): void;
+    /**
+     * Normalize and emit events.
+     * Calling _emit DOES NOT MEAN emit() would be called!
+     * @param event Type of event
+     * @param path File or directory path
+     * @param stats arguments to be passed with event
+     * @returns the error if defined, otherwise the value of the FSWatcher instance's `closed` flag
+     */
+    _emit(event: EventName, path: Path, stats?: Stats): Promise<this | undefined>;
+    /**
+     * Common handler for errors
+     * @returns The error if defined, otherwise the value of the FSWatcher instance's `closed` flag
+     */
+    _handleError(error: Error): Error | boolean;
+    /**
+     * Helper utility for throttling
+     * @param actionType type being throttled
+     * @param path being acted upon
+     * @param timeout duration of time to suppress duplicate actions
+     * @returns tracking object or false if action should be suppressed
+     */
+    _throttle(actionType: ThrottleType, path: Path, timeout: number): Throttler | false;
+    _incrReadyCount(): number;
+    /**
+     * Awaits write operation to finish.
+     * Polls a newly created file for size variations. When files size does not change for 'threshold' milliseconds calls callback.
+     * @param path being acted upon
+     * @param threshold Time in milliseconds a file size must be fixed before acknowledging write OP is finished
+     * @param event
+     * @param awfEmit Callback to be called when ready for event to be emitted.
+     */
+    _awaitWriteFinish(path: Path, threshold: number, event: EventName, awfEmit: (err?: Error, stat?: Stats) => void): void;
+    /**
+     * Determines whether user has asked to ignore this path.
+     */
+    _isIgnored(path: Path, stats?: Stats): boolean;
+    _isntIgnored(path: Path, stat?: Stats): boolean;
+    /**
+     * Provides a set of common helpers and properties relating to symlink handling.
+     * @param path file or directory pattern being watched
+     */
+    _getWatchHelpers(path: Path): WatchHelper;
+    /**
+     * Provides directory tracking objects
+     * @param directory path of the directory
+     */
+    _getWatchedDir(directory: string): DirEntry;
+    /**
+     * Check for read permissions: https://stackoverflow.com/a/11781404/1358405
+     */
+    _hasReadPermissions(stats: Stats): boolean;
+    /**
+     * Handles emitting unlink events for
+     * files and directories, and via recursion, for
+     * files and directories within directories that are unlinked
+     * @param directory within which the following item is located
+     * @param item      base path of item/directory
+     */
+    _remove(directory: string, item: string, isDirectory?: boolean): void;
+    /**
+     * Closes all watchers for a path
+     */
+    _closePath(path: Path): void;
+    /**
+     * Closes only file-specific watchers
+     */
+    _closeFile(path: Path): void;
+    _addPathCloser(path: Path, closer: () => void): void;
+    _readdirp(root: Path, opts?: Partial<ReaddirpOptions>): ReaddirpStream | undefined;
+}
+/**
+ * Instantiates watcher with paths to be tracked.
+ * @param paths file / directory paths
+ * @param options opts, such as `atomic`, `awaitWriteFinish`, `ignored`, and others
+ * @returns an instance of FSWatcher for chaining.
+ * @example
+ * const watcher = watch('.').on('all', (event, path) => { console.log(event, path); });
+ * watch('.', { atomic: true, awaitWriteFinish: true, ignored: (f, stats) => stats?.isFile() && !f.endsWith('.js') })
+ */
+export declare function watch(paths: string | string[], options?: ChokidarOptions): FSWatcher;
+declare const _default: {
+    watch: typeof watch;
+    FSWatcher: typeof FSWatcher;
+};
+export default _default;
diff --git a/node_modules/chokidar/index.js b/node_modules/chokidar/index.js
new file mode 100644
index 0000000..79370ee
--- /dev/null
+++ b/node_modules/chokidar/index.js
@@ -0,0 +1,804 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FSWatcher = exports.WatchHelper = void 0;
+exports.watch = watch;
+/*! chokidar - MIT License (c) 2012 Paul Miller (paulmillr.com) */
+const fs_1 = require("fs");
+const promises_1 = require("fs/promises");
+const events_1 = require("events");
+const sysPath = require("path");
+const readdirp_1 = require("readdirp");
+const handler_js_1 = require("./handler.js");
+const SLASH = '/';
+const SLASH_SLASH = '//';
+const ONE_DOT = '.';
+const TWO_DOTS = '..';
+const STRING_TYPE = 'string';
+const BACK_SLASH_RE = /\\/g;
+const DOUBLE_SLASH_RE = /\/\//;
+const DOT_RE = /\..*\.(sw[px])$|~$|\.subl.*\.tmp/;
+const REPLACER_RE = /^\.[/\\]/;
+function arrify(item) {
+    return Array.isArray(item) ? item : [item];
+}
+const isMatcherObject = (matcher) => typeof matcher === 'object' && matcher !== null && !(matcher instanceof RegExp);
+function createPattern(matcher) {
+    if (typeof matcher === 'function')
+        return matcher;
+    if (typeof matcher === 'string')
+        return (string) => matcher === string;
+    if (matcher instanceof RegExp)
+        return (string) => matcher.test(string);
+    if (typeof matcher === 'object' && matcher !== null) {
+        return (string) => {
+            if (matcher.path === string)
+                return true;
+            if (matcher.recursive) {
+                const relative = sysPath.relative(matcher.path, string);
+                if (!relative) {
+                    return false;
+                }
+                return !relative.startsWith('..') && !sysPath.isAbsolute(relative);
+            }
+            return false;
+        };
+    }
+    return () => false;
+}
+function normalizePath(path) {
+    if (typeof path !== 'string')
+        throw new Error('string expected');
+    path = sysPath.normalize(path);
+    path = path.replace(/\\/g, '/');
+    let prepend = false;
+    if (path.startsWith('//'))
+        prepend = true;
+    const DOUBLE_SLASH_RE = /\/\//;
+    while (path.match(DOUBLE_SLASH_RE))
+        path = path.replace(DOUBLE_SLASH_RE, '/');
+    if (prepend)
+        path = '/' + path;
+    return path;
+}
+function matchPatterns(patterns, testString, stats) {
+    const path = normalizePath(testString);
+    for (let index = 0; index < patterns.length; index++) {
+        const pattern = patterns[index];
+        if (pattern(path, stats)) {
+            return true;
+        }
+    }
+    return false;
+}
+function anymatch(matchers, testString) {
+    if (matchers == null) {
+        throw new TypeError('anymatch: specify first argument');
+    }
+    // Early cache for matchers.
+    const matchersArray = arrify(matchers);
+    const patterns = matchersArray.map((matcher) => createPattern(matcher));
+    if (testString == null) {
+        return (testString, stats) => {
+            return matchPatterns(patterns, testString, stats);
+        };
+    }
+    return matchPatterns(patterns, testString);
+}
+const unifyPaths = (paths_) => {
+    const paths = arrify(paths_).flat();
+    if (!paths.every((p) => typeof p === STRING_TYPE)) {
+        throw new TypeError(`Non-string provided as watch path: ${paths}`);
+    }
+    return paths.map(normalizePathToUnix);
+};
+// If SLASH_SLASH occurs at the beginning of path, it is not replaced
+//     because "//StoragePC/DrivePool/Movies" is a valid network path
+const toUnix = (string) => {
+    let str = string.replace(BACK_SLASH_RE, SLASH);
+    let prepend = false;
+    if (str.startsWith(SLASH_SLASH)) {
+        prepend = true;
+    }
+    while (str.match(DOUBLE_SLASH_RE)) {
+        str = str.replace(DOUBLE_SLASH_RE, SLASH);
+    }
+    if (prepend) {
+        str = SLASH + str;
+    }
+    return str;
+};
+// Our version of upath.normalize
+// TODO: this is not equal to path-normalize module - investigate why
+const normalizePathToUnix = (path) => toUnix(sysPath.normalize(toUnix(path)));
+// TODO: refactor
+const normalizeIgnored = (cwd = '') => (path) => {
+    if (typeof path === 'string') {
+        return normalizePathToUnix(sysPath.isAbsolute(path) ? path : sysPath.join(cwd, path));
+    }
+    else {
+        return path;
+    }
+};
+const getAbsolutePath = (path, cwd) => {
+    if (sysPath.isAbsolute(path)) {
+        return path;
+    }
+    return sysPath.join(cwd, path);
+};
+const EMPTY_SET = Object.freeze(new Set());
+/**
+ * Directory entry.
+ */
+class DirEntry {
+    constructor(dir, removeWatcher) {
+        this.path = dir;
+        this._removeWatcher = removeWatcher;
+        this.items = new Set();
+    }
+    add(item) {
+        const { items } = this;
+        if (!items)
+            return;
+        if (item !== ONE_DOT && item !== TWO_DOTS)
+            items.add(item);
+    }
+    async remove(item) {
+        const { items } = this;
+        if (!items)
+            return;
+        items.delete(item);
+        if (items.size > 0)
+            return;
+        const dir = this.path;
+        try {
+            await (0, promises_1.readdir)(dir);
+        }
+        catch (err) {
+            if (this._removeWatcher) {
+                this._removeWatcher(sysPath.dirname(dir), sysPath.basename(dir));
+            }
+        }
+    }
+    has(item) {
+        const { items } = this;
+        if (!items)
+            return;
+        return items.has(item);
+    }
+    getChildren() {
+        const { items } = this;
+        if (!items)
+            return [];
+        return [...items.values()];
+    }
+    dispose() {
+        this.items.clear();
+        this.path = '';
+        this._removeWatcher = handler_js_1.EMPTY_FN;
+        this.items = EMPTY_SET;
+        Object.freeze(this);
+    }
+}
+const STAT_METHOD_F = 'stat';
+const STAT_METHOD_L = 'lstat';
+class WatchHelper {
+    constructor(path, follow, fsw) {
+        this.fsw = fsw;
+        const watchPath = path;
+        this.path = path = path.replace(REPLACER_RE, '');
+        this.watchPath = watchPath;
+        this.fullWatchPath = sysPath.resolve(watchPath);
+        this.dirParts = [];
+        this.dirParts.forEach((parts) => {
+            if (parts.length > 1)
+                parts.pop();
+        });
+        this.followSymlinks = follow;
+        this.statMethod = follow ? STAT_METHOD_F : STAT_METHOD_L;
+    }
+    entryPath(entry) {
+        return sysPath.join(this.watchPath, sysPath.relative(this.watchPath, entry.fullPath));
+    }
+    filterPath(entry) {
+        const { stats } = entry;
+        if (stats && stats.isSymbolicLink())
+            return this.filterDir(entry);
+        const resolvedPath = this.entryPath(entry);
+        // TODO: what if stats is undefined? remove !
+        return this.fsw._isntIgnored(resolvedPath, stats) && this.fsw._hasReadPermissions(stats);
+    }
+    filterDir(entry) {
+        return this.fsw._isntIgnored(this.entryPath(entry), entry.stats);
+    }
+}
+exports.WatchHelper = WatchHelper;
+/**
+ * Watches files & directories for changes. Emitted events:
+ * `add`, `addDir`, `change`, `unlink`, `unlinkDir`, `all`, `error`
+ *
+ *     new FSWatcher()
+ *       .add(directories)
+ *       .on('add', path => log('File', path, 'was added'))
+ */
+class FSWatcher extends events_1.EventEmitter {
+    // Not indenting methods for history sake; for now.
+    constructor(_opts = {}) {
+        super();
+        this.closed = false;
+        this._closers = new Map();
+        this._ignoredPaths = new Set();
+        this._throttled = new Map();
+        this._streams = new Set();
+        this._symlinkPaths = new Map();
+        this._watched = new Map();
+        this._pendingWrites = new Map();
+        this._pendingUnlinks = new Map();
+        this._readyCount = 0;
+        this._readyEmitted = false;
+        const awf = _opts.awaitWriteFinish;
+        const DEF_AWF = { stabilityThreshold: 2000, pollInterval: 100 };
+        const opts = {
+            // Defaults
+            persistent: true,
+            ignoreInitial: false,
+            ignorePermissionErrors: false,
+            interval: 100,
+            binaryInterval: 300,
+            followSymlinks: true,
+            usePolling: false,
+            // useAsync: false,
+            atomic: true, // NOTE: overwritten later (depends on usePolling)
+            ..._opts,
+            // Change format
+            ignored: _opts.ignored ? arrify(_opts.ignored) : arrify([]),
+            awaitWriteFinish: awf === true ? DEF_AWF : typeof awf === 'object' ? { ...DEF_AWF, ...awf } : false,
+        };
+        // Always default to polling on IBM i because fs.watch() is not available on IBM i.
+        if (handler_js_1.isIBMi)
+            opts.usePolling = true;
+        // Editor atomic write normalization enabled by default with fs.watch
+        if (opts.atomic === undefined)
+            opts.atomic = !opts.usePolling;
+        // opts.atomic = typeof _opts.atomic === 'number' ? _opts.atomic : 100;
+        // Global override. Useful for developers, who need to force polling for all
+        // instances of chokidar, regardless of usage / dependency depth
+        const envPoll = process.env.CHOKIDAR_USEPOLLING;
+        if (envPoll !== undefined) {
+            const envLower = envPoll.toLowerCase();
+            if (envLower === 'false' || envLower === '0')
+                opts.usePolling = false;
+            else if (envLower === 'true' || envLower === '1')
+                opts.usePolling = true;
+            else
+                opts.usePolling = !!envLower;
+        }
+        const envInterval = process.env.CHOKIDAR_INTERVAL;
+        if (envInterval)
+            opts.interval = Number.parseInt(envInterval, 10);
+        // This is done to emit ready only once, but each 'add' will increase that?
+        let readyCalls = 0;
+        this._emitReady = () => {
+            readyCalls++;
+            if (readyCalls >= this._readyCount) {
+                this._emitReady = handler_js_1.EMPTY_FN;
+                this._readyEmitted = true;
+                // use process.nextTick to allow time for listener to be bound
+                process.nextTick(() => this.emit(handler_js_1.EVENTS.READY));
+            }
+        };
+        this._emitRaw = (...args) => this.emit(handler_js_1.EVENTS.RAW, ...args);
+        this._boundRemove = this._remove.bind(this);
+        this.options = opts;
+        this._nodeFsHandler = new handler_js_1.NodeFsHandler(this);
+        // You’re frozen when your heart’s not open.
+        Object.freeze(opts);
+    }
+    _addIgnoredPath(matcher) {
+        if (isMatcherObject(matcher)) {
+            // return early if we already have a deeply equal matcher object
+            for (const ignored of this._ignoredPaths) {
+                if (isMatcherObject(ignored) &&
+                    ignored.path === matcher.path &&
+                    ignored.recursive === matcher.recursive) {
+                    return;
+                }
+            }
+        }
+        this._ignoredPaths.add(matcher);
+    }
+    _removeIgnoredPath(matcher) {
+        this._ignoredPaths.delete(matcher);
+        // now find any matcher objects with the matcher as path
+        if (typeof matcher === 'string') {
+            for (const ignored of this._ignoredPaths) {
+                // TODO (43081j): make this more efficient.
+                // probably just make a `this._ignoredDirectories` or some
+                // such thing.
+                if (isMatcherObject(ignored) && ignored.path === matcher) {
+                    this._ignoredPaths.delete(ignored);
+                }
+            }
+        }
+    }
+    // Public methods
+    /**
+     * Adds paths to be watched on an existing FSWatcher instance.
+     * @param paths_ file or file list. Other arguments are unused
+     */
+    add(paths_, _origAdd, _internal) {
+        const { cwd } = this.options;
+        this.closed = false;
+        this._closePromise = undefined;
+        let paths = unifyPaths(paths_);
+        if (cwd) {
+            paths = paths.map((path) => {
+                const absPath = getAbsolutePath(path, cwd);
+                // Check `path` instead of `absPath` because the cwd portion can't be a glob
+                return absPath;
+            });
+        }
+        paths.forEach((path) => {
+            this._removeIgnoredPath(path);
+        });
+        this._userIgnored = undefined;
+        if (!this._readyCount)
+            this._readyCount = 0;
+        this._readyCount += paths.length;
+        Promise.all(paths.map(async (path) => {
+            const res = await this._nodeFsHandler._addToNodeFs(path, !_internal, undefined, 0, _origAdd);
+            if (res)
+                this._emitReady();
+            return res;
+        })).then((results) => {
+            if (this.closed)
+                return;
+            results.forEach((item) => {
+                if (item)
+                    this.add(sysPath.dirname(item), sysPath.basename(_origAdd || item));
+            });
+        });
+        return this;
+    }
+    /**
+     * Close watchers or start ignoring events from specified paths.
+     */
+    unwatch(paths_) {
+        if (this.closed)
+            return this;
+        const paths = unifyPaths(paths_);
+        const { cwd } = this.options;
+        paths.forEach((path) => {
+            // convert to absolute path unless relative path already matches
+            if (!sysPath.isAbsolute(path) && !this._closers.has(path)) {
+                if (cwd)
+                    path = sysPath.join(cwd, path);
+                path = sysPath.resolve(path);
+            }
+            this._closePath(path);
+            this._addIgnoredPath(path);
+            if (this._watched.has(path)) {
+                this._addIgnoredPath({
+                    path,
+                    recursive: true,
+                });
+            }
+            // reset the cached userIgnored anymatch fn
+            // to make ignoredPaths changes effective
+            this._userIgnored = undefined;
+        });
+        return this;
+    }
+    /**
+     * Close watchers and remove all listeners from watched paths.
+     */
+    close() {
+        if (this._closePromise) {
+            return this._closePromise;
+        }
+        this.closed = true;
+        // Memory management.
+        this.removeAllListeners();
+        const closers = [];
+        this._closers.forEach((closerList) => closerList.forEach((closer) => {
+            const promise = closer();
+            if (promise instanceof Promise)
+                closers.push(promise);
+        }));
+        this._streams.forEach((stream) => stream.destroy());
+        this._userIgnored = undefined;
+        this._readyCount = 0;
+        this._readyEmitted = false;
+        this._watched.forEach((dirent) => dirent.dispose());
+        this._closers.clear();
+        this._watched.clear();
+        this._streams.clear();
+        this._symlinkPaths.clear();
+        this._throttled.clear();
+        this._closePromise = closers.length
+            ? Promise.all(closers).then(() => undefined)
+            : Promise.resolve();
+        return this._closePromise;
+    }
+    /**
+     * Expose list of watched paths
+     * @returns for chaining
+     */
+    getWatched() {
+        const watchList = {};
+        this._watched.forEach((entry, dir) => {
+            const key = this.options.cwd ? sysPath.relative(this.options.cwd, dir) : dir;
+            const index = key || ONE_DOT;
+            watchList[index] = entry.getChildren().sort();
+        });
+        return watchList;
+    }
+    emitWithAll(event, args) {
+        this.emit(event, ...args);
+        if (event !== handler_js_1.EVENTS.ERROR)
+            this.emit(handler_js_1.EVENTS.ALL, event, ...args);
+    }
+    // Common helpers
+    // --------------
+    /**
+     * Normalize and emit events.
+     * Calling _emit DOES NOT MEAN emit() would be called!
+     * @param event Type of event
+     * @param path File or directory path
+     * @param stats arguments to be passed with event
+     * @returns the error if defined, otherwise the value of the FSWatcher instance's `closed` flag
+     */
+    async _emit(event, path, stats) {
+        if (this.closed)
+            return;
+        const opts = this.options;
+        if (handler_js_1.isWindows)
+            path = sysPath.normalize(path);
+        if (opts.cwd)
+            path = sysPath.relative(opts.cwd, path);
+        const args = [path];
+        if (stats != null)
+            args.push(stats);
+        const awf = opts.awaitWriteFinish;
+        let pw;
+        if (awf && (pw = this._pendingWrites.get(path))) {
+            pw.lastChange = new Date();
+            return this;
+        }
+        if (opts.atomic) {
+            if (event === handler_js_1.EVENTS.UNLINK) {
+                this._pendingUnlinks.set(path, [event, ...args]);
+                setTimeout(() => {
+                    this._pendingUnlinks.forEach((entry, path) => {
+                        this.emit(...entry);
+                        this.emit(handler_js_1.EVENTS.ALL, ...entry);
+                        this._pendingUnlinks.delete(path);
+                    });
+                }, typeof opts.atomic === 'number' ? opts.atomic : 100);
+                return this;
+            }
+            if (event === handler_js_1.EVENTS.ADD && this._pendingUnlinks.has(path)) {
+                event = handler_js_1.EVENTS.CHANGE;
+                this._pendingUnlinks.delete(path);
+            }
+        }
+        if (awf && (event === handler_js_1.EVENTS.ADD || event === handler_js_1.EVENTS.CHANGE) && this._readyEmitted) {
+            const awfEmit = (err, stats) => {
+                if (err) {
+                    event = handler_js_1.EVENTS.ERROR;
+                    args[0] = err;
+                    this.emitWithAll(event, args);
+                }
+                else if (stats) {
+                    // if stats doesn't exist the file must have been deleted
+                    if (args.length > 1) {
+                        args[1] = stats;
+                    }
+                    else {
+                        args.push(stats);
+                    }
+                    this.emitWithAll(event, args);
+                }
+            };
+            this._awaitWriteFinish(path, awf.stabilityThreshold, event, awfEmit);
+            return this;
+        }
+        if (event === handler_js_1.EVENTS.CHANGE) {
+            const isThrottled = !this._throttle(handler_js_1.EVENTS.CHANGE, path, 50);
+            if (isThrottled)
+                return this;
+        }
+        if (opts.alwaysStat &&
+            stats === undefined &&
+            (event === handler_js_1.EVENTS.ADD || event === handler_js_1.EVENTS.ADD_DIR || event === handler_js_1.EVENTS.CHANGE)) {
+            const fullPath = opts.cwd ? sysPath.join(opts.cwd, path) : path;
+            let stats;
+            try {
+                stats = await (0, promises_1.stat)(fullPath);
+            }
+            catch (err) {
+                // do nothing
+            }
+            // Suppress event when fs_stat fails, to avoid sending undefined 'stat'
+            if (!stats || this.closed)
+                return;
+            args.push(stats);
+        }
+        this.emitWithAll(event, args);
+        return this;
+    }
+    /**
+     * Common handler for errors
+     * @returns The error if defined, otherwise the value of the FSWatcher instance's `closed` flag
+     */
+    _handleError(error) {
+        const code = error && error.code;
+        if (error &&
+            code !== 'ENOENT' &&
+            code !== 'ENOTDIR' &&
+            (!this.options.ignorePermissionErrors || (code !== 'EPERM' && code !== 'EACCES'))) {
+            this.emit(handler_js_1.EVENTS.ERROR, error);
+        }
+        return error || this.closed;
+    }
+    /**
+     * Helper utility for throttling
+     * @param actionType type being throttled
+     * @param path being acted upon
+     * @param timeout duration of time to suppress duplicate actions
+     * @returns tracking object or false if action should be suppressed
+     */
+    _throttle(actionType, path, timeout) {
+        if (!this._throttled.has(actionType)) {
+            this._throttled.set(actionType, new Map());
+        }
+        const action = this._throttled.get(actionType);
+        if (!action)
+            throw new Error('invalid throttle');
+        const actionPath = action.get(path);
+        if (actionPath) {
+            actionPath.count++;
+            return false;
+        }
+        // eslint-disable-next-line prefer-const
+        let timeoutObject;
+        const clear = () => {
+            const item = action.get(path);
+            const count = item ? item.count : 0;
+            action.delete(path);
+            clearTimeout(timeoutObject);
+            if (item)
+                clearTimeout(item.timeoutObject);
+            return count;
+        };
+        timeoutObject = setTimeout(clear, timeout);
+        const thr = { timeoutObject, clear, count: 0 };
+        action.set(path, thr);
+        return thr;
+    }
+    _incrReadyCount() {
+        return this._readyCount++;
+    }
+    /**
+     * Awaits write operation to finish.
+     * Polls a newly created file for size variations. When files size does not change for 'threshold' milliseconds calls callback.
+     * @param path being acted upon
+     * @param threshold Time in milliseconds a file size must be fixed before acknowledging write OP is finished
+     * @param event
+     * @param awfEmit Callback to be called when ready for event to be emitted.
+     */
+    _awaitWriteFinish(path, threshold, event, awfEmit) {
+        const awf = this.options.awaitWriteFinish;
+        if (typeof awf !== 'object')
+            return;
+        const pollInterval = awf.pollInterval;
+        let timeoutHandler;
+        let fullPath = path;
+        if (this.options.cwd && !sysPath.isAbsolute(path)) {
+            fullPath = sysPath.join(this.options.cwd, path);
+        }
+        const now = new Date();
+        const writes = this._pendingWrites;
+        function awaitWriteFinishFn(prevStat) {
+            (0, fs_1.stat)(fullPath, (err, curStat) => {
+                if (err || !writes.has(path)) {
+                    if (err && err.code !== 'ENOENT')
+                        awfEmit(err);
+                    return;
+                }
+                const now = Number(new Date());
+                if (prevStat && curStat.size !== prevStat.size) {
+                    writes.get(path).lastChange = now;
+                }
+                const pw = writes.get(path);
+                const df = now - pw.lastChange;
+                if (df >= threshold) {
+                    writes.delete(path);
+                    awfEmit(undefined, curStat);
+                }
+                else {
+                    timeoutHandler = setTimeout(awaitWriteFinishFn, pollInterval, curStat);
+                }
+            });
+        }
+        if (!writes.has(path)) {
+            writes.set(path, {
+                lastChange: now,
+                cancelWait: () => {
+                    writes.delete(path);
+                    clearTimeout(timeoutHandler);
+                    return event;
+                },
+            });
+            timeoutHandler = setTimeout(awaitWriteFinishFn, pollInterval);
+        }
+    }
+    /**
+     * Determines whether user has asked to ignore this path.
+     */
+    _isIgnored(path, stats) {
+        if (this.options.atomic && DOT_RE.test(path))
+            return true;
+        if (!this._userIgnored) {
+            const { cwd } = this.options;
+            const ign = this.options.ignored;
+            const ignored = (ign || []).map(normalizeIgnored(cwd));
+            const ignoredPaths = [...this._ignoredPaths];
+            const list = [...ignoredPaths.map(normalizeIgnored(cwd)), ...ignored];
+            this._userIgnored = anymatch(list, undefined);
+        }
+        return this._userIgnored(path, stats);
+    }
+    _isntIgnored(path, stat) {
+        return !this._isIgnored(path, stat);
+    }
+    /**
+     * Provides a set of common helpers and properties relating to symlink handling.
+     * @param path file or directory pattern being watched
+     */
+    _getWatchHelpers(path) {
+        return new WatchHelper(path, this.options.followSymlinks, this);
+    }
+    // Directory helpers
+    // -----------------
+    /**
+     * Provides directory tracking objects
+     * @param directory path of the directory
+     */
+    _getWatchedDir(directory) {
+        const dir = sysPath.resolve(directory);
+        if (!this._watched.has(dir))
+            this._watched.set(dir, new DirEntry(dir, this._boundRemove));
+        return this._watched.get(dir);
+    }
+    // File helpers
+    // ------------
+    /**
+     * Check for read permissions: https://stackoverflow.com/a/11781404/1358405
+     */
+    _hasReadPermissions(stats) {
+        if (this.options.ignorePermissionErrors)
+            return true;
+        return Boolean(Number(stats.mode) & 0o400);
+    }
+    /**
+     * Handles emitting unlink events for
+     * files and directories, and via recursion, for
+     * files and directories within directories that are unlinked
+     * @param directory within which the following item is located
+     * @param item      base path of item/directory
+     */
+    _remove(directory, item, isDirectory) {
+        // if what is being deleted is a directory, get that directory's paths
+        // for recursive deleting and cleaning of watched object
+        // if it is not a directory, nestedDirectoryChildren will be empty array
+        const path = sysPath.join(directory, item);
+        const fullPath = sysPath.resolve(path);
+        isDirectory =
+            isDirectory != null ? isDirectory : this._watched.has(path) || this._watched.has(fullPath);
+        // prevent duplicate handling in case of arriving here nearly simultaneously
+        // via multiple paths (such as _handleFile and _handleDir)
+        if (!this._throttle('remove', path, 100))
+            return;
+        // if the only watched file is removed, watch for its return
+        if (!isDirectory && this._watched.size === 1) {
+            this.add(directory, item, true);
+        }
+        // This will create a new entry in the watched object in either case
+        // so we got to do the directory check beforehand
+        const wp = this._getWatchedDir(path);
+        const nestedDirectoryChildren = wp.getChildren();
+        // Recursively remove children directories / files.
+        nestedDirectoryChildren.forEach((nested) => this._remove(path, nested));
+        // Check if item was on the watched list and remove it
+        const parent = this._getWatchedDir(directory);
+        const wasTracked = parent.has(item);
+        parent.remove(item);
+        // Fixes issue #1042 -> Relative paths were detected and added as symlinks
+        // (https://github.com/paulmillr/chokidar/blob/e1753ddbc9571bdc33b4a4af172d52cb6e611c10/lib/nodefs-handler.js#L612),
+        // but never removed from the map in case the path was deleted.
+        // This leads to an incorrect state if the path was recreated:
+        // https://github.com/paulmillr/chokidar/blob/e1753ddbc9571bdc33b4a4af172d52cb6e611c10/lib/nodefs-handler.js#L553
+        if (this._symlinkPaths.has(fullPath)) {
+            this._symlinkPaths.delete(fullPath);
+        }
+        // If we wait for this file to be fully written, cancel the wait.
+        let relPath = path;
+        if (this.options.cwd)
+            relPath = sysPath.relative(this.options.cwd, path);
+        if (this.options.awaitWriteFinish && this._pendingWrites.has(relPath)) {
+            const event = this._pendingWrites.get(relPath).cancelWait();
+            if (event === handler_js_1.EVENTS.ADD)
+                return;
+        }
+        // The Entry will either be a directory that just got removed
+        // or a bogus entry to a file, in either case we have to remove it
+        this._watched.delete(path);
+        this._watched.delete(fullPath);
+        const eventName = isDirectory ? handler_js_1.EVENTS.UNLINK_DIR : handler_js_1.EVENTS.UNLINK;
+        if (wasTracked && !this._isIgnored(path))
+            this._emit(eventName, path);
+        // Avoid conflicts if we later create another file with the same name
+        this._closePath(path);
+    }
+    /**
+     * Closes all watchers for a path
+     */
+    _closePath(path) {
+        this._closeFile(path);
+        const dir = sysPath.dirname(path);
+        this._getWatchedDir(dir).remove(sysPath.basename(path));
+    }
+    /**
+     * Closes only file-specific watchers
+     */
+    _closeFile(path) {
+        const closers = this._closers.get(path);
+        if (!closers)
+            return;
+        closers.forEach((closer) => closer());
+        this._closers.delete(path);
+    }
+    _addPathCloser(path, closer) {
+        if (!closer)
+            return;
+        let list = this._closers.get(path);
+        if (!list) {
+            list = [];
+            this._closers.set(path, list);
+        }
+        list.push(closer);
+    }
+    _readdirp(root, opts) {
+        if (this.closed)
+            return;
+        const options = { type: handler_js_1.EVENTS.ALL, alwaysStat: true, lstat: true, ...opts, depth: 0 };
+        let stream = (0, readdirp_1.readdirp)(root, options);
+        this._streams.add(stream);
+        stream.once(handler_js_1.STR_CLOSE, () => {
+            stream = undefined;
+        });
+        stream.once(handler_js_1.STR_END, () => {
+            if (stream) {
+                this._streams.delete(stream);
+                stream = undefined;
+            }
+        });
+        return stream;
+    }
+}
+exports.FSWatcher = FSWatcher;
+/**
+ * Instantiates watcher with paths to be tracked.
+ * @param paths file / directory paths
+ * @param options opts, such as `atomic`, `awaitWriteFinish`, `ignored`, and others
+ * @returns an instance of FSWatcher for chaining.
+ * @example
+ * const watcher = watch('.').on('all', (event, path) => { console.log(event, path); });
+ * watch('.', { atomic: true, awaitWriteFinish: true, ignored: (f, stats) => stats?.isFile() && !f.endsWith('.js') })
+ */
+function watch(paths, options = {}) {
+    const watcher = new FSWatcher(options);
+    watcher.add(paths);
+    return watcher;
+}
+exports.default = { watch, FSWatcher };
diff --git a/node_modules/chokidar/package.json b/node_modules/chokidar/package.json
new file mode 100644
index 0000000..db79241
--- /dev/null
+++ b/node_modules/chokidar/package.json
@@ -0,0 +1,69 @@
+{
+  "name": "chokidar",
+  "description": "Minimal and efficient cross-platform file watching library",
+  "version": "4.0.3",
+  "homepage": "https://github.com/paulmillr/chokidar",
+  "author": "Paul Miller (https://paulmillr.com)",
+  "files": [
+    "index.js",
+    "index.d.ts",
+    "handler.js",
+    "handler.d.ts",
+    "esm"
+  ],
+  "main": "./index.js",
+  "module": "./esm/index.js",
+  "types": "./index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./esm/index.js",
+      "require": "./index.js"
+    },
+    "./handler.js": {
+      "import": "./esm/handler.js",
+      "require": "./handler.js"
+    }
+  },
+  "dependencies": {
+    "readdirp": "^4.0.1"
+  },
+  "devDependencies": {
+    "@paulmillr/jsbt": "0.2.1",
+    "@types/node": "20.14.8",
+    "chai": "4.3.4",
+    "prettier": "3.1.1",
+    "rimraf": "5.0.5",
+    "sinon": "12.0.1",
+    "sinon-chai": "3.7.0",
+    "typescript": "5.5.2",
+    "upath": "2.0.1"
+  },
+  "sideEffects": false,
+  "engines": {
+    "node": ">= 14.16.0"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/paulmillr/chokidar.git"
+  },
+  "bugs": {
+    "url": "https://github.com/paulmillr/chokidar/issues"
+  },
+  "license": "MIT",
+  "scripts": {
+    "build": "tsc && tsc -p tsconfig.esm.json",
+    "lint": "prettier --check src",
+    "format": "prettier --write src",
+    "test": "node --test"
+  },
+  "keywords": [
+    "fs",
+    "watch",
+    "watchFile",
+    "watcher",
+    "watching",
+    "file",
+    "fsevents"
+  ],
+  "funding": "https://paulmillr.com/funding/"
+}
diff --git a/node_modules/detect-libc/.npmignore b/node_modules/detect-libc/.npmignore
new file mode 100644
index 0000000..8fc0e8d
--- /dev/null
+++ b/node_modules/detect-libc/.npmignore
@@ -0,0 +1,7 @@
+.nyc_output
+.travis.yml
+coverage
+test.js
+node_modules
+/.circleci
+/tests/integration
diff --git a/node_modules/detect-libc/LICENSE b/node_modules/detect-libc/LICENSE
new file mode 100644
index 0000000..8dada3e
--- /dev/null
+++ b/node_modules/detect-libc/LICENSE
@@ -0,0 +1,201 @@
+                                 Apache License
+                           Version 2.0, January 2004
+                        http://www.apache.org/licenses/
+
+   TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
+
+   1. Definitions.
+
+      "License" shall mean the terms and conditions for use, reproduction,
+      and distribution as defined by Sections 1 through 9 of this document.
+
+      "Licensor" shall mean the copyright owner or entity authorized by
+      the copyright owner that is granting the License.
+
+      "Legal Entity" shall mean the union of the acting entity and all
+      other entities that control, are controlled by, or are under common
+      control with that entity. For the purposes of this definition,
+      "control" means (i) the power, direct or indirect, to cause the
+      direction or management of such entity, whether by contract or
+      otherwise, or (ii) ownership of fifty percent (50%) or more of the
+      outstanding shares, or (iii) beneficial ownership of such entity.
+
+      "You" (or "Your") shall mean an individual or Legal Entity
+      exercising permissions granted by this License.
+
+      "Source" form shall mean the preferred form for making modifications,
+      including but not limited to software source code, documentation
+      source, and configuration files.
+
+      "Object" form shall mean any form resulting from mechanical
+      transformation or translation of a Source form, including but
+      not limited to compiled object code, generated documentation,
+      and conversions to other media types.
+
+      "Work" shall mean the work of authorship, whether in Source or
+      Object form, made available under the License, as indicated by a
+      copyright notice that is included in or attached to the work
+      (an example is provided in the Appendix below).
+
+      "Derivative Works" shall mean any work, whether in Source or Object
+      form, that is based on (or derived from) the Work and for which the
+      editorial revisions, annotations, elaborations, or other modifications
+      represent, as a whole, an original work of authorship. For the purposes
+      of this License, Derivative Works shall not include works that remain
+      separable from, or merely link (or bind by name) to the interfaces of,
+      the Work and Derivative Works thereof.
+
+      "Contribution" shall mean any work of authorship, including
+      the original version of the Work and any modifications or additions
+      to that Work or Derivative Works thereof, that is intentionally
+      submitted to Licensor for inclusion in the Work by the copyright owner
+      or by an individual or Legal Entity authorized to submit on behalf of
+      the copyright owner. For the purposes of this definition, "submitted"
+      means any form of electronic, verbal, or written communication sent
+      to the Licensor or its representatives, including but not limited to
+      communication on electronic mailing lists, source code control systems,
+      and issue tracking systems that are managed by, or on behalf of, the
+      Licensor for the purpose of discussing and improving the Work, but
+      excluding communication that is conspicuously marked or otherwise
+      designated in writing by the copyright owner as "Not a Contribution."
+
+      "Contributor" shall mean Licensor and any individual or Legal Entity
+      on behalf of whom a Contribution has been received by Licensor and
+      subsequently incorporated within the Work.
+
+   2. Grant of Copyright License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      copyright license to reproduce, prepare Derivative Works of,
+      publicly display, publicly perform, sublicense, and distribute the
+      Work and such Derivative Works in Source or Object form.
+
+   3. Grant of Patent License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      (except as stated in this section) patent license to make, have made,
+      use, offer to sell, sell, import, and otherwise transfer the Work,
+      where such license applies only to those patent claims licensable
+      by such Contributor that are necessarily infringed by their
+      Contribution(s) alone or by combination of their Contribution(s)
+      with the Work to which such Contribution(s) was submitted. If You
+      institute patent litigation against any entity (including a
+      cross-claim or counterclaim in a lawsuit) alleging that the Work
+      or a Contribution incorporated within the Work constitutes direct
+      or contributory patent infringement, then any patent licenses
+      granted to You under this License for that Work shall terminate
+      as of the date such litigation is filed.
+
+   4. Redistribution. You may reproduce and distribute copies of the
+      Work or Derivative Works thereof in any medium, with or without
+      modifications, and in Source or Object form, provided that You
+      meet the following conditions:
+
+      (a) You must give any other recipients of the Work or
+          Derivative Works a copy of this License; and
+
+      (b) You must cause any modified files to carry prominent notices
+          stating that You changed the files; and
+
+      (c) You must retain, in the Source form of any Derivative Works
+          that You distribute, all copyright, patent, trademark, and
+          attribution notices from the Source form of the Work,
+          excluding those notices that do not pertain to any part of
+          the Derivative Works; and
+
+      (d) If the Work includes a "NOTICE" text file as part of its
+          distribution, then any Derivative Works that You distribute must
+          include a readable copy of the attribution notices contained
+          within such NOTICE file, excluding those notices that do not
+          pertain to any part of the Derivative Works, in at least one
+          of the following places: within a NOTICE text file distributed
+          as part of the Derivative Works; within the Source form or
+          documentation, if provided along with the Derivative Works; or,
+          within a display generated by the Derivative Works, if and
+          wherever such third-party notices normally appear. The contents
+          of the NOTICE file are for informational purposes only and
+          do not modify the License. You may add Your own attribution
+          notices within Derivative Works that You distribute, alongside
+          or as an addendum to the NOTICE text from the Work, provided
+          that such additional attribution notices cannot be construed
+          as modifying the License.
+
+      You may add Your own copyright statement to Your modifications and
+      may provide additional or different license terms and conditions
+      for use, reproduction, or distribution of Your modifications, or
+      for any such Derivative Works as a whole, provided Your use,
+      reproduction, and distribution of the Work otherwise complies with
+      the conditions stated in this License.
+
+   5. Submission of Contributions. Unless You explicitly state otherwise,
+      any Contribution intentionally submitted for inclusion in the Work
+      by You to the Licensor shall be under the terms and conditions of
+      this License, without any additional terms or conditions.
+      Notwithstanding the above, nothing herein shall supersede or modify
+      the terms of any separate license agreement you may have executed
+      with Licensor regarding such Contributions.
+
+   6. Trademarks. This License does not grant permission to use the trade
+      names, trademarks, service marks, or product names of the Licensor,
+      except as required for reasonable and customary use in describing the
+      origin of the Work and reproducing the content of the NOTICE file.
+
+   7. Disclaimer of Warranty. Unless required by applicable law or
+      agreed to in writing, Licensor provides the Work (and each
+      Contributor provides its Contributions) on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
+      implied, including, without limitation, any warranties or conditions
+      of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
+      PARTICULAR PURPOSE. You are solely responsible for determining the
+      appropriateness of using or redistributing the Work and assume any
+      risks associated with Your exercise of permissions under this License.
+
+   8. Limitation of Liability. In no event and under no legal theory,
+      whether in tort (including negligence), contract, or otherwise,
+      unless required by applicable law (such as deliberate and grossly
+      negligent acts) or agreed to in writing, shall any Contributor be
+      liable to You for damages, including any direct, indirect, special,
+      incidental, or consequential damages of any character arising as a
+      result of this License or out of the use or inability to use the
+      Work (including but not limited to damages for loss of goodwill,
+      work stoppage, computer failure or malfunction, or any and all
+      other commercial damages or losses), even if such Contributor
+      has been advised of the possibility of such damages.
+
+   9. Accepting Warranty or Additional Liability. While redistributing
+      the Work or Derivative Works thereof, You may choose to offer,
+      and charge a fee for, acceptance of support, warranty, indemnity,
+      or other liability obligations and/or rights consistent with this
+      License. However, in accepting such obligations, You may act only
+      on Your own behalf and on Your sole responsibility, not on behalf
+      of any other Contributor, and only if You agree to indemnify,
+      defend, and hold each Contributor harmless for any liability
+      incurred by, or claims asserted against, such Contributor by reason
+      of your accepting any such warranty or additional liability.
+
+   END OF TERMS AND CONDITIONS
+
+   APPENDIX: How to apply the Apache License to your work.
+
+      To apply the Apache License to your work, attach the following
+      boilerplate notice, with the fields enclosed by brackets "{}"
+      replaced with your own identifying information. (Don't include
+      the brackets!)  The text should be enclosed in the appropriate
+      comment syntax for the file format. We also recommend that a
+      file or class name and description of purpose be included on the
+      same "printed page" as the copyright notice for easier
+      identification within third-party archives.
+
+   Copyright {yyyy} {name of copyright owner}
+
+   Licensed under the Apache License, Version 2.0 (the "License");
+   you may not use this file except in compliance with the License.
+   You may obtain a copy of the License at
+
+       http://www.apache.org/licenses/LICENSE-2.0
+
+   Unless required by applicable law or agreed to in writing, software
+   distributed under the License is distributed on an "AS IS" BASIS,
+   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+   See the License for the specific language governing permissions and
+   limitations under the License.
diff --git a/node_modules/detect-libc/README.md b/node_modules/detect-libc/README.md
new file mode 100644
index 0000000..3176357
--- /dev/null
+++ b/node_modules/detect-libc/README.md
@@ -0,0 +1,78 @@
+# detect-libc
+
+Node.js module to detect the C standard library (libc) implementation
+family and version in use on a given Linux system.
+
+Provides a value suitable for use with the `LIBC` option of
+[prebuild](https://www.npmjs.com/package/prebuild),
+[prebuild-ci](https://www.npmjs.com/package/prebuild-ci) and
+[prebuild-install](https://www.npmjs.com/package/prebuild-install),
+therefore allowing build and provision of pre-compiled binaries
+for musl-based Linux e.g. Alpine as well as glibc-based.
+
+Currently supports libc detection of `glibc` and `musl`.
+
+## Install
+
+```sh
+npm install detect-libc
+```
+
+## Usage
+
+### API
+
+```js
+const { GLIBC, MUSL, family, version, isNonGlibcLinux } = require('detect-libc');
+```
+
+* `GLIBC` is a String containing the value "glibc" for comparison with `family`.
+* `MUSL` is a String containing the value "musl" for comparison with `family`.
+* `family` is a String representing the system libc family.
+* `version` is a String representing the system libc version number.
+* `isNonGlibcLinux` is a Boolean representing whether the system is a non-glibc Linux, e.g. Alpine.
+
+### detect-libc command line tool
+
+When run on a Linux system with a non-glibc libc,
+the child command will be run with the `LIBC` environment variable
+set to the relevant value.
+
+On all other platforms will run the child command as-is.
+
+The command line feature requires `spawnSync` provided by Node v0.12+.
+
+```sh
+detect-libc child-command
+```
+
+## Integrating with prebuild
+
+```json
+  "scripts": {
+    "install": "detect-libc prebuild-install || node-gyp rebuild",
+    "test": "mocha && detect-libc prebuild-ci"
+  },
+  "dependencies": {
+    "detect-libc": "^1.0.2",
+    "prebuild-install": "^2.2.0"
+  },
+  "devDependencies": {
+    "prebuild": "^6.2.1",
+    "prebuild-ci": "^2.2.3"
+  }
+```
+
+## Licence
+
+Copyright 2017 Lovell Fuller
+
+Licensed under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License.
+You may obtain a copy of the License at [http://www.apache.org/licenses/LICENSE-2.0](http://www.apache.org/licenses/LICENSE-2.0.html)
+
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+limitations under the License.
diff --git a/node_modules/detect-libc/bin/detect-libc.js b/node_modules/detect-libc/bin/detect-libc.js
new file mode 100755
index 0000000..5486127
--- /dev/null
+++ b/node_modules/detect-libc/bin/detect-libc.js
@@ -0,0 +1,18 @@
+#!/usr/bin/env node
+
+'use strict';
+
+var spawnSync = require('child_process').spawnSync;
+var libc = require('../');
+
+var spawnOptions = {
+  env: process.env,
+  shell: true,
+  stdio: 'inherit'
+};
+
+if (libc.isNonGlibcLinux) {
+  spawnOptions.env.LIBC = process.env.LIBC || libc.family;
+}
+
+process.exit(spawnSync(process.argv[2], process.argv.slice(3), spawnOptions).status);
diff --git a/node_modules/detect-libc/lib/detect-libc.js b/node_modules/detect-libc/lib/detect-libc.js
new file mode 100644
index 0000000..1855fe1
--- /dev/null
+++ b/node_modules/detect-libc/lib/detect-libc.js
@@ -0,0 +1,92 @@
+'use strict';
+
+var platform = require('os').platform();
+var spawnSync = require('child_process').spawnSync;
+var readdirSync = require('fs').readdirSync;
+
+var GLIBC = 'glibc';
+var MUSL = 'musl';
+
+var spawnOptions = {
+  encoding: 'utf8',
+  env: process.env
+};
+
+if (!spawnSync) {
+  spawnSync = function () {
+    return { status: 126, stdout: '', stderr: '' };
+  };
+}
+
+function contains (needle) {
+  return function (haystack) {
+    return haystack.indexOf(needle) !== -1;
+  };
+}
+
+function versionFromMuslLdd (out) {
+  return out.split(/[\r\n]+/)[1].trim().split(/\s/)[1];
+}
+
+function safeReaddirSync (path) {
+  try {
+    return readdirSync(path);
+  } catch (e) {}
+  return [];
+}
+
+var family = '';
+var version = '';
+var method = '';
+
+if (platform === 'linux') {
+  // Try getconf
+  var glibc = spawnSync('getconf', ['GNU_LIBC_VERSION'], spawnOptions);
+  if (glibc.status === 0) {
+    family = GLIBC;
+    version = glibc.stdout.trim().split(' ')[1];
+    method = 'getconf';
+  } else {
+    // Try ldd
+    var ldd = spawnSync('ldd', ['--version'], spawnOptions);
+    if (ldd.status === 0 && ldd.stdout.indexOf(MUSL) !== -1) {
+      family = MUSL;
+      version = versionFromMuslLdd(ldd.stdout);
+      method = 'ldd';
+    } else if (ldd.status === 1 && ldd.stderr.indexOf(MUSL) !== -1) {
+      family = MUSL;
+      version = versionFromMuslLdd(ldd.stderr);
+      method = 'ldd';
+    } else {
+      // Try filesystem (family only)
+      var lib = safeReaddirSync('/lib');
+      if (lib.some(contains('-linux-gnu'))) {
+        family = GLIBC;
+        method = 'filesystem';
+      } else if (lib.some(contains('libc.musl-'))) {
+        family = MUSL;
+        method = 'filesystem';
+      } else if (lib.some(contains('ld-musl-'))) {
+        family = MUSL;
+        method = 'filesystem';
+      } else {
+        var usrSbin = safeReaddirSync('/usr/sbin');
+        if (usrSbin.some(contains('glibc'))) {
+          family = GLIBC;
+          method = 'filesystem';
+        }
+      }
+    }
+  }
+}
+
+var isNonGlibcLinux = (family !== '' && family !== GLIBC);
+
+module.exports = {
+  GLIBC: GLIBC,
+  MUSL: MUSL,
+  family: family,
+  version: version,
+  method: method,
+  isNonGlibcLinux: isNonGlibcLinux
+};
diff --git a/node_modules/detect-libc/package.json b/node_modules/detect-libc/package.json
new file mode 100644
index 0000000..cbd5cd1
--- /dev/null
+++ b/node_modules/detect-libc/package.json
@@ -0,0 +1,35 @@
+{
+  "name": "detect-libc",
+  "version": "1.0.3",
+  "description": "Node.js module to detect the C standard library (libc) implementation family and version",
+  "main": "lib/detect-libc.js",
+  "bin": {
+    "detect-libc": "./bin/detect-libc.js"
+  },
+  "scripts": {
+    "test": "semistandard && nyc --reporter=lcov ava"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git://github.com/lovell/detect-libc"
+  },
+  "keywords": [
+    "libc",
+    "glibc",
+    "musl"
+  ],
+  "author": "Lovell Fuller <npm@lovell.info>",
+  "contributors": [
+    "Niklas Salmoukas <niklas@salmoukas.com>"
+  ],
+  "license": "Apache-2.0",
+  "devDependencies": {
+    "ava": "^0.23.0",
+    "nyc": "^11.3.0",
+    "proxyquire": "^1.8.0",
+    "semistandard": "^11.0.0"
+  },
+  "engines": {
+    "node": ">=0.10"
+  }
+}
diff --git a/node_modules/fill-range/LICENSE b/node_modules/fill-range/LICENSE
new file mode 100644
index 0000000..9af4a67
--- /dev/null
+++ b/node_modules/fill-range/LICENSE
@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2014-present, Jon Schlinkert.
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.
diff --git a/node_modules/fill-range/README.md b/node_modules/fill-range/README.md
new file mode 100644
index 0000000..8d756fe
--- /dev/null
+++ b/node_modules/fill-range/README.md
@@ -0,0 +1,237 @@
+# fill-range [![Donate](https://img.shields.io/badge/Donate-PayPal-green.svg)](https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=W8YFZ425KND68) [![NPM version](https://img.shields.io/npm/v/fill-range.svg?style=flat)](https://www.npmjs.com/package/fill-range) [![NPM monthly downloads](https://img.shields.io/npm/dm/fill-range.svg?style=flat)](https://npmjs.org/package/fill-range) [![NPM total downloads](https://img.shields.io/npm/dt/fill-range.svg?style=flat)](https://npmjs.org/package/fill-range) [![Linux Build Status](https://img.shields.io/travis/jonschlinkert/fill-range.svg?style=flat&label=Travis)](https://travis-ci.org/jonschlinkert/fill-range)
+
+> Fill in a range of numbers or letters, optionally passing an increment or `step` to use, or create a regex-compatible range with `options.toRegex`
+
+Please consider following this project's author, [Jon Schlinkert](https://github.com/jonschlinkert), and consider starring the project to show your :heart: and support.
+
+## Install
+
+Install with [npm](https://www.npmjs.com/):
+
+```sh
+$ npm install --save fill-range
+```
+
+## Usage
+
+Expands numbers and letters, optionally using a `step` as the last argument. _(Numbers may be defined as JavaScript numbers or strings)_.
+
+```js
+const fill = require('fill-range');
+// fill(from, to[, step, options]);
+
+console.log(fill('1', '10')); //=> ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10']
+console.log(fill('1', '10', { toRegex: true })); //=> [1-9]|10
+```
+
+**Params**
+
+* `from`: **{String|Number}** the number or letter to start with
+* `to`: **{String|Number}** the number or letter to end with
+* `step`: **{String|Number|Object|Function}** Optionally pass a [step](#optionsstep) to use.
+* `options`: **{Object|Function}**: See all available [options](#options)
+
+## Examples
+
+By default, an array of values is returned.
+
+**Alphabetical ranges**
+
+```js
+console.log(fill('a', 'e')); //=> ['a', 'b', 'c', 'd', 'e']
+console.log(fill('A', 'E')); //=> [ 'A', 'B', 'C', 'D', 'E' ]
+```
+
+**Numerical ranges**
+
+Numbers can be defined as actual numbers or strings.
+
+```js
+console.log(fill(1, 5));     //=> [ 1, 2, 3, 4, 5 ]
+console.log(fill('1', '5')); //=> [ 1, 2, 3, 4, 5 ]
+```
+
+**Negative ranges**
+
+Numbers can be defined as actual numbers or strings.
+
+```js
+console.log(fill('-5', '-1')); //=> [ '-5', '-4', '-3', '-2', '-1' ]
+console.log(fill('-5', '5')); //=> [ '-5', '-4', '-3', '-2', '-1', '0', '1', '2', '3', '4', '5' ]
+```
+
+**Steps (increments)**
+
+```js
+// numerical ranges with increments
+console.log(fill('0', '25', 4)); //=> [ '0', '4', '8', '12', '16', '20', '24' ]
+console.log(fill('0', '25', 5)); //=> [ '0', '5', '10', '15', '20', '25' ]
+console.log(fill('0', '25', 6)); //=> [ '0', '6', '12', '18', '24' ]
+
+// alphabetical ranges with increments
+console.log(fill('a', 'z', 4)); //=> [ 'a', 'e', 'i', 'm', 'q', 'u', 'y' ]
+console.log(fill('a', 'z', 5)); //=> [ 'a', 'f', 'k', 'p', 'u', 'z' ]
+console.log(fill('a', 'z', 6)); //=> [ 'a', 'g', 'm', 's', 'y' ]
+```
+
+## Options
+
+### options.step
+
+**Type**: `number` (formatted as a string or number)
+
+**Default**: `undefined`
+
+**Description**: The increment to use for the range. Can be used with letters or numbers.
+
+**Example(s)**
+
+```js
+// numbers
+console.log(fill('1', '10', 2)); //=> [ '1', '3', '5', '7', '9' ]
+console.log(fill('1', '10', 3)); //=> [ '1', '4', '7', '10' ]
+console.log(fill('1', '10', 4)); //=> [ '1', '5', '9' ]
+
+// letters
+console.log(fill('a', 'z', 5)); //=> [ 'a', 'f', 'k', 'p', 'u', 'z' ]
+console.log(fill('a', 'z', 7)); //=> [ 'a', 'h', 'o', 'v' ]
+console.log(fill('a', 'z', 9)); //=> [ 'a', 'j', 's' ]
+```
+
+### options.strictRanges
+
+**Type**: `boolean`
+
+**Default**: `false`
+
+**Description**: By default, `null` is returned when an invalid range is passed. Enable this option to throw a `RangeError` on invalid ranges.
+
+**Example(s)**
+
+The following are all invalid:
+
+```js
+fill('1.1', '2');   // decimals not supported in ranges
+fill('a', '2');     // incompatible range values
+fill(1, 10, 'foo'); // invalid "step" argument
+```
+
+### options.stringify
+
+**Type**: `boolean`
+
+**Default**: `undefined`
+
+**Description**: Cast all returned values to strings. By default, integers are returned as numbers.
+
+**Example(s)**
+
+```js
+console.log(fill(1, 5));                    //=> [ 1, 2, 3, 4, 5 ]
+console.log(fill(1, 5, { stringify: true })); //=> [ '1', '2', '3', '4', '5' ]
+```
+
+### options.toRegex
+
+**Type**: `boolean`
+
+**Default**: `undefined`
+
+**Description**: Create a regex-compatible source string, instead of expanding values to an array.
+
+**Example(s)**
+
+```js
+// alphabetical range
+console.log(fill('a', 'e', { toRegex: true })); //=> '[a-e]'
+// alphabetical with step
+console.log(fill('a', 'z', 3, { toRegex: true })); //=> 'a|d|g|j|m|p|s|v|y'
+// numerical range
+console.log(fill('1', '100', { toRegex: true })); //=> '[1-9]|[1-9][0-9]|100'
+// numerical range with zero padding
+console.log(fill('000001', '100000', { toRegex: true }));
+//=> '0{5}[1-9]|0{4}[1-9][0-9]|0{3}[1-9][0-9]{2}|0{2}[1-9][0-9]{3}|0[1-9][0-9]{4}|100000'
+```
+
+### options.transform
+
+**Type**: `function`
+
+**Default**: `undefined`
+
+**Description**: Customize each value in the returned array (or [string](#optionstoRegex)). _(you can also pass this function as the last argument to `fill()`)_.
+
+**Example(s)**
+
+```js
+// add zero padding
+console.log(fill(1, 5, value => String(value).padStart(4, '0')));
+//=> ['0001', '0002', '0003', '0004', '0005']
+```
+
+## About
+
+<details>
+<summary><strong>Contributing</strong></summary>
+
+Pull requests and stars are always welcome. For bugs and feature requests, [please create an issue](../../issues/new).
+
+</details>
+
+<details>
+<summary><strong>Running Tests</strong></summary>
+
+Running and reviewing unit tests is a great way to get familiarized with a library and its API. You can install dependencies and run tests with the following command:
+
+```sh
+$ npm install && npm test
+```
+
+</details>
+
+<details>
+<summary><strong>Building docs</strong></summary>
+
+_(This project's readme.md is generated by [verb](https://github.com/verbose/verb-generate-readme), please don't edit the readme directly. Any changes to the readme must be made in the [.verb.md](.verb.md) readme template.)_
+
+To generate the readme, run the following command:
+
+```sh
+$ npm install -g verbose/verb#dev verb-generate-readme && verb
+```
+
+</details>
+
+### Contributors
+
+| **Commits** | **Contributor** |  
+| --- | --- |  
+| 116 | [jonschlinkert](https://github.com/jonschlinkert) |  
+| 4   | [paulmillr](https://github.com/paulmillr) |  
+| 2   | [realityking](https://github.com/realityking) |  
+| 2   | [bluelovers](https://github.com/bluelovers) |  
+| 1   | [edorivai](https://github.com/edorivai) |  
+| 1   | [wtgtybhertgeghgtwtg](https://github.com/wtgtybhertgeghgtwtg) |  
+
+### Author
+
+**Jon Schlinkert**
+
+* [GitHub Profile](https://github.com/jonschlinkert)
+* [Twitter Profile](https://twitter.com/jonschlinkert)
+* [LinkedIn Profile](https://linkedin.com/in/jonschlinkert)
+
+Please consider supporting me on Patreon, or [start your own Patreon page](https://patreon.com/invite/bxpbvm)!
+
+<a href="https://www.patreon.com/jonschlinkert">
+<img src="https://c5.patreon.com/external/logo/become_a_patron_button@2x.png" height="50">
+</a>
+
+### License
+
+Copyright © 2019, [Jon Schlinkert](https://github.com/jonschlinkert).
+Released under the [MIT License](LICENSE).
+
+***
+
+_This file was generated by [verb-generate-readme](https://github.com/verbose/verb-generate-readme), v0.8.0, on April 08, 2019._
\ No newline at end of file
diff --git a/node_modules/fill-range/index.js b/node_modules/fill-range/index.js
new file mode 100644
index 0000000..ddb212e
--- /dev/null
+++ b/node_modules/fill-range/index.js
@@ -0,0 +1,248 @@
+/*!
+ * fill-range <https://github.com/jonschlinkert/fill-range>
+ *
+ * Copyright (c) 2014-present, Jon Schlinkert.
+ * Licensed under the MIT License.
+ */
+
+'use strict';
+
+const util = require('util');
+const toRegexRange = require('to-regex-range');
+
+const isObject = val => val !== null && typeof val === 'object' && !Array.isArray(val);
+
+const transform = toNumber => {
+  return value => toNumber === true ? Number(value) : String(value);
+};
+
+const isValidValue = value => {
+  return typeof value === 'number' || (typeof value === 'string' && value !== '');
+};
+
+const isNumber = num => Number.isInteger(+num);
+
+const zeros = input => {
+  let value = `${input}`;
+  let index = -1;
+  if (value[0] === '-') value = value.slice(1);
+  if (value === '0') return false;
+  while (value[++index] === '0');
+  return index > 0;
+};
+
+const stringify = (start, end, options) => {
+  if (typeof start === 'string' || typeof end === 'string') {
+    return true;
+  }
+  return options.stringify === true;
+};
+
+const pad = (input, maxLength, toNumber) => {
+  if (maxLength > 0) {
+    let dash = input[0] === '-' ? '-' : '';
+    if (dash) input = input.slice(1);
+    input = (dash + input.padStart(dash ? maxLength - 1 : maxLength, '0'));
+  }
+  if (toNumber === false) {
+    return String(input);
+  }
+  return input;
+};
+
+const toMaxLen = (input, maxLength) => {
+  let negative = input[0] === '-' ? '-' : '';
+  if (negative) {
+    input = input.slice(1);
+    maxLength--;
+  }
+  while (input.length < maxLength) input = '0' + input;
+  return negative ? ('-' + input) : input;
+};
+
+const toSequence = (parts, options, maxLen) => {
+  parts.negatives.sort((a, b) => a < b ? -1 : a > b ? 1 : 0);
+  parts.positives.sort((a, b) => a < b ? -1 : a > b ? 1 : 0);
+
+  let prefix = options.capture ? '' : '?:';
+  let positives = '';
+  let negatives = '';
+  let result;
+
+  if (parts.positives.length) {
+    positives = parts.positives.map(v => toMaxLen(String(v), maxLen)).join('|');
+  }
+
+  if (parts.negatives.length) {
+    negatives = `-(${prefix}${parts.negatives.map(v => toMaxLen(String(v), maxLen)).join('|')})`;
+  }
+
+  if (positives && negatives) {
+    result = `${positives}|${negatives}`;
+  } else {
+    result = positives || negatives;
+  }
+
+  if (options.wrap) {
+    return `(${prefix}${result})`;
+  }
+
+  return result;
+};
+
+const toRange = (a, b, isNumbers, options) => {
+  if (isNumbers) {
+    return toRegexRange(a, b, { wrap: false, ...options });
+  }
+
+  let start = String.fromCharCode(a);
+  if (a === b) return start;
+
+  let stop = String.fromCharCode(b);
+  return `[${start}-${stop}]`;
+};
+
+const toRegex = (start, end, options) => {
+  if (Array.isArray(start)) {
+    let wrap = options.wrap === true;
+    let prefix = options.capture ? '' : '?:';
+    return wrap ? `(${prefix}${start.join('|')})` : start.join('|');
+  }
+  return toRegexRange(start, end, options);
+};
+
+const rangeError = (...args) => {
+  return new RangeError('Invalid range arguments: ' + util.inspect(...args));
+};
+
+const invalidRange = (start, end, options) => {
+  if (options.strictRanges === true) throw rangeError([start, end]);
+  return [];
+};
+
+const invalidStep = (step, options) => {
+  if (options.strictRanges === true) {
+    throw new TypeError(`Expected step "${step}" to be a number`);
+  }
+  return [];
+};
+
+const fillNumbers = (start, end, step = 1, options = {}) => {
+  let a = Number(start);
+  let b = Number(end);
+
+  if (!Number.isInteger(a) || !Number.isInteger(b)) {
+    if (options.strictRanges === true) throw rangeError([start, end]);
+    return [];
+  }
+
+  // fix negative zero
+  if (a === 0) a = 0;
+  if (b === 0) b = 0;
+
+  let descending = a > b;
+  let startString = String(start);
+  let endString = String(end);
+  let stepString = String(step);
+  step = Math.max(Math.abs(step), 1);
+
+  let padded = zeros(startString) || zeros(endString) || zeros(stepString);
+  let maxLen = padded ? Math.max(startString.length, endString.length, stepString.length) : 0;
+  let toNumber = padded === false && stringify(start, end, options) === false;
+  let format = options.transform || transform(toNumber);
+
+  if (options.toRegex && step === 1) {
+    return toRange(toMaxLen(start, maxLen), toMaxLen(end, maxLen), true, options);
+  }
+
+  let parts = { negatives: [], positives: [] };
+  let push = num => parts[num < 0 ? 'negatives' : 'positives'].push(Math.abs(num));
+  let range = [];
+  let index = 0;
+
+  while (descending ? a >= b : a <= b) {
+    if (options.toRegex === true && step > 1) {
+      push(a);
+    } else {
+      range.push(pad(format(a, index), maxLen, toNumber));
+    }
+    a = descending ? a - step : a + step;
+    index++;
+  }
+
+  if (options.toRegex === true) {
+    return step > 1
+      ? toSequence(parts, options, maxLen)
+      : toRegex(range, null, { wrap: false, ...options });
+  }
+
+  return range;
+};
+
+const fillLetters = (start, end, step = 1, options = {}) => {
+  if ((!isNumber(start) && start.length > 1) || (!isNumber(end) && end.length > 1)) {
+    return invalidRange(start, end, options);
+  }
+
+  let format = options.transform || (val => String.fromCharCode(val));
+  let a = `${start}`.charCodeAt(0);
+  let b = `${end}`.charCodeAt(0);
+
+  let descending = a > b;
+  let min = Math.min(a, b);
+  let max = Math.max(a, b);
+
+  if (options.toRegex && step === 1) {
+    return toRange(min, max, false, options);
+  }
+
+  let range = [];
+  let index = 0;
+
+  while (descending ? a >= b : a <= b) {
+    range.push(format(a, index));
+    a = descending ? a - step : a + step;
+    index++;
+  }
+
+  if (options.toRegex === true) {
+    return toRegex(range, null, { wrap: false, options });
+  }
+
+  return range;
+};
+
+const fill = (start, end, step, options = {}) => {
+  if (end == null && isValidValue(start)) {
+    return [start];
+  }
+
+  if (!isValidValue(start) || !isValidValue(end)) {
+    return invalidRange(start, end, options);
+  }
+
+  if (typeof step === 'function') {
+    return fill(start, end, 1, { transform: step });
+  }
+
+  if (isObject(step)) {
+    return fill(start, end, 0, step);
+  }
+
+  let opts = { ...options };
+  if (opts.capture === true) opts.wrap = true;
+  step = step || opts.step || 1;
+
+  if (!isNumber(step)) {
+    if (step != null && !isObject(step)) return invalidStep(step, opts);
+    return fill(start, end, 1, step);
+  }
+
+  if (isNumber(start) && isNumber(end)) {
+    return fillNumbers(start, end, step, opts);
+  }
+
+  return fillLetters(start, end, Math.max(Math.abs(step), 1), opts);
+};
+
+module.exports = fill;
diff --git a/node_modules/fill-range/package.json b/node_modules/fill-range/package.json
new file mode 100644
index 0000000..582357f
--- /dev/null
+++ b/node_modules/fill-range/package.json
@@ -0,0 +1,74 @@
+{
+  "name": "fill-range",
+  "description": "Fill in a range of numbers or letters, optionally passing an increment or `step` to use, or create a regex-compatible range with `options.toRegex`",
+  "version": "7.1.1",
+  "homepage": "https://github.com/jonschlinkert/fill-range",
+  "author": "Jon Schlinkert (https://github.com/jonschlinkert)",
+  "contributors": [
+    "Edo Rivai (edo.rivai.nl)",
+    "Jon Schlinkert (http://twitter.com/jonschlinkert)",
+    "Paul Miller (paulmillr.com)",
+    "Rouven Weßling (www.rouvenwessling.de)",
+    "(https://github.com/wtgtybhertgeghgtwtg)"
+  ],
+  "repository": "jonschlinkert/fill-range",
+  "bugs": {
+    "url": "https://github.com/jonschlinkert/fill-range/issues"
+  },
+  "license": "MIT",
+  "files": [
+    "index.js"
+  ],
+  "main": "index.js",
+  "engines": {
+    "node": ">=8"
+  },
+  "scripts": {
+    "lint": "eslint --cache --cache-location node_modules/.cache/.eslintcache --report-unused-disable-directives --ignore-path .gitignore .",
+    "mocha": "mocha --reporter dot",
+    "test": "npm run lint && npm run mocha",
+    "test:ci": "npm run test:cover",
+    "test:cover": "nyc npm run mocha"
+  },
+  "dependencies": {
+    "to-regex-range": "^5.0.1"
+  },
+  "devDependencies": {
+    "gulp-format-md": "^2.0.0",
+    "mocha": "^6.1.1",
+    "nyc": "^15.1.0"
+  },
+  "keywords": [
+    "alpha",
+    "alphabetical",
+    "array",
+    "bash",
+    "brace",
+    "expand",
+    "expansion",
+    "fill",
+    "glob",
+    "match",
+    "matches",
+    "matching",
+    "number",
+    "numerical",
+    "range",
+    "ranges",
+    "regex",
+    "sh"
+  ],
+  "verb": {
+    "toc": false,
+    "layout": "default",
+    "tasks": [
+      "readme"
+    ],
+    "plugins": [
+      "gulp-format-md"
+    ],
+    "lint": {
+      "reflinks": true
+    }
+  }
+}
diff --git a/node_modules/govuk-frontend/README.md b/node_modules/govuk-frontend/README.md
new file mode 100644
index 0000000..8781cdc
--- /dev/null
+++ b/node_modules/govuk-frontend/README.md
@@ -0,0 +1,92 @@
+# GOV.UK Frontend
+
+GOV.UK Frontend contains the code you need to start building a user interface
+for government platforms and services.
+
+See live examples of GOV.UK Frontend components, and guidance on when to use
+them in your service, in the [GOV.UK Design System](https://www.gov.uk/design-system).
+
+## Contact the team
+
+GOV.UK Frontend is maintained by a team at Government Digital Service. If you want to know more about GOV.UK Frontend, please email the [Design System
+team](mailto:govuk-design-system-support@digital.cabinet-office.gov.uk) or get in touch with them on [Slack](https://ukgovernmentdigital.slack.com/messages/govuk-design-system).
+
+## Quick start
+
+There are 2 ways to start using GOV.UK Frontend in your app.
+
+Once installed, you will be able to use the code from the examples in the
+[GOV.UK Design System](https://www.gov.uk/design-system) in your service.
+
+### 1. Install with npm (recommended)
+
+We recommend [installing GOV.UK Frontend using node package manager
+(npm)](https://frontend.design-system.service.gov.uk/installing-with-npm/).
+
+### 2. Install by using compiled files
+
+You can also [download the compiled and minified assets (CSS, JavaScript) from
+GitHub](https://frontend.design-system.service.gov.uk/installing-from-dist/).
+
+## Importing styles
+
+You need to import the GOV.UK Frontend styles into the main Sass file in your
+project. You should place the below code before your own Sass rules (or Sass
+imports) if you want to override GOV.UK Frontend with your own styles.
+
+To import add the below to your Sass file:
+
+```scss
+@import "node_modules/govuk-frontend/dist/govuk/all";
+```
+
+[More details on importing styles](https://frontend.design-system.service.gov.uk/importing-css-assets-and-javascript/#css)
+
+## Importing JavaScript
+
+Some of the JavaScript included in GOV.UK Frontend improves the usability and
+accessibility of the components. You should make sure that you are importing and
+initialising JavaScript in your application. This will ensure all users can use it successfully.
+
+You can include JavaScript for all components by copying both `govuk-frontend.min.js` and `govuk-frontend.min.js.map` from `node_modules/govuk-frontend/dist/govuk/` into your application and referencing the JavaScript directly:
+
+```html
+<script type="module" src="{path-to-javascript}/govuk-frontend.min.js"></script>
+```
+
+Next you need to import and initialise GOV.UK Frontend by adding:
+
+```html
+<script type="module">
+  import { initAll } from '{path-to-javascript}/govuk-frontend.min.js'
+  initAll()
+</script>
+```
+
+[More details on importing JavaScript and advanced options](https://frontend.design-system.service.gov.uk/importing-css-assets-and-javascript/#javascript)
+
+## Importing assets
+
+In order to import GOV.UK Frontend images and fonts to your project, you should configure your application to reference or copy the relevant GOV.UK Frontend assets.
+
+[More details on importing assets](https://frontend.design-system.service.gov.uk/importing-css-assets-and-javascript/#font-and-image-assets)
+
+## Getting updates
+
+To be notified when there’s a new release, you can either:
+
+- [watch the govuk-frontend Github repository](https://help.github.com/en/articles/watching-and-unwatching-repositories)
+- join the [#govuk-design-system channel on cross-government Slack](https://ukgovernmentdigital.slack.com/app_redirect?channel=govuk-design-system)
+
+Find out how to [update with npm](https://frontend.design-system.service.gov.uk/updating-with-npm/).
+
+## Licence
+
+Unless stated otherwise, the codebase is released under the MIT License. This
+covers both the codebase and any sample code in the documentation. The
+documentation is &copy; Crown copyright and available under the terms of the
+Open Government 3.0 licence.
+
+## Contribution guidelines
+
+If you want to help us build GOV.UK Frontend, view our [contribution guidelines](/CONTRIBUTING.md).
diff --git a/node_modules/govuk-frontend/dist/govuk-prototype-kit/functions.js b/node_modules/govuk-frontend/dist/govuk-prototype-kit/functions.js
new file mode 100644
index 0000000..5d7d234
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk-prototype-kit/functions.js
@@ -0,0 +1,25 @@
+const { addFunction } = require('govuk-prototype-kit').views
+const config = require('govuk-prototype-kit/lib/config.js').getConfig()
+
+/**
+ * Adds a global function to the nunjucks env of prototypes to define the state
+ * of `govukRebrand`.
+ *
+ * Only applies the rebrand if the following is present in a user's prototype config:
+ *
+ * "plugins": {
+ *  "govuk-frontend": {
+ *    "rebrand": true
+ *  }
+ * }
+ *
+ * Steps through each required param to check that they're present, then returns
+ * the state of `rebrand`. If any of the params aren't present or `rebrand` is
+ * falsey, return a falsey value.
+ *
+ * We're finicky about checking each param because, besides the fact that we don't
+ * know if each param might be present, `getConfig` by default swallows the error
+ * if ./app/config.json isn't present so this makes sure that a user's prototype
+ * still runs even if their config doesn't exist for some reason.
+ */
+addFunction('govukRebrand', () => config?.plugins?.['govuk-frontend']?.rebrand)
diff --git a/node_modules/govuk-frontend/dist/govuk-prototype-kit/init.js b/node_modules/govuk-frontend/dist/govuk-prototype-kit/init.js
new file mode 100644
index 0000000..8541f8d
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk-prototype-kit/init.js
@@ -0,0 +1,15 @@
+// @ts-nocheck
+import * as GOVUKFrontend from '../govuk/govuk-frontend.min.js'
+
+// Maintain window global for compatibility
+window.GOVUKFrontend = GOVUKFrontend
+
+if (
+  window.GOVUKPrototypeKit &&
+  window.GOVUKPrototypeKit.documentReady &&
+  window.GOVUKPrototypeKit.majorVersion >= 13
+) {
+  window.GOVUKPrototypeKit.documentReady(() => {
+    window.GOVUKFrontend.initAll()
+  })
+}
diff --git a/node_modules/govuk-frontend/dist/govuk-prototype-kit/init.scss b/node_modules/govuk-frontend/dist/govuk-prototype-kit/init.scss
new file mode 100644
index 0000000..ece9f66
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk-prototype-kit/init.scss
@@ -0,0 +1,13 @@
+$govuk-prototype-kit-major-version: 0 !default;
+
+$govuk-assets-path: if(
+  $govuk-prototype-kit-major-version > 12,
+  $govuk-extensions-url-context + "/govuk-frontend/dist/govuk/assets/",
+  "/govuk/assets/"
+) !default;
+
+$govuk-global-styles: true !default;
+
+@import "../govuk/index";
+
+/*# sourceMappingURL=init.scss.map */
diff --git a/node_modules/govuk-frontend/dist/govuk-prototype-kit/init.scss.map b/node_modules/govuk-frontend/dist/govuk-prototype-kit/init.scss.map
new file mode 100644
index 0000000..29a742c
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk-prototype-kit/init.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/govuk-prototype-kit/init.scss"],"names":[],"mappings":"AAAA,8CAA8C;;AAE9C;;;;UAIU;;AAEV,mCAAmC;;AAEnC,wBAAwB","file":"init.scss","sourcesContent":["$govuk-prototype-kit-major-version: 0 !default;\n\n$govuk-assets-path: if(\n  $govuk-prototype-kit-major-version > 12,\n  $govuk-extensions-url-context + \"/govuk-frontend/dist/govuk/assets/\",\n  \"/govuk/assets/\"\n) !default;\n\n$govuk-global-styles: true !default;\n\n@import \"../govuk/index\";\n"]}
diff --git a/node_modules/govuk-frontend/dist/govuk/_base.scss b/node_modules/govuk-frontend/dist/govuk/_base.scss
new file mode 100644
index 0000000..adc899c
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/_base.scss
@@ -0,0 +1,5 @@
+@import "settings/index";
+@import "tools/index";
+@import "helpers/index";
+
+/*# sourceMappingURL=_base.scss.map */
diff --git a/node_modules/govuk-frontend/dist/govuk/_base.scss.map b/node_modules/govuk-frontend/dist/govuk/_base.scss.map
new file mode 100644
index 0000000..29a1152
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/_base.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/govuk/_base.scss"],"names":[],"mappings":"AAAA,wBAAwB;AACxB,qBAAqB;AACrB,uBAAuB","file":"_base.scss","sourcesContent":["@import \"settings/index\";\n@import \"tools/index\";\n@import \"helpers/index\";\n"]}
diff --git a/node_modules/govuk-frontend/dist/govuk/all.bundle.js b/node_modules/govuk-frontend/dist/govuk/all.bundle.js
new file mode 100644
index 0000000..2dba087
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/all.bundle.js
@@ -0,0 +1,2747 @@
+(function (global, factory) {
+  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports) :
+  typeof define === 'function' && define.amd ? define(['exports'], factory) :
+  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.GOVUKFrontend = global.GOVUKFrontend || {}));
+})(this, (function (exports) { 'use strict';
+
+  const version = '5.12.0';
+
+  function getBreakpoint(name) {
+    const property = `--govuk-breakpoint-${name}`;
+    const value = window.getComputedStyle(document.documentElement).getPropertyValue(property);
+    return {
+      property,
+      value: value || undefined
+    };
+  }
+  function setFocus($element, options = {}) {
+    var _options$onBeforeFocu;
+    const isFocusable = $element.getAttribute('tabindex');
+    if (!isFocusable) {
+      $element.setAttribute('tabindex', '-1');
+    }
+    function onFocus() {
+      $element.addEventListener('blur', onBlur, {
+        once: true
+      });
+    }
+    function onBlur() {
+      var _options$onBlur;
+      (_options$onBlur = options.onBlur) == null || _options$onBlur.call($element);
+      if (!isFocusable) {
+        $element.removeAttribute('tabindex');
+      }
+    }
+    $element.addEventListener('focus', onFocus, {
+      once: true
+    });
+    (_options$onBeforeFocu = options.onBeforeFocus) == null || _options$onBeforeFocu.call($element);
+    $element.focus();
+  }
+  function isInitialised($root, moduleName) {
+    return $root instanceof HTMLElement && $root.hasAttribute(`data-${moduleName}-init`);
+  }
+
+  /**
+   * Checks if GOV.UK Frontend is supported on this page
+   *
+   * Some browsers will load and run our JavaScript but GOV.UK Frontend
+   * won't be supported.
+   *
+   * @param {HTMLElement | null} [$scope] - (internal) `<body>` HTML element checked for browser support
+   * @returns {boolean} Whether GOV.UK Frontend is supported on this page
+   */
+  function isSupported($scope = document.body) {
+    if (!$scope) {
+      return false;
+    }
+    return $scope.classList.contains('govuk-frontend-supported');
+  }
+  function isArray(option) {
+    return Array.isArray(option);
+  }
+  function isObject(option) {
+    return !!option && typeof option === 'object' && !isArray(option);
+  }
+  function isScope($scope) {
+    return !!$scope && ($scope instanceof Element || $scope instanceof Document);
+  }
+  function formatErrorMessage(Component, message) {
+    return `${Component.moduleName}: ${message}`;
+  }
+  /**
+   * @typedef ComponentWithModuleName
+   * @property {string} moduleName - Name of the component
+   */
+
+  class GOVUKFrontendError extends Error {
+    constructor(...args) {
+      super(...args);
+      this.name = 'GOVUKFrontendError';
+    }
+  }
+  class SupportError extends GOVUKFrontendError {
+    /**
+     * Checks if GOV.UK Frontend is supported on this page
+     *
+     * @param {HTMLElement | null} [$scope] - HTML element `<body>` checked for browser support
+     */
+    constructor($scope = document.body) {
+      const supportMessage = 'noModule' in HTMLScriptElement.prototype ? 'GOV.UK Frontend initialised without `<body class="govuk-frontend-supported">` from template `<script>` snippet' : 'GOV.UK Frontend is not supported in this browser';
+      super($scope ? supportMessage : 'GOV.UK Frontend initialised without `<script type="module">`');
+      this.name = 'SupportError';
+    }
+  }
+  class ConfigError extends GOVUKFrontendError {
+    constructor(...args) {
+      super(...args);
+      this.name = 'ConfigError';
+    }
+  }
+  class ElementError extends GOVUKFrontendError {
+    constructor(messageOrOptions) {
+      let message = typeof messageOrOptions === 'string' ? messageOrOptions : '';
+      if (isObject(messageOrOptions)) {
+        const {
+          component,
+          identifier,
+          element,
+          expectedType
+        } = messageOrOptions;
+        message = identifier;
+        message += element ? ` is not of type ${expectedType != null ? expectedType : 'HTMLElement'}` : ' not found';
+        if (component) {
+          message = formatErrorMessage(component, message);
+        }
+      }
+      super(message);
+      this.name = 'ElementError';
+    }
+  }
+  class InitError extends GOVUKFrontendError {
+    constructor(componentOrMessage) {
+      const message = typeof componentOrMessage === 'string' ? componentOrMessage : formatErrorMessage(componentOrMessage, `Root element (\`$root\`) already initialised`);
+      super(message);
+      this.name = 'InitError';
+    }
+  }
+  /**
+   * @import { ComponentWithModuleName } from '../common/index.mjs'
+   */
+
+  class Component {
+    /**
+     * Returns the root element of the component
+     *
+     * @protected
+     * @returns {RootElementType} - the root element of component
+     */
+    get $root() {
+      return this._$root;
+    }
+    constructor($root) {
+      this._$root = void 0;
+      const childConstructor = this.constructor;
+      if (typeof childConstructor.moduleName !== 'string') {
+        throw new InitError(`\`moduleName\` not defined in component`);
+      }
+      if (!($root instanceof childConstructor.elementType)) {
+        throw new ElementError({
+          element: $root,
+          component: childConstructor,
+          identifier: 'Root element (`$root`)',
+          expectedType: childConstructor.elementType.name
+        });
+      } else {
+        this._$root = $root;
+      }
+      childConstructor.checkSupport();
+      this.checkInitialised();
+      const moduleName = childConstructor.moduleName;
+      this.$root.setAttribute(`data-${moduleName}-init`, '');
+    }
+    checkInitialised() {
+      const constructor = this.constructor;
+      const moduleName = constructor.moduleName;
+      if (moduleName && isInitialised(this.$root, moduleName)) {
+        throw new InitError(constructor);
+      }
+    }
+    static checkSupport() {
+      if (!isSupported()) {
+        throw new SupportError();
+      }
+    }
+  }
+
+  /**
+   * @typedef ChildClass
+   * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component
+   */
+
+  /**
+   * @typedef {typeof Component & ChildClass} ChildClassConstructor
+   */
+  Component.elementType = HTMLElement;
+
+  const configOverride = Symbol.for('configOverride');
+  class ConfigurableComponent extends Component {
+    [configOverride](param) {
+      return {};
+    }
+
+    /**
+     * Returns the root element of the component
+     *
+     * @protected
+     * @returns {ConfigurationType} - the root element of component
+     */
+    get config() {
+      return this._config;
+    }
+    constructor($root, config) {
+      super($root);
+      this._config = void 0;
+      const childConstructor = this.constructor;
+      if (!isObject(childConstructor.defaults)) {
+        throw new ConfigError(formatErrorMessage(childConstructor, 'Config passed as parameter into constructor but no defaults defined'));
+      }
+      const datasetConfig = normaliseDataset(childConstructor, this._$root.dataset);
+      this._config = mergeConfigs(childConstructor.defaults, config != null ? config : {}, this[configOverride](datasetConfig), datasetConfig);
+    }
+  }
+  function normaliseString(value, property) {
+    const trimmedValue = value ? value.trim() : '';
+    let output;
+    let outputType = property == null ? void 0 : property.type;
+    if (!outputType) {
+      if (['true', 'false'].includes(trimmedValue)) {
+        outputType = 'boolean';
+      }
+      if (trimmedValue.length > 0 && isFinite(Number(trimmedValue))) {
+        outputType = 'number';
+      }
+    }
+    switch (outputType) {
+      case 'boolean':
+        output = trimmedValue === 'true';
+        break;
+      case 'number':
+        output = Number(trimmedValue);
+        break;
+      default:
+        output = value;
+    }
+    return output;
+  }
+  function normaliseDataset(Component, dataset) {
+    if (!isObject(Component.schema)) {
+      throw new ConfigError(formatErrorMessage(Component, 'Config passed as parameter into constructor but no schema defined'));
+    }
+    const out = {};
+    const entries = Object.entries(Component.schema.properties);
+    for (const entry of entries) {
+      const [namespace, property] = entry;
+      const field = namespace.toString();
+      if (field in dataset) {
+        out[field] = normaliseString(dataset[field], property);
+      }
+      if ((property == null ? void 0 : property.type) === 'object') {
+        out[field] = extractConfigByNamespace(Component.schema, dataset, namespace);
+      }
+    }
+    return out;
+  }
+  function normaliseOptions(scopeOrOptions) {
+    let $scope = document;
+    let onError;
+    if (isObject(scopeOrOptions)) {
+      const options = scopeOrOptions;
+      if (isScope(options.scope) || options.scope === null) {
+        $scope = options.scope;
+      }
+      if (typeof options.onError === 'function') {
+        onError = options.onError;
+      }
+    }
+    if (isScope(scopeOrOptions)) {
+      $scope = scopeOrOptions;
+    } else if (scopeOrOptions === null) {
+      $scope = null;
+    } else if (typeof scopeOrOptions === 'function') {
+      onError = scopeOrOptions;
+    }
+    return {
+      scope: $scope,
+      onError
+    };
+  }
+  function mergeConfigs(...configObjects) {
+    const formattedConfigObject = {};
+    for (const configObject of configObjects) {
+      for (const key of Object.keys(configObject)) {
+        const option = formattedConfigObject[key];
+        const override = configObject[key];
+        if (isObject(option) && isObject(override)) {
+          formattedConfigObject[key] = mergeConfigs(option, override);
+        } else {
+          formattedConfigObject[key] = override;
+        }
+      }
+    }
+    return formattedConfigObject;
+  }
+  function validateConfig(schema, config) {
+    const validationErrors = [];
+    for (const [name, conditions] of Object.entries(schema)) {
+      const errors = [];
+      if (Array.isArray(conditions)) {
+        for (const {
+          required,
+          errorMessage
+        } of conditions) {
+          if (!required.every(key => !!config[key])) {
+            errors.push(errorMessage);
+          }
+        }
+        if (name === 'anyOf' && !(conditions.length - errors.length >= 1)) {
+          validationErrors.push(...errors);
+        }
+      }
+    }
+    return validationErrors;
+  }
+  function extractConfigByNamespace(schema, dataset, namespace) {
+    const property = schema.properties[namespace];
+    if ((property == null ? void 0 : property.type) !== 'object') {
+      return;
+    }
+    const newObject = {
+      [namespace]: {}
+    };
+    for (const [key, value] of Object.entries(dataset)) {
+      let current = newObject;
+      const keyParts = key.split('.');
+      for (const [index, name] of keyParts.entries()) {
+        if (isObject(current)) {
+          if (index < keyParts.length - 1) {
+            if (!isObject(current[name])) {
+              current[name] = {};
+            }
+            current = current[name];
+          } else if (key !== namespace) {
+            current[name] = normaliseString(value);
+          }
+        }
+      }
+    }
+    return newObject[namespace];
+  }
+  /**
+   * Schema for component config
+   *
+   * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType
+   * @typedef {object} Schema
+   * @property {Record<keyof ConfigurationType, SchemaProperty | undefined>} properties - Schema properties
+   * @property {SchemaCondition<ConfigurationType>[]} [anyOf] - List of schema conditions
+   */
+  /**
+   * Schema property for component config
+   *
+   * @typedef {object} SchemaProperty
+   * @property {'string' | 'boolean' | 'number' | 'object'} type - Property type
+   */
+  /**
+   * Schema condition for component config
+   *
+   * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType
+   * @typedef {object} SchemaCondition
+   * @property {(keyof ConfigurationType)[]} required - List of required config fields
+   * @property {string} errorMessage - Error message when required config fields not provided
+   */
+  /**
+   * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]
+   * @typedef ChildClass
+   * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component
+   * @property {Schema<ConfigurationType>} [schema] - The schema of the component configuration
+   * @property {ConfigurationType} [defaults] - The default values of the configuration of the component
+   */
+  /**
+   * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]
+   * @typedef {typeof Component & ChildClass<ConfigurationType>} ChildClassConstructor<ConfigurationType>
+   */
+  /**
+   * @import { CompatibleClass, Config, CreateAllOptions, OnErrorCallback } from '../init.mjs'
+   */
+
+  class I18n {
+    constructor(translations = {}, config = {}) {
+      var _config$locale;
+      this.translations = void 0;
+      this.locale = void 0;
+      this.translations = translations;
+      this.locale = (_config$locale = config.locale) != null ? _config$locale : document.documentElement.lang || 'en';
+    }
+    t(lookupKey, options) {
+      if (!lookupKey) {
+        throw new Error('i18n: lookup key missing');
+      }
+      let translation = this.translations[lookupKey];
+      if (typeof (options == null ? void 0 : options.count) === 'number' && isObject(translation)) {
+        const translationPluralForm = translation[this.getPluralSuffix(lookupKey, options.count)];
+        if (translationPluralForm) {
+          translation = translationPluralForm;
+        }
+      }
+      if (typeof translation === 'string') {
+        if (translation.match(/%{(.\S+)}/)) {
+          if (!options) {
+            throw new Error('i18n: cannot replace placeholders in string if no option data provided');
+          }
+          return this.replacePlaceholders(translation, options);
+        }
+        return translation;
+      }
+      return lookupKey;
+    }
+    replacePlaceholders(translationString, options) {
+      const formatter = Intl.NumberFormat.supportedLocalesOf(this.locale).length ? new Intl.NumberFormat(this.locale) : undefined;
+      return translationString.replace(/%{(.\S+)}/g, function (placeholderWithBraces, placeholderKey) {
+        if (Object.prototype.hasOwnProperty.call(options, placeholderKey)) {
+          const placeholderValue = options[placeholderKey];
+          if (placeholderValue === false || typeof placeholderValue !== 'number' && typeof placeholderValue !== 'string') {
+            return '';
+          }
+          if (typeof placeholderValue === 'number') {
+            return formatter ? formatter.format(placeholderValue) : `${placeholderValue}`;
+          }
+          return placeholderValue;
+        }
+        throw new Error(`i18n: no data found to replace ${placeholderWithBraces} placeholder in string`);
+      });
+    }
+    hasIntlPluralRulesSupport() {
+      return Boolean('PluralRules' in window.Intl && Intl.PluralRules.supportedLocalesOf(this.locale).length);
+    }
+    getPluralSuffix(lookupKey, count) {
+      count = Number(count);
+      if (!isFinite(count)) {
+        return 'other';
+      }
+      const translation = this.translations[lookupKey];
+      const preferredForm = this.hasIntlPluralRulesSupport() ? new Intl.PluralRules(this.locale).select(count) : 'other';
+      if (isObject(translation)) {
+        if (preferredForm in translation) {
+          return preferredForm;
+        } else if ('other' in translation) {
+          console.warn(`i18n: Missing plural form ".${preferredForm}" for "${this.locale}" locale. Falling back to ".other".`);
+          return 'other';
+        }
+      }
+      throw new Error(`i18n: Plural form ".other" is required for "${this.locale}" locale`);
+    }
+  }
+
+  /**
+   * Accordion component
+   *
+   * This allows a collection of sections to be collapsed by default, showing only
+   * their headers. Sections can be expanded or collapsed individually by clicking
+   * their headers. A "Show all sections" button is also added to the top of the
+   * accordion, which switches to "Hide all sections" when all the sections are
+   * expanded.
+   *
+   * The state of each section is saved to the DOM via the `aria-expanded`
+   * attribute, which also provides accessibility.
+   *
+   * @preserve
+   * @augments ConfigurableComponent<AccordionConfig>
+   */
+  class Accordion extends ConfigurableComponent {
+    /**
+     * @param {Element | null} $root - HTML element to use for accordion
+     * @param {AccordionConfig} [config] - Accordion config
+     */
+    constructor($root, config = {}) {
+      super($root, config);
+      this.i18n = void 0;
+      this.controlsClass = 'govuk-accordion__controls';
+      this.showAllClass = 'govuk-accordion__show-all';
+      this.showAllTextClass = 'govuk-accordion__show-all-text';
+      this.sectionClass = 'govuk-accordion__section';
+      this.sectionExpandedClass = 'govuk-accordion__section--expanded';
+      this.sectionButtonClass = 'govuk-accordion__section-button';
+      this.sectionHeaderClass = 'govuk-accordion__section-header';
+      this.sectionHeadingClass = 'govuk-accordion__section-heading';
+      this.sectionHeadingDividerClass = 'govuk-accordion__section-heading-divider';
+      this.sectionHeadingTextClass = 'govuk-accordion__section-heading-text';
+      this.sectionHeadingTextFocusClass = 'govuk-accordion__section-heading-text-focus';
+      this.sectionShowHideToggleClass = 'govuk-accordion__section-toggle';
+      this.sectionShowHideToggleFocusClass = 'govuk-accordion__section-toggle-focus';
+      this.sectionShowHideTextClass = 'govuk-accordion__section-toggle-text';
+      this.upChevronIconClass = 'govuk-accordion-nav__chevron';
+      this.downChevronIconClass = 'govuk-accordion-nav__chevron--down';
+      this.sectionSummaryClass = 'govuk-accordion__section-summary';
+      this.sectionSummaryFocusClass = 'govuk-accordion__section-summary-focus';
+      this.sectionContentClass = 'govuk-accordion__section-content';
+      this.$sections = void 0;
+      this.$showAllButton = null;
+      this.$showAllIcon = null;
+      this.$showAllText = null;
+      this.i18n = new I18n(this.config.i18n);
+      const $sections = this.$root.querySelectorAll(`.${this.sectionClass}`);
+      if (!$sections.length) {
+        throw new ElementError({
+          component: Accordion,
+          identifier: `Sections (\`<div class="${this.sectionClass}">\`)`
+        });
+      }
+      this.$sections = $sections;
+      this.initControls();
+      this.initSectionHeaders();
+      this.updateShowAllButton(this.areAllSectionsOpen());
+    }
+    initControls() {
+      this.$showAllButton = document.createElement('button');
+      this.$showAllButton.setAttribute('type', 'button');
+      this.$showAllButton.setAttribute('class', this.showAllClass);
+      this.$showAllButton.setAttribute('aria-expanded', 'false');
+      this.$showAllIcon = document.createElement('span');
+      this.$showAllIcon.classList.add(this.upChevronIconClass);
+      this.$showAllButton.appendChild(this.$showAllIcon);
+      const $accordionControls = document.createElement('div');
+      $accordionControls.setAttribute('class', this.controlsClass);
+      $accordionControls.appendChild(this.$showAllButton);
+      this.$root.insertBefore($accordionControls, this.$root.firstChild);
+      this.$showAllText = document.createElement('span');
+      this.$showAllText.classList.add(this.showAllTextClass);
+      this.$showAllButton.appendChild(this.$showAllText);
+      this.$showAllButton.addEventListener('click', () => this.onShowOrHideAllToggle());
+      if ('onbeforematch' in document) {
+        document.addEventListener('beforematch', event => this.onBeforeMatch(event));
+      }
+    }
+    initSectionHeaders() {
+      this.$sections.forEach(($section, i) => {
+        const $header = $section.querySelector(`.${this.sectionHeaderClass}`);
+        if (!$header) {
+          throw new ElementError({
+            component: Accordion,
+            identifier: `Section headers (\`<div class="${this.sectionHeaderClass}">\`)`
+          });
+        }
+        this.constructHeaderMarkup($header, i);
+        this.setExpanded(this.isExpanded($section), $section);
+        $header.addEventListener('click', () => this.onSectionToggle($section));
+        this.setInitialState($section);
+      });
+    }
+    constructHeaderMarkup($header, index) {
+      const $span = $header.querySelector(`.${this.sectionButtonClass}`);
+      const $heading = $header.querySelector(`.${this.sectionHeadingClass}`);
+      const $summary = $header.querySelector(`.${this.sectionSummaryClass}`);
+      if (!$heading) {
+        throw new ElementError({
+          component: Accordion,
+          identifier: `Section heading (\`.${this.sectionHeadingClass}\`)`
+        });
+      }
+      if (!$span) {
+        throw new ElementError({
+          component: Accordion,
+          identifier: `Section button placeholder (\`<span class="${this.sectionButtonClass}">\`)`
+        });
+      }
+      const $button = document.createElement('button');
+      $button.setAttribute('type', 'button');
+      $button.setAttribute('aria-controls', `${this.$root.id}-content-${index + 1}`);
+      for (const attr of Array.from($span.attributes)) {
+        if (attr.name !== 'id') {
+          $button.setAttribute(attr.name, attr.value);
+        }
+      }
+      const $headingText = document.createElement('span');
+      $headingText.classList.add(this.sectionHeadingTextClass);
+      $headingText.id = $span.id;
+      const $headingTextFocus = document.createElement('span');
+      $headingTextFocus.classList.add(this.sectionHeadingTextFocusClass);
+      $headingText.appendChild($headingTextFocus);
+      Array.from($span.childNodes).forEach($child => $headingTextFocus.appendChild($child));
+      const $showHideToggle = document.createElement('span');
+      $showHideToggle.classList.add(this.sectionShowHideToggleClass);
+      $showHideToggle.setAttribute('data-nosnippet', '');
+      const $showHideToggleFocus = document.createElement('span');
+      $showHideToggleFocus.classList.add(this.sectionShowHideToggleFocusClass);
+      $showHideToggle.appendChild($showHideToggleFocus);
+      const $showHideText = document.createElement('span');
+      const $showHideIcon = document.createElement('span');
+      $showHideIcon.classList.add(this.upChevronIconClass);
+      $showHideToggleFocus.appendChild($showHideIcon);
+      $showHideText.classList.add(this.sectionShowHideTextClass);
+      $showHideToggleFocus.appendChild($showHideText);
+      $button.appendChild($headingText);
+      $button.appendChild(this.getButtonPunctuationEl());
+      if ($summary) {
+        const $summarySpan = document.createElement('span');
+        const $summarySpanFocus = document.createElement('span');
+        $summarySpanFocus.classList.add(this.sectionSummaryFocusClass);
+        $summarySpan.appendChild($summarySpanFocus);
+        for (const attr of Array.from($summary.attributes)) {
+          $summarySpan.setAttribute(attr.name, attr.value);
+        }
+        Array.from($summary.childNodes).forEach($child => $summarySpanFocus.appendChild($child));
+        $summary.remove();
+        $button.appendChild($summarySpan);
+        $button.appendChild(this.getButtonPunctuationEl());
+      }
+      $button.appendChild($showHideToggle);
+      $heading.removeChild($span);
+      $heading.appendChild($button);
+    }
+    onBeforeMatch(event) {
+      const $fragment = event.target;
+      if (!($fragment instanceof Element)) {
+        return;
+      }
+      const $section = $fragment.closest(`.${this.sectionClass}`);
+      if ($section) {
+        this.setExpanded(true, $section);
+      }
+    }
+    onSectionToggle($section) {
+      const nowExpanded = !this.isExpanded($section);
+      this.setExpanded(nowExpanded, $section);
+      this.storeState($section, nowExpanded);
+    }
+    onShowOrHideAllToggle() {
+      const nowExpanded = !this.areAllSectionsOpen();
+      this.$sections.forEach($section => {
+        this.setExpanded(nowExpanded, $section);
+        this.storeState($section, nowExpanded);
+      });
+      this.updateShowAllButton(nowExpanded);
+    }
+    setExpanded(expanded, $section) {
+      const $showHideIcon = $section.querySelector(`.${this.upChevronIconClass}`);
+      const $showHideText = $section.querySelector(`.${this.sectionShowHideTextClass}`);
+      const $button = $section.querySelector(`.${this.sectionButtonClass}`);
+      const $content = $section.querySelector(`.${this.sectionContentClass}`);
+      if (!$content) {
+        throw new ElementError({
+          component: Accordion,
+          identifier: `Section content (\`<div class="${this.sectionContentClass}">\`)`
+        });
+      }
+      if (!$showHideIcon || !$showHideText || !$button) {
+        return;
+      }
+      const newButtonText = expanded ? this.i18n.t('hideSection') : this.i18n.t('showSection');
+      $showHideText.textContent = newButtonText;
+      $button.setAttribute('aria-expanded', `${expanded}`);
+      const ariaLabelParts = [];
+      const $headingText = $section.querySelector(`.${this.sectionHeadingTextClass}`);
+      if ($headingText) {
+        ariaLabelParts.push($headingText.textContent.trim());
+      }
+      const $summary = $section.querySelector(`.${this.sectionSummaryClass}`);
+      if ($summary) {
+        ariaLabelParts.push($summary.textContent.trim());
+      }
+      const ariaLabelMessage = expanded ? this.i18n.t('hideSectionAriaLabel') : this.i18n.t('showSectionAriaLabel');
+      ariaLabelParts.push(ariaLabelMessage);
+      $button.setAttribute('aria-label', ariaLabelParts.join(' , '));
+      if (expanded) {
+        $content.removeAttribute('hidden');
+        $section.classList.add(this.sectionExpandedClass);
+        $showHideIcon.classList.remove(this.downChevronIconClass);
+      } else {
+        $content.setAttribute('hidden', 'until-found');
+        $section.classList.remove(this.sectionExpandedClass);
+        $showHideIcon.classList.add(this.downChevronIconClass);
+      }
+      this.updateShowAllButton(this.areAllSectionsOpen());
+    }
+    isExpanded($section) {
+      return $section.classList.contains(this.sectionExpandedClass);
+    }
+    areAllSectionsOpen() {
+      return Array.from(this.$sections).every($section => this.isExpanded($section));
+    }
+    updateShowAllButton(expanded) {
+      if (!this.$showAllButton || !this.$showAllText || !this.$showAllIcon) {
+        return;
+      }
+      this.$showAllButton.setAttribute('aria-expanded', expanded.toString());
+      this.$showAllText.textContent = expanded ? this.i18n.t('hideAllSections') : this.i18n.t('showAllSections');
+      this.$showAllIcon.classList.toggle(this.downChevronIconClass, !expanded);
+    }
+
+    /**
+     * Get the identifier for a section
+     *
+     * We need a unique way of identifying each content in the Accordion.
+     * Since an `#id` should be unique and an `id` is required for `aria-`
+     * attributes `id` can be safely used.
+     *
+     * @param {Element} $section - Section element
+     * @returns {string | undefined | null} Identifier for section
+     */
+    getIdentifier($section) {
+      const $button = $section.querySelector(`.${this.sectionButtonClass}`);
+      return $button == null ? void 0 : $button.getAttribute('aria-controls');
+    }
+    storeState($section, isExpanded) {
+      if (!this.config.rememberExpanded) {
+        return;
+      }
+      const id = this.getIdentifier($section);
+      if (id) {
+        try {
+          window.sessionStorage.setItem(id, isExpanded.toString());
+        } catch (_unused) {}
+      }
+    }
+    setInitialState($section) {
+      if (!this.config.rememberExpanded) {
+        return;
+      }
+      const id = this.getIdentifier($section);
+      if (id) {
+        try {
+          const state = window.sessionStorage.getItem(id);
+          if (state !== null) {
+            this.setExpanded(state === 'true', $section);
+          }
+        } catch (_unused2) {}
+      }
+    }
+    getButtonPunctuationEl() {
+      const $punctuationEl = document.createElement('span');
+      $punctuationEl.classList.add('govuk-visually-hidden', this.sectionHeadingDividerClass);
+      $punctuationEl.textContent = ', ';
+      return $punctuationEl;
+    }
+  }
+
+  /**
+   * Accordion config
+   *
+   * @see {@link Accordion.defaults}
+   * @typedef {object} AccordionConfig
+   * @property {AccordionTranslations} [i18n=Accordion.defaults.i18n] - Accordion translations
+   * @property {boolean} [rememberExpanded] - Whether the expanded and collapsed
+   *   state of each section is remembered and restored when navigating.
+   */
+
+  /**
+   * Accordion translations
+   *
+   * @see {@link Accordion.defaults.i18n}
+   * @typedef {object} AccordionTranslations
+   *
+   * Messages used by the component for the labels of its buttons. This includes
+   * the visible text shown on screen, and text to help assistive technology users
+   * for the buttons toggling each section.
+   * @property {string} [hideAllSections] - The text content for the 'Hide all
+   *   sections' button, used when at least one section is expanded.
+   * @property {string} [hideSection] - The text content for the 'Hide'
+   *   button, used when a section is expanded.
+   * @property {string} [hideSectionAriaLabel] - The text content appended to the
+   *   'Hide' button's accessible name when a section is expanded.
+   * @property {string} [showAllSections] - The text content for the 'Show all
+   *   sections' button, used when all sections are collapsed.
+   * @property {string} [showSection] - The text content for the 'Show'
+   *   button, used when a section is collapsed.
+   * @property {string} [showSectionAriaLabel] - The text content appended to the
+   *   'Show' button's accessible name when a section is expanded.
+   */
+
+  /**
+   * @import { Schema } from '../../common/configuration.mjs'
+   */
+  Accordion.moduleName = 'govuk-accordion';
+  Accordion.defaults = Object.freeze({
+    i18n: {
+      hideAllSections: 'Hide all sections',
+      hideSection: 'Hide',
+      hideSectionAriaLabel: 'Hide this section',
+      showAllSections: 'Show all sections',
+      showSection: 'Show',
+      showSectionAriaLabel: 'Show this section'
+    },
+    rememberExpanded: true
+  });
+  Accordion.schema = Object.freeze({
+    properties: {
+      i18n: {
+        type: 'object'
+      },
+      rememberExpanded: {
+        type: 'boolean'
+      }
+    }
+  });
+
+  const DEBOUNCE_TIMEOUT_IN_SECONDS = 1;
+
+  /**
+   * JavaScript enhancements for the Button component
+   *
+   * @preserve
+   * @augments ConfigurableComponent<ButtonConfig>
+   */
+  class Button extends ConfigurableComponent {
+    /**
+     * @param {Element | null} $root - HTML element to use for button
+     * @param {ButtonConfig} [config] - Button config
+     */
+    constructor($root, config = {}) {
+      super($root, config);
+      this.debounceFormSubmitTimer = null;
+      this.$root.addEventListener('keydown', event => this.handleKeyDown(event));
+      this.$root.addEventListener('click', event => this.debounce(event));
+    }
+    handleKeyDown(event) {
+      const $target = event.target;
+      if (event.key !== ' ') {
+        return;
+      }
+      if ($target instanceof HTMLElement && $target.getAttribute('role') === 'button') {
+        event.preventDefault();
+        $target.click();
+      }
+    }
+    debounce(event) {
+      if (!this.config.preventDoubleClick) {
+        return;
+      }
+      if (this.debounceFormSubmitTimer) {
+        event.preventDefault();
+        return false;
+      }
+      this.debounceFormSubmitTimer = window.setTimeout(() => {
+        this.debounceFormSubmitTimer = null;
+      }, DEBOUNCE_TIMEOUT_IN_SECONDS * 1000);
+    }
+  }
+
+  /**
+   * Button config
+   *
+   * @typedef {object} ButtonConfig
+   * @property {boolean} [preventDoubleClick=false] - Prevent accidental double
+   *   clicks on submit buttons from submitting forms multiple times.
+   */
+
+  /**
+   * @import { Schema } from '../../common/configuration.mjs'
+   */
+  Button.moduleName = 'govuk-button';
+  Button.defaults = Object.freeze({
+    preventDoubleClick: false
+  });
+  Button.schema = Object.freeze({
+    properties: {
+      preventDoubleClick: {
+        type: 'boolean'
+      }
+    }
+  });
+
+  function closestAttributeValue($element, attributeName) {
+    const $closestElementWithAttribute = $element.closest(`[${attributeName}]`);
+    return $closestElementWithAttribute ? $closestElementWithAttribute.getAttribute(attributeName) : null;
+  }
+
+  /**
+   * Character count component
+   *
+   * Tracks the number of characters or words in the `.govuk-js-character-count`
+   * `<textarea>` inside the element. Displays a message with the remaining number
+   * of characters/words available, or the number of characters/words in excess.
+   *
+   * You can configure the message to only appear after a certain percentage
+   * of the available characters/words has been entered.
+   *
+   * @preserve
+   * @augments ConfigurableComponent<CharacterCountConfig>
+   */
+  class CharacterCount extends ConfigurableComponent {
+    [configOverride](datasetConfig) {
+      let configOverrides = {};
+      if ('maxwords' in datasetConfig || 'maxlength' in datasetConfig) {
+        configOverrides = {
+          maxlength: undefined,
+          maxwords: undefined
+        };
+      }
+      return configOverrides;
+    }
+
+    /**
+     * @param {Element | null} $root - HTML element to use for character count
+     * @param {CharacterCountConfig} [config] - Character count config
+     */
+    constructor($root, config = {}) {
+      var _ref, _this$config$maxwords;
+      super($root, config);
+      this.$textarea = void 0;
+      this.$visibleCountMessage = void 0;
+      this.$screenReaderCountMessage = void 0;
+      this.lastInputTimestamp = null;
+      this.lastInputValue = '';
+      this.valueChecker = null;
+      this.i18n = void 0;
+      this.maxLength = void 0;
+      const $textarea = this.$root.querySelector('.govuk-js-character-count');
+      if (!($textarea instanceof HTMLTextAreaElement || $textarea instanceof HTMLInputElement)) {
+        throw new ElementError({
+          component: CharacterCount,
+          element: $textarea,
+          expectedType: 'HTMLTextareaElement or HTMLInputElement',
+          identifier: 'Form field (`.govuk-js-character-count`)'
+        });
+      }
+      const errors = validateConfig(CharacterCount.schema, this.config);
+      if (errors[0]) {
+        throw new ConfigError(formatErrorMessage(CharacterCount, errors[0]));
+      }
+      this.i18n = new I18n(this.config.i18n, {
+        locale: closestAttributeValue(this.$root, 'lang')
+      });
+      this.maxLength = (_ref = (_this$config$maxwords = this.config.maxwords) != null ? _this$config$maxwords : this.config.maxlength) != null ? _ref : Infinity;
+      this.$textarea = $textarea;
+      const textareaDescriptionId = `${this.$textarea.id}-info`;
+      const $textareaDescription = document.getElementById(textareaDescriptionId);
+      if (!$textareaDescription) {
+        throw new ElementError({
+          component: CharacterCount,
+          element: $textareaDescription,
+          identifier: `Count message (\`id="${textareaDescriptionId}"\`)`
+        });
+      }
+      this.$errorMessage = this.$root.querySelector('.govuk-error-message');
+      if ($textareaDescription.textContent.match(/^\s*$/)) {
+        $textareaDescription.textContent = this.i18n.t('textareaDescription', {
+          count: this.maxLength
+        });
+      }
+      this.$textarea.insertAdjacentElement('afterend', $textareaDescription);
+      const $screenReaderCountMessage = document.createElement('div');
+      $screenReaderCountMessage.className = 'govuk-character-count__sr-status govuk-visually-hidden';
+      $screenReaderCountMessage.setAttribute('aria-live', 'polite');
+      this.$screenReaderCountMessage = $screenReaderCountMessage;
+      $textareaDescription.insertAdjacentElement('afterend', $screenReaderCountMessage);
+      const $visibleCountMessage = document.createElement('div');
+      $visibleCountMessage.className = $textareaDescription.className;
+      $visibleCountMessage.classList.add('govuk-character-count__status');
+      $visibleCountMessage.setAttribute('aria-hidden', 'true');
+      this.$visibleCountMessage = $visibleCountMessage;
+      $textareaDescription.insertAdjacentElement('afterend', $visibleCountMessage);
+      $textareaDescription.classList.add('govuk-visually-hidden');
+      this.$textarea.removeAttribute('maxlength');
+      this.bindChangeEvents();
+      window.addEventListener('pageshow', () => this.updateCountMessage());
+      this.updateCountMessage();
+    }
+    bindChangeEvents() {
+      this.$textarea.addEventListener('keyup', () => this.handleKeyUp());
+      this.$textarea.addEventListener('focus', () => this.handleFocus());
+      this.$textarea.addEventListener('blur', () => this.handleBlur());
+    }
+    handleKeyUp() {
+      this.updateVisibleCountMessage();
+      this.lastInputTimestamp = Date.now();
+    }
+    handleFocus() {
+      this.valueChecker = window.setInterval(() => {
+        if (!this.lastInputTimestamp || Date.now() - 500 >= this.lastInputTimestamp) {
+          this.updateIfValueChanged();
+        }
+      }, 1000);
+    }
+    handleBlur() {
+      if (this.valueChecker) {
+        window.clearInterval(this.valueChecker);
+      }
+    }
+    updateIfValueChanged() {
+      if (this.$textarea.value !== this.lastInputValue) {
+        this.lastInputValue = this.$textarea.value;
+        this.updateCountMessage();
+      }
+    }
+    updateCountMessage() {
+      this.updateVisibleCountMessage();
+      this.updateScreenReaderCountMessage();
+    }
+    updateVisibleCountMessage() {
+      const remainingNumber = this.maxLength - this.count(this.$textarea.value);
+      const isError = remainingNumber < 0;
+      this.$visibleCountMessage.classList.toggle('govuk-character-count__message--disabled', !this.isOverThreshold());
+      if (!this.$errorMessage) {
+        this.$textarea.classList.toggle('govuk-textarea--error', isError);
+      }
+      this.$visibleCountMessage.classList.toggle('govuk-error-message', isError);
+      this.$visibleCountMessage.classList.toggle('govuk-hint', !isError);
+      this.$visibleCountMessage.textContent = this.getCountMessage();
+    }
+    updateScreenReaderCountMessage() {
+      if (this.isOverThreshold()) {
+        this.$screenReaderCountMessage.removeAttribute('aria-hidden');
+      } else {
+        this.$screenReaderCountMessage.setAttribute('aria-hidden', 'true');
+      }
+      this.$screenReaderCountMessage.textContent = this.getCountMessage();
+    }
+    count(text) {
+      if (this.config.maxwords) {
+        var _text$match;
+        const tokens = (_text$match = text.match(/\S+/g)) != null ? _text$match : [];
+        return tokens.length;
+      }
+      return text.length;
+    }
+    getCountMessage() {
+      const remainingNumber = this.maxLength - this.count(this.$textarea.value);
+      const countType = this.config.maxwords ? 'words' : 'characters';
+      return this.formatCountMessage(remainingNumber, countType);
+    }
+    formatCountMessage(remainingNumber, countType) {
+      if (remainingNumber === 0) {
+        return this.i18n.t(`${countType}AtLimit`);
+      }
+      const translationKeySuffix = remainingNumber < 0 ? 'OverLimit' : 'UnderLimit';
+      return this.i18n.t(`${countType}${translationKeySuffix}`, {
+        count: Math.abs(remainingNumber)
+      });
+    }
+    isOverThreshold() {
+      if (!this.config.threshold) {
+        return true;
+      }
+      const currentLength = this.count(this.$textarea.value);
+      const maxLength = this.maxLength;
+      const thresholdValue = maxLength * this.config.threshold / 100;
+      return thresholdValue <= currentLength;
+    }
+  }
+
+  /**
+   * Character count config
+   *
+   * @see {@link CharacterCount.defaults}
+   * @typedef {object} CharacterCountConfig
+   * @property {number} [maxlength] - The maximum number of characters.
+   *   If maxwords is provided, the maxlength option will be ignored.
+   * @property {number} [maxwords] - The maximum number of words. If maxwords is
+   *   provided, the maxlength option will be ignored.
+   * @property {number} [threshold=0] - The percentage value of the limit at
+   *   which point the count message is displayed. If this attribute is set, the
+   *   count message will be hidden by default.
+   * @property {CharacterCountTranslations} [i18n=CharacterCount.defaults.i18n] - Character count translations
+   */
+
+  /**
+   * Character count translations
+   *
+   * @see {@link CharacterCount.defaults.i18n}
+   * @typedef {object} CharacterCountTranslations
+   *
+   * Messages shown to users as they type. It provides feedback on how many words
+   * or characters they have remaining or if they are over the limit. This also
+   * includes a message used as an accessible description for the textarea.
+   * @property {TranslationPluralForms} [charactersUnderLimit] - Message displayed
+   *   when the number of characters is under the configured maximum, `maxlength`.
+   *   This message is displayed visually and through assistive technologies. The
+   *   component will replace the `%{count}` placeholder with the number of
+   *   remaining characters. This is a [pluralised list of
+   *   messages](https://frontend.design-system.service.gov.uk/localise-govuk-frontend).
+   * @property {string} [charactersAtLimit] - Message displayed when the number of
+   *   characters reaches the configured maximum, `maxlength`. This message is
+   *   displayed visually and through assistive technologies.
+   * @property {TranslationPluralForms} [charactersOverLimit] - Message displayed
+   *   when the number of characters is over the configured maximum, `maxlength`.
+   *   This message is displayed visually and through assistive technologies. The
+   *   component will replace the `%{count}` placeholder with the number of
+   *   remaining characters. This is a [pluralised list of
+   *   messages](https://frontend.design-system.service.gov.uk/localise-govuk-frontend).
+   * @property {TranslationPluralForms} [wordsUnderLimit] - Message displayed when
+   *   the number of words is under the configured maximum, `maxlength`. This
+   *   message is displayed visually and through assistive technologies. The
+   *   component will replace the `%{count}` placeholder with the number of
+   *   remaining words. This is a [pluralised list of
+   *   messages](https://frontend.design-system.service.gov.uk/localise-govuk-frontend).
+   * @property {string} [wordsAtLimit] - Message displayed when the number of
+   *   words reaches the configured maximum, `maxlength`. This message is
+   *   displayed visually and through assistive technologies.
+   * @property {TranslationPluralForms} [wordsOverLimit] - Message displayed when
+   *   the number of words is over the configured maximum, `maxlength`. This
+   *   message is displayed visually and through assistive technologies. The
+   *   component will replace the `%{count}` placeholder with the number of
+   *   remaining words. This is a [pluralised list of
+   *   messages](https://frontend.design-system.service.gov.uk/localise-govuk-frontend).
+   * @property {TranslationPluralForms} [textareaDescription] - Message made
+   *   available to assistive technologies, if none is already present in the
+   *   HTML, to describe that the component accepts only a limited amount of
+   *   content. It is visible on the page when JavaScript is unavailable. The
+   *   component will replace the `%{count}` placeholder with the value of the
+   *   `maxlength` or `maxwords` parameter.
+   */
+
+  /**
+   * @import { Schema } from '../../common/configuration.mjs'
+   * @import { TranslationPluralForms } from '../../i18n.mjs'
+   */
+  CharacterCount.moduleName = 'govuk-character-count';
+  CharacterCount.defaults = Object.freeze({
+    threshold: 0,
+    i18n: {
+      charactersUnderLimit: {
+        one: 'You have %{count} character remaining',
+        other: 'You have %{count} characters remaining'
+      },
+      charactersAtLimit: 'You have 0 characters remaining',
+      charactersOverLimit: {
+        one: 'You have %{count} character too many',
+        other: 'You have %{count} characters too many'
+      },
+      wordsUnderLimit: {
+        one: 'You have %{count} word remaining',
+        other: 'You have %{count} words remaining'
+      },
+      wordsAtLimit: 'You have 0 words remaining',
+      wordsOverLimit: {
+        one: 'You have %{count} word too many',
+        other: 'You have %{count} words too many'
+      },
+      textareaDescription: {
+        other: ''
+      }
+    }
+  });
+  CharacterCount.schema = Object.freeze({
+    properties: {
+      i18n: {
+        type: 'object'
+      },
+      maxwords: {
+        type: 'number'
+      },
+      maxlength: {
+        type: 'number'
+      },
+      threshold: {
+        type: 'number'
+      }
+    },
+    anyOf: [{
+      required: ['maxwords'],
+      errorMessage: 'Either "maxlength" or "maxwords" must be provided'
+    }, {
+      required: ['maxlength'],
+      errorMessage: 'Either "maxlength" or "maxwords" must be provided'
+    }]
+  });
+
+  /**
+   * Checkboxes component
+   *
+   * @preserve
+   */
+  class Checkboxes extends Component {
+    /**
+     * Checkboxes can be associated with a 'conditionally revealed' content block
+     * – for example, a checkbox for 'Phone' could reveal an additional form field
+     * for the user to enter their phone number.
+     *
+     * These associations are made using a `data-aria-controls` attribute, which
+     * is promoted to an aria-controls attribute during initialisation.
+     *
+     * We also need to restore the state of any conditional reveals on the page
+     * (for example if the user has navigated back), and set up event handlers to
+     * keep the reveal in sync with the checkbox state.
+     *
+     * @param {Element | null} $root - HTML element to use for checkboxes
+     */
+    constructor($root) {
+      super($root);
+      this.$inputs = void 0;
+      const $inputs = this.$root.querySelectorAll('input[type="checkbox"]');
+      if (!$inputs.length) {
+        throw new ElementError({
+          component: Checkboxes,
+          identifier: 'Form inputs (`<input type="checkbox">`)'
+        });
+      }
+      this.$inputs = $inputs;
+      this.$inputs.forEach($input => {
+        const targetId = $input.getAttribute('data-aria-controls');
+        if (!targetId) {
+          return;
+        }
+        if (!document.getElementById(targetId)) {
+          throw new ElementError({
+            component: Checkboxes,
+            identifier: `Conditional reveal (\`id="${targetId}"\`)`
+          });
+        }
+        $input.setAttribute('aria-controls', targetId);
+        $input.removeAttribute('data-aria-controls');
+      });
+      window.addEventListener('pageshow', () => this.syncAllConditionalReveals());
+      this.syncAllConditionalReveals();
+      this.$root.addEventListener('click', event => this.handleClick(event));
+    }
+    syncAllConditionalReveals() {
+      this.$inputs.forEach($input => this.syncConditionalRevealWithInputState($input));
+    }
+    syncConditionalRevealWithInputState($input) {
+      const targetId = $input.getAttribute('aria-controls');
+      if (!targetId) {
+        return;
+      }
+      const $target = document.getElementById(targetId);
+      if ($target != null && $target.classList.contains('govuk-checkboxes__conditional')) {
+        const inputIsChecked = $input.checked;
+        $input.setAttribute('aria-expanded', inputIsChecked.toString());
+        $target.classList.toggle('govuk-checkboxes__conditional--hidden', !inputIsChecked);
+      }
+    }
+    unCheckAllInputsExcept($input) {
+      const allInputsWithSameName = document.querySelectorAll(`input[type="checkbox"][name="${$input.name}"]`);
+      allInputsWithSameName.forEach($inputWithSameName => {
+        const hasSameFormOwner = $input.form === $inputWithSameName.form;
+        if (hasSameFormOwner && $inputWithSameName !== $input) {
+          $inputWithSameName.checked = false;
+          this.syncConditionalRevealWithInputState($inputWithSameName);
+        }
+      });
+    }
+    unCheckExclusiveInputs($input) {
+      const allInputsWithSameNameAndExclusiveBehaviour = document.querySelectorAll(`input[data-behaviour="exclusive"][type="checkbox"][name="${$input.name}"]`);
+      allInputsWithSameNameAndExclusiveBehaviour.forEach($exclusiveInput => {
+        const hasSameFormOwner = $input.form === $exclusiveInput.form;
+        if (hasSameFormOwner) {
+          $exclusiveInput.checked = false;
+          this.syncConditionalRevealWithInputState($exclusiveInput);
+        }
+      });
+    }
+    handleClick(event) {
+      const $clickedInput = event.target;
+      if (!($clickedInput instanceof HTMLInputElement) || $clickedInput.type !== 'checkbox') {
+        return;
+      }
+      const hasAriaControls = $clickedInput.getAttribute('aria-controls');
+      if (hasAriaControls) {
+        this.syncConditionalRevealWithInputState($clickedInput);
+      }
+      if (!$clickedInput.checked) {
+        return;
+      }
+      const hasBehaviourExclusive = $clickedInput.getAttribute('data-behaviour') === 'exclusive';
+      if (hasBehaviourExclusive) {
+        this.unCheckAllInputsExcept($clickedInput);
+      } else {
+        this.unCheckExclusiveInputs($clickedInput);
+      }
+    }
+  }
+  Checkboxes.moduleName = 'govuk-checkboxes';
+
+  /**
+   * Error summary component
+   *
+   * Takes focus on initialisation for accessible announcement, unless disabled in
+   * configuration.
+   *
+   * @preserve
+   * @augments ConfigurableComponent<ErrorSummaryConfig>
+   */
+  class ErrorSummary extends ConfigurableComponent {
+    /**
+     * @param {Element | null} $root - HTML element to use for error summary
+     * @param {ErrorSummaryConfig} [config] - Error summary config
+     */
+    constructor($root, config = {}) {
+      super($root, config);
+      if (!this.config.disableAutoFocus) {
+        setFocus(this.$root);
+      }
+      this.$root.addEventListener('click', event => this.handleClick(event));
+    }
+    handleClick(event) {
+      const $target = event.target;
+      if ($target && this.focusTarget($target)) {
+        event.preventDefault();
+      }
+    }
+    focusTarget($target) {
+      if (!($target instanceof HTMLAnchorElement)) {
+        return false;
+      }
+      const inputId = $target.hash.replace('#', '');
+      if (!inputId) {
+        return false;
+      }
+      const $input = document.getElementById(inputId);
+      if (!$input) {
+        return false;
+      }
+      const $legendOrLabel = this.getAssociatedLegendOrLabel($input);
+      if (!$legendOrLabel) {
+        return false;
+      }
+      $legendOrLabel.scrollIntoView();
+      $input.focus({
+        preventScroll: true
+      });
+      return true;
+    }
+    getAssociatedLegendOrLabel($input) {
+      var _document$querySelect;
+      const $fieldset = $input.closest('fieldset');
+      if ($fieldset) {
+        const $legends = $fieldset.getElementsByTagName('legend');
+        if ($legends.length) {
+          const $candidateLegend = $legends[0];
+          if ($input instanceof HTMLInputElement && ($input.type === 'checkbox' || $input.type === 'radio')) {
+            return $candidateLegend;
+          }
+          const legendTop = $candidateLegend.getBoundingClientRect().top;
+          const inputRect = $input.getBoundingClientRect();
+          if (inputRect.height && window.innerHeight) {
+            const inputBottom = inputRect.top + inputRect.height;
+            if (inputBottom - legendTop < window.innerHeight / 2) {
+              return $candidateLegend;
+            }
+          }
+        }
+      }
+      return (_document$querySelect = document.querySelector(`label[for='${$input.getAttribute('id')}']`)) != null ? _document$querySelect : $input.closest('label');
+    }
+  }
+
+  /**
+   * Error summary config
+   *
+   * @typedef {object} ErrorSummaryConfig
+   * @property {boolean} [disableAutoFocus=false] - If set to `true` the error
+   *   summary will not be focussed when the page loads.
+   */
+
+  /**
+   * @import { Schema } from '../../common/configuration.mjs'
+   */
+  ErrorSummary.moduleName = 'govuk-error-summary';
+  ErrorSummary.defaults = Object.freeze({
+    disableAutoFocus: false
+  });
+  ErrorSummary.schema = Object.freeze({
+    properties: {
+      disableAutoFocus: {
+        type: 'boolean'
+      }
+    }
+  });
+
+  /**
+   * Exit this page component
+   *
+   * @preserve
+   * @augments ConfigurableComponent<ExitThisPageConfig>
+   */
+  class ExitThisPage extends ConfigurableComponent {
+    /**
+     * @param {Element | null} $root - HTML element that wraps the Exit This Page button
+     * @param {ExitThisPageConfig} [config] - Exit This Page config
+     */
+    constructor($root, config = {}) {
+      super($root, config);
+      this.i18n = void 0;
+      this.$button = void 0;
+      this.$skiplinkButton = null;
+      this.$updateSpan = null;
+      this.$indicatorContainer = null;
+      this.$overlay = null;
+      this.keypressCounter = 0;
+      this.lastKeyWasModified = false;
+      this.timeoutTime = 5000;
+      this.keypressTimeoutId = null;
+      this.timeoutMessageId = null;
+      const $button = this.$root.querySelector('.govuk-exit-this-page__button');
+      if (!($button instanceof HTMLAnchorElement)) {
+        throw new ElementError({
+          component: ExitThisPage,
+          element: $button,
+          expectedType: 'HTMLAnchorElement',
+          identifier: 'Button (`.govuk-exit-this-page__button`)'
+        });
+      }
+      this.i18n = new I18n(this.config.i18n);
+      this.$button = $button;
+      const $skiplinkButton = document.querySelector('.govuk-js-exit-this-page-skiplink');
+      if ($skiplinkButton instanceof HTMLAnchorElement) {
+        this.$skiplinkButton = $skiplinkButton;
+      }
+      this.buildIndicator();
+      this.initUpdateSpan();
+      this.initButtonClickHandler();
+      if (!('govukFrontendExitThisPageKeypress' in document.body.dataset)) {
+        document.addEventListener('keyup', this.handleKeypress.bind(this), true);
+        document.body.dataset.govukFrontendExitThisPageKeypress = 'true';
+      }
+      window.addEventListener('pageshow', this.resetPage.bind(this));
+    }
+    initUpdateSpan() {
+      this.$updateSpan = document.createElement('span');
+      this.$updateSpan.setAttribute('role', 'status');
+      this.$updateSpan.className = 'govuk-visually-hidden';
+      this.$root.appendChild(this.$updateSpan);
+    }
+    initButtonClickHandler() {
+      this.$button.addEventListener('click', this.handleClick.bind(this));
+      if (this.$skiplinkButton) {
+        this.$skiplinkButton.addEventListener('click', this.handleClick.bind(this));
+      }
+    }
+    buildIndicator() {
+      this.$indicatorContainer = document.createElement('div');
+      this.$indicatorContainer.className = 'govuk-exit-this-page__indicator';
+      this.$indicatorContainer.setAttribute('aria-hidden', 'true');
+      for (let i = 0; i < 3; i++) {
+        const $indicator = document.createElement('div');
+        $indicator.className = 'govuk-exit-this-page__indicator-light';
+        this.$indicatorContainer.appendChild($indicator);
+      }
+      this.$button.appendChild(this.$indicatorContainer);
+    }
+    updateIndicator() {
+      if (!this.$indicatorContainer) {
+        return;
+      }
+      this.$indicatorContainer.classList.toggle('govuk-exit-this-page__indicator--visible', this.keypressCounter > 0);
+      const $indicators = this.$indicatorContainer.querySelectorAll('.govuk-exit-this-page__indicator-light');
+      $indicators.forEach(($indicator, index) => {
+        $indicator.classList.toggle('govuk-exit-this-page__indicator-light--on', index < this.keypressCounter);
+      });
+    }
+    exitPage() {
+      if (!this.$updateSpan) {
+        return;
+      }
+      this.$updateSpan.textContent = '';
+      document.body.classList.add('govuk-exit-this-page-hide-content');
+      this.$overlay = document.createElement('div');
+      this.$overlay.className = 'govuk-exit-this-page-overlay';
+      this.$overlay.setAttribute('role', 'alert');
+      document.body.appendChild(this.$overlay);
+      this.$overlay.textContent = this.i18n.t('activated');
+      window.location.href = this.$button.href;
+    }
+    handleClick(event) {
+      event.preventDefault();
+      this.exitPage();
+    }
+    handleKeypress(event) {
+      if (!this.$updateSpan) {
+        return;
+      }
+      if (event.key === 'Shift' && !this.lastKeyWasModified) {
+        this.keypressCounter += 1;
+        this.updateIndicator();
+        if (this.timeoutMessageId) {
+          window.clearTimeout(this.timeoutMessageId);
+          this.timeoutMessageId = null;
+        }
+        if (this.keypressCounter >= 3) {
+          this.keypressCounter = 0;
+          if (this.keypressTimeoutId) {
+            window.clearTimeout(this.keypressTimeoutId);
+            this.keypressTimeoutId = null;
+          }
+          this.exitPage();
+        } else {
+          if (this.keypressCounter === 1) {
+            this.$updateSpan.textContent = this.i18n.t('pressTwoMoreTimes');
+          } else {
+            this.$updateSpan.textContent = this.i18n.t('pressOneMoreTime');
+          }
+        }
+        this.setKeypressTimer();
+      } else if (this.keypressTimeoutId) {
+        this.resetKeypressTimer();
+      }
+      this.lastKeyWasModified = event.shiftKey;
+    }
+    setKeypressTimer() {
+      if (this.keypressTimeoutId) {
+        window.clearTimeout(this.keypressTimeoutId);
+      }
+      this.keypressTimeoutId = window.setTimeout(this.resetKeypressTimer.bind(this), this.timeoutTime);
+    }
+    resetKeypressTimer() {
+      if (!this.$updateSpan) {
+        return;
+      }
+      if (this.keypressTimeoutId) {
+        window.clearTimeout(this.keypressTimeoutId);
+        this.keypressTimeoutId = null;
+      }
+      const $updateSpan = this.$updateSpan;
+      this.keypressCounter = 0;
+      $updateSpan.textContent = this.i18n.t('timedOut');
+      this.timeoutMessageId = window.setTimeout(() => {
+        $updateSpan.textContent = '';
+      }, this.timeoutTime);
+      this.updateIndicator();
+    }
+    resetPage() {
+      document.body.classList.remove('govuk-exit-this-page-hide-content');
+      if (this.$overlay) {
+        this.$overlay.remove();
+        this.$overlay = null;
+      }
+      if (this.$updateSpan) {
+        this.$updateSpan.setAttribute('role', 'status');
+        this.$updateSpan.textContent = '';
+      }
+      this.updateIndicator();
+      if (this.keypressTimeoutId) {
+        window.clearTimeout(this.keypressTimeoutId);
+      }
+      if (this.timeoutMessageId) {
+        window.clearTimeout(this.timeoutMessageId);
+      }
+    }
+  }
+
+  /**
+   * Exit this Page config
+   *
+   * @see {@link ExitThisPage.defaults}
+   * @typedef {object} ExitThisPageConfig
+   * @property {ExitThisPageTranslations} [i18n=ExitThisPage.defaults.i18n] - Exit this page translations
+   */
+
+  /**
+   * Exit this Page translations
+   *
+   * @see {@link ExitThisPage.defaults.i18n}
+   * @typedef {object} ExitThisPageTranslations
+   *
+   * Messages used by the component programatically inserted text, including
+   * overlay text and screen reader announcements.
+   * @property {string} [activated] - Screen reader announcement for when EtP
+   *   keypress functionality has been successfully activated.
+   * @property {string} [timedOut] - Screen reader announcement for when the EtP
+   *   keypress functionality has timed out.
+   * @property {string} [pressTwoMoreTimes] - Screen reader announcement informing
+   *   the user they must press the activation key two more times.
+   * @property {string} [pressOneMoreTime] - Screen reader announcement informing
+   *   the user they must press the activation key one more time.
+   */
+
+  /**
+   * @import { Schema } from '../../common/configuration.mjs'
+   */
+  ExitThisPage.moduleName = 'govuk-exit-this-page';
+  ExitThisPage.defaults = Object.freeze({
+    i18n: {
+      activated: 'Loading.',
+      timedOut: 'Exit this page expired.',
+      pressTwoMoreTimes: 'Shift, press 2 more times to exit.',
+      pressOneMoreTime: 'Shift, press 1 more time to exit.'
+    }
+  });
+  ExitThisPage.schema = Object.freeze({
+    properties: {
+      i18n: {
+        type: 'object'
+      }
+    }
+  });
+
+  /**
+   * File upload component
+   *
+   * @preserve
+   * @augments ConfigurableComponent<FileUploadConfig>
+   */
+  class FileUpload extends ConfigurableComponent {
+    /**
+     * @param {Element | null} $root - File input element
+     * @param {FileUploadConfig} [config] - File Upload config
+     */
+    constructor($root, config = {}) {
+      super($root, config);
+      this.$input = void 0;
+      this.$button = void 0;
+      this.$status = void 0;
+      this.i18n = void 0;
+      this.id = void 0;
+      this.$announcements = void 0;
+      this.enteredAnotherElement = void 0;
+      const $input = this.$root.querySelector('input');
+      if ($input === null) {
+        throw new ElementError({
+          component: FileUpload,
+          identifier: 'File inputs (`<input type="file">`)'
+        });
+      }
+      if ($input.type !== 'file') {
+        throw new ElementError(formatErrorMessage(FileUpload, 'File input (`<input type="file">`) attribute (`type`) is not `file`'));
+      }
+      this.$input = $input;
+      if (!this.$input.id) {
+        throw new ElementError({
+          component: FileUpload,
+          identifier: 'File input (`<input type="file">`) attribute (`id`)'
+        });
+      }
+      this.id = this.$input.id;
+      this.i18n = new I18n(this.config.i18n, {
+        locale: closestAttributeValue(this.$root, 'lang')
+      });
+      const $label = this.findLabel();
+      if (!$label.id) {
+        $label.id = `${this.id}-label`;
+      }
+      this.$input.id = `${this.id}-input`;
+      this.$input.setAttribute('hidden', 'true');
+      const $button = document.createElement('button');
+      $button.classList.add('govuk-file-upload-button');
+      $button.type = 'button';
+      $button.id = this.id;
+      $button.classList.add('govuk-file-upload-button--empty');
+      const ariaDescribedBy = this.$input.getAttribute('aria-describedby');
+      if (ariaDescribedBy) {
+        $button.setAttribute('aria-describedby', ariaDescribedBy);
+      }
+      const $status = document.createElement('span');
+      $status.className = 'govuk-body govuk-file-upload-button__status';
+      $status.setAttribute('aria-live', 'polite');
+      $status.innerText = this.i18n.t('noFileChosen');
+      $button.appendChild($status);
+      const commaSpan = document.createElement('span');
+      commaSpan.className = 'govuk-visually-hidden';
+      commaSpan.innerText = ', ';
+      commaSpan.id = `${this.id}-comma`;
+      $button.appendChild(commaSpan);
+      const containerSpan = document.createElement('span');
+      containerSpan.className = 'govuk-file-upload-button__pseudo-button-container';
+      const buttonSpan = document.createElement('span');
+      buttonSpan.className = 'govuk-button govuk-button--secondary govuk-file-upload-button__pseudo-button';
+      buttonSpan.innerText = this.i18n.t('chooseFilesButton');
+      containerSpan.appendChild(buttonSpan);
+      containerSpan.insertAdjacentText('beforeend', ' ');
+      const instructionSpan = document.createElement('span');
+      instructionSpan.className = 'govuk-body govuk-file-upload-button__instruction';
+      instructionSpan.innerText = this.i18n.t('dropInstruction');
+      containerSpan.appendChild(instructionSpan);
+      $button.appendChild(containerSpan);
+      $button.setAttribute('aria-labelledby', `${$label.id} ${commaSpan.id} ${$button.id}`);
+      $button.addEventListener('click', this.onClick.bind(this));
+      $button.addEventListener('dragover', event => {
+        event.preventDefault();
+      });
+      this.$root.insertAdjacentElement('afterbegin', $button);
+      this.$input.setAttribute('tabindex', '-1');
+      this.$input.setAttribute('aria-hidden', 'true');
+      this.$button = $button;
+      this.$status = $status;
+      this.$input.addEventListener('change', this.onChange.bind(this));
+      this.updateDisabledState();
+      this.observeDisabledState();
+      this.$announcements = document.createElement('span');
+      this.$announcements.classList.add('govuk-file-upload-announcements');
+      this.$announcements.classList.add('govuk-visually-hidden');
+      this.$announcements.setAttribute('aria-live', 'assertive');
+      this.$root.insertAdjacentElement('afterend', this.$announcements);
+      this.$button.addEventListener('drop', this.onDrop.bind(this));
+      document.addEventListener('dragenter', this.updateDropzoneVisibility.bind(this));
+      document.addEventListener('dragenter', () => {
+        this.enteredAnotherElement = true;
+      });
+      document.addEventListener('dragleave', () => {
+        if (!this.enteredAnotherElement && !this.$button.disabled) {
+          this.hideDraggingState();
+          this.$announcements.innerText = this.i18n.t('leftDropZone');
+        }
+        this.enteredAnotherElement = false;
+      });
+    }
+    updateDropzoneVisibility(event) {
+      if (this.$button.disabled) return;
+      if (event.target instanceof Node) {
+        if (this.$root.contains(event.target)) {
+          if (event.dataTransfer && isContainingFiles(event.dataTransfer)) {
+            if (!this.$button.classList.contains('govuk-file-upload-button--dragging')) {
+              this.showDraggingState();
+              this.$announcements.innerText = this.i18n.t('enteredDropZone');
+            }
+          }
+        } else {
+          if (this.$button.classList.contains('govuk-file-upload-button--dragging')) {
+            this.hideDraggingState();
+            this.$announcements.innerText = this.i18n.t('leftDropZone');
+          }
+        }
+      }
+    }
+    showDraggingState() {
+      this.$button.classList.add('govuk-file-upload-button--dragging');
+    }
+    hideDraggingState() {
+      this.$button.classList.remove('govuk-file-upload-button--dragging');
+    }
+    onDrop(event) {
+      event.preventDefault();
+      if (event.dataTransfer && isContainingFiles(event.dataTransfer)) {
+        this.$input.files = event.dataTransfer.files;
+        this.$input.dispatchEvent(new CustomEvent('change'));
+        this.hideDraggingState();
+      }
+    }
+    onChange() {
+      const fileCount = this.$input.files.length;
+      if (fileCount === 0) {
+        this.$status.innerText = this.i18n.t('noFileChosen');
+        this.$button.classList.add('govuk-file-upload-button--empty');
+      } else {
+        if (fileCount === 1) {
+          this.$status.innerText = this.$input.files[0].name;
+        } else {
+          this.$status.innerText = this.i18n.t('multipleFilesChosen', {
+            count: fileCount
+          });
+        }
+        this.$button.classList.remove('govuk-file-upload-button--empty');
+      }
+    }
+    findLabel() {
+      const $label = document.querySelector(`label[for="${this.$input.id}"]`);
+      if (!$label) {
+        throw new ElementError({
+          component: FileUpload,
+          identifier: `Field label (\`<label for=${this.$input.id}>\`)`
+        });
+      }
+      return $label;
+    }
+    onClick() {
+      this.$input.click();
+    }
+    observeDisabledState() {
+      const observer = new MutationObserver(mutationList => {
+        for (const mutation of mutationList) {
+          if (mutation.type === 'attributes' && mutation.attributeName === 'disabled') {
+            this.updateDisabledState();
+          }
+        }
+      });
+      observer.observe(this.$input, {
+        attributes: true
+      });
+    }
+    updateDisabledState() {
+      this.$button.disabled = this.$input.disabled;
+      this.$root.classList.toggle('govuk-drop-zone--disabled', this.$button.disabled);
+    }
+  }
+  FileUpload.moduleName = 'govuk-file-upload';
+  FileUpload.defaults = Object.freeze({
+    i18n: {
+      chooseFilesButton: 'Choose file',
+      dropInstruction: 'or drop file',
+      noFileChosen: 'No file chosen',
+      multipleFilesChosen: {
+        one: '%{count} file chosen',
+        other: '%{count} files chosen'
+      },
+      enteredDropZone: 'Entered drop zone',
+      leftDropZone: 'Left drop zone'
+    }
+  });
+  FileUpload.schema = Object.freeze({
+    properties: {
+      i18n: {
+        type: 'object'
+      }
+    }
+  });
+  function isContainingFiles(dataTransfer) {
+    const hasNoTypesInfo = dataTransfer.types.length === 0;
+    const isDraggingFiles = dataTransfer.types.some(type => type === 'Files');
+    return hasNoTypesInfo || isDraggingFiles;
+  }
+
+  /**
+   * @typedef {HTMLInputElement & {files: FileList}} HTMLFileInputElement
+   */
+
+  /**
+   * File upload config
+   *
+   * @see {@link FileUpload.defaults}
+   * @typedef {object} FileUploadConfig
+   * @property {FileUploadTranslations} [i18n=FileUpload.defaults.i18n] - File upload translations
+   */
+
+  /**
+   * File upload translations
+   *
+   * @see {@link FileUpload.defaults.i18n}
+   * @typedef {object} FileUploadTranslations
+   *
+   * Messages used by the component
+   * @property {string} [chooseFile] - The text of the button that opens the file picker
+   * @property {string} [dropInstruction] - The text informing users they can drop files
+   * @property {TranslationPluralForms} [multipleFilesChosen] - The text displayed when multiple files
+   *   have been chosen by the user
+   * @property {string} [noFileChosen] - The text to displayed when no file has been chosen by the user
+   * @property {string} [enteredDropZone] - The text announced by assistive technology
+   *   when user drags files and enters the drop zone
+   * @property {string} [leftDropZone] - The text announced by assistive technology
+   *   when user drags files and leaves the drop zone without dropping
+   */
+
+  /**
+   * @import { Schema } from '../../common/configuration.mjs'
+   * @import { TranslationPluralForms } from '../../i18n.mjs'
+   */
+
+  /**
+   * Header component
+   *
+   * @preserve
+   */
+  class Header extends Component {
+    /**
+     * Apply a matchMedia for desktop which will trigger a state sync if the
+     * browser viewport moves between states.
+     *
+     * @param {Element | null} $root - HTML element to use for header
+     */
+    constructor($root) {
+      super($root);
+      this.$menuButton = void 0;
+      this.$menu = void 0;
+      this.menuIsOpen = false;
+      this.mql = null;
+      const $menuButton = this.$root.querySelector('.govuk-js-header-toggle');
+      if (!$menuButton) {
+        return this;
+      }
+      this.$root.classList.add('govuk-header--with-js-navigation');
+      const menuId = $menuButton.getAttribute('aria-controls');
+      if (!menuId) {
+        throw new ElementError({
+          component: Header,
+          identifier: 'Navigation button (`<button class="govuk-js-header-toggle">`) attribute (`aria-controls`)'
+        });
+      }
+      const $menu = document.getElementById(menuId);
+      if (!$menu) {
+        throw new ElementError({
+          component: Header,
+          element: $menu,
+          identifier: `Navigation (\`<ul id="${menuId}">\`)`
+        });
+      }
+      this.$menu = $menu;
+      this.$menuButton = $menuButton;
+      this.setupResponsiveChecks();
+      this.$menuButton.addEventListener('click', () => this.handleMenuButtonClick());
+    }
+    setupResponsiveChecks() {
+      const breakpoint = getBreakpoint('desktop');
+      if (!breakpoint.value) {
+        throw new ElementError({
+          component: Header,
+          identifier: `CSS custom property (\`${breakpoint.property}\`) on pseudo-class \`:root\``
+        });
+      }
+      this.mql = window.matchMedia(`(min-width: ${breakpoint.value})`);
+      if ('addEventListener' in this.mql) {
+        this.mql.addEventListener('change', () => this.checkMode());
+      } else {
+        this.mql.addListener(() => this.checkMode());
+      }
+      this.checkMode();
+    }
+    checkMode() {
+      if (!this.mql || !this.$menu || !this.$menuButton) {
+        return;
+      }
+      if (this.mql.matches) {
+        this.$menu.removeAttribute('hidden');
+        this.$menuButton.setAttribute('hidden', '');
+      } else {
+        this.$menuButton.removeAttribute('hidden');
+        this.$menuButton.setAttribute('aria-expanded', this.menuIsOpen.toString());
+        if (this.menuIsOpen) {
+          this.$menu.removeAttribute('hidden');
+        } else {
+          this.$menu.setAttribute('hidden', '');
+        }
+      }
+    }
+    handleMenuButtonClick() {
+      this.menuIsOpen = !this.menuIsOpen;
+      this.checkMode();
+    }
+  }
+  Header.moduleName = 'govuk-header';
+
+  /**
+   * Notification Banner component
+   *
+   * @preserve
+   * @augments ConfigurableComponent<NotificationBannerConfig>
+   */
+  class NotificationBanner extends ConfigurableComponent {
+    /**
+     * @param {Element | null} $root - HTML element to use for notification banner
+     * @param {NotificationBannerConfig} [config] - Notification banner config
+     */
+    constructor($root, config = {}) {
+      super($root, config);
+      if (this.$root.getAttribute('role') === 'alert' && !this.config.disableAutoFocus) {
+        setFocus(this.$root);
+      }
+    }
+  }
+
+  /**
+   * Notification banner config
+   *
+   * @typedef {object} NotificationBannerConfig
+   * @property {boolean} [disableAutoFocus=false] - If set to `true` the
+   *   notification banner will not be focussed when the page loads. This only
+   *   applies if the component has a `role` of `alert` – in other cases the
+   *   component will not be focused on page load, regardless of this option.
+   */
+
+  /**
+   * @import { Schema } from '../../common/configuration.mjs'
+   */
+  NotificationBanner.moduleName = 'govuk-notification-banner';
+  NotificationBanner.defaults = Object.freeze({
+    disableAutoFocus: false
+  });
+  NotificationBanner.schema = Object.freeze({
+    properties: {
+      disableAutoFocus: {
+        type: 'boolean'
+      }
+    }
+  });
+
+  /**
+   * Password input component
+   *
+   * @preserve
+   * @augments ConfigurableComponent<PasswordInputConfig>
+   */
+  class PasswordInput extends ConfigurableComponent {
+    /**
+     * @param {Element | null} $root - HTML element to use for password input
+     * @param {PasswordInputConfig} [config] - Password input config
+     */
+    constructor($root, config = {}) {
+      super($root, config);
+      this.i18n = void 0;
+      this.$input = void 0;
+      this.$showHideButton = void 0;
+      this.$screenReaderStatusMessage = void 0;
+      const $input = this.$root.querySelector('.govuk-js-password-input-input');
+      if (!($input instanceof HTMLInputElement)) {
+        throw new ElementError({
+          component: PasswordInput,
+          element: $input,
+          expectedType: 'HTMLInputElement',
+          identifier: 'Form field (`.govuk-js-password-input-input`)'
+        });
+      }
+      if ($input.type !== 'password') {
+        throw new ElementError('Password input: Form field (`.govuk-js-password-input-input`) must be of type `password`.');
+      }
+      const $showHideButton = this.$root.querySelector('.govuk-js-password-input-toggle');
+      if (!($showHideButton instanceof HTMLButtonElement)) {
+        throw new ElementError({
+          component: PasswordInput,
+          element: $showHideButton,
+          expectedType: 'HTMLButtonElement',
+          identifier: 'Button (`.govuk-js-password-input-toggle`)'
+        });
+      }
+      if ($showHideButton.type !== 'button') {
+        throw new ElementError('Password input: Button (`.govuk-js-password-input-toggle`) must be of type `button`.');
+      }
+      this.$input = $input;
+      this.$showHideButton = $showHideButton;
+      this.i18n = new I18n(this.config.i18n, {
+        locale: closestAttributeValue(this.$root, 'lang')
+      });
+      this.$showHideButton.removeAttribute('hidden');
+      const $screenReaderStatusMessage = document.createElement('div');
+      $screenReaderStatusMessage.className = 'govuk-password-input__sr-status govuk-visually-hidden';
+      $screenReaderStatusMessage.setAttribute('aria-live', 'polite');
+      this.$screenReaderStatusMessage = $screenReaderStatusMessage;
+      this.$input.insertAdjacentElement('afterend', $screenReaderStatusMessage);
+      this.$showHideButton.addEventListener('click', this.toggle.bind(this));
+      if (this.$input.form) {
+        this.$input.form.addEventListener('submit', () => this.hide());
+      }
+      window.addEventListener('pageshow', event => {
+        if (event.persisted && this.$input.type !== 'password') {
+          this.hide();
+        }
+      });
+      this.hide();
+    }
+    toggle(event) {
+      event.preventDefault();
+      if (this.$input.type === 'password') {
+        this.show();
+        return;
+      }
+      this.hide();
+    }
+    show() {
+      this.setType('text');
+    }
+    hide() {
+      this.setType('password');
+    }
+    setType(type) {
+      if (type === this.$input.type) {
+        return;
+      }
+      this.$input.setAttribute('type', type);
+      const isHidden = type === 'password';
+      const prefixButton = isHidden ? 'show' : 'hide';
+      const prefixStatus = isHidden ? 'passwordHidden' : 'passwordShown';
+      this.$showHideButton.innerText = this.i18n.t(`${prefixButton}Password`);
+      this.$showHideButton.setAttribute('aria-label', this.i18n.t(`${prefixButton}PasswordAriaLabel`));
+      this.$screenReaderStatusMessage.innerText = this.i18n.t(`${prefixStatus}Announcement`);
+    }
+  }
+
+  /**
+   * Password input config
+   *
+   * @typedef {object} PasswordInputConfig
+   * @property {PasswordInputTranslations} [i18n=PasswordInput.defaults.i18n] - Password input translations
+   */
+
+  /**
+   * Password input translations
+   *
+   * @see {@link PasswordInput.defaults.i18n}
+   * @typedef {object} PasswordInputTranslations
+   *
+   * Messages displayed to the user indicating the state of the show/hide toggle.
+   * @property {string} [showPassword] - Visible text of the button when the
+   *   password is currently hidden. Plain text only.
+   * @property {string} [hidePassword] - Visible text of the button when the
+   *   password is currently visible. Plain text only.
+   * @property {string} [showPasswordAriaLabel] - aria-label of the button when
+   *   the password is currently hidden. Plain text only.
+   * @property {string} [hidePasswordAriaLabel] - aria-label of the button when
+   *   the password is currently visible. Plain text only.
+   * @property {string} [passwordShownAnnouncement] - Screen reader
+   *   announcement to make when the password has just become visible.
+   *   Plain text only.
+   * @property {string} [passwordHiddenAnnouncement] - Screen reader
+   *   announcement to make when the password has just been hidden.
+   *   Plain text only.
+   */
+
+  /**
+   * @import { Schema } from '../../common/configuration.mjs'
+   */
+  PasswordInput.moduleName = 'govuk-password-input';
+  PasswordInput.defaults = Object.freeze({
+    i18n: {
+      showPassword: 'Show',
+      hidePassword: 'Hide',
+      showPasswordAriaLabel: 'Show password',
+      hidePasswordAriaLabel: 'Hide password',
+      passwordShownAnnouncement: 'Your password is visible',
+      passwordHiddenAnnouncement: 'Your password is hidden'
+    }
+  });
+  PasswordInput.schema = Object.freeze({
+    properties: {
+      i18n: {
+        type: 'object'
+      }
+    }
+  });
+
+  /**
+   * Radios component
+   *
+   * @preserve
+   */
+  class Radios extends Component {
+    /**
+     * Radios can be associated with a 'conditionally revealed' content block –
+     * for example, a radio for 'Phone' could reveal an additional form field for
+     * the user to enter their phone number.
+     *
+     * These associations are made using a `data-aria-controls` attribute, which
+     * is promoted to an aria-controls attribute during initialisation.
+     *
+     * We also need to restore the state of any conditional reveals on the page
+     * (for example if the user has navigated back), and set up event handlers to
+     * keep the reveal in sync with the radio state.
+     *
+     * @param {Element | null} $root - HTML element to use for radios
+     */
+    constructor($root) {
+      super($root);
+      this.$inputs = void 0;
+      const $inputs = this.$root.querySelectorAll('input[type="radio"]');
+      if (!$inputs.length) {
+        throw new ElementError({
+          component: Radios,
+          identifier: 'Form inputs (`<input type="radio">`)'
+        });
+      }
+      this.$inputs = $inputs;
+      this.$inputs.forEach($input => {
+        const targetId = $input.getAttribute('data-aria-controls');
+        if (!targetId) {
+          return;
+        }
+        if (!document.getElementById(targetId)) {
+          throw new ElementError({
+            component: Radios,
+            identifier: `Conditional reveal (\`id="${targetId}"\`)`
+          });
+        }
+        $input.setAttribute('aria-controls', targetId);
+        $input.removeAttribute('data-aria-controls');
+      });
+      window.addEventListener('pageshow', () => this.syncAllConditionalReveals());
+      this.syncAllConditionalReveals();
+      this.$root.addEventListener('click', event => this.handleClick(event));
+    }
+    syncAllConditionalReveals() {
+      this.$inputs.forEach($input => this.syncConditionalRevealWithInputState($input));
+    }
+    syncConditionalRevealWithInputState($input) {
+      const targetId = $input.getAttribute('aria-controls');
+      if (!targetId) {
+        return;
+      }
+      const $target = document.getElementById(targetId);
+      if ($target != null && $target.classList.contains('govuk-radios__conditional')) {
+        const inputIsChecked = $input.checked;
+        $input.setAttribute('aria-expanded', inputIsChecked.toString());
+        $target.classList.toggle('govuk-radios__conditional--hidden', !inputIsChecked);
+      }
+    }
+    handleClick(event) {
+      const $clickedInput = event.target;
+      if (!($clickedInput instanceof HTMLInputElement) || $clickedInput.type !== 'radio') {
+        return;
+      }
+      const $allInputs = document.querySelectorAll('input[type="radio"][aria-controls]');
+      const $clickedInputForm = $clickedInput.form;
+      const $clickedInputName = $clickedInput.name;
+      $allInputs.forEach($input => {
+        const hasSameFormOwner = $input.form === $clickedInputForm;
+        const hasSameName = $input.name === $clickedInputName;
+        if (hasSameName && hasSameFormOwner) {
+          this.syncConditionalRevealWithInputState($input);
+        }
+      });
+    }
+  }
+  Radios.moduleName = 'govuk-radios';
+
+  /**
+   * Service Navigation component
+   *
+   * @preserve
+   */
+  class ServiceNavigation extends Component {
+    /**
+     * @param {Element | null} $root - HTML element to use for header
+     */
+    constructor($root) {
+      super($root);
+      this.$menuButton = void 0;
+      this.$menu = void 0;
+      this.menuIsOpen = false;
+      this.mql = null;
+      const $menuButton = this.$root.querySelector('.govuk-js-service-navigation-toggle');
+      if (!$menuButton) {
+        return this;
+      }
+      const menuId = $menuButton.getAttribute('aria-controls');
+      if (!menuId) {
+        throw new ElementError({
+          component: ServiceNavigation,
+          identifier: 'Navigation button (`<button class="govuk-js-service-navigation-toggle">`) attribute (`aria-controls`)'
+        });
+      }
+      const $menu = document.getElementById(menuId);
+      if (!$menu) {
+        throw new ElementError({
+          component: ServiceNavigation,
+          element: $menu,
+          identifier: `Navigation (\`<ul id="${menuId}">\`)`
+        });
+      }
+      this.$menu = $menu;
+      this.$menuButton = $menuButton;
+      this.setupResponsiveChecks();
+      this.$menuButton.addEventListener('click', () => this.handleMenuButtonClick());
+    }
+    setupResponsiveChecks() {
+      const breakpoint = getBreakpoint('tablet');
+      if (!breakpoint.value) {
+        throw new ElementError({
+          component: ServiceNavigation,
+          identifier: `CSS custom property (\`${breakpoint.property}\`) on pseudo-class \`:root\``
+        });
+      }
+      this.mql = window.matchMedia(`(min-width: ${breakpoint.value})`);
+      if ('addEventListener' in this.mql) {
+        this.mql.addEventListener('change', () => this.checkMode());
+      } else {
+        this.mql.addListener(() => this.checkMode());
+      }
+      this.checkMode();
+    }
+    checkMode() {
+      if (!this.mql || !this.$menu || !this.$menuButton) {
+        return;
+      }
+      if (this.mql.matches) {
+        this.$menu.removeAttribute('hidden');
+        this.$menuButton.setAttribute('hidden', '');
+      } else {
+        this.$menuButton.removeAttribute('hidden');
+        this.$menuButton.setAttribute('aria-expanded', this.menuIsOpen.toString());
+        if (this.menuIsOpen) {
+          this.$menu.removeAttribute('hidden');
+        } else {
+          this.$menu.setAttribute('hidden', '');
+        }
+      }
+    }
+    handleMenuButtonClick() {
+      this.menuIsOpen = !this.menuIsOpen;
+      this.checkMode();
+    }
+  }
+  ServiceNavigation.moduleName = 'govuk-service-navigation';
+
+  /**
+   * Skip link component
+   *
+   * @preserve
+   * @augments Component<HTMLAnchorElement>
+   */
+  class SkipLink extends Component {
+    /**
+     * @param {Element | null} $root - HTML element to use for skip link
+     * @throws {ElementError} when $root is not set or the wrong type
+     * @throws {ElementError} when $root.hash does not contain a hash
+     * @throws {ElementError} when the linked element is missing or the wrong type
+     */
+    constructor($root) {
+      var _this$$root$getAttrib;
+      super($root);
+      const hash = this.$root.hash;
+      const href = (_this$$root$getAttrib = this.$root.getAttribute('href')) != null ? _this$$root$getAttrib : '';
+      if (this.$root.origin !== window.location.origin || this.$root.pathname !== window.location.pathname) {
+        return;
+      }
+      const linkedElementId = hash.replace('#', '');
+      if (!linkedElementId) {
+        throw new ElementError(`Skip link: Target link (\`href="${href}"\`) has no hash fragment`);
+      }
+      const $linkedElement = document.getElementById(linkedElementId);
+      if (!$linkedElement) {
+        throw new ElementError({
+          component: SkipLink,
+          element: $linkedElement,
+          identifier: `Target content (\`id="${linkedElementId}"\`)`
+        });
+      }
+      this.$root.addEventListener('click', () => setFocus($linkedElement, {
+        onBeforeFocus() {
+          $linkedElement.classList.add('govuk-skip-link-focused-element');
+        },
+        onBlur() {
+          $linkedElement.classList.remove('govuk-skip-link-focused-element');
+        }
+      }));
+    }
+  }
+  SkipLink.elementType = HTMLAnchorElement;
+  SkipLink.moduleName = 'govuk-skip-link';
+
+  /**
+   * Tabs component
+   *
+   * @preserve
+   */
+  class Tabs extends Component {
+    /**
+     * @param {Element | null} $root - HTML element to use for tabs
+     */
+    constructor($root) {
+      super($root);
+      this.$tabs = void 0;
+      this.$tabList = void 0;
+      this.$tabListItems = void 0;
+      this.jsHiddenClass = 'govuk-tabs__panel--hidden';
+      this.changingHash = false;
+      this.boundTabClick = void 0;
+      this.boundTabKeydown = void 0;
+      this.boundOnHashChange = void 0;
+      this.mql = null;
+      const $tabs = this.$root.querySelectorAll('a.govuk-tabs__tab');
+      if (!$tabs.length) {
+        throw new ElementError({
+          component: Tabs,
+          identifier: 'Links (`<a class="govuk-tabs__tab">`)'
+        });
+      }
+      this.$tabs = $tabs;
+      this.boundTabClick = this.onTabClick.bind(this);
+      this.boundTabKeydown = this.onTabKeydown.bind(this);
+      this.boundOnHashChange = this.onHashChange.bind(this);
+      const $tabList = this.$root.querySelector('.govuk-tabs__list');
+      const $tabListItems = this.$root.querySelectorAll('li.govuk-tabs__list-item');
+      if (!$tabList) {
+        throw new ElementError({
+          component: Tabs,
+          identifier: 'List (`<ul class="govuk-tabs__list">`)'
+        });
+      }
+      if (!$tabListItems.length) {
+        throw new ElementError({
+          component: Tabs,
+          identifier: 'List items (`<li class="govuk-tabs__list-item">`)'
+        });
+      }
+      this.$tabList = $tabList;
+      this.$tabListItems = $tabListItems;
+      this.setupResponsiveChecks();
+    }
+    setupResponsiveChecks() {
+      const breakpoint = getBreakpoint('tablet');
+      if (!breakpoint.value) {
+        throw new ElementError({
+          component: Tabs,
+          identifier: `CSS custom property (\`${breakpoint.property}\`) on pseudo-class \`:root\``
+        });
+      }
+      this.mql = window.matchMedia(`(min-width: ${breakpoint.value})`);
+      if ('addEventListener' in this.mql) {
+        this.mql.addEventListener('change', () => this.checkMode());
+      } else {
+        this.mql.addListener(() => this.checkMode());
+      }
+      this.checkMode();
+    }
+    checkMode() {
+      var _this$mql;
+      if ((_this$mql = this.mql) != null && _this$mql.matches) {
+        this.setup();
+      } else {
+        this.teardown();
+      }
+    }
+    setup() {
+      var _this$getTab;
+      this.$tabList.setAttribute('role', 'tablist');
+      this.$tabListItems.forEach($item => {
+        $item.setAttribute('role', 'presentation');
+      });
+      this.$tabs.forEach($tab => {
+        this.setAttributes($tab);
+        $tab.addEventListener('click', this.boundTabClick, true);
+        $tab.addEventListener('keydown', this.boundTabKeydown, true);
+        this.hideTab($tab);
+      });
+      const $activeTab = (_this$getTab = this.getTab(window.location.hash)) != null ? _this$getTab : this.$tabs[0];
+      this.showTab($activeTab);
+      window.addEventListener('hashchange', this.boundOnHashChange, true);
+    }
+    teardown() {
+      this.$tabList.removeAttribute('role');
+      this.$tabListItems.forEach($item => {
+        $item.removeAttribute('role');
+      });
+      this.$tabs.forEach($tab => {
+        $tab.removeEventListener('click', this.boundTabClick, true);
+        $tab.removeEventListener('keydown', this.boundTabKeydown, true);
+        this.unsetAttributes($tab);
+      });
+      window.removeEventListener('hashchange', this.boundOnHashChange, true);
+    }
+    onHashChange() {
+      const hash = window.location.hash;
+      const $tabWithHash = this.getTab(hash);
+      if (!$tabWithHash) {
+        return;
+      }
+      if (this.changingHash) {
+        this.changingHash = false;
+        return;
+      }
+      const $previousTab = this.getCurrentTab();
+      if (!$previousTab) {
+        return;
+      }
+      this.hideTab($previousTab);
+      this.showTab($tabWithHash);
+      $tabWithHash.focus();
+    }
+    hideTab($tab) {
+      this.unhighlightTab($tab);
+      this.hidePanel($tab);
+    }
+    showTab($tab) {
+      this.highlightTab($tab);
+      this.showPanel($tab);
+    }
+    getTab(hash) {
+      return this.$root.querySelector(`a.govuk-tabs__tab[href="${hash}"]`);
+    }
+    setAttributes($tab) {
+      const panelId = $tab.hash.replace('#', '');
+      if (!panelId) {
+        return;
+      }
+      $tab.setAttribute('id', `tab_${panelId}`);
+      $tab.setAttribute('role', 'tab');
+      $tab.setAttribute('aria-controls', panelId);
+      $tab.setAttribute('aria-selected', 'false');
+      $tab.setAttribute('tabindex', '-1');
+      const $panel = this.getPanel($tab);
+      if (!$panel) {
+        return;
+      }
+      $panel.setAttribute('role', 'tabpanel');
+      $panel.setAttribute('aria-labelledby', $tab.id);
+      $panel.classList.add(this.jsHiddenClass);
+    }
+    unsetAttributes($tab) {
+      $tab.removeAttribute('id');
+      $tab.removeAttribute('role');
+      $tab.removeAttribute('aria-controls');
+      $tab.removeAttribute('aria-selected');
+      $tab.removeAttribute('tabindex');
+      const $panel = this.getPanel($tab);
+      if (!$panel) {
+        return;
+      }
+      $panel.removeAttribute('role');
+      $panel.removeAttribute('aria-labelledby');
+      $panel.classList.remove(this.jsHiddenClass);
+    }
+    onTabClick(event) {
+      const $currentTab = this.getCurrentTab();
+      const $nextTab = event.currentTarget;
+      if (!$currentTab || !($nextTab instanceof HTMLAnchorElement)) {
+        return;
+      }
+      event.preventDefault();
+      this.hideTab($currentTab);
+      this.showTab($nextTab);
+      this.createHistoryEntry($nextTab);
+    }
+    createHistoryEntry($tab) {
+      const $panel = this.getPanel($tab);
+      if (!$panel) {
+        return;
+      }
+      const panelId = $panel.id;
+      $panel.id = '';
+      this.changingHash = true;
+      window.location.hash = panelId;
+      $panel.id = panelId;
+    }
+    onTabKeydown(event) {
+      switch (event.key) {
+        case 'ArrowLeft':
+        case 'Left':
+          this.activatePreviousTab();
+          event.preventDefault();
+          break;
+        case 'ArrowRight':
+        case 'Right':
+          this.activateNextTab();
+          event.preventDefault();
+          break;
+      }
+    }
+    activateNextTab() {
+      const $currentTab = this.getCurrentTab();
+      if (!($currentTab != null && $currentTab.parentElement)) {
+        return;
+      }
+      const $nextTabListItem = $currentTab.parentElement.nextElementSibling;
+      if (!$nextTabListItem) {
+        return;
+      }
+      const $nextTab = $nextTabListItem.querySelector('a.govuk-tabs__tab');
+      if (!$nextTab) {
+        return;
+      }
+      this.hideTab($currentTab);
+      this.showTab($nextTab);
+      $nextTab.focus();
+      this.createHistoryEntry($nextTab);
+    }
+    activatePreviousTab() {
+      const $currentTab = this.getCurrentTab();
+      if (!($currentTab != null && $currentTab.parentElement)) {
+        return;
+      }
+      const $previousTabListItem = $currentTab.parentElement.previousElementSibling;
+      if (!$previousTabListItem) {
+        return;
+      }
+      const $previousTab = $previousTabListItem.querySelector('a.govuk-tabs__tab');
+      if (!$previousTab) {
+        return;
+      }
+      this.hideTab($currentTab);
+      this.showTab($previousTab);
+      $previousTab.focus();
+      this.createHistoryEntry($previousTab);
+    }
+    getPanel($tab) {
+      const panelId = $tab.hash.replace('#', '');
+      if (!panelId) {
+        return null;
+      }
+      return this.$root.querySelector(`#${panelId}`);
+    }
+    showPanel($tab) {
+      const $panel = this.getPanel($tab);
+      if (!$panel) {
+        return;
+      }
+      $panel.classList.remove(this.jsHiddenClass);
+    }
+    hidePanel($tab) {
+      const $panel = this.getPanel($tab);
+      if (!$panel) {
+        return;
+      }
+      $panel.classList.add(this.jsHiddenClass);
+    }
+    unhighlightTab($tab) {
+      if (!$tab.parentElement) {
+        return;
+      }
+      $tab.setAttribute('aria-selected', 'false');
+      $tab.parentElement.classList.remove('govuk-tabs__list-item--selected');
+      $tab.setAttribute('tabindex', '-1');
+    }
+    highlightTab($tab) {
+      if (!$tab.parentElement) {
+        return;
+      }
+      $tab.setAttribute('aria-selected', 'true');
+      $tab.parentElement.classList.add('govuk-tabs__list-item--selected');
+      $tab.setAttribute('tabindex', '0');
+    }
+    getCurrentTab() {
+      return this.$root.querySelector('.govuk-tabs__list-item--selected a.govuk-tabs__tab');
+    }
+  }
+  Tabs.moduleName = 'govuk-tabs';
+
+  /**
+   * Initialise all components
+   *
+   * Use the `data-module` attributes to find, instantiate and init all of the
+   * components provided as part of GOV.UK Frontend.
+   *
+   * @param {Config | Element | Document | null} [scopeOrConfig] - Scope of the document to search within or config for all components (with optional scope)
+   */
+  function initAll(scopeOrConfig = {}) {
+    const config = isObject(scopeOrConfig) ? scopeOrConfig : {};
+    const options = normaliseOptions(scopeOrConfig);
+    try {
+      if (!isSupported()) {
+        throw new SupportError();
+      }
+      if (options.scope === null) {
+        throw new ElementError({
+          element: options.scope,
+          identifier: 'GOV.UK Frontend scope element (`$scope`)'
+        });
+      }
+    } catch (error) {
+      if (options.onError) {
+        options.onError(error, {
+          config
+        });
+      } else {
+        console.log(error);
+      }
+      return;
+    }
+    const components = [[Accordion, config.accordion], [Button, config.button], [CharacterCount, config.characterCount], [Checkboxes], [ErrorSummary, config.errorSummary], [ExitThisPage, config.exitThisPage], [FileUpload, config.fileUpload], [Header], [NotificationBanner, config.notificationBanner], [PasswordInput, config.passwordInput], [Radios], [ServiceNavigation], [SkipLink], [Tabs]];
+    components.forEach(([Component, componentConfig]) => {
+      createAll(Component, componentConfig, options);
+    });
+  }
+
+  /**
+   * Create all instances of a specific component on the page
+   *
+   * Uses the `data-module` attribute to find all elements matching the specified
+   * component on the page, creating instances of the component object for each
+   * of them.
+   *
+   * Any component errors will be caught and logged to the console.
+   *
+   * @template {CompatibleClass} ComponentClass
+   * @param {ComponentClass} Component - class of the component to create
+   * @param {ComponentConfig<ComponentClass>} [config] - Config supplied to component
+   * @param {OnErrorCallback<ComponentClass> | Element | Document | null | CreateAllOptions<ComponentClass>} [scopeOrOptions] - options for createAll including scope of the document to search within and callback function if error throw by component on init
+   * @returns {Array<InstanceType<ComponentClass>>} - array of instantiated components
+   */
+  function createAll(Component, config, scopeOrOptions) {
+    let $elements;
+    const options = normaliseOptions(scopeOrOptions);
+    try {
+      var _options$scope;
+      if (!isSupported()) {
+        throw new SupportError();
+      }
+      if (options.scope === null) {
+        throw new ElementError({
+          element: options.scope,
+          component: Component,
+          identifier: 'Scope element (`$scope`)'
+        });
+      }
+      $elements = (_options$scope = options.scope) == null ? void 0 : _options$scope.querySelectorAll(`[data-module="${Component.moduleName}"]`);
+    } catch (error) {
+      if (options.onError) {
+        options.onError(error, {
+          component: Component,
+          config
+        });
+      } else {
+        console.log(error);
+      }
+      return [];
+    }
+    return Array.from($elements != null ? $elements : []).map($element => {
+      try {
+        return typeof config !== 'undefined' ? new Component($element, config) : new Component($element);
+      } catch (error) {
+        if (options.onError) {
+          options.onError(error, {
+            element: $element,
+            component: Component,
+            config
+          });
+        } else {
+          console.log(error);
+        }
+        return null;
+      }
+    }).filter(Boolean);
+  }
+  /**
+   * @typedef {{new (...args: any[]): any, moduleName: string}} CompatibleClass
+   */
+  /**
+   * Config for all components via `initAll()`
+   *
+   * @typedef {object} Config
+   * @property {Element | Document | null} [scope] - Scope of the document to search within
+   * @property {OnErrorCallback<CompatibleClass>} [onError] - Initialisation error callback
+   * @property {AccordionConfig} [accordion] - Accordion config
+   * @property {ButtonConfig} [button] - Button config
+   * @property {CharacterCountConfig} [characterCount] - Character Count config
+   * @property {ErrorSummaryConfig} [errorSummary] - Error Summary config
+   * @property {ExitThisPageConfig} [exitThisPage] - Exit This Page config
+   * @property {FileUploadConfig} [fileUpload] - File Upload config
+   * @property {NotificationBannerConfig} [notificationBanner] - Notification Banner config
+   * @property {PasswordInputConfig} [passwordInput] - Password input config
+   */
+  /**
+   * Config for individual components
+   *
+   * @import { AccordionConfig } from './components/accordion/accordion.mjs'
+   * @import { ButtonConfig } from './components/button/button.mjs'
+   * @import { CharacterCountConfig } from './components/character-count/character-count.mjs'
+   * @import { ErrorSummaryConfig } from './components/error-summary/error-summary.mjs'
+   * @import { ExitThisPageConfig } from './components/exit-this-page/exit-this-page.mjs'
+   * @import { NotificationBannerConfig } from './components/notification-banner/notification-banner.mjs'
+   * @import { PasswordInputConfig } from './components/password-input/password-input.mjs'
+   * @import { FileUploadConfig } from './components/file-upload/file-upload.mjs'
+   */
+  /**
+   * Component config keys, e.g. `accordion` and `characterCount`
+   *
+   * @typedef {keyof Omit<Config, 'scope' | 'onError'>} ConfigKey
+   */
+  /**
+   * @template {CompatibleClass} ComponentClass
+   * @typedef {ConstructorParameters<ComponentClass>[1]} ComponentConfig
+   */
+  /**
+   * @template {CompatibleClass} ComponentClass
+   * @typedef {object} ErrorContext
+   * @property {Element} [element] - Element used for component module initialisation
+   * @property {ComponentClass} [component] - Class of component
+   * @property {Config | ComponentConfig<ComponentClass>} [config] - Config supplied to components
+   */
+  /**
+   * @template {CompatibleClass} ComponentClass
+   * @callback OnErrorCallback
+   * @param {unknown} error - Thrown error
+   * @param {ErrorContext<ComponentClass>} context - Object containing the element, component class and configuration
+   */
+  /**
+   * @template {CompatibleClass} ComponentClass
+   * @typedef {object} CreateAllOptions
+   * @property {Element | Document | null} [scope] - scope of the document to search within
+   * @property {OnErrorCallback<ComponentClass>} [onError] - callback function if error throw by component on init
+   */
+
+  exports.Accordion = Accordion;
+  exports.Button = Button;
+  exports.CharacterCount = CharacterCount;
+  exports.Checkboxes = Checkboxes;
+  exports.Component = Component;
+  exports.ConfigurableComponent = ConfigurableComponent;
+  exports.ErrorSummary = ErrorSummary;
+  exports.ExitThisPage = ExitThisPage;
+  exports.FileUpload = FileUpload;
+  exports.Header = Header;
+  exports.NotificationBanner = NotificationBanner;
+  exports.PasswordInput = PasswordInput;
+  exports.Radios = Radios;
+  exports.ServiceNavigation = ServiceNavigation;
+  exports.SkipLink = SkipLink;
+  exports.Tabs = Tabs;
+  exports.createAll = createAll;
+  exports.initAll = initAll;
+  exports.isSupported = isSupported;
+  exports.version = version;
+
+}));
+//# sourceMappingURL=all.bundle.js.map
diff --git a/node_modules/govuk-frontend/dist/govuk/all.bundle.js.map b/node_modules/govuk-frontend/dist/govuk/all.bundle.js.map
new file mode 100644
index 0000000..d2fcdb0
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/all.bundle.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"all.bundle.js","sources":["../../src/govuk/common/govuk-frontend-version.mjs","../../src/govuk/common/index.mjs","../../src/govuk/errors/index.mjs","../../src/govuk/component.mjs","../../src/govuk/common/configuration.mjs","../../src/govuk/i18n.mjs","../../src/govuk/components/accordion/accordion.mjs","../../src/govuk/components/button/button.mjs","../../src/govuk/common/closest-attribute-value.mjs","../../src/govuk/components/character-count/character-count.mjs","../../src/govuk/components/checkboxes/checkboxes.mjs","../../src/govuk/components/error-summary/error-summary.mjs","../../src/govuk/components/exit-this-page/exit-this-page.mjs","../../src/govuk/components/file-upload/file-upload.mjs","../../src/govuk/components/header/header.mjs","../../src/govuk/components/notification-banner/notification-banner.mjs","../../src/govuk/components/password-input/password-input.mjs","../../src/govuk/components/radios/radios.mjs","../../src/govuk/components/service-navigation/service-navigation.mjs","../../src/govuk/components/skip-link/skip-link.mjs","../../src/govuk/components/tabs/tabs.mjs","../../src/govuk/init.mjs"],"sourcesContent":["/*\n * This variable is automatically overwritten during builds and releases.\n * It doesn't need to be updated manually.\n */\n\n/**\n * GOV.UK Frontend release version\n *\n * {@link https://github.com/alphagov/govuk-frontend/releases}\n */\nexport const version = 'development'\n","/**\n * Common helpers which do not require polyfill.\n *\n * IMPORTANT: If a helper require a polyfill, please isolate it in its own module\n * so that the polyfill can be properly tree-shaken and does not burden\n * the components that do not need that helper\n */\n\n/**\n * Get GOV.UK Frontend breakpoint value from CSS custom property\n *\n * @private\n * @param {string} name - Breakpoint name\n * @returns {{ property: string, value?: string }} Breakpoint object\n */\nexport function getBreakpoint(name) {\n  const property = `--govuk-breakpoint-${name}`\n\n  // Get value from `<html>` with breakpoints on CSS :root\n  const value = window\n    .getComputedStyle(document.documentElement)\n    .getPropertyValue(property)\n\n  return {\n    property,\n    value: value || undefined\n  }\n}\n\n/**\n * Move focus to element\n *\n * Sets tabindex to -1 to make the element programmatically focusable,\n * but removes it on blur as the element doesn't need to be focused again.\n *\n * @private\n * @template {HTMLElement} FocusElement\n * @param {FocusElement} $element - HTML element\n * @param {object} [options] - Handler options\n * @param {function(this: FocusElement): void} [options.onBeforeFocus] - Callback before focus\n * @param {function(this: FocusElement): void} [options.onBlur] - Callback on blur\n */\nexport function setFocus($element, options = {}) {\n  const isFocusable = $element.getAttribute('tabindex')\n\n  if (!isFocusable) {\n    $element.setAttribute('tabindex', '-1')\n  }\n\n  /**\n   * Handle element focus\n   */\n  function onFocus() {\n    $element.addEventListener('blur', onBlur, { once: true })\n  }\n\n  /**\n   * Handle element blur\n   */\n  function onBlur() {\n    options.onBlur?.call($element)\n\n    if (!isFocusable) {\n      $element.removeAttribute('tabindex')\n    }\n  }\n\n  // Add listener to reset element on blur, after focus\n  $element.addEventListener('focus', onFocus, { once: true })\n\n  // Focus element\n  options.onBeforeFocus?.call($element)\n  $element.focus()\n}\n\n/**\n * Checks if component is already initialised\n *\n * @internal\n * @param {Element} $root - HTML element to be checked\n * @param {string} moduleName - name of component module\n * @returns {boolean} Whether component is already initialised\n */\nexport function isInitialised($root, moduleName) {\n  return (\n    $root instanceof HTMLElement &&\n    $root.hasAttribute(`data-${moduleName}-init`)\n  )\n}\n\n/**\n * Checks if GOV.UK Frontend is supported on this page\n *\n * Some browsers will load and run our JavaScript but GOV.UK Frontend\n * won't be supported.\n *\n * @param {HTMLElement | null} [$scope] - (internal) `<body>` HTML element checked for browser support\n * @returns {boolean} Whether GOV.UK Frontend is supported on this page\n */\nexport function isSupported($scope = document.body) {\n  if (!$scope) {\n    return false\n  }\n\n  return $scope.classList.contains('govuk-frontend-supported')\n}\n\n/**\n * Check for an array\n *\n * @internal\n * @param {unknown} option - Option to check\n * @returns {boolean} Whether the option is an array\n */\nfunction isArray(option) {\n  return Array.isArray(option)\n}\n\n/**\n * Check for an object\n *\n * @internal\n * @template {Partial<Record<keyof ObjectType, unknown>>} ObjectType\n * @param {unknown | ObjectType} option - Option to check\n * @returns {option is ObjectType} Whether the option is an object\n */\nexport function isObject(option) {\n  return !!option && typeof option === 'object' && !isArray(option)\n}\n\n/**\n * Check for valid scope\n *\n * @internal\n * @template {Element | Document} ScopeType\n * @param {unknown | ScopeType} $scope - Scope of the document to search within\n * @returns {$scope is ScopeType} Whether the scope can be queried\n */\nexport function isScope($scope) {\n  return !!$scope && ($scope instanceof Element || $scope instanceof Document)\n}\n\n/**\n * Format error message\n *\n * @internal\n * @param {ComponentWithModuleName} Component - Component that threw the error\n * @param {string} message - Error message\n * @returns {string} - Formatted error message\n */\nexport function formatErrorMessage(Component, message) {\n  return `${Component.moduleName}: ${message}`\n}\n\n/* eslint-disable jsdoc/valid-types --\n * `{new(...args: any[] ): object}` is not recognised as valid\n * https://github.com/gajus/eslint-plugin-jsdoc/issues/145#issuecomment-1308722878\n * https://github.com/jsdoc-type-pratt-parser/jsdoc-type-pratt-parser/issues/131\n **/\n\n/**\n * @typedef ComponentWithModuleName\n * @property {string} moduleName - Name of the component\n */\n\n/* eslint-enable jsdoc/valid-types */\n","import { formatErrorMessage, isObject } from '../common/index.mjs'\n\n/**\n * GOV.UK Frontend error\n *\n * A base class for `Error`s thrown by GOV.UK Frontend.\n *\n * It is meant to be extended into specific types of errors\n * to be thrown by our code.\n *\n * @example\n * ```js\n * class MissingRootError extends GOVUKFrontendError {\n *   // Setting an explicit name is important as extending the class will not\n *   // set a new `name` on the subclass. The `name` property is important\n *   // to ensure intelligible error names even if the class name gets\n *   // mangled by a minifier\n *   name = \"MissingRootError\"\n * }\n * ```\n * @virtual\n */\nexport class GOVUKFrontendError extends Error {\n  name = 'GOVUKFrontendError'\n}\n\n/**\n * Indicates that GOV.UK Frontend is not supported\n */\nexport class SupportError extends GOVUKFrontendError {\n  name = 'SupportError'\n\n  /**\n   * Checks if GOV.UK Frontend is supported on this page\n   *\n   * @param {HTMLElement | null} [$scope] - HTML element `<body>` checked for browser support\n   */\n  constructor($scope = document.body) {\n    const supportMessage =\n      'noModule' in HTMLScriptElement.prototype\n        ? 'GOV.UK Frontend initialised without `<body class=\"govuk-frontend-supported\">` from template `<script>` snippet'\n        : 'GOV.UK Frontend is not supported in this browser'\n\n    super(\n      $scope\n        ? supportMessage\n        : 'GOV.UK Frontend initialised without `<script type=\"module\">`'\n    )\n  }\n}\n\n/**\n * Indicates that a component has received an illegal configuration\n */\nexport class ConfigError extends GOVUKFrontendError {\n  name = 'ConfigError'\n}\n\n/**\n * Indicates an issue with an element (possibly `null` or `undefined`)\n */\nexport class ElementError extends GOVUKFrontendError {\n  name = 'ElementError'\n\n  /**\n   * @internal\n   * @overload\n   * @param {string} message - Element error message\n   */\n\n  /**\n   * @internal\n   * @overload\n   * @param {ElementErrorOptions} options - Element error options\n   */\n\n  /**\n   * @internal\n   * @param {string | ElementErrorOptions} messageOrOptions - Element error message or options\n   */\n  constructor(messageOrOptions) {\n    let message = typeof messageOrOptions === 'string' ? messageOrOptions : ''\n\n    // Build message from options\n    if (isObject(messageOrOptions)) {\n      const { component, identifier, element, expectedType } = messageOrOptions\n\n      message = identifier\n\n      // Append reason\n      message += element\n        ? ` is not of type ${expectedType ?? 'HTMLElement'}`\n        : ' not found'\n\n      // Prepend with module name (optional)\n      if (component) {\n        message = formatErrorMessage(component, message)\n      }\n    }\n\n    super(message)\n  }\n}\n\n/**\n * Indicates that a component is already initialised\n */\nexport class InitError extends GOVUKFrontendError {\n  name = 'InitError'\n\n  /**\n   * @internal\n   * @param {ComponentWithModuleName | string} componentOrMessage - name of the component module\n   */\n  constructor(componentOrMessage) {\n    const message =\n      typeof componentOrMessage === 'string'\n        ? componentOrMessage\n        : formatErrorMessage(\n            componentOrMessage,\n            `Root element (\\`$root\\`) already initialised`\n          )\n\n    super(message)\n  }\n}\n\n/**\n * Element error options\n *\n * @internal\n * @typedef {object} ElementErrorOptions\n * @property {Element | Document | null} [element] - The element in error (optional)\n * @property {ComponentWithModuleName} [component] - Component throwing the error (optional)\n * @property {string} identifier - An identifier that'll let the user understand which element has an error. This is whatever makes the most sense\n * @property {string} [expectedType] - The type that was expected for the identifier (optional)\n */\n\n/**\n * @import { ComponentWithModuleName } from '../common/index.mjs'\n */\n","import { isInitialised, isSupported } from './common/index.mjs'\nimport { ElementError, InitError, SupportError } from './errors/index.mjs'\n\n/**\n * Base Component class\n *\n * Centralises the behaviours shared by our components\n *\n * @virtual\n * @template {Element} [RootElementType=HTMLElement]\n */\nexport class Component {\n  /**\n   * @type {typeof Element}\n   */\n  static elementType = HTMLElement\n\n  // allows Typescript user to work around the lack of types\n  // in GOVUKFrontend package, Typescript is not aware of $root\n  // in components that extend GOVUKFrontendComponent\n  /**\n   * Returns the root element of the component\n   *\n   * @protected\n   * @returns {RootElementType} - the root element of component\n   */\n  get $root() {\n    return this._$root\n  }\n\n  /**\n   * @protected\n   * @type {RootElementType}\n   */\n  _$root\n\n  /**\n   * Constructs a new component, validating that GOV.UK Frontend is supported\n   *\n   * @internal\n   * @param {Element | null} [$root] - HTML element to use for component\n   */\n  constructor($root) {\n    const childConstructor = /** @type {ChildClassConstructor} */ (\n      this.constructor\n    )\n\n    // TypeScript does not enforce that inheriting classes will define a `moduleName`\n    // (even if we add a `@virtual` `static moduleName` property to this class).\n    // While we trust users to do this correctly, we do a little check to provide them\n    // a helpful error message.\n    //\n    // After this, we'll be sure that `childConstructor` has a `moduleName`\n    // as expected of the `ChildClassConstructor` we've cast `this.constructor` to.\n    if (typeof childConstructor.moduleName !== 'string') {\n      throw new InitError(`\\`moduleName\\` not defined in component`)\n    }\n\n    if (!($root instanceof childConstructor.elementType)) {\n      throw new ElementError({\n        element: $root,\n        component: childConstructor,\n        identifier: 'Root element (`$root`)',\n        expectedType: childConstructor.elementType.name\n      })\n    } else {\n      this._$root = /** @type {RootElementType} */ ($root)\n    }\n\n    childConstructor.checkSupport()\n\n    this.checkInitialised()\n\n    const moduleName = childConstructor.moduleName\n\n    this.$root.setAttribute(`data-${moduleName}-init`, '')\n  }\n\n  /**\n   * Validates whether component is already initialised\n   *\n   * @private\n   * @throws {InitError} when component is already initialised\n   */\n  checkInitialised() {\n    const constructor = /** @type {ChildClassConstructor} */ (this.constructor)\n    const moduleName = constructor.moduleName\n\n    if (moduleName && isInitialised(this.$root, moduleName)) {\n      throw new InitError(constructor)\n    }\n  }\n\n  /**\n   * Validates whether components are supported\n   *\n   * @throws {SupportError} when the components are not supported\n   */\n  static checkSupport() {\n    if (!isSupported()) {\n      throw new SupportError()\n    }\n  }\n}\n\n/**\n * @typedef ChildClass\n * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component\n */\n\n/**\n * @typedef {typeof Component & ChildClass} ChildClassConstructor\n */\n","import { Component } from '../component.mjs'\nimport { ConfigError } from '../errors/index.mjs'\n\nimport { isObject, isScope, formatErrorMessage } from './index.mjs'\n\nexport const configOverride = Symbol.for('configOverride')\n\n/**\n * Base Component class\n *\n * Centralises the behaviours shared by our components\n *\n * @virtual\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]\n * @template {Element & { dataset: DOMStringMap }} [RootElementType=HTMLElement]\n * @augments Component<RootElementType>\n */\nexport class ConfigurableComponent extends Component {\n  /**\n   * configOverride\n   *\n   * Function which defines configuration overrides to prioritize\n   * properties from the root element's dataset.\n   *\n   * It should take a subset of configuration as input and return\n   * a new configuration object with properties that should be\n   * overridden based on the root element's dataset. A Symbol\n   * is used for indexing to prevent conflicts.\n   *\n   * @internal\n   * @virtual\n   * @param {Partial<ConfigurationType>} [param] - Configuration object\n   * @returns {Partial<ConfigurationType>} return - Configuration object\n   */\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  [configOverride](param) {\n    return {}\n  }\n\n  /**\n   * Returns the root element of the component\n   *\n   * @protected\n   * @returns {ConfigurationType} - the root element of component\n   */\n  get config() {\n    return this._config\n  }\n\n  /**\n   *\n   * @type {ConfigurationType}\n   */\n  _config\n\n  /**\n   * Constructs a new component, validating that GOV.UK Frontend is supported\n   *\n   * @internal\n   * @param {Element | null} [$root] - HTML element to use for component\n   * @param {ConfigurationType} [config] - HTML element to use for component\n   */\n  constructor($root, config) {\n    super($root)\n\n    const childConstructor =\n      /** @type {ChildClassConstructor<ConfigurationType>} */ (this.constructor)\n\n    if (!isObject(childConstructor.defaults)) {\n      throw new ConfigError(\n        formatErrorMessage(\n          childConstructor,\n          'Config passed as parameter into constructor but no defaults defined'\n        )\n      )\n    }\n\n    const datasetConfig = /** @type {ConfigurationType} */ (\n      normaliseDataset(childConstructor, this._$root.dataset)\n    )\n\n    this._config = /** @type {ConfigurationType} */ (\n      mergeConfigs(\n        childConstructor.defaults,\n        config ?? {},\n        this[configOverride](datasetConfig),\n        datasetConfig\n      )\n    )\n  }\n}\n\n/**\n * Normalise string\n *\n * 'If it looks like a duck, and it quacks like a duck…' 🦆\n *\n * If the passed value looks like a boolean or a number, convert it to a boolean\n * or number.\n *\n * Designed to be used to convert config passed via data attributes (which are\n * always strings) into something sensible.\n *\n * @internal\n * @param {DOMStringMap[string]} value - The value to normalise\n * @param {SchemaProperty} [property] - Component schema property\n * @returns {string | boolean | number | undefined} Normalised data\n */\nexport function normaliseString(value, property) {\n  const trimmedValue = value ? value.trim() : ''\n\n  let output\n  let outputType = property?.type\n\n  // No schema type set? Determine automatically\n  if (!outputType) {\n    if (['true', 'false'].includes(trimmedValue)) {\n      outputType = 'boolean'\n    }\n\n    // Empty / whitespace-only strings are considered finite so we need to check\n    // the length of the trimmed string as well\n    if (trimmedValue.length > 0 && isFinite(Number(trimmedValue))) {\n      outputType = 'number'\n    }\n  }\n\n  switch (outputType) {\n    case 'boolean':\n      output = trimmedValue === 'true'\n      break\n\n    case 'number':\n      output = Number(trimmedValue)\n      break\n\n    default:\n      output = value\n  }\n\n  return output\n}\n\n/**\n * Normalise dataset\n *\n * Loop over an object and normalise each value using {@link normaliseString},\n * optionally expanding nested `i18n.field`\n *\n * @internal\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @template {[keyof ConfigurationType, SchemaProperty | undefined][]} SchemaEntryType\n * @param {{ schema?: Schema<ConfigurationType>, moduleName: string }} Component - Component class\n * @param {DOMStringMap} dataset - HTML element dataset\n * @returns {ObjectNested} Normalised dataset\n */\nexport function normaliseDataset(Component, dataset) {\n  if (!isObject(Component.schema)) {\n    throw new ConfigError(\n      formatErrorMessage(\n        Component,\n        'Config passed as parameter into constructor but no schema defined'\n      )\n    )\n  }\n\n  const out = /** @type {ObjectNested} */ ({})\n  const entries = /** @type {SchemaEntryType} */ (\n    Object.entries(Component.schema.properties)\n  )\n\n  // Normalise top-level dataset ('data-*') values using schema types\n  for (const entry of entries) {\n    const [namespace, property] = entry\n\n    // Cast the `namespace` to string so it can be used to access the dataset\n    const field = namespace.toString()\n\n    if (field in dataset) {\n      out[field] = normaliseString(dataset[field], property)\n    }\n\n    /**\n     * Extract and normalise nested object values automatically using\n     * {@link normaliseString} but only schema object types are allowed\n     */\n    if (property?.type === 'object') {\n      out[field] = extractConfigByNamespace(\n        Component.schema,\n        dataset,\n        namespace\n      )\n    }\n  }\n\n  return out\n}\n\n/**\n * Normalise options passed to `initAll` or `createAll`\n *\n * @internal\n * @template {CompatibleClass} ComponentClass\n * @param {Config | CreateAllOptions<ComponentClass> | OnErrorCallback<ComponentClass> | Element | Document | null} [scopeOrOptions] - Scope of the document to search within, initialisation options or error callback function\n * @returns {CreateAllOptions<ComponentClass>} Normalised options\n */\nexport function normaliseOptions(scopeOrOptions) {\n  let /** @type {Element | Document | null} */ $scope = document\n  let /** @type {OnErrorCallback<ComponentClass> | undefined} */ onError\n\n  // Handle options object\n  if (isObject(scopeOrOptions)) {\n    const options = scopeOrOptions\n\n    // Scope must be valid or null\n    if (isScope(options.scope) || options.scope === null) {\n      $scope = options.scope\n    }\n\n    // Error handler must be a function\n    if (typeof options.onError === 'function') {\n      onError = options.onError\n    }\n  }\n\n  if (isScope(scopeOrOptions)) {\n    $scope = scopeOrOptions\n  } else if (scopeOrOptions === null) {\n    $scope = null\n  } else if (typeof scopeOrOptions === 'function') {\n    onError = scopeOrOptions\n  }\n\n  return {\n    scope: $scope,\n    onError\n  }\n}\n\n/**\n * Config merging function\n *\n * Takes any number of objects and combines them together, with\n * greatest priority on the LAST item passed in.\n *\n * @internal\n * @param {...{ [key: string]: unknown }} configObjects - Config objects to merge\n * @returns {{ [key: string]: unknown }} A merged config object\n */\nexport function mergeConfigs(...configObjects) {\n  // Start with an empty object as our base\n  /** @type {{ [key: string]: unknown }} */\n  const formattedConfigObject = {}\n\n  // Loop through each of the passed objects\n  for (const configObject of configObjects) {\n    for (const key of Object.keys(configObject)) {\n      const option = formattedConfigObject[key]\n      const override = configObject[key]\n\n      // Push their keys one-by-one into formattedConfigObject. Any duplicate\n      // keys with object values will be merged, otherwise the new value will\n      // override the existing value.\n      if (isObject(option) && isObject(override)) {\n        formattedConfigObject[key] = mergeConfigs(option, override)\n      } else {\n        // Apply override\n        formattedConfigObject[key] = override\n      }\n    }\n  }\n\n  return formattedConfigObject\n}\n\n/**\n * Validate component config by schema\n *\n * Follows limited examples in JSON schema for wider support in future\n *\n * {@link https://ajv.js.org/json-schema.html#compound-keywords}\n * {@link https://ajv.js.org/packages/ajv-errors.html#single-message}\n *\n * @internal\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @param {Schema<ConfigurationType>} schema - The schema of a component\n * @param {ConfigurationType} config - Component config\n * @returns {string[]} List of validation errors\n */\nexport function validateConfig(schema, config) {\n  const validationErrors = []\n\n  // Check errors for each schema\n  for (const [name, conditions] of Object.entries(schema)) {\n    const errors = []\n\n    // Check errors for each schema condition\n    if (Array.isArray(conditions)) {\n      for (const { required, errorMessage } of conditions) {\n        if (!required.every((key) => !!config[key])) {\n          errors.push(errorMessage) // Missing config key value\n        }\n      }\n\n      // Check one condition passes or add errors\n      if (name === 'anyOf' && !(conditions.length - errors.length >= 1)) {\n        validationErrors.push(...errors)\n      }\n    }\n  }\n\n  return validationErrors\n}\n\n/**\n * Extracts keys starting with a particular namespace from dataset ('data-*')\n * object, removing the namespace in the process, normalising all values\n *\n * @internal\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @param {Schema<ConfigurationType>} schema - The schema of a component\n * @param {DOMStringMap} dataset - The object to extract key-value pairs from\n * @param {keyof ConfigurationType} namespace - The namespace to filter keys with\n * @returns {ObjectNested | undefined} Nested object with dot-separated key namespace removed\n */\nexport function extractConfigByNamespace(schema, dataset, namespace) {\n  const property = schema.properties[namespace]\n\n  // Only extract configs for object schema properties\n  if (property?.type !== 'object') {\n    return\n  }\n\n  // Add default empty config\n  const newObject = /** @type {Record<typeof namespace, ObjectNested>} */ ({\n    [namespace]: {}\n  })\n\n  for (const [key, value] of Object.entries(dataset)) {\n    /** @type {ObjectNested | ObjectNested[NestedKey]} */\n    let current = newObject\n\n    // Split the key into parts, using . as our namespace separator\n    const keyParts = key.split('.')\n\n    /**\n     * Create new level per part\n     *\n     * e.g. 'i18n.textareaDescription.other' becomes\n     * `{ i18n: { textareaDescription: { other } } }`\n     */\n    for (const [index, name] of keyParts.entries()) {\n      if (isObject(current)) {\n        // Drop down to nested object until the last part\n        if (index < keyParts.length - 1) {\n          // New nested object (optionally) replaces existing value\n          if (!isObject(current[name])) {\n            current[name] = {}\n          }\n\n          // Drop down into new or existing nested object\n          current = current[name]\n        } else if (key !== namespace) {\n          // Normalised value (optionally) replaces existing value\n          current[name] = normaliseString(value)\n        }\n      }\n    }\n  }\n\n  return newObject[namespace]\n}\n\n/**\n * @internal\n * @typedef {keyof ObjectNested} NestedKey\n * @typedef {{ [key: string]: string | boolean | number | ObjectNested | undefined }} ObjectNested\n */\n\n/**\n * Schema for component config\n *\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @typedef {object} Schema\n * @property {Record<keyof ConfigurationType, SchemaProperty | undefined>} properties - Schema properties\n * @property {SchemaCondition<ConfigurationType>[]} [anyOf] - List of schema conditions\n */\n\n/**\n * Schema property for component config\n *\n * @typedef {object} SchemaProperty\n * @property {'string' | 'boolean' | 'number' | 'object'} type - Property type\n */\n\n/**\n * Schema condition for component config\n *\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @typedef {object} SchemaCondition\n * @property {(keyof ConfigurationType)[]} required - List of required config fields\n * @property {string} errorMessage - Error message when required config fields not provided\n */\n\n/**\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]\n * @typedef ChildClass\n * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component\n * @property {Schema<ConfigurationType>} [schema] - The schema of the component configuration\n * @property {ConfigurationType} [defaults] - The default values of the configuration of the component\n */\n\n/**\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]\n * @typedef {typeof Component & ChildClass<ConfigurationType>} ChildClassConstructor<ConfigurationType>\n */\n\n/**\n * @import { CompatibleClass, Config, CreateAllOptions, OnErrorCallback } from '../init.mjs'\n */\n","import { isObject } from './common/index.mjs'\n\n/**\n * Internal support for selecting messages to render, with placeholder\n * interpolation and locale-aware number formatting and pluralisation\n *\n * @internal\n */\nexport class I18n {\n  translations\n  locale\n\n  /**\n   * @internal\n   * @param {{ [key: string]: string | TranslationPluralForms }} translations - Key-value pairs of the translation strings to use.\n   * @param {object} [config] - Configuration options for the function.\n   * @param {string | null} [config.locale] - An overriding locale for the PluralRules functionality.\n   */\n  constructor(translations = {}, config = {}) {\n    // Make list of translations available throughout function\n    this.translations = translations\n\n    // The locale to use for PluralRules and NumberFormat\n    this.locale = config.locale ?? (document.documentElement.lang || 'en')\n  }\n\n  /**\n   * The most used function - takes the key for a given piece of UI text and\n   * returns the appropriate string.\n   *\n   * @internal\n   * @param {string} lookupKey - The lookup key of the string to use.\n   * @param {{ [key: string]: unknown }} [options] - Any options passed with the translation string, e.g: for string interpolation.\n   * @returns {string} The appropriate translation string.\n   * @throws {Error} Lookup key required\n   * @throws {Error} Options required for `${}` placeholders\n   */\n  t(lookupKey, options) {\n    if (!lookupKey) {\n      // Print a console error if no lookup key has been provided\n      throw new Error('i18n: lookup key missing')\n    }\n\n    // Fetch the translation for that lookup key\n    let translation = this.translations[lookupKey]\n\n    // If the `count` option is set, determine which plural suffix is needed and\n    // change the lookupKey to match. We check to see if it's numeric instead of\n    // falsy, as this could legitimately be 0.\n    if (typeof options?.count === 'number' && isObject(translation)) {\n      const translationPluralForm =\n        translation[this.getPluralSuffix(lookupKey, options.count)]\n\n      // Update translation with plural suffix\n      if (translationPluralForm) {\n        translation = translationPluralForm\n      }\n    }\n\n    if (typeof translation === 'string') {\n      // Check for ${} placeholders in the translation string\n      // eslint-disable-next-line @typescript-eslint/prefer-regexp-exec\n      if (translation.match(/%{(.\\S+)}/)) {\n        if (!options) {\n          throw new Error(\n            'i18n: cannot replace placeholders in string if no option data provided'\n          )\n        }\n\n        return this.replacePlaceholders(translation, options)\n      }\n\n      return translation\n    }\n\n    // If the key wasn't found in our translations object,\n    // return the lookup key itself as the fallback\n    return lookupKey\n  }\n\n  /**\n   * Takes a translation string with placeholders, and replaces the placeholders\n   * with the provided data\n   *\n   * @internal\n   * @param {string} translationString - The translation string\n   * @param {{ [key: string]: unknown }} options - Any options passed with the translation string, e.g: for string interpolation.\n   * @returns {string} The translation string to output, with $\\{\\} placeholders replaced\n   */\n  replacePlaceholders(translationString, options) {\n    const formatter = Intl.NumberFormat.supportedLocalesOf(this.locale).length\n      ? new Intl.NumberFormat(this.locale)\n      : undefined\n\n    return translationString.replace(\n      /%{(.\\S+)}/g,\n\n      /**\n       * Replace translation string placeholders\n       *\n       * @internal\n       * @param {string} placeholderWithBraces - Placeholder with braces\n       * @param {string} placeholderKey - Placeholder key\n       * @returns {string} Placeholder value\n       */\n      function (placeholderWithBraces, placeholderKey) {\n        if (Object.prototype.hasOwnProperty.call(options, placeholderKey)) {\n          const placeholderValue = options[placeholderKey]\n\n          // If a user has passed `false` as the value for the placeholder\n          // treat it as though the value should not be displayed\n          if (\n            placeholderValue === false ||\n            (typeof placeholderValue !== 'number' &&\n              typeof placeholderValue !== 'string')\n          ) {\n            return ''\n          }\n\n          // If the placeholder's value is a number, localise the number formatting\n          if (typeof placeholderValue === 'number') {\n            return formatter\n              ? formatter.format(placeholderValue)\n              : `${placeholderValue}`\n          }\n\n          return placeholderValue\n        }\n\n        throw new Error(\n          `i18n: no data found to replace ${placeholderWithBraces} placeholder in string`\n        )\n      }\n    )\n  }\n\n  /**\n   * Check to see if the browser supports Intl.PluralRules\n   *\n   * It requires all conditions to be met in order to be supported:\n   * - The implementation of Intl supports PluralRules (NOT true in Safari 10–12)\n   * - The browser/OS has plural rules for the current locale (browser dependent)\n   *\n   * {@link https://browsersl.ist/#q=supports+es6-module+and+not+supports+intl-pluralrules}\n   *\n   * @internal\n   * @returns {boolean} Returns true if all conditions are met. Returns false otherwise.\n   */\n  hasIntlPluralRulesSupport() {\n    return Boolean(\n      'PluralRules' in window.Intl &&\n        Intl.PluralRules.supportedLocalesOf(this.locale).length\n    )\n  }\n\n  /**\n   * Get the appropriate suffix for the plural form.\n   *\n   * Uses Intl.PluralRules (or our own fallback implementation) to get the\n   * 'preferred' form to use for the given count.\n   *\n   * Checks that a translation has been provided for that plural form – if it\n   * hasn't, it'll fall back to the 'other' plural form (unless that doesn't exist\n   * either, in which case an error will be thrown)\n   *\n   * @internal\n   * @param {string} lookupKey - The lookup key of the string to use.\n   * @param {number} count - Number used to determine which pluralisation to use.\n   * @returns {PluralRule} The suffix associated with the correct pluralisation for this locale.\n   * @throws {Error} Plural form `.other` required when preferred plural form is missing\n   */\n  getPluralSuffix(lookupKey, count) {\n    // Validate that the number is actually a number.\n    //\n    // Number(count) will turn anything that can't be converted to a Number type\n    // into 'NaN'. isFinite filters out NaN, as it isn't a finite number.\n    // eslint-disable-next-line @typescript-eslint/no-unnecessary-type-conversion\n    count = Number(count)\n    if (!isFinite(count)) {\n      return 'other'\n    }\n\n    // Fetch the translation for that lookup key\n    const translation = this.translations[lookupKey]\n\n    // Check to verify that all the requirements for Intl.PluralRules are met.\n    // If so, we can use that instead of our custom implementation. Otherwise,\n    // use the hardcoded fallback.\n    const preferredForm = this.hasIntlPluralRulesSupport()\n      ? new Intl.PluralRules(this.locale).select(count)\n      : 'other'\n\n    // Use the correct plural form if provided\n    if (isObject(translation)) {\n      if (preferredForm in translation) {\n        return preferredForm\n        // Fall back to `other` if the plural form is missing, but log a warning\n        // to the console\n      } else if ('other' in translation) {\n        console.warn(\n          `i18n: Missing plural form \".${preferredForm}\" for \"${this.locale}\" locale. Falling back to \".other\".`\n        )\n\n        return 'other'\n      }\n    }\n\n    // If the required `other` plural form is missing, all we can do is error\n    throw new Error(\n      `i18n: Plural form \".other\" is required for \"${this.locale}\" locale`\n    )\n  }\n}\n\n/**\n * Plural rule category mnemonic tags\n *\n * @internal\n * @typedef {'zero' | 'one' | 'two' | 'few' | 'many' | 'other'} PluralRule\n */\n\n/**\n * Translated message by plural rule they correspond to.\n *\n * Allows to group pluralised messages under a single key when passing\n * translations to a component's constructor\n *\n * @internal\n * @typedef {object} TranslationPluralForms\n * @property {string} [other] - General plural form\n * @property {string} [zero] - Plural form used with 0\n * @property {string} [one] - Plural form used with 1\n * @property {string} [two] - Plural form used with 2\n * @property {string} [few] - Plural form used for a few\n * @property {string} [many] - Plural form used for many\n */\n","import { ConfigurableComponent } from '../../common/configuration.mjs'\nimport { ElementError } from '../../errors/index.mjs'\nimport { I18n } from '../../i18n.mjs'\n\n/**\n * Accordion component\n *\n * This allows a collection of sections to be collapsed by default, showing only\n * their headers. Sections can be expanded or collapsed individually by clicking\n * their headers. A \"Show all sections\" button is also added to the top of the\n * accordion, which switches to \"Hide all sections\" when all the sections are\n * expanded.\n *\n * The state of each section is saved to the DOM via the `aria-expanded`\n * attribute, which also provides accessibility.\n *\n * @preserve\n * @augments ConfigurableComponent<AccordionConfig>\n */\nexport class Accordion extends ConfigurableComponent {\n  /** @private */\n  i18n\n\n  /** @private */\n  controlsClass = 'govuk-accordion__controls'\n\n  /** @private */\n  showAllClass = 'govuk-accordion__show-all'\n\n  /** @private */\n  showAllTextClass = 'govuk-accordion__show-all-text'\n\n  /** @private */\n  sectionClass = 'govuk-accordion__section'\n\n  /** @private */\n  sectionExpandedClass = 'govuk-accordion__section--expanded'\n\n  /** @private */\n  sectionButtonClass = 'govuk-accordion__section-button'\n\n  /** @private */\n  sectionHeaderClass = 'govuk-accordion__section-header'\n\n  /** @private */\n  sectionHeadingClass = 'govuk-accordion__section-heading'\n\n  /** @private */\n  sectionHeadingDividerClass = 'govuk-accordion__section-heading-divider'\n\n  /** @private */\n  sectionHeadingTextClass = 'govuk-accordion__section-heading-text'\n\n  /** @private */\n  sectionHeadingTextFocusClass = 'govuk-accordion__section-heading-text-focus'\n\n  /** @private */\n  sectionShowHideToggleClass = 'govuk-accordion__section-toggle'\n\n  /** @private */\n  sectionShowHideToggleFocusClass = 'govuk-accordion__section-toggle-focus'\n\n  /** @private */\n  sectionShowHideTextClass = 'govuk-accordion__section-toggle-text'\n\n  /** @private */\n  upChevronIconClass = 'govuk-accordion-nav__chevron'\n\n  /** @private */\n  downChevronIconClass = 'govuk-accordion-nav__chevron--down'\n\n  /** @private */\n  sectionSummaryClass = 'govuk-accordion__section-summary'\n\n  /** @private */\n  sectionSummaryFocusClass = 'govuk-accordion__section-summary-focus'\n\n  /** @private */\n  sectionContentClass = 'govuk-accordion__section-content'\n\n  /** @private */\n  $sections\n\n  /**\n   * @private\n   * @type {HTMLButtonElement | null}\n   */\n  $showAllButton = null\n\n  /**\n   * @private\n   * @type {HTMLElement | null}\n   */\n  $showAllIcon = null\n\n  /**\n   * @private\n   * @type {HTMLElement | null}\n   */\n  $showAllText = null\n\n  /**\n   * @param {Element | null} $root - HTML element to use for accordion\n   * @param {AccordionConfig} [config] - Accordion config\n   */\n  constructor($root, config = {}) {\n    super($root, config)\n\n    this.i18n = new I18n(this.config.i18n)\n\n    const $sections = this.$root.querySelectorAll(`.${this.sectionClass}`)\n    if (!$sections.length) {\n      throw new ElementError({\n        component: Accordion,\n        identifier: `Sections (\\`<div class=\"${this.sectionClass}\">\\`)`\n      })\n    }\n\n    this.$sections = $sections\n\n    this.initControls()\n    this.initSectionHeaders()\n\n    this.updateShowAllButton(this.areAllSectionsOpen())\n  }\n\n  /**\n   * Initialise controls and set attributes\n   *\n   * @private\n   */\n  initControls() {\n    // Create \"Show all\" button and set attributes\n    this.$showAllButton = document.createElement('button')\n    this.$showAllButton.setAttribute('type', 'button')\n    this.$showAllButton.setAttribute('class', this.showAllClass)\n    this.$showAllButton.setAttribute('aria-expanded', 'false')\n\n    // Create icon, add to element\n    this.$showAllIcon = document.createElement('span')\n    this.$showAllIcon.classList.add(this.upChevronIconClass)\n    this.$showAllButton.appendChild(this.$showAllIcon)\n\n    // Create control wrapper and add controls to it\n    const $accordionControls = document.createElement('div')\n    $accordionControls.setAttribute('class', this.controlsClass)\n    $accordionControls.appendChild(this.$showAllButton)\n    this.$root.insertBefore($accordionControls, this.$root.firstChild)\n\n    // Build additional wrapper for Show all toggle text and place after icon\n    this.$showAllText = document.createElement('span')\n    this.$showAllText.classList.add(this.showAllTextClass)\n    this.$showAllButton.appendChild(this.$showAllText)\n\n    // Handle click events on the show/hide all button\n    this.$showAllButton.addEventListener('click', () =>\n      this.onShowOrHideAllToggle()\n    )\n\n    // Handle 'beforematch' events, if the user agent supports them\n    if ('onbeforematch' in document) {\n      document.addEventListener('beforematch', (event) =>\n        this.onBeforeMatch(event)\n      )\n    }\n  }\n\n  /**\n   * Initialise section headers\n   *\n   * @private\n   */\n  initSectionHeaders() {\n    this.$sections.forEach(($section, i) => {\n      const $header = $section.querySelector(`.${this.sectionHeaderClass}`)\n      if (!$header) {\n        throw new ElementError({\n          component: Accordion,\n          identifier: `Section headers (\\`<div class=\"${this.sectionHeaderClass}\">\\`)`\n        })\n      }\n\n      // Set header attributes\n      this.constructHeaderMarkup($header, i)\n      this.setExpanded(this.isExpanded($section), $section)\n\n      // Handle events\n      $header.addEventListener('click', () => this.onSectionToggle($section))\n\n      // See if there is any state stored in sessionStorage and set the sections\n      // to open or closed.\n      this.setInitialState($section)\n    })\n  }\n\n  /**\n   * Construct section header\n   *\n   * @private\n   * @param {Element} $header - Section header\n   * @param {number} index - Section index\n   */\n  constructHeaderMarkup($header, index) {\n    const $span = $header.querySelector(`.${this.sectionButtonClass}`)\n    const $heading = $header.querySelector(`.${this.sectionHeadingClass}`)\n    const $summary = $header.querySelector(`.${this.sectionSummaryClass}`)\n\n    if (!$heading) {\n      throw new ElementError({\n        component: Accordion,\n        identifier: `Section heading (\\`.${this.sectionHeadingClass}\\`)`\n      })\n    }\n\n    if (!$span) {\n      throw new ElementError({\n        component: Accordion,\n        identifier: `Section button placeholder (\\`<span class=\"${this.sectionButtonClass}\">\\`)`\n      })\n    }\n\n    // Create a button element that will replace the\n    // '.govuk-accordion__section-button' span\n    const $button = document.createElement('button')\n    $button.setAttribute('type', 'button')\n    $button.setAttribute(\n      'aria-controls',\n      `${this.$root.id}-content-${index + 1}`\n    )\n\n    // Copy all attributes from $span to $button (except `id`, which gets added\n    // to the `$headingText` element)\n    for (const attr of Array.from($span.attributes)) {\n      if (attr.name !== 'id') {\n        $button.setAttribute(attr.name, attr.value)\n      }\n    }\n\n    // Create container for heading text so it can be styled\n    const $headingText = document.createElement('span')\n    $headingText.classList.add(this.sectionHeadingTextClass)\n    // Copy the span ID to the heading text to allow it to be referenced by\n    // `aria-labelledby` on the hidden content area without \"Show this section\"\n    $headingText.id = $span.id\n\n    // Create an inner heading text container to limit the width of the focus\n    // state\n    const $headingTextFocus = document.createElement('span')\n    $headingTextFocus.classList.add(this.sectionHeadingTextFocusClass)\n    $headingText.appendChild($headingTextFocus)\n    // span could contain HTML elements\n    // (see https://www.w3.org/TR/2011/WD-html5-20110525/content-models.html#phrasing-content)\n    Array.from($span.childNodes).forEach(($child) =>\n      $headingTextFocus.appendChild($child)\n    )\n\n    // Create container for show / hide icons and text.\n    const $showHideToggle = document.createElement('span')\n    $showHideToggle.classList.add(this.sectionShowHideToggleClass)\n    // Tell Google not to index the 'show' text as part of the heading. Must be\n    // set on the element before it's added to the DOM.\n    // See https://developers.google.com/search/docs/advanced/robots/robots_meta_tag#data-nosnippet-attr\n    $showHideToggle.setAttribute('data-nosnippet', '')\n    // Create an inner container to limit the width of the focus state\n    const $showHideToggleFocus = document.createElement('span')\n    $showHideToggleFocus.classList.add(this.sectionShowHideToggleFocusClass)\n    $showHideToggle.appendChild($showHideToggleFocus)\n    // Create wrapper for the show / hide text. Append text after the show/hide icon\n    const $showHideText = document.createElement('span')\n    const $showHideIcon = document.createElement('span')\n    $showHideIcon.classList.add(this.upChevronIconClass)\n    $showHideToggleFocus.appendChild($showHideIcon)\n    $showHideText.classList.add(this.sectionShowHideTextClass)\n    $showHideToggleFocus.appendChild($showHideText)\n\n    // Append elements to the button:\n    // 1. Heading text\n    // 2. Punctuation\n    // 3. (Optional: Summary line followed by punctuation)\n    // 4. Show / hide toggle\n    $button.appendChild($headingText)\n    $button.appendChild(this.getButtonPunctuationEl())\n\n    // If summary content exists add to DOM in correct order\n    if ($summary) {\n      // Create a new `span` element and copy the summary line content from the\n      // original `div` to the new `span`. This is because the summary line text\n      // is now inside a button element, which can only contain phrasing\n      // content.\n      const $summarySpan = document.createElement('span')\n      // Create an inner summary container to limit the width of the summary\n      // focus state\n      const $summarySpanFocus = document.createElement('span')\n      $summarySpanFocus.classList.add(this.sectionSummaryFocusClass)\n      $summarySpan.appendChild($summarySpanFocus)\n\n      // Get original attributes, and pass them to the replacement\n      for (const attr of Array.from($summary.attributes)) {\n        $summarySpan.setAttribute(attr.name, attr.value)\n      }\n\n      // Copy original contents of summary to the new summary span\n      Array.from($summary.childNodes).forEach(($child) =>\n        $summarySpanFocus.appendChild($child)\n      )\n\n      // Replace the original summary `div` with the new summary `span`\n      $summary.remove()\n\n      $button.appendChild($summarySpan)\n      $button.appendChild(this.getButtonPunctuationEl())\n    }\n\n    $button.appendChild($showHideToggle)\n\n    $heading.removeChild($span)\n    $heading.appendChild($button)\n  }\n\n  /**\n   * When a section is opened by the user agent via the 'beforematch' event\n   *\n   * @private\n   * @param {Event} event - Generic event\n   */\n  onBeforeMatch(event) {\n    const $fragment = event.target\n\n    // Handle elements with `.closest()` support only\n    if (!($fragment instanceof Element)) {\n      return\n    }\n\n    // Handle when fragment is inside section\n    const $section = $fragment.closest(`.${this.sectionClass}`)\n    if ($section) {\n      this.setExpanded(true, $section)\n    }\n  }\n\n  /**\n   * When section toggled, set and store state\n   *\n   * @private\n   * @param {Element} $section - Section element\n   */\n  onSectionToggle($section) {\n    const nowExpanded = !this.isExpanded($section)\n    this.setExpanded(nowExpanded, $section)\n\n    // Store the state in sessionStorage when a change is triggered\n    this.storeState($section, nowExpanded)\n  }\n\n  /**\n   * When Open/Close All toggled, set and store state\n   *\n   * @private\n   */\n  onShowOrHideAllToggle() {\n    const nowExpanded = !this.areAllSectionsOpen()\n\n    this.$sections.forEach(($section) => {\n      this.setExpanded(nowExpanded, $section)\n      this.storeState($section, nowExpanded)\n    })\n\n    this.updateShowAllButton(nowExpanded)\n  }\n\n  /**\n   * Set section attributes when opened/closed\n   *\n   * @private\n   * @param {boolean} expanded - Section expanded\n   * @param {Element} $section - Section element\n   */\n  setExpanded(expanded, $section) {\n    const $showHideIcon = $section.querySelector(`.${this.upChevronIconClass}`)\n    const $showHideText = $section.querySelector(\n      `.${this.sectionShowHideTextClass}`\n    )\n    const $button = $section.querySelector(`.${this.sectionButtonClass}`)\n    const $content = $section.querySelector(`.${this.sectionContentClass}`)\n\n    if (!$content) {\n      throw new ElementError({\n        component: Accordion,\n        identifier: `Section content (\\`<div class=\"${this.sectionContentClass}\">\\`)`\n      })\n    }\n\n    if (!$showHideIcon || !$showHideText || !$button) {\n      // Return early for elements we create\n      return\n    }\n\n    const newButtonText = expanded\n      ? this.i18n.t('hideSection')\n      : this.i18n.t('showSection')\n\n    $showHideText.textContent = newButtonText\n    $button.setAttribute('aria-expanded', `${expanded}`)\n\n    // Update aria-label combining\n    const ariaLabelParts = []\n\n    const $headingText = $section.querySelector(\n      `.${this.sectionHeadingTextClass}`\n    )\n    if ($headingText) {\n      ariaLabelParts.push($headingText.textContent.trim())\n    }\n\n    const $summary = $section.querySelector(`.${this.sectionSummaryClass}`)\n    if ($summary) {\n      ariaLabelParts.push($summary.textContent.trim())\n    }\n\n    const ariaLabelMessage = expanded\n      ? this.i18n.t('hideSectionAriaLabel')\n      : this.i18n.t('showSectionAriaLabel')\n    ariaLabelParts.push(ariaLabelMessage)\n\n    /*\n     * Join with a comma to add pause for assistive technology.\n     * Example: [heading]Section A ,[pause] Show this section.\n     * https://accessibility.blog.gov.uk/2017/12/18/what-working-on-gov-uk-navigation-taught-us-about-accessibility/\n     */\n    $button.setAttribute('aria-label', ariaLabelParts.join(' , '))\n\n    // Swap icon, change class\n    if (expanded) {\n      $content.removeAttribute('hidden')\n      $section.classList.add(this.sectionExpandedClass)\n      $showHideIcon.classList.remove(this.downChevronIconClass)\n    } else {\n      $content.setAttribute('hidden', 'until-found')\n      $section.classList.remove(this.sectionExpandedClass)\n      $showHideIcon.classList.add(this.downChevronIconClass)\n    }\n\n    // See if \"Show all sections\" button text should be updated\n    this.updateShowAllButton(this.areAllSectionsOpen())\n  }\n\n  /**\n   * Get state of section\n   *\n   * @private\n   * @param {Element} $section - Section element\n   * @returns {boolean} True if expanded\n   */\n  isExpanded($section) {\n    return $section.classList.contains(this.sectionExpandedClass)\n  }\n\n  /**\n   * Check if all sections are open\n   *\n   * @private\n   * @returns {boolean} True if all sections are open\n   */\n  areAllSectionsOpen() {\n    return Array.from(this.$sections).every(($section) =>\n      this.isExpanded($section)\n    )\n  }\n\n  /**\n   * Update \"Show all sections\" button\n   *\n   * @private\n   * @param {boolean} expanded - Section expanded\n   */\n  updateShowAllButton(expanded) {\n    if (!this.$showAllButton || !this.$showAllText || !this.$showAllIcon) {\n      return\n    }\n\n    this.$showAllButton.setAttribute('aria-expanded', expanded.toString())\n    this.$showAllText.textContent = expanded\n      ? this.i18n.t('hideAllSections')\n      : this.i18n.t('showAllSections')\n    this.$showAllIcon.classList.toggle(this.downChevronIconClass, !expanded)\n  }\n\n  /**\n   * Get the identifier for a section\n   *\n   * We need a unique way of identifying each content in the Accordion.\n   * Since an `#id` should be unique and an `id` is required for `aria-`\n   * attributes `id` can be safely used.\n   *\n   * @param {Element} $section - Section element\n   * @returns {string | undefined | null} Identifier for section\n   */\n  getIdentifier($section) {\n    const $button = $section.querySelector(`.${this.sectionButtonClass}`)\n\n    return $button?.getAttribute('aria-controls')\n  }\n\n  /**\n   * Set the state of the accordions in sessionStorage\n   *\n   * @private\n   * @param {Element} $section - Section element\n   * @param {boolean} isExpanded - Whether the section is expanded\n   */\n  storeState($section, isExpanded) {\n    if (!this.config.rememberExpanded) {\n      return\n    }\n\n    const id = this.getIdentifier($section)\n\n    if (id) {\n      try {\n        window.sessionStorage.setItem(id, isExpanded.toString())\n      } catch {}\n    }\n  }\n\n  /**\n   * Read the state of the accordions from sessionStorage\n   *\n   * @private\n   * @param {Element} $section - Section element\n   */\n  setInitialState($section) {\n    if (!this.config.rememberExpanded) {\n      return\n    }\n\n    const id = this.getIdentifier($section)\n\n    if (id) {\n      try {\n        const state = window.sessionStorage.getItem(id)\n\n        if (state !== null) {\n          this.setExpanded(state === 'true', $section)\n        }\n      } catch {}\n    }\n  }\n\n  /**\n   * Create an element to improve semantics of the section button with\n   * punctuation\n   *\n   * Adding punctuation to the button can also improve its general semantics by\n   * dividing its contents into thematic chunks. See\n   * https://github.com/alphagov/govuk-frontend/issues/2327#issuecomment-922957442\n   *\n   * @private\n   * @returns {Element} DOM element\n   */\n  getButtonPunctuationEl() {\n    const $punctuationEl = document.createElement('span')\n    $punctuationEl.classList.add(\n      'govuk-visually-hidden',\n      this.sectionHeadingDividerClass\n    )\n    $punctuationEl.textContent = ', '\n    return $punctuationEl\n  }\n\n  /**\n   * Name for the component used when initialising using data-module attributes.\n   */\n  static moduleName = 'govuk-accordion'\n\n  /**\n   * Accordion default config\n   *\n   * @see {@link AccordionConfig}\n   * @constant\n   * @type {AccordionConfig}\n   */\n  static defaults = Object.freeze({\n    i18n: {\n      hideAllSections: 'Hide all sections',\n      hideSection: 'Hide',\n      hideSectionAriaLabel: 'Hide this section',\n      showAllSections: 'Show all sections',\n      showSection: 'Show',\n      showSectionAriaLabel: 'Show this section'\n    },\n    rememberExpanded: true\n  })\n\n  /**\n   * Accordion config schema\n   *\n   * @constant\n   * @satisfies {Schema<AccordionConfig>}\n   */\n  static schema = Object.freeze({\n    properties: {\n      i18n: { type: 'object' },\n      rememberExpanded: { type: 'boolean' }\n    }\n  })\n}\n\n/**\n * Accordion config\n *\n * @see {@link Accordion.defaults}\n * @typedef {object} AccordionConfig\n * @property {AccordionTranslations} [i18n=Accordion.defaults.i18n] - Accordion translations\n * @property {boolean} [rememberExpanded] - Whether the expanded and collapsed\n *   state of each section is remembered and restored when navigating.\n */\n\n/**\n * Accordion translations\n *\n * @see {@link Accordion.defaults.i18n}\n * @typedef {object} AccordionTranslations\n *\n * Messages used by the component for the labels of its buttons. This includes\n * the visible text shown on screen, and text to help assistive technology users\n * for the buttons toggling each section.\n * @property {string} [hideAllSections] - The text content for the 'Hide all\n *   sections' button, used when at least one section is expanded.\n * @property {string} [hideSection] - The text content for the 'Hide'\n *   button, used when a section is expanded.\n * @property {string} [hideSectionAriaLabel] - The text content appended to the\n *   'Hide' button's accessible name when a section is expanded.\n * @property {string} [showAllSections] - The text content for the 'Show all\n *   sections' button, used when all sections are collapsed.\n * @property {string} [showSection] - The text content for the 'Show'\n *   button, used when a section is collapsed.\n * @property {string} [showSectionAriaLabel] - The text content appended to the\n *   'Show' button's accessible name when a section is expanded.\n */\n\n/**\n * @import { Schema } from '../../common/configuration.mjs'\n */\n","import { ConfigurableComponent } from '../../common/configuration.mjs'\n\nconst DEBOUNCE_TIMEOUT_IN_SECONDS = 1\n\n/**\n * JavaScript enhancements for the Button component\n *\n * @preserve\n * @augments ConfigurableComponent<ButtonConfig>\n */\nexport class Button extends ConfigurableComponent {\n  /**\n   * @private\n   * @type {number | null}\n   */\n  debounceFormSubmitTimer = null\n\n  /**\n   * @param {Element | null} $root - HTML element to use for button\n   * @param {ButtonConfig} [config] - Button config\n   */\n  constructor($root, config = {}) {\n    super($root, config)\n\n    this.$root.addEventListener('keydown', (event) => this.handleKeyDown(event))\n    this.$root.addEventListener('click', (event) => this.debounce(event))\n  }\n\n  /**\n   * Trigger a click event when the space key is pressed\n   *\n   * Some screen readers tell users they can use the space bar to activate\n   * things with the 'button' role, so we need to match the functionality of\n   * native HTML buttons.\n   *\n   * See https://github.com/alphagov/govuk_elements/pull/272#issuecomment-233028270\n   *\n   * @private\n   * @param {KeyboardEvent} event - Keydown event\n   */\n  handleKeyDown(event) {\n    const $target = event.target\n\n    // Handle space bar only\n    if (event.key !== ' ') {\n      return\n    }\n\n    // Handle elements with [role=\"button\"] only\n    if (\n      $target instanceof HTMLElement &&\n      $target.getAttribute('role') === 'button'\n    ) {\n      event.preventDefault() // prevent the page from scrolling\n      $target.click()\n    }\n  }\n\n  /**\n   * Debounce double-clicks\n   *\n   * If the click quickly succeeds a previous click then nothing will happen.\n   * This stops people accidentally causing multiple form submissions by double\n   * clicking buttons.\n   *\n   * @private\n   * @param {MouseEvent} event - Mouse click event\n   * @returns {undefined | false} Returns undefined, or false when debounced\n   */\n  debounce(event) {\n    // Check the button that was clicked has preventDoubleClick enabled\n    if (!this.config.preventDoubleClick) {\n      return\n    }\n\n    // If the timer is still running, prevent the click from submitting the form\n    if (this.debounceFormSubmitTimer) {\n      event.preventDefault()\n      return false\n    }\n\n    this.debounceFormSubmitTimer = window.setTimeout(() => {\n      this.debounceFormSubmitTimer = null\n    }, DEBOUNCE_TIMEOUT_IN_SECONDS * 1000)\n  }\n\n  /**\n   * Name for the component used when initialising using data-module attributes.\n   */\n  static moduleName = 'govuk-button'\n\n  /**\n   * Button default config\n   *\n   * @see {@link ButtonConfig}\n   * @constant\n   * @type {ButtonConfig}\n   */\n  static defaults = Object.freeze({\n    preventDoubleClick: false\n  })\n\n  /**\n   * Button config schema\n   *\n   * @constant\n   * @satisfies {Schema<ButtonConfig>}\n   */\n  static schema = Object.freeze({\n    properties: {\n      preventDoubleClick: { type: 'boolean' }\n    }\n  })\n}\n\n/**\n * Button config\n *\n * @typedef {object} ButtonConfig\n * @property {boolean} [preventDoubleClick=false] - Prevent accidental double\n *   clicks on submit buttons from submitting forms multiple times.\n */\n\n/**\n * @import { Schema } from '../../common/configuration.mjs'\n */\n","/**\n * Returns the value of the given attribute closest to the given element (including itself)\n *\n * @internal\n * @param {Element} $element - The element to start walking the DOM tree up\n * @param {string} attributeName - The name of the attribute\n * @returns {string | null} Attribute value\n */\nexport function closestAttributeValue($element, attributeName) {\n  const $closestElementWithAttribute = $element.closest(`[${attributeName}]`)\n  return $closestElementWithAttribute\n    ? $closestElementWithAttribute.getAttribute(attributeName)\n    : null\n}\n","import { closestAttributeValue } from '../../common/closest-attribute-value.mjs'\nimport {\n  validateConfig,\n  ConfigurableComponent,\n  configOverride\n} from '../../common/configuration.mjs'\nimport { formatErrorMessage } from '../../common/index.mjs'\nimport { ConfigError, ElementError } from '../../errors/index.mjs'\nimport { I18n } from '../../i18n.mjs'\n\n/**\n * Character count component\n *\n * Tracks the number of characters or words in the `.govuk-js-character-count`\n * `<textarea>` inside the element. Displays a message with the remaining number\n * of characters/words available, or the number of characters/words in excess.\n *\n * You can configure the message to only appear after a certain percentage\n * of the available characters/words has been entered.\n *\n * @preserve\n * @augments ConfigurableComponent<CharacterCountConfig>\n */\nexport class CharacterCount extends ConfigurableComponent {\n  /** @private */\n  $textarea\n\n  /** @private */\n  $visibleCountMessage\n\n  /** @private */\n  $screenReaderCountMessage\n\n  /**\n   * @private\n   * @type {number | null}\n   */\n  lastInputTimestamp = null\n\n  /** @private */\n  lastInputValue = ''\n\n  /**\n   * @private\n   * @type {number | null}\n   */\n  valueChecker = null\n\n  /** @private */\n  i18n\n\n  /** @private */\n  maxLength;\n\n  /**\n   * Character count config override\n   *\n   * To ensure data-attributes take complete precedence, even if they change\n   * the type of count, we need to reset the `maxlength` and `maxwords` from\n   * the JavaScript config.\n   *\n   * @internal\n   * @param {CharacterCountConfig} datasetConfig - configuration specified by dataset\n   * @returns {CharacterCountConfig} - configuration to override by dataset\n   */\n  [configOverride](datasetConfig) {\n    let configOverrides = {}\n    if ('maxwords' in datasetConfig || 'maxlength' in datasetConfig) {\n      configOverrides = {\n        maxlength: undefined,\n        maxwords: undefined\n      }\n    }\n\n    return configOverrides\n  }\n\n  /**\n   * @param {Element | null} $root - HTML element to use for character count\n   * @param {CharacterCountConfig} [config] - Character count config\n   */\n  constructor($root, config = {}) {\n    super($root, config)\n\n    const $textarea = this.$root.querySelector('.govuk-js-character-count')\n    if (\n      !(\n        $textarea instanceof HTMLTextAreaElement ||\n        $textarea instanceof HTMLInputElement\n      )\n    ) {\n      throw new ElementError({\n        component: CharacterCount,\n        element: $textarea,\n        expectedType: 'HTMLTextareaElement or HTMLInputElement',\n        identifier: 'Form field (`.govuk-js-character-count`)'\n      })\n    }\n\n    // Check for valid config\n    const errors = validateConfig(CharacterCount.schema, this.config)\n    if (errors[0]) {\n      throw new ConfigError(formatErrorMessage(CharacterCount, errors[0]))\n    }\n\n    this.i18n = new I18n(this.config.i18n, {\n      // Read the fallback if necessary rather than have it set in the defaults\n      locale: closestAttributeValue(this.$root, 'lang')\n    })\n\n    // Determine the limit attribute (characters or words)\n    this.maxLength = this.config.maxwords ?? this.config.maxlength ?? Infinity\n\n    this.$textarea = $textarea\n\n    const textareaDescriptionId = `${this.$textarea.id}-info`\n    const $textareaDescription = document.getElementById(textareaDescriptionId)\n    if (!$textareaDescription) {\n      throw new ElementError({\n        component: CharacterCount,\n        element: $textareaDescription,\n        identifier: `Count message (\\`id=\"${textareaDescriptionId}\"\\`)`\n      })\n    }\n\n    // Pre-existing validation error rendered from server\n    this.$errorMessage = this.$root.querySelector('.govuk-error-message')\n\n    // Inject a description for the textarea if none is present already\n    // for when the component was rendered with no maxlength, maxwords\n    // nor custom textareaDescriptionText\n    // eslint-disable-next-line @typescript-eslint/prefer-regexp-exec\n    if ($textareaDescription.textContent.match(/^\\s*$/)) {\n      $textareaDescription.textContent = this.i18n.t('textareaDescription', {\n        count: this.maxLength\n      })\n    }\n\n    // Move the textarea description to be immediately after the textarea\n    // Kept for backwards compatibility\n    this.$textarea.insertAdjacentElement('afterend', $textareaDescription)\n\n    // Create the *screen reader* specific live-updating counter\n    // This doesn't need any styling classes, as it is never visible\n    const $screenReaderCountMessage = document.createElement('div')\n    $screenReaderCountMessage.className =\n      'govuk-character-count__sr-status govuk-visually-hidden'\n    $screenReaderCountMessage.setAttribute('aria-live', 'polite')\n    this.$screenReaderCountMessage = $screenReaderCountMessage\n    $textareaDescription.insertAdjacentElement(\n      'afterend',\n      $screenReaderCountMessage\n    )\n\n    // Create our live-updating counter element, copying the classes from the\n    // textarea description for backwards compatibility as these may have been\n    // configured\n    const $visibleCountMessage = document.createElement('div')\n    $visibleCountMessage.className = $textareaDescription.className\n    $visibleCountMessage.classList.add('govuk-character-count__status')\n    $visibleCountMessage.setAttribute('aria-hidden', 'true')\n    this.$visibleCountMessage = $visibleCountMessage\n    $textareaDescription.insertAdjacentElement('afterend', $visibleCountMessage)\n\n    // Hide the textarea description\n    $textareaDescription.classList.add('govuk-visually-hidden')\n\n    // Remove hard limit if set\n    this.$textarea.removeAttribute('maxlength')\n\n    this.bindChangeEvents()\n\n    // When the page is restored after navigating 'back' in some browsers the\n    // state of form controls is not restored until *after* the DOMContentLoaded\n    // event is fired, so we need to sync after the pageshow event.\n    window.addEventListener('pageshow', () => this.updateCountMessage())\n\n    // Although we've set up handlers to sync state on the pageshow event, init\n    // could be called after those events have fired, for example if they are\n    // added to the page dynamically, so update now too.\n    this.updateCountMessage()\n  }\n\n  /**\n   * Bind change events\n   *\n   * Set up event listeners on the $textarea so that the count messages update\n   * when the user types.\n   *\n   * @private\n   */\n  bindChangeEvents() {\n    this.$textarea.addEventListener('keyup', () => this.handleKeyUp())\n\n    // Bind focus/blur events to start/stop polling\n    this.$textarea.addEventListener('focus', () => this.handleFocus())\n    this.$textarea.addEventListener('blur', () => this.handleBlur())\n  }\n\n  /**\n   * Handle key up event\n   *\n   * Update the visible character counter and keep track of when the last update\n   * happened for each keypress\n   *\n   * @private\n   */\n  handleKeyUp() {\n    this.updateVisibleCountMessage()\n    this.lastInputTimestamp = Date.now()\n  }\n\n  /**\n   * Handle focus event\n   *\n   * Speech recognition software such as Dragon NaturallySpeaking will modify\n   * the fields by directly changing its `value`. These changes don't trigger\n   * events in JavaScript, so we need to poll to handle when and if they occur.\n   *\n   * Once the keyup event hasn't been detected for at least 1000 ms (1s), check\n   * if the textarea value has changed and update the count message if it has.\n   *\n   * This is so that the update triggered by the manual comparison doesn't\n   * conflict with debounced KeyboardEvent updates.\n   *\n   * @private\n   */\n  handleFocus() {\n    this.valueChecker = window.setInterval(() => {\n      if (\n        !this.lastInputTimestamp ||\n        Date.now() - 500 >= this.lastInputTimestamp\n      ) {\n        this.updateIfValueChanged()\n      }\n    }, 1000)\n  }\n\n  /**\n   * Handle blur event\n   *\n   * Stop checking the textarea value once the textarea no longer has focus\n   *\n   * @private\n   */\n  handleBlur() {\n    // Cancel value checking on blur\n    if (this.valueChecker) {\n      window.clearInterval(this.valueChecker)\n    }\n  }\n\n  /**\n   * Update count message if textarea value has changed\n   *\n   * @private\n   */\n  updateIfValueChanged() {\n    if (this.$textarea.value !== this.lastInputValue) {\n      this.lastInputValue = this.$textarea.value\n      this.updateCountMessage()\n    }\n  }\n\n  /**\n   * Update count message\n   *\n   * Helper function to update both the visible and screen reader-specific\n   * counters simultaneously (e.g. on init)\n   *\n   * @private\n   */\n  updateCountMessage() {\n    this.updateVisibleCountMessage()\n    this.updateScreenReaderCountMessage()\n  }\n\n  /**\n   * Update visible count message\n   *\n   * @private\n   */\n  updateVisibleCountMessage() {\n    const remainingNumber = this.maxLength - this.count(this.$textarea.value)\n    const isError = remainingNumber < 0\n\n    // If input is over the threshold, remove the disabled class which renders\n    // the counter invisible.\n    this.$visibleCountMessage.classList.toggle(\n      'govuk-character-count__message--disabled',\n      !this.isOverThreshold()\n    )\n\n    // Update styles\n    if (!this.$errorMessage) {\n      // Only toggle the textarea error class if there isn't an error message\n      // already, as it may be unrelated to the limit (eg: allowed characters)\n      // and would set the border colour back to black.\n      this.$textarea.classList.toggle('govuk-textarea--error', isError)\n    }\n    this.$visibleCountMessage.classList.toggle('govuk-error-message', isError)\n    this.$visibleCountMessage.classList.toggle('govuk-hint', !isError)\n\n    // Update message\n    this.$visibleCountMessage.textContent = this.getCountMessage()\n  }\n\n  /**\n   * Update screen reader count message\n   *\n   * @private\n   */\n  updateScreenReaderCountMessage() {\n    // If over the threshold, remove the aria-hidden attribute, allowing screen\n    // readers to announce the content of the element.\n    if (this.isOverThreshold()) {\n      this.$screenReaderCountMessage.removeAttribute('aria-hidden')\n    } else {\n      this.$screenReaderCountMessage.setAttribute('aria-hidden', 'true')\n    }\n\n    // Update message\n    this.$screenReaderCountMessage.textContent = this.getCountMessage()\n  }\n\n  /**\n   * Count the number of characters (or words, if `config.maxwords` is set)\n   * in the given text\n   *\n   * @private\n   * @param {string} text - The text to count the characters of\n   * @returns {number} the number of characters (or words) in the text\n   */\n  count(text) {\n    if (this.config.maxwords) {\n      const tokens = text.match(/\\S+/g) ?? [] // Matches consecutive non-whitespace chars\n      return tokens.length\n    }\n\n    return text.length\n  }\n\n  /**\n   * Get count message\n   *\n   * @private\n   * @returns {string} Status message\n   */\n  getCountMessage() {\n    const remainingNumber = this.maxLength - this.count(this.$textarea.value)\n    const countType = this.config.maxwords ? 'words' : 'characters'\n    return this.formatCountMessage(remainingNumber, countType)\n  }\n\n  /**\n   * Formats the message shown to users according to what's counted\n   * and how many remain\n   *\n   * @private\n   * @param {number} remainingNumber - The number of words/characaters remaining\n   * @param {string} countType - \"words\" or \"characters\"\n   * @returns {string} Status message\n   */\n  formatCountMessage(remainingNumber, countType) {\n    if (remainingNumber === 0) {\n      return this.i18n.t(`${countType}AtLimit`)\n    }\n\n    const translationKeySuffix =\n      remainingNumber < 0 ? 'OverLimit' : 'UnderLimit'\n\n    return this.i18n.t(`${countType}${translationKeySuffix}`, {\n      count: Math.abs(remainingNumber)\n    })\n  }\n\n  /**\n   * Check if count is over threshold\n   *\n   * Checks whether the value is over the configured threshold for the input.\n   * If there is no configured threshold, it is set to 0 and this function will\n   * always return true.\n   *\n   * @private\n   * @returns {boolean} true if the current count is over the config.threshold\n   *   (or no threshold is set)\n   */\n  isOverThreshold() {\n    // No threshold means we're always above threshold so save some computation\n    if (!this.config.threshold) {\n      return true\n    }\n\n    // Determine the remaining number of characters/words\n    const currentLength = this.count(this.$textarea.value)\n    const maxLength = this.maxLength\n\n    const thresholdValue = (maxLength * this.config.threshold) / 100\n\n    return thresholdValue <= currentLength\n  }\n\n  /**\n   * Name for the component used when initialising using data-module attributes.\n   */\n  static moduleName = 'govuk-character-count'\n\n  /**\n   * Character count default config\n   *\n   * @see {@link CharacterCountConfig}\n   * @constant\n   * @type {CharacterCountConfig}\n   */\n  static defaults = Object.freeze({\n    threshold: 0,\n    i18n: {\n      // Characters\n      charactersUnderLimit: {\n        one: 'You have %{count} character remaining',\n        other: 'You have %{count} characters remaining'\n      },\n      charactersAtLimit: 'You have 0 characters remaining',\n      charactersOverLimit: {\n        one: 'You have %{count} character too many',\n        other: 'You have %{count} characters too many'\n      },\n      // Words\n      wordsUnderLimit: {\n        one: 'You have %{count} word remaining',\n        other: 'You have %{count} words remaining'\n      },\n      wordsAtLimit: 'You have 0 words remaining',\n      wordsOverLimit: {\n        one: 'You have %{count} word too many',\n        other: 'You have %{count} words too many'\n      },\n      textareaDescription: {\n        other: ''\n      }\n    }\n  })\n\n  /**\n   * Character count config schema\n   *\n   * @constant\n   * @satisfies {Schema<CharacterCountConfig>}\n   */\n  static schema = Object.freeze({\n    properties: {\n      i18n: { type: 'object' },\n      maxwords: { type: 'number' },\n      maxlength: { type: 'number' },\n      threshold: { type: 'number' }\n    },\n    anyOf: [\n      {\n        required: ['maxwords'],\n        errorMessage: 'Either \"maxlength\" or \"maxwords\" must be provided'\n      },\n      {\n        required: ['maxlength'],\n        errorMessage: 'Either \"maxlength\" or \"maxwords\" must be provided'\n      }\n    ]\n  })\n}\n\n/**\n * Character count config\n *\n * @see {@link CharacterCount.defaults}\n * @typedef {object} CharacterCountConfig\n * @property {number} [maxlength] - The maximum number of characters.\n *   If maxwords is provided, the maxlength option will be ignored.\n * @property {number} [maxwords] - The maximum number of words. If maxwords is\n *   provided, the maxlength option will be ignored.\n * @property {number} [threshold=0] - The percentage value of the limit at\n *   which point the count message is displayed. If this attribute is set, the\n *   count message will be hidden by default.\n * @property {CharacterCountTranslations} [i18n=CharacterCount.defaults.i18n] - Character count translations\n */\n\n/**\n * Character count translations\n *\n * @see {@link CharacterCount.defaults.i18n}\n * @typedef {object} CharacterCountTranslations\n *\n * Messages shown to users as they type. It provides feedback on how many words\n * or characters they have remaining or if they are over the limit. This also\n * includes a message used as an accessible description for the textarea.\n * @property {TranslationPluralForms} [charactersUnderLimit] - Message displayed\n *   when the number of characters is under the configured maximum, `maxlength`.\n *   This message is displayed visually and through assistive technologies. The\n *   component will replace the `%{count}` placeholder with the number of\n *   remaining characters. This is a [pluralised list of\n *   messages](https://frontend.design-system.service.gov.uk/localise-govuk-frontend).\n * @property {string} [charactersAtLimit] - Message displayed when the number of\n *   characters reaches the configured maximum, `maxlength`. This message is\n *   displayed visually and through assistive technologies.\n * @property {TranslationPluralForms} [charactersOverLimit] - Message displayed\n *   when the number of characters is over the configured maximum, `maxlength`.\n *   This message is displayed visually and through assistive technologies. The\n *   component will replace the `%{count}` placeholder with the number of\n *   remaining characters. This is a [pluralised list of\n *   messages](https://frontend.design-system.service.gov.uk/localise-govuk-frontend).\n * @property {TranslationPluralForms} [wordsUnderLimit] - Message displayed when\n *   the number of words is under the configured maximum, `maxlength`. This\n *   message is displayed visually and through assistive technologies. The\n *   component will replace the `%{count}` placeholder with the number of\n *   remaining words. This is a [pluralised list of\n *   messages](https://frontend.design-system.service.gov.uk/localise-govuk-frontend).\n * @property {string} [wordsAtLimit] - Message displayed when the number of\n *   words reaches the configured maximum, `maxlength`. This message is\n *   displayed visually and through assistive technologies.\n * @property {TranslationPluralForms} [wordsOverLimit] - Message displayed when\n *   the number of words is over the configured maximum, `maxlength`. This\n *   message is displayed visually and through assistive technologies. The\n *   component will replace the `%{count}` placeholder with the number of\n *   remaining words. This is a [pluralised list of\n *   messages](https://frontend.design-system.service.gov.uk/localise-govuk-frontend).\n * @property {TranslationPluralForms} [textareaDescription] - Message made\n *   available to assistive technologies, if none is already present in the\n *   HTML, to describe that the component accepts only a limited amount of\n *   content. It is visible on the page when JavaScript is unavailable. The\n *   component will replace the `%{count}` placeholder with the value of the\n *   `maxlength` or `maxwords` parameter.\n */\n\n/**\n * @import { Schema } from '../../common/configuration.mjs'\n * @import { TranslationPluralForms } from '../../i18n.mjs'\n */\n","import { Component } from '../../component.mjs'\nimport { ElementError } from '../../errors/index.mjs'\n\n/**\n * Checkboxes component\n *\n * @preserve\n */\nexport class Checkboxes extends Component {\n  /** @private */\n  $inputs\n\n  /**\n   * Checkboxes can be associated with a 'conditionally revealed' content block\n   * – for example, a checkbox for 'Phone' could reveal an additional form field\n   * for the user to enter their phone number.\n   *\n   * These associations are made using a `data-aria-controls` attribute, which\n   * is promoted to an aria-controls attribute during initialisation.\n   *\n   * We also need to restore the state of any conditional reveals on the page\n   * (for example if the user has navigated back), and set up event handlers to\n   * keep the reveal in sync with the checkbox state.\n   *\n   * @param {Element | null} $root - HTML element to use for checkboxes\n   */\n  constructor($root) {\n    super($root)\n\n    const $inputs = this.$root.querySelectorAll('input[type=\"checkbox\"]')\n    if (!$inputs.length) {\n      throw new ElementError({\n        component: Checkboxes,\n        identifier: 'Form inputs (`<input type=\"checkbox\">`)'\n      })\n    }\n\n    this.$inputs = $inputs\n\n    this.$inputs.forEach(($input) => {\n      const targetId = $input.getAttribute('data-aria-controls')\n\n      // Skip radios without data-aria-controls attributes\n      if (!targetId) {\n        return\n      }\n\n      // Throw if target conditional element does not exist.\n      if (!document.getElementById(targetId)) {\n        throw new ElementError({\n          component: Checkboxes,\n          identifier: `Conditional reveal (\\`id=\"${targetId}\"\\`)`\n        })\n      }\n\n      // Promote the data-aria-controls attribute to a aria-controls attribute\n      // so that the relationship is exposed in the AOM\n      $input.setAttribute('aria-controls', targetId)\n      $input.removeAttribute('data-aria-controls')\n    })\n\n    // When the page is restored after navigating 'back' in some browsers the\n    // state of form controls is not restored until *after* the DOMContentLoaded\n    // event is fired, so we need to sync after the pageshow event.\n    window.addEventListener('pageshow', () => this.syncAllConditionalReveals())\n\n    // Although we've set up handlers to sync state on the pageshow event, init\n    // could be called after those events have fired, for example if they are\n    // added to the page dynamically, so sync now too.\n    this.syncAllConditionalReveals()\n\n    // Handle events\n    this.$root.addEventListener('click', (event) => this.handleClick(event))\n  }\n\n  /**\n   * Sync the conditional reveal states for all checkboxes in this component.\n   *\n   * @private\n   */\n  syncAllConditionalReveals() {\n    this.$inputs.forEach(($input) =>\n      this.syncConditionalRevealWithInputState($input)\n    )\n  }\n\n  /**\n   * Sync conditional reveal with the input state\n   *\n   * Synchronise the visibility of the conditional reveal, and its accessible\n   * state, with the input's checked state.\n   *\n   * @private\n   * @param {HTMLInputElement} $input - Checkbox input\n   */\n  syncConditionalRevealWithInputState($input) {\n    const targetId = $input.getAttribute('aria-controls')\n    if (!targetId) {\n      return\n    }\n\n    const $target = document.getElementById(targetId)\n    if ($target?.classList.contains('govuk-checkboxes__conditional')) {\n      const inputIsChecked = $input.checked\n\n      $input.setAttribute('aria-expanded', inputIsChecked.toString())\n      $target.classList.toggle(\n        'govuk-checkboxes__conditional--hidden',\n        !inputIsChecked\n      )\n    }\n  }\n\n  /**\n   * Uncheck other checkboxes\n   *\n   * Find any other checkbox inputs with the same name value, and uncheck them.\n   * This is useful for when a “None of these\" checkbox is checked.\n   *\n   * @private\n   * @param {HTMLInputElement} $input - Checkbox input\n   */\n  unCheckAllInputsExcept($input) {\n    const allInputsWithSameName = document.querySelectorAll(\n      `input[type=\"checkbox\"][name=\"${$input.name}\"]`\n    )\n\n    allInputsWithSameName.forEach(($inputWithSameName) => {\n      const hasSameFormOwner = $input.form === $inputWithSameName.form\n      if (hasSameFormOwner && $inputWithSameName !== $input) {\n        $inputWithSameName.checked = false\n        this.syncConditionalRevealWithInputState($inputWithSameName)\n      }\n    })\n  }\n\n  /**\n   * Uncheck exclusive checkboxes\n   *\n   * Find any checkbox inputs with the same name value and the 'exclusive'\n   * behaviour, and uncheck them. This helps prevent someone checking both a\n   * regular checkbox and a \"None of these\" checkbox in the same fieldset.\n   *\n   * @private\n   * @param {HTMLInputElement} $input - Checkbox input\n   */\n  unCheckExclusiveInputs($input) {\n    const allInputsWithSameNameAndExclusiveBehaviour =\n      document.querySelectorAll(\n        `input[data-behaviour=\"exclusive\"][type=\"checkbox\"][name=\"${$input.name}\"]`\n      )\n\n    allInputsWithSameNameAndExclusiveBehaviour.forEach(($exclusiveInput) => {\n      const hasSameFormOwner = $input.form === $exclusiveInput.form\n      if (hasSameFormOwner) {\n        $exclusiveInput.checked = false\n        this.syncConditionalRevealWithInputState($exclusiveInput)\n      }\n    })\n  }\n\n  /**\n   * Click event handler\n   *\n   * Handle a click within the component root – if the click occurred on a checkbox,\n   * sync the state of any associated conditional reveal with the checkbox\n   * state.\n   *\n   * @private\n   * @param {MouseEvent} event - Click event\n   */\n  handleClick(event) {\n    const $clickedInput = event.target\n\n    // Ignore clicks on things that aren't checkbox inputs\n    if (\n      !($clickedInput instanceof HTMLInputElement) ||\n      $clickedInput.type !== 'checkbox'\n    ) {\n      return\n    }\n\n    // If the checkbox conditionally-reveals some content, sync the state\n    const hasAriaControls = $clickedInput.getAttribute('aria-controls')\n    if (hasAriaControls) {\n      this.syncConditionalRevealWithInputState($clickedInput)\n    }\n\n    // No further behaviour needed for unchecking\n    if (!$clickedInput.checked) {\n      return\n    }\n\n    // Handle 'exclusive' checkbox behaviour (ie \"None of these\")\n    const hasBehaviourExclusive =\n      $clickedInput.getAttribute('data-behaviour') === 'exclusive'\n    if (hasBehaviourExclusive) {\n      this.unCheckAllInputsExcept($clickedInput)\n    } else {\n      this.unCheckExclusiveInputs($clickedInput)\n    }\n  }\n\n  /**\n   * Name for the component used when initialising using data-module attributes.\n   */\n  static moduleName = 'govuk-checkboxes'\n}\n","import { ConfigurableComponent } from '../../common/configuration.mjs'\nimport { setFocus } from '../../common/index.mjs'\n\n/**\n * Error summary component\n *\n * Takes focus on initialisation for accessible announcement, unless disabled in\n * configuration.\n *\n * @preserve\n * @augments ConfigurableComponent<ErrorSummaryConfig>\n */\nexport class ErrorSummary extends ConfigurableComponent {\n  /**\n   * @param {Element | null} $root - HTML element to use for error summary\n   * @param {ErrorSummaryConfig} [config] - Error summary config\n   */\n  constructor($root, config = {}) {\n    super($root, config)\n\n    /**\n     * Focus the error summary\n     */\n    if (!this.config.disableAutoFocus) {\n      setFocus(this.$root)\n    }\n\n    this.$root.addEventListener('click', (event) => this.handleClick(event))\n  }\n\n  /**\n   * Click event handler\n   *\n   * @private\n   * @param {MouseEvent} event - Click event\n   */\n  handleClick(event) {\n    const $target = event.target\n    if ($target && this.focusTarget($target)) {\n      event.preventDefault()\n    }\n  }\n\n  /**\n   * Focus the target element\n   *\n   * By default, the browser will scroll the target into view. Because our\n   * labels or legends appear above the input, this means the user will be\n   * presented with an input without any context, as the label or legend will be\n   * off the top of the screen.\n   *\n   * Manually handling the click event, scrolling the question into view and\n   * then focussing the element solves this.\n   *\n   * This also results in the label and/or legend being announced correctly in\n   * NVDA (as tested in 2018.3.2) - without this only the field type is\n   * announced (e.g. \"Edit, has autocomplete\").\n   *\n   * @private\n   * @param {EventTarget} $target - Event target\n   * @returns {boolean} True if the target was able to be focussed\n   */\n  focusTarget($target) {\n    // If the element that was clicked was not a link, return early\n    if (!($target instanceof HTMLAnchorElement)) {\n      return false\n    }\n\n    const inputId = $target.hash.replace('#', '')\n    if (!inputId) {\n      return false\n    }\n\n    const $input = document.getElementById(inputId)\n    if (!$input) {\n      return false\n    }\n\n    const $legendOrLabel = this.getAssociatedLegendOrLabel($input)\n    if (!$legendOrLabel) {\n      return false\n    }\n\n    // Scroll the legend or label into view *before* calling focus on the input\n    // to avoid extra scrolling in browsers that don't support `preventScroll`\n    // (which at time of writing is most of them...)\n    $legendOrLabel.scrollIntoView()\n    $input.focus({ preventScroll: true })\n\n    return true\n  }\n\n  /**\n   * Get associated legend or label\n   *\n   * Returns the first element that exists from this list:\n   *\n   * - The `<legend>` associated with the closest `<fieldset>` ancestor, as long\n   *   as the top of it is no more than half a viewport height away from the\n   *   bottom of the input\n   * - The first `<label>` that is associated with the input using for=\"inputId\"\n   * - The closest parent `<label>`\n   *\n   * @private\n   * @param {Element} $input - The input\n   * @returns {Element | null} Associated legend or label, or null if no\n   *   associated legend or label can be found\n   */\n  getAssociatedLegendOrLabel($input) {\n    const $fieldset = $input.closest('fieldset')\n\n    if ($fieldset) {\n      const $legends = $fieldset.getElementsByTagName('legend')\n\n      if ($legends.length) {\n        const $candidateLegend = $legends[0]\n\n        // If the input type is radio or checkbox, always use the legend if\n        // there is one.\n        if (\n          $input instanceof HTMLInputElement &&\n          ($input.type === 'checkbox' || $input.type === 'radio')\n        ) {\n          return $candidateLegend\n        }\n\n        // For other input types, only scroll to the fieldset’s legend (instead\n        // of the label associated with the input) if the input would end up in\n        // the top half of the screen.\n        //\n        // This should avoid situations where the input either ends up off the\n        // screen, or obscured by a software keyboard.\n        const legendTop = $candidateLegend.getBoundingClientRect().top\n        const inputRect = $input.getBoundingClientRect()\n\n        // If the browser doesn't support Element.getBoundingClientRect().height\n        // or window.innerHeight (like IE8), bail and just link to the label.\n        if (inputRect.height && window.innerHeight) {\n          const inputBottom = inputRect.top + inputRect.height\n\n          if (inputBottom - legendTop < window.innerHeight / 2) {\n            return $candidateLegend\n          }\n        }\n      }\n    }\n\n    return (\n      document.querySelector(`label[for='${$input.getAttribute('id')}']`) ??\n      $input.closest('label')\n    )\n  }\n\n  /**\n   * Name for the component used when initialising using data-module attributes.\n   */\n  static moduleName = 'govuk-error-summary'\n\n  /**\n   * Error summary default config\n   *\n   * @see {@link ErrorSummaryConfig}\n   * @constant\n   * @type {ErrorSummaryConfig}\n   */\n  static defaults = Object.freeze({\n    disableAutoFocus: false\n  })\n\n  /**\n   * Error summary config schema\n   *\n   * @constant\n   * @satisfies {Schema<ErrorSummaryConfig>}\n   */\n  static schema = Object.freeze({\n    properties: {\n      disableAutoFocus: { type: 'boolean' }\n    }\n  })\n}\n\n/**\n * Error summary config\n *\n * @typedef {object} ErrorSummaryConfig\n * @property {boolean} [disableAutoFocus=false] - If set to `true` the error\n *   summary will not be focussed when the page loads.\n */\n\n/**\n * @import { Schema } from '../../common/configuration.mjs'\n */\n","import { ConfigurableComponent } from '../../common/configuration.mjs'\nimport { ElementError } from '../../errors/index.mjs'\nimport { I18n } from '../../i18n.mjs'\n\n/**\n * Exit this page component\n *\n * @preserve\n * @augments ConfigurableComponent<ExitThisPageConfig>\n */\nexport class ExitThisPage extends ConfigurableComponent {\n  /** @private */\n  i18n\n\n  /** @private */\n  $button\n\n  /**\n   * @private\n   * @type {HTMLAnchorElement | null}\n   */\n  $skiplinkButton = null\n\n  /**\n   * @private\n   * @type {HTMLElement | null}\n   */\n  $updateSpan = null\n\n  /**\n   * @private\n   * @type {HTMLElement | null}\n   */\n  $indicatorContainer = null\n\n  /**\n   * @private\n   * @type {HTMLElement | null}\n   */\n  $overlay = null\n\n  /** @private */\n  keypressCounter = 0\n\n  /** @private */\n  lastKeyWasModified = false\n\n  /** @private */\n  timeoutTime = 5000 // milliseconds\n\n  // Store the timeout events so that we can clear them to avoid user keypresses overlapping\n  // setTimeout returns an id that we can use to clear it with clearTimeout,\n  // hence the 'Id' suffix\n\n  /**\n   * @private\n   * @type {number | null}\n   */\n  keypressTimeoutId = null\n\n  /**\n   * @private\n   * @type {number | null}\n   */\n  timeoutMessageId = null\n\n  /**\n   * @param {Element | null} $root - HTML element that wraps the Exit This Page button\n   * @param {ExitThisPageConfig} [config] - Exit This Page config\n   */\n  constructor($root, config = {}) {\n    super($root, config)\n\n    const $button = this.$root.querySelector('.govuk-exit-this-page__button')\n    if (!($button instanceof HTMLAnchorElement)) {\n      throw new ElementError({\n        component: ExitThisPage,\n        element: $button,\n        expectedType: 'HTMLAnchorElement',\n        identifier: 'Button (`.govuk-exit-this-page__button`)'\n      })\n    }\n\n    this.i18n = new I18n(this.config.i18n)\n    this.$button = $button\n\n    const $skiplinkButton = document.querySelector(\n      '.govuk-js-exit-this-page-skiplink'\n    )\n    if ($skiplinkButton instanceof HTMLAnchorElement) {\n      this.$skiplinkButton = $skiplinkButton\n    }\n\n    this.buildIndicator()\n    this.initUpdateSpan()\n    this.initButtonClickHandler()\n\n    // Check to see if this has already been done by a previous initialisation of ExitThisPage\n    if (!('govukFrontendExitThisPageKeypress' in document.body.dataset)) {\n      document.addEventListener('keyup', this.handleKeypress.bind(this), true)\n      document.body.dataset.govukFrontendExitThisPageKeypress = 'true'\n    }\n\n    // When the page is restored after navigating 'back' in some browsers the\n    // blank overlay remains present, rendering the page unusable. Here, we check\n    // to see if it's present on page (re)load, and remove it if so.\n    window.addEventListener('pageshow', this.resetPage.bind(this))\n  }\n\n  /**\n   * Create the <span> we use for screen reader announcements.\n   *\n   * @private\n   */\n  initUpdateSpan() {\n    this.$updateSpan = document.createElement('span')\n    this.$updateSpan.setAttribute('role', 'status')\n    this.$updateSpan.className = 'govuk-visually-hidden'\n\n    this.$root.appendChild(this.$updateSpan)\n  }\n\n  /**\n   * Create button click handlers.\n   *\n   * @private\n   */\n  initButtonClickHandler() {\n    // Main EtP button\n    this.$button.addEventListener('click', this.handleClick.bind(this))\n\n    // EtP secondary link\n    if (this.$skiplinkButton) {\n      this.$skiplinkButton.addEventListener(\n        'click',\n        this.handleClick.bind(this)\n      )\n    }\n  }\n\n  /**\n   * Create the HTML for the 'three lights' indicator on the button.\n   *\n   * @private\n   */\n  buildIndicator() {\n    // Build container\n    // Putting `aria-hidden` on it as it won't contain any readable information\n    this.$indicatorContainer = document.createElement('div')\n    this.$indicatorContainer.className = 'govuk-exit-this-page__indicator'\n    this.$indicatorContainer.setAttribute('aria-hidden', 'true')\n\n    // Create three 'lights' and place them within the container\n    for (let i = 0; i < 3; i++) {\n      const $indicator = document.createElement('div')\n      $indicator.className = 'govuk-exit-this-page__indicator-light'\n      this.$indicatorContainer.appendChild($indicator)\n    }\n\n    // Append it all to the module\n    this.$button.appendChild(this.$indicatorContainer)\n  }\n\n  /**\n   * Update whether the lights are visible and which ones are lit up depending on\n   * the value of `keypressCounter`.\n   *\n   * @private\n   */\n  updateIndicator() {\n    if (!this.$indicatorContainer) {\n      return\n    }\n\n    // Show or hide the indicator container depending on keypressCounter value\n    this.$indicatorContainer.classList.toggle(\n      'govuk-exit-this-page__indicator--visible',\n      this.keypressCounter > 0\n    )\n\n    // Turn on only the indicators we want on\n    const $indicators = this.$indicatorContainer.querySelectorAll(\n      '.govuk-exit-this-page__indicator-light'\n    )\n    $indicators.forEach(($indicator, index) => {\n      $indicator.classList.toggle(\n        'govuk-exit-this-page__indicator-light--on',\n        index < this.keypressCounter\n      )\n    })\n  }\n\n  /**\n   * Initiates the redirection away from the current page.\n   * Includes the loading overlay functionality, which covers the current page with a\n   * white overlay so that the contents are not visible during the loading\n   * process. This is particularly important on slow network connections.\n   *\n   * @private\n   */\n  exitPage() {\n    if (!this.$updateSpan) {\n      return\n    }\n\n    this.$updateSpan.textContent = ''\n\n    // Blank the page\n    // As well as creating an overlay with text, we also set the body to hidden\n    // to prevent screen reader and sequential navigation users potentially\n    // navigating through the page behind the overlay during loading\n    document.body.classList.add('govuk-exit-this-page-hide-content')\n    this.$overlay = document.createElement('div')\n    this.$overlay.className = 'govuk-exit-this-page-overlay'\n    this.$overlay.setAttribute('role', 'alert')\n\n    // we do these this way round, thus incurring a second paint, because changing\n    // the element text after adding it means that screen readers pick up the\n    // announcement more reliably.\n    document.body.appendChild(this.$overlay)\n    this.$overlay.textContent = this.i18n.t('activated')\n\n    window.location.href = this.$button.href\n  }\n\n  /**\n   * Pre-activation logic for when the button is clicked/activated via mouse or\n   * pointer.\n   *\n   * We do this to differentiate it from the keyboard activation event because we\n   * need to run `e.preventDefault` as the button or skiplink are both links and we\n   * want to apply some additional logic in `exitPage` before navigating.\n   *\n   * @private\n   * @param {MouseEvent} event - mouse click event\n   */\n  handleClick(event) {\n    event.preventDefault()\n    this.exitPage()\n  }\n\n  /**\n   * Logic for the 'quick escape' keyboard sequence functionality (pressing the\n   * Shift key three times without interruption, within a time limit).\n   *\n   * @private\n   * @param {KeyboardEvent} event - keyup event\n   */\n  handleKeypress(event) {\n    if (!this.$updateSpan) {\n      return\n    }\n\n    // Detect if the 'Shift' key has been pressed. We want to only do things if it\n    // was pressed by itself and not in a combination with another key—so we keep\n    // track of whether the preceding keyup had shiftKey: true on it, and if it\n    // did, we ignore the next Shift keyup event.\n    //\n    // This works because using Shift as a modifier key (e.g. pressing Shift + A)\n    // will fire TWO keyup events, one for A (with e.shiftKey: true) and the other\n    // for Shift (with e.shiftKey: false).\n    if (event.key === 'Shift' && !this.lastKeyWasModified) {\n      this.keypressCounter += 1\n\n      // Update the indicator before the below if statement can reset it back to 0\n      this.updateIndicator()\n\n      // Clear the timeout for the keypress timeout message clearing itself\n      if (this.timeoutMessageId) {\n        window.clearTimeout(this.timeoutMessageId)\n        this.timeoutMessageId = null\n      }\n\n      if (this.keypressCounter >= 3) {\n        this.keypressCounter = 0\n\n        if (this.keypressTimeoutId) {\n          window.clearTimeout(this.keypressTimeoutId)\n          this.keypressTimeoutId = null\n        }\n\n        this.exitPage()\n      } else {\n        if (this.keypressCounter === 1) {\n          this.$updateSpan.textContent = this.i18n.t('pressTwoMoreTimes')\n        } else {\n          this.$updateSpan.textContent = this.i18n.t('pressOneMoreTime')\n        }\n      }\n\n      this.setKeypressTimer()\n    } else if (this.keypressTimeoutId) {\n      // If the user pressed any key other than 'Shift', after having pressed\n      // 'Shift' and activating the timer, stop and reset the timer.\n      this.resetKeypressTimer()\n    }\n\n    // Keep track of whether the Shift modifier key was held during this keypress\n    this.lastKeyWasModified = event.shiftKey\n  }\n\n  /**\n   * Starts the 'quick escape' keyboard sequence timer.\n   *\n   * This can be invoked several times. We want this to be possible so that the\n   * timer is restarted each time the shortcut key is pressed (e.g. the user has\n   * up to n seconds between each keypress, rather than n seconds to invoke the\n   * entire sequence.)\n   *\n   * @private\n   */\n  setKeypressTimer() {\n    // Clear any existing timeout. This is so only one timer is running even if\n    // there are multiple keypresses in quick succession.\n    if (this.keypressTimeoutId) {\n      window.clearTimeout(this.keypressTimeoutId)\n    }\n\n    // Set a fresh timeout\n    this.keypressTimeoutId = window.setTimeout(\n      this.resetKeypressTimer.bind(this),\n      this.timeoutTime\n    )\n  }\n\n  /**\n   * Stops and resets the 'quick escape' keyboard sequence timer.\n   *\n   * @private\n   */\n  resetKeypressTimer() {\n    if (!this.$updateSpan) {\n      return\n    }\n\n    if (this.keypressTimeoutId) {\n      window.clearTimeout(this.keypressTimeoutId)\n      this.keypressTimeoutId = null\n    }\n\n    const $updateSpan = this.$updateSpan\n\n    this.keypressCounter = 0\n    $updateSpan.textContent = this.i18n.t('timedOut')\n\n    this.timeoutMessageId = window.setTimeout(() => {\n      $updateSpan.textContent = ''\n    }, this.timeoutTime)\n\n    this.updateIndicator()\n  }\n\n  /**\n   * Reset the page using the EtP button\n   *\n   * We use this in situations where a user may re-enter a page using the browser\n   * back button. In these cases, the browser can choose to restore the state of\n   * the page as it was previously, including restoring the 'ghost page' overlay,\n   * the announcement span having it's role set to \"alert\" and the keypress\n   * indicator still active, leaving the page in an unusable state.\n   *\n   * By running this check when the page is shown, we can programatically restore\n   * the page and the component to a \"default\" state\n   *\n   * @private\n   */\n  resetPage() {\n    // If an overlay is set, remove it and reset the value\n    document.body.classList.remove('govuk-exit-this-page-hide-content')\n\n    if (this.$overlay) {\n      this.$overlay.remove()\n      this.$overlay = null\n    }\n\n    // Ensure the announcement span's role is status, not alert and clear any text\n    if (this.$updateSpan) {\n      this.$updateSpan.setAttribute('role', 'status')\n      this.$updateSpan.textContent = ''\n    }\n\n    // Sync the keypress indicator lights\n    this.updateIndicator()\n\n    // If the timeouts are active, clear them\n    if (this.keypressTimeoutId) {\n      window.clearTimeout(this.keypressTimeoutId)\n    }\n\n    if (this.timeoutMessageId) {\n      window.clearTimeout(this.timeoutMessageId)\n    }\n  }\n\n  /**\n   * Name for the component used when initialising using data-module attributes.\n   */\n  static moduleName = 'govuk-exit-this-page'\n\n  /**\n   * Exit this page default config\n   *\n   * @see {@link ExitThisPageConfig}\n   * @constant\n   * @type {ExitThisPageConfig}\n   */\n  static defaults = Object.freeze({\n    i18n: {\n      activated: 'Loading.',\n      timedOut: 'Exit this page expired.',\n      pressTwoMoreTimes: 'Shift, press 2 more times to exit.',\n      pressOneMoreTime: 'Shift, press 1 more time to exit.'\n    }\n  })\n\n  /**\n   * Exit this page config schema\n   *\n   * @constant\n   * @satisfies {Schema<ExitThisPageConfig>}\n   */\n  static schema = Object.freeze({\n    properties: {\n      i18n: { type: 'object' }\n    }\n  })\n}\n\n/**\n * Exit this Page config\n *\n * @see {@link ExitThisPage.defaults}\n * @typedef {object} ExitThisPageConfig\n * @property {ExitThisPageTranslations} [i18n=ExitThisPage.defaults.i18n] - Exit this page translations\n */\n\n/**\n * Exit this Page translations\n *\n * @see {@link ExitThisPage.defaults.i18n}\n * @typedef {object} ExitThisPageTranslations\n *\n * Messages used by the component programatically inserted text, including\n * overlay text and screen reader announcements.\n * @property {string} [activated] - Screen reader announcement for when EtP\n *   keypress functionality has been successfully activated.\n * @property {string} [timedOut] - Screen reader announcement for when the EtP\n *   keypress functionality has timed out.\n * @property {string} [pressTwoMoreTimes] - Screen reader announcement informing\n *   the user they must press the activation key two more times.\n * @property {string} [pressOneMoreTime] - Screen reader announcement informing\n *   the user they must press the activation key one more time.\n */\n\n/**\n * @import { Schema } from '../../common/configuration.mjs'\n */\n","import { closestAttributeValue } from '../../common/closest-attribute-value.mjs'\nimport { ConfigurableComponent } from '../../common/configuration.mjs'\nimport { formatErrorMessage } from '../../common/index.mjs'\nimport { ElementError } from '../../errors/index.mjs'\nimport { I18n } from '../../i18n.mjs'\n\n/**\n * File upload component\n *\n * @preserve\n * @augments ConfigurableComponent<FileUploadConfig>\n */\nexport class FileUpload extends ConfigurableComponent {\n  /**\n   * @private\n   * @type {HTMLFileInputElement}\n   */\n  $input\n\n  /**\n   * @private\n   */\n  $button\n\n  /**\n   * @private\n   */\n  $status\n\n  /** @private */\n  i18n\n\n  /** @private */\n  id\n\n  /** @private */\n  $announcements\n\n  /**\n   * @private\n   * @type {boolean | undefined}\n   */\n  enteredAnotherElement\n\n  /**\n   * @param {Element | null} $root - File input element\n   * @param {FileUploadConfig} [config] - File Upload config\n   */\n  constructor($root, config = {}) {\n    super($root, config)\n\n    const $input = this.$root.querySelector('input')\n\n    if ($input === null) {\n      throw new ElementError({\n        component: FileUpload,\n        identifier: 'File inputs (`<input type=\"file\">`)'\n      })\n    }\n\n    if ($input.type !== 'file') {\n      throw new ElementError(\n        formatErrorMessage(\n          FileUpload,\n          'File input (`<input type=\"file\">`) attribute (`type`) is not `file`'\n        )\n      )\n    }\n\n    this.$input = /** @type {HTMLFileInputElement} */ ($input)\n\n    if (!this.$input.id) {\n      throw new ElementError({\n        component: FileUpload,\n        identifier: 'File input (`<input type=\"file\">`) attribute (`id`)'\n      })\n    }\n\n    this.id = this.$input.id\n\n    this.i18n = new I18n(this.config.i18n, {\n      // Read the fallback if necessary rather than have it set in the defaults\n      locale: closestAttributeValue(this.$root, 'lang')\n    })\n\n    const $label = this.findLabel()\n    // Add an ID to the label if it doesn't have one already\n    // so it can be referenced by `aria-labelledby`\n    if (!$label.id) {\n      $label.id = `${this.id}-label`\n    }\n\n    // we need to copy the 'id' of the root element\n    // to the new button replacement element\n    // so that focus will work in the error summary\n    this.$input.id = `${this.id}-input`\n\n    // Hide the native input\n    this.$input.setAttribute('hidden', 'true')\n\n    // Create the file selection button\n    const $button = document.createElement('button')\n    $button.classList.add('govuk-file-upload-button')\n    $button.type = 'button'\n    $button.id = this.id\n    $button.classList.add('govuk-file-upload-button--empty')\n\n    // Copy `aria-describedby` if present so hints and errors\n    // are associated to the `<button>`\n    const ariaDescribedBy = this.$input.getAttribute('aria-describedby')\n    if (ariaDescribedBy) {\n      $button.setAttribute('aria-describedby', ariaDescribedBy)\n    }\n\n    // Create status element that shows what/how many files are selected\n    const $status = document.createElement('span')\n    $status.className = 'govuk-body govuk-file-upload-button__status'\n    $status.setAttribute('aria-live', 'polite')\n    $status.innerText = this.i18n.t('noFileChosen')\n\n    $button.appendChild($status)\n\n    const commaSpan = document.createElement('span')\n    commaSpan.className = 'govuk-visually-hidden'\n    commaSpan.innerText = ', '\n    commaSpan.id = `${this.id}-comma`\n\n    $button.appendChild(commaSpan)\n\n    const containerSpan = document.createElement('span')\n    containerSpan.className =\n      'govuk-file-upload-button__pseudo-button-container'\n\n    const buttonSpan = document.createElement('span')\n    buttonSpan.className =\n      'govuk-button govuk-button--secondary govuk-file-upload-button__pseudo-button'\n    buttonSpan.innerText = this.i18n.t('chooseFilesButton')\n\n    containerSpan.appendChild(buttonSpan)\n\n    // Add a space so the button and instruction read correctly\n    // when CSS is disabled\n    containerSpan.insertAdjacentText('beforeend', ' ')\n\n    const instructionSpan = document.createElement('span')\n    instructionSpan.className =\n      'govuk-body govuk-file-upload-button__instruction'\n    instructionSpan.innerText = this.i18n.t('dropInstruction')\n\n    containerSpan.appendChild(instructionSpan)\n\n    $button.appendChild(containerSpan)\n    $button.setAttribute(\n      'aria-labelledby',\n      `${$label.id} ${commaSpan.id} ${$button.id}`\n    )\n    $button.addEventListener('click', this.onClick.bind(this))\n    $button.addEventListener('dragover', (event) => {\n      // prevent default to allow drop\n      event.preventDefault()\n    })\n\n    // Assemble these all together\n    this.$root.insertAdjacentElement('afterbegin', $button)\n\n    this.$input.setAttribute('tabindex', '-1')\n    this.$input.setAttribute('aria-hidden', 'true')\n\n    // Make all these new variables available to the module\n    this.$button = $button\n    this.$status = $status\n\n    // Bind change event to the underlying input\n    this.$input.addEventListener('change', this.onChange.bind(this))\n\n    // Synchronise the `disabled` state between the button and underlying input\n    this.updateDisabledState()\n    this.observeDisabledState()\n\n    // Handle drop zone visibility\n    // A live region to announce when users enter or leave the drop zone\n    this.$announcements = document.createElement('span')\n    this.$announcements.classList.add('govuk-file-upload-announcements')\n    this.$announcements.classList.add('govuk-visually-hidden')\n    this.$announcements.setAttribute('aria-live', 'assertive')\n    this.$root.insertAdjacentElement('afterend', this.$announcements)\n\n    // if there is no CSS and input is hidden\n    // button will need to handle drop event\n    this.$button.addEventListener('drop', this.onDrop.bind(this))\n\n    // While user is dragging, it gets a little more complex because of Safari.\n    // Safari doesn't fill `relatedTarget` on `dragleave` (nor `dragenter`).\n    // This means we can't use `relatedTarget` to:\n    // - check if the user is still within the wrapper\n    //   (`relatedTarget` being a descendant of the wrapper)\n    // - check if the user is still over the viewport\n    //   (`relatedTarget` being null if outside)\n\n    // Thanks to `dragenter` bubbling, we can listen on the `document` with a\n    // single function and update the visibility based on whether we entered a\n    // node inside or outside the wrapper.\n    document.addEventListener(\n      'dragenter',\n      this.updateDropzoneVisibility.bind(this)\n    )\n\n    // To detect if we're outside the document, we can track if there was a\n    // `dragenter` event preceding a `dragleave`. If there wasn't, this means\n    // we're outside the document.\n    //\n    // The order of events is guaranteed by the HTML specs:\n    // https://html.spec.whatwg.org/multipage/dnd.html#drag-and-drop-processing-model\n    document.addEventListener('dragenter', () => {\n      this.enteredAnotherElement = true\n    })\n\n    document.addEventListener('dragleave', () => {\n      if (!this.enteredAnotherElement && !this.$button.disabled) {\n        this.hideDraggingState()\n        this.$announcements.innerText = this.i18n.t('leftDropZone')\n      }\n\n      this.enteredAnotherElement = false\n    })\n  }\n\n  /**\n   * Updates the visibility of the dropzone as users enters the various elements on the page\n   *\n   * @private\n   * @param {DragEvent} event - The `dragenter` event\n   */\n  updateDropzoneVisibility(event) {\n    if (this.$button.disabled) return\n\n    // DOM interfaces only type `event.target` as `EventTarget`\n    // so we first need to make sure it's a `Node`\n    if (event.target instanceof Node) {\n      if (this.$root.contains(event.target)) {\n        if (event.dataTransfer && isContainingFiles(event.dataTransfer)) {\n          // Only update the class and make the announcement if not already visible\n          // to avoid repeated announcements on NVDA (2024.4) + Firefox (133)\n          if (\n            !this.$button.classList.contains(\n              'govuk-file-upload-button--dragging'\n            )\n          ) {\n            this.showDraggingState()\n            this.$announcements.innerText = this.i18n.t('enteredDropZone')\n          }\n        }\n      } else {\n        // Only hide the dropzone if it is visible to prevent announcing user\n        // left the drop zone when they enter the page but haven't reached yet\n        // the file upload component\n        if (\n          this.$button.classList.contains('govuk-file-upload-button--dragging')\n        ) {\n          this.hideDraggingState()\n          this.$announcements.innerText = this.i18n.t('leftDropZone')\n        }\n      }\n    }\n  }\n\n  /**\n   * Show the drop zone visually\n   *\n   * @private\n   */\n  showDraggingState() {\n    this.$button.classList.add('govuk-file-upload-button--dragging')\n  }\n\n  /**\n   * Hides the drop zone visually\n   *\n   * @private\n   */\n  hideDraggingState() {\n    this.$button.classList.remove('govuk-file-upload-button--dragging')\n  }\n\n  /**\n   * Handles user dropping on the component\n   *\n   * @private\n   * @param {DragEvent} event - The `dragenter` event\n   */\n  onDrop(event) {\n    event.preventDefault()\n\n    if (event.dataTransfer && isContainingFiles(event.dataTransfer)) {\n      this.$input.files = event.dataTransfer.files\n\n      // Dispatch a `change` event so external code that would rely on the `<input>`\n      // dispatching an event when files are dropped still work.\n      // Use a `CustomEvent` so our events are distinguishable from browser's native events\n      this.$input.dispatchEvent(new CustomEvent('change'))\n\n      this.hideDraggingState()\n    }\n  }\n\n  /**\n   * Check if the value of the underlying input has changed\n   *\n   * @private\n   */\n  onChange() {\n    const fileCount = this.$input.files.length\n\n    if (fileCount === 0) {\n      // If there are no files, show the default selection text\n      this.$status.innerText = this.i18n.t('noFileChosen')\n      this.$button.classList.add('govuk-file-upload-button--empty')\n    } else {\n      if (\n        // If there is 1 file, just show the file name\n        fileCount === 1\n      ) {\n        this.$status.innerText = this.$input.files[0].name\n      } else {\n        // Otherwise, tell the user how many files are selected\n        this.$status.innerText = this.i18n.t('multipleFilesChosen', {\n          count: fileCount\n        })\n      }\n\n      this.$button.classList.remove('govuk-file-upload-button--empty')\n    }\n  }\n\n  /**\n   * Looks up the `<label>` element associated to the field\n   *\n   * @private\n   * @returns {HTMLElement} The `<label>` element associated to the field\n   * @throws {ElementError} If the `<label>` cannot be found\n   */\n  findLabel() {\n    // Use `label` in the selector so TypeScript knows the type fo `HTMLElement`\n    const $label = document.querySelector(`label[for=\"${this.$input.id}\"]`)\n\n    if (!$label) {\n      throw new ElementError({\n        component: FileUpload,\n        identifier: `Field label (\\`<label for=${this.$input.id}>\\`)`\n      })\n    }\n\n    return $label\n  }\n\n  /**\n   * When the button is clicked, emulate clicking the actual, hidden file input\n   *\n   * @private\n   */\n  onClick() {\n    this.$input.click()\n  }\n\n  /**\n   * Create a mutation observer to check if the input's attributes altered.\n   *\n   * @private\n   */\n  observeDisabledState() {\n    const observer = new MutationObserver((mutationList) => {\n      for (const mutation of mutationList) {\n        if (\n          mutation.type === 'attributes' &&\n          mutation.attributeName === 'disabled'\n        ) {\n          this.updateDisabledState()\n        }\n      }\n    })\n\n    observer.observe(this.$input, {\n      attributes: true\n    })\n  }\n\n  /**\n   * Synchronise the `disabled` state between the input and replacement button.\n   *\n   * @private\n   */\n  updateDisabledState() {\n    this.$button.disabled = this.$input.disabled\n\n    this.$root.classList.toggle(\n      'govuk-drop-zone--disabled',\n      this.$button.disabled\n    )\n  }\n\n  /**\n   * Name for the component used when initialising using data-module attributes.\n   */\n  static moduleName = 'govuk-file-upload'\n\n  /**\n   * File upload default config\n   *\n   * @see {@link FileUploadConfig}\n   * @constant\n   * @type {FileUploadConfig}\n   */\n  static defaults = Object.freeze({\n    i18n: {\n      chooseFilesButton: 'Choose file',\n      dropInstruction: 'or drop file',\n      noFileChosen: 'No file chosen',\n      multipleFilesChosen: {\n        // the 'one' string isn't used as the component displays the filename\n        // instead, however it's here for coverage's sake\n        one: '%{count} file chosen',\n        other: '%{count} files chosen'\n      },\n      enteredDropZone: 'Entered drop zone',\n      leftDropZone: 'Left drop zone'\n    }\n  })\n\n  /**\n   * File upload config schema\n   *\n   * @constant\n   * @satisfies {Schema<FileUploadConfig>}\n   */\n  static schema = Object.freeze({\n    properties: {\n      i18n: { type: 'object' }\n    }\n  })\n}\n\n/**\n * Checks if the given `DataTransfer` contains files\n *\n * @internal\n * @param {DataTransfer} dataTransfer - The `DataTransfer` to check\n * @returns {boolean} - `true` if it contains files or we can't infer it, `false` otherwise\n */\nfunction isContainingFiles(dataTransfer) {\n  // Safari sometimes does not provide info about types :'(\n  // In which case best not to assume anything and try to set the files\n  const hasNoTypesInfo = dataTransfer.types.length === 0\n\n  // When dragging images, there's a mix of mime types + Files\n  // which we can't assign to the native input\n  const isDraggingFiles = dataTransfer.types.some((type) => type === 'Files')\n\n  return hasNoTypesInfo || isDraggingFiles\n}\n\n/**\n * @typedef {HTMLInputElement & {files: FileList}} HTMLFileInputElement\n */\n\n/**\n * File upload config\n *\n * @see {@link FileUpload.defaults}\n * @typedef {object} FileUploadConfig\n * @property {FileUploadTranslations} [i18n=FileUpload.defaults.i18n] - File upload translations\n */\n\n/**\n * File upload translations\n *\n * @see {@link FileUpload.defaults.i18n}\n * @typedef {object} FileUploadTranslations\n *\n * Messages used by the component\n * @property {string} [chooseFile] - The text of the button that opens the file picker\n * @property {string} [dropInstruction] - The text informing users they can drop files\n * @property {TranslationPluralForms} [multipleFilesChosen] - The text displayed when multiple files\n *   have been chosen by the user\n * @property {string} [noFileChosen] - The text to displayed when no file has been chosen by the user\n * @property {string} [enteredDropZone] - The text announced by assistive technology\n *   when user drags files and enters the drop zone\n * @property {string} [leftDropZone] - The text announced by assistive technology\n *   when user drags files and leaves the drop zone without dropping\n */\n\n/**\n * @import { Schema } from '../../common/configuration.mjs'\n * @import { TranslationPluralForms } from '../../i18n.mjs'\n */\n","import { getBreakpoint } from '../../common/index.mjs'\nimport { Component } from '../../component.mjs'\nimport { ElementError } from '../../errors/index.mjs'\n\n/**\n * Header component\n *\n * @preserve\n */\nexport class Header extends Component {\n  /** @private */\n  $menuButton\n\n  /** @private */\n  $menu\n\n  /**\n   * Save the opened/closed state for the nav in memory so that we can\n   * accurately maintain state when the screen is changed from small to big and\n   * back to small\n   *\n   * @private\n   */\n  menuIsOpen = false\n\n  /**\n   * A global const for storing a matchMedia instance which we'll use to detect\n   * when a screen size change happens. We rely on it being null if the feature\n   * isn't available to initially apply hidden attributes\n   *\n   * @private\n   * @type {MediaQueryList | null}\n   */\n  mql = null\n\n  /**\n   * Apply a matchMedia for desktop which will trigger a state sync if the\n   * browser viewport moves between states.\n   *\n   * @param {Element | null} $root - HTML element to use for header\n   */\n  constructor($root) {\n    super($root)\n\n    const $menuButton = this.$root.querySelector('.govuk-js-header-toggle')\n\n    // Headers don't necessarily have a navigation. When they don't, the menu\n    // toggle won't be rendered by our macro (or may be omitted when writing\n    // plain HTML)\n    if (!$menuButton) {\n      return this\n    }\n\n    // Pad the header logo so it doesn't overlap the menu button\n    this.$root.classList.add('govuk-header--with-js-navigation')\n\n    const menuId = $menuButton.getAttribute('aria-controls')\n    if (!menuId) {\n      throw new ElementError({\n        component: Header,\n        identifier:\n          'Navigation button (`<button class=\"govuk-js-header-toggle\">`) attribute (`aria-controls`)'\n      })\n    }\n\n    const $menu = document.getElementById(menuId)\n    if (!$menu) {\n      throw new ElementError({\n        component: Header,\n        element: $menu,\n        identifier: `Navigation (\\`<ul id=\"${menuId}\">\\`)`\n      })\n    }\n\n    this.$menu = $menu\n    this.$menuButton = $menuButton\n\n    this.setupResponsiveChecks()\n\n    this.$menuButton.addEventListener('click', () =>\n      this.handleMenuButtonClick()\n    )\n  }\n\n  /**\n   * Setup viewport resize check\n   *\n   * @private\n   */\n  setupResponsiveChecks() {\n    const breakpoint = getBreakpoint('desktop')\n\n    if (!breakpoint.value) {\n      throw new ElementError({\n        component: Header,\n        identifier: `CSS custom property (\\`${breakpoint.property}\\`) on pseudo-class \\`:root\\``\n      })\n    }\n\n    // Media query list for GOV.UK Frontend desktop breakpoint\n    this.mql = window.matchMedia(`(min-width: ${breakpoint.value})`)\n\n    // MediaQueryList.addEventListener isn't supported by Safari < 14 so we need\n    // to be able to fall back to the deprecated MediaQueryList.addListener\n    if ('addEventListener' in this.mql) {\n      this.mql.addEventListener('change', () => this.checkMode())\n    } else {\n      // @ts-expect-error Property 'addListener' does not exist\n      // eslint-disable-next-line @typescript-eslint/no-unsafe-call\n      this.mql.addListener(() => this.checkMode())\n    }\n\n    this.checkMode()\n  }\n\n  /**\n   * Sync menu state\n   *\n   * Uses the global variable menuIsOpen to correctly set the accessible and\n   * visual states of the menu and the menu button.\n   * Additionally will force the menu to be visible and the menu button to be\n   * hidden if the matchMedia is triggered to desktop.\n   *\n   * @private\n   */\n  checkMode() {\n    if (!this.mql || !this.$menu || !this.$menuButton) {\n      return\n    }\n\n    if (this.mql.matches) {\n      this.$menu.removeAttribute('hidden')\n      this.$menuButton.setAttribute('hidden', '')\n    } else {\n      this.$menuButton.removeAttribute('hidden')\n      this.$menuButton.setAttribute('aria-expanded', this.menuIsOpen.toString())\n\n      if (this.menuIsOpen) {\n        this.$menu.removeAttribute('hidden')\n      } else {\n        this.$menu.setAttribute('hidden', '')\n      }\n    }\n  }\n\n  /**\n   * Handle menu button click\n   *\n   * When the menu button is clicked, change the visibility of the menu and then\n   * sync the accessibility state and menu button state\n   *\n   * @private\n   */\n  handleMenuButtonClick() {\n    this.menuIsOpen = !this.menuIsOpen\n    this.checkMode()\n  }\n\n  /**\n   * Name for the component used when initialising using data-module attributes.\n   */\n  static moduleName = 'govuk-header'\n}\n","import { ConfigurableComponent } from '../../common/configuration.mjs'\nimport { setFocus } from '../../common/index.mjs'\n\n/**\n * Notification Banner component\n *\n * @preserve\n * @augments ConfigurableComponent<NotificationBannerConfig>\n */\nexport class NotificationBanner extends ConfigurableComponent {\n  /**\n   * @param {Element | null} $root - HTML element to use for notification banner\n   * @param {NotificationBannerConfig} [config] - Notification banner config\n   */\n  constructor($root, config = {}) {\n    super($root, config)\n\n    /**\n     * Focus the notification banner\n     *\n     * If `role=\"alert\"` is set, focus the element to help some assistive\n     * technologies prioritise announcing it.\n     *\n     * You can turn off the auto-focus functionality by setting\n     * `data-disable-auto-focus=\"true\"` in the component HTML. You might wish to\n     * do this based on user research findings, or to avoid a clash with another\n     * element which should be focused when the page loads.\n     */\n    if (\n      this.$root.getAttribute('role') === 'alert' &&\n      !this.config.disableAutoFocus\n    ) {\n      setFocus(this.$root)\n    }\n  }\n\n  /**\n   * Name for the component used when initialising using data-module attributes.\n   */\n  static moduleName = 'govuk-notification-banner'\n\n  /**\n   * Notification banner default config\n   *\n   * @see {@link NotificationBannerConfig}\n   * @constant\n   * @type {NotificationBannerConfig}\n   */\n  static defaults = Object.freeze({\n    disableAutoFocus: false\n  })\n\n  /**\n   * Notification banner config schema\n   *\n   * @constant\n   * @satisfies {Schema<NotificationBannerConfig>}\n   */\n  static schema = Object.freeze({\n    properties: {\n      disableAutoFocus: { type: 'boolean' }\n    }\n  })\n}\n\n/**\n * Notification banner config\n *\n * @typedef {object} NotificationBannerConfig\n * @property {boolean} [disableAutoFocus=false] - If set to `true` the\n *   notification banner will not be focussed when the page loads. This only\n *   applies if the component has a `role` of `alert` – in other cases the\n *   component will not be focused on page load, regardless of this option.\n */\n\n/**\n * @import { Schema } from '../../common/configuration.mjs'\n */\n","import { closestAttributeValue } from '../../common/closest-attribute-value.mjs'\nimport { ConfigurableComponent } from '../../common/configuration.mjs'\nimport { ElementError } from '../../errors/index.mjs'\nimport { I18n } from '../../i18n.mjs'\n\n/**\n * Password input component\n *\n * @preserve\n * @augments ConfigurableComponent<PasswordInputConfig>\n */\nexport class PasswordInput extends ConfigurableComponent {\n  /** @private */\n  i18n\n\n  /**\n   * @private\n   * @type {HTMLInputElement}\n   */\n  $input\n\n  /**\n   * @private\n   * @type {HTMLButtonElement}\n   */\n  $showHideButton\n\n  /** @private */\n  $screenReaderStatusMessage\n\n  /**\n   * @param {Element | null} $root - HTML element to use for password input\n   * @param {PasswordInputConfig} [config] - Password input config\n   */\n  constructor($root, config = {}) {\n    super($root, config)\n\n    const $input = this.$root.querySelector('.govuk-js-password-input-input')\n    if (!($input instanceof HTMLInputElement)) {\n      throw new ElementError({\n        component: PasswordInput,\n        element: $input,\n        expectedType: 'HTMLInputElement',\n        identifier: 'Form field (`.govuk-js-password-input-input`)'\n      })\n    }\n\n    if ($input.type !== 'password') {\n      throw new ElementError(\n        'Password input: Form field (`.govuk-js-password-input-input`) must be of type `password`.'\n      )\n    }\n\n    const $showHideButton = this.$root.querySelector(\n      '.govuk-js-password-input-toggle'\n    )\n    if (!($showHideButton instanceof HTMLButtonElement)) {\n      throw new ElementError({\n        component: PasswordInput,\n        element: $showHideButton,\n        expectedType: 'HTMLButtonElement',\n        identifier: 'Button (`.govuk-js-password-input-toggle`)'\n      })\n    }\n\n    if ($showHideButton.type !== 'button') {\n      throw new ElementError(\n        'Password input: Button (`.govuk-js-password-input-toggle`) must be of type `button`.'\n      )\n    }\n\n    this.$input = $input\n    this.$showHideButton = $showHideButton\n\n    this.i18n = new I18n(this.config.i18n, {\n      // Read the fallback if necessary rather than have it set in the defaults\n      locale: closestAttributeValue(this.$root, 'lang')\n    })\n\n    // Show the toggle button element\n    this.$showHideButton.removeAttribute('hidden')\n\n    // Create and append the status text for screen readers.\n    // This is injected between the input and button so that users get a sensible reading order if\n    // moving through the page content linearly:\n    // [password input] -> [your password is visible/hidden] -> [show/hide password]\n    const $screenReaderStatusMessage = document.createElement('div')\n    $screenReaderStatusMessage.className =\n      'govuk-password-input__sr-status govuk-visually-hidden'\n    $screenReaderStatusMessage.setAttribute('aria-live', 'polite')\n    this.$screenReaderStatusMessage = $screenReaderStatusMessage\n    this.$input.insertAdjacentElement('afterend', $screenReaderStatusMessage)\n\n    // Bind toggle button\n    this.$showHideButton.addEventListener('click', this.toggle.bind(this))\n\n    // Bind event to revert the password visibility to hidden\n    if (this.$input.form) {\n      this.$input.form.addEventListener('submit', () => this.hide())\n    }\n\n    // If the page is restored from bfcache and the password is visible, hide it again\n    window.addEventListener('pageshow', (event) => {\n      if (event.persisted && this.$input.type !== 'password') {\n        this.hide()\n      }\n    })\n\n    // Default the component to having the password hidden.\n    this.hide()\n  }\n\n  /**\n   * Toggle the visibility of the password input\n   *\n   * @private\n   * @param {MouseEvent} event - Click event\n   */\n  toggle(event) {\n    event.preventDefault()\n\n    // If on this click, the field is type=\"password\", show the value\n    if (this.$input.type === 'password') {\n      this.show()\n      return\n    }\n\n    // Otherwise, hide it\n    // Being defensive - hiding should always be the default\n    this.hide()\n  }\n\n  /**\n   * Show the password input value in plain text.\n   *\n   * @private\n   */\n  show() {\n    this.setType('text')\n  }\n\n  /**\n   * Hide the password input value.\n   *\n   * @private\n   */\n  hide() {\n    this.setType('password')\n  }\n\n  /**\n   * Set the password input type\n   *\n   * @param {'text' | 'password'} type - Input type\n   * @private\n   */\n  setType(type) {\n    if (type === this.$input.type) {\n      return\n    }\n\n    // Update input type\n    this.$input.setAttribute('type', type)\n\n    const isHidden = type === 'password'\n    const prefixButton = isHidden ? 'show' : 'hide'\n    const prefixStatus = isHidden ? 'passwordHidden' : 'passwordShown'\n\n    // Update button text\n    this.$showHideButton.innerText = this.i18n.t(`${prefixButton}Password`)\n\n    // Update button aria-label\n    this.$showHideButton.setAttribute(\n      'aria-label',\n      this.i18n.t(`${prefixButton}PasswordAriaLabel`)\n    )\n\n    // Update status change text\n    this.$screenReaderStatusMessage.innerText = this.i18n.t(\n      `${prefixStatus}Announcement`\n    )\n  }\n\n  /**\n   * Name for the component used when initialising using data-module attributes.\n   */\n  static moduleName = 'govuk-password-input'\n\n  /**\n   * Password input default config\n   *\n   * @see {@link PasswordInputConfig}\n   * @constant\n   * @default\n   * @type {PasswordInputConfig}\n   */\n  static defaults = Object.freeze({\n    i18n: {\n      showPassword: 'Show',\n      hidePassword: 'Hide',\n      showPasswordAriaLabel: 'Show password',\n      hidePasswordAriaLabel: 'Hide password',\n      passwordShownAnnouncement: 'Your password is visible',\n      passwordHiddenAnnouncement: 'Your password is hidden'\n    }\n  })\n\n  /**\n   * Password input config schema\n   *\n   * @constant\n   * @satisfies {Schema<PasswordInputConfig>}\n   */\n  static schema = Object.freeze({\n    properties: {\n      i18n: { type: 'object' }\n    }\n  })\n}\n\n/**\n * Password input config\n *\n * @typedef {object} PasswordInputConfig\n * @property {PasswordInputTranslations} [i18n=PasswordInput.defaults.i18n] - Password input translations\n */\n\n/**\n * Password input translations\n *\n * @see {@link PasswordInput.defaults.i18n}\n * @typedef {object} PasswordInputTranslations\n *\n * Messages displayed to the user indicating the state of the show/hide toggle.\n * @property {string} [showPassword] - Visible text of the button when the\n *   password is currently hidden. Plain text only.\n * @property {string} [hidePassword] - Visible text of the button when the\n *   password is currently visible. Plain text only.\n * @property {string} [showPasswordAriaLabel] - aria-label of the button when\n *   the password is currently hidden. Plain text only.\n * @property {string} [hidePasswordAriaLabel] - aria-label of the button when\n *   the password is currently visible. Plain text only.\n * @property {string} [passwordShownAnnouncement] - Screen reader\n *   announcement to make when the password has just become visible.\n *   Plain text only.\n * @property {string} [passwordHiddenAnnouncement] - Screen reader\n *   announcement to make when the password has just been hidden.\n *   Plain text only.\n */\n\n/**\n * @import { Schema } from '../../common/configuration.mjs'\n */\n","import { Component } from '../../component.mjs'\nimport { ElementError } from '../../errors/index.mjs'\n\n/**\n * Radios component\n *\n * @preserve\n */\nexport class Radios extends Component {\n  /** @private */\n  $inputs\n\n  /**\n   * Radios can be associated with a 'conditionally revealed' content block –\n   * for example, a radio for 'Phone' could reveal an additional form field for\n   * the user to enter their phone number.\n   *\n   * These associations are made using a `data-aria-controls` attribute, which\n   * is promoted to an aria-controls attribute during initialisation.\n   *\n   * We also need to restore the state of any conditional reveals on the page\n   * (for example if the user has navigated back), and set up event handlers to\n   * keep the reveal in sync with the radio state.\n   *\n   * @param {Element | null} $root - HTML element to use for radios\n   */\n  constructor($root) {\n    super($root)\n\n    const $inputs = this.$root.querySelectorAll('input[type=\"radio\"]')\n    if (!$inputs.length) {\n      throw new ElementError({\n        component: Radios,\n        identifier: 'Form inputs (`<input type=\"radio\">`)'\n      })\n    }\n\n    this.$inputs = $inputs\n\n    this.$inputs.forEach(($input) => {\n      const targetId = $input.getAttribute('data-aria-controls')\n\n      // Skip radios without data-aria-controls attributes\n      if (!targetId) {\n        return\n      }\n\n      // Throw if target conditional element does not exist.\n      if (!document.getElementById(targetId)) {\n        throw new ElementError({\n          component: Radios,\n          identifier: `Conditional reveal (\\`id=\"${targetId}\"\\`)`\n        })\n      }\n\n      // Promote the data-aria-controls attribute to a aria-controls attribute\n      // so that the relationship is exposed in the AOM\n      $input.setAttribute('aria-controls', targetId)\n      $input.removeAttribute('data-aria-controls')\n    })\n\n    // When the page is restored after navigating 'back' in some browsers the\n    // state of form controls is not restored until *after* the DOMContentLoaded\n    // event is fired, so we need to sync after the pageshow event.\n    window.addEventListener('pageshow', () => this.syncAllConditionalReveals())\n\n    // Although we've set up handlers to sync state on the pageshow event, init\n    // could be called after those events have fired, for example if they are\n    // added to the page dynamically, so sync now too.\n    this.syncAllConditionalReveals()\n\n    // Handle events\n    this.$root.addEventListener('click', (event) => this.handleClick(event))\n  }\n\n  /**\n   * Sync the conditional reveal states for all radio buttons in this component.\n   *\n   * @private\n   */\n  syncAllConditionalReveals() {\n    this.$inputs.forEach(($input) =>\n      this.syncConditionalRevealWithInputState($input)\n    )\n  }\n\n  /**\n   * Sync conditional reveal with the input state\n   *\n   * Synchronise the visibility of the conditional reveal, and its accessible\n   * state, with the input's checked state.\n   *\n   * @private\n   * @param {HTMLInputElement} $input - Radio input\n   */\n  syncConditionalRevealWithInputState($input) {\n    const targetId = $input.getAttribute('aria-controls')\n    if (!targetId) {\n      return\n    }\n\n    const $target = document.getElementById(targetId)\n    if ($target?.classList.contains('govuk-radios__conditional')) {\n      const inputIsChecked = $input.checked\n\n      $input.setAttribute('aria-expanded', inputIsChecked.toString())\n      $target.classList.toggle(\n        'govuk-radios__conditional--hidden',\n        !inputIsChecked\n      )\n    }\n  }\n\n  /**\n   * Click event handler\n   *\n   * Handle a click within the component root – if the click occurred on a radio, sync\n   * the state of the conditional reveal for all radio buttons in the same form\n   * with the same name (because checking one radio could have un-checked a\n   * radio under the root of another Radio component)\n   *\n   * @private\n   * @param {MouseEvent} event - Click event\n   */\n  handleClick(event) {\n    const $clickedInput = event.target\n\n    // Ignore clicks on things that aren't radio buttons\n    if (\n      !($clickedInput instanceof HTMLInputElement) ||\n      $clickedInput.type !== 'radio'\n    ) {\n      return\n    }\n\n    // We only need to consider radios with conditional reveals, which will have\n    // aria-controls attributes.\n    const $allInputs = document.querySelectorAll(\n      'input[type=\"radio\"][aria-controls]'\n    )\n\n    const $clickedInputForm = $clickedInput.form\n    const $clickedInputName = $clickedInput.name\n\n    $allInputs.forEach(($input) => {\n      const hasSameFormOwner = $input.form === $clickedInputForm\n      const hasSameName = $input.name === $clickedInputName\n\n      if (hasSameName && hasSameFormOwner) {\n        this.syncConditionalRevealWithInputState($input)\n      }\n    })\n  }\n\n  /**\n   * Name for the component used when initialising using data-module attributes.\n   */\n  static moduleName = 'govuk-radios'\n}\n","import { getBreakpoint } from '../../common/index.mjs'\nimport { Component } from '../../component.mjs'\nimport { ElementError } from '../../errors/index.mjs'\n\n/**\n * Service Navigation component\n *\n * @preserve\n */\nexport class ServiceNavigation extends Component {\n  /** @private */\n  $menuButton\n\n  /** @private */\n  $menu\n\n  /**\n   * Remember the open/closed state of the nav so we can maintain it when the\n   * screen is resized.\n   *\n   * @private\n   */\n  menuIsOpen = false\n\n  /**\n   * A global const for storing a matchMedia instance which we'll use to detect\n   * when a screen size change happens. We rely on it being null if the feature\n   * isn't available to initially apply hidden attributes\n   *\n   * @private\n   * @type {MediaQueryList | null}\n   */\n  mql = null\n\n  /**\n   * @param {Element | null} $root - HTML element to use for header\n   */\n  constructor($root) {\n    super($root)\n\n    const $menuButton = this.$root.querySelector(\n      '.govuk-js-service-navigation-toggle'\n    )\n\n    // Headers don't necessarily have a navigation. When they don't, the menu\n    // toggle won't be rendered by our macro (or may be omitted when writing\n    // plain HTML)\n    if (!$menuButton) {\n      return this\n    }\n\n    const menuId = $menuButton.getAttribute('aria-controls')\n    if (!menuId) {\n      throw new ElementError({\n        component: ServiceNavigation,\n        identifier:\n          'Navigation button (`<button class=\"govuk-js-service-navigation-toggle\">`) attribute (`aria-controls`)'\n      })\n    }\n\n    const $menu = document.getElementById(menuId)\n    if (!$menu) {\n      throw new ElementError({\n        component: ServiceNavigation,\n        element: $menu,\n        identifier: `Navigation (\\`<ul id=\"${menuId}\">\\`)`\n      })\n    }\n\n    this.$menu = $menu\n    this.$menuButton = $menuButton\n\n    this.setupResponsiveChecks()\n\n    this.$menuButton.addEventListener('click', () =>\n      this.handleMenuButtonClick()\n    )\n  }\n\n  /**\n   * Setup viewport resize check\n   *\n   * @private\n   */\n  setupResponsiveChecks() {\n    const breakpoint = getBreakpoint('tablet')\n\n    if (!breakpoint.value) {\n      throw new ElementError({\n        component: ServiceNavigation,\n        identifier: `CSS custom property (\\`${breakpoint.property}\\`) on pseudo-class \\`:root\\``\n      })\n    }\n\n    // Media query list for GOV.UK Frontend desktop breakpoint\n    this.mql = window.matchMedia(`(min-width: ${breakpoint.value})`)\n\n    // MediaQueryList.addEventListener isn't supported by Safari < 14 so we need\n    // to be able to fall back to the deprecated MediaQueryList.addListener\n    if ('addEventListener' in this.mql) {\n      this.mql.addEventListener('change', () => this.checkMode())\n    } else {\n      // @ts-expect-error Property 'addListener' does not exist\n      // eslint-disable-next-line @typescript-eslint/no-unsafe-call\n      this.mql.addListener(() => this.checkMode())\n    }\n\n    this.checkMode()\n  }\n\n  /**\n   * Sync menu state\n   *\n   * Uses the global variable menuIsOpen to correctly set the accessible and\n   * visual states of the menu and the menu button.\n   * Additionally will force the menu to be visible and the menu button to be\n   * hidden if the matchMedia is triggered to desktop.\n   *\n   * @private\n   */\n  checkMode() {\n    if (!this.mql || !this.$menu || !this.$menuButton) {\n      return\n    }\n\n    if (this.mql.matches) {\n      this.$menu.removeAttribute('hidden')\n      this.$menuButton.setAttribute('hidden', '')\n    } else {\n      this.$menuButton.removeAttribute('hidden')\n      this.$menuButton.setAttribute('aria-expanded', this.menuIsOpen.toString())\n\n      if (this.menuIsOpen) {\n        this.$menu.removeAttribute('hidden')\n      } else {\n        this.$menu.setAttribute('hidden', '')\n      }\n    }\n  }\n\n  /**\n   * Handle menu button click\n   *\n   * When the menu button is clicked, change the visibility of the menu and then\n   * sync the accessibility state and menu button state\n   *\n   * @private\n   */\n  handleMenuButtonClick() {\n    this.menuIsOpen = !this.menuIsOpen\n    this.checkMode()\n  }\n\n  /**\n   * Name for the component used when initialising using data-module attributes.\n   */\n  static moduleName = 'govuk-service-navigation'\n}\n","import { setFocus } from '../../common/index.mjs'\nimport { Component } from '../../component.mjs'\nimport { ElementError } from '../../errors/index.mjs'\n\n/**\n * Skip link component\n *\n * @preserve\n * @augments Component<HTMLAnchorElement>\n */\nexport class SkipLink extends Component {\n  static elementType = HTMLAnchorElement\n\n  /**\n   * @param {Element | null} $root - HTML element to use for skip link\n   * @throws {ElementError} when $root is not set or the wrong type\n   * @throws {ElementError} when $root.hash does not contain a hash\n   * @throws {ElementError} when the linked element is missing or the wrong type\n   */\n  constructor($root) {\n    super($root)\n\n    const hash = this.$root.hash\n    const href = this.$root.getAttribute('href') ?? ''\n\n    // Return early for external URLs or links to other pages\n    if (\n      this.$root.origin !== window.location.origin ||\n      this.$root.pathname !== window.location.pathname\n    ) {\n      return\n    }\n\n    const linkedElementId = hash.replace('#', '')\n\n    // Check link path matching current page\n    if (!linkedElementId) {\n      throw new ElementError(\n        `Skip link: Target link (\\`href=\"${href}\"\\`) has no hash fragment`\n      )\n    }\n\n    const $linkedElement = document.getElementById(linkedElementId)\n\n    // Check for link target element\n    if (!$linkedElement) {\n      throw new ElementError({\n        component: SkipLink,\n        element: $linkedElement,\n        identifier: `Target content (\\`id=\"${linkedElementId}\"\\`)`\n      })\n    }\n\n    /**\n     * Focus the linked element on click\n     *\n     * Adds a helper CSS class to hide native focus styles,\n     * but removes it on blur to restore native focus styles\n     */\n    this.$root.addEventListener('click', () =>\n      setFocus($linkedElement, {\n        onBeforeFocus() {\n          $linkedElement.classList.add('govuk-skip-link-focused-element')\n        },\n        onBlur() {\n          $linkedElement.classList.remove('govuk-skip-link-focused-element')\n        }\n      })\n    )\n  }\n\n  /**\n   * Name for the component used when initialising using data-module attributes.\n   */\n  static moduleName = 'govuk-skip-link'\n}\n","import { getBreakpoint } from '../../common/index.mjs'\nimport { Component } from '../../component.mjs'\nimport { ElementError } from '../../errors/index.mjs'\n\n/**\n * Tabs component\n *\n * @preserve\n */\nexport class Tabs extends Component {\n  /** @private */\n  $tabs\n\n  /** @private */\n  $tabList\n\n  /** @private */\n  $tabListItems\n\n  /** @private */\n  jsHiddenClass = 'govuk-tabs__panel--hidden'\n\n  /** @private */\n  changingHash = false\n\n  /** @private */\n  boundTabClick\n\n  /** @private */\n  boundTabKeydown\n\n  /** @private */\n  boundOnHashChange\n\n  /**\n   * @private\n   * @type {MediaQueryList | null}\n   */\n  mql = null\n\n  /**\n   * @param {Element | null} $root - HTML element to use for tabs\n   */\n  constructor($root) {\n    super($root)\n\n    const $tabs = this.$root.querySelectorAll('a.govuk-tabs__tab')\n    if (!$tabs.length) {\n      throw new ElementError({\n        component: Tabs,\n        identifier: 'Links (`<a class=\"govuk-tabs__tab\">`)'\n      })\n    }\n\n    this.$tabs = $tabs\n\n    // Save bound functions so we can remove event listeners during teardown\n    this.boundTabClick = this.onTabClick.bind(this)\n    this.boundTabKeydown = this.onTabKeydown.bind(this)\n    this.boundOnHashChange = this.onHashChange.bind(this)\n\n    const $tabList = this.$root.querySelector('.govuk-tabs__list')\n    const $tabListItems = this.$root.querySelectorAll(\n      'li.govuk-tabs__list-item'\n    )\n\n    if (!$tabList) {\n      throw new ElementError({\n        component: Tabs,\n        identifier: 'List (`<ul class=\"govuk-tabs__list\">`)'\n      })\n    }\n\n    if (!$tabListItems.length) {\n      throw new ElementError({\n        component: Tabs,\n        identifier: 'List items (`<li class=\"govuk-tabs__list-item\">`)'\n      })\n    }\n\n    this.$tabList = $tabList\n    this.$tabListItems = $tabListItems\n\n    this.setupResponsiveChecks()\n  }\n\n  /**\n   * Setup viewport resize check\n   *\n   * @private\n   */\n  setupResponsiveChecks() {\n    const breakpoint = getBreakpoint('tablet')\n\n    if (!breakpoint.value) {\n      throw new ElementError({\n        component: Tabs,\n        identifier: `CSS custom property (\\`${breakpoint.property}\\`) on pseudo-class \\`:root\\``\n      })\n    }\n\n    // Media query list for GOV.UK Frontend tablet breakpoint\n    this.mql = window.matchMedia(`(min-width: ${breakpoint.value})`)\n\n    // MediaQueryList.addEventListener isn't supported by Safari < 14 so we need\n    // to be able to fall back to the deprecated MediaQueryList.addListener\n    if ('addEventListener' in this.mql) {\n      this.mql.addEventListener('change', () => this.checkMode())\n    } else {\n      // @ts-expect-error Property 'addListener' does not exist\n      // eslint-disable-next-line @typescript-eslint/no-unsafe-call\n      this.mql.addListener(() => this.checkMode())\n    }\n\n    this.checkMode()\n  }\n\n  /**\n   * Setup or teardown handler for viewport resize check\n   *\n   * @private\n   */\n  checkMode() {\n    if (this.mql?.matches) {\n      this.setup()\n    } else {\n      this.teardown()\n    }\n  }\n\n  /**\n   * Setup tab component\n   *\n   * @private\n   */\n  setup() {\n    this.$tabList.setAttribute('role', 'tablist')\n\n    this.$tabListItems.forEach(($item) => {\n      $item.setAttribute('role', 'presentation')\n    })\n\n    this.$tabs.forEach(($tab) => {\n      // Set HTML attributes\n      this.setAttributes($tab)\n\n      // Handle events\n      $tab.addEventListener('click', this.boundTabClick, true)\n      $tab.addEventListener('keydown', this.boundTabKeydown, true)\n\n      // Remove old active panels\n      this.hideTab($tab)\n    })\n\n    // Show either the active tab according to the URL's hash or the first tab\n    const $activeTab = this.getTab(window.location.hash) ?? this.$tabs[0]\n\n    this.showTab($activeTab)\n\n    // Handle hashchange events\n    window.addEventListener('hashchange', this.boundOnHashChange, true)\n  }\n\n  /**\n   * Teardown tab component\n   *\n   * @private\n   */\n  teardown() {\n    this.$tabList.removeAttribute('role')\n\n    this.$tabListItems.forEach(($item) => {\n      $item.removeAttribute('role')\n    })\n\n    this.$tabs.forEach(($tab) => {\n      // Remove events\n      $tab.removeEventListener('click', this.boundTabClick, true)\n      $tab.removeEventListener('keydown', this.boundTabKeydown, true)\n\n      // Unset HTML attributes\n      this.unsetAttributes($tab)\n    })\n\n    // Remove hashchange event handler\n    window.removeEventListener('hashchange', this.boundOnHashChange, true)\n  }\n\n  /**\n   * Handle hashchange event\n   *\n   * @private\n   * @returns {void | undefined} Returns void, or undefined when prevented\n   */\n  onHashChange() {\n    const hash = window.location.hash\n    const $tabWithHash = this.getTab(hash)\n    if (!$tabWithHash) {\n      return\n    }\n\n    // Prevent changing the hash\n    if (this.changingHash) {\n      this.changingHash = false\n      return\n    }\n\n    // Show either the active tab according to the URL's hash or the first tab\n    const $previousTab = this.getCurrentTab()\n    if (!$previousTab) {\n      return\n    }\n\n    this.hideTab($previousTab)\n    this.showTab($tabWithHash)\n    $tabWithHash.focus()\n  }\n\n  /**\n   * Hide panel for tab link\n   *\n   * @private\n   * @param {HTMLAnchorElement} $tab - Tab link\n   */\n  hideTab($tab) {\n    this.unhighlightTab($tab)\n    this.hidePanel($tab)\n  }\n\n  /**\n   * Show panel for tab link\n   *\n   * @private\n   * @param {HTMLAnchorElement} $tab - Tab link\n   */\n  showTab($tab) {\n    this.highlightTab($tab)\n    this.showPanel($tab)\n  }\n\n  /**\n   * Get tab link by hash\n   *\n   * @private\n   * @param {string} hash - Hash fragment including #\n   * @returns {HTMLAnchorElement | null} Tab link\n   */\n  getTab(hash) {\n    return this.$root.querySelector(`a.govuk-tabs__tab[href=\"${hash}\"]`)\n  }\n\n  /**\n   * Set tab link and panel attributes\n   *\n   * @private\n   * @param {HTMLAnchorElement} $tab - Tab link\n   */\n  setAttributes($tab) {\n    const panelId = $tab.hash.replace('#', '')\n    if (!panelId) {\n      return\n    }\n\n    // Set tab attributes\n    $tab.setAttribute('id', `tab_${panelId}`)\n    $tab.setAttribute('role', 'tab')\n    $tab.setAttribute('aria-controls', panelId)\n    $tab.setAttribute('aria-selected', 'false')\n    $tab.setAttribute('tabindex', '-1')\n\n    // Set panel attributes\n    const $panel = this.getPanel($tab)\n    if (!$panel) {\n      return\n    }\n\n    $panel.setAttribute('role', 'tabpanel')\n    $panel.setAttribute('aria-labelledby', $tab.id)\n    $panel.classList.add(this.jsHiddenClass)\n  }\n\n  /**\n   * Unset tab link and panel attributes\n   *\n   * @private\n   * @param {HTMLAnchorElement} $tab - Tab link\n   */\n  unsetAttributes($tab) {\n    // unset tab attributes\n    $tab.removeAttribute('id')\n    $tab.removeAttribute('role')\n    $tab.removeAttribute('aria-controls')\n    $tab.removeAttribute('aria-selected')\n    $tab.removeAttribute('tabindex')\n\n    // unset panel attributes\n    const $panel = this.getPanel($tab)\n    if (!$panel) {\n      return\n    }\n\n    $panel.removeAttribute('role')\n    $panel.removeAttribute('aria-labelledby')\n    $panel.classList.remove(this.jsHiddenClass)\n  }\n\n  /**\n   * Handle tab link clicks\n   *\n   * @private\n   * @param {MouseEvent} event - Mouse click event\n   * @returns {void} Returns void\n   */\n  onTabClick(event) {\n    const $currentTab = this.getCurrentTab()\n    const $nextTab = event.currentTarget\n\n    if (!$currentTab || !($nextTab instanceof HTMLAnchorElement)) {\n      return\n    }\n\n    event.preventDefault()\n\n    this.hideTab($currentTab)\n    this.showTab($nextTab)\n    this.createHistoryEntry($nextTab)\n  }\n\n  /**\n   * Update browser URL hash fragment for tab\n   *\n   * - Allows back/forward to navigate tabs\n   * - Avoids page jump when hash changes\n   *\n   * @private\n   * @param {HTMLAnchorElement} $tab - Tab link\n   */\n  createHistoryEntry($tab) {\n    const $panel = this.getPanel($tab)\n    if (!$panel) {\n      return\n    }\n\n    // Save and restore the id so the page doesn't jump when a user clicks a tab\n    // (which changes the hash)\n    const panelId = $panel.id\n    $panel.id = ''\n    this.changingHash = true\n    window.location.hash = panelId\n    $panel.id = panelId\n  }\n\n  /**\n   * Handle tab keydown event\n   *\n   * - Press right arrow for next tab\n   * - Press left arrow for previous tab\n   *\n   * @private\n   * @param {KeyboardEvent} event - Keydown event\n   */\n  onTabKeydown(event) {\n    switch (event.key) {\n      // 'Left' and 'Right' required for Edge 16 support.\n      case 'ArrowLeft':\n      case 'Left':\n        this.activatePreviousTab()\n        event.preventDefault()\n        break\n      case 'ArrowRight':\n      case 'Right':\n        this.activateNextTab()\n        event.preventDefault()\n        break\n    }\n  }\n\n  /**\n   * Activate next tab\n   *\n   * @private\n   */\n  activateNextTab() {\n    const $currentTab = this.getCurrentTab()\n    if (!$currentTab?.parentElement) {\n      return\n    }\n\n    const $nextTabListItem = $currentTab.parentElement.nextElementSibling\n    if (!$nextTabListItem) {\n      return\n    }\n\n    const $nextTab = $nextTabListItem.querySelector('a.govuk-tabs__tab')\n    if (!$nextTab) {\n      return\n    }\n\n    this.hideTab($currentTab)\n    this.showTab($nextTab)\n    $nextTab.focus()\n    this.createHistoryEntry($nextTab)\n  }\n\n  /**\n   * Activate previous tab\n   *\n   * @private\n   */\n  activatePreviousTab() {\n    const $currentTab = this.getCurrentTab()\n    if (!$currentTab?.parentElement) {\n      return\n    }\n\n    const $previousTabListItem =\n      $currentTab.parentElement.previousElementSibling\n    if (!$previousTabListItem) {\n      return\n    }\n\n    const $previousTab = $previousTabListItem.querySelector('a.govuk-tabs__tab')\n    if (!$previousTab) {\n      return\n    }\n\n    this.hideTab($currentTab)\n    this.showTab($previousTab)\n    $previousTab.focus()\n    this.createHistoryEntry($previousTab)\n  }\n\n  /**\n   * Get tab panel for tab link\n   *\n   * @private\n   * @param {HTMLAnchorElement} $tab - Tab link\n   * @returns {Element | null} Tab panel\n   */\n  getPanel($tab) {\n    const panelId = $tab.hash.replace('#', '')\n    if (!panelId) {\n      return null\n    }\n\n    return this.$root.querySelector(`#${panelId}`)\n  }\n\n  /**\n   * Show tab panel for tab link\n   *\n   * @private\n   * @param {HTMLAnchorElement} $tab - Tab link\n   */\n  showPanel($tab) {\n    const $panel = this.getPanel($tab)\n    if (!$panel) {\n      return\n    }\n\n    $panel.classList.remove(this.jsHiddenClass)\n  }\n\n  /**\n   * Hide tab panel for tab link\n   *\n   * @private\n   * @param {HTMLAnchorElement} $tab - Tab link\n   */\n  hidePanel($tab) {\n    const $panel = this.getPanel($tab)\n    if (!$panel) {\n      return\n    }\n\n    $panel.classList.add(this.jsHiddenClass)\n  }\n\n  /**\n   * Unset 'selected' state for tab link\n   *\n   * @private\n   * @param {HTMLAnchorElement} $tab - Tab link\n   */\n  unhighlightTab($tab) {\n    if (!$tab.parentElement) {\n      return\n    }\n\n    $tab.setAttribute('aria-selected', 'false')\n    $tab.parentElement.classList.remove('govuk-tabs__list-item--selected')\n    $tab.setAttribute('tabindex', '-1')\n  }\n\n  /**\n   * Set 'selected' state for tab link\n   *\n   * @private\n   * @param {HTMLAnchorElement} $tab - Tab link\n   */\n  highlightTab($tab) {\n    if (!$tab.parentElement) {\n      return\n    }\n\n    $tab.setAttribute('aria-selected', 'true')\n    $tab.parentElement.classList.add('govuk-tabs__list-item--selected')\n    $tab.setAttribute('tabindex', '0')\n  }\n\n  /**\n   * Get current tab link\n   *\n   * @private\n   * @returns {HTMLAnchorElement | null} Tab link\n   */\n  getCurrentTab() {\n    return this.$root.querySelector(\n      '.govuk-tabs__list-item--selected a.govuk-tabs__tab'\n    )\n  }\n\n  /**\n   * Name for the component used when initialising using data-module attributes.\n   */\n  static moduleName = 'govuk-tabs'\n}\n","import { normaliseOptions } from './common/configuration.mjs'\nimport { isObject, isSupported } from './common/index.mjs'\nimport { Accordion } from './components/accordion/accordion.mjs'\nimport { Button } from './components/button/button.mjs'\nimport { CharacterCount } from './components/character-count/character-count.mjs'\nimport { Checkboxes } from './components/checkboxes/checkboxes.mjs'\nimport { ErrorSummary } from './components/error-summary/error-summary.mjs'\nimport { ExitThisPage } from './components/exit-this-page/exit-this-page.mjs'\nimport { FileUpload } from './components/file-upload/file-upload.mjs'\nimport { Header } from './components/header/header.mjs'\nimport { NotificationBanner } from './components/notification-banner/notification-banner.mjs'\nimport { PasswordInput } from './components/password-input/password-input.mjs'\nimport { Radios } from './components/radios/radios.mjs'\nimport { ServiceNavigation } from './components/service-navigation/service-navigation.mjs'\nimport { SkipLink } from './components/skip-link/skip-link.mjs'\nimport { Tabs } from './components/tabs/tabs.mjs'\nimport { ElementError, SupportError } from './errors/index.mjs'\n\n/**\n * Initialise all components\n *\n * Use the `data-module` attributes to find, instantiate and init all of the\n * components provided as part of GOV.UK Frontend.\n *\n * @param {Config | Element | Document | null} [scopeOrConfig] - Scope of the document to search within or config for all components (with optional scope)\n */\nfunction initAll(scopeOrConfig = {}) {\n  const config = isObject(scopeOrConfig) ? scopeOrConfig : {}\n\n  // Extract initialisation options\n  const options = normaliseOptions(scopeOrConfig)\n\n  try {\n    // Skip initialisation when GOV.UK Frontend is not supported\n    if (!isSupported()) {\n      throw new SupportError()\n    }\n\n    // Users can initialise GOV.UK Frontend in certain sections of the page\n    // unless the scope is null (for example, query selector not found)\n    if (options.scope === null) {\n      throw new ElementError({\n        element: options.scope,\n        identifier: 'GOV.UK Frontend scope element (`$scope`)'\n      })\n    }\n  } catch (error) {\n    if (options.onError) {\n      options.onError(error, {\n        config\n      })\n    } else {\n      console.log(error)\n    }\n\n    return\n  }\n\n  const components = /** @type {const} */ ([\n    [Accordion, config.accordion],\n    [Button, config.button],\n    [CharacterCount, config.characterCount],\n    [Checkboxes],\n    [ErrorSummary, config.errorSummary],\n    [ExitThisPage, config.exitThisPage],\n    [FileUpload, config.fileUpload],\n    [Header],\n    [NotificationBanner, config.notificationBanner],\n    [PasswordInput, config.passwordInput],\n    [Radios],\n    [ServiceNavigation],\n    [SkipLink],\n    [Tabs]\n  ])\n\n  components.forEach(([Component, componentConfig]) => {\n    createAll(Component, componentConfig, options)\n  })\n}\n\n/**\n * Create all instances of a specific component on the page\n *\n * Uses the `data-module` attribute to find all elements matching the specified\n * component on the page, creating instances of the component object for each\n * of them.\n *\n * Any component errors will be caught and logged to the console.\n *\n * @template {CompatibleClass} ComponentClass\n * @param {ComponentClass} Component - class of the component to create\n * @param {ComponentConfig<ComponentClass>} [config] - Config supplied to component\n * @param {OnErrorCallback<ComponentClass> | Element | Document | null | CreateAllOptions<ComponentClass>} [scopeOrOptions] - options for createAll including scope of the document to search within and callback function if error throw by component on init\n * @returns {Array<InstanceType<ComponentClass>>} - array of instantiated components\n */\nfunction createAll(Component, config, scopeOrOptions) {\n  let /** @type {NodeListOf<Element> | undefined} */ $elements\n\n  // Extract initialisation options\n  const options = normaliseOptions(scopeOrOptions)\n\n  try {\n    // Skip initialisation when GOV.UK Frontend is not supported\n    if (!isSupported()) {\n      throw new SupportError()\n    }\n\n    // Users can initialise GOV.UK Frontend in certain sections of the page\n    // unless the scope is null (for example, query selector not found)\n    if (options.scope === null) {\n      throw new ElementError({\n        element: options.scope,\n        component: Component,\n        identifier: 'Scope element (`$scope`)'\n      })\n    }\n\n    $elements = options.scope?.querySelectorAll(\n      `[data-module=\"${Component.moduleName}\"]`\n    )\n  } catch (error) {\n    if (options.onError) {\n      options.onError(error, {\n        component: Component,\n        config\n      })\n    } else {\n      console.log(error)\n    }\n\n    return []\n  }\n\n  /* eslint-disable-next-line @typescript-eslint/no-unsafe-return --\n   * We can't define CompatibleClass as `{new(): CompatibleClass, moduleName: string}`,\n   * as when doing `typeof Accordion` (or any component), TypeScript doesn't seem\n   * to acknowledge the static `moduleName` that's set in our component classes.\n   * This means we have to set the constructor of `CompatibleClass` as `{new(): any}`,\n   * leading to ESLint frowning that we're returning `any[]`.\n   */\n  return Array.from($elements ?? [])\n    .map(($element) => {\n      try {\n        // Only pass config to components that accept it\n        // eslint-disable-next-line @typescript-eslint/no-unsafe-return\n        return typeof config !== 'undefined'\n          ? new Component($element, config)\n          : new Component($element)\n      } catch (error) {\n        if (options.onError) {\n          options.onError(error, {\n            element: $element,\n            component: Component,\n            config\n          })\n        } else {\n          console.log(error)\n        }\n\n        return null\n      }\n    })\n    .filter(Boolean) // Exclude components that errored\n}\n\nexport { initAll, createAll }\n\n/* eslint-disable jsdoc/valid-types --\n * `{new(...args: any[] ): object}` is not recognised as valid\n * https://github.com/gajus/eslint-plugin-jsdoc/issues/145#issuecomment-1308722878\n * https://github.com/jsdoc-type-pratt-parser/jsdoc-type-pratt-parser/issues/131\n **/\n\n/**\n * @typedef {{new (...args: any[]): any, moduleName: string}} CompatibleClass\n */\n\n/* eslint-enable jsdoc/valid-types */\n\n/**\n * Config for all components via `initAll()`\n *\n * @typedef {object} Config\n * @property {Element | Document | null} [scope] - Scope of the document to search within\n * @property {OnErrorCallback<CompatibleClass>} [onError] - Initialisation error callback\n * @property {AccordionConfig} [accordion] - Accordion config\n * @property {ButtonConfig} [button] - Button config\n * @property {CharacterCountConfig} [characterCount] - Character Count config\n * @property {ErrorSummaryConfig} [errorSummary] - Error Summary config\n * @property {ExitThisPageConfig} [exitThisPage] - Exit This Page config\n * @property {FileUploadConfig} [fileUpload] - File Upload config\n * @property {NotificationBannerConfig} [notificationBanner] - Notification Banner config\n * @property {PasswordInputConfig} [passwordInput] - Password input config\n */\n\n/**\n * Config for individual components\n *\n * @import { AccordionConfig } from './components/accordion/accordion.mjs'\n * @import { ButtonConfig } from './components/button/button.mjs'\n * @import { CharacterCountConfig } from './components/character-count/character-count.mjs'\n * @import { ErrorSummaryConfig } from './components/error-summary/error-summary.mjs'\n * @import { ExitThisPageConfig } from './components/exit-this-page/exit-this-page.mjs'\n * @import { NotificationBannerConfig } from './components/notification-banner/notification-banner.mjs'\n * @import { PasswordInputConfig } from './components/password-input/password-input.mjs'\n * @import { FileUploadConfig } from './components/file-upload/file-upload.mjs'\n */\n\n/**\n * Component config keys, e.g. `accordion` and `characterCount`\n *\n * @typedef {keyof Omit<Config, 'scope' | 'onError'>} ConfigKey\n */\n\n/**\n * @template {CompatibleClass} ComponentClass\n * @typedef {ConstructorParameters<ComponentClass>[1]} ComponentConfig\n */\n\n/**\n * @template {CompatibleClass} ComponentClass\n * @typedef {object} ErrorContext\n * @property {Element} [element] - Element used for component module initialisation\n * @property {ComponentClass} [component] - Class of component\n * @property {Config | ComponentConfig<ComponentClass>} [config] - Config supplied to components\n */\n\n/**\n * @template {CompatibleClass} ComponentClass\n * @callback OnErrorCallback\n * @param {unknown} error - Thrown error\n * @param {ErrorContext<ComponentClass>} context - Object containing the element, component class and configuration\n */\n\n/**\n * @template {CompatibleClass} ComponentClass\n * @typedef {object} CreateAllOptions\n * @property {Element | Document | null} [scope] - scope of the document to search within\n * @property {OnErrorCallback<ComponentClass>} [onError] - callback function if error throw by component on init\n */\n"],"names":["version","getBreakpoint","name","property","value","window","getComputedStyle","document","documentElement","getPropertyValue","undefined","setFocus","$element","options","_options$onBeforeFocu","isFocusable","getAttribute","setAttribute","onFocus","addEventListener","onBlur","once","_options$onBlur","call","removeAttribute","onBeforeFocus","focus","isInitialised","$root","moduleName","HTMLElement","hasAttribute","isSupported","$scope","body","classList","contains","isArray","option","Array","isObject","isScope","Element","Document","formatErrorMessage","Component","message","GOVUKFrontendError","Error","constructor","args","SupportError","supportMessage","HTMLScriptElement","prototype","ConfigError","ElementError","messageOrOptions","component","identifier","element","expectedType","InitError","componentOrMessage","_$root","childConstructor","elementType","checkSupport","checkInitialised","configOverride","Symbol","for","ConfigurableComponent","param","config","_config","defaults","datasetConfig","normaliseDataset","dataset","mergeConfigs","normaliseString","trimmedValue","trim","output","outputType","type","includes","length","isFinite","Number","schema","out","entries","Object","properties","entry","namespace","field","toString","extractConfigByNamespace","normaliseOptions","scopeOrOptions","onError","scope","configObjects","formattedConfigObject","configObject","key","keys","override","validateConfig","validationErrors","conditions","errors","required","errorMessage","every","push","newObject","current","keyParts","split","index","I18n","translations","_config$locale","locale","lang","t","lookupKey","translation","count","translationPluralForm","getPluralSuffix","match","replacePlaceholders","translationString","formatter","Intl","NumberFormat","supportedLocalesOf","replace","placeholderWithBraces","placeholderKey","hasOwnProperty","placeholderValue","format","hasIntlPluralRulesSupport","Boolean","PluralRules","preferredForm","select","console","warn","Accordion","i18n","controlsClass","showAllClass","showAllTextClass","sectionClass","sectionExpandedClass","sectionButtonClass","sectionHeaderClass","sectionHeadingClass","sectionHeadingDividerClass","sectionHeadingTextClass","sectionHeadingTextFocusClass","sectionShowHideToggleClass","sectionShowHideToggleFocusClass","sectionShowHideTextClass","upChevronIconClass","downChevronIconClass","sectionSummaryClass","sectionSummaryFocusClass","sectionContentClass","$sections","$showAllButton","$showAllIcon","$showAllText","querySelectorAll","initControls","initSectionHeaders","updateShowAllButton","areAllSectionsOpen","createElement","add","appendChild","$accordionControls","insertBefore","firstChild","onShowOrHideAllToggle","event","onBeforeMatch","forEach","$section","i","$header","querySelector","constructHeaderMarkup","setExpanded","isExpanded","onSectionToggle","setInitialState","$span","$heading","$summary","$button","id","attr","from","attributes","$headingText","$headingTextFocus","childNodes","$child","$showHideToggle","$showHideToggleFocus","$showHideText","$showHideIcon","getButtonPunctuationEl","$summarySpan","$summarySpanFocus","remove","removeChild","$fragment","target","closest","nowExpanded","storeState","expanded","$content","newButtonText","textContent","ariaLabelParts","ariaLabelMessage","join","toggle","getIdentifier","rememberExpanded","sessionStorage","setItem","_unused","state","getItem","_unused2","$punctuationEl","freeze","hideAllSections","hideSection","hideSectionAriaLabel","showAllSections","showSection","showSectionAriaLabel","DEBOUNCE_TIMEOUT_IN_SECONDS","Button","debounceFormSubmitTimer","handleKeyDown","debounce","$target","preventDefault","click","preventDoubleClick","setTimeout","closestAttributeValue","attributeName","$closestElementWithAttribute","CharacterCount","configOverrides","maxlength","maxwords","_ref","_this$config$maxwords","$textarea","$visibleCountMessage","$screenReaderCountMessage","lastInputTimestamp","lastInputValue","valueChecker","maxLength","HTMLTextAreaElement","HTMLInputElement","Infinity","textareaDescriptionId","$textareaDescription","getElementById","$errorMessage","insertAdjacentElement","className","bindChangeEvents","updateCountMessage","handleKeyUp","handleFocus","handleBlur","updateVisibleCountMessage","Date","now","setInterval","updateIfValueChanged","clearInterval","updateScreenReaderCountMessage","remainingNumber","isError","isOverThreshold","getCountMessage","text","_text$match","tokens","countType","formatCountMessage","translationKeySuffix","Math","abs","threshold","currentLength","thresholdValue","charactersUnderLimit","one","other","charactersAtLimit","charactersOverLimit","wordsUnderLimit","wordsAtLimit","wordsOverLimit","textareaDescription","anyOf","Checkboxes","$inputs","$input","targetId","syncAllConditionalReveals","handleClick","syncConditionalRevealWithInputState","inputIsChecked","checked","unCheckAllInputsExcept","allInputsWithSameName","$inputWithSameName","hasSameFormOwner","form","unCheckExclusiveInputs","allInputsWithSameNameAndExclusiveBehaviour","$exclusiveInput","$clickedInput","hasAriaControls","hasBehaviourExclusive","ErrorSummary","disableAutoFocus","focusTarget","HTMLAnchorElement","inputId","hash","$legendOrLabel","getAssociatedLegendOrLabel","scrollIntoView","preventScroll","_document$querySelect","$fieldset","$legends","getElementsByTagName","$candidateLegend","legendTop","getBoundingClientRect","top","inputRect","height","innerHeight","inputBottom","ExitThisPage","$skiplinkButton","$updateSpan","$indicatorContainer","$overlay","keypressCounter","lastKeyWasModified","timeoutTime","keypressTimeoutId","timeoutMessageId","buildIndicator","initUpdateSpan","initButtonClickHandler","handleKeypress","bind","govukFrontendExitThisPageKeypress","resetPage","$indicator","updateIndicator","$indicators","exitPage","location","href","clearTimeout","setKeypressTimer","resetKeypressTimer","shiftKey","activated","timedOut","pressTwoMoreTimes","pressOneMoreTime","FileUpload","$status","$announcements","enteredAnotherElement","$label","findLabel","ariaDescribedBy","innerText","commaSpan","containerSpan","buttonSpan","insertAdjacentText","instructionSpan","onClick","onChange","updateDisabledState","observeDisabledState","onDrop","updateDropzoneVisibility","disabled","hideDraggingState","Node","dataTransfer","isContainingFiles","showDraggingState","files","dispatchEvent","CustomEvent","fileCount","observer","MutationObserver","mutationList","mutation","observe","chooseFilesButton","dropInstruction","noFileChosen","multipleFilesChosen","enteredDropZone","leftDropZone","hasNoTypesInfo","types","isDraggingFiles","some","Header","$menuButton","$menu","menuIsOpen","mql","menuId","setupResponsiveChecks","handleMenuButtonClick","breakpoint","matchMedia","checkMode","addListener","matches","NotificationBanner","PasswordInput","$showHideButton","$screenReaderStatusMessage","HTMLButtonElement","hide","persisted","show","setType","isHidden","prefixButton","prefixStatus","showPassword","hidePassword","showPasswordAriaLabel","hidePasswordAriaLabel","passwordShownAnnouncement","passwordHiddenAnnouncement","Radios","$allInputs","$clickedInputForm","$clickedInputName","hasSameName","ServiceNavigation","SkipLink","_this$$root$getAttrib","origin","pathname","linkedElementId","$linkedElement","Tabs","$tabs","$tabList","$tabListItems","jsHiddenClass","changingHash","boundTabClick","boundTabKeydown","boundOnHashChange","onTabClick","onTabKeydown","onHashChange","_this$mql","setup","teardown","_this$getTab","$item","$tab","setAttributes","hideTab","$activeTab","getTab","showTab","removeEventListener","unsetAttributes","$tabWithHash","$previousTab","getCurrentTab","unhighlightTab","hidePanel","highlightTab","showPanel","panelId","$panel","getPanel","$currentTab","$nextTab","currentTarget","createHistoryEntry","activatePreviousTab","activateNextTab","parentElement","$nextTabListItem","nextElementSibling","$previousTabListItem","previousElementSibling","initAll","scopeOrConfig","error","log","components","accordion","button","characterCount","errorSummary","exitThisPage","fileUpload","notificationBanner","passwordInput","componentConfig","createAll","$elements","_options$scope","map","filter"],"mappings":"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"}
\ No newline at end of file
diff --git a/node_modules/govuk-frontend/dist/govuk/all.bundle.mjs b/node_modules/govuk-frontend/dist/govuk/all.bundle.mjs
new file mode 100644
index 0000000..25b0d0e
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/all.bundle.mjs
@@ -0,0 +1,2720 @@
+const version = '5.12.0';
+
+function getBreakpoint(name) {
+  const property = `--govuk-breakpoint-${name}`;
+  const value = window.getComputedStyle(document.documentElement).getPropertyValue(property);
+  return {
+    property,
+    value: value || undefined
+  };
+}
+function setFocus($element, options = {}) {
+  var _options$onBeforeFocu;
+  const isFocusable = $element.getAttribute('tabindex');
+  if (!isFocusable) {
+    $element.setAttribute('tabindex', '-1');
+  }
+  function onFocus() {
+    $element.addEventListener('blur', onBlur, {
+      once: true
+    });
+  }
+  function onBlur() {
+    var _options$onBlur;
+    (_options$onBlur = options.onBlur) == null || _options$onBlur.call($element);
+    if (!isFocusable) {
+      $element.removeAttribute('tabindex');
+    }
+  }
+  $element.addEventListener('focus', onFocus, {
+    once: true
+  });
+  (_options$onBeforeFocu = options.onBeforeFocus) == null || _options$onBeforeFocu.call($element);
+  $element.focus();
+}
+function isInitialised($root, moduleName) {
+  return $root instanceof HTMLElement && $root.hasAttribute(`data-${moduleName}-init`);
+}
+
+/**
+ * Checks if GOV.UK Frontend is supported on this page
+ *
+ * Some browsers will load and run our JavaScript but GOV.UK Frontend
+ * won't be supported.
+ *
+ * @param {HTMLElement | null} [$scope] - (internal) `<body>` HTML element checked for browser support
+ * @returns {boolean} Whether GOV.UK Frontend is supported on this page
+ */
+function isSupported($scope = document.body) {
+  if (!$scope) {
+    return false;
+  }
+  return $scope.classList.contains('govuk-frontend-supported');
+}
+function isArray(option) {
+  return Array.isArray(option);
+}
+function isObject(option) {
+  return !!option && typeof option === 'object' && !isArray(option);
+}
+function isScope($scope) {
+  return !!$scope && ($scope instanceof Element || $scope instanceof Document);
+}
+function formatErrorMessage(Component, message) {
+  return `${Component.moduleName}: ${message}`;
+}
+/**
+ * @typedef ComponentWithModuleName
+ * @property {string} moduleName - Name of the component
+ */
+
+class GOVUKFrontendError extends Error {
+  constructor(...args) {
+    super(...args);
+    this.name = 'GOVUKFrontendError';
+  }
+}
+class SupportError extends GOVUKFrontendError {
+  /**
+   * Checks if GOV.UK Frontend is supported on this page
+   *
+   * @param {HTMLElement | null} [$scope] - HTML element `<body>` checked for browser support
+   */
+  constructor($scope = document.body) {
+    const supportMessage = 'noModule' in HTMLScriptElement.prototype ? 'GOV.UK Frontend initialised without `<body class="govuk-frontend-supported">` from template `<script>` snippet' : 'GOV.UK Frontend is not supported in this browser';
+    super($scope ? supportMessage : 'GOV.UK Frontend initialised without `<script type="module">`');
+    this.name = 'SupportError';
+  }
+}
+class ConfigError extends GOVUKFrontendError {
+  constructor(...args) {
+    super(...args);
+    this.name = 'ConfigError';
+  }
+}
+class ElementError extends GOVUKFrontendError {
+  constructor(messageOrOptions) {
+    let message = typeof messageOrOptions === 'string' ? messageOrOptions : '';
+    if (isObject(messageOrOptions)) {
+      const {
+        component,
+        identifier,
+        element,
+        expectedType
+      } = messageOrOptions;
+      message = identifier;
+      message += element ? ` is not of type ${expectedType != null ? expectedType : 'HTMLElement'}` : ' not found';
+      if (component) {
+        message = formatErrorMessage(component, message);
+      }
+    }
+    super(message);
+    this.name = 'ElementError';
+  }
+}
+class InitError extends GOVUKFrontendError {
+  constructor(componentOrMessage) {
+    const message = typeof componentOrMessage === 'string' ? componentOrMessage : formatErrorMessage(componentOrMessage, `Root element (\`$root\`) already initialised`);
+    super(message);
+    this.name = 'InitError';
+  }
+}
+/**
+ * @import { ComponentWithModuleName } from '../common/index.mjs'
+ */
+
+class Component {
+  /**
+   * Returns the root element of the component
+   *
+   * @protected
+   * @returns {RootElementType} - the root element of component
+   */
+  get $root() {
+    return this._$root;
+  }
+  constructor($root) {
+    this._$root = void 0;
+    const childConstructor = this.constructor;
+    if (typeof childConstructor.moduleName !== 'string') {
+      throw new InitError(`\`moduleName\` not defined in component`);
+    }
+    if (!($root instanceof childConstructor.elementType)) {
+      throw new ElementError({
+        element: $root,
+        component: childConstructor,
+        identifier: 'Root element (`$root`)',
+        expectedType: childConstructor.elementType.name
+      });
+    } else {
+      this._$root = $root;
+    }
+    childConstructor.checkSupport();
+    this.checkInitialised();
+    const moduleName = childConstructor.moduleName;
+    this.$root.setAttribute(`data-${moduleName}-init`, '');
+  }
+  checkInitialised() {
+    const constructor = this.constructor;
+    const moduleName = constructor.moduleName;
+    if (moduleName && isInitialised(this.$root, moduleName)) {
+      throw new InitError(constructor);
+    }
+  }
+  static checkSupport() {
+    if (!isSupported()) {
+      throw new SupportError();
+    }
+  }
+}
+
+/**
+ * @typedef ChildClass
+ * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component
+ */
+
+/**
+ * @typedef {typeof Component & ChildClass} ChildClassConstructor
+ */
+Component.elementType = HTMLElement;
+
+const configOverride = Symbol.for('configOverride');
+class ConfigurableComponent extends Component {
+  [configOverride](param) {
+    return {};
+  }
+
+  /**
+   * Returns the root element of the component
+   *
+   * @protected
+   * @returns {ConfigurationType} - the root element of component
+   */
+  get config() {
+    return this._config;
+  }
+  constructor($root, config) {
+    super($root);
+    this._config = void 0;
+    const childConstructor = this.constructor;
+    if (!isObject(childConstructor.defaults)) {
+      throw new ConfigError(formatErrorMessage(childConstructor, 'Config passed as parameter into constructor but no defaults defined'));
+    }
+    const datasetConfig = normaliseDataset(childConstructor, this._$root.dataset);
+    this._config = mergeConfigs(childConstructor.defaults, config != null ? config : {}, this[configOverride](datasetConfig), datasetConfig);
+  }
+}
+function normaliseString(value, property) {
+  const trimmedValue = value ? value.trim() : '';
+  let output;
+  let outputType = property == null ? void 0 : property.type;
+  if (!outputType) {
+    if (['true', 'false'].includes(trimmedValue)) {
+      outputType = 'boolean';
+    }
+    if (trimmedValue.length > 0 && isFinite(Number(trimmedValue))) {
+      outputType = 'number';
+    }
+  }
+  switch (outputType) {
+    case 'boolean':
+      output = trimmedValue === 'true';
+      break;
+    case 'number':
+      output = Number(trimmedValue);
+      break;
+    default:
+      output = value;
+  }
+  return output;
+}
+function normaliseDataset(Component, dataset) {
+  if (!isObject(Component.schema)) {
+    throw new ConfigError(formatErrorMessage(Component, 'Config passed as parameter into constructor but no schema defined'));
+  }
+  const out = {};
+  const entries = Object.entries(Component.schema.properties);
+  for (const entry of entries) {
+    const [namespace, property] = entry;
+    const field = namespace.toString();
+    if (field in dataset) {
+      out[field] = normaliseString(dataset[field], property);
+    }
+    if ((property == null ? void 0 : property.type) === 'object') {
+      out[field] = extractConfigByNamespace(Component.schema, dataset, namespace);
+    }
+  }
+  return out;
+}
+function normaliseOptions(scopeOrOptions) {
+  let $scope = document;
+  let onError;
+  if (isObject(scopeOrOptions)) {
+    const options = scopeOrOptions;
+    if (isScope(options.scope) || options.scope === null) {
+      $scope = options.scope;
+    }
+    if (typeof options.onError === 'function') {
+      onError = options.onError;
+    }
+  }
+  if (isScope(scopeOrOptions)) {
+    $scope = scopeOrOptions;
+  } else if (scopeOrOptions === null) {
+    $scope = null;
+  } else if (typeof scopeOrOptions === 'function') {
+    onError = scopeOrOptions;
+  }
+  return {
+    scope: $scope,
+    onError
+  };
+}
+function mergeConfigs(...configObjects) {
+  const formattedConfigObject = {};
+  for (const configObject of configObjects) {
+    for (const key of Object.keys(configObject)) {
+      const option = formattedConfigObject[key];
+      const override = configObject[key];
+      if (isObject(option) && isObject(override)) {
+        formattedConfigObject[key] = mergeConfigs(option, override);
+      } else {
+        formattedConfigObject[key] = override;
+      }
+    }
+  }
+  return formattedConfigObject;
+}
+function validateConfig(schema, config) {
+  const validationErrors = [];
+  for (const [name, conditions] of Object.entries(schema)) {
+    const errors = [];
+    if (Array.isArray(conditions)) {
+      for (const {
+        required,
+        errorMessage
+      } of conditions) {
+        if (!required.every(key => !!config[key])) {
+          errors.push(errorMessage);
+        }
+      }
+      if (name === 'anyOf' && !(conditions.length - errors.length >= 1)) {
+        validationErrors.push(...errors);
+      }
+    }
+  }
+  return validationErrors;
+}
+function extractConfigByNamespace(schema, dataset, namespace) {
+  const property = schema.properties[namespace];
+  if ((property == null ? void 0 : property.type) !== 'object') {
+    return;
+  }
+  const newObject = {
+    [namespace]: {}
+  };
+  for (const [key, value] of Object.entries(dataset)) {
+    let current = newObject;
+    const keyParts = key.split('.');
+    for (const [index, name] of keyParts.entries()) {
+      if (isObject(current)) {
+        if (index < keyParts.length - 1) {
+          if (!isObject(current[name])) {
+            current[name] = {};
+          }
+          current = current[name];
+        } else if (key !== namespace) {
+          current[name] = normaliseString(value);
+        }
+      }
+    }
+  }
+  return newObject[namespace];
+}
+/**
+ * Schema for component config
+ *
+ * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType
+ * @typedef {object} Schema
+ * @property {Record<keyof ConfigurationType, SchemaProperty | undefined>} properties - Schema properties
+ * @property {SchemaCondition<ConfigurationType>[]} [anyOf] - List of schema conditions
+ */
+/**
+ * Schema property for component config
+ *
+ * @typedef {object} SchemaProperty
+ * @property {'string' | 'boolean' | 'number' | 'object'} type - Property type
+ */
+/**
+ * Schema condition for component config
+ *
+ * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType
+ * @typedef {object} SchemaCondition
+ * @property {(keyof ConfigurationType)[]} required - List of required config fields
+ * @property {string} errorMessage - Error message when required config fields not provided
+ */
+/**
+ * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]
+ * @typedef ChildClass
+ * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component
+ * @property {Schema<ConfigurationType>} [schema] - The schema of the component configuration
+ * @property {ConfigurationType} [defaults] - The default values of the configuration of the component
+ */
+/**
+ * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]
+ * @typedef {typeof Component & ChildClass<ConfigurationType>} ChildClassConstructor<ConfigurationType>
+ */
+/**
+ * @import { CompatibleClass, Config, CreateAllOptions, OnErrorCallback } from '../init.mjs'
+ */
+
+class I18n {
+  constructor(translations = {}, config = {}) {
+    var _config$locale;
+    this.translations = void 0;
+    this.locale = void 0;
+    this.translations = translations;
+    this.locale = (_config$locale = config.locale) != null ? _config$locale : document.documentElement.lang || 'en';
+  }
+  t(lookupKey, options) {
+    if (!lookupKey) {
+      throw new Error('i18n: lookup key missing');
+    }
+    let translation = this.translations[lookupKey];
+    if (typeof (options == null ? void 0 : options.count) === 'number' && isObject(translation)) {
+      const translationPluralForm = translation[this.getPluralSuffix(lookupKey, options.count)];
+      if (translationPluralForm) {
+        translation = translationPluralForm;
+      }
+    }
+    if (typeof translation === 'string') {
+      if (translation.match(/%{(.\S+)}/)) {
+        if (!options) {
+          throw new Error('i18n: cannot replace placeholders in string if no option data provided');
+        }
+        return this.replacePlaceholders(translation, options);
+      }
+      return translation;
+    }
+    return lookupKey;
+  }
+  replacePlaceholders(translationString, options) {
+    const formatter = Intl.NumberFormat.supportedLocalesOf(this.locale).length ? new Intl.NumberFormat(this.locale) : undefined;
+    return translationString.replace(/%{(.\S+)}/g, function (placeholderWithBraces, placeholderKey) {
+      if (Object.prototype.hasOwnProperty.call(options, placeholderKey)) {
+        const placeholderValue = options[placeholderKey];
+        if (placeholderValue === false || typeof placeholderValue !== 'number' && typeof placeholderValue !== 'string') {
+          return '';
+        }
+        if (typeof placeholderValue === 'number') {
+          return formatter ? formatter.format(placeholderValue) : `${placeholderValue}`;
+        }
+        return placeholderValue;
+      }
+      throw new Error(`i18n: no data found to replace ${placeholderWithBraces} placeholder in string`);
+    });
+  }
+  hasIntlPluralRulesSupport() {
+    return Boolean('PluralRules' in window.Intl && Intl.PluralRules.supportedLocalesOf(this.locale).length);
+  }
+  getPluralSuffix(lookupKey, count) {
+    count = Number(count);
+    if (!isFinite(count)) {
+      return 'other';
+    }
+    const translation = this.translations[lookupKey];
+    const preferredForm = this.hasIntlPluralRulesSupport() ? new Intl.PluralRules(this.locale).select(count) : 'other';
+    if (isObject(translation)) {
+      if (preferredForm in translation) {
+        return preferredForm;
+      } else if ('other' in translation) {
+        console.warn(`i18n: Missing plural form ".${preferredForm}" for "${this.locale}" locale. Falling back to ".other".`);
+        return 'other';
+      }
+    }
+    throw new Error(`i18n: Plural form ".other" is required for "${this.locale}" locale`);
+  }
+}
+
+/**
+ * Accordion component
+ *
+ * This allows a collection of sections to be collapsed by default, showing only
+ * their headers. Sections can be expanded or collapsed individually by clicking
+ * their headers. A "Show all sections" button is also added to the top of the
+ * accordion, which switches to "Hide all sections" when all the sections are
+ * expanded.
+ *
+ * The state of each section is saved to the DOM via the `aria-expanded`
+ * attribute, which also provides accessibility.
+ *
+ * @preserve
+ * @augments ConfigurableComponent<AccordionConfig>
+ */
+class Accordion extends ConfigurableComponent {
+  /**
+   * @param {Element | null} $root - HTML element to use for accordion
+   * @param {AccordionConfig} [config] - Accordion config
+   */
+  constructor($root, config = {}) {
+    super($root, config);
+    this.i18n = void 0;
+    this.controlsClass = 'govuk-accordion__controls';
+    this.showAllClass = 'govuk-accordion__show-all';
+    this.showAllTextClass = 'govuk-accordion__show-all-text';
+    this.sectionClass = 'govuk-accordion__section';
+    this.sectionExpandedClass = 'govuk-accordion__section--expanded';
+    this.sectionButtonClass = 'govuk-accordion__section-button';
+    this.sectionHeaderClass = 'govuk-accordion__section-header';
+    this.sectionHeadingClass = 'govuk-accordion__section-heading';
+    this.sectionHeadingDividerClass = 'govuk-accordion__section-heading-divider';
+    this.sectionHeadingTextClass = 'govuk-accordion__section-heading-text';
+    this.sectionHeadingTextFocusClass = 'govuk-accordion__section-heading-text-focus';
+    this.sectionShowHideToggleClass = 'govuk-accordion__section-toggle';
+    this.sectionShowHideToggleFocusClass = 'govuk-accordion__section-toggle-focus';
+    this.sectionShowHideTextClass = 'govuk-accordion__section-toggle-text';
+    this.upChevronIconClass = 'govuk-accordion-nav__chevron';
+    this.downChevronIconClass = 'govuk-accordion-nav__chevron--down';
+    this.sectionSummaryClass = 'govuk-accordion__section-summary';
+    this.sectionSummaryFocusClass = 'govuk-accordion__section-summary-focus';
+    this.sectionContentClass = 'govuk-accordion__section-content';
+    this.$sections = void 0;
+    this.$showAllButton = null;
+    this.$showAllIcon = null;
+    this.$showAllText = null;
+    this.i18n = new I18n(this.config.i18n);
+    const $sections = this.$root.querySelectorAll(`.${this.sectionClass}`);
+    if (!$sections.length) {
+      throw new ElementError({
+        component: Accordion,
+        identifier: `Sections (\`<div class="${this.sectionClass}">\`)`
+      });
+    }
+    this.$sections = $sections;
+    this.initControls();
+    this.initSectionHeaders();
+    this.updateShowAllButton(this.areAllSectionsOpen());
+  }
+  initControls() {
+    this.$showAllButton = document.createElement('button');
+    this.$showAllButton.setAttribute('type', 'button');
+    this.$showAllButton.setAttribute('class', this.showAllClass);
+    this.$showAllButton.setAttribute('aria-expanded', 'false');
+    this.$showAllIcon = document.createElement('span');
+    this.$showAllIcon.classList.add(this.upChevronIconClass);
+    this.$showAllButton.appendChild(this.$showAllIcon);
+    const $accordionControls = document.createElement('div');
+    $accordionControls.setAttribute('class', this.controlsClass);
+    $accordionControls.appendChild(this.$showAllButton);
+    this.$root.insertBefore($accordionControls, this.$root.firstChild);
+    this.$showAllText = document.createElement('span');
+    this.$showAllText.classList.add(this.showAllTextClass);
+    this.$showAllButton.appendChild(this.$showAllText);
+    this.$showAllButton.addEventListener('click', () => this.onShowOrHideAllToggle());
+    if ('onbeforematch' in document) {
+      document.addEventListener('beforematch', event => this.onBeforeMatch(event));
+    }
+  }
+  initSectionHeaders() {
+    this.$sections.forEach(($section, i) => {
+      const $header = $section.querySelector(`.${this.sectionHeaderClass}`);
+      if (!$header) {
+        throw new ElementError({
+          component: Accordion,
+          identifier: `Section headers (\`<div class="${this.sectionHeaderClass}">\`)`
+        });
+      }
+      this.constructHeaderMarkup($header, i);
+      this.setExpanded(this.isExpanded($section), $section);
+      $header.addEventListener('click', () => this.onSectionToggle($section));
+      this.setInitialState($section);
+    });
+  }
+  constructHeaderMarkup($header, index) {
+    const $span = $header.querySelector(`.${this.sectionButtonClass}`);
+    const $heading = $header.querySelector(`.${this.sectionHeadingClass}`);
+    const $summary = $header.querySelector(`.${this.sectionSummaryClass}`);
+    if (!$heading) {
+      throw new ElementError({
+        component: Accordion,
+        identifier: `Section heading (\`.${this.sectionHeadingClass}\`)`
+      });
+    }
+    if (!$span) {
+      throw new ElementError({
+        component: Accordion,
+        identifier: `Section button placeholder (\`<span class="${this.sectionButtonClass}">\`)`
+      });
+    }
+    const $button = document.createElement('button');
+    $button.setAttribute('type', 'button');
+    $button.setAttribute('aria-controls', `${this.$root.id}-content-${index + 1}`);
+    for (const attr of Array.from($span.attributes)) {
+      if (attr.name !== 'id') {
+        $button.setAttribute(attr.name, attr.value);
+      }
+    }
+    const $headingText = document.createElement('span');
+    $headingText.classList.add(this.sectionHeadingTextClass);
+    $headingText.id = $span.id;
+    const $headingTextFocus = document.createElement('span');
+    $headingTextFocus.classList.add(this.sectionHeadingTextFocusClass);
+    $headingText.appendChild($headingTextFocus);
+    Array.from($span.childNodes).forEach($child => $headingTextFocus.appendChild($child));
+    const $showHideToggle = document.createElement('span');
+    $showHideToggle.classList.add(this.sectionShowHideToggleClass);
+    $showHideToggle.setAttribute('data-nosnippet', '');
+    const $showHideToggleFocus = document.createElement('span');
+    $showHideToggleFocus.classList.add(this.sectionShowHideToggleFocusClass);
+    $showHideToggle.appendChild($showHideToggleFocus);
+    const $showHideText = document.createElement('span');
+    const $showHideIcon = document.createElement('span');
+    $showHideIcon.classList.add(this.upChevronIconClass);
+    $showHideToggleFocus.appendChild($showHideIcon);
+    $showHideText.classList.add(this.sectionShowHideTextClass);
+    $showHideToggleFocus.appendChild($showHideText);
+    $button.appendChild($headingText);
+    $button.appendChild(this.getButtonPunctuationEl());
+    if ($summary) {
+      const $summarySpan = document.createElement('span');
+      const $summarySpanFocus = document.createElement('span');
+      $summarySpanFocus.classList.add(this.sectionSummaryFocusClass);
+      $summarySpan.appendChild($summarySpanFocus);
+      for (const attr of Array.from($summary.attributes)) {
+        $summarySpan.setAttribute(attr.name, attr.value);
+      }
+      Array.from($summary.childNodes).forEach($child => $summarySpanFocus.appendChild($child));
+      $summary.remove();
+      $button.appendChild($summarySpan);
+      $button.appendChild(this.getButtonPunctuationEl());
+    }
+    $button.appendChild($showHideToggle);
+    $heading.removeChild($span);
+    $heading.appendChild($button);
+  }
+  onBeforeMatch(event) {
+    const $fragment = event.target;
+    if (!($fragment instanceof Element)) {
+      return;
+    }
+    const $section = $fragment.closest(`.${this.sectionClass}`);
+    if ($section) {
+      this.setExpanded(true, $section);
+    }
+  }
+  onSectionToggle($section) {
+    const nowExpanded = !this.isExpanded($section);
+    this.setExpanded(nowExpanded, $section);
+    this.storeState($section, nowExpanded);
+  }
+  onShowOrHideAllToggle() {
+    const nowExpanded = !this.areAllSectionsOpen();
+    this.$sections.forEach($section => {
+      this.setExpanded(nowExpanded, $section);
+      this.storeState($section, nowExpanded);
+    });
+    this.updateShowAllButton(nowExpanded);
+  }
+  setExpanded(expanded, $section) {
+    const $showHideIcon = $section.querySelector(`.${this.upChevronIconClass}`);
+    const $showHideText = $section.querySelector(`.${this.sectionShowHideTextClass}`);
+    const $button = $section.querySelector(`.${this.sectionButtonClass}`);
+    const $content = $section.querySelector(`.${this.sectionContentClass}`);
+    if (!$content) {
+      throw new ElementError({
+        component: Accordion,
+        identifier: `Section content (\`<div class="${this.sectionContentClass}">\`)`
+      });
+    }
+    if (!$showHideIcon || !$showHideText || !$button) {
+      return;
+    }
+    const newButtonText = expanded ? this.i18n.t('hideSection') : this.i18n.t('showSection');
+    $showHideText.textContent = newButtonText;
+    $button.setAttribute('aria-expanded', `${expanded}`);
+    const ariaLabelParts = [];
+    const $headingText = $section.querySelector(`.${this.sectionHeadingTextClass}`);
+    if ($headingText) {
+      ariaLabelParts.push($headingText.textContent.trim());
+    }
+    const $summary = $section.querySelector(`.${this.sectionSummaryClass}`);
+    if ($summary) {
+      ariaLabelParts.push($summary.textContent.trim());
+    }
+    const ariaLabelMessage = expanded ? this.i18n.t('hideSectionAriaLabel') : this.i18n.t('showSectionAriaLabel');
+    ariaLabelParts.push(ariaLabelMessage);
+    $button.setAttribute('aria-label', ariaLabelParts.join(' , '));
+    if (expanded) {
+      $content.removeAttribute('hidden');
+      $section.classList.add(this.sectionExpandedClass);
+      $showHideIcon.classList.remove(this.downChevronIconClass);
+    } else {
+      $content.setAttribute('hidden', 'until-found');
+      $section.classList.remove(this.sectionExpandedClass);
+      $showHideIcon.classList.add(this.downChevronIconClass);
+    }
+    this.updateShowAllButton(this.areAllSectionsOpen());
+  }
+  isExpanded($section) {
+    return $section.classList.contains(this.sectionExpandedClass);
+  }
+  areAllSectionsOpen() {
+    return Array.from(this.$sections).every($section => this.isExpanded($section));
+  }
+  updateShowAllButton(expanded) {
+    if (!this.$showAllButton || !this.$showAllText || !this.$showAllIcon) {
+      return;
+    }
+    this.$showAllButton.setAttribute('aria-expanded', expanded.toString());
+    this.$showAllText.textContent = expanded ? this.i18n.t('hideAllSections') : this.i18n.t('showAllSections');
+    this.$showAllIcon.classList.toggle(this.downChevronIconClass, !expanded);
+  }
+
+  /**
+   * Get the identifier for a section
+   *
+   * We need a unique way of identifying each content in the Accordion.
+   * Since an `#id` should be unique and an `id` is required for `aria-`
+   * attributes `id` can be safely used.
+   *
+   * @param {Element} $section - Section element
+   * @returns {string | undefined | null} Identifier for section
+   */
+  getIdentifier($section) {
+    const $button = $section.querySelector(`.${this.sectionButtonClass}`);
+    return $button == null ? void 0 : $button.getAttribute('aria-controls');
+  }
+  storeState($section, isExpanded) {
+    if (!this.config.rememberExpanded) {
+      return;
+    }
+    const id = this.getIdentifier($section);
+    if (id) {
+      try {
+        window.sessionStorage.setItem(id, isExpanded.toString());
+      } catch (_unused) {}
+    }
+  }
+  setInitialState($section) {
+    if (!this.config.rememberExpanded) {
+      return;
+    }
+    const id = this.getIdentifier($section);
+    if (id) {
+      try {
+        const state = window.sessionStorage.getItem(id);
+        if (state !== null) {
+          this.setExpanded(state === 'true', $section);
+        }
+      } catch (_unused2) {}
+    }
+  }
+  getButtonPunctuationEl() {
+    const $punctuationEl = document.createElement('span');
+    $punctuationEl.classList.add('govuk-visually-hidden', this.sectionHeadingDividerClass);
+    $punctuationEl.textContent = ', ';
+    return $punctuationEl;
+  }
+}
+
+/**
+ * Accordion config
+ *
+ * @see {@link Accordion.defaults}
+ * @typedef {object} AccordionConfig
+ * @property {AccordionTranslations} [i18n=Accordion.defaults.i18n] - Accordion translations
+ * @property {boolean} [rememberExpanded] - Whether the expanded and collapsed
+ *   state of each section is remembered and restored when navigating.
+ */
+
+/**
+ * Accordion translations
+ *
+ * @see {@link Accordion.defaults.i18n}
+ * @typedef {object} AccordionTranslations
+ *
+ * Messages used by the component for the labels of its buttons. This includes
+ * the visible text shown on screen, and text to help assistive technology users
+ * for the buttons toggling each section.
+ * @property {string} [hideAllSections] - The text content for the 'Hide all
+ *   sections' button, used when at least one section is expanded.
+ * @property {string} [hideSection] - The text content for the 'Hide'
+ *   button, used when a section is expanded.
+ * @property {string} [hideSectionAriaLabel] - The text content appended to the
+ *   'Hide' button's accessible name when a section is expanded.
+ * @property {string} [showAllSections] - The text content for the 'Show all
+ *   sections' button, used when all sections are collapsed.
+ * @property {string} [showSection] - The text content for the 'Show'
+ *   button, used when a section is collapsed.
+ * @property {string} [showSectionAriaLabel] - The text content appended to the
+ *   'Show' button's accessible name when a section is expanded.
+ */
+
+/**
+ * @import { Schema } from '../../common/configuration.mjs'
+ */
+Accordion.moduleName = 'govuk-accordion';
+Accordion.defaults = Object.freeze({
+  i18n: {
+    hideAllSections: 'Hide all sections',
+    hideSection: 'Hide',
+    hideSectionAriaLabel: 'Hide this section',
+    showAllSections: 'Show all sections',
+    showSection: 'Show',
+    showSectionAriaLabel: 'Show this section'
+  },
+  rememberExpanded: true
+});
+Accordion.schema = Object.freeze({
+  properties: {
+    i18n: {
+      type: 'object'
+    },
+    rememberExpanded: {
+      type: 'boolean'
+    }
+  }
+});
+
+const DEBOUNCE_TIMEOUT_IN_SECONDS = 1;
+
+/**
+ * JavaScript enhancements for the Button component
+ *
+ * @preserve
+ * @augments ConfigurableComponent<ButtonConfig>
+ */
+class Button extends ConfigurableComponent {
+  /**
+   * @param {Element | null} $root - HTML element to use for button
+   * @param {ButtonConfig} [config] - Button config
+   */
+  constructor($root, config = {}) {
+    super($root, config);
+    this.debounceFormSubmitTimer = null;
+    this.$root.addEventListener('keydown', event => this.handleKeyDown(event));
+    this.$root.addEventListener('click', event => this.debounce(event));
+  }
+  handleKeyDown(event) {
+    const $target = event.target;
+    if (event.key !== ' ') {
+      return;
+    }
+    if ($target instanceof HTMLElement && $target.getAttribute('role') === 'button') {
+      event.preventDefault();
+      $target.click();
+    }
+  }
+  debounce(event) {
+    if (!this.config.preventDoubleClick) {
+      return;
+    }
+    if (this.debounceFormSubmitTimer) {
+      event.preventDefault();
+      return false;
+    }
+    this.debounceFormSubmitTimer = window.setTimeout(() => {
+      this.debounceFormSubmitTimer = null;
+    }, DEBOUNCE_TIMEOUT_IN_SECONDS * 1000);
+  }
+}
+
+/**
+ * Button config
+ *
+ * @typedef {object} ButtonConfig
+ * @property {boolean} [preventDoubleClick=false] - Prevent accidental double
+ *   clicks on submit buttons from submitting forms multiple times.
+ */
+
+/**
+ * @import { Schema } from '../../common/configuration.mjs'
+ */
+Button.moduleName = 'govuk-button';
+Button.defaults = Object.freeze({
+  preventDoubleClick: false
+});
+Button.schema = Object.freeze({
+  properties: {
+    preventDoubleClick: {
+      type: 'boolean'
+    }
+  }
+});
+
+function closestAttributeValue($element, attributeName) {
+  const $closestElementWithAttribute = $element.closest(`[${attributeName}]`);
+  return $closestElementWithAttribute ? $closestElementWithAttribute.getAttribute(attributeName) : null;
+}
+
+/**
+ * Character count component
+ *
+ * Tracks the number of characters or words in the `.govuk-js-character-count`
+ * `<textarea>` inside the element. Displays a message with the remaining number
+ * of characters/words available, or the number of characters/words in excess.
+ *
+ * You can configure the message to only appear after a certain percentage
+ * of the available characters/words has been entered.
+ *
+ * @preserve
+ * @augments ConfigurableComponent<CharacterCountConfig>
+ */
+class CharacterCount extends ConfigurableComponent {
+  [configOverride](datasetConfig) {
+    let configOverrides = {};
+    if ('maxwords' in datasetConfig || 'maxlength' in datasetConfig) {
+      configOverrides = {
+        maxlength: undefined,
+        maxwords: undefined
+      };
+    }
+    return configOverrides;
+  }
+
+  /**
+   * @param {Element | null} $root - HTML element to use for character count
+   * @param {CharacterCountConfig} [config] - Character count config
+   */
+  constructor($root, config = {}) {
+    var _ref, _this$config$maxwords;
+    super($root, config);
+    this.$textarea = void 0;
+    this.$visibleCountMessage = void 0;
+    this.$screenReaderCountMessage = void 0;
+    this.lastInputTimestamp = null;
+    this.lastInputValue = '';
+    this.valueChecker = null;
+    this.i18n = void 0;
+    this.maxLength = void 0;
+    const $textarea = this.$root.querySelector('.govuk-js-character-count');
+    if (!($textarea instanceof HTMLTextAreaElement || $textarea instanceof HTMLInputElement)) {
+      throw new ElementError({
+        component: CharacterCount,
+        element: $textarea,
+        expectedType: 'HTMLTextareaElement or HTMLInputElement',
+        identifier: 'Form field (`.govuk-js-character-count`)'
+      });
+    }
+    const errors = validateConfig(CharacterCount.schema, this.config);
+    if (errors[0]) {
+      throw new ConfigError(formatErrorMessage(CharacterCount, errors[0]));
+    }
+    this.i18n = new I18n(this.config.i18n, {
+      locale: closestAttributeValue(this.$root, 'lang')
+    });
+    this.maxLength = (_ref = (_this$config$maxwords = this.config.maxwords) != null ? _this$config$maxwords : this.config.maxlength) != null ? _ref : Infinity;
+    this.$textarea = $textarea;
+    const textareaDescriptionId = `${this.$textarea.id}-info`;
+    const $textareaDescription = document.getElementById(textareaDescriptionId);
+    if (!$textareaDescription) {
+      throw new ElementError({
+        component: CharacterCount,
+        element: $textareaDescription,
+        identifier: `Count message (\`id="${textareaDescriptionId}"\`)`
+      });
+    }
+    this.$errorMessage = this.$root.querySelector('.govuk-error-message');
+    if ($textareaDescription.textContent.match(/^\s*$/)) {
+      $textareaDescription.textContent = this.i18n.t('textareaDescription', {
+        count: this.maxLength
+      });
+    }
+    this.$textarea.insertAdjacentElement('afterend', $textareaDescription);
+    const $screenReaderCountMessage = document.createElement('div');
+    $screenReaderCountMessage.className = 'govuk-character-count__sr-status govuk-visually-hidden';
+    $screenReaderCountMessage.setAttribute('aria-live', 'polite');
+    this.$screenReaderCountMessage = $screenReaderCountMessage;
+    $textareaDescription.insertAdjacentElement('afterend', $screenReaderCountMessage);
+    const $visibleCountMessage = document.createElement('div');
+    $visibleCountMessage.className = $textareaDescription.className;
+    $visibleCountMessage.classList.add('govuk-character-count__status');
+    $visibleCountMessage.setAttribute('aria-hidden', 'true');
+    this.$visibleCountMessage = $visibleCountMessage;
+    $textareaDescription.insertAdjacentElement('afterend', $visibleCountMessage);
+    $textareaDescription.classList.add('govuk-visually-hidden');
+    this.$textarea.removeAttribute('maxlength');
+    this.bindChangeEvents();
+    window.addEventListener('pageshow', () => this.updateCountMessage());
+    this.updateCountMessage();
+  }
+  bindChangeEvents() {
+    this.$textarea.addEventListener('keyup', () => this.handleKeyUp());
+    this.$textarea.addEventListener('focus', () => this.handleFocus());
+    this.$textarea.addEventListener('blur', () => this.handleBlur());
+  }
+  handleKeyUp() {
+    this.updateVisibleCountMessage();
+    this.lastInputTimestamp = Date.now();
+  }
+  handleFocus() {
+    this.valueChecker = window.setInterval(() => {
+      if (!this.lastInputTimestamp || Date.now() - 500 >= this.lastInputTimestamp) {
+        this.updateIfValueChanged();
+      }
+    }, 1000);
+  }
+  handleBlur() {
+    if (this.valueChecker) {
+      window.clearInterval(this.valueChecker);
+    }
+  }
+  updateIfValueChanged() {
+    if (this.$textarea.value !== this.lastInputValue) {
+      this.lastInputValue = this.$textarea.value;
+      this.updateCountMessage();
+    }
+  }
+  updateCountMessage() {
+    this.updateVisibleCountMessage();
+    this.updateScreenReaderCountMessage();
+  }
+  updateVisibleCountMessage() {
+    const remainingNumber = this.maxLength - this.count(this.$textarea.value);
+    const isError = remainingNumber < 0;
+    this.$visibleCountMessage.classList.toggle('govuk-character-count__message--disabled', !this.isOverThreshold());
+    if (!this.$errorMessage) {
+      this.$textarea.classList.toggle('govuk-textarea--error', isError);
+    }
+    this.$visibleCountMessage.classList.toggle('govuk-error-message', isError);
+    this.$visibleCountMessage.classList.toggle('govuk-hint', !isError);
+    this.$visibleCountMessage.textContent = this.getCountMessage();
+  }
+  updateScreenReaderCountMessage() {
+    if (this.isOverThreshold()) {
+      this.$screenReaderCountMessage.removeAttribute('aria-hidden');
+    } else {
+      this.$screenReaderCountMessage.setAttribute('aria-hidden', 'true');
+    }
+    this.$screenReaderCountMessage.textContent = this.getCountMessage();
+  }
+  count(text) {
+    if (this.config.maxwords) {
+      var _text$match;
+      const tokens = (_text$match = text.match(/\S+/g)) != null ? _text$match : [];
+      return tokens.length;
+    }
+    return text.length;
+  }
+  getCountMessage() {
+    const remainingNumber = this.maxLength - this.count(this.$textarea.value);
+    const countType = this.config.maxwords ? 'words' : 'characters';
+    return this.formatCountMessage(remainingNumber, countType);
+  }
+  formatCountMessage(remainingNumber, countType) {
+    if (remainingNumber === 0) {
+      return this.i18n.t(`${countType}AtLimit`);
+    }
+    const translationKeySuffix = remainingNumber < 0 ? 'OverLimit' : 'UnderLimit';
+    return this.i18n.t(`${countType}${translationKeySuffix}`, {
+      count: Math.abs(remainingNumber)
+    });
+  }
+  isOverThreshold() {
+    if (!this.config.threshold) {
+      return true;
+    }
+    const currentLength = this.count(this.$textarea.value);
+    const maxLength = this.maxLength;
+    const thresholdValue = maxLength * this.config.threshold / 100;
+    return thresholdValue <= currentLength;
+  }
+}
+
+/**
+ * Character count config
+ *
+ * @see {@link CharacterCount.defaults}
+ * @typedef {object} CharacterCountConfig
+ * @property {number} [maxlength] - The maximum number of characters.
+ *   If maxwords is provided, the maxlength option will be ignored.
+ * @property {number} [maxwords] - The maximum number of words. If maxwords is
+ *   provided, the maxlength option will be ignored.
+ * @property {number} [threshold=0] - The percentage value of the limit at
+ *   which point the count message is displayed. If this attribute is set, the
+ *   count message will be hidden by default.
+ * @property {CharacterCountTranslations} [i18n=CharacterCount.defaults.i18n] - Character count translations
+ */
+
+/**
+ * Character count translations
+ *
+ * @see {@link CharacterCount.defaults.i18n}
+ * @typedef {object} CharacterCountTranslations
+ *
+ * Messages shown to users as they type. It provides feedback on how many words
+ * or characters they have remaining or if they are over the limit. This also
+ * includes a message used as an accessible description for the textarea.
+ * @property {TranslationPluralForms} [charactersUnderLimit] - Message displayed
+ *   when the number of characters is under the configured maximum, `maxlength`.
+ *   This message is displayed visually and through assistive technologies. The
+ *   component will replace the `%{count}` placeholder with the number of
+ *   remaining characters. This is a [pluralised list of
+ *   messages](https://frontend.design-system.service.gov.uk/localise-govuk-frontend).
+ * @property {string} [charactersAtLimit] - Message displayed when the number of
+ *   characters reaches the configured maximum, `maxlength`. This message is
+ *   displayed visually and through assistive technologies.
+ * @property {TranslationPluralForms} [charactersOverLimit] - Message displayed
+ *   when the number of characters is over the configured maximum, `maxlength`.
+ *   This message is displayed visually and through assistive technologies. The
+ *   component will replace the `%{count}` placeholder with the number of
+ *   remaining characters. This is a [pluralised list of
+ *   messages](https://frontend.design-system.service.gov.uk/localise-govuk-frontend).
+ * @property {TranslationPluralForms} [wordsUnderLimit] - Message displayed when
+ *   the number of words is under the configured maximum, `maxlength`. This
+ *   message is displayed visually and through assistive technologies. The
+ *   component will replace the `%{count}` placeholder with the number of
+ *   remaining words. This is a [pluralised list of
+ *   messages](https://frontend.design-system.service.gov.uk/localise-govuk-frontend).
+ * @property {string} [wordsAtLimit] - Message displayed when the number of
+ *   words reaches the configured maximum, `maxlength`. This message is
+ *   displayed visually and through assistive technologies.
+ * @property {TranslationPluralForms} [wordsOverLimit] - Message displayed when
+ *   the number of words is over the configured maximum, `maxlength`. This
+ *   message is displayed visually and through assistive technologies. The
+ *   component will replace the `%{count}` placeholder with the number of
+ *   remaining words. This is a [pluralised list of
+ *   messages](https://frontend.design-system.service.gov.uk/localise-govuk-frontend).
+ * @property {TranslationPluralForms} [textareaDescription] - Message made
+ *   available to assistive technologies, if none is already present in the
+ *   HTML, to describe that the component accepts only a limited amount of
+ *   content. It is visible on the page when JavaScript is unavailable. The
+ *   component will replace the `%{count}` placeholder with the value of the
+ *   `maxlength` or `maxwords` parameter.
+ */
+
+/**
+ * @import { Schema } from '../../common/configuration.mjs'
+ * @import { TranslationPluralForms } from '../../i18n.mjs'
+ */
+CharacterCount.moduleName = 'govuk-character-count';
+CharacterCount.defaults = Object.freeze({
+  threshold: 0,
+  i18n: {
+    charactersUnderLimit: {
+      one: 'You have %{count} character remaining',
+      other: 'You have %{count} characters remaining'
+    },
+    charactersAtLimit: 'You have 0 characters remaining',
+    charactersOverLimit: {
+      one: 'You have %{count} character too many',
+      other: 'You have %{count} characters too many'
+    },
+    wordsUnderLimit: {
+      one: 'You have %{count} word remaining',
+      other: 'You have %{count} words remaining'
+    },
+    wordsAtLimit: 'You have 0 words remaining',
+    wordsOverLimit: {
+      one: 'You have %{count} word too many',
+      other: 'You have %{count} words too many'
+    },
+    textareaDescription: {
+      other: ''
+    }
+  }
+});
+CharacterCount.schema = Object.freeze({
+  properties: {
+    i18n: {
+      type: 'object'
+    },
+    maxwords: {
+      type: 'number'
+    },
+    maxlength: {
+      type: 'number'
+    },
+    threshold: {
+      type: 'number'
+    }
+  },
+  anyOf: [{
+    required: ['maxwords'],
+    errorMessage: 'Either "maxlength" or "maxwords" must be provided'
+  }, {
+    required: ['maxlength'],
+    errorMessage: 'Either "maxlength" or "maxwords" must be provided'
+  }]
+});
+
+/**
+ * Checkboxes component
+ *
+ * @preserve
+ */
+class Checkboxes extends Component {
+  /**
+   * Checkboxes can be associated with a 'conditionally revealed' content block
+   * – for example, a checkbox for 'Phone' could reveal an additional form field
+   * for the user to enter their phone number.
+   *
+   * These associations are made using a `data-aria-controls` attribute, which
+   * is promoted to an aria-controls attribute during initialisation.
+   *
+   * We also need to restore the state of any conditional reveals on the page
+   * (for example if the user has navigated back), and set up event handlers to
+   * keep the reveal in sync with the checkbox state.
+   *
+   * @param {Element | null} $root - HTML element to use for checkboxes
+   */
+  constructor($root) {
+    super($root);
+    this.$inputs = void 0;
+    const $inputs = this.$root.querySelectorAll('input[type="checkbox"]');
+    if (!$inputs.length) {
+      throw new ElementError({
+        component: Checkboxes,
+        identifier: 'Form inputs (`<input type="checkbox">`)'
+      });
+    }
+    this.$inputs = $inputs;
+    this.$inputs.forEach($input => {
+      const targetId = $input.getAttribute('data-aria-controls');
+      if (!targetId) {
+        return;
+      }
+      if (!document.getElementById(targetId)) {
+        throw new ElementError({
+          component: Checkboxes,
+          identifier: `Conditional reveal (\`id="${targetId}"\`)`
+        });
+      }
+      $input.setAttribute('aria-controls', targetId);
+      $input.removeAttribute('data-aria-controls');
+    });
+    window.addEventListener('pageshow', () => this.syncAllConditionalReveals());
+    this.syncAllConditionalReveals();
+    this.$root.addEventListener('click', event => this.handleClick(event));
+  }
+  syncAllConditionalReveals() {
+    this.$inputs.forEach($input => this.syncConditionalRevealWithInputState($input));
+  }
+  syncConditionalRevealWithInputState($input) {
+    const targetId = $input.getAttribute('aria-controls');
+    if (!targetId) {
+      return;
+    }
+    const $target = document.getElementById(targetId);
+    if ($target != null && $target.classList.contains('govuk-checkboxes__conditional')) {
+      const inputIsChecked = $input.checked;
+      $input.setAttribute('aria-expanded', inputIsChecked.toString());
+      $target.classList.toggle('govuk-checkboxes__conditional--hidden', !inputIsChecked);
+    }
+  }
+  unCheckAllInputsExcept($input) {
+    const allInputsWithSameName = document.querySelectorAll(`input[type="checkbox"][name="${$input.name}"]`);
+    allInputsWithSameName.forEach($inputWithSameName => {
+      const hasSameFormOwner = $input.form === $inputWithSameName.form;
+      if (hasSameFormOwner && $inputWithSameName !== $input) {
+        $inputWithSameName.checked = false;
+        this.syncConditionalRevealWithInputState($inputWithSameName);
+      }
+    });
+  }
+  unCheckExclusiveInputs($input) {
+    const allInputsWithSameNameAndExclusiveBehaviour = document.querySelectorAll(`input[data-behaviour="exclusive"][type="checkbox"][name="${$input.name}"]`);
+    allInputsWithSameNameAndExclusiveBehaviour.forEach($exclusiveInput => {
+      const hasSameFormOwner = $input.form === $exclusiveInput.form;
+      if (hasSameFormOwner) {
+        $exclusiveInput.checked = false;
+        this.syncConditionalRevealWithInputState($exclusiveInput);
+      }
+    });
+  }
+  handleClick(event) {
+    const $clickedInput = event.target;
+    if (!($clickedInput instanceof HTMLInputElement) || $clickedInput.type !== 'checkbox') {
+      return;
+    }
+    const hasAriaControls = $clickedInput.getAttribute('aria-controls');
+    if (hasAriaControls) {
+      this.syncConditionalRevealWithInputState($clickedInput);
+    }
+    if (!$clickedInput.checked) {
+      return;
+    }
+    const hasBehaviourExclusive = $clickedInput.getAttribute('data-behaviour') === 'exclusive';
+    if (hasBehaviourExclusive) {
+      this.unCheckAllInputsExcept($clickedInput);
+    } else {
+      this.unCheckExclusiveInputs($clickedInput);
+    }
+  }
+}
+Checkboxes.moduleName = 'govuk-checkboxes';
+
+/**
+ * Error summary component
+ *
+ * Takes focus on initialisation for accessible announcement, unless disabled in
+ * configuration.
+ *
+ * @preserve
+ * @augments ConfigurableComponent<ErrorSummaryConfig>
+ */
+class ErrorSummary extends ConfigurableComponent {
+  /**
+   * @param {Element | null} $root - HTML element to use for error summary
+   * @param {ErrorSummaryConfig} [config] - Error summary config
+   */
+  constructor($root, config = {}) {
+    super($root, config);
+    if (!this.config.disableAutoFocus) {
+      setFocus(this.$root);
+    }
+    this.$root.addEventListener('click', event => this.handleClick(event));
+  }
+  handleClick(event) {
+    const $target = event.target;
+    if ($target && this.focusTarget($target)) {
+      event.preventDefault();
+    }
+  }
+  focusTarget($target) {
+    if (!($target instanceof HTMLAnchorElement)) {
+      return false;
+    }
+    const inputId = $target.hash.replace('#', '');
+    if (!inputId) {
+      return false;
+    }
+    const $input = document.getElementById(inputId);
+    if (!$input) {
+      return false;
+    }
+    const $legendOrLabel = this.getAssociatedLegendOrLabel($input);
+    if (!$legendOrLabel) {
+      return false;
+    }
+    $legendOrLabel.scrollIntoView();
+    $input.focus({
+      preventScroll: true
+    });
+    return true;
+  }
+  getAssociatedLegendOrLabel($input) {
+    var _document$querySelect;
+    const $fieldset = $input.closest('fieldset');
+    if ($fieldset) {
+      const $legends = $fieldset.getElementsByTagName('legend');
+      if ($legends.length) {
+        const $candidateLegend = $legends[0];
+        if ($input instanceof HTMLInputElement && ($input.type === 'checkbox' || $input.type === 'radio')) {
+          return $candidateLegend;
+        }
+        const legendTop = $candidateLegend.getBoundingClientRect().top;
+        const inputRect = $input.getBoundingClientRect();
+        if (inputRect.height && window.innerHeight) {
+          const inputBottom = inputRect.top + inputRect.height;
+          if (inputBottom - legendTop < window.innerHeight / 2) {
+            return $candidateLegend;
+          }
+        }
+      }
+    }
+    return (_document$querySelect = document.querySelector(`label[for='${$input.getAttribute('id')}']`)) != null ? _document$querySelect : $input.closest('label');
+  }
+}
+
+/**
+ * Error summary config
+ *
+ * @typedef {object} ErrorSummaryConfig
+ * @property {boolean} [disableAutoFocus=false] - If set to `true` the error
+ *   summary will not be focussed when the page loads.
+ */
+
+/**
+ * @import { Schema } from '../../common/configuration.mjs'
+ */
+ErrorSummary.moduleName = 'govuk-error-summary';
+ErrorSummary.defaults = Object.freeze({
+  disableAutoFocus: false
+});
+ErrorSummary.schema = Object.freeze({
+  properties: {
+    disableAutoFocus: {
+      type: 'boolean'
+    }
+  }
+});
+
+/**
+ * Exit this page component
+ *
+ * @preserve
+ * @augments ConfigurableComponent<ExitThisPageConfig>
+ */
+class ExitThisPage extends ConfigurableComponent {
+  /**
+   * @param {Element | null} $root - HTML element that wraps the Exit This Page button
+   * @param {ExitThisPageConfig} [config] - Exit This Page config
+   */
+  constructor($root, config = {}) {
+    super($root, config);
+    this.i18n = void 0;
+    this.$button = void 0;
+    this.$skiplinkButton = null;
+    this.$updateSpan = null;
+    this.$indicatorContainer = null;
+    this.$overlay = null;
+    this.keypressCounter = 0;
+    this.lastKeyWasModified = false;
+    this.timeoutTime = 5000;
+    this.keypressTimeoutId = null;
+    this.timeoutMessageId = null;
+    const $button = this.$root.querySelector('.govuk-exit-this-page__button');
+    if (!($button instanceof HTMLAnchorElement)) {
+      throw new ElementError({
+        component: ExitThisPage,
+        element: $button,
+        expectedType: 'HTMLAnchorElement',
+        identifier: 'Button (`.govuk-exit-this-page__button`)'
+      });
+    }
+    this.i18n = new I18n(this.config.i18n);
+    this.$button = $button;
+    const $skiplinkButton = document.querySelector('.govuk-js-exit-this-page-skiplink');
+    if ($skiplinkButton instanceof HTMLAnchorElement) {
+      this.$skiplinkButton = $skiplinkButton;
+    }
+    this.buildIndicator();
+    this.initUpdateSpan();
+    this.initButtonClickHandler();
+    if (!('govukFrontendExitThisPageKeypress' in document.body.dataset)) {
+      document.addEventListener('keyup', this.handleKeypress.bind(this), true);
+      document.body.dataset.govukFrontendExitThisPageKeypress = 'true';
+    }
+    window.addEventListener('pageshow', this.resetPage.bind(this));
+  }
+  initUpdateSpan() {
+    this.$updateSpan = document.createElement('span');
+    this.$updateSpan.setAttribute('role', 'status');
+    this.$updateSpan.className = 'govuk-visually-hidden';
+    this.$root.appendChild(this.$updateSpan);
+  }
+  initButtonClickHandler() {
+    this.$button.addEventListener('click', this.handleClick.bind(this));
+    if (this.$skiplinkButton) {
+      this.$skiplinkButton.addEventListener('click', this.handleClick.bind(this));
+    }
+  }
+  buildIndicator() {
+    this.$indicatorContainer = document.createElement('div');
+    this.$indicatorContainer.className = 'govuk-exit-this-page__indicator';
+    this.$indicatorContainer.setAttribute('aria-hidden', 'true');
+    for (let i = 0; i < 3; i++) {
+      const $indicator = document.createElement('div');
+      $indicator.className = 'govuk-exit-this-page__indicator-light';
+      this.$indicatorContainer.appendChild($indicator);
+    }
+    this.$button.appendChild(this.$indicatorContainer);
+  }
+  updateIndicator() {
+    if (!this.$indicatorContainer) {
+      return;
+    }
+    this.$indicatorContainer.classList.toggle('govuk-exit-this-page__indicator--visible', this.keypressCounter > 0);
+    const $indicators = this.$indicatorContainer.querySelectorAll('.govuk-exit-this-page__indicator-light');
+    $indicators.forEach(($indicator, index) => {
+      $indicator.classList.toggle('govuk-exit-this-page__indicator-light--on', index < this.keypressCounter);
+    });
+  }
+  exitPage() {
+    if (!this.$updateSpan) {
+      return;
+    }
+    this.$updateSpan.textContent = '';
+    document.body.classList.add('govuk-exit-this-page-hide-content');
+    this.$overlay = document.createElement('div');
+    this.$overlay.className = 'govuk-exit-this-page-overlay';
+    this.$overlay.setAttribute('role', 'alert');
+    document.body.appendChild(this.$overlay);
+    this.$overlay.textContent = this.i18n.t('activated');
+    window.location.href = this.$button.href;
+  }
+  handleClick(event) {
+    event.preventDefault();
+    this.exitPage();
+  }
+  handleKeypress(event) {
+    if (!this.$updateSpan) {
+      return;
+    }
+    if (event.key === 'Shift' && !this.lastKeyWasModified) {
+      this.keypressCounter += 1;
+      this.updateIndicator();
+      if (this.timeoutMessageId) {
+        window.clearTimeout(this.timeoutMessageId);
+        this.timeoutMessageId = null;
+      }
+      if (this.keypressCounter >= 3) {
+        this.keypressCounter = 0;
+        if (this.keypressTimeoutId) {
+          window.clearTimeout(this.keypressTimeoutId);
+          this.keypressTimeoutId = null;
+        }
+        this.exitPage();
+      } else {
+        if (this.keypressCounter === 1) {
+          this.$updateSpan.textContent = this.i18n.t('pressTwoMoreTimes');
+        } else {
+          this.$updateSpan.textContent = this.i18n.t('pressOneMoreTime');
+        }
+      }
+      this.setKeypressTimer();
+    } else if (this.keypressTimeoutId) {
+      this.resetKeypressTimer();
+    }
+    this.lastKeyWasModified = event.shiftKey;
+  }
+  setKeypressTimer() {
+    if (this.keypressTimeoutId) {
+      window.clearTimeout(this.keypressTimeoutId);
+    }
+    this.keypressTimeoutId = window.setTimeout(this.resetKeypressTimer.bind(this), this.timeoutTime);
+  }
+  resetKeypressTimer() {
+    if (!this.$updateSpan) {
+      return;
+    }
+    if (this.keypressTimeoutId) {
+      window.clearTimeout(this.keypressTimeoutId);
+      this.keypressTimeoutId = null;
+    }
+    const $updateSpan = this.$updateSpan;
+    this.keypressCounter = 0;
+    $updateSpan.textContent = this.i18n.t('timedOut');
+    this.timeoutMessageId = window.setTimeout(() => {
+      $updateSpan.textContent = '';
+    }, this.timeoutTime);
+    this.updateIndicator();
+  }
+  resetPage() {
+    document.body.classList.remove('govuk-exit-this-page-hide-content');
+    if (this.$overlay) {
+      this.$overlay.remove();
+      this.$overlay = null;
+    }
+    if (this.$updateSpan) {
+      this.$updateSpan.setAttribute('role', 'status');
+      this.$updateSpan.textContent = '';
+    }
+    this.updateIndicator();
+    if (this.keypressTimeoutId) {
+      window.clearTimeout(this.keypressTimeoutId);
+    }
+    if (this.timeoutMessageId) {
+      window.clearTimeout(this.timeoutMessageId);
+    }
+  }
+}
+
+/**
+ * Exit this Page config
+ *
+ * @see {@link ExitThisPage.defaults}
+ * @typedef {object} ExitThisPageConfig
+ * @property {ExitThisPageTranslations} [i18n=ExitThisPage.defaults.i18n] - Exit this page translations
+ */
+
+/**
+ * Exit this Page translations
+ *
+ * @see {@link ExitThisPage.defaults.i18n}
+ * @typedef {object} ExitThisPageTranslations
+ *
+ * Messages used by the component programatically inserted text, including
+ * overlay text and screen reader announcements.
+ * @property {string} [activated] - Screen reader announcement for when EtP
+ *   keypress functionality has been successfully activated.
+ * @property {string} [timedOut] - Screen reader announcement for when the EtP
+ *   keypress functionality has timed out.
+ * @property {string} [pressTwoMoreTimes] - Screen reader announcement informing
+ *   the user they must press the activation key two more times.
+ * @property {string} [pressOneMoreTime] - Screen reader announcement informing
+ *   the user they must press the activation key one more time.
+ */
+
+/**
+ * @import { Schema } from '../../common/configuration.mjs'
+ */
+ExitThisPage.moduleName = 'govuk-exit-this-page';
+ExitThisPage.defaults = Object.freeze({
+  i18n: {
+    activated: 'Loading.',
+    timedOut: 'Exit this page expired.',
+    pressTwoMoreTimes: 'Shift, press 2 more times to exit.',
+    pressOneMoreTime: 'Shift, press 1 more time to exit.'
+  }
+});
+ExitThisPage.schema = Object.freeze({
+  properties: {
+    i18n: {
+      type: 'object'
+    }
+  }
+});
+
+/**
+ * File upload component
+ *
+ * @preserve
+ * @augments ConfigurableComponent<FileUploadConfig>
+ */
+class FileUpload extends ConfigurableComponent {
+  /**
+   * @param {Element | null} $root - File input element
+   * @param {FileUploadConfig} [config] - File Upload config
+   */
+  constructor($root, config = {}) {
+    super($root, config);
+    this.$input = void 0;
+    this.$button = void 0;
+    this.$status = void 0;
+    this.i18n = void 0;
+    this.id = void 0;
+    this.$announcements = void 0;
+    this.enteredAnotherElement = void 0;
+    const $input = this.$root.querySelector('input');
+    if ($input === null) {
+      throw new ElementError({
+        component: FileUpload,
+        identifier: 'File inputs (`<input type="file">`)'
+      });
+    }
+    if ($input.type !== 'file') {
+      throw new ElementError(formatErrorMessage(FileUpload, 'File input (`<input type="file">`) attribute (`type`) is not `file`'));
+    }
+    this.$input = $input;
+    if (!this.$input.id) {
+      throw new ElementError({
+        component: FileUpload,
+        identifier: 'File input (`<input type="file">`) attribute (`id`)'
+      });
+    }
+    this.id = this.$input.id;
+    this.i18n = new I18n(this.config.i18n, {
+      locale: closestAttributeValue(this.$root, 'lang')
+    });
+    const $label = this.findLabel();
+    if (!$label.id) {
+      $label.id = `${this.id}-label`;
+    }
+    this.$input.id = `${this.id}-input`;
+    this.$input.setAttribute('hidden', 'true');
+    const $button = document.createElement('button');
+    $button.classList.add('govuk-file-upload-button');
+    $button.type = 'button';
+    $button.id = this.id;
+    $button.classList.add('govuk-file-upload-button--empty');
+    const ariaDescribedBy = this.$input.getAttribute('aria-describedby');
+    if (ariaDescribedBy) {
+      $button.setAttribute('aria-describedby', ariaDescribedBy);
+    }
+    const $status = document.createElement('span');
+    $status.className = 'govuk-body govuk-file-upload-button__status';
+    $status.setAttribute('aria-live', 'polite');
+    $status.innerText = this.i18n.t('noFileChosen');
+    $button.appendChild($status);
+    const commaSpan = document.createElement('span');
+    commaSpan.className = 'govuk-visually-hidden';
+    commaSpan.innerText = ', ';
+    commaSpan.id = `${this.id}-comma`;
+    $button.appendChild(commaSpan);
+    const containerSpan = document.createElement('span');
+    containerSpan.className = 'govuk-file-upload-button__pseudo-button-container';
+    const buttonSpan = document.createElement('span');
+    buttonSpan.className = 'govuk-button govuk-button--secondary govuk-file-upload-button__pseudo-button';
+    buttonSpan.innerText = this.i18n.t('chooseFilesButton');
+    containerSpan.appendChild(buttonSpan);
+    containerSpan.insertAdjacentText('beforeend', ' ');
+    const instructionSpan = document.createElement('span');
+    instructionSpan.className = 'govuk-body govuk-file-upload-button__instruction';
+    instructionSpan.innerText = this.i18n.t('dropInstruction');
+    containerSpan.appendChild(instructionSpan);
+    $button.appendChild(containerSpan);
+    $button.setAttribute('aria-labelledby', `${$label.id} ${commaSpan.id} ${$button.id}`);
+    $button.addEventListener('click', this.onClick.bind(this));
+    $button.addEventListener('dragover', event => {
+      event.preventDefault();
+    });
+    this.$root.insertAdjacentElement('afterbegin', $button);
+    this.$input.setAttribute('tabindex', '-1');
+    this.$input.setAttribute('aria-hidden', 'true');
+    this.$button = $button;
+    this.$status = $status;
+    this.$input.addEventListener('change', this.onChange.bind(this));
+    this.updateDisabledState();
+    this.observeDisabledState();
+    this.$announcements = document.createElement('span');
+    this.$announcements.classList.add('govuk-file-upload-announcements');
+    this.$announcements.classList.add('govuk-visually-hidden');
+    this.$announcements.setAttribute('aria-live', 'assertive');
+    this.$root.insertAdjacentElement('afterend', this.$announcements);
+    this.$button.addEventListener('drop', this.onDrop.bind(this));
+    document.addEventListener('dragenter', this.updateDropzoneVisibility.bind(this));
+    document.addEventListener('dragenter', () => {
+      this.enteredAnotherElement = true;
+    });
+    document.addEventListener('dragleave', () => {
+      if (!this.enteredAnotherElement && !this.$button.disabled) {
+        this.hideDraggingState();
+        this.$announcements.innerText = this.i18n.t('leftDropZone');
+      }
+      this.enteredAnotherElement = false;
+    });
+  }
+  updateDropzoneVisibility(event) {
+    if (this.$button.disabled) return;
+    if (event.target instanceof Node) {
+      if (this.$root.contains(event.target)) {
+        if (event.dataTransfer && isContainingFiles(event.dataTransfer)) {
+          if (!this.$button.classList.contains('govuk-file-upload-button--dragging')) {
+            this.showDraggingState();
+            this.$announcements.innerText = this.i18n.t('enteredDropZone');
+          }
+        }
+      } else {
+        if (this.$button.classList.contains('govuk-file-upload-button--dragging')) {
+          this.hideDraggingState();
+          this.$announcements.innerText = this.i18n.t('leftDropZone');
+        }
+      }
+    }
+  }
+  showDraggingState() {
+    this.$button.classList.add('govuk-file-upload-button--dragging');
+  }
+  hideDraggingState() {
+    this.$button.classList.remove('govuk-file-upload-button--dragging');
+  }
+  onDrop(event) {
+    event.preventDefault();
+    if (event.dataTransfer && isContainingFiles(event.dataTransfer)) {
+      this.$input.files = event.dataTransfer.files;
+      this.$input.dispatchEvent(new CustomEvent('change'));
+      this.hideDraggingState();
+    }
+  }
+  onChange() {
+    const fileCount = this.$input.files.length;
+    if (fileCount === 0) {
+      this.$status.innerText = this.i18n.t('noFileChosen');
+      this.$button.classList.add('govuk-file-upload-button--empty');
+    } else {
+      if (fileCount === 1) {
+        this.$status.innerText = this.$input.files[0].name;
+      } else {
+        this.$status.innerText = this.i18n.t('multipleFilesChosen', {
+          count: fileCount
+        });
+      }
+      this.$button.classList.remove('govuk-file-upload-button--empty');
+    }
+  }
+  findLabel() {
+    const $label = document.querySelector(`label[for="${this.$input.id}"]`);
+    if (!$label) {
+      throw new ElementError({
+        component: FileUpload,
+        identifier: `Field label (\`<label for=${this.$input.id}>\`)`
+      });
+    }
+    return $label;
+  }
+  onClick() {
+    this.$input.click();
+  }
+  observeDisabledState() {
+    const observer = new MutationObserver(mutationList => {
+      for (const mutation of mutationList) {
+        if (mutation.type === 'attributes' && mutation.attributeName === 'disabled') {
+          this.updateDisabledState();
+        }
+      }
+    });
+    observer.observe(this.$input, {
+      attributes: true
+    });
+  }
+  updateDisabledState() {
+    this.$button.disabled = this.$input.disabled;
+    this.$root.classList.toggle('govuk-drop-zone--disabled', this.$button.disabled);
+  }
+}
+FileUpload.moduleName = 'govuk-file-upload';
+FileUpload.defaults = Object.freeze({
+  i18n: {
+    chooseFilesButton: 'Choose file',
+    dropInstruction: 'or drop file',
+    noFileChosen: 'No file chosen',
+    multipleFilesChosen: {
+      one: '%{count} file chosen',
+      other: '%{count} files chosen'
+    },
+    enteredDropZone: 'Entered drop zone',
+    leftDropZone: 'Left drop zone'
+  }
+});
+FileUpload.schema = Object.freeze({
+  properties: {
+    i18n: {
+      type: 'object'
+    }
+  }
+});
+function isContainingFiles(dataTransfer) {
+  const hasNoTypesInfo = dataTransfer.types.length === 0;
+  const isDraggingFiles = dataTransfer.types.some(type => type === 'Files');
+  return hasNoTypesInfo || isDraggingFiles;
+}
+
+/**
+ * @typedef {HTMLInputElement & {files: FileList}} HTMLFileInputElement
+ */
+
+/**
+ * File upload config
+ *
+ * @see {@link FileUpload.defaults}
+ * @typedef {object} FileUploadConfig
+ * @property {FileUploadTranslations} [i18n=FileUpload.defaults.i18n] - File upload translations
+ */
+
+/**
+ * File upload translations
+ *
+ * @see {@link FileUpload.defaults.i18n}
+ * @typedef {object} FileUploadTranslations
+ *
+ * Messages used by the component
+ * @property {string} [chooseFile] - The text of the button that opens the file picker
+ * @property {string} [dropInstruction] - The text informing users they can drop files
+ * @property {TranslationPluralForms} [multipleFilesChosen] - The text displayed when multiple files
+ *   have been chosen by the user
+ * @property {string} [noFileChosen] - The text to displayed when no file has been chosen by the user
+ * @property {string} [enteredDropZone] - The text announced by assistive technology
+ *   when user drags files and enters the drop zone
+ * @property {string} [leftDropZone] - The text announced by assistive technology
+ *   when user drags files and leaves the drop zone without dropping
+ */
+
+/**
+ * @import { Schema } from '../../common/configuration.mjs'
+ * @import { TranslationPluralForms } from '../../i18n.mjs'
+ */
+
+/**
+ * Header component
+ *
+ * @preserve
+ */
+class Header extends Component {
+  /**
+   * Apply a matchMedia for desktop which will trigger a state sync if the
+   * browser viewport moves between states.
+   *
+   * @param {Element | null} $root - HTML element to use for header
+   */
+  constructor($root) {
+    super($root);
+    this.$menuButton = void 0;
+    this.$menu = void 0;
+    this.menuIsOpen = false;
+    this.mql = null;
+    const $menuButton = this.$root.querySelector('.govuk-js-header-toggle');
+    if (!$menuButton) {
+      return this;
+    }
+    this.$root.classList.add('govuk-header--with-js-navigation');
+    const menuId = $menuButton.getAttribute('aria-controls');
+    if (!menuId) {
+      throw new ElementError({
+        component: Header,
+        identifier: 'Navigation button (`<button class="govuk-js-header-toggle">`) attribute (`aria-controls`)'
+      });
+    }
+    const $menu = document.getElementById(menuId);
+    if (!$menu) {
+      throw new ElementError({
+        component: Header,
+        element: $menu,
+        identifier: `Navigation (\`<ul id="${menuId}">\`)`
+      });
+    }
+    this.$menu = $menu;
+    this.$menuButton = $menuButton;
+    this.setupResponsiveChecks();
+    this.$menuButton.addEventListener('click', () => this.handleMenuButtonClick());
+  }
+  setupResponsiveChecks() {
+    const breakpoint = getBreakpoint('desktop');
+    if (!breakpoint.value) {
+      throw new ElementError({
+        component: Header,
+        identifier: `CSS custom property (\`${breakpoint.property}\`) on pseudo-class \`:root\``
+      });
+    }
+    this.mql = window.matchMedia(`(min-width: ${breakpoint.value})`);
+    if ('addEventListener' in this.mql) {
+      this.mql.addEventListener('change', () => this.checkMode());
+    } else {
+      this.mql.addListener(() => this.checkMode());
+    }
+    this.checkMode();
+  }
+  checkMode() {
+    if (!this.mql || !this.$menu || !this.$menuButton) {
+      return;
+    }
+    if (this.mql.matches) {
+      this.$menu.removeAttribute('hidden');
+      this.$menuButton.setAttribute('hidden', '');
+    } else {
+      this.$menuButton.removeAttribute('hidden');
+      this.$menuButton.setAttribute('aria-expanded', this.menuIsOpen.toString());
+      if (this.menuIsOpen) {
+        this.$menu.removeAttribute('hidden');
+      } else {
+        this.$menu.setAttribute('hidden', '');
+      }
+    }
+  }
+  handleMenuButtonClick() {
+    this.menuIsOpen = !this.menuIsOpen;
+    this.checkMode();
+  }
+}
+Header.moduleName = 'govuk-header';
+
+/**
+ * Notification Banner component
+ *
+ * @preserve
+ * @augments ConfigurableComponent<NotificationBannerConfig>
+ */
+class NotificationBanner extends ConfigurableComponent {
+  /**
+   * @param {Element | null} $root - HTML element to use for notification banner
+   * @param {NotificationBannerConfig} [config] - Notification banner config
+   */
+  constructor($root, config = {}) {
+    super($root, config);
+    if (this.$root.getAttribute('role') === 'alert' && !this.config.disableAutoFocus) {
+      setFocus(this.$root);
+    }
+  }
+}
+
+/**
+ * Notification banner config
+ *
+ * @typedef {object} NotificationBannerConfig
+ * @property {boolean} [disableAutoFocus=false] - If set to `true` the
+ *   notification banner will not be focussed when the page loads. This only
+ *   applies if the component has a `role` of `alert` – in other cases the
+ *   component will not be focused on page load, regardless of this option.
+ */
+
+/**
+ * @import { Schema } from '../../common/configuration.mjs'
+ */
+NotificationBanner.moduleName = 'govuk-notification-banner';
+NotificationBanner.defaults = Object.freeze({
+  disableAutoFocus: false
+});
+NotificationBanner.schema = Object.freeze({
+  properties: {
+    disableAutoFocus: {
+      type: 'boolean'
+    }
+  }
+});
+
+/**
+ * Password input component
+ *
+ * @preserve
+ * @augments ConfigurableComponent<PasswordInputConfig>
+ */
+class PasswordInput extends ConfigurableComponent {
+  /**
+   * @param {Element | null} $root - HTML element to use for password input
+   * @param {PasswordInputConfig} [config] - Password input config
+   */
+  constructor($root, config = {}) {
+    super($root, config);
+    this.i18n = void 0;
+    this.$input = void 0;
+    this.$showHideButton = void 0;
+    this.$screenReaderStatusMessage = void 0;
+    const $input = this.$root.querySelector('.govuk-js-password-input-input');
+    if (!($input instanceof HTMLInputElement)) {
+      throw new ElementError({
+        component: PasswordInput,
+        element: $input,
+        expectedType: 'HTMLInputElement',
+        identifier: 'Form field (`.govuk-js-password-input-input`)'
+      });
+    }
+    if ($input.type !== 'password') {
+      throw new ElementError('Password input: Form field (`.govuk-js-password-input-input`) must be of type `password`.');
+    }
+    const $showHideButton = this.$root.querySelector('.govuk-js-password-input-toggle');
+    if (!($showHideButton instanceof HTMLButtonElement)) {
+      throw new ElementError({
+        component: PasswordInput,
+        element: $showHideButton,
+        expectedType: 'HTMLButtonElement',
+        identifier: 'Button (`.govuk-js-password-input-toggle`)'
+      });
+    }
+    if ($showHideButton.type !== 'button') {
+      throw new ElementError('Password input: Button (`.govuk-js-password-input-toggle`) must be of type `button`.');
+    }
+    this.$input = $input;
+    this.$showHideButton = $showHideButton;
+    this.i18n = new I18n(this.config.i18n, {
+      locale: closestAttributeValue(this.$root, 'lang')
+    });
+    this.$showHideButton.removeAttribute('hidden');
+    const $screenReaderStatusMessage = document.createElement('div');
+    $screenReaderStatusMessage.className = 'govuk-password-input__sr-status govuk-visually-hidden';
+    $screenReaderStatusMessage.setAttribute('aria-live', 'polite');
+    this.$screenReaderStatusMessage = $screenReaderStatusMessage;
+    this.$input.insertAdjacentElement('afterend', $screenReaderStatusMessage);
+    this.$showHideButton.addEventListener('click', this.toggle.bind(this));
+    if (this.$input.form) {
+      this.$input.form.addEventListener('submit', () => this.hide());
+    }
+    window.addEventListener('pageshow', event => {
+      if (event.persisted && this.$input.type !== 'password') {
+        this.hide();
+      }
+    });
+    this.hide();
+  }
+  toggle(event) {
+    event.preventDefault();
+    if (this.$input.type === 'password') {
+      this.show();
+      return;
+    }
+    this.hide();
+  }
+  show() {
+    this.setType('text');
+  }
+  hide() {
+    this.setType('password');
+  }
+  setType(type) {
+    if (type === this.$input.type) {
+      return;
+    }
+    this.$input.setAttribute('type', type);
+    const isHidden = type === 'password';
+    const prefixButton = isHidden ? 'show' : 'hide';
+    const prefixStatus = isHidden ? 'passwordHidden' : 'passwordShown';
+    this.$showHideButton.innerText = this.i18n.t(`${prefixButton}Password`);
+    this.$showHideButton.setAttribute('aria-label', this.i18n.t(`${prefixButton}PasswordAriaLabel`));
+    this.$screenReaderStatusMessage.innerText = this.i18n.t(`${prefixStatus}Announcement`);
+  }
+}
+
+/**
+ * Password input config
+ *
+ * @typedef {object} PasswordInputConfig
+ * @property {PasswordInputTranslations} [i18n=PasswordInput.defaults.i18n] - Password input translations
+ */
+
+/**
+ * Password input translations
+ *
+ * @see {@link PasswordInput.defaults.i18n}
+ * @typedef {object} PasswordInputTranslations
+ *
+ * Messages displayed to the user indicating the state of the show/hide toggle.
+ * @property {string} [showPassword] - Visible text of the button when the
+ *   password is currently hidden. Plain text only.
+ * @property {string} [hidePassword] - Visible text of the button when the
+ *   password is currently visible. Plain text only.
+ * @property {string} [showPasswordAriaLabel] - aria-label of the button when
+ *   the password is currently hidden. Plain text only.
+ * @property {string} [hidePasswordAriaLabel] - aria-label of the button when
+ *   the password is currently visible. Plain text only.
+ * @property {string} [passwordShownAnnouncement] - Screen reader
+ *   announcement to make when the password has just become visible.
+ *   Plain text only.
+ * @property {string} [passwordHiddenAnnouncement] - Screen reader
+ *   announcement to make when the password has just been hidden.
+ *   Plain text only.
+ */
+
+/**
+ * @import { Schema } from '../../common/configuration.mjs'
+ */
+PasswordInput.moduleName = 'govuk-password-input';
+PasswordInput.defaults = Object.freeze({
+  i18n: {
+    showPassword: 'Show',
+    hidePassword: 'Hide',
+    showPasswordAriaLabel: 'Show password',
+    hidePasswordAriaLabel: 'Hide password',
+    passwordShownAnnouncement: 'Your password is visible',
+    passwordHiddenAnnouncement: 'Your password is hidden'
+  }
+});
+PasswordInput.schema = Object.freeze({
+  properties: {
+    i18n: {
+      type: 'object'
+    }
+  }
+});
+
+/**
+ * Radios component
+ *
+ * @preserve
+ */
+class Radios extends Component {
+  /**
+   * Radios can be associated with a 'conditionally revealed' content block –
+   * for example, a radio for 'Phone' could reveal an additional form field for
+   * the user to enter their phone number.
+   *
+   * These associations are made using a `data-aria-controls` attribute, which
+   * is promoted to an aria-controls attribute during initialisation.
+   *
+   * We also need to restore the state of any conditional reveals on the page
+   * (for example if the user has navigated back), and set up event handlers to
+   * keep the reveal in sync with the radio state.
+   *
+   * @param {Element | null} $root - HTML element to use for radios
+   */
+  constructor($root) {
+    super($root);
+    this.$inputs = void 0;
+    const $inputs = this.$root.querySelectorAll('input[type="radio"]');
+    if (!$inputs.length) {
+      throw new ElementError({
+        component: Radios,
+        identifier: 'Form inputs (`<input type="radio">`)'
+      });
+    }
+    this.$inputs = $inputs;
+    this.$inputs.forEach($input => {
+      const targetId = $input.getAttribute('data-aria-controls');
+      if (!targetId) {
+        return;
+      }
+      if (!document.getElementById(targetId)) {
+        throw new ElementError({
+          component: Radios,
+          identifier: `Conditional reveal (\`id="${targetId}"\`)`
+        });
+      }
+      $input.setAttribute('aria-controls', targetId);
+      $input.removeAttribute('data-aria-controls');
+    });
+    window.addEventListener('pageshow', () => this.syncAllConditionalReveals());
+    this.syncAllConditionalReveals();
+    this.$root.addEventListener('click', event => this.handleClick(event));
+  }
+  syncAllConditionalReveals() {
+    this.$inputs.forEach($input => this.syncConditionalRevealWithInputState($input));
+  }
+  syncConditionalRevealWithInputState($input) {
+    const targetId = $input.getAttribute('aria-controls');
+    if (!targetId) {
+      return;
+    }
+    const $target = document.getElementById(targetId);
+    if ($target != null && $target.classList.contains('govuk-radios__conditional')) {
+      const inputIsChecked = $input.checked;
+      $input.setAttribute('aria-expanded', inputIsChecked.toString());
+      $target.classList.toggle('govuk-radios__conditional--hidden', !inputIsChecked);
+    }
+  }
+  handleClick(event) {
+    const $clickedInput = event.target;
+    if (!($clickedInput instanceof HTMLInputElement) || $clickedInput.type !== 'radio') {
+      return;
+    }
+    const $allInputs = document.querySelectorAll('input[type="radio"][aria-controls]');
+    const $clickedInputForm = $clickedInput.form;
+    const $clickedInputName = $clickedInput.name;
+    $allInputs.forEach($input => {
+      const hasSameFormOwner = $input.form === $clickedInputForm;
+      const hasSameName = $input.name === $clickedInputName;
+      if (hasSameName && hasSameFormOwner) {
+        this.syncConditionalRevealWithInputState($input);
+      }
+    });
+  }
+}
+Radios.moduleName = 'govuk-radios';
+
+/**
+ * Service Navigation component
+ *
+ * @preserve
+ */
+class ServiceNavigation extends Component {
+  /**
+   * @param {Element | null} $root - HTML element to use for header
+   */
+  constructor($root) {
+    super($root);
+    this.$menuButton = void 0;
+    this.$menu = void 0;
+    this.menuIsOpen = false;
+    this.mql = null;
+    const $menuButton = this.$root.querySelector('.govuk-js-service-navigation-toggle');
+    if (!$menuButton) {
+      return this;
+    }
+    const menuId = $menuButton.getAttribute('aria-controls');
+    if (!menuId) {
+      throw new ElementError({
+        component: ServiceNavigation,
+        identifier: 'Navigation button (`<button class="govuk-js-service-navigation-toggle">`) attribute (`aria-controls`)'
+      });
+    }
+    const $menu = document.getElementById(menuId);
+    if (!$menu) {
+      throw new ElementError({
+        component: ServiceNavigation,
+        element: $menu,
+        identifier: `Navigation (\`<ul id="${menuId}">\`)`
+      });
+    }
+    this.$menu = $menu;
+    this.$menuButton = $menuButton;
+    this.setupResponsiveChecks();
+    this.$menuButton.addEventListener('click', () => this.handleMenuButtonClick());
+  }
+  setupResponsiveChecks() {
+    const breakpoint = getBreakpoint('tablet');
+    if (!breakpoint.value) {
+      throw new ElementError({
+        component: ServiceNavigation,
+        identifier: `CSS custom property (\`${breakpoint.property}\`) on pseudo-class \`:root\``
+      });
+    }
+    this.mql = window.matchMedia(`(min-width: ${breakpoint.value})`);
+    if ('addEventListener' in this.mql) {
+      this.mql.addEventListener('change', () => this.checkMode());
+    } else {
+      this.mql.addListener(() => this.checkMode());
+    }
+    this.checkMode();
+  }
+  checkMode() {
+    if (!this.mql || !this.$menu || !this.$menuButton) {
+      return;
+    }
+    if (this.mql.matches) {
+      this.$menu.removeAttribute('hidden');
+      this.$menuButton.setAttribute('hidden', '');
+    } else {
+      this.$menuButton.removeAttribute('hidden');
+      this.$menuButton.setAttribute('aria-expanded', this.menuIsOpen.toString());
+      if (this.menuIsOpen) {
+        this.$menu.removeAttribute('hidden');
+      } else {
+        this.$menu.setAttribute('hidden', '');
+      }
+    }
+  }
+  handleMenuButtonClick() {
+    this.menuIsOpen = !this.menuIsOpen;
+    this.checkMode();
+  }
+}
+ServiceNavigation.moduleName = 'govuk-service-navigation';
+
+/**
+ * Skip link component
+ *
+ * @preserve
+ * @augments Component<HTMLAnchorElement>
+ */
+class SkipLink extends Component {
+  /**
+   * @param {Element | null} $root - HTML element to use for skip link
+   * @throws {ElementError} when $root is not set or the wrong type
+   * @throws {ElementError} when $root.hash does not contain a hash
+   * @throws {ElementError} when the linked element is missing or the wrong type
+   */
+  constructor($root) {
+    var _this$$root$getAttrib;
+    super($root);
+    const hash = this.$root.hash;
+    const href = (_this$$root$getAttrib = this.$root.getAttribute('href')) != null ? _this$$root$getAttrib : '';
+    if (this.$root.origin !== window.location.origin || this.$root.pathname !== window.location.pathname) {
+      return;
+    }
+    const linkedElementId = hash.replace('#', '');
+    if (!linkedElementId) {
+      throw new ElementError(`Skip link: Target link (\`href="${href}"\`) has no hash fragment`);
+    }
+    const $linkedElement = document.getElementById(linkedElementId);
+    if (!$linkedElement) {
+      throw new ElementError({
+        component: SkipLink,
+        element: $linkedElement,
+        identifier: `Target content (\`id="${linkedElementId}"\`)`
+      });
+    }
+    this.$root.addEventListener('click', () => setFocus($linkedElement, {
+      onBeforeFocus() {
+        $linkedElement.classList.add('govuk-skip-link-focused-element');
+      },
+      onBlur() {
+        $linkedElement.classList.remove('govuk-skip-link-focused-element');
+      }
+    }));
+  }
+}
+SkipLink.elementType = HTMLAnchorElement;
+SkipLink.moduleName = 'govuk-skip-link';
+
+/**
+ * Tabs component
+ *
+ * @preserve
+ */
+class Tabs extends Component {
+  /**
+   * @param {Element | null} $root - HTML element to use for tabs
+   */
+  constructor($root) {
+    super($root);
+    this.$tabs = void 0;
+    this.$tabList = void 0;
+    this.$tabListItems = void 0;
+    this.jsHiddenClass = 'govuk-tabs__panel--hidden';
+    this.changingHash = false;
+    this.boundTabClick = void 0;
+    this.boundTabKeydown = void 0;
+    this.boundOnHashChange = void 0;
+    this.mql = null;
+    const $tabs = this.$root.querySelectorAll('a.govuk-tabs__tab');
+    if (!$tabs.length) {
+      throw new ElementError({
+        component: Tabs,
+        identifier: 'Links (`<a class="govuk-tabs__tab">`)'
+      });
+    }
+    this.$tabs = $tabs;
+    this.boundTabClick = this.onTabClick.bind(this);
+    this.boundTabKeydown = this.onTabKeydown.bind(this);
+    this.boundOnHashChange = this.onHashChange.bind(this);
+    const $tabList = this.$root.querySelector('.govuk-tabs__list');
+    const $tabListItems = this.$root.querySelectorAll('li.govuk-tabs__list-item');
+    if (!$tabList) {
+      throw new ElementError({
+        component: Tabs,
+        identifier: 'List (`<ul class="govuk-tabs__list">`)'
+      });
+    }
+    if (!$tabListItems.length) {
+      throw new ElementError({
+        component: Tabs,
+        identifier: 'List items (`<li class="govuk-tabs__list-item">`)'
+      });
+    }
+    this.$tabList = $tabList;
+    this.$tabListItems = $tabListItems;
+    this.setupResponsiveChecks();
+  }
+  setupResponsiveChecks() {
+    const breakpoint = getBreakpoint('tablet');
+    if (!breakpoint.value) {
+      throw new ElementError({
+        component: Tabs,
+        identifier: `CSS custom property (\`${breakpoint.property}\`) on pseudo-class \`:root\``
+      });
+    }
+    this.mql = window.matchMedia(`(min-width: ${breakpoint.value})`);
+    if ('addEventListener' in this.mql) {
+      this.mql.addEventListener('change', () => this.checkMode());
+    } else {
+      this.mql.addListener(() => this.checkMode());
+    }
+    this.checkMode();
+  }
+  checkMode() {
+    var _this$mql;
+    if ((_this$mql = this.mql) != null && _this$mql.matches) {
+      this.setup();
+    } else {
+      this.teardown();
+    }
+  }
+  setup() {
+    var _this$getTab;
+    this.$tabList.setAttribute('role', 'tablist');
+    this.$tabListItems.forEach($item => {
+      $item.setAttribute('role', 'presentation');
+    });
+    this.$tabs.forEach($tab => {
+      this.setAttributes($tab);
+      $tab.addEventListener('click', this.boundTabClick, true);
+      $tab.addEventListener('keydown', this.boundTabKeydown, true);
+      this.hideTab($tab);
+    });
+    const $activeTab = (_this$getTab = this.getTab(window.location.hash)) != null ? _this$getTab : this.$tabs[0];
+    this.showTab($activeTab);
+    window.addEventListener('hashchange', this.boundOnHashChange, true);
+  }
+  teardown() {
+    this.$tabList.removeAttribute('role');
+    this.$tabListItems.forEach($item => {
+      $item.removeAttribute('role');
+    });
+    this.$tabs.forEach($tab => {
+      $tab.removeEventListener('click', this.boundTabClick, true);
+      $tab.removeEventListener('keydown', this.boundTabKeydown, true);
+      this.unsetAttributes($tab);
+    });
+    window.removeEventListener('hashchange', this.boundOnHashChange, true);
+  }
+  onHashChange() {
+    const hash = window.location.hash;
+    const $tabWithHash = this.getTab(hash);
+    if (!$tabWithHash) {
+      return;
+    }
+    if (this.changingHash) {
+      this.changingHash = false;
+      return;
+    }
+    const $previousTab = this.getCurrentTab();
+    if (!$previousTab) {
+      return;
+    }
+    this.hideTab($previousTab);
+    this.showTab($tabWithHash);
+    $tabWithHash.focus();
+  }
+  hideTab($tab) {
+    this.unhighlightTab($tab);
+    this.hidePanel($tab);
+  }
+  showTab($tab) {
+    this.highlightTab($tab);
+    this.showPanel($tab);
+  }
+  getTab(hash) {
+    return this.$root.querySelector(`a.govuk-tabs__tab[href="${hash}"]`);
+  }
+  setAttributes($tab) {
+    const panelId = $tab.hash.replace('#', '');
+    if (!panelId) {
+      return;
+    }
+    $tab.setAttribute('id', `tab_${panelId}`);
+    $tab.setAttribute('role', 'tab');
+    $tab.setAttribute('aria-controls', panelId);
+    $tab.setAttribute('aria-selected', 'false');
+    $tab.setAttribute('tabindex', '-1');
+    const $panel = this.getPanel($tab);
+    if (!$panel) {
+      return;
+    }
+    $panel.setAttribute('role', 'tabpanel');
+    $panel.setAttribute('aria-labelledby', $tab.id);
+    $panel.classList.add(this.jsHiddenClass);
+  }
+  unsetAttributes($tab) {
+    $tab.removeAttribute('id');
+    $tab.removeAttribute('role');
+    $tab.removeAttribute('aria-controls');
+    $tab.removeAttribute('aria-selected');
+    $tab.removeAttribute('tabindex');
+    const $panel = this.getPanel($tab);
+    if (!$panel) {
+      return;
+    }
+    $panel.removeAttribute('role');
+    $panel.removeAttribute('aria-labelledby');
+    $panel.classList.remove(this.jsHiddenClass);
+  }
+  onTabClick(event) {
+    const $currentTab = this.getCurrentTab();
+    const $nextTab = event.currentTarget;
+    if (!$currentTab || !($nextTab instanceof HTMLAnchorElement)) {
+      return;
+    }
+    event.preventDefault();
+    this.hideTab($currentTab);
+    this.showTab($nextTab);
+    this.createHistoryEntry($nextTab);
+  }
+  createHistoryEntry($tab) {
+    const $panel = this.getPanel($tab);
+    if (!$panel) {
+      return;
+    }
+    const panelId = $panel.id;
+    $panel.id = '';
+    this.changingHash = true;
+    window.location.hash = panelId;
+    $panel.id = panelId;
+  }
+  onTabKeydown(event) {
+    switch (event.key) {
+      case 'ArrowLeft':
+      case 'Left':
+        this.activatePreviousTab();
+        event.preventDefault();
+        break;
+      case 'ArrowRight':
+      case 'Right':
+        this.activateNextTab();
+        event.preventDefault();
+        break;
+    }
+  }
+  activateNextTab() {
+    const $currentTab = this.getCurrentTab();
+    if (!($currentTab != null && $currentTab.parentElement)) {
+      return;
+    }
+    const $nextTabListItem = $currentTab.parentElement.nextElementSibling;
+    if (!$nextTabListItem) {
+      return;
+    }
+    const $nextTab = $nextTabListItem.querySelector('a.govuk-tabs__tab');
+    if (!$nextTab) {
+      return;
+    }
+    this.hideTab($currentTab);
+    this.showTab($nextTab);
+    $nextTab.focus();
+    this.createHistoryEntry($nextTab);
+  }
+  activatePreviousTab() {
+    const $currentTab = this.getCurrentTab();
+    if (!($currentTab != null && $currentTab.parentElement)) {
+      return;
+    }
+    const $previousTabListItem = $currentTab.parentElement.previousElementSibling;
+    if (!$previousTabListItem) {
+      return;
+    }
+    const $previousTab = $previousTabListItem.querySelector('a.govuk-tabs__tab');
+    if (!$previousTab) {
+      return;
+    }
+    this.hideTab($currentTab);
+    this.showTab($previousTab);
+    $previousTab.focus();
+    this.createHistoryEntry($previousTab);
+  }
+  getPanel($tab) {
+    const panelId = $tab.hash.replace('#', '');
+    if (!panelId) {
+      return null;
+    }
+    return this.$root.querySelector(`#${panelId}`);
+  }
+  showPanel($tab) {
+    const $panel = this.getPanel($tab);
+    if (!$panel) {
+      return;
+    }
+    $panel.classList.remove(this.jsHiddenClass);
+  }
+  hidePanel($tab) {
+    const $panel = this.getPanel($tab);
+    if (!$panel) {
+      return;
+    }
+    $panel.classList.add(this.jsHiddenClass);
+  }
+  unhighlightTab($tab) {
+    if (!$tab.parentElement) {
+      return;
+    }
+    $tab.setAttribute('aria-selected', 'false');
+    $tab.parentElement.classList.remove('govuk-tabs__list-item--selected');
+    $tab.setAttribute('tabindex', '-1');
+  }
+  highlightTab($tab) {
+    if (!$tab.parentElement) {
+      return;
+    }
+    $tab.setAttribute('aria-selected', 'true');
+    $tab.parentElement.classList.add('govuk-tabs__list-item--selected');
+    $tab.setAttribute('tabindex', '0');
+  }
+  getCurrentTab() {
+    return this.$root.querySelector('.govuk-tabs__list-item--selected a.govuk-tabs__tab');
+  }
+}
+Tabs.moduleName = 'govuk-tabs';
+
+/**
+ * Initialise all components
+ *
+ * Use the `data-module` attributes to find, instantiate and init all of the
+ * components provided as part of GOV.UK Frontend.
+ *
+ * @param {Config | Element | Document | null} [scopeOrConfig] - Scope of the document to search within or config for all components (with optional scope)
+ */
+function initAll(scopeOrConfig = {}) {
+  const config = isObject(scopeOrConfig) ? scopeOrConfig : {};
+  const options = normaliseOptions(scopeOrConfig);
+  try {
+    if (!isSupported()) {
+      throw new SupportError();
+    }
+    if (options.scope === null) {
+      throw new ElementError({
+        element: options.scope,
+        identifier: 'GOV.UK Frontend scope element (`$scope`)'
+      });
+    }
+  } catch (error) {
+    if (options.onError) {
+      options.onError(error, {
+        config
+      });
+    } else {
+      console.log(error);
+    }
+    return;
+  }
+  const components = [[Accordion, config.accordion], [Button, config.button], [CharacterCount, config.characterCount], [Checkboxes], [ErrorSummary, config.errorSummary], [ExitThisPage, config.exitThisPage], [FileUpload, config.fileUpload], [Header], [NotificationBanner, config.notificationBanner], [PasswordInput, config.passwordInput], [Radios], [ServiceNavigation], [SkipLink], [Tabs]];
+  components.forEach(([Component, componentConfig]) => {
+    createAll(Component, componentConfig, options);
+  });
+}
+
+/**
+ * Create all instances of a specific component on the page
+ *
+ * Uses the `data-module` attribute to find all elements matching the specified
+ * component on the page, creating instances of the component object for each
+ * of them.
+ *
+ * Any component errors will be caught and logged to the console.
+ *
+ * @template {CompatibleClass} ComponentClass
+ * @param {ComponentClass} Component - class of the component to create
+ * @param {ComponentConfig<ComponentClass>} [config] - Config supplied to component
+ * @param {OnErrorCallback<ComponentClass> | Element | Document | null | CreateAllOptions<ComponentClass>} [scopeOrOptions] - options for createAll including scope of the document to search within and callback function if error throw by component on init
+ * @returns {Array<InstanceType<ComponentClass>>} - array of instantiated components
+ */
+function createAll(Component, config, scopeOrOptions) {
+  let $elements;
+  const options = normaliseOptions(scopeOrOptions);
+  try {
+    var _options$scope;
+    if (!isSupported()) {
+      throw new SupportError();
+    }
+    if (options.scope === null) {
+      throw new ElementError({
+        element: options.scope,
+        component: Component,
+        identifier: 'Scope element (`$scope`)'
+      });
+    }
+    $elements = (_options$scope = options.scope) == null ? void 0 : _options$scope.querySelectorAll(`[data-module="${Component.moduleName}"]`);
+  } catch (error) {
+    if (options.onError) {
+      options.onError(error, {
+        component: Component,
+        config
+      });
+    } else {
+      console.log(error);
+    }
+    return [];
+  }
+  return Array.from($elements != null ? $elements : []).map($element => {
+    try {
+      return typeof config !== 'undefined' ? new Component($element, config) : new Component($element);
+    } catch (error) {
+      if (options.onError) {
+        options.onError(error, {
+          element: $element,
+          component: Component,
+          config
+        });
+      } else {
+        console.log(error);
+      }
+      return null;
+    }
+  }).filter(Boolean);
+}
+/**
+ * @typedef {{new (...args: any[]): any, moduleName: string}} CompatibleClass
+ */
+/**
+ * Config for all components via `initAll()`
+ *
+ * @typedef {object} Config
+ * @property {Element | Document | null} [scope] - Scope of the document to search within
+ * @property {OnErrorCallback<CompatibleClass>} [onError] - Initialisation error callback
+ * @property {AccordionConfig} [accordion] - Accordion config
+ * @property {ButtonConfig} [button] - Button config
+ * @property {CharacterCountConfig} [characterCount] - Character Count config
+ * @property {ErrorSummaryConfig} [errorSummary] - Error Summary config
+ * @property {ExitThisPageConfig} [exitThisPage] - Exit This Page config
+ * @property {FileUploadConfig} [fileUpload] - File Upload config
+ * @property {NotificationBannerConfig} [notificationBanner] - Notification Banner config
+ * @property {PasswordInputConfig} [passwordInput] - Password input config
+ */
+/**
+ * Config for individual components
+ *
+ * @import { AccordionConfig } from './components/accordion/accordion.mjs'
+ * @import { ButtonConfig } from './components/button/button.mjs'
+ * @import { CharacterCountConfig } from './components/character-count/character-count.mjs'
+ * @import { ErrorSummaryConfig } from './components/error-summary/error-summary.mjs'
+ * @import { ExitThisPageConfig } from './components/exit-this-page/exit-this-page.mjs'
+ * @import { NotificationBannerConfig } from './components/notification-banner/notification-banner.mjs'
+ * @import { PasswordInputConfig } from './components/password-input/password-input.mjs'
+ * @import { FileUploadConfig } from './components/file-upload/file-upload.mjs'
+ */
+/**
+ * Component config keys, e.g. `accordion` and `characterCount`
+ *
+ * @typedef {keyof Omit<Config, 'scope' | 'onError'>} ConfigKey
+ */
+/**
+ * @template {CompatibleClass} ComponentClass
+ * @typedef {ConstructorParameters<ComponentClass>[1]} ComponentConfig
+ */
+/**
+ * @template {CompatibleClass} ComponentClass
+ * @typedef {object} ErrorContext
+ * @property {Element} [element] - Element used for component module initialisation
+ * @property {ComponentClass} [component] - Class of component
+ * @property {Config | ComponentConfig<ComponentClass>} [config] - Config supplied to components
+ */
+/**
+ * @template {CompatibleClass} ComponentClass
+ * @callback OnErrorCallback
+ * @param {unknown} error - Thrown error
+ * @param {ErrorContext<ComponentClass>} context - Object containing the element, component class and configuration
+ */
+/**
+ * @template {CompatibleClass} ComponentClass
+ * @typedef {object} CreateAllOptions
+ * @property {Element | Document | null} [scope] - scope of the document to search within
+ * @property {OnErrorCallback<ComponentClass>} [onError] - callback function if error throw by component on init
+ */
+
+export { Accordion, Button, CharacterCount, Checkboxes, Component, ConfigurableComponent, ErrorSummary, ExitThisPage, FileUpload, Header, NotificationBanner, PasswordInput, Radios, ServiceNavigation, SkipLink, Tabs, createAll, initAll, isSupported, version };
+//# sourceMappingURL=all.bundle.mjs.map
diff --git a/node_modules/govuk-frontend/dist/govuk/all.bundle.mjs.map b/node_modules/govuk-frontend/dist/govuk/all.bundle.mjs.map
new file mode 100644
index 0000000..051d6a3
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/all.bundle.mjs.map
@@ -0,0 +1 @@
+{"version":3,"file":"all.bundle.mjs","sources":["../../src/govuk/common/govuk-frontend-version.mjs","../../src/govuk/common/index.mjs","../../src/govuk/errors/index.mjs","../../src/govuk/component.mjs","../../src/govuk/common/configuration.mjs","../../src/govuk/i18n.mjs","../../src/govuk/components/accordion/accordion.mjs","../../src/govuk/components/button/button.mjs","../../src/govuk/common/closest-attribute-value.mjs","../../src/govuk/components/character-count/character-count.mjs","../../src/govuk/components/checkboxes/checkboxes.mjs","../../src/govuk/components/error-summary/error-summary.mjs","../../src/govuk/components/exit-this-page/exit-this-page.mjs","../../src/govuk/components/file-upload/file-upload.mjs","../../src/govuk/components/header/header.mjs","../../src/govuk/components/notification-banner/notification-banner.mjs","../../src/govuk/components/password-input/password-input.mjs","../../src/govuk/components/radios/radios.mjs","../../src/govuk/components/service-navigation/service-navigation.mjs","../../src/govuk/components/skip-link/skip-link.mjs","../../src/govuk/components/tabs/tabs.mjs","../../src/govuk/init.mjs"],"sourcesContent":["/*\n * This variable is automatically overwritten during builds and releases.\n * It doesn't need to be updated manually.\n */\n\n/**\n * GOV.UK Frontend release version\n *\n * {@link https://github.com/alphagov/govuk-frontend/releases}\n */\nexport const version = 'development'\n","/**\n * Common helpers which do not require polyfill.\n *\n * IMPORTANT: If a helper require a polyfill, please isolate it in its own module\n * so that the polyfill can be properly tree-shaken and does not burden\n * the components that do not need that helper\n */\n\n/**\n * Get GOV.UK Frontend breakpoint value from CSS custom property\n *\n * @private\n * @param {string} name - Breakpoint name\n * @returns {{ property: string, value?: string }} Breakpoint object\n */\nexport function getBreakpoint(name) {\n  const property = `--govuk-breakpoint-${name}`\n\n  // Get value from `<html>` with breakpoints on CSS :root\n  const value = window\n    .getComputedStyle(document.documentElement)\n    .getPropertyValue(property)\n\n  return {\n    property,\n    value: value || undefined\n  }\n}\n\n/**\n * Move focus to element\n *\n * Sets tabindex to -1 to make the element programmatically focusable,\n * but removes it on blur as the element doesn't need to be focused again.\n *\n * @private\n * @template {HTMLElement} FocusElement\n * @param {FocusElement} $element - HTML element\n * @param {object} [options] - Handler options\n * @param {function(this: FocusElement): void} [options.onBeforeFocus] - Callback before focus\n * @param {function(this: FocusElement): void} [options.onBlur] - Callback on blur\n */\nexport function setFocus($element, options = {}) {\n  const isFocusable = $element.getAttribute('tabindex')\n\n  if (!isFocusable) {\n    $element.setAttribute('tabindex', '-1')\n  }\n\n  /**\n   * Handle element focus\n   */\n  function onFocus() {\n    $element.addEventListener('blur', onBlur, { once: true })\n  }\n\n  /**\n   * Handle element blur\n   */\n  function onBlur() {\n    options.onBlur?.call($element)\n\n    if (!isFocusable) {\n      $element.removeAttribute('tabindex')\n    }\n  }\n\n  // Add listener to reset element on blur, after focus\n  $element.addEventListener('focus', onFocus, { once: true })\n\n  // Focus element\n  options.onBeforeFocus?.call($element)\n  $element.focus()\n}\n\n/**\n * Checks if component is already initialised\n *\n * @internal\n * @param {Element} $root - HTML element to be checked\n * @param {string} moduleName - name of component module\n * @returns {boolean} Whether component is already initialised\n */\nexport function isInitialised($root, moduleName) {\n  return (\n    $root instanceof HTMLElement &&\n    $root.hasAttribute(`data-${moduleName}-init`)\n  )\n}\n\n/**\n * Checks if GOV.UK Frontend is supported on this page\n *\n * Some browsers will load and run our JavaScript but GOV.UK Frontend\n * won't be supported.\n *\n * @param {HTMLElement | null} [$scope] - (internal) `<body>` HTML element checked for browser support\n * @returns {boolean} Whether GOV.UK Frontend is supported on this page\n */\nexport function isSupported($scope = document.body) {\n  if (!$scope) {\n    return false\n  }\n\n  return $scope.classList.contains('govuk-frontend-supported')\n}\n\n/**\n * Check for an array\n *\n * @internal\n * @param {unknown} option - Option to check\n * @returns {boolean} Whether the option is an array\n */\nfunction isArray(option) {\n  return Array.isArray(option)\n}\n\n/**\n * Check for an object\n *\n * @internal\n * @template {Partial<Record<keyof ObjectType, unknown>>} ObjectType\n * @param {unknown | ObjectType} option - Option to check\n * @returns {option is ObjectType} Whether the option is an object\n */\nexport function isObject(option) {\n  return !!option && typeof option === 'object' && !isArray(option)\n}\n\n/**\n * Check for valid scope\n *\n * @internal\n * @template {Element | Document} ScopeType\n * @param {unknown | ScopeType} $scope - Scope of the document to search within\n * @returns {$scope is ScopeType} Whether the scope can be queried\n */\nexport function isScope($scope) {\n  return !!$scope && ($scope instanceof Element || $scope instanceof Document)\n}\n\n/**\n * Format error message\n *\n * @internal\n * @param {ComponentWithModuleName} Component - Component that threw the error\n * @param {string} message - Error message\n * @returns {string} - Formatted error message\n */\nexport function formatErrorMessage(Component, message) {\n  return `${Component.moduleName}: ${message}`\n}\n\n/* eslint-disable jsdoc/valid-types --\n * `{new(...args: any[] ): object}` is not recognised as valid\n * https://github.com/gajus/eslint-plugin-jsdoc/issues/145#issuecomment-1308722878\n * https://github.com/jsdoc-type-pratt-parser/jsdoc-type-pratt-parser/issues/131\n **/\n\n/**\n * @typedef ComponentWithModuleName\n * @property {string} moduleName - Name of the component\n */\n\n/* eslint-enable jsdoc/valid-types */\n","import { formatErrorMessage, isObject } from '../common/index.mjs'\n\n/**\n * GOV.UK Frontend error\n *\n * A base class for `Error`s thrown by GOV.UK Frontend.\n *\n * It is meant to be extended into specific types of errors\n * to be thrown by our code.\n *\n * @example\n * ```js\n * class MissingRootError extends GOVUKFrontendError {\n *   // Setting an explicit name is important as extending the class will not\n *   // set a new `name` on the subclass. The `name` property is important\n *   // to ensure intelligible error names even if the class name gets\n *   // mangled by a minifier\n *   name = \"MissingRootError\"\n * }\n * ```\n * @virtual\n */\nexport class GOVUKFrontendError extends Error {\n  name = 'GOVUKFrontendError'\n}\n\n/**\n * Indicates that GOV.UK Frontend is not supported\n */\nexport class SupportError extends GOVUKFrontendError {\n  name = 'SupportError'\n\n  /**\n   * Checks if GOV.UK Frontend is supported on this page\n   *\n   * @param {HTMLElement | null} [$scope] - HTML element `<body>` checked for browser support\n   */\n  constructor($scope = document.body) {\n    const supportMessage =\n      'noModule' in HTMLScriptElement.prototype\n        ? 'GOV.UK Frontend initialised without `<body class=\"govuk-frontend-supported\">` from template `<script>` snippet'\n        : 'GOV.UK Frontend is not supported in this browser'\n\n    super(\n      $scope\n        ? supportMessage\n        : 'GOV.UK Frontend initialised without `<script type=\"module\">`'\n    )\n  }\n}\n\n/**\n * Indicates that a component has received an illegal configuration\n */\nexport class ConfigError extends GOVUKFrontendError {\n  name = 'ConfigError'\n}\n\n/**\n * Indicates an issue with an element (possibly `null` or `undefined`)\n */\nexport class ElementError extends GOVUKFrontendError {\n  name = 'ElementError'\n\n  /**\n   * @internal\n   * @overload\n   * @param {string} message - Element error message\n   */\n\n  /**\n   * @internal\n   * @overload\n   * @param {ElementErrorOptions} options - Element error options\n   */\n\n  /**\n   * @internal\n   * @param {string | ElementErrorOptions} messageOrOptions - Element error message or options\n   */\n  constructor(messageOrOptions) {\n    let message = typeof messageOrOptions === 'string' ? messageOrOptions : ''\n\n    // Build message from options\n    if (isObject(messageOrOptions)) {\n      const { component, identifier, element, expectedType } = messageOrOptions\n\n      message = identifier\n\n      // Append reason\n      message += element\n        ? ` is not of type ${expectedType ?? 'HTMLElement'}`\n        : ' not found'\n\n      // Prepend with module name (optional)\n      if (component) {\n        message = formatErrorMessage(component, message)\n      }\n    }\n\n    super(message)\n  }\n}\n\n/**\n * Indicates that a component is already initialised\n */\nexport class InitError extends GOVUKFrontendError {\n  name = 'InitError'\n\n  /**\n   * @internal\n   * @param {ComponentWithModuleName | string} componentOrMessage - name of the component module\n   */\n  constructor(componentOrMessage) {\n    const message =\n      typeof componentOrMessage === 'string'\n        ? componentOrMessage\n        : formatErrorMessage(\n            componentOrMessage,\n            `Root element (\\`$root\\`) already initialised`\n          )\n\n    super(message)\n  }\n}\n\n/**\n * Element error options\n *\n * @internal\n * @typedef {object} ElementErrorOptions\n * @property {Element | Document | null} [element] - The element in error (optional)\n * @property {ComponentWithModuleName} [component] - Component throwing the error (optional)\n * @property {string} identifier - An identifier that'll let the user understand which element has an error. This is whatever makes the most sense\n * @property {string} [expectedType] - The type that was expected for the identifier (optional)\n */\n\n/**\n * @import { ComponentWithModuleName } from '../common/index.mjs'\n */\n","import { isInitialised, isSupported } from './common/index.mjs'\nimport { ElementError, InitError, SupportError } from './errors/index.mjs'\n\n/**\n * Base Component class\n *\n * Centralises the behaviours shared by our components\n *\n * @virtual\n * @template {Element} [RootElementType=HTMLElement]\n */\nexport class Component {\n  /**\n   * @type {typeof Element}\n   */\n  static elementType = HTMLElement\n\n  // allows Typescript user to work around the lack of types\n  // in GOVUKFrontend package, Typescript is not aware of $root\n  // in components that extend GOVUKFrontendComponent\n  /**\n   * Returns the root element of the component\n   *\n   * @protected\n   * @returns {RootElementType} - the root element of component\n   */\n  get $root() {\n    return this._$root\n  }\n\n  /**\n   * @protected\n   * @type {RootElementType}\n   */\n  _$root\n\n  /**\n   * Constructs a new component, validating that GOV.UK Frontend is supported\n   *\n   * @internal\n   * @param {Element | null} [$root] - HTML element to use for component\n   */\n  constructor($root) {\n    const childConstructor = /** @type {ChildClassConstructor} */ (\n      this.constructor\n    )\n\n    // TypeScript does not enforce that inheriting classes will define a `moduleName`\n    // (even if we add a `@virtual` `static moduleName` property to this class).\n    // While we trust users to do this correctly, we do a little check to provide them\n    // a helpful error message.\n    //\n    // After this, we'll be sure that `childConstructor` has a `moduleName`\n    // as expected of the `ChildClassConstructor` we've cast `this.constructor` to.\n    if (typeof childConstructor.moduleName !== 'string') {\n      throw new InitError(`\\`moduleName\\` not defined in component`)\n    }\n\n    if (!($root instanceof childConstructor.elementType)) {\n      throw new ElementError({\n        element: $root,\n        component: childConstructor,\n        identifier: 'Root element (`$root`)',\n        expectedType: childConstructor.elementType.name\n      })\n    } else {\n      this._$root = /** @type {RootElementType} */ ($root)\n    }\n\n    childConstructor.checkSupport()\n\n    this.checkInitialised()\n\n    const moduleName = childConstructor.moduleName\n\n    this.$root.setAttribute(`data-${moduleName}-init`, '')\n  }\n\n  /**\n   * Validates whether component is already initialised\n   *\n   * @private\n   * @throws {InitError} when component is already initialised\n   */\n  checkInitialised() {\n    const constructor = /** @type {ChildClassConstructor} */ (this.constructor)\n    const moduleName = constructor.moduleName\n\n    if (moduleName && isInitialised(this.$root, moduleName)) {\n      throw new InitError(constructor)\n    }\n  }\n\n  /**\n   * Validates whether components are supported\n   *\n   * @throws {SupportError} when the components are not supported\n   */\n  static checkSupport() {\n    if (!isSupported()) {\n      throw new SupportError()\n    }\n  }\n}\n\n/**\n * @typedef ChildClass\n * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component\n */\n\n/**\n * @typedef {typeof Component & ChildClass} ChildClassConstructor\n */\n","import { Component } from '../component.mjs'\nimport { ConfigError } from '../errors/index.mjs'\n\nimport { isObject, isScope, formatErrorMessage } from './index.mjs'\n\nexport const configOverride = Symbol.for('configOverride')\n\n/**\n * Base Component class\n *\n * Centralises the behaviours shared by our components\n *\n * @virtual\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]\n * @template {Element & { dataset: DOMStringMap }} [RootElementType=HTMLElement]\n * @augments Component<RootElementType>\n */\nexport class ConfigurableComponent extends Component {\n  /**\n   * configOverride\n   *\n   * Function which defines configuration overrides to prioritize\n   * properties from the root element's dataset.\n   *\n   * It should take a subset of configuration as input and return\n   * a new configuration object with properties that should be\n   * overridden based on the root element's dataset. A Symbol\n   * is used for indexing to prevent conflicts.\n   *\n   * @internal\n   * @virtual\n   * @param {Partial<ConfigurationType>} [param] - Configuration object\n   * @returns {Partial<ConfigurationType>} return - Configuration object\n   */\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  [configOverride](param) {\n    return {}\n  }\n\n  /**\n   * Returns the root element of the component\n   *\n   * @protected\n   * @returns {ConfigurationType} - the root element of component\n   */\n  get config() {\n    return this._config\n  }\n\n  /**\n   *\n   * @type {ConfigurationType}\n   */\n  _config\n\n  /**\n   * Constructs a new component, validating that GOV.UK Frontend is supported\n   *\n   * @internal\n   * @param {Element | null} [$root] - HTML element to use for component\n   * @param {ConfigurationType} [config] - HTML element to use for component\n   */\n  constructor($root, config) {\n    super($root)\n\n    const childConstructor =\n      /** @type {ChildClassConstructor<ConfigurationType>} */ (this.constructor)\n\n    if (!isObject(childConstructor.defaults)) {\n      throw new ConfigError(\n        formatErrorMessage(\n          childConstructor,\n          'Config passed as parameter into constructor but no defaults defined'\n        )\n      )\n    }\n\n    const datasetConfig = /** @type {ConfigurationType} */ (\n      normaliseDataset(childConstructor, this._$root.dataset)\n    )\n\n    this._config = /** @type {ConfigurationType} */ (\n      mergeConfigs(\n        childConstructor.defaults,\n        config ?? {},\n        this[configOverride](datasetConfig),\n        datasetConfig\n      )\n    )\n  }\n}\n\n/**\n * Normalise string\n *\n * 'If it looks like a duck, and it quacks like a duck…' 🦆\n *\n * If the passed value looks like a boolean or a number, convert it to a boolean\n * or number.\n *\n * Designed to be used to convert config passed via data attributes (which are\n * always strings) into something sensible.\n *\n * @internal\n * @param {DOMStringMap[string]} value - The value to normalise\n * @param {SchemaProperty} [property] - Component schema property\n * @returns {string | boolean | number | undefined} Normalised data\n */\nexport function normaliseString(value, property) {\n  const trimmedValue = value ? value.trim() : ''\n\n  let output\n  let outputType = property?.type\n\n  // No schema type set? Determine automatically\n  if (!outputType) {\n    if (['true', 'false'].includes(trimmedValue)) {\n      outputType = 'boolean'\n    }\n\n    // Empty / whitespace-only strings are considered finite so we need to check\n    // the length of the trimmed string as well\n    if (trimmedValue.length > 0 && isFinite(Number(trimmedValue))) {\n      outputType = 'number'\n    }\n  }\n\n  switch (outputType) {\n    case 'boolean':\n      output = trimmedValue === 'true'\n      break\n\n    case 'number':\n      output = Number(trimmedValue)\n      break\n\n    default:\n      output = value\n  }\n\n  return output\n}\n\n/**\n * Normalise dataset\n *\n * Loop over an object and normalise each value using {@link normaliseString},\n * optionally expanding nested `i18n.field`\n *\n * @internal\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @template {[keyof ConfigurationType, SchemaProperty | undefined][]} SchemaEntryType\n * @param {{ schema?: Schema<ConfigurationType>, moduleName: string }} Component - Component class\n * @param {DOMStringMap} dataset - HTML element dataset\n * @returns {ObjectNested} Normalised dataset\n */\nexport function normaliseDataset(Component, dataset) {\n  if (!isObject(Component.schema)) {\n    throw new ConfigError(\n      formatErrorMessage(\n        Component,\n        'Config passed as parameter into constructor but no schema defined'\n      )\n    )\n  }\n\n  const out = /** @type {ObjectNested} */ ({})\n  const entries = /** @type {SchemaEntryType} */ (\n    Object.entries(Component.schema.properties)\n  )\n\n  // Normalise top-level dataset ('data-*') values using schema types\n  for (const entry of entries) {\n    const [namespace, property] = entry\n\n    // Cast the `namespace` to string so it can be used to access the dataset\n    const field = namespace.toString()\n\n    if (field in dataset) {\n      out[field] = normaliseString(dataset[field], property)\n    }\n\n    /**\n     * Extract and normalise nested object values automatically using\n     * {@link normaliseString} but only schema object types are allowed\n     */\n    if (property?.type === 'object') {\n      out[field] = extractConfigByNamespace(\n        Component.schema,\n        dataset,\n        namespace\n      )\n    }\n  }\n\n  return out\n}\n\n/**\n * Normalise options passed to `initAll` or `createAll`\n *\n * @internal\n * @template {CompatibleClass} ComponentClass\n * @param {Config | CreateAllOptions<ComponentClass> | OnErrorCallback<ComponentClass> | Element | Document | null} [scopeOrOptions] - Scope of the document to search within, initialisation options or error callback function\n * @returns {CreateAllOptions<ComponentClass>} Normalised options\n */\nexport function normaliseOptions(scopeOrOptions) {\n  let /** @type {Element | Document | null} */ $scope = document\n  let /** @type {OnErrorCallback<ComponentClass> | undefined} */ onError\n\n  // Handle options object\n  if (isObject(scopeOrOptions)) {\n    const options = scopeOrOptions\n\n    // Scope must be valid or null\n    if (isScope(options.scope) || options.scope === null) {\n      $scope = options.scope\n    }\n\n    // Error handler must be a function\n    if (typeof options.onError === 'function') {\n      onError = options.onError\n    }\n  }\n\n  if (isScope(scopeOrOptions)) {\n    $scope = scopeOrOptions\n  } else if (scopeOrOptions === null) {\n    $scope = null\n  } else if (typeof scopeOrOptions === 'function') {\n    onError = scopeOrOptions\n  }\n\n  return {\n    scope: $scope,\n    onError\n  }\n}\n\n/**\n * Config merging function\n *\n * Takes any number of objects and combines them together, with\n * greatest priority on the LAST item passed in.\n *\n * @internal\n * @param {...{ [key: string]: unknown }} configObjects - Config objects to merge\n * @returns {{ [key: string]: unknown }} A merged config object\n */\nexport function mergeConfigs(...configObjects) {\n  // Start with an empty object as our base\n  /** @type {{ [key: string]: unknown }} */\n  const formattedConfigObject = {}\n\n  // Loop through each of the passed objects\n  for (const configObject of configObjects) {\n    for (const key of Object.keys(configObject)) {\n      const option = formattedConfigObject[key]\n      const override = configObject[key]\n\n      // Push their keys one-by-one into formattedConfigObject. Any duplicate\n      // keys with object values will be merged, otherwise the new value will\n      // override the existing value.\n      if (isObject(option) && isObject(override)) {\n        formattedConfigObject[key] = mergeConfigs(option, override)\n      } else {\n        // Apply override\n        formattedConfigObject[key] = override\n      }\n    }\n  }\n\n  return formattedConfigObject\n}\n\n/**\n * Validate component config by schema\n *\n * Follows limited examples in JSON schema for wider support in future\n *\n * {@link https://ajv.js.org/json-schema.html#compound-keywords}\n * {@link https://ajv.js.org/packages/ajv-errors.html#single-message}\n *\n * @internal\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @param {Schema<ConfigurationType>} schema - The schema of a component\n * @param {ConfigurationType} config - Component config\n * @returns {string[]} List of validation errors\n */\nexport function validateConfig(schema, config) {\n  const validationErrors = []\n\n  // Check errors for each schema\n  for (const [name, conditions] of Object.entries(schema)) {\n    const errors = []\n\n    // Check errors for each schema condition\n    if (Array.isArray(conditions)) {\n      for (const { required, errorMessage } of conditions) {\n        if (!required.every((key) => !!config[key])) {\n          errors.push(errorMessage) // Missing config key value\n        }\n      }\n\n      // Check one condition passes or add errors\n      if (name === 'anyOf' && !(conditions.length - errors.length >= 1)) {\n        validationErrors.push(...errors)\n      }\n    }\n  }\n\n  return validationErrors\n}\n\n/**\n * Extracts keys starting with a particular namespace from dataset ('data-*')\n * object, removing the namespace in the process, normalising all values\n *\n * @internal\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @param {Schema<ConfigurationType>} schema - The schema of a component\n * @param {DOMStringMap} dataset - The object to extract key-value pairs from\n * @param {keyof ConfigurationType} namespace - The namespace to filter keys with\n * @returns {ObjectNested | undefined} Nested object with dot-separated key namespace removed\n */\nexport function extractConfigByNamespace(schema, dataset, namespace) {\n  const property = schema.properties[namespace]\n\n  // Only extract configs for object schema properties\n  if (property?.type !== 'object') {\n    return\n  }\n\n  // Add default empty config\n  const newObject = /** @type {Record<typeof namespace, ObjectNested>} */ ({\n    [namespace]: {}\n  })\n\n  for (const [key, value] of Object.entries(dataset)) {\n    /** @type {ObjectNested | ObjectNested[NestedKey]} */\n    let current = newObject\n\n    // Split the key into parts, using . as our namespace separator\n    const keyParts = key.split('.')\n\n    /**\n     * Create new level per part\n     *\n     * e.g. 'i18n.textareaDescription.other' becomes\n     * `{ i18n: { textareaDescription: { other } } }`\n     */\n    for (const [index, name] of keyParts.entries()) {\n      if (isObject(current)) {\n        // Drop down to nested object until the last part\n        if (index < keyParts.length - 1) {\n          // New nested object (optionally) replaces existing value\n          if (!isObject(current[name])) {\n            current[name] = {}\n          }\n\n          // Drop down into new or existing nested object\n          current = current[name]\n        } else if (key !== namespace) {\n          // Normalised value (optionally) replaces existing value\n          current[name] = normaliseString(value)\n        }\n      }\n    }\n  }\n\n  return newObject[namespace]\n}\n\n/**\n * @internal\n * @typedef {keyof ObjectNested} NestedKey\n * @typedef {{ [key: string]: string | boolean | number | ObjectNested | undefined }} ObjectNested\n */\n\n/**\n * Schema for component config\n *\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @typedef {object} Schema\n * @property {Record<keyof ConfigurationType, SchemaProperty | undefined>} properties - Schema properties\n * @property {SchemaCondition<ConfigurationType>[]} [anyOf] - List of schema conditions\n */\n\n/**\n * Schema property for component config\n *\n * @typedef {object} SchemaProperty\n * @property {'string' | 'boolean' | 'number' | 'object'} type - Property type\n */\n\n/**\n * Schema condition for component config\n *\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @typedef {object} SchemaCondition\n * @property {(keyof ConfigurationType)[]} required - List of required config fields\n * @property {string} errorMessage - Error message when required config fields not provided\n */\n\n/**\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]\n * @typedef ChildClass\n * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component\n * @property {Schema<ConfigurationType>} [schema] - The schema of the component configuration\n * @property {ConfigurationType} [defaults] - The default values of the configuration of the component\n */\n\n/**\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]\n * @typedef {typeof Component & ChildClass<ConfigurationType>} ChildClassConstructor<ConfigurationType>\n */\n\n/**\n * @import { CompatibleClass, Config, CreateAllOptions, OnErrorCallback } from '../init.mjs'\n */\n","import { isObject } from './common/index.mjs'\n\n/**\n * Internal support for selecting messages to render, with placeholder\n * interpolation and locale-aware number formatting and pluralisation\n *\n * @internal\n */\nexport class I18n {\n  translations\n  locale\n\n  /**\n   * @internal\n   * @param {{ [key: string]: string | TranslationPluralForms }} translations - Key-value pairs of the translation strings to use.\n   * @param {object} [config] - Configuration options for the function.\n   * @param {string | null} [config.locale] - An overriding locale for the PluralRules functionality.\n   */\n  constructor(translations = {}, config = {}) {\n    // Make list of translations available throughout function\n    this.translations = translations\n\n    // The locale to use for PluralRules and NumberFormat\n    this.locale = config.locale ?? (document.documentElement.lang || 'en')\n  }\n\n  /**\n   * The most used function - takes the key for a given piece of UI text and\n   * returns the appropriate string.\n   *\n   * @internal\n   * @param {string} lookupKey - The lookup key of the string to use.\n   * @param {{ [key: string]: unknown }} [options] - Any options passed with the translation string, e.g: for string interpolation.\n   * @returns {string} The appropriate translation string.\n   * @throws {Error} Lookup key required\n   * @throws {Error} Options required for `${}` placeholders\n   */\n  t(lookupKey, options) {\n    if (!lookupKey) {\n      // Print a console error if no lookup key has been provided\n      throw new Error('i18n: lookup key missing')\n    }\n\n    // Fetch the translation for that lookup key\n    let translation = this.translations[lookupKey]\n\n    // If the `count` option is set, determine which plural suffix is needed and\n    // change the lookupKey to match. We check to see if it's numeric instead of\n    // falsy, as this could legitimately be 0.\n    if (typeof options?.count === 'number' && isObject(translation)) {\n      const translationPluralForm =\n        translation[this.getPluralSuffix(lookupKey, options.count)]\n\n      // Update translation with plural suffix\n      if (translationPluralForm) {\n        translation = translationPluralForm\n      }\n    }\n\n    if (typeof translation === 'string') {\n      // Check for ${} placeholders in the translation string\n      // eslint-disable-next-line @typescript-eslint/prefer-regexp-exec\n      if (translation.match(/%{(.\\S+)}/)) {\n        if (!options) {\n          throw new Error(\n            'i18n: cannot replace placeholders in string if no option data provided'\n          )\n        }\n\n        return this.replacePlaceholders(translation, options)\n      }\n\n      return translation\n    }\n\n    // If the key wasn't found in our translations object,\n    // return the lookup key itself as the fallback\n    return lookupKey\n  }\n\n  /**\n   * Takes a translation string with placeholders, and replaces the placeholders\n   * with the provided data\n   *\n   * @internal\n   * @param {string} translationString - The translation string\n   * @param {{ [key: string]: unknown }} options - Any options passed with the translation string, e.g: for string interpolation.\n   * @returns {string} The translation string to output, with $\\{\\} placeholders replaced\n   */\n  replacePlaceholders(translationString, options) {\n    const formatter = Intl.NumberFormat.supportedLocalesOf(this.locale).length\n      ? new Intl.NumberFormat(this.locale)\n      : undefined\n\n    return translationString.replace(\n      /%{(.\\S+)}/g,\n\n      /**\n       * Replace translation string placeholders\n       *\n       * @internal\n       * @param {string} placeholderWithBraces - Placeholder with braces\n       * @param {string} placeholderKey - Placeholder key\n       * @returns {string} Placeholder value\n       */\n      function (placeholderWithBraces, placeholderKey) {\n        if (Object.prototype.hasOwnProperty.call(options, placeholderKey)) {\n          const placeholderValue = options[placeholderKey]\n\n          // If a user has passed `false` as the value for the placeholder\n          // treat it as though the value should not be displayed\n          if (\n            placeholderValue === false ||\n            (typeof placeholderValue !== 'number' &&\n              typeof placeholderValue !== 'string')\n          ) {\n            return ''\n          }\n\n          // If the placeholder's value is a number, localise the number formatting\n          if (typeof placeholderValue === 'number') {\n            return formatter\n              ? formatter.format(placeholderValue)\n              : `${placeholderValue}`\n          }\n\n          return placeholderValue\n        }\n\n        throw new Error(\n          `i18n: no data found to replace ${placeholderWithBraces} placeholder in string`\n        )\n      }\n    )\n  }\n\n  /**\n   * Check to see if the browser supports Intl.PluralRules\n   *\n   * It requires all conditions to be met in order to be supported:\n   * - The implementation of Intl supports PluralRules (NOT true in Safari 10–12)\n   * - The browser/OS has plural rules for the current locale (browser dependent)\n   *\n   * {@link https://browsersl.ist/#q=supports+es6-module+and+not+supports+intl-pluralrules}\n   *\n   * @internal\n   * @returns {boolean} Returns true if all conditions are met. Returns false otherwise.\n   */\n  hasIntlPluralRulesSupport() {\n    return Boolean(\n      'PluralRules' in window.Intl &&\n        Intl.PluralRules.supportedLocalesOf(this.locale).length\n    )\n  }\n\n  /**\n   * Get the appropriate suffix for the plural form.\n   *\n   * Uses Intl.PluralRules (or our own fallback implementation) to get the\n   * 'preferred' form to use for the given count.\n   *\n   * Checks that a translation has been provided for that plural form – if it\n   * hasn't, it'll fall back to the 'other' plural form (unless that doesn't exist\n   * either, in which case an error will be thrown)\n   *\n   * @internal\n   * @param {string} lookupKey - The lookup key of the string to use.\n   * @param {number} count - Number used to determine which pluralisation to use.\n   * @returns {PluralRule} The suffix associated with the correct pluralisation for this locale.\n   * @throws {Error} Plural form `.other` required when preferred plural form is missing\n   */\n  getPluralSuffix(lookupKey, count) {\n    // Validate that the number is actually a number.\n    //\n    // Number(count) will turn anything that can't be converted to a Number type\n    // into 'NaN'. isFinite filters out NaN, as it isn't a finite number.\n    // eslint-disable-next-line @typescript-eslint/no-unnecessary-type-conversion\n    count = Number(count)\n    if (!isFinite(count)) {\n      return 'other'\n    }\n\n    // Fetch the translation for that lookup key\n    const translation = this.translations[lookupKey]\n\n    // Check to verify that all the requirements for Intl.PluralRules are met.\n    // If so, we can use that instead of our custom implementation. Otherwise,\n    // use the hardcoded fallback.\n    const preferredForm = this.hasIntlPluralRulesSupport()\n      ? new Intl.PluralRules(this.locale).select(count)\n      : 'other'\n\n    // Use the correct plural form if provided\n    if (isObject(translation)) {\n      if (preferredForm in translation) {\n        return preferredForm\n        // Fall back to `other` if the plural form is missing, but log a warning\n        // to the console\n      } else if ('other' in translation) {\n        console.warn(\n          `i18n: Missing plural form \".${preferredForm}\" for \"${this.locale}\" locale. Falling back to \".other\".`\n        )\n\n        return 'other'\n      }\n    }\n\n    // If the required `other` plural form is missing, all we can do is error\n    throw new Error(\n      `i18n: Plural form \".other\" is required for \"${this.locale}\" locale`\n    )\n  }\n}\n\n/**\n * Plural rule category mnemonic tags\n *\n * @internal\n * @typedef {'zero' | 'one' | 'two' | 'few' | 'many' | 'other'} PluralRule\n */\n\n/**\n * Translated message by plural rule they correspond to.\n *\n * Allows to group pluralised messages under a single key when passing\n * translations to a component's constructor\n *\n * @internal\n * @typedef {object} TranslationPluralForms\n * @property {string} [other] - General plural form\n * @property {string} [zero] - Plural form used with 0\n * @property {string} [one] - Plural form used with 1\n * @property {string} [two] - Plural form used with 2\n * @property {string} [few] - Plural form used for a few\n * @property {string} [many] - Plural form used for many\n */\n","import { ConfigurableComponent } from '../../common/configuration.mjs'\nimport { ElementError } from '../../errors/index.mjs'\nimport { I18n } from '../../i18n.mjs'\n\n/**\n * Accordion component\n *\n * This allows a collection of sections to be collapsed by default, showing only\n * their headers. Sections can be expanded or collapsed individually by clicking\n * their headers. A \"Show all sections\" button is also added to the top of the\n * accordion, which switches to \"Hide all sections\" when all the sections are\n * expanded.\n *\n * The state of each section is saved to the DOM via the `aria-expanded`\n * attribute, which also provides accessibility.\n *\n * @preserve\n * @augments ConfigurableComponent<AccordionConfig>\n */\nexport class Accordion extends ConfigurableComponent {\n  /** @private */\n  i18n\n\n  /** @private */\n  controlsClass = 'govuk-accordion__controls'\n\n  /** @private */\n  showAllClass = 'govuk-accordion__show-all'\n\n  /** @private */\n  showAllTextClass = 'govuk-accordion__show-all-text'\n\n  /** @private */\n  sectionClass = 'govuk-accordion__section'\n\n  /** @private */\n  sectionExpandedClass = 'govuk-accordion__section--expanded'\n\n  /** @private */\n  sectionButtonClass = 'govuk-accordion__section-button'\n\n  /** @private */\n  sectionHeaderClass = 'govuk-accordion__section-header'\n\n  /** @private */\n  sectionHeadingClass = 'govuk-accordion__section-heading'\n\n  /** @private */\n  sectionHeadingDividerClass = 'govuk-accordion__section-heading-divider'\n\n  /** @private */\n  sectionHeadingTextClass = 'govuk-accordion__section-heading-text'\n\n  /** @private */\n  sectionHeadingTextFocusClass = 'govuk-accordion__section-heading-text-focus'\n\n  /** @private */\n  sectionShowHideToggleClass = 'govuk-accordion__section-toggle'\n\n  /** @private */\n  sectionShowHideToggleFocusClass = 'govuk-accordion__section-toggle-focus'\n\n  /** @private */\n  sectionShowHideTextClass = 'govuk-accordion__section-toggle-text'\n\n  /** @private */\n  upChevronIconClass = 'govuk-accordion-nav__chevron'\n\n  /** @private */\n  downChevronIconClass = 'govuk-accordion-nav__chevron--down'\n\n  /** @private */\n  sectionSummaryClass = 'govuk-accordion__section-summary'\n\n  /** @private */\n  sectionSummaryFocusClass = 'govuk-accordion__section-summary-focus'\n\n  /** @private */\n  sectionContentClass = 'govuk-accordion__section-content'\n\n  /** @private */\n  $sections\n\n  /**\n   * @private\n   * @type {HTMLButtonElement | null}\n   */\n  $showAllButton = null\n\n  /**\n   * @private\n   * @type {HTMLElement | null}\n   */\n  $showAllIcon = null\n\n  /**\n   * @private\n   * @type {HTMLElement | null}\n   */\n  $showAllText = null\n\n  /**\n   * @param {Element | null} $root - HTML element to use for accordion\n   * @param {AccordionConfig} [config] - Accordion config\n   */\n  constructor($root, config = {}) {\n    super($root, config)\n\n    this.i18n = new I18n(this.config.i18n)\n\n    const $sections = this.$root.querySelectorAll(`.${this.sectionClass}`)\n    if (!$sections.length) {\n      throw new ElementError({\n        component: Accordion,\n        identifier: `Sections (\\`<div class=\"${this.sectionClass}\">\\`)`\n      })\n    }\n\n    this.$sections = $sections\n\n    this.initControls()\n    this.initSectionHeaders()\n\n    this.updateShowAllButton(this.areAllSectionsOpen())\n  }\n\n  /**\n   * Initialise controls and set attributes\n   *\n   * @private\n   */\n  initControls() {\n    // Create \"Show all\" button and set attributes\n    this.$showAllButton = document.createElement('button')\n    this.$showAllButton.setAttribute('type', 'button')\n    this.$showAllButton.setAttribute('class', this.showAllClass)\n    this.$showAllButton.setAttribute('aria-expanded', 'false')\n\n    // Create icon, add to element\n    this.$showAllIcon = document.createElement('span')\n    this.$showAllIcon.classList.add(this.upChevronIconClass)\n    this.$showAllButton.appendChild(this.$showAllIcon)\n\n    // Create control wrapper and add controls to it\n    const $accordionControls = document.createElement('div')\n    $accordionControls.setAttribute('class', this.controlsClass)\n    $accordionControls.appendChild(this.$showAllButton)\n    this.$root.insertBefore($accordionControls, this.$root.firstChild)\n\n    // Build additional wrapper for Show all toggle text and place after icon\n    this.$showAllText = document.createElement('span')\n    this.$showAllText.classList.add(this.showAllTextClass)\n    this.$showAllButton.appendChild(this.$showAllText)\n\n    // Handle click events on the show/hide all button\n    this.$showAllButton.addEventListener('click', () =>\n      this.onShowOrHideAllToggle()\n    )\n\n    // Handle 'beforematch' events, if the user agent supports them\n    if ('onbeforematch' in document) {\n      document.addEventListener('beforematch', (event) =>\n        this.onBeforeMatch(event)\n      )\n    }\n  }\n\n  /**\n   * Initialise section headers\n   *\n   * @private\n   */\n  initSectionHeaders() {\n    this.$sections.forEach(($section, i) => {\n      const $header = $section.querySelector(`.${this.sectionHeaderClass}`)\n      if (!$header) {\n        throw new ElementError({\n          component: Accordion,\n          identifier: `Section headers (\\`<div class=\"${this.sectionHeaderClass}\">\\`)`\n        })\n      }\n\n      // Set header attributes\n      this.constructHeaderMarkup($header, i)\n      this.setExpanded(this.isExpanded($section), $section)\n\n      // Handle events\n      $header.addEventListener('click', () => this.onSectionToggle($section))\n\n      // See if there is any state stored in sessionStorage and set the sections\n      // to open or closed.\n      this.setInitialState($section)\n    })\n  }\n\n  /**\n   * Construct section header\n   *\n   * @private\n   * @param {Element} $header - Section header\n   * @param {number} index - Section index\n   */\n  constructHeaderMarkup($header, index) {\n    const $span = $header.querySelector(`.${this.sectionButtonClass}`)\n    const $heading = $header.querySelector(`.${this.sectionHeadingClass}`)\n    const $summary = $header.querySelector(`.${this.sectionSummaryClass}`)\n\n    if (!$heading) {\n      throw new ElementError({\n        component: Accordion,\n        identifier: `Section heading (\\`.${this.sectionHeadingClass}\\`)`\n      })\n    }\n\n    if (!$span) {\n      throw new ElementError({\n        component: Accordion,\n        identifier: `Section button placeholder (\\`<span class=\"${this.sectionButtonClass}\">\\`)`\n      })\n    }\n\n    // Create a button element that will replace the\n    // '.govuk-accordion__section-button' span\n    const $button = document.createElement('button')\n    $button.setAttribute('type', 'button')\n    $button.setAttribute(\n      'aria-controls',\n      `${this.$root.id}-content-${index + 1}`\n    )\n\n    // Copy all attributes from $span to $button (except `id`, which gets added\n    // to the `$headingText` element)\n    for (const attr of Array.from($span.attributes)) {\n      if (attr.name !== 'id') {\n        $button.setAttribute(attr.name, attr.value)\n      }\n    }\n\n    // Create container for heading text so it can be styled\n    const $headingText = document.createElement('span')\n    $headingText.classList.add(this.sectionHeadingTextClass)\n    // Copy the span ID to the heading text to allow it to be referenced by\n    // `aria-labelledby` on the hidden content area without \"Show this section\"\n    $headingText.id = $span.id\n\n    // Create an inner heading text container to limit the width of the focus\n    // state\n    const $headingTextFocus = document.createElement('span')\n    $headingTextFocus.classList.add(this.sectionHeadingTextFocusClass)\n    $headingText.appendChild($headingTextFocus)\n    // span could contain HTML elements\n    // (see https://www.w3.org/TR/2011/WD-html5-20110525/content-models.html#phrasing-content)\n    Array.from($span.childNodes).forEach(($child) =>\n      $headingTextFocus.appendChild($child)\n    )\n\n    // Create container for show / hide icons and text.\n    const $showHideToggle = document.createElement('span')\n    $showHideToggle.classList.add(this.sectionShowHideToggleClass)\n    // Tell Google not to index the 'show' text as part of the heading. Must be\n    // set on the element before it's added to the DOM.\n    // See https://developers.google.com/search/docs/advanced/robots/robots_meta_tag#data-nosnippet-attr\n    $showHideToggle.setAttribute('data-nosnippet', '')\n    // Create an inner container to limit the width of the focus state\n    const $showHideToggleFocus = document.createElement('span')\n    $showHideToggleFocus.classList.add(this.sectionShowHideToggleFocusClass)\n    $showHideToggle.appendChild($showHideToggleFocus)\n    // Create wrapper for the show / hide text. Append text after the show/hide icon\n    const $showHideText = document.createElement('span')\n    const $showHideIcon = document.createElement('span')\n    $showHideIcon.classList.add(this.upChevronIconClass)\n    $showHideToggleFocus.appendChild($showHideIcon)\n    $showHideText.classList.add(this.sectionShowHideTextClass)\n    $showHideToggleFocus.appendChild($showHideText)\n\n    // Append elements to the button:\n    // 1. Heading text\n    // 2. Punctuation\n    // 3. (Optional: Summary line followed by punctuation)\n    // 4. Show / hide toggle\n    $button.appendChild($headingText)\n    $button.appendChild(this.getButtonPunctuationEl())\n\n    // If summary content exists add to DOM in correct order\n    if ($summary) {\n      // Create a new `span` element and copy the summary line content from the\n      // original `div` to the new `span`. This is because the summary line text\n      // is now inside a button element, which can only contain phrasing\n      // content.\n      const $summarySpan = document.createElement('span')\n      // Create an inner summary container to limit the width of the summary\n      // focus state\n      const $summarySpanFocus = document.createElement('span')\n      $summarySpanFocus.classList.add(this.sectionSummaryFocusClass)\n      $summarySpan.appendChild($summarySpanFocus)\n\n      // Get original attributes, and pass them to the replacement\n      for (const attr of Array.from($summary.attributes)) {\n        $summarySpan.setAttribute(attr.name, attr.value)\n      }\n\n      // Copy original contents of summary to the new summary span\n      Array.from($summary.childNodes).forEach(($child) =>\n        $summarySpanFocus.appendChild($child)\n      )\n\n      // Replace the original summary `div` with the new summary `span`\n      $summary.remove()\n\n      $button.appendChild($summarySpan)\n      $button.appendChild(this.getButtonPunctuationEl())\n    }\n\n    $button.appendChild($showHideToggle)\n\n    $heading.removeChild($span)\n    $heading.appendChild($button)\n  }\n\n  /**\n   * When a section is opened by the user agent via the 'beforematch' event\n   *\n   * @private\n   * @param {Event} event - Generic event\n   */\n  onBeforeMatch(event) {\n    const $fragment = event.target\n\n    // Handle elements with `.closest()` support only\n    if (!($fragment instanceof Element)) {\n      return\n    }\n\n    // Handle when fragment is inside section\n    const $section = $fragment.closest(`.${this.sectionClass}`)\n    if ($section) {\n      this.setExpanded(true, $section)\n    }\n  }\n\n  /**\n   * When section toggled, set and store state\n   *\n   * @private\n   * @param {Element} $section - Section element\n   */\n  onSectionToggle($section) {\n    const nowExpanded = !this.isExpanded($section)\n    this.setExpanded(nowExpanded, $section)\n\n    // Store the state in sessionStorage when a change is triggered\n    this.storeState($section, nowExpanded)\n  }\n\n  /**\n   * When Open/Close All toggled, set and store state\n   *\n   * @private\n   */\n  onShowOrHideAllToggle() {\n    const nowExpanded = !this.areAllSectionsOpen()\n\n    this.$sections.forEach(($section) => {\n      this.setExpanded(nowExpanded, $section)\n      this.storeState($section, nowExpanded)\n    })\n\n    this.updateShowAllButton(nowExpanded)\n  }\n\n  /**\n   * Set section attributes when opened/closed\n   *\n   * @private\n   * @param {boolean} expanded - Section expanded\n   * @param {Element} $section - Section element\n   */\n  setExpanded(expanded, $section) {\n    const $showHideIcon = $section.querySelector(`.${this.upChevronIconClass}`)\n    const $showHideText = $section.querySelector(\n      `.${this.sectionShowHideTextClass}`\n    )\n    const $button = $section.querySelector(`.${this.sectionButtonClass}`)\n    const $content = $section.querySelector(`.${this.sectionContentClass}`)\n\n    if (!$content) {\n      throw new ElementError({\n        component: Accordion,\n        identifier: `Section content (\\`<div class=\"${this.sectionContentClass}\">\\`)`\n      })\n    }\n\n    if (!$showHideIcon || !$showHideText || !$button) {\n      // Return early for elements we create\n      return\n    }\n\n    const newButtonText = expanded\n      ? this.i18n.t('hideSection')\n      : this.i18n.t('showSection')\n\n    $showHideText.textContent = newButtonText\n    $button.setAttribute('aria-expanded', `${expanded}`)\n\n    // Update aria-label combining\n    const ariaLabelParts = []\n\n    const $headingText = $section.querySelector(\n      `.${this.sectionHeadingTextClass}`\n    )\n    if ($headingText) {\n      ariaLabelParts.push($headingText.textContent.trim())\n    }\n\n    const $summary = $section.querySelector(`.${this.sectionSummaryClass}`)\n    if ($summary) {\n      ariaLabelParts.push($summary.textContent.trim())\n    }\n\n    const ariaLabelMessage = expanded\n      ? this.i18n.t('hideSectionAriaLabel')\n      : this.i18n.t('showSectionAriaLabel')\n    ariaLabelParts.push(ariaLabelMessage)\n\n    /*\n     * Join with a comma to add pause for assistive technology.\n     * Example: [heading]Section A ,[pause] Show this section.\n     * https://accessibility.blog.gov.uk/2017/12/18/what-working-on-gov-uk-navigation-taught-us-about-accessibility/\n     */\n    $button.setAttribute('aria-label', ariaLabelParts.join(' , '))\n\n    // Swap icon, change class\n    if (expanded) {\n      $content.removeAttribute('hidden')\n      $section.classList.add(this.sectionExpandedClass)\n      $showHideIcon.classList.remove(this.downChevronIconClass)\n    } else {\n      $content.setAttribute('hidden', 'until-found')\n      $section.classList.remove(this.sectionExpandedClass)\n      $showHideIcon.classList.add(this.downChevronIconClass)\n    }\n\n    // See if \"Show all sections\" button text should be updated\n    this.updateShowAllButton(this.areAllSectionsOpen())\n  }\n\n  /**\n   * Get state of section\n   *\n   * @private\n   * @param {Element} $section - Section element\n   * @returns {boolean} True if expanded\n   */\n  isExpanded($section) {\n    return $section.classList.contains(this.sectionExpandedClass)\n  }\n\n  /**\n   * Check if all sections are open\n   *\n   * @private\n   * @returns {boolean} True if all sections are open\n   */\n  areAllSectionsOpen() {\n    return Array.from(this.$sections).every(($section) =>\n      this.isExpanded($section)\n    )\n  }\n\n  /**\n   * Update \"Show all sections\" button\n   *\n   * @private\n   * @param {boolean} expanded - Section expanded\n   */\n  updateShowAllButton(expanded) {\n    if (!this.$showAllButton || !this.$showAllText || !this.$showAllIcon) {\n      return\n    }\n\n    this.$showAllButton.setAttribute('aria-expanded', expanded.toString())\n    this.$showAllText.textContent = expanded\n      ? this.i18n.t('hideAllSections')\n      : this.i18n.t('showAllSections')\n    this.$showAllIcon.classList.toggle(this.downChevronIconClass, !expanded)\n  }\n\n  /**\n   * Get the identifier for a section\n   *\n   * We need a unique way of identifying each content in the Accordion.\n   * Since an `#id` should be unique and an `id` is required for `aria-`\n   * attributes `id` can be safely used.\n   *\n   * @param {Element} $section - Section element\n   * @returns {string | undefined | null} Identifier for section\n   */\n  getIdentifier($section) {\n    const $button = $section.querySelector(`.${this.sectionButtonClass}`)\n\n    return $button?.getAttribute('aria-controls')\n  }\n\n  /**\n   * Set the state of the accordions in sessionStorage\n   *\n   * @private\n   * @param {Element} $section - Section element\n   * @param {boolean} isExpanded - Whether the section is expanded\n   */\n  storeState($section, isExpanded) {\n    if (!this.config.rememberExpanded) {\n      return\n    }\n\n    const id = this.getIdentifier($section)\n\n    if (id) {\n      try {\n        window.sessionStorage.setItem(id, isExpanded.toString())\n      } catch {}\n    }\n  }\n\n  /**\n   * Read the state of the accordions from sessionStorage\n   *\n   * @private\n   * @param {Element} $section - Section element\n   */\n  setInitialState($section) {\n    if (!this.config.rememberExpanded) {\n      return\n    }\n\n    const id = this.getIdentifier($section)\n\n    if (id) {\n      try {\n        const state = window.sessionStorage.getItem(id)\n\n        if (state !== null) {\n          this.setExpanded(state === 'true', $section)\n        }\n      } catch {}\n    }\n  }\n\n  /**\n   * Create an element to improve semantics of the section button with\n   * punctuation\n   *\n   * Adding punctuation to the button can also improve its general semantics by\n   * dividing its contents into thematic chunks. See\n   * https://github.com/alphagov/govuk-frontend/issues/2327#issuecomment-922957442\n   *\n   * @private\n   * @returns {Element} DOM element\n   */\n  getButtonPunctuationEl() {\n    const $punctuationEl = document.createElement('span')\n    $punctuationEl.classList.add(\n      'govuk-visually-hidden',\n      this.sectionHeadingDividerClass\n    )\n    $punctuationEl.textContent = ', '\n    return $punctuationEl\n  }\n\n  /**\n   * Name for the component used when initialising using data-module attributes.\n   */\n  static moduleName = 'govuk-accordion'\n\n  /**\n   * Accordion default config\n   *\n   * @see {@link AccordionConfig}\n   * @constant\n   * @type {AccordionConfig}\n   */\n  static defaults = Object.freeze({\n    i18n: {\n      hideAllSections: 'Hide all sections',\n      hideSection: 'Hide',\n      hideSectionAriaLabel: 'Hide this section',\n      showAllSections: 'Show all sections',\n      showSection: 'Show',\n      showSectionAriaLabel: 'Show this section'\n    },\n    rememberExpanded: true\n  })\n\n  /**\n   * Accordion config schema\n   *\n   * @constant\n   * @satisfies {Schema<AccordionConfig>}\n   */\n  static schema = Object.freeze({\n    properties: {\n      i18n: { type: 'object' },\n      rememberExpanded: { type: 'boolean' }\n    }\n  })\n}\n\n/**\n * Accordion config\n *\n * @see {@link Accordion.defaults}\n * @typedef {object} AccordionConfig\n * @property {AccordionTranslations} [i18n=Accordion.defaults.i18n] - Accordion translations\n * @property {boolean} [rememberExpanded] - Whether the expanded and collapsed\n *   state of each section is remembered and restored when navigating.\n */\n\n/**\n * Accordion translations\n *\n * @see {@link Accordion.defaults.i18n}\n * @typedef {object} AccordionTranslations\n *\n * Messages used by the component for the labels of its buttons. This includes\n * the visible text shown on screen, and text to help assistive technology users\n * for the buttons toggling each section.\n * @property {string} [hideAllSections] - The text content for the 'Hide all\n *   sections' button, used when at least one section is expanded.\n * @property {string} [hideSection] - The text content for the 'Hide'\n *   button, used when a section is expanded.\n * @property {string} [hideSectionAriaLabel] - The text content appended to the\n *   'Hide' button's accessible name when a section is expanded.\n * @property {string} [showAllSections] - The text content for the 'Show all\n *   sections' button, used when all sections are collapsed.\n * @property {string} [showSection] - The text content for the 'Show'\n *   button, used when a section is collapsed.\n * @property {string} [showSectionAriaLabel] - The text content appended to the\n *   'Show' button's accessible name when a section is expanded.\n */\n\n/**\n * @import { Schema } from '../../common/configuration.mjs'\n */\n","import { ConfigurableComponent } from '../../common/configuration.mjs'\n\nconst DEBOUNCE_TIMEOUT_IN_SECONDS = 1\n\n/**\n * JavaScript enhancements for the Button component\n *\n * @preserve\n * @augments ConfigurableComponent<ButtonConfig>\n */\nexport class Button extends ConfigurableComponent {\n  /**\n   * @private\n   * @type {number | null}\n   */\n  debounceFormSubmitTimer = null\n\n  /**\n   * @param {Element | null} $root - HTML element to use for button\n   * @param {ButtonConfig} [config] - Button config\n   */\n  constructor($root, config = {}) {\n    super($root, config)\n\n    this.$root.addEventListener('keydown', (event) => this.handleKeyDown(event))\n    this.$root.addEventListener('click', (event) => this.debounce(event))\n  }\n\n  /**\n   * Trigger a click event when the space key is pressed\n   *\n   * Some screen readers tell users they can use the space bar to activate\n   * things with the 'button' role, so we need to match the functionality of\n   * native HTML buttons.\n   *\n   * See https://github.com/alphagov/govuk_elements/pull/272#issuecomment-233028270\n   *\n   * @private\n   * @param {KeyboardEvent} event - Keydown event\n   */\n  handleKeyDown(event) {\n    const $target = event.target\n\n    // Handle space bar only\n    if (event.key !== ' ') {\n      return\n    }\n\n    // Handle elements with [role=\"button\"] only\n    if (\n      $target instanceof HTMLElement &&\n      $target.getAttribute('role') === 'button'\n    ) {\n      event.preventDefault() // prevent the page from scrolling\n      $target.click()\n    }\n  }\n\n  /**\n   * Debounce double-clicks\n   *\n   * If the click quickly succeeds a previous click then nothing will happen.\n   * This stops people accidentally causing multiple form submissions by double\n   * clicking buttons.\n   *\n   * @private\n   * @param {MouseEvent} event - Mouse click event\n   * @returns {undefined | false} Returns undefined, or false when debounced\n   */\n  debounce(event) {\n    // Check the button that was clicked has preventDoubleClick enabled\n    if (!this.config.preventDoubleClick) {\n      return\n    }\n\n    // If the timer is still running, prevent the click from submitting the form\n    if (this.debounceFormSubmitTimer) {\n      event.preventDefault()\n      return false\n    }\n\n    this.debounceFormSubmitTimer = window.setTimeout(() => {\n      this.debounceFormSubmitTimer = null\n    }, DEBOUNCE_TIMEOUT_IN_SECONDS * 1000)\n  }\n\n  /**\n   * Name for the component used when initialising using data-module attributes.\n   */\n  static moduleName = 'govuk-button'\n\n  /**\n   * Button default config\n   *\n   * @see {@link ButtonConfig}\n   * @constant\n   * @type {ButtonConfig}\n   */\n  static defaults = Object.freeze({\n    preventDoubleClick: false\n  })\n\n  /**\n   * Button config schema\n   *\n   * @constant\n   * @satisfies {Schema<ButtonConfig>}\n   */\n  static schema = Object.freeze({\n    properties: {\n      preventDoubleClick: { type: 'boolean' }\n    }\n  })\n}\n\n/**\n * Button config\n *\n * @typedef {object} ButtonConfig\n * @property {boolean} [preventDoubleClick=false] - Prevent accidental double\n *   clicks on submit buttons from submitting forms multiple times.\n */\n\n/**\n * @import { Schema } from '../../common/configuration.mjs'\n */\n","/**\n * Returns the value of the given attribute closest to the given element (including itself)\n *\n * @internal\n * @param {Element} $element - The element to start walking the DOM tree up\n * @param {string} attributeName - The name of the attribute\n * @returns {string | null} Attribute value\n */\nexport function closestAttributeValue($element, attributeName) {\n  const $closestElementWithAttribute = $element.closest(`[${attributeName}]`)\n  return $closestElementWithAttribute\n    ? $closestElementWithAttribute.getAttribute(attributeName)\n    : null\n}\n","import { closestAttributeValue } from '../../common/closest-attribute-value.mjs'\nimport {\n  validateConfig,\n  ConfigurableComponent,\n  configOverride\n} from '../../common/configuration.mjs'\nimport { formatErrorMessage } from '../../common/index.mjs'\nimport { ConfigError, ElementError } from '../../errors/index.mjs'\nimport { I18n } from '../../i18n.mjs'\n\n/**\n * Character count component\n *\n * Tracks the number of characters or words in the `.govuk-js-character-count`\n * `<textarea>` inside the element. Displays a message with the remaining number\n * of characters/words available, or the number of characters/words in excess.\n *\n * You can configure the message to only appear after a certain percentage\n * of the available characters/words has been entered.\n *\n * @preserve\n * @augments ConfigurableComponent<CharacterCountConfig>\n */\nexport class CharacterCount extends ConfigurableComponent {\n  /** @private */\n  $textarea\n\n  /** @private */\n  $visibleCountMessage\n\n  /** @private */\n  $screenReaderCountMessage\n\n  /**\n   * @private\n   * @type {number | null}\n   */\n  lastInputTimestamp = null\n\n  /** @private */\n  lastInputValue = ''\n\n  /**\n   * @private\n   * @type {number | null}\n   */\n  valueChecker = null\n\n  /** @private */\n  i18n\n\n  /** @private */\n  maxLength;\n\n  /**\n   * Character count config override\n   *\n   * To ensure data-attributes take complete precedence, even if they change\n   * the type of count, we need to reset the `maxlength` and `maxwords` from\n   * the JavaScript config.\n   *\n   * @internal\n   * @param {CharacterCountConfig} datasetConfig - configuration specified by dataset\n   * @returns {CharacterCountConfig} - configuration to override by dataset\n   */\n  [configOverride](datasetConfig) {\n    let configOverrides = {}\n    if ('maxwords' in datasetConfig || 'maxlength' in datasetConfig) {\n      configOverrides = {\n        maxlength: undefined,\n        maxwords: undefined\n      }\n    }\n\n    return configOverrides\n  }\n\n  /**\n   * @param {Element | null} $root - HTML element to use for character count\n   * @param {CharacterCountConfig} [config] - Character count config\n   */\n  constructor($root, config = {}) {\n    super($root, config)\n\n    const $textarea = this.$root.querySelector('.govuk-js-character-count')\n    if (\n      !(\n        $textarea instanceof HTMLTextAreaElement ||\n        $textarea instanceof HTMLInputElement\n      )\n    ) {\n      throw new ElementError({\n        component: CharacterCount,\n        element: $textarea,\n        expectedType: 'HTMLTextareaElement or HTMLInputElement',\n        identifier: 'Form field (`.govuk-js-character-count`)'\n      })\n    }\n\n    // Check for valid config\n    const errors = validateConfig(CharacterCount.schema, this.config)\n    if (errors[0]) {\n      throw new ConfigError(formatErrorMessage(CharacterCount, errors[0]))\n    }\n\n    this.i18n = new I18n(this.config.i18n, {\n      // Read the fallback if necessary rather than have it set in the defaults\n      locale: closestAttributeValue(this.$root, 'lang')\n    })\n\n    // Determine the limit attribute (characters or words)\n    this.maxLength = this.config.maxwords ?? this.config.maxlength ?? Infinity\n\n    this.$textarea = $textarea\n\n    const textareaDescriptionId = `${this.$textarea.id}-info`\n    const $textareaDescription = document.getElementById(textareaDescriptionId)\n    if (!$textareaDescription) {\n      throw new ElementError({\n        component: CharacterCount,\n        element: $textareaDescription,\n        identifier: `Count message (\\`id=\"${textareaDescriptionId}\"\\`)`\n      })\n    }\n\n    // Pre-existing validation error rendered from server\n    this.$errorMessage = this.$root.querySelector('.govuk-error-message')\n\n    // Inject a description for the textarea if none is present already\n    // for when the component was rendered with no maxlength, maxwords\n    // nor custom textareaDescriptionText\n    // eslint-disable-next-line @typescript-eslint/prefer-regexp-exec\n    if ($textareaDescription.textContent.match(/^\\s*$/)) {\n      $textareaDescription.textContent = this.i18n.t('textareaDescription', {\n        count: this.maxLength\n      })\n    }\n\n    // Move the textarea description to be immediately after the textarea\n    // Kept for backwards compatibility\n    this.$textarea.insertAdjacentElement('afterend', $textareaDescription)\n\n    // Create the *screen reader* specific live-updating counter\n    // This doesn't need any styling classes, as it is never visible\n    const $screenReaderCountMessage = document.createElement('div')\n    $screenReaderCountMessage.className =\n      'govuk-character-count__sr-status govuk-visually-hidden'\n    $screenReaderCountMessage.setAttribute('aria-live', 'polite')\n    this.$screenReaderCountMessage = $screenReaderCountMessage\n    $textareaDescription.insertAdjacentElement(\n      'afterend',\n      $screenReaderCountMessage\n    )\n\n    // Create our live-updating counter element, copying the classes from the\n    // textarea description for backwards compatibility as these may have been\n    // configured\n    const $visibleCountMessage = document.createElement('div')\n    $visibleCountMessage.className = $textareaDescription.className\n    $visibleCountMessage.classList.add('govuk-character-count__status')\n    $visibleCountMessage.setAttribute('aria-hidden', 'true')\n    this.$visibleCountMessage = $visibleCountMessage\n    $textareaDescription.insertAdjacentElement('afterend', $visibleCountMessage)\n\n    // Hide the textarea description\n    $textareaDescription.classList.add('govuk-visually-hidden')\n\n    // Remove hard limit if set\n    this.$textarea.removeAttribute('maxlength')\n\n    this.bindChangeEvents()\n\n    // When the page is restored after navigating 'back' in some browsers the\n    // state of form controls is not restored until *after* the DOMContentLoaded\n    // event is fired, so we need to sync after the pageshow event.\n    window.addEventListener('pageshow', () => this.updateCountMessage())\n\n    // Although we've set up handlers to sync state on the pageshow event, init\n    // could be called after those events have fired, for example if they are\n    // added to the page dynamically, so update now too.\n    this.updateCountMessage()\n  }\n\n  /**\n   * Bind change events\n   *\n   * Set up event listeners on the $textarea so that the count messages update\n   * when the user types.\n   *\n   * @private\n   */\n  bindChangeEvents() {\n    this.$textarea.addEventListener('keyup', () => this.handleKeyUp())\n\n    // Bind focus/blur events to start/stop polling\n    this.$textarea.addEventListener('focus', () => this.handleFocus())\n    this.$textarea.addEventListener('blur', () => this.handleBlur())\n  }\n\n  /**\n   * Handle key up event\n   *\n   * Update the visible character counter and keep track of when the last update\n   * happened for each keypress\n   *\n   * @private\n   */\n  handleKeyUp() {\n    this.updateVisibleCountMessage()\n    this.lastInputTimestamp = Date.now()\n  }\n\n  /**\n   * Handle focus event\n   *\n   * Speech recognition software such as Dragon NaturallySpeaking will modify\n   * the fields by directly changing its `value`. These changes don't trigger\n   * events in JavaScript, so we need to poll to handle when and if they occur.\n   *\n   * Once the keyup event hasn't been detected for at least 1000 ms (1s), check\n   * if the textarea value has changed and update the count message if it has.\n   *\n   * This is so that the update triggered by the manual comparison doesn't\n   * conflict with debounced KeyboardEvent updates.\n   *\n   * @private\n   */\n  handleFocus() {\n    this.valueChecker = window.setInterval(() => {\n      if (\n        !this.lastInputTimestamp ||\n        Date.now() - 500 >= this.lastInputTimestamp\n      ) {\n        this.updateIfValueChanged()\n      }\n    }, 1000)\n  }\n\n  /**\n   * Handle blur event\n   *\n   * Stop checking the textarea value once the textarea no longer has focus\n   *\n   * @private\n   */\n  handleBlur() {\n    // Cancel value checking on blur\n    if (this.valueChecker) {\n      window.clearInterval(this.valueChecker)\n    }\n  }\n\n  /**\n   * Update count message if textarea value has changed\n   *\n   * @private\n   */\n  updateIfValueChanged() {\n    if (this.$textarea.value !== this.lastInputValue) {\n      this.lastInputValue = this.$textarea.value\n      this.updateCountMessage()\n    }\n  }\n\n  /**\n   * Update count message\n   *\n   * Helper function to update both the visible and screen reader-specific\n   * counters simultaneously (e.g. on init)\n   *\n   * @private\n   */\n  updateCountMessage() {\n    this.updateVisibleCountMessage()\n    this.updateScreenReaderCountMessage()\n  }\n\n  /**\n   * Update visible count message\n   *\n   * @private\n   */\n  updateVisibleCountMessage() {\n    const remainingNumber = this.maxLength - this.count(this.$textarea.value)\n    const isError = remainingNumber < 0\n\n    // If input is over the threshold, remove the disabled class which renders\n    // the counter invisible.\n    this.$visibleCountMessage.classList.toggle(\n      'govuk-character-count__message--disabled',\n      !this.isOverThreshold()\n    )\n\n    // Update styles\n    if (!this.$errorMessage) {\n      // Only toggle the textarea error class if there isn't an error message\n      // already, as it may be unrelated to the limit (eg: allowed characters)\n      // and would set the border colour back to black.\n      this.$textarea.classList.toggle('govuk-textarea--error', isError)\n    }\n    this.$visibleCountMessage.classList.toggle('govuk-error-message', isError)\n    this.$visibleCountMessage.classList.toggle('govuk-hint', !isError)\n\n    // Update message\n    this.$visibleCountMessage.textContent = this.getCountMessage()\n  }\n\n  /**\n   * Update screen reader count message\n   *\n   * @private\n   */\n  updateScreenReaderCountMessage() {\n    // If over the threshold, remove the aria-hidden attribute, allowing screen\n    // readers to announce the content of the element.\n    if (this.isOverThreshold()) {\n      this.$screenReaderCountMessage.removeAttribute('aria-hidden')\n    } else {\n      this.$screenReaderCountMessage.setAttribute('aria-hidden', 'true')\n    }\n\n    // Update message\n    this.$screenReaderCountMessage.textContent = this.getCountMessage()\n  }\n\n  /**\n   * Count the number of characters (or words, if `config.maxwords` is set)\n   * in the given text\n   *\n   * @private\n   * @param {string} text - The text to count the characters of\n   * @returns {number} the number of characters (or words) in the text\n   */\n  count(text) {\n    if (this.config.maxwords) {\n      const tokens = text.match(/\\S+/g) ?? [] // Matches consecutive non-whitespace chars\n      return tokens.length\n    }\n\n    return text.length\n  }\n\n  /**\n   * Get count message\n   *\n   * @private\n   * @returns {string} Status message\n   */\n  getCountMessage() {\n    const remainingNumber = this.maxLength - this.count(this.$textarea.value)\n    const countType = this.config.maxwords ? 'words' : 'characters'\n    return this.formatCountMessage(remainingNumber, countType)\n  }\n\n  /**\n   * Formats the message shown to users according to what's counted\n   * and how many remain\n   *\n   * @private\n   * @param {number} remainingNumber - The number of words/characaters remaining\n   * @param {string} countType - \"words\" or \"characters\"\n   * @returns {string} Status message\n   */\n  formatCountMessage(remainingNumber, countType) {\n    if (remainingNumber === 0) {\n      return this.i18n.t(`${countType}AtLimit`)\n    }\n\n    const translationKeySuffix =\n      remainingNumber < 0 ? 'OverLimit' : 'UnderLimit'\n\n    return this.i18n.t(`${countType}${translationKeySuffix}`, {\n      count: Math.abs(remainingNumber)\n    })\n  }\n\n  /**\n   * Check if count is over threshold\n   *\n   * Checks whether the value is over the configured threshold for the input.\n   * If there is no configured threshold, it is set to 0 and this function will\n   * always return true.\n   *\n   * @private\n   * @returns {boolean} true if the current count is over the config.threshold\n   *   (or no threshold is set)\n   */\n  isOverThreshold() {\n    // No threshold means we're always above threshold so save some computation\n    if (!this.config.threshold) {\n      return true\n    }\n\n    // Determine the remaining number of characters/words\n    const currentLength = this.count(this.$textarea.value)\n    const maxLength = this.maxLength\n\n    const thresholdValue = (maxLength * this.config.threshold) / 100\n\n    return thresholdValue <= currentLength\n  }\n\n  /**\n   * Name for the component used when initialising using data-module attributes.\n   */\n  static moduleName = 'govuk-character-count'\n\n  /**\n   * Character count default config\n   *\n   * @see {@link CharacterCountConfig}\n   * @constant\n   * @type {CharacterCountConfig}\n   */\n  static defaults = Object.freeze({\n    threshold: 0,\n    i18n: {\n      // Characters\n      charactersUnderLimit: {\n        one: 'You have %{count} character remaining',\n        other: 'You have %{count} characters remaining'\n      },\n      charactersAtLimit: 'You have 0 characters remaining',\n      charactersOverLimit: {\n        one: 'You have %{count} character too many',\n        other: 'You have %{count} characters too many'\n      },\n      // Words\n      wordsUnderLimit: {\n        one: 'You have %{count} word remaining',\n        other: 'You have %{count} words remaining'\n      },\n      wordsAtLimit: 'You have 0 words remaining',\n      wordsOverLimit: {\n        one: 'You have %{count} word too many',\n        other: 'You have %{count} words too many'\n      },\n      textareaDescription: {\n        other: ''\n      }\n    }\n  })\n\n  /**\n   * Character count config schema\n   *\n   * @constant\n   * @satisfies {Schema<CharacterCountConfig>}\n   */\n  static schema = Object.freeze({\n    properties: {\n      i18n: { type: 'object' },\n      maxwords: { type: 'number' },\n      maxlength: { type: 'number' },\n      threshold: { type: 'number' }\n    },\n    anyOf: [\n      {\n        required: ['maxwords'],\n        errorMessage: 'Either \"maxlength\" or \"maxwords\" must be provided'\n      },\n      {\n        required: ['maxlength'],\n        errorMessage: 'Either \"maxlength\" or \"maxwords\" must be provided'\n      }\n    ]\n  })\n}\n\n/**\n * Character count config\n *\n * @see {@link CharacterCount.defaults}\n * @typedef {object} CharacterCountConfig\n * @property {number} [maxlength] - The maximum number of characters.\n *   If maxwords is provided, the maxlength option will be ignored.\n * @property {number} [maxwords] - The maximum number of words. If maxwords is\n *   provided, the maxlength option will be ignored.\n * @property {number} [threshold=0] - The percentage value of the limit at\n *   which point the count message is displayed. If this attribute is set, the\n *   count message will be hidden by default.\n * @property {CharacterCountTranslations} [i18n=CharacterCount.defaults.i18n] - Character count translations\n */\n\n/**\n * Character count translations\n *\n * @see {@link CharacterCount.defaults.i18n}\n * @typedef {object} CharacterCountTranslations\n *\n * Messages shown to users as they type. It provides feedback on how many words\n * or characters they have remaining or if they are over the limit. This also\n * includes a message used as an accessible description for the textarea.\n * @property {TranslationPluralForms} [charactersUnderLimit] - Message displayed\n *   when the number of characters is under the configured maximum, `maxlength`.\n *   This message is displayed visually and through assistive technologies. The\n *   component will replace the `%{count}` placeholder with the number of\n *   remaining characters. This is a [pluralised list of\n *   messages](https://frontend.design-system.service.gov.uk/localise-govuk-frontend).\n * @property {string} [charactersAtLimit] - Message displayed when the number of\n *   characters reaches the configured maximum, `maxlength`. This message is\n *   displayed visually and through assistive technologies.\n * @property {TranslationPluralForms} [charactersOverLimit] - Message displayed\n *   when the number of characters is over the configured maximum, `maxlength`.\n *   This message is displayed visually and through assistive technologies. The\n *   component will replace the `%{count}` placeholder with the number of\n *   remaining characters. This is a [pluralised list of\n *   messages](https://frontend.design-system.service.gov.uk/localise-govuk-frontend).\n * @property {TranslationPluralForms} [wordsUnderLimit] - Message displayed when\n *   the number of words is under the configured maximum, `maxlength`. This\n *   message is displayed visually and through assistive technologies. The\n *   component will replace the `%{count}` placeholder with the number of\n *   remaining words. This is a [pluralised list of\n *   messages](https://frontend.design-system.service.gov.uk/localise-govuk-frontend).\n * @property {string} [wordsAtLimit] - Message displayed when the number of\n *   words reaches the configured maximum, `maxlength`. This message is\n *   displayed visually and through assistive technologies.\n * @property {TranslationPluralForms} [wordsOverLimit] - Message displayed when\n *   the number of words is over the configured maximum, `maxlength`. This\n *   message is displayed visually and through assistive technologies. The\n *   component will replace the `%{count}` placeholder with the number of\n *   remaining words. This is a [pluralised list of\n *   messages](https://frontend.design-system.service.gov.uk/localise-govuk-frontend).\n * @property {TranslationPluralForms} [textareaDescription] - Message made\n *   available to assistive technologies, if none is already present in the\n *   HTML, to describe that the component accepts only a limited amount of\n *   content. It is visible on the page when JavaScript is unavailable. The\n *   component will replace the `%{count}` placeholder with the value of the\n *   `maxlength` or `maxwords` parameter.\n */\n\n/**\n * @import { Schema } from '../../common/configuration.mjs'\n * @import { TranslationPluralForms } from '../../i18n.mjs'\n */\n","import { Component } from '../../component.mjs'\nimport { ElementError } from '../../errors/index.mjs'\n\n/**\n * Checkboxes component\n *\n * @preserve\n */\nexport class Checkboxes extends Component {\n  /** @private */\n  $inputs\n\n  /**\n   * Checkboxes can be associated with a 'conditionally revealed' content block\n   * – for example, a checkbox for 'Phone' could reveal an additional form field\n   * for the user to enter their phone number.\n   *\n   * These associations are made using a `data-aria-controls` attribute, which\n   * is promoted to an aria-controls attribute during initialisation.\n   *\n   * We also need to restore the state of any conditional reveals on the page\n   * (for example if the user has navigated back), and set up event handlers to\n   * keep the reveal in sync with the checkbox state.\n   *\n   * @param {Element | null} $root - HTML element to use for checkboxes\n   */\n  constructor($root) {\n    super($root)\n\n    const $inputs = this.$root.querySelectorAll('input[type=\"checkbox\"]')\n    if (!$inputs.length) {\n      throw new ElementError({\n        component: Checkboxes,\n        identifier: 'Form inputs (`<input type=\"checkbox\">`)'\n      })\n    }\n\n    this.$inputs = $inputs\n\n    this.$inputs.forEach(($input) => {\n      const targetId = $input.getAttribute('data-aria-controls')\n\n      // Skip radios without data-aria-controls attributes\n      if (!targetId) {\n        return\n      }\n\n      // Throw if target conditional element does not exist.\n      if (!document.getElementById(targetId)) {\n        throw new ElementError({\n          component: Checkboxes,\n          identifier: `Conditional reveal (\\`id=\"${targetId}\"\\`)`\n        })\n      }\n\n      // Promote the data-aria-controls attribute to a aria-controls attribute\n      // so that the relationship is exposed in the AOM\n      $input.setAttribute('aria-controls', targetId)\n      $input.removeAttribute('data-aria-controls')\n    })\n\n    // When the page is restored after navigating 'back' in some browsers the\n    // state of form controls is not restored until *after* the DOMContentLoaded\n    // event is fired, so we need to sync after the pageshow event.\n    window.addEventListener('pageshow', () => this.syncAllConditionalReveals())\n\n    // Although we've set up handlers to sync state on the pageshow event, init\n    // could be called after those events have fired, for example if they are\n    // added to the page dynamically, so sync now too.\n    this.syncAllConditionalReveals()\n\n    // Handle events\n    this.$root.addEventListener('click', (event) => this.handleClick(event))\n  }\n\n  /**\n   * Sync the conditional reveal states for all checkboxes in this component.\n   *\n   * @private\n   */\n  syncAllConditionalReveals() {\n    this.$inputs.forEach(($input) =>\n      this.syncConditionalRevealWithInputState($input)\n    )\n  }\n\n  /**\n   * Sync conditional reveal with the input state\n   *\n   * Synchronise the visibility of the conditional reveal, and its accessible\n   * state, with the input's checked state.\n   *\n   * @private\n   * @param {HTMLInputElement} $input - Checkbox input\n   */\n  syncConditionalRevealWithInputState($input) {\n    const targetId = $input.getAttribute('aria-controls')\n    if (!targetId) {\n      return\n    }\n\n    const $target = document.getElementById(targetId)\n    if ($target?.classList.contains('govuk-checkboxes__conditional')) {\n      const inputIsChecked = $input.checked\n\n      $input.setAttribute('aria-expanded', inputIsChecked.toString())\n      $target.classList.toggle(\n        'govuk-checkboxes__conditional--hidden',\n        !inputIsChecked\n      )\n    }\n  }\n\n  /**\n   * Uncheck other checkboxes\n   *\n   * Find any other checkbox inputs with the same name value, and uncheck them.\n   * This is useful for when a “None of these\" checkbox is checked.\n   *\n   * @private\n   * @param {HTMLInputElement} $input - Checkbox input\n   */\n  unCheckAllInputsExcept($input) {\n    const allInputsWithSameName = document.querySelectorAll(\n      `input[type=\"checkbox\"][name=\"${$input.name}\"]`\n    )\n\n    allInputsWithSameName.forEach(($inputWithSameName) => {\n      const hasSameFormOwner = $input.form === $inputWithSameName.form\n      if (hasSameFormOwner && $inputWithSameName !== $input) {\n        $inputWithSameName.checked = false\n        this.syncConditionalRevealWithInputState($inputWithSameName)\n      }\n    })\n  }\n\n  /**\n   * Uncheck exclusive checkboxes\n   *\n   * Find any checkbox inputs with the same name value and the 'exclusive'\n   * behaviour, and uncheck them. This helps prevent someone checking both a\n   * regular checkbox and a \"None of these\" checkbox in the same fieldset.\n   *\n   * @private\n   * @param {HTMLInputElement} $input - Checkbox input\n   */\n  unCheckExclusiveInputs($input) {\n    const allInputsWithSameNameAndExclusiveBehaviour =\n      document.querySelectorAll(\n        `input[data-behaviour=\"exclusive\"][type=\"checkbox\"][name=\"${$input.name}\"]`\n      )\n\n    allInputsWithSameNameAndExclusiveBehaviour.forEach(($exclusiveInput) => {\n      const hasSameFormOwner = $input.form === $exclusiveInput.form\n      if (hasSameFormOwner) {\n        $exclusiveInput.checked = false\n        this.syncConditionalRevealWithInputState($exclusiveInput)\n      }\n    })\n  }\n\n  /**\n   * Click event handler\n   *\n   * Handle a click within the component root – if the click occurred on a checkbox,\n   * sync the state of any associated conditional reveal with the checkbox\n   * state.\n   *\n   * @private\n   * @param {MouseEvent} event - Click event\n   */\n  handleClick(event) {\n    const $clickedInput = event.target\n\n    // Ignore clicks on things that aren't checkbox inputs\n    if (\n      !($clickedInput instanceof HTMLInputElement) ||\n      $clickedInput.type !== 'checkbox'\n    ) {\n      return\n    }\n\n    // If the checkbox conditionally-reveals some content, sync the state\n    const hasAriaControls = $clickedInput.getAttribute('aria-controls')\n    if (hasAriaControls) {\n      this.syncConditionalRevealWithInputState($clickedInput)\n    }\n\n    // No further behaviour needed for unchecking\n    if (!$clickedInput.checked) {\n      return\n    }\n\n    // Handle 'exclusive' checkbox behaviour (ie \"None of these\")\n    const hasBehaviourExclusive =\n      $clickedInput.getAttribute('data-behaviour') === 'exclusive'\n    if (hasBehaviourExclusive) {\n      this.unCheckAllInputsExcept($clickedInput)\n    } else {\n      this.unCheckExclusiveInputs($clickedInput)\n    }\n  }\n\n  /**\n   * Name for the component used when initialising using data-module attributes.\n   */\n  static moduleName = 'govuk-checkboxes'\n}\n","import { ConfigurableComponent } from '../../common/configuration.mjs'\nimport { setFocus } from '../../common/index.mjs'\n\n/**\n * Error summary component\n *\n * Takes focus on initialisation for accessible announcement, unless disabled in\n * configuration.\n *\n * @preserve\n * @augments ConfigurableComponent<ErrorSummaryConfig>\n */\nexport class ErrorSummary extends ConfigurableComponent {\n  /**\n   * @param {Element | null} $root - HTML element to use for error summary\n   * @param {ErrorSummaryConfig} [config] - Error summary config\n   */\n  constructor($root, config = {}) {\n    super($root, config)\n\n    /**\n     * Focus the error summary\n     */\n    if (!this.config.disableAutoFocus) {\n      setFocus(this.$root)\n    }\n\n    this.$root.addEventListener('click', (event) => this.handleClick(event))\n  }\n\n  /**\n   * Click event handler\n   *\n   * @private\n   * @param {MouseEvent} event - Click event\n   */\n  handleClick(event) {\n    const $target = event.target\n    if ($target && this.focusTarget($target)) {\n      event.preventDefault()\n    }\n  }\n\n  /**\n   * Focus the target element\n   *\n   * By default, the browser will scroll the target into view. Because our\n   * labels or legends appear above the input, this means the user will be\n   * presented with an input without any context, as the label or legend will be\n   * off the top of the screen.\n   *\n   * Manually handling the click event, scrolling the question into view and\n   * then focussing the element solves this.\n   *\n   * This also results in the label and/or legend being announced correctly in\n   * NVDA (as tested in 2018.3.2) - without this only the field type is\n   * announced (e.g. \"Edit, has autocomplete\").\n   *\n   * @private\n   * @param {EventTarget} $target - Event target\n   * @returns {boolean} True if the target was able to be focussed\n   */\n  focusTarget($target) {\n    // If the element that was clicked was not a link, return early\n    if (!($target instanceof HTMLAnchorElement)) {\n      return false\n    }\n\n    const inputId = $target.hash.replace('#', '')\n    if (!inputId) {\n      return false\n    }\n\n    const $input = document.getElementById(inputId)\n    if (!$input) {\n      return false\n    }\n\n    const $legendOrLabel = this.getAssociatedLegendOrLabel($input)\n    if (!$legendOrLabel) {\n      return false\n    }\n\n    // Scroll the legend or label into view *before* calling focus on the input\n    // to avoid extra scrolling in browsers that don't support `preventScroll`\n    // (which at time of writing is most of them...)\n    $legendOrLabel.scrollIntoView()\n    $input.focus({ preventScroll: true })\n\n    return true\n  }\n\n  /**\n   * Get associated legend or label\n   *\n   * Returns the first element that exists from this list:\n   *\n   * - The `<legend>` associated with the closest `<fieldset>` ancestor, as long\n   *   as the top of it is no more than half a viewport height away from the\n   *   bottom of the input\n   * - The first `<label>` that is associated with the input using for=\"inputId\"\n   * - The closest parent `<label>`\n   *\n   * @private\n   * @param {Element} $input - The input\n   * @returns {Element | null} Associated legend or label, or null if no\n   *   associated legend or label can be found\n   */\n  getAssociatedLegendOrLabel($input) {\n    const $fieldset = $input.closest('fieldset')\n\n    if ($fieldset) {\n      const $legends = $fieldset.getElementsByTagName('legend')\n\n      if ($legends.length) {\n        const $candidateLegend = $legends[0]\n\n        // If the input type is radio or checkbox, always use the legend if\n        // there is one.\n        if (\n          $input instanceof HTMLInputElement &&\n          ($input.type === 'checkbox' || $input.type === 'radio')\n        ) {\n          return $candidateLegend\n        }\n\n        // For other input types, only scroll to the fieldset’s legend (instead\n        // of the label associated with the input) if the input would end up in\n        // the top half of the screen.\n        //\n        // This should avoid situations where the input either ends up off the\n        // screen, or obscured by a software keyboard.\n        const legendTop = $candidateLegend.getBoundingClientRect().top\n        const inputRect = $input.getBoundingClientRect()\n\n        // If the browser doesn't support Element.getBoundingClientRect().height\n        // or window.innerHeight (like IE8), bail and just link to the label.\n        if (inputRect.height && window.innerHeight) {\n          const inputBottom = inputRect.top + inputRect.height\n\n          if (inputBottom - legendTop < window.innerHeight / 2) {\n            return $candidateLegend\n          }\n        }\n      }\n    }\n\n    return (\n      document.querySelector(`label[for='${$input.getAttribute('id')}']`) ??\n      $input.closest('label')\n    )\n  }\n\n  /**\n   * Name for the component used when initialising using data-module attributes.\n   */\n  static moduleName = 'govuk-error-summary'\n\n  /**\n   * Error summary default config\n   *\n   * @see {@link ErrorSummaryConfig}\n   * @constant\n   * @type {ErrorSummaryConfig}\n   */\n  static defaults = Object.freeze({\n    disableAutoFocus: false\n  })\n\n  /**\n   * Error summary config schema\n   *\n   * @constant\n   * @satisfies {Schema<ErrorSummaryConfig>}\n   */\n  static schema = Object.freeze({\n    properties: {\n      disableAutoFocus: { type: 'boolean' }\n    }\n  })\n}\n\n/**\n * Error summary config\n *\n * @typedef {object} ErrorSummaryConfig\n * @property {boolean} [disableAutoFocus=false] - If set to `true` the error\n *   summary will not be focussed when the page loads.\n */\n\n/**\n * @import { Schema } from '../../common/configuration.mjs'\n */\n","import { ConfigurableComponent } from '../../common/configuration.mjs'\nimport { ElementError } from '../../errors/index.mjs'\nimport { I18n } from '../../i18n.mjs'\n\n/**\n * Exit this page component\n *\n * @preserve\n * @augments ConfigurableComponent<ExitThisPageConfig>\n */\nexport class ExitThisPage extends ConfigurableComponent {\n  /** @private */\n  i18n\n\n  /** @private */\n  $button\n\n  /**\n   * @private\n   * @type {HTMLAnchorElement | null}\n   */\n  $skiplinkButton = null\n\n  /**\n   * @private\n   * @type {HTMLElement | null}\n   */\n  $updateSpan = null\n\n  /**\n   * @private\n   * @type {HTMLElement | null}\n   */\n  $indicatorContainer = null\n\n  /**\n   * @private\n   * @type {HTMLElement | null}\n   */\n  $overlay = null\n\n  /** @private */\n  keypressCounter = 0\n\n  /** @private */\n  lastKeyWasModified = false\n\n  /** @private */\n  timeoutTime = 5000 // milliseconds\n\n  // Store the timeout events so that we can clear them to avoid user keypresses overlapping\n  // setTimeout returns an id that we can use to clear it with clearTimeout,\n  // hence the 'Id' suffix\n\n  /**\n   * @private\n   * @type {number | null}\n   */\n  keypressTimeoutId = null\n\n  /**\n   * @private\n   * @type {number | null}\n   */\n  timeoutMessageId = null\n\n  /**\n   * @param {Element | null} $root - HTML element that wraps the Exit This Page button\n   * @param {ExitThisPageConfig} [config] - Exit This Page config\n   */\n  constructor($root, config = {}) {\n    super($root, config)\n\n    const $button = this.$root.querySelector('.govuk-exit-this-page__button')\n    if (!($button instanceof HTMLAnchorElement)) {\n      throw new ElementError({\n        component: ExitThisPage,\n        element: $button,\n        expectedType: 'HTMLAnchorElement',\n        identifier: 'Button (`.govuk-exit-this-page__button`)'\n      })\n    }\n\n    this.i18n = new I18n(this.config.i18n)\n    this.$button = $button\n\n    const $skiplinkButton = document.querySelector(\n      '.govuk-js-exit-this-page-skiplink'\n    )\n    if ($skiplinkButton instanceof HTMLAnchorElement) {\n      this.$skiplinkButton = $skiplinkButton\n    }\n\n    this.buildIndicator()\n    this.initUpdateSpan()\n    this.initButtonClickHandler()\n\n    // Check to see if this has already been done by a previous initialisation of ExitThisPage\n    if (!('govukFrontendExitThisPageKeypress' in document.body.dataset)) {\n      document.addEventListener('keyup', this.handleKeypress.bind(this), true)\n      document.body.dataset.govukFrontendExitThisPageKeypress = 'true'\n    }\n\n    // When the page is restored after navigating 'back' in some browsers the\n    // blank overlay remains present, rendering the page unusable. Here, we check\n    // to see if it's present on page (re)load, and remove it if so.\n    window.addEventListener('pageshow', this.resetPage.bind(this))\n  }\n\n  /**\n   * Create the <span> we use for screen reader announcements.\n   *\n   * @private\n   */\n  initUpdateSpan() {\n    this.$updateSpan = document.createElement('span')\n    this.$updateSpan.setAttribute('role', 'status')\n    this.$updateSpan.className = 'govuk-visually-hidden'\n\n    this.$root.appendChild(this.$updateSpan)\n  }\n\n  /**\n   * Create button click handlers.\n   *\n   * @private\n   */\n  initButtonClickHandler() {\n    // Main EtP button\n    this.$button.addEventListener('click', this.handleClick.bind(this))\n\n    // EtP secondary link\n    if (this.$skiplinkButton) {\n      this.$skiplinkButton.addEventListener(\n        'click',\n        this.handleClick.bind(this)\n      )\n    }\n  }\n\n  /**\n   * Create the HTML for the 'three lights' indicator on the button.\n   *\n   * @private\n   */\n  buildIndicator() {\n    // Build container\n    // Putting `aria-hidden` on it as it won't contain any readable information\n    this.$indicatorContainer = document.createElement('div')\n    this.$indicatorContainer.className = 'govuk-exit-this-page__indicator'\n    this.$indicatorContainer.setAttribute('aria-hidden', 'true')\n\n    // Create three 'lights' and place them within the container\n    for (let i = 0; i < 3; i++) {\n      const $indicator = document.createElement('div')\n      $indicator.className = 'govuk-exit-this-page__indicator-light'\n      this.$indicatorContainer.appendChild($indicator)\n    }\n\n    // Append it all to the module\n    this.$button.appendChild(this.$indicatorContainer)\n  }\n\n  /**\n   * Update whether the lights are visible and which ones are lit up depending on\n   * the value of `keypressCounter`.\n   *\n   * @private\n   */\n  updateIndicator() {\n    if (!this.$indicatorContainer) {\n      return\n    }\n\n    // Show or hide the indicator container depending on keypressCounter value\n    this.$indicatorContainer.classList.toggle(\n      'govuk-exit-this-page__indicator--visible',\n      this.keypressCounter > 0\n    )\n\n    // Turn on only the indicators we want on\n    const $indicators = this.$indicatorContainer.querySelectorAll(\n      '.govuk-exit-this-page__indicator-light'\n    )\n    $indicators.forEach(($indicator, index) => {\n      $indicator.classList.toggle(\n        'govuk-exit-this-page__indicator-light--on',\n        index < this.keypressCounter\n      )\n    })\n  }\n\n  /**\n   * Initiates the redirection away from the current page.\n   * Includes the loading overlay functionality, which covers the current page with a\n   * white overlay so that the contents are not visible during the loading\n   * process. This is particularly important on slow network connections.\n   *\n   * @private\n   */\n  exitPage() {\n    if (!this.$updateSpan) {\n      return\n    }\n\n    this.$updateSpan.textContent = ''\n\n    // Blank the page\n    // As well as creating an overlay with text, we also set the body to hidden\n    // to prevent screen reader and sequential navigation users potentially\n    // navigating through the page behind the overlay during loading\n    document.body.classList.add('govuk-exit-this-page-hide-content')\n    this.$overlay = document.createElement('div')\n    this.$overlay.className = 'govuk-exit-this-page-overlay'\n    this.$overlay.setAttribute('role', 'alert')\n\n    // we do these this way round, thus incurring a second paint, because changing\n    // the element text after adding it means that screen readers pick up the\n    // announcement more reliably.\n    document.body.appendChild(this.$overlay)\n    this.$overlay.textContent = this.i18n.t('activated')\n\n    window.location.href = this.$button.href\n  }\n\n  /**\n   * Pre-activation logic for when the button is clicked/activated via mouse or\n   * pointer.\n   *\n   * We do this to differentiate it from the keyboard activation event because we\n   * need to run `e.preventDefault` as the button or skiplink are both links and we\n   * want to apply some additional logic in `exitPage` before navigating.\n   *\n   * @private\n   * @param {MouseEvent} event - mouse click event\n   */\n  handleClick(event) {\n    event.preventDefault()\n    this.exitPage()\n  }\n\n  /**\n   * Logic for the 'quick escape' keyboard sequence functionality (pressing the\n   * Shift key three times without interruption, within a time limit).\n   *\n   * @private\n   * @param {KeyboardEvent} event - keyup event\n   */\n  handleKeypress(event) {\n    if (!this.$updateSpan) {\n      return\n    }\n\n    // Detect if the 'Shift' key has been pressed. We want to only do things if it\n    // was pressed by itself and not in a combination with another key—so we keep\n    // track of whether the preceding keyup had shiftKey: true on it, and if it\n    // did, we ignore the next Shift keyup event.\n    //\n    // This works because using Shift as a modifier key (e.g. pressing Shift + A)\n    // will fire TWO keyup events, one for A (with e.shiftKey: true) and the other\n    // for Shift (with e.shiftKey: false).\n    if (event.key === 'Shift' && !this.lastKeyWasModified) {\n      this.keypressCounter += 1\n\n      // Update the indicator before the below if statement can reset it back to 0\n      this.updateIndicator()\n\n      // Clear the timeout for the keypress timeout message clearing itself\n      if (this.timeoutMessageId) {\n        window.clearTimeout(this.timeoutMessageId)\n        this.timeoutMessageId = null\n      }\n\n      if (this.keypressCounter >= 3) {\n        this.keypressCounter = 0\n\n        if (this.keypressTimeoutId) {\n          window.clearTimeout(this.keypressTimeoutId)\n          this.keypressTimeoutId = null\n        }\n\n        this.exitPage()\n      } else {\n        if (this.keypressCounter === 1) {\n          this.$updateSpan.textContent = this.i18n.t('pressTwoMoreTimes')\n        } else {\n          this.$updateSpan.textContent = this.i18n.t('pressOneMoreTime')\n        }\n      }\n\n      this.setKeypressTimer()\n    } else if (this.keypressTimeoutId) {\n      // If the user pressed any key other than 'Shift', after having pressed\n      // 'Shift' and activating the timer, stop and reset the timer.\n      this.resetKeypressTimer()\n    }\n\n    // Keep track of whether the Shift modifier key was held during this keypress\n    this.lastKeyWasModified = event.shiftKey\n  }\n\n  /**\n   * Starts the 'quick escape' keyboard sequence timer.\n   *\n   * This can be invoked several times. We want this to be possible so that the\n   * timer is restarted each time the shortcut key is pressed (e.g. the user has\n   * up to n seconds between each keypress, rather than n seconds to invoke the\n   * entire sequence.)\n   *\n   * @private\n   */\n  setKeypressTimer() {\n    // Clear any existing timeout. This is so only one timer is running even if\n    // there are multiple keypresses in quick succession.\n    if (this.keypressTimeoutId) {\n      window.clearTimeout(this.keypressTimeoutId)\n    }\n\n    // Set a fresh timeout\n    this.keypressTimeoutId = window.setTimeout(\n      this.resetKeypressTimer.bind(this),\n      this.timeoutTime\n    )\n  }\n\n  /**\n   * Stops and resets the 'quick escape' keyboard sequence timer.\n   *\n   * @private\n   */\n  resetKeypressTimer() {\n    if (!this.$updateSpan) {\n      return\n    }\n\n    if (this.keypressTimeoutId) {\n      window.clearTimeout(this.keypressTimeoutId)\n      this.keypressTimeoutId = null\n    }\n\n    const $updateSpan = this.$updateSpan\n\n    this.keypressCounter = 0\n    $updateSpan.textContent = this.i18n.t('timedOut')\n\n    this.timeoutMessageId = window.setTimeout(() => {\n      $updateSpan.textContent = ''\n    }, this.timeoutTime)\n\n    this.updateIndicator()\n  }\n\n  /**\n   * Reset the page using the EtP button\n   *\n   * We use this in situations where a user may re-enter a page using the browser\n   * back button. In these cases, the browser can choose to restore the state of\n   * the page as it was previously, including restoring the 'ghost page' overlay,\n   * the announcement span having it's role set to \"alert\" and the keypress\n   * indicator still active, leaving the page in an unusable state.\n   *\n   * By running this check when the page is shown, we can programatically restore\n   * the page and the component to a \"default\" state\n   *\n   * @private\n   */\n  resetPage() {\n    // If an overlay is set, remove it and reset the value\n    document.body.classList.remove('govuk-exit-this-page-hide-content')\n\n    if (this.$overlay) {\n      this.$overlay.remove()\n      this.$overlay = null\n    }\n\n    // Ensure the announcement span's role is status, not alert and clear any text\n    if (this.$updateSpan) {\n      this.$updateSpan.setAttribute('role', 'status')\n      this.$updateSpan.textContent = ''\n    }\n\n    // Sync the keypress indicator lights\n    this.updateIndicator()\n\n    // If the timeouts are active, clear them\n    if (this.keypressTimeoutId) {\n      window.clearTimeout(this.keypressTimeoutId)\n    }\n\n    if (this.timeoutMessageId) {\n      window.clearTimeout(this.timeoutMessageId)\n    }\n  }\n\n  /**\n   * Name for the component used when initialising using data-module attributes.\n   */\n  static moduleName = 'govuk-exit-this-page'\n\n  /**\n   * Exit this page default config\n   *\n   * @see {@link ExitThisPageConfig}\n   * @constant\n   * @type {ExitThisPageConfig}\n   */\n  static defaults = Object.freeze({\n    i18n: {\n      activated: 'Loading.',\n      timedOut: 'Exit this page expired.',\n      pressTwoMoreTimes: 'Shift, press 2 more times to exit.',\n      pressOneMoreTime: 'Shift, press 1 more time to exit.'\n    }\n  })\n\n  /**\n   * Exit this page config schema\n   *\n   * @constant\n   * @satisfies {Schema<ExitThisPageConfig>}\n   */\n  static schema = Object.freeze({\n    properties: {\n      i18n: { type: 'object' }\n    }\n  })\n}\n\n/**\n * Exit this Page config\n *\n * @see {@link ExitThisPage.defaults}\n * @typedef {object} ExitThisPageConfig\n * @property {ExitThisPageTranslations} [i18n=ExitThisPage.defaults.i18n] - Exit this page translations\n */\n\n/**\n * Exit this Page translations\n *\n * @see {@link ExitThisPage.defaults.i18n}\n * @typedef {object} ExitThisPageTranslations\n *\n * Messages used by the component programatically inserted text, including\n * overlay text and screen reader announcements.\n * @property {string} [activated] - Screen reader announcement for when EtP\n *   keypress functionality has been successfully activated.\n * @property {string} [timedOut] - Screen reader announcement for when the EtP\n *   keypress functionality has timed out.\n * @property {string} [pressTwoMoreTimes] - Screen reader announcement informing\n *   the user they must press the activation key two more times.\n * @property {string} [pressOneMoreTime] - Screen reader announcement informing\n *   the user they must press the activation key one more time.\n */\n\n/**\n * @import { Schema } from '../../common/configuration.mjs'\n */\n","import { closestAttributeValue } from '../../common/closest-attribute-value.mjs'\nimport { ConfigurableComponent } from '../../common/configuration.mjs'\nimport { formatErrorMessage } from '../../common/index.mjs'\nimport { ElementError } from '../../errors/index.mjs'\nimport { I18n } from '../../i18n.mjs'\n\n/**\n * File upload component\n *\n * @preserve\n * @augments ConfigurableComponent<FileUploadConfig>\n */\nexport class FileUpload extends ConfigurableComponent {\n  /**\n   * @private\n   * @type {HTMLFileInputElement}\n   */\n  $input\n\n  /**\n   * @private\n   */\n  $button\n\n  /**\n   * @private\n   */\n  $status\n\n  /** @private */\n  i18n\n\n  /** @private */\n  id\n\n  /** @private */\n  $announcements\n\n  /**\n   * @private\n   * @type {boolean | undefined}\n   */\n  enteredAnotherElement\n\n  /**\n   * @param {Element | null} $root - File input element\n   * @param {FileUploadConfig} [config] - File Upload config\n   */\n  constructor($root, config = {}) {\n    super($root, config)\n\n    const $input = this.$root.querySelector('input')\n\n    if ($input === null) {\n      throw new ElementError({\n        component: FileUpload,\n        identifier: 'File inputs (`<input type=\"file\">`)'\n      })\n    }\n\n    if ($input.type !== 'file') {\n      throw new ElementError(\n        formatErrorMessage(\n          FileUpload,\n          'File input (`<input type=\"file\">`) attribute (`type`) is not `file`'\n        )\n      )\n    }\n\n    this.$input = /** @type {HTMLFileInputElement} */ ($input)\n\n    if (!this.$input.id) {\n      throw new ElementError({\n        component: FileUpload,\n        identifier: 'File input (`<input type=\"file\">`) attribute (`id`)'\n      })\n    }\n\n    this.id = this.$input.id\n\n    this.i18n = new I18n(this.config.i18n, {\n      // Read the fallback if necessary rather than have it set in the defaults\n      locale: closestAttributeValue(this.$root, 'lang')\n    })\n\n    const $label = this.findLabel()\n    // Add an ID to the label if it doesn't have one already\n    // so it can be referenced by `aria-labelledby`\n    if (!$label.id) {\n      $label.id = `${this.id}-label`\n    }\n\n    // we need to copy the 'id' of the root element\n    // to the new button replacement element\n    // so that focus will work in the error summary\n    this.$input.id = `${this.id}-input`\n\n    // Hide the native input\n    this.$input.setAttribute('hidden', 'true')\n\n    // Create the file selection button\n    const $button = document.createElement('button')\n    $button.classList.add('govuk-file-upload-button')\n    $button.type = 'button'\n    $button.id = this.id\n    $button.classList.add('govuk-file-upload-button--empty')\n\n    // Copy `aria-describedby` if present so hints and errors\n    // are associated to the `<button>`\n    const ariaDescribedBy = this.$input.getAttribute('aria-describedby')\n    if (ariaDescribedBy) {\n      $button.setAttribute('aria-describedby', ariaDescribedBy)\n    }\n\n    // Create status element that shows what/how many files are selected\n    const $status = document.createElement('span')\n    $status.className = 'govuk-body govuk-file-upload-button__status'\n    $status.setAttribute('aria-live', 'polite')\n    $status.innerText = this.i18n.t('noFileChosen')\n\n    $button.appendChild($status)\n\n    const commaSpan = document.createElement('span')\n    commaSpan.className = 'govuk-visually-hidden'\n    commaSpan.innerText = ', '\n    commaSpan.id = `${this.id}-comma`\n\n    $button.appendChild(commaSpan)\n\n    const containerSpan = document.createElement('span')\n    containerSpan.className =\n      'govuk-file-upload-button__pseudo-button-container'\n\n    const buttonSpan = document.createElement('span')\n    buttonSpan.className =\n      'govuk-button govuk-button--secondary govuk-file-upload-button__pseudo-button'\n    buttonSpan.innerText = this.i18n.t('chooseFilesButton')\n\n    containerSpan.appendChild(buttonSpan)\n\n    // Add a space so the button and instruction read correctly\n    // when CSS is disabled\n    containerSpan.insertAdjacentText('beforeend', ' ')\n\n    const instructionSpan = document.createElement('span')\n    instructionSpan.className =\n      'govuk-body govuk-file-upload-button__instruction'\n    instructionSpan.innerText = this.i18n.t('dropInstruction')\n\n    containerSpan.appendChild(instructionSpan)\n\n    $button.appendChild(containerSpan)\n    $button.setAttribute(\n      'aria-labelledby',\n      `${$label.id} ${commaSpan.id} ${$button.id}`\n    )\n    $button.addEventListener('click', this.onClick.bind(this))\n    $button.addEventListener('dragover', (event) => {\n      // prevent default to allow drop\n      event.preventDefault()\n    })\n\n    // Assemble these all together\n    this.$root.insertAdjacentElement('afterbegin', $button)\n\n    this.$input.setAttribute('tabindex', '-1')\n    this.$input.setAttribute('aria-hidden', 'true')\n\n    // Make all these new variables available to the module\n    this.$button = $button\n    this.$status = $status\n\n    // Bind change event to the underlying input\n    this.$input.addEventListener('change', this.onChange.bind(this))\n\n    // Synchronise the `disabled` state between the button and underlying input\n    this.updateDisabledState()\n    this.observeDisabledState()\n\n    // Handle drop zone visibility\n    // A live region to announce when users enter or leave the drop zone\n    this.$announcements = document.createElement('span')\n    this.$announcements.classList.add('govuk-file-upload-announcements')\n    this.$announcements.classList.add('govuk-visually-hidden')\n    this.$announcements.setAttribute('aria-live', 'assertive')\n    this.$root.insertAdjacentElement('afterend', this.$announcements)\n\n    // if there is no CSS and input is hidden\n    // button will need to handle drop event\n    this.$button.addEventListener('drop', this.onDrop.bind(this))\n\n    // While user is dragging, it gets a little more complex because of Safari.\n    // Safari doesn't fill `relatedTarget` on `dragleave` (nor `dragenter`).\n    // This means we can't use `relatedTarget` to:\n    // - check if the user is still within the wrapper\n    //   (`relatedTarget` being a descendant of the wrapper)\n    // - check if the user is still over the viewport\n    //   (`relatedTarget` being null if outside)\n\n    // Thanks to `dragenter` bubbling, we can listen on the `document` with a\n    // single function and update the visibility based on whether we entered a\n    // node inside or outside the wrapper.\n    document.addEventListener(\n      'dragenter',\n      this.updateDropzoneVisibility.bind(this)\n    )\n\n    // To detect if we're outside the document, we can track if there was a\n    // `dragenter` event preceding a `dragleave`. If there wasn't, this means\n    // we're outside the document.\n    //\n    // The order of events is guaranteed by the HTML specs:\n    // https://html.spec.whatwg.org/multipage/dnd.html#drag-and-drop-processing-model\n    document.addEventListener('dragenter', () => {\n      this.enteredAnotherElement = true\n    })\n\n    document.addEventListener('dragleave', () => {\n      if (!this.enteredAnotherElement && !this.$button.disabled) {\n        this.hideDraggingState()\n        this.$announcements.innerText = this.i18n.t('leftDropZone')\n      }\n\n      this.enteredAnotherElement = false\n    })\n  }\n\n  /**\n   * Updates the visibility of the dropzone as users enters the various elements on the page\n   *\n   * @private\n   * @param {DragEvent} event - The `dragenter` event\n   */\n  updateDropzoneVisibility(event) {\n    if (this.$button.disabled) return\n\n    // DOM interfaces only type `event.target` as `EventTarget`\n    // so we first need to make sure it's a `Node`\n    if (event.target instanceof Node) {\n      if (this.$root.contains(event.target)) {\n        if (event.dataTransfer && isContainingFiles(event.dataTransfer)) {\n          // Only update the class and make the announcement if not already visible\n          // to avoid repeated announcements on NVDA (2024.4) + Firefox (133)\n          if (\n            !this.$button.classList.contains(\n              'govuk-file-upload-button--dragging'\n            )\n          ) {\n            this.showDraggingState()\n            this.$announcements.innerText = this.i18n.t('enteredDropZone')\n          }\n        }\n      } else {\n        // Only hide the dropzone if it is visible to prevent announcing user\n        // left the drop zone when they enter the page but haven't reached yet\n        // the file upload component\n        if (\n          this.$button.classList.contains('govuk-file-upload-button--dragging')\n        ) {\n          this.hideDraggingState()\n          this.$announcements.innerText = this.i18n.t('leftDropZone')\n        }\n      }\n    }\n  }\n\n  /**\n   * Show the drop zone visually\n   *\n   * @private\n   */\n  showDraggingState() {\n    this.$button.classList.add('govuk-file-upload-button--dragging')\n  }\n\n  /**\n   * Hides the drop zone visually\n   *\n   * @private\n   */\n  hideDraggingState() {\n    this.$button.classList.remove('govuk-file-upload-button--dragging')\n  }\n\n  /**\n   * Handles user dropping on the component\n   *\n   * @private\n   * @param {DragEvent} event - The `dragenter` event\n   */\n  onDrop(event) {\n    event.preventDefault()\n\n    if (event.dataTransfer && isContainingFiles(event.dataTransfer)) {\n      this.$input.files = event.dataTransfer.files\n\n      // Dispatch a `change` event so external code that would rely on the `<input>`\n      // dispatching an event when files are dropped still work.\n      // Use a `CustomEvent` so our events are distinguishable from browser's native events\n      this.$input.dispatchEvent(new CustomEvent('change'))\n\n      this.hideDraggingState()\n    }\n  }\n\n  /**\n   * Check if the value of the underlying input has changed\n   *\n   * @private\n   */\n  onChange() {\n    const fileCount = this.$input.files.length\n\n    if (fileCount === 0) {\n      // If there are no files, show the default selection text\n      this.$status.innerText = this.i18n.t('noFileChosen')\n      this.$button.classList.add('govuk-file-upload-button--empty')\n    } else {\n      if (\n        // If there is 1 file, just show the file name\n        fileCount === 1\n      ) {\n        this.$status.innerText = this.$input.files[0].name\n      } else {\n        // Otherwise, tell the user how many files are selected\n        this.$status.innerText = this.i18n.t('multipleFilesChosen', {\n          count: fileCount\n        })\n      }\n\n      this.$button.classList.remove('govuk-file-upload-button--empty')\n    }\n  }\n\n  /**\n   * Looks up the `<label>` element associated to the field\n   *\n   * @private\n   * @returns {HTMLElement} The `<label>` element associated to the field\n   * @throws {ElementError} If the `<label>` cannot be found\n   */\n  findLabel() {\n    // Use `label` in the selector so TypeScript knows the type fo `HTMLElement`\n    const $label = document.querySelector(`label[for=\"${this.$input.id}\"]`)\n\n    if (!$label) {\n      throw new ElementError({\n        component: FileUpload,\n        identifier: `Field label (\\`<label for=${this.$input.id}>\\`)`\n      })\n    }\n\n    return $label\n  }\n\n  /**\n   * When the button is clicked, emulate clicking the actual, hidden file input\n   *\n   * @private\n   */\n  onClick() {\n    this.$input.click()\n  }\n\n  /**\n   * Create a mutation observer to check if the input's attributes altered.\n   *\n   * @private\n   */\n  observeDisabledState() {\n    const observer = new MutationObserver((mutationList) => {\n      for (const mutation of mutationList) {\n        if (\n          mutation.type === 'attributes' &&\n          mutation.attributeName === 'disabled'\n        ) {\n          this.updateDisabledState()\n        }\n      }\n    })\n\n    observer.observe(this.$input, {\n      attributes: true\n    })\n  }\n\n  /**\n   * Synchronise the `disabled` state between the input and replacement button.\n   *\n   * @private\n   */\n  updateDisabledState() {\n    this.$button.disabled = this.$input.disabled\n\n    this.$root.classList.toggle(\n      'govuk-drop-zone--disabled',\n      this.$button.disabled\n    )\n  }\n\n  /**\n   * Name for the component used when initialising using data-module attributes.\n   */\n  static moduleName = 'govuk-file-upload'\n\n  /**\n   * File upload default config\n   *\n   * @see {@link FileUploadConfig}\n   * @constant\n   * @type {FileUploadConfig}\n   */\n  static defaults = Object.freeze({\n    i18n: {\n      chooseFilesButton: 'Choose file',\n      dropInstruction: 'or drop file',\n      noFileChosen: 'No file chosen',\n      multipleFilesChosen: {\n        // the 'one' string isn't used as the component displays the filename\n        // instead, however it's here for coverage's sake\n        one: '%{count} file chosen',\n        other: '%{count} files chosen'\n      },\n      enteredDropZone: 'Entered drop zone',\n      leftDropZone: 'Left drop zone'\n    }\n  })\n\n  /**\n   * File upload config schema\n   *\n   * @constant\n   * @satisfies {Schema<FileUploadConfig>}\n   */\n  static schema = Object.freeze({\n    properties: {\n      i18n: { type: 'object' }\n    }\n  })\n}\n\n/**\n * Checks if the given `DataTransfer` contains files\n *\n * @internal\n * @param {DataTransfer} dataTransfer - The `DataTransfer` to check\n * @returns {boolean} - `true` if it contains files or we can't infer it, `false` otherwise\n */\nfunction isContainingFiles(dataTransfer) {\n  // Safari sometimes does not provide info about types :'(\n  // In which case best not to assume anything and try to set the files\n  const hasNoTypesInfo = dataTransfer.types.length === 0\n\n  // When dragging images, there's a mix of mime types + Files\n  // which we can't assign to the native input\n  const isDraggingFiles = dataTransfer.types.some((type) => type === 'Files')\n\n  return hasNoTypesInfo || isDraggingFiles\n}\n\n/**\n * @typedef {HTMLInputElement & {files: FileList}} HTMLFileInputElement\n */\n\n/**\n * File upload config\n *\n * @see {@link FileUpload.defaults}\n * @typedef {object} FileUploadConfig\n * @property {FileUploadTranslations} [i18n=FileUpload.defaults.i18n] - File upload translations\n */\n\n/**\n * File upload translations\n *\n * @see {@link FileUpload.defaults.i18n}\n * @typedef {object} FileUploadTranslations\n *\n * Messages used by the component\n * @property {string} [chooseFile] - The text of the button that opens the file picker\n * @property {string} [dropInstruction] - The text informing users they can drop files\n * @property {TranslationPluralForms} [multipleFilesChosen] - The text displayed when multiple files\n *   have been chosen by the user\n * @property {string} [noFileChosen] - The text to displayed when no file has been chosen by the user\n * @property {string} [enteredDropZone] - The text announced by assistive technology\n *   when user drags files and enters the drop zone\n * @property {string} [leftDropZone] - The text announced by assistive technology\n *   when user drags files and leaves the drop zone without dropping\n */\n\n/**\n * @import { Schema } from '../../common/configuration.mjs'\n * @import { TranslationPluralForms } from '../../i18n.mjs'\n */\n","import { getBreakpoint } from '../../common/index.mjs'\nimport { Component } from '../../component.mjs'\nimport { ElementError } from '../../errors/index.mjs'\n\n/**\n * Header component\n *\n * @preserve\n */\nexport class Header extends Component {\n  /** @private */\n  $menuButton\n\n  /** @private */\n  $menu\n\n  /**\n   * Save the opened/closed state for the nav in memory so that we can\n   * accurately maintain state when the screen is changed from small to big and\n   * back to small\n   *\n   * @private\n   */\n  menuIsOpen = false\n\n  /**\n   * A global const for storing a matchMedia instance which we'll use to detect\n   * when a screen size change happens. We rely on it being null if the feature\n   * isn't available to initially apply hidden attributes\n   *\n   * @private\n   * @type {MediaQueryList | null}\n   */\n  mql = null\n\n  /**\n   * Apply a matchMedia for desktop which will trigger a state sync if the\n   * browser viewport moves between states.\n   *\n   * @param {Element | null} $root - HTML element to use for header\n   */\n  constructor($root) {\n    super($root)\n\n    const $menuButton = this.$root.querySelector('.govuk-js-header-toggle')\n\n    // Headers don't necessarily have a navigation. When they don't, the menu\n    // toggle won't be rendered by our macro (or may be omitted when writing\n    // plain HTML)\n    if (!$menuButton) {\n      return this\n    }\n\n    // Pad the header logo so it doesn't overlap the menu button\n    this.$root.classList.add('govuk-header--with-js-navigation')\n\n    const menuId = $menuButton.getAttribute('aria-controls')\n    if (!menuId) {\n      throw new ElementError({\n        component: Header,\n        identifier:\n          'Navigation button (`<button class=\"govuk-js-header-toggle\">`) attribute (`aria-controls`)'\n      })\n    }\n\n    const $menu = document.getElementById(menuId)\n    if (!$menu) {\n      throw new ElementError({\n        component: Header,\n        element: $menu,\n        identifier: `Navigation (\\`<ul id=\"${menuId}\">\\`)`\n      })\n    }\n\n    this.$menu = $menu\n    this.$menuButton = $menuButton\n\n    this.setupResponsiveChecks()\n\n    this.$menuButton.addEventListener('click', () =>\n      this.handleMenuButtonClick()\n    )\n  }\n\n  /**\n   * Setup viewport resize check\n   *\n   * @private\n   */\n  setupResponsiveChecks() {\n    const breakpoint = getBreakpoint('desktop')\n\n    if (!breakpoint.value) {\n      throw new ElementError({\n        component: Header,\n        identifier: `CSS custom property (\\`${breakpoint.property}\\`) on pseudo-class \\`:root\\``\n      })\n    }\n\n    // Media query list for GOV.UK Frontend desktop breakpoint\n    this.mql = window.matchMedia(`(min-width: ${breakpoint.value})`)\n\n    // MediaQueryList.addEventListener isn't supported by Safari < 14 so we need\n    // to be able to fall back to the deprecated MediaQueryList.addListener\n    if ('addEventListener' in this.mql) {\n      this.mql.addEventListener('change', () => this.checkMode())\n    } else {\n      // @ts-expect-error Property 'addListener' does not exist\n      // eslint-disable-next-line @typescript-eslint/no-unsafe-call\n      this.mql.addListener(() => this.checkMode())\n    }\n\n    this.checkMode()\n  }\n\n  /**\n   * Sync menu state\n   *\n   * Uses the global variable menuIsOpen to correctly set the accessible and\n   * visual states of the menu and the menu button.\n   * Additionally will force the menu to be visible and the menu button to be\n   * hidden if the matchMedia is triggered to desktop.\n   *\n   * @private\n   */\n  checkMode() {\n    if (!this.mql || !this.$menu || !this.$menuButton) {\n      return\n    }\n\n    if (this.mql.matches) {\n      this.$menu.removeAttribute('hidden')\n      this.$menuButton.setAttribute('hidden', '')\n    } else {\n      this.$menuButton.removeAttribute('hidden')\n      this.$menuButton.setAttribute('aria-expanded', this.menuIsOpen.toString())\n\n      if (this.menuIsOpen) {\n        this.$menu.removeAttribute('hidden')\n      } else {\n        this.$menu.setAttribute('hidden', '')\n      }\n    }\n  }\n\n  /**\n   * Handle menu button click\n   *\n   * When the menu button is clicked, change the visibility of the menu and then\n   * sync the accessibility state and menu button state\n   *\n   * @private\n   */\n  handleMenuButtonClick() {\n    this.menuIsOpen = !this.menuIsOpen\n    this.checkMode()\n  }\n\n  /**\n   * Name for the component used when initialising using data-module attributes.\n   */\n  static moduleName = 'govuk-header'\n}\n","import { ConfigurableComponent } from '../../common/configuration.mjs'\nimport { setFocus } from '../../common/index.mjs'\n\n/**\n * Notification Banner component\n *\n * @preserve\n * @augments ConfigurableComponent<NotificationBannerConfig>\n */\nexport class NotificationBanner extends ConfigurableComponent {\n  /**\n   * @param {Element | null} $root - HTML element to use for notification banner\n   * @param {NotificationBannerConfig} [config] - Notification banner config\n   */\n  constructor($root, config = {}) {\n    super($root, config)\n\n    /**\n     * Focus the notification banner\n     *\n     * If `role=\"alert\"` is set, focus the element to help some assistive\n     * technologies prioritise announcing it.\n     *\n     * You can turn off the auto-focus functionality by setting\n     * `data-disable-auto-focus=\"true\"` in the component HTML. You might wish to\n     * do this based on user research findings, or to avoid a clash with another\n     * element which should be focused when the page loads.\n     */\n    if (\n      this.$root.getAttribute('role') === 'alert' &&\n      !this.config.disableAutoFocus\n    ) {\n      setFocus(this.$root)\n    }\n  }\n\n  /**\n   * Name for the component used when initialising using data-module attributes.\n   */\n  static moduleName = 'govuk-notification-banner'\n\n  /**\n   * Notification banner default config\n   *\n   * @see {@link NotificationBannerConfig}\n   * @constant\n   * @type {NotificationBannerConfig}\n   */\n  static defaults = Object.freeze({\n    disableAutoFocus: false\n  })\n\n  /**\n   * Notification banner config schema\n   *\n   * @constant\n   * @satisfies {Schema<NotificationBannerConfig>}\n   */\n  static schema = Object.freeze({\n    properties: {\n      disableAutoFocus: { type: 'boolean' }\n    }\n  })\n}\n\n/**\n * Notification banner config\n *\n * @typedef {object} NotificationBannerConfig\n * @property {boolean} [disableAutoFocus=false] - If set to `true` the\n *   notification banner will not be focussed when the page loads. This only\n *   applies if the component has a `role` of `alert` – in other cases the\n *   component will not be focused on page load, regardless of this option.\n */\n\n/**\n * @import { Schema } from '../../common/configuration.mjs'\n */\n","import { closestAttributeValue } from '../../common/closest-attribute-value.mjs'\nimport { ConfigurableComponent } from '../../common/configuration.mjs'\nimport { ElementError } from '../../errors/index.mjs'\nimport { I18n } from '../../i18n.mjs'\n\n/**\n * Password input component\n *\n * @preserve\n * @augments ConfigurableComponent<PasswordInputConfig>\n */\nexport class PasswordInput extends ConfigurableComponent {\n  /** @private */\n  i18n\n\n  /**\n   * @private\n   * @type {HTMLInputElement}\n   */\n  $input\n\n  /**\n   * @private\n   * @type {HTMLButtonElement}\n   */\n  $showHideButton\n\n  /** @private */\n  $screenReaderStatusMessage\n\n  /**\n   * @param {Element | null} $root - HTML element to use for password input\n   * @param {PasswordInputConfig} [config] - Password input config\n   */\n  constructor($root, config = {}) {\n    super($root, config)\n\n    const $input = this.$root.querySelector('.govuk-js-password-input-input')\n    if (!($input instanceof HTMLInputElement)) {\n      throw new ElementError({\n        component: PasswordInput,\n        element: $input,\n        expectedType: 'HTMLInputElement',\n        identifier: 'Form field (`.govuk-js-password-input-input`)'\n      })\n    }\n\n    if ($input.type !== 'password') {\n      throw new ElementError(\n        'Password input: Form field (`.govuk-js-password-input-input`) must be of type `password`.'\n      )\n    }\n\n    const $showHideButton = this.$root.querySelector(\n      '.govuk-js-password-input-toggle'\n    )\n    if (!($showHideButton instanceof HTMLButtonElement)) {\n      throw new ElementError({\n        component: PasswordInput,\n        element: $showHideButton,\n        expectedType: 'HTMLButtonElement',\n        identifier: 'Button (`.govuk-js-password-input-toggle`)'\n      })\n    }\n\n    if ($showHideButton.type !== 'button') {\n      throw new ElementError(\n        'Password input: Button (`.govuk-js-password-input-toggle`) must be of type `button`.'\n      )\n    }\n\n    this.$input = $input\n    this.$showHideButton = $showHideButton\n\n    this.i18n = new I18n(this.config.i18n, {\n      // Read the fallback if necessary rather than have it set in the defaults\n      locale: closestAttributeValue(this.$root, 'lang')\n    })\n\n    // Show the toggle button element\n    this.$showHideButton.removeAttribute('hidden')\n\n    // Create and append the status text for screen readers.\n    // This is injected between the input and button so that users get a sensible reading order if\n    // moving through the page content linearly:\n    // [password input] -> [your password is visible/hidden] -> [show/hide password]\n    const $screenReaderStatusMessage = document.createElement('div')\n    $screenReaderStatusMessage.className =\n      'govuk-password-input__sr-status govuk-visually-hidden'\n    $screenReaderStatusMessage.setAttribute('aria-live', 'polite')\n    this.$screenReaderStatusMessage = $screenReaderStatusMessage\n    this.$input.insertAdjacentElement('afterend', $screenReaderStatusMessage)\n\n    // Bind toggle button\n    this.$showHideButton.addEventListener('click', this.toggle.bind(this))\n\n    // Bind event to revert the password visibility to hidden\n    if (this.$input.form) {\n      this.$input.form.addEventListener('submit', () => this.hide())\n    }\n\n    // If the page is restored from bfcache and the password is visible, hide it again\n    window.addEventListener('pageshow', (event) => {\n      if (event.persisted && this.$input.type !== 'password') {\n        this.hide()\n      }\n    })\n\n    // Default the component to having the password hidden.\n    this.hide()\n  }\n\n  /**\n   * Toggle the visibility of the password input\n   *\n   * @private\n   * @param {MouseEvent} event - Click event\n   */\n  toggle(event) {\n    event.preventDefault()\n\n    // If on this click, the field is type=\"password\", show the value\n    if (this.$input.type === 'password') {\n      this.show()\n      return\n    }\n\n    // Otherwise, hide it\n    // Being defensive - hiding should always be the default\n    this.hide()\n  }\n\n  /**\n   * Show the password input value in plain text.\n   *\n   * @private\n   */\n  show() {\n    this.setType('text')\n  }\n\n  /**\n   * Hide the password input value.\n   *\n   * @private\n   */\n  hide() {\n    this.setType('password')\n  }\n\n  /**\n   * Set the password input type\n   *\n   * @param {'text' | 'password'} type - Input type\n   * @private\n   */\n  setType(type) {\n    if (type === this.$input.type) {\n      return\n    }\n\n    // Update input type\n    this.$input.setAttribute('type', type)\n\n    const isHidden = type === 'password'\n    const prefixButton = isHidden ? 'show' : 'hide'\n    const prefixStatus = isHidden ? 'passwordHidden' : 'passwordShown'\n\n    // Update button text\n    this.$showHideButton.innerText = this.i18n.t(`${prefixButton}Password`)\n\n    // Update button aria-label\n    this.$showHideButton.setAttribute(\n      'aria-label',\n      this.i18n.t(`${prefixButton}PasswordAriaLabel`)\n    )\n\n    // Update status change text\n    this.$screenReaderStatusMessage.innerText = this.i18n.t(\n      `${prefixStatus}Announcement`\n    )\n  }\n\n  /**\n   * Name for the component used when initialising using data-module attributes.\n   */\n  static moduleName = 'govuk-password-input'\n\n  /**\n   * Password input default config\n   *\n   * @see {@link PasswordInputConfig}\n   * @constant\n   * @default\n   * @type {PasswordInputConfig}\n   */\n  static defaults = Object.freeze({\n    i18n: {\n      showPassword: 'Show',\n      hidePassword: 'Hide',\n      showPasswordAriaLabel: 'Show password',\n      hidePasswordAriaLabel: 'Hide password',\n      passwordShownAnnouncement: 'Your password is visible',\n      passwordHiddenAnnouncement: 'Your password is hidden'\n    }\n  })\n\n  /**\n   * Password input config schema\n   *\n   * @constant\n   * @satisfies {Schema<PasswordInputConfig>}\n   */\n  static schema = Object.freeze({\n    properties: {\n      i18n: { type: 'object' }\n    }\n  })\n}\n\n/**\n * Password input config\n *\n * @typedef {object} PasswordInputConfig\n * @property {PasswordInputTranslations} [i18n=PasswordInput.defaults.i18n] - Password input translations\n */\n\n/**\n * Password input translations\n *\n * @see {@link PasswordInput.defaults.i18n}\n * @typedef {object} PasswordInputTranslations\n *\n * Messages displayed to the user indicating the state of the show/hide toggle.\n * @property {string} [showPassword] - Visible text of the button when the\n *   password is currently hidden. Plain text only.\n * @property {string} [hidePassword] - Visible text of the button when the\n *   password is currently visible. Plain text only.\n * @property {string} [showPasswordAriaLabel] - aria-label of the button when\n *   the password is currently hidden. Plain text only.\n * @property {string} [hidePasswordAriaLabel] - aria-label of the button when\n *   the password is currently visible. Plain text only.\n * @property {string} [passwordShownAnnouncement] - Screen reader\n *   announcement to make when the password has just become visible.\n *   Plain text only.\n * @property {string} [passwordHiddenAnnouncement] - Screen reader\n *   announcement to make when the password has just been hidden.\n *   Plain text only.\n */\n\n/**\n * @import { Schema } from '../../common/configuration.mjs'\n */\n","import { Component } from '../../component.mjs'\nimport { ElementError } from '../../errors/index.mjs'\n\n/**\n * Radios component\n *\n * @preserve\n */\nexport class Radios extends Component {\n  /** @private */\n  $inputs\n\n  /**\n   * Radios can be associated with a 'conditionally revealed' content block –\n   * for example, a radio for 'Phone' could reveal an additional form field for\n   * the user to enter their phone number.\n   *\n   * These associations are made using a `data-aria-controls` attribute, which\n   * is promoted to an aria-controls attribute during initialisation.\n   *\n   * We also need to restore the state of any conditional reveals on the page\n   * (for example if the user has navigated back), and set up event handlers to\n   * keep the reveal in sync with the radio state.\n   *\n   * @param {Element | null} $root - HTML element to use for radios\n   */\n  constructor($root) {\n    super($root)\n\n    const $inputs = this.$root.querySelectorAll('input[type=\"radio\"]')\n    if (!$inputs.length) {\n      throw new ElementError({\n        component: Radios,\n        identifier: 'Form inputs (`<input type=\"radio\">`)'\n      })\n    }\n\n    this.$inputs = $inputs\n\n    this.$inputs.forEach(($input) => {\n      const targetId = $input.getAttribute('data-aria-controls')\n\n      // Skip radios without data-aria-controls attributes\n      if (!targetId) {\n        return\n      }\n\n      // Throw if target conditional element does not exist.\n      if (!document.getElementById(targetId)) {\n        throw new ElementError({\n          component: Radios,\n          identifier: `Conditional reveal (\\`id=\"${targetId}\"\\`)`\n        })\n      }\n\n      // Promote the data-aria-controls attribute to a aria-controls attribute\n      // so that the relationship is exposed in the AOM\n      $input.setAttribute('aria-controls', targetId)\n      $input.removeAttribute('data-aria-controls')\n    })\n\n    // When the page is restored after navigating 'back' in some browsers the\n    // state of form controls is not restored until *after* the DOMContentLoaded\n    // event is fired, so we need to sync after the pageshow event.\n    window.addEventListener('pageshow', () => this.syncAllConditionalReveals())\n\n    // Although we've set up handlers to sync state on the pageshow event, init\n    // could be called after those events have fired, for example if they are\n    // added to the page dynamically, so sync now too.\n    this.syncAllConditionalReveals()\n\n    // Handle events\n    this.$root.addEventListener('click', (event) => this.handleClick(event))\n  }\n\n  /**\n   * Sync the conditional reveal states for all radio buttons in this component.\n   *\n   * @private\n   */\n  syncAllConditionalReveals() {\n    this.$inputs.forEach(($input) =>\n      this.syncConditionalRevealWithInputState($input)\n    )\n  }\n\n  /**\n   * Sync conditional reveal with the input state\n   *\n   * Synchronise the visibility of the conditional reveal, and its accessible\n   * state, with the input's checked state.\n   *\n   * @private\n   * @param {HTMLInputElement} $input - Radio input\n   */\n  syncConditionalRevealWithInputState($input) {\n    const targetId = $input.getAttribute('aria-controls')\n    if (!targetId) {\n      return\n    }\n\n    const $target = document.getElementById(targetId)\n    if ($target?.classList.contains('govuk-radios__conditional')) {\n      const inputIsChecked = $input.checked\n\n      $input.setAttribute('aria-expanded', inputIsChecked.toString())\n      $target.classList.toggle(\n        'govuk-radios__conditional--hidden',\n        !inputIsChecked\n      )\n    }\n  }\n\n  /**\n   * Click event handler\n   *\n   * Handle a click within the component root – if the click occurred on a radio, sync\n   * the state of the conditional reveal for all radio buttons in the same form\n   * with the same name (because checking one radio could have un-checked a\n   * radio under the root of another Radio component)\n   *\n   * @private\n   * @param {MouseEvent} event - Click event\n   */\n  handleClick(event) {\n    const $clickedInput = event.target\n\n    // Ignore clicks on things that aren't radio buttons\n    if (\n      !($clickedInput instanceof HTMLInputElement) ||\n      $clickedInput.type !== 'radio'\n    ) {\n      return\n    }\n\n    // We only need to consider radios with conditional reveals, which will have\n    // aria-controls attributes.\n    const $allInputs = document.querySelectorAll(\n      'input[type=\"radio\"][aria-controls]'\n    )\n\n    const $clickedInputForm = $clickedInput.form\n    const $clickedInputName = $clickedInput.name\n\n    $allInputs.forEach(($input) => {\n      const hasSameFormOwner = $input.form === $clickedInputForm\n      const hasSameName = $input.name === $clickedInputName\n\n      if (hasSameName && hasSameFormOwner) {\n        this.syncConditionalRevealWithInputState($input)\n      }\n    })\n  }\n\n  /**\n   * Name for the component used when initialising using data-module attributes.\n   */\n  static moduleName = 'govuk-radios'\n}\n","import { getBreakpoint } from '../../common/index.mjs'\nimport { Component } from '../../component.mjs'\nimport { ElementError } from '../../errors/index.mjs'\n\n/**\n * Service Navigation component\n *\n * @preserve\n */\nexport class ServiceNavigation extends Component {\n  /** @private */\n  $menuButton\n\n  /** @private */\n  $menu\n\n  /**\n   * Remember the open/closed state of the nav so we can maintain it when the\n   * screen is resized.\n   *\n   * @private\n   */\n  menuIsOpen = false\n\n  /**\n   * A global const for storing a matchMedia instance which we'll use to detect\n   * when a screen size change happens. We rely on it being null if the feature\n   * isn't available to initially apply hidden attributes\n   *\n   * @private\n   * @type {MediaQueryList | null}\n   */\n  mql = null\n\n  /**\n   * @param {Element | null} $root - HTML element to use for header\n   */\n  constructor($root) {\n    super($root)\n\n    const $menuButton = this.$root.querySelector(\n      '.govuk-js-service-navigation-toggle'\n    )\n\n    // Headers don't necessarily have a navigation. When they don't, the menu\n    // toggle won't be rendered by our macro (or may be omitted when writing\n    // plain HTML)\n    if (!$menuButton) {\n      return this\n    }\n\n    const menuId = $menuButton.getAttribute('aria-controls')\n    if (!menuId) {\n      throw new ElementError({\n        component: ServiceNavigation,\n        identifier:\n          'Navigation button (`<button class=\"govuk-js-service-navigation-toggle\">`) attribute (`aria-controls`)'\n      })\n    }\n\n    const $menu = document.getElementById(menuId)\n    if (!$menu) {\n      throw new ElementError({\n        component: ServiceNavigation,\n        element: $menu,\n        identifier: `Navigation (\\`<ul id=\"${menuId}\">\\`)`\n      })\n    }\n\n    this.$menu = $menu\n    this.$menuButton = $menuButton\n\n    this.setupResponsiveChecks()\n\n    this.$menuButton.addEventListener('click', () =>\n      this.handleMenuButtonClick()\n    )\n  }\n\n  /**\n   * Setup viewport resize check\n   *\n   * @private\n   */\n  setupResponsiveChecks() {\n    const breakpoint = getBreakpoint('tablet')\n\n    if (!breakpoint.value) {\n      throw new ElementError({\n        component: ServiceNavigation,\n        identifier: `CSS custom property (\\`${breakpoint.property}\\`) on pseudo-class \\`:root\\``\n      })\n    }\n\n    // Media query list for GOV.UK Frontend desktop breakpoint\n    this.mql = window.matchMedia(`(min-width: ${breakpoint.value})`)\n\n    // MediaQueryList.addEventListener isn't supported by Safari < 14 so we need\n    // to be able to fall back to the deprecated MediaQueryList.addListener\n    if ('addEventListener' in this.mql) {\n      this.mql.addEventListener('change', () => this.checkMode())\n    } else {\n      // @ts-expect-error Property 'addListener' does not exist\n      // eslint-disable-next-line @typescript-eslint/no-unsafe-call\n      this.mql.addListener(() => this.checkMode())\n    }\n\n    this.checkMode()\n  }\n\n  /**\n   * Sync menu state\n   *\n   * Uses the global variable menuIsOpen to correctly set the accessible and\n   * visual states of the menu and the menu button.\n   * Additionally will force the menu to be visible and the menu button to be\n   * hidden if the matchMedia is triggered to desktop.\n   *\n   * @private\n   */\n  checkMode() {\n    if (!this.mql || !this.$menu || !this.$menuButton) {\n      return\n    }\n\n    if (this.mql.matches) {\n      this.$menu.removeAttribute('hidden')\n      this.$menuButton.setAttribute('hidden', '')\n    } else {\n      this.$menuButton.removeAttribute('hidden')\n      this.$menuButton.setAttribute('aria-expanded', this.menuIsOpen.toString())\n\n      if (this.menuIsOpen) {\n        this.$menu.removeAttribute('hidden')\n      } else {\n        this.$menu.setAttribute('hidden', '')\n      }\n    }\n  }\n\n  /**\n   * Handle menu button click\n   *\n   * When the menu button is clicked, change the visibility of the menu and then\n   * sync the accessibility state and menu button state\n   *\n   * @private\n   */\n  handleMenuButtonClick() {\n    this.menuIsOpen = !this.menuIsOpen\n    this.checkMode()\n  }\n\n  /**\n   * Name for the component used when initialising using data-module attributes.\n   */\n  static moduleName = 'govuk-service-navigation'\n}\n","import { setFocus } from '../../common/index.mjs'\nimport { Component } from '../../component.mjs'\nimport { ElementError } from '../../errors/index.mjs'\n\n/**\n * Skip link component\n *\n * @preserve\n * @augments Component<HTMLAnchorElement>\n */\nexport class SkipLink extends Component {\n  static elementType = HTMLAnchorElement\n\n  /**\n   * @param {Element | null} $root - HTML element to use for skip link\n   * @throws {ElementError} when $root is not set or the wrong type\n   * @throws {ElementError} when $root.hash does not contain a hash\n   * @throws {ElementError} when the linked element is missing or the wrong type\n   */\n  constructor($root) {\n    super($root)\n\n    const hash = this.$root.hash\n    const href = this.$root.getAttribute('href') ?? ''\n\n    // Return early for external URLs or links to other pages\n    if (\n      this.$root.origin !== window.location.origin ||\n      this.$root.pathname !== window.location.pathname\n    ) {\n      return\n    }\n\n    const linkedElementId = hash.replace('#', '')\n\n    // Check link path matching current page\n    if (!linkedElementId) {\n      throw new ElementError(\n        `Skip link: Target link (\\`href=\"${href}\"\\`) has no hash fragment`\n      )\n    }\n\n    const $linkedElement = document.getElementById(linkedElementId)\n\n    // Check for link target element\n    if (!$linkedElement) {\n      throw new ElementError({\n        component: SkipLink,\n        element: $linkedElement,\n        identifier: `Target content (\\`id=\"${linkedElementId}\"\\`)`\n      })\n    }\n\n    /**\n     * Focus the linked element on click\n     *\n     * Adds a helper CSS class to hide native focus styles,\n     * but removes it on blur to restore native focus styles\n     */\n    this.$root.addEventListener('click', () =>\n      setFocus($linkedElement, {\n        onBeforeFocus() {\n          $linkedElement.classList.add('govuk-skip-link-focused-element')\n        },\n        onBlur() {\n          $linkedElement.classList.remove('govuk-skip-link-focused-element')\n        }\n      })\n    )\n  }\n\n  /**\n   * Name for the component used when initialising using data-module attributes.\n   */\n  static moduleName = 'govuk-skip-link'\n}\n","import { getBreakpoint } from '../../common/index.mjs'\nimport { Component } from '../../component.mjs'\nimport { ElementError } from '../../errors/index.mjs'\n\n/**\n * Tabs component\n *\n * @preserve\n */\nexport class Tabs extends Component {\n  /** @private */\n  $tabs\n\n  /** @private */\n  $tabList\n\n  /** @private */\n  $tabListItems\n\n  /** @private */\n  jsHiddenClass = 'govuk-tabs__panel--hidden'\n\n  /** @private */\n  changingHash = false\n\n  /** @private */\n  boundTabClick\n\n  /** @private */\n  boundTabKeydown\n\n  /** @private */\n  boundOnHashChange\n\n  /**\n   * @private\n   * @type {MediaQueryList | null}\n   */\n  mql = null\n\n  /**\n   * @param {Element | null} $root - HTML element to use for tabs\n   */\n  constructor($root) {\n    super($root)\n\n    const $tabs = this.$root.querySelectorAll('a.govuk-tabs__tab')\n    if (!$tabs.length) {\n      throw new ElementError({\n        component: Tabs,\n        identifier: 'Links (`<a class=\"govuk-tabs__tab\">`)'\n      })\n    }\n\n    this.$tabs = $tabs\n\n    // Save bound functions so we can remove event listeners during teardown\n    this.boundTabClick = this.onTabClick.bind(this)\n    this.boundTabKeydown = this.onTabKeydown.bind(this)\n    this.boundOnHashChange = this.onHashChange.bind(this)\n\n    const $tabList = this.$root.querySelector('.govuk-tabs__list')\n    const $tabListItems = this.$root.querySelectorAll(\n      'li.govuk-tabs__list-item'\n    )\n\n    if (!$tabList) {\n      throw new ElementError({\n        component: Tabs,\n        identifier: 'List (`<ul class=\"govuk-tabs__list\">`)'\n      })\n    }\n\n    if (!$tabListItems.length) {\n      throw new ElementError({\n        component: Tabs,\n        identifier: 'List items (`<li class=\"govuk-tabs__list-item\">`)'\n      })\n    }\n\n    this.$tabList = $tabList\n    this.$tabListItems = $tabListItems\n\n    this.setupResponsiveChecks()\n  }\n\n  /**\n   * Setup viewport resize check\n   *\n   * @private\n   */\n  setupResponsiveChecks() {\n    const breakpoint = getBreakpoint('tablet')\n\n    if (!breakpoint.value) {\n      throw new ElementError({\n        component: Tabs,\n        identifier: `CSS custom property (\\`${breakpoint.property}\\`) on pseudo-class \\`:root\\``\n      })\n    }\n\n    // Media query list for GOV.UK Frontend tablet breakpoint\n    this.mql = window.matchMedia(`(min-width: ${breakpoint.value})`)\n\n    // MediaQueryList.addEventListener isn't supported by Safari < 14 so we need\n    // to be able to fall back to the deprecated MediaQueryList.addListener\n    if ('addEventListener' in this.mql) {\n      this.mql.addEventListener('change', () => this.checkMode())\n    } else {\n      // @ts-expect-error Property 'addListener' does not exist\n      // eslint-disable-next-line @typescript-eslint/no-unsafe-call\n      this.mql.addListener(() => this.checkMode())\n    }\n\n    this.checkMode()\n  }\n\n  /**\n   * Setup or teardown handler for viewport resize check\n   *\n   * @private\n   */\n  checkMode() {\n    if (this.mql?.matches) {\n      this.setup()\n    } else {\n      this.teardown()\n    }\n  }\n\n  /**\n   * Setup tab component\n   *\n   * @private\n   */\n  setup() {\n    this.$tabList.setAttribute('role', 'tablist')\n\n    this.$tabListItems.forEach(($item) => {\n      $item.setAttribute('role', 'presentation')\n    })\n\n    this.$tabs.forEach(($tab) => {\n      // Set HTML attributes\n      this.setAttributes($tab)\n\n      // Handle events\n      $tab.addEventListener('click', this.boundTabClick, true)\n      $tab.addEventListener('keydown', this.boundTabKeydown, true)\n\n      // Remove old active panels\n      this.hideTab($tab)\n    })\n\n    // Show either the active tab according to the URL's hash or the first tab\n    const $activeTab = this.getTab(window.location.hash) ?? this.$tabs[0]\n\n    this.showTab($activeTab)\n\n    // Handle hashchange events\n    window.addEventListener('hashchange', this.boundOnHashChange, true)\n  }\n\n  /**\n   * Teardown tab component\n   *\n   * @private\n   */\n  teardown() {\n    this.$tabList.removeAttribute('role')\n\n    this.$tabListItems.forEach(($item) => {\n      $item.removeAttribute('role')\n    })\n\n    this.$tabs.forEach(($tab) => {\n      // Remove events\n      $tab.removeEventListener('click', this.boundTabClick, true)\n      $tab.removeEventListener('keydown', this.boundTabKeydown, true)\n\n      // Unset HTML attributes\n      this.unsetAttributes($tab)\n    })\n\n    // Remove hashchange event handler\n    window.removeEventListener('hashchange', this.boundOnHashChange, true)\n  }\n\n  /**\n   * Handle hashchange event\n   *\n   * @private\n   * @returns {void | undefined} Returns void, or undefined when prevented\n   */\n  onHashChange() {\n    const hash = window.location.hash\n    const $tabWithHash = this.getTab(hash)\n    if (!$tabWithHash) {\n      return\n    }\n\n    // Prevent changing the hash\n    if (this.changingHash) {\n      this.changingHash = false\n      return\n    }\n\n    // Show either the active tab according to the URL's hash or the first tab\n    const $previousTab = this.getCurrentTab()\n    if (!$previousTab) {\n      return\n    }\n\n    this.hideTab($previousTab)\n    this.showTab($tabWithHash)\n    $tabWithHash.focus()\n  }\n\n  /**\n   * Hide panel for tab link\n   *\n   * @private\n   * @param {HTMLAnchorElement} $tab - Tab link\n   */\n  hideTab($tab) {\n    this.unhighlightTab($tab)\n    this.hidePanel($tab)\n  }\n\n  /**\n   * Show panel for tab link\n   *\n   * @private\n   * @param {HTMLAnchorElement} $tab - Tab link\n   */\n  showTab($tab) {\n    this.highlightTab($tab)\n    this.showPanel($tab)\n  }\n\n  /**\n   * Get tab link by hash\n   *\n   * @private\n   * @param {string} hash - Hash fragment including #\n   * @returns {HTMLAnchorElement | null} Tab link\n   */\n  getTab(hash) {\n    return this.$root.querySelector(`a.govuk-tabs__tab[href=\"${hash}\"]`)\n  }\n\n  /**\n   * Set tab link and panel attributes\n   *\n   * @private\n   * @param {HTMLAnchorElement} $tab - Tab link\n   */\n  setAttributes($tab) {\n    const panelId = $tab.hash.replace('#', '')\n    if (!panelId) {\n      return\n    }\n\n    // Set tab attributes\n    $tab.setAttribute('id', `tab_${panelId}`)\n    $tab.setAttribute('role', 'tab')\n    $tab.setAttribute('aria-controls', panelId)\n    $tab.setAttribute('aria-selected', 'false')\n    $tab.setAttribute('tabindex', '-1')\n\n    // Set panel attributes\n    const $panel = this.getPanel($tab)\n    if (!$panel) {\n      return\n    }\n\n    $panel.setAttribute('role', 'tabpanel')\n    $panel.setAttribute('aria-labelledby', $tab.id)\n    $panel.classList.add(this.jsHiddenClass)\n  }\n\n  /**\n   * Unset tab link and panel attributes\n   *\n   * @private\n   * @param {HTMLAnchorElement} $tab - Tab link\n   */\n  unsetAttributes($tab) {\n    // unset tab attributes\n    $tab.removeAttribute('id')\n    $tab.removeAttribute('role')\n    $tab.removeAttribute('aria-controls')\n    $tab.removeAttribute('aria-selected')\n    $tab.removeAttribute('tabindex')\n\n    // unset panel attributes\n    const $panel = this.getPanel($tab)\n    if (!$panel) {\n      return\n    }\n\n    $panel.removeAttribute('role')\n    $panel.removeAttribute('aria-labelledby')\n    $panel.classList.remove(this.jsHiddenClass)\n  }\n\n  /**\n   * Handle tab link clicks\n   *\n   * @private\n   * @param {MouseEvent} event - Mouse click event\n   * @returns {void} Returns void\n   */\n  onTabClick(event) {\n    const $currentTab = this.getCurrentTab()\n    const $nextTab = event.currentTarget\n\n    if (!$currentTab || !($nextTab instanceof HTMLAnchorElement)) {\n      return\n    }\n\n    event.preventDefault()\n\n    this.hideTab($currentTab)\n    this.showTab($nextTab)\n    this.createHistoryEntry($nextTab)\n  }\n\n  /**\n   * Update browser URL hash fragment for tab\n   *\n   * - Allows back/forward to navigate tabs\n   * - Avoids page jump when hash changes\n   *\n   * @private\n   * @param {HTMLAnchorElement} $tab - Tab link\n   */\n  createHistoryEntry($tab) {\n    const $panel = this.getPanel($tab)\n    if (!$panel) {\n      return\n    }\n\n    // Save and restore the id so the page doesn't jump when a user clicks a tab\n    // (which changes the hash)\n    const panelId = $panel.id\n    $panel.id = ''\n    this.changingHash = true\n    window.location.hash = panelId\n    $panel.id = panelId\n  }\n\n  /**\n   * Handle tab keydown event\n   *\n   * - Press right arrow for next tab\n   * - Press left arrow for previous tab\n   *\n   * @private\n   * @param {KeyboardEvent} event - Keydown event\n   */\n  onTabKeydown(event) {\n    switch (event.key) {\n      // 'Left' and 'Right' required for Edge 16 support.\n      case 'ArrowLeft':\n      case 'Left':\n        this.activatePreviousTab()\n        event.preventDefault()\n        break\n      case 'ArrowRight':\n      case 'Right':\n        this.activateNextTab()\n        event.preventDefault()\n        break\n    }\n  }\n\n  /**\n   * Activate next tab\n   *\n   * @private\n   */\n  activateNextTab() {\n    const $currentTab = this.getCurrentTab()\n    if (!$currentTab?.parentElement) {\n      return\n    }\n\n    const $nextTabListItem = $currentTab.parentElement.nextElementSibling\n    if (!$nextTabListItem) {\n      return\n    }\n\n    const $nextTab = $nextTabListItem.querySelector('a.govuk-tabs__tab')\n    if (!$nextTab) {\n      return\n    }\n\n    this.hideTab($currentTab)\n    this.showTab($nextTab)\n    $nextTab.focus()\n    this.createHistoryEntry($nextTab)\n  }\n\n  /**\n   * Activate previous tab\n   *\n   * @private\n   */\n  activatePreviousTab() {\n    const $currentTab = this.getCurrentTab()\n    if (!$currentTab?.parentElement) {\n      return\n    }\n\n    const $previousTabListItem =\n      $currentTab.parentElement.previousElementSibling\n    if (!$previousTabListItem) {\n      return\n    }\n\n    const $previousTab = $previousTabListItem.querySelector('a.govuk-tabs__tab')\n    if (!$previousTab) {\n      return\n    }\n\n    this.hideTab($currentTab)\n    this.showTab($previousTab)\n    $previousTab.focus()\n    this.createHistoryEntry($previousTab)\n  }\n\n  /**\n   * Get tab panel for tab link\n   *\n   * @private\n   * @param {HTMLAnchorElement} $tab - Tab link\n   * @returns {Element | null} Tab panel\n   */\n  getPanel($tab) {\n    const panelId = $tab.hash.replace('#', '')\n    if (!panelId) {\n      return null\n    }\n\n    return this.$root.querySelector(`#${panelId}`)\n  }\n\n  /**\n   * Show tab panel for tab link\n   *\n   * @private\n   * @param {HTMLAnchorElement} $tab - Tab link\n   */\n  showPanel($tab) {\n    const $panel = this.getPanel($tab)\n    if (!$panel) {\n      return\n    }\n\n    $panel.classList.remove(this.jsHiddenClass)\n  }\n\n  /**\n   * Hide tab panel for tab link\n   *\n   * @private\n   * @param {HTMLAnchorElement} $tab - Tab link\n   */\n  hidePanel($tab) {\n    const $panel = this.getPanel($tab)\n    if (!$panel) {\n      return\n    }\n\n    $panel.classList.add(this.jsHiddenClass)\n  }\n\n  /**\n   * Unset 'selected' state for tab link\n   *\n   * @private\n   * @param {HTMLAnchorElement} $tab - Tab link\n   */\n  unhighlightTab($tab) {\n    if (!$tab.parentElement) {\n      return\n    }\n\n    $tab.setAttribute('aria-selected', 'false')\n    $tab.parentElement.classList.remove('govuk-tabs__list-item--selected')\n    $tab.setAttribute('tabindex', '-1')\n  }\n\n  /**\n   * Set 'selected' state for tab link\n   *\n   * @private\n   * @param {HTMLAnchorElement} $tab - Tab link\n   */\n  highlightTab($tab) {\n    if (!$tab.parentElement) {\n      return\n    }\n\n    $tab.setAttribute('aria-selected', 'true')\n    $tab.parentElement.classList.add('govuk-tabs__list-item--selected')\n    $tab.setAttribute('tabindex', '0')\n  }\n\n  /**\n   * Get current tab link\n   *\n   * @private\n   * @returns {HTMLAnchorElement | null} Tab link\n   */\n  getCurrentTab() {\n    return this.$root.querySelector(\n      '.govuk-tabs__list-item--selected a.govuk-tabs__tab'\n    )\n  }\n\n  /**\n   * Name for the component used when initialising using data-module attributes.\n   */\n  static moduleName = 'govuk-tabs'\n}\n","import { normaliseOptions } from './common/configuration.mjs'\nimport { isObject, isSupported } from './common/index.mjs'\nimport { Accordion } from './components/accordion/accordion.mjs'\nimport { Button } from './components/button/button.mjs'\nimport { CharacterCount } from './components/character-count/character-count.mjs'\nimport { Checkboxes } from './components/checkboxes/checkboxes.mjs'\nimport { ErrorSummary } from './components/error-summary/error-summary.mjs'\nimport { ExitThisPage } from './components/exit-this-page/exit-this-page.mjs'\nimport { FileUpload } from './components/file-upload/file-upload.mjs'\nimport { Header } from './components/header/header.mjs'\nimport { NotificationBanner } from './components/notification-banner/notification-banner.mjs'\nimport { PasswordInput } from './components/password-input/password-input.mjs'\nimport { Radios } from './components/radios/radios.mjs'\nimport { ServiceNavigation } from './components/service-navigation/service-navigation.mjs'\nimport { SkipLink } from './components/skip-link/skip-link.mjs'\nimport { Tabs } from './components/tabs/tabs.mjs'\nimport { ElementError, SupportError } from './errors/index.mjs'\n\n/**\n * Initialise all components\n *\n * Use the `data-module` attributes to find, instantiate and init all of the\n * components provided as part of GOV.UK Frontend.\n *\n * @param {Config | Element | Document | null} [scopeOrConfig] - Scope of the document to search within or config for all components (with optional scope)\n */\nfunction initAll(scopeOrConfig = {}) {\n  const config = isObject(scopeOrConfig) ? scopeOrConfig : {}\n\n  // Extract initialisation options\n  const options = normaliseOptions(scopeOrConfig)\n\n  try {\n    // Skip initialisation when GOV.UK Frontend is not supported\n    if (!isSupported()) {\n      throw new SupportError()\n    }\n\n    // Users can initialise GOV.UK Frontend in certain sections of the page\n    // unless the scope is null (for example, query selector not found)\n    if (options.scope === null) {\n      throw new ElementError({\n        element: options.scope,\n        identifier: 'GOV.UK Frontend scope element (`$scope`)'\n      })\n    }\n  } catch (error) {\n    if (options.onError) {\n      options.onError(error, {\n        config\n      })\n    } else {\n      console.log(error)\n    }\n\n    return\n  }\n\n  const components = /** @type {const} */ ([\n    [Accordion, config.accordion],\n    [Button, config.button],\n    [CharacterCount, config.characterCount],\n    [Checkboxes],\n    [ErrorSummary, config.errorSummary],\n    [ExitThisPage, config.exitThisPage],\n    [FileUpload, config.fileUpload],\n    [Header],\n    [NotificationBanner, config.notificationBanner],\n    [PasswordInput, config.passwordInput],\n    [Radios],\n    [ServiceNavigation],\n    [SkipLink],\n    [Tabs]\n  ])\n\n  components.forEach(([Component, componentConfig]) => {\n    createAll(Component, componentConfig, options)\n  })\n}\n\n/**\n * Create all instances of a specific component on the page\n *\n * Uses the `data-module` attribute to find all elements matching the specified\n * component on the page, creating instances of the component object for each\n * of them.\n *\n * Any component errors will be caught and logged to the console.\n *\n * @template {CompatibleClass} ComponentClass\n * @param {ComponentClass} Component - class of the component to create\n * @param {ComponentConfig<ComponentClass>} [config] - Config supplied to component\n * @param {OnErrorCallback<ComponentClass> | Element | Document | null | CreateAllOptions<ComponentClass>} [scopeOrOptions] - options for createAll including scope of the document to search within and callback function if error throw by component on init\n * @returns {Array<InstanceType<ComponentClass>>} - array of instantiated components\n */\nfunction createAll(Component, config, scopeOrOptions) {\n  let /** @type {NodeListOf<Element> | undefined} */ $elements\n\n  // Extract initialisation options\n  const options = normaliseOptions(scopeOrOptions)\n\n  try {\n    // Skip initialisation when GOV.UK Frontend is not supported\n    if (!isSupported()) {\n      throw new SupportError()\n    }\n\n    // Users can initialise GOV.UK Frontend in certain sections of the page\n    // unless the scope is null (for example, query selector not found)\n    if (options.scope === null) {\n      throw new ElementError({\n        element: options.scope,\n        component: Component,\n        identifier: 'Scope element (`$scope`)'\n      })\n    }\n\n    $elements = options.scope?.querySelectorAll(\n      `[data-module=\"${Component.moduleName}\"]`\n    )\n  } catch (error) {\n    if (options.onError) {\n      options.onError(error, {\n        component: Component,\n        config\n      })\n    } else {\n      console.log(error)\n    }\n\n    return []\n  }\n\n  /* eslint-disable-next-line @typescript-eslint/no-unsafe-return --\n   * We can't define CompatibleClass as `{new(): CompatibleClass, moduleName: string}`,\n   * as when doing `typeof Accordion` (or any component), TypeScript doesn't seem\n   * to acknowledge the static `moduleName` that's set in our component classes.\n   * This means we have to set the constructor of `CompatibleClass` as `{new(): any}`,\n   * leading to ESLint frowning that we're returning `any[]`.\n   */\n  return Array.from($elements ?? [])\n    .map(($element) => {\n      try {\n        // Only pass config to components that accept it\n        // eslint-disable-next-line @typescript-eslint/no-unsafe-return\n        return typeof config !== 'undefined'\n          ? new Component($element, config)\n          : new Component($element)\n      } catch (error) {\n        if (options.onError) {\n          options.onError(error, {\n            element: $element,\n            component: Component,\n            config\n          })\n        } else {\n          console.log(error)\n        }\n\n        return null\n      }\n    })\n    .filter(Boolean) // Exclude components that errored\n}\n\nexport { initAll, createAll }\n\n/* eslint-disable jsdoc/valid-types --\n * `{new(...args: any[] ): object}` is not recognised as valid\n * https://github.com/gajus/eslint-plugin-jsdoc/issues/145#issuecomment-1308722878\n * https://github.com/jsdoc-type-pratt-parser/jsdoc-type-pratt-parser/issues/131\n **/\n\n/**\n * @typedef {{new (...args: any[]): any, moduleName: string}} CompatibleClass\n */\n\n/* eslint-enable jsdoc/valid-types */\n\n/**\n * Config for all components via `initAll()`\n *\n * @typedef {object} Config\n * @property {Element | Document | null} [scope] - Scope of the document to search within\n * @property {OnErrorCallback<CompatibleClass>} [onError] - Initialisation error callback\n * @property {AccordionConfig} [accordion] - Accordion config\n * @property {ButtonConfig} [button] - Button config\n * @property {CharacterCountConfig} [characterCount] - Character Count config\n * @property {ErrorSummaryConfig} [errorSummary] - Error Summary config\n * @property {ExitThisPageConfig} [exitThisPage] - Exit This Page config\n * @property {FileUploadConfig} [fileUpload] - File Upload config\n * @property {NotificationBannerConfig} [notificationBanner] - Notification Banner config\n * @property {PasswordInputConfig} [passwordInput] - Password input config\n */\n\n/**\n * Config for individual components\n *\n * @import { AccordionConfig } from './components/accordion/accordion.mjs'\n * @import { ButtonConfig } from './components/button/button.mjs'\n * @import { CharacterCountConfig } from './components/character-count/character-count.mjs'\n * @import { ErrorSummaryConfig } from './components/error-summary/error-summary.mjs'\n * @import { ExitThisPageConfig } from './components/exit-this-page/exit-this-page.mjs'\n * @import { NotificationBannerConfig } from './components/notification-banner/notification-banner.mjs'\n * @import { PasswordInputConfig } from './components/password-input/password-input.mjs'\n * @import { FileUploadConfig } from './components/file-upload/file-upload.mjs'\n */\n\n/**\n * Component config keys, e.g. `accordion` and `characterCount`\n *\n * @typedef {keyof Omit<Config, 'scope' | 'onError'>} ConfigKey\n */\n\n/**\n * @template {CompatibleClass} ComponentClass\n * @typedef {ConstructorParameters<ComponentClass>[1]} ComponentConfig\n */\n\n/**\n * @template {CompatibleClass} ComponentClass\n * @typedef {object} ErrorContext\n * @property {Element} [element] - Element used for component module initialisation\n * @property {ComponentClass} [component] - Class of component\n * @property {Config | ComponentConfig<ComponentClass>} [config] - Config supplied to components\n */\n\n/**\n * @template {CompatibleClass} ComponentClass\n * @callback OnErrorCallback\n * @param {unknown} error - Thrown error\n * @param {ErrorContext<ComponentClass>} context - Object containing the element, component class and configuration\n */\n\n/**\n * @template {CompatibleClass} ComponentClass\n * @typedef {object} CreateAllOptions\n * @property {Element | Document | null} [scope] - scope of the document to search within\n * @property {OnErrorCallback<ComponentClass>} [onError] - callback function if error throw by component on init\n */\n"],"names":["version","getBreakpoint","name","property","value","window","getComputedStyle","document","documentElement","getPropertyValue","undefined","setFocus","$element","options","_options$onBeforeFocu","isFocusable","getAttribute","setAttribute","onFocus","addEventListener","onBlur","once","_options$onBlur","call","removeAttribute","onBeforeFocus","focus","isInitialised","$root","moduleName","HTMLElement","hasAttribute","isSupported","$scope","body","classList","contains","isArray","option","Array","isObject","isScope","Element","Document","formatErrorMessage","Component","message","GOVUKFrontendError","Error","constructor","args","SupportError","supportMessage","HTMLScriptElement","prototype","ConfigError","ElementError","messageOrOptions","component","identifier","element","expectedType","InitError","componentOrMessage","_$root","childConstructor","elementType","checkSupport","checkInitialised","configOverride","Symbol","for","ConfigurableComponent","param","config","_config","defaults","datasetConfig","normaliseDataset","dataset","mergeConfigs","normaliseString","trimmedValue","trim","output","outputType","type","includes","length","isFinite","Number","schema","out","entries","Object","properties","entry","namespace","field","toString","extractConfigByNamespace","normaliseOptions","scopeOrOptions","onError","scope","configObjects","formattedConfigObject","configObject","key","keys","override","validateConfig","validationErrors","conditions","errors","required","errorMessage","every","push","newObject","current","keyParts","split","index","I18n","translations","_config$locale","locale","lang","t","lookupKey","translation","count","translationPluralForm","getPluralSuffix","match","replacePlaceholders","translationString","formatter","Intl","NumberFormat","supportedLocalesOf","replace","placeholderWithBraces","placeholderKey","hasOwnProperty","placeholderValue","format","hasIntlPluralRulesSupport","Boolean","PluralRules","preferredForm","select","console","warn","Accordion","i18n","controlsClass","showAllClass","showAllTextClass","sectionClass","sectionExpandedClass","sectionButtonClass","sectionHeaderClass","sectionHeadingClass","sectionHeadingDividerClass","sectionHeadingTextClass","sectionHeadingTextFocusClass","sectionShowHideToggleClass","sectionShowHideToggleFocusClass","sectionShowHideTextClass","upChevronIconClass","downChevronIconClass","sectionSummaryClass","sectionSummaryFocusClass","sectionContentClass","$sections","$showAllButton","$showAllIcon","$showAllText","querySelectorAll","initControls","initSectionHeaders","updateShowAllButton","areAllSectionsOpen","createElement","add","appendChild","$accordionControls","insertBefore","firstChild","onShowOrHideAllToggle","event","onBeforeMatch","forEach","$section","i","$header","querySelector","constructHeaderMarkup","setExpanded","isExpanded","onSectionToggle","setInitialState","$span","$heading","$summary","$button","id","attr","from","attributes","$headingText","$headingTextFocus","childNodes","$child","$showHideToggle","$showHideToggleFocus","$showHideText","$showHideIcon","getButtonPunctuationEl","$summarySpan","$summarySpanFocus","remove","removeChild","$fragment","target","closest","nowExpanded","storeState","expanded","$content","newButtonText","textContent","ariaLabelParts","ariaLabelMessage","join","toggle","getIdentifier","rememberExpanded","sessionStorage","setItem","_unused","state","getItem","_unused2","$punctuationEl","freeze","hideAllSections","hideSection","hideSectionAriaLabel","showAllSections","showSection","showSectionAriaLabel","DEBOUNCE_TIMEOUT_IN_SECONDS","Button","debounceFormSubmitTimer","handleKeyDown","debounce","$target","preventDefault","click","preventDoubleClick","setTimeout","closestAttributeValue","attributeName","$closestElementWithAttribute","CharacterCount","configOverrides","maxlength","maxwords","_ref","_this$config$maxwords","$textarea","$visibleCountMessage","$screenReaderCountMessage","lastInputTimestamp","lastInputValue","valueChecker","maxLength","HTMLTextAreaElement","HTMLInputElement","Infinity","textareaDescriptionId","$textareaDescription","getElementById","$errorMessage","insertAdjacentElement","className","bindChangeEvents","updateCountMessage","handleKeyUp","handleFocus","handleBlur","updateVisibleCountMessage","Date","now","setInterval","updateIfValueChanged","clearInterval","updateScreenReaderCountMessage","remainingNumber","isError","isOverThreshold","getCountMessage","text","_text$match","tokens","countType","formatCountMessage","translationKeySuffix","Math","abs","threshold","currentLength","thresholdValue","charactersUnderLimit","one","other","charactersAtLimit","charactersOverLimit","wordsUnderLimit","wordsAtLimit","wordsOverLimit","textareaDescription","anyOf","Checkboxes","$inputs","$input","targetId","syncAllConditionalReveals","handleClick","syncConditionalRevealWithInputState","inputIsChecked","checked","unCheckAllInputsExcept","allInputsWithSameName","$inputWithSameName","hasSameFormOwner","form","unCheckExclusiveInputs","allInputsWithSameNameAndExclusiveBehaviour","$exclusiveInput","$clickedInput","hasAriaControls","hasBehaviourExclusive","ErrorSummary","disableAutoFocus","focusTarget","HTMLAnchorElement","inputId","hash","$legendOrLabel","getAssociatedLegendOrLabel","scrollIntoView","preventScroll","_document$querySelect","$fieldset","$legends","getElementsByTagName","$candidateLegend","legendTop","getBoundingClientRect","top","inputRect","height","innerHeight","inputBottom","ExitThisPage","$skiplinkButton","$updateSpan","$indicatorContainer","$overlay","keypressCounter","lastKeyWasModified","timeoutTime","keypressTimeoutId","timeoutMessageId","buildIndicator","initUpdateSpan","initButtonClickHandler","handleKeypress","bind","govukFrontendExitThisPageKeypress","resetPage","$indicator","updateIndicator","$indicators","exitPage","location","href","clearTimeout","setKeypressTimer","resetKeypressTimer","shiftKey","activated","timedOut","pressTwoMoreTimes","pressOneMoreTime","FileUpload","$status","$announcements","enteredAnotherElement","$label","findLabel","ariaDescribedBy","innerText","commaSpan","containerSpan","buttonSpan","insertAdjacentText","instructionSpan","onClick","onChange","updateDisabledState","observeDisabledState","onDrop","updateDropzoneVisibility","disabled","hideDraggingState","Node","dataTransfer","isContainingFiles","showDraggingState","files","dispatchEvent","CustomEvent","fileCount","observer","MutationObserver","mutationList","mutation","observe","chooseFilesButton","dropInstruction","noFileChosen","multipleFilesChosen","enteredDropZone","leftDropZone","hasNoTypesInfo","types","isDraggingFiles","some","Header","$menuButton","$menu","menuIsOpen","mql","menuId","setupResponsiveChecks","handleMenuButtonClick","breakpoint","matchMedia","checkMode","addListener","matches","NotificationBanner","PasswordInput","$showHideButton","$screenReaderStatusMessage","HTMLButtonElement","hide","persisted","show","setType","isHidden","prefixButton","prefixStatus","showPassword","hidePassword","showPasswordAriaLabel","hidePasswordAriaLabel","passwordShownAnnouncement","passwordHiddenAnnouncement","Radios","$allInputs","$clickedInputForm","$clickedInputName","hasSameName","ServiceNavigation","SkipLink","_this$$root$getAttrib","origin","pathname","linkedElementId","$linkedElement","Tabs","$tabs","$tabList","$tabListItems","jsHiddenClass","changingHash","boundTabClick","boundTabKeydown","boundOnHashChange","onTabClick","onTabKeydown","onHashChange","_this$mql","setup","teardown","_this$getTab","$item","$tab","setAttributes","hideTab","$activeTab","getTab","showTab","removeEventListener","unsetAttributes","$tabWithHash","$previousTab","getCurrentTab","unhighlightTab","hidePanel","highlightTab","showPanel","panelId","$panel","getPanel","$currentTab","$nextTab","currentTarget","createHistoryEntry","activatePreviousTab","activateNextTab","parentElement","$nextTabListItem","nextElementSibling","$previousTabListItem","previousElementSibling","initAll","scopeOrConfig","error","log","components","accordion","button","characterCount","errorSummary","exitThisPage","fileUpload","notificationBanner","passwordInput","componentConfig","createAll","$elements","_options$scope","map","filter"],"mappings":"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"}
\ No newline at end of file
diff --git a/node_modules/govuk-frontend/dist/govuk/all.mjs b/node_modules/govuk-frontend/dist/govuk/all.mjs
new file mode 100644
index 0000000..01ef033
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/all.mjs
@@ -0,0 +1,20 @@
+export { version } from './common/govuk-frontend-version.mjs';
+export { Accordion } from './components/accordion/accordion.mjs';
+export { Button } from './components/button/button.mjs';
+export { CharacterCount } from './components/character-count/character-count.mjs';
+export { Checkboxes } from './components/checkboxes/checkboxes.mjs';
+export { ErrorSummary } from './components/error-summary/error-summary.mjs';
+export { ExitThisPage } from './components/exit-this-page/exit-this-page.mjs';
+export { FileUpload } from './components/file-upload/file-upload.mjs';
+export { Header } from './components/header/header.mjs';
+export { NotificationBanner } from './components/notification-banner/notification-banner.mjs';
+export { PasswordInput } from './components/password-input/password-input.mjs';
+export { Radios } from './components/radios/radios.mjs';
+export { ServiceNavigation } from './components/service-navigation/service-navigation.mjs';
+export { SkipLink } from './components/skip-link/skip-link.mjs';
+export { Tabs } from './components/tabs/tabs.mjs';
+export { createAll, initAll } from './init.mjs';
+export { isSupported } from './common/index.mjs';
+export { Component } from './component.mjs';
+export { ConfigurableComponent } from './common/configuration.mjs';
+//# sourceMappingURL=all.mjs.map
diff --git a/node_modules/govuk-frontend/dist/govuk/all.mjs.map b/node_modules/govuk-frontend/dist/govuk/all.mjs.map
new file mode 100644
index 0000000..a8b636c
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/all.mjs.map
@@ -0,0 +1 @@
+{"version":3,"file":"all.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;"}
\ No newline at end of file
diff --git a/node_modules/govuk-frontend/dist/govuk/all.scss b/node_modules/govuk-frontend/dist/govuk/all.scss
new file mode 100644
index 0000000..b29cb49
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/all.scss
@@ -0,0 +1,9 @@
+@import "index";
+
+@include _warning(
+  "import-using-all",
+  "Importing using 'govuk/all' is deprecated. Update your import statement to import 'govuk/index'.",
+  $silence-further-warnings: false
+);
+
+/*# sourceMappingURL=all.scss.map */
diff --git a/node_modules/govuk-frontend/dist/govuk/all.scss.map b/node_modules/govuk-frontend/dist/govuk/all.scss.map
new file mode 100644
index 0000000..2e34dc5
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/all.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/govuk/all.scss"],"names":[],"mappings":"AAAA,eAAe;;AAEf;;;;CAIC","file":"all.scss","sourcesContent":["@import \"index\";\n\n@include _warning(\n  \"import-using-all\",\n  \"Importing using 'govuk/all' is deprecated. Update your import statement to import 'govuk/index'.\",\n  $silence-further-warnings: false\n);\n"]}
diff --git a/node_modules/govuk-frontend/dist/govuk/assets/fonts/bold-affa96571d-v2.woff b/node_modules/govuk-frontend/dist/govuk/assets/fonts/bold-affa96571d-v2.woff
new file mode 100755
index 0000000..48fbcf5
Binary files /dev/null and b/node_modules/govuk-frontend/dist/govuk/assets/fonts/bold-affa96571d-v2.woff differ
diff --git a/node_modules/govuk-frontend/dist/govuk/assets/fonts/bold-b542beb274-v2.woff2 b/node_modules/govuk-frontend/dist/govuk/assets/fonts/bold-b542beb274-v2.woff2
new file mode 100755
index 0000000..81fd149
Binary files /dev/null and b/node_modules/govuk-frontend/dist/govuk/assets/fonts/bold-b542beb274-v2.woff2 differ
diff --git a/node_modules/govuk-frontend/dist/govuk/assets/fonts/light-94a07e06a1-v2.woff2 b/node_modules/govuk-frontend/dist/govuk/assets/fonts/light-94a07e06a1-v2.woff2
new file mode 100755
index 0000000..1eb1015
Binary files /dev/null and b/node_modules/govuk-frontend/dist/govuk/assets/fonts/light-94a07e06a1-v2.woff2 differ
diff --git a/node_modules/govuk-frontend/dist/govuk/assets/fonts/light-f591b13f7d-v2.woff b/node_modules/govuk-frontend/dist/govuk/assets/fonts/light-f591b13f7d-v2.woff
new file mode 100755
index 0000000..3b26d5f
Binary files /dev/null and b/node_modules/govuk-frontend/dist/govuk/assets/fonts/light-f591b13f7d-v2.woff differ
diff --git a/node_modules/govuk-frontend/dist/govuk/assets/images/favicon.ico b/node_modules/govuk-frontend/dist/govuk/assets/images/favicon.ico
new file mode 100644
index 0000000..20129a0
Binary files /dev/null and b/node_modules/govuk-frontend/dist/govuk/assets/images/favicon.ico differ
diff --git a/node_modules/govuk-frontend/dist/govuk/assets/images/favicon.svg b/node_modules/govuk-frontend/dist/govuk/assets/images/favicon.svg
new file mode 100644
index 0000000..67d7ef9
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/assets/images/favicon.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path fill="#0b0c0c" d="M0 0h32v32H0z"/><path fill="#fff" d="m16.88 7.87 2.11 1.1V5.86l-2.11.67c-.06-.08-.13-.15-.2-.21s.85-2.68.85-2.68h-3.04l.85 2.67c-.08.07-.15.14-.2.21s-2.11-.66-2.11-.66v3.11l2.11-1.11c.06.09.14.16.22.22l-1.21 3.66v.01c0 .01 0 0 0 0-.06.18-.09.38-.09.58 0 .99.73 1.81 1.68 1.95h.04c.08.01.16.02.25.02.08 0 .17 0 .25-.02h.04c.95-.14 1.68-.96 1.68-1.95 0-.2-.03-.39-.09-.58s0 0 0-.01L16.7 8.08c.08-.06.16-.13.22-.22M9.16 12.3a1.75 1.75 0 1 0 1.52-3.15c-.86-.41-1.91-.04-2.33.83s-.05 1.91.81 2.32M4.82 15.87c.9.37 1.92-.05 2.29-.94s-.05-1.92-.95-2.29c-.88-.36-1.91.07-2.28.96s.06 1.91.94 2.27M22.86 12.3a1.75 1.75 0 1 1-1.52-3.15c.86-.41 1.91-.04 2.33.83s.05 1.91-.81 2.32M27.18 15.84c-.9.37-1.92-.05-2.29-.94s.05-1.92.95-2.29c.88-.36 1.91.07 2.28.96s-.06 1.91-.94 2.27M16 25.68c3.59 0 6.99.24 10.02.68.86-3.61 1.91-5.68 2.99-7.16l-2.03-.72c.2 1.03.23 1.51 0 2.18-.34-.33-.65-.93-.9-1.85l-.99 3.28c.6-.41 1.06-.68 1.59-.69-.94 2.02-2.11 2.54-2.87 2.4-.93-.17-1.35-1-1.21-1.7.21-.99 1.23-1.25 1.71-.1.91-1.86-.63-2.44-1.63-1.89 1.53-1.52 1.7-2.88.47-4.52-1.72 1.31-1.74 2.61-.97 4.44-1-1.15-2.56-.53-2 1.32.72-1.12 1.68-.42 1.53.65-.13.93-1.35 1.68-2.87 1.54-2.18-.2-2.31-1.71-2.37-2.95.54-.1 1.5.4 2.33 1.56l.3-3.48c-.9.93-1.71 1.11-2.62 1.14.3-.94 1.69-2.48 1.69-2.48h-4.34s1.38 1.54 1.69 2.48c-.91-.03-1.72-.21-2.62-1.14l.3 3.48c.82-1.16 1.79-1.66 2.33-1.56-.05 1.25-.18 2.75-2.37 2.95-1.52.13-2.75-.62-2.87-1.54-.15-1.06.81-1.77 1.53-.65.56-1.85-1-2.47-2-1.32.77-1.83.75-3.13-.97-4.44-1.23 1.64-1.06 2.99.47 4.52-.99-.55-2.54.03-1.63 1.89.48-1.16 1.5-.9 1.71.1.14.7-.28 1.53-1.21 1.7-.76.14-1.93-.38-2.87-2.4.53.01.99.28 1.59.69l-.99-3.28c-.25.92-.57 1.52-.9 1.85-.23-.66-.19-1.14 0-2.18l-2.03.72c1.08 1.47 2.13 3.54 2.99 7.16 3.03-.43 6.42-.68 10.01-.68"/></svg>
diff --git a/node_modules/govuk-frontend/dist/govuk/assets/images/govuk-crest.svg b/node_modules/govuk-frontend/dist/govuk/assets/images/govuk-crest.svg
new file mode 100644
index 0000000..71f7dff
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/assets/images/govuk-crest.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="125" height="102"><path d="m108.76 55.62-.27-.03-.74-1.97c.35-.44.53-1.14 0-1.49-.72-.28-2.74-2.56-3.34-1.08-.26.09-1.86.18-1.98.47a17.72 17.72 0 0 1-1.9-3.9c.31-1.64 4.72-3.7 4.72-3.7s-1.25-1.78-1.75-2.79c-.22.5-.42.29-.9.5 2.44-4.3 2.96-9.97-.28-14.04-.33-.7-.18-1.63-.5-2.33-.56-.73-.95-2.18-1.95-2.33 0 1.28-.13 2.53.5 3.72.66.82-.92 1.53-1.4.87.93-.1 1.1-.29.77-.82-4.05-.9-6.3 1.92-10.17 2.36-.34 0-.64.12-.83.42-2.38 3.17 2.96 1.01 3.42 3.11-.89.73-1.01.25-1.85.04-1.2.05-2.36.42-.86 1.42-.92 1.43-.87 1.93-2.74 2.05.81 1.13.64 2.76.85 4.04-1.33.24-2.23.87-2.26 2.28-.6.13-1.24-.18-1.66.46-.84-.69-1.8-.81-2.8-.83-.48-.36-1.66-1.2-2.93-1.84l.71-2.62 2.06-1.3-1.08-2.15c2.39-8.11 3.16-8.57 4.37-8.74l.06-.23-4.4-1.4-.08.3c1.1.8 1.47 2.12.96 3.68-1.17-.5-1.84-1.61-1.72-2.6l-.29-.08-1.47 4.85.23.07c.58-.83 1.6-1.3 2.76-1.1-1.36 4.29-7.5 2.95-6.4-.7.78-1.5 2.27-.54 1.55 1.04 3.45-1.2 1.41-6.1-1.53-3.17.97-1.98 1.52-3.53.3-5.44-1.59 1.01-2 2.84-1.69 5.27-1.94-4.4-5.33.13-2.58 2.43-.5-3.27 3.58-1.11.82 1.52-2.63 1.84-5.86-.27-5.95-3.52 1.52.13 2.67 1.02 2.83 2.14h.28l.19-5.54-.35-.01c-.23 1.12-1.47 2.07-3.02 2.1.1-1.7 1.1-3.04 2.37-3.26v-.31h-6.46v.31c1.28.22 2.27 1.55 2.38 3.26-1.56-.03-2.8-.98-3.03-2.1l-.34.01.18 5.55.28-.01c.16-1.12 1.32-2.01 2.83-2.14-.09 3.24-3.32 5.36-5.95 3.52-2.75-2.63 1.32-4.79.82-1.52 2.76-2.3-.64-6.83-2.58-2.43.3-2.43-.1-4.26-1.69-5.27-1.22 1.91-.67 3.46.3 5.44-2.94-2.93-4.97 1.98-1.53 3.17-.71-1.58.77-2.54 1.55-1.04 1.1 3.65-5.04 4.99-6.4.7 1.17-.2 2.18.27 2.76 1.1l.24-.07-1.48-4.85-.3.08c.14.99-.53 2.1-1.71 2.6-.5-1.56-.15-2.89.97-3.69l-.08-.28-4.41 1.4.06.22c1.21.17 1.98.63 4.37 8.74l-1.08 2.15 2.06 1.3.65 2.37.02-.01c0 .03-.01.04-.02.01-5.94 2.75-4.59 4.61-9.15 4.08-.41.93-.8 1.86-1.72 2.5a6.64 6.64 0 0 0-1.67-3.56c-.42-.49-1 .05-1.63.1-1.24 2.67-2.1.26-4.28 1.65.09 1.25.28 2.49.97 3.64a7.83 7.83 0 0 1-4.04-1.3c-4.85 5.36-9.92 10.51-14.07 16.42-2.21 2.9-8.14 1.2-6.58-2.79.72-2.91 4.97-2.29 4.7.6 2.1-2.31.76-4.61-2.46-4.1 2.95-1.26 4.72 1.13 7.38-2.15-2.03.04-3.75-.6-5.78-.13 2.57-1.52 6.09.74 8.27-3.45-1.9.2-3.63.99-5.6 1.28 11.84-11.18.45-11.73 1.9-16.56-.93.78-1.46 1.56-1.03 2.6-2.66-1.1-6.59-.77-7.66-3.96-.26 4.54 1.75 4.22 5.22 5.15-1.6-.19-3.18-.2-4.68-.75.31 2.04 1.87 2.47 3.71 2.28-1.8.98-1.39 3.52.44 4.39-1.17-6.57 8.78-4.32 4.24 1.72-2.11 3.1-5.16 5.42-7.72 8.13-.49-.83-1-1.66-2.11-1.54 1.95 2.23-.25 4.66-.77 6.96-.75 2.84 1.79 5.26 4.5 5.6-1.08 1.27-1.16 2.4-.33 3.44.82-4.18 6.94-3.24 7.52-7.76.1-.53.36-.95.96-1.19-2.76 3.09 3.87 9.62-2.36 10.38-.89.03-1.1.95-.62 1.61-2.57-.13-3.28.84-3.67 3.25l3.25-.84c-1.12 2.9-3.66-.17-3.24 5 1.04-.49 2.02-1.01 2.97-1.6.92 2.9-4.67 1.65-.47 6.28a8.57 8.57 0 0 1 1.95-3.03c-.51 1.46-.4 3.15 1.26 3.8l.22-1.07h.13c.24.96.28 2.3 1.22 2.86.31.12.48.3.59.62.17.54.67.68 1.16.74.62.13.78-.56 1.23-.84.13.76 1.04.89 1.5 1.54.33-3.77-4.72-2.4-3.56-4.9.45 1.52 1.88 1.2 2.88 1.81.4.63 1.34 1.16 1.82.28l1.31.97c-.98-4.47-3.33-1.7-4.8-4.05 1.02.04 2.12 1.55 3.23.52.6.61 1.06 1.32 1.51 2.04a3.29 3.29 0 0 0-1.5-3.32c-1.28-.77-3.02.6-4.12-.95-1.5-1.83-1.45-4.4-.67-6.52.71-1.63 2.7-2.24 3.63-3.78-.26 1.36-.13 3.73 1.43 4.17-.38-2.53 1.44-4.81 1.81-7.26.48-.62.5-1.1.07-1.77-.78-1.26-.99-2.77-1.84-4.01-1.33-1.85-2.97-1.9-.26-3.84-1.64 2.53-.3 1.6 1.12 3.99.26-.8 1.47-1.85-.04-1.85-2.39-1.16 3.1-4.18 4.35-4.25 1.23-.1 2.94.04 3.87-1.16C32.56 55 32 54.83 33 53.7c-.67-.39-1.26-.85-1.38-1.71l-1.85.63c.6-.67 2.37-2.03 2.56-.52.04.84.89 1 1.55 1.2-.48.7-1.28 1.4-.55 2.2.5.54.82 1.54 1.61 1.67l.63-2.31c1.74 1.8-1.75 2.8 3.03 4.43a9.56 9.56 0 0 1-.2-2.93c2.3 1.9-1 3.1 4.3 3.72-.58-.7-.72-1.46-.94-2.24.89.15 1.6.98 2.17 1.61.55.83.95 1.28 2.2.47.06.15.07.34.18.43.56.42.33.93.32 1.49h.15c.74-.74.8-1.58.56-2.5-.5-1.74-2.65-.36-3.4-2.13 1 .68 2.02 1.08 3.13.5.62.59.88 1.01 1.18 1.83.5-1.87-.08-3.78-2.07-3.22-.62.22-.88.17-1.5-.37.92.32 1.54-.15 2.13-.57.13.17.2.35.29.36.56.03.92.36 1.27.77.19-1.6-1.42-2.9-3.04-2.49-.4 1.97-2.07.86-3.4.6-2.04-1.2-3.12-3.47-4.93-4.95a3.6 3.6 0 0 0-3.9-3.83c2-.87 4.39.84 4.54 2.91.08.85.6 1.39 1.14 2.02 6.79-13.5 28.69-17.04 41.26-8.47 1.07.98 2.23 1.77 3.34 2.8.44-1.3.18-2.83 2.12-2.05l.37-.24a1.84 1.84 0 0 1 1.58-2.4v.84c-.5.09-.9.57-.82 1.1.39-.09.74.42.53.75a1 1 0 0 0 1.16-.18l.96.08c-.44 1.04-1.97 1.4-2.84.63.17.23-.58 2.53-.6 2.8a.73.73 0 0 1-.75.54l.38.61c.55-.3 1.32-.28 1.25-1.05.1-.44-.18-2.46.45-2.28.25.77-.23 1.65.34 2.4 1.82-.44 1.02-2.06 3.22-2.48.88-.08 2.72-.5 3.19.36-1.92-.5-4.4.02-4.83 2.19-2 .46-3.68 1.88-5.8 1.88-1.7.09-2.15 2.1-2.22 3.48-.29 1.58-.37 3.22-1.08 4.69-.35.56-.06 1.2.13 1.72.65.34 1.11 2.56 1.2 3.36 0 1.45 2.51 1.93 3.54 2.84.28-1.82-3.2-1.3-2.71-3.85.62 1.69 1.97 2.03 3.45 2.86-.46-1.7-.6-4.53-3-4.18-.93-1.27.42-1.34-.01-2.86.69.21 1.01.45 1.2.87l-.7-.22c.08 1.08 1.02 1.33 1.75 2.07-.12-1.76-.28-2.87-1.94-3.73-.94-.85.14-2.81.08-3.99-.03-.34 2.22-1.45 2.56-1.35 1.67.21 3.41-.05 5.02.36 1.61.5.23-2.95 2.83-1.13-1.88-.55-.74 1.48-2.1 1.59-.94 0-1.75-.08-2.74-.12 3.42 7.52 10.99 5.32 13.07 12.03 1.74-1.52.56-1.5.07-3.09 3.94 2.6-3.66 5.6-.8 10.16-.19-.52 1.6-2.65 1.8-3.08.32-.48.88-.5 1.23-.16l.57-1.17c-1.06-.57.86-3.03 1-3.73.2-.42.65-.62 1-.45l.53-1.46c-1-.27-.25-2.67-.33-3.34-1.4-1.26-2.56-2.84-3.65-4.3l.67-.1c-.07.32.05.68.33.87.48.19 2.33 1.96 2.91 1.54l.3.78c-.47.12-.55.77-.56 1.21.25.2.52.4.76.62.03-.16.01-.87.15-.98.22.29.62.3.87.06.22.12-.06 1.67-.03 1.87.27.3.53.6.77.9-.1-.7.78-3.43-.44-3.57ZM88.93 30.25l.76-.08c-.5-.35-.02-.84.4-.5.98.76-1 2-1.16.58Zm-39.44 7.11-2.07-1.3 1.1-2.2 2.98 1.06-2 2.44Zm6.78-1.7c-3.25.66-3.93-2.88-.67-3.47 3.24-.65 3.93 2.89.67 3.47Zm7.34-.27-3.2-2.24 3.2-2.23 3.2 2.23-3.2 2.24Zm10.19-.99c-.38 2.27-5.5 1.29-5.01-.95.38-2.26 5.5-1.29 5 .95Zm1.92.52 3-1.05 1.09 2.18-2.08 1.31-2.01-2.44Zm24.64-10.39c.6.65.85 1.35.85 2.14-.57-.19-.81-.8-.85-2.14Zm-2.69 4.2c-.79.53-1.5 1.32-2.3.25l-.54.1c1.2-1.83 1.1-1.51 2.84-.36Zm-6.61 6.64c.53.19 1.03.46 1.56-.06-.51 0-.67-.36-.81-.7-.25-1.73 2.6-1.12 3.66-1 2.68 1.62 7.23.6 5.65-3.24 1.24.75.81 2.86-.13 3.68-2.47 1.32-4.82.32-7.29 2.92-.37-1.19-1.8-1.12-2.3.18l-1.05.05c-.08-.68.49-1.18.71-1.83Zm9.33 11.35-.33.42c-2.06-2.32-9-4.99-12-4.56l.05-.53-.02.02 1.14-.72-.98-.8c.01-.11-.62-4.02-.62-4.02l1.72-.05s-.61.7-.64 1.27c.1.07.18.17.24.29.34-.15.71-.86.71-.86l.16 2.32s-.47-.67-.82-.79a.56.56 0 0 1-.13.23c.5 1.53 2.76 1.62 2.77.3-.08-.67-.84-.56-.8.16-1.24-.98.44-2.53 1.12-.97-.08-.9 0-1.41.7-1.85.47.58.4 1.13-.1 2 1.52-1.4 2.1.98.67 1.33.7-1.25-1.31-.86-.57.45.67 1.02 2.3.87 2.88-.24a.62.62 0 0 1-.08-.21c-.58-.1-1.43.37-1.43.37l.8-2.13s.33.91.8 1.2c.1-.08.2-.14.32-.17.09-.56-.48-1.44-.48-1.44l2.64 1.01s-1.05.26-1.38.73c.06.1.1.21.11.33.55.1 1.44-.34 1.44-.34l-.94 2.07s-.28-.9-.77-1.2a.68.68 0 0 1-.21.1 1.64 1.64 0 0 0 1.92 2.07c1.46-.44.3-2.08-.1-.7-.78-1.21 1.34-2.54 1.44-.52.26-.97.6-1.41 1.36-1.53.2.79-.1 1.21-.82 1.8 1.64-.67 1.71 1.57.13 1.45.55-.5.07-1.08-.47-.63-.94.97.82 2.37 2.2 1.67 0-.08.03-.17.07-.25-.35-.23-1.16-.26-1.16-.26l1.7-1.24s-.21.75-.05 1.15c.13-.02.25 0 .37.04.37-.37.39-1.34.39-1.34l1.26 1.56s-3.17 1.45-3.73 1.87l-.88-.1.43 1.24h-.03Zm6.83 6.38c-.4-.03-.73.31-.6.74a.25.25 0 0 1-.11-.04l-1.86-1.26a.3.3 0 0 1-.09-.38c.35-.01.73-.2.68-.61.14.18 2.14 1.23 1.98 1.55Z"/><path d="M84.8 44.17c-.14-.17-.17-.4-.05-.59-.22-.04-.6 2.03-.67 2.15.15.14.28.28.4.43.2.05.53.16.6-.12l.48-1.83c-.22.2-.58.22-.75-.04ZM56.86 95.9c-5.24-2.05-9.06 2.98-4.78 3.83-4.7.2-3.79-6.35-5.73-5.96 1.7 1.81 1.7 5.2 3.27 6.13 3.16 1.33 6.44 1.54 9.83 1.39-1.7-1.5-2.12-3.39-2.59-5.39ZM72.9 99.66c4.27-.84.48-5.89-4.78-3.83-.47 2-.88 3.9-2.59 5.39 3.39.16 6.67-.06 9.83-1.4 1.57-.93 1.57-4.3 3.27-6.12-1.94-.4-1.03 6.16-5.73 5.96ZM107.3 59.02c0 .1.04.2.1.26.24-.2.62-.12.79.12.27-.08.18-.92.24-1.12-.31-.33-.64-.65-.98-.94l-.14 1.68ZM106 65.25c.02-.24 1.34-2.4 1-2.59a.58.58 0 0 1-.62-.3c-.32-.14-1.16 2.22-1.3 2.37.41-.26.95.17.8.65a.3.3 0 0 0 .11-.13Z"/><path d="M121 55.27c-1.1.33-1.55 1.24-1.96 2.26-2.76-4.26-8.01-7.2-8.81-12.41.61-4.17 6.2-3.22 5.06 1.13 2.9-1.54 1.5-4.4-1.23-4.91 2.97.23 4.58 2.7 6.6-1.41-1.74.63-4.41.18-5.33.05 3.69-.5 5.7-.47 5.58-5-1.25 2.72-4.73 2.77-7.26 3.65.16-1.2-.22-1.95-1.2-2.34 1 6.63-11.7 4.47 2.25 18.77-1.7-.94-3.7-.62-5.36-1.66 1.3 3.44 3.48 2.84 6.33 4.04-3.06-.01-4.01 2.94-1.75 4.36-.59-2.28 2.58-3.85 4.17-2.07 3.62 4.6-3 11-8.89-.54.05.64-.4 1.21-1.03 1.02l-.66 1.82c1.34.5-.72 3.07-.87 3.81-.23.5-.75.64-1.14.37l-.65 1.34c.81.74-1.38 2.83-1.63 3.49-.25.37-.7.5-1.03.3l-.23.48.08.1c1.49 1.74 2.17 3.08 1.77 4.93 1.2-1.02 1.75-3.86.78-5.4 1.1 1.12 2.67 1.93 3.3 3.37a7.94 7.94 0 0 1-1.65 7.28c-.76.75-.56 1.15-.66 2.08-.5 1.48-2.28 1.6-2.96 2.85-.47 1.1-1.25 2-1.59 3.14 2.03-.31 1.68-3.1 3.6-3.68-.78 1.18-1.53 2.24-2.06 3.6 1.6-.41 4.61-.84 4.1-3.07-.37-1.03.64-1.71.59-2.7 1.26-.44.97-.95 1.58-1.93.28.6.29 1.1.26 1.74l-.37-.76c-.9 1.2-.15 2.38-.27 3.67 4.41-3.92-1.45-3.89 3.13-12.56 1.05-1.73-3-1.54-3.3-5.44-.28-1.69 1.22-3.07 1.53-4.68 1.77 3.1 7.93 3 7.1 6.97 1.23-.93 1.18-2.62.69-3.9 6.36-2.26 1.34-8.05 3.39-12.16Z"/><path d="M102.07 70.19c.14.06.26.16.31.3a.3.3 0 0 0 .29-.13c.05-.15 1.62-2.19 1.44-2.33-.17-.05-.33-.17-.39-.35-.15-.14-.36-.21-.51 0-.06.26-1.8 2.22-1.36 2.46.08 0 .15.02.22.05ZM101.15 70.6l.08.13.02-.06-.1-.08ZM39.6 79.41c.64.12 1.34.24 1.96-.04l-2.89-4.86c-1.7 2.08-4.67.81-6.54-.47-1.51-1.1 1.76-2.83.71-6.52 1.46 2.33-1.2 4.34 2.9 5.65-1.18-1.74-1.02-4-1.46-5.99-.06-.34-.23-.68.05-1.03.14-.48.17-1.12-.48-1.2-4.58-2.6-3.66-1.33-8.11-1.93-1.1 1.9 1.23 3.61.86 5.48-.33.92 1.08.88 1.06 1.77.31 1.4.16 3.34-1.45 3.88-.8.48-.16 1.49.54 1.72-1.42 2.53-.33 2.94 1.84 4.2.01-.97.03-1.83.44-2.66 3 1.97-1.47 2.3 4.46 4.68-.6-.98-.58-2.05-.67-3.03l1.66.38c.65 2.72 2.13 2.96 4.75 2.72-.94-.92-1.2-2.12-1.88-3.08.79.27 1.57-.27 2.25.33ZM93.03 64.27c-.8.13-1 .47-.84 1.26-.91 1.93-.93 4.28-2.48 5.91 3.33-.93 2.6-2.17 3.4-4.67-.17 3.39.01 3.34 1.25 5.67-2.56 1.78-6.75.28-8.15 3.74.39.45.9 0 1.41.12-.33.4-.47.87-1 1.22l.26-.75c-.96-.32-1.75 1.85-2.47 2.55 6.85-1.36-.82-3.35 12.67-4.9 2.38-1.12-2.25-2.86 2.43-5.8.41-1.6.66-3.25 1.55-4.7.2-.47-.13-1.14-.56-1.47-2.06 1.43-3.03-.88-7.47 1.82ZM23.91 36.42l.1-1.36-1.52-.26a2.1 2.1 0 0 1 1.98-.34c-.52 2.18.41 3.72 2.78 3.85.72-1.07 1.36-1.23 2.07-.48-3.12-.32-.8 2.94.79 1.84.42-.6 1.77-1.14 1.38-2-2.48-1.78-2.3.86-2.77-3.56l-.31-.03c-.23.84-1.07 1.5-1.75.7-.24-.27-.44-.51-.83-.58 1.7-1.34 3.71.6 3.59-2.55 1.89 2.34 2.05-.26 3.92-.3-.09 1.86-.47 1.71-2.09 1.6.53.4 2.54 2.4 1.37 2.58-.49-1.24-1.31-2.45-2.7-2.7-1.13 1.11-.58 2.36-.4 3.64 1-.34 1.85-.98 2.9-.9.36 1.03-1.3 1.6-.36 2.6 1.61.27 3.36.28 2.85-1.98-.53-.31-1.05-.52-1.6.05.03-.88.9-1.03 1.58-.86 1.48-1.57.99-3.64-.61-4.9.42-.61.87-1.04 1.63-1.19-.25.53-.8.73-.92 1.21L36 31.73c.86-.37 1.08-1.7.48-3.06-1.06.27-2.92 1.14-2.92 1.14-.9-.34-.52.1-.39.54-2.9.52-5.76 1.28-8.07 3.19-.41.3-.6.12-.74-.46-.27-.42-.4.3-.44.48 0 0-1.75.42-2.5 1.06.53.88 1.29 2.26 2.5 1.8Z"/><path d="M35.32 35.55c.27 1.3-.1 2.39-.96 3.41 1.29 2.3 3.48 4.03 4.45 6.5 2.16-3.99-.15-5.33-3.12-7.52 1.9.68 3.83 1.33 4.89 3.12.22-3.42-1.31-5.13-4.67-5.66l.03-.14c1.4-.07 2.8-.06 4.1.78-.34-1.06-1.21-2.63-2.48-2.5.45-.94.45-1.56-.01-2.13-.22.66-.64 1.07-1.33 1.1a4.09 4.09 0 0 1-.9 3.04ZM24.64 43.35c.4.96.99 2.07 1.97 2.47-.5-1.89.78-3.53 1.38-5.24.01 3.94-2.24 6.07 3.2 7.51-1.45-2.31-.49-5.12-1.4-7.5-.88-.5-1.87-.62-2.46-1.35-.16-.34-.46-.47-.78-.53-1.02-.22-1.97-.56-2.48-1.4-.75.23-1.2.2-1.89-.08-.06.84.66 1.68 1.61 1.36-.76 1.1-.34 2.09-.06 3.22a5.64 5.64 0 0 1 2.32-2.39c-.72 1.21-2 2.43-1.41 3.94ZM46.52 83.51c.74-.68-.26-1.07-.65-1.6-6.58-6.05-9.03-13.92-8.45-22.67l-.69-.34a27.66 27.66 0 0 0 9.8 24.61ZM105.23 33.13c-.62 1.19 1.19 1.68 1.2 2.81l-1.33-1.05c-.57 2.2 2.06 2.92 2.87 4.66 1.06-3.22.49-5.18-2.73-6.42ZM32.99 42.63c-1.75.1-1.5-2.07-2-3.28l-.86.97 1.1 3.69.8-.56c1.2.85 2.32.27 2.72-1.06.36.09.69.24.95-.02l-1.68-3.43c-.35.07-.68-.42-1.1-.03.4 1.07 1.84 3.22.07 3.72ZM104.9 27.73l-.03.14-1.67-.09c.62 1.95 2.9 1.01 4.35 1.9-.83-1.57-1.43-3.1-3.35-3.4.2-.92-.05-1.8-.63-2.15 0 .82-.33 1.41-1.09 1.72-.37 1.62 1.34 1.54 2.42 1.88ZM104.4 38.96l-.13.02c-.4 1.73.81 3.24 1.57 4.7 1.31-2.3 1.26-4.93-.84-6.76-.64 1.22.25 2.4.57 3.56l-.13.05-1.04-1.57ZM103.92 29.24c.75 1.77 1.95 1.35 2.73 2.5-.66-.2-1.23-.4-1.8-.58-.03 1.89 2.36 2.08 3.69 2.8-.22-3.04-1.71-4.2-4.62-4.72ZM97.01 26.05c.82 0 2 .52 2.68.05.01-2.57-3.16-2.23-4.96-2.29.54.97 1.22 1.92 2.28 2.24ZM88 62.7l-2.05-.15.07.91c.41.1.76.2 1.14.28.11 2.12-1.07 2.16-2.66 1.27-.48 2.69 3.9 2.42 3.5-2.3ZM86.49 54.14c-2.42 2.92-2.44 3.35 1.24 4.6l-.08-.8a7.35 7.35 0 0 1-2.07-.9l1.34-1.64-.43-1.26ZM75.24 43.48l1.11-.09c.39-1.43-.43-1.58-1.42-2.35-.4 1.18-1.45 1.76-2.05 2.76a2.5 2.5 0 0 0 2.08-1.12l.28.8ZM80.8 49.96c.34-.94 2.16-3.26 1.18-3.99-.45.27-1.4.16-1.3.86-.02 1.03-.01 2.06-.01 3.09l.12.04ZM98.87 23.63l.11-.16c-1.02-1.44-1.46-1.73-3.26-1.74.03 1.74 1.86 1.75 3.15 1.9ZM94.26 19.3c-.07 1.24.98 1.95 2.7 1.86-.44-1.25-1.34-1.92-2.7-1.85ZM90.2 32.13c-1.4-.65-2.55.17-3.97-.13.4 1.94 2.74.53 3.98.13ZM92.9 17.34c.36 1.24.85 1.5 2.14 1.33-.41-1.02-1.08-1.43-2.15-1.33ZM93.59 16.7c-.5-1.06-.76-1.2-1.82-1.09.44 1.05 1.07 1.44 1.82 1.09ZM87.13 51.13l1 1.69c1.3 0 .2-1.07-.1-1.53-.17-.18-.54-.18-.81-.27l-.09.11ZM83.4 52.62c.66-.38 1.34-.67 1.94-1.14l-.4-.56c-.57.55-1.9.73-1.55 1.7ZM92.01 14.98c.19-.67-.78-1.57-1.47-1.3.09.75.88 1.4 1.47 1.3ZM77.16 52.33ZM26.88 26.49c.36-.34-.19-.88-.53-.54-.36.33.18.88.53.54ZM27.35 27.47c.36-.33-.18-.88-.53-.54-.36.34.18.88.53.54Z"/><path d="m24.87 23.04-.86.06.45 1.12.6-.7.12.05.08 1.49c.16 1.3 2.16.5 1.36-.55l-.96-1.13a.43.43 0 0 0 .05-.11l.92.1-.45-1.12-.66.54a.5.5 0 0 0-.11-.05l-.08-1.07-1.1.43.69.83a.48.48 0 0 0-.05.11ZM22.42 28.86c.55.01.56-.85.01-.85-.55-.01-.56.85-.01.85ZM22.33 29.96c.55.02.56-.85 0-.84-.54-.02-.55.84 0 .84ZM24.1 26.2c.56 0 .57-.85.02-.85-.55-.01-.56.84-.01.84ZM22.77 27.85c.56.02.57-.84.01-.84-.54-.01-.56.85 0 .84ZM27.95 28.9c-.03-.42.28-1.25.28-1.25l-1.75.69s.8.4 1.08.72c-.37.13-.73.2-1.24-.04l.68 1.34c.15-.6.46-.94.7-.99.73 1.12-1.1 2.35-1.9 1.4-.22-.4.05-.84.52-.5-.07-.83-.8-.83-1.02-.22.02-.85-.2-1.36-1.1-1.61-.23.85.06 1.36.92 1.72-.5-.06-1.02.41-.36 1.01 0-.53.46-.6.7-.23.4.99-.78 1.37-1.75.37.22-.08.44-.05.75.02l-.92-1.15c.05.4.02.7-.07.88-.2-.23-.26-.43-.34-.87l-.7.61a8.22 8.22 0 0 1 2.34 2.38c1.22-1.2 6.16-3.23 8.06-3.17a8.09 8.09 0 0 1 .05-3.33l-.93.04c.25.38.34.56.35.86a1.78 1.78 0 0 1-.66-.6l.13 1.47c.18-.26.32-.44.53-.53 0 1.39-1.12 1.91-1.53.93-.07-.43.3-.7.67-.31.07-.89-.64-.87-.95-.5.37-.84.22-1.41-.54-1.87-.48.8-.28 1.32.33 1.92-.6-.3-1.12.2-.6.85.11-.56.61-.43.72.01.1 1.24-2.1 1.58-2.33.27.2-.12.67-.08 1.18.26l-.43-1.44c-.21.52-.51.71-.87.87ZM51.05 74.28l2.07 1.17c-1.65 1.99 1.31 2.84 1.15.91 1.1.47 5.45 1.79 3.7-.78-5.7.19-8.6-5.73-5.45-10.26 1.92.87 8.66-2.37 8.1.93.35.36.45.4 1.25.4 1.95-4.44-4.76-3.12-7.17-2.6-2.15.63-4.12-2.48-6.02-.77-.75.66-.26 2.13.76 2.18.9.02 1.17-1.22.36-1.6 1.77-.6.92 2.22.28 2.94-2.03-1.04-2.37 2.2-.36 1.35.09.58.12 1.15-.02 1.7-2.2-.47-1.61 2.65.03 1.4.47.44.7 1.13.75 1.8-2.2.3-.44 3.1.58 1.23Z"/><path d="m57.42 77.66-.3-.1c-.16.4-.4 1.16-.03 1.41l1.85.79L61.3 78l.64-9.41-.7.05c-.19.02-1.48 10.88-2.15 10.24.13-.72 1.7-10.24 1.7-10.24l-.7-.1-.08.5-2.62-3.4-.34.16 2.8 3.65-.18.65c-.26-.17-2.96-3.88-3.23-4.23l-.55-.04 3.64 4.7-.2.63-4.08-5.31h-.52l4.42 5.76-.23.83-4.86-6.53-.64.01 5.37 7.02-.2.65-5.92-7.67-.1.6s5.51 7.18 5.85 7.65c-.28.88-.06.96.33 1.69.2.82-.36 2.09-1.34 1.79Z"/><path d="m57.98 74.67-5.68-7.45s-.1.36-.16.51l5.44 7.13.4-.19ZM52.29 69.74c1.3 1.64 2.6 3.32 3.87 4.98.2.02.55.1.55.1l-4.63-6.08s-.08.62.2 1ZM62.18 66.97c-.63-.05-1.3-.18-1.9-.24-1.2 1.03.14 1.62 1.03 1.54.77.2 1.79-.8.87-1.3ZM61.99 93.54c-.19.84 1.15 1.11 1.31.26.19-.84-1.15-1.1-1.31-.26ZM63.2 88.49c.22-1.04-1.44-1.38-1.64-.33-.23 1.04 1.43 1.38 1.63.33ZM57.53 85.7c.23-1.03-1.43-1.37-1.63-.32-.23 1.04 1.43 1.38 1.63.33ZM66.64 95.91c-.67 3.76-2.48 5.46-4.1 5.46-1.6 0-3.42-1.7-4.1-5.46.21.19.41.44.64.74l.35.45.5-.3c.2-.13.41-.24.6-.31-.21.43-.29.95-.18 1.48a2.28 2.28 0 0 0 2.2 1.93c1.08 0 1.98-.8 2.2-1.93.1-.53.02-1.05-.2-1.48.2.07.4.18.61.3l.5.31.35-.45c.23-.3.42-.55.63-.74m.79-1.02c-.95.1-1.43.72-1.93 1.37a3.22 3.22 0 0 0-1.57-.54c-.3 0-.57.08-.82.27 1.73.68 1.11 3.27-.57 3.27-1.68 0-2.3-2.59-.57-3.27-.24-.2-.52-.27-.82-.27a3.2 3.2 0 0 0-1.57.54c-.5-.65-.98-1.28-1.93-1.37.52 4.74 2.7 7.11 4.89 7.11 2.18 0 4.37-2.37 4.89-7.11ZM51.8 82.46c.73-.86-1.81-1.98-2.18-2.46-.3-.18-.68-.14-.88.12-.72.82 1.77 1.96 2.11 2.42.31.24.74.2.96-.08Z"/><path d="M51.48 84.3c2.8 0 2.44-4.4-.32-3.93 1.28.69 2.4 2.5.4 3.03-.75.15-1.52-.65-2.07-1.04.02 1.07.9 1.94 2 1.94Z"/><path d="M47.5 85.03c.61 1.16 4.22 4.31 5.2 2.82-1.76-.88-4.74-3.05-3.6-5.82-2.59-1.57-.3-4.08 1.72-1.95 2.14-1.31 4.53-.37 6.65 1.08.76-1.62-2.94-2.75-3.8-3.23-1.08-.36-4.51.4-5.66.46-.78.1-1.34.79-1.27 1.56.17.83.14 4.42.76 5.08ZM79.27 22.87l1.6.5a19.58 19.58 0 0 0-12.7-10.61c-.14.36-.26.76-.37 1.17 4.88 1.22 9 4.5 11.47 8.94ZM46.36 23.38l1.6-.5a18.3 18.3 0 0 1 11.47-8.95c-.12-.41-.24-.8-.38-1.17a19.58 19.58 0 0 0-12.7 10.62ZM75.62 14.87c1.14.02 1.14-1.75 0-1.74-1.14-.01-1.14 1.76 0 1.74ZM71.6 12.6c1.13.02 1.13-1.75 0-1.74-1.15-.01-1.15 1.76 0 1.74ZM69.4 11.82c1.15.01 1.15-1.76 0-1.74-1.13-.02-1.13 1.75 0 1.74ZM73.67 13.62c1.14.02 1.14-1.75 0-1.73-1.14-.02-1.14 1.75 0 1.73ZM77.42 16.32c1.14.02 1.14-1.76 0-1.74-1.13-.02-1.13 1.76 0 1.74ZM81.98 22.85c-.02 1.13 1.78 1.13 1.76 0 .02-1.12-1.78-1.12-1.76 0ZM80.92 20.81c-.02 1.13 1.77 1.13 1.76 0 .01-1.13-1.78-1.13-1.76 0ZM79.06 17.95c1.14.01 1.14-1.76 0-1.74-1.14-.02-1.14 1.75 0 1.74ZM79.65 18.87c-.02 1.13 1.77 1.13 1.76 0 .01-1.12-1.78-1.12-1.76 0ZM51.6 14.87c1.14.02 1.14-1.75 0-1.74-1.14-.01-1.14 1.76 0 1.74ZM49.8 16.32c1.14.02 1.14-1.76 0-1.74-1.14-.02-1.14 1.76 0 1.74ZM44.36 23.72c1.14.02 1.14-1.75 0-1.73-1.14-.02-1.14 1.75 0 1.73ZM53.55 13.62c1.14.02 1.14-1.75 0-1.73-1.13-.02-1.13 1.75 0 1.73ZM46.7 19.74c1.14.02 1.14-1.75 0-1.73-1.14-.02-1.14 1.75 0 1.73ZM45.43 21.68c1.14.02 1.14-1.76 0-1.74-1.14-.02-1.14 1.76 0 1.74ZM57.82 11.82c1.14.01 1.14-1.76 0-1.74-1.14-.02-1.14 1.75 0 1.74ZM48.16 17.95c1.14.01 1.14-1.76 0-1.74-1.14-.02-1.14 1.75 0 1.74ZM55.63 12.6c1.14.02 1.14-1.75 0-1.74-1.14-.01-1.14 1.76 0 1.74ZM65.12 20.68h1.17c0-3.67.54-6.85 1.5-8.95.33-.67-.75-1.17-1.06-.48-1.4 3.03-1.6 7.2-1.6 9.43ZM60.93 20.68h1.17c0-2.23-.21-6.4-1.61-9.43-.31-.69-1.4-.2-1.07.48.97 2.1 1.5 5.28 1.5 8.95ZM63.61 20.66c1.24.02 1.24-1.9 0-1.88-1.23-.02-1.23 1.9 0 1.88ZM63.61 18.3c1.24.02 1.24-1.9 0-1.88-1.23-.02-1.23 1.9 0 1.88ZM63.61 15.94c1.24.02 1.24-1.9 0-1.88-1.23-.02-1.23 1.9 0 1.88ZM62.94 13.64c.4-.21.94-.21 1.35 0 1.36-2.08-2.72-2.08-1.35 0Z"/><path d="M64.37 11.66c1.06-1.96-2.58-1.95-1.51 0a1.52 1.52 0 0 1 1.5 0Z"/><path d="M63.04 3.73c-.16 1.2-.8 2.13-1.59 2.28v.3H63a1.1 1.1 0 0 0-.2.2c-2.75.6-3.03 4.76-.4 5.74-1.03-.99-.24-2.87 1.21-2.82 1.45-.05 2.24 1.83 1.21 2.82 2.64-.98 2.35-5.14-.4-5.75a.97.97 0 0 0-.2-.19h1.55v-.3c-.8-.15-1.43-1.08-1.58-2.28 1.21.15 2.16.78 2.3 1.56h.31V1.02h-.3c-.15.78-1.1 1.41-2.31 1.57.15-1.2.79-2.14 1.58-2.28V0h-4.32v.3c.8.15 1.43 1.08 1.59 2.29-1.22-.16-2.16-.79-2.3-1.57h-.32v4.27h.31c.15-.78 1.09-1.41 2.3-1.56ZM101.14 70.59h.01l-.28-.49c.03.2.12.38.27.49ZM100.42 72.4c-1.22-.76-1.9 2.59-2.35 3.16-.22.49-.03 1.02.42 1.17l-.9 1.85c-.48-.08-.9.29-.9.84.18.72-.55 3.85.74 3.89v.86c-3.1.56-2.64 5.39.55 5.31 3.17.08 3.66-4.71.6-5.3v-.83c.48.08.9-.28.9-.84-.17-.7.49-3.71-.65-3.87l.69-1.41c1.16.62 1.84-2.64 2.28-3.2.2-.45.05-.97-.36-1.14l.52-1.06c-.14-.2-.44-.64-.73-1.1l-.81 1.67Zm-.58 14.4c-.75 4.3-6.34.04-2.34-1.78.19.42.82.44 1 .02.78.22 1.34.93 1.34 1.76Zm-1.27-4.4c.08-.62-.73-.96-1.05-.44.09-.23-.22-2.57.22-2.57.18.13.42.16.62.01.14.03.24.16.24.32v2.53l-.03.15Zm2.36-8.53c-.14.15-1 2.6-1.3 2.5-.11-.2-.38-.33-.61-.26-.13-.06-.18-.24-.11-.4.16-.17.97-2.67 1.34-2.5.1.24.4.4.64.33.07.08.09.21.03.33ZM38.28 66.98l.27 1.05 4.85-.6-.24-.94c-.24-.05-3.26.5-3.26.5s2.87-3.32 2.8-3.71l-4.9.55.1.83 2.88-.4s-2.39 2.67-2.5 2.72ZM40 73.13c2.35 2.22 6.03-1.33 3.6-3.61-2.34-2.25-6.08 1.33-3.6 3.61Zm.28-2.47c1.03-1.85 4.45-.75 3.03 1.35-1.06 1.79-4.42.78-3.03-1.35ZM43.26 78.37l.82 1.12a11.23 11.23 0 0 1 3.94-2.83l-.82-1.12a5.73 5.73 0 0 1-1.55 1.4l-1.26-1.72c.53-.4 1.23-.9 1.82-1.03l-.82-1.12a11.23 11.23 0 0 1-3.94 2.82l.82 1.12a5.7 5.7 0 0 1 1.55-1.38l1.25 1.72c-.53.39-1.22.88-1.81 1.02ZM42.8 61.64l.06-1.02c-1.38.26-3.61.25-4.99-.01l-.07 1.02c1.39-.25 3.62-.25 5 .01ZM77.96 82.36c2.97-1.29 2.3-4.2-1.04-2.87-1.4-.4.37-1.8 1.3-1.5l.02-.01-.7-.82c-1.05.45-2.73 1.85-1.84 3.04.62.78 1.87-.05 2.69-.04 1.36.24-.1 1.64-.94 1.56l-.02.02M86.09 72.17l.84-2.82c-.43.03-4.28-1.08-4.62-1.33l-.8 2.68.8.68.02-.01c-.06-.62.03-1.32.25-2.09l1.47.42c-.15.42-.4 1.38-.6 1.63l.72.1.47-1.56 1.4.4c-.17.52-.4.93-.7 1.22l.75.68ZM84.14 75.93l.46-.87-3.8-2.52-.42.79c.15.18 2.62 1.63 2.62 1.63s-4.08.53-4.27.84l3.8 2.58.44-.64-2.28-1.46s3.34-.38 3.45-.35ZM73.66 85.15l2.64-1.52c-.34-.25-2.4-3.58-2.47-3.99l-2.5 1.44.1 1.02h.02c.4-.5.96-.94 1.68-1.36l.78 1.27c-.41.2-1.28.74-1.61.79l.46.56 1.46-.84.75 1.2c-.5.28-.95.42-1.38.44l.07.99ZM44.19 52.1c-.8-.62-1.8.48-2.6.66-1.38.08-.3-1.61.54-1.73V51l-.66-.49c-1.24.63-2.19 3.3-.18 3.36.43.02 1.52-.73 1.88-.81.94-.18.64 1.08.08 1.38.28-.02.57-.05.84.02.53-.73.86-1.8.1-2.37ZM45.16 50.66c-2.2-.14-2.66-3.9 0-3.34v-.91c-3.45-.2-3.4 5.22 0 5.1v-.85ZM50.64 43.99h1.52l-1.04-1.64c.53-.3 1.65-.75 2.15-.72l-1.2-.9-3.67 2.17.42 1.4h.02c.3-.57.74-1.04 1.23-1.3l.56.99ZM61.37 43.36l.01.02c-.73.58-1.67.34-2.45-.07-2.3 1.27-4.76-1.71-2.93-3.62 1.94-2.28 5.77.3 3.92 2.82.6.46 1.09.74 1.45.85Zm-2.8-.73c1.84-.71.24-3.53-1.39-2.86-1.82.69-.25 3.53 1.39 2.86ZM62.06 41.34c-.01-.78.1-2.16-.24-2.83h1.64c-.27.72-.74 4.06.66 3.9.55 0 1.1-.38 1.08-.95-.02-.8.1-2.27-.24-2.96h1.64a9.8 9.8 0 0 0 0 4.72H65.2c.03-.1.05-.25.05-.47-1.42 1-3.33.5-3.2-1.41ZM68.99 43.66c.29-1.16.7-3.13 1.35-4.11l-1.27-.42c.01 1.24-.66 3.18-1.09 4.37l1.01.16ZM76.74 59.37h.8V46.62h-11.9v12.75h11.1ZM72.19 59ZM71 59Zm6.15-6.56Zm-11.1 1.12v.12c.02-.24.41-.06.22.1l.06.06c.4.05.45-.54.05-.56v-.01l.48-.2v-.15l-.48-.2v-.02c.4-.02.34-.6-.05-.56l-.06.06c.2.17-.2.34-.22.1v.15-5.07h.4V47h4.42c.25.04.04.37-.12.2l-.06.06c-.05.38.6.4.6.02l.24.47h.15l.22-.47c0 .39.65.36.6-.02l-.05-.06c-.16.17-.37-.16-.12-.2h4.42v.38h.4c-.04-.09.16 6.22-.21 4.82l-.06-.06c-.4-.04-.45.54-.05.57l-.48.22v.14l.48.2v.01c-.4.02-.34.6.05.56l.06-.06c.37-1.43.17 5.02.21 4.84h-.4V59h-4.42c-.25-.04-.05-.38.12-.2l.06-.06c.05-.38-.59-.42-.6-.04h-.01l-.23-.45h-.15l-.22.45h-.01c-.02-.38-.64-.34-.6.04l.06.05c.17-.17.37.17.11.2h-4.4v-.37h-.41v-5.06Z"/><path d="M79.3 59.86c.01-.26-.29-.46-.54-.37v.06c-.48 2.1-.25-6.56-.29-6.24l.44.18v-1.01l-.44.18v-6.39c.07-.32.57-.04.3.16v.06c.59.19.76-.75.12-.76l.4-.68-.1-.1s-.7.4-.71.39c-.01-.58-1-.44-.82.13h.06c.21-.26.52.2.18.26h-5.95l.18-.4h-1.08l.19.4H65.3c-.36-.05-.06-.52.16-.27h.06c.2-.56-.81-.7-.82-.12l-.72-.38-.1.09.4.68c-.63 0-.46.95.14.76v-.06c.46-2.1.24 6.52.28 6.22l-.42-.17v1l.42-.16c-.04-.16.18 8.28-.28 6.23v-.06c-.6-.18-.77.75-.14.76l-.4.68.1.1c.01 0 .71-.4.72-.39 0 .59 1.01.44.82-.12h-.06c-.1.13-.34.06-.34-.1 0-.09.07-.16.16-.17h5.96l-.19.4h1.08l-.19-.4h5.95c.09.01.16.08.16.17 0 .16-.24.23-.34.1h-.06c-.19.56.81.7.82.12l.71.38.1-.09-.4-.68c.23 0 .42-.17.42-.39Zm-7.2-13.74h5.96v13.75H65.12V46.13h6.98ZM77.13 53.68v.01ZM77.13 52.3ZM66.06 53.7v-.02.01ZM66.06 52.3ZM23.05 29.52l.28-.23a3.93 3.93 0 0 1 1.58-2.87 3.77 3.77 0 0 0-.18-.23 4.24 4.24 0 0 0-1.68 3.33ZM25.84 27.87l.27-.1a5.81 5.81 0 0 0-1.15-2c-.13-.13-.34.07-.21.2.4.4.79 1.07 1.09 1.9ZM23.35 26.94c.55.01.56-.85 0-.85-.54 0-.56.85 0 .85ZM31.47 25.12c-.38.4-1.01-.19-.62-.58.37-.4 1 .2.62.58ZM32.32 25.83c-.38.4-1-.2-.61-.59.37-.4 1 .2.61.59ZM28.36 24.45c-.38.4-1-.2-.62-.59.38-.4 1 .2.62.59ZM30.5 24.67c-.38.4-1.01-.2-.62-.59.37-.4 1 .2.62.59ZM31.5 26.03l-.36.04a4 4 0 0 0-3.18-.9l-.04-.29c1.26-.2 2.57.23 3.59 1.15ZM28.28 26.84l-.25.14a5.8 5.8 0 0 1-.64-2.22c0-.19.29-.2.29-.02 0 .56.22 1.31.6 2.1ZM29.43 24.43c-.38.4-1-.19-.62-.58.38-.4 1.01.2.62.58ZM75.3 69.76c1.23-.02 4.1-1.36 2.02-2.48-1.17-.2-2.33.37-3.45.63-4.52 1.78-1.87-.4-4.67-.16.94 2.37 3.33 1.15 5.12.6.06.26-.27.32-.23.58l1.74-.36c.25-1.16 2.4-1.17 1.41 0-2.47 1.06-5.39.86-7.97 1.59-1.73 4.48-4.74 1.43-4.71 2.72-.68.06-.67.7.02.65.02 1.3 3.35-.2 3.97-.6l.43-.9c1.01.48 1.73-.96 2.6-1.22.88-.17 2.02-1.02 2.77-.24.83.91 2.07-.47 2.8.44-.27.71.09.4.21.84 0 .4.66.4.67 0 0-.18.02-.29.2-.36.37-.56-.42-1.17-.7-1.64-.6-.58-1.62.53-2.23-.09Z"/><path d="M64.13 67.79c.2.07.13.3.22.42 1.07.07 2.13-.2 3.2-.34.8 0 .78-.7 1.37-.8 1.41.08 2.3-1.16 3.63-1.36 1.07-.3 2.51-.7 3.46.05.23.25.56.3.9.24.45-.08 1-.18 1.23.34l-.26.27.16.32c.22-.01.25.16.34.3.12.2.4.2.45 0 .05-.25.31-.12.4-.34.03-.64-.1-1.45-.76-1.77-.32-.3-1.6.31-1.63-.31.95.21 2.76-1.01 1.51-1.8-2.11-.5-4.43.52-6.58.76-.84.19-.42-1.18-2.29-.8 1.2 2.47 3.8.72 5.8.7.02.22-.38.2-.28.48.58-.18 1.58.13 1.91-.45.18-.7 1.68-.53 1.24.28-1.12.7-2.8.38-4.12.53-1.61.13-3.37.17-4.89.73-.3.93-.71 1.88-1.8 2.1-.75-.72-1.85.14-2.66-.6-.26.05-.31.2-.42.4-.4.16-.53.38-.12.65ZM76.04 74.3c-2.12-.26-1.8 1.18-2.84.84.19-.23.7-.36.54-.7-1.55.66-3.18 1.14-4.72 1.83-.79.83-.53 2.47-2.3 2.62-.06.86-1.28 1.44-2.03 1.05-.3.28-.17.36-.12.62-.26.23-.6.75-.05.75.17-.04.3-.3.48-.21l-.04.35c.15 0 .35.04.4-.02.24-.3.59-.05.86-.29.91-.6 2.21-1.16 2.14-2.42 1.6-.7 2.54-3.27 4.63-2.37 1.04.56 1.32-1.1 2.25-1.14.26.61.38.56.72.36.58.44.48-.26.71-.58.03-.32-.3-.69-.63-.68Z"/><path d="M66.48 64.23c-.34.95 0 2.21.9 2.74a2.48 2.48 0 0 0 1.32-2.88c.24-.2.54-.3.45-.65-.16-.38-.77-.1-.92-.54-.39-.52-.9-.1-1.2.25-.24.03-.47-.09-.69.02-.22.4.4.65.14 1.06ZM66.21 77.55c1 2.36 2.5-.64 2.12-1.91.69-.56.5-.9-.33-.95-.3-.62-.93-.68-1.36-.16-.16.19-.38.12-.58.14-.43.2-.2.66.18.76-.2.72-.31 1.43-.03 2.13ZM68.95 68.81c-.2-.11-.44-.12-.65-.1-.36-.91-1-.57-1.51-.02-.77-.3-.66.38-.25.75-.38.93-.12 2.32.88 2.72 1.06-.44 1.35-1.7 1.28-2.73.33-.05.6-.42.25-.62ZM76.52 71.9c-1.9-.63-4.87 3.44-6.13 2.24-.3-.66-1.24-.58-1.83-.4.7.5 1.1 1.62 2.18 1.25 1.21-.23 2.17-1.2 3.22-1.65.03.35-.33.5-.48.83.72-.23 1.37-.43 1.9-.88-.09-1.97 2.76-.6.03.62.49.01.82.23 1.15-.17.63-.55.66-1.35-.04-1.85ZM72.22 76.46c-.56.13-1.11.18-1.46.74l.42.55c-.27.68-.95.57-1.6.6l.14.47c-.27.15-.38.39-.32.72l.24.08c.18-.22.5-.44.58-.03a4.57 4.57 0 0 0 2.76-2.15 2.03 2.03 0 0 1-.76-.98Z"/><path d="M70.69 72.4c-.25 0-.3.31-.13.46.16.18.33-.02.52.03l.01.28c1.02.06 2.55-.84 3.1-1.65l-.64-.97c-.55.18-1.18.16-1.5.66l.56.59c-.38.2-.8.55-1.21.22-.17-.15-.63-.08-.51.2.01.05-.01.1-.02.16l-.18.02ZM66.37 78.52c-.38-.73-.97-1.39-1.24-2.15.33-.47.18-1.06-.45-.68-.15-.32-.39-.38-.68-.3-.08.2-.13.4.1.55l-.01.1-.2.06c-.16.4.24.63.38.94.44.7 1.09 2.35 2.1 1.48ZM66.37 66.55c-.06-1-1.23-1.65-.88-2.66.1-.19.07-.41-.13-.56a.73.73 0 0 1-.6-.08c-.44-.21-.5.27-.46.58l-.29.13c.3.86 1.22 3.03 2.36 2.59ZM64.1 69.96c.43.65.55 1.69 1.29 2.06.33 0 .85.3 1.05-.09-.22-.77-1.19-1.22-1.05-2.1.05-.21-.03-.42-.2-.6-.38.1-1.16-.73-.88.27-.23.08-.37.24-.2.46ZM47.32 49.85c.16.01.32-.17.49 0l-.05.25c1.03.45 2.17-.05 3.2-.33.4-.12.63-.53 1.07-.52 1.06.08 1.66-.8 2.57-1.05 1.12-.22 2.26-.4 3.4-.37 1.32 1.78 1.56.27 2.74.87l-.1.53.3.1c-.11.44.55.7.64.14.02-.07-.02-.15.08-.17.7-.37-.38-2.21-1.12-1.73-.38.18-.88.35-1.18-.1.66-.26 1.47-.2 1.91-.8.34-.4.3-1.2-.33-1.42-1.65-.45-3.4.37-5.06.52-3.13.84-.9-.67-3.38-.65.89 2.51 3.56.9 5.41.71-.13.3-.44.4-.56.67.66-.12 1.52.12 2-.38.26-.69 1.92-.77 1.52.17-1.56 1.51-6.45.1-8.63 1.06-.33.99-.9 1.64-1.86 1.91-.77-.48-1.13.07-1.9-.15-.22-.23-.44-.5-.78-.24v.36c-.36-.1-.78.4-.38.63Z"/><path d="M50.03 46.02c-.58 1.04-.4 1.99.28 2.87 1.28.04 1.8-1.7 1.6-2.74l.39-.27-.1-.38-.65-.03c-.47-.6-.75-.6-1.3-.07-.25-.1-.46-.03-.63.19.09.19.21.33.41.43ZM56.3 48.27c-.06.29.2.42.26.64-.35.22-.72.24-1.09.28-.19-.19-.27-.53-.6-.43-.2.04-.09.24-.23.32-.25-.02-.39.1-.43.35l.35.2c-.28 1.31 3.34-.05 3.87-.44-.17-.3-.4-.5-.47-.84-.15-.58-1.22-.1-1.66-.09ZM49.53 48.43c-.04-.46-.16-1-.52-1.32-.41-.42-.55-1-.13-1.44-.2-.2-.49-.04-.7-.32-.25-.3-.41.05-.47.36-.74.1-.32.35-.15.73.24.68 1.11 2.3 1.97 1.99ZM60.45 53.33c-.38.18-.89.35-1.18-.1.65-.26 1.47-.2 1.92-.8.34-.41.3-1.22-.34-1.44-1.66-.46-3.42.38-5.1.52-3.15.85-.9-.67-3.4-.66.9 2.54 3.58.91 5.45.73-.13.3-.44.4-.57.68.66-.13 1.53.12 2.03-.39.25-.7 1.92-.78 1.53.17-1.58 1.52-6.51.1-8.7 1.07-.34 1-.92 1.65-1.88 1.92-.67-.4-1.02-.07-1.6-.1.03.2.09.37.13.55.05.19.07.37.08.56.67-.07 1.34-.32 1.96-.49.41-.12.64-.53 1.1-.52 1.06.07 1.67-.81 2.58-1.07a16.9 16.9 0 0 1 3.44-.37c1.32 1.8 1.56.27 2.75.88l-.1.53.3.1c-.1.45.56.71.65.15.01-.07-.02-.16.08-.17.71-.38-.38-2.23-1.13-1.75Z"/><path d="M49.86 51.76c-.59 1.06-.42 2.01.28 2.9 1.29.04 1.82-1.7 1.6-2.77.14-.09.27-.17.4-.27l-.1-.38-.66-.03c-.46-.6-.75-.6-1.3-.07-.26-.1-.47-.03-.64.2.1.18.21.33.41.42ZM56.17 54.03c-.05.3.22.42.27.66-.35.22-.73.23-1.1.28-.19-.2-.27-.54-.6-.44-.2.05-.1.25-.24.33-.25-.02-.4.1-.43.34l.35.21c-.28 1.32 3.37-.05 3.9-.45-.17-.3-.4-.5-.47-.84-.15-.58-1.23-.1-1.68-.09ZM49.35 54.2c-.04-.47-.16-1.01-.53-1.33-.41-.43-.54-1-.12-1.46-.21-.2-.5-.04-.7-.32-.27-.3-.42.05-.49.36-.74.11-.31.35-.14.74.24.68 1.12 2.3 1.98 2ZM60.58 58.73c-.38.18-.88.35-1.18-.1.65-.27 1.47-.2 1.92-.81.33-.4.3-1.21-.34-1.43-1.66-.45-3.41.38-5.1.52-3.14.85-.9-.67-3.4-.65.9 2.53 3.59.9 5.45.72-.13.3-.44.4-.56.67.66-.12 1.53.12 2.02-.38.25-.7 1.92-.78 1.53.17-1.57 1.52-6.5.1-8.7 1.07-.32.99-.9 1.65-1.86 1.92-.79-.48-1.14.06-1.93-.15l-.23-.24a.15.15 0 0 1-.06-.04.48.48 0 0 0-.1-.05l.02.04c.01.45-.1.9-.28 1.31 1.02.4 2.14-.09 3.15-.36.4-.12.64-.53 1.09-.52 1.06.08 1.67-.8 2.58-1.06 1.13-.21 2.28-.39 3.43-.37 1.32 1.79 1.56.27 2.75.88l-.1.52.3.11c-.1.45.56.7.65.14.01-.07-.02-.16.08-.17.7-.38-.38-2.23-1.13-1.74Z"/><path d="M50 57.16c-.58 1.06-.41 2 .28 2.9 1.3.04 1.82-1.7 1.6-2.77.14-.09.27-.17.4-.27l-.1-.38-.65-.03c-.47-.6-.75-.6-1.31-.07-.26-.1-.47-.03-.64.2.1.18.22.33.42.42ZM56.3 59.43c-.05.3.22.42.27.65-.35.22-.72.24-1.09.28-.2-.19-.27-.53-.61-.43-.2.04-.09.24-.23.32-.25-.02-.4.1-.43.35l.35.2c-.28 1.32 3.36-.05 3.9-.44-.18-.3-.4-.5-.47-.85-.15-.58-1.23-.1-1.68-.08ZM48.97 58.26a1.56 1.56 0 0 1-.2-.25c-.03.24.1.51.06.74-.04.19-.09.46-.14.63.3.3.47.33.8.21-.04-.46-.15-1-.52-1.33ZM67.88 48.96c.28.18.5 1 .67 1.12.32.42 1 1.55 1.66 1.32v-.02c.2-.08.38-.65.4-.73-.01-.02-.12-.12-.25-.22-.62-.53-1-1.06-1-1.55-.04-.16.35-.38.32-.53-.02-.56-.49.07-.67-.02-.1-.16-.45-.62-.67-.4-.13.06.03.4-.07.47-.05.07-.08.08-.23.07-.5 0-.57.3-.16.5Z"/><path d="M70.54 52.75c.17-.17.67-.65.73-.76.05-.11.07-.11.42-.14.97-.14 1.46-.53 1.74-1.56.13-.31-.04-.98-.24-1.13-.08-.05-.11-.15-.06-.19.18-.02.55-.17.62-.38-.1-.2-.36-.05-.7-.16-.25-.11-.92-.32-1.2-.17-.18.23-1.32.25-1.11.59l.12.4.52.07v.37l-.48.1c-.31.45.73.48 1 .14.19-.22.48-.25.47-.01-.14.3-.64.44-.93.59-.44.07-.55.92-.89 1.2-.95.17-1.29.15-2.23-.6-.34-.4-.61-.1-.35.2-.17.06-1.04-.43-.65.4l.06.08c-.43.61.21.4.57.6.77.3 1.6.52 2.6.36Z"/><path d="m73.59 52.15.4.83s.86.38.98.5c.49.35.4 1.32-.03 1.21-.72-.29-1.15-1.3-1.65-1.92-.13-.1-.47-1.11-.7-.85-2.96.65.54 1.4 0 2.5-.1.15-.43.9-.3 1.02.25.3.8.53 1.1.91.48.47.05 1-.55.57-.34-.25-.74.11-.4.45.03.06-.2.16-.24.19-.35.48.23.45.54.21.17-.08 0 .42.29.34.54-.12 1.37-.39 1.52-1.23.34-.76-.44-.64-.63-1.31-.2-.28-.21-1.29.21-.92.4.5.92.77 1.4.34.44-.42.04-1.42-.19-1.86-.43-.89-.92-1.74-.89-2.8.6-.7 1.3.56 1.72-1.4-1.4.09-2.78 1.02-2.09 2.58.43.88.34.81-.5.65Z"/><path d="M71.33 53.82c-.74-.04-1.3-.1-1.1.77.04.21.12.85.25 1 .05.08.04.17-.03.22-.3.17-1.43-.29-1.3-.67 0-.31-.31-.39-.4-.16-.06.1-.14.1-.25-.03-.21-.3-.5.1-.38.33.04.09-.01.18-.12.2-.31.13-.3.55.14.56.94.44 1.76.88 2.86.73h-.02c1.2-.09.59-.31.53-1.14-.2-.88 1.33-1.47-.18-1.81ZM72.46 66.5c-.08-.07-.28 0-.3.06 0 .4-.42.28-.55.56.08.16.2.3.39.28.23-.02.2.26.42.27.98-.44 2.16-.33 3-1.1-.32-.26-.4-.62-.46-1-.57.04-1.13-.04-1.62.22-.05.26.13.4.26.62-.4.17-.76.26-1.14.09Z"/><path d="M88.26 55.51c-.4-.82-1.3-5.44-2.6-4.44 5.96 11.02 1.98 25.52-8.37 32.5-3.03 1.81-6.8 4.83-10.4 2.82 2.32-8.95 13.44-5.17 15.85-22.22-.3-.14-.4-.23-.68-.28a29.17 29.17 0 0 1-1.85 6.87c.96-2.54.35-10.48.53-10.92-.1-.13-.2-.18-.53-.58.06.96 0 1.3 0 2.58H63.35V44.43H79.9v9.82a6 6 0 0 0 .1.7c.24-.37.26-.35.42-.47V43.92H45.7l-.03 8.9h.51v-8.4h16.66v17.42H46.77c-.05.05.01-.28-.04-.23 0-.05-.11.27-.11.23h-.45V60.5l-.5-.02c-.38 1.3.72 12.23 2.53 14.15-3.62-3.48-4.76-9.65-4.08-14.3 0 0-.34-.26-.71-.6-1.14 6.56 1.36 13.02 6 17.7.4.44.85-.02 1.34-.15-.1-.1-.31-.27-.46-.47l.46.47-.25-.7c-3.65-2.76-4.25-10.63-4.32-14.23h16.65s0 21.83-.02 21.88c-3.54-.17-5.94-3.98-9.36-4.02 4.92 2.88 13.9 9.83 19.58 6.78l.08.1c-.6.74-2.7 2.14-3.64 1.78-1.54-.92-3.93.76-2.83 2.47.14.2.22.37.06.64-6.14-.57-11.66-4.2-16.83-7.31l-.09.1c1.98 2.65 9.06 5.94 9.06 5.94v3.94l.75.5v-4.27c1.86.63 5.62 1.8 5.62 1.8l.01 2.66.72-.45-.04-2 1-.27a1.3 1.3 0 0 0 .97-1.41.75.75 0 0 1-.42-.87c.15-.78 1.1-.8 1.49-.33.77.34 1.52-.57 2.28-.79 1.07-.64 2.38-1.2 2.88-2.42.1-.3.26-.5.52-.64a27.42 27.42 0 0 0 6-4.3c7.52-6.29 10.14-17.1 7.64-26.35Zm-24.91 6.83H80.2c1.38 12.76-6.18 17.03-16.86 21.48V62.34Zm.3 22.8a6.99 6.99 0 0 1 3.56-1.79l-1.26 2.8-2.3-1.02ZM26.02 92.14c-.38-.23-.86-.3-1.42-.21.12.84.43 2.41.67 3.23 1.6-.23 2.07-2.2.75-3.02Z"/><path d="M47.7 86.35c-9.55.01-19.06 4.05-28.6 4.05-1.15 0-2.3-.06-3.45-.2 2.96 2.32 2.76 6.96 7.06 6.96l.58-.03c5.85-.62 11.66-2.25 17.42-3.15.99-.15 5.75-1.3 8.54-1.3 1 0 1.76.14 1.98.55.3.54-1.6 2.12-1.6 2.18-.01.02 0 .03.02.03.18 0 1.23-.6 2.02-1.11 3.11-2.22-3.41-7.98-3.97-7.98Zm-20.1 7.84c-.52 1.22-2.07 1.5-3.29 1.71.06-.38-.68-3.91-.9-4.24 2.1-.89 5.1-.02 4.19 2.53Zm1.23.74a9.99 9.99 0 0 0-.91-4.24l1.22-.26a10 10 0 0 0 .9 4.24l-1.21.26Zm4.69-1-2.5.54c.05-.37-.76-3.84-.97-4.16l2.63-.57-.21.87c-.37-.1-.8-.1-1.28 0l.3 1.25 1.45-.32.23.62c-.29-.05-1.16.17-1.56.23l.3 1.32c.72-.16 1.31-.4 1.78-.71h.01l-.18.92Zm2.56-.4c-1.82.05-2.09-2.53-2.51-3.8l.88-.16c.42 1.1.3 3.7 2.18 3.35 1.36-.6.26-2.73.12-3.76l.87-.12c.33 1.7 1.11 4.67-1.54 4.5Zm7.24-1.28-2.5.57c.05-.37-.79-3.83-1-4.15l2.63-.6-.2.88c-.37-.1-.8-.1-1.29 0l.3 1.26 1.46-.33.24.6c-.29-.04-1.16.18-1.56.26l.31 1.3c.72-.15 1.31-.4 1.78-.72l.01.01-.18.92Zm2.63-4.2.72 3.58-.84.15-.73-3.57c-.52.09-.8.09-1.5.39l-.02-.8 3.6-.46.25.68a5.68 5.68 0 0 0-1.48.02ZM91.93 90.33c-.2.8-.52 2.28-.62 3.08 1.87.4 2.45-2.7.62-3.08ZM99.27 91.6c-1.43-.36-1.9 2.6-.7 3.07 1.45.34 1.9-2.6.7-3.08ZM95.52 91.04l-.44 1.57c1.22.22 1.75-1.37.44-1.57ZM84.04 88.8c-1.5-.4-2.07 2.65-.82 3.17 1.53.4 2.08-2.64.82-3.17Z"/><path d="M105.4 90.38c-1.19 0-2.33-.02-2.88-.07-6.3-.6-12.52-2.38-18.8-3.37-1.81-.28-3.3-.55-4.58-.55-2.67 0-4.48 1.15-6.63 5.67-.91 1.73 2.15 3.37 2.83 3.44-2.52-2.13-1.64-2.76.34-2.76 2.75 0 7.62 1.2 8.57 1.33 5.75.9 11.57 2.53 17.42 3.15l.59.03c4.3 0 4.09-4.64 7.05-6.95-.53.04-2.27.08-3.9.08Zm-23.67-2.5c-.14.13-.65 3.67-.62 4.01l-.96-.18c.17-.3.4-2.77.4-2.77l-1.65 2.53-.97-2.86s-.39 2.06-.4 2.72l-.95-.13c.3-.48.9-4.12.9-4.12l.97.18c.03.2.76 2.66.76 2.66s1.3-2.15 1.38-2.26l1.14.2v.02Zm3.53 3.13c-.86 2.9-4.24 1.31-3.24-1.27.86-2.81 4.24-1.33 3.24 1.27Zm3.33 2.54c-.3-.07-1.89-3.28-1.89-3.28s-.39 2.5-.49 2.67l-.72-.1.83-3.93.8.1c0 .11 1.27 2.76 1.27 2.76l.46-2.34.62.17-.88 3.95Zm3.77.34c-.57.2-1.39-.02-1.98-.14l.8-4.04c2.65-.17 3.74 3.22 1.18 4.18Zm4.7-1.86c-.12.46-.46.77-1.02.94.24.8.39 1.06.8 1.93v.02l-.65-.1a7.54 7.54 0 0 1-1.18-1.8c-.14.5-.28 1.13-.22 1.58l-1.1-.16c.2-.31 1.06-3.62 1.03-3.97.94.12 2.64.29 2.34 1.56Zm2.1 3.2c-2.44.45-2.43-3.6-.48-4.17 2.43-.51 2.44 3.61.47 4.17Zm2.52-2.37c-.1.71-.43 2.18-.3 2.86l-.95-.14c.42-1.06.7-2.85.64-3.98l.95.13c-.16.32-.27.7-.34 1.13Zm2.25-.18s-.56 3.11-.53 3.38l-.94-.17c-.02.02.58-2.73.73-3.33a2 2 0 0 0-1.1.1h-.01l.38-.78 2.56.45.18.87a3.4 3.4 0 0 0-1.27-.52Z"/></svg>
diff --git a/node_modules/govuk-frontend/dist/govuk/assets/images/govuk-icon-180.png b/node_modules/govuk-frontend/dist/govuk/assets/images/govuk-icon-180.png
new file mode 100644
index 0000000..7c33beb
Binary files /dev/null and b/node_modules/govuk-frontend/dist/govuk/assets/images/govuk-icon-180.png differ
diff --git a/node_modules/govuk-frontend/dist/govuk/assets/images/govuk-icon-192.png b/node_modules/govuk-frontend/dist/govuk/assets/images/govuk-icon-192.png
new file mode 100644
index 0000000..35e51d7
Binary files /dev/null and b/node_modules/govuk-frontend/dist/govuk/assets/images/govuk-icon-192.png differ
diff --git a/node_modules/govuk-frontend/dist/govuk/assets/images/govuk-icon-512.png b/node_modules/govuk-frontend/dist/govuk/assets/images/govuk-icon-512.png
new file mode 100644
index 0000000..f5eb6f4
Binary files /dev/null and b/node_modules/govuk-frontend/dist/govuk/assets/images/govuk-icon-512.png differ
diff --git a/node_modules/govuk-frontend/dist/govuk/assets/images/govuk-icon-mask.svg b/node_modules/govuk-frontend/dist/govuk/assets/images/govuk-icon-mask.svg
new file mode 100644
index 0000000..e10ff6c
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/assets/images/govuk-icon-mask.svg
@@ -0,0 +1 @@
+<svg viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="m0 0v512h512v-512zm415.76 238.55c11.12-4.56 24.05.88 28.67 12.11 4.63 11.17-.72 24.05-11.85 28.61-11.34 4.68-24.21-.67-28.83-11.88-4.65-11.18.67-24.18 12.01-28.84zm-39.05-58.11c11.12-4.56 24.05.89 28.68 12.12 4.62 11.17-.73 24.04-11.85 28.6-11.34 4.68-24.21-.67-28.83-11.88-4.65-11.18.67-24.18 12-28.84zm-58.98-35.19c11.12-4.57 24.05.88 28.67 12.11 4.62 11.17-.72 24.04-11.85 28.6-11.34 4.68-24.21-.67-28.84-11.88-4.64-11.18.67-24.18 12.01-28.83zm-101.34-55.92 27.83 8.81.09-.08c.77-1.03 1.68-1.94 2.7-2.73l.08-.08-11.2-35.25h20.12s20.12 0 20.12 0l-11.2 35.25.08.08c1.02.79 1.93 1.7 2.7 2.73l.08.08 27.84-8.81v41.08l-27.87-14.63-.06.06c-.83 1.08-1.8 2.04-2.88 2.86l16 48.28c.02.06.05.12.06.18l.02.05c.74 2.42 1.14 4.98 1.14 7.63 0 13.06-9.65 23.85-22.19 25.7-.18.03-.37.06-.55.08-1.07.14-2.16.23-3.26.23-1.11 0-2.19-.09-3.26-.23-.19-.02-.38-.06-.56-.08-12.55-1.85-22.19-12.63-22.19-25.7 0-2.65.4-5.21 1.15-7.62s.01-.06.01-.06c.02-.06.04-.12.06-.18l16.01-48.28c-1.09-.81-2.06-1.77-2.88-2.86l-.06-.06-27.87 14.63v-41.08zm48.11 174.62c-11.34 4.68-24.21-.67-28.84-11.88-4.64-11.18.67-24.18 12.01-28.83 11.12-4.57 24.05.88 28.67 12.11 4.62 11.17-.72 24.04-11.85 28.6zm-99.28-106.59c4.62-11.23 17.55-16.68 28.67-12.11 11.34 4.65 16.65 17.65 12.01 28.83-4.62 11.21-17.49 16.56-28.84 11.88-11.12-4.56-16.47-17.44-11.85-28.6zm-58.99 35.2c4.63-11.22 17.55-16.68 28.68-12.12 11.34 4.65 16.65 17.65 12 28.84-4.62 11.21-17.49 16.56-28.83 11.88-11.12-4.56-16.48-17.44-11.85-28.6zm-39.04 58.11c4.62-11.23 17.55-16.68 28.67-12.11 11.34 4.65 16.66 17.65 12.01 28.84-4.62 11.21-17.49 16.56-28.83 11.88-11.13-4.55-16.47-17.43-11.85-28.61zm335.98 169.34c-44.5-6.37-94.44-9.94-147.21-9.94s-102.66 3.57-147.14 9.93c-12.63-53.1-28-83.53-43.87-105.19l29.89-10.64c-2.97 15.18-3.45 22.24-.12 32 4.93-4.82 9.6-13.68 13.25-27.23l14.49 48.23c-8.82-6.07-15.61-9.99-23.39-10.17 13.79 29.7 31.01 37.34 42.17 35.28 13.62-2.5 19.89-14.65 17.78-24.95-3.13-14.6-18.12-18.41-25.12-1.42-13.39-27.31 9.32-35.81 23.93-27.73-22.44-22.39-25.01-42.29-6.89-66.38 25.24 19.3 25.54 38.41 14.18 65.3 14.74-16.87 37.68-7.81 29.4 19.45-10.64-16.46-24.71-6.1-22.5 9.53 1.87 13.62 19.85 24.62 42.25 22.68 32.1-2.91 34.01-25.06 34.81-43.39-7.89-1.46-22.1 5.86-34.22 22.87l-4.46-51.16c13.18 13.74 25.16 16.35 38.46 16.77-4.43-13.82-24.78-36.46-24.78-36.46h63.85s-20.35 22.64-24.78 36.46c13.3-.42 25.28-3.03 38.46-16.77l-4.46 51.16c-12.11-17.01-26.32-24.33-34.21-22.87.8 18.34 2.71 40.48 34.81 43.39 22.39 1.95 40.38-9.05 42.25-22.68 2.21-15.63-11.86-25.99-22.49-9.53-8.29-27.26 14.65-36.32 29.39-19.45-11.36-26.89-11.07-46 14.18-65.3 18.12 24.08 15.55 43.99-6.9 66.38 14.62-8.08 37.32.43 23.94 27.73-7-16.99-21.98-13.18-25.12 1.42-2.11 10.3 4.15 22.46 17.77 24.95 11.16 2.06 28.38-5.58 42.17-35.28-7.77.18-14.57 4.11-23.38 10.17l14.48-48.23c3.65 13.55 8.32 22.41 13.25 27.23 3.33-9.76 2.85-16.82-.12-32l29.89 10.64c-15.88 21.66-31.25 52.09-43.88 105.2z"/></svg>
\ No newline at end of file
diff --git a/node_modules/govuk-frontend/dist/govuk/assets/images/govuk-opengraph-image.png b/node_modules/govuk-frontend/dist/govuk/assets/images/govuk-opengraph-image.png
new file mode 100644
index 0000000..4d0e312
Binary files /dev/null and b/node_modules/govuk-frontend/dist/govuk/assets/images/govuk-opengraph-image.png differ
diff --git a/node_modules/govuk-frontend/dist/govuk/assets/manifest.json b/node_modules/govuk-frontend/dist/govuk/assets/manifest.json
new file mode 100644
index 0000000..0d183a2
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/assets/manifest.json
@@ -0,0 +1,39 @@
+{
+  "icons": [
+    {
+      "src": "images/favicon.ico",
+      "type": "image/x-icon",
+      "sizes": "48x48"
+    },
+    {
+      "src": "images/favicon.svg",
+      "type": "image/svg+xml",
+      "sizes": "150x150",
+      "purpose": "any"
+    },
+    {
+      "src": "images/govuk-icon-180.png",
+      "type": "image/png",
+      "sizes": "180x180",
+      "purpose": "maskable"
+    },
+    {
+      "src": "images/govuk-icon-192.png",
+      "type": "image/png",
+      "sizes": "192x192",
+      "purpose": "maskable"
+    },
+    {
+      "src": "images/govuk-icon-512.png",
+      "type": "image/png",
+      "sizes": "512x512",
+      "purpose": "maskable"
+    },
+    {
+      "src": "images/govuk-icon-mask.svg",
+      "type": "image/svg+xml",
+      "sizes": "150x150",
+      "purpose": "monochrome"
+    }
+  ]
+}
diff --git a/node_modules/govuk-frontend/dist/govuk/assets/rebrand/images/favicon.ico b/node_modules/govuk-frontend/dist/govuk/assets/rebrand/images/favicon.ico
new file mode 100644
index 0000000..7809b94
Binary files /dev/null and b/node_modules/govuk-frontend/dist/govuk/assets/rebrand/images/favicon.ico differ
diff --git a/node_modules/govuk-frontend/dist/govuk/assets/rebrand/images/favicon.svg b/node_modules/govuk-frontend/dist/govuk/assets/rebrand/images/favicon.svg
new file mode 100644
index 0000000..d748447
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/assets/rebrand/images/favicon.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path fill="#1D70B8" d="M0 0h32v32H0z"/><path fill="#fff" d="m16.88 7.87 2.11 1.1V5.86l-2.11.67c-.06-.08-.13-.15-.2-.21s.85-2.68.85-2.68h-3.04l.85 2.67c-.08.07-.15.14-.2.21s-2.11-.66-2.11-.66v3.11l2.11-1.11c.06.09.14.16.22.22l-1.21 3.66v.01c0 .01 0 0 0 0-.06.18-.09.38-.09.58 0 .99.73 1.81 1.68 1.95h.04c.08.01.16.02.25.02.08 0 .17 0 .25-.02h.04c.95-.14 1.68-.96 1.68-1.95 0-.2-.03-.39-.09-.58s0 0 0-.01L16.7 8.08c.08-.06.16-.13.22-.22M9.16 12.3a1.75 1.75 0 1 0 1.52-3.15c-.86-.41-1.91-.04-2.33.83s-.05 1.91.81 2.32M4.82 15.87c.9.37 1.92-.05 2.29-.94s-.05-1.92-.95-2.29c-.88-.36-1.91.07-2.28.96s.06 1.91.94 2.27M22.86 12.3a1.75 1.75 0 1 1-1.52-3.15c.86-.41 1.91-.04 2.33.83s.05 1.91-.81 2.32M27.18 15.84c-.9.37-1.92-.05-2.29-.94s.05-1.92.95-2.29c.88-.36 1.91.07 2.28.96s-.06 1.91-.94 2.27M16 25.68c3.59 0 6.99.24 10.02.68.86-3.61 1.91-5.68 2.99-7.16l-2.03-.72c.2 1.03.23 1.51 0 2.18-.34-.33-.65-.93-.9-1.85l-.99 3.28c.6-.41 1.06-.68 1.59-.69-.94 2.02-2.11 2.54-2.87 2.4-.93-.17-1.35-1-1.21-1.7.21-.99 1.23-1.25 1.71-.1.91-1.86-.63-2.44-1.63-1.89 1.53-1.52 1.7-2.88.47-4.52-1.72 1.31-1.74 2.61-.97 4.44-1-1.15-2.56-.53-2 1.32.72-1.12 1.68-.42 1.53.65-.13.93-1.35 1.68-2.87 1.54-2.18-.2-2.31-1.71-2.37-2.95.54-.1 1.5.4 2.33 1.56l.3-3.48c-.9.93-1.71 1.11-2.62 1.14.3-.94 1.69-2.48 1.69-2.48h-4.34s1.38 1.54 1.69 2.48c-.91-.03-1.72-.21-2.62-1.14l.3 3.48c.82-1.16 1.79-1.66 2.33-1.56-.05 1.25-.18 2.75-2.37 2.95-1.52.13-2.75-.62-2.87-1.54-.15-1.06.81-1.77 1.53-.65.56-1.85-1-2.47-2-1.32.77-1.83.75-3.13-.97-4.44-1.23 1.64-1.06 2.99.47 4.52-.99-.55-2.54.03-1.63 1.89.48-1.16 1.5-.9 1.71.1.14.7-.28 1.53-1.21 1.7-.76.14-1.93-.38-2.87-2.4.53.01.99.28 1.59.69l-.99-3.28c-.25.92-.57 1.52-.9 1.85-.23-.66-.19-1.14 0-2.18l-2.03.72c1.08 1.47 2.13 3.54 2.99 7.16 3.03-.43 6.42-.68 10.01-.68"/></svg>
diff --git a/node_modules/govuk-frontend/dist/govuk/assets/rebrand/images/govuk-crest.svg b/node_modules/govuk-frontend/dist/govuk/assets/rebrand/images/govuk-crest.svg
new file mode 100644
index 0000000..71f7dff
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/assets/rebrand/images/govuk-crest.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="125" height="102"><path d="m108.76 55.62-.27-.03-.74-1.97c.35-.44.53-1.14 0-1.49-.72-.28-2.74-2.56-3.34-1.08-.26.09-1.86.18-1.98.47a17.72 17.72 0 0 1-1.9-3.9c.31-1.64 4.72-3.7 4.72-3.7s-1.25-1.78-1.75-2.79c-.22.5-.42.29-.9.5 2.44-4.3 2.96-9.97-.28-14.04-.33-.7-.18-1.63-.5-2.33-.56-.73-.95-2.18-1.95-2.33 0 1.28-.13 2.53.5 3.72.66.82-.92 1.53-1.4.87.93-.1 1.1-.29.77-.82-4.05-.9-6.3 1.92-10.17 2.36-.34 0-.64.12-.83.42-2.38 3.17 2.96 1.01 3.42 3.11-.89.73-1.01.25-1.85.04-1.2.05-2.36.42-.86 1.42-.92 1.43-.87 1.93-2.74 2.05.81 1.13.64 2.76.85 4.04-1.33.24-2.23.87-2.26 2.28-.6.13-1.24-.18-1.66.46-.84-.69-1.8-.81-2.8-.83-.48-.36-1.66-1.2-2.93-1.84l.71-2.62 2.06-1.3-1.08-2.15c2.39-8.11 3.16-8.57 4.37-8.74l.06-.23-4.4-1.4-.08.3c1.1.8 1.47 2.12.96 3.68-1.17-.5-1.84-1.61-1.72-2.6l-.29-.08-1.47 4.85.23.07c.58-.83 1.6-1.3 2.76-1.1-1.36 4.29-7.5 2.95-6.4-.7.78-1.5 2.27-.54 1.55 1.04 3.45-1.2 1.41-6.1-1.53-3.17.97-1.98 1.52-3.53.3-5.44-1.59 1.01-2 2.84-1.69 5.27-1.94-4.4-5.33.13-2.58 2.43-.5-3.27 3.58-1.11.82 1.52-2.63 1.84-5.86-.27-5.95-3.52 1.52.13 2.67 1.02 2.83 2.14h.28l.19-5.54-.35-.01c-.23 1.12-1.47 2.07-3.02 2.1.1-1.7 1.1-3.04 2.37-3.26v-.31h-6.46v.31c1.28.22 2.27 1.55 2.38 3.26-1.56-.03-2.8-.98-3.03-2.1l-.34.01.18 5.55.28-.01c.16-1.12 1.32-2.01 2.83-2.14-.09 3.24-3.32 5.36-5.95 3.52-2.75-2.63 1.32-4.79.82-1.52 2.76-2.3-.64-6.83-2.58-2.43.3-2.43-.1-4.26-1.69-5.27-1.22 1.91-.67 3.46.3 5.44-2.94-2.93-4.97 1.98-1.53 3.17-.71-1.58.77-2.54 1.55-1.04 1.1 3.65-5.04 4.99-6.4.7 1.17-.2 2.18.27 2.76 1.1l.24-.07-1.48-4.85-.3.08c.14.99-.53 2.1-1.71 2.6-.5-1.56-.15-2.89.97-3.69l-.08-.28-4.41 1.4.06.22c1.21.17 1.98.63 4.37 8.74l-1.08 2.15 2.06 1.3.65 2.37.02-.01c0 .03-.01.04-.02.01-5.94 2.75-4.59 4.61-9.15 4.08-.41.93-.8 1.86-1.72 2.5a6.64 6.64 0 0 0-1.67-3.56c-.42-.49-1 .05-1.63.1-1.24 2.67-2.1.26-4.28 1.65.09 1.25.28 2.49.97 3.64a7.83 7.83 0 0 1-4.04-1.3c-4.85 5.36-9.92 10.51-14.07 16.42-2.21 2.9-8.14 1.2-6.58-2.79.72-2.91 4.97-2.29 4.7.6 2.1-2.31.76-4.61-2.46-4.1 2.95-1.26 4.72 1.13 7.38-2.15-2.03.04-3.75-.6-5.78-.13 2.57-1.52 6.09.74 8.27-3.45-1.9.2-3.63.99-5.6 1.28 11.84-11.18.45-11.73 1.9-16.56-.93.78-1.46 1.56-1.03 2.6-2.66-1.1-6.59-.77-7.66-3.96-.26 4.54 1.75 4.22 5.22 5.15-1.6-.19-3.18-.2-4.68-.75.31 2.04 1.87 2.47 3.71 2.28-1.8.98-1.39 3.52.44 4.39-1.17-6.57 8.78-4.32 4.24 1.72-2.11 3.1-5.16 5.42-7.72 8.13-.49-.83-1-1.66-2.11-1.54 1.95 2.23-.25 4.66-.77 6.96-.75 2.84 1.79 5.26 4.5 5.6-1.08 1.27-1.16 2.4-.33 3.44.82-4.18 6.94-3.24 7.52-7.76.1-.53.36-.95.96-1.19-2.76 3.09 3.87 9.62-2.36 10.38-.89.03-1.1.95-.62 1.61-2.57-.13-3.28.84-3.67 3.25l3.25-.84c-1.12 2.9-3.66-.17-3.24 5 1.04-.49 2.02-1.01 2.97-1.6.92 2.9-4.67 1.65-.47 6.28a8.57 8.57 0 0 1 1.95-3.03c-.51 1.46-.4 3.15 1.26 3.8l.22-1.07h.13c.24.96.28 2.3 1.22 2.86.31.12.48.3.59.62.17.54.67.68 1.16.74.62.13.78-.56 1.23-.84.13.76 1.04.89 1.5 1.54.33-3.77-4.72-2.4-3.56-4.9.45 1.52 1.88 1.2 2.88 1.81.4.63 1.34 1.16 1.82.28l1.31.97c-.98-4.47-3.33-1.7-4.8-4.05 1.02.04 2.12 1.55 3.23.52.6.61 1.06 1.32 1.51 2.04a3.29 3.29 0 0 0-1.5-3.32c-1.28-.77-3.02.6-4.12-.95-1.5-1.83-1.45-4.4-.67-6.52.71-1.63 2.7-2.24 3.63-3.78-.26 1.36-.13 3.73 1.43 4.17-.38-2.53 1.44-4.81 1.81-7.26.48-.62.5-1.1.07-1.77-.78-1.26-.99-2.77-1.84-4.01-1.33-1.85-2.97-1.9-.26-3.84-1.64 2.53-.3 1.6 1.12 3.99.26-.8 1.47-1.85-.04-1.85-2.39-1.16 3.1-4.18 4.35-4.25 1.23-.1 2.94.04 3.87-1.16C32.56 55 32 54.83 33 53.7c-.67-.39-1.26-.85-1.38-1.71l-1.85.63c.6-.67 2.37-2.03 2.56-.52.04.84.89 1 1.55 1.2-.48.7-1.28 1.4-.55 2.2.5.54.82 1.54 1.61 1.67l.63-2.31c1.74 1.8-1.75 2.8 3.03 4.43a9.56 9.56 0 0 1-.2-2.93c2.3 1.9-1 3.1 4.3 3.72-.58-.7-.72-1.46-.94-2.24.89.15 1.6.98 2.17 1.61.55.83.95 1.28 2.2.47.06.15.07.34.18.43.56.42.33.93.32 1.49h.15c.74-.74.8-1.58.56-2.5-.5-1.74-2.65-.36-3.4-2.13 1 .68 2.02 1.08 3.13.5.62.59.88 1.01 1.18 1.83.5-1.87-.08-3.78-2.07-3.22-.62.22-.88.17-1.5-.37.92.32 1.54-.15 2.13-.57.13.17.2.35.29.36.56.03.92.36 1.27.77.19-1.6-1.42-2.9-3.04-2.49-.4 1.97-2.07.86-3.4.6-2.04-1.2-3.12-3.47-4.93-4.95a3.6 3.6 0 0 0-3.9-3.83c2-.87 4.39.84 4.54 2.91.08.85.6 1.39 1.14 2.02 6.79-13.5 28.69-17.04 41.26-8.47 1.07.98 2.23 1.77 3.34 2.8.44-1.3.18-2.83 2.12-2.05l.37-.24a1.84 1.84 0 0 1 1.58-2.4v.84c-.5.09-.9.57-.82 1.1.39-.09.74.42.53.75a1 1 0 0 0 1.16-.18l.96.08c-.44 1.04-1.97 1.4-2.84.63.17.23-.58 2.53-.6 2.8a.73.73 0 0 1-.75.54l.38.61c.55-.3 1.32-.28 1.25-1.05.1-.44-.18-2.46.45-2.28.25.77-.23 1.65.34 2.4 1.82-.44 1.02-2.06 3.22-2.48.88-.08 2.72-.5 3.19.36-1.92-.5-4.4.02-4.83 2.19-2 .46-3.68 1.88-5.8 1.88-1.7.09-2.15 2.1-2.22 3.48-.29 1.58-.37 3.22-1.08 4.69-.35.56-.06 1.2.13 1.72.65.34 1.11 2.56 1.2 3.36 0 1.45 2.51 1.93 3.54 2.84.28-1.82-3.2-1.3-2.71-3.85.62 1.69 1.97 2.03 3.45 2.86-.46-1.7-.6-4.53-3-4.18-.93-1.27.42-1.34-.01-2.86.69.21 1.01.45 1.2.87l-.7-.22c.08 1.08 1.02 1.33 1.75 2.07-.12-1.76-.28-2.87-1.94-3.73-.94-.85.14-2.81.08-3.99-.03-.34 2.22-1.45 2.56-1.35 1.67.21 3.41-.05 5.02.36 1.61.5.23-2.95 2.83-1.13-1.88-.55-.74 1.48-2.1 1.59-.94 0-1.75-.08-2.74-.12 3.42 7.52 10.99 5.32 13.07 12.03 1.74-1.52.56-1.5.07-3.09 3.94 2.6-3.66 5.6-.8 10.16-.19-.52 1.6-2.65 1.8-3.08.32-.48.88-.5 1.23-.16l.57-1.17c-1.06-.57.86-3.03 1-3.73.2-.42.65-.62 1-.45l.53-1.46c-1-.27-.25-2.67-.33-3.34-1.4-1.26-2.56-2.84-3.65-4.3l.67-.1c-.07.32.05.68.33.87.48.19 2.33 1.96 2.91 1.54l.3.78c-.47.12-.55.77-.56 1.21.25.2.52.4.76.62.03-.16.01-.87.15-.98.22.29.62.3.87.06.22.12-.06 1.67-.03 1.87.27.3.53.6.77.9-.1-.7.78-3.43-.44-3.57ZM88.93 30.25l.76-.08c-.5-.35-.02-.84.4-.5.98.76-1 2-1.16.58Zm-39.44 7.11-2.07-1.3 1.1-2.2 2.98 1.06-2 2.44Zm6.78-1.7c-3.25.66-3.93-2.88-.67-3.47 3.24-.65 3.93 2.89.67 3.47Zm7.34-.27-3.2-2.24 3.2-2.23 3.2 2.23-3.2 2.24Zm10.19-.99c-.38 2.27-5.5 1.29-5.01-.95.38-2.26 5.5-1.29 5 .95Zm1.92.52 3-1.05 1.09 2.18-2.08 1.31-2.01-2.44Zm24.64-10.39c.6.65.85 1.35.85 2.14-.57-.19-.81-.8-.85-2.14Zm-2.69 4.2c-.79.53-1.5 1.32-2.3.25l-.54.1c1.2-1.83 1.1-1.51 2.84-.36Zm-6.61 6.64c.53.19 1.03.46 1.56-.06-.51 0-.67-.36-.81-.7-.25-1.73 2.6-1.12 3.66-1 2.68 1.62 7.23.6 5.65-3.24 1.24.75.81 2.86-.13 3.68-2.47 1.32-4.82.32-7.29 2.92-.37-1.19-1.8-1.12-2.3.18l-1.05.05c-.08-.68.49-1.18.71-1.83Zm9.33 11.35-.33.42c-2.06-2.32-9-4.99-12-4.56l.05-.53-.02.02 1.14-.72-.98-.8c.01-.11-.62-4.02-.62-4.02l1.72-.05s-.61.7-.64 1.27c.1.07.18.17.24.29.34-.15.71-.86.71-.86l.16 2.32s-.47-.67-.82-.79a.56.56 0 0 1-.13.23c.5 1.53 2.76 1.62 2.77.3-.08-.67-.84-.56-.8.16-1.24-.98.44-2.53 1.12-.97-.08-.9 0-1.41.7-1.85.47.58.4 1.13-.1 2 1.52-1.4 2.1.98.67 1.33.7-1.25-1.31-.86-.57.45.67 1.02 2.3.87 2.88-.24a.62.62 0 0 1-.08-.21c-.58-.1-1.43.37-1.43.37l.8-2.13s.33.91.8 1.2c.1-.08.2-.14.32-.17.09-.56-.48-1.44-.48-1.44l2.64 1.01s-1.05.26-1.38.73c.06.1.1.21.11.33.55.1 1.44-.34 1.44-.34l-.94 2.07s-.28-.9-.77-1.2a.68.68 0 0 1-.21.1 1.64 1.64 0 0 0 1.92 2.07c1.46-.44.3-2.08-.1-.7-.78-1.21 1.34-2.54 1.44-.52.26-.97.6-1.41 1.36-1.53.2.79-.1 1.21-.82 1.8 1.64-.67 1.71 1.57.13 1.45.55-.5.07-1.08-.47-.63-.94.97.82 2.37 2.2 1.67 0-.08.03-.17.07-.25-.35-.23-1.16-.26-1.16-.26l1.7-1.24s-.21.75-.05 1.15c.13-.02.25 0 .37.04.37-.37.39-1.34.39-1.34l1.26 1.56s-3.17 1.45-3.73 1.87l-.88-.1.43 1.24h-.03Zm6.83 6.38c-.4-.03-.73.31-.6.74a.25.25 0 0 1-.11-.04l-1.86-1.26a.3.3 0 0 1-.09-.38c.35-.01.73-.2.68-.61.14.18 2.14 1.23 1.98 1.55Z"/><path d="M84.8 44.17c-.14-.17-.17-.4-.05-.59-.22-.04-.6 2.03-.67 2.15.15.14.28.28.4.43.2.05.53.16.6-.12l.48-1.83c-.22.2-.58.22-.75-.04ZM56.86 95.9c-5.24-2.05-9.06 2.98-4.78 3.83-4.7.2-3.79-6.35-5.73-5.96 1.7 1.81 1.7 5.2 3.27 6.13 3.16 1.33 6.44 1.54 9.83 1.39-1.7-1.5-2.12-3.39-2.59-5.39ZM72.9 99.66c4.27-.84.48-5.89-4.78-3.83-.47 2-.88 3.9-2.59 5.39 3.39.16 6.67-.06 9.83-1.4 1.57-.93 1.57-4.3 3.27-6.12-1.94-.4-1.03 6.16-5.73 5.96ZM107.3 59.02c0 .1.04.2.1.26.24-.2.62-.12.79.12.27-.08.18-.92.24-1.12-.31-.33-.64-.65-.98-.94l-.14 1.68ZM106 65.25c.02-.24 1.34-2.4 1-2.59a.58.58 0 0 1-.62-.3c-.32-.14-1.16 2.22-1.3 2.37.41-.26.95.17.8.65a.3.3 0 0 0 .11-.13Z"/><path d="M121 55.27c-1.1.33-1.55 1.24-1.96 2.26-2.76-4.26-8.01-7.2-8.81-12.41.61-4.17 6.2-3.22 5.06 1.13 2.9-1.54 1.5-4.4-1.23-4.91 2.97.23 4.58 2.7 6.6-1.41-1.74.63-4.41.18-5.33.05 3.69-.5 5.7-.47 5.58-5-1.25 2.72-4.73 2.77-7.26 3.65.16-1.2-.22-1.95-1.2-2.34 1 6.63-11.7 4.47 2.25 18.77-1.7-.94-3.7-.62-5.36-1.66 1.3 3.44 3.48 2.84 6.33 4.04-3.06-.01-4.01 2.94-1.75 4.36-.59-2.28 2.58-3.85 4.17-2.07 3.62 4.6-3 11-8.89-.54.05.64-.4 1.21-1.03 1.02l-.66 1.82c1.34.5-.72 3.07-.87 3.81-.23.5-.75.64-1.14.37l-.65 1.34c.81.74-1.38 2.83-1.63 3.49-.25.37-.7.5-1.03.3l-.23.48.08.1c1.49 1.74 2.17 3.08 1.77 4.93 1.2-1.02 1.75-3.86.78-5.4 1.1 1.12 2.67 1.93 3.3 3.37a7.94 7.94 0 0 1-1.65 7.28c-.76.75-.56 1.15-.66 2.08-.5 1.48-2.28 1.6-2.96 2.85-.47 1.1-1.25 2-1.59 3.14 2.03-.31 1.68-3.1 3.6-3.68-.78 1.18-1.53 2.24-2.06 3.6 1.6-.41 4.61-.84 4.1-3.07-.37-1.03.64-1.71.59-2.7 1.26-.44.97-.95 1.58-1.93.28.6.29 1.1.26 1.74l-.37-.76c-.9 1.2-.15 2.38-.27 3.67 4.41-3.92-1.45-3.89 3.13-12.56 1.05-1.73-3-1.54-3.3-5.44-.28-1.69 1.22-3.07 1.53-4.68 1.77 3.1 7.93 3 7.1 6.97 1.23-.93 1.18-2.62.69-3.9 6.36-2.26 1.34-8.05 3.39-12.16Z"/><path d="M102.07 70.19c.14.06.26.16.31.3a.3.3 0 0 0 .29-.13c.05-.15 1.62-2.19 1.44-2.33-.17-.05-.33-.17-.39-.35-.15-.14-.36-.21-.51 0-.06.26-1.8 2.22-1.36 2.46.08 0 .15.02.22.05ZM101.15 70.6l.08.13.02-.06-.1-.08ZM39.6 79.41c.64.12 1.34.24 1.96-.04l-2.89-4.86c-1.7 2.08-4.67.81-6.54-.47-1.51-1.1 1.76-2.83.71-6.52 1.46 2.33-1.2 4.34 2.9 5.65-1.18-1.74-1.02-4-1.46-5.99-.06-.34-.23-.68.05-1.03.14-.48.17-1.12-.48-1.2-4.58-2.6-3.66-1.33-8.11-1.93-1.1 1.9 1.23 3.61.86 5.48-.33.92 1.08.88 1.06 1.77.31 1.4.16 3.34-1.45 3.88-.8.48-.16 1.49.54 1.72-1.42 2.53-.33 2.94 1.84 4.2.01-.97.03-1.83.44-2.66 3 1.97-1.47 2.3 4.46 4.68-.6-.98-.58-2.05-.67-3.03l1.66.38c.65 2.72 2.13 2.96 4.75 2.72-.94-.92-1.2-2.12-1.88-3.08.79.27 1.57-.27 2.25.33ZM93.03 64.27c-.8.13-1 .47-.84 1.26-.91 1.93-.93 4.28-2.48 5.91 3.33-.93 2.6-2.17 3.4-4.67-.17 3.39.01 3.34 1.25 5.67-2.56 1.78-6.75.28-8.15 3.74.39.45.9 0 1.41.12-.33.4-.47.87-1 1.22l.26-.75c-.96-.32-1.75 1.85-2.47 2.55 6.85-1.36-.82-3.35 12.67-4.9 2.38-1.12-2.25-2.86 2.43-5.8.41-1.6.66-3.25 1.55-4.7.2-.47-.13-1.14-.56-1.47-2.06 1.43-3.03-.88-7.47 1.82ZM23.91 36.42l.1-1.36-1.52-.26a2.1 2.1 0 0 1 1.98-.34c-.52 2.18.41 3.72 2.78 3.85.72-1.07 1.36-1.23 2.07-.48-3.12-.32-.8 2.94.79 1.84.42-.6 1.77-1.14 1.38-2-2.48-1.78-2.3.86-2.77-3.56l-.31-.03c-.23.84-1.07 1.5-1.75.7-.24-.27-.44-.51-.83-.58 1.7-1.34 3.71.6 3.59-2.55 1.89 2.34 2.05-.26 3.92-.3-.09 1.86-.47 1.71-2.09 1.6.53.4 2.54 2.4 1.37 2.58-.49-1.24-1.31-2.45-2.7-2.7-1.13 1.11-.58 2.36-.4 3.64 1-.34 1.85-.98 2.9-.9.36 1.03-1.3 1.6-.36 2.6 1.61.27 3.36.28 2.85-1.98-.53-.31-1.05-.52-1.6.05.03-.88.9-1.03 1.58-.86 1.48-1.57.99-3.64-.61-4.9.42-.61.87-1.04 1.63-1.19-.25.53-.8.73-.92 1.21L36 31.73c.86-.37 1.08-1.7.48-3.06-1.06.27-2.92 1.14-2.92 1.14-.9-.34-.52.1-.39.54-2.9.52-5.76 1.28-8.07 3.19-.41.3-.6.12-.74-.46-.27-.42-.4.3-.44.48 0 0-1.75.42-2.5 1.06.53.88 1.29 2.26 2.5 1.8Z"/><path d="M35.32 35.55c.27 1.3-.1 2.39-.96 3.41 1.29 2.3 3.48 4.03 4.45 6.5 2.16-3.99-.15-5.33-3.12-7.52 1.9.68 3.83 1.33 4.89 3.12.22-3.42-1.31-5.13-4.67-5.66l.03-.14c1.4-.07 2.8-.06 4.1.78-.34-1.06-1.21-2.63-2.48-2.5.45-.94.45-1.56-.01-2.13-.22.66-.64 1.07-1.33 1.1a4.09 4.09 0 0 1-.9 3.04ZM24.64 43.35c.4.96.99 2.07 1.97 2.47-.5-1.89.78-3.53 1.38-5.24.01 3.94-2.24 6.07 3.2 7.51-1.45-2.31-.49-5.12-1.4-7.5-.88-.5-1.87-.62-2.46-1.35-.16-.34-.46-.47-.78-.53-1.02-.22-1.97-.56-2.48-1.4-.75.23-1.2.2-1.89-.08-.06.84.66 1.68 1.61 1.36-.76 1.1-.34 2.09-.06 3.22a5.64 5.64 0 0 1 2.32-2.39c-.72 1.21-2 2.43-1.41 3.94ZM46.52 83.51c.74-.68-.26-1.07-.65-1.6-6.58-6.05-9.03-13.92-8.45-22.67l-.69-.34a27.66 27.66 0 0 0 9.8 24.61ZM105.23 33.13c-.62 1.19 1.19 1.68 1.2 2.81l-1.33-1.05c-.57 2.2 2.06 2.92 2.87 4.66 1.06-3.22.49-5.18-2.73-6.42ZM32.99 42.63c-1.75.1-1.5-2.07-2-3.28l-.86.97 1.1 3.69.8-.56c1.2.85 2.32.27 2.72-1.06.36.09.69.24.95-.02l-1.68-3.43c-.35.07-.68-.42-1.1-.03.4 1.07 1.84 3.22.07 3.72ZM104.9 27.73l-.03.14-1.67-.09c.62 1.95 2.9 1.01 4.35 1.9-.83-1.57-1.43-3.1-3.35-3.4.2-.92-.05-1.8-.63-2.15 0 .82-.33 1.41-1.09 1.72-.37 1.62 1.34 1.54 2.42 1.88ZM104.4 38.96l-.13.02c-.4 1.73.81 3.24 1.57 4.7 1.31-2.3 1.26-4.93-.84-6.76-.64 1.22.25 2.4.57 3.56l-.13.05-1.04-1.57ZM103.92 29.24c.75 1.77 1.95 1.35 2.73 2.5-.66-.2-1.23-.4-1.8-.58-.03 1.89 2.36 2.08 3.69 2.8-.22-3.04-1.71-4.2-4.62-4.72ZM97.01 26.05c.82 0 2 .52 2.68.05.01-2.57-3.16-2.23-4.96-2.29.54.97 1.22 1.92 2.28 2.24ZM88 62.7l-2.05-.15.07.91c.41.1.76.2 1.14.28.11 2.12-1.07 2.16-2.66 1.27-.48 2.69 3.9 2.42 3.5-2.3ZM86.49 54.14c-2.42 2.92-2.44 3.35 1.24 4.6l-.08-.8a7.35 7.35 0 0 1-2.07-.9l1.34-1.64-.43-1.26ZM75.24 43.48l1.11-.09c.39-1.43-.43-1.58-1.42-2.35-.4 1.18-1.45 1.76-2.05 2.76a2.5 2.5 0 0 0 2.08-1.12l.28.8ZM80.8 49.96c.34-.94 2.16-3.26 1.18-3.99-.45.27-1.4.16-1.3.86-.02 1.03-.01 2.06-.01 3.09l.12.04ZM98.87 23.63l.11-.16c-1.02-1.44-1.46-1.73-3.26-1.74.03 1.74 1.86 1.75 3.15 1.9ZM94.26 19.3c-.07 1.24.98 1.95 2.7 1.86-.44-1.25-1.34-1.92-2.7-1.85ZM90.2 32.13c-1.4-.65-2.55.17-3.97-.13.4 1.94 2.74.53 3.98.13ZM92.9 17.34c.36 1.24.85 1.5 2.14 1.33-.41-1.02-1.08-1.43-2.15-1.33ZM93.59 16.7c-.5-1.06-.76-1.2-1.82-1.09.44 1.05 1.07 1.44 1.82 1.09ZM87.13 51.13l1 1.69c1.3 0 .2-1.07-.1-1.53-.17-.18-.54-.18-.81-.27l-.09.11ZM83.4 52.62c.66-.38 1.34-.67 1.94-1.14l-.4-.56c-.57.55-1.9.73-1.55 1.7ZM92.01 14.98c.19-.67-.78-1.57-1.47-1.3.09.75.88 1.4 1.47 1.3ZM77.16 52.33ZM26.88 26.49c.36-.34-.19-.88-.53-.54-.36.33.18.88.53.54ZM27.35 27.47c.36-.33-.18-.88-.53-.54-.36.34.18.88.53.54Z"/><path d="m24.87 23.04-.86.06.45 1.12.6-.7.12.05.08 1.49c.16 1.3 2.16.5 1.36-.55l-.96-1.13a.43.43 0 0 0 .05-.11l.92.1-.45-1.12-.66.54a.5.5 0 0 0-.11-.05l-.08-1.07-1.1.43.69.83a.48.48 0 0 0-.05.11ZM22.42 28.86c.55.01.56-.85.01-.85-.55-.01-.56.85-.01.85ZM22.33 29.96c.55.02.56-.85 0-.84-.54-.02-.55.84 0 .84ZM24.1 26.2c.56 0 .57-.85.02-.85-.55-.01-.56.84-.01.84ZM22.77 27.85c.56.02.57-.84.01-.84-.54-.01-.56.85 0 .84ZM27.95 28.9c-.03-.42.28-1.25.28-1.25l-1.75.69s.8.4 1.08.72c-.37.13-.73.2-1.24-.04l.68 1.34c.15-.6.46-.94.7-.99.73 1.12-1.1 2.35-1.9 1.4-.22-.4.05-.84.52-.5-.07-.83-.8-.83-1.02-.22.02-.85-.2-1.36-1.1-1.61-.23.85.06 1.36.92 1.72-.5-.06-1.02.41-.36 1.01 0-.53.46-.6.7-.23.4.99-.78 1.37-1.75.37.22-.08.44-.05.75.02l-.92-1.15c.05.4.02.7-.07.88-.2-.23-.26-.43-.34-.87l-.7.61a8.22 8.22 0 0 1 2.34 2.38c1.22-1.2 6.16-3.23 8.06-3.17a8.09 8.09 0 0 1 .05-3.33l-.93.04c.25.38.34.56.35.86a1.78 1.78 0 0 1-.66-.6l.13 1.47c.18-.26.32-.44.53-.53 0 1.39-1.12 1.91-1.53.93-.07-.43.3-.7.67-.31.07-.89-.64-.87-.95-.5.37-.84.22-1.41-.54-1.87-.48.8-.28 1.32.33 1.92-.6-.3-1.12.2-.6.85.11-.56.61-.43.72.01.1 1.24-2.1 1.58-2.33.27.2-.12.67-.08 1.18.26l-.43-1.44c-.21.52-.51.71-.87.87ZM51.05 74.28l2.07 1.17c-1.65 1.99 1.31 2.84 1.15.91 1.1.47 5.45 1.79 3.7-.78-5.7.19-8.6-5.73-5.45-10.26 1.92.87 8.66-2.37 8.1.93.35.36.45.4 1.25.4 1.95-4.44-4.76-3.12-7.17-2.6-2.15.63-4.12-2.48-6.02-.77-.75.66-.26 2.13.76 2.18.9.02 1.17-1.22.36-1.6 1.77-.6.92 2.22.28 2.94-2.03-1.04-2.37 2.2-.36 1.35.09.58.12 1.15-.02 1.7-2.2-.47-1.61 2.65.03 1.4.47.44.7 1.13.75 1.8-2.2.3-.44 3.1.58 1.23Z"/><path d="m57.42 77.66-.3-.1c-.16.4-.4 1.16-.03 1.41l1.85.79L61.3 78l.64-9.41-.7.05c-.19.02-1.48 10.88-2.15 10.24.13-.72 1.7-10.24 1.7-10.24l-.7-.1-.08.5-2.62-3.4-.34.16 2.8 3.65-.18.65c-.26-.17-2.96-3.88-3.23-4.23l-.55-.04 3.64 4.7-.2.63-4.08-5.31h-.52l4.42 5.76-.23.83-4.86-6.53-.64.01 5.37 7.02-.2.65-5.92-7.67-.1.6s5.51 7.18 5.85 7.65c-.28.88-.06.96.33 1.69.2.82-.36 2.09-1.34 1.79Z"/><path d="m57.98 74.67-5.68-7.45s-.1.36-.16.51l5.44 7.13.4-.19ZM52.29 69.74c1.3 1.64 2.6 3.32 3.87 4.98.2.02.55.1.55.1l-4.63-6.08s-.08.62.2 1ZM62.18 66.97c-.63-.05-1.3-.18-1.9-.24-1.2 1.03.14 1.62 1.03 1.54.77.2 1.79-.8.87-1.3ZM61.99 93.54c-.19.84 1.15 1.11 1.31.26.19-.84-1.15-1.1-1.31-.26ZM63.2 88.49c.22-1.04-1.44-1.38-1.64-.33-.23 1.04 1.43 1.38 1.63.33ZM57.53 85.7c.23-1.03-1.43-1.37-1.63-.32-.23 1.04 1.43 1.38 1.63.33ZM66.64 95.91c-.67 3.76-2.48 5.46-4.1 5.46-1.6 0-3.42-1.7-4.1-5.46.21.19.41.44.64.74l.35.45.5-.3c.2-.13.41-.24.6-.31-.21.43-.29.95-.18 1.48a2.28 2.28 0 0 0 2.2 1.93c1.08 0 1.98-.8 2.2-1.93.1-.53.02-1.05-.2-1.48.2.07.4.18.61.3l.5.31.35-.45c.23-.3.42-.55.63-.74m.79-1.02c-.95.1-1.43.72-1.93 1.37a3.22 3.22 0 0 0-1.57-.54c-.3 0-.57.08-.82.27 1.73.68 1.11 3.27-.57 3.27-1.68 0-2.3-2.59-.57-3.27-.24-.2-.52-.27-.82-.27a3.2 3.2 0 0 0-1.57.54c-.5-.65-.98-1.28-1.93-1.37.52 4.74 2.7 7.11 4.89 7.11 2.18 0 4.37-2.37 4.89-7.11ZM51.8 82.46c.73-.86-1.81-1.98-2.18-2.46-.3-.18-.68-.14-.88.12-.72.82 1.77 1.96 2.11 2.42.31.24.74.2.96-.08Z"/><path d="M51.48 84.3c2.8 0 2.44-4.4-.32-3.93 1.28.69 2.4 2.5.4 3.03-.75.15-1.52-.65-2.07-1.04.02 1.07.9 1.94 2 1.94Z"/><path d="M47.5 85.03c.61 1.16 4.22 4.31 5.2 2.82-1.76-.88-4.74-3.05-3.6-5.82-2.59-1.57-.3-4.08 1.72-1.95 2.14-1.31 4.53-.37 6.65 1.08.76-1.62-2.94-2.75-3.8-3.23-1.08-.36-4.51.4-5.66.46-.78.1-1.34.79-1.27 1.56.17.83.14 4.42.76 5.08ZM79.27 22.87l1.6.5a19.58 19.58 0 0 0-12.7-10.61c-.14.36-.26.76-.37 1.17 4.88 1.22 9 4.5 11.47 8.94ZM46.36 23.38l1.6-.5a18.3 18.3 0 0 1 11.47-8.95c-.12-.41-.24-.8-.38-1.17a19.58 19.58 0 0 0-12.7 10.62ZM75.62 14.87c1.14.02 1.14-1.75 0-1.74-1.14-.01-1.14 1.76 0 1.74ZM71.6 12.6c1.13.02 1.13-1.75 0-1.74-1.15-.01-1.15 1.76 0 1.74ZM69.4 11.82c1.15.01 1.15-1.76 0-1.74-1.13-.02-1.13 1.75 0 1.74ZM73.67 13.62c1.14.02 1.14-1.75 0-1.73-1.14-.02-1.14 1.75 0 1.73ZM77.42 16.32c1.14.02 1.14-1.76 0-1.74-1.13-.02-1.13 1.76 0 1.74ZM81.98 22.85c-.02 1.13 1.78 1.13 1.76 0 .02-1.12-1.78-1.12-1.76 0ZM80.92 20.81c-.02 1.13 1.77 1.13 1.76 0 .01-1.13-1.78-1.13-1.76 0ZM79.06 17.95c1.14.01 1.14-1.76 0-1.74-1.14-.02-1.14 1.75 0 1.74ZM79.65 18.87c-.02 1.13 1.77 1.13 1.76 0 .01-1.12-1.78-1.12-1.76 0ZM51.6 14.87c1.14.02 1.14-1.75 0-1.74-1.14-.01-1.14 1.76 0 1.74ZM49.8 16.32c1.14.02 1.14-1.76 0-1.74-1.14-.02-1.14 1.76 0 1.74ZM44.36 23.72c1.14.02 1.14-1.75 0-1.73-1.14-.02-1.14 1.75 0 1.73ZM53.55 13.62c1.14.02 1.14-1.75 0-1.73-1.13-.02-1.13 1.75 0 1.73ZM46.7 19.74c1.14.02 1.14-1.75 0-1.73-1.14-.02-1.14 1.75 0 1.73ZM45.43 21.68c1.14.02 1.14-1.76 0-1.74-1.14-.02-1.14 1.76 0 1.74ZM57.82 11.82c1.14.01 1.14-1.76 0-1.74-1.14-.02-1.14 1.75 0 1.74ZM48.16 17.95c1.14.01 1.14-1.76 0-1.74-1.14-.02-1.14 1.75 0 1.74ZM55.63 12.6c1.14.02 1.14-1.75 0-1.74-1.14-.01-1.14 1.76 0 1.74ZM65.12 20.68h1.17c0-3.67.54-6.85 1.5-8.95.33-.67-.75-1.17-1.06-.48-1.4 3.03-1.6 7.2-1.6 9.43ZM60.93 20.68h1.17c0-2.23-.21-6.4-1.61-9.43-.31-.69-1.4-.2-1.07.48.97 2.1 1.5 5.28 1.5 8.95ZM63.61 20.66c1.24.02 1.24-1.9 0-1.88-1.23-.02-1.23 1.9 0 1.88ZM63.61 18.3c1.24.02 1.24-1.9 0-1.88-1.23-.02-1.23 1.9 0 1.88ZM63.61 15.94c1.24.02 1.24-1.9 0-1.88-1.23-.02-1.23 1.9 0 1.88ZM62.94 13.64c.4-.21.94-.21 1.35 0 1.36-2.08-2.72-2.08-1.35 0Z"/><path d="M64.37 11.66c1.06-1.96-2.58-1.95-1.51 0a1.52 1.52 0 0 1 1.5 0Z"/><path d="M63.04 3.73c-.16 1.2-.8 2.13-1.59 2.28v.3H63a1.1 1.1 0 0 0-.2.2c-2.75.6-3.03 4.76-.4 5.74-1.03-.99-.24-2.87 1.21-2.82 1.45-.05 2.24 1.83 1.21 2.82 2.64-.98 2.35-5.14-.4-5.75a.97.97 0 0 0-.2-.19h1.55v-.3c-.8-.15-1.43-1.08-1.58-2.28 1.21.15 2.16.78 2.3 1.56h.31V1.02h-.3c-.15.78-1.1 1.41-2.31 1.57.15-1.2.79-2.14 1.58-2.28V0h-4.32v.3c.8.15 1.43 1.08 1.59 2.29-1.22-.16-2.16-.79-2.3-1.57h-.32v4.27h.31c.15-.78 1.09-1.41 2.3-1.56ZM101.14 70.59h.01l-.28-.49c.03.2.12.38.27.49ZM100.42 72.4c-1.22-.76-1.9 2.59-2.35 3.16-.22.49-.03 1.02.42 1.17l-.9 1.85c-.48-.08-.9.29-.9.84.18.72-.55 3.85.74 3.89v.86c-3.1.56-2.64 5.39.55 5.31 3.17.08 3.66-4.71.6-5.3v-.83c.48.08.9-.28.9-.84-.17-.7.49-3.71-.65-3.87l.69-1.41c1.16.62 1.84-2.64 2.28-3.2.2-.45.05-.97-.36-1.14l.52-1.06c-.14-.2-.44-.64-.73-1.1l-.81 1.67Zm-.58 14.4c-.75 4.3-6.34.04-2.34-1.78.19.42.82.44 1 .02.78.22 1.34.93 1.34 1.76Zm-1.27-4.4c.08-.62-.73-.96-1.05-.44.09-.23-.22-2.57.22-2.57.18.13.42.16.62.01.14.03.24.16.24.32v2.53l-.03.15Zm2.36-8.53c-.14.15-1 2.6-1.3 2.5-.11-.2-.38-.33-.61-.26-.13-.06-.18-.24-.11-.4.16-.17.97-2.67 1.34-2.5.1.24.4.4.64.33.07.08.09.21.03.33ZM38.28 66.98l.27 1.05 4.85-.6-.24-.94c-.24-.05-3.26.5-3.26.5s2.87-3.32 2.8-3.71l-4.9.55.1.83 2.88-.4s-2.39 2.67-2.5 2.72ZM40 73.13c2.35 2.22 6.03-1.33 3.6-3.61-2.34-2.25-6.08 1.33-3.6 3.61Zm.28-2.47c1.03-1.85 4.45-.75 3.03 1.35-1.06 1.79-4.42.78-3.03-1.35ZM43.26 78.37l.82 1.12a11.23 11.23 0 0 1 3.94-2.83l-.82-1.12a5.73 5.73 0 0 1-1.55 1.4l-1.26-1.72c.53-.4 1.23-.9 1.82-1.03l-.82-1.12a11.23 11.23 0 0 1-3.94 2.82l.82 1.12a5.7 5.7 0 0 1 1.55-1.38l1.25 1.72c-.53.39-1.22.88-1.81 1.02ZM42.8 61.64l.06-1.02c-1.38.26-3.61.25-4.99-.01l-.07 1.02c1.39-.25 3.62-.25 5 .01ZM77.96 82.36c2.97-1.29 2.3-4.2-1.04-2.87-1.4-.4.37-1.8 1.3-1.5l.02-.01-.7-.82c-1.05.45-2.73 1.85-1.84 3.04.62.78 1.87-.05 2.69-.04 1.36.24-.1 1.64-.94 1.56l-.02.02M86.09 72.17l.84-2.82c-.43.03-4.28-1.08-4.62-1.33l-.8 2.68.8.68.02-.01c-.06-.62.03-1.32.25-2.09l1.47.42c-.15.42-.4 1.38-.6 1.63l.72.1.47-1.56 1.4.4c-.17.52-.4.93-.7 1.22l.75.68ZM84.14 75.93l.46-.87-3.8-2.52-.42.79c.15.18 2.62 1.63 2.62 1.63s-4.08.53-4.27.84l3.8 2.58.44-.64-2.28-1.46s3.34-.38 3.45-.35ZM73.66 85.15l2.64-1.52c-.34-.25-2.4-3.58-2.47-3.99l-2.5 1.44.1 1.02h.02c.4-.5.96-.94 1.68-1.36l.78 1.27c-.41.2-1.28.74-1.61.79l.46.56 1.46-.84.75 1.2c-.5.28-.95.42-1.38.44l.07.99ZM44.19 52.1c-.8-.62-1.8.48-2.6.66-1.38.08-.3-1.61.54-1.73V51l-.66-.49c-1.24.63-2.19 3.3-.18 3.36.43.02 1.52-.73 1.88-.81.94-.18.64 1.08.08 1.38.28-.02.57-.05.84.02.53-.73.86-1.8.1-2.37ZM45.16 50.66c-2.2-.14-2.66-3.9 0-3.34v-.91c-3.45-.2-3.4 5.22 0 5.1v-.85ZM50.64 43.99h1.52l-1.04-1.64c.53-.3 1.65-.75 2.15-.72l-1.2-.9-3.67 2.17.42 1.4h.02c.3-.57.74-1.04 1.23-1.3l.56.99ZM61.37 43.36l.01.02c-.73.58-1.67.34-2.45-.07-2.3 1.27-4.76-1.71-2.93-3.62 1.94-2.28 5.77.3 3.92 2.82.6.46 1.09.74 1.45.85Zm-2.8-.73c1.84-.71.24-3.53-1.39-2.86-1.82.69-.25 3.53 1.39 2.86ZM62.06 41.34c-.01-.78.1-2.16-.24-2.83h1.64c-.27.72-.74 4.06.66 3.9.55 0 1.1-.38 1.08-.95-.02-.8.1-2.27-.24-2.96h1.64a9.8 9.8 0 0 0 0 4.72H65.2c.03-.1.05-.25.05-.47-1.42 1-3.33.5-3.2-1.41ZM68.99 43.66c.29-1.16.7-3.13 1.35-4.11l-1.27-.42c.01 1.24-.66 3.18-1.09 4.37l1.01.16ZM76.74 59.37h.8V46.62h-11.9v12.75h11.1ZM72.19 59ZM71 59Zm6.15-6.56Zm-11.1 1.12v.12c.02-.24.41-.06.22.1l.06.06c.4.05.45-.54.05-.56v-.01l.48-.2v-.15l-.48-.2v-.02c.4-.02.34-.6-.05-.56l-.06.06c.2.17-.2.34-.22.1v.15-5.07h.4V47h4.42c.25.04.04.37-.12.2l-.06.06c-.05.38.6.4.6.02l.24.47h.15l.22-.47c0 .39.65.36.6-.02l-.05-.06c-.16.17-.37-.16-.12-.2h4.42v.38h.4c-.04-.09.16 6.22-.21 4.82l-.06-.06c-.4-.04-.45.54-.05.57l-.48.22v.14l.48.2v.01c-.4.02-.34.6.05.56l.06-.06c.37-1.43.17 5.02.21 4.84h-.4V59h-4.42c-.25-.04-.05-.38.12-.2l.06-.06c.05-.38-.59-.42-.6-.04h-.01l-.23-.45h-.15l-.22.45h-.01c-.02-.38-.64-.34-.6.04l.06.05c.17-.17.37.17.11.2h-4.4v-.37h-.41v-5.06Z"/><path d="M79.3 59.86c.01-.26-.29-.46-.54-.37v.06c-.48 2.1-.25-6.56-.29-6.24l.44.18v-1.01l-.44.18v-6.39c.07-.32.57-.04.3.16v.06c.59.19.76-.75.12-.76l.4-.68-.1-.1s-.7.4-.71.39c-.01-.58-1-.44-.82.13h.06c.21-.26.52.2.18.26h-5.95l.18-.4h-1.08l.19.4H65.3c-.36-.05-.06-.52.16-.27h.06c.2-.56-.81-.7-.82-.12l-.72-.38-.1.09.4.68c-.63 0-.46.95.14.76v-.06c.46-2.1.24 6.52.28 6.22l-.42-.17v1l.42-.16c-.04-.16.18 8.28-.28 6.23v-.06c-.6-.18-.77.75-.14.76l-.4.68.1.1c.01 0 .71-.4.72-.39 0 .59 1.01.44.82-.12h-.06c-.1.13-.34.06-.34-.1 0-.09.07-.16.16-.17h5.96l-.19.4h1.08l-.19-.4h5.95c.09.01.16.08.16.17 0 .16-.24.23-.34.1h-.06c-.19.56.81.7.82.12l.71.38.1-.09-.4-.68c.23 0 .42-.17.42-.39Zm-7.2-13.74h5.96v13.75H65.12V46.13h6.98ZM77.13 53.68v.01ZM77.13 52.3ZM66.06 53.7v-.02.01ZM66.06 52.3ZM23.05 29.52l.28-.23a3.93 3.93 0 0 1 1.58-2.87 3.77 3.77 0 0 0-.18-.23 4.24 4.24 0 0 0-1.68 3.33ZM25.84 27.87l.27-.1a5.81 5.81 0 0 0-1.15-2c-.13-.13-.34.07-.21.2.4.4.79 1.07 1.09 1.9ZM23.35 26.94c.55.01.56-.85 0-.85-.54 0-.56.85 0 .85ZM31.47 25.12c-.38.4-1.01-.19-.62-.58.37-.4 1 .2.62.58ZM32.32 25.83c-.38.4-1-.2-.61-.59.37-.4 1 .2.61.59ZM28.36 24.45c-.38.4-1-.2-.62-.59.38-.4 1 .2.62.59ZM30.5 24.67c-.38.4-1.01-.2-.62-.59.37-.4 1 .2.62.59ZM31.5 26.03l-.36.04a4 4 0 0 0-3.18-.9l-.04-.29c1.26-.2 2.57.23 3.59 1.15ZM28.28 26.84l-.25.14a5.8 5.8 0 0 1-.64-2.22c0-.19.29-.2.29-.02 0 .56.22 1.31.6 2.1ZM29.43 24.43c-.38.4-1-.19-.62-.58.38-.4 1.01.2.62.58ZM75.3 69.76c1.23-.02 4.1-1.36 2.02-2.48-1.17-.2-2.33.37-3.45.63-4.52 1.78-1.87-.4-4.67-.16.94 2.37 3.33 1.15 5.12.6.06.26-.27.32-.23.58l1.74-.36c.25-1.16 2.4-1.17 1.41 0-2.47 1.06-5.39.86-7.97 1.59-1.73 4.48-4.74 1.43-4.71 2.72-.68.06-.67.7.02.65.02 1.3 3.35-.2 3.97-.6l.43-.9c1.01.48 1.73-.96 2.6-1.22.88-.17 2.02-1.02 2.77-.24.83.91 2.07-.47 2.8.44-.27.71.09.4.21.84 0 .4.66.4.67 0 0-.18.02-.29.2-.36.37-.56-.42-1.17-.7-1.64-.6-.58-1.62.53-2.23-.09Z"/><path d="M64.13 67.79c.2.07.13.3.22.42 1.07.07 2.13-.2 3.2-.34.8 0 .78-.7 1.37-.8 1.41.08 2.3-1.16 3.63-1.36 1.07-.3 2.51-.7 3.46.05.23.25.56.3.9.24.45-.08 1-.18 1.23.34l-.26.27.16.32c.22-.01.25.16.34.3.12.2.4.2.45 0 .05-.25.31-.12.4-.34.03-.64-.1-1.45-.76-1.77-.32-.3-1.6.31-1.63-.31.95.21 2.76-1.01 1.51-1.8-2.11-.5-4.43.52-6.58.76-.84.19-.42-1.18-2.29-.8 1.2 2.47 3.8.72 5.8.7.02.22-.38.2-.28.48.58-.18 1.58.13 1.91-.45.18-.7 1.68-.53 1.24.28-1.12.7-2.8.38-4.12.53-1.61.13-3.37.17-4.89.73-.3.93-.71 1.88-1.8 2.1-.75-.72-1.85.14-2.66-.6-.26.05-.31.2-.42.4-.4.16-.53.38-.12.65ZM76.04 74.3c-2.12-.26-1.8 1.18-2.84.84.19-.23.7-.36.54-.7-1.55.66-3.18 1.14-4.72 1.83-.79.83-.53 2.47-2.3 2.62-.06.86-1.28 1.44-2.03 1.05-.3.28-.17.36-.12.62-.26.23-.6.75-.05.75.17-.04.3-.3.48-.21l-.04.35c.15 0 .35.04.4-.02.24-.3.59-.05.86-.29.91-.6 2.21-1.16 2.14-2.42 1.6-.7 2.54-3.27 4.63-2.37 1.04.56 1.32-1.1 2.25-1.14.26.61.38.56.72.36.58.44.48-.26.71-.58.03-.32-.3-.69-.63-.68Z"/><path d="M66.48 64.23c-.34.95 0 2.21.9 2.74a2.48 2.48 0 0 0 1.32-2.88c.24-.2.54-.3.45-.65-.16-.38-.77-.1-.92-.54-.39-.52-.9-.1-1.2.25-.24.03-.47-.09-.69.02-.22.4.4.65.14 1.06ZM66.21 77.55c1 2.36 2.5-.64 2.12-1.91.69-.56.5-.9-.33-.95-.3-.62-.93-.68-1.36-.16-.16.19-.38.12-.58.14-.43.2-.2.66.18.76-.2.72-.31 1.43-.03 2.13ZM68.95 68.81c-.2-.11-.44-.12-.65-.1-.36-.91-1-.57-1.51-.02-.77-.3-.66.38-.25.75-.38.93-.12 2.32.88 2.72 1.06-.44 1.35-1.7 1.28-2.73.33-.05.6-.42.25-.62ZM76.52 71.9c-1.9-.63-4.87 3.44-6.13 2.24-.3-.66-1.24-.58-1.83-.4.7.5 1.1 1.62 2.18 1.25 1.21-.23 2.17-1.2 3.22-1.65.03.35-.33.5-.48.83.72-.23 1.37-.43 1.9-.88-.09-1.97 2.76-.6.03.62.49.01.82.23 1.15-.17.63-.55.66-1.35-.04-1.85ZM72.22 76.46c-.56.13-1.11.18-1.46.74l.42.55c-.27.68-.95.57-1.6.6l.14.47c-.27.15-.38.39-.32.72l.24.08c.18-.22.5-.44.58-.03a4.57 4.57 0 0 0 2.76-2.15 2.03 2.03 0 0 1-.76-.98Z"/><path d="M70.69 72.4c-.25 0-.3.31-.13.46.16.18.33-.02.52.03l.01.28c1.02.06 2.55-.84 3.1-1.65l-.64-.97c-.55.18-1.18.16-1.5.66l.56.59c-.38.2-.8.55-1.21.22-.17-.15-.63-.08-.51.2.01.05-.01.1-.02.16l-.18.02ZM66.37 78.52c-.38-.73-.97-1.39-1.24-2.15.33-.47.18-1.06-.45-.68-.15-.32-.39-.38-.68-.3-.08.2-.13.4.1.55l-.01.1-.2.06c-.16.4.24.63.38.94.44.7 1.09 2.35 2.1 1.48ZM66.37 66.55c-.06-1-1.23-1.65-.88-2.66.1-.19.07-.41-.13-.56a.73.73 0 0 1-.6-.08c-.44-.21-.5.27-.46.58l-.29.13c.3.86 1.22 3.03 2.36 2.59ZM64.1 69.96c.43.65.55 1.69 1.29 2.06.33 0 .85.3 1.05-.09-.22-.77-1.19-1.22-1.05-2.1.05-.21-.03-.42-.2-.6-.38.1-1.16-.73-.88.27-.23.08-.37.24-.2.46ZM47.32 49.85c.16.01.32-.17.49 0l-.05.25c1.03.45 2.17-.05 3.2-.33.4-.12.63-.53 1.07-.52 1.06.08 1.66-.8 2.57-1.05 1.12-.22 2.26-.4 3.4-.37 1.32 1.78 1.56.27 2.74.87l-.1.53.3.1c-.11.44.55.7.64.14.02-.07-.02-.15.08-.17.7-.37-.38-2.21-1.12-1.73-.38.18-.88.35-1.18-.1.66-.26 1.47-.2 1.91-.8.34-.4.3-1.2-.33-1.42-1.65-.45-3.4.37-5.06.52-3.13.84-.9-.67-3.38-.65.89 2.51 3.56.9 5.41.71-.13.3-.44.4-.56.67.66-.12 1.52.12 2-.38.26-.69 1.92-.77 1.52.17-1.56 1.51-6.45.1-8.63 1.06-.33.99-.9 1.64-1.86 1.91-.77-.48-1.13.07-1.9-.15-.22-.23-.44-.5-.78-.24v.36c-.36-.1-.78.4-.38.63Z"/><path d="M50.03 46.02c-.58 1.04-.4 1.99.28 2.87 1.28.04 1.8-1.7 1.6-2.74l.39-.27-.1-.38-.65-.03c-.47-.6-.75-.6-1.3-.07-.25-.1-.46-.03-.63.19.09.19.21.33.41.43ZM56.3 48.27c-.06.29.2.42.26.64-.35.22-.72.24-1.09.28-.19-.19-.27-.53-.6-.43-.2.04-.09.24-.23.32-.25-.02-.39.1-.43.35l.35.2c-.28 1.31 3.34-.05 3.87-.44-.17-.3-.4-.5-.47-.84-.15-.58-1.22-.1-1.66-.09ZM49.53 48.43c-.04-.46-.16-1-.52-1.32-.41-.42-.55-1-.13-1.44-.2-.2-.49-.04-.7-.32-.25-.3-.41.05-.47.36-.74.1-.32.35-.15.73.24.68 1.11 2.3 1.97 1.99ZM60.45 53.33c-.38.18-.89.35-1.18-.1.65-.26 1.47-.2 1.92-.8.34-.41.3-1.22-.34-1.44-1.66-.46-3.42.38-5.1.52-3.15.85-.9-.67-3.4-.66.9 2.54 3.58.91 5.45.73-.13.3-.44.4-.57.68.66-.13 1.53.12 2.03-.39.25-.7 1.92-.78 1.53.17-1.58 1.52-6.51.1-8.7 1.07-.34 1-.92 1.65-1.88 1.92-.67-.4-1.02-.07-1.6-.1.03.2.09.37.13.55.05.19.07.37.08.56.67-.07 1.34-.32 1.96-.49.41-.12.64-.53 1.1-.52 1.06.07 1.67-.81 2.58-1.07a16.9 16.9 0 0 1 3.44-.37c1.32 1.8 1.56.27 2.75.88l-.1.53.3.1c-.1.45.56.71.65.15.01-.07-.02-.16.08-.17.71-.38-.38-2.23-1.13-1.75Z"/><path d="M49.86 51.76c-.59 1.06-.42 2.01.28 2.9 1.29.04 1.82-1.7 1.6-2.77.14-.09.27-.17.4-.27l-.1-.38-.66-.03c-.46-.6-.75-.6-1.3-.07-.26-.1-.47-.03-.64.2.1.18.21.33.41.42ZM56.17 54.03c-.05.3.22.42.27.66-.35.22-.73.23-1.1.28-.19-.2-.27-.54-.6-.44-.2.05-.1.25-.24.33-.25-.02-.4.1-.43.34l.35.21c-.28 1.32 3.37-.05 3.9-.45-.17-.3-.4-.5-.47-.84-.15-.58-1.23-.1-1.68-.09ZM49.35 54.2c-.04-.47-.16-1.01-.53-1.33-.41-.43-.54-1-.12-1.46-.21-.2-.5-.04-.7-.32-.27-.3-.42.05-.49.36-.74.11-.31.35-.14.74.24.68 1.12 2.3 1.98 2ZM60.58 58.73c-.38.18-.88.35-1.18-.1.65-.27 1.47-.2 1.92-.81.33-.4.3-1.21-.34-1.43-1.66-.45-3.41.38-5.1.52-3.14.85-.9-.67-3.4-.65.9 2.53 3.59.9 5.45.72-.13.3-.44.4-.56.67.66-.12 1.53.12 2.02-.38.25-.7 1.92-.78 1.53.17-1.57 1.52-6.5.1-8.7 1.07-.32.99-.9 1.65-1.86 1.92-.79-.48-1.14.06-1.93-.15l-.23-.24a.15.15 0 0 1-.06-.04.48.48 0 0 0-.1-.05l.02.04c.01.45-.1.9-.28 1.31 1.02.4 2.14-.09 3.15-.36.4-.12.64-.53 1.09-.52 1.06.08 1.67-.8 2.58-1.06 1.13-.21 2.28-.39 3.43-.37 1.32 1.79 1.56.27 2.75.88l-.1.52.3.11c-.1.45.56.7.65.14.01-.07-.02-.16.08-.17.7-.38-.38-2.23-1.13-1.74Z"/><path d="M50 57.16c-.58 1.06-.41 2 .28 2.9 1.3.04 1.82-1.7 1.6-2.77.14-.09.27-.17.4-.27l-.1-.38-.65-.03c-.47-.6-.75-.6-1.31-.07-.26-.1-.47-.03-.64.2.1.18.22.33.42.42ZM56.3 59.43c-.05.3.22.42.27.65-.35.22-.72.24-1.09.28-.2-.19-.27-.53-.61-.43-.2.04-.09.24-.23.32-.25-.02-.4.1-.43.35l.35.2c-.28 1.32 3.36-.05 3.9-.44-.18-.3-.4-.5-.47-.85-.15-.58-1.23-.1-1.68-.08ZM48.97 58.26a1.56 1.56 0 0 1-.2-.25c-.03.24.1.51.06.74-.04.19-.09.46-.14.63.3.3.47.33.8.21-.04-.46-.15-1-.52-1.33ZM67.88 48.96c.28.18.5 1 .67 1.12.32.42 1 1.55 1.66 1.32v-.02c.2-.08.38-.65.4-.73-.01-.02-.12-.12-.25-.22-.62-.53-1-1.06-1-1.55-.04-.16.35-.38.32-.53-.02-.56-.49.07-.67-.02-.1-.16-.45-.62-.67-.4-.13.06.03.4-.07.47-.05.07-.08.08-.23.07-.5 0-.57.3-.16.5Z"/><path d="M70.54 52.75c.17-.17.67-.65.73-.76.05-.11.07-.11.42-.14.97-.14 1.46-.53 1.74-1.56.13-.31-.04-.98-.24-1.13-.08-.05-.11-.15-.06-.19.18-.02.55-.17.62-.38-.1-.2-.36-.05-.7-.16-.25-.11-.92-.32-1.2-.17-.18.23-1.32.25-1.11.59l.12.4.52.07v.37l-.48.1c-.31.45.73.48 1 .14.19-.22.48-.25.47-.01-.14.3-.64.44-.93.59-.44.07-.55.92-.89 1.2-.95.17-1.29.15-2.23-.6-.34-.4-.61-.1-.35.2-.17.06-1.04-.43-.65.4l.06.08c-.43.61.21.4.57.6.77.3 1.6.52 2.6.36Z"/><path d="m73.59 52.15.4.83s.86.38.98.5c.49.35.4 1.32-.03 1.21-.72-.29-1.15-1.3-1.65-1.92-.13-.1-.47-1.11-.7-.85-2.96.65.54 1.4 0 2.5-.1.15-.43.9-.3 1.02.25.3.8.53 1.1.91.48.47.05 1-.55.57-.34-.25-.74.11-.4.45.03.06-.2.16-.24.19-.35.48.23.45.54.21.17-.08 0 .42.29.34.54-.12 1.37-.39 1.52-1.23.34-.76-.44-.64-.63-1.31-.2-.28-.21-1.29.21-.92.4.5.92.77 1.4.34.44-.42.04-1.42-.19-1.86-.43-.89-.92-1.74-.89-2.8.6-.7 1.3.56 1.72-1.4-1.4.09-2.78 1.02-2.09 2.58.43.88.34.81-.5.65Z"/><path d="M71.33 53.82c-.74-.04-1.3-.1-1.1.77.04.21.12.85.25 1 .05.08.04.17-.03.22-.3.17-1.43-.29-1.3-.67 0-.31-.31-.39-.4-.16-.06.1-.14.1-.25-.03-.21-.3-.5.1-.38.33.04.09-.01.18-.12.2-.31.13-.3.55.14.56.94.44 1.76.88 2.86.73h-.02c1.2-.09.59-.31.53-1.14-.2-.88 1.33-1.47-.18-1.81ZM72.46 66.5c-.08-.07-.28 0-.3.06 0 .4-.42.28-.55.56.08.16.2.3.39.28.23-.02.2.26.42.27.98-.44 2.16-.33 3-1.1-.32-.26-.4-.62-.46-1-.57.04-1.13-.04-1.62.22-.05.26.13.4.26.62-.4.17-.76.26-1.14.09Z"/><path d="M88.26 55.51c-.4-.82-1.3-5.44-2.6-4.44 5.96 11.02 1.98 25.52-8.37 32.5-3.03 1.81-6.8 4.83-10.4 2.82 2.32-8.95 13.44-5.17 15.85-22.22-.3-.14-.4-.23-.68-.28a29.17 29.17 0 0 1-1.85 6.87c.96-2.54.35-10.48.53-10.92-.1-.13-.2-.18-.53-.58.06.96 0 1.3 0 2.58H63.35V44.43H79.9v9.82a6 6 0 0 0 .1.7c.24-.37.26-.35.42-.47V43.92H45.7l-.03 8.9h.51v-8.4h16.66v17.42H46.77c-.05.05.01-.28-.04-.23 0-.05-.11.27-.11.23h-.45V60.5l-.5-.02c-.38 1.3.72 12.23 2.53 14.15-3.62-3.48-4.76-9.65-4.08-14.3 0 0-.34-.26-.71-.6-1.14 6.56 1.36 13.02 6 17.7.4.44.85-.02 1.34-.15-.1-.1-.31-.27-.46-.47l.46.47-.25-.7c-3.65-2.76-4.25-10.63-4.32-14.23h16.65s0 21.83-.02 21.88c-3.54-.17-5.94-3.98-9.36-4.02 4.92 2.88 13.9 9.83 19.58 6.78l.08.1c-.6.74-2.7 2.14-3.64 1.78-1.54-.92-3.93.76-2.83 2.47.14.2.22.37.06.64-6.14-.57-11.66-4.2-16.83-7.31l-.09.1c1.98 2.65 9.06 5.94 9.06 5.94v3.94l.75.5v-4.27c1.86.63 5.62 1.8 5.62 1.8l.01 2.66.72-.45-.04-2 1-.27a1.3 1.3 0 0 0 .97-1.41.75.75 0 0 1-.42-.87c.15-.78 1.1-.8 1.49-.33.77.34 1.52-.57 2.28-.79 1.07-.64 2.38-1.2 2.88-2.42.1-.3.26-.5.52-.64a27.42 27.42 0 0 0 6-4.3c7.52-6.29 10.14-17.1 7.64-26.35Zm-24.91 6.83H80.2c1.38 12.76-6.18 17.03-16.86 21.48V62.34Zm.3 22.8a6.99 6.99 0 0 1 3.56-1.79l-1.26 2.8-2.3-1.02ZM26.02 92.14c-.38-.23-.86-.3-1.42-.21.12.84.43 2.41.67 3.23 1.6-.23 2.07-2.2.75-3.02Z"/><path d="M47.7 86.35c-9.55.01-19.06 4.05-28.6 4.05-1.15 0-2.3-.06-3.45-.2 2.96 2.32 2.76 6.96 7.06 6.96l.58-.03c5.85-.62 11.66-2.25 17.42-3.15.99-.15 5.75-1.3 8.54-1.3 1 0 1.76.14 1.98.55.3.54-1.6 2.12-1.6 2.18-.01.02 0 .03.02.03.18 0 1.23-.6 2.02-1.11 3.11-2.22-3.41-7.98-3.97-7.98Zm-20.1 7.84c-.52 1.22-2.07 1.5-3.29 1.71.06-.38-.68-3.91-.9-4.24 2.1-.89 5.1-.02 4.19 2.53Zm1.23.74a9.99 9.99 0 0 0-.91-4.24l1.22-.26a10 10 0 0 0 .9 4.24l-1.21.26Zm4.69-1-2.5.54c.05-.37-.76-3.84-.97-4.16l2.63-.57-.21.87c-.37-.1-.8-.1-1.28 0l.3 1.25 1.45-.32.23.62c-.29-.05-1.16.17-1.56.23l.3 1.32c.72-.16 1.31-.4 1.78-.71h.01l-.18.92Zm2.56-.4c-1.82.05-2.09-2.53-2.51-3.8l.88-.16c.42 1.1.3 3.7 2.18 3.35 1.36-.6.26-2.73.12-3.76l.87-.12c.33 1.7 1.11 4.67-1.54 4.5Zm7.24-1.28-2.5.57c.05-.37-.79-3.83-1-4.15l2.63-.6-.2.88c-.37-.1-.8-.1-1.29 0l.3 1.26 1.46-.33.24.6c-.29-.04-1.16.18-1.56.26l.31 1.3c.72-.15 1.31-.4 1.78-.72l.01.01-.18.92Zm2.63-4.2.72 3.58-.84.15-.73-3.57c-.52.09-.8.09-1.5.39l-.02-.8 3.6-.46.25.68a5.68 5.68 0 0 0-1.48.02ZM91.93 90.33c-.2.8-.52 2.28-.62 3.08 1.87.4 2.45-2.7.62-3.08ZM99.27 91.6c-1.43-.36-1.9 2.6-.7 3.07 1.45.34 1.9-2.6.7-3.08ZM95.52 91.04l-.44 1.57c1.22.22 1.75-1.37.44-1.57ZM84.04 88.8c-1.5-.4-2.07 2.65-.82 3.17 1.53.4 2.08-2.64.82-3.17Z"/><path d="M105.4 90.38c-1.19 0-2.33-.02-2.88-.07-6.3-.6-12.52-2.38-18.8-3.37-1.81-.28-3.3-.55-4.58-.55-2.67 0-4.48 1.15-6.63 5.67-.91 1.73 2.15 3.37 2.83 3.44-2.52-2.13-1.64-2.76.34-2.76 2.75 0 7.62 1.2 8.57 1.33 5.75.9 11.57 2.53 17.42 3.15l.59.03c4.3 0 4.09-4.64 7.05-6.95-.53.04-2.27.08-3.9.08Zm-23.67-2.5c-.14.13-.65 3.67-.62 4.01l-.96-.18c.17-.3.4-2.77.4-2.77l-1.65 2.53-.97-2.86s-.39 2.06-.4 2.72l-.95-.13c.3-.48.9-4.12.9-4.12l.97.18c.03.2.76 2.66.76 2.66s1.3-2.15 1.38-2.26l1.14.2v.02Zm3.53 3.13c-.86 2.9-4.24 1.31-3.24-1.27.86-2.81 4.24-1.33 3.24 1.27Zm3.33 2.54c-.3-.07-1.89-3.28-1.89-3.28s-.39 2.5-.49 2.67l-.72-.1.83-3.93.8.1c0 .11 1.27 2.76 1.27 2.76l.46-2.34.62.17-.88 3.95Zm3.77.34c-.57.2-1.39-.02-1.98-.14l.8-4.04c2.65-.17 3.74 3.22 1.18 4.18Zm4.7-1.86c-.12.46-.46.77-1.02.94.24.8.39 1.06.8 1.93v.02l-.65-.1a7.54 7.54 0 0 1-1.18-1.8c-.14.5-.28 1.13-.22 1.58l-1.1-.16c.2-.31 1.06-3.62 1.03-3.97.94.12 2.64.29 2.34 1.56Zm2.1 3.2c-2.44.45-2.43-3.6-.48-4.17 2.43-.51 2.44 3.61.47 4.17Zm2.52-2.37c-.1.71-.43 2.18-.3 2.86l-.95-.14c.42-1.06.7-2.85.64-3.98l.95.13c-.16.32-.27.7-.34 1.13Zm2.25-.18s-.56 3.11-.53 3.38l-.94-.17c-.02.02.58-2.73.73-3.33a2 2 0 0 0-1.1.1h-.01l.38-.78 2.56.45.18.87a3.4 3.4 0 0 0-1.27-.52Z"/></svg>
diff --git a/node_modules/govuk-frontend/dist/govuk/assets/rebrand/images/govuk-icon-180.png b/node_modules/govuk-frontend/dist/govuk/assets/rebrand/images/govuk-icon-180.png
new file mode 100644
index 0000000..62c4eb0
Binary files /dev/null and b/node_modules/govuk-frontend/dist/govuk/assets/rebrand/images/govuk-icon-180.png differ
diff --git a/node_modules/govuk-frontend/dist/govuk/assets/rebrand/images/govuk-icon-192.png b/node_modules/govuk-frontend/dist/govuk/assets/rebrand/images/govuk-icon-192.png
new file mode 100644
index 0000000..d4ef539
Binary files /dev/null and b/node_modules/govuk-frontend/dist/govuk/assets/rebrand/images/govuk-icon-192.png differ
diff --git a/node_modules/govuk-frontend/dist/govuk/assets/rebrand/images/govuk-icon-512.png b/node_modules/govuk-frontend/dist/govuk/assets/rebrand/images/govuk-icon-512.png
new file mode 100644
index 0000000..a984294
Binary files /dev/null and b/node_modules/govuk-frontend/dist/govuk/assets/rebrand/images/govuk-icon-512.png differ
diff --git a/node_modules/govuk-frontend/dist/govuk/assets/rebrand/images/govuk-icon-mask.svg b/node_modules/govuk-frontend/dist/govuk/assets/rebrand/images/govuk-icon-mask.svg
new file mode 100644
index 0000000..e10ff6c
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/assets/rebrand/images/govuk-icon-mask.svg
@@ -0,0 +1 @@
+<svg viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="m0 0v512h512v-512zm415.76 238.55c11.12-4.56 24.05.88 28.67 12.11 4.63 11.17-.72 24.05-11.85 28.61-11.34 4.68-24.21-.67-28.83-11.88-4.65-11.18.67-24.18 12.01-28.84zm-39.05-58.11c11.12-4.56 24.05.89 28.68 12.12 4.62 11.17-.73 24.04-11.85 28.6-11.34 4.68-24.21-.67-28.83-11.88-4.65-11.18.67-24.18 12-28.84zm-58.98-35.19c11.12-4.57 24.05.88 28.67 12.11 4.62 11.17-.72 24.04-11.85 28.6-11.34 4.68-24.21-.67-28.84-11.88-4.64-11.18.67-24.18 12.01-28.83zm-101.34-55.92 27.83 8.81.09-.08c.77-1.03 1.68-1.94 2.7-2.73l.08-.08-11.2-35.25h20.12s20.12 0 20.12 0l-11.2 35.25.08.08c1.02.79 1.93 1.7 2.7 2.73l.08.08 27.84-8.81v41.08l-27.87-14.63-.06.06c-.83 1.08-1.8 2.04-2.88 2.86l16 48.28c.02.06.05.12.06.18l.02.05c.74 2.42 1.14 4.98 1.14 7.63 0 13.06-9.65 23.85-22.19 25.7-.18.03-.37.06-.55.08-1.07.14-2.16.23-3.26.23-1.11 0-2.19-.09-3.26-.23-.19-.02-.38-.06-.56-.08-12.55-1.85-22.19-12.63-22.19-25.7 0-2.65.4-5.21 1.15-7.62s.01-.06.01-.06c.02-.06.04-.12.06-.18l16.01-48.28c-1.09-.81-2.06-1.77-2.88-2.86l-.06-.06-27.87 14.63v-41.08zm48.11 174.62c-11.34 4.68-24.21-.67-28.84-11.88-4.64-11.18.67-24.18 12.01-28.83 11.12-4.57 24.05.88 28.67 12.11 4.62 11.17-.72 24.04-11.85 28.6zm-99.28-106.59c4.62-11.23 17.55-16.68 28.67-12.11 11.34 4.65 16.65 17.65 12.01 28.83-4.62 11.21-17.49 16.56-28.84 11.88-11.12-4.56-16.47-17.44-11.85-28.6zm-58.99 35.2c4.63-11.22 17.55-16.68 28.68-12.12 11.34 4.65 16.65 17.65 12 28.84-4.62 11.21-17.49 16.56-28.83 11.88-11.12-4.56-16.48-17.44-11.85-28.6zm-39.04 58.11c4.62-11.23 17.55-16.68 28.67-12.11 11.34 4.65 16.66 17.65 12.01 28.84-4.62 11.21-17.49 16.56-28.83 11.88-11.13-4.55-16.47-17.43-11.85-28.61zm335.98 169.34c-44.5-6.37-94.44-9.94-147.21-9.94s-102.66 3.57-147.14 9.93c-12.63-53.1-28-83.53-43.87-105.19l29.89-10.64c-2.97 15.18-3.45 22.24-.12 32 4.93-4.82 9.6-13.68 13.25-27.23l14.49 48.23c-8.82-6.07-15.61-9.99-23.39-10.17 13.79 29.7 31.01 37.34 42.17 35.28 13.62-2.5 19.89-14.65 17.78-24.95-3.13-14.6-18.12-18.41-25.12-1.42-13.39-27.31 9.32-35.81 23.93-27.73-22.44-22.39-25.01-42.29-6.89-66.38 25.24 19.3 25.54 38.41 14.18 65.3 14.74-16.87 37.68-7.81 29.4 19.45-10.64-16.46-24.71-6.1-22.5 9.53 1.87 13.62 19.85 24.62 42.25 22.68 32.1-2.91 34.01-25.06 34.81-43.39-7.89-1.46-22.1 5.86-34.22 22.87l-4.46-51.16c13.18 13.74 25.16 16.35 38.46 16.77-4.43-13.82-24.78-36.46-24.78-36.46h63.85s-20.35 22.64-24.78 36.46c13.3-.42 25.28-3.03 38.46-16.77l-4.46 51.16c-12.11-17.01-26.32-24.33-34.21-22.87.8 18.34 2.71 40.48 34.81 43.39 22.39 1.95 40.38-9.05 42.25-22.68 2.21-15.63-11.86-25.99-22.49-9.53-8.29-27.26 14.65-36.32 29.39-19.45-11.36-26.89-11.07-46 14.18-65.3 18.12 24.08 15.55 43.99-6.9 66.38 14.62-8.08 37.32.43 23.94 27.73-7-16.99-21.98-13.18-25.12 1.42-2.11 10.3 4.15 22.46 17.77 24.95 11.16 2.06 28.38-5.58 42.17-35.28-7.77.18-14.57 4.11-23.38 10.17l14.48-48.23c3.65 13.55 8.32 22.41 13.25 27.23 3.33-9.76 2.85-16.82-.12-32l29.89 10.64c-15.88 21.66-31.25 52.09-43.88 105.2z"/></svg>
\ No newline at end of file
diff --git a/node_modules/govuk-frontend/dist/govuk/assets/rebrand/images/govuk-opengraph-image.png b/node_modules/govuk-frontend/dist/govuk/assets/rebrand/images/govuk-opengraph-image.png
new file mode 100644
index 0000000..659d3fc
Binary files /dev/null and b/node_modules/govuk-frontend/dist/govuk/assets/rebrand/images/govuk-opengraph-image.png differ
diff --git a/node_modules/govuk-frontend/dist/govuk/assets/rebrand/manifest.json b/node_modules/govuk-frontend/dist/govuk/assets/rebrand/manifest.json
new file mode 100644
index 0000000..0d183a2
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/assets/rebrand/manifest.json
@@ -0,0 +1,39 @@
+{
+  "icons": [
+    {
+      "src": "images/favicon.ico",
+      "type": "image/x-icon",
+      "sizes": "48x48"
+    },
+    {
+      "src": "images/favicon.svg",
+      "type": "image/svg+xml",
+      "sizes": "150x150",
+      "purpose": "any"
+    },
+    {
+      "src": "images/govuk-icon-180.png",
+      "type": "image/png",
+      "sizes": "180x180",
+      "purpose": "maskable"
+    },
+    {
+      "src": "images/govuk-icon-192.png",
+      "type": "image/png",
+      "sizes": "192x192",
+      "purpose": "maskable"
+    },
+    {
+      "src": "images/govuk-icon-512.png",
+      "type": "image/png",
+      "sizes": "512x512",
+      "purpose": "maskable"
+    },
+    {
+      "src": "images/govuk-icon-mask.svg",
+      "type": "image/svg+xml",
+      "sizes": "150x150",
+      "purpose": "monochrome"
+    }
+  ]
+}
diff --git a/node_modules/govuk-frontend/dist/govuk/common/closest-attribute-value.mjs b/node_modules/govuk-frontend/dist/govuk/common/closest-attribute-value.mjs
new file mode 100644
index 0000000..9a45b01
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/common/closest-attribute-value.mjs
@@ -0,0 +1,7 @@
+function closestAttributeValue($element, attributeName) {
+  const $closestElementWithAttribute = $element.closest(`[${attributeName}]`);
+  return $closestElementWithAttribute ? $closestElementWithAttribute.getAttribute(attributeName) : null;
+}
+
+export { closestAttributeValue };
+//# sourceMappingURL=closest-attribute-value.mjs.map
diff --git a/node_modules/govuk-frontend/dist/govuk/common/closest-attribute-value.mjs.map b/node_modules/govuk-frontend/dist/govuk/common/closest-attribute-value.mjs.map
new file mode 100644
index 0000000..b79ae53
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/common/closest-attribute-value.mjs.map
@@ -0,0 +1 @@
+{"version":3,"file":"closest-attribute-value.mjs","sources":["../../../src/govuk/common/closest-attribute-value.mjs"],"sourcesContent":["/**\n * Returns the value of the given attribute closest to the given element (including itself)\n *\n * @internal\n * @param {Element} $element - The element to start walking the DOM tree up\n * @param {string} attributeName - The name of the attribute\n * @returns {string | null} Attribute value\n */\nexport function closestAttributeValue($element, attributeName) {\n  const $closestElementWithAttribute = $element.closest(`[${attributeName}]`)\n  return $closestElementWithAttribute\n    ? $closestElementWithAttribute.getAttribute(attributeName)\n    : null\n}\n"],"names":["closestAttributeValue","$element","attributeName","$closestElementWithAttribute","closest","getAttribute"],"mappings":"AAQO,SAASA,qBAAqBA,CAACC,QAAQ,EAAEC,aAAa,EAAE;EAC7D,MAAMC,4BAA4B,GAAGF,QAAQ,CAACG,OAAO,CAAC,CAAA,CAAA,EAAIF,aAAa,CAAA,CAAA,CAAG,CAAC;EAC3E,OAAOC,4BAA4B,GAC/BA,4BAA4B,CAACE,YAAY,CAACH,aAAa,CAAC,GACxD,IAAI;AACV;;;;"}
\ No newline at end of file
diff --git a/node_modules/govuk-frontend/dist/govuk/common/configuration.mjs b/node_modules/govuk-frontend/dist/govuk/common/configuration.mjs
new file mode 100644
index 0000000..31ae124
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/common/configuration.mjs
@@ -0,0 +1,196 @@
+import { Component } from '../component.mjs';
+import { ConfigError } from '../errors/index.mjs';
+import { isObject, formatErrorMessage, isScope } from './index.mjs';
+
+const configOverride = Symbol.for('configOverride');
+class ConfigurableComponent extends Component {
+  [configOverride](param) {
+    return {};
+  }
+
+  /**
+   * Returns the root element of the component
+   *
+   * @protected
+   * @returns {ConfigurationType} - the root element of component
+   */
+  get config() {
+    return this._config;
+  }
+  constructor($root, config) {
+    super($root);
+    this._config = void 0;
+    const childConstructor = this.constructor;
+    if (!isObject(childConstructor.defaults)) {
+      throw new ConfigError(formatErrorMessage(childConstructor, 'Config passed as parameter into constructor but no defaults defined'));
+    }
+    const datasetConfig = normaliseDataset(childConstructor, this._$root.dataset);
+    this._config = mergeConfigs(childConstructor.defaults, config != null ? config : {}, this[configOverride](datasetConfig), datasetConfig);
+  }
+}
+function normaliseString(value, property) {
+  const trimmedValue = value ? value.trim() : '';
+  let output;
+  let outputType = property == null ? void 0 : property.type;
+  if (!outputType) {
+    if (['true', 'false'].includes(trimmedValue)) {
+      outputType = 'boolean';
+    }
+    if (trimmedValue.length > 0 && isFinite(Number(trimmedValue))) {
+      outputType = 'number';
+    }
+  }
+  switch (outputType) {
+    case 'boolean':
+      output = trimmedValue === 'true';
+      break;
+    case 'number':
+      output = Number(trimmedValue);
+      break;
+    default:
+      output = value;
+  }
+  return output;
+}
+function normaliseDataset(Component, dataset) {
+  if (!isObject(Component.schema)) {
+    throw new ConfigError(formatErrorMessage(Component, 'Config passed as parameter into constructor but no schema defined'));
+  }
+  const out = {};
+  const entries = Object.entries(Component.schema.properties);
+  for (const entry of entries) {
+    const [namespace, property] = entry;
+    const field = namespace.toString();
+    if (field in dataset) {
+      out[field] = normaliseString(dataset[field], property);
+    }
+    if ((property == null ? void 0 : property.type) === 'object') {
+      out[field] = extractConfigByNamespace(Component.schema, dataset, namespace);
+    }
+  }
+  return out;
+}
+function normaliseOptions(scopeOrOptions) {
+  let $scope = document;
+  let onError;
+  if (isObject(scopeOrOptions)) {
+    const options = scopeOrOptions;
+    if (isScope(options.scope) || options.scope === null) {
+      $scope = options.scope;
+    }
+    if (typeof options.onError === 'function') {
+      onError = options.onError;
+    }
+  }
+  if (isScope(scopeOrOptions)) {
+    $scope = scopeOrOptions;
+  } else if (scopeOrOptions === null) {
+    $scope = null;
+  } else if (typeof scopeOrOptions === 'function') {
+    onError = scopeOrOptions;
+  }
+  return {
+    scope: $scope,
+    onError
+  };
+}
+function mergeConfigs(...configObjects) {
+  const formattedConfigObject = {};
+  for (const configObject of configObjects) {
+    for (const key of Object.keys(configObject)) {
+      const option = formattedConfigObject[key];
+      const override = configObject[key];
+      if (isObject(option) && isObject(override)) {
+        formattedConfigObject[key] = mergeConfigs(option, override);
+      } else {
+        formattedConfigObject[key] = override;
+      }
+    }
+  }
+  return formattedConfigObject;
+}
+function validateConfig(schema, config) {
+  const validationErrors = [];
+  for (const [name, conditions] of Object.entries(schema)) {
+    const errors = [];
+    if (Array.isArray(conditions)) {
+      for (const {
+        required,
+        errorMessage
+      } of conditions) {
+        if (!required.every(key => !!config[key])) {
+          errors.push(errorMessage);
+        }
+      }
+      if (name === 'anyOf' && !(conditions.length - errors.length >= 1)) {
+        validationErrors.push(...errors);
+      }
+    }
+  }
+  return validationErrors;
+}
+function extractConfigByNamespace(schema, dataset, namespace) {
+  const property = schema.properties[namespace];
+  if ((property == null ? void 0 : property.type) !== 'object') {
+    return;
+  }
+  const newObject = {
+    [namespace]: {}
+  };
+  for (const [key, value] of Object.entries(dataset)) {
+    let current = newObject;
+    const keyParts = key.split('.');
+    for (const [index, name] of keyParts.entries()) {
+      if (isObject(current)) {
+        if (index < keyParts.length - 1) {
+          if (!isObject(current[name])) {
+            current[name] = {};
+          }
+          current = current[name];
+        } else if (key !== namespace) {
+          current[name] = normaliseString(value);
+        }
+      }
+    }
+  }
+  return newObject[namespace];
+}
+/**
+ * Schema for component config
+ *
+ * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType
+ * @typedef {object} Schema
+ * @property {Record<keyof ConfigurationType, SchemaProperty | undefined>} properties - Schema properties
+ * @property {SchemaCondition<ConfigurationType>[]} [anyOf] - List of schema conditions
+ */
+/**
+ * Schema property for component config
+ *
+ * @typedef {object} SchemaProperty
+ * @property {'string' | 'boolean' | 'number' | 'object'} type - Property type
+ */
+/**
+ * Schema condition for component config
+ *
+ * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType
+ * @typedef {object} SchemaCondition
+ * @property {(keyof ConfigurationType)[]} required - List of required config fields
+ * @property {string} errorMessage - Error message when required config fields not provided
+ */
+/**
+ * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]
+ * @typedef ChildClass
+ * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component
+ * @property {Schema<ConfigurationType>} [schema] - The schema of the component configuration
+ * @property {ConfigurationType} [defaults] - The default values of the configuration of the component
+ */
+/**
+ * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]
+ * @typedef {typeof Component & ChildClass<ConfigurationType>} ChildClassConstructor<ConfigurationType>
+ */
+/**
+ * @import { CompatibleClass, Config, CreateAllOptions, OnErrorCallback } from '../init.mjs'
+ */
+
+export { ConfigurableComponent, configOverride, extractConfigByNamespace, mergeConfigs, normaliseDataset, normaliseOptions, normaliseString, validateConfig };
+//# sourceMappingURL=configuration.mjs.map
diff --git a/node_modules/govuk-frontend/dist/govuk/common/configuration.mjs.map b/node_modules/govuk-frontend/dist/govuk/common/configuration.mjs.map
new file mode 100644
index 0000000..68a5fb4
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/common/configuration.mjs.map
@@ -0,0 +1 @@
+{"version":3,"file":"configuration.mjs","sources":["../../../src/govuk/common/configuration.mjs"],"sourcesContent":["import { Component } from '../component.mjs'\nimport { ConfigError } from '../errors/index.mjs'\n\nimport { isObject, isScope, formatErrorMessage } from './index.mjs'\n\nexport const configOverride = Symbol.for('configOverride')\n\n/**\n * Base Component class\n *\n * Centralises the behaviours shared by our components\n *\n * @virtual\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]\n * @template {Element & { dataset: DOMStringMap }} [RootElementType=HTMLElement]\n * @augments Component<RootElementType>\n */\nexport class ConfigurableComponent extends Component {\n  /**\n   * configOverride\n   *\n   * Function which defines configuration overrides to prioritize\n   * properties from the root element's dataset.\n   *\n   * It should take a subset of configuration as input and return\n   * a new configuration object with properties that should be\n   * overridden based on the root element's dataset. A Symbol\n   * is used for indexing to prevent conflicts.\n   *\n   * @internal\n   * @virtual\n   * @param {Partial<ConfigurationType>} [param] - Configuration object\n   * @returns {Partial<ConfigurationType>} return - Configuration object\n   */\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  [configOverride](param) {\n    return {}\n  }\n\n  /**\n   * Returns the root element of the component\n   *\n   * @protected\n   * @returns {ConfigurationType} - the root element of component\n   */\n  get config() {\n    return this._config\n  }\n\n  /**\n   *\n   * @type {ConfigurationType}\n   */\n  _config\n\n  /**\n   * Constructs a new component, validating that GOV.UK Frontend is supported\n   *\n   * @internal\n   * @param {Element | null} [$root] - HTML element to use for component\n   * @param {ConfigurationType} [config] - HTML element to use for component\n   */\n  constructor($root, config) {\n    super($root)\n\n    const childConstructor =\n      /** @type {ChildClassConstructor<ConfigurationType>} */ (this.constructor)\n\n    if (!isObject(childConstructor.defaults)) {\n      throw new ConfigError(\n        formatErrorMessage(\n          childConstructor,\n          'Config passed as parameter into constructor but no defaults defined'\n        )\n      )\n    }\n\n    const datasetConfig = /** @type {ConfigurationType} */ (\n      normaliseDataset(childConstructor, this._$root.dataset)\n    )\n\n    this._config = /** @type {ConfigurationType} */ (\n      mergeConfigs(\n        childConstructor.defaults,\n        config ?? {},\n        this[configOverride](datasetConfig),\n        datasetConfig\n      )\n    )\n  }\n}\n\n/**\n * Normalise string\n *\n * 'If it looks like a duck, and it quacks like a duck…' 🦆\n *\n * If the passed value looks like a boolean or a number, convert it to a boolean\n * or number.\n *\n * Designed to be used to convert config passed via data attributes (which are\n * always strings) into something sensible.\n *\n * @internal\n * @param {DOMStringMap[string]} value - The value to normalise\n * @param {SchemaProperty} [property] - Component schema property\n * @returns {string | boolean | number | undefined} Normalised data\n */\nexport function normaliseString(value, property) {\n  const trimmedValue = value ? value.trim() : ''\n\n  let output\n  let outputType = property?.type\n\n  // No schema type set? Determine automatically\n  if (!outputType) {\n    if (['true', 'false'].includes(trimmedValue)) {\n      outputType = 'boolean'\n    }\n\n    // Empty / whitespace-only strings are considered finite so we need to check\n    // the length of the trimmed string as well\n    if (trimmedValue.length > 0 && isFinite(Number(trimmedValue))) {\n      outputType = 'number'\n    }\n  }\n\n  switch (outputType) {\n    case 'boolean':\n      output = trimmedValue === 'true'\n      break\n\n    case 'number':\n      output = Number(trimmedValue)\n      break\n\n    default:\n      output = value\n  }\n\n  return output\n}\n\n/**\n * Normalise dataset\n *\n * Loop over an object and normalise each value using {@link normaliseString},\n * optionally expanding nested `i18n.field`\n *\n * @internal\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @template {[keyof ConfigurationType, SchemaProperty | undefined][]} SchemaEntryType\n * @param {{ schema?: Schema<ConfigurationType>, moduleName: string }} Component - Component class\n * @param {DOMStringMap} dataset - HTML element dataset\n * @returns {ObjectNested} Normalised dataset\n */\nexport function normaliseDataset(Component, dataset) {\n  if (!isObject(Component.schema)) {\n    throw new ConfigError(\n      formatErrorMessage(\n        Component,\n        'Config passed as parameter into constructor but no schema defined'\n      )\n    )\n  }\n\n  const out = /** @type {ObjectNested} */ ({})\n  const entries = /** @type {SchemaEntryType} */ (\n    Object.entries(Component.schema.properties)\n  )\n\n  // Normalise top-level dataset ('data-*') values using schema types\n  for (const entry of entries) {\n    const [namespace, property] = entry\n\n    // Cast the `namespace` to string so it can be used to access the dataset\n    const field = namespace.toString()\n\n    if (field in dataset) {\n      out[field] = normaliseString(dataset[field], property)\n    }\n\n    /**\n     * Extract and normalise nested object values automatically using\n     * {@link normaliseString} but only schema object types are allowed\n     */\n    if (property?.type === 'object') {\n      out[field] = extractConfigByNamespace(\n        Component.schema,\n        dataset,\n        namespace\n      )\n    }\n  }\n\n  return out\n}\n\n/**\n * Normalise options passed to `initAll` or `createAll`\n *\n * @internal\n * @template {CompatibleClass} ComponentClass\n * @param {Config | CreateAllOptions<ComponentClass> | OnErrorCallback<ComponentClass> | Element | Document | null} [scopeOrOptions] - Scope of the document to search within, initialisation options or error callback function\n * @returns {CreateAllOptions<ComponentClass>} Normalised options\n */\nexport function normaliseOptions(scopeOrOptions) {\n  let /** @type {Element | Document | null} */ $scope = document\n  let /** @type {OnErrorCallback<ComponentClass> | undefined} */ onError\n\n  // Handle options object\n  if (isObject(scopeOrOptions)) {\n    const options = scopeOrOptions\n\n    // Scope must be valid or null\n    if (isScope(options.scope) || options.scope === null) {\n      $scope = options.scope\n    }\n\n    // Error handler must be a function\n    if (typeof options.onError === 'function') {\n      onError = options.onError\n    }\n  }\n\n  if (isScope(scopeOrOptions)) {\n    $scope = scopeOrOptions\n  } else if (scopeOrOptions === null) {\n    $scope = null\n  } else if (typeof scopeOrOptions === 'function') {\n    onError = scopeOrOptions\n  }\n\n  return {\n    scope: $scope,\n    onError\n  }\n}\n\n/**\n * Config merging function\n *\n * Takes any number of objects and combines them together, with\n * greatest priority on the LAST item passed in.\n *\n * @internal\n * @param {...{ [key: string]: unknown }} configObjects - Config objects to merge\n * @returns {{ [key: string]: unknown }} A merged config object\n */\nexport function mergeConfigs(...configObjects) {\n  // Start with an empty object as our base\n  /** @type {{ [key: string]: unknown }} */\n  const formattedConfigObject = {}\n\n  // Loop through each of the passed objects\n  for (const configObject of configObjects) {\n    for (const key of Object.keys(configObject)) {\n      const option = formattedConfigObject[key]\n      const override = configObject[key]\n\n      // Push their keys one-by-one into formattedConfigObject. Any duplicate\n      // keys with object values will be merged, otherwise the new value will\n      // override the existing value.\n      if (isObject(option) && isObject(override)) {\n        formattedConfigObject[key] = mergeConfigs(option, override)\n      } else {\n        // Apply override\n        formattedConfigObject[key] = override\n      }\n    }\n  }\n\n  return formattedConfigObject\n}\n\n/**\n * Validate component config by schema\n *\n * Follows limited examples in JSON schema for wider support in future\n *\n * {@link https://ajv.js.org/json-schema.html#compound-keywords}\n * {@link https://ajv.js.org/packages/ajv-errors.html#single-message}\n *\n * @internal\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @param {Schema<ConfigurationType>} schema - The schema of a component\n * @param {ConfigurationType} config - Component config\n * @returns {string[]} List of validation errors\n */\nexport function validateConfig(schema, config) {\n  const validationErrors = []\n\n  // Check errors for each schema\n  for (const [name, conditions] of Object.entries(schema)) {\n    const errors = []\n\n    // Check errors for each schema condition\n    if (Array.isArray(conditions)) {\n      for (const { required, errorMessage } of conditions) {\n        if (!required.every((key) => !!config[key])) {\n          errors.push(errorMessage) // Missing config key value\n        }\n      }\n\n      // Check one condition passes or add errors\n      if (name === 'anyOf' && !(conditions.length - errors.length >= 1)) {\n        validationErrors.push(...errors)\n      }\n    }\n  }\n\n  return validationErrors\n}\n\n/**\n * Extracts keys starting with a particular namespace from dataset ('data-*')\n * object, removing the namespace in the process, normalising all values\n *\n * @internal\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @param {Schema<ConfigurationType>} schema - The schema of a component\n * @param {DOMStringMap} dataset - The object to extract key-value pairs from\n * @param {keyof ConfigurationType} namespace - The namespace to filter keys with\n * @returns {ObjectNested | undefined} Nested object with dot-separated key namespace removed\n */\nexport function extractConfigByNamespace(schema, dataset, namespace) {\n  const property = schema.properties[namespace]\n\n  // Only extract configs for object schema properties\n  if (property?.type !== 'object') {\n    return\n  }\n\n  // Add default empty config\n  const newObject = /** @type {Record<typeof namespace, ObjectNested>} */ ({\n    [namespace]: {}\n  })\n\n  for (const [key, value] of Object.entries(dataset)) {\n    /** @type {ObjectNested | ObjectNested[NestedKey]} */\n    let current = newObject\n\n    // Split the key into parts, using . as our namespace separator\n    const keyParts = key.split('.')\n\n    /**\n     * Create new level per part\n     *\n     * e.g. 'i18n.textareaDescription.other' becomes\n     * `{ i18n: { textareaDescription: { other } } }`\n     */\n    for (const [index, name] of keyParts.entries()) {\n      if (isObject(current)) {\n        // Drop down to nested object until the last part\n        if (index < keyParts.length - 1) {\n          // New nested object (optionally) replaces existing value\n          if (!isObject(current[name])) {\n            current[name] = {}\n          }\n\n          // Drop down into new or existing nested object\n          current = current[name]\n        } else if (key !== namespace) {\n          // Normalised value (optionally) replaces existing value\n          current[name] = normaliseString(value)\n        }\n      }\n    }\n  }\n\n  return newObject[namespace]\n}\n\n/**\n * @internal\n * @typedef {keyof ObjectNested} NestedKey\n * @typedef {{ [key: string]: string | boolean | number | ObjectNested | undefined }} ObjectNested\n */\n\n/**\n * Schema for component config\n *\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @typedef {object} Schema\n * @property {Record<keyof ConfigurationType, SchemaProperty | undefined>} properties - Schema properties\n * @property {SchemaCondition<ConfigurationType>[]} [anyOf] - List of schema conditions\n */\n\n/**\n * Schema property for component config\n *\n * @typedef {object} SchemaProperty\n * @property {'string' | 'boolean' | 'number' | 'object'} type - Property type\n */\n\n/**\n * Schema condition for component config\n *\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @typedef {object} SchemaCondition\n * @property {(keyof ConfigurationType)[]} required - List of required config fields\n * @property {string} errorMessage - Error message when required config fields not provided\n */\n\n/**\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]\n * @typedef ChildClass\n * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component\n * @property {Schema<ConfigurationType>} [schema] - The schema of the component configuration\n * @property {ConfigurationType} [defaults] - The default values of the configuration of the component\n */\n\n/**\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]\n * @typedef {typeof Component & ChildClass<ConfigurationType>} ChildClassConstructor<ConfigurationType>\n */\n\n/**\n * @import { CompatibleClass, Config, CreateAllOptions, OnErrorCallback } from '../init.mjs'\n */\n"],"names":["configOverride","Symbol","for","ConfigurableComponent","Component","param","config","_config","constructor","$root","childConstructor","isObject","defaults","ConfigError","formatErrorMessage","datasetConfig","normaliseDataset","_$root","dataset","mergeConfigs","normaliseString","value","property","trimmedValue","trim","output","outputType","type","includes","length","isFinite","Number","schema","out","entries","Object","properties","entry","namespace","field","toString","extractConfigByNamespace","normaliseOptions","scopeOrOptions","$scope","document","onError","options","isScope","scope","configObjects","formattedConfigObject","configObject","key","keys","option","override","validateConfig","validationErrors","name","conditions","errors","Array","isArray","required","errorMessage","every","push","newObject","current","keyParts","split","index"],"mappings":"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"}
\ No newline at end of file
diff --git a/node_modules/govuk-frontend/dist/govuk/common/govuk-frontend-version.mjs b/node_modules/govuk-frontend/dist/govuk/common/govuk-frontend-version.mjs
new file mode 100644
index 0000000..2e79914
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/common/govuk-frontend-version.mjs
@@ -0,0 +1,4 @@
+const version = '5.12.0';
+
+export { version };
+//# sourceMappingURL=govuk-frontend-version.mjs.map
diff --git a/node_modules/govuk-frontend/dist/govuk/common/govuk-frontend-version.mjs.map b/node_modules/govuk-frontend/dist/govuk/common/govuk-frontend-version.mjs.map
new file mode 100644
index 0000000..5885ffb
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/common/govuk-frontend-version.mjs.map
@@ -0,0 +1 @@
+{"version":3,"file":"govuk-frontend-version.mjs","sources":["../../../src/govuk/common/govuk-frontend-version.mjs"],"sourcesContent":["/*\n * This variable is automatically overwritten during builds and releases.\n * It doesn't need to be updated manually.\n */\n\n/**\n * GOV.UK Frontend release version\n *\n * {@link https://github.com/alphagov/govuk-frontend/releases}\n */\nexport const version = 'development'\n"],"names":["version"],"mappings":"AAUO,MAAMA,OAAO,GAAG;;;;"}
\ No newline at end of file
diff --git a/node_modules/govuk-frontend/dist/govuk/common/index.mjs b/node_modules/govuk-frontend/dist/govuk/common/index.mjs
new file mode 100644
index 0000000..c336086
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/common/index.mjs
@@ -0,0 +1,70 @@
+function getBreakpoint(name) {
+  const property = `--govuk-breakpoint-${name}`;
+  const value = window.getComputedStyle(document.documentElement).getPropertyValue(property);
+  return {
+    property,
+    value: value || undefined
+  };
+}
+function setFocus($element, options = {}) {
+  var _options$onBeforeFocu;
+  const isFocusable = $element.getAttribute('tabindex');
+  if (!isFocusable) {
+    $element.setAttribute('tabindex', '-1');
+  }
+  function onFocus() {
+    $element.addEventListener('blur', onBlur, {
+      once: true
+    });
+  }
+  function onBlur() {
+    var _options$onBlur;
+    (_options$onBlur = options.onBlur) == null || _options$onBlur.call($element);
+    if (!isFocusable) {
+      $element.removeAttribute('tabindex');
+    }
+  }
+  $element.addEventListener('focus', onFocus, {
+    once: true
+  });
+  (_options$onBeforeFocu = options.onBeforeFocus) == null || _options$onBeforeFocu.call($element);
+  $element.focus();
+}
+function isInitialised($root, moduleName) {
+  return $root instanceof HTMLElement && $root.hasAttribute(`data-${moduleName}-init`);
+}
+
+/**
+ * Checks if GOV.UK Frontend is supported on this page
+ *
+ * Some browsers will load and run our JavaScript but GOV.UK Frontend
+ * won't be supported.
+ *
+ * @param {HTMLElement | null} [$scope] - (internal) `<body>` HTML element checked for browser support
+ * @returns {boolean} Whether GOV.UK Frontend is supported on this page
+ */
+function isSupported($scope = document.body) {
+  if (!$scope) {
+    return false;
+  }
+  return $scope.classList.contains('govuk-frontend-supported');
+}
+function isArray(option) {
+  return Array.isArray(option);
+}
+function isObject(option) {
+  return !!option && typeof option === 'object' && !isArray(option);
+}
+function isScope($scope) {
+  return !!$scope && ($scope instanceof Element || $scope instanceof Document);
+}
+function formatErrorMessage(Component, message) {
+  return `${Component.moduleName}: ${message}`;
+}
+/**
+ * @typedef ComponentWithModuleName
+ * @property {string} moduleName - Name of the component
+ */
+
+export { formatErrorMessage, getBreakpoint, isInitialised, isObject, isScope, isSupported, setFocus };
+//# sourceMappingURL=index.mjs.map
diff --git a/node_modules/govuk-frontend/dist/govuk/common/index.mjs.map b/node_modules/govuk-frontend/dist/govuk/common/index.mjs.map
new file mode 100644
index 0000000..753d0b4
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/common/index.mjs.map
@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../src/govuk/common/index.mjs"],"sourcesContent":["/**\n * Common helpers which do not require polyfill.\n *\n * IMPORTANT: If a helper require a polyfill, please isolate it in its own module\n * so that the polyfill can be properly tree-shaken and does not burden\n * the components that do not need that helper\n */\n\n/**\n * Get GOV.UK Frontend breakpoint value from CSS custom property\n *\n * @private\n * @param {string} name - Breakpoint name\n * @returns {{ property: string, value?: string }} Breakpoint object\n */\nexport function getBreakpoint(name) {\n  const property = `--govuk-breakpoint-${name}`\n\n  // Get value from `<html>` with breakpoints on CSS :root\n  const value = window\n    .getComputedStyle(document.documentElement)\n    .getPropertyValue(property)\n\n  return {\n    property,\n    value: value || undefined\n  }\n}\n\n/**\n * Move focus to element\n *\n * Sets tabindex to -1 to make the element programmatically focusable,\n * but removes it on blur as the element doesn't need to be focused again.\n *\n * @private\n * @template {HTMLElement} FocusElement\n * @param {FocusElement} $element - HTML element\n * @param {object} [options] - Handler options\n * @param {function(this: FocusElement): void} [options.onBeforeFocus] - Callback before focus\n * @param {function(this: FocusElement): void} [options.onBlur] - Callback on blur\n */\nexport function setFocus($element, options = {}) {\n  const isFocusable = $element.getAttribute('tabindex')\n\n  if (!isFocusable) {\n    $element.setAttribute('tabindex', '-1')\n  }\n\n  /**\n   * Handle element focus\n   */\n  function onFocus() {\n    $element.addEventListener('blur', onBlur, { once: true })\n  }\n\n  /**\n   * Handle element blur\n   */\n  function onBlur() {\n    options.onBlur?.call($element)\n\n    if (!isFocusable) {\n      $element.removeAttribute('tabindex')\n    }\n  }\n\n  // Add listener to reset element on blur, after focus\n  $element.addEventListener('focus', onFocus, { once: true })\n\n  // Focus element\n  options.onBeforeFocus?.call($element)\n  $element.focus()\n}\n\n/**\n * Checks if component is already initialised\n *\n * @internal\n * @param {Element} $root - HTML element to be checked\n * @param {string} moduleName - name of component module\n * @returns {boolean} Whether component is already initialised\n */\nexport function isInitialised($root, moduleName) {\n  return (\n    $root instanceof HTMLElement &&\n    $root.hasAttribute(`data-${moduleName}-init`)\n  )\n}\n\n/**\n * Checks if GOV.UK Frontend is supported on this page\n *\n * Some browsers will load and run our JavaScript but GOV.UK Frontend\n * won't be supported.\n *\n * @param {HTMLElement | null} [$scope] - (internal) `<body>` HTML element checked for browser support\n * @returns {boolean} Whether GOV.UK Frontend is supported on this page\n */\nexport function isSupported($scope = document.body) {\n  if (!$scope) {\n    return false\n  }\n\n  return $scope.classList.contains('govuk-frontend-supported')\n}\n\n/**\n * Check for an array\n *\n * @internal\n * @param {unknown} option - Option to check\n * @returns {boolean} Whether the option is an array\n */\nfunction isArray(option) {\n  return Array.isArray(option)\n}\n\n/**\n * Check for an object\n *\n * @internal\n * @template {Partial<Record<keyof ObjectType, unknown>>} ObjectType\n * @param {unknown | ObjectType} option - Option to check\n * @returns {option is ObjectType} Whether the option is an object\n */\nexport function isObject(option) {\n  return !!option && typeof option === 'object' && !isArray(option)\n}\n\n/**\n * Check for valid scope\n *\n * @internal\n * @template {Element | Document} ScopeType\n * @param {unknown | ScopeType} $scope - Scope of the document to search within\n * @returns {$scope is ScopeType} Whether the scope can be queried\n */\nexport function isScope($scope) {\n  return !!$scope && ($scope instanceof Element || $scope instanceof Document)\n}\n\n/**\n * Format error message\n *\n * @internal\n * @param {ComponentWithModuleName} Component - Component that threw the error\n * @param {string} message - Error message\n * @returns {string} - Formatted error message\n */\nexport function formatErrorMessage(Component, message) {\n  return `${Component.moduleName}: ${message}`\n}\n\n/* eslint-disable jsdoc/valid-types --\n * `{new(...args: any[] ): object}` is not recognised as valid\n * https://github.com/gajus/eslint-plugin-jsdoc/issues/145#issuecomment-1308722878\n * https://github.com/jsdoc-type-pratt-parser/jsdoc-type-pratt-parser/issues/131\n **/\n\n/**\n * @typedef ComponentWithModuleName\n * @property {string} moduleName - Name of the component\n */\n\n/* eslint-enable jsdoc/valid-types */\n"],"names":["getBreakpoint","name","property","value","window","getComputedStyle","document","documentElement","getPropertyValue","undefined","setFocus","$element","options","_options$onBeforeFocu","isFocusable","getAttribute","setAttribute","onFocus","addEventListener","onBlur","once","_options$onBlur","call","removeAttribute","onBeforeFocus","focus","isInitialised","$root","moduleName","HTMLElement","hasAttribute","isSupported","$scope","body","classList","contains","isArray","option","Array","isObject","isScope","Element","Document","formatErrorMessage","Component","message"],"mappings":"AAeO,SAASA,aAAaA,CAACC,IAAI,EAAE;AAClC,EAAA,MAAMC,QAAQ,GAAG,CAAA,mBAAA,EAAsBD,IAAI,CAAA,CAAE;AAG7C,EAAA,MAAME,KAAK,GAAGC,MAAM,CACjBC,gBAAgB,CAACC,QAAQ,CAACC,eAAe,CAAC,CAC1CC,gBAAgB,CAACN,QAAQ,CAAC;EAE7B,OAAO;IACLA,QAAQ;IACRC,KAAK,EAAEA,KAAK,IAAIM;GACjB;AACH;AAeO,SAASC,QAAQA,CAACC,QAAQ,EAAEC,OAAO,GAAG,EAAE,EAAE;AAAA,EAAA,IAAAC,qBAAA;AAC/C,EAAA,MAAMC,WAAW,GAAGH,QAAQ,CAACI,YAAY,CAAC,UAAU,CAAC;EAErD,IAAI,CAACD,WAAW,EAAE;AAChBH,IAAAA,QAAQ,CAACK,YAAY,CAAC,UAAU,EAAE,IAAI,CAAC;AACzC,EAAA;EAKA,SAASC,OAAOA,GAAG;AACjBN,IAAAA,QAAQ,CAACO,gBAAgB,CAAC,MAAM,EAAEC,MAAM,EAAE;AAAEC,MAAAA,IAAI,EAAE;AAAK,KAAC,CAAC;AAC3D,EAAA;EAKA,SAASD,MAAMA,GAAG;AAAA,IAAA,IAAAE,eAAA;IAChB,CAAAA,eAAA,GAAAT,OAAO,CAACO,MAAM,KAAA,IAAA,IAAdE,eAAA,CAAgBC,IAAI,CAACX,QAAQ,CAAC;IAE9B,IAAI,CAACG,WAAW,EAAE;AAChBH,MAAAA,QAAQ,CAACY,eAAe,CAAC,UAAU,CAAC;AACtC,IAAA;AACF,EAAA;AAGAZ,EAAAA,QAAQ,CAACO,gBAAgB,CAAC,OAAO,EAAED,OAAO,EAAE;AAAEG,IAAAA,IAAI,EAAE;AAAK,GAAC,CAAC;EAG3D,CAAAP,qBAAA,GAAAD,OAAO,CAACY,aAAa,KAAA,IAAA,IAArBX,qBAAA,CAAuBS,IAAI,CAACX,QAAQ,CAAC;EACrCA,QAAQ,CAACc,KAAK,EAAE;AAClB;AAUO,SAASC,aAAaA,CAACC,KAAK,EAAEC,UAAU,EAAE;EAC/C,OACED,KAAK,YAAYE,WAAW,IAC5BF,KAAK,CAACG,YAAY,CAAC,CAAA,KAAA,EAAQF,UAAU,CAAA,KAAA,CAAO,CAAC;AAEjD;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASG,WAAWA,CAACC,MAAM,GAAG1B,QAAQ,CAAC2B,IAAI,EAAE;EAClD,IAAI,CAACD,MAAM,EAAE;AACX,IAAA,OAAO,KAAK;AACd,EAAA;AAEA,EAAA,OAAOA,MAAM,CAACE,SAAS,CAACC,QAAQ,CAAC,0BAA0B,CAAC;AAC9D;AASA,SAASC,OAAOA,CAACC,MAAM,EAAE;AACvB,EAAA,OAAOC,KAAK,CAACF,OAAO,CAACC,MAAM,CAAC;AAC9B;AAUO,SAASE,QAAQA,CAACF,MAAM,EAAE;AAC/B,EAAA,OAAO,CAAC,CAACA,MAAM,IAAI,OAAOA,MAAM,KAAK,QAAQ,IAAI,CAACD,OAAO,CAACC,MAAM,CAAC;AACnE;AAUO,SAASG,OAAOA,CAACR,MAAM,EAAE;EAC9B,OAAO,CAAC,CAACA,MAAM,KAAKA,MAAM,YAAYS,OAAO,IAAIT,MAAM,YAAYU,QAAQ,CAAC;AAC9E;AAUO,SAASC,kBAAkBA,CAACC,SAAS,EAAEC,OAAO,EAAE;AACrD,EAAA,OAAO,GAAGD,SAAS,CAAChB,UAAU,CAAA,EAAA,EAAKiB,OAAO,CAAA,CAAE;AAC9C;AAQA;AACA;AACA;AACA;;;;"}
\ No newline at end of file
diff --git a/node_modules/govuk-frontend/dist/govuk/component.mjs b/node_modules/govuk-frontend/dist/govuk/component.mjs
new file mode 100644
index 0000000..8424569
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/component.mjs
@@ -0,0 +1,60 @@
+import { isInitialised, isSupported } from './common/index.mjs';
+import { InitError, ElementError, SupportError } from './errors/index.mjs';
+
+class Component {
+  /**
+   * Returns the root element of the component
+   *
+   * @protected
+   * @returns {RootElementType} - the root element of component
+   */
+  get $root() {
+    return this._$root;
+  }
+  constructor($root) {
+    this._$root = void 0;
+    const childConstructor = this.constructor;
+    if (typeof childConstructor.moduleName !== 'string') {
+      throw new InitError(`\`moduleName\` not defined in component`);
+    }
+    if (!($root instanceof childConstructor.elementType)) {
+      throw new ElementError({
+        element: $root,
+        component: childConstructor,
+        identifier: 'Root element (`$root`)',
+        expectedType: childConstructor.elementType.name
+      });
+    } else {
+      this._$root = $root;
+    }
+    childConstructor.checkSupport();
+    this.checkInitialised();
+    const moduleName = childConstructor.moduleName;
+    this.$root.setAttribute(`data-${moduleName}-init`, '');
+  }
+  checkInitialised() {
+    const constructor = this.constructor;
+    const moduleName = constructor.moduleName;
+    if (moduleName && isInitialised(this.$root, moduleName)) {
+      throw new InitError(constructor);
+    }
+  }
+  static checkSupport() {
+    if (!isSupported()) {
+      throw new SupportError();
+    }
+  }
+}
+
+/**
+ * @typedef ChildClass
+ * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component
+ */
+
+/**
+ * @typedef {typeof Component & ChildClass} ChildClassConstructor
+ */
+Component.elementType = HTMLElement;
+
+export { Component };
+//# sourceMappingURL=component.mjs.map
diff --git a/node_modules/govuk-frontend/dist/govuk/component.mjs.map b/node_modules/govuk-frontend/dist/govuk/component.mjs.map
new file mode 100644
index 0000000..35ebffa
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/component.mjs.map
@@ -0,0 +1 @@
+{"version":3,"file":"component.mjs","sources":["../../src/govuk/component.mjs"],"sourcesContent":["import { isInitialised, isSupported } from './common/index.mjs'\nimport { ElementError, InitError, SupportError } from './errors/index.mjs'\n\n/**\n * Base Component class\n *\n * Centralises the behaviours shared by our components\n *\n * @virtual\n * @template {Element} [RootElementType=HTMLElement]\n */\nexport class Component {\n  /**\n   * @type {typeof Element}\n   */\n  static elementType = HTMLElement\n\n  // allows Typescript user to work around the lack of types\n  // in GOVUKFrontend package, Typescript is not aware of $root\n  // in components that extend GOVUKFrontendComponent\n  /**\n   * Returns the root element of the component\n   *\n   * @protected\n   * @returns {RootElementType} - the root element of component\n   */\n  get $root() {\n    return this._$root\n  }\n\n  /**\n   * @protected\n   * @type {RootElementType}\n   */\n  _$root\n\n  /**\n   * Constructs a new component, validating that GOV.UK Frontend is supported\n   *\n   * @internal\n   * @param {Element | null} [$root] - HTML element to use for component\n   */\n  constructor($root) {\n    const childConstructor = /** @type {ChildClassConstructor} */ (\n      this.constructor\n    )\n\n    // TypeScript does not enforce that inheriting classes will define a `moduleName`\n    // (even if we add a `@virtual` `static moduleName` property to this class).\n    // While we trust users to do this correctly, we do a little check to provide them\n    // a helpful error message.\n    //\n    // After this, we'll be sure that `childConstructor` has a `moduleName`\n    // as expected of the `ChildClassConstructor` we've cast `this.constructor` to.\n    if (typeof childConstructor.moduleName !== 'string') {\n      throw new InitError(`\\`moduleName\\` not defined in component`)\n    }\n\n    if (!($root instanceof childConstructor.elementType)) {\n      throw new ElementError({\n        element: $root,\n        component: childConstructor,\n        identifier: 'Root element (`$root`)',\n        expectedType: childConstructor.elementType.name\n      })\n    } else {\n      this._$root = /** @type {RootElementType} */ ($root)\n    }\n\n    childConstructor.checkSupport()\n\n    this.checkInitialised()\n\n    const moduleName = childConstructor.moduleName\n\n    this.$root.setAttribute(`data-${moduleName}-init`, '')\n  }\n\n  /**\n   * Validates whether component is already initialised\n   *\n   * @private\n   * @throws {InitError} when component is already initialised\n   */\n  checkInitialised() {\n    const constructor = /** @type {ChildClassConstructor} */ (this.constructor)\n    const moduleName = constructor.moduleName\n\n    if (moduleName && isInitialised(this.$root, moduleName)) {\n      throw new InitError(constructor)\n    }\n  }\n\n  /**\n   * Validates whether components are supported\n   *\n   * @throws {SupportError} when the components are not supported\n   */\n  static checkSupport() {\n    if (!isSupported()) {\n      throw new SupportError()\n    }\n  }\n}\n\n/**\n * @typedef ChildClass\n * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component\n */\n\n/**\n * @typedef {typeof Component & ChildClass} ChildClassConstructor\n */\n"],"names":["Component","$root","_$root","constructor","childConstructor","moduleName","InitError","elementType","ElementError","element","component","identifier","expectedType","name","checkSupport","checkInitialised","setAttribute","isInitialised","isSupported","SupportError","HTMLElement"],"mappings":";;;AAWO,MAAMA,SAAS,CAAC;AASrB;AACF;AACA;AACA;AACA;AACA;EACE,IAAIC,KAAKA,GAAG;IACV,OAAO,IAAI,CAACC,MAAM;AACpB,EAAA;EAcAC,WAAWA,CAACF,KAAK,EAAE;AAAA,IAAA,IAAA,CARnBC,MAAM,GAAA,MAAA;AASJ,IAAA,MAAME,gBAAgB,GACpB,IAAI,CAACD,WACN;AASD,IAAA,IAAI,OAAOC,gBAAgB,CAACC,UAAU,KAAK,QAAQ,EAAE;AACnD,MAAA,MAAM,IAAIC,SAAS,CAAC,CAAA,uCAAA,CAAyC,CAAC;AAChE,IAAA;AAEA,IAAA,IAAI,EAAEL,KAAK,YAAYG,gBAAgB,CAACG,WAAW,CAAC,EAAE;MACpD,MAAM,IAAIC,YAAY,CAAC;AACrBC,QAAAA,OAAO,EAAER,KAAK;AACdS,QAAAA,SAAS,EAAEN,gBAAgB;AAC3BO,QAAAA,UAAU,EAAE,wBAAwB;AACpCC,QAAAA,YAAY,EAAER,gBAAgB,CAACG,WAAW,CAACM;AAC7C,OAAC,CAAC;AACJ,IAAA,CAAC,MAAM;MACL,IAAI,CAACX,MAAM,GAAmCD,KAAM;AACtD,IAAA;IAEAG,gBAAgB,CAACU,YAAY,EAAE;IAE/B,IAAI,CAACC,gBAAgB,EAAE;AAEvB,IAAA,MAAMV,UAAU,GAAGD,gBAAgB,CAACC,UAAU;IAE9C,IAAI,CAACJ,KAAK,CAACe,YAAY,CAAC,QAAQX,UAAU,CAAA,KAAA,CAAO,EAAE,EAAE,CAAC;AACxD,EAAA;AAQAU,EAAAA,gBAAgBA,GAAG;AACjB,IAAA,MAAMZ,WAAW,GAAyC,IAAI,CAACA,WAAY;AAC3E,IAAA,MAAME,UAAU,GAAGF,WAAW,CAACE,UAAU;IAEzC,IAAIA,UAAU,IAAIY,aAAa,CAAC,IAAI,CAAChB,KAAK,EAAEI,UAAU,CAAC,EAAE;AACvD,MAAA,MAAM,IAAIC,SAAS,CAACH,WAAW,CAAC;AAClC,IAAA;AACF,EAAA;EAOA,OAAOW,YAAYA,GAAG;AACpB,IAAA,IAAI,CAACI,WAAW,EAAE,EAAE;MAClB,MAAM,IAAIC,YAAY,EAAE;AAC1B,IAAA;AACF,EAAA;AACF;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AArGanB,SAAS,CAIbO,WAAW,GAAGa,WAAW;;;;"}
\ No newline at end of file
diff --git a/node_modules/govuk-frontend/dist/govuk/components/_all.scss b/node_modules/govuk-frontend/dist/govuk/components/_all.scss
new file mode 100644
index 0000000..b8fd480
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/_all.scss
@@ -0,0 +1,10 @@
+@import "../settings/warnings";
+@import "index";
+
+@include _warning(
+  "import-using-all",
+  "Importing using 'govuk/components/all' is deprecated. Update your import statement to import 'govuk/components/index'.",
+  $silence-further-warnings: false
+);
+
+/*# sourceMappingURL=_all.scss.map */
diff --git a/node_modules/govuk-frontend/dist/govuk/components/_all.scss.map b/node_modules/govuk-frontend/dist/govuk/components/_all.scss.map
new file mode 100644
index 0000000..ad3fd3b
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/_all.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/govuk/components/_all.scss"],"names":[],"mappings":"AAAA,8BAA8B;AAC9B,eAAe;;AAEf;;;;CAIC","file":"_all.scss","sourcesContent":["@import \"../settings/warnings\";\n@import \"index\";\n\n@include _warning(\n  \"import-using-all\",\n  \"Importing using 'govuk/components/all' is deprecated. Update your import statement to import 'govuk/components/index'.\",\n  $silence-further-warnings: false\n);\n"]}
diff --git a/node_modules/govuk-frontend/dist/govuk/components/_index.scss b/node_modules/govuk-frontend/dist/govuk/components/_index.scss
new file mode 100644
index 0000000..e909f8f
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/_index.scss
@@ -0,0 +1,40 @@
+@import "../base";
+
+@import "accordion/index";
+@import "back-link/index";
+@import "breadcrumbs/index";
+@import "button/index";
+@import "character-count/index";
+@import "checkboxes/index";
+@import "cookie-banner/index";
+@import "date-input/index";
+@import "details/index";
+@import "error-message/index";
+@import "error-summary/index";
+@import "exit-this-page/index";
+@import "fieldset/index";
+@import "file-upload/index";
+@import "footer/index";
+@import "header/index";
+@import "hint/index";
+@import "input/index";
+@import "inset-text/index";
+@import "label/index";
+@import "notification-banner/index";
+@import "pagination/index";
+@import "panel/index";
+@import "password-input/index";
+@import "phase-banner/index";
+@import "radios/index";
+@import "select/index";
+@import "service-navigation/index";
+@import "skip-link/index";
+@import "summary-list/index";
+@import "table/index";
+@import "tabs/index";
+@import "tag/index";
+@import "task-list/index";
+@import "textarea/index";
+@import "warning-text/index";
+
+/*# sourceMappingURL=_index.scss.map */
diff --git a/node_modules/govuk-frontend/dist/govuk/components/_index.scss.map b/node_modules/govuk-frontend/dist/govuk/components/_index.scss.map
new file mode 100644
index 0000000..4d0f5e3
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/_index.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/govuk/components/_index.scss"],"names":[],"mappings":"AAAA,iBAAiB;;AAEjB,yBAAyB;AACzB,yBAAyB;AACzB,2BAA2B;AAC3B,sBAAsB;AACtB,+BAA+B;AAC/B,0BAA0B;AAC1B,6BAA6B;AAC7B,0BAA0B;AAC1B,uBAAuB;AACvB,6BAA6B;AAC7B,6BAA6B;AAC7B,8BAA8B;AAC9B,wBAAwB;AACxB,2BAA2B;AAC3B,sBAAsB;AACtB,sBAAsB;AACtB,oBAAoB;AACpB,qBAAqB;AACrB,0BAA0B;AAC1B,qBAAqB;AACrB,mCAAmC;AACnC,0BAA0B;AAC1B,qBAAqB;AACrB,8BAA8B;AAC9B,4BAA4B;AAC5B,sBAAsB;AACtB,sBAAsB;AACtB,kCAAkC;AAClC,yBAAyB;AACzB,4BAA4B;AAC5B,qBAAqB;AACrB,oBAAoB;AACpB,mBAAmB;AACnB,yBAAyB;AACzB,wBAAwB;AACxB,4BAA4B","file":"_index.scss","sourcesContent":["@import \"../base\";\n\n@import \"accordion/index\";\n@import \"back-link/index\";\n@import \"breadcrumbs/index\";\n@import \"button/index\";\n@import \"character-count/index\";\n@import \"checkboxes/index\";\n@import \"cookie-banner/index\";\n@import \"date-input/index\";\n@import \"details/index\";\n@import \"error-message/index\";\n@import \"error-summary/index\";\n@import \"exit-this-page/index\";\n@import \"fieldset/index\";\n@import \"file-upload/index\";\n@import \"footer/index\";\n@import \"header/index\";\n@import \"hint/index\";\n@import \"input/index\";\n@import \"inset-text/index\";\n@import \"label/index\";\n@import \"notification-banner/index\";\n@import \"pagination/index\";\n@import \"panel/index\";\n@import \"password-input/index\";\n@import \"phase-banner/index\";\n@import \"radios/index\";\n@import \"select/index\";\n@import \"service-navigation/index\";\n@import \"skip-link/index\";\n@import \"summary-list/index\";\n@import \"table/index\";\n@import \"tabs/index\";\n@import \"tag/index\";\n@import \"task-list/index\";\n@import \"textarea/index\";\n@import \"warning-text/index\";\n"]}
diff --git a/node_modules/govuk-frontend/dist/govuk/components/accordion/README.md b/node_modules/govuk-frontend/dist/govuk/components/accordion/README.md
new file mode 100644
index 0000000..647e0cb
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/accordion/README.md
@@ -0,0 +1,15 @@
+# Accordion
+
+## Installation
+
+See the [main README quick start guide](https://github.com/alphagov/govuk-frontend#quick-start) for how to install this component.
+
+## Guidance and Examples
+
+Find out when to use the accordion component in your service in the [GOV.UK Design System](https://design-system.service.gov.uk/components/accordion).
+
+## Component options
+
+Use options to customise the appearance, content and behaviour of a component when using a macro, for example, changing the text.
+
+See [options table](https://design-system.service.gov.uk/components/accordion/#options-accordion-example) for details.
diff --git a/node_modules/govuk-frontend/dist/govuk/components/accordion/_accordion.scss b/node_modules/govuk-frontend/dist/govuk/components/accordion/_accordion.scss
new file mode 100644
index 0000000..ada3c0f
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/accordion/_accordion.scss
@@ -0,0 +1,4 @@
+@import "../../base";
+@import "./index";
+
+/*# sourceMappingURL=_accordion.scss.map */
diff --git a/node_modules/govuk-frontend/dist/govuk/components/accordion/_accordion.scss.map b/node_modules/govuk-frontend/dist/govuk/components/accordion/_accordion.scss.map
new file mode 100644
index 0000000..b3047e6
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/accordion/_accordion.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/accordion/_accordion.scss"],"names":[],"mappings":"AAAA,oBAAoB;AACpB,iBAAiB","file":"_accordion.scss","sourcesContent":["@import \"../../base\";\n@import \"./index\";\n"]}
diff --git a/node_modules/govuk-frontend/dist/govuk/components/accordion/_index.scss b/node_modules/govuk-frontend/dist/govuk/components/accordion/_index.scss
new file mode 100644
index 0000000..00c08ff
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/accordion/_index.scss
@@ -0,0 +1,370 @@
+@include govuk-exports("govuk/component/accordion") {
+  $govuk-accordion-base-colour: govuk-colour("black");
+  $govuk-accordion-hover-colour: govuk-colour("light-grey");
+  $govuk-accordion-icon-focus-colour: $govuk-focus-colour;
+  $govuk-accordion-bottom-border-width: 1px;
+
+  .govuk-accordion {
+    @include govuk-responsive-margin(6, "bottom");
+  }
+
+  .govuk-accordion__section {
+    padding-top: govuk-spacing(3);
+  }
+
+  .govuk-accordion__section-heading {
+    // Override browser defaults to ensure consistent element height
+    margin-top: 0;
+    margin-bottom: 0;
+
+    padding-top: govuk-spacing(3);
+    padding-bottom: govuk-spacing(3);
+  }
+
+  .govuk-accordion__section-button {
+    @include govuk-font($size: 24, $weight: bold);
+    @include govuk-text-colour;
+
+    display: block;
+    margin-bottom: 0;
+    padding-top: govuk-spacing(3);
+  }
+
+  // Remove the bottom margin from the last item inside the content
+  .govuk-accordion__section-content > :last-child {
+    margin-bottom: 0;
+  }
+
+  // GOV.UK Frontend JavaScript enabled
+  .govuk-frontend-supported {
+    .govuk-accordion {
+      // Border at the bottom of the whole accordion
+      border-bottom: $govuk-accordion-bottom-border-width solid $govuk-border-colour;
+    }
+
+    .govuk-accordion__section {
+      padding-top: 0;
+    }
+
+    // Hide the body of collapsed sections by default for browsers that lack
+    // support for `content-visibility` paired with [hidden=until-found]
+    .govuk-accordion__section-content {
+      display: none;
+
+      @include govuk-responsive-padding(3, "top");
+      @include govuk-responsive-padding(8, "bottom");
+    }
+
+    // Hide the body of collapsed sections using `content-visibility` to enable
+    // page search within [hidden=until-found] regions where browser supported
+    .govuk-accordion__section-content[hidden] {
+      @supports (content-visibility: hidden) {
+        content-visibility: hidden;
+        display: inherit;
+      }
+
+      // Hide the padding of collapsed sections
+      padding-top: 0;
+      padding-bottom: 0;
+    }
+
+    // Show the body of expanded sections
+    .govuk-accordion__section--expanded .govuk-accordion__section-content {
+      display: block;
+    }
+
+    .govuk-accordion__show-all {
+      @include govuk-font($size: 19);
+      position: relative;
+      z-index: 1;
+
+      margin-bottom: 9px;
+      padding: govuk-spacing(1) 2px govuk-spacing(1) 0;
+
+      border-width: 0;
+
+      color: $govuk-link-colour;
+      background: none;
+
+      cursor: pointer;
+      -webkit-appearance: none;
+
+      @include govuk-media-query($from: tablet) {
+        margin-bottom: 14px;
+      }
+
+      // Remove default button focus outline in Firefox
+      &::-moz-focus-inner {
+        padding: 0;
+        border: 0;
+      }
+
+      &:hover {
+        color: $govuk-accordion-base-colour;
+        background: $govuk-accordion-hover-colour;
+        // The focus state adds a box-shadow to the top and bottom of the
+        // button. We add a grey box-shadow on hover too, to make the height of
+        // the hover state match the height of the focus state.
+        box-shadow:
+          0 -2px $govuk-accordion-hover-colour,
+          0 4px $govuk-accordion-hover-colour;
+
+        .govuk-accordion__section-toggle-text {
+          color: $govuk-accordion-base-colour;
+        }
+
+        .govuk-accordion-nav__chevron {
+          color: $govuk-accordion-base-colour;
+          background: $govuk-accordion-base-colour;
+        }
+
+        .govuk-accordion-nav__chevron::after {
+          color: $govuk-accordion-hover-colour;
+        }
+      }
+
+      &:focus {
+        @include govuk-focused-text;
+
+        .govuk-accordion-nav__chevron {
+          background: $govuk-accordion-base-colour;
+        }
+
+        .govuk-accordion-nav__chevron::after {
+          color: $govuk-accordion-icon-focus-colour;
+        }
+      }
+    }
+
+    .govuk-accordion__section-heading {
+      padding: 0;
+    }
+
+    // Create Chevron icon aligned with text
+    .govuk-accordion-nav__chevron {
+      box-sizing: border-box;
+      display: inline-block;
+
+      position: relative;
+
+      // Set size using rems so icon scales with text
+      width: govuk-px-to-rem(20px);
+      height: govuk-px-to-rem(20px);
+
+      border: govuk-px-to-rem(1px) solid;
+      border-radius: 50%;
+
+      vertical-align: middle;
+
+      // Create inner chevron arrow
+      &::after {
+        content: "";
+        box-sizing: border-box;
+        display: block;
+
+        position: absolute;
+        bottom: govuk-px-to-rem(5px);
+        left: govuk-px-to-rem(6px);
+
+        width: govuk-px-to-rem(6px);
+        height: govuk-px-to-rem(6px);
+
+        transform: rotate(-45deg);
+
+        border-top: govuk-px-to-rem(2px) solid;
+        border-right: govuk-px-to-rem(2px) solid;
+      }
+    }
+
+    // Rotate icon to create "Down" version
+    .govuk-accordion-nav__chevron--down {
+      transform: rotate(180deg);
+    }
+
+    .govuk-accordion__section-button {
+      width: 100%;
+
+      padding: govuk-spacing(2) 0 0;
+
+      border: 0;
+
+      border-top: $govuk-accordion-bottom-border-width solid $govuk-border-colour;
+
+      // Visually separate the section from the one underneath when user changes
+      // colours in their browser. See
+      // https://github.com/alphagov/govuk-frontend/issues/2321#issuecomment-924201488
+      border-bottom: govuk-spacing(2) solid transparent;
+
+      color: $govuk-text-colour;
+      background: none;
+
+      text-align: left;
+      // Section headers have a pointer cursor as an additional affordance
+      cursor: pointer;
+      -webkit-appearance: none;
+
+      @include govuk-media-query($from: tablet) {
+        padding-bottom: govuk-spacing(2);
+      }
+
+      &:active {
+        color: $govuk-link-active-colour;
+        background: none;
+      }
+
+      &:hover {
+        color: $govuk-accordion-base-colour;
+        background: $govuk-accordion-hover-colour;
+
+        .govuk-accordion__section-toggle-text {
+          color: $govuk-accordion-base-colour;
+        }
+
+        .govuk-accordion-nav__chevron {
+          color: $govuk-accordion-base-colour;
+          background: $govuk-accordion-base-colour;
+        }
+
+        .govuk-accordion-nav__chevron::after {
+          color: $govuk-accordion-hover-colour;
+        }
+      }
+
+      &:focus {
+        // Remove default focus border around button as styling is being applied
+        // to inner text elements that receive focus
+        outline: 0;
+
+        .govuk-accordion__section-heading-text-focus,
+        .govuk-accordion__section-summary-focus,
+        .govuk-accordion__section-toggle-focus {
+          @include govuk-focused-text;
+        }
+
+        .govuk-accordion-nav__chevron {
+          color: $govuk-accordion-base-colour;
+          background: $govuk-accordion-base-colour;
+        }
+
+        .govuk-accordion-nav__chevron::after {
+          color: $govuk-accordion-icon-focus-colour;
+        }
+      }
+
+      // Remove default button focus outline in Firefox
+      &::-moz-focus-inner {
+        padding: 0;
+        border: 0;
+      }
+    }
+
+    // Remove the transparent border when the section is expanded to make it
+    // clear that the heading relates to the content below. Adjust padding to
+    // maintain the height of the element. See
+    // https://github.com/alphagov/govuk-frontend/pull/2257#issuecomment-951920798
+    .govuk-accordion__section--expanded .govuk-accordion__section-button {
+      padding-bottom: govuk-spacing(3);
+      border-bottom: 0;
+
+      @include govuk-media-query($from: tablet) {
+        padding-bottom: govuk-spacing(4);
+      }
+    }
+
+    // As Chevron icon is vertically aligned it overlaps with the focus state
+    // bottom border – this adds some spacing
+    .govuk-accordion__section-button:focus .govuk-accordion__section-toggle-focus {
+      padding-bottom: 3px;
+
+      @include govuk-media-query($from: desktop) {
+        padding-bottom: 2px;
+      }
+    }
+
+    .govuk-accordion__section-toggle,
+    .govuk-accordion__section-heading-text,
+    .govuk-accordion__section-summary {
+      display: block;
+      margin-bottom: 13px;
+
+      .govuk-accordion__section-heading-text-focus,
+      .govuk-accordion__section-summary-focus,
+      .govuk-accordion__section-toggle-focus {
+        display: inline;
+      }
+    }
+
+    // Add toggle link with Chevron icon on left.
+    .govuk-accordion__section-toggle {
+      @include govuk-font-size($size: 19);
+      @include govuk-typography-weight-regular;
+      color: $govuk-link-colour;
+    }
+
+    // Add space between the icon and text. Avoid applying spacing directly to
+    // the icon as the use of `transform` will change the placement of any
+    // margins.
+    .govuk-accordion__show-all-text,
+    .govuk-accordion__section-toggle-text {
+      margin-left: govuk-spacing(1);
+      vertical-align: middle;
+    }
+
+    // Background colour adjustment when user changes colours in Firefox
+    //
+    // When user changes colours in Firefox, text colour inside <button> is
+    // always black (regardless of the custom colours the user has set). This is
+    // fine when the text in the button is not nested inside another element
+    // because when user changes colours in Firefox, the immediate background
+    // colour of buttons is always white (again, regardless of user's custom
+    // colours).
+    //
+    // However, when the text inside <button> is wrapped inside another element
+    // AND that element sets a background colour, the text colour is still black
+    // but the background of that nested element gets the user's custom
+    // background colour. When the custom background is a lighter hue, the
+    // contrast might be sufficient. But if the user's custom background colour
+    // is a darker colour, the contrast with the text might not be sufficient.
+    //
+    // To ensure sufficient contrast, override the background colour set by the
+    // focus state on the nested elements to be transparent.
+    //
+    // Also override the background colour of the Show/Hide chevrons which set a
+    // background colour on hover.
+    @media screen and (forced-colors: active) {
+      .govuk-accordion__show-all:hover,
+      .govuk-accordion__section-button:hover {
+        .govuk-accordion-nav__chevron {
+          background-color: transparent;
+        }
+      }
+
+      .govuk-accordion__show-all:focus,
+      .govuk-accordion__section-button:focus {
+        .govuk-accordion__section-heading-text-focus,
+        .govuk-accordion__section-summary-focus,
+        .govuk-accordion__section-toggle-focus,
+        .govuk-accordion-nav__chevron {
+          background: transparent;
+          background-color: transparent;
+        }
+      }
+    }
+
+    // For devices that can't hover such as touch devices,
+    // remove hover state as it can be stuck in that state (iOS).
+    @media (hover: none) {
+      .govuk-accordion__section-header:hover {
+        border-top-color: $govuk-border-colour;
+
+        box-shadow: inset 0 3px 0 0 $govuk-link-colour;
+
+        .govuk-accordion__section-button {
+          border-top-color: $govuk-border-colour;
+        }
+      }
+    }
+  }
+}
+
+/*# sourceMappingURL=_index.scss.map */
diff --git a/node_modules/govuk-frontend/dist/govuk/components/accordion/_index.scss.map b/node_modules/govuk-frontend/dist/govuk/components/accordion/_index.scss.map
new file mode 100644
index 0000000..8501458
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/accordion/_index.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/accordion/_index.scss"],"names":[],"mappings":"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","file":"_index.scss","sourcesContent":["@include govuk-exports(\"govuk/component/accordion\") {\n  $govuk-accordion-base-colour: govuk-colour(\"black\");\n  $govuk-accordion-hover-colour: govuk-colour(\"light-grey\");\n  $govuk-accordion-icon-focus-colour: $govuk-focus-colour;\n  $govuk-accordion-bottom-border-width: 1px;\n\n  .govuk-accordion {\n    @include govuk-responsive-margin(6, \"bottom\");\n  }\n\n  .govuk-accordion__section {\n    padding-top: govuk-spacing(3);\n  }\n\n  .govuk-accordion__section-heading {\n    // Override browser defaults to ensure consistent element height\n    margin-top: 0;\n    margin-bottom: 0;\n\n    padding-top: govuk-spacing(3);\n    padding-bottom: govuk-spacing(3);\n  }\n\n  .govuk-accordion__section-button {\n    @include govuk-font($size: 24, $weight: bold);\n    @include govuk-text-colour;\n\n    display: block;\n    margin-bottom: 0;\n    padding-top: govuk-spacing(3);\n  }\n\n  // Remove the bottom margin from the last item inside the content\n  .govuk-accordion__section-content > :last-child {\n    margin-bottom: 0;\n  }\n\n  // GOV.UK Frontend JavaScript enabled\n  .govuk-frontend-supported {\n    .govuk-accordion {\n      // Border at the bottom of the whole accordion\n      border-bottom: $govuk-accordion-bottom-border-width solid $govuk-border-colour;\n    }\n\n    .govuk-accordion__section {\n      padding-top: 0;\n    }\n\n    // Hide the body of collapsed sections by default for browsers that lack\n    // support for `content-visibility` paired with [hidden=until-found]\n    .govuk-accordion__section-content {\n      display: none;\n\n      @include govuk-responsive-padding(3, \"top\");\n      @include govuk-responsive-padding(8, \"bottom\");\n    }\n\n    // Hide the body of collapsed sections using `content-visibility` to enable\n    // page search within [hidden=until-found] regions where browser supported\n    .govuk-accordion__section-content[hidden] {\n      @supports (content-visibility: hidden) {\n        content-visibility: hidden;\n        display: inherit;\n      }\n\n      // Hide the padding of collapsed sections\n      padding-top: 0;\n      padding-bottom: 0;\n    }\n\n    // Show the body of expanded sections\n    .govuk-accordion__section--expanded .govuk-accordion__section-content {\n      display: block;\n    }\n\n    .govuk-accordion__show-all {\n      @include govuk-font($size: 19);\n      position: relative;\n      z-index: 1;\n\n      margin-bottom: 9px;\n      padding: govuk-spacing(1) 2px govuk-spacing(1) 0;\n\n      border-width: 0;\n\n      color: $govuk-link-colour;\n      background: none;\n\n      cursor: pointer;\n      -webkit-appearance: none;\n\n      @include govuk-media-query($from: tablet) {\n        margin-bottom: 14px;\n      }\n\n      // Remove default button focus outline in Firefox\n      &::-moz-focus-inner {\n        padding: 0;\n        border: 0;\n      }\n\n      &:hover {\n        color: $govuk-accordion-base-colour;\n        background: $govuk-accordion-hover-colour;\n        // The focus state adds a box-shadow to the top and bottom of the\n        // button. We add a grey box-shadow on hover too, to make the height of\n        // the hover state match the height of the focus state.\n        box-shadow:\n          0 -2px $govuk-accordion-hover-colour,\n          0 4px $govuk-accordion-hover-colour;\n\n        .govuk-accordion__section-toggle-text {\n          color: $govuk-accordion-base-colour;\n        }\n\n        .govuk-accordion-nav__chevron {\n          color: $govuk-accordion-base-colour;\n          background: $govuk-accordion-base-colour;\n        }\n\n        .govuk-accordion-nav__chevron::after {\n          color: $govuk-accordion-hover-colour;\n        }\n      }\n\n      &:focus {\n        @include govuk-focused-text;\n\n        .govuk-accordion-nav__chevron {\n          background: $govuk-accordion-base-colour;\n        }\n\n        .govuk-accordion-nav__chevron::after {\n          color: $govuk-accordion-icon-focus-colour;\n        }\n      }\n    }\n\n    .govuk-accordion__section-heading {\n      padding: 0;\n    }\n\n    // Create Chevron icon aligned with text\n    .govuk-accordion-nav__chevron {\n      box-sizing: border-box;\n      display: inline-block;\n\n      position: relative;\n\n      // Set size using rems so icon scales with text\n      width: govuk-px-to-rem(20px);\n      height: govuk-px-to-rem(20px);\n\n      border: govuk-px-to-rem(1px) solid;\n      border-radius: 50%;\n\n      vertical-align: middle;\n\n      // Create inner chevron arrow\n      &::after {\n        content: \"\";\n        box-sizing: border-box;\n        display: block;\n\n        position: absolute;\n        bottom: govuk-px-to-rem(5px);\n        left: govuk-px-to-rem(6px);\n\n        width: govuk-px-to-rem(6px);\n        height: govuk-px-to-rem(6px);\n\n        transform: rotate(-45deg);\n\n        border-top: govuk-px-to-rem(2px) solid;\n        border-right: govuk-px-to-rem(2px) solid;\n      }\n    }\n\n    // Rotate icon to create \"Down\" version\n    .govuk-accordion-nav__chevron--down {\n      transform: rotate(180deg);\n    }\n\n    .govuk-accordion__section-button {\n      width: 100%;\n\n      padding: govuk-spacing(2) 0 0;\n\n      border: 0;\n\n      border-top: $govuk-accordion-bottom-border-width solid $govuk-border-colour;\n\n      // Visually separate the section from the one underneath when user changes\n      // colours in their browser. See\n      // https://github.com/alphagov/govuk-frontend/issues/2321#issuecomment-924201488\n      border-bottom: govuk-spacing(2) solid transparent;\n\n      color: $govuk-text-colour;\n      background: none;\n\n      text-align: left;\n      // Section headers have a pointer cursor as an additional affordance\n      cursor: pointer;\n      -webkit-appearance: none;\n\n      @include govuk-media-query($from: tablet) {\n        padding-bottom: govuk-spacing(2);\n      }\n\n      &:active {\n        color: $govuk-link-active-colour;\n        background: none;\n      }\n\n      &:hover {\n        color: $govuk-accordion-base-colour;\n        background: $govuk-accordion-hover-colour;\n\n        .govuk-accordion__section-toggle-text {\n          color: $govuk-accordion-base-colour;\n        }\n\n        .govuk-accordion-nav__chevron {\n          color: $govuk-accordion-base-colour;\n          background: $govuk-accordion-base-colour;\n        }\n\n        .govuk-accordion-nav__chevron::after {\n          color: $govuk-accordion-hover-colour;\n        }\n      }\n\n      &:focus {\n        // Remove default focus border around button as styling is being applied\n        // to inner text elements that receive focus\n        outline: 0;\n\n        .govuk-accordion__section-heading-text-focus,\n        .govuk-accordion__section-summary-focus,\n        .govuk-accordion__section-toggle-focus {\n          @include govuk-focused-text;\n        }\n\n        .govuk-accordion-nav__chevron {\n          color: $govuk-accordion-base-colour;\n          background: $govuk-accordion-base-colour;\n        }\n\n        .govuk-accordion-nav__chevron::after {\n          color: $govuk-accordion-icon-focus-colour;\n        }\n      }\n\n      // Remove default button focus outline in Firefox\n      &::-moz-focus-inner {\n        padding: 0;\n        border: 0;\n      }\n    }\n\n    // Remove the transparent border when the section is expanded to make it\n    // clear that the heading relates to the content below. Adjust padding to\n    // maintain the height of the element. See\n    // https://github.com/alphagov/govuk-frontend/pull/2257#issuecomment-951920798\n    .govuk-accordion__section--expanded .govuk-accordion__section-button {\n      padding-bottom: govuk-spacing(3);\n      border-bottom: 0;\n\n      @include govuk-media-query($from: tablet) {\n        padding-bottom: govuk-spacing(4);\n      }\n    }\n\n    // As Chevron icon is vertically aligned it overlaps with the focus state\n    // bottom border – this adds some spacing\n    .govuk-accordion__section-button:focus .govuk-accordion__section-toggle-focus {\n      padding-bottom: 3px;\n\n      @include govuk-media-query($from: desktop) {\n        padding-bottom: 2px;\n      }\n    }\n\n    .govuk-accordion__section-toggle,\n    .govuk-accordion__section-heading-text,\n    .govuk-accordion__section-summary {\n      display: block;\n      margin-bottom: 13px;\n\n      .govuk-accordion__section-heading-text-focus,\n      .govuk-accordion__section-summary-focus,\n      .govuk-accordion__section-toggle-focus {\n        display: inline;\n      }\n    }\n\n    // Add toggle link with Chevron icon on left.\n    .govuk-accordion__section-toggle {\n      @include govuk-font-size($size: 19);\n      @include govuk-typography-weight-regular;\n      color: $govuk-link-colour;\n    }\n\n    // Add space between the icon and text. Avoid applying spacing directly to\n    // the icon as the use of `transform` will change the placement of any\n    // margins.\n    .govuk-accordion__show-all-text,\n    .govuk-accordion__section-toggle-text {\n      margin-left: govuk-spacing(1);\n      vertical-align: middle;\n    }\n\n    // Background colour adjustment when user changes colours in Firefox\n    //\n    // When user changes colours in Firefox, text colour inside <button> is\n    // always black (regardless of the custom colours the user has set). This is\n    // fine when the text in the button is not nested inside another element\n    // because when user changes colours in Firefox, the immediate background\n    // colour of buttons is always white (again, regardless of user's custom\n    // colours).\n    //\n    // However, when the text inside <button> is wrapped inside another element\n    // AND that element sets a background colour, the text colour is still black\n    // but the background of that nested element gets the user's custom\n    // background colour. When the custom background is a lighter hue, the\n    // contrast might be sufficient. But if the user's custom background colour\n    // is a darker colour, the contrast with the text might not be sufficient.\n    //\n    // To ensure sufficient contrast, override the background colour set by the\n    // focus state on the nested elements to be transparent.\n    //\n    // Also override the background colour of the Show/Hide chevrons which set a\n    // background colour on hover.\n    @media screen and (forced-colors: active) {\n      .govuk-accordion__show-all:hover,\n      .govuk-accordion__section-button:hover {\n        .govuk-accordion-nav__chevron {\n          background-color: transparent;\n        }\n      }\n\n      .govuk-accordion__show-all:focus,\n      .govuk-accordion__section-button:focus {\n        .govuk-accordion__section-heading-text-focus,\n        .govuk-accordion__section-summary-focus,\n        .govuk-accordion__section-toggle-focus,\n        .govuk-accordion-nav__chevron {\n          background: transparent;\n          background-color: transparent;\n        }\n      }\n    }\n\n    // For devices that can't hover such as touch devices,\n    // remove hover state as it can be stuck in that state (iOS).\n    @media (hover: none) {\n      .govuk-accordion__section-header:hover {\n        border-top-color: $govuk-border-colour;\n\n        box-shadow: inset 0 3px 0 0 $govuk-link-colour;\n\n        .govuk-accordion__section-button {\n          border-top-color: $govuk-border-colour;\n        }\n      }\n    }\n  }\n}\n"]}
diff --git a/node_modules/govuk-frontend/dist/govuk/components/accordion/accordion.bundle.js b/node_modules/govuk-frontend/dist/govuk/components/accordion/accordion.bundle.js
new file mode 100644
index 0000000..e689607
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/accordion/accordion.bundle.js
@@ -0,0 +1,707 @@
+(function (global, factory) {
+  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports) :
+  typeof define === 'function' && define.amd ? define(['exports'], factory) :
+  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.GOVUKFrontend = global.GOVUKFrontend || {}));
+})(this, (function (exports) { 'use strict';
+
+  function isInitialised($root, moduleName) {
+    return $root instanceof HTMLElement && $root.hasAttribute(`data-${moduleName}-init`);
+  }
+
+  /**
+   * Checks if GOV.UK Frontend is supported on this page
+   *
+   * Some browsers will load and run our JavaScript but GOV.UK Frontend
+   * won't be supported.
+   *
+   * @param {HTMLElement | null} [$scope] - (internal) `<body>` HTML element checked for browser support
+   * @returns {boolean} Whether GOV.UK Frontend is supported on this page
+   */
+  function isSupported($scope = document.body) {
+    if (!$scope) {
+      return false;
+    }
+    return $scope.classList.contains('govuk-frontend-supported');
+  }
+  function isArray(option) {
+    return Array.isArray(option);
+  }
+  function isObject(option) {
+    return !!option && typeof option === 'object' && !isArray(option);
+  }
+  function formatErrorMessage(Component, message) {
+    return `${Component.moduleName}: ${message}`;
+  }
+  /**
+   * @typedef ComponentWithModuleName
+   * @property {string} moduleName - Name of the component
+   */
+
+  class GOVUKFrontendError extends Error {
+    constructor(...args) {
+      super(...args);
+      this.name = 'GOVUKFrontendError';
+    }
+  }
+  class SupportError extends GOVUKFrontendError {
+    /**
+     * Checks if GOV.UK Frontend is supported on this page
+     *
+     * @param {HTMLElement | null} [$scope] - HTML element `<body>` checked for browser support
+     */
+    constructor($scope = document.body) {
+      const supportMessage = 'noModule' in HTMLScriptElement.prototype ? 'GOV.UK Frontend initialised without `<body class="govuk-frontend-supported">` from template `<script>` snippet' : 'GOV.UK Frontend is not supported in this browser';
+      super($scope ? supportMessage : 'GOV.UK Frontend initialised without `<script type="module">`');
+      this.name = 'SupportError';
+    }
+  }
+  class ConfigError extends GOVUKFrontendError {
+    constructor(...args) {
+      super(...args);
+      this.name = 'ConfigError';
+    }
+  }
+  class ElementError extends GOVUKFrontendError {
+    constructor(messageOrOptions) {
+      let message = typeof messageOrOptions === 'string' ? messageOrOptions : '';
+      if (isObject(messageOrOptions)) {
+        const {
+          component,
+          identifier,
+          element,
+          expectedType
+        } = messageOrOptions;
+        message = identifier;
+        message += element ? ` is not of type ${expectedType != null ? expectedType : 'HTMLElement'}` : ' not found';
+        if (component) {
+          message = formatErrorMessage(component, message);
+        }
+      }
+      super(message);
+      this.name = 'ElementError';
+    }
+  }
+  class InitError extends GOVUKFrontendError {
+    constructor(componentOrMessage) {
+      const message = typeof componentOrMessage === 'string' ? componentOrMessage : formatErrorMessage(componentOrMessage, `Root element (\`$root\`) already initialised`);
+      super(message);
+      this.name = 'InitError';
+    }
+  }
+  /**
+   * @import { ComponentWithModuleName } from '../common/index.mjs'
+   */
+
+  class Component {
+    /**
+     * Returns the root element of the component
+     *
+     * @protected
+     * @returns {RootElementType} - the root element of component
+     */
+    get $root() {
+      return this._$root;
+    }
+    constructor($root) {
+      this._$root = void 0;
+      const childConstructor = this.constructor;
+      if (typeof childConstructor.moduleName !== 'string') {
+        throw new InitError(`\`moduleName\` not defined in component`);
+      }
+      if (!($root instanceof childConstructor.elementType)) {
+        throw new ElementError({
+          element: $root,
+          component: childConstructor,
+          identifier: 'Root element (`$root`)',
+          expectedType: childConstructor.elementType.name
+        });
+      } else {
+        this._$root = $root;
+      }
+      childConstructor.checkSupport();
+      this.checkInitialised();
+      const moduleName = childConstructor.moduleName;
+      this.$root.setAttribute(`data-${moduleName}-init`, '');
+    }
+    checkInitialised() {
+      const constructor = this.constructor;
+      const moduleName = constructor.moduleName;
+      if (moduleName && isInitialised(this.$root, moduleName)) {
+        throw new InitError(constructor);
+      }
+    }
+    static checkSupport() {
+      if (!isSupported()) {
+        throw new SupportError();
+      }
+    }
+  }
+
+  /**
+   * @typedef ChildClass
+   * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component
+   */
+
+  /**
+   * @typedef {typeof Component & ChildClass} ChildClassConstructor
+   */
+  Component.elementType = HTMLElement;
+
+  const configOverride = Symbol.for('configOverride');
+  class ConfigurableComponent extends Component {
+    [configOverride](param) {
+      return {};
+    }
+
+    /**
+     * Returns the root element of the component
+     *
+     * @protected
+     * @returns {ConfigurationType} - the root element of component
+     */
+    get config() {
+      return this._config;
+    }
+    constructor($root, config) {
+      super($root);
+      this._config = void 0;
+      const childConstructor = this.constructor;
+      if (!isObject(childConstructor.defaults)) {
+        throw new ConfigError(formatErrorMessage(childConstructor, 'Config passed as parameter into constructor but no defaults defined'));
+      }
+      const datasetConfig = normaliseDataset(childConstructor, this._$root.dataset);
+      this._config = mergeConfigs(childConstructor.defaults, config != null ? config : {}, this[configOverride](datasetConfig), datasetConfig);
+    }
+  }
+  function normaliseString(value, property) {
+    const trimmedValue = value ? value.trim() : '';
+    let output;
+    let outputType = property == null ? void 0 : property.type;
+    if (!outputType) {
+      if (['true', 'false'].includes(trimmedValue)) {
+        outputType = 'boolean';
+      }
+      if (trimmedValue.length > 0 && isFinite(Number(trimmedValue))) {
+        outputType = 'number';
+      }
+    }
+    switch (outputType) {
+      case 'boolean':
+        output = trimmedValue === 'true';
+        break;
+      case 'number':
+        output = Number(trimmedValue);
+        break;
+      default:
+        output = value;
+    }
+    return output;
+  }
+  function normaliseDataset(Component, dataset) {
+    if (!isObject(Component.schema)) {
+      throw new ConfigError(formatErrorMessage(Component, 'Config passed as parameter into constructor but no schema defined'));
+    }
+    const out = {};
+    const entries = Object.entries(Component.schema.properties);
+    for (const entry of entries) {
+      const [namespace, property] = entry;
+      const field = namespace.toString();
+      if (field in dataset) {
+        out[field] = normaliseString(dataset[field], property);
+      }
+      if ((property == null ? void 0 : property.type) === 'object') {
+        out[field] = extractConfigByNamespace(Component.schema, dataset, namespace);
+      }
+    }
+    return out;
+  }
+  function mergeConfigs(...configObjects) {
+    const formattedConfigObject = {};
+    for (const configObject of configObjects) {
+      for (const key of Object.keys(configObject)) {
+        const option = formattedConfigObject[key];
+        const override = configObject[key];
+        if (isObject(option) && isObject(override)) {
+          formattedConfigObject[key] = mergeConfigs(option, override);
+        } else {
+          formattedConfigObject[key] = override;
+        }
+      }
+    }
+    return formattedConfigObject;
+  }
+  function extractConfigByNamespace(schema, dataset, namespace) {
+    const property = schema.properties[namespace];
+    if ((property == null ? void 0 : property.type) !== 'object') {
+      return;
+    }
+    const newObject = {
+      [namespace]: {}
+    };
+    for (const [key, value] of Object.entries(dataset)) {
+      let current = newObject;
+      const keyParts = key.split('.');
+      for (const [index, name] of keyParts.entries()) {
+        if (isObject(current)) {
+          if (index < keyParts.length - 1) {
+            if (!isObject(current[name])) {
+              current[name] = {};
+            }
+            current = current[name];
+          } else if (key !== namespace) {
+            current[name] = normaliseString(value);
+          }
+        }
+      }
+    }
+    return newObject[namespace];
+  }
+  /**
+   * Schema for component config
+   *
+   * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType
+   * @typedef {object} Schema
+   * @property {Record<keyof ConfigurationType, SchemaProperty | undefined>} properties - Schema properties
+   * @property {SchemaCondition<ConfigurationType>[]} [anyOf] - List of schema conditions
+   */
+  /**
+   * Schema property for component config
+   *
+   * @typedef {object} SchemaProperty
+   * @property {'string' | 'boolean' | 'number' | 'object'} type - Property type
+   */
+  /**
+   * Schema condition for component config
+   *
+   * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType
+   * @typedef {object} SchemaCondition
+   * @property {(keyof ConfigurationType)[]} required - List of required config fields
+   * @property {string} errorMessage - Error message when required config fields not provided
+   */
+  /**
+   * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]
+   * @typedef ChildClass
+   * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component
+   * @property {Schema<ConfigurationType>} [schema] - The schema of the component configuration
+   * @property {ConfigurationType} [defaults] - The default values of the configuration of the component
+   */
+  /**
+   * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]
+   * @typedef {typeof Component & ChildClass<ConfigurationType>} ChildClassConstructor<ConfigurationType>
+   */
+  /**
+   * @import { CompatibleClass, Config, CreateAllOptions, OnErrorCallback } from '../init.mjs'
+   */
+
+  class I18n {
+    constructor(translations = {}, config = {}) {
+      var _config$locale;
+      this.translations = void 0;
+      this.locale = void 0;
+      this.translations = translations;
+      this.locale = (_config$locale = config.locale) != null ? _config$locale : document.documentElement.lang || 'en';
+    }
+    t(lookupKey, options) {
+      if (!lookupKey) {
+        throw new Error('i18n: lookup key missing');
+      }
+      let translation = this.translations[lookupKey];
+      if (typeof (options == null ? void 0 : options.count) === 'number' && isObject(translation)) {
+        const translationPluralForm = translation[this.getPluralSuffix(lookupKey, options.count)];
+        if (translationPluralForm) {
+          translation = translationPluralForm;
+        }
+      }
+      if (typeof translation === 'string') {
+        if (translation.match(/%{(.\S+)}/)) {
+          if (!options) {
+            throw new Error('i18n: cannot replace placeholders in string if no option data provided');
+          }
+          return this.replacePlaceholders(translation, options);
+        }
+        return translation;
+      }
+      return lookupKey;
+    }
+    replacePlaceholders(translationString, options) {
+      const formatter = Intl.NumberFormat.supportedLocalesOf(this.locale).length ? new Intl.NumberFormat(this.locale) : undefined;
+      return translationString.replace(/%{(.\S+)}/g, function (placeholderWithBraces, placeholderKey) {
+        if (Object.prototype.hasOwnProperty.call(options, placeholderKey)) {
+          const placeholderValue = options[placeholderKey];
+          if (placeholderValue === false || typeof placeholderValue !== 'number' && typeof placeholderValue !== 'string') {
+            return '';
+          }
+          if (typeof placeholderValue === 'number') {
+            return formatter ? formatter.format(placeholderValue) : `${placeholderValue}`;
+          }
+          return placeholderValue;
+        }
+        throw new Error(`i18n: no data found to replace ${placeholderWithBraces} placeholder in string`);
+      });
+    }
+    hasIntlPluralRulesSupport() {
+      return Boolean('PluralRules' in window.Intl && Intl.PluralRules.supportedLocalesOf(this.locale).length);
+    }
+    getPluralSuffix(lookupKey, count) {
+      count = Number(count);
+      if (!isFinite(count)) {
+        return 'other';
+      }
+      const translation = this.translations[lookupKey];
+      const preferredForm = this.hasIntlPluralRulesSupport() ? new Intl.PluralRules(this.locale).select(count) : 'other';
+      if (isObject(translation)) {
+        if (preferredForm in translation) {
+          return preferredForm;
+        } else if ('other' in translation) {
+          console.warn(`i18n: Missing plural form ".${preferredForm}" for "${this.locale}" locale. Falling back to ".other".`);
+          return 'other';
+        }
+      }
+      throw new Error(`i18n: Plural form ".other" is required for "${this.locale}" locale`);
+    }
+  }
+
+  /**
+   * Accordion component
+   *
+   * This allows a collection of sections to be collapsed by default, showing only
+   * their headers. Sections can be expanded or collapsed individually by clicking
+   * their headers. A "Show all sections" button is also added to the top of the
+   * accordion, which switches to "Hide all sections" when all the sections are
+   * expanded.
+   *
+   * The state of each section is saved to the DOM via the `aria-expanded`
+   * attribute, which also provides accessibility.
+   *
+   * @preserve
+   * @augments ConfigurableComponent<AccordionConfig>
+   */
+  class Accordion extends ConfigurableComponent {
+    /**
+     * @param {Element | null} $root - HTML element to use for accordion
+     * @param {AccordionConfig} [config] - Accordion config
+     */
+    constructor($root, config = {}) {
+      super($root, config);
+      this.i18n = void 0;
+      this.controlsClass = 'govuk-accordion__controls';
+      this.showAllClass = 'govuk-accordion__show-all';
+      this.showAllTextClass = 'govuk-accordion__show-all-text';
+      this.sectionClass = 'govuk-accordion__section';
+      this.sectionExpandedClass = 'govuk-accordion__section--expanded';
+      this.sectionButtonClass = 'govuk-accordion__section-button';
+      this.sectionHeaderClass = 'govuk-accordion__section-header';
+      this.sectionHeadingClass = 'govuk-accordion__section-heading';
+      this.sectionHeadingDividerClass = 'govuk-accordion__section-heading-divider';
+      this.sectionHeadingTextClass = 'govuk-accordion__section-heading-text';
+      this.sectionHeadingTextFocusClass = 'govuk-accordion__section-heading-text-focus';
+      this.sectionShowHideToggleClass = 'govuk-accordion__section-toggle';
+      this.sectionShowHideToggleFocusClass = 'govuk-accordion__section-toggle-focus';
+      this.sectionShowHideTextClass = 'govuk-accordion__section-toggle-text';
+      this.upChevronIconClass = 'govuk-accordion-nav__chevron';
+      this.downChevronIconClass = 'govuk-accordion-nav__chevron--down';
+      this.sectionSummaryClass = 'govuk-accordion__section-summary';
+      this.sectionSummaryFocusClass = 'govuk-accordion__section-summary-focus';
+      this.sectionContentClass = 'govuk-accordion__section-content';
+      this.$sections = void 0;
+      this.$showAllButton = null;
+      this.$showAllIcon = null;
+      this.$showAllText = null;
+      this.i18n = new I18n(this.config.i18n);
+      const $sections = this.$root.querySelectorAll(`.${this.sectionClass}`);
+      if (!$sections.length) {
+        throw new ElementError({
+          component: Accordion,
+          identifier: `Sections (\`<div class="${this.sectionClass}">\`)`
+        });
+      }
+      this.$sections = $sections;
+      this.initControls();
+      this.initSectionHeaders();
+      this.updateShowAllButton(this.areAllSectionsOpen());
+    }
+    initControls() {
+      this.$showAllButton = document.createElement('button');
+      this.$showAllButton.setAttribute('type', 'button');
+      this.$showAllButton.setAttribute('class', this.showAllClass);
+      this.$showAllButton.setAttribute('aria-expanded', 'false');
+      this.$showAllIcon = document.createElement('span');
+      this.$showAllIcon.classList.add(this.upChevronIconClass);
+      this.$showAllButton.appendChild(this.$showAllIcon);
+      const $accordionControls = document.createElement('div');
+      $accordionControls.setAttribute('class', this.controlsClass);
+      $accordionControls.appendChild(this.$showAllButton);
+      this.$root.insertBefore($accordionControls, this.$root.firstChild);
+      this.$showAllText = document.createElement('span');
+      this.$showAllText.classList.add(this.showAllTextClass);
+      this.$showAllButton.appendChild(this.$showAllText);
+      this.$showAllButton.addEventListener('click', () => this.onShowOrHideAllToggle());
+      if ('onbeforematch' in document) {
+        document.addEventListener('beforematch', event => this.onBeforeMatch(event));
+      }
+    }
+    initSectionHeaders() {
+      this.$sections.forEach(($section, i) => {
+        const $header = $section.querySelector(`.${this.sectionHeaderClass}`);
+        if (!$header) {
+          throw new ElementError({
+            component: Accordion,
+            identifier: `Section headers (\`<div class="${this.sectionHeaderClass}">\`)`
+          });
+        }
+        this.constructHeaderMarkup($header, i);
+        this.setExpanded(this.isExpanded($section), $section);
+        $header.addEventListener('click', () => this.onSectionToggle($section));
+        this.setInitialState($section);
+      });
+    }
+    constructHeaderMarkup($header, index) {
+      const $span = $header.querySelector(`.${this.sectionButtonClass}`);
+      const $heading = $header.querySelector(`.${this.sectionHeadingClass}`);
+      const $summary = $header.querySelector(`.${this.sectionSummaryClass}`);
+      if (!$heading) {
+        throw new ElementError({
+          component: Accordion,
+          identifier: `Section heading (\`.${this.sectionHeadingClass}\`)`
+        });
+      }
+      if (!$span) {
+        throw new ElementError({
+          component: Accordion,
+          identifier: `Section button placeholder (\`<span class="${this.sectionButtonClass}">\`)`
+        });
+      }
+      const $button = document.createElement('button');
+      $button.setAttribute('type', 'button');
+      $button.setAttribute('aria-controls', `${this.$root.id}-content-${index + 1}`);
+      for (const attr of Array.from($span.attributes)) {
+        if (attr.name !== 'id') {
+          $button.setAttribute(attr.name, attr.value);
+        }
+      }
+      const $headingText = document.createElement('span');
+      $headingText.classList.add(this.sectionHeadingTextClass);
+      $headingText.id = $span.id;
+      const $headingTextFocus = document.createElement('span');
+      $headingTextFocus.classList.add(this.sectionHeadingTextFocusClass);
+      $headingText.appendChild($headingTextFocus);
+      Array.from($span.childNodes).forEach($child => $headingTextFocus.appendChild($child));
+      const $showHideToggle = document.createElement('span');
+      $showHideToggle.classList.add(this.sectionShowHideToggleClass);
+      $showHideToggle.setAttribute('data-nosnippet', '');
+      const $showHideToggleFocus = document.createElement('span');
+      $showHideToggleFocus.classList.add(this.sectionShowHideToggleFocusClass);
+      $showHideToggle.appendChild($showHideToggleFocus);
+      const $showHideText = document.createElement('span');
+      const $showHideIcon = document.createElement('span');
+      $showHideIcon.classList.add(this.upChevronIconClass);
+      $showHideToggleFocus.appendChild($showHideIcon);
+      $showHideText.classList.add(this.sectionShowHideTextClass);
+      $showHideToggleFocus.appendChild($showHideText);
+      $button.appendChild($headingText);
+      $button.appendChild(this.getButtonPunctuationEl());
+      if ($summary) {
+        const $summarySpan = document.createElement('span');
+        const $summarySpanFocus = document.createElement('span');
+        $summarySpanFocus.classList.add(this.sectionSummaryFocusClass);
+        $summarySpan.appendChild($summarySpanFocus);
+        for (const attr of Array.from($summary.attributes)) {
+          $summarySpan.setAttribute(attr.name, attr.value);
+        }
+        Array.from($summary.childNodes).forEach($child => $summarySpanFocus.appendChild($child));
+        $summary.remove();
+        $button.appendChild($summarySpan);
+        $button.appendChild(this.getButtonPunctuationEl());
+      }
+      $button.appendChild($showHideToggle);
+      $heading.removeChild($span);
+      $heading.appendChild($button);
+    }
+    onBeforeMatch(event) {
+      const $fragment = event.target;
+      if (!($fragment instanceof Element)) {
+        return;
+      }
+      const $section = $fragment.closest(`.${this.sectionClass}`);
+      if ($section) {
+        this.setExpanded(true, $section);
+      }
+    }
+    onSectionToggle($section) {
+      const nowExpanded = !this.isExpanded($section);
+      this.setExpanded(nowExpanded, $section);
+      this.storeState($section, nowExpanded);
+    }
+    onShowOrHideAllToggle() {
+      const nowExpanded = !this.areAllSectionsOpen();
+      this.$sections.forEach($section => {
+        this.setExpanded(nowExpanded, $section);
+        this.storeState($section, nowExpanded);
+      });
+      this.updateShowAllButton(nowExpanded);
+    }
+    setExpanded(expanded, $section) {
+      const $showHideIcon = $section.querySelector(`.${this.upChevronIconClass}`);
+      const $showHideText = $section.querySelector(`.${this.sectionShowHideTextClass}`);
+      const $button = $section.querySelector(`.${this.sectionButtonClass}`);
+      const $content = $section.querySelector(`.${this.sectionContentClass}`);
+      if (!$content) {
+        throw new ElementError({
+          component: Accordion,
+          identifier: `Section content (\`<div class="${this.sectionContentClass}">\`)`
+        });
+      }
+      if (!$showHideIcon || !$showHideText || !$button) {
+        return;
+      }
+      const newButtonText = expanded ? this.i18n.t('hideSection') : this.i18n.t('showSection');
+      $showHideText.textContent = newButtonText;
+      $button.setAttribute('aria-expanded', `${expanded}`);
+      const ariaLabelParts = [];
+      const $headingText = $section.querySelector(`.${this.sectionHeadingTextClass}`);
+      if ($headingText) {
+        ariaLabelParts.push($headingText.textContent.trim());
+      }
+      const $summary = $section.querySelector(`.${this.sectionSummaryClass}`);
+      if ($summary) {
+        ariaLabelParts.push($summary.textContent.trim());
+      }
+      const ariaLabelMessage = expanded ? this.i18n.t('hideSectionAriaLabel') : this.i18n.t('showSectionAriaLabel');
+      ariaLabelParts.push(ariaLabelMessage);
+      $button.setAttribute('aria-label', ariaLabelParts.join(' , '));
+      if (expanded) {
+        $content.removeAttribute('hidden');
+        $section.classList.add(this.sectionExpandedClass);
+        $showHideIcon.classList.remove(this.downChevronIconClass);
+      } else {
+        $content.setAttribute('hidden', 'until-found');
+        $section.classList.remove(this.sectionExpandedClass);
+        $showHideIcon.classList.add(this.downChevronIconClass);
+      }
+      this.updateShowAllButton(this.areAllSectionsOpen());
+    }
+    isExpanded($section) {
+      return $section.classList.contains(this.sectionExpandedClass);
+    }
+    areAllSectionsOpen() {
+      return Array.from(this.$sections).every($section => this.isExpanded($section));
+    }
+    updateShowAllButton(expanded) {
+      if (!this.$showAllButton || !this.$showAllText || !this.$showAllIcon) {
+        return;
+      }
+      this.$showAllButton.setAttribute('aria-expanded', expanded.toString());
+      this.$showAllText.textContent = expanded ? this.i18n.t('hideAllSections') : this.i18n.t('showAllSections');
+      this.$showAllIcon.classList.toggle(this.downChevronIconClass, !expanded);
+    }
+
+    /**
+     * Get the identifier for a section
+     *
+     * We need a unique way of identifying each content in the Accordion.
+     * Since an `#id` should be unique and an `id` is required for `aria-`
+     * attributes `id` can be safely used.
+     *
+     * @param {Element} $section - Section element
+     * @returns {string | undefined | null} Identifier for section
+     */
+    getIdentifier($section) {
+      const $button = $section.querySelector(`.${this.sectionButtonClass}`);
+      return $button == null ? void 0 : $button.getAttribute('aria-controls');
+    }
+    storeState($section, isExpanded) {
+      if (!this.config.rememberExpanded) {
+        return;
+      }
+      const id = this.getIdentifier($section);
+      if (id) {
+        try {
+          window.sessionStorage.setItem(id, isExpanded.toString());
+        } catch (_unused) {}
+      }
+    }
+    setInitialState($section) {
+      if (!this.config.rememberExpanded) {
+        return;
+      }
+      const id = this.getIdentifier($section);
+      if (id) {
+        try {
+          const state = window.sessionStorage.getItem(id);
+          if (state !== null) {
+            this.setExpanded(state === 'true', $section);
+          }
+        } catch (_unused2) {}
+      }
+    }
+    getButtonPunctuationEl() {
+      const $punctuationEl = document.createElement('span');
+      $punctuationEl.classList.add('govuk-visually-hidden', this.sectionHeadingDividerClass);
+      $punctuationEl.textContent = ', ';
+      return $punctuationEl;
+    }
+  }
+
+  /**
+   * Accordion config
+   *
+   * @see {@link Accordion.defaults}
+   * @typedef {object} AccordionConfig
+   * @property {AccordionTranslations} [i18n=Accordion.defaults.i18n] - Accordion translations
+   * @property {boolean} [rememberExpanded] - Whether the expanded and collapsed
+   *   state of each section is remembered and restored when navigating.
+   */
+
+  /**
+   * Accordion translations
+   *
+   * @see {@link Accordion.defaults.i18n}
+   * @typedef {object} AccordionTranslations
+   *
+   * Messages used by the component for the labels of its buttons. This includes
+   * the visible text shown on screen, and text to help assistive technology users
+   * for the buttons toggling each section.
+   * @property {string} [hideAllSections] - The text content for the 'Hide all
+   *   sections' button, used when at least one section is expanded.
+   * @property {string} [hideSection] - The text content for the 'Hide'
+   *   button, used when a section is expanded.
+   * @property {string} [hideSectionAriaLabel] - The text content appended to the
+   *   'Hide' button's accessible name when a section is expanded.
+   * @property {string} [showAllSections] - The text content for the 'Show all
+   *   sections' button, used when all sections are collapsed.
+   * @property {string} [showSection] - The text content for the 'Show'
+   *   button, used when a section is collapsed.
+   * @property {string} [showSectionAriaLabel] - The text content appended to the
+   *   'Show' button's accessible name when a section is expanded.
+   */
+
+  /**
+   * @import { Schema } from '../../common/configuration.mjs'
+   */
+  Accordion.moduleName = 'govuk-accordion';
+  Accordion.defaults = Object.freeze({
+    i18n: {
+      hideAllSections: 'Hide all sections',
+      hideSection: 'Hide',
+      hideSectionAriaLabel: 'Hide this section',
+      showAllSections: 'Show all sections',
+      showSection: 'Show',
+      showSectionAriaLabel: 'Show this section'
+    },
+    rememberExpanded: true
+  });
+  Accordion.schema = Object.freeze({
+    properties: {
+      i18n: {
+        type: 'object'
+      },
+      rememberExpanded: {
+        type: 'boolean'
+      }
+    }
+  });
+
+  exports.Accordion = Accordion;
+
+}));
+//# sourceMappingURL=accordion.bundle.js.map
diff --git a/node_modules/govuk-frontend/dist/govuk/components/accordion/accordion.bundle.js.map b/node_modules/govuk-frontend/dist/govuk/components/accordion/accordion.bundle.js.map
new file mode 100644
index 0000000..2db195e
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/accordion/accordion.bundle.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"accordion.bundle.js","sources":["../../../../src/govuk/common/index.mjs","../../../../src/govuk/errors/index.mjs","../../../../src/govuk/component.mjs","../../../../src/govuk/common/configuration.mjs","../../../../src/govuk/i18n.mjs","../../../../src/govuk/components/accordion/accordion.mjs"],"sourcesContent":["/**\n * Common helpers which do not require polyfill.\n *\n * IMPORTANT: If a helper require a polyfill, please isolate it in its own module\n * so that the polyfill can be properly tree-shaken and does not burden\n * the components that do not need that helper\n */\n\n/**\n * Get GOV.UK Frontend breakpoint value from CSS custom property\n *\n * @private\n * @param {string} name - Breakpoint name\n * @returns {{ property: string, value?: string }} Breakpoint object\n */\nexport function getBreakpoint(name) {\n  const property = `--govuk-breakpoint-${name}`\n\n  // Get value from `<html>` with breakpoints on CSS :root\n  const value = window\n    .getComputedStyle(document.documentElement)\n    .getPropertyValue(property)\n\n  return {\n    property,\n    value: value || undefined\n  }\n}\n\n/**\n * Move focus to element\n *\n * Sets tabindex to -1 to make the element programmatically focusable,\n * but removes it on blur as the element doesn't need to be focused again.\n *\n * @private\n * @template {HTMLElement} FocusElement\n * @param {FocusElement} $element - HTML element\n * @param {object} [options] - Handler options\n * @param {function(this: FocusElement): void} [options.onBeforeFocus] - Callback before focus\n * @param {function(this: FocusElement): void} [options.onBlur] - Callback on blur\n */\nexport function setFocus($element, options = {}) {\n  const isFocusable = $element.getAttribute('tabindex')\n\n  if (!isFocusable) {\n    $element.setAttribute('tabindex', '-1')\n  }\n\n  /**\n   * Handle element focus\n   */\n  function onFocus() {\n    $element.addEventListener('blur', onBlur, { once: true })\n  }\n\n  /**\n   * Handle element blur\n   */\n  function onBlur() {\n    options.onBlur?.call($element)\n\n    if (!isFocusable) {\n      $element.removeAttribute('tabindex')\n    }\n  }\n\n  // Add listener to reset element on blur, after focus\n  $element.addEventListener('focus', onFocus, { once: true })\n\n  // Focus element\n  options.onBeforeFocus?.call($element)\n  $element.focus()\n}\n\n/**\n * Checks if component is already initialised\n *\n * @internal\n * @param {Element} $root - HTML element to be checked\n * @param {string} moduleName - name of component module\n * @returns {boolean} Whether component is already initialised\n */\nexport function isInitialised($root, moduleName) {\n  return (\n    $root instanceof HTMLElement &&\n    $root.hasAttribute(`data-${moduleName}-init`)\n  )\n}\n\n/**\n * Checks if GOV.UK Frontend is supported on this page\n *\n * Some browsers will load and run our JavaScript but GOV.UK Frontend\n * won't be supported.\n *\n * @param {HTMLElement | null} [$scope] - (internal) `<body>` HTML element checked for browser support\n * @returns {boolean} Whether GOV.UK Frontend is supported on this page\n */\nexport function isSupported($scope = document.body) {\n  if (!$scope) {\n    return false\n  }\n\n  return $scope.classList.contains('govuk-frontend-supported')\n}\n\n/**\n * Check for an array\n *\n * @internal\n * @param {unknown} option - Option to check\n * @returns {boolean} Whether the option is an array\n */\nfunction isArray(option) {\n  return Array.isArray(option)\n}\n\n/**\n * Check for an object\n *\n * @internal\n * @template {Partial<Record<keyof ObjectType, unknown>>} ObjectType\n * @param {unknown | ObjectType} option - Option to check\n * @returns {option is ObjectType} Whether the option is an object\n */\nexport function isObject(option) {\n  return !!option && typeof option === 'object' && !isArray(option)\n}\n\n/**\n * Check for valid scope\n *\n * @internal\n * @template {Element | Document} ScopeType\n * @param {unknown | ScopeType} $scope - Scope of the document to search within\n * @returns {$scope is ScopeType} Whether the scope can be queried\n */\nexport function isScope($scope) {\n  return !!$scope && ($scope instanceof Element || $scope instanceof Document)\n}\n\n/**\n * Format error message\n *\n * @internal\n * @param {ComponentWithModuleName} Component - Component that threw the error\n * @param {string} message - Error message\n * @returns {string} - Formatted error message\n */\nexport function formatErrorMessage(Component, message) {\n  return `${Component.moduleName}: ${message}`\n}\n\n/* eslint-disable jsdoc/valid-types --\n * `{new(...args: any[] ): object}` is not recognised as valid\n * https://github.com/gajus/eslint-plugin-jsdoc/issues/145#issuecomment-1308722878\n * https://github.com/jsdoc-type-pratt-parser/jsdoc-type-pratt-parser/issues/131\n **/\n\n/**\n * @typedef ComponentWithModuleName\n * @property {string} moduleName - Name of the component\n */\n\n/* eslint-enable jsdoc/valid-types */\n","import { formatErrorMessage, isObject } from '../common/index.mjs'\n\n/**\n * GOV.UK Frontend error\n *\n * A base class for `Error`s thrown by GOV.UK Frontend.\n *\n * It is meant to be extended into specific types of errors\n * to be thrown by our code.\n *\n * @example\n * ```js\n * class MissingRootError extends GOVUKFrontendError {\n *   // Setting an explicit name is important as extending the class will not\n *   // set a new `name` on the subclass. The `name` property is important\n *   // to ensure intelligible error names even if the class name gets\n *   // mangled by a minifier\n *   name = \"MissingRootError\"\n * }\n * ```\n * @virtual\n */\nexport class GOVUKFrontendError extends Error {\n  name = 'GOVUKFrontendError'\n}\n\n/**\n * Indicates that GOV.UK Frontend is not supported\n */\nexport class SupportError extends GOVUKFrontendError {\n  name = 'SupportError'\n\n  /**\n   * Checks if GOV.UK Frontend is supported on this page\n   *\n   * @param {HTMLElement | null} [$scope] - HTML element `<body>` checked for browser support\n   */\n  constructor($scope = document.body) {\n    const supportMessage =\n      'noModule' in HTMLScriptElement.prototype\n        ? 'GOV.UK Frontend initialised without `<body class=\"govuk-frontend-supported\">` from template `<script>` snippet'\n        : 'GOV.UK Frontend is not supported in this browser'\n\n    super(\n      $scope\n        ? supportMessage\n        : 'GOV.UK Frontend initialised without `<script type=\"module\">`'\n    )\n  }\n}\n\n/**\n * Indicates that a component has received an illegal configuration\n */\nexport class ConfigError extends GOVUKFrontendError {\n  name = 'ConfigError'\n}\n\n/**\n * Indicates an issue with an element (possibly `null` or `undefined`)\n */\nexport class ElementError extends GOVUKFrontendError {\n  name = 'ElementError'\n\n  /**\n   * @internal\n   * @overload\n   * @param {string} message - Element error message\n   */\n\n  /**\n   * @internal\n   * @overload\n   * @param {ElementErrorOptions} options - Element error options\n   */\n\n  /**\n   * @internal\n   * @param {string | ElementErrorOptions} messageOrOptions - Element error message or options\n   */\n  constructor(messageOrOptions) {\n    let message = typeof messageOrOptions === 'string' ? messageOrOptions : ''\n\n    // Build message from options\n    if (isObject(messageOrOptions)) {\n      const { component, identifier, element, expectedType } = messageOrOptions\n\n      message = identifier\n\n      // Append reason\n      message += element\n        ? ` is not of type ${expectedType ?? 'HTMLElement'}`\n        : ' not found'\n\n      // Prepend with module name (optional)\n      if (component) {\n        message = formatErrorMessage(component, message)\n      }\n    }\n\n    super(message)\n  }\n}\n\n/**\n * Indicates that a component is already initialised\n */\nexport class InitError extends GOVUKFrontendError {\n  name = 'InitError'\n\n  /**\n   * @internal\n   * @param {ComponentWithModuleName | string} componentOrMessage - name of the component module\n   */\n  constructor(componentOrMessage) {\n    const message =\n      typeof componentOrMessage === 'string'\n        ? componentOrMessage\n        : formatErrorMessage(\n            componentOrMessage,\n            `Root element (\\`$root\\`) already initialised`\n          )\n\n    super(message)\n  }\n}\n\n/**\n * Element error options\n *\n * @internal\n * @typedef {object} ElementErrorOptions\n * @property {Element | Document | null} [element] - The element in error (optional)\n * @property {ComponentWithModuleName} [component] - Component throwing the error (optional)\n * @property {string} identifier - An identifier that'll let the user understand which element has an error. This is whatever makes the most sense\n * @property {string} [expectedType] - The type that was expected for the identifier (optional)\n */\n\n/**\n * @import { ComponentWithModuleName } from '../common/index.mjs'\n */\n","import { isInitialised, isSupported } from './common/index.mjs'\nimport { ElementError, InitError, SupportError } from './errors/index.mjs'\n\n/**\n * Base Component class\n *\n * Centralises the behaviours shared by our components\n *\n * @virtual\n * @template {Element} [RootElementType=HTMLElement]\n */\nexport class Component {\n  /**\n   * @type {typeof Element}\n   */\n  static elementType = HTMLElement\n\n  // allows Typescript user to work around the lack of types\n  // in GOVUKFrontend package, Typescript is not aware of $root\n  // in components that extend GOVUKFrontendComponent\n  /**\n   * Returns the root element of the component\n   *\n   * @protected\n   * @returns {RootElementType} - the root element of component\n   */\n  get $root() {\n    return this._$root\n  }\n\n  /**\n   * @protected\n   * @type {RootElementType}\n   */\n  _$root\n\n  /**\n   * Constructs a new component, validating that GOV.UK Frontend is supported\n   *\n   * @internal\n   * @param {Element | null} [$root] - HTML element to use for component\n   */\n  constructor($root) {\n    const childConstructor = /** @type {ChildClassConstructor} */ (\n      this.constructor\n    )\n\n    // TypeScript does not enforce that inheriting classes will define a `moduleName`\n    // (even if we add a `@virtual` `static moduleName` property to this class).\n    // While we trust users to do this correctly, we do a little check to provide them\n    // a helpful error message.\n    //\n    // After this, we'll be sure that `childConstructor` has a `moduleName`\n    // as expected of the `ChildClassConstructor` we've cast `this.constructor` to.\n    if (typeof childConstructor.moduleName !== 'string') {\n      throw new InitError(`\\`moduleName\\` not defined in component`)\n    }\n\n    if (!($root instanceof childConstructor.elementType)) {\n      throw new ElementError({\n        element: $root,\n        component: childConstructor,\n        identifier: 'Root element (`$root`)',\n        expectedType: childConstructor.elementType.name\n      })\n    } else {\n      this._$root = /** @type {RootElementType} */ ($root)\n    }\n\n    childConstructor.checkSupport()\n\n    this.checkInitialised()\n\n    const moduleName = childConstructor.moduleName\n\n    this.$root.setAttribute(`data-${moduleName}-init`, '')\n  }\n\n  /**\n   * Validates whether component is already initialised\n   *\n   * @private\n   * @throws {InitError} when component is already initialised\n   */\n  checkInitialised() {\n    const constructor = /** @type {ChildClassConstructor} */ (this.constructor)\n    const moduleName = constructor.moduleName\n\n    if (moduleName && isInitialised(this.$root, moduleName)) {\n      throw new InitError(constructor)\n    }\n  }\n\n  /**\n   * Validates whether components are supported\n   *\n   * @throws {SupportError} when the components are not supported\n   */\n  static checkSupport() {\n    if (!isSupported()) {\n      throw new SupportError()\n    }\n  }\n}\n\n/**\n * @typedef ChildClass\n * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component\n */\n\n/**\n * @typedef {typeof Component & ChildClass} ChildClassConstructor\n */\n","import { Component } from '../component.mjs'\nimport { ConfigError } from '../errors/index.mjs'\n\nimport { isObject, isScope, formatErrorMessage } from './index.mjs'\n\nexport const configOverride = Symbol.for('configOverride')\n\n/**\n * Base Component class\n *\n * Centralises the behaviours shared by our components\n *\n * @virtual\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]\n * @template {Element & { dataset: DOMStringMap }} [RootElementType=HTMLElement]\n * @augments Component<RootElementType>\n */\nexport class ConfigurableComponent extends Component {\n  /**\n   * configOverride\n   *\n   * Function which defines configuration overrides to prioritize\n   * properties from the root element's dataset.\n   *\n   * It should take a subset of configuration as input and return\n   * a new configuration object with properties that should be\n   * overridden based on the root element's dataset. A Symbol\n   * is used for indexing to prevent conflicts.\n   *\n   * @internal\n   * @virtual\n   * @param {Partial<ConfigurationType>} [param] - Configuration object\n   * @returns {Partial<ConfigurationType>} return - Configuration object\n   */\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  [configOverride](param) {\n    return {}\n  }\n\n  /**\n   * Returns the root element of the component\n   *\n   * @protected\n   * @returns {ConfigurationType} - the root element of component\n   */\n  get config() {\n    return this._config\n  }\n\n  /**\n   *\n   * @type {ConfigurationType}\n   */\n  _config\n\n  /**\n   * Constructs a new component, validating that GOV.UK Frontend is supported\n   *\n   * @internal\n   * @param {Element | null} [$root] - HTML element to use for component\n   * @param {ConfigurationType} [config] - HTML element to use for component\n   */\n  constructor($root, config) {\n    super($root)\n\n    const childConstructor =\n      /** @type {ChildClassConstructor<ConfigurationType>} */ (this.constructor)\n\n    if (!isObject(childConstructor.defaults)) {\n      throw new ConfigError(\n        formatErrorMessage(\n          childConstructor,\n          'Config passed as parameter into constructor but no defaults defined'\n        )\n      )\n    }\n\n    const datasetConfig = /** @type {ConfigurationType} */ (\n      normaliseDataset(childConstructor, this._$root.dataset)\n    )\n\n    this._config = /** @type {ConfigurationType} */ (\n      mergeConfigs(\n        childConstructor.defaults,\n        config ?? {},\n        this[configOverride](datasetConfig),\n        datasetConfig\n      )\n    )\n  }\n}\n\n/**\n * Normalise string\n *\n * 'If it looks like a duck, and it quacks like a duck…' 🦆\n *\n * If the passed value looks like a boolean or a number, convert it to a boolean\n * or number.\n *\n * Designed to be used to convert config passed via data attributes (which are\n * always strings) into something sensible.\n *\n * @internal\n * @param {DOMStringMap[string]} value - The value to normalise\n * @param {SchemaProperty} [property] - Component schema property\n * @returns {string | boolean | number | undefined} Normalised data\n */\nexport function normaliseString(value, property) {\n  const trimmedValue = value ? value.trim() : ''\n\n  let output\n  let outputType = property?.type\n\n  // No schema type set? Determine automatically\n  if (!outputType) {\n    if (['true', 'false'].includes(trimmedValue)) {\n      outputType = 'boolean'\n    }\n\n    // Empty / whitespace-only strings are considered finite so we need to check\n    // the length of the trimmed string as well\n    if (trimmedValue.length > 0 && isFinite(Number(trimmedValue))) {\n      outputType = 'number'\n    }\n  }\n\n  switch (outputType) {\n    case 'boolean':\n      output = trimmedValue === 'true'\n      break\n\n    case 'number':\n      output = Number(trimmedValue)\n      break\n\n    default:\n      output = value\n  }\n\n  return output\n}\n\n/**\n * Normalise dataset\n *\n * Loop over an object and normalise each value using {@link normaliseString},\n * optionally expanding nested `i18n.field`\n *\n * @internal\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @template {[keyof ConfigurationType, SchemaProperty | undefined][]} SchemaEntryType\n * @param {{ schema?: Schema<ConfigurationType>, moduleName: string }} Component - Component class\n * @param {DOMStringMap} dataset - HTML element dataset\n * @returns {ObjectNested} Normalised dataset\n */\nexport function normaliseDataset(Component, dataset) {\n  if (!isObject(Component.schema)) {\n    throw new ConfigError(\n      formatErrorMessage(\n        Component,\n        'Config passed as parameter into constructor but no schema defined'\n      )\n    )\n  }\n\n  const out = /** @type {ObjectNested} */ ({})\n  const entries = /** @type {SchemaEntryType} */ (\n    Object.entries(Component.schema.properties)\n  )\n\n  // Normalise top-level dataset ('data-*') values using schema types\n  for (const entry of entries) {\n    const [namespace, property] = entry\n\n    // Cast the `namespace` to string so it can be used to access the dataset\n    const field = namespace.toString()\n\n    if (field in dataset) {\n      out[field] = normaliseString(dataset[field], property)\n    }\n\n    /**\n     * Extract and normalise nested object values automatically using\n     * {@link normaliseString} but only schema object types are allowed\n     */\n    if (property?.type === 'object') {\n      out[field] = extractConfigByNamespace(\n        Component.schema,\n        dataset,\n        namespace\n      )\n    }\n  }\n\n  return out\n}\n\n/**\n * Normalise options passed to `initAll` or `createAll`\n *\n * @internal\n * @template {CompatibleClass} ComponentClass\n * @param {Config | CreateAllOptions<ComponentClass> | OnErrorCallback<ComponentClass> | Element | Document | null} [scopeOrOptions] - Scope of the document to search within, initialisation options or error callback function\n * @returns {CreateAllOptions<ComponentClass>} Normalised options\n */\nexport function normaliseOptions(scopeOrOptions) {\n  let /** @type {Element | Document | null} */ $scope = document\n  let /** @type {OnErrorCallback<ComponentClass> | undefined} */ onError\n\n  // Handle options object\n  if (isObject(scopeOrOptions)) {\n    const options = scopeOrOptions\n\n    // Scope must be valid or null\n    if (isScope(options.scope) || options.scope === null) {\n      $scope = options.scope\n    }\n\n    // Error handler must be a function\n    if (typeof options.onError === 'function') {\n      onError = options.onError\n    }\n  }\n\n  if (isScope(scopeOrOptions)) {\n    $scope = scopeOrOptions\n  } else if (scopeOrOptions === null) {\n    $scope = null\n  } else if (typeof scopeOrOptions === 'function') {\n    onError = scopeOrOptions\n  }\n\n  return {\n    scope: $scope,\n    onError\n  }\n}\n\n/**\n * Config merging function\n *\n * Takes any number of objects and combines them together, with\n * greatest priority on the LAST item passed in.\n *\n * @internal\n * @param {...{ [key: string]: unknown }} configObjects - Config objects to merge\n * @returns {{ [key: string]: unknown }} A merged config object\n */\nexport function mergeConfigs(...configObjects) {\n  // Start with an empty object as our base\n  /** @type {{ [key: string]: unknown }} */\n  const formattedConfigObject = {}\n\n  // Loop through each of the passed objects\n  for (const configObject of configObjects) {\n    for (const key of Object.keys(configObject)) {\n      const option = formattedConfigObject[key]\n      const override = configObject[key]\n\n      // Push their keys one-by-one into formattedConfigObject. Any duplicate\n      // keys with object values will be merged, otherwise the new value will\n      // override the existing value.\n      if (isObject(option) && isObject(override)) {\n        formattedConfigObject[key] = mergeConfigs(option, override)\n      } else {\n        // Apply override\n        formattedConfigObject[key] = override\n      }\n    }\n  }\n\n  return formattedConfigObject\n}\n\n/**\n * Validate component config by schema\n *\n * Follows limited examples in JSON schema for wider support in future\n *\n * {@link https://ajv.js.org/json-schema.html#compound-keywords}\n * {@link https://ajv.js.org/packages/ajv-errors.html#single-message}\n *\n * @internal\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @param {Schema<ConfigurationType>} schema - The schema of a component\n * @param {ConfigurationType} config - Component config\n * @returns {string[]} List of validation errors\n */\nexport function validateConfig(schema, config) {\n  const validationErrors = []\n\n  // Check errors for each schema\n  for (const [name, conditions] of Object.entries(schema)) {\n    const errors = []\n\n    // Check errors for each schema condition\n    if (Array.isArray(conditions)) {\n      for (const { required, errorMessage } of conditions) {\n        if (!required.every((key) => !!config[key])) {\n          errors.push(errorMessage) // Missing config key value\n        }\n      }\n\n      // Check one condition passes or add errors\n      if (name === 'anyOf' && !(conditions.length - errors.length >= 1)) {\n        validationErrors.push(...errors)\n      }\n    }\n  }\n\n  return validationErrors\n}\n\n/**\n * Extracts keys starting with a particular namespace from dataset ('data-*')\n * object, removing the namespace in the process, normalising all values\n *\n * @internal\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @param {Schema<ConfigurationType>} schema - The schema of a component\n * @param {DOMStringMap} dataset - The object to extract key-value pairs from\n * @param {keyof ConfigurationType} namespace - The namespace to filter keys with\n * @returns {ObjectNested | undefined} Nested object with dot-separated key namespace removed\n */\nexport function extractConfigByNamespace(schema, dataset, namespace) {\n  const property = schema.properties[namespace]\n\n  // Only extract configs for object schema properties\n  if (property?.type !== 'object') {\n    return\n  }\n\n  // Add default empty config\n  const newObject = /** @type {Record<typeof namespace, ObjectNested>} */ ({\n    [namespace]: {}\n  })\n\n  for (const [key, value] of Object.entries(dataset)) {\n    /** @type {ObjectNested | ObjectNested[NestedKey]} */\n    let current = newObject\n\n    // Split the key into parts, using . as our namespace separator\n    const keyParts = key.split('.')\n\n    /**\n     * Create new level per part\n     *\n     * e.g. 'i18n.textareaDescription.other' becomes\n     * `{ i18n: { textareaDescription: { other } } }`\n     */\n    for (const [index, name] of keyParts.entries()) {\n      if (isObject(current)) {\n        // Drop down to nested object until the last part\n        if (index < keyParts.length - 1) {\n          // New nested object (optionally) replaces existing value\n          if (!isObject(current[name])) {\n            current[name] = {}\n          }\n\n          // Drop down into new or existing nested object\n          current = current[name]\n        } else if (key !== namespace) {\n          // Normalised value (optionally) replaces existing value\n          current[name] = normaliseString(value)\n        }\n      }\n    }\n  }\n\n  return newObject[namespace]\n}\n\n/**\n * @internal\n * @typedef {keyof ObjectNested} NestedKey\n * @typedef {{ [key: string]: string | boolean | number | ObjectNested | undefined }} ObjectNested\n */\n\n/**\n * Schema for component config\n *\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @typedef {object} Schema\n * @property {Record<keyof ConfigurationType, SchemaProperty | undefined>} properties - Schema properties\n * @property {SchemaCondition<ConfigurationType>[]} [anyOf] - List of schema conditions\n */\n\n/**\n * Schema property for component config\n *\n * @typedef {object} SchemaProperty\n * @property {'string' | 'boolean' | 'number' | 'object'} type - Property type\n */\n\n/**\n * Schema condition for component config\n *\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @typedef {object} SchemaCondition\n * @property {(keyof ConfigurationType)[]} required - List of required config fields\n * @property {string} errorMessage - Error message when required config fields not provided\n */\n\n/**\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]\n * @typedef ChildClass\n * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component\n * @property {Schema<ConfigurationType>} [schema] - The schema of the component configuration\n * @property {ConfigurationType} [defaults] - The default values of the configuration of the component\n */\n\n/**\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]\n * @typedef {typeof Component & ChildClass<ConfigurationType>} ChildClassConstructor<ConfigurationType>\n */\n\n/**\n * @import { CompatibleClass, Config, CreateAllOptions, OnErrorCallback } from '../init.mjs'\n */\n","import { isObject } from './common/index.mjs'\n\n/**\n * Internal support for selecting messages to render, with placeholder\n * interpolation and locale-aware number formatting and pluralisation\n *\n * @internal\n */\nexport class I18n {\n  translations\n  locale\n\n  /**\n   * @internal\n   * @param {{ [key: string]: string | TranslationPluralForms }} translations - Key-value pairs of the translation strings to use.\n   * @param {object} [config] - Configuration options for the function.\n   * @param {string | null} [config.locale] - An overriding locale for the PluralRules functionality.\n   */\n  constructor(translations = {}, config = {}) {\n    // Make list of translations available throughout function\n    this.translations = translations\n\n    // The locale to use for PluralRules and NumberFormat\n    this.locale = config.locale ?? (document.documentElement.lang || 'en')\n  }\n\n  /**\n   * The most used function - takes the key for a given piece of UI text and\n   * returns the appropriate string.\n   *\n   * @internal\n   * @param {string} lookupKey - The lookup key of the string to use.\n   * @param {{ [key: string]: unknown }} [options] - Any options passed with the translation string, e.g: for string interpolation.\n   * @returns {string} The appropriate translation string.\n   * @throws {Error} Lookup key required\n   * @throws {Error} Options required for `${}` placeholders\n   */\n  t(lookupKey, options) {\n    if (!lookupKey) {\n      // Print a console error if no lookup key has been provided\n      throw new Error('i18n: lookup key missing')\n    }\n\n    // Fetch the translation for that lookup key\n    let translation = this.translations[lookupKey]\n\n    // If the `count` option is set, determine which plural suffix is needed and\n    // change the lookupKey to match. We check to see if it's numeric instead of\n    // falsy, as this could legitimately be 0.\n    if (typeof options?.count === 'number' && isObject(translation)) {\n      const translationPluralForm =\n        translation[this.getPluralSuffix(lookupKey, options.count)]\n\n      // Update translation with plural suffix\n      if (translationPluralForm) {\n        translation = translationPluralForm\n      }\n    }\n\n    if (typeof translation === 'string') {\n      // Check for ${} placeholders in the translation string\n      // eslint-disable-next-line @typescript-eslint/prefer-regexp-exec\n      if (translation.match(/%{(.\\S+)}/)) {\n        if (!options) {\n          throw new Error(\n            'i18n: cannot replace placeholders in string if no option data provided'\n          )\n        }\n\n        return this.replacePlaceholders(translation, options)\n      }\n\n      return translation\n    }\n\n    // If the key wasn't found in our translations object,\n    // return the lookup key itself as the fallback\n    return lookupKey\n  }\n\n  /**\n   * Takes a translation string with placeholders, and replaces the placeholders\n   * with the provided data\n   *\n   * @internal\n   * @param {string} translationString - The translation string\n   * @param {{ [key: string]: unknown }} options - Any options passed with the translation string, e.g: for string interpolation.\n   * @returns {string} The translation string to output, with $\\{\\} placeholders replaced\n   */\n  replacePlaceholders(translationString, options) {\n    const formatter = Intl.NumberFormat.supportedLocalesOf(this.locale).length\n      ? new Intl.NumberFormat(this.locale)\n      : undefined\n\n    return translationString.replace(\n      /%{(.\\S+)}/g,\n\n      /**\n       * Replace translation string placeholders\n       *\n       * @internal\n       * @param {string} placeholderWithBraces - Placeholder with braces\n       * @param {string} placeholderKey - Placeholder key\n       * @returns {string} Placeholder value\n       */\n      function (placeholderWithBraces, placeholderKey) {\n        if (Object.prototype.hasOwnProperty.call(options, placeholderKey)) {\n          const placeholderValue = options[placeholderKey]\n\n          // If a user has passed `false` as the value for the placeholder\n          // treat it as though the value should not be displayed\n          if (\n            placeholderValue === false ||\n            (typeof placeholderValue !== 'number' &&\n              typeof placeholderValue !== 'string')\n          ) {\n            return ''\n          }\n\n          // If the placeholder's value is a number, localise the number formatting\n          if (typeof placeholderValue === 'number') {\n            return formatter\n              ? formatter.format(placeholderValue)\n              : `${placeholderValue}`\n          }\n\n          return placeholderValue\n        }\n\n        throw new Error(\n          `i18n: no data found to replace ${placeholderWithBraces} placeholder in string`\n        )\n      }\n    )\n  }\n\n  /**\n   * Check to see if the browser supports Intl.PluralRules\n   *\n   * It requires all conditions to be met in order to be supported:\n   * - The implementation of Intl supports PluralRules (NOT true in Safari 10–12)\n   * - The browser/OS has plural rules for the current locale (browser dependent)\n   *\n   * {@link https://browsersl.ist/#q=supports+es6-module+and+not+supports+intl-pluralrules}\n   *\n   * @internal\n   * @returns {boolean} Returns true if all conditions are met. Returns false otherwise.\n   */\n  hasIntlPluralRulesSupport() {\n    return Boolean(\n      'PluralRules' in window.Intl &&\n        Intl.PluralRules.supportedLocalesOf(this.locale).length\n    )\n  }\n\n  /**\n   * Get the appropriate suffix for the plural form.\n   *\n   * Uses Intl.PluralRules (or our own fallback implementation) to get the\n   * 'preferred' form to use for the given count.\n   *\n   * Checks that a translation has been provided for that plural form – if it\n   * hasn't, it'll fall back to the 'other' plural form (unless that doesn't exist\n   * either, in which case an error will be thrown)\n   *\n   * @internal\n   * @param {string} lookupKey - The lookup key of the string to use.\n   * @param {number} count - Number used to determine which pluralisation to use.\n   * @returns {PluralRule} The suffix associated with the correct pluralisation for this locale.\n   * @throws {Error} Plural form `.other` required when preferred plural form is missing\n   */\n  getPluralSuffix(lookupKey, count) {\n    // Validate that the number is actually a number.\n    //\n    // Number(count) will turn anything that can't be converted to a Number type\n    // into 'NaN'. isFinite filters out NaN, as it isn't a finite number.\n    // eslint-disable-next-line @typescript-eslint/no-unnecessary-type-conversion\n    count = Number(count)\n    if (!isFinite(count)) {\n      return 'other'\n    }\n\n    // Fetch the translation for that lookup key\n    const translation = this.translations[lookupKey]\n\n    // Check to verify that all the requirements for Intl.PluralRules are met.\n    // If so, we can use that instead of our custom implementation. Otherwise,\n    // use the hardcoded fallback.\n    const preferredForm = this.hasIntlPluralRulesSupport()\n      ? new Intl.PluralRules(this.locale).select(count)\n      : 'other'\n\n    // Use the correct plural form if provided\n    if (isObject(translation)) {\n      if (preferredForm in translation) {\n        return preferredForm\n        // Fall back to `other` if the plural form is missing, but log a warning\n        // to the console\n      } else if ('other' in translation) {\n        console.warn(\n          `i18n: Missing plural form \".${preferredForm}\" for \"${this.locale}\" locale. Falling back to \".other\".`\n        )\n\n        return 'other'\n      }\n    }\n\n    // If the required `other` plural form is missing, all we can do is error\n    throw new Error(\n      `i18n: Plural form \".other\" is required for \"${this.locale}\" locale`\n    )\n  }\n}\n\n/**\n * Plural rule category mnemonic tags\n *\n * @internal\n * @typedef {'zero' | 'one' | 'two' | 'few' | 'many' | 'other'} PluralRule\n */\n\n/**\n * Translated message by plural rule they correspond to.\n *\n * Allows to group pluralised messages under a single key when passing\n * translations to a component's constructor\n *\n * @internal\n * @typedef {object} TranslationPluralForms\n * @property {string} [other] - General plural form\n * @property {string} [zero] - Plural form used with 0\n * @property {string} [one] - Plural form used with 1\n * @property {string} [two] - Plural form used with 2\n * @property {string} [few] - Plural form used for a few\n * @property {string} [many] - Plural form used for many\n */\n","import { ConfigurableComponent } from '../../common/configuration.mjs'\nimport { ElementError } from '../../errors/index.mjs'\nimport { I18n } from '../../i18n.mjs'\n\n/**\n * Accordion component\n *\n * This allows a collection of sections to be collapsed by default, showing only\n * their headers. Sections can be expanded or collapsed individually by clicking\n * their headers. A \"Show all sections\" button is also added to the top of the\n * accordion, which switches to \"Hide all sections\" when all the sections are\n * expanded.\n *\n * The state of each section is saved to the DOM via the `aria-expanded`\n * attribute, which also provides accessibility.\n *\n * @preserve\n * @augments ConfigurableComponent<AccordionConfig>\n */\nexport class Accordion extends ConfigurableComponent {\n  /** @private */\n  i18n\n\n  /** @private */\n  controlsClass = 'govuk-accordion__controls'\n\n  /** @private */\n  showAllClass = 'govuk-accordion__show-all'\n\n  /** @private */\n  showAllTextClass = 'govuk-accordion__show-all-text'\n\n  /** @private */\n  sectionClass = 'govuk-accordion__section'\n\n  /** @private */\n  sectionExpandedClass = 'govuk-accordion__section--expanded'\n\n  /** @private */\n  sectionButtonClass = 'govuk-accordion__section-button'\n\n  /** @private */\n  sectionHeaderClass = 'govuk-accordion__section-header'\n\n  /** @private */\n  sectionHeadingClass = 'govuk-accordion__section-heading'\n\n  /** @private */\n  sectionHeadingDividerClass = 'govuk-accordion__section-heading-divider'\n\n  /** @private */\n  sectionHeadingTextClass = 'govuk-accordion__section-heading-text'\n\n  /** @private */\n  sectionHeadingTextFocusClass = 'govuk-accordion__section-heading-text-focus'\n\n  /** @private */\n  sectionShowHideToggleClass = 'govuk-accordion__section-toggle'\n\n  /** @private */\n  sectionShowHideToggleFocusClass = 'govuk-accordion__section-toggle-focus'\n\n  /** @private */\n  sectionShowHideTextClass = 'govuk-accordion__section-toggle-text'\n\n  /** @private */\n  upChevronIconClass = 'govuk-accordion-nav__chevron'\n\n  /** @private */\n  downChevronIconClass = 'govuk-accordion-nav__chevron--down'\n\n  /** @private */\n  sectionSummaryClass = 'govuk-accordion__section-summary'\n\n  /** @private */\n  sectionSummaryFocusClass = 'govuk-accordion__section-summary-focus'\n\n  /** @private */\n  sectionContentClass = 'govuk-accordion__section-content'\n\n  /** @private */\n  $sections\n\n  /**\n   * @private\n   * @type {HTMLButtonElement | null}\n   */\n  $showAllButton = null\n\n  /**\n   * @private\n   * @type {HTMLElement | null}\n   */\n  $showAllIcon = null\n\n  /**\n   * @private\n   * @type {HTMLElement | null}\n   */\n  $showAllText = null\n\n  /**\n   * @param {Element | null} $root - HTML element to use for accordion\n   * @param {AccordionConfig} [config] - Accordion config\n   */\n  constructor($root, config = {}) {\n    super($root, config)\n\n    this.i18n = new I18n(this.config.i18n)\n\n    const $sections = this.$root.querySelectorAll(`.${this.sectionClass}`)\n    if (!$sections.length) {\n      throw new ElementError({\n        component: Accordion,\n        identifier: `Sections (\\`<div class=\"${this.sectionClass}\">\\`)`\n      })\n    }\n\n    this.$sections = $sections\n\n    this.initControls()\n    this.initSectionHeaders()\n\n    this.updateShowAllButton(this.areAllSectionsOpen())\n  }\n\n  /**\n   * Initialise controls and set attributes\n   *\n   * @private\n   */\n  initControls() {\n    // Create \"Show all\" button and set attributes\n    this.$showAllButton = document.createElement('button')\n    this.$showAllButton.setAttribute('type', 'button')\n    this.$showAllButton.setAttribute('class', this.showAllClass)\n    this.$showAllButton.setAttribute('aria-expanded', 'false')\n\n    // Create icon, add to element\n    this.$showAllIcon = document.createElement('span')\n    this.$showAllIcon.classList.add(this.upChevronIconClass)\n    this.$showAllButton.appendChild(this.$showAllIcon)\n\n    // Create control wrapper and add controls to it\n    const $accordionControls = document.createElement('div')\n    $accordionControls.setAttribute('class', this.controlsClass)\n    $accordionControls.appendChild(this.$showAllButton)\n    this.$root.insertBefore($accordionControls, this.$root.firstChild)\n\n    // Build additional wrapper for Show all toggle text and place after icon\n    this.$showAllText = document.createElement('span')\n    this.$showAllText.classList.add(this.showAllTextClass)\n    this.$showAllButton.appendChild(this.$showAllText)\n\n    // Handle click events on the show/hide all button\n    this.$showAllButton.addEventListener('click', () =>\n      this.onShowOrHideAllToggle()\n    )\n\n    // Handle 'beforematch' events, if the user agent supports them\n    if ('onbeforematch' in document) {\n      document.addEventListener('beforematch', (event) =>\n        this.onBeforeMatch(event)\n      )\n    }\n  }\n\n  /**\n   * Initialise section headers\n   *\n   * @private\n   */\n  initSectionHeaders() {\n    this.$sections.forEach(($section, i) => {\n      const $header = $section.querySelector(`.${this.sectionHeaderClass}`)\n      if (!$header) {\n        throw new ElementError({\n          component: Accordion,\n          identifier: `Section headers (\\`<div class=\"${this.sectionHeaderClass}\">\\`)`\n        })\n      }\n\n      // Set header attributes\n      this.constructHeaderMarkup($header, i)\n      this.setExpanded(this.isExpanded($section), $section)\n\n      // Handle events\n      $header.addEventListener('click', () => this.onSectionToggle($section))\n\n      // See if there is any state stored in sessionStorage and set the sections\n      // to open or closed.\n      this.setInitialState($section)\n    })\n  }\n\n  /**\n   * Construct section header\n   *\n   * @private\n   * @param {Element} $header - Section header\n   * @param {number} index - Section index\n   */\n  constructHeaderMarkup($header, index) {\n    const $span = $header.querySelector(`.${this.sectionButtonClass}`)\n    const $heading = $header.querySelector(`.${this.sectionHeadingClass}`)\n    const $summary = $header.querySelector(`.${this.sectionSummaryClass}`)\n\n    if (!$heading) {\n      throw new ElementError({\n        component: Accordion,\n        identifier: `Section heading (\\`.${this.sectionHeadingClass}\\`)`\n      })\n    }\n\n    if (!$span) {\n      throw new ElementError({\n        component: Accordion,\n        identifier: `Section button placeholder (\\`<span class=\"${this.sectionButtonClass}\">\\`)`\n      })\n    }\n\n    // Create a button element that will replace the\n    // '.govuk-accordion__section-button' span\n    const $button = document.createElement('button')\n    $button.setAttribute('type', 'button')\n    $button.setAttribute(\n      'aria-controls',\n      `${this.$root.id}-content-${index + 1}`\n    )\n\n    // Copy all attributes from $span to $button (except `id`, which gets added\n    // to the `$headingText` element)\n    for (const attr of Array.from($span.attributes)) {\n      if (attr.name !== 'id') {\n        $button.setAttribute(attr.name, attr.value)\n      }\n    }\n\n    // Create container for heading text so it can be styled\n    const $headingText = document.createElement('span')\n    $headingText.classList.add(this.sectionHeadingTextClass)\n    // Copy the span ID to the heading text to allow it to be referenced by\n    // `aria-labelledby` on the hidden content area without \"Show this section\"\n    $headingText.id = $span.id\n\n    // Create an inner heading text container to limit the width of the focus\n    // state\n    const $headingTextFocus = document.createElement('span')\n    $headingTextFocus.classList.add(this.sectionHeadingTextFocusClass)\n    $headingText.appendChild($headingTextFocus)\n    // span could contain HTML elements\n    // (see https://www.w3.org/TR/2011/WD-html5-20110525/content-models.html#phrasing-content)\n    Array.from($span.childNodes).forEach(($child) =>\n      $headingTextFocus.appendChild($child)\n    )\n\n    // Create container for show / hide icons and text.\n    const $showHideToggle = document.createElement('span')\n    $showHideToggle.classList.add(this.sectionShowHideToggleClass)\n    // Tell Google not to index the 'show' text as part of the heading. Must be\n    // set on the element before it's added to the DOM.\n    // See https://developers.google.com/search/docs/advanced/robots/robots_meta_tag#data-nosnippet-attr\n    $showHideToggle.setAttribute('data-nosnippet', '')\n    // Create an inner container to limit the width of the focus state\n    const $showHideToggleFocus = document.createElement('span')\n    $showHideToggleFocus.classList.add(this.sectionShowHideToggleFocusClass)\n    $showHideToggle.appendChild($showHideToggleFocus)\n    // Create wrapper for the show / hide text. Append text after the show/hide icon\n    const $showHideText = document.createElement('span')\n    const $showHideIcon = document.createElement('span')\n    $showHideIcon.classList.add(this.upChevronIconClass)\n    $showHideToggleFocus.appendChild($showHideIcon)\n    $showHideText.classList.add(this.sectionShowHideTextClass)\n    $showHideToggleFocus.appendChild($showHideText)\n\n    // Append elements to the button:\n    // 1. Heading text\n    // 2. Punctuation\n    // 3. (Optional: Summary line followed by punctuation)\n    // 4. Show / hide toggle\n    $button.appendChild($headingText)\n    $button.appendChild(this.getButtonPunctuationEl())\n\n    // If summary content exists add to DOM in correct order\n    if ($summary) {\n      // Create a new `span` element and copy the summary line content from the\n      // original `div` to the new `span`. This is because the summary line text\n      // is now inside a button element, which can only contain phrasing\n      // content.\n      const $summarySpan = document.createElement('span')\n      // Create an inner summary container to limit the width of the summary\n      // focus state\n      const $summarySpanFocus = document.createElement('span')\n      $summarySpanFocus.classList.add(this.sectionSummaryFocusClass)\n      $summarySpan.appendChild($summarySpanFocus)\n\n      // Get original attributes, and pass them to the replacement\n      for (const attr of Array.from($summary.attributes)) {\n        $summarySpan.setAttribute(attr.name, attr.value)\n      }\n\n      // Copy original contents of summary to the new summary span\n      Array.from($summary.childNodes).forEach(($child) =>\n        $summarySpanFocus.appendChild($child)\n      )\n\n      // Replace the original summary `div` with the new summary `span`\n      $summary.remove()\n\n      $button.appendChild($summarySpan)\n      $button.appendChild(this.getButtonPunctuationEl())\n    }\n\n    $button.appendChild($showHideToggle)\n\n    $heading.removeChild($span)\n    $heading.appendChild($button)\n  }\n\n  /**\n   * When a section is opened by the user agent via the 'beforematch' event\n   *\n   * @private\n   * @param {Event} event - Generic event\n   */\n  onBeforeMatch(event) {\n    const $fragment = event.target\n\n    // Handle elements with `.closest()` support only\n    if (!($fragment instanceof Element)) {\n      return\n    }\n\n    // Handle when fragment is inside section\n    const $section = $fragment.closest(`.${this.sectionClass}`)\n    if ($section) {\n      this.setExpanded(true, $section)\n    }\n  }\n\n  /**\n   * When section toggled, set and store state\n   *\n   * @private\n   * @param {Element} $section - Section element\n   */\n  onSectionToggle($section) {\n    const nowExpanded = !this.isExpanded($section)\n    this.setExpanded(nowExpanded, $section)\n\n    // Store the state in sessionStorage when a change is triggered\n    this.storeState($section, nowExpanded)\n  }\n\n  /**\n   * When Open/Close All toggled, set and store state\n   *\n   * @private\n   */\n  onShowOrHideAllToggle() {\n    const nowExpanded = !this.areAllSectionsOpen()\n\n    this.$sections.forEach(($section) => {\n      this.setExpanded(nowExpanded, $section)\n      this.storeState($section, nowExpanded)\n    })\n\n    this.updateShowAllButton(nowExpanded)\n  }\n\n  /**\n   * Set section attributes when opened/closed\n   *\n   * @private\n   * @param {boolean} expanded - Section expanded\n   * @param {Element} $section - Section element\n   */\n  setExpanded(expanded, $section) {\n    const $showHideIcon = $section.querySelector(`.${this.upChevronIconClass}`)\n    const $showHideText = $section.querySelector(\n      `.${this.sectionShowHideTextClass}`\n    )\n    const $button = $section.querySelector(`.${this.sectionButtonClass}`)\n    const $content = $section.querySelector(`.${this.sectionContentClass}`)\n\n    if (!$content) {\n      throw new ElementError({\n        component: Accordion,\n        identifier: `Section content (\\`<div class=\"${this.sectionContentClass}\">\\`)`\n      })\n    }\n\n    if (!$showHideIcon || !$showHideText || !$button) {\n      // Return early for elements we create\n      return\n    }\n\n    const newButtonText = expanded\n      ? this.i18n.t('hideSection')\n      : this.i18n.t('showSection')\n\n    $showHideText.textContent = newButtonText\n    $button.setAttribute('aria-expanded', `${expanded}`)\n\n    // Update aria-label combining\n    const ariaLabelParts = []\n\n    const $headingText = $section.querySelector(\n      `.${this.sectionHeadingTextClass}`\n    )\n    if ($headingText) {\n      ariaLabelParts.push($headingText.textContent.trim())\n    }\n\n    const $summary = $section.querySelector(`.${this.sectionSummaryClass}`)\n    if ($summary) {\n      ariaLabelParts.push($summary.textContent.trim())\n    }\n\n    const ariaLabelMessage = expanded\n      ? this.i18n.t('hideSectionAriaLabel')\n      : this.i18n.t('showSectionAriaLabel')\n    ariaLabelParts.push(ariaLabelMessage)\n\n    /*\n     * Join with a comma to add pause for assistive technology.\n     * Example: [heading]Section A ,[pause] Show this section.\n     * https://accessibility.blog.gov.uk/2017/12/18/what-working-on-gov-uk-navigation-taught-us-about-accessibility/\n     */\n    $button.setAttribute('aria-label', ariaLabelParts.join(' , '))\n\n    // Swap icon, change class\n    if (expanded) {\n      $content.removeAttribute('hidden')\n      $section.classList.add(this.sectionExpandedClass)\n      $showHideIcon.classList.remove(this.downChevronIconClass)\n    } else {\n      $content.setAttribute('hidden', 'until-found')\n      $section.classList.remove(this.sectionExpandedClass)\n      $showHideIcon.classList.add(this.downChevronIconClass)\n    }\n\n    // See if \"Show all sections\" button text should be updated\n    this.updateShowAllButton(this.areAllSectionsOpen())\n  }\n\n  /**\n   * Get state of section\n   *\n   * @private\n   * @param {Element} $section - Section element\n   * @returns {boolean} True if expanded\n   */\n  isExpanded($section) {\n    return $section.classList.contains(this.sectionExpandedClass)\n  }\n\n  /**\n   * Check if all sections are open\n   *\n   * @private\n   * @returns {boolean} True if all sections are open\n   */\n  areAllSectionsOpen() {\n    return Array.from(this.$sections).every(($section) =>\n      this.isExpanded($section)\n    )\n  }\n\n  /**\n   * Update \"Show all sections\" button\n   *\n   * @private\n   * @param {boolean} expanded - Section expanded\n   */\n  updateShowAllButton(expanded) {\n    if (!this.$showAllButton || !this.$showAllText || !this.$showAllIcon) {\n      return\n    }\n\n    this.$showAllButton.setAttribute('aria-expanded', expanded.toString())\n    this.$showAllText.textContent = expanded\n      ? this.i18n.t('hideAllSections')\n      : this.i18n.t('showAllSections')\n    this.$showAllIcon.classList.toggle(this.downChevronIconClass, !expanded)\n  }\n\n  /**\n   * Get the identifier for a section\n   *\n   * We need a unique way of identifying each content in the Accordion.\n   * Since an `#id` should be unique and an `id` is required for `aria-`\n   * attributes `id` can be safely used.\n   *\n   * @param {Element} $section - Section element\n   * @returns {string | undefined | null} Identifier for section\n   */\n  getIdentifier($section) {\n    const $button = $section.querySelector(`.${this.sectionButtonClass}`)\n\n    return $button?.getAttribute('aria-controls')\n  }\n\n  /**\n   * Set the state of the accordions in sessionStorage\n   *\n   * @private\n   * @param {Element} $section - Section element\n   * @param {boolean} isExpanded - Whether the section is expanded\n   */\n  storeState($section, isExpanded) {\n    if (!this.config.rememberExpanded) {\n      return\n    }\n\n    const id = this.getIdentifier($section)\n\n    if (id) {\n      try {\n        window.sessionStorage.setItem(id, isExpanded.toString())\n      } catch {}\n    }\n  }\n\n  /**\n   * Read the state of the accordions from sessionStorage\n   *\n   * @private\n   * @param {Element} $section - Section element\n   */\n  setInitialState($section) {\n    if (!this.config.rememberExpanded) {\n      return\n    }\n\n    const id = this.getIdentifier($section)\n\n    if (id) {\n      try {\n        const state = window.sessionStorage.getItem(id)\n\n        if (state !== null) {\n          this.setExpanded(state === 'true', $section)\n        }\n      } catch {}\n    }\n  }\n\n  /**\n   * Create an element to improve semantics of the section button with\n   * punctuation\n   *\n   * Adding punctuation to the button can also improve its general semantics by\n   * dividing its contents into thematic chunks. See\n   * https://github.com/alphagov/govuk-frontend/issues/2327#issuecomment-922957442\n   *\n   * @private\n   * @returns {Element} DOM element\n   */\n  getButtonPunctuationEl() {\n    const $punctuationEl = document.createElement('span')\n    $punctuationEl.classList.add(\n      'govuk-visually-hidden',\n      this.sectionHeadingDividerClass\n    )\n    $punctuationEl.textContent = ', '\n    return $punctuationEl\n  }\n\n  /**\n   * Name for the component used when initialising using data-module attributes.\n   */\n  static moduleName = 'govuk-accordion'\n\n  /**\n   * Accordion default config\n   *\n   * @see {@link AccordionConfig}\n   * @constant\n   * @type {AccordionConfig}\n   */\n  static defaults = Object.freeze({\n    i18n: {\n      hideAllSections: 'Hide all sections',\n      hideSection: 'Hide',\n      hideSectionAriaLabel: 'Hide this section',\n      showAllSections: 'Show all sections',\n      showSection: 'Show',\n      showSectionAriaLabel: 'Show this section'\n    },\n    rememberExpanded: true\n  })\n\n  /**\n   * Accordion config schema\n   *\n   * @constant\n   * @satisfies {Schema<AccordionConfig>}\n   */\n  static schema = Object.freeze({\n    properties: {\n      i18n: { type: 'object' },\n      rememberExpanded: { type: 'boolean' }\n    }\n  })\n}\n\n/**\n * Accordion config\n *\n * @see {@link Accordion.defaults}\n * @typedef {object} AccordionConfig\n * @property {AccordionTranslations} [i18n=Accordion.defaults.i18n] - Accordion translations\n * @property {boolean} [rememberExpanded] - Whether the expanded and collapsed\n *   state of each section is remembered and restored when navigating.\n */\n\n/**\n * Accordion translations\n *\n * @see {@link Accordion.defaults.i18n}\n * @typedef {object} AccordionTranslations\n *\n * Messages used by the component for the labels of its buttons. This includes\n * the visible text shown on screen, and text to help assistive technology users\n * for the buttons toggling each section.\n * @property {string} [hideAllSections] - The text content for the 'Hide all\n *   sections' button, used when at least one section is expanded.\n * @property {string} [hideSection] - The text content for the 'Hide'\n *   button, used when a section is expanded.\n * @property {string} [hideSectionAriaLabel] - The text content appended to the\n *   'Hide' button's accessible name when a section is expanded.\n * @property {string} [showAllSections] - The text content for the 'Show all\n *   sections' button, used when all sections are collapsed.\n * @property {string} [showSection] - The text content for the 'Show'\n *   button, used when a section is collapsed.\n * @property {string} [showSectionAriaLabel] - The text content appended to the\n *   'Show' button's accessible name when a section is expanded.\n */\n\n/**\n * @import { Schema } from '../../common/configuration.mjs'\n */\n"],"names":["isInitialised","$root","moduleName","HTMLElement","hasAttribute","isSupported","$scope","document","body","classList","contains","isArray","option","Array","isObject","formatErrorMessage","Component","message","GOVUKFrontendError","Error","constructor","args","name","SupportError","supportMessage","HTMLScriptElement","prototype","ConfigError","ElementError","messageOrOptions","component","identifier","element","expectedType","InitError","componentOrMessage","_$root","childConstructor","elementType","checkSupport","checkInitialised","setAttribute","configOverride","Symbol","for","ConfigurableComponent","param","config","_config","defaults","datasetConfig","normaliseDataset","dataset","mergeConfigs","normaliseString","value","property","trimmedValue","trim","output","outputType","type","includes","length","isFinite","Number","schema","out","entries","Object","properties","entry","namespace","field","toString","extractConfigByNamespace","configObjects","formattedConfigObject","configObject","key","keys","override","newObject","current","keyParts","split","index","I18n","translations","_config$locale","locale","documentElement","lang","t","lookupKey","options","translation","count","translationPluralForm","getPluralSuffix","match","replacePlaceholders","translationString","formatter","Intl","NumberFormat","supportedLocalesOf","undefined","replace","placeholderWithBraces","placeholderKey","hasOwnProperty","call","placeholderValue","format","hasIntlPluralRulesSupport","Boolean","window","PluralRules","preferredForm","select","console","warn","Accordion","i18n","controlsClass","showAllClass","showAllTextClass","sectionClass","sectionExpandedClass","sectionButtonClass","sectionHeaderClass","sectionHeadingClass","sectionHeadingDividerClass","sectionHeadingTextClass","sectionHeadingTextFocusClass","sectionShowHideToggleClass","sectionShowHideToggleFocusClass","sectionShowHideTextClass","upChevronIconClass","downChevronIconClass","sectionSummaryClass","sectionSummaryFocusClass","sectionContentClass","$sections","$showAllButton","$showAllIcon","$showAllText","querySelectorAll","initControls","initSectionHeaders","updateShowAllButton","areAllSectionsOpen","createElement","add","appendChild","$accordionControls","insertBefore","firstChild","addEventListener","onShowOrHideAllToggle","event","onBeforeMatch","forEach","$section","i","$header","querySelector","constructHeaderMarkup","setExpanded","isExpanded","onSectionToggle","setInitialState","$span","$heading","$summary","$button","id","attr","from","attributes","$headingText","$headingTextFocus","childNodes","$child","$showHideToggle","$showHideToggleFocus","$showHideText","$showHideIcon","getButtonPunctuationEl","$summarySpan","$summarySpanFocus","remove","removeChild","$fragment","target","Element","closest","nowExpanded","storeState","expanded","$content","newButtonText","textContent","ariaLabelParts","push","ariaLabelMessage","join","removeAttribute","every","toggle","getIdentifier","getAttribute","rememberExpanded","sessionStorage","setItem","_unused","state","getItem","_unused2","$punctuationEl","freeze","hideAllSections","hideSection","hideSectionAriaLabel","showAllSections","showSection","showSectionAriaLabel"],"mappings":"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"}
\ No newline at end of file
diff --git a/node_modules/govuk-frontend/dist/govuk/components/accordion/accordion.bundle.mjs b/node_modules/govuk-frontend/dist/govuk/components/accordion/accordion.bundle.mjs
new file mode 100644
index 0000000..871d3c9
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/accordion/accordion.bundle.mjs
@@ -0,0 +1,699 @@
+function isInitialised($root, moduleName) {
+  return $root instanceof HTMLElement && $root.hasAttribute(`data-${moduleName}-init`);
+}
+
+/**
+ * Checks if GOV.UK Frontend is supported on this page
+ *
+ * Some browsers will load and run our JavaScript but GOV.UK Frontend
+ * won't be supported.
+ *
+ * @param {HTMLElement | null} [$scope] - (internal) `<body>` HTML element checked for browser support
+ * @returns {boolean} Whether GOV.UK Frontend is supported on this page
+ */
+function isSupported($scope = document.body) {
+  if (!$scope) {
+    return false;
+  }
+  return $scope.classList.contains('govuk-frontend-supported');
+}
+function isArray(option) {
+  return Array.isArray(option);
+}
+function isObject(option) {
+  return !!option && typeof option === 'object' && !isArray(option);
+}
+function formatErrorMessage(Component, message) {
+  return `${Component.moduleName}: ${message}`;
+}
+/**
+ * @typedef ComponentWithModuleName
+ * @property {string} moduleName - Name of the component
+ */
+
+class GOVUKFrontendError extends Error {
+  constructor(...args) {
+    super(...args);
+    this.name = 'GOVUKFrontendError';
+  }
+}
+class SupportError extends GOVUKFrontendError {
+  /**
+   * Checks if GOV.UK Frontend is supported on this page
+   *
+   * @param {HTMLElement | null} [$scope] - HTML element `<body>` checked for browser support
+   */
+  constructor($scope = document.body) {
+    const supportMessage = 'noModule' in HTMLScriptElement.prototype ? 'GOV.UK Frontend initialised without `<body class="govuk-frontend-supported">` from template `<script>` snippet' : 'GOV.UK Frontend is not supported in this browser';
+    super($scope ? supportMessage : 'GOV.UK Frontend initialised without `<script type="module">`');
+    this.name = 'SupportError';
+  }
+}
+class ConfigError extends GOVUKFrontendError {
+  constructor(...args) {
+    super(...args);
+    this.name = 'ConfigError';
+  }
+}
+class ElementError extends GOVUKFrontendError {
+  constructor(messageOrOptions) {
+    let message = typeof messageOrOptions === 'string' ? messageOrOptions : '';
+    if (isObject(messageOrOptions)) {
+      const {
+        component,
+        identifier,
+        element,
+        expectedType
+      } = messageOrOptions;
+      message = identifier;
+      message += element ? ` is not of type ${expectedType != null ? expectedType : 'HTMLElement'}` : ' not found';
+      if (component) {
+        message = formatErrorMessage(component, message);
+      }
+    }
+    super(message);
+    this.name = 'ElementError';
+  }
+}
+class InitError extends GOVUKFrontendError {
+  constructor(componentOrMessage) {
+    const message = typeof componentOrMessage === 'string' ? componentOrMessage : formatErrorMessage(componentOrMessage, `Root element (\`$root\`) already initialised`);
+    super(message);
+    this.name = 'InitError';
+  }
+}
+/**
+ * @import { ComponentWithModuleName } from '../common/index.mjs'
+ */
+
+class Component {
+  /**
+   * Returns the root element of the component
+   *
+   * @protected
+   * @returns {RootElementType} - the root element of component
+   */
+  get $root() {
+    return this._$root;
+  }
+  constructor($root) {
+    this._$root = void 0;
+    const childConstructor = this.constructor;
+    if (typeof childConstructor.moduleName !== 'string') {
+      throw new InitError(`\`moduleName\` not defined in component`);
+    }
+    if (!($root instanceof childConstructor.elementType)) {
+      throw new ElementError({
+        element: $root,
+        component: childConstructor,
+        identifier: 'Root element (`$root`)',
+        expectedType: childConstructor.elementType.name
+      });
+    } else {
+      this._$root = $root;
+    }
+    childConstructor.checkSupport();
+    this.checkInitialised();
+    const moduleName = childConstructor.moduleName;
+    this.$root.setAttribute(`data-${moduleName}-init`, '');
+  }
+  checkInitialised() {
+    const constructor = this.constructor;
+    const moduleName = constructor.moduleName;
+    if (moduleName && isInitialised(this.$root, moduleName)) {
+      throw new InitError(constructor);
+    }
+  }
+  static checkSupport() {
+    if (!isSupported()) {
+      throw new SupportError();
+    }
+  }
+}
+
+/**
+ * @typedef ChildClass
+ * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component
+ */
+
+/**
+ * @typedef {typeof Component & ChildClass} ChildClassConstructor
+ */
+Component.elementType = HTMLElement;
+
+const configOverride = Symbol.for('configOverride');
+class ConfigurableComponent extends Component {
+  [configOverride](param) {
+    return {};
+  }
+
+  /**
+   * Returns the root element of the component
+   *
+   * @protected
+   * @returns {ConfigurationType} - the root element of component
+   */
+  get config() {
+    return this._config;
+  }
+  constructor($root, config) {
+    super($root);
+    this._config = void 0;
+    const childConstructor = this.constructor;
+    if (!isObject(childConstructor.defaults)) {
+      throw new ConfigError(formatErrorMessage(childConstructor, 'Config passed as parameter into constructor but no defaults defined'));
+    }
+    const datasetConfig = normaliseDataset(childConstructor, this._$root.dataset);
+    this._config = mergeConfigs(childConstructor.defaults, config != null ? config : {}, this[configOverride](datasetConfig), datasetConfig);
+  }
+}
+function normaliseString(value, property) {
+  const trimmedValue = value ? value.trim() : '';
+  let output;
+  let outputType = property == null ? void 0 : property.type;
+  if (!outputType) {
+    if (['true', 'false'].includes(trimmedValue)) {
+      outputType = 'boolean';
+    }
+    if (trimmedValue.length > 0 && isFinite(Number(trimmedValue))) {
+      outputType = 'number';
+    }
+  }
+  switch (outputType) {
+    case 'boolean':
+      output = trimmedValue === 'true';
+      break;
+    case 'number':
+      output = Number(trimmedValue);
+      break;
+    default:
+      output = value;
+  }
+  return output;
+}
+function normaliseDataset(Component, dataset) {
+  if (!isObject(Component.schema)) {
+    throw new ConfigError(formatErrorMessage(Component, 'Config passed as parameter into constructor but no schema defined'));
+  }
+  const out = {};
+  const entries = Object.entries(Component.schema.properties);
+  for (const entry of entries) {
+    const [namespace, property] = entry;
+    const field = namespace.toString();
+    if (field in dataset) {
+      out[field] = normaliseString(dataset[field], property);
+    }
+    if ((property == null ? void 0 : property.type) === 'object') {
+      out[field] = extractConfigByNamespace(Component.schema, dataset, namespace);
+    }
+  }
+  return out;
+}
+function mergeConfigs(...configObjects) {
+  const formattedConfigObject = {};
+  for (const configObject of configObjects) {
+    for (const key of Object.keys(configObject)) {
+      const option = formattedConfigObject[key];
+      const override = configObject[key];
+      if (isObject(option) && isObject(override)) {
+        formattedConfigObject[key] = mergeConfigs(option, override);
+      } else {
+        formattedConfigObject[key] = override;
+      }
+    }
+  }
+  return formattedConfigObject;
+}
+function extractConfigByNamespace(schema, dataset, namespace) {
+  const property = schema.properties[namespace];
+  if ((property == null ? void 0 : property.type) !== 'object') {
+    return;
+  }
+  const newObject = {
+    [namespace]: {}
+  };
+  for (const [key, value] of Object.entries(dataset)) {
+    let current = newObject;
+    const keyParts = key.split('.');
+    for (const [index, name] of keyParts.entries()) {
+      if (isObject(current)) {
+        if (index < keyParts.length - 1) {
+          if (!isObject(current[name])) {
+            current[name] = {};
+          }
+          current = current[name];
+        } else if (key !== namespace) {
+          current[name] = normaliseString(value);
+        }
+      }
+    }
+  }
+  return newObject[namespace];
+}
+/**
+ * Schema for component config
+ *
+ * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType
+ * @typedef {object} Schema
+ * @property {Record<keyof ConfigurationType, SchemaProperty | undefined>} properties - Schema properties
+ * @property {SchemaCondition<ConfigurationType>[]} [anyOf] - List of schema conditions
+ */
+/**
+ * Schema property for component config
+ *
+ * @typedef {object} SchemaProperty
+ * @property {'string' | 'boolean' | 'number' | 'object'} type - Property type
+ */
+/**
+ * Schema condition for component config
+ *
+ * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType
+ * @typedef {object} SchemaCondition
+ * @property {(keyof ConfigurationType)[]} required - List of required config fields
+ * @property {string} errorMessage - Error message when required config fields not provided
+ */
+/**
+ * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]
+ * @typedef ChildClass
+ * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component
+ * @property {Schema<ConfigurationType>} [schema] - The schema of the component configuration
+ * @property {ConfigurationType} [defaults] - The default values of the configuration of the component
+ */
+/**
+ * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]
+ * @typedef {typeof Component & ChildClass<ConfigurationType>} ChildClassConstructor<ConfigurationType>
+ */
+/**
+ * @import { CompatibleClass, Config, CreateAllOptions, OnErrorCallback } from '../init.mjs'
+ */
+
+class I18n {
+  constructor(translations = {}, config = {}) {
+    var _config$locale;
+    this.translations = void 0;
+    this.locale = void 0;
+    this.translations = translations;
+    this.locale = (_config$locale = config.locale) != null ? _config$locale : document.documentElement.lang || 'en';
+  }
+  t(lookupKey, options) {
+    if (!lookupKey) {
+      throw new Error('i18n: lookup key missing');
+    }
+    let translation = this.translations[lookupKey];
+    if (typeof (options == null ? void 0 : options.count) === 'number' && isObject(translation)) {
+      const translationPluralForm = translation[this.getPluralSuffix(lookupKey, options.count)];
+      if (translationPluralForm) {
+        translation = translationPluralForm;
+      }
+    }
+    if (typeof translation === 'string') {
+      if (translation.match(/%{(.\S+)}/)) {
+        if (!options) {
+          throw new Error('i18n: cannot replace placeholders in string if no option data provided');
+        }
+        return this.replacePlaceholders(translation, options);
+      }
+      return translation;
+    }
+    return lookupKey;
+  }
+  replacePlaceholders(translationString, options) {
+    const formatter = Intl.NumberFormat.supportedLocalesOf(this.locale).length ? new Intl.NumberFormat(this.locale) : undefined;
+    return translationString.replace(/%{(.\S+)}/g, function (placeholderWithBraces, placeholderKey) {
+      if (Object.prototype.hasOwnProperty.call(options, placeholderKey)) {
+        const placeholderValue = options[placeholderKey];
+        if (placeholderValue === false || typeof placeholderValue !== 'number' && typeof placeholderValue !== 'string') {
+          return '';
+        }
+        if (typeof placeholderValue === 'number') {
+          return formatter ? formatter.format(placeholderValue) : `${placeholderValue}`;
+        }
+        return placeholderValue;
+      }
+      throw new Error(`i18n: no data found to replace ${placeholderWithBraces} placeholder in string`);
+    });
+  }
+  hasIntlPluralRulesSupport() {
+    return Boolean('PluralRules' in window.Intl && Intl.PluralRules.supportedLocalesOf(this.locale).length);
+  }
+  getPluralSuffix(lookupKey, count) {
+    count = Number(count);
+    if (!isFinite(count)) {
+      return 'other';
+    }
+    const translation = this.translations[lookupKey];
+    const preferredForm = this.hasIntlPluralRulesSupport() ? new Intl.PluralRules(this.locale).select(count) : 'other';
+    if (isObject(translation)) {
+      if (preferredForm in translation) {
+        return preferredForm;
+      } else if ('other' in translation) {
+        console.warn(`i18n: Missing plural form ".${preferredForm}" for "${this.locale}" locale. Falling back to ".other".`);
+        return 'other';
+      }
+    }
+    throw new Error(`i18n: Plural form ".other" is required for "${this.locale}" locale`);
+  }
+}
+
+/**
+ * Accordion component
+ *
+ * This allows a collection of sections to be collapsed by default, showing only
+ * their headers. Sections can be expanded or collapsed individually by clicking
+ * their headers. A "Show all sections" button is also added to the top of the
+ * accordion, which switches to "Hide all sections" when all the sections are
+ * expanded.
+ *
+ * The state of each section is saved to the DOM via the `aria-expanded`
+ * attribute, which also provides accessibility.
+ *
+ * @preserve
+ * @augments ConfigurableComponent<AccordionConfig>
+ */
+class Accordion extends ConfigurableComponent {
+  /**
+   * @param {Element | null} $root - HTML element to use for accordion
+   * @param {AccordionConfig} [config] - Accordion config
+   */
+  constructor($root, config = {}) {
+    super($root, config);
+    this.i18n = void 0;
+    this.controlsClass = 'govuk-accordion__controls';
+    this.showAllClass = 'govuk-accordion__show-all';
+    this.showAllTextClass = 'govuk-accordion__show-all-text';
+    this.sectionClass = 'govuk-accordion__section';
+    this.sectionExpandedClass = 'govuk-accordion__section--expanded';
+    this.sectionButtonClass = 'govuk-accordion__section-button';
+    this.sectionHeaderClass = 'govuk-accordion__section-header';
+    this.sectionHeadingClass = 'govuk-accordion__section-heading';
+    this.sectionHeadingDividerClass = 'govuk-accordion__section-heading-divider';
+    this.sectionHeadingTextClass = 'govuk-accordion__section-heading-text';
+    this.sectionHeadingTextFocusClass = 'govuk-accordion__section-heading-text-focus';
+    this.sectionShowHideToggleClass = 'govuk-accordion__section-toggle';
+    this.sectionShowHideToggleFocusClass = 'govuk-accordion__section-toggle-focus';
+    this.sectionShowHideTextClass = 'govuk-accordion__section-toggle-text';
+    this.upChevronIconClass = 'govuk-accordion-nav__chevron';
+    this.downChevronIconClass = 'govuk-accordion-nav__chevron--down';
+    this.sectionSummaryClass = 'govuk-accordion__section-summary';
+    this.sectionSummaryFocusClass = 'govuk-accordion__section-summary-focus';
+    this.sectionContentClass = 'govuk-accordion__section-content';
+    this.$sections = void 0;
+    this.$showAllButton = null;
+    this.$showAllIcon = null;
+    this.$showAllText = null;
+    this.i18n = new I18n(this.config.i18n);
+    const $sections = this.$root.querySelectorAll(`.${this.sectionClass}`);
+    if (!$sections.length) {
+      throw new ElementError({
+        component: Accordion,
+        identifier: `Sections (\`<div class="${this.sectionClass}">\`)`
+      });
+    }
+    this.$sections = $sections;
+    this.initControls();
+    this.initSectionHeaders();
+    this.updateShowAllButton(this.areAllSectionsOpen());
+  }
+  initControls() {
+    this.$showAllButton = document.createElement('button');
+    this.$showAllButton.setAttribute('type', 'button');
+    this.$showAllButton.setAttribute('class', this.showAllClass);
+    this.$showAllButton.setAttribute('aria-expanded', 'false');
+    this.$showAllIcon = document.createElement('span');
+    this.$showAllIcon.classList.add(this.upChevronIconClass);
+    this.$showAllButton.appendChild(this.$showAllIcon);
+    const $accordionControls = document.createElement('div');
+    $accordionControls.setAttribute('class', this.controlsClass);
+    $accordionControls.appendChild(this.$showAllButton);
+    this.$root.insertBefore($accordionControls, this.$root.firstChild);
+    this.$showAllText = document.createElement('span');
+    this.$showAllText.classList.add(this.showAllTextClass);
+    this.$showAllButton.appendChild(this.$showAllText);
+    this.$showAllButton.addEventListener('click', () => this.onShowOrHideAllToggle());
+    if ('onbeforematch' in document) {
+      document.addEventListener('beforematch', event => this.onBeforeMatch(event));
+    }
+  }
+  initSectionHeaders() {
+    this.$sections.forEach(($section, i) => {
+      const $header = $section.querySelector(`.${this.sectionHeaderClass}`);
+      if (!$header) {
+        throw new ElementError({
+          component: Accordion,
+          identifier: `Section headers (\`<div class="${this.sectionHeaderClass}">\`)`
+        });
+      }
+      this.constructHeaderMarkup($header, i);
+      this.setExpanded(this.isExpanded($section), $section);
+      $header.addEventListener('click', () => this.onSectionToggle($section));
+      this.setInitialState($section);
+    });
+  }
+  constructHeaderMarkup($header, index) {
+    const $span = $header.querySelector(`.${this.sectionButtonClass}`);
+    const $heading = $header.querySelector(`.${this.sectionHeadingClass}`);
+    const $summary = $header.querySelector(`.${this.sectionSummaryClass}`);
+    if (!$heading) {
+      throw new ElementError({
+        component: Accordion,
+        identifier: `Section heading (\`.${this.sectionHeadingClass}\`)`
+      });
+    }
+    if (!$span) {
+      throw new ElementError({
+        component: Accordion,
+        identifier: `Section button placeholder (\`<span class="${this.sectionButtonClass}">\`)`
+      });
+    }
+    const $button = document.createElement('button');
+    $button.setAttribute('type', 'button');
+    $button.setAttribute('aria-controls', `${this.$root.id}-content-${index + 1}`);
+    for (const attr of Array.from($span.attributes)) {
+      if (attr.name !== 'id') {
+        $button.setAttribute(attr.name, attr.value);
+      }
+    }
+    const $headingText = document.createElement('span');
+    $headingText.classList.add(this.sectionHeadingTextClass);
+    $headingText.id = $span.id;
+    const $headingTextFocus = document.createElement('span');
+    $headingTextFocus.classList.add(this.sectionHeadingTextFocusClass);
+    $headingText.appendChild($headingTextFocus);
+    Array.from($span.childNodes).forEach($child => $headingTextFocus.appendChild($child));
+    const $showHideToggle = document.createElement('span');
+    $showHideToggle.classList.add(this.sectionShowHideToggleClass);
+    $showHideToggle.setAttribute('data-nosnippet', '');
+    const $showHideToggleFocus = document.createElement('span');
+    $showHideToggleFocus.classList.add(this.sectionShowHideToggleFocusClass);
+    $showHideToggle.appendChild($showHideToggleFocus);
+    const $showHideText = document.createElement('span');
+    const $showHideIcon = document.createElement('span');
+    $showHideIcon.classList.add(this.upChevronIconClass);
+    $showHideToggleFocus.appendChild($showHideIcon);
+    $showHideText.classList.add(this.sectionShowHideTextClass);
+    $showHideToggleFocus.appendChild($showHideText);
+    $button.appendChild($headingText);
+    $button.appendChild(this.getButtonPunctuationEl());
+    if ($summary) {
+      const $summarySpan = document.createElement('span');
+      const $summarySpanFocus = document.createElement('span');
+      $summarySpanFocus.classList.add(this.sectionSummaryFocusClass);
+      $summarySpan.appendChild($summarySpanFocus);
+      for (const attr of Array.from($summary.attributes)) {
+        $summarySpan.setAttribute(attr.name, attr.value);
+      }
+      Array.from($summary.childNodes).forEach($child => $summarySpanFocus.appendChild($child));
+      $summary.remove();
+      $button.appendChild($summarySpan);
+      $button.appendChild(this.getButtonPunctuationEl());
+    }
+    $button.appendChild($showHideToggle);
+    $heading.removeChild($span);
+    $heading.appendChild($button);
+  }
+  onBeforeMatch(event) {
+    const $fragment = event.target;
+    if (!($fragment instanceof Element)) {
+      return;
+    }
+    const $section = $fragment.closest(`.${this.sectionClass}`);
+    if ($section) {
+      this.setExpanded(true, $section);
+    }
+  }
+  onSectionToggle($section) {
+    const nowExpanded = !this.isExpanded($section);
+    this.setExpanded(nowExpanded, $section);
+    this.storeState($section, nowExpanded);
+  }
+  onShowOrHideAllToggle() {
+    const nowExpanded = !this.areAllSectionsOpen();
+    this.$sections.forEach($section => {
+      this.setExpanded(nowExpanded, $section);
+      this.storeState($section, nowExpanded);
+    });
+    this.updateShowAllButton(nowExpanded);
+  }
+  setExpanded(expanded, $section) {
+    const $showHideIcon = $section.querySelector(`.${this.upChevronIconClass}`);
+    const $showHideText = $section.querySelector(`.${this.sectionShowHideTextClass}`);
+    const $button = $section.querySelector(`.${this.sectionButtonClass}`);
+    const $content = $section.querySelector(`.${this.sectionContentClass}`);
+    if (!$content) {
+      throw new ElementError({
+        component: Accordion,
+        identifier: `Section content (\`<div class="${this.sectionContentClass}">\`)`
+      });
+    }
+    if (!$showHideIcon || !$showHideText || !$button) {
+      return;
+    }
+    const newButtonText = expanded ? this.i18n.t('hideSection') : this.i18n.t('showSection');
+    $showHideText.textContent = newButtonText;
+    $button.setAttribute('aria-expanded', `${expanded}`);
+    const ariaLabelParts = [];
+    const $headingText = $section.querySelector(`.${this.sectionHeadingTextClass}`);
+    if ($headingText) {
+      ariaLabelParts.push($headingText.textContent.trim());
+    }
+    const $summary = $section.querySelector(`.${this.sectionSummaryClass}`);
+    if ($summary) {
+      ariaLabelParts.push($summary.textContent.trim());
+    }
+    const ariaLabelMessage = expanded ? this.i18n.t('hideSectionAriaLabel') : this.i18n.t('showSectionAriaLabel');
+    ariaLabelParts.push(ariaLabelMessage);
+    $button.setAttribute('aria-label', ariaLabelParts.join(' , '));
+    if (expanded) {
+      $content.removeAttribute('hidden');
+      $section.classList.add(this.sectionExpandedClass);
+      $showHideIcon.classList.remove(this.downChevronIconClass);
+    } else {
+      $content.setAttribute('hidden', 'until-found');
+      $section.classList.remove(this.sectionExpandedClass);
+      $showHideIcon.classList.add(this.downChevronIconClass);
+    }
+    this.updateShowAllButton(this.areAllSectionsOpen());
+  }
+  isExpanded($section) {
+    return $section.classList.contains(this.sectionExpandedClass);
+  }
+  areAllSectionsOpen() {
+    return Array.from(this.$sections).every($section => this.isExpanded($section));
+  }
+  updateShowAllButton(expanded) {
+    if (!this.$showAllButton || !this.$showAllText || !this.$showAllIcon) {
+      return;
+    }
+    this.$showAllButton.setAttribute('aria-expanded', expanded.toString());
+    this.$showAllText.textContent = expanded ? this.i18n.t('hideAllSections') : this.i18n.t('showAllSections');
+    this.$showAllIcon.classList.toggle(this.downChevronIconClass, !expanded);
+  }
+
+  /**
+   * Get the identifier for a section
+   *
+   * We need a unique way of identifying each content in the Accordion.
+   * Since an `#id` should be unique and an `id` is required for `aria-`
+   * attributes `id` can be safely used.
+   *
+   * @param {Element} $section - Section element
+   * @returns {string | undefined | null} Identifier for section
+   */
+  getIdentifier($section) {
+    const $button = $section.querySelector(`.${this.sectionButtonClass}`);
+    return $button == null ? void 0 : $button.getAttribute('aria-controls');
+  }
+  storeState($section, isExpanded) {
+    if (!this.config.rememberExpanded) {
+      return;
+    }
+    const id = this.getIdentifier($section);
+    if (id) {
+      try {
+        window.sessionStorage.setItem(id, isExpanded.toString());
+      } catch (_unused) {}
+    }
+  }
+  setInitialState($section) {
+    if (!this.config.rememberExpanded) {
+      return;
+    }
+    const id = this.getIdentifier($section);
+    if (id) {
+      try {
+        const state = window.sessionStorage.getItem(id);
+        if (state !== null) {
+          this.setExpanded(state === 'true', $section);
+        }
+      } catch (_unused2) {}
+    }
+  }
+  getButtonPunctuationEl() {
+    const $punctuationEl = document.createElement('span');
+    $punctuationEl.classList.add('govuk-visually-hidden', this.sectionHeadingDividerClass);
+    $punctuationEl.textContent = ', ';
+    return $punctuationEl;
+  }
+}
+
+/**
+ * Accordion config
+ *
+ * @see {@link Accordion.defaults}
+ * @typedef {object} AccordionConfig
+ * @property {AccordionTranslations} [i18n=Accordion.defaults.i18n] - Accordion translations
+ * @property {boolean} [rememberExpanded] - Whether the expanded and collapsed
+ *   state of each section is remembered and restored when navigating.
+ */
+
+/**
+ * Accordion translations
+ *
+ * @see {@link Accordion.defaults.i18n}
+ * @typedef {object} AccordionTranslations
+ *
+ * Messages used by the component for the labels of its buttons. This includes
+ * the visible text shown on screen, and text to help assistive technology users
+ * for the buttons toggling each section.
+ * @property {string} [hideAllSections] - The text content for the 'Hide all
+ *   sections' button, used when at least one section is expanded.
+ * @property {string} [hideSection] - The text content for the 'Hide'
+ *   button, used when a section is expanded.
+ * @property {string} [hideSectionAriaLabel] - The text content appended to the
+ *   'Hide' button's accessible name when a section is expanded.
+ * @property {string} [showAllSections] - The text content for the 'Show all
+ *   sections' button, used when all sections are collapsed.
+ * @property {string} [showSection] - The text content for the 'Show'
+ *   button, used when a section is collapsed.
+ * @property {string} [showSectionAriaLabel] - The text content appended to the
+ *   'Show' button's accessible name when a section is expanded.
+ */
+
+/**
+ * @import { Schema } from '../../common/configuration.mjs'
+ */
+Accordion.moduleName = 'govuk-accordion';
+Accordion.defaults = Object.freeze({
+  i18n: {
+    hideAllSections: 'Hide all sections',
+    hideSection: 'Hide',
+    hideSectionAriaLabel: 'Hide this section',
+    showAllSections: 'Show all sections',
+    showSection: 'Show',
+    showSectionAriaLabel: 'Show this section'
+  },
+  rememberExpanded: true
+});
+Accordion.schema = Object.freeze({
+  properties: {
+    i18n: {
+      type: 'object'
+    },
+    rememberExpanded: {
+      type: 'boolean'
+    }
+  }
+});
+
+export { Accordion };
+//# sourceMappingURL=accordion.bundle.mjs.map
diff --git a/node_modules/govuk-frontend/dist/govuk/components/accordion/accordion.bundle.mjs.map b/node_modules/govuk-frontend/dist/govuk/components/accordion/accordion.bundle.mjs.map
new file mode 100644
index 0000000..372d5dc
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/accordion/accordion.bundle.mjs.map
@@ -0,0 +1 @@
+{"version":3,"file":"accordion.bundle.mjs","sources":["../../../../src/govuk/common/index.mjs","../../../../src/govuk/errors/index.mjs","../../../../src/govuk/component.mjs","../../../../src/govuk/common/configuration.mjs","../../../../src/govuk/i18n.mjs","../../../../src/govuk/components/accordion/accordion.mjs"],"sourcesContent":["/**\n * Common helpers which do not require polyfill.\n *\n * IMPORTANT: If a helper require a polyfill, please isolate it in its own module\n * so that the polyfill can be properly tree-shaken and does not burden\n * the components that do not need that helper\n */\n\n/**\n * Get GOV.UK Frontend breakpoint value from CSS custom property\n *\n * @private\n * @param {string} name - Breakpoint name\n * @returns {{ property: string, value?: string }} Breakpoint object\n */\nexport function getBreakpoint(name) {\n  const property = `--govuk-breakpoint-${name}`\n\n  // Get value from `<html>` with breakpoints on CSS :root\n  const value = window\n    .getComputedStyle(document.documentElement)\n    .getPropertyValue(property)\n\n  return {\n    property,\n    value: value || undefined\n  }\n}\n\n/**\n * Move focus to element\n *\n * Sets tabindex to -1 to make the element programmatically focusable,\n * but removes it on blur as the element doesn't need to be focused again.\n *\n * @private\n * @template {HTMLElement} FocusElement\n * @param {FocusElement} $element - HTML element\n * @param {object} [options] - Handler options\n * @param {function(this: FocusElement): void} [options.onBeforeFocus] - Callback before focus\n * @param {function(this: FocusElement): void} [options.onBlur] - Callback on blur\n */\nexport function setFocus($element, options = {}) {\n  const isFocusable = $element.getAttribute('tabindex')\n\n  if (!isFocusable) {\n    $element.setAttribute('tabindex', '-1')\n  }\n\n  /**\n   * Handle element focus\n   */\n  function onFocus() {\n    $element.addEventListener('blur', onBlur, { once: true })\n  }\n\n  /**\n   * Handle element blur\n   */\n  function onBlur() {\n    options.onBlur?.call($element)\n\n    if (!isFocusable) {\n      $element.removeAttribute('tabindex')\n    }\n  }\n\n  // Add listener to reset element on blur, after focus\n  $element.addEventListener('focus', onFocus, { once: true })\n\n  // Focus element\n  options.onBeforeFocus?.call($element)\n  $element.focus()\n}\n\n/**\n * Checks if component is already initialised\n *\n * @internal\n * @param {Element} $root - HTML element to be checked\n * @param {string} moduleName - name of component module\n * @returns {boolean} Whether component is already initialised\n */\nexport function isInitialised($root, moduleName) {\n  return (\n    $root instanceof HTMLElement &&\n    $root.hasAttribute(`data-${moduleName}-init`)\n  )\n}\n\n/**\n * Checks if GOV.UK Frontend is supported on this page\n *\n * Some browsers will load and run our JavaScript but GOV.UK Frontend\n * won't be supported.\n *\n * @param {HTMLElement | null} [$scope] - (internal) `<body>` HTML element checked for browser support\n * @returns {boolean} Whether GOV.UK Frontend is supported on this page\n */\nexport function isSupported($scope = document.body) {\n  if (!$scope) {\n    return false\n  }\n\n  return $scope.classList.contains('govuk-frontend-supported')\n}\n\n/**\n * Check for an array\n *\n * @internal\n * @param {unknown} option - Option to check\n * @returns {boolean} Whether the option is an array\n */\nfunction isArray(option) {\n  return Array.isArray(option)\n}\n\n/**\n * Check for an object\n *\n * @internal\n * @template {Partial<Record<keyof ObjectType, unknown>>} ObjectType\n * @param {unknown | ObjectType} option - Option to check\n * @returns {option is ObjectType} Whether the option is an object\n */\nexport function isObject(option) {\n  return !!option && typeof option === 'object' && !isArray(option)\n}\n\n/**\n * Check for valid scope\n *\n * @internal\n * @template {Element | Document} ScopeType\n * @param {unknown | ScopeType} $scope - Scope of the document to search within\n * @returns {$scope is ScopeType} Whether the scope can be queried\n */\nexport function isScope($scope) {\n  return !!$scope && ($scope instanceof Element || $scope instanceof Document)\n}\n\n/**\n * Format error message\n *\n * @internal\n * @param {ComponentWithModuleName} Component - Component that threw the error\n * @param {string} message - Error message\n * @returns {string} - Formatted error message\n */\nexport function formatErrorMessage(Component, message) {\n  return `${Component.moduleName}: ${message}`\n}\n\n/* eslint-disable jsdoc/valid-types --\n * `{new(...args: any[] ): object}` is not recognised as valid\n * https://github.com/gajus/eslint-plugin-jsdoc/issues/145#issuecomment-1308722878\n * https://github.com/jsdoc-type-pratt-parser/jsdoc-type-pratt-parser/issues/131\n **/\n\n/**\n * @typedef ComponentWithModuleName\n * @property {string} moduleName - Name of the component\n */\n\n/* eslint-enable jsdoc/valid-types */\n","import { formatErrorMessage, isObject } from '../common/index.mjs'\n\n/**\n * GOV.UK Frontend error\n *\n * A base class for `Error`s thrown by GOV.UK Frontend.\n *\n * It is meant to be extended into specific types of errors\n * to be thrown by our code.\n *\n * @example\n * ```js\n * class MissingRootError extends GOVUKFrontendError {\n *   // Setting an explicit name is important as extending the class will not\n *   // set a new `name` on the subclass. The `name` property is important\n *   // to ensure intelligible error names even if the class name gets\n *   // mangled by a minifier\n *   name = \"MissingRootError\"\n * }\n * ```\n * @virtual\n */\nexport class GOVUKFrontendError extends Error {\n  name = 'GOVUKFrontendError'\n}\n\n/**\n * Indicates that GOV.UK Frontend is not supported\n */\nexport class SupportError extends GOVUKFrontendError {\n  name = 'SupportError'\n\n  /**\n   * Checks if GOV.UK Frontend is supported on this page\n   *\n   * @param {HTMLElement | null} [$scope] - HTML element `<body>` checked for browser support\n   */\n  constructor($scope = document.body) {\n    const supportMessage =\n      'noModule' in HTMLScriptElement.prototype\n        ? 'GOV.UK Frontend initialised without `<body class=\"govuk-frontend-supported\">` from template `<script>` snippet'\n        : 'GOV.UK Frontend is not supported in this browser'\n\n    super(\n      $scope\n        ? supportMessage\n        : 'GOV.UK Frontend initialised without `<script type=\"module\">`'\n    )\n  }\n}\n\n/**\n * Indicates that a component has received an illegal configuration\n */\nexport class ConfigError extends GOVUKFrontendError {\n  name = 'ConfigError'\n}\n\n/**\n * Indicates an issue with an element (possibly `null` or `undefined`)\n */\nexport class ElementError extends GOVUKFrontendError {\n  name = 'ElementError'\n\n  /**\n   * @internal\n   * @overload\n   * @param {string} message - Element error message\n   */\n\n  /**\n   * @internal\n   * @overload\n   * @param {ElementErrorOptions} options - Element error options\n   */\n\n  /**\n   * @internal\n   * @param {string | ElementErrorOptions} messageOrOptions - Element error message or options\n   */\n  constructor(messageOrOptions) {\n    let message = typeof messageOrOptions === 'string' ? messageOrOptions : ''\n\n    // Build message from options\n    if (isObject(messageOrOptions)) {\n      const { component, identifier, element, expectedType } = messageOrOptions\n\n      message = identifier\n\n      // Append reason\n      message += element\n        ? ` is not of type ${expectedType ?? 'HTMLElement'}`\n        : ' not found'\n\n      // Prepend with module name (optional)\n      if (component) {\n        message = formatErrorMessage(component, message)\n      }\n    }\n\n    super(message)\n  }\n}\n\n/**\n * Indicates that a component is already initialised\n */\nexport class InitError extends GOVUKFrontendError {\n  name = 'InitError'\n\n  /**\n   * @internal\n   * @param {ComponentWithModuleName | string} componentOrMessage - name of the component module\n   */\n  constructor(componentOrMessage) {\n    const message =\n      typeof componentOrMessage === 'string'\n        ? componentOrMessage\n        : formatErrorMessage(\n            componentOrMessage,\n            `Root element (\\`$root\\`) already initialised`\n          )\n\n    super(message)\n  }\n}\n\n/**\n * Element error options\n *\n * @internal\n * @typedef {object} ElementErrorOptions\n * @property {Element | Document | null} [element] - The element in error (optional)\n * @property {ComponentWithModuleName} [component] - Component throwing the error (optional)\n * @property {string} identifier - An identifier that'll let the user understand which element has an error. This is whatever makes the most sense\n * @property {string} [expectedType] - The type that was expected for the identifier (optional)\n */\n\n/**\n * @import { ComponentWithModuleName } from '../common/index.mjs'\n */\n","import { isInitialised, isSupported } from './common/index.mjs'\nimport { ElementError, InitError, SupportError } from './errors/index.mjs'\n\n/**\n * Base Component class\n *\n * Centralises the behaviours shared by our components\n *\n * @virtual\n * @template {Element} [RootElementType=HTMLElement]\n */\nexport class Component {\n  /**\n   * @type {typeof Element}\n   */\n  static elementType = HTMLElement\n\n  // allows Typescript user to work around the lack of types\n  // in GOVUKFrontend package, Typescript is not aware of $root\n  // in components that extend GOVUKFrontendComponent\n  /**\n   * Returns the root element of the component\n   *\n   * @protected\n   * @returns {RootElementType} - the root element of component\n   */\n  get $root() {\n    return this._$root\n  }\n\n  /**\n   * @protected\n   * @type {RootElementType}\n   */\n  _$root\n\n  /**\n   * Constructs a new component, validating that GOV.UK Frontend is supported\n   *\n   * @internal\n   * @param {Element | null} [$root] - HTML element to use for component\n   */\n  constructor($root) {\n    const childConstructor = /** @type {ChildClassConstructor} */ (\n      this.constructor\n    )\n\n    // TypeScript does not enforce that inheriting classes will define a `moduleName`\n    // (even if we add a `@virtual` `static moduleName` property to this class).\n    // While we trust users to do this correctly, we do a little check to provide them\n    // a helpful error message.\n    //\n    // After this, we'll be sure that `childConstructor` has a `moduleName`\n    // as expected of the `ChildClassConstructor` we've cast `this.constructor` to.\n    if (typeof childConstructor.moduleName !== 'string') {\n      throw new InitError(`\\`moduleName\\` not defined in component`)\n    }\n\n    if (!($root instanceof childConstructor.elementType)) {\n      throw new ElementError({\n        element: $root,\n        component: childConstructor,\n        identifier: 'Root element (`$root`)',\n        expectedType: childConstructor.elementType.name\n      })\n    } else {\n      this._$root = /** @type {RootElementType} */ ($root)\n    }\n\n    childConstructor.checkSupport()\n\n    this.checkInitialised()\n\n    const moduleName = childConstructor.moduleName\n\n    this.$root.setAttribute(`data-${moduleName}-init`, '')\n  }\n\n  /**\n   * Validates whether component is already initialised\n   *\n   * @private\n   * @throws {InitError} when component is already initialised\n   */\n  checkInitialised() {\n    const constructor = /** @type {ChildClassConstructor} */ (this.constructor)\n    const moduleName = constructor.moduleName\n\n    if (moduleName && isInitialised(this.$root, moduleName)) {\n      throw new InitError(constructor)\n    }\n  }\n\n  /**\n   * Validates whether components are supported\n   *\n   * @throws {SupportError} when the components are not supported\n   */\n  static checkSupport() {\n    if (!isSupported()) {\n      throw new SupportError()\n    }\n  }\n}\n\n/**\n * @typedef ChildClass\n * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component\n */\n\n/**\n * @typedef {typeof Component & ChildClass} ChildClassConstructor\n */\n","import { Component } from '../component.mjs'\nimport { ConfigError } from '../errors/index.mjs'\n\nimport { isObject, isScope, formatErrorMessage } from './index.mjs'\n\nexport const configOverride = Symbol.for('configOverride')\n\n/**\n * Base Component class\n *\n * Centralises the behaviours shared by our components\n *\n * @virtual\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]\n * @template {Element & { dataset: DOMStringMap }} [RootElementType=HTMLElement]\n * @augments Component<RootElementType>\n */\nexport class ConfigurableComponent extends Component {\n  /**\n   * configOverride\n   *\n   * Function which defines configuration overrides to prioritize\n   * properties from the root element's dataset.\n   *\n   * It should take a subset of configuration as input and return\n   * a new configuration object with properties that should be\n   * overridden based on the root element's dataset. A Symbol\n   * is used for indexing to prevent conflicts.\n   *\n   * @internal\n   * @virtual\n   * @param {Partial<ConfigurationType>} [param] - Configuration object\n   * @returns {Partial<ConfigurationType>} return - Configuration object\n   */\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  [configOverride](param) {\n    return {}\n  }\n\n  /**\n   * Returns the root element of the component\n   *\n   * @protected\n   * @returns {ConfigurationType} - the root element of component\n   */\n  get config() {\n    return this._config\n  }\n\n  /**\n   *\n   * @type {ConfigurationType}\n   */\n  _config\n\n  /**\n   * Constructs a new component, validating that GOV.UK Frontend is supported\n   *\n   * @internal\n   * @param {Element | null} [$root] - HTML element to use for component\n   * @param {ConfigurationType} [config] - HTML element to use for component\n   */\n  constructor($root, config) {\n    super($root)\n\n    const childConstructor =\n      /** @type {ChildClassConstructor<ConfigurationType>} */ (this.constructor)\n\n    if (!isObject(childConstructor.defaults)) {\n      throw new ConfigError(\n        formatErrorMessage(\n          childConstructor,\n          'Config passed as parameter into constructor but no defaults defined'\n        )\n      )\n    }\n\n    const datasetConfig = /** @type {ConfigurationType} */ (\n      normaliseDataset(childConstructor, this._$root.dataset)\n    )\n\n    this._config = /** @type {ConfigurationType} */ (\n      mergeConfigs(\n        childConstructor.defaults,\n        config ?? {},\n        this[configOverride](datasetConfig),\n        datasetConfig\n      )\n    )\n  }\n}\n\n/**\n * Normalise string\n *\n * 'If it looks like a duck, and it quacks like a duck…' 🦆\n *\n * If the passed value looks like a boolean or a number, convert it to a boolean\n * or number.\n *\n * Designed to be used to convert config passed via data attributes (which are\n * always strings) into something sensible.\n *\n * @internal\n * @param {DOMStringMap[string]} value - The value to normalise\n * @param {SchemaProperty} [property] - Component schema property\n * @returns {string | boolean | number | undefined} Normalised data\n */\nexport function normaliseString(value, property) {\n  const trimmedValue = value ? value.trim() : ''\n\n  let output\n  let outputType = property?.type\n\n  // No schema type set? Determine automatically\n  if (!outputType) {\n    if (['true', 'false'].includes(trimmedValue)) {\n      outputType = 'boolean'\n    }\n\n    // Empty / whitespace-only strings are considered finite so we need to check\n    // the length of the trimmed string as well\n    if (trimmedValue.length > 0 && isFinite(Number(trimmedValue))) {\n      outputType = 'number'\n    }\n  }\n\n  switch (outputType) {\n    case 'boolean':\n      output = trimmedValue === 'true'\n      break\n\n    case 'number':\n      output = Number(trimmedValue)\n      break\n\n    default:\n      output = value\n  }\n\n  return output\n}\n\n/**\n * Normalise dataset\n *\n * Loop over an object and normalise each value using {@link normaliseString},\n * optionally expanding nested `i18n.field`\n *\n * @internal\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @template {[keyof ConfigurationType, SchemaProperty | undefined][]} SchemaEntryType\n * @param {{ schema?: Schema<ConfigurationType>, moduleName: string }} Component - Component class\n * @param {DOMStringMap} dataset - HTML element dataset\n * @returns {ObjectNested} Normalised dataset\n */\nexport function normaliseDataset(Component, dataset) {\n  if (!isObject(Component.schema)) {\n    throw new ConfigError(\n      formatErrorMessage(\n        Component,\n        'Config passed as parameter into constructor but no schema defined'\n      )\n    )\n  }\n\n  const out = /** @type {ObjectNested} */ ({})\n  const entries = /** @type {SchemaEntryType} */ (\n    Object.entries(Component.schema.properties)\n  )\n\n  // Normalise top-level dataset ('data-*') values using schema types\n  for (const entry of entries) {\n    const [namespace, property] = entry\n\n    // Cast the `namespace` to string so it can be used to access the dataset\n    const field = namespace.toString()\n\n    if (field in dataset) {\n      out[field] = normaliseString(dataset[field], property)\n    }\n\n    /**\n     * Extract and normalise nested object values automatically using\n     * {@link normaliseString} but only schema object types are allowed\n     */\n    if (property?.type === 'object') {\n      out[field] = extractConfigByNamespace(\n        Component.schema,\n        dataset,\n        namespace\n      )\n    }\n  }\n\n  return out\n}\n\n/**\n * Normalise options passed to `initAll` or `createAll`\n *\n * @internal\n * @template {CompatibleClass} ComponentClass\n * @param {Config | CreateAllOptions<ComponentClass> | OnErrorCallback<ComponentClass> | Element | Document | null} [scopeOrOptions] - Scope of the document to search within, initialisation options or error callback function\n * @returns {CreateAllOptions<ComponentClass>} Normalised options\n */\nexport function normaliseOptions(scopeOrOptions) {\n  let /** @type {Element | Document | null} */ $scope = document\n  let /** @type {OnErrorCallback<ComponentClass> | undefined} */ onError\n\n  // Handle options object\n  if (isObject(scopeOrOptions)) {\n    const options = scopeOrOptions\n\n    // Scope must be valid or null\n    if (isScope(options.scope) || options.scope === null) {\n      $scope = options.scope\n    }\n\n    // Error handler must be a function\n    if (typeof options.onError === 'function') {\n      onError = options.onError\n    }\n  }\n\n  if (isScope(scopeOrOptions)) {\n    $scope = scopeOrOptions\n  } else if (scopeOrOptions === null) {\n    $scope = null\n  } else if (typeof scopeOrOptions === 'function') {\n    onError = scopeOrOptions\n  }\n\n  return {\n    scope: $scope,\n    onError\n  }\n}\n\n/**\n * Config merging function\n *\n * Takes any number of objects and combines them together, with\n * greatest priority on the LAST item passed in.\n *\n * @internal\n * @param {...{ [key: string]: unknown }} configObjects - Config objects to merge\n * @returns {{ [key: string]: unknown }} A merged config object\n */\nexport function mergeConfigs(...configObjects) {\n  // Start with an empty object as our base\n  /** @type {{ [key: string]: unknown }} */\n  const formattedConfigObject = {}\n\n  // Loop through each of the passed objects\n  for (const configObject of configObjects) {\n    for (const key of Object.keys(configObject)) {\n      const option = formattedConfigObject[key]\n      const override = configObject[key]\n\n      // Push their keys one-by-one into formattedConfigObject. Any duplicate\n      // keys with object values will be merged, otherwise the new value will\n      // override the existing value.\n      if (isObject(option) && isObject(override)) {\n        formattedConfigObject[key] = mergeConfigs(option, override)\n      } else {\n        // Apply override\n        formattedConfigObject[key] = override\n      }\n    }\n  }\n\n  return formattedConfigObject\n}\n\n/**\n * Validate component config by schema\n *\n * Follows limited examples in JSON schema for wider support in future\n *\n * {@link https://ajv.js.org/json-schema.html#compound-keywords}\n * {@link https://ajv.js.org/packages/ajv-errors.html#single-message}\n *\n * @internal\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @param {Schema<ConfigurationType>} schema - The schema of a component\n * @param {ConfigurationType} config - Component config\n * @returns {string[]} List of validation errors\n */\nexport function validateConfig(schema, config) {\n  const validationErrors = []\n\n  // Check errors for each schema\n  for (const [name, conditions] of Object.entries(schema)) {\n    const errors = []\n\n    // Check errors for each schema condition\n    if (Array.isArray(conditions)) {\n      for (const { required, errorMessage } of conditions) {\n        if (!required.every((key) => !!config[key])) {\n          errors.push(errorMessage) // Missing config key value\n        }\n      }\n\n      // Check one condition passes or add errors\n      if (name === 'anyOf' && !(conditions.length - errors.length >= 1)) {\n        validationErrors.push(...errors)\n      }\n    }\n  }\n\n  return validationErrors\n}\n\n/**\n * Extracts keys starting with a particular namespace from dataset ('data-*')\n * object, removing the namespace in the process, normalising all values\n *\n * @internal\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @param {Schema<ConfigurationType>} schema - The schema of a component\n * @param {DOMStringMap} dataset - The object to extract key-value pairs from\n * @param {keyof ConfigurationType} namespace - The namespace to filter keys with\n * @returns {ObjectNested | undefined} Nested object with dot-separated key namespace removed\n */\nexport function extractConfigByNamespace(schema, dataset, namespace) {\n  const property = schema.properties[namespace]\n\n  // Only extract configs for object schema properties\n  if (property?.type !== 'object') {\n    return\n  }\n\n  // Add default empty config\n  const newObject = /** @type {Record<typeof namespace, ObjectNested>} */ ({\n    [namespace]: {}\n  })\n\n  for (const [key, value] of Object.entries(dataset)) {\n    /** @type {ObjectNested | ObjectNested[NestedKey]} */\n    let current = newObject\n\n    // Split the key into parts, using . as our namespace separator\n    const keyParts = key.split('.')\n\n    /**\n     * Create new level per part\n     *\n     * e.g. 'i18n.textareaDescription.other' becomes\n     * `{ i18n: { textareaDescription: { other } } }`\n     */\n    for (const [index, name] of keyParts.entries()) {\n      if (isObject(current)) {\n        // Drop down to nested object until the last part\n        if (index < keyParts.length - 1) {\n          // New nested object (optionally) replaces existing value\n          if (!isObject(current[name])) {\n            current[name] = {}\n          }\n\n          // Drop down into new or existing nested object\n          current = current[name]\n        } else if (key !== namespace) {\n          // Normalised value (optionally) replaces existing value\n          current[name] = normaliseString(value)\n        }\n      }\n    }\n  }\n\n  return newObject[namespace]\n}\n\n/**\n * @internal\n * @typedef {keyof ObjectNested} NestedKey\n * @typedef {{ [key: string]: string | boolean | number | ObjectNested | undefined }} ObjectNested\n */\n\n/**\n * Schema for component config\n *\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @typedef {object} Schema\n * @property {Record<keyof ConfigurationType, SchemaProperty | undefined>} properties - Schema properties\n * @property {SchemaCondition<ConfigurationType>[]} [anyOf] - List of schema conditions\n */\n\n/**\n * Schema property for component config\n *\n * @typedef {object} SchemaProperty\n * @property {'string' | 'boolean' | 'number' | 'object'} type - Property type\n */\n\n/**\n * Schema condition for component config\n *\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @typedef {object} SchemaCondition\n * @property {(keyof ConfigurationType)[]} required - List of required config fields\n * @property {string} errorMessage - Error message when required config fields not provided\n */\n\n/**\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]\n * @typedef ChildClass\n * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component\n * @property {Schema<ConfigurationType>} [schema] - The schema of the component configuration\n * @property {ConfigurationType} [defaults] - The default values of the configuration of the component\n */\n\n/**\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]\n * @typedef {typeof Component & ChildClass<ConfigurationType>} ChildClassConstructor<ConfigurationType>\n */\n\n/**\n * @import { CompatibleClass, Config, CreateAllOptions, OnErrorCallback } from '../init.mjs'\n */\n","import { isObject } from './common/index.mjs'\n\n/**\n * Internal support for selecting messages to render, with placeholder\n * interpolation and locale-aware number formatting and pluralisation\n *\n * @internal\n */\nexport class I18n {\n  translations\n  locale\n\n  /**\n   * @internal\n   * @param {{ [key: string]: string | TranslationPluralForms }} translations - Key-value pairs of the translation strings to use.\n   * @param {object} [config] - Configuration options for the function.\n   * @param {string | null} [config.locale] - An overriding locale for the PluralRules functionality.\n   */\n  constructor(translations = {}, config = {}) {\n    // Make list of translations available throughout function\n    this.translations = translations\n\n    // The locale to use for PluralRules and NumberFormat\n    this.locale = config.locale ?? (document.documentElement.lang || 'en')\n  }\n\n  /**\n   * The most used function - takes the key for a given piece of UI text and\n   * returns the appropriate string.\n   *\n   * @internal\n   * @param {string} lookupKey - The lookup key of the string to use.\n   * @param {{ [key: string]: unknown }} [options] - Any options passed with the translation string, e.g: for string interpolation.\n   * @returns {string} The appropriate translation string.\n   * @throws {Error} Lookup key required\n   * @throws {Error} Options required for `${}` placeholders\n   */\n  t(lookupKey, options) {\n    if (!lookupKey) {\n      // Print a console error if no lookup key has been provided\n      throw new Error('i18n: lookup key missing')\n    }\n\n    // Fetch the translation for that lookup key\n    let translation = this.translations[lookupKey]\n\n    // If the `count` option is set, determine which plural suffix is needed and\n    // change the lookupKey to match. We check to see if it's numeric instead of\n    // falsy, as this could legitimately be 0.\n    if (typeof options?.count === 'number' && isObject(translation)) {\n      const translationPluralForm =\n        translation[this.getPluralSuffix(lookupKey, options.count)]\n\n      // Update translation with plural suffix\n      if (translationPluralForm) {\n        translation = translationPluralForm\n      }\n    }\n\n    if (typeof translation === 'string') {\n      // Check for ${} placeholders in the translation string\n      // eslint-disable-next-line @typescript-eslint/prefer-regexp-exec\n      if (translation.match(/%{(.\\S+)}/)) {\n        if (!options) {\n          throw new Error(\n            'i18n: cannot replace placeholders in string if no option data provided'\n          )\n        }\n\n        return this.replacePlaceholders(translation, options)\n      }\n\n      return translation\n    }\n\n    // If the key wasn't found in our translations object,\n    // return the lookup key itself as the fallback\n    return lookupKey\n  }\n\n  /**\n   * Takes a translation string with placeholders, and replaces the placeholders\n   * with the provided data\n   *\n   * @internal\n   * @param {string} translationString - The translation string\n   * @param {{ [key: string]: unknown }} options - Any options passed with the translation string, e.g: for string interpolation.\n   * @returns {string} The translation string to output, with $\\{\\} placeholders replaced\n   */\n  replacePlaceholders(translationString, options) {\n    const formatter = Intl.NumberFormat.supportedLocalesOf(this.locale).length\n      ? new Intl.NumberFormat(this.locale)\n      : undefined\n\n    return translationString.replace(\n      /%{(.\\S+)}/g,\n\n      /**\n       * Replace translation string placeholders\n       *\n       * @internal\n       * @param {string} placeholderWithBraces - Placeholder with braces\n       * @param {string} placeholderKey - Placeholder key\n       * @returns {string} Placeholder value\n       */\n      function (placeholderWithBraces, placeholderKey) {\n        if (Object.prototype.hasOwnProperty.call(options, placeholderKey)) {\n          const placeholderValue = options[placeholderKey]\n\n          // If a user has passed `false` as the value for the placeholder\n          // treat it as though the value should not be displayed\n          if (\n            placeholderValue === false ||\n            (typeof placeholderValue !== 'number' &&\n              typeof placeholderValue !== 'string')\n          ) {\n            return ''\n          }\n\n          // If the placeholder's value is a number, localise the number formatting\n          if (typeof placeholderValue === 'number') {\n            return formatter\n              ? formatter.format(placeholderValue)\n              : `${placeholderValue}`\n          }\n\n          return placeholderValue\n        }\n\n        throw new Error(\n          `i18n: no data found to replace ${placeholderWithBraces} placeholder in string`\n        )\n      }\n    )\n  }\n\n  /**\n   * Check to see if the browser supports Intl.PluralRules\n   *\n   * It requires all conditions to be met in order to be supported:\n   * - The implementation of Intl supports PluralRules (NOT true in Safari 10–12)\n   * - The browser/OS has plural rules for the current locale (browser dependent)\n   *\n   * {@link https://browsersl.ist/#q=supports+es6-module+and+not+supports+intl-pluralrules}\n   *\n   * @internal\n   * @returns {boolean} Returns true if all conditions are met. Returns false otherwise.\n   */\n  hasIntlPluralRulesSupport() {\n    return Boolean(\n      'PluralRules' in window.Intl &&\n        Intl.PluralRules.supportedLocalesOf(this.locale).length\n    )\n  }\n\n  /**\n   * Get the appropriate suffix for the plural form.\n   *\n   * Uses Intl.PluralRules (or our own fallback implementation) to get the\n   * 'preferred' form to use for the given count.\n   *\n   * Checks that a translation has been provided for that plural form – if it\n   * hasn't, it'll fall back to the 'other' plural form (unless that doesn't exist\n   * either, in which case an error will be thrown)\n   *\n   * @internal\n   * @param {string} lookupKey - The lookup key of the string to use.\n   * @param {number} count - Number used to determine which pluralisation to use.\n   * @returns {PluralRule} The suffix associated with the correct pluralisation for this locale.\n   * @throws {Error} Plural form `.other` required when preferred plural form is missing\n   */\n  getPluralSuffix(lookupKey, count) {\n    // Validate that the number is actually a number.\n    //\n    // Number(count) will turn anything that can't be converted to a Number type\n    // into 'NaN'. isFinite filters out NaN, as it isn't a finite number.\n    // eslint-disable-next-line @typescript-eslint/no-unnecessary-type-conversion\n    count = Number(count)\n    if (!isFinite(count)) {\n      return 'other'\n    }\n\n    // Fetch the translation for that lookup key\n    const translation = this.translations[lookupKey]\n\n    // Check to verify that all the requirements for Intl.PluralRules are met.\n    // If so, we can use that instead of our custom implementation. Otherwise,\n    // use the hardcoded fallback.\n    const preferredForm = this.hasIntlPluralRulesSupport()\n      ? new Intl.PluralRules(this.locale).select(count)\n      : 'other'\n\n    // Use the correct plural form if provided\n    if (isObject(translation)) {\n      if (preferredForm in translation) {\n        return preferredForm\n        // Fall back to `other` if the plural form is missing, but log a warning\n        // to the console\n      } else if ('other' in translation) {\n        console.warn(\n          `i18n: Missing plural form \".${preferredForm}\" for \"${this.locale}\" locale. Falling back to \".other\".`\n        )\n\n        return 'other'\n      }\n    }\n\n    // If the required `other` plural form is missing, all we can do is error\n    throw new Error(\n      `i18n: Plural form \".other\" is required for \"${this.locale}\" locale`\n    )\n  }\n}\n\n/**\n * Plural rule category mnemonic tags\n *\n * @internal\n * @typedef {'zero' | 'one' | 'two' | 'few' | 'many' | 'other'} PluralRule\n */\n\n/**\n * Translated message by plural rule they correspond to.\n *\n * Allows to group pluralised messages under a single key when passing\n * translations to a component's constructor\n *\n * @internal\n * @typedef {object} TranslationPluralForms\n * @property {string} [other] - General plural form\n * @property {string} [zero] - Plural form used with 0\n * @property {string} [one] - Plural form used with 1\n * @property {string} [two] - Plural form used with 2\n * @property {string} [few] - Plural form used for a few\n * @property {string} [many] - Plural form used for many\n */\n","import { ConfigurableComponent } from '../../common/configuration.mjs'\nimport { ElementError } from '../../errors/index.mjs'\nimport { I18n } from '../../i18n.mjs'\n\n/**\n * Accordion component\n *\n * This allows a collection of sections to be collapsed by default, showing only\n * their headers. Sections can be expanded or collapsed individually by clicking\n * their headers. A \"Show all sections\" button is also added to the top of the\n * accordion, which switches to \"Hide all sections\" when all the sections are\n * expanded.\n *\n * The state of each section is saved to the DOM via the `aria-expanded`\n * attribute, which also provides accessibility.\n *\n * @preserve\n * @augments ConfigurableComponent<AccordionConfig>\n */\nexport class Accordion extends ConfigurableComponent {\n  /** @private */\n  i18n\n\n  /** @private */\n  controlsClass = 'govuk-accordion__controls'\n\n  /** @private */\n  showAllClass = 'govuk-accordion__show-all'\n\n  /** @private */\n  showAllTextClass = 'govuk-accordion__show-all-text'\n\n  /** @private */\n  sectionClass = 'govuk-accordion__section'\n\n  /** @private */\n  sectionExpandedClass = 'govuk-accordion__section--expanded'\n\n  /** @private */\n  sectionButtonClass = 'govuk-accordion__section-button'\n\n  /** @private */\n  sectionHeaderClass = 'govuk-accordion__section-header'\n\n  /** @private */\n  sectionHeadingClass = 'govuk-accordion__section-heading'\n\n  /** @private */\n  sectionHeadingDividerClass = 'govuk-accordion__section-heading-divider'\n\n  /** @private */\n  sectionHeadingTextClass = 'govuk-accordion__section-heading-text'\n\n  /** @private */\n  sectionHeadingTextFocusClass = 'govuk-accordion__section-heading-text-focus'\n\n  /** @private */\n  sectionShowHideToggleClass = 'govuk-accordion__section-toggle'\n\n  /** @private */\n  sectionShowHideToggleFocusClass = 'govuk-accordion__section-toggle-focus'\n\n  /** @private */\n  sectionShowHideTextClass = 'govuk-accordion__section-toggle-text'\n\n  /** @private */\n  upChevronIconClass = 'govuk-accordion-nav__chevron'\n\n  /** @private */\n  downChevronIconClass = 'govuk-accordion-nav__chevron--down'\n\n  /** @private */\n  sectionSummaryClass = 'govuk-accordion__section-summary'\n\n  /** @private */\n  sectionSummaryFocusClass = 'govuk-accordion__section-summary-focus'\n\n  /** @private */\n  sectionContentClass = 'govuk-accordion__section-content'\n\n  /** @private */\n  $sections\n\n  /**\n   * @private\n   * @type {HTMLButtonElement | null}\n   */\n  $showAllButton = null\n\n  /**\n   * @private\n   * @type {HTMLElement | null}\n   */\n  $showAllIcon = null\n\n  /**\n   * @private\n   * @type {HTMLElement | null}\n   */\n  $showAllText = null\n\n  /**\n   * @param {Element | null} $root - HTML element to use for accordion\n   * @param {AccordionConfig} [config] - Accordion config\n   */\n  constructor($root, config = {}) {\n    super($root, config)\n\n    this.i18n = new I18n(this.config.i18n)\n\n    const $sections = this.$root.querySelectorAll(`.${this.sectionClass}`)\n    if (!$sections.length) {\n      throw new ElementError({\n        component: Accordion,\n        identifier: `Sections (\\`<div class=\"${this.sectionClass}\">\\`)`\n      })\n    }\n\n    this.$sections = $sections\n\n    this.initControls()\n    this.initSectionHeaders()\n\n    this.updateShowAllButton(this.areAllSectionsOpen())\n  }\n\n  /**\n   * Initialise controls and set attributes\n   *\n   * @private\n   */\n  initControls() {\n    // Create \"Show all\" button and set attributes\n    this.$showAllButton = document.createElement('button')\n    this.$showAllButton.setAttribute('type', 'button')\n    this.$showAllButton.setAttribute('class', this.showAllClass)\n    this.$showAllButton.setAttribute('aria-expanded', 'false')\n\n    // Create icon, add to element\n    this.$showAllIcon = document.createElement('span')\n    this.$showAllIcon.classList.add(this.upChevronIconClass)\n    this.$showAllButton.appendChild(this.$showAllIcon)\n\n    // Create control wrapper and add controls to it\n    const $accordionControls = document.createElement('div')\n    $accordionControls.setAttribute('class', this.controlsClass)\n    $accordionControls.appendChild(this.$showAllButton)\n    this.$root.insertBefore($accordionControls, this.$root.firstChild)\n\n    // Build additional wrapper for Show all toggle text and place after icon\n    this.$showAllText = document.createElement('span')\n    this.$showAllText.classList.add(this.showAllTextClass)\n    this.$showAllButton.appendChild(this.$showAllText)\n\n    // Handle click events on the show/hide all button\n    this.$showAllButton.addEventListener('click', () =>\n      this.onShowOrHideAllToggle()\n    )\n\n    // Handle 'beforematch' events, if the user agent supports them\n    if ('onbeforematch' in document) {\n      document.addEventListener('beforematch', (event) =>\n        this.onBeforeMatch(event)\n      )\n    }\n  }\n\n  /**\n   * Initialise section headers\n   *\n   * @private\n   */\n  initSectionHeaders() {\n    this.$sections.forEach(($section, i) => {\n      const $header = $section.querySelector(`.${this.sectionHeaderClass}`)\n      if (!$header) {\n        throw new ElementError({\n          component: Accordion,\n          identifier: `Section headers (\\`<div class=\"${this.sectionHeaderClass}\">\\`)`\n        })\n      }\n\n      // Set header attributes\n      this.constructHeaderMarkup($header, i)\n      this.setExpanded(this.isExpanded($section), $section)\n\n      // Handle events\n      $header.addEventListener('click', () => this.onSectionToggle($section))\n\n      // See if there is any state stored in sessionStorage and set the sections\n      // to open or closed.\n      this.setInitialState($section)\n    })\n  }\n\n  /**\n   * Construct section header\n   *\n   * @private\n   * @param {Element} $header - Section header\n   * @param {number} index - Section index\n   */\n  constructHeaderMarkup($header, index) {\n    const $span = $header.querySelector(`.${this.sectionButtonClass}`)\n    const $heading = $header.querySelector(`.${this.sectionHeadingClass}`)\n    const $summary = $header.querySelector(`.${this.sectionSummaryClass}`)\n\n    if (!$heading) {\n      throw new ElementError({\n        component: Accordion,\n        identifier: `Section heading (\\`.${this.sectionHeadingClass}\\`)`\n      })\n    }\n\n    if (!$span) {\n      throw new ElementError({\n        component: Accordion,\n        identifier: `Section button placeholder (\\`<span class=\"${this.sectionButtonClass}\">\\`)`\n      })\n    }\n\n    // Create a button element that will replace the\n    // '.govuk-accordion__section-button' span\n    const $button = document.createElement('button')\n    $button.setAttribute('type', 'button')\n    $button.setAttribute(\n      'aria-controls',\n      `${this.$root.id}-content-${index + 1}`\n    )\n\n    // Copy all attributes from $span to $button (except `id`, which gets added\n    // to the `$headingText` element)\n    for (const attr of Array.from($span.attributes)) {\n      if (attr.name !== 'id') {\n        $button.setAttribute(attr.name, attr.value)\n      }\n    }\n\n    // Create container for heading text so it can be styled\n    const $headingText = document.createElement('span')\n    $headingText.classList.add(this.sectionHeadingTextClass)\n    // Copy the span ID to the heading text to allow it to be referenced by\n    // `aria-labelledby` on the hidden content area without \"Show this section\"\n    $headingText.id = $span.id\n\n    // Create an inner heading text container to limit the width of the focus\n    // state\n    const $headingTextFocus = document.createElement('span')\n    $headingTextFocus.classList.add(this.sectionHeadingTextFocusClass)\n    $headingText.appendChild($headingTextFocus)\n    // span could contain HTML elements\n    // (see https://www.w3.org/TR/2011/WD-html5-20110525/content-models.html#phrasing-content)\n    Array.from($span.childNodes).forEach(($child) =>\n      $headingTextFocus.appendChild($child)\n    )\n\n    // Create container for show / hide icons and text.\n    const $showHideToggle = document.createElement('span')\n    $showHideToggle.classList.add(this.sectionShowHideToggleClass)\n    // Tell Google not to index the 'show' text as part of the heading. Must be\n    // set on the element before it's added to the DOM.\n    // See https://developers.google.com/search/docs/advanced/robots/robots_meta_tag#data-nosnippet-attr\n    $showHideToggle.setAttribute('data-nosnippet', '')\n    // Create an inner container to limit the width of the focus state\n    const $showHideToggleFocus = document.createElement('span')\n    $showHideToggleFocus.classList.add(this.sectionShowHideToggleFocusClass)\n    $showHideToggle.appendChild($showHideToggleFocus)\n    // Create wrapper for the show / hide text. Append text after the show/hide icon\n    const $showHideText = document.createElement('span')\n    const $showHideIcon = document.createElement('span')\n    $showHideIcon.classList.add(this.upChevronIconClass)\n    $showHideToggleFocus.appendChild($showHideIcon)\n    $showHideText.classList.add(this.sectionShowHideTextClass)\n    $showHideToggleFocus.appendChild($showHideText)\n\n    // Append elements to the button:\n    // 1. Heading text\n    // 2. Punctuation\n    // 3. (Optional: Summary line followed by punctuation)\n    // 4. Show / hide toggle\n    $button.appendChild($headingText)\n    $button.appendChild(this.getButtonPunctuationEl())\n\n    // If summary content exists add to DOM in correct order\n    if ($summary) {\n      // Create a new `span` element and copy the summary line content from the\n      // original `div` to the new `span`. This is because the summary line text\n      // is now inside a button element, which can only contain phrasing\n      // content.\n      const $summarySpan = document.createElement('span')\n      // Create an inner summary container to limit the width of the summary\n      // focus state\n      const $summarySpanFocus = document.createElement('span')\n      $summarySpanFocus.classList.add(this.sectionSummaryFocusClass)\n      $summarySpan.appendChild($summarySpanFocus)\n\n      // Get original attributes, and pass them to the replacement\n      for (const attr of Array.from($summary.attributes)) {\n        $summarySpan.setAttribute(attr.name, attr.value)\n      }\n\n      // Copy original contents of summary to the new summary span\n      Array.from($summary.childNodes).forEach(($child) =>\n        $summarySpanFocus.appendChild($child)\n      )\n\n      // Replace the original summary `div` with the new summary `span`\n      $summary.remove()\n\n      $button.appendChild($summarySpan)\n      $button.appendChild(this.getButtonPunctuationEl())\n    }\n\n    $button.appendChild($showHideToggle)\n\n    $heading.removeChild($span)\n    $heading.appendChild($button)\n  }\n\n  /**\n   * When a section is opened by the user agent via the 'beforematch' event\n   *\n   * @private\n   * @param {Event} event - Generic event\n   */\n  onBeforeMatch(event) {\n    const $fragment = event.target\n\n    // Handle elements with `.closest()` support only\n    if (!($fragment instanceof Element)) {\n      return\n    }\n\n    // Handle when fragment is inside section\n    const $section = $fragment.closest(`.${this.sectionClass}`)\n    if ($section) {\n      this.setExpanded(true, $section)\n    }\n  }\n\n  /**\n   * When section toggled, set and store state\n   *\n   * @private\n   * @param {Element} $section - Section element\n   */\n  onSectionToggle($section) {\n    const nowExpanded = !this.isExpanded($section)\n    this.setExpanded(nowExpanded, $section)\n\n    // Store the state in sessionStorage when a change is triggered\n    this.storeState($section, nowExpanded)\n  }\n\n  /**\n   * When Open/Close All toggled, set and store state\n   *\n   * @private\n   */\n  onShowOrHideAllToggle() {\n    const nowExpanded = !this.areAllSectionsOpen()\n\n    this.$sections.forEach(($section) => {\n      this.setExpanded(nowExpanded, $section)\n      this.storeState($section, nowExpanded)\n    })\n\n    this.updateShowAllButton(nowExpanded)\n  }\n\n  /**\n   * Set section attributes when opened/closed\n   *\n   * @private\n   * @param {boolean} expanded - Section expanded\n   * @param {Element} $section - Section element\n   */\n  setExpanded(expanded, $section) {\n    const $showHideIcon = $section.querySelector(`.${this.upChevronIconClass}`)\n    const $showHideText = $section.querySelector(\n      `.${this.sectionShowHideTextClass}`\n    )\n    const $button = $section.querySelector(`.${this.sectionButtonClass}`)\n    const $content = $section.querySelector(`.${this.sectionContentClass}`)\n\n    if (!$content) {\n      throw new ElementError({\n        component: Accordion,\n        identifier: `Section content (\\`<div class=\"${this.sectionContentClass}\">\\`)`\n      })\n    }\n\n    if (!$showHideIcon || !$showHideText || !$button) {\n      // Return early for elements we create\n      return\n    }\n\n    const newButtonText = expanded\n      ? this.i18n.t('hideSection')\n      : this.i18n.t('showSection')\n\n    $showHideText.textContent = newButtonText\n    $button.setAttribute('aria-expanded', `${expanded}`)\n\n    // Update aria-label combining\n    const ariaLabelParts = []\n\n    const $headingText = $section.querySelector(\n      `.${this.sectionHeadingTextClass}`\n    )\n    if ($headingText) {\n      ariaLabelParts.push($headingText.textContent.trim())\n    }\n\n    const $summary = $section.querySelector(`.${this.sectionSummaryClass}`)\n    if ($summary) {\n      ariaLabelParts.push($summary.textContent.trim())\n    }\n\n    const ariaLabelMessage = expanded\n      ? this.i18n.t('hideSectionAriaLabel')\n      : this.i18n.t('showSectionAriaLabel')\n    ariaLabelParts.push(ariaLabelMessage)\n\n    /*\n     * Join with a comma to add pause for assistive technology.\n     * Example: [heading]Section A ,[pause] Show this section.\n     * https://accessibility.blog.gov.uk/2017/12/18/what-working-on-gov-uk-navigation-taught-us-about-accessibility/\n     */\n    $button.setAttribute('aria-label', ariaLabelParts.join(' , '))\n\n    // Swap icon, change class\n    if (expanded) {\n      $content.removeAttribute('hidden')\n      $section.classList.add(this.sectionExpandedClass)\n      $showHideIcon.classList.remove(this.downChevronIconClass)\n    } else {\n      $content.setAttribute('hidden', 'until-found')\n      $section.classList.remove(this.sectionExpandedClass)\n      $showHideIcon.classList.add(this.downChevronIconClass)\n    }\n\n    // See if \"Show all sections\" button text should be updated\n    this.updateShowAllButton(this.areAllSectionsOpen())\n  }\n\n  /**\n   * Get state of section\n   *\n   * @private\n   * @param {Element} $section - Section element\n   * @returns {boolean} True if expanded\n   */\n  isExpanded($section) {\n    return $section.classList.contains(this.sectionExpandedClass)\n  }\n\n  /**\n   * Check if all sections are open\n   *\n   * @private\n   * @returns {boolean} True if all sections are open\n   */\n  areAllSectionsOpen() {\n    return Array.from(this.$sections).every(($section) =>\n      this.isExpanded($section)\n    )\n  }\n\n  /**\n   * Update \"Show all sections\" button\n   *\n   * @private\n   * @param {boolean} expanded - Section expanded\n   */\n  updateShowAllButton(expanded) {\n    if (!this.$showAllButton || !this.$showAllText || !this.$showAllIcon) {\n      return\n    }\n\n    this.$showAllButton.setAttribute('aria-expanded', expanded.toString())\n    this.$showAllText.textContent = expanded\n      ? this.i18n.t('hideAllSections')\n      : this.i18n.t('showAllSections')\n    this.$showAllIcon.classList.toggle(this.downChevronIconClass, !expanded)\n  }\n\n  /**\n   * Get the identifier for a section\n   *\n   * We need a unique way of identifying each content in the Accordion.\n   * Since an `#id` should be unique and an `id` is required for `aria-`\n   * attributes `id` can be safely used.\n   *\n   * @param {Element} $section - Section element\n   * @returns {string | undefined | null} Identifier for section\n   */\n  getIdentifier($section) {\n    const $button = $section.querySelector(`.${this.sectionButtonClass}`)\n\n    return $button?.getAttribute('aria-controls')\n  }\n\n  /**\n   * Set the state of the accordions in sessionStorage\n   *\n   * @private\n   * @param {Element} $section - Section element\n   * @param {boolean} isExpanded - Whether the section is expanded\n   */\n  storeState($section, isExpanded) {\n    if (!this.config.rememberExpanded) {\n      return\n    }\n\n    const id = this.getIdentifier($section)\n\n    if (id) {\n      try {\n        window.sessionStorage.setItem(id, isExpanded.toString())\n      } catch {}\n    }\n  }\n\n  /**\n   * Read the state of the accordions from sessionStorage\n   *\n   * @private\n   * @param {Element} $section - Section element\n   */\n  setInitialState($section) {\n    if (!this.config.rememberExpanded) {\n      return\n    }\n\n    const id = this.getIdentifier($section)\n\n    if (id) {\n      try {\n        const state = window.sessionStorage.getItem(id)\n\n        if (state !== null) {\n          this.setExpanded(state === 'true', $section)\n        }\n      } catch {}\n    }\n  }\n\n  /**\n   * Create an element to improve semantics of the section button with\n   * punctuation\n   *\n   * Adding punctuation to the button can also improve its general semantics by\n   * dividing its contents into thematic chunks. See\n   * https://github.com/alphagov/govuk-frontend/issues/2327#issuecomment-922957442\n   *\n   * @private\n   * @returns {Element} DOM element\n   */\n  getButtonPunctuationEl() {\n    const $punctuationEl = document.createElement('span')\n    $punctuationEl.classList.add(\n      'govuk-visually-hidden',\n      this.sectionHeadingDividerClass\n    )\n    $punctuationEl.textContent = ', '\n    return $punctuationEl\n  }\n\n  /**\n   * Name for the component used when initialising using data-module attributes.\n   */\n  static moduleName = 'govuk-accordion'\n\n  /**\n   * Accordion default config\n   *\n   * @see {@link AccordionConfig}\n   * @constant\n   * @type {AccordionConfig}\n   */\n  static defaults = Object.freeze({\n    i18n: {\n      hideAllSections: 'Hide all sections',\n      hideSection: 'Hide',\n      hideSectionAriaLabel: 'Hide this section',\n      showAllSections: 'Show all sections',\n      showSection: 'Show',\n      showSectionAriaLabel: 'Show this section'\n    },\n    rememberExpanded: true\n  })\n\n  /**\n   * Accordion config schema\n   *\n   * @constant\n   * @satisfies {Schema<AccordionConfig>}\n   */\n  static schema = Object.freeze({\n    properties: {\n      i18n: { type: 'object' },\n      rememberExpanded: { type: 'boolean' }\n    }\n  })\n}\n\n/**\n * Accordion config\n *\n * @see {@link Accordion.defaults}\n * @typedef {object} AccordionConfig\n * @property {AccordionTranslations} [i18n=Accordion.defaults.i18n] - Accordion translations\n * @property {boolean} [rememberExpanded] - Whether the expanded and collapsed\n *   state of each section is remembered and restored when navigating.\n */\n\n/**\n * Accordion translations\n *\n * @see {@link Accordion.defaults.i18n}\n * @typedef {object} AccordionTranslations\n *\n * Messages used by the component for the labels of its buttons. This includes\n * the visible text shown on screen, and text to help assistive technology users\n * for the buttons toggling each section.\n * @property {string} [hideAllSections] - The text content for the 'Hide all\n *   sections' button, used when at least one section is expanded.\n * @property {string} [hideSection] - The text content for the 'Hide'\n *   button, used when a section is expanded.\n * @property {string} [hideSectionAriaLabel] - The text content appended to the\n *   'Hide' button's accessible name when a section is expanded.\n * @property {string} [showAllSections] - The text content for the 'Show all\n *   sections' button, used when all sections are collapsed.\n * @property {string} [showSection] - The text content for the 'Show'\n *   button, used when a section is collapsed.\n * @property {string} [showSectionAriaLabel] - The text content appended to the\n *   'Show' button's accessible name when a section is expanded.\n */\n\n/**\n * @import { Schema } from '../../common/configuration.mjs'\n */\n"],"names":["isInitialised","$root","moduleName","HTMLElement","hasAttribute","isSupported","$scope","document","body","classList","contains","isArray","option","Array","isObject","formatErrorMessage","Component","message","GOVUKFrontendError","Error","constructor","args","name","SupportError","supportMessage","HTMLScriptElement","prototype","ConfigError","ElementError","messageOrOptions","component","identifier","element","expectedType","InitError","componentOrMessage","_$root","childConstructor","elementType","checkSupport","checkInitialised","setAttribute","configOverride","Symbol","for","ConfigurableComponent","param","config","_config","defaults","datasetConfig","normaliseDataset","dataset","mergeConfigs","normaliseString","value","property","trimmedValue","trim","output","outputType","type","includes","length","isFinite","Number","schema","out","entries","Object","properties","entry","namespace","field","toString","extractConfigByNamespace","configObjects","formattedConfigObject","configObject","key","keys","override","newObject","current","keyParts","split","index","I18n","translations","_config$locale","locale","documentElement","lang","t","lookupKey","options","translation","count","translationPluralForm","getPluralSuffix","match","replacePlaceholders","translationString","formatter","Intl","NumberFormat","supportedLocalesOf","undefined","replace","placeholderWithBraces","placeholderKey","hasOwnProperty","call","placeholderValue","format","hasIntlPluralRulesSupport","Boolean","window","PluralRules","preferredForm","select","console","warn","Accordion","i18n","controlsClass","showAllClass","showAllTextClass","sectionClass","sectionExpandedClass","sectionButtonClass","sectionHeaderClass","sectionHeadingClass","sectionHeadingDividerClass","sectionHeadingTextClass","sectionHeadingTextFocusClass","sectionShowHideToggleClass","sectionShowHideToggleFocusClass","sectionShowHideTextClass","upChevronIconClass","downChevronIconClass","sectionSummaryClass","sectionSummaryFocusClass","sectionContentClass","$sections","$showAllButton","$showAllIcon","$showAllText","querySelectorAll","initControls","initSectionHeaders","updateShowAllButton","areAllSectionsOpen","createElement","add","appendChild","$accordionControls","insertBefore","firstChild","addEventListener","onShowOrHideAllToggle","event","onBeforeMatch","forEach","$section","i","$header","querySelector","constructHeaderMarkup","setExpanded","isExpanded","onSectionToggle","setInitialState","$span","$heading","$summary","$button","id","attr","from","attributes","$headingText","$headingTextFocus","childNodes","$child","$showHideToggle","$showHideToggleFocus","$showHideText","$showHideIcon","getButtonPunctuationEl","$summarySpan","$summarySpanFocus","remove","removeChild","$fragment","target","Element","closest","nowExpanded","storeState","expanded","$content","newButtonText","textContent","ariaLabelParts","push","ariaLabelMessage","join","removeAttribute","every","toggle","getIdentifier","getAttribute","rememberExpanded","sessionStorage","setItem","_unused","state","getItem","_unused2","$punctuationEl","freeze","hideAllSections","hideSection","hideSectionAriaLabel","showAllSections","showSection","showSectionAriaLabel"],"mappings":"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"}
\ No newline at end of file
diff --git a/node_modules/govuk-frontend/dist/govuk/components/accordion/accordion.mjs b/node_modules/govuk-frontend/dist/govuk/components/accordion/accordion.mjs
new file mode 100644
index 0000000..2b5a339
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/accordion/accordion.mjs
@@ -0,0 +1,346 @@
+import { ConfigurableComponent } from '../../common/configuration.mjs';
+import { ElementError } from '../../errors/index.mjs';
+import { I18n } from '../../i18n.mjs';
+
+/**
+ * Accordion component
+ *
+ * This allows a collection of sections to be collapsed by default, showing only
+ * their headers. Sections can be expanded or collapsed individually by clicking
+ * their headers. A "Show all sections" button is also added to the top of the
+ * accordion, which switches to "Hide all sections" when all the sections are
+ * expanded.
+ *
+ * The state of each section is saved to the DOM via the `aria-expanded`
+ * attribute, which also provides accessibility.
+ *
+ * @preserve
+ * @augments ConfigurableComponent<AccordionConfig>
+ */
+class Accordion extends ConfigurableComponent {
+  /**
+   * @param {Element | null} $root - HTML element to use for accordion
+   * @param {AccordionConfig} [config] - Accordion config
+   */
+  constructor($root, config = {}) {
+    super($root, config);
+    this.i18n = void 0;
+    this.controlsClass = 'govuk-accordion__controls';
+    this.showAllClass = 'govuk-accordion__show-all';
+    this.showAllTextClass = 'govuk-accordion__show-all-text';
+    this.sectionClass = 'govuk-accordion__section';
+    this.sectionExpandedClass = 'govuk-accordion__section--expanded';
+    this.sectionButtonClass = 'govuk-accordion__section-button';
+    this.sectionHeaderClass = 'govuk-accordion__section-header';
+    this.sectionHeadingClass = 'govuk-accordion__section-heading';
+    this.sectionHeadingDividerClass = 'govuk-accordion__section-heading-divider';
+    this.sectionHeadingTextClass = 'govuk-accordion__section-heading-text';
+    this.sectionHeadingTextFocusClass = 'govuk-accordion__section-heading-text-focus';
+    this.sectionShowHideToggleClass = 'govuk-accordion__section-toggle';
+    this.sectionShowHideToggleFocusClass = 'govuk-accordion__section-toggle-focus';
+    this.sectionShowHideTextClass = 'govuk-accordion__section-toggle-text';
+    this.upChevronIconClass = 'govuk-accordion-nav__chevron';
+    this.downChevronIconClass = 'govuk-accordion-nav__chevron--down';
+    this.sectionSummaryClass = 'govuk-accordion__section-summary';
+    this.sectionSummaryFocusClass = 'govuk-accordion__section-summary-focus';
+    this.sectionContentClass = 'govuk-accordion__section-content';
+    this.$sections = void 0;
+    this.$showAllButton = null;
+    this.$showAllIcon = null;
+    this.$showAllText = null;
+    this.i18n = new I18n(this.config.i18n);
+    const $sections = this.$root.querySelectorAll(`.${this.sectionClass}`);
+    if (!$sections.length) {
+      throw new ElementError({
+        component: Accordion,
+        identifier: `Sections (\`<div class="${this.sectionClass}">\`)`
+      });
+    }
+    this.$sections = $sections;
+    this.initControls();
+    this.initSectionHeaders();
+    this.updateShowAllButton(this.areAllSectionsOpen());
+  }
+  initControls() {
+    this.$showAllButton = document.createElement('button');
+    this.$showAllButton.setAttribute('type', 'button');
+    this.$showAllButton.setAttribute('class', this.showAllClass);
+    this.$showAllButton.setAttribute('aria-expanded', 'false');
+    this.$showAllIcon = document.createElement('span');
+    this.$showAllIcon.classList.add(this.upChevronIconClass);
+    this.$showAllButton.appendChild(this.$showAllIcon);
+    const $accordionControls = document.createElement('div');
+    $accordionControls.setAttribute('class', this.controlsClass);
+    $accordionControls.appendChild(this.$showAllButton);
+    this.$root.insertBefore($accordionControls, this.$root.firstChild);
+    this.$showAllText = document.createElement('span');
+    this.$showAllText.classList.add(this.showAllTextClass);
+    this.$showAllButton.appendChild(this.$showAllText);
+    this.$showAllButton.addEventListener('click', () => this.onShowOrHideAllToggle());
+    if ('onbeforematch' in document) {
+      document.addEventListener('beforematch', event => this.onBeforeMatch(event));
+    }
+  }
+  initSectionHeaders() {
+    this.$sections.forEach(($section, i) => {
+      const $header = $section.querySelector(`.${this.sectionHeaderClass}`);
+      if (!$header) {
+        throw new ElementError({
+          component: Accordion,
+          identifier: `Section headers (\`<div class="${this.sectionHeaderClass}">\`)`
+        });
+      }
+      this.constructHeaderMarkup($header, i);
+      this.setExpanded(this.isExpanded($section), $section);
+      $header.addEventListener('click', () => this.onSectionToggle($section));
+      this.setInitialState($section);
+    });
+  }
+  constructHeaderMarkup($header, index) {
+    const $span = $header.querySelector(`.${this.sectionButtonClass}`);
+    const $heading = $header.querySelector(`.${this.sectionHeadingClass}`);
+    const $summary = $header.querySelector(`.${this.sectionSummaryClass}`);
+    if (!$heading) {
+      throw new ElementError({
+        component: Accordion,
+        identifier: `Section heading (\`.${this.sectionHeadingClass}\`)`
+      });
+    }
+    if (!$span) {
+      throw new ElementError({
+        component: Accordion,
+        identifier: `Section button placeholder (\`<span class="${this.sectionButtonClass}">\`)`
+      });
+    }
+    const $button = document.createElement('button');
+    $button.setAttribute('type', 'button');
+    $button.setAttribute('aria-controls', `${this.$root.id}-content-${index + 1}`);
+    for (const attr of Array.from($span.attributes)) {
+      if (attr.name !== 'id') {
+        $button.setAttribute(attr.name, attr.value);
+      }
+    }
+    const $headingText = document.createElement('span');
+    $headingText.classList.add(this.sectionHeadingTextClass);
+    $headingText.id = $span.id;
+    const $headingTextFocus = document.createElement('span');
+    $headingTextFocus.classList.add(this.sectionHeadingTextFocusClass);
+    $headingText.appendChild($headingTextFocus);
+    Array.from($span.childNodes).forEach($child => $headingTextFocus.appendChild($child));
+    const $showHideToggle = document.createElement('span');
+    $showHideToggle.classList.add(this.sectionShowHideToggleClass);
+    $showHideToggle.setAttribute('data-nosnippet', '');
+    const $showHideToggleFocus = document.createElement('span');
+    $showHideToggleFocus.classList.add(this.sectionShowHideToggleFocusClass);
+    $showHideToggle.appendChild($showHideToggleFocus);
+    const $showHideText = document.createElement('span');
+    const $showHideIcon = document.createElement('span');
+    $showHideIcon.classList.add(this.upChevronIconClass);
+    $showHideToggleFocus.appendChild($showHideIcon);
+    $showHideText.classList.add(this.sectionShowHideTextClass);
+    $showHideToggleFocus.appendChild($showHideText);
+    $button.appendChild($headingText);
+    $button.appendChild(this.getButtonPunctuationEl());
+    if ($summary) {
+      const $summarySpan = document.createElement('span');
+      const $summarySpanFocus = document.createElement('span');
+      $summarySpanFocus.classList.add(this.sectionSummaryFocusClass);
+      $summarySpan.appendChild($summarySpanFocus);
+      for (const attr of Array.from($summary.attributes)) {
+        $summarySpan.setAttribute(attr.name, attr.value);
+      }
+      Array.from($summary.childNodes).forEach($child => $summarySpanFocus.appendChild($child));
+      $summary.remove();
+      $button.appendChild($summarySpan);
+      $button.appendChild(this.getButtonPunctuationEl());
+    }
+    $button.appendChild($showHideToggle);
+    $heading.removeChild($span);
+    $heading.appendChild($button);
+  }
+  onBeforeMatch(event) {
+    const $fragment = event.target;
+    if (!($fragment instanceof Element)) {
+      return;
+    }
+    const $section = $fragment.closest(`.${this.sectionClass}`);
+    if ($section) {
+      this.setExpanded(true, $section);
+    }
+  }
+  onSectionToggle($section) {
+    const nowExpanded = !this.isExpanded($section);
+    this.setExpanded(nowExpanded, $section);
+    this.storeState($section, nowExpanded);
+  }
+  onShowOrHideAllToggle() {
+    const nowExpanded = !this.areAllSectionsOpen();
+    this.$sections.forEach($section => {
+      this.setExpanded(nowExpanded, $section);
+      this.storeState($section, nowExpanded);
+    });
+    this.updateShowAllButton(nowExpanded);
+  }
+  setExpanded(expanded, $section) {
+    const $showHideIcon = $section.querySelector(`.${this.upChevronIconClass}`);
+    const $showHideText = $section.querySelector(`.${this.sectionShowHideTextClass}`);
+    const $button = $section.querySelector(`.${this.sectionButtonClass}`);
+    const $content = $section.querySelector(`.${this.sectionContentClass}`);
+    if (!$content) {
+      throw new ElementError({
+        component: Accordion,
+        identifier: `Section content (\`<div class="${this.sectionContentClass}">\`)`
+      });
+    }
+    if (!$showHideIcon || !$showHideText || !$button) {
+      return;
+    }
+    const newButtonText = expanded ? this.i18n.t('hideSection') : this.i18n.t('showSection');
+    $showHideText.textContent = newButtonText;
+    $button.setAttribute('aria-expanded', `${expanded}`);
+    const ariaLabelParts = [];
+    const $headingText = $section.querySelector(`.${this.sectionHeadingTextClass}`);
+    if ($headingText) {
+      ariaLabelParts.push($headingText.textContent.trim());
+    }
+    const $summary = $section.querySelector(`.${this.sectionSummaryClass}`);
+    if ($summary) {
+      ariaLabelParts.push($summary.textContent.trim());
+    }
+    const ariaLabelMessage = expanded ? this.i18n.t('hideSectionAriaLabel') : this.i18n.t('showSectionAriaLabel');
+    ariaLabelParts.push(ariaLabelMessage);
+    $button.setAttribute('aria-label', ariaLabelParts.join(' , '));
+    if (expanded) {
+      $content.removeAttribute('hidden');
+      $section.classList.add(this.sectionExpandedClass);
+      $showHideIcon.classList.remove(this.downChevronIconClass);
+    } else {
+      $content.setAttribute('hidden', 'until-found');
+      $section.classList.remove(this.sectionExpandedClass);
+      $showHideIcon.classList.add(this.downChevronIconClass);
+    }
+    this.updateShowAllButton(this.areAllSectionsOpen());
+  }
+  isExpanded($section) {
+    return $section.classList.contains(this.sectionExpandedClass);
+  }
+  areAllSectionsOpen() {
+    return Array.from(this.$sections).every($section => this.isExpanded($section));
+  }
+  updateShowAllButton(expanded) {
+    if (!this.$showAllButton || !this.$showAllText || !this.$showAllIcon) {
+      return;
+    }
+    this.$showAllButton.setAttribute('aria-expanded', expanded.toString());
+    this.$showAllText.textContent = expanded ? this.i18n.t('hideAllSections') : this.i18n.t('showAllSections');
+    this.$showAllIcon.classList.toggle(this.downChevronIconClass, !expanded);
+  }
+
+  /**
+   * Get the identifier for a section
+   *
+   * We need a unique way of identifying each content in the Accordion.
+   * Since an `#id` should be unique and an `id` is required for `aria-`
+   * attributes `id` can be safely used.
+   *
+   * @param {Element} $section - Section element
+   * @returns {string | undefined | null} Identifier for section
+   */
+  getIdentifier($section) {
+    const $button = $section.querySelector(`.${this.sectionButtonClass}`);
+    return $button == null ? void 0 : $button.getAttribute('aria-controls');
+  }
+  storeState($section, isExpanded) {
+    if (!this.config.rememberExpanded) {
+      return;
+    }
+    const id = this.getIdentifier($section);
+    if (id) {
+      try {
+        window.sessionStorage.setItem(id, isExpanded.toString());
+      } catch (_unused) {}
+    }
+  }
+  setInitialState($section) {
+    if (!this.config.rememberExpanded) {
+      return;
+    }
+    const id = this.getIdentifier($section);
+    if (id) {
+      try {
+        const state = window.sessionStorage.getItem(id);
+        if (state !== null) {
+          this.setExpanded(state === 'true', $section);
+        }
+      } catch (_unused2) {}
+    }
+  }
+  getButtonPunctuationEl() {
+    const $punctuationEl = document.createElement('span');
+    $punctuationEl.classList.add('govuk-visually-hidden', this.sectionHeadingDividerClass);
+    $punctuationEl.textContent = ', ';
+    return $punctuationEl;
+  }
+}
+
+/**
+ * Accordion config
+ *
+ * @see {@link Accordion.defaults}
+ * @typedef {object} AccordionConfig
+ * @property {AccordionTranslations} [i18n=Accordion.defaults.i18n] - Accordion translations
+ * @property {boolean} [rememberExpanded] - Whether the expanded and collapsed
+ *   state of each section is remembered and restored when navigating.
+ */
+
+/**
+ * Accordion translations
+ *
+ * @see {@link Accordion.defaults.i18n}
+ * @typedef {object} AccordionTranslations
+ *
+ * Messages used by the component for the labels of its buttons. This includes
+ * the visible text shown on screen, and text to help assistive technology users
+ * for the buttons toggling each section.
+ * @property {string} [hideAllSections] - The text content for the 'Hide all
+ *   sections' button, used when at least one section is expanded.
+ * @property {string} [hideSection] - The text content for the 'Hide'
+ *   button, used when a section is expanded.
+ * @property {string} [hideSectionAriaLabel] - The text content appended to the
+ *   'Hide' button's accessible name when a section is expanded.
+ * @property {string} [showAllSections] - The text content for the 'Show all
+ *   sections' button, used when all sections are collapsed.
+ * @property {string} [showSection] - The text content for the 'Show'
+ *   button, used when a section is collapsed.
+ * @property {string} [showSectionAriaLabel] - The text content appended to the
+ *   'Show' button's accessible name when a section is expanded.
+ */
+
+/**
+ * @import { Schema } from '../../common/configuration.mjs'
+ */
+Accordion.moduleName = 'govuk-accordion';
+Accordion.defaults = Object.freeze({
+  i18n: {
+    hideAllSections: 'Hide all sections',
+    hideSection: 'Hide',
+    hideSectionAriaLabel: 'Hide this section',
+    showAllSections: 'Show all sections',
+    showSection: 'Show',
+    showSectionAriaLabel: 'Show this section'
+  },
+  rememberExpanded: true
+});
+Accordion.schema = Object.freeze({
+  properties: {
+    i18n: {
+      type: 'object'
+    },
+    rememberExpanded: {
+      type: 'boolean'
+    }
+  }
+});
+
+export { Accordion };
+//# sourceMappingURL=accordion.mjs.map
diff --git a/node_modules/govuk-frontend/dist/govuk/components/accordion/accordion.mjs.map b/node_modules/govuk-frontend/dist/govuk/components/accordion/accordion.mjs.map
new file mode 100644
index 0000000..4ccfd8e
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/accordion/accordion.mjs.map
@@ -0,0 +1 @@
+{"version":3,"file":"accordion.mjs","sources":["../../../../src/govuk/components/accordion/accordion.mjs"],"sourcesContent":["import { ConfigurableComponent } from '../../common/configuration.mjs'\nimport { ElementError } from '../../errors/index.mjs'\nimport { I18n } from '../../i18n.mjs'\n\n/**\n * Accordion component\n *\n * This allows a collection of sections to be collapsed by default, showing only\n * their headers. Sections can be expanded or collapsed individually by clicking\n * their headers. A \"Show all sections\" button is also added to the top of the\n * accordion, which switches to \"Hide all sections\" when all the sections are\n * expanded.\n *\n * The state of each section is saved to the DOM via the `aria-expanded`\n * attribute, which also provides accessibility.\n *\n * @preserve\n * @augments ConfigurableComponent<AccordionConfig>\n */\nexport class Accordion extends ConfigurableComponent {\n  /** @private */\n  i18n\n\n  /** @private */\n  controlsClass = 'govuk-accordion__controls'\n\n  /** @private */\n  showAllClass = 'govuk-accordion__show-all'\n\n  /** @private */\n  showAllTextClass = 'govuk-accordion__show-all-text'\n\n  /** @private */\n  sectionClass = 'govuk-accordion__section'\n\n  /** @private */\n  sectionExpandedClass = 'govuk-accordion__section--expanded'\n\n  /** @private */\n  sectionButtonClass = 'govuk-accordion__section-button'\n\n  /** @private */\n  sectionHeaderClass = 'govuk-accordion__section-header'\n\n  /** @private */\n  sectionHeadingClass = 'govuk-accordion__section-heading'\n\n  /** @private */\n  sectionHeadingDividerClass = 'govuk-accordion__section-heading-divider'\n\n  /** @private */\n  sectionHeadingTextClass = 'govuk-accordion__section-heading-text'\n\n  /** @private */\n  sectionHeadingTextFocusClass = 'govuk-accordion__section-heading-text-focus'\n\n  /** @private */\n  sectionShowHideToggleClass = 'govuk-accordion__section-toggle'\n\n  /** @private */\n  sectionShowHideToggleFocusClass = 'govuk-accordion__section-toggle-focus'\n\n  /** @private */\n  sectionShowHideTextClass = 'govuk-accordion__section-toggle-text'\n\n  /** @private */\n  upChevronIconClass = 'govuk-accordion-nav__chevron'\n\n  /** @private */\n  downChevronIconClass = 'govuk-accordion-nav__chevron--down'\n\n  /** @private */\n  sectionSummaryClass = 'govuk-accordion__section-summary'\n\n  /** @private */\n  sectionSummaryFocusClass = 'govuk-accordion__section-summary-focus'\n\n  /** @private */\n  sectionContentClass = 'govuk-accordion__section-content'\n\n  /** @private */\n  $sections\n\n  /**\n   * @private\n   * @type {HTMLButtonElement | null}\n   */\n  $showAllButton = null\n\n  /**\n   * @private\n   * @type {HTMLElement | null}\n   */\n  $showAllIcon = null\n\n  /**\n   * @private\n   * @type {HTMLElement | null}\n   */\n  $showAllText = null\n\n  /**\n   * @param {Element | null} $root - HTML element to use for accordion\n   * @param {AccordionConfig} [config] - Accordion config\n   */\n  constructor($root, config = {}) {\n    super($root, config)\n\n    this.i18n = new I18n(this.config.i18n)\n\n    const $sections = this.$root.querySelectorAll(`.${this.sectionClass}`)\n    if (!$sections.length) {\n      throw new ElementError({\n        component: Accordion,\n        identifier: `Sections (\\`<div class=\"${this.sectionClass}\">\\`)`\n      })\n    }\n\n    this.$sections = $sections\n\n    this.initControls()\n    this.initSectionHeaders()\n\n    this.updateShowAllButton(this.areAllSectionsOpen())\n  }\n\n  /**\n   * Initialise controls and set attributes\n   *\n   * @private\n   */\n  initControls() {\n    // Create \"Show all\" button and set attributes\n    this.$showAllButton = document.createElement('button')\n    this.$showAllButton.setAttribute('type', 'button')\n    this.$showAllButton.setAttribute('class', this.showAllClass)\n    this.$showAllButton.setAttribute('aria-expanded', 'false')\n\n    // Create icon, add to element\n    this.$showAllIcon = document.createElement('span')\n    this.$showAllIcon.classList.add(this.upChevronIconClass)\n    this.$showAllButton.appendChild(this.$showAllIcon)\n\n    // Create control wrapper and add controls to it\n    const $accordionControls = document.createElement('div')\n    $accordionControls.setAttribute('class', this.controlsClass)\n    $accordionControls.appendChild(this.$showAllButton)\n    this.$root.insertBefore($accordionControls, this.$root.firstChild)\n\n    // Build additional wrapper for Show all toggle text and place after icon\n    this.$showAllText = document.createElement('span')\n    this.$showAllText.classList.add(this.showAllTextClass)\n    this.$showAllButton.appendChild(this.$showAllText)\n\n    // Handle click events on the show/hide all button\n    this.$showAllButton.addEventListener('click', () =>\n      this.onShowOrHideAllToggle()\n    )\n\n    // Handle 'beforematch' events, if the user agent supports them\n    if ('onbeforematch' in document) {\n      document.addEventListener('beforematch', (event) =>\n        this.onBeforeMatch(event)\n      )\n    }\n  }\n\n  /**\n   * Initialise section headers\n   *\n   * @private\n   */\n  initSectionHeaders() {\n    this.$sections.forEach(($section, i) => {\n      const $header = $section.querySelector(`.${this.sectionHeaderClass}`)\n      if (!$header) {\n        throw new ElementError({\n          component: Accordion,\n          identifier: `Section headers (\\`<div class=\"${this.sectionHeaderClass}\">\\`)`\n        })\n      }\n\n      // Set header attributes\n      this.constructHeaderMarkup($header, i)\n      this.setExpanded(this.isExpanded($section), $section)\n\n      // Handle events\n      $header.addEventListener('click', () => this.onSectionToggle($section))\n\n      // See if there is any state stored in sessionStorage and set the sections\n      // to open or closed.\n      this.setInitialState($section)\n    })\n  }\n\n  /**\n   * Construct section header\n   *\n   * @private\n   * @param {Element} $header - Section header\n   * @param {number} index - Section index\n   */\n  constructHeaderMarkup($header, index) {\n    const $span = $header.querySelector(`.${this.sectionButtonClass}`)\n    const $heading = $header.querySelector(`.${this.sectionHeadingClass}`)\n    const $summary = $header.querySelector(`.${this.sectionSummaryClass}`)\n\n    if (!$heading) {\n      throw new ElementError({\n        component: Accordion,\n        identifier: `Section heading (\\`.${this.sectionHeadingClass}\\`)`\n      })\n    }\n\n    if (!$span) {\n      throw new ElementError({\n        component: Accordion,\n        identifier: `Section button placeholder (\\`<span class=\"${this.sectionButtonClass}\">\\`)`\n      })\n    }\n\n    // Create a button element that will replace the\n    // '.govuk-accordion__section-button' span\n    const $button = document.createElement('button')\n    $button.setAttribute('type', 'button')\n    $button.setAttribute(\n      'aria-controls',\n      `${this.$root.id}-content-${index + 1}`\n    )\n\n    // Copy all attributes from $span to $button (except `id`, which gets added\n    // to the `$headingText` element)\n    for (const attr of Array.from($span.attributes)) {\n      if (attr.name !== 'id') {\n        $button.setAttribute(attr.name, attr.value)\n      }\n    }\n\n    // Create container for heading text so it can be styled\n    const $headingText = document.createElement('span')\n    $headingText.classList.add(this.sectionHeadingTextClass)\n    // Copy the span ID to the heading text to allow it to be referenced by\n    // `aria-labelledby` on the hidden content area without \"Show this section\"\n    $headingText.id = $span.id\n\n    // Create an inner heading text container to limit the width of the focus\n    // state\n    const $headingTextFocus = document.createElement('span')\n    $headingTextFocus.classList.add(this.sectionHeadingTextFocusClass)\n    $headingText.appendChild($headingTextFocus)\n    // span could contain HTML elements\n    // (see https://www.w3.org/TR/2011/WD-html5-20110525/content-models.html#phrasing-content)\n    Array.from($span.childNodes).forEach(($child) =>\n      $headingTextFocus.appendChild($child)\n    )\n\n    // Create container for show / hide icons and text.\n    const $showHideToggle = document.createElement('span')\n    $showHideToggle.classList.add(this.sectionShowHideToggleClass)\n    // Tell Google not to index the 'show' text as part of the heading. Must be\n    // set on the element before it's added to the DOM.\n    // See https://developers.google.com/search/docs/advanced/robots/robots_meta_tag#data-nosnippet-attr\n    $showHideToggle.setAttribute('data-nosnippet', '')\n    // Create an inner container to limit the width of the focus state\n    const $showHideToggleFocus = document.createElement('span')\n    $showHideToggleFocus.classList.add(this.sectionShowHideToggleFocusClass)\n    $showHideToggle.appendChild($showHideToggleFocus)\n    // Create wrapper for the show / hide text. Append text after the show/hide icon\n    const $showHideText = document.createElement('span')\n    const $showHideIcon = document.createElement('span')\n    $showHideIcon.classList.add(this.upChevronIconClass)\n    $showHideToggleFocus.appendChild($showHideIcon)\n    $showHideText.classList.add(this.sectionShowHideTextClass)\n    $showHideToggleFocus.appendChild($showHideText)\n\n    // Append elements to the button:\n    // 1. Heading text\n    // 2. Punctuation\n    // 3. (Optional: Summary line followed by punctuation)\n    // 4. Show / hide toggle\n    $button.appendChild($headingText)\n    $button.appendChild(this.getButtonPunctuationEl())\n\n    // If summary content exists add to DOM in correct order\n    if ($summary) {\n      // Create a new `span` element and copy the summary line content from the\n      // original `div` to the new `span`. This is because the summary line text\n      // is now inside a button element, which can only contain phrasing\n      // content.\n      const $summarySpan = document.createElement('span')\n      // Create an inner summary container to limit the width of the summary\n      // focus state\n      const $summarySpanFocus = document.createElement('span')\n      $summarySpanFocus.classList.add(this.sectionSummaryFocusClass)\n      $summarySpan.appendChild($summarySpanFocus)\n\n      // Get original attributes, and pass them to the replacement\n      for (const attr of Array.from($summary.attributes)) {\n        $summarySpan.setAttribute(attr.name, attr.value)\n      }\n\n      // Copy original contents of summary to the new summary span\n      Array.from($summary.childNodes).forEach(($child) =>\n        $summarySpanFocus.appendChild($child)\n      )\n\n      // Replace the original summary `div` with the new summary `span`\n      $summary.remove()\n\n      $button.appendChild($summarySpan)\n      $button.appendChild(this.getButtonPunctuationEl())\n    }\n\n    $button.appendChild($showHideToggle)\n\n    $heading.removeChild($span)\n    $heading.appendChild($button)\n  }\n\n  /**\n   * When a section is opened by the user agent via the 'beforematch' event\n   *\n   * @private\n   * @param {Event} event - Generic event\n   */\n  onBeforeMatch(event) {\n    const $fragment = event.target\n\n    // Handle elements with `.closest()` support only\n    if (!($fragment instanceof Element)) {\n      return\n    }\n\n    // Handle when fragment is inside section\n    const $section = $fragment.closest(`.${this.sectionClass}`)\n    if ($section) {\n      this.setExpanded(true, $section)\n    }\n  }\n\n  /**\n   * When section toggled, set and store state\n   *\n   * @private\n   * @param {Element} $section - Section element\n   */\n  onSectionToggle($section) {\n    const nowExpanded = !this.isExpanded($section)\n    this.setExpanded(nowExpanded, $section)\n\n    // Store the state in sessionStorage when a change is triggered\n    this.storeState($section, nowExpanded)\n  }\n\n  /**\n   * When Open/Close All toggled, set and store state\n   *\n   * @private\n   */\n  onShowOrHideAllToggle() {\n    const nowExpanded = !this.areAllSectionsOpen()\n\n    this.$sections.forEach(($section) => {\n      this.setExpanded(nowExpanded, $section)\n      this.storeState($section, nowExpanded)\n    })\n\n    this.updateShowAllButton(nowExpanded)\n  }\n\n  /**\n   * Set section attributes when opened/closed\n   *\n   * @private\n   * @param {boolean} expanded - Section expanded\n   * @param {Element} $section - Section element\n   */\n  setExpanded(expanded, $section) {\n    const $showHideIcon = $section.querySelector(`.${this.upChevronIconClass}`)\n    const $showHideText = $section.querySelector(\n      `.${this.sectionShowHideTextClass}`\n    )\n    const $button = $section.querySelector(`.${this.sectionButtonClass}`)\n    const $content = $section.querySelector(`.${this.sectionContentClass}`)\n\n    if (!$content) {\n      throw new ElementError({\n        component: Accordion,\n        identifier: `Section content (\\`<div class=\"${this.sectionContentClass}\">\\`)`\n      })\n    }\n\n    if (!$showHideIcon || !$showHideText || !$button) {\n      // Return early for elements we create\n      return\n    }\n\n    const newButtonText = expanded\n      ? this.i18n.t('hideSection')\n      : this.i18n.t('showSection')\n\n    $showHideText.textContent = newButtonText\n    $button.setAttribute('aria-expanded', `${expanded}`)\n\n    // Update aria-label combining\n    const ariaLabelParts = []\n\n    const $headingText = $section.querySelector(\n      `.${this.sectionHeadingTextClass}`\n    )\n    if ($headingText) {\n      ariaLabelParts.push($headingText.textContent.trim())\n    }\n\n    const $summary = $section.querySelector(`.${this.sectionSummaryClass}`)\n    if ($summary) {\n      ariaLabelParts.push($summary.textContent.trim())\n    }\n\n    const ariaLabelMessage = expanded\n      ? this.i18n.t('hideSectionAriaLabel')\n      : this.i18n.t('showSectionAriaLabel')\n    ariaLabelParts.push(ariaLabelMessage)\n\n    /*\n     * Join with a comma to add pause for assistive technology.\n     * Example: [heading]Section A ,[pause] Show this section.\n     * https://accessibility.blog.gov.uk/2017/12/18/what-working-on-gov-uk-navigation-taught-us-about-accessibility/\n     */\n    $button.setAttribute('aria-label', ariaLabelParts.join(' , '))\n\n    // Swap icon, change class\n    if (expanded) {\n      $content.removeAttribute('hidden')\n      $section.classList.add(this.sectionExpandedClass)\n      $showHideIcon.classList.remove(this.downChevronIconClass)\n    } else {\n      $content.setAttribute('hidden', 'until-found')\n      $section.classList.remove(this.sectionExpandedClass)\n      $showHideIcon.classList.add(this.downChevronIconClass)\n    }\n\n    // See if \"Show all sections\" button text should be updated\n    this.updateShowAllButton(this.areAllSectionsOpen())\n  }\n\n  /**\n   * Get state of section\n   *\n   * @private\n   * @param {Element} $section - Section element\n   * @returns {boolean} True if expanded\n   */\n  isExpanded($section) {\n    return $section.classList.contains(this.sectionExpandedClass)\n  }\n\n  /**\n   * Check if all sections are open\n   *\n   * @private\n   * @returns {boolean} True if all sections are open\n   */\n  areAllSectionsOpen() {\n    return Array.from(this.$sections).every(($section) =>\n      this.isExpanded($section)\n    )\n  }\n\n  /**\n   * Update \"Show all sections\" button\n   *\n   * @private\n   * @param {boolean} expanded - Section expanded\n   */\n  updateShowAllButton(expanded) {\n    if (!this.$showAllButton || !this.$showAllText || !this.$showAllIcon) {\n      return\n    }\n\n    this.$showAllButton.setAttribute('aria-expanded', expanded.toString())\n    this.$showAllText.textContent = expanded\n      ? this.i18n.t('hideAllSections')\n      : this.i18n.t('showAllSections')\n    this.$showAllIcon.classList.toggle(this.downChevronIconClass, !expanded)\n  }\n\n  /**\n   * Get the identifier for a section\n   *\n   * We need a unique way of identifying each content in the Accordion.\n   * Since an `#id` should be unique and an `id` is required for `aria-`\n   * attributes `id` can be safely used.\n   *\n   * @param {Element} $section - Section element\n   * @returns {string | undefined | null} Identifier for section\n   */\n  getIdentifier($section) {\n    const $button = $section.querySelector(`.${this.sectionButtonClass}`)\n\n    return $button?.getAttribute('aria-controls')\n  }\n\n  /**\n   * Set the state of the accordions in sessionStorage\n   *\n   * @private\n   * @param {Element} $section - Section element\n   * @param {boolean} isExpanded - Whether the section is expanded\n   */\n  storeState($section, isExpanded) {\n    if (!this.config.rememberExpanded) {\n      return\n    }\n\n    const id = this.getIdentifier($section)\n\n    if (id) {\n      try {\n        window.sessionStorage.setItem(id, isExpanded.toString())\n      } catch {}\n    }\n  }\n\n  /**\n   * Read the state of the accordions from sessionStorage\n   *\n   * @private\n   * @param {Element} $section - Section element\n   */\n  setInitialState($section) {\n    if (!this.config.rememberExpanded) {\n      return\n    }\n\n    const id = this.getIdentifier($section)\n\n    if (id) {\n      try {\n        const state = window.sessionStorage.getItem(id)\n\n        if (state !== null) {\n          this.setExpanded(state === 'true', $section)\n        }\n      } catch {}\n    }\n  }\n\n  /**\n   * Create an element to improve semantics of the section button with\n   * punctuation\n   *\n   * Adding punctuation to the button can also improve its general semantics by\n   * dividing its contents into thematic chunks. See\n   * https://github.com/alphagov/govuk-frontend/issues/2327#issuecomment-922957442\n   *\n   * @private\n   * @returns {Element} DOM element\n   */\n  getButtonPunctuationEl() {\n    const $punctuationEl = document.createElement('span')\n    $punctuationEl.classList.add(\n      'govuk-visually-hidden',\n      this.sectionHeadingDividerClass\n    )\n    $punctuationEl.textContent = ', '\n    return $punctuationEl\n  }\n\n  /**\n   * Name for the component used when initialising using data-module attributes.\n   */\n  static moduleName = 'govuk-accordion'\n\n  /**\n   * Accordion default config\n   *\n   * @see {@link AccordionConfig}\n   * @constant\n   * @type {AccordionConfig}\n   */\n  static defaults = Object.freeze({\n    i18n: {\n      hideAllSections: 'Hide all sections',\n      hideSection: 'Hide',\n      hideSectionAriaLabel: 'Hide this section',\n      showAllSections: 'Show all sections',\n      showSection: 'Show',\n      showSectionAriaLabel: 'Show this section'\n    },\n    rememberExpanded: true\n  })\n\n  /**\n   * Accordion config schema\n   *\n   * @constant\n   * @satisfies {Schema<AccordionConfig>}\n   */\n  static schema = Object.freeze({\n    properties: {\n      i18n: { type: 'object' },\n      rememberExpanded: { type: 'boolean' }\n    }\n  })\n}\n\n/**\n * Accordion config\n *\n * @see {@link Accordion.defaults}\n * @typedef {object} AccordionConfig\n * @property {AccordionTranslations} [i18n=Accordion.defaults.i18n] - Accordion translations\n * @property {boolean} [rememberExpanded] - Whether the expanded and collapsed\n *   state of each section is remembered and restored when navigating.\n */\n\n/**\n * Accordion translations\n *\n * @see {@link Accordion.defaults.i18n}\n * @typedef {object} AccordionTranslations\n *\n * Messages used by the component for the labels of its buttons. This includes\n * the visible text shown on screen, and text to help assistive technology users\n * for the buttons toggling each section.\n * @property {string} [hideAllSections] - The text content for the 'Hide all\n *   sections' button, used when at least one section is expanded.\n * @property {string} [hideSection] - The text content for the 'Hide'\n *   button, used when a section is expanded.\n * @property {string} [hideSectionAriaLabel] - The text content appended to the\n *   'Hide' button's accessible name when a section is expanded.\n * @property {string} [showAllSections] - The text content for the 'Show all\n *   sections' button, used when all sections are collapsed.\n * @property {string} [showSection] - The text content for the 'Show'\n *   button, used when a section is collapsed.\n * @property {string} [showSectionAriaLabel] - The text content appended to the\n *   'Show' button's accessible name when a section is expanded.\n */\n\n/**\n * @import { Schema } from '../../common/configuration.mjs'\n */\n"],"names":["Accordion","ConfigurableComponent","constructor","$root","config","i18n","controlsClass","showAllClass","showAllTextClass","sectionClass","sectionExpandedClass","sectionButtonClass","sectionHeaderClass","sectionHeadingClass","sectionHeadingDividerClass","sectionHeadingTextClass","sectionHeadingTextFocusClass","sectionShowHideToggleClass","sectionShowHideToggleFocusClass","sectionShowHideTextClass","upChevronIconClass","downChevronIconClass","sectionSummaryClass","sectionSummaryFocusClass","sectionContentClass","$sections","$showAllButton","$showAllIcon","$showAllText","I18n","querySelectorAll","length","ElementError","component","identifier","initControls","initSectionHeaders","updateShowAllButton","areAllSectionsOpen","document","createElement","setAttribute","classList","add","appendChild","$accordionControls","insertBefore","firstChild","addEventListener","onShowOrHideAllToggle","event","onBeforeMatch","forEach","$section","i","$header","querySelector","constructHeaderMarkup","setExpanded","isExpanded","onSectionToggle","setInitialState","index","$span","$heading","$summary","$button","id","attr","Array","from","attributes","name","value","$headingText","$headingTextFocus","childNodes","$child","$showHideToggle","$showHideToggleFocus","$showHideText","$showHideIcon","getButtonPunctuationEl","$summarySpan","$summarySpanFocus","remove","removeChild","$fragment","target","Element","closest","nowExpanded","storeState","expanded","$content","newButtonText","t","textContent","ariaLabelParts","push","trim","ariaLabelMessage","join","removeAttribute","contains","every","toString","toggle","getIdentifier","getAttribute","rememberExpanded","window","sessionStorage","setItem","_unused","state","getItem","_unused2","$punctuationEl","moduleName","defaults","Object","freeze","hideAllSections","hideSection","hideSectionAriaLabel","showAllSections","showSection","showSectionAriaLabel","schema","properties","type"],"mappings":"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"}
\ No newline at end of file
diff --git a/node_modules/govuk-frontend/dist/govuk/components/accordion/fixtures.json b/node_modules/govuk-frontend/dist/govuk/components/accordion/fixtures.json
new file mode 100644
index 0000000..332e00e
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/accordion/fixtures.json
@@ -0,0 +1,377 @@
+{
+    "component": "accordion",
+    "fixtures": [
+        {
+            "name": "default",
+            "options": {
+                "id": "default-example",
+                "items": [
+                    {
+                        "heading": {
+                            "text": "Section A"
+                        },
+                        "content": {
+                            "text": "We need to know your nationality so we can work out which elections you’re entitled to vote in. If you cannot provide your nationality, you’ll have to send copies of identity documents through the post."
+                        }
+                    },
+                    {
+                        "heading": {
+                            "text": "Section B"
+                        },
+                        "content": {
+                            "html": "<ul class=\"govuk-list govuk-list--bullet\">\n  <li>Example item 2</li>\n</ul>\n"
+                        }
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": {
+                "variants": [
+                    "default",
+                    "no-js"
+                ]
+            },
+            "html": "<div class=\"govuk-accordion\" data-module=\"govuk-accordion\" id=\"default-example\">\n  <div class=\"govuk-accordion__section\">\n    <div class=\"govuk-accordion__section-header\">\n      <h2 class=\"govuk-accordion__section-heading\">\n        <span class=\"govuk-accordion__section-button\" id=\"default-example-heading-1\">\n          Section A\n        </span>\n      </h2>\n    </div>\n    <div id=\"default-example-content-1\" class=\"govuk-accordion__section-content\">\n      <p class=\"govuk-body\">\n        We need to know your nationality so we can work out which elections you’re entitled to vote in. If you cannot provide your nationality, you’ll have to send copies of identity documents through the post.\n      </p>\n    </div>\n  </div>\n  <div class=\"govuk-accordion__section\">\n    <div class=\"govuk-accordion__section-header\">\n      <h2 class=\"govuk-accordion__section-heading\">\n        <span class=\"govuk-accordion__section-button\" id=\"default-example-heading-2\">\n          Section B\n        </span>\n      </h2>\n    </div>\n    <div id=\"default-example-content-2\" class=\"govuk-accordion__section-content\">\n      <ul class=\"govuk-list govuk-list--bullet\">\n        <li>Example item 2</li>\n      </ul>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "with additional descriptions",
+            "options": {
+                "id": "with-descriptions",
+                "items": [
+                    {
+                        "heading": {
+                            "text": "Test"
+                        },
+                        "summary": {
+                            "text": "Additional description"
+                        },
+                        "content": {
+                            "html": "<p class=\"govuk-body\">\n  We need to know your nationality so we can work out which elections you’re entitled to vote in. If you cannot provide your nationality, you’ll have to send copies of identity documents through the post.\n</p>\n<ul class=\"govuk-list govuk-list--bullet\">\n  <li>Example item 1</li>\n</ul>\n"
+                        }
+                    },
+                    {
+                        "heading": {
+                            "text": "Test 2"
+                        },
+                        "summary": {
+                            "html": "<span class=\"govuk-!-font-weight-regular\">Additional description (wrapped in span)</span>"
+                        },
+                        "content": {
+                            "html": "<ul class=\"govuk-list govuk-list--bullet\">\n  <li>Example item 2</li>\n</ul>\n"
+                        }
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-accordion\" data-module=\"govuk-accordion\" id=\"with-descriptions\">\n  <div class=\"govuk-accordion__section\">\n    <div class=\"govuk-accordion__section-header\">\n      <h2 class=\"govuk-accordion__section-heading\">\n        <span class=\"govuk-accordion__section-button\" id=\"with-descriptions-heading-1\">\n          Test\n        </span>\n      </h2>\n      <div class=\"govuk-accordion__section-summary govuk-body\" id=\"with-descriptions-summary-1\">\n        Additional description\n      </div>\n    </div>\n    <div id=\"with-descriptions-content-1\" class=\"govuk-accordion__section-content\">\n      <p class=\"govuk-body\">\n        We need to know your nationality so we can work out which elections you’re entitled to vote in. If you cannot provide your nationality, you’ll have to send copies of identity documents through the post.\n      </p>\n      <ul class=\"govuk-list govuk-list--bullet\">\n        <li>Example item 1</li>\n      </ul>\n    </div>\n  </div>\n  <div class=\"govuk-accordion__section\">\n    <div class=\"govuk-accordion__section-header\">\n      <h2 class=\"govuk-accordion__section-heading\">\n        <span class=\"govuk-accordion__section-button\" id=\"with-descriptions-heading-2\">\n          Test 2\n        </span>\n      </h2>\n      <div class=\"govuk-accordion__section-summary govuk-body\" id=\"with-descriptions-summary-2\">\n        <span class=\"govuk-!-font-weight-regular\">Additional description (wrapped in span)</span>\n      </div>\n    </div>\n    <div id=\"with-descriptions-content-2\" class=\"govuk-accordion__section-content\">\n      <ul class=\"govuk-list govuk-list--bullet\">\n        <li>Example item 2</li>\n      </ul>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "with long content and description",
+            "options": {
+                "id": "with-long-content-and-description",
+                "items": [
+                    {
+                        "heading": {
+                            "text": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc quis tortor porttitor."
+                        },
+                        "summary": {
+                            "text": "Etiam diam dui, tempus ut pharetra in, aliquet non dui. Nunc pulvinar maximus tortor, ac finibus augue congue vitae. Donec sed cursus lorem."
+                        },
+                        "content": {
+                            "html": "<ul class=\"govuk-list govuk-list--bullet\">\n  <li>Example item 1</li>\n</ul>\n"
+                        }
+                    },
+                    {
+                        "heading": {
+                            "text": "Praesent faucibus leo feugiat libero pharetra lacinia. Aliquam aliquet ante vitae mollis vestibulum."
+                        },
+                        "summary": {
+                            "html": "<span class=\"govuk-!-font-weight-regular\">Maecenas nec <abbr>est</abbr> sapien. Etiam varius luctus mauris non porttitor. </span>"
+                        },
+                        "content": {
+                            "html": "<ul class=\"govuk-list govuk-list--bullet\">\n  <li>Example item 2</li>\n</ul>\n"
+                        }
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-accordion\" data-module=\"govuk-accordion\" id=\"with-long-content-and-description\">\n  <div class=\"govuk-accordion__section\">\n    <div class=\"govuk-accordion__section-header\">\n      <h2 class=\"govuk-accordion__section-heading\">\n        <span class=\"govuk-accordion__section-button\" id=\"with-long-content-and-description-heading-1\">\n          Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc quis tortor porttitor.\n        </span>\n      </h2>\n      <div class=\"govuk-accordion__section-summary govuk-body\" id=\"with-long-content-and-description-summary-1\">\n        Etiam diam dui, tempus ut pharetra in, aliquet non dui. Nunc pulvinar maximus tortor, ac finibus augue congue vitae. Donec sed cursus lorem.\n      </div>\n    </div>\n    <div id=\"with-long-content-and-description-content-1\" class=\"govuk-accordion__section-content\">\n      <ul class=\"govuk-list govuk-list--bullet\">\n        <li>Example item 1</li>\n      </ul>\n    </div>\n  </div>\n  <div class=\"govuk-accordion__section\">\n    <div class=\"govuk-accordion__section-header\">\n      <h2 class=\"govuk-accordion__section-heading\">\n        <span class=\"govuk-accordion__section-button\" id=\"with-long-content-and-description-heading-2\">\n          Praesent faucibus leo feugiat libero pharetra lacinia. Aliquam aliquet ante vitae mollis vestibulum.\n        </span>\n      </h2>\n      <div class=\"govuk-accordion__section-summary govuk-body\" id=\"with-long-content-and-description-summary-2\">\n        <span class=\"govuk-!-font-weight-regular\">Maecenas nec <abbr>est</abbr> sapien. Etiam varius luctus mauris non porttitor. </span>\n      </div>\n    </div>\n    <div id=\"with-long-content-and-description-content-2\" class=\"govuk-accordion__section-content\">\n      <ul class=\"govuk-list govuk-list--bullet\">\n        <li>Example item 2</li>\n      </ul>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "with all sections already open",
+            "options": {
+                "id": "all-sections-open-example",
+                "items": [
+                    {
+                        "heading": {
+                            "text": "Section A"
+                        },
+                        "expanded": true,
+                        "content": {
+                            "html": "<ul class=\"govuk-list govuk-list--bullet\">\n  <li>Example item 1</li>\n</ul>\n"
+                        }
+                    },
+                    {
+                        "heading": {
+                            "text": "Section B"
+                        },
+                        "expanded": true,
+                        "content": {
+                            "html": "<ul class=\"govuk-list govuk-list--bullet\">\n  <li>Example item 2</li>\n</ul>\n"
+                        }
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-accordion\" data-module=\"govuk-accordion\" id=\"all-sections-open-example\">\n  <div class=\"govuk-accordion__section govuk-accordion__section--expanded\">\n    <div class=\"govuk-accordion__section-header\">\n      <h2 class=\"govuk-accordion__section-heading\">\n        <span class=\"govuk-accordion__section-button\" id=\"all-sections-open-example-heading-1\">\n          Section A\n        </span>\n      </h2>\n    </div>\n    <div id=\"all-sections-open-example-content-1\" class=\"govuk-accordion__section-content\">\n      <ul class=\"govuk-list govuk-list--bullet\">\n        <li>Example item 1</li>\n      </ul>\n    </div>\n  </div>\n  <div class=\"govuk-accordion__section govuk-accordion__section--expanded\">\n    <div class=\"govuk-accordion__section-header\">\n      <h2 class=\"govuk-accordion__section-heading\">\n        <span class=\"govuk-accordion__section-button\" id=\"all-sections-open-example-heading-2\">\n          Section B\n        </span>\n      </h2>\n    </div>\n    <div id=\"all-sections-open-example-content-2\" class=\"govuk-accordion__section-content\">\n      <ul class=\"govuk-list govuk-list--bullet\">\n        <li>Example item 2</li>\n      </ul>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "classes",
+            "options": {
+                "id": "accordion-classes",
+                "classes": "myClass",
+                "items": [
+                    {
+                        "heading": {
+                            "text": "Section A"
+                        },
+                        "content": {
+                            "text": "Some content"
+                        }
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-accordion myClass\" data-module=\"govuk-accordion\" id=\"accordion-classes\">\n  <div class=\"govuk-accordion__section\">\n    <div class=\"govuk-accordion__section-header\">\n      <h2 class=\"govuk-accordion__section-heading\">\n        <span class=\"govuk-accordion__section-button\" id=\"accordion-classes-heading-1\">\n          Section A\n        </span>\n      </h2>\n    </div>\n    <div id=\"accordion-classes-content-1\" class=\"govuk-accordion__section-content\">\n      <p class=\"govuk-body\">\n        Some content\n      </p>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "attributes",
+            "options": {
+                "id": "accordion-attributes",
+                "attributes": {
+                    "data-attribute": "value"
+                },
+                "items": [
+                    {
+                        "heading": {
+                            "text": "Section A"
+                        },
+                        "content": {
+                            "text": "Some content"
+                        }
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-accordion\" data-module=\"govuk-accordion\" id=\"accordion-attributes\" data-attribute=\"value\">\n  <div class=\"govuk-accordion__section\">\n    <div class=\"govuk-accordion__section-header\">\n      <h2 class=\"govuk-accordion__section-heading\">\n        <span class=\"govuk-accordion__section-button\" id=\"accordion-attributes-heading-1\">\n          Section A\n        </span>\n      </h2>\n    </div>\n    <div id=\"accordion-attributes-content-1\" class=\"govuk-accordion__section-content\">\n      <p class=\"govuk-body\">\n        Some content\n      </p>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "custom heading level",
+            "options": {
+                "id": "accordion-heading",
+                "headingLevel": 3,
+                "items": [
+                    {
+                        "heading": {
+                            "text": "Section A"
+                        },
+                        "content": {
+                            "text": "Some content"
+                        }
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-accordion\" data-module=\"govuk-accordion\" id=\"accordion-heading\">\n  <div class=\"govuk-accordion__section\">\n    <div class=\"govuk-accordion__section-header\">\n      <h3 class=\"govuk-accordion__section-heading\">\n        <span class=\"govuk-accordion__section-button\" id=\"accordion-heading-heading-1\">\n          Section A\n        </span>\n      </h3>\n    </div>\n    <div id=\"accordion-heading-content-1\" class=\"govuk-accordion__section-content\">\n      <p class=\"govuk-body\">\n        Some content\n      </p>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "heading html",
+            "options": {
+                "id": "accordion-heading-html",
+                "items": [
+                    {
+                        "heading": {
+                            "html": "<span class=\"myClass\">Section A</span>"
+                        },
+                        "content": {
+                            "text": "Some content"
+                        }
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-accordion\" data-module=\"govuk-accordion\" id=\"accordion-heading-html\">\n  <div class=\"govuk-accordion__section\">\n    <div class=\"govuk-accordion__section-header\">\n      <h2 class=\"govuk-accordion__section-heading\">\n        <span class=\"govuk-accordion__section-button\" id=\"accordion-heading-html-heading-1\">\n          <span class=\"myClass\">Section A</span>\n        </span>\n      </h2>\n    </div>\n    <div id=\"accordion-heading-html-content-1\" class=\"govuk-accordion__section-content\">\n      <p class=\"govuk-body\">\n        Some content\n      </p>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "with falsy values",
+            "options": {
+                "id": "accordion-falsy",
+                "items": [
+                    {
+                        "heading": {
+                            "text": "Section A"
+                        },
+                        "content": {
+                            "text": "Some content"
+                        }
+                    },
+                    false,
+                    "",
+                    null,
+                    {
+                        "heading": {
+                            "text": "Section B"
+                        },
+                        "content": {
+                            "text": "Some content"
+                        }
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-accordion\" data-module=\"govuk-accordion\" id=\"accordion-falsy\">\n  <div class=\"govuk-accordion__section\">\n    <div class=\"govuk-accordion__section-header\">\n      <h2 class=\"govuk-accordion__section-heading\">\n        <span class=\"govuk-accordion__section-button\" id=\"accordion-falsy-heading-1\">\n          Section A\n        </span>\n      </h2>\n    </div>\n    <div id=\"accordion-falsy-content-1\" class=\"govuk-accordion__section-content\">\n      <p class=\"govuk-body\">\n        Some content\n      </p>\n    </div>\n  </div>\n  <div class=\"govuk-accordion__section\">\n    <div class=\"govuk-accordion__section-header\">\n      <h2 class=\"govuk-accordion__section-heading\">\n        <span class=\"govuk-accordion__section-button\" id=\"accordion-falsy-heading-5\">\n          Section B\n        </span>\n      </h2>\n    </div>\n    <div id=\"accordion-falsy-content-5\" class=\"govuk-accordion__section-content\">\n      <p class=\"govuk-body\">\n        Some content\n      </p>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "with remember expanded off",
+            "options": {
+                "id": "accordion-remember-expanded-off",
+                "rememberExpanded": false,
+                "items": [
+                    {
+                        "heading": {
+                            "text": "Section A"
+                        },
+                        "content": {
+                            "text": "Some content"
+                        }
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-accordion\" data-module=\"govuk-accordion\" id=\"accordion-remember-expanded-off\" data-remember-expanded=\"false\">\n  <div class=\"govuk-accordion__section\">\n    <div class=\"govuk-accordion__section-header\">\n      <h2 class=\"govuk-accordion__section-heading\">\n        <span class=\"govuk-accordion__section-button\" id=\"accordion-remember-expanded-off-heading-1\">\n          Section A\n        </span>\n      </h2>\n    </div>\n    <div id=\"accordion-remember-expanded-off-content-1\" class=\"govuk-accordion__section-content\">\n      <p class=\"govuk-body\">\n        Some content\n      </p>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "with focusable elements inside",
+            "options": {
+                "id": "with-focusable-elements",
+                "items": [
+                    {
+                        "heading": {
+                            "text": "Section A"
+                        },
+                        "content": {
+                            "html": "<a class=\"govuk-link\" href=\"#\">Link A</a>"
+                        }
+                    },
+                    {
+                        "heading": {
+                            "text": "Section B"
+                        },
+                        "content": {
+                            "html": "<a class=\"govuk-link\" href=\"#\">Link B</a>"
+                        }
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-accordion\" data-module=\"govuk-accordion\" id=\"with-focusable-elements\">\n  <div class=\"govuk-accordion__section\">\n    <div class=\"govuk-accordion__section-header\">\n      <h2 class=\"govuk-accordion__section-heading\">\n        <span class=\"govuk-accordion__section-button\" id=\"with-focusable-elements-heading-1\">\n          Section A\n        </span>\n      </h2>\n    </div>\n    <div id=\"with-focusable-elements-content-1\" class=\"govuk-accordion__section-content\">\n      <a class=\"govuk-link\" href=\"#\">Link A</a>\n    </div>\n  </div>\n  <div class=\"govuk-accordion__section\">\n    <div class=\"govuk-accordion__section-header\">\n      <h2 class=\"govuk-accordion__section-heading\">\n        <span class=\"govuk-accordion__section-button\" id=\"with-focusable-elements-heading-2\">\n          Section B\n        </span>\n      </h2>\n    </div>\n    <div id=\"with-focusable-elements-content-2\" class=\"govuk-accordion__section-content\">\n      <a class=\"govuk-link\" href=\"#\">Link B</a>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "with one section open",
+            "options": {
+                "id": "one-section-open-example",
+                "items": [
+                    {
+                        "heading": {
+                            "text": "Section A"
+                        },
+                        "expanded": true,
+                        "content": {
+                            "html": "<ul class=\"govuk-list govuk-list--bullet\">\n  <li>Example item 1</li>\n</ul>\n"
+                        }
+                    },
+                    {
+                        "heading": {
+                            "text": "Section B"
+                        },
+                        "content": {
+                            "html": "<ul class=\"govuk-list govuk-list--bullet\">\n  <li>Example item 2</li>\n</ul>\n"
+                        }
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-accordion\" data-module=\"govuk-accordion\" id=\"one-section-open-example\">\n  <div class=\"govuk-accordion__section govuk-accordion__section--expanded\">\n    <div class=\"govuk-accordion__section-header\">\n      <h2 class=\"govuk-accordion__section-heading\">\n        <span class=\"govuk-accordion__section-button\" id=\"one-section-open-example-heading-1\">\n          Section A\n        </span>\n      </h2>\n    </div>\n    <div id=\"one-section-open-example-content-1\" class=\"govuk-accordion__section-content\">\n      <ul class=\"govuk-list govuk-list--bullet\">\n        <li>Example item 1</li>\n      </ul>\n    </div>\n  </div>\n  <div class=\"govuk-accordion__section\">\n    <div class=\"govuk-accordion__section-header\">\n      <h2 class=\"govuk-accordion__section-heading\">\n        <span class=\"govuk-accordion__section-button\" id=\"one-section-open-example-heading-2\">\n          Section B\n        </span>\n      </h2>\n    </div>\n    <div id=\"one-section-open-example-content-2\" class=\"govuk-accordion__section-content\">\n      <ul class=\"govuk-list govuk-list--bullet\">\n        <li>Example item 2</li>\n      </ul>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "with translations",
+            "options": {
+                "id": "with-translations",
+                "hideAllSectionsText": "Collapse all sections",
+                "showAllSectionsText": "Expand all sections",
+                "hideSectionText": "Collapse",
+                "hideSectionAriaLabelText": "Collapse this section",
+                "showSectionText": "Expand",
+                "showSectionAriaLabelText": "Expand this section",
+                "items": [
+                    {
+                        "heading": {
+                            "text": "Section A"
+                        },
+                        "content": {
+                            "text": "We need to know your nationality so we can work out which elections you’re entitled to vote in. If you cannot provide your nationality, you’ll have to send copies of identity documents through the post."
+                        }
+                    },
+                    {
+                        "heading": {
+                            "text": "Section B"
+                        },
+                        "content": {
+                            "html": "<ul class=\"govuk-list govuk-list--bullet\">\n  <li>Example item 2</li>\n</ul>\n"
+                        }
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-accordion\" data-module=\"govuk-accordion\" id=\"with-translations\" data-i18n.hide-all-sections=\"Collapse all sections\" data-i18n.hide-section=\"Collapse\" data-i18n.hide-section-aria-label=\"Collapse this section\" data-i18n.show-all-sections=\"Expand all sections\" data-i18n.show-section=\"Expand\" data-i18n.show-section-aria-label=\"Expand this section\">\n  <div class=\"govuk-accordion__section\">\n    <div class=\"govuk-accordion__section-header\">\n      <h2 class=\"govuk-accordion__section-heading\">\n        <span class=\"govuk-accordion__section-button\" id=\"with-translations-heading-1\">\n          Section A\n        </span>\n      </h2>\n    </div>\n    <div id=\"with-translations-content-1\" class=\"govuk-accordion__section-content\">\n      <p class=\"govuk-body\">\n        We need to know your nationality so we can work out which elections you’re entitled to vote in. If you cannot provide your nationality, you’ll have to send copies of identity documents through the post.\n      </p>\n    </div>\n  </div>\n  <div class=\"govuk-accordion__section\">\n    <div class=\"govuk-accordion__section-header\">\n      <h2 class=\"govuk-accordion__section-heading\">\n        <span class=\"govuk-accordion__section-button\" id=\"with-translations-heading-2\">\n          Section B\n        </span>\n      </h2>\n    </div>\n    <div id=\"with-translations-content-2\" class=\"govuk-accordion__section-content\">\n      <ul class=\"govuk-list govuk-list--bullet\">\n        <li>Example item 2</li>\n      </ul>\n    </div>\n  </div>\n</div>"
+        }
+    ]
+}
diff --git a/node_modules/govuk-frontend/dist/govuk/components/accordion/macro-options.json b/node_modules/govuk-frontend/dist/govuk/components/accordion/macro-options.json
new file mode 100644
index 0000000..9a0ef59
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/accordion/macro-options.json
@@ -0,0 +1,142 @@
+[
+    {
+        "name": "id",
+        "type": "string",
+        "required": true,
+        "description": "Must be unique across the domain of your service if `rememberExpanded` is `true` (as the expanded state of individual instances of the component persists across page loads using [session storage](https://developer.mozilla.org/en-US/docs/Web/API/Window/sessionStorage)). Used as an `id` in the HTML for the accordion as a whole, and also as a prefix for the `id`s of the section contents and the buttons that open them, so that those `id`s can be the target of `aria-control` attributes."
+    },
+    {
+        "name": "headingLevel",
+        "type": "integer",
+        "required": false,
+        "description": "Heading level, from `1` to `6`. Default is `2`."
+    },
+    {
+        "name": "classes",
+        "type": "string",
+        "required": false,
+        "description": "Classes to add to the accordion."
+    },
+    {
+        "name": "attributes",
+        "type": "object",
+        "required": false,
+        "description": "HTML attributes (for example data attributes) to add to the accordion."
+    },
+    {
+        "name": "rememberExpanded",
+        "type": "boolean",
+        "required": false,
+        "description": "Whether the expanded/collapsed state of the accordion should be saved when a user leaves the page and restored when they return. Default is `true`."
+    },
+    {
+        "name": "hideAllSectionsText",
+        "type": "string",
+        "required": false,
+        "description": "The text content of the 'Hide all sections' button at the top of the accordion when all sections are expanded."
+    },
+    {
+        "name": "hideSectionText",
+        "type": "string",
+        "required": false,
+        "description": "The text content of the 'Hide' button within each section of the accordion, which is visible when the section is expanded."
+    },
+    {
+        "name": "hideSectionAriaLabelText",
+        "type": "string",
+        "required": false,
+        "description": "Text made available to assistive technologies, like screen-readers, as the final part of the toggle's accessible name when the section is expanded. Defaults to `\"Hide this section\"`."
+    },
+    {
+        "name": "showAllSectionsText",
+        "type": "string",
+        "required": false,
+        "description": "The text content of the 'Show all sections' button at the top of the accordion when at least one section is collapsed."
+    },
+    {
+        "name": "showSectionText",
+        "type": "string",
+        "required": false,
+        "description": "The text content of the 'Show' button within each section of the accordion, which is visible when the section is collapsed."
+    },
+    {
+        "name": "showSectionAriaLabelText",
+        "type": "string",
+        "required": false,
+        "description": "Text made available to assistive technologies, like screen-readers, as the final part of the toggle's accessible name when the section is collapsed. Defaults to `\"Show this section\"`."
+    },
+    {
+        "name": "items",
+        "type": "array",
+        "required": true,
+        "description": "The sections within the accordion.",
+        "params": [
+            {
+                "name": "heading",
+                "type": "object",
+                "required": true,
+                "description": "The heading of each accordion section.",
+                "params": [
+                    {
+                        "name": "text",
+                        "type": "string",
+                        "required": true,
+                        "description": "If `html` is set, this is not required. The heading text of each section. If `html` is provided, the `text` option will be ignored."
+                    },
+                    {
+                        "name": "html",
+                        "type": "string",
+                        "required": true,
+                        "description": "If `text` is set, this is not required. The heading HTML content of each section. The header is inside the HTML `<button>` element, so you can only add [phrasing content](https://html.spec.whatwg.org/#phrasing-content) to it. If `html` is provided, the `text` option will be ignored."
+                    }
+                ]
+            },
+            {
+                "name": "summary",
+                "type": "object",
+                "required": false,
+                "description": "The summary line of each accordion section.",
+                "params": [
+                    {
+                        "name": "text",
+                        "type": "string",
+                        "required": false,
+                        "description": "The summary line text content of each section. If `html` is provided, the `text` option will be ignored."
+                    },
+                    {
+                        "name": "html",
+                        "type": "string",
+                        "required": false,
+                        "description": "The summary line HTML content of each section. The summary line is inside the HTML `<button>` element, so you can only add [phrasing content](https://html.spec.whatwg.org/#phrasing-content) to it. If `html` is provided, the `text` option will be ignored."
+                    }
+                ]
+            },
+            {
+                "name": "content",
+                "type": "object",
+                "required": true,
+                "description": "The content of each accordion section.",
+                "params": [
+                    {
+                        "name": "text",
+                        "type": "string",
+                        "required": true,
+                        "description": "If `html` is set, this is not required. The text content of each section, which is hidden when the section is closed. If `html` is provided, the `text` option will be ignored."
+                    },
+                    {
+                        "name": "html",
+                        "type": "string",
+                        "required": true,
+                        "description": "If `text` is set, this is not required. The HTML content of each section, which is hidden when the section is closed. If `html` is provided, the `text` option will be ignored."
+                    }
+                ]
+            },
+            {
+                "name": "expanded",
+                "type": "boolean",
+                "required": false,
+                "description": "Sets whether the section should be expanded when the page loads for the first time. Defaults to `false`."
+            }
+        ]
+    }
+]
diff --git a/node_modules/govuk-frontend/dist/govuk/components/accordion/macro.njk b/node_modules/govuk-frontend/dist/govuk/components/accordion/macro.njk
new file mode 100644
index 0000000..d232037
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/accordion/macro.njk
@@ -0,0 +1,3 @@
+{% macro govukAccordion(params) %}
+  {%- include "./template.njk" -%}
+{% endmacro %}
diff --git a/node_modules/govuk-frontend/dist/govuk/components/accordion/template-default.html b/node_modules/govuk-frontend/dist/govuk/components/accordion/template-default.html
new file mode 100644
index 0000000..36bad56
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/accordion/template-default.html
@@ -0,0 +1,30 @@
+<div class="govuk-accordion" data-module="govuk-accordion" id="default-example">
+  <div class="govuk-accordion__section">
+    <div class="govuk-accordion__section-header">
+      <h2 class="govuk-accordion__section-heading">
+        <span class="govuk-accordion__section-button" id="default-example-heading-1">
+          Section A
+        </span>
+      </h2>
+    </div>
+    <div id="default-example-content-1" class="govuk-accordion__section-content">
+      <p class="govuk-body">
+        We need to know your nationality so we can work out which elections you’re entitled to vote in. If you cannot provide your nationality, you’ll have to send copies of identity documents through the post.
+      </p>
+    </div>
+  </div>
+  <div class="govuk-accordion__section">
+    <div class="govuk-accordion__section-header">
+      <h2 class="govuk-accordion__section-heading">
+        <span class="govuk-accordion__section-button" id="default-example-heading-2">
+          Section B
+        </span>
+      </h2>
+    </div>
+    <div id="default-example-content-2" class="govuk-accordion__section-content">
+      <ul class="govuk-list govuk-list--bullet">
+        <li>Example item 2</li>
+      </ul>
+    </div>
+  </div>
+</div>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/accordion/template-with-additional-descriptions.html b/node_modules/govuk-frontend/dist/govuk/components/accordion/template-with-additional-descriptions.html
new file mode 100644
index 0000000..9f0c36e
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/accordion/template-with-additional-descriptions.html
@@ -0,0 +1,39 @@
+<div class="govuk-accordion" data-module="govuk-accordion" id="with-descriptions">
+  <div class="govuk-accordion__section">
+    <div class="govuk-accordion__section-header">
+      <h2 class="govuk-accordion__section-heading">
+        <span class="govuk-accordion__section-button" id="with-descriptions-heading-1">
+          Test
+        </span>
+      </h2>
+      <div class="govuk-accordion__section-summary govuk-body" id="with-descriptions-summary-1">
+        Additional description
+      </div>
+    </div>
+    <div id="with-descriptions-content-1" class="govuk-accordion__section-content">
+      <p class="govuk-body">
+        We need to know your nationality so we can work out which elections you’re entitled to vote in. If you cannot provide your nationality, you’ll have to send copies of identity documents through the post.
+      </p>
+      <ul class="govuk-list govuk-list--bullet">
+        <li>Example item 1</li>
+      </ul>
+    </div>
+  </div>
+  <div class="govuk-accordion__section">
+    <div class="govuk-accordion__section-header">
+      <h2 class="govuk-accordion__section-heading">
+        <span class="govuk-accordion__section-button" id="with-descriptions-heading-2">
+          Test 2
+        </span>
+      </h2>
+      <div class="govuk-accordion__section-summary govuk-body" id="with-descriptions-summary-2">
+        <span class="govuk-!-font-weight-regular">Additional description (wrapped in span)</span>
+      </div>
+    </div>
+    <div id="with-descriptions-content-2" class="govuk-accordion__section-content">
+      <ul class="govuk-list govuk-list--bullet">
+        <li>Example item 2</li>
+      </ul>
+    </div>
+  </div>
+</div>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/accordion/template-with-all-sections-already-open.html b/node_modules/govuk-frontend/dist/govuk/components/accordion/template-with-all-sections-already-open.html
new file mode 100644
index 0000000..00c6c2a
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/accordion/template-with-all-sections-already-open.html
@@ -0,0 +1,30 @@
+<div class="govuk-accordion" data-module="govuk-accordion" id="all-sections-open-example">
+  <div class="govuk-accordion__section govuk-accordion__section--expanded">
+    <div class="govuk-accordion__section-header">
+      <h2 class="govuk-accordion__section-heading">
+        <span class="govuk-accordion__section-button" id="all-sections-open-example-heading-1">
+          Section A
+        </span>
+      </h2>
+    </div>
+    <div id="all-sections-open-example-content-1" class="govuk-accordion__section-content">
+      <ul class="govuk-list govuk-list--bullet">
+        <li>Example item 1</li>
+      </ul>
+    </div>
+  </div>
+  <div class="govuk-accordion__section govuk-accordion__section--expanded">
+    <div class="govuk-accordion__section-header">
+      <h2 class="govuk-accordion__section-heading">
+        <span class="govuk-accordion__section-button" id="all-sections-open-example-heading-2">
+          Section B
+        </span>
+      </h2>
+    </div>
+    <div id="all-sections-open-example-content-2" class="govuk-accordion__section-content">
+      <ul class="govuk-list govuk-list--bullet">
+        <li>Example item 2</li>
+      </ul>
+    </div>
+  </div>
+</div>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/accordion/template-with-long-content-and-description.html b/node_modules/govuk-frontend/dist/govuk/components/accordion/template-with-long-content-and-description.html
new file mode 100644
index 0000000..61a54da
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/accordion/template-with-long-content-and-description.html
@@ -0,0 +1,36 @@
+<div class="govuk-accordion" data-module="govuk-accordion" id="with-long-content-and-description">
+  <div class="govuk-accordion__section">
+    <div class="govuk-accordion__section-header">
+      <h2 class="govuk-accordion__section-heading">
+        <span class="govuk-accordion__section-button" id="with-long-content-and-description-heading-1">
+          Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc quis tortor porttitor.
+        </span>
+      </h2>
+      <div class="govuk-accordion__section-summary govuk-body" id="with-long-content-and-description-summary-1">
+        Etiam diam dui, tempus ut pharetra in, aliquet non dui. Nunc pulvinar maximus tortor, ac finibus augue congue vitae. Donec sed cursus lorem.
+      </div>
+    </div>
+    <div id="with-long-content-and-description-content-1" class="govuk-accordion__section-content">
+      <ul class="govuk-list govuk-list--bullet">
+        <li>Example item 1</li>
+      </ul>
+    </div>
+  </div>
+  <div class="govuk-accordion__section">
+    <div class="govuk-accordion__section-header">
+      <h2 class="govuk-accordion__section-heading">
+        <span class="govuk-accordion__section-button" id="with-long-content-and-description-heading-2">
+          Praesent faucibus leo feugiat libero pharetra lacinia. Aliquam aliquet ante vitae mollis vestibulum.
+        </span>
+      </h2>
+      <div class="govuk-accordion__section-summary govuk-body" id="with-long-content-and-description-summary-2">
+        <span class="govuk-!-font-weight-regular">Maecenas nec <abbr>est</abbr> sapien. Etiam varius luctus mauris non porttitor. </span>
+      </div>
+    </div>
+    <div id="with-long-content-and-description-content-2" class="govuk-accordion__section-content">
+      <ul class="govuk-list govuk-list--bullet">
+        <li>Example item 2</li>
+      </ul>
+    </div>
+  </div>
+</div>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/accordion/template.njk b/node_modules/govuk-frontend/dist/govuk/components/accordion/template.njk
new file mode 100644
index 0000000..53ecfba
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/accordion/template.njk
@@ -0,0 +1,67 @@
+{% from "../../macros/attributes.njk" import govukAttributes %}
+{% from "../../macros/i18n.njk" import govukI18nAttributes %}
+
+{%- macro _accordionItem(params, item, index) %}
+  {%- set headingLevel = params.headingLevel if params.headingLevel else 2 %}
+  <div class="govuk-accordion__section {%- if item.expanded %} govuk-accordion__section--expanded{% endif %}">
+    <div class="govuk-accordion__section-header">
+      <h{{ headingLevel }} class="govuk-accordion__section-heading">
+        <span class="govuk-accordion__section-button" id="{{ params.id }}-heading-{{ index }}">
+          {{ item.heading.html | safe | trim | indent(8) if item.heading.html else item.heading.text }}
+        </span>
+      </h{{ headingLevel }}>
+      {% if item.summary.html or item.summary.text %}
+      <div class="govuk-accordion__section-summary govuk-body" id="{{ params.id }}-summary-{{ index }}">
+        {{ item.summary.html | safe | trim | indent(8) if item.summary.html else item.summary.text }}
+      </div>
+      {% endif %}
+    </div>
+    <div id="{{ params.id }}-content-{{ index }}" class="govuk-accordion__section-content">
+    {% if item.content.html %}
+      {{ item.content.html | safe | trim | indent(6) }}
+    {% elif item.content.text %}
+      <p class="govuk-body">
+        {{ item.content.text | trim | indent(8) }}
+      </p>
+    {% endif %}
+    </div>
+  </div>
+{% endmacro -%}
+
+<div class="govuk-accordion {%- if params.classes %} {{ params.classes }}{% endif %}" data-module="govuk-accordion" id="{{ params.id }}"
+  {{- govukI18nAttributes({
+    key: 'hide-all-sections',
+    message: params.hideAllSectionsText
+  }) -}}
+
+  {{- govukI18nAttributes({
+    key: 'hide-section',
+    message: params.hideSectionText
+  }) -}}
+
+  {{- govukI18nAttributes({
+    key: 'hide-section-aria-label',
+    message: params.hideSectionAriaLabelText
+  }) -}}
+
+  {{- govukI18nAttributes({
+    key: 'show-all-sections',
+    message: params.showAllSectionsText
+  }) -}}
+
+  {{- govukI18nAttributes({
+    key: 'show-section',
+    message: params.showSectionText
+  }) -}}
+
+  {{- govukI18nAttributes({
+    key: 'show-section-aria-label',
+    message: params.showSectionAriaLabelText
+  }) -}}
+
+  {%- if params.rememberExpanded !== undefined %} data-remember-expanded="{{ params.rememberExpanded | escape }}"{% endif %}
+  {{- govukAttributes(params.attributes) }}>
+  {% for item in params.items %}
+    {% if item %}{{ _accordionItem(params, item, loop.index) }}{% endif %}
+  {% endfor %}
+</div>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/back-link/README.md b/node_modules/govuk-frontend/dist/govuk/components/back-link/README.md
new file mode 100644
index 0000000..9d5baeb
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/back-link/README.md
@@ -0,0 +1,15 @@
+# Back link
+
+## Installation
+
+See the [main README quick start guide](https://github.com/alphagov/govuk-frontend#quick-start) for how to install this component.
+
+## Guidance and Examples
+
+Find out when to use the back link component in your service in the [GOV.UK Design System](https://design-system.service.gov.uk/components/back-link).
+
+## Component options
+
+Use options to customise the appearance, content and behaviour of a component when using a macro, for example, changing the text.
+
+See [options table](https://design-system.service.gov.uk/components/back-link/#options-back-link-example) for details.
diff --git a/node_modules/govuk-frontend/dist/govuk/components/back-link/_back-link.scss b/node_modules/govuk-frontend/dist/govuk/components/back-link/_back-link.scss
new file mode 100644
index 0000000..ca41c57
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/back-link/_back-link.scss
@@ -0,0 +1,4 @@
+@import "../../base";
+@import "./index";
+
+/*# sourceMappingURL=_back-link.scss.map */
diff --git a/node_modules/govuk-frontend/dist/govuk/components/back-link/_back-link.scss.map b/node_modules/govuk-frontend/dist/govuk/components/back-link/_back-link.scss.map
new file mode 100644
index 0000000..054c471
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/back-link/_back-link.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/back-link/_back-link.scss"],"names":[],"mappings":"AAAA,oBAAoB;AACpB,iBAAiB","file":"_back-link.scss","sourcesContent":["@import \"../../base\";\n@import \"./index\";\n"]}
diff --git a/node_modules/govuk-frontend/dist/govuk/components/back-link/_index.scss b/node_modules/govuk-frontend/dist/govuk/components/back-link/_index.scss
new file mode 100644
index 0000000..62e07a4
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/back-link/_index.scss
@@ -0,0 +1,83 @@
+@include govuk-exports("govuk/component/back-link") {
+  // Component font-size on the Frontend (used for calculations)
+  $font-size: 16;
+
+  // Size of chevron (excluding border)
+  $chevron-size: govuk-em(7px, $font-size);
+
+  // Size of chevron border
+  $chevron-border-min-width: 1px;
+  $chevron-border-width: govuk-em($chevron-border-min-width, $font-size);
+
+  // Colour of chevron
+  $chevron-border-colour: $govuk-secondary-text-colour;
+
+  .govuk-back-link {
+    @include govuk-font-size($size: $font-size);
+    @include govuk-link-common;
+    @include govuk-link-style-text;
+
+    display: inline-block;
+    position: relative;
+
+    margin-top: govuk-spacing(3);
+    margin-bottom: govuk-spacing(3);
+
+    // Allow space for the arrow
+    padding-left: govuk-em(14px, $font-size);
+  }
+
+  // Prepend left pointing chevron
+  .govuk-back-link::before {
+    content: "";
+    display: block;
+
+    // Vertically align with the parent element
+    position: absolute;
+    top: 0;
+    bottom: 0;
+    left: govuk-em(3px, $font-size);
+
+    width: $chevron-size;
+    height: $chevron-size;
+
+    margin: auto 0;
+
+    transform: rotate(225deg);
+
+    border: solid;
+    border-width: $chevron-border-min-width $chevron-border-min-width 0 0;
+    border-color: $chevron-border-colour;
+
+    @supports (border-width: unquote("max(0px)")) {
+      $border-width-eval: "max(#{$chevron-border-min-width}, #{$chevron-border-width})";
+
+      // Ensure that the chevron never gets smaller than 16px
+      border-width: unquote($border-width-eval) unquote($border-width-eval) 0 0;
+      font-size: unquote("max(#{$font-size * 1px}, 1em)");
+    }
+  }
+
+  .govuk-back-link:focus::before {
+    border-color: $govuk-focus-text-colour;
+  }
+
+  .govuk-back-link::after {
+    content: "";
+    position: absolute;
+    top: -14px;
+    right: 0;
+    bottom: -14px;
+    left: 0;
+  }
+
+  .govuk-back-link--inverse {
+    @include govuk-link-style-inverse;
+
+    &::before {
+      border-color: currentcolor;
+    }
+  }
+}
+
+/*# sourceMappingURL=_index.scss.map */
diff --git a/node_modules/govuk-frontend/dist/govuk/components/back-link/_index.scss.map b/node_modules/govuk-frontend/dist/govuk/components/back-link/_index.scss.map
new file mode 100644
index 0000000..b6fcbc6
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/back-link/_index.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/back-link/_index.scss"],"names":[],"mappings":"AAAA;EACE,6DAA6D;EAC7D,cAAc;;EAEd,oCAAoC;EACpC,wCAAwC;;EAExC,wBAAwB;EACxB,8BAA8B;EAC9B,sEAAsE;;EAEtE,mBAAmB;EACnB,oDAAoD;;EAEpD;IACE,2CAA2C;IAC3C,0BAA0B;IAC1B,8BAA8B;;IAE9B,qBAAqB;IACrB,kBAAkB;;IAElB,4BAA4B;IAC5B,+BAA+B;;IAE/B,2BAA2B;IAC3B,wCAAwC;EAC1C;;EAEA,+BAA+B;EAC/B;IACE,WAAW;IACX,cAAc;;IAEd,0CAA0C;IAC1C,kBAAkB;IAClB,MAAM;IACN,SAAS;IACT,+BAA+B;;IAE/B,oBAAoB;IACpB,qBAAqB;;IAErB,cAAc;;IAEd,yBAAyB;;IAEzB,aAAa;IACb,qEAAqE;IACrE,oCAAoC;;IAEpC;MACE,iFAAiF;;MAEjF,sDAAsD;MACtD,yEAAyE;MACzE,mDAAmD;IACrD;EACF;;EAEA;IACE,sCAAsC;EACxC;;EAEA;IACE,WAAW;IACX,kBAAkB;IAClB,UAAU;IACV,QAAQ;IACR,aAAa;IACb,OAAO;EACT;;EAEA;IACE,iCAAiC;;IAEjC;MACE,0BAA0B;IAC5B;EACF;AACF","file":"_index.scss","sourcesContent":["@include govuk-exports(\"govuk/component/back-link\") {\n  // Component font-size on the Frontend (used for calculations)\n  $font-size: 16;\n\n  // Size of chevron (excluding border)\n  $chevron-size: govuk-em(7px, $font-size);\n\n  // Size of chevron border\n  $chevron-border-min-width: 1px;\n  $chevron-border-width: govuk-em($chevron-border-min-width, $font-size);\n\n  // Colour of chevron\n  $chevron-border-colour: $govuk-secondary-text-colour;\n\n  .govuk-back-link {\n    @include govuk-font-size($size: $font-size);\n    @include govuk-link-common;\n    @include govuk-link-style-text;\n\n    display: inline-block;\n    position: relative;\n\n    margin-top: govuk-spacing(3);\n    margin-bottom: govuk-spacing(3);\n\n    // Allow space for the arrow\n    padding-left: govuk-em(14px, $font-size);\n  }\n\n  // Prepend left pointing chevron\n  .govuk-back-link::before {\n    content: \"\";\n    display: block;\n\n    // Vertically align with the parent element\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    left: govuk-em(3px, $font-size);\n\n    width: $chevron-size;\n    height: $chevron-size;\n\n    margin: auto 0;\n\n    transform: rotate(225deg);\n\n    border: solid;\n    border-width: $chevron-border-min-width $chevron-border-min-width 0 0;\n    border-color: $chevron-border-colour;\n\n    @supports (border-width: unquote(\"max(0px)\")) {\n      $border-width-eval: \"max(#{$chevron-border-min-width}, #{$chevron-border-width})\";\n\n      // Ensure that the chevron never gets smaller than 16px\n      border-width: unquote($border-width-eval) unquote($border-width-eval) 0 0;\n      font-size: unquote(\"max(#{$font-size * 1px}, 1em)\");\n    }\n  }\n\n  .govuk-back-link:focus::before {\n    border-color: $govuk-focus-text-colour;\n  }\n\n  .govuk-back-link::after {\n    content: \"\";\n    position: absolute;\n    top: -14px;\n    right: 0;\n    bottom: -14px;\n    left: 0;\n  }\n\n  .govuk-back-link--inverse {\n    @include govuk-link-style-inverse;\n\n    &::before {\n      border-color: currentcolor;\n    }\n  }\n}\n"]}
diff --git a/node_modules/govuk-frontend/dist/govuk/components/back-link/fixtures.json b/node_modules/govuk-frontend/dist/govuk/components/back-link/fixtures.json
new file mode 100644
index 0000000..330606d
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/back-link/fixtures.json
@@ -0,0 +1,86 @@
+{
+    "component": "back-link",
+    "fixtures": [
+        {
+            "name": "default",
+            "options": {},
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": true,
+            "html": "<a href=\"#\" class=\"govuk-back-link\">Back</a>"
+        },
+        {
+            "name": "inverse",
+            "options": {
+                "classes": "govuk-back-link--inverse"
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {
+                "bodyClasses": "app-template__body--inverse"
+            },
+            "screenshot": true,
+            "html": "<a href=\"#\" class=\"govuk-back-link govuk-back-link--inverse\">Back</a>"
+        },
+        {
+            "name": "classes",
+            "options": {
+                "classes": "app-back-link--custom-class"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<a href=\"#\" class=\"govuk-back-link app-back-link--custom-class\">Back</a>"
+        },
+        {
+            "name": "html as text",
+            "options": {
+                "text": "<b>Home</b>"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<a href=\"#\" class=\"govuk-back-link\">&lt;b&gt;Home&lt;/b&gt;</a>"
+        },
+        {
+            "name": "html",
+            "options": {
+                "html": "<b>Back</b>"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<a href=\"#\" class=\"govuk-back-link\"><b>Back</b></a>"
+        },
+        {
+            "name": "with custom text and link",
+            "options": {
+                "href": "/home",
+                "text": "Back to home"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<a href=\"/home\" class=\"govuk-back-link\">Back to home</a>"
+        },
+        {
+            "name": "attributes",
+            "options": {
+                "attributes": {
+                    "data-test": "attribute",
+                    "aria-label": "Back to home"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<a href=\"#\" class=\"govuk-back-link\" data-test=\"attribute\" aria-label=\"Back to home\">Back</a>"
+        }
+    ]
+}
diff --git a/node_modules/govuk-frontend/dist/govuk/components/back-link/macro-options.json b/node_modules/govuk-frontend/dist/govuk/components/back-link/macro-options.json
new file mode 100644
index 0000000..232ba4f
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/back-link/macro-options.json
@@ -0,0 +1,32 @@
+[
+    {
+        "name": "text",
+        "type": "string",
+        "required": false,
+        "description": "Text to use within the back link component. If `html` is provided, the `text` option will be ignored. Defaults to `\"Back\"`."
+    },
+    {
+        "name": "html",
+        "type": "string",
+        "required": false,
+        "description": "HTML to use within the back link component. If `html` is provided, the `text` option will be ignored. Defaults to `\"Back\"`."
+    },
+    {
+        "name": "href",
+        "type": "string",
+        "required": true,
+        "description": "The value of the link's `href` attribute."
+    },
+    {
+        "name": "classes",
+        "type": "string",
+        "required": false,
+        "description": "Classes to add to the anchor tag."
+    },
+    {
+        "name": "attributes",
+        "type": "object",
+        "required": false,
+        "description": "HTML attributes (for example data attributes) to add to the anchor tag."
+    }
+]
diff --git a/node_modules/govuk-frontend/dist/govuk/components/back-link/macro.njk b/node_modules/govuk-frontend/dist/govuk/components/back-link/macro.njk
new file mode 100644
index 0000000..efcdad2
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/back-link/macro.njk
@@ -0,0 +1,3 @@
+{% macro govukBackLink(params) %}
+  {%- include "./template.njk" -%}
+{% endmacro %}
diff --git a/node_modules/govuk-frontend/dist/govuk/components/back-link/template-default.html b/node_modules/govuk-frontend/dist/govuk/components/back-link/template-default.html
new file mode 100644
index 0000000..373b097
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/back-link/template-default.html
@@ -0,0 +1 @@
+<a href="#" class="govuk-back-link">Back</a>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/back-link/template-inverse.html b/node_modules/govuk-frontend/dist/govuk/components/back-link/template-inverse.html
new file mode 100644
index 0000000..da85451
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/back-link/template-inverse.html
@@ -0,0 +1 @@
+<a href="#" class="govuk-back-link govuk-back-link--inverse">Back</a>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/back-link/template.njk b/node_modules/govuk-frontend/dist/govuk/components/back-link/template.njk
new file mode 100644
index 0000000..7690314
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/back-link/template.njk
@@ -0,0 +1,6 @@
+{% from "../../macros/attributes.njk" import govukAttributes -%}
+
+<a href="{{ params.href | default('#', true) }}" class="govuk-back-link {%- if params.classes %} {{ params.classes }}{% endif %}"
+  {{- govukAttributes(params.attributes) }}>
+  {{- params.html | safe if params.html else (params.text | default("Back", true)) -}}
+</a>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/breadcrumbs/README.md b/node_modules/govuk-frontend/dist/govuk/components/breadcrumbs/README.md
new file mode 100644
index 0000000..94ab9b5
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/breadcrumbs/README.md
@@ -0,0 +1,15 @@
+# Breadcrumbs
+
+## Installation
+
+See the [main README quick start guide](https://github.com/alphagov/govuk-frontend#quick-start) for how to install this component.
+
+## Guidance and Examples
+
+Find out when to use the breadcrumbs component in your service in the [GOV.UK Design System](https://design-system.service.gov.uk/components/breadcrumbs).
+
+## Component options
+
+Use options to customise the appearance, content and behaviour of a component when using a macro, for example, changing the text.
+
+See [options table](https://design-system.service.gov.uk/components/breadcrumbs/#options-breadcrumbs-example) for details.
diff --git a/node_modules/govuk-frontend/dist/govuk/components/breadcrumbs/_breadcrumbs.scss b/node_modules/govuk-frontend/dist/govuk/components/breadcrumbs/_breadcrumbs.scss
new file mode 100644
index 0000000..d102cd8
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/breadcrumbs/_breadcrumbs.scss
@@ -0,0 +1,4 @@
+@import "../../base";
+@import "./index";
+
+/*# sourceMappingURL=_breadcrumbs.scss.map */
diff --git a/node_modules/govuk-frontend/dist/govuk/components/breadcrumbs/_breadcrumbs.scss.map b/node_modules/govuk-frontend/dist/govuk/components/breadcrumbs/_breadcrumbs.scss.map
new file mode 100644
index 0000000..2169f75
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/breadcrumbs/_breadcrumbs.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/breadcrumbs/_breadcrumbs.scss"],"names":[],"mappings":"AAAA,oBAAoB;AACpB,iBAAiB","file":"_breadcrumbs.scss","sourcesContent":["@import \"../../base\";\n@import \"./index\";\n"]}
diff --git a/node_modules/govuk-frontend/dist/govuk/components/breadcrumbs/_index.scss b/node_modules/govuk-frontend/dist/govuk/components/breadcrumbs/_index.scss
new file mode 100644
index 0000000..b4fb1fd
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/breadcrumbs/_index.scss
@@ -0,0 +1,134 @@
+@include govuk-exports("govuk/component/breadcrumbs") {
+  // Component font-size on the Frontend (used for calculations)
+  $font-size: 16;
+
+  // Size of chevron (excluding border)
+  $chevron-size: govuk-em(7px, $font-size);
+
+  // Size of chevron border
+  $chevron-border-min-width: 1px;
+  $chevron-border-width: govuk-em($chevron-border-min-width, $font-size);
+
+  // Colour of chevron
+  $chevron-border-colour: $govuk-secondary-text-colour;
+
+  // Calculated altitude (△↕) of the right-angled isosceles chevron with sides
+  // of length 8 (7px + 1px border):
+  //
+  // √(8² + 8²) * 0.5 ≅ 5.655
+  $chevron-altitude-calculated: govuk-em(5.655px, $font-size);
+
+  .govuk-breadcrumbs {
+    @include govuk-font($size: $font-size);
+    @include govuk-text-colour;
+
+    margin-top: govuk-spacing(3);
+    margin-bottom: govuk-spacing(2);
+  }
+
+  .govuk-breadcrumbs__list {
+    @include govuk-clearfix;
+
+    margin: 0;
+    padding: 0;
+    list-style-type: none;
+  }
+
+  .govuk-breadcrumbs__list-item {
+    display: inline-block;
+    position: relative;
+
+    margin-bottom: govuk-spacing(1);
+
+    // Add both margin and padding such that the chevron appears centrally
+    // between each breadcrumb item
+    margin-left: govuk-em(govuk-spacing(2), $font-size);
+    padding-left: govuk-em(govuk-spacing(2), $font-size) + $chevron-altitude-calculated;
+
+    float: left;
+
+    // Create a chevron using a box with borders on two sides, rotated 45deg.
+    &::before {
+      content: "";
+      display: block;
+
+      position: absolute;
+      top: 0;
+      bottom: 0;
+
+      // Offset by the difference between the width of the non-rotated square
+      // and its width when rotated
+      left: (($chevron-altitude-calculated * -2) + $chevron-size + $chevron-border-width);
+
+      width: $chevron-size;
+      height: $chevron-size;
+
+      margin: auto 0;
+
+      transform: rotate(45deg);
+
+      border: solid;
+      border-width: $chevron-border-min-width $chevron-border-min-width 0 0;
+      border-color: $chevron-border-colour;
+
+      @supports (border-width: unquote("max(0px)")) {
+        $border-width-eval: "max(#{$chevron-border-min-width}, #{$chevron-border-width})";
+
+        // Ensure that the chevron never gets smaller than 16px
+        border-width: unquote($border-width-eval) unquote($border-width-eval) 0 0;
+        font-size: unquote("max(#{$font-size * 1px}, 1em)");
+      }
+    }
+
+    &:first-child {
+      margin-left: 0;
+      padding-left: 0;
+
+      &::before {
+        content: none;
+        display: none;
+      }
+    }
+  }
+
+  .govuk-breadcrumbs__link {
+    @include govuk-link-common;
+    @include govuk-link-style-text;
+  }
+
+  .govuk-breadcrumbs--collapse-on-mobile {
+    @include govuk-media-query($until: tablet) {
+      .govuk-breadcrumbs__list-item {
+        display: none;
+
+        &:first-child,
+        &:last-child {
+          display: inline-block;
+        }
+
+        &::before {
+          top: govuk-em(6px, $font-size);
+          margin: 0;
+        }
+      }
+
+      .govuk-breadcrumbs__list {
+        display: flex;
+      }
+    }
+  }
+
+  .govuk-breadcrumbs--inverse {
+    color: govuk-colour("white");
+
+    .govuk-breadcrumbs__link {
+      @include govuk-link-style-inverse;
+    }
+
+    .govuk-breadcrumbs__list-item::before {
+      border-color: currentcolor;
+    }
+  }
+}
+
+/*# sourceMappingURL=_index.scss.map */
diff --git a/node_modules/govuk-frontend/dist/govuk/components/breadcrumbs/_index.scss.map b/node_modules/govuk-frontend/dist/govuk/components/breadcrumbs/_index.scss.map
new file mode 100644
index 0000000..936e96e
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/breadcrumbs/_index.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/breadcrumbs/_index.scss"],"names":[],"mappings":"AAAA;EACE,6DAA6D;EAC7D,cAAc;;EAEd,oCAAoC;EACpC,wCAAwC;;EAExC,wBAAwB;EACxB,8BAA8B;EAC9B,sEAAsE;;EAEtE,mBAAmB;EACnB,oDAAoD;;EAEpD,2EAA2E;EAC3E,iCAAiC;EACjC,CAAC;EACD,0BAA0B;EAC1B,2DAA2D;;EAE3D;IACE,sCAAsC;IACtC,0BAA0B;;IAE1B,4BAA4B;IAC5B,+BAA+B;EACjC;;EAEA;IACE,uBAAuB;;IAEvB,SAAS;IACT,UAAU;IACV,qBAAqB;EACvB;;EAEA;IACE,qBAAqB;IACrB,kBAAkB;;IAElB,+BAA+B;;IAE/B,qEAAqE;IACrE,8BAA8B;IAC9B,mDAAmD;IACnD,mFAAmF;;IAEnF,WAAW;;IAEX,wEAAwE;IACxE;MACE,WAAW;MACX,cAAc;;MAEd,kBAAkB;MAClB,MAAM;MACN,SAAS;;MAET,sEAAsE;MACtE,4BAA4B;MAC5B,mFAAmF;;MAEnF,oBAAoB;MACpB,qBAAqB;;MAErB,cAAc;;MAEd,wBAAwB;;MAExB,aAAa;MACb,qEAAqE;MACrE,oCAAoC;;MAEpC;QACE,iFAAiF;;QAEjF,sDAAsD;QACtD,yEAAyE;QACzE,mDAAmD;MACrD;IACF;;IAEA;MACE,cAAc;MACd,eAAe;;MAEf;QACE,aAAa;QACb,aAAa;MACf;IACF;EACF;;EAEA;IACE,0BAA0B;IAC1B,8BAA8B;EAChC;;EAEA;IACE;MACE;QACE,aAAa;;QAEb;;UAEE,qBAAqB;QACvB;;QAEA;UACE,8BAA8B;UAC9B,SAAS;QACX;MACF;;MAEA;QACE,aAAa;MACf;IACF;EACF;;EAEA;IACE,4BAA4B;;IAE5B;MACE,iCAAiC;IACnC;;IAEA;MACE,0BAA0B;IAC5B;EACF;AACF","file":"_index.scss","sourcesContent":["@include govuk-exports(\"govuk/component/breadcrumbs\") {\n  // Component font-size on the Frontend (used for calculations)\n  $font-size: 16;\n\n  // Size of chevron (excluding border)\n  $chevron-size: govuk-em(7px, $font-size);\n\n  // Size of chevron border\n  $chevron-border-min-width: 1px;\n  $chevron-border-width: govuk-em($chevron-border-min-width, $font-size);\n\n  // Colour of chevron\n  $chevron-border-colour: $govuk-secondary-text-colour;\n\n  // Calculated altitude (△↕) of the right-angled isosceles chevron with sides\n  // of length 8 (7px + 1px border):\n  //\n  // √(8² + 8²) * 0.5 ≅ 5.655\n  $chevron-altitude-calculated: govuk-em(5.655px, $font-size);\n\n  .govuk-breadcrumbs {\n    @include govuk-font($size: $font-size);\n    @include govuk-text-colour;\n\n    margin-top: govuk-spacing(3);\n    margin-bottom: govuk-spacing(2);\n  }\n\n  .govuk-breadcrumbs__list {\n    @include govuk-clearfix;\n\n    margin: 0;\n    padding: 0;\n    list-style-type: none;\n  }\n\n  .govuk-breadcrumbs__list-item {\n    display: inline-block;\n    position: relative;\n\n    margin-bottom: govuk-spacing(1);\n\n    // Add both margin and padding such that the chevron appears centrally\n    // between each breadcrumb item\n    margin-left: govuk-em(govuk-spacing(2), $font-size);\n    padding-left: govuk-em(govuk-spacing(2), $font-size) + $chevron-altitude-calculated;\n\n    float: left;\n\n    // Create a chevron using a box with borders on two sides, rotated 45deg.\n    &::before {\n      content: \"\";\n      display: block;\n\n      position: absolute;\n      top: 0;\n      bottom: 0;\n\n      // Offset by the difference between the width of the non-rotated square\n      // and its width when rotated\n      left: (($chevron-altitude-calculated * -2) + $chevron-size + $chevron-border-width);\n\n      width: $chevron-size;\n      height: $chevron-size;\n\n      margin: auto 0;\n\n      transform: rotate(45deg);\n\n      border: solid;\n      border-width: $chevron-border-min-width $chevron-border-min-width 0 0;\n      border-color: $chevron-border-colour;\n\n      @supports (border-width: unquote(\"max(0px)\")) {\n        $border-width-eval: \"max(#{$chevron-border-min-width}, #{$chevron-border-width})\";\n\n        // Ensure that the chevron never gets smaller than 16px\n        border-width: unquote($border-width-eval) unquote($border-width-eval) 0 0;\n        font-size: unquote(\"max(#{$font-size * 1px}, 1em)\");\n      }\n    }\n\n    &:first-child {\n      margin-left: 0;\n      padding-left: 0;\n\n      &::before {\n        content: none;\n        display: none;\n      }\n    }\n  }\n\n  .govuk-breadcrumbs__link {\n    @include govuk-link-common;\n    @include govuk-link-style-text;\n  }\n\n  .govuk-breadcrumbs--collapse-on-mobile {\n    @include govuk-media-query($until: tablet) {\n      .govuk-breadcrumbs__list-item {\n        display: none;\n\n        &:first-child,\n        &:last-child {\n          display: inline-block;\n        }\n\n        &::before {\n          top: govuk-em(6px, $font-size);\n          margin: 0;\n        }\n      }\n\n      .govuk-breadcrumbs__list {\n        display: flex;\n      }\n    }\n  }\n\n  .govuk-breadcrumbs--inverse {\n    color: govuk-colour(\"white\");\n\n    .govuk-breadcrumbs__link {\n      @include govuk-link-style-inverse;\n    }\n\n    .govuk-breadcrumbs__list-item::before {\n      border-color: currentcolor;\n    }\n  }\n}\n"]}
diff --git a/node_modules/govuk-frontend/dist/govuk/components/breadcrumbs/fixtures.json b/node_modules/govuk-frontend/dist/govuk/components/breadcrumbs/fixtures.json
new file mode 100644
index 0000000..b51c56a
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/breadcrumbs/fixtures.json
@@ -0,0 +1,258 @@
+{
+    "component": "breadcrumbs",
+    "fixtures": [
+        {
+            "name": "default",
+            "options": {
+                "items": [
+                    {
+                        "text": "Home",
+                        "href": "/"
+                    },
+                    {
+                        "text": "Section",
+                        "href": "/section"
+                    },
+                    {
+                        "text": "Sub-section",
+                        "href": "/section/sub-section"
+                    },
+                    {
+                        "text": "Sub Sub-section",
+                        "href": "/section/sub-section/sub-sub-section"
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": true,
+            "html": "<nav class=\"govuk-breadcrumbs\" aria-label=\"Breadcrumb\">\n  <ol class=\"govuk-breadcrumbs__list\">\n    <li class=\"govuk-breadcrumbs__list-item\">\n      <a class=\"govuk-breadcrumbs__link\" href=\"/\">Home</a>\n    </li>\n    <li class=\"govuk-breadcrumbs__list-item\">\n      <a class=\"govuk-breadcrumbs__link\" href=\"/section\">Section</a>\n    </li>\n    <li class=\"govuk-breadcrumbs__list-item\">\n      <a class=\"govuk-breadcrumbs__link\" href=\"/section/sub-section\">Sub-section</a>\n    </li>\n    <li class=\"govuk-breadcrumbs__list-item\">\n      <a class=\"govuk-breadcrumbs__link\" href=\"/section/sub-section/sub-sub-section\">Sub Sub-section</a>\n    </li>\n  </ol>\n</nav>"
+        },
+        {
+            "name": "with one level",
+            "options": {
+                "items": [
+                    {
+                        "text": "Section",
+                        "href": "/section"
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<nav class=\"govuk-breadcrumbs\" aria-label=\"Breadcrumb\">\n  <ol class=\"govuk-breadcrumbs__list\">\n    <li class=\"govuk-breadcrumbs__list-item\">\n      <a class=\"govuk-breadcrumbs__link\" href=\"/section\">Section</a>\n    </li>\n  </ol>\n</nav>"
+        },
+        {
+            "name": "without the home section",
+            "options": {
+                "items": [
+                    {
+                        "text": "Service Manual",
+                        "href": "/service-manual"
+                    },
+                    {
+                        "text": "Agile Delivery",
+                        "href": "/service-manual/agile-delivery"
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<nav class=\"govuk-breadcrumbs\" aria-label=\"Breadcrumb\">\n  <ol class=\"govuk-breadcrumbs__list\">\n    <li class=\"govuk-breadcrumbs__list-item\">\n      <a class=\"govuk-breadcrumbs__link\" href=\"/service-manual\">Service Manual</a>\n    </li>\n    <li class=\"govuk-breadcrumbs__list-item\">\n      <a class=\"govuk-breadcrumbs__link\" href=\"/service-manual/agile-delivery\">Agile Delivery</a>\n    </li>\n  </ol>\n</nav>"
+        },
+        {
+            "name": "with last breadcrumb as current page",
+            "options": {
+                "items": [
+                    {
+                        "text": "Home",
+                        "href": "/"
+                    },
+                    {
+                        "text": "Passports, travel and living abroad",
+                        "href": "/browse/abroad"
+                    },
+                    {
+                        "text": "Travel abroad"
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<nav class=\"govuk-breadcrumbs\" aria-label=\"Breadcrumb\">\n  <ol class=\"govuk-breadcrumbs__list\">\n    <li class=\"govuk-breadcrumbs__list-item\">\n      <a class=\"govuk-breadcrumbs__link\" href=\"/\">Home</a>\n    </li>\n    <li class=\"govuk-breadcrumbs__list-item\">\n      <a class=\"govuk-breadcrumbs__link\" href=\"/browse/abroad\">Passports, travel and living abroad</a>\n    </li>\n    <li class=\"govuk-breadcrumbs__list-item\" aria-current=\"page\">Travel abroad</li>\n  </ol>\n</nav>"
+        },
+        {
+            "name": "with collapse on mobile",
+            "options": {
+                "collapseOnMobile": true,
+                "items": [
+                    {
+                        "text": "Home",
+                        "href": "/"
+                    },
+                    {
+                        "text": "Education, training and skills",
+                        "href": "/education"
+                    },
+                    {
+                        "text": "Special educational needs and disability (SEND) and high needs",
+                        "href": "/education/special-educational-needs-and-disability-send-and-high-needs"
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": true,
+            "html": "<nav class=\"govuk-breadcrumbs govuk-breadcrumbs--collapse-on-mobile\" aria-label=\"Breadcrumb\">\n  <ol class=\"govuk-breadcrumbs__list\">\n    <li class=\"govuk-breadcrumbs__list-item\">\n      <a class=\"govuk-breadcrumbs__link\" href=\"/\">Home</a>\n    </li>\n    <li class=\"govuk-breadcrumbs__list-item\">\n      <a class=\"govuk-breadcrumbs__link\" href=\"/education\">Education, training and skills</a>\n    </li>\n    <li class=\"govuk-breadcrumbs__list-item\">\n      <a class=\"govuk-breadcrumbs__link\" href=\"/education/special-educational-needs-and-disability-send-and-high-needs\">Special educational needs and disability (SEND) and high needs</a>\n    </li>\n  </ol>\n</nav>"
+        },
+        {
+            "name": "inverse",
+            "options": {
+                "classes": "govuk-breadcrumbs--inverse",
+                "items": [
+                    {
+                        "text": "Home",
+                        "href": "/"
+                    },
+                    {
+                        "text": "Passports, travel and living abroad",
+                        "href": "/browse/abroad"
+                    },
+                    {
+                        "text": "Travel abroad"
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "Breadcrumbs that appear on dark backgrounds",
+            "pageTemplateOptions": {
+                "bodyClasses": "app-template__body--inverse"
+            },
+            "screenshot": true,
+            "html": "<nav class=\"govuk-breadcrumbs govuk-breadcrumbs--inverse\" aria-label=\"Breadcrumb\">\n  <ol class=\"govuk-breadcrumbs__list\">\n    <li class=\"govuk-breadcrumbs__list-item\">\n      <a class=\"govuk-breadcrumbs__link\" href=\"/\">Home</a>\n    </li>\n    <li class=\"govuk-breadcrumbs__list-item\">\n      <a class=\"govuk-breadcrumbs__link\" href=\"/browse/abroad\">Passports, travel and living abroad</a>\n    </li>\n    <li class=\"govuk-breadcrumbs__list-item\" aria-current=\"page\">Travel abroad</li>\n  </ol>\n</nav>"
+        },
+        {
+            "name": "classes",
+            "options": {
+                "classes": "app-breadcrumbs--custom-modifier",
+                "items": [
+                    {
+                        "text": "Home"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<nav class=\"govuk-breadcrumbs app-breadcrumbs--custom-modifier\" aria-label=\"Breadcrumb\">\n  <ol class=\"govuk-breadcrumbs__list\">\n    <li class=\"govuk-breadcrumbs__list-item\" aria-current=\"page\">Home</li>\n  </ol>\n</nav>"
+        },
+        {
+            "name": "attributes",
+            "options": {
+                "attributes": {
+                    "id": "my-navigation",
+                    "data-foo": "bar"
+                },
+                "items": [
+                    {
+                        "text": "Home"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<nav class=\"govuk-breadcrumbs\" id=\"my-navigation\" data-foo=\"bar\" aria-label=\"Breadcrumb\">\n  <ol class=\"govuk-breadcrumbs__list\">\n    <li class=\"govuk-breadcrumbs__list-item\" aria-current=\"page\">Home</li>\n  </ol>\n</nav>"
+        },
+        {
+            "name": "item attributes",
+            "options": {
+                "items": [
+                    {
+                        "text": "Section 1",
+                        "href": "/section",
+                        "attributes": {
+                            "data-attribute": "my-attribute",
+                            "data-attribute-2": "my-attribute-2"
+                        }
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<nav class=\"govuk-breadcrumbs\" aria-label=\"Breadcrumb\">\n  <ol class=\"govuk-breadcrumbs__list\">\n    <li class=\"govuk-breadcrumbs__list-item\">\n      <a class=\"govuk-breadcrumbs__link\" href=\"/section\" data-attribute=\"my-attribute\" data-attribute-2=\"my-attribute-2\">Section 1</a>\n    </li>\n  </ol>\n</nav>"
+        },
+        {
+            "name": "html as text",
+            "options": {
+                "items": [
+                    {
+                        "text": "<span>Section 1</span>",
+                        "href": "/section-1"
+                    },
+                    {
+                        "text": "<span>Section 2</span>"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<nav class=\"govuk-breadcrumbs\" aria-label=\"Breadcrumb\">\n  <ol class=\"govuk-breadcrumbs__list\">\n    <li class=\"govuk-breadcrumbs__list-item\">\n      <a class=\"govuk-breadcrumbs__link\" href=\"/section-1\">&lt;span&gt;Section 1&lt;/span&gt;</a>\n    </li>\n    <li class=\"govuk-breadcrumbs__list-item\" aria-current=\"page\">&lt;span&gt;Section 2&lt;/span&gt;</li>\n  </ol>\n</nav>"
+        },
+        {
+            "name": "html",
+            "options": {
+                "items": [
+                    {
+                        "html": "<em>Section 1</em>",
+                        "href": "/section-1"
+                    },
+                    {
+                        "html": "<em>Section 2</em>",
+                        "href": "/section-2"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<nav class=\"govuk-breadcrumbs\" aria-label=\"Breadcrumb\">\n  <ol class=\"govuk-breadcrumbs__list\">\n    <li class=\"govuk-breadcrumbs__list-item\">\n      <a class=\"govuk-breadcrumbs__link\" href=\"/section-1\"><em>Section 1</em></a>\n    </li>\n    <li class=\"govuk-breadcrumbs__list-item\">\n      <a class=\"govuk-breadcrumbs__link\" href=\"/section-2\"><em>Section 2</em></a>\n    </li>\n  </ol>\n</nav>"
+        },
+        {
+            "name": "custom label",
+            "options": {
+                "labelText": "Briwsion bara",
+                "items": [
+                    {
+                        "text": "Hafan",
+                        "href": "/"
+                    },
+                    {
+                        "text": "Sefydliadau",
+                        "href": "/organisations"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<nav class=\"govuk-breadcrumbs\" aria-label=\"Briwsion bara\">\n  <ol class=\"govuk-breadcrumbs__list\">\n    <li class=\"govuk-breadcrumbs__list-item\">\n      <a class=\"govuk-breadcrumbs__link\" href=\"/\">Hafan</a>\n    </li>\n    <li class=\"govuk-breadcrumbs__list-item\">\n      <a class=\"govuk-breadcrumbs__link\" href=\"/organisations\">Sefydliadau</a>\n    </li>\n  </ol>\n</nav>"
+        }
+    ]
+}
diff --git a/node_modules/govuk-frontend/dist/govuk/components/breadcrumbs/macro-options.json b/node_modules/govuk-frontend/dist/govuk/components/breadcrumbs/macro-options.json
new file mode 100644
index 0000000..4ac5d1d
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/breadcrumbs/macro-options.json
@@ -0,0 +1,58 @@
+[
+    {
+        "name": "items",
+        "type": "array",
+        "required": true,
+        "description": "The items within breadcrumbs.",
+        "params": [
+            {
+                "name": "text",
+                "type": "string",
+                "required": true,
+                "description": "If `html` is set, this is not required. Text to use within the breadcrumbs item. If `html` is provided, the `text` option will be ignored."
+            },
+            {
+                "name": "html",
+                "type": "string",
+                "required": true,
+                "description": "If `text` is set, this is not required. HTML to use within the breadcrumbs item. If `html` is provided, the `text` option will be ignored."
+            },
+            {
+                "name": "href",
+                "type": "string",
+                "required": false,
+                "description": "Link for the breadcrumbs item. If not specified, breadcrumbs item is a normal list item."
+            },
+            {
+                "name": "attributes",
+                "type": "object",
+                "required": false,
+                "description": "HTML attributes (for example data attributes) to add to the individual crumb."
+            }
+        ]
+    },
+    {
+        "name": "classes",
+        "type": "string",
+        "required": false,
+        "description": "Classes to add to the breadcrumbs container."
+    },
+    {
+        "name": "collapseOnMobile",
+        "type": "boolean",
+        "required": false,
+        "description": "When true, the breadcrumbs will collapse to the first and last item only on tablet breakpoint and below."
+    },
+    {
+        "name": "attributes",
+        "type": "object",
+        "required": false,
+        "description": "HTML attributes (for example data attributes) to add to the breadcrumbs container."
+    },
+    {
+        "name": "labelText",
+        "type": "string",
+        "required": false,
+        "description": "Plain text label identifying the landmark to screen readers. Defaults to \"Breadcrumb\"."
+    }
+]
diff --git a/node_modules/govuk-frontend/dist/govuk/components/breadcrumbs/macro.njk b/node_modules/govuk-frontend/dist/govuk/components/breadcrumbs/macro.njk
new file mode 100644
index 0000000..e215bea
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/breadcrumbs/macro.njk
@@ -0,0 +1,3 @@
+{% macro govukBreadcrumbs(params) %}
+  {%- include "./template.njk" -%}
+{% endmacro %}
diff --git a/node_modules/govuk-frontend/dist/govuk/components/breadcrumbs/template-default.html b/node_modules/govuk-frontend/dist/govuk/components/breadcrumbs/template-default.html
new file mode 100644
index 0000000..f9cf0ba
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/breadcrumbs/template-default.html
@@ -0,0 +1,16 @@
+<nav class="govuk-breadcrumbs" aria-label="Breadcrumb">
+  <ol class="govuk-breadcrumbs__list">
+    <li class="govuk-breadcrumbs__list-item">
+      <a class="govuk-breadcrumbs__link" href="/">Home</a>
+    </li>
+    <li class="govuk-breadcrumbs__list-item">
+      <a class="govuk-breadcrumbs__link" href="/section">Section</a>
+    </li>
+    <li class="govuk-breadcrumbs__list-item">
+      <a class="govuk-breadcrumbs__link" href="/section/sub-section">Sub-section</a>
+    </li>
+    <li class="govuk-breadcrumbs__list-item">
+      <a class="govuk-breadcrumbs__link" href="/section/sub-section/sub-sub-section">Sub Sub-section</a>
+    </li>
+  </ol>
+</nav>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/breadcrumbs/template-inverse.html b/node_modules/govuk-frontend/dist/govuk/components/breadcrumbs/template-inverse.html
new file mode 100644
index 0000000..d1879ec
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/breadcrumbs/template-inverse.html
@@ -0,0 +1,11 @@
+<nav class="govuk-breadcrumbs govuk-breadcrumbs--inverse" aria-label="Breadcrumb">
+  <ol class="govuk-breadcrumbs__list">
+    <li class="govuk-breadcrumbs__list-item">
+      <a class="govuk-breadcrumbs__link" href="/">Home</a>
+    </li>
+    <li class="govuk-breadcrumbs__list-item">
+      <a class="govuk-breadcrumbs__link" href="/browse/abroad">Passports, travel and living abroad</a>
+    </li>
+    <li class="govuk-breadcrumbs__list-item" aria-current="page">Travel abroad</li>
+  </ol>
+</nav>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/breadcrumbs/template-with-collapse-on-mobile.html b/node_modules/govuk-frontend/dist/govuk/components/breadcrumbs/template-with-collapse-on-mobile.html
new file mode 100644
index 0000000..1b4af87
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/breadcrumbs/template-with-collapse-on-mobile.html
@@ -0,0 +1,13 @@
+<nav class="govuk-breadcrumbs govuk-breadcrumbs--collapse-on-mobile" aria-label="Breadcrumb">
+  <ol class="govuk-breadcrumbs__list">
+    <li class="govuk-breadcrumbs__list-item">
+      <a class="govuk-breadcrumbs__link" href="/">Home</a>
+    </li>
+    <li class="govuk-breadcrumbs__list-item">
+      <a class="govuk-breadcrumbs__link" href="/education">Education, training and skills</a>
+    </li>
+    <li class="govuk-breadcrumbs__list-item">
+      <a class="govuk-breadcrumbs__link" href="/education/special-educational-needs-and-disability-send-and-high-needs">Special educational needs and disability (SEND) and high needs</a>
+    </li>
+  </ol>
+</nav>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/breadcrumbs/template-with-last-breadcrumb-as-current-page.html b/node_modules/govuk-frontend/dist/govuk/components/breadcrumbs/template-with-last-breadcrumb-as-current-page.html
new file mode 100644
index 0000000..af6bcc1
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/breadcrumbs/template-with-last-breadcrumb-as-current-page.html
@@ -0,0 +1,11 @@
+<nav class="govuk-breadcrumbs" aria-label="Breadcrumb">
+  <ol class="govuk-breadcrumbs__list">
+    <li class="govuk-breadcrumbs__list-item">
+      <a class="govuk-breadcrumbs__link" href="/">Home</a>
+    </li>
+    <li class="govuk-breadcrumbs__list-item">
+      <a class="govuk-breadcrumbs__link" href="/browse/abroad">Passports, travel and living abroad</a>
+    </li>
+    <li class="govuk-breadcrumbs__list-item" aria-current="page">Travel abroad</li>
+  </ol>
+</nav>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/breadcrumbs/template-with-one-level.html b/node_modules/govuk-frontend/dist/govuk/components/breadcrumbs/template-with-one-level.html
new file mode 100644
index 0000000..50085fd
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/breadcrumbs/template-with-one-level.html
@@ -0,0 +1,7 @@
+<nav class="govuk-breadcrumbs" aria-label="Breadcrumb">
+  <ol class="govuk-breadcrumbs__list">
+    <li class="govuk-breadcrumbs__list-item">
+      <a class="govuk-breadcrumbs__link" href="/section">Section</a>
+    </li>
+  </ol>
+</nav>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/breadcrumbs/template-without-the-home-section.html b/node_modules/govuk-frontend/dist/govuk/components/breadcrumbs/template-without-the-home-section.html
new file mode 100644
index 0000000..39d3bc3
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/breadcrumbs/template-without-the-home-section.html
@@ -0,0 +1,10 @@
+<nav class="govuk-breadcrumbs" aria-label="Breadcrumb">
+  <ol class="govuk-breadcrumbs__list">
+    <li class="govuk-breadcrumbs__list-item">
+      <a class="govuk-breadcrumbs__link" href="/service-manual">Service Manual</a>
+    </li>
+    <li class="govuk-breadcrumbs__list-item">
+      <a class="govuk-breadcrumbs__link" href="/service-manual/agile-delivery">Agile Delivery</a>
+    </li>
+  </ol>
+</nav>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/breadcrumbs/template.njk b/node_modules/govuk-frontend/dist/govuk/components/breadcrumbs/template.njk
new file mode 100644
index 0000000..b6d0942
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/breadcrumbs/template.njk
@@ -0,0 +1,30 @@
+{% from "../../macros/attributes.njk" import govukAttributes %}
+
+{#- Set classes for this component #}
+{%- set classNames = "govuk-breadcrumbs" -%}
+
+{% if params.classes %}
+  {% set classNames = classNames + " " + params.classes %}
+{% endif -%}
+
+{% if params.collapseOnMobile %}
+  {% set classNames = classNames + " govuk-breadcrumbs--collapse-on-mobile" %}
+{% endif -%}
+
+<nav class="{{ classNames }}" {{- govukAttributes(params.attributes) }} aria-label="{{ params.labelText | default("Breadcrumb") }}">
+  <ol class="govuk-breadcrumbs__list">
+{% for item in params.items %}
+  {% if item.href %}
+    <li class="govuk-breadcrumbs__list-item">
+      <a class="govuk-breadcrumbs__link" href="{{ item.href }}" {{- govukAttributes(item.attributes) }}>
+        {{- item.html | safe if item.html else item.text -}}
+      </a>
+    </li>
+  {% else %}
+    <li class="govuk-breadcrumbs__list-item" aria-current="page">
+      {{- item.html | safe if item.html else item.text -}}
+    </li>
+  {% endif %}
+{% endfor %}
+  </ol>
+</nav>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/button/README.md b/node_modules/govuk-frontend/dist/govuk/components/button/README.md
new file mode 100644
index 0000000..6548fb7
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/button/README.md
@@ -0,0 +1,15 @@
+# Button
+
+## Installation
+
+See the [main README quick start guide](https://github.com/alphagov/govuk-frontend#quick-start) for how to install this component.
+
+## Guidance and Examples
+
+Find out when to use the button component in your service in the [GOV.UK Design System](https://design-system.service.gov.uk/components/button).
+
+## Component options
+
+Use options to customise the appearance, content and behaviour of a component when using a macro, for example, changing the text.
+
+See [options table](https://design-system.service.gov.uk/components/button/#options-button-example) for details.
diff --git a/node_modules/govuk-frontend/dist/govuk/components/button/_button.scss b/node_modules/govuk-frontend/dist/govuk/components/button/_button.scss
new file mode 100644
index 0000000..a8d9b27
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/button/_button.scss
@@ -0,0 +1,4 @@
+@import "../../base";
+@import "./index";
+
+/*# sourceMappingURL=_button.scss.map */
diff --git a/node_modules/govuk-frontend/dist/govuk/components/button/_button.scss.map b/node_modules/govuk-frontend/dist/govuk/components/button/_button.scss.map
new file mode 100644
index 0000000..30db6a1
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/button/_button.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/button/_button.scss"],"names":[],"mappings":"AAAA,oBAAoB;AACpB,iBAAiB","file":"_button.scss","sourcesContent":["@import \"../../base\";\n@import \"./index\";\n"]}
diff --git a/node_modules/govuk-frontend/dist/govuk/components/button/_index.scss b/node_modules/govuk-frontend/dist/govuk/components/button/_index.scss
new file mode 100644
index 0000000..0df98a4
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/button/_index.scss
@@ -0,0 +1,262 @@
+////
+/// @group components/button
+////
+
+/// Button component background colour
+///
+/// @type Colour
+/// @access public
+
+$govuk-button-background-colour: govuk-colour("green") !default;
+
+/// Button component text colour
+///
+/// @type Colour
+/// @access public
+
+$govuk-button-text-colour: govuk-colour("white") !default;
+
+/// Inverted button component background colour
+///
+/// @type Colour
+/// @access public
+
+$govuk-inverse-button-background-colour: govuk-colour("white") !default;
+
+/// Inverted button component text colour
+///
+/// @type Colour
+/// @access public
+
+$govuk-inverse-button-text-colour: $govuk-brand-colour !default;
+
+@include govuk-exports("govuk/component/button") {
+  $govuk-button-colour: $govuk-button-background-colour;
+  $govuk-button-text-colour: $govuk-button-text-colour;
+  $govuk-button-hover-colour: govuk-shade($govuk-button-colour, 20%);
+  $govuk-button-shadow-colour: govuk-shade($govuk-button-colour, 60%);
+
+  // Secondary button variables
+  $govuk-secondary-button-colour: govuk-colour("light-grey");
+  $govuk-secondary-button-text-colour: govuk-colour("black");
+  $govuk-secondary-button-hover-colour: govuk-shade($govuk-secondary-button-colour, 10%);
+  $govuk-secondary-button-shadow-colour: govuk-shade($govuk-secondary-button-colour, 40%);
+
+  // Warning button variables
+  $govuk-warning-button-colour: govuk-colour("red");
+  $govuk-warning-button-text-colour: govuk-colour("white");
+  $govuk-warning-button-hover-colour: govuk-shade($govuk-warning-button-colour, 20%);
+  $govuk-warning-button-shadow-colour: govuk-shade($govuk-warning-button-colour, 60%);
+
+  // Inverse button variables
+  $govuk-inverse-button-colour: $govuk-inverse-button-background-colour;
+  $govuk-inverse-button-text-colour: $govuk-inverse-button-text-colour;
+  $govuk-inverse-button-hover-colour: govuk-tint($govuk-inverse-button-text-colour, 90%);
+  $govuk-inverse-button-shadow-colour: govuk-shade($govuk-inverse-button-text-colour, 30%);
+
+  // Because the shadow (s0) is visually 'part of' the button, we need to reduce
+  // the height of the button to compensate by adjusting its padding (s1) and
+  // increase the bottom margin to include it (s2).
+  $button-shadow-size: $govuk-border-width-form-element;
+
+  .govuk-button {
+    @include govuk-font($size: 19, $line-height: 19px);
+
+    box-sizing: border-box;
+    display: inline-block;
+    position: relative;
+    width: 100%;
+    margin-top: 0;
+    margin-right: 0;
+    margin-left: 0;
+    @include govuk-responsive-margin(6, "bottom", $adjustment: $button-shadow-size); // s2
+    padding: (govuk-spacing(2) - $govuk-border-width-form-element) govuk-spacing(2)
+      (govuk-spacing(2) - $govuk-border-width-form-element - ($button-shadow-size / 2)); // s1
+    border: $govuk-border-width-form-element solid transparent;
+    border-radius: 0;
+    color: $govuk-button-text-colour;
+    background-color: $govuk-button-colour;
+    box-shadow: 0 $button-shadow-size 0 $govuk-button-shadow-colour; // s0
+    text-align: center;
+    vertical-align: top;
+    cursor: pointer;
+    -webkit-appearance: none;
+
+    @include govuk-media-query($from: tablet) {
+      width: auto;
+    }
+
+    // Ensure that any global link styles are overridden
+    &:link,
+    &:visited,
+    &:active,
+    &:hover {
+      color: $govuk-button-text-colour;
+      text-decoration: none;
+    }
+
+    // Fix unwanted button padding in Firefox
+    &::-moz-focus-inner {
+      padding: 0;
+      border: 0;
+    }
+
+    &:hover {
+      background-color: $govuk-button-hover-colour;
+    }
+
+    &:active {
+      // Bump the button down so it looks like its being pressed in
+      top: $button-shadow-size;
+    }
+
+    &:focus {
+      border-color: $govuk-focus-colour;
+      outline: $govuk-focus-width solid transparent;
+      box-shadow: inset 0 0 0 1px $govuk-focus-colour;
+    }
+
+    &:focus:not(:active):not(:hover) {
+      border-color: $govuk-focus-colour;
+      color: $govuk-focus-text-colour;
+      background-color: $govuk-focus-colour;
+      box-shadow: 0 2px 0 $govuk-focus-text-colour;
+    }
+
+    // The following adjustments do not work for <input type="button"> as
+    // non-container elements cannot include pseudo elements (i.e. ::before).
+
+    // Use a pseudo element to expand the click target area to include the
+    // button's shadow as well, in case users try to click it.
+    &::before {
+      content: "";
+      display: block;
+
+      position: absolute;
+
+      top: -$govuk-border-width-form-element;
+      right: -$govuk-border-width-form-element;
+      bottom: -($govuk-border-width-form-element + $button-shadow-size);
+      left: -$govuk-border-width-form-element;
+
+      background: transparent;
+    }
+
+    // When the button is active it is shifted down by $button-shadow-size to
+    // denote a 'pressed' state. If the user happened to click at the very top
+    // of the button, their mouse is no longer over the button (because it has
+    // 'moved beneath them') and so the click event is not fired.
+    //
+    // This corrects that by shifting the top of the pseudo element so that it
+    // continues to cover the area that the user originally clicked, which means
+    // the click event is still fired.
+    //
+    // 🎉
+    &:active::before {
+      top: -($govuk-border-width-form-element + $button-shadow-size);
+    }
+  }
+
+  .govuk-button[disabled] {
+    opacity: (0.5);
+
+    &:hover {
+      background-color: $govuk-button-colour;
+      cursor: not-allowed;
+    }
+
+    &:active {
+      top: 0;
+      box-shadow: 0 $button-shadow-size 0 $govuk-button-shadow-colour; // s0
+    }
+  }
+
+  .govuk-button--secondary {
+    background-color: $govuk-secondary-button-colour;
+    box-shadow: 0 $button-shadow-size 0 $govuk-secondary-button-shadow-colour;
+
+    &,
+    &:link,
+    &:visited,
+    &:active,
+    &:hover {
+      color: $govuk-secondary-button-text-colour;
+    }
+
+    &:hover {
+      background-color: $govuk-secondary-button-hover-colour;
+
+      &[disabled] {
+        background-color: $govuk-secondary-button-colour;
+      }
+    }
+  }
+
+  .govuk-button--warning {
+    background-color: $govuk-warning-button-colour;
+    box-shadow: 0 $button-shadow-size 0 $govuk-warning-button-shadow-colour;
+
+    &,
+    &:link,
+    &:visited,
+    &:active,
+    &:hover {
+      color: $govuk-warning-button-text-colour;
+    }
+
+    &:hover {
+      background-color: $govuk-warning-button-hover-colour;
+
+      &[disabled] {
+        background-color: $govuk-warning-button-colour;
+      }
+    }
+  }
+
+  .govuk-button--inverse {
+    background-color: $govuk-inverse-button-colour;
+    box-shadow: 0 $button-shadow-size 0 $govuk-inverse-button-shadow-colour;
+
+    &,
+    &:link,
+    &:visited,
+    &:active,
+    &:hover {
+      color: $govuk-inverse-button-text-colour;
+    }
+
+    &:hover {
+      background-color: $govuk-inverse-button-hover-colour;
+
+      &[disabled] {
+        background-color: $govuk-inverse-button-colour;
+      }
+    }
+  }
+
+  .govuk-button--start {
+    @include govuk-typography-weight-bold;
+    @include govuk-font-size($size: 24, $line-height: 1);
+
+    display: inline-flex;
+    min-height: auto;
+
+    justify-content: center;
+  }
+
+  .govuk-button__start-icon {
+    margin-left: govuk-spacing(1);
+
+    @include govuk-media-query($from: desktop) {
+      margin-left: govuk-spacing(2);
+    }
+    vertical-align: middle;
+    flex-shrink: 0;
+    align-self: center;
+    // Work around SVGs not inheriting color from parent in forced color mode
+    // (https://github.com/w3c/csswg-drafts/issues/6310)
+    forced-color-adjust: auto;
+  }
+}
+
+/*# sourceMappingURL=_index.scss.map */
diff --git a/node_modules/govuk-frontend/dist/govuk/components/button/_index.scss.map b/node_modules/govuk-frontend/dist/govuk/components/button/_index.scss.map
new file mode 100644
index 0000000..2b7f576
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/button/_index.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/button/_index.scss"],"names":[],"mappings":"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","file":"_index.scss","sourcesContent":["////\n/// @group components/button\n////\n\n/// Button component background colour\n///\n/// @type Colour\n/// @access public\n\n$govuk-button-background-colour: govuk-colour(\"green\") !default;\n\n/// Button component text colour\n///\n/// @type Colour\n/// @access public\n\n$govuk-button-text-colour: govuk-colour(\"white\") !default;\n\n/// Inverted button component background colour\n///\n/// @type Colour\n/// @access public\n\n$govuk-inverse-button-background-colour: govuk-colour(\"white\") !default;\n\n/// Inverted button component text colour\n///\n/// @type Colour\n/// @access public\n\n$govuk-inverse-button-text-colour: $govuk-brand-colour !default;\n\n@include govuk-exports(\"govuk/component/button\") {\n  $govuk-button-colour: $govuk-button-background-colour;\n  $govuk-button-text-colour: $govuk-button-text-colour;\n  $govuk-button-hover-colour: govuk-shade($govuk-button-colour, 20%);\n  $govuk-button-shadow-colour: govuk-shade($govuk-button-colour, 60%);\n\n  // Secondary button variables\n  $govuk-secondary-button-colour: govuk-colour(\"light-grey\");\n  $govuk-secondary-button-text-colour: govuk-colour(\"black\");\n  $govuk-secondary-button-hover-colour: govuk-shade($govuk-secondary-button-colour, 10%);\n  $govuk-secondary-button-shadow-colour: govuk-shade($govuk-secondary-button-colour, 40%);\n\n  // Warning button variables\n  $govuk-warning-button-colour: govuk-colour(\"red\");\n  $govuk-warning-button-text-colour: govuk-colour(\"white\");\n  $govuk-warning-button-hover-colour: govuk-shade($govuk-warning-button-colour, 20%);\n  $govuk-warning-button-shadow-colour: govuk-shade($govuk-warning-button-colour, 60%);\n\n  // Inverse button variables\n  $govuk-inverse-button-colour: $govuk-inverse-button-background-colour;\n  $govuk-inverse-button-text-colour: $govuk-inverse-button-text-colour;\n  $govuk-inverse-button-hover-colour: govuk-tint($govuk-inverse-button-text-colour, 90%);\n  $govuk-inverse-button-shadow-colour: govuk-shade($govuk-inverse-button-text-colour, 30%);\n\n  // Because the shadow (s0) is visually 'part of' the button, we need to reduce\n  // the height of the button to compensate by adjusting its padding (s1) and\n  // increase the bottom margin to include it (s2).\n  $button-shadow-size: $govuk-border-width-form-element;\n\n  .govuk-button {\n    @include govuk-font($size: 19, $line-height: 19px);\n\n    box-sizing: border-box;\n    display: inline-block;\n    position: relative;\n    width: 100%;\n    margin-top: 0;\n    margin-right: 0;\n    margin-left: 0;\n    @include govuk-responsive-margin(6, \"bottom\", $adjustment: $button-shadow-size); // s2\n    padding: (govuk-spacing(2) - $govuk-border-width-form-element) govuk-spacing(2)\n      (govuk-spacing(2) - $govuk-border-width-form-element - ($button-shadow-size / 2)); // s1\n    border: $govuk-border-width-form-element solid transparent;\n    border-radius: 0;\n    color: $govuk-button-text-colour;\n    background-color: $govuk-button-colour;\n    box-shadow: 0 $button-shadow-size 0 $govuk-button-shadow-colour; // s0\n    text-align: center;\n    vertical-align: top;\n    cursor: pointer;\n    -webkit-appearance: none;\n\n    @include govuk-media-query($from: tablet) {\n      width: auto;\n    }\n\n    // Ensure that any global link styles are overridden\n    &:link,\n    &:visited,\n    &:active,\n    &:hover {\n      color: $govuk-button-text-colour;\n      text-decoration: none;\n    }\n\n    // Fix unwanted button padding in Firefox\n    &::-moz-focus-inner {\n      padding: 0;\n      border: 0;\n    }\n\n    &:hover {\n      background-color: $govuk-button-hover-colour;\n    }\n\n    &:active {\n      // Bump the button down so it looks like its being pressed in\n      top: $button-shadow-size;\n    }\n\n    &:focus {\n      border-color: $govuk-focus-colour;\n      outline: $govuk-focus-width solid transparent;\n      box-shadow: inset 0 0 0 1px $govuk-focus-colour;\n    }\n\n    &:focus:not(:active):not(:hover) {\n      border-color: $govuk-focus-colour;\n      color: $govuk-focus-text-colour;\n      background-color: $govuk-focus-colour;\n      box-shadow: 0 2px 0 $govuk-focus-text-colour;\n    }\n\n    // The following adjustments do not work for <input type=\"button\"> as\n    // non-container elements cannot include pseudo elements (i.e. ::before).\n\n    // Use a pseudo element to expand the click target area to include the\n    // button's shadow as well, in case users try to click it.\n    &::before {\n      content: \"\";\n      display: block;\n\n      position: absolute;\n\n      top: -$govuk-border-width-form-element;\n      right: -$govuk-border-width-form-element;\n      bottom: -($govuk-border-width-form-element + $button-shadow-size);\n      left: -$govuk-border-width-form-element;\n\n      background: transparent;\n    }\n\n    // When the button is active it is shifted down by $button-shadow-size to\n    // denote a 'pressed' state. If the user happened to click at the very top\n    // of the button, their mouse is no longer over the button (because it has\n    // 'moved beneath them') and so the click event is not fired.\n    //\n    // This corrects that by shifting the top of the pseudo element so that it\n    // continues to cover the area that the user originally clicked, which means\n    // the click event is still fired.\n    //\n    // 🎉\n    &:active::before {\n      top: -($govuk-border-width-form-element + $button-shadow-size);\n    }\n  }\n\n  .govuk-button[disabled] {\n    opacity: (0.5);\n\n    &:hover {\n      background-color: $govuk-button-colour;\n      cursor: not-allowed;\n    }\n\n    &:active {\n      top: 0;\n      box-shadow: 0 $button-shadow-size 0 $govuk-button-shadow-colour; // s0\n    }\n  }\n\n  .govuk-button--secondary {\n    background-color: $govuk-secondary-button-colour;\n    box-shadow: 0 $button-shadow-size 0 $govuk-secondary-button-shadow-colour;\n\n    &,\n    &:link,\n    &:visited,\n    &:active,\n    &:hover {\n      color: $govuk-secondary-button-text-colour;\n    }\n\n    &:hover {\n      background-color: $govuk-secondary-button-hover-colour;\n\n      &[disabled] {\n        background-color: $govuk-secondary-button-colour;\n      }\n    }\n  }\n\n  .govuk-button--warning {\n    background-color: $govuk-warning-button-colour;\n    box-shadow: 0 $button-shadow-size 0 $govuk-warning-button-shadow-colour;\n\n    &,\n    &:link,\n    &:visited,\n    &:active,\n    &:hover {\n      color: $govuk-warning-button-text-colour;\n    }\n\n    &:hover {\n      background-color: $govuk-warning-button-hover-colour;\n\n      &[disabled] {\n        background-color: $govuk-warning-button-colour;\n      }\n    }\n  }\n\n  .govuk-button--inverse {\n    background-color: $govuk-inverse-button-colour;\n    box-shadow: 0 $button-shadow-size 0 $govuk-inverse-button-shadow-colour;\n\n    &,\n    &:link,\n    &:visited,\n    &:active,\n    &:hover {\n      color: $govuk-inverse-button-text-colour;\n    }\n\n    &:hover {\n      background-color: $govuk-inverse-button-hover-colour;\n\n      &[disabled] {\n        background-color: $govuk-inverse-button-colour;\n      }\n    }\n  }\n\n  .govuk-button--start {\n    @include govuk-typography-weight-bold;\n    @include govuk-font-size($size: 24, $line-height: 1);\n\n    display: inline-flex;\n    min-height: auto;\n\n    justify-content: center;\n  }\n\n  .govuk-button__start-icon {\n    margin-left: govuk-spacing(1);\n\n    @include govuk-media-query($from: desktop) {\n      margin-left: govuk-spacing(2);\n    }\n    vertical-align: middle;\n    flex-shrink: 0;\n    align-self: center;\n    // Work around SVGs not inheriting color from parent in forced color mode\n    // (https://github.com/w3c/csswg-drafts/issues/6310)\n    forced-color-adjust: auto;\n  }\n}\n"]}
diff --git a/node_modules/govuk-frontend/dist/govuk/components/button/button.bundle.js b/node_modules/govuk-frontend/dist/govuk/components/button/button.bundle.js
new file mode 100644
index 0000000..323f20e
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/button/button.bundle.js
@@ -0,0 +1,365 @@
+(function (global, factory) {
+  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports) :
+  typeof define === 'function' && define.amd ? define(['exports'], factory) :
+  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.GOVUKFrontend = global.GOVUKFrontend || {}));
+})(this, (function (exports) { 'use strict';
+
+  function isInitialised($root, moduleName) {
+    return $root instanceof HTMLElement && $root.hasAttribute(`data-${moduleName}-init`);
+  }
+
+  /**
+   * Checks if GOV.UK Frontend is supported on this page
+   *
+   * Some browsers will load and run our JavaScript but GOV.UK Frontend
+   * won't be supported.
+   *
+   * @param {HTMLElement | null} [$scope] - (internal) `<body>` HTML element checked for browser support
+   * @returns {boolean} Whether GOV.UK Frontend is supported on this page
+   */
+  function isSupported($scope = document.body) {
+    if (!$scope) {
+      return false;
+    }
+    return $scope.classList.contains('govuk-frontend-supported');
+  }
+  function isArray(option) {
+    return Array.isArray(option);
+  }
+  function isObject(option) {
+    return !!option && typeof option === 'object' && !isArray(option);
+  }
+  function formatErrorMessage(Component, message) {
+    return `${Component.moduleName}: ${message}`;
+  }
+  /**
+   * @typedef ComponentWithModuleName
+   * @property {string} moduleName - Name of the component
+   */
+
+  class GOVUKFrontendError extends Error {
+    constructor(...args) {
+      super(...args);
+      this.name = 'GOVUKFrontendError';
+    }
+  }
+  class SupportError extends GOVUKFrontendError {
+    /**
+     * Checks if GOV.UK Frontend is supported on this page
+     *
+     * @param {HTMLElement | null} [$scope] - HTML element `<body>` checked for browser support
+     */
+    constructor($scope = document.body) {
+      const supportMessage = 'noModule' in HTMLScriptElement.prototype ? 'GOV.UK Frontend initialised without `<body class="govuk-frontend-supported">` from template `<script>` snippet' : 'GOV.UK Frontend is not supported in this browser';
+      super($scope ? supportMessage : 'GOV.UK Frontend initialised without `<script type="module">`');
+      this.name = 'SupportError';
+    }
+  }
+  class ConfigError extends GOVUKFrontendError {
+    constructor(...args) {
+      super(...args);
+      this.name = 'ConfigError';
+    }
+  }
+  class ElementError extends GOVUKFrontendError {
+    constructor(messageOrOptions) {
+      let message = typeof messageOrOptions === 'string' ? messageOrOptions : '';
+      if (isObject(messageOrOptions)) {
+        const {
+          component,
+          identifier,
+          element,
+          expectedType
+        } = messageOrOptions;
+        message = identifier;
+        message += element ? ` is not of type ${expectedType != null ? expectedType : 'HTMLElement'}` : ' not found';
+        if (component) {
+          message = formatErrorMessage(component, message);
+        }
+      }
+      super(message);
+      this.name = 'ElementError';
+    }
+  }
+  class InitError extends GOVUKFrontendError {
+    constructor(componentOrMessage) {
+      const message = typeof componentOrMessage === 'string' ? componentOrMessage : formatErrorMessage(componentOrMessage, `Root element (\`$root\`) already initialised`);
+      super(message);
+      this.name = 'InitError';
+    }
+  }
+  /**
+   * @import { ComponentWithModuleName } from '../common/index.mjs'
+   */
+
+  class Component {
+    /**
+     * Returns the root element of the component
+     *
+     * @protected
+     * @returns {RootElementType} - the root element of component
+     */
+    get $root() {
+      return this._$root;
+    }
+    constructor($root) {
+      this._$root = void 0;
+      const childConstructor = this.constructor;
+      if (typeof childConstructor.moduleName !== 'string') {
+        throw new InitError(`\`moduleName\` not defined in component`);
+      }
+      if (!($root instanceof childConstructor.elementType)) {
+        throw new ElementError({
+          element: $root,
+          component: childConstructor,
+          identifier: 'Root element (`$root`)',
+          expectedType: childConstructor.elementType.name
+        });
+      } else {
+        this._$root = $root;
+      }
+      childConstructor.checkSupport();
+      this.checkInitialised();
+      const moduleName = childConstructor.moduleName;
+      this.$root.setAttribute(`data-${moduleName}-init`, '');
+    }
+    checkInitialised() {
+      const constructor = this.constructor;
+      const moduleName = constructor.moduleName;
+      if (moduleName && isInitialised(this.$root, moduleName)) {
+        throw new InitError(constructor);
+      }
+    }
+    static checkSupport() {
+      if (!isSupported()) {
+        throw new SupportError();
+      }
+    }
+  }
+
+  /**
+   * @typedef ChildClass
+   * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component
+   */
+
+  /**
+   * @typedef {typeof Component & ChildClass} ChildClassConstructor
+   */
+  Component.elementType = HTMLElement;
+
+  const configOverride = Symbol.for('configOverride');
+  class ConfigurableComponent extends Component {
+    [configOverride](param) {
+      return {};
+    }
+
+    /**
+     * Returns the root element of the component
+     *
+     * @protected
+     * @returns {ConfigurationType} - the root element of component
+     */
+    get config() {
+      return this._config;
+    }
+    constructor($root, config) {
+      super($root);
+      this._config = void 0;
+      const childConstructor = this.constructor;
+      if (!isObject(childConstructor.defaults)) {
+        throw new ConfigError(formatErrorMessage(childConstructor, 'Config passed as parameter into constructor but no defaults defined'));
+      }
+      const datasetConfig = normaliseDataset(childConstructor, this._$root.dataset);
+      this._config = mergeConfigs(childConstructor.defaults, config != null ? config : {}, this[configOverride](datasetConfig), datasetConfig);
+    }
+  }
+  function normaliseString(value, property) {
+    const trimmedValue = value ? value.trim() : '';
+    let output;
+    let outputType = property == null ? void 0 : property.type;
+    if (!outputType) {
+      if (['true', 'false'].includes(trimmedValue)) {
+        outputType = 'boolean';
+      }
+      if (trimmedValue.length > 0 && isFinite(Number(trimmedValue))) {
+        outputType = 'number';
+      }
+    }
+    switch (outputType) {
+      case 'boolean':
+        output = trimmedValue === 'true';
+        break;
+      case 'number':
+        output = Number(trimmedValue);
+        break;
+      default:
+        output = value;
+    }
+    return output;
+  }
+  function normaliseDataset(Component, dataset) {
+    if (!isObject(Component.schema)) {
+      throw new ConfigError(formatErrorMessage(Component, 'Config passed as parameter into constructor but no schema defined'));
+    }
+    const out = {};
+    const entries = Object.entries(Component.schema.properties);
+    for (const entry of entries) {
+      const [namespace, property] = entry;
+      const field = namespace.toString();
+      if (field in dataset) {
+        out[field] = normaliseString(dataset[field], property);
+      }
+      if ((property == null ? void 0 : property.type) === 'object') {
+        out[field] = extractConfigByNamespace(Component.schema, dataset, namespace);
+      }
+    }
+    return out;
+  }
+  function mergeConfigs(...configObjects) {
+    const formattedConfigObject = {};
+    for (const configObject of configObjects) {
+      for (const key of Object.keys(configObject)) {
+        const option = formattedConfigObject[key];
+        const override = configObject[key];
+        if (isObject(option) && isObject(override)) {
+          formattedConfigObject[key] = mergeConfigs(option, override);
+        } else {
+          formattedConfigObject[key] = override;
+        }
+      }
+    }
+    return formattedConfigObject;
+  }
+  function extractConfigByNamespace(schema, dataset, namespace) {
+    const property = schema.properties[namespace];
+    if ((property == null ? void 0 : property.type) !== 'object') {
+      return;
+    }
+    const newObject = {
+      [namespace]: {}
+    };
+    for (const [key, value] of Object.entries(dataset)) {
+      let current = newObject;
+      const keyParts = key.split('.');
+      for (const [index, name] of keyParts.entries()) {
+        if (isObject(current)) {
+          if (index < keyParts.length - 1) {
+            if (!isObject(current[name])) {
+              current[name] = {};
+            }
+            current = current[name];
+          } else if (key !== namespace) {
+            current[name] = normaliseString(value);
+          }
+        }
+      }
+    }
+    return newObject[namespace];
+  }
+  /**
+   * Schema for component config
+   *
+   * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType
+   * @typedef {object} Schema
+   * @property {Record<keyof ConfigurationType, SchemaProperty | undefined>} properties - Schema properties
+   * @property {SchemaCondition<ConfigurationType>[]} [anyOf] - List of schema conditions
+   */
+  /**
+   * Schema property for component config
+   *
+   * @typedef {object} SchemaProperty
+   * @property {'string' | 'boolean' | 'number' | 'object'} type - Property type
+   */
+  /**
+   * Schema condition for component config
+   *
+   * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType
+   * @typedef {object} SchemaCondition
+   * @property {(keyof ConfigurationType)[]} required - List of required config fields
+   * @property {string} errorMessage - Error message when required config fields not provided
+   */
+  /**
+   * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]
+   * @typedef ChildClass
+   * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component
+   * @property {Schema<ConfigurationType>} [schema] - The schema of the component configuration
+   * @property {ConfigurationType} [defaults] - The default values of the configuration of the component
+   */
+  /**
+   * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]
+   * @typedef {typeof Component & ChildClass<ConfigurationType>} ChildClassConstructor<ConfigurationType>
+   */
+  /**
+   * @import { CompatibleClass, Config, CreateAllOptions, OnErrorCallback } from '../init.mjs'
+   */
+
+  const DEBOUNCE_TIMEOUT_IN_SECONDS = 1;
+
+  /**
+   * JavaScript enhancements for the Button component
+   *
+   * @preserve
+   * @augments ConfigurableComponent<ButtonConfig>
+   */
+  class Button extends ConfigurableComponent {
+    /**
+     * @param {Element | null} $root - HTML element to use for button
+     * @param {ButtonConfig} [config] - Button config
+     */
+    constructor($root, config = {}) {
+      super($root, config);
+      this.debounceFormSubmitTimer = null;
+      this.$root.addEventListener('keydown', event => this.handleKeyDown(event));
+      this.$root.addEventListener('click', event => this.debounce(event));
+    }
+    handleKeyDown(event) {
+      const $target = event.target;
+      if (event.key !== ' ') {
+        return;
+      }
+      if ($target instanceof HTMLElement && $target.getAttribute('role') === 'button') {
+        event.preventDefault();
+        $target.click();
+      }
+    }
+    debounce(event) {
+      if (!this.config.preventDoubleClick) {
+        return;
+      }
+      if (this.debounceFormSubmitTimer) {
+        event.preventDefault();
+        return false;
+      }
+      this.debounceFormSubmitTimer = window.setTimeout(() => {
+        this.debounceFormSubmitTimer = null;
+      }, DEBOUNCE_TIMEOUT_IN_SECONDS * 1000);
+    }
+  }
+
+  /**
+   * Button config
+   *
+   * @typedef {object} ButtonConfig
+   * @property {boolean} [preventDoubleClick=false] - Prevent accidental double
+   *   clicks on submit buttons from submitting forms multiple times.
+   */
+
+  /**
+   * @import { Schema } from '../../common/configuration.mjs'
+   */
+  Button.moduleName = 'govuk-button';
+  Button.defaults = Object.freeze({
+    preventDoubleClick: false
+  });
+  Button.schema = Object.freeze({
+    properties: {
+      preventDoubleClick: {
+        type: 'boolean'
+      }
+    }
+  });
+
+  exports.Button = Button;
+
+}));
+//# sourceMappingURL=button.bundle.js.map
diff --git a/node_modules/govuk-frontend/dist/govuk/components/button/button.bundle.js.map b/node_modules/govuk-frontend/dist/govuk/components/button/button.bundle.js.map
new file mode 100644
index 0000000..2d7c87e
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/button/button.bundle.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"button.bundle.js","sources":["../../../../src/govuk/common/index.mjs","../../../../src/govuk/errors/index.mjs","../../../../src/govuk/component.mjs","../../../../src/govuk/common/configuration.mjs","../../../../src/govuk/components/button/button.mjs"],"sourcesContent":["/**\n * Common helpers which do not require polyfill.\n *\n * IMPORTANT: If a helper require a polyfill, please isolate it in its own module\n * so that the polyfill can be properly tree-shaken and does not burden\n * the components that do not need that helper\n */\n\n/**\n * Get GOV.UK Frontend breakpoint value from CSS custom property\n *\n * @private\n * @param {string} name - Breakpoint name\n * @returns {{ property: string, value?: string }} Breakpoint object\n */\nexport function getBreakpoint(name) {\n  const property = `--govuk-breakpoint-${name}`\n\n  // Get value from `<html>` with breakpoints on CSS :root\n  const value = window\n    .getComputedStyle(document.documentElement)\n    .getPropertyValue(property)\n\n  return {\n    property,\n    value: value || undefined\n  }\n}\n\n/**\n * Move focus to element\n *\n * Sets tabindex to -1 to make the element programmatically focusable,\n * but removes it on blur as the element doesn't need to be focused again.\n *\n * @private\n * @template {HTMLElement} FocusElement\n * @param {FocusElement} $element - HTML element\n * @param {object} [options] - Handler options\n * @param {function(this: FocusElement): void} [options.onBeforeFocus] - Callback before focus\n * @param {function(this: FocusElement): void} [options.onBlur] - Callback on blur\n */\nexport function setFocus($element, options = {}) {\n  const isFocusable = $element.getAttribute('tabindex')\n\n  if (!isFocusable) {\n    $element.setAttribute('tabindex', '-1')\n  }\n\n  /**\n   * Handle element focus\n   */\n  function onFocus() {\n    $element.addEventListener('blur', onBlur, { once: true })\n  }\n\n  /**\n   * Handle element blur\n   */\n  function onBlur() {\n    options.onBlur?.call($element)\n\n    if (!isFocusable) {\n      $element.removeAttribute('tabindex')\n    }\n  }\n\n  // Add listener to reset element on blur, after focus\n  $element.addEventListener('focus', onFocus, { once: true })\n\n  // Focus element\n  options.onBeforeFocus?.call($element)\n  $element.focus()\n}\n\n/**\n * Checks if component is already initialised\n *\n * @internal\n * @param {Element} $root - HTML element to be checked\n * @param {string} moduleName - name of component module\n * @returns {boolean} Whether component is already initialised\n */\nexport function isInitialised($root, moduleName) {\n  return (\n    $root instanceof HTMLElement &&\n    $root.hasAttribute(`data-${moduleName}-init`)\n  )\n}\n\n/**\n * Checks if GOV.UK Frontend is supported on this page\n *\n * Some browsers will load and run our JavaScript but GOV.UK Frontend\n * won't be supported.\n *\n * @param {HTMLElement | null} [$scope] - (internal) `<body>` HTML element checked for browser support\n * @returns {boolean} Whether GOV.UK Frontend is supported on this page\n */\nexport function isSupported($scope = document.body) {\n  if (!$scope) {\n    return false\n  }\n\n  return $scope.classList.contains('govuk-frontend-supported')\n}\n\n/**\n * Check for an array\n *\n * @internal\n * @param {unknown} option - Option to check\n * @returns {boolean} Whether the option is an array\n */\nfunction isArray(option) {\n  return Array.isArray(option)\n}\n\n/**\n * Check for an object\n *\n * @internal\n * @template {Partial<Record<keyof ObjectType, unknown>>} ObjectType\n * @param {unknown | ObjectType} option - Option to check\n * @returns {option is ObjectType} Whether the option is an object\n */\nexport function isObject(option) {\n  return !!option && typeof option === 'object' && !isArray(option)\n}\n\n/**\n * Check for valid scope\n *\n * @internal\n * @template {Element | Document} ScopeType\n * @param {unknown | ScopeType} $scope - Scope of the document to search within\n * @returns {$scope is ScopeType} Whether the scope can be queried\n */\nexport function isScope($scope) {\n  return !!$scope && ($scope instanceof Element || $scope instanceof Document)\n}\n\n/**\n * Format error message\n *\n * @internal\n * @param {ComponentWithModuleName} Component - Component that threw the error\n * @param {string} message - Error message\n * @returns {string} - Formatted error message\n */\nexport function formatErrorMessage(Component, message) {\n  return `${Component.moduleName}: ${message}`\n}\n\n/* eslint-disable jsdoc/valid-types --\n * `{new(...args: any[] ): object}` is not recognised as valid\n * https://github.com/gajus/eslint-plugin-jsdoc/issues/145#issuecomment-1308722878\n * https://github.com/jsdoc-type-pratt-parser/jsdoc-type-pratt-parser/issues/131\n **/\n\n/**\n * @typedef ComponentWithModuleName\n * @property {string} moduleName - Name of the component\n */\n\n/* eslint-enable jsdoc/valid-types */\n","import { formatErrorMessage, isObject } from '../common/index.mjs'\n\n/**\n * GOV.UK Frontend error\n *\n * A base class for `Error`s thrown by GOV.UK Frontend.\n *\n * It is meant to be extended into specific types of errors\n * to be thrown by our code.\n *\n * @example\n * ```js\n * class MissingRootError extends GOVUKFrontendError {\n *   // Setting an explicit name is important as extending the class will not\n *   // set a new `name` on the subclass. The `name` property is important\n *   // to ensure intelligible error names even if the class name gets\n *   // mangled by a minifier\n *   name = \"MissingRootError\"\n * }\n * ```\n * @virtual\n */\nexport class GOVUKFrontendError extends Error {\n  name = 'GOVUKFrontendError'\n}\n\n/**\n * Indicates that GOV.UK Frontend is not supported\n */\nexport class SupportError extends GOVUKFrontendError {\n  name = 'SupportError'\n\n  /**\n   * Checks if GOV.UK Frontend is supported on this page\n   *\n   * @param {HTMLElement | null} [$scope] - HTML element `<body>` checked for browser support\n   */\n  constructor($scope = document.body) {\n    const supportMessage =\n      'noModule' in HTMLScriptElement.prototype\n        ? 'GOV.UK Frontend initialised without `<body class=\"govuk-frontend-supported\">` from template `<script>` snippet'\n        : 'GOV.UK Frontend is not supported in this browser'\n\n    super(\n      $scope\n        ? supportMessage\n        : 'GOV.UK Frontend initialised without `<script type=\"module\">`'\n    )\n  }\n}\n\n/**\n * Indicates that a component has received an illegal configuration\n */\nexport class ConfigError extends GOVUKFrontendError {\n  name = 'ConfigError'\n}\n\n/**\n * Indicates an issue with an element (possibly `null` or `undefined`)\n */\nexport class ElementError extends GOVUKFrontendError {\n  name = 'ElementError'\n\n  /**\n   * @internal\n   * @overload\n   * @param {string} message - Element error message\n   */\n\n  /**\n   * @internal\n   * @overload\n   * @param {ElementErrorOptions} options - Element error options\n   */\n\n  /**\n   * @internal\n   * @param {string | ElementErrorOptions} messageOrOptions - Element error message or options\n   */\n  constructor(messageOrOptions) {\n    let message = typeof messageOrOptions === 'string' ? messageOrOptions : ''\n\n    // Build message from options\n    if (isObject(messageOrOptions)) {\n      const { component, identifier, element, expectedType } = messageOrOptions\n\n      message = identifier\n\n      // Append reason\n      message += element\n        ? ` is not of type ${expectedType ?? 'HTMLElement'}`\n        : ' not found'\n\n      // Prepend with module name (optional)\n      if (component) {\n        message = formatErrorMessage(component, message)\n      }\n    }\n\n    super(message)\n  }\n}\n\n/**\n * Indicates that a component is already initialised\n */\nexport class InitError extends GOVUKFrontendError {\n  name = 'InitError'\n\n  /**\n   * @internal\n   * @param {ComponentWithModuleName | string} componentOrMessage - name of the component module\n   */\n  constructor(componentOrMessage) {\n    const message =\n      typeof componentOrMessage === 'string'\n        ? componentOrMessage\n        : formatErrorMessage(\n            componentOrMessage,\n            `Root element (\\`$root\\`) already initialised`\n          )\n\n    super(message)\n  }\n}\n\n/**\n * Element error options\n *\n * @internal\n * @typedef {object} ElementErrorOptions\n * @property {Element | Document | null} [element] - The element in error (optional)\n * @property {ComponentWithModuleName} [component] - Component throwing the error (optional)\n * @property {string} identifier - An identifier that'll let the user understand which element has an error. This is whatever makes the most sense\n * @property {string} [expectedType] - The type that was expected for the identifier (optional)\n */\n\n/**\n * @import { ComponentWithModuleName } from '../common/index.mjs'\n */\n","import { isInitialised, isSupported } from './common/index.mjs'\nimport { ElementError, InitError, SupportError } from './errors/index.mjs'\n\n/**\n * Base Component class\n *\n * Centralises the behaviours shared by our components\n *\n * @virtual\n * @template {Element} [RootElementType=HTMLElement]\n */\nexport class Component {\n  /**\n   * @type {typeof Element}\n   */\n  static elementType = HTMLElement\n\n  // allows Typescript user to work around the lack of types\n  // in GOVUKFrontend package, Typescript is not aware of $root\n  // in components that extend GOVUKFrontendComponent\n  /**\n   * Returns the root element of the component\n   *\n   * @protected\n   * @returns {RootElementType} - the root element of component\n   */\n  get $root() {\n    return this._$root\n  }\n\n  /**\n   * @protected\n   * @type {RootElementType}\n   */\n  _$root\n\n  /**\n   * Constructs a new component, validating that GOV.UK Frontend is supported\n   *\n   * @internal\n   * @param {Element | null} [$root] - HTML element to use for component\n   */\n  constructor($root) {\n    const childConstructor = /** @type {ChildClassConstructor} */ (\n      this.constructor\n    )\n\n    // TypeScript does not enforce that inheriting classes will define a `moduleName`\n    // (even if we add a `@virtual` `static moduleName` property to this class).\n    // While we trust users to do this correctly, we do a little check to provide them\n    // a helpful error message.\n    //\n    // After this, we'll be sure that `childConstructor` has a `moduleName`\n    // as expected of the `ChildClassConstructor` we've cast `this.constructor` to.\n    if (typeof childConstructor.moduleName !== 'string') {\n      throw new InitError(`\\`moduleName\\` not defined in component`)\n    }\n\n    if (!($root instanceof childConstructor.elementType)) {\n      throw new ElementError({\n        element: $root,\n        component: childConstructor,\n        identifier: 'Root element (`$root`)',\n        expectedType: childConstructor.elementType.name\n      })\n    } else {\n      this._$root = /** @type {RootElementType} */ ($root)\n    }\n\n    childConstructor.checkSupport()\n\n    this.checkInitialised()\n\n    const moduleName = childConstructor.moduleName\n\n    this.$root.setAttribute(`data-${moduleName}-init`, '')\n  }\n\n  /**\n   * Validates whether component is already initialised\n   *\n   * @private\n   * @throws {InitError} when component is already initialised\n   */\n  checkInitialised() {\n    const constructor = /** @type {ChildClassConstructor} */ (this.constructor)\n    const moduleName = constructor.moduleName\n\n    if (moduleName && isInitialised(this.$root, moduleName)) {\n      throw new InitError(constructor)\n    }\n  }\n\n  /**\n   * Validates whether components are supported\n   *\n   * @throws {SupportError} when the components are not supported\n   */\n  static checkSupport() {\n    if (!isSupported()) {\n      throw new SupportError()\n    }\n  }\n}\n\n/**\n * @typedef ChildClass\n * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component\n */\n\n/**\n * @typedef {typeof Component & ChildClass} ChildClassConstructor\n */\n","import { Component } from '../component.mjs'\nimport { ConfigError } from '../errors/index.mjs'\n\nimport { isObject, isScope, formatErrorMessage } from './index.mjs'\n\nexport const configOverride = Symbol.for('configOverride')\n\n/**\n * Base Component class\n *\n * Centralises the behaviours shared by our components\n *\n * @virtual\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]\n * @template {Element & { dataset: DOMStringMap }} [RootElementType=HTMLElement]\n * @augments Component<RootElementType>\n */\nexport class ConfigurableComponent extends Component {\n  /**\n   * configOverride\n   *\n   * Function which defines configuration overrides to prioritize\n   * properties from the root element's dataset.\n   *\n   * It should take a subset of configuration as input and return\n   * a new configuration object with properties that should be\n   * overridden based on the root element's dataset. A Symbol\n   * is used for indexing to prevent conflicts.\n   *\n   * @internal\n   * @virtual\n   * @param {Partial<ConfigurationType>} [param] - Configuration object\n   * @returns {Partial<ConfigurationType>} return - Configuration object\n   */\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  [configOverride](param) {\n    return {}\n  }\n\n  /**\n   * Returns the root element of the component\n   *\n   * @protected\n   * @returns {ConfigurationType} - the root element of component\n   */\n  get config() {\n    return this._config\n  }\n\n  /**\n   *\n   * @type {ConfigurationType}\n   */\n  _config\n\n  /**\n   * Constructs a new component, validating that GOV.UK Frontend is supported\n   *\n   * @internal\n   * @param {Element | null} [$root] - HTML element to use for component\n   * @param {ConfigurationType} [config] - HTML element to use for component\n   */\n  constructor($root, config) {\n    super($root)\n\n    const childConstructor =\n      /** @type {ChildClassConstructor<ConfigurationType>} */ (this.constructor)\n\n    if (!isObject(childConstructor.defaults)) {\n      throw new ConfigError(\n        formatErrorMessage(\n          childConstructor,\n          'Config passed as parameter into constructor but no defaults defined'\n        )\n      )\n    }\n\n    const datasetConfig = /** @type {ConfigurationType} */ (\n      normaliseDataset(childConstructor, this._$root.dataset)\n    )\n\n    this._config = /** @type {ConfigurationType} */ (\n      mergeConfigs(\n        childConstructor.defaults,\n        config ?? {},\n        this[configOverride](datasetConfig),\n        datasetConfig\n      )\n    )\n  }\n}\n\n/**\n * Normalise string\n *\n * 'If it looks like a duck, and it quacks like a duck…' 🦆\n *\n * If the passed value looks like a boolean or a number, convert it to a boolean\n * or number.\n *\n * Designed to be used to convert config passed via data attributes (which are\n * always strings) into something sensible.\n *\n * @internal\n * @param {DOMStringMap[string]} value - The value to normalise\n * @param {SchemaProperty} [property] - Component schema property\n * @returns {string | boolean | number | undefined} Normalised data\n */\nexport function normaliseString(value, property) {\n  const trimmedValue = value ? value.trim() : ''\n\n  let output\n  let outputType = property?.type\n\n  // No schema type set? Determine automatically\n  if (!outputType) {\n    if (['true', 'false'].includes(trimmedValue)) {\n      outputType = 'boolean'\n    }\n\n    // Empty / whitespace-only strings are considered finite so we need to check\n    // the length of the trimmed string as well\n    if (trimmedValue.length > 0 && isFinite(Number(trimmedValue))) {\n      outputType = 'number'\n    }\n  }\n\n  switch (outputType) {\n    case 'boolean':\n      output = trimmedValue === 'true'\n      break\n\n    case 'number':\n      output = Number(trimmedValue)\n      break\n\n    default:\n      output = value\n  }\n\n  return output\n}\n\n/**\n * Normalise dataset\n *\n * Loop over an object and normalise each value using {@link normaliseString},\n * optionally expanding nested `i18n.field`\n *\n * @internal\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @template {[keyof ConfigurationType, SchemaProperty | undefined][]} SchemaEntryType\n * @param {{ schema?: Schema<ConfigurationType>, moduleName: string }} Component - Component class\n * @param {DOMStringMap} dataset - HTML element dataset\n * @returns {ObjectNested} Normalised dataset\n */\nexport function normaliseDataset(Component, dataset) {\n  if (!isObject(Component.schema)) {\n    throw new ConfigError(\n      formatErrorMessage(\n        Component,\n        'Config passed as parameter into constructor but no schema defined'\n      )\n    )\n  }\n\n  const out = /** @type {ObjectNested} */ ({})\n  const entries = /** @type {SchemaEntryType} */ (\n    Object.entries(Component.schema.properties)\n  )\n\n  // Normalise top-level dataset ('data-*') values using schema types\n  for (const entry of entries) {\n    const [namespace, property] = entry\n\n    // Cast the `namespace` to string so it can be used to access the dataset\n    const field = namespace.toString()\n\n    if (field in dataset) {\n      out[field] = normaliseString(dataset[field], property)\n    }\n\n    /**\n     * Extract and normalise nested object values automatically using\n     * {@link normaliseString} but only schema object types are allowed\n     */\n    if (property?.type === 'object') {\n      out[field] = extractConfigByNamespace(\n        Component.schema,\n        dataset,\n        namespace\n      )\n    }\n  }\n\n  return out\n}\n\n/**\n * Normalise options passed to `initAll` or `createAll`\n *\n * @internal\n * @template {CompatibleClass} ComponentClass\n * @param {Config | CreateAllOptions<ComponentClass> | OnErrorCallback<ComponentClass> | Element | Document | null} [scopeOrOptions] - Scope of the document to search within, initialisation options or error callback function\n * @returns {CreateAllOptions<ComponentClass>} Normalised options\n */\nexport function normaliseOptions(scopeOrOptions) {\n  let /** @type {Element | Document | null} */ $scope = document\n  let /** @type {OnErrorCallback<ComponentClass> | undefined} */ onError\n\n  // Handle options object\n  if (isObject(scopeOrOptions)) {\n    const options = scopeOrOptions\n\n    // Scope must be valid or null\n    if (isScope(options.scope) || options.scope === null) {\n      $scope = options.scope\n    }\n\n    // Error handler must be a function\n    if (typeof options.onError === 'function') {\n      onError = options.onError\n    }\n  }\n\n  if (isScope(scopeOrOptions)) {\n    $scope = scopeOrOptions\n  } else if (scopeOrOptions === null) {\n    $scope = null\n  } else if (typeof scopeOrOptions === 'function') {\n    onError = scopeOrOptions\n  }\n\n  return {\n    scope: $scope,\n    onError\n  }\n}\n\n/**\n * Config merging function\n *\n * Takes any number of objects and combines them together, with\n * greatest priority on the LAST item passed in.\n *\n * @internal\n * @param {...{ [key: string]: unknown }} configObjects - Config objects to merge\n * @returns {{ [key: string]: unknown }} A merged config object\n */\nexport function mergeConfigs(...configObjects) {\n  // Start with an empty object as our base\n  /** @type {{ [key: string]: unknown }} */\n  const formattedConfigObject = {}\n\n  // Loop through each of the passed objects\n  for (const configObject of configObjects) {\n    for (const key of Object.keys(configObject)) {\n      const option = formattedConfigObject[key]\n      const override = configObject[key]\n\n      // Push their keys one-by-one into formattedConfigObject. Any duplicate\n      // keys with object values will be merged, otherwise the new value will\n      // override the existing value.\n      if (isObject(option) && isObject(override)) {\n        formattedConfigObject[key] = mergeConfigs(option, override)\n      } else {\n        // Apply override\n        formattedConfigObject[key] = override\n      }\n    }\n  }\n\n  return formattedConfigObject\n}\n\n/**\n * Validate component config by schema\n *\n * Follows limited examples in JSON schema for wider support in future\n *\n * {@link https://ajv.js.org/json-schema.html#compound-keywords}\n * {@link https://ajv.js.org/packages/ajv-errors.html#single-message}\n *\n * @internal\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @param {Schema<ConfigurationType>} schema - The schema of a component\n * @param {ConfigurationType} config - Component config\n * @returns {string[]} List of validation errors\n */\nexport function validateConfig(schema, config) {\n  const validationErrors = []\n\n  // Check errors for each schema\n  for (const [name, conditions] of Object.entries(schema)) {\n    const errors = []\n\n    // Check errors for each schema condition\n    if (Array.isArray(conditions)) {\n      for (const { required, errorMessage } of conditions) {\n        if (!required.every((key) => !!config[key])) {\n          errors.push(errorMessage) // Missing config key value\n        }\n      }\n\n      // Check one condition passes or add errors\n      if (name === 'anyOf' && !(conditions.length - errors.length >= 1)) {\n        validationErrors.push(...errors)\n      }\n    }\n  }\n\n  return validationErrors\n}\n\n/**\n * Extracts keys starting with a particular namespace from dataset ('data-*')\n * object, removing the namespace in the process, normalising all values\n *\n * @internal\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @param {Schema<ConfigurationType>} schema - The schema of a component\n * @param {DOMStringMap} dataset - The object to extract key-value pairs from\n * @param {keyof ConfigurationType} namespace - The namespace to filter keys with\n * @returns {ObjectNested | undefined} Nested object with dot-separated key namespace removed\n */\nexport function extractConfigByNamespace(schema, dataset, namespace) {\n  const property = schema.properties[namespace]\n\n  // Only extract configs for object schema properties\n  if (property?.type !== 'object') {\n    return\n  }\n\n  // Add default empty config\n  const newObject = /** @type {Record<typeof namespace, ObjectNested>} */ ({\n    [namespace]: {}\n  })\n\n  for (const [key, value] of Object.entries(dataset)) {\n    /** @type {ObjectNested | ObjectNested[NestedKey]} */\n    let current = newObject\n\n    // Split the key into parts, using . as our namespace separator\n    const keyParts = key.split('.')\n\n    /**\n     * Create new level per part\n     *\n     * e.g. 'i18n.textareaDescription.other' becomes\n     * `{ i18n: { textareaDescription: { other } } }`\n     */\n    for (const [index, name] of keyParts.entries()) {\n      if (isObject(current)) {\n        // Drop down to nested object until the last part\n        if (index < keyParts.length - 1) {\n          // New nested object (optionally) replaces existing value\n          if (!isObject(current[name])) {\n            current[name] = {}\n          }\n\n          // Drop down into new or existing nested object\n          current = current[name]\n        } else if (key !== namespace) {\n          // Normalised value (optionally) replaces existing value\n          current[name] = normaliseString(value)\n        }\n      }\n    }\n  }\n\n  return newObject[namespace]\n}\n\n/**\n * @internal\n * @typedef {keyof ObjectNested} NestedKey\n * @typedef {{ [key: string]: string | boolean | number | ObjectNested | undefined }} ObjectNested\n */\n\n/**\n * Schema for component config\n *\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @typedef {object} Schema\n * @property {Record<keyof ConfigurationType, SchemaProperty | undefined>} properties - Schema properties\n * @property {SchemaCondition<ConfigurationType>[]} [anyOf] - List of schema conditions\n */\n\n/**\n * Schema property for component config\n *\n * @typedef {object} SchemaProperty\n * @property {'string' | 'boolean' | 'number' | 'object'} type - Property type\n */\n\n/**\n * Schema condition for component config\n *\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @typedef {object} SchemaCondition\n * @property {(keyof ConfigurationType)[]} required - List of required config fields\n * @property {string} errorMessage - Error message when required config fields not provided\n */\n\n/**\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]\n * @typedef ChildClass\n * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component\n * @property {Schema<ConfigurationType>} [schema] - The schema of the component configuration\n * @property {ConfigurationType} [defaults] - The default values of the configuration of the component\n */\n\n/**\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]\n * @typedef {typeof Component & ChildClass<ConfigurationType>} ChildClassConstructor<ConfigurationType>\n */\n\n/**\n * @import { CompatibleClass, Config, CreateAllOptions, OnErrorCallback } from '../init.mjs'\n */\n","import { ConfigurableComponent } from '../../common/configuration.mjs'\n\nconst DEBOUNCE_TIMEOUT_IN_SECONDS = 1\n\n/**\n * JavaScript enhancements for the Button component\n *\n * @preserve\n * @augments ConfigurableComponent<ButtonConfig>\n */\nexport class Button extends ConfigurableComponent {\n  /**\n   * @private\n   * @type {number | null}\n   */\n  debounceFormSubmitTimer = null\n\n  /**\n   * @param {Element | null} $root - HTML element to use for button\n   * @param {ButtonConfig} [config] - Button config\n   */\n  constructor($root, config = {}) {\n    super($root, config)\n\n    this.$root.addEventListener('keydown', (event) => this.handleKeyDown(event))\n    this.$root.addEventListener('click', (event) => this.debounce(event))\n  }\n\n  /**\n   * Trigger a click event when the space key is pressed\n   *\n   * Some screen readers tell users they can use the space bar to activate\n   * things with the 'button' role, so we need to match the functionality of\n   * native HTML buttons.\n   *\n   * See https://github.com/alphagov/govuk_elements/pull/272#issuecomment-233028270\n   *\n   * @private\n   * @param {KeyboardEvent} event - Keydown event\n   */\n  handleKeyDown(event) {\n    const $target = event.target\n\n    // Handle space bar only\n    if (event.key !== ' ') {\n      return\n    }\n\n    // Handle elements with [role=\"button\"] only\n    if (\n      $target instanceof HTMLElement &&\n      $target.getAttribute('role') === 'button'\n    ) {\n      event.preventDefault() // prevent the page from scrolling\n      $target.click()\n    }\n  }\n\n  /**\n   * Debounce double-clicks\n   *\n   * If the click quickly succeeds a previous click then nothing will happen.\n   * This stops people accidentally causing multiple form submissions by double\n   * clicking buttons.\n   *\n   * @private\n   * @param {MouseEvent} event - Mouse click event\n   * @returns {undefined | false} Returns undefined, or false when debounced\n   */\n  debounce(event) {\n    // Check the button that was clicked has preventDoubleClick enabled\n    if (!this.config.preventDoubleClick) {\n      return\n    }\n\n    // If the timer is still running, prevent the click from submitting the form\n    if (this.debounceFormSubmitTimer) {\n      event.preventDefault()\n      return false\n    }\n\n    this.debounceFormSubmitTimer = window.setTimeout(() => {\n      this.debounceFormSubmitTimer = null\n    }, DEBOUNCE_TIMEOUT_IN_SECONDS * 1000)\n  }\n\n  /**\n   * Name for the component used when initialising using data-module attributes.\n   */\n  static moduleName = 'govuk-button'\n\n  /**\n   * Button default config\n   *\n   * @see {@link ButtonConfig}\n   * @constant\n   * @type {ButtonConfig}\n   */\n  static defaults = Object.freeze({\n    preventDoubleClick: false\n  })\n\n  /**\n   * Button config schema\n   *\n   * @constant\n   * @satisfies {Schema<ButtonConfig>}\n   */\n  static schema = Object.freeze({\n    properties: {\n      preventDoubleClick: { type: 'boolean' }\n    }\n  })\n}\n\n/**\n * Button config\n *\n * @typedef {object} ButtonConfig\n * @property {boolean} [preventDoubleClick=false] - Prevent accidental double\n *   clicks on submit buttons from submitting forms multiple times.\n */\n\n/**\n * @import { Schema } from '../../common/configuration.mjs'\n */\n"],"names":["isInitialised","$root","moduleName","HTMLElement","hasAttribute","isSupported","$scope","document","body","classList","contains","isArray","option","Array","isObject","formatErrorMessage","Component","message","GOVUKFrontendError","Error","constructor","args","name","SupportError","supportMessage","HTMLScriptElement","prototype","ConfigError","ElementError","messageOrOptions","component","identifier","element","expectedType","InitError","componentOrMessage","_$root","childConstructor","elementType","checkSupport","checkInitialised","setAttribute","configOverride","Symbol","for","ConfigurableComponent","param","config","_config","defaults","datasetConfig","normaliseDataset","dataset","mergeConfigs","normaliseString","value","property","trimmedValue","trim","output","outputType","type","includes","length","isFinite","Number","schema","out","entries","Object","properties","entry","namespace","field","toString","extractConfigByNamespace","configObjects","formattedConfigObject","configObject","key","keys","override","newObject","current","keyParts","split","index","DEBOUNCE_TIMEOUT_IN_SECONDS","Button","debounceFormSubmitTimer","addEventListener","event","handleKeyDown","debounce","$target","target","getAttribute","preventDefault","click","preventDoubleClick","window","setTimeout","freeze"],"mappings":"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"}
\ No newline at end of file
diff --git a/node_modules/govuk-frontend/dist/govuk/components/button/button.bundle.mjs b/node_modules/govuk-frontend/dist/govuk/components/button/button.bundle.mjs
new file mode 100644
index 0000000..6f0a4e8
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/button/button.bundle.mjs
@@ -0,0 +1,357 @@
+function isInitialised($root, moduleName) {
+  return $root instanceof HTMLElement && $root.hasAttribute(`data-${moduleName}-init`);
+}
+
+/**
+ * Checks if GOV.UK Frontend is supported on this page
+ *
+ * Some browsers will load and run our JavaScript but GOV.UK Frontend
+ * won't be supported.
+ *
+ * @param {HTMLElement | null} [$scope] - (internal) `<body>` HTML element checked for browser support
+ * @returns {boolean} Whether GOV.UK Frontend is supported on this page
+ */
+function isSupported($scope = document.body) {
+  if (!$scope) {
+    return false;
+  }
+  return $scope.classList.contains('govuk-frontend-supported');
+}
+function isArray(option) {
+  return Array.isArray(option);
+}
+function isObject(option) {
+  return !!option && typeof option === 'object' && !isArray(option);
+}
+function formatErrorMessage(Component, message) {
+  return `${Component.moduleName}: ${message}`;
+}
+/**
+ * @typedef ComponentWithModuleName
+ * @property {string} moduleName - Name of the component
+ */
+
+class GOVUKFrontendError extends Error {
+  constructor(...args) {
+    super(...args);
+    this.name = 'GOVUKFrontendError';
+  }
+}
+class SupportError extends GOVUKFrontendError {
+  /**
+   * Checks if GOV.UK Frontend is supported on this page
+   *
+   * @param {HTMLElement | null} [$scope] - HTML element `<body>` checked for browser support
+   */
+  constructor($scope = document.body) {
+    const supportMessage = 'noModule' in HTMLScriptElement.prototype ? 'GOV.UK Frontend initialised without `<body class="govuk-frontend-supported">` from template `<script>` snippet' : 'GOV.UK Frontend is not supported in this browser';
+    super($scope ? supportMessage : 'GOV.UK Frontend initialised without `<script type="module">`');
+    this.name = 'SupportError';
+  }
+}
+class ConfigError extends GOVUKFrontendError {
+  constructor(...args) {
+    super(...args);
+    this.name = 'ConfigError';
+  }
+}
+class ElementError extends GOVUKFrontendError {
+  constructor(messageOrOptions) {
+    let message = typeof messageOrOptions === 'string' ? messageOrOptions : '';
+    if (isObject(messageOrOptions)) {
+      const {
+        component,
+        identifier,
+        element,
+        expectedType
+      } = messageOrOptions;
+      message = identifier;
+      message += element ? ` is not of type ${expectedType != null ? expectedType : 'HTMLElement'}` : ' not found';
+      if (component) {
+        message = formatErrorMessage(component, message);
+      }
+    }
+    super(message);
+    this.name = 'ElementError';
+  }
+}
+class InitError extends GOVUKFrontendError {
+  constructor(componentOrMessage) {
+    const message = typeof componentOrMessage === 'string' ? componentOrMessage : formatErrorMessage(componentOrMessage, `Root element (\`$root\`) already initialised`);
+    super(message);
+    this.name = 'InitError';
+  }
+}
+/**
+ * @import { ComponentWithModuleName } from '../common/index.mjs'
+ */
+
+class Component {
+  /**
+   * Returns the root element of the component
+   *
+   * @protected
+   * @returns {RootElementType} - the root element of component
+   */
+  get $root() {
+    return this._$root;
+  }
+  constructor($root) {
+    this._$root = void 0;
+    const childConstructor = this.constructor;
+    if (typeof childConstructor.moduleName !== 'string') {
+      throw new InitError(`\`moduleName\` not defined in component`);
+    }
+    if (!($root instanceof childConstructor.elementType)) {
+      throw new ElementError({
+        element: $root,
+        component: childConstructor,
+        identifier: 'Root element (`$root`)',
+        expectedType: childConstructor.elementType.name
+      });
+    } else {
+      this._$root = $root;
+    }
+    childConstructor.checkSupport();
+    this.checkInitialised();
+    const moduleName = childConstructor.moduleName;
+    this.$root.setAttribute(`data-${moduleName}-init`, '');
+  }
+  checkInitialised() {
+    const constructor = this.constructor;
+    const moduleName = constructor.moduleName;
+    if (moduleName && isInitialised(this.$root, moduleName)) {
+      throw new InitError(constructor);
+    }
+  }
+  static checkSupport() {
+    if (!isSupported()) {
+      throw new SupportError();
+    }
+  }
+}
+
+/**
+ * @typedef ChildClass
+ * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component
+ */
+
+/**
+ * @typedef {typeof Component & ChildClass} ChildClassConstructor
+ */
+Component.elementType = HTMLElement;
+
+const configOverride = Symbol.for('configOverride');
+class ConfigurableComponent extends Component {
+  [configOverride](param) {
+    return {};
+  }
+
+  /**
+   * Returns the root element of the component
+   *
+   * @protected
+   * @returns {ConfigurationType} - the root element of component
+   */
+  get config() {
+    return this._config;
+  }
+  constructor($root, config) {
+    super($root);
+    this._config = void 0;
+    const childConstructor = this.constructor;
+    if (!isObject(childConstructor.defaults)) {
+      throw new ConfigError(formatErrorMessage(childConstructor, 'Config passed as parameter into constructor but no defaults defined'));
+    }
+    const datasetConfig = normaliseDataset(childConstructor, this._$root.dataset);
+    this._config = mergeConfigs(childConstructor.defaults, config != null ? config : {}, this[configOverride](datasetConfig), datasetConfig);
+  }
+}
+function normaliseString(value, property) {
+  const trimmedValue = value ? value.trim() : '';
+  let output;
+  let outputType = property == null ? void 0 : property.type;
+  if (!outputType) {
+    if (['true', 'false'].includes(trimmedValue)) {
+      outputType = 'boolean';
+    }
+    if (trimmedValue.length > 0 && isFinite(Number(trimmedValue))) {
+      outputType = 'number';
+    }
+  }
+  switch (outputType) {
+    case 'boolean':
+      output = trimmedValue === 'true';
+      break;
+    case 'number':
+      output = Number(trimmedValue);
+      break;
+    default:
+      output = value;
+  }
+  return output;
+}
+function normaliseDataset(Component, dataset) {
+  if (!isObject(Component.schema)) {
+    throw new ConfigError(formatErrorMessage(Component, 'Config passed as parameter into constructor but no schema defined'));
+  }
+  const out = {};
+  const entries = Object.entries(Component.schema.properties);
+  for (const entry of entries) {
+    const [namespace, property] = entry;
+    const field = namespace.toString();
+    if (field in dataset) {
+      out[field] = normaliseString(dataset[field], property);
+    }
+    if ((property == null ? void 0 : property.type) === 'object') {
+      out[field] = extractConfigByNamespace(Component.schema, dataset, namespace);
+    }
+  }
+  return out;
+}
+function mergeConfigs(...configObjects) {
+  const formattedConfigObject = {};
+  for (const configObject of configObjects) {
+    for (const key of Object.keys(configObject)) {
+      const option = formattedConfigObject[key];
+      const override = configObject[key];
+      if (isObject(option) && isObject(override)) {
+        formattedConfigObject[key] = mergeConfigs(option, override);
+      } else {
+        formattedConfigObject[key] = override;
+      }
+    }
+  }
+  return formattedConfigObject;
+}
+function extractConfigByNamespace(schema, dataset, namespace) {
+  const property = schema.properties[namespace];
+  if ((property == null ? void 0 : property.type) !== 'object') {
+    return;
+  }
+  const newObject = {
+    [namespace]: {}
+  };
+  for (const [key, value] of Object.entries(dataset)) {
+    let current = newObject;
+    const keyParts = key.split('.');
+    for (const [index, name] of keyParts.entries()) {
+      if (isObject(current)) {
+        if (index < keyParts.length - 1) {
+          if (!isObject(current[name])) {
+            current[name] = {};
+          }
+          current = current[name];
+        } else if (key !== namespace) {
+          current[name] = normaliseString(value);
+        }
+      }
+    }
+  }
+  return newObject[namespace];
+}
+/**
+ * Schema for component config
+ *
+ * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType
+ * @typedef {object} Schema
+ * @property {Record<keyof ConfigurationType, SchemaProperty | undefined>} properties - Schema properties
+ * @property {SchemaCondition<ConfigurationType>[]} [anyOf] - List of schema conditions
+ */
+/**
+ * Schema property for component config
+ *
+ * @typedef {object} SchemaProperty
+ * @property {'string' | 'boolean' | 'number' | 'object'} type - Property type
+ */
+/**
+ * Schema condition for component config
+ *
+ * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType
+ * @typedef {object} SchemaCondition
+ * @property {(keyof ConfigurationType)[]} required - List of required config fields
+ * @property {string} errorMessage - Error message when required config fields not provided
+ */
+/**
+ * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]
+ * @typedef ChildClass
+ * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component
+ * @property {Schema<ConfigurationType>} [schema] - The schema of the component configuration
+ * @property {ConfigurationType} [defaults] - The default values of the configuration of the component
+ */
+/**
+ * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]
+ * @typedef {typeof Component & ChildClass<ConfigurationType>} ChildClassConstructor<ConfigurationType>
+ */
+/**
+ * @import { CompatibleClass, Config, CreateAllOptions, OnErrorCallback } from '../init.mjs'
+ */
+
+const DEBOUNCE_TIMEOUT_IN_SECONDS = 1;
+
+/**
+ * JavaScript enhancements for the Button component
+ *
+ * @preserve
+ * @augments ConfigurableComponent<ButtonConfig>
+ */
+class Button extends ConfigurableComponent {
+  /**
+   * @param {Element | null} $root - HTML element to use for button
+   * @param {ButtonConfig} [config] - Button config
+   */
+  constructor($root, config = {}) {
+    super($root, config);
+    this.debounceFormSubmitTimer = null;
+    this.$root.addEventListener('keydown', event => this.handleKeyDown(event));
+    this.$root.addEventListener('click', event => this.debounce(event));
+  }
+  handleKeyDown(event) {
+    const $target = event.target;
+    if (event.key !== ' ') {
+      return;
+    }
+    if ($target instanceof HTMLElement && $target.getAttribute('role') === 'button') {
+      event.preventDefault();
+      $target.click();
+    }
+  }
+  debounce(event) {
+    if (!this.config.preventDoubleClick) {
+      return;
+    }
+    if (this.debounceFormSubmitTimer) {
+      event.preventDefault();
+      return false;
+    }
+    this.debounceFormSubmitTimer = window.setTimeout(() => {
+      this.debounceFormSubmitTimer = null;
+    }, DEBOUNCE_TIMEOUT_IN_SECONDS * 1000);
+  }
+}
+
+/**
+ * Button config
+ *
+ * @typedef {object} ButtonConfig
+ * @property {boolean} [preventDoubleClick=false] - Prevent accidental double
+ *   clicks on submit buttons from submitting forms multiple times.
+ */
+
+/**
+ * @import { Schema } from '../../common/configuration.mjs'
+ */
+Button.moduleName = 'govuk-button';
+Button.defaults = Object.freeze({
+  preventDoubleClick: false
+});
+Button.schema = Object.freeze({
+  properties: {
+    preventDoubleClick: {
+      type: 'boolean'
+    }
+  }
+});
+
+export { Button };
+//# sourceMappingURL=button.bundle.mjs.map
diff --git a/node_modules/govuk-frontend/dist/govuk/components/button/button.bundle.mjs.map b/node_modules/govuk-frontend/dist/govuk/components/button/button.bundle.mjs.map
new file mode 100644
index 0000000..e60059a
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/button/button.bundle.mjs.map
@@ -0,0 +1 @@
+{"version":3,"file":"button.bundle.mjs","sources":["../../../../src/govuk/common/index.mjs","../../../../src/govuk/errors/index.mjs","../../../../src/govuk/component.mjs","../../../../src/govuk/common/configuration.mjs","../../../../src/govuk/components/button/button.mjs"],"sourcesContent":["/**\n * Common helpers which do not require polyfill.\n *\n * IMPORTANT: If a helper require a polyfill, please isolate it in its own module\n * so that the polyfill can be properly tree-shaken and does not burden\n * the components that do not need that helper\n */\n\n/**\n * Get GOV.UK Frontend breakpoint value from CSS custom property\n *\n * @private\n * @param {string} name - Breakpoint name\n * @returns {{ property: string, value?: string }} Breakpoint object\n */\nexport function getBreakpoint(name) {\n  const property = `--govuk-breakpoint-${name}`\n\n  // Get value from `<html>` with breakpoints on CSS :root\n  const value = window\n    .getComputedStyle(document.documentElement)\n    .getPropertyValue(property)\n\n  return {\n    property,\n    value: value || undefined\n  }\n}\n\n/**\n * Move focus to element\n *\n * Sets tabindex to -1 to make the element programmatically focusable,\n * but removes it on blur as the element doesn't need to be focused again.\n *\n * @private\n * @template {HTMLElement} FocusElement\n * @param {FocusElement} $element - HTML element\n * @param {object} [options] - Handler options\n * @param {function(this: FocusElement): void} [options.onBeforeFocus] - Callback before focus\n * @param {function(this: FocusElement): void} [options.onBlur] - Callback on blur\n */\nexport function setFocus($element, options = {}) {\n  const isFocusable = $element.getAttribute('tabindex')\n\n  if (!isFocusable) {\n    $element.setAttribute('tabindex', '-1')\n  }\n\n  /**\n   * Handle element focus\n   */\n  function onFocus() {\n    $element.addEventListener('blur', onBlur, { once: true })\n  }\n\n  /**\n   * Handle element blur\n   */\n  function onBlur() {\n    options.onBlur?.call($element)\n\n    if (!isFocusable) {\n      $element.removeAttribute('tabindex')\n    }\n  }\n\n  // Add listener to reset element on blur, after focus\n  $element.addEventListener('focus', onFocus, { once: true })\n\n  // Focus element\n  options.onBeforeFocus?.call($element)\n  $element.focus()\n}\n\n/**\n * Checks if component is already initialised\n *\n * @internal\n * @param {Element} $root - HTML element to be checked\n * @param {string} moduleName - name of component module\n * @returns {boolean} Whether component is already initialised\n */\nexport function isInitialised($root, moduleName) {\n  return (\n    $root instanceof HTMLElement &&\n    $root.hasAttribute(`data-${moduleName}-init`)\n  )\n}\n\n/**\n * Checks if GOV.UK Frontend is supported on this page\n *\n * Some browsers will load and run our JavaScript but GOV.UK Frontend\n * won't be supported.\n *\n * @param {HTMLElement | null} [$scope] - (internal) `<body>` HTML element checked for browser support\n * @returns {boolean} Whether GOV.UK Frontend is supported on this page\n */\nexport function isSupported($scope = document.body) {\n  if (!$scope) {\n    return false\n  }\n\n  return $scope.classList.contains('govuk-frontend-supported')\n}\n\n/**\n * Check for an array\n *\n * @internal\n * @param {unknown} option - Option to check\n * @returns {boolean} Whether the option is an array\n */\nfunction isArray(option) {\n  return Array.isArray(option)\n}\n\n/**\n * Check for an object\n *\n * @internal\n * @template {Partial<Record<keyof ObjectType, unknown>>} ObjectType\n * @param {unknown | ObjectType} option - Option to check\n * @returns {option is ObjectType} Whether the option is an object\n */\nexport function isObject(option) {\n  return !!option && typeof option === 'object' && !isArray(option)\n}\n\n/**\n * Check for valid scope\n *\n * @internal\n * @template {Element | Document} ScopeType\n * @param {unknown | ScopeType} $scope - Scope of the document to search within\n * @returns {$scope is ScopeType} Whether the scope can be queried\n */\nexport function isScope($scope) {\n  return !!$scope && ($scope instanceof Element || $scope instanceof Document)\n}\n\n/**\n * Format error message\n *\n * @internal\n * @param {ComponentWithModuleName} Component - Component that threw the error\n * @param {string} message - Error message\n * @returns {string} - Formatted error message\n */\nexport function formatErrorMessage(Component, message) {\n  return `${Component.moduleName}: ${message}`\n}\n\n/* eslint-disable jsdoc/valid-types --\n * `{new(...args: any[] ): object}` is not recognised as valid\n * https://github.com/gajus/eslint-plugin-jsdoc/issues/145#issuecomment-1308722878\n * https://github.com/jsdoc-type-pratt-parser/jsdoc-type-pratt-parser/issues/131\n **/\n\n/**\n * @typedef ComponentWithModuleName\n * @property {string} moduleName - Name of the component\n */\n\n/* eslint-enable jsdoc/valid-types */\n","import { formatErrorMessage, isObject } from '../common/index.mjs'\n\n/**\n * GOV.UK Frontend error\n *\n * A base class for `Error`s thrown by GOV.UK Frontend.\n *\n * It is meant to be extended into specific types of errors\n * to be thrown by our code.\n *\n * @example\n * ```js\n * class MissingRootError extends GOVUKFrontendError {\n *   // Setting an explicit name is important as extending the class will not\n *   // set a new `name` on the subclass. The `name` property is important\n *   // to ensure intelligible error names even if the class name gets\n *   // mangled by a minifier\n *   name = \"MissingRootError\"\n * }\n * ```\n * @virtual\n */\nexport class GOVUKFrontendError extends Error {\n  name = 'GOVUKFrontendError'\n}\n\n/**\n * Indicates that GOV.UK Frontend is not supported\n */\nexport class SupportError extends GOVUKFrontendError {\n  name = 'SupportError'\n\n  /**\n   * Checks if GOV.UK Frontend is supported on this page\n   *\n   * @param {HTMLElement | null} [$scope] - HTML element `<body>` checked for browser support\n   */\n  constructor($scope = document.body) {\n    const supportMessage =\n      'noModule' in HTMLScriptElement.prototype\n        ? 'GOV.UK Frontend initialised without `<body class=\"govuk-frontend-supported\">` from template `<script>` snippet'\n        : 'GOV.UK Frontend is not supported in this browser'\n\n    super(\n      $scope\n        ? supportMessage\n        : 'GOV.UK Frontend initialised without `<script type=\"module\">`'\n    )\n  }\n}\n\n/**\n * Indicates that a component has received an illegal configuration\n */\nexport class ConfigError extends GOVUKFrontendError {\n  name = 'ConfigError'\n}\n\n/**\n * Indicates an issue with an element (possibly `null` or `undefined`)\n */\nexport class ElementError extends GOVUKFrontendError {\n  name = 'ElementError'\n\n  /**\n   * @internal\n   * @overload\n   * @param {string} message - Element error message\n   */\n\n  /**\n   * @internal\n   * @overload\n   * @param {ElementErrorOptions} options - Element error options\n   */\n\n  /**\n   * @internal\n   * @param {string | ElementErrorOptions} messageOrOptions - Element error message or options\n   */\n  constructor(messageOrOptions) {\n    let message = typeof messageOrOptions === 'string' ? messageOrOptions : ''\n\n    // Build message from options\n    if (isObject(messageOrOptions)) {\n      const { component, identifier, element, expectedType } = messageOrOptions\n\n      message = identifier\n\n      // Append reason\n      message += element\n        ? ` is not of type ${expectedType ?? 'HTMLElement'}`\n        : ' not found'\n\n      // Prepend with module name (optional)\n      if (component) {\n        message = formatErrorMessage(component, message)\n      }\n    }\n\n    super(message)\n  }\n}\n\n/**\n * Indicates that a component is already initialised\n */\nexport class InitError extends GOVUKFrontendError {\n  name = 'InitError'\n\n  /**\n   * @internal\n   * @param {ComponentWithModuleName | string} componentOrMessage - name of the component module\n   */\n  constructor(componentOrMessage) {\n    const message =\n      typeof componentOrMessage === 'string'\n        ? componentOrMessage\n        : formatErrorMessage(\n            componentOrMessage,\n            `Root element (\\`$root\\`) already initialised`\n          )\n\n    super(message)\n  }\n}\n\n/**\n * Element error options\n *\n * @internal\n * @typedef {object} ElementErrorOptions\n * @property {Element | Document | null} [element] - The element in error (optional)\n * @property {ComponentWithModuleName} [component] - Component throwing the error (optional)\n * @property {string} identifier - An identifier that'll let the user understand which element has an error. This is whatever makes the most sense\n * @property {string} [expectedType] - The type that was expected for the identifier (optional)\n */\n\n/**\n * @import { ComponentWithModuleName } from '../common/index.mjs'\n */\n","import { isInitialised, isSupported } from './common/index.mjs'\nimport { ElementError, InitError, SupportError } from './errors/index.mjs'\n\n/**\n * Base Component class\n *\n * Centralises the behaviours shared by our components\n *\n * @virtual\n * @template {Element} [RootElementType=HTMLElement]\n */\nexport class Component {\n  /**\n   * @type {typeof Element}\n   */\n  static elementType = HTMLElement\n\n  // allows Typescript user to work around the lack of types\n  // in GOVUKFrontend package, Typescript is not aware of $root\n  // in components that extend GOVUKFrontendComponent\n  /**\n   * Returns the root element of the component\n   *\n   * @protected\n   * @returns {RootElementType} - the root element of component\n   */\n  get $root() {\n    return this._$root\n  }\n\n  /**\n   * @protected\n   * @type {RootElementType}\n   */\n  _$root\n\n  /**\n   * Constructs a new component, validating that GOV.UK Frontend is supported\n   *\n   * @internal\n   * @param {Element | null} [$root] - HTML element to use for component\n   */\n  constructor($root) {\n    const childConstructor = /** @type {ChildClassConstructor} */ (\n      this.constructor\n    )\n\n    // TypeScript does not enforce that inheriting classes will define a `moduleName`\n    // (even if we add a `@virtual` `static moduleName` property to this class).\n    // While we trust users to do this correctly, we do a little check to provide them\n    // a helpful error message.\n    //\n    // After this, we'll be sure that `childConstructor` has a `moduleName`\n    // as expected of the `ChildClassConstructor` we've cast `this.constructor` to.\n    if (typeof childConstructor.moduleName !== 'string') {\n      throw new InitError(`\\`moduleName\\` not defined in component`)\n    }\n\n    if (!($root instanceof childConstructor.elementType)) {\n      throw new ElementError({\n        element: $root,\n        component: childConstructor,\n        identifier: 'Root element (`$root`)',\n        expectedType: childConstructor.elementType.name\n      })\n    } else {\n      this._$root = /** @type {RootElementType} */ ($root)\n    }\n\n    childConstructor.checkSupport()\n\n    this.checkInitialised()\n\n    const moduleName = childConstructor.moduleName\n\n    this.$root.setAttribute(`data-${moduleName}-init`, '')\n  }\n\n  /**\n   * Validates whether component is already initialised\n   *\n   * @private\n   * @throws {InitError} when component is already initialised\n   */\n  checkInitialised() {\n    const constructor = /** @type {ChildClassConstructor} */ (this.constructor)\n    const moduleName = constructor.moduleName\n\n    if (moduleName && isInitialised(this.$root, moduleName)) {\n      throw new InitError(constructor)\n    }\n  }\n\n  /**\n   * Validates whether components are supported\n   *\n   * @throws {SupportError} when the components are not supported\n   */\n  static checkSupport() {\n    if (!isSupported()) {\n      throw new SupportError()\n    }\n  }\n}\n\n/**\n * @typedef ChildClass\n * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component\n */\n\n/**\n * @typedef {typeof Component & ChildClass} ChildClassConstructor\n */\n","import { Component } from '../component.mjs'\nimport { ConfigError } from '../errors/index.mjs'\n\nimport { isObject, isScope, formatErrorMessage } from './index.mjs'\n\nexport const configOverride = Symbol.for('configOverride')\n\n/**\n * Base Component class\n *\n * Centralises the behaviours shared by our components\n *\n * @virtual\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]\n * @template {Element & { dataset: DOMStringMap }} [RootElementType=HTMLElement]\n * @augments Component<RootElementType>\n */\nexport class ConfigurableComponent extends Component {\n  /**\n   * configOverride\n   *\n   * Function which defines configuration overrides to prioritize\n   * properties from the root element's dataset.\n   *\n   * It should take a subset of configuration as input and return\n   * a new configuration object with properties that should be\n   * overridden based on the root element's dataset. A Symbol\n   * is used for indexing to prevent conflicts.\n   *\n   * @internal\n   * @virtual\n   * @param {Partial<ConfigurationType>} [param] - Configuration object\n   * @returns {Partial<ConfigurationType>} return - Configuration object\n   */\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  [configOverride](param) {\n    return {}\n  }\n\n  /**\n   * Returns the root element of the component\n   *\n   * @protected\n   * @returns {ConfigurationType} - the root element of component\n   */\n  get config() {\n    return this._config\n  }\n\n  /**\n   *\n   * @type {ConfigurationType}\n   */\n  _config\n\n  /**\n   * Constructs a new component, validating that GOV.UK Frontend is supported\n   *\n   * @internal\n   * @param {Element | null} [$root] - HTML element to use for component\n   * @param {ConfigurationType} [config] - HTML element to use for component\n   */\n  constructor($root, config) {\n    super($root)\n\n    const childConstructor =\n      /** @type {ChildClassConstructor<ConfigurationType>} */ (this.constructor)\n\n    if (!isObject(childConstructor.defaults)) {\n      throw new ConfigError(\n        formatErrorMessage(\n          childConstructor,\n          'Config passed as parameter into constructor but no defaults defined'\n        )\n      )\n    }\n\n    const datasetConfig = /** @type {ConfigurationType} */ (\n      normaliseDataset(childConstructor, this._$root.dataset)\n    )\n\n    this._config = /** @type {ConfigurationType} */ (\n      mergeConfigs(\n        childConstructor.defaults,\n        config ?? {},\n        this[configOverride](datasetConfig),\n        datasetConfig\n      )\n    )\n  }\n}\n\n/**\n * Normalise string\n *\n * 'If it looks like a duck, and it quacks like a duck…' 🦆\n *\n * If the passed value looks like a boolean or a number, convert it to a boolean\n * or number.\n *\n * Designed to be used to convert config passed via data attributes (which are\n * always strings) into something sensible.\n *\n * @internal\n * @param {DOMStringMap[string]} value - The value to normalise\n * @param {SchemaProperty} [property] - Component schema property\n * @returns {string | boolean | number | undefined} Normalised data\n */\nexport function normaliseString(value, property) {\n  const trimmedValue = value ? value.trim() : ''\n\n  let output\n  let outputType = property?.type\n\n  // No schema type set? Determine automatically\n  if (!outputType) {\n    if (['true', 'false'].includes(trimmedValue)) {\n      outputType = 'boolean'\n    }\n\n    // Empty / whitespace-only strings are considered finite so we need to check\n    // the length of the trimmed string as well\n    if (trimmedValue.length > 0 && isFinite(Number(trimmedValue))) {\n      outputType = 'number'\n    }\n  }\n\n  switch (outputType) {\n    case 'boolean':\n      output = trimmedValue === 'true'\n      break\n\n    case 'number':\n      output = Number(trimmedValue)\n      break\n\n    default:\n      output = value\n  }\n\n  return output\n}\n\n/**\n * Normalise dataset\n *\n * Loop over an object and normalise each value using {@link normaliseString},\n * optionally expanding nested `i18n.field`\n *\n * @internal\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @template {[keyof ConfigurationType, SchemaProperty | undefined][]} SchemaEntryType\n * @param {{ schema?: Schema<ConfigurationType>, moduleName: string }} Component - Component class\n * @param {DOMStringMap} dataset - HTML element dataset\n * @returns {ObjectNested} Normalised dataset\n */\nexport function normaliseDataset(Component, dataset) {\n  if (!isObject(Component.schema)) {\n    throw new ConfigError(\n      formatErrorMessage(\n        Component,\n        'Config passed as parameter into constructor but no schema defined'\n      )\n    )\n  }\n\n  const out = /** @type {ObjectNested} */ ({})\n  const entries = /** @type {SchemaEntryType} */ (\n    Object.entries(Component.schema.properties)\n  )\n\n  // Normalise top-level dataset ('data-*') values using schema types\n  for (const entry of entries) {\n    const [namespace, property] = entry\n\n    // Cast the `namespace` to string so it can be used to access the dataset\n    const field = namespace.toString()\n\n    if (field in dataset) {\n      out[field] = normaliseString(dataset[field], property)\n    }\n\n    /**\n     * Extract and normalise nested object values automatically using\n     * {@link normaliseString} but only schema object types are allowed\n     */\n    if (property?.type === 'object') {\n      out[field] = extractConfigByNamespace(\n        Component.schema,\n        dataset,\n        namespace\n      )\n    }\n  }\n\n  return out\n}\n\n/**\n * Normalise options passed to `initAll` or `createAll`\n *\n * @internal\n * @template {CompatibleClass} ComponentClass\n * @param {Config | CreateAllOptions<ComponentClass> | OnErrorCallback<ComponentClass> | Element | Document | null} [scopeOrOptions] - Scope of the document to search within, initialisation options or error callback function\n * @returns {CreateAllOptions<ComponentClass>} Normalised options\n */\nexport function normaliseOptions(scopeOrOptions) {\n  let /** @type {Element | Document | null} */ $scope = document\n  let /** @type {OnErrorCallback<ComponentClass> | undefined} */ onError\n\n  // Handle options object\n  if (isObject(scopeOrOptions)) {\n    const options = scopeOrOptions\n\n    // Scope must be valid or null\n    if (isScope(options.scope) || options.scope === null) {\n      $scope = options.scope\n    }\n\n    // Error handler must be a function\n    if (typeof options.onError === 'function') {\n      onError = options.onError\n    }\n  }\n\n  if (isScope(scopeOrOptions)) {\n    $scope = scopeOrOptions\n  } else if (scopeOrOptions === null) {\n    $scope = null\n  } else if (typeof scopeOrOptions === 'function') {\n    onError = scopeOrOptions\n  }\n\n  return {\n    scope: $scope,\n    onError\n  }\n}\n\n/**\n * Config merging function\n *\n * Takes any number of objects and combines them together, with\n * greatest priority on the LAST item passed in.\n *\n * @internal\n * @param {...{ [key: string]: unknown }} configObjects - Config objects to merge\n * @returns {{ [key: string]: unknown }} A merged config object\n */\nexport function mergeConfigs(...configObjects) {\n  // Start with an empty object as our base\n  /** @type {{ [key: string]: unknown }} */\n  const formattedConfigObject = {}\n\n  // Loop through each of the passed objects\n  for (const configObject of configObjects) {\n    for (const key of Object.keys(configObject)) {\n      const option = formattedConfigObject[key]\n      const override = configObject[key]\n\n      // Push their keys one-by-one into formattedConfigObject. Any duplicate\n      // keys with object values will be merged, otherwise the new value will\n      // override the existing value.\n      if (isObject(option) && isObject(override)) {\n        formattedConfigObject[key] = mergeConfigs(option, override)\n      } else {\n        // Apply override\n        formattedConfigObject[key] = override\n      }\n    }\n  }\n\n  return formattedConfigObject\n}\n\n/**\n * Validate component config by schema\n *\n * Follows limited examples in JSON schema for wider support in future\n *\n * {@link https://ajv.js.org/json-schema.html#compound-keywords}\n * {@link https://ajv.js.org/packages/ajv-errors.html#single-message}\n *\n * @internal\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @param {Schema<ConfigurationType>} schema - The schema of a component\n * @param {ConfigurationType} config - Component config\n * @returns {string[]} List of validation errors\n */\nexport function validateConfig(schema, config) {\n  const validationErrors = []\n\n  // Check errors for each schema\n  for (const [name, conditions] of Object.entries(schema)) {\n    const errors = []\n\n    // Check errors for each schema condition\n    if (Array.isArray(conditions)) {\n      for (const { required, errorMessage } of conditions) {\n        if (!required.every((key) => !!config[key])) {\n          errors.push(errorMessage) // Missing config key value\n        }\n      }\n\n      // Check one condition passes or add errors\n      if (name === 'anyOf' && !(conditions.length - errors.length >= 1)) {\n        validationErrors.push(...errors)\n      }\n    }\n  }\n\n  return validationErrors\n}\n\n/**\n * Extracts keys starting with a particular namespace from dataset ('data-*')\n * object, removing the namespace in the process, normalising all values\n *\n * @internal\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @param {Schema<ConfigurationType>} schema - The schema of a component\n * @param {DOMStringMap} dataset - The object to extract key-value pairs from\n * @param {keyof ConfigurationType} namespace - The namespace to filter keys with\n * @returns {ObjectNested | undefined} Nested object with dot-separated key namespace removed\n */\nexport function extractConfigByNamespace(schema, dataset, namespace) {\n  const property = schema.properties[namespace]\n\n  // Only extract configs for object schema properties\n  if (property?.type !== 'object') {\n    return\n  }\n\n  // Add default empty config\n  const newObject = /** @type {Record<typeof namespace, ObjectNested>} */ ({\n    [namespace]: {}\n  })\n\n  for (const [key, value] of Object.entries(dataset)) {\n    /** @type {ObjectNested | ObjectNested[NestedKey]} */\n    let current = newObject\n\n    // Split the key into parts, using . as our namespace separator\n    const keyParts = key.split('.')\n\n    /**\n     * Create new level per part\n     *\n     * e.g. 'i18n.textareaDescription.other' becomes\n     * `{ i18n: { textareaDescription: { other } } }`\n     */\n    for (const [index, name] of keyParts.entries()) {\n      if (isObject(current)) {\n        // Drop down to nested object until the last part\n        if (index < keyParts.length - 1) {\n          // New nested object (optionally) replaces existing value\n          if (!isObject(current[name])) {\n            current[name] = {}\n          }\n\n          // Drop down into new or existing nested object\n          current = current[name]\n        } else if (key !== namespace) {\n          // Normalised value (optionally) replaces existing value\n          current[name] = normaliseString(value)\n        }\n      }\n    }\n  }\n\n  return newObject[namespace]\n}\n\n/**\n * @internal\n * @typedef {keyof ObjectNested} NestedKey\n * @typedef {{ [key: string]: string | boolean | number | ObjectNested | undefined }} ObjectNested\n */\n\n/**\n * Schema for component config\n *\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @typedef {object} Schema\n * @property {Record<keyof ConfigurationType, SchemaProperty | undefined>} properties - Schema properties\n * @property {SchemaCondition<ConfigurationType>[]} [anyOf] - List of schema conditions\n */\n\n/**\n * Schema property for component config\n *\n * @typedef {object} SchemaProperty\n * @property {'string' | 'boolean' | 'number' | 'object'} type - Property type\n */\n\n/**\n * Schema condition for component config\n *\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @typedef {object} SchemaCondition\n * @property {(keyof ConfigurationType)[]} required - List of required config fields\n * @property {string} errorMessage - Error message when required config fields not provided\n */\n\n/**\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]\n * @typedef ChildClass\n * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component\n * @property {Schema<ConfigurationType>} [schema] - The schema of the component configuration\n * @property {ConfigurationType} [defaults] - The default values of the configuration of the component\n */\n\n/**\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]\n * @typedef {typeof Component & ChildClass<ConfigurationType>} ChildClassConstructor<ConfigurationType>\n */\n\n/**\n * @import { CompatibleClass, Config, CreateAllOptions, OnErrorCallback } from '../init.mjs'\n */\n","import { ConfigurableComponent } from '../../common/configuration.mjs'\n\nconst DEBOUNCE_TIMEOUT_IN_SECONDS = 1\n\n/**\n * JavaScript enhancements for the Button component\n *\n * @preserve\n * @augments ConfigurableComponent<ButtonConfig>\n */\nexport class Button extends ConfigurableComponent {\n  /**\n   * @private\n   * @type {number | null}\n   */\n  debounceFormSubmitTimer = null\n\n  /**\n   * @param {Element | null} $root - HTML element to use for button\n   * @param {ButtonConfig} [config] - Button config\n   */\n  constructor($root, config = {}) {\n    super($root, config)\n\n    this.$root.addEventListener('keydown', (event) => this.handleKeyDown(event))\n    this.$root.addEventListener('click', (event) => this.debounce(event))\n  }\n\n  /**\n   * Trigger a click event when the space key is pressed\n   *\n   * Some screen readers tell users they can use the space bar to activate\n   * things with the 'button' role, so we need to match the functionality of\n   * native HTML buttons.\n   *\n   * See https://github.com/alphagov/govuk_elements/pull/272#issuecomment-233028270\n   *\n   * @private\n   * @param {KeyboardEvent} event - Keydown event\n   */\n  handleKeyDown(event) {\n    const $target = event.target\n\n    // Handle space bar only\n    if (event.key !== ' ') {\n      return\n    }\n\n    // Handle elements with [role=\"button\"] only\n    if (\n      $target instanceof HTMLElement &&\n      $target.getAttribute('role') === 'button'\n    ) {\n      event.preventDefault() // prevent the page from scrolling\n      $target.click()\n    }\n  }\n\n  /**\n   * Debounce double-clicks\n   *\n   * If the click quickly succeeds a previous click then nothing will happen.\n   * This stops people accidentally causing multiple form submissions by double\n   * clicking buttons.\n   *\n   * @private\n   * @param {MouseEvent} event - Mouse click event\n   * @returns {undefined | false} Returns undefined, or false when debounced\n   */\n  debounce(event) {\n    // Check the button that was clicked has preventDoubleClick enabled\n    if (!this.config.preventDoubleClick) {\n      return\n    }\n\n    // If the timer is still running, prevent the click from submitting the form\n    if (this.debounceFormSubmitTimer) {\n      event.preventDefault()\n      return false\n    }\n\n    this.debounceFormSubmitTimer = window.setTimeout(() => {\n      this.debounceFormSubmitTimer = null\n    }, DEBOUNCE_TIMEOUT_IN_SECONDS * 1000)\n  }\n\n  /**\n   * Name for the component used when initialising using data-module attributes.\n   */\n  static moduleName = 'govuk-button'\n\n  /**\n   * Button default config\n   *\n   * @see {@link ButtonConfig}\n   * @constant\n   * @type {ButtonConfig}\n   */\n  static defaults = Object.freeze({\n    preventDoubleClick: false\n  })\n\n  /**\n   * Button config schema\n   *\n   * @constant\n   * @satisfies {Schema<ButtonConfig>}\n   */\n  static schema = Object.freeze({\n    properties: {\n      preventDoubleClick: { type: 'boolean' }\n    }\n  })\n}\n\n/**\n * Button config\n *\n * @typedef {object} ButtonConfig\n * @property {boolean} [preventDoubleClick=false] - Prevent accidental double\n *   clicks on submit buttons from submitting forms multiple times.\n */\n\n/**\n * @import { Schema } from '../../common/configuration.mjs'\n */\n"],"names":["isInitialised","$root","moduleName","HTMLElement","hasAttribute","isSupported","$scope","document","body","classList","contains","isArray","option","Array","isObject","formatErrorMessage","Component","message","GOVUKFrontendError","Error","constructor","args","name","SupportError","supportMessage","HTMLScriptElement","prototype","ConfigError","ElementError","messageOrOptions","component","identifier","element","expectedType","InitError","componentOrMessage","_$root","childConstructor","elementType","checkSupport","checkInitialised","setAttribute","configOverride","Symbol","for","ConfigurableComponent","param","config","_config","defaults","datasetConfig","normaliseDataset","dataset","mergeConfigs","normaliseString","value","property","trimmedValue","trim","output","outputType","type","includes","length","isFinite","Number","schema","out","entries","Object","properties","entry","namespace","field","toString","extractConfigByNamespace","configObjects","formattedConfigObject","configObject","key","keys","override","newObject","current","keyParts","split","index","DEBOUNCE_TIMEOUT_IN_SECONDS","Button","debounceFormSubmitTimer","addEventListener","event","handleKeyDown","debounce","$target","target","getAttribute","preventDefault","click","preventDoubleClick","window","setTimeout","freeze"],"mappings":"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"}
\ No newline at end of file
diff --git a/node_modules/govuk-frontend/dist/govuk/components/button/button.mjs b/node_modules/govuk-frontend/dist/govuk/components/button/button.mjs
new file mode 100644
index 0000000..bc8aa31
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/button/button.mjs
@@ -0,0 +1,70 @@
+import { ConfigurableComponent } from '../../common/configuration.mjs';
+
+const DEBOUNCE_TIMEOUT_IN_SECONDS = 1;
+
+/**
+ * JavaScript enhancements for the Button component
+ *
+ * @preserve
+ * @augments ConfigurableComponent<ButtonConfig>
+ */
+class Button extends ConfigurableComponent {
+  /**
+   * @param {Element | null} $root - HTML element to use for button
+   * @param {ButtonConfig} [config] - Button config
+   */
+  constructor($root, config = {}) {
+    super($root, config);
+    this.debounceFormSubmitTimer = null;
+    this.$root.addEventListener('keydown', event => this.handleKeyDown(event));
+    this.$root.addEventListener('click', event => this.debounce(event));
+  }
+  handleKeyDown(event) {
+    const $target = event.target;
+    if (event.key !== ' ') {
+      return;
+    }
+    if ($target instanceof HTMLElement && $target.getAttribute('role') === 'button') {
+      event.preventDefault();
+      $target.click();
+    }
+  }
+  debounce(event) {
+    if (!this.config.preventDoubleClick) {
+      return;
+    }
+    if (this.debounceFormSubmitTimer) {
+      event.preventDefault();
+      return false;
+    }
+    this.debounceFormSubmitTimer = window.setTimeout(() => {
+      this.debounceFormSubmitTimer = null;
+    }, DEBOUNCE_TIMEOUT_IN_SECONDS * 1000);
+  }
+}
+
+/**
+ * Button config
+ *
+ * @typedef {object} ButtonConfig
+ * @property {boolean} [preventDoubleClick=false] - Prevent accidental double
+ *   clicks on submit buttons from submitting forms multiple times.
+ */
+
+/**
+ * @import { Schema } from '../../common/configuration.mjs'
+ */
+Button.moduleName = 'govuk-button';
+Button.defaults = Object.freeze({
+  preventDoubleClick: false
+});
+Button.schema = Object.freeze({
+  properties: {
+    preventDoubleClick: {
+      type: 'boolean'
+    }
+  }
+});
+
+export { Button };
+//# sourceMappingURL=button.mjs.map
diff --git a/node_modules/govuk-frontend/dist/govuk/components/button/button.mjs.map b/node_modules/govuk-frontend/dist/govuk/components/button/button.mjs.map
new file mode 100644
index 0000000..a50dc51
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/button/button.mjs.map
@@ -0,0 +1 @@
+{"version":3,"file":"button.mjs","sources":["../../../../src/govuk/components/button/button.mjs"],"sourcesContent":["import { ConfigurableComponent } from '../../common/configuration.mjs'\n\nconst DEBOUNCE_TIMEOUT_IN_SECONDS = 1\n\n/**\n * JavaScript enhancements for the Button component\n *\n * @preserve\n * @augments ConfigurableComponent<ButtonConfig>\n */\nexport class Button extends ConfigurableComponent {\n  /**\n   * @private\n   * @type {number | null}\n   */\n  debounceFormSubmitTimer = null\n\n  /**\n   * @param {Element | null} $root - HTML element to use for button\n   * @param {ButtonConfig} [config] - Button config\n   */\n  constructor($root, config = {}) {\n    super($root, config)\n\n    this.$root.addEventListener('keydown', (event) => this.handleKeyDown(event))\n    this.$root.addEventListener('click', (event) => this.debounce(event))\n  }\n\n  /**\n   * Trigger a click event when the space key is pressed\n   *\n   * Some screen readers tell users they can use the space bar to activate\n   * things with the 'button' role, so we need to match the functionality of\n   * native HTML buttons.\n   *\n   * See https://github.com/alphagov/govuk_elements/pull/272#issuecomment-233028270\n   *\n   * @private\n   * @param {KeyboardEvent} event - Keydown event\n   */\n  handleKeyDown(event) {\n    const $target = event.target\n\n    // Handle space bar only\n    if (event.key !== ' ') {\n      return\n    }\n\n    // Handle elements with [role=\"button\"] only\n    if (\n      $target instanceof HTMLElement &&\n      $target.getAttribute('role') === 'button'\n    ) {\n      event.preventDefault() // prevent the page from scrolling\n      $target.click()\n    }\n  }\n\n  /**\n   * Debounce double-clicks\n   *\n   * If the click quickly succeeds a previous click then nothing will happen.\n   * This stops people accidentally causing multiple form submissions by double\n   * clicking buttons.\n   *\n   * @private\n   * @param {MouseEvent} event - Mouse click event\n   * @returns {undefined | false} Returns undefined, or false when debounced\n   */\n  debounce(event) {\n    // Check the button that was clicked has preventDoubleClick enabled\n    if (!this.config.preventDoubleClick) {\n      return\n    }\n\n    // If the timer is still running, prevent the click from submitting the form\n    if (this.debounceFormSubmitTimer) {\n      event.preventDefault()\n      return false\n    }\n\n    this.debounceFormSubmitTimer = window.setTimeout(() => {\n      this.debounceFormSubmitTimer = null\n    }, DEBOUNCE_TIMEOUT_IN_SECONDS * 1000)\n  }\n\n  /**\n   * Name for the component used when initialising using data-module attributes.\n   */\n  static moduleName = 'govuk-button'\n\n  /**\n   * Button default config\n   *\n   * @see {@link ButtonConfig}\n   * @constant\n   * @type {ButtonConfig}\n   */\n  static defaults = Object.freeze({\n    preventDoubleClick: false\n  })\n\n  /**\n   * Button config schema\n   *\n   * @constant\n   * @satisfies {Schema<ButtonConfig>}\n   */\n  static schema = Object.freeze({\n    properties: {\n      preventDoubleClick: { type: 'boolean' }\n    }\n  })\n}\n\n/**\n * Button config\n *\n * @typedef {object} ButtonConfig\n * @property {boolean} [preventDoubleClick=false] - Prevent accidental double\n *   clicks on submit buttons from submitting forms multiple times.\n */\n\n/**\n * @import { Schema } from '../../common/configuration.mjs'\n */\n"],"names":["DEBOUNCE_TIMEOUT_IN_SECONDS","Button","ConfigurableComponent","constructor","$root","config","debounceFormSubmitTimer","addEventListener","event","handleKeyDown","debounce","$target","target","key","HTMLElement","getAttribute","preventDefault","click","preventDoubleClick","window","setTimeout","moduleName","defaults","Object","freeze","schema","properties","type"],"mappings":";;AAEA,MAAMA,2BAA2B,GAAG,CAAC;;AAErC;AACA;AACA;AACA;AACA;AACA;AACO,MAAMC,MAAM,SAASC,qBAAqB,CAAC;AAOhD;AACF;AACA;AACA;AACEC,EAAAA,WAAWA,CAACC,KAAK,EAAEC,MAAM,GAAG,EAAE,EAAE;AAC9B,IAAA,KAAK,CAACD,KAAK,EAAEC,MAAM,CAAC;IAAA,IAAA,CAPtBC,uBAAuB,GAAG,IAAI;AAS5B,IAAA,IAAI,CAACF,KAAK,CAACG,gBAAgB,CAAC,SAAS,EAAGC,KAAK,IAAK,IAAI,CAACC,aAAa,CAACD,KAAK,CAAC,CAAC;AAC5E,IAAA,IAAI,CAACJ,KAAK,CAACG,gBAAgB,CAAC,OAAO,EAAGC,KAAK,IAAK,IAAI,CAACE,QAAQ,CAACF,KAAK,CAAC,CAAC;AACvE,EAAA;EAcAC,aAAaA,CAACD,KAAK,EAAE;AACnB,IAAA,MAAMG,OAAO,GAAGH,KAAK,CAACI,MAAM;AAG5B,IAAA,IAAIJ,KAAK,CAACK,GAAG,KAAK,GAAG,EAAE;AACrB,MAAA;AACF,IAAA;AAGA,IAAA,IACEF,OAAO,YAAYG,WAAW,IAC9BH,OAAO,CAACI,YAAY,CAAC,MAAM,CAAC,KAAK,QAAQ,EACzC;MACAP,KAAK,CAACQ,cAAc,EAAE;MACtBL,OAAO,CAACM,KAAK,EAAE;AACjB,IAAA;AACF,EAAA;EAaAP,QAAQA,CAACF,KAAK,EAAE;AAEd,IAAA,IAAI,CAAC,IAAI,CAACH,MAAM,CAACa,kBAAkB,EAAE;AACnC,MAAA;AACF,IAAA;IAGA,IAAI,IAAI,CAACZ,uBAAuB,EAAE;MAChCE,KAAK,CAACQ,cAAc,EAAE;AACtB,MAAA,OAAO,KAAK;AACd,IAAA;AAEA,IAAA,IAAI,CAACV,uBAAuB,GAAGa,MAAM,CAACC,UAAU,CAAC,MAAM;MACrD,IAAI,CAACd,uBAAuB,GAAG,IAAI;AACrC,IAAA,CAAC,EAAEN,2BAA2B,GAAG,IAAI,CAAC;AACxC,EAAA;AA6BF;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AAnHaC,MAAM,CA+EVoB,UAAU,GAAG,cAAc;AA/EvBpB,MAAM,CAwFVqB,QAAQ,GAAGC,MAAM,CAACC,MAAM,CAAC;AAC9BN,EAAAA,kBAAkB,EAAE;AACtB,CAAC,CAAC;AA1FSjB,MAAM,CAkGVwB,MAAM,GAAGF,MAAM,CAACC,MAAM,CAAC;AAC5BE,EAAAA,UAAU,EAAE;AACVR,IAAAA,kBAAkB,EAAE;AAAES,MAAAA,IAAI,EAAE;AAAU;AACxC;AACF,CAAC,CAAC;;;;"}
\ No newline at end of file
diff --git a/node_modules/govuk-frontend/dist/govuk/components/button/fixtures.json b/node_modules/govuk-frontend/dist/govuk/components/button/fixtures.json
new file mode 100644
index 0000000..09948f7
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/button/fixtures.json
@@ -0,0 +1,368 @@
+{
+    "component": "button",
+    "fixtures": [
+        {
+            "name": "default",
+            "options": {
+                "text": "Save and continue"
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": true,
+            "html": "<button type=\"submit\" class=\"govuk-button\" data-module=\"govuk-button\">\n  Save and continue\n</button>"
+        },
+        {
+            "name": "disabled",
+            "options": {
+                "text": "Disabled button",
+                "disabled": true
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<button type=\"submit\" disabled aria-disabled=\"true\" class=\"govuk-button\" data-module=\"govuk-button\">\n  Disabled button\n</button>"
+        },
+        {
+            "name": "link",
+            "options": {
+                "text": "Link button",
+                "href": "/"
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<a href=\"/\" role=\"button\" draggable=\"false\" class=\"govuk-button\" data-module=\"govuk-button\">\n  Link button\n</a>"
+        },
+        {
+            "name": "start",
+            "options": {
+                "text": "Start now button",
+                "isStartButton": true
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": true,
+            "html": "<button type=\"submit\" class=\"govuk-button govuk-button--start\" data-module=\"govuk-button\">\n  Start now button\n  <svg class=\"govuk-button__start-icon\" xmlns=\"http://www.w3.org/2000/svg\" width=\"17.5\" height=\"19\" viewBox=\"0 0 33 40\" aria-hidden=\"true\" focusable=\"false\">\n    <path fill=\"currentColor\" d=\"M0 0h13l20 20-20 20H0l20-20z\"/>\n  </svg>\n</button>"
+        },
+        {
+            "name": "input",
+            "options": {
+                "element": "input",
+                "name": "start-now",
+                "text": "Start now"
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<input value=\"Start now\" type=\"submit\" name=\"start-now\" class=\"govuk-button\" data-module=\"govuk-button\">"
+        },
+        {
+            "name": "secondary",
+            "options": {
+                "name": "secondary",
+                "text": "Secondary button",
+                "classes": "govuk-button--secondary"
+            },
+            "hidden": false,
+            "description": "A button for secondary actions",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<button type=\"submit\" name=\"secondary\" class=\"govuk-button govuk-button--secondary\" data-module=\"govuk-button\">\n  Secondary button\n</button>"
+        },
+        {
+            "name": "warning",
+            "options": {
+                "name": "Warning",
+                "text": "Warning button",
+                "classes": "govuk-button--warning"
+            },
+            "hidden": false,
+            "description": "A button for actions that need a warning",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<button type=\"submit\" name=\"Warning\" class=\"govuk-button govuk-button--warning\" data-module=\"govuk-button\">\n  Warning button\n</button>"
+        },
+        {
+            "name": "inverse",
+            "options": {
+                "name": "Inverse",
+                "text": "Inverse button",
+                "classes": "govuk-button--inverse"
+            },
+            "hidden": false,
+            "description": "A button that appears on dark backgrounds",
+            "pageTemplateOptions": {
+                "bodyClasses": "app-template__body--inverse"
+            },
+            "screenshot": true,
+            "html": "<button type=\"submit\" name=\"Inverse\" class=\"govuk-button govuk-button--inverse\" data-module=\"govuk-button\">\n  Inverse button\n</button>"
+        },
+        {
+            "name": "attributes",
+            "options": {
+                "element": "button",
+                "text": "Submit",
+                "attributes": {
+                    "aria-controls": "test-target-element",
+                    "data-tracking-dimension": 123
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<button type=\"submit\" class=\"govuk-button\" data-module=\"govuk-button\" aria-controls=\"test-target-element\" data-tracking-dimension=\"123\">\n  Submit\n</button>"
+        },
+        {
+            "name": "link attributes",
+            "options": {
+                "element": "a",
+                "text": "Submit",
+                "attributes": {
+                    "aria-controls": "test-target-element",
+                    "data-tracking-dimension": 123
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<a href=\"#\" role=\"button\" draggable=\"false\" class=\"govuk-button\" data-module=\"govuk-button\" aria-controls=\"test-target-element\" data-tracking-dimension=\"123\">\n  Submit\n</a>"
+        },
+        {
+            "name": "input attributes",
+            "options": {
+                "element": "input",
+                "text": "Submit",
+                "attributes": {
+                    "aria-controls": "test-target-element",
+                    "data-tracking-dimension": 123
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<input value=\"Submit\" type=\"submit\" class=\"govuk-button\" data-module=\"govuk-button\" aria-controls=\"test-target-element\" data-tracking-dimension=\"123\">"
+        },
+        {
+            "name": "classes",
+            "options": {
+                "text": "Submit",
+                "element": "button",
+                "classes": "app-button--custom-modifier"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<button type=\"submit\" class=\"govuk-button app-button--custom-modifier\" data-module=\"govuk-button\">\n  Submit\n</button>"
+        },
+        {
+            "name": "link classes",
+            "options": {
+                "text": "Submit",
+                "element": "a",
+                "classes": "app-button--custom-modifier"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<a href=\"#\" role=\"button\" draggable=\"false\" class=\"govuk-button app-button--custom-modifier\" data-module=\"govuk-button\">\n  Submit\n</a>"
+        },
+        {
+            "name": "input classes",
+            "options": {
+                "text": "Submit",
+                "element": "input",
+                "classes": "app-button--custom-modifier"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<input value=\"Submit\" type=\"submit\" class=\"govuk-button app-button--custom-modifier\" data-module=\"govuk-button\">"
+        },
+        {
+            "name": "name",
+            "options": {
+                "text": "Submit",
+                "element": "button",
+                "name": "start-now"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<button type=\"submit\" name=\"start-now\" class=\"govuk-button\" data-module=\"govuk-button\">\n  Submit\n</button>"
+        },
+        {
+            "name": "type",
+            "options": {
+                "text": "Submit",
+                "element": "button",
+                "type": "button"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<button type=\"button\" class=\"govuk-button\" data-module=\"govuk-button\">\n  Submit\n</button>"
+        },
+        {
+            "name": "input type",
+            "options": {
+                "text": "Submit",
+                "element": "input",
+                "type": "button"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<input value=\"Submit\" type=\"button\" class=\"govuk-button\" data-module=\"govuk-button\">"
+        },
+        {
+            "name": "explicit link",
+            "options": {
+                "element": "a",
+                "href": "/",
+                "text": "Continue"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<a href=\"/\" role=\"button\" draggable=\"false\" class=\"govuk-button\" data-module=\"govuk-button\">\n  Continue\n</a>"
+        },
+        {
+            "name": "no href",
+            "options": {
+                "text": "Submit",
+                "element": "a"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<a href=\"#\" role=\"button\" draggable=\"false\" class=\"govuk-button\" data-module=\"govuk-button\">\n  Submit\n</a>"
+        },
+        {
+            "name": "value",
+            "options": {
+                "text": "Submit",
+                "element": "button",
+                "value": "start"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<button value=\"start\" type=\"submit\" class=\"govuk-button\" data-module=\"govuk-button\">\n  Submit\n</button>"
+        },
+        {
+            "name": "html",
+            "options": {
+                "text": "Submit",
+                "element": "button",
+                "html": "Start <em>now</em>"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<button type=\"submit\" class=\"govuk-button\" data-module=\"govuk-button\">\n  Start <em>now</em>\n</button>"
+        },
+        {
+            "name": "no type",
+            "options": {
+                "text": "Button!"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<button type=\"submit\" class=\"govuk-button\" data-module=\"govuk-button\">\n  Button!\n</button>"
+        },
+        {
+            "name": "no data-prevent-double-click",
+            "options": {
+                "text": "Submit"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<button type=\"submit\" class=\"govuk-button\" data-module=\"govuk-button\">\n  Submit\n</button>"
+        },
+        {
+            "name": "don't prevent double click",
+            "options": {
+                "text": "Submit",
+                "preventDoubleClick": false
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<button type=\"submit\" data-prevent-double-click=\"false\" class=\"govuk-button\" data-module=\"govuk-button\">\n  Submit\n</button>"
+        },
+        {
+            "name": "id",
+            "options": {
+                "text": "Submit",
+                "element": "input",
+                "id": "submit"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<input value=\"Submit\" type=\"submit\" class=\"govuk-button\" data-module=\"govuk-button\" id=\"submit\">"
+        },
+        {
+            "name": "start link",
+            "options": {
+                "text": "Start now link button",
+                "href": "/",
+                "isStartButton": true
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<a href=\"/\" role=\"button\" draggable=\"false\" class=\"govuk-button govuk-button--start\" data-module=\"govuk-button\">\n  Start now link button\n  <svg class=\"govuk-button__start-icon\" xmlns=\"http://www.w3.org/2000/svg\" width=\"17.5\" height=\"19\" viewBox=\"0 0 33 40\" aria-hidden=\"true\" focusable=\"false\">\n    <path fill=\"currentColor\" d=\"M0 0h13l20 20-20 20H0l20-20z\"/>\n  </svg>\n</a>"
+        },
+        {
+            "name": "input disabled",
+            "options": {
+                "element": "input",
+                "text": "Explicit input button disabled",
+                "disabled": true
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<input value=\"Explicit input button disabled\" type=\"submit\" disabled aria-disabled=\"true\" class=\"govuk-button\" data-module=\"govuk-button\">"
+        },
+        {
+            "name": "prevent double click",
+            "options": {
+                "text": "Submit",
+                "preventDoubleClick": true
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<button type=\"submit\" data-prevent-double-click=\"true\" class=\"govuk-button\" data-module=\"govuk-button\">\n  Submit\n</button>"
+        }
+    ]
+}
diff --git a/node_modules/govuk-frontend/dist/govuk/components/button/macro-options.json b/node_modules/govuk-frontend/dist/govuk/components/button/macro-options.json
new file mode 100644
index 0000000..7ae5d29
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/button/macro-options.json
@@ -0,0 +1,81 @@
+[
+    {
+        "name": "element",
+        "type": "string",
+        "required": false,
+        "description": "HTML element for the button component – `input`, `button` or `a`. In most cases you will not need to set this as it will be configured automatically if `href` is provided.",
+        "deprecated": "5.1.0"
+    },
+    {
+        "name": "text",
+        "type": "string",
+        "required": true,
+        "description": "If `html` is set, this is not required. Text for the `input`, `button` or `a` element. If `html` is provided, the `text` option will be ignored and `element` will be automatically set to `\"button\"` unless `href` is also set, or it has already been defined."
+    },
+    {
+        "name": "html",
+        "type": "string",
+        "required": true,
+        "description": "If `text` is set, this is not required. HTML for the `button` or `a` element only. If `html` is provided, the `text` option will be ignored and `element` will be automatically set to `\"button\"` unless `href` is also set, or it has already been defined. This option has no effect if `element` is set to `\"input\"`."
+    },
+    {
+        "name": "name",
+        "type": "string",
+        "required": false,
+        "description": "Name for the `input` or `button`. This has no effect on `a` elements."
+    },
+    {
+        "name": "type",
+        "type": "string",
+        "required": false,
+        "description": "Type for the `input` or `button` element – `\"button\"`, `\"submit\"` or `\"reset\"`. Defaults to `\"submit\"`. This has no effect on `a` elements."
+    },
+    {
+        "name": "value",
+        "type": "string",
+        "required": false,
+        "description": "Value for the `button` element only. This has no effect on `a` or `input` elements."
+    },
+    {
+        "name": "disabled",
+        "type": "boolean",
+        "required": false,
+        "description": "Whether the button component should be disabled. For `input` and `button` elements, `disabled` and `aria-disabled` attributes will be set automatically. This has no effect on `a` elements."
+    },
+    {
+        "name": "href",
+        "type": "string",
+        "required": false,
+        "description": "The URL that the button component should link to. If this is set, `element` will be automatically set to `\"a\"` if it has not already been defined."
+    },
+    {
+        "name": "classes",
+        "type": "string",
+        "required": false,
+        "description": "Classes to add to the button component."
+    },
+    {
+        "name": "attributes",
+        "type": "object",
+        "required": false,
+        "description": "HTML attributes (for example data attributes) to add to the button component."
+    },
+    {
+        "name": "preventDoubleClick",
+        "type": "boolean",
+        "required": false,
+        "description": "Prevent accidental double clicks on submit buttons from submitting forms multiple times."
+    },
+    {
+        "name": "isStartButton",
+        "type": "boolean",
+        "required": false,
+        "description": "Use for the main call to action on your service's start page."
+    },
+    {
+        "name": "id",
+        "type": "string",
+        "required": false,
+        "description": "The ID of the button."
+    }
+]
diff --git a/node_modules/govuk-frontend/dist/govuk/components/button/macro.njk b/node_modules/govuk-frontend/dist/govuk/components/button/macro.njk
new file mode 100644
index 0000000..352d538
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/button/macro.njk
@@ -0,0 +1,3 @@
+{% macro govukButton(params) %}
+  {%- include "./template.njk" -%}
+{% endmacro %}
diff --git a/node_modules/govuk-frontend/dist/govuk/components/button/template-default.html b/node_modules/govuk-frontend/dist/govuk/components/button/template-default.html
new file mode 100644
index 0000000..eb6a1f4
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/button/template-default.html
@@ -0,0 +1,3 @@
+<button type="submit" class="govuk-button" data-module="govuk-button">
+  Save and continue
+</button>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/button/template-disabled.html b/node_modules/govuk-frontend/dist/govuk/components/button/template-disabled.html
new file mode 100644
index 0000000..3a8fd5f
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/button/template-disabled.html
@@ -0,0 +1,3 @@
+<button type="submit" disabled aria-disabled="true" class="govuk-button" data-module="govuk-button">
+  Disabled button
+</button>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/button/template-input.html b/node_modules/govuk-frontend/dist/govuk/components/button/template-input.html
new file mode 100644
index 0000000..dbe04e8
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/button/template-input.html
@@ -0,0 +1 @@
+<input value="Start now" type="submit" name="start-now" class="govuk-button" data-module="govuk-button">
diff --git a/node_modules/govuk-frontend/dist/govuk/components/button/template-inverse.html b/node_modules/govuk-frontend/dist/govuk/components/button/template-inverse.html
new file mode 100644
index 0000000..e17e80a
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/button/template-inverse.html
@@ -0,0 +1,3 @@
+<button type="submit" name="Inverse" class="govuk-button govuk-button--inverse" data-module="govuk-button">
+  Inverse button
+</button>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/button/template-link.html b/node_modules/govuk-frontend/dist/govuk/components/button/template-link.html
new file mode 100644
index 0000000..871975b
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/button/template-link.html
@@ -0,0 +1,3 @@
+<a href="/" role="button" draggable="false" class="govuk-button" data-module="govuk-button">
+  Link button
+</a>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/button/template-secondary.html b/node_modules/govuk-frontend/dist/govuk/components/button/template-secondary.html
new file mode 100644
index 0000000..1c267a8
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/button/template-secondary.html
@@ -0,0 +1,3 @@
+<button type="submit" name="secondary" class="govuk-button govuk-button--secondary" data-module="govuk-button">
+  Secondary button
+</button>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/button/template-start.html b/node_modules/govuk-frontend/dist/govuk/components/button/template-start.html
new file mode 100644
index 0000000..1d11148
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/button/template-start.html
@@ -0,0 +1,6 @@
+<button type="submit" class="govuk-button govuk-button--start" data-module="govuk-button">
+  Start now button
+  <svg class="govuk-button__start-icon" xmlns="http://www.w3.org/2000/svg" width="17.5" height="19" viewBox="0 0 33 40" aria-hidden="true" focusable="false">
+    <path fill="currentColor" d="M0 0h13l20 20-20 20H0l20-20z"/>
+  </svg>
+</button>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/button/template-warning.html b/node_modules/govuk-frontend/dist/govuk/components/button/template-warning.html
new file mode 100644
index 0000000..063520f
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/button/template-warning.html
@@ -0,0 +1,3 @@
+<button type="submit" name="Warning" class="govuk-button govuk-button--warning" data-module="govuk-button">
+  Warning button
+</button>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/button/template.njk b/node_modules/govuk-frontend/dist/govuk/components/button/template.njk
new file mode 100644
index 0000000..0a72976
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/button/template.njk
@@ -0,0 +1,58 @@
+{% from "../../macros/attributes.njk" import govukAttributes %}
+
+{#- Set classes for this component #}
+{%- set classNames = "govuk-button" -%}
+
+{%- if params.classes %}
+  {% set classNames = classNames + " " + params.classes %}
+{% endif %}
+
+{%- if params.isStartButton %}
+  {% set classNames = classNames + " govuk-button--start" %}
+{% endif %}
+
+{#- Determine type of element to use, if not explicitly set #}
+{%- if params.element %}
+  {% set element = params.element | lower %}
+{% else %}
+  {% if params.href %}
+    {% set element = 'a' %}
+  {% else %}
+    {% set element = 'button' %}
+  {% endif %}
+{% endif -%}
+
+{%- macro _startIcon() %}
+  {#- The SVG needs `focusable="false"` so that Internet Explorer does not
+  treat it as an interactive element - without this it will be
+  'focusable' when using the keyboard to navigate. #}
+  <svg class="govuk-button__start-icon" xmlns="http://www.w3.org/2000/svg" width="17.5" height="19" viewBox="0 0 33 40" aria-hidden="true" focusable="false">
+    <path fill="currentColor" d="M0 0h13l20 20-20 20H0l20-20z"/>
+  </svg>
+{%- endmacro -%}
+
+{#- Define common attributes that we can use across all element types #}
+
+{%- set commonAttributes %} class="{{ classNames }}" data-module="govuk-button" {{- govukAttributes(params.attributes) -}} {% if params.id %} id="{{ params.id }}"{% endif %}{% endset %}
+
+{#- Define common attributes we can use for both button and input types #}
+
+{%- set buttonAttributes %}{% if params.name %} name="{{ params.name }}"{% endif %}{% if params.disabled %} disabled aria-disabled="true"{% endif %}{% if params.preventDoubleClick !== undefined %} data-prevent-double-click="{{ params.preventDoubleClick }}"{% endif %}{% endset %}
+
+{#- Actually create a button... or a link! #}
+
+{%- if element == 'a' %}
+<a href="{{ params.href if params.href else '#' }}" role="button" draggable="false" {{- commonAttributes | safe }}>
+  {{ params.html | safe | trim | indent(2) if params.html else params.text }}
+  {{- _startIcon() | safe if params.isStartButton }}
+</a>
+
+{%- elseif element == 'button' %}
+<button {%- if params.value %} value="{{ params.value }}"{% endif %} type="{{ params.type if params.type else 'submit' }}" {{- buttonAttributes | safe }} {{- commonAttributes | safe }}>
+  {{ params.html | safe | trim | indent(2) if params.html else params.text }}
+  {{- _startIcon() | safe if params.isStartButton }}
+</button>
+
+{%- elseif element == 'input' %}
+<input value="{{ params.text }}" type="{{ params.type if params.type else 'submit' }}" {{- buttonAttributes | safe }} {{- commonAttributes | safe }}>
+{%- endif %}
diff --git a/node_modules/govuk-frontend/dist/govuk/components/character-count/README.md b/node_modules/govuk-frontend/dist/govuk/components/character-count/README.md
new file mode 100644
index 0000000..f3aeee7
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/character-count/README.md
@@ -0,0 +1,15 @@
+# Character count
+
+## Installation
+
+See the [main README quick start guide](https://github.com/alphagov/govuk-frontend#quick-start) for how to install this component.
+
+## Guidance and Examples
+
+Find out when to use the character count component in your service in the [GOV.UK Design System](https://design-system.service.gov.uk/components/character-count).
+
+## Component options
+
+Use options to customise the appearance, content and behaviour of a component when using a macro, for example, changing the text.
+
+See [options table](https://design-system.service.gov.uk/components/character-count/#options-character-count-example) for details.
diff --git a/node_modules/govuk-frontend/dist/govuk/components/character-count/_character-count.scss b/node_modules/govuk-frontend/dist/govuk/components/character-count/_character-count.scss
new file mode 100644
index 0000000..ca39b38
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/character-count/_character-count.scss
@@ -0,0 +1,4 @@
+@import "../../base";
+@import "./index";
+
+/*# sourceMappingURL=_character-count.scss.map */
diff --git a/node_modules/govuk-frontend/dist/govuk/components/character-count/_character-count.scss.map b/node_modules/govuk-frontend/dist/govuk/components/character-count/_character-count.scss.map
new file mode 100644
index 0000000..6870d50
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/character-count/_character-count.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/character-count/_character-count.scss"],"names":[],"mappings":"AAAA,oBAAoB;AACpB,iBAAiB","file":"_character-count.scss","sourcesContent":["@import \"../../base\";\n@import \"./index\";\n"]}
diff --git a/node_modules/govuk-frontend/dist/govuk/components/character-count/_index.scss b/node_modules/govuk-frontend/dist/govuk/components/character-count/_index.scss
new file mode 100644
index 0000000..63f12ec
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/character-count/_index.scss
@@ -0,0 +1,44 @@
+@import "../error-message/index";
+@import "../hint/index";
+@import "../label/index";
+@import "../textarea/index";
+
+@include govuk-exports("govuk/component/character-count") {
+  .govuk-character-count {
+    @include govuk-responsive-margin(6, "bottom");
+
+    .govuk-form-group,
+    .govuk-textarea {
+      margin-bottom: govuk-spacing(1);
+    }
+
+    // If the textarea enters the error state whilst the user is focused on it,
+    // show the error state. This presents feedback to the user that the value
+    // has become invalid without needing to see the counter.
+    .govuk-textarea--error:focus {
+      border-color: $govuk-error-colour;
+      box-shadow: inset 0 0 0 $govuk-border-width-form-element $govuk-error-colour;
+    }
+  }
+
+  .govuk-character-count__message {
+    @include govuk-font-tabular-numbers;
+    margin-top: 0;
+    margin-bottom: 0;
+
+    &::after {
+      // Zero-width space that will reserve vertical space when no hint is
+      // provided as:
+      // - setting a min-height is not possible without a magic number because
+      //   the line-height is set by the `govuk-font` call above
+      // - using `:empty` is not possible as the hint macro outputs line breaks
+      content: "\200B";
+    }
+  }
+
+  .govuk-character-count__message--disabled {
+    visibility: hidden;
+  }
+}
+
+/*# sourceMappingURL=_index.scss.map */
diff --git a/node_modules/govuk-frontend/dist/govuk/components/character-count/_index.scss.map b/node_modules/govuk-frontend/dist/govuk/components/character-count/_index.scss.map
new file mode 100644
index 0000000..f9d7bc7
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/character-count/_index.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/character-count/_index.scss"],"names":[],"mappings":"AAAA,gCAAgC;AAChC,uBAAuB;AACvB,wBAAwB;AACxB,2BAA2B;;AAE3B;EACE;IACE,6CAA6C;;IAE7C;;MAEE,+BAA+B;IACjC;;IAEA,0EAA0E;IAC1E,yEAAyE;IACzE,wDAAwD;IACxD;MACE,iCAAiC;MACjC,4EAA4E;IAC9E;EACF;;EAEA;IACE,mCAAmC;IACnC,aAAa;IACb,gBAAgB;;IAEhB;MACE,mEAAmE;MACnE,cAAc;MACd,uEAAuE;MACvE,yDAAyD;MACzD,wEAAwE;MACxE,gBAAgB;IAClB;EACF;;EAEA;IACE,kBAAkB;EACpB;AACF","file":"_index.scss","sourcesContent":["@import \"../error-message/index\";\n@import \"../hint/index\";\n@import \"../label/index\";\n@import \"../textarea/index\";\n\n@include govuk-exports(\"govuk/component/character-count\") {\n  .govuk-character-count {\n    @include govuk-responsive-margin(6, \"bottom\");\n\n    .govuk-form-group,\n    .govuk-textarea {\n      margin-bottom: govuk-spacing(1);\n    }\n\n    // If the textarea enters the error state whilst the user is focused on it,\n    // show the error state. This presents feedback to the user that the value\n    // has become invalid without needing to see the counter.\n    .govuk-textarea--error:focus {\n      border-color: $govuk-error-colour;\n      box-shadow: inset 0 0 0 $govuk-border-width-form-element $govuk-error-colour;\n    }\n  }\n\n  .govuk-character-count__message {\n    @include govuk-font-tabular-numbers;\n    margin-top: 0;\n    margin-bottom: 0;\n\n    &::after {\n      // Zero-width space that will reserve vertical space when no hint is\n      // provided as:\n      // - setting a min-height is not possible without a magic number because\n      //   the line-height is set by the `govuk-font` call above\n      // - using `:empty` is not possible as the hint macro outputs line breaks\n      content: \"\\200B\";\n    }\n  }\n\n  .govuk-character-count__message--disabled {\n    visibility: hidden;\n  }\n}\n"]}
diff --git a/node_modules/govuk-frontend/dist/govuk/components/character-count/character-count.bundle.js b/node_modules/govuk-frontend/dist/govuk/components/character-count/character-count.bundle.js
new file mode 100644
index 0000000..1b6f35f
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/character-count/character-count.bundle.js
@@ -0,0 +1,683 @@
+(function (global, factory) {
+  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports) :
+  typeof define === 'function' && define.amd ? define(['exports'], factory) :
+  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.GOVUKFrontend = global.GOVUKFrontend || {}));
+})(this, (function (exports) { 'use strict';
+
+  function closestAttributeValue($element, attributeName) {
+    const $closestElementWithAttribute = $element.closest(`[${attributeName}]`);
+    return $closestElementWithAttribute ? $closestElementWithAttribute.getAttribute(attributeName) : null;
+  }
+
+  function isInitialised($root, moduleName) {
+    return $root instanceof HTMLElement && $root.hasAttribute(`data-${moduleName}-init`);
+  }
+
+  /**
+   * Checks if GOV.UK Frontend is supported on this page
+   *
+   * Some browsers will load and run our JavaScript but GOV.UK Frontend
+   * won't be supported.
+   *
+   * @param {HTMLElement | null} [$scope] - (internal) `<body>` HTML element checked for browser support
+   * @returns {boolean} Whether GOV.UK Frontend is supported on this page
+   */
+  function isSupported($scope = document.body) {
+    if (!$scope) {
+      return false;
+    }
+    return $scope.classList.contains('govuk-frontend-supported');
+  }
+  function isArray(option) {
+    return Array.isArray(option);
+  }
+  function isObject(option) {
+    return !!option && typeof option === 'object' && !isArray(option);
+  }
+  function formatErrorMessage(Component, message) {
+    return `${Component.moduleName}: ${message}`;
+  }
+  /**
+   * @typedef ComponentWithModuleName
+   * @property {string} moduleName - Name of the component
+   */
+
+  class GOVUKFrontendError extends Error {
+    constructor(...args) {
+      super(...args);
+      this.name = 'GOVUKFrontendError';
+    }
+  }
+  class SupportError extends GOVUKFrontendError {
+    /**
+     * Checks if GOV.UK Frontend is supported on this page
+     *
+     * @param {HTMLElement | null} [$scope] - HTML element `<body>` checked for browser support
+     */
+    constructor($scope = document.body) {
+      const supportMessage = 'noModule' in HTMLScriptElement.prototype ? 'GOV.UK Frontend initialised without `<body class="govuk-frontend-supported">` from template `<script>` snippet' : 'GOV.UK Frontend is not supported in this browser';
+      super($scope ? supportMessage : 'GOV.UK Frontend initialised without `<script type="module">`');
+      this.name = 'SupportError';
+    }
+  }
+  class ConfigError extends GOVUKFrontendError {
+    constructor(...args) {
+      super(...args);
+      this.name = 'ConfigError';
+    }
+  }
+  class ElementError extends GOVUKFrontendError {
+    constructor(messageOrOptions) {
+      let message = typeof messageOrOptions === 'string' ? messageOrOptions : '';
+      if (isObject(messageOrOptions)) {
+        const {
+          component,
+          identifier,
+          element,
+          expectedType
+        } = messageOrOptions;
+        message = identifier;
+        message += element ? ` is not of type ${expectedType != null ? expectedType : 'HTMLElement'}` : ' not found';
+        if (component) {
+          message = formatErrorMessage(component, message);
+        }
+      }
+      super(message);
+      this.name = 'ElementError';
+    }
+  }
+  class InitError extends GOVUKFrontendError {
+    constructor(componentOrMessage) {
+      const message = typeof componentOrMessage === 'string' ? componentOrMessage : formatErrorMessage(componentOrMessage, `Root element (\`$root\`) already initialised`);
+      super(message);
+      this.name = 'InitError';
+    }
+  }
+  /**
+   * @import { ComponentWithModuleName } from '../common/index.mjs'
+   */
+
+  class Component {
+    /**
+     * Returns the root element of the component
+     *
+     * @protected
+     * @returns {RootElementType} - the root element of component
+     */
+    get $root() {
+      return this._$root;
+    }
+    constructor($root) {
+      this._$root = void 0;
+      const childConstructor = this.constructor;
+      if (typeof childConstructor.moduleName !== 'string') {
+        throw new InitError(`\`moduleName\` not defined in component`);
+      }
+      if (!($root instanceof childConstructor.elementType)) {
+        throw new ElementError({
+          element: $root,
+          component: childConstructor,
+          identifier: 'Root element (`$root`)',
+          expectedType: childConstructor.elementType.name
+        });
+      } else {
+        this._$root = $root;
+      }
+      childConstructor.checkSupport();
+      this.checkInitialised();
+      const moduleName = childConstructor.moduleName;
+      this.$root.setAttribute(`data-${moduleName}-init`, '');
+    }
+    checkInitialised() {
+      const constructor = this.constructor;
+      const moduleName = constructor.moduleName;
+      if (moduleName && isInitialised(this.$root, moduleName)) {
+        throw new InitError(constructor);
+      }
+    }
+    static checkSupport() {
+      if (!isSupported()) {
+        throw new SupportError();
+      }
+    }
+  }
+
+  /**
+   * @typedef ChildClass
+   * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component
+   */
+
+  /**
+   * @typedef {typeof Component & ChildClass} ChildClassConstructor
+   */
+  Component.elementType = HTMLElement;
+
+  const configOverride = Symbol.for('configOverride');
+  class ConfigurableComponent extends Component {
+    [configOverride](param) {
+      return {};
+    }
+
+    /**
+     * Returns the root element of the component
+     *
+     * @protected
+     * @returns {ConfigurationType} - the root element of component
+     */
+    get config() {
+      return this._config;
+    }
+    constructor($root, config) {
+      super($root);
+      this._config = void 0;
+      const childConstructor = this.constructor;
+      if (!isObject(childConstructor.defaults)) {
+        throw new ConfigError(formatErrorMessage(childConstructor, 'Config passed as parameter into constructor but no defaults defined'));
+      }
+      const datasetConfig = normaliseDataset(childConstructor, this._$root.dataset);
+      this._config = mergeConfigs(childConstructor.defaults, config != null ? config : {}, this[configOverride](datasetConfig), datasetConfig);
+    }
+  }
+  function normaliseString(value, property) {
+    const trimmedValue = value ? value.trim() : '';
+    let output;
+    let outputType = property == null ? void 0 : property.type;
+    if (!outputType) {
+      if (['true', 'false'].includes(trimmedValue)) {
+        outputType = 'boolean';
+      }
+      if (trimmedValue.length > 0 && isFinite(Number(trimmedValue))) {
+        outputType = 'number';
+      }
+    }
+    switch (outputType) {
+      case 'boolean':
+        output = trimmedValue === 'true';
+        break;
+      case 'number':
+        output = Number(trimmedValue);
+        break;
+      default:
+        output = value;
+    }
+    return output;
+  }
+  function normaliseDataset(Component, dataset) {
+    if (!isObject(Component.schema)) {
+      throw new ConfigError(formatErrorMessage(Component, 'Config passed as parameter into constructor but no schema defined'));
+    }
+    const out = {};
+    const entries = Object.entries(Component.schema.properties);
+    for (const entry of entries) {
+      const [namespace, property] = entry;
+      const field = namespace.toString();
+      if (field in dataset) {
+        out[field] = normaliseString(dataset[field], property);
+      }
+      if ((property == null ? void 0 : property.type) === 'object') {
+        out[field] = extractConfigByNamespace(Component.schema, dataset, namespace);
+      }
+    }
+    return out;
+  }
+  function mergeConfigs(...configObjects) {
+    const formattedConfigObject = {};
+    for (const configObject of configObjects) {
+      for (const key of Object.keys(configObject)) {
+        const option = formattedConfigObject[key];
+        const override = configObject[key];
+        if (isObject(option) && isObject(override)) {
+          formattedConfigObject[key] = mergeConfigs(option, override);
+        } else {
+          formattedConfigObject[key] = override;
+        }
+      }
+    }
+    return formattedConfigObject;
+  }
+  function validateConfig(schema, config) {
+    const validationErrors = [];
+    for (const [name, conditions] of Object.entries(schema)) {
+      const errors = [];
+      if (Array.isArray(conditions)) {
+        for (const {
+          required,
+          errorMessage
+        } of conditions) {
+          if (!required.every(key => !!config[key])) {
+            errors.push(errorMessage);
+          }
+        }
+        if (name === 'anyOf' && !(conditions.length - errors.length >= 1)) {
+          validationErrors.push(...errors);
+        }
+      }
+    }
+    return validationErrors;
+  }
+  function extractConfigByNamespace(schema, dataset, namespace) {
+    const property = schema.properties[namespace];
+    if ((property == null ? void 0 : property.type) !== 'object') {
+      return;
+    }
+    const newObject = {
+      [namespace]: {}
+    };
+    for (const [key, value] of Object.entries(dataset)) {
+      let current = newObject;
+      const keyParts = key.split('.');
+      for (const [index, name] of keyParts.entries()) {
+        if (isObject(current)) {
+          if (index < keyParts.length - 1) {
+            if (!isObject(current[name])) {
+              current[name] = {};
+            }
+            current = current[name];
+          } else if (key !== namespace) {
+            current[name] = normaliseString(value);
+          }
+        }
+      }
+    }
+    return newObject[namespace];
+  }
+  /**
+   * Schema for component config
+   *
+   * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType
+   * @typedef {object} Schema
+   * @property {Record<keyof ConfigurationType, SchemaProperty | undefined>} properties - Schema properties
+   * @property {SchemaCondition<ConfigurationType>[]} [anyOf] - List of schema conditions
+   */
+  /**
+   * Schema property for component config
+   *
+   * @typedef {object} SchemaProperty
+   * @property {'string' | 'boolean' | 'number' | 'object'} type - Property type
+   */
+  /**
+   * Schema condition for component config
+   *
+   * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType
+   * @typedef {object} SchemaCondition
+   * @property {(keyof ConfigurationType)[]} required - List of required config fields
+   * @property {string} errorMessage - Error message when required config fields not provided
+   */
+  /**
+   * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]
+   * @typedef ChildClass
+   * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component
+   * @property {Schema<ConfigurationType>} [schema] - The schema of the component configuration
+   * @property {ConfigurationType} [defaults] - The default values of the configuration of the component
+   */
+  /**
+   * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]
+   * @typedef {typeof Component & ChildClass<ConfigurationType>} ChildClassConstructor<ConfigurationType>
+   */
+  /**
+   * @import { CompatibleClass, Config, CreateAllOptions, OnErrorCallback } from '../init.mjs'
+   */
+
+  class I18n {
+    constructor(translations = {}, config = {}) {
+      var _config$locale;
+      this.translations = void 0;
+      this.locale = void 0;
+      this.translations = translations;
+      this.locale = (_config$locale = config.locale) != null ? _config$locale : document.documentElement.lang || 'en';
+    }
+    t(lookupKey, options) {
+      if (!lookupKey) {
+        throw new Error('i18n: lookup key missing');
+      }
+      let translation = this.translations[lookupKey];
+      if (typeof (options == null ? void 0 : options.count) === 'number' && isObject(translation)) {
+        const translationPluralForm = translation[this.getPluralSuffix(lookupKey, options.count)];
+        if (translationPluralForm) {
+          translation = translationPluralForm;
+        }
+      }
+      if (typeof translation === 'string') {
+        if (translation.match(/%{(.\S+)}/)) {
+          if (!options) {
+            throw new Error('i18n: cannot replace placeholders in string if no option data provided');
+          }
+          return this.replacePlaceholders(translation, options);
+        }
+        return translation;
+      }
+      return lookupKey;
+    }
+    replacePlaceholders(translationString, options) {
+      const formatter = Intl.NumberFormat.supportedLocalesOf(this.locale).length ? new Intl.NumberFormat(this.locale) : undefined;
+      return translationString.replace(/%{(.\S+)}/g, function (placeholderWithBraces, placeholderKey) {
+        if (Object.prototype.hasOwnProperty.call(options, placeholderKey)) {
+          const placeholderValue = options[placeholderKey];
+          if (placeholderValue === false || typeof placeholderValue !== 'number' && typeof placeholderValue !== 'string') {
+            return '';
+          }
+          if (typeof placeholderValue === 'number') {
+            return formatter ? formatter.format(placeholderValue) : `${placeholderValue}`;
+          }
+          return placeholderValue;
+        }
+        throw new Error(`i18n: no data found to replace ${placeholderWithBraces} placeholder in string`);
+      });
+    }
+    hasIntlPluralRulesSupport() {
+      return Boolean('PluralRules' in window.Intl && Intl.PluralRules.supportedLocalesOf(this.locale).length);
+    }
+    getPluralSuffix(lookupKey, count) {
+      count = Number(count);
+      if (!isFinite(count)) {
+        return 'other';
+      }
+      const translation = this.translations[lookupKey];
+      const preferredForm = this.hasIntlPluralRulesSupport() ? new Intl.PluralRules(this.locale).select(count) : 'other';
+      if (isObject(translation)) {
+        if (preferredForm in translation) {
+          return preferredForm;
+        } else if ('other' in translation) {
+          console.warn(`i18n: Missing plural form ".${preferredForm}" for "${this.locale}" locale. Falling back to ".other".`);
+          return 'other';
+        }
+      }
+      throw new Error(`i18n: Plural form ".other" is required for "${this.locale}" locale`);
+    }
+  }
+
+  /**
+   * Character count component
+   *
+   * Tracks the number of characters or words in the `.govuk-js-character-count`
+   * `<textarea>` inside the element. Displays a message with the remaining number
+   * of characters/words available, or the number of characters/words in excess.
+   *
+   * You can configure the message to only appear after a certain percentage
+   * of the available characters/words has been entered.
+   *
+   * @preserve
+   * @augments ConfigurableComponent<CharacterCountConfig>
+   */
+  class CharacterCount extends ConfigurableComponent {
+    [configOverride](datasetConfig) {
+      let configOverrides = {};
+      if ('maxwords' in datasetConfig || 'maxlength' in datasetConfig) {
+        configOverrides = {
+          maxlength: undefined,
+          maxwords: undefined
+        };
+      }
+      return configOverrides;
+    }
+
+    /**
+     * @param {Element | null} $root - HTML element to use for character count
+     * @param {CharacterCountConfig} [config] - Character count config
+     */
+    constructor($root, config = {}) {
+      var _ref, _this$config$maxwords;
+      super($root, config);
+      this.$textarea = void 0;
+      this.$visibleCountMessage = void 0;
+      this.$screenReaderCountMessage = void 0;
+      this.lastInputTimestamp = null;
+      this.lastInputValue = '';
+      this.valueChecker = null;
+      this.i18n = void 0;
+      this.maxLength = void 0;
+      const $textarea = this.$root.querySelector('.govuk-js-character-count');
+      if (!($textarea instanceof HTMLTextAreaElement || $textarea instanceof HTMLInputElement)) {
+        throw new ElementError({
+          component: CharacterCount,
+          element: $textarea,
+          expectedType: 'HTMLTextareaElement or HTMLInputElement',
+          identifier: 'Form field (`.govuk-js-character-count`)'
+        });
+      }
+      const errors = validateConfig(CharacterCount.schema, this.config);
+      if (errors[0]) {
+        throw new ConfigError(formatErrorMessage(CharacterCount, errors[0]));
+      }
+      this.i18n = new I18n(this.config.i18n, {
+        locale: closestAttributeValue(this.$root, 'lang')
+      });
+      this.maxLength = (_ref = (_this$config$maxwords = this.config.maxwords) != null ? _this$config$maxwords : this.config.maxlength) != null ? _ref : Infinity;
+      this.$textarea = $textarea;
+      const textareaDescriptionId = `${this.$textarea.id}-info`;
+      const $textareaDescription = document.getElementById(textareaDescriptionId);
+      if (!$textareaDescription) {
+        throw new ElementError({
+          component: CharacterCount,
+          element: $textareaDescription,
+          identifier: `Count message (\`id="${textareaDescriptionId}"\`)`
+        });
+      }
+      this.$errorMessage = this.$root.querySelector('.govuk-error-message');
+      if ($textareaDescription.textContent.match(/^\s*$/)) {
+        $textareaDescription.textContent = this.i18n.t('textareaDescription', {
+          count: this.maxLength
+        });
+      }
+      this.$textarea.insertAdjacentElement('afterend', $textareaDescription);
+      const $screenReaderCountMessage = document.createElement('div');
+      $screenReaderCountMessage.className = 'govuk-character-count__sr-status govuk-visually-hidden';
+      $screenReaderCountMessage.setAttribute('aria-live', 'polite');
+      this.$screenReaderCountMessage = $screenReaderCountMessage;
+      $textareaDescription.insertAdjacentElement('afterend', $screenReaderCountMessage);
+      const $visibleCountMessage = document.createElement('div');
+      $visibleCountMessage.className = $textareaDescription.className;
+      $visibleCountMessage.classList.add('govuk-character-count__status');
+      $visibleCountMessage.setAttribute('aria-hidden', 'true');
+      this.$visibleCountMessage = $visibleCountMessage;
+      $textareaDescription.insertAdjacentElement('afterend', $visibleCountMessage);
+      $textareaDescription.classList.add('govuk-visually-hidden');
+      this.$textarea.removeAttribute('maxlength');
+      this.bindChangeEvents();
+      window.addEventListener('pageshow', () => this.updateCountMessage());
+      this.updateCountMessage();
+    }
+    bindChangeEvents() {
+      this.$textarea.addEventListener('keyup', () => this.handleKeyUp());
+      this.$textarea.addEventListener('focus', () => this.handleFocus());
+      this.$textarea.addEventListener('blur', () => this.handleBlur());
+    }
+    handleKeyUp() {
+      this.updateVisibleCountMessage();
+      this.lastInputTimestamp = Date.now();
+    }
+    handleFocus() {
+      this.valueChecker = window.setInterval(() => {
+        if (!this.lastInputTimestamp || Date.now() - 500 >= this.lastInputTimestamp) {
+          this.updateIfValueChanged();
+        }
+      }, 1000);
+    }
+    handleBlur() {
+      if (this.valueChecker) {
+        window.clearInterval(this.valueChecker);
+      }
+    }
+    updateIfValueChanged() {
+      if (this.$textarea.value !== this.lastInputValue) {
+        this.lastInputValue = this.$textarea.value;
+        this.updateCountMessage();
+      }
+    }
+    updateCountMessage() {
+      this.updateVisibleCountMessage();
+      this.updateScreenReaderCountMessage();
+    }
+    updateVisibleCountMessage() {
+      const remainingNumber = this.maxLength - this.count(this.$textarea.value);
+      const isError = remainingNumber < 0;
+      this.$visibleCountMessage.classList.toggle('govuk-character-count__message--disabled', !this.isOverThreshold());
+      if (!this.$errorMessage) {
+        this.$textarea.classList.toggle('govuk-textarea--error', isError);
+      }
+      this.$visibleCountMessage.classList.toggle('govuk-error-message', isError);
+      this.$visibleCountMessage.classList.toggle('govuk-hint', !isError);
+      this.$visibleCountMessage.textContent = this.getCountMessage();
+    }
+    updateScreenReaderCountMessage() {
+      if (this.isOverThreshold()) {
+        this.$screenReaderCountMessage.removeAttribute('aria-hidden');
+      } else {
+        this.$screenReaderCountMessage.setAttribute('aria-hidden', 'true');
+      }
+      this.$screenReaderCountMessage.textContent = this.getCountMessage();
+    }
+    count(text) {
+      if (this.config.maxwords) {
+        var _text$match;
+        const tokens = (_text$match = text.match(/\S+/g)) != null ? _text$match : [];
+        return tokens.length;
+      }
+      return text.length;
+    }
+    getCountMessage() {
+      const remainingNumber = this.maxLength - this.count(this.$textarea.value);
+      const countType = this.config.maxwords ? 'words' : 'characters';
+      return this.formatCountMessage(remainingNumber, countType);
+    }
+    formatCountMessage(remainingNumber, countType) {
+      if (remainingNumber === 0) {
+        return this.i18n.t(`${countType}AtLimit`);
+      }
+      const translationKeySuffix = remainingNumber < 0 ? 'OverLimit' : 'UnderLimit';
+      return this.i18n.t(`${countType}${translationKeySuffix}`, {
+        count: Math.abs(remainingNumber)
+      });
+    }
+    isOverThreshold() {
+      if (!this.config.threshold) {
+        return true;
+      }
+      const currentLength = this.count(this.$textarea.value);
+      const maxLength = this.maxLength;
+      const thresholdValue = maxLength * this.config.threshold / 100;
+      return thresholdValue <= currentLength;
+    }
+  }
+
+  /**
+   * Character count config
+   *
+   * @see {@link CharacterCount.defaults}
+   * @typedef {object} CharacterCountConfig
+   * @property {number} [maxlength] - The maximum number of characters.
+   *   If maxwords is provided, the maxlength option will be ignored.
+   * @property {number} [maxwords] - The maximum number of words. If maxwords is
+   *   provided, the maxlength option will be ignored.
+   * @property {number} [threshold=0] - The percentage value of the limit at
+   *   which point the count message is displayed. If this attribute is set, the
+   *   count message will be hidden by default.
+   * @property {CharacterCountTranslations} [i18n=CharacterCount.defaults.i18n] - Character count translations
+   */
+
+  /**
+   * Character count translations
+   *
+   * @see {@link CharacterCount.defaults.i18n}
+   * @typedef {object} CharacterCountTranslations
+   *
+   * Messages shown to users as they type. It provides feedback on how many words
+   * or characters they have remaining or if they are over the limit. This also
+   * includes a message used as an accessible description for the textarea.
+   * @property {TranslationPluralForms} [charactersUnderLimit] - Message displayed
+   *   when the number of characters is under the configured maximum, `maxlength`.
+   *   This message is displayed visually and through assistive technologies. The
+   *   component will replace the `%{count}` placeholder with the number of
+   *   remaining characters. This is a [pluralised list of
+   *   messages](https://frontend.design-system.service.gov.uk/localise-govuk-frontend).
+   * @property {string} [charactersAtLimit] - Message displayed when the number of
+   *   characters reaches the configured maximum, `maxlength`. This message is
+   *   displayed visually and through assistive technologies.
+   * @property {TranslationPluralForms} [charactersOverLimit] - Message displayed
+   *   when the number of characters is over the configured maximum, `maxlength`.
+   *   This message is displayed visually and through assistive technologies. The
+   *   component will replace the `%{count}` placeholder with the number of
+   *   remaining characters. This is a [pluralised list of
+   *   messages](https://frontend.design-system.service.gov.uk/localise-govuk-frontend).
+   * @property {TranslationPluralForms} [wordsUnderLimit] - Message displayed when
+   *   the number of words is under the configured maximum, `maxlength`. This
+   *   message is displayed visually and through assistive technologies. The
+   *   component will replace the `%{count}` placeholder with the number of
+   *   remaining words. This is a [pluralised list of
+   *   messages](https://frontend.design-system.service.gov.uk/localise-govuk-frontend).
+   * @property {string} [wordsAtLimit] - Message displayed when the number of
+   *   words reaches the configured maximum, `maxlength`. This message is
+   *   displayed visually and through assistive technologies.
+   * @property {TranslationPluralForms} [wordsOverLimit] - Message displayed when
+   *   the number of words is over the configured maximum, `maxlength`. This
+   *   message is displayed visually and through assistive technologies. The
+   *   component will replace the `%{count}` placeholder with the number of
+   *   remaining words. This is a [pluralised list of
+   *   messages](https://frontend.design-system.service.gov.uk/localise-govuk-frontend).
+   * @property {TranslationPluralForms} [textareaDescription] - Message made
+   *   available to assistive technologies, if none is already present in the
+   *   HTML, to describe that the component accepts only a limited amount of
+   *   content. It is visible on the page when JavaScript is unavailable. The
+   *   component will replace the `%{count}` placeholder with the value of the
+   *   `maxlength` or `maxwords` parameter.
+   */
+
+  /**
+   * @import { Schema } from '../../common/configuration.mjs'
+   * @import { TranslationPluralForms } from '../../i18n.mjs'
+   */
+  CharacterCount.moduleName = 'govuk-character-count';
+  CharacterCount.defaults = Object.freeze({
+    threshold: 0,
+    i18n: {
+      charactersUnderLimit: {
+        one: 'You have %{count} character remaining',
+        other: 'You have %{count} characters remaining'
+      },
+      charactersAtLimit: 'You have 0 characters remaining',
+      charactersOverLimit: {
+        one: 'You have %{count} character too many',
+        other: 'You have %{count} characters too many'
+      },
+      wordsUnderLimit: {
+        one: 'You have %{count} word remaining',
+        other: 'You have %{count} words remaining'
+      },
+      wordsAtLimit: 'You have 0 words remaining',
+      wordsOverLimit: {
+        one: 'You have %{count} word too many',
+        other: 'You have %{count} words too many'
+      },
+      textareaDescription: {
+        other: ''
+      }
+    }
+  });
+  CharacterCount.schema = Object.freeze({
+    properties: {
+      i18n: {
+        type: 'object'
+      },
+      maxwords: {
+        type: 'number'
+      },
+      maxlength: {
+        type: 'number'
+      },
+      threshold: {
+        type: 'number'
+      }
+    },
+    anyOf: [{
+      required: ['maxwords'],
+      errorMessage: 'Either "maxlength" or "maxwords" must be provided'
+    }, {
+      required: ['maxlength'],
+      errorMessage: 'Either "maxlength" or "maxwords" must be provided'
+    }]
+  });
+
+  exports.CharacterCount = CharacterCount;
+
+}));
+//# sourceMappingURL=character-count.bundle.js.map
diff --git a/node_modules/govuk-frontend/dist/govuk/components/character-count/character-count.bundle.js.map b/node_modules/govuk-frontend/dist/govuk/components/character-count/character-count.bundle.js.map
new file mode 100644
index 0000000..26a8bb2
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/character-count/character-count.bundle.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"character-count.bundle.js","sources":["../../../../src/govuk/common/closest-attribute-value.mjs","../../../../src/govuk/common/index.mjs","../../../../src/govuk/errors/index.mjs","../../../../src/govuk/component.mjs","../../../../src/govuk/common/configuration.mjs","../../../../src/govuk/i18n.mjs","../../../../src/govuk/components/character-count/character-count.mjs"],"sourcesContent":["/**\n * Returns the value of the given attribute closest to the given element (including itself)\n *\n * @internal\n * @param {Element} $element - The element to start walking the DOM tree up\n * @param {string} attributeName - The name of the attribute\n * @returns {string | null} Attribute value\n */\nexport function closestAttributeValue($element, attributeName) {\n  const $closestElementWithAttribute = $element.closest(`[${attributeName}]`)\n  return $closestElementWithAttribute\n    ? $closestElementWithAttribute.getAttribute(attributeName)\n    : null\n}\n","/**\n * Common helpers which do not require polyfill.\n *\n * IMPORTANT: If a helper require a polyfill, please isolate it in its own module\n * so that the polyfill can be properly tree-shaken and does not burden\n * the components that do not need that helper\n */\n\n/**\n * Get GOV.UK Frontend breakpoint value from CSS custom property\n *\n * @private\n * @param {string} name - Breakpoint name\n * @returns {{ property: string, value?: string }} Breakpoint object\n */\nexport function getBreakpoint(name) {\n  const property = `--govuk-breakpoint-${name}`\n\n  // Get value from `<html>` with breakpoints on CSS :root\n  const value = window\n    .getComputedStyle(document.documentElement)\n    .getPropertyValue(property)\n\n  return {\n    property,\n    value: value || undefined\n  }\n}\n\n/**\n * Move focus to element\n *\n * Sets tabindex to -1 to make the element programmatically focusable,\n * but removes it on blur as the element doesn't need to be focused again.\n *\n * @private\n * @template {HTMLElement} FocusElement\n * @param {FocusElement} $element - HTML element\n * @param {object} [options] - Handler options\n * @param {function(this: FocusElement): void} [options.onBeforeFocus] - Callback before focus\n * @param {function(this: FocusElement): void} [options.onBlur] - Callback on blur\n */\nexport function setFocus($element, options = {}) {\n  const isFocusable = $element.getAttribute('tabindex')\n\n  if (!isFocusable) {\n    $element.setAttribute('tabindex', '-1')\n  }\n\n  /**\n   * Handle element focus\n   */\n  function onFocus() {\n    $element.addEventListener('blur', onBlur, { once: true })\n  }\n\n  /**\n   * Handle element blur\n   */\n  function onBlur() {\n    options.onBlur?.call($element)\n\n    if (!isFocusable) {\n      $element.removeAttribute('tabindex')\n    }\n  }\n\n  // Add listener to reset element on blur, after focus\n  $element.addEventListener('focus', onFocus, { once: true })\n\n  // Focus element\n  options.onBeforeFocus?.call($element)\n  $element.focus()\n}\n\n/**\n * Checks if component is already initialised\n *\n * @internal\n * @param {Element} $root - HTML element to be checked\n * @param {string} moduleName - name of component module\n * @returns {boolean} Whether component is already initialised\n */\nexport function isInitialised($root, moduleName) {\n  return (\n    $root instanceof HTMLElement &&\n    $root.hasAttribute(`data-${moduleName}-init`)\n  )\n}\n\n/**\n * Checks if GOV.UK Frontend is supported on this page\n *\n * Some browsers will load and run our JavaScript but GOV.UK Frontend\n * won't be supported.\n *\n * @param {HTMLElement | null} [$scope] - (internal) `<body>` HTML element checked for browser support\n * @returns {boolean} Whether GOV.UK Frontend is supported on this page\n */\nexport function isSupported($scope = document.body) {\n  if (!$scope) {\n    return false\n  }\n\n  return $scope.classList.contains('govuk-frontend-supported')\n}\n\n/**\n * Check for an array\n *\n * @internal\n * @param {unknown} option - Option to check\n * @returns {boolean} Whether the option is an array\n */\nfunction isArray(option) {\n  return Array.isArray(option)\n}\n\n/**\n * Check for an object\n *\n * @internal\n * @template {Partial<Record<keyof ObjectType, unknown>>} ObjectType\n * @param {unknown | ObjectType} option - Option to check\n * @returns {option is ObjectType} Whether the option is an object\n */\nexport function isObject(option) {\n  return !!option && typeof option === 'object' && !isArray(option)\n}\n\n/**\n * Check for valid scope\n *\n * @internal\n * @template {Element | Document} ScopeType\n * @param {unknown | ScopeType} $scope - Scope of the document to search within\n * @returns {$scope is ScopeType} Whether the scope can be queried\n */\nexport function isScope($scope) {\n  return !!$scope && ($scope instanceof Element || $scope instanceof Document)\n}\n\n/**\n * Format error message\n *\n * @internal\n * @param {ComponentWithModuleName} Component - Component that threw the error\n * @param {string} message - Error message\n * @returns {string} - Formatted error message\n */\nexport function formatErrorMessage(Component, message) {\n  return `${Component.moduleName}: ${message}`\n}\n\n/* eslint-disable jsdoc/valid-types --\n * `{new(...args: any[] ): object}` is not recognised as valid\n * https://github.com/gajus/eslint-plugin-jsdoc/issues/145#issuecomment-1308722878\n * https://github.com/jsdoc-type-pratt-parser/jsdoc-type-pratt-parser/issues/131\n **/\n\n/**\n * @typedef ComponentWithModuleName\n * @property {string} moduleName - Name of the component\n */\n\n/* eslint-enable jsdoc/valid-types */\n","import { formatErrorMessage, isObject } from '../common/index.mjs'\n\n/**\n * GOV.UK Frontend error\n *\n * A base class for `Error`s thrown by GOV.UK Frontend.\n *\n * It is meant to be extended into specific types of errors\n * to be thrown by our code.\n *\n * @example\n * ```js\n * class MissingRootError extends GOVUKFrontendError {\n *   // Setting an explicit name is important as extending the class will not\n *   // set a new `name` on the subclass. The `name` property is important\n *   // to ensure intelligible error names even if the class name gets\n *   // mangled by a minifier\n *   name = \"MissingRootError\"\n * }\n * ```\n * @virtual\n */\nexport class GOVUKFrontendError extends Error {\n  name = 'GOVUKFrontendError'\n}\n\n/**\n * Indicates that GOV.UK Frontend is not supported\n */\nexport class SupportError extends GOVUKFrontendError {\n  name = 'SupportError'\n\n  /**\n   * Checks if GOV.UK Frontend is supported on this page\n   *\n   * @param {HTMLElement | null} [$scope] - HTML element `<body>` checked for browser support\n   */\n  constructor($scope = document.body) {\n    const supportMessage =\n      'noModule' in HTMLScriptElement.prototype\n        ? 'GOV.UK Frontend initialised without `<body class=\"govuk-frontend-supported\">` from template `<script>` snippet'\n        : 'GOV.UK Frontend is not supported in this browser'\n\n    super(\n      $scope\n        ? supportMessage\n        : 'GOV.UK Frontend initialised without `<script type=\"module\">`'\n    )\n  }\n}\n\n/**\n * Indicates that a component has received an illegal configuration\n */\nexport class ConfigError extends GOVUKFrontendError {\n  name = 'ConfigError'\n}\n\n/**\n * Indicates an issue with an element (possibly `null` or `undefined`)\n */\nexport class ElementError extends GOVUKFrontendError {\n  name = 'ElementError'\n\n  /**\n   * @internal\n   * @overload\n   * @param {string} message - Element error message\n   */\n\n  /**\n   * @internal\n   * @overload\n   * @param {ElementErrorOptions} options - Element error options\n   */\n\n  /**\n   * @internal\n   * @param {string | ElementErrorOptions} messageOrOptions - Element error message or options\n   */\n  constructor(messageOrOptions) {\n    let message = typeof messageOrOptions === 'string' ? messageOrOptions : ''\n\n    // Build message from options\n    if (isObject(messageOrOptions)) {\n      const { component, identifier, element, expectedType } = messageOrOptions\n\n      message = identifier\n\n      // Append reason\n      message += element\n        ? ` is not of type ${expectedType ?? 'HTMLElement'}`\n        : ' not found'\n\n      // Prepend with module name (optional)\n      if (component) {\n        message = formatErrorMessage(component, message)\n      }\n    }\n\n    super(message)\n  }\n}\n\n/**\n * Indicates that a component is already initialised\n */\nexport class InitError extends GOVUKFrontendError {\n  name = 'InitError'\n\n  /**\n   * @internal\n   * @param {ComponentWithModuleName | string} componentOrMessage - name of the component module\n   */\n  constructor(componentOrMessage) {\n    const message =\n      typeof componentOrMessage === 'string'\n        ? componentOrMessage\n        : formatErrorMessage(\n            componentOrMessage,\n            `Root element (\\`$root\\`) already initialised`\n          )\n\n    super(message)\n  }\n}\n\n/**\n * Element error options\n *\n * @internal\n * @typedef {object} ElementErrorOptions\n * @property {Element | Document | null} [element] - The element in error (optional)\n * @property {ComponentWithModuleName} [component] - Component throwing the error (optional)\n * @property {string} identifier - An identifier that'll let the user understand which element has an error. This is whatever makes the most sense\n * @property {string} [expectedType] - The type that was expected for the identifier (optional)\n */\n\n/**\n * @import { ComponentWithModuleName } from '../common/index.mjs'\n */\n","import { isInitialised, isSupported } from './common/index.mjs'\nimport { ElementError, InitError, SupportError } from './errors/index.mjs'\n\n/**\n * Base Component class\n *\n * Centralises the behaviours shared by our components\n *\n * @virtual\n * @template {Element} [RootElementType=HTMLElement]\n */\nexport class Component {\n  /**\n   * @type {typeof Element}\n   */\n  static elementType = HTMLElement\n\n  // allows Typescript user to work around the lack of types\n  // in GOVUKFrontend package, Typescript is not aware of $root\n  // in components that extend GOVUKFrontendComponent\n  /**\n   * Returns the root element of the component\n   *\n   * @protected\n   * @returns {RootElementType} - the root element of component\n   */\n  get $root() {\n    return this._$root\n  }\n\n  /**\n   * @protected\n   * @type {RootElementType}\n   */\n  _$root\n\n  /**\n   * Constructs a new component, validating that GOV.UK Frontend is supported\n   *\n   * @internal\n   * @param {Element | null} [$root] - HTML element to use for component\n   */\n  constructor($root) {\n    const childConstructor = /** @type {ChildClassConstructor} */ (\n      this.constructor\n    )\n\n    // TypeScript does not enforce that inheriting classes will define a `moduleName`\n    // (even if we add a `@virtual` `static moduleName` property to this class).\n    // While we trust users to do this correctly, we do a little check to provide them\n    // a helpful error message.\n    //\n    // After this, we'll be sure that `childConstructor` has a `moduleName`\n    // as expected of the `ChildClassConstructor` we've cast `this.constructor` to.\n    if (typeof childConstructor.moduleName !== 'string') {\n      throw new InitError(`\\`moduleName\\` not defined in component`)\n    }\n\n    if (!($root instanceof childConstructor.elementType)) {\n      throw new ElementError({\n        element: $root,\n        component: childConstructor,\n        identifier: 'Root element (`$root`)',\n        expectedType: childConstructor.elementType.name\n      })\n    } else {\n      this._$root = /** @type {RootElementType} */ ($root)\n    }\n\n    childConstructor.checkSupport()\n\n    this.checkInitialised()\n\n    const moduleName = childConstructor.moduleName\n\n    this.$root.setAttribute(`data-${moduleName}-init`, '')\n  }\n\n  /**\n   * Validates whether component is already initialised\n   *\n   * @private\n   * @throws {InitError} when component is already initialised\n   */\n  checkInitialised() {\n    const constructor = /** @type {ChildClassConstructor} */ (this.constructor)\n    const moduleName = constructor.moduleName\n\n    if (moduleName && isInitialised(this.$root, moduleName)) {\n      throw new InitError(constructor)\n    }\n  }\n\n  /**\n   * Validates whether components are supported\n   *\n   * @throws {SupportError} when the components are not supported\n   */\n  static checkSupport() {\n    if (!isSupported()) {\n      throw new SupportError()\n    }\n  }\n}\n\n/**\n * @typedef ChildClass\n * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component\n */\n\n/**\n * @typedef {typeof Component & ChildClass} ChildClassConstructor\n */\n","import { Component } from '../component.mjs'\nimport { ConfigError } from '../errors/index.mjs'\n\nimport { isObject, isScope, formatErrorMessage } from './index.mjs'\n\nexport const configOverride = Symbol.for('configOverride')\n\n/**\n * Base Component class\n *\n * Centralises the behaviours shared by our components\n *\n * @virtual\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]\n * @template {Element & { dataset: DOMStringMap }} [RootElementType=HTMLElement]\n * @augments Component<RootElementType>\n */\nexport class ConfigurableComponent extends Component {\n  /**\n   * configOverride\n   *\n   * Function which defines configuration overrides to prioritize\n   * properties from the root element's dataset.\n   *\n   * It should take a subset of configuration as input and return\n   * a new configuration object with properties that should be\n   * overridden based on the root element's dataset. A Symbol\n   * is used for indexing to prevent conflicts.\n   *\n   * @internal\n   * @virtual\n   * @param {Partial<ConfigurationType>} [param] - Configuration object\n   * @returns {Partial<ConfigurationType>} return - Configuration object\n   */\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  [configOverride](param) {\n    return {}\n  }\n\n  /**\n   * Returns the root element of the component\n   *\n   * @protected\n   * @returns {ConfigurationType} - the root element of component\n   */\n  get config() {\n    return this._config\n  }\n\n  /**\n   *\n   * @type {ConfigurationType}\n   */\n  _config\n\n  /**\n   * Constructs a new component, validating that GOV.UK Frontend is supported\n   *\n   * @internal\n   * @param {Element | null} [$root] - HTML element to use for component\n   * @param {ConfigurationType} [config] - HTML element to use for component\n   */\n  constructor($root, config) {\n    super($root)\n\n    const childConstructor =\n      /** @type {ChildClassConstructor<ConfigurationType>} */ (this.constructor)\n\n    if (!isObject(childConstructor.defaults)) {\n      throw new ConfigError(\n        formatErrorMessage(\n          childConstructor,\n          'Config passed as parameter into constructor but no defaults defined'\n        )\n      )\n    }\n\n    const datasetConfig = /** @type {ConfigurationType} */ (\n      normaliseDataset(childConstructor, this._$root.dataset)\n    )\n\n    this._config = /** @type {ConfigurationType} */ (\n      mergeConfigs(\n        childConstructor.defaults,\n        config ?? {},\n        this[configOverride](datasetConfig),\n        datasetConfig\n      )\n    )\n  }\n}\n\n/**\n * Normalise string\n *\n * 'If it looks like a duck, and it quacks like a duck…' 🦆\n *\n * If the passed value looks like a boolean or a number, convert it to a boolean\n * or number.\n *\n * Designed to be used to convert config passed via data attributes (which are\n * always strings) into something sensible.\n *\n * @internal\n * @param {DOMStringMap[string]} value - The value to normalise\n * @param {SchemaProperty} [property] - Component schema property\n * @returns {string | boolean | number | undefined} Normalised data\n */\nexport function normaliseString(value, property) {\n  const trimmedValue = value ? value.trim() : ''\n\n  let output\n  let outputType = property?.type\n\n  // No schema type set? Determine automatically\n  if (!outputType) {\n    if (['true', 'false'].includes(trimmedValue)) {\n      outputType = 'boolean'\n    }\n\n    // Empty / whitespace-only strings are considered finite so we need to check\n    // the length of the trimmed string as well\n    if (trimmedValue.length > 0 && isFinite(Number(trimmedValue))) {\n      outputType = 'number'\n    }\n  }\n\n  switch (outputType) {\n    case 'boolean':\n      output = trimmedValue === 'true'\n      break\n\n    case 'number':\n      output = Number(trimmedValue)\n      break\n\n    default:\n      output = value\n  }\n\n  return output\n}\n\n/**\n * Normalise dataset\n *\n * Loop over an object and normalise each value using {@link normaliseString},\n * optionally expanding nested `i18n.field`\n *\n * @internal\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @template {[keyof ConfigurationType, SchemaProperty | undefined][]} SchemaEntryType\n * @param {{ schema?: Schema<ConfigurationType>, moduleName: string }} Component - Component class\n * @param {DOMStringMap} dataset - HTML element dataset\n * @returns {ObjectNested} Normalised dataset\n */\nexport function normaliseDataset(Component, dataset) {\n  if (!isObject(Component.schema)) {\n    throw new ConfigError(\n      formatErrorMessage(\n        Component,\n        'Config passed as parameter into constructor but no schema defined'\n      )\n    )\n  }\n\n  const out = /** @type {ObjectNested} */ ({})\n  const entries = /** @type {SchemaEntryType} */ (\n    Object.entries(Component.schema.properties)\n  )\n\n  // Normalise top-level dataset ('data-*') values using schema types\n  for (const entry of entries) {\n    const [namespace, property] = entry\n\n    // Cast the `namespace` to string so it can be used to access the dataset\n    const field = namespace.toString()\n\n    if (field in dataset) {\n      out[field] = normaliseString(dataset[field], property)\n    }\n\n    /**\n     * Extract and normalise nested object values automatically using\n     * {@link normaliseString} but only schema object types are allowed\n     */\n    if (property?.type === 'object') {\n      out[field] = extractConfigByNamespace(\n        Component.schema,\n        dataset,\n        namespace\n      )\n    }\n  }\n\n  return out\n}\n\n/**\n * Normalise options passed to `initAll` or `createAll`\n *\n * @internal\n * @template {CompatibleClass} ComponentClass\n * @param {Config | CreateAllOptions<ComponentClass> | OnErrorCallback<ComponentClass> | Element | Document | null} [scopeOrOptions] - Scope of the document to search within, initialisation options or error callback function\n * @returns {CreateAllOptions<ComponentClass>} Normalised options\n */\nexport function normaliseOptions(scopeOrOptions) {\n  let /** @type {Element | Document | null} */ $scope = document\n  let /** @type {OnErrorCallback<ComponentClass> | undefined} */ onError\n\n  // Handle options object\n  if (isObject(scopeOrOptions)) {\n    const options = scopeOrOptions\n\n    // Scope must be valid or null\n    if (isScope(options.scope) || options.scope === null) {\n      $scope = options.scope\n    }\n\n    // Error handler must be a function\n    if (typeof options.onError === 'function') {\n      onError = options.onError\n    }\n  }\n\n  if (isScope(scopeOrOptions)) {\n    $scope = scopeOrOptions\n  } else if (scopeOrOptions === null) {\n    $scope = null\n  } else if (typeof scopeOrOptions === 'function') {\n    onError = scopeOrOptions\n  }\n\n  return {\n    scope: $scope,\n    onError\n  }\n}\n\n/**\n * Config merging function\n *\n * Takes any number of objects and combines them together, with\n * greatest priority on the LAST item passed in.\n *\n * @internal\n * @param {...{ [key: string]: unknown }} configObjects - Config objects to merge\n * @returns {{ [key: string]: unknown }} A merged config object\n */\nexport function mergeConfigs(...configObjects) {\n  // Start with an empty object as our base\n  /** @type {{ [key: string]: unknown }} */\n  const formattedConfigObject = {}\n\n  // Loop through each of the passed objects\n  for (const configObject of configObjects) {\n    for (const key of Object.keys(configObject)) {\n      const option = formattedConfigObject[key]\n      const override = configObject[key]\n\n      // Push their keys one-by-one into formattedConfigObject. Any duplicate\n      // keys with object values will be merged, otherwise the new value will\n      // override the existing value.\n      if (isObject(option) && isObject(override)) {\n        formattedConfigObject[key] = mergeConfigs(option, override)\n      } else {\n        // Apply override\n        formattedConfigObject[key] = override\n      }\n    }\n  }\n\n  return formattedConfigObject\n}\n\n/**\n * Validate component config by schema\n *\n * Follows limited examples in JSON schema for wider support in future\n *\n * {@link https://ajv.js.org/json-schema.html#compound-keywords}\n * {@link https://ajv.js.org/packages/ajv-errors.html#single-message}\n *\n * @internal\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @param {Schema<ConfigurationType>} schema - The schema of a component\n * @param {ConfigurationType} config - Component config\n * @returns {string[]} List of validation errors\n */\nexport function validateConfig(schema, config) {\n  const validationErrors = []\n\n  // Check errors for each schema\n  for (const [name, conditions] of Object.entries(schema)) {\n    const errors = []\n\n    // Check errors for each schema condition\n    if (Array.isArray(conditions)) {\n      for (const { required, errorMessage } of conditions) {\n        if (!required.every((key) => !!config[key])) {\n          errors.push(errorMessage) // Missing config key value\n        }\n      }\n\n      // Check one condition passes or add errors\n      if (name === 'anyOf' && !(conditions.length - errors.length >= 1)) {\n        validationErrors.push(...errors)\n      }\n    }\n  }\n\n  return validationErrors\n}\n\n/**\n * Extracts keys starting with a particular namespace from dataset ('data-*')\n * object, removing the namespace in the process, normalising all values\n *\n * @internal\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @param {Schema<ConfigurationType>} schema - The schema of a component\n * @param {DOMStringMap} dataset - The object to extract key-value pairs from\n * @param {keyof ConfigurationType} namespace - The namespace to filter keys with\n * @returns {ObjectNested | undefined} Nested object with dot-separated key namespace removed\n */\nexport function extractConfigByNamespace(schema, dataset, namespace) {\n  const property = schema.properties[namespace]\n\n  // Only extract configs for object schema properties\n  if (property?.type !== 'object') {\n    return\n  }\n\n  // Add default empty config\n  const newObject = /** @type {Record<typeof namespace, ObjectNested>} */ ({\n    [namespace]: {}\n  })\n\n  for (const [key, value] of Object.entries(dataset)) {\n    /** @type {ObjectNested | ObjectNested[NestedKey]} */\n    let current = newObject\n\n    // Split the key into parts, using . as our namespace separator\n    const keyParts = key.split('.')\n\n    /**\n     * Create new level per part\n     *\n     * e.g. 'i18n.textareaDescription.other' becomes\n     * `{ i18n: { textareaDescription: { other } } }`\n     */\n    for (const [index, name] of keyParts.entries()) {\n      if (isObject(current)) {\n        // Drop down to nested object until the last part\n        if (index < keyParts.length - 1) {\n          // New nested object (optionally) replaces existing value\n          if (!isObject(current[name])) {\n            current[name] = {}\n          }\n\n          // Drop down into new or existing nested object\n          current = current[name]\n        } else if (key !== namespace) {\n          // Normalised value (optionally) replaces existing value\n          current[name] = normaliseString(value)\n        }\n      }\n    }\n  }\n\n  return newObject[namespace]\n}\n\n/**\n * @internal\n * @typedef {keyof ObjectNested} NestedKey\n * @typedef {{ [key: string]: string | boolean | number | ObjectNested | undefined }} ObjectNested\n */\n\n/**\n * Schema for component config\n *\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @typedef {object} Schema\n * @property {Record<keyof ConfigurationType, SchemaProperty | undefined>} properties - Schema properties\n * @property {SchemaCondition<ConfigurationType>[]} [anyOf] - List of schema conditions\n */\n\n/**\n * Schema property for component config\n *\n * @typedef {object} SchemaProperty\n * @property {'string' | 'boolean' | 'number' | 'object'} type - Property type\n */\n\n/**\n * Schema condition for component config\n *\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @typedef {object} SchemaCondition\n * @property {(keyof ConfigurationType)[]} required - List of required config fields\n * @property {string} errorMessage - Error message when required config fields not provided\n */\n\n/**\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]\n * @typedef ChildClass\n * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component\n * @property {Schema<ConfigurationType>} [schema] - The schema of the component configuration\n * @property {ConfigurationType} [defaults] - The default values of the configuration of the component\n */\n\n/**\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]\n * @typedef {typeof Component & ChildClass<ConfigurationType>} ChildClassConstructor<ConfigurationType>\n */\n\n/**\n * @import { CompatibleClass, Config, CreateAllOptions, OnErrorCallback } from '../init.mjs'\n */\n","import { isObject } from './common/index.mjs'\n\n/**\n * Internal support for selecting messages to render, with placeholder\n * interpolation and locale-aware number formatting and pluralisation\n *\n * @internal\n */\nexport class I18n {\n  translations\n  locale\n\n  /**\n   * @internal\n   * @param {{ [key: string]: string | TranslationPluralForms }} translations - Key-value pairs of the translation strings to use.\n   * @param {object} [config] - Configuration options for the function.\n   * @param {string | null} [config.locale] - An overriding locale for the PluralRules functionality.\n   */\n  constructor(translations = {}, config = {}) {\n    // Make list of translations available throughout function\n    this.translations = translations\n\n    // The locale to use for PluralRules and NumberFormat\n    this.locale = config.locale ?? (document.documentElement.lang || 'en')\n  }\n\n  /**\n   * The most used function - takes the key for a given piece of UI text and\n   * returns the appropriate string.\n   *\n   * @internal\n   * @param {string} lookupKey - The lookup key of the string to use.\n   * @param {{ [key: string]: unknown }} [options] - Any options passed with the translation string, e.g: for string interpolation.\n   * @returns {string} The appropriate translation string.\n   * @throws {Error} Lookup key required\n   * @throws {Error} Options required for `${}` placeholders\n   */\n  t(lookupKey, options) {\n    if (!lookupKey) {\n      // Print a console error if no lookup key has been provided\n      throw new Error('i18n: lookup key missing')\n    }\n\n    // Fetch the translation for that lookup key\n    let translation = this.translations[lookupKey]\n\n    // If the `count` option is set, determine which plural suffix is needed and\n    // change the lookupKey to match. We check to see if it's numeric instead of\n    // falsy, as this could legitimately be 0.\n    if (typeof options?.count === 'number' && isObject(translation)) {\n      const translationPluralForm =\n        translation[this.getPluralSuffix(lookupKey, options.count)]\n\n      // Update translation with plural suffix\n      if (translationPluralForm) {\n        translation = translationPluralForm\n      }\n    }\n\n    if (typeof translation === 'string') {\n      // Check for ${} placeholders in the translation string\n      // eslint-disable-next-line @typescript-eslint/prefer-regexp-exec\n      if (translation.match(/%{(.\\S+)}/)) {\n        if (!options) {\n          throw new Error(\n            'i18n: cannot replace placeholders in string if no option data provided'\n          )\n        }\n\n        return this.replacePlaceholders(translation, options)\n      }\n\n      return translation\n    }\n\n    // If the key wasn't found in our translations object,\n    // return the lookup key itself as the fallback\n    return lookupKey\n  }\n\n  /**\n   * Takes a translation string with placeholders, and replaces the placeholders\n   * with the provided data\n   *\n   * @internal\n   * @param {string} translationString - The translation string\n   * @param {{ [key: string]: unknown }} options - Any options passed with the translation string, e.g: for string interpolation.\n   * @returns {string} The translation string to output, with $\\{\\} placeholders replaced\n   */\n  replacePlaceholders(translationString, options) {\n    const formatter = Intl.NumberFormat.supportedLocalesOf(this.locale).length\n      ? new Intl.NumberFormat(this.locale)\n      : undefined\n\n    return translationString.replace(\n      /%{(.\\S+)}/g,\n\n      /**\n       * Replace translation string placeholders\n       *\n       * @internal\n       * @param {string} placeholderWithBraces - Placeholder with braces\n       * @param {string} placeholderKey - Placeholder key\n       * @returns {string} Placeholder value\n       */\n      function (placeholderWithBraces, placeholderKey) {\n        if (Object.prototype.hasOwnProperty.call(options, placeholderKey)) {\n          const placeholderValue = options[placeholderKey]\n\n          // If a user has passed `false` as the value for the placeholder\n          // treat it as though the value should not be displayed\n          if (\n            placeholderValue === false ||\n            (typeof placeholderValue !== 'number' &&\n              typeof placeholderValue !== 'string')\n          ) {\n            return ''\n          }\n\n          // If the placeholder's value is a number, localise the number formatting\n          if (typeof placeholderValue === 'number') {\n            return formatter\n              ? formatter.format(placeholderValue)\n              : `${placeholderValue}`\n          }\n\n          return placeholderValue\n        }\n\n        throw new Error(\n          `i18n: no data found to replace ${placeholderWithBraces} placeholder in string`\n        )\n      }\n    )\n  }\n\n  /**\n   * Check to see if the browser supports Intl.PluralRules\n   *\n   * It requires all conditions to be met in order to be supported:\n   * - The implementation of Intl supports PluralRules (NOT true in Safari 10–12)\n   * - The browser/OS has plural rules for the current locale (browser dependent)\n   *\n   * {@link https://browsersl.ist/#q=supports+es6-module+and+not+supports+intl-pluralrules}\n   *\n   * @internal\n   * @returns {boolean} Returns true if all conditions are met. Returns false otherwise.\n   */\n  hasIntlPluralRulesSupport() {\n    return Boolean(\n      'PluralRules' in window.Intl &&\n        Intl.PluralRules.supportedLocalesOf(this.locale).length\n    )\n  }\n\n  /**\n   * Get the appropriate suffix for the plural form.\n   *\n   * Uses Intl.PluralRules (or our own fallback implementation) to get the\n   * 'preferred' form to use for the given count.\n   *\n   * Checks that a translation has been provided for that plural form – if it\n   * hasn't, it'll fall back to the 'other' plural form (unless that doesn't exist\n   * either, in which case an error will be thrown)\n   *\n   * @internal\n   * @param {string} lookupKey - The lookup key of the string to use.\n   * @param {number} count - Number used to determine which pluralisation to use.\n   * @returns {PluralRule} The suffix associated with the correct pluralisation for this locale.\n   * @throws {Error} Plural form `.other` required when preferred plural form is missing\n   */\n  getPluralSuffix(lookupKey, count) {\n    // Validate that the number is actually a number.\n    //\n    // Number(count) will turn anything that can't be converted to a Number type\n    // into 'NaN'. isFinite filters out NaN, as it isn't a finite number.\n    // eslint-disable-next-line @typescript-eslint/no-unnecessary-type-conversion\n    count = Number(count)\n    if (!isFinite(count)) {\n      return 'other'\n    }\n\n    // Fetch the translation for that lookup key\n    const translation = this.translations[lookupKey]\n\n    // Check to verify that all the requirements for Intl.PluralRules are met.\n    // If so, we can use that instead of our custom implementation. Otherwise,\n    // use the hardcoded fallback.\n    const preferredForm = this.hasIntlPluralRulesSupport()\n      ? new Intl.PluralRules(this.locale).select(count)\n      : 'other'\n\n    // Use the correct plural form if provided\n    if (isObject(translation)) {\n      if (preferredForm in translation) {\n        return preferredForm\n        // Fall back to `other` if the plural form is missing, but log a warning\n        // to the console\n      } else if ('other' in translation) {\n        console.warn(\n          `i18n: Missing plural form \".${preferredForm}\" for \"${this.locale}\" locale. Falling back to \".other\".`\n        )\n\n        return 'other'\n      }\n    }\n\n    // If the required `other` plural form is missing, all we can do is error\n    throw new Error(\n      `i18n: Plural form \".other\" is required for \"${this.locale}\" locale`\n    )\n  }\n}\n\n/**\n * Plural rule category mnemonic tags\n *\n * @internal\n * @typedef {'zero' | 'one' | 'two' | 'few' | 'many' | 'other'} PluralRule\n */\n\n/**\n * Translated message by plural rule they correspond to.\n *\n * Allows to group pluralised messages under a single key when passing\n * translations to a component's constructor\n *\n * @internal\n * @typedef {object} TranslationPluralForms\n * @property {string} [other] - General plural form\n * @property {string} [zero] - Plural form used with 0\n * @property {string} [one] - Plural form used with 1\n * @property {string} [two] - Plural form used with 2\n * @property {string} [few] - Plural form used for a few\n * @property {string} [many] - Plural form used for many\n */\n","import { closestAttributeValue } from '../../common/closest-attribute-value.mjs'\nimport {\n  validateConfig,\n  ConfigurableComponent,\n  configOverride\n} from '../../common/configuration.mjs'\nimport { formatErrorMessage } from '../../common/index.mjs'\nimport { ConfigError, ElementError } from '../../errors/index.mjs'\nimport { I18n } from '../../i18n.mjs'\n\n/**\n * Character count component\n *\n * Tracks the number of characters or words in the `.govuk-js-character-count`\n * `<textarea>` inside the element. Displays a message with the remaining number\n * of characters/words available, or the number of characters/words in excess.\n *\n * You can configure the message to only appear after a certain percentage\n * of the available characters/words has been entered.\n *\n * @preserve\n * @augments ConfigurableComponent<CharacterCountConfig>\n */\nexport class CharacterCount extends ConfigurableComponent {\n  /** @private */\n  $textarea\n\n  /** @private */\n  $visibleCountMessage\n\n  /** @private */\n  $screenReaderCountMessage\n\n  /**\n   * @private\n   * @type {number | null}\n   */\n  lastInputTimestamp = null\n\n  /** @private */\n  lastInputValue = ''\n\n  /**\n   * @private\n   * @type {number | null}\n   */\n  valueChecker = null\n\n  /** @private */\n  i18n\n\n  /** @private */\n  maxLength;\n\n  /**\n   * Character count config override\n   *\n   * To ensure data-attributes take complete precedence, even if they change\n   * the type of count, we need to reset the `maxlength` and `maxwords` from\n   * the JavaScript config.\n   *\n   * @internal\n   * @param {CharacterCountConfig} datasetConfig - configuration specified by dataset\n   * @returns {CharacterCountConfig} - configuration to override by dataset\n   */\n  [configOverride](datasetConfig) {\n    let configOverrides = {}\n    if ('maxwords' in datasetConfig || 'maxlength' in datasetConfig) {\n      configOverrides = {\n        maxlength: undefined,\n        maxwords: undefined\n      }\n    }\n\n    return configOverrides\n  }\n\n  /**\n   * @param {Element | null} $root - HTML element to use for character count\n   * @param {CharacterCountConfig} [config] - Character count config\n   */\n  constructor($root, config = {}) {\n    super($root, config)\n\n    const $textarea = this.$root.querySelector('.govuk-js-character-count')\n    if (\n      !(\n        $textarea instanceof HTMLTextAreaElement ||\n        $textarea instanceof HTMLInputElement\n      )\n    ) {\n      throw new ElementError({\n        component: CharacterCount,\n        element: $textarea,\n        expectedType: 'HTMLTextareaElement or HTMLInputElement',\n        identifier: 'Form field (`.govuk-js-character-count`)'\n      })\n    }\n\n    // Check for valid config\n    const errors = validateConfig(CharacterCount.schema, this.config)\n    if (errors[0]) {\n      throw new ConfigError(formatErrorMessage(CharacterCount, errors[0]))\n    }\n\n    this.i18n = new I18n(this.config.i18n, {\n      // Read the fallback if necessary rather than have it set in the defaults\n      locale: closestAttributeValue(this.$root, 'lang')\n    })\n\n    // Determine the limit attribute (characters or words)\n    this.maxLength = this.config.maxwords ?? this.config.maxlength ?? Infinity\n\n    this.$textarea = $textarea\n\n    const textareaDescriptionId = `${this.$textarea.id}-info`\n    const $textareaDescription = document.getElementById(textareaDescriptionId)\n    if (!$textareaDescription) {\n      throw new ElementError({\n        component: CharacterCount,\n        element: $textareaDescription,\n        identifier: `Count message (\\`id=\"${textareaDescriptionId}\"\\`)`\n      })\n    }\n\n    // Pre-existing validation error rendered from server\n    this.$errorMessage = this.$root.querySelector('.govuk-error-message')\n\n    // Inject a description for the textarea if none is present already\n    // for when the component was rendered with no maxlength, maxwords\n    // nor custom textareaDescriptionText\n    // eslint-disable-next-line @typescript-eslint/prefer-regexp-exec\n    if ($textareaDescription.textContent.match(/^\\s*$/)) {\n      $textareaDescription.textContent = this.i18n.t('textareaDescription', {\n        count: this.maxLength\n      })\n    }\n\n    // Move the textarea description to be immediately after the textarea\n    // Kept for backwards compatibility\n    this.$textarea.insertAdjacentElement('afterend', $textareaDescription)\n\n    // Create the *screen reader* specific live-updating counter\n    // This doesn't need any styling classes, as it is never visible\n    const $screenReaderCountMessage = document.createElement('div')\n    $screenReaderCountMessage.className =\n      'govuk-character-count__sr-status govuk-visually-hidden'\n    $screenReaderCountMessage.setAttribute('aria-live', 'polite')\n    this.$screenReaderCountMessage = $screenReaderCountMessage\n    $textareaDescription.insertAdjacentElement(\n      'afterend',\n      $screenReaderCountMessage\n    )\n\n    // Create our live-updating counter element, copying the classes from the\n    // textarea description for backwards compatibility as these may have been\n    // configured\n    const $visibleCountMessage = document.createElement('div')\n    $visibleCountMessage.className = $textareaDescription.className\n    $visibleCountMessage.classList.add('govuk-character-count__status')\n    $visibleCountMessage.setAttribute('aria-hidden', 'true')\n    this.$visibleCountMessage = $visibleCountMessage\n    $textareaDescription.insertAdjacentElement('afterend', $visibleCountMessage)\n\n    // Hide the textarea description\n    $textareaDescription.classList.add('govuk-visually-hidden')\n\n    // Remove hard limit if set\n    this.$textarea.removeAttribute('maxlength')\n\n    this.bindChangeEvents()\n\n    // When the page is restored after navigating 'back' in some browsers the\n    // state of form controls is not restored until *after* the DOMContentLoaded\n    // event is fired, so we need to sync after the pageshow event.\n    window.addEventListener('pageshow', () => this.updateCountMessage())\n\n    // Although we've set up handlers to sync state on the pageshow event, init\n    // could be called after those events have fired, for example if they are\n    // added to the page dynamically, so update now too.\n    this.updateCountMessage()\n  }\n\n  /**\n   * Bind change events\n   *\n   * Set up event listeners on the $textarea so that the count messages update\n   * when the user types.\n   *\n   * @private\n   */\n  bindChangeEvents() {\n    this.$textarea.addEventListener('keyup', () => this.handleKeyUp())\n\n    // Bind focus/blur events to start/stop polling\n    this.$textarea.addEventListener('focus', () => this.handleFocus())\n    this.$textarea.addEventListener('blur', () => this.handleBlur())\n  }\n\n  /**\n   * Handle key up event\n   *\n   * Update the visible character counter and keep track of when the last update\n   * happened for each keypress\n   *\n   * @private\n   */\n  handleKeyUp() {\n    this.updateVisibleCountMessage()\n    this.lastInputTimestamp = Date.now()\n  }\n\n  /**\n   * Handle focus event\n   *\n   * Speech recognition software such as Dragon NaturallySpeaking will modify\n   * the fields by directly changing its `value`. These changes don't trigger\n   * events in JavaScript, so we need to poll to handle when and if they occur.\n   *\n   * Once the keyup event hasn't been detected for at least 1000 ms (1s), check\n   * if the textarea value has changed and update the count message if it has.\n   *\n   * This is so that the update triggered by the manual comparison doesn't\n   * conflict with debounced KeyboardEvent updates.\n   *\n   * @private\n   */\n  handleFocus() {\n    this.valueChecker = window.setInterval(() => {\n      if (\n        !this.lastInputTimestamp ||\n        Date.now() - 500 >= this.lastInputTimestamp\n      ) {\n        this.updateIfValueChanged()\n      }\n    }, 1000)\n  }\n\n  /**\n   * Handle blur event\n   *\n   * Stop checking the textarea value once the textarea no longer has focus\n   *\n   * @private\n   */\n  handleBlur() {\n    // Cancel value checking on blur\n    if (this.valueChecker) {\n      window.clearInterval(this.valueChecker)\n    }\n  }\n\n  /**\n   * Update count message if textarea value has changed\n   *\n   * @private\n   */\n  updateIfValueChanged() {\n    if (this.$textarea.value !== this.lastInputValue) {\n      this.lastInputValue = this.$textarea.value\n      this.updateCountMessage()\n    }\n  }\n\n  /**\n   * Update count message\n   *\n   * Helper function to update both the visible and screen reader-specific\n   * counters simultaneously (e.g. on init)\n   *\n   * @private\n   */\n  updateCountMessage() {\n    this.updateVisibleCountMessage()\n    this.updateScreenReaderCountMessage()\n  }\n\n  /**\n   * Update visible count message\n   *\n   * @private\n   */\n  updateVisibleCountMessage() {\n    const remainingNumber = this.maxLength - this.count(this.$textarea.value)\n    const isError = remainingNumber < 0\n\n    // If input is over the threshold, remove the disabled class which renders\n    // the counter invisible.\n    this.$visibleCountMessage.classList.toggle(\n      'govuk-character-count__message--disabled',\n      !this.isOverThreshold()\n    )\n\n    // Update styles\n    if (!this.$errorMessage) {\n      // Only toggle the textarea error class if there isn't an error message\n      // already, as it may be unrelated to the limit (eg: allowed characters)\n      // and would set the border colour back to black.\n      this.$textarea.classList.toggle('govuk-textarea--error', isError)\n    }\n    this.$visibleCountMessage.classList.toggle('govuk-error-message', isError)\n    this.$visibleCountMessage.classList.toggle('govuk-hint', !isError)\n\n    // Update message\n    this.$visibleCountMessage.textContent = this.getCountMessage()\n  }\n\n  /**\n   * Update screen reader count message\n   *\n   * @private\n   */\n  updateScreenReaderCountMessage() {\n    // If over the threshold, remove the aria-hidden attribute, allowing screen\n    // readers to announce the content of the element.\n    if (this.isOverThreshold()) {\n      this.$screenReaderCountMessage.removeAttribute('aria-hidden')\n    } else {\n      this.$screenReaderCountMessage.setAttribute('aria-hidden', 'true')\n    }\n\n    // Update message\n    this.$screenReaderCountMessage.textContent = this.getCountMessage()\n  }\n\n  /**\n   * Count the number of characters (or words, if `config.maxwords` is set)\n   * in the given text\n   *\n   * @private\n   * @param {string} text - The text to count the characters of\n   * @returns {number} the number of characters (or words) in the text\n   */\n  count(text) {\n    if (this.config.maxwords) {\n      const tokens = text.match(/\\S+/g) ?? [] // Matches consecutive non-whitespace chars\n      return tokens.length\n    }\n\n    return text.length\n  }\n\n  /**\n   * Get count message\n   *\n   * @private\n   * @returns {string} Status message\n   */\n  getCountMessage() {\n    const remainingNumber = this.maxLength - this.count(this.$textarea.value)\n    const countType = this.config.maxwords ? 'words' : 'characters'\n    return this.formatCountMessage(remainingNumber, countType)\n  }\n\n  /**\n   * Formats the message shown to users according to what's counted\n   * and how many remain\n   *\n   * @private\n   * @param {number} remainingNumber - The number of words/characaters remaining\n   * @param {string} countType - \"words\" or \"characters\"\n   * @returns {string} Status message\n   */\n  formatCountMessage(remainingNumber, countType) {\n    if (remainingNumber === 0) {\n      return this.i18n.t(`${countType}AtLimit`)\n    }\n\n    const translationKeySuffix =\n      remainingNumber < 0 ? 'OverLimit' : 'UnderLimit'\n\n    return this.i18n.t(`${countType}${translationKeySuffix}`, {\n      count: Math.abs(remainingNumber)\n    })\n  }\n\n  /**\n   * Check if count is over threshold\n   *\n   * Checks whether the value is over the configured threshold for the input.\n   * If there is no configured threshold, it is set to 0 and this function will\n   * always return true.\n   *\n   * @private\n   * @returns {boolean} true if the current count is over the config.threshold\n   *   (or no threshold is set)\n   */\n  isOverThreshold() {\n    // No threshold means we're always above threshold so save some computation\n    if (!this.config.threshold) {\n      return true\n    }\n\n    // Determine the remaining number of characters/words\n    const currentLength = this.count(this.$textarea.value)\n    const maxLength = this.maxLength\n\n    const thresholdValue = (maxLength * this.config.threshold) / 100\n\n    return thresholdValue <= currentLength\n  }\n\n  /**\n   * Name for the component used when initialising using data-module attributes.\n   */\n  static moduleName = 'govuk-character-count'\n\n  /**\n   * Character count default config\n   *\n   * @see {@link CharacterCountConfig}\n   * @constant\n   * @type {CharacterCountConfig}\n   */\n  static defaults = Object.freeze({\n    threshold: 0,\n    i18n: {\n      // Characters\n      charactersUnderLimit: {\n        one: 'You have %{count} character remaining',\n        other: 'You have %{count} characters remaining'\n      },\n      charactersAtLimit: 'You have 0 characters remaining',\n      charactersOverLimit: {\n        one: 'You have %{count} character too many',\n        other: 'You have %{count} characters too many'\n      },\n      // Words\n      wordsUnderLimit: {\n        one: 'You have %{count} word remaining',\n        other: 'You have %{count} words remaining'\n      },\n      wordsAtLimit: 'You have 0 words remaining',\n      wordsOverLimit: {\n        one: 'You have %{count} word too many',\n        other: 'You have %{count} words too many'\n      },\n      textareaDescription: {\n        other: ''\n      }\n    }\n  })\n\n  /**\n   * Character count config schema\n   *\n   * @constant\n   * @satisfies {Schema<CharacterCountConfig>}\n   */\n  static schema = Object.freeze({\n    properties: {\n      i18n: { type: 'object' },\n      maxwords: { type: 'number' },\n      maxlength: { type: 'number' },\n      threshold: { type: 'number' }\n    },\n    anyOf: [\n      {\n        required: ['maxwords'],\n        errorMessage: 'Either \"maxlength\" or \"maxwords\" must be provided'\n      },\n      {\n        required: ['maxlength'],\n        errorMessage: 'Either \"maxlength\" or \"maxwords\" must be provided'\n      }\n    ]\n  })\n}\n\n/**\n * Character count config\n *\n * @see {@link CharacterCount.defaults}\n * @typedef {object} CharacterCountConfig\n * @property {number} [maxlength] - The maximum number of characters.\n *   If maxwords is provided, the maxlength option will be ignored.\n * @property {number} [maxwords] - The maximum number of words. If maxwords is\n *   provided, the maxlength option will be ignored.\n * @property {number} [threshold=0] - The percentage value of the limit at\n *   which point the count message is displayed. If this attribute is set, the\n *   count message will be hidden by default.\n * @property {CharacterCountTranslations} [i18n=CharacterCount.defaults.i18n] - Character count translations\n */\n\n/**\n * Character count translations\n *\n * @see {@link CharacterCount.defaults.i18n}\n * @typedef {object} CharacterCountTranslations\n *\n * Messages shown to users as they type. It provides feedback on how many words\n * or characters they have remaining or if they are over the limit. This also\n * includes a message used as an accessible description for the textarea.\n * @property {TranslationPluralForms} [charactersUnderLimit] - Message displayed\n *   when the number of characters is under the configured maximum, `maxlength`.\n *   This message is displayed visually and through assistive technologies. The\n *   component will replace the `%{count}` placeholder with the number of\n *   remaining characters. This is a [pluralised list of\n *   messages](https://frontend.design-system.service.gov.uk/localise-govuk-frontend).\n * @property {string} [charactersAtLimit] - Message displayed when the number of\n *   characters reaches the configured maximum, `maxlength`. This message is\n *   displayed visually and through assistive technologies.\n * @property {TranslationPluralForms} [charactersOverLimit] - Message displayed\n *   when the number of characters is over the configured maximum, `maxlength`.\n *   This message is displayed visually and through assistive technologies. The\n *   component will replace the `%{count}` placeholder with the number of\n *   remaining characters. This is a [pluralised list of\n *   messages](https://frontend.design-system.service.gov.uk/localise-govuk-frontend).\n * @property {TranslationPluralForms} [wordsUnderLimit] - Message displayed when\n *   the number of words is under the configured maximum, `maxlength`. This\n *   message is displayed visually and through assistive technologies. The\n *   component will replace the `%{count}` placeholder with the number of\n *   remaining words. This is a [pluralised list of\n *   messages](https://frontend.design-system.service.gov.uk/localise-govuk-frontend).\n * @property {string} [wordsAtLimit] - Message displayed when the number of\n *   words reaches the configured maximum, `maxlength`. This message is\n *   displayed visually and through assistive technologies.\n * @property {TranslationPluralForms} [wordsOverLimit] - Message displayed when\n *   the number of words is over the configured maximum, `maxlength`. This\n *   message is displayed visually and through assistive technologies. The\n *   component will replace the `%{count}` placeholder with the number of\n *   remaining words. This is a [pluralised list of\n *   messages](https://frontend.design-system.service.gov.uk/localise-govuk-frontend).\n * @property {TranslationPluralForms} [textareaDescription] - Message made\n *   available to assistive technologies, if none is already present in the\n *   HTML, to describe that the component accepts only a limited amount of\n *   content. It is visible on the page when JavaScript is unavailable. The\n *   component will replace the `%{count}` placeholder with the value of the\n *   `maxlength` or `maxwords` parameter.\n */\n\n/**\n * @import { Schema } from '../../common/configuration.mjs'\n * @import { TranslationPluralForms } from '../../i18n.mjs'\n */\n"],"names":["closestAttributeValue","$element","attributeName","$closestElementWithAttribute","closest","getAttribute","isInitialised","$root","moduleName","HTMLElement","hasAttribute","isSupported","$scope","document","body","classList","contains","isArray","option","Array","isObject","formatErrorMessage","Component","message","GOVUKFrontendError","Error","constructor","args","name","SupportError","supportMessage","HTMLScriptElement","prototype","ConfigError","ElementError","messageOrOptions","component","identifier","element","expectedType","InitError","componentOrMessage","_$root","childConstructor","elementType","checkSupport","checkInitialised","setAttribute","configOverride","Symbol","for","ConfigurableComponent","param","config","_config","defaults","datasetConfig","normaliseDataset","dataset","mergeConfigs","normaliseString","value","property","trimmedValue","trim","output","outputType","type","includes","length","isFinite","Number","schema","out","entries","Object","properties","entry","namespace","field","toString","extractConfigByNamespace","configObjects","formattedConfigObject","configObject","key","keys","override","validateConfig","validationErrors","conditions","errors","required","errorMessage","every","push","newObject","current","keyParts","split","index","I18n","translations","_config$locale","locale","documentElement","lang","t","lookupKey","options","translation","count","translationPluralForm","getPluralSuffix","match","replacePlaceholders","translationString","formatter","Intl","NumberFormat","supportedLocalesOf","undefined","replace","placeholderWithBraces","placeholderKey","hasOwnProperty","call","placeholderValue","format","hasIntlPluralRulesSupport","Boolean","window","PluralRules","preferredForm","select","console","warn","CharacterCount","configOverrides","maxlength","maxwords","_ref","_this$config$maxwords","$textarea","$visibleCountMessage","$screenReaderCountMessage","lastInputTimestamp","lastInputValue","valueChecker","i18n","maxLength","querySelector","HTMLTextAreaElement","HTMLInputElement","Infinity","textareaDescriptionId","id","$textareaDescription","getElementById","$errorMessage","textContent","insertAdjacentElement","createElement","className","add","removeAttribute","bindChangeEvents","addEventListener","updateCountMessage","handleKeyUp","handleFocus","handleBlur","updateVisibleCountMessage","Date","now","setInterval","updateIfValueChanged","clearInterval","updateScreenReaderCountMessage","remainingNumber","isError","toggle","isOverThreshold","getCountMessage","text","_text$match","tokens","countType","formatCountMessage","translationKeySuffix","Math","abs","threshold","currentLength","thresholdValue","freeze","charactersUnderLimit","one","other","charactersAtLimit","charactersOverLimit","wordsUnderLimit","wordsAtLimit","wordsOverLimit","textareaDescription","anyOf"],"mappings":"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"}
\ No newline at end of file
diff --git a/node_modules/govuk-frontend/dist/govuk/components/character-count/character-count.bundle.mjs b/node_modules/govuk-frontend/dist/govuk/components/character-count/character-count.bundle.mjs
new file mode 100644
index 0000000..df4f4ca
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/character-count/character-count.bundle.mjs
@@ -0,0 +1,675 @@
+function closestAttributeValue($element, attributeName) {
+  const $closestElementWithAttribute = $element.closest(`[${attributeName}]`);
+  return $closestElementWithAttribute ? $closestElementWithAttribute.getAttribute(attributeName) : null;
+}
+
+function isInitialised($root, moduleName) {
+  return $root instanceof HTMLElement && $root.hasAttribute(`data-${moduleName}-init`);
+}
+
+/**
+ * Checks if GOV.UK Frontend is supported on this page
+ *
+ * Some browsers will load and run our JavaScript but GOV.UK Frontend
+ * won't be supported.
+ *
+ * @param {HTMLElement | null} [$scope] - (internal) `<body>` HTML element checked for browser support
+ * @returns {boolean} Whether GOV.UK Frontend is supported on this page
+ */
+function isSupported($scope = document.body) {
+  if (!$scope) {
+    return false;
+  }
+  return $scope.classList.contains('govuk-frontend-supported');
+}
+function isArray(option) {
+  return Array.isArray(option);
+}
+function isObject(option) {
+  return !!option && typeof option === 'object' && !isArray(option);
+}
+function formatErrorMessage(Component, message) {
+  return `${Component.moduleName}: ${message}`;
+}
+/**
+ * @typedef ComponentWithModuleName
+ * @property {string} moduleName - Name of the component
+ */
+
+class GOVUKFrontendError extends Error {
+  constructor(...args) {
+    super(...args);
+    this.name = 'GOVUKFrontendError';
+  }
+}
+class SupportError extends GOVUKFrontendError {
+  /**
+   * Checks if GOV.UK Frontend is supported on this page
+   *
+   * @param {HTMLElement | null} [$scope] - HTML element `<body>` checked for browser support
+   */
+  constructor($scope = document.body) {
+    const supportMessage = 'noModule' in HTMLScriptElement.prototype ? 'GOV.UK Frontend initialised without `<body class="govuk-frontend-supported">` from template `<script>` snippet' : 'GOV.UK Frontend is not supported in this browser';
+    super($scope ? supportMessage : 'GOV.UK Frontend initialised without `<script type="module">`');
+    this.name = 'SupportError';
+  }
+}
+class ConfigError extends GOVUKFrontendError {
+  constructor(...args) {
+    super(...args);
+    this.name = 'ConfigError';
+  }
+}
+class ElementError extends GOVUKFrontendError {
+  constructor(messageOrOptions) {
+    let message = typeof messageOrOptions === 'string' ? messageOrOptions : '';
+    if (isObject(messageOrOptions)) {
+      const {
+        component,
+        identifier,
+        element,
+        expectedType
+      } = messageOrOptions;
+      message = identifier;
+      message += element ? ` is not of type ${expectedType != null ? expectedType : 'HTMLElement'}` : ' not found';
+      if (component) {
+        message = formatErrorMessage(component, message);
+      }
+    }
+    super(message);
+    this.name = 'ElementError';
+  }
+}
+class InitError extends GOVUKFrontendError {
+  constructor(componentOrMessage) {
+    const message = typeof componentOrMessage === 'string' ? componentOrMessage : formatErrorMessage(componentOrMessage, `Root element (\`$root\`) already initialised`);
+    super(message);
+    this.name = 'InitError';
+  }
+}
+/**
+ * @import { ComponentWithModuleName } from '../common/index.mjs'
+ */
+
+class Component {
+  /**
+   * Returns the root element of the component
+   *
+   * @protected
+   * @returns {RootElementType} - the root element of component
+   */
+  get $root() {
+    return this._$root;
+  }
+  constructor($root) {
+    this._$root = void 0;
+    const childConstructor = this.constructor;
+    if (typeof childConstructor.moduleName !== 'string') {
+      throw new InitError(`\`moduleName\` not defined in component`);
+    }
+    if (!($root instanceof childConstructor.elementType)) {
+      throw new ElementError({
+        element: $root,
+        component: childConstructor,
+        identifier: 'Root element (`$root`)',
+        expectedType: childConstructor.elementType.name
+      });
+    } else {
+      this._$root = $root;
+    }
+    childConstructor.checkSupport();
+    this.checkInitialised();
+    const moduleName = childConstructor.moduleName;
+    this.$root.setAttribute(`data-${moduleName}-init`, '');
+  }
+  checkInitialised() {
+    const constructor = this.constructor;
+    const moduleName = constructor.moduleName;
+    if (moduleName && isInitialised(this.$root, moduleName)) {
+      throw new InitError(constructor);
+    }
+  }
+  static checkSupport() {
+    if (!isSupported()) {
+      throw new SupportError();
+    }
+  }
+}
+
+/**
+ * @typedef ChildClass
+ * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component
+ */
+
+/**
+ * @typedef {typeof Component & ChildClass} ChildClassConstructor
+ */
+Component.elementType = HTMLElement;
+
+const configOverride = Symbol.for('configOverride');
+class ConfigurableComponent extends Component {
+  [configOverride](param) {
+    return {};
+  }
+
+  /**
+   * Returns the root element of the component
+   *
+   * @protected
+   * @returns {ConfigurationType} - the root element of component
+   */
+  get config() {
+    return this._config;
+  }
+  constructor($root, config) {
+    super($root);
+    this._config = void 0;
+    const childConstructor = this.constructor;
+    if (!isObject(childConstructor.defaults)) {
+      throw new ConfigError(formatErrorMessage(childConstructor, 'Config passed as parameter into constructor but no defaults defined'));
+    }
+    const datasetConfig = normaliseDataset(childConstructor, this._$root.dataset);
+    this._config = mergeConfigs(childConstructor.defaults, config != null ? config : {}, this[configOverride](datasetConfig), datasetConfig);
+  }
+}
+function normaliseString(value, property) {
+  const trimmedValue = value ? value.trim() : '';
+  let output;
+  let outputType = property == null ? void 0 : property.type;
+  if (!outputType) {
+    if (['true', 'false'].includes(trimmedValue)) {
+      outputType = 'boolean';
+    }
+    if (trimmedValue.length > 0 && isFinite(Number(trimmedValue))) {
+      outputType = 'number';
+    }
+  }
+  switch (outputType) {
+    case 'boolean':
+      output = trimmedValue === 'true';
+      break;
+    case 'number':
+      output = Number(trimmedValue);
+      break;
+    default:
+      output = value;
+  }
+  return output;
+}
+function normaliseDataset(Component, dataset) {
+  if (!isObject(Component.schema)) {
+    throw new ConfigError(formatErrorMessage(Component, 'Config passed as parameter into constructor but no schema defined'));
+  }
+  const out = {};
+  const entries = Object.entries(Component.schema.properties);
+  for (const entry of entries) {
+    const [namespace, property] = entry;
+    const field = namespace.toString();
+    if (field in dataset) {
+      out[field] = normaliseString(dataset[field], property);
+    }
+    if ((property == null ? void 0 : property.type) === 'object') {
+      out[field] = extractConfigByNamespace(Component.schema, dataset, namespace);
+    }
+  }
+  return out;
+}
+function mergeConfigs(...configObjects) {
+  const formattedConfigObject = {};
+  for (const configObject of configObjects) {
+    for (const key of Object.keys(configObject)) {
+      const option = formattedConfigObject[key];
+      const override = configObject[key];
+      if (isObject(option) && isObject(override)) {
+        formattedConfigObject[key] = mergeConfigs(option, override);
+      } else {
+        formattedConfigObject[key] = override;
+      }
+    }
+  }
+  return formattedConfigObject;
+}
+function validateConfig(schema, config) {
+  const validationErrors = [];
+  for (const [name, conditions] of Object.entries(schema)) {
+    const errors = [];
+    if (Array.isArray(conditions)) {
+      for (const {
+        required,
+        errorMessage
+      } of conditions) {
+        if (!required.every(key => !!config[key])) {
+          errors.push(errorMessage);
+        }
+      }
+      if (name === 'anyOf' && !(conditions.length - errors.length >= 1)) {
+        validationErrors.push(...errors);
+      }
+    }
+  }
+  return validationErrors;
+}
+function extractConfigByNamespace(schema, dataset, namespace) {
+  const property = schema.properties[namespace];
+  if ((property == null ? void 0 : property.type) !== 'object') {
+    return;
+  }
+  const newObject = {
+    [namespace]: {}
+  };
+  for (const [key, value] of Object.entries(dataset)) {
+    let current = newObject;
+    const keyParts = key.split('.');
+    for (const [index, name] of keyParts.entries()) {
+      if (isObject(current)) {
+        if (index < keyParts.length - 1) {
+          if (!isObject(current[name])) {
+            current[name] = {};
+          }
+          current = current[name];
+        } else if (key !== namespace) {
+          current[name] = normaliseString(value);
+        }
+      }
+    }
+  }
+  return newObject[namespace];
+}
+/**
+ * Schema for component config
+ *
+ * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType
+ * @typedef {object} Schema
+ * @property {Record<keyof ConfigurationType, SchemaProperty | undefined>} properties - Schema properties
+ * @property {SchemaCondition<ConfigurationType>[]} [anyOf] - List of schema conditions
+ */
+/**
+ * Schema property for component config
+ *
+ * @typedef {object} SchemaProperty
+ * @property {'string' | 'boolean' | 'number' | 'object'} type - Property type
+ */
+/**
+ * Schema condition for component config
+ *
+ * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType
+ * @typedef {object} SchemaCondition
+ * @property {(keyof ConfigurationType)[]} required - List of required config fields
+ * @property {string} errorMessage - Error message when required config fields not provided
+ */
+/**
+ * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]
+ * @typedef ChildClass
+ * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component
+ * @property {Schema<ConfigurationType>} [schema] - The schema of the component configuration
+ * @property {ConfigurationType} [defaults] - The default values of the configuration of the component
+ */
+/**
+ * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]
+ * @typedef {typeof Component & ChildClass<ConfigurationType>} ChildClassConstructor<ConfigurationType>
+ */
+/**
+ * @import { CompatibleClass, Config, CreateAllOptions, OnErrorCallback } from '../init.mjs'
+ */
+
+class I18n {
+  constructor(translations = {}, config = {}) {
+    var _config$locale;
+    this.translations = void 0;
+    this.locale = void 0;
+    this.translations = translations;
+    this.locale = (_config$locale = config.locale) != null ? _config$locale : document.documentElement.lang || 'en';
+  }
+  t(lookupKey, options) {
+    if (!lookupKey) {
+      throw new Error('i18n: lookup key missing');
+    }
+    let translation = this.translations[lookupKey];
+    if (typeof (options == null ? void 0 : options.count) === 'number' && isObject(translation)) {
+      const translationPluralForm = translation[this.getPluralSuffix(lookupKey, options.count)];
+      if (translationPluralForm) {
+        translation = translationPluralForm;
+      }
+    }
+    if (typeof translation === 'string') {
+      if (translation.match(/%{(.\S+)}/)) {
+        if (!options) {
+          throw new Error('i18n: cannot replace placeholders in string if no option data provided');
+        }
+        return this.replacePlaceholders(translation, options);
+      }
+      return translation;
+    }
+    return lookupKey;
+  }
+  replacePlaceholders(translationString, options) {
+    const formatter = Intl.NumberFormat.supportedLocalesOf(this.locale).length ? new Intl.NumberFormat(this.locale) : undefined;
+    return translationString.replace(/%{(.\S+)}/g, function (placeholderWithBraces, placeholderKey) {
+      if (Object.prototype.hasOwnProperty.call(options, placeholderKey)) {
+        const placeholderValue = options[placeholderKey];
+        if (placeholderValue === false || typeof placeholderValue !== 'number' && typeof placeholderValue !== 'string') {
+          return '';
+        }
+        if (typeof placeholderValue === 'number') {
+          return formatter ? formatter.format(placeholderValue) : `${placeholderValue}`;
+        }
+        return placeholderValue;
+      }
+      throw new Error(`i18n: no data found to replace ${placeholderWithBraces} placeholder in string`);
+    });
+  }
+  hasIntlPluralRulesSupport() {
+    return Boolean('PluralRules' in window.Intl && Intl.PluralRules.supportedLocalesOf(this.locale).length);
+  }
+  getPluralSuffix(lookupKey, count) {
+    count = Number(count);
+    if (!isFinite(count)) {
+      return 'other';
+    }
+    const translation = this.translations[lookupKey];
+    const preferredForm = this.hasIntlPluralRulesSupport() ? new Intl.PluralRules(this.locale).select(count) : 'other';
+    if (isObject(translation)) {
+      if (preferredForm in translation) {
+        return preferredForm;
+      } else if ('other' in translation) {
+        console.warn(`i18n: Missing plural form ".${preferredForm}" for "${this.locale}" locale. Falling back to ".other".`);
+        return 'other';
+      }
+    }
+    throw new Error(`i18n: Plural form ".other" is required for "${this.locale}" locale`);
+  }
+}
+
+/**
+ * Character count component
+ *
+ * Tracks the number of characters or words in the `.govuk-js-character-count`
+ * `<textarea>` inside the element. Displays a message with the remaining number
+ * of characters/words available, or the number of characters/words in excess.
+ *
+ * You can configure the message to only appear after a certain percentage
+ * of the available characters/words has been entered.
+ *
+ * @preserve
+ * @augments ConfigurableComponent<CharacterCountConfig>
+ */
+class CharacterCount extends ConfigurableComponent {
+  [configOverride](datasetConfig) {
+    let configOverrides = {};
+    if ('maxwords' in datasetConfig || 'maxlength' in datasetConfig) {
+      configOverrides = {
+        maxlength: undefined,
+        maxwords: undefined
+      };
+    }
+    return configOverrides;
+  }
+
+  /**
+   * @param {Element | null} $root - HTML element to use for character count
+   * @param {CharacterCountConfig} [config] - Character count config
+   */
+  constructor($root, config = {}) {
+    var _ref, _this$config$maxwords;
+    super($root, config);
+    this.$textarea = void 0;
+    this.$visibleCountMessage = void 0;
+    this.$screenReaderCountMessage = void 0;
+    this.lastInputTimestamp = null;
+    this.lastInputValue = '';
+    this.valueChecker = null;
+    this.i18n = void 0;
+    this.maxLength = void 0;
+    const $textarea = this.$root.querySelector('.govuk-js-character-count');
+    if (!($textarea instanceof HTMLTextAreaElement || $textarea instanceof HTMLInputElement)) {
+      throw new ElementError({
+        component: CharacterCount,
+        element: $textarea,
+        expectedType: 'HTMLTextareaElement or HTMLInputElement',
+        identifier: 'Form field (`.govuk-js-character-count`)'
+      });
+    }
+    const errors = validateConfig(CharacterCount.schema, this.config);
+    if (errors[0]) {
+      throw new ConfigError(formatErrorMessage(CharacterCount, errors[0]));
+    }
+    this.i18n = new I18n(this.config.i18n, {
+      locale: closestAttributeValue(this.$root, 'lang')
+    });
+    this.maxLength = (_ref = (_this$config$maxwords = this.config.maxwords) != null ? _this$config$maxwords : this.config.maxlength) != null ? _ref : Infinity;
+    this.$textarea = $textarea;
+    const textareaDescriptionId = `${this.$textarea.id}-info`;
+    const $textareaDescription = document.getElementById(textareaDescriptionId);
+    if (!$textareaDescription) {
+      throw new ElementError({
+        component: CharacterCount,
+        element: $textareaDescription,
+        identifier: `Count message (\`id="${textareaDescriptionId}"\`)`
+      });
+    }
+    this.$errorMessage = this.$root.querySelector('.govuk-error-message');
+    if ($textareaDescription.textContent.match(/^\s*$/)) {
+      $textareaDescription.textContent = this.i18n.t('textareaDescription', {
+        count: this.maxLength
+      });
+    }
+    this.$textarea.insertAdjacentElement('afterend', $textareaDescription);
+    const $screenReaderCountMessage = document.createElement('div');
+    $screenReaderCountMessage.className = 'govuk-character-count__sr-status govuk-visually-hidden';
+    $screenReaderCountMessage.setAttribute('aria-live', 'polite');
+    this.$screenReaderCountMessage = $screenReaderCountMessage;
+    $textareaDescription.insertAdjacentElement('afterend', $screenReaderCountMessage);
+    const $visibleCountMessage = document.createElement('div');
+    $visibleCountMessage.className = $textareaDescription.className;
+    $visibleCountMessage.classList.add('govuk-character-count__status');
+    $visibleCountMessage.setAttribute('aria-hidden', 'true');
+    this.$visibleCountMessage = $visibleCountMessage;
+    $textareaDescription.insertAdjacentElement('afterend', $visibleCountMessage);
+    $textareaDescription.classList.add('govuk-visually-hidden');
+    this.$textarea.removeAttribute('maxlength');
+    this.bindChangeEvents();
+    window.addEventListener('pageshow', () => this.updateCountMessage());
+    this.updateCountMessage();
+  }
+  bindChangeEvents() {
+    this.$textarea.addEventListener('keyup', () => this.handleKeyUp());
+    this.$textarea.addEventListener('focus', () => this.handleFocus());
+    this.$textarea.addEventListener('blur', () => this.handleBlur());
+  }
+  handleKeyUp() {
+    this.updateVisibleCountMessage();
+    this.lastInputTimestamp = Date.now();
+  }
+  handleFocus() {
+    this.valueChecker = window.setInterval(() => {
+      if (!this.lastInputTimestamp || Date.now() - 500 >= this.lastInputTimestamp) {
+        this.updateIfValueChanged();
+      }
+    }, 1000);
+  }
+  handleBlur() {
+    if (this.valueChecker) {
+      window.clearInterval(this.valueChecker);
+    }
+  }
+  updateIfValueChanged() {
+    if (this.$textarea.value !== this.lastInputValue) {
+      this.lastInputValue = this.$textarea.value;
+      this.updateCountMessage();
+    }
+  }
+  updateCountMessage() {
+    this.updateVisibleCountMessage();
+    this.updateScreenReaderCountMessage();
+  }
+  updateVisibleCountMessage() {
+    const remainingNumber = this.maxLength - this.count(this.$textarea.value);
+    const isError = remainingNumber < 0;
+    this.$visibleCountMessage.classList.toggle('govuk-character-count__message--disabled', !this.isOverThreshold());
+    if (!this.$errorMessage) {
+      this.$textarea.classList.toggle('govuk-textarea--error', isError);
+    }
+    this.$visibleCountMessage.classList.toggle('govuk-error-message', isError);
+    this.$visibleCountMessage.classList.toggle('govuk-hint', !isError);
+    this.$visibleCountMessage.textContent = this.getCountMessage();
+  }
+  updateScreenReaderCountMessage() {
+    if (this.isOverThreshold()) {
+      this.$screenReaderCountMessage.removeAttribute('aria-hidden');
+    } else {
+      this.$screenReaderCountMessage.setAttribute('aria-hidden', 'true');
+    }
+    this.$screenReaderCountMessage.textContent = this.getCountMessage();
+  }
+  count(text) {
+    if (this.config.maxwords) {
+      var _text$match;
+      const tokens = (_text$match = text.match(/\S+/g)) != null ? _text$match : [];
+      return tokens.length;
+    }
+    return text.length;
+  }
+  getCountMessage() {
+    const remainingNumber = this.maxLength - this.count(this.$textarea.value);
+    const countType = this.config.maxwords ? 'words' : 'characters';
+    return this.formatCountMessage(remainingNumber, countType);
+  }
+  formatCountMessage(remainingNumber, countType) {
+    if (remainingNumber === 0) {
+      return this.i18n.t(`${countType}AtLimit`);
+    }
+    const translationKeySuffix = remainingNumber < 0 ? 'OverLimit' : 'UnderLimit';
+    return this.i18n.t(`${countType}${translationKeySuffix}`, {
+      count: Math.abs(remainingNumber)
+    });
+  }
+  isOverThreshold() {
+    if (!this.config.threshold) {
+      return true;
+    }
+    const currentLength = this.count(this.$textarea.value);
+    const maxLength = this.maxLength;
+    const thresholdValue = maxLength * this.config.threshold / 100;
+    return thresholdValue <= currentLength;
+  }
+}
+
+/**
+ * Character count config
+ *
+ * @see {@link CharacterCount.defaults}
+ * @typedef {object} CharacterCountConfig
+ * @property {number} [maxlength] - The maximum number of characters.
+ *   If maxwords is provided, the maxlength option will be ignored.
+ * @property {number} [maxwords] - The maximum number of words. If maxwords is
+ *   provided, the maxlength option will be ignored.
+ * @property {number} [threshold=0] - The percentage value of the limit at
+ *   which point the count message is displayed. If this attribute is set, the
+ *   count message will be hidden by default.
+ * @property {CharacterCountTranslations} [i18n=CharacterCount.defaults.i18n] - Character count translations
+ */
+
+/**
+ * Character count translations
+ *
+ * @see {@link CharacterCount.defaults.i18n}
+ * @typedef {object} CharacterCountTranslations
+ *
+ * Messages shown to users as they type. It provides feedback on how many words
+ * or characters they have remaining or if they are over the limit. This also
+ * includes a message used as an accessible description for the textarea.
+ * @property {TranslationPluralForms} [charactersUnderLimit] - Message displayed
+ *   when the number of characters is under the configured maximum, `maxlength`.
+ *   This message is displayed visually and through assistive technologies. The
+ *   component will replace the `%{count}` placeholder with the number of
+ *   remaining characters. This is a [pluralised list of
+ *   messages](https://frontend.design-system.service.gov.uk/localise-govuk-frontend).
+ * @property {string} [charactersAtLimit] - Message displayed when the number of
+ *   characters reaches the configured maximum, `maxlength`. This message is
+ *   displayed visually and through assistive technologies.
+ * @property {TranslationPluralForms} [charactersOverLimit] - Message displayed
+ *   when the number of characters is over the configured maximum, `maxlength`.
+ *   This message is displayed visually and through assistive technologies. The
+ *   component will replace the `%{count}` placeholder with the number of
+ *   remaining characters. This is a [pluralised list of
+ *   messages](https://frontend.design-system.service.gov.uk/localise-govuk-frontend).
+ * @property {TranslationPluralForms} [wordsUnderLimit] - Message displayed when
+ *   the number of words is under the configured maximum, `maxlength`. This
+ *   message is displayed visually and through assistive technologies. The
+ *   component will replace the `%{count}` placeholder with the number of
+ *   remaining words. This is a [pluralised list of
+ *   messages](https://frontend.design-system.service.gov.uk/localise-govuk-frontend).
+ * @property {string} [wordsAtLimit] - Message displayed when the number of
+ *   words reaches the configured maximum, `maxlength`. This message is
+ *   displayed visually and through assistive technologies.
+ * @property {TranslationPluralForms} [wordsOverLimit] - Message displayed when
+ *   the number of words is over the configured maximum, `maxlength`. This
+ *   message is displayed visually and through assistive technologies. The
+ *   component will replace the `%{count}` placeholder with the number of
+ *   remaining words. This is a [pluralised list of
+ *   messages](https://frontend.design-system.service.gov.uk/localise-govuk-frontend).
+ * @property {TranslationPluralForms} [textareaDescription] - Message made
+ *   available to assistive technologies, if none is already present in the
+ *   HTML, to describe that the component accepts only a limited amount of
+ *   content. It is visible on the page when JavaScript is unavailable. The
+ *   component will replace the `%{count}` placeholder with the value of the
+ *   `maxlength` or `maxwords` parameter.
+ */
+
+/**
+ * @import { Schema } from '../../common/configuration.mjs'
+ * @import { TranslationPluralForms } from '../../i18n.mjs'
+ */
+CharacterCount.moduleName = 'govuk-character-count';
+CharacterCount.defaults = Object.freeze({
+  threshold: 0,
+  i18n: {
+    charactersUnderLimit: {
+      one: 'You have %{count} character remaining',
+      other: 'You have %{count} characters remaining'
+    },
+    charactersAtLimit: 'You have 0 characters remaining',
+    charactersOverLimit: {
+      one: 'You have %{count} character too many',
+      other: 'You have %{count} characters too many'
+    },
+    wordsUnderLimit: {
+      one: 'You have %{count} word remaining',
+      other: 'You have %{count} words remaining'
+    },
+    wordsAtLimit: 'You have 0 words remaining',
+    wordsOverLimit: {
+      one: 'You have %{count} word too many',
+      other: 'You have %{count} words too many'
+    },
+    textareaDescription: {
+      other: ''
+    }
+  }
+});
+CharacterCount.schema = Object.freeze({
+  properties: {
+    i18n: {
+      type: 'object'
+    },
+    maxwords: {
+      type: 'number'
+    },
+    maxlength: {
+      type: 'number'
+    },
+    threshold: {
+      type: 'number'
+    }
+  },
+  anyOf: [{
+    required: ['maxwords'],
+    errorMessage: 'Either "maxlength" or "maxwords" must be provided'
+  }, {
+    required: ['maxlength'],
+    errorMessage: 'Either "maxlength" or "maxwords" must be provided'
+  }]
+});
+
+export { CharacterCount };
+//# sourceMappingURL=character-count.bundle.mjs.map
diff --git a/node_modules/govuk-frontend/dist/govuk/components/character-count/character-count.bundle.mjs.map b/node_modules/govuk-frontend/dist/govuk/components/character-count/character-count.bundle.mjs.map
new file mode 100644
index 0000000..cff3409
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/character-count/character-count.bundle.mjs.map
@@ -0,0 +1 @@
+{"version":3,"file":"character-count.bundle.mjs","sources":["../../../../src/govuk/common/closest-attribute-value.mjs","../../../../src/govuk/common/index.mjs","../../../../src/govuk/errors/index.mjs","../../../../src/govuk/component.mjs","../../../../src/govuk/common/configuration.mjs","../../../../src/govuk/i18n.mjs","../../../../src/govuk/components/character-count/character-count.mjs"],"sourcesContent":["/**\n * Returns the value of the given attribute closest to the given element (including itself)\n *\n * @internal\n * @param {Element} $element - The element to start walking the DOM tree up\n * @param {string} attributeName - The name of the attribute\n * @returns {string | null} Attribute value\n */\nexport function closestAttributeValue($element, attributeName) {\n  const $closestElementWithAttribute = $element.closest(`[${attributeName}]`)\n  return $closestElementWithAttribute\n    ? $closestElementWithAttribute.getAttribute(attributeName)\n    : null\n}\n","/**\n * Common helpers which do not require polyfill.\n *\n * IMPORTANT: If a helper require a polyfill, please isolate it in its own module\n * so that the polyfill can be properly tree-shaken and does not burden\n * the components that do not need that helper\n */\n\n/**\n * Get GOV.UK Frontend breakpoint value from CSS custom property\n *\n * @private\n * @param {string} name - Breakpoint name\n * @returns {{ property: string, value?: string }} Breakpoint object\n */\nexport function getBreakpoint(name) {\n  const property = `--govuk-breakpoint-${name}`\n\n  // Get value from `<html>` with breakpoints on CSS :root\n  const value = window\n    .getComputedStyle(document.documentElement)\n    .getPropertyValue(property)\n\n  return {\n    property,\n    value: value || undefined\n  }\n}\n\n/**\n * Move focus to element\n *\n * Sets tabindex to -1 to make the element programmatically focusable,\n * but removes it on blur as the element doesn't need to be focused again.\n *\n * @private\n * @template {HTMLElement} FocusElement\n * @param {FocusElement} $element - HTML element\n * @param {object} [options] - Handler options\n * @param {function(this: FocusElement): void} [options.onBeforeFocus] - Callback before focus\n * @param {function(this: FocusElement): void} [options.onBlur] - Callback on blur\n */\nexport function setFocus($element, options = {}) {\n  const isFocusable = $element.getAttribute('tabindex')\n\n  if (!isFocusable) {\n    $element.setAttribute('tabindex', '-1')\n  }\n\n  /**\n   * Handle element focus\n   */\n  function onFocus() {\n    $element.addEventListener('blur', onBlur, { once: true })\n  }\n\n  /**\n   * Handle element blur\n   */\n  function onBlur() {\n    options.onBlur?.call($element)\n\n    if (!isFocusable) {\n      $element.removeAttribute('tabindex')\n    }\n  }\n\n  // Add listener to reset element on blur, after focus\n  $element.addEventListener('focus', onFocus, { once: true })\n\n  // Focus element\n  options.onBeforeFocus?.call($element)\n  $element.focus()\n}\n\n/**\n * Checks if component is already initialised\n *\n * @internal\n * @param {Element} $root - HTML element to be checked\n * @param {string} moduleName - name of component module\n * @returns {boolean} Whether component is already initialised\n */\nexport function isInitialised($root, moduleName) {\n  return (\n    $root instanceof HTMLElement &&\n    $root.hasAttribute(`data-${moduleName}-init`)\n  )\n}\n\n/**\n * Checks if GOV.UK Frontend is supported on this page\n *\n * Some browsers will load and run our JavaScript but GOV.UK Frontend\n * won't be supported.\n *\n * @param {HTMLElement | null} [$scope] - (internal) `<body>` HTML element checked for browser support\n * @returns {boolean} Whether GOV.UK Frontend is supported on this page\n */\nexport function isSupported($scope = document.body) {\n  if (!$scope) {\n    return false\n  }\n\n  return $scope.classList.contains('govuk-frontend-supported')\n}\n\n/**\n * Check for an array\n *\n * @internal\n * @param {unknown} option - Option to check\n * @returns {boolean} Whether the option is an array\n */\nfunction isArray(option) {\n  return Array.isArray(option)\n}\n\n/**\n * Check for an object\n *\n * @internal\n * @template {Partial<Record<keyof ObjectType, unknown>>} ObjectType\n * @param {unknown | ObjectType} option - Option to check\n * @returns {option is ObjectType} Whether the option is an object\n */\nexport function isObject(option) {\n  return !!option && typeof option === 'object' && !isArray(option)\n}\n\n/**\n * Check for valid scope\n *\n * @internal\n * @template {Element | Document} ScopeType\n * @param {unknown | ScopeType} $scope - Scope of the document to search within\n * @returns {$scope is ScopeType} Whether the scope can be queried\n */\nexport function isScope($scope) {\n  return !!$scope && ($scope instanceof Element || $scope instanceof Document)\n}\n\n/**\n * Format error message\n *\n * @internal\n * @param {ComponentWithModuleName} Component - Component that threw the error\n * @param {string} message - Error message\n * @returns {string} - Formatted error message\n */\nexport function formatErrorMessage(Component, message) {\n  return `${Component.moduleName}: ${message}`\n}\n\n/* eslint-disable jsdoc/valid-types --\n * `{new(...args: any[] ): object}` is not recognised as valid\n * https://github.com/gajus/eslint-plugin-jsdoc/issues/145#issuecomment-1308722878\n * https://github.com/jsdoc-type-pratt-parser/jsdoc-type-pratt-parser/issues/131\n **/\n\n/**\n * @typedef ComponentWithModuleName\n * @property {string} moduleName - Name of the component\n */\n\n/* eslint-enable jsdoc/valid-types */\n","import { formatErrorMessage, isObject } from '../common/index.mjs'\n\n/**\n * GOV.UK Frontend error\n *\n * A base class for `Error`s thrown by GOV.UK Frontend.\n *\n * It is meant to be extended into specific types of errors\n * to be thrown by our code.\n *\n * @example\n * ```js\n * class MissingRootError extends GOVUKFrontendError {\n *   // Setting an explicit name is important as extending the class will not\n *   // set a new `name` on the subclass. The `name` property is important\n *   // to ensure intelligible error names even if the class name gets\n *   // mangled by a minifier\n *   name = \"MissingRootError\"\n * }\n * ```\n * @virtual\n */\nexport class GOVUKFrontendError extends Error {\n  name = 'GOVUKFrontendError'\n}\n\n/**\n * Indicates that GOV.UK Frontend is not supported\n */\nexport class SupportError extends GOVUKFrontendError {\n  name = 'SupportError'\n\n  /**\n   * Checks if GOV.UK Frontend is supported on this page\n   *\n   * @param {HTMLElement | null} [$scope] - HTML element `<body>` checked for browser support\n   */\n  constructor($scope = document.body) {\n    const supportMessage =\n      'noModule' in HTMLScriptElement.prototype\n        ? 'GOV.UK Frontend initialised without `<body class=\"govuk-frontend-supported\">` from template `<script>` snippet'\n        : 'GOV.UK Frontend is not supported in this browser'\n\n    super(\n      $scope\n        ? supportMessage\n        : 'GOV.UK Frontend initialised without `<script type=\"module\">`'\n    )\n  }\n}\n\n/**\n * Indicates that a component has received an illegal configuration\n */\nexport class ConfigError extends GOVUKFrontendError {\n  name = 'ConfigError'\n}\n\n/**\n * Indicates an issue with an element (possibly `null` or `undefined`)\n */\nexport class ElementError extends GOVUKFrontendError {\n  name = 'ElementError'\n\n  /**\n   * @internal\n   * @overload\n   * @param {string} message - Element error message\n   */\n\n  /**\n   * @internal\n   * @overload\n   * @param {ElementErrorOptions} options - Element error options\n   */\n\n  /**\n   * @internal\n   * @param {string | ElementErrorOptions} messageOrOptions - Element error message or options\n   */\n  constructor(messageOrOptions) {\n    let message = typeof messageOrOptions === 'string' ? messageOrOptions : ''\n\n    // Build message from options\n    if (isObject(messageOrOptions)) {\n      const { component, identifier, element, expectedType } = messageOrOptions\n\n      message = identifier\n\n      // Append reason\n      message += element\n        ? ` is not of type ${expectedType ?? 'HTMLElement'}`\n        : ' not found'\n\n      // Prepend with module name (optional)\n      if (component) {\n        message = formatErrorMessage(component, message)\n      }\n    }\n\n    super(message)\n  }\n}\n\n/**\n * Indicates that a component is already initialised\n */\nexport class InitError extends GOVUKFrontendError {\n  name = 'InitError'\n\n  /**\n   * @internal\n   * @param {ComponentWithModuleName | string} componentOrMessage - name of the component module\n   */\n  constructor(componentOrMessage) {\n    const message =\n      typeof componentOrMessage === 'string'\n        ? componentOrMessage\n        : formatErrorMessage(\n            componentOrMessage,\n            `Root element (\\`$root\\`) already initialised`\n          )\n\n    super(message)\n  }\n}\n\n/**\n * Element error options\n *\n * @internal\n * @typedef {object} ElementErrorOptions\n * @property {Element | Document | null} [element] - The element in error (optional)\n * @property {ComponentWithModuleName} [component] - Component throwing the error (optional)\n * @property {string} identifier - An identifier that'll let the user understand which element has an error. This is whatever makes the most sense\n * @property {string} [expectedType] - The type that was expected for the identifier (optional)\n */\n\n/**\n * @import { ComponentWithModuleName } from '../common/index.mjs'\n */\n","import { isInitialised, isSupported } from './common/index.mjs'\nimport { ElementError, InitError, SupportError } from './errors/index.mjs'\n\n/**\n * Base Component class\n *\n * Centralises the behaviours shared by our components\n *\n * @virtual\n * @template {Element} [RootElementType=HTMLElement]\n */\nexport class Component {\n  /**\n   * @type {typeof Element}\n   */\n  static elementType = HTMLElement\n\n  // allows Typescript user to work around the lack of types\n  // in GOVUKFrontend package, Typescript is not aware of $root\n  // in components that extend GOVUKFrontendComponent\n  /**\n   * Returns the root element of the component\n   *\n   * @protected\n   * @returns {RootElementType} - the root element of component\n   */\n  get $root() {\n    return this._$root\n  }\n\n  /**\n   * @protected\n   * @type {RootElementType}\n   */\n  _$root\n\n  /**\n   * Constructs a new component, validating that GOV.UK Frontend is supported\n   *\n   * @internal\n   * @param {Element | null} [$root] - HTML element to use for component\n   */\n  constructor($root) {\n    const childConstructor = /** @type {ChildClassConstructor} */ (\n      this.constructor\n    )\n\n    // TypeScript does not enforce that inheriting classes will define a `moduleName`\n    // (even if we add a `@virtual` `static moduleName` property to this class).\n    // While we trust users to do this correctly, we do a little check to provide them\n    // a helpful error message.\n    //\n    // After this, we'll be sure that `childConstructor` has a `moduleName`\n    // as expected of the `ChildClassConstructor` we've cast `this.constructor` to.\n    if (typeof childConstructor.moduleName !== 'string') {\n      throw new InitError(`\\`moduleName\\` not defined in component`)\n    }\n\n    if (!($root instanceof childConstructor.elementType)) {\n      throw new ElementError({\n        element: $root,\n        component: childConstructor,\n        identifier: 'Root element (`$root`)',\n        expectedType: childConstructor.elementType.name\n      })\n    } else {\n      this._$root = /** @type {RootElementType} */ ($root)\n    }\n\n    childConstructor.checkSupport()\n\n    this.checkInitialised()\n\n    const moduleName = childConstructor.moduleName\n\n    this.$root.setAttribute(`data-${moduleName}-init`, '')\n  }\n\n  /**\n   * Validates whether component is already initialised\n   *\n   * @private\n   * @throws {InitError} when component is already initialised\n   */\n  checkInitialised() {\n    const constructor = /** @type {ChildClassConstructor} */ (this.constructor)\n    const moduleName = constructor.moduleName\n\n    if (moduleName && isInitialised(this.$root, moduleName)) {\n      throw new InitError(constructor)\n    }\n  }\n\n  /**\n   * Validates whether components are supported\n   *\n   * @throws {SupportError} when the components are not supported\n   */\n  static checkSupport() {\n    if (!isSupported()) {\n      throw new SupportError()\n    }\n  }\n}\n\n/**\n * @typedef ChildClass\n * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component\n */\n\n/**\n * @typedef {typeof Component & ChildClass} ChildClassConstructor\n */\n","import { Component } from '../component.mjs'\nimport { ConfigError } from '../errors/index.mjs'\n\nimport { isObject, isScope, formatErrorMessage } from './index.mjs'\n\nexport const configOverride = Symbol.for('configOverride')\n\n/**\n * Base Component class\n *\n * Centralises the behaviours shared by our components\n *\n * @virtual\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]\n * @template {Element & { dataset: DOMStringMap }} [RootElementType=HTMLElement]\n * @augments Component<RootElementType>\n */\nexport class ConfigurableComponent extends Component {\n  /**\n   * configOverride\n   *\n   * Function which defines configuration overrides to prioritize\n   * properties from the root element's dataset.\n   *\n   * It should take a subset of configuration as input and return\n   * a new configuration object with properties that should be\n   * overridden based on the root element's dataset. A Symbol\n   * is used for indexing to prevent conflicts.\n   *\n   * @internal\n   * @virtual\n   * @param {Partial<ConfigurationType>} [param] - Configuration object\n   * @returns {Partial<ConfigurationType>} return - Configuration object\n   */\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  [configOverride](param) {\n    return {}\n  }\n\n  /**\n   * Returns the root element of the component\n   *\n   * @protected\n   * @returns {ConfigurationType} - the root element of component\n   */\n  get config() {\n    return this._config\n  }\n\n  /**\n   *\n   * @type {ConfigurationType}\n   */\n  _config\n\n  /**\n   * Constructs a new component, validating that GOV.UK Frontend is supported\n   *\n   * @internal\n   * @param {Element | null} [$root] - HTML element to use for component\n   * @param {ConfigurationType} [config] - HTML element to use for component\n   */\n  constructor($root, config) {\n    super($root)\n\n    const childConstructor =\n      /** @type {ChildClassConstructor<ConfigurationType>} */ (this.constructor)\n\n    if (!isObject(childConstructor.defaults)) {\n      throw new ConfigError(\n        formatErrorMessage(\n          childConstructor,\n          'Config passed as parameter into constructor but no defaults defined'\n        )\n      )\n    }\n\n    const datasetConfig = /** @type {ConfigurationType} */ (\n      normaliseDataset(childConstructor, this._$root.dataset)\n    )\n\n    this._config = /** @type {ConfigurationType} */ (\n      mergeConfigs(\n        childConstructor.defaults,\n        config ?? {},\n        this[configOverride](datasetConfig),\n        datasetConfig\n      )\n    )\n  }\n}\n\n/**\n * Normalise string\n *\n * 'If it looks like a duck, and it quacks like a duck…' 🦆\n *\n * If the passed value looks like a boolean or a number, convert it to a boolean\n * or number.\n *\n * Designed to be used to convert config passed via data attributes (which are\n * always strings) into something sensible.\n *\n * @internal\n * @param {DOMStringMap[string]} value - The value to normalise\n * @param {SchemaProperty} [property] - Component schema property\n * @returns {string | boolean | number | undefined} Normalised data\n */\nexport function normaliseString(value, property) {\n  const trimmedValue = value ? value.trim() : ''\n\n  let output\n  let outputType = property?.type\n\n  // No schema type set? Determine automatically\n  if (!outputType) {\n    if (['true', 'false'].includes(trimmedValue)) {\n      outputType = 'boolean'\n    }\n\n    // Empty / whitespace-only strings are considered finite so we need to check\n    // the length of the trimmed string as well\n    if (trimmedValue.length > 0 && isFinite(Number(trimmedValue))) {\n      outputType = 'number'\n    }\n  }\n\n  switch (outputType) {\n    case 'boolean':\n      output = trimmedValue === 'true'\n      break\n\n    case 'number':\n      output = Number(trimmedValue)\n      break\n\n    default:\n      output = value\n  }\n\n  return output\n}\n\n/**\n * Normalise dataset\n *\n * Loop over an object and normalise each value using {@link normaliseString},\n * optionally expanding nested `i18n.field`\n *\n * @internal\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @template {[keyof ConfigurationType, SchemaProperty | undefined][]} SchemaEntryType\n * @param {{ schema?: Schema<ConfigurationType>, moduleName: string }} Component - Component class\n * @param {DOMStringMap} dataset - HTML element dataset\n * @returns {ObjectNested} Normalised dataset\n */\nexport function normaliseDataset(Component, dataset) {\n  if (!isObject(Component.schema)) {\n    throw new ConfigError(\n      formatErrorMessage(\n        Component,\n        'Config passed as parameter into constructor but no schema defined'\n      )\n    )\n  }\n\n  const out = /** @type {ObjectNested} */ ({})\n  const entries = /** @type {SchemaEntryType} */ (\n    Object.entries(Component.schema.properties)\n  )\n\n  // Normalise top-level dataset ('data-*') values using schema types\n  for (const entry of entries) {\n    const [namespace, property] = entry\n\n    // Cast the `namespace` to string so it can be used to access the dataset\n    const field = namespace.toString()\n\n    if (field in dataset) {\n      out[field] = normaliseString(dataset[field], property)\n    }\n\n    /**\n     * Extract and normalise nested object values automatically using\n     * {@link normaliseString} but only schema object types are allowed\n     */\n    if (property?.type === 'object') {\n      out[field] = extractConfigByNamespace(\n        Component.schema,\n        dataset,\n        namespace\n      )\n    }\n  }\n\n  return out\n}\n\n/**\n * Normalise options passed to `initAll` or `createAll`\n *\n * @internal\n * @template {CompatibleClass} ComponentClass\n * @param {Config | CreateAllOptions<ComponentClass> | OnErrorCallback<ComponentClass> | Element | Document | null} [scopeOrOptions] - Scope of the document to search within, initialisation options or error callback function\n * @returns {CreateAllOptions<ComponentClass>} Normalised options\n */\nexport function normaliseOptions(scopeOrOptions) {\n  let /** @type {Element | Document | null} */ $scope = document\n  let /** @type {OnErrorCallback<ComponentClass> | undefined} */ onError\n\n  // Handle options object\n  if (isObject(scopeOrOptions)) {\n    const options = scopeOrOptions\n\n    // Scope must be valid or null\n    if (isScope(options.scope) || options.scope === null) {\n      $scope = options.scope\n    }\n\n    // Error handler must be a function\n    if (typeof options.onError === 'function') {\n      onError = options.onError\n    }\n  }\n\n  if (isScope(scopeOrOptions)) {\n    $scope = scopeOrOptions\n  } else if (scopeOrOptions === null) {\n    $scope = null\n  } else if (typeof scopeOrOptions === 'function') {\n    onError = scopeOrOptions\n  }\n\n  return {\n    scope: $scope,\n    onError\n  }\n}\n\n/**\n * Config merging function\n *\n * Takes any number of objects and combines them together, with\n * greatest priority on the LAST item passed in.\n *\n * @internal\n * @param {...{ [key: string]: unknown }} configObjects - Config objects to merge\n * @returns {{ [key: string]: unknown }} A merged config object\n */\nexport function mergeConfigs(...configObjects) {\n  // Start with an empty object as our base\n  /** @type {{ [key: string]: unknown }} */\n  const formattedConfigObject = {}\n\n  // Loop through each of the passed objects\n  for (const configObject of configObjects) {\n    for (const key of Object.keys(configObject)) {\n      const option = formattedConfigObject[key]\n      const override = configObject[key]\n\n      // Push their keys one-by-one into formattedConfigObject. Any duplicate\n      // keys with object values will be merged, otherwise the new value will\n      // override the existing value.\n      if (isObject(option) && isObject(override)) {\n        formattedConfigObject[key] = mergeConfigs(option, override)\n      } else {\n        // Apply override\n        formattedConfigObject[key] = override\n      }\n    }\n  }\n\n  return formattedConfigObject\n}\n\n/**\n * Validate component config by schema\n *\n * Follows limited examples in JSON schema for wider support in future\n *\n * {@link https://ajv.js.org/json-schema.html#compound-keywords}\n * {@link https://ajv.js.org/packages/ajv-errors.html#single-message}\n *\n * @internal\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @param {Schema<ConfigurationType>} schema - The schema of a component\n * @param {ConfigurationType} config - Component config\n * @returns {string[]} List of validation errors\n */\nexport function validateConfig(schema, config) {\n  const validationErrors = []\n\n  // Check errors for each schema\n  for (const [name, conditions] of Object.entries(schema)) {\n    const errors = []\n\n    // Check errors for each schema condition\n    if (Array.isArray(conditions)) {\n      for (const { required, errorMessage } of conditions) {\n        if (!required.every((key) => !!config[key])) {\n          errors.push(errorMessage) // Missing config key value\n        }\n      }\n\n      // Check one condition passes or add errors\n      if (name === 'anyOf' && !(conditions.length - errors.length >= 1)) {\n        validationErrors.push(...errors)\n      }\n    }\n  }\n\n  return validationErrors\n}\n\n/**\n * Extracts keys starting with a particular namespace from dataset ('data-*')\n * object, removing the namespace in the process, normalising all values\n *\n * @internal\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @param {Schema<ConfigurationType>} schema - The schema of a component\n * @param {DOMStringMap} dataset - The object to extract key-value pairs from\n * @param {keyof ConfigurationType} namespace - The namespace to filter keys with\n * @returns {ObjectNested | undefined} Nested object with dot-separated key namespace removed\n */\nexport function extractConfigByNamespace(schema, dataset, namespace) {\n  const property = schema.properties[namespace]\n\n  // Only extract configs for object schema properties\n  if (property?.type !== 'object') {\n    return\n  }\n\n  // Add default empty config\n  const newObject = /** @type {Record<typeof namespace, ObjectNested>} */ ({\n    [namespace]: {}\n  })\n\n  for (const [key, value] of Object.entries(dataset)) {\n    /** @type {ObjectNested | ObjectNested[NestedKey]} */\n    let current = newObject\n\n    // Split the key into parts, using . as our namespace separator\n    const keyParts = key.split('.')\n\n    /**\n     * Create new level per part\n     *\n     * e.g. 'i18n.textareaDescription.other' becomes\n     * `{ i18n: { textareaDescription: { other } } }`\n     */\n    for (const [index, name] of keyParts.entries()) {\n      if (isObject(current)) {\n        // Drop down to nested object until the last part\n        if (index < keyParts.length - 1) {\n          // New nested object (optionally) replaces existing value\n          if (!isObject(current[name])) {\n            current[name] = {}\n          }\n\n          // Drop down into new or existing nested object\n          current = current[name]\n        } else if (key !== namespace) {\n          // Normalised value (optionally) replaces existing value\n          current[name] = normaliseString(value)\n        }\n      }\n    }\n  }\n\n  return newObject[namespace]\n}\n\n/**\n * @internal\n * @typedef {keyof ObjectNested} NestedKey\n * @typedef {{ [key: string]: string | boolean | number | ObjectNested | undefined }} ObjectNested\n */\n\n/**\n * Schema for component config\n *\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @typedef {object} Schema\n * @property {Record<keyof ConfigurationType, SchemaProperty | undefined>} properties - Schema properties\n * @property {SchemaCondition<ConfigurationType>[]} [anyOf] - List of schema conditions\n */\n\n/**\n * Schema property for component config\n *\n * @typedef {object} SchemaProperty\n * @property {'string' | 'boolean' | 'number' | 'object'} type - Property type\n */\n\n/**\n * Schema condition for component config\n *\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @typedef {object} SchemaCondition\n * @property {(keyof ConfigurationType)[]} required - List of required config fields\n * @property {string} errorMessage - Error message when required config fields not provided\n */\n\n/**\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]\n * @typedef ChildClass\n * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component\n * @property {Schema<ConfigurationType>} [schema] - The schema of the component configuration\n * @property {ConfigurationType} [defaults] - The default values of the configuration of the component\n */\n\n/**\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]\n * @typedef {typeof Component & ChildClass<ConfigurationType>} ChildClassConstructor<ConfigurationType>\n */\n\n/**\n * @import { CompatibleClass, Config, CreateAllOptions, OnErrorCallback } from '../init.mjs'\n */\n","import { isObject } from './common/index.mjs'\n\n/**\n * Internal support for selecting messages to render, with placeholder\n * interpolation and locale-aware number formatting and pluralisation\n *\n * @internal\n */\nexport class I18n {\n  translations\n  locale\n\n  /**\n   * @internal\n   * @param {{ [key: string]: string | TranslationPluralForms }} translations - Key-value pairs of the translation strings to use.\n   * @param {object} [config] - Configuration options for the function.\n   * @param {string | null} [config.locale] - An overriding locale for the PluralRules functionality.\n   */\n  constructor(translations = {}, config = {}) {\n    // Make list of translations available throughout function\n    this.translations = translations\n\n    // The locale to use for PluralRules and NumberFormat\n    this.locale = config.locale ?? (document.documentElement.lang || 'en')\n  }\n\n  /**\n   * The most used function - takes the key for a given piece of UI text and\n   * returns the appropriate string.\n   *\n   * @internal\n   * @param {string} lookupKey - The lookup key of the string to use.\n   * @param {{ [key: string]: unknown }} [options] - Any options passed with the translation string, e.g: for string interpolation.\n   * @returns {string} The appropriate translation string.\n   * @throws {Error} Lookup key required\n   * @throws {Error} Options required for `${}` placeholders\n   */\n  t(lookupKey, options) {\n    if (!lookupKey) {\n      // Print a console error if no lookup key has been provided\n      throw new Error('i18n: lookup key missing')\n    }\n\n    // Fetch the translation for that lookup key\n    let translation = this.translations[lookupKey]\n\n    // If the `count` option is set, determine which plural suffix is needed and\n    // change the lookupKey to match. We check to see if it's numeric instead of\n    // falsy, as this could legitimately be 0.\n    if (typeof options?.count === 'number' && isObject(translation)) {\n      const translationPluralForm =\n        translation[this.getPluralSuffix(lookupKey, options.count)]\n\n      // Update translation with plural suffix\n      if (translationPluralForm) {\n        translation = translationPluralForm\n      }\n    }\n\n    if (typeof translation === 'string') {\n      // Check for ${} placeholders in the translation string\n      // eslint-disable-next-line @typescript-eslint/prefer-regexp-exec\n      if (translation.match(/%{(.\\S+)}/)) {\n        if (!options) {\n          throw new Error(\n            'i18n: cannot replace placeholders in string if no option data provided'\n          )\n        }\n\n        return this.replacePlaceholders(translation, options)\n      }\n\n      return translation\n    }\n\n    // If the key wasn't found in our translations object,\n    // return the lookup key itself as the fallback\n    return lookupKey\n  }\n\n  /**\n   * Takes a translation string with placeholders, and replaces the placeholders\n   * with the provided data\n   *\n   * @internal\n   * @param {string} translationString - The translation string\n   * @param {{ [key: string]: unknown }} options - Any options passed with the translation string, e.g: for string interpolation.\n   * @returns {string} The translation string to output, with $\\{\\} placeholders replaced\n   */\n  replacePlaceholders(translationString, options) {\n    const formatter = Intl.NumberFormat.supportedLocalesOf(this.locale).length\n      ? new Intl.NumberFormat(this.locale)\n      : undefined\n\n    return translationString.replace(\n      /%{(.\\S+)}/g,\n\n      /**\n       * Replace translation string placeholders\n       *\n       * @internal\n       * @param {string} placeholderWithBraces - Placeholder with braces\n       * @param {string} placeholderKey - Placeholder key\n       * @returns {string} Placeholder value\n       */\n      function (placeholderWithBraces, placeholderKey) {\n        if (Object.prototype.hasOwnProperty.call(options, placeholderKey)) {\n          const placeholderValue = options[placeholderKey]\n\n          // If a user has passed `false` as the value for the placeholder\n          // treat it as though the value should not be displayed\n          if (\n            placeholderValue === false ||\n            (typeof placeholderValue !== 'number' &&\n              typeof placeholderValue !== 'string')\n          ) {\n            return ''\n          }\n\n          // If the placeholder's value is a number, localise the number formatting\n          if (typeof placeholderValue === 'number') {\n            return formatter\n              ? formatter.format(placeholderValue)\n              : `${placeholderValue}`\n          }\n\n          return placeholderValue\n        }\n\n        throw new Error(\n          `i18n: no data found to replace ${placeholderWithBraces} placeholder in string`\n        )\n      }\n    )\n  }\n\n  /**\n   * Check to see if the browser supports Intl.PluralRules\n   *\n   * It requires all conditions to be met in order to be supported:\n   * - The implementation of Intl supports PluralRules (NOT true in Safari 10–12)\n   * - The browser/OS has plural rules for the current locale (browser dependent)\n   *\n   * {@link https://browsersl.ist/#q=supports+es6-module+and+not+supports+intl-pluralrules}\n   *\n   * @internal\n   * @returns {boolean} Returns true if all conditions are met. Returns false otherwise.\n   */\n  hasIntlPluralRulesSupport() {\n    return Boolean(\n      'PluralRules' in window.Intl &&\n        Intl.PluralRules.supportedLocalesOf(this.locale).length\n    )\n  }\n\n  /**\n   * Get the appropriate suffix for the plural form.\n   *\n   * Uses Intl.PluralRules (or our own fallback implementation) to get the\n   * 'preferred' form to use for the given count.\n   *\n   * Checks that a translation has been provided for that plural form – if it\n   * hasn't, it'll fall back to the 'other' plural form (unless that doesn't exist\n   * either, in which case an error will be thrown)\n   *\n   * @internal\n   * @param {string} lookupKey - The lookup key of the string to use.\n   * @param {number} count - Number used to determine which pluralisation to use.\n   * @returns {PluralRule} The suffix associated with the correct pluralisation for this locale.\n   * @throws {Error} Plural form `.other` required when preferred plural form is missing\n   */\n  getPluralSuffix(lookupKey, count) {\n    // Validate that the number is actually a number.\n    //\n    // Number(count) will turn anything that can't be converted to a Number type\n    // into 'NaN'. isFinite filters out NaN, as it isn't a finite number.\n    // eslint-disable-next-line @typescript-eslint/no-unnecessary-type-conversion\n    count = Number(count)\n    if (!isFinite(count)) {\n      return 'other'\n    }\n\n    // Fetch the translation for that lookup key\n    const translation = this.translations[lookupKey]\n\n    // Check to verify that all the requirements for Intl.PluralRules are met.\n    // If so, we can use that instead of our custom implementation. Otherwise,\n    // use the hardcoded fallback.\n    const preferredForm = this.hasIntlPluralRulesSupport()\n      ? new Intl.PluralRules(this.locale).select(count)\n      : 'other'\n\n    // Use the correct plural form if provided\n    if (isObject(translation)) {\n      if (preferredForm in translation) {\n        return preferredForm\n        // Fall back to `other` if the plural form is missing, but log a warning\n        // to the console\n      } else if ('other' in translation) {\n        console.warn(\n          `i18n: Missing plural form \".${preferredForm}\" for \"${this.locale}\" locale. Falling back to \".other\".`\n        )\n\n        return 'other'\n      }\n    }\n\n    // If the required `other` plural form is missing, all we can do is error\n    throw new Error(\n      `i18n: Plural form \".other\" is required for \"${this.locale}\" locale`\n    )\n  }\n}\n\n/**\n * Plural rule category mnemonic tags\n *\n * @internal\n * @typedef {'zero' | 'one' | 'two' | 'few' | 'many' | 'other'} PluralRule\n */\n\n/**\n * Translated message by plural rule they correspond to.\n *\n * Allows to group pluralised messages under a single key when passing\n * translations to a component's constructor\n *\n * @internal\n * @typedef {object} TranslationPluralForms\n * @property {string} [other] - General plural form\n * @property {string} [zero] - Plural form used with 0\n * @property {string} [one] - Plural form used with 1\n * @property {string} [two] - Plural form used with 2\n * @property {string} [few] - Plural form used for a few\n * @property {string} [many] - Plural form used for many\n */\n","import { closestAttributeValue } from '../../common/closest-attribute-value.mjs'\nimport {\n  validateConfig,\n  ConfigurableComponent,\n  configOverride\n} from '../../common/configuration.mjs'\nimport { formatErrorMessage } from '../../common/index.mjs'\nimport { ConfigError, ElementError } from '../../errors/index.mjs'\nimport { I18n } from '../../i18n.mjs'\n\n/**\n * Character count component\n *\n * Tracks the number of characters or words in the `.govuk-js-character-count`\n * `<textarea>` inside the element. Displays a message with the remaining number\n * of characters/words available, or the number of characters/words in excess.\n *\n * You can configure the message to only appear after a certain percentage\n * of the available characters/words has been entered.\n *\n * @preserve\n * @augments ConfigurableComponent<CharacterCountConfig>\n */\nexport class CharacterCount extends ConfigurableComponent {\n  /** @private */\n  $textarea\n\n  /** @private */\n  $visibleCountMessage\n\n  /** @private */\n  $screenReaderCountMessage\n\n  /**\n   * @private\n   * @type {number | null}\n   */\n  lastInputTimestamp = null\n\n  /** @private */\n  lastInputValue = ''\n\n  /**\n   * @private\n   * @type {number | null}\n   */\n  valueChecker = null\n\n  /** @private */\n  i18n\n\n  /** @private */\n  maxLength;\n\n  /**\n   * Character count config override\n   *\n   * To ensure data-attributes take complete precedence, even if they change\n   * the type of count, we need to reset the `maxlength` and `maxwords` from\n   * the JavaScript config.\n   *\n   * @internal\n   * @param {CharacterCountConfig} datasetConfig - configuration specified by dataset\n   * @returns {CharacterCountConfig} - configuration to override by dataset\n   */\n  [configOverride](datasetConfig) {\n    let configOverrides = {}\n    if ('maxwords' in datasetConfig || 'maxlength' in datasetConfig) {\n      configOverrides = {\n        maxlength: undefined,\n        maxwords: undefined\n      }\n    }\n\n    return configOverrides\n  }\n\n  /**\n   * @param {Element | null} $root - HTML element to use for character count\n   * @param {CharacterCountConfig} [config] - Character count config\n   */\n  constructor($root, config = {}) {\n    super($root, config)\n\n    const $textarea = this.$root.querySelector('.govuk-js-character-count')\n    if (\n      !(\n        $textarea instanceof HTMLTextAreaElement ||\n        $textarea instanceof HTMLInputElement\n      )\n    ) {\n      throw new ElementError({\n        component: CharacterCount,\n        element: $textarea,\n        expectedType: 'HTMLTextareaElement or HTMLInputElement',\n        identifier: 'Form field (`.govuk-js-character-count`)'\n      })\n    }\n\n    // Check for valid config\n    const errors = validateConfig(CharacterCount.schema, this.config)\n    if (errors[0]) {\n      throw new ConfigError(formatErrorMessage(CharacterCount, errors[0]))\n    }\n\n    this.i18n = new I18n(this.config.i18n, {\n      // Read the fallback if necessary rather than have it set in the defaults\n      locale: closestAttributeValue(this.$root, 'lang')\n    })\n\n    // Determine the limit attribute (characters or words)\n    this.maxLength = this.config.maxwords ?? this.config.maxlength ?? Infinity\n\n    this.$textarea = $textarea\n\n    const textareaDescriptionId = `${this.$textarea.id}-info`\n    const $textareaDescription = document.getElementById(textareaDescriptionId)\n    if (!$textareaDescription) {\n      throw new ElementError({\n        component: CharacterCount,\n        element: $textareaDescription,\n        identifier: `Count message (\\`id=\"${textareaDescriptionId}\"\\`)`\n      })\n    }\n\n    // Pre-existing validation error rendered from server\n    this.$errorMessage = this.$root.querySelector('.govuk-error-message')\n\n    // Inject a description for the textarea if none is present already\n    // for when the component was rendered with no maxlength, maxwords\n    // nor custom textareaDescriptionText\n    // eslint-disable-next-line @typescript-eslint/prefer-regexp-exec\n    if ($textareaDescription.textContent.match(/^\\s*$/)) {\n      $textareaDescription.textContent = this.i18n.t('textareaDescription', {\n        count: this.maxLength\n      })\n    }\n\n    // Move the textarea description to be immediately after the textarea\n    // Kept for backwards compatibility\n    this.$textarea.insertAdjacentElement('afterend', $textareaDescription)\n\n    // Create the *screen reader* specific live-updating counter\n    // This doesn't need any styling classes, as it is never visible\n    const $screenReaderCountMessage = document.createElement('div')\n    $screenReaderCountMessage.className =\n      'govuk-character-count__sr-status govuk-visually-hidden'\n    $screenReaderCountMessage.setAttribute('aria-live', 'polite')\n    this.$screenReaderCountMessage = $screenReaderCountMessage\n    $textareaDescription.insertAdjacentElement(\n      'afterend',\n      $screenReaderCountMessage\n    )\n\n    // Create our live-updating counter element, copying the classes from the\n    // textarea description for backwards compatibility as these may have been\n    // configured\n    const $visibleCountMessage = document.createElement('div')\n    $visibleCountMessage.className = $textareaDescription.className\n    $visibleCountMessage.classList.add('govuk-character-count__status')\n    $visibleCountMessage.setAttribute('aria-hidden', 'true')\n    this.$visibleCountMessage = $visibleCountMessage\n    $textareaDescription.insertAdjacentElement('afterend', $visibleCountMessage)\n\n    // Hide the textarea description\n    $textareaDescription.classList.add('govuk-visually-hidden')\n\n    // Remove hard limit if set\n    this.$textarea.removeAttribute('maxlength')\n\n    this.bindChangeEvents()\n\n    // When the page is restored after navigating 'back' in some browsers the\n    // state of form controls is not restored until *after* the DOMContentLoaded\n    // event is fired, so we need to sync after the pageshow event.\n    window.addEventListener('pageshow', () => this.updateCountMessage())\n\n    // Although we've set up handlers to sync state on the pageshow event, init\n    // could be called after those events have fired, for example if they are\n    // added to the page dynamically, so update now too.\n    this.updateCountMessage()\n  }\n\n  /**\n   * Bind change events\n   *\n   * Set up event listeners on the $textarea so that the count messages update\n   * when the user types.\n   *\n   * @private\n   */\n  bindChangeEvents() {\n    this.$textarea.addEventListener('keyup', () => this.handleKeyUp())\n\n    // Bind focus/blur events to start/stop polling\n    this.$textarea.addEventListener('focus', () => this.handleFocus())\n    this.$textarea.addEventListener('blur', () => this.handleBlur())\n  }\n\n  /**\n   * Handle key up event\n   *\n   * Update the visible character counter and keep track of when the last update\n   * happened for each keypress\n   *\n   * @private\n   */\n  handleKeyUp() {\n    this.updateVisibleCountMessage()\n    this.lastInputTimestamp = Date.now()\n  }\n\n  /**\n   * Handle focus event\n   *\n   * Speech recognition software such as Dragon NaturallySpeaking will modify\n   * the fields by directly changing its `value`. These changes don't trigger\n   * events in JavaScript, so we need to poll to handle when and if they occur.\n   *\n   * Once the keyup event hasn't been detected for at least 1000 ms (1s), check\n   * if the textarea value has changed and update the count message if it has.\n   *\n   * This is so that the update triggered by the manual comparison doesn't\n   * conflict with debounced KeyboardEvent updates.\n   *\n   * @private\n   */\n  handleFocus() {\n    this.valueChecker = window.setInterval(() => {\n      if (\n        !this.lastInputTimestamp ||\n        Date.now() - 500 >= this.lastInputTimestamp\n      ) {\n        this.updateIfValueChanged()\n      }\n    }, 1000)\n  }\n\n  /**\n   * Handle blur event\n   *\n   * Stop checking the textarea value once the textarea no longer has focus\n   *\n   * @private\n   */\n  handleBlur() {\n    // Cancel value checking on blur\n    if (this.valueChecker) {\n      window.clearInterval(this.valueChecker)\n    }\n  }\n\n  /**\n   * Update count message if textarea value has changed\n   *\n   * @private\n   */\n  updateIfValueChanged() {\n    if (this.$textarea.value !== this.lastInputValue) {\n      this.lastInputValue = this.$textarea.value\n      this.updateCountMessage()\n    }\n  }\n\n  /**\n   * Update count message\n   *\n   * Helper function to update both the visible and screen reader-specific\n   * counters simultaneously (e.g. on init)\n   *\n   * @private\n   */\n  updateCountMessage() {\n    this.updateVisibleCountMessage()\n    this.updateScreenReaderCountMessage()\n  }\n\n  /**\n   * Update visible count message\n   *\n   * @private\n   */\n  updateVisibleCountMessage() {\n    const remainingNumber = this.maxLength - this.count(this.$textarea.value)\n    const isError = remainingNumber < 0\n\n    // If input is over the threshold, remove the disabled class which renders\n    // the counter invisible.\n    this.$visibleCountMessage.classList.toggle(\n      'govuk-character-count__message--disabled',\n      !this.isOverThreshold()\n    )\n\n    // Update styles\n    if (!this.$errorMessage) {\n      // Only toggle the textarea error class if there isn't an error message\n      // already, as it may be unrelated to the limit (eg: allowed characters)\n      // and would set the border colour back to black.\n      this.$textarea.classList.toggle('govuk-textarea--error', isError)\n    }\n    this.$visibleCountMessage.classList.toggle('govuk-error-message', isError)\n    this.$visibleCountMessage.classList.toggle('govuk-hint', !isError)\n\n    // Update message\n    this.$visibleCountMessage.textContent = this.getCountMessage()\n  }\n\n  /**\n   * Update screen reader count message\n   *\n   * @private\n   */\n  updateScreenReaderCountMessage() {\n    // If over the threshold, remove the aria-hidden attribute, allowing screen\n    // readers to announce the content of the element.\n    if (this.isOverThreshold()) {\n      this.$screenReaderCountMessage.removeAttribute('aria-hidden')\n    } else {\n      this.$screenReaderCountMessage.setAttribute('aria-hidden', 'true')\n    }\n\n    // Update message\n    this.$screenReaderCountMessage.textContent = this.getCountMessage()\n  }\n\n  /**\n   * Count the number of characters (or words, if `config.maxwords` is set)\n   * in the given text\n   *\n   * @private\n   * @param {string} text - The text to count the characters of\n   * @returns {number} the number of characters (or words) in the text\n   */\n  count(text) {\n    if (this.config.maxwords) {\n      const tokens = text.match(/\\S+/g) ?? [] // Matches consecutive non-whitespace chars\n      return tokens.length\n    }\n\n    return text.length\n  }\n\n  /**\n   * Get count message\n   *\n   * @private\n   * @returns {string} Status message\n   */\n  getCountMessage() {\n    const remainingNumber = this.maxLength - this.count(this.$textarea.value)\n    const countType = this.config.maxwords ? 'words' : 'characters'\n    return this.formatCountMessage(remainingNumber, countType)\n  }\n\n  /**\n   * Formats the message shown to users according to what's counted\n   * and how many remain\n   *\n   * @private\n   * @param {number} remainingNumber - The number of words/characaters remaining\n   * @param {string} countType - \"words\" or \"characters\"\n   * @returns {string} Status message\n   */\n  formatCountMessage(remainingNumber, countType) {\n    if (remainingNumber === 0) {\n      return this.i18n.t(`${countType}AtLimit`)\n    }\n\n    const translationKeySuffix =\n      remainingNumber < 0 ? 'OverLimit' : 'UnderLimit'\n\n    return this.i18n.t(`${countType}${translationKeySuffix}`, {\n      count: Math.abs(remainingNumber)\n    })\n  }\n\n  /**\n   * Check if count is over threshold\n   *\n   * Checks whether the value is over the configured threshold for the input.\n   * If there is no configured threshold, it is set to 0 and this function will\n   * always return true.\n   *\n   * @private\n   * @returns {boolean} true if the current count is over the config.threshold\n   *   (or no threshold is set)\n   */\n  isOverThreshold() {\n    // No threshold means we're always above threshold so save some computation\n    if (!this.config.threshold) {\n      return true\n    }\n\n    // Determine the remaining number of characters/words\n    const currentLength = this.count(this.$textarea.value)\n    const maxLength = this.maxLength\n\n    const thresholdValue = (maxLength * this.config.threshold) / 100\n\n    return thresholdValue <= currentLength\n  }\n\n  /**\n   * Name for the component used when initialising using data-module attributes.\n   */\n  static moduleName = 'govuk-character-count'\n\n  /**\n   * Character count default config\n   *\n   * @see {@link CharacterCountConfig}\n   * @constant\n   * @type {CharacterCountConfig}\n   */\n  static defaults = Object.freeze({\n    threshold: 0,\n    i18n: {\n      // Characters\n      charactersUnderLimit: {\n        one: 'You have %{count} character remaining',\n        other: 'You have %{count} characters remaining'\n      },\n      charactersAtLimit: 'You have 0 characters remaining',\n      charactersOverLimit: {\n        one: 'You have %{count} character too many',\n        other: 'You have %{count} characters too many'\n      },\n      // Words\n      wordsUnderLimit: {\n        one: 'You have %{count} word remaining',\n        other: 'You have %{count} words remaining'\n      },\n      wordsAtLimit: 'You have 0 words remaining',\n      wordsOverLimit: {\n        one: 'You have %{count} word too many',\n        other: 'You have %{count} words too many'\n      },\n      textareaDescription: {\n        other: ''\n      }\n    }\n  })\n\n  /**\n   * Character count config schema\n   *\n   * @constant\n   * @satisfies {Schema<CharacterCountConfig>}\n   */\n  static schema = Object.freeze({\n    properties: {\n      i18n: { type: 'object' },\n      maxwords: { type: 'number' },\n      maxlength: { type: 'number' },\n      threshold: { type: 'number' }\n    },\n    anyOf: [\n      {\n        required: ['maxwords'],\n        errorMessage: 'Either \"maxlength\" or \"maxwords\" must be provided'\n      },\n      {\n        required: ['maxlength'],\n        errorMessage: 'Either \"maxlength\" or \"maxwords\" must be provided'\n      }\n    ]\n  })\n}\n\n/**\n * Character count config\n *\n * @see {@link CharacterCount.defaults}\n * @typedef {object} CharacterCountConfig\n * @property {number} [maxlength] - The maximum number of characters.\n *   If maxwords is provided, the maxlength option will be ignored.\n * @property {number} [maxwords] - The maximum number of words. If maxwords is\n *   provided, the maxlength option will be ignored.\n * @property {number} [threshold=0] - The percentage value of the limit at\n *   which point the count message is displayed. If this attribute is set, the\n *   count message will be hidden by default.\n * @property {CharacterCountTranslations} [i18n=CharacterCount.defaults.i18n] - Character count translations\n */\n\n/**\n * Character count translations\n *\n * @see {@link CharacterCount.defaults.i18n}\n * @typedef {object} CharacterCountTranslations\n *\n * Messages shown to users as they type. It provides feedback on how many words\n * or characters they have remaining or if they are over the limit. This also\n * includes a message used as an accessible description for the textarea.\n * @property {TranslationPluralForms} [charactersUnderLimit] - Message displayed\n *   when the number of characters is under the configured maximum, `maxlength`.\n *   This message is displayed visually and through assistive technologies. The\n *   component will replace the `%{count}` placeholder with the number of\n *   remaining characters. This is a [pluralised list of\n *   messages](https://frontend.design-system.service.gov.uk/localise-govuk-frontend).\n * @property {string} [charactersAtLimit] - Message displayed when the number of\n *   characters reaches the configured maximum, `maxlength`. This message is\n *   displayed visually and through assistive technologies.\n * @property {TranslationPluralForms} [charactersOverLimit] - Message displayed\n *   when the number of characters is over the configured maximum, `maxlength`.\n *   This message is displayed visually and through assistive technologies. The\n *   component will replace the `%{count}` placeholder with the number of\n *   remaining characters. This is a [pluralised list of\n *   messages](https://frontend.design-system.service.gov.uk/localise-govuk-frontend).\n * @property {TranslationPluralForms} [wordsUnderLimit] - Message displayed when\n *   the number of words is under the configured maximum, `maxlength`. This\n *   message is displayed visually and through assistive technologies. The\n *   component will replace the `%{count}` placeholder with the number of\n *   remaining words. This is a [pluralised list of\n *   messages](https://frontend.design-system.service.gov.uk/localise-govuk-frontend).\n * @property {string} [wordsAtLimit] - Message displayed when the number of\n *   words reaches the configured maximum, `maxlength`. This message is\n *   displayed visually and through assistive technologies.\n * @property {TranslationPluralForms} [wordsOverLimit] - Message displayed when\n *   the number of words is over the configured maximum, `maxlength`. This\n *   message is displayed visually and through assistive technologies. The\n *   component will replace the `%{count}` placeholder with the number of\n *   remaining words. This is a [pluralised list of\n *   messages](https://frontend.design-system.service.gov.uk/localise-govuk-frontend).\n * @property {TranslationPluralForms} [textareaDescription] - Message made\n *   available to assistive technologies, if none is already present in the\n *   HTML, to describe that the component accepts only a limited amount of\n *   content. It is visible on the page when JavaScript is unavailable. The\n *   component will replace the `%{count}` placeholder with the value of the\n *   `maxlength` or `maxwords` parameter.\n */\n\n/**\n * @import { Schema } from '../../common/configuration.mjs'\n * @import { TranslationPluralForms } from '../../i18n.mjs'\n */\n"],"names":["closestAttributeValue","$element","attributeName","$closestElementWithAttribute","closest","getAttribute","isInitialised","$root","moduleName","HTMLElement","hasAttribute","isSupported","$scope","document","body","classList","contains","isArray","option","Array","isObject","formatErrorMessage","Component","message","GOVUKFrontendError","Error","constructor","args","name","SupportError","supportMessage","HTMLScriptElement","prototype","ConfigError","ElementError","messageOrOptions","component","identifier","element","expectedType","InitError","componentOrMessage","_$root","childConstructor","elementType","checkSupport","checkInitialised","setAttribute","configOverride","Symbol","for","ConfigurableComponent","param","config","_config","defaults","datasetConfig","normaliseDataset","dataset","mergeConfigs","normaliseString","value","property","trimmedValue","trim","output","outputType","type","includes","length","isFinite","Number","schema","out","entries","Object","properties","entry","namespace","field","toString","extractConfigByNamespace","configObjects","formattedConfigObject","configObject","key","keys","override","validateConfig","validationErrors","conditions","errors","required","errorMessage","every","push","newObject","current","keyParts","split","index","I18n","translations","_config$locale","locale","documentElement","lang","t","lookupKey","options","translation","count","translationPluralForm","getPluralSuffix","match","replacePlaceholders","translationString","formatter","Intl","NumberFormat","supportedLocalesOf","undefined","replace","placeholderWithBraces","placeholderKey","hasOwnProperty","call","placeholderValue","format","hasIntlPluralRulesSupport","Boolean","window","PluralRules","preferredForm","select","console","warn","CharacterCount","configOverrides","maxlength","maxwords","_ref","_this$config$maxwords","$textarea","$visibleCountMessage","$screenReaderCountMessage","lastInputTimestamp","lastInputValue","valueChecker","i18n","maxLength","querySelector","HTMLTextAreaElement","HTMLInputElement","Infinity","textareaDescriptionId","id","$textareaDescription","getElementById","$errorMessage","textContent","insertAdjacentElement","createElement","className","add","removeAttribute","bindChangeEvents","addEventListener","updateCountMessage","handleKeyUp","handleFocus","handleBlur","updateVisibleCountMessage","Date","now","setInterval","updateIfValueChanged","clearInterval","updateScreenReaderCountMessage","remainingNumber","isError","toggle","isOverThreshold","getCountMessage","text","_text$match","tokens","countType","formatCountMessage","translationKeySuffix","Math","abs","threshold","currentLength","thresholdValue","freeze","charactersUnderLimit","one","other","charactersAtLimit","charactersOverLimit","wordsUnderLimit","wordsAtLimit","wordsOverLimit","textareaDescription","anyOf"],"mappings":"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"}
\ No newline at end of file
diff --git a/node_modules/govuk-frontend/dist/govuk/components/character-count/character-count.mjs b/node_modules/govuk-frontend/dist/govuk/components/character-count/character-count.mjs
new file mode 100644
index 0000000..6466a96
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/character-count/character-count.mjs
@@ -0,0 +1,299 @@
+import { closestAttributeValue } from '../../common/closest-attribute-value.mjs';
+import { ConfigurableComponent, configOverride, validateConfig } from '../../common/configuration.mjs';
+import { formatErrorMessage } from '../../common/index.mjs';
+import { ElementError, ConfigError } from '../../errors/index.mjs';
+import { I18n } from '../../i18n.mjs';
+
+/**
+ * Character count component
+ *
+ * Tracks the number of characters or words in the `.govuk-js-character-count`
+ * `<textarea>` inside the element. Displays a message with the remaining number
+ * of characters/words available, or the number of characters/words in excess.
+ *
+ * You can configure the message to only appear after a certain percentage
+ * of the available characters/words has been entered.
+ *
+ * @preserve
+ * @augments ConfigurableComponent<CharacterCountConfig>
+ */
+class CharacterCount extends ConfigurableComponent {
+  [configOverride](datasetConfig) {
+    let configOverrides = {};
+    if ('maxwords' in datasetConfig || 'maxlength' in datasetConfig) {
+      configOverrides = {
+        maxlength: undefined,
+        maxwords: undefined
+      };
+    }
+    return configOverrides;
+  }
+
+  /**
+   * @param {Element | null} $root - HTML element to use for character count
+   * @param {CharacterCountConfig} [config] - Character count config
+   */
+  constructor($root, config = {}) {
+    var _ref, _this$config$maxwords;
+    super($root, config);
+    this.$textarea = void 0;
+    this.$visibleCountMessage = void 0;
+    this.$screenReaderCountMessage = void 0;
+    this.lastInputTimestamp = null;
+    this.lastInputValue = '';
+    this.valueChecker = null;
+    this.i18n = void 0;
+    this.maxLength = void 0;
+    const $textarea = this.$root.querySelector('.govuk-js-character-count');
+    if (!($textarea instanceof HTMLTextAreaElement || $textarea instanceof HTMLInputElement)) {
+      throw new ElementError({
+        component: CharacterCount,
+        element: $textarea,
+        expectedType: 'HTMLTextareaElement or HTMLInputElement',
+        identifier: 'Form field (`.govuk-js-character-count`)'
+      });
+    }
+    const errors = validateConfig(CharacterCount.schema, this.config);
+    if (errors[0]) {
+      throw new ConfigError(formatErrorMessage(CharacterCount, errors[0]));
+    }
+    this.i18n = new I18n(this.config.i18n, {
+      locale: closestAttributeValue(this.$root, 'lang')
+    });
+    this.maxLength = (_ref = (_this$config$maxwords = this.config.maxwords) != null ? _this$config$maxwords : this.config.maxlength) != null ? _ref : Infinity;
+    this.$textarea = $textarea;
+    const textareaDescriptionId = `${this.$textarea.id}-info`;
+    const $textareaDescription = document.getElementById(textareaDescriptionId);
+    if (!$textareaDescription) {
+      throw new ElementError({
+        component: CharacterCount,
+        element: $textareaDescription,
+        identifier: `Count message (\`id="${textareaDescriptionId}"\`)`
+      });
+    }
+    this.$errorMessage = this.$root.querySelector('.govuk-error-message');
+    if ($textareaDescription.textContent.match(/^\s*$/)) {
+      $textareaDescription.textContent = this.i18n.t('textareaDescription', {
+        count: this.maxLength
+      });
+    }
+    this.$textarea.insertAdjacentElement('afterend', $textareaDescription);
+    const $screenReaderCountMessage = document.createElement('div');
+    $screenReaderCountMessage.className = 'govuk-character-count__sr-status govuk-visually-hidden';
+    $screenReaderCountMessage.setAttribute('aria-live', 'polite');
+    this.$screenReaderCountMessage = $screenReaderCountMessage;
+    $textareaDescription.insertAdjacentElement('afterend', $screenReaderCountMessage);
+    const $visibleCountMessage = document.createElement('div');
+    $visibleCountMessage.className = $textareaDescription.className;
+    $visibleCountMessage.classList.add('govuk-character-count__status');
+    $visibleCountMessage.setAttribute('aria-hidden', 'true');
+    this.$visibleCountMessage = $visibleCountMessage;
+    $textareaDescription.insertAdjacentElement('afterend', $visibleCountMessage);
+    $textareaDescription.classList.add('govuk-visually-hidden');
+    this.$textarea.removeAttribute('maxlength');
+    this.bindChangeEvents();
+    window.addEventListener('pageshow', () => this.updateCountMessage());
+    this.updateCountMessage();
+  }
+  bindChangeEvents() {
+    this.$textarea.addEventListener('keyup', () => this.handleKeyUp());
+    this.$textarea.addEventListener('focus', () => this.handleFocus());
+    this.$textarea.addEventListener('blur', () => this.handleBlur());
+  }
+  handleKeyUp() {
+    this.updateVisibleCountMessage();
+    this.lastInputTimestamp = Date.now();
+  }
+  handleFocus() {
+    this.valueChecker = window.setInterval(() => {
+      if (!this.lastInputTimestamp || Date.now() - 500 >= this.lastInputTimestamp) {
+        this.updateIfValueChanged();
+      }
+    }, 1000);
+  }
+  handleBlur() {
+    if (this.valueChecker) {
+      window.clearInterval(this.valueChecker);
+    }
+  }
+  updateIfValueChanged() {
+    if (this.$textarea.value !== this.lastInputValue) {
+      this.lastInputValue = this.$textarea.value;
+      this.updateCountMessage();
+    }
+  }
+  updateCountMessage() {
+    this.updateVisibleCountMessage();
+    this.updateScreenReaderCountMessage();
+  }
+  updateVisibleCountMessage() {
+    const remainingNumber = this.maxLength - this.count(this.$textarea.value);
+    const isError = remainingNumber < 0;
+    this.$visibleCountMessage.classList.toggle('govuk-character-count__message--disabled', !this.isOverThreshold());
+    if (!this.$errorMessage) {
+      this.$textarea.classList.toggle('govuk-textarea--error', isError);
+    }
+    this.$visibleCountMessage.classList.toggle('govuk-error-message', isError);
+    this.$visibleCountMessage.classList.toggle('govuk-hint', !isError);
+    this.$visibleCountMessage.textContent = this.getCountMessage();
+  }
+  updateScreenReaderCountMessage() {
+    if (this.isOverThreshold()) {
+      this.$screenReaderCountMessage.removeAttribute('aria-hidden');
+    } else {
+      this.$screenReaderCountMessage.setAttribute('aria-hidden', 'true');
+    }
+    this.$screenReaderCountMessage.textContent = this.getCountMessage();
+  }
+  count(text) {
+    if (this.config.maxwords) {
+      var _text$match;
+      const tokens = (_text$match = text.match(/\S+/g)) != null ? _text$match : [];
+      return tokens.length;
+    }
+    return text.length;
+  }
+  getCountMessage() {
+    const remainingNumber = this.maxLength - this.count(this.$textarea.value);
+    const countType = this.config.maxwords ? 'words' : 'characters';
+    return this.formatCountMessage(remainingNumber, countType);
+  }
+  formatCountMessage(remainingNumber, countType) {
+    if (remainingNumber === 0) {
+      return this.i18n.t(`${countType}AtLimit`);
+    }
+    const translationKeySuffix = remainingNumber < 0 ? 'OverLimit' : 'UnderLimit';
+    return this.i18n.t(`${countType}${translationKeySuffix}`, {
+      count: Math.abs(remainingNumber)
+    });
+  }
+  isOverThreshold() {
+    if (!this.config.threshold) {
+      return true;
+    }
+    const currentLength = this.count(this.$textarea.value);
+    const maxLength = this.maxLength;
+    const thresholdValue = maxLength * this.config.threshold / 100;
+    return thresholdValue <= currentLength;
+  }
+}
+
+/**
+ * Character count config
+ *
+ * @see {@link CharacterCount.defaults}
+ * @typedef {object} CharacterCountConfig
+ * @property {number} [maxlength] - The maximum number of characters.
+ *   If maxwords is provided, the maxlength option will be ignored.
+ * @property {number} [maxwords] - The maximum number of words. If maxwords is
+ *   provided, the maxlength option will be ignored.
+ * @property {number} [threshold=0] - The percentage value of the limit at
+ *   which point the count message is displayed. If this attribute is set, the
+ *   count message will be hidden by default.
+ * @property {CharacterCountTranslations} [i18n=CharacterCount.defaults.i18n] - Character count translations
+ */
+
+/**
+ * Character count translations
+ *
+ * @see {@link CharacterCount.defaults.i18n}
+ * @typedef {object} CharacterCountTranslations
+ *
+ * Messages shown to users as they type. It provides feedback on how many words
+ * or characters they have remaining or if they are over the limit. This also
+ * includes a message used as an accessible description for the textarea.
+ * @property {TranslationPluralForms} [charactersUnderLimit] - Message displayed
+ *   when the number of characters is under the configured maximum, `maxlength`.
+ *   This message is displayed visually and through assistive technologies. The
+ *   component will replace the `%{count}` placeholder with the number of
+ *   remaining characters. This is a [pluralised list of
+ *   messages](https://frontend.design-system.service.gov.uk/localise-govuk-frontend).
+ * @property {string} [charactersAtLimit] - Message displayed when the number of
+ *   characters reaches the configured maximum, `maxlength`. This message is
+ *   displayed visually and through assistive technologies.
+ * @property {TranslationPluralForms} [charactersOverLimit] - Message displayed
+ *   when the number of characters is over the configured maximum, `maxlength`.
+ *   This message is displayed visually and through assistive technologies. The
+ *   component will replace the `%{count}` placeholder with the number of
+ *   remaining characters. This is a [pluralised list of
+ *   messages](https://frontend.design-system.service.gov.uk/localise-govuk-frontend).
+ * @property {TranslationPluralForms} [wordsUnderLimit] - Message displayed when
+ *   the number of words is under the configured maximum, `maxlength`. This
+ *   message is displayed visually and through assistive technologies. The
+ *   component will replace the `%{count}` placeholder with the number of
+ *   remaining words. This is a [pluralised list of
+ *   messages](https://frontend.design-system.service.gov.uk/localise-govuk-frontend).
+ * @property {string} [wordsAtLimit] - Message displayed when the number of
+ *   words reaches the configured maximum, `maxlength`. This message is
+ *   displayed visually and through assistive technologies.
+ * @property {TranslationPluralForms} [wordsOverLimit] - Message displayed when
+ *   the number of words is over the configured maximum, `maxlength`. This
+ *   message is displayed visually and through assistive technologies. The
+ *   component will replace the `%{count}` placeholder with the number of
+ *   remaining words. This is a [pluralised list of
+ *   messages](https://frontend.design-system.service.gov.uk/localise-govuk-frontend).
+ * @property {TranslationPluralForms} [textareaDescription] - Message made
+ *   available to assistive technologies, if none is already present in the
+ *   HTML, to describe that the component accepts only a limited amount of
+ *   content. It is visible on the page when JavaScript is unavailable. The
+ *   component will replace the `%{count}` placeholder with the value of the
+ *   `maxlength` or `maxwords` parameter.
+ */
+
+/**
+ * @import { Schema } from '../../common/configuration.mjs'
+ * @import { TranslationPluralForms } from '../../i18n.mjs'
+ */
+CharacterCount.moduleName = 'govuk-character-count';
+CharacterCount.defaults = Object.freeze({
+  threshold: 0,
+  i18n: {
+    charactersUnderLimit: {
+      one: 'You have %{count} character remaining',
+      other: 'You have %{count} characters remaining'
+    },
+    charactersAtLimit: 'You have 0 characters remaining',
+    charactersOverLimit: {
+      one: 'You have %{count} character too many',
+      other: 'You have %{count} characters too many'
+    },
+    wordsUnderLimit: {
+      one: 'You have %{count} word remaining',
+      other: 'You have %{count} words remaining'
+    },
+    wordsAtLimit: 'You have 0 words remaining',
+    wordsOverLimit: {
+      one: 'You have %{count} word too many',
+      other: 'You have %{count} words too many'
+    },
+    textareaDescription: {
+      other: ''
+    }
+  }
+});
+CharacterCount.schema = Object.freeze({
+  properties: {
+    i18n: {
+      type: 'object'
+    },
+    maxwords: {
+      type: 'number'
+    },
+    maxlength: {
+      type: 'number'
+    },
+    threshold: {
+      type: 'number'
+    }
+  },
+  anyOf: [{
+    required: ['maxwords'],
+    errorMessage: 'Either "maxlength" or "maxwords" must be provided'
+  }, {
+    required: ['maxlength'],
+    errorMessage: 'Either "maxlength" or "maxwords" must be provided'
+  }]
+});
+
+export { CharacterCount };
+//# sourceMappingURL=character-count.mjs.map
diff --git a/node_modules/govuk-frontend/dist/govuk/components/character-count/character-count.mjs.map b/node_modules/govuk-frontend/dist/govuk/components/character-count/character-count.mjs.map
new file mode 100644
index 0000000..f8ed2cd
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/character-count/character-count.mjs.map
@@ -0,0 +1 @@
+{"version":3,"file":"character-count.mjs","sources":["../../../../src/govuk/components/character-count/character-count.mjs"],"sourcesContent":["import { closestAttributeValue } from '../../common/closest-attribute-value.mjs'\nimport {\n  validateConfig,\n  ConfigurableComponent,\n  configOverride\n} from '../../common/configuration.mjs'\nimport { formatErrorMessage } from '../../common/index.mjs'\nimport { ConfigError, ElementError } from '../../errors/index.mjs'\nimport { I18n } from '../../i18n.mjs'\n\n/**\n * Character count component\n *\n * Tracks the number of characters or words in the `.govuk-js-character-count`\n * `<textarea>` inside the element. Displays a message with the remaining number\n * of characters/words available, or the number of characters/words in excess.\n *\n * You can configure the message to only appear after a certain percentage\n * of the available characters/words has been entered.\n *\n * @preserve\n * @augments ConfigurableComponent<CharacterCountConfig>\n */\nexport class CharacterCount extends ConfigurableComponent {\n  /** @private */\n  $textarea\n\n  /** @private */\n  $visibleCountMessage\n\n  /** @private */\n  $screenReaderCountMessage\n\n  /**\n   * @private\n   * @type {number | null}\n   */\n  lastInputTimestamp = null\n\n  /** @private */\n  lastInputValue = ''\n\n  /**\n   * @private\n   * @type {number | null}\n   */\n  valueChecker = null\n\n  /** @private */\n  i18n\n\n  /** @private */\n  maxLength;\n\n  /**\n   * Character count config override\n   *\n   * To ensure data-attributes take complete precedence, even if they change\n   * the type of count, we need to reset the `maxlength` and `maxwords` from\n   * the JavaScript config.\n   *\n   * @internal\n   * @param {CharacterCountConfig} datasetConfig - configuration specified by dataset\n   * @returns {CharacterCountConfig} - configuration to override by dataset\n   */\n  [configOverride](datasetConfig) {\n    let configOverrides = {}\n    if ('maxwords' in datasetConfig || 'maxlength' in datasetConfig) {\n      configOverrides = {\n        maxlength: undefined,\n        maxwords: undefined\n      }\n    }\n\n    return configOverrides\n  }\n\n  /**\n   * @param {Element | null} $root - HTML element to use for character count\n   * @param {CharacterCountConfig} [config] - Character count config\n   */\n  constructor($root, config = {}) {\n    super($root, config)\n\n    const $textarea = this.$root.querySelector('.govuk-js-character-count')\n    if (\n      !(\n        $textarea instanceof HTMLTextAreaElement ||\n        $textarea instanceof HTMLInputElement\n      )\n    ) {\n      throw new ElementError({\n        component: CharacterCount,\n        element: $textarea,\n        expectedType: 'HTMLTextareaElement or HTMLInputElement',\n        identifier: 'Form field (`.govuk-js-character-count`)'\n      })\n    }\n\n    // Check for valid config\n    const errors = validateConfig(CharacterCount.schema, this.config)\n    if (errors[0]) {\n      throw new ConfigError(formatErrorMessage(CharacterCount, errors[0]))\n    }\n\n    this.i18n = new I18n(this.config.i18n, {\n      // Read the fallback if necessary rather than have it set in the defaults\n      locale: closestAttributeValue(this.$root, 'lang')\n    })\n\n    // Determine the limit attribute (characters or words)\n    this.maxLength = this.config.maxwords ?? this.config.maxlength ?? Infinity\n\n    this.$textarea = $textarea\n\n    const textareaDescriptionId = `${this.$textarea.id}-info`\n    const $textareaDescription = document.getElementById(textareaDescriptionId)\n    if (!$textareaDescription) {\n      throw new ElementError({\n        component: CharacterCount,\n        element: $textareaDescription,\n        identifier: `Count message (\\`id=\"${textareaDescriptionId}\"\\`)`\n      })\n    }\n\n    // Pre-existing validation error rendered from server\n    this.$errorMessage = this.$root.querySelector('.govuk-error-message')\n\n    // Inject a description for the textarea if none is present already\n    // for when the component was rendered with no maxlength, maxwords\n    // nor custom textareaDescriptionText\n    // eslint-disable-next-line @typescript-eslint/prefer-regexp-exec\n    if ($textareaDescription.textContent.match(/^\\s*$/)) {\n      $textareaDescription.textContent = this.i18n.t('textareaDescription', {\n        count: this.maxLength\n      })\n    }\n\n    // Move the textarea description to be immediately after the textarea\n    // Kept for backwards compatibility\n    this.$textarea.insertAdjacentElement('afterend', $textareaDescription)\n\n    // Create the *screen reader* specific live-updating counter\n    // This doesn't need any styling classes, as it is never visible\n    const $screenReaderCountMessage = document.createElement('div')\n    $screenReaderCountMessage.className =\n      'govuk-character-count__sr-status govuk-visually-hidden'\n    $screenReaderCountMessage.setAttribute('aria-live', 'polite')\n    this.$screenReaderCountMessage = $screenReaderCountMessage\n    $textareaDescription.insertAdjacentElement(\n      'afterend',\n      $screenReaderCountMessage\n    )\n\n    // Create our live-updating counter element, copying the classes from the\n    // textarea description for backwards compatibility as these may have been\n    // configured\n    const $visibleCountMessage = document.createElement('div')\n    $visibleCountMessage.className = $textareaDescription.className\n    $visibleCountMessage.classList.add('govuk-character-count__status')\n    $visibleCountMessage.setAttribute('aria-hidden', 'true')\n    this.$visibleCountMessage = $visibleCountMessage\n    $textareaDescription.insertAdjacentElement('afterend', $visibleCountMessage)\n\n    // Hide the textarea description\n    $textareaDescription.classList.add('govuk-visually-hidden')\n\n    // Remove hard limit if set\n    this.$textarea.removeAttribute('maxlength')\n\n    this.bindChangeEvents()\n\n    // When the page is restored after navigating 'back' in some browsers the\n    // state of form controls is not restored until *after* the DOMContentLoaded\n    // event is fired, so we need to sync after the pageshow event.\n    window.addEventListener('pageshow', () => this.updateCountMessage())\n\n    // Although we've set up handlers to sync state on the pageshow event, init\n    // could be called after those events have fired, for example if they are\n    // added to the page dynamically, so update now too.\n    this.updateCountMessage()\n  }\n\n  /**\n   * Bind change events\n   *\n   * Set up event listeners on the $textarea so that the count messages update\n   * when the user types.\n   *\n   * @private\n   */\n  bindChangeEvents() {\n    this.$textarea.addEventListener('keyup', () => this.handleKeyUp())\n\n    // Bind focus/blur events to start/stop polling\n    this.$textarea.addEventListener('focus', () => this.handleFocus())\n    this.$textarea.addEventListener('blur', () => this.handleBlur())\n  }\n\n  /**\n   * Handle key up event\n   *\n   * Update the visible character counter and keep track of when the last update\n   * happened for each keypress\n   *\n   * @private\n   */\n  handleKeyUp() {\n    this.updateVisibleCountMessage()\n    this.lastInputTimestamp = Date.now()\n  }\n\n  /**\n   * Handle focus event\n   *\n   * Speech recognition software such as Dragon NaturallySpeaking will modify\n   * the fields by directly changing its `value`. These changes don't trigger\n   * events in JavaScript, so we need to poll to handle when and if they occur.\n   *\n   * Once the keyup event hasn't been detected for at least 1000 ms (1s), check\n   * if the textarea value has changed and update the count message if it has.\n   *\n   * This is so that the update triggered by the manual comparison doesn't\n   * conflict with debounced KeyboardEvent updates.\n   *\n   * @private\n   */\n  handleFocus() {\n    this.valueChecker = window.setInterval(() => {\n      if (\n        !this.lastInputTimestamp ||\n        Date.now() - 500 >= this.lastInputTimestamp\n      ) {\n        this.updateIfValueChanged()\n      }\n    }, 1000)\n  }\n\n  /**\n   * Handle blur event\n   *\n   * Stop checking the textarea value once the textarea no longer has focus\n   *\n   * @private\n   */\n  handleBlur() {\n    // Cancel value checking on blur\n    if (this.valueChecker) {\n      window.clearInterval(this.valueChecker)\n    }\n  }\n\n  /**\n   * Update count message if textarea value has changed\n   *\n   * @private\n   */\n  updateIfValueChanged() {\n    if (this.$textarea.value !== this.lastInputValue) {\n      this.lastInputValue = this.$textarea.value\n      this.updateCountMessage()\n    }\n  }\n\n  /**\n   * Update count message\n   *\n   * Helper function to update both the visible and screen reader-specific\n   * counters simultaneously (e.g. on init)\n   *\n   * @private\n   */\n  updateCountMessage() {\n    this.updateVisibleCountMessage()\n    this.updateScreenReaderCountMessage()\n  }\n\n  /**\n   * Update visible count message\n   *\n   * @private\n   */\n  updateVisibleCountMessage() {\n    const remainingNumber = this.maxLength - this.count(this.$textarea.value)\n    const isError = remainingNumber < 0\n\n    // If input is over the threshold, remove the disabled class which renders\n    // the counter invisible.\n    this.$visibleCountMessage.classList.toggle(\n      'govuk-character-count__message--disabled',\n      !this.isOverThreshold()\n    )\n\n    // Update styles\n    if (!this.$errorMessage) {\n      // Only toggle the textarea error class if there isn't an error message\n      // already, as it may be unrelated to the limit (eg: allowed characters)\n      // and would set the border colour back to black.\n      this.$textarea.classList.toggle('govuk-textarea--error', isError)\n    }\n    this.$visibleCountMessage.classList.toggle('govuk-error-message', isError)\n    this.$visibleCountMessage.classList.toggle('govuk-hint', !isError)\n\n    // Update message\n    this.$visibleCountMessage.textContent = this.getCountMessage()\n  }\n\n  /**\n   * Update screen reader count message\n   *\n   * @private\n   */\n  updateScreenReaderCountMessage() {\n    // If over the threshold, remove the aria-hidden attribute, allowing screen\n    // readers to announce the content of the element.\n    if (this.isOverThreshold()) {\n      this.$screenReaderCountMessage.removeAttribute('aria-hidden')\n    } else {\n      this.$screenReaderCountMessage.setAttribute('aria-hidden', 'true')\n    }\n\n    // Update message\n    this.$screenReaderCountMessage.textContent = this.getCountMessage()\n  }\n\n  /**\n   * Count the number of characters (or words, if `config.maxwords` is set)\n   * in the given text\n   *\n   * @private\n   * @param {string} text - The text to count the characters of\n   * @returns {number} the number of characters (or words) in the text\n   */\n  count(text) {\n    if (this.config.maxwords) {\n      const tokens = text.match(/\\S+/g) ?? [] // Matches consecutive non-whitespace chars\n      return tokens.length\n    }\n\n    return text.length\n  }\n\n  /**\n   * Get count message\n   *\n   * @private\n   * @returns {string} Status message\n   */\n  getCountMessage() {\n    const remainingNumber = this.maxLength - this.count(this.$textarea.value)\n    const countType = this.config.maxwords ? 'words' : 'characters'\n    return this.formatCountMessage(remainingNumber, countType)\n  }\n\n  /**\n   * Formats the message shown to users according to what's counted\n   * and how many remain\n   *\n   * @private\n   * @param {number} remainingNumber - The number of words/characaters remaining\n   * @param {string} countType - \"words\" or \"characters\"\n   * @returns {string} Status message\n   */\n  formatCountMessage(remainingNumber, countType) {\n    if (remainingNumber === 0) {\n      return this.i18n.t(`${countType}AtLimit`)\n    }\n\n    const translationKeySuffix =\n      remainingNumber < 0 ? 'OverLimit' : 'UnderLimit'\n\n    return this.i18n.t(`${countType}${translationKeySuffix}`, {\n      count: Math.abs(remainingNumber)\n    })\n  }\n\n  /**\n   * Check if count is over threshold\n   *\n   * Checks whether the value is over the configured threshold for the input.\n   * If there is no configured threshold, it is set to 0 and this function will\n   * always return true.\n   *\n   * @private\n   * @returns {boolean} true if the current count is over the config.threshold\n   *   (or no threshold is set)\n   */\n  isOverThreshold() {\n    // No threshold means we're always above threshold so save some computation\n    if (!this.config.threshold) {\n      return true\n    }\n\n    // Determine the remaining number of characters/words\n    const currentLength = this.count(this.$textarea.value)\n    const maxLength = this.maxLength\n\n    const thresholdValue = (maxLength * this.config.threshold) / 100\n\n    return thresholdValue <= currentLength\n  }\n\n  /**\n   * Name for the component used when initialising using data-module attributes.\n   */\n  static moduleName = 'govuk-character-count'\n\n  /**\n   * Character count default config\n   *\n   * @see {@link CharacterCountConfig}\n   * @constant\n   * @type {CharacterCountConfig}\n   */\n  static defaults = Object.freeze({\n    threshold: 0,\n    i18n: {\n      // Characters\n      charactersUnderLimit: {\n        one: 'You have %{count} character remaining',\n        other: 'You have %{count} characters remaining'\n      },\n      charactersAtLimit: 'You have 0 characters remaining',\n      charactersOverLimit: {\n        one: 'You have %{count} character too many',\n        other: 'You have %{count} characters too many'\n      },\n      // Words\n      wordsUnderLimit: {\n        one: 'You have %{count} word remaining',\n        other: 'You have %{count} words remaining'\n      },\n      wordsAtLimit: 'You have 0 words remaining',\n      wordsOverLimit: {\n        one: 'You have %{count} word too many',\n        other: 'You have %{count} words too many'\n      },\n      textareaDescription: {\n        other: ''\n      }\n    }\n  })\n\n  /**\n   * Character count config schema\n   *\n   * @constant\n   * @satisfies {Schema<CharacterCountConfig>}\n   */\n  static schema = Object.freeze({\n    properties: {\n      i18n: { type: 'object' },\n      maxwords: { type: 'number' },\n      maxlength: { type: 'number' },\n      threshold: { type: 'number' }\n    },\n    anyOf: [\n      {\n        required: ['maxwords'],\n        errorMessage: 'Either \"maxlength\" or \"maxwords\" must be provided'\n      },\n      {\n        required: ['maxlength'],\n        errorMessage: 'Either \"maxlength\" or \"maxwords\" must be provided'\n      }\n    ]\n  })\n}\n\n/**\n * Character count config\n *\n * @see {@link CharacterCount.defaults}\n * @typedef {object} CharacterCountConfig\n * @property {number} [maxlength] - The maximum number of characters.\n *   If maxwords is provided, the maxlength option will be ignored.\n * @property {number} [maxwords] - The maximum number of words. If maxwords is\n *   provided, the maxlength option will be ignored.\n * @property {number} [threshold=0] - The percentage value of the limit at\n *   which point the count message is displayed. If this attribute is set, the\n *   count message will be hidden by default.\n * @property {CharacterCountTranslations} [i18n=CharacterCount.defaults.i18n] - Character count translations\n */\n\n/**\n * Character count translations\n *\n * @see {@link CharacterCount.defaults.i18n}\n * @typedef {object} CharacterCountTranslations\n *\n * Messages shown to users as they type. It provides feedback on how many words\n * or characters they have remaining or if they are over the limit. This also\n * includes a message used as an accessible description for the textarea.\n * @property {TranslationPluralForms} [charactersUnderLimit] - Message displayed\n *   when the number of characters is under the configured maximum, `maxlength`.\n *   This message is displayed visually and through assistive technologies. The\n *   component will replace the `%{count}` placeholder with the number of\n *   remaining characters. This is a [pluralised list of\n *   messages](https://frontend.design-system.service.gov.uk/localise-govuk-frontend).\n * @property {string} [charactersAtLimit] - Message displayed when the number of\n *   characters reaches the configured maximum, `maxlength`. This message is\n *   displayed visually and through assistive technologies.\n * @property {TranslationPluralForms} [charactersOverLimit] - Message displayed\n *   when the number of characters is over the configured maximum, `maxlength`.\n *   This message is displayed visually and through assistive technologies. The\n *   component will replace the `%{count}` placeholder with the number of\n *   remaining characters. This is a [pluralised list of\n *   messages](https://frontend.design-system.service.gov.uk/localise-govuk-frontend).\n * @property {TranslationPluralForms} [wordsUnderLimit] - Message displayed when\n *   the number of words is under the configured maximum, `maxlength`. This\n *   message is displayed visually and through assistive technologies. The\n *   component will replace the `%{count}` placeholder with the number of\n *   remaining words. This is a [pluralised list of\n *   messages](https://frontend.design-system.service.gov.uk/localise-govuk-frontend).\n * @property {string} [wordsAtLimit] - Message displayed when the number of\n *   words reaches the configured maximum, `maxlength`. This message is\n *   displayed visually and through assistive technologies.\n * @property {TranslationPluralForms} [wordsOverLimit] - Message displayed when\n *   the number of words is over the configured maximum, `maxlength`. This\n *   message is displayed visually and through assistive technologies. The\n *   component will replace the `%{count}` placeholder with the number of\n *   remaining words. This is a [pluralised list of\n *   messages](https://frontend.design-system.service.gov.uk/localise-govuk-frontend).\n * @property {TranslationPluralForms} [textareaDescription] - Message made\n *   available to assistive technologies, if none is already present in the\n *   HTML, to describe that the component accepts only a limited amount of\n *   content. It is visible on the page when JavaScript is unavailable. The\n *   component will replace the `%{count}` placeholder with the value of the\n *   `maxlength` or `maxwords` parameter.\n */\n\n/**\n * @import { Schema } from '../../common/configuration.mjs'\n * @import { TranslationPluralForms } from '../../i18n.mjs'\n */\n"],"names":["CharacterCount","ConfigurableComponent","configOverride","datasetConfig","configOverrides","maxlength","undefined","maxwords","constructor","$root","config","_ref","_this$config$maxwords","$textarea","$visibleCountMessage","$screenReaderCountMessage","lastInputTimestamp","lastInputValue","valueChecker","i18n","maxLength","querySelector","HTMLTextAreaElement","HTMLInputElement","ElementError","component","element","expectedType","identifier","errors","validateConfig","schema","ConfigError","formatErrorMessage","I18n","locale","closestAttributeValue","Infinity","textareaDescriptionId","id","$textareaDescription","document","getElementById","$errorMessage","textContent","match","t","count","insertAdjacentElement","createElement","className","setAttribute","classList","add","removeAttribute","bindChangeEvents","window","addEventListener","updateCountMessage","handleKeyUp","handleFocus","handleBlur","updateVisibleCountMessage","Date","now","setInterval","updateIfValueChanged","clearInterval","value","updateScreenReaderCountMessage","remainingNumber","isError","toggle","isOverThreshold","getCountMessage","text","_text$match","tokens","length","countType","formatCountMessage","translationKeySuffix","Math","abs","threshold","currentLength","thresholdValue","moduleName","defaults","Object","freeze","charactersUnderLimit","one","other","charactersAtLimit","charactersOverLimit","wordsUnderLimit","wordsAtLimit","wordsOverLimit","textareaDescription","properties","type","anyOf","required","errorMessage"],"mappings":"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"}
\ No newline at end of file
diff --git a/node_modules/govuk-frontend/dist/govuk/components/character-count/fixtures.json b/node_modules/govuk-frontend/dist/govuk/components/character-count/fixtures.json
new file mode 100644
index 0000000..06e0390
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/character-count/fixtures.json
@@ -0,0 +1,463 @@
+{
+    "component": "character-count",
+    "fixtures": [
+        {
+            "name": "default",
+            "options": {
+                "name": "more-detail",
+                "maxlength": 10,
+                "label": {
+                    "text": "Can you provide more detail?"
+                }
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": {
+                "variants": [
+                    "default",
+                    "no-js"
+                ]
+            },
+            "html": "<div class=\"govuk-form-group govuk-character-count\" data-module=\"govuk-character-count\" data-maxlength=\"10\">\n  <label class=\"govuk-label\" for=\"more-detail\">\n    Can you provide more detail?\n  </label>\n  <textarea class=\"govuk-textarea govuk-js-character-count\" id=\"more-detail\" name=\"more-detail\" rows=\"5\" aria-describedby=\"more-detail-info\"></textarea>\n  <div id=\"more-detail-info\" class=\"govuk-hint govuk-character-count__message\">\n    You can enter up to 10 characters\n  </div>\n</div>"
+        },
+        {
+            "name": "with hint",
+            "options": {
+                "name": "with-hint",
+                "id": "with-hint",
+                "maxlength": 10,
+                "label": {
+                    "text": "Can you provide more detail?"
+                },
+                "hint": {
+                    "text": "Don't include personal or financial information, eg your National Insurance number or credit card details."
+                }
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-character-count\" data-module=\"govuk-character-count\" data-maxlength=\"10\">\n  <label class=\"govuk-label\" for=\"with-hint\">\n    Can you provide more detail?\n  </label>\n  <div id=\"with-hint-hint\" class=\"govuk-hint\">\n    Don&#39;t include personal or financial information, eg your National Insurance number or credit card details.\n  </div>\n  <textarea class=\"govuk-textarea govuk-js-character-count\" id=\"with-hint\" name=\"with-hint\" rows=\"5\" aria-describedby=\"with-hint-info with-hint-hint\"></textarea>\n  <div id=\"with-hint-info\" class=\"govuk-hint govuk-character-count__message\">\n    You can enter up to 10 characters\n  </div>\n</div>"
+        },
+        {
+            "name": "with hint and error",
+            "options": {
+                "name": "with-error",
+                "id": "with-error",
+                "maxlength": 10,
+                "label": {
+                    "text": "Can you provide more detail?"
+                },
+                "errorMessage": {
+                    "text": "Please provide more detail"
+                },
+                "hint": {
+                    "text": "Don't include personal or financial information, eg your National Insurance number or credit card details."
+                }
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-form-group--error govuk-character-count\" data-module=\"govuk-character-count\" data-maxlength=\"10\">\n  <label class=\"govuk-label\" for=\"with-error\">\n    Can you provide more detail?\n  </label>\n  <div id=\"with-error-hint\" class=\"govuk-hint\">\n    Don&#39;t include personal or financial information, eg your National Insurance number or credit card details.\n  </div>\n  <p id=\"with-error-error\" class=\"govuk-error-message\">\n    <span class=\"govuk-visually-hidden\">Error:</span> Please provide more detail\n  </p>\n  <textarea class=\"govuk-textarea govuk-textarea--error govuk-js-character-count\" id=\"with-error\" name=\"with-error\" rows=\"5\" aria-describedby=\"with-error-info with-error-hint with-error-error\"></textarea>\n  <div id=\"with-error-info\" class=\"govuk-hint govuk-character-count__message\">\n    You can enter up to 10 characters\n  </div>\n</div>"
+        },
+        {
+            "name": "with default value",
+            "options": {
+                "id": "with-default-value",
+                "name": "default-value",
+                "maxlength": 100,
+                "label": {
+                    "text": "Full address"
+                },
+                "value": "221B Baker Street\nLondon\nNW1 6XE\n"
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-character-count\" data-module=\"govuk-character-count\" data-maxlength=\"100\">\n  <label class=\"govuk-label\" for=\"with-default-value\">\n    Full address\n  </label>\n  <textarea class=\"govuk-textarea govuk-js-character-count\" id=\"with-default-value\" name=\"default-value\" rows=\"5\" aria-describedby=\"with-default-value-info\">221B Baker Street\nLondon\nNW1 6XE\n</textarea>\n  <div id=\"with-default-value-info\" class=\"govuk-hint govuk-character-count__message\">\n    You can enter up to 100 characters\n  </div>\n</div>"
+        },
+        {
+            "name": "with default value exceeding limit",
+            "options": {
+                "id": "exceeding-characters",
+                "name": "exceeding",
+                "maxlength": 10,
+                "value": "221B Baker Street\nLondon\nNW1 6XE\n",
+                "label": {
+                    "text": "Full address"
+                },
+                "errorMessage": {
+                    "text": "Please do not exceed the maximum allowed limit"
+                }
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-form-group--error govuk-character-count\" data-module=\"govuk-character-count\" data-maxlength=\"10\">\n  <label class=\"govuk-label\" for=\"exceeding-characters\">\n    Full address\n  </label>\n  <p id=\"exceeding-characters-error\" class=\"govuk-error-message\">\n    <span class=\"govuk-visually-hidden\">Error:</span> Please do not exceed the maximum allowed limit\n  </p>\n  <textarea class=\"govuk-textarea govuk-textarea--error govuk-js-character-count\" id=\"exceeding-characters\" name=\"exceeding\" rows=\"5\" aria-describedby=\"exceeding-characters-info exceeding-characters-error\">221B Baker Street\nLondon\nNW1 6XE\n</textarea>\n  <div id=\"exceeding-characters-info\" class=\"govuk-hint govuk-character-count__message\">\n    You can enter up to 10 characters\n  </div>\n</div>"
+        },
+        {
+            "name": "with custom rows",
+            "options": {
+                "id": "custom-rows",
+                "name": "custom",
+                "maxlength": 10,
+                "label": {
+                    "text": "Full address"
+                },
+                "rows": 8
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-character-count\" data-module=\"govuk-character-count\" data-maxlength=\"10\">\n  <label class=\"govuk-label\" for=\"custom-rows\">\n    Full address\n  </label>\n  <textarea class=\"govuk-textarea govuk-js-character-count\" id=\"custom-rows\" name=\"custom\" rows=\"8\" aria-describedby=\"custom-rows-info\"></textarea>\n  <div id=\"custom-rows-info\" class=\"govuk-hint govuk-character-count__message\">\n    You can enter up to 10 characters\n  </div>\n</div>"
+        },
+        {
+            "name": "with label as page heading",
+            "options": {
+                "id": "textarea-with-page-heading",
+                "name": "address",
+                "maxlength": 10,
+                "label": {
+                    "text": "Full address",
+                    "classes": "govuk-label--l",
+                    "isPageHeading": true
+                }
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-character-count\" data-module=\"govuk-character-count\" data-maxlength=\"10\">\n  <h1 class=\"govuk-label-wrapper\">\n    <label class=\"govuk-label govuk-label--l\" for=\"textarea-with-page-heading\">\n      Full address\n    </label>\n  </h1>\n  <textarea class=\"govuk-textarea govuk-js-character-count\" id=\"textarea-with-page-heading\" name=\"address\" rows=\"5\" aria-describedby=\"textarea-with-page-heading-info\"></textarea>\n  <div id=\"textarea-with-page-heading-info\" class=\"govuk-hint govuk-character-count__message\">\n    You can enter up to 10 characters\n  </div>\n</div>"
+        },
+        {
+            "name": "with word count",
+            "options": {
+                "id": "word-count",
+                "name": "word-count",
+                "maxwords": 10,
+                "label": {
+                    "text": "Full address"
+                }
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-character-count\" data-module=\"govuk-character-count\" data-maxwords=\"10\">\n  <label class=\"govuk-label\" for=\"word-count\">\n    Full address\n  </label>\n  <textarea class=\"govuk-textarea govuk-js-character-count\" id=\"word-count\" name=\"word-count\" rows=\"5\" aria-describedby=\"word-count-info\"></textarea>\n  <div id=\"word-count-info\" class=\"govuk-hint govuk-character-count__message\">\n    You can enter up to 10 words\n  </div>\n</div>"
+        },
+        {
+            "name": "with threshold",
+            "options": {
+                "id": "with-threshold",
+                "name": "with-threshold",
+                "maxlength": 10,
+                "threshold": 75,
+                "label": {
+                    "text": "Full address"
+                }
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-character-count\" data-module=\"govuk-character-count\" data-maxlength=\"10\" data-threshold=\"75\">\n  <label class=\"govuk-label\" for=\"with-threshold\">\n    Full address\n  </label>\n  <textarea class=\"govuk-textarea govuk-js-character-count\" id=\"with-threshold\" name=\"with-threshold\" rows=\"5\" aria-describedby=\"with-threshold-info\"></textarea>\n  <div id=\"with-threshold-info\" class=\"govuk-hint govuk-character-count__message\">\n    You can enter up to 10 characters\n  </div>\n</div>"
+        },
+        {
+            "name": "with custom textarea description",
+            "options": {
+                "name": "custom-textarea-description",
+                "id": "custom-textarea-description",
+                "maxlength": 10,
+                "label": {
+                    "text": "Can you provide more detail?"
+                },
+                "textareaDescriptionText": "Gallwch ddefnyddio hyd at %{count} nod"
+            },
+            "hidden": true,
+            "description": "with textarea description translated into Welsh.",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-character-count\" data-module=\"govuk-character-count\" data-maxlength=\"10\">\n  <label class=\"govuk-label\" for=\"custom-textarea-description\">\n    Can you provide more detail?\n  </label>\n  <textarea class=\"govuk-textarea govuk-js-character-count\" id=\"custom-textarea-description\" name=\"custom-textarea-description\" rows=\"5\" aria-describedby=\"custom-textarea-description-info\"></textarea>\n  <div id=\"custom-textarea-description-info\" class=\"govuk-hint govuk-character-count__message\">\n    Gallwch ddefnyddio hyd at 10 nod\n  </div>\n</div>"
+        },
+        {
+            "name": "classes",
+            "options": {
+                "id": "with-classes",
+                "name": "with-classes",
+                "maxlength": 10,
+                "label": {
+                    "text": "With classes"
+                },
+                "classes": "app-character-count--custom-modifier"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-character-count\" data-module=\"govuk-character-count\" data-maxlength=\"10\">\n  <label class=\"govuk-label\" for=\"with-classes\">\n    With classes\n  </label>\n  <textarea class=\"govuk-textarea govuk-js-character-count app-character-count--custom-modifier\" id=\"with-classes\" name=\"with-classes\" rows=\"5\" aria-describedby=\"with-classes-info\"></textarea>\n  <div id=\"with-classes-info\" class=\"govuk-hint govuk-character-count__message\">\n    You can enter up to 10 characters\n  </div>\n</div>"
+        },
+        {
+            "name": "id",
+            "options": {
+                "id": "character-count-id",
+                "name": "test-name",
+                "maxlength": 10,
+                "label": {
+                    "text": "With custom id"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-character-count\" data-module=\"govuk-character-count\" data-maxlength=\"10\">\n  <label class=\"govuk-label\" for=\"character-count-id\">\n    With custom id\n  </label>\n  <textarea class=\"govuk-textarea govuk-js-character-count\" id=\"character-count-id\" name=\"test-name\" rows=\"5\" aria-describedby=\"character-count-id-info\"></textarea>\n  <div id=\"character-count-id-info\" class=\"govuk-hint govuk-character-count__message\">\n    You can enter up to 10 characters\n  </div>\n</div>"
+        },
+        {
+            "name": "attributes",
+            "options": {
+                "id": "with-attributes",
+                "name": "with-attributes",
+                "maxlength": 10,
+                "label": {
+                    "text": "With attributes"
+                },
+                "attributes": {
+                    "data-attribute": "my data value"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-character-count\" data-module=\"govuk-character-count\" data-maxlength=\"10\">\n  <label class=\"govuk-label\" for=\"with-attributes\">\n    With attributes\n  </label>\n  <textarea class=\"govuk-textarea govuk-js-character-count\" id=\"with-attributes\" name=\"with-attributes\" rows=\"5\" aria-describedby=\"with-attributes-info\" data-attribute=\"my data value\"></textarea>\n  <div id=\"with-attributes-info\" class=\"govuk-hint govuk-character-count__message\">\n    You can enter up to 10 characters\n  </div>\n</div>"
+        },
+        {
+            "name": "formGroup with classes",
+            "options": {
+                "id": "with-formgroup",
+                "name": "with-formgroup",
+                "maxlength": 10,
+                "label": {
+                    "text": "With formgroup"
+                },
+                "formGroup": {
+                    "classes": "app-character-count--custom-modifier"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-character-count app-character-count--custom-modifier\" data-module=\"govuk-character-count\" data-maxlength=\"10\">\n  <label class=\"govuk-label\" for=\"with-formgroup\">\n    With formgroup\n  </label>\n  <textarea class=\"govuk-textarea govuk-js-character-count\" id=\"with-formgroup\" name=\"with-formgroup\" rows=\"5\" aria-describedby=\"with-formgroup-info\"></textarea>\n  <div id=\"with-formgroup-info\" class=\"govuk-hint govuk-character-count__message\">\n    You can enter up to 10 characters\n  </div>\n</div>"
+        },
+        {
+            "name": "custom classes on countMessage",
+            "options": {
+                "id": "with-custom-countmessage-class",
+                "name": "with-custom-countmessage-class",
+                "maxlength": 10,
+                "label": {
+                    "text": "With custom countMessage class"
+                },
+                "countMessage": {
+                    "classes": "app-custom-count-message"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-character-count\" data-module=\"govuk-character-count\" data-maxlength=\"10\">\n  <label class=\"govuk-label\" for=\"with-custom-countmessage-class\">\n    With custom countMessage class\n  </label>\n  <textarea class=\"govuk-textarea govuk-js-character-count\" id=\"with-custom-countmessage-class\" name=\"with-custom-countmessage-class\" rows=\"5\" aria-describedby=\"with-custom-countmessage-class-info\"></textarea>\n  <div id=\"with-custom-countmessage-class-info\" class=\"govuk-hint govuk-character-count__message app-custom-count-message\">\n    You can enter up to 10 characters\n  </div>\n</div>"
+        },
+        {
+            "name": "spellcheck enabled",
+            "options": {
+                "id": "with-spellcheck",
+                "name": "with-spellcheck",
+                "maxlength": 10,
+                "label": {
+                    "text": "With spellcheck"
+                },
+                "spellcheck": true
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-character-count\" data-module=\"govuk-character-count\" data-maxlength=\"10\">\n  <label class=\"govuk-label\" for=\"with-spellcheck\">\n    With spellcheck\n  </label>\n  <textarea class=\"govuk-textarea govuk-js-character-count\" id=\"with-spellcheck\" name=\"with-spellcheck\" rows=\"5\" spellcheck=\"true\" aria-describedby=\"with-spellcheck-info\"></textarea>\n  <div id=\"with-spellcheck-info\" class=\"govuk-hint govuk-character-count__message\">\n    You can enter up to 10 characters\n  </div>\n</div>"
+        },
+        {
+            "name": "spellcheck disabled",
+            "options": {
+                "id": "without-spellcheck",
+                "name": "without-spellcheck",
+                "maxlength": 10,
+                "label": {
+                    "text": "Without spellcheck"
+                },
+                "spellcheck": false
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-character-count\" data-module=\"govuk-character-count\" data-maxlength=\"10\">\n  <label class=\"govuk-label\" for=\"without-spellcheck\">\n    Without spellcheck\n  </label>\n  <textarea class=\"govuk-textarea govuk-js-character-count\" id=\"without-spellcheck\" name=\"without-spellcheck\" rows=\"5\" spellcheck=\"false\" aria-describedby=\"without-spellcheck-info\"></textarea>\n  <div id=\"without-spellcheck-info\" class=\"govuk-hint govuk-character-count__message\">\n    You can enter up to 10 characters\n  </div>\n</div>"
+        },
+        {
+            "name": "custom classes with error message",
+            "options": {
+                "id": "with-custom-error-class",
+                "name": "with-custom-error-class",
+                "maxlength": 10,
+                "label": {
+                    "text": "With custom error class"
+                },
+                "classes": "app-character-count--custom-modifier",
+                "errorMessage": {
+                    "text": "Error message"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-form-group--error govuk-character-count\" data-module=\"govuk-character-count\" data-maxlength=\"10\">\n  <label class=\"govuk-label\" for=\"with-custom-error-class\">\n    With custom error class\n  </label>\n  <p id=\"with-custom-error-class-error\" class=\"govuk-error-message\">\n    <span class=\"govuk-visually-hidden\">Error:</span> Error message\n  </p>\n  <textarea class=\"govuk-textarea govuk-textarea--error govuk-js-character-count app-character-count--custom-modifier\" id=\"with-custom-error-class\" name=\"with-custom-error-class\" rows=\"5\" aria-describedby=\"with-custom-error-class-info with-custom-error-class-error\"></textarea>\n  <div id=\"with-custom-error-class-info\" class=\"govuk-hint govuk-character-count__message\">\n    You can enter up to 10 characters\n  </div>\n</div>"
+        },
+        {
+            "name": "with id starting with number",
+            "options": {
+                "name": "more-detail",
+                "id": "1_more-detail",
+                "maxlength": 10,
+                "label": {
+                    "text": "Can you provide more detail?"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-character-count\" data-module=\"govuk-character-count\" data-maxlength=\"10\">\n  <label class=\"govuk-label\" for=\"1_more-detail\">\n    Can you provide more detail?\n  </label>\n  <textarea class=\"govuk-textarea govuk-js-character-count\" id=\"1_more-detail\" name=\"more-detail\" rows=\"5\" aria-describedby=\"1_more-detail-info\"></textarea>\n  <div id=\"1_more-detail-info\" class=\"govuk-hint govuk-character-count__message\">\n    You can enter up to 10 characters\n  </div>\n</div>"
+        },
+        {
+            "name": "with id with special characters",
+            "options": {
+                "id": "user1.profile[address]",
+                "name": "address",
+                "maxlength": 10,
+                "label": {
+                    "text": "Full address"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-character-count\" data-module=\"govuk-character-count\" data-maxlength=\"10\">\n  <label class=\"govuk-label\" for=\"user1.profile[address]\">\n    Full address\n  </label>\n  <textarea class=\"govuk-textarea govuk-js-character-count\" id=\"user1.profile[address]\" name=\"address\" rows=\"5\" aria-describedby=\"user1.profile[address]-info\"></textarea>\n  <div id=\"user1.profile[address]-info\" class=\"govuk-hint govuk-character-count__message\">\n    You can enter up to 10 characters\n  </div>\n</div>"
+        },
+        {
+            "name": "with textarea maxlength attribute",
+            "options": {
+                "id": "maxlength-should-be-removed",
+                "name": "address",
+                "maxlength": 10,
+                "attributes": {
+                    "maxlength": 10
+                },
+                "label": {
+                    "text": "Full address"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-character-count\" data-module=\"govuk-character-count\" data-maxlength=\"10\">\n  <label class=\"govuk-label\" for=\"maxlength-should-be-removed\">\n    Full address\n  </label>\n  <textarea class=\"govuk-textarea govuk-js-character-count\" id=\"maxlength-should-be-removed\" name=\"address\" rows=\"5\" aria-describedby=\"maxlength-should-be-removed-info\" maxlength=\"10\"></textarea>\n  <div id=\"maxlength-should-be-removed-info\" class=\"govuk-hint govuk-character-count__message\">\n    You can enter up to 10 characters\n  </div>\n</div>"
+        },
+        {
+            "name": "to configure in JavaScript",
+            "options": {
+                "id": "to-configure-in-javascript",
+                "name": "address",
+                "label": {
+                    "text": "Full address"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-character-count\" data-module=\"govuk-character-count\">\n  <label class=\"govuk-label\" for=\"to-configure-in-javascript\">\n    Full address\n  </label>\n  <textarea class=\"govuk-textarea govuk-js-character-count\" id=\"to-configure-in-javascript\" name=\"address\" rows=\"5\" aria-describedby=\"to-configure-in-javascript-info\"></textarea>\n  <div id=\"to-configure-in-javascript-info\" class=\"govuk-hint govuk-character-count__message\">\n    \n  </div>\n</div>"
+        },
+        {
+            "name": "when neither maxlength nor maxwords are set",
+            "options": {
+                "id": "no-maximum",
+                "name": "no-maximum",
+                "label": {
+                    "text": "Full address"
+                },
+                "textareaDescriptionText": "No more than %{count} characters"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-character-count\" data-module=\"govuk-character-count\" data-i18n.textarea-description.other=\"No more than %{count} characters\">\n  <label class=\"govuk-label\" for=\"no-maximum\">\n    Full address\n  </label>\n  <textarea class=\"govuk-textarea govuk-js-character-count\" id=\"no-maximum\" name=\"no-maximum\" rows=\"5\" aria-describedby=\"no-maximum-info\"></textarea>\n  <div id=\"no-maximum-info\" class=\"govuk-hint govuk-character-count__message\">\n    \n  </div>\n</div>"
+        },
+        {
+            "name": "when neither maxlength/maxwords nor textarea description are set",
+            "options": {
+                "id": "no-maximum",
+                "name": "no-maximum",
+                "label": {
+                    "text": "Full address"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-character-count\" data-module=\"govuk-character-count\">\n  <label class=\"govuk-label\" for=\"no-maximum\">\n    Full address\n  </label>\n  <textarea class=\"govuk-textarea govuk-js-character-count\" id=\"no-maximum\" name=\"no-maximum\" rows=\"5\" aria-describedby=\"no-maximum-info\"></textarea>\n  <div id=\"no-maximum-info\" class=\"govuk-hint govuk-character-count__message\">\n    \n  </div>\n</div>"
+        },
+        {
+            "name": "with translations",
+            "options": {
+                "id": "with-translations",
+                "name": "with-translations",
+                "maxlength": 10,
+                "label": {
+                    "text": "Full address"
+                },
+                "charactersUnderLimitText": {
+                    "other": "%{count} characters to go",
+                    "one": "One character to go"
+                },
+                "charactersAtLimitText": "Zero characters left",
+                "charactersOverLimitText": {
+                    "other": "%{count} characters too many",
+                    "one": "One character too many"
+                },
+                "wordsUnderLimitText": {
+                    "other": "%{count} words to go",
+                    "one": "One word to go"
+                },
+                "wordsAtLimitText": "Zero words left",
+                "wordsOverLimitText": {
+                    "other": "%{count} words too many",
+                    "one": "One word too many"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-character-count\" data-module=\"govuk-character-count\" data-maxlength=\"10\" data-i18n.characters-under-limit.other=\"%{count} characters to go\" data-i18n.characters-under-limit.one=\"One character to go\" data-i18n.characters-at-limit=\"Zero characters left\" data-i18n.characters-over-limit.other=\"%{count} characters too many\" data-i18n.characters-over-limit.one=\"One character too many\" data-i18n.words-under-limit.other=\"%{count} words to go\" data-i18n.words-under-limit.one=\"One word to go\" data-i18n.words-at-limit=\"Zero words left\" data-i18n.words-over-limit.other=\"%{count} words too many\" data-i18n.words-over-limit.one=\"One word too many\">\n  <label class=\"govuk-label\" for=\"with-translations\">\n    Full address\n  </label>\n  <textarea class=\"govuk-textarea govuk-js-character-count\" id=\"with-translations\" name=\"with-translations\" rows=\"5\" aria-describedby=\"with-translations-info\"></textarea>\n  <div id=\"with-translations-info\" class=\"govuk-hint govuk-character-count__message\">\n    You can enter up to 10 characters\n  </div>\n</div>"
+        }
+    ]
+}
diff --git a/node_modules/govuk-frontend/dist/govuk/components/character-count/macro-options.json b/node_modules/govuk-frontend/dist/govuk/components/character-count/macro-options.json
new file mode 100644
index 0000000..f671607
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/character-count/macro-options.json
@@ -0,0 +1,199 @@
+[
+    {
+        "name": "id",
+        "type": "string",
+        "required": false,
+        "description": "The ID of the textarea. Defaults to the value of `name`."
+    },
+    {
+        "name": "name",
+        "type": "string",
+        "required": true,
+        "description": "The name of the textarea, which is submitted with the form data."
+    },
+    {
+        "name": "rows",
+        "type": "string",
+        "required": false,
+        "description": "Optional number of textarea rows (default is 5 rows)."
+    },
+    {
+        "name": "value",
+        "type": "string",
+        "required": false,
+        "description": "Optional initial value of the textarea."
+    },
+    {
+        "name": "maxlength",
+        "type": "string",
+        "required": true,
+        "description": "If `maxwords` is set, this is not required. The maximum number of characters. If `maxwords` is provided, the `maxlength` option will be ignored."
+    },
+    {
+        "name": "maxwords",
+        "type": "string",
+        "required": true,
+        "description": "If `maxlength` is set, this is not required. The maximum number of words. If `maxwords` is provided, the `maxlength` option will be ignored."
+    },
+    {
+        "name": "threshold",
+        "type": "string",
+        "required": false,
+        "description": "The percentage value of the limit at which point the count message is displayed. If this attribute is set, the count message will be hidden by default."
+    },
+    {
+        "name": "label",
+        "type": "object",
+        "required": true,
+        "description": "The label used by the character count component.",
+        "isComponent": true
+    },
+    {
+        "name": "hint",
+        "type": "object",
+        "required": false,
+        "description": "Can be used to add a hint to the character count component.",
+        "isComponent": true
+    },
+    {
+        "name": "errorMessage",
+        "type": "object",
+        "required": false,
+        "description": "Can be used to add an error message to the character count component. The error message component will not display if you use a falsy value for `errorMessage`, for example `false` or `null`.",
+        "isComponent": true
+    },
+    {
+        "name": "formGroup",
+        "type": "object",
+        "required": false,
+        "description": "Additional options for the form group containing the character count component.",
+        "params": [
+            {
+                "name": "classes",
+                "type": "string",
+                "required": false,
+                "description": "Classes to add to the form group (for example to show error state for the whole group)."
+            },
+            {
+                "name": "attributes",
+                "type": "object",
+                "required": false,
+                "description": "HTML attributes (for example data attributes) to add to the form group."
+            },
+            {
+                "name": "beforeInput",
+                "type": "object",
+                "required": false,
+                "description": "Content to add before the textarea used by the character count component.",
+                "params": [
+                    {
+                        "name": "text",
+                        "type": "string",
+                        "required": true,
+                        "description": "Text to add before the textarea. If `html` is provided, the `text` option will be ignored."
+                    },
+                    {
+                        "name": "html",
+                        "type": "string",
+                        "required": true,
+                        "description": "HTML to add before the textarea. If `html` is provided, the `text` option will be ignored."
+                    }
+                ]
+            },
+            {
+                "name": "afterInput",
+                "type": "object",
+                "required": false,
+                "description": "Content to add after the textarea used by the character count component.",
+                "params": [
+                    {
+                        "name": "text",
+                        "type": "string",
+                        "required": true,
+                        "description": "Text to add after the textarea. If `html` is provided, the `text` option will be ignored."
+                    },
+                    {
+                        "name": "html",
+                        "type": "string",
+                        "required": true,
+                        "description": "HTML to add after the textarea. If `html` is provided, the `text` option will be ignored."
+                    }
+                ]
+            }
+        ]
+    },
+    {
+        "name": "classes",
+        "type": "string",
+        "required": false,
+        "description": "Classes to add to the textarea."
+    },
+    {
+        "name": "attributes",
+        "type": "object",
+        "required": false,
+        "description": "HTML attributes (for example data attributes) to add to the textarea."
+    },
+    {
+        "name": "spellcheck",
+        "type": "boolean",
+        "required": false,
+        "description": "Optional field to enable or disable the `spellcheck` attribute on the character count."
+    },
+    {
+        "name": "countMessage",
+        "type": "object",
+        "required": false,
+        "description": "Additional options for the count message used by the character count component.",
+        "params": [
+            {
+                "name": "classes",
+                "type": "string",
+                "required": false,
+                "description": "Classes to add to the count message."
+            }
+        ]
+    },
+    {
+        "name": "textareaDescriptionText",
+        "type": "string",
+        "required": false,
+        "description": "Message made available to assistive technologies to describe that the component accepts only a limited amount of content. It is visible on the page when JavaScript is unavailable. The component will replace the `%{count}` placeholder with the value of the `maxlength` or `maxwords` parameter."
+    },
+    {
+        "name": "charactersUnderLimitText",
+        "type": "object",
+        "required": false,
+        "description": "Message displayed when the number of characters is under the configured maximum, `maxlength`. This message is displayed visually and through assistive technologies. The component will replace the `%{count}` placeholder with the number of remaining characters. [Our pluralisation rules apply to this macro option](https://frontend.design-system.service.gov.uk/localise-govuk-frontend/#understanding-pluralisation-rules)."
+    },
+    {
+        "name": "charactersAtLimitText",
+        "type": "string",
+        "required": false,
+        "description": "Message displayed when the number of characters reaches the configured maximum, `maxlength`. This message is displayed visually and through assistive technologies."
+    },
+    {
+        "name": "charactersOverLimitText",
+        "type": "object",
+        "required": false,
+        "description": "Message displayed when the number of characters is over the configured maximum, `maxlength`. This message is displayed visually and through assistive technologies. The component will replace the `%{count}` placeholder with the number of characters above the maximum.[Our pluralisation rules apply to this macro option](https://frontend.design-system.service.gov.uk/localise-govuk-frontend/#understanding-pluralisation-rules)."
+    },
+    {
+        "name": "wordsUnderLimitText",
+        "type": "object",
+        "required": false,
+        "description": "Message displayed when the number of words is under the configured maximum, `maxwords`. This message is displayed visually and through assistive technologies. The component will replace the `%{count}` placeholder with the number of remaining words. [Our pluralisation rules apply to this macro option](https://frontend.design-system.service.gov.uk/localise-govuk-frontend/#understanding-pluralisation-rules)."
+    },
+    {
+        "name": "wordsAtLimitText",
+        "type": "string",
+        "required": false,
+        "description": "Message displayed when the number of words reaches the configured maximum, `maxwords`. This message is displayed visually and through assistive technologies."
+    },
+    {
+        "name": "wordsOverLimitText",
+        "type": "object",
+        "required": false,
+        "description": "Message displayed when the number of words is over the configured maximum, `maxwords`. This message is displayed visually and through assistive technologies. The component will replace the `%{count}` placeholder with the number of characters above the maximum. [Our pluralisation rules apply to this macro option](https://frontend.design-system.service.gov.uk/localise-govuk-frontend/#understanding-pluralisation-rules)."
+    }
+]
diff --git a/node_modules/govuk-frontend/dist/govuk/components/character-count/macro.njk b/node_modules/govuk-frontend/dist/govuk/components/character-count/macro.njk
new file mode 100644
index 0000000..b845572
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/character-count/macro.njk
@@ -0,0 +1,3 @@
+{% macro govukCharacterCount(params) %}
+  {%- include "./template.njk" -%}
+{% endmacro %}
diff --git a/node_modules/govuk-frontend/dist/govuk/components/character-count/template-default.html b/node_modules/govuk-frontend/dist/govuk/components/character-count/template-default.html
new file mode 100644
index 0000000..cce9f4a
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/character-count/template-default.html
@@ -0,0 +1,9 @@
+<div class="govuk-form-group govuk-character-count" data-module="govuk-character-count" data-maxlength="10">
+  <label class="govuk-label" for="more-detail">
+    Can you provide more detail?
+  </label>
+  <textarea class="govuk-textarea govuk-js-character-count" id="more-detail" name="more-detail" rows="5" aria-describedby="more-detail-info"></textarea>
+  <div id="more-detail-info" class="govuk-hint govuk-character-count__message">
+    You can enter up to 10 characters
+  </div>
+</div>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/character-count/template-with-custom-rows.html b/node_modules/govuk-frontend/dist/govuk/components/character-count/template-with-custom-rows.html
new file mode 100644
index 0000000..ff6ded7
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/character-count/template-with-custom-rows.html
@@ -0,0 +1,9 @@
+<div class="govuk-form-group govuk-character-count" data-module="govuk-character-count" data-maxlength="10">
+  <label class="govuk-label" for="custom-rows">
+    Full address
+  </label>
+  <textarea class="govuk-textarea govuk-js-character-count" id="custom-rows" name="custom" rows="8" aria-describedby="custom-rows-info"></textarea>
+  <div id="custom-rows-info" class="govuk-hint govuk-character-count__message">
+    You can enter up to 10 characters
+  </div>
+</div>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/character-count/template-with-default-value-exceeding-limit.html b/node_modules/govuk-frontend/dist/govuk/components/character-count/template-with-default-value-exceeding-limit.html
new file mode 100644
index 0000000..20d4125
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/character-count/template-with-default-value-exceeding-limit.html
@@ -0,0 +1,15 @@
+<div class="govuk-form-group govuk-form-group--error govuk-character-count" data-module="govuk-character-count" data-maxlength="10">
+  <label class="govuk-label" for="exceeding-characters">
+    Full address
+  </label>
+  <p id="exceeding-characters-error" class="govuk-error-message">
+    <span class="govuk-visually-hidden">Error:</span> Please do not exceed the maximum allowed limit
+  </p>
+  <textarea class="govuk-textarea govuk-textarea--error govuk-js-character-count" id="exceeding-characters" name="exceeding" rows="5" aria-describedby="exceeding-characters-info exceeding-characters-error">221B Baker Street
+London
+NW1 6XE
+</textarea>
+  <div id="exceeding-characters-info" class="govuk-hint govuk-character-count__message">
+    You can enter up to 10 characters
+  </div>
+</div>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/character-count/template-with-default-value.html b/node_modules/govuk-frontend/dist/govuk/components/character-count/template-with-default-value.html
new file mode 100644
index 0000000..db188e6
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/character-count/template-with-default-value.html
@@ -0,0 +1,12 @@
+<div class="govuk-form-group govuk-character-count" data-module="govuk-character-count" data-maxlength="100">
+  <label class="govuk-label" for="with-default-value">
+    Full address
+  </label>
+  <textarea class="govuk-textarea govuk-js-character-count" id="with-default-value" name="default-value" rows="5" aria-describedby="with-default-value-info">221B Baker Street
+London
+NW1 6XE
+</textarea>
+  <div id="with-default-value-info" class="govuk-hint govuk-character-count__message">
+    You can enter up to 100 characters
+  </div>
+</div>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/character-count/template-with-hint-and-error.html b/node_modules/govuk-frontend/dist/govuk/components/character-count/template-with-hint-and-error.html
new file mode 100644
index 0000000..301f934
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/character-count/template-with-hint-and-error.html
@@ -0,0 +1,15 @@
+<div class="govuk-form-group govuk-form-group--error govuk-character-count" data-module="govuk-character-count" data-maxlength="10">
+  <label class="govuk-label" for="with-error">
+    Can you provide more detail?
+  </label>
+  <div id="with-error-hint" class="govuk-hint">
+    Don&#39;t include personal or financial information, eg your National Insurance number or credit card details.
+  </div>
+  <p id="with-error-error" class="govuk-error-message">
+    <span class="govuk-visually-hidden">Error:</span> Please provide more detail
+  </p>
+  <textarea class="govuk-textarea govuk-textarea--error govuk-js-character-count" id="with-error" name="with-error" rows="5" aria-describedby="with-error-info with-error-hint with-error-error"></textarea>
+  <div id="with-error-info" class="govuk-hint govuk-character-count__message">
+    You can enter up to 10 characters
+  </div>
+</div>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/character-count/template-with-hint.html b/node_modules/govuk-frontend/dist/govuk/components/character-count/template-with-hint.html
new file mode 100644
index 0000000..00aa1ed
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/character-count/template-with-hint.html
@@ -0,0 +1,12 @@
+<div class="govuk-form-group govuk-character-count" data-module="govuk-character-count" data-maxlength="10">
+  <label class="govuk-label" for="with-hint">
+    Can you provide more detail?
+  </label>
+  <div id="with-hint-hint" class="govuk-hint">
+    Don&#39;t include personal or financial information, eg your National Insurance number or credit card details.
+  </div>
+  <textarea class="govuk-textarea govuk-js-character-count" id="with-hint" name="with-hint" rows="5" aria-describedby="with-hint-info with-hint-hint"></textarea>
+  <div id="with-hint-info" class="govuk-hint govuk-character-count__message">
+    You can enter up to 10 characters
+  </div>
+</div>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/character-count/template-with-label-as-page-heading.html b/node_modules/govuk-frontend/dist/govuk/components/character-count/template-with-label-as-page-heading.html
new file mode 100644
index 0000000..c28b7f8
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/character-count/template-with-label-as-page-heading.html
@@ -0,0 +1,11 @@
+<div class="govuk-form-group govuk-character-count" data-module="govuk-character-count" data-maxlength="10">
+  <h1 class="govuk-label-wrapper">
+    <label class="govuk-label govuk-label--l" for="textarea-with-page-heading">
+      Full address
+    </label>
+  </h1>
+  <textarea class="govuk-textarea govuk-js-character-count" id="textarea-with-page-heading" name="address" rows="5" aria-describedby="textarea-with-page-heading-info"></textarea>
+  <div id="textarea-with-page-heading-info" class="govuk-hint govuk-character-count__message">
+    You can enter up to 10 characters
+  </div>
+</div>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/character-count/template-with-threshold.html b/node_modules/govuk-frontend/dist/govuk/components/character-count/template-with-threshold.html
new file mode 100644
index 0000000..9b10f56
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/character-count/template-with-threshold.html
@@ -0,0 +1,9 @@
+<div class="govuk-form-group govuk-character-count" data-module="govuk-character-count" data-maxlength="10" data-threshold="75">
+  <label class="govuk-label" for="with-threshold">
+    Full address
+  </label>
+  <textarea class="govuk-textarea govuk-js-character-count" id="with-threshold" name="with-threshold" rows="5" aria-describedby="with-threshold-info"></textarea>
+  <div id="with-threshold-info" class="govuk-hint govuk-character-count__message">
+    You can enter up to 10 characters
+  </div>
+</div>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/character-count/template-with-word-count.html b/node_modules/govuk-frontend/dist/govuk/components/character-count/template-with-word-count.html
new file mode 100644
index 0000000..ec95cc6
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/character-count/template-with-word-count.html
@@ -0,0 +1,9 @@
+<div class="govuk-form-group govuk-character-count" data-module="govuk-character-count" data-maxwords="10">
+  <label class="govuk-label" for="word-count">
+    Full address
+  </label>
+  <textarea class="govuk-textarea govuk-js-character-count" id="word-count" name="word-count" rows="5" aria-describedby="word-count-info"></textarea>
+  <div id="word-count-info" class="govuk-hint govuk-character-count__message">
+    You can enter up to 10 words
+  </div>
+</div>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/character-count/template.njk b/node_modules/govuk-frontend/dist/govuk/components/character-count/template.njk
new file mode 100644
index 0000000..bf524ba
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/character-count/template.njk
@@ -0,0 +1,121 @@
+{% from "../../macros/attributes.njk" import govukAttributes %}
+{% from "../../macros/i18n.njk" import govukI18nAttributes %}
+{% from "../textarea/macro.njk" import govukTextarea %}
+{% from "../hint/macro.njk" import govukHint %}
+
+{#-
+  If the limit is set in JavaScript, we won't be able to interpolate the message
+  until JavaScript, so we only set a text if the `maxlength` or `maxwords` options
+  were provided to the macro.
+#}
+{%- set hasNoLimit = (not params.maxwords and not params.maxlength) -%}
+{%- set textareaDescriptionLength = params.maxwords or params.maxlength -%}
+{%- set textareaDescriptionText = params.textareaDescriptionText or 'You can enter up to %{count} ' + ('words' if params.maxwords else 'characters') -%}
+{%- set textareaDescriptionTextNoLimit = textareaDescriptionText | replace('%{count}', textareaDescriptionLength) if not hasNoLimit -%}
+{%- set id = params.id if params.id else params.name -%}
+
+{%- set countMessageHtml %}
+{{ govukHint({
+  text: textareaDescriptionTextNoLimit,
+  id: id + '-info',
+  classes: 'govuk-character-count__message' + (' ' + params.countMessage.classes if params.countMessage.classes)
+}) | trim }}
+{% if params.formGroup.afterInput %}
+  {{- params.formGroup.afterInput.html | safe | trim if params.formGroup.afterInput.html else params.formGroup.afterInput.text }}
+{% endif -%}
+{% endset -%}
+
+{%- set attributesHtml %}
+  {{- govukAttributes({
+    "data-module": "govuk-character-count",
+    "data-maxlength": {
+      value: params.maxlength,
+      optional: true
+    },
+    "data-threshold": {
+      value: params.threshold,
+      optional: true
+    },
+    "data-maxwords": {
+      value: params.maxwords,
+      optional: true
+    }
+  }) -}}
+
+  {#-
+    Without maxlength or maxwords, we can't guess if the component will count words or characters.
+    We can't guess a default textarea description to be interpolated in JavaScript
+    once the maximum gets configured there.
+    So we only add the attribute if a textarea description was explicitely provided.
+  #}
+  {%- if hasNoLimit and params.textareaDescriptionText %}
+    {{- govukI18nAttributes({
+      key: 'textarea-description',
+      messages: { other: params.textareaDescriptionText }
+    }) -}}
+  {% endif -%}
+
+  {{- govukI18nAttributes({
+    key: 'characters-under-limit',
+    messages: params.charactersUnderLimitText
+  }) -}}
+
+  {{- govukI18nAttributes({
+    key: 'characters-at-limit',
+    message: params.charactersAtLimitText
+  }) -}}
+
+  {{- govukI18nAttributes({
+    key: 'characters-over-limit',
+    messages: params.charactersOverLimitText
+  }) -}}
+
+  {{- govukI18nAttributes({
+    key: 'words-under-limit',
+    messages: params.wordsUnderLimitText
+  }) -}}
+
+  {{- govukI18nAttributes({
+    key: 'words-at-limit',
+    message: params.wordsAtLimitText
+  }) -}}
+
+  {{- govukI18nAttributes({
+    key: 'words-over-limit',
+    messages: params.wordsOverLimitText
+  }) -}}
+{% endset -%}
+
+{#- Append form group attributes onto attributes set above #}
+{%- for name, value in params.formGroup.attributes %}
+  {% set attributesHtml = attributesHtml + " " + name | escape + '="' + value | escape + '"' %}
+{% endfor -%}
+
+{{ govukTextarea({
+  id: id,
+  name: params.name,
+  describedBy: id + '-info',
+  rows: params.rows,
+  spellcheck: params.spellcheck,
+  value: params.value,
+  formGroup: {
+    classes: 'govuk-character-count' + (' ' + params.formGroup.classes if params.formGroup.classes),
+    attributes: attributesHtml,
+    beforeInput: params.formGroup.beforeInput,
+    afterInput: {
+      html: countMessageHtml
+    }
+  },
+  classes: 'govuk-js-character-count' + (' ' + params.classes if params.classes),
+  label: {
+    html: params.label.html,
+    text: params.label.text,
+    classes: params.label.classes,
+    isPageHeading: params.label.isPageHeading,
+    attributes: params.label.attributes,
+    for: id
+  },
+  hint: params.hint,
+  errorMessage: params.errorMessage,
+  attributes: params.attributes
+}) | trim }}
diff --git a/node_modules/govuk-frontend/dist/govuk/components/checkboxes/README.md b/node_modules/govuk-frontend/dist/govuk/components/checkboxes/README.md
new file mode 100644
index 0000000..9d8c12c
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/checkboxes/README.md
@@ -0,0 +1,15 @@
+# Checkboxes
+
+## Installation
+
+See the [main README quick start guide](https://github.com/alphagov/govuk-frontend#quick-start) for how to install this component.
+
+## Guidance and Examples
+
+Find out when to use the checkboxes component in your service in the [GOV.UK Design System](https://design-system.service.gov.uk/components/checkboxes).
+
+## Component options
+
+Use options to customise the appearance, content and behaviour of a component when using a macro, for example, changing the text.
+
+See [options table](https://design-system.service.gov.uk/components/checkboxes/#options-checkboxes-example) for details.
diff --git a/node_modules/govuk-frontend/dist/govuk/components/checkboxes/_checkboxes.scss b/node_modules/govuk-frontend/dist/govuk/components/checkboxes/_checkboxes.scss
new file mode 100644
index 0000000..a9b352d
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/checkboxes/_checkboxes.scss
@@ -0,0 +1,4 @@
+@import "../../base";
+@import "./index";
+
+/*# sourceMappingURL=_checkboxes.scss.map */
diff --git a/node_modules/govuk-frontend/dist/govuk/components/checkboxes/_checkboxes.scss.map b/node_modules/govuk-frontend/dist/govuk/components/checkboxes/_checkboxes.scss.map
new file mode 100644
index 0000000..5fb0327
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/checkboxes/_checkboxes.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/checkboxes/_checkboxes.scss"],"names":[],"mappings":"AAAA,oBAAoB;AACpB,iBAAiB","file":"_checkboxes.scss","sourcesContent":["@import \"../../base\";\n@import \"./index\";\n"]}
diff --git a/node_modules/govuk-frontend/dist/govuk/components/checkboxes/_index.scss b/node_modules/govuk-frontend/dist/govuk/components/checkboxes/_index.scss
new file mode 100644
index 0000000..9d380ad
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/checkboxes/_index.scss
@@ -0,0 +1,311 @@
+@import "../error-message/index";
+@import "../fieldset/index";
+@import "../hint/index";
+@import "../label/index";
+
+@include govuk-exports("govuk/component/checkboxes") {
+  $govuk-touch-target-gutter: 4px;
+  $govuk-checkboxes-size: 40px;
+  $govuk-touch-target-size: ($govuk-checkboxes-size + $govuk-touch-target-gutter);
+  $govuk-small-checkboxes-size: 24px;
+  $govuk-checkboxes-label-padding-left-right: govuk-spacing(3);
+  $govuk-checkbox-check-horizontal-position: 10px;
+
+  .govuk-checkboxes__item {
+    display: flex;
+    flex-wrap: wrap;
+    position: relative;
+    margin-bottom: govuk-spacing(2);
+  }
+
+  .govuk-checkboxes__item:last-child,
+  .govuk-checkboxes__item:last-of-type {
+    margin-bottom: 0;
+  }
+
+  .govuk-checkboxes__input {
+    // Allow the input to sit above the label, enabling its proper detection
+    // when exploring by touch or using automation tools like Selenium
+    z-index: 1;
+    width: $govuk-touch-target-size;
+    height: $govuk-touch-target-size;
+    margin: 0;
+    opacity: 0;
+    cursor: pointer;
+  }
+
+  .govuk-checkboxes__label {
+    align-self: center;
+
+    // Ensure that the width of the label is never more than the width of the
+    // container minus the input width minus the padding on either side of
+    // the label. This prevents the label from going onto the next line due to
+    // __item using flex-wrap because we want hints on a separate line.
+    max-width: calc(100% - #{(($govuk-checkboxes-label-padding-left-right * 2) + $govuk-touch-target-size)});
+    margin-bottom: 0;
+    padding: (govuk-spacing(1) + $govuk-border-width-form-element) govuk-spacing(3);
+    cursor: pointer;
+    // remove 300ms pause on mobile
+    touch-action: manipulation;
+  }
+
+  // [ ] Check box
+  .govuk-checkboxes__label::before {
+    content: "";
+    box-sizing: border-box;
+    position: absolute;
+    top: ($govuk-touch-target-gutter / 2);
+    left: ($govuk-touch-target-gutter / 2);
+    width: $govuk-checkboxes-size;
+    height: $govuk-checkboxes-size;
+    border: $govuk-border-width-form-element solid currentcolor;
+    background: transparent;
+  }
+
+  // ✔ Check mark
+  //
+  // The check mark is a box with a border on the left and bottom side (└──),
+  // rotated 45 degrees
+  .govuk-checkboxes__label::after {
+    content: "";
+    box-sizing: border-box;
+    position: absolute;
+
+    // Use "magic numbers" to define shape and position of check mark because
+    // the complexity of the shape makes it difficult to calculate dynamically.
+    top: 13px;
+    left: $govuk-checkbox-check-horizontal-position;
+    width: 23px;
+    height: 12px;
+    transform: rotate(-45deg);
+    border: solid;
+    border-width: 0 0 5px 5px;
+    // Fix bug in IE11 caused by transform rotate (-45deg).
+    // See: alphagov/govuk_elements/issues/518
+    border-top-color: transparent;
+    opacity: 0;
+    background: transparent;
+  }
+
+  .govuk-checkboxes__hint {
+    display: block;
+    width: 100%;
+    margin-top: govuk-spacing(-1);
+    padding-right: $govuk-checkboxes-label-padding-left-right;
+    padding-left: ($govuk-checkboxes-label-padding-left-right + $govuk-touch-target-size);
+  }
+
+  // This is to bypass govuk-hint's specificity on hints following labels having
+  // a margin bottom of 10px (govuk-spacing(2)). Because checkboxes are flexbox,
+  // the margin doesn't collapse so we have to do this manually.
+  .govuk-label:not(.govuk-label--m):not(.govuk-label--l):not(.govuk-label--xl) + .govuk-checkboxes__hint {
+    margin-bottom: 0;
+  }
+
+  // Focused state
+  .govuk-checkboxes__input:focus + .govuk-checkboxes__label::before {
+    border-width: 4px;
+
+    // When colours are overridden, the yellow box-shadow becomes invisible
+    // which means the focus state is less obvious. By adding a transparent
+    // outline, which becomes solid (text-coloured) in that context, we ensure
+    // the focus remains clearly visible.
+    outline: $govuk-focus-width solid transparent;
+    outline-offset: 1px;
+
+    // When in an explicit forced-color mode, we can use the Highlight system
+    // color for the outline to better match focus states of native controls
+    @media screen and (forced-colors: active), (-ms-high-contrast: active) {
+      outline-color: Highlight;
+    }
+
+    box-shadow: 0 0 0 $govuk-focus-width $govuk-focus-colour;
+  }
+
+  // Selected state
+  .govuk-checkboxes__input:checked + .govuk-checkboxes__label::after {
+    opacity: 1;
+  }
+
+  // Disabled state
+  .govuk-checkboxes__input:disabled,
+  .govuk-checkboxes__input:disabled + .govuk-checkboxes__label {
+    cursor: not-allowed;
+  }
+
+  .govuk-checkboxes__input:disabled + .govuk-checkboxes__label,
+  .govuk-checkboxes__input:disabled ~ .govuk-hint {
+    opacity: 0.5;
+  }
+
+  // =========================================================
+  // Dividers ('or')
+  // =========================================================
+
+  .govuk-checkboxes__divider {
+    @include govuk-font($size: 19);
+    @include govuk-text-colour;
+    $govuk-divider-size: $govuk-checkboxes-size !default;
+    width: $govuk-divider-size;
+    margin-bottom: govuk-spacing(2);
+    text-align: center;
+  }
+
+  // =========================================================
+  // Conditional reveals
+  // =========================================================
+
+  // The narrow border is used in the conditional reveals because the border has
+  // to be an even number in order to be centred under the 40px checkbox or radio.
+  $conditional-border-width: $govuk-border-width-narrow;
+  // Calculate the amount of padding needed to keep the border centered against the checkbox.
+  $conditional-border-padding: ($govuk-touch-target-size / 2) - ($conditional-border-width / 2);
+  // Move the border centered with the checkbox
+  $conditional-margin-left: $conditional-border-padding;
+  // Move the contents of the conditional inline with the label
+  $conditional-padding-left: $conditional-border-padding + $govuk-checkboxes-label-padding-left-right;
+
+  .govuk-checkboxes__conditional {
+    @include govuk-responsive-margin(4, "bottom");
+    margin-left: $conditional-margin-left;
+    padding-left: $conditional-padding-left;
+    border-left: $conditional-border-width solid $govuk-border-colour;
+
+    .govuk-frontend-supported &--hidden {
+      display: none;
+    }
+
+    & > :last-child {
+      margin-bottom: 0;
+    }
+  }
+
+  // =========================================================
+  // Small checkboxes
+  // =========================================================
+
+  .govuk-checkboxes--small {
+    $input-offset: ($govuk-touch-target-size - $govuk-small-checkboxes-size) / 2;
+
+    .govuk-checkboxes__item {
+      margin-bottom: 0;
+    }
+
+    // Shift the touch target into the left margin so that the visible edge of
+    // the control is aligned
+    //
+    //   ┆What colours do you like?
+    //  ┌┆───┐
+    //  │┆[] │ Purple
+    //  └┆▲──┘
+    //  ▲┆└─ Check box pseudo element, aligned with margin
+    //  └─── Touch target (invisible input), shifted into the margin
+    .govuk-checkboxes__input {
+      margin-left: $input-offset * -1;
+    }
+
+    .govuk-checkboxes__label {
+      // Create a tiny space between the small checkbox hover state so that it
+      // doesn't clash with the label
+      padding-left: 1px;
+    }
+
+    // [ ] Check box
+    //
+    // Reduce the size of the check box [1], vertically center it within the
+    // touch target [2]
+    // Left here is 0 because we've shifted the input into the left margin
+    .govuk-checkboxes__label::before {
+      top: $input-offset; // 2
+      left: 0;
+      width: $govuk-small-checkboxes-size; // 1
+      height: $govuk-small-checkboxes-size; // 1
+    }
+
+    // ✔ Check mark
+    //
+    // Reduce the size of the check mark and re-align within the checkbox
+    .govuk-checkboxes__label::after {
+      top: 17px;
+
+      // Horizontal position is just the normal sized left value accounting for
+      // the new width of the smaller checkbox
+      left: (16px - $govuk-checkbox-check-horizontal-position);
+      width: 12px;
+      height: 6.5px;
+      border-width: 0 0 3px 3px;
+    }
+
+    // Fix position of hint with small checkboxes
+    //
+    // Do not use hints with small checkboxes – because they're within the input
+    // wrapper they trigger the hover state, but clicking them doesn't actually
+    // activate the control.
+    //
+    // (If you do use them, they won't look completely broken... but seriously,
+    // don't use them)
+    .govuk-checkboxes__hint {
+      padding-left: ($govuk-small-checkboxes-size + $input-offset);
+    }
+
+    // Align conditional reveals with small checkboxes
+    .govuk-checkboxes__conditional {
+      $margin-left: ($govuk-small-checkboxes-size / 2) - ($conditional-border-width / 2);
+      margin-left: $margin-left;
+      padding-left: ($govuk-touch-target-size - $input-offset) - ($margin-left + $conditional-border-width);
+    }
+
+    .govuk-checkboxes__divider {
+      width: $govuk-small-checkboxes-size;
+      margin-bottom: govuk-spacing(1);
+    }
+
+    // Hover state for small checkboxes.
+    //
+    // We use a hover state for small checkboxes because the touch target size
+    // is so much larger than their visible size, and so we need to provide
+    // feedback to the user as to which checkbox they will select when their
+    // cursor is outside of the visible area.
+    .govuk-checkboxes__item:hover .govuk-checkboxes__input:not(:disabled) + .govuk-checkboxes__label::before {
+      // Forced colours modes tend to ignore box-shadow.
+      // Apply an outline for those modes to use instead.
+      outline: $govuk-focus-width dashed transparent;
+      outline-offset: 1px;
+      box-shadow: 0 0 0 $govuk-hover-width $govuk-hover-colour;
+    }
+
+    // Because we've overridden the border-shadow provided by the focus state,
+    // we need to redefine that too.
+    //
+    // We use two box shadows, one that restores the original focus state [1]
+    // and another that then applies the hover state [2].
+    .govuk-checkboxes__item:hover .govuk-checkboxes__input:focus + .govuk-checkboxes__label::before {
+      // Set different HCM colour when we have both hover/focus applied at once
+      @media screen and (forced-colors: active), (-ms-high-contrast: active) {
+        outline-color: Highlight;
+      }
+      // prettier-ignore
+      box-shadow:
+        0 0 0 $govuk-focus-width $govuk-focus-colour, // 1
+        0 0 0 $govuk-hover-width $govuk-hover-colour; // 2
+    }
+
+    // For devices that explicitly don't support hover, don't provide a hover
+    // state (e.g. on touch devices like iOS).
+    //
+    // We can't use `@media (hover: hover)` because we wouldn't get the hover
+    // state in browsers that don't support `@media (hover)` (like Internet
+    // Explorer) – so we have to 'undo' the hover state instead.
+    @media (hover: none), (pointer: coarse) {
+      .govuk-checkboxes__item:hover .govuk-checkboxes__input:not(:disabled) + .govuk-checkboxes__label::before {
+        box-shadow: initial;
+      }
+
+      .govuk-checkboxes__item:hover .govuk-checkboxes__input:focus + .govuk-checkboxes__label::before {
+        box-shadow: 0 0 0 $govuk-focus-width $govuk-focus-colour;
+      }
+    }
+  }
+}
+
+/*# sourceMappingURL=_index.scss.map */
diff --git a/node_modules/govuk-frontend/dist/govuk/components/checkboxes/_index.scss.map b/node_modules/govuk-frontend/dist/govuk/components/checkboxes/_index.scss.map
new file mode 100644
index 0000000..54af135
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/checkboxes/_index.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/checkboxes/_index.scss"],"names":[],"mappings":"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","file":"_index.scss","sourcesContent":["@import \"../error-message/index\";\n@import \"../fieldset/index\";\n@import \"../hint/index\";\n@import \"../label/index\";\n\n@include govuk-exports(\"govuk/component/checkboxes\") {\n  $govuk-touch-target-gutter: 4px;\n  $govuk-checkboxes-size: 40px;\n  $govuk-touch-target-size: ($govuk-checkboxes-size + $govuk-touch-target-gutter);\n  $govuk-small-checkboxes-size: 24px;\n  $govuk-checkboxes-label-padding-left-right: govuk-spacing(3);\n  $govuk-checkbox-check-horizontal-position: 10px;\n\n  .govuk-checkboxes__item {\n    display: flex;\n    flex-wrap: wrap;\n    position: relative;\n    margin-bottom: govuk-spacing(2);\n  }\n\n  .govuk-checkboxes__item:last-child,\n  .govuk-checkboxes__item:last-of-type {\n    margin-bottom: 0;\n  }\n\n  .govuk-checkboxes__input {\n    // Allow the input to sit above the label, enabling its proper detection\n    // when exploring by touch or using automation tools like Selenium\n    z-index: 1;\n    width: $govuk-touch-target-size;\n    height: $govuk-touch-target-size;\n    margin: 0;\n    opacity: 0;\n    cursor: pointer;\n  }\n\n  .govuk-checkboxes__label {\n    align-self: center;\n\n    // Ensure that the width of the label is never more than the width of the\n    // container minus the input width minus the padding on either side of\n    // the label. This prevents the label from going onto the next line due to\n    // __item using flex-wrap because we want hints on a separate line.\n    max-width: calc(100% - #{(($govuk-checkboxes-label-padding-left-right * 2) + $govuk-touch-target-size)});\n    margin-bottom: 0;\n    padding: (govuk-spacing(1) + $govuk-border-width-form-element) govuk-spacing(3);\n    cursor: pointer;\n    // remove 300ms pause on mobile\n    touch-action: manipulation;\n  }\n\n  // [ ] Check box\n  .govuk-checkboxes__label::before {\n    content: \"\";\n    box-sizing: border-box;\n    position: absolute;\n    top: ($govuk-touch-target-gutter / 2);\n    left: ($govuk-touch-target-gutter / 2);\n    width: $govuk-checkboxes-size;\n    height: $govuk-checkboxes-size;\n    border: $govuk-border-width-form-element solid currentcolor;\n    background: transparent;\n  }\n\n  // ✔ Check mark\n  //\n  // The check mark is a box with a border on the left and bottom side (└──),\n  // rotated 45 degrees\n  .govuk-checkboxes__label::after {\n    content: \"\";\n    box-sizing: border-box;\n    position: absolute;\n\n    // Use \"magic numbers\" to define shape and position of check mark because\n    // the complexity of the shape makes it difficult to calculate dynamically.\n    top: 13px;\n    left: $govuk-checkbox-check-horizontal-position;\n    width: 23px;\n    height: 12px;\n    transform: rotate(-45deg);\n    border: solid;\n    border-width: 0 0 5px 5px;\n    // Fix bug in IE11 caused by transform rotate (-45deg).\n    // See: alphagov/govuk_elements/issues/518\n    border-top-color: transparent;\n    opacity: 0;\n    background: transparent;\n  }\n\n  .govuk-checkboxes__hint {\n    display: block;\n    width: 100%;\n    margin-top: govuk-spacing(-1);\n    padding-right: $govuk-checkboxes-label-padding-left-right;\n    padding-left: ($govuk-checkboxes-label-padding-left-right + $govuk-touch-target-size);\n  }\n\n  // This is to bypass govuk-hint's specificity on hints following labels having\n  // a margin bottom of 10px (govuk-spacing(2)). Because checkboxes are flexbox,\n  // the margin doesn't collapse so we have to do this manually.\n  .govuk-label:not(.govuk-label--m):not(.govuk-label--l):not(.govuk-label--xl) + .govuk-checkboxes__hint {\n    margin-bottom: 0;\n  }\n\n  // Focused state\n  .govuk-checkboxes__input:focus + .govuk-checkboxes__label::before {\n    border-width: 4px;\n\n    // When colours are overridden, the yellow box-shadow becomes invisible\n    // which means the focus state is less obvious. By adding a transparent\n    // outline, which becomes solid (text-coloured) in that context, we ensure\n    // the focus remains clearly visible.\n    outline: $govuk-focus-width solid transparent;\n    outline-offset: 1px;\n\n    // When in an explicit forced-color mode, we can use the Highlight system\n    // color for the outline to better match focus states of native controls\n    @media screen and (forced-colors: active), (-ms-high-contrast: active) {\n      outline-color: Highlight;\n    }\n\n    box-shadow: 0 0 0 $govuk-focus-width $govuk-focus-colour;\n  }\n\n  // Selected state\n  .govuk-checkboxes__input:checked + .govuk-checkboxes__label::after {\n    opacity: 1;\n  }\n\n  // Disabled state\n  .govuk-checkboxes__input:disabled,\n  .govuk-checkboxes__input:disabled + .govuk-checkboxes__label {\n    cursor: not-allowed;\n  }\n\n  .govuk-checkboxes__input:disabled + .govuk-checkboxes__label,\n  .govuk-checkboxes__input:disabled ~ .govuk-hint {\n    opacity: 0.5;\n  }\n\n  // =========================================================\n  // Dividers ('or')\n  // =========================================================\n\n  .govuk-checkboxes__divider {\n    @include govuk-font($size: 19);\n    @include govuk-text-colour;\n    $govuk-divider-size: $govuk-checkboxes-size !default;\n    width: $govuk-divider-size;\n    margin-bottom: govuk-spacing(2);\n    text-align: center;\n  }\n\n  // =========================================================\n  // Conditional reveals\n  // =========================================================\n\n  // The narrow border is used in the conditional reveals because the border has\n  // to be an even number in order to be centred under the 40px checkbox or radio.\n  $conditional-border-width: $govuk-border-width-narrow;\n  // Calculate the amount of padding needed to keep the border centered against the checkbox.\n  $conditional-border-padding: ($govuk-touch-target-size / 2) - ($conditional-border-width / 2);\n  // Move the border centered with the checkbox\n  $conditional-margin-left: $conditional-border-padding;\n  // Move the contents of the conditional inline with the label\n  $conditional-padding-left: $conditional-border-padding + $govuk-checkboxes-label-padding-left-right;\n\n  .govuk-checkboxes__conditional {\n    @include govuk-responsive-margin(4, \"bottom\");\n    margin-left: $conditional-margin-left;\n    padding-left: $conditional-padding-left;\n    border-left: $conditional-border-width solid $govuk-border-colour;\n\n    .govuk-frontend-supported &--hidden {\n      display: none;\n    }\n\n    & > :last-child {\n      margin-bottom: 0;\n    }\n  }\n\n  // =========================================================\n  // Small checkboxes\n  // =========================================================\n\n  .govuk-checkboxes--small {\n    $input-offset: ($govuk-touch-target-size - $govuk-small-checkboxes-size) / 2;\n\n    .govuk-checkboxes__item {\n      margin-bottom: 0;\n    }\n\n    // Shift the touch target into the left margin so that the visible edge of\n    // the control is aligned\n    //\n    //   ┆What colours do you like?\n    //  ┌┆───┐\n    //  │┆[] │ Purple\n    //  └┆▲──┘\n    //  ▲┆└─ Check box pseudo element, aligned with margin\n    //  └─── Touch target (invisible input), shifted into the margin\n    .govuk-checkboxes__input {\n      margin-left: $input-offset * -1;\n    }\n\n    .govuk-checkboxes__label {\n      // Create a tiny space between the small checkbox hover state so that it\n      // doesn't clash with the label\n      padding-left: 1px;\n    }\n\n    // [ ] Check box\n    //\n    // Reduce the size of the check box [1], vertically center it within the\n    // touch target [2]\n    // Left here is 0 because we've shifted the input into the left margin\n    .govuk-checkboxes__label::before {\n      top: $input-offset; // 2\n      left: 0;\n      width: $govuk-small-checkboxes-size; // 1\n      height: $govuk-small-checkboxes-size; // 1\n    }\n\n    // ✔ Check mark\n    //\n    // Reduce the size of the check mark and re-align within the checkbox\n    .govuk-checkboxes__label::after {\n      top: 17px;\n\n      // Horizontal position is just the normal sized left value accounting for\n      // the new width of the smaller checkbox\n      left: (16px - $govuk-checkbox-check-horizontal-position);\n      width: 12px;\n      height: 6.5px;\n      border-width: 0 0 3px 3px;\n    }\n\n    // Fix position of hint with small checkboxes\n    //\n    // Do not use hints with small checkboxes – because they're within the input\n    // wrapper they trigger the hover state, but clicking them doesn't actually\n    // activate the control.\n    //\n    // (If you do use them, they won't look completely broken... but seriously,\n    // don't use them)\n    .govuk-checkboxes__hint {\n      padding-left: ($govuk-small-checkboxes-size + $input-offset);\n    }\n\n    // Align conditional reveals with small checkboxes\n    .govuk-checkboxes__conditional {\n      $margin-left: ($govuk-small-checkboxes-size / 2) - ($conditional-border-width / 2);\n      margin-left: $margin-left;\n      padding-left: ($govuk-touch-target-size - $input-offset) - ($margin-left + $conditional-border-width);\n    }\n\n    .govuk-checkboxes__divider {\n      width: $govuk-small-checkboxes-size;\n      margin-bottom: govuk-spacing(1);\n    }\n\n    // Hover state for small checkboxes.\n    //\n    // We use a hover state for small checkboxes because the touch target size\n    // is so much larger than their visible size, and so we need to provide\n    // feedback to the user as to which checkbox they will select when their\n    // cursor is outside of the visible area.\n    .govuk-checkboxes__item:hover .govuk-checkboxes__input:not(:disabled) + .govuk-checkboxes__label::before {\n      // Forced colours modes tend to ignore box-shadow.\n      // Apply an outline for those modes to use instead.\n      outline: $govuk-focus-width dashed transparent;\n      outline-offset: 1px;\n      box-shadow: 0 0 0 $govuk-hover-width $govuk-hover-colour;\n    }\n\n    // Because we've overridden the border-shadow provided by the focus state,\n    // we need to redefine that too.\n    //\n    // We use two box shadows, one that restores the original focus state [1]\n    // and another that then applies the hover state [2].\n    .govuk-checkboxes__item:hover .govuk-checkboxes__input:focus + .govuk-checkboxes__label::before {\n      // Set different HCM colour when we have both hover/focus applied at once\n      @media screen and (forced-colors: active), (-ms-high-contrast: active) {\n        outline-color: Highlight;\n      }\n      // prettier-ignore\n      box-shadow:\n        0 0 0 $govuk-focus-width $govuk-focus-colour, // 1\n        0 0 0 $govuk-hover-width $govuk-hover-colour; // 2\n    }\n\n    // For devices that explicitly don't support hover, don't provide a hover\n    // state (e.g. on touch devices like iOS).\n    //\n    // We can't use `@media (hover: hover)` because we wouldn't get the hover\n    // state in browsers that don't support `@media (hover)` (like Internet\n    // Explorer) – so we have to 'undo' the hover state instead.\n    @media (hover: none), (pointer: coarse) {\n      .govuk-checkboxes__item:hover .govuk-checkboxes__input:not(:disabled) + .govuk-checkboxes__label::before {\n        box-shadow: initial;\n      }\n\n      .govuk-checkboxes__item:hover .govuk-checkboxes__input:focus + .govuk-checkboxes__label::before {\n        box-shadow: 0 0 0 $govuk-focus-width $govuk-focus-colour;\n      }\n    }\n  }\n}\n"]}
diff --git a/node_modules/govuk-frontend/dist/govuk/components/checkboxes/checkboxes.bundle.js b/node_modules/govuk-frontend/dist/govuk/components/checkboxes/checkboxes.bundle.js
new file mode 100644
index 0000000..56bf705
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/checkboxes/checkboxes.bundle.js
@@ -0,0 +1,253 @@
+(function (global, factory) {
+  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports) :
+  typeof define === 'function' && define.amd ? define(['exports'], factory) :
+  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.GOVUKFrontend = global.GOVUKFrontend || {}));
+})(this, (function (exports) { 'use strict';
+
+  function isInitialised($root, moduleName) {
+    return $root instanceof HTMLElement && $root.hasAttribute(`data-${moduleName}-init`);
+  }
+
+  /**
+   * Checks if GOV.UK Frontend is supported on this page
+   *
+   * Some browsers will load and run our JavaScript but GOV.UK Frontend
+   * won't be supported.
+   *
+   * @param {HTMLElement | null} [$scope] - (internal) `<body>` HTML element checked for browser support
+   * @returns {boolean} Whether GOV.UK Frontend is supported on this page
+   */
+  function isSupported($scope = document.body) {
+    if (!$scope) {
+      return false;
+    }
+    return $scope.classList.contains('govuk-frontend-supported');
+  }
+  function isArray(option) {
+    return Array.isArray(option);
+  }
+  function isObject(option) {
+    return !!option && typeof option === 'object' && !isArray(option);
+  }
+  function formatErrorMessage(Component, message) {
+    return `${Component.moduleName}: ${message}`;
+  }
+  /**
+   * @typedef ComponentWithModuleName
+   * @property {string} moduleName - Name of the component
+   */
+
+  class GOVUKFrontendError extends Error {
+    constructor(...args) {
+      super(...args);
+      this.name = 'GOVUKFrontendError';
+    }
+  }
+  class SupportError extends GOVUKFrontendError {
+    /**
+     * Checks if GOV.UK Frontend is supported on this page
+     *
+     * @param {HTMLElement | null} [$scope] - HTML element `<body>` checked for browser support
+     */
+    constructor($scope = document.body) {
+      const supportMessage = 'noModule' in HTMLScriptElement.prototype ? 'GOV.UK Frontend initialised without `<body class="govuk-frontend-supported">` from template `<script>` snippet' : 'GOV.UK Frontend is not supported in this browser';
+      super($scope ? supportMessage : 'GOV.UK Frontend initialised without `<script type="module">`');
+      this.name = 'SupportError';
+    }
+  }
+  class ElementError extends GOVUKFrontendError {
+    constructor(messageOrOptions) {
+      let message = typeof messageOrOptions === 'string' ? messageOrOptions : '';
+      if (isObject(messageOrOptions)) {
+        const {
+          component,
+          identifier,
+          element,
+          expectedType
+        } = messageOrOptions;
+        message = identifier;
+        message += element ? ` is not of type ${expectedType != null ? expectedType : 'HTMLElement'}` : ' not found';
+        if (component) {
+          message = formatErrorMessage(component, message);
+        }
+      }
+      super(message);
+      this.name = 'ElementError';
+    }
+  }
+  class InitError extends GOVUKFrontendError {
+    constructor(componentOrMessage) {
+      const message = typeof componentOrMessage === 'string' ? componentOrMessage : formatErrorMessage(componentOrMessage, `Root element (\`$root\`) already initialised`);
+      super(message);
+      this.name = 'InitError';
+    }
+  }
+  /**
+   * @import { ComponentWithModuleName } from '../common/index.mjs'
+   */
+
+  class Component {
+    /**
+     * Returns the root element of the component
+     *
+     * @protected
+     * @returns {RootElementType} - the root element of component
+     */
+    get $root() {
+      return this._$root;
+    }
+    constructor($root) {
+      this._$root = void 0;
+      const childConstructor = this.constructor;
+      if (typeof childConstructor.moduleName !== 'string') {
+        throw new InitError(`\`moduleName\` not defined in component`);
+      }
+      if (!($root instanceof childConstructor.elementType)) {
+        throw new ElementError({
+          element: $root,
+          component: childConstructor,
+          identifier: 'Root element (`$root`)',
+          expectedType: childConstructor.elementType.name
+        });
+      } else {
+        this._$root = $root;
+      }
+      childConstructor.checkSupport();
+      this.checkInitialised();
+      const moduleName = childConstructor.moduleName;
+      this.$root.setAttribute(`data-${moduleName}-init`, '');
+    }
+    checkInitialised() {
+      const constructor = this.constructor;
+      const moduleName = constructor.moduleName;
+      if (moduleName && isInitialised(this.$root, moduleName)) {
+        throw new InitError(constructor);
+      }
+    }
+    static checkSupport() {
+      if (!isSupported()) {
+        throw new SupportError();
+      }
+    }
+  }
+
+  /**
+   * @typedef ChildClass
+   * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component
+   */
+
+  /**
+   * @typedef {typeof Component & ChildClass} ChildClassConstructor
+   */
+  Component.elementType = HTMLElement;
+
+  /**
+   * Checkboxes component
+   *
+   * @preserve
+   */
+  class Checkboxes extends Component {
+    /**
+     * Checkboxes can be associated with a 'conditionally revealed' content block
+     * – for example, a checkbox for 'Phone' could reveal an additional form field
+     * for the user to enter their phone number.
+     *
+     * These associations are made using a `data-aria-controls` attribute, which
+     * is promoted to an aria-controls attribute during initialisation.
+     *
+     * We also need to restore the state of any conditional reveals on the page
+     * (for example if the user has navigated back), and set up event handlers to
+     * keep the reveal in sync with the checkbox state.
+     *
+     * @param {Element | null} $root - HTML element to use for checkboxes
+     */
+    constructor($root) {
+      super($root);
+      this.$inputs = void 0;
+      const $inputs = this.$root.querySelectorAll('input[type="checkbox"]');
+      if (!$inputs.length) {
+        throw new ElementError({
+          component: Checkboxes,
+          identifier: 'Form inputs (`<input type="checkbox">`)'
+        });
+      }
+      this.$inputs = $inputs;
+      this.$inputs.forEach($input => {
+        const targetId = $input.getAttribute('data-aria-controls');
+        if (!targetId) {
+          return;
+        }
+        if (!document.getElementById(targetId)) {
+          throw new ElementError({
+            component: Checkboxes,
+            identifier: `Conditional reveal (\`id="${targetId}"\`)`
+          });
+        }
+        $input.setAttribute('aria-controls', targetId);
+        $input.removeAttribute('data-aria-controls');
+      });
+      window.addEventListener('pageshow', () => this.syncAllConditionalReveals());
+      this.syncAllConditionalReveals();
+      this.$root.addEventListener('click', event => this.handleClick(event));
+    }
+    syncAllConditionalReveals() {
+      this.$inputs.forEach($input => this.syncConditionalRevealWithInputState($input));
+    }
+    syncConditionalRevealWithInputState($input) {
+      const targetId = $input.getAttribute('aria-controls');
+      if (!targetId) {
+        return;
+      }
+      const $target = document.getElementById(targetId);
+      if ($target != null && $target.classList.contains('govuk-checkboxes__conditional')) {
+        const inputIsChecked = $input.checked;
+        $input.setAttribute('aria-expanded', inputIsChecked.toString());
+        $target.classList.toggle('govuk-checkboxes__conditional--hidden', !inputIsChecked);
+      }
+    }
+    unCheckAllInputsExcept($input) {
+      const allInputsWithSameName = document.querySelectorAll(`input[type="checkbox"][name="${$input.name}"]`);
+      allInputsWithSameName.forEach($inputWithSameName => {
+        const hasSameFormOwner = $input.form === $inputWithSameName.form;
+        if (hasSameFormOwner && $inputWithSameName !== $input) {
+          $inputWithSameName.checked = false;
+          this.syncConditionalRevealWithInputState($inputWithSameName);
+        }
+      });
+    }
+    unCheckExclusiveInputs($input) {
+      const allInputsWithSameNameAndExclusiveBehaviour = document.querySelectorAll(`input[data-behaviour="exclusive"][type="checkbox"][name="${$input.name}"]`);
+      allInputsWithSameNameAndExclusiveBehaviour.forEach($exclusiveInput => {
+        const hasSameFormOwner = $input.form === $exclusiveInput.form;
+        if (hasSameFormOwner) {
+          $exclusiveInput.checked = false;
+          this.syncConditionalRevealWithInputState($exclusiveInput);
+        }
+      });
+    }
+    handleClick(event) {
+      const $clickedInput = event.target;
+      if (!($clickedInput instanceof HTMLInputElement) || $clickedInput.type !== 'checkbox') {
+        return;
+      }
+      const hasAriaControls = $clickedInput.getAttribute('aria-controls');
+      if (hasAriaControls) {
+        this.syncConditionalRevealWithInputState($clickedInput);
+      }
+      if (!$clickedInput.checked) {
+        return;
+      }
+      const hasBehaviourExclusive = $clickedInput.getAttribute('data-behaviour') === 'exclusive';
+      if (hasBehaviourExclusive) {
+        this.unCheckAllInputsExcept($clickedInput);
+      } else {
+        this.unCheckExclusiveInputs($clickedInput);
+      }
+    }
+  }
+  Checkboxes.moduleName = 'govuk-checkboxes';
+
+  exports.Checkboxes = Checkboxes;
+
+}));
+//# sourceMappingURL=checkboxes.bundle.js.map
diff --git a/node_modules/govuk-frontend/dist/govuk/components/checkboxes/checkboxes.bundle.js.map b/node_modules/govuk-frontend/dist/govuk/components/checkboxes/checkboxes.bundle.js.map
new file mode 100644
index 0000000..cc338fc
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/checkboxes/checkboxes.bundle.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"checkboxes.bundle.js","sources":["../../../../src/govuk/common/index.mjs","../../../../src/govuk/errors/index.mjs","../../../../src/govuk/component.mjs","../../../../src/govuk/components/checkboxes/checkboxes.mjs"],"sourcesContent":["/**\n * Common helpers which do not require polyfill.\n *\n * IMPORTANT: If a helper require a polyfill, please isolate it in its own module\n * so that the polyfill can be properly tree-shaken and does not burden\n * the components that do not need that helper\n */\n\n/**\n * Get GOV.UK Frontend breakpoint value from CSS custom property\n *\n * @private\n * @param {string} name - Breakpoint name\n * @returns {{ property: string, value?: string }} Breakpoint object\n */\nexport function getBreakpoint(name) {\n  const property = `--govuk-breakpoint-${name}`\n\n  // Get value from `<html>` with breakpoints on CSS :root\n  const value = window\n    .getComputedStyle(document.documentElement)\n    .getPropertyValue(property)\n\n  return {\n    property,\n    value: value || undefined\n  }\n}\n\n/**\n * Move focus to element\n *\n * Sets tabindex to -1 to make the element programmatically focusable,\n * but removes it on blur as the element doesn't need to be focused again.\n *\n * @private\n * @template {HTMLElement} FocusElement\n * @param {FocusElement} $element - HTML element\n * @param {object} [options] - Handler options\n * @param {function(this: FocusElement): void} [options.onBeforeFocus] - Callback before focus\n * @param {function(this: FocusElement): void} [options.onBlur] - Callback on blur\n */\nexport function setFocus($element, options = {}) {\n  const isFocusable = $element.getAttribute('tabindex')\n\n  if (!isFocusable) {\n    $element.setAttribute('tabindex', '-1')\n  }\n\n  /**\n   * Handle element focus\n   */\n  function onFocus() {\n    $element.addEventListener('blur', onBlur, { once: true })\n  }\n\n  /**\n   * Handle element blur\n   */\n  function onBlur() {\n    options.onBlur?.call($element)\n\n    if (!isFocusable) {\n      $element.removeAttribute('tabindex')\n    }\n  }\n\n  // Add listener to reset element on blur, after focus\n  $element.addEventListener('focus', onFocus, { once: true })\n\n  // Focus element\n  options.onBeforeFocus?.call($element)\n  $element.focus()\n}\n\n/**\n * Checks if component is already initialised\n *\n * @internal\n * @param {Element} $root - HTML element to be checked\n * @param {string} moduleName - name of component module\n * @returns {boolean} Whether component is already initialised\n */\nexport function isInitialised($root, moduleName) {\n  return (\n    $root instanceof HTMLElement &&\n    $root.hasAttribute(`data-${moduleName}-init`)\n  )\n}\n\n/**\n * Checks if GOV.UK Frontend is supported on this page\n *\n * Some browsers will load and run our JavaScript but GOV.UK Frontend\n * won't be supported.\n *\n * @param {HTMLElement | null} [$scope] - (internal) `<body>` HTML element checked for browser support\n * @returns {boolean} Whether GOV.UK Frontend is supported on this page\n */\nexport function isSupported($scope = document.body) {\n  if (!$scope) {\n    return false\n  }\n\n  return $scope.classList.contains('govuk-frontend-supported')\n}\n\n/**\n * Check for an array\n *\n * @internal\n * @param {unknown} option - Option to check\n * @returns {boolean} Whether the option is an array\n */\nfunction isArray(option) {\n  return Array.isArray(option)\n}\n\n/**\n * Check for an object\n *\n * @internal\n * @template {Partial<Record<keyof ObjectType, unknown>>} ObjectType\n * @param {unknown | ObjectType} option - Option to check\n * @returns {option is ObjectType} Whether the option is an object\n */\nexport function isObject(option) {\n  return !!option && typeof option === 'object' && !isArray(option)\n}\n\n/**\n * Check for valid scope\n *\n * @internal\n * @template {Element | Document} ScopeType\n * @param {unknown | ScopeType} $scope - Scope of the document to search within\n * @returns {$scope is ScopeType} Whether the scope can be queried\n */\nexport function isScope($scope) {\n  return !!$scope && ($scope instanceof Element || $scope instanceof Document)\n}\n\n/**\n * Format error message\n *\n * @internal\n * @param {ComponentWithModuleName} Component - Component that threw the error\n * @param {string} message - Error message\n * @returns {string} - Formatted error message\n */\nexport function formatErrorMessage(Component, message) {\n  return `${Component.moduleName}: ${message}`\n}\n\n/* eslint-disable jsdoc/valid-types --\n * `{new(...args: any[] ): object}` is not recognised as valid\n * https://github.com/gajus/eslint-plugin-jsdoc/issues/145#issuecomment-1308722878\n * https://github.com/jsdoc-type-pratt-parser/jsdoc-type-pratt-parser/issues/131\n **/\n\n/**\n * @typedef ComponentWithModuleName\n * @property {string} moduleName - Name of the component\n */\n\n/* eslint-enable jsdoc/valid-types */\n","import { formatErrorMessage, isObject } from '../common/index.mjs'\n\n/**\n * GOV.UK Frontend error\n *\n * A base class for `Error`s thrown by GOV.UK Frontend.\n *\n * It is meant to be extended into specific types of errors\n * to be thrown by our code.\n *\n * @example\n * ```js\n * class MissingRootError extends GOVUKFrontendError {\n *   // Setting an explicit name is important as extending the class will not\n *   // set a new `name` on the subclass. The `name` property is important\n *   // to ensure intelligible error names even if the class name gets\n *   // mangled by a minifier\n *   name = \"MissingRootError\"\n * }\n * ```\n * @virtual\n */\nexport class GOVUKFrontendError extends Error {\n  name = 'GOVUKFrontendError'\n}\n\n/**\n * Indicates that GOV.UK Frontend is not supported\n */\nexport class SupportError extends GOVUKFrontendError {\n  name = 'SupportError'\n\n  /**\n   * Checks if GOV.UK Frontend is supported on this page\n   *\n   * @param {HTMLElement | null} [$scope] - HTML element `<body>` checked for browser support\n   */\n  constructor($scope = document.body) {\n    const supportMessage =\n      'noModule' in HTMLScriptElement.prototype\n        ? 'GOV.UK Frontend initialised without `<body class=\"govuk-frontend-supported\">` from template `<script>` snippet'\n        : 'GOV.UK Frontend is not supported in this browser'\n\n    super(\n      $scope\n        ? supportMessage\n        : 'GOV.UK Frontend initialised without `<script type=\"module\">`'\n    )\n  }\n}\n\n/**\n * Indicates that a component has received an illegal configuration\n */\nexport class ConfigError extends GOVUKFrontendError {\n  name = 'ConfigError'\n}\n\n/**\n * Indicates an issue with an element (possibly `null` or `undefined`)\n */\nexport class ElementError extends GOVUKFrontendError {\n  name = 'ElementError'\n\n  /**\n   * @internal\n   * @overload\n   * @param {string} message - Element error message\n   */\n\n  /**\n   * @internal\n   * @overload\n   * @param {ElementErrorOptions} options - Element error options\n   */\n\n  /**\n   * @internal\n   * @param {string | ElementErrorOptions} messageOrOptions - Element error message or options\n   */\n  constructor(messageOrOptions) {\n    let message = typeof messageOrOptions === 'string' ? messageOrOptions : ''\n\n    // Build message from options\n    if (isObject(messageOrOptions)) {\n      const { component, identifier, element, expectedType } = messageOrOptions\n\n      message = identifier\n\n      // Append reason\n      message += element\n        ? ` is not of type ${expectedType ?? 'HTMLElement'}`\n        : ' not found'\n\n      // Prepend with module name (optional)\n      if (component) {\n        message = formatErrorMessage(component, message)\n      }\n    }\n\n    super(message)\n  }\n}\n\n/**\n * Indicates that a component is already initialised\n */\nexport class InitError extends GOVUKFrontendError {\n  name = 'InitError'\n\n  /**\n   * @internal\n   * @param {ComponentWithModuleName | string} componentOrMessage - name of the component module\n   */\n  constructor(componentOrMessage) {\n    const message =\n      typeof componentOrMessage === 'string'\n        ? componentOrMessage\n        : formatErrorMessage(\n            componentOrMessage,\n            `Root element (\\`$root\\`) already initialised`\n          )\n\n    super(message)\n  }\n}\n\n/**\n * Element error options\n *\n * @internal\n * @typedef {object} ElementErrorOptions\n * @property {Element | Document | null} [element] - The element in error (optional)\n * @property {ComponentWithModuleName} [component] - Component throwing the error (optional)\n * @property {string} identifier - An identifier that'll let the user understand which element has an error. This is whatever makes the most sense\n * @property {string} [expectedType] - The type that was expected for the identifier (optional)\n */\n\n/**\n * @import { ComponentWithModuleName } from '../common/index.mjs'\n */\n","import { isInitialised, isSupported } from './common/index.mjs'\nimport { ElementError, InitError, SupportError } from './errors/index.mjs'\n\n/**\n * Base Component class\n *\n * Centralises the behaviours shared by our components\n *\n * @virtual\n * @template {Element} [RootElementType=HTMLElement]\n */\nexport class Component {\n  /**\n   * @type {typeof Element}\n   */\n  static elementType = HTMLElement\n\n  // allows Typescript user to work around the lack of types\n  // in GOVUKFrontend package, Typescript is not aware of $root\n  // in components that extend GOVUKFrontendComponent\n  /**\n   * Returns the root element of the component\n   *\n   * @protected\n   * @returns {RootElementType} - the root element of component\n   */\n  get $root() {\n    return this._$root\n  }\n\n  /**\n   * @protected\n   * @type {RootElementType}\n   */\n  _$root\n\n  /**\n   * Constructs a new component, validating that GOV.UK Frontend is supported\n   *\n   * @internal\n   * @param {Element | null} [$root] - HTML element to use for component\n   */\n  constructor($root) {\n    const childConstructor = /** @type {ChildClassConstructor} */ (\n      this.constructor\n    )\n\n    // TypeScript does not enforce that inheriting classes will define a `moduleName`\n    // (even if we add a `@virtual` `static moduleName` property to this class).\n    // While we trust users to do this correctly, we do a little check to provide them\n    // a helpful error message.\n    //\n    // After this, we'll be sure that `childConstructor` has a `moduleName`\n    // as expected of the `ChildClassConstructor` we've cast `this.constructor` to.\n    if (typeof childConstructor.moduleName !== 'string') {\n      throw new InitError(`\\`moduleName\\` not defined in component`)\n    }\n\n    if (!($root instanceof childConstructor.elementType)) {\n      throw new ElementError({\n        element: $root,\n        component: childConstructor,\n        identifier: 'Root element (`$root`)',\n        expectedType: childConstructor.elementType.name\n      })\n    } else {\n      this._$root = /** @type {RootElementType} */ ($root)\n    }\n\n    childConstructor.checkSupport()\n\n    this.checkInitialised()\n\n    const moduleName = childConstructor.moduleName\n\n    this.$root.setAttribute(`data-${moduleName}-init`, '')\n  }\n\n  /**\n   * Validates whether component is already initialised\n   *\n   * @private\n   * @throws {InitError} when component is already initialised\n   */\n  checkInitialised() {\n    const constructor = /** @type {ChildClassConstructor} */ (this.constructor)\n    const moduleName = constructor.moduleName\n\n    if (moduleName && isInitialised(this.$root, moduleName)) {\n      throw new InitError(constructor)\n    }\n  }\n\n  /**\n   * Validates whether components are supported\n   *\n   * @throws {SupportError} when the components are not supported\n   */\n  static checkSupport() {\n    if (!isSupported()) {\n      throw new SupportError()\n    }\n  }\n}\n\n/**\n * @typedef ChildClass\n * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component\n */\n\n/**\n * @typedef {typeof Component & ChildClass} ChildClassConstructor\n */\n","import { Component } from '../../component.mjs'\nimport { ElementError } from '../../errors/index.mjs'\n\n/**\n * Checkboxes component\n *\n * @preserve\n */\nexport class Checkboxes extends Component {\n  /** @private */\n  $inputs\n\n  /**\n   * Checkboxes can be associated with a 'conditionally revealed' content block\n   * – for example, a checkbox for 'Phone' could reveal an additional form field\n   * for the user to enter their phone number.\n   *\n   * These associations are made using a `data-aria-controls` attribute, which\n   * is promoted to an aria-controls attribute during initialisation.\n   *\n   * We also need to restore the state of any conditional reveals on the page\n   * (for example if the user has navigated back), and set up event handlers to\n   * keep the reveal in sync with the checkbox state.\n   *\n   * @param {Element | null} $root - HTML element to use for checkboxes\n   */\n  constructor($root) {\n    super($root)\n\n    const $inputs = this.$root.querySelectorAll('input[type=\"checkbox\"]')\n    if (!$inputs.length) {\n      throw new ElementError({\n        component: Checkboxes,\n        identifier: 'Form inputs (`<input type=\"checkbox\">`)'\n      })\n    }\n\n    this.$inputs = $inputs\n\n    this.$inputs.forEach(($input) => {\n      const targetId = $input.getAttribute('data-aria-controls')\n\n      // Skip radios without data-aria-controls attributes\n      if (!targetId) {\n        return\n      }\n\n      // Throw if target conditional element does not exist.\n      if (!document.getElementById(targetId)) {\n        throw new ElementError({\n          component: Checkboxes,\n          identifier: `Conditional reveal (\\`id=\"${targetId}\"\\`)`\n        })\n      }\n\n      // Promote the data-aria-controls attribute to a aria-controls attribute\n      // so that the relationship is exposed in the AOM\n      $input.setAttribute('aria-controls', targetId)\n      $input.removeAttribute('data-aria-controls')\n    })\n\n    // When the page is restored after navigating 'back' in some browsers the\n    // state of form controls is not restored until *after* the DOMContentLoaded\n    // event is fired, so we need to sync after the pageshow event.\n    window.addEventListener('pageshow', () => this.syncAllConditionalReveals())\n\n    // Although we've set up handlers to sync state on the pageshow event, init\n    // could be called after those events have fired, for example if they are\n    // added to the page dynamically, so sync now too.\n    this.syncAllConditionalReveals()\n\n    // Handle events\n    this.$root.addEventListener('click', (event) => this.handleClick(event))\n  }\n\n  /**\n   * Sync the conditional reveal states for all checkboxes in this component.\n   *\n   * @private\n   */\n  syncAllConditionalReveals() {\n    this.$inputs.forEach(($input) =>\n      this.syncConditionalRevealWithInputState($input)\n    )\n  }\n\n  /**\n   * Sync conditional reveal with the input state\n   *\n   * Synchronise the visibility of the conditional reveal, and its accessible\n   * state, with the input's checked state.\n   *\n   * @private\n   * @param {HTMLInputElement} $input - Checkbox input\n   */\n  syncConditionalRevealWithInputState($input) {\n    const targetId = $input.getAttribute('aria-controls')\n    if (!targetId) {\n      return\n    }\n\n    const $target = document.getElementById(targetId)\n    if ($target?.classList.contains('govuk-checkboxes__conditional')) {\n      const inputIsChecked = $input.checked\n\n      $input.setAttribute('aria-expanded', inputIsChecked.toString())\n      $target.classList.toggle(\n        'govuk-checkboxes__conditional--hidden',\n        !inputIsChecked\n      )\n    }\n  }\n\n  /**\n   * Uncheck other checkboxes\n   *\n   * Find any other checkbox inputs with the same name value, and uncheck them.\n   * This is useful for when a “None of these\" checkbox is checked.\n   *\n   * @private\n   * @param {HTMLInputElement} $input - Checkbox input\n   */\n  unCheckAllInputsExcept($input) {\n    const allInputsWithSameName = document.querySelectorAll(\n      `input[type=\"checkbox\"][name=\"${$input.name}\"]`\n    )\n\n    allInputsWithSameName.forEach(($inputWithSameName) => {\n      const hasSameFormOwner = $input.form === $inputWithSameName.form\n      if (hasSameFormOwner && $inputWithSameName !== $input) {\n        $inputWithSameName.checked = false\n        this.syncConditionalRevealWithInputState($inputWithSameName)\n      }\n    })\n  }\n\n  /**\n   * Uncheck exclusive checkboxes\n   *\n   * Find any checkbox inputs with the same name value and the 'exclusive'\n   * behaviour, and uncheck them. This helps prevent someone checking both a\n   * regular checkbox and a \"None of these\" checkbox in the same fieldset.\n   *\n   * @private\n   * @param {HTMLInputElement} $input - Checkbox input\n   */\n  unCheckExclusiveInputs($input) {\n    const allInputsWithSameNameAndExclusiveBehaviour =\n      document.querySelectorAll(\n        `input[data-behaviour=\"exclusive\"][type=\"checkbox\"][name=\"${$input.name}\"]`\n      )\n\n    allInputsWithSameNameAndExclusiveBehaviour.forEach(($exclusiveInput) => {\n      const hasSameFormOwner = $input.form === $exclusiveInput.form\n      if (hasSameFormOwner) {\n        $exclusiveInput.checked = false\n        this.syncConditionalRevealWithInputState($exclusiveInput)\n      }\n    })\n  }\n\n  /**\n   * Click event handler\n   *\n   * Handle a click within the component root – if the click occurred on a checkbox,\n   * sync the state of any associated conditional reveal with the checkbox\n   * state.\n   *\n   * @private\n   * @param {MouseEvent} event - Click event\n   */\n  handleClick(event) {\n    const $clickedInput = event.target\n\n    // Ignore clicks on things that aren't checkbox inputs\n    if (\n      !($clickedInput instanceof HTMLInputElement) ||\n      $clickedInput.type !== 'checkbox'\n    ) {\n      return\n    }\n\n    // If the checkbox conditionally-reveals some content, sync the state\n    const hasAriaControls = $clickedInput.getAttribute('aria-controls')\n    if (hasAriaControls) {\n      this.syncConditionalRevealWithInputState($clickedInput)\n    }\n\n    // No further behaviour needed for unchecking\n    if (!$clickedInput.checked) {\n      return\n    }\n\n    // Handle 'exclusive' checkbox behaviour (ie \"None of these\")\n    const hasBehaviourExclusive =\n      $clickedInput.getAttribute('data-behaviour') === 'exclusive'\n    if (hasBehaviourExclusive) {\n      this.unCheckAllInputsExcept($clickedInput)\n    } else {\n      this.unCheckExclusiveInputs($clickedInput)\n    }\n  }\n\n  /**\n   * Name for the component used when initialising using data-module attributes.\n   */\n  static moduleName = 'govuk-checkboxes'\n}\n"],"names":["isInitialised","$root","moduleName","HTMLElement","hasAttribute","isSupported","$scope","document","body","classList","contains","isArray","option","Array","isObject","formatErrorMessage","Component","message","GOVUKFrontendError","Error","constructor","args","name","SupportError","supportMessage","HTMLScriptElement","prototype","ElementError","messageOrOptions","component","identifier","element","expectedType","InitError","componentOrMessage","_$root","childConstructor","elementType","checkSupport","checkInitialised","setAttribute","Checkboxes","$inputs","querySelectorAll","length","forEach","$input","targetId","getAttribute","getElementById","removeAttribute","window","addEventListener","syncAllConditionalReveals","event","handleClick","syncConditionalRevealWithInputState","$target","inputIsChecked","checked","toString","toggle","unCheckAllInputsExcept","allInputsWithSameName","$inputWithSameName","hasSameFormOwner","form","unCheckExclusiveInputs","allInputsWithSameNameAndExclusiveBehaviour","$exclusiveInput","$clickedInput","target","HTMLInputElement","type","hasAriaControls","hasBehaviourExclusive"],"mappings":"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"}
\ No newline at end of file
diff --git a/node_modules/govuk-frontend/dist/govuk/components/checkboxes/checkboxes.bundle.mjs b/node_modules/govuk-frontend/dist/govuk/components/checkboxes/checkboxes.bundle.mjs
new file mode 100644
index 0000000..18e00bd
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/checkboxes/checkboxes.bundle.mjs
@@ -0,0 +1,245 @@
+function isInitialised($root, moduleName) {
+  return $root instanceof HTMLElement && $root.hasAttribute(`data-${moduleName}-init`);
+}
+
+/**
+ * Checks if GOV.UK Frontend is supported on this page
+ *
+ * Some browsers will load and run our JavaScript but GOV.UK Frontend
+ * won't be supported.
+ *
+ * @param {HTMLElement | null} [$scope] - (internal) `<body>` HTML element checked for browser support
+ * @returns {boolean} Whether GOV.UK Frontend is supported on this page
+ */
+function isSupported($scope = document.body) {
+  if (!$scope) {
+    return false;
+  }
+  return $scope.classList.contains('govuk-frontend-supported');
+}
+function isArray(option) {
+  return Array.isArray(option);
+}
+function isObject(option) {
+  return !!option && typeof option === 'object' && !isArray(option);
+}
+function formatErrorMessage(Component, message) {
+  return `${Component.moduleName}: ${message}`;
+}
+/**
+ * @typedef ComponentWithModuleName
+ * @property {string} moduleName - Name of the component
+ */
+
+class GOVUKFrontendError extends Error {
+  constructor(...args) {
+    super(...args);
+    this.name = 'GOVUKFrontendError';
+  }
+}
+class SupportError extends GOVUKFrontendError {
+  /**
+   * Checks if GOV.UK Frontend is supported on this page
+   *
+   * @param {HTMLElement | null} [$scope] - HTML element `<body>` checked for browser support
+   */
+  constructor($scope = document.body) {
+    const supportMessage = 'noModule' in HTMLScriptElement.prototype ? 'GOV.UK Frontend initialised without `<body class="govuk-frontend-supported">` from template `<script>` snippet' : 'GOV.UK Frontend is not supported in this browser';
+    super($scope ? supportMessage : 'GOV.UK Frontend initialised without `<script type="module">`');
+    this.name = 'SupportError';
+  }
+}
+class ElementError extends GOVUKFrontendError {
+  constructor(messageOrOptions) {
+    let message = typeof messageOrOptions === 'string' ? messageOrOptions : '';
+    if (isObject(messageOrOptions)) {
+      const {
+        component,
+        identifier,
+        element,
+        expectedType
+      } = messageOrOptions;
+      message = identifier;
+      message += element ? ` is not of type ${expectedType != null ? expectedType : 'HTMLElement'}` : ' not found';
+      if (component) {
+        message = formatErrorMessage(component, message);
+      }
+    }
+    super(message);
+    this.name = 'ElementError';
+  }
+}
+class InitError extends GOVUKFrontendError {
+  constructor(componentOrMessage) {
+    const message = typeof componentOrMessage === 'string' ? componentOrMessage : formatErrorMessage(componentOrMessage, `Root element (\`$root\`) already initialised`);
+    super(message);
+    this.name = 'InitError';
+  }
+}
+/**
+ * @import { ComponentWithModuleName } from '../common/index.mjs'
+ */
+
+class Component {
+  /**
+   * Returns the root element of the component
+   *
+   * @protected
+   * @returns {RootElementType} - the root element of component
+   */
+  get $root() {
+    return this._$root;
+  }
+  constructor($root) {
+    this._$root = void 0;
+    const childConstructor = this.constructor;
+    if (typeof childConstructor.moduleName !== 'string') {
+      throw new InitError(`\`moduleName\` not defined in component`);
+    }
+    if (!($root instanceof childConstructor.elementType)) {
+      throw new ElementError({
+        element: $root,
+        component: childConstructor,
+        identifier: 'Root element (`$root`)',
+        expectedType: childConstructor.elementType.name
+      });
+    } else {
+      this._$root = $root;
+    }
+    childConstructor.checkSupport();
+    this.checkInitialised();
+    const moduleName = childConstructor.moduleName;
+    this.$root.setAttribute(`data-${moduleName}-init`, '');
+  }
+  checkInitialised() {
+    const constructor = this.constructor;
+    const moduleName = constructor.moduleName;
+    if (moduleName && isInitialised(this.$root, moduleName)) {
+      throw new InitError(constructor);
+    }
+  }
+  static checkSupport() {
+    if (!isSupported()) {
+      throw new SupportError();
+    }
+  }
+}
+
+/**
+ * @typedef ChildClass
+ * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component
+ */
+
+/**
+ * @typedef {typeof Component & ChildClass} ChildClassConstructor
+ */
+Component.elementType = HTMLElement;
+
+/**
+ * Checkboxes component
+ *
+ * @preserve
+ */
+class Checkboxes extends Component {
+  /**
+   * Checkboxes can be associated with a 'conditionally revealed' content block
+   * – for example, a checkbox for 'Phone' could reveal an additional form field
+   * for the user to enter their phone number.
+   *
+   * These associations are made using a `data-aria-controls` attribute, which
+   * is promoted to an aria-controls attribute during initialisation.
+   *
+   * We also need to restore the state of any conditional reveals on the page
+   * (for example if the user has navigated back), and set up event handlers to
+   * keep the reveal in sync with the checkbox state.
+   *
+   * @param {Element | null} $root - HTML element to use for checkboxes
+   */
+  constructor($root) {
+    super($root);
+    this.$inputs = void 0;
+    const $inputs = this.$root.querySelectorAll('input[type="checkbox"]');
+    if (!$inputs.length) {
+      throw new ElementError({
+        component: Checkboxes,
+        identifier: 'Form inputs (`<input type="checkbox">`)'
+      });
+    }
+    this.$inputs = $inputs;
+    this.$inputs.forEach($input => {
+      const targetId = $input.getAttribute('data-aria-controls');
+      if (!targetId) {
+        return;
+      }
+      if (!document.getElementById(targetId)) {
+        throw new ElementError({
+          component: Checkboxes,
+          identifier: `Conditional reveal (\`id="${targetId}"\`)`
+        });
+      }
+      $input.setAttribute('aria-controls', targetId);
+      $input.removeAttribute('data-aria-controls');
+    });
+    window.addEventListener('pageshow', () => this.syncAllConditionalReveals());
+    this.syncAllConditionalReveals();
+    this.$root.addEventListener('click', event => this.handleClick(event));
+  }
+  syncAllConditionalReveals() {
+    this.$inputs.forEach($input => this.syncConditionalRevealWithInputState($input));
+  }
+  syncConditionalRevealWithInputState($input) {
+    const targetId = $input.getAttribute('aria-controls');
+    if (!targetId) {
+      return;
+    }
+    const $target = document.getElementById(targetId);
+    if ($target != null && $target.classList.contains('govuk-checkboxes__conditional')) {
+      const inputIsChecked = $input.checked;
+      $input.setAttribute('aria-expanded', inputIsChecked.toString());
+      $target.classList.toggle('govuk-checkboxes__conditional--hidden', !inputIsChecked);
+    }
+  }
+  unCheckAllInputsExcept($input) {
+    const allInputsWithSameName = document.querySelectorAll(`input[type="checkbox"][name="${$input.name}"]`);
+    allInputsWithSameName.forEach($inputWithSameName => {
+      const hasSameFormOwner = $input.form === $inputWithSameName.form;
+      if (hasSameFormOwner && $inputWithSameName !== $input) {
+        $inputWithSameName.checked = false;
+        this.syncConditionalRevealWithInputState($inputWithSameName);
+      }
+    });
+  }
+  unCheckExclusiveInputs($input) {
+    const allInputsWithSameNameAndExclusiveBehaviour = document.querySelectorAll(`input[data-behaviour="exclusive"][type="checkbox"][name="${$input.name}"]`);
+    allInputsWithSameNameAndExclusiveBehaviour.forEach($exclusiveInput => {
+      const hasSameFormOwner = $input.form === $exclusiveInput.form;
+      if (hasSameFormOwner) {
+        $exclusiveInput.checked = false;
+        this.syncConditionalRevealWithInputState($exclusiveInput);
+      }
+    });
+  }
+  handleClick(event) {
+    const $clickedInput = event.target;
+    if (!($clickedInput instanceof HTMLInputElement) || $clickedInput.type !== 'checkbox') {
+      return;
+    }
+    const hasAriaControls = $clickedInput.getAttribute('aria-controls');
+    if (hasAriaControls) {
+      this.syncConditionalRevealWithInputState($clickedInput);
+    }
+    if (!$clickedInput.checked) {
+      return;
+    }
+    const hasBehaviourExclusive = $clickedInput.getAttribute('data-behaviour') === 'exclusive';
+    if (hasBehaviourExclusive) {
+      this.unCheckAllInputsExcept($clickedInput);
+    } else {
+      this.unCheckExclusiveInputs($clickedInput);
+    }
+  }
+}
+Checkboxes.moduleName = 'govuk-checkboxes';
+
+export { Checkboxes };
+//# sourceMappingURL=checkboxes.bundle.mjs.map
diff --git a/node_modules/govuk-frontend/dist/govuk/components/checkboxes/checkboxes.bundle.mjs.map b/node_modules/govuk-frontend/dist/govuk/components/checkboxes/checkboxes.bundle.mjs.map
new file mode 100644
index 0000000..d38d9ff
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/checkboxes/checkboxes.bundle.mjs.map
@@ -0,0 +1 @@
+{"version":3,"file":"checkboxes.bundle.mjs","sources":["../../../../src/govuk/common/index.mjs","../../../../src/govuk/errors/index.mjs","../../../../src/govuk/component.mjs","../../../../src/govuk/components/checkboxes/checkboxes.mjs"],"sourcesContent":["/**\n * Common helpers which do not require polyfill.\n *\n * IMPORTANT: If a helper require a polyfill, please isolate it in its own module\n * so that the polyfill can be properly tree-shaken and does not burden\n * the components that do not need that helper\n */\n\n/**\n * Get GOV.UK Frontend breakpoint value from CSS custom property\n *\n * @private\n * @param {string} name - Breakpoint name\n * @returns {{ property: string, value?: string }} Breakpoint object\n */\nexport function getBreakpoint(name) {\n  const property = `--govuk-breakpoint-${name}`\n\n  // Get value from `<html>` with breakpoints on CSS :root\n  const value = window\n    .getComputedStyle(document.documentElement)\n    .getPropertyValue(property)\n\n  return {\n    property,\n    value: value || undefined\n  }\n}\n\n/**\n * Move focus to element\n *\n * Sets tabindex to -1 to make the element programmatically focusable,\n * but removes it on blur as the element doesn't need to be focused again.\n *\n * @private\n * @template {HTMLElement} FocusElement\n * @param {FocusElement} $element - HTML element\n * @param {object} [options] - Handler options\n * @param {function(this: FocusElement): void} [options.onBeforeFocus] - Callback before focus\n * @param {function(this: FocusElement): void} [options.onBlur] - Callback on blur\n */\nexport function setFocus($element, options = {}) {\n  const isFocusable = $element.getAttribute('tabindex')\n\n  if (!isFocusable) {\n    $element.setAttribute('tabindex', '-1')\n  }\n\n  /**\n   * Handle element focus\n   */\n  function onFocus() {\n    $element.addEventListener('blur', onBlur, { once: true })\n  }\n\n  /**\n   * Handle element blur\n   */\n  function onBlur() {\n    options.onBlur?.call($element)\n\n    if (!isFocusable) {\n      $element.removeAttribute('tabindex')\n    }\n  }\n\n  // Add listener to reset element on blur, after focus\n  $element.addEventListener('focus', onFocus, { once: true })\n\n  // Focus element\n  options.onBeforeFocus?.call($element)\n  $element.focus()\n}\n\n/**\n * Checks if component is already initialised\n *\n * @internal\n * @param {Element} $root - HTML element to be checked\n * @param {string} moduleName - name of component module\n * @returns {boolean} Whether component is already initialised\n */\nexport function isInitialised($root, moduleName) {\n  return (\n    $root instanceof HTMLElement &&\n    $root.hasAttribute(`data-${moduleName}-init`)\n  )\n}\n\n/**\n * Checks if GOV.UK Frontend is supported on this page\n *\n * Some browsers will load and run our JavaScript but GOV.UK Frontend\n * won't be supported.\n *\n * @param {HTMLElement | null} [$scope] - (internal) `<body>` HTML element checked for browser support\n * @returns {boolean} Whether GOV.UK Frontend is supported on this page\n */\nexport function isSupported($scope = document.body) {\n  if (!$scope) {\n    return false\n  }\n\n  return $scope.classList.contains('govuk-frontend-supported')\n}\n\n/**\n * Check for an array\n *\n * @internal\n * @param {unknown} option - Option to check\n * @returns {boolean} Whether the option is an array\n */\nfunction isArray(option) {\n  return Array.isArray(option)\n}\n\n/**\n * Check for an object\n *\n * @internal\n * @template {Partial<Record<keyof ObjectType, unknown>>} ObjectType\n * @param {unknown | ObjectType} option - Option to check\n * @returns {option is ObjectType} Whether the option is an object\n */\nexport function isObject(option) {\n  return !!option && typeof option === 'object' && !isArray(option)\n}\n\n/**\n * Check for valid scope\n *\n * @internal\n * @template {Element | Document} ScopeType\n * @param {unknown | ScopeType} $scope - Scope of the document to search within\n * @returns {$scope is ScopeType} Whether the scope can be queried\n */\nexport function isScope($scope) {\n  return !!$scope && ($scope instanceof Element || $scope instanceof Document)\n}\n\n/**\n * Format error message\n *\n * @internal\n * @param {ComponentWithModuleName} Component - Component that threw the error\n * @param {string} message - Error message\n * @returns {string} - Formatted error message\n */\nexport function formatErrorMessage(Component, message) {\n  return `${Component.moduleName}: ${message}`\n}\n\n/* eslint-disable jsdoc/valid-types --\n * `{new(...args: any[] ): object}` is not recognised as valid\n * https://github.com/gajus/eslint-plugin-jsdoc/issues/145#issuecomment-1308722878\n * https://github.com/jsdoc-type-pratt-parser/jsdoc-type-pratt-parser/issues/131\n **/\n\n/**\n * @typedef ComponentWithModuleName\n * @property {string} moduleName - Name of the component\n */\n\n/* eslint-enable jsdoc/valid-types */\n","import { formatErrorMessage, isObject } from '../common/index.mjs'\n\n/**\n * GOV.UK Frontend error\n *\n * A base class for `Error`s thrown by GOV.UK Frontend.\n *\n * It is meant to be extended into specific types of errors\n * to be thrown by our code.\n *\n * @example\n * ```js\n * class MissingRootError extends GOVUKFrontendError {\n *   // Setting an explicit name is important as extending the class will not\n *   // set a new `name` on the subclass. The `name` property is important\n *   // to ensure intelligible error names even if the class name gets\n *   // mangled by a minifier\n *   name = \"MissingRootError\"\n * }\n * ```\n * @virtual\n */\nexport class GOVUKFrontendError extends Error {\n  name = 'GOVUKFrontendError'\n}\n\n/**\n * Indicates that GOV.UK Frontend is not supported\n */\nexport class SupportError extends GOVUKFrontendError {\n  name = 'SupportError'\n\n  /**\n   * Checks if GOV.UK Frontend is supported on this page\n   *\n   * @param {HTMLElement | null} [$scope] - HTML element `<body>` checked for browser support\n   */\n  constructor($scope = document.body) {\n    const supportMessage =\n      'noModule' in HTMLScriptElement.prototype\n        ? 'GOV.UK Frontend initialised without `<body class=\"govuk-frontend-supported\">` from template `<script>` snippet'\n        : 'GOV.UK Frontend is not supported in this browser'\n\n    super(\n      $scope\n        ? supportMessage\n        : 'GOV.UK Frontend initialised without `<script type=\"module\">`'\n    )\n  }\n}\n\n/**\n * Indicates that a component has received an illegal configuration\n */\nexport class ConfigError extends GOVUKFrontendError {\n  name = 'ConfigError'\n}\n\n/**\n * Indicates an issue with an element (possibly `null` or `undefined`)\n */\nexport class ElementError extends GOVUKFrontendError {\n  name = 'ElementError'\n\n  /**\n   * @internal\n   * @overload\n   * @param {string} message - Element error message\n   */\n\n  /**\n   * @internal\n   * @overload\n   * @param {ElementErrorOptions} options - Element error options\n   */\n\n  /**\n   * @internal\n   * @param {string | ElementErrorOptions} messageOrOptions - Element error message or options\n   */\n  constructor(messageOrOptions) {\n    let message = typeof messageOrOptions === 'string' ? messageOrOptions : ''\n\n    // Build message from options\n    if (isObject(messageOrOptions)) {\n      const { component, identifier, element, expectedType } = messageOrOptions\n\n      message = identifier\n\n      // Append reason\n      message += element\n        ? ` is not of type ${expectedType ?? 'HTMLElement'}`\n        : ' not found'\n\n      // Prepend with module name (optional)\n      if (component) {\n        message = formatErrorMessage(component, message)\n      }\n    }\n\n    super(message)\n  }\n}\n\n/**\n * Indicates that a component is already initialised\n */\nexport class InitError extends GOVUKFrontendError {\n  name = 'InitError'\n\n  /**\n   * @internal\n   * @param {ComponentWithModuleName | string} componentOrMessage - name of the component module\n   */\n  constructor(componentOrMessage) {\n    const message =\n      typeof componentOrMessage === 'string'\n        ? componentOrMessage\n        : formatErrorMessage(\n            componentOrMessage,\n            `Root element (\\`$root\\`) already initialised`\n          )\n\n    super(message)\n  }\n}\n\n/**\n * Element error options\n *\n * @internal\n * @typedef {object} ElementErrorOptions\n * @property {Element | Document | null} [element] - The element in error (optional)\n * @property {ComponentWithModuleName} [component] - Component throwing the error (optional)\n * @property {string} identifier - An identifier that'll let the user understand which element has an error. This is whatever makes the most sense\n * @property {string} [expectedType] - The type that was expected for the identifier (optional)\n */\n\n/**\n * @import { ComponentWithModuleName } from '../common/index.mjs'\n */\n","import { isInitialised, isSupported } from './common/index.mjs'\nimport { ElementError, InitError, SupportError } from './errors/index.mjs'\n\n/**\n * Base Component class\n *\n * Centralises the behaviours shared by our components\n *\n * @virtual\n * @template {Element} [RootElementType=HTMLElement]\n */\nexport class Component {\n  /**\n   * @type {typeof Element}\n   */\n  static elementType = HTMLElement\n\n  // allows Typescript user to work around the lack of types\n  // in GOVUKFrontend package, Typescript is not aware of $root\n  // in components that extend GOVUKFrontendComponent\n  /**\n   * Returns the root element of the component\n   *\n   * @protected\n   * @returns {RootElementType} - the root element of component\n   */\n  get $root() {\n    return this._$root\n  }\n\n  /**\n   * @protected\n   * @type {RootElementType}\n   */\n  _$root\n\n  /**\n   * Constructs a new component, validating that GOV.UK Frontend is supported\n   *\n   * @internal\n   * @param {Element | null} [$root] - HTML element to use for component\n   */\n  constructor($root) {\n    const childConstructor = /** @type {ChildClassConstructor} */ (\n      this.constructor\n    )\n\n    // TypeScript does not enforce that inheriting classes will define a `moduleName`\n    // (even if we add a `@virtual` `static moduleName` property to this class).\n    // While we trust users to do this correctly, we do a little check to provide them\n    // a helpful error message.\n    //\n    // After this, we'll be sure that `childConstructor` has a `moduleName`\n    // as expected of the `ChildClassConstructor` we've cast `this.constructor` to.\n    if (typeof childConstructor.moduleName !== 'string') {\n      throw new InitError(`\\`moduleName\\` not defined in component`)\n    }\n\n    if (!($root instanceof childConstructor.elementType)) {\n      throw new ElementError({\n        element: $root,\n        component: childConstructor,\n        identifier: 'Root element (`$root`)',\n        expectedType: childConstructor.elementType.name\n      })\n    } else {\n      this._$root = /** @type {RootElementType} */ ($root)\n    }\n\n    childConstructor.checkSupport()\n\n    this.checkInitialised()\n\n    const moduleName = childConstructor.moduleName\n\n    this.$root.setAttribute(`data-${moduleName}-init`, '')\n  }\n\n  /**\n   * Validates whether component is already initialised\n   *\n   * @private\n   * @throws {InitError} when component is already initialised\n   */\n  checkInitialised() {\n    const constructor = /** @type {ChildClassConstructor} */ (this.constructor)\n    const moduleName = constructor.moduleName\n\n    if (moduleName && isInitialised(this.$root, moduleName)) {\n      throw new InitError(constructor)\n    }\n  }\n\n  /**\n   * Validates whether components are supported\n   *\n   * @throws {SupportError} when the components are not supported\n   */\n  static checkSupport() {\n    if (!isSupported()) {\n      throw new SupportError()\n    }\n  }\n}\n\n/**\n * @typedef ChildClass\n * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component\n */\n\n/**\n * @typedef {typeof Component & ChildClass} ChildClassConstructor\n */\n","import { Component } from '../../component.mjs'\nimport { ElementError } from '../../errors/index.mjs'\n\n/**\n * Checkboxes component\n *\n * @preserve\n */\nexport class Checkboxes extends Component {\n  /** @private */\n  $inputs\n\n  /**\n   * Checkboxes can be associated with a 'conditionally revealed' content block\n   * – for example, a checkbox for 'Phone' could reveal an additional form field\n   * for the user to enter their phone number.\n   *\n   * These associations are made using a `data-aria-controls` attribute, which\n   * is promoted to an aria-controls attribute during initialisation.\n   *\n   * We also need to restore the state of any conditional reveals on the page\n   * (for example if the user has navigated back), and set up event handlers to\n   * keep the reveal in sync with the checkbox state.\n   *\n   * @param {Element | null} $root - HTML element to use for checkboxes\n   */\n  constructor($root) {\n    super($root)\n\n    const $inputs = this.$root.querySelectorAll('input[type=\"checkbox\"]')\n    if (!$inputs.length) {\n      throw new ElementError({\n        component: Checkboxes,\n        identifier: 'Form inputs (`<input type=\"checkbox\">`)'\n      })\n    }\n\n    this.$inputs = $inputs\n\n    this.$inputs.forEach(($input) => {\n      const targetId = $input.getAttribute('data-aria-controls')\n\n      // Skip radios without data-aria-controls attributes\n      if (!targetId) {\n        return\n      }\n\n      // Throw if target conditional element does not exist.\n      if (!document.getElementById(targetId)) {\n        throw new ElementError({\n          component: Checkboxes,\n          identifier: `Conditional reveal (\\`id=\"${targetId}\"\\`)`\n        })\n      }\n\n      // Promote the data-aria-controls attribute to a aria-controls attribute\n      // so that the relationship is exposed in the AOM\n      $input.setAttribute('aria-controls', targetId)\n      $input.removeAttribute('data-aria-controls')\n    })\n\n    // When the page is restored after navigating 'back' in some browsers the\n    // state of form controls is not restored until *after* the DOMContentLoaded\n    // event is fired, so we need to sync after the pageshow event.\n    window.addEventListener('pageshow', () => this.syncAllConditionalReveals())\n\n    // Although we've set up handlers to sync state on the pageshow event, init\n    // could be called after those events have fired, for example if they are\n    // added to the page dynamically, so sync now too.\n    this.syncAllConditionalReveals()\n\n    // Handle events\n    this.$root.addEventListener('click', (event) => this.handleClick(event))\n  }\n\n  /**\n   * Sync the conditional reveal states for all checkboxes in this component.\n   *\n   * @private\n   */\n  syncAllConditionalReveals() {\n    this.$inputs.forEach(($input) =>\n      this.syncConditionalRevealWithInputState($input)\n    )\n  }\n\n  /**\n   * Sync conditional reveal with the input state\n   *\n   * Synchronise the visibility of the conditional reveal, and its accessible\n   * state, with the input's checked state.\n   *\n   * @private\n   * @param {HTMLInputElement} $input - Checkbox input\n   */\n  syncConditionalRevealWithInputState($input) {\n    const targetId = $input.getAttribute('aria-controls')\n    if (!targetId) {\n      return\n    }\n\n    const $target = document.getElementById(targetId)\n    if ($target?.classList.contains('govuk-checkboxes__conditional')) {\n      const inputIsChecked = $input.checked\n\n      $input.setAttribute('aria-expanded', inputIsChecked.toString())\n      $target.classList.toggle(\n        'govuk-checkboxes__conditional--hidden',\n        !inputIsChecked\n      )\n    }\n  }\n\n  /**\n   * Uncheck other checkboxes\n   *\n   * Find any other checkbox inputs with the same name value, and uncheck them.\n   * This is useful for when a “None of these\" checkbox is checked.\n   *\n   * @private\n   * @param {HTMLInputElement} $input - Checkbox input\n   */\n  unCheckAllInputsExcept($input) {\n    const allInputsWithSameName = document.querySelectorAll(\n      `input[type=\"checkbox\"][name=\"${$input.name}\"]`\n    )\n\n    allInputsWithSameName.forEach(($inputWithSameName) => {\n      const hasSameFormOwner = $input.form === $inputWithSameName.form\n      if (hasSameFormOwner && $inputWithSameName !== $input) {\n        $inputWithSameName.checked = false\n        this.syncConditionalRevealWithInputState($inputWithSameName)\n      }\n    })\n  }\n\n  /**\n   * Uncheck exclusive checkboxes\n   *\n   * Find any checkbox inputs with the same name value and the 'exclusive'\n   * behaviour, and uncheck them. This helps prevent someone checking both a\n   * regular checkbox and a \"None of these\" checkbox in the same fieldset.\n   *\n   * @private\n   * @param {HTMLInputElement} $input - Checkbox input\n   */\n  unCheckExclusiveInputs($input) {\n    const allInputsWithSameNameAndExclusiveBehaviour =\n      document.querySelectorAll(\n        `input[data-behaviour=\"exclusive\"][type=\"checkbox\"][name=\"${$input.name}\"]`\n      )\n\n    allInputsWithSameNameAndExclusiveBehaviour.forEach(($exclusiveInput) => {\n      const hasSameFormOwner = $input.form === $exclusiveInput.form\n      if (hasSameFormOwner) {\n        $exclusiveInput.checked = false\n        this.syncConditionalRevealWithInputState($exclusiveInput)\n      }\n    })\n  }\n\n  /**\n   * Click event handler\n   *\n   * Handle a click within the component root – if the click occurred on a checkbox,\n   * sync the state of any associated conditional reveal with the checkbox\n   * state.\n   *\n   * @private\n   * @param {MouseEvent} event - Click event\n   */\n  handleClick(event) {\n    const $clickedInput = event.target\n\n    // Ignore clicks on things that aren't checkbox inputs\n    if (\n      !($clickedInput instanceof HTMLInputElement) ||\n      $clickedInput.type !== 'checkbox'\n    ) {\n      return\n    }\n\n    // If the checkbox conditionally-reveals some content, sync the state\n    const hasAriaControls = $clickedInput.getAttribute('aria-controls')\n    if (hasAriaControls) {\n      this.syncConditionalRevealWithInputState($clickedInput)\n    }\n\n    // No further behaviour needed for unchecking\n    if (!$clickedInput.checked) {\n      return\n    }\n\n    // Handle 'exclusive' checkbox behaviour (ie \"None of these\")\n    const hasBehaviourExclusive =\n      $clickedInput.getAttribute('data-behaviour') === 'exclusive'\n    if (hasBehaviourExclusive) {\n      this.unCheckAllInputsExcept($clickedInput)\n    } else {\n      this.unCheckExclusiveInputs($clickedInput)\n    }\n  }\n\n  /**\n   * Name for the component used when initialising using data-module attributes.\n   */\n  static moduleName = 'govuk-checkboxes'\n}\n"],"names":["isInitialised","$root","moduleName","HTMLElement","hasAttribute","isSupported","$scope","document","body","classList","contains","isArray","option","Array","isObject","formatErrorMessage","Component","message","GOVUKFrontendError","Error","constructor","args","name","SupportError","supportMessage","HTMLScriptElement","prototype","ElementError","messageOrOptions","component","identifier","element","expectedType","InitError","componentOrMessage","_$root","childConstructor","elementType","checkSupport","checkInitialised","setAttribute","Checkboxes","$inputs","querySelectorAll","length","forEach","$input","targetId","getAttribute","getElementById","removeAttribute","window","addEventListener","syncAllConditionalReveals","event","handleClick","syncConditionalRevealWithInputState","$target","inputIsChecked","checked","toString","toggle","unCheckAllInputsExcept","allInputsWithSameName","$inputWithSameName","hasSameFormOwner","form","unCheckExclusiveInputs","allInputsWithSameNameAndExclusiveBehaviour","$exclusiveInput","$clickedInput","target","HTMLInputElement","type","hasAriaControls","hasBehaviourExclusive"],"mappings":"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"}
\ No newline at end of file
diff --git a/node_modules/govuk-frontend/dist/govuk/components/checkboxes/checkboxes.mjs b/node_modules/govuk-frontend/dist/govuk/components/checkboxes/checkboxes.mjs
new file mode 100644
index 0000000..9d62377
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/checkboxes/checkboxes.mjs
@@ -0,0 +1,111 @@
+import { Component } from '../../component.mjs';
+import { ElementError } from '../../errors/index.mjs';
+
+/**
+ * Checkboxes component
+ *
+ * @preserve
+ */
+class Checkboxes extends Component {
+  /**
+   * Checkboxes can be associated with a 'conditionally revealed' content block
+   * – for example, a checkbox for 'Phone' could reveal an additional form field
+   * for the user to enter their phone number.
+   *
+   * These associations are made using a `data-aria-controls` attribute, which
+   * is promoted to an aria-controls attribute during initialisation.
+   *
+   * We also need to restore the state of any conditional reveals on the page
+   * (for example if the user has navigated back), and set up event handlers to
+   * keep the reveal in sync with the checkbox state.
+   *
+   * @param {Element | null} $root - HTML element to use for checkboxes
+   */
+  constructor($root) {
+    super($root);
+    this.$inputs = void 0;
+    const $inputs = this.$root.querySelectorAll('input[type="checkbox"]');
+    if (!$inputs.length) {
+      throw new ElementError({
+        component: Checkboxes,
+        identifier: 'Form inputs (`<input type="checkbox">`)'
+      });
+    }
+    this.$inputs = $inputs;
+    this.$inputs.forEach($input => {
+      const targetId = $input.getAttribute('data-aria-controls');
+      if (!targetId) {
+        return;
+      }
+      if (!document.getElementById(targetId)) {
+        throw new ElementError({
+          component: Checkboxes,
+          identifier: `Conditional reveal (\`id="${targetId}"\`)`
+        });
+      }
+      $input.setAttribute('aria-controls', targetId);
+      $input.removeAttribute('data-aria-controls');
+    });
+    window.addEventListener('pageshow', () => this.syncAllConditionalReveals());
+    this.syncAllConditionalReveals();
+    this.$root.addEventListener('click', event => this.handleClick(event));
+  }
+  syncAllConditionalReveals() {
+    this.$inputs.forEach($input => this.syncConditionalRevealWithInputState($input));
+  }
+  syncConditionalRevealWithInputState($input) {
+    const targetId = $input.getAttribute('aria-controls');
+    if (!targetId) {
+      return;
+    }
+    const $target = document.getElementById(targetId);
+    if ($target != null && $target.classList.contains('govuk-checkboxes__conditional')) {
+      const inputIsChecked = $input.checked;
+      $input.setAttribute('aria-expanded', inputIsChecked.toString());
+      $target.classList.toggle('govuk-checkboxes__conditional--hidden', !inputIsChecked);
+    }
+  }
+  unCheckAllInputsExcept($input) {
+    const allInputsWithSameName = document.querySelectorAll(`input[type="checkbox"][name="${$input.name}"]`);
+    allInputsWithSameName.forEach($inputWithSameName => {
+      const hasSameFormOwner = $input.form === $inputWithSameName.form;
+      if (hasSameFormOwner && $inputWithSameName !== $input) {
+        $inputWithSameName.checked = false;
+        this.syncConditionalRevealWithInputState($inputWithSameName);
+      }
+    });
+  }
+  unCheckExclusiveInputs($input) {
+    const allInputsWithSameNameAndExclusiveBehaviour = document.querySelectorAll(`input[data-behaviour="exclusive"][type="checkbox"][name="${$input.name}"]`);
+    allInputsWithSameNameAndExclusiveBehaviour.forEach($exclusiveInput => {
+      const hasSameFormOwner = $input.form === $exclusiveInput.form;
+      if (hasSameFormOwner) {
+        $exclusiveInput.checked = false;
+        this.syncConditionalRevealWithInputState($exclusiveInput);
+      }
+    });
+  }
+  handleClick(event) {
+    const $clickedInput = event.target;
+    if (!($clickedInput instanceof HTMLInputElement) || $clickedInput.type !== 'checkbox') {
+      return;
+    }
+    const hasAriaControls = $clickedInput.getAttribute('aria-controls');
+    if (hasAriaControls) {
+      this.syncConditionalRevealWithInputState($clickedInput);
+    }
+    if (!$clickedInput.checked) {
+      return;
+    }
+    const hasBehaviourExclusive = $clickedInput.getAttribute('data-behaviour') === 'exclusive';
+    if (hasBehaviourExclusive) {
+      this.unCheckAllInputsExcept($clickedInput);
+    } else {
+      this.unCheckExclusiveInputs($clickedInput);
+    }
+  }
+}
+Checkboxes.moduleName = 'govuk-checkboxes';
+
+export { Checkboxes };
+//# sourceMappingURL=checkboxes.mjs.map
diff --git a/node_modules/govuk-frontend/dist/govuk/components/checkboxes/checkboxes.mjs.map b/node_modules/govuk-frontend/dist/govuk/components/checkboxes/checkboxes.mjs.map
new file mode 100644
index 0000000..ece6765
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/checkboxes/checkboxes.mjs.map
@@ -0,0 +1 @@
+{"version":3,"file":"checkboxes.mjs","sources":["../../../../src/govuk/components/checkboxes/checkboxes.mjs"],"sourcesContent":["import { Component } from '../../component.mjs'\nimport { ElementError } from '../../errors/index.mjs'\n\n/**\n * Checkboxes component\n *\n * @preserve\n */\nexport class Checkboxes extends Component {\n  /** @private */\n  $inputs\n\n  /**\n   * Checkboxes can be associated with a 'conditionally revealed' content block\n   * – for example, a checkbox for 'Phone' could reveal an additional form field\n   * for the user to enter their phone number.\n   *\n   * These associations are made using a `data-aria-controls` attribute, which\n   * is promoted to an aria-controls attribute during initialisation.\n   *\n   * We also need to restore the state of any conditional reveals on the page\n   * (for example if the user has navigated back), and set up event handlers to\n   * keep the reveal in sync with the checkbox state.\n   *\n   * @param {Element | null} $root - HTML element to use for checkboxes\n   */\n  constructor($root) {\n    super($root)\n\n    const $inputs = this.$root.querySelectorAll('input[type=\"checkbox\"]')\n    if (!$inputs.length) {\n      throw new ElementError({\n        component: Checkboxes,\n        identifier: 'Form inputs (`<input type=\"checkbox\">`)'\n      })\n    }\n\n    this.$inputs = $inputs\n\n    this.$inputs.forEach(($input) => {\n      const targetId = $input.getAttribute('data-aria-controls')\n\n      // Skip radios without data-aria-controls attributes\n      if (!targetId) {\n        return\n      }\n\n      // Throw if target conditional element does not exist.\n      if (!document.getElementById(targetId)) {\n        throw new ElementError({\n          component: Checkboxes,\n          identifier: `Conditional reveal (\\`id=\"${targetId}\"\\`)`\n        })\n      }\n\n      // Promote the data-aria-controls attribute to a aria-controls attribute\n      // so that the relationship is exposed in the AOM\n      $input.setAttribute('aria-controls', targetId)\n      $input.removeAttribute('data-aria-controls')\n    })\n\n    // When the page is restored after navigating 'back' in some browsers the\n    // state of form controls is not restored until *after* the DOMContentLoaded\n    // event is fired, so we need to sync after the pageshow event.\n    window.addEventListener('pageshow', () => this.syncAllConditionalReveals())\n\n    // Although we've set up handlers to sync state on the pageshow event, init\n    // could be called after those events have fired, for example if they are\n    // added to the page dynamically, so sync now too.\n    this.syncAllConditionalReveals()\n\n    // Handle events\n    this.$root.addEventListener('click', (event) => this.handleClick(event))\n  }\n\n  /**\n   * Sync the conditional reveal states for all checkboxes in this component.\n   *\n   * @private\n   */\n  syncAllConditionalReveals() {\n    this.$inputs.forEach(($input) =>\n      this.syncConditionalRevealWithInputState($input)\n    )\n  }\n\n  /**\n   * Sync conditional reveal with the input state\n   *\n   * Synchronise the visibility of the conditional reveal, and its accessible\n   * state, with the input's checked state.\n   *\n   * @private\n   * @param {HTMLInputElement} $input - Checkbox input\n   */\n  syncConditionalRevealWithInputState($input) {\n    const targetId = $input.getAttribute('aria-controls')\n    if (!targetId) {\n      return\n    }\n\n    const $target = document.getElementById(targetId)\n    if ($target?.classList.contains('govuk-checkboxes__conditional')) {\n      const inputIsChecked = $input.checked\n\n      $input.setAttribute('aria-expanded', inputIsChecked.toString())\n      $target.classList.toggle(\n        'govuk-checkboxes__conditional--hidden',\n        !inputIsChecked\n      )\n    }\n  }\n\n  /**\n   * Uncheck other checkboxes\n   *\n   * Find any other checkbox inputs with the same name value, and uncheck them.\n   * This is useful for when a “None of these\" checkbox is checked.\n   *\n   * @private\n   * @param {HTMLInputElement} $input - Checkbox input\n   */\n  unCheckAllInputsExcept($input) {\n    const allInputsWithSameName = document.querySelectorAll(\n      `input[type=\"checkbox\"][name=\"${$input.name}\"]`\n    )\n\n    allInputsWithSameName.forEach(($inputWithSameName) => {\n      const hasSameFormOwner = $input.form === $inputWithSameName.form\n      if (hasSameFormOwner && $inputWithSameName !== $input) {\n        $inputWithSameName.checked = false\n        this.syncConditionalRevealWithInputState($inputWithSameName)\n      }\n    })\n  }\n\n  /**\n   * Uncheck exclusive checkboxes\n   *\n   * Find any checkbox inputs with the same name value and the 'exclusive'\n   * behaviour, and uncheck them. This helps prevent someone checking both a\n   * regular checkbox and a \"None of these\" checkbox in the same fieldset.\n   *\n   * @private\n   * @param {HTMLInputElement} $input - Checkbox input\n   */\n  unCheckExclusiveInputs($input) {\n    const allInputsWithSameNameAndExclusiveBehaviour =\n      document.querySelectorAll(\n        `input[data-behaviour=\"exclusive\"][type=\"checkbox\"][name=\"${$input.name}\"]`\n      )\n\n    allInputsWithSameNameAndExclusiveBehaviour.forEach(($exclusiveInput) => {\n      const hasSameFormOwner = $input.form === $exclusiveInput.form\n      if (hasSameFormOwner) {\n        $exclusiveInput.checked = false\n        this.syncConditionalRevealWithInputState($exclusiveInput)\n      }\n    })\n  }\n\n  /**\n   * Click event handler\n   *\n   * Handle a click within the component root – if the click occurred on a checkbox,\n   * sync the state of any associated conditional reveal with the checkbox\n   * state.\n   *\n   * @private\n   * @param {MouseEvent} event - Click event\n   */\n  handleClick(event) {\n    const $clickedInput = event.target\n\n    // Ignore clicks on things that aren't checkbox inputs\n    if (\n      !($clickedInput instanceof HTMLInputElement) ||\n      $clickedInput.type !== 'checkbox'\n    ) {\n      return\n    }\n\n    // If the checkbox conditionally-reveals some content, sync the state\n    const hasAriaControls = $clickedInput.getAttribute('aria-controls')\n    if (hasAriaControls) {\n      this.syncConditionalRevealWithInputState($clickedInput)\n    }\n\n    // No further behaviour needed for unchecking\n    if (!$clickedInput.checked) {\n      return\n    }\n\n    // Handle 'exclusive' checkbox behaviour (ie \"None of these\")\n    const hasBehaviourExclusive =\n      $clickedInput.getAttribute('data-behaviour') === 'exclusive'\n    if (hasBehaviourExclusive) {\n      this.unCheckAllInputsExcept($clickedInput)\n    } else {\n      this.unCheckExclusiveInputs($clickedInput)\n    }\n  }\n\n  /**\n   * Name for the component used when initialising using data-module attributes.\n   */\n  static moduleName = 'govuk-checkboxes'\n}\n"],"names":["Checkboxes","Component","constructor","$root","$inputs","querySelectorAll","length","ElementError","component","identifier","forEach","$input","targetId","getAttribute","document","getElementById","setAttribute","removeAttribute","window","addEventListener","syncAllConditionalReveals","event","handleClick","syncConditionalRevealWithInputState","$target","classList","contains","inputIsChecked","checked","toString","toggle","unCheckAllInputsExcept","allInputsWithSameName","name","$inputWithSameName","hasSameFormOwner","form","unCheckExclusiveInputs","allInputsWithSameNameAndExclusiveBehaviour","$exclusiveInput","$clickedInput","target","HTMLInputElement","type","hasAriaControls","hasBehaviourExclusive","moduleName"],"mappings":"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"}
\ No newline at end of file
diff --git a/node_modules/govuk-frontend/dist/govuk/components/checkboxes/fixtures.json b/node_modules/govuk-frontend/dist/govuk/components/checkboxes/fixtures.json
new file mode 100644
index 0000000..52b43a6
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/checkboxes/fixtures.json
@@ -0,0 +1,1344 @@
+{
+    "component": "checkboxes",
+    "fixtures": [
+        {
+            "name": "default",
+            "options": {
+                "name": "nationality",
+                "fieldset": {
+                    "legend": {
+                        "text": "What is your nationality?"
+                    }
+                },
+                "items": [
+                    {
+                        "value": "british",
+                        "text": "British"
+                    },
+                    {
+                        "value": "irish",
+                        "text": "Irish"
+                    },
+                    {
+                        "value": "other",
+                        "text": "Citizen of another country"
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": true,
+            "html": "<div class=\"govuk-form-group\">\n  <fieldset class=\"govuk-fieldset\">\n  <legend class=\"govuk-fieldset__legend\">\n    What is your nationality?\n  </legend>\n  <div class=\"govuk-checkboxes\" data-module=\"govuk-checkboxes\">\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"nationality\" name=\"nationality\" type=\"checkbox\" value=\"british\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"nationality\">\n        British\n      </label>\n    </div>\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"nationality-2\" name=\"nationality\" type=\"checkbox\" value=\"irish\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"nationality-2\">\n        Irish\n      </label>\n    </div>\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"nationality-3\" name=\"nationality\" type=\"checkbox\" value=\"other\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"nationality-3\">\n        Citizen of another country\n      </label>\n    </div>\n  </div>\n</fieldset>\n</div>"
+        },
+        {
+            "name": "with hint",
+            "options": {
+                "name": "nationality",
+                "fieldset": {
+                    "legend": {
+                        "text": "What is your nationality?"
+                    }
+                },
+                "hint": {
+                    "text": "Select all that apply"
+                },
+                "items": [
+                    {
+                        "value": "british",
+                        "text": "British"
+                    },
+                    {
+                        "value": "irish",
+                        "text": "Irish"
+                    },
+                    {
+                        "value": "other",
+                        "text": "Citizen of another country"
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <fieldset class=\"govuk-fieldset\" aria-describedby=\"nationality-hint\">\n  <legend class=\"govuk-fieldset__legend\">\n    What is your nationality?\n  </legend>\n  <div id=\"nationality-hint\" class=\"govuk-hint\">\n    Select all that apply\n  </div>\n  <div class=\"govuk-checkboxes\" data-module=\"govuk-checkboxes\">\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"nationality\" name=\"nationality\" type=\"checkbox\" value=\"british\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"nationality\">\n        British\n      </label>\n    </div>\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"nationality-2\" name=\"nationality\" type=\"checkbox\" value=\"irish\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"nationality-2\">\n        Irish\n      </label>\n    </div>\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"nationality-3\" name=\"nationality\" type=\"checkbox\" value=\"other\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"nationality-3\">\n        Citizen of another country\n      </label>\n    </div>\n  </div>\n</fieldset>\n</div>"
+        },
+        {
+            "name": "with pre-checked values",
+            "options": {
+                "name": "how-contacted-checked",
+                "idPrefix": "how-contacted-checked",
+                "fieldset": {
+                    "legend": {
+                        "text": "How do you want to be contacted?"
+                    }
+                },
+                "values": [
+                    "email",
+                    "text"
+                ],
+                "items": [
+                    {
+                        "value": "email",
+                        "text": "Email",
+                        "conditional": {
+                            "html": "<label class=\"govuk-label\" for=\"context-email\">Email address</label>\n<input class=\"govuk-input govuk-!-width-one-third\" name=\"context-email\" type=\"text\" id=\"context-email\">\n"
+                        }
+                    },
+                    {
+                        "value": "phone",
+                        "text": "Phone",
+                        "conditional": {
+                            "html": "<label class=\"govuk-label\" for=\"contact-phone\">Phone number</label>\n<input class=\"govuk-input govuk-!-width-one-third\" name=\"contact-phone\" type=\"text\" id=\"contact-phone\">\n"
+                        }
+                    },
+                    {
+                        "value": "text",
+                        "text": "Text message",
+                        "conditional": {
+                            "html": "<label class=\"govuk-label\" for=\"contact-text-message\">Mobile phone number</label>\n<input class=\"govuk-input govuk-!-width-one-third\" name=\"contact-text-message\" type=\"text\" id=\"contact-text-message\">\n"
+                        }
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": {
+                "variants": [
+                    "default",
+                    "no-js"
+                ]
+            },
+            "html": "<div class=\"govuk-form-group\">\n  <fieldset class=\"govuk-fieldset\">\n  <legend class=\"govuk-fieldset__legend\">\n    How do you want to be contacted?\n  </legend>\n  <div class=\"govuk-checkboxes\" data-module=\"govuk-checkboxes\">\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"how-contacted-checked\" name=\"how-contacted-checked\" type=\"checkbox\" value=\"email\" checked data-aria-controls=\"conditional-how-contacted-checked\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"how-contacted-checked\">\n        Email\n      </label>\n    </div>\n    <div class=\"govuk-checkboxes__conditional\" id=\"conditional-how-contacted-checked\">\n      <label class=\"govuk-label\" for=\"context-email\">Email address</label>\n<input class=\"govuk-input govuk-!-width-one-third\" name=\"context-email\" type=\"text\" id=\"context-email\">\n    </div>\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"how-contacted-checked-2\" name=\"how-contacted-checked\" type=\"checkbox\" value=\"phone\" data-aria-controls=\"conditional-how-contacted-checked-2\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"how-contacted-checked-2\">\n        Phone\n      </label>\n    </div>\n    <div class=\"govuk-checkboxes__conditional govuk-checkboxes__conditional--hidden\" id=\"conditional-how-contacted-checked-2\">\n      <label class=\"govuk-label\" for=\"contact-phone\">Phone number</label>\n<input class=\"govuk-input govuk-!-width-one-third\" name=\"contact-phone\" type=\"text\" id=\"contact-phone\">\n    </div>\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"how-contacted-checked-3\" name=\"how-contacted-checked\" type=\"checkbox\" value=\"text\" checked data-aria-controls=\"conditional-how-contacted-checked-3\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"how-contacted-checked-3\">\n        Text message\n      </label>\n    </div>\n    <div class=\"govuk-checkboxes__conditional\" id=\"conditional-how-contacted-checked-3\">\n      <label class=\"govuk-label\" for=\"contact-text-message\">Mobile phone number</label>\n<input class=\"govuk-input govuk-!-width-one-third\" name=\"contact-text-message\" type=\"text\" id=\"contact-text-message\">\n    </div>\n  </div>\n</fieldset>\n</div>"
+        },
+        {
+            "name": "with divider and None",
+            "options": {
+                "name": "with-divider-and-none",
+                "fieldset": {
+                    "legend": {
+                        "text": "Which types of waste do you transport regularly?"
+                    }
+                },
+                "items": [
+                    {
+                        "value": "animal",
+                        "text": "Waste from animal carcasses"
+                    },
+                    {
+                        "value": "mines",
+                        "text": "Waste from mines or quarries"
+                    },
+                    {
+                        "value": "farm",
+                        "text": "Farm or agricultural waste"
+                    },
+                    {
+                        "divider": "or"
+                    },
+                    {
+                        "value": "none",
+                        "text": "None of these",
+                        "behaviour": "exclusive"
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": true,
+            "html": "<div class=\"govuk-form-group\">\n  <fieldset class=\"govuk-fieldset\">\n  <legend class=\"govuk-fieldset__legend\">\n    Which types of waste do you transport regularly?\n  </legend>\n  <div class=\"govuk-checkboxes\" data-module=\"govuk-checkboxes\">\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"with-divider-and-none\" name=\"with-divider-and-none\" type=\"checkbox\" value=\"animal\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"with-divider-and-none\">\n        Waste from animal carcasses\n      </label>\n    </div>\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"with-divider-and-none-2\" name=\"with-divider-and-none\" type=\"checkbox\" value=\"mines\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"with-divider-and-none-2\">\n        Waste from mines or quarries\n      </label>\n    </div>\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"with-divider-and-none-3\" name=\"with-divider-and-none\" type=\"checkbox\" value=\"farm\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"with-divider-and-none-3\">\n        Farm or agricultural waste\n      </label>\n    </div>\n    <div class=\"govuk-checkboxes__divider\">or</div>\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"with-divider-and-none-5\" name=\"with-divider-and-none\" type=\"checkbox\" value=\"none\" data-behaviour=\"exclusive\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"with-divider-and-none-5\">\n        None of these\n      </label>\n    </div>\n  </div>\n</fieldset>\n</div>"
+        },
+        {
+            "name": "with divider, None and conditional items",
+            "options": {
+                "name": "with-divider-and-none-and-conditional-items",
+                "fieldset": {
+                    "legend": {
+                        "text": "Do you have any access needs?"
+                    }
+                },
+                "items": [
+                    {
+                        "value": "accessible-toilets",
+                        "text": "Accessible toilets available"
+                    },
+                    {
+                        "value": "braille",
+                        "text": "Braille translation service available"
+                    },
+                    {
+                        "value": "disabled-car-parking",
+                        "text": "Disabled car parking available"
+                    },
+                    {
+                        "value": "another-access-need",
+                        "text": "Another access need",
+                        "conditional": {
+                            "html": "<label class=\"govuk-label\" for=\"other-access-needs\">Other access needs</label>\n<textarea class=\"govuk-textarea govuk-!-width-one-third\" name=\"other-access-needs\" id=\"other-access-needs\"></textarea>\n"
+                        }
+                    },
+                    {
+                        "divider": "or"
+                    },
+                    {
+                        "value": "none",
+                        "text": "None of these",
+                        "behaviour": "exclusive"
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <fieldset class=\"govuk-fieldset\">\n  <legend class=\"govuk-fieldset__legend\">\n    Do you have any access needs?\n  </legend>\n  <div class=\"govuk-checkboxes\" data-module=\"govuk-checkboxes\">\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"with-divider-and-none-and-conditional-items\" name=\"with-divider-and-none-and-conditional-items\" type=\"checkbox\" value=\"accessible-toilets\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"with-divider-and-none-and-conditional-items\">\n        Accessible toilets available\n      </label>\n    </div>\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"with-divider-and-none-and-conditional-items-2\" name=\"with-divider-and-none-and-conditional-items\" type=\"checkbox\" value=\"braille\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"with-divider-and-none-and-conditional-items-2\">\n        Braille translation service available\n      </label>\n    </div>\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"with-divider-and-none-and-conditional-items-3\" name=\"with-divider-and-none-and-conditional-items\" type=\"checkbox\" value=\"disabled-car-parking\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"with-divider-and-none-and-conditional-items-3\">\n        Disabled car parking available\n      </label>\n    </div>\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"with-divider-and-none-and-conditional-items-4\" name=\"with-divider-and-none-and-conditional-items\" type=\"checkbox\" value=\"another-access-need\" data-aria-controls=\"conditional-with-divider-and-none-and-conditional-items-4\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"with-divider-and-none-and-conditional-items-4\">\n        Another access need\n      </label>\n    </div>\n    <div class=\"govuk-checkboxes__conditional govuk-checkboxes__conditional--hidden\" id=\"conditional-with-divider-and-none-and-conditional-items-4\">\n      <label class=\"govuk-label\" for=\"other-access-needs\">Other access needs</label>\n<textarea class=\"govuk-textarea govuk-!-width-one-third\" name=\"other-access-needs\" id=\"other-access-needs\"></textarea>\n    </div>\n    <div class=\"govuk-checkboxes__divider\">or</div>\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"with-divider-and-none-and-conditional-items-6\" name=\"with-divider-and-none-and-conditional-items\" type=\"checkbox\" value=\"none\" data-behaviour=\"exclusive\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"with-divider-and-none-and-conditional-items-6\">\n        None of these\n      </label>\n    </div>\n  </div>\n</fieldset>\n</div>"
+        },
+        {
+            "name": "with hints on items",
+            "options": {
+                "name": "with-hints-on-items",
+                "fieldset": {
+                    "legend": {
+                        "text": "How do you want to sign in?"
+                    }
+                },
+                "items": [
+                    {
+                        "name": "gateway",
+                        "id": "government-gateway",
+                        "value": "gov-gateway",
+                        "text": "Sign in with Government Gateway",
+                        "hint": {
+                            "text": "You'll have a user ID if you've registered for Self Assessment or filed a tax return online before."
+                        }
+                    },
+                    {
+                        "name": "verify",
+                        "id": "govuk-verify",
+                        "value": "gov-verify",
+                        "text": "Sign in with GOV.UK Verify",
+                        "hint": {
+                            "text": "You'll have an account if you've already proved your identity with either Barclays, CitizenSafe, Digidentity, Experian, Post Office, Royal Mail or SecureIdentity."
+                        }
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <fieldset class=\"govuk-fieldset\">\n  <legend class=\"govuk-fieldset__legend\">\n    How do you want to sign in?\n  </legend>\n  <div class=\"govuk-checkboxes\" data-module=\"govuk-checkboxes\">\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"government-gateway\" name=\"gateway\" type=\"checkbox\" value=\"gov-gateway\" aria-describedby=\"government-gateway-item-hint\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"government-gateway\">\n        Sign in with Government Gateway\n      </label>\n      <div id=\"government-gateway-item-hint\" class=\"govuk-hint govuk-checkboxes__hint\">\n        You&#39;ll have a user ID if you&#39;ve registered for Self Assessment or filed a tax return online before.\n      </div>\n    </div>\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"govuk-verify\" name=\"verify\" type=\"checkbox\" value=\"gov-verify\" aria-describedby=\"govuk-verify-item-hint\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"govuk-verify\">\n        Sign in with GOV.UK Verify\n      </label>\n      <div id=\"govuk-verify-item-hint\" class=\"govuk-hint govuk-checkboxes__hint\">\n        You&#39;ll have an account if you&#39;ve already proved your identity with either Barclays, CitizenSafe, Digidentity, Experian, Post Office, Royal Mail or SecureIdentity.\n      </div>\n    </div>\n  </div>\n</fieldset>\n</div>"
+        },
+        {
+            "name": "with legend as a page heading",
+            "options": {
+                "name": "waste",
+                "fieldset": {
+                    "legend": {
+                        "text": "Which types of waste do you transport regularly?",
+                        "classes": "govuk-fieldset__legend--l",
+                        "isPageHeading": true
+                    }
+                },
+                "hint": {
+                    "text": "Select all that apply"
+                },
+                "items": [
+                    {
+                        "value": "animal",
+                        "text": "Waste from animal carcasses"
+                    },
+                    {
+                        "value": "mines",
+                        "text": "Waste from mines or quarries"
+                    },
+                    {
+                        "value": "farm",
+                        "text": "Farm or agricultural waste"
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <fieldset class=\"govuk-fieldset\" aria-describedby=\"waste-hint\">\n  <legend class=\"govuk-fieldset__legend govuk-fieldset__legend--l\">\n    <h1 class=\"govuk-fieldset__heading\">\n      Which types of waste do you transport regularly?\n    </h1>\n  </legend>\n  <div id=\"waste-hint\" class=\"govuk-hint\">\n    Select all that apply\n  </div>\n  <div class=\"govuk-checkboxes\" data-module=\"govuk-checkboxes\">\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"waste\" name=\"waste\" type=\"checkbox\" value=\"animal\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"waste\">\n        Waste from animal carcasses\n      </label>\n    </div>\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"waste-2\" name=\"waste\" type=\"checkbox\" value=\"mines\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"waste-2\">\n        Waste from mines or quarries\n      </label>\n    </div>\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"waste-3\" name=\"waste\" type=\"checkbox\" value=\"farm\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"waste-3\">\n        Farm or agricultural waste\n      </label>\n    </div>\n  </div>\n</fieldset>\n</div>"
+        },
+        {
+            "name": "with error message",
+            "options": {
+                "name": "waste",
+                "errorMessage": {
+                    "text": "Please select an option"
+                },
+                "fieldset": {
+                    "legend": {
+                        "text": "Which types of waste do you transport regularly?"
+                    }
+                },
+                "items": [
+                    {
+                        "value": "animal",
+                        "text": "Waste from animal carcasses",
+                        "hint": {
+                            "text": "Nullam id dolor id nibh ultricies vehicula ut id elit."
+                        }
+                    },
+                    {
+                        "value": "mines",
+                        "text": "Waste from mines or quarries",
+                        "hint": {
+                            "text": "Nullam id dolor id nibh ultricies vehicula ut id elit."
+                        }
+                    },
+                    {
+                        "value": "farm",
+                        "text": "Farm or agricultural waste",
+                        "hint": {
+                            "text": "Nullam id dolor id nibh ultricies vehicula ut id elit."
+                        }
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-form-group--error\">\n  <fieldset class=\"govuk-fieldset\" aria-describedby=\"waste-error\">\n  <legend class=\"govuk-fieldset__legend\">\n    Which types of waste do you transport regularly?\n  </legend>\n  <p id=\"waste-error\" class=\"govuk-error-message\">\n    <span class=\"govuk-visually-hidden\">Error:</span> Please select an option\n  </p>\n  <div class=\"govuk-checkboxes\" data-module=\"govuk-checkboxes\">\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"waste\" name=\"waste\" type=\"checkbox\" value=\"animal\" aria-describedby=\"waste-item-hint\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"waste\">\n        Waste from animal carcasses\n      </label>\n      <div id=\"waste-item-hint\" class=\"govuk-hint govuk-checkboxes__hint\">\n        Nullam id dolor id nibh ultricies vehicula ut id elit.\n      </div>\n    </div>\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"waste-2\" name=\"waste\" type=\"checkbox\" value=\"mines\" aria-describedby=\"waste-2-item-hint\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"waste-2\">\n        Waste from mines or quarries\n      </label>\n      <div id=\"waste-2-item-hint\" class=\"govuk-hint govuk-checkboxes__hint\">\n        Nullam id dolor id nibh ultricies vehicula ut id elit.\n      </div>\n    </div>\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"waste-3\" name=\"waste\" type=\"checkbox\" value=\"farm\" aria-describedby=\"waste-3-item-hint\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"waste-3\">\n        Farm or agricultural waste\n      </label>\n      <div id=\"waste-3-item-hint\" class=\"govuk-hint govuk-checkboxes__hint\">\n        Nullam id dolor id nibh ultricies vehicula ut id elit.\n      </div>\n    </div>\n  </div>\n</fieldset>\n</div>"
+        },
+        {
+            "name": "with very long option text",
+            "options": {
+                "name": "waste",
+                "hint": {
+                    "text": "Nullam id dolor id nibh ultricies vehicula ut id elit."
+                },
+                "fieldset": {
+                    "legend": {
+                        "text": "Maecenas faucibus mollis interdum?"
+                    }
+                },
+                "items": [
+                    {
+                        "value": "nullam",
+                        "text": "Nullam id dolor id nibh ultricies vehicula ut id elit. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Maecenas faucibus mollis interdum. Donec id elit non mi porta gravida at eget metus."
+                    },
+                    {
+                        "value": "aenean",
+                        "text": "Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Donec sed odio dui. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Cras mattis consectetur purus sit amet fermentum."
+                    },
+                    {
+                        "value": "fusce",
+                        "text": "Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Etiam porta sem malesuada magna mollis euismod. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. Sed posuere consectetur est at lobortis."
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <fieldset class=\"govuk-fieldset\" aria-describedby=\"waste-hint\">\n  <legend class=\"govuk-fieldset__legend\">\n    Maecenas faucibus mollis interdum?\n  </legend>\n  <div id=\"waste-hint\" class=\"govuk-hint\">\n    Nullam id dolor id nibh ultricies vehicula ut id elit.\n  </div>\n  <div class=\"govuk-checkboxes\" data-module=\"govuk-checkboxes\">\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"waste\" name=\"waste\" type=\"checkbox\" value=\"nullam\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"waste\">\n        Nullam id dolor id nibh ultricies vehicula ut id elit. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Maecenas faucibus mollis interdum. Donec id elit non mi porta gravida at eget metus.\n      </label>\n    </div>\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"waste-2\" name=\"waste\" type=\"checkbox\" value=\"aenean\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"waste-2\">\n        Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Donec sed odio dui. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Cras mattis consectetur purus sit amet fermentum.\n      </label>\n    </div>\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"waste-3\" name=\"waste\" type=\"checkbox\" value=\"fusce\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"waste-3\">\n        Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Etiam porta sem malesuada magna mollis euismod. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. Sed posuere consectetur est at lobortis.\n      </label>\n    </div>\n  </div>\n</fieldset>\n</div>"
+        },
+        {
+            "name": "with conditional items",
+            "options": {
+                "name": "with-conditional-items",
+                "idPrefix": "how-contacted",
+                "fieldset": {
+                    "legend": {
+                        "text": "How do you want to be contacted?"
+                    }
+                },
+                "items": [
+                    {
+                        "value": "email",
+                        "text": "Email",
+                        "conditional": {
+                            "html": "<label class=\"govuk-label\" for=\"context-email\">Email address</label>\n<input class=\"govuk-input govuk-!-width-one-third\" name=\"context-email\" type=\"text\" id=\"context-email\">\n"
+                        }
+                    },
+                    {
+                        "value": "phone",
+                        "text": "Phone",
+                        "conditional": {
+                            "html": "<label class=\"govuk-label\" for=\"contact-phone\">Phone number</label>\n<input class=\"govuk-input govuk-!-width-one-third\" name=\"contact-phone\" type=\"text\" id=\"contact-phone\">\n"
+                        }
+                    },
+                    {
+                        "value": "text",
+                        "text": "Text message",
+                        "conditional": {
+                            "html": "<label class=\"govuk-label\" for=\"contact-text-message\">Mobile phone number</label>\n<input class=\"govuk-input govuk-!-width-one-third\" name=\"contact-text-message\" type=\"text\" id=\"contact-text-message\">\n"
+                        }
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <fieldset class=\"govuk-fieldset\">\n  <legend class=\"govuk-fieldset__legend\">\n    How do you want to be contacted?\n  </legend>\n  <div class=\"govuk-checkboxes\" data-module=\"govuk-checkboxes\">\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"how-contacted\" name=\"with-conditional-items\" type=\"checkbox\" value=\"email\" data-aria-controls=\"conditional-how-contacted\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"how-contacted\">\n        Email\n      </label>\n    </div>\n    <div class=\"govuk-checkboxes__conditional govuk-checkboxes__conditional--hidden\" id=\"conditional-how-contacted\">\n      <label class=\"govuk-label\" for=\"context-email\">Email address</label>\n<input class=\"govuk-input govuk-!-width-one-third\" name=\"context-email\" type=\"text\" id=\"context-email\">\n    </div>\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"how-contacted-2\" name=\"with-conditional-items\" type=\"checkbox\" value=\"phone\" data-aria-controls=\"conditional-how-contacted-2\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"how-contacted-2\">\n        Phone\n      </label>\n    </div>\n    <div class=\"govuk-checkboxes__conditional govuk-checkboxes__conditional--hidden\" id=\"conditional-how-contacted-2\">\n      <label class=\"govuk-label\" for=\"contact-phone\">Phone number</label>\n<input class=\"govuk-input govuk-!-width-one-third\" name=\"contact-phone\" type=\"text\" id=\"contact-phone\">\n    </div>\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"how-contacted-3\" name=\"with-conditional-items\" type=\"checkbox\" value=\"text\" data-aria-controls=\"conditional-how-contacted-3\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"how-contacted-3\">\n        Text message\n      </label>\n    </div>\n    <div class=\"govuk-checkboxes__conditional govuk-checkboxes__conditional--hidden\" id=\"conditional-how-contacted-3\">\n      <label class=\"govuk-label\" for=\"contact-text-message\">Mobile phone number</label>\n<input class=\"govuk-input govuk-!-width-one-third\" name=\"contact-text-message\" type=\"text\" id=\"contact-text-message\">\n    </div>\n  </div>\n</fieldset>\n</div>"
+        },
+        {
+            "name": "with optional form-group classes showing group error",
+            "options": {
+                "name": "how-contacted-checked",
+                "idPrefix": "how-contacted-checked",
+                "formGroup": {
+                    "classes": "govuk-form-group--error"
+                },
+                "fieldset": {
+                    "legend": {
+                        "text": "How do you want to be contacted?"
+                    }
+                },
+                "items": [
+                    {
+                        "value": "email",
+                        "text": "Email",
+                        "conditional": {
+                            "html": "<label class=\"govuk-label\" for=\"context-email\">Email address</label>\n<input class=\"govuk-input govuk-!-width-one-third\" name=\"context-email\" type=\"text\" id=\"context-email\">\n"
+                        }
+                    },
+                    {
+                        "value": "phone",
+                        "text": "Phone",
+                        "checked": true,
+                        "conditional": {
+                            "html": "<label class=\"govuk-label\" for=\"contact-phone\">Phone number</label>\n<span id=\"contact-phone-error\" class=\"govuk-error-message\">Problem with input</span>\n<input class=\"govuk-input govuk-input--error govuk-!-width-one-third\" name=\"contact-phone\" type=\"text\" id=\"contact-phone\" aria-describedby=\"contact-phone-error\">\n"
+                        }
+                    },
+                    {
+                        "value": "text",
+                        "text": "Text message",
+                        "conditional": {
+                            "html": "<label class=\"govuk-label\" for=\"contact-text-message\">Mobile phone number</label>\n<input class=\"govuk-input govuk-!-width-one-third\" name=\"contact-text-message\" type=\"text\" id=\"contact-text-message\">\n"
+                        }
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-form-group--error\">\n  <fieldset class=\"govuk-fieldset\">\n  <legend class=\"govuk-fieldset__legend\">\n    How do you want to be contacted?\n  </legend>\n  <div class=\"govuk-checkboxes\" data-module=\"govuk-checkboxes\">\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"how-contacted-checked\" name=\"how-contacted-checked\" type=\"checkbox\" value=\"email\" data-aria-controls=\"conditional-how-contacted-checked\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"how-contacted-checked\">\n        Email\n      </label>\n    </div>\n    <div class=\"govuk-checkboxes__conditional govuk-checkboxes__conditional--hidden\" id=\"conditional-how-contacted-checked\">\n      <label class=\"govuk-label\" for=\"context-email\">Email address</label>\n<input class=\"govuk-input govuk-!-width-one-third\" name=\"context-email\" type=\"text\" id=\"context-email\">\n    </div>\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"how-contacted-checked-2\" name=\"how-contacted-checked\" type=\"checkbox\" value=\"phone\" checked data-aria-controls=\"conditional-how-contacted-checked-2\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"how-contacted-checked-2\">\n        Phone\n      </label>\n    </div>\n    <div class=\"govuk-checkboxes__conditional\" id=\"conditional-how-contacted-checked-2\">\n      <label class=\"govuk-label\" for=\"contact-phone\">Phone number</label>\n<span id=\"contact-phone-error\" class=\"govuk-error-message\">Problem with input</span>\n<input class=\"govuk-input govuk-input--error govuk-!-width-one-third\" name=\"contact-phone\" type=\"text\" id=\"contact-phone\" aria-describedby=\"contact-phone-error\">\n    </div>\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"how-contacted-checked-3\" name=\"how-contacted-checked\" type=\"checkbox\" value=\"text\" data-aria-controls=\"conditional-how-contacted-checked-3\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"how-contacted-checked-3\">\n        Text message\n      </label>\n    </div>\n    <div class=\"govuk-checkboxes__conditional govuk-checkboxes__conditional--hidden\" id=\"conditional-how-contacted-checked-3\">\n      <label class=\"govuk-label\" for=\"contact-text-message\">Mobile phone number</label>\n<input class=\"govuk-input govuk-!-width-one-third\" name=\"contact-text-message\" type=\"text\" id=\"contact-text-message\">\n    </div>\n  </div>\n</fieldset>\n</div>"
+        },
+        {
+            "name": "small",
+            "options": {
+                "idPrefix": "nationality",
+                "name": "nationality",
+                "classes": "govuk-checkboxes--small",
+                "fieldset": {
+                    "legend": {
+                        "text": "Filter by"
+                    }
+                },
+                "items": [
+                    {
+                        "value": "a",
+                        "text": "a thing"
+                    },
+                    {
+                        "value": "b",
+                        "text": "another thing"
+                    },
+                    {
+                        "value": "c",
+                        "text": "this thing"
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": true,
+            "html": "<div class=\"govuk-form-group\">\n  <fieldset class=\"govuk-fieldset\">\n  <legend class=\"govuk-fieldset__legend\">\n    Filter by\n  </legend>\n  <div class=\"govuk-checkboxes govuk-checkboxes--small\" data-module=\"govuk-checkboxes\">\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"nationality\" name=\"nationality\" type=\"checkbox\" value=\"a\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"nationality\">\n        a thing\n      </label>\n    </div>\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"nationality-2\" name=\"nationality\" type=\"checkbox\" value=\"b\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"nationality-2\">\n        another thing\n      </label>\n    </div>\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"nationality-3\" name=\"nationality\" type=\"checkbox\" value=\"c\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"nationality-3\">\n        this thing\n      </label>\n    </div>\n  </div>\n</fieldset>\n</div>"
+        },
+        {
+            "name": "small with long text",
+            "options": {
+                "idPrefix": "nationality",
+                "name": "nationality",
+                "classes": "govuk-checkboxes--small",
+                "fieldset": {
+                    "legend": {
+                        "text": "Filter by"
+                    }
+                },
+                "items": [
+                    {
+                        "value": "nullam",
+                        "text": "Nullam id dolor id nibh ultricies vehicula ut id elit. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Maecenas faucibus mollis interdum. Donec id elit non mi porta gravida at eget metus."
+                    },
+                    {
+                        "value": "aenean",
+                        "text": "Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Donec sed odio dui. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Cras mattis consectetur purus sit amet fermentum."
+                    },
+                    {
+                        "value": "fusce",
+                        "text": "Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Etiam porta sem malesuada magna mollis euismod. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. Sed posuere consectetur est at lobortis."
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <fieldset class=\"govuk-fieldset\">\n  <legend class=\"govuk-fieldset__legend\">\n    Filter by\n  </legend>\n  <div class=\"govuk-checkboxes govuk-checkboxes--small\" data-module=\"govuk-checkboxes\">\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"nationality\" name=\"nationality\" type=\"checkbox\" value=\"nullam\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"nationality\">\n        Nullam id dolor id nibh ultricies vehicula ut id elit. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Maecenas faucibus mollis interdum. Donec id elit non mi porta gravida at eget metus.\n      </label>\n    </div>\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"nationality-2\" name=\"nationality\" type=\"checkbox\" value=\"aenean\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"nationality-2\">\n        Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Donec sed odio dui. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Cras mattis consectetur purus sit amet fermentum.\n      </label>\n    </div>\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"nationality-3\" name=\"nationality\" type=\"checkbox\" value=\"fusce\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"nationality-3\">\n        Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Etiam porta sem malesuada magna mollis euismod. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. Sed posuere consectetur est at lobortis.\n      </label>\n    </div>\n  </div>\n</fieldset>\n</div>"
+        },
+        {
+            "name": "small with error",
+            "options": {
+                "idPrefix": "nationality",
+                "name": "nationality",
+                "classes": "govuk-checkboxes--small",
+                "errorMessage": {
+                    "text": "Select a thing"
+                },
+                "fieldset": {
+                    "legend": {
+                        "text": "Filter by"
+                    }
+                },
+                "items": [
+                    {
+                        "value": "a",
+                        "text": "a thing"
+                    },
+                    {
+                        "value": "b",
+                        "text": "another thing"
+                    },
+                    {
+                        "value": "c",
+                        "text": "this thing"
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-form-group--error\">\n  <fieldset class=\"govuk-fieldset\" aria-describedby=\"nationality-error\">\n  <legend class=\"govuk-fieldset__legend\">\n    Filter by\n  </legend>\n  <p id=\"nationality-error\" class=\"govuk-error-message\">\n    <span class=\"govuk-visually-hidden\">Error:</span> Select a thing\n  </p>\n  <div class=\"govuk-checkboxes govuk-checkboxes--small\" data-module=\"govuk-checkboxes\">\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"nationality\" name=\"nationality\" type=\"checkbox\" value=\"a\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"nationality\">\n        a thing\n      </label>\n    </div>\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"nationality-2\" name=\"nationality\" type=\"checkbox\" value=\"b\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"nationality-2\">\n        another thing\n      </label>\n    </div>\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"nationality-3\" name=\"nationality\" type=\"checkbox\" value=\"c\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"nationality-3\">\n        this thing\n      </label>\n    </div>\n  </div>\n</fieldset>\n</div>"
+        },
+        {
+            "name": "small with hint",
+            "options": {
+                "idPrefix": "nationality",
+                "name": "nationality",
+                "classes": "govuk-checkboxes--small",
+                "fieldset": {
+                    "legend": {
+                        "text": "Filter by"
+                    }
+                },
+                "items": [
+                    {
+                        "value": "a",
+                        "text": "a thing",
+                        "hint": {
+                            "text": "hint for a thing"
+                        }
+                    },
+                    {
+                        "value": "b",
+                        "text": "another thing"
+                    },
+                    {
+                        "value": "c",
+                        "text": "this thing"
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <fieldset class=\"govuk-fieldset\">\n  <legend class=\"govuk-fieldset__legend\">\n    Filter by\n  </legend>\n  <div class=\"govuk-checkboxes govuk-checkboxes--small\" data-module=\"govuk-checkboxes\">\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"nationality\" name=\"nationality\" type=\"checkbox\" value=\"a\" aria-describedby=\"nationality-item-hint\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"nationality\">\n        a thing\n      </label>\n      <div id=\"nationality-item-hint\" class=\"govuk-hint govuk-checkboxes__hint\">\n        hint for a thing\n      </div>\n    </div>\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"nationality-2\" name=\"nationality\" type=\"checkbox\" value=\"b\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"nationality-2\">\n        another thing\n      </label>\n    </div>\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"nationality-3\" name=\"nationality\" type=\"checkbox\" value=\"c\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"nationality-3\">\n        this thing\n      </label>\n    </div>\n  </div>\n</fieldset>\n</div>"
+        },
+        {
+            "name": "small with conditional reveal",
+            "options": {
+                "name": "how-contacted",
+                "idPrefix": "how-contacted",
+                "classes": "govuk-checkboxes--small",
+                "fieldset": {
+                    "legend": {
+                        "text": "How do you want to be contacted?"
+                    }
+                },
+                "items": [
+                    {
+                        "value": "a",
+                        "text": "a thing",
+                        "conditional": {
+                            "html": "<label class=\"govuk-label\" for=\"context-email\">Foo</label>\n<input class=\"govuk-input govuk-!-width-one-third\" name=\"context-email\" type=\"text\" id=\"context-email\">\n"
+                        }
+                    },
+                    {
+                        "value": "b",
+                        "text": "another thing"
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <fieldset class=\"govuk-fieldset\">\n  <legend class=\"govuk-fieldset__legend\">\n    How do you want to be contacted?\n  </legend>\n  <div class=\"govuk-checkboxes govuk-checkboxes--small\" data-module=\"govuk-checkboxes\">\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"how-contacted\" name=\"how-contacted\" type=\"checkbox\" value=\"a\" data-aria-controls=\"conditional-how-contacted\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"how-contacted\">\n        a thing\n      </label>\n    </div>\n    <div class=\"govuk-checkboxes__conditional govuk-checkboxes__conditional--hidden\" id=\"conditional-how-contacted\">\n      <label class=\"govuk-label\" for=\"context-email\">Foo</label>\n<input class=\"govuk-input govuk-!-width-one-third\" name=\"context-email\" type=\"text\" id=\"context-email\">\n    </div>\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"how-contacted-2\" name=\"how-contacted\" type=\"checkbox\" value=\"b\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"how-contacted-2\">\n        another thing\n      </label>\n    </div>\n  </div>\n</fieldset>\n</div>"
+        },
+        {
+            "name": "small with divider and None",
+            "options": {
+                "name": "small-with-divider-and-none",
+                "classes": "govuk-checkboxes--small",
+                "fieldset": {
+                    "legend": {
+                        "text": "Which types of waste do you transport regularly?"
+                    }
+                },
+                "items": [
+                    {
+                        "value": "animal",
+                        "text": "Waste from animal carcasses"
+                    },
+                    {
+                        "value": "mines",
+                        "text": "Waste from mines or quarries"
+                    },
+                    {
+                        "value": "farm",
+                        "text": "Farm or agricultural waste"
+                    },
+                    {
+                        "divider": "or"
+                    },
+                    {
+                        "value": "none",
+                        "text": "None of these",
+                        "behaviour": "exclusive"
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <fieldset class=\"govuk-fieldset\">\n  <legend class=\"govuk-fieldset__legend\">\n    Which types of waste do you transport regularly?\n  </legend>\n  <div class=\"govuk-checkboxes govuk-checkboxes--small\" data-module=\"govuk-checkboxes\">\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"small-with-divider-and-none\" name=\"small-with-divider-and-none\" type=\"checkbox\" value=\"animal\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"small-with-divider-and-none\">\n        Waste from animal carcasses\n      </label>\n    </div>\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"small-with-divider-and-none-2\" name=\"small-with-divider-and-none\" type=\"checkbox\" value=\"mines\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"small-with-divider-and-none-2\">\n        Waste from mines or quarries\n      </label>\n    </div>\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"small-with-divider-and-none-3\" name=\"small-with-divider-and-none\" type=\"checkbox\" value=\"farm\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"small-with-divider-and-none-3\">\n        Farm or agricultural waste\n      </label>\n    </div>\n    <div class=\"govuk-checkboxes__divider\">or</div>\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"small-with-divider-and-none-5\" name=\"small-with-divider-and-none\" type=\"checkbox\" value=\"none\" data-behaviour=\"exclusive\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"small-with-divider-and-none-5\">\n        None of these\n      </label>\n    </div>\n  </div>\n</fieldset>\n</div>"
+        },
+        {
+            "name": "with id and name",
+            "options": {
+                "name": "with-id-and-name",
+                "fieldset": {
+                    "legend": {
+                        "text": "What is your nationality?"
+                    }
+                },
+                "hint": {
+                    "text": "If you have dual nationality, select all options that are relevant to you."
+                },
+                "items": [
+                    {
+                        "name": "british",
+                        "id": "item_british",
+                        "value": "yes",
+                        "text": "British"
+                    },
+                    {
+                        "name": "irish",
+                        "id": "item_irish",
+                        "value": "irish",
+                        "text": "Irish"
+                    },
+                    {
+                        "name": "custom-name-scottish",
+                        "text": "Scottish",
+                        "value": "scottish"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <fieldset class=\"govuk-fieldset\" aria-describedby=\"with-id-and-name-hint\">\n  <legend class=\"govuk-fieldset__legend\">\n    What is your nationality?\n  </legend>\n  <div id=\"with-id-and-name-hint\" class=\"govuk-hint\">\n    If you have dual nationality, select all options that are relevant to you.\n  </div>\n  <div class=\"govuk-checkboxes\" data-module=\"govuk-checkboxes\">\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"item_british\" name=\"british\" type=\"checkbox\" value=\"yes\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"item_british\">\n        British\n      </label>\n    </div>\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"item_irish\" name=\"irish\" type=\"checkbox\" value=\"irish\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"item_irish\">\n        Irish\n      </label>\n    </div>\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"with-id-and-name-3\" name=\"custom-name-scottish\" type=\"checkbox\" value=\"scottish\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"with-id-and-name-3\">\n        Scottish\n      </label>\n    </div>\n  </div>\n</fieldset>\n</div>"
+        },
+        {
+            "name": "with disabled item",
+            "options": {
+                "name": "sign-in",
+                "fieldset": {
+                    "legend": {
+                        "text": "How do you want to sign in?",
+                        "classes": "govuk-fieldset__legend--l",
+                        "isPageHeading": true
+                    }
+                },
+                "items": [
+                    {
+                        "name": "gateway",
+                        "id": "government-gateway",
+                        "value": "gov-gateway",
+                        "text": "Sign in with Government Gateway",
+                        "hint": {
+                            "text": "You'll have a user ID if you've registered for Self Assessment or filed a tax return online before."
+                        }
+                    },
+                    {
+                        "name": "verify",
+                        "id": "govuk-verify",
+                        "value": "gov-verify",
+                        "text": "Sign in with GOV.UK Verify",
+                        "hint": {
+                            "text": "You'll have an account if you've already proved your identity with either Barclays, CitizenSafe, Digidentity, Experian, Post Office, Royal Mail or SecureIdentity."
+                        },
+                        "disabled": true
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <fieldset class=\"govuk-fieldset\">\n  <legend class=\"govuk-fieldset__legend govuk-fieldset__legend--l\">\n    <h1 class=\"govuk-fieldset__heading\">\n      How do you want to sign in?\n    </h1>\n  </legend>\n  <div class=\"govuk-checkboxes\" data-module=\"govuk-checkboxes\">\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"government-gateway\" name=\"gateway\" type=\"checkbox\" value=\"gov-gateway\" aria-describedby=\"government-gateway-item-hint\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"government-gateway\">\n        Sign in with Government Gateway\n      </label>\n      <div id=\"government-gateway-item-hint\" class=\"govuk-hint govuk-checkboxes__hint\">\n        You&#39;ll have a user ID if you&#39;ve registered for Self Assessment or filed a tax return online before.\n      </div>\n    </div>\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"govuk-verify\" name=\"verify\" type=\"checkbox\" value=\"gov-verify\" disabled aria-describedby=\"govuk-verify-item-hint\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"govuk-verify\">\n        Sign in with GOV.UK Verify\n      </label>\n      <div id=\"govuk-verify-item-hint\" class=\"govuk-hint govuk-checkboxes__hint\">\n        You&#39;ll have an account if you&#39;ve already proved your identity with either Barclays, CitizenSafe, Digidentity, Experian, Post Office, Royal Mail or SecureIdentity.\n      </div>\n    </div>\n  </div>\n</fieldset>\n</div>"
+        },
+        {
+            "name": "with idPrefix",
+            "options": {
+                "name": "example-name",
+                "idPrefix": "nationality",
+                "items": [
+                    {
+                        "value": 1,
+                        "text": "Option 1"
+                    },
+                    {
+                        "value": 2,
+                        "text": "Option 2"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <div class=\"govuk-checkboxes\" data-module=\"govuk-checkboxes\">\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"nationality\" name=\"example-name\" type=\"checkbox\" value=\"1\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"nationality\">\n        Option 1\n      </label>\n    </div>\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"nationality-2\" name=\"example-name\" type=\"checkbox\" value=\"2\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"nationality-2\">\n        Option 2\n      </label>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "with falsy values",
+            "options": {
+                "name": "example-name",
+                "items": [
+                    {
+                        "value": 1,
+                        "text": "Option 1"
+                    },
+                    false,
+                    null,
+                    "",
+                    {
+                        "value": 2,
+                        "text": "Option 2"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <div class=\"govuk-checkboxes\" data-module=\"govuk-checkboxes\">\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"example-name\" name=\"example-name\" type=\"checkbox\" value=\"1\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"example-name\">\n        Option 1\n      </label>\n    </div>\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"example-name-5\" name=\"example-name\" type=\"checkbox\" value=\"2\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"example-name-5\">\n        Option 2\n      </label>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "classes",
+            "options": {
+                "name": "example-name",
+                "classes": "app-checkboxes--custom-modifier",
+                "items": [
+                    {
+                        "value": 1,
+                        "text": "Option 1"
+                    },
+                    {
+                        "value": 2,
+                        "text": "Option 2"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <div class=\"govuk-checkboxes app-checkboxes--custom-modifier\" data-module=\"govuk-checkboxes\">\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"example-name\" name=\"example-name\" type=\"checkbox\" value=\"1\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"example-name\">\n        Option 1\n      </label>\n    </div>\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"example-name-2\" name=\"example-name\" type=\"checkbox\" value=\"2\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"example-name-2\">\n        Option 2\n      </label>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "with fieldset describedBy",
+            "options": {
+                "name": "example-name",
+                "fieldset": {
+                    "describedBy": "test-target-element",
+                    "legend": {
+                        "text": "Which option?"
+                    }
+                },
+                "items": [
+                    {
+                        "value": 1,
+                        "text": "Option 1"
+                    },
+                    {
+                        "value": 2,
+                        "text": "Option 2"
+                    }
+                ],
+                "hint": {
+                    "text": "If you have dual nationality, select all options that are relevant to you."
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <fieldset class=\"govuk-fieldset\" aria-describedby=\"test-target-element example-name-hint\">\n  <legend class=\"govuk-fieldset__legend\">\n    Which option?\n  </legend>\n  <div id=\"example-name-hint\" class=\"govuk-hint\">\n    If you have dual nationality, select all options that are relevant to you.\n  </div>\n  <div class=\"govuk-checkboxes\" data-module=\"govuk-checkboxes\">\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"example-name\" name=\"example-name\" type=\"checkbox\" value=\"1\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"example-name\">\n        Option 1\n      </label>\n    </div>\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"example-name-2\" name=\"example-name\" type=\"checkbox\" value=\"2\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"example-name-2\">\n        Option 2\n      </label>\n    </div>\n  </div>\n</fieldset>\n</div>"
+        },
+        {
+            "name": "attributes",
+            "options": {
+                "name": "example-name",
+                "attributes": {
+                    "data-attribute": "value",
+                    "data-second-attribute": "second-value"
+                },
+                "items": [
+                    {
+                        "value": 1,
+                        "text": "Option 1"
+                    },
+                    {
+                        "value": 2,
+                        "text": "Option 2"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <div class=\"govuk-checkboxes\" data-attribute=\"value\" data-second-attribute=\"second-value\" data-module=\"govuk-checkboxes\">\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"example-name\" name=\"example-name\" type=\"checkbox\" value=\"1\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"example-name\">\n        Option 1\n      </label>\n    </div>\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"example-name-2\" name=\"example-name\" type=\"checkbox\" value=\"2\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"example-name-2\">\n        Option 2\n      </label>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "with checked item",
+            "options": {
+                "name": "example-name",
+                "items": [
+                    {
+                        "value": 1,
+                        "text": "Option 1"
+                    },
+                    {
+                        "value": 2,
+                        "text": "Option 2",
+                        "checked": true
+                    },
+                    {
+                        "value": 3,
+                        "text": "Option 3",
+                        "checked": true
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <div class=\"govuk-checkboxes\" data-module=\"govuk-checkboxes\">\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"example-name\" name=\"example-name\" type=\"checkbox\" value=\"1\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"example-name\">\n        Option 1\n      </label>\n    </div>\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"example-name-2\" name=\"example-name\" type=\"checkbox\" value=\"2\" checked>\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"example-name-2\">\n        Option 2\n      </label>\n    </div>\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"example-name-3\" name=\"example-name\" type=\"checkbox\" value=\"3\" checked>\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"example-name-3\">\n        Option 3\n      </label>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "items with attributes",
+            "options": {
+                "name": "example-name",
+                "items": [
+                    {
+                        "value": 1,
+                        "text": "Option 1",
+                        "attributes": {
+                            "data-attribute": "ABC",
+                            "data-second-attribute": "DEF"
+                        }
+                    },
+                    {
+                        "value": 2,
+                        "text": "Option 2",
+                        "attributes": {
+                            "data-attribute": "GHI",
+                            "data-second-attribute": "JKL"
+                        }
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <div class=\"govuk-checkboxes\" data-module=\"govuk-checkboxes\">\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"example-name\" name=\"example-name\" type=\"checkbox\" value=\"1\" data-attribute=\"ABC\" data-second-attribute=\"DEF\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"example-name\">\n        Option 1\n      </label>\n    </div>\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"example-name-2\" name=\"example-name\" type=\"checkbox\" value=\"2\" data-attribute=\"GHI\" data-second-attribute=\"JKL\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"example-name-2\">\n        Option 2\n      </label>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "empty conditional",
+            "options": {
+                "name": "example-conditional",
+                "items": [
+                    {
+                        "value": "foo",
+                        "text": "Foo",
+                        "conditional": {
+                            "html": false
+                        }
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <div class=\"govuk-checkboxes\" data-module=\"govuk-checkboxes\">\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"example-conditional\" name=\"example-conditional\" type=\"checkbox\" value=\"foo\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"example-conditional\">\n        Foo\n      </label>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "with label classes",
+            "options": {
+                "name": "example-label-classes",
+                "items": [
+                    {
+                        "value": "yes",
+                        "text": "Yes",
+                        "label": {
+                            "classes": "bold"
+                        }
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <div class=\"govuk-checkboxes\" data-module=\"govuk-checkboxes\">\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"example-label-classes\" name=\"example-label-classes\" type=\"checkbox\" value=\"yes\">\n      <label class=\"govuk-label govuk-checkboxes__label bold\" for=\"example-label-classes\">\n        Yes\n      </label>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "multiple hints",
+            "options": {
+                "name": "example-multiple-hints",
+                "hint": {
+                    "text": "If you have dual nationality, select all options that are relevant to you."
+                },
+                "items": [
+                    {
+                        "value": "british",
+                        "text": "British",
+                        "hint": {
+                            "text": "Hint for british option here"
+                        }
+                    },
+                    {
+                        "value": "irish",
+                        "text": "Irish"
+                    },
+                    {
+                        "value": "other",
+                        "text": "Citizen of another country",
+                        "hint": {
+                            "text": "Hint for other option here"
+                        }
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <div id=\"example-multiple-hints-hint\" class=\"govuk-hint\">\n    If you have dual nationality, select all options that are relevant to you.\n  </div>\n  <div class=\"govuk-checkboxes\" data-module=\"govuk-checkboxes\">\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"example-multiple-hints\" name=\"example-multiple-hints\" type=\"checkbox\" value=\"british\" aria-describedby=\"example-multiple-hints-hint example-multiple-hints-item-hint\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"example-multiple-hints\">\n        British\n      </label>\n      <div id=\"example-multiple-hints-item-hint\" class=\"govuk-hint govuk-checkboxes__hint\">\n        Hint for british option here\n      </div>\n    </div>\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"example-multiple-hints-2\" name=\"example-multiple-hints\" type=\"checkbox\" value=\"irish\" aria-describedby=\"example-multiple-hints-hint\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"example-multiple-hints-2\">\n        Irish\n      </label>\n    </div>\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"example-multiple-hints-3\" name=\"example-multiple-hints\" type=\"checkbox\" value=\"other\" aria-describedby=\"example-multiple-hints-hint example-multiple-hints-3-item-hint\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"example-multiple-hints-3\">\n        Citizen of another country\n      </label>\n      <div id=\"example-multiple-hints-3-item-hint\" class=\"govuk-hint govuk-checkboxes__hint\">\n        Hint for other option here\n      </div>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "with conditional items with special characters",
+            "options": {
+                "name": "contact-prefs",
+                "idPrefix": "user.profile[contact-prefs]",
+                "fieldset": {
+                    "legend": {
+                        "text": "How do you want to be contacted?"
+                    }
+                },
+                "items": [
+                    {
+                        "value": "email",
+                        "text": "Email",
+                        "conditional": {
+                            "html": "<label class=\"govuk-label\" for=\"context-email\">Email address</label>\n<input class=\"govuk-input govuk-!-width-one-third\" name=\"context-email\" type=\"text\" id=\"context-email\">\n"
+                        }
+                    },
+                    {
+                        "value": "phone",
+                        "text": "Phone",
+                        "conditional": {
+                            "html": "<label class=\"govuk-label\" for=\"contact-phone\">Phone number</label>\n<input class=\"govuk-input govuk-!-width-one-third\" name=\"contact-phone\" type=\"text\" id=\"contact-phone\">\n"
+                        }
+                    },
+                    {
+                        "value": "text",
+                        "text": "Text message",
+                        "conditional": {
+                            "html": "<label class=\"govuk-label\" for=\"contact-text-message\">Mobile phone number</label>\n<input class=\"govuk-input govuk-!-width-one-third\" name=\"contact-text-message\" type=\"text\" id=\"contact-text-message\">\n"
+                        }
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <fieldset class=\"govuk-fieldset\">\n  <legend class=\"govuk-fieldset__legend\">\n    How do you want to be contacted?\n  </legend>\n  <div class=\"govuk-checkboxes\" data-module=\"govuk-checkboxes\">\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"user.profile[contact-prefs]\" name=\"contact-prefs\" type=\"checkbox\" value=\"email\" data-aria-controls=\"conditional-user.profile[contact-prefs]\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"user.profile[contact-prefs]\">\n        Email\n      </label>\n    </div>\n    <div class=\"govuk-checkboxes__conditional govuk-checkboxes__conditional--hidden\" id=\"conditional-user.profile[contact-prefs]\">\n      <label class=\"govuk-label\" for=\"context-email\">Email address</label>\n<input class=\"govuk-input govuk-!-width-one-third\" name=\"context-email\" type=\"text\" id=\"context-email\">\n    </div>\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"user.profile[contact-prefs]-2\" name=\"contact-prefs\" type=\"checkbox\" value=\"phone\" data-aria-controls=\"conditional-user.profile[contact-prefs]-2\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"user.profile[contact-prefs]-2\">\n        Phone\n      </label>\n    </div>\n    <div class=\"govuk-checkboxes__conditional govuk-checkboxes__conditional--hidden\" id=\"conditional-user.profile[contact-prefs]-2\">\n      <label class=\"govuk-label\" for=\"contact-phone\">Phone number</label>\n<input class=\"govuk-input govuk-!-width-one-third\" name=\"contact-phone\" type=\"text\" id=\"contact-phone\">\n    </div>\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"user.profile[contact-prefs]-3\" name=\"contact-prefs\" type=\"checkbox\" value=\"text\" data-aria-controls=\"conditional-user.profile[contact-prefs]-3\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"user.profile[contact-prefs]-3\">\n        Text message\n      </label>\n    </div>\n    <div class=\"govuk-checkboxes__conditional govuk-checkboxes__conditional--hidden\" id=\"conditional-user.profile[contact-prefs]-3\">\n      <label class=\"govuk-label\" for=\"contact-text-message\">Mobile phone number</label>\n<input class=\"govuk-input govuk-!-width-one-third\" name=\"contact-text-message\" type=\"text\" id=\"contact-text-message\">\n    </div>\n  </div>\n</fieldset>\n</div>"
+        },
+        {
+            "name": "with error message and hint",
+            "options": {
+                "name": "example",
+                "items": [
+                    {
+                        "value": "british",
+                        "text": "British"
+                    },
+                    {
+                        "value": "irish",
+                        "text": "Irish"
+                    }
+                ],
+                "errorMessage": {
+                    "text": "Please select an option"
+                },
+                "fieldset": {
+                    "legend": {
+                        "text": "What is your nationality?"
+                    }
+                },
+                "hint": {
+                    "text": "If you have dual nationality, select all options that are relevant to you."
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-form-group--error\">\n  <fieldset class=\"govuk-fieldset\" aria-describedby=\"example-hint example-error\">\n  <legend class=\"govuk-fieldset__legend\">\n    What is your nationality?\n  </legend>\n  <div id=\"example-hint\" class=\"govuk-hint\">\n    If you have dual nationality, select all options that are relevant to you.\n  </div>\n  <p id=\"example-error\" class=\"govuk-error-message\">\n    <span class=\"govuk-visually-hidden\">Error:</span> Please select an option\n  </p>\n  <div class=\"govuk-checkboxes\" data-module=\"govuk-checkboxes\">\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"example\" name=\"example\" type=\"checkbox\" value=\"british\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"example\">\n        British\n      </label>\n    </div>\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"example-2\" name=\"example\" type=\"checkbox\" value=\"irish\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"example-2\">\n        Irish\n      </label>\n    </div>\n  </div>\n</fieldset>\n</div>"
+        },
+        {
+            "name": "with error, hint and fieldset describedBy",
+            "options": {
+                "name": "example",
+                "errorMessage": {
+                    "text": "Please select an option"
+                },
+                "fieldset": {
+                    "describedBy": "test-target-element",
+                    "legend": {
+                        "text": "What is your nationality?"
+                    }
+                },
+                "hint": {
+                    "text": "If you have dual nationality, select all options that are relevant to you."
+                },
+                "items": [
+                    {
+                        "value": "british",
+                        "text": "British"
+                    },
+                    {
+                        "value": "irish",
+                        "text": "Irish"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-form-group--error\">\n  <fieldset class=\"govuk-fieldset\" aria-describedby=\"test-target-element example-hint example-error\">\n  <legend class=\"govuk-fieldset__legend\">\n    What is your nationality?\n  </legend>\n  <div id=\"example-hint\" class=\"govuk-hint\">\n    If you have dual nationality, select all options that are relevant to you.\n  </div>\n  <p id=\"example-error\" class=\"govuk-error-message\">\n    <span class=\"govuk-visually-hidden\">Error:</span> Please select an option\n  </p>\n  <div class=\"govuk-checkboxes\" data-module=\"govuk-checkboxes\">\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"example\" name=\"example\" type=\"checkbox\" value=\"british\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"example\">\n        British\n      </label>\n    </div>\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"example-2\" name=\"example\" type=\"checkbox\" value=\"irish\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"example-2\">\n        Irish\n      </label>\n    </div>\n  </div>\n</fieldset>\n</div>"
+        },
+        {
+            "name": "label with attributes",
+            "options": {
+                "name": "example-name",
+                "items": [
+                    {
+                        "value": 1,
+                        "html": "<b>Option 1</b>",
+                        "label": {
+                            "attributes": {
+                                "data-attribute": "value",
+                                "data-second-attribute": "second-value"
+                            }
+                        }
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <div class=\"govuk-checkboxes\" data-module=\"govuk-checkboxes\">\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"example-name\" name=\"example-name\" type=\"checkbox\" value=\"1\">\n      <label class=\"govuk-label govuk-checkboxes__label\" data-attribute=\"value\" data-second-attribute=\"second-value\" for=\"example-name\">\n        <b>Option 1</b>\n      </label>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "fieldset params",
+            "options": {
+                "name": "example-name",
+                "errorMessage": {
+                    "text": "Please select an option"
+                },
+                "fieldset": {
+                    "legend": {
+                        "text": "What is your nationality?"
+                    },
+                    "classes": "app-fieldset--custom-modifier",
+                    "attributes": {
+                        "data-attribute": "value",
+                        "data-second-attribute": "second-value"
+                    }
+                },
+                "items": [
+                    {
+                        "value": "british",
+                        "text": "British"
+                    },
+                    {
+                        "value": "irish",
+                        "text": "Irish"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-form-group--error\">\n  <fieldset class=\"govuk-fieldset app-fieldset--custom-modifier\" aria-describedby=\"example-name-error\" data-attribute=\"value\" data-second-attribute=\"second-value\">\n  <legend class=\"govuk-fieldset__legend\">\n    What is your nationality?\n  </legend>\n  <p id=\"example-name-error\" class=\"govuk-error-message\">\n    <span class=\"govuk-visually-hidden\">Error:</span> Please select an option\n  </p>\n  <div class=\"govuk-checkboxes\" data-module=\"govuk-checkboxes\">\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"example-name\" name=\"example-name\" type=\"checkbox\" value=\"british\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"example-name\">\n        British\n      </label>\n    </div>\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"example-name-2\" name=\"example-name\" type=\"checkbox\" value=\"irish\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"example-name-2\">\n        Irish\n      </label>\n    </div>\n  </div>\n</fieldset>\n</div>"
+        },
+        {
+            "name": "fieldset html params",
+            "options": {
+                "name": "example-name",
+                "fieldset": {
+                    "legend": {
+                        "html": "What is your <b>nationality</b>?"
+                    }
+                },
+                "items": [
+                    {
+                        "value": "british",
+                        "text": "British"
+                    },
+                    {
+                        "value": "irish",
+                        "text": "Irish"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <fieldset class=\"govuk-fieldset\">\n  <legend class=\"govuk-fieldset__legend\">\n    What is your <b>nationality</b>?\n  </legend>\n  <div class=\"govuk-checkboxes\" data-module=\"govuk-checkboxes\">\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"example-name\" name=\"example-name\" type=\"checkbox\" value=\"british\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"example-name\">\n        British\n      </label>\n    </div>\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"example-name-2\" name=\"example-name\" type=\"checkbox\" value=\"irish\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"example-name-2\">\n        Irish\n      </label>\n    </div>\n  </div>\n</fieldset>\n</div>"
+        },
+        {
+            "name": "with single option set 'aria-describedby' on input, and describedBy",
+            "options": {
+                "describedBy": "test-target-element",
+                "name": "t-and-c",
+                "hint": {
+                    "text": "Please accept the terms and conditions"
+                },
+                "items": [
+                    {
+                        "value": "yes",
+                        "text": "I agree to the terms and conditions"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <div id=\"t-and-c-hint\" class=\"govuk-hint\">\n    Please accept the terms and conditions\n  </div>\n  <div class=\"govuk-checkboxes\" data-module=\"govuk-checkboxes\">\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"t-and-c\" name=\"t-and-c\" type=\"checkbox\" value=\"yes\" aria-describedby=\"test-target-element t-and-c-hint\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"t-and-c\">\n        I agree to the terms and conditions\n      </label>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "with single option (and hint) set 'aria-describedby' on input, and describedBy",
+            "options": {
+                "describedBy": "test-target-element",
+                "name": "t-and-c-with-hint",
+                "hint": {
+                    "text": "Please accept the terms and conditions"
+                },
+                "items": [
+                    {
+                        "value": "yes",
+                        "text": "I agree to the terms and conditions",
+                        "hint": {
+                            "text": "Go on, you know you want to!"
+                        }
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <div id=\"t-and-c-with-hint-hint\" class=\"govuk-hint\">\n    Please accept the terms and conditions\n  </div>\n  <div class=\"govuk-checkboxes\" data-module=\"govuk-checkboxes\">\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"t-and-c-with-hint\" name=\"t-and-c-with-hint\" type=\"checkbox\" value=\"yes\" aria-describedby=\"test-target-element t-and-c-with-hint-hint t-and-c-with-hint-item-hint\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"t-and-c-with-hint\">\n        I agree to the terms and conditions\n      </label>\n      <div id=\"t-and-c-with-hint-item-hint\" class=\"govuk-hint govuk-checkboxes__hint\">\n        Go on, you know you want to!\n      </div>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "with error and idPrefix",
+            "options": {
+                "name": "name-of-checkboxes",
+                "errorMessage": {
+                    "text": "Please select an option"
+                },
+                "idPrefix": "id-prefix",
+                "items": [
+                    {
+                        "value": "animal",
+                        "text": "Waste from animal carcasses"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-form-group--error\">\n  <p id=\"id-prefix-error\" class=\"govuk-error-message\">\n    <span class=\"govuk-visually-hidden\">Error:</span> Please select an option\n  </p>\n  <div class=\"govuk-checkboxes\" data-module=\"govuk-checkboxes\">\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"id-prefix\" name=\"name-of-checkboxes\" type=\"checkbox\" value=\"animal\" aria-describedby=\"id-prefix-error\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"id-prefix\">\n        Waste from animal carcasses\n      </label>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "with error message and fieldset describedBy",
+            "options": {
+                "name": "example",
+                "errorMessage": {
+                    "text": "Please select an option"
+                },
+                "fieldset": {
+                    "describedBy": "test-target-element",
+                    "legend": {
+                        "text": "What is your nationality?"
+                    }
+                },
+                "items": [
+                    {
+                        "value": "british",
+                        "text": "British"
+                    },
+                    {
+                        "value": "irish",
+                        "text": "Irish"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-form-group--error\">\n  <fieldset class=\"govuk-fieldset\" aria-describedby=\"test-target-element example-error\">\n  <legend class=\"govuk-fieldset__legend\">\n    What is your nationality?\n  </legend>\n  <p id=\"example-error\" class=\"govuk-error-message\">\n    <span class=\"govuk-visually-hidden\">Error:</span> Please select an option\n  </p>\n  <div class=\"govuk-checkboxes\" data-module=\"govuk-checkboxes\">\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"example\" name=\"example\" type=\"checkbox\" value=\"british\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"example\">\n        British\n      </label>\n    </div>\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"example-2\" name=\"example\" type=\"checkbox\" value=\"irish\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"example-2\">\n        Irish\n      </label>\n    </div>\n  </div>\n</fieldset>\n</div>"
+        },
+        {
+            "name": "with conditional item checked",
+            "options": {
+                "name": "how-contacted-checked",
+                "idPrefix": "how-contacted-checked",
+                "fieldset": {
+                    "legend": {
+                        "text": "How do you want to be contacted?"
+                    }
+                },
+                "items": [
+                    {
+                        "value": "email",
+                        "text": "Email",
+                        "checked": true,
+                        "conditional": {
+                            "html": "<label class=\"govuk-label\" for=\"context-email\">Email address</label>\n<input class=\"govuk-input govuk-!-width-one-third\" name=\"context-email\" type=\"text\" id=\"context-email\">\n"
+                        }
+                    },
+                    {
+                        "value": "phone",
+                        "text": "Phone",
+                        "conditional": {
+                            "html": "<label class=\"govuk-label\" for=\"contact-phone\">Phone number</label>\n<input class=\"govuk-input govuk-!-width-one-third\" name=\"contact-phone\" type=\"text\" id=\"contact-phone\">\n"
+                        }
+                    },
+                    {
+                        "value": "text",
+                        "text": "Text message",
+                        "conditional": {
+                            "html": "<label class=\"govuk-label\" for=\"contact-text-message\">Mobile phone number</label>\n<input class=\"govuk-input govuk-!-width-one-third\" name=\"contact-text-message\" type=\"text\" id=\"contact-text-message\">\n"
+                        }
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <fieldset class=\"govuk-fieldset\">\n  <legend class=\"govuk-fieldset__legend\">\n    How do you want to be contacted?\n  </legend>\n  <div class=\"govuk-checkboxes\" data-module=\"govuk-checkboxes\">\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"how-contacted-checked\" name=\"how-contacted-checked\" type=\"checkbox\" value=\"email\" checked data-aria-controls=\"conditional-how-contacted-checked\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"how-contacted-checked\">\n        Email\n      </label>\n    </div>\n    <div class=\"govuk-checkboxes__conditional\" id=\"conditional-how-contacted-checked\">\n      <label class=\"govuk-label\" for=\"context-email\">Email address</label>\n<input class=\"govuk-input govuk-!-width-one-third\" name=\"context-email\" type=\"text\" id=\"context-email\">\n    </div>\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"how-contacted-checked-2\" name=\"how-contacted-checked\" type=\"checkbox\" value=\"phone\" data-aria-controls=\"conditional-how-contacted-checked-2\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"how-contacted-checked-2\">\n        Phone\n      </label>\n    </div>\n    <div class=\"govuk-checkboxes__conditional govuk-checkboxes__conditional--hidden\" id=\"conditional-how-contacted-checked-2\">\n      <label class=\"govuk-label\" for=\"contact-phone\">Phone number</label>\n<input class=\"govuk-input govuk-!-width-one-third\" name=\"contact-phone\" type=\"text\" id=\"contact-phone\">\n    </div>\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"how-contacted-checked-3\" name=\"how-contacted-checked\" type=\"checkbox\" value=\"text\" data-aria-controls=\"conditional-how-contacted-checked-3\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"how-contacted-checked-3\">\n        Text message\n      </label>\n    </div>\n    <div class=\"govuk-checkboxes__conditional govuk-checkboxes__conditional--hidden\" id=\"conditional-how-contacted-checked-3\">\n      <label class=\"govuk-label\" for=\"contact-text-message\">Mobile phone number</label>\n<input class=\"govuk-input govuk-!-width-one-third\" name=\"contact-text-message\" type=\"text\" id=\"contact-text-message\">\n    </div>\n  </div>\n</fieldset>\n</div>"
+        },
+        {
+            "name": "item checked overrides values",
+            "options": {
+                "name": "colors",
+                "items": [
+                    {
+                        "value": "red",
+                        "text": "Red"
+                    },
+                    {
+                        "value": "green",
+                        "text": "Green",
+                        "checked": false
+                    },
+                    {
+                        "value": "blue",
+                        "text": "Blue"
+                    }
+                ],
+                "values": [
+                    "red",
+                    "green"
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <div class=\"govuk-checkboxes\" data-module=\"govuk-checkboxes\">\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"colors\" name=\"colors\" type=\"checkbox\" value=\"red\" checked>\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"colors\">\n        Red\n      </label>\n    </div>\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"colors-2\" name=\"colors\" type=\"checkbox\" value=\"green\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"colors-2\">\n        Green\n      </label>\n    </div>\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"colors-3\" name=\"colors\" type=\"checkbox\" value=\"blue\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"colors-3\">\n        Blue\n      </label>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "textarea in conditional",
+            "options": {
+                "name": "conditional",
+                "fieldset": {
+                    "legend": {
+                        "text": "Test"
+                    }
+                },
+                "items": [
+                    {
+                        "value": "other",
+                        "text": "Other",
+                        "conditional": {
+                            "html": "<label class=\"govuk-label\" for=\"conditional-textarea\">textarea</label>\n<textarea class=\"govuk-textarea\" name=\"conditional-textarea\" id=\"conditional-textarea\">\ntest\n</textarea>\n"
+                        }
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <fieldset class=\"govuk-fieldset\">\n  <legend class=\"govuk-fieldset__legend\">\n    Test\n  </legend>\n  <div class=\"govuk-checkboxes\" data-module=\"govuk-checkboxes\">\n    <div class=\"govuk-checkboxes__item\">\n      <input class=\"govuk-checkboxes__input\" id=\"conditional\" name=\"conditional\" type=\"checkbox\" value=\"other\" data-aria-controls=\"conditional-conditional\">\n      <label class=\"govuk-label govuk-checkboxes__label\" for=\"conditional\">\n        Other\n      </label>\n    </div>\n    <div class=\"govuk-checkboxes__conditional govuk-checkboxes__conditional--hidden\" id=\"conditional-conditional\">\n      <label class=\"govuk-label\" for=\"conditional-textarea\">textarea</label>\n<textarea class=\"govuk-textarea\" name=\"conditional-textarea\" id=\"conditional-textarea\">\ntest\n</textarea>\n    </div>\n  </div>\n</fieldset>\n</div>"
+        }
+    ]
+}
diff --git a/node_modules/govuk-frontend/dist/govuk/components/checkboxes/macro-options.json b/node_modules/govuk-frontend/dist/govuk/components/checkboxes/macro-options.json
new file mode 100644
index 0000000..52020dc
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/checkboxes/macro-options.json
@@ -0,0 +1,229 @@
+[
+    {
+        "name": "describedBy",
+        "type": "string",
+        "required": false,
+        "description": "One or more element IDs to add to the input `aria-describedby` attribute without a fieldset, used to provide additional descriptive information for screenreader users."
+    },
+    {
+        "name": "fieldset",
+        "type": "object",
+        "required": false,
+        "description": "Can be used to add a fieldset to the checkboxes component.",
+        "isComponent": true
+    },
+    {
+        "name": "hint",
+        "type": "object",
+        "required": false,
+        "description": "Can be used to add a hint to the checkboxes component.",
+        "isComponent": true
+    },
+    {
+        "name": "errorMessage",
+        "type": "object",
+        "required": false,
+        "description": "Can be used to add an error message to the checkboxes component. The error message component will not display if you use a falsy value for `errorMessage`, for example `false` or `null`.",
+        "isComponent": true
+    },
+    {
+        "name": "formGroup",
+        "type": "object",
+        "required": false,
+        "description": "Additional options for the form group containing the checkboxes component.",
+        "params": [
+            {
+                "name": "classes",
+                "type": "string",
+                "required": false,
+                "description": "Classes to add to the form group (for example to show error state for the whole group)."
+            },
+            {
+                "name": "attributes",
+                "type": "object",
+                "required": false,
+                "description": "HTML attributes (for example data attributes) to add to the form group."
+            },
+            {
+                "name": "beforeInputs",
+                "type": "object",
+                "required": false,
+                "description": "Content to add before all checkbox items within the checkboxes component.",
+                "params": [
+                    {
+                        "name": "text",
+                        "type": "string",
+                        "required": true,
+                        "description": "Text to add before all checkbox items. If `html` is provided, the `text` option will be ignored."
+                    },
+                    {
+                        "name": "html",
+                        "type": "string",
+                        "required": true,
+                        "description": "HTML to add before all checkbox items. If `html` is provided, the `text` option will be ignored."
+                    }
+                ]
+            },
+            {
+                "name": "afterInputs",
+                "type": "object",
+                "required": false,
+                "description": "Content to add after all checkbox items within the checkboxes component.",
+                "params": [
+                    {
+                        "name": "text",
+                        "type": "string",
+                        "required": true,
+                        "description": "Text to add after all checkbox items. If `html` is provided, the `text` option will be ignored."
+                    },
+                    {
+                        "name": "html",
+                        "type": "string",
+                        "required": true,
+                        "description": "HTML to add after all checkbox items. If `html` is provided, the `text` option will be ignored."
+                    }
+                ]
+            }
+        ]
+    },
+    {
+        "name": "idPrefix",
+        "type": "string",
+        "required": false,
+        "description": "Optional prefix. This is used to prefix the `id` attribute for each checkbox item input, hint and error message, separated by `-`. Defaults to the `name` option value."
+    },
+    {
+        "name": "name",
+        "type": "string",
+        "required": true,
+        "description": "Name attribute for all checkbox items."
+    },
+    {
+        "name": "items",
+        "type": "array",
+        "required": true,
+        "description": "The checkbox items within the checkboxes component.",
+        "params": [
+            {
+                "name": "text",
+                "type": "string",
+                "required": true,
+                "description": "If `html` is set, this is not required. Text to use within each checkbox item label. If `html` is provided, the `text` option will be ignored."
+            },
+            {
+                "name": "html",
+                "type": "string",
+                "required": true,
+                "description": "If `text` is set, this is not required. HTML to use within each checkbox item label. If `html` is provided, the `text` option will be ignored."
+            },
+            {
+                "name": "id",
+                "type": "string",
+                "required": false,
+                "description": "Specific ID attribute for the checkbox item. If omitted, then component global `idPrefix` option will be applied."
+            },
+            {
+                "name": "name",
+                "type": "string",
+                "required": false,
+                "description": "Specific name for the checkbox item. If omitted, then component global `name` string will be applied."
+            },
+            {
+                "name": "value",
+                "type": "string",
+                "required": true,
+                "description": "Value for the checkbox input."
+            },
+            {
+                "name": "label",
+                "type": "object",
+                "required": false,
+                "description": "Subset of options for the label used by each checkbox item within the checkboxes component.",
+                "isComponent": true,
+                "params": [
+                    {
+                        "name": "classes",
+                        "type": "string",
+                        "required": false,
+                        "description": "Classes to add to the label tag."
+                    },
+                    {
+                        "name": "attributes",
+                        "type": "object",
+                        "required": false,
+                        "description": "HTML attributes (for example data attributes) to add to the label tag."
+                    }
+                ]
+            },
+            {
+                "name": "hint",
+                "type": "object",
+                "required": false,
+                "description": "Can be used to add a hint to each checkbox item within the checkboxes component.",
+                "isComponent": true
+            },
+            {
+                "name": "divider",
+                "type": "string",
+                "required": false,
+                "description": "Divider text to separate checkbox items, for example the text `\"or\"`."
+            },
+            {
+                "name": "checked",
+                "type": "boolean",
+                "required": false,
+                "description": "Whether the checkbox should be checked when the page loads. Takes precedence over the top-level `values` option."
+            },
+            {
+                "name": "conditional",
+                "type": "object",
+                "required": false,
+                "description": "Provide additional content to reveal when the checkbox is checked.",
+                "params": [
+                    {
+                        "name": "html",
+                        "type": "string",
+                        "description": "The HTML to reveal when the checkbox is checked.",
+                        "required": true
+                    }
+                ]
+            },
+            {
+                "name": "behaviour",
+                "type": "string",
+                "required": false,
+                "description": "If set to `\"exclusive\"`, implements a 'None of these' type behaviour via JavaScript when checkboxes are clicked."
+            },
+            {
+                "name": "disabled",
+                "type": "boolean",
+                "required": false,
+                "description": "If `true`, checkbox will be disabled."
+            },
+            {
+                "name": "attributes",
+                "type": "object",
+                "required": false,
+                "description": "HTML attributes (for example data attributes) to add to the checkbox input tag."
+            }
+        ]
+    },
+    {
+        "name": "values",
+        "type": "array",
+        "required": false,
+        "description": "Array of values for checkboxes which should be checked when the page loads. Use this as an alternative to setting the `checked` option on each individual item."
+    },
+    {
+        "name": "classes",
+        "type": "string",
+        "required": false,
+        "description": "Classes to add to the checkboxes container."
+    },
+    {
+        "name": "attributes",
+        "type": "object",
+        "required": false,
+        "description": "HTML attributes (for example data attributes) to add to the anchor tag."
+    }
+]
diff --git a/node_modules/govuk-frontend/dist/govuk/components/checkboxes/macro.njk b/node_modules/govuk-frontend/dist/govuk/components/checkboxes/macro.njk
new file mode 100644
index 0000000..e023534
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/checkboxes/macro.njk
@@ -0,0 +1,3 @@
+{% macro govukCheckboxes(params) %}
+  {%- include "./template.njk" -%}
+{% endmacro %}
diff --git a/node_modules/govuk-frontend/dist/govuk/components/checkboxes/template-default.html b/node_modules/govuk-frontend/dist/govuk/components/checkboxes/template-default.html
new file mode 100644
index 0000000..e743fd1
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/checkboxes/template-default.html
@@ -0,0 +1,27 @@
+<div class="govuk-form-group">
+  <fieldset class="govuk-fieldset">
+  <legend class="govuk-fieldset__legend">
+    What is your nationality?
+  </legend>
+  <div class="govuk-checkboxes" data-module="govuk-checkboxes">
+    <div class="govuk-checkboxes__item">
+      <input class="govuk-checkboxes__input" id="nationality" name="nationality" type="checkbox" value="british">
+      <label class="govuk-label govuk-checkboxes__label" for="nationality">
+        British
+      </label>
+    </div>
+    <div class="govuk-checkboxes__item">
+      <input class="govuk-checkboxes__input" id="nationality-2" name="nationality" type="checkbox" value="irish">
+      <label class="govuk-label govuk-checkboxes__label" for="nationality-2">
+        Irish
+      </label>
+    </div>
+    <div class="govuk-checkboxes__item">
+      <input class="govuk-checkboxes__input" id="nationality-3" name="nationality" type="checkbox" value="other">
+      <label class="govuk-label govuk-checkboxes__label" for="nationality-3">
+        Citizen of another country
+      </label>
+    </div>
+  </div>
+</fieldset>
+</div>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/checkboxes/template-small-with-conditional-reveal.html b/node_modules/govuk-frontend/dist/govuk/components/checkboxes/template-small-with-conditional-reveal.html
new file mode 100644
index 0000000..98e7434
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/checkboxes/template-small-with-conditional-reveal.html
@@ -0,0 +1,25 @@
+<div class="govuk-form-group">
+  <fieldset class="govuk-fieldset">
+  <legend class="govuk-fieldset__legend">
+    How do you want to be contacted?
+  </legend>
+  <div class="govuk-checkboxes govuk-checkboxes--small" data-module="govuk-checkboxes">
+    <div class="govuk-checkboxes__item">
+      <input class="govuk-checkboxes__input" id="how-contacted" name="how-contacted" type="checkbox" value="a" data-aria-controls="conditional-how-contacted">
+      <label class="govuk-label govuk-checkboxes__label" for="how-contacted">
+        a thing
+      </label>
+    </div>
+    <div class="govuk-checkboxes__conditional govuk-checkboxes__conditional--hidden" id="conditional-how-contacted">
+      <label class="govuk-label" for="context-email">Foo</label>
+<input class="govuk-input govuk-!-width-one-third" name="context-email" type="text" id="context-email">
+    </div>
+    <div class="govuk-checkboxes__item">
+      <input class="govuk-checkboxes__input" id="how-contacted-2" name="how-contacted" type="checkbox" value="b">
+      <label class="govuk-label govuk-checkboxes__label" for="how-contacted-2">
+        another thing
+      </label>
+    </div>
+  </div>
+</fieldset>
+</div>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/checkboxes/template-small-with-divider-and-none.html b/node_modules/govuk-frontend/dist/govuk/components/checkboxes/template-small-with-divider-and-none.html
new file mode 100644
index 0000000..05461f8
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/checkboxes/template-small-with-divider-and-none.html
@@ -0,0 +1,34 @@
+<div class="govuk-form-group">
+  <fieldset class="govuk-fieldset">
+  <legend class="govuk-fieldset__legend">
+    Which types of waste do you transport regularly?
+  </legend>
+  <div class="govuk-checkboxes govuk-checkboxes--small" data-module="govuk-checkboxes">
+    <div class="govuk-checkboxes__item">
+      <input class="govuk-checkboxes__input" id="small-with-divider-and-none" name="small-with-divider-and-none" type="checkbox" value="animal">
+      <label class="govuk-label govuk-checkboxes__label" for="small-with-divider-and-none">
+        Waste from animal carcasses
+      </label>
+    </div>
+    <div class="govuk-checkboxes__item">
+      <input class="govuk-checkboxes__input" id="small-with-divider-and-none-2" name="small-with-divider-and-none" type="checkbox" value="mines">
+      <label class="govuk-label govuk-checkboxes__label" for="small-with-divider-and-none-2">
+        Waste from mines or quarries
+      </label>
+    </div>
+    <div class="govuk-checkboxes__item">
+      <input class="govuk-checkboxes__input" id="small-with-divider-and-none-3" name="small-with-divider-and-none" type="checkbox" value="farm">
+      <label class="govuk-label govuk-checkboxes__label" for="small-with-divider-and-none-3">
+        Farm or agricultural waste
+      </label>
+    </div>
+    <div class="govuk-checkboxes__divider">or</div>
+    <div class="govuk-checkboxes__item">
+      <input class="govuk-checkboxes__input" id="small-with-divider-and-none-5" name="small-with-divider-and-none" type="checkbox" value="none" data-behaviour="exclusive">
+      <label class="govuk-label govuk-checkboxes__label" for="small-with-divider-and-none-5">
+        None of these
+      </label>
+    </div>
+  </div>
+</fieldset>
+</div>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/checkboxes/template-small-with-error.html b/node_modules/govuk-frontend/dist/govuk/components/checkboxes/template-small-with-error.html
new file mode 100644
index 0000000..e196a05
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/checkboxes/template-small-with-error.html
@@ -0,0 +1,30 @@
+<div class="govuk-form-group govuk-form-group--error">
+  <fieldset class="govuk-fieldset" aria-describedby="nationality-error">
+  <legend class="govuk-fieldset__legend">
+    Filter by
+  </legend>
+  <p id="nationality-error" class="govuk-error-message">
+    <span class="govuk-visually-hidden">Error:</span> Select a thing
+  </p>
+  <div class="govuk-checkboxes govuk-checkboxes--small" data-module="govuk-checkboxes">
+    <div class="govuk-checkboxes__item">
+      <input class="govuk-checkboxes__input" id="nationality" name="nationality" type="checkbox" value="a">
+      <label class="govuk-label govuk-checkboxes__label" for="nationality">
+        a thing
+      </label>
+    </div>
+    <div class="govuk-checkboxes__item">
+      <input class="govuk-checkboxes__input" id="nationality-2" name="nationality" type="checkbox" value="b">
+      <label class="govuk-label govuk-checkboxes__label" for="nationality-2">
+        another thing
+      </label>
+    </div>
+    <div class="govuk-checkboxes__item">
+      <input class="govuk-checkboxes__input" id="nationality-3" name="nationality" type="checkbox" value="c">
+      <label class="govuk-label govuk-checkboxes__label" for="nationality-3">
+        this thing
+      </label>
+    </div>
+  </div>
+</fieldset>
+</div>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/checkboxes/template-small-with-hint.html b/node_modules/govuk-frontend/dist/govuk/components/checkboxes/template-small-with-hint.html
new file mode 100644
index 0000000..543bfed
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/checkboxes/template-small-with-hint.html
@@ -0,0 +1,30 @@
+<div class="govuk-form-group">
+  <fieldset class="govuk-fieldset">
+  <legend class="govuk-fieldset__legend">
+    Filter by
+  </legend>
+  <div class="govuk-checkboxes govuk-checkboxes--small" data-module="govuk-checkboxes">
+    <div class="govuk-checkboxes__item">
+      <input class="govuk-checkboxes__input" id="nationality" name="nationality" type="checkbox" value="a" aria-describedby="nationality-item-hint">
+      <label class="govuk-label govuk-checkboxes__label" for="nationality">
+        a thing
+      </label>
+      <div id="nationality-item-hint" class="govuk-hint govuk-checkboxes__hint">
+        hint for a thing
+      </div>
+    </div>
+    <div class="govuk-checkboxes__item">
+      <input class="govuk-checkboxes__input" id="nationality-2" name="nationality" type="checkbox" value="b">
+      <label class="govuk-label govuk-checkboxes__label" for="nationality-2">
+        another thing
+      </label>
+    </div>
+    <div class="govuk-checkboxes__item">
+      <input class="govuk-checkboxes__input" id="nationality-3" name="nationality" type="checkbox" value="c">
+      <label class="govuk-label govuk-checkboxes__label" for="nationality-3">
+        this thing
+      </label>
+    </div>
+  </div>
+</fieldset>
+</div>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/checkboxes/template-small-with-long-text.html b/node_modules/govuk-frontend/dist/govuk/components/checkboxes/template-small-with-long-text.html
new file mode 100644
index 0000000..dbbc484
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/checkboxes/template-small-with-long-text.html
@@ -0,0 +1,27 @@
+<div class="govuk-form-group">
+  <fieldset class="govuk-fieldset">
+  <legend class="govuk-fieldset__legend">
+    Filter by
+  </legend>
+  <div class="govuk-checkboxes govuk-checkboxes--small" data-module="govuk-checkboxes">
+    <div class="govuk-checkboxes__item">
+      <input class="govuk-checkboxes__input" id="nationality" name="nationality" type="checkbox" value="nullam">
+      <label class="govuk-label govuk-checkboxes__label" for="nationality">
+        Nullam id dolor id nibh ultricies vehicula ut id elit. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Maecenas faucibus mollis interdum. Donec id elit non mi porta gravida at eget metus.
+      </label>
+    </div>
+    <div class="govuk-checkboxes__item">
+      <input class="govuk-checkboxes__input" id="nationality-2" name="nationality" type="checkbox" value="aenean">
+      <label class="govuk-label govuk-checkboxes__label" for="nationality-2">
+        Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Donec sed odio dui. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Cras mattis consectetur purus sit amet fermentum.
+      </label>
+    </div>
+    <div class="govuk-checkboxes__item">
+      <input class="govuk-checkboxes__input" id="nationality-3" name="nationality" type="checkbox" value="fusce">
+      <label class="govuk-label govuk-checkboxes__label" for="nationality-3">
+        Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Etiam porta sem malesuada magna mollis euismod. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. Sed posuere consectetur est at lobortis.
+      </label>
+    </div>
+  </div>
+</fieldset>
+</div>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/checkboxes/template-small.html b/node_modules/govuk-frontend/dist/govuk/components/checkboxes/template-small.html
new file mode 100644
index 0000000..52d8f16
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/checkboxes/template-small.html
@@ -0,0 +1,27 @@
+<div class="govuk-form-group">
+  <fieldset class="govuk-fieldset">
+  <legend class="govuk-fieldset__legend">
+    Filter by
+  </legend>
+  <div class="govuk-checkboxes govuk-checkboxes--small" data-module="govuk-checkboxes">
+    <div class="govuk-checkboxes__item">
+      <input class="govuk-checkboxes__input" id="nationality" name="nationality" type="checkbox" value="a">
+      <label class="govuk-label govuk-checkboxes__label" for="nationality">
+        a thing
+      </label>
+    </div>
+    <div class="govuk-checkboxes__item">
+      <input class="govuk-checkboxes__input" id="nationality-2" name="nationality" type="checkbox" value="b">
+      <label class="govuk-label govuk-checkboxes__label" for="nationality-2">
+        another thing
+      </label>
+    </div>
+    <div class="govuk-checkboxes__item">
+      <input class="govuk-checkboxes__input" id="nationality-3" name="nationality" type="checkbox" value="c">
+      <label class="govuk-label govuk-checkboxes__label" for="nationality-3">
+        this thing
+      </label>
+    </div>
+  </div>
+</fieldset>
+</div>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/checkboxes/template-with-conditional-items.html b/node_modules/govuk-frontend/dist/govuk/components/checkboxes/template-with-conditional-items.html
new file mode 100644
index 0000000..67a5424
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/checkboxes/template-with-conditional-items.html
@@ -0,0 +1,39 @@
+<div class="govuk-form-group">
+  <fieldset class="govuk-fieldset">
+  <legend class="govuk-fieldset__legend">
+    How do you want to be contacted?
+  </legend>
+  <div class="govuk-checkboxes" data-module="govuk-checkboxes">
+    <div class="govuk-checkboxes__item">
+      <input class="govuk-checkboxes__input" id="how-contacted" name="with-conditional-items" type="checkbox" value="email" data-aria-controls="conditional-how-contacted">
+      <label class="govuk-label govuk-checkboxes__label" for="how-contacted">
+        Email
+      </label>
+    </div>
+    <div class="govuk-checkboxes__conditional govuk-checkboxes__conditional--hidden" id="conditional-how-contacted">
+      <label class="govuk-label" for="context-email">Email address</label>
+<input class="govuk-input govuk-!-width-one-third" name="context-email" type="text" id="context-email">
+    </div>
+    <div class="govuk-checkboxes__item">
+      <input class="govuk-checkboxes__input" id="how-contacted-2" name="with-conditional-items" type="checkbox" value="phone" data-aria-controls="conditional-how-contacted-2">
+      <label class="govuk-label govuk-checkboxes__label" for="how-contacted-2">
+        Phone
+      </label>
+    </div>
+    <div class="govuk-checkboxes__conditional govuk-checkboxes__conditional--hidden" id="conditional-how-contacted-2">
+      <label class="govuk-label" for="contact-phone">Phone number</label>
+<input class="govuk-input govuk-!-width-one-third" name="contact-phone" type="text" id="contact-phone">
+    </div>
+    <div class="govuk-checkboxes__item">
+      <input class="govuk-checkboxes__input" id="how-contacted-3" name="with-conditional-items" type="checkbox" value="text" data-aria-controls="conditional-how-contacted-3">
+      <label class="govuk-label govuk-checkboxes__label" for="how-contacted-3">
+        Text message
+      </label>
+    </div>
+    <div class="govuk-checkboxes__conditional govuk-checkboxes__conditional--hidden" id="conditional-how-contacted-3">
+      <label class="govuk-label" for="contact-text-message">Mobile phone number</label>
+<input class="govuk-input govuk-!-width-one-third" name="contact-text-message" type="text" id="contact-text-message">
+    </div>
+  </div>
+</fieldset>
+</div>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/checkboxes/template-with-divider-and-none.html b/node_modules/govuk-frontend/dist/govuk/components/checkboxes/template-with-divider-and-none.html
new file mode 100644
index 0000000..8292afc
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/checkboxes/template-with-divider-and-none.html
@@ -0,0 +1,34 @@
+<div class="govuk-form-group">
+  <fieldset class="govuk-fieldset">
+  <legend class="govuk-fieldset__legend">
+    Which types of waste do you transport regularly?
+  </legend>
+  <div class="govuk-checkboxes" data-module="govuk-checkboxes">
+    <div class="govuk-checkboxes__item">
+      <input class="govuk-checkboxes__input" id="with-divider-and-none" name="with-divider-and-none" type="checkbox" value="animal">
+      <label class="govuk-label govuk-checkboxes__label" for="with-divider-and-none">
+        Waste from animal carcasses
+      </label>
+    </div>
+    <div class="govuk-checkboxes__item">
+      <input class="govuk-checkboxes__input" id="with-divider-and-none-2" name="with-divider-and-none" type="checkbox" value="mines">
+      <label class="govuk-label govuk-checkboxes__label" for="with-divider-and-none-2">
+        Waste from mines or quarries
+      </label>
+    </div>
+    <div class="govuk-checkboxes__item">
+      <input class="govuk-checkboxes__input" id="with-divider-and-none-3" name="with-divider-and-none" type="checkbox" value="farm">
+      <label class="govuk-label govuk-checkboxes__label" for="with-divider-and-none-3">
+        Farm or agricultural waste
+      </label>
+    </div>
+    <div class="govuk-checkboxes__divider">or</div>
+    <div class="govuk-checkboxes__item">
+      <input class="govuk-checkboxes__input" id="with-divider-and-none-5" name="with-divider-and-none" type="checkbox" value="none" data-behaviour="exclusive">
+      <label class="govuk-label govuk-checkboxes__label" for="with-divider-and-none-5">
+        None of these
+      </label>
+    </div>
+  </div>
+</fieldset>
+</div>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/checkboxes/template-with-divider-none-and-conditional-items.html b/node_modules/govuk-frontend/dist/govuk/components/checkboxes/template-with-divider-none-and-conditional-items.html
new file mode 100644
index 0000000..a349073
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/checkboxes/template-with-divider-none-and-conditional-items.html
@@ -0,0 +1,44 @@
+<div class="govuk-form-group">
+  <fieldset class="govuk-fieldset">
+  <legend class="govuk-fieldset__legend">
+    Do you have any access needs?
+  </legend>
+  <div class="govuk-checkboxes" data-module="govuk-checkboxes">
+    <div class="govuk-checkboxes__item">
+      <input class="govuk-checkboxes__input" id="with-divider-and-none-and-conditional-items" name="with-divider-and-none-and-conditional-items" type="checkbox" value="accessible-toilets">
+      <label class="govuk-label govuk-checkboxes__label" for="with-divider-and-none-and-conditional-items">
+        Accessible toilets available
+      </label>
+    </div>
+    <div class="govuk-checkboxes__item">
+      <input class="govuk-checkboxes__input" id="with-divider-and-none-and-conditional-items-2" name="with-divider-and-none-and-conditional-items" type="checkbox" value="braille">
+      <label class="govuk-label govuk-checkboxes__label" for="with-divider-and-none-and-conditional-items-2">
+        Braille translation service available
+      </label>
+    </div>
+    <div class="govuk-checkboxes__item">
+      <input class="govuk-checkboxes__input" id="with-divider-and-none-and-conditional-items-3" name="with-divider-and-none-and-conditional-items" type="checkbox" value="disabled-car-parking">
+      <label class="govuk-label govuk-checkboxes__label" for="with-divider-and-none-and-conditional-items-3">
+        Disabled car parking available
+      </label>
+    </div>
+    <div class="govuk-checkboxes__item">
+      <input class="govuk-checkboxes__input" id="with-divider-and-none-and-conditional-items-4" name="with-divider-and-none-and-conditional-items" type="checkbox" value="another-access-need" data-aria-controls="conditional-with-divider-and-none-and-conditional-items-4">
+      <label class="govuk-label govuk-checkboxes__label" for="with-divider-and-none-and-conditional-items-4">
+        Another access need
+      </label>
+    </div>
+    <div class="govuk-checkboxes__conditional govuk-checkboxes__conditional--hidden" id="conditional-with-divider-and-none-and-conditional-items-4">
+      <label class="govuk-label" for="other-access-needs">Other access needs</label>
+<textarea class="govuk-textarea govuk-!-width-one-third" name="other-access-needs" id="other-access-needs"></textarea>
+    </div>
+    <div class="govuk-checkboxes__divider">or</div>
+    <div class="govuk-checkboxes__item">
+      <input class="govuk-checkboxes__input" id="with-divider-and-none-and-conditional-items-6" name="with-divider-and-none-and-conditional-items" type="checkbox" value="none" data-behaviour="exclusive">
+      <label class="govuk-label govuk-checkboxes__label" for="with-divider-and-none-and-conditional-items-6">
+        None of these
+      </label>
+    </div>
+  </div>
+</fieldset>
+</div>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/checkboxes/template-with-error-message.html b/node_modules/govuk-frontend/dist/govuk/components/checkboxes/template-with-error-message.html
new file mode 100644
index 0000000..48f6a6b
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/checkboxes/template-with-error-message.html
@@ -0,0 +1,39 @@
+<div class="govuk-form-group govuk-form-group--error">
+  <fieldset class="govuk-fieldset" aria-describedby="waste-error">
+  <legend class="govuk-fieldset__legend">
+    Which types of waste do you transport regularly?
+  </legend>
+  <p id="waste-error" class="govuk-error-message">
+    <span class="govuk-visually-hidden">Error:</span> Please select an option
+  </p>
+  <div class="govuk-checkboxes" data-module="govuk-checkboxes">
+    <div class="govuk-checkboxes__item">
+      <input class="govuk-checkboxes__input" id="waste" name="waste" type="checkbox" value="animal" aria-describedby="waste-item-hint">
+      <label class="govuk-label govuk-checkboxes__label" for="waste">
+        Waste from animal carcasses
+      </label>
+      <div id="waste-item-hint" class="govuk-hint govuk-checkboxes__hint">
+        Nullam id dolor id nibh ultricies vehicula ut id elit.
+      </div>
+    </div>
+    <div class="govuk-checkboxes__item">
+      <input class="govuk-checkboxes__input" id="waste-2" name="waste" type="checkbox" value="mines" aria-describedby="waste-2-item-hint">
+      <label class="govuk-label govuk-checkboxes__label" for="waste-2">
+        Waste from mines or quarries
+      </label>
+      <div id="waste-2-item-hint" class="govuk-hint govuk-checkboxes__hint">
+        Nullam id dolor id nibh ultricies vehicula ut id elit.
+      </div>
+    </div>
+    <div class="govuk-checkboxes__item">
+      <input class="govuk-checkboxes__input" id="waste-3" name="waste" type="checkbox" value="farm" aria-describedby="waste-3-item-hint">
+      <label class="govuk-label govuk-checkboxes__label" for="waste-3">
+        Farm or agricultural waste
+      </label>
+      <div id="waste-3-item-hint" class="govuk-hint govuk-checkboxes__hint">
+        Nullam id dolor id nibh ultricies vehicula ut id elit.
+      </div>
+    </div>
+  </div>
+</fieldset>
+</div>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/checkboxes/template-with-hint.html b/node_modules/govuk-frontend/dist/govuk/components/checkboxes/template-with-hint.html
new file mode 100644
index 0000000..338ca30
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/checkboxes/template-with-hint.html
@@ -0,0 +1,30 @@
+<div class="govuk-form-group">
+  <fieldset class="govuk-fieldset" aria-describedby="nationality-hint">
+  <legend class="govuk-fieldset__legend">
+    What is your nationality?
+  </legend>
+  <div id="nationality-hint" class="govuk-hint">
+    Select all that apply
+  </div>
+  <div class="govuk-checkboxes" data-module="govuk-checkboxes">
+    <div class="govuk-checkboxes__item">
+      <input class="govuk-checkboxes__input" id="nationality" name="nationality" type="checkbox" value="british">
+      <label class="govuk-label govuk-checkboxes__label" for="nationality">
+        British
+      </label>
+    </div>
+    <div class="govuk-checkboxes__item">
+      <input class="govuk-checkboxes__input" id="nationality-2" name="nationality" type="checkbox" value="irish">
+      <label class="govuk-label govuk-checkboxes__label" for="nationality-2">
+        Irish
+      </label>
+    </div>
+    <div class="govuk-checkboxes__item">
+      <input class="govuk-checkboxes__input" id="nationality-3" name="nationality" type="checkbox" value="other">
+      <label class="govuk-label govuk-checkboxes__label" for="nationality-3">
+        Citizen of another country
+      </label>
+    </div>
+  </div>
+</fieldset>
+</div>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/checkboxes/template-with-hints-on-items.html b/node_modules/govuk-frontend/dist/govuk/components/checkboxes/template-with-hints-on-items.html
new file mode 100644
index 0000000..17746de
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/checkboxes/template-with-hints-on-items.html
@@ -0,0 +1,27 @@
+<div class="govuk-form-group">
+  <fieldset class="govuk-fieldset">
+  <legend class="govuk-fieldset__legend">
+    How do you want to sign in?
+  </legend>
+  <div class="govuk-checkboxes" data-module="govuk-checkboxes">
+    <div class="govuk-checkboxes__item">
+      <input class="govuk-checkboxes__input" id="government-gateway" name="gateway" type="checkbox" value="gov-gateway" aria-describedby="government-gateway-item-hint">
+      <label class="govuk-label govuk-checkboxes__label" for="government-gateway">
+        Sign in with Government Gateway
+      </label>
+      <div id="government-gateway-item-hint" class="govuk-hint govuk-checkboxes__hint">
+        You&#39;ll have a user ID if you&#39;ve registered for Self Assessment or filed a tax return online before.
+      </div>
+    </div>
+    <div class="govuk-checkboxes__item">
+      <input class="govuk-checkboxes__input" id="govuk-verify" name="verify" type="checkbox" value="gov-verify" aria-describedby="govuk-verify-item-hint">
+      <label class="govuk-label govuk-checkboxes__label" for="govuk-verify">
+        Sign in with GOV.UK Verify
+      </label>
+      <div id="govuk-verify-item-hint" class="govuk-hint govuk-checkboxes__hint">
+        You&#39;ll have an account if you&#39;ve already proved your identity with either Barclays, CitizenSafe, Digidentity, Experian, Post Office, Royal Mail or SecureIdentity.
+      </div>
+    </div>
+  </div>
+</fieldset>
+</div>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/checkboxes/template-with-legend-as-a-page-heading.html b/node_modules/govuk-frontend/dist/govuk/components/checkboxes/template-with-legend-as-a-page-heading.html
new file mode 100644
index 0000000..4eebeb4
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/checkboxes/template-with-legend-as-a-page-heading.html
@@ -0,0 +1,32 @@
+<div class="govuk-form-group">
+  <fieldset class="govuk-fieldset" aria-describedby="waste-hint">
+  <legend class="govuk-fieldset__legend govuk-fieldset__legend--l">
+    <h1 class="govuk-fieldset__heading">
+      Which types of waste do you transport regularly?
+    </h1>
+  </legend>
+  <div id="waste-hint" class="govuk-hint">
+    Select all that apply
+  </div>
+  <div class="govuk-checkboxes" data-module="govuk-checkboxes">
+    <div class="govuk-checkboxes__item">
+      <input class="govuk-checkboxes__input" id="waste" name="waste" type="checkbox" value="animal">
+      <label class="govuk-label govuk-checkboxes__label" for="waste">
+        Waste from animal carcasses
+      </label>
+    </div>
+    <div class="govuk-checkboxes__item">
+      <input class="govuk-checkboxes__input" id="waste-2" name="waste" type="checkbox" value="mines">
+      <label class="govuk-label govuk-checkboxes__label" for="waste-2">
+        Waste from mines or quarries
+      </label>
+    </div>
+    <div class="govuk-checkboxes__item">
+      <input class="govuk-checkboxes__input" id="waste-3" name="waste" type="checkbox" value="farm">
+      <label class="govuk-label govuk-checkboxes__label" for="waste-3">
+        Farm or agricultural waste
+      </label>
+    </div>
+  </div>
+</fieldset>
+</div>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/checkboxes/template-with-optional-form-group-classes-showing-group-error.html b/node_modules/govuk-frontend/dist/govuk/components/checkboxes/template-with-optional-form-group-classes-showing-group-error.html
new file mode 100644
index 0000000..8180097
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/checkboxes/template-with-optional-form-group-classes-showing-group-error.html
@@ -0,0 +1,40 @@
+<div class="govuk-form-group govuk-form-group--error">
+  <fieldset class="govuk-fieldset">
+  <legend class="govuk-fieldset__legend">
+    How do you want to be contacted?
+  </legend>
+  <div class="govuk-checkboxes" data-module="govuk-checkboxes">
+    <div class="govuk-checkboxes__item">
+      <input class="govuk-checkboxes__input" id="how-contacted-checked" name="how-contacted-checked" type="checkbox" value="email" data-aria-controls="conditional-how-contacted-checked">
+      <label class="govuk-label govuk-checkboxes__label" for="how-contacted-checked">
+        Email
+      </label>
+    </div>
+    <div class="govuk-checkboxes__conditional govuk-checkboxes__conditional--hidden" id="conditional-how-contacted-checked">
+      <label class="govuk-label" for="context-email">Email address</label>
+<input class="govuk-input govuk-!-width-one-third" name="context-email" type="text" id="context-email">
+    </div>
+    <div class="govuk-checkboxes__item">
+      <input class="govuk-checkboxes__input" id="how-contacted-checked-2" name="how-contacted-checked" type="checkbox" value="phone" checked data-aria-controls="conditional-how-contacted-checked-2">
+      <label class="govuk-label govuk-checkboxes__label" for="how-contacted-checked-2">
+        Phone
+      </label>
+    </div>
+    <div class="govuk-checkboxes__conditional" id="conditional-how-contacted-checked-2">
+      <label class="govuk-label" for="contact-phone">Phone number</label>
+<span id="contact-phone-error" class="govuk-error-message">Problem with input</span>
+<input class="govuk-input govuk-input--error govuk-!-width-one-third" name="contact-phone" type="text" id="contact-phone" aria-describedby="contact-phone-error">
+    </div>
+    <div class="govuk-checkboxes__item">
+      <input class="govuk-checkboxes__input" id="how-contacted-checked-3" name="how-contacted-checked" type="checkbox" value="text" data-aria-controls="conditional-how-contacted-checked-3">
+      <label class="govuk-label govuk-checkboxes__label" for="how-contacted-checked-3">
+        Text message
+      </label>
+    </div>
+    <div class="govuk-checkboxes__conditional govuk-checkboxes__conditional--hidden" id="conditional-how-contacted-checked-3">
+      <label class="govuk-label" for="contact-text-message">Mobile phone number</label>
+<input class="govuk-input govuk-!-width-one-third" name="contact-text-message" type="text" id="contact-text-message">
+    </div>
+  </div>
+</fieldset>
+</div>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/checkboxes/template-with-pre-checked-values.html b/node_modules/govuk-frontend/dist/govuk/components/checkboxes/template-with-pre-checked-values.html
new file mode 100644
index 0000000..ec41b5c
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/checkboxes/template-with-pre-checked-values.html
@@ -0,0 +1,39 @@
+<div class="govuk-form-group">
+  <fieldset class="govuk-fieldset">
+  <legend class="govuk-fieldset__legend">
+    How do you want to be contacted?
+  </legend>
+  <div class="govuk-checkboxes" data-module="govuk-checkboxes">
+    <div class="govuk-checkboxes__item">
+      <input class="govuk-checkboxes__input" id="how-contacted-checked" name="how-contacted-checked" type="checkbox" value="email" checked data-aria-controls="conditional-how-contacted-checked">
+      <label class="govuk-label govuk-checkboxes__label" for="how-contacted-checked">
+        Email
+      </label>
+    </div>
+    <div class="govuk-checkboxes__conditional" id="conditional-how-contacted-checked">
+      <label class="govuk-label" for="context-email">Email address</label>
+<input class="govuk-input govuk-!-width-one-third" name="context-email" type="text" id="context-email">
+    </div>
+    <div class="govuk-checkboxes__item">
+      <input class="govuk-checkboxes__input" id="how-contacted-checked-2" name="how-contacted-checked" type="checkbox" value="phone" data-aria-controls="conditional-how-contacted-checked-2">
+      <label class="govuk-label govuk-checkboxes__label" for="how-contacted-checked-2">
+        Phone
+      </label>
+    </div>
+    <div class="govuk-checkboxes__conditional govuk-checkboxes__conditional--hidden" id="conditional-how-contacted-checked-2">
+      <label class="govuk-label" for="contact-phone">Phone number</label>
+<input class="govuk-input govuk-!-width-one-third" name="contact-phone" type="text" id="contact-phone">
+    </div>
+    <div class="govuk-checkboxes__item">
+      <input class="govuk-checkboxes__input" id="how-contacted-checked-3" name="how-contacted-checked" type="checkbox" value="text" checked data-aria-controls="conditional-how-contacted-checked-3">
+      <label class="govuk-label govuk-checkboxes__label" for="how-contacted-checked-3">
+        Text message
+      </label>
+    </div>
+    <div class="govuk-checkboxes__conditional" id="conditional-how-contacted-checked-3">
+      <label class="govuk-label" for="contact-text-message">Mobile phone number</label>
+<input class="govuk-input govuk-!-width-one-third" name="contact-text-message" type="text" id="contact-text-message">
+    </div>
+  </div>
+</fieldset>
+</div>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/checkboxes/template-with-very-long-option-text.html b/node_modules/govuk-frontend/dist/govuk/components/checkboxes/template-with-very-long-option-text.html
new file mode 100644
index 0000000..4054ed7
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/checkboxes/template-with-very-long-option-text.html
@@ -0,0 +1,30 @@
+<div class="govuk-form-group">
+  <fieldset class="govuk-fieldset" aria-describedby="waste-hint">
+  <legend class="govuk-fieldset__legend">
+    Maecenas faucibus mollis interdum?
+  </legend>
+  <div id="waste-hint" class="govuk-hint">
+    Nullam id dolor id nibh ultricies vehicula ut id elit.
+  </div>
+  <div class="govuk-checkboxes" data-module="govuk-checkboxes">
+    <div class="govuk-checkboxes__item">
+      <input class="govuk-checkboxes__input" id="waste" name="waste" type="checkbox" value="nullam">
+      <label class="govuk-label govuk-checkboxes__label" for="waste">
+        Nullam id dolor id nibh ultricies vehicula ut id elit. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Maecenas faucibus mollis interdum. Donec id elit non mi porta gravida at eget metus.
+      </label>
+    </div>
+    <div class="govuk-checkboxes__item">
+      <input class="govuk-checkboxes__input" id="waste-2" name="waste" type="checkbox" value="aenean">
+      <label class="govuk-label govuk-checkboxes__label" for="waste-2">
+        Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Donec sed odio dui. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Cras mattis consectetur purus sit amet fermentum.
+      </label>
+    </div>
+    <div class="govuk-checkboxes__item">
+      <input class="govuk-checkboxes__input" id="waste-3" name="waste" type="checkbox" value="fusce">
+      <label class="govuk-label govuk-checkboxes__label" for="waste-3">
+        Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Etiam porta sem malesuada magna mollis euismod. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. Sed posuere consectetur est at lobortis.
+      </label>
+    </div>
+  </div>
+</fieldset>
+</div>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/checkboxes/template.njk b/node_modules/govuk-frontend/dist/govuk/components/checkboxes/template.njk
new file mode 100644
index 0000000..a4c0e09
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/checkboxes/template.njk
@@ -0,0 +1,122 @@
+{% from "../../macros/attributes.njk" import govukAttributes %}
+{% from "../error-message/macro.njk" import govukErrorMessage %}
+{% from "../fieldset/macro.njk" import govukFieldset %}
+{% from "../hint/macro.njk" import govukHint %}
+{% from "../label/macro.njk" import govukLabel %}
+
+{#- If an id 'prefix' is not passed, fall back to using the name attribute
+  instead. We need this for error messages and hints as well -#}
+{% set idPrefix = params.idPrefix if params.idPrefix else params.name %}
+
+{#- a record of other elements that we need to associate with the input using
+  aria-describedby – for example hints or error messages -#}
+{% set describedBy = params.describedBy if params.describedBy else "" %}
+{% if params.fieldset.describedBy %}
+  {% set describedBy = params.fieldset.describedBy %}
+{% endif %}
+
+{#- fieldset is false by default -#}
+{% set hasFieldset = true if params.fieldset else false %}
+
+{%- macro _checkboxItem(params, item, index) %}
+  {#- If the user explicitly sets an id, use this instead of the regular idPrefix -#}
+  {#- The first id should not have a number suffix so it's easy to link to from the error summary component -#}
+  {% set itemId = item.id if item.id else idPrefix + ("-" + index if index > 1 else "") %}
+  {% set itemName = item.name if item.name else params.name %}
+  {% set conditionalId = "conditional-" + itemId %}
+  {%- if item.divider %}
+    <div class="govuk-checkboxes__divider">{{ item.divider }}</div>
+  {% else %}
+    {% set isChecked = item.checked | default((item.value in params.values and item.checked != false) if params.values else false, true) %}
+    {% set hasHint = true if item.hint.text or item.hint.html %}
+    {% set itemHintId = itemId + "-item-hint" if hasHint else "" %}
+    {% set itemDescribedBy = describedBy if not hasFieldset else "" %}
+    {% set itemDescribedBy = (itemDescribedBy + " " + itemHintId) | trim %}
+    <div class="govuk-checkboxes__item">
+      <input class="govuk-checkboxes__input" id="{{ itemId }}" name="{{ itemName }}" type="checkbox" value="{{ item.value }}"
+        {{-" checked" if isChecked }}
+        {{-" disabled" if item.disabled }}
+        {%- if item.conditional.html %} data-aria-controls="{{ conditionalId }}"{% endif -%}
+        {%- if item.behaviour %} data-behaviour="{{ item.behaviour }}"{% endif -%}
+        {%- if itemDescribedBy %} aria-describedby="{{ itemDescribedBy }}"{% endif -%}
+        {{- govukAttributes(item.attributes) }}>
+      {{ govukLabel({
+        html: item.html,
+        text: item.text,
+        classes: 'govuk-checkboxes__label' + (' ' + item.label.classes if item.label.classes),
+        attributes: item.label.attributes,
+        for: itemId
+      }) | trim | indent(6) }}
+      {% if hasHint %}
+      {{ govukHint({
+        id: itemHintId,
+        classes: 'govuk-checkboxes__hint' + (' ' + item.hint.classes if item.hint.classes),
+        attributes: item.hint.attributes,
+        html: item.hint.html,
+        text: item.hint.text
+      }) | trim | indent(6) }}
+      {% endif %}
+    </div>
+    {% if item.conditional.html %}
+    <div class="govuk-checkboxes__conditional {%- if not isChecked %} govuk-checkboxes__conditional--hidden{% endif %}" id="{{ conditionalId }}">
+      {{ item.conditional.html | safe | trim }}
+    </div>
+    {% endif %}
+  {% endif %}
+{% endmacro -%}
+
+{#- Capture the HTML so we can optionally nest it in a fieldset -#}
+{% set innerHtml %}
+{% if params.hint %}
+  {% set hintId = idPrefix + '-hint' %}
+  {% set describedBy = describedBy + ' ' + hintId if describedBy else hintId %}
+  {{ govukHint({
+    id: hintId,
+    classes: params.hint.classes,
+    attributes: params.hint.attributes,
+    html: params.hint.html,
+    text: params.hint.text
+  }) | trim | indent(2) }}
+{% endif %}
+{% if params.errorMessage %}
+  {% set errorId = idPrefix + '-error' %}
+  {% set describedBy = describedBy + ' ' + errorId if describedBy else errorId %}
+  {{ govukErrorMessage({
+    id: errorId,
+    classes: params.errorMessage.classes,
+    attributes: params.errorMessage.attributes,
+    html: params.errorMessage.html,
+    text: params.errorMessage.text,
+    visuallyHiddenText: params.errorMessage.visuallyHiddenText
+  }) | trim | indent(2) }}
+{% endif %}
+  <div class="govuk-checkboxes {%- if params.classes %} {{ params.classes }}{% endif %}"
+    {{- govukAttributes(params.attributes) }} data-module="govuk-checkboxes">
+    {% if params.formGroup.beforeInputs %}
+    {{ params.formGroup.beforeInputs.html | safe | trim | indent(4) if params.formGroup.beforeInputs.html else params.formGroup.beforeInputs.text }}
+    {% endif %}
+    {% for item in params.items %}
+      {% if item %}
+        {{- _checkboxItem(params, item, loop.index) -}}
+      {% endif %}
+    {% endfor %}
+    {% if params.formGroup.afterInputs %}
+    {{ params.formGroup.afterInputs.html | safe | trim | indent(4) if params.formGroup.afterInputs.html else params.formGroup.afterInputs.text }}
+    {% endif %}
+  </div>
+{% endset -%}
+
+<div class="govuk-form-group {%- if params.errorMessage %} govuk-form-group--error{% endif %} {%- if params.formGroup.classes %} {{ params.formGroup.classes }}{% endif %}"
+  {{- govukAttributes(params.formGroup.attributes) }}>
+{% if hasFieldset %}
+  {{ govukFieldset({
+    describedBy: describedBy,
+    classes: params.fieldset.classes,
+    attributes: params.fieldset.attributes,
+    legend: params.fieldset.legend,
+    html: innerHtml | trim
+  }) | trim }}
+{% else %}
+  {{ innerHtml | safe | trim }}
+{% endif %}
+</div>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/cookie-banner/README.md b/node_modules/govuk-frontend/dist/govuk/components/cookie-banner/README.md
new file mode 100644
index 0000000..1c91980
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/cookie-banner/README.md
@@ -0,0 +1,15 @@
+# Cookie banner
+
+## Installation
+
+See the [main README quick start guide](https://github.com/alphagov/govuk-frontend#quick-start) for how to install this component.
+
+## Guidance and Examples
+
+Find out when to use the cookie banner component in your service in the [GOV.UK Design System](https://design-system.service.gov.uk/components/cookie-banner).
+
+## Component options
+
+Use options to customise the appearance, content and behaviour of a component when using a macro, for example, changing the text.
+
+See [options table](https://design-system.service.gov.uk/components/cookie-banner/#options-default-cookie-banner-example) for details.
diff --git a/node_modules/govuk-frontend/dist/govuk/components/cookie-banner/_cookie-banner.scss b/node_modules/govuk-frontend/dist/govuk/components/cookie-banner/_cookie-banner.scss
new file mode 100644
index 0000000..9227cf9
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/cookie-banner/_cookie-banner.scss
@@ -0,0 +1,4 @@
+@import "../../base";
+@import "./index";
+
+/*# sourceMappingURL=_cookie-banner.scss.map */
diff --git a/node_modules/govuk-frontend/dist/govuk/components/cookie-banner/_cookie-banner.scss.map b/node_modules/govuk-frontend/dist/govuk/components/cookie-banner/_cookie-banner.scss.map
new file mode 100644
index 0000000..1c5a3df
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/cookie-banner/_cookie-banner.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/cookie-banner/_cookie-banner.scss"],"names":[],"mappings":"AAAA,oBAAoB;AACpB,iBAAiB","file":"_cookie-banner.scss","sourcesContent":["@import \"../../base\";\n@import \"./index\";\n"]}
diff --git a/node_modules/govuk-frontend/dist/govuk/components/cookie-banner/_index.scss b/node_modules/govuk-frontend/dist/govuk/components/cookie-banner/_index.scss
new file mode 100644
index 0000000..0a9616c
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/cookie-banner/_index.scss
@@ -0,0 +1,59 @@
+@import "../button/index";
+
+@include govuk-exports("govuk/component/cookie-banner") {
+  // This needs to be kept in sync with the header component's styles
+  $border-bottom-width: govuk-spacing(2);
+
+  .govuk-cookie-banner {
+    padding-top: govuk-spacing(4);
+    // The component does not set bottom spacing. The bottom spacing should be
+    // created by the items inside the component.
+
+    // Visually separate the cookie banner from content underneath when user
+    // changes colours in their browser.
+    border-bottom: $border-bottom-width solid transparent;
+
+    @include _govuk-rebrand(
+      "background-color",
+      $govuk-template-background-colour,
+      $_govuk-rebrand-template-background-colour
+    );
+  }
+
+  // Support older browsers which don't hide elements with the `hidden` attribute
+  // when user hides the whole cookie banner with a 'Hide' button.
+  .govuk-cookie-banner[hidden] {
+    display: none;
+  }
+
+  .govuk-cookie-banner__message {
+    // Remove the extra height added by the separator border.
+    margin-bottom: -$border-bottom-width;
+
+    &[hidden] {
+      // Support older browsers which don't hide elements with the `hidden`
+      // attribute when the visibility of cookie and replacement messages is
+      // toggled.
+      display: none;
+    }
+
+    &:focus {
+      // Remove the native visible focus indicator when the element is
+      // programmatically focused.
+      //
+      // The focused cookie banner is the first element on the page and the last
+      // thing the user interacted with prior to it gaining focus. We therefore
+      // assume that moving focus to it is not going to surprise users, and that
+      // giving it a visible focus indicator could be more confusing than
+      // helpful, especially as the element is not normally keyboard operable.
+      //
+      // We have flagged this in the research section of the guidance as
+      // something to monitor.
+      //
+      // A related discussion: https://github.com/w3c/wcag/issues/1001
+      outline: none;
+    }
+  }
+}
+
+/*# sourceMappingURL=_index.scss.map */
diff --git a/node_modules/govuk-frontend/dist/govuk/components/cookie-banner/_index.scss.map b/node_modules/govuk-frontend/dist/govuk/components/cookie-banner/_index.scss.map
new file mode 100644
index 0000000..452e728
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/cookie-banner/_index.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/cookie-banner/_index.scss"],"names":[],"mappings":"AAAA,yBAAyB;;AAEzB;EACE,kEAAkE;EAClE,sCAAsC;;EAEtC;IACE,6BAA6B;IAC7B,yEAAyE;IACzE,4CAA4C;;IAE5C,uEAAuE;IACvE,mCAAmC;IACnC,qDAAqD;;IAErD;;;;KAIC;EACH;;EAEA,8EAA8E;EAC9E,+DAA+D;EAC/D;IACE,aAAa;EACf;;EAEA;IACE,wDAAwD;IACxD,oCAAoC;;IAEpC;MACE,oEAAoE;MACpE,qEAAqE;MACrE,UAAU;MACV,aAAa;IACf;;IAEA;MACE,+DAA+D;MAC/D,2BAA2B;MAC3B,CAAC;MACD,yEAAyE;MACzE,wEAAwE;MACxE,yEAAyE;MACzE,kEAAkE;MAClE,uEAAuE;MACvE,CAAC;MACD,iEAAiE;MACjE,uBAAuB;MACvB,CAAC;MACD,+DAA+D;MAC/D,aAAa;IACf;EACF;AACF","file":"_index.scss","sourcesContent":["@import \"../button/index\";\n\n@include govuk-exports(\"govuk/component/cookie-banner\") {\n  // This needs to be kept in sync with the header component's styles\n  $border-bottom-width: govuk-spacing(2);\n\n  .govuk-cookie-banner {\n    padding-top: govuk-spacing(4);\n    // The component does not set bottom spacing. The bottom spacing should be\n    // created by the items inside the component.\n\n    // Visually separate the cookie banner from content underneath when user\n    // changes colours in their browser.\n    border-bottom: $border-bottom-width solid transparent;\n\n    @include _govuk-rebrand(\n      \"background-color\",\n      $govuk-template-background-colour,\n      $_govuk-rebrand-template-background-colour\n    );\n  }\n\n  // Support older browsers which don't hide elements with the `hidden` attribute\n  // when user hides the whole cookie banner with a 'Hide' button.\n  .govuk-cookie-banner[hidden] {\n    display: none;\n  }\n\n  .govuk-cookie-banner__message {\n    // Remove the extra height added by the separator border.\n    margin-bottom: -$border-bottom-width;\n\n    &[hidden] {\n      // Support older browsers which don't hide elements with the `hidden`\n      // attribute when the visibility of cookie and replacement messages is\n      // toggled.\n      display: none;\n    }\n\n    &:focus {\n      // Remove the native visible focus indicator when the element is\n      // programmatically focused.\n      //\n      // The focused cookie banner is the first element on the page and the last\n      // thing the user interacted with prior to it gaining focus. We therefore\n      // assume that moving focus to it is not going to surprise users, and that\n      // giving it a visible focus indicator could be more confusing than\n      // helpful, especially as the element is not normally keyboard operable.\n      //\n      // We have flagged this in the research section of the guidance as\n      // something to monitor.\n      //\n      // A related discussion: https://github.com/w3c/wcag/issues/1001\n      outline: none;\n    }\n  }\n}\n"]}
diff --git a/node_modules/govuk-frontend/dist/govuk/components/cookie-banner/fixtures.json b/node_modules/govuk-frontend/dist/govuk/components/cookie-banner/fixtures.json
new file mode 100644
index 0000000..b991033
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/cookie-banner/fixtures.json
@@ -0,0 +1,579 @@
+{
+    "component": "cookie-banner",
+    "fixtures": [
+        {
+            "name": "default",
+            "options": {
+                "messages": [
+                    {
+                        "headingText": "Cookies on this government service",
+                        "text": "We use analytics cookies to help understand how users use our service.",
+                        "actions": [
+                            {
+                                "text": "Accept analytics cookies",
+                                "type": "submit",
+                                "name": "cookies",
+                                "value": "accept"
+                            },
+                            {
+                                "text": "Reject analytics cookies",
+                                "type": "submit",
+                                "name": "cookies",
+                                "value": "reject"
+                            },
+                            {
+                                "text": "View cookie preferences",
+                                "href": "/cookie-preferences"
+                            }
+                        ]
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": true,
+            "html": "<div class=\"govuk-cookie-banner\" data-nosnippet role=\"region\" aria-label=\"Cookie banner\">\n  <div class=\"govuk-cookie-banner__message govuk-width-container\">\n\n    <div class=\"govuk-grid-row\">\n      <div class=\"govuk-grid-column-two-thirds\">\n        <h2 class=\"govuk-cookie-banner__heading govuk-heading-m\">\n          Cookies on this government service\n        </h2>\n        <div class=\"govuk-cookie-banner__content\">\n          <p class=\"govuk-body\">We use analytics cookies to help understand how users use our service.</p>\n        </div>\n      </div>\n    </div>\n\n    <div class=\"govuk-button-group\">\n      <button value=\"accept\" type=\"submit\" name=\"cookies\" class=\"govuk-button\" data-module=\"govuk-button\">\n        Accept analytics cookies\n      </button>\n      <button value=\"reject\" type=\"submit\" name=\"cookies\" class=\"govuk-button\" data-module=\"govuk-button\">\n        Reject analytics cookies\n      </button>\n      <a class=\"govuk-link\" href=\"/cookie-preferences\">View cookie preferences</a>\n    </div>\n\n  </div>\n</div>"
+        },
+        {
+            "name": "accepted confirmation banner",
+            "options": {
+                "messages": [
+                    {
+                        "text": "Your cookie preferences have been saved. You have accepted cookies.",
+                        "role": "alert",
+                        "actions": [
+                            {
+                                "text": "Hide cookie message",
+                                "type": "button"
+                            }
+                        ]
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-cookie-banner\" data-nosnippet role=\"region\" aria-label=\"Cookie banner\">\n  <div class=\"govuk-cookie-banner__message govuk-width-container\" role=\"alert\">\n\n    <div class=\"govuk-grid-row\">\n      <div class=\"govuk-grid-column-two-thirds\">\n        <div class=\"govuk-cookie-banner__content\">\n          <p class=\"govuk-body\">Your cookie preferences have been saved. You have accepted cookies.</p>\n        </div>\n      </div>\n    </div>\n\n    <div class=\"govuk-button-group\">\n      <button type=\"button\" class=\"govuk-button\" data-module=\"govuk-button\">\n        Hide cookie message\n      </button>\n    </div>\n\n  </div>\n</div>"
+        },
+        {
+            "name": "rejected confirmation banner",
+            "options": {
+                "messages": [
+                    {
+                        "text": "Your cookie preferences have been saved. You have rejected cookies.",
+                        "role": "alert",
+                        "actions": [
+                            {
+                                "text": "Hide cookie message",
+                                "type": "button"
+                            }
+                        ]
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-cookie-banner\" data-nosnippet role=\"region\" aria-label=\"Cookie banner\">\n  <div class=\"govuk-cookie-banner__message govuk-width-container\" role=\"alert\">\n\n    <div class=\"govuk-grid-row\">\n      <div class=\"govuk-grid-column-two-thirds\">\n        <div class=\"govuk-cookie-banner__content\">\n          <p class=\"govuk-body\">Your cookie preferences have been saved. You have rejected cookies.</p>\n        </div>\n      </div>\n    </div>\n\n    <div class=\"govuk-button-group\">\n      <button type=\"button\" class=\"govuk-button\" data-module=\"govuk-button\">\n        Hide cookie message\n      </button>\n    </div>\n\n  </div>\n</div>"
+        },
+        {
+            "name": "with html",
+            "options": {
+                "messages": [
+                    {
+                        "headingHtml": "Cookies on <span>my service</span>",
+                        "html": "<p class=\"govuk-body\">We use cookies in <span>our service</span>.</p>\n<p class=\"govuk-body\">We’d like to use analytics cookies so we can understand how you use the Design System and make improvements.</p>\n",
+                        "actions": [
+                            {
+                                "text": "Accept analytics cookies",
+                                "type": "submit",
+                                "name": "cookies",
+                                "value": "accept"
+                            },
+                            {
+                                "text": "Reject analytics cookies",
+                                "type": "submit",
+                                "name": "cookies",
+                                "value": "reject"
+                            },
+                            {
+                                "text": "View cookie preferences",
+                                "href": "/cookie-preferences"
+                            }
+                        ]
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-cookie-banner\" data-nosnippet role=\"region\" aria-label=\"Cookie banner\">\n  <div class=\"govuk-cookie-banner__message govuk-width-container\">\n\n    <div class=\"govuk-grid-row\">\n      <div class=\"govuk-grid-column-two-thirds\">\n        <h2 class=\"govuk-cookie-banner__heading govuk-heading-m\">\n          Cookies on <span>my service</span>\n        </h2>\n        <div class=\"govuk-cookie-banner__content\">\n          <p class=\"govuk-body\">We use cookies in <span>our service</span>.</p>\n          <p class=\"govuk-body\">We’d like to use analytics cookies so we can understand how you use the Design System and make improvements.</p>\n        </div>\n      </div>\n    </div>\n\n    <div class=\"govuk-button-group\">\n      <button value=\"accept\" type=\"submit\" name=\"cookies\" class=\"govuk-button\" data-module=\"govuk-button\">\n        Accept analytics cookies\n      </button>\n      <button value=\"reject\" type=\"submit\" name=\"cookies\" class=\"govuk-button\" data-module=\"govuk-button\">\n        Reject analytics cookies\n      </button>\n      <a class=\"govuk-link\" href=\"/cookie-preferences\">View cookie preferences</a>\n    </div>\n\n  </div>\n</div>"
+        },
+        {
+            "name": "heading html",
+            "options": {
+                "messages": [
+                    {
+                        "headingHtml": "Cookies on <span>my service</span>"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-cookie-banner\" data-nosnippet role=\"region\" aria-label=\"Cookie banner\">\n  <div class=\"govuk-cookie-banner__message govuk-width-container\">\n\n    <div class=\"govuk-grid-row\">\n      <div class=\"govuk-grid-column-two-thirds\">\n        <h2 class=\"govuk-cookie-banner__heading govuk-heading-m\">\n          Cookies on <span>my service</span>\n        </h2>\n        <div class=\"govuk-cookie-banner__content\">\n        </div>\n      </div>\n    </div>\n\n\n  </div>\n</div>"
+        },
+        {
+            "name": "heading html as text",
+            "options": {
+                "messages": [
+                    {
+                        "headingText": "Cookies on <span>my service</span>"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-cookie-banner\" data-nosnippet role=\"region\" aria-label=\"Cookie banner\">\n  <div class=\"govuk-cookie-banner__message govuk-width-container\">\n\n    <div class=\"govuk-grid-row\">\n      <div class=\"govuk-grid-column-two-thirds\">\n        <h2 class=\"govuk-cookie-banner__heading govuk-heading-m\">\n          Cookies on &lt;span&gt;my service&lt;/span&gt;\n        </h2>\n        <div class=\"govuk-cookie-banner__content\">\n        </div>\n      </div>\n    </div>\n\n\n  </div>\n</div>"
+        },
+        {
+            "name": "html",
+            "options": {
+                "messages": [
+                    {
+                        "html": "<p class=\"govuk-body\">We use cookies in <span>our service</span>.</p>"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-cookie-banner\" data-nosnippet role=\"region\" aria-label=\"Cookie banner\">\n  <div class=\"govuk-cookie-banner__message govuk-width-container\">\n\n    <div class=\"govuk-grid-row\">\n      <div class=\"govuk-grid-column-two-thirds\">\n        <div class=\"govuk-cookie-banner__content\">\n          <p class=\"govuk-body\">We use cookies in <span>our service</span>.</p>\n        </div>\n      </div>\n    </div>\n\n\n  </div>\n</div>"
+        },
+        {
+            "name": "classes",
+            "options": {
+                "messages": [
+                    {
+                        "classes": "app-my-class"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-cookie-banner\" data-nosnippet role=\"region\" aria-label=\"Cookie banner\">\n  <div class=\"govuk-cookie-banner__message app-my-class govuk-width-container\">\n\n    <div class=\"govuk-grid-row\">\n      <div class=\"govuk-grid-column-two-thirds\">\n        <div class=\"govuk-cookie-banner__content\">\n        </div>\n      </div>\n    </div>\n\n\n  </div>\n</div>"
+        },
+        {
+            "name": "attributes",
+            "options": {
+                "messages": [
+                    {
+                        "attributes": {
+                            "data-attribute": "my-value"
+                        }
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-cookie-banner\" data-nosnippet role=\"region\" aria-label=\"Cookie banner\">\n  <div class=\"govuk-cookie-banner__message govuk-width-container\" data-attribute=\"my-value\">\n\n    <div class=\"govuk-grid-row\">\n      <div class=\"govuk-grid-column-two-thirds\">\n        <div class=\"govuk-cookie-banner__content\">\n        </div>\n      </div>\n    </div>\n\n\n  </div>\n</div>"
+        },
+        {
+            "name": "custom aria label",
+            "options": {
+                "ariaLabel": "Cookies on GOV.UK",
+                "messages": [
+                    {
+                        "text": "We use cookies on GOV.UK"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-cookie-banner\" data-nosnippet role=\"region\" aria-label=\"Cookies on GOV.UK\">\n  <div class=\"govuk-cookie-banner__message govuk-width-container\">\n\n    <div class=\"govuk-grid-row\">\n      <div class=\"govuk-grid-column-two-thirds\">\n        <div class=\"govuk-cookie-banner__content\">\n          <p class=\"govuk-body\">We use cookies on GOV.UK</p>\n        </div>\n      </div>\n    </div>\n\n\n  </div>\n</div>"
+        },
+        {
+            "name": "hidden",
+            "options": {
+                "messages": [
+                    {
+                        "hidden": true
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-cookie-banner\" data-nosnippet role=\"region\" aria-label=\"Cookie banner\">\n  <div class=\"govuk-cookie-banner__message govuk-width-container\" hidden>\n\n    <div class=\"govuk-grid-row\">\n      <div class=\"govuk-grid-column-two-thirds\">\n        <div class=\"govuk-cookie-banner__content\">\n        </div>\n      </div>\n    </div>\n\n\n  </div>\n</div>"
+        },
+        {
+            "name": "hidden false",
+            "options": {
+                "messages": [
+                    {
+                        "hidden": false
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-cookie-banner\" data-nosnippet role=\"region\" aria-label=\"Cookie banner\">\n  <div class=\"govuk-cookie-banner__message govuk-width-container\">\n\n    <div class=\"govuk-grid-row\">\n      <div class=\"govuk-grid-column-two-thirds\">\n        <div class=\"govuk-cookie-banner__content\">\n        </div>\n      </div>\n    </div>\n\n\n  </div>\n</div>"
+        },
+        {
+            "name": "default action",
+            "options": {
+                "messages": [
+                    {
+                        "actions": [
+                            {
+                                "text": "This is a button"
+                            }
+                        ]
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-cookie-banner\" data-nosnippet role=\"region\" aria-label=\"Cookie banner\">\n  <div class=\"govuk-cookie-banner__message govuk-width-container\">\n\n    <div class=\"govuk-grid-row\">\n      <div class=\"govuk-grid-column-two-thirds\">\n        <div class=\"govuk-cookie-banner__content\">\n        </div>\n      </div>\n    </div>\n\n    <div class=\"govuk-button-group\">\n      <button type=\"button\" class=\"govuk-button\" data-module=\"govuk-button\">\n        This is a button\n      </button>\n    </div>\n\n  </div>\n</div>"
+        },
+        {
+            "name": "link",
+            "options": {
+                "messages": [
+                    {
+                        "actions": [
+                            {
+                                "text": "This is a link",
+                                "href": "/link"
+                            }
+                        ]
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-cookie-banner\" data-nosnippet role=\"region\" aria-label=\"Cookie banner\">\n  <div class=\"govuk-cookie-banner__message govuk-width-container\">\n\n    <div class=\"govuk-grid-row\">\n      <div class=\"govuk-grid-column-two-thirds\">\n        <div class=\"govuk-cookie-banner__content\">\n        </div>\n      </div>\n    </div>\n\n    <div class=\"govuk-button-group\">\n      <a class=\"govuk-link\" href=\"/link\">This is a link</a>\n    </div>\n\n  </div>\n</div>"
+        },
+        {
+            "name": "link with false button options",
+            "options": {
+                "messages": [
+                    {
+                        "actions": [
+                            {
+                                "text": "This is a link",
+                                "href": "/link",
+                                "value": "cookies",
+                                "name": "link"
+                            }
+                        ]
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-cookie-banner\" data-nosnippet role=\"region\" aria-label=\"Cookie banner\">\n  <div class=\"govuk-cookie-banner__message govuk-width-container\">\n\n    <div class=\"govuk-grid-row\">\n      <div class=\"govuk-grid-column-two-thirds\">\n        <div class=\"govuk-cookie-banner__content\">\n        </div>\n      </div>\n    </div>\n\n    <div class=\"govuk-button-group\">\n      <a class=\"govuk-link\" href=\"/link\">This is a link</a>\n    </div>\n\n  </div>\n</div>"
+        },
+        {
+            "name": "link as a button",
+            "options": {
+                "messages": [
+                    {
+                        "actions": [
+                            {
+                                "text": "This is a link",
+                                "href": "/link",
+                                "type": "button"
+                            }
+                        ]
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-cookie-banner\" data-nosnippet role=\"region\" aria-label=\"Cookie banner\">\n  <div class=\"govuk-cookie-banner__message govuk-width-container\">\n\n    <div class=\"govuk-grid-row\">\n      <div class=\"govuk-grid-column-two-thirds\">\n        <div class=\"govuk-cookie-banner__content\">\n        </div>\n      </div>\n    </div>\n\n    <div class=\"govuk-button-group\">\n      <a href=\"/link\" role=\"button\" draggable=\"false\" class=\"govuk-button\" data-module=\"govuk-button\">\n        This is a link\n      </a>\n    </div>\n\n  </div>\n</div>"
+        },
+        {
+            "name": "type",
+            "options": {
+                "messages": [
+                    {
+                        "actions": [
+                            {
+                                "text": "Button",
+                                "type": "button"
+                            }
+                        ]
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-cookie-banner\" data-nosnippet role=\"region\" aria-label=\"Cookie banner\">\n  <div class=\"govuk-cookie-banner__message govuk-width-container\">\n\n    <div class=\"govuk-grid-row\">\n      <div class=\"govuk-grid-column-two-thirds\">\n        <div class=\"govuk-cookie-banner__content\">\n        </div>\n      </div>\n    </div>\n\n    <div class=\"govuk-button-group\">\n      <button type=\"button\" class=\"govuk-button\" data-module=\"govuk-button\">\n        Button\n      </button>\n    </div>\n\n  </div>\n</div>"
+        },
+        {
+            "name": "button classes",
+            "options": {
+                "messages": [
+                    {
+                        "actions": [
+                            {
+                                "text": "Button with custom classes",
+                                "classes": "my-button-class app-button-class"
+                            }
+                        ]
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-cookie-banner\" data-nosnippet role=\"region\" aria-label=\"Cookie banner\">\n  <div class=\"govuk-cookie-banner__message govuk-width-container\">\n\n    <div class=\"govuk-grid-row\">\n      <div class=\"govuk-grid-column-two-thirds\">\n        <div class=\"govuk-cookie-banner__content\">\n        </div>\n      </div>\n    </div>\n\n    <div class=\"govuk-button-group\">\n      <button type=\"button\" class=\"govuk-button my-button-class app-button-class\" data-module=\"govuk-button\">\n        Button with custom classes\n      </button>\n    </div>\n\n  </div>\n</div>"
+        },
+        {
+            "name": "button attributes",
+            "options": {
+                "messages": [
+                    {
+                        "actions": [
+                            {
+                                "text": "Button with attributes",
+                                "attributes": {
+                                    "data-button-attribute": "my-value"
+                                }
+                            }
+                        ]
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-cookie-banner\" data-nosnippet role=\"region\" aria-label=\"Cookie banner\">\n  <div class=\"govuk-cookie-banner__message govuk-width-container\">\n\n    <div class=\"govuk-grid-row\">\n      <div class=\"govuk-grid-column-two-thirds\">\n        <div class=\"govuk-cookie-banner__content\">\n        </div>\n      </div>\n    </div>\n\n    <div class=\"govuk-button-group\">\n      <button type=\"button\" class=\"govuk-button\" data-module=\"govuk-button\" data-button-attribute=\"my-value\">\n        Button with attributes\n      </button>\n    </div>\n\n  </div>\n</div>"
+        },
+        {
+            "name": "link classes",
+            "options": {
+                "messages": [
+                    {
+                        "actions": [
+                            {
+                                "text": "Link with custom classes",
+                                "href": "/my-link",
+                                "classes": "my-link-class app-link-class"
+                            }
+                        ]
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-cookie-banner\" data-nosnippet role=\"region\" aria-label=\"Cookie banner\">\n  <div class=\"govuk-cookie-banner__message govuk-width-container\">\n\n    <div class=\"govuk-grid-row\">\n      <div class=\"govuk-grid-column-two-thirds\">\n        <div class=\"govuk-cookie-banner__content\">\n        </div>\n      </div>\n    </div>\n\n    <div class=\"govuk-button-group\">\n      <a class=\"govuk-link my-link-class app-link-class\" href=\"/my-link\">Link with custom classes</a>\n    </div>\n\n  </div>\n</div>"
+        },
+        {
+            "name": "link attributes",
+            "options": {
+                "messages": [
+                    {
+                        "actions": [
+                            {
+                                "text": "Link with attributes",
+                                "href": "/link",
+                                "attributes": {
+                                    "data-link-attribute": "my-value"
+                                }
+                            }
+                        ]
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-cookie-banner\" data-nosnippet role=\"region\" aria-label=\"Cookie banner\">\n  <div class=\"govuk-cookie-banner__message govuk-width-container\">\n\n    <div class=\"govuk-grid-row\">\n      <div class=\"govuk-grid-column-two-thirds\">\n        <div class=\"govuk-cookie-banner__content\">\n        </div>\n      </div>\n    </div>\n\n    <div class=\"govuk-button-group\">\n      <a class=\"govuk-link\" href=\"/link\" data-link-attribute=\"my-value\">Link with attributes</a>\n    </div>\n\n  </div>\n</div>"
+        },
+        {
+            "name": "client-side implementation",
+            "options": {
+                "messages": [
+                    {
+                        "headingText": "Cookies on this service",
+                        "text": "We use cookies to help understand how users use our service.",
+                        "actions": [
+                            {
+                                "text": "Accept analytics cookies",
+                                "type": "submit",
+                                "name": "cookies",
+                                "value": "accept"
+                            },
+                            {
+                                "text": "Reject analytics cookies",
+                                "type": "submit",
+                                "name": "cookies",
+                                "value": "reject"
+                            },
+                            {
+                                "text": "View cookie preferences",
+                                "href": "/cookie-preferences"
+                            }
+                        ]
+                    },
+                    {
+                        "text": "Your cookie preferences have been saved. You have accepted cookies.",
+                        "role": "alert",
+                        "hidden": true,
+                        "actions": [
+                            {
+                                "text": "Hide cookie message",
+                                "type": "button"
+                            }
+                        ]
+                    },
+                    {
+                        "text": "Your cookie preferences have been saved. You have rejected cookies.",
+                        "role": "alert",
+                        "hidden": true,
+                        "actions": [
+                            {
+                                "text": "Hide cookie message",
+                                "type": "button"
+                            }
+                        ]
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-cookie-banner\" data-nosnippet role=\"region\" aria-label=\"Cookie banner\">\n  <div class=\"govuk-cookie-banner__message govuk-width-container\">\n\n    <div class=\"govuk-grid-row\">\n      <div class=\"govuk-grid-column-two-thirds\">\n        <h2 class=\"govuk-cookie-banner__heading govuk-heading-m\">\n          Cookies on this service\n        </h2>\n        <div class=\"govuk-cookie-banner__content\">\n          <p class=\"govuk-body\">We use cookies to help understand how users use our service.</p>\n        </div>\n      </div>\n    </div>\n\n    <div class=\"govuk-button-group\">\n      <button value=\"accept\" type=\"submit\" name=\"cookies\" class=\"govuk-button\" data-module=\"govuk-button\">\n        Accept analytics cookies\n      </button>\n      <button value=\"reject\" type=\"submit\" name=\"cookies\" class=\"govuk-button\" data-module=\"govuk-button\">\n        Reject analytics cookies\n      </button>\n      <a class=\"govuk-link\" href=\"/cookie-preferences\">View cookie preferences</a>\n    </div>\n\n  </div>\n  <div class=\"govuk-cookie-banner__message govuk-width-container\" role=\"alert\" hidden>\n\n    <div class=\"govuk-grid-row\">\n      <div class=\"govuk-grid-column-two-thirds\">\n        <div class=\"govuk-cookie-banner__content\">\n          <p class=\"govuk-body\">Your cookie preferences have been saved. You have accepted cookies.</p>\n        </div>\n      </div>\n    </div>\n\n    <div class=\"govuk-button-group\">\n      <button type=\"button\" class=\"govuk-button\" data-module=\"govuk-button\">\n        Hide cookie message\n      </button>\n    </div>\n\n  </div>\n  <div class=\"govuk-cookie-banner__message govuk-width-container\" role=\"alert\" hidden>\n\n    <div class=\"govuk-grid-row\">\n      <div class=\"govuk-grid-column-two-thirds\">\n        <div class=\"govuk-cookie-banner__content\">\n          <p class=\"govuk-body\">Your cookie preferences have been saved. You have rejected cookies.</p>\n        </div>\n      </div>\n    </div>\n\n    <div class=\"govuk-button-group\">\n      <button type=\"button\" class=\"govuk-button\" data-module=\"govuk-button\">\n        Hide cookie message\n      </button>\n    </div>\n\n  </div>\n</div>"
+        },
+        {
+            "name": "full banner hidden",
+            "options": {
+                "hidden": true,
+                "classes": "hide-cookie-banner",
+                "attributes": {
+                    "data-hide-cookie-banner": "true"
+                },
+                "messages": [
+                    {
+                        "headingText": "Cookies on this service",
+                        "text": "We use cookies to help understand how users use our service.",
+                        "actions": [
+                            {
+                                "text": "Accept analytics cookies",
+                                "type": "submit",
+                                "name": "cookies",
+                                "value": "accept"
+                            },
+                            {
+                                "text": "Reject analytics cookies",
+                                "type": "submit",
+                                "name": "cookies",
+                                "value": "reject"
+                            },
+                            {
+                                "text": "View cookie preferences",
+                                "href": "/cookie-preferences"
+                            }
+                        ]
+                    },
+                    {
+                        "text": "Your cookie preferences have been saved. You have accepted cookies.",
+                        "role": "alert",
+                        "actions": [
+                            {
+                                "text": "Hide cookie message",
+                                "type": "button"
+                            }
+                        ]
+                    },
+                    {
+                        "text": "Your cookie preferences have been saved. You have rejected cookies.",
+                        "role": "alert",
+                        "actions": [
+                            {
+                                "text": "Hide cookie message",
+                                "type": "button"
+                            }
+                        ]
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-cookie-banner hide-cookie-banner\" data-nosnippet role=\"region\" aria-label=\"Cookie banner\" hidden data-hide-cookie-banner=\"true\">\n  <div class=\"govuk-cookie-banner__message govuk-width-container\">\n\n    <div class=\"govuk-grid-row\">\n      <div class=\"govuk-grid-column-two-thirds\">\n        <h2 class=\"govuk-cookie-banner__heading govuk-heading-m\">\n          Cookies on this service\n        </h2>\n        <div class=\"govuk-cookie-banner__content\">\n          <p class=\"govuk-body\">We use cookies to help understand how users use our service.</p>\n        </div>\n      </div>\n    </div>\n\n    <div class=\"govuk-button-group\">\n      <button value=\"accept\" type=\"submit\" name=\"cookies\" class=\"govuk-button\" data-module=\"govuk-button\">\n        Accept analytics cookies\n      </button>\n      <button value=\"reject\" type=\"submit\" name=\"cookies\" class=\"govuk-button\" data-module=\"govuk-button\">\n        Reject analytics cookies\n      </button>\n      <a class=\"govuk-link\" href=\"/cookie-preferences\">View cookie preferences</a>\n    </div>\n\n  </div>\n  <div class=\"govuk-cookie-banner__message govuk-width-container\" role=\"alert\">\n\n    <div class=\"govuk-grid-row\">\n      <div class=\"govuk-grid-column-two-thirds\">\n        <div class=\"govuk-cookie-banner__content\">\n          <p class=\"govuk-body\">Your cookie preferences have been saved. You have accepted cookies.</p>\n        </div>\n      </div>\n    </div>\n\n    <div class=\"govuk-button-group\">\n      <button type=\"button\" class=\"govuk-button\" data-module=\"govuk-button\">\n        Hide cookie message\n      </button>\n    </div>\n\n  </div>\n  <div class=\"govuk-cookie-banner__message govuk-width-container\" role=\"alert\">\n\n    <div class=\"govuk-grid-row\">\n      <div class=\"govuk-grid-column-two-thirds\">\n        <div class=\"govuk-cookie-banner__content\">\n          <p class=\"govuk-body\">Your cookie preferences have been saved. You have rejected cookies.</p>\n        </div>\n      </div>\n    </div>\n\n    <div class=\"govuk-button-group\">\n      <button type=\"button\" class=\"govuk-button\" data-module=\"govuk-button\">\n        Hide cookie message\n      </button>\n    </div>\n\n  </div>\n</div>"
+        },
+        {
+            "name": "rebrand",
+            "options": {
+                "messages": [
+                    {
+                        "headingText": "Cookies on this government service",
+                        "text": "We use analytics cookies to help understand how users use our service.",
+                        "actions": [
+                            {
+                                "text": "Accept analytics cookies",
+                                "type": "submit",
+                                "name": "cookies",
+                                "value": "accept"
+                            },
+                            {
+                                "text": "Reject analytics cookies",
+                                "type": "submit",
+                                "name": "cookies",
+                                "value": "reject"
+                            },
+                            {
+                                "text": "View cookie preferences",
+                                "href": "/cookie-preferences"
+                            }
+                        ]
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {
+                "htmlClasses": "govuk-template--rebranded"
+            },
+            "screenshot": true,
+            "html": "<div class=\"govuk-cookie-banner\" data-nosnippet role=\"region\" aria-label=\"Cookie banner\">\n  <div class=\"govuk-cookie-banner__message govuk-width-container\">\n\n    <div class=\"govuk-grid-row\">\n      <div class=\"govuk-grid-column-two-thirds\">\n        <h2 class=\"govuk-cookie-banner__heading govuk-heading-m\">\n          Cookies on this government service\n        </h2>\n        <div class=\"govuk-cookie-banner__content\">\n          <p class=\"govuk-body\">We use analytics cookies to help understand how users use our service.</p>\n        </div>\n      </div>\n    </div>\n\n    <div class=\"govuk-button-group\">\n      <button value=\"accept\" type=\"submit\" name=\"cookies\" class=\"govuk-button\" data-module=\"govuk-button\">\n        Accept analytics cookies\n      </button>\n      <button value=\"reject\" type=\"submit\" name=\"cookies\" class=\"govuk-button\" data-module=\"govuk-button\">\n        Reject analytics cookies\n      </button>\n      <a class=\"govuk-link\" href=\"/cookie-preferences\">View cookie preferences</a>\n    </div>\n\n  </div>\n</div>"
+        }
+    ]
+}
diff --git a/node_modules/govuk-frontend/dist/govuk/components/cookie-banner/macro-options.json b/node_modules/govuk-frontend/dist/govuk/components/cookie-banner/macro-options.json
new file mode 100644
index 0000000..dd87fcb
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/cookie-banner/macro-options.json
@@ -0,0 +1,132 @@
+[
+    {
+        "name": "ariaLabel",
+        "type": "string",
+        "required": false,
+        "description": "The text for the `aria-label` which labels the cookie banner region. This region applies to all messages that the cookie banner includes. For example, the cookie message and the confirmation message. Defaults to `\"Cookie banner\"`."
+    },
+    {
+        "name": "hidden",
+        "type": "boolean",
+        "required": false,
+        "description": "Defaults to `false`. If you set this option to `true`, the whole cookie banner is hidden, including all messages within the banner. You can use `hidden` for client-side implementations where the cookie banner HTML is present, but hidden until the cookie banner is shown using JavaScript."
+    },
+    {
+        "name": "classes",
+        "type": "string",
+        "required": false,
+        "description": "The additional classes that you want to add to the cookie banner."
+    },
+    {
+        "name": "attributes",
+        "type": "object",
+        "required": false,
+        "description": "The additional attributes that you want to add to the cookie banner. For example, data attributes."
+    },
+    {
+        "name": "messages",
+        "type": "array",
+        "required": true,
+        "description": "The different messages you can pass into the cookie banner. For example, the cookie message and the confirmation message.",
+        "params": [
+            {
+                "name": "headingText",
+                "type": "string",
+                "required": false,
+                "description": "The heading text that displays in the message. You can use any string with this option. If you set `headingHtml`, `headingText` is ignored."
+            },
+            {
+                "name": "headingHtml",
+                "type": "string",
+                "required": false,
+                "description": "The heading HTML to use within the message. You can use any string with this option. If you set `headingHtml`, `headingText` is ignored. If you are not passing HTML, use `headingText`."
+            },
+            {
+                "name": "text",
+                "type": "string",
+                "required": true,
+                "description": "The text for the main content within the message. You can use any string with this option. If you set `html`, `text` is not required and is ignored."
+            },
+            {
+                "name": "html",
+                "type": "string",
+                "required": true,
+                "description": "The HTML for the main content within the message. You can use any string with this option. If you set `html`, `text` is not required and is ignored. If you are not passing HTML, use `text`."
+            },
+            {
+                "name": "actions",
+                "type": "array",
+                "required": false,
+                "description": "The buttons and links that you want to display in the message. `actions` defaults to `\"button\"` unless you set `href`, which renders the action as a link.",
+                "params": [
+                    {
+                        "name": "text",
+                        "type": "string",
+                        "required": true,
+                        "description": "The button or link text."
+                    },
+                    {
+                        "name": "type",
+                        "type": "string",
+                        "required": false,
+                        "description": "The type of button – `\"button\"` or `\"submit\"`. If `href` is provided, set `type` to `\"button\"` render a link styled as a button."
+                    },
+                    {
+                        "name": "href",
+                        "type": "string",
+                        "required": false,
+                        "description": "The `href` for a link. Set `type` to `\"button\"` and set `href` to render a link styled as a button."
+                    },
+                    {
+                        "name": "name",
+                        "type": "string",
+                        "required": false,
+                        "description": "The name attribute for the button. Does not apply if you set `href`, which makes a link."
+                    },
+                    {
+                        "name": "value",
+                        "type": "string",
+                        "required": false,
+                        "description": "The value attribute for the button. Does not apply if you set `href`, which makes a link."
+                    },
+                    {
+                        "name": "classes",
+                        "type": "string",
+                        "required": false,
+                        "description": "The additional classes that you want to add to the button or link."
+                    },
+                    {
+                        "name": "attributes",
+                        "type": "object",
+                        "required": false,
+                        "description": "The additional attributes that you want to add to the button or link. For example, data attributes."
+                    }
+                ]
+            },
+            {
+                "name": "hidden",
+                "type": "boolean",
+                "required": false,
+                "description": "Defaults to `false`. If you set it to `true`, the message is hidden. You can use `hidden` for client-side implementations where the confirmation message HTML is present, but hidden on the page."
+            },
+            {
+                "name": "role",
+                "type": "string",
+                "required": false,
+                "description": "Set `role` to `\"alert\"` on confirmation messages to allow assistive tech to automatically read the message. You will also need to move focus to the confirmation message using JavaScript you have written yourself."
+            },
+            {
+                "name": "classes",
+                "type": "string",
+                "required": false,
+                "description": "The additional classes that you want to add to the message."
+            },
+            {
+                "name": "attributes",
+                "type": "object",
+                "required": false,
+                "description": "The additional attributes that you want to add to the message. For example, data attributes."
+            }
+        ]
+    }
+]
diff --git a/node_modules/govuk-frontend/dist/govuk/components/cookie-banner/macro.njk b/node_modules/govuk-frontend/dist/govuk/components/cookie-banner/macro.njk
new file mode 100644
index 0000000..8d614d0
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/cookie-banner/macro.njk
@@ -0,0 +1,3 @@
+{% macro govukCookieBanner(params) %}
+  {%- include "./template.njk" -%}
+{% endmacro %}
diff --git a/node_modules/govuk-frontend/dist/govuk/components/cookie-banner/template-accepted-confirmation-banner.html b/node_modules/govuk-frontend/dist/govuk/components/cookie-banner/template-accepted-confirmation-banner.html
new file mode 100644
index 0000000..3872c3b
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/cookie-banner/template-accepted-confirmation-banner.html
@@ -0,0 +1,19 @@
+<div class="govuk-cookie-banner" data-nosnippet role="region" aria-label="Cookie banner">
+  <div class="govuk-cookie-banner__message govuk-width-container" role="alert">
+
+    <div class="govuk-grid-row">
+      <div class="govuk-grid-column-two-thirds">
+        <div class="govuk-cookie-banner__content">
+          <p class="govuk-body">Your cookie preferences have been saved. You have accepted cookies.</p>
+        </div>
+      </div>
+    </div>
+
+    <div class="govuk-button-group">
+      <button type="button" class="govuk-button" data-module="govuk-button">
+        Hide cookie message
+      </button>
+    </div>
+
+  </div>
+</div>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/cookie-banner/template-default.html b/node_modules/govuk-frontend/dist/govuk/components/cookie-banner/template-default.html
new file mode 100644
index 0000000..f3cb622
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/cookie-banner/template-default.html
@@ -0,0 +1,26 @@
+<div class="govuk-cookie-banner" data-nosnippet role="region" aria-label="Cookie banner">
+  <div class="govuk-cookie-banner__message govuk-width-container">
+
+    <div class="govuk-grid-row">
+      <div class="govuk-grid-column-two-thirds">
+        <h2 class="govuk-cookie-banner__heading govuk-heading-m">
+          Cookies on this government service
+        </h2>
+        <div class="govuk-cookie-banner__content">
+          <p class="govuk-body">We use analytics cookies to help understand how users use our service.</p>
+        </div>
+      </div>
+    </div>
+
+    <div class="govuk-button-group">
+      <button value="accept" type="submit" name="cookies" class="govuk-button" data-module="govuk-button">
+        Accept analytics cookies
+      </button>
+      <button value="reject" type="submit" name="cookies" class="govuk-button" data-module="govuk-button">
+        Reject analytics cookies
+      </button>
+      <a class="govuk-link" href="/cookie-preferences">View cookie preferences</a>
+    </div>
+
+  </div>
+</div>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/cookie-banner/template-rejected-confirmation-banner.html b/node_modules/govuk-frontend/dist/govuk/components/cookie-banner/template-rejected-confirmation-banner.html
new file mode 100644
index 0000000..39dc219
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/cookie-banner/template-rejected-confirmation-banner.html
@@ -0,0 +1,19 @@
+<div class="govuk-cookie-banner" data-nosnippet role="region" aria-label="Cookie banner">
+  <div class="govuk-cookie-banner__message govuk-width-container" role="alert">
+
+    <div class="govuk-grid-row">
+      <div class="govuk-grid-column-two-thirds">
+        <div class="govuk-cookie-banner__content">
+          <p class="govuk-body">Your cookie preferences have been saved. You have rejected cookies.</p>
+        </div>
+      </div>
+    </div>
+
+    <div class="govuk-button-group">
+      <button type="button" class="govuk-button" data-module="govuk-button">
+        Hide cookie message
+      </button>
+    </div>
+
+  </div>
+</div>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/cookie-banner/template-with-html.html b/node_modules/govuk-frontend/dist/govuk/components/cookie-banner/template-with-html.html
new file mode 100644
index 0000000..df51774
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/cookie-banner/template-with-html.html
@@ -0,0 +1,27 @@
+<div class="govuk-cookie-banner" data-nosnippet role="region" aria-label="Cookie banner">
+  <div class="govuk-cookie-banner__message govuk-width-container">
+
+    <div class="govuk-grid-row">
+      <div class="govuk-grid-column-two-thirds">
+        <h2 class="govuk-cookie-banner__heading govuk-heading-m">
+          Cookies on <span>my service</span>
+        </h2>
+        <div class="govuk-cookie-banner__content">
+          <p class="govuk-body">We use cookies in <span>our service</span>.</p>
+          <p class="govuk-body">We’d like to use analytics cookies so we can understand how you use the Design System and make improvements.</p>
+        </div>
+      </div>
+    </div>
+
+    <div class="govuk-button-group">
+      <button value="accept" type="submit" name="cookies" class="govuk-button" data-module="govuk-button">
+        Accept analytics cookies
+      </button>
+      <button value="reject" type="submit" name="cookies" class="govuk-button" data-module="govuk-button">
+        Reject analytics cookies
+      </button>
+      <a class="govuk-link" href="/cookie-preferences">View cookie preferences</a>
+    </div>
+
+  </div>
+</div>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/cookie-banner/template.njk b/node_modules/govuk-frontend/dist/govuk/components/cookie-banner/template.njk
new file mode 100644
index 0000000..7ba7889
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/cookie-banner/template.njk
@@ -0,0 +1,57 @@
+{% from "../../macros/attributes.njk" import govukAttributes %}
+{% from "../button/macro.njk" import govukButton -%}
+
+<div class="govuk-cookie-banner {%- if params.classes %} {{ params.classes }}{% endif %}" data-nosnippet role="region" aria-label="{{ params.ariaLabel | default("Cookie banner", true) }}"
+  {%- if params.hidden %} hidden{% endif %}
+  {{- govukAttributes(params.attributes) }}>
+  {% for message in params.messages %}
+  <div class="govuk-cookie-banner__message {%- if message.classes %} {{ message.classes }}{% endif %} govuk-width-container" {%- if message.role %} role="{{ message.role }}"{% endif %}
+    {{- govukAttributes(message.attributes) -}}
+    {%- if message.hidden %} hidden{% endif %}>
+
+    <div class="govuk-grid-row">
+      <div class="govuk-grid-column-two-thirds">
+        {% if message.headingHtml or message.headingText %}
+        <h2 class="govuk-cookie-banner__heading govuk-heading-m">
+          {{ message.headingHtml | safe | trim | indent(10) if message.headingHtml else message.headingText }}
+        </h2>
+        {% endif %}
+        <div class="govuk-cookie-banner__content">
+          {% if message.html %}
+          {{ message.html | safe | trim | indent(10) }}
+          {% elif message.text %}
+          <p class="govuk-body">{{ message.text }}</p>
+          {% endif %}
+        </div>
+      </div>
+    </div>
+
+    {% if message.actions %}
+    <div class="govuk-button-group">
+    {% for action in message.actions %}
+      {% set buttonHtml -%}
+        {% if not action.href or action.type == "button" %}
+          {{ govukButton({
+            "text": action.text,
+            "type": action.type if action.type else "button",
+            "name": action.name,
+            "value": action.value,
+            "classes": action.classes,
+            "href": action.href,
+            "attributes": action.attributes
+          }) }}
+        {% else %}
+          <a class="govuk-link {%- if action.classes %} {{ action.classes }}{% endif %}" href="{{ action.href }}"
+            {{- govukAttributes(action.attributes) }}>
+            {{- action.text -}}
+          </a>
+        {% endif %}
+      {%- endset %}
+      {{ buttonHtml | safe | trim | indent(6) }}
+    {% endfor %}
+    </div>
+    {% endif %}
+
+  </div>
+  {% endfor %}
+</div>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/date-input/README.md b/node_modules/govuk-frontend/dist/govuk/components/date-input/README.md
new file mode 100644
index 0000000..1abfee4
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/date-input/README.md
@@ -0,0 +1,15 @@
+# Date input
+
+## Installation
+
+See the [main README quick start guide](https://github.com/alphagov/govuk-frontend#quick-start) for how to install this component.
+
+## Guidance and Examples
+
+Find out when to use the date input component in your service in the [GOV.UK Design System](https://design-system.service.gov.uk/components/date-input).
+
+## Component options
+
+Use options to customise the appearance, content and behaviour of a component when using a macro, for example, changing the text.
+
+See [options table](https://design-system.service.gov.uk/components/date-input/#options-date-input-example) for details.
diff --git a/node_modules/govuk-frontend/dist/govuk/components/date-input/_date-input.scss b/node_modules/govuk-frontend/dist/govuk/components/date-input/_date-input.scss
new file mode 100644
index 0000000..c222da2
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/date-input/_date-input.scss
@@ -0,0 +1,4 @@
+@import "../../base";
+@import "./index";
+
+/*# sourceMappingURL=_date-input.scss.map */
diff --git a/node_modules/govuk-frontend/dist/govuk/components/date-input/_date-input.scss.map b/node_modules/govuk-frontend/dist/govuk/components/date-input/_date-input.scss.map
new file mode 100644
index 0000000..dda4f5e
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/date-input/_date-input.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/date-input/_date-input.scss"],"names":[],"mappings":"AAAA,oBAAoB;AACpB,iBAAiB","file":"_date-input.scss","sourcesContent":["@import \"../../base\";\n@import \"./index\";\n"]}
diff --git a/node_modules/govuk-frontend/dist/govuk/components/date-input/_index.scss b/node_modules/govuk-frontend/dist/govuk/components/date-input/_index.scss
new file mode 100644
index 0000000..43d1bc7
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/date-input/_index.scss
@@ -0,0 +1,28 @@
+@import "../error-message/index";
+@import "../input/index";
+@import "../hint/index";
+@import "../label/index";
+@import "../fieldset/index";
+
+@include govuk-exports("govuk/component/date-input") {
+  .govuk-date-input {
+    @include govuk-clearfix;
+    font-size: 0; // removes whitespace caused by inline-block
+  }
+
+  .govuk-date-input__item {
+    display: inline-block;
+    margin-right: govuk-spacing(4);
+    margin-bottom: 0;
+  }
+
+  .govuk-date-input__label {
+    display: block;
+  }
+
+  .govuk-date-input__input {
+    margin-bottom: 0;
+  }
+}
+
+/*# sourceMappingURL=_index.scss.map */
diff --git a/node_modules/govuk-frontend/dist/govuk/components/date-input/_index.scss.map b/node_modules/govuk-frontend/dist/govuk/components/date-input/_index.scss.map
new file mode 100644
index 0000000..599f5f7
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/date-input/_index.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/date-input/_index.scss"],"names":[],"mappings":"AAAA,gCAAgC;AAChC,wBAAwB;AACxB,uBAAuB;AACvB,wBAAwB;AACxB,2BAA2B;;AAE3B;EACE;IACE,uBAAuB;IACvB,YAAY,EAAE,2CAA2C;EAC3D;;EAEA;IACE,qBAAqB;IACrB,8BAA8B;IAC9B,gBAAgB;EAClB;;EAEA;IACE,cAAc;EAChB;;EAEA;IACE,gBAAgB;EAClB;AACF","file":"_index.scss","sourcesContent":["@import \"../error-message/index\";\n@import \"../input/index\";\n@import \"../hint/index\";\n@import \"../label/index\";\n@import \"../fieldset/index\";\n\n@include govuk-exports(\"govuk/component/date-input\") {\n  .govuk-date-input {\n    @include govuk-clearfix;\n    font-size: 0; // removes whitespace caused by inline-block\n  }\n\n  .govuk-date-input__item {\n    display: inline-block;\n    margin-right: govuk-spacing(4);\n    margin-bottom: 0;\n  }\n\n  .govuk-date-input__label {\n    display: block;\n  }\n\n  .govuk-date-input__input {\n    margin-bottom: 0;\n  }\n}\n"]}
diff --git a/node_modules/govuk-frontend/dist/govuk/components/date-input/fixtures.json b/node_modules/govuk-frontend/dist/govuk/components/date-input/fixtures.json
new file mode 100644
index 0000000..f78ba13
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/date-input/fixtures.json
@@ -0,0 +1,672 @@
+{
+    "component": "date-input",
+    "fixtures": [
+        {
+            "name": "default",
+            "options": {
+                "id": "dob",
+                "fieldset": {
+                    "legend": {
+                        "text": "What is your date of birth?"
+                    }
+                },
+                "hint": {
+                    "text": "For example, 31 3 1980"
+                }
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": true,
+            "html": "<div class=\"govuk-form-group\">\n  <fieldset class=\"govuk-fieldset\" role=\"group\" aria-describedby=\"dob-hint\">\n    <legend class=\"govuk-fieldset__legend\">\n      What is your date of birth?\n    </legend>\n    <div id=\"dob-hint\" class=\"govuk-hint\">\n      For example, 31 3 1980\n    </div>\n    <div class=\"govuk-date-input\" id=\"dob\">\n      <div class=\"govuk-date-input__item\">\n        <div class=\"govuk-form-group\">\n          <label class=\"govuk-label govuk-date-input__label\" for=\"dob-day\">\n            Day\n          </label>\n          <input class=\"govuk-input govuk-date-input__input govuk-input--width-2\" id=\"dob-day\" name=\"day\" type=\"text\" inputmode=\"numeric\">\n        </div>\n      </div>\n      <div class=\"govuk-date-input__item\">\n        <div class=\"govuk-form-group\">\n          <label class=\"govuk-label govuk-date-input__label\" for=\"dob-month\">\n            Month\n          </label>\n          <input class=\"govuk-input govuk-date-input__input govuk-input--width-2\" id=\"dob-month\" name=\"month\" type=\"text\" inputmode=\"numeric\">\n        </div>\n      </div>\n      <div class=\"govuk-date-input__item\">\n        <div class=\"govuk-form-group\">\n          <label class=\"govuk-label govuk-date-input__label\" for=\"dob-year\">\n            Year\n          </label>\n          <input class=\"govuk-input govuk-date-input__input govuk-input--width-4\" id=\"dob-year\" name=\"year\" type=\"text\" inputmode=\"numeric\">\n        </div>\n      </div>\n    </div>\n  </fieldset>\n</div>"
+        },
+        {
+            "name": "day and month",
+            "options": {
+                "id": "bday",
+                "namePrefix": "bday",
+                "fieldset": {
+                    "legend": {
+                        "text": "What is your birthday?"
+                    }
+                },
+                "hint": {
+                    "text": "For example, 5 12"
+                },
+                "items": [
+                    {
+                        "name": "day",
+                        "classes": "govuk-input--width-2"
+                    },
+                    {
+                        "name": "month",
+                        "classes": "govuk-input--width-2"
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <fieldset class=\"govuk-fieldset\" role=\"group\" aria-describedby=\"bday-hint\">\n    <legend class=\"govuk-fieldset__legend\">\n      What is your birthday?\n    </legend>\n    <div id=\"bday-hint\" class=\"govuk-hint\">\n      For example, 5 12\n    </div>\n    <div class=\"govuk-date-input\" id=\"bday\">\n      <div class=\"govuk-date-input__item\">\n        <div class=\"govuk-form-group\">\n          <label class=\"govuk-label govuk-date-input__label\" for=\"bday-day\">\n            Day\n          </label>\n          <input class=\"govuk-input govuk-date-input__input govuk-input--width-2\" id=\"bday-day\" name=\"bday-day\" type=\"text\" inputmode=\"numeric\">\n        </div>\n      </div>\n      <div class=\"govuk-date-input__item\">\n        <div class=\"govuk-form-group\">\n          <label class=\"govuk-label govuk-date-input__label\" for=\"bday-month\">\n            Month\n          </label>\n          <input class=\"govuk-input govuk-date-input__input govuk-input--width-2\" id=\"bday-month\" name=\"bday-month\" type=\"text\" inputmode=\"numeric\">\n        </div>\n      </div>\n    </div>\n  </fieldset>\n</div>"
+        },
+        {
+            "name": "month and year",
+            "options": {
+                "id": "dob",
+                "namePrefix": "dob",
+                "fieldset": {
+                    "legend": {
+                        "text": "When did you move to this property?"
+                    }
+                },
+                "hint": {
+                    "text": "For example, 3 1980"
+                },
+                "items": [
+                    {
+                        "name": "month",
+                        "classes": "govuk-input--width-2"
+                    },
+                    {
+                        "name": "year",
+                        "classes": "govuk-input--width-4"
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <fieldset class=\"govuk-fieldset\" role=\"group\" aria-describedby=\"dob-hint\">\n    <legend class=\"govuk-fieldset__legend\">\n      When did you move to this property?\n    </legend>\n    <div id=\"dob-hint\" class=\"govuk-hint\">\n      For example, 3 1980\n    </div>\n    <div class=\"govuk-date-input\" id=\"dob\">\n      <div class=\"govuk-date-input__item\">\n        <div class=\"govuk-form-group\">\n          <label class=\"govuk-label govuk-date-input__label\" for=\"dob-month\">\n            Month\n          </label>\n          <input class=\"govuk-input govuk-date-input__input govuk-input--width-2\" id=\"dob-month\" name=\"dob-month\" type=\"text\" inputmode=\"numeric\">\n        </div>\n      </div>\n      <div class=\"govuk-date-input__item\">\n        <div class=\"govuk-form-group\">\n          <label class=\"govuk-label govuk-date-input__label\" for=\"dob-year\">\n            Year\n          </label>\n          <input class=\"govuk-input govuk-date-input__input govuk-input--width-4\" id=\"dob-year\" name=\"dob-year\" type=\"text\" inputmode=\"numeric\">\n        </div>\n      </div>\n    </div>\n  </fieldset>\n</div>"
+        },
+        {
+            "name": "with errors only",
+            "options": {
+                "id": "dob-errors",
+                "fieldset": {
+                    "legend": {
+                        "text": "What is your date of birth?"
+                    }
+                },
+                "errorMessage": {
+                    "text": "Error message goes here"
+                },
+                "items": [
+                    {
+                        "name": "day",
+                        "classes": "govuk-input--width-2 govuk-input--error"
+                    },
+                    {
+                        "name": "month",
+                        "classes": "govuk-input--width-2 govuk-input--error"
+                    },
+                    {
+                        "name": "year",
+                        "classes": "govuk-input--width-4 govuk-input--error"
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-form-group--error\">\n  <fieldset class=\"govuk-fieldset\" role=\"group\" aria-describedby=\"dob-errors-error\">\n    <legend class=\"govuk-fieldset__legend\">\n      What is your date of birth?\n    </legend>\n    <p id=\"dob-errors-error\" class=\"govuk-error-message\">\n      <span class=\"govuk-visually-hidden\">Error:</span> Error message goes here\n    </p>\n    <div class=\"govuk-date-input\" id=\"dob-errors\">\n      <div class=\"govuk-date-input__item\">\n        <div class=\"govuk-form-group\">\n          <label class=\"govuk-label govuk-date-input__label\" for=\"dob-errors-day\">\n            Day\n          </label>\n          <input class=\"govuk-input govuk-date-input__input govuk-input--width-2 govuk-input--error\" id=\"dob-errors-day\" name=\"day\" type=\"text\" inputmode=\"numeric\">\n        </div>\n      </div>\n      <div class=\"govuk-date-input__item\">\n        <div class=\"govuk-form-group\">\n          <label class=\"govuk-label govuk-date-input__label\" for=\"dob-errors-month\">\n            Month\n          </label>\n          <input class=\"govuk-input govuk-date-input__input govuk-input--width-2 govuk-input--error\" id=\"dob-errors-month\" name=\"month\" type=\"text\" inputmode=\"numeric\">\n        </div>\n      </div>\n      <div class=\"govuk-date-input__item\">\n        <div class=\"govuk-form-group\">\n          <label class=\"govuk-label govuk-date-input__label\" for=\"dob-errors-year\">\n            Year\n          </label>\n          <input class=\"govuk-input govuk-date-input__input govuk-input--width-4 govuk-input--error\" id=\"dob-errors-year\" name=\"year\" type=\"text\" inputmode=\"numeric\">\n        </div>\n      </div>\n    </div>\n  </fieldset>\n</div>"
+        },
+        {
+            "name": "with errors and hint",
+            "options": {
+                "id": "dob-errors",
+                "fieldset": {
+                    "legend": {
+                        "text": "What is your date of birth?"
+                    }
+                },
+                "hint": {
+                    "text": "For example, 31 3 1980"
+                },
+                "errorMessage": {
+                    "text": "Error message goes here"
+                },
+                "items": [
+                    {
+                        "name": "day",
+                        "classes": "govuk-input--width-2 govuk-input--error"
+                    },
+                    {
+                        "name": "month",
+                        "classes": "govuk-input--width-2 govuk-input--error"
+                    },
+                    {
+                        "name": "year",
+                        "classes": "govuk-input--width-4 govuk-input--error"
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-form-group--error\">\n  <fieldset class=\"govuk-fieldset\" role=\"group\" aria-describedby=\"dob-errors-hint dob-errors-error\">\n    <legend class=\"govuk-fieldset__legend\">\n      What is your date of birth?\n    </legend>\n    <div id=\"dob-errors-hint\" class=\"govuk-hint\">\n      For example, 31 3 1980\n    </div>\n    <p id=\"dob-errors-error\" class=\"govuk-error-message\">\n      <span class=\"govuk-visually-hidden\">Error:</span> Error message goes here\n    </p>\n    <div class=\"govuk-date-input\" id=\"dob-errors\">\n      <div class=\"govuk-date-input__item\">\n        <div class=\"govuk-form-group\">\n          <label class=\"govuk-label govuk-date-input__label\" for=\"dob-errors-day\">\n            Day\n          </label>\n          <input class=\"govuk-input govuk-date-input__input govuk-input--width-2 govuk-input--error\" id=\"dob-errors-day\" name=\"day\" type=\"text\" inputmode=\"numeric\">\n        </div>\n      </div>\n      <div class=\"govuk-date-input__item\">\n        <div class=\"govuk-form-group\">\n          <label class=\"govuk-label govuk-date-input__label\" for=\"dob-errors-month\">\n            Month\n          </label>\n          <input class=\"govuk-input govuk-date-input__input govuk-input--width-2 govuk-input--error\" id=\"dob-errors-month\" name=\"month\" type=\"text\" inputmode=\"numeric\">\n        </div>\n      </div>\n      <div class=\"govuk-date-input__item\">\n        <div class=\"govuk-form-group\">\n          <label class=\"govuk-label govuk-date-input__label\" for=\"dob-errors-year\">\n            Year\n          </label>\n          <input class=\"govuk-input govuk-date-input__input govuk-input--width-4 govuk-input--error\" id=\"dob-errors-year\" name=\"year\" type=\"text\" inputmode=\"numeric\">\n        </div>\n      </div>\n    </div>\n  </fieldset>\n</div>"
+        },
+        {
+            "name": "with error on day input",
+            "options": {
+                "id": "dob-day-error",
+                "namePrefix": "dob-day-error",
+                "fieldset": {
+                    "legend": {
+                        "text": "What is your date of birth?"
+                    }
+                },
+                "hint": {
+                    "text": "For example, 31 3 1980"
+                },
+                "errorMessage": {
+                    "text": "Error message goes here"
+                },
+                "items": [
+                    {
+                        "name": "day",
+                        "classes": "govuk-input--width-2 govuk-input--error"
+                    },
+                    {
+                        "name": "month",
+                        "classes": "govuk-input--width-2"
+                    },
+                    {
+                        "name": "year",
+                        "classes": "govuk-input--width-4"
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-form-group--error\">\n  <fieldset class=\"govuk-fieldset\" role=\"group\" aria-describedby=\"dob-day-error-hint dob-day-error-error\">\n    <legend class=\"govuk-fieldset__legend\">\n      What is your date of birth?\n    </legend>\n    <div id=\"dob-day-error-hint\" class=\"govuk-hint\">\n      For example, 31 3 1980\n    </div>\n    <p id=\"dob-day-error-error\" class=\"govuk-error-message\">\n      <span class=\"govuk-visually-hidden\">Error:</span> Error message goes here\n    </p>\n    <div class=\"govuk-date-input\" id=\"dob-day-error\">\n      <div class=\"govuk-date-input__item\">\n        <div class=\"govuk-form-group\">\n          <label class=\"govuk-label govuk-date-input__label\" for=\"dob-day-error-day\">\n            Day\n          </label>\n          <input class=\"govuk-input govuk-date-input__input govuk-input--width-2 govuk-input--error\" id=\"dob-day-error-day\" name=\"dob-day-error-day\" type=\"text\" inputmode=\"numeric\">\n        </div>\n      </div>\n      <div class=\"govuk-date-input__item\">\n        <div class=\"govuk-form-group\">\n          <label class=\"govuk-label govuk-date-input__label\" for=\"dob-day-error-month\">\n            Month\n          </label>\n          <input class=\"govuk-input govuk-date-input__input govuk-input--width-2\" id=\"dob-day-error-month\" name=\"dob-day-error-month\" type=\"text\" inputmode=\"numeric\">\n        </div>\n      </div>\n      <div class=\"govuk-date-input__item\">\n        <div class=\"govuk-form-group\">\n          <label class=\"govuk-label govuk-date-input__label\" for=\"dob-day-error-year\">\n            Year\n          </label>\n          <input class=\"govuk-input govuk-date-input__input govuk-input--width-4\" id=\"dob-day-error-year\" name=\"dob-day-error-year\" type=\"text\" inputmode=\"numeric\">\n        </div>\n      </div>\n    </div>\n  </fieldset>\n</div>"
+        },
+        {
+            "name": "with error on month input",
+            "options": {
+                "id": "dob-month-error",
+                "namePrefix": "dob-month-error",
+                "fieldset": {
+                    "legend": {
+                        "text": "What is your date of birth?"
+                    }
+                },
+                "hint": {
+                    "text": "For example, 31 3 1980"
+                },
+                "errorMessage": {
+                    "text": "Error message goes here"
+                },
+                "items": [
+                    {
+                        "name": "day",
+                        "classes": "govuk-input--width-2"
+                    },
+                    {
+                        "name": "month",
+                        "classes": "govuk-input--width-2 govuk-input--error"
+                    },
+                    {
+                        "name": "year",
+                        "classes": "govuk-input--width-4"
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-form-group--error\">\n  <fieldset class=\"govuk-fieldset\" role=\"group\" aria-describedby=\"dob-month-error-hint dob-month-error-error\">\n    <legend class=\"govuk-fieldset__legend\">\n      What is your date of birth?\n    </legend>\n    <div id=\"dob-month-error-hint\" class=\"govuk-hint\">\n      For example, 31 3 1980\n    </div>\n    <p id=\"dob-month-error-error\" class=\"govuk-error-message\">\n      <span class=\"govuk-visually-hidden\">Error:</span> Error message goes here\n    </p>\n    <div class=\"govuk-date-input\" id=\"dob-month-error\">\n      <div class=\"govuk-date-input__item\">\n        <div class=\"govuk-form-group\">\n          <label class=\"govuk-label govuk-date-input__label\" for=\"dob-month-error-day\">\n            Day\n          </label>\n          <input class=\"govuk-input govuk-date-input__input govuk-input--width-2\" id=\"dob-month-error-day\" name=\"dob-month-error-day\" type=\"text\" inputmode=\"numeric\">\n        </div>\n      </div>\n      <div class=\"govuk-date-input__item\">\n        <div class=\"govuk-form-group\">\n          <label class=\"govuk-label govuk-date-input__label\" for=\"dob-month-error-month\">\n            Month\n          </label>\n          <input class=\"govuk-input govuk-date-input__input govuk-input--width-2 govuk-input--error\" id=\"dob-month-error-month\" name=\"dob-month-error-month\" type=\"text\" inputmode=\"numeric\">\n        </div>\n      </div>\n      <div class=\"govuk-date-input__item\">\n        <div class=\"govuk-form-group\">\n          <label class=\"govuk-label govuk-date-input__label\" for=\"dob-month-error-year\">\n            Year\n          </label>\n          <input class=\"govuk-input govuk-date-input__input govuk-input--width-4\" id=\"dob-month-error-year\" name=\"dob-month-error-year\" type=\"text\" inputmode=\"numeric\">\n        </div>\n      </div>\n    </div>\n  </fieldset>\n</div>"
+        },
+        {
+            "name": "with error on year input",
+            "options": {
+                "id": "dob-year-error",
+                "namePrefix": "dob-year-error",
+                "fieldset": {
+                    "legend": {
+                        "text": "What is your date of birth?"
+                    }
+                },
+                "hint": {
+                    "text": "For example, 31 3 1980"
+                },
+                "errorMessage": {
+                    "text": "Error message goes here"
+                },
+                "items": [
+                    {
+                        "name": "day",
+                        "classes": "govuk-input--width-2"
+                    },
+                    {
+                        "name": "month",
+                        "classes": "govuk-input--width-2"
+                    },
+                    {
+                        "name": "year",
+                        "classes": "govuk-input--width-4 govuk-input--error"
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-form-group--error\">\n  <fieldset class=\"govuk-fieldset\" role=\"group\" aria-describedby=\"dob-year-error-hint dob-year-error-error\">\n    <legend class=\"govuk-fieldset__legend\">\n      What is your date of birth?\n    </legend>\n    <div id=\"dob-year-error-hint\" class=\"govuk-hint\">\n      For example, 31 3 1980\n    </div>\n    <p id=\"dob-year-error-error\" class=\"govuk-error-message\">\n      <span class=\"govuk-visually-hidden\">Error:</span> Error message goes here\n    </p>\n    <div class=\"govuk-date-input\" id=\"dob-year-error\">\n      <div class=\"govuk-date-input__item\">\n        <div class=\"govuk-form-group\">\n          <label class=\"govuk-label govuk-date-input__label\" for=\"dob-year-error-day\">\n            Day\n          </label>\n          <input class=\"govuk-input govuk-date-input__input govuk-input--width-2\" id=\"dob-year-error-day\" name=\"dob-year-error-day\" type=\"text\" inputmode=\"numeric\">\n        </div>\n      </div>\n      <div class=\"govuk-date-input__item\">\n        <div class=\"govuk-form-group\">\n          <label class=\"govuk-label govuk-date-input__label\" for=\"dob-year-error-month\">\n            Month\n          </label>\n          <input class=\"govuk-input govuk-date-input__input govuk-input--width-2\" id=\"dob-year-error-month\" name=\"dob-year-error-month\" type=\"text\" inputmode=\"numeric\">\n        </div>\n      </div>\n      <div class=\"govuk-date-input__item\">\n        <div class=\"govuk-form-group\">\n          <label class=\"govuk-label govuk-date-input__label\" for=\"dob-year-error-year\">\n            Year\n          </label>\n          <input class=\"govuk-input govuk-date-input__input govuk-input--width-4 govuk-input--error\" id=\"dob-year-error-year\" name=\"dob-year-error-year\" type=\"text\" inputmode=\"numeric\">\n        </div>\n      </div>\n    </div>\n  </fieldset>\n</div>"
+        },
+        {
+            "name": "classes",
+            "options": {
+                "id": "with-classes",
+                "classes": "app-date-input--custom-modifier"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <div class=\"govuk-date-input app-date-input--custom-modifier\" id=\"with-classes\">\n    <div class=\"govuk-date-input__item\">\n      <div class=\"govuk-form-group\">\n        <label class=\"govuk-label govuk-date-input__label\" for=\"with-classes-day\">\n          Day\n        </label>\n        <input class=\"govuk-input govuk-date-input__input govuk-input--width-2\" id=\"with-classes-day\" name=\"day\" type=\"text\" inputmode=\"numeric\">\n      </div>\n    </div>\n    <div class=\"govuk-date-input__item\">\n      <div class=\"govuk-form-group\">\n        <label class=\"govuk-label govuk-date-input__label\" for=\"with-classes-month\">\n          Month\n        </label>\n        <input class=\"govuk-input govuk-date-input__input govuk-input--width-2\" id=\"with-classes-month\" name=\"month\" type=\"text\" inputmode=\"numeric\">\n      </div>\n    </div>\n    <div class=\"govuk-date-input__item\">\n      <div class=\"govuk-form-group\">\n        <label class=\"govuk-label govuk-date-input__label\" for=\"with-classes-year\">\n          Year\n        </label>\n        <input class=\"govuk-input govuk-date-input__input govuk-input--width-4\" id=\"with-classes-year\" name=\"year\" type=\"text\" inputmode=\"numeric\">\n      </div>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "attributes",
+            "options": {
+                "id": "with-attributes",
+                "attributes": {
+                    "data-attribute": "my data value"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <div class=\"govuk-date-input\" data-attribute=\"my data value\" id=\"with-attributes\">\n    <div class=\"govuk-date-input__item\">\n      <div class=\"govuk-form-group\">\n        <label class=\"govuk-label govuk-date-input__label\" for=\"with-attributes-day\">\n          Day\n        </label>\n        <input class=\"govuk-input govuk-date-input__input govuk-input--width-2\" id=\"with-attributes-day\" name=\"day\" type=\"text\" inputmode=\"numeric\">\n      </div>\n    </div>\n    <div class=\"govuk-date-input__item\">\n      <div class=\"govuk-form-group\">\n        <label class=\"govuk-label govuk-date-input__label\" for=\"with-attributes-month\">\n          Month\n        </label>\n        <input class=\"govuk-input govuk-date-input__input govuk-input--width-2\" id=\"with-attributes-month\" name=\"month\" type=\"text\" inputmode=\"numeric\">\n      </div>\n    </div>\n    <div class=\"govuk-date-input__item\">\n      <div class=\"govuk-form-group\">\n        <label class=\"govuk-label govuk-date-input__label\" for=\"with-attributes-year\">\n          Year\n        </label>\n        <input class=\"govuk-input govuk-date-input__input govuk-input--width-4\" id=\"with-attributes-year\" name=\"year\" type=\"text\" inputmode=\"numeric\">\n      </div>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "with items",
+            "options": {
+                "id": "dob",
+                "namePrefix": "dob",
+                "fieldset": {
+                    "legend": {
+                        "text": "What is your date of birth?"
+                    }
+                },
+                "hint": {
+                    "text": "For example, 31 3 1980"
+                },
+                "items": [
+                    {
+                        "name": "day",
+                        "classes": "govuk-input--width-2"
+                    },
+                    {
+                        "name": "month",
+                        "classes": "govuk-input--width-2"
+                    },
+                    {
+                        "name": "year",
+                        "classes": "govuk-input--width-4"
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <fieldset class=\"govuk-fieldset\" role=\"group\" aria-describedby=\"dob-hint\">\n    <legend class=\"govuk-fieldset__legend\">\n      What is your date of birth?\n    </legend>\n    <div id=\"dob-hint\" class=\"govuk-hint\">\n      For example, 31 3 1980\n    </div>\n    <div class=\"govuk-date-input\" id=\"dob\">\n      <div class=\"govuk-date-input__item\">\n        <div class=\"govuk-form-group\">\n          <label class=\"govuk-label govuk-date-input__label\" for=\"dob-day\">\n            Day\n          </label>\n          <input class=\"govuk-input govuk-date-input__input govuk-input--width-2\" id=\"dob-day\" name=\"dob-day\" type=\"text\" inputmode=\"numeric\">\n        </div>\n      </div>\n      <div class=\"govuk-date-input__item\">\n        <div class=\"govuk-form-group\">\n          <label class=\"govuk-label govuk-date-input__label\" for=\"dob-month\">\n            Month\n          </label>\n          <input class=\"govuk-input govuk-date-input__input govuk-input--width-2\" id=\"dob-month\" name=\"dob-month\" type=\"text\" inputmode=\"numeric\">\n        </div>\n      </div>\n      <div class=\"govuk-date-input__item\">\n        <div class=\"govuk-form-group\">\n          <label class=\"govuk-label govuk-date-input__label\" for=\"dob-year\">\n            Year\n          </label>\n          <input class=\"govuk-input govuk-date-input__input govuk-input--width-4\" id=\"dob-year\" name=\"dob-year\" type=\"text\" inputmode=\"numeric\">\n        </div>\n      </div>\n    </div>\n  </fieldset>\n</div>"
+        },
+        {
+            "name": "with empty items",
+            "options": {
+                "id": "with-empty-items",
+                "items": []
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <div class=\"govuk-date-input\" id=\"with-empty-items\">\n    <div class=\"govuk-date-input__item\">\n      <div class=\"govuk-form-group\">\n        <label class=\"govuk-label govuk-date-input__label\" for=\"with-empty-items-day\">\n          Day\n        </label>\n        <input class=\"govuk-input govuk-date-input__input govuk-input--width-2\" id=\"with-empty-items-day\" name=\"day\" type=\"text\" inputmode=\"numeric\">\n      </div>\n    </div>\n    <div class=\"govuk-date-input__item\">\n      <div class=\"govuk-form-group\">\n        <label class=\"govuk-label govuk-date-input__label\" for=\"with-empty-items-month\">\n          Month\n        </label>\n        <input class=\"govuk-input govuk-date-input__input govuk-input--width-2\" id=\"with-empty-items-month\" name=\"month\" type=\"text\" inputmode=\"numeric\">\n      </div>\n    </div>\n    <div class=\"govuk-date-input__item\">\n      <div class=\"govuk-form-group\">\n        <label class=\"govuk-label govuk-date-input__label\" for=\"with-empty-items-year\">\n          Year\n        </label>\n        <input class=\"govuk-input govuk-date-input__input govuk-input--width-4\" id=\"with-empty-items-year\" name=\"year\" type=\"text\" inputmode=\"numeric\">\n      </div>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "custom pattern",
+            "options": {
+                "id": "with-custom-pattern",
+                "items": [
+                    {
+                        "name": "day",
+                        "pattern": "[0-8]*"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <div class=\"govuk-date-input\" id=\"with-custom-pattern\">\n    <div class=\"govuk-date-input__item\">\n      <div class=\"govuk-form-group\">\n        <label class=\"govuk-label govuk-date-input__label\" for=\"with-custom-pattern-day\">\n          Day\n        </label>\n        <input class=\"govuk-input govuk-date-input__input \" id=\"with-custom-pattern-day\" name=\"day\" type=\"text\" pattern=\"[0-8]*\" inputmode=\"numeric\">\n      </div>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "custom inputmode",
+            "options": {
+                "id": "with-custom-inputmode",
+                "items": [
+                    {
+                        "name": "day",
+                        "pattern": "[0-9X]*",
+                        "inputmode": "text"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <div class=\"govuk-date-input\" id=\"with-custom-inputmode\">\n    <div class=\"govuk-date-input__item\">\n      <div class=\"govuk-form-group\">\n        <label class=\"govuk-label govuk-date-input__label\" for=\"with-custom-inputmode-day\">\n          Day\n        </label>\n        <input class=\"govuk-input govuk-date-input__input \" id=\"with-custom-inputmode-day\" name=\"day\" type=\"text\" pattern=\"[0-9X]*\" inputmode=\"text\">\n      </div>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "with nested name",
+            "options": {
+                "id": "with-nested-name",
+                "items": [
+                    {
+                        "name": "day[dd]"
+                    },
+                    {
+                        "name": "month[mm]"
+                    },
+                    {
+                        "name": "year[yyyy]"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <div class=\"govuk-date-input\" id=\"with-nested-name\">\n    <div class=\"govuk-date-input__item\">\n      <div class=\"govuk-form-group\">\n        <label class=\"govuk-label govuk-date-input__label\" for=\"with-nested-name-day[dd]\">\n          Day[dd]\n        </label>\n        <input class=\"govuk-input govuk-date-input__input \" id=\"with-nested-name-day[dd]\" name=\"day[dd]\" type=\"text\" inputmode=\"numeric\">\n      </div>\n    </div>\n    <div class=\"govuk-date-input__item\">\n      <div class=\"govuk-form-group\">\n        <label class=\"govuk-label govuk-date-input__label\" for=\"with-nested-name-month[mm]\">\n          Month[mm]\n        </label>\n        <input class=\"govuk-input govuk-date-input__input \" id=\"with-nested-name-month[mm]\" name=\"month[mm]\" type=\"text\" inputmode=\"numeric\">\n      </div>\n    </div>\n    <div class=\"govuk-date-input__item\">\n      <div class=\"govuk-form-group\">\n        <label class=\"govuk-label govuk-date-input__label\" for=\"with-nested-name-year[yyyy]\">\n          Year[yyyy]\n        </label>\n        <input class=\"govuk-input govuk-date-input__input \" id=\"with-nested-name-year[yyyy]\" name=\"year[yyyy]\" type=\"text\" inputmode=\"numeric\">\n      </div>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "with id on items",
+            "options": {
+                "id": "with-item-id",
+                "items": [
+                    {
+                        "id": "day",
+                        "name": "day"
+                    },
+                    {
+                        "id": "month",
+                        "name": "month"
+                    },
+                    {
+                        "id": "year",
+                        "name": "year"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <div class=\"govuk-date-input\" id=\"with-item-id\">\n    <div class=\"govuk-date-input__item\">\n      <div class=\"govuk-form-group\">\n        <label class=\"govuk-label govuk-date-input__label\" for=\"day\">\n          Day\n        </label>\n        <input class=\"govuk-input govuk-date-input__input \" id=\"day\" name=\"day\" type=\"text\" inputmode=\"numeric\">\n      </div>\n    </div>\n    <div class=\"govuk-date-input__item\">\n      <div class=\"govuk-form-group\">\n        <label class=\"govuk-label govuk-date-input__label\" for=\"month\">\n          Month\n        </label>\n        <input class=\"govuk-input govuk-date-input__input \" id=\"month\" name=\"month\" type=\"text\" inputmode=\"numeric\">\n      </div>\n    </div>\n    <div class=\"govuk-date-input__item\">\n      <div class=\"govuk-form-group\">\n        <label class=\"govuk-label govuk-date-input__label\" for=\"year\">\n          Year\n        </label>\n        <input class=\"govuk-input govuk-date-input__input \" id=\"year\" name=\"year\" type=\"text\" inputmode=\"numeric\">\n      </div>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "suffixed id",
+            "options": {
+                "id": "my-date-input",
+                "items": [
+                    {
+                        "name": "day"
+                    },
+                    {
+                        "name": "month"
+                    },
+                    {
+                        "name": "year"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <div class=\"govuk-date-input\" id=\"my-date-input\">\n    <div class=\"govuk-date-input__item\">\n      <div class=\"govuk-form-group\">\n        <label class=\"govuk-label govuk-date-input__label\" for=\"my-date-input-day\">\n          Day\n        </label>\n        <input class=\"govuk-input govuk-date-input__input \" id=\"my-date-input-day\" name=\"day\" type=\"text\" inputmode=\"numeric\">\n      </div>\n    </div>\n    <div class=\"govuk-date-input__item\">\n      <div class=\"govuk-form-group\">\n        <label class=\"govuk-label govuk-date-input__label\" for=\"my-date-input-month\">\n          Month\n        </label>\n        <input class=\"govuk-input govuk-date-input__input \" id=\"my-date-input-month\" name=\"month\" type=\"text\" inputmode=\"numeric\">\n      </div>\n    </div>\n    <div class=\"govuk-date-input__item\">\n      <div class=\"govuk-form-group\">\n        <label class=\"govuk-label govuk-date-input__label\" for=\"my-date-input-year\">\n          Year\n        </label>\n        <input class=\"govuk-input govuk-date-input__input \" id=\"my-date-input-year\" name=\"year\" type=\"text\" inputmode=\"numeric\">\n      </div>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "with values",
+            "options": {
+                "id": "with-values",
+                "items": [
+                    {
+                        "id": "day",
+                        "name": "day"
+                    },
+                    {
+                        "id": "month",
+                        "name": "month"
+                    },
+                    {
+                        "id": "year",
+                        "name": "year",
+                        "value": 2018
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <div class=\"govuk-date-input\" id=\"with-values\">\n    <div class=\"govuk-date-input__item\">\n      <div class=\"govuk-form-group\">\n        <label class=\"govuk-label govuk-date-input__label\" for=\"day\">\n          Day\n        </label>\n        <input class=\"govuk-input govuk-date-input__input \" id=\"day\" name=\"day\" type=\"text\" inputmode=\"numeric\">\n      </div>\n    </div>\n    <div class=\"govuk-date-input__item\">\n      <div class=\"govuk-form-group\">\n        <label class=\"govuk-label govuk-date-input__label\" for=\"month\">\n          Month\n        </label>\n        <input class=\"govuk-input govuk-date-input__input \" id=\"month\" name=\"month\" type=\"text\" inputmode=\"numeric\">\n      </div>\n    </div>\n    <div class=\"govuk-date-input__item\">\n      <div class=\"govuk-form-group\">\n        <label class=\"govuk-label govuk-date-input__label\" for=\"year\">\n          Year\n        </label>\n        <input class=\"govuk-input govuk-date-input__input \" id=\"year\" name=\"year\" type=\"text\" value=\"2018\" inputmode=\"numeric\">\n      </div>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "with hint and describedBy",
+            "options": {
+                "id": "dob-errors",
+                "fieldset": {
+                    "describedBy": "test-target-element",
+                    "legend": {
+                        "text": "What is your date of birth?"
+                    }
+                },
+                "hint": {
+                    "text": "For example, 31 3 1980"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <fieldset class=\"govuk-fieldset\" role=\"group\" aria-describedby=\"test-target-element dob-errors-hint\">\n    <legend class=\"govuk-fieldset__legend\">\n      What is your date of birth?\n    </legend>\n    <div id=\"dob-errors-hint\" class=\"govuk-hint\">\n      For example, 31 3 1980\n    </div>\n    <div class=\"govuk-date-input\" id=\"dob-errors\">\n      <div class=\"govuk-date-input__item\">\n        <div class=\"govuk-form-group\">\n          <label class=\"govuk-label govuk-date-input__label\" for=\"dob-errors-day\">\n            Day\n          </label>\n          <input class=\"govuk-input govuk-date-input__input govuk-input--width-2\" id=\"dob-errors-day\" name=\"day\" type=\"text\" inputmode=\"numeric\">\n        </div>\n      </div>\n      <div class=\"govuk-date-input__item\">\n        <div class=\"govuk-form-group\">\n          <label class=\"govuk-label govuk-date-input__label\" for=\"dob-errors-month\">\n            Month\n          </label>\n          <input class=\"govuk-input govuk-date-input__input govuk-input--width-2\" id=\"dob-errors-month\" name=\"month\" type=\"text\" inputmode=\"numeric\">\n        </div>\n      </div>\n      <div class=\"govuk-date-input__item\">\n        <div class=\"govuk-form-group\">\n          <label class=\"govuk-label govuk-date-input__label\" for=\"dob-errors-year\">\n            Year\n          </label>\n          <input class=\"govuk-input govuk-date-input__input govuk-input--width-4\" id=\"dob-errors-year\" name=\"year\" type=\"text\" inputmode=\"numeric\">\n        </div>\n      </div>\n    </div>\n  </fieldset>\n</div>"
+        },
+        {
+            "name": "with error and describedBy",
+            "options": {
+                "id": "dob-errors",
+                "fieldset": {
+                    "describedBy": "test-target-element",
+                    "legend": {
+                        "text": "What is your date of birth?"
+                    }
+                },
+                "errorMessage": {
+                    "text": "Error message goes here"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-form-group--error\">\n  <fieldset class=\"govuk-fieldset\" role=\"group\" aria-describedby=\"test-target-element dob-errors-error\">\n    <legend class=\"govuk-fieldset__legend\">\n      What is your date of birth?\n    </legend>\n    <p id=\"dob-errors-error\" class=\"govuk-error-message\">\n      <span class=\"govuk-visually-hidden\">Error:</span> Error message goes here\n    </p>\n    <div class=\"govuk-date-input\" id=\"dob-errors\">\n      <div class=\"govuk-date-input__item\">\n        <div class=\"govuk-form-group\">\n          <label class=\"govuk-label govuk-date-input__label\" for=\"dob-errors-day\">\n            Day\n          </label>\n          <input class=\"govuk-input govuk-date-input__input govuk-input--width-2\" id=\"dob-errors-day\" name=\"day\" type=\"text\" inputmode=\"numeric\">\n        </div>\n      </div>\n      <div class=\"govuk-date-input__item\">\n        <div class=\"govuk-form-group\">\n          <label class=\"govuk-label govuk-date-input__label\" for=\"dob-errors-month\">\n            Month\n          </label>\n          <input class=\"govuk-input govuk-date-input__input govuk-input--width-2\" id=\"dob-errors-month\" name=\"month\" type=\"text\" inputmode=\"numeric\">\n        </div>\n      </div>\n      <div class=\"govuk-date-input__item\">\n        <div class=\"govuk-form-group\">\n          <label class=\"govuk-label govuk-date-input__label\" for=\"dob-errors-year\">\n            Year\n          </label>\n          <input class=\"govuk-input govuk-date-input__input govuk-input--width-4\" id=\"dob-errors-year\" name=\"year\" type=\"text\" inputmode=\"numeric\">\n        </div>\n      </div>\n    </div>\n  </fieldset>\n</div>"
+        },
+        {
+            "name": "fieldset html",
+            "options": {
+                "id": "with-fieldset-html",
+                "fieldset": {
+                    "legend": {
+                        "html": "What is your <b>date of birth</b>?"
+                    }
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <fieldset class=\"govuk-fieldset\" role=\"group\">\n    <legend class=\"govuk-fieldset__legend\">\n      What is your <b>date of birth</b>?\n    </legend>\n    <div class=\"govuk-date-input\" id=\"with-fieldset-html\">\n      <div class=\"govuk-date-input__item\">\n        <div class=\"govuk-form-group\">\n          <label class=\"govuk-label govuk-date-input__label\" for=\"with-fieldset-html-day\">\n            Day\n          </label>\n          <input class=\"govuk-input govuk-date-input__input govuk-input--width-2\" id=\"with-fieldset-html-day\" name=\"day\" type=\"text\" inputmode=\"numeric\">\n        </div>\n      </div>\n      <div class=\"govuk-date-input__item\">\n        <div class=\"govuk-form-group\">\n          <label class=\"govuk-label govuk-date-input__label\" for=\"with-fieldset-html-month\">\n            Month\n          </label>\n          <input class=\"govuk-input govuk-date-input__input govuk-input--width-2\" id=\"with-fieldset-html-month\" name=\"month\" type=\"text\" inputmode=\"numeric\">\n        </div>\n      </div>\n      <div class=\"govuk-date-input__item\">\n        <div class=\"govuk-form-group\">\n          <label class=\"govuk-label govuk-date-input__label\" for=\"with-fieldset-html-year\">\n            Year\n          </label>\n          <input class=\"govuk-input govuk-date-input__input govuk-input--width-4\" id=\"with-fieldset-html-year\" name=\"year\" type=\"text\" inputmode=\"numeric\">\n        </div>\n      </div>\n    </div>\n  </fieldset>\n</div>"
+        },
+        {
+            "name": "items with classes",
+            "options": {
+                "id": "with-item-classes",
+                "items": [
+                    {
+                        "name": "day",
+                        "classes": "app-date-input__day"
+                    },
+                    {
+                        "name": "month",
+                        "classes": "app-date-input__month"
+                    },
+                    {
+                        "name": "year",
+                        "classes": "app-date-input__year"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <div class=\"govuk-date-input\" id=\"with-item-classes\">\n    <div class=\"govuk-date-input__item\">\n      <div class=\"govuk-form-group\">\n        <label class=\"govuk-label govuk-date-input__label\" for=\"with-item-classes-day\">\n          Day\n        </label>\n        <input class=\"govuk-input govuk-date-input__input app-date-input__day\" id=\"with-item-classes-day\" name=\"day\" type=\"text\" inputmode=\"numeric\">\n      </div>\n    </div>\n    <div class=\"govuk-date-input__item\">\n      <div class=\"govuk-form-group\">\n        <label class=\"govuk-label govuk-date-input__label\" for=\"with-item-classes-month\">\n          Month\n        </label>\n        <input class=\"govuk-input govuk-date-input__input app-date-input__month\" id=\"with-item-classes-month\" name=\"month\" type=\"text\" inputmode=\"numeric\">\n      </div>\n    </div>\n    <div class=\"govuk-date-input__item\">\n      <div class=\"govuk-form-group\">\n        <label class=\"govuk-label govuk-date-input__label\" for=\"with-item-classes-year\">\n          Year\n        </label>\n        <input class=\"govuk-input govuk-date-input__input app-date-input__year\" id=\"with-item-classes-year\" name=\"year\" type=\"text\" inputmode=\"numeric\">\n      </div>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "items without classes",
+            "options": {
+                "id": "without-item-classes",
+                "items": [
+                    {
+                        "name": "day"
+                    },
+                    {
+                        "name": "month"
+                    },
+                    {
+                        "name": "year"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <div class=\"govuk-date-input\" id=\"without-item-classes\">\n    <div class=\"govuk-date-input__item\">\n      <div class=\"govuk-form-group\">\n        <label class=\"govuk-label govuk-date-input__label\" for=\"without-item-classes-day\">\n          Day\n        </label>\n        <input class=\"govuk-input govuk-date-input__input \" id=\"without-item-classes-day\" name=\"day\" type=\"text\" inputmode=\"numeric\">\n      </div>\n    </div>\n    <div class=\"govuk-date-input__item\">\n      <div class=\"govuk-form-group\">\n        <label class=\"govuk-label govuk-date-input__label\" for=\"without-item-classes-month\">\n          Month\n        </label>\n        <input class=\"govuk-input govuk-date-input__input \" id=\"without-item-classes-month\" name=\"month\" type=\"text\" inputmode=\"numeric\">\n      </div>\n    </div>\n    <div class=\"govuk-date-input__item\">\n      <div class=\"govuk-form-group\">\n        <label class=\"govuk-label govuk-date-input__label\" for=\"without-item-classes-year\">\n          Year\n        </label>\n        <input class=\"govuk-input govuk-date-input__input \" id=\"without-item-classes-year\" name=\"year\" type=\"text\" inputmode=\"numeric\">\n      </div>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "with optional form-group classes",
+            "options": {
+                "id": "dob",
+                "namePrefix": "dob",
+                "fieldset": {
+                    "legend": {
+                        "text": "What is your date of birth?"
+                    }
+                },
+                "hint": {
+                    "text": "For example, 31 3 1980"
+                },
+                "formGroup": {
+                    "classes": "extra-class"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group extra-class\">\n  <fieldset class=\"govuk-fieldset\" role=\"group\" aria-describedby=\"dob-hint\">\n    <legend class=\"govuk-fieldset__legend\">\n      What is your date of birth?\n    </legend>\n    <div id=\"dob-hint\" class=\"govuk-hint\">\n      For example, 31 3 1980\n    </div>\n    <div class=\"govuk-date-input\" id=\"dob\">\n      <div class=\"govuk-date-input__item\">\n        <div class=\"govuk-form-group\">\n          <label class=\"govuk-label govuk-date-input__label\" for=\"dob-day\">\n            Day\n          </label>\n          <input class=\"govuk-input govuk-date-input__input govuk-input--width-2\" id=\"dob-day\" name=\"dob-day\" type=\"text\" inputmode=\"numeric\">\n        </div>\n      </div>\n      <div class=\"govuk-date-input__item\">\n        <div class=\"govuk-form-group\">\n          <label class=\"govuk-label govuk-date-input__label\" for=\"dob-month\">\n            Month\n          </label>\n          <input class=\"govuk-input govuk-date-input__input govuk-input--width-2\" id=\"dob-month\" name=\"dob-month\" type=\"text\" inputmode=\"numeric\">\n        </div>\n      </div>\n      <div class=\"govuk-date-input__item\">\n        <div class=\"govuk-form-group\">\n          <label class=\"govuk-label govuk-date-input__label\" for=\"dob-year\">\n            Year\n          </label>\n          <input class=\"govuk-input govuk-date-input__input govuk-input--width-4\" id=\"dob-year\" name=\"dob-year\" type=\"text\" inputmode=\"numeric\">\n        </div>\n      </div>\n    </div>\n  </fieldset>\n</div>"
+        },
+        {
+            "name": "with autocomplete values",
+            "options": {
+                "id": "dob-with-autocomplete-attribute",
+                "namePrefix": "dob-with-autocomplete",
+                "fieldset": {
+                    "legend": {
+                        "text": "What is your date of birth?"
+                    }
+                },
+                "hint": {
+                    "text": "For example, 31 3 1980"
+                },
+                "items": [
+                    {
+                        "name": "day",
+                        "classes": "govuk-input--width-2",
+                        "autocomplete": "bday-day"
+                    },
+                    {
+                        "name": "month",
+                        "classes": "govuk-input--width-2",
+                        "autocomplete": "bday-month"
+                    },
+                    {
+                        "name": "year",
+                        "classes": "govuk-input--width-4",
+                        "autocomplete": "bday-year"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <fieldset class=\"govuk-fieldset\" role=\"group\" aria-describedby=\"dob-with-autocomplete-attribute-hint\">\n    <legend class=\"govuk-fieldset__legend\">\n      What is your date of birth?\n    </legend>\n    <div id=\"dob-with-autocomplete-attribute-hint\" class=\"govuk-hint\">\n      For example, 31 3 1980\n    </div>\n    <div class=\"govuk-date-input\" id=\"dob-with-autocomplete-attribute\">\n      <div class=\"govuk-date-input__item\">\n        <div class=\"govuk-form-group\">\n          <label class=\"govuk-label govuk-date-input__label\" for=\"dob-with-autocomplete-attribute-day\">\n            Day\n          </label>\n          <input class=\"govuk-input govuk-date-input__input govuk-input--width-2\" id=\"dob-with-autocomplete-attribute-day\" name=\"dob-with-autocomplete-day\" type=\"text\" autocomplete=\"bday-day\" inputmode=\"numeric\">\n        </div>\n      </div>\n      <div class=\"govuk-date-input__item\">\n        <div class=\"govuk-form-group\">\n          <label class=\"govuk-label govuk-date-input__label\" for=\"dob-with-autocomplete-attribute-month\">\n            Month\n          </label>\n          <input class=\"govuk-input govuk-date-input__input govuk-input--width-2\" id=\"dob-with-autocomplete-attribute-month\" name=\"dob-with-autocomplete-month\" type=\"text\" autocomplete=\"bday-month\" inputmode=\"numeric\">\n        </div>\n      </div>\n      <div class=\"govuk-date-input__item\">\n        <div class=\"govuk-form-group\">\n          <label class=\"govuk-label govuk-date-input__label\" for=\"dob-with-autocomplete-attribute-year\">\n            Year\n          </label>\n          <input class=\"govuk-input govuk-date-input__input govuk-input--width-4\" id=\"dob-with-autocomplete-attribute-year\" name=\"dob-with-autocomplete-year\" type=\"text\" autocomplete=\"bday-year\" inputmode=\"numeric\">\n        </div>\n      </div>\n    </div>\n  </fieldset>\n</div>"
+        },
+        {
+            "name": "with input attributes",
+            "options": {
+                "id": "dob-with-input-attributes",
+                "namePrefix": "dob-with-input-attributes",
+                "fieldset": {
+                    "legend": {
+                        "text": "What is your date of birth?"
+                    }
+                },
+                "hint": {
+                    "text": "For example, 31 3 1980"
+                },
+                "items": [
+                    {
+                        "name": "day",
+                        "classes": "govuk-input--width-2",
+                        "attributes": {
+                            "data-example-day": "day"
+                        }
+                    },
+                    {
+                        "name": "month",
+                        "classes": "govuk-input--width-2",
+                        "attributes": {
+                            "data-example-month": "month"
+                        }
+                    },
+                    {
+                        "name": "year",
+                        "classes": "govuk-input--width-4",
+                        "attributes": {
+                            "data-example-year": "year"
+                        }
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <fieldset class=\"govuk-fieldset\" role=\"group\" aria-describedby=\"dob-with-input-attributes-hint\">\n    <legend class=\"govuk-fieldset__legend\">\n      What is your date of birth?\n    </legend>\n    <div id=\"dob-with-input-attributes-hint\" class=\"govuk-hint\">\n      For example, 31 3 1980\n    </div>\n    <div class=\"govuk-date-input\" id=\"dob-with-input-attributes\">\n      <div class=\"govuk-date-input__item\">\n        <div class=\"govuk-form-group\">\n          <label class=\"govuk-label govuk-date-input__label\" for=\"dob-with-input-attributes-day\">\n            Day\n          </label>\n          <input class=\"govuk-input govuk-date-input__input govuk-input--width-2\" id=\"dob-with-input-attributes-day\" name=\"dob-with-input-attributes-day\" type=\"text\" inputmode=\"numeric\" data-example-day=\"day\">\n        </div>\n      </div>\n      <div class=\"govuk-date-input__item\">\n        <div class=\"govuk-form-group\">\n          <label class=\"govuk-label govuk-date-input__label\" for=\"dob-with-input-attributes-month\">\n            Month\n          </label>\n          <input class=\"govuk-input govuk-date-input__input govuk-input--width-2\" id=\"dob-with-input-attributes-month\" name=\"dob-with-input-attributes-month\" type=\"text\" inputmode=\"numeric\" data-example-month=\"month\">\n        </div>\n      </div>\n      <div class=\"govuk-date-input__item\">\n        <div class=\"govuk-form-group\">\n          <label class=\"govuk-label govuk-date-input__label\" for=\"dob-with-input-attributes-year\">\n            Year\n          </label>\n          <input class=\"govuk-input govuk-date-input__input govuk-input--width-4\" id=\"dob-with-input-attributes-year\" name=\"dob-with-input-attributes-year\" type=\"text\" inputmode=\"numeric\" data-example-year=\"year\">\n        </div>\n      </div>\n    </div>\n  </fieldset>\n</div>"
+        }
+    ]
+}
diff --git a/node_modules/govuk-frontend/dist/govuk/components/date-input/macro-options.json b/node_modules/govuk-frontend/dist/govuk/components/date-input/macro-options.json
new file mode 100644
index 0000000..5491b1d
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/date-input/macro-options.json
@@ -0,0 +1,163 @@
+[
+    {
+        "name": "id",
+        "type": "string",
+        "required": true,
+        "description": "This is used for the main component and to compose the ID attribute for each item."
+    },
+    {
+        "name": "namePrefix",
+        "type": "string",
+        "required": false,
+        "description": "Optional prefix. This is used to prefix each item `name`, separated by `-`."
+    },
+    {
+        "name": "items",
+        "type": "array",
+        "required": false,
+        "description": "The inputs within the date input component.",
+        "params": [
+            {
+                "name": "id",
+                "type": "string",
+                "required": false,
+                "description": "Item-specific ID. If provided, it will be used instead of the generated ID."
+            },
+            {
+                "name": "name",
+                "type": "string",
+                "required": true,
+                "description": "Item-specific name attribute."
+            },
+            {
+                "name": "label",
+                "type": "string",
+                "required": false,
+                "description": "Item-specific label text. If provided, this will be used instead of `name` for item label text."
+            },
+            {
+                "name": "value",
+                "type": "string",
+                "required": false,
+                "description": "If provided, it will be used as the initial value of the input."
+            },
+            {
+                "name": "autocomplete",
+                "type": "string",
+                "required": false,
+                "description": "Attribute to meet [WCAG success criterion 1.3.5: Identify input purpose](https://www.w3.org/WAI/WCAG22/Understanding/identify-input-purpose.html), for instance `\"bday-day\"`. See the [Autofill section in the HTML standard](https://html.spec.whatwg.org/multipage/form-control-infrastructure.html#autofill) section in the HTML standard for full list of attributes that can be used."
+            },
+            {
+                "name": "pattern",
+                "type": "string",
+                "required": false,
+                "description": "Attribute to [provide a regular expression pattern](https://html.spec.whatwg.org/multipage/input.html#the-pattern-attribute), used to match allowed character combinations for the input value."
+            },
+            {
+                "name": "classes",
+                "type": "string",
+                "required": false,
+                "description": "Classes to add to date input item."
+            },
+            {
+                "name": "attributes",
+                "type": "object",
+                "required": false,
+                "description": "HTML attributes (for example data attributes) to add to the date input tag."
+            }
+        ]
+    },
+    {
+        "name": "hint",
+        "type": "object",
+        "required": false,
+        "description": "Can be used to add a hint to a date input component.",
+        "isComponent": true
+    },
+    {
+        "name": "errorMessage",
+        "type": "object",
+        "required": false,
+        "description": "Can be used to add an error message to the date input component. The error message component will not display if you use a falsy value for `errorMessage`, for example `false` or `null`.",
+        "isComponent": true
+    },
+    {
+        "name": "formGroup",
+        "type": "object",
+        "required": false,
+        "description": "Additional options for the form group containing the date input component.",
+        "params": [
+            {
+                "name": "classes",
+                "type": "string",
+                "required": false,
+                "description": "Classes to add to the form group (for example to show error state for the whole group)."
+            },
+            {
+                "name": "attributes",
+                "type": "object",
+                "required": false,
+                "description": "HTML attributes (for example data attributes) to add to the form group."
+            },
+            {
+                "name": "beforeInputs",
+                "type": "object",
+                "required": false,
+                "description": "Content to add before the inputs used by the date input component.",
+                "params": [
+                    {
+                        "name": "text",
+                        "type": "string",
+                        "required": true,
+                        "description": "Text to add before the inputs. If `html` is provided, the `text` option will be ignored."
+                    },
+                    {
+                        "name": "html",
+                        "type": "string",
+                        "required": true,
+                        "description": "HTML to add before the inputs. If `html` is provided, the `text` option will be ignored."
+                    }
+                ]
+            },
+            {
+                "name": "afterInputs",
+                "type": "object",
+                "required": false,
+                "description": "Content to add after the inputs used by the date input component.",
+                "params": [
+                    {
+                        "name": "text",
+                        "type": "string",
+                        "required": true,
+                        "description": "Text to add after the inputs. If `html` is provided, the `text` option will be ignored."
+                    },
+                    {
+                        "name": "html",
+                        "type": "string",
+                        "required": true,
+                        "description": "HTML to add after the inputs. If `html` is provided, the `text` option will be ignored."
+                    }
+                ]
+            }
+        ]
+    },
+    {
+        "name": "fieldset",
+        "type": "object",
+        "required": false,
+        "description": "Can be used to add a fieldset to the date input component.",
+        "isComponent": true
+    },
+    {
+        "name": "classes",
+        "type": "string",
+        "required": false,
+        "description": "Classes to add to the date-input container."
+    },
+    {
+        "name": "attributes",
+        "type": "object",
+        "required": false,
+        "description": "HTML attributes (for example data attributes) to add to the date-input container."
+    }
+]
diff --git a/node_modules/govuk-frontend/dist/govuk/components/date-input/macro.njk b/node_modules/govuk-frontend/dist/govuk/components/date-input/macro.njk
new file mode 100644
index 0000000..732cdc6
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/date-input/macro.njk
@@ -0,0 +1,3 @@
+{% macro govukDateInput(params) %}
+  {%- include "./template.njk" -%}
+{% endmacro %}
diff --git a/node_modules/govuk-frontend/dist/govuk/components/date-input/template-day-and-month.html b/node_modules/govuk-frontend/dist/govuk/components/date-input/template-day-and-month.html
new file mode 100644
index 0000000..3805b76
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/date-input/template-day-and-month.html
@@ -0,0 +1,28 @@
+<div class="govuk-form-group">
+  <fieldset class="govuk-fieldset" role="group" aria-describedby="bday-hint">
+    <legend class="govuk-fieldset__legend">
+      What is your birthday?
+    </legend>
+    <div id="bday-hint" class="govuk-hint">
+      For example, 5 12
+    </div>
+    <div class="govuk-date-input" id="bday">
+      <div class="govuk-date-input__item">
+        <div class="govuk-form-group">
+          <label class="govuk-label govuk-date-input__label" for="bday-day">
+            Day
+          </label>
+          <input class="govuk-input govuk-date-input__input govuk-input--width-2" id="bday-day" name="bday-day" type="text" inputmode="numeric">
+        </div>
+      </div>
+      <div class="govuk-date-input__item">
+        <div class="govuk-form-group">
+          <label class="govuk-label govuk-date-input__label" for="bday-month">
+            Month
+          </label>
+          <input class="govuk-input govuk-date-input__input govuk-input--width-2" id="bday-month" name="bday-month" type="text" inputmode="numeric">
+        </div>
+      </div>
+    </div>
+  </fieldset>
+</div>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/date-input/template-default.html b/node_modules/govuk-frontend/dist/govuk/components/date-input/template-default.html
new file mode 100644
index 0000000..7a87bcf
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/date-input/template-default.html
@@ -0,0 +1,36 @@
+<div class="govuk-form-group">
+  <fieldset class="govuk-fieldset" role="group" aria-describedby="dob-hint">
+    <legend class="govuk-fieldset__legend">
+      What is your date of birth?
+    </legend>
+    <div id="dob-hint" class="govuk-hint">
+      For example, 31 3 1980
+    </div>
+    <div class="govuk-date-input" id="dob">
+      <div class="govuk-date-input__item">
+        <div class="govuk-form-group">
+          <label class="govuk-label govuk-date-input__label" for="dob-day">
+            Day
+          </label>
+          <input class="govuk-input govuk-date-input__input govuk-input--width-2" id="dob-day" name="day" type="text" inputmode="numeric">
+        </div>
+      </div>
+      <div class="govuk-date-input__item">
+        <div class="govuk-form-group">
+          <label class="govuk-label govuk-date-input__label" for="dob-month">
+            Month
+          </label>
+          <input class="govuk-input govuk-date-input__input govuk-input--width-2" id="dob-month" name="month" type="text" inputmode="numeric">
+        </div>
+      </div>
+      <div class="govuk-date-input__item">
+        <div class="govuk-form-group">
+          <label class="govuk-label govuk-date-input__label" for="dob-year">
+            Year
+          </label>
+          <input class="govuk-input govuk-date-input__input govuk-input--width-4" id="dob-year" name="year" type="text" inputmode="numeric">
+        </div>
+      </div>
+    </div>
+  </fieldset>
+</div>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/date-input/template-month-and-year.html b/node_modules/govuk-frontend/dist/govuk/components/date-input/template-month-and-year.html
new file mode 100644
index 0000000..4fb458f
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/date-input/template-month-and-year.html
@@ -0,0 +1,28 @@
+<div class="govuk-form-group">
+  <fieldset class="govuk-fieldset" role="group" aria-describedby="dob-hint">
+    <legend class="govuk-fieldset__legend">
+      When did you move to this property?
+    </legend>
+    <div id="dob-hint" class="govuk-hint">
+      For example, 3 1980
+    </div>
+    <div class="govuk-date-input" id="dob">
+      <div class="govuk-date-input__item">
+        <div class="govuk-form-group">
+          <label class="govuk-label govuk-date-input__label" for="dob-month">
+            Month
+          </label>
+          <input class="govuk-input govuk-date-input__input govuk-input--width-2" id="dob-month" name="dob-month" type="text" inputmode="numeric">
+        </div>
+      </div>
+      <div class="govuk-date-input__item">
+        <div class="govuk-form-group">
+          <label class="govuk-label govuk-date-input__label" for="dob-year">
+            Year
+          </label>
+          <input class="govuk-input govuk-date-input__input govuk-input--width-4" id="dob-year" name="dob-year" type="text" inputmode="numeric">
+        </div>
+      </div>
+    </div>
+  </fieldset>
+</div>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/date-input/template-with-error-on-day-input.html b/node_modules/govuk-frontend/dist/govuk/components/date-input/template-with-error-on-day-input.html
new file mode 100644
index 0000000..fd4338d
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/date-input/template-with-error-on-day-input.html
@@ -0,0 +1,39 @@
+<div class="govuk-form-group govuk-form-group--error">
+  <fieldset class="govuk-fieldset" role="group" aria-describedby="dob-day-error-hint dob-day-error-error">
+    <legend class="govuk-fieldset__legend">
+      What is your date of birth?
+    </legend>
+    <div id="dob-day-error-hint" class="govuk-hint">
+      For example, 31 3 1980
+    </div>
+    <p id="dob-day-error-error" class="govuk-error-message">
+      <span class="govuk-visually-hidden">Error:</span> Error message goes here
+    </p>
+    <div class="govuk-date-input" id="dob-day-error">
+      <div class="govuk-date-input__item">
+        <div class="govuk-form-group">
+          <label class="govuk-label govuk-date-input__label" for="dob-day-error-day">
+            Day
+          </label>
+          <input class="govuk-input govuk-date-input__input govuk-input--width-2 govuk-input--error" id="dob-day-error-day" name="dob-day-error-day" type="text" inputmode="numeric">
+        </div>
+      </div>
+      <div class="govuk-date-input__item">
+        <div class="govuk-form-group">
+          <label class="govuk-label govuk-date-input__label" for="dob-day-error-month">
+            Month
+          </label>
+          <input class="govuk-input govuk-date-input__input govuk-input--width-2" id="dob-day-error-month" name="dob-day-error-month" type="text" inputmode="numeric">
+        </div>
+      </div>
+      <div class="govuk-date-input__item">
+        <div class="govuk-form-group">
+          <label class="govuk-label govuk-date-input__label" for="dob-day-error-year">
+            Year
+          </label>
+          <input class="govuk-input govuk-date-input__input govuk-input--width-4" id="dob-day-error-year" name="dob-day-error-year" type="text" inputmode="numeric">
+        </div>
+      </div>
+    </div>
+  </fieldset>
+</div>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/date-input/template-with-error-on-month-input.html b/node_modules/govuk-frontend/dist/govuk/components/date-input/template-with-error-on-month-input.html
new file mode 100644
index 0000000..ca1c73b
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/date-input/template-with-error-on-month-input.html
@@ -0,0 +1,39 @@
+<div class="govuk-form-group govuk-form-group--error">
+  <fieldset class="govuk-fieldset" role="group" aria-describedby="dob-month-error-hint dob-month-error-error">
+    <legend class="govuk-fieldset__legend">
+      What is your date of birth?
+    </legend>
+    <div id="dob-month-error-hint" class="govuk-hint">
+      For example, 31 3 1980
+    </div>
+    <p id="dob-month-error-error" class="govuk-error-message">
+      <span class="govuk-visually-hidden">Error:</span> Error message goes here
+    </p>
+    <div class="govuk-date-input" id="dob-month-error">
+      <div class="govuk-date-input__item">
+        <div class="govuk-form-group">
+          <label class="govuk-label govuk-date-input__label" for="dob-month-error-day">
+            Day
+          </label>
+          <input class="govuk-input govuk-date-input__input govuk-input--width-2" id="dob-month-error-day" name="dob-month-error-day" type="text" inputmode="numeric">
+        </div>
+      </div>
+      <div class="govuk-date-input__item">
+        <div class="govuk-form-group">
+          <label class="govuk-label govuk-date-input__label" for="dob-month-error-month">
+            Month
+          </label>
+          <input class="govuk-input govuk-date-input__input govuk-input--width-2 govuk-input--error" id="dob-month-error-month" name="dob-month-error-month" type="text" inputmode="numeric">
+        </div>
+      </div>
+      <div class="govuk-date-input__item">
+        <div class="govuk-form-group">
+          <label class="govuk-label govuk-date-input__label" for="dob-month-error-year">
+            Year
+          </label>
+          <input class="govuk-input govuk-date-input__input govuk-input--width-4" id="dob-month-error-year" name="dob-month-error-year" type="text" inputmode="numeric">
+        </div>
+      </div>
+    </div>
+  </fieldset>
+</div>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/date-input/template-with-error-on-year-input.html b/node_modules/govuk-frontend/dist/govuk/components/date-input/template-with-error-on-year-input.html
new file mode 100644
index 0000000..478bd73
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/date-input/template-with-error-on-year-input.html
@@ -0,0 +1,39 @@
+<div class="govuk-form-group govuk-form-group--error">
+  <fieldset class="govuk-fieldset" role="group" aria-describedby="dob-year-error-hint dob-year-error-error">
+    <legend class="govuk-fieldset__legend">
+      What is your date of birth?
+    </legend>
+    <div id="dob-year-error-hint" class="govuk-hint">
+      For example, 31 3 1980
+    </div>
+    <p id="dob-year-error-error" class="govuk-error-message">
+      <span class="govuk-visually-hidden">Error:</span> Error message goes here
+    </p>
+    <div class="govuk-date-input" id="dob-year-error">
+      <div class="govuk-date-input__item">
+        <div class="govuk-form-group">
+          <label class="govuk-label govuk-date-input__label" for="dob-year-error-day">
+            Day
+          </label>
+          <input class="govuk-input govuk-date-input__input govuk-input--width-2" id="dob-year-error-day" name="dob-year-error-day" type="text" inputmode="numeric">
+        </div>
+      </div>
+      <div class="govuk-date-input__item">
+        <div class="govuk-form-group">
+          <label class="govuk-label govuk-date-input__label" for="dob-year-error-month">
+            Month
+          </label>
+          <input class="govuk-input govuk-date-input__input govuk-input--width-2" id="dob-year-error-month" name="dob-year-error-month" type="text" inputmode="numeric">
+        </div>
+      </div>
+      <div class="govuk-date-input__item">
+        <div class="govuk-form-group">
+          <label class="govuk-label govuk-date-input__label" for="dob-year-error-year">
+            Year
+          </label>
+          <input class="govuk-input govuk-date-input__input govuk-input--width-4 govuk-input--error" id="dob-year-error-year" name="dob-year-error-year" type="text" inputmode="numeric">
+        </div>
+      </div>
+    </div>
+  </fieldset>
+</div>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/date-input/template-with-errors-and-hint.html b/node_modules/govuk-frontend/dist/govuk/components/date-input/template-with-errors-and-hint.html
new file mode 100644
index 0000000..0e6216d
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/date-input/template-with-errors-and-hint.html
@@ -0,0 +1,39 @@
+<div class="govuk-form-group govuk-form-group--error">
+  <fieldset class="govuk-fieldset" role="group" aria-describedby="dob-errors-hint dob-errors-error">
+    <legend class="govuk-fieldset__legend">
+      What is your date of birth?
+    </legend>
+    <div id="dob-errors-hint" class="govuk-hint">
+      For example, 31 3 1980
+    </div>
+    <p id="dob-errors-error" class="govuk-error-message">
+      <span class="govuk-visually-hidden">Error:</span> Error message goes here
+    </p>
+    <div class="govuk-date-input" id="dob-errors">
+      <div class="govuk-date-input__item">
+        <div class="govuk-form-group">
+          <label class="govuk-label govuk-date-input__label" for="dob-errors-day">
+            Day
+          </label>
+          <input class="govuk-input govuk-date-input__input govuk-input--width-2 govuk-input--error" id="dob-errors-day" name="day" type="text" inputmode="numeric">
+        </div>
+      </div>
+      <div class="govuk-date-input__item">
+        <div class="govuk-form-group">
+          <label class="govuk-label govuk-date-input__label" for="dob-errors-month">
+            Month
+          </label>
+          <input class="govuk-input govuk-date-input__input govuk-input--width-2 govuk-input--error" id="dob-errors-month" name="month" type="text" inputmode="numeric">
+        </div>
+      </div>
+      <div class="govuk-date-input__item">
+        <div class="govuk-form-group">
+          <label class="govuk-label govuk-date-input__label" for="dob-errors-year">
+            Year
+          </label>
+          <input class="govuk-input govuk-date-input__input govuk-input--width-4 govuk-input--error" id="dob-errors-year" name="year" type="text" inputmode="numeric">
+        </div>
+      </div>
+    </div>
+  </fieldset>
+</div>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/date-input/template-with-errors-only.html b/node_modules/govuk-frontend/dist/govuk/components/date-input/template-with-errors-only.html
new file mode 100644
index 0000000..cde68fc
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/date-input/template-with-errors-only.html
@@ -0,0 +1,36 @@
+<div class="govuk-form-group govuk-form-group--error">
+  <fieldset class="govuk-fieldset" role="group" aria-describedby="dob-errors-error">
+    <legend class="govuk-fieldset__legend">
+      What is your date of birth?
+    </legend>
+    <p id="dob-errors-error" class="govuk-error-message">
+      <span class="govuk-visually-hidden">Error:</span> Error message goes here
+    </p>
+    <div class="govuk-date-input" id="dob-errors">
+      <div class="govuk-date-input__item">
+        <div class="govuk-form-group">
+          <label class="govuk-label govuk-date-input__label" for="dob-errors-day">
+            Day
+          </label>
+          <input class="govuk-input govuk-date-input__input govuk-input--width-2 govuk-input--error" id="dob-errors-day" name="day" type="text" inputmode="numeric">
+        </div>
+      </div>
+      <div class="govuk-date-input__item">
+        <div class="govuk-form-group">
+          <label class="govuk-label govuk-date-input__label" for="dob-errors-month">
+            Month
+          </label>
+          <input class="govuk-input govuk-date-input__input govuk-input--width-2 govuk-input--error" id="dob-errors-month" name="month" type="text" inputmode="numeric">
+        </div>
+      </div>
+      <div class="govuk-date-input__item">
+        <div class="govuk-form-group">
+          <label class="govuk-label govuk-date-input__label" for="dob-errors-year">
+            Year
+          </label>
+          <input class="govuk-input govuk-date-input__input govuk-input--width-4 govuk-input--error" id="dob-errors-year" name="year" type="text" inputmode="numeric">
+        </div>
+      </div>
+    </div>
+  </fieldset>
+</div>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/date-input/template-with-items.html b/node_modules/govuk-frontend/dist/govuk/components/date-input/template-with-items.html
new file mode 100644
index 0000000..2cd25be
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/date-input/template-with-items.html
@@ -0,0 +1,36 @@
+<div class="govuk-form-group">
+  <fieldset class="govuk-fieldset" role="group" aria-describedby="dob-hint">
+    <legend class="govuk-fieldset__legend">
+      What is your date of birth?
+    </legend>
+    <div id="dob-hint" class="govuk-hint">
+      For example, 31 3 1980
+    </div>
+    <div class="govuk-date-input" id="dob">
+      <div class="govuk-date-input__item">
+        <div class="govuk-form-group">
+          <label class="govuk-label govuk-date-input__label" for="dob-day">
+            Day
+          </label>
+          <input class="govuk-input govuk-date-input__input govuk-input--width-2" id="dob-day" name="dob-day" type="text" inputmode="numeric">
+        </div>
+      </div>
+      <div class="govuk-date-input__item">
+        <div class="govuk-form-group">
+          <label class="govuk-label govuk-date-input__label" for="dob-month">
+            Month
+          </label>
+          <input class="govuk-input govuk-date-input__input govuk-input--width-2" id="dob-month" name="dob-month" type="text" inputmode="numeric">
+        </div>
+      </div>
+      <div class="govuk-date-input__item">
+        <div class="govuk-form-group">
+          <label class="govuk-label govuk-date-input__label" for="dob-year">
+            Year
+          </label>
+          <input class="govuk-input govuk-date-input__input govuk-input--width-4" id="dob-year" name="dob-year" type="text" inputmode="numeric">
+        </div>
+      </div>
+    </div>
+  </fieldset>
+</div>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/date-input/template.njk b/node_modules/govuk-frontend/dist/govuk/components/date-input/template.njk
new file mode 100644
index 0000000..a7aeca1
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/date-input/template.njk
@@ -0,0 +1,106 @@
+{% from "../../macros/attributes.njk" import govukAttributes %}
+{% from "../error-message/macro.njk" import govukErrorMessage %}
+{% from "../fieldset/macro.njk" import govukFieldset %}
+{% from "../hint/macro.njk" import govukHint %}
+{% from "../input/macro.njk" import govukInput %}
+
+{#- a record of other elements that we need to associate with the input using
+  aria-describedby – for example hints or error messages -#}
+{% set describedBy = params.fieldset.describedBy if params.fieldset.describedBy else "" %}
+
+{#- fieldset is false by default -#}
+{% set hasFieldset = true if params.fieldset else false %}
+
+{%- if params.items | length %}
+  {% set dateInputItems = params.items %}
+{% else %}
+  {% set dateInputItems = [
+    {
+      name: "day",
+      classes: "govuk-input--width-2"
+    },
+    {
+      name: "month",
+      classes: "govuk-input--width-2"
+    },
+    {
+      name: "year",
+      classes: "govuk-input--width-4"
+    }
+  ] %}
+{% endif %}
+
+{#- Capture the HTML so we can optionally nest it in a fieldset -#}
+{% set innerHtml %}
+{% if params.hint %}
+  {% set hintId = params.id + "-hint" %}
+  {% set describedBy = describedBy + " " + hintId if describedBy else hintId %}
+  {{ govukHint({
+    id: hintId,
+    classes: params.hint.classes,
+    attributes: params.hint.attributes,
+    html: params.hint.html,
+    text: params.hint.text
+  }) | trim | indent(2) }}
+{% endif %}
+{% if params.errorMessage %}
+  {% set errorId = params.id + "-error" %}
+  {% set describedBy = describedBy + " " + errorId if describedBy else errorId %}
+  {{ govukErrorMessage({
+    id: errorId,
+    classes: params.errorMessage.classes,
+    attributes: params.errorMessage.attributes,
+    html: params.errorMessage.html,
+    text: params.errorMessage.text,
+    visuallyHiddenText: params.errorMessage.visuallyHiddenText
+  }) | trim | indent(2) }}
+{% endif %}
+  <div class="govuk-date-input {%- if params.classes %} {{ params.classes }}{% endif %}"
+    {{- govukAttributes(params.attributes) -}}
+    {%- if params.id %} id="{{ params.id }}"{% endif %}>
+    {% if params.formGroup.beforeInputs %}
+    {{ params.formGroup.beforeInputs.html | safe | trim | indent(4) if params.formGroup.beforeInputs.html else params.formGroup.beforeInputs.text }}
+    {% endif %}
+    {% for item in dateInputItems %}
+    <div class="govuk-date-input__item">
+      {{ govukInput({
+        label: {
+          text: item.label if item.label else item.name | capitalize,
+          classes: "govuk-date-input__label"
+        },
+        id: item.id if item.id else (params.id + "-" + item.name),
+        classes: "govuk-date-input__input " + (item.classes if item.classes),
+        name: (params.namePrefix + "-" + item.name) if params.namePrefix else item.name,
+        value: item.value,
+        type: "text",
+        inputmode: item.inputmode if item.inputmode else "numeric",
+        autocomplete: item.autocomplete,
+        pattern: item.pattern,
+        attributes: item.attributes
+      }) | trim | indent(6) }}
+    </div>
+    {% endfor %}
+    {% if params.formGroup.afterInputs %}
+    {{ params.formGroup.afterInputs.html | safe | trim | indent(4) if params.formGroup.afterInputs.html else params.formGroup.afterInputs.text }}
+    {% endif %}
+  </div>
+{% endset -%}
+
+<div class="govuk-form-group {%- if params.errorMessage %} govuk-form-group--error{% endif %} {%- if params.formGroup.classes %} {{ params.formGroup.classes }}{% endif %}" {{- govukAttributes(params.formGroup.attributes) }}>
+{% if hasFieldset %}
+  {# We override the fieldset's role to 'group' because otherwise JAWS does not
+    announce the description for a fieldset comprised of text inputs, but
+    adding the role to the fieldset always makes the output overly verbose for
+    radio buttons or checkboxes. -#}
+  {{ govukFieldset({
+    describedBy: describedBy,
+    classes: params.fieldset.classes,
+    role: 'group',
+    attributes: params.fieldset.attributes,
+    legend: params.fieldset.legend,
+    html: innerHtml | trim
+  }) | trim | indent(2) }}
+{% else %}
+  {{ innerHtml | safe | trim }}
+{% endif %}
+</div>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/details/README.md b/node_modules/govuk-frontend/dist/govuk/components/details/README.md
new file mode 100644
index 0000000..627f209
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/details/README.md
@@ -0,0 +1,15 @@
+# Details
+
+## Installation
+
+See the [main README quick start guide](https://github.com/alphagov/govuk-frontend#quick-start) for how to install this component.
+
+## Guidance and Examples
+
+Find out when to use the details component in your service in the [GOV.UK Design System](https://design-system.service.gov.uk/components/details).
+
+## Component options
+
+Use options to customise the appearance, content and behaviour of a component when using a macro, for example, changing the text.
+
+See [options table](https://design-system.service.gov.uk/components/details/#options-details-example) for details.
diff --git a/node_modules/govuk-frontend/dist/govuk/components/details/_details.scss b/node_modules/govuk-frontend/dist/govuk/components/details/_details.scss
new file mode 100644
index 0000000..c9a4758
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/details/_details.scss
@@ -0,0 +1,4 @@
+@import "../../base";
+@import "./index";
+
+/*# sourceMappingURL=_details.scss.map */
diff --git a/node_modules/govuk-frontend/dist/govuk/components/details/_details.scss.map b/node_modules/govuk-frontend/dist/govuk/components/details/_details.scss.map
new file mode 100644
index 0000000..3bdf6ff
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/details/_details.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/details/_details.scss"],"names":[],"mappings":"AAAA,oBAAoB;AACpB,iBAAiB","file":"_details.scss","sourcesContent":["@import \"../../base\";\n@import \"./index\";\n"]}
diff --git a/node_modules/govuk-frontend/dist/govuk/components/details/_index.scss b/node_modules/govuk-frontend/dist/govuk/components/details/_index.scss
new file mode 100644
index 0000000..f349edc
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/details/_index.scss
@@ -0,0 +1,139 @@
+@include govuk-exports("govuk/component/details") {
+  .govuk-details {
+    @include govuk-font($size: 19);
+    @include govuk-text-colour;
+    @include govuk-responsive-margin(6, "bottom");
+
+    display: block;
+  }
+
+  .govuk-details__summary {
+    display: block;
+  }
+
+  .govuk-details[open] .govuk-details__summary {
+    margin-bottom: govuk-spacing(1);
+  }
+
+  .govuk-details__summary-text {
+    > :first-child {
+      margin-top: 0;
+    }
+
+    > :only-child,
+    > :last-child {
+      margin-bottom: 0;
+    }
+  }
+
+  .govuk-details__text {
+    padding-top: govuk-spacing(3);
+    padding-bottom: govuk-spacing(3);
+    padding-left: govuk-spacing(4);
+  }
+
+  .govuk-details__text p {
+    margin-top: 0;
+    margin-bottom: govuk-spacing(4);
+  }
+
+  .govuk-details__text > :last-child {
+    margin-bottom: 0;
+  }
+
+  // Hack to target IE8 - IE11 (and REALLY old Firefox)
+  // These browsers don't support the details element, so fall back to looking
+  // like inset text
+  @media screen\0 {
+    .govuk-details {
+      border-left: $govuk-border-width-wide solid $govuk-border-colour;
+    }
+
+    .govuk-details__summary {
+      margin-top: govuk-spacing(3);
+    }
+
+    .govuk-details__summary-text {
+      @include govuk-typography-weight-bold;
+      @include govuk-responsive-margin(4, "bottom");
+      padding-left: govuk-spacing(4);
+    }
+  }
+
+  // We wrap styles for newer browsers in a feature query, which is ignored by
+  // older browsers, which always expand the details element.
+  //
+  // Additionally, -ms-ime-align is only supported by Edge 12 - 18
+  //
+  // This ensures we don't use these styles in browsers which:
+  //   - support ES6 modules but not the <details> element (Edge 16 - 18)
+  //   - do not support ES6 modules or the <details> element (eg, IE8+)
+  @supports not (-ms-ime-align: auto) {
+    .govuk-details__summary {
+      // Absolutely position the marker against this element
+      position: relative;
+
+      // Make the focus outline shrink-wrap the text content of the summary
+      width: -webkit-fit-content;
+      width: fit-content;
+
+      // Allow for absolutely positioned marker and align with disclosed text
+      padding-left: govuk-spacing(4) + $govuk-border-width;
+
+      // Style the summary to look like a link...
+      color: $govuk-link-colour;
+      cursor: pointer;
+
+      &:hover {
+        color: $govuk-link-hover-colour;
+      }
+
+      &:focus {
+        @include govuk-focused-text;
+      }
+    }
+    // ...but only underline the text, not the arrow
+    .govuk-details__summary-text {
+      @include govuk-link-decoration;
+    }
+
+    .govuk-details__summary:hover .govuk-details__summary-text {
+      @include govuk-link-hover-decoration;
+    }
+
+    // Remove the underline when focussed to avoid duplicate borders
+    .govuk-details__summary:focus .govuk-details__summary-text {
+      text-decoration: none;
+    }
+
+    // Remove the default details marker so we can style our own consistently and
+    // ensure it displays in Firefox (see implementation.md for details)
+    .govuk-details__summary::-webkit-details-marker {
+      display: none;
+    }
+
+    // Append our own open / closed marker using a pseudo-element
+    .govuk-details__summary::before {
+      content: "";
+      position: absolute;
+
+      top: -1px;
+      bottom: 0;
+      left: 0;
+
+      margin: auto;
+
+      @include govuk-shape-arrow($direction: right, $base: 14px);
+
+      .govuk-details[open] > & {
+        @include govuk-shape-arrow($direction: down, $base: 14px);
+      }
+    }
+
+    .govuk-details__text {
+      border-left: $govuk-border-width solid $govuk-border-colour;
+    }
+  }
+}
+
+/*# sourceMappingURL=_index.scss.map */
diff --git a/node_modules/govuk-frontend/dist/govuk/components/details/_index.scss.map b/node_modules/govuk-frontend/dist/govuk/components/details/_index.scss.map
new file mode 100644
index 0000000..a887b12
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/details/_index.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/details/_index.scss"],"names":[],"mappings":"AAAA;EACE;IACE,8BAA8B;IAC9B,0BAA0B;IAC1B,6CAA6C;;IAE7C,cAAc;EAChB;;EAEA;IACE,cAAc;EAChB;;EAEA;IACE,+BAA+B;EACjC;;EAEA;IACE;MACE,aAAa;IACf;;IAEA;;MAEE,gBAAgB;IAClB;EACF;;EAEA;IACE,6BAA6B;IAC7B,gCAAgC;IAChC,8BAA8B;EAChC;;EAEA;IACE,aAAa;IACb,+BAA+B;EACjC;;EAEA;IACE,gBAAgB;EAClB;;EAEA,oDAAoD;EACpD,2EAA2E;EAC3E,iBAAiB;EACjB;IACE;MACE,gEAAgE;IAClE;;IAEA;MACE,4BAA4B;IAC9B;;IAEA;MACE,qCAAqC;MACrC,6CAA6C;MAC7C,8BAA8B;IAChC;EACF;;EAEA,2EAA2E;EAC3E,0DAA0D;EAC1D,CAAC;EACD,+DAA+D;EAC/D,CAAC;EACD,2DAA2D;EAC3D,sEAAsE;EACtE,oEAAoE;EACpE;IACE;MACE,qDAAqD;MACrD,kBAAkB;;MAElB,oEAAoE;MACpE,0BAAkB;MAAlB,kBAAkB;;MAElB,sEAAsE;MACtE,oDAAoD;;MAEpD,0CAA0C;MAC1C,yBAAyB;MACzB,eAAe;;MAEf;QACE,+BAA+B;MACjC;;MAEA;QACE,2BAA2B;MAC7B;IACF;IACA,+CAA+C;IAC/C;MACE,8BAA8B;IAChC;;IAEA;MACE,oCAAoC;IACtC;;IAEA,+DAA+D;IAC/D;MACE,qBAAqB;IACvB;;IAEA,4EAA4E;IAC5E,mEAAmE;IACnE;MACE,aAAa;IACf;;IAEA,4DAA4D;IAC5D;MACE,WAAW;MACX,kBAAkB;;MAElB,SAAS;MACT,SAAS;MACT,OAAO;;MAEP,YAAY;;MAEZ,0DAA0D;;MAE1D;QACE,yDAAyD;MAC3D;IACF;;IAEA;MACE,2DAA2D;IAC7D;EACF;AACF","file":"_index.scss","sourcesContent":["@include govuk-exports(\"govuk/component/details\") {\n  .govuk-details {\n    @include govuk-font($size: 19);\n    @include govuk-text-colour;\n    @include govuk-responsive-margin(6, \"bottom\");\n\n    display: block;\n  }\n\n  .govuk-details__summary {\n    display: block;\n  }\n\n  .govuk-details[open] .govuk-details__summary {\n    margin-bottom: govuk-spacing(1);\n  }\n\n  .govuk-details__summary-text {\n    > :first-child {\n      margin-top: 0;\n    }\n\n    > :only-child,\n    > :last-child {\n      margin-bottom: 0;\n    }\n  }\n\n  .govuk-details__text {\n    padding-top: govuk-spacing(3);\n    padding-bottom: govuk-spacing(3);\n    padding-left: govuk-spacing(4);\n  }\n\n  .govuk-details__text p {\n    margin-top: 0;\n    margin-bottom: govuk-spacing(4);\n  }\n\n  .govuk-details__text > :last-child {\n    margin-bottom: 0;\n  }\n\n  // Hack to target IE8 - IE11 (and REALLY old Firefox)\n  // These browsers don't support the details element, so fall back to looking\n  // like inset text\n  @media screen\\0 {\n    .govuk-details {\n      border-left: $govuk-border-width-wide solid $govuk-border-colour;\n    }\n\n    .govuk-details__summary {\n      margin-top: govuk-spacing(3);\n    }\n\n    .govuk-details__summary-text {\n      @include govuk-typography-weight-bold;\n      @include govuk-responsive-margin(4, \"bottom\");\n      padding-left: govuk-spacing(4);\n    }\n  }\n\n  // We wrap styles for newer browsers in a feature query, which is ignored by\n  // older browsers, which always expand the details element.\n  //\n  // Additionally, -ms-ime-align is only supported by Edge 12 - 18\n  //\n  // This ensures we don't use these styles in browsers which:\n  //   - support ES6 modules but not the <details> element (Edge 16 - 18)\n  //   - do not support ES6 modules or the <details> element (eg, IE8+)\n  @supports not (-ms-ime-align: auto) {\n    .govuk-details__summary {\n      // Absolutely position the marker against this element\n      position: relative;\n\n      // Make the focus outline shrink-wrap the text content of the summary\n      width: fit-content;\n\n      // Allow for absolutely positioned marker and align with disclosed text\n      padding-left: govuk-spacing(4) + $govuk-border-width;\n\n      // Style the summary to look like a link...\n      color: $govuk-link-colour;\n      cursor: pointer;\n\n      &:hover {\n        color: $govuk-link-hover-colour;\n      }\n\n      &:focus {\n        @include govuk-focused-text;\n      }\n    }\n    // ...but only underline the text, not the arrow\n    .govuk-details__summary-text {\n      @include govuk-link-decoration;\n    }\n\n    .govuk-details__summary:hover .govuk-details__summary-text {\n      @include govuk-link-hover-decoration;\n    }\n\n    // Remove the underline when focussed to avoid duplicate borders\n    .govuk-details__summary:focus .govuk-details__summary-text {\n      text-decoration: none;\n    }\n\n    // Remove the default details marker so we can style our own consistently and\n    // ensure it displays in Firefox (see implementation.md for details)\n    .govuk-details__summary::-webkit-details-marker {\n      display: none;\n    }\n\n    // Append our own open / closed marker using a pseudo-element\n    .govuk-details__summary::before {\n      content: \"\";\n      position: absolute;\n\n      top: -1px;\n      bottom: 0;\n      left: 0;\n\n      margin: auto;\n\n      @include govuk-shape-arrow($direction: right, $base: 14px);\n\n      .govuk-details[open] > & {\n        @include govuk-shape-arrow($direction: down, $base: 14px);\n      }\n    }\n\n    .govuk-details__text {\n      border-left: $govuk-border-width solid $govuk-border-colour;\n    }\n  }\n}\n"]}
diff --git a/node_modules/govuk-frontend/dist/govuk/components/details/fixtures.json b/node_modules/govuk-frontend/dist/govuk/components/details/fixtures.json
new file mode 100644
index 0000000..cdc8012
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/details/fixtures.json
@@ -0,0 +1,133 @@
+{
+    "component": "details",
+    "fixtures": [
+        {
+            "name": "default",
+            "options": {
+                "summaryText": "Help with nationality",
+                "text": "We need to know your nationality so we can work out which elections you’re entitled to vote in. If you can’t provide your nationality, you’ll have to send copies of identity documents through the post."
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": true,
+            "html": "<details class=\"govuk-details\">\n  <summary class=\"govuk-details__summary\">\n    <span class=\"govuk-details__summary-text\">\n      Help with nationality\n    </span>\n  </summary>\n  <div class=\"govuk-details__text\">\n    We need to know your nationality so we can work out which elections you’re entitled to vote in. If you can’t provide your nationality, you’ll have to send copies of identity documents through the post.\n  </div>\n</details>"
+        },
+        {
+            "name": "expanded",
+            "options": {
+                "id": "help-with-nationality",
+                "summaryText": "Help with nationality",
+                "text": "We need to know your nationality so we can work out which elections you’re entitled to vote in. If you can’t provide your nationality, you’ll have to send copies of identity documents through the post.",
+                "open": true
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": true,
+            "html": "<details id=\"help-with-nationality\" class=\"govuk-details\" open>\n  <summary class=\"govuk-details__summary\">\n    <span class=\"govuk-details__summary-text\">\n      Help with nationality\n    </span>\n  </summary>\n  <div class=\"govuk-details__text\">\n    We need to know your nationality so we can work out which elections you’re entitled to vote in. If you can’t provide your nationality, you’ll have to send copies of identity documents through the post.\n  </div>\n</details>"
+        },
+        {
+            "name": "id",
+            "options": {
+                "id": "my-details-element",
+                "summaryText": "Expand this section",
+                "text": "Here are some more details"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<details id=\"my-details-element\" class=\"govuk-details\">\n  <summary class=\"govuk-details__summary\">\n    <span class=\"govuk-details__summary-text\">\n      Expand this section\n    </span>\n  </summary>\n  <div class=\"govuk-details__text\">\n    Here are some more details\n  </div>\n</details>"
+        },
+        {
+            "name": "html as text",
+            "options": {
+                "summaryText": "Expand this section",
+                "text": "More about the greater than symbol (>)"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<details class=\"govuk-details\">\n  <summary class=\"govuk-details__summary\">\n    <span class=\"govuk-details__summary-text\">\n      Expand this section\n    </span>\n  </summary>\n  <div class=\"govuk-details__text\">\n    More about the greater than symbol (&gt;)\n  </div>\n</details>"
+        },
+        {
+            "name": "html",
+            "options": {
+                "summaryText": "Expand this section",
+                "html": "More about <b>bold text</b>"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<details class=\"govuk-details\">\n  <summary class=\"govuk-details__summary\">\n    <span class=\"govuk-details__summary-text\">\n      Expand this section\n    </span>\n  </summary>\n  <div class=\"govuk-details__text\">\n    More about <b>bold text</b>\n  </div>\n</details>"
+        },
+        {
+            "name": "summary html as text",
+            "options": {
+                "summaryText": "The greater than symbol (>) is the best",
+                "text": "Here are some more details"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<details class=\"govuk-details\">\n  <summary class=\"govuk-details__summary\">\n    <span class=\"govuk-details__summary-text\">\n      The greater than symbol (&gt;) is the best\n    </span>\n  </summary>\n  <div class=\"govuk-details__text\">\n    Here are some more details\n  </div>\n</details>"
+        },
+        {
+            "name": "summary html",
+            "options": {
+                "summaryHtml": "Use <b>bold text</b> sparingly",
+                "text": "Here are some more details"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<details class=\"govuk-details\">\n  <summary class=\"govuk-details__summary\">\n    <span class=\"govuk-details__summary-text\">\n      Use <b>bold text</b> sparingly\n    </span>\n  </summary>\n  <div class=\"govuk-details__text\">\n    Here are some more details\n  </div>\n</details>"
+        },
+        {
+            "name": "classes",
+            "options": {
+                "classes": "some-additional-class",
+                "text": "Here are some more details",
+                "summaryText": "Expand me"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<details class=\"govuk-details some-additional-class\">\n  <summary class=\"govuk-details__summary\">\n    <span class=\"govuk-details__summary-text\">\n      Expand me\n    </span>\n  </summary>\n  <div class=\"govuk-details__text\">\n    Here are some more details\n  </div>\n</details>"
+        },
+        {
+            "name": "attributes",
+            "options": {
+                "text": "Here are some more details",
+                "summaryText": "Expand me",
+                "attributes": {
+                    "data-some-data-attribute": "i-love-data",
+                    "another-attribute": "foo"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<details class=\"govuk-details\" data-some-data-attribute=\"i-love-data\" another-attribute=\"foo\">\n  <summary class=\"govuk-details__summary\">\n    <span class=\"govuk-details__summary-text\">\n      Expand me\n    </span>\n  </summary>\n  <div class=\"govuk-details__text\">\n    Here are some more details\n  </div>\n</details>"
+        },
+        {
+            "name": "with html",
+            "options": {
+                "summaryText": "Where to find your National Insurance Number",
+                "html": "Your National Insurance number can be found on\n<ul>\n  <li>your National Insurance card</li>\n  <li>your payslip</li>\n  <li>P60</li>\n  <li>benefits information</li>\n  <li>tax return</li>\n</ul>\n"
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<details class=\"govuk-details\">\n  <summary class=\"govuk-details__summary\">\n    <span class=\"govuk-details__summary-text\">\n      Where to find your National Insurance Number\n    </span>\n  </summary>\n  <div class=\"govuk-details__text\">\n    Your National Insurance number can be found on\n<ul>\n  <li>your National Insurance card</li>\n  <li>your payslip</li>\n  <li>P60</li>\n  <li>benefits information</li>\n  <li>tax return</li>\n</ul>\n\n  </div>\n</details>"
+        }
+    ]
+}
diff --git a/node_modules/govuk-frontend/dist/govuk/components/details/implementation.md b/node_modules/govuk-frontend/dist/govuk/components/details/implementation.md
new file mode 100644
index 0000000..0d3f646
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/details/implementation.md
@@ -0,0 +1,87 @@
+## Implementation notes
+
+### Styling in older browsers
+
+#### Browsers with support for `type=module`, `<details>` and feature queries
+
+https://browsersl.ist/#q=supports+details+and+supports+css-featurequeries+and+supports+es6-module&region=GB
+
+Previously, we provided a polyfill for older browsers which do not support the
+`<details>` component. Since most browsers now DO support `<details>`, we've
+removed that polyfill, and we need to make sure browsers which don't support
+`<details>` don't use any styles that make them look interactable.
+
+By wrapping these styles in a feature query, we can capture the vast majority of
+browsers which have full support.
+
+#### Browsers that support `type=module` and feature queries but not `<details>`
+
+https://browsersl.ist/#q=supports+es6-module+and+not+supports+details+and+supports+css-featurequeries&region=GB
+
+This only affects Edge 16 - 18. We filter these out of the support query by
+checking for `-ms-ime-align: auto`, which isn't supported by any other browsers.
+
+#### Browsers that support `<details>` but not `type=module` or feature queries
+
+https://browsersl.ist/#q=supports+details+and+not+supports+css-featurequeries+and+not+supports+es6-module&region=GB
+
+These will default to their native styling of the `<details>` element, with a
+few of our spacing and font styles.
+
+#### Browsers which don't support `<details>`, `type=module` or feature queries
+
+https://browsersl.ist/#q=%3E0.0000001%25+and+not+supports+details+and+not+supports+es6-module+and+not+supports+css-featurequeries&region=GB
+
+This is largely IE 8 - 11.
+
+We can account for IE by styling them like inset text, via a `@media screen\0`
+hack that no other browser supports.
+
+#### Browsers that support feature queries, but not `<details>` or `type=module`
+
+https://browsersl.ist/#q=supports+css-featurequeries+and+not+supports+details+and+not+supports+es6-module&region=GB
+
+This is the only gap, as these browsers will get styled to look interactable,
+even though they aren't. This is largely Opera Mini.
+
+### Marker styling
+
+Firefox uses display: list-item to show the arrow marker for the summary
+element.
+
+Unfortunately we want to use `display: inline-block` to 'shrink-wrap' the focus
+outline around the summary text, which means that the arrow no longer shows up.
+
+Previously in GOV.UK Elements we resolved this by targeting Firefox specifically
+and reverting to `display: list-item`:
+
+```scss
+@-moz-document regexp(".*") {
+  details summary:not([tabindex]) {
+    // Allow duplicate properties, override the summary display property
+    // scss-lint:disable DuplicateProperty
+    display: list-item;
+    display: revert;
+  }
+}
+```
+
+However, `@-moz-document` has been removed in Firefox nightly as of 29th Nov
+2017 so with this in mind we have taken a different approach, hiding the
+browser's marker and injecting and styling our own one across all browsers
+instead.
+
+This also gives us more control over the styling of the marker, allowing us for
+example to align the summary and disclosed text correctly across all browsers.
+
+The downside of this approach is that older browsers that require a polyfill for
+the details element will display the marker even when Javascript is disabled.
+Whilst this is not perfect, it is a cosmetic issue and the user will still be
+able to access the disclosed content.
+
+For the arrows themselves, we originally tried using unicode glyphs –
+specifically \25B6 (Black right-pointing triangle) and 25BC (Black down-pointing
+triangle) but Android insists on substituting the the former for an emoji even
+when the \00FE0E modifier is applied. Sad face.
+
+Hence the border-based triangles we are using today.
diff --git a/node_modules/govuk-frontend/dist/govuk/components/details/macro-options.json b/node_modules/govuk-frontend/dist/govuk/components/details/macro-options.json
new file mode 100644
index 0000000..a103784
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/details/macro-options.json
@@ -0,0 +1,56 @@
+[
+    {
+        "name": "summaryText",
+        "type": "string",
+        "required": true,
+        "description": "If `summmaryHtml` is set, this is not required. Text to use within the summary element (the visible part of the details element). If `summaryHtml` is provided, the `summaryText` option will be ignored."
+    },
+    {
+        "name": "summaryHtml",
+        "type": "string",
+        "required": true,
+        "description": "If `summmaryText` is set, this is not required. HTML to use within the summary element (the visible part of the details element). If `summaryHtml` is provided, the `summaryText` option will be ignored."
+    },
+    {
+        "name": "text",
+        "type": "string",
+        "required": true,
+        "description": "If `html` is set, this is not required. Text to use within the disclosed part of the details element. If `html` is provided, the `text` option will be ignored."
+    },
+    {
+        "name": "html",
+        "type": "string",
+        "required": true,
+        "description": "If `text` is set, this is not required. HTML to use within the disclosed part of the details element. If `html` is provided, the `text` option will be ignored."
+    },
+    {
+        "name": "caller",
+        "type": "nunjucks-block",
+        "required": false,
+        "description": "Not strictly a parameter but [Nunjucks code convention](https://mozilla.github.io/nunjucks/templating.html#call). Using a `call` block enables you to call a macro with all the text inside the tag. This is helpful if you want to pass a lot of content into a macro. To use it, you will need to wrap the entire details component in a `call` block."
+    },
+    {
+        "name": "id",
+        "type": "string",
+        "required": false,
+        "description": "ID to add to the details element."
+    },
+    {
+        "name": "open",
+        "type": "boolean",
+        "required": false,
+        "description": "If `true`, details element will be expanded."
+    },
+    {
+        "name": "classes",
+        "type": "string",
+        "required": false,
+        "description": "Classes to add to the `<details>` element."
+    },
+    {
+        "name": "attributes",
+        "type": "object",
+        "required": false,
+        "description": "HTML attributes (for example data attributes) to add to the `<details>` element."
+    }
+]
diff --git a/node_modules/govuk-frontend/dist/govuk/components/details/macro.njk b/node_modules/govuk-frontend/dist/govuk/components/details/macro.njk
new file mode 100644
index 0000000..e539699
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/details/macro.njk
@@ -0,0 +1,3 @@
+{% macro govukDetails(params) %}
+  {%- include "./template.njk" -%}
+{% endmacro %}
diff --git a/node_modules/govuk-frontend/dist/govuk/components/details/template-default.html b/node_modules/govuk-frontend/dist/govuk/components/details/template-default.html
new file mode 100644
index 0000000..c267b0b
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/details/template-default.html
@@ -0,0 +1,10 @@
+<details class="govuk-details">
+  <summary class="govuk-details__summary">
+    <span class="govuk-details__summary-text">
+      Help with nationality
+    </span>
+  </summary>
+  <div class="govuk-details__text">
+    We need to know your nationality so we can work out which elections you’re entitled to vote in. If you can’t provide your nationality, you’ll have to send copies of identity documents through the post.
+  </div>
+</details>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/details/template-expanded.html b/node_modules/govuk-frontend/dist/govuk/components/details/template-expanded.html
new file mode 100644
index 0000000..fbd18a7
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/details/template-expanded.html
@@ -0,0 +1,10 @@
+<details id="help-with-nationality" class="govuk-details" open>
+  <summary class="govuk-details__summary">
+    <span class="govuk-details__summary-text">
+      Help with nationality
+    </span>
+  </summary>
+  <div class="govuk-details__text">
+    We need to know your nationality so we can work out which elections you’re entitled to vote in. If you can’t provide your nationality, you’ll have to send copies of identity documents through the post.
+  </div>
+</details>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/details/template-with-html.html b/node_modules/govuk-frontend/dist/govuk/components/details/template-with-html.html
new file mode 100644
index 0000000..bd5dd1f
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/details/template-with-html.html
@@ -0,0 +1,18 @@
+<details class="govuk-details">
+  <summary class="govuk-details__summary">
+    <span class="govuk-details__summary-text">
+      Where to find your National Insurance Number
+    </span>
+  </summary>
+  <div class="govuk-details__text">
+    Your National Insurance number can be found on
+<ul>
+  <li>your National Insurance card</li>
+  <li>your payslip</li>
+  <li>P60</li>
+  <li>benefits information</li>
+  <li>tax return</li>
+</ul>
+
+  </div>
+</details>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/details/template.njk b/node_modules/govuk-frontend/dist/govuk/components/details/template.njk
new file mode 100644
index 0000000..6f80541
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/details/template.njk
@@ -0,0 +1,14 @@
+{% from "../../macros/attributes.njk" import govukAttributes -%}
+
+<details {%- if params.id %} id="{{ params.id }}"{% endif %} class="govuk-details {%- if params.classes %} {{ params.classes }}{% endif %}"
+  {{- govukAttributes(params.attributes) -}}
+  {{- " open" if params.open }}>
+  <summary class="govuk-details__summary">
+    <span class="govuk-details__summary-text">
+      {{ params.summaryHtml | safe | trim | indent(6) if params.summaryHtml else params.summaryText }}
+    </span>
+  </summary>
+  <div class="govuk-details__text">
+    {{ caller() if caller else (params.html | safe if params.html else params.text) }}
+  </div>
+</details>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/error-message/README.md b/node_modules/govuk-frontend/dist/govuk/components/error-message/README.md
new file mode 100644
index 0000000..01f5aff
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/error-message/README.md
@@ -0,0 +1,15 @@
+# Error message
+
+## Installation
+
+See the [main README quick start guide](https://github.com/alphagov/govuk-frontend#quick-start) for how to install this component.
+
+## Guidance and Examples
+
+Find out when to use the error message component in your service in the [GOV.UK Design System](https://design-system.service.gov.uk/components/error-message).
+
+## Component options
+
+Use options to customise the appearance, content and behaviour of a component when using a macro, for example, changing the text.
+
+See [options table](https://design-system.service.gov.uk/components/error-message/#options-error-message-example) for details.
diff --git a/node_modules/govuk-frontend/dist/govuk/components/error-message/_error-message.scss b/node_modules/govuk-frontend/dist/govuk/components/error-message/_error-message.scss
new file mode 100644
index 0000000..76d89f0
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/error-message/_error-message.scss
@@ -0,0 +1,4 @@
+@import "../../base";
+@import "./index";
+
+/*# sourceMappingURL=_error-message.scss.map */
diff --git a/node_modules/govuk-frontend/dist/govuk/components/error-message/_error-message.scss.map b/node_modules/govuk-frontend/dist/govuk/components/error-message/_error-message.scss.map
new file mode 100644
index 0000000..bf41e8a
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/error-message/_error-message.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/error-message/_error-message.scss"],"names":[],"mappings":"AAAA,oBAAoB;AACpB,iBAAiB","file":"_error-message.scss","sourcesContent":["@import \"../../base\";\n@import \"./index\";\n"]}
diff --git a/node_modules/govuk-frontend/dist/govuk/components/error-message/_index.scss b/node_modules/govuk-frontend/dist/govuk/components/error-message/_index.scss
new file mode 100644
index 0000000..81c7737
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/error-message/_index.scss
@@ -0,0 +1,14 @@
+@include govuk-exports("govuk/component/error-message") {
+  .govuk-error-message {
+    @include govuk-font($size: 19, $weight: bold);
+
+    display: block;
+    margin-top: 0; // Reset any default browser margins for paragraphs
+    margin-bottom: govuk-spacing(3);
+    clear: both;
+
+    color: $govuk-error-colour;
+  }
+}
+
+/*# sourceMappingURL=_index.scss.map */
diff --git a/node_modules/govuk-frontend/dist/govuk/components/error-message/_index.scss.map b/node_modules/govuk-frontend/dist/govuk/components/error-message/_index.scss.map
new file mode 100644
index 0000000..4745be8
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/error-message/_index.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/error-message/_index.scss"],"names":[],"mappings":"AAAA;EACE;IACE,6CAA6C;;IAE7C,cAAc;IACd,aAAa,EAAE,kDAAkD;IACjE,+BAA+B;IAC/B,WAAW;;IAEX,0BAA0B;EAC5B;AACF","file":"_index.scss","sourcesContent":["@include govuk-exports(\"govuk/component/error-message\") {\n  .govuk-error-message {\n    @include govuk-font($size: 19, $weight: bold);\n\n    display: block;\n    margin-top: 0; // Reset any default browser margins for paragraphs\n    margin-bottom: govuk-spacing(3);\n    clear: both;\n\n    color: $govuk-error-colour;\n  }\n}\n"]}
diff --git a/node_modules/govuk-frontend/dist/govuk/components/error-message/fixtures.json b/node_modules/govuk-frontend/dist/govuk/components/error-message/fixtures.json
new file mode 100644
index 0000000..a38056c
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/error-message/fixtures.json
@@ -0,0 +1,113 @@
+{
+    "component": "error-message",
+    "fixtures": [
+        {
+            "name": "default",
+            "options": {
+                "text": "Error message about full name goes here"
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": true,
+            "html": "<p class=\"govuk-error-message\">\n  <span class=\"govuk-visually-hidden\">Error:</span> Error message about full name goes here\n</p>"
+        },
+        {
+            "name": "translated",
+            "options": {
+                "visuallyHiddenText": "",
+                "html": "<span class=\"govuk-visually-hidden\">Gwall:</span> Neges gwall am yr enw llawn yn mynd yma"
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<p class=\"govuk-error-message\">\n  <span class=\"govuk-visually-hidden\">Gwall:</span> Neges gwall am yr enw llawn yn mynd yma\n</p>"
+        },
+        {
+            "name": "id",
+            "options": {
+                "id": "my-error-message-id",
+                "text": "This is an error message"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<p id=\"my-error-message-id\" class=\"govuk-error-message\">\n  <span class=\"govuk-visually-hidden\">Error:</span> This is an error message\n</p>"
+        },
+        {
+            "name": "classes",
+            "options": {
+                "classes": "custom-class",
+                "text": "This is an error message"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<p class=\"govuk-error-message custom-class\">\n  <span class=\"govuk-visually-hidden\">Error:</span> This is an error message\n</p>"
+        },
+        {
+            "name": "html as text",
+            "options": {
+                "text": "Unexpected > in body"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<p class=\"govuk-error-message\">\n  <span class=\"govuk-visually-hidden\">Error:</span> Unexpected &gt; in body\n</p>"
+        },
+        {
+            "name": "html",
+            "options": {
+                "html": "Unexpected <b>bold text</b> in body copy"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<p class=\"govuk-error-message\">\n  <span class=\"govuk-visually-hidden\">Error:</span> Unexpected <b>bold text</b> in body copy\n</p>"
+        },
+        {
+            "name": "attributes",
+            "options": {
+                "text": "This is an error message",
+                "attributes": {
+                    "data-test": "attribute",
+                    "id": "my-error-message"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<p class=\"govuk-error-message\" data-test=\"attribute\" id=\"my-error-message\">\n  <span class=\"govuk-visually-hidden\">Error:</span> This is an error message\n</p>"
+        },
+        {
+            "name": "with visually hidden text",
+            "options": {
+                "text": "Rhowch eich enw llawn",
+                "visuallyHiddenText": "Gwall"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<p class=\"govuk-error-message\">\n  <span class=\"govuk-visually-hidden\">Gwall:</span> Rhowch eich enw llawn\n</p>"
+        },
+        {
+            "name": "visually hidden text removed",
+            "options": {
+                "text": "There is an error on line 42",
+                "visuallyHiddenText": ""
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<p class=\"govuk-error-message\">\n  There is an error on line 42\n</p>"
+        }
+    ]
+}
diff --git a/node_modules/govuk-frontend/dist/govuk/components/error-message/macro-options.json b/node_modules/govuk-frontend/dist/govuk/components/error-message/macro-options.json
new file mode 100644
index 0000000..6bf936e
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/error-message/macro-options.json
@@ -0,0 +1,38 @@
+[
+    {
+        "name": "text",
+        "type": "string",
+        "required": true,
+        "description": "If `html` is set, this is not required. Text to use within the error message. If `html` is provided, the `text` option will be ignored."
+    },
+    {
+        "name": "html",
+        "type": "string",
+        "required": true,
+        "description": "If `text` is set, this is not required. HTML to use within the error message. If `html` is provided, the `text` option will be ignored."
+    },
+    {
+        "name": "id",
+        "type": "string",
+        "required": false,
+        "description": "ID attribute to add to the error message `<p>` tag."
+    },
+    {
+        "name": "classes",
+        "type": "string",
+        "required": false,
+        "description": "Classes to add to the error message `<p>` tag."
+    },
+    {
+        "name": "attributes",
+        "type": "object",
+        "required": false,
+        "description": "HTML attributes (for example data attributes) to add to the error message `<p>` tag."
+    },
+    {
+        "name": "visuallyHiddenText",
+        "type": "string",
+        "required": false,
+        "description": "A visually hidden prefix used before the error message. Defaults to `\"Error\"`."
+    }
+]
diff --git a/node_modules/govuk-frontend/dist/govuk/components/error-message/macro.njk b/node_modules/govuk-frontend/dist/govuk/components/error-message/macro.njk
new file mode 100644
index 0000000..053b23b
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/error-message/macro.njk
@@ -0,0 +1,3 @@
+{% macro govukErrorMessage(params) %}
+  {%- include "./template.njk" -%}
+{% endmacro %}
diff --git a/node_modules/govuk-frontend/dist/govuk/components/error-message/template-default.html b/node_modules/govuk-frontend/dist/govuk/components/error-message/template-default.html
new file mode 100644
index 0000000..d2c6ace
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/error-message/template-default.html
@@ -0,0 +1,3 @@
+<p class="govuk-error-message">
+  <span class="govuk-visually-hidden">Error:</span> Error message about full name goes here
+</p>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/error-message/template-translated.html b/node_modules/govuk-frontend/dist/govuk/components/error-message/template-translated.html
new file mode 100644
index 0000000..2388ed7
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/error-message/template-translated.html
@@ -0,0 +1,3 @@
+<p class="govuk-error-message">
+  <span class="govuk-visually-hidden">Gwall:</span> Neges gwall am yr enw llawn yn mynd yma
+</p>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/error-message/template.njk b/node_modules/govuk-frontend/dist/govuk/components/error-message/template.njk
new file mode 100644
index 0000000..9503dfd
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/error-message/template.njk
@@ -0,0 +1,13 @@
+{% from "../../macros/attributes.njk" import govukAttributes -%}
+
+{% set visuallyHiddenText = params.visuallyHiddenText | default("Error") -%}
+{% set errorMessageText = params.html | safe | trim | indent(2) if params.html else params.text -%}
+
+<p {%- if params.id %} id="{{ params.id }}"{% endif %} class="govuk-error-message {%- if params.classes %} {{ params.classes }}{% endif %}"
+  {{- govukAttributes(params.attributes) }}>
+  {% if visuallyHiddenText %}
+  <span class="govuk-visually-hidden">{{ visuallyHiddenText }}:</span> {{ errorMessageText }}
+  {% else %}
+  {{ errorMessageText }}
+  {% endif %}
+</p>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/error-summary/README.md b/node_modules/govuk-frontend/dist/govuk/components/error-summary/README.md
new file mode 100644
index 0000000..f164335
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/error-summary/README.md
@@ -0,0 +1,15 @@
+# Error summary
+
+## Installation
+
+See the [main README quick start guide](https://github.com/alphagov/govuk-frontend#quick-start) for how to install this component.
+
+## Guidance and Examples
+
+Find out when to use the error summary component in your service in the [GOV.UK Design System](https://design-system.service.gov.uk/components/error-summary).
+
+## Component options
+
+Use options to customise the appearance, content and behaviour of a component when using a macro, for example, changing the text.
+
+See [options table](https://design-system.service.gov.uk/components/error-summary/#options-error-summary-example) for details.
diff --git a/node_modules/govuk-frontend/dist/govuk/components/error-summary/_error-summary.scss b/node_modules/govuk-frontend/dist/govuk/components/error-summary/_error-summary.scss
new file mode 100644
index 0000000..128abc2
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/error-summary/_error-summary.scss
@@ -0,0 +1,4 @@
+@import "../../base";
+@import "./index";
+
+/*# sourceMappingURL=_error-summary.scss.map */
diff --git a/node_modules/govuk-frontend/dist/govuk/components/error-summary/_error-summary.scss.map b/node_modules/govuk-frontend/dist/govuk/components/error-summary/_error-summary.scss.map
new file mode 100644
index 0000000..b6fa9a3
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/error-summary/_error-summary.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/error-summary/_error-summary.scss"],"names":[],"mappings":"AAAA,oBAAoB;AACpB,iBAAiB","file":"_error-summary.scss","sourcesContent":["@import \"../../base\";\n@import \"./index\";\n"]}
diff --git a/node_modules/govuk-frontend/dist/govuk/components/error-summary/_index.scss b/node_modules/govuk-frontend/dist/govuk/components/error-summary/_index.scss
new file mode 100644
index 0000000..69bdbaf
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/error-summary/_index.scss
@@ -0,0 +1,56 @@
+@import "../../core/lists";
+
+@include govuk-exports("govuk/component/error-summary") {
+  .govuk-error-summary {
+    @include govuk-font($size: 19);
+    @include govuk-text-colour;
+    @include govuk-responsive-padding(4);
+    @include govuk-responsive-margin(8, "bottom");
+
+    border: $govuk-border-width solid $govuk-error-colour;
+
+    &:focus {
+      outline: $govuk-focus-width solid $govuk-focus-colour;
+    }
+  }
+
+  .govuk-error-summary__title {
+    @include govuk-font-size($size: 24);
+    @include govuk-typography-weight-bold;
+
+    margin-top: 0;
+    @include govuk-responsive-margin(4, "bottom");
+  }
+
+  .govuk-error-summary__body {
+    p {
+      margin-bottom: 0;
+    }
+
+    > * + * {
+      @include govuk-responsive-margin(4, "top");
+    }
+
+    > :last-child {
+      @include govuk-responsive-margin(1, "bottom");
+    }
+  }
+
+  // Cross-component class - adjusts styling of list component
+  .govuk-error-summary__list {
+    margin-bottom: 0;
+  }
+
+  // Remove the bottom margin from the last list item
+  .govuk-error-summary__list li:last-child {
+    margin-bottom: 0;
+  }
+
+  .govuk-error-summary__list a {
+    @include govuk-typography-weight-bold;
+    @include govuk-link-common;
+    @include govuk-link-style-error;
+  }
+}
+
+/*# sourceMappingURL=_index.scss.map */
diff --git a/node_modules/govuk-frontend/dist/govuk/components/error-summary/_index.scss.map b/node_modules/govuk-frontend/dist/govuk/components/error-summary/_index.scss.map
new file mode 100644
index 0000000..c86d1b1
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/error-summary/_index.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/error-summary/_index.scss"],"names":[],"mappings":"AAAA,0BAA0B;;AAE1B;EACE;IACE,8BAA8B;IAC9B,0BAA0B;IAC1B,oCAAoC;IACpC,6CAA6C;;IAE7C,qDAAqD;;IAErD;MACE,qDAAqD;IACvD;EACF;;EAEA;IACE,mCAAmC;IACnC,qCAAqC;;IAErC,aAAa;IACb,6CAA6C;EAC/C;;EAEA;IACE;MACE,gBAAgB;IAClB;;IAEA;MACE,0CAA0C;IAC5C;;IAEA;MACE,6CAA6C;IAC/C;EACF;;EAEA,2DAA2D;EAC3D;IACE,gBAAgB;EAClB;;EAEA,kDAAkD;EAClD;IACE,gBAAgB;EAClB;;EAEA;IACE,qCAAqC;IACrC,0BAA0B;IAC1B,+BAA+B;EACjC;AACF","file":"_index.scss","sourcesContent":["@import \"../../core/lists\";\n\n@include govuk-exports(\"govuk/component/error-summary\") {\n  .govuk-error-summary {\n    @include govuk-font($size: 19);\n    @include govuk-text-colour;\n    @include govuk-responsive-padding(4);\n    @include govuk-responsive-margin(8, \"bottom\");\n\n    border: $govuk-border-width solid $govuk-error-colour;\n\n    &:focus {\n      outline: $govuk-focus-width solid $govuk-focus-colour;\n    }\n  }\n\n  .govuk-error-summary__title {\n    @include govuk-font-size($size: 24);\n    @include govuk-typography-weight-bold;\n\n    margin-top: 0;\n    @include govuk-responsive-margin(4, \"bottom\");\n  }\n\n  .govuk-error-summary__body {\n    p {\n      margin-bottom: 0;\n    }\n\n    > * + * {\n      @include govuk-responsive-margin(4, \"top\");\n    }\n\n    > :last-child {\n      @include govuk-responsive-margin(1, \"bottom\");\n    }\n  }\n\n  // Cross-component class - adjusts styling of list component\n  .govuk-error-summary__list {\n    margin-bottom: 0;\n  }\n\n  // Remove the bottom margin from the last list item\n  .govuk-error-summary__list li:last-child {\n    margin-bottom: 0;\n  }\n\n  .govuk-error-summary__list a {\n    @include govuk-typography-weight-bold;\n    @include govuk-link-common;\n    @include govuk-link-style-error;\n  }\n}\n"]}
diff --git a/node_modules/govuk-frontend/dist/govuk/components/error-summary/error-summary.bundle.js b/node_modules/govuk-frontend/dist/govuk/components/error-summary/error-summary.bundle.js
new file mode 100644
index 0000000..f6992a3
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/error-summary/error-summary.bundle.js
@@ -0,0 +1,419 @@
+(function (global, factory) {
+  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports) :
+  typeof define === 'function' && define.amd ? define(['exports'], factory) :
+  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.GOVUKFrontend = global.GOVUKFrontend || {}));
+})(this, (function (exports) { 'use strict';
+
+  function setFocus($element, options = {}) {
+    var _options$onBeforeFocu;
+    const isFocusable = $element.getAttribute('tabindex');
+    if (!isFocusable) {
+      $element.setAttribute('tabindex', '-1');
+    }
+    function onFocus() {
+      $element.addEventListener('blur', onBlur, {
+        once: true
+      });
+    }
+    function onBlur() {
+      var _options$onBlur;
+      (_options$onBlur = options.onBlur) == null || _options$onBlur.call($element);
+      if (!isFocusable) {
+        $element.removeAttribute('tabindex');
+      }
+    }
+    $element.addEventListener('focus', onFocus, {
+      once: true
+    });
+    (_options$onBeforeFocu = options.onBeforeFocus) == null || _options$onBeforeFocu.call($element);
+    $element.focus();
+  }
+  function isInitialised($root, moduleName) {
+    return $root instanceof HTMLElement && $root.hasAttribute(`data-${moduleName}-init`);
+  }
+
+  /**
+   * Checks if GOV.UK Frontend is supported on this page
+   *
+   * Some browsers will load and run our JavaScript but GOV.UK Frontend
+   * won't be supported.
+   *
+   * @param {HTMLElement | null} [$scope] - (internal) `<body>` HTML element checked for browser support
+   * @returns {boolean} Whether GOV.UK Frontend is supported on this page
+   */
+  function isSupported($scope = document.body) {
+    if (!$scope) {
+      return false;
+    }
+    return $scope.classList.contains('govuk-frontend-supported');
+  }
+  function isArray(option) {
+    return Array.isArray(option);
+  }
+  function isObject(option) {
+    return !!option && typeof option === 'object' && !isArray(option);
+  }
+  function formatErrorMessage(Component, message) {
+    return `${Component.moduleName}: ${message}`;
+  }
+  /**
+   * @typedef ComponentWithModuleName
+   * @property {string} moduleName - Name of the component
+   */
+
+  class GOVUKFrontendError extends Error {
+    constructor(...args) {
+      super(...args);
+      this.name = 'GOVUKFrontendError';
+    }
+  }
+  class SupportError extends GOVUKFrontendError {
+    /**
+     * Checks if GOV.UK Frontend is supported on this page
+     *
+     * @param {HTMLElement | null} [$scope] - HTML element `<body>` checked for browser support
+     */
+    constructor($scope = document.body) {
+      const supportMessage = 'noModule' in HTMLScriptElement.prototype ? 'GOV.UK Frontend initialised without `<body class="govuk-frontend-supported">` from template `<script>` snippet' : 'GOV.UK Frontend is not supported in this browser';
+      super($scope ? supportMessage : 'GOV.UK Frontend initialised without `<script type="module">`');
+      this.name = 'SupportError';
+    }
+  }
+  class ConfigError extends GOVUKFrontendError {
+    constructor(...args) {
+      super(...args);
+      this.name = 'ConfigError';
+    }
+  }
+  class ElementError extends GOVUKFrontendError {
+    constructor(messageOrOptions) {
+      let message = typeof messageOrOptions === 'string' ? messageOrOptions : '';
+      if (isObject(messageOrOptions)) {
+        const {
+          component,
+          identifier,
+          element,
+          expectedType
+        } = messageOrOptions;
+        message = identifier;
+        message += element ? ` is not of type ${expectedType != null ? expectedType : 'HTMLElement'}` : ' not found';
+        if (component) {
+          message = formatErrorMessage(component, message);
+        }
+      }
+      super(message);
+      this.name = 'ElementError';
+    }
+  }
+  class InitError extends GOVUKFrontendError {
+    constructor(componentOrMessage) {
+      const message = typeof componentOrMessage === 'string' ? componentOrMessage : formatErrorMessage(componentOrMessage, `Root element (\`$root\`) already initialised`);
+      super(message);
+      this.name = 'InitError';
+    }
+  }
+  /**
+   * @import { ComponentWithModuleName } from '../common/index.mjs'
+   */
+
+  class Component {
+    /**
+     * Returns the root element of the component
+     *
+     * @protected
+     * @returns {RootElementType} - the root element of component
+     */
+    get $root() {
+      return this._$root;
+    }
+    constructor($root) {
+      this._$root = void 0;
+      const childConstructor = this.constructor;
+      if (typeof childConstructor.moduleName !== 'string') {
+        throw new InitError(`\`moduleName\` not defined in component`);
+      }
+      if (!($root instanceof childConstructor.elementType)) {
+        throw new ElementError({
+          element: $root,
+          component: childConstructor,
+          identifier: 'Root element (`$root`)',
+          expectedType: childConstructor.elementType.name
+        });
+      } else {
+        this._$root = $root;
+      }
+      childConstructor.checkSupport();
+      this.checkInitialised();
+      const moduleName = childConstructor.moduleName;
+      this.$root.setAttribute(`data-${moduleName}-init`, '');
+    }
+    checkInitialised() {
+      const constructor = this.constructor;
+      const moduleName = constructor.moduleName;
+      if (moduleName && isInitialised(this.$root, moduleName)) {
+        throw new InitError(constructor);
+      }
+    }
+    static checkSupport() {
+      if (!isSupported()) {
+        throw new SupportError();
+      }
+    }
+  }
+
+  /**
+   * @typedef ChildClass
+   * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component
+   */
+
+  /**
+   * @typedef {typeof Component & ChildClass} ChildClassConstructor
+   */
+  Component.elementType = HTMLElement;
+
+  const configOverride = Symbol.for('configOverride');
+  class ConfigurableComponent extends Component {
+    [configOverride](param) {
+      return {};
+    }
+
+    /**
+     * Returns the root element of the component
+     *
+     * @protected
+     * @returns {ConfigurationType} - the root element of component
+     */
+    get config() {
+      return this._config;
+    }
+    constructor($root, config) {
+      super($root);
+      this._config = void 0;
+      const childConstructor = this.constructor;
+      if (!isObject(childConstructor.defaults)) {
+        throw new ConfigError(formatErrorMessage(childConstructor, 'Config passed as parameter into constructor but no defaults defined'));
+      }
+      const datasetConfig = normaliseDataset(childConstructor, this._$root.dataset);
+      this._config = mergeConfigs(childConstructor.defaults, config != null ? config : {}, this[configOverride](datasetConfig), datasetConfig);
+    }
+  }
+  function normaliseString(value, property) {
+    const trimmedValue = value ? value.trim() : '';
+    let output;
+    let outputType = property == null ? void 0 : property.type;
+    if (!outputType) {
+      if (['true', 'false'].includes(trimmedValue)) {
+        outputType = 'boolean';
+      }
+      if (trimmedValue.length > 0 && isFinite(Number(trimmedValue))) {
+        outputType = 'number';
+      }
+    }
+    switch (outputType) {
+      case 'boolean':
+        output = trimmedValue === 'true';
+        break;
+      case 'number':
+        output = Number(trimmedValue);
+        break;
+      default:
+        output = value;
+    }
+    return output;
+  }
+  function normaliseDataset(Component, dataset) {
+    if (!isObject(Component.schema)) {
+      throw new ConfigError(formatErrorMessage(Component, 'Config passed as parameter into constructor but no schema defined'));
+    }
+    const out = {};
+    const entries = Object.entries(Component.schema.properties);
+    for (const entry of entries) {
+      const [namespace, property] = entry;
+      const field = namespace.toString();
+      if (field in dataset) {
+        out[field] = normaliseString(dataset[field], property);
+      }
+      if ((property == null ? void 0 : property.type) === 'object') {
+        out[field] = extractConfigByNamespace(Component.schema, dataset, namespace);
+      }
+    }
+    return out;
+  }
+  function mergeConfigs(...configObjects) {
+    const formattedConfigObject = {};
+    for (const configObject of configObjects) {
+      for (const key of Object.keys(configObject)) {
+        const option = formattedConfigObject[key];
+        const override = configObject[key];
+        if (isObject(option) && isObject(override)) {
+          formattedConfigObject[key] = mergeConfigs(option, override);
+        } else {
+          formattedConfigObject[key] = override;
+        }
+      }
+    }
+    return formattedConfigObject;
+  }
+  function extractConfigByNamespace(schema, dataset, namespace) {
+    const property = schema.properties[namespace];
+    if ((property == null ? void 0 : property.type) !== 'object') {
+      return;
+    }
+    const newObject = {
+      [namespace]: {}
+    };
+    for (const [key, value] of Object.entries(dataset)) {
+      let current = newObject;
+      const keyParts = key.split('.');
+      for (const [index, name] of keyParts.entries()) {
+        if (isObject(current)) {
+          if (index < keyParts.length - 1) {
+            if (!isObject(current[name])) {
+              current[name] = {};
+            }
+            current = current[name];
+          } else if (key !== namespace) {
+            current[name] = normaliseString(value);
+          }
+        }
+      }
+    }
+    return newObject[namespace];
+  }
+  /**
+   * Schema for component config
+   *
+   * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType
+   * @typedef {object} Schema
+   * @property {Record<keyof ConfigurationType, SchemaProperty | undefined>} properties - Schema properties
+   * @property {SchemaCondition<ConfigurationType>[]} [anyOf] - List of schema conditions
+   */
+  /**
+   * Schema property for component config
+   *
+   * @typedef {object} SchemaProperty
+   * @property {'string' | 'boolean' | 'number' | 'object'} type - Property type
+   */
+  /**
+   * Schema condition for component config
+   *
+   * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType
+   * @typedef {object} SchemaCondition
+   * @property {(keyof ConfigurationType)[]} required - List of required config fields
+   * @property {string} errorMessage - Error message when required config fields not provided
+   */
+  /**
+   * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]
+   * @typedef ChildClass
+   * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component
+   * @property {Schema<ConfigurationType>} [schema] - The schema of the component configuration
+   * @property {ConfigurationType} [defaults] - The default values of the configuration of the component
+   */
+  /**
+   * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]
+   * @typedef {typeof Component & ChildClass<ConfigurationType>} ChildClassConstructor<ConfigurationType>
+   */
+  /**
+   * @import { CompatibleClass, Config, CreateAllOptions, OnErrorCallback } from '../init.mjs'
+   */
+
+  /**
+   * Error summary component
+   *
+   * Takes focus on initialisation for accessible announcement, unless disabled in
+   * configuration.
+   *
+   * @preserve
+   * @augments ConfigurableComponent<ErrorSummaryConfig>
+   */
+  class ErrorSummary extends ConfigurableComponent {
+    /**
+     * @param {Element | null} $root - HTML element to use for error summary
+     * @param {ErrorSummaryConfig} [config] - Error summary config
+     */
+    constructor($root, config = {}) {
+      super($root, config);
+      if (!this.config.disableAutoFocus) {
+        setFocus(this.$root);
+      }
+      this.$root.addEventListener('click', event => this.handleClick(event));
+    }
+    handleClick(event) {
+      const $target = event.target;
+      if ($target && this.focusTarget($target)) {
+        event.preventDefault();
+      }
+    }
+    focusTarget($target) {
+      if (!($target instanceof HTMLAnchorElement)) {
+        return false;
+      }
+      const inputId = $target.hash.replace('#', '');
+      if (!inputId) {
+        return false;
+      }
+      const $input = document.getElementById(inputId);
+      if (!$input) {
+        return false;
+      }
+      const $legendOrLabel = this.getAssociatedLegendOrLabel($input);
+      if (!$legendOrLabel) {
+        return false;
+      }
+      $legendOrLabel.scrollIntoView();
+      $input.focus({
+        preventScroll: true
+      });
+      return true;
+    }
+    getAssociatedLegendOrLabel($input) {
+      var _document$querySelect;
+      const $fieldset = $input.closest('fieldset');
+      if ($fieldset) {
+        const $legends = $fieldset.getElementsByTagName('legend');
+        if ($legends.length) {
+          const $candidateLegend = $legends[0];
+          if ($input instanceof HTMLInputElement && ($input.type === 'checkbox' || $input.type === 'radio')) {
+            return $candidateLegend;
+          }
+          const legendTop = $candidateLegend.getBoundingClientRect().top;
+          const inputRect = $input.getBoundingClientRect();
+          if (inputRect.height && window.innerHeight) {
+            const inputBottom = inputRect.top + inputRect.height;
+            if (inputBottom - legendTop < window.innerHeight / 2) {
+              return $candidateLegend;
+            }
+          }
+        }
+      }
+      return (_document$querySelect = document.querySelector(`label[for='${$input.getAttribute('id')}']`)) != null ? _document$querySelect : $input.closest('label');
+    }
+  }
+
+  /**
+   * Error summary config
+   *
+   * @typedef {object} ErrorSummaryConfig
+   * @property {boolean} [disableAutoFocus=false] - If set to `true` the error
+   *   summary will not be focussed when the page loads.
+   */
+
+  /**
+   * @import { Schema } from '../../common/configuration.mjs'
+   */
+  ErrorSummary.moduleName = 'govuk-error-summary';
+  ErrorSummary.defaults = Object.freeze({
+    disableAutoFocus: false
+  });
+  ErrorSummary.schema = Object.freeze({
+    properties: {
+      disableAutoFocus: {
+        type: 'boolean'
+      }
+    }
+  });
+
+  exports.ErrorSummary = ErrorSummary;
+
+}));
+//# sourceMappingURL=error-summary.bundle.js.map
diff --git a/node_modules/govuk-frontend/dist/govuk/components/error-summary/error-summary.bundle.js.map b/node_modules/govuk-frontend/dist/govuk/components/error-summary/error-summary.bundle.js.map
new file mode 100644
index 0000000..a087224
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/error-summary/error-summary.bundle.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"error-summary.bundle.js","sources":["../../../../src/govuk/common/index.mjs","../../../../src/govuk/errors/index.mjs","../../../../src/govuk/component.mjs","../../../../src/govuk/common/configuration.mjs","../../../../src/govuk/components/error-summary/error-summary.mjs"],"sourcesContent":["/**\n * Common helpers which do not require polyfill.\n *\n * IMPORTANT: If a helper require a polyfill, please isolate it in its own module\n * so that the polyfill can be properly tree-shaken and does not burden\n * the components that do not need that helper\n */\n\n/**\n * Get GOV.UK Frontend breakpoint value from CSS custom property\n *\n * @private\n * @param {string} name - Breakpoint name\n * @returns {{ property: string, value?: string }} Breakpoint object\n */\nexport function getBreakpoint(name) {\n  const property = `--govuk-breakpoint-${name}`\n\n  // Get value from `<html>` with breakpoints on CSS :root\n  const value = window\n    .getComputedStyle(document.documentElement)\n    .getPropertyValue(property)\n\n  return {\n    property,\n    value: value || undefined\n  }\n}\n\n/**\n * Move focus to element\n *\n * Sets tabindex to -1 to make the element programmatically focusable,\n * but removes it on blur as the element doesn't need to be focused again.\n *\n * @private\n * @template {HTMLElement} FocusElement\n * @param {FocusElement} $element - HTML element\n * @param {object} [options] - Handler options\n * @param {function(this: FocusElement): void} [options.onBeforeFocus] - Callback before focus\n * @param {function(this: FocusElement): void} [options.onBlur] - Callback on blur\n */\nexport function setFocus($element, options = {}) {\n  const isFocusable = $element.getAttribute('tabindex')\n\n  if (!isFocusable) {\n    $element.setAttribute('tabindex', '-1')\n  }\n\n  /**\n   * Handle element focus\n   */\n  function onFocus() {\n    $element.addEventListener('blur', onBlur, { once: true })\n  }\n\n  /**\n   * Handle element blur\n   */\n  function onBlur() {\n    options.onBlur?.call($element)\n\n    if (!isFocusable) {\n      $element.removeAttribute('tabindex')\n    }\n  }\n\n  // Add listener to reset element on blur, after focus\n  $element.addEventListener('focus', onFocus, { once: true })\n\n  // Focus element\n  options.onBeforeFocus?.call($element)\n  $element.focus()\n}\n\n/**\n * Checks if component is already initialised\n *\n * @internal\n * @param {Element} $root - HTML element to be checked\n * @param {string} moduleName - name of component module\n * @returns {boolean} Whether component is already initialised\n */\nexport function isInitialised($root, moduleName) {\n  return (\n    $root instanceof HTMLElement &&\n    $root.hasAttribute(`data-${moduleName}-init`)\n  )\n}\n\n/**\n * Checks if GOV.UK Frontend is supported on this page\n *\n * Some browsers will load and run our JavaScript but GOV.UK Frontend\n * won't be supported.\n *\n * @param {HTMLElement | null} [$scope] - (internal) `<body>` HTML element checked for browser support\n * @returns {boolean} Whether GOV.UK Frontend is supported on this page\n */\nexport function isSupported($scope = document.body) {\n  if (!$scope) {\n    return false\n  }\n\n  return $scope.classList.contains('govuk-frontend-supported')\n}\n\n/**\n * Check for an array\n *\n * @internal\n * @param {unknown} option - Option to check\n * @returns {boolean} Whether the option is an array\n */\nfunction isArray(option) {\n  return Array.isArray(option)\n}\n\n/**\n * Check for an object\n *\n * @internal\n * @template {Partial<Record<keyof ObjectType, unknown>>} ObjectType\n * @param {unknown | ObjectType} option - Option to check\n * @returns {option is ObjectType} Whether the option is an object\n */\nexport function isObject(option) {\n  return !!option && typeof option === 'object' && !isArray(option)\n}\n\n/**\n * Check for valid scope\n *\n * @internal\n * @template {Element | Document} ScopeType\n * @param {unknown | ScopeType} $scope - Scope of the document to search within\n * @returns {$scope is ScopeType} Whether the scope can be queried\n */\nexport function isScope($scope) {\n  return !!$scope && ($scope instanceof Element || $scope instanceof Document)\n}\n\n/**\n * Format error message\n *\n * @internal\n * @param {ComponentWithModuleName} Component - Component that threw the error\n * @param {string} message - Error message\n * @returns {string} - Formatted error message\n */\nexport function formatErrorMessage(Component, message) {\n  return `${Component.moduleName}: ${message}`\n}\n\n/* eslint-disable jsdoc/valid-types --\n * `{new(...args: any[] ): object}` is not recognised as valid\n * https://github.com/gajus/eslint-plugin-jsdoc/issues/145#issuecomment-1308722878\n * https://github.com/jsdoc-type-pratt-parser/jsdoc-type-pratt-parser/issues/131\n **/\n\n/**\n * @typedef ComponentWithModuleName\n * @property {string} moduleName - Name of the component\n */\n\n/* eslint-enable jsdoc/valid-types */\n","import { formatErrorMessage, isObject } from '../common/index.mjs'\n\n/**\n * GOV.UK Frontend error\n *\n * A base class for `Error`s thrown by GOV.UK Frontend.\n *\n * It is meant to be extended into specific types of errors\n * to be thrown by our code.\n *\n * @example\n * ```js\n * class MissingRootError extends GOVUKFrontendError {\n *   // Setting an explicit name is important as extending the class will not\n *   // set a new `name` on the subclass. The `name` property is important\n *   // to ensure intelligible error names even if the class name gets\n *   // mangled by a minifier\n *   name = \"MissingRootError\"\n * }\n * ```\n * @virtual\n */\nexport class GOVUKFrontendError extends Error {\n  name = 'GOVUKFrontendError'\n}\n\n/**\n * Indicates that GOV.UK Frontend is not supported\n */\nexport class SupportError extends GOVUKFrontendError {\n  name = 'SupportError'\n\n  /**\n   * Checks if GOV.UK Frontend is supported on this page\n   *\n   * @param {HTMLElement | null} [$scope] - HTML element `<body>` checked for browser support\n   */\n  constructor($scope = document.body) {\n    const supportMessage =\n      'noModule' in HTMLScriptElement.prototype\n        ? 'GOV.UK Frontend initialised without `<body class=\"govuk-frontend-supported\">` from template `<script>` snippet'\n        : 'GOV.UK Frontend is not supported in this browser'\n\n    super(\n      $scope\n        ? supportMessage\n        : 'GOV.UK Frontend initialised without `<script type=\"module\">`'\n    )\n  }\n}\n\n/**\n * Indicates that a component has received an illegal configuration\n */\nexport class ConfigError extends GOVUKFrontendError {\n  name = 'ConfigError'\n}\n\n/**\n * Indicates an issue with an element (possibly `null` or `undefined`)\n */\nexport class ElementError extends GOVUKFrontendError {\n  name = 'ElementError'\n\n  /**\n   * @internal\n   * @overload\n   * @param {string} message - Element error message\n   */\n\n  /**\n   * @internal\n   * @overload\n   * @param {ElementErrorOptions} options - Element error options\n   */\n\n  /**\n   * @internal\n   * @param {string | ElementErrorOptions} messageOrOptions - Element error message or options\n   */\n  constructor(messageOrOptions) {\n    let message = typeof messageOrOptions === 'string' ? messageOrOptions : ''\n\n    // Build message from options\n    if (isObject(messageOrOptions)) {\n      const { component, identifier, element, expectedType } = messageOrOptions\n\n      message = identifier\n\n      // Append reason\n      message += element\n        ? ` is not of type ${expectedType ?? 'HTMLElement'}`\n        : ' not found'\n\n      // Prepend with module name (optional)\n      if (component) {\n        message = formatErrorMessage(component, message)\n      }\n    }\n\n    super(message)\n  }\n}\n\n/**\n * Indicates that a component is already initialised\n */\nexport class InitError extends GOVUKFrontendError {\n  name = 'InitError'\n\n  /**\n   * @internal\n   * @param {ComponentWithModuleName | string} componentOrMessage - name of the component module\n   */\n  constructor(componentOrMessage) {\n    const message =\n      typeof componentOrMessage === 'string'\n        ? componentOrMessage\n        : formatErrorMessage(\n            componentOrMessage,\n            `Root element (\\`$root\\`) already initialised`\n          )\n\n    super(message)\n  }\n}\n\n/**\n * Element error options\n *\n * @internal\n * @typedef {object} ElementErrorOptions\n * @property {Element | Document | null} [element] - The element in error (optional)\n * @property {ComponentWithModuleName} [component] - Component throwing the error (optional)\n * @property {string} identifier - An identifier that'll let the user understand which element has an error. This is whatever makes the most sense\n * @property {string} [expectedType] - The type that was expected for the identifier (optional)\n */\n\n/**\n * @import { ComponentWithModuleName } from '../common/index.mjs'\n */\n","import { isInitialised, isSupported } from './common/index.mjs'\nimport { ElementError, InitError, SupportError } from './errors/index.mjs'\n\n/**\n * Base Component class\n *\n * Centralises the behaviours shared by our components\n *\n * @virtual\n * @template {Element} [RootElementType=HTMLElement]\n */\nexport class Component {\n  /**\n   * @type {typeof Element}\n   */\n  static elementType = HTMLElement\n\n  // allows Typescript user to work around the lack of types\n  // in GOVUKFrontend package, Typescript is not aware of $root\n  // in components that extend GOVUKFrontendComponent\n  /**\n   * Returns the root element of the component\n   *\n   * @protected\n   * @returns {RootElementType} - the root element of component\n   */\n  get $root() {\n    return this._$root\n  }\n\n  /**\n   * @protected\n   * @type {RootElementType}\n   */\n  _$root\n\n  /**\n   * Constructs a new component, validating that GOV.UK Frontend is supported\n   *\n   * @internal\n   * @param {Element | null} [$root] - HTML element to use for component\n   */\n  constructor($root) {\n    const childConstructor = /** @type {ChildClassConstructor} */ (\n      this.constructor\n    )\n\n    // TypeScript does not enforce that inheriting classes will define a `moduleName`\n    // (even if we add a `@virtual` `static moduleName` property to this class).\n    // While we trust users to do this correctly, we do a little check to provide them\n    // a helpful error message.\n    //\n    // After this, we'll be sure that `childConstructor` has a `moduleName`\n    // as expected of the `ChildClassConstructor` we've cast `this.constructor` to.\n    if (typeof childConstructor.moduleName !== 'string') {\n      throw new InitError(`\\`moduleName\\` not defined in component`)\n    }\n\n    if (!($root instanceof childConstructor.elementType)) {\n      throw new ElementError({\n        element: $root,\n        component: childConstructor,\n        identifier: 'Root element (`$root`)',\n        expectedType: childConstructor.elementType.name\n      })\n    } else {\n      this._$root = /** @type {RootElementType} */ ($root)\n    }\n\n    childConstructor.checkSupport()\n\n    this.checkInitialised()\n\n    const moduleName = childConstructor.moduleName\n\n    this.$root.setAttribute(`data-${moduleName}-init`, '')\n  }\n\n  /**\n   * Validates whether component is already initialised\n   *\n   * @private\n   * @throws {InitError} when component is already initialised\n   */\n  checkInitialised() {\n    const constructor = /** @type {ChildClassConstructor} */ (this.constructor)\n    const moduleName = constructor.moduleName\n\n    if (moduleName && isInitialised(this.$root, moduleName)) {\n      throw new InitError(constructor)\n    }\n  }\n\n  /**\n   * Validates whether components are supported\n   *\n   * @throws {SupportError} when the components are not supported\n   */\n  static checkSupport() {\n    if (!isSupported()) {\n      throw new SupportError()\n    }\n  }\n}\n\n/**\n * @typedef ChildClass\n * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component\n */\n\n/**\n * @typedef {typeof Component & ChildClass} ChildClassConstructor\n */\n","import { Component } from '../component.mjs'\nimport { ConfigError } from '../errors/index.mjs'\n\nimport { isObject, isScope, formatErrorMessage } from './index.mjs'\n\nexport const configOverride = Symbol.for('configOverride')\n\n/**\n * Base Component class\n *\n * Centralises the behaviours shared by our components\n *\n * @virtual\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]\n * @template {Element & { dataset: DOMStringMap }} [RootElementType=HTMLElement]\n * @augments Component<RootElementType>\n */\nexport class ConfigurableComponent extends Component {\n  /**\n   * configOverride\n   *\n   * Function which defines configuration overrides to prioritize\n   * properties from the root element's dataset.\n   *\n   * It should take a subset of configuration as input and return\n   * a new configuration object with properties that should be\n   * overridden based on the root element's dataset. A Symbol\n   * is used for indexing to prevent conflicts.\n   *\n   * @internal\n   * @virtual\n   * @param {Partial<ConfigurationType>} [param] - Configuration object\n   * @returns {Partial<ConfigurationType>} return - Configuration object\n   */\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  [configOverride](param) {\n    return {}\n  }\n\n  /**\n   * Returns the root element of the component\n   *\n   * @protected\n   * @returns {ConfigurationType} - the root element of component\n   */\n  get config() {\n    return this._config\n  }\n\n  /**\n   *\n   * @type {ConfigurationType}\n   */\n  _config\n\n  /**\n   * Constructs a new component, validating that GOV.UK Frontend is supported\n   *\n   * @internal\n   * @param {Element | null} [$root] - HTML element to use for component\n   * @param {ConfigurationType} [config] - HTML element to use for component\n   */\n  constructor($root, config) {\n    super($root)\n\n    const childConstructor =\n      /** @type {ChildClassConstructor<ConfigurationType>} */ (this.constructor)\n\n    if (!isObject(childConstructor.defaults)) {\n      throw new ConfigError(\n        formatErrorMessage(\n          childConstructor,\n          'Config passed as parameter into constructor but no defaults defined'\n        )\n      )\n    }\n\n    const datasetConfig = /** @type {ConfigurationType} */ (\n      normaliseDataset(childConstructor, this._$root.dataset)\n    )\n\n    this._config = /** @type {ConfigurationType} */ (\n      mergeConfigs(\n        childConstructor.defaults,\n        config ?? {},\n        this[configOverride](datasetConfig),\n        datasetConfig\n      )\n    )\n  }\n}\n\n/**\n * Normalise string\n *\n * 'If it looks like a duck, and it quacks like a duck…' 🦆\n *\n * If the passed value looks like a boolean or a number, convert it to a boolean\n * or number.\n *\n * Designed to be used to convert config passed via data attributes (which are\n * always strings) into something sensible.\n *\n * @internal\n * @param {DOMStringMap[string]} value - The value to normalise\n * @param {SchemaProperty} [property] - Component schema property\n * @returns {string | boolean | number | undefined} Normalised data\n */\nexport function normaliseString(value, property) {\n  const trimmedValue = value ? value.trim() : ''\n\n  let output\n  let outputType = property?.type\n\n  // No schema type set? Determine automatically\n  if (!outputType) {\n    if (['true', 'false'].includes(trimmedValue)) {\n      outputType = 'boolean'\n    }\n\n    // Empty / whitespace-only strings are considered finite so we need to check\n    // the length of the trimmed string as well\n    if (trimmedValue.length > 0 && isFinite(Number(trimmedValue))) {\n      outputType = 'number'\n    }\n  }\n\n  switch (outputType) {\n    case 'boolean':\n      output = trimmedValue === 'true'\n      break\n\n    case 'number':\n      output = Number(trimmedValue)\n      break\n\n    default:\n      output = value\n  }\n\n  return output\n}\n\n/**\n * Normalise dataset\n *\n * Loop over an object and normalise each value using {@link normaliseString},\n * optionally expanding nested `i18n.field`\n *\n * @internal\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @template {[keyof ConfigurationType, SchemaProperty | undefined][]} SchemaEntryType\n * @param {{ schema?: Schema<ConfigurationType>, moduleName: string }} Component - Component class\n * @param {DOMStringMap} dataset - HTML element dataset\n * @returns {ObjectNested} Normalised dataset\n */\nexport function normaliseDataset(Component, dataset) {\n  if (!isObject(Component.schema)) {\n    throw new ConfigError(\n      formatErrorMessage(\n        Component,\n        'Config passed as parameter into constructor but no schema defined'\n      )\n    )\n  }\n\n  const out = /** @type {ObjectNested} */ ({})\n  const entries = /** @type {SchemaEntryType} */ (\n    Object.entries(Component.schema.properties)\n  )\n\n  // Normalise top-level dataset ('data-*') values using schema types\n  for (const entry of entries) {\n    const [namespace, property] = entry\n\n    // Cast the `namespace` to string so it can be used to access the dataset\n    const field = namespace.toString()\n\n    if (field in dataset) {\n      out[field] = normaliseString(dataset[field], property)\n    }\n\n    /**\n     * Extract and normalise nested object values automatically using\n     * {@link normaliseString} but only schema object types are allowed\n     */\n    if (property?.type === 'object') {\n      out[field] = extractConfigByNamespace(\n        Component.schema,\n        dataset,\n        namespace\n      )\n    }\n  }\n\n  return out\n}\n\n/**\n * Normalise options passed to `initAll` or `createAll`\n *\n * @internal\n * @template {CompatibleClass} ComponentClass\n * @param {Config | CreateAllOptions<ComponentClass> | OnErrorCallback<ComponentClass> | Element | Document | null} [scopeOrOptions] - Scope of the document to search within, initialisation options or error callback function\n * @returns {CreateAllOptions<ComponentClass>} Normalised options\n */\nexport function normaliseOptions(scopeOrOptions) {\n  let /** @type {Element | Document | null} */ $scope = document\n  let /** @type {OnErrorCallback<ComponentClass> | undefined} */ onError\n\n  // Handle options object\n  if (isObject(scopeOrOptions)) {\n    const options = scopeOrOptions\n\n    // Scope must be valid or null\n    if (isScope(options.scope) || options.scope === null) {\n      $scope = options.scope\n    }\n\n    // Error handler must be a function\n    if (typeof options.onError === 'function') {\n      onError = options.onError\n    }\n  }\n\n  if (isScope(scopeOrOptions)) {\n    $scope = scopeOrOptions\n  } else if (scopeOrOptions === null) {\n    $scope = null\n  } else if (typeof scopeOrOptions === 'function') {\n    onError = scopeOrOptions\n  }\n\n  return {\n    scope: $scope,\n    onError\n  }\n}\n\n/**\n * Config merging function\n *\n * Takes any number of objects and combines them together, with\n * greatest priority on the LAST item passed in.\n *\n * @internal\n * @param {...{ [key: string]: unknown }} configObjects - Config objects to merge\n * @returns {{ [key: string]: unknown }} A merged config object\n */\nexport function mergeConfigs(...configObjects) {\n  // Start with an empty object as our base\n  /** @type {{ [key: string]: unknown }} */\n  const formattedConfigObject = {}\n\n  // Loop through each of the passed objects\n  for (const configObject of configObjects) {\n    for (const key of Object.keys(configObject)) {\n      const option = formattedConfigObject[key]\n      const override = configObject[key]\n\n      // Push their keys one-by-one into formattedConfigObject. Any duplicate\n      // keys with object values will be merged, otherwise the new value will\n      // override the existing value.\n      if (isObject(option) && isObject(override)) {\n        formattedConfigObject[key] = mergeConfigs(option, override)\n      } else {\n        // Apply override\n        formattedConfigObject[key] = override\n      }\n    }\n  }\n\n  return formattedConfigObject\n}\n\n/**\n * Validate component config by schema\n *\n * Follows limited examples in JSON schema for wider support in future\n *\n * {@link https://ajv.js.org/json-schema.html#compound-keywords}\n * {@link https://ajv.js.org/packages/ajv-errors.html#single-message}\n *\n * @internal\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @param {Schema<ConfigurationType>} schema - The schema of a component\n * @param {ConfigurationType} config - Component config\n * @returns {string[]} List of validation errors\n */\nexport function validateConfig(schema, config) {\n  const validationErrors = []\n\n  // Check errors for each schema\n  for (const [name, conditions] of Object.entries(schema)) {\n    const errors = []\n\n    // Check errors for each schema condition\n    if (Array.isArray(conditions)) {\n      for (const { required, errorMessage } of conditions) {\n        if (!required.every((key) => !!config[key])) {\n          errors.push(errorMessage) // Missing config key value\n        }\n      }\n\n      // Check one condition passes or add errors\n      if (name === 'anyOf' && !(conditions.length - errors.length >= 1)) {\n        validationErrors.push(...errors)\n      }\n    }\n  }\n\n  return validationErrors\n}\n\n/**\n * Extracts keys starting with a particular namespace from dataset ('data-*')\n * object, removing the namespace in the process, normalising all values\n *\n * @internal\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @param {Schema<ConfigurationType>} schema - The schema of a component\n * @param {DOMStringMap} dataset - The object to extract key-value pairs from\n * @param {keyof ConfigurationType} namespace - The namespace to filter keys with\n * @returns {ObjectNested | undefined} Nested object with dot-separated key namespace removed\n */\nexport function extractConfigByNamespace(schema, dataset, namespace) {\n  const property = schema.properties[namespace]\n\n  // Only extract configs for object schema properties\n  if (property?.type !== 'object') {\n    return\n  }\n\n  // Add default empty config\n  const newObject = /** @type {Record<typeof namespace, ObjectNested>} */ ({\n    [namespace]: {}\n  })\n\n  for (const [key, value] of Object.entries(dataset)) {\n    /** @type {ObjectNested | ObjectNested[NestedKey]} */\n    let current = newObject\n\n    // Split the key into parts, using . as our namespace separator\n    const keyParts = key.split('.')\n\n    /**\n     * Create new level per part\n     *\n     * e.g. 'i18n.textareaDescription.other' becomes\n     * `{ i18n: { textareaDescription: { other } } }`\n     */\n    for (const [index, name] of keyParts.entries()) {\n      if (isObject(current)) {\n        // Drop down to nested object until the last part\n        if (index < keyParts.length - 1) {\n          // New nested object (optionally) replaces existing value\n          if (!isObject(current[name])) {\n            current[name] = {}\n          }\n\n          // Drop down into new or existing nested object\n          current = current[name]\n        } else if (key !== namespace) {\n          // Normalised value (optionally) replaces existing value\n          current[name] = normaliseString(value)\n        }\n      }\n    }\n  }\n\n  return newObject[namespace]\n}\n\n/**\n * @internal\n * @typedef {keyof ObjectNested} NestedKey\n * @typedef {{ [key: string]: string | boolean | number | ObjectNested | undefined }} ObjectNested\n */\n\n/**\n * Schema for component config\n *\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @typedef {object} Schema\n * @property {Record<keyof ConfigurationType, SchemaProperty | undefined>} properties - Schema properties\n * @property {SchemaCondition<ConfigurationType>[]} [anyOf] - List of schema conditions\n */\n\n/**\n * Schema property for component config\n *\n * @typedef {object} SchemaProperty\n * @property {'string' | 'boolean' | 'number' | 'object'} type - Property type\n */\n\n/**\n * Schema condition for component config\n *\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @typedef {object} SchemaCondition\n * @property {(keyof ConfigurationType)[]} required - List of required config fields\n * @property {string} errorMessage - Error message when required config fields not provided\n */\n\n/**\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]\n * @typedef ChildClass\n * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component\n * @property {Schema<ConfigurationType>} [schema] - The schema of the component configuration\n * @property {ConfigurationType} [defaults] - The default values of the configuration of the component\n */\n\n/**\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]\n * @typedef {typeof Component & ChildClass<ConfigurationType>} ChildClassConstructor<ConfigurationType>\n */\n\n/**\n * @import { CompatibleClass, Config, CreateAllOptions, OnErrorCallback } from '../init.mjs'\n */\n","import { ConfigurableComponent } from '../../common/configuration.mjs'\nimport { setFocus } from '../../common/index.mjs'\n\n/**\n * Error summary component\n *\n * Takes focus on initialisation for accessible announcement, unless disabled in\n * configuration.\n *\n * @preserve\n * @augments ConfigurableComponent<ErrorSummaryConfig>\n */\nexport class ErrorSummary extends ConfigurableComponent {\n  /**\n   * @param {Element | null} $root - HTML element to use for error summary\n   * @param {ErrorSummaryConfig} [config] - Error summary config\n   */\n  constructor($root, config = {}) {\n    super($root, config)\n\n    /**\n     * Focus the error summary\n     */\n    if (!this.config.disableAutoFocus) {\n      setFocus(this.$root)\n    }\n\n    this.$root.addEventListener('click', (event) => this.handleClick(event))\n  }\n\n  /**\n   * Click event handler\n   *\n   * @private\n   * @param {MouseEvent} event - Click event\n   */\n  handleClick(event) {\n    const $target = event.target\n    if ($target && this.focusTarget($target)) {\n      event.preventDefault()\n    }\n  }\n\n  /**\n   * Focus the target element\n   *\n   * By default, the browser will scroll the target into view. Because our\n   * labels or legends appear above the input, this means the user will be\n   * presented with an input without any context, as the label or legend will be\n   * off the top of the screen.\n   *\n   * Manually handling the click event, scrolling the question into view and\n   * then focussing the element solves this.\n   *\n   * This also results in the label and/or legend being announced correctly in\n   * NVDA (as tested in 2018.3.2) - without this only the field type is\n   * announced (e.g. \"Edit, has autocomplete\").\n   *\n   * @private\n   * @param {EventTarget} $target - Event target\n   * @returns {boolean} True if the target was able to be focussed\n   */\n  focusTarget($target) {\n    // If the element that was clicked was not a link, return early\n    if (!($target instanceof HTMLAnchorElement)) {\n      return false\n    }\n\n    const inputId = $target.hash.replace('#', '')\n    if (!inputId) {\n      return false\n    }\n\n    const $input = document.getElementById(inputId)\n    if (!$input) {\n      return false\n    }\n\n    const $legendOrLabel = this.getAssociatedLegendOrLabel($input)\n    if (!$legendOrLabel) {\n      return false\n    }\n\n    // Scroll the legend or label into view *before* calling focus on the input\n    // to avoid extra scrolling in browsers that don't support `preventScroll`\n    // (which at time of writing is most of them...)\n    $legendOrLabel.scrollIntoView()\n    $input.focus({ preventScroll: true })\n\n    return true\n  }\n\n  /**\n   * Get associated legend or label\n   *\n   * Returns the first element that exists from this list:\n   *\n   * - The `<legend>` associated with the closest `<fieldset>` ancestor, as long\n   *   as the top of it is no more than half a viewport height away from the\n   *   bottom of the input\n   * - The first `<label>` that is associated with the input using for=\"inputId\"\n   * - The closest parent `<label>`\n   *\n   * @private\n   * @param {Element} $input - The input\n   * @returns {Element | null} Associated legend or label, or null if no\n   *   associated legend or label can be found\n   */\n  getAssociatedLegendOrLabel($input) {\n    const $fieldset = $input.closest('fieldset')\n\n    if ($fieldset) {\n      const $legends = $fieldset.getElementsByTagName('legend')\n\n      if ($legends.length) {\n        const $candidateLegend = $legends[0]\n\n        // If the input type is radio or checkbox, always use the legend if\n        // there is one.\n        if (\n          $input instanceof HTMLInputElement &&\n          ($input.type === 'checkbox' || $input.type === 'radio')\n        ) {\n          return $candidateLegend\n        }\n\n        // For other input types, only scroll to the fieldset’s legend (instead\n        // of the label associated with the input) if the input would end up in\n        // the top half of the screen.\n        //\n        // This should avoid situations where the input either ends up off the\n        // screen, or obscured by a software keyboard.\n        const legendTop = $candidateLegend.getBoundingClientRect().top\n        const inputRect = $input.getBoundingClientRect()\n\n        // If the browser doesn't support Element.getBoundingClientRect().height\n        // or window.innerHeight (like IE8), bail and just link to the label.\n        if (inputRect.height && window.innerHeight) {\n          const inputBottom = inputRect.top + inputRect.height\n\n          if (inputBottom - legendTop < window.innerHeight / 2) {\n            return $candidateLegend\n          }\n        }\n      }\n    }\n\n    return (\n      document.querySelector(`label[for='${$input.getAttribute('id')}']`) ??\n      $input.closest('label')\n    )\n  }\n\n  /**\n   * Name for the component used when initialising using data-module attributes.\n   */\n  static moduleName = 'govuk-error-summary'\n\n  /**\n   * Error summary default config\n   *\n   * @see {@link ErrorSummaryConfig}\n   * @constant\n   * @type {ErrorSummaryConfig}\n   */\n  static defaults = Object.freeze({\n    disableAutoFocus: false\n  })\n\n  /**\n   * Error summary config schema\n   *\n   * @constant\n   * @satisfies {Schema<ErrorSummaryConfig>}\n   */\n  static schema = Object.freeze({\n    properties: {\n      disableAutoFocus: { type: 'boolean' }\n    }\n  })\n}\n\n/**\n * Error summary config\n *\n * @typedef {object} ErrorSummaryConfig\n * @property {boolean} [disableAutoFocus=false] - If set to `true` the error\n *   summary will not be focussed when the page loads.\n */\n\n/**\n * @import { Schema } from '../../common/configuration.mjs'\n */\n"],"names":["setFocus","$element","options","_options$onBeforeFocu","isFocusable","getAttribute","setAttribute","onFocus","addEventListener","onBlur","once","_options$onBlur","call","removeAttribute","onBeforeFocus","focus","isInitialised","$root","moduleName","HTMLElement","hasAttribute","isSupported","$scope","document","body","classList","contains","isArray","option","Array","isObject","formatErrorMessage","Component","message","GOVUKFrontendError","Error","constructor","args","name","SupportError","supportMessage","HTMLScriptElement","prototype","ConfigError","ElementError","messageOrOptions","component","identifier","element","expectedType","InitError","componentOrMessage","_$root","childConstructor","elementType","checkSupport","checkInitialised","configOverride","Symbol","for","ConfigurableComponent","param","config","_config","defaults","datasetConfig","normaliseDataset","dataset","mergeConfigs","normaliseString","value","property","trimmedValue","trim","output","outputType","type","includes","length","isFinite","Number","schema","out","entries","Object","properties","entry","namespace","field","toString","extractConfigByNamespace","configObjects","formattedConfigObject","configObject","key","keys","override","newObject","current","keyParts","split","index","ErrorSummary","disableAutoFocus","event","handleClick","$target","target","focusTarget","preventDefault","HTMLAnchorElement","inputId","hash","replace","$input","getElementById","$legendOrLabel","getAssociatedLegendOrLabel","scrollIntoView","preventScroll","_document$querySelect","$fieldset","closest","$legends","getElementsByTagName","$candidateLegend","HTMLInputElement","legendTop","getBoundingClientRect","top","inputRect","height","window","innerHeight","inputBottom","querySelector","freeze"],"mappings":"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"}
\ No newline at end of file
diff --git a/node_modules/govuk-frontend/dist/govuk/components/error-summary/error-summary.bundle.mjs b/node_modules/govuk-frontend/dist/govuk/components/error-summary/error-summary.bundle.mjs
new file mode 100644
index 0000000..7166fab
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/error-summary/error-summary.bundle.mjs
@@ -0,0 +1,411 @@
+function setFocus($element, options = {}) {
+  var _options$onBeforeFocu;
+  const isFocusable = $element.getAttribute('tabindex');
+  if (!isFocusable) {
+    $element.setAttribute('tabindex', '-1');
+  }
+  function onFocus() {
+    $element.addEventListener('blur', onBlur, {
+      once: true
+    });
+  }
+  function onBlur() {
+    var _options$onBlur;
+    (_options$onBlur = options.onBlur) == null || _options$onBlur.call($element);
+    if (!isFocusable) {
+      $element.removeAttribute('tabindex');
+    }
+  }
+  $element.addEventListener('focus', onFocus, {
+    once: true
+  });
+  (_options$onBeforeFocu = options.onBeforeFocus) == null || _options$onBeforeFocu.call($element);
+  $element.focus();
+}
+function isInitialised($root, moduleName) {
+  return $root instanceof HTMLElement && $root.hasAttribute(`data-${moduleName}-init`);
+}
+
+/**
+ * Checks if GOV.UK Frontend is supported on this page
+ *
+ * Some browsers will load and run our JavaScript but GOV.UK Frontend
+ * won't be supported.
+ *
+ * @param {HTMLElement | null} [$scope] - (internal) `<body>` HTML element checked for browser support
+ * @returns {boolean} Whether GOV.UK Frontend is supported on this page
+ */
+function isSupported($scope = document.body) {
+  if (!$scope) {
+    return false;
+  }
+  return $scope.classList.contains('govuk-frontend-supported');
+}
+function isArray(option) {
+  return Array.isArray(option);
+}
+function isObject(option) {
+  return !!option && typeof option === 'object' && !isArray(option);
+}
+function formatErrorMessage(Component, message) {
+  return `${Component.moduleName}: ${message}`;
+}
+/**
+ * @typedef ComponentWithModuleName
+ * @property {string} moduleName - Name of the component
+ */
+
+class GOVUKFrontendError extends Error {
+  constructor(...args) {
+    super(...args);
+    this.name = 'GOVUKFrontendError';
+  }
+}
+class SupportError extends GOVUKFrontendError {
+  /**
+   * Checks if GOV.UK Frontend is supported on this page
+   *
+   * @param {HTMLElement | null} [$scope] - HTML element `<body>` checked for browser support
+   */
+  constructor($scope = document.body) {
+    const supportMessage = 'noModule' in HTMLScriptElement.prototype ? 'GOV.UK Frontend initialised without `<body class="govuk-frontend-supported">` from template `<script>` snippet' : 'GOV.UK Frontend is not supported in this browser';
+    super($scope ? supportMessage : 'GOV.UK Frontend initialised without `<script type="module">`');
+    this.name = 'SupportError';
+  }
+}
+class ConfigError extends GOVUKFrontendError {
+  constructor(...args) {
+    super(...args);
+    this.name = 'ConfigError';
+  }
+}
+class ElementError extends GOVUKFrontendError {
+  constructor(messageOrOptions) {
+    let message = typeof messageOrOptions === 'string' ? messageOrOptions : '';
+    if (isObject(messageOrOptions)) {
+      const {
+        component,
+        identifier,
+        element,
+        expectedType
+      } = messageOrOptions;
+      message = identifier;
+      message += element ? ` is not of type ${expectedType != null ? expectedType : 'HTMLElement'}` : ' not found';
+      if (component) {
+        message = formatErrorMessage(component, message);
+      }
+    }
+    super(message);
+    this.name = 'ElementError';
+  }
+}
+class InitError extends GOVUKFrontendError {
+  constructor(componentOrMessage) {
+    const message = typeof componentOrMessage === 'string' ? componentOrMessage : formatErrorMessage(componentOrMessage, `Root element (\`$root\`) already initialised`);
+    super(message);
+    this.name = 'InitError';
+  }
+}
+/**
+ * @import { ComponentWithModuleName } from '../common/index.mjs'
+ */
+
+class Component {
+  /**
+   * Returns the root element of the component
+   *
+   * @protected
+   * @returns {RootElementType} - the root element of component
+   */
+  get $root() {
+    return this._$root;
+  }
+  constructor($root) {
+    this._$root = void 0;
+    const childConstructor = this.constructor;
+    if (typeof childConstructor.moduleName !== 'string') {
+      throw new InitError(`\`moduleName\` not defined in component`);
+    }
+    if (!($root instanceof childConstructor.elementType)) {
+      throw new ElementError({
+        element: $root,
+        component: childConstructor,
+        identifier: 'Root element (`$root`)',
+        expectedType: childConstructor.elementType.name
+      });
+    } else {
+      this._$root = $root;
+    }
+    childConstructor.checkSupport();
+    this.checkInitialised();
+    const moduleName = childConstructor.moduleName;
+    this.$root.setAttribute(`data-${moduleName}-init`, '');
+  }
+  checkInitialised() {
+    const constructor = this.constructor;
+    const moduleName = constructor.moduleName;
+    if (moduleName && isInitialised(this.$root, moduleName)) {
+      throw new InitError(constructor);
+    }
+  }
+  static checkSupport() {
+    if (!isSupported()) {
+      throw new SupportError();
+    }
+  }
+}
+
+/**
+ * @typedef ChildClass
+ * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component
+ */
+
+/**
+ * @typedef {typeof Component & ChildClass} ChildClassConstructor
+ */
+Component.elementType = HTMLElement;
+
+const configOverride = Symbol.for('configOverride');
+class ConfigurableComponent extends Component {
+  [configOverride](param) {
+    return {};
+  }
+
+  /**
+   * Returns the root element of the component
+   *
+   * @protected
+   * @returns {ConfigurationType} - the root element of component
+   */
+  get config() {
+    return this._config;
+  }
+  constructor($root, config) {
+    super($root);
+    this._config = void 0;
+    const childConstructor = this.constructor;
+    if (!isObject(childConstructor.defaults)) {
+      throw new ConfigError(formatErrorMessage(childConstructor, 'Config passed as parameter into constructor but no defaults defined'));
+    }
+    const datasetConfig = normaliseDataset(childConstructor, this._$root.dataset);
+    this._config = mergeConfigs(childConstructor.defaults, config != null ? config : {}, this[configOverride](datasetConfig), datasetConfig);
+  }
+}
+function normaliseString(value, property) {
+  const trimmedValue = value ? value.trim() : '';
+  let output;
+  let outputType = property == null ? void 0 : property.type;
+  if (!outputType) {
+    if (['true', 'false'].includes(trimmedValue)) {
+      outputType = 'boolean';
+    }
+    if (trimmedValue.length > 0 && isFinite(Number(trimmedValue))) {
+      outputType = 'number';
+    }
+  }
+  switch (outputType) {
+    case 'boolean':
+      output = trimmedValue === 'true';
+      break;
+    case 'number':
+      output = Number(trimmedValue);
+      break;
+    default:
+      output = value;
+  }
+  return output;
+}
+function normaliseDataset(Component, dataset) {
+  if (!isObject(Component.schema)) {
+    throw new ConfigError(formatErrorMessage(Component, 'Config passed as parameter into constructor but no schema defined'));
+  }
+  const out = {};
+  const entries = Object.entries(Component.schema.properties);
+  for (const entry of entries) {
+    const [namespace, property] = entry;
+    const field = namespace.toString();
+    if (field in dataset) {
+      out[field] = normaliseString(dataset[field], property);
+    }
+    if ((property == null ? void 0 : property.type) === 'object') {
+      out[field] = extractConfigByNamespace(Component.schema, dataset, namespace);
+    }
+  }
+  return out;
+}
+function mergeConfigs(...configObjects) {
+  const formattedConfigObject = {};
+  for (const configObject of configObjects) {
+    for (const key of Object.keys(configObject)) {
+      const option = formattedConfigObject[key];
+      const override = configObject[key];
+      if (isObject(option) && isObject(override)) {
+        formattedConfigObject[key] = mergeConfigs(option, override);
+      } else {
+        formattedConfigObject[key] = override;
+      }
+    }
+  }
+  return formattedConfigObject;
+}
+function extractConfigByNamespace(schema, dataset, namespace) {
+  const property = schema.properties[namespace];
+  if ((property == null ? void 0 : property.type) !== 'object') {
+    return;
+  }
+  const newObject = {
+    [namespace]: {}
+  };
+  for (const [key, value] of Object.entries(dataset)) {
+    let current = newObject;
+    const keyParts = key.split('.');
+    for (const [index, name] of keyParts.entries()) {
+      if (isObject(current)) {
+        if (index < keyParts.length - 1) {
+          if (!isObject(current[name])) {
+            current[name] = {};
+          }
+          current = current[name];
+        } else if (key !== namespace) {
+          current[name] = normaliseString(value);
+        }
+      }
+    }
+  }
+  return newObject[namespace];
+}
+/**
+ * Schema for component config
+ *
+ * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType
+ * @typedef {object} Schema
+ * @property {Record<keyof ConfigurationType, SchemaProperty | undefined>} properties - Schema properties
+ * @property {SchemaCondition<ConfigurationType>[]} [anyOf] - List of schema conditions
+ */
+/**
+ * Schema property for component config
+ *
+ * @typedef {object} SchemaProperty
+ * @property {'string' | 'boolean' | 'number' | 'object'} type - Property type
+ */
+/**
+ * Schema condition for component config
+ *
+ * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType
+ * @typedef {object} SchemaCondition
+ * @property {(keyof ConfigurationType)[]} required - List of required config fields
+ * @property {string} errorMessage - Error message when required config fields not provided
+ */
+/**
+ * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]
+ * @typedef ChildClass
+ * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component
+ * @property {Schema<ConfigurationType>} [schema] - The schema of the component configuration
+ * @property {ConfigurationType} [defaults] - The default values of the configuration of the component
+ */
+/**
+ * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]
+ * @typedef {typeof Component & ChildClass<ConfigurationType>} ChildClassConstructor<ConfigurationType>
+ */
+/**
+ * @import { CompatibleClass, Config, CreateAllOptions, OnErrorCallback } from '../init.mjs'
+ */
+
+/**
+ * Error summary component
+ *
+ * Takes focus on initialisation for accessible announcement, unless disabled in
+ * configuration.
+ *
+ * @preserve
+ * @augments ConfigurableComponent<ErrorSummaryConfig>
+ */
+class ErrorSummary extends ConfigurableComponent {
+  /**
+   * @param {Element | null} $root - HTML element to use for error summary
+   * @param {ErrorSummaryConfig} [config] - Error summary config
+   */
+  constructor($root, config = {}) {
+    super($root, config);
+    if (!this.config.disableAutoFocus) {
+      setFocus(this.$root);
+    }
+    this.$root.addEventListener('click', event => this.handleClick(event));
+  }
+  handleClick(event) {
+    const $target = event.target;
+    if ($target && this.focusTarget($target)) {
+      event.preventDefault();
+    }
+  }
+  focusTarget($target) {
+    if (!($target instanceof HTMLAnchorElement)) {
+      return false;
+    }
+    const inputId = $target.hash.replace('#', '');
+    if (!inputId) {
+      return false;
+    }
+    const $input = document.getElementById(inputId);
+    if (!$input) {
+      return false;
+    }
+    const $legendOrLabel = this.getAssociatedLegendOrLabel($input);
+    if (!$legendOrLabel) {
+      return false;
+    }
+    $legendOrLabel.scrollIntoView();
+    $input.focus({
+      preventScroll: true
+    });
+    return true;
+  }
+  getAssociatedLegendOrLabel($input) {
+    var _document$querySelect;
+    const $fieldset = $input.closest('fieldset');
+    if ($fieldset) {
+      const $legends = $fieldset.getElementsByTagName('legend');
+      if ($legends.length) {
+        const $candidateLegend = $legends[0];
+        if ($input instanceof HTMLInputElement && ($input.type === 'checkbox' || $input.type === 'radio')) {
+          return $candidateLegend;
+        }
+        const legendTop = $candidateLegend.getBoundingClientRect().top;
+        const inputRect = $input.getBoundingClientRect();
+        if (inputRect.height && window.innerHeight) {
+          const inputBottom = inputRect.top + inputRect.height;
+          if (inputBottom - legendTop < window.innerHeight / 2) {
+            return $candidateLegend;
+          }
+        }
+      }
+    }
+    return (_document$querySelect = document.querySelector(`label[for='${$input.getAttribute('id')}']`)) != null ? _document$querySelect : $input.closest('label');
+  }
+}
+
+/**
+ * Error summary config
+ *
+ * @typedef {object} ErrorSummaryConfig
+ * @property {boolean} [disableAutoFocus=false] - If set to `true` the error
+ *   summary will not be focussed when the page loads.
+ */
+
+/**
+ * @import { Schema } from '../../common/configuration.mjs'
+ */
+ErrorSummary.moduleName = 'govuk-error-summary';
+ErrorSummary.defaults = Object.freeze({
+  disableAutoFocus: false
+});
+ErrorSummary.schema = Object.freeze({
+  properties: {
+    disableAutoFocus: {
+      type: 'boolean'
+    }
+  }
+});
+
+export { ErrorSummary };
+//# sourceMappingURL=error-summary.bundle.mjs.map
diff --git a/node_modules/govuk-frontend/dist/govuk/components/error-summary/error-summary.bundle.mjs.map b/node_modules/govuk-frontend/dist/govuk/components/error-summary/error-summary.bundle.mjs.map
new file mode 100644
index 0000000..db947d7
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/error-summary/error-summary.bundle.mjs.map
@@ -0,0 +1 @@
+{"version":3,"file":"error-summary.bundle.mjs","sources":["../../../../src/govuk/common/index.mjs","../../../../src/govuk/errors/index.mjs","../../../../src/govuk/component.mjs","../../../../src/govuk/common/configuration.mjs","../../../../src/govuk/components/error-summary/error-summary.mjs"],"sourcesContent":["/**\n * Common helpers which do not require polyfill.\n *\n * IMPORTANT: If a helper require a polyfill, please isolate it in its own module\n * so that the polyfill can be properly tree-shaken and does not burden\n * the components that do not need that helper\n */\n\n/**\n * Get GOV.UK Frontend breakpoint value from CSS custom property\n *\n * @private\n * @param {string} name - Breakpoint name\n * @returns {{ property: string, value?: string }} Breakpoint object\n */\nexport function getBreakpoint(name) {\n  const property = `--govuk-breakpoint-${name}`\n\n  // Get value from `<html>` with breakpoints on CSS :root\n  const value = window\n    .getComputedStyle(document.documentElement)\n    .getPropertyValue(property)\n\n  return {\n    property,\n    value: value || undefined\n  }\n}\n\n/**\n * Move focus to element\n *\n * Sets tabindex to -1 to make the element programmatically focusable,\n * but removes it on blur as the element doesn't need to be focused again.\n *\n * @private\n * @template {HTMLElement} FocusElement\n * @param {FocusElement} $element - HTML element\n * @param {object} [options] - Handler options\n * @param {function(this: FocusElement): void} [options.onBeforeFocus] - Callback before focus\n * @param {function(this: FocusElement): void} [options.onBlur] - Callback on blur\n */\nexport function setFocus($element, options = {}) {\n  const isFocusable = $element.getAttribute('tabindex')\n\n  if (!isFocusable) {\n    $element.setAttribute('tabindex', '-1')\n  }\n\n  /**\n   * Handle element focus\n   */\n  function onFocus() {\n    $element.addEventListener('blur', onBlur, { once: true })\n  }\n\n  /**\n   * Handle element blur\n   */\n  function onBlur() {\n    options.onBlur?.call($element)\n\n    if (!isFocusable) {\n      $element.removeAttribute('tabindex')\n    }\n  }\n\n  // Add listener to reset element on blur, after focus\n  $element.addEventListener('focus', onFocus, { once: true })\n\n  // Focus element\n  options.onBeforeFocus?.call($element)\n  $element.focus()\n}\n\n/**\n * Checks if component is already initialised\n *\n * @internal\n * @param {Element} $root - HTML element to be checked\n * @param {string} moduleName - name of component module\n * @returns {boolean} Whether component is already initialised\n */\nexport function isInitialised($root, moduleName) {\n  return (\n    $root instanceof HTMLElement &&\n    $root.hasAttribute(`data-${moduleName}-init`)\n  )\n}\n\n/**\n * Checks if GOV.UK Frontend is supported on this page\n *\n * Some browsers will load and run our JavaScript but GOV.UK Frontend\n * won't be supported.\n *\n * @param {HTMLElement | null} [$scope] - (internal) `<body>` HTML element checked for browser support\n * @returns {boolean} Whether GOV.UK Frontend is supported on this page\n */\nexport function isSupported($scope = document.body) {\n  if (!$scope) {\n    return false\n  }\n\n  return $scope.classList.contains('govuk-frontend-supported')\n}\n\n/**\n * Check for an array\n *\n * @internal\n * @param {unknown} option - Option to check\n * @returns {boolean} Whether the option is an array\n */\nfunction isArray(option) {\n  return Array.isArray(option)\n}\n\n/**\n * Check for an object\n *\n * @internal\n * @template {Partial<Record<keyof ObjectType, unknown>>} ObjectType\n * @param {unknown | ObjectType} option - Option to check\n * @returns {option is ObjectType} Whether the option is an object\n */\nexport function isObject(option) {\n  return !!option && typeof option === 'object' && !isArray(option)\n}\n\n/**\n * Check for valid scope\n *\n * @internal\n * @template {Element | Document} ScopeType\n * @param {unknown | ScopeType} $scope - Scope of the document to search within\n * @returns {$scope is ScopeType} Whether the scope can be queried\n */\nexport function isScope($scope) {\n  return !!$scope && ($scope instanceof Element || $scope instanceof Document)\n}\n\n/**\n * Format error message\n *\n * @internal\n * @param {ComponentWithModuleName} Component - Component that threw the error\n * @param {string} message - Error message\n * @returns {string} - Formatted error message\n */\nexport function formatErrorMessage(Component, message) {\n  return `${Component.moduleName}: ${message}`\n}\n\n/* eslint-disable jsdoc/valid-types --\n * `{new(...args: any[] ): object}` is not recognised as valid\n * https://github.com/gajus/eslint-plugin-jsdoc/issues/145#issuecomment-1308722878\n * https://github.com/jsdoc-type-pratt-parser/jsdoc-type-pratt-parser/issues/131\n **/\n\n/**\n * @typedef ComponentWithModuleName\n * @property {string} moduleName - Name of the component\n */\n\n/* eslint-enable jsdoc/valid-types */\n","import { formatErrorMessage, isObject } from '../common/index.mjs'\n\n/**\n * GOV.UK Frontend error\n *\n * A base class for `Error`s thrown by GOV.UK Frontend.\n *\n * It is meant to be extended into specific types of errors\n * to be thrown by our code.\n *\n * @example\n * ```js\n * class MissingRootError extends GOVUKFrontendError {\n *   // Setting an explicit name is important as extending the class will not\n *   // set a new `name` on the subclass. The `name` property is important\n *   // to ensure intelligible error names even if the class name gets\n *   // mangled by a minifier\n *   name = \"MissingRootError\"\n * }\n * ```\n * @virtual\n */\nexport class GOVUKFrontendError extends Error {\n  name = 'GOVUKFrontendError'\n}\n\n/**\n * Indicates that GOV.UK Frontend is not supported\n */\nexport class SupportError extends GOVUKFrontendError {\n  name = 'SupportError'\n\n  /**\n   * Checks if GOV.UK Frontend is supported on this page\n   *\n   * @param {HTMLElement | null} [$scope] - HTML element `<body>` checked for browser support\n   */\n  constructor($scope = document.body) {\n    const supportMessage =\n      'noModule' in HTMLScriptElement.prototype\n        ? 'GOV.UK Frontend initialised without `<body class=\"govuk-frontend-supported\">` from template `<script>` snippet'\n        : 'GOV.UK Frontend is not supported in this browser'\n\n    super(\n      $scope\n        ? supportMessage\n        : 'GOV.UK Frontend initialised without `<script type=\"module\">`'\n    )\n  }\n}\n\n/**\n * Indicates that a component has received an illegal configuration\n */\nexport class ConfigError extends GOVUKFrontendError {\n  name = 'ConfigError'\n}\n\n/**\n * Indicates an issue with an element (possibly `null` or `undefined`)\n */\nexport class ElementError extends GOVUKFrontendError {\n  name = 'ElementError'\n\n  /**\n   * @internal\n   * @overload\n   * @param {string} message - Element error message\n   */\n\n  /**\n   * @internal\n   * @overload\n   * @param {ElementErrorOptions} options - Element error options\n   */\n\n  /**\n   * @internal\n   * @param {string | ElementErrorOptions} messageOrOptions - Element error message or options\n   */\n  constructor(messageOrOptions) {\n    let message = typeof messageOrOptions === 'string' ? messageOrOptions : ''\n\n    // Build message from options\n    if (isObject(messageOrOptions)) {\n      const { component, identifier, element, expectedType } = messageOrOptions\n\n      message = identifier\n\n      // Append reason\n      message += element\n        ? ` is not of type ${expectedType ?? 'HTMLElement'}`\n        : ' not found'\n\n      // Prepend with module name (optional)\n      if (component) {\n        message = formatErrorMessage(component, message)\n      }\n    }\n\n    super(message)\n  }\n}\n\n/**\n * Indicates that a component is already initialised\n */\nexport class InitError extends GOVUKFrontendError {\n  name = 'InitError'\n\n  /**\n   * @internal\n   * @param {ComponentWithModuleName | string} componentOrMessage - name of the component module\n   */\n  constructor(componentOrMessage) {\n    const message =\n      typeof componentOrMessage === 'string'\n        ? componentOrMessage\n        : formatErrorMessage(\n            componentOrMessage,\n            `Root element (\\`$root\\`) already initialised`\n          )\n\n    super(message)\n  }\n}\n\n/**\n * Element error options\n *\n * @internal\n * @typedef {object} ElementErrorOptions\n * @property {Element | Document | null} [element] - The element in error (optional)\n * @property {ComponentWithModuleName} [component] - Component throwing the error (optional)\n * @property {string} identifier - An identifier that'll let the user understand which element has an error. This is whatever makes the most sense\n * @property {string} [expectedType] - The type that was expected for the identifier (optional)\n */\n\n/**\n * @import { ComponentWithModuleName } from '../common/index.mjs'\n */\n","import { isInitialised, isSupported } from './common/index.mjs'\nimport { ElementError, InitError, SupportError } from './errors/index.mjs'\n\n/**\n * Base Component class\n *\n * Centralises the behaviours shared by our components\n *\n * @virtual\n * @template {Element} [RootElementType=HTMLElement]\n */\nexport class Component {\n  /**\n   * @type {typeof Element}\n   */\n  static elementType = HTMLElement\n\n  // allows Typescript user to work around the lack of types\n  // in GOVUKFrontend package, Typescript is not aware of $root\n  // in components that extend GOVUKFrontendComponent\n  /**\n   * Returns the root element of the component\n   *\n   * @protected\n   * @returns {RootElementType} - the root element of component\n   */\n  get $root() {\n    return this._$root\n  }\n\n  /**\n   * @protected\n   * @type {RootElementType}\n   */\n  _$root\n\n  /**\n   * Constructs a new component, validating that GOV.UK Frontend is supported\n   *\n   * @internal\n   * @param {Element | null} [$root] - HTML element to use for component\n   */\n  constructor($root) {\n    const childConstructor = /** @type {ChildClassConstructor} */ (\n      this.constructor\n    )\n\n    // TypeScript does not enforce that inheriting classes will define a `moduleName`\n    // (even if we add a `@virtual` `static moduleName` property to this class).\n    // While we trust users to do this correctly, we do a little check to provide them\n    // a helpful error message.\n    //\n    // After this, we'll be sure that `childConstructor` has a `moduleName`\n    // as expected of the `ChildClassConstructor` we've cast `this.constructor` to.\n    if (typeof childConstructor.moduleName !== 'string') {\n      throw new InitError(`\\`moduleName\\` not defined in component`)\n    }\n\n    if (!($root instanceof childConstructor.elementType)) {\n      throw new ElementError({\n        element: $root,\n        component: childConstructor,\n        identifier: 'Root element (`$root`)',\n        expectedType: childConstructor.elementType.name\n      })\n    } else {\n      this._$root = /** @type {RootElementType} */ ($root)\n    }\n\n    childConstructor.checkSupport()\n\n    this.checkInitialised()\n\n    const moduleName = childConstructor.moduleName\n\n    this.$root.setAttribute(`data-${moduleName}-init`, '')\n  }\n\n  /**\n   * Validates whether component is already initialised\n   *\n   * @private\n   * @throws {InitError} when component is already initialised\n   */\n  checkInitialised() {\n    const constructor = /** @type {ChildClassConstructor} */ (this.constructor)\n    const moduleName = constructor.moduleName\n\n    if (moduleName && isInitialised(this.$root, moduleName)) {\n      throw new InitError(constructor)\n    }\n  }\n\n  /**\n   * Validates whether components are supported\n   *\n   * @throws {SupportError} when the components are not supported\n   */\n  static checkSupport() {\n    if (!isSupported()) {\n      throw new SupportError()\n    }\n  }\n}\n\n/**\n * @typedef ChildClass\n * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component\n */\n\n/**\n * @typedef {typeof Component & ChildClass} ChildClassConstructor\n */\n","import { Component } from '../component.mjs'\nimport { ConfigError } from '../errors/index.mjs'\n\nimport { isObject, isScope, formatErrorMessage } from './index.mjs'\n\nexport const configOverride = Symbol.for('configOverride')\n\n/**\n * Base Component class\n *\n * Centralises the behaviours shared by our components\n *\n * @virtual\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]\n * @template {Element & { dataset: DOMStringMap }} [RootElementType=HTMLElement]\n * @augments Component<RootElementType>\n */\nexport class ConfigurableComponent extends Component {\n  /**\n   * configOverride\n   *\n   * Function which defines configuration overrides to prioritize\n   * properties from the root element's dataset.\n   *\n   * It should take a subset of configuration as input and return\n   * a new configuration object with properties that should be\n   * overridden based on the root element's dataset. A Symbol\n   * is used for indexing to prevent conflicts.\n   *\n   * @internal\n   * @virtual\n   * @param {Partial<ConfigurationType>} [param] - Configuration object\n   * @returns {Partial<ConfigurationType>} return - Configuration object\n   */\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  [configOverride](param) {\n    return {}\n  }\n\n  /**\n   * Returns the root element of the component\n   *\n   * @protected\n   * @returns {ConfigurationType} - the root element of component\n   */\n  get config() {\n    return this._config\n  }\n\n  /**\n   *\n   * @type {ConfigurationType}\n   */\n  _config\n\n  /**\n   * Constructs a new component, validating that GOV.UK Frontend is supported\n   *\n   * @internal\n   * @param {Element | null} [$root] - HTML element to use for component\n   * @param {ConfigurationType} [config] - HTML element to use for component\n   */\n  constructor($root, config) {\n    super($root)\n\n    const childConstructor =\n      /** @type {ChildClassConstructor<ConfigurationType>} */ (this.constructor)\n\n    if (!isObject(childConstructor.defaults)) {\n      throw new ConfigError(\n        formatErrorMessage(\n          childConstructor,\n          'Config passed as parameter into constructor but no defaults defined'\n        )\n      )\n    }\n\n    const datasetConfig = /** @type {ConfigurationType} */ (\n      normaliseDataset(childConstructor, this._$root.dataset)\n    )\n\n    this._config = /** @type {ConfigurationType} */ (\n      mergeConfigs(\n        childConstructor.defaults,\n        config ?? {},\n        this[configOverride](datasetConfig),\n        datasetConfig\n      )\n    )\n  }\n}\n\n/**\n * Normalise string\n *\n * 'If it looks like a duck, and it quacks like a duck…' 🦆\n *\n * If the passed value looks like a boolean or a number, convert it to a boolean\n * or number.\n *\n * Designed to be used to convert config passed via data attributes (which are\n * always strings) into something sensible.\n *\n * @internal\n * @param {DOMStringMap[string]} value - The value to normalise\n * @param {SchemaProperty} [property] - Component schema property\n * @returns {string | boolean | number | undefined} Normalised data\n */\nexport function normaliseString(value, property) {\n  const trimmedValue = value ? value.trim() : ''\n\n  let output\n  let outputType = property?.type\n\n  // No schema type set? Determine automatically\n  if (!outputType) {\n    if (['true', 'false'].includes(trimmedValue)) {\n      outputType = 'boolean'\n    }\n\n    // Empty / whitespace-only strings are considered finite so we need to check\n    // the length of the trimmed string as well\n    if (trimmedValue.length > 0 && isFinite(Number(trimmedValue))) {\n      outputType = 'number'\n    }\n  }\n\n  switch (outputType) {\n    case 'boolean':\n      output = trimmedValue === 'true'\n      break\n\n    case 'number':\n      output = Number(trimmedValue)\n      break\n\n    default:\n      output = value\n  }\n\n  return output\n}\n\n/**\n * Normalise dataset\n *\n * Loop over an object and normalise each value using {@link normaliseString},\n * optionally expanding nested `i18n.field`\n *\n * @internal\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @template {[keyof ConfigurationType, SchemaProperty | undefined][]} SchemaEntryType\n * @param {{ schema?: Schema<ConfigurationType>, moduleName: string }} Component - Component class\n * @param {DOMStringMap} dataset - HTML element dataset\n * @returns {ObjectNested} Normalised dataset\n */\nexport function normaliseDataset(Component, dataset) {\n  if (!isObject(Component.schema)) {\n    throw new ConfigError(\n      formatErrorMessage(\n        Component,\n        'Config passed as parameter into constructor but no schema defined'\n      )\n    )\n  }\n\n  const out = /** @type {ObjectNested} */ ({})\n  const entries = /** @type {SchemaEntryType} */ (\n    Object.entries(Component.schema.properties)\n  )\n\n  // Normalise top-level dataset ('data-*') values using schema types\n  for (const entry of entries) {\n    const [namespace, property] = entry\n\n    // Cast the `namespace` to string so it can be used to access the dataset\n    const field = namespace.toString()\n\n    if (field in dataset) {\n      out[field] = normaliseString(dataset[field], property)\n    }\n\n    /**\n     * Extract and normalise nested object values automatically using\n     * {@link normaliseString} but only schema object types are allowed\n     */\n    if (property?.type === 'object') {\n      out[field] = extractConfigByNamespace(\n        Component.schema,\n        dataset,\n        namespace\n      )\n    }\n  }\n\n  return out\n}\n\n/**\n * Normalise options passed to `initAll` or `createAll`\n *\n * @internal\n * @template {CompatibleClass} ComponentClass\n * @param {Config | CreateAllOptions<ComponentClass> | OnErrorCallback<ComponentClass> | Element | Document | null} [scopeOrOptions] - Scope of the document to search within, initialisation options or error callback function\n * @returns {CreateAllOptions<ComponentClass>} Normalised options\n */\nexport function normaliseOptions(scopeOrOptions) {\n  let /** @type {Element | Document | null} */ $scope = document\n  let /** @type {OnErrorCallback<ComponentClass> | undefined} */ onError\n\n  // Handle options object\n  if (isObject(scopeOrOptions)) {\n    const options = scopeOrOptions\n\n    // Scope must be valid or null\n    if (isScope(options.scope) || options.scope === null) {\n      $scope = options.scope\n    }\n\n    // Error handler must be a function\n    if (typeof options.onError === 'function') {\n      onError = options.onError\n    }\n  }\n\n  if (isScope(scopeOrOptions)) {\n    $scope = scopeOrOptions\n  } else if (scopeOrOptions === null) {\n    $scope = null\n  } else if (typeof scopeOrOptions === 'function') {\n    onError = scopeOrOptions\n  }\n\n  return {\n    scope: $scope,\n    onError\n  }\n}\n\n/**\n * Config merging function\n *\n * Takes any number of objects and combines them together, with\n * greatest priority on the LAST item passed in.\n *\n * @internal\n * @param {...{ [key: string]: unknown }} configObjects - Config objects to merge\n * @returns {{ [key: string]: unknown }} A merged config object\n */\nexport function mergeConfigs(...configObjects) {\n  // Start with an empty object as our base\n  /** @type {{ [key: string]: unknown }} */\n  const formattedConfigObject = {}\n\n  // Loop through each of the passed objects\n  for (const configObject of configObjects) {\n    for (const key of Object.keys(configObject)) {\n      const option = formattedConfigObject[key]\n      const override = configObject[key]\n\n      // Push their keys one-by-one into formattedConfigObject. Any duplicate\n      // keys with object values will be merged, otherwise the new value will\n      // override the existing value.\n      if (isObject(option) && isObject(override)) {\n        formattedConfigObject[key] = mergeConfigs(option, override)\n      } else {\n        // Apply override\n        formattedConfigObject[key] = override\n      }\n    }\n  }\n\n  return formattedConfigObject\n}\n\n/**\n * Validate component config by schema\n *\n * Follows limited examples in JSON schema for wider support in future\n *\n * {@link https://ajv.js.org/json-schema.html#compound-keywords}\n * {@link https://ajv.js.org/packages/ajv-errors.html#single-message}\n *\n * @internal\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @param {Schema<ConfigurationType>} schema - The schema of a component\n * @param {ConfigurationType} config - Component config\n * @returns {string[]} List of validation errors\n */\nexport function validateConfig(schema, config) {\n  const validationErrors = []\n\n  // Check errors for each schema\n  for (const [name, conditions] of Object.entries(schema)) {\n    const errors = []\n\n    // Check errors for each schema condition\n    if (Array.isArray(conditions)) {\n      for (const { required, errorMessage } of conditions) {\n        if (!required.every((key) => !!config[key])) {\n          errors.push(errorMessage) // Missing config key value\n        }\n      }\n\n      // Check one condition passes or add errors\n      if (name === 'anyOf' && !(conditions.length - errors.length >= 1)) {\n        validationErrors.push(...errors)\n      }\n    }\n  }\n\n  return validationErrors\n}\n\n/**\n * Extracts keys starting with a particular namespace from dataset ('data-*')\n * object, removing the namespace in the process, normalising all values\n *\n * @internal\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @param {Schema<ConfigurationType>} schema - The schema of a component\n * @param {DOMStringMap} dataset - The object to extract key-value pairs from\n * @param {keyof ConfigurationType} namespace - The namespace to filter keys with\n * @returns {ObjectNested | undefined} Nested object with dot-separated key namespace removed\n */\nexport function extractConfigByNamespace(schema, dataset, namespace) {\n  const property = schema.properties[namespace]\n\n  // Only extract configs for object schema properties\n  if (property?.type !== 'object') {\n    return\n  }\n\n  // Add default empty config\n  const newObject = /** @type {Record<typeof namespace, ObjectNested>} */ ({\n    [namespace]: {}\n  })\n\n  for (const [key, value] of Object.entries(dataset)) {\n    /** @type {ObjectNested | ObjectNested[NestedKey]} */\n    let current = newObject\n\n    // Split the key into parts, using . as our namespace separator\n    const keyParts = key.split('.')\n\n    /**\n     * Create new level per part\n     *\n     * e.g. 'i18n.textareaDescription.other' becomes\n     * `{ i18n: { textareaDescription: { other } } }`\n     */\n    for (const [index, name] of keyParts.entries()) {\n      if (isObject(current)) {\n        // Drop down to nested object until the last part\n        if (index < keyParts.length - 1) {\n          // New nested object (optionally) replaces existing value\n          if (!isObject(current[name])) {\n            current[name] = {}\n          }\n\n          // Drop down into new or existing nested object\n          current = current[name]\n        } else if (key !== namespace) {\n          // Normalised value (optionally) replaces existing value\n          current[name] = normaliseString(value)\n        }\n      }\n    }\n  }\n\n  return newObject[namespace]\n}\n\n/**\n * @internal\n * @typedef {keyof ObjectNested} NestedKey\n * @typedef {{ [key: string]: string | boolean | number | ObjectNested | undefined }} ObjectNested\n */\n\n/**\n * Schema for component config\n *\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @typedef {object} Schema\n * @property {Record<keyof ConfigurationType, SchemaProperty | undefined>} properties - Schema properties\n * @property {SchemaCondition<ConfigurationType>[]} [anyOf] - List of schema conditions\n */\n\n/**\n * Schema property for component config\n *\n * @typedef {object} SchemaProperty\n * @property {'string' | 'boolean' | 'number' | 'object'} type - Property type\n */\n\n/**\n * Schema condition for component config\n *\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @typedef {object} SchemaCondition\n * @property {(keyof ConfigurationType)[]} required - List of required config fields\n * @property {string} errorMessage - Error message when required config fields not provided\n */\n\n/**\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]\n * @typedef ChildClass\n * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component\n * @property {Schema<ConfigurationType>} [schema] - The schema of the component configuration\n * @property {ConfigurationType} [defaults] - The default values of the configuration of the component\n */\n\n/**\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]\n * @typedef {typeof Component & ChildClass<ConfigurationType>} ChildClassConstructor<ConfigurationType>\n */\n\n/**\n * @import { CompatibleClass, Config, CreateAllOptions, OnErrorCallback } from '../init.mjs'\n */\n","import { ConfigurableComponent } from '../../common/configuration.mjs'\nimport { setFocus } from '../../common/index.mjs'\n\n/**\n * Error summary component\n *\n * Takes focus on initialisation for accessible announcement, unless disabled in\n * configuration.\n *\n * @preserve\n * @augments ConfigurableComponent<ErrorSummaryConfig>\n */\nexport class ErrorSummary extends ConfigurableComponent {\n  /**\n   * @param {Element | null} $root - HTML element to use for error summary\n   * @param {ErrorSummaryConfig} [config] - Error summary config\n   */\n  constructor($root, config = {}) {\n    super($root, config)\n\n    /**\n     * Focus the error summary\n     */\n    if (!this.config.disableAutoFocus) {\n      setFocus(this.$root)\n    }\n\n    this.$root.addEventListener('click', (event) => this.handleClick(event))\n  }\n\n  /**\n   * Click event handler\n   *\n   * @private\n   * @param {MouseEvent} event - Click event\n   */\n  handleClick(event) {\n    const $target = event.target\n    if ($target && this.focusTarget($target)) {\n      event.preventDefault()\n    }\n  }\n\n  /**\n   * Focus the target element\n   *\n   * By default, the browser will scroll the target into view. Because our\n   * labels or legends appear above the input, this means the user will be\n   * presented with an input without any context, as the label or legend will be\n   * off the top of the screen.\n   *\n   * Manually handling the click event, scrolling the question into view and\n   * then focussing the element solves this.\n   *\n   * This also results in the label and/or legend being announced correctly in\n   * NVDA (as tested in 2018.3.2) - without this only the field type is\n   * announced (e.g. \"Edit, has autocomplete\").\n   *\n   * @private\n   * @param {EventTarget} $target - Event target\n   * @returns {boolean} True if the target was able to be focussed\n   */\n  focusTarget($target) {\n    // If the element that was clicked was not a link, return early\n    if (!($target instanceof HTMLAnchorElement)) {\n      return false\n    }\n\n    const inputId = $target.hash.replace('#', '')\n    if (!inputId) {\n      return false\n    }\n\n    const $input = document.getElementById(inputId)\n    if (!$input) {\n      return false\n    }\n\n    const $legendOrLabel = this.getAssociatedLegendOrLabel($input)\n    if (!$legendOrLabel) {\n      return false\n    }\n\n    // Scroll the legend or label into view *before* calling focus on the input\n    // to avoid extra scrolling in browsers that don't support `preventScroll`\n    // (which at time of writing is most of them...)\n    $legendOrLabel.scrollIntoView()\n    $input.focus({ preventScroll: true })\n\n    return true\n  }\n\n  /**\n   * Get associated legend or label\n   *\n   * Returns the first element that exists from this list:\n   *\n   * - The `<legend>` associated with the closest `<fieldset>` ancestor, as long\n   *   as the top of it is no more than half a viewport height away from the\n   *   bottom of the input\n   * - The first `<label>` that is associated with the input using for=\"inputId\"\n   * - The closest parent `<label>`\n   *\n   * @private\n   * @param {Element} $input - The input\n   * @returns {Element | null} Associated legend or label, or null if no\n   *   associated legend or label can be found\n   */\n  getAssociatedLegendOrLabel($input) {\n    const $fieldset = $input.closest('fieldset')\n\n    if ($fieldset) {\n      const $legends = $fieldset.getElementsByTagName('legend')\n\n      if ($legends.length) {\n        const $candidateLegend = $legends[0]\n\n        // If the input type is radio or checkbox, always use the legend if\n        // there is one.\n        if (\n          $input instanceof HTMLInputElement &&\n          ($input.type === 'checkbox' || $input.type === 'radio')\n        ) {\n          return $candidateLegend\n        }\n\n        // For other input types, only scroll to the fieldset’s legend (instead\n        // of the label associated with the input) if the input would end up in\n        // the top half of the screen.\n        //\n        // This should avoid situations where the input either ends up off the\n        // screen, or obscured by a software keyboard.\n        const legendTop = $candidateLegend.getBoundingClientRect().top\n        const inputRect = $input.getBoundingClientRect()\n\n        // If the browser doesn't support Element.getBoundingClientRect().height\n        // or window.innerHeight (like IE8), bail and just link to the label.\n        if (inputRect.height && window.innerHeight) {\n          const inputBottom = inputRect.top + inputRect.height\n\n          if (inputBottom - legendTop < window.innerHeight / 2) {\n            return $candidateLegend\n          }\n        }\n      }\n    }\n\n    return (\n      document.querySelector(`label[for='${$input.getAttribute('id')}']`) ??\n      $input.closest('label')\n    )\n  }\n\n  /**\n   * Name for the component used when initialising using data-module attributes.\n   */\n  static moduleName = 'govuk-error-summary'\n\n  /**\n   * Error summary default config\n   *\n   * @see {@link ErrorSummaryConfig}\n   * @constant\n   * @type {ErrorSummaryConfig}\n   */\n  static defaults = Object.freeze({\n    disableAutoFocus: false\n  })\n\n  /**\n   * Error summary config schema\n   *\n   * @constant\n   * @satisfies {Schema<ErrorSummaryConfig>}\n   */\n  static schema = Object.freeze({\n    properties: {\n      disableAutoFocus: { type: 'boolean' }\n    }\n  })\n}\n\n/**\n * Error summary config\n *\n * @typedef {object} ErrorSummaryConfig\n * @property {boolean} [disableAutoFocus=false] - If set to `true` the error\n *   summary will not be focussed when the page loads.\n */\n\n/**\n * @import { Schema } from '../../common/configuration.mjs'\n */\n"],"names":["setFocus","$element","options","_options$onBeforeFocu","isFocusable","getAttribute","setAttribute","onFocus","addEventListener","onBlur","once","_options$onBlur","call","removeAttribute","onBeforeFocus","focus","isInitialised","$root","moduleName","HTMLElement","hasAttribute","isSupported","$scope","document","body","classList","contains","isArray","option","Array","isObject","formatErrorMessage","Component","message","GOVUKFrontendError","Error","constructor","args","name","SupportError","supportMessage","HTMLScriptElement","prototype","ConfigError","ElementError","messageOrOptions","component","identifier","element","expectedType","InitError","componentOrMessage","_$root","childConstructor","elementType","checkSupport","checkInitialised","configOverride","Symbol","for","ConfigurableComponent","param","config","_config","defaults","datasetConfig","normaliseDataset","dataset","mergeConfigs","normaliseString","value","property","trimmedValue","trim","output","outputType","type","includes","length","isFinite","Number","schema","out","entries","Object","properties","entry","namespace","field","toString","extractConfigByNamespace","configObjects","formattedConfigObject","configObject","key","keys","override","newObject","current","keyParts","split","index","ErrorSummary","disableAutoFocus","event","handleClick","$target","target","focusTarget","preventDefault","HTMLAnchorElement","inputId","hash","replace","$input","getElementById","$legendOrLabel","getAssociatedLegendOrLabel","scrollIntoView","preventScroll","_document$querySelect","$fieldset","closest","$legends","getElementsByTagName","$candidateLegend","HTMLInputElement","legendTop","getBoundingClientRect","top","inputRect","height","window","innerHeight","inputBottom","querySelector","freeze"],"mappings":"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"}
\ No newline at end of file
diff --git a/node_modules/govuk-frontend/dist/govuk/components/error-summary/error-summary.mjs b/node_modules/govuk-frontend/dist/govuk/components/error-summary/error-summary.mjs
new file mode 100644
index 0000000..c4cbc1d
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/error-summary/error-summary.mjs
@@ -0,0 +1,101 @@
+import { ConfigurableComponent } from '../../common/configuration.mjs';
+import { setFocus } from '../../common/index.mjs';
+
+/**
+ * Error summary component
+ *
+ * Takes focus on initialisation for accessible announcement, unless disabled in
+ * configuration.
+ *
+ * @preserve
+ * @augments ConfigurableComponent<ErrorSummaryConfig>
+ */
+class ErrorSummary extends ConfigurableComponent {
+  /**
+   * @param {Element | null} $root - HTML element to use for error summary
+   * @param {ErrorSummaryConfig} [config] - Error summary config
+   */
+  constructor($root, config = {}) {
+    super($root, config);
+    if (!this.config.disableAutoFocus) {
+      setFocus(this.$root);
+    }
+    this.$root.addEventListener('click', event => this.handleClick(event));
+  }
+  handleClick(event) {
+    const $target = event.target;
+    if ($target && this.focusTarget($target)) {
+      event.preventDefault();
+    }
+  }
+  focusTarget($target) {
+    if (!($target instanceof HTMLAnchorElement)) {
+      return false;
+    }
+    const inputId = $target.hash.replace('#', '');
+    if (!inputId) {
+      return false;
+    }
+    const $input = document.getElementById(inputId);
+    if (!$input) {
+      return false;
+    }
+    const $legendOrLabel = this.getAssociatedLegendOrLabel($input);
+    if (!$legendOrLabel) {
+      return false;
+    }
+    $legendOrLabel.scrollIntoView();
+    $input.focus({
+      preventScroll: true
+    });
+    return true;
+  }
+  getAssociatedLegendOrLabel($input) {
+    var _document$querySelect;
+    const $fieldset = $input.closest('fieldset');
+    if ($fieldset) {
+      const $legends = $fieldset.getElementsByTagName('legend');
+      if ($legends.length) {
+        const $candidateLegend = $legends[0];
+        if ($input instanceof HTMLInputElement && ($input.type === 'checkbox' || $input.type === 'radio')) {
+          return $candidateLegend;
+        }
+        const legendTop = $candidateLegend.getBoundingClientRect().top;
+        const inputRect = $input.getBoundingClientRect();
+        if (inputRect.height && window.innerHeight) {
+          const inputBottom = inputRect.top + inputRect.height;
+          if (inputBottom - legendTop < window.innerHeight / 2) {
+            return $candidateLegend;
+          }
+        }
+      }
+    }
+    return (_document$querySelect = document.querySelector(`label[for='${$input.getAttribute('id')}']`)) != null ? _document$querySelect : $input.closest('label');
+  }
+}
+
+/**
+ * Error summary config
+ *
+ * @typedef {object} ErrorSummaryConfig
+ * @property {boolean} [disableAutoFocus=false] - If set to `true` the error
+ *   summary will not be focussed when the page loads.
+ */
+
+/**
+ * @import { Schema } from '../../common/configuration.mjs'
+ */
+ErrorSummary.moduleName = 'govuk-error-summary';
+ErrorSummary.defaults = Object.freeze({
+  disableAutoFocus: false
+});
+ErrorSummary.schema = Object.freeze({
+  properties: {
+    disableAutoFocus: {
+      type: 'boolean'
+    }
+  }
+});
+
+export { ErrorSummary };
+//# sourceMappingURL=error-summary.mjs.map
diff --git a/node_modules/govuk-frontend/dist/govuk/components/error-summary/error-summary.mjs.map b/node_modules/govuk-frontend/dist/govuk/components/error-summary/error-summary.mjs.map
new file mode 100644
index 0000000..ac3cc0f
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/error-summary/error-summary.mjs.map
@@ -0,0 +1 @@
+{"version":3,"file":"error-summary.mjs","sources":["../../../../src/govuk/components/error-summary/error-summary.mjs"],"sourcesContent":["import { ConfigurableComponent } from '../../common/configuration.mjs'\nimport { setFocus } from '../../common/index.mjs'\n\n/**\n * Error summary component\n *\n * Takes focus on initialisation for accessible announcement, unless disabled in\n * configuration.\n *\n * @preserve\n * @augments ConfigurableComponent<ErrorSummaryConfig>\n */\nexport class ErrorSummary extends ConfigurableComponent {\n  /**\n   * @param {Element | null} $root - HTML element to use for error summary\n   * @param {ErrorSummaryConfig} [config] - Error summary config\n   */\n  constructor($root, config = {}) {\n    super($root, config)\n\n    /**\n     * Focus the error summary\n     */\n    if (!this.config.disableAutoFocus) {\n      setFocus(this.$root)\n    }\n\n    this.$root.addEventListener('click', (event) => this.handleClick(event))\n  }\n\n  /**\n   * Click event handler\n   *\n   * @private\n   * @param {MouseEvent} event - Click event\n   */\n  handleClick(event) {\n    const $target = event.target\n    if ($target && this.focusTarget($target)) {\n      event.preventDefault()\n    }\n  }\n\n  /**\n   * Focus the target element\n   *\n   * By default, the browser will scroll the target into view. Because our\n   * labels or legends appear above the input, this means the user will be\n   * presented with an input without any context, as the label or legend will be\n   * off the top of the screen.\n   *\n   * Manually handling the click event, scrolling the question into view and\n   * then focussing the element solves this.\n   *\n   * This also results in the label and/or legend being announced correctly in\n   * NVDA (as tested in 2018.3.2) - without this only the field type is\n   * announced (e.g. \"Edit, has autocomplete\").\n   *\n   * @private\n   * @param {EventTarget} $target - Event target\n   * @returns {boolean} True if the target was able to be focussed\n   */\n  focusTarget($target) {\n    // If the element that was clicked was not a link, return early\n    if (!($target instanceof HTMLAnchorElement)) {\n      return false\n    }\n\n    const inputId = $target.hash.replace('#', '')\n    if (!inputId) {\n      return false\n    }\n\n    const $input = document.getElementById(inputId)\n    if (!$input) {\n      return false\n    }\n\n    const $legendOrLabel = this.getAssociatedLegendOrLabel($input)\n    if (!$legendOrLabel) {\n      return false\n    }\n\n    // Scroll the legend or label into view *before* calling focus on the input\n    // to avoid extra scrolling in browsers that don't support `preventScroll`\n    // (which at time of writing is most of them...)\n    $legendOrLabel.scrollIntoView()\n    $input.focus({ preventScroll: true })\n\n    return true\n  }\n\n  /**\n   * Get associated legend or label\n   *\n   * Returns the first element that exists from this list:\n   *\n   * - The `<legend>` associated with the closest `<fieldset>` ancestor, as long\n   *   as the top of it is no more than half a viewport height away from the\n   *   bottom of the input\n   * - The first `<label>` that is associated with the input using for=\"inputId\"\n   * - The closest parent `<label>`\n   *\n   * @private\n   * @param {Element} $input - The input\n   * @returns {Element | null} Associated legend or label, or null if no\n   *   associated legend or label can be found\n   */\n  getAssociatedLegendOrLabel($input) {\n    const $fieldset = $input.closest('fieldset')\n\n    if ($fieldset) {\n      const $legends = $fieldset.getElementsByTagName('legend')\n\n      if ($legends.length) {\n        const $candidateLegend = $legends[0]\n\n        // If the input type is radio or checkbox, always use the legend if\n        // there is one.\n        if (\n          $input instanceof HTMLInputElement &&\n          ($input.type === 'checkbox' || $input.type === 'radio')\n        ) {\n          return $candidateLegend\n        }\n\n        // For other input types, only scroll to the fieldset’s legend (instead\n        // of the label associated with the input) if the input would end up in\n        // the top half of the screen.\n        //\n        // This should avoid situations where the input either ends up off the\n        // screen, or obscured by a software keyboard.\n        const legendTop = $candidateLegend.getBoundingClientRect().top\n        const inputRect = $input.getBoundingClientRect()\n\n        // If the browser doesn't support Element.getBoundingClientRect().height\n        // or window.innerHeight (like IE8), bail and just link to the label.\n        if (inputRect.height && window.innerHeight) {\n          const inputBottom = inputRect.top + inputRect.height\n\n          if (inputBottom - legendTop < window.innerHeight / 2) {\n            return $candidateLegend\n          }\n        }\n      }\n    }\n\n    return (\n      document.querySelector(`label[for='${$input.getAttribute('id')}']`) ??\n      $input.closest('label')\n    )\n  }\n\n  /**\n   * Name for the component used when initialising using data-module attributes.\n   */\n  static moduleName = 'govuk-error-summary'\n\n  /**\n   * Error summary default config\n   *\n   * @see {@link ErrorSummaryConfig}\n   * @constant\n   * @type {ErrorSummaryConfig}\n   */\n  static defaults = Object.freeze({\n    disableAutoFocus: false\n  })\n\n  /**\n   * Error summary config schema\n   *\n   * @constant\n   * @satisfies {Schema<ErrorSummaryConfig>}\n   */\n  static schema = Object.freeze({\n    properties: {\n      disableAutoFocus: { type: 'boolean' }\n    }\n  })\n}\n\n/**\n * Error summary config\n *\n * @typedef {object} ErrorSummaryConfig\n * @property {boolean} [disableAutoFocus=false] - If set to `true` the error\n *   summary will not be focussed when the page loads.\n */\n\n/**\n * @import { Schema } from '../../common/configuration.mjs'\n */\n"],"names":["ErrorSummary","ConfigurableComponent","constructor","$root","config","disableAutoFocus","setFocus","addEventListener","event","handleClick","$target","target","focusTarget","preventDefault","HTMLAnchorElement","inputId","hash","replace","$input","document","getElementById","$legendOrLabel","getAssociatedLegendOrLabel","scrollIntoView","focus","preventScroll","_document$querySelect","$fieldset","closest","$legends","getElementsByTagName","length","$candidateLegend","HTMLInputElement","type","legendTop","getBoundingClientRect","top","inputRect","height","window","innerHeight","inputBottom","querySelector","getAttribute","moduleName","defaults","Object","freeze","schema","properties"],"mappings":"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"}
\ No newline at end of file
diff --git a/node_modules/govuk-frontend/dist/govuk/components/error-summary/fixtures.json b/node_modules/govuk-frontend/dist/govuk/components/error-summary/fixtures.json
new file mode 100644
index 0000000..cfc0520
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/error-summary/fixtures.json
@@ -0,0 +1,326 @@
+{
+    "component": "error-summary",
+    "fixtures": [
+        {
+            "name": "default",
+            "options": {
+                "titleText": "There is a problem",
+                "errorList": [
+                    {
+                        "text": "The date your passport was issued must be in the past",
+                        "href": "#example-error-1"
+                    },
+                    {
+                        "text": "Enter a postcode, like AA1 1AA",
+                        "href": "#example-error-2"
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": true,
+            "html": "<div class=\"govuk-error-summary\" data-module=\"govuk-error-summary\">\n  <div role=\"alert\">\n    <h2 class=\"govuk-error-summary__title\">\n      There is a problem\n    </h2>\n    <div class=\"govuk-error-summary__body\">\n        <ul class=\"govuk-list govuk-error-summary__list\">\n          <li>\n            <a href=\"#example-error-1\">The date your passport was issued must be in the past</a>\n          </li>\n          <li>\n            <a href=\"#example-error-2\">Enter a postcode, like AA1 1AA</a>\n          </li>\n        </ul>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "without links",
+            "options": {
+                "titleText": "There is a problem",
+                "errorList": [
+                    {
+                        "text": "Invalid username or password"
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-error-summary\" data-module=\"govuk-error-summary\">\n  <div role=\"alert\">\n    <h2 class=\"govuk-error-summary__title\">\n      There is a problem\n    </h2>\n    <div class=\"govuk-error-summary__body\">\n        <ul class=\"govuk-list govuk-error-summary__list\">\n          <li>\n            Invalid username or password\n          </li>\n        </ul>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "mixed with and without links",
+            "options": {
+                "titleText": "There is a problem",
+                "errorList": [
+                    {
+                        "text": "Invalid username or password"
+                    },
+                    {
+                        "text": "Agree to the terms of service to log in",
+                        "href": "#example-error-1"
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-error-summary\" data-module=\"govuk-error-summary\">\n  <div role=\"alert\">\n    <h2 class=\"govuk-error-summary__title\">\n      There is a problem\n    </h2>\n    <div class=\"govuk-error-summary__body\">\n        <ul class=\"govuk-list govuk-error-summary__list\">\n          <li>\n            Invalid username or password\n          </li>\n          <li>\n            <a href=\"#example-error-1\">Agree to the terms of service to log in</a>\n          </li>\n        </ul>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "with description only",
+            "options": {
+                "titleText": "There is a problem",
+                "descriptionText": "The file couldn't be loaded. Try again later."
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-error-summary\" data-module=\"govuk-error-summary\">\n  <div role=\"alert\">\n    <h2 class=\"govuk-error-summary__title\">\n      There is a problem\n    </h2>\n    <div class=\"govuk-error-summary__body\">\n      <p>\n        The file couldn&#39;t be loaded. Try again later.\n      </p>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "with everything",
+            "options": {
+                "titleText": "There is a problem",
+                "descriptionText": "Please fix the errors below.",
+                "errorList": [
+                    {
+                        "text": "Invalid username or password"
+                    },
+                    {
+                        "text": "Agree to the terms of service to log in",
+                        "href": "#example-error-1"
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": true,
+            "html": "<div class=\"govuk-error-summary\" data-module=\"govuk-error-summary\">\n  <div role=\"alert\">\n    <h2 class=\"govuk-error-summary__title\">\n      There is a problem\n    </h2>\n    <div class=\"govuk-error-summary__body\">\n      <p>\n        Please fix the errors below.\n      </p>\n        <ul class=\"govuk-list govuk-error-summary__list\">\n          <li>\n            Invalid username or password\n          </li>\n          <li>\n            <a href=\"#example-error-1\">Agree to the terms of service to log in</a>\n          </li>\n        </ul>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "html as titleText",
+            "options": {
+                "titleText": "Alert, <em>alert</em>",
+                "errorList": [
+                    {
+                        "text": "Invalid username or password"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-error-summary\" data-module=\"govuk-error-summary\">\n  <div role=\"alert\">\n    <h2 class=\"govuk-error-summary__title\">\n      Alert, &lt;em&gt;alert&lt;/em&gt;\n    </h2>\n    <div class=\"govuk-error-summary__body\">\n        <ul class=\"govuk-list govuk-error-summary__list\">\n          <li>\n            Invalid username or password\n          </li>\n        </ul>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "title html",
+            "options": {
+                "titleHtml": "Alert, <em>alert</em>",
+                "errorList": [
+                    {
+                        "text": "Invalid username or password"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-error-summary\" data-module=\"govuk-error-summary\">\n  <div role=\"alert\">\n    <h2 class=\"govuk-error-summary__title\">\n      Alert, <em>alert</em>\n    </h2>\n    <div class=\"govuk-error-summary__body\">\n        <ul class=\"govuk-list govuk-error-summary__list\">\n          <li>\n            Invalid username or password\n          </li>\n        </ul>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "description",
+            "options": {
+                "titleText": "There is a problem",
+                "descriptionText": "Lorem ipsum",
+                "errorList": [
+                    {
+                        "text": "Invalid username or password"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-error-summary\" data-module=\"govuk-error-summary\">\n  <div role=\"alert\">\n    <h2 class=\"govuk-error-summary__title\">\n      There is a problem\n    </h2>\n    <div class=\"govuk-error-summary__body\">\n      <p>\n        Lorem ipsum\n      </p>\n        <ul class=\"govuk-list govuk-error-summary__list\">\n          <li>\n            Invalid username or password\n          </li>\n        </ul>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "html as descriptionText",
+            "options": {
+                "titleText": "There is a problem",
+                "descriptionText": "See errors below (>)",
+                "errorList": [
+                    {
+                        "text": "Invalid username or password"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-error-summary\" data-module=\"govuk-error-summary\">\n  <div role=\"alert\">\n    <h2 class=\"govuk-error-summary__title\">\n      There is a problem\n    </h2>\n    <div class=\"govuk-error-summary__body\">\n      <p>\n        See errors below (&gt;)\n      </p>\n        <ul class=\"govuk-list govuk-error-summary__list\">\n          <li>\n            Invalid username or password\n          </li>\n        </ul>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "description html",
+            "options": {
+                "titleText": "There is a problem",
+                "descriptionHtml": "See <span>errors</span> below",
+                "errorList": [
+                    {
+                        "text": "Invalid username or password"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-error-summary\" data-module=\"govuk-error-summary\">\n  <div role=\"alert\">\n    <h2 class=\"govuk-error-summary__title\">\n      There is a problem\n    </h2>\n    <div class=\"govuk-error-summary__body\">\n      <p>\n        See <span>errors</span> below\n      </p>\n        <ul class=\"govuk-list govuk-error-summary__list\">\n          <li>\n            Invalid username or password\n          </li>\n        </ul>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "classes",
+            "options": {
+                "titleText": "There is a problem",
+                "classes": "extra-class one-more-class",
+                "errorList": [
+                    {
+                        "text": "Invalid username or password"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-error-summary extra-class one-more-class\" data-module=\"govuk-error-summary\">\n  <div role=\"alert\">\n    <h2 class=\"govuk-error-summary__title\">\n      There is a problem\n    </h2>\n    <div class=\"govuk-error-summary__body\">\n        <ul class=\"govuk-list govuk-error-summary__list\">\n          <li>\n            Invalid username or password\n          </li>\n        </ul>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "attributes",
+            "options": {
+                "titleText": "There is a problem",
+                "attributes": {
+                    "first-attribute": "foo",
+                    "second-attribute": "bar"
+                },
+                "errorList": [
+                    {
+                        "text": "Invalid username or password"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-error-summary\" first-attribute=\"foo\" second-attribute=\"bar\" data-module=\"govuk-error-summary\">\n  <div role=\"alert\">\n    <h2 class=\"govuk-error-summary__title\">\n      There is a problem\n    </h2>\n    <div class=\"govuk-error-summary__body\">\n        <ul class=\"govuk-list govuk-error-summary__list\">\n          <li>\n            Invalid username or password\n          </li>\n        </ul>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "error list with attributes",
+            "options": {
+                "titleText": "There is a problem",
+                "errorList": [
+                    {
+                        "text": "Error-1",
+                        "href": "#item",
+                        "attributes": {
+                            "data-attribute": "my-attribute",
+                            "data-attribute-2": "my-attribute-2"
+                        }
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-error-summary\" data-module=\"govuk-error-summary\">\n  <div role=\"alert\">\n    <h2 class=\"govuk-error-summary__title\">\n      There is a problem\n    </h2>\n    <div class=\"govuk-error-summary__body\">\n        <ul class=\"govuk-list govuk-error-summary__list\">\n          <li>\n            <a href=\"#item\" data-attribute=\"my-attribute\" data-attribute-2=\"my-attribute-2\">Error-1</a>\n          </li>\n        </ul>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "error list with html as text",
+            "options": {
+                "titleText": "There is a problem",
+                "errorList": [
+                    {
+                        "text": "Descriptive link to the <b>question</b> with an error"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-error-summary\" data-module=\"govuk-error-summary\">\n  <div role=\"alert\">\n    <h2 class=\"govuk-error-summary__title\">\n      There is a problem\n    </h2>\n    <div class=\"govuk-error-summary__body\">\n        <ul class=\"govuk-list govuk-error-summary__list\">\n          <li>\n            Descriptive link to the &lt;b&gt;question&lt;/b&gt; with an error\n          </li>\n        </ul>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "error list with html",
+            "options": {
+                "titleText": "There is a problem",
+                "errorList": [
+                    {
+                        "html": "The date your passport was issued <b>must</b> be in the past"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-error-summary\" data-module=\"govuk-error-summary\">\n  <div role=\"alert\">\n    <h2 class=\"govuk-error-summary__title\">\n      There is a problem\n    </h2>\n    <div class=\"govuk-error-summary__body\">\n        <ul class=\"govuk-list govuk-error-summary__list\">\n          <li>\n            The date your passport was issued <b>must</b> be in the past\n          </li>\n        </ul>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "error list with html link",
+            "options": {
+                "titleText": "There is a problem",
+                "errorList": [
+                    {
+                        "html": "Descriptive link to the <b>question</b> with an error",
+                        "href": "#error-1"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-error-summary\" data-module=\"govuk-error-summary\">\n  <div role=\"alert\">\n    <h2 class=\"govuk-error-summary__title\">\n      There is a problem\n    </h2>\n    <div class=\"govuk-error-summary__body\">\n        <ul class=\"govuk-list govuk-error-summary__list\">\n          <li>\n            <a href=\"#error-1\">Descriptive link to the <b>question</b> with an error</a>\n          </li>\n        </ul>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "error list with html as text link",
+            "options": {
+                "titleText": "There is a problem",
+                "errorList": [
+                    {
+                        "text": "Descriptive link to the <b>question</b> with an error",
+                        "href": "#error-1"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-error-summary\" data-module=\"govuk-error-summary\">\n  <div role=\"alert\">\n    <h2 class=\"govuk-error-summary__title\">\n      There is a problem\n    </h2>\n    <div class=\"govuk-error-summary__body\">\n        <ul class=\"govuk-list govuk-error-summary__list\">\n          <li>\n            <a href=\"#error-1\">Descriptive link to the &lt;b&gt;question&lt;/b&gt; with an error</a>\n          </li>\n        </ul>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "autofocus disabled",
+            "options": {
+                "titleText": "There is a problem",
+                "disableAutoFocus": true
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-error-summary\" data-disable-auto-focus=\"true\" data-module=\"govuk-error-summary\">\n  <div role=\"alert\">\n    <h2 class=\"govuk-error-summary__title\">\n      There is a problem\n    </h2>\n    <div class=\"govuk-error-summary__body\">\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "autofocus explicitly enabled",
+            "options": {
+                "titleText": "There is a problem",
+                "disableAutoFocus": false
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-error-summary\" data-disable-auto-focus=\"false\" data-module=\"govuk-error-summary\">\n  <div role=\"alert\">\n    <h2 class=\"govuk-error-summary__title\">\n      There is a problem\n    </h2>\n    <div class=\"govuk-error-summary__body\">\n    </div>\n  </div>\n</div>"
+        }
+    ]
+}
diff --git a/node_modules/govuk-frontend/dist/govuk/components/error-summary/macro-options.json b/node_modules/govuk-frontend/dist/govuk/components/error-summary/macro-options.json
new file mode 100644
index 0000000..747968a
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/error-summary/macro-options.json
@@ -0,0 +1,82 @@
+[
+    {
+        "name": "titleText",
+        "type": "string",
+        "required": true,
+        "description": "If `titleHtml` is set, this is not required. Text to use for the heading of the error summary block. If `titleHtml` is provided, `titleText` will be ignored."
+    },
+    {
+        "name": "titleHtml",
+        "type": "string",
+        "required": true,
+        "description": "If `titleText` is set, this is not required. HTML to use for the heading of the error summary block. If `titleHtml` is provided, `titleText` will be ignored."
+    },
+    {
+        "name": "descriptionText",
+        "type": "string",
+        "required": false,
+        "description": "Text to use for the description of the errors. If you set `descriptionHtml`, the component will ignore `descriptionText`."
+    },
+    {
+        "name": "descriptionHtml",
+        "type": "string",
+        "required": false,
+        "description": "HTML to use for the description of the errors. If you set this option, the component will ignore `descriptionText`."
+    },
+    {
+        "name": "caller",
+        "type": "nunjucks-block",
+        "required": false,
+        "description": "Not strictly a parameter but [Nunjucks code convention](https://mozilla.github.io/nunjucks/templating.html#call). Using a `call` block enables you to call a macro with all the text inside the tag. This is helpful if you want to pass a lot of content into a macro. To use it, you will need to wrap the entire error summary component in a `call` block."
+    },
+    {
+        "name": "errorList",
+        "type": "array",
+        "required": false,
+        "description": "A list of errors to include in the error summary.",
+        "params": [
+            {
+                "name": "href",
+                "type": "string",
+                "required": false,
+                "description": "Href attribute for the error link item. If provided item will be an anchor."
+            },
+            {
+                "name": "text",
+                "type": "string",
+                "required": true,
+                "description": "If `html` is set, this is not required. Text for the error link item. If `html` is provided, the `text` option will be ignored."
+            },
+            {
+                "name": "html",
+                "type": "string",
+                "required": true,
+                "description": "If `text` is set, this is not required. HTML for the error link item. If `html` is provided, the `text` option will be ignored."
+            },
+            {
+                "name": "attributes",
+                "type": "object",
+                "required": false,
+                "description": "HTML attributes (for example data attributes) to add to the error link anchor."
+            }
+        ]
+    },
+    {
+        "name": "disableAutoFocus",
+        "type": "boolean",
+        "required": false,
+        "description": "Prevent moving focus to the error summary when the page loads."
+    },
+    {
+        "name": "classes",
+        "type": "string",
+        "required": false,
+        "description": "Classes to add to the error-summary container."
+    },
+    {
+        "name": "attributes",
+        "type": "object",
+        "required": false,
+        "description": "HTML attributes (for example data attributes) to add to the error-summary container."
+    }
+]
diff --git a/node_modules/govuk-frontend/dist/govuk/components/error-summary/macro.njk b/node_modules/govuk-frontend/dist/govuk/components/error-summary/macro.njk
new file mode 100644
index 0000000..295d725
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/error-summary/macro.njk
@@ -0,0 +1,3 @@
+{% macro govukErrorSummary(params) %}
+  {%- include "./template.njk" -%}
+{% endmacro %}
diff --git a/node_modules/govuk-frontend/dist/govuk/components/error-summary/template-default.html b/node_modules/govuk-frontend/dist/govuk/components/error-summary/template-default.html
new file mode 100644
index 0000000..4cbbbc2
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/error-summary/template-default.html
@@ -0,0 +1,17 @@
+<div class="govuk-error-summary" data-module="govuk-error-summary">
+  <div role="alert">
+    <h2 class="govuk-error-summary__title">
+      There is a problem
+    </h2>
+    <div class="govuk-error-summary__body">
+        <ul class="govuk-list govuk-error-summary__list">
+          <li>
+            <a href="#example-error-1">The date your passport was issued must be in the past</a>
+          </li>
+          <li>
+            <a href="#example-error-2">Enter a postcode, like AA1 1AA</a>
+          </li>
+        </ul>
+    </div>
+  </div>
+</div>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/error-summary/template-mixed-with-and-without-links.html b/node_modules/govuk-frontend/dist/govuk/components/error-summary/template-mixed-with-and-without-links.html
new file mode 100644
index 0000000..8fa5e6f
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/error-summary/template-mixed-with-and-without-links.html
@@ -0,0 +1,17 @@
+<div class="govuk-error-summary" data-module="govuk-error-summary">
+  <div role="alert">
+    <h2 class="govuk-error-summary__title">
+      There is a problem
+    </h2>
+    <div class="govuk-error-summary__body">
+        <ul class="govuk-list govuk-error-summary__list">
+          <li>
+            Invalid username or password
+          </li>
+          <li>
+            <a href="#example-error-1">Agree to the terms of service to log in</a>
+          </li>
+        </ul>
+    </div>
+  </div>
+</div>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/error-summary/template-with-description-only.html b/node_modules/govuk-frontend/dist/govuk/components/error-summary/template-with-description-only.html
new file mode 100644
index 0000000..7e3edec
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/error-summary/template-with-description-only.html
@@ -0,0 +1,12 @@
+<div class="govuk-error-summary" data-module="govuk-error-summary">
+  <div role="alert">
+    <h2 class="govuk-error-summary__title">
+      There is a problem
+    </h2>
+    <div class="govuk-error-summary__body">
+      <p>
+        The file couldn&#39;t be loaded. Try again later.
+      </p>
+    </div>
+  </div>
+</div>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/error-summary/template-with-everything.html b/node_modules/govuk-frontend/dist/govuk/components/error-summary/template-with-everything.html
new file mode 100644
index 0000000..41cae1d
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/error-summary/template-with-everything.html
@@ -0,0 +1,20 @@
+<div class="govuk-error-summary" data-module="govuk-error-summary">
+  <div role="alert">
+    <h2 class="govuk-error-summary__title">
+      There is a problem
+    </h2>
+    <div class="govuk-error-summary__body">
+      <p>
+        Please fix the errors below.
+      </p>
+        <ul class="govuk-list govuk-error-summary__list">
+          <li>
+            Invalid username or password
+          </li>
+          <li>
+            <a href="#example-error-1">Agree to the terms of service to log in</a>
+          </li>
+        </ul>
+    </div>
+  </div>
+</div>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/error-summary/template-without-links.html b/node_modules/govuk-frontend/dist/govuk/components/error-summary/template-without-links.html
new file mode 100644
index 0000000..6864f7e
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/error-summary/template-without-links.html
@@ -0,0 +1,14 @@
+<div class="govuk-error-summary" data-module="govuk-error-summary">
+  <div role="alert">
+    <h2 class="govuk-error-summary__title">
+      There is a problem
+    </h2>
+    <div class="govuk-error-summary__body">
+        <ul class="govuk-list govuk-error-summary__list">
+          <li>
+            Invalid username or password
+          </li>
+        </ul>
+    </div>
+  </div>
+</div>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/error-summary/template.njk b/node_modules/govuk-frontend/dist/govuk/components/error-summary/template.njk
new file mode 100644
index 0000000..dd6fc0e
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/error-summary/template.njk
@@ -0,0 +1,37 @@
+{% from "../../macros/attributes.njk" import govukAttributes -%}
+
+<div class="govuk-error-summary
+  {%- if params.classes %} {{ params.classes }}{% endif %}"
+  {%- if params.disableAutoFocus !== undefined %} data-disable-auto-focus="{{ params.disableAutoFocus }}"{% endif %}
+  {{- govukAttributes(params.attributes) }} data-module="govuk-error-summary">
+  {#- Keep the role="alert" in a seperate child container to prevent a race condition between
+  the focusing js at the alert, resulting in information getting missed in screen reader announcements #}
+  <div role="alert">
+    <h2 class="govuk-error-summary__title">
+      {{ params.titleHtml | safe | trim | indent(6) if params.titleHtml else params.titleText }}
+    </h2>
+    <div class="govuk-error-summary__body">
+      {% if caller or params.descriptionHtml or params.descriptionText %}
+      <p>
+        {{ caller() if caller else (params.descriptionHtml | safe | trim | indent(8) if params.descriptionHtml else params.descriptionText) }}
+      </p>
+      {% endif %}
+      {% if params.errorList | length %}
+        <ul class="govuk-list govuk-error-summary__list">
+        {% for item in params.errorList %}
+          <li>
+          {% if item.href %}
+            <a href="{{ item.href }}"
+              {{- govukAttributes(item.attributes) }}>
+              {{- item.html | safe | trim | indent(12) if item.html else item.text -}}
+            </a>
+          {% else %}
+            {{ item.html | safe | trim | indent(10) if item.html else item.text }}
+          {% endif %}
+          </li>
+        {% endfor %}
+        </ul>
+      {% endif %}
+    </div>
+  </div>
+</div>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/exit-this-page/README.md b/node_modules/govuk-frontend/dist/govuk/components/exit-this-page/README.md
new file mode 100644
index 0000000..c401151
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/exit-this-page/README.md
@@ -0,0 +1,15 @@
+# Exit this page
+
+## Installation
+
+See the [main README quick start guide](https://github.com/alphagov/govuk-frontend#quick-start) for how to install this component.
+
+## Guidance and Examples
+
+Find out when to use the exit this page component in your service in the [GOV.UK Design System](https://design-system.service.gov.uk/components/exit-this-page).
+
+## Component options
+
+Use options to customise the appearance, content and behaviour of a component when using a macro, for example, changing the text.
+
+See [options table](https://design-system.service.gov.uk/components/exit-this-page/#options-exit-this-page-example) for details.
diff --git a/node_modules/govuk-frontend/dist/govuk/components/exit-this-page/_exit-this-page.scss b/node_modules/govuk-frontend/dist/govuk/components/exit-this-page/_exit-this-page.scss
new file mode 100644
index 0000000..c6c43a3
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/exit-this-page/_exit-this-page.scss
@@ -0,0 +1,4 @@
+@import "../../base";
+@import "./index";
+
+/*# sourceMappingURL=_exit-this-page.scss.map */
diff --git a/node_modules/govuk-frontend/dist/govuk/components/exit-this-page/_exit-this-page.scss.map b/node_modules/govuk-frontend/dist/govuk/components/exit-this-page/_exit-this-page.scss.map
new file mode 100644
index 0000000..75e2115
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/exit-this-page/_exit-this-page.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/exit-this-page/_exit-this-page.scss"],"names":[],"mappings":"AAAA,oBAAoB;AACpB,iBAAiB","file":"_exit-this-page.scss","sourcesContent":["@import \"../../base\";\n@import \"./index\";\n"]}
diff --git a/node_modules/govuk-frontend/dist/govuk/components/exit-this-page/_index.scss b/node_modules/govuk-frontend/dist/govuk/components/exit-this-page/_index.scss
new file mode 100644
index 0000000..c8a7824
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/exit-this-page/_index.scss
@@ -0,0 +1,92 @@
+@import "../button/index";
+
+@include govuk-exports("govuk/component/exit-this-page") {
+  $indicator-size: 0.75em;
+
+  .govuk-exit-this-page {
+    @include govuk-responsive-margin(8, "bottom");
+    position: -webkit-sticky;
+    position: sticky;
+    z-index: 1000;
+    top: 0;
+    left: 0;
+    width: 100%;
+
+    @include govuk-media-query($from: tablet) {
+      display: inline-block;
+      right: 0;
+      left: auto;
+      width: auto;
+      float: right;
+    }
+  }
+
+  .govuk-exit-this-page__button {
+    margin-bottom: 0;
+  }
+
+  .govuk-exit-this-page__indicator {
+    @include govuk-responsive-padding(2);
+    display: none;
+    padding-bottom: 0;
+    color: inherit;
+    line-height: 0; // removes extra negative space below the indicators
+    text-align: center;
+    pointer-events: none;
+  }
+
+  .govuk-exit-this-page__indicator--visible {
+    display: block;
+  }
+
+  .govuk-exit-this-page__indicator-light {
+    box-sizing: border-box;
+    display: inline-block;
+    width: $indicator-size;
+    height: $indicator-size;
+    margin: 0 0.125em;
+    border-width: 2px;
+    border-style: solid;
+    border-radius: 50%;
+    border-color: currentcolor;
+  }
+
+  .govuk-exit-this-page__indicator-light--on {
+    border-width: $indicator-size / 2;
+  }
+
+  @media only print {
+    .govuk-exit-this-page {
+      display: none;
+    }
+  }
+
+  .govuk-exit-this-page-overlay {
+    position: fixed;
+    z-index: 9999;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    background-color: govuk-colour("white");
+  }
+
+  // This class is added to the body when the Exit This Page button is activated
+  // in addition to the overlay to both block the entire screen and hide everything
+  // underneath it.
+  //
+  // We do this to ensure that users don't risk interacting with the page underneath
+  // the overlay between activating the button and navigating to the next page.
+  .govuk-exit-this-page-hide-content {
+    // stylelint-disable declaration-no-important
+    * {
+      display: none !important;
+    }
+
+    .govuk-exit-this-page-overlay {
+      display: block !important;
+    }
+  }
+}
+
+/*# sourceMappingURL=_index.scss.map */
diff --git a/node_modules/govuk-frontend/dist/govuk/components/exit-this-page/_index.scss.map b/node_modules/govuk-frontend/dist/govuk/components/exit-this-page/_index.scss.map
new file mode 100644
index 0000000..0794ce0
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/exit-this-page/_index.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/exit-this-page/_index.scss"],"names":[],"mappings":"AAAA,yBAAyB;;AAEzB;EACE,uBAAuB;;EAEvB;IACE,6CAA6C;IAC7C,wBAAgB;IAAhB,gBAAgB;IAChB,aAAa;IACb,MAAM;IACN,OAAO;IACP,WAAW;;IAEX;MACE,qBAAqB;MACrB,QAAQ;MACR,UAAU;MACV,WAAW;MACX,YAAY;IACd;EACF;;EAEA;IACE,gBAAgB;EAClB;;EAEA;IACE,oCAAoC;IACpC,aAAa;IACb,iBAAiB;IACjB,cAAc;IACd,cAAc,EAAE,mDAAmD;IACnE,kBAAkB;IAClB,oBAAoB;EACtB;;EAEA;IACE,cAAc;EAChB;;EAEA;IACE,sBAAsB;IACtB,qBAAqB;IACrB,sBAAsB;IACtB,uBAAuB;IACvB,iBAAiB;IACjB,iBAAiB;IACjB,mBAAmB;IACnB,kBAAkB;IAClB,0BAA0B;EAC5B;;EAEA;IACE,iCAAiC;EACnC;;EAEA;IACE;MACE,aAAa;IACf;EACF;;EAEA;IACE,eAAe;IACf,aAAa;IACb,MAAM;IACN,QAAQ;IACR,SAAS;IACT,OAAO;IACP,uCAAuC;EACzC;;EAEA,6EAA6E;EAC7E,gFAAgF;EAChF,gBAAgB;EAChB,CAAC;EACD,iFAAiF;EACjF,4EAA4E;EAC5E;IACE,4CAA4C;IAC5C;MACE,wBAAwB;IAC1B;;IAEA;MACE,yBAAyB;IAC3B;EACF;AACF","file":"_index.scss","sourcesContent":["@import \"../button/index\";\n\n@include govuk-exports(\"govuk/component/exit-this-page\") {\n  $indicator-size: 0.75em;\n\n  .govuk-exit-this-page {\n    @include govuk-responsive-margin(8, \"bottom\");\n    position: sticky;\n    z-index: 1000;\n    top: 0;\n    left: 0;\n    width: 100%;\n\n    @include govuk-media-query($from: tablet) {\n      display: inline-block;\n      right: 0;\n      left: auto;\n      width: auto;\n      float: right;\n    }\n  }\n\n  .govuk-exit-this-page__button {\n    margin-bottom: 0;\n  }\n\n  .govuk-exit-this-page__indicator {\n    @include govuk-responsive-padding(2);\n    display: none;\n    padding-bottom: 0;\n    color: inherit;\n    line-height: 0; // removes extra negative space below the indicators\n    text-align: center;\n    pointer-events: none;\n  }\n\n  .govuk-exit-this-page__indicator--visible {\n    display: block;\n  }\n\n  .govuk-exit-this-page__indicator-light {\n    box-sizing: border-box;\n    display: inline-block;\n    width: $indicator-size;\n    height: $indicator-size;\n    margin: 0 0.125em;\n    border-width: 2px;\n    border-style: solid;\n    border-radius: 50%;\n    border-color: currentcolor;\n  }\n\n  .govuk-exit-this-page__indicator-light--on {\n    border-width: $indicator-size / 2;\n  }\n\n  @media only print {\n    .govuk-exit-this-page {\n      display: none;\n    }\n  }\n\n  .govuk-exit-this-page-overlay {\n    position: fixed;\n    z-index: 9999;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    background-color: govuk-colour(\"white\");\n  }\n\n  // This class is added to the body when the Exit This Page button is activated\n  // in addition to the overlay to both block the entire screen and hide everything\n  // underneath it.\n  //\n  // We do this to ensure that users don't risk interacting with the page underneath\n  // the overlay between activating the button and navigating to the next page.\n  .govuk-exit-this-page-hide-content {\n    // stylelint-disable declaration-no-important\n    * {\n      display: none !important;\n    }\n\n    .govuk-exit-this-page-overlay {\n      display: block !important;\n    }\n  }\n}\n"]}
diff --git a/node_modules/govuk-frontend/dist/govuk/components/exit-this-page/exit-this-page.bundle.js b/node_modules/govuk-frontend/dist/govuk/components/exit-this-page/exit-this-page.bundle.js
new file mode 100644
index 0000000..162c252
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/exit-this-page/exit-this-page.bundle.js
@@ -0,0 +1,584 @@
+(function (global, factory) {
+  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports) :
+  typeof define === 'function' && define.amd ? define(['exports'], factory) :
+  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.GOVUKFrontend = global.GOVUKFrontend || {}));
+})(this, (function (exports) { 'use strict';
+
+  function isInitialised($root, moduleName) {
+    return $root instanceof HTMLElement && $root.hasAttribute(`data-${moduleName}-init`);
+  }
+
+  /**
+   * Checks if GOV.UK Frontend is supported on this page
+   *
+   * Some browsers will load and run our JavaScript but GOV.UK Frontend
+   * won't be supported.
+   *
+   * @param {HTMLElement | null} [$scope] - (internal) `<body>` HTML element checked for browser support
+   * @returns {boolean} Whether GOV.UK Frontend is supported on this page
+   */
+  function isSupported($scope = document.body) {
+    if (!$scope) {
+      return false;
+    }
+    return $scope.classList.contains('govuk-frontend-supported');
+  }
+  function isArray(option) {
+    return Array.isArray(option);
+  }
+  function isObject(option) {
+    return !!option && typeof option === 'object' && !isArray(option);
+  }
+  function formatErrorMessage(Component, message) {
+    return `${Component.moduleName}: ${message}`;
+  }
+  /**
+   * @typedef ComponentWithModuleName
+   * @property {string} moduleName - Name of the component
+   */
+
+  class GOVUKFrontendError extends Error {
+    constructor(...args) {
+      super(...args);
+      this.name = 'GOVUKFrontendError';
+    }
+  }
+  class SupportError extends GOVUKFrontendError {
+    /**
+     * Checks if GOV.UK Frontend is supported on this page
+     *
+     * @param {HTMLElement | null} [$scope] - HTML element `<body>` checked for browser support
+     */
+    constructor($scope = document.body) {
+      const supportMessage = 'noModule' in HTMLScriptElement.prototype ? 'GOV.UK Frontend initialised without `<body class="govuk-frontend-supported">` from template `<script>` snippet' : 'GOV.UK Frontend is not supported in this browser';
+      super($scope ? supportMessage : 'GOV.UK Frontend initialised without `<script type="module">`');
+      this.name = 'SupportError';
+    }
+  }
+  class ConfigError extends GOVUKFrontendError {
+    constructor(...args) {
+      super(...args);
+      this.name = 'ConfigError';
+    }
+  }
+  class ElementError extends GOVUKFrontendError {
+    constructor(messageOrOptions) {
+      let message = typeof messageOrOptions === 'string' ? messageOrOptions : '';
+      if (isObject(messageOrOptions)) {
+        const {
+          component,
+          identifier,
+          element,
+          expectedType
+        } = messageOrOptions;
+        message = identifier;
+        message += element ? ` is not of type ${expectedType != null ? expectedType : 'HTMLElement'}` : ' not found';
+        if (component) {
+          message = formatErrorMessage(component, message);
+        }
+      }
+      super(message);
+      this.name = 'ElementError';
+    }
+  }
+  class InitError extends GOVUKFrontendError {
+    constructor(componentOrMessage) {
+      const message = typeof componentOrMessage === 'string' ? componentOrMessage : formatErrorMessage(componentOrMessage, `Root element (\`$root\`) already initialised`);
+      super(message);
+      this.name = 'InitError';
+    }
+  }
+  /**
+   * @import { ComponentWithModuleName } from '../common/index.mjs'
+   */
+
+  class Component {
+    /**
+     * Returns the root element of the component
+     *
+     * @protected
+     * @returns {RootElementType} - the root element of component
+     */
+    get $root() {
+      return this._$root;
+    }
+    constructor($root) {
+      this._$root = void 0;
+      const childConstructor = this.constructor;
+      if (typeof childConstructor.moduleName !== 'string') {
+        throw new InitError(`\`moduleName\` not defined in component`);
+      }
+      if (!($root instanceof childConstructor.elementType)) {
+        throw new ElementError({
+          element: $root,
+          component: childConstructor,
+          identifier: 'Root element (`$root`)',
+          expectedType: childConstructor.elementType.name
+        });
+      } else {
+        this._$root = $root;
+      }
+      childConstructor.checkSupport();
+      this.checkInitialised();
+      const moduleName = childConstructor.moduleName;
+      this.$root.setAttribute(`data-${moduleName}-init`, '');
+    }
+    checkInitialised() {
+      const constructor = this.constructor;
+      const moduleName = constructor.moduleName;
+      if (moduleName && isInitialised(this.$root, moduleName)) {
+        throw new InitError(constructor);
+      }
+    }
+    static checkSupport() {
+      if (!isSupported()) {
+        throw new SupportError();
+      }
+    }
+  }
+
+  /**
+   * @typedef ChildClass
+   * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component
+   */
+
+  /**
+   * @typedef {typeof Component & ChildClass} ChildClassConstructor
+   */
+  Component.elementType = HTMLElement;
+
+  const configOverride = Symbol.for('configOverride');
+  class ConfigurableComponent extends Component {
+    [configOverride](param) {
+      return {};
+    }
+
+    /**
+     * Returns the root element of the component
+     *
+     * @protected
+     * @returns {ConfigurationType} - the root element of component
+     */
+    get config() {
+      return this._config;
+    }
+    constructor($root, config) {
+      super($root);
+      this._config = void 0;
+      const childConstructor = this.constructor;
+      if (!isObject(childConstructor.defaults)) {
+        throw new ConfigError(formatErrorMessage(childConstructor, 'Config passed as parameter into constructor but no defaults defined'));
+      }
+      const datasetConfig = normaliseDataset(childConstructor, this._$root.dataset);
+      this._config = mergeConfigs(childConstructor.defaults, config != null ? config : {}, this[configOverride](datasetConfig), datasetConfig);
+    }
+  }
+  function normaliseString(value, property) {
+    const trimmedValue = value ? value.trim() : '';
+    let output;
+    let outputType = property == null ? void 0 : property.type;
+    if (!outputType) {
+      if (['true', 'false'].includes(trimmedValue)) {
+        outputType = 'boolean';
+      }
+      if (trimmedValue.length > 0 && isFinite(Number(trimmedValue))) {
+        outputType = 'number';
+      }
+    }
+    switch (outputType) {
+      case 'boolean':
+        output = trimmedValue === 'true';
+        break;
+      case 'number':
+        output = Number(trimmedValue);
+        break;
+      default:
+        output = value;
+    }
+    return output;
+  }
+  function normaliseDataset(Component, dataset) {
+    if (!isObject(Component.schema)) {
+      throw new ConfigError(formatErrorMessage(Component, 'Config passed as parameter into constructor but no schema defined'));
+    }
+    const out = {};
+    const entries = Object.entries(Component.schema.properties);
+    for (const entry of entries) {
+      const [namespace, property] = entry;
+      const field = namespace.toString();
+      if (field in dataset) {
+        out[field] = normaliseString(dataset[field], property);
+      }
+      if ((property == null ? void 0 : property.type) === 'object') {
+        out[field] = extractConfigByNamespace(Component.schema, dataset, namespace);
+      }
+    }
+    return out;
+  }
+  function mergeConfigs(...configObjects) {
+    const formattedConfigObject = {};
+    for (const configObject of configObjects) {
+      for (const key of Object.keys(configObject)) {
+        const option = formattedConfigObject[key];
+        const override = configObject[key];
+        if (isObject(option) && isObject(override)) {
+          formattedConfigObject[key] = mergeConfigs(option, override);
+        } else {
+          formattedConfigObject[key] = override;
+        }
+      }
+    }
+    return formattedConfigObject;
+  }
+  function extractConfigByNamespace(schema, dataset, namespace) {
+    const property = schema.properties[namespace];
+    if ((property == null ? void 0 : property.type) !== 'object') {
+      return;
+    }
+    const newObject = {
+      [namespace]: {}
+    };
+    for (const [key, value] of Object.entries(dataset)) {
+      let current = newObject;
+      const keyParts = key.split('.');
+      for (const [index, name] of keyParts.entries()) {
+        if (isObject(current)) {
+          if (index < keyParts.length - 1) {
+            if (!isObject(current[name])) {
+              current[name] = {};
+            }
+            current = current[name];
+          } else if (key !== namespace) {
+            current[name] = normaliseString(value);
+          }
+        }
+      }
+    }
+    return newObject[namespace];
+  }
+  /**
+   * Schema for component config
+   *
+   * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType
+   * @typedef {object} Schema
+   * @property {Record<keyof ConfigurationType, SchemaProperty | undefined>} properties - Schema properties
+   * @property {SchemaCondition<ConfigurationType>[]} [anyOf] - List of schema conditions
+   */
+  /**
+   * Schema property for component config
+   *
+   * @typedef {object} SchemaProperty
+   * @property {'string' | 'boolean' | 'number' | 'object'} type - Property type
+   */
+  /**
+   * Schema condition for component config
+   *
+   * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType
+   * @typedef {object} SchemaCondition
+   * @property {(keyof ConfigurationType)[]} required - List of required config fields
+   * @property {string} errorMessage - Error message when required config fields not provided
+   */
+  /**
+   * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]
+   * @typedef ChildClass
+   * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component
+   * @property {Schema<ConfigurationType>} [schema] - The schema of the component configuration
+   * @property {ConfigurationType} [defaults] - The default values of the configuration of the component
+   */
+  /**
+   * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]
+   * @typedef {typeof Component & ChildClass<ConfigurationType>} ChildClassConstructor<ConfigurationType>
+   */
+  /**
+   * @import { CompatibleClass, Config, CreateAllOptions, OnErrorCallback } from '../init.mjs'
+   */
+
+  class I18n {
+    constructor(translations = {}, config = {}) {
+      var _config$locale;
+      this.translations = void 0;
+      this.locale = void 0;
+      this.translations = translations;
+      this.locale = (_config$locale = config.locale) != null ? _config$locale : document.documentElement.lang || 'en';
+    }
+    t(lookupKey, options) {
+      if (!lookupKey) {
+        throw new Error('i18n: lookup key missing');
+      }
+      let translation = this.translations[lookupKey];
+      if (typeof (options == null ? void 0 : options.count) === 'number' && isObject(translation)) {
+        const translationPluralForm = translation[this.getPluralSuffix(lookupKey, options.count)];
+        if (translationPluralForm) {
+          translation = translationPluralForm;
+        }
+      }
+      if (typeof translation === 'string') {
+        if (translation.match(/%{(.\S+)}/)) {
+          if (!options) {
+            throw new Error('i18n: cannot replace placeholders in string if no option data provided');
+          }
+          return this.replacePlaceholders(translation, options);
+        }
+        return translation;
+      }
+      return lookupKey;
+    }
+    replacePlaceholders(translationString, options) {
+      const formatter = Intl.NumberFormat.supportedLocalesOf(this.locale).length ? new Intl.NumberFormat(this.locale) : undefined;
+      return translationString.replace(/%{(.\S+)}/g, function (placeholderWithBraces, placeholderKey) {
+        if (Object.prototype.hasOwnProperty.call(options, placeholderKey)) {
+          const placeholderValue = options[placeholderKey];
+          if (placeholderValue === false || typeof placeholderValue !== 'number' && typeof placeholderValue !== 'string') {
+            return '';
+          }
+          if (typeof placeholderValue === 'number') {
+            return formatter ? formatter.format(placeholderValue) : `${placeholderValue}`;
+          }
+          return placeholderValue;
+        }
+        throw new Error(`i18n: no data found to replace ${placeholderWithBraces} placeholder in string`);
+      });
+    }
+    hasIntlPluralRulesSupport() {
+      return Boolean('PluralRules' in window.Intl && Intl.PluralRules.supportedLocalesOf(this.locale).length);
+    }
+    getPluralSuffix(lookupKey, count) {
+      count = Number(count);
+      if (!isFinite(count)) {
+        return 'other';
+      }
+      const translation = this.translations[lookupKey];
+      const preferredForm = this.hasIntlPluralRulesSupport() ? new Intl.PluralRules(this.locale).select(count) : 'other';
+      if (isObject(translation)) {
+        if (preferredForm in translation) {
+          return preferredForm;
+        } else if ('other' in translation) {
+          console.warn(`i18n: Missing plural form ".${preferredForm}" for "${this.locale}" locale. Falling back to ".other".`);
+          return 'other';
+        }
+      }
+      throw new Error(`i18n: Plural form ".other" is required for "${this.locale}" locale`);
+    }
+  }
+
+  /**
+   * Exit this page component
+   *
+   * @preserve
+   * @augments ConfigurableComponent<ExitThisPageConfig>
+   */
+  class ExitThisPage extends ConfigurableComponent {
+    /**
+     * @param {Element | null} $root - HTML element that wraps the Exit This Page button
+     * @param {ExitThisPageConfig} [config] - Exit This Page config
+     */
+    constructor($root, config = {}) {
+      super($root, config);
+      this.i18n = void 0;
+      this.$button = void 0;
+      this.$skiplinkButton = null;
+      this.$updateSpan = null;
+      this.$indicatorContainer = null;
+      this.$overlay = null;
+      this.keypressCounter = 0;
+      this.lastKeyWasModified = false;
+      this.timeoutTime = 5000;
+      this.keypressTimeoutId = null;
+      this.timeoutMessageId = null;
+      const $button = this.$root.querySelector('.govuk-exit-this-page__button');
+      if (!($button instanceof HTMLAnchorElement)) {
+        throw new ElementError({
+          component: ExitThisPage,
+          element: $button,
+          expectedType: 'HTMLAnchorElement',
+          identifier: 'Button (`.govuk-exit-this-page__button`)'
+        });
+      }
+      this.i18n = new I18n(this.config.i18n);
+      this.$button = $button;
+      const $skiplinkButton = document.querySelector('.govuk-js-exit-this-page-skiplink');
+      if ($skiplinkButton instanceof HTMLAnchorElement) {
+        this.$skiplinkButton = $skiplinkButton;
+      }
+      this.buildIndicator();
+      this.initUpdateSpan();
+      this.initButtonClickHandler();
+      if (!('govukFrontendExitThisPageKeypress' in document.body.dataset)) {
+        document.addEventListener('keyup', this.handleKeypress.bind(this), true);
+        document.body.dataset.govukFrontendExitThisPageKeypress = 'true';
+      }
+      window.addEventListener('pageshow', this.resetPage.bind(this));
+    }
+    initUpdateSpan() {
+      this.$updateSpan = document.createElement('span');
+      this.$updateSpan.setAttribute('role', 'status');
+      this.$updateSpan.className = 'govuk-visually-hidden';
+      this.$root.appendChild(this.$updateSpan);
+    }
+    initButtonClickHandler() {
+      this.$button.addEventListener('click', this.handleClick.bind(this));
+      if (this.$skiplinkButton) {
+        this.$skiplinkButton.addEventListener('click', this.handleClick.bind(this));
+      }
+    }
+    buildIndicator() {
+      this.$indicatorContainer = document.createElement('div');
+      this.$indicatorContainer.className = 'govuk-exit-this-page__indicator';
+      this.$indicatorContainer.setAttribute('aria-hidden', 'true');
+      for (let i = 0; i < 3; i++) {
+        const $indicator = document.createElement('div');
+        $indicator.className = 'govuk-exit-this-page__indicator-light';
+        this.$indicatorContainer.appendChild($indicator);
+      }
+      this.$button.appendChild(this.$indicatorContainer);
+    }
+    updateIndicator() {
+      if (!this.$indicatorContainer) {
+        return;
+      }
+      this.$indicatorContainer.classList.toggle('govuk-exit-this-page__indicator--visible', this.keypressCounter > 0);
+      const $indicators = this.$indicatorContainer.querySelectorAll('.govuk-exit-this-page__indicator-light');
+      $indicators.forEach(($indicator, index) => {
+        $indicator.classList.toggle('govuk-exit-this-page__indicator-light--on', index < this.keypressCounter);
+      });
+    }
+    exitPage() {
+      if (!this.$updateSpan) {
+        return;
+      }
+      this.$updateSpan.textContent = '';
+      document.body.classList.add('govuk-exit-this-page-hide-content');
+      this.$overlay = document.createElement('div');
+      this.$overlay.className = 'govuk-exit-this-page-overlay';
+      this.$overlay.setAttribute('role', 'alert');
+      document.body.appendChild(this.$overlay);
+      this.$overlay.textContent = this.i18n.t('activated');
+      window.location.href = this.$button.href;
+    }
+    handleClick(event) {
+      event.preventDefault();
+      this.exitPage();
+    }
+    handleKeypress(event) {
+      if (!this.$updateSpan) {
+        return;
+      }
+      if (event.key === 'Shift' && !this.lastKeyWasModified) {
+        this.keypressCounter += 1;
+        this.updateIndicator();
+        if (this.timeoutMessageId) {
+          window.clearTimeout(this.timeoutMessageId);
+          this.timeoutMessageId = null;
+        }
+        if (this.keypressCounter >= 3) {
+          this.keypressCounter = 0;
+          if (this.keypressTimeoutId) {
+            window.clearTimeout(this.keypressTimeoutId);
+            this.keypressTimeoutId = null;
+          }
+          this.exitPage();
+        } else {
+          if (this.keypressCounter === 1) {
+            this.$updateSpan.textContent = this.i18n.t('pressTwoMoreTimes');
+          } else {
+            this.$updateSpan.textContent = this.i18n.t('pressOneMoreTime');
+          }
+        }
+        this.setKeypressTimer();
+      } else if (this.keypressTimeoutId) {
+        this.resetKeypressTimer();
+      }
+      this.lastKeyWasModified = event.shiftKey;
+    }
+    setKeypressTimer() {
+      if (this.keypressTimeoutId) {
+        window.clearTimeout(this.keypressTimeoutId);
+      }
+      this.keypressTimeoutId = window.setTimeout(this.resetKeypressTimer.bind(this), this.timeoutTime);
+    }
+    resetKeypressTimer() {
+      if (!this.$updateSpan) {
+        return;
+      }
+      if (this.keypressTimeoutId) {
+        window.clearTimeout(this.keypressTimeoutId);
+        this.keypressTimeoutId = null;
+      }
+      const $updateSpan = this.$updateSpan;
+      this.keypressCounter = 0;
+      $updateSpan.textContent = this.i18n.t('timedOut');
+      this.timeoutMessageId = window.setTimeout(() => {
+        $updateSpan.textContent = '';
+      }, this.timeoutTime);
+      this.updateIndicator();
+    }
+    resetPage() {
+      document.body.classList.remove('govuk-exit-this-page-hide-content');
+      if (this.$overlay) {
+        this.$overlay.remove();
+        this.$overlay = null;
+      }
+      if (this.$updateSpan) {
+        this.$updateSpan.setAttribute('role', 'status');
+        this.$updateSpan.textContent = '';
+      }
+      this.updateIndicator();
+      if (this.keypressTimeoutId) {
+        window.clearTimeout(this.keypressTimeoutId);
+      }
+      if (this.timeoutMessageId) {
+        window.clearTimeout(this.timeoutMessageId);
+      }
+    }
+  }
+
+  /**
+   * Exit this Page config
+   *
+   * @see {@link ExitThisPage.defaults}
+   * @typedef {object} ExitThisPageConfig
+   * @property {ExitThisPageTranslations} [i18n=ExitThisPage.defaults.i18n] - Exit this page translations
+   */
+
+  /**
+   * Exit this Page translations
+   *
+   * @see {@link ExitThisPage.defaults.i18n}
+   * @typedef {object} ExitThisPageTranslations
+   *
+   * Messages used by the component programatically inserted text, including
+   * overlay text and screen reader announcements.
+   * @property {string} [activated] - Screen reader announcement for when EtP
+   *   keypress functionality has been successfully activated.
+   * @property {string} [timedOut] - Screen reader announcement for when the EtP
+   *   keypress functionality has timed out.
+   * @property {string} [pressTwoMoreTimes] - Screen reader announcement informing
+   *   the user they must press the activation key two more times.
+   * @property {string} [pressOneMoreTime] - Screen reader announcement informing
+   *   the user they must press the activation key one more time.
+   */
+
+  /**
+   * @import { Schema } from '../../common/configuration.mjs'
+   */
+  ExitThisPage.moduleName = 'govuk-exit-this-page';
+  ExitThisPage.defaults = Object.freeze({
+    i18n: {
+      activated: 'Loading.',
+      timedOut: 'Exit this page expired.',
+      pressTwoMoreTimes: 'Shift, press 2 more times to exit.',
+      pressOneMoreTime: 'Shift, press 1 more time to exit.'
+    }
+  });
+  ExitThisPage.schema = Object.freeze({
+    properties: {
+      i18n: {
+        type: 'object'
+      }
+    }
+  });
+
+  exports.ExitThisPage = ExitThisPage;
+
+}));
+//# sourceMappingURL=exit-this-page.bundle.js.map
diff --git a/node_modules/govuk-frontend/dist/govuk/components/exit-this-page/exit-this-page.bundle.js.map b/node_modules/govuk-frontend/dist/govuk/components/exit-this-page/exit-this-page.bundle.js.map
new file mode 100644
index 0000000..7cd484d
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/exit-this-page/exit-this-page.bundle.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"exit-this-page.bundle.js","sources":["../../../../src/govuk/common/index.mjs","../../../../src/govuk/errors/index.mjs","../../../../src/govuk/component.mjs","../../../../src/govuk/common/configuration.mjs","../../../../src/govuk/i18n.mjs","../../../../src/govuk/components/exit-this-page/exit-this-page.mjs"],"sourcesContent":["/**\n * Common helpers which do not require polyfill.\n *\n * IMPORTANT: If a helper require a polyfill, please isolate it in its own module\n * so that the polyfill can be properly tree-shaken and does not burden\n * the components that do not need that helper\n */\n\n/**\n * Get GOV.UK Frontend breakpoint value from CSS custom property\n *\n * @private\n * @param {string} name - Breakpoint name\n * @returns {{ property: string, value?: string }} Breakpoint object\n */\nexport function getBreakpoint(name) {\n  const property = `--govuk-breakpoint-${name}`\n\n  // Get value from `<html>` with breakpoints on CSS :root\n  const value = window\n    .getComputedStyle(document.documentElement)\n    .getPropertyValue(property)\n\n  return {\n    property,\n    value: value || undefined\n  }\n}\n\n/**\n * Move focus to element\n *\n * Sets tabindex to -1 to make the element programmatically focusable,\n * but removes it on blur as the element doesn't need to be focused again.\n *\n * @private\n * @template {HTMLElement} FocusElement\n * @param {FocusElement} $element - HTML element\n * @param {object} [options] - Handler options\n * @param {function(this: FocusElement): void} [options.onBeforeFocus] - Callback before focus\n * @param {function(this: FocusElement): void} [options.onBlur] - Callback on blur\n */\nexport function setFocus($element, options = {}) {\n  const isFocusable = $element.getAttribute('tabindex')\n\n  if (!isFocusable) {\n    $element.setAttribute('tabindex', '-1')\n  }\n\n  /**\n   * Handle element focus\n   */\n  function onFocus() {\n    $element.addEventListener('blur', onBlur, { once: true })\n  }\n\n  /**\n   * Handle element blur\n   */\n  function onBlur() {\n    options.onBlur?.call($element)\n\n    if (!isFocusable) {\n      $element.removeAttribute('tabindex')\n    }\n  }\n\n  // Add listener to reset element on blur, after focus\n  $element.addEventListener('focus', onFocus, { once: true })\n\n  // Focus element\n  options.onBeforeFocus?.call($element)\n  $element.focus()\n}\n\n/**\n * Checks if component is already initialised\n *\n * @internal\n * @param {Element} $root - HTML element to be checked\n * @param {string} moduleName - name of component module\n * @returns {boolean} Whether component is already initialised\n */\nexport function isInitialised($root, moduleName) {\n  return (\n    $root instanceof HTMLElement &&\n    $root.hasAttribute(`data-${moduleName}-init`)\n  )\n}\n\n/**\n * Checks if GOV.UK Frontend is supported on this page\n *\n * Some browsers will load and run our JavaScript but GOV.UK Frontend\n * won't be supported.\n *\n * @param {HTMLElement | null} [$scope] - (internal) `<body>` HTML element checked for browser support\n * @returns {boolean} Whether GOV.UK Frontend is supported on this page\n */\nexport function isSupported($scope = document.body) {\n  if (!$scope) {\n    return false\n  }\n\n  return $scope.classList.contains('govuk-frontend-supported')\n}\n\n/**\n * Check for an array\n *\n * @internal\n * @param {unknown} option - Option to check\n * @returns {boolean} Whether the option is an array\n */\nfunction isArray(option) {\n  return Array.isArray(option)\n}\n\n/**\n * Check for an object\n *\n * @internal\n * @template {Partial<Record<keyof ObjectType, unknown>>} ObjectType\n * @param {unknown | ObjectType} option - Option to check\n * @returns {option is ObjectType} Whether the option is an object\n */\nexport function isObject(option) {\n  return !!option && typeof option === 'object' && !isArray(option)\n}\n\n/**\n * Check for valid scope\n *\n * @internal\n * @template {Element | Document} ScopeType\n * @param {unknown | ScopeType} $scope - Scope of the document to search within\n * @returns {$scope is ScopeType} Whether the scope can be queried\n */\nexport function isScope($scope) {\n  return !!$scope && ($scope instanceof Element || $scope instanceof Document)\n}\n\n/**\n * Format error message\n *\n * @internal\n * @param {ComponentWithModuleName} Component - Component that threw the error\n * @param {string} message - Error message\n * @returns {string} - Formatted error message\n */\nexport function formatErrorMessage(Component, message) {\n  return `${Component.moduleName}: ${message}`\n}\n\n/* eslint-disable jsdoc/valid-types --\n * `{new(...args: any[] ): object}` is not recognised as valid\n * https://github.com/gajus/eslint-plugin-jsdoc/issues/145#issuecomment-1308722878\n * https://github.com/jsdoc-type-pratt-parser/jsdoc-type-pratt-parser/issues/131\n **/\n\n/**\n * @typedef ComponentWithModuleName\n * @property {string} moduleName - Name of the component\n */\n\n/* eslint-enable jsdoc/valid-types */\n","import { formatErrorMessage, isObject } from '../common/index.mjs'\n\n/**\n * GOV.UK Frontend error\n *\n * A base class for `Error`s thrown by GOV.UK Frontend.\n *\n * It is meant to be extended into specific types of errors\n * to be thrown by our code.\n *\n * @example\n * ```js\n * class MissingRootError extends GOVUKFrontendError {\n *   // Setting an explicit name is important as extending the class will not\n *   // set a new `name` on the subclass. The `name` property is important\n *   // to ensure intelligible error names even if the class name gets\n *   // mangled by a minifier\n *   name = \"MissingRootError\"\n * }\n * ```\n * @virtual\n */\nexport class GOVUKFrontendError extends Error {\n  name = 'GOVUKFrontendError'\n}\n\n/**\n * Indicates that GOV.UK Frontend is not supported\n */\nexport class SupportError extends GOVUKFrontendError {\n  name = 'SupportError'\n\n  /**\n   * Checks if GOV.UK Frontend is supported on this page\n   *\n   * @param {HTMLElement | null} [$scope] - HTML element `<body>` checked for browser support\n   */\n  constructor($scope = document.body) {\n    const supportMessage =\n      'noModule' in HTMLScriptElement.prototype\n        ? 'GOV.UK Frontend initialised without `<body class=\"govuk-frontend-supported\">` from template `<script>` snippet'\n        : 'GOV.UK Frontend is not supported in this browser'\n\n    super(\n      $scope\n        ? supportMessage\n        : 'GOV.UK Frontend initialised without `<script type=\"module\">`'\n    )\n  }\n}\n\n/**\n * Indicates that a component has received an illegal configuration\n */\nexport class ConfigError extends GOVUKFrontendError {\n  name = 'ConfigError'\n}\n\n/**\n * Indicates an issue with an element (possibly `null` or `undefined`)\n */\nexport class ElementError extends GOVUKFrontendError {\n  name = 'ElementError'\n\n  /**\n   * @internal\n   * @overload\n   * @param {string} message - Element error message\n   */\n\n  /**\n   * @internal\n   * @overload\n   * @param {ElementErrorOptions} options - Element error options\n   */\n\n  /**\n   * @internal\n   * @param {string | ElementErrorOptions} messageOrOptions - Element error message or options\n   */\n  constructor(messageOrOptions) {\n    let message = typeof messageOrOptions === 'string' ? messageOrOptions : ''\n\n    // Build message from options\n    if (isObject(messageOrOptions)) {\n      const { component, identifier, element, expectedType } = messageOrOptions\n\n      message = identifier\n\n      // Append reason\n      message += element\n        ? ` is not of type ${expectedType ?? 'HTMLElement'}`\n        : ' not found'\n\n      // Prepend with module name (optional)\n      if (component) {\n        message = formatErrorMessage(component, message)\n      }\n    }\n\n    super(message)\n  }\n}\n\n/**\n * Indicates that a component is already initialised\n */\nexport class InitError extends GOVUKFrontendError {\n  name = 'InitError'\n\n  /**\n   * @internal\n   * @param {ComponentWithModuleName | string} componentOrMessage - name of the component module\n   */\n  constructor(componentOrMessage) {\n    const message =\n      typeof componentOrMessage === 'string'\n        ? componentOrMessage\n        : formatErrorMessage(\n            componentOrMessage,\n            `Root element (\\`$root\\`) already initialised`\n          )\n\n    super(message)\n  }\n}\n\n/**\n * Element error options\n *\n * @internal\n * @typedef {object} ElementErrorOptions\n * @property {Element | Document | null} [element] - The element in error (optional)\n * @property {ComponentWithModuleName} [component] - Component throwing the error (optional)\n * @property {string} identifier - An identifier that'll let the user understand which element has an error. This is whatever makes the most sense\n * @property {string} [expectedType] - The type that was expected for the identifier (optional)\n */\n\n/**\n * @import { ComponentWithModuleName } from '../common/index.mjs'\n */\n","import { isInitialised, isSupported } from './common/index.mjs'\nimport { ElementError, InitError, SupportError } from './errors/index.mjs'\n\n/**\n * Base Component class\n *\n * Centralises the behaviours shared by our components\n *\n * @virtual\n * @template {Element} [RootElementType=HTMLElement]\n */\nexport class Component {\n  /**\n   * @type {typeof Element}\n   */\n  static elementType = HTMLElement\n\n  // allows Typescript user to work around the lack of types\n  // in GOVUKFrontend package, Typescript is not aware of $root\n  // in components that extend GOVUKFrontendComponent\n  /**\n   * Returns the root element of the component\n   *\n   * @protected\n   * @returns {RootElementType} - the root element of component\n   */\n  get $root() {\n    return this._$root\n  }\n\n  /**\n   * @protected\n   * @type {RootElementType}\n   */\n  _$root\n\n  /**\n   * Constructs a new component, validating that GOV.UK Frontend is supported\n   *\n   * @internal\n   * @param {Element | null} [$root] - HTML element to use for component\n   */\n  constructor($root) {\n    const childConstructor = /** @type {ChildClassConstructor} */ (\n      this.constructor\n    )\n\n    // TypeScript does not enforce that inheriting classes will define a `moduleName`\n    // (even if we add a `@virtual` `static moduleName` property to this class).\n    // While we trust users to do this correctly, we do a little check to provide them\n    // a helpful error message.\n    //\n    // After this, we'll be sure that `childConstructor` has a `moduleName`\n    // as expected of the `ChildClassConstructor` we've cast `this.constructor` to.\n    if (typeof childConstructor.moduleName !== 'string') {\n      throw new InitError(`\\`moduleName\\` not defined in component`)\n    }\n\n    if (!($root instanceof childConstructor.elementType)) {\n      throw new ElementError({\n        element: $root,\n        component: childConstructor,\n        identifier: 'Root element (`$root`)',\n        expectedType: childConstructor.elementType.name\n      })\n    } else {\n      this._$root = /** @type {RootElementType} */ ($root)\n    }\n\n    childConstructor.checkSupport()\n\n    this.checkInitialised()\n\n    const moduleName = childConstructor.moduleName\n\n    this.$root.setAttribute(`data-${moduleName}-init`, '')\n  }\n\n  /**\n   * Validates whether component is already initialised\n   *\n   * @private\n   * @throws {InitError} when component is already initialised\n   */\n  checkInitialised() {\n    const constructor = /** @type {ChildClassConstructor} */ (this.constructor)\n    const moduleName = constructor.moduleName\n\n    if (moduleName && isInitialised(this.$root, moduleName)) {\n      throw new InitError(constructor)\n    }\n  }\n\n  /**\n   * Validates whether components are supported\n   *\n   * @throws {SupportError} when the components are not supported\n   */\n  static checkSupport() {\n    if (!isSupported()) {\n      throw new SupportError()\n    }\n  }\n}\n\n/**\n * @typedef ChildClass\n * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component\n */\n\n/**\n * @typedef {typeof Component & ChildClass} ChildClassConstructor\n */\n","import { Component } from '../component.mjs'\nimport { ConfigError } from '../errors/index.mjs'\n\nimport { isObject, isScope, formatErrorMessage } from './index.mjs'\n\nexport const configOverride = Symbol.for('configOverride')\n\n/**\n * Base Component class\n *\n * Centralises the behaviours shared by our components\n *\n * @virtual\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]\n * @template {Element & { dataset: DOMStringMap }} [RootElementType=HTMLElement]\n * @augments Component<RootElementType>\n */\nexport class ConfigurableComponent extends Component {\n  /**\n   * configOverride\n   *\n   * Function which defines configuration overrides to prioritize\n   * properties from the root element's dataset.\n   *\n   * It should take a subset of configuration as input and return\n   * a new configuration object with properties that should be\n   * overridden based on the root element's dataset. A Symbol\n   * is used for indexing to prevent conflicts.\n   *\n   * @internal\n   * @virtual\n   * @param {Partial<ConfigurationType>} [param] - Configuration object\n   * @returns {Partial<ConfigurationType>} return - Configuration object\n   */\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  [configOverride](param) {\n    return {}\n  }\n\n  /**\n   * Returns the root element of the component\n   *\n   * @protected\n   * @returns {ConfigurationType} - the root element of component\n   */\n  get config() {\n    return this._config\n  }\n\n  /**\n   *\n   * @type {ConfigurationType}\n   */\n  _config\n\n  /**\n   * Constructs a new component, validating that GOV.UK Frontend is supported\n   *\n   * @internal\n   * @param {Element | null} [$root] - HTML element to use for component\n   * @param {ConfigurationType} [config] - HTML element to use for component\n   */\n  constructor($root, config) {\n    super($root)\n\n    const childConstructor =\n      /** @type {ChildClassConstructor<ConfigurationType>} */ (this.constructor)\n\n    if (!isObject(childConstructor.defaults)) {\n      throw new ConfigError(\n        formatErrorMessage(\n          childConstructor,\n          'Config passed as parameter into constructor but no defaults defined'\n        )\n      )\n    }\n\n    const datasetConfig = /** @type {ConfigurationType} */ (\n      normaliseDataset(childConstructor, this._$root.dataset)\n    )\n\n    this._config = /** @type {ConfigurationType} */ (\n      mergeConfigs(\n        childConstructor.defaults,\n        config ?? {},\n        this[configOverride](datasetConfig),\n        datasetConfig\n      )\n    )\n  }\n}\n\n/**\n * Normalise string\n *\n * 'If it looks like a duck, and it quacks like a duck…' 🦆\n *\n * If the passed value looks like a boolean or a number, convert it to a boolean\n * or number.\n *\n * Designed to be used to convert config passed via data attributes (which are\n * always strings) into something sensible.\n *\n * @internal\n * @param {DOMStringMap[string]} value - The value to normalise\n * @param {SchemaProperty} [property] - Component schema property\n * @returns {string | boolean | number | undefined} Normalised data\n */\nexport function normaliseString(value, property) {\n  const trimmedValue = value ? value.trim() : ''\n\n  let output\n  let outputType = property?.type\n\n  // No schema type set? Determine automatically\n  if (!outputType) {\n    if (['true', 'false'].includes(trimmedValue)) {\n      outputType = 'boolean'\n    }\n\n    // Empty / whitespace-only strings are considered finite so we need to check\n    // the length of the trimmed string as well\n    if (trimmedValue.length > 0 && isFinite(Number(trimmedValue))) {\n      outputType = 'number'\n    }\n  }\n\n  switch (outputType) {\n    case 'boolean':\n      output = trimmedValue === 'true'\n      break\n\n    case 'number':\n      output = Number(trimmedValue)\n      break\n\n    default:\n      output = value\n  }\n\n  return output\n}\n\n/**\n * Normalise dataset\n *\n * Loop over an object and normalise each value using {@link normaliseString},\n * optionally expanding nested `i18n.field`\n *\n * @internal\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @template {[keyof ConfigurationType, SchemaProperty | undefined][]} SchemaEntryType\n * @param {{ schema?: Schema<ConfigurationType>, moduleName: string }} Component - Component class\n * @param {DOMStringMap} dataset - HTML element dataset\n * @returns {ObjectNested} Normalised dataset\n */\nexport function normaliseDataset(Component, dataset) {\n  if (!isObject(Component.schema)) {\n    throw new ConfigError(\n      formatErrorMessage(\n        Component,\n        'Config passed as parameter into constructor but no schema defined'\n      )\n    )\n  }\n\n  const out = /** @type {ObjectNested} */ ({})\n  const entries = /** @type {SchemaEntryType} */ (\n    Object.entries(Component.schema.properties)\n  )\n\n  // Normalise top-level dataset ('data-*') values using schema types\n  for (const entry of entries) {\n    const [namespace, property] = entry\n\n    // Cast the `namespace` to string so it can be used to access the dataset\n    const field = namespace.toString()\n\n    if (field in dataset) {\n      out[field] = normaliseString(dataset[field], property)\n    }\n\n    /**\n     * Extract and normalise nested object values automatically using\n     * {@link normaliseString} but only schema object types are allowed\n     */\n    if (property?.type === 'object') {\n      out[field] = extractConfigByNamespace(\n        Component.schema,\n        dataset,\n        namespace\n      )\n    }\n  }\n\n  return out\n}\n\n/**\n * Normalise options passed to `initAll` or `createAll`\n *\n * @internal\n * @template {CompatibleClass} ComponentClass\n * @param {Config | CreateAllOptions<ComponentClass> | OnErrorCallback<ComponentClass> | Element | Document | null} [scopeOrOptions] - Scope of the document to search within, initialisation options or error callback function\n * @returns {CreateAllOptions<ComponentClass>} Normalised options\n */\nexport function normaliseOptions(scopeOrOptions) {\n  let /** @type {Element | Document | null} */ $scope = document\n  let /** @type {OnErrorCallback<ComponentClass> | undefined} */ onError\n\n  // Handle options object\n  if (isObject(scopeOrOptions)) {\n    const options = scopeOrOptions\n\n    // Scope must be valid or null\n    if (isScope(options.scope) || options.scope === null) {\n      $scope = options.scope\n    }\n\n    // Error handler must be a function\n    if (typeof options.onError === 'function') {\n      onError = options.onError\n    }\n  }\n\n  if (isScope(scopeOrOptions)) {\n    $scope = scopeOrOptions\n  } else if (scopeOrOptions === null) {\n    $scope = null\n  } else if (typeof scopeOrOptions === 'function') {\n    onError = scopeOrOptions\n  }\n\n  return {\n    scope: $scope,\n    onError\n  }\n}\n\n/**\n * Config merging function\n *\n * Takes any number of objects and combines them together, with\n * greatest priority on the LAST item passed in.\n *\n * @internal\n * @param {...{ [key: string]: unknown }} configObjects - Config objects to merge\n * @returns {{ [key: string]: unknown }} A merged config object\n */\nexport function mergeConfigs(...configObjects) {\n  // Start with an empty object as our base\n  /** @type {{ [key: string]: unknown }} */\n  const formattedConfigObject = {}\n\n  // Loop through each of the passed objects\n  for (const configObject of configObjects) {\n    for (const key of Object.keys(configObject)) {\n      const option = formattedConfigObject[key]\n      const override = configObject[key]\n\n      // Push their keys one-by-one into formattedConfigObject. Any duplicate\n      // keys with object values will be merged, otherwise the new value will\n      // override the existing value.\n      if (isObject(option) && isObject(override)) {\n        formattedConfigObject[key] = mergeConfigs(option, override)\n      } else {\n        // Apply override\n        formattedConfigObject[key] = override\n      }\n    }\n  }\n\n  return formattedConfigObject\n}\n\n/**\n * Validate component config by schema\n *\n * Follows limited examples in JSON schema for wider support in future\n *\n * {@link https://ajv.js.org/json-schema.html#compound-keywords}\n * {@link https://ajv.js.org/packages/ajv-errors.html#single-message}\n *\n * @internal\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @param {Schema<ConfigurationType>} schema - The schema of a component\n * @param {ConfigurationType} config - Component config\n * @returns {string[]} List of validation errors\n */\nexport function validateConfig(schema, config) {\n  const validationErrors = []\n\n  // Check errors for each schema\n  for (const [name, conditions] of Object.entries(schema)) {\n    const errors = []\n\n    // Check errors for each schema condition\n    if (Array.isArray(conditions)) {\n      for (const { required, errorMessage } of conditions) {\n        if (!required.every((key) => !!config[key])) {\n          errors.push(errorMessage) // Missing config key value\n        }\n      }\n\n      // Check one condition passes or add errors\n      if (name === 'anyOf' && !(conditions.length - errors.length >= 1)) {\n        validationErrors.push(...errors)\n      }\n    }\n  }\n\n  return validationErrors\n}\n\n/**\n * Extracts keys starting with a particular namespace from dataset ('data-*')\n * object, removing the namespace in the process, normalising all values\n *\n * @internal\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @param {Schema<ConfigurationType>} schema - The schema of a component\n * @param {DOMStringMap} dataset - The object to extract key-value pairs from\n * @param {keyof ConfigurationType} namespace - The namespace to filter keys with\n * @returns {ObjectNested | undefined} Nested object with dot-separated key namespace removed\n */\nexport function extractConfigByNamespace(schema, dataset, namespace) {\n  const property = schema.properties[namespace]\n\n  // Only extract configs for object schema properties\n  if (property?.type !== 'object') {\n    return\n  }\n\n  // Add default empty config\n  const newObject = /** @type {Record<typeof namespace, ObjectNested>} */ ({\n    [namespace]: {}\n  })\n\n  for (const [key, value] of Object.entries(dataset)) {\n    /** @type {ObjectNested | ObjectNested[NestedKey]} */\n    let current = newObject\n\n    // Split the key into parts, using . as our namespace separator\n    const keyParts = key.split('.')\n\n    /**\n     * Create new level per part\n     *\n     * e.g. 'i18n.textareaDescription.other' becomes\n     * `{ i18n: { textareaDescription: { other } } }`\n     */\n    for (const [index, name] of keyParts.entries()) {\n      if (isObject(current)) {\n        // Drop down to nested object until the last part\n        if (index < keyParts.length - 1) {\n          // New nested object (optionally) replaces existing value\n          if (!isObject(current[name])) {\n            current[name] = {}\n          }\n\n          // Drop down into new or existing nested object\n          current = current[name]\n        } else if (key !== namespace) {\n          // Normalised value (optionally) replaces existing value\n          current[name] = normaliseString(value)\n        }\n      }\n    }\n  }\n\n  return newObject[namespace]\n}\n\n/**\n * @internal\n * @typedef {keyof ObjectNested} NestedKey\n * @typedef {{ [key: string]: string | boolean | number | ObjectNested | undefined }} ObjectNested\n */\n\n/**\n * Schema for component config\n *\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @typedef {object} Schema\n * @property {Record<keyof ConfigurationType, SchemaProperty | undefined>} properties - Schema properties\n * @property {SchemaCondition<ConfigurationType>[]} [anyOf] - List of schema conditions\n */\n\n/**\n * Schema property for component config\n *\n * @typedef {object} SchemaProperty\n * @property {'string' | 'boolean' | 'number' | 'object'} type - Property type\n */\n\n/**\n * Schema condition for component config\n *\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @typedef {object} SchemaCondition\n * @property {(keyof ConfigurationType)[]} required - List of required config fields\n * @property {string} errorMessage - Error message when required config fields not provided\n */\n\n/**\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]\n * @typedef ChildClass\n * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component\n * @property {Schema<ConfigurationType>} [schema] - The schema of the component configuration\n * @property {ConfigurationType} [defaults] - The default values of the configuration of the component\n */\n\n/**\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]\n * @typedef {typeof Component & ChildClass<ConfigurationType>} ChildClassConstructor<ConfigurationType>\n */\n\n/**\n * @import { CompatibleClass, Config, CreateAllOptions, OnErrorCallback } from '../init.mjs'\n */\n","import { isObject } from './common/index.mjs'\n\n/**\n * Internal support for selecting messages to render, with placeholder\n * interpolation and locale-aware number formatting and pluralisation\n *\n * @internal\n */\nexport class I18n {\n  translations\n  locale\n\n  /**\n   * @internal\n   * @param {{ [key: string]: string | TranslationPluralForms }} translations - Key-value pairs of the translation strings to use.\n   * @param {object} [config] - Configuration options for the function.\n   * @param {string | null} [config.locale] - An overriding locale for the PluralRules functionality.\n   */\n  constructor(translations = {}, config = {}) {\n    // Make list of translations available throughout function\n    this.translations = translations\n\n    // The locale to use for PluralRules and NumberFormat\n    this.locale = config.locale ?? (document.documentElement.lang || 'en')\n  }\n\n  /**\n   * The most used function - takes the key for a given piece of UI text and\n   * returns the appropriate string.\n   *\n   * @internal\n   * @param {string} lookupKey - The lookup key of the string to use.\n   * @param {{ [key: string]: unknown }} [options] - Any options passed with the translation string, e.g: for string interpolation.\n   * @returns {string} The appropriate translation string.\n   * @throws {Error} Lookup key required\n   * @throws {Error} Options required for `${}` placeholders\n   */\n  t(lookupKey, options) {\n    if (!lookupKey) {\n      // Print a console error if no lookup key has been provided\n      throw new Error('i18n: lookup key missing')\n    }\n\n    // Fetch the translation for that lookup key\n    let translation = this.translations[lookupKey]\n\n    // If the `count` option is set, determine which plural suffix is needed and\n    // change the lookupKey to match. We check to see if it's numeric instead of\n    // falsy, as this could legitimately be 0.\n    if (typeof options?.count === 'number' && isObject(translation)) {\n      const translationPluralForm =\n        translation[this.getPluralSuffix(lookupKey, options.count)]\n\n      // Update translation with plural suffix\n      if (translationPluralForm) {\n        translation = translationPluralForm\n      }\n    }\n\n    if (typeof translation === 'string') {\n      // Check for ${} placeholders in the translation string\n      // eslint-disable-next-line @typescript-eslint/prefer-regexp-exec\n      if (translation.match(/%{(.\\S+)}/)) {\n        if (!options) {\n          throw new Error(\n            'i18n: cannot replace placeholders in string if no option data provided'\n          )\n        }\n\n        return this.replacePlaceholders(translation, options)\n      }\n\n      return translation\n    }\n\n    // If the key wasn't found in our translations object,\n    // return the lookup key itself as the fallback\n    return lookupKey\n  }\n\n  /**\n   * Takes a translation string with placeholders, and replaces the placeholders\n   * with the provided data\n   *\n   * @internal\n   * @param {string} translationString - The translation string\n   * @param {{ [key: string]: unknown }} options - Any options passed with the translation string, e.g: for string interpolation.\n   * @returns {string} The translation string to output, with $\\{\\} placeholders replaced\n   */\n  replacePlaceholders(translationString, options) {\n    const formatter = Intl.NumberFormat.supportedLocalesOf(this.locale).length\n      ? new Intl.NumberFormat(this.locale)\n      : undefined\n\n    return translationString.replace(\n      /%{(.\\S+)}/g,\n\n      /**\n       * Replace translation string placeholders\n       *\n       * @internal\n       * @param {string} placeholderWithBraces - Placeholder with braces\n       * @param {string} placeholderKey - Placeholder key\n       * @returns {string} Placeholder value\n       */\n      function (placeholderWithBraces, placeholderKey) {\n        if (Object.prototype.hasOwnProperty.call(options, placeholderKey)) {\n          const placeholderValue = options[placeholderKey]\n\n          // If a user has passed `false` as the value for the placeholder\n          // treat it as though the value should not be displayed\n          if (\n            placeholderValue === false ||\n            (typeof placeholderValue !== 'number' &&\n              typeof placeholderValue !== 'string')\n          ) {\n            return ''\n          }\n\n          // If the placeholder's value is a number, localise the number formatting\n          if (typeof placeholderValue === 'number') {\n            return formatter\n              ? formatter.format(placeholderValue)\n              : `${placeholderValue}`\n          }\n\n          return placeholderValue\n        }\n\n        throw new Error(\n          `i18n: no data found to replace ${placeholderWithBraces} placeholder in string`\n        )\n      }\n    )\n  }\n\n  /**\n   * Check to see if the browser supports Intl.PluralRules\n   *\n   * It requires all conditions to be met in order to be supported:\n   * - The implementation of Intl supports PluralRules (NOT true in Safari 10–12)\n   * - The browser/OS has plural rules for the current locale (browser dependent)\n   *\n   * {@link https://browsersl.ist/#q=supports+es6-module+and+not+supports+intl-pluralrules}\n   *\n   * @internal\n   * @returns {boolean} Returns true if all conditions are met. Returns false otherwise.\n   */\n  hasIntlPluralRulesSupport() {\n    return Boolean(\n      'PluralRules' in window.Intl &&\n        Intl.PluralRules.supportedLocalesOf(this.locale).length\n    )\n  }\n\n  /**\n   * Get the appropriate suffix for the plural form.\n   *\n   * Uses Intl.PluralRules (or our own fallback implementation) to get the\n   * 'preferred' form to use for the given count.\n   *\n   * Checks that a translation has been provided for that plural form – if it\n   * hasn't, it'll fall back to the 'other' plural form (unless that doesn't exist\n   * either, in which case an error will be thrown)\n   *\n   * @internal\n   * @param {string} lookupKey - The lookup key of the string to use.\n   * @param {number} count - Number used to determine which pluralisation to use.\n   * @returns {PluralRule} The suffix associated with the correct pluralisation for this locale.\n   * @throws {Error} Plural form `.other` required when preferred plural form is missing\n   */\n  getPluralSuffix(lookupKey, count) {\n    // Validate that the number is actually a number.\n    //\n    // Number(count) will turn anything that can't be converted to a Number type\n    // into 'NaN'. isFinite filters out NaN, as it isn't a finite number.\n    // eslint-disable-next-line @typescript-eslint/no-unnecessary-type-conversion\n    count = Number(count)\n    if (!isFinite(count)) {\n      return 'other'\n    }\n\n    // Fetch the translation for that lookup key\n    const translation = this.translations[lookupKey]\n\n    // Check to verify that all the requirements for Intl.PluralRules are met.\n    // If so, we can use that instead of our custom implementation. Otherwise,\n    // use the hardcoded fallback.\n    const preferredForm = this.hasIntlPluralRulesSupport()\n      ? new Intl.PluralRules(this.locale).select(count)\n      : 'other'\n\n    // Use the correct plural form if provided\n    if (isObject(translation)) {\n      if (preferredForm in translation) {\n        return preferredForm\n        // Fall back to `other` if the plural form is missing, but log a warning\n        // to the console\n      } else if ('other' in translation) {\n        console.warn(\n          `i18n: Missing plural form \".${preferredForm}\" for \"${this.locale}\" locale. Falling back to \".other\".`\n        )\n\n        return 'other'\n      }\n    }\n\n    // If the required `other` plural form is missing, all we can do is error\n    throw new Error(\n      `i18n: Plural form \".other\" is required for \"${this.locale}\" locale`\n    )\n  }\n}\n\n/**\n * Plural rule category mnemonic tags\n *\n * @internal\n * @typedef {'zero' | 'one' | 'two' | 'few' | 'many' | 'other'} PluralRule\n */\n\n/**\n * Translated message by plural rule they correspond to.\n *\n * Allows to group pluralised messages under a single key when passing\n * translations to a component's constructor\n *\n * @internal\n * @typedef {object} TranslationPluralForms\n * @property {string} [other] - General plural form\n * @property {string} [zero] - Plural form used with 0\n * @property {string} [one] - Plural form used with 1\n * @property {string} [two] - Plural form used with 2\n * @property {string} [few] - Plural form used for a few\n * @property {string} [many] - Plural form used for many\n */\n","import { ConfigurableComponent } from '../../common/configuration.mjs'\nimport { ElementError } from '../../errors/index.mjs'\nimport { I18n } from '../../i18n.mjs'\n\n/**\n * Exit this page component\n *\n * @preserve\n * @augments ConfigurableComponent<ExitThisPageConfig>\n */\nexport class ExitThisPage extends ConfigurableComponent {\n  /** @private */\n  i18n\n\n  /** @private */\n  $button\n\n  /**\n   * @private\n   * @type {HTMLAnchorElement | null}\n   */\n  $skiplinkButton = null\n\n  /**\n   * @private\n   * @type {HTMLElement | null}\n   */\n  $updateSpan = null\n\n  /**\n   * @private\n   * @type {HTMLElement | null}\n   */\n  $indicatorContainer = null\n\n  /**\n   * @private\n   * @type {HTMLElement | null}\n   */\n  $overlay = null\n\n  /** @private */\n  keypressCounter = 0\n\n  /** @private */\n  lastKeyWasModified = false\n\n  /** @private */\n  timeoutTime = 5000 // milliseconds\n\n  // Store the timeout events so that we can clear them to avoid user keypresses overlapping\n  // setTimeout returns an id that we can use to clear it with clearTimeout,\n  // hence the 'Id' suffix\n\n  /**\n   * @private\n   * @type {number | null}\n   */\n  keypressTimeoutId = null\n\n  /**\n   * @private\n   * @type {number | null}\n   */\n  timeoutMessageId = null\n\n  /**\n   * @param {Element | null} $root - HTML element that wraps the Exit This Page button\n   * @param {ExitThisPageConfig} [config] - Exit This Page config\n   */\n  constructor($root, config = {}) {\n    super($root, config)\n\n    const $button = this.$root.querySelector('.govuk-exit-this-page__button')\n    if (!($button instanceof HTMLAnchorElement)) {\n      throw new ElementError({\n        component: ExitThisPage,\n        element: $button,\n        expectedType: 'HTMLAnchorElement',\n        identifier: 'Button (`.govuk-exit-this-page__button`)'\n      })\n    }\n\n    this.i18n = new I18n(this.config.i18n)\n    this.$button = $button\n\n    const $skiplinkButton = document.querySelector(\n      '.govuk-js-exit-this-page-skiplink'\n    )\n    if ($skiplinkButton instanceof HTMLAnchorElement) {\n      this.$skiplinkButton = $skiplinkButton\n    }\n\n    this.buildIndicator()\n    this.initUpdateSpan()\n    this.initButtonClickHandler()\n\n    // Check to see if this has already been done by a previous initialisation of ExitThisPage\n    if (!('govukFrontendExitThisPageKeypress' in document.body.dataset)) {\n      document.addEventListener('keyup', this.handleKeypress.bind(this), true)\n      document.body.dataset.govukFrontendExitThisPageKeypress = 'true'\n    }\n\n    // When the page is restored after navigating 'back' in some browsers the\n    // blank overlay remains present, rendering the page unusable. Here, we check\n    // to see if it's present on page (re)load, and remove it if so.\n    window.addEventListener('pageshow', this.resetPage.bind(this))\n  }\n\n  /**\n   * Create the <span> we use for screen reader announcements.\n   *\n   * @private\n   */\n  initUpdateSpan() {\n    this.$updateSpan = document.createElement('span')\n    this.$updateSpan.setAttribute('role', 'status')\n    this.$updateSpan.className = 'govuk-visually-hidden'\n\n    this.$root.appendChild(this.$updateSpan)\n  }\n\n  /**\n   * Create button click handlers.\n   *\n   * @private\n   */\n  initButtonClickHandler() {\n    // Main EtP button\n    this.$button.addEventListener('click', this.handleClick.bind(this))\n\n    // EtP secondary link\n    if (this.$skiplinkButton) {\n      this.$skiplinkButton.addEventListener(\n        'click',\n        this.handleClick.bind(this)\n      )\n    }\n  }\n\n  /**\n   * Create the HTML for the 'three lights' indicator on the button.\n   *\n   * @private\n   */\n  buildIndicator() {\n    // Build container\n    // Putting `aria-hidden` on it as it won't contain any readable information\n    this.$indicatorContainer = document.createElement('div')\n    this.$indicatorContainer.className = 'govuk-exit-this-page__indicator'\n    this.$indicatorContainer.setAttribute('aria-hidden', 'true')\n\n    // Create three 'lights' and place them within the container\n    for (let i = 0; i < 3; i++) {\n      const $indicator = document.createElement('div')\n      $indicator.className = 'govuk-exit-this-page__indicator-light'\n      this.$indicatorContainer.appendChild($indicator)\n    }\n\n    // Append it all to the module\n    this.$button.appendChild(this.$indicatorContainer)\n  }\n\n  /**\n   * Update whether the lights are visible and which ones are lit up depending on\n   * the value of `keypressCounter`.\n   *\n   * @private\n   */\n  updateIndicator() {\n    if (!this.$indicatorContainer) {\n      return\n    }\n\n    // Show or hide the indicator container depending on keypressCounter value\n    this.$indicatorContainer.classList.toggle(\n      'govuk-exit-this-page__indicator--visible',\n      this.keypressCounter > 0\n    )\n\n    // Turn on only the indicators we want on\n    const $indicators = this.$indicatorContainer.querySelectorAll(\n      '.govuk-exit-this-page__indicator-light'\n    )\n    $indicators.forEach(($indicator, index) => {\n      $indicator.classList.toggle(\n        'govuk-exit-this-page__indicator-light--on',\n        index < this.keypressCounter\n      )\n    })\n  }\n\n  /**\n   * Initiates the redirection away from the current page.\n   * Includes the loading overlay functionality, which covers the current page with a\n   * white overlay so that the contents are not visible during the loading\n   * process. This is particularly important on slow network connections.\n   *\n   * @private\n   */\n  exitPage() {\n    if (!this.$updateSpan) {\n      return\n    }\n\n    this.$updateSpan.textContent = ''\n\n    // Blank the page\n    // As well as creating an overlay with text, we also set the body to hidden\n    // to prevent screen reader and sequential navigation users potentially\n    // navigating through the page behind the overlay during loading\n    document.body.classList.add('govuk-exit-this-page-hide-content')\n    this.$overlay = document.createElement('div')\n    this.$overlay.className = 'govuk-exit-this-page-overlay'\n    this.$overlay.setAttribute('role', 'alert')\n\n    // we do these this way round, thus incurring a second paint, because changing\n    // the element text after adding it means that screen readers pick up the\n    // announcement more reliably.\n    document.body.appendChild(this.$overlay)\n    this.$overlay.textContent = this.i18n.t('activated')\n\n    window.location.href = this.$button.href\n  }\n\n  /**\n   * Pre-activation logic for when the button is clicked/activated via mouse or\n   * pointer.\n   *\n   * We do this to differentiate it from the keyboard activation event because we\n   * need to run `e.preventDefault` as the button or skiplink are both links and we\n   * want to apply some additional logic in `exitPage` before navigating.\n   *\n   * @private\n   * @param {MouseEvent} event - mouse click event\n   */\n  handleClick(event) {\n    event.preventDefault()\n    this.exitPage()\n  }\n\n  /**\n   * Logic for the 'quick escape' keyboard sequence functionality (pressing the\n   * Shift key three times without interruption, within a time limit).\n   *\n   * @private\n   * @param {KeyboardEvent} event - keyup event\n   */\n  handleKeypress(event) {\n    if (!this.$updateSpan) {\n      return\n    }\n\n    // Detect if the 'Shift' key has been pressed. We want to only do things if it\n    // was pressed by itself and not in a combination with another key—so we keep\n    // track of whether the preceding keyup had shiftKey: true on it, and if it\n    // did, we ignore the next Shift keyup event.\n    //\n    // This works because using Shift as a modifier key (e.g. pressing Shift + A)\n    // will fire TWO keyup events, one for A (with e.shiftKey: true) and the other\n    // for Shift (with e.shiftKey: false).\n    if (event.key === 'Shift' && !this.lastKeyWasModified) {\n      this.keypressCounter += 1\n\n      // Update the indicator before the below if statement can reset it back to 0\n      this.updateIndicator()\n\n      // Clear the timeout for the keypress timeout message clearing itself\n      if (this.timeoutMessageId) {\n        window.clearTimeout(this.timeoutMessageId)\n        this.timeoutMessageId = null\n      }\n\n      if (this.keypressCounter >= 3) {\n        this.keypressCounter = 0\n\n        if (this.keypressTimeoutId) {\n          window.clearTimeout(this.keypressTimeoutId)\n          this.keypressTimeoutId = null\n        }\n\n        this.exitPage()\n      } else {\n        if (this.keypressCounter === 1) {\n          this.$updateSpan.textContent = this.i18n.t('pressTwoMoreTimes')\n        } else {\n          this.$updateSpan.textContent = this.i18n.t('pressOneMoreTime')\n        }\n      }\n\n      this.setKeypressTimer()\n    } else if (this.keypressTimeoutId) {\n      // If the user pressed any key other than 'Shift', after having pressed\n      // 'Shift' and activating the timer, stop and reset the timer.\n      this.resetKeypressTimer()\n    }\n\n    // Keep track of whether the Shift modifier key was held during this keypress\n    this.lastKeyWasModified = event.shiftKey\n  }\n\n  /**\n   * Starts the 'quick escape' keyboard sequence timer.\n   *\n   * This can be invoked several times. We want this to be possible so that the\n   * timer is restarted each time the shortcut key is pressed (e.g. the user has\n   * up to n seconds between each keypress, rather than n seconds to invoke the\n   * entire sequence.)\n   *\n   * @private\n   */\n  setKeypressTimer() {\n    // Clear any existing timeout. This is so only one timer is running even if\n    // there are multiple keypresses in quick succession.\n    if (this.keypressTimeoutId) {\n      window.clearTimeout(this.keypressTimeoutId)\n    }\n\n    // Set a fresh timeout\n    this.keypressTimeoutId = window.setTimeout(\n      this.resetKeypressTimer.bind(this),\n      this.timeoutTime\n    )\n  }\n\n  /**\n   * Stops and resets the 'quick escape' keyboard sequence timer.\n   *\n   * @private\n   */\n  resetKeypressTimer() {\n    if (!this.$updateSpan) {\n      return\n    }\n\n    if (this.keypressTimeoutId) {\n      window.clearTimeout(this.keypressTimeoutId)\n      this.keypressTimeoutId = null\n    }\n\n    const $updateSpan = this.$updateSpan\n\n    this.keypressCounter = 0\n    $updateSpan.textContent = this.i18n.t('timedOut')\n\n    this.timeoutMessageId = window.setTimeout(() => {\n      $updateSpan.textContent = ''\n    }, this.timeoutTime)\n\n    this.updateIndicator()\n  }\n\n  /**\n   * Reset the page using the EtP button\n   *\n   * We use this in situations where a user may re-enter a page using the browser\n   * back button. In these cases, the browser can choose to restore the state of\n   * the page as it was previously, including restoring the 'ghost page' overlay,\n   * the announcement span having it's role set to \"alert\" and the keypress\n   * indicator still active, leaving the page in an unusable state.\n   *\n   * By running this check when the page is shown, we can programatically restore\n   * the page and the component to a \"default\" state\n   *\n   * @private\n   */\n  resetPage() {\n    // If an overlay is set, remove it and reset the value\n    document.body.classList.remove('govuk-exit-this-page-hide-content')\n\n    if (this.$overlay) {\n      this.$overlay.remove()\n      this.$overlay = null\n    }\n\n    // Ensure the announcement span's role is status, not alert and clear any text\n    if (this.$updateSpan) {\n      this.$updateSpan.setAttribute('role', 'status')\n      this.$updateSpan.textContent = ''\n    }\n\n    // Sync the keypress indicator lights\n    this.updateIndicator()\n\n    // If the timeouts are active, clear them\n    if (this.keypressTimeoutId) {\n      window.clearTimeout(this.keypressTimeoutId)\n    }\n\n    if (this.timeoutMessageId) {\n      window.clearTimeout(this.timeoutMessageId)\n    }\n  }\n\n  /**\n   * Name for the component used when initialising using data-module attributes.\n   */\n  static moduleName = 'govuk-exit-this-page'\n\n  /**\n   * Exit this page default config\n   *\n   * @see {@link ExitThisPageConfig}\n   * @constant\n   * @type {ExitThisPageConfig}\n   */\n  static defaults = Object.freeze({\n    i18n: {\n      activated: 'Loading.',\n      timedOut: 'Exit this page expired.',\n      pressTwoMoreTimes: 'Shift, press 2 more times to exit.',\n      pressOneMoreTime: 'Shift, press 1 more time to exit.'\n    }\n  })\n\n  /**\n   * Exit this page config schema\n   *\n   * @constant\n   * @satisfies {Schema<ExitThisPageConfig>}\n   */\n  static schema = Object.freeze({\n    properties: {\n      i18n: { type: 'object' }\n    }\n  })\n}\n\n/**\n * Exit this Page config\n *\n * @see {@link ExitThisPage.defaults}\n * @typedef {object} ExitThisPageConfig\n * @property {ExitThisPageTranslations} [i18n=ExitThisPage.defaults.i18n] - Exit this page translations\n */\n\n/**\n * Exit this Page translations\n *\n * @see {@link ExitThisPage.defaults.i18n}\n * @typedef {object} ExitThisPageTranslations\n *\n * Messages used by the component programatically inserted text, including\n * overlay text and screen reader announcements.\n * @property {string} [activated] - Screen reader announcement for when EtP\n *   keypress functionality has been successfully activated.\n * @property {string} [timedOut] - Screen reader announcement for when the EtP\n *   keypress functionality has timed out.\n * @property {string} [pressTwoMoreTimes] - Screen reader announcement informing\n *   the user they must press the activation key two more times.\n * @property {string} [pressOneMoreTime] - Screen reader announcement informing\n *   the user they must press the activation key one more time.\n */\n\n/**\n * @import { Schema } from '../../common/configuration.mjs'\n */\n"],"names":["isInitialised","$root","moduleName","HTMLElement","hasAttribute","isSupported","$scope","document","body","classList","contains","isArray","option","Array","isObject","formatErrorMessage","Component","message","GOVUKFrontendError","Error","constructor","args","name","SupportError","supportMessage","HTMLScriptElement","prototype","ConfigError","ElementError","messageOrOptions","component","identifier","element","expectedType","InitError","componentOrMessage","_$root","childConstructor","elementType","checkSupport","checkInitialised","setAttribute","configOverride","Symbol","for","ConfigurableComponent","param","config","_config","defaults","datasetConfig","normaliseDataset","dataset","mergeConfigs","normaliseString","value","property","trimmedValue","trim","output","outputType","type","includes","length","isFinite","Number","schema","out","entries","Object","properties","entry","namespace","field","toString","extractConfigByNamespace","configObjects","formattedConfigObject","configObject","key","keys","override","newObject","current","keyParts","split","index","I18n","translations","_config$locale","locale","documentElement","lang","t","lookupKey","options","translation","count","translationPluralForm","getPluralSuffix","match","replacePlaceholders","translationString","formatter","Intl","NumberFormat","supportedLocalesOf","undefined","replace","placeholderWithBraces","placeholderKey","hasOwnProperty","call","placeholderValue","format","hasIntlPluralRulesSupport","Boolean","window","PluralRules","preferredForm","select","console","warn","ExitThisPage","i18n","$button","$skiplinkButton","$updateSpan","$indicatorContainer","$overlay","keypressCounter","lastKeyWasModified","timeoutTime","keypressTimeoutId","timeoutMessageId","querySelector","HTMLAnchorElement","buildIndicator","initUpdateSpan","initButtonClickHandler","addEventListener","handleKeypress","bind","govukFrontendExitThisPageKeypress","resetPage","createElement","className","appendChild","handleClick","i","$indicator","updateIndicator","toggle","$indicators","querySelectorAll","forEach","exitPage","textContent","add","location","href","event","preventDefault","clearTimeout","setKeypressTimer","resetKeypressTimer","shiftKey","setTimeout","remove","freeze","activated","timedOut","pressTwoMoreTimes","pressOneMoreTime"],"mappings":"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"}
\ No newline at end of file
diff --git a/node_modules/govuk-frontend/dist/govuk/components/exit-this-page/exit-this-page.bundle.mjs b/node_modules/govuk-frontend/dist/govuk/components/exit-this-page/exit-this-page.bundle.mjs
new file mode 100644
index 0000000..4c46039
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/exit-this-page/exit-this-page.bundle.mjs
@@ -0,0 +1,576 @@
+function isInitialised($root, moduleName) {
+  return $root instanceof HTMLElement && $root.hasAttribute(`data-${moduleName}-init`);
+}
+
+/**
+ * Checks if GOV.UK Frontend is supported on this page
+ *
+ * Some browsers will load and run our JavaScript but GOV.UK Frontend
+ * won't be supported.
+ *
+ * @param {HTMLElement | null} [$scope] - (internal) `<body>` HTML element checked for browser support
+ * @returns {boolean} Whether GOV.UK Frontend is supported on this page
+ */
+function isSupported($scope = document.body) {
+  if (!$scope) {
+    return false;
+  }
+  return $scope.classList.contains('govuk-frontend-supported');
+}
+function isArray(option) {
+  return Array.isArray(option);
+}
+function isObject(option) {
+  return !!option && typeof option === 'object' && !isArray(option);
+}
+function formatErrorMessage(Component, message) {
+  return `${Component.moduleName}: ${message}`;
+}
+/**
+ * @typedef ComponentWithModuleName
+ * @property {string} moduleName - Name of the component
+ */
+
+class GOVUKFrontendError extends Error {
+  constructor(...args) {
+    super(...args);
+    this.name = 'GOVUKFrontendError';
+  }
+}
+class SupportError extends GOVUKFrontendError {
+  /**
+   * Checks if GOV.UK Frontend is supported on this page
+   *
+   * @param {HTMLElement | null} [$scope] - HTML element `<body>` checked for browser support
+   */
+  constructor($scope = document.body) {
+    const supportMessage = 'noModule' in HTMLScriptElement.prototype ? 'GOV.UK Frontend initialised without `<body class="govuk-frontend-supported">` from template `<script>` snippet' : 'GOV.UK Frontend is not supported in this browser';
+    super($scope ? supportMessage : 'GOV.UK Frontend initialised without `<script type="module">`');
+    this.name = 'SupportError';
+  }
+}
+class ConfigError extends GOVUKFrontendError {
+  constructor(...args) {
+    super(...args);
+    this.name = 'ConfigError';
+  }
+}
+class ElementError extends GOVUKFrontendError {
+  constructor(messageOrOptions) {
+    let message = typeof messageOrOptions === 'string' ? messageOrOptions : '';
+    if (isObject(messageOrOptions)) {
+      const {
+        component,
+        identifier,
+        element,
+        expectedType
+      } = messageOrOptions;
+      message = identifier;
+      message += element ? ` is not of type ${expectedType != null ? expectedType : 'HTMLElement'}` : ' not found';
+      if (component) {
+        message = formatErrorMessage(component, message);
+      }
+    }
+    super(message);
+    this.name = 'ElementError';
+  }
+}
+class InitError extends GOVUKFrontendError {
+  constructor(componentOrMessage) {
+    const message = typeof componentOrMessage === 'string' ? componentOrMessage : formatErrorMessage(componentOrMessage, `Root element (\`$root\`) already initialised`);
+    super(message);
+    this.name = 'InitError';
+  }
+}
+/**
+ * @import { ComponentWithModuleName } from '../common/index.mjs'
+ */
+
+class Component {
+  /**
+   * Returns the root element of the component
+   *
+   * @protected
+   * @returns {RootElementType} - the root element of component
+   */
+  get $root() {
+    return this._$root;
+  }
+  constructor($root) {
+    this._$root = void 0;
+    const childConstructor = this.constructor;
+    if (typeof childConstructor.moduleName !== 'string') {
+      throw new InitError(`\`moduleName\` not defined in component`);
+    }
+    if (!($root instanceof childConstructor.elementType)) {
+      throw new ElementError({
+        element: $root,
+        component: childConstructor,
+        identifier: 'Root element (`$root`)',
+        expectedType: childConstructor.elementType.name
+      });
+    } else {
+      this._$root = $root;
+    }
+    childConstructor.checkSupport();
+    this.checkInitialised();
+    const moduleName = childConstructor.moduleName;
+    this.$root.setAttribute(`data-${moduleName}-init`, '');
+  }
+  checkInitialised() {
+    const constructor = this.constructor;
+    const moduleName = constructor.moduleName;
+    if (moduleName && isInitialised(this.$root, moduleName)) {
+      throw new InitError(constructor);
+    }
+  }
+  static checkSupport() {
+    if (!isSupported()) {
+      throw new SupportError();
+    }
+  }
+}
+
+/**
+ * @typedef ChildClass
+ * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component
+ */
+
+/**
+ * @typedef {typeof Component & ChildClass} ChildClassConstructor
+ */
+Component.elementType = HTMLElement;
+
+const configOverride = Symbol.for('configOverride');
+class ConfigurableComponent extends Component {
+  [configOverride](param) {
+    return {};
+  }
+
+  /**
+   * Returns the root element of the component
+   *
+   * @protected
+   * @returns {ConfigurationType} - the root element of component
+   */
+  get config() {
+    return this._config;
+  }
+  constructor($root, config) {
+    super($root);
+    this._config = void 0;
+    const childConstructor = this.constructor;
+    if (!isObject(childConstructor.defaults)) {
+      throw new ConfigError(formatErrorMessage(childConstructor, 'Config passed as parameter into constructor but no defaults defined'));
+    }
+    const datasetConfig = normaliseDataset(childConstructor, this._$root.dataset);
+    this._config = mergeConfigs(childConstructor.defaults, config != null ? config : {}, this[configOverride](datasetConfig), datasetConfig);
+  }
+}
+function normaliseString(value, property) {
+  const trimmedValue = value ? value.trim() : '';
+  let output;
+  let outputType = property == null ? void 0 : property.type;
+  if (!outputType) {
+    if (['true', 'false'].includes(trimmedValue)) {
+      outputType = 'boolean';
+    }
+    if (trimmedValue.length > 0 && isFinite(Number(trimmedValue))) {
+      outputType = 'number';
+    }
+  }
+  switch (outputType) {
+    case 'boolean':
+      output = trimmedValue === 'true';
+      break;
+    case 'number':
+      output = Number(trimmedValue);
+      break;
+    default:
+      output = value;
+  }
+  return output;
+}
+function normaliseDataset(Component, dataset) {
+  if (!isObject(Component.schema)) {
+    throw new ConfigError(formatErrorMessage(Component, 'Config passed as parameter into constructor but no schema defined'));
+  }
+  const out = {};
+  const entries = Object.entries(Component.schema.properties);
+  for (const entry of entries) {
+    const [namespace, property] = entry;
+    const field = namespace.toString();
+    if (field in dataset) {
+      out[field] = normaliseString(dataset[field], property);
+    }
+    if ((property == null ? void 0 : property.type) === 'object') {
+      out[field] = extractConfigByNamespace(Component.schema, dataset, namespace);
+    }
+  }
+  return out;
+}
+function mergeConfigs(...configObjects) {
+  const formattedConfigObject = {};
+  for (const configObject of configObjects) {
+    for (const key of Object.keys(configObject)) {
+      const option = formattedConfigObject[key];
+      const override = configObject[key];
+      if (isObject(option) && isObject(override)) {
+        formattedConfigObject[key] = mergeConfigs(option, override);
+      } else {
+        formattedConfigObject[key] = override;
+      }
+    }
+  }
+  return formattedConfigObject;
+}
+function extractConfigByNamespace(schema, dataset, namespace) {
+  const property = schema.properties[namespace];
+  if ((property == null ? void 0 : property.type) !== 'object') {
+    return;
+  }
+  const newObject = {
+    [namespace]: {}
+  };
+  for (const [key, value] of Object.entries(dataset)) {
+    let current = newObject;
+    const keyParts = key.split('.');
+    for (const [index, name] of keyParts.entries()) {
+      if (isObject(current)) {
+        if (index < keyParts.length - 1) {
+          if (!isObject(current[name])) {
+            current[name] = {};
+          }
+          current = current[name];
+        } else if (key !== namespace) {
+          current[name] = normaliseString(value);
+        }
+      }
+    }
+  }
+  return newObject[namespace];
+}
+/**
+ * Schema for component config
+ *
+ * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType
+ * @typedef {object} Schema
+ * @property {Record<keyof ConfigurationType, SchemaProperty | undefined>} properties - Schema properties
+ * @property {SchemaCondition<ConfigurationType>[]} [anyOf] - List of schema conditions
+ */
+/**
+ * Schema property for component config
+ *
+ * @typedef {object} SchemaProperty
+ * @property {'string' | 'boolean' | 'number' | 'object'} type - Property type
+ */
+/**
+ * Schema condition for component config
+ *
+ * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType
+ * @typedef {object} SchemaCondition
+ * @property {(keyof ConfigurationType)[]} required - List of required config fields
+ * @property {string} errorMessage - Error message when required config fields not provided
+ */
+/**
+ * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]
+ * @typedef ChildClass
+ * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component
+ * @property {Schema<ConfigurationType>} [schema] - The schema of the component configuration
+ * @property {ConfigurationType} [defaults] - The default values of the configuration of the component
+ */
+/**
+ * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]
+ * @typedef {typeof Component & ChildClass<ConfigurationType>} ChildClassConstructor<ConfigurationType>
+ */
+/**
+ * @import { CompatibleClass, Config, CreateAllOptions, OnErrorCallback } from '../init.mjs'
+ */
+
+class I18n {
+  constructor(translations = {}, config = {}) {
+    var _config$locale;
+    this.translations = void 0;
+    this.locale = void 0;
+    this.translations = translations;
+    this.locale = (_config$locale = config.locale) != null ? _config$locale : document.documentElement.lang || 'en';
+  }
+  t(lookupKey, options) {
+    if (!lookupKey) {
+      throw new Error('i18n: lookup key missing');
+    }
+    let translation = this.translations[lookupKey];
+    if (typeof (options == null ? void 0 : options.count) === 'number' && isObject(translation)) {
+      const translationPluralForm = translation[this.getPluralSuffix(lookupKey, options.count)];
+      if (translationPluralForm) {
+        translation = translationPluralForm;
+      }
+    }
+    if (typeof translation === 'string') {
+      if (translation.match(/%{(.\S+)}/)) {
+        if (!options) {
+          throw new Error('i18n: cannot replace placeholders in string if no option data provided');
+        }
+        return this.replacePlaceholders(translation, options);
+      }
+      return translation;
+    }
+    return lookupKey;
+  }
+  replacePlaceholders(translationString, options) {
+    const formatter = Intl.NumberFormat.supportedLocalesOf(this.locale).length ? new Intl.NumberFormat(this.locale) : undefined;
+    return translationString.replace(/%{(.\S+)}/g, function (placeholderWithBraces, placeholderKey) {
+      if (Object.prototype.hasOwnProperty.call(options, placeholderKey)) {
+        const placeholderValue = options[placeholderKey];
+        if (placeholderValue === false || typeof placeholderValue !== 'number' && typeof placeholderValue !== 'string') {
+          return '';
+        }
+        if (typeof placeholderValue === 'number') {
+          return formatter ? formatter.format(placeholderValue) : `${placeholderValue}`;
+        }
+        return placeholderValue;
+      }
+      throw new Error(`i18n: no data found to replace ${placeholderWithBraces} placeholder in string`);
+    });
+  }
+  hasIntlPluralRulesSupport() {
+    return Boolean('PluralRules' in window.Intl && Intl.PluralRules.supportedLocalesOf(this.locale).length);
+  }
+  getPluralSuffix(lookupKey, count) {
+    count = Number(count);
+    if (!isFinite(count)) {
+      return 'other';
+    }
+    const translation = this.translations[lookupKey];
+    const preferredForm = this.hasIntlPluralRulesSupport() ? new Intl.PluralRules(this.locale).select(count) : 'other';
+    if (isObject(translation)) {
+      if (preferredForm in translation) {
+        return preferredForm;
+      } else if ('other' in translation) {
+        console.warn(`i18n: Missing plural form ".${preferredForm}" for "${this.locale}" locale. Falling back to ".other".`);
+        return 'other';
+      }
+    }
+    throw new Error(`i18n: Plural form ".other" is required for "${this.locale}" locale`);
+  }
+}
+
+/**
+ * Exit this page component
+ *
+ * @preserve
+ * @augments ConfigurableComponent<ExitThisPageConfig>
+ */
+class ExitThisPage extends ConfigurableComponent {
+  /**
+   * @param {Element | null} $root - HTML element that wraps the Exit This Page button
+   * @param {ExitThisPageConfig} [config] - Exit This Page config
+   */
+  constructor($root, config = {}) {
+    super($root, config);
+    this.i18n = void 0;
+    this.$button = void 0;
+    this.$skiplinkButton = null;
+    this.$updateSpan = null;
+    this.$indicatorContainer = null;
+    this.$overlay = null;
+    this.keypressCounter = 0;
+    this.lastKeyWasModified = false;
+    this.timeoutTime = 5000;
+    this.keypressTimeoutId = null;
+    this.timeoutMessageId = null;
+    const $button = this.$root.querySelector('.govuk-exit-this-page__button');
+    if (!($button instanceof HTMLAnchorElement)) {
+      throw new ElementError({
+        component: ExitThisPage,
+        element: $button,
+        expectedType: 'HTMLAnchorElement',
+        identifier: 'Button (`.govuk-exit-this-page__button`)'
+      });
+    }
+    this.i18n = new I18n(this.config.i18n);
+    this.$button = $button;
+    const $skiplinkButton = document.querySelector('.govuk-js-exit-this-page-skiplink');
+    if ($skiplinkButton instanceof HTMLAnchorElement) {
+      this.$skiplinkButton = $skiplinkButton;
+    }
+    this.buildIndicator();
+    this.initUpdateSpan();
+    this.initButtonClickHandler();
+    if (!('govukFrontendExitThisPageKeypress' in document.body.dataset)) {
+      document.addEventListener('keyup', this.handleKeypress.bind(this), true);
+      document.body.dataset.govukFrontendExitThisPageKeypress = 'true';
+    }
+    window.addEventListener('pageshow', this.resetPage.bind(this));
+  }
+  initUpdateSpan() {
+    this.$updateSpan = document.createElement('span');
+    this.$updateSpan.setAttribute('role', 'status');
+    this.$updateSpan.className = 'govuk-visually-hidden';
+    this.$root.appendChild(this.$updateSpan);
+  }
+  initButtonClickHandler() {
+    this.$button.addEventListener('click', this.handleClick.bind(this));
+    if (this.$skiplinkButton) {
+      this.$skiplinkButton.addEventListener('click', this.handleClick.bind(this));
+    }
+  }
+  buildIndicator() {
+    this.$indicatorContainer = document.createElement('div');
+    this.$indicatorContainer.className = 'govuk-exit-this-page__indicator';
+    this.$indicatorContainer.setAttribute('aria-hidden', 'true');
+    for (let i = 0; i < 3; i++) {
+      const $indicator = document.createElement('div');
+      $indicator.className = 'govuk-exit-this-page__indicator-light';
+      this.$indicatorContainer.appendChild($indicator);
+    }
+    this.$button.appendChild(this.$indicatorContainer);
+  }
+  updateIndicator() {
+    if (!this.$indicatorContainer) {
+      return;
+    }
+    this.$indicatorContainer.classList.toggle('govuk-exit-this-page__indicator--visible', this.keypressCounter > 0);
+    const $indicators = this.$indicatorContainer.querySelectorAll('.govuk-exit-this-page__indicator-light');
+    $indicators.forEach(($indicator, index) => {
+      $indicator.classList.toggle('govuk-exit-this-page__indicator-light--on', index < this.keypressCounter);
+    });
+  }
+  exitPage() {
+    if (!this.$updateSpan) {
+      return;
+    }
+    this.$updateSpan.textContent = '';
+    document.body.classList.add('govuk-exit-this-page-hide-content');
+    this.$overlay = document.createElement('div');
+    this.$overlay.className = 'govuk-exit-this-page-overlay';
+    this.$overlay.setAttribute('role', 'alert');
+    document.body.appendChild(this.$overlay);
+    this.$overlay.textContent = this.i18n.t('activated');
+    window.location.href = this.$button.href;
+  }
+  handleClick(event) {
+    event.preventDefault();
+    this.exitPage();
+  }
+  handleKeypress(event) {
+    if (!this.$updateSpan) {
+      return;
+    }
+    if (event.key === 'Shift' && !this.lastKeyWasModified) {
+      this.keypressCounter += 1;
+      this.updateIndicator();
+      if (this.timeoutMessageId) {
+        window.clearTimeout(this.timeoutMessageId);
+        this.timeoutMessageId = null;
+      }
+      if (this.keypressCounter >= 3) {
+        this.keypressCounter = 0;
+        if (this.keypressTimeoutId) {
+          window.clearTimeout(this.keypressTimeoutId);
+          this.keypressTimeoutId = null;
+        }
+        this.exitPage();
+      } else {
+        if (this.keypressCounter === 1) {
+          this.$updateSpan.textContent = this.i18n.t('pressTwoMoreTimes');
+        } else {
+          this.$updateSpan.textContent = this.i18n.t('pressOneMoreTime');
+        }
+      }
+      this.setKeypressTimer();
+    } else if (this.keypressTimeoutId) {
+      this.resetKeypressTimer();
+    }
+    this.lastKeyWasModified = event.shiftKey;
+  }
+  setKeypressTimer() {
+    if (this.keypressTimeoutId) {
+      window.clearTimeout(this.keypressTimeoutId);
+    }
+    this.keypressTimeoutId = window.setTimeout(this.resetKeypressTimer.bind(this), this.timeoutTime);
+  }
+  resetKeypressTimer() {
+    if (!this.$updateSpan) {
+      return;
+    }
+    if (this.keypressTimeoutId) {
+      window.clearTimeout(this.keypressTimeoutId);
+      this.keypressTimeoutId = null;
+    }
+    const $updateSpan = this.$updateSpan;
+    this.keypressCounter = 0;
+    $updateSpan.textContent = this.i18n.t('timedOut');
+    this.timeoutMessageId = window.setTimeout(() => {
+      $updateSpan.textContent = '';
+    }, this.timeoutTime);
+    this.updateIndicator();
+  }
+  resetPage() {
+    document.body.classList.remove('govuk-exit-this-page-hide-content');
+    if (this.$overlay) {
+      this.$overlay.remove();
+      this.$overlay = null;
+    }
+    if (this.$updateSpan) {
+      this.$updateSpan.setAttribute('role', 'status');
+      this.$updateSpan.textContent = '';
+    }
+    this.updateIndicator();
+    if (this.keypressTimeoutId) {
+      window.clearTimeout(this.keypressTimeoutId);
+    }
+    if (this.timeoutMessageId) {
+      window.clearTimeout(this.timeoutMessageId);
+    }
+  }
+}
+
+/**
+ * Exit this Page config
+ *
+ * @see {@link ExitThisPage.defaults}
+ * @typedef {object} ExitThisPageConfig
+ * @property {ExitThisPageTranslations} [i18n=ExitThisPage.defaults.i18n] - Exit this page translations
+ */
+
+/**
+ * Exit this Page translations
+ *
+ * @see {@link ExitThisPage.defaults.i18n}
+ * @typedef {object} ExitThisPageTranslations
+ *
+ * Messages used by the component programatically inserted text, including
+ * overlay text and screen reader announcements.
+ * @property {string} [activated] - Screen reader announcement for when EtP
+ *   keypress functionality has been successfully activated.
+ * @property {string} [timedOut] - Screen reader announcement for when the EtP
+ *   keypress functionality has timed out.
+ * @property {string} [pressTwoMoreTimes] - Screen reader announcement informing
+ *   the user they must press the activation key two more times.
+ * @property {string} [pressOneMoreTime] - Screen reader announcement informing
+ *   the user they must press the activation key one more time.
+ */
+
+/**
+ * @import { Schema } from '../../common/configuration.mjs'
+ */
+ExitThisPage.moduleName = 'govuk-exit-this-page';
+ExitThisPage.defaults = Object.freeze({
+  i18n: {
+    activated: 'Loading.',
+    timedOut: 'Exit this page expired.',
+    pressTwoMoreTimes: 'Shift, press 2 more times to exit.',
+    pressOneMoreTime: 'Shift, press 1 more time to exit.'
+  }
+});
+ExitThisPage.schema = Object.freeze({
+  properties: {
+    i18n: {
+      type: 'object'
+    }
+  }
+});
+
+export { ExitThisPage };
+//# sourceMappingURL=exit-this-page.bundle.mjs.map
diff --git a/node_modules/govuk-frontend/dist/govuk/components/exit-this-page/exit-this-page.bundle.mjs.map b/node_modules/govuk-frontend/dist/govuk/components/exit-this-page/exit-this-page.bundle.mjs.map
new file mode 100644
index 0000000..b8d5edc
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/exit-this-page/exit-this-page.bundle.mjs.map
@@ -0,0 +1 @@
+{"version":3,"file":"exit-this-page.bundle.mjs","sources":["../../../../src/govuk/common/index.mjs","../../../../src/govuk/errors/index.mjs","../../../../src/govuk/component.mjs","../../../../src/govuk/common/configuration.mjs","../../../../src/govuk/i18n.mjs","../../../../src/govuk/components/exit-this-page/exit-this-page.mjs"],"sourcesContent":["/**\n * Common helpers which do not require polyfill.\n *\n * IMPORTANT: If a helper require a polyfill, please isolate it in its own module\n * so that the polyfill can be properly tree-shaken and does not burden\n * the components that do not need that helper\n */\n\n/**\n * Get GOV.UK Frontend breakpoint value from CSS custom property\n *\n * @private\n * @param {string} name - Breakpoint name\n * @returns {{ property: string, value?: string }} Breakpoint object\n */\nexport function getBreakpoint(name) {\n  const property = `--govuk-breakpoint-${name}`\n\n  // Get value from `<html>` with breakpoints on CSS :root\n  const value = window\n    .getComputedStyle(document.documentElement)\n    .getPropertyValue(property)\n\n  return {\n    property,\n    value: value || undefined\n  }\n}\n\n/**\n * Move focus to element\n *\n * Sets tabindex to -1 to make the element programmatically focusable,\n * but removes it on blur as the element doesn't need to be focused again.\n *\n * @private\n * @template {HTMLElement} FocusElement\n * @param {FocusElement} $element - HTML element\n * @param {object} [options] - Handler options\n * @param {function(this: FocusElement): void} [options.onBeforeFocus] - Callback before focus\n * @param {function(this: FocusElement): void} [options.onBlur] - Callback on blur\n */\nexport function setFocus($element, options = {}) {\n  const isFocusable = $element.getAttribute('tabindex')\n\n  if (!isFocusable) {\n    $element.setAttribute('tabindex', '-1')\n  }\n\n  /**\n   * Handle element focus\n   */\n  function onFocus() {\n    $element.addEventListener('blur', onBlur, { once: true })\n  }\n\n  /**\n   * Handle element blur\n   */\n  function onBlur() {\n    options.onBlur?.call($element)\n\n    if (!isFocusable) {\n      $element.removeAttribute('tabindex')\n    }\n  }\n\n  // Add listener to reset element on blur, after focus\n  $element.addEventListener('focus', onFocus, { once: true })\n\n  // Focus element\n  options.onBeforeFocus?.call($element)\n  $element.focus()\n}\n\n/**\n * Checks if component is already initialised\n *\n * @internal\n * @param {Element} $root - HTML element to be checked\n * @param {string} moduleName - name of component module\n * @returns {boolean} Whether component is already initialised\n */\nexport function isInitialised($root, moduleName) {\n  return (\n    $root instanceof HTMLElement &&\n    $root.hasAttribute(`data-${moduleName}-init`)\n  )\n}\n\n/**\n * Checks if GOV.UK Frontend is supported on this page\n *\n * Some browsers will load and run our JavaScript but GOV.UK Frontend\n * won't be supported.\n *\n * @param {HTMLElement | null} [$scope] - (internal) `<body>` HTML element checked for browser support\n * @returns {boolean} Whether GOV.UK Frontend is supported on this page\n */\nexport function isSupported($scope = document.body) {\n  if (!$scope) {\n    return false\n  }\n\n  return $scope.classList.contains('govuk-frontend-supported')\n}\n\n/**\n * Check for an array\n *\n * @internal\n * @param {unknown} option - Option to check\n * @returns {boolean} Whether the option is an array\n */\nfunction isArray(option) {\n  return Array.isArray(option)\n}\n\n/**\n * Check for an object\n *\n * @internal\n * @template {Partial<Record<keyof ObjectType, unknown>>} ObjectType\n * @param {unknown | ObjectType} option - Option to check\n * @returns {option is ObjectType} Whether the option is an object\n */\nexport function isObject(option) {\n  return !!option && typeof option === 'object' && !isArray(option)\n}\n\n/**\n * Check for valid scope\n *\n * @internal\n * @template {Element | Document} ScopeType\n * @param {unknown | ScopeType} $scope - Scope of the document to search within\n * @returns {$scope is ScopeType} Whether the scope can be queried\n */\nexport function isScope($scope) {\n  return !!$scope && ($scope instanceof Element || $scope instanceof Document)\n}\n\n/**\n * Format error message\n *\n * @internal\n * @param {ComponentWithModuleName} Component - Component that threw the error\n * @param {string} message - Error message\n * @returns {string} - Formatted error message\n */\nexport function formatErrorMessage(Component, message) {\n  return `${Component.moduleName}: ${message}`\n}\n\n/* eslint-disable jsdoc/valid-types --\n * `{new(...args: any[] ): object}` is not recognised as valid\n * https://github.com/gajus/eslint-plugin-jsdoc/issues/145#issuecomment-1308722878\n * https://github.com/jsdoc-type-pratt-parser/jsdoc-type-pratt-parser/issues/131\n **/\n\n/**\n * @typedef ComponentWithModuleName\n * @property {string} moduleName - Name of the component\n */\n\n/* eslint-enable jsdoc/valid-types */\n","import { formatErrorMessage, isObject } from '../common/index.mjs'\n\n/**\n * GOV.UK Frontend error\n *\n * A base class for `Error`s thrown by GOV.UK Frontend.\n *\n * It is meant to be extended into specific types of errors\n * to be thrown by our code.\n *\n * @example\n * ```js\n * class MissingRootError extends GOVUKFrontendError {\n *   // Setting an explicit name is important as extending the class will not\n *   // set a new `name` on the subclass. The `name` property is important\n *   // to ensure intelligible error names even if the class name gets\n *   // mangled by a minifier\n *   name = \"MissingRootError\"\n * }\n * ```\n * @virtual\n */\nexport class GOVUKFrontendError extends Error {\n  name = 'GOVUKFrontendError'\n}\n\n/**\n * Indicates that GOV.UK Frontend is not supported\n */\nexport class SupportError extends GOVUKFrontendError {\n  name = 'SupportError'\n\n  /**\n   * Checks if GOV.UK Frontend is supported on this page\n   *\n   * @param {HTMLElement | null} [$scope] - HTML element `<body>` checked for browser support\n   */\n  constructor($scope = document.body) {\n    const supportMessage =\n      'noModule' in HTMLScriptElement.prototype\n        ? 'GOV.UK Frontend initialised without `<body class=\"govuk-frontend-supported\">` from template `<script>` snippet'\n        : 'GOV.UK Frontend is not supported in this browser'\n\n    super(\n      $scope\n        ? supportMessage\n        : 'GOV.UK Frontend initialised without `<script type=\"module\">`'\n    )\n  }\n}\n\n/**\n * Indicates that a component has received an illegal configuration\n */\nexport class ConfigError extends GOVUKFrontendError {\n  name = 'ConfigError'\n}\n\n/**\n * Indicates an issue with an element (possibly `null` or `undefined`)\n */\nexport class ElementError extends GOVUKFrontendError {\n  name = 'ElementError'\n\n  /**\n   * @internal\n   * @overload\n   * @param {string} message - Element error message\n   */\n\n  /**\n   * @internal\n   * @overload\n   * @param {ElementErrorOptions} options - Element error options\n   */\n\n  /**\n   * @internal\n   * @param {string | ElementErrorOptions} messageOrOptions - Element error message or options\n   */\n  constructor(messageOrOptions) {\n    let message = typeof messageOrOptions === 'string' ? messageOrOptions : ''\n\n    // Build message from options\n    if (isObject(messageOrOptions)) {\n      const { component, identifier, element, expectedType } = messageOrOptions\n\n      message = identifier\n\n      // Append reason\n      message += element\n        ? ` is not of type ${expectedType ?? 'HTMLElement'}`\n        : ' not found'\n\n      // Prepend with module name (optional)\n      if (component) {\n        message = formatErrorMessage(component, message)\n      }\n    }\n\n    super(message)\n  }\n}\n\n/**\n * Indicates that a component is already initialised\n */\nexport class InitError extends GOVUKFrontendError {\n  name = 'InitError'\n\n  /**\n   * @internal\n   * @param {ComponentWithModuleName | string} componentOrMessage - name of the component module\n   */\n  constructor(componentOrMessage) {\n    const message =\n      typeof componentOrMessage === 'string'\n        ? componentOrMessage\n        : formatErrorMessage(\n            componentOrMessage,\n            `Root element (\\`$root\\`) already initialised`\n          )\n\n    super(message)\n  }\n}\n\n/**\n * Element error options\n *\n * @internal\n * @typedef {object} ElementErrorOptions\n * @property {Element | Document | null} [element] - The element in error (optional)\n * @property {ComponentWithModuleName} [component] - Component throwing the error (optional)\n * @property {string} identifier - An identifier that'll let the user understand which element has an error. This is whatever makes the most sense\n * @property {string} [expectedType] - The type that was expected for the identifier (optional)\n */\n\n/**\n * @import { ComponentWithModuleName } from '../common/index.mjs'\n */\n","import { isInitialised, isSupported } from './common/index.mjs'\nimport { ElementError, InitError, SupportError } from './errors/index.mjs'\n\n/**\n * Base Component class\n *\n * Centralises the behaviours shared by our components\n *\n * @virtual\n * @template {Element} [RootElementType=HTMLElement]\n */\nexport class Component {\n  /**\n   * @type {typeof Element}\n   */\n  static elementType = HTMLElement\n\n  // allows Typescript user to work around the lack of types\n  // in GOVUKFrontend package, Typescript is not aware of $root\n  // in components that extend GOVUKFrontendComponent\n  /**\n   * Returns the root element of the component\n   *\n   * @protected\n   * @returns {RootElementType} - the root element of component\n   */\n  get $root() {\n    return this._$root\n  }\n\n  /**\n   * @protected\n   * @type {RootElementType}\n   */\n  _$root\n\n  /**\n   * Constructs a new component, validating that GOV.UK Frontend is supported\n   *\n   * @internal\n   * @param {Element | null} [$root] - HTML element to use for component\n   */\n  constructor($root) {\n    const childConstructor = /** @type {ChildClassConstructor} */ (\n      this.constructor\n    )\n\n    // TypeScript does not enforce that inheriting classes will define a `moduleName`\n    // (even if we add a `@virtual` `static moduleName` property to this class).\n    // While we trust users to do this correctly, we do a little check to provide them\n    // a helpful error message.\n    //\n    // After this, we'll be sure that `childConstructor` has a `moduleName`\n    // as expected of the `ChildClassConstructor` we've cast `this.constructor` to.\n    if (typeof childConstructor.moduleName !== 'string') {\n      throw new InitError(`\\`moduleName\\` not defined in component`)\n    }\n\n    if (!($root instanceof childConstructor.elementType)) {\n      throw new ElementError({\n        element: $root,\n        component: childConstructor,\n        identifier: 'Root element (`$root`)',\n        expectedType: childConstructor.elementType.name\n      })\n    } else {\n      this._$root = /** @type {RootElementType} */ ($root)\n    }\n\n    childConstructor.checkSupport()\n\n    this.checkInitialised()\n\n    const moduleName = childConstructor.moduleName\n\n    this.$root.setAttribute(`data-${moduleName}-init`, '')\n  }\n\n  /**\n   * Validates whether component is already initialised\n   *\n   * @private\n   * @throws {InitError} when component is already initialised\n   */\n  checkInitialised() {\n    const constructor = /** @type {ChildClassConstructor} */ (this.constructor)\n    const moduleName = constructor.moduleName\n\n    if (moduleName && isInitialised(this.$root, moduleName)) {\n      throw new InitError(constructor)\n    }\n  }\n\n  /**\n   * Validates whether components are supported\n   *\n   * @throws {SupportError} when the components are not supported\n   */\n  static checkSupport() {\n    if (!isSupported()) {\n      throw new SupportError()\n    }\n  }\n}\n\n/**\n * @typedef ChildClass\n * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component\n */\n\n/**\n * @typedef {typeof Component & ChildClass} ChildClassConstructor\n */\n","import { Component } from '../component.mjs'\nimport { ConfigError } from '../errors/index.mjs'\n\nimport { isObject, isScope, formatErrorMessage } from './index.mjs'\n\nexport const configOverride = Symbol.for('configOverride')\n\n/**\n * Base Component class\n *\n * Centralises the behaviours shared by our components\n *\n * @virtual\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]\n * @template {Element & { dataset: DOMStringMap }} [RootElementType=HTMLElement]\n * @augments Component<RootElementType>\n */\nexport class ConfigurableComponent extends Component {\n  /**\n   * configOverride\n   *\n   * Function which defines configuration overrides to prioritize\n   * properties from the root element's dataset.\n   *\n   * It should take a subset of configuration as input and return\n   * a new configuration object with properties that should be\n   * overridden based on the root element's dataset. A Symbol\n   * is used for indexing to prevent conflicts.\n   *\n   * @internal\n   * @virtual\n   * @param {Partial<ConfigurationType>} [param] - Configuration object\n   * @returns {Partial<ConfigurationType>} return - Configuration object\n   */\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  [configOverride](param) {\n    return {}\n  }\n\n  /**\n   * Returns the root element of the component\n   *\n   * @protected\n   * @returns {ConfigurationType} - the root element of component\n   */\n  get config() {\n    return this._config\n  }\n\n  /**\n   *\n   * @type {ConfigurationType}\n   */\n  _config\n\n  /**\n   * Constructs a new component, validating that GOV.UK Frontend is supported\n   *\n   * @internal\n   * @param {Element | null} [$root] - HTML element to use for component\n   * @param {ConfigurationType} [config] - HTML element to use for component\n   */\n  constructor($root, config) {\n    super($root)\n\n    const childConstructor =\n      /** @type {ChildClassConstructor<ConfigurationType>} */ (this.constructor)\n\n    if (!isObject(childConstructor.defaults)) {\n      throw new ConfigError(\n        formatErrorMessage(\n          childConstructor,\n          'Config passed as parameter into constructor but no defaults defined'\n        )\n      )\n    }\n\n    const datasetConfig = /** @type {ConfigurationType} */ (\n      normaliseDataset(childConstructor, this._$root.dataset)\n    )\n\n    this._config = /** @type {ConfigurationType} */ (\n      mergeConfigs(\n        childConstructor.defaults,\n        config ?? {},\n        this[configOverride](datasetConfig),\n        datasetConfig\n      )\n    )\n  }\n}\n\n/**\n * Normalise string\n *\n * 'If it looks like a duck, and it quacks like a duck…' 🦆\n *\n * If the passed value looks like a boolean or a number, convert it to a boolean\n * or number.\n *\n * Designed to be used to convert config passed via data attributes (which are\n * always strings) into something sensible.\n *\n * @internal\n * @param {DOMStringMap[string]} value - The value to normalise\n * @param {SchemaProperty} [property] - Component schema property\n * @returns {string | boolean | number | undefined} Normalised data\n */\nexport function normaliseString(value, property) {\n  const trimmedValue = value ? value.trim() : ''\n\n  let output\n  let outputType = property?.type\n\n  // No schema type set? Determine automatically\n  if (!outputType) {\n    if (['true', 'false'].includes(trimmedValue)) {\n      outputType = 'boolean'\n    }\n\n    // Empty / whitespace-only strings are considered finite so we need to check\n    // the length of the trimmed string as well\n    if (trimmedValue.length > 0 && isFinite(Number(trimmedValue))) {\n      outputType = 'number'\n    }\n  }\n\n  switch (outputType) {\n    case 'boolean':\n      output = trimmedValue === 'true'\n      break\n\n    case 'number':\n      output = Number(trimmedValue)\n      break\n\n    default:\n      output = value\n  }\n\n  return output\n}\n\n/**\n * Normalise dataset\n *\n * Loop over an object and normalise each value using {@link normaliseString},\n * optionally expanding nested `i18n.field`\n *\n * @internal\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @template {[keyof ConfigurationType, SchemaProperty | undefined][]} SchemaEntryType\n * @param {{ schema?: Schema<ConfigurationType>, moduleName: string }} Component - Component class\n * @param {DOMStringMap} dataset - HTML element dataset\n * @returns {ObjectNested} Normalised dataset\n */\nexport function normaliseDataset(Component, dataset) {\n  if (!isObject(Component.schema)) {\n    throw new ConfigError(\n      formatErrorMessage(\n        Component,\n        'Config passed as parameter into constructor but no schema defined'\n      )\n    )\n  }\n\n  const out = /** @type {ObjectNested} */ ({})\n  const entries = /** @type {SchemaEntryType} */ (\n    Object.entries(Component.schema.properties)\n  )\n\n  // Normalise top-level dataset ('data-*') values using schema types\n  for (const entry of entries) {\n    const [namespace, property] = entry\n\n    // Cast the `namespace` to string so it can be used to access the dataset\n    const field = namespace.toString()\n\n    if (field in dataset) {\n      out[field] = normaliseString(dataset[field], property)\n    }\n\n    /**\n     * Extract and normalise nested object values automatically using\n     * {@link normaliseString} but only schema object types are allowed\n     */\n    if (property?.type === 'object') {\n      out[field] = extractConfigByNamespace(\n        Component.schema,\n        dataset,\n        namespace\n      )\n    }\n  }\n\n  return out\n}\n\n/**\n * Normalise options passed to `initAll` or `createAll`\n *\n * @internal\n * @template {CompatibleClass} ComponentClass\n * @param {Config | CreateAllOptions<ComponentClass> | OnErrorCallback<ComponentClass> | Element | Document | null} [scopeOrOptions] - Scope of the document to search within, initialisation options or error callback function\n * @returns {CreateAllOptions<ComponentClass>} Normalised options\n */\nexport function normaliseOptions(scopeOrOptions) {\n  let /** @type {Element | Document | null} */ $scope = document\n  let /** @type {OnErrorCallback<ComponentClass> | undefined} */ onError\n\n  // Handle options object\n  if (isObject(scopeOrOptions)) {\n    const options = scopeOrOptions\n\n    // Scope must be valid or null\n    if (isScope(options.scope) || options.scope === null) {\n      $scope = options.scope\n    }\n\n    // Error handler must be a function\n    if (typeof options.onError === 'function') {\n      onError = options.onError\n    }\n  }\n\n  if (isScope(scopeOrOptions)) {\n    $scope = scopeOrOptions\n  } else if (scopeOrOptions === null) {\n    $scope = null\n  } else if (typeof scopeOrOptions === 'function') {\n    onError = scopeOrOptions\n  }\n\n  return {\n    scope: $scope,\n    onError\n  }\n}\n\n/**\n * Config merging function\n *\n * Takes any number of objects and combines them together, with\n * greatest priority on the LAST item passed in.\n *\n * @internal\n * @param {...{ [key: string]: unknown }} configObjects - Config objects to merge\n * @returns {{ [key: string]: unknown }} A merged config object\n */\nexport function mergeConfigs(...configObjects) {\n  // Start with an empty object as our base\n  /** @type {{ [key: string]: unknown }} */\n  const formattedConfigObject = {}\n\n  // Loop through each of the passed objects\n  for (const configObject of configObjects) {\n    for (const key of Object.keys(configObject)) {\n      const option = formattedConfigObject[key]\n      const override = configObject[key]\n\n      // Push their keys one-by-one into formattedConfigObject. Any duplicate\n      // keys with object values will be merged, otherwise the new value will\n      // override the existing value.\n      if (isObject(option) && isObject(override)) {\n        formattedConfigObject[key] = mergeConfigs(option, override)\n      } else {\n        // Apply override\n        formattedConfigObject[key] = override\n      }\n    }\n  }\n\n  return formattedConfigObject\n}\n\n/**\n * Validate component config by schema\n *\n * Follows limited examples in JSON schema for wider support in future\n *\n * {@link https://ajv.js.org/json-schema.html#compound-keywords}\n * {@link https://ajv.js.org/packages/ajv-errors.html#single-message}\n *\n * @internal\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @param {Schema<ConfigurationType>} schema - The schema of a component\n * @param {ConfigurationType} config - Component config\n * @returns {string[]} List of validation errors\n */\nexport function validateConfig(schema, config) {\n  const validationErrors = []\n\n  // Check errors for each schema\n  for (const [name, conditions] of Object.entries(schema)) {\n    const errors = []\n\n    // Check errors for each schema condition\n    if (Array.isArray(conditions)) {\n      for (const { required, errorMessage } of conditions) {\n        if (!required.every((key) => !!config[key])) {\n          errors.push(errorMessage) // Missing config key value\n        }\n      }\n\n      // Check one condition passes or add errors\n      if (name === 'anyOf' && !(conditions.length - errors.length >= 1)) {\n        validationErrors.push(...errors)\n      }\n    }\n  }\n\n  return validationErrors\n}\n\n/**\n * Extracts keys starting with a particular namespace from dataset ('data-*')\n * object, removing the namespace in the process, normalising all values\n *\n * @internal\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @param {Schema<ConfigurationType>} schema - The schema of a component\n * @param {DOMStringMap} dataset - The object to extract key-value pairs from\n * @param {keyof ConfigurationType} namespace - The namespace to filter keys with\n * @returns {ObjectNested | undefined} Nested object with dot-separated key namespace removed\n */\nexport function extractConfigByNamespace(schema, dataset, namespace) {\n  const property = schema.properties[namespace]\n\n  // Only extract configs for object schema properties\n  if (property?.type !== 'object') {\n    return\n  }\n\n  // Add default empty config\n  const newObject = /** @type {Record<typeof namespace, ObjectNested>} */ ({\n    [namespace]: {}\n  })\n\n  for (const [key, value] of Object.entries(dataset)) {\n    /** @type {ObjectNested | ObjectNested[NestedKey]} */\n    let current = newObject\n\n    // Split the key into parts, using . as our namespace separator\n    const keyParts = key.split('.')\n\n    /**\n     * Create new level per part\n     *\n     * e.g. 'i18n.textareaDescription.other' becomes\n     * `{ i18n: { textareaDescription: { other } } }`\n     */\n    for (const [index, name] of keyParts.entries()) {\n      if (isObject(current)) {\n        // Drop down to nested object until the last part\n        if (index < keyParts.length - 1) {\n          // New nested object (optionally) replaces existing value\n          if (!isObject(current[name])) {\n            current[name] = {}\n          }\n\n          // Drop down into new or existing nested object\n          current = current[name]\n        } else if (key !== namespace) {\n          // Normalised value (optionally) replaces existing value\n          current[name] = normaliseString(value)\n        }\n      }\n    }\n  }\n\n  return newObject[namespace]\n}\n\n/**\n * @internal\n * @typedef {keyof ObjectNested} NestedKey\n * @typedef {{ [key: string]: string | boolean | number | ObjectNested | undefined }} ObjectNested\n */\n\n/**\n * Schema for component config\n *\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @typedef {object} Schema\n * @property {Record<keyof ConfigurationType, SchemaProperty | undefined>} properties - Schema properties\n * @property {SchemaCondition<ConfigurationType>[]} [anyOf] - List of schema conditions\n */\n\n/**\n * Schema property for component config\n *\n * @typedef {object} SchemaProperty\n * @property {'string' | 'boolean' | 'number' | 'object'} type - Property type\n */\n\n/**\n * Schema condition for component config\n *\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @typedef {object} SchemaCondition\n * @property {(keyof ConfigurationType)[]} required - List of required config fields\n * @property {string} errorMessage - Error message when required config fields not provided\n */\n\n/**\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]\n * @typedef ChildClass\n * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component\n * @property {Schema<ConfigurationType>} [schema] - The schema of the component configuration\n * @property {ConfigurationType} [defaults] - The default values of the configuration of the component\n */\n\n/**\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]\n * @typedef {typeof Component & ChildClass<ConfigurationType>} ChildClassConstructor<ConfigurationType>\n */\n\n/**\n * @import { CompatibleClass, Config, CreateAllOptions, OnErrorCallback } from '../init.mjs'\n */\n","import { isObject } from './common/index.mjs'\n\n/**\n * Internal support for selecting messages to render, with placeholder\n * interpolation and locale-aware number formatting and pluralisation\n *\n * @internal\n */\nexport class I18n {\n  translations\n  locale\n\n  /**\n   * @internal\n   * @param {{ [key: string]: string | TranslationPluralForms }} translations - Key-value pairs of the translation strings to use.\n   * @param {object} [config] - Configuration options for the function.\n   * @param {string | null} [config.locale] - An overriding locale for the PluralRules functionality.\n   */\n  constructor(translations = {}, config = {}) {\n    // Make list of translations available throughout function\n    this.translations = translations\n\n    // The locale to use for PluralRules and NumberFormat\n    this.locale = config.locale ?? (document.documentElement.lang || 'en')\n  }\n\n  /**\n   * The most used function - takes the key for a given piece of UI text and\n   * returns the appropriate string.\n   *\n   * @internal\n   * @param {string} lookupKey - The lookup key of the string to use.\n   * @param {{ [key: string]: unknown }} [options] - Any options passed with the translation string, e.g: for string interpolation.\n   * @returns {string} The appropriate translation string.\n   * @throws {Error} Lookup key required\n   * @throws {Error} Options required for `${}` placeholders\n   */\n  t(lookupKey, options) {\n    if (!lookupKey) {\n      // Print a console error if no lookup key has been provided\n      throw new Error('i18n: lookup key missing')\n    }\n\n    // Fetch the translation for that lookup key\n    let translation = this.translations[lookupKey]\n\n    // If the `count` option is set, determine which plural suffix is needed and\n    // change the lookupKey to match. We check to see if it's numeric instead of\n    // falsy, as this could legitimately be 0.\n    if (typeof options?.count === 'number' && isObject(translation)) {\n      const translationPluralForm =\n        translation[this.getPluralSuffix(lookupKey, options.count)]\n\n      // Update translation with plural suffix\n      if (translationPluralForm) {\n        translation = translationPluralForm\n      }\n    }\n\n    if (typeof translation === 'string') {\n      // Check for ${} placeholders in the translation string\n      // eslint-disable-next-line @typescript-eslint/prefer-regexp-exec\n      if (translation.match(/%{(.\\S+)}/)) {\n        if (!options) {\n          throw new Error(\n            'i18n: cannot replace placeholders in string if no option data provided'\n          )\n        }\n\n        return this.replacePlaceholders(translation, options)\n      }\n\n      return translation\n    }\n\n    // If the key wasn't found in our translations object,\n    // return the lookup key itself as the fallback\n    return lookupKey\n  }\n\n  /**\n   * Takes a translation string with placeholders, and replaces the placeholders\n   * with the provided data\n   *\n   * @internal\n   * @param {string} translationString - The translation string\n   * @param {{ [key: string]: unknown }} options - Any options passed with the translation string, e.g: for string interpolation.\n   * @returns {string} The translation string to output, with $\\{\\} placeholders replaced\n   */\n  replacePlaceholders(translationString, options) {\n    const formatter = Intl.NumberFormat.supportedLocalesOf(this.locale).length\n      ? new Intl.NumberFormat(this.locale)\n      : undefined\n\n    return translationString.replace(\n      /%{(.\\S+)}/g,\n\n      /**\n       * Replace translation string placeholders\n       *\n       * @internal\n       * @param {string} placeholderWithBraces - Placeholder with braces\n       * @param {string} placeholderKey - Placeholder key\n       * @returns {string} Placeholder value\n       */\n      function (placeholderWithBraces, placeholderKey) {\n        if (Object.prototype.hasOwnProperty.call(options, placeholderKey)) {\n          const placeholderValue = options[placeholderKey]\n\n          // If a user has passed `false` as the value for the placeholder\n          // treat it as though the value should not be displayed\n          if (\n            placeholderValue === false ||\n            (typeof placeholderValue !== 'number' &&\n              typeof placeholderValue !== 'string')\n          ) {\n            return ''\n          }\n\n          // If the placeholder's value is a number, localise the number formatting\n          if (typeof placeholderValue === 'number') {\n            return formatter\n              ? formatter.format(placeholderValue)\n              : `${placeholderValue}`\n          }\n\n          return placeholderValue\n        }\n\n        throw new Error(\n          `i18n: no data found to replace ${placeholderWithBraces} placeholder in string`\n        )\n      }\n    )\n  }\n\n  /**\n   * Check to see if the browser supports Intl.PluralRules\n   *\n   * It requires all conditions to be met in order to be supported:\n   * - The implementation of Intl supports PluralRules (NOT true in Safari 10–12)\n   * - The browser/OS has plural rules for the current locale (browser dependent)\n   *\n   * {@link https://browsersl.ist/#q=supports+es6-module+and+not+supports+intl-pluralrules}\n   *\n   * @internal\n   * @returns {boolean} Returns true if all conditions are met. Returns false otherwise.\n   */\n  hasIntlPluralRulesSupport() {\n    return Boolean(\n      'PluralRules' in window.Intl &&\n        Intl.PluralRules.supportedLocalesOf(this.locale).length\n    )\n  }\n\n  /**\n   * Get the appropriate suffix for the plural form.\n   *\n   * Uses Intl.PluralRules (or our own fallback implementation) to get the\n   * 'preferred' form to use for the given count.\n   *\n   * Checks that a translation has been provided for that plural form – if it\n   * hasn't, it'll fall back to the 'other' plural form (unless that doesn't exist\n   * either, in which case an error will be thrown)\n   *\n   * @internal\n   * @param {string} lookupKey - The lookup key of the string to use.\n   * @param {number} count - Number used to determine which pluralisation to use.\n   * @returns {PluralRule} The suffix associated with the correct pluralisation for this locale.\n   * @throws {Error} Plural form `.other` required when preferred plural form is missing\n   */\n  getPluralSuffix(lookupKey, count) {\n    // Validate that the number is actually a number.\n    //\n    // Number(count) will turn anything that can't be converted to a Number type\n    // into 'NaN'. isFinite filters out NaN, as it isn't a finite number.\n    // eslint-disable-next-line @typescript-eslint/no-unnecessary-type-conversion\n    count = Number(count)\n    if (!isFinite(count)) {\n      return 'other'\n    }\n\n    // Fetch the translation for that lookup key\n    const translation = this.translations[lookupKey]\n\n    // Check to verify that all the requirements for Intl.PluralRules are met.\n    // If so, we can use that instead of our custom implementation. Otherwise,\n    // use the hardcoded fallback.\n    const preferredForm = this.hasIntlPluralRulesSupport()\n      ? new Intl.PluralRules(this.locale).select(count)\n      : 'other'\n\n    // Use the correct plural form if provided\n    if (isObject(translation)) {\n      if (preferredForm in translation) {\n        return preferredForm\n        // Fall back to `other` if the plural form is missing, but log a warning\n        // to the console\n      } else if ('other' in translation) {\n        console.warn(\n          `i18n: Missing plural form \".${preferredForm}\" for \"${this.locale}\" locale. Falling back to \".other\".`\n        )\n\n        return 'other'\n      }\n    }\n\n    // If the required `other` plural form is missing, all we can do is error\n    throw new Error(\n      `i18n: Plural form \".other\" is required for \"${this.locale}\" locale`\n    )\n  }\n}\n\n/**\n * Plural rule category mnemonic tags\n *\n * @internal\n * @typedef {'zero' | 'one' | 'two' | 'few' | 'many' | 'other'} PluralRule\n */\n\n/**\n * Translated message by plural rule they correspond to.\n *\n * Allows to group pluralised messages under a single key when passing\n * translations to a component's constructor\n *\n * @internal\n * @typedef {object} TranslationPluralForms\n * @property {string} [other] - General plural form\n * @property {string} [zero] - Plural form used with 0\n * @property {string} [one] - Plural form used with 1\n * @property {string} [two] - Plural form used with 2\n * @property {string} [few] - Plural form used for a few\n * @property {string} [many] - Plural form used for many\n */\n","import { ConfigurableComponent } from '../../common/configuration.mjs'\nimport { ElementError } from '../../errors/index.mjs'\nimport { I18n } from '../../i18n.mjs'\n\n/**\n * Exit this page component\n *\n * @preserve\n * @augments ConfigurableComponent<ExitThisPageConfig>\n */\nexport class ExitThisPage extends ConfigurableComponent {\n  /** @private */\n  i18n\n\n  /** @private */\n  $button\n\n  /**\n   * @private\n   * @type {HTMLAnchorElement | null}\n   */\n  $skiplinkButton = null\n\n  /**\n   * @private\n   * @type {HTMLElement | null}\n   */\n  $updateSpan = null\n\n  /**\n   * @private\n   * @type {HTMLElement | null}\n   */\n  $indicatorContainer = null\n\n  /**\n   * @private\n   * @type {HTMLElement | null}\n   */\n  $overlay = null\n\n  /** @private */\n  keypressCounter = 0\n\n  /** @private */\n  lastKeyWasModified = false\n\n  /** @private */\n  timeoutTime = 5000 // milliseconds\n\n  // Store the timeout events so that we can clear them to avoid user keypresses overlapping\n  // setTimeout returns an id that we can use to clear it with clearTimeout,\n  // hence the 'Id' suffix\n\n  /**\n   * @private\n   * @type {number | null}\n   */\n  keypressTimeoutId = null\n\n  /**\n   * @private\n   * @type {number | null}\n   */\n  timeoutMessageId = null\n\n  /**\n   * @param {Element | null} $root - HTML element that wraps the Exit This Page button\n   * @param {ExitThisPageConfig} [config] - Exit This Page config\n   */\n  constructor($root, config = {}) {\n    super($root, config)\n\n    const $button = this.$root.querySelector('.govuk-exit-this-page__button')\n    if (!($button instanceof HTMLAnchorElement)) {\n      throw new ElementError({\n        component: ExitThisPage,\n        element: $button,\n        expectedType: 'HTMLAnchorElement',\n        identifier: 'Button (`.govuk-exit-this-page__button`)'\n      })\n    }\n\n    this.i18n = new I18n(this.config.i18n)\n    this.$button = $button\n\n    const $skiplinkButton = document.querySelector(\n      '.govuk-js-exit-this-page-skiplink'\n    )\n    if ($skiplinkButton instanceof HTMLAnchorElement) {\n      this.$skiplinkButton = $skiplinkButton\n    }\n\n    this.buildIndicator()\n    this.initUpdateSpan()\n    this.initButtonClickHandler()\n\n    // Check to see if this has already been done by a previous initialisation of ExitThisPage\n    if (!('govukFrontendExitThisPageKeypress' in document.body.dataset)) {\n      document.addEventListener('keyup', this.handleKeypress.bind(this), true)\n      document.body.dataset.govukFrontendExitThisPageKeypress = 'true'\n    }\n\n    // When the page is restored after navigating 'back' in some browsers the\n    // blank overlay remains present, rendering the page unusable. Here, we check\n    // to see if it's present on page (re)load, and remove it if so.\n    window.addEventListener('pageshow', this.resetPage.bind(this))\n  }\n\n  /**\n   * Create the <span> we use for screen reader announcements.\n   *\n   * @private\n   */\n  initUpdateSpan() {\n    this.$updateSpan = document.createElement('span')\n    this.$updateSpan.setAttribute('role', 'status')\n    this.$updateSpan.className = 'govuk-visually-hidden'\n\n    this.$root.appendChild(this.$updateSpan)\n  }\n\n  /**\n   * Create button click handlers.\n   *\n   * @private\n   */\n  initButtonClickHandler() {\n    // Main EtP button\n    this.$button.addEventListener('click', this.handleClick.bind(this))\n\n    // EtP secondary link\n    if (this.$skiplinkButton) {\n      this.$skiplinkButton.addEventListener(\n        'click',\n        this.handleClick.bind(this)\n      )\n    }\n  }\n\n  /**\n   * Create the HTML for the 'three lights' indicator on the button.\n   *\n   * @private\n   */\n  buildIndicator() {\n    // Build container\n    // Putting `aria-hidden` on it as it won't contain any readable information\n    this.$indicatorContainer = document.createElement('div')\n    this.$indicatorContainer.className = 'govuk-exit-this-page__indicator'\n    this.$indicatorContainer.setAttribute('aria-hidden', 'true')\n\n    // Create three 'lights' and place them within the container\n    for (let i = 0; i < 3; i++) {\n      const $indicator = document.createElement('div')\n      $indicator.className = 'govuk-exit-this-page__indicator-light'\n      this.$indicatorContainer.appendChild($indicator)\n    }\n\n    // Append it all to the module\n    this.$button.appendChild(this.$indicatorContainer)\n  }\n\n  /**\n   * Update whether the lights are visible and which ones are lit up depending on\n   * the value of `keypressCounter`.\n   *\n   * @private\n   */\n  updateIndicator() {\n    if (!this.$indicatorContainer) {\n      return\n    }\n\n    // Show or hide the indicator container depending on keypressCounter value\n    this.$indicatorContainer.classList.toggle(\n      'govuk-exit-this-page__indicator--visible',\n      this.keypressCounter > 0\n    )\n\n    // Turn on only the indicators we want on\n    const $indicators = this.$indicatorContainer.querySelectorAll(\n      '.govuk-exit-this-page__indicator-light'\n    )\n    $indicators.forEach(($indicator, index) => {\n      $indicator.classList.toggle(\n        'govuk-exit-this-page__indicator-light--on',\n        index < this.keypressCounter\n      )\n    })\n  }\n\n  /**\n   * Initiates the redirection away from the current page.\n   * Includes the loading overlay functionality, which covers the current page with a\n   * white overlay so that the contents are not visible during the loading\n   * process. This is particularly important on slow network connections.\n   *\n   * @private\n   */\n  exitPage() {\n    if (!this.$updateSpan) {\n      return\n    }\n\n    this.$updateSpan.textContent = ''\n\n    // Blank the page\n    // As well as creating an overlay with text, we also set the body to hidden\n    // to prevent screen reader and sequential navigation users potentially\n    // navigating through the page behind the overlay during loading\n    document.body.classList.add('govuk-exit-this-page-hide-content')\n    this.$overlay = document.createElement('div')\n    this.$overlay.className = 'govuk-exit-this-page-overlay'\n    this.$overlay.setAttribute('role', 'alert')\n\n    // we do these this way round, thus incurring a second paint, because changing\n    // the element text after adding it means that screen readers pick up the\n    // announcement more reliably.\n    document.body.appendChild(this.$overlay)\n    this.$overlay.textContent = this.i18n.t('activated')\n\n    window.location.href = this.$button.href\n  }\n\n  /**\n   * Pre-activation logic for when the button is clicked/activated via mouse or\n   * pointer.\n   *\n   * We do this to differentiate it from the keyboard activation event because we\n   * need to run `e.preventDefault` as the button or skiplink are both links and we\n   * want to apply some additional logic in `exitPage` before navigating.\n   *\n   * @private\n   * @param {MouseEvent} event - mouse click event\n   */\n  handleClick(event) {\n    event.preventDefault()\n    this.exitPage()\n  }\n\n  /**\n   * Logic for the 'quick escape' keyboard sequence functionality (pressing the\n   * Shift key three times without interruption, within a time limit).\n   *\n   * @private\n   * @param {KeyboardEvent} event - keyup event\n   */\n  handleKeypress(event) {\n    if (!this.$updateSpan) {\n      return\n    }\n\n    // Detect if the 'Shift' key has been pressed. We want to only do things if it\n    // was pressed by itself and not in a combination with another key—so we keep\n    // track of whether the preceding keyup had shiftKey: true on it, and if it\n    // did, we ignore the next Shift keyup event.\n    //\n    // This works because using Shift as a modifier key (e.g. pressing Shift + A)\n    // will fire TWO keyup events, one for A (with e.shiftKey: true) and the other\n    // for Shift (with e.shiftKey: false).\n    if (event.key === 'Shift' && !this.lastKeyWasModified) {\n      this.keypressCounter += 1\n\n      // Update the indicator before the below if statement can reset it back to 0\n      this.updateIndicator()\n\n      // Clear the timeout for the keypress timeout message clearing itself\n      if (this.timeoutMessageId) {\n        window.clearTimeout(this.timeoutMessageId)\n        this.timeoutMessageId = null\n      }\n\n      if (this.keypressCounter >= 3) {\n        this.keypressCounter = 0\n\n        if (this.keypressTimeoutId) {\n          window.clearTimeout(this.keypressTimeoutId)\n          this.keypressTimeoutId = null\n        }\n\n        this.exitPage()\n      } else {\n        if (this.keypressCounter === 1) {\n          this.$updateSpan.textContent = this.i18n.t('pressTwoMoreTimes')\n        } else {\n          this.$updateSpan.textContent = this.i18n.t('pressOneMoreTime')\n        }\n      }\n\n      this.setKeypressTimer()\n    } else if (this.keypressTimeoutId) {\n      // If the user pressed any key other than 'Shift', after having pressed\n      // 'Shift' and activating the timer, stop and reset the timer.\n      this.resetKeypressTimer()\n    }\n\n    // Keep track of whether the Shift modifier key was held during this keypress\n    this.lastKeyWasModified = event.shiftKey\n  }\n\n  /**\n   * Starts the 'quick escape' keyboard sequence timer.\n   *\n   * This can be invoked several times. We want this to be possible so that the\n   * timer is restarted each time the shortcut key is pressed (e.g. the user has\n   * up to n seconds between each keypress, rather than n seconds to invoke the\n   * entire sequence.)\n   *\n   * @private\n   */\n  setKeypressTimer() {\n    // Clear any existing timeout. This is so only one timer is running even if\n    // there are multiple keypresses in quick succession.\n    if (this.keypressTimeoutId) {\n      window.clearTimeout(this.keypressTimeoutId)\n    }\n\n    // Set a fresh timeout\n    this.keypressTimeoutId = window.setTimeout(\n      this.resetKeypressTimer.bind(this),\n      this.timeoutTime\n    )\n  }\n\n  /**\n   * Stops and resets the 'quick escape' keyboard sequence timer.\n   *\n   * @private\n   */\n  resetKeypressTimer() {\n    if (!this.$updateSpan) {\n      return\n    }\n\n    if (this.keypressTimeoutId) {\n      window.clearTimeout(this.keypressTimeoutId)\n      this.keypressTimeoutId = null\n    }\n\n    const $updateSpan = this.$updateSpan\n\n    this.keypressCounter = 0\n    $updateSpan.textContent = this.i18n.t('timedOut')\n\n    this.timeoutMessageId = window.setTimeout(() => {\n      $updateSpan.textContent = ''\n    }, this.timeoutTime)\n\n    this.updateIndicator()\n  }\n\n  /**\n   * Reset the page using the EtP button\n   *\n   * We use this in situations where a user may re-enter a page using the browser\n   * back button. In these cases, the browser can choose to restore the state of\n   * the page as it was previously, including restoring the 'ghost page' overlay,\n   * the announcement span having it's role set to \"alert\" and the keypress\n   * indicator still active, leaving the page in an unusable state.\n   *\n   * By running this check when the page is shown, we can programatically restore\n   * the page and the component to a \"default\" state\n   *\n   * @private\n   */\n  resetPage() {\n    // If an overlay is set, remove it and reset the value\n    document.body.classList.remove('govuk-exit-this-page-hide-content')\n\n    if (this.$overlay) {\n      this.$overlay.remove()\n      this.$overlay = null\n    }\n\n    // Ensure the announcement span's role is status, not alert and clear any text\n    if (this.$updateSpan) {\n      this.$updateSpan.setAttribute('role', 'status')\n      this.$updateSpan.textContent = ''\n    }\n\n    // Sync the keypress indicator lights\n    this.updateIndicator()\n\n    // If the timeouts are active, clear them\n    if (this.keypressTimeoutId) {\n      window.clearTimeout(this.keypressTimeoutId)\n    }\n\n    if (this.timeoutMessageId) {\n      window.clearTimeout(this.timeoutMessageId)\n    }\n  }\n\n  /**\n   * Name for the component used when initialising using data-module attributes.\n   */\n  static moduleName = 'govuk-exit-this-page'\n\n  /**\n   * Exit this page default config\n   *\n   * @see {@link ExitThisPageConfig}\n   * @constant\n   * @type {ExitThisPageConfig}\n   */\n  static defaults = Object.freeze({\n    i18n: {\n      activated: 'Loading.',\n      timedOut: 'Exit this page expired.',\n      pressTwoMoreTimes: 'Shift, press 2 more times to exit.',\n      pressOneMoreTime: 'Shift, press 1 more time to exit.'\n    }\n  })\n\n  /**\n   * Exit this page config schema\n   *\n   * @constant\n   * @satisfies {Schema<ExitThisPageConfig>}\n   */\n  static schema = Object.freeze({\n    properties: {\n      i18n: { type: 'object' }\n    }\n  })\n}\n\n/**\n * Exit this Page config\n *\n * @see {@link ExitThisPage.defaults}\n * @typedef {object} ExitThisPageConfig\n * @property {ExitThisPageTranslations} [i18n=ExitThisPage.defaults.i18n] - Exit this page translations\n */\n\n/**\n * Exit this Page translations\n *\n * @see {@link ExitThisPage.defaults.i18n}\n * @typedef {object} ExitThisPageTranslations\n *\n * Messages used by the component programatically inserted text, including\n * overlay text and screen reader announcements.\n * @property {string} [activated] - Screen reader announcement for when EtP\n *   keypress functionality has been successfully activated.\n * @property {string} [timedOut] - Screen reader announcement for when the EtP\n *   keypress functionality has timed out.\n * @property {string} [pressTwoMoreTimes] - Screen reader announcement informing\n *   the user they must press the activation key two more times.\n * @property {string} [pressOneMoreTime] - Screen reader announcement informing\n *   the user they must press the activation key one more time.\n */\n\n/**\n * @import { Schema } from '../../common/configuration.mjs'\n */\n"],"names":["isInitialised","$root","moduleName","HTMLElement","hasAttribute","isSupported","$scope","document","body","classList","contains","isArray","option","Array","isObject","formatErrorMessage","Component","message","GOVUKFrontendError","Error","constructor","args","name","SupportError","supportMessage","HTMLScriptElement","prototype","ConfigError","ElementError","messageOrOptions","component","identifier","element","expectedType","InitError","componentOrMessage","_$root","childConstructor","elementType","checkSupport","checkInitialised","setAttribute","configOverride","Symbol","for","ConfigurableComponent","param","config","_config","defaults","datasetConfig","normaliseDataset","dataset","mergeConfigs","normaliseString","value","property","trimmedValue","trim","output","outputType","type","includes","length","isFinite","Number","schema","out","entries","Object","properties","entry","namespace","field","toString","extractConfigByNamespace","configObjects","formattedConfigObject","configObject","key","keys","override","newObject","current","keyParts","split","index","I18n","translations","_config$locale","locale","documentElement","lang","t","lookupKey","options","translation","count","translationPluralForm","getPluralSuffix","match","replacePlaceholders","translationString","formatter","Intl","NumberFormat","supportedLocalesOf","undefined","replace","placeholderWithBraces","placeholderKey","hasOwnProperty","call","placeholderValue","format","hasIntlPluralRulesSupport","Boolean","window","PluralRules","preferredForm","select","console","warn","ExitThisPage","i18n","$button","$skiplinkButton","$updateSpan","$indicatorContainer","$overlay","keypressCounter","lastKeyWasModified","timeoutTime","keypressTimeoutId","timeoutMessageId","querySelector","HTMLAnchorElement","buildIndicator","initUpdateSpan","initButtonClickHandler","addEventListener","handleKeypress","bind","govukFrontendExitThisPageKeypress","resetPage","createElement","className","appendChild","handleClick","i","$indicator","updateIndicator","toggle","$indicators","querySelectorAll","forEach","exitPage","textContent","add","location","href","event","preventDefault","clearTimeout","setKeypressTimer","resetKeypressTimer","shiftKey","setTimeout","remove","freeze","activated","timedOut","pressTwoMoreTimes","pressOneMoreTime"],"mappings":"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"}
\ No newline at end of file
diff --git a/node_modules/govuk-frontend/dist/govuk/components/exit-this-page/exit-this-page.mjs b/node_modules/govuk-frontend/dist/govuk/components/exit-this-page/exit-this-page.mjs
new file mode 100644
index 0000000..a16cca7
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/exit-this-page/exit-this-page.mjs
@@ -0,0 +1,223 @@
+import { ConfigurableComponent } from '../../common/configuration.mjs';
+import { ElementError } from '../../errors/index.mjs';
+import { I18n } from '../../i18n.mjs';
+
+/**
+ * Exit this page component
+ *
+ * @preserve
+ * @augments ConfigurableComponent<ExitThisPageConfig>
+ */
+class ExitThisPage extends ConfigurableComponent {
+  /**
+   * @param {Element | null} $root - HTML element that wraps the Exit This Page button
+   * @param {ExitThisPageConfig} [config] - Exit This Page config
+   */
+  constructor($root, config = {}) {
+    super($root, config);
+    this.i18n = void 0;
+    this.$button = void 0;
+    this.$skiplinkButton = null;
+    this.$updateSpan = null;
+    this.$indicatorContainer = null;
+    this.$overlay = null;
+    this.keypressCounter = 0;
+    this.lastKeyWasModified = false;
+    this.timeoutTime = 5000;
+    this.keypressTimeoutId = null;
+    this.timeoutMessageId = null;
+    const $button = this.$root.querySelector('.govuk-exit-this-page__button');
+    if (!($button instanceof HTMLAnchorElement)) {
+      throw new ElementError({
+        component: ExitThisPage,
+        element: $button,
+        expectedType: 'HTMLAnchorElement',
+        identifier: 'Button (`.govuk-exit-this-page__button`)'
+      });
+    }
+    this.i18n = new I18n(this.config.i18n);
+    this.$button = $button;
+    const $skiplinkButton = document.querySelector('.govuk-js-exit-this-page-skiplink');
+    if ($skiplinkButton instanceof HTMLAnchorElement) {
+      this.$skiplinkButton = $skiplinkButton;
+    }
+    this.buildIndicator();
+    this.initUpdateSpan();
+    this.initButtonClickHandler();
+    if (!('govukFrontendExitThisPageKeypress' in document.body.dataset)) {
+      document.addEventListener('keyup', this.handleKeypress.bind(this), true);
+      document.body.dataset.govukFrontendExitThisPageKeypress = 'true';
+    }
+    window.addEventListener('pageshow', this.resetPage.bind(this));
+  }
+  initUpdateSpan() {
+    this.$updateSpan = document.createElement('span');
+    this.$updateSpan.setAttribute('role', 'status');
+    this.$updateSpan.className = 'govuk-visually-hidden';
+    this.$root.appendChild(this.$updateSpan);
+  }
+  initButtonClickHandler() {
+    this.$button.addEventListener('click', this.handleClick.bind(this));
+    if (this.$skiplinkButton) {
+      this.$skiplinkButton.addEventListener('click', this.handleClick.bind(this));
+    }
+  }
+  buildIndicator() {
+    this.$indicatorContainer = document.createElement('div');
+    this.$indicatorContainer.className = 'govuk-exit-this-page__indicator';
+    this.$indicatorContainer.setAttribute('aria-hidden', 'true');
+    for (let i = 0; i < 3; i++) {
+      const $indicator = document.createElement('div');
+      $indicator.className = 'govuk-exit-this-page__indicator-light';
+      this.$indicatorContainer.appendChild($indicator);
+    }
+    this.$button.appendChild(this.$indicatorContainer);
+  }
+  updateIndicator() {
+    if (!this.$indicatorContainer) {
+      return;
+    }
+    this.$indicatorContainer.classList.toggle('govuk-exit-this-page__indicator--visible', this.keypressCounter > 0);
+    const $indicators = this.$indicatorContainer.querySelectorAll('.govuk-exit-this-page__indicator-light');
+    $indicators.forEach(($indicator, index) => {
+      $indicator.classList.toggle('govuk-exit-this-page__indicator-light--on', index < this.keypressCounter);
+    });
+  }
+  exitPage() {
+    if (!this.$updateSpan) {
+      return;
+    }
+    this.$updateSpan.textContent = '';
+    document.body.classList.add('govuk-exit-this-page-hide-content');
+    this.$overlay = document.createElement('div');
+    this.$overlay.className = 'govuk-exit-this-page-overlay';
+    this.$overlay.setAttribute('role', 'alert');
+    document.body.appendChild(this.$overlay);
+    this.$overlay.textContent = this.i18n.t('activated');
+    window.location.href = this.$button.href;
+  }
+  handleClick(event) {
+    event.preventDefault();
+    this.exitPage();
+  }
+  handleKeypress(event) {
+    if (!this.$updateSpan) {
+      return;
+    }
+    if (event.key === 'Shift' && !this.lastKeyWasModified) {
+      this.keypressCounter += 1;
+      this.updateIndicator();
+      if (this.timeoutMessageId) {
+        window.clearTimeout(this.timeoutMessageId);
+        this.timeoutMessageId = null;
+      }
+      if (this.keypressCounter >= 3) {
+        this.keypressCounter = 0;
+        if (this.keypressTimeoutId) {
+          window.clearTimeout(this.keypressTimeoutId);
+          this.keypressTimeoutId = null;
+        }
+        this.exitPage();
+      } else {
+        if (this.keypressCounter === 1) {
+          this.$updateSpan.textContent = this.i18n.t('pressTwoMoreTimes');
+        } else {
+          this.$updateSpan.textContent = this.i18n.t('pressOneMoreTime');
+        }
+      }
+      this.setKeypressTimer();
+    } else if (this.keypressTimeoutId) {
+      this.resetKeypressTimer();
+    }
+    this.lastKeyWasModified = event.shiftKey;
+  }
+  setKeypressTimer() {
+    if (this.keypressTimeoutId) {
+      window.clearTimeout(this.keypressTimeoutId);
+    }
+    this.keypressTimeoutId = window.setTimeout(this.resetKeypressTimer.bind(this), this.timeoutTime);
+  }
+  resetKeypressTimer() {
+    if (!this.$updateSpan) {
+      return;
+    }
+    if (this.keypressTimeoutId) {
+      window.clearTimeout(this.keypressTimeoutId);
+      this.keypressTimeoutId = null;
+    }
+    const $updateSpan = this.$updateSpan;
+    this.keypressCounter = 0;
+    $updateSpan.textContent = this.i18n.t('timedOut');
+    this.timeoutMessageId = window.setTimeout(() => {
+      $updateSpan.textContent = '';
+    }, this.timeoutTime);
+    this.updateIndicator();
+  }
+  resetPage() {
+    document.body.classList.remove('govuk-exit-this-page-hide-content');
+    if (this.$overlay) {
+      this.$overlay.remove();
+      this.$overlay = null;
+    }
+    if (this.$updateSpan) {
+      this.$updateSpan.setAttribute('role', 'status');
+      this.$updateSpan.textContent = '';
+    }
+    this.updateIndicator();
+    if (this.keypressTimeoutId) {
+      window.clearTimeout(this.keypressTimeoutId);
+    }
+    if (this.timeoutMessageId) {
+      window.clearTimeout(this.timeoutMessageId);
+    }
+  }
+}
+
+/**
+ * Exit this Page config
+ *
+ * @see {@link ExitThisPage.defaults}
+ * @typedef {object} ExitThisPageConfig
+ * @property {ExitThisPageTranslations} [i18n=ExitThisPage.defaults.i18n] - Exit this page translations
+ */
+
+/**
+ * Exit this Page translations
+ *
+ * @see {@link ExitThisPage.defaults.i18n}
+ * @typedef {object} ExitThisPageTranslations
+ *
+ * Messages used by the component programatically inserted text, including
+ * overlay text and screen reader announcements.
+ * @property {string} [activated] - Screen reader announcement for when EtP
+ *   keypress functionality has been successfully activated.
+ * @property {string} [timedOut] - Screen reader announcement for when the EtP
+ *   keypress functionality has timed out.
+ * @property {string} [pressTwoMoreTimes] - Screen reader announcement informing
+ *   the user they must press the activation key two more times.
+ * @property {string} [pressOneMoreTime] - Screen reader announcement informing
+ *   the user they must press the activation key one more time.
+ */
+
+/**
+ * @import { Schema } from '../../common/configuration.mjs'
+ */
+ExitThisPage.moduleName = 'govuk-exit-this-page';
+ExitThisPage.defaults = Object.freeze({
+  i18n: {
+    activated: 'Loading.',
+    timedOut: 'Exit this page expired.',
+    pressTwoMoreTimes: 'Shift, press 2 more times to exit.',
+    pressOneMoreTime: 'Shift, press 1 more time to exit.'
+  }
+});
+ExitThisPage.schema = Object.freeze({
+  properties: {
+    i18n: {
+      type: 'object'
+    }
+  }
+});
+
+export { ExitThisPage };
+//# sourceMappingURL=exit-this-page.mjs.map
diff --git a/node_modules/govuk-frontend/dist/govuk/components/exit-this-page/exit-this-page.mjs.map b/node_modules/govuk-frontend/dist/govuk/components/exit-this-page/exit-this-page.mjs.map
new file mode 100644
index 0000000..1c611d2
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/exit-this-page/exit-this-page.mjs.map
@@ -0,0 +1 @@
+{"version":3,"file":"exit-this-page.mjs","sources":["../../../../src/govuk/components/exit-this-page/exit-this-page.mjs"],"sourcesContent":["import { ConfigurableComponent } from '../../common/configuration.mjs'\nimport { ElementError } from '../../errors/index.mjs'\nimport { I18n } from '../../i18n.mjs'\n\n/**\n * Exit this page component\n *\n * @preserve\n * @augments ConfigurableComponent<ExitThisPageConfig>\n */\nexport class ExitThisPage extends ConfigurableComponent {\n  /** @private */\n  i18n\n\n  /** @private */\n  $button\n\n  /**\n   * @private\n   * @type {HTMLAnchorElement | null}\n   */\n  $skiplinkButton = null\n\n  /**\n   * @private\n   * @type {HTMLElement | null}\n   */\n  $updateSpan = null\n\n  /**\n   * @private\n   * @type {HTMLElement | null}\n   */\n  $indicatorContainer = null\n\n  /**\n   * @private\n   * @type {HTMLElement | null}\n   */\n  $overlay = null\n\n  /** @private */\n  keypressCounter = 0\n\n  /** @private */\n  lastKeyWasModified = false\n\n  /** @private */\n  timeoutTime = 5000 // milliseconds\n\n  // Store the timeout events so that we can clear them to avoid user keypresses overlapping\n  // setTimeout returns an id that we can use to clear it with clearTimeout,\n  // hence the 'Id' suffix\n\n  /**\n   * @private\n   * @type {number | null}\n   */\n  keypressTimeoutId = null\n\n  /**\n   * @private\n   * @type {number | null}\n   */\n  timeoutMessageId = null\n\n  /**\n   * @param {Element | null} $root - HTML element that wraps the Exit This Page button\n   * @param {ExitThisPageConfig} [config] - Exit This Page config\n   */\n  constructor($root, config = {}) {\n    super($root, config)\n\n    const $button = this.$root.querySelector('.govuk-exit-this-page__button')\n    if (!($button instanceof HTMLAnchorElement)) {\n      throw new ElementError({\n        component: ExitThisPage,\n        element: $button,\n        expectedType: 'HTMLAnchorElement',\n        identifier: 'Button (`.govuk-exit-this-page__button`)'\n      })\n    }\n\n    this.i18n = new I18n(this.config.i18n)\n    this.$button = $button\n\n    const $skiplinkButton = document.querySelector(\n      '.govuk-js-exit-this-page-skiplink'\n    )\n    if ($skiplinkButton instanceof HTMLAnchorElement) {\n      this.$skiplinkButton = $skiplinkButton\n    }\n\n    this.buildIndicator()\n    this.initUpdateSpan()\n    this.initButtonClickHandler()\n\n    // Check to see if this has already been done by a previous initialisation of ExitThisPage\n    if (!('govukFrontendExitThisPageKeypress' in document.body.dataset)) {\n      document.addEventListener('keyup', this.handleKeypress.bind(this), true)\n      document.body.dataset.govukFrontendExitThisPageKeypress = 'true'\n    }\n\n    // When the page is restored after navigating 'back' in some browsers the\n    // blank overlay remains present, rendering the page unusable. Here, we check\n    // to see if it's present on page (re)load, and remove it if so.\n    window.addEventListener('pageshow', this.resetPage.bind(this))\n  }\n\n  /**\n   * Create the <span> we use for screen reader announcements.\n   *\n   * @private\n   */\n  initUpdateSpan() {\n    this.$updateSpan = document.createElement('span')\n    this.$updateSpan.setAttribute('role', 'status')\n    this.$updateSpan.className = 'govuk-visually-hidden'\n\n    this.$root.appendChild(this.$updateSpan)\n  }\n\n  /**\n   * Create button click handlers.\n   *\n   * @private\n   */\n  initButtonClickHandler() {\n    // Main EtP button\n    this.$button.addEventListener('click', this.handleClick.bind(this))\n\n    // EtP secondary link\n    if (this.$skiplinkButton) {\n      this.$skiplinkButton.addEventListener(\n        'click',\n        this.handleClick.bind(this)\n      )\n    }\n  }\n\n  /**\n   * Create the HTML for the 'three lights' indicator on the button.\n   *\n   * @private\n   */\n  buildIndicator() {\n    // Build container\n    // Putting `aria-hidden` on it as it won't contain any readable information\n    this.$indicatorContainer = document.createElement('div')\n    this.$indicatorContainer.className = 'govuk-exit-this-page__indicator'\n    this.$indicatorContainer.setAttribute('aria-hidden', 'true')\n\n    // Create three 'lights' and place them within the container\n    for (let i = 0; i < 3; i++) {\n      const $indicator = document.createElement('div')\n      $indicator.className = 'govuk-exit-this-page__indicator-light'\n      this.$indicatorContainer.appendChild($indicator)\n    }\n\n    // Append it all to the module\n    this.$button.appendChild(this.$indicatorContainer)\n  }\n\n  /**\n   * Update whether the lights are visible and which ones are lit up depending on\n   * the value of `keypressCounter`.\n   *\n   * @private\n   */\n  updateIndicator() {\n    if (!this.$indicatorContainer) {\n      return\n    }\n\n    // Show or hide the indicator container depending on keypressCounter value\n    this.$indicatorContainer.classList.toggle(\n      'govuk-exit-this-page__indicator--visible',\n      this.keypressCounter > 0\n    )\n\n    // Turn on only the indicators we want on\n    const $indicators = this.$indicatorContainer.querySelectorAll(\n      '.govuk-exit-this-page__indicator-light'\n    )\n    $indicators.forEach(($indicator, index) => {\n      $indicator.classList.toggle(\n        'govuk-exit-this-page__indicator-light--on',\n        index < this.keypressCounter\n      )\n    })\n  }\n\n  /**\n   * Initiates the redirection away from the current page.\n   * Includes the loading overlay functionality, which covers the current page with a\n   * white overlay so that the contents are not visible during the loading\n   * process. This is particularly important on slow network connections.\n   *\n   * @private\n   */\n  exitPage() {\n    if (!this.$updateSpan) {\n      return\n    }\n\n    this.$updateSpan.textContent = ''\n\n    // Blank the page\n    // As well as creating an overlay with text, we also set the body to hidden\n    // to prevent screen reader and sequential navigation users potentially\n    // navigating through the page behind the overlay during loading\n    document.body.classList.add('govuk-exit-this-page-hide-content')\n    this.$overlay = document.createElement('div')\n    this.$overlay.className = 'govuk-exit-this-page-overlay'\n    this.$overlay.setAttribute('role', 'alert')\n\n    // we do these this way round, thus incurring a second paint, because changing\n    // the element text after adding it means that screen readers pick up the\n    // announcement more reliably.\n    document.body.appendChild(this.$overlay)\n    this.$overlay.textContent = this.i18n.t('activated')\n\n    window.location.href = this.$button.href\n  }\n\n  /**\n   * Pre-activation logic for when the button is clicked/activated via mouse or\n   * pointer.\n   *\n   * We do this to differentiate it from the keyboard activation event because we\n   * need to run `e.preventDefault` as the button or skiplink are both links and we\n   * want to apply some additional logic in `exitPage` before navigating.\n   *\n   * @private\n   * @param {MouseEvent} event - mouse click event\n   */\n  handleClick(event) {\n    event.preventDefault()\n    this.exitPage()\n  }\n\n  /**\n   * Logic for the 'quick escape' keyboard sequence functionality (pressing the\n   * Shift key three times without interruption, within a time limit).\n   *\n   * @private\n   * @param {KeyboardEvent} event - keyup event\n   */\n  handleKeypress(event) {\n    if (!this.$updateSpan) {\n      return\n    }\n\n    // Detect if the 'Shift' key has been pressed. We want to only do things if it\n    // was pressed by itself and not in a combination with another key—so we keep\n    // track of whether the preceding keyup had shiftKey: true on it, and if it\n    // did, we ignore the next Shift keyup event.\n    //\n    // This works because using Shift as a modifier key (e.g. pressing Shift + A)\n    // will fire TWO keyup events, one for A (with e.shiftKey: true) and the other\n    // for Shift (with e.shiftKey: false).\n    if (event.key === 'Shift' && !this.lastKeyWasModified) {\n      this.keypressCounter += 1\n\n      // Update the indicator before the below if statement can reset it back to 0\n      this.updateIndicator()\n\n      // Clear the timeout for the keypress timeout message clearing itself\n      if (this.timeoutMessageId) {\n        window.clearTimeout(this.timeoutMessageId)\n        this.timeoutMessageId = null\n      }\n\n      if (this.keypressCounter >= 3) {\n        this.keypressCounter = 0\n\n        if (this.keypressTimeoutId) {\n          window.clearTimeout(this.keypressTimeoutId)\n          this.keypressTimeoutId = null\n        }\n\n        this.exitPage()\n      } else {\n        if (this.keypressCounter === 1) {\n          this.$updateSpan.textContent = this.i18n.t('pressTwoMoreTimes')\n        } else {\n          this.$updateSpan.textContent = this.i18n.t('pressOneMoreTime')\n        }\n      }\n\n      this.setKeypressTimer()\n    } else if (this.keypressTimeoutId) {\n      // If the user pressed any key other than 'Shift', after having pressed\n      // 'Shift' and activating the timer, stop and reset the timer.\n      this.resetKeypressTimer()\n    }\n\n    // Keep track of whether the Shift modifier key was held during this keypress\n    this.lastKeyWasModified = event.shiftKey\n  }\n\n  /**\n   * Starts the 'quick escape' keyboard sequence timer.\n   *\n   * This can be invoked several times. We want this to be possible so that the\n   * timer is restarted each time the shortcut key is pressed (e.g. the user has\n   * up to n seconds between each keypress, rather than n seconds to invoke the\n   * entire sequence.)\n   *\n   * @private\n   */\n  setKeypressTimer() {\n    // Clear any existing timeout. This is so only one timer is running even if\n    // there are multiple keypresses in quick succession.\n    if (this.keypressTimeoutId) {\n      window.clearTimeout(this.keypressTimeoutId)\n    }\n\n    // Set a fresh timeout\n    this.keypressTimeoutId = window.setTimeout(\n      this.resetKeypressTimer.bind(this),\n      this.timeoutTime\n    )\n  }\n\n  /**\n   * Stops and resets the 'quick escape' keyboard sequence timer.\n   *\n   * @private\n   */\n  resetKeypressTimer() {\n    if (!this.$updateSpan) {\n      return\n    }\n\n    if (this.keypressTimeoutId) {\n      window.clearTimeout(this.keypressTimeoutId)\n      this.keypressTimeoutId = null\n    }\n\n    const $updateSpan = this.$updateSpan\n\n    this.keypressCounter = 0\n    $updateSpan.textContent = this.i18n.t('timedOut')\n\n    this.timeoutMessageId = window.setTimeout(() => {\n      $updateSpan.textContent = ''\n    }, this.timeoutTime)\n\n    this.updateIndicator()\n  }\n\n  /**\n   * Reset the page using the EtP button\n   *\n   * We use this in situations where a user may re-enter a page using the browser\n   * back button. In these cases, the browser can choose to restore the state of\n   * the page as it was previously, including restoring the 'ghost page' overlay,\n   * the announcement span having it's role set to \"alert\" and the keypress\n   * indicator still active, leaving the page in an unusable state.\n   *\n   * By running this check when the page is shown, we can programatically restore\n   * the page and the component to a \"default\" state\n   *\n   * @private\n   */\n  resetPage() {\n    // If an overlay is set, remove it and reset the value\n    document.body.classList.remove('govuk-exit-this-page-hide-content')\n\n    if (this.$overlay) {\n      this.$overlay.remove()\n      this.$overlay = null\n    }\n\n    // Ensure the announcement span's role is status, not alert and clear any text\n    if (this.$updateSpan) {\n      this.$updateSpan.setAttribute('role', 'status')\n      this.$updateSpan.textContent = ''\n    }\n\n    // Sync the keypress indicator lights\n    this.updateIndicator()\n\n    // If the timeouts are active, clear them\n    if (this.keypressTimeoutId) {\n      window.clearTimeout(this.keypressTimeoutId)\n    }\n\n    if (this.timeoutMessageId) {\n      window.clearTimeout(this.timeoutMessageId)\n    }\n  }\n\n  /**\n   * Name for the component used when initialising using data-module attributes.\n   */\n  static moduleName = 'govuk-exit-this-page'\n\n  /**\n   * Exit this page default config\n   *\n   * @see {@link ExitThisPageConfig}\n   * @constant\n   * @type {ExitThisPageConfig}\n   */\n  static defaults = Object.freeze({\n    i18n: {\n      activated: 'Loading.',\n      timedOut: 'Exit this page expired.',\n      pressTwoMoreTimes: 'Shift, press 2 more times to exit.',\n      pressOneMoreTime: 'Shift, press 1 more time to exit.'\n    }\n  })\n\n  /**\n   * Exit this page config schema\n   *\n   * @constant\n   * @satisfies {Schema<ExitThisPageConfig>}\n   */\n  static schema = Object.freeze({\n    properties: {\n      i18n: { type: 'object' }\n    }\n  })\n}\n\n/**\n * Exit this Page config\n *\n * @see {@link ExitThisPage.defaults}\n * @typedef {object} ExitThisPageConfig\n * @property {ExitThisPageTranslations} [i18n=ExitThisPage.defaults.i18n] - Exit this page translations\n */\n\n/**\n * Exit this Page translations\n *\n * @see {@link ExitThisPage.defaults.i18n}\n * @typedef {object} ExitThisPageTranslations\n *\n * Messages used by the component programatically inserted text, including\n * overlay text and screen reader announcements.\n * @property {string} [activated] - Screen reader announcement for when EtP\n *   keypress functionality has been successfully activated.\n * @property {string} [timedOut] - Screen reader announcement for when the EtP\n *   keypress functionality has timed out.\n * @property {string} [pressTwoMoreTimes] - Screen reader announcement informing\n *   the user they must press the activation key two more times.\n * @property {string} [pressOneMoreTime] - Screen reader announcement informing\n *   the user they must press the activation key one more time.\n */\n\n/**\n * @import { Schema } from '../../common/configuration.mjs'\n */\n"],"names":["ExitThisPage","ConfigurableComponent","constructor","$root","config","i18n","$button","$skiplinkButton","$updateSpan","$indicatorContainer","$overlay","keypressCounter","lastKeyWasModified","timeoutTime","keypressTimeoutId","timeoutMessageId","querySelector","HTMLAnchorElement","ElementError","component","element","expectedType","identifier","I18n","document","buildIndicator","initUpdateSpan","initButtonClickHandler","body","dataset","addEventListener","handleKeypress","bind","govukFrontendExitThisPageKeypress","window","resetPage","createElement","setAttribute","className","appendChild","handleClick","i","$indicator","updateIndicator","classList","toggle","$indicators","querySelectorAll","forEach","index","exitPage","textContent","add","t","location","href","event","preventDefault","key","clearTimeout","setKeypressTimer","resetKeypressTimer","shiftKey","setTimeout","remove","moduleName","defaults","Object","freeze","activated","timedOut","pressTwoMoreTimes","pressOneMoreTime","schema","properties","type"],"mappings":"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"}
\ No newline at end of file
diff --git a/node_modules/govuk-frontend/dist/govuk/components/exit-this-page/fixtures.json b/node_modules/govuk-frontend/dist/govuk/components/exit-this-page/fixtures.json
new file mode 100644
index 0000000..b81e938
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/exit-this-page/fixtures.json
@@ -0,0 +1,62 @@
+{
+    "component": "exit-this-page",
+    "fixtures": [
+        {
+            "name": "default",
+            "options": {
+                "redirectUrl": "/full-page-examples/announcements",
+                "id": null,
+                "classes": null,
+                "attributes": {}
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": true,
+            "html": "<div class=\"govuk-exit-this-page\" data-module=\"govuk-exit-this-page\">\n  <a href=\"/full-page-examples/announcements\" role=\"button\" draggable=\"false\" class=\"govuk-button govuk-button--warning govuk-exit-this-page__button govuk-js-exit-this-page-button\" data-module=\"govuk-button\" rel=\"nofollow noreferrer\">\n    <span class=\"govuk-visually-hidden\">Emergency</span> Exit this page\n  </a>\n</div>"
+        },
+        {
+            "name": "testing",
+            "options": {
+                "text": "Exit this test",
+                "redirectUrl": "https://www.test.co.uk",
+                "id": "test-id",
+                "classes": "test-class",
+                "attributes": {
+                    "test-attribute": true
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div id=\"test-id\" class=\"govuk-exit-this-page test-class\" data-module=\"govuk-exit-this-page\" test-attribute=\"true\">\n  <a href=\"https://www.test.co.uk\" role=\"button\" draggable=\"false\" class=\"govuk-button govuk-button--warning govuk-exit-this-page__button govuk-js-exit-this-page-button\" data-module=\"govuk-button\" rel=\"nofollow noreferrer\">\n    Exit this test\n  </a>\n</div>"
+        },
+        {
+            "name": "testing-html",
+            "options": {
+                "html": "Exit <em>this</em> test"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-exit-this-page\" data-module=\"govuk-exit-this-page\">\n  <a href=\"https://www.bbc.co.uk/weather\" role=\"button\" draggable=\"false\" class=\"govuk-button govuk-button--warning govuk-exit-this-page__button govuk-js-exit-this-page-button\" data-module=\"govuk-button\" rel=\"nofollow noreferrer\">\n    Exit <em>this</em> test\n  </a>\n</div>"
+        },
+        {
+            "name": "translated",
+            "options": {
+                "text": "Gadael y dudalen",
+                "activatedText": "Tudalen ymadael",
+                "timedOutText": "Wedi'i amseru",
+                "pressTwoMoreTimesText": "Pwyswch 'Shift' 2 gwaith arall",
+                "pressOneMoreTimeText": "Pwyswch 'Shift' 1 mwy o amser"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-exit-this-page\" data-module=\"govuk-exit-this-page\" data-i18n.activated=\"Tudalen ymadael\" data-i18n.timed-out=\"Wedi&#39;i amseru\" data-i18n.press-two-more-times=\"Pwyswch &#39;Shift&#39; 2 gwaith arall\" data-i18n.press-one-more-time=\"Pwyswch &#39;Shift&#39; 1 mwy o amser\">\n  <a href=\"https://www.bbc.co.uk/weather\" role=\"button\" draggable=\"false\" class=\"govuk-button govuk-button--warning govuk-exit-this-page__button govuk-js-exit-this-page-button\" data-module=\"govuk-button\" rel=\"nofollow noreferrer\">\n    Gadael y dudalen\n  </a>\n</div>"
+        }
+    ]
+}
diff --git a/node_modules/govuk-frontend/dist/govuk/components/exit-this-page/macro-options.json b/node_modules/govuk-frontend/dist/govuk/components/exit-this-page/macro-options.json
new file mode 100644
index 0000000..a90afd5
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/exit-this-page/macro-options.json
@@ -0,0 +1,62 @@
+[
+    {
+        "name": "text",
+        "type": "string",
+        "required": false,
+        "description": "Text for the link. If `html` is provided, the `text` option will be ignored. Defaults to `\"Emergency Exit this page\"` with 'Emergency' visually hidden."
+    },
+    {
+        "name": "html",
+        "type": "string",
+        "required": false,
+        "description": "HTML for the link. If `html` is provided, the `text` option will be ignored. Defaults to `\"Emergency Exit this page\"` with 'Emergency' visually hidden."
+    },
+    {
+        "name": "redirectUrl",
+        "type": "string",
+        "required": false,
+        "description": "URL to redirect the current tab to. Defaults to `\"https://www.bbc.co.uk/weather\"`."
+    },
+    {
+        "name": "id",
+        "type": "string",
+        "required": false,
+        "description": "ID attribute to add to the exit this page container."
+    },
+    {
+        "name": "classes",
+        "type": "string",
+        "required": false,
+        "description": "Classes to add to the exit this page container."
+    },
+    {
+        "name": "attributes",
+        "type": "object",
+        "required": false,
+        "description": "HTML attributes (for example data attributes) to add to the exit this page container."
+    },
+    {
+        "name": "activatedText",
+        "type": "string",
+        "required": false,
+        "description": "Text announced by screen readers when Exit this Page has been activated via the keyboard shortcut. Defaults to `\"Loading.\"`."
+    },
+    {
+        "name": "timedOutText",
+        "type": "string",
+        "required": false,
+        "description": "Text announced by screen readers when the keyboard shortcut has timed out without successful activation. Defaults to `\"Exit this page expired.\"`."
+    },
+    {
+        "name": "pressTwoMoreTimesText",
+        "type": "string",
+        "required": false,
+        "description": "Text announced by screen readers when the user must press <kbd>Shift</kbd> two more times to activate the button. Defaults to `\"Shift, press 2 more times to exit.\"`."
+    },
+    {
+        "name": "pressOneMoreTimeText",
+        "type": "string",
+        "required": false,
+        "description": "Text announced by screen readers when the user must press <kbd>Shift</kbd> one more time to activate the button. Defaults to `\"Shift, press 1 more time to exit.\"`."
+    }
+]
diff --git a/node_modules/govuk-frontend/dist/govuk/components/exit-this-page/macro.njk b/node_modules/govuk-frontend/dist/govuk/components/exit-this-page/macro.njk
new file mode 100644
index 0000000..cbcca08
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/exit-this-page/macro.njk
@@ -0,0 +1,3 @@
+{% macro govukExitThisPage(params) %}
+  {%- include "./template.njk" -%}
+{% endmacro %}
diff --git a/node_modules/govuk-frontend/dist/govuk/components/exit-this-page/template-default.html b/node_modules/govuk-frontend/dist/govuk/components/exit-this-page/template-default.html
new file mode 100644
index 0000000..cdb0b24
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/exit-this-page/template-default.html
@@ -0,0 +1,5 @@
+<div class="govuk-exit-this-page" data-module="govuk-exit-this-page">
+  <a href="/full-page-examples/announcements" role="button" draggable="false" class="govuk-button govuk-button--warning govuk-exit-this-page__button govuk-js-exit-this-page-button" data-module="govuk-button" rel="nofollow noreferrer">
+    <span class="govuk-visually-hidden">Emergency</span> Exit this page
+  </a>
+</div>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/exit-this-page/template.njk b/node_modules/govuk-frontend/dist/govuk/components/exit-this-page/template.njk
new file mode 100644
index 0000000..3ca2aa7
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/exit-this-page/template.njk
@@ -0,0 +1,25 @@
+{% from "../../macros/attributes.njk" import govukAttributes %}
+{% from "../button/macro.njk" import govukButton %}
+
+{%- set defaultHtml %}
+  <span class="govuk-visually-hidden">Emergency</span> Exit this page
+{% endset -%}
+
+<div
+  {%- if params.id %} id="{{ params.id }}"{% endif %} class="govuk-exit-this-page {%- if params.classes %} {{ params.classes }}{% endif %}" data-module="govuk-exit-this-page"
+  {{- govukAttributes(params.attributes) -}}
+  {%- if params.activatedText %} data-i18n.activated="{{ params.activatedText | escape }}"{% endif %}
+  {%- if params.timedOutText %} data-i18n.timed-out="{{ params.timedOutText | escape }}"{% endif %}
+  {%- if params.pressTwoMoreTimesText %} data-i18n.press-two-more-times="{{ params.pressTwoMoreTimesText | escape }}"{% endif %}
+  {%- if params.pressOneMoreTimeText %} data-i18n.press-one-more-time="{{ params.pressOneMoreTimeText | escape }}"{% endif %}
+>
+  {{ govukButton({
+    html: params.html if (params.html or params.text) else defaultHtml,
+    text: params.text,
+    classes: "govuk-button--warning govuk-exit-this-page__button govuk-js-exit-this-page-button",
+    href: params.redirectUrl | default("https://www.bbc.co.uk/weather", true),
+    attributes: {
+      rel: "nofollow noreferrer"
+    }
+  }) | trim | indent(2) }}
+</div>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/fieldset/README.md b/node_modules/govuk-frontend/dist/govuk/components/fieldset/README.md
new file mode 100644
index 0000000..da507d6
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/fieldset/README.md
@@ -0,0 +1,15 @@
+# Fieldset
+
+## Installation
+
+See the [main README quick start guide](https://github.com/alphagov/govuk-frontend#quick-start) for how to install this component.
+
+## Guidance and Examples
+
+Find out when to use the fieldset component in your service in the [GOV.UK Design System](https://design-system.service.gov.uk/components/fieldset).
+
+## Component options
+
+Use options to customise the appearance, content and behaviour of a component when using a macro, for example, changing the text.
+
+See [options table](https://design-system.service.gov.uk/components/fieldset/#options-fieldset-example) for details.
diff --git a/node_modules/govuk-frontend/dist/govuk/components/fieldset/_fieldset.scss b/node_modules/govuk-frontend/dist/govuk/components/fieldset/_fieldset.scss
new file mode 100644
index 0000000..89ee7c6
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/fieldset/_fieldset.scss
@@ -0,0 +1,4 @@
+@import "../../base";
+@import "./index";
+
+/*# sourceMappingURL=_fieldset.scss.map */
diff --git a/node_modules/govuk-frontend/dist/govuk/components/fieldset/_fieldset.scss.map b/node_modules/govuk-frontend/dist/govuk/components/fieldset/_fieldset.scss.map
new file mode 100644
index 0000000..fe233db
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/fieldset/_fieldset.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/fieldset/_fieldset.scss"],"names":[],"mappings":"AAAA,oBAAoB;AACpB,iBAAiB","file":"_fieldset.scss","sourcesContent":["@import \"../../base\";\n@import \"./index\";\n"]}
diff --git a/node_modules/govuk-frontend/dist/govuk/components/fieldset/_index.scss b/node_modules/govuk-frontend/dist/govuk/components/fieldset/_index.scss
new file mode 100644
index 0000000..2ab7c44
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/fieldset/_index.scss
@@ -0,0 +1,69 @@
+@include govuk-exports("govuk/component/fieldset") {
+  .govuk-fieldset {
+    min-width: 0;
+    margin: 0;
+    padding: 0;
+    border: 0;
+    @include govuk-clearfix;
+  }
+
+  // Fix for Firefox < 53 (https://bugzil.la/504622)
+  // stylelint-disable selector-type-no-unknown -- Ignore 'x:-moz-any-link'
+  @supports not (caret-color: auto) {
+    .govuk-fieldset,
+    x:-moz-any-link {
+      display: table-cell;
+    }
+  }
+  // stylelint-enable selector-type-no-unknown
+
+  .govuk-fieldset__legend {
+    @include govuk-font($size: 19);
+    @include govuk-text-colour;
+
+    // Fix legend text wrapping in Edge and IE
+    // 1. IE9-11 & Edge 12-13
+    // 2. IE8-11
+    box-sizing: border-box; // 1
+    display: table; // 2
+    max-width: 100%; // 1
+    margin-bottom: govuk-spacing(2);
+    padding: 0;
+
+    white-space: normal; // 1
+  }
+
+  // Modifiers that make legends look more like their equivalent headings
+  .govuk-fieldset__legend--xl,
+  .govuk-fieldset__legend--l,
+  .govuk-fieldset__legend--m {
+    @include govuk-typography-weight-bold;
+    margin-bottom: govuk-spacing(3);
+  }
+
+  .govuk-fieldset__legend--xl {
+    @include govuk-font-size($size: 48);
+  }
+
+  .govuk-fieldset__legend--l {
+    @include govuk-font-size($size: 36);
+  }
+
+  .govuk-fieldset__legend--m {
+    @include govuk-font-size($size: 24);
+  }
+
+  .govuk-fieldset__legend--s {
+    @include govuk-typography-weight-bold;
+  }
+
+  // When the legend contains an H1, we want the H1 to inherit all styles from
+  // the legend. Effectively treat the heading as if it is not there.
+  .govuk-fieldset__heading {
+    margin: 0;
+    font-size: inherit;
+    font-weight: inherit;
+  }
+}
+
+/*# sourceMappingURL=_index.scss.map */
diff --git a/node_modules/govuk-frontend/dist/govuk/components/fieldset/_index.scss.map b/node_modules/govuk-frontend/dist/govuk/components/fieldset/_index.scss.map
new file mode 100644
index 0000000..6cae7ad
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/fieldset/_index.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/fieldset/_index.scss"],"names":[],"mappings":"AAAA;EACE;IACE,YAAY;IACZ,SAAS;IACT,UAAU;IACV,SAAS;IACT,uBAAuB;EACzB;;EAEA,iDAAiD;EACjD,wEAAwE;EACxE;IACE;;MAEE,mBAAmB;IACrB;EACF;EACA,2CAA2C;;EAE3C;IACE,8BAA8B;IAC9B,0BAA0B;;IAE1B,yCAAyC;IACzC,wBAAwB;IACxB,WAAW;IACX,sBAAsB,EAAE,GAAG;IAC3B,cAAc,EAAE,GAAG;IACnB,eAAe,EAAE,GAAG;IACpB,+BAA+B;IAC/B,UAAU;;IAEV,mBAAmB,EAAE,GAAG;EAC1B;;EAEA,sEAAsE;EACtE;;;IAGE,qCAAqC;IACrC,+BAA+B;EACjC;;EAEA;IACE,mCAAmC;EACrC;;EAEA;IACE,mCAAmC;EACrC;;EAEA;IACE,mCAAmC;EACrC;;EAEA;IACE,qCAAqC;EACvC;;EAEA,2EAA2E;EAC3E,kEAAkE;EAClE;IACE,SAAS;IACT,kBAAkB;IAClB,oBAAoB;EACtB;AACF","file":"_index.scss","sourcesContent":["@include govuk-exports(\"govuk/component/fieldset\") {\n  .govuk-fieldset {\n    min-width: 0;\n    margin: 0;\n    padding: 0;\n    border: 0;\n    @include govuk-clearfix;\n  }\n\n  // Fix for Firefox < 53 (https://bugzil.la/504622)\n  // stylelint-disable selector-type-no-unknown -- Ignore 'x:-moz-any-link'\n  @supports not (caret-color: auto) {\n    .govuk-fieldset,\n    x:-moz-any-link {\n      display: table-cell;\n    }\n  }\n  // stylelint-enable selector-type-no-unknown\n\n  .govuk-fieldset__legend {\n    @include govuk-font($size: 19);\n    @include govuk-text-colour;\n\n    // Fix legend text wrapping in Edge and IE\n    // 1. IE9-11 & Edge 12-13\n    // 2. IE8-11\n    box-sizing: border-box; // 1\n    display: table; // 2\n    max-width: 100%; // 1\n    margin-bottom: govuk-spacing(2);\n    padding: 0;\n\n    white-space: normal; // 1\n  }\n\n  // Modifiers that make legends look more like their equivalent headings\n  .govuk-fieldset__legend--xl,\n  .govuk-fieldset__legend--l,\n  .govuk-fieldset__legend--m {\n    @include govuk-typography-weight-bold;\n    margin-bottom: govuk-spacing(3);\n  }\n\n  .govuk-fieldset__legend--xl {\n    @include govuk-font-size($size: 48);\n  }\n\n  .govuk-fieldset__legend--l {\n    @include govuk-font-size($size: 36);\n  }\n\n  .govuk-fieldset__legend--m {\n    @include govuk-font-size($size: 24);\n  }\n\n  .govuk-fieldset__legend--s {\n    @include govuk-typography-weight-bold;\n  }\n\n  // When the legend contains an H1, we want the H1 to inherit all styles from\n  // the legend. Effectively treat the heading as if it is not there.\n  .govuk-fieldset__heading {\n    margin: 0;\n    font-size: inherit;\n    font-weight: inherit;\n  }\n}\n"]}
diff --git a/node_modules/govuk-frontend/dist/govuk/components/fieldset/fixtures.json b/node_modules/govuk-frontend/dist/govuk/components/fieldset/fixtures.json
new file mode 100644
index 0000000..380dfaf
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/fieldset/fixtures.json
@@ -0,0 +1,260 @@
+{
+    "component": "fieldset",
+    "fixtures": [
+        {
+            "name": "default",
+            "options": {
+                "legend": {
+                    "text": "What is your address?"
+                }
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": true,
+            "html": "<fieldset class=\"govuk-fieldset\">\n  <legend class=\"govuk-fieldset__legend\">\n    What is your address?\n  </legend>\n</fieldset>"
+        },
+        {
+            "name": "styled as xl text",
+            "options": {
+                "legend": {
+                    "text": "What is your address?",
+                    "classes": "govuk-fieldset__legend--xl"
+                }
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<fieldset class=\"govuk-fieldset\">\n  <legend class=\"govuk-fieldset__legend govuk-fieldset__legend--xl\">\n    What is your address?\n  </legend>\n</fieldset>"
+        },
+        {
+            "name": "styled as large text",
+            "options": {
+                "legend": {
+                    "text": "What is your address?",
+                    "classes": "govuk-fieldset__legend--l"
+                }
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<fieldset class=\"govuk-fieldset\">\n  <legend class=\"govuk-fieldset__legend govuk-fieldset__legend--l\">\n    What is your address?\n  </legend>\n</fieldset>"
+        },
+        {
+            "name": "styled as medium text",
+            "options": {
+                "legend": {
+                    "text": "What is your address?",
+                    "classes": "govuk-fieldset__legend--m"
+                }
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<fieldset class=\"govuk-fieldset\">\n  <legend class=\"govuk-fieldset__legend govuk-fieldset__legend--m\">\n    What is your address?\n  </legend>\n</fieldset>"
+        },
+        {
+            "name": "styled as small text",
+            "options": {
+                "legend": {
+                    "text": "What is your address?",
+                    "classes": "govuk-fieldset__legend--s"
+                }
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<fieldset class=\"govuk-fieldset\">\n  <legend class=\"govuk-fieldset__legend govuk-fieldset__legend--s\">\n    What is your address?\n  </legend>\n</fieldset>"
+        },
+        {
+            "name": "as page heading xl",
+            "options": {
+                "legend": {
+                    "text": "What is your address?",
+                    "classes": "govuk-fieldset__legend--xl",
+                    "isPageHeading": true
+                }
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<fieldset class=\"govuk-fieldset\">\n  <legend class=\"govuk-fieldset__legend govuk-fieldset__legend--xl\">\n    <h1 class=\"govuk-fieldset__heading\">\n      What is your address?\n    </h1>\n  </legend>\n</fieldset>"
+        },
+        {
+            "name": "as page heading l",
+            "options": {
+                "legend": {
+                    "text": "What is your address?",
+                    "classes": "govuk-fieldset__legend--l",
+                    "isPageHeading": true
+                }
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<fieldset class=\"govuk-fieldset\">\n  <legend class=\"govuk-fieldset__legend govuk-fieldset__legend--l\">\n    <h1 class=\"govuk-fieldset__heading\">\n      What is your address?\n    </h1>\n  </legend>\n</fieldset>"
+        },
+        {
+            "name": "as page heading m",
+            "options": {
+                "legend": {
+                    "text": "What is your address?",
+                    "classes": "govuk-fieldset__legend--m",
+                    "isPageHeading": true
+                }
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<fieldset class=\"govuk-fieldset\">\n  <legend class=\"govuk-fieldset__legend govuk-fieldset__legend--m\">\n    <h1 class=\"govuk-fieldset__heading\">\n      What is your address?\n    </h1>\n  </legend>\n</fieldset>"
+        },
+        {
+            "name": "as page heading s",
+            "options": {
+                "legend": {
+                    "text": "What is your address?",
+                    "classes": "govuk-fieldset__legend--s",
+                    "isPageHeading": true
+                }
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<fieldset class=\"govuk-fieldset\">\n  <legend class=\"govuk-fieldset__legend govuk-fieldset__legend--s\">\n    <h1 class=\"govuk-fieldset__heading\">\n      What is your address?\n    </h1>\n  </legend>\n</fieldset>"
+        },
+        {
+            "name": "as page heading without class",
+            "options": {
+                "legend": {
+                    "text": "What is your address?",
+                    "isPageHeading": true
+                }
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<fieldset class=\"govuk-fieldset\">\n  <legend class=\"govuk-fieldset__legend\">\n    <h1 class=\"govuk-fieldset__heading\">\n      What is your address?\n    </h1>\n  </legend>\n</fieldset>"
+        },
+        {
+            "name": "html fieldset content",
+            "options": {
+                "legend": {
+                    "text": "What is your address?"
+                },
+                "html": "<div class=\"my-content\">\n  <p>This is some content to put inside the fieldset</p>\n</div>\n"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<fieldset class=\"govuk-fieldset\">\n  <legend class=\"govuk-fieldset__legend\">\n    What is your address?\n  </legend>\n  <div class=\"my-content\">\n  <p>This is some content to put inside the fieldset</p>\n</div>\n\n</fieldset>"
+        },
+        {
+            "name": "with describedBy",
+            "options": {
+                "describedBy": "test-target-element",
+                "legend": {
+                    "text": "Which option?"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<fieldset class=\"govuk-fieldset\" aria-describedby=\"test-target-element\">\n  <legend class=\"govuk-fieldset__legend\">\n    Which option?\n  </legend>\n</fieldset>"
+        },
+        {
+            "name": "html as text",
+            "options": {
+                "legend": {
+                    "text": "What is <b>your</b> address?"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<fieldset class=\"govuk-fieldset\">\n  <legend class=\"govuk-fieldset__legend\">\n    What is &lt;b&gt;your&lt;/b&gt; address?\n  </legend>\n</fieldset>"
+        },
+        {
+            "name": "html",
+            "options": {
+                "legend": {
+                    "html": "What is <b>your</b> address?"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<fieldset class=\"govuk-fieldset\">\n  <legend class=\"govuk-fieldset__legend\">\n    What is <b>your</b> address?\n  </legend>\n</fieldset>"
+        },
+        {
+            "name": "legend classes",
+            "options": {
+                "legend": {
+                    "text": "What is your address?",
+                    "classes": "my-custom-class"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<fieldset class=\"govuk-fieldset\">\n  <legend class=\"govuk-fieldset__legend my-custom-class\">\n    What is your address?\n  </legend>\n</fieldset>"
+        },
+        {
+            "name": "classes",
+            "options": {
+                "classes": "app-fieldset--custom-modifier",
+                "legend": {
+                    "text": "Which option?"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<fieldset class=\"govuk-fieldset app-fieldset--custom-modifier\">\n  <legend class=\"govuk-fieldset__legend\">\n    Which option?\n  </legend>\n</fieldset>"
+        },
+        {
+            "name": "role",
+            "options": {
+                "role": "group",
+                "legend": {
+                    "text": "Which option?"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<fieldset class=\"govuk-fieldset\" role=\"group\">\n  <legend class=\"govuk-fieldset__legend\">\n    Which option?\n  </legend>\n</fieldset>"
+        },
+        {
+            "name": "attributes",
+            "options": {
+                "attributes": {
+                    "data-attribute": "value"
+                },
+                "legend": {
+                    "text": "Which option?"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<fieldset class=\"govuk-fieldset\" data-attribute=\"value\">\n  <legend class=\"govuk-fieldset__legend\">\n    Which option?\n  </legend>\n</fieldset>"
+        }
+    ]
+}
diff --git a/node_modules/govuk-frontend/dist/govuk/components/fieldset/macro-options.json b/node_modules/govuk-frontend/dist/govuk/components/fieldset/macro-options.json
new file mode 100644
index 0000000..2892031
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/fieldset/macro-options.json
@@ -0,0 +1,70 @@
+[
+    {
+        "name": "describedBy",
+        "type": "string",
+        "required": false,
+        "description": "One or more element IDs to add to the `aria-describedby` attribute, used to provide additional descriptive information for screenreader users."
+    },
+    {
+        "name": "legend",
+        "type": "object",
+        "required": false,
+        "description": "The legend for the fieldset component.",
+        "params": [
+            {
+                "name": "text",
+                "type": "string",
+                "required": true,
+                "description": "If `html` is set, this is not required. Text to use within the legend. If `html` is provided, the `text` option will be ignored."
+            },
+            {
+                "name": "html",
+                "type": "string",
+                "required": true,
+                "description": "If `text` is set, this is not required. HTML to use within the legend. If `html` is provided, the `text` option will be ignored."
+            },
+            {
+                "name": "classes",
+                "type": "string",
+                "required": false,
+                "description": "Classes to add to the legend."
+            },
+            {
+                "name": "isPageHeading",
+                "type": "boolean",
+                "required": false,
+                "description": "Whether the legend also acts as the heading for the page."
+            }
+        ]
+    },
+    {
+        "name": "classes",
+        "type": "string",
+        "required": false,
+        "description": "Classes to add to the fieldset container."
+    },
+    {
+        "name": "role",
+        "type": "string",
+        "required": false,
+        "description": "Optional ARIA role attribute."
+    },
+    {
+        "name": "attributes",
+        "type": "object",
+        "required": false,
+        "description": "HTML attributes (for example data attributes) to add to the fieldset container."
+    },
+    {
+        "name": "html",
+        "type": "string",
+        "required": false,
+        "description": "HTML to use/render within the fieldset element."
+    },
+    {
+        "name": "caller",
+        "type": "nunjucks-block",
+        "required": false,
+        "description": "Not strictly a parameter but [Nunjucks code convention](https://mozilla.github.io/nunjucks/templating.html#call). Using a `call` block enables you to call a macro with all the text inside the tag. This is helpful if you want to pass a lot of content into a macro. To use it, you will need to wrap the entire fieldset component in a `call` block."
+    }
+]
diff --git a/node_modules/govuk-frontend/dist/govuk/components/fieldset/macro.njk b/node_modules/govuk-frontend/dist/govuk/components/fieldset/macro.njk
new file mode 100644
index 0000000..6884421
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/fieldset/macro.njk
@@ -0,0 +1,3 @@
+{% macro govukFieldset(params) %}
+  {%- include "./template.njk" -%}
+{% endmacro %}
diff --git a/node_modules/govuk-frontend/dist/govuk/components/fieldset/template-as-page-heading-l.html b/node_modules/govuk-frontend/dist/govuk/components/fieldset/template-as-page-heading-l.html
new file mode 100644
index 0000000..2ab1ef6
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/fieldset/template-as-page-heading-l.html
@@ -0,0 +1,7 @@
+<fieldset class="govuk-fieldset">
+  <legend class="govuk-fieldset__legend govuk-fieldset__legend--l">
+    <h1 class="govuk-fieldset__heading">
+      What is your address?
+    </h1>
+  </legend>
+</fieldset>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/fieldset/template-as-page-heading-m.html b/node_modules/govuk-frontend/dist/govuk/components/fieldset/template-as-page-heading-m.html
new file mode 100644
index 0000000..20664f8
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/fieldset/template-as-page-heading-m.html
@@ -0,0 +1,7 @@
+<fieldset class="govuk-fieldset">
+  <legend class="govuk-fieldset__legend govuk-fieldset__legend--m">
+    <h1 class="govuk-fieldset__heading">
+      What is your address?
+    </h1>
+  </legend>
+</fieldset>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/fieldset/template-as-page-heading-s.html b/node_modules/govuk-frontend/dist/govuk/components/fieldset/template-as-page-heading-s.html
new file mode 100644
index 0000000..f2ba900
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/fieldset/template-as-page-heading-s.html
@@ -0,0 +1,7 @@
+<fieldset class="govuk-fieldset">
+  <legend class="govuk-fieldset__legend govuk-fieldset__legend--s">
+    <h1 class="govuk-fieldset__heading">
+      What is your address?
+    </h1>
+  </legend>
+</fieldset>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/fieldset/template-as-page-heading-without-class.html b/node_modules/govuk-frontend/dist/govuk/components/fieldset/template-as-page-heading-without-class.html
new file mode 100644
index 0000000..eb9f7ad
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/fieldset/template-as-page-heading-without-class.html
@@ -0,0 +1,7 @@
+<fieldset class="govuk-fieldset">
+  <legend class="govuk-fieldset__legend">
+    <h1 class="govuk-fieldset__heading">
+      What is your address?
+    </h1>
+  </legend>
+</fieldset>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/fieldset/template-as-page-heading-xl.html b/node_modules/govuk-frontend/dist/govuk/components/fieldset/template-as-page-heading-xl.html
new file mode 100644
index 0000000..97ca246
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/fieldset/template-as-page-heading-xl.html
@@ -0,0 +1,7 @@
+<fieldset class="govuk-fieldset">
+  <legend class="govuk-fieldset__legend govuk-fieldset__legend--xl">
+    <h1 class="govuk-fieldset__heading">
+      What is your address?
+    </h1>
+  </legend>
+</fieldset>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/fieldset/template-default.html b/node_modules/govuk-frontend/dist/govuk/components/fieldset/template-default.html
new file mode 100644
index 0000000..3c2f849
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/fieldset/template-default.html
@@ -0,0 +1,5 @@
+<fieldset class="govuk-fieldset">
+  <legend class="govuk-fieldset__legend">
+    What is your address?
+  </legend>
+</fieldset>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/fieldset/template-styled-as-large-text.html b/node_modules/govuk-frontend/dist/govuk/components/fieldset/template-styled-as-large-text.html
new file mode 100644
index 0000000..a180395
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/fieldset/template-styled-as-large-text.html
@@ -0,0 +1,5 @@
+<fieldset class="govuk-fieldset">
+  <legend class="govuk-fieldset__legend govuk-fieldset__legend--l">
+    What is your address?
+  </legend>
+</fieldset>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/fieldset/template-styled-as-medium-text.html b/node_modules/govuk-frontend/dist/govuk/components/fieldset/template-styled-as-medium-text.html
new file mode 100644
index 0000000..8cd4c2c
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/fieldset/template-styled-as-medium-text.html
@@ -0,0 +1,5 @@
+<fieldset class="govuk-fieldset">
+  <legend class="govuk-fieldset__legend govuk-fieldset__legend--m">
+    What is your address?
+  </legend>
+</fieldset>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/fieldset/template-styled-as-small-text.html b/node_modules/govuk-frontend/dist/govuk/components/fieldset/template-styled-as-small-text.html
new file mode 100644
index 0000000..24bec42
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/fieldset/template-styled-as-small-text.html
@@ -0,0 +1,5 @@
+<fieldset class="govuk-fieldset">
+  <legend class="govuk-fieldset__legend govuk-fieldset__legend--s">
+    What is your address?
+  </legend>
+</fieldset>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/fieldset/template-styled-as-xl-text.html b/node_modules/govuk-frontend/dist/govuk/components/fieldset/template-styled-as-xl-text.html
new file mode 100644
index 0000000..2d35c04
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/fieldset/template-styled-as-xl-text.html
@@ -0,0 +1,5 @@
+<fieldset class="govuk-fieldset">
+  <legend class="govuk-fieldset__legend govuk-fieldset__legend--xl">
+    What is your address?
+  </legend>
+</fieldset>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/fieldset/template.njk b/node_modules/govuk-frontend/dist/govuk/components/fieldset/template.njk
new file mode 100644
index 0000000..85faa40
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/fieldset/template.njk
@@ -0,0 +1,24 @@
+{% from "../../macros/attributes.njk" import govukAttributes -%}
+
+<fieldset class="govuk-fieldset
+  {%- if params.classes %} {{ params.classes }}{% endif %}"
+  {%- if params.role %} role="{{ params.role }}"{% endif %}
+  {%- if params.describedBy %} aria-describedby="{{ params.describedBy }}"{% endif %}
+  {{- govukAttributes(params.attributes) }}>
+  {% if params.legend.html or params.legend.text %}
+  <legend class="govuk-fieldset__legend {%- if params.legend.classes %} {{ params.legend.classes }}{% endif %}">
+  {% if params.legend.isPageHeading %}
+    <h1 class="govuk-fieldset__heading">
+      {{ params.legend.html | safe | trim | indent(6) if params.legend.html else params.legend.text }}
+    </h1>
+  {% else %}
+    {{ params.legend.html | safe | trim | indent(4) if params.legend.html else params.legend.text }}
+  {% endif %}
+  </legend>
+  {% endif %}
+{% if caller %} {#- if statement allows usage of `call` to be optional -#}
+  {{ caller() }}
+{% elseif params.html %}
+  {{ params.html | safe }}
+{% endif %}
+</fieldset>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/file-upload/README.md b/node_modules/govuk-frontend/dist/govuk/components/file-upload/README.md
new file mode 100644
index 0000000..687414d
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/file-upload/README.md
@@ -0,0 +1,15 @@
+# File upload
+
+## Installation
+
+See the [main README quick start guide](https://github.com/alphagov/govuk-frontend#quick-start) for how to install this component.
+
+## Guidance and Examples
+
+Find out when to use the file upload component in your service in the [GOV.UK Design System](https://design-system.service.gov.uk/components/file-upload).
+
+## Component options
+
+Use options to customise the appearance, content and behaviour of a component when using a macro, for example, changing the text.
+
+See [options table](https://design-system.service.gov.uk/components/file-upload/#options-file-upload-example) for details.
diff --git a/node_modules/govuk-frontend/dist/govuk/components/file-upload/_file-upload.scss b/node_modules/govuk-frontend/dist/govuk/components/file-upload/_file-upload.scss
new file mode 100644
index 0000000..dec9aeb
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/file-upload/_file-upload.scss
@@ -0,0 +1,4 @@
+@import "../../base";
+@import "./index";
+
+/*# sourceMappingURL=_file-upload.scss.map */
diff --git a/node_modules/govuk-frontend/dist/govuk/components/file-upload/_file-upload.scss.map b/node_modules/govuk-frontend/dist/govuk/components/file-upload/_file-upload.scss.map
new file mode 100644
index 0000000..83aa4ef
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/file-upload/_file-upload.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/file-upload/_file-upload.scss"],"names":[],"mappings":"AAAA,oBAAoB;AACpB,iBAAiB","file":"_file-upload.scss","sourcesContent":["@import \"../../base\";\n@import \"./index\";\n"]}
diff --git a/node_modules/govuk-frontend/dist/govuk/components/file-upload/_index.scss b/node_modules/govuk-frontend/dist/govuk/components/file-upload/_index.scss
new file mode 100644
index 0000000..c88c66c
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/file-upload/_index.scss
@@ -0,0 +1,218 @@
+@import "../error-message/index";
+@import "../hint/index";
+@import "../label/index";
+
+@include govuk-exports("govuk/component/file-upload") {
+  $file-upload-border-width: 2px;
+  $component-padding: govuk-spacing(1);
+  $empty-button-background-colour: govuk-colour("white");
+  $empty-pseudo-button-background-colour: govuk-colour("light-grey");
+  $empty-status-background-colour: govuk-tint(govuk-colour("blue"), 70%);
+
+  .govuk-file-upload {
+    @include govuk-font($size: 19);
+    @include govuk-text-colour;
+    max-width: 100%;
+    margin-left: -$component-padding;
+    padding: $component-padding;
+
+    // The default file upload button in Safari does not support setting a
+    // custom font-size. Set `-webkit-appearance` to `button` to drop out of the
+    // native appearance so the font-size is set to 19px
+    // https://webkit.org/b/224746
+    &::-webkit-file-upload-button {
+      -webkit-appearance: button;
+      color: inherit;
+      font: inherit;
+    }
+
+    &:focus {
+      outline: $govuk-focus-width solid $govuk-focus-colour;
+      // Use `box-shadow` to add border instead of changing `border-width`
+      // (which changes element size) and since `outline` is already used for
+      // the yellow focus state.
+      box-shadow: inset 0 0 0 4px $govuk-input-border-colour;
+    }
+
+    // Set "focus-within" to fix https://bugzil.la/1430196 so that component
+    // receives focus in Firefox.
+    // This can't be set together with `:focus` as all versions of IE fail
+    // to recognise `focus-within` and don't set any styles from the block
+    // when it's a selector.
+    &:focus-within {
+      outline: $govuk-focus-width solid $govuk-focus-colour;
+
+      box-shadow: inset 0 0 0 4px $govuk-input-border-colour;
+    }
+
+    &:disabled {
+      opacity: 0.5;
+      cursor: not-allowed;
+    }
+  }
+
+  .govuk-drop-zone {
+    display: block;
+    position: relative;
+    z-index: 0;
+    background-color: $govuk-body-background-colour;
+  }
+
+  // required because disabling pointer events
+  // on the button means that the cursor style
+  // be applied on the button itself
+  .govuk-drop-zone--disabled {
+    cursor: not-allowed;
+  }
+
+  .govuk-file-upload-button__pseudo-button {
+    width: auto;
+    margin-right: govuk-spacing(2);
+    margin-bottom: $govuk-border-width-form-element + 1;
+    flex-shrink: 0;
+  }
+
+  .govuk-file-upload-button__instruction {
+    margin-top: govuk-spacing(2) - ($govuk-border-width-form-element + 1);
+    margin-bottom: 0;
+    text-align: left;
+  }
+
+  .govuk-file-upload-button__status {
+    display: block;
+    margin-bottom: govuk-spacing(2);
+    padding: govuk-spacing(3) govuk-spacing(2);
+    background-color: govuk-colour("white");
+    text-align: left;
+  }
+
+  // bugs documented with button using flex
+  // https://github.com/philipwalton/flexbugs#flexbug-9
+  // so we need a container here
+  .govuk-file-upload-button__pseudo-button-container {
+    display: flex;
+    align-items: baseline;
+    flex-wrap: wrap;
+  }
+
+  .govuk-file-upload-button {
+    width: 100%;
+    // align the padding to be same as notification banner and error summary accounting for the thicker borders
+    padding: (govuk-spacing(3) + $govuk-border-width - $file-upload-border-width);
+    border: $file-upload-border-width govuk-colour("mid-grey") solid;
+    background-color: govuk-colour("light-grey");
+    cursor: pointer;
+
+    @include govuk-media-query($from: tablet) {
+      padding: (govuk-spacing(4) + $govuk-border-width - $file-upload-border-width);
+    }
+
+    .govuk-file-upload-button__pseudo-button {
+      background-color: govuk-colour("white");
+    }
+
+    &:hover {
+      background-color: govuk-tint(govuk-colour("mid-grey"), 20%);
+
+      .govuk-file-upload-button__pseudo-button {
+        background-color: govuk-shade(govuk-colour("light-grey"), 10%);
+      }
+
+      .govuk-file-upload-button__status {
+        background-color: govuk-tint(govuk-colour("blue"), 80%);
+      }
+    }
+
+    &:active,
+    &:focus {
+      border: $file-upload-border-width solid govuk-colour("black");
+      outline: $govuk-focus-width solid $govuk-focus-colour;
+      // Ensure outline appears outside of the element
+      outline-offset: 0;
+      background-color: govuk-tint(govuk-colour("mid-grey"), 20%);
+      // Double the border by adding its width again. Use `box-shadow` for this
+      // instead of changing `border-width` - this is for consistency with
+      // components such as textarea where we avoid changing `border-width` as
+      // it will change the element size. Also, `outline` cannot be utilised
+      // here as it is already used for the yellow focus state.
+      box-shadow: inset 0 0 0 $govuk-border-width-form-element;
+
+      .govuk-file-upload-button__pseudo-button {
+        background-color: $govuk-focus-colour;
+        box-shadow: 0 2px 0 govuk-colour("black");
+      }
+
+      &:hover .govuk-file-upload-button__pseudo-button {
+        border-color: $govuk-focus-colour;
+        outline: 3px solid transparent;
+        background-color: govuk-colour("light-grey");
+        box-shadow: inset 0 0 0 1px $govuk-focus-colour;
+      }
+    }
+  }
+
+  .govuk-file-upload-button--empty {
+    border-style: dashed;
+    background-color: $empty-button-background-colour;
+
+    .govuk-file-upload-button__pseudo-button {
+      background-color: $empty-pseudo-button-background-colour;
+    }
+
+    .govuk-file-upload-button__status {
+      color: govuk-shade(govuk-colour("blue"), 60%);
+      background-color: $empty-status-background-colour;
+    }
+
+    &:hover,
+    &:focus,
+    &:active {
+      background-color: govuk-colour("light-grey");
+
+      .govuk-file-upload-button__status {
+        background-color: govuk-tint(govuk-colour("blue"), 80%);
+      }
+    }
+  }
+
+  .govuk-file-upload-button--dragging {
+    border-style: solid;
+    border-color: govuk-colour("black");
+
+    // extra specificity to apply when
+    // empty
+    &.govuk-file-upload-button {
+      background-color: govuk-tint(govuk-colour("mid-grey"), 20%);
+    }
+
+    &.govuk-file-upload-button--empty {
+      background-color: govuk-colour("light-grey");
+    }
+
+    &.govuk-file-upload-button--empty:not(:disabled) .govuk-file-upload-button__status,
+    &.govuk-file-upload-button--empty .govuk-file-upload-button__pseudo-button {
+      background-color: govuk-colour("white");
+    }
+
+    .govuk-file-upload-button__pseudo-button {
+      background-color: govuk-shade(govuk-colour("light-grey"), 10%);
+    }
+  }
+
+  .govuk-file-upload-button:disabled {
+    pointer-events: none;
+    opacity: 0.5;
+
+    background-color: $empty-button-background-colour;
+
+    .govuk-file-upload-button__pseudo-button {
+      background-color: $empty-pseudo-button-background-colour;
+    }
+
+    .govuk-file-upload-button__status {
+      background-color: $empty-status-background-colour;
+    }
+  }
+}
+
+/*# sourceMappingURL=_index.scss.map */
diff --git a/node_modules/govuk-frontend/dist/govuk/components/file-upload/_index.scss.map b/node_modules/govuk-frontend/dist/govuk/components/file-upload/_index.scss.map
new file mode 100644
index 0000000..4439167
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/file-upload/_index.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/file-upload/_index.scss"],"names":[],"mappings":"AAAA,gCAAgC;AAChC,uBAAuB;AACvB,wBAAwB;;AAExB;EACE,8BAA8B;EAC9B,oCAAoC;EACpC,sDAAsD;EACtD,kEAAkE;EAClE,sEAAsE;;EAEtE;IACE,8BAA8B;IAC9B,0BAA0B;IAC1B,eAAe;IACf,gCAAgC;IAChC,2BAA2B;;IAE3B,qEAAqE;IACrE,2EAA2E;IAC3E,mDAAmD;IACnD,6BAA6B;IAC7B;MACE,0BAA0B;MAC1B,cAAc;MACd,aAAa;IACf;;IAEA;MACE,qDAAqD;MACrD,mEAAmE;MACnE,sEAAsE;MACtE,yBAAyB;MACzB,sDAAsD;IACxD;;IAEA,uEAAuE;IACvE,4BAA4B;IAC5B,qEAAqE;IACrE,qEAAqE;IACrE,uBAAuB;IACvB;MACE,qDAAqD;;MAErD,sDAAsD;IACxD;;IAEA;MACE,YAAY;MACZ,mBAAmB;IACrB;EACF;;EAEA;IACE,cAAc;IACd,kBAAkB;IAClB,UAAU;IACV,+CAA+C;EACjD;;EAEA,2CAA2C;EAC3C,2CAA2C;EAC3C,iCAAiC;EACjC;IACE,mBAAmB;EACrB;;EAEA;IACE,WAAW;IACX,8BAA8B;IAC9B,mDAAmD;IACnD,cAAc;EAChB;;EAEA;IACE,qEAAqE;IACrE,gBAAgB;IAChB,gBAAgB;EAClB;;EAEA;IACE,cAAc;IACd,+BAA+B;IAC/B,0CAA0C;IAC1C,uCAAuC;IACvC,gBAAgB;EAClB;;EAEA,wCAAwC;EACxC,oDAAoD;EACpD,6BAA6B;EAC7B;IACE,aAAa;IACb,qBAAqB;IACrB,eAAe;EACjB;;EAEA;IACE,WAAW;IACX,0GAA0G;IAC1G,6EAA6E;IAC7E,gEAAgE;IAChE,4CAA4C;IAC5C,eAAe;;IAEf;MACE,6EAA6E;IAC/E;;IAEA;MACE,uCAAuC;IACzC;;IAEA;MACE,2DAA2D;;MAE3D;QACE,8DAA8D;MAChE;;MAEA;QACE,uDAAuD;MACzD;IACF;;IAEA;;MAEE,6DAA6D;MAC7D,qDAAqD;MACrD,+CAA+C;MAC/C,iBAAiB;MACjB,2DAA2D;MAC3D,wEAAwE;MACxE,mEAAmE;MACnE,uEAAuE;MACvE,qEAAqE;MACrE,wDAAwD;MACxD,wDAAwD;;MAExD;QACE,qCAAqC;QACrC,yCAAyC;MAC3C;;MAEA;QACE,iCAAiC;QACjC,8BAA8B;QAC9B,4CAA4C;QAC5C,+CAA+C;MACjD;IACF;EACF;;EAEA;IACE,oBAAoB;IACpB,iDAAiD;;IAEjD;MACE,wDAAwD;IAC1D;;IAEA;MACE,6CAA6C;MAC7C,iDAAiD;IACnD;;IAEA;;;MAGE,4CAA4C;;MAE5C;QACE,uDAAuD;MACzD;IACF;EACF;;EAEA;IACE,mBAAmB;IACnB,mCAAmC;;IAEnC,iCAAiC;IACjC,OAAO;IACP;MACE,2DAA2D;IAC7D;;IAEA;MACE,4CAA4C;IAC9C;;IAEA;;MAEE,uCAAuC;IACzC;;IAEA;MACE,8DAA8D;IAChE;EACF;;EAEA;IACE,oBAAoB;IACpB,YAAY;;IAEZ,iDAAiD;;IAEjD;MACE,wDAAwD;IAC1D;;IAEA;MACE,iDAAiD;IACnD;EACF;AACF","file":"_index.scss","sourcesContent":["@import \"../error-message/index\";\n@import \"../hint/index\";\n@import \"../label/index\";\n\n@include govuk-exports(\"govuk/component/file-upload\") {\n  $file-upload-border-width: 2px;\n  $component-padding: govuk-spacing(1);\n  $empty-button-background-colour: govuk-colour(\"white\");\n  $empty-pseudo-button-background-colour: govuk-colour(\"light-grey\");\n  $empty-status-background-colour: govuk-tint(govuk-colour(\"blue\"), 70%);\n\n  .govuk-file-upload {\n    @include govuk-font($size: 19);\n    @include govuk-text-colour;\n    max-width: 100%;\n    margin-left: -$component-padding;\n    padding: $component-padding;\n\n    // The default file upload button in Safari does not support setting a\n    // custom font-size. Set `-webkit-appearance` to `button` to drop out of the\n    // native appearance so the font-size is set to 19px\n    // https://webkit.org/b/224746\n    &::-webkit-file-upload-button {\n      -webkit-appearance: button;\n      color: inherit;\n      font: inherit;\n    }\n\n    &:focus {\n      outline: $govuk-focus-width solid $govuk-focus-colour;\n      // Use `box-shadow` to add border instead of changing `border-width`\n      // (which changes element size) and since `outline` is already used for\n      // the yellow focus state.\n      box-shadow: inset 0 0 0 4px $govuk-input-border-colour;\n    }\n\n    // Set \"focus-within\" to fix https://bugzil.la/1430196 so that component\n    // receives focus in Firefox.\n    // This can't be set together with `:focus` as all versions of IE fail\n    // to recognise `focus-within` and don't set any styles from the block\n    // when it's a selector.\n    &:focus-within {\n      outline: $govuk-focus-width solid $govuk-focus-colour;\n\n      box-shadow: inset 0 0 0 4px $govuk-input-border-colour;\n    }\n\n    &:disabled {\n      opacity: 0.5;\n      cursor: not-allowed;\n    }\n  }\n\n  .govuk-drop-zone {\n    display: block;\n    position: relative;\n    z-index: 0;\n    background-color: $govuk-body-background-colour;\n  }\n\n  // required because disabling pointer events\n  // on the button means that the cursor style\n  // be applied on the button itself\n  .govuk-drop-zone--disabled {\n    cursor: not-allowed;\n  }\n\n  .govuk-file-upload-button__pseudo-button {\n    width: auto;\n    margin-right: govuk-spacing(2);\n    margin-bottom: $govuk-border-width-form-element + 1;\n    flex-shrink: 0;\n  }\n\n  .govuk-file-upload-button__instruction {\n    margin-top: govuk-spacing(2) - ($govuk-border-width-form-element + 1);\n    margin-bottom: 0;\n    text-align: left;\n  }\n\n  .govuk-file-upload-button__status {\n    display: block;\n    margin-bottom: govuk-spacing(2);\n    padding: govuk-spacing(3) govuk-spacing(2);\n    background-color: govuk-colour(\"white\");\n    text-align: left;\n  }\n\n  // bugs documented with button using flex\n  // https://github.com/philipwalton/flexbugs#flexbug-9\n  // so we need a container here\n  .govuk-file-upload-button__pseudo-button-container {\n    display: flex;\n    align-items: baseline;\n    flex-wrap: wrap;\n  }\n\n  .govuk-file-upload-button {\n    width: 100%;\n    // align the padding to be same as notification banner and error summary accounting for the thicker borders\n    padding: (govuk-spacing(3) + $govuk-border-width - $file-upload-border-width);\n    border: $file-upload-border-width govuk-colour(\"mid-grey\") solid;\n    background-color: govuk-colour(\"light-grey\");\n    cursor: pointer;\n\n    @include govuk-media-query($from: tablet) {\n      padding: (govuk-spacing(4) + $govuk-border-width - $file-upload-border-width);\n    }\n\n    .govuk-file-upload-button__pseudo-button {\n      background-color: govuk-colour(\"white\");\n    }\n\n    &:hover {\n      background-color: govuk-tint(govuk-colour(\"mid-grey\"), 20%);\n\n      .govuk-file-upload-button__pseudo-button {\n        background-color: govuk-shade(govuk-colour(\"light-grey\"), 10%);\n      }\n\n      .govuk-file-upload-button__status {\n        background-color: govuk-tint(govuk-colour(\"blue\"), 80%);\n      }\n    }\n\n    &:active,\n    &:focus {\n      border: $file-upload-border-width solid govuk-colour(\"black\");\n      outline: $govuk-focus-width solid $govuk-focus-colour;\n      // Ensure outline appears outside of the element\n      outline-offset: 0;\n      background-color: govuk-tint(govuk-colour(\"mid-grey\"), 20%);\n      // Double the border by adding its width again. Use `box-shadow` for this\n      // instead of changing `border-width` - this is for consistency with\n      // components such as textarea where we avoid changing `border-width` as\n      // it will change the element size. Also, `outline` cannot be utilised\n      // here as it is already used for the yellow focus state.\n      box-shadow: inset 0 0 0 $govuk-border-width-form-element;\n\n      .govuk-file-upload-button__pseudo-button {\n        background-color: $govuk-focus-colour;\n        box-shadow: 0 2px 0 govuk-colour(\"black\");\n      }\n\n      &:hover .govuk-file-upload-button__pseudo-button {\n        border-color: $govuk-focus-colour;\n        outline: 3px solid transparent;\n        background-color: govuk-colour(\"light-grey\");\n        box-shadow: inset 0 0 0 1px $govuk-focus-colour;\n      }\n    }\n  }\n\n  .govuk-file-upload-button--empty {\n    border-style: dashed;\n    background-color: $empty-button-background-colour;\n\n    .govuk-file-upload-button__pseudo-button {\n      background-color: $empty-pseudo-button-background-colour;\n    }\n\n    .govuk-file-upload-button__status {\n      color: govuk-shade(govuk-colour(\"blue\"), 60%);\n      background-color: $empty-status-background-colour;\n    }\n\n    &:hover,\n    &:focus,\n    &:active {\n      background-color: govuk-colour(\"light-grey\");\n\n      .govuk-file-upload-button__status {\n        background-color: govuk-tint(govuk-colour(\"blue\"), 80%);\n      }\n    }\n  }\n\n  .govuk-file-upload-button--dragging {\n    border-style: solid;\n    border-color: govuk-colour(\"black\");\n\n    // extra specificity to apply when\n    // empty\n    &.govuk-file-upload-button {\n      background-color: govuk-tint(govuk-colour(\"mid-grey\"), 20%);\n    }\n\n    &.govuk-file-upload-button--empty {\n      background-color: govuk-colour(\"light-grey\");\n    }\n\n    &.govuk-file-upload-button--empty:not(:disabled) .govuk-file-upload-button__status,\n    &.govuk-file-upload-button--empty .govuk-file-upload-button__pseudo-button {\n      background-color: govuk-colour(\"white\");\n    }\n\n    .govuk-file-upload-button__pseudo-button {\n      background-color: govuk-shade(govuk-colour(\"light-grey\"), 10%);\n    }\n  }\n\n  .govuk-file-upload-button:disabled {\n    pointer-events: none;\n    opacity: 0.5;\n\n    background-color: $empty-button-background-colour;\n\n    .govuk-file-upload-button__pseudo-button {\n      background-color: $empty-pseudo-button-background-colour;\n    }\n\n    .govuk-file-upload-button__status {\n      background-color: $empty-status-background-colour;\n    }\n  }\n}\n"]}
diff --git a/node_modules/govuk-frontend/dist/govuk/components/file-upload/file-upload.bundle.js b/node_modules/govuk-frontend/dist/govuk/components/file-upload/file-upload.bundle.js
new file mode 100644
index 0000000..0d3f397
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/file-upload/file-upload.bundle.js
@@ -0,0 +1,621 @@
+(function (global, factory) {
+  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports) :
+  typeof define === 'function' && define.amd ? define(['exports'], factory) :
+  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.GOVUKFrontend = global.GOVUKFrontend || {}));
+})(this, (function (exports) { 'use strict';
+
+  function closestAttributeValue($element, attributeName) {
+    const $closestElementWithAttribute = $element.closest(`[${attributeName}]`);
+    return $closestElementWithAttribute ? $closestElementWithAttribute.getAttribute(attributeName) : null;
+  }
+
+  function isInitialised($root, moduleName) {
+    return $root instanceof HTMLElement && $root.hasAttribute(`data-${moduleName}-init`);
+  }
+
+  /**
+   * Checks if GOV.UK Frontend is supported on this page
+   *
+   * Some browsers will load and run our JavaScript but GOV.UK Frontend
+   * won't be supported.
+   *
+   * @param {HTMLElement | null} [$scope] - (internal) `<body>` HTML element checked for browser support
+   * @returns {boolean} Whether GOV.UK Frontend is supported on this page
+   */
+  function isSupported($scope = document.body) {
+    if (!$scope) {
+      return false;
+    }
+    return $scope.classList.contains('govuk-frontend-supported');
+  }
+  function isArray(option) {
+    return Array.isArray(option);
+  }
+  function isObject(option) {
+    return !!option && typeof option === 'object' && !isArray(option);
+  }
+  function formatErrorMessage(Component, message) {
+    return `${Component.moduleName}: ${message}`;
+  }
+  /**
+   * @typedef ComponentWithModuleName
+   * @property {string} moduleName - Name of the component
+   */
+
+  class GOVUKFrontendError extends Error {
+    constructor(...args) {
+      super(...args);
+      this.name = 'GOVUKFrontendError';
+    }
+  }
+  class SupportError extends GOVUKFrontendError {
+    /**
+     * Checks if GOV.UK Frontend is supported on this page
+     *
+     * @param {HTMLElement | null} [$scope] - HTML element `<body>` checked for browser support
+     */
+    constructor($scope = document.body) {
+      const supportMessage = 'noModule' in HTMLScriptElement.prototype ? 'GOV.UK Frontend initialised without `<body class="govuk-frontend-supported">` from template `<script>` snippet' : 'GOV.UK Frontend is not supported in this browser';
+      super($scope ? supportMessage : 'GOV.UK Frontend initialised without `<script type="module">`');
+      this.name = 'SupportError';
+    }
+  }
+  class ConfigError extends GOVUKFrontendError {
+    constructor(...args) {
+      super(...args);
+      this.name = 'ConfigError';
+    }
+  }
+  class ElementError extends GOVUKFrontendError {
+    constructor(messageOrOptions) {
+      let message = typeof messageOrOptions === 'string' ? messageOrOptions : '';
+      if (isObject(messageOrOptions)) {
+        const {
+          component,
+          identifier,
+          element,
+          expectedType
+        } = messageOrOptions;
+        message = identifier;
+        message += element ? ` is not of type ${expectedType != null ? expectedType : 'HTMLElement'}` : ' not found';
+        if (component) {
+          message = formatErrorMessage(component, message);
+        }
+      }
+      super(message);
+      this.name = 'ElementError';
+    }
+  }
+  class InitError extends GOVUKFrontendError {
+    constructor(componentOrMessage) {
+      const message = typeof componentOrMessage === 'string' ? componentOrMessage : formatErrorMessage(componentOrMessage, `Root element (\`$root\`) already initialised`);
+      super(message);
+      this.name = 'InitError';
+    }
+  }
+  /**
+   * @import { ComponentWithModuleName } from '../common/index.mjs'
+   */
+
+  class Component {
+    /**
+     * Returns the root element of the component
+     *
+     * @protected
+     * @returns {RootElementType} - the root element of component
+     */
+    get $root() {
+      return this._$root;
+    }
+    constructor($root) {
+      this._$root = void 0;
+      const childConstructor = this.constructor;
+      if (typeof childConstructor.moduleName !== 'string') {
+        throw new InitError(`\`moduleName\` not defined in component`);
+      }
+      if (!($root instanceof childConstructor.elementType)) {
+        throw new ElementError({
+          element: $root,
+          component: childConstructor,
+          identifier: 'Root element (`$root`)',
+          expectedType: childConstructor.elementType.name
+        });
+      } else {
+        this._$root = $root;
+      }
+      childConstructor.checkSupport();
+      this.checkInitialised();
+      const moduleName = childConstructor.moduleName;
+      this.$root.setAttribute(`data-${moduleName}-init`, '');
+    }
+    checkInitialised() {
+      const constructor = this.constructor;
+      const moduleName = constructor.moduleName;
+      if (moduleName && isInitialised(this.$root, moduleName)) {
+        throw new InitError(constructor);
+      }
+    }
+    static checkSupport() {
+      if (!isSupported()) {
+        throw new SupportError();
+      }
+    }
+  }
+
+  /**
+   * @typedef ChildClass
+   * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component
+   */
+
+  /**
+   * @typedef {typeof Component & ChildClass} ChildClassConstructor
+   */
+  Component.elementType = HTMLElement;
+
+  const configOverride = Symbol.for('configOverride');
+  class ConfigurableComponent extends Component {
+    [configOverride](param) {
+      return {};
+    }
+
+    /**
+     * Returns the root element of the component
+     *
+     * @protected
+     * @returns {ConfigurationType} - the root element of component
+     */
+    get config() {
+      return this._config;
+    }
+    constructor($root, config) {
+      super($root);
+      this._config = void 0;
+      const childConstructor = this.constructor;
+      if (!isObject(childConstructor.defaults)) {
+        throw new ConfigError(formatErrorMessage(childConstructor, 'Config passed as parameter into constructor but no defaults defined'));
+      }
+      const datasetConfig = normaliseDataset(childConstructor, this._$root.dataset);
+      this._config = mergeConfigs(childConstructor.defaults, config != null ? config : {}, this[configOverride](datasetConfig), datasetConfig);
+    }
+  }
+  function normaliseString(value, property) {
+    const trimmedValue = value ? value.trim() : '';
+    let output;
+    let outputType = property == null ? void 0 : property.type;
+    if (!outputType) {
+      if (['true', 'false'].includes(trimmedValue)) {
+        outputType = 'boolean';
+      }
+      if (trimmedValue.length > 0 && isFinite(Number(trimmedValue))) {
+        outputType = 'number';
+      }
+    }
+    switch (outputType) {
+      case 'boolean':
+        output = trimmedValue === 'true';
+        break;
+      case 'number':
+        output = Number(trimmedValue);
+        break;
+      default:
+        output = value;
+    }
+    return output;
+  }
+  function normaliseDataset(Component, dataset) {
+    if (!isObject(Component.schema)) {
+      throw new ConfigError(formatErrorMessage(Component, 'Config passed as parameter into constructor but no schema defined'));
+    }
+    const out = {};
+    const entries = Object.entries(Component.schema.properties);
+    for (const entry of entries) {
+      const [namespace, property] = entry;
+      const field = namespace.toString();
+      if (field in dataset) {
+        out[field] = normaliseString(dataset[field], property);
+      }
+      if ((property == null ? void 0 : property.type) === 'object') {
+        out[field] = extractConfigByNamespace(Component.schema, dataset, namespace);
+      }
+    }
+    return out;
+  }
+  function mergeConfigs(...configObjects) {
+    const formattedConfigObject = {};
+    for (const configObject of configObjects) {
+      for (const key of Object.keys(configObject)) {
+        const option = formattedConfigObject[key];
+        const override = configObject[key];
+        if (isObject(option) && isObject(override)) {
+          formattedConfigObject[key] = mergeConfigs(option, override);
+        } else {
+          formattedConfigObject[key] = override;
+        }
+      }
+    }
+    return formattedConfigObject;
+  }
+  function extractConfigByNamespace(schema, dataset, namespace) {
+    const property = schema.properties[namespace];
+    if ((property == null ? void 0 : property.type) !== 'object') {
+      return;
+    }
+    const newObject = {
+      [namespace]: {}
+    };
+    for (const [key, value] of Object.entries(dataset)) {
+      let current = newObject;
+      const keyParts = key.split('.');
+      for (const [index, name] of keyParts.entries()) {
+        if (isObject(current)) {
+          if (index < keyParts.length - 1) {
+            if (!isObject(current[name])) {
+              current[name] = {};
+            }
+            current = current[name];
+          } else if (key !== namespace) {
+            current[name] = normaliseString(value);
+          }
+        }
+      }
+    }
+    return newObject[namespace];
+  }
+  /**
+   * Schema for component config
+   *
+   * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType
+   * @typedef {object} Schema
+   * @property {Record<keyof ConfigurationType, SchemaProperty | undefined>} properties - Schema properties
+   * @property {SchemaCondition<ConfigurationType>[]} [anyOf] - List of schema conditions
+   */
+  /**
+   * Schema property for component config
+   *
+   * @typedef {object} SchemaProperty
+   * @property {'string' | 'boolean' | 'number' | 'object'} type - Property type
+   */
+  /**
+   * Schema condition for component config
+   *
+   * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType
+   * @typedef {object} SchemaCondition
+   * @property {(keyof ConfigurationType)[]} required - List of required config fields
+   * @property {string} errorMessage - Error message when required config fields not provided
+   */
+  /**
+   * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]
+   * @typedef ChildClass
+   * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component
+   * @property {Schema<ConfigurationType>} [schema] - The schema of the component configuration
+   * @property {ConfigurationType} [defaults] - The default values of the configuration of the component
+   */
+  /**
+   * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]
+   * @typedef {typeof Component & ChildClass<ConfigurationType>} ChildClassConstructor<ConfigurationType>
+   */
+  /**
+   * @import { CompatibleClass, Config, CreateAllOptions, OnErrorCallback } from '../init.mjs'
+   */
+
+  class I18n {
+    constructor(translations = {}, config = {}) {
+      var _config$locale;
+      this.translations = void 0;
+      this.locale = void 0;
+      this.translations = translations;
+      this.locale = (_config$locale = config.locale) != null ? _config$locale : document.documentElement.lang || 'en';
+    }
+    t(lookupKey, options) {
+      if (!lookupKey) {
+        throw new Error('i18n: lookup key missing');
+      }
+      let translation = this.translations[lookupKey];
+      if (typeof (options == null ? void 0 : options.count) === 'number' && isObject(translation)) {
+        const translationPluralForm = translation[this.getPluralSuffix(lookupKey, options.count)];
+        if (translationPluralForm) {
+          translation = translationPluralForm;
+        }
+      }
+      if (typeof translation === 'string') {
+        if (translation.match(/%{(.\S+)}/)) {
+          if (!options) {
+            throw new Error('i18n: cannot replace placeholders in string if no option data provided');
+          }
+          return this.replacePlaceholders(translation, options);
+        }
+        return translation;
+      }
+      return lookupKey;
+    }
+    replacePlaceholders(translationString, options) {
+      const formatter = Intl.NumberFormat.supportedLocalesOf(this.locale).length ? new Intl.NumberFormat(this.locale) : undefined;
+      return translationString.replace(/%{(.\S+)}/g, function (placeholderWithBraces, placeholderKey) {
+        if (Object.prototype.hasOwnProperty.call(options, placeholderKey)) {
+          const placeholderValue = options[placeholderKey];
+          if (placeholderValue === false || typeof placeholderValue !== 'number' && typeof placeholderValue !== 'string') {
+            return '';
+          }
+          if (typeof placeholderValue === 'number') {
+            return formatter ? formatter.format(placeholderValue) : `${placeholderValue}`;
+          }
+          return placeholderValue;
+        }
+        throw new Error(`i18n: no data found to replace ${placeholderWithBraces} placeholder in string`);
+      });
+    }
+    hasIntlPluralRulesSupport() {
+      return Boolean('PluralRules' in window.Intl && Intl.PluralRules.supportedLocalesOf(this.locale).length);
+    }
+    getPluralSuffix(lookupKey, count) {
+      count = Number(count);
+      if (!isFinite(count)) {
+        return 'other';
+      }
+      const translation = this.translations[lookupKey];
+      const preferredForm = this.hasIntlPluralRulesSupport() ? new Intl.PluralRules(this.locale).select(count) : 'other';
+      if (isObject(translation)) {
+        if (preferredForm in translation) {
+          return preferredForm;
+        } else if ('other' in translation) {
+          console.warn(`i18n: Missing plural form ".${preferredForm}" for "${this.locale}" locale. Falling back to ".other".`);
+          return 'other';
+        }
+      }
+      throw new Error(`i18n: Plural form ".other" is required for "${this.locale}" locale`);
+    }
+  }
+
+  /**
+   * File upload component
+   *
+   * @preserve
+   * @augments ConfigurableComponent<FileUploadConfig>
+   */
+  class FileUpload extends ConfigurableComponent {
+    /**
+     * @param {Element | null} $root - File input element
+     * @param {FileUploadConfig} [config] - File Upload config
+     */
+    constructor($root, config = {}) {
+      super($root, config);
+      this.$input = void 0;
+      this.$button = void 0;
+      this.$status = void 0;
+      this.i18n = void 0;
+      this.id = void 0;
+      this.$announcements = void 0;
+      this.enteredAnotherElement = void 0;
+      const $input = this.$root.querySelector('input');
+      if ($input === null) {
+        throw new ElementError({
+          component: FileUpload,
+          identifier: 'File inputs (`<input type="file">`)'
+        });
+      }
+      if ($input.type !== 'file') {
+        throw new ElementError(formatErrorMessage(FileUpload, 'File input (`<input type="file">`) attribute (`type`) is not `file`'));
+      }
+      this.$input = $input;
+      if (!this.$input.id) {
+        throw new ElementError({
+          component: FileUpload,
+          identifier: 'File input (`<input type="file">`) attribute (`id`)'
+        });
+      }
+      this.id = this.$input.id;
+      this.i18n = new I18n(this.config.i18n, {
+        locale: closestAttributeValue(this.$root, 'lang')
+      });
+      const $label = this.findLabel();
+      if (!$label.id) {
+        $label.id = `${this.id}-label`;
+      }
+      this.$input.id = `${this.id}-input`;
+      this.$input.setAttribute('hidden', 'true');
+      const $button = document.createElement('button');
+      $button.classList.add('govuk-file-upload-button');
+      $button.type = 'button';
+      $button.id = this.id;
+      $button.classList.add('govuk-file-upload-button--empty');
+      const ariaDescribedBy = this.$input.getAttribute('aria-describedby');
+      if (ariaDescribedBy) {
+        $button.setAttribute('aria-describedby', ariaDescribedBy);
+      }
+      const $status = document.createElement('span');
+      $status.className = 'govuk-body govuk-file-upload-button__status';
+      $status.setAttribute('aria-live', 'polite');
+      $status.innerText = this.i18n.t('noFileChosen');
+      $button.appendChild($status);
+      const commaSpan = document.createElement('span');
+      commaSpan.className = 'govuk-visually-hidden';
+      commaSpan.innerText = ', ';
+      commaSpan.id = `${this.id}-comma`;
+      $button.appendChild(commaSpan);
+      const containerSpan = document.createElement('span');
+      containerSpan.className = 'govuk-file-upload-button__pseudo-button-container';
+      const buttonSpan = document.createElement('span');
+      buttonSpan.className = 'govuk-button govuk-button--secondary govuk-file-upload-button__pseudo-button';
+      buttonSpan.innerText = this.i18n.t('chooseFilesButton');
+      containerSpan.appendChild(buttonSpan);
+      containerSpan.insertAdjacentText('beforeend', ' ');
+      const instructionSpan = document.createElement('span');
+      instructionSpan.className = 'govuk-body govuk-file-upload-button__instruction';
+      instructionSpan.innerText = this.i18n.t('dropInstruction');
+      containerSpan.appendChild(instructionSpan);
+      $button.appendChild(containerSpan);
+      $button.setAttribute('aria-labelledby', `${$label.id} ${commaSpan.id} ${$button.id}`);
+      $button.addEventListener('click', this.onClick.bind(this));
+      $button.addEventListener('dragover', event => {
+        event.preventDefault();
+      });
+      this.$root.insertAdjacentElement('afterbegin', $button);
+      this.$input.setAttribute('tabindex', '-1');
+      this.$input.setAttribute('aria-hidden', 'true');
+      this.$button = $button;
+      this.$status = $status;
+      this.$input.addEventListener('change', this.onChange.bind(this));
+      this.updateDisabledState();
+      this.observeDisabledState();
+      this.$announcements = document.createElement('span');
+      this.$announcements.classList.add('govuk-file-upload-announcements');
+      this.$announcements.classList.add('govuk-visually-hidden');
+      this.$announcements.setAttribute('aria-live', 'assertive');
+      this.$root.insertAdjacentElement('afterend', this.$announcements);
+      this.$button.addEventListener('drop', this.onDrop.bind(this));
+      document.addEventListener('dragenter', this.updateDropzoneVisibility.bind(this));
+      document.addEventListener('dragenter', () => {
+        this.enteredAnotherElement = true;
+      });
+      document.addEventListener('dragleave', () => {
+        if (!this.enteredAnotherElement && !this.$button.disabled) {
+          this.hideDraggingState();
+          this.$announcements.innerText = this.i18n.t('leftDropZone');
+        }
+        this.enteredAnotherElement = false;
+      });
+    }
+    updateDropzoneVisibility(event) {
+      if (this.$button.disabled) return;
+      if (event.target instanceof Node) {
+        if (this.$root.contains(event.target)) {
+          if (event.dataTransfer && isContainingFiles(event.dataTransfer)) {
+            if (!this.$button.classList.contains('govuk-file-upload-button--dragging')) {
+              this.showDraggingState();
+              this.$announcements.innerText = this.i18n.t('enteredDropZone');
+            }
+          }
+        } else {
+          if (this.$button.classList.contains('govuk-file-upload-button--dragging')) {
+            this.hideDraggingState();
+            this.$announcements.innerText = this.i18n.t('leftDropZone');
+          }
+        }
+      }
+    }
+    showDraggingState() {
+      this.$button.classList.add('govuk-file-upload-button--dragging');
+    }
+    hideDraggingState() {
+      this.$button.classList.remove('govuk-file-upload-button--dragging');
+    }
+    onDrop(event) {
+      event.preventDefault();
+      if (event.dataTransfer && isContainingFiles(event.dataTransfer)) {
+        this.$input.files = event.dataTransfer.files;
+        this.$input.dispatchEvent(new CustomEvent('change'));
+        this.hideDraggingState();
+      }
+    }
+    onChange() {
+      const fileCount = this.$input.files.length;
+      if (fileCount === 0) {
+        this.$status.innerText = this.i18n.t('noFileChosen');
+        this.$button.classList.add('govuk-file-upload-button--empty');
+      } else {
+        if (fileCount === 1) {
+          this.$status.innerText = this.$input.files[0].name;
+        } else {
+          this.$status.innerText = this.i18n.t('multipleFilesChosen', {
+            count: fileCount
+          });
+        }
+        this.$button.classList.remove('govuk-file-upload-button--empty');
+      }
+    }
+    findLabel() {
+      const $label = document.querySelector(`label[for="${this.$input.id}"]`);
+      if (!$label) {
+        throw new ElementError({
+          component: FileUpload,
+          identifier: `Field label (\`<label for=${this.$input.id}>\`)`
+        });
+      }
+      return $label;
+    }
+    onClick() {
+      this.$input.click();
+    }
+    observeDisabledState() {
+      const observer = new MutationObserver(mutationList => {
+        for (const mutation of mutationList) {
+          if (mutation.type === 'attributes' && mutation.attributeName === 'disabled') {
+            this.updateDisabledState();
+          }
+        }
+      });
+      observer.observe(this.$input, {
+        attributes: true
+      });
+    }
+    updateDisabledState() {
+      this.$button.disabled = this.$input.disabled;
+      this.$root.classList.toggle('govuk-drop-zone--disabled', this.$button.disabled);
+    }
+  }
+  FileUpload.moduleName = 'govuk-file-upload';
+  FileUpload.defaults = Object.freeze({
+    i18n: {
+      chooseFilesButton: 'Choose file',
+      dropInstruction: 'or drop file',
+      noFileChosen: 'No file chosen',
+      multipleFilesChosen: {
+        one: '%{count} file chosen',
+        other: '%{count} files chosen'
+      },
+      enteredDropZone: 'Entered drop zone',
+      leftDropZone: 'Left drop zone'
+    }
+  });
+  FileUpload.schema = Object.freeze({
+    properties: {
+      i18n: {
+        type: 'object'
+      }
+    }
+  });
+  function isContainingFiles(dataTransfer) {
+    const hasNoTypesInfo = dataTransfer.types.length === 0;
+    const isDraggingFiles = dataTransfer.types.some(type => type === 'Files');
+    return hasNoTypesInfo || isDraggingFiles;
+  }
+
+  /**
+   * @typedef {HTMLInputElement & {files: FileList}} HTMLFileInputElement
+   */
+
+  /**
+   * File upload config
+   *
+   * @see {@link FileUpload.defaults}
+   * @typedef {object} FileUploadConfig
+   * @property {FileUploadTranslations} [i18n=FileUpload.defaults.i18n] - File upload translations
+   */
+
+  /**
+   * File upload translations
+   *
+   * @see {@link FileUpload.defaults.i18n}
+   * @typedef {object} FileUploadTranslations
+   *
+   * Messages used by the component
+   * @property {string} [chooseFile] - The text of the button that opens the file picker
+   * @property {string} [dropInstruction] - The text informing users they can drop files
+   * @property {TranslationPluralForms} [multipleFilesChosen] - The text displayed when multiple files
+   *   have been chosen by the user
+   * @property {string} [noFileChosen] - The text to displayed when no file has been chosen by the user
+   * @property {string} [enteredDropZone] - The text announced by assistive technology
+   *   when user drags files and enters the drop zone
+   * @property {string} [leftDropZone] - The text announced by assistive technology
+   *   when user drags files and leaves the drop zone without dropping
+   */
+
+  /**
+   * @import { Schema } from '../../common/configuration.mjs'
+   * @import { TranslationPluralForms } from '../../i18n.mjs'
+   */
+
+  exports.FileUpload = FileUpload;
+
+}));
+//# sourceMappingURL=file-upload.bundle.js.map
diff --git a/node_modules/govuk-frontend/dist/govuk/components/file-upload/file-upload.bundle.js.map b/node_modules/govuk-frontend/dist/govuk/components/file-upload/file-upload.bundle.js.map
new file mode 100644
index 0000000..84be4e1
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/file-upload/file-upload.bundle.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"file-upload.bundle.js","sources":["../../../../src/govuk/common/closest-attribute-value.mjs","../../../../src/govuk/common/index.mjs","../../../../src/govuk/errors/index.mjs","../../../../src/govuk/component.mjs","../../../../src/govuk/common/configuration.mjs","../../../../src/govuk/i18n.mjs","../../../../src/govuk/components/file-upload/file-upload.mjs"],"sourcesContent":["/**\n * Returns the value of the given attribute closest to the given element (including itself)\n *\n * @internal\n * @param {Element} $element - The element to start walking the DOM tree up\n * @param {string} attributeName - The name of the attribute\n * @returns {string | null} Attribute value\n */\nexport function closestAttributeValue($element, attributeName) {\n  const $closestElementWithAttribute = $element.closest(`[${attributeName}]`)\n  return $closestElementWithAttribute\n    ? $closestElementWithAttribute.getAttribute(attributeName)\n    : null\n}\n","/**\n * Common helpers which do not require polyfill.\n *\n * IMPORTANT: If a helper require a polyfill, please isolate it in its own module\n * so that the polyfill can be properly tree-shaken and does not burden\n * the components that do not need that helper\n */\n\n/**\n * Get GOV.UK Frontend breakpoint value from CSS custom property\n *\n * @private\n * @param {string} name - Breakpoint name\n * @returns {{ property: string, value?: string }} Breakpoint object\n */\nexport function getBreakpoint(name) {\n  const property = `--govuk-breakpoint-${name}`\n\n  // Get value from `<html>` with breakpoints on CSS :root\n  const value = window\n    .getComputedStyle(document.documentElement)\n    .getPropertyValue(property)\n\n  return {\n    property,\n    value: value || undefined\n  }\n}\n\n/**\n * Move focus to element\n *\n * Sets tabindex to -1 to make the element programmatically focusable,\n * but removes it on blur as the element doesn't need to be focused again.\n *\n * @private\n * @template {HTMLElement} FocusElement\n * @param {FocusElement} $element - HTML element\n * @param {object} [options] - Handler options\n * @param {function(this: FocusElement): void} [options.onBeforeFocus] - Callback before focus\n * @param {function(this: FocusElement): void} [options.onBlur] - Callback on blur\n */\nexport function setFocus($element, options = {}) {\n  const isFocusable = $element.getAttribute('tabindex')\n\n  if (!isFocusable) {\n    $element.setAttribute('tabindex', '-1')\n  }\n\n  /**\n   * Handle element focus\n   */\n  function onFocus() {\n    $element.addEventListener('blur', onBlur, { once: true })\n  }\n\n  /**\n   * Handle element blur\n   */\n  function onBlur() {\n    options.onBlur?.call($element)\n\n    if (!isFocusable) {\n      $element.removeAttribute('tabindex')\n    }\n  }\n\n  // Add listener to reset element on blur, after focus\n  $element.addEventListener('focus', onFocus, { once: true })\n\n  // Focus element\n  options.onBeforeFocus?.call($element)\n  $element.focus()\n}\n\n/**\n * Checks if component is already initialised\n *\n * @internal\n * @param {Element} $root - HTML element to be checked\n * @param {string} moduleName - name of component module\n * @returns {boolean} Whether component is already initialised\n */\nexport function isInitialised($root, moduleName) {\n  return (\n    $root instanceof HTMLElement &&\n    $root.hasAttribute(`data-${moduleName}-init`)\n  )\n}\n\n/**\n * Checks if GOV.UK Frontend is supported on this page\n *\n * Some browsers will load and run our JavaScript but GOV.UK Frontend\n * won't be supported.\n *\n * @param {HTMLElement | null} [$scope] - (internal) `<body>` HTML element checked for browser support\n * @returns {boolean} Whether GOV.UK Frontend is supported on this page\n */\nexport function isSupported($scope = document.body) {\n  if (!$scope) {\n    return false\n  }\n\n  return $scope.classList.contains('govuk-frontend-supported')\n}\n\n/**\n * Check for an array\n *\n * @internal\n * @param {unknown} option - Option to check\n * @returns {boolean} Whether the option is an array\n */\nfunction isArray(option) {\n  return Array.isArray(option)\n}\n\n/**\n * Check for an object\n *\n * @internal\n * @template {Partial<Record<keyof ObjectType, unknown>>} ObjectType\n * @param {unknown | ObjectType} option - Option to check\n * @returns {option is ObjectType} Whether the option is an object\n */\nexport function isObject(option) {\n  return !!option && typeof option === 'object' && !isArray(option)\n}\n\n/**\n * Check for valid scope\n *\n * @internal\n * @template {Element | Document} ScopeType\n * @param {unknown | ScopeType} $scope - Scope of the document to search within\n * @returns {$scope is ScopeType} Whether the scope can be queried\n */\nexport function isScope($scope) {\n  return !!$scope && ($scope instanceof Element || $scope instanceof Document)\n}\n\n/**\n * Format error message\n *\n * @internal\n * @param {ComponentWithModuleName} Component - Component that threw the error\n * @param {string} message - Error message\n * @returns {string} - Formatted error message\n */\nexport function formatErrorMessage(Component, message) {\n  return `${Component.moduleName}: ${message}`\n}\n\n/* eslint-disable jsdoc/valid-types --\n * `{new(...args: any[] ): object}` is not recognised as valid\n * https://github.com/gajus/eslint-plugin-jsdoc/issues/145#issuecomment-1308722878\n * https://github.com/jsdoc-type-pratt-parser/jsdoc-type-pratt-parser/issues/131\n **/\n\n/**\n * @typedef ComponentWithModuleName\n * @property {string} moduleName - Name of the component\n */\n\n/* eslint-enable jsdoc/valid-types */\n","import { formatErrorMessage, isObject } from '../common/index.mjs'\n\n/**\n * GOV.UK Frontend error\n *\n * A base class for `Error`s thrown by GOV.UK Frontend.\n *\n * It is meant to be extended into specific types of errors\n * to be thrown by our code.\n *\n * @example\n * ```js\n * class MissingRootError extends GOVUKFrontendError {\n *   // Setting an explicit name is important as extending the class will not\n *   // set a new `name` on the subclass. The `name` property is important\n *   // to ensure intelligible error names even if the class name gets\n *   // mangled by a minifier\n *   name = \"MissingRootError\"\n * }\n * ```\n * @virtual\n */\nexport class GOVUKFrontendError extends Error {\n  name = 'GOVUKFrontendError'\n}\n\n/**\n * Indicates that GOV.UK Frontend is not supported\n */\nexport class SupportError extends GOVUKFrontendError {\n  name = 'SupportError'\n\n  /**\n   * Checks if GOV.UK Frontend is supported on this page\n   *\n   * @param {HTMLElement | null} [$scope] - HTML element `<body>` checked for browser support\n   */\n  constructor($scope = document.body) {\n    const supportMessage =\n      'noModule' in HTMLScriptElement.prototype\n        ? 'GOV.UK Frontend initialised without `<body class=\"govuk-frontend-supported\">` from template `<script>` snippet'\n        : 'GOV.UK Frontend is not supported in this browser'\n\n    super(\n      $scope\n        ? supportMessage\n        : 'GOV.UK Frontend initialised without `<script type=\"module\">`'\n    )\n  }\n}\n\n/**\n * Indicates that a component has received an illegal configuration\n */\nexport class ConfigError extends GOVUKFrontendError {\n  name = 'ConfigError'\n}\n\n/**\n * Indicates an issue with an element (possibly `null` or `undefined`)\n */\nexport class ElementError extends GOVUKFrontendError {\n  name = 'ElementError'\n\n  /**\n   * @internal\n   * @overload\n   * @param {string} message - Element error message\n   */\n\n  /**\n   * @internal\n   * @overload\n   * @param {ElementErrorOptions} options - Element error options\n   */\n\n  /**\n   * @internal\n   * @param {string | ElementErrorOptions} messageOrOptions - Element error message or options\n   */\n  constructor(messageOrOptions) {\n    let message = typeof messageOrOptions === 'string' ? messageOrOptions : ''\n\n    // Build message from options\n    if (isObject(messageOrOptions)) {\n      const { component, identifier, element, expectedType } = messageOrOptions\n\n      message = identifier\n\n      // Append reason\n      message += element\n        ? ` is not of type ${expectedType ?? 'HTMLElement'}`\n        : ' not found'\n\n      // Prepend with module name (optional)\n      if (component) {\n        message = formatErrorMessage(component, message)\n      }\n    }\n\n    super(message)\n  }\n}\n\n/**\n * Indicates that a component is already initialised\n */\nexport class InitError extends GOVUKFrontendError {\n  name = 'InitError'\n\n  /**\n   * @internal\n   * @param {ComponentWithModuleName | string} componentOrMessage - name of the component module\n   */\n  constructor(componentOrMessage) {\n    const message =\n      typeof componentOrMessage === 'string'\n        ? componentOrMessage\n        : formatErrorMessage(\n            componentOrMessage,\n            `Root element (\\`$root\\`) already initialised`\n          )\n\n    super(message)\n  }\n}\n\n/**\n * Element error options\n *\n * @internal\n * @typedef {object} ElementErrorOptions\n * @property {Element | Document | null} [element] - The element in error (optional)\n * @property {ComponentWithModuleName} [component] - Component throwing the error (optional)\n * @property {string} identifier - An identifier that'll let the user understand which element has an error. This is whatever makes the most sense\n * @property {string} [expectedType] - The type that was expected for the identifier (optional)\n */\n\n/**\n * @import { ComponentWithModuleName } from '../common/index.mjs'\n */\n","import { isInitialised, isSupported } from './common/index.mjs'\nimport { ElementError, InitError, SupportError } from './errors/index.mjs'\n\n/**\n * Base Component class\n *\n * Centralises the behaviours shared by our components\n *\n * @virtual\n * @template {Element} [RootElementType=HTMLElement]\n */\nexport class Component {\n  /**\n   * @type {typeof Element}\n   */\n  static elementType = HTMLElement\n\n  // allows Typescript user to work around the lack of types\n  // in GOVUKFrontend package, Typescript is not aware of $root\n  // in components that extend GOVUKFrontendComponent\n  /**\n   * Returns the root element of the component\n   *\n   * @protected\n   * @returns {RootElementType} - the root element of component\n   */\n  get $root() {\n    return this._$root\n  }\n\n  /**\n   * @protected\n   * @type {RootElementType}\n   */\n  _$root\n\n  /**\n   * Constructs a new component, validating that GOV.UK Frontend is supported\n   *\n   * @internal\n   * @param {Element | null} [$root] - HTML element to use for component\n   */\n  constructor($root) {\n    const childConstructor = /** @type {ChildClassConstructor} */ (\n      this.constructor\n    )\n\n    // TypeScript does not enforce that inheriting classes will define a `moduleName`\n    // (even if we add a `@virtual` `static moduleName` property to this class).\n    // While we trust users to do this correctly, we do a little check to provide them\n    // a helpful error message.\n    //\n    // After this, we'll be sure that `childConstructor` has a `moduleName`\n    // as expected of the `ChildClassConstructor` we've cast `this.constructor` to.\n    if (typeof childConstructor.moduleName !== 'string') {\n      throw new InitError(`\\`moduleName\\` not defined in component`)\n    }\n\n    if (!($root instanceof childConstructor.elementType)) {\n      throw new ElementError({\n        element: $root,\n        component: childConstructor,\n        identifier: 'Root element (`$root`)',\n        expectedType: childConstructor.elementType.name\n      })\n    } else {\n      this._$root = /** @type {RootElementType} */ ($root)\n    }\n\n    childConstructor.checkSupport()\n\n    this.checkInitialised()\n\n    const moduleName = childConstructor.moduleName\n\n    this.$root.setAttribute(`data-${moduleName}-init`, '')\n  }\n\n  /**\n   * Validates whether component is already initialised\n   *\n   * @private\n   * @throws {InitError} when component is already initialised\n   */\n  checkInitialised() {\n    const constructor = /** @type {ChildClassConstructor} */ (this.constructor)\n    const moduleName = constructor.moduleName\n\n    if (moduleName && isInitialised(this.$root, moduleName)) {\n      throw new InitError(constructor)\n    }\n  }\n\n  /**\n   * Validates whether components are supported\n   *\n   * @throws {SupportError} when the components are not supported\n   */\n  static checkSupport() {\n    if (!isSupported()) {\n      throw new SupportError()\n    }\n  }\n}\n\n/**\n * @typedef ChildClass\n * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component\n */\n\n/**\n * @typedef {typeof Component & ChildClass} ChildClassConstructor\n */\n","import { Component } from '../component.mjs'\nimport { ConfigError } from '../errors/index.mjs'\n\nimport { isObject, isScope, formatErrorMessage } from './index.mjs'\n\nexport const configOverride = Symbol.for('configOverride')\n\n/**\n * Base Component class\n *\n * Centralises the behaviours shared by our components\n *\n * @virtual\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]\n * @template {Element & { dataset: DOMStringMap }} [RootElementType=HTMLElement]\n * @augments Component<RootElementType>\n */\nexport class ConfigurableComponent extends Component {\n  /**\n   * configOverride\n   *\n   * Function which defines configuration overrides to prioritize\n   * properties from the root element's dataset.\n   *\n   * It should take a subset of configuration as input and return\n   * a new configuration object with properties that should be\n   * overridden based on the root element's dataset. A Symbol\n   * is used for indexing to prevent conflicts.\n   *\n   * @internal\n   * @virtual\n   * @param {Partial<ConfigurationType>} [param] - Configuration object\n   * @returns {Partial<ConfigurationType>} return - Configuration object\n   */\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  [configOverride](param) {\n    return {}\n  }\n\n  /**\n   * Returns the root element of the component\n   *\n   * @protected\n   * @returns {ConfigurationType} - the root element of component\n   */\n  get config() {\n    return this._config\n  }\n\n  /**\n   *\n   * @type {ConfigurationType}\n   */\n  _config\n\n  /**\n   * Constructs a new component, validating that GOV.UK Frontend is supported\n   *\n   * @internal\n   * @param {Element | null} [$root] - HTML element to use for component\n   * @param {ConfigurationType} [config] - HTML element to use for component\n   */\n  constructor($root, config) {\n    super($root)\n\n    const childConstructor =\n      /** @type {ChildClassConstructor<ConfigurationType>} */ (this.constructor)\n\n    if (!isObject(childConstructor.defaults)) {\n      throw new ConfigError(\n        formatErrorMessage(\n          childConstructor,\n          'Config passed as parameter into constructor but no defaults defined'\n        )\n      )\n    }\n\n    const datasetConfig = /** @type {ConfigurationType} */ (\n      normaliseDataset(childConstructor, this._$root.dataset)\n    )\n\n    this._config = /** @type {ConfigurationType} */ (\n      mergeConfigs(\n        childConstructor.defaults,\n        config ?? {},\n        this[configOverride](datasetConfig),\n        datasetConfig\n      )\n    )\n  }\n}\n\n/**\n * Normalise string\n *\n * 'If it looks like a duck, and it quacks like a duck…' 🦆\n *\n * If the passed value looks like a boolean or a number, convert it to a boolean\n * or number.\n *\n * Designed to be used to convert config passed via data attributes (which are\n * always strings) into something sensible.\n *\n * @internal\n * @param {DOMStringMap[string]} value - The value to normalise\n * @param {SchemaProperty} [property] - Component schema property\n * @returns {string | boolean | number | undefined} Normalised data\n */\nexport function normaliseString(value, property) {\n  const trimmedValue = value ? value.trim() : ''\n\n  let output\n  let outputType = property?.type\n\n  // No schema type set? Determine automatically\n  if (!outputType) {\n    if (['true', 'false'].includes(trimmedValue)) {\n      outputType = 'boolean'\n    }\n\n    // Empty / whitespace-only strings are considered finite so we need to check\n    // the length of the trimmed string as well\n    if (trimmedValue.length > 0 && isFinite(Number(trimmedValue))) {\n      outputType = 'number'\n    }\n  }\n\n  switch (outputType) {\n    case 'boolean':\n      output = trimmedValue === 'true'\n      break\n\n    case 'number':\n      output = Number(trimmedValue)\n      break\n\n    default:\n      output = value\n  }\n\n  return output\n}\n\n/**\n * Normalise dataset\n *\n * Loop over an object and normalise each value using {@link normaliseString},\n * optionally expanding nested `i18n.field`\n *\n * @internal\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @template {[keyof ConfigurationType, SchemaProperty | undefined][]} SchemaEntryType\n * @param {{ schema?: Schema<ConfigurationType>, moduleName: string }} Component - Component class\n * @param {DOMStringMap} dataset - HTML element dataset\n * @returns {ObjectNested} Normalised dataset\n */\nexport function normaliseDataset(Component, dataset) {\n  if (!isObject(Component.schema)) {\n    throw new ConfigError(\n      formatErrorMessage(\n        Component,\n        'Config passed as parameter into constructor but no schema defined'\n      )\n    )\n  }\n\n  const out = /** @type {ObjectNested} */ ({})\n  const entries = /** @type {SchemaEntryType} */ (\n    Object.entries(Component.schema.properties)\n  )\n\n  // Normalise top-level dataset ('data-*') values using schema types\n  for (const entry of entries) {\n    const [namespace, property] = entry\n\n    // Cast the `namespace` to string so it can be used to access the dataset\n    const field = namespace.toString()\n\n    if (field in dataset) {\n      out[field] = normaliseString(dataset[field], property)\n    }\n\n    /**\n     * Extract and normalise nested object values automatically using\n     * {@link normaliseString} but only schema object types are allowed\n     */\n    if (property?.type === 'object') {\n      out[field] = extractConfigByNamespace(\n        Component.schema,\n        dataset,\n        namespace\n      )\n    }\n  }\n\n  return out\n}\n\n/**\n * Normalise options passed to `initAll` or `createAll`\n *\n * @internal\n * @template {CompatibleClass} ComponentClass\n * @param {Config | CreateAllOptions<ComponentClass> | OnErrorCallback<ComponentClass> | Element | Document | null} [scopeOrOptions] - Scope of the document to search within, initialisation options or error callback function\n * @returns {CreateAllOptions<ComponentClass>} Normalised options\n */\nexport function normaliseOptions(scopeOrOptions) {\n  let /** @type {Element | Document | null} */ $scope = document\n  let /** @type {OnErrorCallback<ComponentClass> | undefined} */ onError\n\n  // Handle options object\n  if (isObject(scopeOrOptions)) {\n    const options = scopeOrOptions\n\n    // Scope must be valid or null\n    if (isScope(options.scope) || options.scope === null) {\n      $scope = options.scope\n    }\n\n    // Error handler must be a function\n    if (typeof options.onError === 'function') {\n      onError = options.onError\n    }\n  }\n\n  if (isScope(scopeOrOptions)) {\n    $scope = scopeOrOptions\n  } else if (scopeOrOptions === null) {\n    $scope = null\n  } else if (typeof scopeOrOptions === 'function') {\n    onError = scopeOrOptions\n  }\n\n  return {\n    scope: $scope,\n    onError\n  }\n}\n\n/**\n * Config merging function\n *\n * Takes any number of objects and combines them together, with\n * greatest priority on the LAST item passed in.\n *\n * @internal\n * @param {...{ [key: string]: unknown }} configObjects - Config objects to merge\n * @returns {{ [key: string]: unknown }} A merged config object\n */\nexport function mergeConfigs(...configObjects) {\n  // Start with an empty object as our base\n  /** @type {{ [key: string]: unknown }} */\n  const formattedConfigObject = {}\n\n  // Loop through each of the passed objects\n  for (const configObject of configObjects) {\n    for (const key of Object.keys(configObject)) {\n      const option = formattedConfigObject[key]\n      const override = configObject[key]\n\n      // Push their keys one-by-one into formattedConfigObject. Any duplicate\n      // keys with object values will be merged, otherwise the new value will\n      // override the existing value.\n      if (isObject(option) && isObject(override)) {\n        formattedConfigObject[key] = mergeConfigs(option, override)\n      } else {\n        // Apply override\n        formattedConfigObject[key] = override\n      }\n    }\n  }\n\n  return formattedConfigObject\n}\n\n/**\n * Validate component config by schema\n *\n * Follows limited examples in JSON schema for wider support in future\n *\n * {@link https://ajv.js.org/json-schema.html#compound-keywords}\n * {@link https://ajv.js.org/packages/ajv-errors.html#single-message}\n *\n * @internal\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @param {Schema<ConfigurationType>} schema - The schema of a component\n * @param {ConfigurationType} config - Component config\n * @returns {string[]} List of validation errors\n */\nexport function validateConfig(schema, config) {\n  const validationErrors = []\n\n  // Check errors for each schema\n  for (const [name, conditions] of Object.entries(schema)) {\n    const errors = []\n\n    // Check errors for each schema condition\n    if (Array.isArray(conditions)) {\n      for (const { required, errorMessage } of conditions) {\n        if (!required.every((key) => !!config[key])) {\n          errors.push(errorMessage) // Missing config key value\n        }\n      }\n\n      // Check one condition passes or add errors\n      if (name === 'anyOf' && !(conditions.length - errors.length >= 1)) {\n        validationErrors.push(...errors)\n      }\n    }\n  }\n\n  return validationErrors\n}\n\n/**\n * Extracts keys starting with a particular namespace from dataset ('data-*')\n * object, removing the namespace in the process, normalising all values\n *\n * @internal\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @param {Schema<ConfigurationType>} schema - The schema of a component\n * @param {DOMStringMap} dataset - The object to extract key-value pairs from\n * @param {keyof ConfigurationType} namespace - The namespace to filter keys with\n * @returns {ObjectNested | undefined} Nested object with dot-separated key namespace removed\n */\nexport function extractConfigByNamespace(schema, dataset, namespace) {\n  const property = schema.properties[namespace]\n\n  // Only extract configs for object schema properties\n  if (property?.type !== 'object') {\n    return\n  }\n\n  // Add default empty config\n  const newObject = /** @type {Record<typeof namespace, ObjectNested>} */ ({\n    [namespace]: {}\n  })\n\n  for (const [key, value] of Object.entries(dataset)) {\n    /** @type {ObjectNested | ObjectNested[NestedKey]} */\n    let current = newObject\n\n    // Split the key into parts, using . as our namespace separator\n    const keyParts = key.split('.')\n\n    /**\n     * Create new level per part\n     *\n     * e.g. 'i18n.textareaDescription.other' becomes\n     * `{ i18n: { textareaDescription: { other } } }`\n     */\n    for (const [index, name] of keyParts.entries()) {\n      if (isObject(current)) {\n        // Drop down to nested object until the last part\n        if (index < keyParts.length - 1) {\n          // New nested object (optionally) replaces existing value\n          if (!isObject(current[name])) {\n            current[name] = {}\n          }\n\n          // Drop down into new or existing nested object\n          current = current[name]\n        } else if (key !== namespace) {\n          // Normalised value (optionally) replaces existing value\n          current[name] = normaliseString(value)\n        }\n      }\n    }\n  }\n\n  return newObject[namespace]\n}\n\n/**\n * @internal\n * @typedef {keyof ObjectNested} NestedKey\n * @typedef {{ [key: string]: string | boolean | number | ObjectNested | undefined }} ObjectNested\n */\n\n/**\n * Schema for component config\n *\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @typedef {object} Schema\n * @property {Record<keyof ConfigurationType, SchemaProperty | undefined>} properties - Schema properties\n * @property {SchemaCondition<ConfigurationType>[]} [anyOf] - List of schema conditions\n */\n\n/**\n * Schema property for component config\n *\n * @typedef {object} SchemaProperty\n * @property {'string' | 'boolean' | 'number' | 'object'} type - Property type\n */\n\n/**\n * Schema condition for component config\n *\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @typedef {object} SchemaCondition\n * @property {(keyof ConfigurationType)[]} required - List of required config fields\n * @property {string} errorMessage - Error message when required config fields not provided\n */\n\n/**\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]\n * @typedef ChildClass\n * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component\n * @property {Schema<ConfigurationType>} [schema] - The schema of the component configuration\n * @property {ConfigurationType} [defaults] - The default values of the configuration of the component\n */\n\n/**\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]\n * @typedef {typeof Component & ChildClass<ConfigurationType>} ChildClassConstructor<ConfigurationType>\n */\n\n/**\n * @import { CompatibleClass, Config, CreateAllOptions, OnErrorCallback } from '../init.mjs'\n */\n","import { isObject } from './common/index.mjs'\n\n/**\n * Internal support for selecting messages to render, with placeholder\n * interpolation and locale-aware number formatting and pluralisation\n *\n * @internal\n */\nexport class I18n {\n  translations\n  locale\n\n  /**\n   * @internal\n   * @param {{ [key: string]: string | TranslationPluralForms }} translations - Key-value pairs of the translation strings to use.\n   * @param {object} [config] - Configuration options for the function.\n   * @param {string | null} [config.locale] - An overriding locale for the PluralRules functionality.\n   */\n  constructor(translations = {}, config = {}) {\n    // Make list of translations available throughout function\n    this.translations = translations\n\n    // The locale to use for PluralRules and NumberFormat\n    this.locale = config.locale ?? (document.documentElement.lang || 'en')\n  }\n\n  /**\n   * The most used function - takes the key for a given piece of UI text and\n   * returns the appropriate string.\n   *\n   * @internal\n   * @param {string} lookupKey - The lookup key of the string to use.\n   * @param {{ [key: string]: unknown }} [options] - Any options passed with the translation string, e.g: for string interpolation.\n   * @returns {string} The appropriate translation string.\n   * @throws {Error} Lookup key required\n   * @throws {Error} Options required for `${}` placeholders\n   */\n  t(lookupKey, options) {\n    if (!lookupKey) {\n      // Print a console error if no lookup key has been provided\n      throw new Error('i18n: lookup key missing')\n    }\n\n    // Fetch the translation for that lookup key\n    let translation = this.translations[lookupKey]\n\n    // If the `count` option is set, determine which plural suffix is needed and\n    // change the lookupKey to match. We check to see if it's numeric instead of\n    // falsy, as this could legitimately be 0.\n    if (typeof options?.count === 'number' && isObject(translation)) {\n      const translationPluralForm =\n        translation[this.getPluralSuffix(lookupKey, options.count)]\n\n      // Update translation with plural suffix\n      if (translationPluralForm) {\n        translation = translationPluralForm\n      }\n    }\n\n    if (typeof translation === 'string') {\n      // Check for ${} placeholders in the translation string\n      // eslint-disable-next-line @typescript-eslint/prefer-regexp-exec\n      if (translation.match(/%{(.\\S+)}/)) {\n        if (!options) {\n          throw new Error(\n            'i18n: cannot replace placeholders in string if no option data provided'\n          )\n        }\n\n        return this.replacePlaceholders(translation, options)\n      }\n\n      return translation\n    }\n\n    // If the key wasn't found in our translations object,\n    // return the lookup key itself as the fallback\n    return lookupKey\n  }\n\n  /**\n   * Takes a translation string with placeholders, and replaces the placeholders\n   * with the provided data\n   *\n   * @internal\n   * @param {string} translationString - The translation string\n   * @param {{ [key: string]: unknown }} options - Any options passed with the translation string, e.g: for string interpolation.\n   * @returns {string} The translation string to output, with $\\{\\} placeholders replaced\n   */\n  replacePlaceholders(translationString, options) {\n    const formatter = Intl.NumberFormat.supportedLocalesOf(this.locale).length\n      ? new Intl.NumberFormat(this.locale)\n      : undefined\n\n    return translationString.replace(\n      /%{(.\\S+)}/g,\n\n      /**\n       * Replace translation string placeholders\n       *\n       * @internal\n       * @param {string} placeholderWithBraces - Placeholder with braces\n       * @param {string} placeholderKey - Placeholder key\n       * @returns {string} Placeholder value\n       */\n      function (placeholderWithBraces, placeholderKey) {\n        if (Object.prototype.hasOwnProperty.call(options, placeholderKey)) {\n          const placeholderValue = options[placeholderKey]\n\n          // If a user has passed `false` as the value for the placeholder\n          // treat it as though the value should not be displayed\n          if (\n            placeholderValue === false ||\n            (typeof placeholderValue !== 'number' &&\n              typeof placeholderValue !== 'string')\n          ) {\n            return ''\n          }\n\n          // If the placeholder's value is a number, localise the number formatting\n          if (typeof placeholderValue === 'number') {\n            return formatter\n              ? formatter.format(placeholderValue)\n              : `${placeholderValue}`\n          }\n\n          return placeholderValue\n        }\n\n        throw new Error(\n          `i18n: no data found to replace ${placeholderWithBraces} placeholder in string`\n        )\n      }\n    )\n  }\n\n  /**\n   * Check to see if the browser supports Intl.PluralRules\n   *\n   * It requires all conditions to be met in order to be supported:\n   * - The implementation of Intl supports PluralRules (NOT true in Safari 10–12)\n   * - The browser/OS has plural rules for the current locale (browser dependent)\n   *\n   * {@link https://browsersl.ist/#q=supports+es6-module+and+not+supports+intl-pluralrules}\n   *\n   * @internal\n   * @returns {boolean} Returns true if all conditions are met. Returns false otherwise.\n   */\n  hasIntlPluralRulesSupport() {\n    return Boolean(\n      'PluralRules' in window.Intl &&\n        Intl.PluralRules.supportedLocalesOf(this.locale).length\n    )\n  }\n\n  /**\n   * Get the appropriate suffix for the plural form.\n   *\n   * Uses Intl.PluralRules (or our own fallback implementation) to get the\n   * 'preferred' form to use for the given count.\n   *\n   * Checks that a translation has been provided for that plural form – if it\n   * hasn't, it'll fall back to the 'other' plural form (unless that doesn't exist\n   * either, in which case an error will be thrown)\n   *\n   * @internal\n   * @param {string} lookupKey - The lookup key of the string to use.\n   * @param {number} count - Number used to determine which pluralisation to use.\n   * @returns {PluralRule} The suffix associated with the correct pluralisation for this locale.\n   * @throws {Error} Plural form `.other` required when preferred plural form is missing\n   */\n  getPluralSuffix(lookupKey, count) {\n    // Validate that the number is actually a number.\n    //\n    // Number(count) will turn anything that can't be converted to a Number type\n    // into 'NaN'. isFinite filters out NaN, as it isn't a finite number.\n    // eslint-disable-next-line @typescript-eslint/no-unnecessary-type-conversion\n    count = Number(count)\n    if (!isFinite(count)) {\n      return 'other'\n    }\n\n    // Fetch the translation for that lookup key\n    const translation = this.translations[lookupKey]\n\n    // Check to verify that all the requirements for Intl.PluralRules are met.\n    // If so, we can use that instead of our custom implementation. Otherwise,\n    // use the hardcoded fallback.\n    const preferredForm = this.hasIntlPluralRulesSupport()\n      ? new Intl.PluralRules(this.locale).select(count)\n      : 'other'\n\n    // Use the correct plural form if provided\n    if (isObject(translation)) {\n      if (preferredForm in translation) {\n        return preferredForm\n        // Fall back to `other` if the plural form is missing, but log a warning\n        // to the console\n      } else if ('other' in translation) {\n        console.warn(\n          `i18n: Missing plural form \".${preferredForm}\" for \"${this.locale}\" locale. Falling back to \".other\".`\n        )\n\n        return 'other'\n      }\n    }\n\n    // If the required `other` plural form is missing, all we can do is error\n    throw new Error(\n      `i18n: Plural form \".other\" is required for \"${this.locale}\" locale`\n    )\n  }\n}\n\n/**\n * Plural rule category mnemonic tags\n *\n * @internal\n * @typedef {'zero' | 'one' | 'two' | 'few' | 'many' | 'other'} PluralRule\n */\n\n/**\n * Translated message by plural rule they correspond to.\n *\n * Allows to group pluralised messages under a single key when passing\n * translations to a component's constructor\n *\n * @internal\n * @typedef {object} TranslationPluralForms\n * @property {string} [other] - General plural form\n * @property {string} [zero] - Plural form used with 0\n * @property {string} [one] - Plural form used with 1\n * @property {string} [two] - Plural form used with 2\n * @property {string} [few] - Plural form used for a few\n * @property {string} [many] - Plural form used for many\n */\n","import { closestAttributeValue } from '../../common/closest-attribute-value.mjs'\nimport { ConfigurableComponent } from '../../common/configuration.mjs'\nimport { formatErrorMessage } from '../../common/index.mjs'\nimport { ElementError } from '../../errors/index.mjs'\nimport { I18n } from '../../i18n.mjs'\n\n/**\n * File upload component\n *\n * @preserve\n * @augments ConfigurableComponent<FileUploadConfig>\n */\nexport class FileUpload extends ConfigurableComponent {\n  /**\n   * @private\n   * @type {HTMLFileInputElement}\n   */\n  $input\n\n  /**\n   * @private\n   */\n  $button\n\n  /**\n   * @private\n   */\n  $status\n\n  /** @private */\n  i18n\n\n  /** @private */\n  id\n\n  /** @private */\n  $announcements\n\n  /**\n   * @private\n   * @type {boolean | undefined}\n   */\n  enteredAnotherElement\n\n  /**\n   * @param {Element | null} $root - File input element\n   * @param {FileUploadConfig} [config] - File Upload config\n   */\n  constructor($root, config = {}) {\n    super($root, config)\n\n    const $input = this.$root.querySelector('input')\n\n    if ($input === null) {\n      throw new ElementError({\n        component: FileUpload,\n        identifier: 'File inputs (`<input type=\"file\">`)'\n      })\n    }\n\n    if ($input.type !== 'file') {\n      throw new ElementError(\n        formatErrorMessage(\n          FileUpload,\n          'File input (`<input type=\"file\">`) attribute (`type`) is not `file`'\n        )\n      )\n    }\n\n    this.$input = /** @type {HTMLFileInputElement} */ ($input)\n\n    if (!this.$input.id) {\n      throw new ElementError({\n        component: FileUpload,\n        identifier: 'File input (`<input type=\"file\">`) attribute (`id`)'\n      })\n    }\n\n    this.id = this.$input.id\n\n    this.i18n = new I18n(this.config.i18n, {\n      // Read the fallback if necessary rather than have it set in the defaults\n      locale: closestAttributeValue(this.$root, 'lang')\n    })\n\n    const $label = this.findLabel()\n    // Add an ID to the label if it doesn't have one already\n    // so it can be referenced by `aria-labelledby`\n    if (!$label.id) {\n      $label.id = `${this.id}-label`\n    }\n\n    // we need to copy the 'id' of the root element\n    // to the new button replacement element\n    // so that focus will work in the error summary\n    this.$input.id = `${this.id}-input`\n\n    // Hide the native input\n    this.$input.setAttribute('hidden', 'true')\n\n    // Create the file selection button\n    const $button = document.createElement('button')\n    $button.classList.add('govuk-file-upload-button')\n    $button.type = 'button'\n    $button.id = this.id\n    $button.classList.add('govuk-file-upload-button--empty')\n\n    // Copy `aria-describedby` if present so hints and errors\n    // are associated to the `<button>`\n    const ariaDescribedBy = this.$input.getAttribute('aria-describedby')\n    if (ariaDescribedBy) {\n      $button.setAttribute('aria-describedby', ariaDescribedBy)\n    }\n\n    // Create status element that shows what/how many files are selected\n    const $status = document.createElement('span')\n    $status.className = 'govuk-body govuk-file-upload-button__status'\n    $status.setAttribute('aria-live', 'polite')\n    $status.innerText = this.i18n.t('noFileChosen')\n\n    $button.appendChild($status)\n\n    const commaSpan = document.createElement('span')\n    commaSpan.className = 'govuk-visually-hidden'\n    commaSpan.innerText = ', '\n    commaSpan.id = `${this.id}-comma`\n\n    $button.appendChild(commaSpan)\n\n    const containerSpan = document.createElement('span')\n    containerSpan.className =\n      'govuk-file-upload-button__pseudo-button-container'\n\n    const buttonSpan = document.createElement('span')\n    buttonSpan.className =\n      'govuk-button govuk-button--secondary govuk-file-upload-button__pseudo-button'\n    buttonSpan.innerText = this.i18n.t('chooseFilesButton')\n\n    containerSpan.appendChild(buttonSpan)\n\n    // Add a space so the button and instruction read correctly\n    // when CSS is disabled\n    containerSpan.insertAdjacentText('beforeend', ' ')\n\n    const instructionSpan = document.createElement('span')\n    instructionSpan.className =\n      'govuk-body govuk-file-upload-button__instruction'\n    instructionSpan.innerText = this.i18n.t('dropInstruction')\n\n    containerSpan.appendChild(instructionSpan)\n\n    $button.appendChild(containerSpan)\n    $button.setAttribute(\n      'aria-labelledby',\n      `${$label.id} ${commaSpan.id} ${$button.id}`\n    )\n    $button.addEventListener('click', this.onClick.bind(this))\n    $button.addEventListener('dragover', (event) => {\n      // prevent default to allow drop\n      event.preventDefault()\n    })\n\n    // Assemble these all together\n    this.$root.insertAdjacentElement('afterbegin', $button)\n\n    this.$input.setAttribute('tabindex', '-1')\n    this.$input.setAttribute('aria-hidden', 'true')\n\n    // Make all these new variables available to the module\n    this.$button = $button\n    this.$status = $status\n\n    // Bind change event to the underlying input\n    this.$input.addEventListener('change', this.onChange.bind(this))\n\n    // Synchronise the `disabled` state between the button and underlying input\n    this.updateDisabledState()\n    this.observeDisabledState()\n\n    // Handle drop zone visibility\n    // A live region to announce when users enter or leave the drop zone\n    this.$announcements = document.createElement('span')\n    this.$announcements.classList.add('govuk-file-upload-announcements')\n    this.$announcements.classList.add('govuk-visually-hidden')\n    this.$announcements.setAttribute('aria-live', 'assertive')\n    this.$root.insertAdjacentElement('afterend', this.$announcements)\n\n    // if there is no CSS and input is hidden\n    // button will need to handle drop event\n    this.$button.addEventListener('drop', this.onDrop.bind(this))\n\n    // While user is dragging, it gets a little more complex because of Safari.\n    // Safari doesn't fill `relatedTarget` on `dragleave` (nor `dragenter`).\n    // This means we can't use `relatedTarget` to:\n    // - check if the user is still within the wrapper\n    //   (`relatedTarget` being a descendant of the wrapper)\n    // - check if the user is still over the viewport\n    //   (`relatedTarget` being null if outside)\n\n    // Thanks to `dragenter` bubbling, we can listen on the `document` with a\n    // single function and update the visibility based on whether we entered a\n    // node inside or outside the wrapper.\n    document.addEventListener(\n      'dragenter',\n      this.updateDropzoneVisibility.bind(this)\n    )\n\n    // To detect if we're outside the document, we can track if there was a\n    // `dragenter` event preceding a `dragleave`. If there wasn't, this means\n    // we're outside the document.\n    //\n    // The order of events is guaranteed by the HTML specs:\n    // https://html.spec.whatwg.org/multipage/dnd.html#drag-and-drop-processing-model\n    document.addEventListener('dragenter', () => {\n      this.enteredAnotherElement = true\n    })\n\n    document.addEventListener('dragleave', () => {\n      if (!this.enteredAnotherElement && !this.$button.disabled) {\n        this.hideDraggingState()\n        this.$announcements.innerText = this.i18n.t('leftDropZone')\n      }\n\n      this.enteredAnotherElement = false\n    })\n  }\n\n  /**\n   * Updates the visibility of the dropzone as users enters the various elements on the page\n   *\n   * @private\n   * @param {DragEvent} event - The `dragenter` event\n   */\n  updateDropzoneVisibility(event) {\n    if (this.$button.disabled) return\n\n    // DOM interfaces only type `event.target` as `EventTarget`\n    // so we first need to make sure it's a `Node`\n    if (event.target instanceof Node) {\n      if (this.$root.contains(event.target)) {\n        if (event.dataTransfer && isContainingFiles(event.dataTransfer)) {\n          // Only update the class and make the announcement if not already visible\n          // to avoid repeated announcements on NVDA (2024.4) + Firefox (133)\n          if (\n            !this.$button.classList.contains(\n              'govuk-file-upload-button--dragging'\n            )\n          ) {\n            this.showDraggingState()\n            this.$announcements.innerText = this.i18n.t('enteredDropZone')\n          }\n        }\n      } else {\n        // Only hide the dropzone if it is visible to prevent announcing user\n        // left the drop zone when they enter the page but haven't reached yet\n        // the file upload component\n        if (\n          this.$button.classList.contains('govuk-file-upload-button--dragging')\n        ) {\n          this.hideDraggingState()\n          this.$announcements.innerText = this.i18n.t('leftDropZone')\n        }\n      }\n    }\n  }\n\n  /**\n   * Show the drop zone visually\n   *\n   * @private\n   */\n  showDraggingState() {\n    this.$button.classList.add('govuk-file-upload-button--dragging')\n  }\n\n  /**\n   * Hides the drop zone visually\n   *\n   * @private\n   */\n  hideDraggingState() {\n    this.$button.classList.remove('govuk-file-upload-button--dragging')\n  }\n\n  /**\n   * Handles user dropping on the component\n   *\n   * @private\n   * @param {DragEvent} event - The `dragenter` event\n   */\n  onDrop(event) {\n    event.preventDefault()\n\n    if (event.dataTransfer && isContainingFiles(event.dataTransfer)) {\n      this.$input.files = event.dataTransfer.files\n\n      // Dispatch a `change` event so external code that would rely on the `<input>`\n      // dispatching an event when files are dropped still work.\n      // Use a `CustomEvent` so our events are distinguishable from browser's native events\n      this.$input.dispatchEvent(new CustomEvent('change'))\n\n      this.hideDraggingState()\n    }\n  }\n\n  /**\n   * Check if the value of the underlying input has changed\n   *\n   * @private\n   */\n  onChange() {\n    const fileCount = this.$input.files.length\n\n    if (fileCount === 0) {\n      // If there are no files, show the default selection text\n      this.$status.innerText = this.i18n.t('noFileChosen')\n      this.$button.classList.add('govuk-file-upload-button--empty')\n    } else {\n      if (\n        // If there is 1 file, just show the file name\n        fileCount === 1\n      ) {\n        this.$status.innerText = this.$input.files[0].name\n      } else {\n        // Otherwise, tell the user how many files are selected\n        this.$status.innerText = this.i18n.t('multipleFilesChosen', {\n          count: fileCount\n        })\n      }\n\n      this.$button.classList.remove('govuk-file-upload-button--empty')\n    }\n  }\n\n  /**\n   * Looks up the `<label>` element associated to the field\n   *\n   * @private\n   * @returns {HTMLElement} The `<label>` element associated to the field\n   * @throws {ElementError} If the `<label>` cannot be found\n   */\n  findLabel() {\n    // Use `label` in the selector so TypeScript knows the type fo `HTMLElement`\n    const $label = document.querySelector(`label[for=\"${this.$input.id}\"]`)\n\n    if (!$label) {\n      throw new ElementError({\n        component: FileUpload,\n        identifier: `Field label (\\`<label for=${this.$input.id}>\\`)`\n      })\n    }\n\n    return $label\n  }\n\n  /**\n   * When the button is clicked, emulate clicking the actual, hidden file input\n   *\n   * @private\n   */\n  onClick() {\n    this.$input.click()\n  }\n\n  /**\n   * Create a mutation observer to check if the input's attributes altered.\n   *\n   * @private\n   */\n  observeDisabledState() {\n    const observer = new MutationObserver((mutationList) => {\n      for (const mutation of mutationList) {\n        if (\n          mutation.type === 'attributes' &&\n          mutation.attributeName === 'disabled'\n        ) {\n          this.updateDisabledState()\n        }\n      }\n    })\n\n    observer.observe(this.$input, {\n      attributes: true\n    })\n  }\n\n  /**\n   * Synchronise the `disabled` state between the input and replacement button.\n   *\n   * @private\n   */\n  updateDisabledState() {\n    this.$button.disabled = this.$input.disabled\n\n    this.$root.classList.toggle(\n      'govuk-drop-zone--disabled',\n      this.$button.disabled\n    )\n  }\n\n  /**\n   * Name for the component used when initialising using data-module attributes.\n   */\n  static moduleName = 'govuk-file-upload'\n\n  /**\n   * File upload default config\n   *\n   * @see {@link FileUploadConfig}\n   * @constant\n   * @type {FileUploadConfig}\n   */\n  static defaults = Object.freeze({\n    i18n: {\n      chooseFilesButton: 'Choose file',\n      dropInstruction: 'or drop file',\n      noFileChosen: 'No file chosen',\n      multipleFilesChosen: {\n        // the 'one' string isn't used as the component displays the filename\n        // instead, however it's here for coverage's sake\n        one: '%{count} file chosen',\n        other: '%{count} files chosen'\n      },\n      enteredDropZone: 'Entered drop zone',\n      leftDropZone: 'Left drop zone'\n    }\n  })\n\n  /**\n   * File upload config schema\n   *\n   * @constant\n   * @satisfies {Schema<FileUploadConfig>}\n   */\n  static schema = Object.freeze({\n    properties: {\n      i18n: { type: 'object' }\n    }\n  })\n}\n\n/**\n * Checks if the given `DataTransfer` contains files\n *\n * @internal\n * @param {DataTransfer} dataTransfer - The `DataTransfer` to check\n * @returns {boolean} - `true` if it contains files or we can't infer it, `false` otherwise\n */\nfunction isContainingFiles(dataTransfer) {\n  // Safari sometimes does not provide info about types :'(\n  // In which case best not to assume anything and try to set the files\n  const hasNoTypesInfo = dataTransfer.types.length === 0\n\n  // When dragging images, there's a mix of mime types + Files\n  // which we can't assign to the native input\n  const isDraggingFiles = dataTransfer.types.some((type) => type === 'Files')\n\n  return hasNoTypesInfo || isDraggingFiles\n}\n\n/**\n * @typedef {HTMLInputElement & {files: FileList}} HTMLFileInputElement\n */\n\n/**\n * File upload config\n *\n * @see {@link FileUpload.defaults}\n * @typedef {object} FileUploadConfig\n * @property {FileUploadTranslations} [i18n=FileUpload.defaults.i18n] - File upload translations\n */\n\n/**\n * File upload translations\n *\n * @see {@link FileUpload.defaults.i18n}\n * @typedef {object} FileUploadTranslations\n *\n * Messages used by the component\n * @property {string} [chooseFile] - The text of the button that opens the file picker\n * @property {string} [dropInstruction] - The text informing users they can drop files\n * @property {TranslationPluralForms} [multipleFilesChosen] - The text displayed when multiple files\n *   have been chosen by the user\n * @property {string} [noFileChosen] - The text to displayed when no file has been chosen by the user\n * @property {string} [enteredDropZone] - The text announced by assistive technology\n *   when user drags files and enters the drop zone\n * @property {string} [leftDropZone] - The text announced by assistive technology\n *   when user drags files and leaves the drop zone without dropping\n */\n\n/**\n * @import { Schema } from '../../common/configuration.mjs'\n * @import { TranslationPluralForms } from '../../i18n.mjs'\n */\n"],"names":["closestAttributeValue","$element","attributeName","$closestElementWithAttribute","closest","getAttribute","isInitialised","$root","moduleName","HTMLElement","hasAttribute","isSupported","$scope","document","body","classList","contains","isArray","option","Array","isObject","formatErrorMessage","Component","message","GOVUKFrontendError","Error","constructor","args","name","SupportError","supportMessage","HTMLScriptElement","prototype","ConfigError","ElementError","messageOrOptions","component","identifier","element","expectedType","InitError","componentOrMessage","_$root","childConstructor","elementType","checkSupport","checkInitialised","setAttribute","configOverride","Symbol","for","ConfigurableComponent","param","config","_config","defaults","datasetConfig","normaliseDataset","dataset","mergeConfigs","normaliseString","value","property","trimmedValue","trim","output","outputType","type","includes","length","isFinite","Number","schema","out","entries","Object","properties","entry","namespace","field","toString","extractConfigByNamespace","configObjects","formattedConfigObject","configObject","key","keys","override","newObject","current","keyParts","split","index","I18n","translations","_config$locale","locale","documentElement","lang","t","lookupKey","options","translation","count","translationPluralForm","getPluralSuffix","match","replacePlaceholders","translationString","formatter","Intl","NumberFormat","supportedLocalesOf","undefined","replace","placeholderWithBraces","placeholderKey","hasOwnProperty","call","placeholderValue","format","hasIntlPluralRulesSupport","Boolean","window","PluralRules","preferredForm","select","console","warn","FileUpload","$input","$button","$status","i18n","id","$announcements","enteredAnotherElement","querySelector","$label","findLabel","createElement","add","ariaDescribedBy","className","innerText","appendChild","commaSpan","containerSpan","buttonSpan","insertAdjacentText","instructionSpan","addEventListener","onClick","bind","event","preventDefault","insertAdjacentElement","onChange","updateDisabledState","observeDisabledState","onDrop","updateDropzoneVisibility","disabled","hideDraggingState","target","Node","dataTransfer","isContainingFiles","showDraggingState","remove","files","dispatchEvent","CustomEvent","fileCount","click","observer","MutationObserver","mutationList","mutation","observe","attributes","toggle","freeze","chooseFilesButton","dropInstruction","noFileChosen","multipleFilesChosen","one","other","enteredDropZone","leftDropZone","hasNoTypesInfo","types","isDraggingFiles","some"],"mappings":"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"}
\ No newline at end of file
diff --git a/node_modules/govuk-frontend/dist/govuk/components/file-upload/file-upload.bundle.mjs b/node_modules/govuk-frontend/dist/govuk/components/file-upload/file-upload.bundle.mjs
new file mode 100644
index 0000000..513ebd3
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/file-upload/file-upload.bundle.mjs
@@ -0,0 +1,613 @@
+function closestAttributeValue($element, attributeName) {
+  const $closestElementWithAttribute = $element.closest(`[${attributeName}]`);
+  return $closestElementWithAttribute ? $closestElementWithAttribute.getAttribute(attributeName) : null;
+}
+
+function isInitialised($root, moduleName) {
+  return $root instanceof HTMLElement && $root.hasAttribute(`data-${moduleName}-init`);
+}
+
+/**
+ * Checks if GOV.UK Frontend is supported on this page
+ *
+ * Some browsers will load and run our JavaScript but GOV.UK Frontend
+ * won't be supported.
+ *
+ * @param {HTMLElement | null} [$scope] - (internal) `<body>` HTML element checked for browser support
+ * @returns {boolean} Whether GOV.UK Frontend is supported on this page
+ */
+function isSupported($scope = document.body) {
+  if (!$scope) {
+    return false;
+  }
+  return $scope.classList.contains('govuk-frontend-supported');
+}
+function isArray(option) {
+  return Array.isArray(option);
+}
+function isObject(option) {
+  return !!option && typeof option === 'object' && !isArray(option);
+}
+function formatErrorMessage(Component, message) {
+  return `${Component.moduleName}: ${message}`;
+}
+/**
+ * @typedef ComponentWithModuleName
+ * @property {string} moduleName - Name of the component
+ */
+
+class GOVUKFrontendError extends Error {
+  constructor(...args) {
+    super(...args);
+    this.name = 'GOVUKFrontendError';
+  }
+}
+class SupportError extends GOVUKFrontendError {
+  /**
+   * Checks if GOV.UK Frontend is supported on this page
+   *
+   * @param {HTMLElement | null} [$scope] - HTML element `<body>` checked for browser support
+   */
+  constructor($scope = document.body) {
+    const supportMessage = 'noModule' in HTMLScriptElement.prototype ? 'GOV.UK Frontend initialised without `<body class="govuk-frontend-supported">` from template `<script>` snippet' : 'GOV.UK Frontend is not supported in this browser';
+    super($scope ? supportMessage : 'GOV.UK Frontend initialised without `<script type="module">`');
+    this.name = 'SupportError';
+  }
+}
+class ConfigError extends GOVUKFrontendError {
+  constructor(...args) {
+    super(...args);
+    this.name = 'ConfigError';
+  }
+}
+class ElementError extends GOVUKFrontendError {
+  constructor(messageOrOptions) {
+    let message = typeof messageOrOptions === 'string' ? messageOrOptions : '';
+    if (isObject(messageOrOptions)) {
+      const {
+        component,
+        identifier,
+        element,
+        expectedType
+      } = messageOrOptions;
+      message = identifier;
+      message += element ? ` is not of type ${expectedType != null ? expectedType : 'HTMLElement'}` : ' not found';
+      if (component) {
+        message = formatErrorMessage(component, message);
+      }
+    }
+    super(message);
+    this.name = 'ElementError';
+  }
+}
+class InitError extends GOVUKFrontendError {
+  constructor(componentOrMessage) {
+    const message = typeof componentOrMessage === 'string' ? componentOrMessage : formatErrorMessage(componentOrMessage, `Root element (\`$root\`) already initialised`);
+    super(message);
+    this.name = 'InitError';
+  }
+}
+/**
+ * @import { ComponentWithModuleName } from '../common/index.mjs'
+ */
+
+class Component {
+  /**
+   * Returns the root element of the component
+   *
+   * @protected
+   * @returns {RootElementType} - the root element of component
+   */
+  get $root() {
+    return this._$root;
+  }
+  constructor($root) {
+    this._$root = void 0;
+    const childConstructor = this.constructor;
+    if (typeof childConstructor.moduleName !== 'string') {
+      throw new InitError(`\`moduleName\` not defined in component`);
+    }
+    if (!($root instanceof childConstructor.elementType)) {
+      throw new ElementError({
+        element: $root,
+        component: childConstructor,
+        identifier: 'Root element (`$root`)',
+        expectedType: childConstructor.elementType.name
+      });
+    } else {
+      this._$root = $root;
+    }
+    childConstructor.checkSupport();
+    this.checkInitialised();
+    const moduleName = childConstructor.moduleName;
+    this.$root.setAttribute(`data-${moduleName}-init`, '');
+  }
+  checkInitialised() {
+    const constructor = this.constructor;
+    const moduleName = constructor.moduleName;
+    if (moduleName && isInitialised(this.$root, moduleName)) {
+      throw new InitError(constructor);
+    }
+  }
+  static checkSupport() {
+    if (!isSupported()) {
+      throw new SupportError();
+    }
+  }
+}
+
+/**
+ * @typedef ChildClass
+ * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component
+ */
+
+/**
+ * @typedef {typeof Component & ChildClass} ChildClassConstructor
+ */
+Component.elementType = HTMLElement;
+
+const configOverride = Symbol.for('configOverride');
+class ConfigurableComponent extends Component {
+  [configOverride](param) {
+    return {};
+  }
+
+  /**
+   * Returns the root element of the component
+   *
+   * @protected
+   * @returns {ConfigurationType} - the root element of component
+   */
+  get config() {
+    return this._config;
+  }
+  constructor($root, config) {
+    super($root);
+    this._config = void 0;
+    const childConstructor = this.constructor;
+    if (!isObject(childConstructor.defaults)) {
+      throw new ConfigError(formatErrorMessage(childConstructor, 'Config passed as parameter into constructor but no defaults defined'));
+    }
+    const datasetConfig = normaliseDataset(childConstructor, this._$root.dataset);
+    this._config = mergeConfigs(childConstructor.defaults, config != null ? config : {}, this[configOverride](datasetConfig), datasetConfig);
+  }
+}
+function normaliseString(value, property) {
+  const trimmedValue = value ? value.trim() : '';
+  let output;
+  let outputType = property == null ? void 0 : property.type;
+  if (!outputType) {
+    if (['true', 'false'].includes(trimmedValue)) {
+      outputType = 'boolean';
+    }
+    if (trimmedValue.length > 0 && isFinite(Number(trimmedValue))) {
+      outputType = 'number';
+    }
+  }
+  switch (outputType) {
+    case 'boolean':
+      output = trimmedValue === 'true';
+      break;
+    case 'number':
+      output = Number(trimmedValue);
+      break;
+    default:
+      output = value;
+  }
+  return output;
+}
+function normaliseDataset(Component, dataset) {
+  if (!isObject(Component.schema)) {
+    throw new ConfigError(formatErrorMessage(Component, 'Config passed as parameter into constructor but no schema defined'));
+  }
+  const out = {};
+  const entries = Object.entries(Component.schema.properties);
+  for (const entry of entries) {
+    const [namespace, property] = entry;
+    const field = namespace.toString();
+    if (field in dataset) {
+      out[field] = normaliseString(dataset[field], property);
+    }
+    if ((property == null ? void 0 : property.type) === 'object') {
+      out[field] = extractConfigByNamespace(Component.schema, dataset, namespace);
+    }
+  }
+  return out;
+}
+function mergeConfigs(...configObjects) {
+  const formattedConfigObject = {};
+  for (const configObject of configObjects) {
+    for (const key of Object.keys(configObject)) {
+      const option = formattedConfigObject[key];
+      const override = configObject[key];
+      if (isObject(option) && isObject(override)) {
+        formattedConfigObject[key] = mergeConfigs(option, override);
+      } else {
+        formattedConfigObject[key] = override;
+      }
+    }
+  }
+  return formattedConfigObject;
+}
+function extractConfigByNamespace(schema, dataset, namespace) {
+  const property = schema.properties[namespace];
+  if ((property == null ? void 0 : property.type) !== 'object') {
+    return;
+  }
+  const newObject = {
+    [namespace]: {}
+  };
+  for (const [key, value] of Object.entries(dataset)) {
+    let current = newObject;
+    const keyParts = key.split('.');
+    for (const [index, name] of keyParts.entries()) {
+      if (isObject(current)) {
+        if (index < keyParts.length - 1) {
+          if (!isObject(current[name])) {
+            current[name] = {};
+          }
+          current = current[name];
+        } else if (key !== namespace) {
+          current[name] = normaliseString(value);
+        }
+      }
+    }
+  }
+  return newObject[namespace];
+}
+/**
+ * Schema for component config
+ *
+ * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType
+ * @typedef {object} Schema
+ * @property {Record<keyof ConfigurationType, SchemaProperty | undefined>} properties - Schema properties
+ * @property {SchemaCondition<ConfigurationType>[]} [anyOf] - List of schema conditions
+ */
+/**
+ * Schema property for component config
+ *
+ * @typedef {object} SchemaProperty
+ * @property {'string' | 'boolean' | 'number' | 'object'} type - Property type
+ */
+/**
+ * Schema condition for component config
+ *
+ * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType
+ * @typedef {object} SchemaCondition
+ * @property {(keyof ConfigurationType)[]} required - List of required config fields
+ * @property {string} errorMessage - Error message when required config fields not provided
+ */
+/**
+ * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]
+ * @typedef ChildClass
+ * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component
+ * @property {Schema<ConfigurationType>} [schema] - The schema of the component configuration
+ * @property {ConfigurationType} [defaults] - The default values of the configuration of the component
+ */
+/**
+ * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]
+ * @typedef {typeof Component & ChildClass<ConfigurationType>} ChildClassConstructor<ConfigurationType>
+ */
+/**
+ * @import { CompatibleClass, Config, CreateAllOptions, OnErrorCallback } from '../init.mjs'
+ */
+
+class I18n {
+  constructor(translations = {}, config = {}) {
+    var _config$locale;
+    this.translations = void 0;
+    this.locale = void 0;
+    this.translations = translations;
+    this.locale = (_config$locale = config.locale) != null ? _config$locale : document.documentElement.lang || 'en';
+  }
+  t(lookupKey, options) {
+    if (!lookupKey) {
+      throw new Error('i18n: lookup key missing');
+    }
+    let translation = this.translations[lookupKey];
+    if (typeof (options == null ? void 0 : options.count) === 'number' && isObject(translation)) {
+      const translationPluralForm = translation[this.getPluralSuffix(lookupKey, options.count)];
+      if (translationPluralForm) {
+        translation = translationPluralForm;
+      }
+    }
+    if (typeof translation === 'string') {
+      if (translation.match(/%{(.\S+)}/)) {
+        if (!options) {
+          throw new Error('i18n: cannot replace placeholders in string if no option data provided');
+        }
+        return this.replacePlaceholders(translation, options);
+      }
+      return translation;
+    }
+    return lookupKey;
+  }
+  replacePlaceholders(translationString, options) {
+    const formatter = Intl.NumberFormat.supportedLocalesOf(this.locale).length ? new Intl.NumberFormat(this.locale) : undefined;
+    return translationString.replace(/%{(.\S+)}/g, function (placeholderWithBraces, placeholderKey) {
+      if (Object.prototype.hasOwnProperty.call(options, placeholderKey)) {
+        const placeholderValue = options[placeholderKey];
+        if (placeholderValue === false || typeof placeholderValue !== 'number' && typeof placeholderValue !== 'string') {
+          return '';
+        }
+        if (typeof placeholderValue === 'number') {
+          return formatter ? formatter.format(placeholderValue) : `${placeholderValue}`;
+        }
+        return placeholderValue;
+      }
+      throw new Error(`i18n: no data found to replace ${placeholderWithBraces} placeholder in string`);
+    });
+  }
+  hasIntlPluralRulesSupport() {
+    return Boolean('PluralRules' in window.Intl && Intl.PluralRules.supportedLocalesOf(this.locale).length);
+  }
+  getPluralSuffix(lookupKey, count) {
+    count = Number(count);
+    if (!isFinite(count)) {
+      return 'other';
+    }
+    const translation = this.translations[lookupKey];
+    const preferredForm = this.hasIntlPluralRulesSupport() ? new Intl.PluralRules(this.locale).select(count) : 'other';
+    if (isObject(translation)) {
+      if (preferredForm in translation) {
+        return preferredForm;
+      } else if ('other' in translation) {
+        console.warn(`i18n: Missing plural form ".${preferredForm}" for "${this.locale}" locale. Falling back to ".other".`);
+        return 'other';
+      }
+    }
+    throw new Error(`i18n: Plural form ".other" is required for "${this.locale}" locale`);
+  }
+}
+
+/**
+ * File upload component
+ *
+ * @preserve
+ * @augments ConfigurableComponent<FileUploadConfig>
+ */
+class FileUpload extends ConfigurableComponent {
+  /**
+   * @param {Element | null} $root - File input element
+   * @param {FileUploadConfig} [config] - File Upload config
+   */
+  constructor($root, config = {}) {
+    super($root, config);
+    this.$input = void 0;
+    this.$button = void 0;
+    this.$status = void 0;
+    this.i18n = void 0;
+    this.id = void 0;
+    this.$announcements = void 0;
+    this.enteredAnotherElement = void 0;
+    const $input = this.$root.querySelector('input');
+    if ($input === null) {
+      throw new ElementError({
+        component: FileUpload,
+        identifier: 'File inputs (`<input type="file">`)'
+      });
+    }
+    if ($input.type !== 'file') {
+      throw new ElementError(formatErrorMessage(FileUpload, 'File input (`<input type="file">`) attribute (`type`) is not `file`'));
+    }
+    this.$input = $input;
+    if (!this.$input.id) {
+      throw new ElementError({
+        component: FileUpload,
+        identifier: 'File input (`<input type="file">`) attribute (`id`)'
+      });
+    }
+    this.id = this.$input.id;
+    this.i18n = new I18n(this.config.i18n, {
+      locale: closestAttributeValue(this.$root, 'lang')
+    });
+    const $label = this.findLabel();
+    if (!$label.id) {
+      $label.id = `${this.id}-label`;
+    }
+    this.$input.id = `${this.id}-input`;
+    this.$input.setAttribute('hidden', 'true');
+    const $button = document.createElement('button');
+    $button.classList.add('govuk-file-upload-button');
+    $button.type = 'button';
+    $button.id = this.id;
+    $button.classList.add('govuk-file-upload-button--empty');
+    const ariaDescribedBy = this.$input.getAttribute('aria-describedby');
+    if (ariaDescribedBy) {
+      $button.setAttribute('aria-describedby', ariaDescribedBy);
+    }
+    const $status = document.createElement('span');
+    $status.className = 'govuk-body govuk-file-upload-button__status';
+    $status.setAttribute('aria-live', 'polite');
+    $status.innerText = this.i18n.t('noFileChosen');
+    $button.appendChild($status);
+    const commaSpan = document.createElement('span');
+    commaSpan.className = 'govuk-visually-hidden';
+    commaSpan.innerText = ', ';
+    commaSpan.id = `${this.id}-comma`;
+    $button.appendChild(commaSpan);
+    const containerSpan = document.createElement('span');
+    containerSpan.className = 'govuk-file-upload-button__pseudo-button-container';
+    const buttonSpan = document.createElement('span');
+    buttonSpan.className = 'govuk-button govuk-button--secondary govuk-file-upload-button__pseudo-button';
+    buttonSpan.innerText = this.i18n.t('chooseFilesButton');
+    containerSpan.appendChild(buttonSpan);
+    containerSpan.insertAdjacentText('beforeend', ' ');
+    const instructionSpan = document.createElement('span');
+    instructionSpan.className = 'govuk-body govuk-file-upload-button__instruction';
+    instructionSpan.innerText = this.i18n.t('dropInstruction');
+    containerSpan.appendChild(instructionSpan);
+    $button.appendChild(containerSpan);
+    $button.setAttribute('aria-labelledby', `${$label.id} ${commaSpan.id} ${$button.id}`);
+    $button.addEventListener('click', this.onClick.bind(this));
+    $button.addEventListener('dragover', event => {
+      event.preventDefault();
+    });
+    this.$root.insertAdjacentElement('afterbegin', $button);
+    this.$input.setAttribute('tabindex', '-1');
+    this.$input.setAttribute('aria-hidden', 'true');
+    this.$button = $button;
+    this.$status = $status;
+    this.$input.addEventListener('change', this.onChange.bind(this));
+    this.updateDisabledState();
+    this.observeDisabledState();
+    this.$announcements = document.createElement('span');
+    this.$announcements.classList.add('govuk-file-upload-announcements');
+    this.$announcements.classList.add('govuk-visually-hidden');
+    this.$announcements.setAttribute('aria-live', 'assertive');
+    this.$root.insertAdjacentElement('afterend', this.$announcements);
+    this.$button.addEventListener('drop', this.onDrop.bind(this));
+    document.addEventListener('dragenter', this.updateDropzoneVisibility.bind(this));
+    document.addEventListener('dragenter', () => {
+      this.enteredAnotherElement = true;
+    });
+    document.addEventListener('dragleave', () => {
+      if (!this.enteredAnotherElement && !this.$button.disabled) {
+        this.hideDraggingState();
+        this.$announcements.innerText = this.i18n.t('leftDropZone');
+      }
+      this.enteredAnotherElement = false;
+    });
+  }
+  updateDropzoneVisibility(event) {
+    if (this.$button.disabled) return;
+    if (event.target instanceof Node) {
+      if (this.$root.contains(event.target)) {
+        if (event.dataTransfer && isContainingFiles(event.dataTransfer)) {
+          if (!this.$button.classList.contains('govuk-file-upload-button--dragging')) {
+            this.showDraggingState();
+            this.$announcements.innerText = this.i18n.t('enteredDropZone');
+          }
+        }
+      } else {
+        if (this.$button.classList.contains('govuk-file-upload-button--dragging')) {
+          this.hideDraggingState();
+          this.$announcements.innerText = this.i18n.t('leftDropZone');
+        }
+      }
+    }
+  }
+  showDraggingState() {
+    this.$button.classList.add('govuk-file-upload-button--dragging');
+  }
+  hideDraggingState() {
+    this.$button.classList.remove('govuk-file-upload-button--dragging');
+  }
+  onDrop(event) {
+    event.preventDefault();
+    if (event.dataTransfer && isContainingFiles(event.dataTransfer)) {
+      this.$input.files = event.dataTransfer.files;
+      this.$input.dispatchEvent(new CustomEvent('change'));
+      this.hideDraggingState();
+    }
+  }
+  onChange() {
+    const fileCount = this.$input.files.length;
+    if (fileCount === 0) {
+      this.$status.innerText = this.i18n.t('noFileChosen');
+      this.$button.classList.add('govuk-file-upload-button--empty');
+    } else {
+      if (fileCount === 1) {
+        this.$status.innerText = this.$input.files[0].name;
+      } else {
+        this.$status.innerText = this.i18n.t('multipleFilesChosen', {
+          count: fileCount
+        });
+      }
+      this.$button.classList.remove('govuk-file-upload-button--empty');
+    }
+  }
+  findLabel() {
+    const $label = document.querySelector(`label[for="${this.$input.id}"]`);
+    if (!$label) {
+      throw new ElementError({
+        component: FileUpload,
+        identifier: `Field label (\`<label for=${this.$input.id}>\`)`
+      });
+    }
+    return $label;
+  }
+  onClick() {
+    this.$input.click();
+  }
+  observeDisabledState() {
+    const observer = new MutationObserver(mutationList => {
+      for (const mutation of mutationList) {
+        if (mutation.type === 'attributes' && mutation.attributeName === 'disabled') {
+          this.updateDisabledState();
+        }
+      }
+    });
+    observer.observe(this.$input, {
+      attributes: true
+    });
+  }
+  updateDisabledState() {
+    this.$button.disabled = this.$input.disabled;
+    this.$root.classList.toggle('govuk-drop-zone--disabled', this.$button.disabled);
+  }
+}
+FileUpload.moduleName = 'govuk-file-upload';
+FileUpload.defaults = Object.freeze({
+  i18n: {
+    chooseFilesButton: 'Choose file',
+    dropInstruction: 'or drop file',
+    noFileChosen: 'No file chosen',
+    multipleFilesChosen: {
+      one: '%{count} file chosen',
+      other: '%{count} files chosen'
+    },
+    enteredDropZone: 'Entered drop zone',
+    leftDropZone: 'Left drop zone'
+  }
+});
+FileUpload.schema = Object.freeze({
+  properties: {
+    i18n: {
+      type: 'object'
+    }
+  }
+});
+function isContainingFiles(dataTransfer) {
+  const hasNoTypesInfo = dataTransfer.types.length === 0;
+  const isDraggingFiles = dataTransfer.types.some(type => type === 'Files');
+  return hasNoTypesInfo || isDraggingFiles;
+}
+
+/**
+ * @typedef {HTMLInputElement & {files: FileList}} HTMLFileInputElement
+ */
+
+/**
+ * File upload config
+ *
+ * @see {@link FileUpload.defaults}
+ * @typedef {object} FileUploadConfig
+ * @property {FileUploadTranslations} [i18n=FileUpload.defaults.i18n] - File upload translations
+ */
+
+/**
+ * File upload translations
+ *
+ * @see {@link FileUpload.defaults.i18n}
+ * @typedef {object} FileUploadTranslations
+ *
+ * Messages used by the component
+ * @property {string} [chooseFile] - The text of the button that opens the file picker
+ * @property {string} [dropInstruction] - The text informing users they can drop files
+ * @property {TranslationPluralForms} [multipleFilesChosen] - The text displayed when multiple files
+ *   have been chosen by the user
+ * @property {string} [noFileChosen] - The text to displayed when no file has been chosen by the user
+ * @property {string} [enteredDropZone] - The text announced by assistive technology
+ *   when user drags files and enters the drop zone
+ * @property {string} [leftDropZone] - The text announced by assistive technology
+ *   when user drags files and leaves the drop zone without dropping
+ */
+
+/**
+ * @import { Schema } from '../../common/configuration.mjs'
+ * @import { TranslationPluralForms } from '../../i18n.mjs'
+ */
+
+export { FileUpload };
+//# sourceMappingURL=file-upload.bundle.mjs.map
diff --git a/node_modules/govuk-frontend/dist/govuk/components/file-upload/file-upload.bundle.mjs.map b/node_modules/govuk-frontend/dist/govuk/components/file-upload/file-upload.bundle.mjs.map
new file mode 100644
index 0000000..24e1283
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/file-upload/file-upload.bundle.mjs.map
@@ -0,0 +1 @@
+{"version":3,"file":"file-upload.bundle.mjs","sources":["../../../../src/govuk/common/closest-attribute-value.mjs","../../../../src/govuk/common/index.mjs","../../../../src/govuk/errors/index.mjs","../../../../src/govuk/component.mjs","../../../../src/govuk/common/configuration.mjs","../../../../src/govuk/i18n.mjs","../../../../src/govuk/components/file-upload/file-upload.mjs"],"sourcesContent":["/**\n * Returns the value of the given attribute closest to the given element (including itself)\n *\n * @internal\n * @param {Element} $element - The element to start walking the DOM tree up\n * @param {string} attributeName - The name of the attribute\n * @returns {string | null} Attribute value\n */\nexport function closestAttributeValue($element, attributeName) {\n  const $closestElementWithAttribute = $element.closest(`[${attributeName}]`)\n  return $closestElementWithAttribute\n    ? $closestElementWithAttribute.getAttribute(attributeName)\n    : null\n}\n","/**\n * Common helpers which do not require polyfill.\n *\n * IMPORTANT: If a helper require a polyfill, please isolate it in its own module\n * so that the polyfill can be properly tree-shaken and does not burden\n * the components that do not need that helper\n */\n\n/**\n * Get GOV.UK Frontend breakpoint value from CSS custom property\n *\n * @private\n * @param {string} name - Breakpoint name\n * @returns {{ property: string, value?: string }} Breakpoint object\n */\nexport function getBreakpoint(name) {\n  const property = `--govuk-breakpoint-${name}`\n\n  // Get value from `<html>` with breakpoints on CSS :root\n  const value = window\n    .getComputedStyle(document.documentElement)\n    .getPropertyValue(property)\n\n  return {\n    property,\n    value: value || undefined\n  }\n}\n\n/**\n * Move focus to element\n *\n * Sets tabindex to -1 to make the element programmatically focusable,\n * but removes it on blur as the element doesn't need to be focused again.\n *\n * @private\n * @template {HTMLElement} FocusElement\n * @param {FocusElement} $element - HTML element\n * @param {object} [options] - Handler options\n * @param {function(this: FocusElement): void} [options.onBeforeFocus] - Callback before focus\n * @param {function(this: FocusElement): void} [options.onBlur] - Callback on blur\n */\nexport function setFocus($element, options = {}) {\n  const isFocusable = $element.getAttribute('tabindex')\n\n  if (!isFocusable) {\n    $element.setAttribute('tabindex', '-1')\n  }\n\n  /**\n   * Handle element focus\n   */\n  function onFocus() {\n    $element.addEventListener('blur', onBlur, { once: true })\n  }\n\n  /**\n   * Handle element blur\n   */\n  function onBlur() {\n    options.onBlur?.call($element)\n\n    if (!isFocusable) {\n      $element.removeAttribute('tabindex')\n    }\n  }\n\n  // Add listener to reset element on blur, after focus\n  $element.addEventListener('focus', onFocus, { once: true })\n\n  // Focus element\n  options.onBeforeFocus?.call($element)\n  $element.focus()\n}\n\n/**\n * Checks if component is already initialised\n *\n * @internal\n * @param {Element} $root - HTML element to be checked\n * @param {string} moduleName - name of component module\n * @returns {boolean} Whether component is already initialised\n */\nexport function isInitialised($root, moduleName) {\n  return (\n    $root instanceof HTMLElement &&\n    $root.hasAttribute(`data-${moduleName}-init`)\n  )\n}\n\n/**\n * Checks if GOV.UK Frontend is supported on this page\n *\n * Some browsers will load and run our JavaScript but GOV.UK Frontend\n * won't be supported.\n *\n * @param {HTMLElement | null} [$scope] - (internal) `<body>` HTML element checked for browser support\n * @returns {boolean} Whether GOV.UK Frontend is supported on this page\n */\nexport function isSupported($scope = document.body) {\n  if (!$scope) {\n    return false\n  }\n\n  return $scope.classList.contains('govuk-frontend-supported')\n}\n\n/**\n * Check for an array\n *\n * @internal\n * @param {unknown} option - Option to check\n * @returns {boolean} Whether the option is an array\n */\nfunction isArray(option) {\n  return Array.isArray(option)\n}\n\n/**\n * Check for an object\n *\n * @internal\n * @template {Partial<Record<keyof ObjectType, unknown>>} ObjectType\n * @param {unknown | ObjectType} option - Option to check\n * @returns {option is ObjectType} Whether the option is an object\n */\nexport function isObject(option) {\n  return !!option && typeof option === 'object' && !isArray(option)\n}\n\n/**\n * Check for valid scope\n *\n * @internal\n * @template {Element | Document} ScopeType\n * @param {unknown | ScopeType} $scope - Scope of the document to search within\n * @returns {$scope is ScopeType} Whether the scope can be queried\n */\nexport function isScope($scope) {\n  return !!$scope && ($scope instanceof Element || $scope instanceof Document)\n}\n\n/**\n * Format error message\n *\n * @internal\n * @param {ComponentWithModuleName} Component - Component that threw the error\n * @param {string} message - Error message\n * @returns {string} - Formatted error message\n */\nexport function formatErrorMessage(Component, message) {\n  return `${Component.moduleName}: ${message}`\n}\n\n/* eslint-disable jsdoc/valid-types --\n * `{new(...args: any[] ): object}` is not recognised as valid\n * https://github.com/gajus/eslint-plugin-jsdoc/issues/145#issuecomment-1308722878\n * https://github.com/jsdoc-type-pratt-parser/jsdoc-type-pratt-parser/issues/131\n **/\n\n/**\n * @typedef ComponentWithModuleName\n * @property {string} moduleName - Name of the component\n */\n\n/* eslint-enable jsdoc/valid-types */\n","import { formatErrorMessage, isObject } from '../common/index.mjs'\n\n/**\n * GOV.UK Frontend error\n *\n * A base class for `Error`s thrown by GOV.UK Frontend.\n *\n * It is meant to be extended into specific types of errors\n * to be thrown by our code.\n *\n * @example\n * ```js\n * class MissingRootError extends GOVUKFrontendError {\n *   // Setting an explicit name is important as extending the class will not\n *   // set a new `name` on the subclass. The `name` property is important\n *   // to ensure intelligible error names even if the class name gets\n *   // mangled by a minifier\n *   name = \"MissingRootError\"\n * }\n * ```\n * @virtual\n */\nexport class GOVUKFrontendError extends Error {\n  name = 'GOVUKFrontendError'\n}\n\n/**\n * Indicates that GOV.UK Frontend is not supported\n */\nexport class SupportError extends GOVUKFrontendError {\n  name = 'SupportError'\n\n  /**\n   * Checks if GOV.UK Frontend is supported on this page\n   *\n   * @param {HTMLElement | null} [$scope] - HTML element `<body>` checked for browser support\n   */\n  constructor($scope = document.body) {\n    const supportMessage =\n      'noModule' in HTMLScriptElement.prototype\n        ? 'GOV.UK Frontend initialised without `<body class=\"govuk-frontend-supported\">` from template `<script>` snippet'\n        : 'GOV.UK Frontend is not supported in this browser'\n\n    super(\n      $scope\n        ? supportMessage\n        : 'GOV.UK Frontend initialised without `<script type=\"module\">`'\n    )\n  }\n}\n\n/**\n * Indicates that a component has received an illegal configuration\n */\nexport class ConfigError extends GOVUKFrontendError {\n  name = 'ConfigError'\n}\n\n/**\n * Indicates an issue with an element (possibly `null` or `undefined`)\n */\nexport class ElementError extends GOVUKFrontendError {\n  name = 'ElementError'\n\n  /**\n   * @internal\n   * @overload\n   * @param {string} message - Element error message\n   */\n\n  /**\n   * @internal\n   * @overload\n   * @param {ElementErrorOptions} options - Element error options\n   */\n\n  /**\n   * @internal\n   * @param {string | ElementErrorOptions} messageOrOptions - Element error message or options\n   */\n  constructor(messageOrOptions) {\n    let message = typeof messageOrOptions === 'string' ? messageOrOptions : ''\n\n    // Build message from options\n    if (isObject(messageOrOptions)) {\n      const { component, identifier, element, expectedType } = messageOrOptions\n\n      message = identifier\n\n      // Append reason\n      message += element\n        ? ` is not of type ${expectedType ?? 'HTMLElement'}`\n        : ' not found'\n\n      // Prepend with module name (optional)\n      if (component) {\n        message = formatErrorMessage(component, message)\n      }\n    }\n\n    super(message)\n  }\n}\n\n/**\n * Indicates that a component is already initialised\n */\nexport class InitError extends GOVUKFrontendError {\n  name = 'InitError'\n\n  /**\n   * @internal\n   * @param {ComponentWithModuleName | string} componentOrMessage - name of the component module\n   */\n  constructor(componentOrMessage) {\n    const message =\n      typeof componentOrMessage === 'string'\n        ? componentOrMessage\n        : formatErrorMessage(\n            componentOrMessage,\n            `Root element (\\`$root\\`) already initialised`\n          )\n\n    super(message)\n  }\n}\n\n/**\n * Element error options\n *\n * @internal\n * @typedef {object} ElementErrorOptions\n * @property {Element | Document | null} [element] - The element in error (optional)\n * @property {ComponentWithModuleName} [component] - Component throwing the error (optional)\n * @property {string} identifier - An identifier that'll let the user understand which element has an error. This is whatever makes the most sense\n * @property {string} [expectedType] - The type that was expected for the identifier (optional)\n */\n\n/**\n * @import { ComponentWithModuleName } from '../common/index.mjs'\n */\n","import { isInitialised, isSupported } from './common/index.mjs'\nimport { ElementError, InitError, SupportError } from './errors/index.mjs'\n\n/**\n * Base Component class\n *\n * Centralises the behaviours shared by our components\n *\n * @virtual\n * @template {Element} [RootElementType=HTMLElement]\n */\nexport class Component {\n  /**\n   * @type {typeof Element}\n   */\n  static elementType = HTMLElement\n\n  // allows Typescript user to work around the lack of types\n  // in GOVUKFrontend package, Typescript is not aware of $root\n  // in components that extend GOVUKFrontendComponent\n  /**\n   * Returns the root element of the component\n   *\n   * @protected\n   * @returns {RootElementType} - the root element of component\n   */\n  get $root() {\n    return this._$root\n  }\n\n  /**\n   * @protected\n   * @type {RootElementType}\n   */\n  _$root\n\n  /**\n   * Constructs a new component, validating that GOV.UK Frontend is supported\n   *\n   * @internal\n   * @param {Element | null} [$root] - HTML element to use for component\n   */\n  constructor($root) {\n    const childConstructor = /** @type {ChildClassConstructor} */ (\n      this.constructor\n    )\n\n    // TypeScript does not enforce that inheriting classes will define a `moduleName`\n    // (even if we add a `@virtual` `static moduleName` property to this class).\n    // While we trust users to do this correctly, we do a little check to provide them\n    // a helpful error message.\n    //\n    // After this, we'll be sure that `childConstructor` has a `moduleName`\n    // as expected of the `ChildClassConstructor` we've cast `this.constructor` to.\n    if (typeof childConstructor.moduleName !== 'string') {\n      throw new InitError(`\\`moduleName\\` not defined in component`)\n    }\n\n    if (!($root instanceof childConstructor.elementType)) {\n      throw new ElementError({\n        element: $root,\n        component: childConstructor,\n        identifier: 'Root element (`$root`)',\n        expectedType: childConstructor.elementType.name\n      })\n    } else {\n      this._$root = /** @type {RootElementType} */ ($root)\n    }\n\n    childConstructor.checkSupport()\n\n    this.checkInitialised()\n\n    const moduleName = childConstructor.moduleName\n\n    this.$root.setAttribute(`data-${moduleName}-init`, '')\n  }\n\n  /**\n   * Validates whether component is already initialised\n   *\n   * @private\n   * @throws {InitError} when component is already initialised\n   */\n  checkInitialised() {\n    const constructor = /** @type {ChildClassConstructor} */ (this.constructor)\n    const moduleName = constructor.moduleName\n\n    if (moduleName && isInitialised(this.$root, moduleName)) {\n      throw new InitError(constructor)\n    }\n  }\n\n  /**\n   * Validates whether components are supported\n   *\n   * @throws {SupportError} when the components are not supported\n   */\n  static checkSupport() {\n    if (!isSupported()) {\n      throw new SupportError()\n    }\n  }\n}\n\n/**\n * @typedef ChildClass\n * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component\n */\n\n/**\n * @typedef {typeof Component & ChildClass} ChildClassConstructor\n */\n","import { Component } from '../component.mjs'\nimport { ConfigError } from '../errors/index.mjs'\n\nimport { isObject, isScope, formatErrorMessage } from './index.mjs'\n\nexport const configOverride = Symbol.for('configOverride')\n\n/**\n * Base Component class\n *\n * Centralises the behaviours shared by our components\n *\n * @virtual\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]\n * @template {Element & { dataset: DOMStringMap }} [RootElementType=HTMLElement]\n * @augments Component<RootElementType>\n */\nexport class ConfigurableComponent extends Component {\n  /**\n   * configOverride\n   *\n   * Function which defines configuration overrides to prioritize\n   * properties from the root element's dataset.\n   *\n   * It should take a subset of configuration as input and return\n   * a new configuration object with properties that should be\n   * overridden based on the root element's dataset. A Symbol\n   * is used for indexing to prevent conflicts.\n   *\n   * @internal\n   * @virtual\n   * @param {Partial<ConfigurationType>} [param] - Configuration object\n   * @returns {Partial<ConfigurationType>} return - Configuration object\n   */\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  [configOverride](param) {\n    return {}\n  }\n\n  /**\n   * Returns the root element of the component\n   *\n   * @protected\n   * @returns {ConfigurationType} - the root element of component\n   */\n  get config() {\n    return this._config\n  }\n\n  /**\n   *\n   * @type {ConfigurationType}\n   */\n  _config\n\n  /**\n   * Constructs a new component, validating that GOV.UK Frontend is supported\n   *\n   * @internal\n   * @param {Element | null} [$root] - HTML element to use for component\n   * @param {ConfigurationType} [config] - HTML element to use for component\n   */\n  constructor($root, config) {\n    super($root)\n\n    const childConstructor =\n      /** @type {ChildClassConstructor<ConfigurationType>} */ (this.constructor)\n\n    if (!isObject(childConstructor.defaults)) {\n      throw new ConfigError(\n        formatErrorMessage(\n          childConstructor,\n          'Config passed as parameter into constructor but no defaults defined'\n        )\n      )\n    }\n\n    const datasetConfig = /** @type {ConfigurationType} */ (\n      normaliseDataset(childConstructor, this._$root.dataset)\n    )\n\n    this._config = /** @type {ConfigurationType} */ (\n      mergeConfigs(\n        childConstructor.defaults,\n        config ?? {},\n        this[configOverride](datasetConfig),\n        datasetConfig\n      )\n    )\n  }\n}\n\n/**\n * Normalise string\n *\n * 'If it looks like a duck, and it quacks like a duck…' 🦆\n *\n * If the passed value looks like a boolean or a number, convert it to a boolean\n * or number.\n *\n * Designed to be used to convert config passed via data attributes (which are\n * always strings) into something sensible.\n *\n * @internal\n * @param {DOMStringMap[string]} value - The value to normalise\n * @param {SchemaProperty} [property] - Component schema property\n * @returns {string | boolean | number | undefined} Normalised data\n */\nexport function normaliseString(value, property) {\n  const trimmedValue = value ? value.trim() : ''\n\n  let output\n  let outputType = property?.type\n\n  // No schema type set? Determine automatically\n  if (!outputType) {\n    if (['true', 'false'].includes(trimmedValue)) {\n      outputType = 'boolean'\n    }\n\n    // Empty / whitespace-only strings are considered finite so we need to check\n    // the length of the trimmed string as well\n    if (trimmedValue.length > 0 && isFinite(Number(trimmedValue))) {\n      outputType = 'number'\n    }\n  }\n\n  switch (outputType) {\n    case 'boolean':\n      output = trimmedValue === 'true'\n      break\n\n    case 'number':\n      output = Number(trimmedValue)\n      break\n\n    default:\n      output = value\n  }\n\n  return output\n}\n\n/**\n * Normalise dataset\n *\n * Loop over an object and normalise each value using {@link normaliseString},\n * optionally expanding nested `i18n.field`\n *\n * @internal\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @template {[keyof ConfigurationType, SchemaProperty | undefined][]} SchemaEntryType\n * @param {{ schema?: Schema<ConfigurationType>, moduleName: string }} Component - Component class\n * @param {DOMStringMap} dataset - HTML element dataset\n * @returns {ObjectNested} Normalised dataset\n */\nexport function normaliseDataset(Component, dataset) {\n  if (!isObject(Component.schema)) {\n    throw new ConfigError(\n      formatErrorMessage(\n        Component,\n        'Config passed as parameter into constructor but no schema defined'\n      )\n    )\n  }\n\n  const out = /** @type {ObjectNested} */ ({})\n  const entries = /** @type {SchemaEntryType} */ (\n    Object.entries(Component.schema.properties)\n  )\n\n  // Normalise top-level dataset ('data-*') values using schema types\n  for (const entry of entries) {\n    const [namespace, property] = entry\n\n    // Cast the `namespace` to string so it can be used to access the dataset\n    const field = namespace.toString()\n\n    if (field in dataset) {\n      out[field] = normaliseString(dataset[field], property)\n    }\n\n    /**\n     * Extract and normalise nested object values automatically using\n     * {@link normaliseString} but only schema object types are allowed\n     */\n    if (property?.type === 'object') {\n      out[field] = extractConfigByNamespace(\n        Component.schema,\n        dataset,\n        namespace\n      )\n    }\n  }\n\n  return out\n}\n\n/**\n * Normalise options passed to `initAll` or `createAll`\n *\n * @internal\n * @template {CompatibleClass} ComponentClass\n * @param {Config | CreateAllOptions<ComponentClass> | OnErrorCallback<ComponentClass> | Element | Document | null} [scopeOrOptions] - Scope of the document to search within, initialisation options or error callback function\n * @returns {CreateAllOptions<ComponentClass>} Normalised options\n */\nexport function normaliseOptions(scopeOrOptions) {\n  let /** @type {Element | Document | null} */ $scope = document\n  let /** @type {OnErrorCallback<ComponentClass> | undefined} */ onError\n\n  // Handle options object\n  if (isObject(scopeOrOptions)) {\n    const options = scopeOrOptions\n\n    // Scope must be valid or null\n    if (isScope(options.scope) || options.scope === null) {\n      $scope = options.scope\n    }\n\n    // Error handler must be a function\n    if (typeof options.onError === 'function') {\n      onError = options.onError\n    }\n  }\n\n  if (isScope(scopeOrOptions)) {\n    $scope = scopeOrOptions\n  } else if (scopeOrOptions === null) {\n    $scope = null\n  } else if (typeof scopeOrOptions === 'function') {\n    onError = scopeOrOptions\n  }\n\n  return {\n    scope: $scope,\n    onError\n  }\n}\n\n/**\n * Config merging function\n *\n * Takes any number of objects and combines them together, with\n * greatest priority on the LAST item passed in.\n *\n * @internal\n * @param {...{ [key: string]: unknown }} configObjects - Config objects to merge\n * @returns {{ [key: string]: unknown }} A merged config object\n */\nexport function mergeConfigs(...configObjects) {\n  // Start with an empty object as our base\n  /** @type {{ [key: string]: unknown }} */\n  const formattedConfigObject = {}\n\n  // Loop through each of the passed objects\n  for (const configObject of configObjects) {\n    for (const key of Object.keys(configObject)) {\n      const option = formattedConfigObject[key]\n      const override = configObject[key]\n\n      // Push their keys one-by-one into formattedConfigObject. Any duplicate\n      // keys with object values will be merged, otherwise the new value will\n      // override the existing value.\n      if (isObject(option) && isObject(override)) {\n        formattedConfigObject[key] = mergeConfigs(option, override)\n      } else {\n        // Apply override\n        formattedConfigObject[key] = override\n      }\n    }\n  }\n\n  return formattedConfigObject\n}\n\n/**\n * Validate component config by schema\n *\n * Follows limited examples in JSON schema for wider support in future\n *\n * {@link https://ajv.js.org/json-schema.html#compound-keywords}\n * {@link https://ajv.js.org/packages/ajv-errors.html#single-message}\n *\n * @internal\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @param {Schema<ConfigurationType>} schema - The schema of a component\n * @param {ConfigurationType} config - Component config\n * @returns {string[]} List of validation errors\n */\nexport function validateConfig(schema, config) {\n  const validationErrors = []\n\n  // Check errors for each schema\n  for (const [name, conditions] of Object.entries(schema)) {\n    const errors = []\n\n    // Check errors for each schema condition\n    if (Array.isArray(conditions)) {\n      for (const { required, errorMessage } of conditions) {\n        if (!required.every((key) => !!config[key])) {\n          errors.push(errorMessage) // Missing config key value\n        }\n      }\n\n      // Check one condition passes or add errors\n      if (name === 'anyOf' && !(conditions.length - errors.length >= 1)) {\n        validationErrors.push(...errors)\n      }\n    }\n  }\n\n  return validationErrors\n}\n\n/**\n * Extracts keys starting with a particular namespace from dataset ('data-*')\n * object, removing the namespace in the process, normalising all values\n *\n * @internal\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @param {Schema<ConfigurationType>} schema - The schema of a component\n * @param {DOMStringMap} dataset - The object to extract key-value pairs from\n * @param {keyof ConfigurationType} namespace - The namespace to filter keys with\n * @returns {ObjectNested | undefined} Nested object with dot-separated key namespace removed\n */\nexport function extractConfigByNamespace(schema, dataset, namespace) {\n  const property = schema.properties[namespace]\n\n  // Only extract configs for object schema properties\n  if (property?.type !== 'object') {\n    return\n  }\n\n  // Add default empty config\n  const newObject = /** @type {Record<typeof namespace, ObjectNested>} */ ({\n    [namespace]: {}\n  })\n\n  for (const [key, value] of Object.entries(dataset)) {\n    /** @type {ObjectNested | ObjectNested[NestedKey]} */\n    let current = newObject\n\n    // Split the key into parts, using . as our namespace separator\n    const keyParts = key.split('.')\n\n    /**\n     * Create new level per part\n     *\n     * e.g. 'i18n.textareaDescription.other' becomes\n     * `{ i18n: { textareaDescription: { other } } }`\n     */\n    for (const [index, name] of keyParts.entries()) {\n      if (isObject(current)) {\n        // Drop down to nested object until the last part\n        if (index < keyParts.length - 1) {\n          // New nested object (optionally) replaces existing value\n          if (!isObject(current[name])) {\n            current[name] = {}\n          }\n\n          // Drop down into new or existing nested object\n          current = current[name]\n        } else if (key !== namespace) {\n          // Normalised value (optionally) replaces existing value\n          current[name] = normaliseString(value)\n        }\n      }\n    }\n  }\n\n  return newObject[namespace]\n}\n\n/**\n * @internal\n * @typedef {keyof ObjectNested} NestedKey\n * @typedef {{ [key: string]: string | boolean | number | ObjectNested | undefined }} ObjectNested\n */\n\n/**\n * Schema for component config\n *\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @typedef {object} Schema\n * @property {Record<keyof ConfigurationType, SchemaProperty | undefined>} properties - Schema properties\n * @property {SchemaCondition<ConfigurationType>[]} [anyOf] - List of schema conditions\n */\n\n/**\n * Schema property for component config\n *\n * @typedef {object} SchemaProperty\n * @property {'string' | 'boolean' | 'number' | 'object'} type - Property type\n */\n\n/**\n * Schema condition for component config\n *\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @typedef {object} SchemaCondition\n * @property {(keyof ConfigurationType)[]} required - List of required config fields\n * @property {string} errorMessage - Error message when required config fields not provided\n */\n\n/**\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]\n * @typedef ChildClass\n * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component\n * @property {Schema<ConfigurationType>} [schema] - The schema of the component configuration\n * @property {ConfigurationType} [defaults] - The default values of the configuration of the component\n */\n\n/**\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]\n * @typedef {typeof Component & ChildClass<ConfigurationType>} ChildClassConstructor<ConfigurationType>\n */\n\n/**\n * @import { CompatibleClass, Config, CreateAllOptions, OnErrorCallback } from '../init.mjs'\n */\n","import { isObject } from './common/index.mjs'\n\n/**\n * Internal support for selecting messages to render, with placeholder\n * interpolation and locale-aware number formatting and pluralisation\n *\n * @internal\n */\nexport class I18n {\n  translations\n  locale\n\n  /**\n   * @internal\n   * @param {{ [key: string]: string | TranslationPluralForms }} translations - Key-value pairs of the translation strings to use.\n   * @param {object} [config] - Configuration options for the function.\n   * @param {string | null} [config.locale] - An overriding locale for the PluralRules functionality.\n   */\n  constructor(translations = {}, config = {}) {\n    // Make list of translations available throughout function\n    this.translations = translations\n\n    // The locale to use for PluralRules and NumberFormat\n    this.locale = config.locale ?? (document.documentElement.lang || 'en')\n  }\n\n  /**\n   * The most used function - takes the key for a given piece of UI text and\n   * returns the appropriate string.\n   *\n   * @internal\n   * @param {string} lookupKey - The lookup key of the string to use.\n   * @param {{ [key: string]: unknown }} [options] - Any options passed with the translation string, e.g: for string interpolation.\n   * @returns {string} The appropriate translation string.\n   * @throws {Error} Lookup key required\n   * @throws {Error} Options required for `${}` placeholders\n   */\n  t(lookupKey, options) {\n    if (!lookupKey) {\n      // Print a console error if no lookup key has been provided\n      throw new Error('i18n: lookup key missing')\n    }\n\n    // Fetch the translation for that lookup key\n    let translation = this.translations[lookupKey]\n\n    // If the `count` option is set, determine which plural suffix is needed and\n    // change the lookupKey to match. We check to see if it's numeric instead of\n    // falsy, as this could legitimately be 0.\n    if (typeof options?.count === 'number' && isObject(translation)) {\n      const translationPluralForm =\n        translation[this.getPluralSuffix(lookupKey, options.count)]\n\n      // Update translation with plural suffix\n      if (translationPluralForm) {\n        translation = translationPluralForm\n      }\n    }\n\n    if (typeof translation === 'string') {\n      // Check for ${} placeholders in the translation string\n      // eslint-disable-next-line @typescript-eslint/prefer-regexp-exec\n      if (translation.match(/%{(.\\S+)}/)) {\n        if (!options) {\n          throw new Error(\n            'i18n: cannot replace placeholders in string if no option data provided'\n          )\n        }\n\n        return this.replacePlaceholders(translation, options)\n      }\n\n      return translation\n    }\n\n    // If the key wasn't found in our translations object,\n    // return the lookup key itself as the fallback\n    return lookupKey\n  }\n\n  /**\n   * Takes a translation string with placeholders, and replaces the placeholders\n   * with the provided data\n   *\n   * @internal\n   * @param {string} translationString - The translation string\n   * @param {{ [key: string]: unknown }} options - Any options passed with the translation string, e.g: for string interpolation.\n   * @returns {string} The translation string to output, with $\\{\\} placeholders replaced\n   */\n  replacePlaceholders(translationString, options) {\n    const formatter = Intl.NumberFormat.supportedLocalesOf(this.locale).length\n      ? new Intl.NumberFormat(this.locale)\n      : undefined\n\n    return translationString.replace(\n      /%{(.\\S+)}/g,\n\n      /**\n       * Replace translation string placeholders\n       *\n       * @internal\n       * @param {string} placeholderWithBraces - Placeholder with braces\n       * @param {string} placeholderKey - Placeholder key\n       * @returns {string} Placeholder value\n       */\n      function (placeholderWithBraces, placeholderKey) {\n        if (Object.prototype.hasOwnProperty.call(options, placeholderKey)) {\n          const placeholderValue = options[placeholderKey]\n\n          // If a user has passed `false` as the value for the placeholder\n          // treat it as though the value should not be displayed\n          if (\n            placeholderValue === false ||\n            (typeof placeholderValue !== 'number' &&\n              typeof placeholderValue !== 'string')\n          ) {\n            return ''\n          }\n\n          // If the placeholder's value is a number, localise the number formatting\n          if (typeof placeholderValue === 'number') {\n            return formatter\n              ? formatter.format(placeholderValue)\n              : `${placeholderValue}`\n          }\n\n          return placeholderValue\n        }\n\n        throw new Error(\n          `i18n: no data found to replace ${placeholderWithBraces} placeholder in string`\n        )\n      }\n    )\n  }\n\n  /**\n   * Check to see if the browser supports Intl.PluralRules\n   *\n   * It requires all conditions to be met in order to be supported:\n   * - The implementation of Intl supports PluralRules (NOT true in Safari 10–12)\n   * - The browser/OS has plural rules for the current locale (browser dependent)\n   *\n   * {@link https://browsersl.ist/#q=supports+es6-module+and+not+supports+intl-pluralrules}\n   *\n   * @internal\n   * @returns {boolean} Returns true if all conditions are met. Returns false otherwise.\n   */\n  hasIntlPluralRulesSupport() {\n    return Boolean(\n      'PluralRules' in window.Intl &&\n        Intl.PluralRules.supportedLocalesOf(this.locale).length\n    )\n  }\n\n  /**\n   * Get the appropriate suffix for the plural form.\n   *\n   * Uses Intl.PluralRules (or our own fallback implementation) to get the\n   * 'preferred' form to use for the given count.\n   *\n   * Checks that a translation has been provided for that plural form – if it\n   * hasn't, it'll fall back to the 'other' plural form (unless that doesn't exist\n   * either, in which case an error will be thrown)\n   *\n   * @internal\n   * @param {string} lookupKey - The lookup key of the string to use.\n   * @param {number} count - Number used to determine which pluralisation to use.\n   * @returns {PluralRule} The suffix associated with the correct pluralisation for this locale.\n   * @throws {Error} Plural form `.other` required when preferred plural form is missing\n   */\n  getPluralSuffix(lookupKey, count) {\n    // Validate that the number is actually a number.\n    //\n    // Number(count) will turn anything that can't be converted to a Number type\n    // into 'NaN'. isFinite filters out NaN, as it isn't a finite number.\n    // eslint-disable-next-line @typescript-eslint/no-unnecessary-type-conversion\n    count = Number(count)\n    if (!isFinite(count)) {\n      return 'other'\n    }\n\n    // Fetch the translation for that lookup key\n    const translation = this.translations[lookupKey]\n\n    // Check to verify that all the requirements for Intl.PluralRules are met.\n    // If so, we can use that instead of our custom implementation. Otherwise,\n    // use the hardcoded fallback.\n    const preferredForm = this.hasIntlPluralRulesSupport()\n      ? new Intl.PluralRules(this.locale).select(count)\n      : 'other'\n\n    // Use the correct plural form if provided\n    if (isObject(translation)) {\n      if (preferredForm in translation) {\n        return preferredForm\n        // Fall back to `other` if the plural form is missing, but log a warning\n        // to the console\n      } else if ('other' in translation) {\n        console.warn(\n          `i18n: Missing plural form \".${preferredForm}\" for \"${this.locale}\" locale. Falling back to \".other\".`\n        )\n\n        return 'other'\n      }\n    }\n\n    // If the required `other` plural form is missing, all we can do is error\n    throw new Error(\n      `i18n: Plural form \".other\" is required for \"${this.locale}\" locale`\n    )\n  }\n}\n\n/**\n * Plural rule category mnemonic tags\n *\n * @internal\n * @typedef {'zero' | 'one' | 'two' | 'few' | 'many' | 'other'} PluralRule\n */\n\n/**\n * Translated message by plural rule they correspond to.\n *\n * Allows to group pluralised messages under a single key when passing\n * translations to a component's constructor\n *\n * @internal\n * @typedef {object} TranslationPluralForms\n * @property {string} [other] - General plural form\n * @property {string} [zero] - Plural form used with 0\n * @property {string} [one] - Plural form used with 1\n * @property {string} [two] - Plural form used with 2\n * @property {string} [few] - Plural form used for a few\n * @property {string} [many] - Plural form used for many\n */\n","import { closestAttributeValue } from '../../common/closest-attribute-value.mjs'\nimport { ConfigurableComponent } from '../../common/configuration.mjs'\nimport { formatErrorMessage } from '../../common/index.mjs'\nimport { ElementError } from '../../errors/index.mjs'\nimport { I18n } from '../../i18n.mjs'\n\n/**\n * File upload component\n *\n * @preserve\n * @augments ConfigurableComponent<FileUploadConfig>\n */\nexport class FileUpload extends ConfigurableComponent {\n  /**\n   * @private\n   * @type {HTMLFileInputElement}\n   */\n  $input\n\n  /**\n   * @private\n   */\n  $button\n\n  /**\n   * @private\n   */\n  $status\n\n  /** @private */\n  i18n\n\n  /** @private */\n  id\n\n  /** @private */\n  $announcements\n\n  /**\n   * @private\n   * @type {boolean | undefined}\n   */\n  enteredAnotherElement\n\n  /**\n   * @param {Element | null} $root - File input element\n   * @param {FileUploadConfig} [config] - File Upload config\n   */\n  constructor($root, config = {}) {\n    super($root, config)\n\n    const $input = this.$root.querySelector('input')\n\n    if ($input === null) {\n      throw new ElementError({\n        component: FileUpload,\n        identifier: 'File inputs (`<input type=\"file\">`)'\n      })\n    }\n\n    if ($input.type !== 'file') {\n      throw new ElementError(\n        formatErrorMessage(\n          FileUpload,\n          'File input (`<input type=\"file\">`) attribute (`type`) is not `file`'\n        )\n      )\n    }\n\n    this.$input = /** @type {HTMLFileInputElement} */ ($input)\n\n    if (!this.$input.id) {\n      throw new ElementError({\n        component: FileUpload,\n        identifier: 'File input (`<input type=\"file\">`) attribute (`id`)'\n      })\n    }\n\n    this.id = this.$input.id\n\n    this.i18n = new I18n(this.config.i18n, {\n      // Read the fallback if necessary rather than have it set in the defaults\n      locale: closestAttributeValue(this.$root, 'lang')\n    })\n\n    const $label = this.findLabel()\n    // Add an ID to the label if it doesn't have one already\n    // so it can be referenced by `aria-labelledby`\n    if (!$label.id) {\n      $label.id = `${this.id}-label`\n    }\n\n    // we need to copy the 'id' of the root element\n    // to the new button replacement element\n    // so that focus will work in the error summary\n    this.$input.id = `${this.id}-input`\n\n    // Hide the native input\n    this.$input.setAttribute('hidden', 'true')\n\n    // Create the file selection button\n    const $button = document.createElement('button')\n    $button.classList.add('govuk-file-upload-button')\n    $button.type = 'button'\n    $button.id = this.id\n    $button.classList.add('govuk-file-upload-button--empty')\n\n    // Copy `aria-describedby` if present so hints and errors\n    // are associated to the `<button>`\n    const ariaDescribedBy = this.$input.getAttribute('aria-describedby')\n    if (ariaDescribedBy) {\n      $button.setAttribute('aria-describedby', ariaDescribedBy)\n    }\n\n    // Create status element that shows what/how many files are selected\n    const $status = document.createElement('span')\n    $status.className = 'govuk-body govuk-file-upload-button__status'\n    $status.setAttribute('aria-live', 'polite')\n    $status.innerText = this.i18n.t('noFileChosen')\n\n    $button.appendChild($status)\n\n    const commaSpan = document.createElement('span')\n    commaSpan.className = 'govuk-visually-hidden'\n    commaSpan.innerText = ', '\n    commaSpan.id = `${this.id}-comma`\n\n    $button.appendChild(commaSpan)\n\n    const containerSpan = document.createElement('span')\n    containerSpan.className =\n      'govuk-file-upload-button__pseudo-button-container'\n\n    const buttonSpan = document.createElement('span')\n    buttonSpan.className =\n      'govuk-button govuk-button--secondary govuk-file-upload-button__pseudo-button'\n    buttonSpan.innerText = this.i18n.t('chooseFilesButton')\n\n    containerSpan.appendChild(buttonSpan)\n\n    // Add a space so the button and instruction read correctly\n    // when CSS is disabled\n    containerSpan.insertAdjacentText('beforeend', ' ')\n\n    const instructionSpan = document.createElement('span')\n    instructionSpan.className =\n      'govuk-body govuk-file-upload-button__instruction'\n    instructionSpan.innerText = this.i18n.t('dropInstruction')\n\n    containerSpan.appendChild(instructionSpan)\n\n    $button.appendChild(containerSpan)\n    $button.setAttribute(\n      'aria-labelledby',\n      `${$label.id} ${commaSpan.id} ${$button.id}`\n    )\n    $button.addEventListener('click', this.onClick.bind(this))\n    $button.addEventListener('dragover', (event) => {\n      // prevent default to allow drop\n      event.preventDefault()\n    })\n\n    // Assemble these all together\n    this.$root.insertAdjacentElement('afterbegin', $button)\n\n    this.$input.setAttribute('tabindex', '-1')\n    this.$input.setAttribute('aria-hidden', 'true')\n\n    // Make all these new variables available to the module\n    this.$button = $button\n    this.$status = $status\n\n    // Bind change event to the underlying input\n    this.$input.addEventListener('change', this.onChange.bind(this))\n\n    // Synchronise the `disabled` state between the button and underlying input\n    this.updateDisabledState()\n    this.observeDisabledState()\n\n    // Handle drop zone visibility\n    // A live region to announce when users enter or leave the drop zone\n    this.$announcements = document.createElement('span')\n    this.$announcements.classList.add('govuk-file-upload-announcements')\n    this.$announcements.classList.add('govuk-visually-hidden')\n    this.$announcements.setAttribute('aria-live', 'assertive')\n    this.$root.insertAdjacentElement('afterend', this.$announcements)\n\n    // if there is no CSS and input is hidden\n    // button will need to handle drop event\n    this.$button.addEventListener('drop', this.onDrop.bind(this))\n\n    // While user is dragging, it gets a little more complex because of Safari.\n    // Safari doesn't fill `relatedTarget` on `dragleave` (nor `dragenter`).\n    // This means we can't use `relatedTarget` to:\n    // - check if the user is still within the wrapper\n    //   (`relatedTarget` being a descendant of the wrapper)\n    // - check if the user is still over the viewport\n    //   (`relatedTarget` being null if outside)\n\n    // Thanks to `dragenter` bubbling, we can listen on the `document` with a\n    // single function and update the visibility based on whether we entered a\n    // node inside or outside the wrapper.\n    document.addEventListener(\n      'dragenter',\n      this.updateDropzoneVisibility.bind(this)\n    )\n\n    // To detect if we're outside the document, we can track if there was a\n    // `dragenter` event preceding a `dragleave`. If there wasn't, this means\n    // we're outside the document.\n    //\n    // The order of events is guaranteed by the HTML specs:\n    // https://html.spec.whatwg.org/multipage/dnd.html#drag-and-drop-processing-model\n    document.addEventListener('dragenter', () => {\n      this.enteredAnotherElement = true\n    })\n\n    document.addEventListener('dragleave', () => {\n      if (!this.enteredAnotherElement && !this.$button.disabled) {\n        this.hideDraggingState()\n        this.$announcements.innerText = this.i18n.t('leftDropZone')\n      }\n\n      this.enteredAnotherElement = false\n    })\n  }\n\n  /**\n   * Updates the visibility of the dropzone as users enters the various elements on the page\n   *\n   * @private\n   * @param {DragEvent} event - The `dragenter` event\n   */\n  updateDropzoneVisibility(event) {\n    if (this.$button.disabled) return\n\n    // DOM interfaces only type `event.target` as `EventTarget`\n    // so we first need to make sure it's a `Node`\n    if (event.target instanceof Node) {\n      if (this.$root.contains(event.target)) {\n        if (event.dataTransfer && isContainingFiles(event.dataTransfer)) {\n          // Only update the class and make the announcement if not already visible\n          // to avoid repeated announcements on NVDA (2024.4) + Firefox (133)\n          if (\n            !this.$button.classList.contains(\n              'govuk-file-upload-button--dragging'\n            )\n          ) {\n            this.showDraggingState()\n            this.$announcements.innerText = this.i18n.t('enteredDropZone')\n          }\n        }\n      } else {\n        // Only hide the dropzone if it is visible to prevent announcing user\n        // left the drop zone when they enter the page but haven't reached yet\n        // the file upload component\n        if (\n          this.$button.classList.contains('govuk-file-upload-button--dragging')\n        ) {\n          this.hideDraggingState()\n          this.$announcements.innerText = this.i18n.t('leftDropZone')\n        }\n      }\n    }\n  }\n\n  /**\n   * Show the drop zone visually\n   *\n   * @private\n   */\n  showDraggingState() {\n    this.$button.classList.add('govuk-file-upload-button--dragging')\n  }\n\n  /**\n   * Hides the drop zone visually\n   *\n   * @private\n   */\n  hideDraggingState() {\n    this.$button.classList.remove('govuk-file-upload-button--dragging')\n  }\n\n  /**\n   * Handles user dropping on the component\n   *\n   * @private\n   * @param {DragEvent} event - The `dragenter` event\n   */\n  onDrop(event) {\n    event.preventDefault()\n\n    if (event.dataTransfer && isContainingFiles(event.dataTransfer)) {\n      this.$input.files = event.dataTransfer.files\n\n      // Dispatch a `change` event so external code that would rely on the `<input>`\n      // dispatching an event when files are dropped still work.\n      // Use a `CustomEvent` so our events are distinguishable from browser's native events\n      this.$input.dispatchEvent(new CustomEvent('change'))\n\n      this.hideDraggingState()\n    }\n  }\n\n  /**\n   * Check if the value of the underlying input has changed\n   *\n   * @private\n   */\n  onChange() {\n    const fileCount = this.$input.files.length\n\n    if (fileCount === 0) {\n      // If there are no files, show the default selection text\n      this.$status.innerText = this.i18n.t('noFileChosen')\n      this.$button.classList.add('govuk-file-upload-button--empty')\n    } else {\n      if (\n        // If there is 1 file, just show the file name\n        fileCount === 1\n      ) {\n        this.$status.innerText = this.$input.files[0].name\n      } else {\n        // Otherwise, tell the user how many files are selected\n        this.$status.innerText = this.i18n.t('multipleFilesChosen', {\n          count: fileCount\n        })\n      }\n\n      this.$button.classList.remove('govuk-file-upload-button--empty')\n    }\n  }\n\n  /**\n   * Looks up the `<label>` element associated to the field\n   *\n   * @private\n   * @returns {HTMLElement} The `<label>` element associated to the field\n   * @throws {ElementError} If the `<label>` cannot be found\n   */\n  findLabel() {\n    // Use `label` in the selector so TypeScript knows the type fo `HTMLElement`\n    const $label = document.querySelector(`label[for=\"${this.$input.id}\"]`)\n\n    if (!$label) {\n      throw new ElementError({\n        component: FileUpload,\n        identifier: `Field label (\\`<label for=${this.$input.id}>\\`)`\n      })\n    }\n\n    return $label\n  }\n\n  /**\n   * When the button is clicked, emulate clicking the actual, hidden file input\n   *\n   * @private\n   */\n  onClick() {\n    this.$input.click()\n  }\n\n  /**\n   * Create a mutation observer to check if the input's attributes altered.\n   *\n   * @private\n   */\n  observeDisabledState() {\n    const observer = new MutationObserver((mutationList) => {\n      for (const mutation of mutationList) {\n        if (\n          mutation.type === 'attributes' &&\n          mutation.attributeName === 'disabled'\n        ) {\n          this.updateDisabledState()\n        }\n      }\n    })\n\n    observer.observe(this.$input, {\n      attributes: true\n    })\n  }\n\n  /**\n   * Synchronise the `disabled` state between the input and replacement button.\n   *\n   * @private\n   */\n  updateDisabledState() {\n    this.$button.disabled = this.$input.disabled\n\n    this.$root.classList.toggle(\n      'govuk-drop-zone--disabled',\n      this.$button.disabled\n    )\n  }\n\n  /**\n   * Name for the component used when initialising using data-module attributes.\n   */\n  static moduleName = 'govuk-file-upload'\n\n  /**\n   * File upload default config\n   *\n   * @see {@link FileUploadConfig}\n   * @constant\n   * @type {FileUploadConfig}\n   */\n  static defaults = Object.freeze({\n    i18n: {\n      chooseFilesButton: 'Choose file',\n      dropInstruction: 'or drop file',\n      noFileChosen: 'No file chosen',\n      multipleFilesChosen: {\n        // the 'one' string isn't used as the component displays the filename\n        // instead, however it's here for coverage's sake\n        one: '%{count} file chosen',\n        other: '%{count} files chosen'\n      },\n      enteredDropZone: 'Entered drop zone',\n      leftDropZone: 'Left drop zone'\n    }\n  })\n\n  /**\n   * File upload config schema\n   *\n   * @constant\n   * @satisfies {Schema<FileUploadConfig>}\n   */\n  static schema = Object.freeze({\n    properties: {\n      i18n: { type: 'object' }\n    }\n  })\n}\n\n/**\n * Checks if the given `DataTransfer` contains files\n *\n * @internal\n * @param {DataTransfer} dataTransfer - The `DataTransfer` to check\n * @returns {boolean} - `true` if it contains files or we can't infer it, `false` otherwise\n */\nfunction isContainingFiles(dataTransfer) {\n  // Safari sometimes does not provide info about types :'(\n  // In which case best not to assume anything and try to set the files\n  const hasNoTypesInfo = dataTransfer.types.length === 0\n\n  // When dragging images, there's a mix of mime types + Files\n  // which we can't assign to the native input\n  const isDraggingFiles = dataTransfer.types.some((type) => type === 'Files')\n\n  return hasNoTypesInfo || isDraggingFiles\n}\n\n/**\n * @typedef {HTMLInputElement & {files: FileList}} HTMLFileInputElement\n */\n\n/**\n * File upload config\n *\n * @see {@link FileUpload.defaults}\n * @typedef {object} FileUploadConfig\n * @property {FileUploadTranslations} [i18n=FileUpload.defaults.i18n] - File upload translations\n */\n\n/**\n * File upload translations\n *\n * @see {@link FileUpload.defaults.i18n}\n * @typedef {object} FileUploadTranslations\n *\n * Messages used by the component\n * @property {string} [chooseFile] - The text of the button that opens the file picker\n * @property {string} [dropInstruction] - The text informing users they can drop files\n * @property {TranslationPluralForms} [multipleFilesChosen] - The text displayed when multiple files\n *   have been chosen by the user\n * @property {string} [noFileChosen] - The text to displayed when no file has been chosen by the user\n * @property {string} [enteredDropZone] - The text announced by assistive technology\n *   when user drags files and enters the drop zone\n * @property {string} [leftDropZone] - The text announced by assistive technology\n *   when user drags files and leaves the drop zone without dropping\n */\n\n/**\n * @import { Schema } from '../../common/configuration.mjs'\n * @import { TranslationPluralForms } from '../../i18n.mjs'\n */\n"],"names":["closestAttributeValue","$element","attributeName","$closestElementWithAttribute","closest","getAttribute","isInitialised","$root","moduleName","HTMLElement","hasAttribute","isSupported","$scope","document","body","classList","contains","isArray","option","Array","isObject","formatErrorMessage","Component","message","GOVUKFrontendError","Error","constructor","args","name","SupportError","supportMessage","HTMLScriptElement","prototype","ConfigError","ElementError","messageOrOptions","component","identifier","element","expectedType","InitError","componentOrMessage","_$root","childConstructor","elementType","checkSupport","checkInitialised","setAttribute","configOverride","Symbol","for","ConfigurableComponent","param","config","_config","defaults","datasetConfig","normaliseDataset","dataset","mergeConfigs","normaliseString","value","property","trimmedValue","trim","output","outputType","type","includes","length","isFinite","Number","schema","out","entries","Object","properties","entry","namespace","field","toString","extractConfigByNamespace","configObjects","formattedConfigObject","configObject","key","keys","override","newObject","current","keyParts","split","index","I18n","translations","_config$locale","locale","documentElement","lang","t","lookupKey","options","translation","count","translationPluralForm","getPluralSuffix","match","replacePlaceholders","translationString","formatter","Intl","NumberFormat","supportedLocalesOf","undefined","replace","placeholderWithBraces","placeholderKey","hasOwnProperty","call","placeholderValue","format","hasIntlPluralRulesSupport","Boolean","window","PluralRules","preferredForm","select","console","warn","FileUpload","$input","$button","$status","i18n","id","$announcements","enteredAnotherElement","querySelector","$label","findLabel","createElement","add","ariaDescribedBy","className","innerText","appendChild","commaSpan","containerSpan","buttonSpan","insertAdjacentText","instructionSpan","addEventListener","onClick","bind","event","preventDefault","insertAdjacentElement","onChange","updateDisabledState","observeDisabledState","onDrop","updateDropzoneVisibility","disabled","hideDraggingState","target","Node","dataTransfer","isContainingFiles","showDraggingState","remove","files","dispatchEvent","CustomEvent","fileCount","click","observer","MutationObserver","mutationList","mutation","observe","attributes","toggle","freeze","chooseFilesButton","dropInstruction","noFileChosen","multipleFilesChosen","one","other","enteredDropZone","leftDropZone","hasNoTypesInfo","types","isDraggingFiles","some"],"mappings":"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"}
\ No newline at end of file
diff --git a/node_modules/govuk-frontend/dist/govuk/components/file-upload/file-upload.mjs b/node_modules/govuk-frontend/dist/govuk/components/file-upload/file-upload.mjs
new file mode 100644
index 0000000..98c855e
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/file-upload/file-upload.mjs
@@ -0,0 +1,257 @@
+import { closestAttributeValue } from '../../common/closest-attribute-value.mjs';
+import { ConfigurableComponent } from '../../common/configuration.mjs';
+import { formatErrorMessage } from '../../common/index.mjs';
+import { ElementError } from '../../errors/index.mjs';
+import { I18n } from '../../i18n.mjs';
+
+/**
+ * File upload component
+ *
+ * @preserve
+ * @augments ConfigurableComponent<FileUploadConfig>
+ */
+class FileUpload extends ConfigurableComponent {
+  /**
+   * @param {Element | null} $root - File input element
+   * @param {FileUploadConfig} [config] - File Upload config
+   */
+  constructor($root, config = {}) {
+    super($root, config);
+    this.$input = void 0;
+    this.$button = void 0;
+    this.$status = void 0;
+    this.i18n = void 0;
+    this.id = void 0;
+    this.$announcements = void 0;
+    this.enteredAnotherElement = void 0;
+    const $input = this.$root.querySelector('input');
+    if ($input === null) {
+      throw new ElementError({
+        component: FileUpload,
+        identifier: 'File inputs (`<input type="file">`)'
+      });
+    }
+    if ($input.type !== 'file') {
+      throw new ElementError(formatErrorMessage(FileUpload, 'File input (`<input type="file">`) attribute (`type`) is not `file`'));
+    }
+    this.$input = $input;
+    if (!this.$input.id) {
+      throw new ElementError({
+        component: FileUpload,
+        identifier: 'File input (`<input type="file">`) attribute (`id`)'
+      });
+    }
+    this.id = this.$input.id;
+    this.i18n = new I18n(this.config.i18n, {
+      locale: closestAttributeValue(this.$root, 'lang')
+    });
+    const $label = this.findLabel();
+    if (!$label.id) {
+      $label.id = `${this.id}-label`;
+    }
+    this.$input.id = `${this.id}-input`;
+    this.$input.setAttribute('hidden', 'true');
+    const $button = document.createElement('button');
+    $button.classList.add('govuk-file-upload-button');
+    $button.type = 'button';
+    $button.id = this.id;
+    $button.classList.add('govuk-file-upload-button--empty');
+    const ariaDescribedBy = this.$input.getAttribute('aria-describedby');
+    if (ariaDescribedBy) {
+      $button.setAttribute('aria-describedby', ariaDescribedBy);
+    }
+    const $status = document.createElement('span');
+    $status.className = 'govuk-body govuk-file-upload-button__status';
+    $status.setAttribute('aria-live', 'polite');
+    $status.innerText = this.i18n.t('noFileChosen');
+    $button.appendChild($status);
+    const commaSpan = document.createElement('span');
+    commaSpan.className = 'govuk-visually-hidden';
+    commaSpan.innerText = ', ';
+    commaSpan.id = `${this.id}-comma`;
+    $button.appendChild(commaSpan);
+    const containerSpan = document.createElement('span');
+    containerSpan.className = 'govuk-file-upload-button__pseudo-button-container';
+    const buttonSpan = document.createElement('span');
+    buttonSpan.className = 'govuk-button govuk-button--secondary govuk-file-upload-button__pseudo-button';
+    buttonSpan.innerText = this.i18n.t('chooseFilesButton');
+    containerSpan.appendChild(buttonSpan);
+    containerSpan.insertAdjacentText('beforeend', ' ');
+    const instructionSpan = document.createElement('span');
+    instructionSpan.className = 'govuk-body govuk-file-upload-button__instruction';
+    instructionSpan.innerText = this.i18n.t('dropInstruction');
+    containerSpan.appendChild(instructionSpan);
+    $button.appendChild(containerSpan);
+    $button.setAttribute('aria-labelledby', `${$label.id} ${commaSpan.id} ${$button.id}`);
+    $button.addEventListener('click', this.onClick.bind(this));
+    $button.addEventListener('dragover', event => {
+      event.preventDefault();
+    });
+    this.$root.insertAdjacentElement('afterbegin', $button);
+    this.$input.setAttribute('tabindex', '-1');
+    this.$input.setAttribute('aria-hidden', 'true');
+    this.$button = $button;
+    this.$status = $status;
+    this.$input.addEventListener('change', this.onChange.bind(this));
+    this.updateDisabledState();
+    this.observeDisabledState();
+    this.$announcements = document.createElement('span');
+    this.$announcements.classList.add('govuk-file-upload-announcements');
+    this.$announcements.classList.add('govuk-visually-hidden');
+    this.$announcements.setAttribute('aria-live', 'assertive');
+    this.$root.insertAdjacentElement('afterend', this.$announcements);
+    this.$button.addEventListener('drop', this.onDrop.bind(this));
+    document.addEventListener('dragenter', this.updateDropzoneVisibility.bind(this));
+    document.addEventListener('dragenter', () => {
+      this.enteredAnotherElement = true;
+    });
+    document.addEventListener('dragleave', () => {
+      if (!this.enteredAnotherElement && !this.$button.disabled) {
+        this.hideDraggingState();
+        this.$announcements.innerText = this.i18n.t('leftDropZone');
+      }
+      this.enteredAnotherElement = false;
+    });
+  }
+  updateDropzoneVisibility(event) {
+    if (this.$button.disabled) return;
+    if (event.target instanceof Node) {
+      if (this.$root.contains(event.target)) {
+        if (event.dataTransfer && isContainingFiles(event.dataTransfer)) {
+          if (!this.$button.classList.contains('govuk-file-upload-button--dragging')) {
+            this.showDraggingState();
+            this.$announcements.innerText = this.i18n.t('enteredDropZone');
+          }
+        }
+      } else {
+        if (this.$button.classList.contains('govuk-file-upload-button--dragging')) {
+          this.hideDraggingState();
+          this.$announcements.innerText = this.i18n.t('leftDropZone');
+        }
+      }
+    }
+  }
+  showDraggingState() {
+    this.$button.classList.add('govuk-file-upload-button--dragging');
+  }
+  hideDraggingState() {
+    this.$button.classList.remove('govuk-file-upload-button--dragging');
+  }
+  onDrop(event) {
+    event.preventDefault();
+    if (event.dataTransfer && isContainingFiles(event.dataTransfer)) {
+      this.$input.files = event.dataTransfer.files;
+      this.$input.dispatchEvent(new CustomEvent('change'));
+      this.hideDraggingState();
+    }
+  }
+  onChange() {
+    const fileCount = this.$input.files.length;
+    if (fileCount === 0) {
+      this.$status.innerText = this.i18n.t('noFileChosen');
+      this.$button.classList.add('govuk-file-upload-button--empty');
+    } else {
+      if (fileCount === 1) {
+        this.$status.innerText = this.$input.files[0].name;
+      } else {
+        this.$status.innerText = this.i18n.t('multipleFilesChosen', {
+          count: fileCount
+        });
+      }
+      this.$button.classList.remove('govuk-file-upload-button--empty');
+    }
+  }
+  findLabel() {
+    const $label = document.querySelector(`label[for="${this.$input.id}"]`);
+    if (!$label) {
+      throw new ElementError({
+        component: FileUpload,
+        identifier: `Field label (\`<label for=${this.$input.id}>\`)`
+      });
+    }
+    return $label;
+  }
+  onClick() {
+    this.$input.click();
+  }
+  observeDisabledState() {
+    const observer = new MutationObserver(mutationList => {
+      for (const mutation of mutationList) {
+        if (mutation.type === 'attributes' && mutation.attributeName === 'disabled') {
+          this.updateDisabledState();
+        }
+      }
+    });
+    observer.observe(this.$input, {
+      attributes: true
+    });
+  }
+  updateDisabledState() {
+    this.$button.disabled = this.$input.disabled;
+    this.$root.classList.toggle('govuk-drop-zone--disabled', this.$button.disabled);
+  }
+}
+FileUpload.moduleName = 'govuk-file-upload';
+FileUpload.defaults = Object.freeze({
+  i18n: {
+    chooseFilesButton: 'Choose file',
+    dropInstruction: 'or drop file',
+    noFileChosen: 'No file chosen',
+    multipleFilesChosen: {
+      one: '%{count} file chosen',
+      other: '%{count} files chosen'
+    },
+    enteredDropZone: 'Entered drop zone',
+    leftDropZone: 'Left drop zone'
+  }
+});
+FileUpload.schema = Object.freeze({
+  properties: {
+    i18n: {
+      type: 'object'
+    }
+  }
+});
+function isContainingFiles(dataTransfer) {
+  const hasNoTypesInfo = dataTransfer.types.length === 0;
+  const isDraggingFiles = dataTransfer.types.some(type => type === 'Files');
+  return hasNoTypesInfo || isDraggingFiles;
+}
+
+/**
+ * @typedef {HTMLInputElement & {files: FileList}} HTMLFileInputElement
+ */
+
+/**
+ * File upload config
+ *
+ * @see {@link FileUpload.defaults}
+ * @typedef {object} FileUploadConfig
+ * @property {FileUploadTranslations} [i18n=FileUpload.defaults.i18n] - File upload translations
+ */
+
+/**
+ * File upload translations
+ *
+ * @see {@link FileUpload.defaults.i18n}
+ * @typedef {object} FileUploadTranslations
+ *
+ * Messages used by the component
+ * @property {string} [chooseFile] - The text of the button that opens the file picker
+ * @property {string} [dropInstruction] - The text informing users they can drop files
+ * @property {TranslationPluralForms} [multipleFilesChosen] - The text displayed when multiple files
+ *   have been chosen by the user
+ * @property {string} [noFileChosen] - The text to displayed when no file has been chosen by the user
+ * @property {string} [enteredDropZone] - The text announced by assistive technology
+ *   when user drags files and enters the drop zone
+ * @property {string} [leftDropZone] - The text announced by assistive technology
+ *   when user drags files and leaves the drop zone without dropping
+ */
+
+/**
+ * @import { Schema } from '../../common/configuration.mjs'
+ * @import { TranslationPluralForms } from '../../i18n.mjs'
+ */
+
+export { FileUpload };
+//# sourceMappingURL=file-upload.mjs.map
diff --git a/node_modules/govuk-frontend/dist/govuk/components/file-upload/file-upload.mjs.map b/node_modules/govuk-frontend/dist/govuk/components/file-upload/file-upload.mjs.map
new file mode 100644
index 0000000..3c50a5c
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/file-upload/file-upload.mjs.map
@@ -0,0 +1 @@
+{"version":3,"file":"file-upload.mjs","sources":["../../../../src/govuk/components/file-upload/file-upload.mjs"],"sourcesContent":["import { closestAttributeValue } from '../../common/closest-attribute-value.mjs'\nimport { ConfigurableComponent } from '../../common/configuration.mjs'\nimport { formatErrorMessage } from '../../common/index.mjs'\nimport { ElementError } from '../../errors/index.mjs'\nimport { I18n } from '../../i18n.mjs'\n\n/**\n * File upload component\n *\n * @preserve\n * @augments ConfigurableComponent<FileUploadConfig>\n */\nexport class FileUpload extends ConfigurableComponent {\n  /**\n   * @private\n   * @type {HTMLFileInputElement}\n   */\n  $input\n\n  /**\n   * @private\n   */\n  $button\n\n  /**\n   * @private\n   */\n  $status\n\n  /** @private */\n  i18n\n\n  /** @private */\n  id\n\n  /** @private */\n  $announcements\n\n  /**\n   * @private\n   * @type {boolean | undefined}\n   */\n  enteredAnotherElement\n\n  /**\n   * @param {Element | null} $root - File input element\n   * @param {FileUploadConfig} [config] - File Upload config\n   */\n  constructor($root, config = {}) {\n    super($root, config)\n\n    const $input = this.$root.querySelector('input')\n\n    if ($input === null) {\n      throw new ElementError({\n        component: FileUpload,\n        identifier: 'File inputs (`<input type=\"file\">`)'\n      })\n    }\n\n    if ($input.type !== 'file') {\n      throw new ElementError(\n        formatErrorMessage(\n          FileUpload,\n          'File input (`<input type=\"file\">`) attribute (`type`) is not `file`'\n        )\n      )\n    }\n\n    this.$input = /** @type {HTMLFileInputElement} */ ($input)\n\n    if (!this.$input.id) {\n      throw new ElementError({\n        component: FileUpload,\n        identifier: 'File input (`<input type=\"file\">`) attribute (`id`)'\n      })\n    }\n\n    this.id = this.$input.id\n\n    this.i18n = new I18n(this.config.i18n, {\n      // Read the fallback if necessary rather than have it set in the defaults\n      locale: closestAttributeValue(this.$root, 'lang')\n    })\n\n    const $label = this.findLabel()\n    // Add an ID to the label if it doesn't have one already\n    // so it can be referenced by `aria-labelledby`\n    if (!$label.id) {\n      $label.id = `${this.id}-label`\n    }\n\n    // we need to copy the 'id' of the root element\n    // to the new button replacement element\n    // so that focus will work in the error summary\n    this.$input.id = `${this.id}-input`\n\n    // Hide the native input\n    this.$input.setAttribute('hidden', 'true')\n\n    // Create the file selection button\n    const $button = document.createElement('button')\n    $button.classList.add('govuk-file-upload-button')\n    $button.type = 'button'\n    $button.id = this.id\n    $button.classList.add('govuk-file-upload-button--empty')\n\n    // Copy `aria-describedby` if present so hints and errors\n    // are associated to the `<button>`\n    const ariaDescribedBy = this.$input.getAttribute('aria-describedby')\n    if (ariaDescribedBy) {\n      $button.setAttribute('aria-describedby', ariaDescribedBy)\n    }\n\n    // Create status element that shows what/how many files are selected\n    const $status = document.createElement('span')\n    $status.className = 'govuk-body govuk-file-upload-button__status'\n    $status.setAttribute('aria-live', 'polite')\n    $status.innerText = this.i18n.t('noFileChosen')\n\n    $button.appendChild($status)\n\n    const commaSpan = document.createElement('span')\n    commaSpan.className = 'govuk-visually-hidden'\n    commaSpan.innerText = ', '\n    commaSpan.id = `${this.id}-comma`\n\n    $button.appendChild(commaSpan)\n\n    const containerSpan = document.createElement('span')\n    containerSpan.className =\n      'govuk-file-upload-button__pseudo-button-container'\n\n    const buttonSpan = document.createElement('span')\n    buttonSpan.className =\n      'govuk-button govuk-button--secondary govuk-file-upload-button__pseudo-button'\n    buttonSpan.innerText = this.i18n.t('chooseFilesButton')\n\n    containerSpan.appendChild(buttonSpan)\n\n    // Add a space so the button and instruction read correctly\n    // when CSS is disabled\n    containerSpan.insertAdjacentText('beforeend', ' ')\n\n    const instructionSpan = document.createElement('span')\n    instructionSpan.className =\n      'govuk-body govuk-file-upload-button__instruction'\n    instructionSpan.innerText = this.i18n.t('dropInstruction')\n\n    containerSpan.appendChild(instructionSpan)\n\n    $button.appendChild(containerSpan)\n    $button.setAttribute(\n      'aria-labelledby',\n      `${$label.id} ${commaSpan.id} ${$button.id}`\n    )\n    $button.addEventListener('click', this.onClick.bind(this))\n    $button.addEventListener('dragover', (event) => {\n      // prevent default to allow drop\n      event.preventDefault()\n    })\n\n    // Assemble these all together\n    this.$root.insertAdjacentElement('afterbegin', $button)\n\n    this.$input.setAttribute('tabindex', '-1')\n    this.$input.setAttribute('aria-hidden', 'true')\n\n    // Make all these new variables available to the module\n    this.$button = $button\n    this.$status = $status\n\n    // Bind change event to the underlying input\n    this.$input.addEventListener('change', this.onChange.bind(this))\n\n    // Synchronise the `disabled` state between the button and underlying input\n    this.updateDisabledState()\n    this.observeDisabledState()\n\n    // Handle drop zone visibility\n    // A live region to announce when users enter or leave the drop zone\n    this.$announcements = document.createElement('span')\n    this.$announcements.classList.add('govuk-file-upload-announcements')\n    this.$announcements.classList.add('govuk-visually-hidden')\n    this.$announcements.setAttribute('aria-live', 'assertive')\n    this.$root.insertAdjacentElement('afterend', this.$announcements)\n\n    // if there is no CSS and input is hidden\n    // button will need to handle drop event\n    this.$button.addEventListener('drop', this.onDrop.bind(this))\n\n    // While user is dragging, it gets a little more complex because of Safari.\n    // Safari doesn't fill `relatedTarget` on `dragleave` (nor `dragenter`).\n    // This means we can't use `relatedTarget` to:\n    // - check if the user is still within the wrapper\n    //   (`relatedTarget` being a descendant of the wrapper)\n    // - check if the user is still over the viewport\n    //   (`relatedTarget` being null if outside)\n\n    // Thanks to `dragenter` bubbling, we can listen on the `document` with a\n    // single function and update the visibility based on whether we entered a\n    // node inside or outside the wrapper.\n    document.addEventListener(\n      'dragenter',\n      this.updateDropzoneVisibility.bind(this)\n    )\n\n    // To detect if we're outside the document, we can track if there was a\n    // `dragenter` event preceding a `dragleave`. If there wasn't, this means\n    // we're outside the document.\n    //\n    // The order of events is guaranteed by the HTML specs:\n    // https://html.spec.whatwg.org/multipage/dnd.html#drag-and-drop-processing-model\n    document.addEventListener('dragenter', () => {\n      this.enteredAnotherElement = true\n    })\n\n    document.addEventListener('dragleave', () => {\n      if (!this.enteredAnotherElement && !this.$button.disabled) {\n        this.hideDraggingState()\n        this.$announcements.innerText = this.i18n.t('leftDropZone')\n      }\n\n      this.enteredAnotherElement = false\n    })\n  }\n\n  /**\n   * Updates the visibility of the dropzone as users enters the various elements on the page\n   *\n   * @private\n   * @param {DragEvent} event - The `dragenter` event\n   */\n  updateDropzoneVisibility(event) {\n    if (this.$button.disabled) return\n\n    // DOM interfaces only type `event.target` as `EventTarget`\n    // so we first need to make sure it's a `Node`\n    if (event.target instanceof Node) {\n      if (this.$root.contains(event.target)) {\n        if (event.dataTransfer && isContainingFiles(event.dataTransfer)) {\n          // Only update the class and make the announcement if not already visible\n          // to avoid repeated announcements on NVDA (2024.4) + Firefox (133)\n          if (\n            !this.$button.classList.contains(\n              'govuk-file-upload-button--dragging'\n            )\n          ) {\n            this.showDraggingState()\n            this.$announcements.innerText = this.i18n.t('enteredDropZone')\n          }\n        }\n      } else {\n        // Only hide the dropzone if it is visible to prevent announcing user\n        // left the drop zone when they enter the page but haven't reached yet\n        // the file upload component\n        if (\n          this.$button.classList.contains('govuk-file-upload-button--dragging')\n        ) {\n          this.hideDraggingState()\n          this.$announcements.innerText = this.i18n.t('leftDropZone')\n        }\n      }\n    }\n  }\n\n  /**\n   * Show the drop zone visually\n   *\n   * @private\n   */\n  showDraggingState() {\n    this.$button.classList.add('govuk-file-upload-button--dragging')\n  }\n\n  /**\n   * Hides the drop zone visually\n   *\n   * @private\n   */\n  hideDraggingState() {\n    this.$button.classList.remove('govuk-file-upload-button--dragging')\n  }\n\n  /**\n   * Handles user dropping on the component\n   *\n   * @private\n   * @param {DragEvent} event - The `dragenter` event\n   */\n  onDrop(event) {\n    event.preventDefault()\n\n    if (event.dataTransfer && isContainingFiles(event.dataTransfer)) {\n      this.$input.files = event.dataTransfer.files\n\n      // Dispatch a `change` event so external code that would rely on the `<input>`\n      // dispatching an event when files are dropped still work.\n      // Use a `CustomEvent` so our events are distinguishable from browser's native events\n      this.$input.dispatchEvent(new CustomEvent('change'))\n\n      this.hideDraggingState()\n    }\n  }\n\n  /**\n   * Check if the value of the underlying input has changed\n   *\n   * @private\n   */\n  onChange() {\n    const fileCount = this.$input.files.length\n\n    if (fileCount === 0) {\n      // If there are no files, show the default selection text\n      this.$status.innerText = this.i18n.t('noFileChosen')\n      this.$button.classList.add('govuk-file-upload-button--empty')\n    } else {\n      if (\n        // If there is 1 file, just show the file name\n        fileCount === 1\n      ) {\n        this.$status.innerText = this.$input.files[0].name\n      } else {\n        // Otherwise, tell the user how many files are selected\n        this.$status.innerText = this.i18n.t('multipleFilesChosen', {\n          count: fileCount\n        })\n      }\n\n      this.$button.classList.remove('govuk-file-upload-button--empty')\n    }\n  }\n\n  /**\n   * Looks up the `<label>` element associated to the field\n   *\n   * @private\n   * @returns {HTMLElement} The `<label>` element associated to the field\n   * @throws {ElementError} If the `<label>` cannot be found\n   */\n  findLabel() {\n    // Use `label` in the selector so TypeScript knows the type fo `HTMLElement`\n    const $label = document.querySelector(`label[for=\"${this.$input.id}\"]`)\n\n    if (!$label) {\n      throw new ElementError({\n        component: FileUpload,\n        identifier: `Field label (\\`<label for=${this.$input.id}>\\`)`\n      })\n    }\n\n    return $label\n  }\n\n  /**\n   * When the button is clicked, emulate clicking the actual, hidden file input\n   *\n   * @private\n   */\n  onClick() {\n    this.$input.click()\n  }\n\n  /**\n   * Create a mutation observer to check if the input's attributes altered.\n   *\n   * @private\n   */\n  observeDisabledState() {\n    const observer = new MutationObserver((mutationList) => {\n      for (const mutation of mutationList) {\n        if (\n          mutation.type === 'attributes' &&\n          mutation.attributeName === 'disabled'\n        ) {\n          this.updateDisabledState()\n        }\n      }\n    })\n\n    observer.observe(this.$input, {\n      attributes: true\n    })\n  }\n\n  /**\n   * Synchronise the `disabled` state between the input and replacement button.\n   *\n   * @private\n   */\n  updateDisabledState() {\n    this.$button.disabled = this.$input.disabled\n\n    this.$root.classList.toggle(\n      'govuk-drop-zone--disabled',\n      this.$button.disabled\n    )\n  }\n\n  /**\n   * Name for the component used when initialising using data-module attributes.\n   */\n  static moduleName = 'govuk-file-upload'\n\n  /**\n   * File upload default config\n   *\n   * @see {@link FileUploadConfig}\n   * @constant\n   * @type {FileUploadConfig}\n   */\n  static defaults = Object.freeze({\n    i18n: {\n      chooseFilesButton: 'Choose file',\n      dropInstruction: 'or drop file',\n      noFileChosen: 'No file chosen',\n      multipleFilesChosen: {\n        // the 'one' string isn't used as the component displays the filename\n        // instead, however it's here for coverage's sake\n        one: '%{count} file chosen',\n        other: '%{count} files chosen'\n      },\n      enteredDropZone: 'Entered drop zone',\n      leftDropZone: 'Left drop zone'\n    }\n  })\n\n  /**\n   * File upload config schema\n   *\n   * @constant\n   * @satisfies {Schema<FileUploadConfig>}\n   */\n  static schema = Object.freeze({\n    properties: {\n      i18n: { type: 'object' }\n    }\n  })\n}\n\n/**\n * Checks if the given `DataTransfer` contains files\n *\n * @internal\n * @param {DataTransfer} dataTransfer - The `DataTransfer` to check\n * @returns {boolean} - `true` if it contains files or we can't infer it, `false` otherwise\n */\nfunction isContainingFiles(dataTransfer) {\n  // Safari sometimes does not provide info about types :'(\n  // In which case best not to assume anything and try to set the files\n  const hasNoTypesInfo = dataTransfer.types.length === 0\n\n  // When dragging images, there's a mix of mime types + Files\n  // which we can't assign to the native input\n  const isDraggingFiles = dataTransfer.types.some((type) => type === 'Files')\n\n  return hasNoTypesInfo || isDraggingFiles\n}\n\n/**\n * @typedef {HTMLInputElement & {files: FileList}} HTMLFileInputElement\n */\n\n/**\n * File upload config\n *\n * @see {@link FileUpload.defaults}\n * @typedef {object} FileUploadConfig\n * @property {FileUploadTranslations} [i18n=FileUpload.defaults.i18n] - File upload translations\n */\n\n/**\n * File upload translations\n *\n * @see {@link FileUpload.defaults.i18n}\n * @typedef {object} FileUploadTranslations\n *\n * Messages used by the component\n * @property {string} [chooseFile] - The text of the button that opens the file picker\n * @property {string} [dropInstruction] - The text informing users they can drop files\n * @property {TranslationPluralForms} [multipleFilesChosen] - The text displayed when multiple files\n *   have been chosen by the user\n * @property {string} [noFileChosen] - The text to displayed when no file has been chosen by the user\n * @property {string} [enteredDropZone] - The text announced by assistive technology\n *   when user drags files and enters the drop zone\n * @property {string} [leftDropZone] - The text announced by assistive technology\n *   when user drags files and leaves the drop zone without dropping\n */\n\n/**\n * @import { Schema } from '../../common/configuration.mjs'\n * @import { TranslationPluralForms } from '../../i18n.mjs'\n */\n"],"names":["FileUpload","ConfigurableComponent","constructor","$root","config","$input","$button","$status","i18n","id","$announcements","enteredAnotherElement","querySelector","ElementError","component","identifier","type","formatErrorMessage","I18n","locale","closestAttributeValue","$label","findLabel","setAttribute","document","createElement","classList","add","ariaDescribedBy","getAttribute","className","innerText","t","appendChild","commaSpan","containerSpan","buttonSpan","insertAdjacentText","instructionSpan","addEventListener","onClick","bind","event","preventDefault","insertAdjacentElement","onChange","updateDisabledState","observeDisabledState","onDrop","updateDropzoneVisibility","disabled","hideDraggingState","target","Node","contains","dataTransfer","isContainingFiles","showDraggingState","remove","files","dispatchEvent","CustomEvent","fileCount","length","name","count","click","observer","MutationObserver","mutationList","mutation","attributeName","observe","attributes","toggle","moduleName","defaults","Object","freeze","chooseFilesButton","dropInstruction","noFileChosen","multipleFilesChosen","one","other","enteredDropZone","leftDropZone","schema","properties","hasNoTypesInfo","types","isDraggingFiles","some"],"mappings":"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"}
\ No newline at end of file
diff --git a/node_modules/govuk-frontend/dist/govuk/components/file-upload/fixtures.json b/node_modules/govuk-frontend/dist/govuk/components/file-upload/fixtures.json
new file mode 100644
index 0000000..56b3fa8
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/file-upload/fixtures.json
@@ -0,0 +1,378 @@
+{
+    "component": "file-upload",
+    "fixtures": [
+        {
+            "name": "default",
+            "options": {
+                "name": "file-upload-1",
+                "label": {
+                    "text": "Upload a file"
+                }
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": true,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"file-upload-1\">\n    Upload a file\n  </label>\n  <input class=\"govuk-file-upload\" id=\"file-upload-1\" name=\"file-upload-1\" type=\"file\">\n</div>"
+        },
+        {
+            "name": "with hint text",
+            "options": {
+                "id": "file-upload-2",
+                "name": "file-upload-2",
+                "label": {
+                    "text": "Upload your photo"
+                },
+                "hint": {
+                    "text": "Your photo may be in your Pictures, Photos, Downloads or Desktop folder. Or in an app like iPhoto."
+                }
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"file-upload-2\">\n    Upload your photo\n  </label>\n  <div id=\"file-upload-2-hint\" class=\"govuk-hint\">\n    Your photo may be in your Pictures, Photos, Downloads or Desktop folder. Or in an app like iPhoto.\n  </div>\n  <input class=\"govuk-file-upload\" id=\"file-upload-2\" name=\"file-upload-2\" type=\"file\" aria-describedby=\"file-upload-2-hint\">\n</div>"
+        },
+        {
+            "name": "with error message and hint",
+            "options": {
+                "id": "file-upload-3",
+                "name": "file-upload-3",
+                "label": {
+                    "text": "Upload a file"
+                },
+                "hint": {
+                    "text": "Your photo may be in your Pictures, Photos, Downloads or Desktop folder. Or in an app like iPhoto."
+                },
+                "errorMessage": {
+                    "text": "Error message goes here"
+                }
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-form-group--error\">\n  <label class=\"govuk-label\" for=\"file-upload-3\">\n    Upload a file\n  </label>\n  <div id=\"file-upload-3-hint\" class=\"govuk-hint\">\n    Your photo may be in your Pictures, Photos, Downloads or Desktop folder. Or in an app like iPhoto.\n  </div>\n  <p id=\"file-upload-3-error\" class=\"govuk-error-message\">\n    <span class=\"govuk-visually-hidden\">Error:</span> Error message goes here\n  </p>\n  <input class=\"govuk-file-upload govuk-file-upload--error\" id=\"file-upload-3\" name=\"file-upload-3\" type=\"file\" aria-describedby=\"file-upload-3-hint file-upload-3-error\">\n</div>"
+        },
+        {
+            "name": "with label as page heading",
+            "options": {
+                "id": "file-upload-1",
+                "name": "file-upload-1",
+                "label": {
+                    "text": "Upload a file",
+                    "classes": "govuk-label--l",
+                    "isPageHeading": true
+                }
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <h1 class=\"govuk-label-wrapper\">\n    <label class=\"govuk-label govuk-label--l\" for=\"file-upload-1\">\n      Upload a file\n    </label>\n  </h1>\n  <input class=\"govuk-file-upload\" id=\"file-upload-1\" name=\"file-upload-1\" type=\"file\">\n</div>"
+        },
+        {
+            "name": "enhanced",
+            "options": {
+                "id": "file-upload-1",
+                "name": "file-upload-1",
+                "label": {
+                    "text": "Upload a file"
+                },
+                "javascript": true
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": {
+                "variants": [
+                    "default",
+                    "no-js"
+                ]
+            },
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"file-upload-1\">\n    Upload a file\n  </label>\n  <div\n    class=\"govuk-drop-zone\"\n    data-module=\"govuk-file-upload\">\n  <input class=\"govuk-file-upload\" id=\"file-upload-1\" name=\"file-upload-1\" type=\"file\">\n  </div>\n</div>"
+        },
+        {
+            "name": "enhanced, with error message and hint",
+            "options": {
+                "javascript": true,
+                "id": "file-upload-3",
+                "name": "file-upload-3",
+                "label": {
+                    "text": "Upload a file"
+                },
+                "hint": {
+                    "text": "Your photo may be in your Pictures, Photos, Downloads or Desktop folder. Or in an app like iPhoto."
+                },
+                "errorMessage": {
+                    "text": "Error message goes here"
+                }
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-form-group--error\">\n  <label class=\"govuk-label\" for=\"file-upload-3\">\n    Upload a file\n  </label>\n  <div id=\"file-upload-3-hint\" class=\"govuk-hint\">\n    Your photo may be in your Pictures, Photos, Downloads or Desktop folder. Or in an app like iPhoto.\n  </div>\n  <p id=\"file-upload-3-error\" class=\"govuk-error-message\">\n    <span class=\"govuk-visually-hidden\">Error:</span> Error message goes here\n  </p>\n  <div\n    class=\"govuk-drop-zone\"\n    data-module=\"govuk-file-upload\">\n  <input class=\"govuk-file-upload govuk-file-upload--error\" id=\"file-upload-3\" name=\"file-upload-3\" type=\"file\" aria-describedby=\"file-upload-3-hint file-upload-3-error\">\n  </div>\n</div>"
+        },
+        {
+            "name": "with value",
+            "options": {
+                "id": "file-upload-4",
+                "name": "file-upload-4",
+                "value": "C:\\fakepath\\myphoto.jpg",
+                "label": {
+                    "text": "Upload a photo"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"file-upload-4\">\n    Upload a photo\n  </label>\n  <input class=\"govuk-file-upload\" id=\"file-upload-4\" name=\"file-upload-4\" type=\"file\" value=\"C:&#92;fakepath&#92;myphoto.jpg\">\n</div>"
+        },
+        {
+            "name": "attributes",
+            "options": {
+                "id": "file-upload-attributes",
+                "name": "file-upload-attributes",
+                "label": {
+                    "text": "Upload a file"
+                },
+                "attributes": {
+                    "accept": ".jpg, .jpeg, .png"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"file-upload-attributes\">\n    Upload a file\n  </label>\n  <input class=\"govuk-file-upload\" id=\"file-upload-attributes\" name=\"file-upload-attributes\" type=\"file\" accept=\".jpg, .jpeg, .png\">\n</div>"
+        },
+        {
+            "name": "classes",
+            "options": {
+                "id": "file-upload-classes",
+                "name": "file-upload-classes",
+                "label": {
+                    "text": "Upload a file"
+                },
+                "classes": "app-file-upload--custom-modifier"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"file-upload-classes\">\n    Upload a file\n  </label>\n  <input class=\"govuk-file-upload app-file-upload--custom-modifier\" id=\"file-upload-classes\" name=\"file-upload-classes\" type=\"file\">\n</div>"
+        },
+        {
+            "name": "id",
+            "options": {
+                "id": "file-upload-id",
+                "name": "test-name",
+                "label": {
+                    "text": "Upload a file"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"file-upload-id\">\n    Upload a file\n  </label>\n  <input class=\"govuk-file-upload\" id=\"file-upload-id\" name=\"test-name\" type=\"file\">\n</div>"
+        },
+        {
+            "name": "with describedBy",
+            "options": {
+                "id": "file-upload-describedby",
+                "name": "file-upload-describedby",
+                "label": {
+                    "text": "Upload a file"
+                },
+                "describedBy": "test-target-element"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"file-upload-describedby\">\n    Upload a file\n  </label>\n  <input class=\"govuk-file-upload\" id=\"file-upload-describedby\" name=\"file-upload-describedby\" type=\"file\" aria-describedby=\"test-target-element\">\n</div>"
+        },
+        {
+            "name": "with hint and describedBy",
+            "options": {
+                "id": "file-upload-hint-describedby",
+                "name": "file-upload-hint-describedby",
+                "label": {
+                    "text": "Upload a file"
+                },
+                "describedBy": "test-target-element",
+                "hint": {
+                    "text": "Your photo may be in your Pictures, Photos, Downloads or Desktop folder. Or in an app like iPhoto."
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"file-upload-hint-describedby\">\n    Upload a file\n  </label>\n  <div id=\"file-upload-hint-describedby-hint\" class=\"govuk-hint\">\n    Your photo may be in your Pictures, Photos, Downloads or Desktop folder. Or in an app like iPhoto.\n  </div>\n  <input class=\"govuk-file-upload\" id=\"file-upload-hint-describedby\" name=\"file-upload-hint-describedby\" type=\"file\" aria-describedby=\"test-target-element file-upload-hint-describedby-hint\">\n</div>"
+        },
+        {
+            "name": "error",
+            "options": {
+                "id": "file-upload-with-error",
+                "name": "file-upload-with-error",
+                "label": {
+                    "text": "Upload a file"
+                },
+                "errorMessage": {
+                    "text": "Error message"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-form-group--error\">\n  <label class=\"govuk-label\" for=\"file-upload-with-error\">\n    Upload a file\n  </label>\n  <p id=\"file-upload-with-error-error\" class=\"govuk-error-message\">\n    <span class=\"govuk-visually-hidden\">Error:</span> Error message\n  </p>\n  <input class=\"govuk-file-upload govuk-file-upload--error\" id=\"file-upload-with-error\" name=\"file-upload-with-error\" type=\"file\" aria-describedby=\"file-upload-with-error-error\">\n</div>"
+        },
+        {
+            "name": "with error and describedBy",
+            "options": {
+                "id": "file-upload-error-describedby",
+                "name": "file-upload-error-describedby",
+                "label": {
+                    "text": "Upload a file"
+                },
+                "describedBy": "test-target-element",
+                "errorMessage": {
+                    "text": "Error message"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-form-group--error\">\n  <label class=\"govuk-label\" for=\"file-upload-error-describedby\">\n    Upload a file\n  </label>\n  <p id=\"file-upload-error-describedby-error\" class=\"govuk-error-message\">\n    <span class=\"govuk-visually-hidden\">Error:</span> Error message\n  </p>\n  <input class=\"govuk-file-upload govuk-file-upload--error\" id=\"file-upload-error-describedby\" name=\"file-upload-error-describedby\" type=\"file\" aria-describedby=\"test-target-element file-upload-error-describedby-error\">\n</div>"
+        },
+        {
+            "name": "with error, describedBy and hint",
+            "options": {
+                "id": "file-upload-error-describedby-hint",
+                "name": "file-upload-error-describedby-hint",
+                "label": {
+                    "text": "Upload a file"
+                },
+                "describedBy": "test-target-element",
+                "errorMessage": {
+                    "text": "Error message"
+                },
+                "hint": {
+                    "text": "hint"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-form-group--error\">\n  <label class=\"govuk-label\" for=\"file-upload-error-describedby-hint\">\n    Upload a file\n  </label>\n  <div id=\"file-upload-error-describedby-hint-hint\" class=\"govuk-hint\">\n    hint\n  </div>\n  <p id=\"file-upload-error-describedby-hint-error\" class=\"govuk-error-message\">\n    <span class=\"govuk-visually-hidden\">Error:</span> Error message\n  </p>\n  <input class=\"govuk-file-upload govuk-file-upload--error\" id=\"file-upload-error-describedby-hint\" name=\"file-upload-error-describedby-hint\" type=\"file\" aria-describedby=\"test-target-element file-upload-error-describedby-hint-hint file-upload-error-describedby-hint-error\">\n</div>"
+        },
+        {
+            "name": "translated, no javascript enhancement",
+            "options": {
+                "id": "file-upload-1",
+                "name": "file-upload-1",
+                "label": {
+                    "text": "Llwythwch ffeil i fyny"
+                },
+                "multiple": true,
+                "chooseFilesButtonText": "Dewiswch ffeil",
+                "dropInstructionText": "neu ollwng ffeil",
+                "noFileChosenText": "Dim ffeil wedi'i dewis",
+                "multipleFilesChosenText": {
+                    "other": "%{count} ffeil wedi'u dewis",
+                    "one": "%{count} ffeil wedi'i dewis"
+                },
+                "enteredDropZoneText": "Wedi mynd i mewn i'r parth gollwng",
+                "leftDropZoneText": "Parth gollwng i'r chwith"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"file-upload-1\">\n    Llwythwch ffeil i fyny\n  </label>\n  <input class=\"govuk-file-upload\" id=\"file-upload-1\" name=\"file-upload-1\" type=\"file\" multiple>\n</div>"
+        },
+        {
+            "name": "allows multiple files",
+            "options": {
+                "id": "file-upload-1",
+                "name": "file-upload-1",
+                "label": {
+                    "text": "Upload a file"
+                },
+                "multiple": true
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"file-upload-1\">\n    Upload a file\n  </label>\n  <input class=\"govuk-file-upload\" id=\"file-upload-1\" name=\"file-upload-1\" type=\"file\" multiple>\n</div>"
+        },
+        {
+            "name": "disabled",
+            "options": {
+                "id": "file-upload-1",
+                "name": "file-upload-1",
+                "label": {
+                    "text": "Upload a file"
+                },
+                "disabled": true
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"file-upload-1\">\n    Upload a file\n  </label>\n  <input class=\"govuk-file-upload\" id=\"file-upload-1\" name=\"file-upload-1\" type=\"file\" disabled>\n</div>"
+        },
+        {
+            "name": "with optional form-group classes",
+            "options": {
+                "id": "file-upload-1",
+                "name": "file-upload-1",
+                "label": {
+                    "text": "Upload a file"
+                },
+                "formGroup": {
+                    "classes": "extra-class"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group extra-class\">\n  <label class=\"govuk-label\" for=\"file-upload-1\">\n    Upload a file\n  </label>\n  <input class=\"govuk-file-upload\" id=\"file-upload-1\" name=\"file-upload-1\" type=\"file\">\n</div>"
+        },
+        {
+            "name": "translated",
+            "options": {
+                "id": "file-upload-1",
+                "name": "file-upload-1",
+                "label": {
+                    "text": "Llwythwch ffeil i fyny"
+                },
+                "multiple": true,
+                "javascript": true,
+                "chooseFilesButtonText": "Dewiswch ffeil",
+                "dropInstructionText": "neu ollwng ffeil",
+                "noFileChosenText": "Dim ffeil wedi'i dewis",
+                "multipleFilesChosenText": {
+                    "other": "%{count} ffeil wedi'u dewis",
+                    "one": "%{count} ffeil wedi'i dewis"
+                },
+                "enteredDropZoneText": "Wedi mynd i mewn i'r parth gollwng",
+                "leftDropZoneText": "Parth gollwng i'r chwith"
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"file-upload-1\">\n    Llwythwch ffeil i fyny\n  </label>\n  <div\n    class=\"govuk-drop-zone\"\n    data-module=\"govuk-file-upload\" data-i18n.choose-files-button=\"Dewiswch ffeil\" data-i18n.no-file-chosen=\"Dim ffeil wedi&#39;i dewis\" data-i18n.multiple-files-chosen.other=\"%{count} ffeil wedi&#39;u dewis\" data-i18n.multiple-files-chosen.one=\"%{count} ffeil wedi&#39;i dewis\" data-i18n.drop-instruction=\"neu ollwng ffeil\" data-i18n.entered-drop-zone=\"Wedi mynd i mewn i&#39;r parth gollwng\" data-i18n.left-drop-zone=\"Parth gollwng i&#39;r chwith\">\n  <input class=\"govuk-file-upload\" id=\"file-upload-1\" name=\"file-upload-1\" type=\"file\" multiple>\n  </div>\n</div>"
+        }
+    ]
+}
diff --git a/node_modules/govuk-frontend/dist/govuk/components/file-upload/macro-options.json b/node_modules/govuk-frontend/dist/govuk/components/file-upload/macro-options.json
new file mode 100644
index 0000000..5636926
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/file-upload/macro-options.json
@@ -0,0 +1,174 @@
+[
+    {
+        "name": "name",
+        "type": "string",
+        "required": true,
+        "description": "The name of the input, which is submitted with the form data."
+    },
+    {
+        "name": "id",
+        "type": "string",
+        "required": false,
+        "description": "The ID of the input. Defaults to the value of `name`."
+    },
+    {
+        "name": "value",
+        "type": "string",
+        "required": false,
+        "description": "Optional initial value of the input.",
+        "deprecated": "5.7.1"
+    },
+    {
+        "name": "disabled",
+        "type": "boolean",
+        "required": false,
+        "description": "If `true`, file input will be disabled."
+    },
+    {
+        "name": "multiple",
+        "type": "boolean",
+        "required": false,
+        "description": "If `true`, a user may select multiple files at the same time. The exact mechanism to do this differs depending on operating system."
+    },
+    {
+        "name": "describedBy",
+        "type": "string",
+        "required": false,
+        "description": "One or more element IDs to add to the `aria-describedby` attribute, used to provide additional descriptive information for screenreader users."
+    },
+    {
+        "name": "label",
+        "type": "object",
+        "required": true,
+        "description": "The label used by the file upload component.",
+        "isComponent": true
+    },
+    {
+        "name": "hint",
+        "type": "object",
+        "required": false,
+        "description": "Can be used to add a hint to the file upload component.",
+        "isComponent": true
+    },
+    {
+        "name": "errorMessage",
+        "type": "object",
+        "required": false,
+        "description": "Can be used to add an error message to the file upload component. The error message component will not display if you use a falsy value for `errorMessage`, for example `false` or `null`.",
+        "isComponent": true
+    },
+    {
+        "name": "formGroup",
+        "type": "object",
+        "required": false,
+        "description": "Additional options for the form group containing the file upload component.",
+        "params": [
+            {
+                "name": "classes",
+                "type": "string",
+                "required": false,
+                "description": "Classes to add to the form group (for example to show error state for the whole group)."
+            },
+            {
+                "name": "attributes",
+                "type": "object",
+                "required": false,
+                "description": "HTML attributes (for example data attributes) to add to the form group."
+            },
+            {
+                "name": "beforeInput",
+                "type": "object",
+                "required": false,
+                "description": "Content to add before the input used by the file upload component.",
+                "params": [
+                    {
+                        "name": "text",
+                        "type": "string",
+                        "required": true,
+                        "description": "Text to add before the input. If `html` is provided, the `text` option will be ignored."
+                    },
+                    {
+                        "name": "html",
+                        "type": "string",
+                        "required": true,
+                        "description": "HTML to add before the input. If `html` is provided, the `text` option will be ignored."
+                    }
+                ]
+            },
+            {
+                "name": "afterInput",
+                "type": "object",
+                "required": false,
+                "description": "Content to add after the input used by the file upload component.",
+                "params": [
+                    {
+                        "name": "text",
+                        "type": "string",
+                        "required": true,
+                        "description": "Text to add after the input. If `html` is provided, the `text` option will be ignored."
+                    },
+                    {
+                        "name": "html",
+                        "type": "string",
+                        "required": true,
+                        "description": "HTML to add after the input. If `html` is provided, the `text` option will be ignored."
+                    }
+                ]
+            }
+        ]
+    },
+    {
+        "name": "javascript",
+        "type": "boolean",
+        "required": false,
+        "description": "Can be used to enable JavaScript enhancements for the component."
+    },
+    {
+        "name": "chooseFilesButtonText",
+        "type": "string",
+        "required": false,
+        "description": "The text of the button that opens the file picker. Default is `\"Choose file\"`. If `javascript` is not provided, this option will be ignored."
+    },
+    {
+        "name": "dropInstructionText",
+        "type": "string",
+        "required": false,
+        "description": "The text informing users they can drop files. Default is `\"or drop file\"`. If `javascript` is not provided, this option will be ignored."
+    },
+    {
+        "name": "multipleFilesChosenText",
+        "type": "object",
+        "required": false,
+        "description": "The text displayed when multiple files have been chosen by the user. The component will replace the `%{count}` placeholder with the number of files selected. [Our pluralisation rules apply to this macro option](https://frontend.design-system.service.gov.uk/localise-govuk-frontend/#understanding-pluralisation-rules). If `javascript` is not provided, this option will be ignored."
+    },
+    {
+        "name": "noFileChosenText",
+        "type": "string",
+        "required": false,
+        "description": "The text displayed when no file has been chosen by the user. Default is `\"No file chosen\"`. If `javascript` is not provided, this option will be ignored."
+    },
+    {
+        "name": "enteredDropZoneText",
+        "type": "string",
+        "required": false,
+        "description": "The text announced by assistive technology when user drags files and enters the drop zone. Default is `\"Entered drop zone\"`. If `javascript` is not provided, this option will be ignored."
+    },
+    {
+        "name": "leftDropZoneText",
+        "type": "string",
+        "required": false,
+        "description": "The text announced by assistive technology when user drags files and leaves the drop zone without dropping. Default is `\"Left drop zone\"`. If `javascript` is not provided, this option will be ignored."
+    },
+    {
+        "name": "classes",
+        "type": "string",
+        "required": false,
+        "description": "Classes to add to the file upload component."
+    },
+    {
+        "name": "attributes",
+        "type": "object",
+        "required": false,
+        "description": "HTML attributes (for example data attributes) to add to the file upload component."
+    }
+]
diff --git a/node_modules/govuk-frontend/dist/govuk/components/file-upload/macro.njk b/node_modules/govuk-frontend/dist/govuk/components/file-upload/macro.njk
new file mode 100644
index 0000000..33796b9
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/file-upload/macro.njk
@@ -0,0 +1,3 @@
+{% macro govukFileUpload(params) %}
+  {%- include "./template.njk" -%}
+{% endmacro %}
diff --git a/node_modules/govuk-frontend/dist/govuk/components/file-upload/template-default.html b/node_modules/govuk-frontend/dist/govuk/components/file-upload/template-default.html
new file mode 100644
index 0000000..61ba3de
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/file-upload/template-default.html
@@ -0,0 +1,6 @@
+<div class="govuk-form-group">
+  <label class="govuk-label" for="file-upload-1">
+    Upload a file
+  </label>
+  <input class="govuk-file-upload" id="file-upload-1" name="file-upload-1" type="file">
+</div>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/file-upload/template-enhanced-with-error-message-and-hint.html b/node_modules/govuk-frontend/dist/govuk/components/file-upload/template-enhanced-with-error-message-and-hint.html
new file mode 100644
index 0000000..b6abfe2
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/file-upload/template-enhanced-with-error-message-and-hint.html
@@ -0,0 +1,16 @@
+<div class="govuk-form-group govuk-form-group--error">
+  <label class="govuk-label" for="file-upload-3">
+    Upload a file
+  </label>
+  <div id="file-upload-3-hint" class="govuk-hint">
+    Your photo may be in your Pictures, Photos, Downloads or Desktop folder. Or in an app like iPhoto.
+  </div>
+  <p id="file-upload-3-error" class="govuk-error-message">
+    <span class="govuk-visually-hidden">Error:</span> Error message goes here
+  </p>
+  <div
+    class="govuk-drop-zone"
+    data-module="govuk-file-upload">
+  <input class="govuk-file-upload govuk-file-upload--error" id="file-upload-3" name="file-upload-3" type="file" aria-describedby="file-upload-3-hint file-upload-3-error">
+  </div>
+</div>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/file-upload/template-enhanced.html b/node_modules/govuk-frontend/dist/govuk/components/file-upload/template-enhanced.html
new file mode 100644
index 0000000..941aae0
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/file-upload/template-enhanced.html
@@ -0,0 +1,10 @@
+<div class="govuk-form-group">
+  <label class="govuk-label" for="file-upload-1">
+    Upload a file
+  </label>
+  <div
+    class="govuk-drop-zone"
+    data-module="govuk-file-upload">
+  <input class="govuk-file-upload" id="file-upload-1" name="file-upload-1" type="file">
+  </div>
+</div>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/file-upload/template-translated.html b/node_modules/govuk-frontend/dist/govuk/components/file-upload/template-translated.html
new file mode 100644
index 0000000..00a8076
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/file-upload/template-translated.html
@@ -0,0 +1,10 @@
+<div class="govuk-form-group">
+  <label class="govuk-label" for="file-upload-1">
+    Llwythwch ffeil i fyny
+  </label>
+  <div
+    class="govuk-drop-zone"
+    data-module="govuk-file-upload" data-i18n.choose-files-button="Dewiswch ffeil" data-i18n.no-file-chosen="Dim ffeil wedi&#39;i dewis" data-i18n.multiple-files-chosen.other="%{count} ffeil wedi&#39;u dewis" data-i18n.multiple-files-chosen.one="%{count} ffeil wedi&#39;i dewis" data-i18n.drop-instruction="neu ollwng ffeil" data-i18n.entered-drop-zone="Wedi mynd i mewn i&#39;r parth gollwng" data-i18n.left-drop-zone="Parth gollwng i&#39;r chwith">
+  <input class="govuk-file-upload" id="file-upload-1" name="file-upload-1" type="file" multiple>
+  </div>
+</div>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/file-upload/template-with-error-message-and-hint.html b/node_modules/govuk-frontend/dist/govuk/components/file-upload/template-with-error-message-and-hint.html
new file mode 100644
index 0000000..c3a5b6e
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/file-upload/template-with-error-message-and-hint.html
@@ -0,0 +1,12 @@
+<div class="govuk-form-group govuk-form-group--error">
+  <label class="govuk-label" for="file-upload-3">
+    Upload a file
+  </label>
+  <div id="file-upload-3-hint" class="govuk-hint">
+    Your photo may be in your Pictures, Photos, Downloads or Desktop folder. Or in an app like iPhoto.
+  </div>
+  <p id="file-upload-3-error" class="govuk-error-message">
+    <span class="govuk-visually-hidden">Error:</span> Error message goes here
+  </p>
+  <input class="govuk-file-upload govuk-file-upload--error" id="file-upload-3" name="file-upload-3" type="file" aria-describedby="file-upload-3-hint file-upload-3-error">
+</div>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/file-upload/template-with-hint-text.html b/node_modules/govuk-frontend/dist/govuk/components/file-upload/template-with-hint-text.html
new file mode 100644
index 0000000..952c50d
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/file-upload/template-with-hint-text.html
@@ -0,0 +1,9 @@
+<div class="govuk-form-group">
+  <label class="govuk-label" for="file-upload-2">
+    Upload your photo
+  </label>
+  <div id="file-upload-2-hint" class="govuk-hint">
+    Your photo may be in your Pictures, Photos, Downloads or Desktop folder. Or in an app like iPhoto.
+  </div>
+  <input class="govuk-file-upload" id="file-upload-2" name="file-upload-2" type="file" aria-describedby="file-upload-2-hint">
+</div>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/file-upload/template-with-label-as-page-heading.html b/node_modules/govuk-frontend/dist/govuk/components/file-upload/template-with-label-as-page-heading.html
new file mode 100644
index 0000000..85845be
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/file-upload/template-with-label-as-page-heading.html
@@ -0,0 +1,8 @@
+<div class="govuk-form-group">
+  <h1 class="govuk-label-wrapper">
+    <label class="govuk-label govuk-label--l" for="file-upload-1">
+      Upload a file
+    </label>
+  </h1>
+  <input class="govuk-file-upload" id="file-upload-1" name="file-upload-1" type="file">
+</div>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/file-upload/template.njk b/node_modules/govuk-frontend/dist/govuk/components/file-upload/template.njk
new file mode 100644
index 0000000..55059d4
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/file-upload/template.njk
@@ -0,0 +1,90 @@
+{% from "../../macros/attributes.njk" import govukAttributes %}
+{% from "../../macros/i18n.njk" import govukI18nAttributes %}
+{% from "../error-message/macro.njk" import govukErrorMessage %}
+{% from "../hint/macro.njk" import govukHint %}
+{% from "../label/macro.njk" import govukLabel %}
+
+{#- a record of other elements that we need to associate with the input using
+  aria-describedby – for example hints or error messages -#}
+{%- set describedBy = params.describedBy if params.describedBy else "" -%}
+{%- set id = params.id if params.id else params.name -%}
+
+<div class="govuk-form-group {%- if params.errorMessage %} govuk-form-group--error{% endif %} {%- if params.formGroup.classes %} {{ params.formGroup.classes }}{% endif %}"
+  {{- govukAttributes(params.formGroup.attributes) }}>
+  {{ govukLabel({
+    html: params.label.html,
+    text: params.label.text,
+    classes: params.label.classes,
+    isPageHeading: params.label.isPageHeading,
+    attributes: params.label.attributes,
+    for: id
+  }) | trim | indent(2) }}
+{% if params.hint %}
+  {% set hintId = id + '-hint' %}
+  {% set describedBy = describedBy + ' ' + hintId if describedBy else hintId %}
+  {{ govukHint({
+    id: hintId,
+    classes: params.hint.classes,
+    attributes: params.hint.attributes,
+    html: params.hint.html,
+    text: params.hint.text
+  }) | trim | indent(2) }}
+{% endif %}
+{% if params.errorMessage %}
+  {% set errorId = id + '-error' %}
+  {% set describedBy = describedBy + ' ' + errorId if describedBy else errorId %}
+  {{ govukErrorMessage({
+    id: errorId,
+    classes: params.errorMessage.classes,
+    attributes: params.errorMessage.attributes,
+    html: params.errorMessage.html,
+    text: params.errorMessage.text,
+    visuallyHiddenText: params.errorMessage.visuallyHiddenText
+  }) | trim | indent(2) }}
+{% endif %}
+{% if params.formGroup.beforeInput %}
+  {{ params.formGroup.beforeInput.html | safe | trim | indent(2) if params.formGroup.beforeInput.html else params.formGroup.beforeInput.text }}
+{% endif %}
+{% if params.javascript %}
+  <div
+    class="govuk-drop-zone"
+    data-module="govuk-file-upload"
+    {{- govukI18nAttributes({
+      key: 'choose-files-button',
+      message: params.chooseFilesButtonText
+    }) -}}
+    {{- govukI18nAttributes({
+      key: 'no-file-chosen',
+      message: params.noFileChosenText
+    }) -}}
+    {{- govukI18nAttributes({
+      key: 'multiple-files-chosen',
+      messages: params.multipleFilesChosenText
+    }) -}}
+    {{- govukI18nAttributes({
+      key: 'drop-instruction',
+      message: params.dropInstructionText
+    }) -}}
+    {{- govukI18nAttributes({
+      key: 'entered-drop-zone',
+      message: params.enteredDropZoneText
+    }) -}}
+    {{- govukI18nAttributes({
+      key: 'left-drop-zone',
+      message: params.leftDropZoneText
+    }) -}}
+  >
+{% endif %}
+  <input class="govuk-file-upload {%- if params.classes %} {{ params.classes }}{% endif %} {%- if params.errorMessage %} govuk-file-upload--error{% endif %}" id="{{ id }}" name="{{ params.name }}" type="file"
+  {%- if params.value %} value="{{ params.value }}"{% endif %}
+  {%- if params.disabled %} disabled{% endif %}
+  {%- if params.multiple %} multiple{% endif %}
+  {%- if describedBy %} aria-describedby="{{ describedBy }}"{% endif %}
+  {{- govukAttributes(params.attributes) }}>
+{% if params.javascript %}
+  </div>
+{% endif %}
+{% if params.formGroup.afterInput %}
+  {{ params.formGroup.afterInput.html | safe | trim | indent(2) if params.formGroup.afterInput.html else params.formGroup.afterInput.text }}
+{% endif %}
+</div>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/footer/README.md b/node_modules/govuk-frontend/dist/govuk/components/footer/README.md
new file mode 100644
index 0000000..fa76a85
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/footer/README.md
@@ -0,0 +1,15 @@
+# Footer
+
+## Installation
+
+See the [main README quick start guide](https://github.com/alphagov/govuk-frontend#quick-start) for how to install this component.
+
+## Guidance and Examples
+
+Find out when to use the footer component in your service in the [GOV.UK Design System](https://design-system.service.gov.uk/components/footer).
+
+## Component options
+
+Use options to customise the appearance, content and behaviour of a component when using a macro, for example, changing the text.
+
+See [options table](https://design-system.service.gov.uk/components/footer/#options-footer-example) for details.
diff --git a/node_modules/govuk-frontend/dist/govuk/components/footer/_footer.scss b/node_modules/govuk-frontend/dist/govuk/components/footer/_footer.scss
new file mode 100644
index 0000000..ee11b63
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/footer/_footer.scss
@@ -0,0 +1,4 @@
+@import "../../base";
+@import "./index";
+
+/*# sourceMappingURL=_footer.scss.map */
diff --git a/node_modules/govuk-frontend/dist/govuk/components/footer/_footer.scss.map b/node_modules/govuk-frontend/dist/govuk/components/footer/_footer.scss.map
new file mode 100644
index 0000000..d5d2085
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/footer/_footer.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/footer/_footer.scss"],"names":[],"mappings":"AAAA,oBAAoB;AACpB,iBAAiB","file":"_footer.scss","sourcesContent":["@import \"../../base\";\n@import \"./index\";\n"]}
diff --git a/node_modules/govuk-frontend/dist/govuk/components/footer/_index.scss b/node_modules/govuk-frontend/dist/govuk/components/footer/_index.scss
new file mode 100644
index 0000000..e85f231
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/footer/_index.scss
@@ -0,0 +1,194 @@
+@include govuk-exports("govuk/component/footer") {
+  $govuk-footer-background: $govuk-template-background-colour;
+  $govuk-footer-text: $govuk-text-colour;
+  $govuk-footer-content-border: $govuk-border-colour;
+
+  // Royal Arms image dimensions
+  $govuk-footer-crest-image-width: 125px;
+  $govuk-footer-crest-image-height: 102px;
+
+  .govuk-footer {
+    @include govuk-font($size: if($govuk-new-typography-scale, 19, 16));
+    @include govuk-responsive-padding(7, "top");
+    @include govuk-responsive-padding(5, "bottom");
+
+    border-top: 10px solid $govuk-brand-colour;
+    color: $govuk-footer-text;
+    @include _govuk-rebrand(
+      "background",
+      $from: $govuk-footer-background,
+      $to: $_govuk-rebrand-template-background-colour
+    );
+  }
+
+  .govuk-footer__crown {
+    margin-bottom: govuk-spacing(5);
+  }
+
+  .govuk-footer__link {
+    @include govuk-link-common;
+    @include govuk-link-style-text;
+  }
+
+  .govuk-footer__section-break {
+    margin: 0; // Reset `<hr>` default margins
+    @include govuk-responsive-margin(8, "bottom");
+    border: 0; // Reset `<hr>` default borders
+    border-bottom: 1px solid;
+    @include _govuk-rebrand(
+      "border-bottom-color",
+      $from: $govuk-footer-content-border,
+      $to: $_govuk-rebrand-border-colour-on-blue-tint-95
+    );
+  }
+
+  .govuk-footer__meta {
+    display: flex; // Support: Flexbox
+    margin-right: -$govuk-gutter-half;
+    margin-left: -$govuk-gutter-half;
+    flex-wrap: wrap; // Support: Flexbox
+    align-items: flex-end; // Support: Flexbox
+    justify-content: center; // Support: Flexbox
+  }
+
+  .govuk-footer__meta-item {
+    margin-right: $govuk-gutter-half;
+    margin-bottom: govuk-spacing(5);
+    margin-left: $govuk-gutter-half;
+  }
+
+  .govuk-footer__meta-item--grow {
+    flex: 1; // Support: Flexbox
+    @include govuk-media-query($until: tablet) {
+      flex-basis: 320px; // Support: Flexbox
+    }
+  }
+
+  .govuk-footer__licence-logo {
+    display: inline-block;
+    margin-right: govuk-spacing(2);
+    @include govuk-media-query($until: desktop) {
+      margin-bottom: govuk-spacing(3);
+    }
+    vertical-align: top;
+    // Work around SVGs not inheriting color from parent in forced color mode
+    // (https://github.com/w3c/csswg-drafts/issues/6310)
+    forced-color-adjust: auto;
+  }
+
+  .govuk-footer__licence-description {
+    // This makes the license description reflow under the logo when space gets too narrow
+    display: inline-block;
+    // This prevents the description from having orphans when space is narrow enough
+    // and makes the text reflow more nicely
+    text-wrap: balance;
+  }
+
+  .govuk-footer__copyright-logo::before {
+    content: "";
+    display: block;
+    width: 100%;
+    padding-top: ($govuk-footer-crest-image-height + govuk-spacing(2));
+    background-image: govuk-image-url("govuk-crest.svg");
+    background-repeat: no-repeat;
+    background-position: 50% 0%;
+    background-size: $govuk-footer-crest-image-width $govuk-footer-crest-image-height;
+    text-align: center;
+    white-space: nowrap;
+
+    // Where possible use the crest as a mask instead. This lets us use
+    // currentColor, increasing the contrast of the image and matching the
+    // user's prefered foreground colour in e.g. forced colors mode.
+    // We test for `mask-position` rather than `mask-image` because of a false
+    // positive in Edge 17.
+    @supports ((-webkit-mask-position: initial) or (mask-position: initial)) {
+      background: currentcolor;
+      -webkit-mask-image: govuk-image-url("govuk-crest.svg");
+              mask-image: govuk-image-url("govuk-crest.svg");
+      -webkit-mask-repeat: no-repeat;
+              mask-repeat: no-repeat;
+      -webkit-mask-position: 50% 0%;
+              mask-position: 50% 0%;
+      -webkit-mask-size: $govuk-footer-crest-image-width $govuk-footer-crest-image-height;
+              mask-size: $govuk-footer-crest-image-width $govuk-footer-crest-image-height;
+
+      // currentcolor doesn't seem to be computed correctly in forced colors
+      // mode so force the background color to match the system link color
+      // (matching the text in the link)
+      @media screen and (forced-colors: active) {
+        background: linktext;
+      }
+    }
+  }
+
+  .govuk-footer__inline-list {
+    margin-top: 0;
+    margin-bottom: govuk-spacing(3);
+    padding: 0;
+  }
+
+  .govuk-footer__meta-custom {
+    margin-bottom: govuk-spacing(4);
+  }
+
+  .govuk-footer__inline-list-item {
+    display: inline-block;
+    margin-right: govuk-spacing(3);
+    margin-bottom: govuk-spacing(1);
+  }
+
+  .govuk-footer__heading {
+    margin-bottom: govuk-spacing(6);
+    padding-bottom: govuk-spacing(4);
+
+    @include govuk-media-query($until: tablet) {
+      padding-bottom: govuk-spacing(2);
+    }
+
+    border-bottom: 1px solid;
+    @include _govuk-rebrand(
+      "border-bottom-color",
+      $from: $govuk-footer-content-border,
+      $to: $_govuk-rebrand-border-colour-on-blue-tint-95
+    );
+  }
+
+  .govuk-footer__navigation {
+    @include govuk-clearfix;
+    margin-right: -$govuk-gutter-half;
+    margin-left: -$govuk-gutter-half;
+  }
+
+  .govuk-footer__section {
+    display: inline-block;
+    margin-bottom: $govuk-gutter;
+    vertical-align: top;
+  }
+
+  .govuk-footer__list {
+    margin: 0;
+    padding: 0;
+    list-style: none;
+    column-gap: $govuk-gutter; // Support: Columns
+  }
+
+  @include govuk-media-query($from: desktop) {
+    .govuk-footer__list--columns-2 {
+      column-count: 2; // Support: Columns
+    }
+
+    .govuk-footer__list--columns-3 {
+      column-count: 3; // Support: Columns
+    }
+  }
+
+  .govuk-footer__list-item {
+    @include govuk-responsive-margin(4, "bottom");
+  }
+
+  .govuk-footer__list-item:last-child {
+    margin-bottom: 0;
+  }
+}
+
+/*# sourceMappingURL=_index.scss.map */
diff --git a/node_modules/govuk-frontend/dist/govuk/components/footer/_index.scss.map b/node_modules/govuk-frontend/dist/govuk/components/footer/_index.scss.map
new file mode 100644
index 0000000..c9edc81
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/footer/_index.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/footer/_index.scss"],"names":[],"mappings":"AAAA;EACE,2DAA2D;EAC3D,sCAAsC;EACtC,kDAAkD;;EAElD,6BAA6B;EAC7B,sCAAsC;EACtC,uCAAuC;;EAEvC;IACE,mEAAmE;IACnE,2CAA2C;IAC3C,8CAA8C;;IAE9C,0CAA0C;IAC1C,yBAAyB;IACzB;;;;KAIC;EACH;;EAEA;IACE,+BAA+B;EACjC;;EAEA;IACE,0BAA0B;IAC1B,8BAA8B;EAChC;;EAEA;IACE,SAAS,EAAE,8BAA8B;IACzC,6CAA6C;IAC7C,SAAS,EAAE,8BAA8B;IACzC,wBAAwB;IACxB;;;;KAIC;EACH;;EAEA;IACE,aAAa,EAAE,kBAAkB;IACjC,iCAAiC;IACjC,gCAAgC;IAChC,eAAe,EAAE,kBAAkB;IACnC,qBAAqB,EAAE,kBAAkB;IACzC,uBAAuB,EAAE,kBAAkB;EAC7C;;EAEA;IACE,gCAAgC;IAChC,+BAA+B;IAC/B,+BAA+B;EACjC;;EAEA;IACE,OAAO,EAAE,kBAAkB;IAC3B;MACE,iBAAiB,EAAE,kBAAkB;IACvC;EACF;;EAEA;IACE,qBAAqB;IACrB,8BAA8B;IAC9B;MACE,+BAA+B;IACjC;IACA,mBAAmB;IACnB,wEAAwE;IACxE,mDAAmD;IACnD,yBAAyB;EAC3B;;EAEA;IACE,qFAAqF;IACrF,qBAAqB;IACrB,+EAA+E;IAC/E,uCAAuC;IACvC,kBAAkB;EACpB;;EAEA;IACE,WAAW;IACX,cAAc;IACd,WAAW;IACX,kEAAkE;IAClE,oDAAoD;IACpD,4BAA4B;IAC5B,2BAA2B;IAC3B,iFAAiF;IACjF,kBAAkB;IAClB,mBAAmB;;IAEnB,kEAAkE;IAClE,qEAAqE;IACrE,+DAA+D;IAC/D,yEAAyE;IACzE,sBAAsB;IACtB;MACE,wBAAwB;MACxB,sDAA8C;cAA9C,8CAA8C;MAC9C,8BAAsB;cAAtB,sBAAsB;MACtB,6BAAqB;cAArB,qBAAqB;MACrB,mFAA2E;cAA3E,2EAA2E;;MAE3E,qEAAqE;MACrE,mEAAmE;MACnE,iCAAiC;MACjC;QACE,oBAAoB;MACtB;IACF;EACF;;EAEA;IACE,aAAa;IACb,+BAA+B;IAC/B,UAAU;EACZ;;EAEA;IACE,+BAA+B;EACjC;;EAEA;IACE,qBAAqB;IACrB,8BAA8B;IAC9B,+BAA+B;EACjC;;EAEA;IACE,+BAA+B;IAC/B,gCAAgC;;IAEhC;MACE,gCAAgC;IAClC;;IAEA,wBAAwB;IACxB;;;;KAIC;EACH;;EAEA;IACE,uBAAuB;IACvB,iCAAiC;IACjC,gCAAgC;EAClC;;EAEA;IACE,qBAAqB;IACrB,4BAA4B;IAC5B,mBAAmB;EACrB;;EAEA;IACE,SAAS;IACT,UAAU;IACV,gBAAgB;IAChB,yBAAyB,EAAE,kBAAkB;EAC/C;;EAEA;IACE;MACE,eAAe,EAAE,kBAAkB;IACrC;;IAEA;MACE,eAAe,EAAE,kBAAkB;IACrC;EACF;;EAEA;IACE,6CAA6C;EAC/C;;EAEA;IACE,gBAAgB;EAClB;AACF","file":"_index.scss","sourcesContent":["@include govuk-exports(\"govuk/component/footer\") {\n  $govuk-footer-background: $govuk-template-background-colour;\n  $govuk-footer-text: $govuk-text-colour;\n  $govuk-footer-content-border: $govuk-border-colour;\n\n  // Royal Arms image dimensions\n  $govuk-footer-crest-image-width: 125px;\n  $govuk-footer-crest-image-height: 102px;\n\n  .govuk-footer {\n    @include govuk-font($size: if($govuk-new-typography-scale, 19, 16));\n    @include govuk-responsive-padding(7, \"top\");\n    @include govuk-responsive-padding(5, \"bottom\");\n\n    border-top: 10px solid $govuk-brand-colour;\n    color: $govuk-footer-text;\n    @include _govuk-rebrand(\n      \"background\",\n      $from: $govuk-footer-background,\n      $to: $_govuk-rebrand-template-background-colour\n    );\n  }\n\n  .govuk-footer__crown {\n    margin-bottom: govuk-spacing(5);\n  }\n\n  .govuk-footer__link {\n    @include govuk-link-common;\n    @include govuk-link-style-text;\n  }\n\n  .govuk-footer__section-break {\n    margin: 0; // Reset `<hr>` default margins\n    @include govuk-responsive-margin(8, \"bottom\");\n    border: 0; // Reset `<hr>` default borders\n    border-bottom: 1px solid;\n    @include _govuk-rebrand(\n      \"border-bottom-color\",\n      $from: $govuk-footer-content-border,\n      $to: $_govuk-rebrand-border-colour-on-blue-tint-95\n    );\n  }\n\n  .govuk-footer__meta {\n    display: flex; // Support: Flexbox\n    margin-right: -$govuk-gutter-half;\n    margin-left: -$govuk-gutter-half;\n    flex-wrap: wrap; // Support: Flexbox\n    align-items: flex-end; // Support: Flexbox\n    justify-content: center; // Support: Flexbox\n  }\n\n  .govuk-footer__meta-item {\n    margin-right: $govuk-gutter-half;\n    margin-bottom: govuk-spacing(5);\n    margin-left: $govuk-gutter-half;\n  }\n\n  .govuk-footer__meta-item--grow {\n    flex: 1; // Support: Flexbox\n    @include govuk-media-query($until: tablet) {\n      flex-basis: 320px; // Support: Flexbox\n    }\n  }\n\n  .govuk-footer__licence-logo {\n    display: inline-block;\n    margin-right: govuk-spacing(2);\n    @include govuk-media-query($until: desktop) {\n      margin-bottom: govuk-spacing(3);\n    }\n    vertical-align: top;\n    // Work around SVGs not inheriting color from parent in forced color mode\n    // (https://github.com/w3c/csswg-drafts/issues/6310)\n    forced-color-adjust: auto;\n  }\n\n  .govuk-footer__licence-description {\n    // This makes the license description reflow under the logo when space gets too narrow\n    display: inline-block;\n    // This prevents the description from having orphans when space is narrow enough\n    // and makes the text reflow more nicely\n    text-wrap: balance;\n  }\n\n  .govuk-footer__copyright-logo::before {\n    content: \"\";\n    display: block;\n    width: 100%;\n    padding-top: ($govuk-footer-crest-image-height + govuk-spacing(2));\n    background-image: govuk-image-url(\"govuk-crest.svg\");\n    background-repeat: no-repeat;\n    background-position: 50% 0%;\n    background-size: $govuk-footer-crest-image-width $govuk-footer-crest-image-height;\n    text-align: center;\n    white-space: nowrap;\n\n    // Where possible use the crest as a mask instead. This lets us use\n    // currentColor, increasing the contrast of the image and matching the\n    // user's prefered foreground colour in e.g. forced colors mode.\n    // We test for `mask-position` rather than `mask-image` because of a false\n    // positive in Edge 17.\n    @supports (mask-position: initial) {\n      background: currentcolor;\n      mask-image: govuk-image-url(\"govuk-crest.svg\");\n      mask-repeat: no-repeat;\n      mask-position: 50% 0%;\n      mask-size: $govuk-footer-crest-image-width $govuk-footer-crest-image-height;\n\n      // currentcolor doesn't seem to be computed correctly in forced colors\n      // mode so force the background color to match the system link color\n      // (matching the text in the link)\n      @media screen and (forced-colors: active) {\n        background: linktext;\n      }\n    }\n  }\n\n  .govuk-footer__inline-list {\n    margin-top: 0;\n    margin-bottom: govuk-spacing(3);\n    padding: 0;\n  }\n\n  .govuk-footer__meta-custom {\n    margin-bottom: govuk-spacing(4);\n  }\n\n  .govuk-footer__inline-list-item {\n    display: inline-block;\n    margin-right: govuk-spacing(3);\n    margin-bottom: govuk-spacing(1);\n  }\n\n  .govuk-footer__heading {\n    margin-bottom: govuk-spacing(6);\n    padding-bottom: govuk-spacing(4);\n\n    @include govuk-media-query($until: tablet) {\n      padding-bottom: govuk-spacing(2);\n    }\n\n    border-bottom: 1px solid;\n    @include _govuk-rebrand(\n      \"border-bottom-color\",\n      $from: $govuk-footer-content-border,\n      $to: $_govuk-rebrand-border-colour-on-blue-tint-95\n    );\n  }\n\n  .govuk-footer__navigation {\n    @include govuk-clearfix;\n    margin-right: -$govuk-gutter-half;\n    margin-left: -$govuk-gutter-half;\n  }\n\n  .govuk-footer__section {\n    display: inline-block;\n    margin-bottom: $govuk-gutter;\n    vertical-align: top;\n  }\n\n  .govuk-footer__list {\n    margin: 0;\n    padding: 0;\n    list-style: none;\n    column-gap: $govuk-gutter; // Support: Columns\n  }\n\n  @include govuk-media-query($from: desktop) {\n    .govuk-footer__list--columns-2 {\n      column-count: 2; // Support: Columns\n    }\n\n    .govuk-footer__list--columns-3 {\n      column-count: 3; // Support: Columns\n    }\n  }\n\n  .govuk-footer__list-item {\n    @include govuk-responsive-margin(4, \"bottom\");\n  }\n\n  .govuk-footer__list-item:last-child {\n    margin-bottom: 0;\n  }\n}\n"]}
diff --git a/node_modules/govuk-frontend/dist/govuk/components/footer/fixtures.json b/node_modules/govuk-frontend/dist/govuk/components/footer/fixtures.json
new file mode 100644
index 0000000..5572cc1
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/footer/fixtures.json
@@ -0,0 +1,714 @@
+{
+    "component": "footer",
+    "fixtures": [
+        {
+            "name": "default",
+            "options": {},
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": true,
+            "html": "<footer class=\"govuk-footer\">\n  <div class=\"govuk-width-container\">\n    <div class=\"govuk-footer__meta\">\n      <div class=\"govuk-footer__meta-item govuk-footer__meta-item--grow\">\n        <svg\n          aria-hidden=\"true\"\n          focusable=\"false\"\n          class=\"govuk-footer__licence-logo\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          viewBox=\"0 0 483.2 195.7\"\n          height=\"17\"\n          width=\"41\"\n        >\n          <path\n            fill=\"currentColor\"\n            d=\"M421.5 142.8V.1l-50.7 32.3v161.1h112.4v-50.7zm-122.3-9.6A47.12 47.12 0 0 1 221 97.8c0-26 21.1-47.1 47.1-47.1 16.7 0 31.4 8.7 39.7 21.8l42.7-27.2A97.63 97.63 0 0 0 268.1 0c-36.5 0-68.3 20.1-85.1 49.7A98 98 0 0 0 97.8 0C43.9 0 0 43.9 0 97.8s43.9 97.8 97.8 97.8c36.5 0 68.3-20.1 85.1-49.7a97.76 97.76 0 0 0 149.6 25.4l19.4 22.2h3v-87.8h-80l24.3 27.5zM97.8 145c-26 0-47.1-21.1-47.1-47.1s21.1-47.1 47.1-47.1 47.2 21 47.2 47S123.8 145 97.8 145\"\n          />\n        </svg>\n        <span class=\"govuk-footer__licence-description\">\n          All content is available under the\n          <a\n            class=\"govuk-footer__link\"\n            href=\"https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/\"\n            rel=\"license\"\n          >Open Government Licence v3.0</a>, except where otherwise stated\n        </span>\n      </div>\n      <div class=\"govuk-footer__meta-item\">\n        <a\n          class=\"govuk-footer__link govuk-footer__copyright-logo\"\n          href=\"https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/\"\n        >\n          © Crown copyright\n        </a>\n      </div>\n    </div>\n  </div>\n</footer>"
+        },
+        {
+            "name": "with custom HTML content licence and copyright notice",
+            "options": {
+                "contentLicence": {
+                    "html": "Mae’r holl gynnwys ar gael dan <a class=\"govuk-footer__link\" href=\"https://www.nationalarchives.gov.uk/doc/open-government-licence-cymraeg/version/3/\" rel=\"license\">Drwydded y Llywodraeth Agored v3.0</a>, ac eithrio lle nodir yn wahanol"
+                },
+                "copyright": {
+                    "html": "<span>Hawlfraint y Goron</span>"
+                }
+            },
+            "hidden": false,
+            "description": "Open Government Licence and Crown copyright notice translated into Welsh",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<footer class=\"govuk-footer\">\n  <div class=\"govuk-width-container\">\n    <div class=\"govuk-footer__meta\">\n      <div class=\"govuk-footer__meta-item govuk-footer__meta-item--grow\">\n        <svg\n          aria-hidden=\"true\"\n          focusable=\"false\"\n          class=\"govuk-footer__licence-logo\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          viewBox=\"0 0 483.2 195.7\"\n          height=\"17\"\n          width=\"41\"\n        >\n          <path\n            fill=\"currentColor\"\n            d=\"M421.5 142.8V.1l-50.7 32.3v161.1h112.4v-50.7zm-122.3-9.6A47.12 47.12 0 0 1 221 97.8c0-26 21.1-47.1 47.1-47.1 16.7 0 31.4 8.7 39.7 21.8l42.7-27.2A97.63 97.63 0 0 0 268.1 0c-36.5 0-68.3 20.1-85.1 49.7A98 98 0 0 0 97.8 0C43.9 0 0 43.9 0 97.8s43.9 97.8 97.8 97.8c36.5 0 68.3-20.1 85.1-49.7a97.76 97.76 0 0 0 149.6 25.4l19.4 22.2h3v-87.8h-80l24.3 27.5zM97.8 145c-26 0-47.1-21.1-47.1-47.1s21.1-47.1 47.1-47.1 47.2 21 47.2 47S123.8 145 97.8 145\"\n          />\n        </svg>\n        <span class=\"govuk-footer__licence-description\">\n          Mae’r holl gynnwys ar gael dan <a class=\"govuk-footer__link\" href=\"https://www.nationalarchives.gov.uk/doc/open-government-licence-cymraeg/version/3/\" rel=\"license\">Drwydded y Llywodraeth Agored v3.0</a>, ac eithrio lle nodir yn wahanol\n        </span>\n      </div>\n      <div class=\"govuk-footer__meta-item\">\n        <a\n          class=\"govuk-footer__link govuk-footer__copyright-logo\"\n          href=\"https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/\"\n        >\n          <span>Hawlfraint y Goron</span>\n        </a>\n      </div>\n    </div>\n  </div>\n</footer>"
+        },
+        {
+            "name": "with custom text content licence and copyright notice",
+            "options": {
+                "contentLicence": {
+                    "text": "Mae’r holl gynnwys ar gael dan Drwydded y Llywodraeth Agored v3.0, ac eithrio lle nodir yn wahanol"
+                },
+                "copyright": {
+                    "text": "© Hawlfraint y Goron"
+                }
+            },
+            "hidden": false,
+            "description": "Open Government Licence and Crown copyright notice translated into Welsh",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<footer class=\"govuk-footer\">\n  <div class=\"govuk-width-container\">\n    <div class=\"govuk-footer__meta\">\n      <div class=\"govuk-footer__meta-item govuk-footer__meta-item--grow\">\n        <svg\n          aria-hidden=\"true\"\n          focusable=\"false\"\n          class=\"govuk-footer__licence-logo\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          viewBox=\"0 0 483.2 195.7\"\n          height=\"17\"\n          width=\"41\"\n        >\n          <path\n            fill=\"currentColor\"\n            d=\"M421.5 142.8V.1l-50.7 32.3v161.1h112.4v-50.7zm-122.3-9.6A47.12 47.12 0 0 1 221 97.8c0-26 21.1-47.1 47.1-47.1 16.7 0 31.4 8.7 39.7 21.8l42.7-27.2A97.63 97.63 0 0 0 268.1 0c-36.5 0-68.3 20.1-85.1 49.7A98 98 0 0 0 97.8 0C43.9 0 0 43.9 0 97.8s43.9 97.8 97.8 97.8c36.5 0 68.3-20.1 85.1-49.7a97.76 97.76 0 0 0 149.6 25.4l19.4 22.2h3v-87.8h-80l24.3 27.5zM97.8 145c-26 0-47.1-21.1-47.1-47.1s21.1-47.1 47.1-47.1 47.2 21 47.2 47S123.8 145 97.8 145\"\n          />\n        </svg>\n        <span class=\"govuk-footer__licence-description\">\n          Mae’r holl gynnwys ar gael dan Drwydded y Llywodraeth Agored v3.0, ac eithrio lle nodir yn wahanol\n        </span>\n      </div>\n      <div class=\"govuk-footer__meta-item\">\n        <a\n          class=\"govuk-footer__link govuk-footer__copyright-logo\"\n          href=\"https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/\"\n        >\n          © Hawlfraint y Goron\n        </a>\n      </div>\n    </div>\n  </div>\n</footer>"
+        },
+        {
+            "name": "with custom meta",
+            "options": {
+                "meta": {
+                    "text": "GOV.UK Prototype Kit v7.0.1"
+                }
+            },
+            "hidden": false,
+            "description": "Custom meta section",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<footer class=\"govuk-footer\">\n  <div class=\"govuk-width-container\">\n    <div class=\"govuk-footer__meta\">\n      <div class=\"govuk-footer__meta-item govuk-footer__meta-item--grow\">\n        <h2 class=\"govuk-visually-hidden\">Support links</h2>\n        <div class=\"govuk-footer__meta-custom\">\n          GOV.UK Prototype Kit v7.0.1\n        </div>\n        <svg\n          aria-hidden=\"true\"\n          focusable=\"false\"\n          class=\"govuk-footer__licence-logo\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          viewBox=\"0 0 483.2 195.7\"\n          height=\"17\"\n          width=\"41\"\n        >\n          <path\n            fill=\"currentColor\"\n            d=\"M421.5 142.8V.1l-50.7 32.3v161.1h112.4v-50.7zm-122.3-9.6A47.12 47.12 0 0 1 221 97.8c0-26 21.1-47.1 47.1-47.1 16.7 0 31.4 8.7 39.7 21.8l42.7-27.2A97.63 97.63 0 0 0 268.1 0c-36.5 0-68.3 20.1-85.1 49.7A98 98 0 0 0 97.8 0C43.9 0 0 43.9 0 97.8s43.9 97.8 97.8 97.8c36.5 0 68.3-20.1 85.1-49.7a97.76 97.76 0 0 0 149.6 25.4l19.4 22.2h3v-87.8h-80l24.3 27.5zM97.8 145c-26 0-47.1-21.1-47.1-47.1s21.1-47.1 47.1-47.1 47.2 21 47.2 47S123.8 145 97.8 145\"\n          />\n        </svg>\n        <span class=\"govuk-footer__licence-description\">\n          All content is available under the\n          <a\n            class=\"govuk-footer__link\"\n            href=\"https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/\"\n            rel=\"license\"\n          >Open Government Licence v3.0</a>, except where otherwise stated\n        </span>\n      </div>\n      <div class=\"govuk-footer__meta-item\">\n        <a\n          class=\"govuk-footer__link govuk-footer__copyright-logo\"\n          href=\"https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/\"\n        >\n          © Crown copyright\n        </a>\n      </div>\n    </div>\n  </div>\n</footer>"
+        },
+        {
+            "name": "with meta links and meta content",
+            "options": {
+                "meta": {
+                    "items": [
+                        {
+                            "href": "#1",
+                            "text": "Bibendum Ornare"
+                        },
+                        {
+                            "href": "#2",
+                            "text": "Nullam"
+                        },
+                        {
+                            "href": "#3",
+                            "text": "Tortor Fringilla"
+                        },
+                        {
+                            "href": "#4",
+                            "text": "Tellus"
+                        },
+                        {
+                            "href": "#5",
+                            "text": "Egestas Nullam"
+                        },
+                        {
+                            "href": "#6",
+                            "text": "Euismod Etiam"
+                        },
+                        {
+                            "href": "#7",
+                            "text": "Fusce Sollicitudin"
+                        },
+                        {
+                            "href": "#8",
+                            "text": "Ligula Nullam Ultricies"
+                        }
+                    ],
+                    "html": "Built by the <a href=\"#\" class=\"govuk-footer__link\">Department of Magical Law Enforcement</a>"
+                }
+            },
+            "hidden": false,
+            "description": "Secondary navigation links and custom meta text",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<footer class=\"govuk-footer\">\n  <div class=\"govuk-width-container\">\n    <div class=\"govuk-footer__meta\">\n      <div class=\"govuk-footer__meta-item govuk-footer__meta-item--grow\">\n        <h2 class=\"govuk-visually-hidden\">Support links</h2>\n        <ul class=\"govuk-footer__inline-list\">\n          <li class=\"govuk-footer__inline-list-item\">\n            <a class=\"govuk-footer__link\" href=\"#1\">\n              Bibendum Ornare\n            </a>\n          </li>\n          <li class=\"govuk-footer__inline-list-item\">\n            <a class=\"govuk-footer__link\" href=\"#2\">\n              Nullam\n            </a>\n          </li>\n          <li class=\"govuk-footer__inline-list-item\">\n            <a class=\"govuk-footer__link\" href=\"#3\">\n              Tortor Fringilla\n            </a>\n          </li>\n          <li class=\"govuk-footer__inline-list-item\">\n            <a class=\"govuk-footer__link\" href=\"#4\">\n              Tellus\n            </a>\n          </li>\n          <li class=\"govuk-footer__inline-list-item\">\n            <a class=\"govuk-footer__link\" href=\"#5\">\n              Egestas Nullam\n            </a>\n          </li>\n          <li class=\"govuk-footer__inline-list-item\">\n            <a class=\"govuk-footer__link\" href=\"#6\">\n              Euismod Etiam\n            </a>\n          </li>\n          <li class=\"govuk-footer__inline-list-item\">\n            <a class=\"govuk-footer__link\" href=\"#7\">\n              Fusce Sollicitudin\n            </a>\n          </li>\n          <li class=\"govuk-footer__inline-list-item\">\n            <a class=\"govuk-footer__link\" href=\"#8\">\n              Ligula Nullam Ultricies\n            </a>\n          </li>\n        </ul>\n        <div class=\"govuk-footer__meta-custom\">\n          Built by the <a href=\"#\" class=\"govuk-footer__link\">Department of Magical Law Enforcement</a>\n        </div>\n        <svg\n          aria-hidden=\"true\"\n          focusable=\"false\"\n          class=\"govuk-footer__licence-logo\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          viewBox=\"0 0 483.2 195.7\"\n          height=\"17\"\n          width=\"41\"\n        >\n          <path\n            fill=\"currentColor\"\n            d=\"M421.5 142.8V.1l-50.7 32.3v161.1h112.4v-50.7zm-122.3-9.6A47.12 47.12 0 0 1 221 97.8c0-26 21.1-47.1 47.1-47.1 16.7 0 31.4 8.7 39.7 21.8l42.7-27.2A97.63 97.63 0 0 0 268.1 0c-36.5 0-68.3 20.1-85.1 49.7A98 98 0 0 0 97.8 0C43.9 0 0 43.9 0 97.8s43.9 97.8 97.8 97.8c36.5 0 68.3-20.1 85.1-49.7a97.76 97.76 0 0 0 149.6 25.4l19.4 22.2h3v-87.8h-80l24.3 27.5zM97.8 145c-26 0-47.1-21.1-47.1-47.1s21.1-47.1 47.1-47.1 47.2 21 47.2 47S123.8 145 97.8 145\"\n          />\n        </svg>\n        <span class=\"govuk-footer__licence-description\">\n          All content is available under the\n          <a\n            class=\"govuk-footer__link\"\n            href=\"https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/\"\n            rel=\"license\"\n          >Open Government Licence v3.0</a>, except where otherwise stated\n        </span>\n      </div>\n      <div class=\"govuk-footer__meta-item\">\n        <a\n          class=\"govuk-footer__link govuk-footer__copyright-logo\"\n          href=\"https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/\"\n        >\n          © Crown copyright\n        </a>\n      </div>\n    </div>\n  </div>\n</footer>"
+        },
+        {
+            "name": "with default width navigation (one column)",
+            "options": {
+                "navigation": [
+                    {
+                        "title": "Navigation section",
+                        "items": [
+                            {
+                                "href": "#1",
+                                "text": "Navigation item 1"
+                            },
+                            {
+                                "href": "#2",
+                                "text": "Navigation item 2"
+                            },
+                            {
+                                "href": "#3",
+                                "text": "Navigation item 3"
+                            },
+                            {
+                                "href": "#4",
+                                "text": "Navigation item 4"
+                            },
+                            {
+                                "href": "#5",
+                                "text": "Navigation item 5"
+                            },
+                            {
+                                "href": "#6",
+                                "text": "Navigation item 6"
+                            }
+                        ]
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<footer class=\"govuk-footer\">\n  <div class=\"govuk-width-container\">\n      <div class=\"govuk-footer__navigation\">\n          <div class=\"govuk-footer__section govuk-grid-column-full\">\n            <h2 class=\"govuk-footer__heading govuk-heading-m\">Navigation section</h2>\n              <ul class=\"govuk-footer__list\">\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"#1\">\n                        Navigation item 1\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"#2\">\n                        Navigation item 2\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"#3\">\n                        Navigation item 3\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"#4\">\n                        Navigation item 4\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"#5\">\n                        Navigation item 5\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"#6\">\n                        Navigation item 6\n                      </a>\n                    </li>\n              </ul>\n          </div>\n      </div>\n      <hr class=\"govuk-footer__section-break\">\n    <div class=\"govuk-footer__meta\">\n      <div class=\"govuk-footer__meta-item govuk-footer__meta-item--grow\">\n        <svg\n          aria-hidden=\"true\"\n          focusable=\"false\"\n          class=\"govuk-footer__licence-logo\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          viewBox=\"0 0 483.2 195.7\"\n          height=\"17\"\n          width=\"41\"\n        >\n          <path\n            fill=\"currentColor\"\n            d=\"M421.5 142.8V.1l-50.7 32.3v161.1h112.4v-50.7zm-122.3-9.6A47.12 47.12 0 0 1 221 97.8c0-26 21.1-47.1 47.1-47.1 16.7 0 31.4 8.7 39.7 21.8l42.7-27.2A97.63 97.63 0 0 0 268.1 0c-36.5 0-68.3 20.1-85.1 49.7A98 98 0 0 0 97.8 0C43.9 0 0 43.9 0 97.8s43.9 97.8 97.8 97.8c36.5 0 68.3-20.1 85.1-49.7a97.76 97.76 0 0 0 149.6 25.4l19.4 22.2h3v-87.8h-80l24.3 27.5zM97.8 145c-26 0-47.1-21.1-47.1-47.1s21.1-47.1 47.1-47.1 47.2 21 47.2 47S123.8 145 97.8 145\"\n          />\n        </svg>\n        <span class=\"govuk-footer__licence-description\">\n          All content is available under the\n          <a\n            class=\"govuk-footer__link\"\n            href=\"https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/\"\n            rel=\"license\"\n          >Open Government Licence v3.0</a>, except where otherwise stated\n        </span>\n      </div>\n      <div class=\"govuk-footer__meta-item\">\n        <a\n          class=\"govuk-footer__link govuk-footer__copyright-logo\"\n          href=\"https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/\"\n        >\n          © Crown copyright\n        </a>\n      </div>\n    </div>\n  </div>\n</footer>"
+        },
+        {
+            "name": "with default width navigation (two columns)",
+            "options": {
+                "navigation": [
+                    {
+                        "title": "Navigation section",
+                        "columns": 2,
+                        "items": [
+                            {
+                                "href": "#1",
+                                "text": "Navigation item 1"
+                            },
+                            {
+                                "href": "#2",
+                                "text": "Navigation item 2"
+                            },
+                            {
+                                "href": "#3",
+                                "text": "Navigation item 3"
+                            },
+                            {
+                                "href": "#4",
+                                "text": "Navigation item 4"
+                            },
+                            {
+                                "href": "#5",
+                                "text": "Navigation item 5"
+                            },
+                            {
+                                "href": "#6",
+                                "text": "Navigation item 6"
+                            }
+                        ]
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<footer class=\"govuk-footer\">\n  <div class=\"govuk-width-container\">\n      <div class=\"govuk-footer__navigation\">\n          <div class=\"govuk-footer__section govuk-grid-column-full\">\n            <h2 class=\"govuk-footer__heading govuk-heading-m\">Navigation section</h2>\n              <ul class=\"govuk-footer__list govuk-footer__list--columns-2\">\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"#1\">\n                        Navigation item 1\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"#2\">\n                        Navigation item 2\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"#3\">\n                        Navigation item 3\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"#4\">\n                        Navigation item 4\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"#5\">\n                        Navigation item 5\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"#6\">\n                        Navigation item 6\n                      </a>\n                    </li>\n              </ul>\n          </div>\n      </div>\n      <hr class=\"govuk-footer__section-break\">\n    <div class=\"govuk-footer__meta\">\n      <div class=\"govuk-footer__meta-item govuk-footer__meta-item--grow\">\n        <svg\n          aria-hidden=\"true\"\n          focusable=\"false\"\n          class=\"govuk-footer__licence-logo\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          viewBox=\"0 0 483.2 195.7\"\n          height=\"17\"\n          width=\"41\"\n        >\n          <path\n            fill=\"currentColor\"\n            d=\"M421.5 142.8V.1l-50.7 32.3v161.1h112.4v-50.7zm-122.3-9.6A47.12 47.12 0 0 1 221 97.8c0-26 21.1-47.1 47.1-47.1 16.7 0 31.4 8.7 39.7 21.8l42.7-27.2A97.63 97.63 0 0 0 268.1 0c-36.5 0-68.3 20.1-85.1 49.7A98 98 0 0 0 97.8 0C43.9 0 0 43.9 0 97.8s43.9 97.8 97.8 97.8c36.5 0 68.3-20.1 85.1-49.7a97.76 97.76 0 0 0 149.6 25.4l19.4 22.2h3v-87.8h-80l24.3 27.5zM97.8 145c-26 0-47.1-21.1-47.1-47.1s21.1-47.1 47.1-47.1 47.2 21 47.2 47S123.8 145 97.8 145\"\n          />\n        </svg>\n        <span class=\"govuk-footer__licence-description\">\n          All content is available under the\n          <a\n            class=\"govuk-footer__link\"\n            href=\"https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/\"\n            rel=\"license\"\n          >Open Government Licence v3.0</a>, except where otherwise stated\n        </span>\n      </div>\n      <div class=\"govuk-footer__meta-item\">\n        <a\n          class=\"govuk-footer__link govuk-footer__copyright-logo\"\n          href=\"https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/\"\n        >\n          © Crown copyright\n        </a>\n      </div>\n    </div>\n  </div>\n</footer>"
+        },
+        {
+            "name": "with navigation",
+            "options": {
+                "navigation": [
+                    {
+                        "title": "Two column list",
+                        "width": "two-thirds",
+                        "columns": 2,
+                        "items": [
+                            {
+                                "href": "#1",
+                                "text": "Navigation item 1"
+                            },
+                            {
+                                "href": "#2",
+                                "text": "Navigation item 2"
+                            },
+                            {
+                                "href": "#3",
+                                "text": "Navigation item 3"
+                            },
+                            {
+                                "href": "#4",
+                                "text": "Navigation item 4"
+                            },
+                            {
+                                "href": "#5",
+                                "text": "Navigation item 5"
+                            },
+                            {
+                                "href": "#6",
+                                "text": "Navigation item 6"
+                            }
+                        ]
+                    },
+                    {
+                        "title": "Single column list",
+                        "width": "one-third",
+                        "items": [
+                            {
+                                "href": "#1",
+                                "text": "Navigation item 1"
+                            },
+                            {
+                                "href": "#2",
+                                "text": "Navigation item 2"
+                            },
+                            {
+                                "href": "#3",
+                                "text": "Navigation item 3"
+                            }
+                        ]
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<footer class=\"govuk-footer\">\n  <div class=\"govuk-width-container\">\n      <div class=\"govuk-footer__navigation\">\n          <div class=\"govuk-footer__section govuk-grid-column-two-thirds\">\n            <h2 class=\"govuk-footer__heading govuk-heading-m\">Two column list</h2>\n              <ul class=\"govuk-footer__list govuk-footer__list--columns-2\">\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"#1\">\n                        Navigation item 1\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"#2\">\n                        Navigation item 2\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"#3\">\n                        Navigation item 3\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"#4\">\n                        Navigation item 4\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"#5\">\n                        Navigation item 5\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"#6\">\n                        Navigation item 6\n                      </a>\n                    </li>\n              </ul>\n          </div>\n          <div class=\"govuk-footer__section govuk-grid-column-one-third\">\n            <h2 class=\"govuk-footer__heading govuk-heading-m\">Single column list</h2>\n              <ul class=\"govuk-footer__list\">\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"#1\">\n                        Navigation item 1\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"#2\">\n                        Navigation item 2\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"#3\">\n                        Navigation item 3\n                      </a>\n                    </li>\n              </ul>\n          </div>\n      </div>\n      <hr class=\"govuk-footer__section-break\">\n    <div class=\"govuk-footer__meta\">\n      <div class=\"govuk-footer__meta-item govuk-footer__meta-item--grow\">\n        <svg\n          aria-hidden=\"true\"\n          focusable=\"false\"\n          class=\"govuk-footer__licence-logo\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          viewBox=\"0 0 483.2 195.7\"\n          height=\"17\"\n          width=\"41\"\n        >\n          <path\n            fill=\"currentColor\"\n            d=\"M421.5 142.8V.1l-50.7 32.3v161.1h112.4v-50.7zm-122.3-9.6A47.12 47.12 0 0 1 221 97.8c0-26 21.1-47.1 47.1-47.1 16.7 0 31.4 8.7 39.7 21.8l42.7-27.2A97.63 97.63 0 0 0 268.1 0c-36.5 0-68.3 20.1-85.1 49.7A98 98 0 0 0 97.8 0C43.9 0 0 43.9 0 97.8s43.9 97.8 97.8 97.8c36.5 0 68.3-20.1 85.1-49.7a97.76 97.76 0 0 0 149.6 25.4l19.4 22.2h3v-87.8h-80l24.3 27.5zM97.8 145c-26 0-47.1-21.1-47.1-47.1s21.1-47.1 47.1-47.1 47.2 21 47.2 47S123.8 145 97.8 145\"\n          />\n        </svg>\n        <span class=\"govuk-footer__licence-description\">\n          All content is available under the\n          <a\n            class=\"govuk-footer__link\"\n            href=\"https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/\"\n            rel=\"license\"\n          >Open Government Licence v3.0</a>, except where otherwise stated\n        </span>\n      </div>\n      <div class=\"govuk-footer__meta-item\">\n        <a\n          class=\"govuk-footer__link govuk-footer__copyright-logo\"\n          href=\"https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/\"\n        >\n          © Crown copyright\n        </a>\n      </div>\n    </div>\n  </div>\n</footer>"
+        },
+        {
+            "name": "Full GDS example",
+            "options": {
+                "navigation": [
+                    {
+                        "title": "Coronavirus (COVID-19)",
+                        "width": "two-thirds",
+                        "items": [
+                            {
+                                "href": "/coronavirus",
+                                "text": "Coronavirus (COVID-19): guidance and support"
+                            }
+                        ]
+                    },
+                    {
+                        "title": "Brexit",
+                        "width": "one-third",
+                        "items": [
+                            {
+                                "href": "/brexit",
+                                "text": "Check what you need to do"
+                            }
+                        ]
+                    },
+                    {
+                        "title": "Services and information",
+                        "width": "two-thirds",
+                        "columns": 2,
+                        "items": [
+                            {
+                                "href": "/browse/benefits",
+                                "text": "Benefits"
+                            },
+                            {
+                                "href": "/browse/births-deaths-marriages",
+                                "text": "Births, deaths, marriages and care"
+                            },
+                            {
+                                "href": "/browse/business",
+                                "text": "Business and self-employed"
+                            },
+                            {
+                                "href": "/browse/childcare-parenting",
+                                "text": "Childcare and parenting"
+                            },
+                            {
+                                "href": "/browse/citizenship",
+                                "text": "Citizenship and living in the UK"
+                            },
+                            {
+                                "href": "/browse/justice",
+                                "text": "Crime, justice and the law"
+                            },
+                            {
+                                "href": "/browse/disabilities",
+                                "text": "Disabled people"
+                            },
+                            {
+                                "href": "/browse/driving",
+                                "text": "Driving and transport"
+                            },
+                            {
+                                "href": "/browse/education",
+                                "text": "Education and learning"
+                            },
+                            {
+                                "href": "/browse/employing-people",
+                                "text": "Employing people"
+                            },
+                            {
+                                "href": "/browse/environment-countryside",
+                                "text": "Environment and countryside"
+                            },
+                            {
+                                "href": "/browse/housing-local-services",
+                                "text": "Housing and local services"
+                            },
+                            {
+                                "href": "/browse/tax",
+                                "text": "Money and tax"
+                            },
+                            {
+                                "href": "/browse/abroad",
+                                "text": "Passports, travel and living abroad"
+                            },
+                            {
+                                "href": "/browse/visas-immigration",
+                                "text": "Visas and immigration"
+                            },
+                            {
+                                "href": "/browse/working",
+                                "text": "Working, jobs and pensions"
+                            }
+                        ]
+                    },
+                    {
+                        "title": "Departments and policy",
+                        "width": "one-third",
+                        "items": [
+                            {
+                                "href": "/government/how-government-works",
+                                "text": "How government works"
+                            },
+                            {
+                                "href": "/government/organisations",
+                                "text": "Departments"
+                            },
+                            {
+                                "href": "/world",
+                                "text": "Worldwide"
+                            },
+                            {
+                                "href": "/government/policies",
+                                "text": "Policies"
+                            },
+                            {
+                                "href": "/government/publications",
+                                "text": "Publications"
+                            },
+                            {
+                                "href": "/government/announcements",
+                                "text": "Announcements"
+                            }
+                        ]
+                    }
+                ],
+                "meta": {
+                    "items": [
+                        {
+                            "href": "/help",
+                            "text": "Help"
+                        },
+                        {
+                            "href": "/help/cookies",
+                            "text": "Cookies"
+                        },
+                        {
+                            "href": "/contact",
+                            "text": "Contact"
+                        },
+                        {
+                            "href": "/help/terms-conditions",
+                            "text": "Terms and conditions"
+                        },
+                        {
+                            "href": "/cymraeg",
+                            "text": "Rhestr o Wasanaethau Cymraeg"
+                        }
+                    ],
+                    "html": "Built by the <a class=\"govuk-footer__link\" href=\"#\">Government Digital Service</a>"
+                }
+            },
+            "hidden": false,
+            "description": "A full example based on GOV.UK's current footer",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<footer class=\"govuk-footer\">\n  <div class=\"govuk-width-container\">\n      <div class=\"govuk-footer__navigation\">\n          <div class=\"govuk-footer__section govuk-grid-column-two-thirds\">\n            <h2 class=\"govuk-footer__heading govuk-heading-m\">Coronavirus (COVID-19)</h2>\n              <ul class=\"govuk-footer__list\">\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"/coronavirus\">\n                        Coronavirus (COVID-19): guidance and support\n                      </a>\n                    </li>\n              </ul>\n          </div>\n          <div class=\"govuk-footer__section govuk-grid-column-one-third\">\n            <h2 class=\"govuk-footer__heading govuk-heading-m\">Brexit</h2>\n              <ul class=\"govuk-footer__list\">\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"/brexit\">\n                        Check what you need to do\n                      </a>\n                    </li>\n              </ul>\n          </div>\n          <div class=\"govuk-footer__section govuk-grid-column-two-thirds\">\n            <h2 class=\"govuk-footer__heading govuk-heading-m\">Services and information</h2>\n              <ul class=\"govuk-footer__list govuk-footer__list--columns-2\">\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"/browse/benefits\">\n                        Benefits\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"/browse/births-deaths-marriages\">\n                        Births, deaths, marriages and care\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"/browse/business\">\n                        Business and self-employed\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"/browse/childcare-parenting\">\n                        Childcare and parenting\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"/browse/citizenship\">\n                        Citizenship and living in the UK\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"/browse/justice\">\n                        Crime, justice and the law\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"/browse/disabilities\">\n                        Disabled people\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"/browse/driving\">\n                        Driving and transport\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"/browse/education\">\n                        Education and learning\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"/browse/employing-people\">\n                        Employing people\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"/browse/environment-countryside\">\n                        Environment and countryside\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"/browse/housing-local-services\">\n                        Housing and local services\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"/browse/tax\">\n                        Money and tax\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"/browse/abroad\">\n                        Passports, travel and living abroad\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"/browse/visas-immigration\">\n                        Visas and immigration\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"/browse/working\">\n                        Working, jobs and pensions\n                      </a>\n                    </li>\n              </ul>\n          </div>\n          <div class=\"govuk-footer__section govuk-grid-column-one-third\">\n            <h2 class=\"govuk-footer__heading govuk-heading-m\">Departments and policy</h2>\n              <ul class=\"govuk-footer__list\">\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"/government/how-government-works\">\n                        How government works\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"/government/organisations\">\n                        Departments\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"/world\">\n                        Worldwide\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"/government/policies\">\n                        Policies\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"/government/publications\">\n                        Publications\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"/government/announcements\">\n                        Announcements\n                      </a>\n                    </li>\n              </ul>\n          </div>\n      </div>\n      <hr class=\"govuk-footer__section-break\">\n    <div class=\"govuk-footer__meta\">\n      <div class=\"govuk-footer__meta-item govuk-footer__meta-item--grow\">\n        <h2 class=\"govuk-visually-hidden\">Support links</h2>\n        <ul class=\"govuk-footer__inline-list\">\n          <li class=\"govuk-footer__inline-list-item\">\n            <a class=\"govuk-footer__link\" href=\"/help\">\n              Help\n            </a>\n          </li>\n          <li class=\"govuk-footer__inline-list-item\">\n            <a class=\"govuk-footer__link\" href=\"/help/cookies\">\n              Cookies\n            </a>\n          </li>\n          <li class=\"govuk-footer__inline-list-item\">\n            <a class=\"govuk-footer__link\" href=\"/contact\">\n              Contact\n            </a>\n          </li>\n          <li class=\"govuk-footer__inline-list-item\">\n            <a class=\"govuk-footer__link\" href=\"/help/terms-conditions\">\n              Terms and conditions\n            </a>\n          </li>\n          <li class=\"govuk-footer__inline-list-item\">\n            <a class=\"govuk-footer__link\" href=\"/cymraeg\">\n              Rhestr o Wasanaethau Cymraeg\n            </a>\n          </li>\n        </ul>\n        <div class=\"govuk-footer__meta-custom\">\n          Built by the <a class=\"govuk-footer__link\" href=\"#\">Government Digital Service</a>\n        </div>\n        <svg\n          aria-hidden=\"true\"\n          focusable=\"false\"\n          class=\"govuk-footer__licence-logo\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          viewBox=\"0 0 483.2 195.7\"\n          height=\"17\"\n          width=\"41\"\n        >\n          <path\n            fill=\"currentColor\"\n            d=\"M421.5 142.8V.1l-50.7 32.3v161.1h112.4v-50.7zm-122.3-9.6A47.12 47.12 0 0 1 221 97.8c0-26 21.1-47.1 47.1-47.1 16.7 0 31.4 8.7 39.7 21.8l42.7-27.2A97.63 97.63 0 0 0 268.1 0c-36.5 0-68.3 20.1-85.1 49.7A98 98 0 0 0 97.8 0C43.9 0 0 43.9 0 97.8s43.9 97.8 97.8 97.8c36.5 0 68.3-20.1 85.1-49.7a97.76 97.76 0 0 0 149.6 25.4l19.4 22.2h3v-87.8h-80l24.3 27.5zM97.8 145c-26 0-47.1-21.1-47.1-47.1s21.1-47.1 47.1-47.1 47.2 21 47.2 47S123.8 145 97.8 145\"\n          />\n        </svg>\n        <span class=\"govuk-footer__licence-description\">\n          All content is available under the\n          <a\n            class=\"govuk-footer__link\"\n            href=\"https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/\"\n            rel=\"license\"\n          >Open Government Licence v3.0</a>, except where otherwise stated\n        </span>\n      </div>\n      <div class=\"govuk-footer__meta-item\">\n        <a\n          class=\"govuk-footer__link govuk-footer__copyright-logo\"\n          href=\"https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/\"\n        >\n          © Crown copyright\n        </a>\n      </div>\n    </div>\n  </div>\n</footer>"
+        },
+        {
+            "name": "Three equal columns",
+            "options": {
+                "navigation": [
+                    {
+                        "title": "Single column list 1",
+                        "width": "one-third",
+                        "columns": 1,
+                        "items": [
+                            {
+                                "href": "#1",
+                                "text": "Navigation item 1"
+                            },
+                            {
+                                "href": "#2",
+                                "text": "Navigation item 2"
+                            },
+                            {
+                                "href": "#3",
+                                "text": "Navigation item 3"
+                            },
+                            {
+                                "href": "#4",
+                                "text": "Navigation item 4"
+                            },
+                            {
+                                "href": "#5",
+                                "text": "Navigation item 5"
+                            },
+                            {
+                                "href": "#6",
+                                "text": "Navigation item 6"
+                            }
+                        ]
+                    },
+                    {
+                        "title": "Single column list 2",
+                        "width": "one-third",
+                        "columns": 1,
+                        "items": [
+                            {
+                                "href": "#1",
+                                "text": "Navigation item 1"
+                            },
+                            {
+                                "href": "#2",
+                                "text": "Navigation item 2"
+                            },
+                            {
+                                "href": "#3",
+                                "text": "Navigation item 3"
+                            },
+                            {
+                                "href": "#4",
+                                "text": "Navigation item 4"
+                            },
+                            {
+                                "href": "#5",
+                                "text": "Navigation item 5"
+                            },
+                            {
+                                "href": "#6",
+                                "text": "Navigation item 6"
+                            }
+                        ]
+                    },
+                    {
+                        "title": "Single column list 3",
+                        "width": "one-third",
+                        "columns": 1,
+                        "items": [
+                            {
+                                "href": "#1",
+                                "text": "Navigation item 1"
+                            },
+                            {
+                                "href": "#2",
+                                "text": "Navigation item 2"
+                            },
+                            {
+                                "href": "#3",
+                                "text": "Navigation item 3"
+                            },
+                            {
+                                "href": "#4",
+                                "text": "Navigation item 4"
+                            },
+                            {
+                                "href": "#5",
+                                "text": "Navigation item 5"
+                            },
+                            {
+                                "href": "#6",
+                                "text": "Navigation item 6"
+                            }
+                        ]
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "A full example to demonstrate three equal width columns",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<footer class=\"govuk-footer\">\n  <div class=\"govuk-width-container\">\n      <div class=\"govuk-footer__navigation\">\n          <div class=\"govuk-footer__section govuk-grid-column-one-third\">\n            <h2 class=\"govuk-footer__heading govuk-heading-m\">Single column list 1</h2>\n              <ul class=\"govuk-footer__list govuk-footer__list--columns-1\">\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"#1\">\n                        Navigation item 1\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"#2\">\n                        Navigation item 2\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"#3\">\n                        Navigation item 3\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"#4\">\n                        Navigation item 4\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"#5\">\n                        Navigation item 5\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"#6\">\n                        Navigation item 6\n                      </a>\n                    </li>\n              </ul>\n          </div>\n          <div class=\"govuk-footer__section govuk-grid-column-one-third\">\n            <h2 class=\"govuk-footer__heading govuk-heading-m\">Single column list 2</h2>\n              <ul class=\"govuk-footer__list govuk-footer__list--columns-1\">\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"#1\">\n                        Navigation item 1\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"#2\">\n                        Navigation item 2\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"#3\">\n                        Navigation item 3\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"#4\">\n                        Navigation item 4\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"#5\">\n                        Navigation item 5\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"#6\">\n                        Navigation item 6\n                      </a>\n                    </li>\n              </ul>\n          </div>\n          <div class=\"govuk-footer__section govuk-grid-column-one-third\">\n            <h2 class=\"govuk-footer__heading govuk-heading-m\">Single column list 3</h2>\n              <ul class=\"govuk-footer__list govuk-footer__list--columns-1\">\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"#1\">\n                        Navigation item 1\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"#2\">\n                        Navigation item 2\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"#3\">\n                        Navigation item 3\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"#4\">\n                        Navigation item 4\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"#5\">\n                        Navigation item 5\n                      </a>\n                    </li>\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"#6\">\n                        Navigation item 6\n                      </a>\n                    </li>\n              </ul>\n          </div>\n      </div>\n      <hr class=\"govuk-footer__section-break\">\n    <div class=\"govuk-footer__meta\">\n      <div class=\"govuk-footer__meta-item govuk-footer__meta-item--grow\">\n        <svg\n          aria-hidden=\"true\"\n          focusable=\"false\"\n          class=\"govuk-footer__licence-logo\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          viewBox=\"0 0 483.2 195.7\"\n          height=\"17\"\n          width=\"41\"\n        >\n          <path\n            fill=\"currentColor\"\n            d=\"M421.5 142.8V.1l-50.7 32.3v161.1h112.4v-50.7zm-122.3-9.6A47.12 47.12 0 0 1 221 97.8c0-26 21.1-47.1 47.1-47.1 16.7 0 31.4 8.7 39.7 21.8l42.7-27.2A97.63 97.63 0 0 0 268.1 0c-36.5 0-68.3 20.1-85.1 49.7A98 98 0 0 0 97.8 0C43.9 0 0 43.9 0 97.8s43.9 97.8 97.8 97.8c36.5 0 68.3-20.1 85.1-49.7a97.76 97.76 0 0 0 149.6 25.4l19.4 22.2h3v-87.8h-80l24.3 27.5zM97.8 145c-26 0-47.1-21.1-47.1-47.1s21.1-47.1 47.1-47.1 47.2 21 47.2 47S123.8 145 97.8 145\"\n          />\n        </svg>\n        <span class=\"govuk-footer__licence-description\">\n          All content is available under the\n          <a\n            class=\"govuk-footer__link\"\n            href=\"https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/\"\n            rel=\"license\"\n          >Open Government Licence v3.0</a>, except where otherwise stated\n        </span>\n      </div>\n      <div class=\"govuk-footer__meta-item\">\n        <a\n          class=\"govuk-footer__link govuk-footer__copyright-logo\"\n          href=\"https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/\"\n        >\n          © Crown copyright\n        </a>\n      </div>\n    </div>\n  </div>\n</footer>"
+        },
+        {
+            "name": "attributes",
+            "options": {
+                "attributes": {
+                    "data-test-attribute": "value",
+                    "data-test-attribute-2": "value-2"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<footer class=\"govuk-footer\" data-test-attribute=\"value\" data-test-attribute-2=\"value-2\">\n  <div class=\"govuk-width-container\">\n    <div class=\"govuk-footer__meta\">\n      <div class=\"govuk-footer__meta-item govuk-footer__meta-item--grow\">\n        <svg\n          aria-hidden=\"true\"\n          focusable=\"false\"\n          class=\"govuk-footer__licence-logo\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          viewBox=\"0 0 483.2 195.7\"\n          height=\"17\"\n          width=\"41\"\n        >\n          <path\n            fill=\"currentColor\"\n            d=\"M421.5 142.8V.1l-50.7 32.3v161.1h112.4v-50.7zm-122.3-9.6A47.12 47.12 0 0 1 221 97.8c0-26 21.1-47.1 47.1-47.1 16.7 0 31.4 8.7 39.7 21.8l42.7-27.2A97.63 97.63 0 0 0 268.1 0c-36.5 0-68.3 20.1-85.1 49.7A98 98 0 0 0 97.8 0C43.9 0 0 43.9 0 97.8s43.9 97.8 97.8 97.8c36.5 0 68.3-20.1 85.1-49.7a97.76 97.76 0 0 0 149.6 25.4l19.4 22.2h3v-87.8h-80l24.3 27.5zM97.8 145c-26 0-47.1-21.1-47.1-47.1s21.1-47.1 47.1-47.1 47.2 21 47.2 47S123.8 145 97.8 145\"\n          />\n        </svg>\n        <span class=\"govuk-footer__licence-description\">\n          All content is available under the\n          <a\n            class=\"govuk-footer__link\"\n            href=\"https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/\"\n            rel=\"license\"\n          >Open Government Licence v3.0</a>, except where otherwise stated\n        </span>\n      </div>\n      <div class=\"govuk-footer__meta-item\">\n        <a\n          class=\"govuk-footer__link govuk-footer__copyright-logo\"\n          href=\"https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/\"\n        >\n          © Crown copyright\n        </a>\n      </div>\n    </div>\n  </div>\n</footer>"
+        },
+        {
+            "name": "classes",
+            "options": {
+                "classes": "app-footer--custom-modifier"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<footer class=\"govuk-footer app-footer--custom-modifier\">\n  <div class=\"govuk-width-container\">\n    <div class=\"govuk-footer__meta\">\n      <div class=\"govuk-footer__meta-item govuk-footer__meta-item--grow\">\n        <svg\n          aria-hidden=\"true\"\n          focusable=\"false\"\n          class=\"govuk-footer__licence-logo\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          viewBox=\"0 0 483.2 195.7\"\n          height=\"17\"\n          width=\"41\"\n        >\n          <path\n            fill=\"currentColor\"\n            d=\"M421.5 142.8V.1l-50.7 32.3v161.1h112.4v-50.7zm-122.3-9.6A47.12 47.12 0 0 1 221 97.8c0-26 21.1-47.1 47.1-47.1 16.7 0 31.4 8.7 39.7 21.8l42.7-27.2A97.63 97.63 0 0 0 268.1 0c-36.5 0-68.3 20.1-85.1 49.7A98 98 0 0 0 97.8 0C43.9 0 0 43.9 0 97.8s43.9 97.8 97.8 97.8c36.5 0 68.3-20.1 85.1-49.7a97.76 97.76 0 0 0 149.6 25.4l19.4 22.2h3v-87.8h-80l24.3 27.5zM97.8 145c-26 0-47.1-21.1-47.1-47.1s21.1-47.1 47.1-47.1 47.2 21 47.2 47S123.8 145 97.8 145\"\n          />\n        </svg>\n        <span class=\"govuk-footer__licence-description\">\n          All content is available under the\n          <a\n            class=\"govuk-footer__link\"\n            href=\"https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/\"\n            rel=\"license\"\n          >Open Government Licence v3.0</a>, except where otherwise stated\n        </span>\n      </div>\n      <div class=\"govuk-footer__meta-item\">\n        <a\n          class=\"govuk-footer__link govuk-footer__copyright-logo\"\n          href=\"https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/\"\n        >\n          © Crown copyright\n        </a>\n      </div>\n    </div>\n  </div>\n</footer>"
+        },
+        {
+            "name": "with container classes",
+            "options": {
+                "containerClasses": "app-width-container"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<footer class=\"govuk-footer\">\n  <div class=\"govuk-width-container app-width-container\">\n    <div class=\"govuk-footer__meta\">\n      <div class=\"govuk-footer__meta-item govuk-footer__meta-item--grow\">\n        <svg\n          aria-hidden=\"true\"\n          focusable=\"false\"\n          class=\"govuk-footer__licence-logo\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          viewBox=\"0 0 483.2 195.7\"\n          height=\"17\"\n          width=\"41\"\n        >\n          <path\n            fill=\"currentColor\"\n            d=\"M421.5 142.8V.1l-50.7 32.3v161.1h112.4v-50.7zm-122.3-9.6A47.12 47.12 0 0 1 221 97.8c0-26 21.1-47.1 47.1-47.1 16.7 0 31.4 8.7 39.7 21.8l42.7-27.2A97.63 97.63 0 0 0 268.1 0c-36.5 0-68.3 20.1-85.1 49.7A98 98 0 0 0 97.8 0C43.9 0 0 43.9 0 97.8s43.9 97.8 97.8 97.8c36.5 0 68.3-20.1 85.1-49.7a97.76 97.76 0 0 0 149.6 25.4l19.4 22.2h3v-87.8h-80l24.3 27.5zM97.8 145c-26 0-47.1-21.1-47.1-47.1s21.1-47.1 47.1-47.1 47.2 21 47.2 47S123.8 145 97.8 145\"\n          />\n        </svg>\n        <span class=\"govuk-footer__licence-description\">\n          All content is available under the\n          <a\n            class=\"govuk-footer__link\"\n            href=\"https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/\"\n            rel=\"license\"\n          >Open Government Licence v3.0</a>, except where otherwise stated\n        </span>\n      </div>\n      <div class=\"govuk-footer__meta-item\">\n        <a\n          class=\"govuk-footer__link govuk-footer__copyright-logo\"\n          href=\"https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/\"\n        >\n          © Crown copyright\n        </a>\n      </div>\n    </div>\n  </div>\n</footer>"
+        },
+        {
+            "name": "with HTML passed as text content",
+            "options": {
+                "contentLicence": {
+                    "text": "Mae’r holl gynnwys ar gael dan <a class=\"govuk-footer__link\" href=\"https://www.nationalarchives.gov.uk/doc/open-government-licence-cymraeg/version/3/\" rel=\"license\">Drwydded y Llywodraeth Agored v3.0</a>, ac eithrio lle nodir yn wahanol"
+                },
+                "copyright": {
+                    "text": "<span>Hawlfraint y Goron</span>"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<footer class=\"govuk-footer\">\n  <div class=\"govuk-width-container\">\n    <div class=\"govuk-footer__meta\">\n      <div class=\"govuk-footer__meta-item govuk-footer__meta-item--grow\">\n        <svg\n          aria-hidden=\"true\"\n          focusable=\"false\"\n          class=\"govuk-footer__licence-logo\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          viewBox=\"0 0 483.2 195.7\"\n          height=\"17\"\n          width=\"41\"\n        >\n          <path\n            fill=\"currentColor\"\n            d=\"M421.5 142.8V.1l-50.7 32.3v161.1h112.4v-50.7zm-122.3-9.6A47.12 47.12 0 0 1 221 97.8c0-26 21.1-47.1 47.1-47.1 16.7 0 31.4 8.7 39.7 21.8l42.7-27.2A97.63 97.63 0 0 0 268.1 0c-36.5 0-68.3 20.1-85.1 49.7A98 98 0 0 0 97.8 0C43.9 0 0 43.9 0 97.8s43.9 97.8 97.8 97.8c36.5 0 68.3-20.1 85.1-49.7a97.76 97.76 0 0 0 149.6 25.4l19.4 22.2h3v-87.8h-80l24.3 27.5zM97.8 145c-26 0-47.1-21.1-47.1-47.1s21.1-47.1 47.1-47.1 47.2 21 47.2 47S123.8 145 97.8 145\"\n          />\n        </svg>\n        <span class=\"govuk-footer__licence-description\">\n          Mae’r holl gynnwys ar gael dan &lt;a class=&quot;govuk-footer__link&quot; href=&quot;https://www.nationalarchives.gov.uk/doc/open-government-licence-cymraeg/version/3/&quot; rel=&quot;license&quot;&gt;Drwydded y Llywodraeth Agored v3.0&lt;/a&gt;, ac eithrio lle nodir yn wahanol\n        </span>\n      </div>\n      <div class=\"govuk-footer__meta-item\">\n        <a\n          class=\"govuk-footer__link govuk-footer__copyright-logo\"\n          href=\"https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/\"\n        >\n          &lt;span&gt;Hawlfraint y Goron&lt;/span&gt;\n        </a>\n      </div>\n    </div>\n  </div>\n</footer>"
+        },
+        {
+            "name": "with empty meta",
+            "options": {
+                "meta": {}
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<footer class=\"govuk-footer\">\n  <div class=\"govuk-width-container\">\n    <div class=\"govuk-footer__meta\">\n      <div class=\"govuk-footer__meta-item govuk-footer__meta-item--grow\">\n        <h2 class=\"govuk-visually-hidden\">Support links</h2>\n        <svg\n          aria-hidden=\"true\"\n          focusable=\"false\"\n          class=\"govuk-footer__licence-logo\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          viewBox=\"0 0 483.2 195.7\"\n          height=\"17\"\n          width=\"41\"\n        >\n          <path\n            fill=\"currentColor\"\n            d=\"M421.5 142.8V.1l-50.7 32.3v161.1h112.4v-50.7zm-122.3-9.6A47.12 47.12 0 0 1 221 97.8c0-26 21.1-47.1 47.1-47.1 16.7 0 31.4 8.7 39.7 21.8l42.7-27.2A97.63 97.63 0 0 0 268.1 0c-36.5 0-68.3 20.1-85.1 49.7A98 98 0 0 0 97.8 0C43.9 0 0 43.9 0 97.8s43.9 97.8 97.8 97.8c36.5 0 68.3-20.1 85.1-49.7a97.76 97.76 0 0 0 149.6 25.4l19.4 22.2h3v-87.8h-80l24.3 27.5zM97.8 145c-26 0-47.1-21.1-47.1-47.1s21.1-47.1 47.1-47.1 47.2 21 47.2 47S123.8 145 97.8 145\"\n          />\n        </svg>\n        <span class=\"govuk-footer__licence-description\">\n          All content is available under the\n          <a\n            class=\"govuk-footer__link\"\n            href=\"https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/\"\n            rel=\"license\"\n          >Open Government Licence v3.0</a>, except where otherwise stated\n        </span>\n      </div>\n      <div class=\"govuk-footer__meta-item\">\n        <a\n          class=\"govuk-footer__link govuk-footer__copyright-logo\"\n          href=\"https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/\"\n        >\n          © Crown copyright\n        </a>\n      </div>\n    </div>\n  </div>\n</footer>"
+        },
+        {
+            "name": "with empty meta items",
+            "options": {
+                "meta": {
+                    "items": []
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<footer class=\"govuk-footer\">\n  <div class=\"govuk-width-container\">\n    <div class=\"govuk-footer__meta\">\n      <div class=\"govuk-footer__meta-item govuk-footer__meta-item--grow\">\n        <h2 class=\"govuk-visually-hidden\">Support links</h2>\n        <svg\n          aria-hidden=\"true\"\n          focusable=\"false\"\n          class=\"govuk-footer__licence-logo\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          viewBox=\"0 0 483.2 195.7\"\n          height=\"17\"\n          width=\"41\"\n        >\n          <path\n            fill=\"currentColor\"\n            d=\"M421.5 142.8V.1l-50.7 32.3v161.1h112.4v-50.7zm-122.3-9.6A47.12 47.12 0 0 1 221 97.8c0-26 21.1-47.1 47.1-47.1 16.7 0 31.4 8.7 39.7 21.8l42.7-27.2A97.63 97.63 0 0 0 268.1 0c-36.5 0-68.3 20.1-85.1 49.7A98 98 0 0 0 97.8 0C43.9 0 0 43.9 0 97.8s43.9 97.8 97.8 97.8c36.5 0 68.3-20.1 85.1-49.7a97.76 97.76 0 0 0 149.6 25.4l19.4 22.2h3v-87.8h-80l24.3 27.5zM97.8 145c-26 0-47.1-21.1-47.1-47.1s21.1-47.1 47.1-47.1 47.2 21 47.2 47S123.8 145 97.8 145\"\n          />\n        </svg>\n        <span class=\"govuk-footer__licence-description\">\n          All content is available under the\n          <a\n            class=\"govuk-footer__link\"\n            href=\"https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/\"\n            rel=\"license\"\n          >Open Government Licence v3.0</a>, except where otherwise stated\n        </span>\n      </div>\n      <div class=\"govuk-footer__meta-item\">\n        <a\n          class=\"govuk-footer__link govuk-footer__copyright-logo\"\n          href=\"https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/\"\n        >\n          © Crown copyright\n        </a>\n      </div>\n    </div>\n  </div>\n</footer>"
+        },
+        {
+            "name": "with meta",
+            "options": {
+                "meta": {
+                    "visuallyHiddenTitle": "Items",
+                    "items": [
+                        {
+                            "href": "#1",
+                            "text": "Item 1"
+                        },
+                        {
+                            "href": "#2",
+                            "text": "Item 2"
+                        },
+                        {
+                            "href": "#3",
+                            "text": "Item 3"
+                        }
+                    ]
+                }
+            },
+            "hidden": true,
+            "description": "Secondary navigation with meta information relating to the site",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<footer class=\"govuk-footer\">\n  <div class=\"govuk-width-container\">\n    <div class=\"govuk-footer__meta\">\n      <div class=\"govuk-footer__meta-item govuk-footer__meta-item--grow\">\n        <h2 class=\"govuk-visually-hidden\">Items</h2>\n        <ul class=\"govuk-footer__inline-list\">\n          <li class=\"govuk-footer__inline-list-item\">\n            <a class=\"govuk-footer__link\" href=\"#1\">\n              Item 1\n            </a>\n          </li>\n          <li class=\"govuk-footer__inline-list-item\">\n            <a class=\"govuk-footer__link\" href=\"#2\">\n              Item 2\n            </a>\n          </li>\n          <li class=\"govuk-footer__inline-list-item\">\n            <a class=\"govuk-footer__link\" href=\"#3\">\n              Item 3\n            </a>\n          </li>\n        </ul>\n        <svg\n          aria-hidden=\"true\"\n          focusable=\"false\"\n          class=\"govuk-footer__licence-logo\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          viewBox=\"0 0 483.2 195.7\"\n          height=\"17\"\n          width=\"41\"\n        >\n          <path\n            fill=\"currentColor\"\n            d=\"M421.5 142.8V.1l-50.7 32.3v161.1h112.4v-50.7zm-122.3-9.6A47.12 47.12 0 0 1 221 97.8c0-26 21.1-47.1 47.1-47.1 16.7 0 31.4 8.7 39.7 21.8l42.7-27.2A97.63 97.63 0 0 0 268.1 0c-36.5 0-68.3 20.1-85.1 49.7A98 98 0 0 0 97.8 0C43.9 0 0 43.9 0 97.8s43.9 97.8 97.8 97.8c36.5 0 68.3-20.1 85.1-49.7a97.76 97.76 0 0 0 149.6 25.4l19.4 22.2h3v-87.8h-80l24.3 27.5zM97.8 145c-26 0-47.1-21.1-47.1-47.1s21.1-47.1 47.1-47.1 47.2 21 47.2 47S123.8 145 97.8 145\"\n          />\n        </svg>\n        <span class=\"govuk-footer__licence-description\">\n          All content is available under the\n          <a\n            class=\"govuk-footer__link\"\n            href=\"https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/\"\n            rel=\"license\"\n          >Open Government Licence v3.0</a>, except where otherwise stated\n        </span>\n      </div>\n      <div class=\"govuk-footer__meta-item\">\n        <a\n          class=\"govuk-footer__link govuk-footer__copyright-logo\"\n          href=\"https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/\"\n        >\n          © Crown copyright\n        </a>\n      </div>\n    </div>\n  </div>\n</footer>"
+        },
+        {
+            "name": "meta html as text",
+            "options": {
+                "meta": {
+                    "text": "GOV.UK Prototype Kit <strong>v7.0.1</strong>"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<footer class=\"govuk-footer\">\n  <div class=\"govuk-width-container\">\n    <div class=\"govuk-footer__meta\">\n      <div class=\"govuk-footer__meta-item govuk-footer__meta-item--grow\">\n        <h2 class=\"govuk-visually-hidden\">Support links</h2>\n        <div class=\"govuk-footer__meta-custom\">\n          GOV.UK Prototype Kit &lt;strong&gt;v7.0.1&lt;/strong&gt;\n        </div>\n        <svg\n          aria-hidden=\"true\"\n          focusable=\"false\"\n          class=\"govuk-footer__licence-logo\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          viewBox=\"0 0 483.2 195.7\"\n          height=\"17\"\n          width=\"41\"\n        >\n          <path\n            fill=\"currentColor\"\n            d=\"M421.5 142.8V.1l-50.7 32.3v161.1h112.4v-50.7zm-122.3-9.6A47.12 47.12 0 0 1 221 97.8c0-26 21.1-47.1 47.1-47.1 16.7 0 31.4 8.7 39.7 21.8l42.7-27.2A97.63 97.63 0 0 0 268.1 0c-36.5 0-68.3 20.1-85.1 49.7A98 98 0 0 0 97.8 0C43.9 0 0 43.9 0 97.8s43.9 97.8 97.8 97.8c36.5 0 68.3-20.1 85.1-49.7a97.76 97.76 0 0 0 149.6 25.4l19.4 22.2h3v-87.8h-80l24.3 27.5zM97.8 145c-26 0-47.1-21.1-47.1-47.1s21.1-47.1 47.1-47.1 47.2 21 47.2 47S123.8 145 97.8 145\"\n          />\n        </svg>\n        <span class=\"govuk-footer__licence-description\">\n          All content is available under the\n          <a\n            class=\"govuk-footer__link\"\n            href=\"https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/\"\n            rel=\"license\"\n          >Open Government Licence v3.0</a>, except where otherwise stated\n        </span>\n      </div>\n      <div class=\"govuk-footer__meta-item\">\n        <a\n          class=\"govuk-footer__link govuk-footer__copyright-logo\"\n          href=\"https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/\"\n        >\n          © Crown copyright\n        </a>\n      </div>\n    </div>\n  </div>\n</footer>"
+        },
+        {
+            "name": "with meta html",
+            "options": {
+                "meta": {
+                    "html": "GOV.UK Prototype Kit <strong>v7.0.1</strong>"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<footer class=\"govuk-footer\">\n  <div class=\"govuk-width-container\">\n    <div class=\"govuk-footer__meta\">\n      <div class=\"govuk-footer__meta-item govuk-footer__meta-item--grow\">\n        <h2 class=\"govuk-visually-hidden\">Support links</h2>\n        <div class=\"govuk-footer__meta-custom\">\n          GOV.UK Prototype Kit <strong>v7.0.1</strong>\n        </div>\n        <svg\n          aria-hidden=\"true\"\n          focusable=\"false\"\n          class=\"govuk-footer__licence-logo\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          viewBox=\"0 0 483.2 195.7\"\n          height=\"17\"\n          width=\"41\"\n        >\n          <path\n            fill=\"currentColor\"\n            d=\"M421.5 142.8V.1l-50.7 32.3v161.1h112.4v-50.7zm-122.3-9.6A47.12 47.12 0 0 1 221 97.8c0-26 21.1-47.1 47.1-47.1 16.7 0 31.4 8.7 39.7 21.8l42.7-27.2A97.63 97.63 0 0 0 268.1 0c-36.5 0-68.3 20.1-85.1 49.7A98 98 0 0 0 97.8 0C43.9 0 0 43.9 0 97.8s43.9 97.8 97.8 97.8c36.5 0 68.3-20.1 85.1-49.7a97.76 97.76 0 0 0 149.6 25.4l19.4 22.2h3v-87.8h-80l24.3 27.5zM97.8 145c-26 0-47.1-21.1-47.1-47.1s21.1-47.1 47.1-47.1 47.2 21 47.2 47S123.8 145 97.8 145\"\n          />\n        </svg>\n        <span class=\"govuk-footer__licence-description\">\n          All content is available under the\n          <a\n            class=\"govuk-footer__link\"\n            href=\"https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/\"\n            rel=\"license\"\n          >Open Government Licence v3.0</a>, except where otherwise stated\n        </span>\n      </div>\n      <div class=\"govuk-footer__meta-item\">\n        <a\n          class=\"govuk-footer__link govuk-footer__copyright-logo\"\n          href=\"https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/\"\n        >\n          © Crown copyright\n        </a>\n      </div>\n    </div>\n  </div>\n</footer>"
+        },
+        {
+            "name": "with meta item attributes",
+            "options": {
+                "meta": {
+                    "items": [
+                        {
+                            "href": "#1",
+                            "text": "meta item 1",
+                            "attributes": {
+                                "data-attribute": "my-attribute",
+                                "data-attribute-2": "my-attribute-2"
+                            }
+                        }
+                    ]
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<footer class=\"govuk-footer\">\n  <div class=\"govuk-width-container\">\n    <div class=\"govuk-footer__meta\">\n      <div class=\"govuk-footer__meta-item govuk-footer__meta-item--grow\">\n        <h2 class=\"govuk-visually-hidden\">Support links</h2>\n        <ul class=\"govuk-footer__inline-list\">\n          <li class=\"govuk-footer__inline-list-item\">\n            <a class=\"govuk-footer__link\" href=\"#1\" data-attribute=\"my-attribute\" data-attribute-2=\"my-attribute-2\">\n              meta item 1\n            </a>\n          </li>\n        </ul>\n        <svg\n          aria-hidden=\"true\"\n          focusable=\"false\"\n          class=\"govuk-footer__licence-logo\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          viewBox=\"0 0 483.2 195.7\"\n          height=\"17\"\n          width=\"41\"\n        >\n          <path\n            fill=\"currentColor\"\n            d=\"M421.5 142.8V.1l-50.7 32.3v161.1h112.4v-50.7zm-122.3-9.6A47.12 47.12 0 0 1 221 97.8c0-26 21.1-47.1 47.1-47.1 16.7 0 31.4 8.7 39.7 21.8l42.7-27.2A97.63 97.63 0 0 0 268.1 0c-36.5 0-68.3 20.1-85.1 49.7A98 98 0 0 0 97.8 0C43.9 0 0 43.9 0 97.8s43.9 97.8 97.8 97.8c36.5 0 68.3-20.1 85.1-49.7a97.76 97.76 0 0 0 149.6 25.4l19.4 22.2h3v-87.8h-80l24.3 27.5zM97.8 145c-26 0-47.1-21.1-47.1-47.1s21.1-47.1 47.1-47.1 47.2 21 47.2 47S123.8 145 97.8 145\"\n          />\n        </svg>\n        <span class=\"govuk-footer__licence-description\">\n          All content is available under the\n          <a\n            class=\"govuk-footer__link\"\n            href=\"https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/\"\n            rel=\"license\"\n          >Open Government Licence v3.0</a>, except where otherwise stated\n        </span>\n      </div>\n      <div class=\"govuk-footer__meta-item\">\n        <a\n          class=\"govuk-footer__link govuk-footer__copyright-logo\"\n          href=\"https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/\"\n        >\n          © Crown copyright\n        </a>\n      </div>\n    </div>\n  </div>\n</footer>"
+        },
+        {
+            "name": "with empty navigation",
+            "options": {
+                "navigation": []
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<footer class=\"govuk-footer\">\n  <div class=\"govuk-width-container\">\n    <div class=\"govuk-footer__meta\">\n      <div class=\"govuk-footer__meta-item govuk-footer__meta-item--grow\">\n        <svg\n          aria-hidden=\"true\"\n          focusable=\"false\"\n          class=\"govuk-footer__licence-logo\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          viewBox=\"0 0 483.2 195.7\"\n          height=\"17\"\n          width=\"41\"\n        >\n          <path\n            fill=\"currentColor\"\n            d=\"M421.5 142.8V.1l-50.7 32.3v161.1h112.4v-50.7zm-122.3-9.6A47.12 47.12 0 0 1 221 97.8c0-26 21.1-47.1 47.1-47.1 16.7 0 31.4 8.7 39.7 21.8l42.7-27.2A97.63 97.63 0 0 0 268.1 0c-36.5 0-68.3 20.1-85.1 49.7A98 98 0 0 0 97.8 0C43.9 0 0 43.9 0 97.8s43.9 97.8 97.8 97.8c36.5 0 68.3-20.1 85.1-49.7a97.76 97.76 0 0 0 149.6 25.4l19.4 22.2h3v-87.8h-80l24.3 27.5zM97.8 145c-26 0-47.1-21.1-47.1-47.1s21.1-47.1 47.1-47.1 47.2 21 47.2 47S123.8 145 97.8 145\"\n          />\n        </svg>\n        <span class=\"govuk-footer__licence-description\">\n          All content is available under the\n          <a\n            class=\"govuk-footer__link\"\n            href=\"https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/\"\n            rel=\"license\"\n          >Open Government Licence v3.0</a>, except where otherwise stated\n        </span>\n      </div>\n      <div class=\"govuk-footer__meta-item\">\n        <a\n          class=\"govuk-footer__link govuk-footer__copyright-logo\"\n          href=\"https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/\"\n        >\n          © Crown copyright\n        </a>\n      </div>\n    </div>\n  </div>\n</footer>"
+        },
+        {
+            "name": "with navigation item attributes",
+            "options": {
+                "navigation": [
+                    {
+                        "title": "Single column list 1",
+                        "items": [
+                            {
+                                "href": "#1",
+                                "text": "Navigation item 1",
+                                "attributes": {
+                                    "data-attribute": "my-attribute",
+                                    "data-attribute-2": "my-attribute-2"
+                                }
+                            }
+                        ]
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<footer class=\"govuk-footer\">\n  <div class=\"govuk-width-container\">\n      <div class=\"govuk-footer__navigation\">\n          <div class=\"govuk-footer__section govuk-grid-column-full\">\n            <h2 class=\"govuk-footer__heading govuk-heading-m\">Single column list 1</h2>\n              <ul class=\"govuk-footer__list\">\n                    <li class=\"govuk-footer__list-item\">\n                      <a class=\"govuk-footer__link\" href=\"#1\" data-attribute=\"my-attribute\" data-attribute-2=\"my-attribute-2\">\n                        Navigation item 1\n                      </a>\n                    </li>\n              </ul>\n          </div>\n      </div>\n      <hr class=\"govuk-footer__section-break\">\n    <div class=\"govuk-footer__meta\">\n      <div class=\"govuk-footer__meta-item govuk-footer__meta-item--grow\">\n        <svg\n          aria-hidden=\"true\"\n          focusable=\"false\"\n          class=\"govuk-footer__licence-logo\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          viewBox=\"0 0 483.2 195.7\"\n          height=\"17\"\n          width=\"41\"\n        >\n          <path\n            fill=\"currentColor\"\n            d=\"M421.5 142.8V.1l-50.7 32.3v161.1h112.4v-50.7zm-122.3-9.6A47.12 47.12 0 0 1 221 97.8c0-26 21.1-47.1 47.1-47.1 16.7 0 31.4 8.7 39.7 21.8l42.7-27.2A97.63 97.63 0 0 0 268.1 0c-36.5 0-68.3 20.1-85.1 49.7A98 98 0 0 0 97.8 0C43.9 0 0 43.9 0 97.8s43.9 97.8 97.8 97.8c36.5 0 68.3-20.1 85.1-49.7a97.76 97.76 0 0 0 149.6 25.4l19.4 22.2h3v-87.8h-80l24.3 27.5zM97.8 145c-26 0-47.1-21.1-47.1-47.1s21.1-47.1 47.1-47.1 47.2 21 47.2 47S123.8 145 97.8 145\"\n          />\n        </svg>\n        <span class=\"govuk-footer__licence-description\">\n          All content is available under the\n          <a\n            class=\"govuk-footer__link\"\n            href=\"https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/\"\n            rel=\"license\"\n          >Open Government Licence v3.0</a>, except where otherwise stated\n        </span>\n      </div>\n      <div class=\"govuk-footer__meta-item\">\n        <a\n          class=\"govuk-footer__link govuk-footer__copyright-logo\"\n          href=\"https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/\"\n        >\n          © Crown copyright\n        </a>\n      </div>\n    </div>\n  </div>\n</footer>"
+        },
+        {
+            "name": "rebrand",
+            "options": {
+                "rebrand": true
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {
+                "htmlClasses": "govuk-template--rebranded"
+            },
+            "screenshot": true,
+            "html": "<footer class=\"govuk-footer\">\n  <div class=\"govuk-width-container\">\n\n  \n  <svg\n    focusable=\"false\"\n    role=\"presentation\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    viewBox=\"0 0 64 60\"\n    height=\"30\"\n    width=\"32\"\n    fill=\"currentcolor\" class=\"govuk-footer__crown\"\n  >    <g>\n        <circle cx=\"20\" cy=\"17.6\" r=\"3.7\"/>\n        <circle cx=\"10.2\" cy=\"23.5\" r=\"3.7\"/>\n        <circle cx=\"3.7\" cy=\"33.2\" r=\"3.7\"/>\n        <circle cx=\"31.7\" cy=\"30.6\" r=\"3.7\"/>\n        <circle cx=\"43.3\" cy=\"17.6\" r=\"3.7\"/>\n        <circle cx=\"53.2\" cy=\"23.5\" r=\"3.7\"/>\n        <circle cx=\"59.7\" cy=\"33.2\" r=\"3.7\"/>\n        <circle cx=\"31.7\" cy=\"30.6\" r=\"3.7\"/>\n        <path d=\"M33.1,9.8c.2-.1.3-.3.5-.5l4.6,2.4v-6.8l-4.6,1.5c-.1-.2-.3-.3-.5-.5l1.9-5.9h-6.7l1.9,5.9c-.2.1-.3.3-.5.5l-4.6-1.5v6.8l4.6-2.4c.1.2.3.3.5.5l-2.6,8c-.9,2.8,1.2,5.7,4.1,5.7h0c3,0,5.1-2.9,4.1-5.7l-2.6-8ZM37,37.9s-3.4,3.8-4.1,6.1c2.2,0,4.2-.5,6.4-2.8l-.7,8.5c-2-2.8-4.4-4.1-5.7-3.8.1,3.1.5,6.7,5.8,7.2,3.7.3,6.7-1.5,7-3.8.4-2.6-2-4.3-3.7-1.6-1.4-4.5,2.4-6.1,4.9-3.2-1.9-4.5-1.8-7.7,2.4-10.9,3,4,2.6,7.3-1.2,11.1,2.4-1.3,6.2,0,4,4.6-1.2-2.8-3.7-2.2-4.2.2-.3,1.7.7,3.7,3,4.2,1.9.3,4.7-.9,7-5.9-1.3,0-2.4.7-3.9,1.7l2.4-8c.6,2.3,1.4,3.7,2.2,4.5.6-1.6.5-2.8,0-5.3l5,1.8c-2.6,3.6-5.2,8.7-7.3,17.5-7.4-1.1-15.7-1.7-24.5-1.7h0c-8.8,0-17.1.6-24.5,1.7-2.1-8.9-4.7-13.9-7.3-17.5l5-1.8c-.5,2.5-.6,3.7,0,5.3.8-.8,1.6-2.3,2.2-4.5l2.4,8c-1.5-1-2.6-1.7-3.9-1.7,2.3,5,5.2,6.2,7,5.9,2.3-.4,3.3-2.4,3-4.2-.5-2.4-3-3.1-4.2-.2-2.2-4.6,1.6-6,4-4.6-3.7-3.7-4.2-7.1-1.2-11.1,4.2,3.2,4.3,6.4,2.4,10.9,2.5-2.8,6.3-1.3,4.9,3.2-1.8-2.7-4.1-1-3.7,1.6.3,2.3,3.3,4.1,7,3.8,5.4-.5,5.7-4.2,5.8-7.2-1.3-.2-3.7,1-5.7,3.8l-.7-8.5c2.2,2.3,4.2,2.7,6.4,2.8-.7-2.3-4.1-6.1-4.1-6.1h10.6,0Z\"/>\n      </g>\n  </svg>\n\n    <div class=\"govuk-footer__meta\">\n      <div class=\"govuk-footer__meta-item govuk-footer__meta-item--grow\">\n        <svg\n          aria-hidden=\"true\"\n          focusable=\"false\"\n          class=\"govuk-footer__licence-logo\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          viewBox=\"0 0 483.2 195.7\"\n          height=\"17\"\n          width=\"41\"\n        >\n          <path\n            fill=\"currentColor\"\n            d=\"M421.5 142.8V.1l-50.7 32.3v161.1h112.4v-50.7zm-122.3-9.6A47.12 47.12 0 0 1 221 97.8c0-26 21.1-47.1 47.1-47.1 16.7 0 31.4 8.7 39.7 21.8l42.7-27.2A97.63 97.63 0 0 0 268.1 0c-36.5 0-68.3 20.1-85.1 49.7A98 98 0 0 0 97.8 0C43.9 0 0 43.9 0 97.8s43.9 97.8 97.8 97.8c36.5 0 68.3-20.1 85.1-49.7a97.76 97.76 0 0 0 149.6 25.4l19.4 22.2h3v-87.8h-80l24.3 27.5zM97.8 145c-26 0-47.1-21.1-47.1-47.1s21.1-47.1 47.1-47.1 47.2 21 47.2 47S123.8 145 97.8 145\"\n          />\n        </svg>\n        <span class=\"govuk-footer__licence-description\">\n          All content is available under the\n          <a\n            class=\"govuk-footer__link\"\n            href=\"https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/\"\n            rel=\"license\"\n          >Open Government Licence v3.0</a>, except where otherwise stated\n        </span>\n      </div>\n      <div class=\"govuk-footer__meta-item\">\n        <a\n          class=\"govuk-footer__link govuk-footer__copyright-logo\"\n          href=\"https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/\"\n        >\n          © Crown copyright\n        </a>\n      </div>\n    </div>\n  </div>\n</footer>"
+        }
+    ],
+    "previewLayout": "full-width"
+}
diff --git a/node_modules/govuk-frontend/dist/govuk/components/footer/macro-options.json b/node_modules/govuk-frontend/dist/govuk/components/footer/macro-options.json
new file mode 100644
index 0000000..001850e
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/footer/macro-options.json
@@ -0,0 +1,170 @@
+[
+    {
+        "name": "meta",
+        "type": "object",
+        "required": false,
+        "description": "The meta section of the footer after any navigation, before the copyright and license information.",
+        "params": [
+            {
+                "name": "visuallyHiddenTitle",
+                "type": "string",
+                "required": false,
+                "description": "Title for a meta item section. Defaults to `\"Support links\"`."
+            },
+            {
+                "name": "html",
+                "type": "string",
+                "required": false,
+                "description": "HTML to add to the meta section of the footer, which will appear below any links specified using meta `items`."
+            },
+            {
+                "name": "text",
+                "type": "string",
+                "required": false,
+                "description": "Text to add to the meta section of the footer, which will appear below any links specified using meta `items`. If meta `html` is specified, this option is ignored."
+            },
+            {
+                "name": "items",
+                "type": "array",
+                "required": false,
+                "description": "The meta `items` add content within a unordered list to the meta section of the footer component. These appear above any text or custom html in the meta section.",
+                "params": [
+                    {
+                        "name": "text",
+                        "type": "string",
+                        "required": true,
+                        "description": "List item text in the meta section of the footer."
+                    },
+                    {
+                        "name": "href",
+                        "type": "string",
+                        "required": true,
+                        "description": "List item link `href` attribute in the meta section of the footer."
+                    },
+                    {
+                        "name": "attributes",
+                        "type": "object",
+                        "required": false,
+                        "description": "HTML attributes (for example data attributes) to add to the anchor in the footer meta section."
+                    }
+                ]
+            }
+        ]
+    },
+    {
+        "name": "navigation",
+        "type": "array",
+        "required": false,
+        "description": "The navigation section of the footer before a section break and the copyright and license information.",
+        "params": [
+            {
+                "name": "title",
+                "type": "string",
+                "required": true,
+                "description": "Title for a section."
+            },
+            {
+                "name": "columns",
+                "type": "integer",
+                "required": false,
+                "description": "Amount of columns to display items in navigation section of the footer."
+            },
+            {
+                "name": "width",
+                "type": "string",
+                "required": false,
+                "description": "Width of each navigation section in the footer. You can pass any Design System grid width here – for example, `\"one-third\"`, `\"two-thirds\"` or `\"one-half\"`. Defaults to `\"full\"`."
+            },
+            {
+                "name": "items",
+                "type": "array",
+                "required": false,
+                "description": "The items within the navigation section of the footer component.",
+                "params": [
+                    {
+                        "name": "text",
+                        "type": "string",
+                        "required": true,
+                        "description": "List item text in the navigation section of the footer."
+                    },
+                    {
+                        "name": "href",
+                        "type": "string",
+                        "required": true,
+                        "description": "List item link `href` attribute in the navigation section of the footer. Both `text` and `href` attributes need to be present to create a link."
+                    },
+                    {
+                        "name": "attributes",
+                        "type": "object",
+                        "required": false,
+                        "description": "HTML attributes (for example data attributes) to add to the anchor in the footer navigation section."
+                    }
+                ]
+            }
+        ]
+    },
+    {
+        "name": "contentLicence",
+        "type": "object",
+        "required": false,
+        "description": "The content licence information within the footer component. Defaults to Open Government Licence (OGL) v3 licence.",
+        "params": [
+            {
+                "name": "text",
+                "type": "string",
+                "required": false,
+                "description": "If `html` is set, this is not required. If `html` is provided, the `text` option will be ignored. If neither are provided, the text for the Open Government Licence is used."
+            },
+            {
+                "name": "html",
+                "type": "string",
+                "required": false,
+                "description": "If `text` is set, this is not required. If `html` is provided, the `text` option will be ignored. If neither are provided, the text for the Open Government Licence is used. The content licence is inside a `<span>` element, so you can only add [phrasing content](https://html.spec.whatwg.org/#phrasing-content) to it."
+            }
+        ]
+    },
+    {
+        "name": "copyright",
+        "type": "object",
+        "required": false,
+        "description": "The copyright information in the footer component, this defaults to `\"© Crown copyright\"`.",
+        "params": [
+            {
+                "name": "text",
+                "type": "string",
+                "required": false,
+                "description": "If `html` is set, this is not required. If `html` is provided, the `text` option will be ignored. If neither are provided, `\"© Crown copyright\"` is used."
+            },
+            {
+                "name": "html",
+                "type": "string",
+                "required": false,
+                "description": "If `text` is set, this is not required. If `html` is provided, the `text` option will be ignored. If neither are provided, `\"© Crown copyright\"` is used. The copyright notice is inside an `<a>` element, so you can only use text formatting elements within it."
+            }
+        ]
+    },
+    {
+        "name": "containerClasses",
+        "type": "string",
+        "required": false,
+        "description": "Classes that can be added to the inner container, useful if you want to make the footer full width."
+    },
+    {
+        "name": "classes",
+        "type": "string",
+        "required": false,
+        "description": "Classes to add to the footer component container."
+    },
+    {
+        "name": "attributes",
+        "type": "object",
+        "required": false,
+        "description": "HTML attributes (for example data attributes) to add to the footer component container."
+    },
+    {
+        "name": "rebrand",
+        "type": "boolean",
+        "required": false,
+        "description": "If `true`, use the redesigned footer with the GOV.UK crown. Default is `false`."
+    }
+]
diff --git a/node_modules/govuk-frontend/dist/govuk/components/footer/macro.njk b/node_modules/govuk-frontend/dist/govuk/components/footer/macro.njk
new file mode 100644
index 0000000..22e5868
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/footer/macro.njk
@@ -0,0 +1,3 @@
+{% macro govukFooter(params) %}
+  {%- include "./template.njk" -%}
+{% endmacro %}
diff --git a/node_modules/govuk-frontend/dist/govuk/components/footer/template-default.html b/node_modules/govuk-frontend/dist/govuk/components/footer/template-default.html
new file mode 100644
index 0000000..65bb751
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/footer/template-default.html
@@ -0,0 +1,38 @@
+<footer class="govuk-footer">
+  <div class="govuk-width-container">
+    <div class="govuk-footer__meta">
+      <div class="govuk-footer__meta-item govuk-footer__meta-item--grow">
+        <svg
+          aria-hidden="true"
+          focusable="false"
+          class="govuk-footer__licence-logo"
+          xmlns="http://www.w3.org/2000/svg"
+          viewBox="0 0 483.2 195.7"
+          height="17"
+          width="41"
+        >
+          <path
+            fill="currentColor"
+            d="M421.5 142.8V.1l-50.7 32.3v161.1h112.4v-50.7zm-122.3-9.6A47.12 47.12 0 0 1 221 97.8c0-26 21.1-47.1 47.1-47.1 16.7 0 31.4 8.7 39.7 21.8l42.7-27.2A97.63 97.63 0 0 0 268.1 0c-36.5 0-68.3 20.1-85.1 49.7A98 98 0 0 0 97.8 0C43.9 0 0 43.9 0 97.8s43.9 97.8 97.8 97.8c36.5 0 68.3-20.1 85.1-49.7a97.76 97.76 0 0 0 149.6 25.4l19.4 22.2h3v-87.8h-80l24.3 27.5zM97.8 145c-26 0-47.1-21.1-47.1-47.1s21.1-47.1 47.1-47.1 47.2 21 47.2 47S123.8 145 97.8 145"
+          />
+        </svg>
+        <span class="govuk-footer__licence-description">
+          All content is available under the
+          <a
+            class="govuk-footer__link"
+            href="https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/"
+            rel="license"
+          >Open Government Licence v3.0</a>, except where otherwise stated
+        </span>
+      </div>
+      <div class="govuk-footer__meta-item">
+        <a
+          class="govuk-footer__link govuk-footer__copyright-logo"
+          href="https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/"
+        >
+          © Crown copyright
+        </a>
+      </div>
+    </div>
+  </div>
+</footer>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/footer/template-full-gds-example.html b/node_modules/govuk-frontend/dist/govuk/components/footer/template-full-gds-example.html
new file mode 100644
index 0000000..7fa3403
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/footer/template-full-gds-example.html
@@ -0,0 +1,212 @@
+<footer class="govuk-footer">
+  <div class="govuk-width-container">
+      <div class="govuk-footer__navigation">
+          <div class="govuk-footer__section govuk-grid-column-two-thirds">
+            <h2 class="govuk-footer__heading govuk-heading-m">Coronavirus (COVID-19)</h2>
+              <ul class="govuk-footer__list">
+                    <li class="govuk-footer__list-item">
+                      <a class="govuk-footer__link" href="/coronavirus">
+                        Coronavirus (COVID-19): guidance and support
+                      </a>
+                    </li>
+              </ul>
+          </div>
+          <div class="govuk-footer__section govuk-grid-column-one-third">
+            <h2 class="govuk-footer__heading govuk-heading-m">Brexit</h2>
+              <ul class="govuk-footer__list">
+                    <li class="govuk-footer__list-item">
+                      <a class="govuk-footer__link" href="/brexit">
+                        Check what you need to do
+                      </a>
+                    </li>
+              </ul>
+          </div>
+          <div class="govuk-footer__section govuk-grid-column-two-thirds">
+            <h2 class="govuk-footer__heading govuk-heading-m">Services and information</h2>
+              <ul class="govuk-footer__list govuk-footer__list--columns-2">
+                    <li class="govuk-footer__list-item">
+                      <a class="govuk-footer__link" href="/browse/benefits">
+                        Benefits
+                      </a>
+                    </li>
+                    <li class="govuk-footer__list-item">
+                      <a class="govuk-footer__link" href="/browse/births-deaths-marriages">
+                        Births, deaths, marriages and care
+                      </a>
+                    </li>
+                    <li class="govuk-footer__list-item">
+                      <a class="govuk-footer__link" href="/browse/business">
+                        Business and self-employed
+                      </a>
+                    </li>
+                    <li class="govuk-footer__list-item">
+                      <a class="govuk-footer__link" href="/browse/childcare-parenting">
+                        Childcare and parenting
+                      </a>
+                    </li>
+                    <li class="govuk-footer__list-item">
+                      <a class="govuk-footer__link" href="/browse/citizenship">
+                        Citizenship and living in the UK
+                      </a>
+                    </li>
+                    <li class="govuk-footer__list-item">
+                      <a class="govuk-footer__link" href="/browse/justice">
+                        Crime, justice and the law
+                      </a>
+                    </li>
+                    <li class="govuk-footer__list-item">
+                      <a class="govuk-footer__link" href="/browse/disabilities">
+                        Disabled people
+                      </a>
+                    </li>
+                    <li class="govuk-footer__list-item">
+                      <a class="govuk-footer__link" href="/browse/driving">
+                        Driving and transport
+                      </a>
+                    </li>
+                    <li class="govuk-footer__list-item">
+                      <a class="govuk-footer__link" href="/browse/education">
+                        Education and learning
+                      </a>
+                    </li>
+                    <li class="govuk-footer__list-item">
+                      <a class="govuk-footer__link" href="/browse/employing-people">
+                        Employing people
+                      </a>
+                    </li>
+                    <li class="govuk-footer__list-item">
+                      <a class="govuk-footer__link" href="/browse/environment-countryside">
+                        Environment and countryside
+                      </a>
+                    </li>
+                    <li class="govuk-footer__list-item">
+                      <a class="govuk-footer__link" href="/browse/housing-local-services">
+                        Housing and local services
+                      </a>
+                    </li>
+                    <li class="govuk-footer__list-item">
+                      <a class="govuk-footer__link" href="/browse/tax">
+                        Money and tax
+                      </a>
+                    </li>
+                    <li class="govuk-footer__list-item">
+                      <a class="govuk-footer__link" href="/browse/abroad">
+                        Passports, travel and living abroad
+                      </a>
+                    </li>
+                    <li class="govuk-footer__list-item">
+                      <a class="govuk-footer__link" href="/browse/visas-immigration">
+                        Visas and immigration
+                      </a>
+                    </li>
+                    <li class="govuk-footer__list-item">
+                      <a class="govuk-footer__link" href="/browse/working">
+                        Working, jobs and pensions
+                      </a>
+                    </li>
+              </ul>
+          </div>
+          <div class="govuk-footer__section govuk-grid-column-one-third">
+            <h2 class="govuk-footer__heading govuk-heading-m">Departments and policy</h2>
+              <ul class="govuk-footer__list">
+                    <li class="govuk-footer__list-item">
+                      <a class="govuk-footer__link" href="/government/how-government-works">
+                        How government works
+                      </a>
+                    </li>
+                    <li class="govuk-footer__list-item">
+                      <a class="govuk-footer__link" href="/government/organisations">
+                        Departments
+                      </a>
+                    </li>
+                    <li class="govuk-footer__list-item">
+                      <a class="govuk-footer__link" href="/world">
+                        Worldwide
+                      </a>
+                    </li>
+                    <li class="govuk-footer__list-item">
+                      <a class="govuk-footer__link" href="/government/policies">
+                        Policies
+                      </a>
+                    </li>
+                    <li class="govuk-footer__list-item">
+                      <a class="govuk-footer__link" href="/government/publications">
+                        Publications
+                      </a>
+                    </li>
+                    <li class="govuk-footer__list-item">
+                      <a class="govuk-footer__link" href="/government/announcements">
+                        Announcements
+                      </a>
+                    </li>
+              </ul>
+          </div>
+      </div>
+      <hr class="govuk-footer__section-break">
+    <div class="govuk-footer__meta">
+      <div class="govuk-footer__meta-item govuk-footer__meta-item--grow">
+        <h2 class="govuk-visually-hidden">Support links</h2>
+        <ul class="govuk-footer__inline-list">
+          <li class="govuk-footer__inline-list-item">
+            <a class="govuk-footer__link" href="/help">
+              Help
+            </a>
+          </li>
+          <li class="govuk-footer__inline-list-item">
+            <a class="govuk-footer__link" href="/help/cookies">
+              Cookies
+            </a>
+          </li>
+          <li class="govuk-footer__inline-list-item">
+            <a class="govuk-footer__link" href="/contact">
+              Contact
+            </a>
+          </li>
+          <li class="govuk-footer__inline-list-item">
+            <a class="govuk-footer__link" href="/help/terms-conditions">
+              Terms and conditions
+            </a>
+          </li>
+          <li class="govuk-footer__inline-list-item">
+            <a class="govuk-footer__link" href="/cymraeg">
+              Rhestr o Wasanaethau Cymraeg
+            </a>
+          </li>
+        </ul>
+        <div class="govuk-footer__meta-custom">
+          Built by the <a class="govuk-footer__link" href="#">Government Digital Service</a>
+        </div>
+        <svg
+          aria-hidden="true"
+          focusable="false"
+          class="govuk-footer__licence-logo"
+          xmlns="http://www.w3.org/2000/svg"
+          viewBox="0 0 483.2 195.7"
+          height="17"
+          width="41"
+        >
+          <path
+            fill="currentColor"
+            d="M421.5 142.8V.1l-50.7 32.3v161.1h112.4v-50.7zm-122.3-9.6A47.12 47.12 0 0 1 221 97.8c0-26 21.1-47.1 47.1-47.1 16.7 0 31.4 8.7 39.7 21.8l42.7-27.2A97.63 97.63 0 0 0 268.1 0c-36.5 0-68.3 20.1-85.1 49.7A98 98 0 0 0 97.8 0C43.9 0 0 43.9 0 97.8s43.9 97.8 97.8 97.8c36.5 0 68.3-20.1 85.1-49.7a97.76 97.76 0 0 0 149.6 25.4l19.4 22.2h3v-87.8h-80l24.3 27.5zM97.8 145c-26 0-47.1-21.1-47.1-47.1s21.1-47.1 47.1-47.1 47.2 21 47.2 47S123.8 145 97.8 145"
+          />
+        </svg>
+        <span class="govuk-footer__licence-description">
+          All content is available under the
+          <a
+            class="govuk-footer__link"
+            href="https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/"
+            rel="license"
+          >Open Government Licence v3.0</a>, except where otherwise stated
+        </span>
+      </div>
+      <div class="govuk-footer__meta-item">
+        <a
+          class="govuk-footer__link govuk-footer__copyright-logo"
+          href="https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/"
+        >
+          © Crown copyright
+        </a>
+      </div>
+    </div>
+  </div>
+</footer>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/footer/template-three-equal-columns.html b/node_modules/govuk-frontend/dist/govuk/components/footer/template-three-equal-columns.html
new file mode 100644
index 0000000..bec6295
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/footer/template-three-equal-columns.html
@@ -0,0 +1,146 @@
+<footer class="govuk-footer">
+  <div class="govuk-width-container">
+      <div class="govuk-footer__navigation">
+          <div class="govuk-footer__section govuk-grid-column-one-third">
+            <h2 class="govuk-footer__heading govuk-heading-m">Single column list 1</h2>
+              <ul class="govuk-footer__list govuk-footer__list--columns-1">
+                    <li class="govuk-footer__list-item">
+                      <a class="govuk-footer__link" href="#1">
+                        Navigation item 1
+                      </a>
+                    </li>
+                    <li class="govuk-footer__list-item">
+                      <a class="govuk-footer__link" href="#2">
+                        Navigation item 2
+                      </a>
+                    </li>
+                    <li class="govuk-footer__list-item">
+                      <a class="govuk-footer__link" href="#3">
+                        Navigation item 3
+                      </a>
+                    </li>
+                    <li class="govuk-footer__list-item">
+                      <a class="govuk-footer__link" href="#4">
+                        Navigation item 4
+                      </a>
+                    </li>
+                    <li class="govuk-footer__list-item">
+                      <a class="govuk-footer__link" href="#5">
+                        Navigation item 5
+                      </a>
+                    </li>
+                    <li class="govuk-footer__list-item">
+                      <a class="govuk-footer__link" href="#6">
+                        Navigation item 6
+                      </a>
+                    </li>
+              </ul>
+          </div>
+          <div class="govuk-footer__section govuk-grid-column-one-third">
+            <h2 class="govuk-footer__heading govuk-heading-m">Single column list 2</h2>
+              <ul class="govuk-footer__list govuk-footer__list--columns-1">
+                    <li class="govuk-footer__list-item">
+                      <a class="govuk-footer__link" href="#1">
+                        Navigation item 1
+                      </a>
+                    </li>
+                    <li class="govuk-footer__list-item">
+                      <a class="govuk-footer__link" href="#2">
+                        Navigation item 2
+                      </a>
+                    </li>
+                    <li class="govuk-footer__list-item">
+                      <a class="govuk-footer__link" href="#3">
+                        Navigation item 3
+                      </a>
+                    </li>
+                    <li class="govuk-footer__list-item">
+                      <a class="govuk-footer__link" href="#4">
+                        Navigation item 4
+                      </a>
+                    </li>
+                    <li class="govuk-footer__list-item">
+                      <a class="govuk-footer__link" href="#5">
+                        Navigation item 5
+                      </a>
+                    </li>
+                    <li class="govuk-footer__list-item">
+                      <a class="govuk-footer__link" href="#6">
+                        Navigation item 6
+                      </a>
+                    </li>
+              </ul>
+          </div>
+          <div class="govuk-footer__section govuk-grid-column-one-third">
+            <h2 class="govuk-footer__heading govuk-heading-m">Single column list 3</h2>
+              <ul class="govuk-footer__list govuk-footer__list--columns-1">
+                    <li class="govuk-footer__list-item">
+                      <a class="govuk-footer__link" href="#1">
+                        Navigation item 1
+                      </a>
+                    </li>
+                    <li class="govuk-footer__list-item">
+                      <a class="govuk-footer__link" href="#2">
+                        Navigation item 2
+                      </a>
+                    </li>
+                    <li class="govuk-footer__list-item">
+                      <a class="govuk-footer__link" href="#3">
+                        Navigation item 3
+                      </a>
+                    </li>
+                    <li class="govuk-footer__list-item">
+                      <a class="govuk-footer__link" href="#4">
+                        Navigation item 4
+                      </a>
+                    </li>
+                    <li class="govuk-footer__list-item">
+                      <a class="govuk-footer__link" href="#5">
+                        Navigation item 5
+                      </a>
+                    </li>
+                    <li class="govuk-footer__list-item">
+                      <a class="govuk-footer__link" href="#6">
+                        Navigation item 6
+                      </a>
+                    </li>
+              </ul>
+          </div>
+      </div>
+      <hr class="govuk-footer__section-break">
+    <div class="govuk-footer__meta">
+      <div class="govuk-footer__meta-item govuk-footer__meta-item--grow">
+        <svg
+          aria-hidden="true"
+          focusable="false"
+          class="govuk-footer__licence-logo"
+          xmlns="http://www.w3.org/2000/svg"
+          viewBox="0 0 483.2 195.7"
+          height="17"
+          width="41"
+        >
+          <path
+            fill="currentColor"
+            d="M421.5 142.8V.1l-50.7 32.3v161.1h112.4v-50.7zm-122.3-9.6A47.12 47.12 0 0 1 221 97.8c0-26 21.1-47.1 47.1-47.1 16.7 0 31.4 8.7 39.7 21.8l42.7-27.2A97.63 97.63 0 0 0 268.1 0c-36.5 0-68.3 20.1-85.1 49.7A98 98 0 0 0 97.8 0C43.9 0 0 43.9 0 97.8s43.9 97.8 97.8 97.8c36.5 0 68.3-20.1 85.1-49.7a97.76 97.76 0 0 0 149.6 25.4l19.4 22.2h3v-87.8h-80l24.3 27.5zM97.8 145c-26 0-47.1-21.1-47.1-47.1s21.1-47.1 47.1-47.1 47.2 21 47.2 47S123.8 145 97.8 145"
+          />
+        </svg>
+        <span class="govuk-footer__licence-description">
+          All content is available under the
+          <a
+            class="govuk-footer__link"
+            href="https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/"
+            rel="license"
+          >Open Government Licence v3.0</a>, except where otherwise stated
+        </span>
+      </div>
+      <div class="govuk-footer__meta-item">
+        <a
+          class="govuk-footer__link govuk-footer__copyright-logo"
+          href="https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/"
+        >
+          © Crown copyright
+        </a>
+      </div>
+    </div>
+  </div>
+</footer>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/footer/template-with-custom-html-content-licence-and-copyright-notice.html b/node_modules/govuk-frontend/dist/govuk/components/footer/template-with-custom-html-content-licence-and-copyright-notice.html
new file mode 100644
index 0000000..27961eb
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/footer/template-with-custom-html-content-licence-and-copyright-notice.html
@@ -0,0 +1,33 @@
+<footer class="govuk-footer">
+  <div class="govuk-width-container">
+    <div class="govuk-footer__meta">
+      <div class="govuk-footer__meta-item govuk-footer__meta-item--grow">
+        <svg
+          aria-hidden="true"
+          focusable="false"
+          class="govuk-footer__licence-logo"
+          xmlns="http://www.w3.org/2000/svg"
+          viewBox="0 0 483.2 195.7"
+          height="17"
+          width="41"
+        >
+          <path
+            fill="currentColor"
+            d="M421.5 142.8V.1l-50.7 32.3v161.1h112.4v-50.7zm-122.3-9.6A47.12 47.12 0 0 1 221 97.8c0-26 21.1-47.1 47.1-47.1 16.7 0 31.4 8.7 39.7 21.8l42.7-27.2A97.63 97.63 0 0 0 268.1 0c-36.5 0-68.3 20.1-85.1 49.7A98 98 0 0 0 97.8 0C43.9 0 0 43.9 0 97.8s43.9 97.8 97.8 97.8c36.5 0 68.3-20.1 85.1-49.7a97.76 97.76 0 0 0 149.6 25.4l19.4 22.2h3v-87.8h-80l24.3 27.5zM97.8 145c-26 0-47.1-21.1-47.1-47.1s21.1-47.1 47.1-47.1 47.2 21 47.2 47S123.8 145 97.8 145"
+          />
+        </svg>
+        <span class="govuk-footer__licence-description">
+          Mae’r holl gynnwys ar gael dan <a class="govuk-footer__link" href="https://www.nationalarchives.gov.uk/doc/open-government-licence-cymraeg/version/3/" rel="license">Drwydded y Llywodraeth Agored v3.0</a>, ac eithrio lle nodir yn wahanol
+        </span>
+      </div>
+      <div class="govuk-footer__meta-item">
+        <a
+          class="govuk-footer__link govuk-footer__copyright-logo"
+          href="https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/"
+        >
+          <span>Hawlfraint y Goron</span>
+        </a>
+      </div>
+    </div>
+  </div>
+</footer>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/footer/template-with-custom-meta.html b/node_modules/govuk-frontend/dist/govuk/components/footer/template-with-custom-meta.html
new file mode 100644
index 0000000..196c4d8
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/footer/template-with-custom-meta.html
@@ -0,0 +1,42 @@
+<footer class="govuk-footer">
+  <div class="govuk-width-container">
+    <div class="govuk-footer__meta">
+      <div class="govuk-footer__meta-item govuk-footer__meta-item--grow">
+        <h2 class="govuk-visually-hidden">Support links</h2>
+        <div class="govuk-footer__meta-custom">
+          GOV.UK Prototype Kit v7.0.1
+        </div>
+        <svg
+          aria-hidden="true"
+          focusable="false"
+          class="govuk-footer__licence-logo"
+          xmlns="http://www.w3.org/2000/svg"
+          viewBox="0 0 483.2 195.7"
+          height="17"
+          width="41"
+        >
+          <path
+            fill="currentColor"
+            d="M421.5 142.8V.1l-50.7 32.3v161.1h112.4v-50.7zm-122.3-9.6A47.12 47.12 0 0 1 221 97.8c0-26 21.1-47.1 47.1-47.1 16.7 0 31.4 8.7 39.7 21.8l42.7-27.2A97.63 97.63 0 0 0 268.1 0c-36.5 0-68.3 20.1-85.1 49.7A98 98 0 0 0 97.8 0C43.9 0 0 43.9 0 97.8s43.9 97.8 97.8 97.8c36.5 0 68.3-20.1 85.1-49.7a97.76 97.76 0 0 0 149.6 25.4l19.4 22.2h3v-87.8h-80l24.3 27.5zM97.8 145c-26 0-47.1-21.1-47.1-47.1s21.1-47.1 47.1-47.1 47.2 21 47.2 47S123.8 145 97.8 145"
+          />
+        </svg>
+        <span class="govuk-footer__licence-description">
+          All content is available under the
+          <a
+            class="govuk-footer__link"
+            href="https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/"
+            rel="license"
+          >Open Government Licence v3.0</a>, except where otherwise stated
+        </span>
+      </div>
+      <div class="govuk-footer__meta-item">
+        <a
+          class="govuk-footer__link govuk-footer__copyright-logo"
+          href="https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/"
+        >
+          © Crown copyright
+        </a>
+      </div>
+    </div>
+  </div>
+</footer>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/footer/template-with-custom-text-content-licence-and-copyright-notice.html b/node_modules/govuk-frontend/dist/govuk/components/footer/template-with-custom-text-content-licence-and-copyright-notice.html
new file mode 100644
index 0000000..d85bba7
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/footer/template-with-custom-text-content-licence-and-copyright-notice.html
@@ -0,0 +1,33 @@
+<footer class="govuk-footer">
+  <div class="govuk-width-container">
+    <div class="govuk-footer__meta">
+      <div class="govuk-footer__meta-item govuk-footer__meta-item--grow">
+        <svg
+          aria-hidden="true"
+          focusable="false"
+          class="govuk-footer__licence-logo"
+          xmlns="http://www.w3.org/2000/svg"
+          viewBox="0 0 483.2 195.7"
+          height="17"
+          width="41"
+        >
+          <path
+            fill="currentColor"
+            d="M421.5 142.8V.1l-50.7 32.3v161.1h112.4v-50.7zm-122.3-9.6A47.12 47.12 0 0 1 221 97.8c0-26 21.1-47.1 47.1-47.1 16.7 0 31.4 8.7 39.7 21.8l42.7-27.2A97.63 97.63 0 0 0 268.1 0c-36.5 0-68.3 20.1-85.1 49.7A98 98 0 0 0 97.8 0C43.9 0 0 43.9 0 97.8s43.9 97.8 97.8 97.8c36.5 0 68.3-20.1 85.1-49.7a97.76 97.76 0 0 0 149.6 25.4l19.4 22.2h3v-87.8h-80l24.3 27.5zM97.8 145c-26 0-47.1-21.1-47.1-47.1s21.1-47.1 47.1-47.1 47.2 21 47.2 47S123.8 145 97.8 145"
+          />
+        </svg>
+        <span class="govuk-footer__licence-description">
+          Mae’r holl gynnwys ar gael dan Drwydded y Llywodraeth Agored v3.0, ac eithrio lle nodir yn wahanol
+        </span>
+      </div>
+      <div class="govuk-footer__meta-item">
+        <a
+          class="govuk-footer__link govuk-footer__copyright-logo"
+          href="https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/"
+        >
+          © Hawlfraint y Goron
+        </a>
+      </div>
+    </div>
+  </div>
+</footer>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/footer/template-with-default-width-navigation-one-column.html b/node_modules/govuk-frontend/dist/govuk/components/footer/template-with-default-width-navigation-one-column.html
new file mode 100644
index 0000000..9425c07
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/footer/template-with-default-width-navigation-one-column.html
@@ -0,0 +1,76 @@
+<footer class="govuk-footer">
+  <div class="govuk-width-container">
+      <div class="govuk-footer__navigation">
+          <div class="govuk-footer__section govuk-grid-column-full">
+            <h2 class="govuk-footer__heading govuk-heading-m">Navigation section</h2>
+              <ul class="govuk-footer__list">
+                    <li class="govuk-footer__list-item">
+                      <a class="govuk-footer__link" href="#1">
+                        Navigation item 1
+                      </a>
+                    </li>
+                    <li class="govuk-footer__list-item">
+                      <a class="govuk-footer__link" href="#2">
+                        Navigation item 2
+                      </a>
+                    </li>
+                    <li class="govuk-footer__list-item">
+                      <a class="govuk-footer__link" href="#3">
+                        Navigation item 3
+                      </a>
+                    </li>
+                    <li class="govuk-footer__list-item">
+                      <a class="govuk-footer__link" href="#4">
+                        Navigation item 4
+                      </a>
+                    </li>
+                    <li class="govuk-footer__list-item">
+                      <a class="govuk-footer__link" href="#5">
+                        Navigation item 5
+                      </a>
+                    </li>
+                    <li class="govuk-footer__list-item">
+                      <a class="govuk-footer__link" href="#6">
+                        Navigation item 6
+                      </a>
+                    </li>
+              </ul>
+          </div>
+      </div>
+      <hr class="govuk-footer__section-break">
+    <div class="govuk-footer__meta">
+      <div class="govuk-footer__meta-item govuk-footer__meta-item--grow">
+        <svg
+          aria-hidden="true"
+          focusable="false"
+          class="govuk-footer__licence-logo"
+          xmlns="http://www.w3.org/2000/svg"
+          viewBox="0 0 483.2 195.7"
+          height="17"
+          width="41"
+        >
+          <path
+            fill="currentColor"
+            d="M421.5 142.8V.1l-50.7 32.3v161.1h112.4v-50.7zm-122.3-9.6A47.12 47.12 0 0 1 221 97.8c0-26 21.1-47.1 47.1-47.1 16.7 0 31.4 8.7 39.7 21.8l42.7-27.2A97.63 97.63 0 0 0 268.1 0c-36.5 0-68.3 20.1-85.1 49.7A98 98 0 0 0 97.8 0C43.9 0 0 43.9 0 97.8s43.9 97.8 97.8 97.8c36.5 0 68.3-20.1 85.1-49.7a97.76 97.76 0 0 0 149.6 25.4l19.4 22.2h3v-87.8h-80l24.3 27.5zM97.8 145c-26 0-47.1-21.1-47.1-47.1s21.1-47.1 47.1-47.1 47.2 21 47.2 47S123.8 145 97.8 145"
+          />
+        </svg>
+        <span class="govuk-footer__licence-description">
+          All content is available under the
+          <a
+            class="govuk-footer__link"
+            href="https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/"
+            rel="license"
+          >Open Government Licence v3.0</a>, except where otherwise stated
+        </span>
+      </div>
+      <div class="govuk-footer__meta-item">
+        <a
+          class="govuk-footer__link govuk-footer__copyright-logo"
+          href="https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/"
+        >
+          © Crown copyright
+        </a>
+      </div>
+    </div>
+  </div>
+</footer>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/footer/template-with-default-width-navigation-two-columns.html b/node_modules/govuk-frontend/dist/govuk/components/footer/template-with-default-width-navigation-two-columns.html
new file mode 100644
index 0000000..90a7927
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/footer/template-with-default-width-navigation-two-columns.html
@@ -0,0 +1,76 @@
+<footer class="govuk-footer">
+  <div class="govuk-width-container">
+      <div class="govuk-footer__navigation">
+          <div class="govuk-footer__section govuk-grid-column-full">
+            <h2 class="govuk-footer__heading govuk-heading-m">Navigation section</h2>
+              <ul class="govuk-footer__list govuk-footer__list--columns-2">
+                    <li class="govuk-footer__list-item">
+                      <a class="govuk-footer__link" href="#1">
+                        Navigation item 1
+                      </a>
+                    </li>
+                    <li class="govuk-footer__list-item">
+                      <a class="govuk-footer__link" href="#2">
+                        Navigation item 2
+                      </a>
+                    </li>
+                    <li class="govuk-footer__list-item">
+                      <a class="govuk-footer__link" href="#3">
+                        Navigation item 3
+                      </a>
+                    </li>
+                    <li class="govuk-footer__list-item">
+                      <a class="govuk-footer__link" href="#4">
+                        Navigation item 4
+                      </a>
+                    </li>
+                    <li class="govuk-footer__list-item">
+                      <a class="govuk-footer__link" href="#5">
+                        Navigation item 5
+                      </a>
+                    </li>
+                    <li class="govuk-footer__list-item">
+                      <a class="govuk-footer__link" href="#6">
+                        Navigation item 6
+                      </a>
+                    </li>
+              </ul>
+          </div>
+      </div>
+      <hr class="govuk-footer__section-break">
+    <div class="govuk-footer__meta">
+      <div class="govuk-footer__meta-item govuk-footer__meta-item--grow">
+        <svg
+          aria-hidden="true"
+          focusable="false"
+          class="govuk-footer__licence-logo"
+          xmlns="http://www.w3.org/2000/svg"
+          viewBox="0 0 483.2 195.7"
+          height="17"
+          width="41"
+        >
+          <path
+            fill="currentColor"
+            d="M421.5 142.8V.1l-50.7 32.3v161.1h112.4v-50.7zm-122.3-9.6A47.12 47.12 0 0 1 221 97.8c0-26 21.1-47.1 47.1-47.1 16.7 0 31.4 8.7 39.7 21.8l42.7-27.2A97.63 97.63 0 0 0 268.1 0c-36.5 0-68.3 20.1-85.1 49.7A98 98 0 0 0 97.8 0C43.9 0 0 43.9 0 97.8s43.9 97.8 97.8 97.8c36.5 0 68.3-20.1 85.1-49.7a97.76 97.76 0 0 0 149.6 25.4l19.4 22.2h3v-87.8h-80l24.3 27.5zM97.8 145c-26 0-47.1-21.1-47.1-47.1s21.1-47.1 47.1-47.1 47.2 21 47.2 47S123.8 145 97.8 145"
+          />
+        </svg>
+        <span class="govuk-footer__licence-description">
+          All content is available under the
+          <a
+            class="govuk-footer__link"
+            href="https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/"
+            rel="license"
+          >Open Government Licence v3.0</a>, except where otherwise stated
+        </span>
+      </div>
+      <div class="govuk-footer__meta-item">
+        <a
+          class="govuk-footer__link govuk-footer__copyright-logo"
+          href="https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/"
+        >
+          © Crown copyright
+        </a>
+      </div>
+    </div>
+  </div>
+</footer>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/footer/template-with-meta-links-and-meta-content.html b/node_modules/govuk-frontend/dist/govuk/components/footer/template-with-meta-links-and-meta-content.html
new file mode 100644
index 0000000..74b7c48
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/footer/template-with-meta-links-and-meta-content.html
@@ -0,0 +1,84 @@
+<footer class="govuk-footer">
+  <div class="govuk-width-container">
+    <div class="govuk-footer__meta">
+      <div class="govuk-footer__meta-item govuk-footer__meta-item--grow">
+        <h2 class="govuk-visually-hidden">Support links</h2>
+        <ul class="govuk-footer__inline-list">
+          <li class="govuk-footer__inline-list-item">
+            <a class="govuk-footer__link" href="#1">
+              Bibendum Ornare
+            </a>
+          </li>
+          <li class="govuk-footer__inline-list-item">
+            <a class="govuk-footer__link" href="#2">
+              Nullam
+            </a>
+          </li>
+          <li class="govuk-footer__inline-list-item">
+            <a class="govuk-footer__link" href="#3">
+              Tortor Fringilla
+            </a>
+          </li>
+          <li class="govuk-footer__inline-list-item">
+            <a class="govuk-footer__link" href="#4">
+              Tellus
+            </a>
+          </li>
+          <li class="govuk-footer__inline-list-item">
+            <a class="govuk-footer__link" href="#5">
+              Egestas Nullam
+            </a>
+          </li>
+          <li class="govuk-footer__inline-list-item">
+            <a class="govuk-footer__link" href="#6">
+              Euismod Etiam
+            </a>
+          </li>
+          <li class="govuk-footer__inline-list-item">
+            <a class="govuk-footer__link" href="#7">
+              Fusce Sollicitudin
+            </a>
+          </li>
+          <li class="govuk-footer__inline-list-item">
+            <a class="govuk-footer__link" href="#8">
+              Ligula Nullam Ultricies
+            </a>
+          </li>
+        </ul>
+        <div class="govuk-footer__meta-custom">
+          Built by the <a href="#" class="govuk-footer__link">Department of Magical Law Enforcement</a>
+        </div>
+        <svg
+          aria-hidden="true"
+          focusable="false"
+          class="govuk-footer__licence-logo"
+          xmlns="http://www.w3.org/2000/svg"
+          viewBox="0 0 483.2 195.7"
+          height="17"
+          width="41"
+        >
+          <path
+            fill="currentColor"
+            d="M421.5 142.8V.1l-50.7 32.3v161.1h112.4v-50.7zm-122.3-9.6A47.12 47.12 0 0 1 221 97.8c0-26 21.1-47.1 47.1-47.1 16.7 0 31.4 8.7 39.7 21.8l42.7-27.2A97.63 97.63 0 0 0 268.1 0c-36.5 0-68.3 20.1-85.1 49.7A98 98 0 0 0 97.8 0C43.9 0 0 43.9 0 97.8s43.9 97.8 97.8 97.8c36.5 0 68.3-20.1 85.1-49.7a97.76 97.76 0 0 0 149.6 25.4l19.4 22.2h3v-87.8h-80l24.3 27.5zM97.8 145c-26 0-47.1-21.1-47.1-47.1s21.1-47.1 47.1-47.1 47.2 21 47.2 47S123.8 145 97.8 145"
+          />
+        </svg>
+        <span class="govuk-footer__licence-description">
+          All content is available under the
+          <a
+            class="govuk-footer__link"
+            href="https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/"
+            rel="license"
+          >Open Government Licence v3.0</a>, except where otherwise stated
+        </span>
+      </div>
+      <div class="govuk-footer__meta-item">
+        <a
+          class="govuk-footer__link govuk-footer__copyright-logo"
+          href="https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/"
+        >
+          © Crown copyright
+        </a>
+      </div>
+    </div>
+  </div>
+</footer>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/footer/template-with-navigation.html b/node_modules/govuk-frontend/dist/govuk/components/footer/template-with-navigation.html
new file mode 100644
index 0000000..65437c9
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/footer/template-with-navigation.html
@@ -0,0 +1,96 @@
+<footer class="govuk-footer">
+  <div class="govuk-width-container">
+      <div class="govuk-footer__navigation">
+          <div class="govuk-footer__section govuk-grid-column-two-thirds">
+            <h2 class="govuk-footer__heading govuk-heading-m">Two column list</h2>
+              <ul class="govuk-footer__list govuk-footer__list--columns-2">
+                    <li class="govuk-footer__list-item">
+                      <a class="govuk-footer__link" href="#1">
+                        Navigation item 1
+                      </a>
+                    </li>
+                    <li class="govuk-footer__list-item">
+                      <a class="govuk-footer__link" href="#2">
+                        Navigation item 2
+                      </a>
+                    </li>
+                    <li class="govuk-footer__list-item">
+                      <a class="govuk-footer__link" href="#3">
+                        Navigation item 3
+                      </a>
+                    </li>
+                    <li class="govuk-footer__list-item">
+                      <a class="govuk-footer__link" href="#4">
+                        Navigation item 4
+                      </a>
+                    </li>
+                    <li class="govuk-footer__list-item">
+                      <a class="govuk-footer__link" href="#5">
+                        Navigation item 5
+                      </a>
+                    </li>
+                    <li class="govuk-footer__list-item">
+                      <a class="govuk-footer__link" href="#6">
+                        Navigation item 6
+                      </a>
+                    </li>
+              </ul>
+          </div>
+          <div class="govuk-footer__section govuk-grid-column-one-third">
+            <h2 class="govuk-footer__heading govuk-heading-m">Single column list</h2>
+              <ul class="govuk-footer__list">
+                    <li class="govuk-footer__list-item">
+                      <a class="govuk-footer__link" href="#1">
+                        Navigation item 1
+                      </a>
+                    </li>
+                    <li class="govuk-footer__list-item">
+                      <a class="govuk-footer__link" href="#2">
+                        Navigation item 2
+                      </a>
+                    </li>
+                    <li class="govuk-footer__list-item">
+                      <a class="govuk-footer__link" href="#3">
+                        Navigation item 3
+                      </a>
+                    </li>
+              </ul>
+          </div>
+      </div>
+      <hr class="govuk-footer__section-break">
+    <div class="govuk-footer__meta">
+      <div class="govuk-footer__meta-item govuk-footer__meta-item--grow">
+        <svg
+          aria-hidden="true"
+          focusable="false"
+          class="govuk-footer__licence-logo"
+          xmlns="http://www.w3.org/2000/svg"
+          viewBox="0 0 483.2 195.7"
+          height="17"
+          width="41"
+        >
+          <path
+            fill="currentColor"
+            d="M421.5 142.8V.1l-50.7 32.3v161.1h112.4v-50.7zm-122.3-9.6A47.12 47.12 0 0 1 221 97.8c0-26 21.1-47.1 47.1-47.1 16.7 0 31.4 8.7 39.7 21.8l42.7-27.2A97.63 97.63 0 0 0 268.1 0c-36.5 0-68.3 20.1-85.1 49.7A98 98 0 0 0 97.8 0C43.9 0 0 43.9 0 97.8s43.9 97.8 97.8 97.8c36.5 0 68.3-20.1 85.1-49.7a97.76 97.76 0 0 0 149.6 25.4l19.4 22.2h3v-87.8h-80l24.3 27.5zM97.8 145c-26 0-47.1-21.1-47.1-47.1s21.1-47.1 47.1-47.1 47.2 21 47.2 47S123.8 145 97.8 145"
+          />
+        </svg>
+        <span class="govuk-footer__licence-description">
+          All content is available under the
+          <a
+            class="govuk-footer__link"
+            href="https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/"
+            rel="license"
+          >Open Government Licence v3.0</a>, except where otherwise stated
+        </span>
+      </div>
+      <div class="govuk-footer__meta-item">
+        <a
+          class="govuk-footer__link govuk-footer__copyright-logo"
+          href="https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/"
+        >
+          © Crown copyright
+        </a>
+      </div>
+    </div>
+  </div>
+</footer>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/footer/template.njk b/node_modules/govuk-frontend/dist/govuk/components/footer/template.njk
new file mode 100644
index 0000000..562a0b4
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/footer/template.njk
@@ -0,0 +1,107 @@
+{% from "../../macros/attributes.njk" import govukAttributes -%}
+{% from "../../macros/logo.njk" import govukLogo -%}
+
+{%- set _rebrand = params.rebrand | default(govukRebrand() if govukRebrand is callable else govukRebrand) -%}
+
+<footer class="govuk-footer {%- if params.classes %} {{ params.classes }}{% endif %}"
+  {{- govukAttributes(params.attributes) }}>
+  <div class="govuk-width-container {%- if params.containerClasses %} {{ params.containerClasses }}{% endif %}">
+    {% if _rebrand %}
+      {{- govukLogo({
+        classes: 'govuk-footer__crown',
+        rebrand: true,
+        useLogotype: false
+      }) }}
+    {% endif %}
+    {% if params.navigation | length %}
+      <div class="govuk-footer__navigation">
+        {% for nav in params.navigation %}
+          <div class="govuk-footer__section govuk-grid-column-{{ nav.width | default("full", true) }}">
+            <h2 class="govuk-footer__heading govuk-heading-m">{{ nav.title }}</h2>
+            {% if nav.items | length %}
+              {% set listClasses = "govuk-footer__list--columns-" + nav.columns if nav.columns %}
+              <ul class="govuk-footer__list {%- if listClasses %} {{ listClasses }}{% endif %}">
+                {% for item in nav.items %}
+                  {% if item.href and item.text %}
+                    <li class="govuk-footer__list-item">
+                      <a class="govuk-footer__link" href="{{ item.href }}"
+                        {{- govukAttributes(item.attributes) }}>
+                        {{ item.text }}
+                      </a>
+                    </li>
+                  {% endif %}
+                {% endfor %}
+              </ul>
+            {% endif %}
+          </div>
+        {% endfor %}
+      </div>
+      <hr class="govuk-footer__section-break">
+    {% endif %}
+    <div class="govuk-footer__meta">
+      <div class="govuk-footer__meta-item govuk-footer__meta-item--grow">
+        {% if params.meta %}
+        <h2 class="govuk-visually-hidden">{{ params.meta.visuallyHiddenTitle | default("Support links", true) }}</h2>
+        {% if params.meta.items | length %}
+        <ul class="govuk-footer__inline-list">
+        {% for item in params.meta.items %}
+          <li class="govuk-footer__inline-list-item">
+            <a class="govuk-footer__link" href="{{ item.href }}"
+              {{- govukAttributes(item.attributes) }}>
+              {{ item.text }}
+            </a>
+          </li>
+        {% endfor %}
+        </ul>
+        {% endif %}
+        {% if params.meta.text or params.meta.html %}
+        <div class="govuk-footer__meta-custom">
+          {{ params.meta.html | safe | trim | indent(10) if params.meta.html else params.meta.text }}
+        </div>
+        {% endif %}
+        {% endif %}
+        {# The SVG needs `focusable="false"` so that Internet Explorer does not
+          treat it as an interactive element - without this it will be
+          'focusable' when using the keyboard to navigate. -#}
+        <svg
+          aria-hidden="true"
+          focusable="false"
+          class="govuk-footer__licence-logo"
+          xmlns="http://www.w3.org/2000/svg"
+          viewBox="0 0 483.2 195.7"
+          height="17"
+          width="41"
+        >
+          <path
+            fill="currentColor"
+            d="M421.5 142.8V.1l-50.7 32.3v161.1h112.4v-50.7zm-122.3-9.6A47.12 47.12 0 0 1 221 97.8c0-26 21.1-47.1 47.1-47.1 16.7 0 31.4 8.7 39.7 21.8l42.7-27.2A97.63 97.63 0 0 0 268.1 0c-36.5 0-68.3 20.1-85.1 49.7A98 98 0 0 0 97.8 0C43.9 0 0 43.9 0 97.8s43.9 97.8 97.8 97.8c36.5 0 68.3-20.1 85.1-49.7a97.76 97.76 0 0 0 149.6 25.4l19.4 22.2h3v-87.8h-80l24.3 27.5zM97.8 145c-26 0-47.1-21.1-47.1-47.1s21.1-47.1 47.1-47.1 47.2 21 47.2 47S123.8 145 97.8 145"
+          />
+        </svg>
+        <span class="govuk-footer__licence-description">
+        {% if params.contentLicence.html or params.contentLicence.text %}
+          {{ params.contentLicence.html | safe | trim | indent(10) if params.contentLicence.html else params.contentLicence.text }}
+        {% else %}
+          All content is available under the
+          <a
+            class="govuk-footer__link"
+            href="https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/"
+            rel="license"
+          >Open Government Licence v3.0</a>, except where otherwise stated
+        {% endif %}
+        </span>
+      </div>
+      <div class="govuk-footer__meta-item">
+        <a
+          class="govuk-footer__link govuk-footer__copyright-logo"
+          href="https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/"
+        >
+        {% if params.copyright.html or params.copyright.text %}
+          {{ params.copyright.html | safe | trim | indent(10) if params.copyright.html else params.copyright.text }}
+        {% else %}
+          © Crown copyright
+        {% endif %}
+        </a>
+      </div>
+    </div>
+  </div>
+</footer>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/header/README.md b/node_modules/govuk-frontend/dist/govuk/components/header/README.md
new file mode 100644
index 0000000..0cf8313
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/header/README.md
@@ -0,0 +1,15 @@
+# Header
+
+## Installation
+
+See the [main README quick start guide](https://github.com/alphagov/govuk-frontend#quick-start) for how to install this component.
+
+## Guidance and Examples
+
+Find out when to use the header component in your service in the [GOV.UK Design System](https://design-system.service.gov.uk/components/header).
+
+## Component options
+
+Use options to customise the appearance, content and behaviour of a component when using a macro, for example, changing the text.
+
+See [options table](https://design-system.service.gov.uk/components/header/#options-header-example) for details.
diff --git a/node_modules/govuk-frontend/dist/govuk/components/header/_header.scss b/node_modules/govuk-frontend/dist/govuk/components/header/_header.scss
new file mode 100644
index 0000000..58f250e
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/header/_header.scss
@@ -0,0 +1,4 @@
+@import "../../base";
+@import "./index";
+
+/*# sourceMappingURL=_header.scss.map */
diff --git a/node_modules/govuk-frontend/dist/govuk/components/header/_header.scss.map b/node_modules/govuk-frontend/dist/govuk/components/header/_header.scss.map
new file mode 100644
index 0000000..55ce0da
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/header/_header.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/header/_header.scss"],"names":[],"mappings":"AAAA,oBAAoB;AACpB,iBAAiB","file":"_header.scss","sourcesContent":["@import \"../../base\";\n@import \"./index\";\n"]}
diff --git a/node_modules/govuk-frontend/dist/govuk/components/header/_index.scss b/node_modules/govuk-frontend/dist/govuk/components/header/_index.scss
new file mode 100644
index 0000000..4684d9f
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/header/_index.scss
@@ -0,0 +1,548 @@
+@include govuk-exports("govuk/component/header") {
+  $govuk-header-background: govuk-colour("black");
+  $govuk-header-border-color: $govuk-brand-colour;
+  $govuk-header-border-width: govuk-spacing(2);
+  $govuk-header-text: govuk-colour("white");
+  $govuk-header-link-active: #1d8feb;
+  $govuk-header-nav-item-border-color: #2e3133;
+  $govuk-header-link-underline-thickness: 3px;
+  $govuk-header-vertical-spacing-value: 2;
+  // This crown height is only used to calculate top offset of mobile menu button
+  // as the crown svg height is the only thing that controls the height of the header
+  $govuk-header-crown-height: 30px;
+  $govuk-header-menu-button-height: 24px;
+  $govuk-header-menu-button-width: 80px;
+
+  $govuk-header-rebrand-background: $govuk-brand-colour;
+  $govuk-header-rebrand-logo-bottom-margin: 2px;
+
+  .govuk-header {
+    @include govuk-font($size: 16, $line-height: 1);
+
+    // Add a transparent bottom border for forced-colour modes
+    @include _govuk-rebrand(
+      "border-bottom",
+      $from: govuk-spacing(2) solid govuk-colour("white"),
+      $to: 1px solid transparent
+    );
+    @include _govuk-rebrand("background", $from: $govuk-header-background, $to: $govuk-header-rebrand-background);
+
+    color: $govuk-header-text;
+  }
+
+  .govuk-header--with-js-navigation {
+    @include govuk-media-query($until: desktop) {
+      .govuk-header__logo {
+        // Protect the absolute positioned menu button from overlapping with the
+        // logo with right padding using the button's width
+        padding-right: $govuk-header-menu-button-width;
+      }
+    }
+  }
+
+  .govuk-header__container--full-width {
+    padding: 0 govuk-spacing(3);
+    border-color: $govuk-header-border-color;
+
+    .govuk-header__menu-button {
+      right: govuk-spacing(3);
+    }
+  }
+
+  .govuk-header__container {
+    @include govuk-clearfix;
+    position: relative;
+    margin-bottom: -$govuk-header-border-width;
+    padding-top: govuk-spacing($govuk-header-vertical-spacing-value);
+    border-bottom: $govuk-header-border-width solid $govuk-header-border-color;
+
+    @include _govuk-rebrand {
+      // Remove the space allocated to the blue bar
+      margin-bottom: 0;
+
+      // Remove padding as the child elements are now responsible for spacing
+      padding-top: 0;
+
+      // Remove the blue bar
+      border-bottom: none;
+    }
+  }
+
+  // TODO: Remove this when _govuk-rebrand becomes the default
+  .govuk-header--full-width-border {
+    border-bottom-color: $govuk-header-border-color;
+
+    .govuk-header__container {
+      border-bottom-color: transparent;
+    }
+  }
+
+  .govuk-header__logotype {
+    display: inline-block;
+    position: relative;
+    top: -3px;
+
+    // Add a gap after the logo in case it's followed by a product name. This
+    // gets removed later if the logotype is a :last-child.
+    margin-right: govuk-spacing(1);
+    fill: currentcolor;
+    vertical-align: top;
+
+    // Prevent readability backplate from obscuring underline in Windows High
+    // Contrast Mode
+    @media (forced-colors: active) {
+      forced-color-adjust: none;
+      color: linktext;
+    }
+
+    // Remove the gap after the logo if there's no product name to keep hover
+    // and focus states neat
+    &:last-child {
+      margin-right: 0;
+    }
+
+    @include _govuk-rebrand {
+      margin-right: govuk-px-to-rem(7px); // 1 'dot'
+      margin-bottom: $govuk-header-rebrand-logo-bottom-margin;
+
+      // Remove right-margin if there's no product name
+      &:last-child {
+        margin-right: 0;
+      }
+    }
+  }
+
+  // Colour in the Dot
+  .govuk-logo-dot {
+    fill: #00ffe0;
+
+    // Override Dot colour when printing
+    @include govuk-media-query($media-type: print) {
+      fill: currentcolor;
+    }
+
+    // Override Dot colour on forced colours mode
+    @media (forced-colors: active) {
+      fill: currentcolor;
+    }
+
+    // Override Dot colour on focus
+    :focus & {
+      fill: currentcolor;
+    }
+  }
+
+  .govuk-header__product-name {
+    $product-name-offset: if($govuk-new-typography-scale, 7px, 10px);
+    $product-name-offset-tablet: 5px;
+
+    @include govuk-font-size($size: 24, $line-height: 1);
+    @include govuk-typography-weight-regular;
+    display: inline-table;
+
+    // Maintain space below logo when wrapped
+    margin-top: $product-name-offset;
+
+    // Firefox places the GOV.UK logo one pixel higher, due to how it rounds
+    // subpixels, so nudge the product name in FF to still be aligned.
+    @-moz-document url-prefix() {
+      margin-top: $product-name-offset - 0.5px;
+    }
+
+    // Align vertically with logo when not wrapped
+    vertical-align: top;
+
+    @include govuk-media-query($from: tablet) {
+      margin-top: $product-name-offset-tablet;
+      @-moz-document url-prefix() {
+        margin-top: $product-name-offset-tablet - 0.5px;
+      }
+    }
+
+    @include _govuk-rebrand {
+      // Remove top margin
+      margin-top: 0;
+
+      // Remove 1px from the bottom to account for the font-size being 1px
+      // larger than the logo height.
+      margin-bottom: govuk-px-to-rem(-1px);
+
+      // Magic number font-size that visually aligns with GOV.UK logo.
+      // Also stops reducing the product name size on narrow screens
+      font-size: govuk-px-to-rem(31px);
+
+      // Reduce letter spacing
+      letter-spacing: -0.015em;
+
+      // Prevent forced colour modes from applying a background colour behind
+      // the product name, which cuts off the underline that appears on hover.
+      forced-color-adjust: none;
+
+      @media screen and (forced-colors: active) {
+        color: LinkText;
+        background: transparent;
+      }
+
+      // Remove top margin on the breakpoints too
+      @include govuk-media-query($from: tablet) {
+        margin-top: 0;
+      }
+
+      @include govuk-media-query($from: desktop) {
+        margin-top: 0;
+      }
+    }
+  }
+
+  .govuk-header__link {
+    // Avoid using the `govuk-link-common` mixin because the links in the header
+    // get a special treatment, because:
+    //
+    // - underlines are only visible on hover
+    // - all links get a 3px underline regardless of text size, as there are
+    //   multiple grouped elements close to one another and having slightly
+    //   different underline widths looks unbalanced
+    @include govuk-link-style-inverse;
+
+    text-decoration: none;
+
+    &:hover {
+      text-decoration: underline;
+      text-decoration-thickness: $govuk-header-link-underline-thickness;
+
+      @if $govuk-link-underline-offset {
+        text-underline-offset: $govuk-link-underline-offset;
+      }
+    }
+
+    &:focus {
+      @include govuk-focused-text;
+    }
+  }
+
+  .govuk-header__link--homepage {
+    // Font size needs to be set on the link so that the box sizing is correct
+    // in Firefox
+    display: inline-block;
+    margin-right: govuk-spacing(2);
+    font-size: 30px; // We don't have a mixin that produces 30px font size
+
+    @include govuk-media-query($from: desktop) {
+      display: inline;
+    }
+
+    &:link,
+    &:visited {
+      text-decoration: none;
+    }
+
+    &:hover,
+    &:active {
+      // Negate the added border
+      margin-bottom: $govuk-header-link-underline-thickness * -1;
+      border-bottom: $govuk-header-link-underline-thickness solid;
+    }
+
+    // Remove any borders that show when focused and hovered.
+    &:focus {
+      margin-bottom: 0;
+      border-bottom: 0;
+    }
+
+    @include _govuk-rebrand {
+      display: inline;
+
+      // Remove word-spacing from within the logo so we can ignore
+      // whitespace characters in the HTML
+      word-spacing: govuk-px-to-rem(-6px);
+
+      // Reset word-spacing for child elements
+      > * {
+        word-spacing: 0;
+      }
+
+      &:not(:focus) {
+        background-color: $govuk-header-rebrand-background;
+      }
+    }
+  }
+
+  .govuk-header__service-name {
+    display: inline-block;
+    margin-bottom: govuk-spacing(2);
+    @include govuk-font-size($size: 24);
+    @include govuk-typography-weight-bold;
+
+    @include _govuk-rebrand {
+      // Apply margins to internal elements to emulate padding
+      margin-bottom: govuk-spacing(3);
+
+      @include govuk-media-query($from: desktop) {
+        // Magic number to align service name baseline with the GOV.UK logo
+        $service-name-offset: 4px;
+
+        margin: (govuk-spacing(3) + $service-name-offset) 0 (govuk-spacing(3) - $service-name-offset);
+      }
+    }
+  }
+
+  .govuk-header__logo,
+  .govuk-header__content {
+    box-sizing: border-box;
+  }
+
+  .govuk-header__logo {
+    @include govuk-responsive-margin($govuk-header-vertical-spacing-value, "bottom");
+
+    @include govuk-media-query($from: desktop) {
+      width: 33.33%;
+      padding-right: $govuk-gutter-half;
+      float: left;
+      vertical-align: top;
+
+      // Reset float when logo is the last child, without a navigation
+      &:last-child {
+        width: auto;
+        padding-right: 0;
+        float: none;
+      }
+    }
+
+    @include _govuk-rebrand {
+      // Apply margins to internal elements to emulate padding
+      margin-bottom: 0;
+
+      // Magic numbers, set padding to vertically centre align the logo
+      padding-top: 16px;
+      padding-bottom: 14px - $govuk-header-rebrand-logo-bottom-margin;
+    }
+  }
+
+  .govuk-header__content {
+    @include govuk-media-query($from: desktop) {
+      width: 66.66%;
+      padding-left: $govuk-gutter-half;
+      float: left;
+    }
+  }
+
+  .govuk-header__menu-button {
+    @include govuk-font($size: 16);
+    max-width: $govuk-header-menu-button-width;
+    min-height: $govuk-header-menu-button-height;
+    margin-bottom: govuk-spacing(1);
+    padding: 0;
+    border: 0;
+    color: govuk-colour("white");
+    background: none;
+    word-break: break-all;
+    cursor: pointer;
+
+    &:hover {
+      -webkit-text-decoration: solid underline $govuk-header-link-underline-thickness;
+              text-decoration: solid underline $govuk-header-link-underline-thickness;
+
+      @if $govuk-link-underline-offset {
+        text-underline-offset: $govuk-link-underline-offset;
+      }
+    }
+
+    &:focus {
+      @include govuk-focused-text;
+    }
+
+    &::after {
+      @include govuk-shape-arrow($direction: down, $base: 10px, $display: inline-block);
+      content: "";
+      margin-left: govuk-spacing(1);
+    }
+
+    &[aria-expanded="true"]::after {
+      @include govuk-shape-arrow($direction: up, $base: 10px, $display: inline-block);
+    }
+
+    @include govuk-media-query($from: mobile) {
+      position: absolute;
+      // calculate top offset by:
+      // - getting the vertical spacing for the top and the bottom of the header
+      // - adding that to the crown height
+      // - dividing it by 2 so you have the vertical centre of the header
+      // - subtracting half the height of the menu button
+      top: (((govuk-spacing($govuk-header-vertical-spacing-value) * 2) + $govuk-header-crown-height) / 2) -
+        ($govuk-header-menu-button-height / 2);
+      right: 0;
+      margin: 0;
+    }
+
+    @include govuk-media-query($from: tablet) {
+      top: govuk-spacing(3);
+    }
+
+    .govuk-frontend-supported & {
+      display: block;
+    }
+
+    &[hidden],
+    .govuk-frontend-supported &[hidden] {
+      display: none;
+    }
+  }
+
+  .govuk-header__navigation {
+    @include govuk-media-query($until: mobile) {
+      @include _govuk-rebrand {
+        padding-bottom: govuk-spacing(3);
+      }
+    }
+
+    @include govuk-media-query($from: desktop) {
+      margin-bottom: govuk-spacing(2);
+
+      @include _govuk-rebrand {
+        // Magic number so that the bottom of the nav links aligns with the
+        // baseline of the GOV.UK logo
+        $navigation-offset: 7px;
+
+        // Apply margins to internal elements to emulate padding
+        margin-bottom: 0;
+        padding: (govuk-spacing(3) + $navigation-offset) 0 (govuk-spacing(3) - $navigation-offset);
+      }
+    }
+  }
+
+  .govuk-header__service-name + .govuk-header__navigation {
+    @include _govuk-rebrand {
+      @include govuk-media-query($from: desktop) {
+        // If there's both a service name and navigation,
+        // remove the extra padding between them on desktop
+        padding-top: 0;
+
+        // Restore the full bottom padding as the navigation isn't standalone
+        padding-bottom: govuk-spacing(3);
+      }
+    }
+  }
+
+  .govuk-header__navigation-list {
+    // Reset user-agent default list styles
+    margin: 0;
+    padding: 0;
+    list-style: none;
+
+    &[hidden] {
+      display: none;
+    }
+
+    @include _govuk-rebrand {
+      @include govuk-media-query($from: mobile, $until: desktop) {
+        padding-bottom: govuk-spacing(3);
+      }
+    }
+  }
+
+  .govuk-header__navigation--end {
+    @include govuk-media-query($from: desktop) {
+      margin: 0;
+      padding: govuk-spacing(1) 0;
+      text-align: right;
+    }
+  }
+
+  .govuk-header__navigation-item {
+    padding: govuk-spacing(2) 0;
+    border-bottom: 1px solid $govuk-header-nav-item-border-color;
+
+    @include govuk-media-query($from: desktop) {
+      display: inline-block;
+      margin-right: govuk-spacing(3);
+      padding: govuk-spacing(1) 0;
+      border: 0;
+    }
+
+    a {
+      @include govuk-font-size($size: 16);
+      @include govuk-typography-weight-bold;
+      white-space: nowrap;
+    }
+
+    @include _govuk-rebrand {
+      // Increase top padding of nav items...
+      padding-top: govuk-spacing(3);
+
+      // ...except on desktop
+      @include govuk-media-query($from: desktop) {
+        padding-top: govuk-spacing(1);
+      }
+
+      // Change the dividing line colour between mobile nav items
+      border-bottom-color: govuk-colour("white");
+
+      // Reduce default weight of links so that we can use bold for active ones
+      a {
+        @include govuk-typography-weight-regular;
+      }
+    }
+  }
+
+  .govuk-header__navigation-item--active {
+    a {
+      @include _govuk-rebrand {
+        // Change active links to use bold text instead of changing colour
+        @include govuk-typography-weight-bold;
+      }
+
+      &:link,
+      &:hover,
+      &:visited {
+        color: $govuk-header-link-active;
+
+        @include _govuk-rebrand {
+          color: inherit;
+        }
+      }
+
+      // When printing, use the normal blue as this contrasts better with the
+      // white printing header
+      @include govuk-media-query($media-type: print) {
+        color: $govuk-brand-colour;
+      }
+
+      // When focussed, the text colour needs to be darker to ensure that colour
+      // contrast is still acceptable
+      &:focus {
+        color: $govuk-focus-text-colour;
+
+        @include _govuk-rebrand {
+          color: $govuk-focus-text-colour;
+        }
+      }
+    }
+  }
+
+  .govuk-header__navigation-item:last-child {
+    margin-right: 0;
+    border-bottom: 0;
+  }
+
+  @include govuk-media-query($media-type: print) {
+    .govuk-header {
+      border-bottom-width: 0;
+      color: govuk-colour("black");
+      background: transparent;
+    }
+
+    .govuk-header__link {
+      &:link,
+      &:visited {
+        color: govuk-colour("black");
+      }
+
+      // Do not append link href to GOV.UK link when printing (e.g. '(/)')
+      &::after {
+        display: none;
+      }
+    }
+  }
+}
+
+/*# sourceMappingURL=_index.scss.map */
diff --git a/node_modules/govuk-frontend/dist/govuk/components/header/_index.scss.map b/node_modules/govuk-frontend/dist/govuk/components/header/_index.scss.map
new file mode 100644
index 0000000..32f04ac
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/header/_index.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/header/_index.scss"],"names":[],"mappings":"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","file":"_index.scss","sourcesContent":["@include govuk-exports(\"govuk/component/header\") {\n  $govuk-header-background: govuk-colour(\"black\");\n  $govuk-header-border-color: $govuk-brand-colour;\n  $govuk-header-border-width: govuk-spacing(2);\n  $govuk-header-text: govuk-colour(\"white\");\n  $govuk-header-link-active: #1d8feb;\n  $govuk-header-nav-item-border-color: #2e3133;\n  $govuk-header-link-underline-thickness: 3px;\n  $govuk-header-vertical-spacing-value: 2;\n  // This crown height is only used to calculate top offset of mobile menu button\n  // as the crown svg height is the only thing that controls the height of the header\n  $govuk-header-crown-height: 30px;\n  $govuk-header-menu-button-height: 24px;\n  $govuk-header-menu-button-width: 80px;\n\n  $govuk-header-rebrand-background: $govuk-brand-colour;\n  $govuk-header-rebrand-logo-bottom-margin: 2px;\n\n  .govuk-header {\n    @include govuk-font($size: 16, $line-height: 1);\n\n    // Add a transparent bottom border for forced-colour modes\n    @include _govuk-rebrand(\n      \"border-bottom\",\n      $from: govuk-spacing(2) solid govuk-colour(\"white\"),\n      $to: 1px solid transparent\n    );\n    @include _govuk-rebrand(\"background\", $from: $govuk-header-background, $to: $govuk-header-rebrand-background);\n\n    color: $govuk-header-text;\n  }\n\n  .govuk-header--with-js-navigation {\n    @include govuk-media-query($until: desktop) {\n      .govuk-header__logo {\n        // Protect the absolute positioned menu button from overlapping with the\n        // logo with right padding using the button's width\n        padding-right: $govuk-header-menu-button-width;\n      }\n    }\n  }\n\n  .govuk-header__container--full-width {\n    padding: 0 govuk-spacing(3);\n    border-color: $govuk-header-border-color;\n\n    .govuk-header__menu-button {\n      right: govuk-spacing(3);\n    }\n  }\n\n  .govuk-header__container {\n    @include govuk-clearfix;\n    position: relative;\n    margin-bottom: -$govuk-header-border-width;\n    padding-top: govuk-spacing($govuk-header-vertical-spacing-value);\n    border-bottom: $govuk-header-border-width solid $govuk-header-border-color;\n\n    @include _govuk-rebrand {\n      // Remove the space allocated to the blue bar\n      margin-bottom: 0;\n\n      // Remove padding as the child elements are now responsible for spacing\n      padding-top: 0;\n\n      // Remove the blue bar\n      border-bottom: none;\n    }\n  }\n\n  // TODO: Remove this when _govuk-rebrand becomes the default\n  .govuk-header--full-width-border {\n    border-bottom-color: $govuk-header-border-color;\n\n    .govuk-header__container {\n      border-bottom-color: transparent;\n    }\n  }\n\n  .govuk-header__logotype {\n    display: inline-block;\n    position: relative;\n    top: -3px;\n\n    // Add a gap after the logo in case it's followed by a product name. This\n    // gets removed later if the logotype is a :last-child.\n    margin-right: govuk-spacing(1);\n    fill: currentcolor;\n    vertical-align: top;\n\n    // Prevent readability backplate from obscuring underline in Windows High\n    // Contrast Mode\n    @media (forced-colors: active) {\n      forced-color-adjust: none;\n      color: linktext;\n    }\n\n    // Remove the gap after the logo if there's no product name to keep hover\n    // and focus states neat\n    &:last-child {\n      margin-right: 0;\n    }\n\n    @include _govuk-rebrand {\n      margin-right: govuk-px-to-rem(7px); // 1 'dot'\n      margin-bottom: $govuk-header-rebrand-logo-bottom-margin;\n\n      // Remove right-margin if there's no product name\n      &:last-child {\n        margin-right: 0;\n      }\n    }\n  }\n\n  // Colour in the Dot\n  .govuk-logo-dot {\n    fill: #00ffe0;\n\n    // Override Dot colour when printing\n    @include govuk-media-query($media-type: print) {\n      fill: currentcolor;\n    }\n\n    // Override Dot colour on forced colours mode\n    @media (forced-colors: active) {\n      fill: currentcolor;\n    }\n\n    // Override Dot colour on focus\n    :focus & {\n      fill: currentcolor;\n    }\n  }\n\n  .govuk-header__product-name {\n    $product-name-offset: if($govuk-new-typography-scale, 7px, 10px);\n    $product-name-offset-tablet: 5px;\n\n    @include govuk-font-size($size: 24, $line-height: 1);\n    @include govuk-typography-weight-regular;\n    display: inline-table;\n\n    // Maintain space below logo when wrapped\n    margin-top: $product-name-offset;\n\n    // Firefox places the GOV.UK logo one pixel higher, due to how it rounds\n    // subpixels, so nudge the product name in FF to still be aligned.\n    @-moz-document url-prefix() {\n      margin-top: $product-name-offset - 0.5px;\n    }\n\n    // Align vertically with logo when not wrapped\n    vertical-align: top;\n\n    @include govuk-media-query($from: tablet) {\n      margin-top: $product-name-offset-tablet;\n      @-moz-document url-prefix() {\n        margin-top: $product-name-offset-tablet - 0.5px;\n      }\n    }\n\n    @include _govuk-rebrand {\n      // Remove top margin\n      margin-top: 0;\n\n      // Remove 1px from the bottom to account for the font-size being 1px\n      // larger than the logo height.\n      margin-bottom: govuk-px-to-rem(-1px);\n\n      // Magic number font-size that visually aligns with GOV.UK logo.\n      // Also stops reducing the product name size on narrow screens\n      font-size: govuk-px-to-rem(31px);\n\n      // Reduce letter spacing\n      letter-spacing: -0.015em;\n\n      // Prevent forced colour modes from applying a background colour behind\n      // the product name, which cuts off the underline that appears on hover.\n      forced-color-adjust: none;\n\n      @media screen and (forced-colors: active) {\n        color: LinkText;\n        background: transparent;\n      }\n\n      // Remove top margin on the breakpoints too\n      @include govuk-media-query($from: tablet) {\n        margin-top: 0;\n      }\n\n      @include govuk-media-query($from: desktop) {\n        margin-top: 0;\n      }\n    }\n  }\n\n  .govuk-header__link {\n    // Avoid using the `govuk-link-common` mixin because the links in the header\n    // get a special treatment, because:\n    //\n    // - underlines are only visible on hover\n    // - all links get a 3px underline regardless of text size, as there are\n    //   multiple grouped elements close to one another and having slightly\n    //   different underline widths looks unbalanced\n    @include govuk-link-style-inverse;\n\n    text-decoration: none;\n\n    &:hover {\n      text-decoration: underline;\n      text-decoration-thickness: $govuk-header-link-underline-thickness;\n\n      @if $govuk-link-underline-offset {\n        text-underline-offset: $govuk-link-underline-offset;\n      }\n    }\n\n    &:focus {\n      @include govuk-focused-text;\n    }\n  }\n\n  .govuk-header__link--homepage {\n    // Font size needs to be set on the link so that the box sizing is correct\n    // in Firefox\n    display: inline-block;\n    margin-right: govuk-spacing(2);\n    font-size: 30px; // We don't have a mixin that produces 30px font size\n\n    @include govuk-media-query($from: desktop) {\n      display: inline;\n    }\n\n    &:link,\n    &:visited {\n      text-decoration: none;\n    }\n\n    &:hover,\n    &:active {\n      // Negate the added border\n      margin-bottom: $govuk-header-link-underline-thickness * -1;\n      border-bottom: $govuk-header-link-underline-thickness solid;\n    }\n\n    // Remove any borders that show when focused and hovered.\n    &:focus {\n      margin-bottom: 0;\n      border-bottom: 0;\n    }\n\n    @include _govuk-rebrand {\n      display: inline;\n\n      // Remove word-spacing from within the logo so we can ignore\n      // whitespace characters in the HTML\n      word-spacing: govuk-px-to-rem(-6px);\n\n      // Reset word-spacing for child elements\n      > * {\n        word-spacing: 0;\n      }\n\n      &:not(:focus) {\n        background-color: $govuk-header-rebrand-background;\n      }\n    }\n  }\n\n  .govuk-header__service-name {\n    display: inline-block;\n    margin-bottom: govuk-spacing(2);\n    @include govuk-font-size($size: 24);\n    @include govuk-typography-weight-bold;\n\n    @include _govuk-rebrand {\n      // Apply margins to internal elements to emulate padding\n      margin-bottom: govuk-spacing(3);\n\n      @include govuk-media-query($from: desktop) {\n        // Magic number to align service name baseline with the GOV.UK logo\n        $service-name-offset: 4px;\n\n        margin: (govuk-spacing(3) + $service-name-offset) 0 (govuk-spacing(3) - $service-name-offset);\n      }\n    }\n  }\n\n  .govuk-header__logo,\n  .govuk-header__content {\n    box-sizing: border-box;\n  }\n\n  .govuk-header__logo {\n    @include govuk-responsive-margin($govuk-header-vertical-spacing-value, \"bottom\");\n\n    @include govuk-media-query($from: desktop) {\n      width: 33.33%;\n      padding-right: $govuk-gutter-half;\n      float: left;\n      vertical-align: top;\n\n      // Reset float when logo is the last child, without a navigation\n      &:last-child {\n        width: auto;\n        padding-right: 0;\n        float: none;\n      }\n    }\n\n    @include _govuk-rebrand {\n      // Apply margins to internal elements to emulate padding\n      margin-bottom: 0;\n\n      // Magic numbers, set padding to vertically centre align the logo\n      padding-top: 16px;\n      padding-bottom: 14px - $govuk-header-rebrand-logo-bottom-margin;\n    }\n  }\n\n  .govuk-header__content {\n    @include govuk-media-query($from: desktop) {\n      width: 66.66%;\n      padding-left: $govuk-gutter-half;\n      float: left;\n    }\n  }\n\n  .govuk-header__menu-button {\n    @include govuk-font($size: 16);\n    max-width: $govuk-header-menu-button-width;\n    min-height: $govuk-header-menu-button-height;\n    margin-bottom: govuk-spacing(1);\n    padding: 0;\n    border: 0;\n    color: govuk-colour(\"white\");\n    background: none;\n    word-break: break-all;\n    cursor: pointer;\n\n    &:hover {\n      text-decoration: solid underline $govuk-header-link-underline-thickness;\n\n      @if $govuk-link-underline-offset {\n        text-underline-offset: $govuk-link-underline-offset;\n      }\n    }\n\n    &:focus {\n      @include govuk-focused-text;\n    }\n\n    &::after {\n      @include govuk-shape-arrow($direction: down, $base: 10px, $display: inline-block);\n      content: \"\";\n      margin-left: govuk-spacing(1);\n    }\n\n    &[aria-expanded=\"true\"]::after {\n      @include govuk-shape-arrow($direction: up, $base: 10px, $display: inline-block);\n    }\n\n    @include govuk-media-query($from: mobile) {\n      position: absolute;\n      // calculate top offset by:\n      // - getting the vertical spacing for the top and the bottom of the header\n      // - adding that to the crown height\n      // - dividing it by 2 so you have the vertical centre of the header\n      // - subtracting half the height of the menu button\n      top: (((govuk-spacing($govuk-header-vertical-spacing-value) * 2) + $govuk-header-crown-height) / 2) -\n        ($govuk-header-menu-button-height / 2);\n      right: 0;\n      margin: 0;\n    }\n\n    @include govuk-media-query($from: tablet) {\n      top: govuk-spacing(3);\n    }\n\n    .govuk-frontend-supported & {\n      display: block;\n    }\n\n    &[hidden],\n    .govuk-frontend-supported &[hidden] {\n      display: none;\n    }\n  }\n\n  .govuk-header__navigation {\n    @include govuk-media-query($until: mobile) {\n      @include _govuk-rebrand {\n        padding-bottom: govuk-spacing(3);\n      }\n    }\n\n    @include govuk-media-query($from: desktop) {\n      margin-bottom: govuk-spacing(2);\n\n      @include _govuk-rebrand {\n        // Magic number so that the bottom of the nav links aligns with the\n        // baseline of the GOV.UK logo\n        $navigation-offset: 7px;\n\n        // Apply margins to internal elements to emulate padding\n        margin-bottom: 0;\n        padding: (govuk-spacing(3) + $navigation-offset) 0 (govuk-spacing(3) - $navigation-offset);\n      }\n    }\n  }\n\n  .govuk-header__service-name + .govuk-header__navigation {\n    @include _govuk-rebrand {\n      @include govuk-media-query($from: desktop) {\n        // If there's both a service name and navigation,\n        // remove the extra padding between them on desktop\n        padding-top: 0;\n\n        // Restore the full bottom padding as the navigation isn't standalone\n        padding-bottom: govuk-spacing(3);\n      }\n    }\n  }\n\n  .govuk-header__navigation-list {\n    // Reset user-agent default list styles\n    margin: 0;\n    padding: 0;\n    list-style: none;\n\n    &[hidden] {\n      display: none;\n    }\n\n    @include _govuk-rebrand {\n      @include govuk-media-query($from: mobile, $until: desktop) {\n        padding-bottom: govuk-spacing(3);\n      }\n    }\n  }\n\n  .govuk-header__navigation--end {\n    @include govuk-media-query($from: desktop) {\n      margin: 0;\n      padding: govuk-spacing(1) 0;\n      text-align: right;\n    }\n  }\n\n  .govuk-header__navigation-item {\n    padding: govuk-spacing(2) 0;\n    border-bottom: 1px solid $govuk-header-nav-item-border-color;\n\n    @include govuk-media-query($from: desktop) {\n      display: inline-block;\n      margin-right: govuk-spacing(3);\n      padding: govuk-spacing(1) 0;\n      border: 0;\n    }\n\n    a {\n      @include govuk-font-size($size: 16);\n      @include govuk-typography-weight-bold;\n      white-space: nowrap;\n    }\n\n    @include _govuk-rebrand {\n      // Increase top padding of nav items...\n      padding-top: govuk-spacing(3);\n\n      // ...except on desktop\n      @include govuk-media-query($from: desktop) {\n        padding-top: govuk-spacing(1);\n      }\n\n      // Change the dividing line colour between mobile nav items\n      border-bottom-color: govuk-colour(\"white\");\n\n      // Reduce default weight of links so that we can use bold for active ones\n      a {\n        @include govuk-typography-weight-regular;\n      }\n    }\n  }\n\n  .govuk-header__navigation-item--active {\n    a {\n      @include _govuk-rebrand {\n        // Change active links to use bold text instead of changing colour\n        @include govuk-typography-weight-bold;\n      }\n\n      &:link,\n      &:hover,\n      &:visited {\n        color: $govuk-header-link-active;\n\n        @include _govuk-rebrand {\n          color: inherit;\n        }\n      }\n\n      // When printing, use the normal blue as this contrasts better with the\n      // white printing header\n      @include govuk-media-query($media-type: print) {\n        color: $govuk-brand-colour;\n      }\n\n      // When focussed, the text colour needs to be darker to ensure that colour\n      // contrast is still acceptable\n      &:focus {\n        color: $govuk-focus-text-colour;\n\n        @include _govuk-rebrand {\n          color: $govuk-focus-text-colour;\n        }\n      }\n    }\n  }\n\n  .govuk-header__navigation-item:last-child {\n    margin-right: 0;\n    border-bottom: 0;\n  }\n\n  @include govuk-media-query($media-type: print) {\n    .govuk-header {\n      border-bottom-width: 0;\n      color: govuk-colour(\"black\");\n      background: transparent;\n    }\n\n    .govuk-header__link {\n      &:link,\n      &:visited {\n        color: govuk-colour(\"black\");\n      }\n\n      // Do not append link href to GOV.UK link when printing (e.g. '(/)')\n      &::after {\n        display: none;\n      }\n    }\n  }\n}\n"]}
diff --git a/node_modules/govuk-frontend/dist/govuk/components/header/fixtures.json b/node_modules/govuk-frontend/dist/govuk/components/header/fixtures.json
new file mode 100644
index 0000000..97ce7f9
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/header/fixtures.json
@@ -0,0 +1,602 @@
+{
+    "component": "header",
+    "fixtures": [
+        {
+            "name": "default",
+            "options": {},
+            "hidden": false,
+            "description": "The standard header as used on information pages on GOV.UK",
+            "pageTemplateOptions": {},
+            "screenshot": true,
+            "html": "<header class=\"govuk-header\" data-module=\"govuk-header\">\n  <div class=\"govuk-header__container govuk-width-container\">\n    <div class=\"govuk-header__logo\">\n      <a href=\"/\" class=\"govuk-header__link govuk-header__link--homepage\">\n        <svg\n            focusable=\"false\"\n            role=\"img\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            viewBox=\"0 0 296 60\"\n            height=\"30\"\n            width=\"148\"\n            fill=\"currentcolor\" class=\"govuk-header__logotype\" aria-label=\"GOV.UK\"\n          ><title>GOV.UK</title>    <g>\n                <circle cx=\"20\" cy=\"17.6\" r=\"3.7\"/>\n                <circle cx=\"10.2\" cy=\"23.5\" r=\"3.7\"/>\n                <circle cx=\"3.7\" cy=\"33.2\" r=\"3.7\"/>\n                <circle cx=\"31.7\" cy=\"30.6\" r=\"3.7\"/>\n                <circle cx=\"43.3\" cy=\"17.6\" r=\"3.7\"/>\n                <circle cx=\"53.2\" cy=\"23.5\" r=\"3.7\"/>\n                <circle cx=\"59.7\" cy=\"33.2\" r=\"3.7\"/>\n                <circle cx=\"31.7\" cy=\"30.6\" r=\"3.7\"/>\n                <path d=\"M33.1,9.8c.2-.1.3-.3.5-.5l4.6,2.4v-6.8l-4.6,1.5c-.1-.2-.3-.3-.5-.5l1.9-5.9h-6.7l1.9,5.9c-.2.1-.3.3-.5.5l-4.6-1.5v6.8l4.6-2.4c.1.2.3.3.5.5l-2.6,8c-.9,2.8,1.2,5.7,4.1,5.7h0c3,0,5.1-2.9,4.1-5.7l-2.6-8ZM37,37.9s-3.4,3.8-4.1,6.1c2.2,0,4.2-.5,6.4-2.8l-.7,8.5c-2-2.8-4.4-4.1-5.7-3.8.1,3.1.5,6.7,5.8,7.2,3.7.3,6.7-1.5,7-3.8.4-2.6-2-4.3-3.7-1.6-1.4-4.5,2.4-6.1,4.9-3.2-1.9-4.5-1.8-7.7,2.4-10.9,3,4,2.6,7.3-1.2,11.1,2.4-1.3,6.2,0,4,4.6-1.2-2.8-3.7-2.2-4.2.2-.3,1.7.7,3.7,3,4.2,1.9.3,4.7-.9,7-5.9-1.3,0-2.4.7-3.9,1.7l2.4-8c.6,2.3,1.4,3.7,2.2,4.5.6-1.6.5-2.8,0-5.3l5,1.8c-2.6,3.6-5.2,8.7-7.3,17.5-7.4-1.1-15.7-1.7-24.5-1.7h0c-8.8,0-17.1.6-24.5,1.7-2.1-8.9-4.7-13.9-7.3-17.5l5-1.8c-.5,2.5-.6,3.7,0,5.3.8-.8,1.6-2.3,2.2-4.5l2.4,8c-1.5-1-2.6-1.7-3.9-1.7,2.3,5,5.2,6.2,7,5.9,2.3-.4,3.3-2.4,3-4.2-.5-2.4-3-3.1-4.2-.2-2.2-4.6,1.6-6,4-4.6-3.7-3.7-4.2-7.1-1.2-11.1,4.2,3.2,4.3,6.4,2.4,10.9,2.5-2.8,6.3-1.3,4.9,3.2-1.8-2.7-4.1-1-3.7,1.6.3,2.3,3.3,4.1,7,3.8,5.4-.5,5.7-4.2,5.8-7.2-1.3-.2-3.7,1-5.7,3.8l-.7-8.5c2.2,2.3,4.2,2.7,6.4,2.8-.7-2.3-4.1-6.1-4.1-6.1h10.6,0Z\"/>\n              </g>\n              <path d=\"M88.6,33.2c0,1.8.2,3.4.6,5s1.2,3,2,4.4c1,1.2,2,2.2,3.4,3s3,1.2,5,1.2,3.4-.2,4.6-.8,2.2-1.4,3-2.2,1.2-1.8,1.6-3c.2-1,.4-2,.4-3v-.4h-10.6v-6.4h18.8v23h-7.4v-5c-.6.8-1.2,1.6-2,2.2-.8.6-1.6,1.2-2.6,1.8-1,.4-2,.8-3.2,1.2s-2.4.4-3.6.4c-3,0-5.8-.6-8-1.6-2.4-1.2-4.4-2.6-6-4.6s-2.8-4.2-3.6-6.8c-.6-2.8-1-5.6-1-8.6s.4-5.8,1.4-8.4,2.2-4.8,4-6.8,3.8-3.4,6.2-4.6c2.4-1.2,5.2-1.6,8.2-1.6s3.8.2,5.6.6c1.8.4,3.4,1.2,4.8,2s2.8,1.8,3.8,3c1.2,1.2,2,2.6,2.8,4l-7.4,4.2c-.4-.8-1-1.8-1.6-2.4-.6-.8-1.2-1.4-2-2s-1.6-1-2.6-1.4-2.2-.4-3.4-.4c-2,0-3.6.4-5,1.2-1.4.8-2.6,1.8-3.4,3-1,1.2-1.6,2.8-2,4.4-.6,1.6-.8,3.8-.8,5.4ZM161.4,24.6c-.8-2.6-2.2-4.8-4-6.8s-3.8-3.4-6.2-4.6c-2.4-1.2-5.2-1.6-8.4-1.6s-5.8.6-8.4,1.6c-2.2,1.2-4.4,2.8-6,4.6-1.8,2-3,4.2-4,6.8-.8,2.6-1.4,5.4-1.4,8.4s.4,5.8,1.4,8.4c.8,2.6,2.2,4.8,4,6.8s3.8,3.4,6.2,4.6c2.4,1.2,5.2,1.6,8.4,1.6s5.8-.6,8.4-1.6c2.4-1.2,4.6-2.6,6.2-4.6,1.8-2,3-4.2,4-6.8.8-2.6,1.4-5.4,1.4-8.4-.2-3-.6-5.8-1.6-8.4h0ZM154,33.2c0,2-.2,3.8-.8,5.4-.4,1.6-1.2,3.2-2.2,4.4s-2.2,2.2-3.4,2.8c-1.4.6-3,1-4.8,1s-3.4-.4-4.8-1-2.6-1.6-3.4-2.8c-1-1.2-1.6-2.6-2.2-4.4-.4-1.6-.8-3.4-.8-5.4v-.2c0-2,.2-3.8.8-5.4.4-1.6,1.2-3.2,2.2-4.4,1-1.2,2.2-2.2,3.4-2.8,1.4-.6,3-1,4.8-1s3.4.4,4.8,1,2.6,1.6,3.4,2.8c1,1.2,1.6,2.6,2.2,4.4.4,1.6.8,3.4.8,5.4v.2ZM177.8,54l-11.8-42h9.4l8,31.4h.2l8-31.4h9.4l-11.8,42h-11.4,0ZM235.4,46.7c1.2,0,2.4-.2,3.4-.6,1-.4,2-.8,2.8-1.6s1.4-1.6,1.8-2.8c.4-1.2.6-2.4.6-4V11.8h8.2v27.2c0,2.4-.4,4.4-1.2,6.2s-2,3.4-3.6,4.8c-1.4,1.4-3.2,2.4-5.4,3-2,.8-4.4,1-6.8,1s-4.8-.4-6.8-1c-2-.8-3.8-1.8-5.4-3-1.6-1.4-2.6-3-3.6-4.8-.8-1.8-1.2-4-1.2-6.2V11.7h8.4v26c0,1.6.2,2.8.6,4,.4,1.2,1,2,1.8,2.8s1.6,1.2,2.8,1.6c1.2.4,2.2.6,3.6.6h0ZM261.4,11.9h8.4v18.2l14.8-18.2h10.4l-14.4,16.8,15.4,25.2h-9.8l-11-18.8-5.4,6v12.8h-8.4V11.9h0ZM206.2,44.2c-3,0-5.4,2.4-5.4,5.4s2.4,5.4,5.4,5.4,5.4-2.4,5.4-5.4-2.4-5.4-5.4-5.4Z\"/>\n          </svg>\n      </a>\n    </div>\n  </div>\n</header>"
+        },
+        {
+            "name": "with service name",
+            "options": {
+                "serviceName": "Service Name",
+                "serviceUrl": "/components/header"
+            },
+            "hidden": false,
+            "description": "If your service is more than a few pages long, you can help users understand where they are by adding the service name.",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<header class=\"govuk-header\" data-module=\"govuk-header\">\n  <div class=\"govuk-header__container govuk-width-container\">\n    <div class=\"govuk-header__logo\">\n      <a href=\"/\" class=\"govuk-header__link govuk-header__link--homepage\">\n        <svg\n            focusable=\"false\"\n            role=\"img\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            viewBox=\"0 0 296 60\"\n            height=\"30\"\n            width=\"148\"\n            fill=\"currentcolor\" class=\"govuk-header__logotype\" aria-label=\"GOV.UK\"\n          ><title>GOV.UK</title>    <g>\n                <circle cx=\"20\" cy=\"17.6\" r=\"3.7\"/>\n                <circle cx=\"10.2\" cy=\"23.5\" r=\"3.7\"/>\n                <circle cx=\"3.7\" cy=\"33.2\" r=\"3.7\"/>\n                <circle cx=\"31.7\" cy=\"30.6\" r=\"3.7\"/>\n                <circle cx=\"43.3\" cy=\"17.6\" r=\"3.7\"/>\n                <circle cx=\"53.2\" cy=\"23.5\" r=\"3.7\"/>\n                <circle cx=\"59.7\" cy=\"33.2\" r=\"3.7\"/>\n                <circle cx=\"31.7\" cy=\"30.6\" r=\"3.7\"/>\n                <path d=\"M33.1,9.8c.2-.1.3-.3.5-.5l4.6,2.4v-6.8l-4.6,1.5c-.1-.2-.3-.3-.5-.5l1.9-5.9h-6.7l1.9,5.9c-.2.1-.3.3-.5.5l-4.6-1.5v6.8l4.6-2.4c.1.2.3.3.5.5l-2.6,8c-.9,2.8,1.2,5.7,4.1,5.7h0c3,0,5.1-2.9,4.1-5.7l-2.6-8ZM37,37.9s-3.4,3.8-4.1,6.1c2.2,0,4.2-.5,6.4-2.8l-.7,8.5c-2-2.8-4.4-4.1-5.7-3.8.1,3.1.5,6.7,5.8,7.2,3.7.3,6.7-1.5,7-3.8.4-2.6-2-4.3-3.7-1.6-1.4-4.5,2.4-6.1,4.9-3.2-1.9-4.5-1.8-7.7,2.4-10.9,3,4,2.6,7.3-1.2,11.1,2.4-1.3,6.2,0,4,4.6-1.2-2.8-3.7-2.2-4.2.2-.3,1.7.7,3.7,3,4.2,1.9.3,4.7-.9,7-5.9-1.3,0-2.4.7-3.9,1.7l2.4-8c.6,2.3,1.4,3.7,2.2,4.5.6-1.6.5-2.8,0-5.3l5,1.8c-2.6,3.6-5.2,8.7-7.3,17.5-7.4-1.1-15.7-1.7-24.5-1.7h0c-8.8,0-17.1.6-24.5,1.7-2.1-8.9-4.7-13.9-7.3-17.5l5-1.8c-.5,2.5-.6,3.7,0,5.3.8-.8,1.6-2.3,2.2-4.5l2.4,8c-1.5-1-2.6-1.7-3.9-1.7,2.3,5,5.2,6.2,7,5.9,2.3-.4,3.3-2.4,3-4.2-.5-2.4-3-3.1-4.2-.2-2.2-4.6,1.6-6,4-4.6-3.7-3.7-4.2-7.1-1.2-11.1,4.2,3.2,4.3,6.4,2.4,10.9,2.5-2.8,6.3-1.3,4.9,3.2-1.8-2.7-4.1-1-3.7,1.6.3,2.3,3.3,4.1,7,3.8,5.4-.5,5.7-4.2,5.8-7.2-1.3-.2-3.7,1-5.7,3.8l-.7-8.5c2.2,2.3,4.2,2.7,6.4,2.8-.7-2.3-4.1-6.1-4.1-6.1h10.6,0Z\"/>\n              </g>\n              <path d=\"M88.6,33.2c0,1.8.2,3.4.6,5s1.2,3,2,4.4c1,1.2,2,2.2,3.4,3s3,1.2,5,1.2,3.4-.2,4.6-.8,2.2-1.4,3-2.2,1.2-1.8,1.6-3c.2-1,.4-2,.4-3v-.4h-10.6v-6.4h18.8v23h-7.4v-5c-.6.8-1.2,1.6-2,2.2-.8.6-1.6,1.2-2.6,1.8-1,.4-2,.8-3.2,1.2s-2.4.4-3.6.4c-3,0-5.8-.6-8-1.6-2.4-1.2-4.4-2.6-6-4.6s-2.8-4.2-3.6-6.8c-.6-2.8-1-5.6-1-8.6s.4-5.8,1.4-8.4,2.2-4.8,4-6.8,3.8-3.4,6.2-4.6c2.4-1.2,5.2-1.6,8.2-1.6s3.8.2,5.6.6c1.8.4,3.4,1.2,4.8,2s2.8,1.8,3.8,3c1.2,1.2,2,2.6,2.8,4l-7.4,4.2c-.4-.8-1-1.8-1.6-2.4-.6-.8-1.2-1.4-2-2s-1.6-1-2.6-1.4-2.2-.4-3.4-.4c-2,0-3.6.4-5,1.2-1.4.8-2.6,1.8-3.4,3-1,1.2-1.6,2.8-2,4.4-.6,1.6-.8,3.8-.8,5.4ZM161.4,24.6c-.8-2.6-2.2-4.8-4-6.8s-3.8-3.4-6.2-4.6c-2.4-1.2-5.2-1.6-8.4-1.6s-5.8.6-8.4,1.6c-2.2,1.2-4.4,2.8-6,4.6-1.8,2-3,4.2-4,6.8-.8,2.6-1.4,5.4-1.4,8.4s.4,5.8,1.4,8.4c.8,2.6,2.2,4.8,4,6.8s3.8,3.4,6.2,4.6c2.4,1.2,5.2,1.6,8.4,1.6s5.8-.6,8.4-1.6c2.4-1.2,4.6-2.6,6.2-4.6,1.8-2,3-4.2,4-6.8.8-2.6,1.4-5.4,1.4-8.4-.2-3-.6-5.8-1.6-8.4h0ZM154,33.2c0,2-.2,3.8-.8,5.4-.4,1.6-1.2,3.2-2.2,4.4s-2.2,2.2-3.4,2.8c-1.4.6-3,1-4.8,1s-3.4-.4-4.8-1-2.6-1.6-3.4-2.8c-1-1.2-1.6-2.6-2.2-4.4-.4-1.6-.8-3.4-.8-5.4v-.2c0-2,.2-3.8.8-5.4.4-1.6,1.2-3.2,2.2-4.4,1-1.2,2.2-2.2,3.4-2.8,1.4-.6,3-1,4.8-1s3.4.4,4.8,1,2.6,1.6,3.4,2.8c1,1.2,1.6,2.6,2.2,4.4.4,1.6.8,3.4.8,5.4v.2ZM177.8,54l-11.8-42h9.4l8,31.4h.2l8-31.4h9.4l-11.8,42h-11.4,0ZM235.4,46.7c1.2,0,2.4-.2,3.4-.6,1-.4,2-.8,2.8-1.6s1.4-1.6,1.8-2.8c.4-1.2.6-2.4.6-4V11.8h8.2v27.2c0,2.4-.4,4.4-1.2,6.2s-2,3.4-3.6,4.8c-1.4,1.4-3.2,2.4-5.4,3-2,.8-4.4,1-6.8,1s-4.8-.4-6.8-1c-2-.8-3.8-1.8-5.4-3-1.6-1.4-2.6-3-3.6-4.8-.8-1.8-1.2-4-1.2-6.2V11.7h8.4v26c0,1.6.2,2.8.6,4,.4,1.2,1,2,1.8,2.8s1.6,1.2,2.8,1.6c1.2.4,2.2.6,3.6.6h0ZM261.4,11.9h8.4v18.2l14.8-18.2h10.4l-14.4,16.8,15.4,25.2h-9.8l-11-18.8-5.4,6v12.8h-8.4V11.9h0ZM206.2,44.2c-3,0-5.4,2.4-5.4,5.4s2.4,5.4,5.4,5.4,5.4-2.4,5.4-5.4-2.4-5.4-5.4-5.4Z\"/>\n          </svg>\n      </a>\n    </div>\n    <div class=\"govuk-header__content\">\n      <a href=\"/components/header\" class=\"govuk-header__link govuk-header__service-name\">\n        Service Name\n      </a>\n    </div>\n  </div>\n</header>"
+        },
+        {
+            "name": "with service name but no service url",
+            "options": {
+                "serviceName": "Service Name"
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<header class=\"govuk-header\" data-module=\"govuk-header\">\n  <div class=\"govuk-header__container govuk-width-container\">\n    <div class=\"govuk-header__logo\">\n      <a href=\"/\" class=\"govuk-header__link govuk-header__link--homepage\">\n        <svg\n            focusable=\"false\"\n            role=\"img\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            viewBox=\"0 0 296 60\"\n            height=\"30\"\n            width=\"148\"\n            fill=\"currentcolor\" class=\"govuk-header__logotype\" aria-label=\"GOV.UK\"\n          ><title>GOV.UK</title>    <g>\n                <circle cx=\"20\" cy=\"17.6\" r=\"3.7\"/>\n                <circle cx=\"10.2\" cy=\"23.5\" r=\"3.7\"/>\n                <circle cx=\"3.7\" cy=\"33.2\" r=\"3.7\"/>\n                <circle cx=\"31.7\" cy=\"30.6\" r=\"3.7\"/>\n                <circle cx=\"43.3\" cy=\"17.6\" r=\"3.7\"/>\n                <circle cx=\"53.2\" cy=\"23.5\" r=\"3.7\"/>\n                <circle cx=\"59.7\" cy=\"33.2\" r=\"3.7\"/>\n                <circle cx=\"31.7\" cy=\"30.6\" r=\"3.7\"/>\n                <path d=\"M33.1,9.8c.2-.1.3-.3.5-.5l4.6,2.4v-6.8l-4.6,1.5c-.1-.2-.3-.3-.5-.5l1.9-5.9h-6.7l1.9,5.9c-.2.1-.3.3-.5.5l-4.6-1.5v6.8l4.6-2.4c.1.2.3.3.5.5l-2.6,8c-.9,2.8,1.2,5.7,4.1,5.7h0c3,0,5.1-2.9,4.1-5.7l-2.6-8ZM37,37.9s-3.4,3.8-4.1,6.1c2.2,0,4.2-.5,6.4-2.8l-.7,8.5c-2-2.8-4.4-4.1-5.7-3.8.1,3.1.5,6.7,5.8,7.2,3.7.3,6.7-1.5,7-3.8.4-2.6-2-4.3-3.7-1.6-1.4-4.5,2.4-6.1,4.9-3.2-1.9-4.5-1.8-7.7,2.4-10.9,3,4,2.6,7.3-1.2,11.1,2.4-1.3,6.2,0,4,4.6-1.2-2.8-3.7-2.2-4.2.2-.3,1.7.7,3.7,3,4.2,1.9.3,4.7-.9,7-5.9-1.3,0-2.4.7-3.9,1.7l2.4-8c.6,2.3,1.4,3.7,2.2,4.5.6-1.6.5-2.8,0-5.3l5,1.8c-2.6,3.6-5.2,8.7-7.3,17.5-7.4-1.1-15.7-1.7-24.5-1.7h0c-8.8,0-17.1.6-24.5,1.7-2.1-8.9-4.7-13.9-7.3-17.5l5-1.8c-.5,2.5-.6,3.7,0,5.3.8-.8,1.6-2.3,2.2-4.5l2.4,8c-1.5-1-2.6-1.7-3.9-1.7,2.3,5,5.2,6.2,7,5.9,2.3-.4,3.3-2.4,3-4.2-.5-2.4-3-3.1-4.2-.2-2.2-4.6,1.6-6,4-4.6-3.7-3.7-4.2-7.1-1.2-11.1,4.2,3.2,4.3,6.4,2.4,10.9,2.5-2.8,6.3-1.3,4.9,3.2-1.8-2.7-4.1-1-3.7,1.6.3,2.3,3.3,4.1,7,3.8,5.4-.5,5.7-4.2,5.8-7.2-1.3-.2-3.7,1-5.7,3.8l-.7-8.5c2.2,2.3,4.2,2.7,6.4,2.8-.7-2.3-4.1-6.1-4.1-6.1h10.6,0Z\"/>\n              </g>\n              <path d=\"M88.6,33.2c0,1.8.2,3.4.6,5s1.2,3,2,4.4c1,1.2,2,2.2,3.4,3s3,1.2,5,1.2,3.4-.2,4.6-.8,2.2-1.4,3-2.2,1.2-1.8,1.6-3c.2-1,.4-2,.4-3v-.4h-10.6v-6.4h18.8v23h-7.4v-5c-.6.8-1.2,1.6-2,2.2-.8.6-1.6,1.2-2.6,1.8-1,.4-2,.8-3.2,1.2s-2.4.4-3.6.4c-3,0-5.8-.6-8-1.6-2.4-1.2-4.4-2.6-6-4.6s-2.8-4.2-3.6-6.8c-.6-2.8-1-5.6-1-8.6s.4-5.8,1.4-8.4,2.2-4.8,4-6.8,3.8-3.4,6.2-4.6c2.4-1.2,5.2-1.6,8.2-1.6s3.8.2,5.6.6c1.8.4,3.4,1.2,4.8,2s2.8,1.8,3.8,3c1.2,1.2,2,2.6,2.8,4l-7.4,4.2c-.4-.8-1-1.8-1.6-2.4-.6-.8-1.2-1.4-2-2s-1.6-1-2.6-1.4-2.2-.4-3.4-.4c-2,0-3.6.4-5,1.2-1.4.8-2.6,1.8-3.4,3-1,1.2-1.6,2.8-2,4.4-.6,1.6-.8,3.8-.8,5.4ZM161.4,24.6c-.8-2.6-2.2-4.8-4-6.8s-3.8-3.4-6.2-4.6c-2.4-1.2-5.2-1.6-8.4-1.6s-5.8.6-8.4,1.6c-2.2,1.2-4.4,2.8-6,4.6-1.8,2-3,4.2-4,6.8-.8,2.6-1.4,5.4-1.4,8.4s.4,5.8,1.4,8.4c.8,2.6,2.2,4.8,4,6.8s3.8,3.4,6.2,4.6c2.4,1.2,5.2,1.6,8.4,1.6s5.8-.6,8.4-1.6c2.4-1.2,4.6-2.6,6.2-4.6,1.8-2,3-4.2,4-6.8.8-2.6,1.4-5.4,1.4-8.4-.2-3-.6-5.8-1.6-8.4h0ZM154,33.2c0,2-.2,3.8-.8,5.4-.4,1.6-1.2,3.2-2.2,4.4s-2.2,2.2-3.4,2.8c-1.4.6-3,1-4.8,1s-3.4-.4-4.8-1-2.6-1.6-3.4-2.8c-1-1.2-1.6-2.6-2.2-4.4-.4-1.6-.8-3.4-.8-5.4v-.2c0-2,.2-3.8.8-5.4.4-1.6,1.2-3.2,2.2-4.4,1-1.2,2.2-2.2,3.4-2.8,1.4-.6,3-1,4.8-1s3.4.4,4.8,1,2.6,1.6,3.4,2.8c1,1.2,1.6,2.6,2.2,4.4.4,1.6.8,3.4.8,5.4v.2ZM177.8,54l-11.8-42h9.4l8,31.4h.2l8-31.4h9.4l-11.8,42h-11.4,0ZM235.4,46.7c1.2,0,2.4-.2,3.4-.6,1-.4,2-.8,2.8-1.6s1.4-1.6,1.8-2.8c.4-1.2.6-2.4.6-4V11.8h8.2v27.2c0,2.4-.4,4.4-1.2,6.2s-2,3.4-3.6,4.8c-1.4,1.4-3.2,2.4-5.4,3-2,.8-4.4,1-6.8,1s-4.8-.4-6.8-1c-2-.8-3.8-1.8-5.4-3-1.6-1.4-2.6-3-3.6-4.8-.8-1.8-1.2-4-1.2-6.2V11.7h8.4v26c0,1.6.2,2.8.6,4,.4,1.2,1,2,1.8,2.8s1.6,1.2,2.8,1.6c1.2.4,2.2.6,3.6.6h0ZM261.4,11.9h8.4v18.2l14.8-18.2h10.4l-14.4,16.8,15.4,25.2h-9.8l-11-18.8-5.4,6v12.8h-8.4V11.9h0ZM206.2,44.2c-3,0-5.4,2.4-5.4,5.4s2.4,5.4,5.4,5.4,5.4-2.4,5.4-5.4-2.4-5.4-5.4-5.4Z\"/>\n          </svg>\n      </a>\n    </div>\n    <div class=\"govuk-header__content\">\n      <span class=\"govuk-header__service-name\">\n        Service Name\n      </span>\n    </div>\n  </div>\n</header>"
+        },
+        {
+            "name": "with navigation",
+            "options": {
+                "navigation": [
+                    {
+                        "href": "#1",
+                        "text": "Navigation item 1",
+                        "active": true
+                    },
+                    {
+                        "href": "#2",
+                        "text": "Navigation item 2"
+                    },
+                    {
+                        "href": "#3",
+                        "text": "Navigation item 3"
+                    },
+                    {
+                        "href": "#4",
+                        "text": "Navigation item 4"
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<header class=\"govuk-header\" data-module=\"govuk-header\">\n  <div class=\"govuk-header__container govuk-width-container\">\n    <div class=\"govuk-header__logo\">\n      <a href=\"/\" class=\"govuk-header__link govuk-header__link--homepage\">\n        <svg\n            focusable=\"false\"\n            role=\"img\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            viewBox=\"0 0 296 60\"\n            height=\"30\"\n            width=\"148\"\n            fill=\"currentcolor\" class=\"govuk-header__logotype\" aria-label=\"GOV.UK\"\n          ><title>GOV.UK</title>    <g>\n                <circle cx=\"20\" cy=\"17.6\" r=\"3.7\"/>\n                <circle cx=\"10.2\" cy=\"23.5\" r=\"3.7\"/>\n                <circle cx=\"3.7\" cy=\"33.2\" r=\"3.7\"/>\n                <circle cx=\"31.7\" cy=\"30.6\" r=\"3.7\"/>\n                <circle cx=\"43.3\" cy=\"17.6\" r=\"3.7\"/>\n                <circle cx=\"53.2\" cy=\"23.5\" r=\"3.7\"/>\n                <circle cx=\"59.7\" cy=\"33.2\" r=\"3.7\"/>\n                <circle cx=\"31.7\" cy=\"30.6\" r=\"3.7\"/>\n                <path d=\"M33.1,9.8c.2-.1.3-.3.5-.5l4.6,2.4v-6.8l-4.6,1.5c-.1-.2-.3-.3-.5-.5l1.9-5.9h-6.7l1.9,5.9c-.2.1-.3.3-.5.5l-4.6-1.5v6.8l4.6-2.4c.1.2.3.3.5.5l-2.6,8c-.9,2.8,1.2,5.7,4.1,5.7h0c3,0,5.1-2.9,4.1-5.7l-2.6-8ZM37,37.9s-3.4,3.8-4.1,6.1c2.2,0,4.2-.5,6.4-2.8l-.7,8.5c-2-2.8-4.4-4.1-5.7-3.8.1,3.1.5,6.7,5.8,7.2,3.7.3,6.7-1.5,7-3.8.4-2.6-2-4.3-3.7-1.6-1.4-4.5,2.4-6.1,4.9-3.2-1.9-4.5-1.8-7.7,2.4-10.9,3,4,2.6,7.3-1.2,11.1,2.4-1.3,6.2,0,4,4.6-1.2-2.8-3.7-2.2-4.2.2-.3,1.7.7,3.7,3,4.2,1.9.3,4.7-.9,7-5.9-1.3,0-2.4.7-3.9,1.7l2.4-8c.6,2.3,1.4,3.7,2.2,4.5.6-1.6.5-2.8,0-5.3l5,1.8c-2.6,3.6-5.2,8.7-7.3,17.5-7.4-1.1-15.7-1.7-24.5-1.7h0c-8.8,0-17.1.6-24.5,1.7-2.1-8.9-4.7-13.9-7.3-17.5l5-1.8c-.5,2.5-.6,3.7,0,5.3.8-.8,1.6-2.3,2.2-4.5l2.4,8c-1.5-1-2.6-1.7-3.9-1.7,2.3,5,5.2,6.2,7,5.9,2.3-.4,3.3-2.4,3-4.2-.5-2.4-3-3.1-4.2-.2-2.2-4.6,1.6-6,4-4.6-3.7-3.7-4.2-7.1-1.2-11.1,4.2,3.2,4.3,6.4,2.4,10.9,2.5-2.8,6.3-1.3,4.9,3.2-1.8-2.7-4.1-1-3.7,1.6.3,2.3,3.3,4.1,7,3.8,5.4-.5,5.7-4.2,5.8-7.2-1.3-.2-3.7,1-5.7,3.8l-.7-8.5c2.2,2.3,4.2,2.7,6.4,2.8-.7-2.3-4.1-6.1-4.1-6.1h10.6,0Z\"/>\n              </g>\n              <path d=\"M88.6,33.2c0,1.8.2,3.4.6,5s1.2,3,2,4.4c1,1.2,2,2.2,3.4,3s3,1.2,5,1.2,3.4-.2,4.6-.8,2.2-1.4,3-2.2,1.2-1.8,1.6-3c.2-1,.4-2,.4-3v-.4h-10.6v-6.4h18.8v23h-7.4v-5c-.6.8-1.2,1.6-2,2.2-.8.6-1.6,1.2-2.6,1.8-1,.4-2,.8-3.2,1.2s-2.4.4-3.6.4c-3,0-5.8-.6-8-1.6-2.4-1.2-4.4-2.6-6-4.6s-2.8-4.2-3.6-6.8c-.6-2.8-1-5.6-1-8.6s.4-5.8,1.4-8.4,2.2-4.8,4-6.8,3.8-3.4,6.2-4.6c2.4-1.2,5.2-1.6,8.2-1.6s3.8.2,5.6.6c1.8.4,3.4,1.2,4.8,2s2.8,1.8,3.8,3c1.2,1.2,2,2.6,2.8,4l-7.4,4.2c-.4-.8-1-1.8-1.6-2.4-.6-.8-1.2-1.4-2-2s-1.6-1-2.6-1.4-2.2-.4-3.4-.4c-2,0-3.6.4-5,1.2-1.4.8-2.6,1.8-3.4,3-1,1.2-1.6,2.8-2,4.4-.6,1.6-.8,3.8-.8,5.4ZM161.4,24.6c-.8-2.6-2.2-4.8-4-6.8s-3.8-3.4-6.2-4.6c-2.4-1.2-5.2-1.6-8.4-1.6s-5.8.6-8.4,1.6c-2.2,1.2-4.4,2.8-6,4.6-1.8,2-3,4.2-4,6.8-.8,2.6-1.4,5.4-1.4,8.4s.4,5.8,1.4,8.4c.8,2.6,2.2,4.8,4,6.8s3.8,3.4,6.2,4.6c2.4,1.2,5.2,1.6,8.4,1.6s5.8-.6,8.4-1.6c2.4-1.2,4.6-2.6,6.2-4.6,1.8-2,3-4.2,4-6.8.8-2.6,1.4-5.4,1.4-8.4-.2-3-.6-5.8-1.6-8.4h0ZM154,33.2c0,2-.2,3.8-.8,5.4-.4,1.6-1.2,3.2-2.2,4.4s-2.2,2.2-3.4,2.8c-1.4.6-3,1-4.8,1s-3.4-.4-4.8-1-2.6-1.6-3.4-2.8c-1-1.2-1.6-2.6-2.2-4.4-.4-1.6-.8-3.4-.8-5.4v-.2c0-2,.2-3.8.8-5.4.4-1.6,1.2-3.2,2.2-4.4,1-1.2,2.2-2.2,3.4-2.8,1.4-.6,3-1,4.8-1s3.4.4,4.8,1,2.6,1.6,3.4,2.8c1,1.2,1.6,2.6,2.2,4.4.4,1.6.8,3.4.8,5.4v.2ZM177.8,54l-11.8-42h9.4l8,31.4h.2l8-31.4h9.4l-11.8,42h-11.4,0ZM235.4,46.7c1.2,0,2.4-.2,3.4-.6,1-.4,2-.8,2.8-1.6s1.4-1.6,1.8-2.8c.4-1.2.6-2.4.6-4V11.8h8.2v27.2c0,2.4-.4,4.4-1.2,6.2s-2,3.4-3.6,4.8c-1.4,1.4-3.2,2.4-5.4,3-2,.8-4.4,1-6.8,1s-4.8-.4-6.8-1c-2-.8-3.8-1.8-5.4-3-1.6-1.4-2.6-3-3.6-4.8-.8-1.8-1.2-4-1.2-6.2V11.7h8.4v26c0,1.6.2,2.8.6,4,.4,1.2,1,2,1.8,2.8s1.6,1.2,2.8,1.6c1.2.4,2.2.6,3.6.6h0ZM261.4,11.9h8.4v18.2l14.8-18.2h10.4l-14.4,16.8,15.4,25.2h-9.8l-11-18.8-5.4,6v12.8h-8.4V11.9h0ZM206.2,44.2c-3,0-5.4,2.4-5.4,5.4s2.4,5.4,5.4,5.4,5.4-2.4,5.4-5.4-2.4-5.4-5.4-5.4Z\"/>\n          </svg>\n      </a>\n    </div>\n    <div class=\"govuk-header__content\">\n      <nav aria-label=\"Menu\" class=\"govuk-header__navigation\">\n        <button type=\"button\" class=\"govuk-header__menu-button govuk-js-header-toggle\" aria-controls=\"navigation\" hidden>\n          Menu\n        </button>\n\n        <ul id=\"navigation\" class=\"govuk-header__navigation-list\">\n          <li class=\"govuk-header__navigation-item govuk-header__navigation-item--active\">\n            <a class=\"govuk-header__link\" href=\"#1\">\n              Navigation item 1\n            </a>\n          </li>\n          <li class=\"govuk-header__navigation-item\">\n            <a class=\"govuk-header__link\" href=\"#2\">\n              Navigation item 2\n            </a>\n          </li>\n          <li class=\"govuk-header__navigation-item\">\n            <a class=\"govuk-header__link\" href=\"#3\">\n              Navigation item 3\n            </a>\n          </li>\n          <li class=\"govuk-header__navigation-item\">\n            <a class=\"govuk-header__link\" href=\"#4\">\n              Navigation item 4\n            </a>\n          </li>\n        </ul>\n      </nav>\n    </div>\n  </div>\n</header>"
+        },
+        {
+            "name": "with custom menu button text",
+            "options": {
+                "menuButtonText": "Dewislen",
+                "navigation": [
+                    {
+                        "href": "#1",
+                        "text": "Eitem llywio 1",
+                        "active": true
+                    },
+                    {
+                        "href": "#2",
+                        "text": "Eitem llywio 2"
+                    },
+                    {
+                        "href": "#3",
+                        "text": "Eitem llywio 3"
+                    },
+                    {
+                        "href": "#4",
+                        "text": "Eitem llywio 4"
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "Button translated into Welsh",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<header class=\"govuk-header\" data-module=\"govuk-header\">\n  <div class=\"govuk-header__container govuk-width-container\">\n    <div class=\"govuk-header__logo\">\n      <a href=\"/\" class=\"govuk-header__link govuk-header__link--homepage\">\n        <svg\n            focusable=\"false\"\n            role=\"img\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            viewBox=\"0 0 296 60\"\n            height=\"30\"\n            width=\"148\"\n            fill=\"currentcolor\" class=\"govuk-header__logotype\" aria-label=\"GOV.UK\"\n          ><title>GOV.UK</title>    <g>\n                <circle cx=\"20\" cy=\"17.6\" r=\"3.7\"/>\n                <circle cx=\"10.2\" cy=\"23.5\" r=\"3.7\"/>\n                <circle cx=\"3.7\" cy=\"33.2\" r=\"3.7\"/>\n                <circle cx=\"31.7\" cy=\"30.6\" r=\"3.7\"/>\n                <circle cx=\"43.3\" cy=\"17.6\" r=\"3.7\"/>\n                <circle cx=\"53.2\" cy=\"23.5\" r=\"3.7\"/>\n                <circle cx=\"59.7\" cy=\"33.2\" r=\"3.7\"/>\n                <circle cx=\"31.7\" cy=\"30.6\" r=\"3.7\"/>\n                <path d=\"M33.1,9.8c.2-.1.3-.3.5-.5l4.6,2.4v-6.8l-4.6,1.5c-.1-.2-.3-.3-.5-.5l1.9-5.9h-6.7l1.9,5.9c-.2.1-.3.3-.5.5l-4.6-1.5v6.8l4.6-2.4c.1.2.3.3.5.5l-2.6,8c-.9,2.8,1.2,5.7,4.1,5.7h0c3,0,5.1-2.9,4.1-5.7l-2.6-8ZM37,37.9s-3.4,3.8-4.1,6.1c2.2,0,4.2-.5,6.4-2.8l-.7,8.5c-2-2.8-4.4-4.1-5.7-3.8.1,3.1.5,6.7,5.8,7.2,3.7.3,6.7-1.5,7-3.8.4-2.6-2-4.3-3.7-1.6-1.4-4.5,2.4-6.1,4.9-3.2-1.9-4.5-1.8-7.7,2.4-10.9,3,4,2.6,7.3-1.2,11.1,2.4-1.3,6.2,0,4,4.6-1.2-2.8-3.7-2.2-4.2.2-.3,1.7.7,3.7,3,4.2,1.9.3,4.7-.9,7-5.9-1.3,0-2.4.7-3.9,1.7l2.4-8c.6,2.3,1.4,3.7,2.2,4.5.6-1.6.5-2.8,0-5.3l5,1.8c-2.6,3.6-5.2,8.7-7.3,17.5-7.4-1.1-15.7-1.7-24.5-1.7h0c-8.8,0-17.1.6-24.5,1.7-2.1-8.9-4.7-13.9-7.3-17.5l5-1.8c-.5,2.5-.6,3.7,0,5.3.8-.8,1.6-2.3,2.2-4.5l2.4,8c-1.5-1-2.6-1.7-3.9-1.7,2.3,5,5.2,6.2,7,5.9,2.3-.4,3.3-2.4,3-4.2-.5-2.4-3-3.1-4.2-.2-2.2-4.6,1.6-6,4-4.6-3.7-3.7-4.2-7.1-1.2-11.1,4.2,3.2,4.3,6.4,2.4,10.9,2.5-2.8,6.3-1.3,4.9,3.2-1.8-2.7-4.1-1-3.7,1.6.3,2.3,3.3,4.1,7,3.8,5.4-.5,5.7-4.2,5.8-7.2-1.3-.2-3.7,1-5.7,3.8l-.7-8.5c2.2,2.3,4.2,2.7,6.4,2.8-.7-2.3-4.1-6.1-4.1-6.1h10.6,0Z\"/>\n              </g>\n              <path d=\"M88.6,33.2c0,1.8.2,3.4.6,5s1.2,3,2,4.4c1,1.2,2,2.2,3.4,3s3,1.2,5,1.2,3.4-.2,4.6-.8,2.2-1.4,3-2.2,1.2-1.8,1.6-3c.2-1,.4-2,.4-3v-.4h-10.6v-6.4h18.8v23h-7.4v-5c-.6.8-1.2,1.6-2,2.2-.8.6-1.6,1.2-2.6,1.8-1,.4-2,.8-3.2,1.2s-2.4.4-3.6.4c-3,0-5.8-.6-8-1.6-2.4-1.2-4.4-2.6-6-4.6s-2.8-4.2-3.6-6.8c-.6-2.8-1-5.6-1-8.6s.4-5.8,1.4-8.4,2.2-4.8,4-6.8,3.8-3.4,6.2-4.6c2.4-1.2,5.2-1.6,8.2-1.6s3.8.2,5.6.6c1.8.4,3.4,1.2,4.8,2s2.8,1.8,3.8,3c1.2,1.2,2,2.6,2.8,4l-7.4,4.2c-.4-.8-1-1.8-1.6-2.4-.6-.8-1.2-1.4-2-2s-1.6-1-2.6-1.4-2.2-.4-3.4-.4c-2,0-3.6.4-5,1.2-1.4.8-2.6,1.8-3.4,3-1,1.2-1.6,2.8-2,4.4-.6,1.6-.8,3.8-.8,5.4ZM161.4,24.6c-.8-2.6-2.2-4.8-4-6.8s-3.8-3.4-6.2-4.6c-2.4-1.2-5.2-1.6-8.4-1.6s-5.8.6-8.4,1.6c-2.2,1.2-4.4,2.8-6,4.6-1.8,2-3,4.2-4,6.8-.8,2.6-1.4,5.4-1.4,8.4s.4,5.8,1.4,8.4c.8,2.6,2.2,4.8,4,6.8s3.8,3.4,6.2,4.6c2.4,1.2,5.2,1.6,8.4,1.6s5.8-.6,8.4-1.6c2.4-1.2,4.6-2.6,6.2-4.6,1.8-2,3-4.2,4-6.8.8-2.6,1.4-5.4,1.4-8.4-.2-3-.6-5.8-1.6-8.4h0ZM154,33.2c0,2-.2,3.8-.8,5.4-.4,1.6-1.2,3.2-2.2,4.4s-2.2,2.2-3.4,2.8c-1.4.6-3,1-4.8,1s-3.4-.4-4.8-1-2.6-1.6-3.4-2.8c-1-1.2-1.6-2.6-2.2-4.4-.4-1.6-.8-3.4-.8-5.4v-.2c0-2,.2-3.8.8-5.4.4-1.6,1.2-3.2,2.2-4.4,1-1.2,2.2-2.2,3.4-2.8,1.4-.6,3-1,4.8-1s3.4.4,4.8,1,2.6,1.6,3.4,2.8c1,1.2,1.6,2.6,2.2,4.4.4,1.6.8,3.4.8,5.4v.2ZM177.8,54l-11.8-42h9.4l8,31.4h.2l8-31.4h9.4l-11.8,42h-11.4,0ZM235.4,46.7c1.2,0,2.4-.2,3.4-.6,1-.4,2-.8,2.8-1.6s1.4-1.6,1.8-2.8c.4-1.2.6-2.4.6-4V11.8h8.2v27.2c0,2.4-.4,4.4-1.2,6.2s-2,3.4-3.6,4.8c-1.4,1.4-3.2,2.4-5.4,3-2,.8-4.4,1-6.8,1s-4.8-.4-6.8-1c-2-.8-3.8-1.8-5.4-3-1.6-1.4-2.6-3-3.6-4.8-.8-1.8-1.2-4-1.2-6.2V11.7h8.4v26c0,1.6.2,2.8.6,4,.4,1.2,1,2,1.8,2.8s1.6,1.2,2.8,1.6c1.2.4,2.2.6,3.6.6h0ZM261.4,11.9h8.4v18.2l14.8-18.2h10.4l-14.4,16.8,15.4,25.2h-9.8l-11-18.8-5.4,6v12.8h-8.4V11.9h0ZM206.2,44.2c-3,0-5.4,2.4-5.4,5.4s2.4,5.4,5.4,5.4,5.4-2.4,5.4-5.4-2.4-5.4-5.4-5.4Z\"/>\n          </svg>\n      </a>\n    </div>\n    <div class=\"govuk-header__content\">\n      <nav aria-label=\"Dewislen\" class=\"govuk-header__navigation\">\n        <button type=\"button\" class=\"govuk-header__menu-button govuk-js-header-toggle\" aria-controls=\"navigation\" hidden>\n          Dewislen\n        </button>\n\n        <ul id=\"navigation\" class=\"govuk-header__navigation-list\">\n          <li class=\"govuk-header__navigation-item govuk-header__navigation-item--active\">\n            <a class=\"govuk-header__link\" href=\"#1\">\n              Eitem llywio 1\n            </a>\n          </li>\n          <li class=\"govuk-header__navigation-item\">\n            <a class=\"govuk-header__link\" href=\"#2\">\n              Eitem llywio 2\n            </a>\n          </li>\n          <li class=\"govuk-header__navigation-item\">\n            <a class=\"govuk-header__link\" href=\"#3\">\n              Eitem llywio 3\n            </a>\n          </li>\n          <li class=\"govuk-header__navigation-item\">\n            <a class=\"govuk-header__link\" href=\"#4\">\n              Eitem llywio 4\n            </a>\n          </li>\n        </ul>\n      </nav>\n    </div>\n  </div>\n</header>"
+        },
+        {
+            "name": "with service name and navigation",
+            "options": {
+                "serviceName": "Service Name",
+                "serviceUrl": "/components/header",
+                "navigation": [
+                    {
+                        "href": "#1",
+                        "text": "Navigation item 1",
+                        "active": true
+                    },
+                    {
+                        "href": "#2",
+                        "text": "Navigation item 2"
+                    },
+                    {
+                        "href": "#3",
+                        "text": "Navigation item 3"
+                    },
+                    {
+                        "href": "#4",
+                        "text": "Navigation item 4"
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "If you need to include basic navigation, contact or account management links.",
+            "pageTemplateOptions": {},
+            "screenshot": {
+                "variants": [
+                    "default",
+                    "no-js"
+                ]
+            },
+            "html": "<header class=\"govuk-header\" data-module=\"govuk-header\">\n  <div class=\"govuk-header__container govuk-width-container\">\n    <div class=\"govuk-header__logo\">\n      <a href=\"/\" class=\"govuk-header__link govuk-header__link--homepage\">\n        <svg\n            focusable=\"false\"\n            role=\"img\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            viewBox=\"0 0 296 60\"\n            height=\"30\"\n            width=\"148\"\n            fill=\"currentcolor\" class=\"govuk-header__logotype\" aria-label=\"GOV.UK\"\n          ><title>GOV.UK</title>    <g>\n                <circle cx=\"20\" cy=\"17.6\" r=\"3.7\"/>\n                <circle cx=\"10.2\" cy=\"23.5\" r=\"3.7\"/>\n                <circle cx=\"3.7\" cy=\"33.2\" r=\"3.7\"/>\n                <circle cx=\"31.7\" cy=\"30.6\" r=\"3.7\"/>\n                <circle cx=\"43.3\" cy=\"17.6\" r=\"3.7\"/>\n                <circle cx=\"53.2\" cy=\"23.5\" r=\"3.7\"/>\n                <circle cx=\"59.7\" cy=\"33.2\" r=\"3.7\"/>\n                <circle cx=\"31.7\" cy=\"30.6\" r=\"3.7\"/>\n                <path d=\"M33.1,9.8c.2-.1.3-.3.5-.5l4.6,2.4v-6.8l-4.6,1.5c-.1-.2-.3-.3-.5-.5l1.9-5.9h-6.7l1.9,5.9c-.2.1-.3.3-.5.5l-4.6-1.5v6.8l4.6-2.4c.1.2.3.3.5.5l-2.6,8c-.9,2.8,1.2,5.7,4.1,5.7h0c3,0,5.1-2.9,4.1-5.7l-2.6-8ZM37,37.9s-3.4,3.8-4.1,6.1c2.2,0,4.2-.5,6.4-2.8l-.7,8.5c-2-2.8-4.4-4.1-5.7-3.8.1,3.1.5,6.7,5.8,7.2,3.7.3,6.7-1.5,7-3.8.4-2.6-2-4.3-3.7-1.6-1.4-4.5,2.4-6.1,4.9-3.2-1.9-4.5-1.8-7.7,2.4-10.9,3,4,2.6,7.3-1.2,11.1,2.4-1.3,6.2,0,4,4.6-1.2-2.8-3.7-2.2-4.2.2-.3,1.7.7,3.7,3,4.2,1.9.3,4.7-.9,7-5.9-1.3,0-2.4.7-3.9,1.7l2.4-8c.6,2.3,1.4,3.7,2.2,4.5.6-1.6.5-2.8,0-5.3l5,1.8c-2.6,3.6-5.2,8.7-7.3,17.5-7.4-1.1-15.7-1.7-24.5-1.7h0c-8.8,0-17.1.6-24.5,1.7-2.1-8.9-4.7-13.9-7.3-17.5l5-1.8c-.5,2.5-.6,3.7,0,5.3.8-.8,1.6-2.3,2.2-4.5l2.4,8c-1.5-1-2.6-1.7-3.9-1.7,2.3,5,5.2,6.2,7,5.9,2.3-.4,3.3-2.4,3-4.2-.5-2.4-3-3.1-4.2-.2-2.2-4.6,1.6-6,4-4.6-3.7-3.7-4.2-7.1-1.2-11.1,4.2,3.2,4.3,6.4,2.4,10.9,2.5-2.8,6.3-1.3,4.9,3.2-1.8-2.7-4.1-1-3.7,1.6.3,2.3,3.3,4.1,7,3.8,5.4-.5,5.7-4.2,5.8-7.2-1.3-.2-3.7,1-5.7,3.8l-.7-8.5c2.2,2.3,4.2,2.7,6.4,2.8-.7-2.3-4.1-6.1-4.1-6.1h10.6,0Z\"/>\n              </g>\n              <path d=\"M88.6,33.2c0,1.8.2,3.4.6,5s1.2,3,2,4.4c1,1.2,2,2.2,3.4,3s3,1.2,5,1.2,3.4-.2,4.6-.8,2.2-1.4,3-2.2,1.2-1.8,1.6-3c.2-1,.4-2,.4-3v-.4h-10.6v-6.4h18.8v23h-7.4v-5c-.6.8-1.2,1.6-2,2.2-.8.6-1.6,1.2-2.6,1.8-1,.4-2,.8-3.2,1.2s-2.4.4-3.6.4c-3,0-5.8-.6-8-1.6-2.4-1.2-4.4-2.6-6-4.6s-2.8-4.2-3.6-6.8c-.6-2.8-1-5.6-1-8.6s.4-5.8,1.4-8.4,2.2-4.8,4-6.8,3.8-3.4,6.2-4.6c2.4-1.2,5.2-1.6,8.2-1.6s3.8.2,5.6.6c1.8.4,3.4,1.2,4.8,2s2.8,1.8,3.8,3c1.2,1.2,2,2.6,2.8,4l-7.4,4.2c-.4-.8-1-1.8-1.6-2.4-.6-.8-1.2-1.4-2-2s-1.6-1-2.6-1.4-2.2-.4-3.4-.4c-2,0-3.6.4-5,1.2-1.4.8-2.6,1.8-3.4,3-1,1.2-1.6,2.8-2,4.4-.6,1.6-.8,3.8-.8,5.4ZM161.4,24.6c-.8-2.6-2.2-4.8-4-6.8s-3.8-3.4-6.2-4.6c-2.4-1.2-5.2-1.6-8.4-1.6s-5.8.6-8.4,1.6c-2.2,1.2-4.4,2.8-6,4.6-1.8,2-3,4.2-4,6.8-.8,2.6-1.4,5.4-1.4,8.4s.4,5.8,1.4,8.4c.8,2.6,2.2,4.8,4,6.8s3.8,3.4,6.2,4.6c2.4,1.2,5.2,1.6,8.4,1.6s5.8-.6,8.4-1.6c2.4-1.2,4.6-2.6,6.2-4.6,1.8-2,3-4.2,4-6.8.8-2.6,1.4-5.4,1.4-8.4-.2-3-.6-5.8-1.6-8.4h0ZM154,33.2c0,2-.2,3.8-.8,5.4-.4,1.6-1.2,3.2-2.2,4.4s-2.2,2.2-3.4,2.8c-1.4.6-3,1-4.8,1s-3.4-.4-4.8-1-2.6-1.6-3.4-2.8c-1-1.2-1.6-2.6-2.2-4.4-.4-1.6-.8-3.4-.8-5.4v-.2c0-2,.2-3.8.8-5.4.4-1.6,1.2-3.2,2.2-4.4,1-1.2,2.2-2.2,3.4-2.8,1.4-.6,3-1,4.8-1s3.4.4,4.8,1,2.6,1.6,3.4,2.8c1,1.2,1.6,2.6,2.2,4.4.4,1.6.8,3.4.8,5.4v.2ZM177.8,54l-11.8-42h9.4l8,31.4h.2l8-31.4h9.4l-11.8,42h-11.4,0ZM235.4,46.7c1.2,0,2.4-.2,3.4-.6,1-.4,2-.8,2.8-1.6s1.4-1.6,1.8-2.8c.4-1.2.6-2.4.6-4V11.8h8.2v27.2c0,2.4-.4,4.4-1.2,6.2s-2,3.4-3.6,4.8c-1.4,1.4-3.2,2.4-5.4,3-2,.8-4.4,1-6.8,1s-4.8-.4-6.8-1c-2-.8-3.8-1.8-5.4-3-1.6-1.4-2.6-3-3.6-4.8-.8-1.8-1.2-4-1.2-6.2V11.7h8.4v26c0,1.6.2,2.8.6,4,.4,1.2,1,2,1.8,2.8s1.6,1.2,2.8,1.6c1.2.4,2.2.6,3.6.6h0ZM261.4,11.9h8.4v18.2l14.8-18.2h10.4l-14.4,16.8,15.4,25.2h-9.8l-11-18.8-5.4,6v12.8h-8.4V11.9h0ZM206.2,44.2c-3,0-5.4,2.4-5.4,5.4s2.4,5.4,5.4,5.4,5.4-2.4,5.4-5.4-2.4-5.4-5.4-5.4Z\"/>\n          </svg>\n      </a>\n    </div>\n    <div class=\"govuk-header__content\">\n      <a href=\"/components/header\" class=\"govuk-header__link govuk-header__service-name\">\n        Service Name\n      </a>\n      <nav aria-label=\"Menu\" class=\"govuk-header__navigation\">\n        <button type=\"button\" class=\"govuk-header__menu-button govuk-js-header-toggle\" aria-controls=\"navigation\" hidden>\n          Menu\n        </button>\n\n        <ul id=\"navigation\" class=\"govuk-header__navigation-list\">\n          <li class=\"govuk-header__navigation-item govuk-header__navigation-item--active\">\n            <a class=\"govuk-header__link\" href=\"#1\">\n              Navigation item 1\n            </a>\n          </li>\n          <li class=\"govuk-header__navigation-item\">\n            <a class=\"govuk-header__link\" href=\"#2\">\n              Navigation item 2\n            </a>\n          </li>\n          <li class=\"govuk-header__navigation-item\">\n            <a class=\"govuk-header__link\" href=\"#3\">\n              Navigation item 3\n            </a>\n          </li>\n          <li class=\"govuk-header__navigation-item\">\n            <a class=\"govuk-header__link\" href=\"#4\">\n              Navigation item 4\n            </a>\n          </li>\n        </ul>\n      </nav>\n    </div>\n  </div>\n</header>"
+        },
+        {
+            "name": "with large navigation",
+            "options": {
+                "navigation": [
+                    {
+                        "href": "/browse/benefits",
+                        "text": "Benefits"
+                    },
+                    {
+                        "href": "/browse/births-deaths-marriages",
+                        "text": "Births, deaths, marriages and care"
+                    },
+                    {
+                        "href": "/browse/business",
+                        "text": "Business and self-employed"
+                    },
+                    {
+                        "href": "/browse/childcare-parenting",
+                        "text": "Childcare and parenting"
+                    },
+                    {
+                        "href": "/browse/citizenship",
+                        "text": "Citizenship and living in the UK"
+                    },
+                    {
+                        "href": "/browse/justice",
+                        "text": "Crime, justice and the law"
+                    },
+                    {
+                        "href": "/browse/disabilities",
+                        "text": "Disabled people"
+                    },
+                    {
+                        "href": "/browse/driving",
+                        "text": "Driving and transport"
+                    },
+                    {
+                        "href": "/browse/education",
+                        "text": "Education and learning"
+                    },
+                    {
+                        "href": "/browse/employing-people",
+                        "text": "Employing people"
+                    },
+                    {
+                        "href": "/browse/environment-countryside",
+                        "text": "Environment and countryside"
+                    },
+                    {
+                        "href": "/browse/housing-local-services",
+                        "text": "Housing and local services"
+                    },
+                    {
+                        "href": "/browse/tax",
+                        "text": "Money and tax"
+                    },
+                    {
+                        "href": "/browse/abroad",
+                        "text": "Passports, travel and living abroad"
+                    },
+                    {
+                        "href": "/browse/visas-immigration",
+                        "text": "Visas and immigration"
+                    },
+                    {
+                        "href": "/browse/working",
+                        "text": "Working, jobs and pensions"
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "An edge case example with a large number of navigation items with long names used to test wrapping",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<header class=\"govuk-header\" data-module=\"govuk-header\">\n  <div class=\"govuk-header__container govuk-width-container\">\n    <div class=\"govuk-header__logo\">\n      <a href=\"/\" class=\"govuk-header__link govuk-header__link--homepage\">\n        <svg\n            focusable=\"false\"\n            role=\"img\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            viewBox=\"0 0 296 60\"\n            height=\"30\"\n            width=\"148\"\n            fill=\"currentcolor\" class=\"govuk-header__logotype\" aria-label=\"GOV.UK\"\n          ><title>GOV.UK</title>    <g>\n                <circle cx=\"20\" cy=\"17.6\" r=\"3.7\"/>\n                <circle cx=\"10.2\" cy=\"23.5\" r=\"3.7\"/>\n                <circle cx=\"3.7\" cy=\"33.2\" r=\"3.7\"/>\n                <circle cx=\"31.7\" cy=\"30.6\" r=\"3.7\"/>\n                <circle cx=\"43.3\" cy=\"17.6\" r=\"3.7\"/>\n                <circle cx=\"53.2\" cy=\"23.5\" r=\"3.7\"/>\n                <circle cx=\"59.7\" cy=\"33.2\" r=\"3.7\"/>\n                <circle cx=\"31.7\" cy=\"30.6\" r=\"3.7\"/>\n                <path d=\"M33.1,9.8c.2-.1.3-.3.5-.5l4.6,2.4v-6.8l-4.6,1.5c-.1-.2-.3-.3-.5-.5l1.9-5.9h-6.7l1.9,5.9c-.2.1-.3.3-.5.5l-4.6-1.5v6.8l4.6-2.4c.1.2.3.3.5.5l-2.6,8c-.9,2.8,1.2,5.7,4.1,5.7h0c3,0,5.1-2.9,4.1-5.7l-2.6-8ZM37,37.9s-3.4,3.8-4.1,6.1c2.2,0,4.2-.5,6.4-2.8l-.7,8.5c-2-2.8-4.4-4.1-5.7-3.8.1,3.1.5,6.7,5.8,7.2,3.7.3,6.7-1.5,7-3.8.4-2.6-2-4.3-3.7-1.6-1.4-4.5,2.4-6.1,4.9-3.2-1.9-4.5-1.8-7.7,2.4-10.9,3,4,2.6,7.3-1.2,11.1,2.4-1.3,6.2,0,4,4.6-1.2-2.8-3.7-2.2-4.2.2-.3,1.7.7,3.7,3,4.2,1.9.3,4.7-.9,7-5.9-1.3,0-2.4.7-3.9,1.7l2.4-8c.6,2.3,1.4,3.7,2.2,4.5.6-1.6.5-2.8,0-5.3l5,1.8c-2.6,3.6-5.2,8.7-7.3,17.5-7.4-1.1-15.7-1.7-24.5-1.7h0c-8.8,0-17.1.6-24.5,1.7-2.1-8.9-4.7-13.9-7.3-17.5l5-1.8c-.5,2.5-.6,3.7,0,5.3.8-.8,1.6-2.3,2.2-4.5l2.4,8c-1.5-1-2.6-1.7-3.9-1.7,2.3,5,5.2,6.2,7,5.9,2.3-.4,3.3-2.4,3-4.2-.5-2.4-3-3.1-4.2-.2-2.2-4.6,1.6-6,4-4.6-3.7-3.7-4.2-7.1-1.2-11.1,4.2,3.2,4.3,6.4,2.4,10.9,2.5-2.8,6.3-1.3,4.9,3.2-1.8-2.7-4.1-1-3.7,1.6.3,2.3,3.3,4.1,7,3.8,5.4-.5,5.7-4.2,5.8-7.2-1.3-.2-3.7,1-5.7,3.8l-.7-8.5c2.2,2.3,4.2,2.7,6.4,2.8-.7-2.3-4.1-6.1-4.1-6.1h10.6,0Z\"/>\n              </g>\n              <path d=\"M88.6,33.2c0,1.8.2,3.4.6,5s1.2,3,2,4.4c1,1.2,2,2.2,3.4,3s3,1.2,5,1.2,3.4-.2,4.6-.8,2.2-1.4,3-2.2,1.2-1.8,1.6-3c.2-1,.4-2,.4-3v-.4h-10.6v-6.4h18.8v23h-7.4v-5c-.6.8-1.2,1.6-2,2.2-.8.6-1.6,1.2-2.6,1.8-1,.4-2,.8-3.2,1.2s-2.4.4-3.6.4c-3,0-5.8-.6-8-1.6-2.4-1.2-4.4-2.6-6-4.6s-2.8-4.2-3.6-6.8c-.6-2.8-1-5.6-1-8.6s.4-5.8,1.4-8.4,2.2-4.8,4-6.8,3.8-3.4,6.2-4.6c2.4-1.2,5.2-1.6,8.2-1.6s3.8.2,5.6.6c1.8.4,3.4,1.2,4.8,2s2.8,1.8,3.8,3c1.2,1.2,2,2.6,2.8,4l-7.4,4.2c-.4-.8-1-1.8-1.6-2.4-.6-.8-1.2-1.4-2-2s-1.6-1-2.6-1.4-2.2-.4-3.4-.4c-2,0-3.6.4-5,1.2-1.4.8-2.6,1.8-3.4,3-1,1.2-1.6,2.8-2,4.4-.6,1.6-.8,3.8-.8,5.4ZM161.4,24.6c-.8-2.6-2.2-4.8-4-6.8s-3.8-3.4-6.2-4.6c-2.4-1.2-5.2-1.6-8.4-1.6s-5.8.6-8.4,1.6c-2.2,1.2-4.4,2.8-6,4.6-1.8,2-3,4.2-4,6.8-.8,2.6-1.4,5.4-1.4,8.4s.4,5.8,1.4,8.4c.8,2.6,2.2,4.8,4,6.8s3.8,3.4,6.2,4.6c2.4,1.2,5.2,1.6,8.4,1.6s5.8-.6,8.4-1.6c2.4-1.2,4.6-2.6,6.2-4.6,1.8-2,3-4.2,4-6.8.8-2.6,1.4-5.4,1.4-8.4-.2-3-.6-5.8-1.6-8.4h0ZM154,33.2c0,2-.2,3.8-.8,5.4-.4,1.6-1.2,3.2-2.2,4.4s-2.2,2.2-3.4,2.8c-1.4.6-3,1-4.8,1s-3.4-.4-4.8-1-2.6-1.6-3.4-2.8c-1-1.2-1.6-2.6-2.2-4.4-.4-1.6-.8-3.4-.8-5.4v-.2c0-2,.2-3.8.8-5.4.4-1.6,1.2-3.2,2.2-4.4,1-1.2,2.2-2.2,3.4-2.8,1.4-.6,3-1,4.8-1s3.4.4,4.8,1,2.6,1.6,3.4,2.8c1,1.2,1.6,2.6,2.2,4.4.4,1.6.8,3.4.8,5.4v.2ZM177.8,54l-11.8-42h9.4l8,31.4h.2l8-31.4h9.4l-11.8,42h-11.4,0ZM235.4,46.7c1.2,0,2.4-.2,3.4-.6,1-.4,2-.8,2.8-1.6s1.4-1.6,1.8-2.8c.4-1.2.6-2.4.6-4V11.8h8.2v27.2c0,2.4-.4,4.4-1.2,6.2s-2,3.4-3.6,4.8c-1.4,1.4-3.2,2.4-5.4,3-2,.8-4.4,1-6.8,1s-4.8-.4-6.8-1c-2-.8-3.8-1.8-5.4-3-1.6-1.4-2.6-3-3.6-4.8-.8-1.8-1.2-4-1.2-6.2V11.7h8.4v26c0,1.6.2,2.8.6,4,.4,1.2,1,2,1.8,2.8s1.6,1.2,2.8,1.6c1.2.4,2.2.6,3.6.6h0ZM261.4,11.9h8.4v18.2l14.8-18.2h10.4l-14.4,16.8,15.4,25.2h-9.8l-11-18.8-5.4,6v12.8h-8.4V11.9h0ZM206.2,44.2c-3,0-5.4,2.4-5.4,5.4s2.4,5.4,5.4,5.4,5.4-2.4,5.4-5.4-2.4-5.4-5.4-5.4Z\"/>\n          </svg>\n      </a>\n    </div>\n    <div class=\"govuk-header__content\">\n      <nav aria-label=\"Menu\" class=\"govuk-header__navigation\">\n        <button type=\"button\" class=\"govuk-header__menu-button govuk-js-header-toggle\" aria-controls=\"navigation\" hidden>\n          Menu\n        </button>\n\n        <ul id=\"navigation\" class=\"govuk-header__navigation-list\">\n          <li class=\"govuk-header__navigation-item\">\n            <a class=\"govuk-header__link\" href=\"/browse/benefits\">\n              Benefits\n            </a>\n          </li>\n          <li class=\"govuk-header__navigation-item\">\n            <a class=\"govuk-header__link\" href=\"/browse/births-deaths-marriages\">\n              Births, deaths, marriages and care\n            </a>\n          </li>\n          <li class=\"govuk-header__navigation-item\">\n            <a class=\"govuk-header__link\" href=\"/browse/business\">\n              Business and self-employed\n            </a>\n          </li>\n          <li class=\"govuk-header__navigation-item\">\n            <a class=\"govuk-header__link\" href=\"/browse/childcare-parenting\">\n              Childcare and parenting\n            </a>\n          </li>\n          <li class=\"govuk-header__navigation-item\">\n            <a class=\"govuk-header__link\" href=\"/browse/citizenship\">\n              Citizenship and living in the UK\n            </a>\n          </li>\n          <li class=\"govuk-header__navigation-item\">\n            <a class=\"govuk-header__link\" href=\"/browse/justice\">\n              Crime, justice and the law\n            </a>\n          </li>\n          <li class=\"govuk-header__navigation-item\">\n            <a class=\"govuk-header__link\" href=\"/browse/disabilities\">\n              Disabled people\n            </a>\n          </li>\n          <li class=\"govuk-header__navigation-item\">\n            <a class=\"govuk-header__link\" href=\"/browse/driving\">\n              Driving and transport\n            </a>\n          </li>\n          <li class=\"govuk-header__navigation-item\">\n            <a class=\"govuk-header__link\" href=\"/browse/education\">\n              Education and learning\n            </a>\n          </li>\n          <li class=\"govuk-header__navigation-item\">\n            <a class=\"govuk-header__link\" href=\"/browse/employing-people\">\n              Employing people\n            </a>\n          </li>\n          <li class=\"govuk-header__navigation-item\">\n            <a class=\"govuk-header__link\" href=\"/browse/environment-countryside\">\n              Environment and countryside\n            </a>\n          </li>\n          <li class=\"govuk-header__navigation-item\">\n            <a class=\"govuk-header__link\" href=\"/browse/housing-local-services\">\n              Housing and local services\n            </a>\n          </li>\n          <li class=\"govuk-header__navigation-item\">\n            <a class=\"govuk-header__link\" href=\"/browse/tax\">\n              Money and tax\n            </a>\n          </li>\n          <li class=\"govuk-header__navigation-item\">\n            <a class=\"govuk-header__link\" href=\"/browse/abroad\">\n              Passports, travel and living abroad\n            </a>\n          </li>\n          <li class=\"govuk-header__navigation-item\">\n            <a class=\"govuk-header__link\" href=\"/browse/visas-immigration\">\n              Visas and immigration\n            </a>\n          </li>\n          <li class=\"govuk-header__navigation-item\">\n            <a class=\"govuk-header__link\" href=\"/browse/working\">\n              Working, jobs and pensions\n            </a>\n          </li>\n        </ul>\n      </nav>\n    </div>\n  </div>\n</header>"
+        },
+        {
+            "name": "with product name",
+            "options": {
+                "productName": "Product Name"
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": true,
+            "html": "<header class=\"govuk-header\" data-module=\"govuk-header\">\n  <div class=\"govuk-header__container govuk-width-container\">\n    <div class=\"govuk-header__logo\">\n      <a href=\"/\" class=\"govuk-header__link govuk-header__link--homepage\">\n        <svg\n            focusable=\"false\"\n            role=\"img\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            viewBox=\"0 0 296 60\"\n            height=\"30\"\n            width=\"148\"\n            fill=\"currentcolor\" class=\"govuk-header__logotype\" aria-label=\"GOV.UK\"\n          ><title>GOV.UK</title>    <g>\n                <circle cx=\"20\" cy=\"17.6\" r=\"3.7\"/>\n                <circle cx=\"10.2\" cy=\"23.5\" r=\"3.7\"/>\n                <circle cx=\"3.7\" cy=\"33.2\" r=\"3.7\"/>\n                <circle cx=\"31.7\" cy=\"30.6\" r=\"3.7\"/>\n                <circle cx=\"43.3\" cy=\"17.6\" r=\"3.7\"/>\n                <circle cx=\"53.2\" cy=\"23.5\" r=\"3.7\"/>\n                <circle cx=\"59.7\" cy=\"33.2\" r=\"3.7\"/>\n                <circle cx=\"31.7\" cy=\"30.6\" r=\"3.7\"/>\n                <path d=\"M33.1,9.8c.2-.1.3-.3.5-.5l4.6,2.4v-6.8l-4.6,1.5c-.1-.2-.3-.3-.5-.5l1.9-5.9h-6.7l1.9,5.9c-.2.1-.3.3-.5.5l-4.6-1.5v6.8l4.6-2.4c.1.2.3.3.5.5l-2.6,8c-.9,2.8,1.2,5.7,4.1,5.7h0c3,0,5.1-2.9,4.1-5.7l-2.6-8ZM37,37.9s-3.4,3.8-4.1,6.1c2.2,0,4.2-.5,6.4-2.8l-.7,8.5c-2-2.8-4.4-4.1-5.7-3.8.1,3.1.5,6.7,5.8,7.2,3.7.3,6.7-1.5,7-3.8.4-2.6-2-4.3-3.7-1.6-1.4-4.5,2.4-6.1,4.9-3.2-1.9-4.5-1.8-7.7,2.4-10.9,3,4,2.6,7.3-1.2,11.1,2.4-1.3,6.2,0,4,4.6-1.2-2.8-3.7-2.2-4.2.2-.3,1.7.7,3.7,3,4.2,1.9.3,4.7-.9,7-5.9-1.3,0-2.4.7-3.9,1.7l2.4-8c.6,2.3,1.4,3.7,2.2,4.5.6-1.6.5-2.8,0-5.3l5,1.8c-2.6,3.6-5.2,8.7-7.3,17.5-7.4-1.1-15.7-1.7-24.5-1.7h0c-8.8,0-17.1.6-24.5,1.7-2.1-8.9-4.7-13.9-7.3-17.5l5-1.8c-.5,2.5-.6,3.7,0,5.3.8-.8,1.6-2.3,2.2-4.5l2.4,8c-1.5-1-2.6-1.7-3.9-1.7,2.3,5,5.2,6.2,7,5.9,2.3-.4,3.3-2.4,3-4.2-.5-2.4-3-3.1-4.2-.2-2.2-4.6,1.6-6,4-4.6-3.7-3.7-4.2-7.1-1.2-11.1,4.2,3.2,4.3,6.4,2.4,10.9,2.5-2.8,6.3-1.3,4.9,3.2-1.8-2.7-4.1-1-3.7,1.6.3,2.3,3.3,4.1,7,3.8,5.4-.5,5.7-4.2,5.8-7.2-1.3-.2-3.7,1-5.7,3.8l-.7-8.5c2.2,2.3,4.2,2.7,6.4,2.8-.7-2.3-4.1-6.1-4.1-6.1h10.6,0Z\"/>\n              </g>\n              <path d=\"M88.6,33.2c0,1.8.2,3.4.6,5s1.2,3,2,4.4c1,1.2,2,2.2,3.4,3s3,1.2,5,1.2,3.4-.2,4.6-.8,2.2-1.4,3-2.2,1.2-1.8,1.6-3c.2-1,.4-2,.4-3v-.4h-10.6v-6.4h18.8v23h-7.4v-5c-.6.8-1.2,1.6-2,2.2-.8.6-1.6,1.2-2.6,1.8-1,.4-2,.8-3.2,1.2s-2.4.4-3.6.4c-3,0-5.8-.6-8-1.6-2.4-1.2-4.4-2.6-6-4.6s-2.8-4.2-3.6-6.8c-.6-2.8-1-5.6-1-8.6s.4-5.8,1.4-8.4,2.2-4.8,4-6.8,3.8-3.4,6.2-4.6c2.4-1.2,5.2-1.6,8.2-1.6s3.8.2,5.6.6c1.8.4,3.4,1.2,4.8,2s2.8,1.8,3.8,3c1.2,1.2,2,2.6,2.8,4l-7.4,4.2c-.4-.8-1-1.8-1.6-2.4-.6-.8-1.2-1.4-2-2s-1.6-1-2.6-1.4-2.2-.4-3.4-.4c-2,0-3.6.4-5,1.2-1.4.8-2.6,1.8-3.4,3-1,1.2-1.6,2.8-2,4.4-.6,1.6-.8,3.8-.8,5.4ZM161.4,24.6c-.8-2.6-2.2-4.8-4-6.8s-3.8-3.4-6.2-4.6c-2.4-1.2-5.2-1.6-8.4-1.6s-5.8.6-8.4,1.6c-2.2,1.2-4.4,2.8-6,4.6-1.8,2-3,4.2-4,6.8-.8,2.6-1.4,5.4-1.4,8.4s.4,5.8,1.4,8.4c.8,2.6,2.2,4.8,4,6.8s3.8,3.4,6.2,4.6c2.4,1.2,5.2,1.6,8.4,1.6s5.8-.6,8.4-1.6c2.4-1.2,4.6-2.6,6.2-4.6,1.8-2,3-4.2,4-6.8.8-2.6,1.4-5.4,1.4-8.4-.2-3-.6-5.8-1.6-8.4h0ZM154,33.2c0,2-.2,3.8-.8,5.4-.4,1.6-1.2,3.2-2.2,4.4s-2.2,2.2-3.4,2.8c-1.4.6-3,1-4.8,1s-3.4-.4-4.8-1-2.6-1.6-3.4-2.8c-1-1.2-1.6-2.6-2.2-4.4-.4-1.6-.8-3.4-.8-5.4v-.2c0-2,.2-3.8.8-5.4.4-1.6,1.2-3.2,2.2-4.4,1-1.2,2.2-2.2,3.4-2.8,1.4-.6,3-1,4.8-1s3.4.4,4.8,1,2.6,1.6,3.4,2.8c1,1.2,1.6,2.6,2.2,4.4.4,1.6.8,3.4.8,5.4v.2ZM177.8,54l-11.8-42h9.4l8,31.4h.2l8-31.4h9.4l-11.8,42h-11.4,0ZM235.4,46.7c1.2,0,2.4-.2,3.4-.6,1-.4,2-.8,2.8-1.6s1.4-1.6,1.8-2.8c.4-1.2.6-2.4.6-4V11.8h8.2v27.2c0,2.4-.4,4.4-1.2,6.2s-2,3.4-3.6,4.8c-1.4,1.4-3.2,2.4-5.4,3-2,.8-4.4,1-6.8,1s-4.8-.4-6.8-1c-2-.8-3.8-1.8-5.4-3-1.6-1.4-2.6-3-3.6-4.8-.8-1.8-1.2-4-1.2-6.2V11.7h8.4v26c0,1.6.2,2.8.6,4,.4,1.2,1,2,1.8,2.8s1.6,1.2,2.8,1.6c1.2.4,2.2.6,3.6.6h0ZM261.4,11.9h8.4v18.2l14.8-18.2h10.4l-14.4,16.8,15.4,25.2h-9.8l-11-18.8-5.4,6v12.8h-8.4V11.9h0ZM206.2,44.2c-3,0-5.4,2.4-5.4,5.4s2.4,5.4,5.4,5.4,5.4-2.4,5.4-5.4-2.4-5.4-5.4-5.4Z\"/>\n          </svg>\n        <span class=\"govuk-header__product-name\">Product Name</span>\n      </a>\n    </div>\n  </div>\n</header>"
+        },
+        {
+            "name": "full width",
+            "options": {
+                "containerClasses": "govuk-header__container--full-width",
+                "navigationClasses": "govuk-header__navigation--end"
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<header class=\"govuk-header\" data-module=\"govuk-header\">\n  <div class=\"govuk-header__container govuk-header__container--full-width\">\n    <div class=\"govuk-header__logo\">\n      <a href=\"/\" class=\"govuk-header__link govuk-header__link--homepage\">\n        <svg\n            focusable=\"false\"\n            role=\"img\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            viewBox=\"0 0 296 60\"\n            height=\"30\"\n            width=\"148\"\n            fill=\"currentcolor\" class=\"govuk-header__logotype\" aria-label=\"GOV.UK\"\n          ><title>GOV.UK</title>    <g>\n                <circle cx=\"20\" cy=\"17.6\" r=\"3.7\"/>\n                <circle cx=\"10.2\" cy=\"23.5\" r=\"3.7\"/>\n                <circle cx=\"3.7\" cy=\"33.2\" r=\"3.7\"/>\n                <circle cx=\"31.7\" cy=\"30.6\" r=\"3.7\"/>\n                <circle cx=\"43.3\" cy=\"17.6\" r=\"3.7\"/>\n                <circle cx=\"53.2\" cy=\"23.5\" r=\"3.7\"/>\n                <circle cx=\"59.7\" cy=\"33.2\" r=\"3.7\"/>\n                <circle cx=\"31.7\" cy=\"30.6\" r=\"3.7\"/>\n                <path d=\"M33.1,9.8c.2-.1.3-.3.5-.5l4.6,2.4v-6.8l-4.6,1.5c-.1-.2-.3-.3-.5-.5l1.9-5.9h-6.7l1.9,5.9c-.2.1-.3.3-.5.5l-4.6-1.5v6.8l4.6-2.4c.1.2.3.3.5.5l-2.6,8c-.9,2.8,1.2,5.7,4.1,5.7h0c3,0,5.1-2.9,4.1-5.7l-2.6-8ZM37,37.9s-3.4,3.8-4.1,6.1c2.2,0,4.2-.5,6.4-2.8l-.7,8.5c-2-2.8-4.4-4.1-5.7-3.8.1,3.1.5,6.7,5.8,7.2,3.7.3,6.7-1.5,7-3.8.4-2.6-2-4.3-3.7-1.6-1.4-4.5,2.4-6.1,4.9-3.2-1.9-4.5-1.8-7.7,2.4-10.9,3,4,2.6,7.3-1.2,11.1,2.4-1.3,6.2,0,4,4.6-1.2-2.8-3.7-2.2-4.2.2-.3,1.7.7,3.7,3,4.2,1.9.3,4.7-.9,7-5.9-1.3,0-2.4.7-3.9,1.7l2.4-8c.6,2.3,1.4,3.7,2.2,4.5.6-1.6.5-2.8,0-5.3l5,1.8c-2.6,3.6-5.2,8.7-7.3,17.5-7.4-1.1-15.7-1.7-24.5-1.7h0c-8.8,0-17.1.6-24.5,1.7-2.1-8.9-4.7-13.9-7.3-17.5l5-1.8c-.5,2.5-.6,3.7,0,5.3.8-.8,1.6-2.3,2.2-4.5l2.4,8c-1.5-1-2.6-1.7-3.9-1.7,2.3,5,5.2,6.2,7,5.9,2.3-.4,3.3-2.4,3-4.2-.5-2.4-3-3.1-4.2-.2-2.2-4.6,1.6-6,4-4.6-3.7-3.7-4.2-7.1-1.2-11.1,4.2,3.2,4.3,6.4,2.4,10.9,2.5-2.8,6.3-1.3,4.9,3.2-1.8-2.7-4.1-1-3.7,1.6.3,2.3,3.3,4.1,7,3.8,5.4-.5,5.7-4.2,5.8-7.2-1.3-.2-3.7,1-5.7,3.8l-.7-8.5c2.2,2.3,4.2,2.7,6.4,2.8-.7-2.3-4.1-6.1-4.1-6.1h10.6,0Z\"/>\n              </g>\n              <path d=\"M88.6,33.2c0,1.8.2,3.4.6,5s1.2,3,2,4.4c1,1.2,2,2.2,3.4,3s3,1.2,5,1.2,3.4-.2,4.6-.8,2.2-1.4,3-2.2,1.2-1.8,1.6-3c.2-1,.4-2,.4-3v-.4h-10.6v-6.4h18.8v23h-7.4v-5c-.6.8-1.2,1.6-2,2.2-.8.6-1.6,1.2-2.6,1.8-1,.4-2,.8-3.2,1.2s-2.4.4-3.6.4c-3,0-5.8-.6-8-1.6-2.4-1.2-4.4-2.6-6-4.6s-2.8-4.2-3.6-6.8c-.6-2.8-1-5.6-1-8.6s.4-5.8,1.4-8.4,2.2-4.8,4-6.8,3.8-3.4,6.2-4.6c2.4-1.2,5.2-1.6,8.2-1.6s3.8.2,5.6.6c1.8.4,3.4,1.2,4.8,2s2.8,1.8,3.8,3c1.2,1.2,2,2.6,2.8,4l-7.4,4.2c-.4-.8-1-1.8-1.6-2.4-.6-.8-1.2-1.4-2-2s-1.6-1-2.6-1.4-2.2-.4-3.4-.4c-2,0-3.6.4-5,1.2-1.4.8-2.6,1.8-3.4,3-1,1.2-1.6,2.8-2,4.4-.6,1.6-.8,3.8-.8,5.4ZM161.4,24.6c-.8-2.6-2.2-4.8-4-6.8s-3.8-3.4-6.2-4.6c-2.4-1.2-5.2-1.6-8.4-1.6s-5.8.6-8.4,1.6c-2.2,1.2-4.4,2.8-6,4.6-1.8,2-3,4.2-4,6.8-.8,2.6-1.4,5.4-1.4,8.4s.4,5.8,1.4,8.4c.8,2.6,2.2,4.8,4,6.8s3.8,3.4,6.2,4.6c2.4,1.2,5.2,1.6,8.4,1.6s5.8-.6,8.4-1.6c2.4-1.2,4.6-2.6,6.2-4.6,1.8-2,3-4.2,4-6.8.8-2.6,1.4-5.4,1.4-8.4-.2-3-.6-5.8-1.6-8.4h0ZM154,33.2c0,2-.2,3.8-.8,5.4-.4,1.6-1.2,3.2-2.2,4.4s-2.2,2.2-3.4,2.8c-1.4.6-3,1-4.8,1s-3.4-.4-4.8-1-2.6-1.6-3.4-2.8c-1-1.2-1.6-2.6-2.2-4.4-.4-1.6-.8-3.4-.8-5.4v-.2c0-2,.2-3.8.8-5.4.4-1.6,1.2-3.2,2.2-4.4,1-1.2,2.2-2.2,3.4-2.8,1.4-.6,3-1,4.8-1s3.4.4,4.8,1,2.6,1.6,3.4,2.8c1,1.2,1.6,2.6,2.2,4.4.4,1.6.8,3.4.8,5.4v.2ZM177.8,54l-11.8-42h9.4l8,31.4h.2l8-31.4h9.4l-11.8,42h-11.4,0ZM235.4,46.7c1.2,0,2.4-.2,3.4-.6,1-.4,2-.8,2.8-1.6s1.4-1.6,1.8-2.8c.4-1.2.6-2.4.6-4V11.8h8.2v27.2c0,2.4-.4,4.4-1.2,6.2s-2,3.4-3.6,4.8c-1.4,1.4-3.2,2.4-5.4,3-2,.8-4.4,1-6.8,1s-4.8-.4-6.8-1c-2-.8-3.8-1.8-5.4-3-1.6-1.4-2.6-3-3.6-4.8-.8-1.8-1.2-4-1.2-6.2V11.7h8.4v26c0,1.6.2,2.8.6,4,.4,1.2,1,2,1.8,2.8s1.6,1.2,2.8,1.6c1.2.4,2.2.6,3.6.6h0ZM261.4,11.9h8.4v18.2l14.8-18.2h10.4l-14.4,16.8,15.4,25.2h-9.8l-11-18.8-5.4,6v12.8h-8.4V11.9h0ZM206.2,44.2c-3,0-5.4,2.4-5.4,5.4s2.4,5.4,5.4,5.4,5.4-2.4,5.4-5.4-2.4-5.4-5.4-5.4Z\"/>\n          </svg>\n      </a>\n    </div>\n  </div>\n</header>"
+        },
+        {
+            "name": "full width with navigation",
+            "options": {
+                "containerClasses": "govuk-header__container--full-width",
+                "navigationClasses": "govuk-header__navigation--end",
+                "navigation": [
+                    {
+                        "href": "#1",
+                        "text": "Navigation item 1",
+                        "active": true
+                    },
+                    {
+                        "href": "#2",
+                        "text": "Navigation item 2"
+                    },
+                    {
+                        "href": "#3",
+                        "text": "Navigation item 3"
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<header class=\"govuk-header\" data-module=\"govuk-header\">\n  <div class=\"govuk-header__container govuk-header__container--full-width\">\n    <div class=\"govuk-header__logo\">\n      <a href=\"/\" class=\"govuk-header__link govuk-header__link--homepage\">\n        <svg\n            focusable=\"false\"\n            role=\"img\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            viewBox=\"0 0 296 60\"\n            height=\"30\"\n            width=\"148\"\n            fill=\"currentcolor\" class=\"govuk-header__logotype\" aria-label=\"GOV.UK\"\n          ><title>GOV.UK</title>    <g>\n                <circle cx=\"20\" cy=\"17.6\" r=\"3.7\"/>\n                <circle cx=\"10.2\" cy=\"23.5\" r=\"3.7\"/>\n                <circle cx=\"3.7\" cy=\"33.2\" r=\"3.7\"/>\n                <circle cx=\"31.7\" cy=\"30.6\" r=\"3.7\"/>\n                <circle cx=\"43.3\" cy=\"17.6\" r=\"3.7\"/>\n                <circle cx=\"53.2\" cy=\"23.5\" r=\"3.7\"/>\n                <circle cx=\"59.7\" cy=\"33.2\" r=\"3.7\"/>\n                <circle cx=\"31.7\" cy=\"30.6\" r=\"3.7\"/>\n                <path d=\"M33.1,9.8c.2-.1.3-.3.5-.5l4.6,2.4v-6.8l-4.6,1.5c-.1-.2-.3-.3-.5-.5l1.9-5.9h-6.7l1.9,5.9c-.2.1-.3.3-.5.5l-4.6-1.5v6.8l4.6-2.4c.1.2.3.3.5.5l-2.6,8c-.9,2.8,1.2,5.7,4.1,5.7h0c3,0,5.1-2.9,4.1-5.7l-2.6-8ZM37,37.9s-3.4,3.8-4.1,6.1c2.2,0,4.2-.5,6.4-2.8l-.7,8.5c-2-2.8-4.4-4.1-5.7-3.8.1,3.1.5,6.7,5.8,7.2,3.7.3,6.7-1.5,7-3.8.4-2.6-2-4.3-3.7-1.6-1.4-4.5,2.4-6.1,4.9-3.2-1.9-4.5-1.8-7.7,2.4-10.9,3,4,2.6,7.3-1.2,11.1,2.4-1.3,6.2,0,4,4.6-1.2-2.8-3.7-2.2-4.2.2-.3,1.7.7,3.7,3,4.2,1.9.3,4.7-.9,7-5.9-1.3,0-2.4.7-3.9,1.7l2.4-8c.6,2.3,1.4,3.7,2.2,4.5.6-1.6.5-2.8,0-5.3l5,1.8c-2.6,3.6-5.2,8.7-7.3,17.5-7.4-1.1-15.7-1.7-24.5-1.7h0c-8.8,0-17.1.6-24.5,1.7-2.1-8.9-4.7-13.9-7.3-17.5l5-1.8c-.5,2.5-.6,3.7,0,5.3.8-.8,1.6-2.3,2.2-4.5l2.4,8c-1.5-1-2.6-1.7-3.9-1.7,2.3,5,5.2,6.2,7,5.9,2.3-.4,3.3-2.4,3-4.2-.5-2.4-3-3.1-4.2-.2-2.2-4.6,1.6-6,4-4.6-3.7-3.7-4.2-7.1-1.2-11.1,4.2,3.2,4.3,6.4,2.4,10.9,2.5-2.8,6.3-1.3,4.9,3.2-1.8-2.7-4.1-1-3.7,1.6.3,2.3,3.3,4.1,7,3.8,5.4-.5,5.7-4.2,5.8-7.2-1.3-.2-3.7,1-5.7,3.8l-.7-8.5c2.2,2.3,4.2,2.7,6.4,2.8-.7-2.3-4.1-6.1-4.1-6.1h10.6,0Z\"/>\n              </g>\n              <path d=\"M88.6,33.2c0,1.8.2,3.4.6,5s1.2,3,2,4.4c1,1.2,2,2.2,3.4,3s3,1.2,5,1.2,3.4-.2,4.6-.8,2.2-1.4,3-2.2,1.2-1.8,1.6-3c.2-1,.4-2,.4-3v-.4h-10.6v-6.4h18.8v23h-7.4v-5c-.6.8-1.2,1.6-2,2.2-.8.6-1.6,1.2-2.6,1.8-1,.4-2,.8-3.2,1.2s-2.4.4-3.6.4c-3,0-5.8-.6-8-1.6-2.4-1.2-4.4-2.6-6-4.6s-2.8-4.2-3.6-6.8c-.6-2.8-1-5.6-1-8.6s.4-5.8,1.4-8.4,2.2-4.8,4-6.8,3.8-3.4,6.2-4.6c2.4-1.2,5.2-1.6,8.2-1.6s3.8.2,5.6.6c1.8.4,3.4,1.2,4.8,2s2.8,1.8,3.8,3c1.2,1.2,2,2.6,2.8,4l-7.4,4.2c-.4-.8-1-1.8-1.6-2.4-.6-.8-1.2-1.4-2-2s-1.6-1-2.6-1.4-2.2-.4-3.4-.4c-2,0-3.6.4-5,1.2-1.4.8-2.6,1.8-3.4,3-1,1.2-1.6,2.8-2,4.4-.6,1.6-.8,3.8-.8,5.4ZM161.4,24.6c-.8-2.6-2.2-4.8-4-6.8s-3.8-3.4-6.2-4.6c-2.4-1.2-5.2-1.6-8.4-1.6s-5.8.6-8.4,1.6c-2.2,1.2-4.4,2.8-6,4.6-1.8,2-3,4.2-4,6.8-.8,2.6-1.4,5.4-1.4,8.4s.4,5.8,1.4,8.4c.8,2.6,2.2,4.8,4,6.8s3.8,3.4,6.2,4.6c2.4,1.2,5.2,1.6,8.4,1.6s5.8-.6,8.4-1.6c2.4-1.2,4.6-2.6,6.2-4.6,1.8-2,3-4.2,4-6.8.8-2.6,1.4-5.4,1.4-8.4-.2-3-.6-5.8-1.6-8.4h0ZM154,33.2c0,2-.2,3.8-.8,5.4-.4,1.6-1.2,3.2-2.2,4.4s-2.2,2.2-3.4,2.8c-1.4.6-3,1-4.8,1s-3.4-.4-4.8-1-2.6-1.6-3.4-2.8c-1-1.2-1.6-2.6-2.2-4.4-.4-1.6-.8-3.4-.8-5.4v-.2c0-2,.2-3.8.8-5.4.4-1.6,1.2-3.2,2.2-4.4,1-1.2,2.2-2.2,3.4-2.8,1.4-.6,3-1,4.8-1s3.4.4,4.8,1,2.6,1.6,3.4,2.8c1,1.2,1.6,2.6,2.2,4.4.4,1.6.8,3.4.8,5.4v.2ZM177.8,54l-11.8-42h9.4l8,31.4h.2l8-31.4h9.4l-11.8,42h-11.4,0ZM235.4,46.7c1.2,0,2.4-.2,3.4-.6,1-.4,2-.8,2.8-1.6s1.4-1.6,1.8-2.8c.4-1.2.6-2.4.6-4V11.8h8.2v27.2c0,2.4-.4,4.4-1.2,6.2s-2,3.4-3.6,4.8c-1.4,1.4-3.2,2.4-5.4,3-2,.8-4.4,1-6.8,1s-4.8-.4-6.8-1c-2-.8-3.8-1.8-5.4-3-1.6-1.4-2.6-3-3.6-4.8-.8-1.8-1.2-4-1.2-6.2V11.7h8.4v26c0,1.6.2,2.8.6,4,.4,1.2,1,2,1.8,2.8s1.6,1.2,2.8,1.6c1.2.4,2.2.6,3.6.6h0ZM261.4,11.9h8.4v18.2l14.8-18.2h10.4l-14.4,16.8,15.4,25.2h-9.8l-11-18.8-5.4,6v12.8h-8.4V11.9h0ZM206.2,44.2c-3,0-5.4,2.4-5.4,5.4s2.4,5.4,5.4,5.4,5.4-2.4,5.4-5.4-2.4-5.4-5.4-5.4Z\"/>\n          </svg>\n      </a>\n    </div>\n    <div class=\"govuk-header__content\">\n      <nav aria-label=\"Menu\" class=\"govuk-header__navigation govuk-header__navigation--end\">\n        <button type=\"button\" class=\"govuk-header__menu-button govuk-js-header-toggle\" aria-controls=\"navigation\" hidden>\n          Menu\n        </button>\n\n        <ul id=\"navigation\" class=\"govuk-header__navigation-list\">\n          <li class=\"govuk-header__navigation-item govuk-header__navigation-item--active\">\n            <a class=\"govuk-header__link\" href=\"#1\">\n              Navigation item 1\n            </a>\n          </li>\n          <li class=\"govuk-header__navigation-item\">\n            <a class=\"govuk-header__link\" href=\"#2\">\n              Navigation item 2\n            </a>\n          </li>\n          <li class=\"govuk-header__navigation-item\">\n            <a class=\"govuk-header__link\" href=\"#3\">\n              Navigation item 3\n            </a>\n          </li>\n        </ul>\n      </nav>\n    </div>\n  </div>\n</header>"
+        },
+        {
+            "name": "with full width border",
+            "options": {
+                "classes": "govuk-header--full-width-border"
+            },
+            "hidden": false,
+            "description": "Makes the header's bottom border full width without affecting the header's content. Removed with redesign.",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<header class=\"govuk-header govuk-header--full-width-border\" data-module=\"govuk-header\">\n  <div class=\"govuk-header__container govuk-width-container\">\n    <div class=\"govuk-header__logo\">\n      <a href=\"/\" class=\"govuk-header__link govuk-header__link--homepage\">\n        <svg\n            focusable=\"false\"\n            role=\"img\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            viewBox=\"0 0 296 60\"\n            height=\"30\"\n            width=\"148\"\n            fill=\"currentcolor\" class=\"govuk-header__logotype\" aria-label=\"GOV.UK\"\n          ><title>GOV.UK</title>    <g>\n                <circle cx=\"20\" cy=\"17.6\" r=\"3.7\"/>\n                <circle cx=\"10.2\" cy=\"23.5\" r=\"3.7\"/>\n                <circle cx=\"3.7\" cy=\"33.2\" r=\"3.7\"/>\n                <circle cx=\"31.7\" cy=\"30.6\" r=\"3.7\"/>\n                <circle cx=\"43.3\" cy=\"17.6\" r=\"3.7\"/>\n                <circle cx=\"53.2\" cy=\"23.5\" r=\"3.7\"/>\n                <circle cx=\"59.7\" cy=\"33.2\" r=\"3.7\"/>\n                <circle cx=\"31.7\" cy=\"30.6\" r=\"3.7\"/>\n                <path d=\"M33.1,9.8c.2-.1.3-.3.5-.5l4.6,2.4v-6.8l-4.6,1.5c-.1-.2-.3-.3-.5-.5l1.9-5.9h-6.7l1.9,5.9c-.2.1-.3.3-.5.5l-4.6-1.5v6.8l4.6-2.4c.1.2.3.3.5.5l-2.6,8c-.9,2.8,1.2,5.7,4.1,5.7h0c3,0,5.1-2.9,4.1-5.7l-2.6-8ZM37,37.9s-3.4,3.8-4.1,6.1c2.2,0,4.2-.5,6.4-2.8l-.7,8.5c-2-2.8-4.4-4.1-5.7-3.8.1,3.1.5,6.7,5.8,7.2,3.7.3,6.7-1.5,7-3.8.4-2.6-2-4.3-3.7-1.6-1.4-4.5,2.4-6.1,4.9-3.2-1.9-4.5-1.8-7.7,2.4-10.9,3,4,2.6,7.3-1.2,11.1,2.4-1.3,6.2,0,4,4.6-1.2-2.8-3.7-2.2-4.2.2-.3,1.7.7,3.7,3,4.2,1.9.3,4.7-.9,7-5.9-1.3,0-2.4.7-3.9,1.7l2.4-8c.6,2.3,1.4,3.7,2.2,4.5.6-1.6.5-2.8,0-5.3l5,1.8c-2.6,3.6-5.2,8.7-7.3,17.5-7.4-1.1-15.7-1.7-24.5-1.7h0c-8.8,0-17.1.6-24.5,1.7-2.1-8.9-4.7-13.9-7.3-17.5l5-1.8c-.5,2.5-.6,3.7,0,5.3.8-.8,1.6-2.3,2.2-4.5l2.4,8c-1.5-1-2.6-1.7-3.9-1.7,2.3,5,5.2,6.2,7,5.9,2.3-.4,3.3-2.4,3-4.2-.5-2.4-3-3.1-4.2-.2-2.2-4.6,1.6-6,4-4.6-3.7-3.7-4.2-7.1-1.2-11.1,4.2,3.2,4.3,6.4,2.4,10.9,2.5-2.8,6.3-1.3,4.9,3.2-1.8-2.7-4.1-1-3.7,1.6.3,2.3,3.3,4.1,7,3.8,5.4-.5,5.7-4.2,5.8-7.2-1.3-.2-3.7,1-5.7,3.8l-.7-8.5c2.2,2.3,4.2,2.7,6.4,2.8-.7-2.3-4.1-6.1-4.1-6.1h10.6,0Z\"/>\n              </g>\n              <path d=\"M88.6,33.2c0,1.8.2,3.4.6,5s1.2,3,2,4.4c1,1.2,2,2.2,3.4,3s3,1.2,5,1.2,3.4-.2,4.6-.8,2.2-1.4,3-2.2,1.2-1.8,1.6-3c.2-1,.4-2,.4-3v-.4h-10.6v-6.4h18.8v23h-7.4v-5c-.6.8-1.2,1.6-2,2.2-.8.6-1.6,1.2-2.6,1.8-1,.4-2,.8-3.2,1.2s-2.4.4-3.6.4c-3,0-5.8-.6-8-1.6-2.4-1.2-4.4-2.6-6-4.6s-2.8-4.2-3.6-6.8c-.6-2.8-1-5.6-1-8.6s.4-5.8,1.4-8.4,2.2-4.8,4-6.8,3.8-3.4,6.2-4.6c2.4-1.2,5.2-1.6,8.2-1.6s3.8.2,5.6.6c1.8.4,3.4,1.2,4.8,2s2.8,1.8,3.8,3c1.2,1.2,2,2.6,2.8,4l-7.4,4.2c-.4-.8-1-1.8-1.6-2.4-.6-.8-1.2-1.4-2-2s-1.6-1-2.6-1.4-2.2-.4-3.4-.4c-2,0-3.6.4-5,1.2-1.4.8-2.6,1.8-3.4,3-1,1.2-1.6,2.8-2,4.4-.6,1.6-.8,3.8-.8,5.4ZM161.4,24.6c-.8-2.6-2.2-4.8-4-6.8s-3.8-3.4-6.2-4.6c-2.4-1.2-5.2-1.6-8.4-1.6s-5.8.6-8.4,1.6c-2.2,1.2-4.4,2.8-6,4.6-1.8,2-3,4.2-4,6.8-.8,2.6-1.4,5.4-1.4,8.4s.4,5.8,1.4,8.4c.8,2.6,2.2,4.8,4,6.8s3.8,3.4,6.2,4.6c2.4,1.2,5.2,1.6,8.4,1.6s5.8-.6,8.4-1.6c2.4-1.2,4.6-2.6,6.2-4.6,1.8-2,3-4.2,4-6.8.8-2.6,1.4-5.4,1.4-8.4-.2-3-.6-5.8-1.6-8.4h0ZM154,33.2c0,2-.2,3.8-.8,5.4-.4,1.6-1.2,3.2-2.2,4.4s-2.2,2.2-3.4,2.8c-1.4.6-3,1-4.8,1s-3.4-.4-4.8-1-2.6-1.6-3.4-2.8c-1-1.2-1.6-2.6-2.2-4.4-.4-1.6-.8-3.4-.8-5.4v-.2c0-2,.2-3.8.8-5.4.4-1.6,1.2-3.2,2.2-4.4,1-1.2,2.2-2.2,3.4-2.8,1.4-.6,3-1,4.8-1s3.4.4,4.8,1,2.6,1.6,3.4,2.8c1,1.2,1.6,2.6,2.2,4.4.4,1.6.8,3.4.8,5.4v.2ZM177.8,54l-11.8-42h9.4l8,31.4h.2l8-31.4h9.4l-11.8,42h-11.4,0ZM235.4,46.7c1.2,0,2.4-.2,3.4-.6,1-.4,2-.8,2.8-1.6s1.4-1.6,1.8-2.8c.4-1.2.6-2.4.6-4V11.8h8.2v27.2c0,2.4-.4,4.4-1.2,6.2s-2,3.4-3.6,4.8c-1.4,1.4-3.2,2.4-5.4,3-2,.8-4.4,1-6.8,1s-4.8-.4-6.8-1c-2-.8-3.8-1.8-5.4-3-1.6-1.4-2.6-3-3.6-4.8-.8-1.8-1.2-4-1.2-6.2V11.7h8.4v26c0,1.6.2,2.8.6,4,.4,1.2,1,2,1.8,2.8s1.6,1.2,2.8,1.6c1.2.4,2.2.6,3.6.6h0ZM261.4,11.9h8.4v18.2l14.8-18.2h10.4l-14.4,16.8,15.4,25.2h-9.8l-11-18.8-5.4,6v12.8h-8.4V11.9h0ZM206.2,44.2c-3,0-5.4,2.4-5.4,5.4s2.4,5.4,5.4,5.4,5.4-2.4,5.4-5.4-2.4-5.4-5.4-5.4Z\"/>\n          </svg>\n      </a>\n    </div>\n  </div>\n</header>"
+        },
+        {
+            "name": "navigation item with html",
+            "options": {
+                "navigation": [
+                    {
+                        "href": "#1",
+                        "html": "<em>Navigation item 1</em>",
+                        "active": true
+                    },
+                    {
+                        "href": "#2",
+                        "html": "<em>Navigation item 2</em>"
+                    },
+                    {
+                        "href": "#3",
+                        "html": "<em>Navigation item 3</em>"
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<header class=\"govuk-header\" data-module=\"govuk-header\">\n  <div class=\"govuk-header__container govuk-width-container\">\n    <div class=\"govuk-header__logo\">\n      <a href=\"/\" class=\"govuk-header__link govuk-header__link--homepage\">\n        <svg\n            focusable=\"false\"\n            role=\"img\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            viewBox=\"0 0 296 60\"\n            height=\"30\"\n            width=\"148\"\n            fill=\"currentcolor\" class=\"govuk-header__logotype\" aria-label=\"GOV.UK\"\n          ><title>GOV.UK</title>    <g>\n                <circle cx=\"20\" cy=\"17.6\" r=\"3.7\"/>\n                <circle cx=\"10.2\" cy=\"23.5\" r=\"3.7\"/>\n                <circle cx=\"3.7\" cy=\"33.2\" r=\"3.7\"/>\n                <circle cx=\"31.7\" cy=\"30.6\" r=\"3.7\"/>\n                <circle cx=\"43.3\" cy=\"17.6\" r=\"3.7\"/>\n                <circle cx=\"53.2\" cy=\"23.5\" r=\"3.7\"/>\n                <circle cx=\"59.7\" cy=\"33.2\" r=\"3.7\"/>\n                <circle cx=\"31.7\" cy=\"30.6\" r=\"3.7\"/>\n                <path d=\"M33.1,9.8c.2-.1.3-.3.5-.5l4.6,2.4v-6.8l-4.6,1.5c-.1-.2-.3-.3-.5-.5l1.9-5.9h-6.7l1.9,5.9c-.2.1-.3.3-.5.5l-4.6-1.5v6.8l4.6-2.4c.1.2.3.3.5.5l-2.6,8c-.9,2.8,1.2,5.7,4.1,5.7h0c3,0,5.1-2.9,4.1-5.7l-2.6-8ZM37,37.9s-3.4,3.8-4.1,6.1c2.2,0,4.2-.5,6.4-2.8l-.7,8.5c-2-2.8-4.4-4.1-5.7-3.8.1,3.1.5,6.7,5.8,7.2,3.7.3,6.7-1.5,7-3.8.4-2.6-2-4.3-3.7-1.6-1.4-4.5,2.4-6.1,4.9-3.2-1.9-4.5-1.8-7.7,2.4-10.9,3,4,2.6,7.3-1.2,11.1,2.4-1.3,6.2,0,4,4.6-1.2-2.8-3.7-2.2-4.2.2-.3,1.7.7,3.7,3,4.2,1.9.3,4.7-.9,7-5.9-1.3,0-2.4.7-3.9,1.7l2.4-8c.6,2.3,1.4,3.7,2.2,4.5.6-1.6.5-2.8,0-5.3l5,1.8c-2.6,3.6-5.2,8.7-7.3,17.5-7.4-1.1-15.7-1.7-24.5-1.7h0c-8.8,0-17.1.6-24.5,1.7-2.1-8.9-4.7-13.9-7.3-17.5l5-1.8c-.5,2.5-.6,3.7,0,5.3.8-.8,1.6-2.3,2.2-4.5l2.4,8c-1.5-1-2.6-1.7-3.9-1.7,2.3,5,5.2,6.2,7,5.9,2.3-.4,3.3-2.4,3-4.2-.5-2.4-3-3.1-4.2-.2-2.2-4.6,1.6-6,4-4.6-3.7-3.7-4.2-7.1-1.2-11.1,4.2,3.2,4.3,6.4,2.4,10.9,2.5-2.8,6.3-1.3,4.9,3.2-1.8-2.7-4.1-1-3.7,1.6.3,2.3,3.3,4.1,7,3.8,5.4-.5,5.7-4.2,5.8-7.2-1.3-.2-3.7,1-5.7,3.8l-.7-8.5c2.2,2.3,4.2,2.7,6.4,2.8-.7-2.3-4.1-6.1-4.1-6.1h10.6,0Z\"/>\n              </g>\n              <path d=\"M88.6,33.2c0,1.8.2,3.4.6,5s1.2,3,2,4.4c1,1.2,2,2.2,3.4,3s3,1.2,5,1.2,3.4-.2,4.6-.8,2.2-1.4,3-2.2,1.2-1.8,1.6-3c.2-1,.4-2,.4-3v-.4h-10.6v-6.4h18.8v23h-7.4v-5c-.6.8-1.2,1.6-2,2.2-.8.6-1.6,1.2-2.6,1.8-1,.4-2,.8-3.2,1.2s-2.4.4-3.6.4c-3,0-5.8-.6-8-1.6-2.4-1.2-4.4-2.6-6-4.6s-2.8-4.2-3.6-6.8c-.6-2.8-1-5.6-1-8.6s.4-5.8,1.4-8.4,2.2-4.8,4-6.8,3.8-3.4,6.2-4.6c2.4-1.2,5.2-1.6,8.2-1.6s3.8.2,5.6.6c1.8.4,3.4,1.2,4.8,2s2.8,1.8,3.8,3c1.2,1.2,2,2.6,2.8,4l-7.4,4.2c-.4-.8-1-1.8-1.6-2.4-.6-.8-1.2-1.4-2-2s-1.6-1-2.6-1.4-2.2-.4-3.4-.4c-2,0-3.6.4-5,1.2-1.4.8-2.6,1.8-3.4,3-1,1.2-1.6,2.8-2,4.4-.6,1.6-.8,3.8-.8,5.4ZM161.4,24.6c-.8-2.6-2.2-4.8-4-6.8s-3.8-3.4-6.2-4.6c-2.4-1.2-5.2-1.6-8.4-1.6s-5.8.6-8.4,1.6c-2.2,1.2-4.4,2.8-6,4.6-1.8,2-3,4.2-4,6.8-.8,2.6-1.4,5.4-1.4,8.4s.4,5.8,1.4,8.4c.8,2.6,2.2,4.8,4,6.8s3.8,3.4,6.2,4.6c2.4,1.2,5.2,1.6,8.4,1.6s5.8-.6,8.4-1.6c2.4-1.2,4.6-2.6,6.2-4.6,1.8-2,3-4.2,4-6.8.8-2.6,1.4-5.4,1.4-8.4-.2-3-.6-5.8-1.6-8.4h0ZM154,33.2c0,2-.2,3.8-.8,5.4-.4,1.6-1.2,3.2-2.2,4.4s-2.2,2.2-3.4,2.8c-1.4.6-3,1-4.8,1s-3.4-.4-4.8-1-2.6-1.6-3.4-2.8c-1-1.2-1.6-2.6-2.2-4.4-.4-1.6-.8-3.4-.8-5.4v-.2c0-2,.2-3.8.8-5.4.4-1.6,1.2-3.2,2.2-4.4,1-1.2,2.2-2.2,3.4-2.8,1.4-.6,3-1,4.8-1s3.4.4,4.8,1,2.6,1.6,3.4,2.8c1,1.2,1.6,2.6,2.2,4.4.4,1.6.8,3.4.8,5.4v.2ZM177.8,54l-11.8-42h9.4l8,31.4h.2l8-31.4h9.4l-11.8,42h-11.4,0ZM235.4,46.7c1.2,0,2.4-.2,3.4-.6,1-.4,2-.8,2.8-1.6s1.4-1.6,1.8-2.8c.4-1.2.6-2.4.6-4V11.8h8.2v27.2c0,2.4-.4,4.4-1.2,6.2s-2,3.4-3.6,4.8c-1.4,1.4-3.2,2.4-5.4,3-2,.8-4.4,1-6.8,1s-4.8-.4-6.8-1c-2-.8-3.8-1.8-5.4-3-1.6-1.4-2.6-3-3.6-4.8-.8-1.8-1.2-4-1.2-6.2V11.7h8.4v26c0,1.6.2,2.8.6,4,.4,1.2,1,2,1.8,2.8s1.6,1.2,2.8,1.6c1.2.4,2.2.6,3.6.6h0ZM261.4,11.9h8.4v18.2l14.8-18.2h10.4l-14.4,16.8,15.4,25.2h-9.8l-11-18.8-5.4,6v12.8h-8.4V11.9h0ZM206.2,44.2c-3,0-5.4,2.4-5.4,5.4s2.4,5.4,5.4,5.4,5.4-2.4,5.4-5.4-2.4-5.4-5.4-5.4Z\"/>\n          </svg>\n      </a>\n    </div>\n    <div class=\"govuk-header__content\">\n      <nav aria-label=\"Menu\" class=\"govuk-header__navigation\">\n        <button type=\"button\" class=\"govuk-header__menu-button govuk-js-header-toggle\" aria-controls=\"navigation\" hidden>\n          Menu\n        </button>\n\n        <ul id=\"navigation\" class=\"govuk-header__navigation-list\">\n          <li class=\"govuk-header__navigation-item govuk-header__navigation-item--active\">\n            <a class=\"govuk-header__link\" href=\"#1\">\n              <em>Navigation item 1</em>\n            </a>\n          </li>\n          <li class=\"govuk-header__navigation-item\">\n            <a class=\"govuk-header__link\" href=\"#2\">\n              <em>Navigation item 2</em>\n            </a>\n          </li>\n          <li class=\"govuk-header__navigation-item\">\n            <a class=\"govuk-header__link\" href=\"#3\">\n              <em>Navigation item 3</em>\n            </a>\n          </li>\n        </ul>\n      </nav>\n    </div>\n  </div>\n</header>"
+        },
+        {
+            "name": "navigation item with text without link",
+            "options": {
+                "navigation": [
+                    {
+                        "text": "Navigation item 1"
+                    },
+                    {
+                        "text": "Navigation item 2"
+                    },
+                    {
+                        "text": "Navigation item 3"
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<header class=\"govuk-header\" data-module=\"govuk-header\">\n  <div class=\"govuk-header__container govuk-width-container\">\n    <div class=\"govuk-header__logo\">\n      <a href=\"/\" class=\"govuk-header__link govuk-header__link--homepage\">\n        <svg\n            focusable=\"false\"\n            role=\"img\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            viewBox=\"0 0 296 60\"\n            height=\"30\"\n            width=\"148\"\n            fill=\"currentcolor\" class=\"govuk-header__logotype\" aria-label=\"GOV.UK\"\n          ><title>GOV.UK</title>    <g>\n                <circle cx=\"20\" cy=\"17.6\" r=\"3.7\"/>\n                <circle cx=\"10.2\" cy=\"23.5\" r=\"3.7\"/>\n                <circle cx=\"3.7\" cy=\"33.2\" r=\"3.7\"/>\n                <circle cx=\"31.7\" cy=\"30.6\" r=\"3.7\"/>\n                <circle cx=\"43.3\" cy=\"17.6\" r=\"3.7\"/>\n                <circle cx=\"53.2\" cy=\"23.5\" r=\"3.7\"/>\n                <circle cx=\"59.7\" cy=\"33.2\" r=\"3.7\"/>\n                <circle cx=\"31.7\" cy=\"30.6\" r=\"3.7\"/>\n                <path d=\"M33.1,9.8c.2-.1.3-.3.5-.5l4.6,2.4v-6.8l-4.6,1.5c-.1-.2-.3-.3-.5-.5l1.9-5.9h-6.7l1.9,5.9c-.2.1-.3.3-.5.5l-4.6-1.5v6.8l4.6-2.4c.1.2.3.3.5.5l-2.6,8c-.9,2.8,1.2,5.7,4.1,5.7h0c3,0,5.1-2.9,4.1-5.7l-2.6-8ZM37,37.9s-3.4,3.8-4.1,6.1c2.2,0,4.2-.5,6.4-2.8l-.7,8.5c-2-2.8-4.4-4.1-5.7-3.8.1,3.1.5,6.7,5.8,7.2,3.7.3,6.7-1.5,7-3.8.4-2.6-2-4.3-3.7-1.6-1.4-4.5,2.4-6.1,4.9-3.2-1.9-4.5-1.8-7.7,2.4-10.9,3,4,2.6,7.3-1.2,11.1,2.4-1.3,6.2,0,4,4.6-1.2-2.8-3.7-2.2-4.2.2-.3,1.7.7,3.7,3,4.2,1.9.3,4.7-.9,7-5.9-1.3,0-2.4.7-3.9,1.7l2.4-8c.6,2.3,1.4,3.7,2.2,4.5.6-1.6.5-2.8,0-5.3l5,1.8c-2.6,3.6-5.2,8.7-7.3,17.5-7.4-1.1-15.7-1.7-24.5-1.7h0c-8.8,0-17.1.6-24.5,1.7-2.1-8.9-4.7-13.9-7.3-17.5l5-1.8c-.5,2.5-.6,3.7,0,5.3.8-.8,1.6-2.3,2.2-4.5l2.4,8c-1.5-1-2.6-1.7-3.9-1.7,2.3,5,5.2,6.2,7,5.9,2.3-.4,3.3-2.4,3-4.2-.5-2.4-3-3.1-4.2-.2-2.2-4.6,1.6-6,4-4.6-3.7-3.7-4.2-7.1-1.2-11.1,4.2,3.2,4.3,6.4,2.4,10.9,2.5-2.8,6.3-1.3,4.9,3.2-1.8-2.7-4.1-1-3.7,1.6.3,2.3,3.3,4.1,7,3.8,5.4-.5,5.7-4.2,5.8-7.2-1.3-.2-3.7,1-5.7,3.8l-.7-8.5c2.2,2.3,4.2,2.7,6.4,2.8-.7-2.3-4.1-6.1-4.1-6.1h10.6,0Z\"/>\n              </g>\n              <path d=\"M88.6,33.2c0,1.8.2,3.4.6,5s1.2,3,2,4.4c1,1.2,2,2.2,3.4,3s3,1.2,5,1.2,3.4-.2,4.6-.8,2.2-1.4,3-2.2,1.2-1.8,1.6-3c.2-1,.4-2,.4-3v-.4h-10.6v-6.4h18.8v23h-7.4v-5c-.6.8-1.2,1.6-2,2.2-.8.6-1.6,1.2-2.6,1.8-1,.4-2,.8-3.2,1.2s-2.4.4-3.6.4c-3,0-5.8-.6-8-1.6-2.4-1.2-4.4-2.6-6-4.6s-2.8-4.2-3.6-6.8c-.6-2.8-1-5.6-1-8.6s.4-5.8,1.4-8.4,2.2-4.8,4-6.8,3.8-3.4,6.2-4.6c2.4-1.2,5.2-1.6,8.2-1.6s3.8.2,5.6.6c1.8.4,3.4,1.2,4.8,2s2.8,1.8,3.8,3c1.2,1.2,2,2.6,2.8,4l-7.4,4.2c-.4-.8-1-1.8-1.6-2.4-.6-.8-1.2-1.4-2-2s-1.6-1-2.6-1.4-2.2-.4-3.4-.4c-2,0-3.6.4-5,1.2-1.4.8-2.6,1.8-3.4,3-1,1.2-1.6,2.8-2,4.4-.6,1.6-.8,3.8-.8,5.4ZM161.4,24.6c-.8-2.6-2.2-4.8-4-6.8s-3.8-3.4-6.2-4.6c-2.4-1.2-5.2-1.6-8.4-1.6s-5.8.6-8.4,1.6c-2.2,1.2-4.4,2.8-6,4.6-1.8,2-3,4.2-4,6.8-.8,2.6-1.4,5.4-1.4,8.4s.4,5.8,1.4,8.4c.8,2.6,2.2,4.8,4,6.8s3.8,3.4,6.2,4.6c2.4,1.2,5.2,1.6,8.4,1.6s5.8-.6,8.4-1.6c2.4-1.2,4.6-2.6,6.2-4.6,1.8-2,3-4.2,4-6.8.8-2.6,1.4-5.4,1.4-8.4-.2-3-.6-5.8-1.6-8.4h0ZM154,33.2c0,2-.2,3.8-.8,5.4-.4,1.6-1.2,3.2-2.2,4.4s-2.2,2.2-3.4,2.8c-1.4.6-3,1-4.8,1s-3.4-.4-4.8-1-2.6-1.6-3.4-2.8c-1-1.2-1.6-2.6-2.2-4.4-.4-1.6-.8-3.4-.8-5.4v-.2c0-2,.2-3.8.8-5.4.4-1.6,1.2-3.2,2.2-4.4,1-1.2,2.2-2.2,3.4-2.8,1.4-.6,3-1,4.8-1s3.4.4,4.8,1,2.6,1.6,3.4,2.8c1,1.2,1.6,2.6,2.2,4.4.4,1.6.8,3.4.8,5.4v.2ZM177.8,54l-11.8-42h9.4l8,31.4h.2l8-31.4h9.4l-11.8,42h-11.4,0ZM235.4,46.7c1.2,0,2.4-.2,3.4-.6,1-.4,2-.8,2.8-1.6s1.4-1.6,1.8-2.8c.4-1.2.6-2.4.6-4V11.8h8.2v27.2c0,2.4-.4,4.4-1.2,6.2s-2,3.4-3.6,4.8c-1.4,1.4-3.2,2.4-5.4,3-2,.8-4.4,1-6.8,1s-4.8-.4-6.8-1c-2-.8-3.8-1.8-5.4-3-1.6-1.4-2.6-3-3.6-4.8-.8-1.8-1.2-4-1.2-6.2V11.7h8.4v26c0,1.6.2,2.8.6,4,.4,1.2,1,2,1.8,2.8s1.6,1.2,2.8,1.6c1.2.4,2.2.6,3.6.6h0ZM261.4,11.9h8.4v18.2l14.8-18.2h10.4l-14.4,16.8,15.4,25.2h-9.8l-11-18.8-5.4,6v12.8h-8.4V11.9h0ZM206.2,44.2c-3,0-5.4,2.4-5.4,5.4s2.4,5.4,5.4,5.4,5.4-2.4,5.4-5.4-2.4-5.4-5.4-5.4Z\"/>\n          </svg>\n      </a>\n    </div>\n    <div class=\"govuk-header__content\">\n      <nav aria-label=\"Menu\" class=\"govuk-header__navigation\">\n        <button type=\"button\" class=\"govuk-header__menu-button govuk-js-header-toggle\" aria-controls=\"navigation\" hidden>\n          Menu\n        </button>\n\n        <ul id=\"navigation\" class=\"govuk-header__navigation-list\">\n          <li class=\"govuk-header__navigation-item\">\n              Navigation item 1\n          </li>\n          <li class=\"govuk-header__navigation-item\">\n              Navigation item 2\n          </li>\n          <li class=\"govuk-header__navigation-item\">\n              Navigation item 3\n          </li>\n        </ul>\n      </nav>\n    </div>\n  </div>\n</header>"
+        },
+        {
+            "name": "with St. Edward's Crown",
+            "options": {
+                "useTudorCrown": false
+            },
+            "hidden": false,
+            "description": "Does not work if the rebrand is enabled.",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<header class=\"govuk-header\" data-module=\"govuk-header\">\n  <div class=\"govuk-header__container govuk-width-container\">\n    <div class=\"govuk-header__logo\">\n      <a href=\"/\" class=\"govuk-header__link govuk-header__link--homepage\">\n        <svg\n            focusable=\"false\"\n            role=\"img\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            viewBox=\"0 0 304 60\"\n            height=\"30\"\n            width=\"152\"\n            fill=\"currentcolor\" class=\"govuk-header__logotype\" aria-label=\"GOV.UK\"\n          ><title>GOV.UK</title>    <path d=\"M13.4,22.3c2,.8,4.2-.2,5-2s-.2-4.2-2-5c-2-.8-4.2.2-5,2-.8,2,0,4.2,2,5M4.8,27.3c2,.8,4.2-.2,5-2s-.2-4.2-2-5c-2-.8-4.2.2-5,2-1,2,0,4.2,2,5M2.2,36.9c2,.8,4.2-.2,5-2,.8-2-.2-4.2-2-5-2-.8-4.2.2-5,2-.8,2,0,4.2,2,5M23,25.3c2,.8,4.2-.2,5-2s-.2-4.2-2-5c-2-.8-4.2.2-5,2s0,4.2,2,5M57.8,22.3c-2,.8-4.2-.2-5-2s.2-4.2,2-5c2-.8,4.2.2,5,2,1,2,0,4.2-2,5M66.4,27.3c-2,.8-4.2-.2-5-2s.2-4.2,2-5c2-.8,4.2.2,5,2,1,2,0,4.2-2,5M69,36.9c-2,.8-4.2-.2-5-2-.8-2,.2-4.2,2-5,2-.8,4.2.2,5,2,.8,2,0,4.2-2,5M48.2,25.3c-2,.8-4.2-.2-5-2s.2-4.2,2-5c2-.8,4.2.2,5,2s0,4.2-2,5M37.6,15.5l4.8,2.6v-7.2l-4.8,1.6c-.2-.2-.2-.4-.4-.4s2-6,2-6h-6.8l2,6c-.2.2-.4.2-.4.4-.2.2-4.8-1.4-4.8-1.4v7l4.8-2.6c-.2.2,0,.4.2.6l-2.8,8.4c-.2.4-.2.8-.2,1.4,0,2.2,1.6,4.2,3.8,4.4h1.2c2.2-.4,3.8-2.2,3.8-4.4s0-.8-.2-1.4l-2.8-8.4c.4-.2.6-.4.6-.6M35.6,56.1c9.2,0,17.8.6,25.6,1.8,2.2-9.2,4.8-14.4,7.6-18.2l-5.2-1.8c.6,2.6.6,3.8,0,5.6-.8-.8-1.6-2.4-2.2-4.8l-2.4,8.4c1.6-1,2.8-1.8,4-1.8-2.4,5.2-5.4,6.4-7.2,6-2.4-.4-3.4-2.6-3-4.4.6-2.6,3.2-3.2,4.4-.2,2.4-4.8-1.6-6.2-4.2-4.8,3.8-3.8,4.4-7.2,1.2-11.4-4.4,3.4-4.4,6.6-2.4,11.2-2.6-3-6.6-1.4-5,3.4,1.8-2.8,4.2-1,4,1.6-.4,2.4-3.4,4.2-7.4,4-5.6-.4-6-4.4-6-7.4,1.4-.2,3.8,1,6,4l.8-8.8c-2.2,2.4-4.4,2.8-6.6,2.8.8-2.4,4.2-6.2,4.2-6.2h-11s3.6,4,4.2,6.2c-2.2,0-4.4-.6-6.6-2.8l.8,8.8c2.2-3,4.6-4.2,6-4-.2,3.2-.4,7-6,7.4-3.8.4-7-1.6-7.4-4-.4-2.6,2-4.4,3.8-1.6,1.4-4.8-2.6-6.2-5.2-3.4,2-4.6,2-8-2.4-11.2-3.2,4.2-2.6,7.6,1.2,11.4-2.6-1.4-6.4,0-4.2,4.8,1.2-3,3.8-2.2,4.4.2.4,1.8-.8,3.8-3,4.4-2,.4-5-1-7.4-6,1.4,0,2.6.8,4,1.8l-3-8.4c-.6,2.4-1.4,3.8-2.4,4.8-.6-1.6-.4-3,0-5.6l-5.2,1.8c3,3.8,5.6,9,7.8,18.2,7.6-1,16.4-1.8,25.4-1.8\"/>\n              <path transform=\"translate(8 0)\" d=\"M88.6,33.2c0,1.8.2,3.4.6,5s1.2,3,2,4.4c1,1.2,2,2.2,3.4,3s3,1.2,5,1.2,3.4-.2,4.6-.8,2.2-1.4,3-2.2,1.2-1.8,1.6-3c.2-1,.4-2,.4-3v-.4h-10.6v-6.4h18.8v23h-7.4v-5c-.6.8-1.2,1.6-2,2.2-.8.6-1.6,1.2-2.6,1.8-1,.4-2,.8-3.2,1.2s-2.4.4-3.6.4c-3,0-5.8-.6-8-1.6-2.4-1.2-4.4-2.6-6-4.6s-2.8-4.2-3.6-6.8c-.6-2.8-1-5.6-1-8.6s.4-5.8,1.4-8.4,2.2-4.8,4-6.8,3.8-3.4,6.2-4.6c2.4-1.2,5.2-1.6,8.2-1.6s3.8.2,5.6.6c1.8.4,3.4,1.2,4.8,2s2.8,1.8,3.8,3c1.2,1.2,2,2.6,2.8,4l-7.4,4.2c-.4-.8-1-1.8-1.6-2.4-.6-.8-1.2-1.4-2-2s-1.6-1-2.6-1.4-2.2-.4-3.4-.4c-2,0-3.6.4-5,1.2-1.4.8-2.6,1.8-3.4,3-1,1.2-1.6,2.8-2,4.4-.6,1.6-.8,3.8-.8,5.4ZM161.4,24.6c-.8-2.6-2.2-4.8-4-6.8s-3.8-3.4-6.2-4.6c-2.4-1.2-5.2-1.6-8.4-1.6s-5.8.6-8.4,1.6c-2.2,1.2-4.4,2.8-6,4.6-1.8,2-3,4.2-4,6.8-.8,2.6-1.4,5.4-1.4,8.4s.4,5.8,1.4,8.4c.8,2.6,2.2,4.8,4,6.8s3.8,3.4,6.2,4.6c2.4,1.2,5.2,1.6,8.4,1.6s5.8-.6,8.4-1.6c2.4-1.2,4.6-2.6,6.2-4.6,1.8-2,3-4.2,4-6.8.8-2.6,1.4-5.4,1.4-8.4-.2-3-.6-5.8-1.6-8.4h0ZM154,33.2c0,2-.2,3.8-.8,5.4-.4,1.6-1.2,3.2-2.2,4.4s-2.2,2.2-3.4,2.8c-1.4.6-3,1-4.8,1s-3.4-.4-4.8-1-2.6-1.6-3.4-2.8c-1-1.2-1.6-2.6-2.2-4.4-.4-1.6-.8-3.4-.8-5.4v-.2c0-2,.2-3.8.8-5.4.4-1.6,1.2-3.2,2.2-4.4,1-1.2,2.2-2.2,3.4-2.8,1.4-.6,3-1,4.8-1s3.4.4,4.8,1,2.6,1.6,3.4,2.8c1,1.2,1.6,2.6,2.2,4.4.4,1.6.8,3.4.8,5.4v.2ZM177.8,54l-11.8-42h9.4l8,31.4h.2l8-31.4h9.4l-11.8,42h-11.4,0ZM235.4,46.7c1.2,0,2.4-.2,3.4-.6,1-.4,2-.8,2.8-1.6s1.4-1.6,1.8-2.8c.4-1.2.6-2.4.6-4V11.8h8.2v27.2c0,2.4-.4,4.4-1.2,6.2s-2,3.4-3.6,4.8c-1.4,1.4-3.2,2.4-5.4,3-2,.8-4.4,1-6.8,1s-4.8-.4-6.8-1c-2-.8-3.8-1.8-5.4-3-1.6-1.4-2.6-3-3.6-4.8-.8-1.8-1.2-4-1.2-6.2V11.7h8.4v26c0,1.6.2,2.8.6,4,.4,1.2,1,2,1.8,2.8s1.6,1.2,2.8,1.6c1.2.4,2.2.6,3.6.6h0ZM261.4,11.9h8.4v18.2l14.8-18.2h10.4l-14.4,16.8,15.4,25.2h-9.8l-11-18.8-5.4,6v12.8h-8.4V11.9h0ZM206.2,44.2c-3,0-5.4,2.4-5.4,5.4s2.4,5.4,5.4,5.4,5.4-2.4,5.4-5.4-2.4-5.4-5.4-5.4Z\"/>\n          </svg>\n      </a>\n    </div>\n  </div>\n</header>"
+        },
+        {
+            "name": "attributes",
+            "options": {
+                "attributes": {
+                    "data-test-attribute": "value",
+                    "data-test-attribute-2": "value-2"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<header class=\"govuk-header\" data-module=\"govuk-header\" data-test-attribute=\"value\" data-test-attribute-2=\"value-2\">\n  <div class=\"govuk-header__container govuk-width-container\">\n    <div class=\"govuk-header__logo\">\n      <a href=\"/\" class=\"govuk-header__link govuk-header__link--homepage\">\n        <svg\n            focusable=\"false\"\n            role=\"img\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            viewBox=\"0 0 296 60\"\n            height=\"30\"\n            width=\"148\"\n            fill=\"currentcolor\" class=\"govuk-header__logotype\" aria-label=\"GOV.UK\"\n          ><title>GOV.UK</title>    <g>\n                <circle cx=\"20\" cy=\"17.6\" r=\"3.7\"/>\n                <circle cx=\"10.2\" cy=\"23.5\" r=\"3.7\"/>\n                <circle cx=\"3.7\" cy=\"33.2\" r=\"3.7\"/>\n                <circle cx=\"31.7\" cy=\"30.6\" r=\"3.7\"/>\n                <circle cx=\"43.3\" cy=\"17.6\" r=\"3.7\"/>\n                <circle cx=\"53.2\" cy=\"23.5\" r=\"3.7\"/>\n                <circle cx=\"59.7\" cy=\"33.2\" r=\"3.7\"/>\n                <circle cx=\"31.7\" cy=\"30.6\" r=\"3.7\"/>\n                <path d=\"M33.1,9.8c.2-.1.3-.3.5-.5l4.6,2.4v-6.8l-4.6,1.5c-.1-.2-.3-.3-.5-.5l1.9-5.9h-6.7l1.9,5.9c-.2.1-.3.3-.5.5l-4.6-1.5v6.8l4.6-2.4c.1.2.3.3.5.5l-2.6,8c-.9,2.8,1.2,5.7,4.1,5.7h0c3,0,5.1-2.9,4.1-5.7l-2.6-8ZM37,37.9s-3.4,3.8-4.1,6.1c2.2,0,4.2-.5,6.4-2.8l-.7,8.5c-2-2.8-4.4-4.1-5.7-3.8.1,3.1.5,6.7,5.8,7.2,3.7.3,6.7-1.5,7-3.8.4-2.6-2-4.3-3.7-1.6-1.4-4.5,2.4-6.1,4.9-3.2-1.9-4.5-1.8-7.7,2.4-10.9,3,4,2.6,7.3-1.2,11.1,2.4-1.3,6.2,0,4,4.6-1.2-2.8-3.7-2.2-4.2.2-.3,1.7.7,3.7,3,4.2,1.9.3,4.7-.9,7-5.9-1.3,0-2.4.7-3.9,1.7l2.4-8c.6,2.3,1.4,3.7,2.2,4.5.6-1.6.5-2.8,0-5.3l5,1.8c-2.6,3.6-5.2,8.7-7.3,17.5-7.4-1.1-15.7-1.7-24.5-1.7h0c-8.8,0-17.1.6-24.5,1.7-2.1-8.9-4.7-13.9-7.3-17.5l5-1.8c-.5,2.5-.6,3.7,0,5.3.8-.8,1.6-2.3,2.2-4.5l2.4,8c-1.5-1-2.6-1.7-3.9-1.7,2.3,5,5.2,6.2,7,5.9,2.3-.4,3.3-2.4,3-4.2-.5-2.4-3-3.1-4.2-.2-2.2-4.6,1.6-6,4-4.6-3.7-3.7-4.2-7.1-1.2-11.1,4.2,3.2,4.3,6.4,2.4,10.9,2.5-2.8,6.3-1.3,4.9,3.2-1.8-2.7-4.1-1-3.7,1.6.3,2.3,3.3,4.1,7,3.8,5.4-.5,5.7-4.2,5.8-7.2-1.3-.2-3.7,1-5.7,3.8l-.7-8.5c2.2,2.3,4.2,2.7,6.4,2.8-.7-2.3-4.1-6.1-4.1-6.1h10.6,0Z\"/>\n              </g>\n              <path d=\"M88.6,33.2c0,1.8.2,3.4.6,5s1.2,3,2,4.4c1,1.2,2,2.2,3.4,3s3,1.2,5,1.2,3.4-.2,4.6-.8,2.2-1.4,3-2.2,1.2-1.8,1.6-3c.2-1,.4-2,.4-3v-.4h-10.6v-6.4h18.8v23h-7.4v-5c-.6.8-1.2,1.6-2,2.2-.8.6-1.6,1.2-2.6,1.8-1,.4-2,.8-3.2,1.2s-2.4.4-3.6.4c-3,0-5.8-.6-8-1.6-2.4-1.2-4.4-2.6-6-4.6s-2.8-4.2-3.6-6.8c-.6-2.8-1-5.6-1-8.6s.4-5.8,1.4-8.4,2.2-4.8,4-6.8,3.8-3.4,6.2-4.6c2.4-1.2,5.2-1.6,8.2-1.6s3.8.2,5.6.6c1.8.4,3.4,1.2,4.8,2s2.8,1.8,3.8,3c1.2,1.2,2,2.6,2.8,4l-7.4,4.2c-.4-.8-1-1.8-1.6-2.4-.6-.8-1.2-1.4-2-2s-1.6-1-2.6-1.4-2.2-.4-3.4-.4c-2,0-3.6.4-5,1.2-1.4.8-2.6,1.8-3.4,3-1,1.2-1.6,2.8-2,4.4-.6,1.6-.8,3.8-.8,5.4ZM161.4,24.6c-.8-2.6-2.2-4.8-4-6.8s-3.8-3.4-6.2-4.6c-2.4-1.2-5.2-1.6-8.4-1.6s-5.8.6-8.4,1.6c-2.2,1.2-4.4,2.8-6,4.6-1.8,2-3,4.2-4,6.8-.8,2.6-1.4,5.4-1.4,8.4s.4,5.8,1.4,8.4c.8,2.6,2.2,4.8,4,6.8s3.8,3.4,6.2,4.6c2.4,1.2,5.2,1.6,8.4,1.6s5.8-.6,8.4-1.6c2.4-1.2,4.6-2.6,6.2-4.6,1.8-2,3-4.2,4-6.8.8-2.6,1.4-5.4,1.4-8.4-.2-3-.6-5.8-1.6-8.4h0ZM154,33.2c0,2-.2,3.8-.8,5.4-.4,1.6-1.2,3.2-2.2,4.4s-2.2,2.2-3.4,2.8c-1.4.6-3,1-4.8,1s-3.4-.4-4.8-1-2.6-1.6-3.4-2.8c-1-1.2-1.6-2.6-2.2-4.4-.4-1.6-.8-3.4-.8-5.4v-.2c0-2,.2-3.8.8-5.4.4-1.6,1.2-3.2,2.2-4.4,1-1.2,2.2-2.2,3.4-2.8,1.4-.6,3-1,4.8-1s3.4.4,4.8,1,2.6,1.6,3.4,2.8c1,1.2,1.6,2.6,2.2,4.4.4,1.6.8,3.4.8,5.4v.2ZM177.8,54l-11.8-42h9.4l8,31.4h.2l8-31.4h9.4l-11.8,42h-11.4,0ZM235.4,46.7c1.2,0,2.4-.2,3.4-.6,1-.4,2-.8,2.8-1.6s1.4-1.6,1.8-2.8c.4-1.2.6-2.4.6-4V11.8h8.2v27.2c0,2.4-.4,4.4-1.2,6.2s-2,3.4-3.6,4.8c-1.4,1.4-3.2,2.4-5.4,3-2,.8-4.4,1-6.8,1s-4.8-.4-6.8-1c-2-.8-3.8-1.8-5.4-3-1.6-1.4-2.6-3-3.6-4.8-.8-1.8-1.2-4-1.2-6.2V11.7h8.4v26c0,1.6.2,2.8.6,4,.4,1.2,1,2,1.8,2.8s1.6,1.2,2.8,1.6c1.2.4,2.2.6,3.6.6h0ZM261.4,11.9h8.4v18.2l14.8-18.2h10.4l-14.4,16.8,15.4,25.2h-9.8l-11-18.8-5.4,6v12.8h-8.4V11.9h0ZM206.2,44.2c-3,0-5.4,2.4-5.4,5.4s2.4,5.4,5.4,5.4,5.4-2.4,5.4-5.4-2.4-5.4-5.4-5.4Z\"/>\n          </svg>\n      </a>\n    </div>\n  </div>\n</header>"
+        },
+        {
+            "name": "classes",
+            "options": {
+                "classes": "app-header--custom-modifier"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<header class=\"govuk-header app-header--custom-modifier\" data-module=\"govuk-header\">\n  <div class=\"govuk-header__container govuk-width-container\">\n    <div class=\"govuk-header__logo\">\n      <a href=\"/\" class=\"govuk-header__link govuk-header__link--homepage\">\n        <svg\n            focusable=\"false\"\n            role=\"img\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            viewBox=\"0 0 296 60\"\n            height=\"30\"\n            width=\"148\"\n            fill=\"currentcolor\" class=\"govuk-header__logotype\" aria-label=\"GOV.UK\"\n          ><title>GOV.UK</title>    <g>\n                <circle cx=\"20\" cy=\"17.6\" r=\"3.7\"/>\n                <circle cx=\"10.2\" cy=\"23.5\" r=\"3.7\"/>\n                <circle cx=\"3.7\" cy=\"33.2\" r=\"3.7\"/>\n                <circle cx=\"31.7\" cy=\"30.6\" r=\"3.7\"/>\n                <circle cx=\"43.3\" cy=\"17.6\" r=\"3.7\"/>\n                <circle cx=\"53.2\" cy=\"23.5\" r=\"3.7\"/>\n                <circle cx=\"59.7\" cy=\"33.2\" r=\"3.7\"/>\n                <circle cx=\"31.7\" cy=\"30.6\" r=\"3.7\"/>\n                <path d=\"M33.1,9.8c.2-.1.3-.3.5-.5l4.6,2.4v-6.8l-4.6,1.5c-.1-.2-.3-.3-.5-.5l1.9-5.9h-6.7l1.9,5.9c-.2.1-.3.3-.5.5l-4.6-1.5v6.8l4.6-2.4c.1.2.3.3.5.5l-2.6,8c-.9,2.8,1.2,5.7,4.1,5.7h0c3,0,5.1-2.9,4.1-5.7l-2.6-8ZM37,37.9s-3.4,3.8-4.1,6.1c2.2,0,4.2-.5,6.4-2.8l-.7,8.5c-2-2.8-4.4-4.1-5.7-3.8.1,3.1.5,6.7,5.8,7.2,3.7.3,6.7-1.5,7-3.8.4-2.6-2-4.3-3.7-1.6-1.4-4.5,2.4-6.1,4.9-3.2-1.9-4.5-1.8-7.7,2.4-10.9,3,4,2.6,7.3-1.2,11.1,2.4-1.3,6.2,0,4,4.6-1.2-2.8-3.7-2.2-4.2.2-.3,1.7.7,3.7,3,4.2,1.9.3,4.7-.9,7-5.9-1.3,0-2.4.7-3.9,1.7l2.4-8c.6,2.3,1.4,3.7,2.2,4.5.6-1.6.5-2.8,0-5.3l5,1.8c-2.6,3.6-5.2,8.7-7.3,17.5-7.4-1.1-15.7-1.7-24.5-1.7h0c-8.8,0-17.1.6-24.5,1.7-2.1-8.9-4.7-13.9-7.3-17.5l5-1.8c-.5,2.5-.6,3.7,0,5.3.8-.8,1.6-2.3,2.2-4.5l2.4,8c-1.5-1-2.6-1.7-3.9-1.7,2.3,5,5.2,6.2,7,5.9,2.3-.4,3.3-2.4,3-4.2-.5-2.4-3-3.1-4.2-.2-2.2-4.6,1.6-6,4-4.6-3.7-3.7-4.2-7.1-1.2-11.1,4.2,3.2,4.3,6.4,2.4,10.9,2.5-2.8,6.3-1.3,4.9,3.2-1.8-2.7-4.1-1-3.7,1.6.3,2.3,3.3,4.1,7,3.8,5.4-.5,5.7-4.2,5.8-7.2-1.3-.2-3.7,1-5.7,3.8l-.7-8.5c2.2,2.3,4.2,2.7,6.4,2.8-.7-2.3-4.1-6.1-4.1-6.1h10.6,0Z\"/>\n              </g>\n              <path d=\"M88.6,33.2c0,1.8.2,3.4.6,5s1.2,3,2,4.4c1,1.2,2,2.2,3.4,3s3,1.2,5,1.2,3.4-.2,4.6-.8,2.2-1.4,3-2.2,1.2-1.8,1.6-3c.2-1,.4-2,.4-3v-.4h-10.6v-6.4h18.8v23h-7.4v-5c-.6.8-1.2,1.6-2,2.2-.8.6-1.6,1.2-2.6,1.8-1,.4-2,.8-3.2,1.2s-2.4.4-3.6.4c-3,0-5.8-.6-8-1.6-2.4-1.2-4.4-2.6-6-4.6s-2.8-4.2-3.6-6.8c-.6-2.8-1-5.6-1-8.6s.4-5.8,1.4-8.4,2.2-4.8,4-6.8,3.8-3.4,6.2-4.6c2.4-1.2,5.2-1.6,8.2-1.6s3.8.2,5.6.6c1.8.4,3.4,1.2,4.8,2s2.8,1.8,3.8,3c1.2,1.2,2,2.6,2.8,4l-7.4,4.2c-.4-.8-1-1.8-1.6-2.4-.6-.8-1.2-1.4-2-2s-1.6-1-2.6-1.4-2.2-.4-3.4-.4c-2,0-3.6.4-5,1.2-1.4.8-2.6,1.8-3.4,3-1,1.2-1.6,2.8-2,4.4-.6,1.6-.8,3.8-.8,5.4ZM161.4,24.6c-.8-2.6-2.2-4.8-4-6.8s-3.8-3.4-6.2-4.6c-2.4-1.2-5.2-1.6-8.4-1.6s-5.8.6-8.4,1.6c-2.2,1.2-4.4,2.8-6,4.6-1.8,2-3,4.2-4,6.8-.8,2.6-1.4,5.4-1.4,8.4s.4,5.8,1.4,8.4c.8,2.6,2.2,4.8,4,6.8s3.8,3.4,6.2,4.6c2.4,1.2,5.2,1.6,8.4,1.6s5.8-.6,8.4-1.6c2.4-1.2,4.6-2.6,6.2-4.6,1.8-2,3-4.2,4-6.8.8-2.6,1.4-5.4,1.4-8.4-.2-3-.6-5.8-1.6-8.4h0ZM154,33.2c0,2-.2,3.8-.8,5.4-.4,1.6-1.2,3.2-2.2,4.4s-2.2,2.2-3.4,2.8c-1.4.6-3,1-4.8,1s-3.4-.4-4.8-1-2.6-1.6-3.4-2.8c-1-1.2-1.6-2.6-2.2-4.4-.4-1.6-.8-3.4-.8-5.4v-.2c0-2,.2-3.8.8-5.4.4-1.6,1.2-3.2,2.2-4.4,1-1.2,2.2-2.2,3.4-2.8,1.4-.6,3-1,4.8-1s3.4.4,4.8,1,2.6,1.6,3.4,2.8c1,1.2,1.6,2.6,2.2,4.4.4,1.6.8,3.4.8,5.4v.2ZM177.8,54l-11.8-42h9.4l8,31.4h.2l8-31.4h9.4l-11.8,42h-11.4,0ZM235.4,46.7c1.2,0,2.4-.2,3.4-.6,1-.4,2-.8,2.8-1.6s1.4-1.6,1.8-2.8c.4-1.2.6-2.4.6-4V11.8h8.2v27.2c0,2.4-.4,4.4-1.2,6.2s-2,3.4-3.6,4.8c-1.4,1.4-3.2,2.4-5.4,3-2,.8-4.4,1-6.8,1s-4.8-.4-6.8-1c-2-.8-3.8-1.8-5.4-3-1.6-1.4-2.6-3-3.6-4.8-.8-1.8-1.2-4-1.2-6.2V11.7h8.4v26c0,1.6.2,2.8.6,4,.4,1.2,1,2,1.8,2.8s1.6,1.2,2.8,1.6c1.2.4,2.2.6,3.6.6h0ZM261.4,11.9h8.4v18.2l14.8-18.2h10.4l-14.4,16.8,15.4,25.2h-9.8l-11-18.8-5.4,6v12.8h-8.4V11.9h0ZM206.2,44.2c-3,0-5.4,2.4-5.4,5.4s2.4,5.4,5.4,5.4,5.4-2.4,5.4-5.4-2.4-5.4-5.4-5.4Z\"/>\n          </svg>\n      </a>\n    </div>\n  </div>\n</header>"
+        },
+        {
+            "name": "custom homepage url",
+            "options": {
+                "homepageUrl": "/"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<header class=\"govuk-header\" data-module=\"govuk-header\">\n  <div class=\"govuk-header__container govuk-width-container\">\n    <div class=\"govuk-header__logo\">\n      <a href=\"/\" class=\"govuk-header__link govuk-header__link--homepage\">\n        <svg\n            focusable=\"false\"\n            role=\"img\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            viewBox=\"0 0 296 60\"\n            height=\"30\"\n            width=\"148\"\n            fill=\"currentcolor\" class=\"govuk-header__logotype\" aria-label=\"GOV.UK\"\n          ><title>GOV.UK</title>    <g>\n                <circle cx=\"20\" cy=\"17.6\" r=\"3.7\"/>\n                <circle cx=\"10.2\" cy=\"23.5\" r=\"3.7\"/>\n                <circle cx=\"3.7\" cy=\"33.2\" r=\"3.7\"/>\n                <circle cx=\"31.7\" cy=\"30.6\" r=\"3.7\"/>\n                <circle cx=\"43.3\" cy=\"17.6\" r=\"3.7\"/>\n                <circle cx=\"53.2\" cy=\"23.5\" r=\"3.7\"/>\n                <circle cx=\"59.7\" cy=\"33.2\" r=\"3.7\"/>\n                <circle cx=\"31.7\" cy=\"30.6\" r=\"3.7\"/>\n                <path d=\"M33.1,9.8c.2-.1.3-.3.5-.5l4.6,2.4v-6.8l-4.6,1.5c-.1-.2-.3-.3-.5-.5l1.9-5.9h-6.7l1.9,5.9c-.2.1-.3.3-.5.5l-4.6-1.5v6.8l4.6-2.4c.1.2.3.3.5.5l-2.6,8c-.9,2.8,1.2,5.7,4.1,5.7h0c3,0,5.1-2.9,4.1-5.7l-2.6-8ZM37,37.9s-3.4,3.8-4.1,6.1c2.2,0,4.2-.5,6.4-2.8l-.7,8.5c-2-2.8-4.4-4.1-5.7-3.8.1,3.1.5,6.7,5.8,7.2,3.7.3,6.7-1.5,7-3.8.4-2.6-2-4.3-3.7-1.6-1.4-4.5,2.4-6.1,4.9-3.2-1.9-4.5-1.8-7.7,2.4-10.9,3,4,2.6,7.3-1.2,11.1,2.4-1.3,6.2,0,4,4.6-1.2-2.8-3.7-2.2-4.2.2-.3,1.7.7,3.7,3,4.2,1.9.3,4.7-.9,7-5.9-1.3,0-2.4.7-3.9,1.7l2.4-8c.6,2.3,1.4,3.7,2.2,4.5.6-1.6.5-2.8,0-5.3l5,1.8c-2.6,3.6-5.2,8.7-7.3,17.5-7.4-1.1-15.7-1.7-24.5-1.7h0c-8.8,0-17.1.6-24.5,1.7-2.1-8.9-4.7-13.9-7.3-17.5l5-1.8c-.5,2.5-.6,3.7,0,5.3.8-.8,1.6-2.3,2.2-4.5l2.4,8c-1.5-1-2.6-1.7-3.9-1.7,2.3,5,5.2,6.2,7,5.9,2.3-.4,3.3-2.4,3-4.2-.5-2.4-3-3.1-4.2-.2-2.2-4.6,1.6-6,4-4.6-3.7-3.7-4.2-7.1-1.2-11.1,4.2,3.2,4.3,6.4,2.4,10.9,2.5-2.8,6.3-1.3,4.9,3.2-1.8-2.7-4.1-1-3.7,1.6.3,2.3,3.3,4.1,7,3.8,5.4-.5,5.7-4.2,5.8-7.2-1.3-.2-3.7,1-5.7,3.8l-.7-8.5c2.2,2.3,4.2,2.7,6.4,2.8-.7-2.3-4.1-6.1-4.1-6.1h10.6,0Z\"/>\n              </g>\n              <path d=\"M88.6,33.2c0,1.8.2,3.4.6,5s1.2,3,2,4.4c1,1.2,2,2.2,3.4,3s3,1.2,5,1.2,3.4-.2,4.6-.8,2.2-1.4,3-2.2,1.2-1.8,1.6-3c.2-1,.4-2,.4-3v-.4h-10.6v-6.4h18.8v23h-7.4v-5c-.6.8-1.2,1.6-2,2.2-.8.6-1.6,1.2-2.6,1.8-1,.4-2,.8-3.2,1.2s-2.4.4-3.6.4c-3,0-5.8-.6-8-1.6-2.4-1.2-4.4-2.6-6-4.6s-2.8-4.2-3.6-6.8c-.6-2.8-1-5.6-1-8.6s.4-5.8,1.4-8.4,2.2-4.8,4-6.8,3.8-3.4,6.2-4.6c2.4-1.2,5.2-1.6,8.2-1.6s3.8.2,5.6.6c1.8.4,3.4,1.2,4.8,2s2.8,1.8,3.8,3c1.2,1.2,2,2.6,2.8,4l-7.4,4.2c-.4-.8-1-1.8-1.6-2.4-.6-.8-1.2-1.4-2-2s-1.6-1-2.6-1.4-2.2-.4-3.4-.4c-2,0-3.6.4-5,1.2-1.4.8-2.6,1.8-3.4,3-1,1.2-1.6,2.8-2,4.4-.6,1.6-.8,3.8-.8,5.4ZM161.4,24.6c-.8-2.6-2.2-4.8-4-6.8s-3.8-3.4-6.2-4.6c-2.4-1.2-5.2-1.6-8.4-1.6s-5.8.6-8.4,1.6c-2.2,1.2-4.4,2.8-6,4.6-1.8,2-3,4.2-4,6.8-.8,2.6-1.4,5.4-1.4,8.4s.4,5.8,1.4,8.4c.8,2.6,2.2,4.8,4,6.8s3.8,3.4,6.2,4.6c2.4,1.2,5.2,1.6,8.4,1.6s5.8-.6,8.4-1.6c2.4-1.2,4.6-2.6,6.2-4.6,1.8-2,3-4.2,4-6.8.8-2.6,1.4-5.4,1.4-8.4-.2-3-.6-5.8-1.6-8.4h0ZM154,33.2c0,2-.2,3.8-.8,5.4-.4,1.6-1.2,3.2-2.2,4.4s-2.2,2.2-3.4,2.8c-1.4.6-3,1-4.8,1s-3.4-.4-4.8-1-2.6-1.6-3.4-2.8c-1-1.2-1.6-2.6-2.2-4.4-.4-1.6-.8-3.4-.8-5.4v-.2c0-2,.2-3.8.8-5.4.4-1.6,1.2-3.2,2.2-4.4,1-1.2,2.2-2.2,3.4-2.8,1.4-.6,3-1,4.8-1s3.4.4,4.8,1,2.6,1.6,3.4,2.8c1,1.2,1.6,2.6,2.2,4.4.4,1.6.8,3.4.8,5.4v.2ZM177.8,54l-11.8-42h9.4l8,31.4h.2l8-31.4h9.4l-11.8,42h-11.4,0ZM235.4,46.7c1.2,0,2.4-.2,3.4-.6,1-.4,2-.8,2.8-1.6s1.4-1.6,1.8-2.8c.4-1.2.6-2.4.6-4V11.8h8.2v27.2c0,2.4-.4,4.4-1.2,6.2s-2,3.4-3.6,4.8c-1.4,1.4-3.2,2.4-5.4,3-2,.8-4.4,1-6.8,1s-4.8-.4-6.8-1c-2-.8-3.8-1.8-5.4-3-1.6-1.4-2.6-3-3.6-4.8-.8-1.8-1.2-4-1.2-6.2V11.7h8.4v26c0,1.6.2,2.8.6,4,.4,1.2,1,2,1.8,2.8s1.6,1.2,2.8,1.6c1.2.4,2.2.6,3.6.6h0ZM261.4,11.9h8.4v18.2l14.8-18.2h10.4l-14.4,16.8,15.4,25.2h-9.8l-11-18.8-5.4,6v12.8h-8.4V11.9h0ZM206.2,44.2c-3,0-5.4,2.4-5.4,5.4s2.4,5.4,5.4,5.4,5.4-2.4,5.4-5.4-2.4-5.4-5.4-5.4Z\"/>\n          </svg>\n      </a>\n    </div>\n  </div>\n</header>"
+        },
+        {
+            "name": "with custom navigation label",
+            "options": {
+                "navigationLabel": "Custom navigation label",
+                "navigation": [
+                    {
+                        "href": "#1",
+                        "text": "Navigation item 1",
+                        "active": true
+                    },
+                    {
+                        "href": "#2",
+                        "text": "Navigation item 2"
+                    },
+                    {
+                        "href": "#3",
+                        "text": "Navigation item 3"
+                    },
+                    {
+                        "href": "#4",
+                        "text": "Navigation item 4"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<header class=\"govuk-header\" data-module=\"govuk-header\">\n  <div class=\"govuk-header__container govuk-width-container\">\n    <div class=\"govuk-header__logo\">\n      <a href=\"/\" class=\"govuk-header__link govuk-header__link--homepage\">\n        <svg\n            focusable=\"false\"\n            role=\"img\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            viewBox=\"0 0 296 60\"\n            height=\"30\"\n            width=\"148\"\n            fill=\"currentcolor\" class=\"govuk-header__logotype\" aria-label=\"GOV.UK\"\n          ><title>GOV.UK</title>    <g>\n                <circle cx=\"20\" cy=\"17.6\" r=\"3.7\"/>\n                <circle cx=\"10.2\" cy=\"23.5\" r=\"3.7\"/>\n                <circle cx=\"3.7\" cy=\"33.2\" r=\"3.7\"/>\n                <circle cx=\"31.7\" cy=\"30.6\" r=\"3.7\"/>\n                <circle cx=\"43.3\" cy=\"17.6\" r=\"3.7\"/>\n                <circle cx=\"53.2\" cy=\"23.5\" r=\"3.7\"/>\n                <circle cx=\"59.7\" cy=\"33.2\" r=\"3.7\"/>\n                <circle cx=\"31.7\" cy=\"30.6\" r=\"3.7\"/>\n                <path d=\"M33.1,9.8c.2-.1.3-.3.5-.5l4.6,2.4v-6.8l-4.6,1.5c-.1-.2-.3-.3-.5-.5l1.9-5.9h-6.7l1.9,5.9c-.2.1-.3.3-.5.5l-4.6-1.5v6.8l4.6-2.4c.1.2.3.3.5.5l-2.6,8c-.9,2.8,1.2,5.7,4.1,5.7h0c3,0,5.1-2.9,4.1-5.7l-2.6-8ZM37,37.9s-3.4,3.8-4.1,6.1c2.2,0,4.2-.5,6.4-2.8l-.7,8.5c-2-2.8-4.4-4.1-5.7-3.8.1,3.1.5,6.7,5.8,7.2,3.7.3,6.7-1.5,7-3.8.4-2.6-2-4.3-3.7-1.6-1.4-4.5,2.4-6.1,4.9-3.2-1.9-4.5-1.8-7.7,2.4-10.9,3,4,2.6,7.3-1.2,11.1,2.4-1.3,6.2,0,4,4.6-1.2-2.8-3.7-2.2-4.2.2-.3,1.7.7,3.7,3,4.2,1.9.3,4.7-.9,7-5.9-1.3,0-2.4.7-3.9,1.7l2.4-8c.6,2.3,1.4,3.7,2.2,4.5.6-1.6.5-2.8,0-5.3l5,1.8c-2.6,3.6-5.2,8.7-7.3,17.5-7.4-1.1-15.7-1.7-24.5-1.7h0c-8.8,0-17.1.6-24.5,1.7-2.1-8.9-4.7-13.9-7.3-17.5l5-1.8c-.5,2.5-.6,3.7,0,5.3.8-.8,1.6-2.3,2.2-4.5l2.4,8c-1.5-1-2.6-1.7-3.9-1.7,2.3,5,5.2,6.2,7,5.9,2.3-.4,3.3-2.4,3-4.2-.5-2.4-3-3.1-4.2-.2-2.2-4.6,1.6-6,4-4.6-3.7-3.7-4.2-7.1-1.2-11.1,4.2,3.2,4.3,6.4,2.4,10.9,2.5-2.8,6.3-1.3,4.9,3.2-1.8-2.7-4.1-1-3.7,1.6.3,2.3,3.3,4.1,7,3.8,5.4-.5,5.7-4.2,5.8-7.2-1.3-.2-3.7,1-5.7,3.8l-.7-8.5c2.2,2.3,4.2,2.7,6.4,2.8-.7-2.3-4.1-6.1-4.1-6.1h10.6,0Z\"/>\n              </g>\n              <path d=\"M88.6,33.2c0,1.8.2,3.4.6,5s1.2,3,2,4.4c1,1.2,2,2.2,3.4,3s3,1.2,5,1.2,3.4-.2,4.6-.8,2.2-1.4,3-2.2,1.2-1.8,1.6-3c.2-1,.4-2,.4-3v-.4h-10.6v-6.4h18.8v23h-7.4v-5c-.6.8-1.2,1.6-2,2.2-.8.6-1.6,1.2-2.6,1.8-1,.4-2,.8-3.2,1.2s-2.4.4-3.6.4c-3,0-5.8-.6-8-1.6-2.4-1.2-4.4-2.6-6-4.6s-2.8-4.2-3.6-6.8c-.6-2.8-1-5.6-1-8.6s.4-5.8,1.4-8.4,2.2-4.8,4-6.8,3.8-3.4,6.2-4.6c2.4-1.2,5.2-1.6,8.2-1.6s3.8.2,5.6.6c1.8.4,3.4,1.2,4.8,2s2.8,1.8,3.8,3c1.2,1.2,2,2.6,2.8,4l-7.4,4.2c-.4-.8-1-1.8-1.6-2.4-.6-.8-1.2-1.4-2-2s-1.6-1-2.6-1.4-2.2-.4-3.4-.4c-2,0-3.6.4-5,1.2-1.4.8-2.6,1.8-3.4,3-1,1.2-1.6,2.8-2,4.4-.6,1.6-.8,3.8-.8,5.4ZM161.4,24.6c-.8-2.6-2.2-4.8-4-6.8s-3.8-3.4-6.2-4.6c-2.4-1.2-5.2-1.6-8.4-1.6s-5.8.6-8.4,1.6c-2.2,1.2-4.4,2.8-6,4.6-1.8,2-3,4.2-4,6.8-.8,2.6-1.4,5.4-1.4,8.4s.4,5.8,1.4,8.4c.8,2.6,2.2,4.8,4,6.8s3.8,3.4,6.2,4.6c2.4,1.2,5.2,1.6,8.4,1.6s5.8-.6,8.4-1.6c2.4-1.2,4.6-2.6,6.2-4.6,1.8-2,3-4.2,4-6.8.8-2.6,1.4-5.4,1.4-8.4-.2-3-.6-5.8-1.6-8.4h0ZM154,33.2c0,2-.2,3.8-.8,5.4-.4,1.6-1.2,3.2-2.2,4.4s-2.2,2.2-3.4,2.8c-1.4.6-3,1-4.8,1s-3.4-.4-4.8-1-2.6-1.6-3.4-2.8c-1-1.2-1.6-2.6-2.2-4.4-.4-1.6-.8-3.4-.8-5.4v-.2c0-2,.2-3.8.8-5.4.4-1.6,1.2-3.2,2.2-4.4,1-1.2,2.2-2.2,3.4-2.8,1.4-.6,3-1,4.8-1s3.4.4,4.8,1,2.6,1.6,3.4,2.8c1,1.2,1.6,2.6,2.2,4.4.4,1.6.8,3.4.8,5.4v.2ZM177.8,54l-11.8-42h9.4l8,31.4h.2l8-31.4h9.4l-11.8,42h-11.4,0ZM235.4,46.7c1.2,0,2.4-.2,3.4-.6,1-.4,2-.8,2.8-1.6s1.4-1.6,1.8-2.8c.4-1.2.6-2.4.6-4V11.8h8.2v27.2c0,2.4-.4,4.4-1.2,6.2s-2,3.4-3.6,4.8c-1.4,1.4-3.2,2.4-5.4,3-2,.8-4.4,1-6.8,1s-4.8-.4-6.8-1c-2-.8-3.8-1.8-5.4-3-1.6-1.4-2.6-3-3.6-4.8-.8-1.8-1.2-4-1.2-6.2V11.7h8.4v26c0,1.6.2,2.8.6,4,.4,1.2,1,2,1.8,2.8s1.6,1.2,2.8,1.6c1.2.4,2.2.6,3.6.6h0ZM261.4,11.9h8.4v18.2l14.8-18.2h10.4l-14.4,16.8,15.4,25.2h-9.8l-11-18.8-5.4,6v12.8h-8.4V11.9h0ZM206.2,44.2c-3,0-5.4,2.4-5.4,5.4s2.4,5.4,5.4,5.4,5.4-2.4,5.4-5.4-2.4-5.4-5.4-5.4Z\"/>\n          </svg>\n      </a>\n    </div>\n    <div class=\"govuk-header__content\">\n      <nav aria-label=\"Custom navigation label\" class=\"govuk-header__navigation\">\n        <button type=\"button\" class=\"govuk-header__menu-button govuk-js-header-toggle\" aria-controls=\"navigation\" hidden>\n          Menu\n        </button>\n\n        <ul id=\"navigation\" class=\"govuk-header__navigation-list\">\n          <li class=\"govuk-header__navigation-item govuk-header__navigation-item--active\">\n            <a class=\"govuk-header__link\" href=\"#1\">\n              Navigation item 1\n            </a>\n          </li>\n          <li class=\"govuk-header__navigation-item\">\n            <a class=\"govuk-header__link\" href=\"#2\">\n              Navigation item 2\n            </a>\n          </li>\n          <li class=\"govuk-header__navigation-item\">\n            <a class=\"govuk-header__link\" href=\"#3\">\n              Navigation item 3\n            </a>\n          </li>\n          <li class=\"govuk-header__navigation-item\">\n            <a class=\"govuk-header__link\" href=\"#4\">\n              Navigation item 4\n            </a>\n          </li>\n        </ul>\n      </nav>\n    </div>\n  </div>\n</header>"
+        },
+        {
+            "name": "navigation item with attributes",
+            "options": {
+                "navigation": [
+                    {
+                        "href": "/link",
+                        "text": "Item",
+                        "attributes": {
+                            "data-attribute": "my-attribute",
+                            "data-attribute-2": "my-attribute-2"
+                        }
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<header class=\"govuk-header\" data-module=\"govuk-header\">\n  <div class=\"govuk-header__container govuk-width-container\">\n    <div class=\"govuk-header__logo\">\n      <a href=\"/\" class=\"govuk-header__link govuk-header__link--homepage\">\n        <svg\n            focusable=\"false\"\n            role=\"img\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            viewBox=\"0 0 296 60\"\n            height=\"30\"\n            width=\"148\"\n            fill=\"currentcolor\" class=\"govuk-header__logotype\" aria-label=\"GOV.UK\"\n          ><title>GOV.UK</title>    <g>\n                <circle cx=\"20\" cy=\"17.6\" r=\"3.7\"/>\n                <circle cx=\"10.2\" cy=\"23.5\" r=\"3.7\"/>\n                <circle cx=\"3.7\" cy=\"33.2\" r=\"3.7\"/>\n                <circle cx=\"31.7\" cy=\"30.6\" r=\"3.7\"/>\n                <circle cx=\"43.3\" cy=\"17.6\" r=\"3.7\"/>\n                <circle cx=\"53.2\" cy=\"23.5\" r=\"3.7\"/>\n                <circle cx=\"59.7\" cy=\"33.2\" r=\"3.7\"/>\n                <circle cx=\"31.7\" cy=\"30.6\" r=\"3.7\"/>\n                <path d=\"M33.1,9.8c.2-.1.3-.3.5-.5l4.6,2.4v-6.8l-4.6,1.5c-.1-.2-.3-.3-.5-.5l1.9-5.9h-6.7l1.9,5.9c-.2.1-.3.3-.5.5l-4.6-1.5v6.8l4.6-2.4c.1.2.3.3.5.5l-2.6,8c-.9,2.8,1.2,5.7,4.1,5.7h0c3,0,5.1-2.9,4.1-5.7l-2.6-8ZM37,37.9s-3.4,3.8-4.1,6.1c2.2,0,4.2-.5,6.4-2.8l-.7,8.5c-2-2.8-4.4-4.1-5.7-3.8.1,3.1.5,6.7,5.8,7.2,3.7.3,6.7-1.5,7-3.8.4-2.6-2-4.3-3.7-1.6-1.4-4.5,2.4-6.1,4.9-3.2-1.9-4.5-1.8-7.7,2.4-10.9,3,4,2.6,7.3-1.2,11.1,2.4-1.3,6.2,0,4,4.6-1.2-2.8-3.7-2.2-4.2.2-.3,1.7.7,3.7,3,4.2,1.9.3,4.7-.9,7-5.9-1.3,0-2.4.7-3.9,1.7l2.4-8c.6,2.3,1.4,3.7,2.2,4.5.6-1.6.5-2.8,0-5.3l5,1.8c-2.6,3.6-5.2,8.7-7.3,17.5-7.4-1.1-15.7-1.7-24.5-1.7h0c-8.8,0-17.1.6-24.5,1.7-2.1-8.9-4.7-13.9-7.3-17.5l5-1.8c-.5,2.5-.6,3.7,0,5.3.8-.8,1.6-2.3,2.2-4.5l2.4,8c-1.5-1-2.6-1.7-3.9-1.7,2.3,5,5.2,6.2,7,5.9,2.3-.4,3.3-2.4,3-4.2-.5-2.4-3-3.1-4.2-.2-2.2-4.6,1.6-6,4-4.6-3.7-3.7-4.2-7.1-1.2-11.1,4.2,3.2,4.3,6.4,2.4,10.9,2.5-2.8,6.3-1.3,4.9,3.2-1.8-2.7-4.1-1-3.7,1.6.3,2.3,3.3,4.1,7,3.8,5.4-.5,5.7-4.2,5.8-7.2-1.3-.2-3.7,1-5.7,3.8l-.7-8.5c2.2,2.3,4.2,2.7,6.4,2.8-.7-2.3-4.1-6.1-4.1-6.1h10.6,0Z\"/>\n              </g>\n              <path d=\"M88.6,33.2c0,1.8.2,3.4.6,5s1.2,3,2,4.4c1,1.2,2,2.2,3.4,3s3,1.2,5,1.2,3.4-.2,4.6-.8,2.2-1.4,3-2.2,1.2-1.8,1.6-3c.2-1,.4-2,.4-3v-.4h-10.6v-6.4h18.8v23h-7.4v-5c-.6.8-1.2,1.6-2,2.2-.8.6-1.6,1.2-2.6,1.8-1,.4-2,.8-3.2,1.2s-2.4.4-3.6.4c-3,0-5.8-.6-8-1.6-2.4-1.2-4.4-2.6-6-4.6s-2.8-4.2-3.6-6.8c-.6-2.8-1-5.6-1-8.6s.4-5.8,1.4-8.4,2.2-4.8,4-6.8,3.8-3.4,6.2-4.6c2.4-1.2,5.2-1.6,8.2-1.6s3.8.2,5.6.6c1.8.4,3.4,1.2,4.8,2s2.8,1.8,3.8,3c1.2,1.2,2,2.6,2.8,4l-7.4,4.2c-.4-.8-1-1.8-1.6-2.4-.6-.8-1.2-1.4-2-2s-1.6-1-2.6-1.4-2.2-.4-3.4-.4c-2,0-3.6.4-5,1.2-1.4.8-2.6,1.8-3.4,3-1,1.2-1.6,2.8-2,4.4-.6,1.6-.8,3.8-.8,5.4ZM161.4,24.6c-.8-2.6-2.2-4.8-4-6.8s-3.8-3.4-6.2-4.6c-2.4-1.2-5.2-1.6-8.4-1.6s-5.8.6-8.4,1.6c-2.2,1.2-4.4,2.8-6,4.6-1.8,2-3,4.2-4,6.8-.8,2.6-1.4,5.4-1.4,8.4s.4,5.8,1.4,8.4c.8,2.6,2.2,4.8,4,6.8s3.8,3.4,6.2,4.6c2.4,1.2,5.2,1.6,8.4,1.6s5.8-.6,8.4-1.6c2.4-1.2,4.6-2.6,6.2-4.6,1.8-2,3-4.2,4-6.8.8-2.6,1.4-5.4,1.4-8.4-.2-3-.6-5.8-1.6-8.4h0ZM154,33.2c0,2-.2,3.8-.8,5.4-.4,1.6-1.2,3.2-2.2,4.4s-2.2,2.2-3.4,2.8c-1.4.6-3,1-4.8,1s-3.4-.4-4.8-1-2.6-1.6-3.4-2.8c-1-1.2-1.6-2.6-2.2-4.4-.4-1.6-.8-3.4-.8-5.4v-.2c0-2,.2-3.8.8-5.4.4-1.6,1.2-3.2,2.2-4.4,1-1.2,2.2-2.2,3.4-2.8,1.4-.6,3-1,4.8-1s3.4.4,4.8,1,2.6,1.6,3.4,2.8c1,1.2,1.6,2.6,2.2,4.4.4,1.6.8,3.4.8,5.4v.2ZM177.8,54l-11.8-42h9.4l8,31.4h.2l8-31.4h9.4l-11.8,42h-11.4,0ZM235.4,46.7c1.2,0,2.4-.2,3.4-.6,1-.4,2-.8,2.8-1.6s1.4-1.6,1.8-2.8c.4-1.2.6-2.4.6-4V11.8h8.2v27.2c0,2.4-.4,4.4-1.2,6.2s-2,3.4-3.6,4.8c-1.4,1.4-3.2,2.4-5.4,3-2,.8-4.4,1-6.8,1s-4.8-.4-6.8-1c-2-.8-3.8-1.8-5.4-3-1.6-1.4-2.6-3-3.6-4.8-.8-1.8-1.2-4-1.2-6.2V11.7h8.4v26c0,1.6.2,2.8.6,4,.4,1.2,1,2,1.8,2.8s1.6,1.2,2.8,1.6c1.2.4,2.2.6,3.6.6h0ZM261.4,11.9h8.4v18.2l14.8-18.2h10.4l-14.4,16.8,15.4,25.2h-9.8l-11-18.8-5.4,6v12.8h-8.4V11.9h0ZM206.2,44.2c-3,0-5.4,2.4-5.4,5.4s2.4,5.4,5.4,5.4,5.4-2.4,5.4-5.4-2.4-5.4-5.4-5.4Z\"/>\n          </svg>\n      </a>\n    </div>\n    <div class=\"govuk-header__content\">\n      <nav aria-label=\"Menu\" class=\"govuk-header__navigation\">\n        <button type=\"button\" class=\"govuk-header__menu-button govuk-js-header-toggle\" aria-controls=\"navigation\" hidden>\n          Menu\n        </button>\n\n        <ul id=\"navigation\" class=\"govuk-header__navigation-list\">\n          <li class=\"govuk-header__navigation-item\">\n            <a class=\"govuk-header__link\" href=\"/link\" data-attribute=\"my-attribute\" data-attribute-2=\"my-attribute-2\">\n              Item\n            </a>\n          </li>\n        </ul>\n      </nav>\n    </div>\n  </div>\n</header>"
+        },
+        {
+            "name": "navigation item with html as text",
+            "options": {
+                "serviceName": "Service Name",
+                "serviceUrl": "/components/header",
+                "navigation": [
+                    {
+                        "href": "#1",
+                        "text": "<em>Navigation item 1</em>",
+                        "active": true
+                    },
+                    {
+                        "href": "#2",
+                        "text": "<em>Navigation item 2</em>"
+                    },
+                    {
+                        "href": "#3",
+                        "text": "<em>Navigation item 3</em>"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<header class=\"govuk-header\" data-module=\"govuk-header\">\n  <div class=\"govuk-header__container govuk-width-container\">\n    <div class=\"govuk-header__logo\">\n      <a href=\"/\" class=\"govuk-header__link govuk-header__link--homepage\">\n        <svg\n            focusable=\"false\"\n            role=\"img\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            viewBox=\"0 0 296 60\"\n            height=\"30\"\n            width=\"148\"\n            fill=\"currentcolor\" class=\"govuk-header__logotype\" aria-label=\"GOV.UK\"\n          ><title>GOV.UK</title>    <g>\n                <circle cx=\"20\" cy=\"17.6\" r=\"3.7\"/>\n                <circle cx=\"10.2\" cy=\"23.5\" r=\"3.7\"/>\n                <circle cx=\"3.7\" cy=\"33.2\" r=\"3.7\"/>\n                <circle cx=\"31.7\" cy=\"30.6\" r=\"3.7\"/>\n                <circle cx=\"43.3\" cy=\"17.6\" r=\"3.7\"/>\n                <circle cx=\"53.2\" cy=\"23.5\" r=\"3.7\"/>\n                <circle cx=\"59.7\" cy=\"33.2\" r=\"3.7\"/>\n                <circle cx=\"31.7\" cy=\"30.6\" r=\"3.7\"/>\n                <path d=\"M33.1,9.8c.2-.1.3-.3.5-.5l4.6,2.4v-6.8l-4.6,1.5c-.1-.2-.3-.3-.5-.5l1.9-5.9h-6.7l1.9,5.9c-.2.1-.3.3-.5.5l-4.6-1.5v6.8l4.6-2.4c.1.2.3.3.5.5l-2.6,8c-.9,2.8,1.2,5.7,4.1,5.7h0c3,0,5.1-2.9,4.1-5.7l-2.6-8ZM37,37.9s-3.4,3.8-4.1,6.1c2.2,0,4.2-.5,6.4-2.8l-.7,8.5c-2-2.8-4.4-4.1-5.7-3.8.1,3.1.5,6.7,5.8,7.2,3.7.3,6.7-1.5,7-3.8.4-2.6-2-4.3-3.7-1.6-1.4-4.5,2.4-6.1,4.9-3.2-1.9-4.5-1.8-7.7,2.4-10.9,3,4,2.6,7.3-1.2,11.1,2.4-1.3,6.2,0,4,4.6-1.2-2.8-3.7-2.2-4.2.2-.3,1.7.7,3.7,3,4.2,1.9.3,4.7-.9,7-5.9-1.3,0-2.4.7-3.9,1.7l2.4-8c.6,2.3,1.4,3.7,2.2,4.5.6-1.6.5-2.8,0-5.3l5,1.8c-2.6,3.6-5.2,8.7-7.3,17.5-7.4-1.1-15.7-1.7-24.5-1.7h0c-8.8,0-17.1.6-24.5,1.7-2.1-8.9-4.7-13.9-7.3-17.5l5-1.8c-.5,2.5-.6,3.7,0,5.3.8-.8,1.6-2.3,2.2-4.5l2.4,8c-1.5-1-2.6-1.7-3.9-1.7,2.3,5,5.2,6.2,7,5.9,2.3-.4,3.3-2.4,3-4.2-.5-2.4-3-3.1-4.2-.2-2.2-4.6,1.6-6,4-4.6-3.7-3.7-4.2-7.1-1.2-11.1,4.2,3.2,4.3,6.4,2.4,10.9,2.5-2.8,6.3-1.3,4.9,3.2-1.8-2.7-4.1-1-3.7,1.6.3,2.3,3.3,4.1,7,3.8,5.4-.5,5.7-4.2,5.8-7.2-1.3-.2-3.7,1-5.7,3.8l-.7-8.5c2.2,2.3,4.2,2.7,6.4,2.8-.7-2.3-4.1-6.1-4.1-6.1h10.6,0Z\"/>\n              </g>\n              <path d=\"M88.6,33.2c0,1.8.2,3.4.6,5s1.2,3,2,4.4c1,1.2,2,2.2,3.4,3s3,1.2,5,1.2,3.4-.2,4.6-.8,2.2-1.4,3-2.2,1.2-1.8,1.6-3c.2-1,.4-2,.4-3v-.4h-10.6v-6.4h18.8v23h-7.4v-5c-.6.8-1.2,1.6-2,2.2-.8.6-1.6,1.2-2.6,1.8-1,.4-2,.8-3.2,1.2s-2.4.4-3.6.4c-3,0-5.8-.6-8-1.6-2.4-1.2-4.4-2.6-6-4.6s-2.8-4.2-3.6-6.8c-.6-2.8-1-5.6-1-8.6s.4-5.8,1.4-8.4,2.2-4.8,4-6.8,3.8-3.4,6.2-4.6c2.4-1.2,5.2-1.6,8.2-1.6s3.8.2,5.6.6c1.8.4,3.4,1.2,4.8,2s2.8,1.8,3.8,3c1.2,1.2,2,2.6,2.8,4l-7.4,4.2c-.4-.8-1-1.8-1.6-2.4-.6-.8-1.2-1.4-2-2s-1.6-1-2.6-1.4-2.2-.4-3.4-.4c-2,0-3.6.4-5,1.2-1.4.8-2.6,1.8-3.4,3-1,1.2-1.6,2.8-2,4.4-.6,1.6-.8,3.8-.8,5.4ZM161.4,24.6c-.8-2.6-2.2-4.8-4-6.8s-3.8-3.4-6.2-4.6c-2.4-1.2-5.2-1.6-8.4-1.6s-5.8.6-8.4,1.6c-2.2,1.2-4.4,2.8-6,4.6-1.8,2-3,4.2-4,6.8-.8,2.6-1.4,5.4-1.4,8.4s.4,5.8,1.4,8.4c.8,2.6,2.2,4.8,4,6.8s3.8,3.4,6.2,4.6c2.4,1.2,5.2,1.6,8.4,1.6s5.8-.6,8.4-1.6c2.4-1.2,4.6-2.6,6.2-4.6,1.8-2,3-4.2,4-6.8.8-2.6,1.4-5.4,1.4-8.4-.2-3-.6-5.8-1.6-8.4h0ZM154,33.2c0,2-.2,3.8-.8,5.4-.4,1.6-1.2,3.2-2.2,4.4s-2.2,2.2-3.4,2.8c-1.4.6-3,1-4.8,1s-3.4-.4-4.8-1-2.6-1.6-3.4-2.8c-1-1.2-1.6-2.6-2.2-4.4-.4-1.6-.8-3.4-.8-5.4v-.2c0-2,.2-3.8.8-5.4.4-1.6,1.2-3.2,2.2-4.4,1-1.2,2.2-2.2,3.4-2.8,1.4-.6,3-1,4.8-1s3.4.4,4.8,1,2.6,1.6,3.4,2.8c1,1.2,1.6,2.6,2.2,4.4.4,1.6.8,3.4.8,5.4v.2ZM177.8,54l-11.8-42h9.4l8,31.4h.2l8-31.4h9.4l-11.8,42h-11.4,0ZM235.4,46.7c1.2,0,2.4-.2,3.4-.6,1-.4,2-.8,2.8-1.6s1.4-1.6,1.8-2.8c.4-1.2.6-2.4.6-4V11.8h8.2v27.2c0,2.4-.4,4.4-1.2,6.2s-2,3.4-3.6,4.8c-1.4,1.4-3.2,2.4-5.4,3-2,.8-4.4,1-6.8,1s-4.8-.4-6.8-1c-2-.8-3.8-1.8-5.4-3-1.6-1.4-2.6-3-3.6-4.8-.8-1.8-1.2-4-1.2-6.2V11.7h8.4v26c0,1.6.2,2.8.6,4,.4,1.2,1,2,1.8,2.8s1.6,1.2,2.8,1.6c1.2.4,2.2.6,3.6.6h0ZM261.4,11.9h8.4v18.2l14.8-18.2h10.4l-14.4,16.8,15.4,25.2h-9.8l-11-18.8-5.4,6v12.8h-8.4V11.9h0ZM206.2,44.2c-3,0-5.4,2.4-5.4,5.4s2.4,5.4,5.4,5.4,5.4-2.4,5.4-5.4-2.4-5.4-5.4-5.4Z\"/>\n          </svg>\n      </a>\n    </div>\n    <div class=\"govuk-header__content\">\n      <a href=\"/components/header\" class=\"govuk-header__link govuk-header__service-name\">\n        Service Name\n      </a>\n      <nav aria-label=\"Menu\" class=\"govuk-header__navigation\">\n        <button type=\"button\" class=\"govuk-header__menu-button govuk-js-header-toggle\" aria-controls=\"navigation\" hidden>\n          Menu\n        </button>\n\n        <ul id=\"navigation\" class=\"govuk-header__navigation-list\">\n          <li class=\"govuk-header__navigation-item govuk-header__navigation-item--active\">\n            <a class=\"govuk-header__link\" href=\"#1\">\n              &lt;em&gt;Navigation item 1&lt;/em&gt;\n            </a>\n          </li>\n          <li class=\"govuk-header__navigation-item\">\n            <a class=\"govuk-header__link\" href=\"#2\">\n              &lt;em&gt;Navigation item 2&lt;/em&gt;\n            </a>\n          </li>\n          <li class=\"govuk-header__navigation-item\">\n            <a class=\"govuk-header__link\" href=\"#3\">\n              &lt;em&gt;Navigation item 3&lt;/em&gt;\n            </a>\n          </li>\n        </ul>\n      </nav>\n    </div>\n  </div>\n</header>"
+        },
+        {
+            "name": "navigation item with html without link",
+            "options": {
+                "serviceName": "Service Name",
+                "serviceUrl": "/components/header",
+                "navigation": [
+                    {
+                        "html": "<em>Navigation item 1</em>",
+                        "active": true
+                    },
+                    {
+                        "html": "<em>Navigation item 2</em>"
+                    },
+                    {
+                        "html": "<em>Navigation item 3</em>"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<header class=\"govuk-header\" data-module=\"govuk-header\">\n  <div class=\"govuk-header__container govuk-width-container\">\n    <div class=\"govuk-header__logo\">\n      <a href=\"/\" class=\"govuk-header__link govuk-header__link--homepage\">\n        <svg\n            focusable=\"false\"\n            role=\"img\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            viewBox=\"0 0 296 60\"\n            height=\"30\"\n            width=\"148\"\n            fill=\"currentcolor\" class=\"govuk-header__logotype\" aria-label=\"GOV.UK\"\n          ><title>GOV.UK</title>    <g>\n                <circle cx=\"20\" cy=\"17.6\" r=\"3.7\"/>\n                <circle cx=\"10.2\" cy=\"23.5\" r=\"3.7\"/>\n                <circle cx=\"3.7\" cy=\"33.2\" r=\"3.7\"/>\n                <circle cx=\"31.7\" cy=\"30.6\" r=\"3.7\"/>\n                <circle cx=\"43.3\" cy=\"17.6\" r=\"3.7\"/>\n                <circle cx=\"53.2\" cy=\"23.5\" r=\"3.7\"/>\n                <circle cx=\"59.7\" cy=\"33.2\" r=\"3.7\"/>\n                <circle cx=\"31.7\" cy=\"30.6\" r=\"3.7\"/>\n                <path d=\"M33.1,9.8c.2-.1.3-.3.5-.5l4.6,2.4v-6.8l-4.6,1.5c-.1-.2-.3-.3-.5-.5l1.9-5.9h-6.7l1.9,5.9c-.2.1-.3.3-.5.5l-4.6-1.5v6.8l4.6-2.4c.1.2.3.3.5.5l-2.6,8c-.9,2.8,1.2,5.7,4.1,5.7h0c3,0,5.1-2.9,4.1-5.7l-2.6-8ZM37,37.9s-3.4,3.8-4.1,6.1c2.2,0,4.2-.5,6.4-2.8l-.7,8.5c-2-2.8-4.4-4.1-5.7-3.8.1,3.1.5,6.7,5.8,7.2,3.7.3,6.7-1.5,7-3.8.4-2.6-2-4.3-3.7-1.6-1.4-4.5,2.4-6.1,4.9-3.2-1.9-4.5-1.8-7.7,2.4-10.9,3,4,2.6,7.3-1.2,11.1,2.4-1.3,6.2,0,4,4.6-1.2-2.8-3.7-2.2-4.2.2-.3,1.7.7,3.7,3,4.2,1.9.3,4.7-.9,7-5.9-1.3,0-2.4.7-3.9,1.7l2.4-8c.6,2.3,1.4,3.7,2.2,4.5.6-1.6.5-2.8,0-5.3l5,1.8c-2.6,3.6-5.2,8.7-7.3,17.5-7.4-1.1-15.7-1.7-24.5-1.7h0c-8.8,0-17.1.6-24.5,1.7-2.1-8.9-4.7-13.9-7.3-17.5l5-1.8c-.5,2.5-.6,3.7,0,5.3.8-.8,1.6-2.3,2.2-4.5l2.4,8c-1.5-1-2.6-1.7-3.9-1.7,2.3,5,5.2,6.2,7,5.9,2.3-.4,3.3-2.4,3-4.2-.5-2.4-3-3.1-4.2-.2-2.2-4.6,1.6-6,4-4.6-3.7-3.7-4.2-7.1-1.2-11.1,4.2,3.2,4.3,6.4,2.4,10.9,2.5-2.8,6.3-1.3,4.9,3.2-1.8-2.7-4.1-1-3.7,1.6.3,2.3,3.3,4.1,7,3.8,5.4-.5,5.7-4.2,5.8-7.2-1.3-.2-3.7,1-5.7,3.8l-.7-8.5c2.2,2.3,4.2,2.7,6.4,2.8-.7-2.3-4.1-6.1-4.1-6.1h10.6,0Z\"/>\n              </g>\n              <path d=\"M88.6,33.2c0,1.8.2,3.4.6,5s1.2,3,2,4.4c1,1.2,2,2.2,3.4,3s3,1.2,5,1.2,3.4-.2,4.6-.8,2.2-1.4,3-2.2,1.2-1.8,1.6-3c.2-1,.4-2,.4-3v-.4h-10.6v-6.4h18.8v23h-7.4v-5c-.6.8-1.2,1.6-2,2.2-.8.6-1.6,1.2-2.6,1.8-1,.4-2,.8-3.2,1.2s-2.4.4-3.6.4c-3,0-5.8-.6-8-1.6-2.4-1.2-4.4-2.6-6-4.6s-2.8-4.2-3.6-6.8c-.6-2.8-1-5.6-1-8.6s.4-5.8,1.4-8.4,2.2-4.8,4-6.8,3.8-3.4,6.2-4.6c2.4-1.2,5.2-1.6,8.2-1.6s3.8.2,5.6.6c1.8.4,3.4,1.2,4.8,2s2.8,1.8,3.8,3c1.2,1.2,2,2.6,2.8,4l-7.4,4.2c-.4-.8-1-1.8-1.6-2.4-.6-.8-1.2-1.4-2-2s-1.6-1-2.6-1.4-2.2-.4-3.4-.4c-2,0-3.6.4-5,1.2-1.4.8-2.6,1.8-3.4,3-1,1.2-1.6,2.8-2,4.4-.6,1.6-.8,3.8-.8,5.4ZM161.4,24.6c-.8-2.6-2.2-4.8-4-6.8s-3.8-3.4-6.2-4.6c-2.4-1.2-5.2-1.6-8.4-1.6s-5.8.6-8.4,1.6c-2.2,1.2-4.4,2.8-6,4.6-1.8,2-3,4.2-4,6.8-.8,2.6-1.4,5.4-1.4,8.4s.4,5.8,1.4,8.4c.8,2.6,2.2,4.8,4,6.8s3.8,3.4,6.2,4.6c2.4,1.2,5.2,1.6,8.4,1.6s5.8-.6,8.4-1.6c2.4-1.2,4.6-2.6,6.2-4.6,1.8-2,3-4.2,4-6.8.8-2.6,1.4-5.4,1.4-8.4-.2-3-.6-5.8-1.6-8.4h0ZM154,33.2c0,2-.2,3.8-.8,5.4-.4,1.6-1.2,3.2-2.2,4.4s-2.2,2.2-3.4,2.8c-1.4.6-3,1-4.8,1s-3.4-.4-4.8-1-2.6-1.6-3.4-2.8c-1-1.2-1.6-2.6-2.2-4.4-.4-1.6-.8-3.4-.8-5.4v-.2c0-2,.2-3.8.8-5.4.4-1.6,1.2-3.2,2.2-4.4,1-1.2,2.2-2.2,3.4-2.8,1.4-.6,3-1,4.8-1s3.4.4,4.8,1,2.6,1.6,3.4,2.8c1,1.2,1.6,2.6,2.2,4.4.4,1.6.8,3.4.8,5.4v.2ZM177.8,54l-11.8-42h9.4l8,31.4h.2l8-31.4h9.4l-11.8,42h-11.4,0ZM235.4,46.7c1.2,0,2.4-.2,3.4-.6,1-.4,2-.8,2.8-1.6s1.4-1.6,1.8-2.8c.4-1.2.6-2.4.6-4V11.8h8.2v27.2c0,2.4-.4,4.4-1.2,6.2s-2,3.4-3.6,4.8c-1.4,1.4-3.2,2.4-5.4,3-2,.8-4.4,1-6.8,1s-4.8-.4-6.8-1c-2-.8-3.8-1.8-5.4-3-1.6-1.4-2.6-3-3.6-4.8-.8-1.8-1.2-4-1.2-6.2V11.7h8.4v26c0,1.6.2,2.8.6,4,.4,1.2,1,2,1.8,2.8s1.6,1.2,2.8,1.6c1.2.4,2.2.6,3.6.6h0ZM261.4,11.9h8.4v18.2l14.8-18.2h10.4l-14.4,16.8,15.4,25.2h-9.8l-11-18.8-5.4,6v12.8h-8.4V11.9h0ZM206.2,44.2c-3,0-5.4,2.4-5.4,5.4s2.4,5.4,5.4,5.4,5.4-2.4,5.4-5.4-2.4-5.4-5.4-5.4Z\"/>\n          </svg>\n      </a>\n    </div>\n    <div class=\"govuk-header__content\">\n      <a href=\"/components/header\" class=\"govuk-header__link govuk-header__service-name\">\n        Service Name\n      </a>\n      <nav aria-label=\"Menu\" class=\"govuk-header__navigation\">\n        <button type=\"button\" class=\"govuk-header__menu-button govuk-js-header-toggle\" aria-controls=\"navigation\" hidden>\n          Menu\n        </button>\n\n        <ul id=\"navigation\" class=\"govuk-header__navigation-list\">\n          <li class=\"govuk-header__navigation-item govuk-header__navigation-item--active\">\n              <em>Navigation item 1</em>\n          </li>\n          <li class=\"govuk-header__navigation-item\">\n              <em>Navigation item 2</em>\n          </li>\n          <li class=\"govuk-header__navigation-item\">\n              <em>Navigation item 3</em>\n          </li>\n        </ul>\n      </nav>\n    </div>\n  </div>\n</header>"
+        },
+        {
+            "name": "with custom menu button label",
+            "options": {
+                "menuButtonLabel": "Custom button label",
+                "navigation": [
+                    {
+                        "href": "#1",
+                        "text": "Navigation item 1",
+                        "active": true
+                    },
+                    {
+                        "href": "#2",
+                        "text": "Navigation item 2"
+                    },
+                    {
+                        "href": "#3",
+                        "text": "Navigation item 3"
+                    },
+                    {
+                        "href": "#4",
+                        "text": "Navigation item 4"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<header class=\"govuk-header\" data-module=\"govuk-header\">\n  <div class=\"govuk-header__container govuk-width-container\">\n    <div class=\"govuk-header__logo\">\n      <a href=\"/\" class=\"govuk-header__link govuk-header__link--homepage\">\n        <svg\n            focusable=\"false\"\n            role=\"img\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            viewBox=\"0 0 296 60\"\n            height=\"30\"\n            width=\"148\"\n            fill=\"currentcolor\" class=\"govuk-header__logotype\" aria-label=\"GOV.UK\"\n          ><title>GOV.UK</title>    <g>\n                <circle cx=\"20\" cy=\"17.6\" r=\"3.7\"/>\n                <circle cx=\"10.2\" cy=\"23.5\" r=\"3.7\"/>\n                <circle cx=\"3.7\" cy=\"33.2\" r=\"3.7\"/>\n                <circle cx=\"31.7\" cy=\"30.6\" r=\"3.7\"/>\n                <circle cx=\"43.3\" cy=\"17.6\" r=\"3.7\"/>\n                <circle cx=\"53.2\" cy=\"23.5\" r=\"3.7\"/>\n                <circle cx=\"59.7\" cy=\"33.2\" r=\"3.7\"/>\n                <circle cx=\"31.7\" cy=\"30.6\" r=\"3.7\"/>\n                <path d=\"M33.1,9.8c.2-.1.3-.3.5-.5l4.6,2.4v-6.8l-4.6,1.5c-.1-.2-.3-.3-.5-.5l1.9-5.9h-6.7l1.9,5.9c-.2.1-.3.3-.5.5l-4.6-1.5v6.8l4.6-2.4c.1.2.3.3.5.5l-2.6,8c-.9,2.8,1.2,5.7,4.1,5.7h0c3,0,5.1-2.9,4.1-5.7l-2.6-8ZM37,37.9s-3.4,3.8-4.1,6.1c2.2,0,4.2-.5,6.4-2.8l-.7,8.5c-2-2.8-4.4-4.1-5.7-3.8.1,3.1.5,6.7,5.8,7.2,3.7.3,6.7-1.5,7-3.8.4-2.6-2-4.3-3.7-1.6-1.4-4.5,2.4-6.1,4.9-3.2-1.9-4.5-1.8-7.7,2.4-10.9,3,4,2.6,7.3-1.2,11.1,2.4-1.3,6.2,0,4,4.6-1.2-2.8-3.7-2.2-4.2.2-.3,1.7.7,3.7,3,4.2,1.9.3,4.7-.9,7-5.9-1.3,0-2.4.7-3.9,1.7l2.4-8c.6,2.3,1.4,3.7,2.2,4.5.6-1.6.5-2.8,0-5.3l5,1.8c-2.6,3.6-5.2,8.7-7.3,17.5-7.4-1.1-15.7-1.7-24.5-1.7h0c-8.8,0-17.1.6-24.5,1.7-2.1-8.9-4.7-13.9-7.3-17.5l5-1.8c-.5,2.5-.6,3.7,0,5.3.8-.8,1.6-2.3,2.2-4.5l2.4,8c-1.5-1-2.6-1.7-3.9-1.7,2.3,5,5.2,6.2,7,5.9,2.3-.4,3.3-2.4,3-4.2-.5-2.4-3-3.1-4.2-.2-2.2-4.6,1.6-6,4-4.6-3.7-3.7-4.2-7.1-1.2-11.1,4.2,3.2,4.3,6.4,2.4,10.9,2.5-2.8,6.3-1.3,4.9,3.2-1.8-2.7-4.1-1-3.7,1.6.3,2.3,3.3,4.1,7,3.8,5.4-.5,5.7-4.2,5.8-7.2-1.3-.2-3.7,1-5.7,3.8l-.7-8.5c2.2,2.3,4.2,2.7,6.4,2.8-.7-2.3-4.1-6.1-4.1-6.1h10.6,0Z\"/>\n              </g>\n              <path d=\"M88.6,33.2c0,1.8.2,3.4.6,5s1.2,3,2,4.4c1,1.2,2,2.2,3.4,3s3,1.2,5,1.2,3.4-.2,4.6-.8,2.2-1.4,3-2.2,1.2-1.8,1.6-3c.2-1,.4-2,.4-3v-.4h-10.6v-6.4h18.8v23h-7.4v-5c-.6.8-1.2,1.6-2,2.2-.8.6-1.6,1.2-2.6,1.8-1,.4-2,.8-3.2,1.2s-2.4.4-3.6.4c-3,0-5.8-.6-8-1.6-2.4-1.2-4.4-2.6-6-4.6s-2.8-4.2-3.6-6.8c-.6-2.8-1-5.6-1-8.6s.4-5.8,1.4-8.4,2.2-4.8,4-6.8,3.8-3.4,6.2-4.6c2.4-1.2,5.2-1.6,8.2-1.6s3.8.2,5.6.6c1.8.4,3.4,1.2,4.8,2s2.8,1.8,3.8,3c1.2,1.2,2,2.6,2.8,4l-7.4,4.2c-.4-.8-1-1.8-1.6-2.4-.6-.8-1.2-1.4-2-2s-1.6-1-2.6-1.4-2.2-.4-3.4-.4c-2,0-3.6.4-5,1.2-1.4.8-2.6,1.8-3.4,3-1,1.2-1.6,2.8-2,4.4-.6,1.6-.8,3.8-.8,5.4ZM161.4,24.6c-.8-2.6-2.2-4.8-4-6.8s-3.8-3.4-6.2-4.6c-2.4-1.2-5.2-1.6-8.4-1.6s-5.8.6-8.4,1.6c-2.2,1.2-4.4,2.8-6,4.6-1.8,2-3,4.2-4,6.8-.8,2.6-1.4,5.4-1.4,8.4s.4,5.8,1.4,8.4c.8,2.6,2.2,4.8,4,6.8s3.8,3.4,6.2,4.6c2.4,1.2,5.2,1.6,8.4,1.6s5.8-.6,8.4-1.6c2.4-1.2,4.6-2.6,6.2-4.6,1.8-2,3-4.2,4-6.8.8-2.6,1.4-5.4,1.4-8.4-.2-3-.6-5.8-1.6-8.4h0ZM154,33.2c0,2-.2,3.8-.8,5.4-.4,1.6-1.2,3.2-2.2,4.4s-2.2,2.2-3.4,2.8c-1.4.6-3,1-4.8,1s-3.4-.4-4.8-1-2.6-1.6-3.4-2.8c-1-1.2-1.6-2.6-2.2-4.4-.4-1.6-.8-3.4-.8-5.4v-.2c0-2,.2-3.8.8-5.4.4-1.6,1.2-3.2,2.2-4.4,1-1.2,2.2-2.2,3.4-2.8,1.4-.6,3-1,4.8-1s3.4.4,4.8,1,2.6,1.6,3.4,2.8c1,1.2,1.6,2.6,2.2,4.4.4,1.6.8,3.4.8,5.4v.2ZM177.8,54l-11.8-42h9.4l8,31.4h.2l8-31.4h9.4l-11.8,42h-11.4,0ZM235.4,46.7c1.2,0,2.4-.2,3.4-.6,1-.4,2-.8,2.8-1.6s1.4-1.6,1.8-2.8c.4-1.2.6-2.4.6-4V11.8h8.2v27.2c0,2.4-.4,4.4-1.2,6.2s-2,3.4-3.6,4.8c-1.4,1.4-3.2,2.4-5.4,3-2,.8-4.4,1-6.8,1s-4.8-.4-6.8-1c-2-.8-3.8-1.8-5.4-3-1.6-1.4-2.6-3-3.6-4.8-.8-1.8-1.2-4-1.2-6.2V11.7h8.4v26c0,1.6.2,2.8.6,4,.4,1.2,1,2,1.8,2.8s1.6,1.2,2.8,1.6c1.2.4,2.2.6,3.6.6h0ZM261.4,11.9h8.4v18.2l14.8-18.2h10.4l-14.4,16.8,15.4,25.2h-9.8l-11-18.8-5.4,6v12.8h-8.4V11.9h0ZM206.2,44.2c-3,0-5.4,2.4-5.4,5.4s2.4,5.4,5.4,5.4,5.4-2.4,5.4-5.4-2.4-5.4-5.4-5.4Z\"/>\n          </svg>\n      </a>\n    </div>\n    <div class=\"govuk-header__content\">\n      <nav aria-label=\"Menu\" class=\"govuk-header__navigation\">\n        <button type=\"button\" class=\"govuk-header__menu-button govuk-js-header-toggle\" aria-controls=\"navigation\" aria-label=\"Custom button label\" hidden>\n          Menu\n        </button>\n\n        <ul id=\"navigation\" class=\"govuk-header__navigation-list\">\n          <li class=\"govuk-header__navigation-item govuk-header__navigation-item--active\">\n            <a class=\"govuk-header__link\" href=\"#1\">\n              Navigation item 1\n            </a>\n          </li>\n          <li class=\"govuk-header__navigation-item\">\n            <a class=\"govuk-header__link\" href=\"#2\">\n              Navigation item 2\n            </a>\n          </li>\n          <li class=\"govuk-header__navigation-item\">\n            <a class=\"govuk-header__link\" href=\"#3\">\n              Navigation item 3\n            </a>\n          </li>\n          <li class=\"govuk-header__navigation-item\">\n            <a class=\"govuk-header__link\" href=\"#4\">\n              Navigation item 4\n            </a>\n          </li>\n        </ul>\n      </nav>\n    </div>\n  </div>\n</header>"
+        },
+        {
+            "name": "with custom navigation label and custom menu button text",
+            "options": {
+                "menuButtonText": "Custom menu button text",
+                "navigationLabel": "Custom navigation label",
+                "navigation": [
+                    {
+                        "href": "#1",
+                        "text": "Navigation item 1",
+                        "active": true
+                    },
+                    {
+                        "href": "#2",
+                        "text": "Navigation item 2"
+                    },
+                    {
+                        "href": "#3",
+                        "text": "Navigation item 3"
+                    },
+                    {
+                        "href": "#4",
+                        "text": "Navigation item 4"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<header class=\"govuk-header\" data-module=\"govuk-header\">\n  <div class=\"govuk-header__container govuk-width-container\">\n    <div class=\"govuk-header__logo\">\n      <a href=\"/\" class=\"govuk-header__link govuk-header__link--homepage\">\n        <svg\n            focusable=\"false\"\n            role=\"img\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            viewBox=\"0 0 296 60\"\n            height=\"30\"\n            width=\"148\"\n            fill=\"currentcolor\" class=\"govuk-header__logotype\" aria-label=\"GOV.UK\"\n          ><title>GOV.UK</title>    <g>\n                <circle cx=\"20\" cy=\"17.6\" r=\"3.7\"/>\n                <circle cx=\"10.2\" cy=\"23.5\" r=\"3.7\"/>\n                <circle cx=\"3.7\" cy=\"33.2\" r=\"3.7\"/>\n                <circle cx=\"31.7\" cy=\"30.6\" r=\"3.7\"/>\n                <circle cx=\"43.3\" cy=\"17.6\" r=\"3.7\"/>\n                <circle cx=\"53.2\" cy=\"23.5\" r=\"3.7\"/>\n                <circle cx=\"59.7\" cy=\"33.2\" r=\"3.7\"/>\n                <circle cx=\"31.7\" cy=\"30.6\" r=\"3.7\"/>\n                <path d=\"M33.1,9.8c.2-.1.3-.3.5-.5l4.6,2.4v-6.8l-4.6,1.5c-.1-.2-.3-.3-.5-.5l1.9-5.9h-6.7l1.9,5.9c-.2.1-.3.3-.5.5l-4.6-1.5v6.8l4.6-2.4c.1.2.3.3.5.5l-2.6,8c-.9,2.8,1.2,5.7,4.1,5.7h0c3,0,5.1-2.9,4.1-5.7l-2.6-8ZM37,37.9s-3.4,3.8-4.1,6.1c2.2,0,4.2-.5,6.4-2.8l-.7,8.5c-2-2.8-4.4-4.1-5.7-3.8.1,3.1.5,6.7,5.8,7.2,3.7.3,6.7-1.5,7-3.8.4-2.6-2-4.3-3.7-1.6-1.4-4.5,2.4-6.1,4.9-3.2-1.9-4.5-1.8-7.7,2.4-10.9,3,4,2.6,7.3-1.2,11.1,2.4-1.3,6.2,0,4,4.6-1.2-2.8-3.7-2.2-4.2.2-.3,1.7.7,3.7,3,4.2,1.9.3,4.7-.9,7-5.9-1.3,0-2.4.7-3.9,1.7l2.4-8c.6,2.3,1.4,3.7,2.2,4.5.6-1.6.5-2.8,0-5.3l5,1.8c-2.6,3.6-5.2,8.7-7.3,17.5-7.4-1.1-15.7-1.7-24.5-1.7h0c-8.8,0-17.1.6-24.5,1.7-2.1-8.9-4.7-13.9-7.3-17.5l5-1.8c-.5,2.5-.6,3.7,0,5.3.8-.8,1.6-2.3,2.2-4.5l2.4,8c-1.5-1-2.6-1.7-3.9-1.7,2.3,5,5.2,6.2,7,5.9,2.3-.4,3.3-2.4,3-4.2-.5-2.4-3-3.1-4.2-.2-2.2-4.6,1.6-6,4-4.6-3.7-3.7-4.2-7.1-1.2-11.1,4.2,3.2,4.3,6.4,2.4,10.9,2.5-2.8,6.3-1.3,4.9,3.2-1.8-2.7-4.1-1-3.7,1.6.3,2.3,3.3,4.1,7,3.8,5.4-.5,5.7-4.2,5.8-7.2-1.3-.2-3.7,1-5.7,3.8l-.7-8.5c2.2,2.3,4.2,2.7,6.4,2.8-.7-2.3-4.1-6.1-4.1-6.1h10.6,0Z\"/>\n              </g>\n              <path d=\"M88.6,33.2c0,1.8.2,3.4.6,5s1.2,3,2,4.4c1,1.2,2,2.2,3.4,3s3,1.2,5,1.2,3.4-.2,4.6-.8,2.2-1.4,3-2.2,1.2-1.8,1.6-3c.2-1,.4-2,.4-3v-.4h-10.6v-6.4h18.8v23h-7.4v-5c-.6.8-1.2,1.6-2,2.2-.8.6-1.6,1.2-2.6,1.8-1,.4-2,.8-3.2,1.2s-2.4.4-3.6.4c-3,0-5.8-.6-8-1.6-2.4-1.2-4.4-2.6-6-4.6s-2.8-4.2-3.6-6.8c-.6-2.8-1-5.6-1-8.6s.4-5.8,1.4-8.4,2.2-4.8,4-6.8,3.8-3.4,6.2-4.6c2.4-1.2,5.2-1.6,8.2-1.6s3.8.2,5.6.6c1.8.4,3.4,1.2,4.8,2s2.8,1.8,3.8,3c1.2,1.2,2,2.6,2.8,4l-7.4,4.2c-.4-.8-1-1.8-1.6-2.4-.6-.8-1.2-1.4-2-2s-1.6-1-2.6-1.4-2.2-.4-3.4-.4c-2,0-3.6.4-5,1.2-1.4.8-2.6,1.8-3.4,3-1,1.2-1.6,2.8-2,4.4-.6,1.6-.8,3.8-.8,5.4ZM161.4,24.6c-.8-2.6-2.2-4.8-4-6.8s-3.8-3.4-6.2-4.6c-2.4-1.2-5.2-1.6-8.4-1.6s-5.8.6-8.4,1.6c-2.2,1.2-4.4,2.8-6,4.6-1.8,2-3,4.2-4,6.8-.8,2.6-1.4,5.4-1.4,8.4s.4,5.8,1.4,8.4c.8,2.6,2.2,4.8,4,6.8s3.8,3.4,6.2,4.6c2.4,1.2,5.2,1.6,8.4,1.6s5.8-.6,8.4-1.6c2.4-1.2,4.6-2.6,6.2-4.6,1.8-2,3-4.2,4-6.8.8-2.6,1.4-5.4,1.4-8.4-.2-3-.6-5.8-1.6-8.4h0ZM154,33.2c0,2-.2,3.8-.8,5.4-.4,1.6-1.2,3.2-2.2,4.4s-2.2,2.2-3.4,2.8c-1.4.6-3,1-4.8,1s-3.4-.4-4.8-1-2.6-1.6-3.4-2.8c-1-1.2-1.6-2.6-2.2-4.4-.4-1.6-.8-3.4-.8-5.4v-.2c0-2,.2-3.8.8-5.4.4-1.6,1.2-3.2,2.2-4.4,1-1.2,2.2-2.2,3.4-2.8,1.4-.6,3-1,4.8-1s3.4.4,4.8,1,2.6,1.6,3.4,2.8c1,1.2,1.6,2.6,2.2,4.4.4,1.6.8,3.4.8,5.4v.2ZM177.8,54l-11.8-42h9.4l8,31.4h.2l8-31.4h9.4l-11.8,42h-11.4,0ZM235.4,46.7c1.2,0,2.4-.2,3.4-.6,1-.4,2-.8,2.8-1.6s1.4-1.6,1.8-2.8c.4-1.2.6-2.4.6-4V11.8h8.2v27.2c0,2.4-.4,4.4-1.2,6.2s-2,3.4-3.6,4.8c-1.4,1.4-3.2,2.4-5.4,3-2,.8-4.4,1-6.8,1s-4.8-.4-6.8-1c-2-.8-3.8-1.8-5.4-3-1.6-1.4-2.6-3-3.6-4.8-.8-1.8-1.2-4-1.2-6.2V11.7h8.4v26c0,1.6.2,2.8.6,4,.4,1.2,1,2,1.8,2.8s1.6,1.2,2.8,1.6c1.2.4,2.2.6,3.6.6h0ZM261.4,11.9h8.4v18.2l14.8-18.2h10.4l-14.4,16.8,15.4,25.2h-9.8l-11-18.8-5.4,6v12.8h-8.4V11.9h0ZM206.2,44.2c-3,0-5.4,2.4-5.4,5.4s2.4,5.4,5.4,5.4,5.4-2.4,5.4-5.4-2.4-5.4-5.4-5.4Z\"/>\n          </svg>\n      </a>\n    </div>\n    <div class=\"govuk-header__content\">\n      <nav aria-label=\"Custom navigation label\" class=\"govuk-header__navigation\">\n        <button type=\"button\" class=\"govuk-header__menu-button govuk-js-header-toggle\" aria-controls=\"navigation\" hidden>\n          Custom menu button text\n        </button>\n\n        <ul id=\"navigation\" class=\"govuk-header__navigation-list\">\n          <li class=\"govuk-header__navigation-item govuk-header__navigation-item--active\">\n            <a class=\"govuk-header__link\" href=\"#1\">\n              Navigation item 1\n            </a>\n          </li>\n          <li class=\"govuk-header__navigation-item\">\n            <a class=\"govuk-header__link\" href=\"#2\">\n              Navigation item 2\n            </a>\n          </li>\n          <li class=\"govuk-header__navigation-item\">\n            <a class=\"govuk-header__link\" href=\"#3\">\n              Navigation item 3\n            </a>\n          </li>\n          <li class=\"govuk-header__navigation-item\">\n            <a class=\"govuk-header__link\" href=\"#4\">\n              Navigation item 4\n            </a>\n          </li>\n        </ul>\n      </nav>\n    </div>\n  </div>\n</header>"
+        },
+        {
+            "name": "empty navigation array",
+            "options": {
+                "navigation": []
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<header class=\"govuk-header\" data-module=\"govuk-header\">\n  <div class=\"govuk-header__container govuk-width-container\">\n    <div class=\"govuk-header__logo\">\n      <a href=\"/\" class=\"govuk-header__link govuk-header__link--homepage\">\n        <svg\n            focusable=\"false\"\n            role=\"img\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            viewBox=\"0 0 296 60\"\n            height=\"30\"\n            width=\"148\"\n            fill=\"currentcolor\" class=\"govuk-header__logotype\" aria-label=\"GOV.UK\"\n          ><title>GOV.UK</title>    <g>\n                <circle cx=\"20\" cy=\"17.6\" r=\"3.7\"/>\n                <circle cx=\"10.2\" cy=\"23.5\" r=\"3.7\"/>\n                <circle cx=\"3.7\" cy=\"33.2\" r=\"3.7\"/>\n                <circle cx=\"31.7\" cy=\"30.6\" r=\"3.7\"/>\n                <circle cx=\"43.3\" cy=\"17.6\" r=\"3.7\"/>\n                <circle cx=\"53.2\" cy=\"23.5\" r=\"3.7\"/>\n                <circle cx=\"59.7\" cy=\"33.2\" r=\"3.7\"/>\n                <circle cx=\"31.7\" cy=\"30.6\" r=\"3.7\"/>\n                <path d=\"M33.1,9.8c.2-.1.3-.3.5-.5l4.6,2.4v-6.8l-4.6,1.5c-.1-.2-.3-.3-.5-.5l1.9-5.9h-6.7l1.9,5.9c-.2.1-.3.3-.5.5l-4.6-1.5v6.8l4.6-2.4c.1.2.3.3.5.5l-2.6,8c-.9,2.8,1.2,5.7,4.1,5.7h0c3,0,5.1-2.9,4.1-5.7l-2.6-8ZM37,37.9s-3.4,3.8-4.1,6.1c2.2,0,4.2-.5,6.4-2.8l-.7,8.5c-2-2.8-4.4-4.1-5.7-3.8.1,3.1.5,6.7,5.8,7.2,3.7.3,6.7-1.5,7-3.8.4-2.6-2-4.3-3.7-1.6-1.4-4.5,2.4-6.1,4.9-3.2-1.9-4.5-1.8-7.7,2.4-10.9,3,4,2.6,7.3-1.2,11.1,2.4-1.3,6.2,0,4,4.6-1.2-2.8-3.7-2.2-4.2.2-.3,1.7.7,3.7,3,4.2,1.9.3,4.7-.9,7-5.9-1.3,0-2.4.7-3.9,1.7l2.4-8c.6,2.3,1.4,3.7,2.2,4.5.6-1.6.5-2.8,0-5.3l5,1.8c-2.6,3.6-5.2,8.7-7.3,17.5-7.4-1.1-15.7-1.7-24.5-1.7h0c-8.8,0-17.1.6-24.5,1.7-2.1-8.9-4.7-13.9-7.3-17.5l5-1.8c-.5,2.5-.6,3.7,0,5.3.8-.8,1.6-2.3,2.2-4.5l2.4,8c-1.5-1-2.6-1.7-3.9-1.7,2.3,5,5.2,6.2,7,5.9,2.3-.4,3.3-2.4,3-4.2-.5-2.4-3-3.1-4.2-.2-2.2-4.6,1.6-6,4-4.6-3.7-3.7-4.2-7.1-1.2-11.1,4.2,3.2,4.3,6.4,2.4,10.9,2.5-2.8,6.3-1.3,4.9,3.2-1.8-2.7-4.1-1-3.7,1.6.3,2.3,3.3,4.1,7,3.8,5.4-.5,5.7-4.2,5.8-7.2-1.3-.2-3.7,1-5.7,3.8l-.7-8.5c2.2,2.3,4.2,2.7,6.4,2.8-.7-2.3-4.1-6.1-4.1-6.1h10.6,0Z\"/>\n              </g>\n              <path d=\"M88.6,33.2c0,1.8.2,3.4.6,5s1.2,3,2,4.4c1,1.2,2,2.2,3.4,3s3,1.2,5,1.2,3.4-.2,4.6-.8,2.2-1.4,3-2.2,1.2-1.8,1.6-3c.2-1,.4-2,.4-3v-.4h-10.6v-6.4h18.8v23h-7.4v-5c-.6.8-1.2,1.6-2,2.2-.8.6-1.6,1.2-2.6,1.8-1,.4-2,.8-3.2,1.2s-2.4.4-3.6.4c-3,0-5.8-.6-8-1.6-2.4-1.2-4.4-2.6-6-4.6s-2.8-4.2-3.6-6.8c-.6-2.8-1-5.6-1-8.6s.4-5.8,1.4-8.4,2.2-4.8,4-6.8,3.8-3.4,6.2-4.6c2.4-1.2,5.2-1.6,8.2-1.6s3.8.2,5.6.6c1.8.4,3.4,1.2,4.8,2s2.8,1.8,3.8,3c1.2,1.2,2,2.6,2.8,4l-7.4,4.2c-.4-.8-1-1.8-1.6-2.4-.6-.8-1.2-1.4-2-2s-1.6-1-2.6-1.4-2.2-.4-3.4-.4c-2,0-3.6.4-5,1.2-1.4.8-2.6,1.8-3.4,3-1,1.2-1.6,2.8-2,4.4-.6,1.6-.8,3.8-.8,5.4ZM161.4,24.6c-.8-2.6-2.2-4.8-4-6.8s-3.8-3.4-6.2-4.6c-2.4-1.2-5.2-1.6-8.4-1.6s-5.8.6-8.4,1.6c-2.2,1.2-4.4,2.8-6,4.6-1.8,2-3,4.2-4,6.8-.8,2.6-1.4,5.4-1.4,8.4s.4,5.8,1.4,8.4c.8,2.6,2.2,4.8,4,6.8s3.8,3.4,6.2,4.6c2.4,1.2,5.2,1.6,8.4,1.6s5.8-.6,8.4-1.6c2.4-1.2,4.6-2.6,6.2-4.6,1.8-2,3-4.2,4-6.8.8-2.6,1.4-5.4,1.4-8.4-.2-3-.6-5.8-1.6-8.4h0ZM154,33.2c0,2-.2,3.8-.8,5.4-.4,1.6-1.2,3.2-2.2,4.4s-2.2,2.2-3.4,2.8c-1.4.6-3,1-4.8,1s-3.4-.4-4.8-1-2.6-1.6-3.4-2.8c-1-1.2-1.6-2.6-2.2-4.4-.4-1.6-.8-3.4-.8-5.4v-.2c0-2,.2-3.8.8-5.4.4-1.6,1.2-3.2,2.2-4.4,1-1.2,2.2-2.2,3.4-2.8,1.4-.6,3-1,4.8-1s3.4.4,4.8,1,2.6,1.6,3.4,2.8c1,1.2,1.6,2.6,2.2,4.4.4,1.6.8,3.4.8,5.4v.2ZM177.8,54l-11.8-42h9.4l8,31.4h.2l8-31.4h9.4l-11.8,42h-11.4,0ZM235.4,46.7c1.2,0,2.4-.2,3.4-.6,1-.4,2-.8,2.8-1.6s1.4-1.6,1.8-2.8c.4-1.2.6-2.4.6-4V11.8h8.2v27.2c0,2.4-.4,4.4-1.2,6.2s-2,3.4-3.6,4.8c-1.4,1.4-3.2,2.4-5.4,3-2,.8-4.4,1-6.8,1s-4.8-.4-6.8-1c-2-.8-3.8-1.8-5.4-3-1.6-1.4-2.6-3-3.6-4.8-.8-1.8-1.2-4-1.2-6.2V11.7h8.4v26c0,1.6.2,2.8.6,4,.4,1.2,1,2,1.8,2.8s1.6,1.2,2.8,1.6c1.2.4,2.2.6,3.6.6h0ZM261.4,11.9h8.4v18.2l14.8-18.2h10.4l-14.4,16.8,15.4,25.2h-9.8l-11-18.8-5.4,6v12.8h-8.4V11.9h0ZM206.2,44.2c-3,0-5.4,2.4-5.4,5.4s2.4,5.4,5.4,5.4,5.4-2.4,5.4-5.4-2.4-5.4-5.4-5.4Z\"/>\n          </svg>\n      </a>\n    </div>\n  </div>\n</header>"
+        },
+        {
+            "name": "rebrand",
+            "options": {
+                "rebrand": true
+            },
+            "hidden": true,
+            "description": "The standard header as used on information pages on GOV.UK",
+            "pageTemplateOptions": {
+                "htmlClasses": "govuk-template--rebranded"
+            },
+            "screenshot": true,
+            "html": "<header class=\"govuk-header\" data-module=\"govuk-header\">\n  <div class=\"govuk-header__container govuk-width-container\">\n    <div class=\"govuk-header__logo\">\n      <a href=\"/\" class=\"govuk-header__link govuk-header__link--homepage\">\n        <svg\n            focusable=\"false\"\n            role=\"img\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            viewBox=\"0 0 324 60\"\n            height=\"30\"\n            width=\"162\"\n            fill=\"currentcolor\" class=\"govuk-header__logotype\" aria-label=\"GOV.UK\"\n          ><title>GOV.UK</title>    <g>\n                <circle cx=\"20\" cy=\"17.6\" r=\"3.7\"/>\n                <circle cx=\"10.2\" cy=\"23.5\" r=\"3.7\"/>\n                <circle cx=\"3.7\" cy=\"33.2\" r=\"3.7\"/>\n                <circle cx=\"31.7\" cy=\"30.6\" r=\"3.7\"/>\n                <circle cx=\"43.3\" cy=\"17.6\" r=\"3.7\"/>\n                <circle cx=\"53.2\" cy=\"23.5\" r=\"3.7\"/>\n                <circle cx=\"59.7\" cy=\"33.2\" r=\"3.7\"/>\n                <circle cx=\"31.7\" cy=\"30.6\" r=\"3.7\"/>\n                <path d=\"M33.1,9.8c.2-.1.3-.3.5-.5l4.6,2.4v-6.8l-4.6,1.5c-.1-.2-.3-.3-.5-.5l1.9-5.9h-6.7l1.9,5.9c-.2.1-.3.3-.5.5l-4.6-1.5v6.8l4.6-2.4c.1.2.3.3.5.5l-2.6,8c-.9,2.8,1.2,5.7,4.1,5.7h0c3,0,5.1-2.9,4.1-5.7l-2.6-8ZM37,37.9s-3.4,3.8-4.1,6.1c2.2,0,4.2-.5,6.4-2.8l-.7,8.5c-2-2.8-4.4-4.1-5.7-3.8.1,3.1.5,6.7,5.8,7.2,3.7.3,6.7-1.5,7-3.8.4-2.6-2-4.3-3.7-1.6-1.4-4.5,2.4-6.1,4.9-3.2-1.9-4.5-1.8-7.7,2.4-10.9,3,4,2.6,7.3-1.2,11.1,2.4-1.3,6.2,0,4,4.6-1.2-2.8-3.7-2.2-4.2.2-.3,1.7.7,3.7,3,4.2,1.9.3,4.7-.9,7-5.9-1.3,0-2.4.7-3.9,1.7l2.4-8c.6,2.3,1.4,3.7,2.2,4.5.6-1.6.5-2.8,0-5.3l5,1.8c-2.6,3.6-5.2,8.7-7.3,17.5-7.4-1.1-15.7-1.7-24.5-1.7h0c-8.8,0-17.1.6-24.5,1.7-2.1-8.9-4.7-13.9-7.3-17.5l5-1.8c-.5,2.5-.6,3.7,0,5.3.8-.8,1.6-2.3,2.2-4.5l2.4,8c-1.5-1-2.6-1.7-3.9-1.7,2.3,5,5.2,6.2,7,5.9,2.3-.4,3.3-2.4,3-4.2-.5-2.4-3-3.1-4.2-.2-2.2-4.6,1.6-6,4-4.6-3.7-3.7-4.2-7.1-1.2-11.1,4.2,3.2,4.3,6.4,2.4,10.9,2.5-2.8,6.3-1.3,4.9,3.2-1.8-2.7-4.1-1-3.7,1.6.3,2.3,3.3,4.1,7,3.8,5.4-.5,5.7-4.2,5.8-7.2-1.3-.2-3.7,1-5.7,3.8l-.7-8.5c2.2,2.3,4.2,2.7,6.4,2.8-.7-2.3-4.1-6.1-4.1-6.1h10.6,0Z\"/>\n              </g>\n              <circle class=\"govuk-logo-dot\" cx=\"226\" cy=\"36\" r=\"7.3\"/>\n              <path d=\"M93.94 41.25c.4 1.81 1.2 3.21 2.21 4.62 1 1.4 2.21 2.41 3.61 3.21s3.21 1.2 5.22 1.2 3.61-.4 4.82-1c1.4-.6 2.41-1.4 3.21-2.41.8-1 1.4-2.01 1.61-3.01s.4-2.01.4-3.01v.14h-10.86v-7.02h20.07v24.08h-8.03v-5.56c-.6.8-1.38 1.61-2.19 2.41-.8.8-1.81 1.2-2.81 1.81-1 .4-2.21.8-3.41 1.2s-2.41.4-3.81.4a18.56 18.56 0 0 1-14.65-6.63c-1.6-2.01-3.01-4.41-3.81-7.02s-1.4-5.62-1.4-8.83.4-6.02 1.4-8.83a20.45 20.45 0 0 1 19.46-13.65c3.21 0 4.01.2 5.82.8 1.81.4 3.61 1.2 5.02 2.01 1.61.8 2.81 2.01 4.01 3.21s2.21 2.61 2.81 4.21l-7.63 4.41c-.4-1-1-1.81-1.61-2.61-.6-.8-1.4-1.4-2.21-2.01-.8-.6-1.81-1-2.81-1.4-1-.4-2.21-.4-3.61-.4-2.01 0-3.81.4-5.22 1.2-1.4.8-2.61 1.81-3.61 3.21s-1.61 2.81-2.21 4.62c-.4 1.81-.6 3.71-.6 5.42s.8 5.22.8 5.22Zm57.8-27.9c3.21 0 6.22.6 8.63 1.81 2.41 1.2 4.82 2.81 6.62 4.82S170.2 24.39 171 27s1.4 5.62 1.4 8.83-.4 6.02-1.4 8.83-2.41 5.02-4.01 7.02-4.01 3.61-6.62 4.82-5.42 1.81-8.63 1.81-6.22-.6-8.63-1.81-4.82-2.81-6.42-4.82-3.21-4.41-4.01-7.02-1.4-5.62-1.4-8.83.4-6.02 1.4-8.83 2.41-5.02 4.01-7.02 4.01-3.61 6.42-4.82 5.42-1.81 8.63-1.81Zm0 36.73c1.81 0 3.61-.4 5.02-1s2.61-1.81 3.61-3.01 1.81-2.81 2.21-4.41c.4-1.81.8-3.61.8-5.62 0-2.21-.2-4.21-.8-6.02s-1.2-3.21-2.21-4.62c-1-1.2-2.21-2.21-3.61-3.01s-3.21-1-5.02-1-3.61.4-5.02 1c-1.4.8-2.61 1.81-3.61 3.01s-1.81 2.81-2.21 4.62c-.4 1.81-.8 3.61-.8 5.62 0 2.41.2 4.21.8 6.02.4 1.81 1.2 3.21 2.21 4.41s2.21 2.21 3.61 3.01c1.4.8 3.21 1 5.02 1Zm36.32 7.96-12.24-44.15h9.83l8.43 32.77h.4l8.23-32.77h9.83L200.3 58.04h-12.24Zm74.14-7.96c2.18 0 3.51-.6 3.51-.6 1.2-.6 2.01-1 2.81-1.81s1.4-1.81 1.81-2.81a13 13 0 0 0 .8-4.01V13.9h8.63v28.15c0 2.41-.4 4.62-1.4 6.62-.8 2.01-2.21 3.61-3.61 5.02s-3.41 2.41-5.62 3.21-4.62 1.2-7.02 1.2-5.02-.4-7.02-1.2c-2.21-.8-4.01-1.81-5.62-3.21s-2.81-3.01-3.61-5.02-1.4-4.21-1.4-6.62V13.9h8.63v26.95c0 1.61.2 3.01.8 4.01.4 1.2 1.2 2.21 2.01 2.81.8.8 1.81 1.4 2.81 1.81 0 0 1.34.6 3.51.6Zm34.22-36.18v18.92l15.65-18.92h10.82l-15.03 17.32 16.03 26.83h-10.21l-11.44-20.21-5.62 6.22v13.99h-8.83V13.9\"/>\n          </svg>\n      </a>\n    </div>\n  </div>\n</header>"
+        },
+        {
+            "name": "with service name and navigation and rebrand",
+            "options": {
+                "serviceName": "Service Name",
+                "serviceUrl": "/components/header",
+                "navigation": [
+                    {
+                        "href": "#1",
+                        "text": "Navigation item 1",
+                        "active": true
+                    },
+                    {
+                        "href": "#2",
+                        "text": "Navigation item 2"
+                    },
+                    {
+                        "href": "#3",
+                        "text": "Navigation item 3"
+                    },
+                    {
+                        "href": "#4",
+                        "text": "Navigation item 4"
+                    }
+                ],
+                "rebrand": true
+            },
+            "hidden": true,
+            "description": "If you need to include basic navigation, contact or account management links.",
+            "pageTemplateOptions": {
+                "htmlClasses": "govuk-template--rebranded"
+            },
+            "screenshot": {
+                "variants": [
+                    "default",
+                    "no-js"
+                ]
+            },
+            "html": "<header class=\"govuk-header\" data-module=\"govuk-header\">\n  <div class=\"govuk-header__container govuk-width-container\">\n    <div class=\"govuk-header__logo\">\n      <a href=\"/\" class=\"govuk-header__link govuk-header__link--homepage\">\n        <svg\n            focusable=\"false\"\n            role=\"img\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            viewBox=\"0 0 324 60\"\n            height=\"30\"\n            width=\"162\"\n            fill=\"currentcolor\" class=\"govuk-header__logotype\" aria-label=\"GOV.UK\"\n          ><title>GOV.UK</title>    <g>\n                <circle cx=\"20\" cy=\"17.6\" r=\"3.7\"/>\n                <circle cx=\"10.2\" cy=\"23.5\" r=\"3.7\"/>\n                <circle cx=\"3.7\" cy=\"33.2\" r=\"3.7\"/>\n                <circle cx=\"31.7\" cy=\"30.6\" r=\"3.7\"/>\n                <circle cx=\"43.3\" cy=\"17.6\" r=\"3.7\"/>\n                <circle cx=\"53.2\" cy=\"23.5\" r=\"3.7\"/>\n                <circle cx=\"59.7\" cy=\"33.2\" r=\"3.7\"/>\n                <circle cx=\"31.7\" cy=\"30.6\" r=\"3.7\"/>\n                <path d=\"M33.1,9.8c.2-.1.3-.3.5-.5l4.6,2.4v-6.8l-4.6,1.5c-.1-.2-.3-.3-.5-.5l1.9-5.9h-6.7l1.9,5.9c-.2.1-.3.3-.5.5l-4.6-1.5v6.8l4.6-2.4c.1.2.3.3.5.5l-2.6,8c-.9,2.8,1.2,5.7,4.1,5.7h0c3,0,5.1-2.9,4.1-5.7l-2.6-8ZM37,37.9s-3.4,3.8-4.1,6.1c2.2,0,4.2-.5,6.4-2.8l-.7,8.5c-2-2.8-4.4-4.1-5.7-3.8.1,3.1.5,6.7,5.8,7.2,3.7.3,6.7-1.5,7-3.8.4-2.6-2-4.3-3.7-1.6-1.4-4.5,2.4-6.1,4.9-3.2-1.9-4.5-1.8-7.7,2.4-10.9,3,4,2.6,7.3-1.2,11.1,2.4-1.3,6.2,0,4,4.6-1.2-2.8-3.7-2.2-4.2.2-.3,1.7.7,3.7,3,4.2,1.9.3,4.7-.9,7-5.9-1.3,0-2.4.7-3.9,1.7l2.4-8c.6,2.3,1.4,3.7,2.2,4.5.6-1.6.5-2.8,0-5.3l5,1.8c-2.6,3.6-5.2,8.7-7.3,17.5-7.4-1.1-15.7-1.7-24.5-1.7h0c-8.8,0-17.1.6-24.5,1.7-2.1-8.9-4.7-13.9-7.3-17.5l5-1.8c-.5,2.5-.6,3.7,0,5.3.8-.8,1.6-2.3,2.2-4.5l2.4,8c-1.5-1-2.6-1.7-3.9-1.7,2.3,5,5.2,6.2,7,5.9,2.3-.4,3.3-2.4,3-4.2-.5-2.4-3-3.1-4.2-.2-2.2-4.6,1.6-6,4-4.6-3.7-3.7-4.2-7.1-1.2-11.1,4.2,3.2,4.3,6.4,2.4,10.9,2.5-2.8,6.3-1.3,4.9,3.2-1.8-2.7-4.1-1-3.7,1.6.3,2.3,3.3,4.1,7,3.8,5.4-.5,5.7-4.2,5.8-7.2-1.3-.2-3.7,1-5.7,3.8l-.7-8.5c2.2,2.3,4.2,2.7,6.4,2.8-.7-2.3-4.1-6.1-4.1-6.1h10.6,0Z\"/>\n              </g>\n              <circle class=\"govuk-logo-dot\" cx=\"226\" cy=\"36\" r=\"7.3\"/>\n              <path d=\"M93.94 41.25c.4 1.81 1.2 3.21 2.21 4.62 1 1.4 2.21 2.41 3.61 3.21s3.21 1.2 5.22 1.2 3.61-.4 4.82-1c1.4-.6 2.41-1.4 3.21-2.41.8-1 1.4-2.01 1.61-3.01s.4-2.01.4-3.01v.14h-10.86v-7.02h20.07v24.08h-8.03v-5.56c-.6.8-1.38 1.61-2.19 2.41-.8.8-1.81 1.2-2.81 1.81-1 .4-2.21.8-3.41 1.2s-2.41.4-3.81.4a18.56 18.56 0 0 1-14.65-6.63c-1.6-2.01-3.01-4.41-3.81-7.02s-1.4-5.62-1.4-8.83.4-6.02 1.4-8.83a20.45 20.45 0 0 1 19.46-13.65c3.21 0 4.01.2 5.82.8 1.81.4 3.61 1.2 5.02 2.01 1.61.8 2.81 2.01 4.01 3.21s2.21 2.61 2.81 4.21l-7.63 4.41c-.4-1-1-1.81-1.61-2.61-.6-.8-1.4-1.4-2.21-2.01-.8-.6-1.81-1-2.81-1.4-1-.4-2.21-.4-3.61-.4-2.01 0-3.81.4-5.22 1.2-1.4.8-2.61 1.81-3.61 3.21s-1.61 2.81-2.21 4.62c-.4 1.81-.6 3.71-.6 5.42s.8 5.22.8 5.22Zm57.8-27.9c3.21 0 6.22.6 8.63 1.81 2.41 1.2 4.82 2.81 6.62 4.82S170.2 24.39 171 27s1.4 5.62 1.4 8.83-.4 6.02-1.4 8.83-2.41 5.02-4.01 7.02-4.01 3.61-6.62 4.82-5.42 1.81-8.63 1.81-6.22-.6-8.63-1.81-4.82-2.81-6.42-4.82-3.21-4.41-4.01-7.02-1.4-5.62-1.4-8.83.4-6.02 1.4-8.83 2.41-5.02 4.01-7.02 4.01-3.61 6.42-4.82 5.42-1.81 8.63-1.81Zm0 36.73c1.81 0 3.61-.4 5.02-1s2.61-1.81 3.61-3.01 1.81-2.81 2.21-4.41c.4-1.81.8-3.61.8-5.62 0-2.21-.2-4.21-.8-6.02s-1.2-3.21-2.21-4.62c-1-1.2-2.21-2.21-3.61-3.01s-3.21-1-5.02-1-3.61.4-5.02 1c-1.4.8-2.61 1.81-3.61 3.01s-1.81 2.81-2.21 4.62c-.4 1.81-.8 3.61-.8 5.62 0 2.41.2 4.21.8 6.02.4 1.81 1.2 3.21 2.21 4.41s2.21 2.21 3.61 3.01c1.4.8 3.21 1 5.02 1Zm36.32 7.96-12.24-44.15h9.83l8.43 32.77h.4l8.23-32.77h9.83L200.3 58.04h-12.24Zm74.14-7.96c2.18 0 3.51-.6 3.51-.6 1.2-.6 2.01-1 2.81-1.81s1.4-1.81 1.81-2.81a13 13 0 0 0 .8-4.01V13.9h8.63v28.15c0 2.41-.4 4.62-1.4 6.62-.8 2.01-2.21 3.61-3.61 5.02s-3.41 2.41-5.62 3.21-4.62 1.2-7.02 1.2-5.02-.4-7.02-1.2c-2.21-.8-4.01-1.81-5.62-3.21s-2.81-3.01-3.61-5.02-1.4-4.21-1.4-6.62V13.9h8.63v26.95c0 1.61.2 3.01.8 4.01.4 1.2 1.2 2.21 2.01 2.81.8.8 1.81 1.4 2.81 1.81 0 0 1.34.6 3.51.6Zm34.22-36.18v18.92l15.65-18.92h10.82l-15.03 17.32 16.03 26.83h-10.21l-11.44-20.21-5.62 6.22v13.99h-8.83V13.9\"/>\n          </svg>\n      </a>\n    </div>\n    <div class=\"govuk-header__content\">\n      <a href=\"/components/header\" class=\"govuk-header__link govuk-header__service-name\">\n        Service Name\n      </a>\n      <nav aria-label=\"Menu\" class=\"govuk-header__navigation\">\n        <button type=\"button\" class=\"govuk-header__menu-button govuk-js-header-toggle\" aria-controls=\"navigation\" hidden>\n          Menu\n        </button>\n\n        <ul id=\"navigation\" class=\"govuk-header__navigation-list\">\n          <li class=\"govuk-header__navigation-item govuk-header__navigation-item--active\">\n            <a class=\"govuk-header__link\" href=\"#1\">\n              Navigation item 1\n            </a>\n          </li>\n          <li class=\"govuk-header__navigation-item\">\n            <a class=\"govuk-header__link\" href=\"#2\">\n              Navigation item 2\n            </a>\n          </li>\n          <li class=\"govuk-header__navigation-item\">\n            <a class=\"govuk-header__link\" href=\"#3\">\n              Navigation item 3\n            </a>\n          </li>\n          <li class=\"govuk-header__navigation-item\">\n            <a class=\"govuk-header__link\" href=\"#4\">\n              Navigation item 4\n            </a>\n          </li>\n        </ul>\n      </nav>\n    </div>\n  </div>\n</header>"
+        },
+        {
+            "name": "with product name and rebrand",
+            "options": {
+                "productName": "Product Name",
+                "rebrand": true
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {
+                "htmlClasses": "govuk-template--rebranded"
+            },
+            "screenshot": true,
+            "html": "<header class=\"govuk-header\" data-module=\"govuk-header\">\n  <div class=\"govuk-header__container govuk-width-container\">\n    <div class=\"govuk-header__logo\">\n      <a href=\"/\" class=\"govuk-header__link govuk-header__link--homepage\">\n        <svg\n            focusable=\"false\"\n            role=\"img\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            viewBox=\"0 0 324 60\"\n            height=\"30\"\n            width=\"162\"\n            fill=\"currentcolor\" class=\"govuk-header__logotype\" aria-label=\"GOV.UK\"\n          ><title>GOV.UK</title>    <g>\n                <circle cx=\"20\" cy=\"17.6\" r=\"3.7\"/>\n                <circle cx=\"10.2\" cy=\"23.5\" r=\"3.7\"/>\n                <circle cx=\"3.7\" cy=\"33.2\" r=\"3.7\"/>\n                <circle cx=\"31.7\" cy=\"30.6\" r=\"3.7\"/>\n                <circle cx=\"43.3\" cy=\"17.6\" r=\"3.7\"/>\n                <circle cx=\"53.2\" cy=\"23.5\" r=\"3.7\"/>\n                <circle cx=\"59.7\" cy=\"33.2\" r=\"3.7\"/>\n                <circle cx=\"31.7\" cy=\"30.6\" r=\"3.7\"/>\n                <path d=\"M33.1,9.8c.2-.1.3-.3.5-.5l4.6,2.4v-6.8l-4.6,1.5c-.1-.2-.3-.3-.5-.5l1.9-5.9h-6.7l1.9,5.9c-.2.1-.3.3-.5.5l-4.6-1.5v6.8l4.6-2.4c.1.2.3.3.5.5l-2.6,8c-.9,2.8,1.2,5.7,4.1,5.7h0c3,0,5.1-2.9,4.1-5.7l-2.6-8ZM37,37.9s-3.4,3.8-4.1,6.1c2.2,0,4.2-.5,6.4-2.8l-.7,8.5c-2-2.8-4.4-4.1-5.7-3.8.1,3.1.5,6.7,5.8,7.2,3.7.3,6.7-1.5,7-3.8.4-2.6-2-4.3-3.7-1.6-1.4-4.5,2.4-6.1,4.9-3.2-1.9-4.5-1.8-7.7,2.4-10.9,3,4,2.6,7.3-1.2,11.1,2.4-1.3,6.2,0,4,4.6-1.2-2.8-3.7-2.2-4.2.2-.3,1.7.7,3.7,3,4.2,1.9.3,4.7-.9,7-5.9-1.3,0-2.4.7-3.9,1.7l2.4-8c.6,2.3,1.4,3.7,2.2,4.5.6-1.6.5-2.8,0-5.3l5,1.8c-2.6,3.6-5.2,8.7-7.3,17.5-7.4-1.1-15.7-1.7-24.5-1.7h0c-8.8,0-17.1.6-24.5,1.7-2.1-8.9-4.7-13.9-7.3-17.5l5-1.8c-.5,2.5-.6,3.7,0,5.3.8-.8,1.6-2.3,2.2-4.5l2.4,8c-1.5-1-2.6-1.7-3.9-1.7,2.3,5,5.2,6.2,7,5.9,2.3-.4,3.3-2.4,3-4.2-.5-2.4-3-3.1-4.2-.2-2.2-4.6,1.6-6,4-4.6-3.7-3.7-4.2-7.1-1.2-11.1,4.2,3.2,4.3,6.4,2.4,10.9,2.5-2.8,6.3-1.3,4.9,3.2-1.8-2.7-4.1-1-3.7,1.6.3,2.3,3.3,4.1,7,3.8,5.4-.5,5.7-4.2,5.8-7.2-1.3-.2-3.7,1-5.7,3.8l-.7-8.5c2.2,2.3,4.2,2.7,6.4,2.8-.7-2.3-4.1-6.1-4.1-6.1h10.6,0Z\"/>\n              </g>\n              <circle class=\"govuk-logo-dot\" cx=\"226\" cy=\"36\" r=\"7.3\"/>\n              <path d=\"M93.94 41.25c.4 1.81 1.2 3.21 2.21 4.62 1 1.4 2.21 2.41 3.61 3.21s3.21 1.2 5.22 1.2 3.61-.4 4.82-1c1.4-.6 2.41-1.4 3.21-2.41.8-1 1.4-2.01 1.61-3.01s.4-2.01.4-3.01v.14h-10.86v-7.02h20.07v24.08h-8.03v-5.56c-.6.8-1.38 1.61-2.19 2.41-.8.8-1.81 1.2-2.81 1.81-1 .4-2.21.8-3.41 1.2s-2.41.4-3.81.4a18.56 18.56 0 0 1-14.65-6.63c-1.6-2.01-3.01-4.41-3.81-7.02s-1.4-5.62-1.4-8.83.4-6.02 1.4-8.83a20.45 20.45 0 0 1 19.46-13.65c3.21 0 4.01.2 5.82.8 1.81.4 3.61 1.2 5.02 2.01 1.61.8 2.81 2.01 4.01 3.21s2.21 2.61 2.81 4.21l-7.63 4.41c-.4-1-1-1.81-1.61-2.61-.6-.8-1.4-1.4-2.21-2.01-.8-.6-1.81-1-2.81-1.4-1-.4-2.21-.4-3.61-.4-2.01 0-3.81.4-5.22 1.2-1.4.8-2.61 1.81-3.61 3.21s-1.61 2.81-2.21 4.62c-.4 1.81-.6 3.71-.6 5.42s.8 5.22.8 5.22Zm57.8-27.9c3.21 0 6.22.6 8.63 1.81 2.41 1.2 4.82 2.81 6.62 4.82S170.2 24.39 171 27s1.4 5.62 1.4 8.83-.4 6.02-1.4 8.83-2.41 5.02-4.01 7.02-4.01 3.61-6.62 4.82-5.42 1.81-8.63 1.81-6.22-.6-8.63-1.81-4.82-2.81-6.42-4.82-3.21-4.41-4.01-7.02-1.4-5.62-1.4-8.83.4-6.02 1.4-8.83 2.41-5.02 4.01-7.02 4.01-3.61 6.42-4.82 5.42-1.81 8.63-1.81Zm0 36.73c1.81 0 3.61-.4 5.02-1s2.61-1.81 3.61-3.01 1.81-2.81 2.21-4.41c.4-1.81.8-3.61.8-5.62 0-2.21-.2-4.21-.8-6.02s-1.2-3.21-2.21-4.62c-1-1.2-2.21-2.21-3.61-3.01s-3.21-1-5.02-1-3.61.4-5.02 1c-1.4.8-2.61 1.81-3.61 3.01s-1.81 2.81-2.21 4.62c-.4 1.81-.8 3.61-.8 5.62 0 2.41.2 4.21.8 6.02.4 1.81 1.2 3.21 2.21 4.41s2.21 2.21 3.61 3.01c1.4.8 3.21 1 5.02 1Zm36.32 7.96-12.24-44.15h9.83l8.43 32.77h.4l8.23-32.77h9.83L200.3 58.04h-12.24Zm74.14-7.96c2.18 0 3.51-.6 3.51-.6 1.2-.6 2.01-1 2.81-1.81s1.4-1.81 1.81-2.81a13 13 0 0 0 .8-4.01V13.9h8.63v28.15c0 2.41-.4 4.62-1.4 6.62-.8 2.01-2.21 3.61-3.61 5.02s-3.41 2.41-5.62 3.21-4.62 1.2-7.02 1.2-5.02-.4-7.02-1.2c-2.21-.8-4.01-1.81-5.62-3.21s-2.81-3.01-3.61-5.02-1.4-4.21-1.4-6.62V13.9h8.63v26.95c0 1.61.2 3.01.8 4.01.4 1.2 1.2 2.21 2.01 2.81.8.8 1.81 1.4 2.81 1.81 0 0 1.34.6 3.51.6Zm34.22-36.18v18.92l15.65-18.92h10.82l-15.03 17.32 16.03 26.83h-10.21l-11.44-20.21-5.62 6.22v13.99h-8.83V13.9\"/>\n          </svg>\n        <span class=\"govuk-header__product-name\">Product Name</span>\n      </a>\n    </div>\n  </div>\n</header>"
+        }
+    ],
+    "previewLayout": "full-width"
+}
diff --git a/node_modules/govuk-frontend/dist/govuk/components/header/header.bundle.js b/node_modules/govuk-frontend/dist/govuk/components/header/header.bundle.js
new file mode 100644
index 0000000..ff01fd5
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/header/header.bundle.js
@@ -0,0 +1,238 @@
+(function (global, factory) {
+  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports) :
+  typeof define === 'function' && define.amd ? define(['exports'], factory) :
+  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.GOVUKFrontend = global.GOVUKFrontend || {}));
+})(this, (function (exports) { 'use strict';
+
+  function getBreakpoint(name) {
+    const property = `--govuk-breakpoint-${name}`;
+    const value = window.getComputedStyle(document.documentElement).getPropertyValue(property);
+    return {
+      property,
+      value: value || undefined
+    };
+  }
+  function isInitialised($root, moduleName) {
+    return $root instanceof HTMLElement && $root.hasAttribute(`data-${moduleName}-init`);
+  }
+
+  /**
+   * Checks if GOV.UK Frontend is supported on this page
+   *
+   * Some browsers will load and run our JavaScript but GOV.UK Frontend
+   * won't be supported.
+   *
+   * @param {HTMLElement | null} [$scope] - (internal) `<body>` HTML element checked for browser support
+   * @returns {boolean} Whether GOV.UK Frontend is supported on this page
+   */
+  function isSupported($scope = document.body) {
+    if (!$scope) {
+      return false;
+    }
+    return $scope.classList.contains('govuk-frontend-supported');
+  }
+  function isArray(option) {
+    return Array.isArray(option);
+  }
+  function isObject(option) {
+    return !!option && typeof option === 'object' && !isArray(option);
+  }
+  function formatErrorMessage(Component, message) {
+    return `${Component.moduleName}: ${message}`;
+  }
+  /**
+   * @typedef ComponentWithModuleName
+   * @property {string} moduleName - Name of the component
+   */
+
+  class GOVUKFrontendError extends Error {
+    constructor(...args) {
+      super(...args);
+      this.name = 'GOVUKFrontendError';
+    }
+  }
+  class SupportError extends GOVUKFrontendError {
+    /**
+     * Checks if GOV.UK Frontend is supported on this page
+     *
+     * @param {HTMLElement | null} [$scope] - HTML element `<body>` checked for browser support
+     */
+    constructor($scope = document.body) {
+      const supportMessage = 'noModule' in HTMLScriptElement.prototype ? 'GOV.UK Frontend initialised without `<body class="govuk-frontend-supported">` from template `<script>` snippet' : 'GOV.UK Frontend is not supported in this browser';
+      super($scope ? supportMessage : 'GOV.UK Frontend initialised without `<script type="module">`');
+      this.name = 'SupportError';
+    }
+  }
+  class ElementError extends GOVUKFrontendError {
+    constructor(messageOrOptions) {
+      let message = typeof messageOrOptions === 'string' ? messageOrOptions : '';
+      if (isObject(messageOrOptions)) {
+        const {
+          component,
+          identifier,
+          element,
+          expectedType
+        } = messageOrOptions;
+        message = identifier;
+        message += element ? ` is not of type ${expectedType != null ? expectedType : 'HTMLElement'}` : ' not found';
+        if (component) {
+          message = formatErrorMessage(component, message);
+        }
+      }
+      super(message);
+      this.name = 'ElementError';
+    }
+  }
+  class InitError extends GOVUKFrontendError {
+    constructor(componentOrMessage) {
+      const message = typeof componentOrMessage === 'string' ? componentOrMessage : formatErrorMessage(componentOrMessage, `Root element (\`$root\`) already initialised`);
+      super(message);
+      this.name = 'InitError';
+    }
+  }
+  /**
+   * @import { ComponentWithModuleName } from '../common/index.mjs'
+   */
+
+  class Component {
+    /**
+     * Returns the root element of the component
+     *
+     * @protected
+     * @returns {RootElementType} - the root element of component
+     */
+    get $root() {
+      return this._$root;
+    }
+    constructor($root) {
+      this._$root = void 0;
+      const childConstructor = this.constructor;
+      if (typeof childConstructor.moduleName !== 'string') {
+        throw new InitError(`\`moduleName\` not defined in component`);
+      }
+      if (!($root instanceof childConstructor.elementType)) {
+        throw new ElementError({
+          element: $root,
+          component: childConstructor,
+          identifier: 'Root element (`$root`)',
+          expectedType: childConstructor.elementType.name
+        });
+      } else {
+        this._$root = $root;
+      }
+      childConstructor.checkSupport();
+      this.checkInitialised();
+      const moduleName = childConstructor.moduleName;
+      this.$root.setAttribute(`data-${moduleName}-init`, '');
+    }
+    checkInitialised() {
+      const constructor = this.constructor;
+      const moduleName = constructor.moduleName;
+      if (moduleName && isInitialised(this.$root, moduleName)) {
+        throw new InitError(constructor);
+      }
+    }
+    static checkSupport() {
+      if (!isSupported()) {
+        throw new SupportError();
+      }
+    }
+  }
+
+  /**
+   * @typedef ChildClass
+   * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component
+   */
+
+  /**
+   * @typedef {typeof Component & ChildClass} ChildClassConstructor
+   */
+  Component.elementType = HTMLElement;
+
+  /**
+   * Header component
+   *
+   * @preserve
+   */
+  class Header extends Component {
+    /**
+     * Apply a matchMedia for desktop which will trigger a state sync if the
+     * browser viewport moves between states.
+     *
+     * @param {Element | null} $root - HTML element to use for header
+     */
+    constructor($root) {
+      super($root);
+      this.$menuButton = void 0;
+      this.$menu = void 0;
+      this.menuIsOpen = false;
+      this.mql = null;
+      const $menuButton = this.$root.querySelector('.govuk-js-header-toggle');
+      if (!$menuButton) {
+        return this;
+      }
+      this.$root.classList.add('govuk-header--with-js-navigation');
+      const menuId = $menuButton.getAttribute('aria-controls');
+      if (!menuId) {
+        throw new ElementError({
+          component: Header,
+          identifier: 'Navigation button (`<button class="govuk-js-header-toggle">`) attribute (`aria-controls`)'
+        });
+      }
+      const $menu = document.getElementById(menuId);
+      if (!$menu) {
+        throw new ElementError({
+          component: Header,
+          element: $menu,
+          identifier: `Navigation (\`<ul id="${menuId}">\`)`
+        });
+      }
+      this.$menu = $menu;
+      this.$menuButton = $menuButton;
+      this.setupResponsiveChecks();
+      this.$menuButton.addEventListener('click', () => this.handleMenuButtonClick());
+    }
+    setupResponsiveChecks() {
+      const breakpoint = getBreakpoint('desktop');
+      if (!breakpoint.value) {
+        throw new ElementError({
+          component: Header,
+          identifier: `CSS custom property (\`${breakpoint.property}\`) on pseudo-class \`:root\``
+        });
+      }
+      this.mql = window.matchMedia(`(min-width: ${breakpoint.value})`);
+      if ('addEventListener' in this.mql) {
+        this.mql.addEventListener('change', () => this.checkMode());
+      } else {
+        this.mql.addListener(() => this.checkMode());
+      }
+      this.checkMode();
+    }
+    checkMode() {
+      if (!this.mql || !this.$menu || !this.$menuButton) {
+        return;
+      }
+      if (this.mql.matches) {
+        this.$menu.removeAttribute('hidden');
+        this.$menuButton.setAttribute('hidden', '');
+      } else {
+        this.$menuButton.removeAttribute('hidden');
+        this.$menuButton.setAttribute('aria-expanded', this.menuIsOpen.toString());
+        if (this.menuIsOpen) {
+          this.$menu.removeAttribute('hidden');
+        } else {
+          this.$menu.setAttribute('hidden', '');
+        }
+      }
+    }
+    handleMenuButtonClick() {
+      this.menuIsOpen = !this.menuIsOpen;
+      this.checkMode();
+    }
+  }
+  Header.moduleName = 'govuk-header';
+
+  exports.Header = Header;
+
+}));
+//# sourceMappingURL=header.bundle.js.map
diff --git a/node_modules/govuk-frontend/dist/govuk/components/header/header.bundle.js.map b/node_modules/govuk-frontend/dist/govuk/components/header/header.bundle.js.map
new file mode 100644
index 0000000..3f92907
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/header/header.bundle.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"header.bundle.js","sources":["../../../../src/govuk/common/index.mjs","../../../../src/govuk/errors/index.mjs","../../../../src/govuk/component.mjs","../../../../src/govuk/components/header/header.mjs"],"sourcesContent":["/**\n * Common helpers which do not require polyfill.\n *\n * IMPORTANT: If a helper require a polyfill, please isolate it in its own module\n * so that the polyfill can be properly tree-shaken and does not burden\n * the components that do not need that helper\n */\n\n/**\n * Get GOV.UK Frontend breakpoint value from CSS custom property\n *\n * @private\n * @param {string} name - Breakpoint name\n * @returns {{ property: string, value?: string }} Breakpoint object\n */\nexport function getBreakpoint(name) {\n  const property = `--govuk-breakpoint-${name}`\n\n  // Get value from `<html>` with breakpoints on CSS :root\n  const value = window\n    .getComputedStyle(document.documentElement)\n    .getPropertyValue(property)\n\n  return {\n    property,\n    value: value || undefined\n  }\n}\n\n/**\n * Move focus to element\n *\n * Sets tabindex to -1 to make the element programmatically focusable,\n * but removes it on blur as the element doesn't need to be focused again.\n *\n * @private\n * @template {HTMLElement} FocusElement\n * @param {FocusElement} $element - HTML element\n * @param {object} [options] - Handler options\n * @param {function(this: FocusElement): void} [options.onBeforeFocus] - Callback before focus\n * @param {function(this: FocusElement): void} [options.onBlur] - Callback on blur\n */\nexport function setFocus($element, options = {}) {\n  const isFocusable = $element.getAttribute('tabindex')\n\n  if (!isFocusable) {\n    $element.setAttribute('tabindex', '-1')\n  }\n\n  /**\n   * Handle element focus\n   */\n  function onFocus() {\n    $element.addEventListener('blur', onBlur, { once: true })\n  }\n\n  /**\n   * Handle element blur\n   */\n  function onBlur() {\n    options.onBlur?.call($element)\n\n    if (!isFocusable) {\n      $element.removeAttribute('tabindex')\n    }\n  }\n\n  // Add listener to reset element on blur, after focus\n  $element.addEventListener('focus', onFocus, { once: true })\n\n  // Focus element\n  options.onBeforeFocus?.call($element)\n  $element.focus()\n}\n\n/**\n * Checks if component is already initialised\n *\n * @internal\n * @param {Element} $root - HTML element to be checked\n * @param {string} moduleName - name of component module\n * @returns {boolean} Whether component is already initialised\n */\nexport function isInitialised($root, moduleName) {\n  return (\n    $root instanceof HTMLElement &&\n    $root.hasAttribute(`data-${moduleName}-init`)\n  )\n}\n\n/**\n * Checks if GOV.UK Frontend is supported on this page\n *\n * Some browsers will load and run our JavaScript but GOV.UK Frontend\n * won't be supported.\n *\n * @param {HTMLElement | null} [$scope] - (internal) `<body>` HTML element checked for browser support\n * @returns {boolean} Whether GOV.UK Frontend is supported on this page\n */\nexport function isSupported($scope = document.body) {\n  if (!$scope) {\n    return false\n  }\n\n  return $scope.classList.contains('govuk-frontend-supported')\n}\n\n/**\n * Check for an array\n *\n * @internal\n * @param {unknown} option - Option to check\n * @returns {boolean} Whether the option is an array\n */\nfunction isArray(option) {\n  return Array.isArray(option)\n}\n\n/**\n * Check for an object\n *\n * @internal\n * @template {Partial<Record<keyof ObjectType, unknown>>} ObjectType\n * @param {unknown | ObjectType} option - Option to check\n * @returns {option is ObjectType} Whether the option is an object\n */\nexport function isObject(option) {\n  return !!option && typeof option === 'object' && !isArray(option)\n}\n\n/**\n * Check for valid scope\n *\n * @internal\n * @template {Element | Document} ScopeType\n * @param {unknown | ScopeType} $scope - Scope of the document to search within\n * @returns {$scope is ScopeType} Whether the scope can be queried\n */\nexport function isScope($scope) {\n  return !!$scope && ($scope instanceof Element || $scope instanceof Document)\n}\n\n/**\n * Format error message\n *\n * @internal\n * @param {ComponentWithModuleName} Component - Component that threw the error\n * @param {string} message - Error message\n * @returns {string} - Formatted error message\n */\nexport function formatErrorMessage(Component, message) {\n  return `${Component.moduleName}: ${message}`\n}\n\n/* eslint-disable jsdoc/valid-types --\n * `{new(...args: any[] ): object}` is not recognised as valid\n * https://github.com/gajus/eslint-plugin-jsdoc/issues/145#issuecomment-1308722878\n * https://github.com/jsdoc-type-pratt-parser/jsdoc-type-pratt-parser/issues/131\n **/\n\n/**\n * @typedef ComponentWithModuleName\n * @property {string} moduleName - Name of the component\n */\n\n/* eslint-enable jsdoc/valid-types */\n","import { formatErrorMessage, isObject } from '../common/index.mjs'\n\n/**\n * GOV.UK Frontend error\n *\n * A base class for `Error`s thrown by GOV.UK Frontend.\n *\n * It is meant to be extended into specific types of errors\n * to be thrown by our code.\n *\n * @example\n * ```js\n * class MissingRootError extends GOVUKFrontendError {\n *   // Setting an explicit name is important as extending the class will not\n *   // set a new `name` on the subclass. The `name` property is important\n *   // to ensure intelligible error names even if the class name gets\n *   // mangled by a minifier\n *   name = \"MissingRootError\"\n * }\n * ```\n * @virtual\n */\nexport class GOVUKFrontendError extends Error {\n  name = 'GOVUKFrontendError'\n}\n\n/**\n * Indicates that GOV.UK Frontend is not supported\n */\nexport class SupportError extends GOVUKFrontendError {\n  name = 'SupportError'\n\n  /**\n   * Checks if GOV.UK Frontend is supported on this page\n   *\n   * @param {HTMLElement | null} [$scope] - HTML element `<body>` checked for browser support\n   */\n  constructor($scope = document.body) {\n    const supportMessage =\n      'noModule' in HTMLScriptElement.prototype\n        ? 'GOV.UK Frontend initialised without `<body class=\"govuk-frontend-supported\">` from template `<script>` snippet'\n        : 'GOV.UK Frontend is not supported in this browser'\n\n    super(\n      $scope\n        ? supportMessage\n        : 'GOV.UK Frontend initialised without `<script type=\"module\">`'\n    )\n  }\n}\n\n/**\n * Indicates that a component has received an illegal configuration\n */\nexport class ConfigError extends GOVUKFrontendError {\n  name = 'ConfigError'\n}\n\n/**\n * Indicates an issue with an element (possibly `null` or `undefined`)\n */\nexport class ElementError extends GOVUKFrontendError {\n  name = 'ElementError'\n\n  /**\n   * @internal\n   * @overload\n   * @param {string} message - Element error message\n   */\n\n  /**\n   * @internal\n   * @overload\n   * @param {ElementErrorOptions} options - Element error options\n   */\n\n  /**\n   * @internal\n   * @param {string | ElementErrorOptions} messageOrOptions - Element error message or options\n   */\n  constructor(messageOrOptions) {\n    let message = typeof messageOrOptions === 'string' ? messageOrOptions : ''\n\n    // Build message from options\n    if (isObject(messageOrOptions)) {\n      const { component, identifier, element, expectedType } = messageOrOptions\n\n      message = identifier\n\n      // Append reason\n      message += element\n        ? ` is not of type ${expectedType ?? 'HTMLElement'}`\n        : ' not found'\n\n      // Prepend with module name (optional)\n      if (component) {\n        message = formatErrorMessage(component, message)\n      }\n    }\n\n    super(message)\n  }\n}\n\n/**\n * Indicates that a component is already initialised\n */\nexport class InitError extends GOVUKFrontendError {\n  name = 'InitError'\n\n  /**\n   * @internal\n   * @param {ComponentWithModuleName | string} componentOrMessage - name of the component module\n   */\n  constructor(componentOrMessage) {\n    const message =\n      typeof componentOrMessage === 'string'\n        ? componentOrMessage\n        : formatErrorMessage(\n            componentOrMessage,\n            `Root element (\\`$root\\`) already initialised`\n          )\n\n    super(message)\n  }\n}\n\n/**\n * Element error options\n *\n * @internal\n * @typedef {object} ElementErrorOptions\n * @property {Element | Document | null} [element] - The element in error (optional)\n * @property {ComponentWithModuleName} [component] - Component throwing the error (optional)\n * @property {string} identifier - An identifier that'll let the user understand which element has an error. This is whatever makes the most sense\n * @property {string} [expectedType] - The type that was expected for the identifier (optional)\n */\n\n/**\n * @import { ComponentWithModuleName } from '../common/index.mjs'\n */\n","import { isInitialised, isSupported } from './common/index.mjs'\nimport { ElementError, InitError, SupportError } from './errors/index.mjs'\n\n/**\n * Base Component class\n *\n * Centralises the behaviours shared by our components\n *\n * @virtual\n * @template {Element} [RootElementType=HTMLElement]\n */\nexport class Component {\n  /**\n   * @type {typeof Element}\n   */\n  static elementType = HTMLElement\n\n  // allows Typescript user to work around the lack of types\n  // in GOVUKFrontend package, Typescript is not aware of $root\n  // in components that extend GOVUKFrontendComponent\n  /**\n   * Returns the root element of the component\n   *\n   * @protected\n   * @returns {RootElementType} - the root element of component\n   */\n  get $root() {\n    return this._$root\n  }\n\n  /**\n   * @protected\n   * @type {RootElementType}\n   */\n  _$root\n\n  /**\n   * Constructs a new component, validating that GOV.UK Frontend is supported\n   *\n   * @internal\n   * @param {Element | null} [$root] - HTML element to use for component\n   */\n  constructor($root) {\n    const childConstructor = /** @type {ChildClassConstructor} */ (\n      this.constructor\n    )\n\n    // TypeScript does not enforce that inheriting classes will define a `moduleName`\n    // (even if we add a `@virtual` `static moduleName` property to this class).\n    // While we trust users to do this correctly, we do a little check to provide them\n    // a helpful error message.\n    //\n    // After this, we'll be sure that `childConstructor` has a `moduleName`\n    // as expected of the `ChildClassConstructor` we've cast `this.constructor` to.\n    if (typeof childConstructor.moduleName !== 'string') {\n      throw new InitError(`\\`moduleName\\` not defined in component`)\n    }\n\n    if (!($root instanceof childConstructor.elementType)) {\n      throw new ElementError({\n        element: $root,\n        component: childConstructor,\n        identifier: 'Root element (`$root`)',\n        expectedType: childConstructor.elementType.name\n      })\n    } else {\n      this._$root = /** @type {RootElementType} */ ($root)\n    }\n\n    childConstructor.checkSupport()\n\n    this.checkInitialised()\n\n    const moduleName = childConstructor.moduleName\n\n    this.$root.setAttribute(`data-${moduleName}-init`, '')\n  }\n\n  /**\n   * Validates whether component is already initialised\n   *\n   * @private\n   * @throws {InitError} when component is already initialised\n   */\n  checkInitialised() {\n    const constructor = /** @type {ChildClassConstructor} */ (this.constructor)\n    const moduleName = constructor.moduleName\n\n    if (moduleName && isInitialised(this.$root, moduleName)) {\n      throw new InitError(constructor)\n    }\n  }\n\n  /**\n   * Validates whether components are supported\n   *\n   * @throws {SupportError} when the components are not supported\n   */\n  static checkSupport() {\n    if (!isSupported()) {\n      throw new SupportError()\n    }\n  }\n}\n\n/**\n * @typedef ChildClass\n * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component\n */\n\n/**\n * @typedef {typeof Component & ChildClass} ChildClassConstructor\n */\n","import { getBreakpoint } from '../../common/index.mjs'\nimport { Component } from '../../component.mjs'\nimport { ElementError } from '../../errors/index.mjs'\n\n/**\n * Header component\n *\n * @preserve\n */\nexport class Header extends Component {\n  /** @private */\n  $menuButton\n\n  /** @private */\n  $menu\n\n  /**\n   * Save the opened/closed state for the nav in memory so that we can\n   * accurately maintain state when the screen is changed from small to big and\n   * back to small\n   *\n   * @private\n   */\n  menuIsOpen = false\n\n  /**\n   * A global const for storing a matchMedia instance which we'll use to detect\n   * when a screen size change happens. We rely on it being null if the feature\n   * isn't available to initially apply hidden attributes\n   *\n   * @private\n   * @type {MediaQueryList | null}\n   */\n  mql = null\n\n  /**\n   * Apply a matchMedia for desktop which will trigger a state sync if the\n   * browser viewport moves between states.\n   *\n   * @param {Element | null} $root - HTML element to use for header\n   */\n  constructor($root) {\n    super($root)\n\n    const $menuButton = this.$root.querySelector('.govuk-js-header-toggle')\n\n    // Headers don't necessarily have a navigation. When they don't, the menu\n    // toggle won't be rendered by our macro (or may be omitted when writing\n    // plain HTML)\n    if (!$menuButton) {\n      return this\n    }\n\n    // Pad the header logo so it doesn't overlap the menu button\n    this.$root.classList.add('govuk-header--with-js-navigation')\n\n    const menuId = $menuButton.getAttribute('aria-controls')\n    if (!menuId) {\n      throw new ElementError({\n        component: Header,\n        identifier:\n          'Navigation button (`<button class=\"govuk-js-header-toggle\">`) attribute (`aria-controls`)'\n      })\n    }\n\n    const $menu = document.getElementById(menuId)\n    if (!$menu) {\n      throw new ElementError({\n        component: Header,\n        element: $menu,\n        identifier: `Navigation (\\`<ul id=\"${menuId}\">\\`)`\n      })\n    }\n\n    this.$menu = $menu\n    this.$menuButton = $menuButton\n\n    this.setupResponsiveChecks()\n\n    this.$menuButton.addEventListener('click', () =>\n      this.handleMenuButtonClick()\n    )\n  }\n\n  /**\n   * Setup viewport resize check\n   *\n   * @private\n   */\n  setupResponsiveChecks() {\n    const breakpoint = getBreakpoint('desktop')\n\n    if (!breakpoint.value) {\n      throw new ElementError({\n        component: Header,\n        identifier: `CSS custom property (\\`${breakpoint.property}\\`) on pseudo-class \\`:root\\``\n      })\n    }\n\n    // Media query list for GOV.UK Frontend desktop breakpoint\n    this.mql = window.matchMedia(`(min-width: ${breakpoint.value})`)\n\n    // MediaQueryList.addEventListener isn't supported by Safari < 14 so we need\n    // to be able to fall back to the deprecated MediaQueryList.addListener\n    if ('addEventListener' in this.mql) {\n      this.mql.addEventListener('change', () => this.checkMode())\n    } else {\n      // @ts-expect-error Property 'addListener' does not exist\n      // eslint-disable-next-line @typescript-eslint/no-unsafe-call\n      this.mql.addListener(() => this.checkMode())\n    }\n\n    this.checkMode()\n  }\n\n  /**\n   * Sync menu state\n   *\n   * Uses the global variable menuIsOpen to correctly set the accessible and\n   * visual states of the menu and the menu button.\n   * Additionally will force the menu to be visible and the menu button to be\n   * hidden if the matchMedia is triggered to desktop.\n   *\n   * @private\n   */\n  checkMode() {\n    if (!this.mql || !this.$menu || !this.$menuButton) {\n      return\n    }\n\n    if (this.mql.matches) {\n      this.$menu.removeAttribute('hidden')\n      this.$menuButton.setAttribute('hidden', '')\n    } else {\n      this.$menuButton.removeAttribute('hidden')\n      this.$menuButton.setAttribute('aria-expanded', this.menuIsOpen.toString())\n\n      if (this.menuIsOpen) {\n        this.$menu.removeAttribute('hidden')\n      } else {\n        this.$menu.setAttribute('hidden', '')\n      }\n    }\n  }\n\n  /**\n   * Handle menu button click\n   *\n   * When the menu button is clicked, change the visibility of the menu and then\n   * sync the accessibility state and menu button state\n   *\n   * @private\n   */\n  handleMenuButtonClick() {\n    this.menuIsOpen = !this.menuIsOpen\n    this.checkMode()\n  }\n\n  /**\n   * Name for the component used when initialising using data-module attributes.\n   */\n  static moduleName = 'govuk-header'\n}\n"],"names":["getBreakpoint","name","property","value","window","getComputedStyle","document","documentElement","getPropertyValue","undefined","isInitialised","$root","moduleName","HTMLElement","hasAttribute","isSupported","$scope","body","classList","contains","isArray","option","Array","isObject","formatErrorMessage","Component","message","GOVUKFrontendError","Error","constructor","args","SupportError","supportMessage","HTMLScriptElement","prototype","ElementError","messageOrOptions","component","identifier","element","expectedType","InitError","componentOrMessage","_$root","childConstructor","elementType","checkSupport","checkInitialised","setAttribute","Header","$menuButton","$menu","menuIsOpen","mql","querySelector","add","menuId","getAttribute","getElementById","setupResponsiveChecks","addEventListener","handleMenuButtonClick","breakpoint","matchMedia","checkMode","addListener","matches","removeAttribute","toString"],"mappings":"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"}
\ No newline at end of file
diff --git a/node_modules/govuk-frontend/dist/govuk/components/header/header.bundle.mjs b/node_modules/govuk-frontend/dist/govuk/components/header/header.bundle.mjs
new file mode 100644
index 0000000..12d626e
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/header/header.bundle.mjs
@@ -0,0 +1,230 @@
+function getBreakpoint(name) {
+  const property = `--govuk-breakpoint-${name}`;
+  const value = window.getComputedStyle(document.documentElement).getPropertyValue(property);
+  return {
+    property,
+    value: value || undefined
+  };
+}
+function isInitialised($root, moduleName) {
+  return $root instanceof HTMLElement && $root.hasAttribute(`data-${moduleName}-init`);
+}
+
+/**
+ * Checks if GOV.UK Frontend is supported on this page
+ *
+ * Some browsers will load and run our JavaScript but GOV.UK Frontend
+ * won't be supported.
+ *
+ * @param {HTMLElement | null} [$scope] - (internal) `<body>` HTML element checked for browser support
+ * @returns {boolean} Whether GOV.UK Frontend is supported on this page
+ */
+function isSupported($scope = document.body) {
+  if (!$scope) {
+    return false;
+  }
+  return $scope.classList.contains('govuk-frontend-supported');
+}
+function isArray(option) {
+  return Array.isArray(option);
+}
+function isObject(option) {
+  return !!option && typeof option === 'object' && !isArray(option);
+}
+function formatErrorMessage(Component, message) {
+  return `${Component.moduleName}: ${message}`;
+}
+/**
+ * @typedef ComponentWithModuleName
+ * @property {string} moduleName - Name of the component
+ */
+
+class GOVUKFrontendError extends Error {
+  constructor(...args) {
+    super(...args);
+    this.name = 'GOVUKFrontendError';
+  }
+}
+class SupportError extends GOVUKFrontendError {
+  /**
+   * Checks if GOV.UK Frontend is supported on this page
+   *
+   * @param {HTMLElement | null} [$scope] - HTML element `<body>` checked for browser support
+   */
+  constructor($scope = document.body) {
+    const supportMessage = 'noModule' in HTMLScriptElement.prototype ? 'GOV.UK Frontend initialised without `<body class="govuk-frontend-supported">` from template `<script>` snippet' : 'GOV.UK Frontend is not supported in this browser';
+    super($scope ? supportMessage : 'GOV.UK Frontend initialised without `<script type="module">`');
+    this.name = 'SupportError';
+  }
+}
+class ElementError extends GOVUKFrontendError {
+  constructor(messageOrOptions) {
+    let message = typeof messageOrOptions === 'string' ? messageOrOptions : '';
+    if (isObject(messageOrOptions)) {
+      const {
+        component,
+        identifier,
+        element,
+        expectedType
+      } = messageOrOptions;
+      message = identifier;
+      message += element ? ` is not of type ${expectedType != null ? expectedType : 'HTMLElement'}` : ' not found';
+      if (component) {
+        message = formatErrorMessage(component, message);
+      }
+    }
+    super(message);
+    this.name = 'ElementError';
+  }
+}
+class InitError extends GOVUKFrontendError {
+  constructor(componentOrMessage) {
+    const message = typeof componentOrMessage === 'string' ? componentOrMessage : formatErrorMessage(componentOrMessage, `Root element (\`$root\`) already initialised`);
+    super(message);
+    this.name = 'InitError';
+  }
+}
+/**
+ * @import { ComponentWithModuleName } from '../common/index.mjs'
+ */
+
+class Component {
+  /**
+   * Returns the root element of the component
+   *
+   * @protected
+   * @returns {RootElementType} - the root element of component
+   */
+  get $root() {
+    return this._$root;
+  }
+  constructor($root) {
+    this._$root = void 0;
+    const childConstructor = this.constructor;
+    if (typeof childConstructor.moduleName !== 'string') {
+      throw new InitError(`\`moduleName\` not defined in component`);
+    }
+    if (!($root instanceof childConstructor.elementType)) {
+      throw new ElementError({
+        element: $root,
+        component: childConstructor,
+        identifier: 'Root element (`$root`)',
+        expectedType: childConstructor.elementType.name
+      });
+    } else {
+      this._$root = $root;
+    }
+    childConstructor.checkSupport();
+    this.checkInitialised();
+    const moduleName = childConstructor.moduleName;
+    this.$root.setAttribute(`data-${moduleName}-init`, '');
+  }
+  checkInitialised() {
+    const constructor = this.constructor;
+    const moduleName = constructor.moduleName;
+    if (moduleName && isInitialised(this.$root, moduleName)) {
+      throw new InitError(constructor);
+    }
+  }
+  static checkSupport() {
+    if (!isSupported()) {
+      throw new SupportError();
+    }
+  }
+}
+
+/**
+ * @typedef ChildClass
+ * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component
+ */
+
+/**
+ * @typedef {typeof Component & ChildClass} ChildClassConstructor
+ */
+Component.elementType = HTMLElement;
+
+/**
+ * Header component
+ *
+ * @preserve
+ */
+class Header extends Component {
+  /**
+   * Apply a matchMedia for desktop which will trigger a state sync if the
+   * browser viewport moves between states.
+   *
+   * @param {Element | null} $root - HTML element to use for header
+   */
+  constructor($root) {
+    super($root);
+    this.$menuButton = void 0;
+    this.$menu = void 0;
+    this.menuIsOpen = false;
+    this.mql = null;
+    const $menuButton = this.$root.querySelector('.govuk-js-header-toggle');
+    if (!$menuButton) {
+      return this;
+    }
+    this.$root.classList.add('govuk-header--with-js-navigation');
+    const menuId = $menuButton.getAttribute('aria-controls');
+    if (!menuId) {
+      throw new ElementError({
+        component: Header,
+        identifier: 'Navigation button (`<button class="govuk-js-header-toggle">`) attribute (`aria-controls`)'
+      });
+    }
+    const $menu = document.getElementById(menuId);
+    if (!$menu) {
+      throw new ElementError({
+        component: Header,
+        element: $menu,
+        identifier: `Navigation (\`<ul id="${menuId}">\`)`
+      });
+    }
+    this.$menu = $menu;
+    this.$menuButton = $menuButton;
+    this.setupResponsiveChecks();
+    this.$menuButton.addEventListener('click', () => this.handleMenuButtonClick());
+  }
+  setupResponsiveChecks() {
+    const breakpoint = getBreakpoint('desktop');
+    if (!breakpoint.value) {
+      throw new ElementError({
+        component: Header,
+        identifier: `CSS custom property (\`${breakpoint.property}\`) on pseudo-class \`:root\``
+      });
+    }
+    this.mql = window.matchMedia(`(min-width: ${breakpoint.value})`);
+    if ('addEventListener' in this.mql) {
+      this.mql.addEventListener('change', () => this.checkMode());
+    } else {
+      this.mql.addListener(() => this.checkMode());
+    }
+    this.checkMode();
+  }
+  checkMode() {
+    if (!this.mql || !this.$menu || !this.$menuButton) {
+      return;
+    }
+    if (this.mql.matches) {
+      this.$menu.removeAttribute('hidden');
+      this.$menuButton.setAttribute('hidden', '');
+    } else {
+      this.$menuButton.removeAttribute('hidden');
+      this.$menuButton.setAttribute('aria-expanded', this.menuIsOpen.toString());
+      if (this.menuIsOpen) {
+        this.$menu.removeAttribute('hidden');
+      } else {
+        this.$menu.setAttribute('hidden', '');
+      }
+    }
+  }
+  handleMenuButtonClick() {
+    this.menuIsOpen = !this.menuIsOpen;
+    this.checkMode();
+  }
+}
+Header.moduleName = 'govuk-header';
+
+export { Header };
+//# sourceMappingURL=header.bundle.mjs.map
diff --git a/node_modules/govuk-frontend/dist/govuk/components/header/header.bundle.mjs.map b/node_modules/govuk-frontend/dist/govuk/components/header/header.bundle.mjs.map
new file mode 100644
index 0000000..6c6abde
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/header/header.bundle.mjs.map
@@ -0,0 +1 @@
+{"version":3,"file":"header.bundle.mjs","sources":["../../../../src/govuk/common/index.mjs","../../../../src/govuk/errors/index.mjs","../../../../src/govuk/component.mjs","../../../../src/govuk/components/header/header.mjs"],"sourcesContent":["/**\n * Common helpers which do not require polyfill.\n *\n * IMPORTANT: If a helper require a polyfill, please isolate it in its own module\n * so that the polyfill can be properly tree-shaken and does not burden\n * the components that do not need that helper\n */\n\n/**\n * Get GOV.UK Frontend breakpoint value from CSS custom property\n *\n * @private\n * @param {string} name - Breakpoint name\n * @returns {{ property: string, value?: string }} Breakpoint object\n */\nexport function getBreakpoint(name) {\n  const property = `--govuk-breakpoint-${name}`\n\n  // Get value from `<html>` with breakpoints on CSS :root\n  const value = window\n    .getComputedStyle(document.documentElement)\n    .getPropertyValue(property)\n\n  return {\n    property,\n    value: value || undefined\n  }\n}\n\n/**\n * Move focus to element\n *\n * Sets tabindex to -1 to make the element programmatically focusable,\n * but removes it on blur as the element doesn't need to be focused again.\n *\n * @private\n * @template {HTMLElement} FocusElement\n * @param {FocusElement} $element - HTML element\n * @param {object} [options] - Handler options\n * @param {function(this: FocusElement): void} [options.onBeforeFocus] - Callback before focus\n * @param {function(this: FocusElement): void} [options.onBlur] - Callback on blur\n */\nexport function setFocus($element, options = {}) {\n  const isFocusable = $element.getAttribute('tabindex')\n\n  if (!isFocusable) {\n    $element.setAttribute('tabindex', '-1')\n  }\n\n  /**\n   * Handle element focus\n   */\n  function onFocus() {\n    $element.addEventListener('blur', onBlur, { once: true })\n  }\n\n  /**\n   * Handle element blur\n   */\n  function onBlur() {\n    options.onBlur?.call($element)\n\n    if (!isFocusable) {\n      $element.removeAttribute('tabindex')\n    }\n  }\n\n  // Add listener to reset element on blur, after focus\n  $element.addEventListener('focus', onFocus, { once: true })\n\n  // Focus element\n  options.onBeforeFocus?.call($element)\n  $element.focus()\n}\n\n/**\n * Checks if component is already initialised\n *\n * @internal\n * @param {Element} $root - HTML element to be checked\n * @param {string} moduleName - name of component module\n * @returns {boolean} Whether component is already initialised\n */\nexport function isInitialised($root, moduleName) {\n  return (\n    $root instanceof HTMLElement &&\n    $root.hasAttribute(`data-${moduleName}-init`)\n  )\n}\n\n/**\n * Checks if GOV.UK Frontend is supported on this page\n *\n * Some browsers will load and run our JavaScript but GOV.UK Frontend\n * won't be supported.\n *\n * @param {HTMLElement | null} [$scope] - (internal) `<body>` HTML element checked for browser support\n * @returns {boolean} Whether GOV.UK Frontend is supported on this page\n */\nexport function isSupported($scope = document.body) {\n  if (!$scope) {\n    return false\n  }\n\n  return $scope.classList.contains('govuk-frontend-supported')\n}\n\n/**\n * Check for an array\n *\n * @internal\n * @param {unknown} option - Option to check\n * @returns {boolean} Whether the option is an array\n */\nfunction isArray(option) {\n  return Array.isArray(option)\n}\n\n/**\n * Check for an object\n *\n * @internal\n * @template {Partial<Record<keyof ObjectType, unknown>>} ObjectType\n * @param {unknown | ObjectType} option - Option to check\n * @returns {option is ObjectType} Whether the option is an object\n */\nexport function isObject(option) {\n  return !!option && typeof option === 'object' && !isArray(option)\n}\n\n/**\n * Check for valid scope\n *\n * @internal\n * @template {Element | Document} ScopeType\n * @param {unknown | ScopeType} $scope - Scope of the document to search within\n * @returns {$scope is ScopeType} Whether the scope can be queried\n */\nexport function isScope($scope) {\n  return !!$scope && ($scope instanceof Element || $scope instanceof Document)\n}\n\n/**\n * Format error message\n *\n * @internal\n * @param {ComponentWithModuleName} Component - Component that threw the error\n * @param {string} message - Error message\n * @returns {string} - Formatted error message\n */\nexport function formatErrorMessage(Component, message) {\n  return `${Component.moduleName}: ${message}`\n}\n\n/* eslint-disable jsdoc/valid-types --\n * `{new(...args: any[] ): object}` is not recognised as valid\n * https://github.com/gajus/eslint-plugin-jsdoc/issues/145#issuecomment-1308722878\n * https://github.com/jsdoc-type-pratt-parser/jsdoc-type-pratt-parser/issues/131\n **/\n\n/**\n * @typedef ComponentWithModuleName\n * @property {string} moduleName - Name of the component\n */\n\n/* eslint-enable jsdoc/valid-types */\n","import { formatErrorMessage, isObject } from '../common/index.mjs'\n\n/**\n * GOV.UK Frontend error\n *\n * A base class for `Error`s thrown by GOV.UK Frontend.\n *\n * It is meant to be extended into specific types of errors\n * to be thrown by our code.\n *\n * @example\n * ```js\n * class MissingRootError extends GOVUKFrontendError {\n *   // Setting an explicit name is important as extending the class will not\n *   // set a new `name` on the subclass. The `name` property is important\n *   // to ensure intelligible error names even if the class name gets\n *   // mangled by a minifier\n *   name = \"MissingRootError\"\n * }\n * ```\n * @virtual\n */\nexport class GOVUKFrontendError extends Error {\n  name = 'GOVUKFrontendError'\n}\n\n/**\n * Indicates that GOV.UK Frontend is not supported\n */\nexport class SupportError extends GOVUKFrontendError {\n  name = 'SupportError'\n\n  /**\n   * Checks if GOV.UK Frontend is supported on this page\n   *\n   * @param {HTMLElement | null} [$scope] - HTML element `<body>` checked for browser support\n   */\n  constructor($scope = document.body) {\n    const supportMessage =\n      'noModule' in HTMLScriptElement.prototype\n        ? 'GOV.UK Frontend initialised without `<body class=\"govuk-frontend-supported\">` from template `<script>` snippet'\n        : 'GOV.UK Frontend is not supported in this browser'\n\n    super(\n      $scope\n        ? supportMessage\n        : 'GOV.UK Frontend initialised without `<script type=\"module\">`'\n    )\n  }\n}\n\n/**\n * Indicates that a component has received an illegal configuration\n */\nexport class ConfigError extends GOVUKFrontendError {\n  name = 'ConfigError'\n}\n\n/**\n * Indicates an issue with an element (possibly `null` or `undefined`)\n */\nexport class ElementError extends GOVUKFrontendError {\n  name = 'ElementError'\n\n  /**\n   * @internal\n   * @overload\n   * @param {string} message - Element error message\n   */\n\n  /**\n   * @internal\n   * @overload\n   * @param {ElementErrorOptions} options - Element error options\n   */\n\n  /**\n   * @internal\n   * @param {string | ElementErrorOptions} messageOrOptions - Element error message or options\n   */\n  constructor(messageOrOptions) {\n    let message = typeof messageOrOptions === 'string' ? messageOrOptions : ''\n\n    // Build message from options\n    if (isObject(messageOrOptions)) {\n      const { component, identifier, element, expectedType } = messageOrOptions\n\n      message = identifier\n\n      // Append reason\n      message += element\n        ? ` is not of type ${expectedType ?? 'HTMLElement'}`\n        : ' not found'\n\n      // Prepend with module name (optional)\n      if (component) {\n        message = formatErrorMessage(component, message)\n      }\n    }\n\n    super(message)\n  }\n}\n\n/**\n * Indicates that a component is already initialised\n */\nexport class InitError extends GOVUKFrontendError {\n  name = 'InitError'\n\n  /**\n   * @internal\n   * @param {ComponentWithModuleName | string} componentOrMessage - name of the component module\n   */\n  constructor(componentOrMessage) {\n    const message =\n      typeof componentOrMessage === 'string'\n        ? componentOrMessage\n        : formatErrorMessage(\n            componentOrMessage,\n            `Root element (\\`$root\\`) already initialised`\n          )\n\n    super(message)\n  }\n}\n\n/**\n * Element error options\n *\n * @internal\n * @typedef {object} ElementErrorOptions\n * @property {Element | Document | null} [element] - The element in error (optional)\n * @property {ComponentWithModuleName} [component] - Component throwing the error (optional)\n * @property {string} identifier - An identifier that'll let the user understand which element has an error. This is whatever makes the most sense\n * @property {string} [expectedType] - The type that was expected for the identifier (optional)\n */\n\n/**\n * @import { ComponentWithModuleName } from '../common/index.mjs'\n */\n","import { isInitialised, isSupported } from './common/index.mjs'\nimport { ElementError, InitError, SupportError } from './errors/index.mjs'\n\n/**\n * Base Component class\n *\n * Centralises the behaviours shared by our components\n *\n * @virtual\n * @template {Element} [RootElementType=HTMLElement]\n */\nexport class Component {\n  /**\n   * @type {typeof Element}\n   */\n  static elementType = HTMLElement\n\n  // allows Typescript user to work around the lack of types\n  // in GOVUKFrontend package, Typescript is not aware of $root\n  // in components that extend GOVUKFrontendComponent\n  /**\n   * Returns the root element of the component\n   *\n   * @protected\n   * @returns {RootElementType} - the root element of component\n   */\n  get $root() {\n    return this._$root\n  }\n\n  /**\n   * @protected\n   * @type {RootElementType}\n   */\n  _$root\n\n  /**\n   * Constructs a new component, validating that GOV.UK Frontend is supported\n   *\n   * @internal\n   * @param {Element | null} [$root] - HTML element to use for component\n   */\n  constructor($root) {\n    const childConstructor = /** @type {ChildClassConstructor} */ (\n      this.constructor\n    )\n\n    // TypeScript does not enforce that inheriting classes will define a `moduleName`\n    // (even if we add a `@virtual` `static moduleName` property to this class).\n    // While we trust users to do this correctly, we do a little check to provide them\n    // a helpful error message.\n    //\n    // After this, we'll be sure that `childConstructor` has a `moduleName`\n    // as expected of the `ChildClassConstructor` we've cast `this.constructor` to.\n    if (typeof childConstructor.moduleName !== 'string') {\n      throw new InitError(`\\`moduleName\\` not defined in component`)\n    }\n\n    if (!($root instanceof childConstructor.elementType)) {\n      throw new ElementError({\n        element: $root,\n        component: childConstructor,\n        identifier: 'Root element (`$root`)',\n        expectedType: childConstructor.elementType.name\n      })\n    } else {\n      this._$root = /** @type {RootElementType} */ ($root)\n    }\n\n    childConstructor.checkSupport()\n\n    this.checkInitialised()\n\n    const moduleName = childConstructor.moduleName\n\n    this.$root.setAttribute(`data-${moduleName}-init`, '')\n  }\n\n  /**\n   * Validates whether component is already initialised\n   *\n   * @private\n   * @throws {InitError} when component is already initialised\n   */\n  checkInitialised() {\n    const constructor = /** @type {ChildClassConstructor} */ (this.constructor)\n    const moduleName = constructor.moduleName\n\n    if (moduleName && isInitialised(this.$root, moduleName)) {\n      throw new InitError(constructor)\n    }\n  }\n\n  /**\n   * Validates whether components are supported\n   *\n   * @throws {SupportError} when the components are not supported\n   */\n  static checkSupport() {\n    if (!isSupported()) {\n      throw new SupportError()\n    }\n  }\n}\n\n/**\n * @typedef ChildClass\n * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component\n */\n\n/**\n * @typedef {typeof Component & ChildClass} ChildClassConstructor\n */\n","import { getBreakpoint } from '../../common/index.mjs'\nimport { Component } from '../../component.mjs'\nimport { ElementError } from '../../errors/index.mjs'\n\n/**\n * Header component\n *\n * @preserve\n */\nexport class Header extends Component {\n  /** @private */\n  $menuButton\n\n  /** @private */\n  $menu\n\n  /**\n   * Save the opened/closed state for the nav in memory so that we can\n   * accurately maintain state when the screen is changed from small to big and\n   * back to small\n   *\n   * @private\n   */\n  menuIsOpen = false\n\n  /**\n   * A global const for storing a matchMedia instance which we'll use to detect\n   * when a screen size change happens. We rely on it being null if the feature\n   * isn't available to initially apply hidden attributes\n   *\n   * @private\n   * @type {MediaQueryList | null}\n   */\n  mql = null\n\n  /**\n   * Apply a matchMedia for desktop which will trigger a state sync if the\n   * browser viewport moves between states.\n   *\n   * @param {Element | null} $root - HTML element to use for header\n   */\n  constructor($root) {\n    super($root)\n\n    const $menuButton = this.$root.querySelector('.govuk-js-header-toggle')\n\n    // Headers don't necessarily have a navigation. When they don't, the menu\n    // toggle won't be rendered by our macro (or may be omitted when writing\n    // plain HTML)\n    if (!$menuButton) {\n      return this\n    }\n\n    // Pad the header logo so it doesn't overlap the menu button\n    this.$root.classList.add('govuk-header--with-js-navigation')\n\n    const menuId = $menuButton.getAttribute('aria-controls')\n    if (!menuId) {\n      throw new ElementError({\n        component: Header,\n        identifier:\n          'Navigation button (`<button class=\"govuk-js-header-toggle\">`) attribute (`aria-controls`)'\n      })\n    }\n\n    const $menu = document.getElementById(menuId)\n    if (!$menu) {\n      throw new ElementError({\n        component: Header,\n        element: $menu,\n        identifier: `Navigation (\\`<ul id=\"${menuId}\">\\`)`\n      })\n    }\n\n    this.$menu = $menu\n    this.$menuButton = $menuButton\n\n    this.setupResponsiveChecks()\n\n    this.$menuButton.addEventListener('click', () =>\n      this.handleMenuButtonClick()\n    )\n  }\n\n  /**\n   * Setup viewport resize check\n   *\n   * @private\n   */\n  setupResponsiveChecks() {\n    const breakpoint = getBreakpoint('desktop')\n\n    if (!breakpoint.value) {\n      throw new ElementError({\n        component: Header,\n        identifier: `CSS custom property (\\`${breakpoint.property}\\`) on pseudo-class \\`:root\\``\n      })\n    }\n\n    // Media query list for GOV.UK Frontend desktop breakpoint\n    this.mql = window.matchMedia(`(min-width: ${breakpoint.value})`)\n\n    // MediaQueryList.addEventListener isn't supported by Safari < 14 so we need\n    // to be able to fall back to the deprecated MediaQueryList.addListener\n    if ('addEventListener' in this.mql) {\n      this.mql.addEventListener('change', () => this.checkMode())\n    } else {\n      // @ts-expect-error Property 'addListener' does not exist\n      // eslint-disable-next-line @typescript-eslint/no-unsafe-call\n      this.mql.addListener(() => this.checkMode())\n    }\n\n    this.checkMode()\n  }\n\n  /**\n   * Sync menu state\n   *\n   * Uses the global variable menuIsOpen to correctly set the accessible and\n   * visual states of the menu and the menu button.\n   * Additionally will force the menu to be visible and the menu button to be\n   * hidden if the matchMedia is triggered to desktop.\n   *\n   * @private\n   */\n  checkMode() {\n    if (!this.mql || !this.$menu || !this.$menuButton) {\n      return\n    }\n\n    if (this.mql.matches) {\n      this.$menu.removeAttribute('hidden')\n      this.$menuButton.setAttribute('hidden', '')\n    } else {\n      this.$menuButton.removeAttribute('hidden')\n      this.$menuButton.setAttribute('aria-expanded', this.menuIsOpen.toString())\n\n      if (this.menuIsOpen) {\n        this.$menu.removeAttribute('hidden')\n      } else {\n        this.$menu.setAttribute('hidden', '')\n      }\n    }\n  }\n\n  /**\n   * Handle menu button click\n   *\n   * When the menu button is clicked, change the visibility of the menu and then\n   * sync the accessibility state and menu button state\n   *\n   * @private\n   */\n  handleMenuButtonClick() {\n    this.menuIsOpen = !this.menuIsOpen\n    this.checkMode()\n  }\n\n  /**\n   * Name for the component used when initialising using data-module attributes.\n   */\n  static moduleName = 'govuk-header'\n}\n"],"names":["getBreakpoint","name","property","value","window","getComputedStyle","document","documentElement","getPropertyValue","undefined","isInitialised","$root","moduleName","HTMLElement","hasAttribute","isSupported","$scope","body","classList","contains","isArray","option","Array","isObject","formatErrorMessage","Component","message","GOVUKFrontendError","Error","constructor","args","SupportError","supportMessage","HTMLScriptElement","prototype","ElementError","messageOrOptions","component","identifier","element","expectedType","InitError","componentOrMessage","_$root","childConstructor","elementType","checkSupport","checkInitialised","setAttribute","Header","$menuButton","$menu","menuIsOpen","mql","querySelector","add","menuId","getAttribute","getElementById","setupResponsiveChecks","addEventListener","handleMenuButtonClick","breakpoint","matchMedia","checkMode","addListener","matches","removeAttribute","toString"],"mappings":"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"}
\ No newline at end of file
diff --git a/node_modules/govuk-frontend/dist/govuk/components/header/header.mjs b/node_modules/govuk-frontend/dist/govuk/components/header/header.mjs
new file mode 100644
index 0000000..b2489b6
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/header/header.mjs
@@ -0,0 +1,89 @@
+import { getBreakpoint } from '../../common/index.mjs';
+import { Component } from '../../component.mjs';
+import { ElementError } from '../../errors/index.mjs';
+
+/**
+ * Header component
+ *
+ * @preserve
+ */
+class Header extends Component {
+  /**
+   * Apply a matchMedia for desktop which will trigger a state sync if the
+   * browser viewport moves between states.
+   *
+   * @param {Element | null} $root - HTML element to use for header
+   */
+  constructor($root) {
+    super($root);
+    this.$menuButton = void 0;
+    this.$menu = void 0;
+    this.menuIsOpen = false;
+    this.mql = null;
+    const $menuButton = this.$root.querySelector('.govuk-js-header-toggle');
+    if (!$menuButton) {
+      return this;
+    }
+    this.$root.classList.add('govuk-header--with-js-navigation');
+    const menuId = $menuButton.getAttribute('aria-controls');
+    if (!menuId) {
+      throw new ElementError({
+        component: Header,
+        identifier: 'Navigation button (`<button class="govuk-js-header-toggle">`) attribute (`aria-controls`)'
+      });
+    }
+    const $menu = document.getElementById(menuId);
+    if (!$menu) {
+      throw new ElementError({
+        component: Header,
+        element: $menu,
+        identifier: `Navigation (\`<ul id="${menuId}">\`)`
+      });
+    }
+    this.$menu = $menu;
+    this.$menuButton = $menuButton;
+    this.setupResponsiveChecks();
+    this.$menuButton.addEventListener('click', () => this.handleMenuButtonClick());
+  }
+  setupResponsiveChecks() {
+    const breakpoint = getBreakpoint('desktop');
+    if (!breakpoint.value) {
+      throw new ElementError({
+        component: Header,
+        identifier: `CSS custom property (\`${breakpoint.property}\`) on pseudo-class \`:root\``
+      });
+    }
+    this.mql = window.matchMedia(`(min-width: ${breakpoint.value})`);
+    if ('addEventListener' in this.mql) {
+      this.mql.addEventListener('change', () => this.checkMode());
+    } else {
+      this.mql.addListener(() => this.checkMode());
+    }
+    this.checkMode();
+  }
+  checkMode() {
+    if (!this.mql || !this.$menu || !this.$menuButton) {
+      return;
+    }
+    if (this.mql.matches) {
+      this.$menu.removeAttribute('hidden');
+      this.$menuButton.setAttribute('hidden', '');
+    } else {
+      this.$menuButton.removeAttribute('hidden');
+      this.$menuButton.setAttribute('aria-expanded', this.menuIsOpen.toString());
+      if (this.menuIsOpen) {
+        this.$menu.removeAttribute('hidden');
+      } else {
+        this.$menu.setAttribute('hidden', '');
+      }
+    }
+  }
+  handleMenuButtonClick() {
+    this.menuIsOpen = !this.menuIsOpen;
+    this.checkMode();
+  }
+}
+Header.moduleName = 'govuk-header';
+
+export { Header };
+//# sourceMappingURL=header.mjs.map
diff --git a/node_modules/govuk-frontend/dist/govuk/components/header/header.mjs.map b/node_modules/govuk-frontend/dist/govuk/components/header/header.mjs.map
new file mode 100644
index 0000000..412c0bb
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/header/header.mjs.map
@@ -0,0 +1 @@
+{"version":3,"file":"header.mjs","sources":["../../../../src/govuk/components/header/header.mjs"],"sourcesContent":["import { getBreakpoint } from '../../common/index.mjs'\nimport { Component } from '../../component.mjs'\nimport { ElementError } from '../../errors/index.mjs'\n\n/**\n * Header component\n *\n * @preserve\n */\nexport class Header extends Component {\n  /** @private */\n  $menuButton\n\n  /** @private */\n  $menu\n\n  /**\n   * Save the opened/closed state for the nav in memory so that we can\n   * accurately maintain state when the screen is changed from small to big and\n   * back to small\n   *\n   * @private\n   */\n  menuIsOpen = false\n\n  /**\n   * A global const for storing a matchMedia instance which we'll use to detect\n   * when a screen size change happens. We rely on it being null if the feature\n   * isn't available to initially apply hidden attributes\n   *\n   * @private\n   * @type {MediaQueryList | null}\n   */\n  mql = null\n\n  /**\n   * Apply a matchMedia for desktop which will trigger a state sync if the\n   * browser viewport moves between states.\n   *\n   * @param {Element | null} $root - HTML element to use for header\n   */\n  constructor($root) {\n    super($root)\n\n    const $menuButton = this.$root.querySelector('.govuk-js-header-toggle')\n\n    // Headers don't necessarily have a navigation. When they don't, the menu\n    // toggle won't be rendered by our macro (or may be omitted when writing\n    // plain HTML)\n    if (!$menuButton) {\n      return this\n    }\n\n    // Pad the header logo so it doesn't overlap the menu button\n    this.$root.classList.add('govuk-header--with-js-navigation')\n\n    const menuId = $menuButton.getAttribute('aria-controls')\n    if (!menuId) {\n      throw new ElementError({\n        component: Header,\n        identifier:\n          'Navigation button (`<button class=\"govuk-js-header-toggle\">`) attribute (`aria-controls`)'\n      })\n    }\n\n    const $menu = document.getElementById(menuId)\n    if (!$menu) {\n      throw new ElementError({\n        component: Header,\n        element: $menu,\n        identifier: `Navigation (\\`<ul id=\"${menuId}\">\\`)`\n      })\n    }\n\n    this.$menu = $menu\n    this.$menuButton = $menuButton\n\n    this.setupResponsiveChecks()\n\n    this.$menuButton.addEventListener('click', () =>\n      this.handleMenuButtonClick()\n    )\n  }\n\n  /**\n   * Setup viewport resize check\n   *\n   * @private\n   */\n  setupResponsiveChecks() {\n    const breakpoint = getBreakpoint('desktop')\n\n    if (!breakpoint.value) {\n      throw new ElementError({\n        component: Header,\n        identifier: `CSS custom property (\\`${breakpoint.property}\\`) on pseudo-class \\`:root\\``\n      })\n    }\n\n    // Media query list for GOV.UK Frontend desktop breakpoint\n    this.mql = window.matchMedia(`(min-width: ${breakpoint.value})`)\n\n    // MediaQueryList.addEventListener isn't supported by Safari < 14 so we need\n    // to be able to fall back to the deprecated MediaQueryList.addListener\n    if ('addEventListener' in this.mql) {\n      this.mql.addEventListener('change', () => this.checkMode())\n    } else {\n      // @ts-expect-error Property 'addListener' does not exist\n      // eslint-disable-next-line @typescript-eslint/no-unsafe-call\n      this.mql.addListener(() => this.checkMode())\n    }\n\n    this.checkMode()\n  }\n\n  /**\n   * Sync menu state\n   *\n   * Uses the global variable menuIsOpen to correctly set the accessible and\n   * visual states of the menu and the menu button.\n   * Additionally will force the menu to be visible and the menu button to be\n   * hidden if the matchMedia is triggered to desktop.\n   *\n   * @private\n   */\n  checkMode() {\n    if (!this.mql || !this.$menu || !this.$menuButton) {\n      return\n    }\n\n    if (this.mql.matches) {\n      this.$menu.removeAttribute('hidden')\n      this.$menuButton.setAttribute('hidden', '')\n    } else {\n      this.$menuButton.removeAttribute('hidden')\n      this.$menuButton.setAttribute('aria-expanded', this.menuIsOpen.toString())\n\n      if (this.menuIsOpen) {\n        this.$menu.removeAttribute('hidden')\n      } else {\n        this.$menu.setAttribute('hidden', '')\n      }\n    }\n  }\n\n  /**\n   * Handle menu button click\n   *\n   * When the menu button is clicked, change the visibility of the menu and then\n   * sync the accessibility state and menu button state\n   *\n   * @private\n   */\n  handleMenuButtonClick() {\n    this.menuIsOpen = !this.menuIsOpen\n    this.checkMode()\n  }\n\n  /**\n   * Name for the component used when initialising using data-module attributes.\n   */\n  static moduleName = 'govuk-header'\n}\n"],"names":["Header","Component","constructor","$root","$menuButton","$menu","menuIsOpen","mql","querySelector","classList","add","menuId","getAttribute","ElementError","component","identifier","document","getElementById","element","setupResponsiveChecks","addEventListener","handleMenuButtonClick","breakpoint","getBreakpoint","value","property","window","matchMedia","checkMode","addListener","matches","removeAttribute","setAttribute","toString","moduleName"],"mappings":"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"}
\ No newline at end of file
diff --git a/node_modules/govuk-frontend/dist/govuk/components/header/macro-options.json b/node_modules/govuk-frontend/dist/govuk/components/header/macro-options.json
new file mode 100644
index 0000000..8f49807
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/header/macro-options.json
@@ -0,0 +1,131 @@
+[
+    {
+        "name": "homepageUrl",
+        "type": "string",
+        "required": false,
+        "description": "The URL of the homepage. Defaults to `\"/\"`."
+    },
+    {
+        "name": "productName",
+        "type": "string",
+        "required": false,
+        "description": "Product name, used when the product name follows on directly from ‘GOV.UK’. For example, GOV.UK Pay or GOV.UK Design System. In most circumstances, you should use `serviceName`."
+    },
+    {
+        "name": "serviceName",
+        "type": "string",
+        "required": false,
+        "description": "The name of your service, included in the header.",
+        "deprecated": "5.9.0"
+    },
+    {
+        "name": "serviceUrl",
+        "type": "string",
+        "required": false,
+        "description": "URL for the service name anchor.",
+        "deprecated": "5.9.0"
+    },
+    {
+        "name": "navigation",
+        "type": "array",
+        "required": false,
+        "description": "Can be used to add navigation to the header component.",
+        "deprecated": "5.9.0",
+        "params": [
+            {
+                "name": "text",
+                "type": "string",
+                "required": true,
+                "description": "Text for the navigation item. If `html` is provided, the `text` option will be ignored.",
+                "deprecated": "5.9.0"
+            },
+            {
+                "name": "html",
+                "type": "string",
+                "required": true,
+                "description": "HTML for the navigation item. If `html` is provided, the `text` option will be ignored.",
+                "deprecated": "5.9.0"
+            },
+            {
+                "name": "href",
+                "type": "string",
+                "required": false,
+                "description": "URL of the navigation item anchor.",
+                "deprecated": "5.9.0"
+            },
+            {
+                "name": "active",
+                "type": "boolean",
+                "required": false,
+                "description": "Flag to mark the navigation item as active or not.",
+                "deprecated": "5.9.0"
+            },
+            {
+                "name": "attributes",
+                "type": "object",
+                "required": false,
+                "description": "HTML attributes (for example data attributes) to add to the navigation item anchor.",
+                "deprecated": "5.9.0"
+            }
+        ]
+    },
+    {
+        "name": "navigationClasses",
+        "type": "string",
+        "required": false,
+        "description": "Classes for the navigation section of the header.",
+        "deprecated": "5.9.0"
+    },
+    {
+        "name": "navigationLabel",
+        "type": "string",
+        "required": false,
+        "description": "Text for the `aria-label` attribute of the navigation. Defaults to the same value as `menuButtonText`.",
+        "deprecated": "5.9.0"
+    },
+    {
+        "name": "menuButtonLabel",
+        "type": "string",
+        "required": false,
+        "description": "Text for the `aria-label` attribute of the button that opens the mobile navigation, if there is a mobile navigation menu.",
+        "deprecated": "5.9.0"
+    },
+    {
+        "name": "menuButtonText",
+        "type": "string",
+        "required": false,
+        "description": "Text of the button that opens the mobile navigation menu, if there is a mobile navigation menu. There is no enforced character limit, but there is a limited display space so keep text as short as possible. By default, this is set to 'Menu'.",
+        "deprecated": "5.9.0"
+    },
+    {
+        "name": "containerClasses",
+        "type": "string",
+        "required": false,
+        "description": "Classes for the container, useful if you want to make the header fixed width."
+    },
+    {
+        "name": "classes",
+        "type": "string",
+        "required": false,
+        "description": "Classes to add to the header container."
+    },
+    {
+        "name": "attributes",
+        "type": "object",
+        "required": false,
+        "description": "HTML attributes (for example data attributes) to add to the header container."
+    },
+    {
+        "name": "useTudorCrown",
+        "type": "boolean",
+        "required": false,
+        "description": "If `true`, uses the Tudor crown from King Charles III's royal cypher. Otherwise, uses the St. Edward's crown. Default is `true`.",
+        "deprecated": "5.2.0"
+    },
+    {
+        "name": "rebrand",
+        "type": "boolean",
+        "required": false,
+        "description": "If `true`, use the redesigned header and new GOV.UK logotype. Default is `false`."
+    }
+]
diff --git a/node_modules/govuk-frontend/dist/govuk/components/header/macro.njk b/node_modules/govuk-frontend/dist/govuk/components/header/macro.njk
new file mode 100644
index 0000000..d863b78
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/header/macro.njk
@@ -0,0 +1,3 @@
+{% macro govukHeader(params) %}
+  {%- include "./template.njk" -%}
+{% endmacro %}
diff --git a/node_modules/govuk-frontend/dist/govuk/components/header/template-default.html b/node_modules/govuk-frontend/dist/govuk/components/header/template-default.html
new file mode 100644
index 0000000..65c5b8d
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/header/template-default.html
@@ -0,0 +1,29 @@
+<header class="govuk-header" data-module="govuk-header">
+  <div class="govuk-header__container govuk-width-container">
+    <div class="govuk-header__logo">
+      <a href="/" class="govuk-header__link govuk-header__link--homepage">
+        <svg
+            focusable="false"
+            role="img"
+            xmlns="http://www.w3.org/2000/svg"
+            viewBox="0 0 296 60"
+            height="30"
+            width="148"
+            fill="currentcolor" class="govuk-header__logotype" aria-label="GOV.UK"
+          ><title>GOV.UK</title>    <g>
+                <circle cx="20" cy="17.6" r="3.7"/>
+                <circle cx="10.2" cy="23.5" r="3.7"/>
+                <circle cx="3.7" cy="33.2" r="3.7"/>
+                <circle cx="31.7" cy="30.6" r="3.7"/>
+                <circle cx="43.3" cy="17.6" r="3.7"/>
+                <circle cx="53.2" cy="23.5" r="3.7"/>
+                <circle cx="59.7" cy="33.2" r="3.7"/>
+                <circle cx="31.7" cy="30.6" r="3.7"/>
+                <path d="M33.1,9.8c.2-.1.3-.3.5-.5l4.6,2.4v-6.8l-4.6,1.5c-.1-.2-.3-.3-.5-.5l1.9-5.9h-6.7l1.9,5.9c-.2.1-.3.3-.5.5l-4.6-1.5v6.8l4.6-2.4c.1.2.3.3.5.5l-2.6,8c-.9,2.8,1.2,5.7,4.1,5.7h0c3,0,5.1-2.9,4.1-5.7l-2.6-8ZM37,37.9s-3.4,3.8-4.1,6.1c2.2,0,4.2-.5,6.4-2.8l-.7,8.5c-2-2.8-4.4-4.1-5.7-3.8.1,3.1.5,6.7,5.8,7.2,3.7.3,6.7-1.5,7-3.8.4-2.6-2-4.3-3.7-1.6-1.4-4.5,2.4-6.1,4.9-3.2-1.9-4.5-1.8-7.7,2.4-10.9,3,4,2.6,7.3-1.2,11.1,2.4-1.3,6.2,0,4,4.6-1.2-2.8-3.7-2.2-4.2.2-.3,1.7.7,3.7,3,4.2,1.9.3,4.7-.9,7-5.9-1.3,0-2.4.7-3.9,1.7l2.4-8c.6,2.3,1.4,3.7,2.2,4.5.6-1.6.5-2.8,0-5.3l5,1.8c-2.6,3.6-5.2,8.7-7.3,17.5-7.4-1.1-15.7-1.7-24.5-1.7h0c-8.8,0-17.1.6-24.5,1.7-2.1-8.9-4.7-13.9-7.3-17.5l5-1.8c-.5,2.5-.6,3.7,0,5.3.8-.8,1.6-2.3,2.2-4.5l2.4,8c-1.5-1-2.6-1.7-3.9-1.7,2.3,5,5.2,6.2,7,5.9,2.3-.4,3.3-2.4,3-4.2-.5-2.4-3-3.1-4.2-.2-2.2-4.6,1.6-6,4-4.6-3.7-3.7-4.2-7.1-1.2-11.1,4.2,3.2,4.3,6.4,2.4,10.9,2.5-2.8,6.3-1.3,4.9,3.2-1.8-2.7-4.1-1-3.7,1.6.3,2.3,3.3,4.1,7,3.8,5.4-.5,5.7-4.2,5.8-7.2-1.3-.2-3.7,1-5.7,3.8l-.7-8.5c2.2,2.3,4.2,2.7,6.4,2.8-.7-2.3-4.1-6.1-4.1-6.1h10.6,0Z"/>
+              </g>
+              <path d="M88.6,33.2c0,1.8.2,3.4.6,5s1.2,3,2,4.4c1,1.2,2,2.2,3.4,3s3,1.2,5,1.2,3.4-.2,4.6-.8,2.2-1.4,3-2.2,1.2-1.8,1.6-3c.2-1,.4-2,.4-3v-.4h-10.6v-6.4h18.8v23h-7.4v-5c-.6.8-1.2,1.6-2,2.2-.8.6-1.6,1.2-2.6,1.8-1,.4-2,.8-3.2,1.2s-2.4.4-3.6.4c-3,0-5.8-.6-8-1.6-2.4-1.2-4.4-2.6-6-4.6s-2.8-4.2-3.6-6.8c-.6-2.8-1-5.6-1-8.6s.4-5.8,1.4-8.4,2.2-4.8,4-6.8,3.8-3.4,6.2-4.6c2.4-1.2,5.2-1.6,8.2-1.6s3.8.2,5.6.6c1.8.4,3.4,1.2,4.8,2s2.8,1.8,3.8,3c1.2,1.2,2,2.6,2.8,4l-7.4,4.2c-.4-.8-1-1.8-1.6-2.4-.6-.8-1.2-1.4-2-2s-1.6-1-2.6-1.4-2.2-.4-3.4-.4c-2,0-3.6.4-5,1.2-1.4.8-2.6,1.8-3.4,3-1,1.2-1.6,2.8-2,4.4-.6,1.6-.8,3.8-.8,5.4ZM161.4,24.6c-.8-2.6-2.2-4.8-4-6.8s-3.8-3.4-6.2-4.6c-2.4-1.2-5.2-1.6-8.4-1.6s-5.8.6-8.4,1.6c-2.2,1.2-4.4,2.8-6,4.6-1.8,2-3,4.2-4,6.8-.8,2.6-1.4,5.4-1.4,8.4s.4,5.8,1.4,8.4c.8,2.6,2.2,4.8,4,6.8s3.8,3.4,6.2,4.6c2.4,1.2,5.2,1.6,8.4,1.6s5.8-.6,8.4-1.6c2.4-1.2,4.6-2.6,6.2-4.6,1.8-2,3-4.2,4-6.8.8-2.6,1.4-5.4,1.4-8.4-.2-3-.6-5.8-1.6-8.4h0ZM154,33.2c0,2-.2,3.8-.8,5.4-.4,1.6-1.2,3.2-2.2,4.4s-2.2,2.2-3.4,2.8c-1.4.6-3,1-4.8,1s-3.4-.4-4.8-1-2.6-1.6-3.4-2.8c-1-1.2-1.6-2.6-2.2-4.4-.4-1.6-.8-3.4-.8-5.4v-.2c0-2,.2-3.8.8-5.4.4-1.6,1.2-3.2,2.2-4.4,1-1.2,2.2-2.2,3.4-2.8,1.4-.6,3-1,4.8-1s3.4.4,4.8,1,2.6,1.6,3.4,2.8c1,1.2,1.6,2.6,2.2,4.4.4,1.6.8,3.4.8,5.4v.2ZM177.8,54l-11.8-42h9.4l8,31.4h.2l8-31.4h9.4l-11.8,42h-11.4,0ZM235.4,46.7c1.2,0,2.4-.2,3.4-.6,1-.4,2-.8,2.8-1.6s1.4-1.6,1.8-2.8c.4-1.2.6-2.4.6-4V11.8h8.2v27.2c0,2.4-.4,4.4-1.2,6.2s-2,3.4-3.6,4.8c-1.4,1.4-3.2,2.4-5.4,3-2,.8-4.4,1-6.8,1s-4.8-.4-6.8-1c-2-.8-3.8-1.8-5.4-3-1.6-1.4-2.6-3-3.6-4.8-.8-1.8-1.2-4-1.2-6.2V11.7h8.4v26c0,1.6.2,2.8.6,4,.4,1.2,1,2,1.8,2.8s1.6,1.2,2.8,1.6c1.2.4,2.2.6,3.6.6h0ZM261.4,11.9h8.4v18.2l14.8-18.2h10.4l-14.4,16.8,15.4,25.2h-9.8l-11-18.8-5.4,6v12.8h-8.4V11.9h0ZM206.2,44.2c-3,0-5.4,2.4-5.4,5.4s2.4,5.4,5.4,5.4,5.4-2.4,5.4-5.4-2.4-5.4-5.4-5.4Z"/>
+          </svg>
+      </a>
+    </div>
+  </div>
+</header>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/header/template-full-width-with-navigation.html b/node_modules/govuk-frontend/dist/govuk/components/header/template-full-width-with-navigation.html
new file mode 100644
index 0000000..a2649bf
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/header/template-full-width-with-navigation.html
@@ -0,0 +1,54 @@
+<header class="govuk-header" data-module="govuk-header">
+  <div class="govuk-header__container govuk-header__container--full-width">
+    <div class="govuk-header__logo">
+      <a href="/" class="govuk-header__link govuk-header__link--homepage">
+        <svg
+            focusable="false"
+            role="img"
+            xmlns="http://www.w3.org/2000/svg"
+            viewBox="0 0 296 60"
+            height="30"
+            width="148"
+            fill="currentcolor" class="govuk-header__logotype" aria-label="GOV.UK"
+          ><title>GOV.UK</title>    <g>
+                <circle cx="20" cy="17.6" r="3.7"/>
+                <circle cx="10.2" cy="23.5" r="3.7"/>
+                <circle cx="3.7" cy="33.2" r="3.7"/>
+                <circle cx="31.7" cy="30.6" r="3.7"/>
+                <circle cx="43.3" cy="17.6" r="3.7"/>
+                <circle cx="53.2" cy="23.5" r="3.7"/>
+                <circle cx="59.7" cy="33.2" r="3.7"/>
+                <circle cx="31.7" cy="30.6" r="3.7"/>
+                <path d="M33.1,9.8c.2-.1.3-.3.5-.5l4.6,2.4v-6.8l-4.6,1.5c-.1-.2-.3-.3-.5-.5l1.9-5.9h-6.7l1.9,5.9c-.2.1-.3.3-.5.5l-4.6-1.5v6.8l4.6-2.4c.1.2.3.3.5.5l-2.6,8c-.9,2.8,1.2,5.7,4.1,5.7h0c3,0,5.1-2.9,4.1-5.7l-2.6-8ZM37,37.9s-3.4,3.8-4.1,6.1c2.2,0,4.2-.5,6.4-2.8l-.7,8.5c-2-2.8-4.4-4.1-5.7-3.8.1,3.1.5,6.7,5.8,7.2,3.7.3,6.7-1.5,7-3.8.4-2.6-2-4.3-3.7-1.6-1.4-4.5,2.4-6.1,4.9-3.2-1.9-4.5-1.8-7.7,2.4-10.9,3,4,2.6,7.3-1.2,11.1,2.4-1.3,6.2,0,4,4.6-1.2-2.8-3.7-2.2-4.2.2-.3,1.7.7,3.7,3,4.2,1.9.3,4.7-.9,7-5.9-1.3,0-2.4.7-3.9,1.7l2.4-8c.6,2.3,1.4,3.7,2.2,4.5.6-1.6.5-2.8,0-5.3l5,1.8c-2.6,3.6-5.2,8.7-7.3,17.5-7.4-1.1-15.7-1.7-24.5-1.7h0c-8.8,0-17.1.6-24.5,1.7-2.1-8.9-4.7-13.9-7.3-17.5l5-1.8c-.5,2.5-.6,3.7,0,5.3.8-.8,1.6-2.3,2.2-4.5l2.4,8c-1.5-1-2.6-1.7-3.9-1.7,2.3,5,5.2,6.2,7,5.9,2.3-.4,3.3-2.4,3-4.2-.5-2.4-3-3.1-4.2-.2-2.2-4.6,1.6-6,4-4.6-3.7-3.7-4.2-7.1-1.2-11.1,4.2,3.2,4.3,6.4,2.4,10.9,2.5-2.8,6.3-1.3,4.9,3.2-1.8-2.7-4.1-1-3.7,1.6.3,2.3,3.3,4.1,7,3.8,5.4-.5,5.7-4.2,5.8-7.2-1.3-.2-3.7,1-5.7,3.8l-.7-8.5c2.2,2.3,4.2,2.7,6.4,2.8-.7-2.3-4.1-6.1-4.1-6.1h10.6,0Z"/>
+              </g>
+              <path d="M88.6,33.2c0,1.8.2,3.4.6,5s1.2,3,2,4.4c1,1.2,2,2.2,3.4,3s3,1.2,5,1.2,3.4-.2,4.6-.8,2.2-1.4,3-2.2,1.2-1.8,1.6-3c.2-1,.4-2,.4-3v-.4h-10.6v-6.4h18.8v23h-7.4v-5c-.6.8-1.2,1.6-2,2.2-.8.6-1.6,1.2-2.6,1.8-1,.4-2,.8-3.2,1.2s-2.4.4-3.6.4c-3,0-5.8-.6-8-1.6-2.4-1.2-4.4-2.6-6-4.6s-2.8-4.2-3.6-6.8c-.6-2.8-1-5.6-1-8.6s.4-5.8,1.4-8.4,2.2-4.8,4-6.8,3.8-3.4,6.2-4.6c2.4-1.2,5.2-1.6,8.2-1.6s3.8.2,5.6.6c1.8.4,3.4,1.2,4.8,2s2.8,1.8,3.8,3c1.2,1.2,2,2.6,2.8,4l-7.4,4.2c-.4-.8-1-1.8-1.6-2.4-.6-.8-1.2-1.4-2-2s-1.6-1-2.6-1.4-2.2-.4-3.4-.4c-2,0-3.6.4-5,1.2-1.4.8-2.6,1.8-3.4,3-1,1.2-1.6,2.8-2,4.4-.6,1.6-.8,3.8-.8,5.4ZM161.4,24.6c-.8-2.6-2.2-4.8-4-6.8s-3.8-3.4-6.2-4.6c-2.4-1.2-5.2-1.6-8.4-1.6s-5.8.6-8.4,1.6c-2.2,1.2-4.4,2.8-6,4.6-1.8,2-3,4.2-4,6.8-.8,2.6-1.4,5.4-1.4,8.4s.4,5.8,1.4,8.4c.8,2.6,2.2,4.8,4,6.8s3.8,3.4,6.2,4.6c2.4,1.2,5.2,1.6,8.4,1.6s5.8-.6,8.4-1.6c2.4-1.2,4.6-2.6,6.2-4.6,1.8-2,3-4.2,4-6.8.8-2.6,1.4-5.4,1.4-8.4-.2-3-.6-5.8-1.6-8.4h0ZM154,33.2c0,2-.2,3.8-.8,5.4-.4,1.6-1.2,3.2-2.2,4.4s-2.2,2.2-3.4,2.8c-1.4.6-3,1-4.8,1s-3.4-.4-4.8-1-2.6-1.6-3.4-2.8c-1-1.2-1.6-2.6-2.2-4.4-.4-1.6-.8-3.4-.8-5.4v-.2c0-2,.2-3.8.8-5.4.4-1.6,1.2-3.2,2.2-4.4,1-1.2,2.2-2.2,3.4-2.8,1.4-.6,3-1,4.8-1s3.4.4,4.8,1,2.6,1.6,3.4,2.8c1,1.2,1.6,2.6,2.2,4.4.4,1.6.8,3.4.8,5.4v.2ZM177.8,54l-11.8-42h9.4l8,31.4h.2l8-31.4h9.4l-11.8,42h-11.4,0ZM235.4,46.7c1.2,0,2.4-.2,3.4-.6,1-.4,2-.8,2.8-1.6s1.4-1.6,1.8-2.8c.4-1.2.6-2.4.6-4V11.8h8.2v27.2c0,2.4-.4,4.4-1.2,6.2s-2,3.4-3.6,4.8c-1.4,1.4-3.2,2.4-5.4,3-2,.8-4.4,1-6.8,1s-4.8-.4-6.8-1c-2-.8-3.8-1.8-5.4-3-1.6-1.4-2.6-3-3.6-4.8-.8-1.8-1.2-4-1.2-6.2V11.7h8.4v26c0,1.6.2,2.8.6,4,.4,1.2,1,2,1.8,2.8s1.6,1.2,2.8,1.6c1.2.4,2.2.6,3.6.6h0ZM261.4,11.9h8.4v18.2l14.8-18.2h10.4l-14.4,16.8,15.4,25.2h-9.8l-11-18.8-5.4,6v12.8h-8.4V11.9h0ZM206.2,44.2c-3,0-5.4,2.4-5.4,5.4s2.4,5.4,5.4,5.4,5.4-2.4,5.4-5.4-2.4-5.4-5.4-5.4Z"/>
+          </svg>
+      </a>
+    </div>
+    <div class="govuk-header__content">
+      <nav aria-label="Menu" class="govuk-header__navigation govuk-header__navigation--end">
+        <button type="button" class="govuk-header__menu-button govuk-js-header-toggle" aria-controls="navigation" hidden>
+          Menu
+        </button>
+
+        <ul id="navigation" class="govuk-header__navigation-list">
+          <li class="govuk-header__navigation-item govuk-header__navigation-item--active">
+            <a class="govuk-header__link" href="#1">
+              Navigation item 1
+            </a>
+          </li>
+          <li class="govuk-header__navigation-item">
+            <a class="govuk-header__link" href="#2">
+              Navigation item 2
+            </a>
+          </li>
+          <li class="govuk-header__navigation-item">
+            <a class="govuk-header__link" href="#3">
+              Navigation item 3
+            </a>
+          </li>
+        </ul>
+      </nav>
+    </div>
+  </div>
+</header>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/header/template-full-width.html b/node_modules/govuk-frontend/dist/govuk/components/header/template-full-width.html
new file mode 100644
index 0000000..dd6144b
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/header/template-full-width.html
@@ -0,0 +1,29 @@
+<header class="govuk-header" data-module="govuk-header">
+  <div class="govuk-header__container govuk-header__container--full-width">
+    <div class="govuk-header__logo">
+      <a href="/" class="govuk-header__link govuk-header__link--homepage">
+        <svg
+            focusable="false"
+            role="img"
+            xmlns="http://www.w3.org/2000/svg"
+            viewBox="0 0 296 60"
+            height="30"
+            width="148"
+            fill="currentcolor" class="govuk-header__logotype" aria-label="GOV.UK"
+          ><title>GOV.UK</title>    <g>
+                <circle cx="20" cy="17.6" r="3.7"/>
+                <circle cx="10.2" cy="23.5" r="3.7"/>
+                <circle cx="3.7" cy="33.2" r="3.7"/>
+                <circle cx="31.7" cy="30.6" r="3.7"/>
+                <circle cx="43.3" cy="17.6" r="3.7"/>
+                <circle cx="53.2" cy="23.5" r="3.7"/>
+                <circle cx="59.7" cy="33.2" r="3.7"/>
+                <circle cx="31.7" cy="30.6" r="3.7"/>
+                <path d="M33.1,9.8c.2-.1.3-.3.5-.5l4.6,2.4v-6.8l-4.6,1.5c-.1-.2-.3-.3-.5-.5l1.9-5.9h-6.7l1.9,5.9c-.2.1-.3.3-.5.5l-4.6-1.5v6.8l4.6-2.4c.1.2.3.3.5.5l-2.6,8c-.9,2.8,1.2,5.7,4.1,5.7h0c3,0,5.1-2.9,4.1-5.7l-2.6-8ZM37,37.9s-3.4,3.8-4.1,6.1c2.2,0,4.2-.5,6.4-2.8l-.7,8.5c-2-2.8-4.4-4.1-5.7-3.8.1,3.1.5,6.7,5.8,7.2,3.7.3,6.7-1.5,7-3.8.4-2.6-2-4.3-3.7-1.6-1.4-4.5,2.4-6.1,4.9-3.2-1.9-4.5-1.8-7.7,2.4-10.9,3,4,2.6,7.3-1.2,11.1,2.4-1.3,6.2,0,4,4.6-1.2-2.8-3.7-2.2-4.2.2-.3,1.7.7,3.7,3,4.2,1.9.3,4.7-.9,7-5.9-1.3,0-2.4.7-3.9,1.7l2.4-8c.6,2.3,1.4,3.7,2.2,4.5.6-1.6.5-2.8,0-5.3l5,1.8c-2.6,3.6-5.2,8.7-7.3,17.5-7.4-1.1-15.7-1.7-24.5-1.7h0c-8.8,0-17.1.6-24.5,1.7-2.1-8.9-4.7-13.9-7.3-17.5l5-1.8c-.5,2.5-.6,3.7,0,5.3.8-.8,1.6-2.3,2.2-4.5l2.4,8c-1.5-1-2.6-1.7-3.9-1.7,2.3,5,5.2,6.2,7,5.9,2.3-.4,3.3-2.4,3-4.2-.5-2.4-3-3.1-4.2-.2-2.2-4.6,1.6-6,4-4.6-3.7-3.7-4.2-7.1-1.2-11.1,4.2,3.2,4.3,6.4,2.4,10.9,2.5-2.8,6.3-1.3,4.9,3.2-1.8-2.7-4.1-1-3.7,1.6.3,2.3,3.3,4.1,7,3.8,5.4-.5,5.7-4.2,5.8-7.2-1.3-.2-3.7,1-5.7,3.8l-.7-8.5c2.2,2.3,4.2,2.7,6.4,2.8-.7-2.3-4.1-6.1-4.1-6.1h10.6,0Z"/>
+              </g>
+              <path d="M88.6,33.2c0,1.8.2,3.4.6,5s1.2,3,2,4.4c1,1.2,2,2.2,3.4,3s3,1.2,5,1.2,3.4-.2,4.6-.8,2.2-1.4,3-2.2,1.2-1.8,1.6-3c.2-1,.4-2,.4-3v-.4h-10.6v-6.4h18.8v23h-7.4v-5c-.6.8-1.2,1.6-2,2.2-.8.6-1.6,1.2-2.6,1.8-1,.4-2,.8-3.2,1.2s-2.4.4-3.6.4c-3,0-5.8-.6-8-1.6-2.4-1.2-4.4-2.6-6-4.6s-2.8-4.2-3.6-6.8c-.6-2.8-1-5.6-1-8.6s.4-5.8,1.4-8.4,2.2-4.8,4-6.8,3.8-3.4,6.2-4.6c2.4-1.2,5.2-1.6,8.2-1.6s3.8.2,5.6.6c1.8.4,3.4,1.2,4.8,2s2.8,1.8,3.8,3c1.2,1.2,2,2.6,2.8,4l-7.4,4.2c-.4-.8-1-1.8-1.6-2.4-.6-.8-1.2-1.4-2-2s-1.6-1-2.6-1.4-2.2-.4-3.4-.4c-2,0-3.6.4-5,1.2-1.4.8-2.6,1.8-3.4,3-1,1.2-1.6,2.8-2,4.4-.6,1.6-.8,3.8-.8,5.4ZM161.4,24.6c-.8-2.6-2.2-4.8-4-6.8s-3.8-3.4-6.2-4.6c-2.4-1.2-5.2-1.6-8.4-1.6s-5.8.6-8.4,1.6c-2.2,1.2-4.4,2.8-6,4.6-1.8,2-3,4.2-4,6.8-.8,2.6-1.4,5.4-1.4,8.4s.4,5.8,1.4,8.4c.8,2.6,2.2,4.8,4,6.8s3.8,3.4,6.2,4.6c2.4,1.2,5.2,1.6,8.4,1.6s5.8-.6,8.4-1.6c2.4-1.2,4.6-2.6,6.2-4.6,1.8-2,3-4.2,4-6.8.8-2.6,1.4-5.4,1.4-8.4-.2-3-.6-5.8-1.6-8.4h0ZM154,33.2c0,2-.2,3.8-.8,5.4-.4,1.6-1.2,3.2-2.2,4.4s-2.2,2.2-3.4,2.8c-1.4.6-3,1-4.8,1s-3.4-.4-4.8-1-2.6-1.6-3.4-2.8c-1-1.2-1.6-2.6-2.2-4.4-.4-1.6-.8-3.4-.8-5.4v-.2c0-2,.2-3.8.8-5.4.4-1.6,1.2-3.2,2.2-4.4,1-1.2,2.2-2.2,3.4-2.8,1.4-.6,3-1,4.8-1s3.4.4,4.8,1,2.6,1.6,3.4,2.8c1,1.2,1.6,2.6,2.2,4.4.4,1.6.8,3.4.8,5.4v.2ZM177.8,54l-11.8-42h9.4l8,31.4h.2l8-31.4h9.4l-11.8,42h-11.4,0ZM235.4,46.7c1.2,0,2.4-.2,3.4-.6,1-.4,2-.8,2.8-1.6s1.4-1.6,1.8-2.8c.4-1.2.6-2.4.6-4V11.8h8.2v27.2c0,2.4-.4,4.4-1.2,6.2s-2,3.4-3.6,4.8c-1.4,1.4-3.2,2.4-5.4,3-2,.8-4.4,1-6.8,1s-4.8-.4-6.8-1c-2-.8-3.8-1.8-5.4-3-1.6-1.4-2.6-3-3.6-4.8-.8-1.8-1.2-4-1.2-6.2V11.7h8.4v26c0,1.6.2,2.8.6,4,.4,1.2,1,2,1.8,2.8s1.6,1.2,2.8,1.6c1.2.4,2.2.6,3.6.6h0ZM261.4,11.9h8.4v18.2l14.8-18.2h10.4l-14.4,16.8,15.4,25.2h-9.8l-11-18.8-5.4,6v12.8h-8.4V11.9h0ZM206.2,44.2c-3,0-5.4,2.4-5.4,5.4s2.4,5.4,5.4,5.4,5.4-2.4,5.4-5.4-2.4-5.4-5.4-5.4Z"/>
+          </svg>
+      </a>
+    </div>
+  </div>
+</header>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/header/template-navigation-item-with-html.html b/node_modules/govuk-frontend/dist/govuk/components/header/template-navigation-item-with-html.html
new file mode 100644
index 0000000..3c7d94b
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/header/template-navigation-item-with-html.html
@@ -0,0 +1,54 @@
+<header class="govuk-header" data-module="govuk-header">
+  <div class="govuk-header__container govuk-width-container">
+    <div class="govuk-header__logo">
+      <a href="/" class="govuk-header__link govuk-header__link--homepage">
+        <svg
+            focusable="false"
+            role="img"
+            xmlns="http://www.w3.org/2000/svg"
+            viewBox="0 0 296 60"
+            height="30"
+            width="148"
+            fill="currentcolor" class="govuk-header__logotype" aria-label="GOV.UK"
+          ><title>GOV.UK</title>    <g>
+                <circle cx="20" cy="17.6" r="3.7"/>
+                <circle cx="10.2" cy="23.5" r="3.7"/>
+                <circle cx="3.7" cy="33.2" r="3.7"/>
+                <circle cx="31.7" cy="30.6" r="3.7"/>
+                <circle cx="43.3" cy="17.6" r="3.7"/>
+                <circle cx="53.2" cy="23.5" r="3.7"/>
+                <circle cx="59.7" cy="33.2" r="3.7"/>
+                <circle cx="31.7" cy="30.6" r="3.7"/>
+                <path d="M33.1,9.8c.2-.1.3-.3.5-.5l4.6,2.4v-6.8l-4.6,1.5c-.1-.2-.3-.3-.5-.5l1.9-5.9h-6.7l1.9,5.9c-.2.1-.3.3-.5.5l-4.6-1.5v6.8l4.6-2.4c.1.2.3.3.5.5l-2.6,8c-.9,2.8,1.2,5.7,4.1,5.7h0c3,0,5.1-2.9,4.1-5.7l-2.6-8ZM37,37.9s-3.4,3.8-4.1,6.1c2.2,0,4.2-.5,6.4-2.8l-.7,8.5c-2-2.8-4.4-4.1-5.7-3.8.1,3.1.5,6.7,5.8,7.2,3.7.3,6.7-1.5,7-3.8.4-2.6-2-4.3-3.7-1.6-1.4-4.5,2.4-6.1,4.9-3.2-1.9-4.5-1.8-7.7,2.4-10.9,3,4,2.6,7.3-1.2,11.1,2.4-1.3,6.2,0,4,4.6-1.2-2.8-3.7-2.2-4.2.2-.3,1.7.7,3.7,3,4.2,1.9.3,4.7-.9,7-5.9-1.3,0-2.4.7-3.9,1.7l2.4-8c.6,2.3,1.4,3.7,2.2,4.5.6-1.6.5-2.8,0-5.3l5,1.8c-2.6,3.6-5.2,8.7-7.3,17.5-7.4-1.1-15.7-1.7-24.5-1.7h0c-8.8,0-17.1.6-24.5,1.7-2.1-8.9-4.7-13.9-7.3-17.5l5-1.8c-.5,2.5-.6,3.7,0,5.3.8-.8,1.6-2.3,2.2-4.5l2.4,8c-1.5-1-2.6-1.7-3.9-1.7,2.3,5,5.2,6.2,7,5.9,2.3-.4,3.3-2.4,3-4.2-.5-2.4-3-3.1-4.2-.2-2.2-4.6,1.6-6,4-4.6-3.7-3.7-4.2-7.1-1.2-11.1,4.2,3.2,4.3,6.4,2.4,10.9,2.5-2.8,6.3-1.3,4.9,3.2-1.8-2.7-4.1-1-3.7,1.6.3,2.3,3.3,4.1,7,3.8,5.4-.5,5.7-4.2,5.8-7.2-1.3-.2-3.7,1-5.7,3.8l-.7-8.5c2.2,2.3,4.2,2.7,6.4,2.8-.7-2.3-4.1-6.1-4.1-6.1h10.6,0Z"/>
+              </g>
+              <path d="M88.6,33.2c0,1.8.2,3.4.6,5s1.2,3,2,4.4c1,1.2,2,2.2,3.4,3s3,1.2,5,1.2,3.4-.2,4.6-.8,2.2-1.4,3-2.2,1.2-1.8,1.6-3c.2-1,.4-2,.4-3v-.4h-10.6v-6.4h18.8v23h-7.4v-5c-.6.8-1.2,1.6-2,2.2-.8.6-1.6,1.2-2.6,1.8-1,.4-2,.8-3.2,1.2s-2.4.4-3.6.4c-3,0-5.8-.6-8-1.6-2.4-1.2-4.4-2.6-6-4.6s-2.8-4.2-3.6-6.8c-.6-2.8-1-5.6-1-8.6s.4-5.8,1.4-8.4,2.2-4.8,4-6.8,3.8-3.4,6.2-4.6c2.4-1.2,5.2-1.6,8.2-1.6s3.8.2,5.6.6c1.8.4,3.4,1.2,4.8,2s2.8,1.8,3.8,3c1.2,1.2,2,2.6,2.8,4l-7.4,4.2c-.4-.8-1-1.8-1.6-2.4-.6-.8-1.2-1.4-2-2s-1.6-1-2.6-1.4-2.2-.4-3.4-.4c-2,0-3.6.4-5,1.2-1.4.8-2.6,1.8-3.4,3-1,1.2-1.6,2.8-2,4.4-.6,1.6-.8,3.8-.8,5.4ZM161.4,24.6c-.8-2.6-2.2-4.8-4-6.8s-3.8-3.4-6.2-4.6c-2.4-1.2-5.2-1.6-8.4-1.6s-5.8.6-8.4,1.6c-2.2,1.2-4.4,2.8-6,4.6-1.8,2-3,4.2-4,6.8-.8,2.6-1.4,5.4-1.4,8.4s.4,5.8,1.4,8.4c.8,2.6,2.2,4.8,4,6.8s3.8,3.4,6.2,4.6c2.4,1.2,5.2,1.6,8.4,1.6s5.8-.6,8.4-1.6c2.4-1.2,4.6-2.6,6.2-4.6,1.8-2,3-4.2,4-6.8.8-2.6,1.4-5.4,1.4-8.4-.2-3-.6-5.8-1.6-8.4h0ZM154,33.2c0,2-.2,3.8-.8,5.4-.4,1.6-1.2,3.2-2.2,4.4s-2.2,2.2-3.4,2.8c-1.4.6-3,1-4.8,1s-3.4-.4-4.8-1-2.6-1.6-3.4-2.8c-1-1.2-1.6-2.6-2.2-4.4-.4-1.6-.8-3.4-.8-5.4v-.2c0-2,.2-3.8.8-5.4.4-1.6,1.2-3.2,2.2-4.4,1-1.2,2.2-2.2,3.4-2.8,1.4-.6,3-1,4.8-1s3.4.4,4.8,1,2.6,1.6,3.4,2.8c1,1.2,1.6,2.6,2.2,4.4.4,1.6.8,3.4.8,5.4v.2ZM177.8,54l-11.8-42h9.4l8,31.4h.2l8-31.4h9.4l-11.8,42h-11.4,0ZM235.4,46.7c1.2,0,2.4-.2,3.4-.6,1-.4,2-.8,2.8-1.6s1.4-1.6,1.8-2.8c.4-1.2.6-2.4.6-4V11.8h8.2v27.2c0,2.4-.4,4.4-1.2,6.2s-2,3.4-3.6,4.8c-1.4,1.4-3.2,2.4-5.4,3-2,.8-4.4,1-6.8,1s-4.8-.4-6.8-1c-2-.8-3.8-1.8-5.4-3-1.6-1.4-2.6-3-3.6-4.8-.8-1.8-1.2-4-1.2-6.2V11.7h8.4v26c0,1.6.2,2.8.6,4,.4,1.2,1,2,1.8,2.8s1.6,1.2,2.8,1.6c1.2.4,2.2.6,3.6.6h0ZM261.4,11.9h8.4v18.2l14.8-18.2h10.4l-14.4,16.8,15.4,25.2h-9.8l-11-18.8-5.4,6v12.8h-8.4V11.9h0ZM206.2,44.2c-3,0-5.4,2.4-5.4,5.4s2.4,5.4,5.4,5.4,5.4-2.4,5.4-5.4-2.4-5.4-5.4-5.4Z"/>
+          </svg>
+      </a>
+    </div>
+    <div class="govuk-header__content">
+      <nav aria-label="Menu" class="govuk-header__navigation">
+        <button type="button" class="govuk-header__menu-button govuk-js-header-toggle" aria-controls="navigation" hidden>
+          Menu
+        </button>
+
+        <ul id="navigation" class="govuk-header__navigation-list">
+          <li class="govuk-header__navigation-item govuk-header__navigation-item--active">
+            <a class="govuk-header__link" href="#1">
+              <em>Navigation item 1</em>
+            </a>
+          </li>
+          <li class="govuk-header__navigation-item">
+            <a class="govuk-header__link" href="#2">
+              <em>Navigation item 2</em>
+            </a>
+          </li>
+          <li class="govuk-header__navigation-item">
+            <a class="govuk-header__link" href="#3">
+              <em>Navigation item 3</em>
+            </a>
+          </li>
+        </ul>
+      </nav>
+    </div>
+  </div>
+</header>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/header/template-navigation-item-with-text-without-link.html b/node_modules/govuk-frontend/dist/govuk/components/header/template-navigation-item-with-text-without-link.html
new file mode 100644
index 0000000..ee10f0a
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/header/template-navigation-item-with-text-without-link.html
@@ -0,0 +1,48 @@
+<header class="govuk-header" data-module="govuk-header">
+  <div class="govuk-header__container govuk-width-container">
+    <div class="govuk-header__logo">
+      <a href="/" class="govuk-header__link govuk-header__link--homepage">
+        <svg
+            focusable="false"
+            role="img"
+            xmlns="http://www.w3.org/2000/svg"
+            viewBox="0 0 296 60"
+            height="30"
+            width="148"
+            fill="currentcolor" class="govuk-header__logotype" aria-label="GOV.UK"
+          ><title>GOV.UK</title>    <g>
+                <circle cx="20" cy="17.6" r="3.7"/>
+                <circle cx="10.2" cy="23.5" r="3.7"/>
+                <circle cx="3.7" cy="33.2" r="3.7"/>
+                <circle cx="31.7" cy="30.6" r="3.7"/>
+                <circle cx="43.3" cy="17.6" r="3.7"/>
+                <circle cx="53.2" cy="23.5" r="3.7"/>
+                <circle cx="59.7" cy="33.2" r="3.7"/>
+                <circle cx="31.7" cy="30.6" r="3.7"/>
+                <path d="M33.1,9.8c.2-.1.3-.3.5-.5l4.6,2.4v-6.8l-4.6,1.5c-.1-.2-.3-.3-.5-.5l1.9-5.9h-6.7l1.9,5.9c-.2.1-.3.3-.5.5l-4.6-1.5v6.8l4.6-2.4c.1.2.3.3.5.5l-2.6,8c-.9,2.8,1.2,5.7,4.1,5.7h0c3,0,5.1-2.9,4.1-5.7l-2.6-8ZM37,37.9s-3.4,3.8-4.1,6.1c2.2,0,4.2-.5,6.4-2.8l-.7,8.5c-2-2.8-4.4-4.1-5.7-3.8.1,3.1.5,6.7,5.8,7.2,3.7.3,6.7-1.5,7-3.8.4-2.6-2-4.3-3.7-1.6-1.4-4.5,2.4-6.1,4.9-3.2-1.9-4.5-1.8-7.7,2.4-10.9,3,4,2.6,7.3-1.2,11.1,2.4-1.3,6.2,0,4,4.6-1.2-2.8-3.7-2.2-4.2.2-.3,1.7.7,3.7,3,4.2,1.9.3,4.7-.9,7-5.9-1.3,0-2.4.7-3.9,1.7l2.4-8c.6,2.3,1.4,3.7,2.2,4.5.6-1.6.5-2.8,0-5.3l5,1.8c-2.6,3.6-5.2,8.7-7.3,17.5-7.4-1.1-15.7-1.7-24.5-1.7h0c-8.8,0-17.1.6-24.5,1.7-2.1-8.9-4.7-13.9-7.3-17.5l5-1.8c-.5,2.5-.6,3.7,0,5.3.8-.8,1.6-2.3,2.2-4.5l2.4,8c-1.5-1-2.6-1.7-3.9-1.7,2.3,5,5.2,6.2,7,5.9,2.3-.4,3.3-2.4,3-4.2-.5-2.4-3-3.1-4.2-.2-2.2-4.6,1.6-6,4-4.6-3.7-3.7-4.2-7.1-1.2-11.1,4.2,3.2,4.3,6.4,2.4,10.9,2.5-2.8,6.3-1.3,4.9,3.2-1.8-2.7-4.1-1-3.7,1.6.3,2.3,3.3,4.1,7,3.8,5.4-.5,5.7-4.2,5.8-7.2-1.3-.2-3.7,1-5.7,3.8l-.7-8.5c2.2,2.3,4.2,2.7,6.4,2.8-.7-2.3-4.1-6.1-4.1-6.1h10.6,0Z"/>
+              </g>
+              <path d="M88.6,33.2c0,1.8.2,3.4.6,5s1.2,3,2,4.4c1,1.2,2,2.2,3.4,3s3,1.2,5,1.2,3.4-.2,4.6-.8,2.2-1.4,3-2.2,1.2-1.8,1.6-3c.2-1,.4-2,.4-3v-.4h-10.6v-6.4h18.8v23h-7.4v-5c-.6.8-1.2,1.6-2,2.2-.8.6-1.6,1.2-2.6,1.8-1,.4-2,.8-3.2,1.2s-2.4.4-3.6.4c-3,0-5.8-.6-8-1.6-2.4-1.2-4.4-2.6-6-4.6s-2.8-4.2-3.6-6.8c-.6-2.8-1-5.6-1-8.6s.4-5.8,1.4-8.4,2.2-4.8,4-6.8,3.8-3.4,6.2-4.6c2.4-1.2,5.2-1.6,8.2-1.6s3.8.2,5.6.6c1.8.4,3.4,1.2,4.8,2s2.8,1.8,3.8,3c1.2,1.2,2,2.6,2.8,4l-7.4,4.2c-.4-.8-1-1.8-1.6-2.4-.6-.8-1.2-1.4-2-2s-1.6-1-2.6-1.4-2.2-.4-3.4-.4c-2,0-3.6.4-5,1.2-1.4.8-2.6,1.8-3.4,3-1,1.2-1.6,2.8-2,4.4-.6,1.6-.8,3.8-.8,5.4ZM161.4,24.6c-.8-2.6-2.2-4.8-4-6.8s-3.8-3.4-6.2-4.6c-2.4-1.2-5.2-1.6-8.4-1.6s-5.8.6-8.4,1.6c-2.2,1.2-4.4,2.8-6,4.6-1.8,2-3,4.2-4,6.8-.8,2.6-1.4,5.4-1.4,8.4s.4,5.8,1.4,8.4c.8,2.6,2.2,4.8,4,6.8s3.8,3.4,6.2,4.6c2.4,1.2,5.2,1.6,8.4,1.6s5.8-.6,8.4-1.6c2.4-1.2,4.6-2.6,6.2-4.6,1.8-2,3-4.2,4-6.8.8-2.6,1.4-5.4,1.4-8.4-.2-3-.6-5.8-1.6-8.4h0ZM154,33.2c0,2-.2,3.8-.8,5.4-.4,1.6-1.2,3.2-2.2,4.4s-2.2,2.2-3.4,2.8c-1.4.6-3,1-4.8,1s-3.4-.4-4.8-1-2.6-1.6-3.4-2.8c-1-1.2-1.6-2.6-2.2-4.4-.4-1.6-.8-3.4-.8-5.4v-.2c0-2,.2-3.8.8-5.4.4-1.6,1.2-3.2,2.2-4.4,1-1.2,2.2-2.2,3.4-2.8,1.4-.6,3-1,4.8-1s3.4.4,4.8,1,2.6,1.6,3.4,2.8c1,1.2,1.6,2.6,2.2,4.4.4,1.6.8,3.4.8,5.4v.2ZM177.8,54l-11.8-42h9.4l8,31.4h.2l8-31.4h9.4l-11.8,42h-11.4,0ZM235.4,46.7c1.2,0,2.4-.2,3.4-.6,1-.4,2-.8,2.8-1.6s1.4-1.6,1.8-2.8c.4-1.2.6-2.4.6-4V11.8h8.2v27.2c0,2.4-.4,4.4-1.2,6.2s-2,3.4-3.6,4.8c-1.4,1.4-3.2,2.4-5.4,3-2,.8-4.4,1-6.8,1s-4.8-.4-6.8-1c-2-.8-3.8-1.8-5.4-3-1.6-1.4-2.6-3-3.6-4.8-.8-1.8-1.2-4-1.2-6.2V11.7h8.4v26c0,1.6.2,2.8.6,4,.4,1.2,1,2,1.8,2.8s1.6,1.2,2.8,1.6c1.2.4,2.2.6,3.6.6h0ZM261.4,11.9h8.4v18.2l14.8-18.2h10.4l-14.4,16.8,15.4,25.2h-9.8l-11-18.8-5.4,6v12.8h-8.4V11.9h0ZM206.2,44.2c-3,0-5.4,2.4-5.4,5.4s2.4,5.4,5.4,5.4,5.4-2.4,5.4-5.4-2.4-5.4-5.4-5.4Z"/>
+          </svg>
+      </a>
+    </div>
+    <div class="govuk-header__content">
+      <nav aria-label="Menu" class="govuk-header__navigation">
+        <button type="button" class="govuk-header__menu-button govuk-js-header-toggle" aria-controls="navigation" hidden>
+          Menu
+        </button>
+
+        <ul id="navigation" class="govuk-header__navigation-list">
+          <li class="govuk-header__navigation-item">
+              Navigation item 1
+          </li>
+          <li class="govuk-header__navigation-item">
+              Navigation item 2
+          </li>
+          <li class="govuk-header__navigation-item">
+              Navigation item 3
+          </li>
+        </ul>
+      </nav>
+    </div>
+  </div>
+</header>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/header/template-with-custom-menu-button-text.html b/node_modules/govuk-frontend/dist/govuk/components/header/template-with-custom-menu-button-text.html
new file mode 100644
index 0000000..5419b6b
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/header/template-with-custom-menu-button-text.html
@@ -0,0 +1,59 @@
+<header class="govuk-header" data-module="govuk-header">
+  <div class="govuk-header__container govuk-width-container">
+    <div class="govuk-header__logo">
+      <a href="/" class="govuk-header__link govuk-header__link--homepage">
+        <svg
+            focusable="false"
+            role="img"
+            xmlns="http://www.w3.org/2000/svg"
+            viewBox="0 0 296 60"
+            height="30"
+            width="148"
+            fill="currentcolor" class="govuk-header__logotype" aria-label="GOV.UK"
+          ><title>GOV.UK</title>    <g>
+                <circle cx="20" cy="17.6" r="3.7"/>
+                <circle cx="10.2" cy="23.5" r="3.7"/>
+                <circle cx="3.7" cy="33.2" r="3.7"/>
+                <circle cx="31.7" cy="30.6" r="3.7"/>
+                <circle cx="43.3" cy="17.6" r="3.7"/>
+                <circle cx="53.2" cy="23.5" r="3.7"/>
+                <circle cx="59.7" cy="33.2" r="3.7"/>
+                <circle cx="31.7" cy="30.6" r="3.7"/>
+                <path d="M33.1,9.8c.2-.1.3-.3.5-.5l4.6,2.4v-6.8l-4.6,1.5c-.1-.2-.3-.3-.5-.5l1.9-5.9h-6.7l1.9,5.9c-.2.1-.3.3-.5.5l-4.6-1.5v6.8l4.6-2.4c.1.2.3.3.5.5l-2.6,8c-.9,2.8,1.2,5.7,4.1,5.7h0c3,0,5.1-2.9,4.1-5.7l-2.6-8ZM37,37.9s-3.4,3.8-4.1,6.1c2.2,0,4.2-.5,6.4-2.8l-.7,8.5c-2-2.8-4.4-4.1-5.7-3.8.1,3.1.5,6.7,5.8,7.2,3.7.3,6.7-1.5,7-3.8.4-2.6-2-4.3-3.7-1.6-1.4-4.5,2.4-6.1,4.9-3.2-1.9-4.5-1.8-7.7,2.4-10.9,3,4,2.6,7.3-1.2,11.1,2.4-1.3,6.2,0,4,4.6-1.2-2.8-3.7-2.2-4.2.2-.3,1.7.7,3.7,3,4.2,1.9.3,4.7-.9,7-5.9-1.3,0-2.4.7-3.9,1.7l2.4-8c.6,2.3,1.4,3.7,2.2,4.5.6-1.6.5-2.8,0-5.3l5,1.8c-2.6,3.6-5.2,8.7-7.3,17.5-7.4-1.1-15.7-1.7-24.5-1.7h0c-8.8,0-17.1.6-24.5,1.7-2.1-8.9-4.7-13.9-7.3-17.5l5-1.8c-.5,2.5-.6,3.7,0,5.3.8-.8,1.6-2.3,2.2-4.5l2.4,8c-1.5-1-2.6-1.7-3.9-1.7,2.3,5,5.2,6.2,7,5.9,2.3-.4,3.3-2.4,3-4.2-.5-2.4-3-3.1-4.2-.2-2.2-4.6,1.6-6,4-4.6-3.7-3.7-4.2-7.1-1.2-11.1,4.2,3.2,4.3,6.4,2.4,10.9,2.5-2.8,6.3-1.3,4.9,3.2-1.8-2.7-4.1-1-3.7,1.6.3,2.3,3.3,4.1,7,3.8,5.4-.5,5.7-4.2,5.8-7.2-1.3-.2-3.7,1-5.7,3.8l-.7-8.5c2.2,2.3,4.2,2.7,6.4,2.8-.7-2.3-4.1-6.1-4.1-6.1h10.6,0Z"/>
+              </g>
+              <path d="M88.6,33.2c0,1.8.2,3.4.6,5s1.2,3,2,4.4c1,1.2,2,2.2,3.4,3s3,1.2,5,1.2,3.4-.2,4.6-.8,2.2-1.4,3-2.2,1.2-1.8,1.6-3c.2-1,.4-2,.4-3v-.4h-10.6v-6.4h18.8v23h-7.4v-5c-.6.8-1.2,1.6-2,2.2-.8.6-1.6,1.2-2.6,1.8-1,.4-2,.8-3.2,1.2s-2.4.4-3.6.4c-3,0-5.8-.6-8-1.6-2.4-1.2-4.4-2.6-6-4.6s-2.8-4.2-3.6-6.8c-.6-2.8-1-5.6-1-8.6s.4-5.8,1.4-8.4,2.2-4.8,4-6.8,3.8-3.4,6.2-4.6c2.4-1.2,5.2-1.6,8.2-1.6s3.8.2,5.6.6c1.8.4,3.4,1.2,4.8,2s2.8,1.8,3.8,3c1.2,1.2,2,2.6,2.8,4l-7.4,4.2c-.4-.8-1-1.8-1.6-2.4-.6-.8-1.2-1.4-2-2s-1.6-1-2.6-1.4-2.2-.4-3.4-.4c-2,0-3.6.4-5,1.2-1.4.8-2.6,1.8-3.4,3-1,1.2-1.6,2.8-2,4.4-.6,1.6-.8,3.8-.8,5.4ZM161.4,24.6c-.8-2.6-2.2-4.8-4-6.8s-3.8-3.4-6.2-4.6c-2.4-1.2-5.2-1.6-8.4-1.6s-5.8.6-8.4,1.6c-2.2,1.2-4.4,2.8-6,4.6-1.8,2-3,4.2-4,6.8-.8,2.6-1.4,5.4-1.4,8.4s.4,5.8,1.4,8.4c.8,2.6,2.2,4.8,4,6.8s3.8,3.4,6.2,4.6c2.4,1.2,5.2,1.6,8.4,1.6s5.8-.6,8.4-1.6c2.4-1.2,4.6-2.6,6.2-4.6,1.8-2,3-4.2,4-6.8.8-2.6,1.4-5.4,1.4-8.4-.2-3-.6-5.8-1.6-8.4h0ZM154,33.2c0,2-.2,3.8-.8,5.4-.4,1.6-1.2,3.2-2.2,4.4s-2.2,2.2-3.4,2.8c-1.4.6-3,1-4.8,1s-3.4-.4-4.8-1-2.6-1.6-3.4-2.8c-1-1.2-1.6-2.6-2.2-4.4-.4-1.6-.8-3.4-.8-5.4v-.2c0-2,.2-3.8.8-5.4.4-1.6,1.2-3.2,2.2-4.4,1-1.2,2.2-2.2,3.4-2.8,1.4-.6,3-1,4.8-1s3.4.4,4.8,1,2.6,1.6,3.4,2.8c1,1.2,1.6,2.6,2.2,4.4.4,1.6.8,3.4.8,5.4v.2ZM177.8,54l-11.8-42h9.4l8,31.4h.2l8-31.4h9.4l-11.8,42h-11.4,0ZM235.4,46.7c1.2,0,2.4-.2,3.4-.6,1-.4,2-.8,2.8-1.6s1.4-1.6,1.8-2.8c.4-1.2.6-2.4.6-4V11.8h8.2v27.2c0,2.4-.4,4.4-1.2,6.2s-2,3.4-3.6,4.8c-1.4,1.4-3.2,2.4-5.4,3-2,.8-4.4,1-6.8,1s-4.8-.4-6.8-1c-2-.8-3.8-1.8-5.4-3-1.6-1.4-2.6-3-3.6-4.8-.8-1.8-1.2-4-1.2-6.2V11.7h8.4v26c0,1.6.2,2.8.6,4,.4,1.2,1,2,1.8,2.8s1.6,1.2,2.8,1.6c1.2.4,2.2.6,3.6.6h0ZM261.4,11.9h8.4v18.2l14.8-18.2h10.4l-14.4,16.8,15.4,25.2h-9.8l-11-18.8-5.4,6v12.8h-8.4V11.9h0ZM206.2,44.2c-3,0-5.4,2.4-5.4,5.4s2.4,5.4,5.4,5.4,5.4-2.4,5.4-5.4-2.4-5.4-5.4-5.4Z"/>
+          </svg>
+      </a>
+    </div>
+    <div class="govuk-header__content">
+      <nav aria-label="Dewislen" class="govuk-header__navigation">
+        <button type="button" class="govuk-header__menu-button govuk-js-header-toggle" aria-controls="navigation" hidden>
+          Dewislen
+        </button>
+
+        <ul id="navigation" class="govuk-header__navigation-list">
+          <li class="govuk-header__navigation-item govuk-header__navigation-item--active">
+            <a class="govuk-header__link" href="#1">
+              Eitem llywio 1
+            </a>
+          </li>
+          <li class="govuk-header__navigation-item">
+            <a class="govuk-header__link" href="#2">
+              Eitem llywio 2
+            </a>
+          </li>
+          <li class="govuk-header__navigation-item">
+            <a class="govuk-header__link" href="#3">
+              Eitem llywio 3
+            </a>
+          </li>
+          <li class="govuk-header__navigation-item">
+            <a class="govuk-header__link" href="#4">
+              Eitem llywio 4
+            </a>
+          </li>
+        </ul>
+      </nav>
+    </div>
+  </div>
+</header>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/header/template-with-full-width-border.html b/node_modules/govuk-frontend/dist/govuk/components/header/template-with-full-width-border.html
new file mode 100644
index 0000000..36459b8
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/header/template-with-full-width-border.html
@@ -0,0 +1,29 @@
+<header class="govuk-header govuk-header--full-width-border" data-module="govuk-header">
+  <div class="govuk-header__container govuk-width-container">
+    <div class="govuk-header__logo">
+      <a href="/" class="govuk-header__link govuk-header__link--homepage">
+        <svg
+            focusable="false"
+            role="img"
+            xmlns="http://www.w3.org/2000/svg"
+            viewBox="0 0 296 60"
+            height="30"
+            width="148"
+            fill="currentcolor" class="govuk-header__logotype" aria-label="GOV.UK"
+          ><title>GOV.UK</title>    <g>
+                <circle cx="20" cy="17.6" r="3.7"/>
+                <circle cx="10.2" cy="23.5" r="3.7"/>
+                <circle cx="3.7" cy="33.2" r="3.7"/>
+                <circle cx="31.7" cy="30.6" r="3.7"/>
+                <circle cx="43.3" cy="17.6" r="3.7"/>
+                <circle cx="53.2" cy="23.5" r="3.7"/>
+                <circle cx="59.7" cy="33.2" r="3.7"/>
+                <circle cx="31.7" cy="30.6" r="3.7"/>
+                <path d="M33.1,9.8c.2-.1.3-.3.5-.5l4.6,2.4v-6.8l-4.6,1.5c-.1-.2-.3-.3-.5-.5l1.9-5.9h-6.7l1.9,5.9c-.2.1-.3.3-.5.5l-4.6-1.5v6.8l4.6-2.4c.1.2.3.3.5.5l-2.6,8c-.9,2.8,1.2,5.7,4.1,5.7h0c3,0,5.1-2.9,4.1-5.7l-2.6-8ZM37,37.9s-3.4,3.8-4.1,6.1c2.2,0,4.2-.5,6.4-2.8l-.7,8.5c-2-2.8-4.4-4.1-5.7-3.8.1,3.1.5,6.7,5.8,7.2,3.7.3,6.7-1.5,7-3.8.4-2.6-2-4.3-3.7-1.6-1.4-4.5,2.4-6.1,4.9-3.2-1.9-4.5-1.8-7.7,2.4-10.9,3,4,2.6,7.3-1.2,11.1,2.4-1.3,6.2,0,4,4.6-1.2-2.8-3.7-2.2-4.2.2-.3,1.7.7,3.7,3,4.2,1.9.3,4.7-.9,7-5.9-1.3,0-2.4.7-3.9,1.7l2.4-8c.6,2.3,1.4,3.7,2.2,4.5.6-1.6.5-2.8,0-5.3l5,1.8c-2.6,3.6-5.2,8.7-7.3,17.5-7.4-1.1-15.7-1.7-24.5-1.7h0c-8.8,0-17.1.6-24.5,1.7-2.1-8.9-4.7-13.9-7.3-17.5l5-1.8c-.5,2.5-.6,3.7,0,5.3.8-.8,1.6-2.3,2.2-4.5l2.4,8c-1.5-1-2.6-1.7-3.9-1.7,2.3,5,5.2,6.2,7,5.9,2.3-.4,3.3-2.4,3-4.2-.5-2.4-3-3.1-4.2-.2-2.2-4.6,1.6-6,4-4.6-3.7-3.7-4.2-7.1-1.2-11.1,4.2,3.2,4.3,6.4,2.4,10.9,2.5-2.8,6.3-1.3,4.9,3.2-1.8-2.7-4.1-1-3.7,1.6.3,2.3,3.3,4.1,7,3.8,5.4-.5,5.7-4.2,5.8-7.2-1.3-.2-3.7,1-5.7,3.8l-.7-8.5c2.2,2.3,4.2,2.7,6.4,2.8-.7-2.3-4.1-6.1-4.1-6.1h10.6,0Z"/>
+              </g>
+              <path d="M88.6,33.2c0,1.8.2,3.4.6,5s1.2,3,2,4.4c1,1.2,2,2.2,3.4,3s3,1.2,5,1.2,3.4-.2,4.6-.8,2.2-1.4,3-2.2,1.2-1.8,1.6-3c.2-1,.4-2,.4-3v-.4h-10.6v-6.4h18.8v23h-7.4v-5c-.6.8-1.2,1.6-2,2.2-.8.6-1.6,1.2-2.6,1.8-1,.4-2,.8-3.2,1.2s-2.4.4-3.6.4c-3,0-5.8-.6-8-1.6-2.4-1.2-4.4-2.6-6-4.6s-2.8-4.2-3.6-6.8c-.6-2.8-1-5.6-1-8.6s.4-5.8,1.4-8.4,2.2-4.8,4-6.8,3.8-3.4,6.2-4.6c2.4-1.2,5.2-1.6,8.2-1.6s3.8.2,5.6.6c1.8.4,3.4,1.2,4.8,2s2.8,1.8,3.8,3c1.2,1.2,2,2.6,2.8,4l-7.4,4.2c-.4-.8-1-1.8-1.6-2.4-.6-.8-1.2-1.4-2-2s-1.6-1-2.6-1.4-2.2-.4-3.4-.4c-2,0-3.6.4-5,1.2-1.4.8-2.6,1.8-3.4,3-1,1.2-1.6,2.8-2,4.4-.6,1.6-.8,3.8-.8,5.4ZM161.4,24.6c-.8-2.6-2.2-4.8-4-6.8s-3.8-3.4-6.2-4.6c-2.4-1.2-5.2-1.6-8.4-1.6s-5.8.6-8.4,1.6c-2.2,1.2-4.4,2.8-6,4.6-1.8,2-3,4.2-4,6.8-.8,2.6-1.4,5.4-1.4,8.4s.4,5.8,1.4,8.4c.8,2.6,2.2,4.8,4,6.8s3.8,3.4,6.2,4.6c2.4,1.2,5.2,1.6,8.4,1.6s5.8-.6,8.4-1.6c2.4-1.2,4.6-2.6,6.2-4.6,1.8-2,3-4.2,4-6.8.8-2.6,1.4-5.4,1.4-8.4-.2-3-.6-5.8-1.6-8.4h0ZM154,33.2c0,2-.2,3.8-.8,5.4-.4,1.6-1.2,3.2-2.2,4.4s-2.2,2.2-3.4,2.8c-1.4.6-3,1-4.8,1s-3.4-.4-4.8-1-2.6-1.6-3.4-2.8c-1-1.2-1.6-2.6-2.2-4.4-.4-1.6-.8-3.4-.8-5.4v-.2c0-2,.2-3.8.8-5.4.4-1.6,1.2-3.2,2.2-4.4,1-1.2,2.2-2.2,3.4-2.8,1.4-.6,3-1,4.8-1s3.4.4,4.8,1,2.6,1.6,3.4,2.8c1,1.2,1.6,2.6,2.2,4.4.4,1.6.8,3.4.8,5.4v.2ZM177.8,54l-11.8-42h9.4l8,31.4h.2l8-31.4h9.4l-11.8,42h-11.4,0ZM235.4,46.7c1.2,0,2.4-.2,3.4-.6,1-.4,2-.8,2.8-1.6s1.4-1.6,1.8-2.8c.4-1.2.6-2.4.6-4V11.8h8.2v27.2c0,2.4-.4,4.4-1.2,6.2s-2,3.4-3.6,4.8c-1.4,1.4-3.2,2.4-5.4,3-2,.8-4.4,1-6.8,1s-4.8-.4-6.8-1c-2-.8-3.8-1.8-5.4-3-1.6-1.4-2.6-3-3.6-4.8-.8-1.8-1.2-4-1.2-6.2V11.7h8.4v26c0,1.6.2,2.8.6,4,.4,1.2,1,2,1.8,2.8s1.6,1.2,2.8,1.6c1.2.4,2.2.6,3.6.6h0ZM261.4,11.9h8.4v18.2l14.8-18.2h10.4l-14.4,16.8,15.4,25.2h-9.8l-11-18.8-5.4,6v12.8h-8.4V11.9h0ZM206.2,44.2c-3,0-5.4,2.4-5.4,5.4s2.4,5.4,5.4,5.4,5.4-2.4,5.4-5.4-2.4-5.4-5.4-5.4Z"/>
+          </svg>
+      </a>
+    </div>
+  </div>
+</header>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/header/template-with-large-navigation.html b/node_modules/govuk-frontend/dist/govuk/components/header/template-with-large-navigation.html
new file mode 100644
index 0000000..3e0b5b1
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/header/template-with-large-navigation.html
@@ -0,0 +1,119 @@
+<header class="govuk-header" data-module="govuk-header">
+  <div class="govuk-header__container govuk-width-container">
+    <div class="govuk-header__logo">
+      <a href="/" class="govuk-header__link govuk-header__link--homepage">
+        <svg
+            focusable="false"
+            role="img"
+            xmlns="http://www.w3.org/2000/svg"
+            viewBox="0 0 296 60"
+            height="30"
+            width="148"
+            fill="currentcolor" class="govuk-header__logotype" aria-label="GOV.UK"
+          ><title>GOV.UK</title>    <g>
+                <circle cx="20" cy="17.6" r="3.7"/>
+                <circle cx="10.2" cy="23.5" r="3.7"/>
+                <circle cx="3.7" cy="33.2" r="3.7"/>
+                <circle cx="31.7" cy="30.6" r="3.7"/>
+                <circle cx="43.3" cy="17.6" r="3.7"/>
+                <circle cx="53.2" cy="23.5" r="3.7"/>
+                <circle cx="59.7" cy="33.2" r="3.7"/>
+                <circle cx="31.7" cy="30.6" r="3.7"/>
+                <path d="M33.1,9.8c.2-.1.3-.3.5-.5l4.6,2.4v-6.8l-4.6,1.5c-.1-.2-.3-.3-.5-.5l1.9-5.9h-6.7l1.9,5.9c-.2.1-.3.3-.5.5l-4.6-1.5v6.8l4.6-2.4c.1.2.3.3.5.5l-2.6,8c-.9,2.8,1.2,5.7,4.1,5.7h0c3,0,5.1-2.9,4.1-5.7l-2.6-8ZM37,37.9s-3.4,3.8-4.1,6.1c2.2,0,4.2-.5,6.4-2.8l-.7,8.5c-2-2.8-4.4-4.1-5.7-3.8.1,3.1.5,6.7,5.8,7.2,3.7.3,6.7-1.5,7-3.8.4-2.6-2-4.3-3.7-1.6-1.4-4.5,2.4-6.1,4.9-3.2-1.9-4.5-1.8-7.7,2.4-10.9,3,4,2.6,7.3-1.2,11.1,2.4-1.3,6.2,0,4,4.6-1.2-2.8-3.7-2.2-4.2.2-.3,1.7.7,3.7,3,4.2,1.9.3,4.7-.9,7-5.9-1.3,0-2.4.7-3.9,1.7l2.4-8c.6,2.3,1.4,3.7,2.2,4.5.6-1.6.5-2.8,0-5.3l5,1.8c-2.6,3.6-5.2,8.7-7.3,17.5-7.4-1.1-15.7-1.7-24.5-1.7h0c-8.8,0-17.1.6-24.5,1.7-2.1-8.9-4.7-13.9-7.3-17.5l5-1.8c-.5,2.5-.6,3.7,0,5.3.8-.8,1.6-2.3,2.2-4.5l2.4,8c-1.5-1-2.6-1.7-3.9-1.7,2.3,5,5.2,6.2,7,5.9,2.3-.4,3.3-2.4,3-4.2-.5-2.4-3-3.1-4.2-.2-2.2-4.6,1.6-6,4-4.6-3.7-3.7-4.2-7.1-1.2-11.1,4.2,3.2,4.3,6.4,2.4,10.9,2.5-2.8,6.3-1.3,4.9,3.2-1.8-2.7-4.1-1-3.7,1.6.3,2.3,3.3,4.1,7,3.8,5.4-.5,5.7-4.2,5.8-7.2-1.3-.2-3.7,1-5.7,3.8l-.7-8.5c2.2,2.3,4.2,2.7,6.4,2.8-.7-2.3-4.1-6.1-4.1-6.1h10.6,0Z"/>
+              </g>
+              <path d="M88.6,33.2c0,1.8.2,3.4.6,5s1.2,3,2,4.4c1,1.2,2,2.2,3.4,3s3,1.2,5,1.2,3.4-.2,4.6-.8,2.2-1.4,3-2.2,1.2-1.8,1.6-3c.2-1,.4-2,.4-3v-.4h-10.6v-6.4h18.8v23h-7.4v-5c-.6.8-1.2,1.6-2,2.2-.8.6-1.6,1.2-2.6,1.8-1,.4-2,.8-3.2,1.2s-2.4.4-3.6.4c-3,0-5.8-.6-8-1.6-2.4-1.2-4.4-2.6-6-4.6s-2.8-4.2-3.6-6.8c-.6-2.8-1-5.6-1-8.6s.4-5.8,1.4-8.4,2.2-4.8,4-6.8,3.8-3.4,6.2-4.6c2.4-1.2,5.2-1.6,8.2-1.6s3.8.2,5.6.6c1.8.4,3.4,1.2,4.8,2s2.8,1.8,3.8,3c1.2,1.2,2,2.6,2.8,4l-7.4,4.2c-.4-.8-1-1.8-1.6-2.4-.6-.8-1.2-1.4-2-2s-1.6-1-2.6-1.4-2.2-.4-3.4-.4c-2,0-3.6.4-5,1.2-1.4.8-2.6,1.8-3.4,3-1,1.2-1.6,2.8-2,4.4-.6,1.6-.8,3.8-.8,5.4ZM161.4,24.6c-.8-2.6-2.2-4.8-4-6.8s-3.8-3.4-6.2-4.6c-2.4-1.2-5.2-1.6-8.4-1.6s-5.8.6-8.4,1.6c-2.2,1.2-4.4,2.8-6,4.6-1.8,2-3,4.2-4,6.8-.8,2.6-1.4,5.4-1.4,8.4s.4,5.8,1.4,8.4c.8,2.6,2.2,4.8,4,6.8s3.8,3.4,6.2,4.6c2.4,1.2,5.2,1.6,8.4,1.6s5.8-.6,8.4-1.6c2.4-1.2,4.6-2.6,6.2-4.6,1.8-2,3-4.2,4-6.8.8-2.6,1.4-5.4,1.4-8.4-.2-3-.6-5.8-1.6-8.4h0ZM154,33.2c0,2-.2,3.8-.8,5.4-.4,1.6-1.2,3.2-2.2,4.4s-2.2,2.2-3.4,2.8c-1.4.6-3,1-4.8,1s-3.4-.4-4.8-1-2.6-1.6-3.4-2.8c-1-1.2-1.6-2.6-2.2-4.4-.4-1.6-.8-3.4-.8-5.4v-.2c0-2,.2-3.8.8-5.4.4-1.6,1.2-3.2,2.2-4.4,1-1.2,2.2-2.2,3.4-2.8,1.4-.6,3-1,4.8-1s3.4.4,4.8,1,2.6,1.6,3.4,2.8c1,1.2,1.6,2.6,2.2,4.4.4,1.6.8,3.4.8,5.4v.2ZM177.8,54l-11.8-42h9.4l8,31.4h.2l8-31.4h9.4l-11.8,42h-11.4,0ZM235.4,46.7c1.2,0,2.4-.2,3.4-.6,1-.4,2-.8,2.8-1.6s1.4-1.6,1.8-2.8c.4-1.2.6-2.4.6-4V11.8h8.2v27.2c0,2.4-.4,4.4-1.2,6.2s-2,3.4-3.6,4.8c-1.4,1.4-3.2,2.4-5.4,3-2,.8-4.4,1-6.8,1s-4.8-.4-6.8-1c-2-.8-3.8-1.8-5.4-3-1.6-1.4-2.6-3-3.6-4.8-.8-1.8-1.2-4-1.2-6.2V11.7h8.4v26c0,1.6.2,2.8.6,4,.4,1.2,1,2,1.8,2.8s1.6,1.2,2.8,1.6c1.2.4,2.2.6,3.6.6h0ZM261.4,11.9h8.4v18.2l14.8-18.2h10.4l-14.4,16.8,15.4,25.2h-9.8l-11-18.8-5.4,6v12.8h-8.4V11.9h0ZM206.2,44.2c-3,0-5.4,2.4-5.4,5.4s2.4,5.4,5.4,5.4,5.4-2.4,5.4-5.4-2.4-5.4-5.4-5.4Z"/>
+          </svg>
+      </a>
+    </div>
+    <div class="govuk-header__content">
+      <nav aria-label="Menu" class="govuk-header__navigation">
+        <button type="button" class="govuk-header__menu-button govuk-js-header-toggle" aria-controls="navigation" hidden>
+          Menu
+        </button>
+
+        <ul id="navigation" class="govuk-header__navigation-list">
+          <li class="govuk-header__navigation-item">
+            <a class="govuk-header__link" href="/browse/benefits">
+              Benefits
+            </a>
+          </li>
+          <li class="govuk-header__navigation-item">
+            <a class="govuk-header__link" href="/browse/births-deaths-marriages">
+              Births, deaths, marriages and care
+            </a>
+          </li>
+          <li class="govuk-header__navigation-item">
+            <a class="govuk-header__link" href="/browse/business">
+              Business and self-employed
+            </a>
+          </li>
+          <li class="govuk-header__navigation-item">
+            <a class="govuk-header__link" href="/browse/childcare-parenting">
+              Childcare and parenting
+            </a>
+          </li>
+          <li class="govuk-header__navigation-item">
+            <a class="govuk-header__link" href="/browse/citizenship">
+              Citizenship and living in the UK
+            </a>
+          </li>
+          <li class="govuk-header__navigation-item">
+            <a class="govuk-header__link" href="/browse/justice">
+              Crime, justice and the law
+            </a>
+          </li>
+          <li class="govuk-header__navigation-item">
+            <a class="govuk-header__link" href="/browse/disabilities">
+              Disabled people
+            </a>
+          </li>
+          <li class="govuk-header__navigation-item">
+            <a class="govuk-header__link" href="/browse/driving">
+              Driving and transport
+            </a>
+          </li>
+          <li class="govuk-header__navigation-item">
+            <a class="govuk-header__link" href="/browse/education">
+              Education and learning
+            </a>
+          </li>
+          <li class="govuk-header__navigation-item">
+            <a class="govuk-header__link" href="/browse/employing-people">
+              Employing people
+            </a>
+          </li>
+          <li class="govuk-header__navigation-item">
+            <a class="govuk-header__link" href="/browse/environment-countryside">
+              Environment and countryside
+            </a>
+          </li>
+          <li class="govuk-header__navigation-item">
+            <a class="govuk-header__link" href="/browse/housing-local-services">
+              Housing and local services
+            </a>
+          </li>
+          <li class="govuk-header__navigation-item">
+            <a class="govuk-header__link" href="/browse/tax">
+              Money and tax
+            </a>
+          </li>
+          <li class="govuk-header__navigation-item">
+            <a class="govuk-header__link" href="/browse/abroad">
+              Passports, travel and living abroad
+            </a>
+          </li>
+          <li class="govuk-header__navigation-item">
+            <a class="govuk-header__link" href="/browse/visas-immigration">
+              Visas and immigration
+            </a>
+          </li>
+          <li class="govuk-header__navigation-item">
+            <a class="govuk-header__link" href="/browse/working">
+              Working, jobs and pensions
+            </a>
+          </li>
+        </ul>
+      </nav>
+    </div>
+  </div>
+</header>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/header/template-with-navigation.html b/node_modules/govuk-frontend/dist/govuk/components/header/template-with-navigation.html
new file mode 100644
index 0000000..8482a15
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/header/template-with-navigation.html
@@ -0,0 +1,59 @@
+<header class="govuk-header" data-module="govuk-header">
+  <div class="govuk-header__container govuk-width-container">
+    <div class="govuk-header__logo">
+      <a href="/" class="govuk-header__link govuk-header__link--homepage">
+        <svg
+            focusable="false"
+            role="img"
+            xmlns="http://www.w3.org/2000/svg"
+            viewBox="0 0 296 60"
+            height="30"
+            width="148"
+            fill="currentcolor" class="govuk-header__logotype" aria-label="GOV.UK"
+          ><title>GOV.UK</title>    <g>
+                <circle cx="20" cy="17.6" r="3.7"/>
+                <circle cx="10.2" cy="23.5" r="3.7"/>
+                <circle cx="3.7" cy="33.2" r="3.7"/>
+                <circle cx="31.7" cy="30.6" r="3.7"/>
+                <circle cx="43.3" cy="17.6" r="3.7"/>
+                <circle cx="53.2" cy="23.5" r="3.7"/>
+                <circle cx="59.7" cy="33.2" r="3.7"/>
+                <circle cx="31.7" cy="30.6" r="3.7"/>
+                <path d="M33.1,9.8c.2-.1.3-.3.5-.5l4.6,2.4v-6.8l-4.6,1.5c-.1-.2-.3-.3-.5-.5l1.9-5.9h-6.7l1.9,5.9c-.2.1-.3.3-.5.5l-4.6-1.5v6.8l4.6-2.4c.1.2.3.3.5.5l-2.6,8c-.9,2.8,1.2,5.7,4.1,5.7h0c3,0,5.1-2.9,4.1-5.7l-2.6-8ZM37,37.9s-3.4,3.8-4.1,6.1c2.2,0,4.2-.5,6.4-2.8l-.7,8.5c-2-2.8-4.4-4.1-5.7-3.8.1,3.1.5,6.7,5.8,7.2,3.7.3,6.7-1.5,7-3.8.4-2.6-2-4.3-3.7-1.6-1.4-4.5,2.4-6.1,4.9-3.2-1.9-4.5-1.8-7.7,2.4-10.9,3,4,2.6,7.3-1.2,11.1,2.4-1.3,6.2,0,4,4.6-1.2-2.8-3.7-2.2-4.2.2-.3,1.7.7,3.7,3,4.2,1.9.3,4.7-.9,7-5.9-1.3,0-2.4.7-3.9,1.7l2.4-8c.6,2.3,1.4,3.7,2.2,4.5.6-1.6.5-2.8,0-5.3l5,1.8c-2.6,3.6-5.2,8.7-7.3,17.5-7.4-1.1-15.7-1.7-24.5-1.7h0c-8.8,0-17.1.6-24.5,1.7-2.1-8.9-4.7-13.9-7.3-17.5l5-1.8c-.5,2.5-.6,3.7,0,5.3.8-.8,1.6-2.3,2.2-4.5l2.4,8c-1.5-1-2.6-1.7-3.9-1.7,2.3,5,5.2,6.2,7,5.9,2.3-.4,3.3-2.4,3-4.2-.5-2.4-3-3.1-4.2-.2-2.2-4.6,1.6-6,4-4.6-3.7-3.7-4.2-7.1-1.2-11.1,4.2,3.2,4.3,6.4,2.4,10.9,2.5-2.8,6.3-1.3,4.9,3.2-1.8-2.7-4.1-1-3.7,1.6.3,2.3,3.3,4.1,7,3.8,5.4-.5,5.7-4.2,5.8-7.2-1.3-.2-3.7,1-5.7,3.8l-.7-8.5c2.2,2.3,4.2,2.7,6.4,2.8-.7-2.3-4.1-6.1-4.1-6.1h10.6,0Z"/>
+              </g>
+              <path d="M88.6,33.2c0,1.8.2,3.4.6,5s1.2,3,2,4.4c1,1.2,2,2.2,3.4,3s3,1.2,5,1.2,3.4-.2,4.6-.8,2.2-1.4,3-2.2,1.2-1.8,1.6-3c.2-1,.4-2,.4-3v-.4h-10.6v-6.4h18.8v23h-7.4v-5c-.6.8-1.2,1.6-2,2.2-.8.6-1.6,1.2-2.6,1.8-1,.4-2,.8-3.2,1.2s-2.4.4-3.6.4c-3,0-5.8-.6-8-1.6-2.4-1.2-4.4-2.6-6-4.6s-2.8-4.2-3.6-6.8c-.6-2.8-1-5.6-1-8.6s.4-5.8,1.4-8.4,2.2-4.8,4-6.8,3.8-3.4,6.2-4.6c2.4-1.2,5.2-1.6,8.2-1.6s3.8.2,5.6.6c1.8.4,3.4,1.2,4.8,2s2.8,1.8,3.8,3c1.2,1.2,2,2.6,2.8,4l-7.4,4.2c-.4-.8-1-1.8-1.6-2.4-.6-.8-1.2-1.4-2-2s-1.6-1-2.6-1.4-2.2-.4-3.4-.4c-2,0-3.6.4-5,1.2-1.4.8-2.6,1.8-3.4,3-1,1.2-1.6,2.8-2,4.4-.6,1.6-.8,3.8-.8,5.4ZM161.4,24.6c-.8-2.6-2.2-4.8-4-6.8s-3.8-3.4-6.2-4.6c-2.4-1.2-5.2-1.6-8.4-1.6s-5.8.6-8.4,1.6c-2.2,1.2-4.4,2.8-6,4.6-1.8,2-3,4.2-4,6.8-.8,2.6-1.4,5.4-1.4,8.4s.4,5.8,1.4,8.4c.8,2.6,2.2,4.8,4,6.8s3.8,3.4,6.2,4.6c2.4,1.2,5.2,1.6,8.4,1.6s5.8-.6,8.4-1.6c2.4-1.2,4.6-2.6,6.2-4.6,1.8-2,3-4.2,4-6.8.8-2.6,1.4-5.4,1.4-8.4-.2-3-.6-5.8-1.6-8.4h0ZM154,33.2c0,2-.2,3.8-.8,5.4-.4,1.6-1.2,3.2-2.2,4.4s-2.2,2.2-3.4,2.8c-1.4.6-3,1-4.8,1s-3.4-.4-4.8-1-2.6-1.6-3.4-2.8c-1-1.2-1.6-2.6-2.2-4.4-.4-1.6-.8-3.4-.8-5.4v-.2c0-2,.2-3.8.8-5.4.4-1.6,1.2-3.2,2.2-4.4,1-1.2,2.2-2.2,3.4-2.8,1.4-.6,3-1,4.8-1s3.4.4,4.8,1,2.6,1.6,3.4,2.8c1,1.2,1.6,2.6,2.2,4.4.4,1.6.8,3.4.8,5.4v.2ZM177.8,54l-11.8-42h9.4l8,31.4h.2l8-31.4h9.4l-11.8,42h-11.4,0ZM235.4,46.7c1.2,0,2.4-.2,3.4-.6,1-.4,2-.8,2.8-1.6s1.4-1.6,1.8-2.8c.4-1.2.6-2.4.6-4V11.8h8.2v27.2c0,2.4-.4,4.4-1.2,6.2s-2,3.4-3.6,4.8c-1.4,1.4-3.2,2.4-5.4,3-2,.8-4.4,1-6.8,1s-4.8-.4-6.8-1c-2-.8-3.8-1.8-5.4-3-1.6-1.4-2.6-3-3.6-4.8-.8-1.8-1.2-4-1.2-6.2V11.7h8.4v26c0,1.6.2,2.8.6,4,.4,1.2,1,2,1.8,2.8s1.6,1.2,2.8,1.6c1.2.4,2.2.6,3.6.6h0ZM261.4,11.9h8.4v18.2l14.8-18.2h10.4l-14.4,16.8,15.4,25.2h-9.8l-11-18.8-5.4,6v12.8h-8.4V11.9h0ZM206.2,44.2c-3,0-5.4,2.4-5.4,5.4s2.4,5.4,5.4,5.4,5.4-2.4,5.4-5.4-2.4-5.4-5.4-5.4Z"/>
+          </svg>
+      </a>
+    </div>
+    <div class="govuk-header__content">
+      <nav aria-label="Menu" class="govuk-header__navigation">
+        <button type="button" class="govuk-header__menu-button govuk-js-header-toggle" aria-controls="navigation" hidden>
+          Menu
+        </button>
+
+        <ul id="navigation" class="govuk-header__navigation-list">
+          <li class="govuk-header__navigation-item govuk-header__navigation-item--active">
+            <a class="govuk-header__link" href="#1">
+              Navigation item 1
+            </a>
+          </li>
+          <li class="govuk-header__navigation-item">
+            <a class="govuk-header__link" href="#2">
+              Navigation item 2
+            </a>
+          </li>
+          <li class="govuk-header__navigation-item">
+            <a class="govuk-header__link" href="#3">
+              Navigation item 3
+            </a>
+          </li>
+          <li class="govuk-header__navigation-item">
+            <a class="govuk-header__link" href="#4">
+              Navigation item 4
+            </a>
+          </li>
+        </ul>
+      </nav>
+    </div>
+  </div>
+</header>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/header/template-with-product-name.html b/node_modules/govuk-frontend/dist/govuk/components/header/template-with-product-name.html
new file mode 100644
index 0000000..c53022d
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/header/template-with-product-name.html
@@ -0,0 +1,30 @@
+<header class="govuk-header" data-module="govuk-header">
+  <div class="govuk-header__container govuk-width-container">
+    <div class="govuk-header__logo">
+      <a href="/" class="govuk-header__link govuk-header__link--homepage">
+        <svg
+            focusable="false"
+            role="img"
+            xmlns="http://www.w3.org/2000/svg"
+            viewBox="0 0 296 60"
+            height="30"
+            width="148"
+            fill="currentcolor" class="govuk-header__logotype" aria-label="GOV.UK"
+          ><title>GOV.UK</title>    <g>
+                <circle cx="20" cy="17.6" r="3.7"/>
+                <circle cx="10.2" cy="23.5" r="3.7"/>
+                <circle cx="3.7" cy="33.2" r="3.7"/>
+                <circle cx="31.7" cy="30.6" r="3.7"/>
+                <circle cx="43.3" cy="17.6" r="3.7"/>
+                <circle cx="53.2" cy="23.5" r="3.7"/>
+                <circle cx="59.7" cy="33.2" r="3.7"/>
+                <circle cx="31.7" cy="30.6" r="3.7"/>
+                <path d="M33.1,9.8c.2-.1.3-.3.5-.5l4.6,2.4v-6.8l-4.6,1.5c-.1-.2-.3-.3-.5-.5l1.9-5.9h-6.7l1.9,5.9c-.2.1-.3.3-.5.5l-4.6-1.5v6.8l4.6-2.4c.1.2.3.3.5.5l-2.6,8c-.9,2.8,1.2,5.7,4.1,5.7h0c3,0,5.1-2.9,4.1-5.7l-2.6-8ZM37,37.9s-3.4,3.8-4.1,6.1c2.2,0,4.2-.5,6.4-2.8l-.7,8.5c-2-2.8-4.4-4.1-5.7-3.8.1,3.1.5,6.7,5.8,7.2,3.7.3,6.7-1.5,7-3.8.4-2.6-2-4.3-3.7-1.6-1.4-4.5,2.4-6.1,4.9-3.2-1.9-4.5-1.8-7.7,2.4-10.9,3,4,2.6,7.3-1.2,11.1,2.4-1.3,6.2,0,4,4.6-1.2-2.8-3.7-2.2-4.2.2-.3,1.7.7,3.7,3,4.2,1.9.3,4.7-.9,7-5.9-1.3,0-2.4.7-3.9,1.7l2.4-8c.6,2.3,1.4,3.7,2.2,4.5.6-1.6.5-2.8,0-5.3l5,1.8c-2.6,3.6-5.2,8.7-7.3,17.5-7.4-1.1-15.7-1.7-24.5-1.7h0c-8.8,0-17.1.6-24.5,1.7-2.1-8.9-4.7-13.9-7.3-17.5l5-1.8c-.5,2.5-.6,3.7,0,5.3.8-.8,1.6-2.3,2.2-4.5l2.4,8c-1.5-1-2.6-1.7-3.9-1.7,2.3,5,5.2,6.2,7,5.9,2.3-.4,3.3-2.4,3-4.2-.5-2.4-3-3.1-4.2-.2-2.2-4.6,1.6-6,4-4.6-3.7-3.7-4.2-7.1-1.2-11.1,4.2,3.2,4.3,6.4,2.4,10.9,2.5-2.8,6.3-1.3,4.9,3.2-1.8-2.7-4.1-1-3.7,1.6.3,2.3,3.3,4.1,7,3.8,5.4-.5,5.7-4.2,5.8-7.2-1.3-.2-3.7,1-5.7,3.8l-.7-8.5c2.2,2.3,4.2,2.7,6.4,2.8-.7-2.3-4.1-6.1-4.1-6.1h10.6,0Z"/>
+              </g>
+              <path d="M88.6,33.2c0,1.8.2,3.4.6,5s1.2,3,2,4.4c1,1.2,2,2.2,3.4,3s3,1.2,5,1.2,3.4-.2,4.6-.8,2.2-1.4,3-2.2,1.2-1.8,1.6-3c.2-1,.4-2,.4-3v-.4h-10.6v-6.4h18.8v23h-7.4v-5c-.6.8-1.2,1.6-2,2.2-.8.6-1.6,1.2-2.6,1.8-1,.4-2,.8-3.2,1.2s-2.4.4-3.6.4c-3,0-5.8-.6-8-1.6-2.4-1.2-4.4-2.6-6-4.6s-2.8-4.2-3.6-6.8c-.6-2.8-1-5.6-1-8.6s.4-5.8,1.4-8.4,2.2-4.8,4-6.8,3.8-3.4,6.2-4.6c2.4-1.2,5.2-1.6,8.2-1.6s3.8.2,5.6.6c1.8.4,3.4,1.2,4.8,2s2.8,1.8,3.8,3c1.2,1.2,2,2.6,2.8,4l-7.4,4.2c-.4-.8-1-1.8-1.6-2.4-.6-.8-1.2-1.4-2-2s-1.6-1-2.6-1.4-2.2-.4-3.4-.4c-2,0-3.6.4-5,1.2-1.4.8-2.6,1.8-3.4,3-1,1.2-1.6,2.8-2,4.4-.6,1.6-.8,3.8-.8,5.4ZM161.4,24.6c-.8-2.6-2.2-4.8-4-6.8s-3.8-3.4-6.2-4.6c-2.4-1.2-5.2-1.6-8.4-1.6s-5.8.6-8.4,1.6c-2.2,1.2-4.4,2.8-6,4.6-1.8,2-3,4.2-4,6.8-.8,2.6-1.4,5.4-1.4,8.4s.4,5.8,1.4,8.4c.8,2.6,2.2,4.8,4,6.8s3.8,3.4,6.2,4.6c2.4,1.2,5.2,1.6,8.4,1.6s5.8-.6,8.4-1.6c2.4-1.2,4.6-2.6,6.2-4.6,1.8-2,3-4.2,4-6.8.8-2.6,1.4-5.4,1.4-8.4-.2-3-.6-5.8-1.6-8.4h0ZM154,33.2c0,2-.2,3.8-.8,5.4-.4,1.6-1.2,3.2-2.2,4.4s-2.2,2.2-3.4,2.8c-1.4.6-3,1-4.8,1s-3.4-.4-4.8-1-2.6-1.6-3.4-2.8c-1-1.2-1.6-2.6-2.2-4.4-.4-1.6-.8-3.4-.8-5.4v-.2c0-2,.2-3.8.8-5.4.4-1.6,1.2-3.2,2.2-4.4,1-1.2,2.2-2.2,3.4-2.8,1.4-.6,3-1,4.8-1s3.4.4,4.8,1,2.6,1.6,3.4,2.8c1,1.2,1.6,2.6,2.2,4.4.4,1.6.8,3.4.8,5.4v.2ZM177.8,54l-11.8-42h9.4l8,31.4h.2l8-31.4h9.4l-11.8,42h-11.4,0ZM235.4,46.7c1.2,0,2.4-.2,3.4-.6,1-.4,2-.8,2.8-1.6s1.4-1.6,1.8-2.8c.4-1.2.6-2.4.6-4V11.8h8.2v27.2c0,2.4-.4,4.4-1.2,6.2s-2,3.4-3.6,4.8c-1.4,1.4-3.2,2.4-5.4,3-2,.8-4.4,1-6.8,1s-4.8-.4-6.8-1c-2-.8-3.8-1.8-5.4-3-1.6-1.4-2.6-3-3.6-4.8-.8-1.8-1.2-4-1.2-6.2V11.7h8.4v26c0,1.6.2,2.8.6,4,.4,1.2,1,2,1.8,2.8s1.6,1.2,2.8,1.6c1.2.4,2.2.6,3.6.6h0ZM261.4,11.9h8.4v18.2l14.8-18.2h10.4l-14.4,16.8,15.4,25.2h-9.8l-11-18.8-5.4,6v12.8h-8.4V11.9h0ZM206.2,44.2c-3,0-5.4,2.4-5.4,5.4s2.4,5.4,5.4,5.4,5.4-2.4,5.4-5.4-2.4-5.4-5.4-5.4Z"/>
+          </svg>
+        <span class="govuk-header__product-name">Product Name</span>
+      </a>
+    </div>
+  </div>
+</header>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/header/template-with-service-name-and-navigation.html b/node_modules/govuk-frontend/dist/govuk/components/header/template-with-service-name-and-navigation.html
new file mode 100644
index 0000000..ee4d82f
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/header/template-with-service-name-and-navigation.html
@@ -0,0 +1,62 @@
+<header class="govuk-header" data-module="govuk-header">
+  <div class="govuk-header__container govuk-width-container">
+    <div class="govuk-header__logo">
+      <a href="/" class="govuk-header__link govuk-header__link--homepage">
+        <svg
+            focusable="false"
+            role="img"
+            xmlns="http://www.w3.org/2000/svg"
+            viewBox="0 0 296 60"
+            height="30"
+            width="148"
+            fill="currentcolor" class="govuk-header__logotype" aria-label="GOV.UK"
+          ><title>GOV.UK</title>    <g>
+                <circle cx="20" cy="17.6" r="3.7"/>
+                <circle cx="10.2" cy="23.5" r="3.7"/>
+                <circle cx="3.7" cy="33.2" r="3.7"/>
+                <circle cx="31.7" cy="30.6" r="3.7"/>
+                <circle cx="43.3" cy="17.6" r="3.7"/>
+                <circle cx="53.2" cy="23.5" r="3.7"/>
+                <circle cx="59.7" cy="33.2" r="3.7"/>
+                <circle cx="31.7" cy="30.6" r="3.7"/>
+                <path d="M33.1,9.8c.2-.1.3-.3.5-.5l4.6,2.4v-6.8l-4.6,1.5c-.1-.2-.3-.3-.5-.5l1.9-5.9h-6.7l1.9,5.9c-.2.1-.3.3-.5.5l-4.6-1.5v6.8l4.6-2.4c.1.2.3.3.5.5l-2.6,8c-.9,2.8,1.2,5.7,4.1,5.7h0c3,0,5.1-2.9,4.1-5.7l-2.6-8ZM37,37.9s-3.4,3.8-4.1,6.1c2.2,0,4.2-.5,6.4-2.8l-.7,8.5c-2-2.8-4.4-4.1-5.7-3.8.1,3.1.5,6.7,5.8,7.2,3.7.3,6.7-1.5,7-3.8.4-2.6-2-4.3-3.7-1.6-1.4-4.5,2.4-6.1,4.9-3.2-1.9-4.5-1.8-7.7,2.4-10.9,3,4,2.6,7.3-1.2,11.1,2.4-1.3,6.2,0,4,4.6-1.2-2.8-3.7-2.2-4.2.2-.3,1.7.7,3.7,3,4.2,1.9.3,4.7-.9,7-5.9-1.3,0-2.4.7-3.9,1.7l2.4-8c.6,2.3,1.4,3.7,2.2,4.5.6-1.6.5-2.8,0-5.3l5,1.8c-2.6,3.6-5.2,8.7-7.3,17.5-7.4-1.1-15.7-1.7-24.5-1.7h0c-8.8,0-17.1.6-24.5,1.7-2.1-8.9-4.7-13.9-7.3-17.5l5-1.8c-.5,2.5-.6,3.7,0,5.3.8-.8,1.6-2.3,2.2-4.5l2.4,8c-1.5-1-2.6-1.7-3.9-1.7,2.3,5,5.2,6.2,7,5.9,2.3-.4,3.3-2.4,3-4.2-.5-2.4-3-3.1-4.2-.2-2.2-4.6,1.6-6,4-4.6-3.7-3.7-4.2-7.1-1.2-11.1,4.2,3.2,4.3,6.4,2.4,10.9,2.5-2.8,6.3-1.3,4.9,3.2-1.8-2.7-4.1-1-3.7,1.6.3,2.3,3.3,4.1,7,3.8,5.4-.5,5.7-4.2,5.8-7.2-1.3-.2-3.7,1-5.7,3.8l-.7-8.5c2.2,2.3,4.2,2.7,6.4,2.8-.7-2.3-4.1-6.1-4.1-6.1h10.6,0Z"/>
+              </g>
+              <path d="M88.6,33.2c0,1.8.2,3.4.6,5s1.2,3,2,4.4c1,1.2,2,2.2,3.4,3s3,1.2,5,1.2,3.4-.2,4.6-.8,2.2-1.4,3-2.2,1.2-1.8,1.6-3c.2-1,.4-2,.4-3v-.4h-10.6v-6.4h18.8v23h-7.4v-5c-.6.8-1.2,1.6-2,2.2-.8.6-1.6,1.2-2.6,1.8-1,.4-2,.8-3.2,1.2s-2.4.4-3.6.4c-3,0-5.8-.6-8-1.6-2.4-1.2-4.4-2.6-6-4.6s-2.8-4.2-3.6-6.8c-.6-2.8-1-5.6-1-8.6s.4-5.8,1.4-8.4,2.2-4.8,4-6.8,3.8-3.4,6.2-4.6c2.4-1.2,5.2-1.6,8.2-1.6s3.8.2,5.6.6c1.8.4,3.4,1.2,4.8,2s2.8,1.8,3.8,3c1.2,1.2,2,2.6,2.8,4l-7.4,4.2c-.4-.8-1-1.8-1.6-2.4-.6-.8-1.2-1.4-2-2s-1.6-1-2.6-1.4-2.2-.4-3.4-.4c-2,0-3.6.4-5,1.2-1.4.8-2.6,1.8-3.4,3-1,1.2-1.6,2.8-2,4.4-.6,1.6-.8,3.8-.8,5.4ZM161.4,24.6c-.8-2.6-2.2-4.8-4-6.8s-3.8-3.4-6.2-4.6c-2.4-1.2-5.2-1.6-8.4-1.6s-5.8.6-8.4,1.6c-2.2,1.2-4.4,2.8-6,4.6-1.8,2-3,4.2-4,6.8-.8,2.6-1.4,5.4-1.4,8.4s.4,5.8,1.4,8.4c.8,2.6,2.2,4.8,4,6.8s3.8,3.4,6.2,4.6c2.4,1.2,5.2,1.6,8.4,1.6s5.8-.6,8.4-1.6c2.4-1.2,4.6-2.6,6.2-4.6,1.8-2,3-4.2,4-6.8.8-2.6,1.4-5.4,1.4-8.4-.2-3-.6-5.8-1.6-8.4h0ZM154,33.2c0,2-.2,3.8-.8,5.4-.4,1.6-1.2,3.2-2.2,4.4s-2.2,2.2-3.4,2.8c-1.4.6-3,1-4.8,1s-3.4-.4-4.8-1-2.6-1.6-3.4-2.8c-1-1.2-1.6-2.6-2.2-4.4-.4-1.6-.8-3.4-.8-5.4v-.2c0-2,.2-3.8.8-5.4.4-1.6,1.2-3.2,2.2-4.4,1-1.2,2.2-2.2,3.4-2.8,1.4-.6,3-1,4.8-1s3.4.4,4.8,1,2.6,1.6,3.4,2.8c1,1.2,1.6,2.6,2.2,4.4.4,1.6.8,3.4.8,5.4v.2ZM177.8,54l-11.8-42h9.4l8,31.4h.2l8-31.4h9.4l-11.8,42h-11.4,0ZM235.4,46.7c1.2,0,2.4-.2,3.4-.6,1-.4,2-.8,2.8-1.6s1.4-1.6,1.8-2.8c.4-1.2.6-2.4.6-4V11.8h8.2v27.2c0,2.4-.4,4.4-1.2,6.2s-2,3.4-3.6,4.8c-1.4,1.4-3.2,2.4-5.4,3-2,.8-4.4,1-6.8,1s-4.8-.4-6.8-1c-2-.8-3.8-1.8-5.4-3-1.6-1.4-2.6-3-3.6-4.8-.8-1.8-1.2-4-1.2-6.2V11.7h8.4v26c0,1.6.2,2.8.6,4,.4,1.2,1,2,1.8,2.8s1.6,1.2,2.8,1.6c1.2.4,2.2.6,3.6.6h0ZM261.4,11.9h8.4v18.2l14.8-18.2h10.4l-14.4,16.8,15.4,25.2h-9.8l-11-18.8-5.4,6v12.8h-8.4V11.9h0ZM206.2,44.2c-3,0-5.4,2.4-5.4,5.4s2.4,5.4,5.4,5.4,5.4-2.4,5.4-5.4-2.4-5.4-5.4-5.4Z"/>
+          </svg>
+      </a>
+    </div>
+    <div class="govuk-header__content">
+      <a href="/components/header" class="govuk-header__link govuk-header__service-name">
+        Service Name
+      </a>
+      <nav aria-label="Menu" class="govuk-header__navigation">
+        <button type="button" class="govuk-header__menu-button govuk-js-header-toggle" aria-controls="navigation" hidden>
+          Menu
+        </button>
+
+        <ul id="navigation" class="govuk-header__navigation-list">
+          <li class="govuk-header__navigation-item govuk-header__navigation-item--active">
+            <a class="govuk-header__link" href="#1">
+              Navigation item 1
+            </a>
+          </li>
+          <li class="govuk-header__navigation-item">
+            <a class="govuk-header__link" href="#2">
+              Navigation item 2
+            </a>
+          </li>
+          <li class="govuk-header__navigation-item">
+            <a class="govuk-header__link" href="#3">
+              Navigation item 3
+            </a>
+          </li>
+          <li class="govuk-header__navigation-item">
+            <a class="govuk-header__link" href="#4">
+              Navigation item 4
+            </a>
+          </li>
+        </ul>
+      </nav>
+    </div>
+  </div>
+</header>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/header/template-with-service-name-but-no-service-url.html b/node_modules/govuk-frontend/dist/govuk/components/header/template-with-service-name-but-no-service-url.html
new file mode 100644
index 0000000..2e06a6d
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/header/template-with-service-name-but-no-service-url.html
@@ -0,0 +1,34 @@
+<header class="govuk-header" data-module="govuk-header">
+  <div class="govuk-header__container govuk-width-container">
+    <div class="govuk-header__logo">
+      <a href="/" class="govuk-header__link govuk-header__link--homepage">
+        <svg
+            focusable="false"
+            role="img"
+            xmlns="http://www.w3.org/2000/svg"
+            viewBox="0 0 296 60"
+            height="30"
+            width="148"
+            fill="currentcolor" class="govuk-header__logotype" aria-label="GOV.UK"
+          ><title>GOV.UK</title>    <g>
+                <circle cx="20" cy="17.6" r="3.7"/>
+                <circle cx="10.2" cy="23.5" r="3.7"/>
+                <circle cx="3.7" cy="33.2" r="3.7"/>
+                <circle cx="31.7" cy="30.6" r="3.7"/>
+                <circle cx="43.3" cy="17.6" r="3.7"/>
+                <circle cx="53.2" cy="23.5" r="3.7"/>
+                <circle cx="59.7" cy="33.2" r="3.7"/>
+                <circle cx="31.7" cy="30.6" r="3.7"/>
+                <path d="M33.1,9.8c.2-.1.3-.3.5-.5l4.6,2.4v-6.8l-4.6,1.5c-.1-.2-.3-.3-.5-.5l1.9-5.9h-6.7l1.9,5.9c-.2.1-.3.3-.5.5l-4.6-1.5v6.8l4.6-2.4c.1.2.3.3.5.5l-2.6,8c-.9,2.8,1.2,5.7,4.1,5.7h0c3,0,5.1-2.9,4.1-5.7l-2.6-8ZM37,37.9s-3.4,3.8-4.1,6.1c2.2,0,4.2-.5,6.4-2.8l-.7,8.5c-2-2.8-4.4-4.1-5.7-3.8.1,3.1.5,6.7,5.8,7.2,3.7.3,6.7-1.5,7-3.8.4-2.6-2-4.3-3.7-1.6-1.4-4.5,2.4-6.1,4.9-3.2-1.9-4.5-1.8-7.7,2.4-10.9,3,4,2.6,7.3-1.2,11.1,2.4-1.3,6.2,0,4,4.6-1.2-2.8-3.7-2.2-4.2.2-.3,1.7.7,3.7,3,4.2,1.9.3,4.7-.9,7-5.9-1.3,0-2.4.7-3.9,1.7l2.4-8c.6,2.3,1.4,3.7,2.2,4.5.6-1.6.5-2.8,0-5.3l5,1.8c-2.6,3.6-5.2,8.7-7.3,17.5-7.4-1.1-15.7-1.7-24.5-1.7h0c-8.8,0-17.1.6-24.5,1.7-2.1-8.9-4.7-13.9-7.3-17.5l5-1.8c-.5,2.5-.6,3.7,0,5.3.8-.8,1.6-2.3,2.2-4.5l2.4,8c-1.5-1-2.6-1.7-3.9-1.7,2.3,5,5.2,6.2,7,5.9,2.3-.4,3.3-2.4,3-4.2-.5-2.4-3-3.1-4.2-.2-2.2-4.6,1.6-6,4-4.6-3.7-3.7-4.2-7.1-1.2-11.1,4.2,3.2,4.3,6.4,2.4,10.9,2.5-2.8,6.3-1.3,4.9,3.2-1.8-2.7-4.1-1-3.7,1.6.3,2.3,3.3,4.1,7,3.8,5.4-.5,5.7-4.2,5.8-7.2-1.3-.2-3.7,1-5.7,3.8l-.7-8.5c2.2,2.3,4.2,2.7,6.4,2.8-.7-2.3-4.1-6.1-4.1-6.1h10.6,0Z"/>
+              </g>
+              <path d="M88.6,33.2c0,1.8.2,3.4.6,5s1.2,3,2,4.4c1,1.2,2,2.2,3.4,3s3,1.2,5,1.2,3.4-.2,4.6-.8,2.2-1.4,3-2.2,1.2-1.8,1.6-3c.2-1,.4-2,.4-3v-.4h-10.6v-6.4h18.8v23h-7.4v-5c-.6.8-1.2,1.6-2,2.2-.8.6-1.6,1.2-2.6,1.8-1,.4-2,.8-3.2,1.2s-2.4.4-3.6.4c-3,0-5.8-.6-8-1.6-2.4-1.2-4.4-2.6-6-4.6s-2.8-4.2-3.6-6.8c-.6-2.8-1-5.6-1-8.6s.4-5.8,1.4-8.4,2.2-4.8,4-6.8,3.8-3.4,6.2-4.6c2.4-1.2,5.2-1.6,8.2-1.6s3.8.2,5.6.6c1.8.4,3.4,1.2,4.8,2s2.8,1.8,3.8,3c1.2,1.2,2,2.6,2.8,4l-7.4,4.2c-.4-.8-1-1.8-1.6-2.4-.6-.8-1.2-1.4-2-2s-1.6-1-2.6-1.4-2.2-.4-3.4-.4c-2,0-3.6.4-5,1.2-1.4.8-2.6,1.8-3.4,3-1,1.2-1.6,2.8-2,4.4-.6,1.6-.8,3.8-.8,5.4ZM161.4,24.6c-.8-2.6-2.2-4.8-4-6.8s-3.8-3.4-6.2-4.6c-2.4-1.2-5.2-1.6-8.4-1.6s-5.8.6-8.4,1.6c-2.2,1.2-4.4,2.8-6,4.6-1.8,2-3,4.2-4,6.8-.8,2.6-1.4,5.4-1.4,8.4s.4,5.8,1.4,8.4c.8,2.6,2.2,4.8,4,6.8s3.8,3.4,6.2,4.6c2.4,1.2,5.2,1.6,8.4,1.6s5.8-.6,8.4-1.6c2.4-1.2,4.6-2.6,6.2-4.6,1.8-2,3-4.2,4-6.8.8-2.6,1.4-5.4,1.4-8.4-.2-3-.6-5.8-1.6-8.4h0ZM154,33.2c0,2-.2,3.8-.8,5.4-.4,1.6-1.2,3.2-2.2,4.4s-2.2,2.2-3.4,2.8c-1.4.6-3,1-4.8,1s-3.4-.4-4.8-1-2.6-1.6-3.4-2.8c-1-1.2-1.6-2.6-2.2-4.4-.4-1.6-.8-3.4-.8-5.4v-.2c0-2,.2-3.8.8-5.4.4-1.6,1.2-3.2,2.2-4.4,1-1.2,2.2-2.2,3.4-2.8,1.4-.6,3-1,4.8-1s3.4.4,4.8,1,2.6,1.6,3.4,2.8c1,1.2,1.6,2.6,2.2,4.4.4,1.6.8,3.4.8,5.4v.2ZM177.8,54l-11.8-42h9.4l8,31.4h.2l8-31.4h9.4l-11.8,42h-11.4,0ZM235.4,46.7c1.2,0,2.4-.2,3.4-.6,1-.4,2-.8,2.8-1.6s1.4-1.6,1.8-2.8c.4-1.2.6-2.4.6-4V11.8h8.2v27.2c0,2.4-.4,4.4-1.2,6.2s-2,3.4-3.6,4.8c-1.4,1.4-3.2,2.4-5.4,3-2,.8-4.4,1-6.8,1s-4.8-.4-6.8-1c-2-.8-3.8-1.8-5.4-3-1.6-1.4-2.6-3-3.6-4.8-.8-1.8-1.2-4-1.2-6.2V11.7h8.4v26c0,1.6.2,2.8.6,4,.4,1.2,1,2,1.8,2.8s1.6,1.2,2.8,1.6c1.2.4,2.2.6,3.6.6h0ZM261.4,11.9h8.4v18.2l14.8-18.2h10.4l-14.4,16.8,15.4,25.2h-9.8l-11-18.8-5.4,6v12.8h-8.4V11.9h0ZM206.2,44.2c-3,0-5.4,2.4-5.4,5.4s2.4,5.4,5.4,5.4,5.4-2.4,5.4-5.4-2.4-5.4-5.4-5.4Z"/>
+          </svg>
+      </a>
+    </div>
+    <div class="govuk-header__content">
+      <span class="govuk-header__service-name">
+        Service Name
+      </span>
+    </div>
+  </div>
+</header>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/header/template-with-service-name.html b/node_modules/govuk-frontend/dist/govuk/components/header/template-with-service-name.html
new file mode 100644
index 0000000..07e524f
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/header/template-with-service-name.html
@@ -0,0 +1,34 @@
+<header class="govuk-header" data-module="govuk-header">
+  <div class="govuk-header__container govuk-width-container">
+    <div class="govuk-header__logo">
+      <a href="/" class="govuk-header__link govuk-header__link--homepage">
+        <svg
+            focusable="false"
+            role="img"
+            xmlns="http://www.w3.org/2000/svg"
+            viewBox="0 0 296 60"
+            height="30"
+            width="148"
+            fill="currentcolor" class="govuk-header__logotype" aria-label="GOV.UK"
+          ><title>GOV.UK</title>    <g>
+                <circle cx="20" cy="17.6" r="3.7"/>
+                <circle cx="10.2" cy="23.5" r="3.7"/>
+                <circle cx="3.7" cy="33.2" r="3.7"/>
+                <circle cx="31.7" cy="30.6" r="3.7"/>
+                <circle cx="43.3" cy="17.6" r="3.7"/>
+                <circle cx="53.2" cy="23.5" r="3.7"/>
+                <circle cx="59.7" cy="33.2" r="3.7"/>
+                <circle cx="31.7" cy="30.6" r="3.7"/>
+                <path d="M33.1,9.8c.2-.1.3-.3.5-.5l4.6,2.4v-6.8l-4.6,1.5c-.1-.2-.3-.3-.5-.5l1.9-5.9h-6.7l1.9,5.9c-.2.1-.3.3-.5.5l-4.6-1.5v6.8l4.6-2.4c.1.2.3.3.5.5l-2.6,8c-.9,2.8,1.2,5.7,4.1,5.7h0c3,0,5.1-2.9,4.1-5.7l-2.6-8ZM37,37.9s-3.4,3.8-4.1,6.1c2.2,0,4.2-.5,6.4-2.8l-.7,8.5c-2-2.8-4.4-4.1-5.7-3.8.1,3.1.5,6.7,5.8,7.2,3.7.3,6.7-1.5,7-3.8.4-2.6-2-4.3-3.7-1.6-1.4-4.5,2.4-6.1,4.9-3.2-1.9-4.5-1.8-7.7,2.4-10.9,3,4,2.6,7.3-1.2,11.1,2.4-1.3,6.2,0,4,4.6-1.2-2.8-3.7-2.2-4.2.2-.3,1.7.7,3.7,3,4.2,1.9.3,4.7-.9,7-5.9-1.3,0-2.4.7-3.9,1.7l2.4-8c.6,2.3,1.4,3.7,2.2,4.5.6-1.6.5-2.8,0-5.3l5,1.8c-2.6,3.6-5.2,8.7-7.3,17.5-7.4-1.1-15.7-1.7-24.5-1.7h0c-8.8,0-17.1.6-24.5,1.7-2.1-8.9-4.7-13.9-7.3-17.5l5-1.8c-.5,2.5-.6,3.7,0,5.3.8-.8,1.6-2.3,2.2-4.5l2.4,8c-1.5-1-2.6-1.7-3.9-1.7,2.3,5,5.2,6.2,7,5.9,2.3-.4,3.3-2.4,3-4.2-.5-2.4-3-3.1-4.2-.2-2.2-4.6,1.6-6,4-4.6-3.7-3.7-4.2-7.1-1.2-11.1,4.2,3.2,4.3,6.4,2.4,10.9,2.5-2.8,6.3-1.3,4.9,3.2-1.8-2.7-4.1-1-3.7,1.6.3,2.3,3.3,4.1,7,3.8,5.4-.5,5.7-4.2,5.8-7.2-1.3-.2-3.7,1-5.7,3.8l-.7-8.5c2.2,2.3,4.2,2.7,6.4,2.8-.7-2.3-4.1-6.1-4.1-6.1h10.6,0Z"/>
+              </g>
+              <path d="M88.6,33.2c0,1.8.2,3.4.6,5s1.2,3,2,4.4c1,1.2,2,2.2,3.4,3s3,1.2,5,1.2,3.4-.2,4.6-.8,2.2-1.4,3-2.2,1.2-1.8,1.6-3c.2-1,.4-2,.4-3v-.4h-10.6v-6.4h18.8v23h-7.4v-5c-.6.8-1.2,1.6-2,2.2-.8.6-1.6,1.2-2.6,1.8-1,.4-2,.8-3.2,1.2s-2.4.4-3.6.4c-3,0-5.8-.6-8-1.6-2.4-1.2-4.4-2.6-6-4.6s-2.8-4.2-3.6-6.8c-.6-2.8-1-5.6-1-8.6s.4-5.8,1.4-8.4,2.2-4.8,4-6.8,3.8-3.4,6.2-4.6c2.4-1.2,5.2-1.6,8.2-1.6s3.8.2,5.6.6c1.8.4,3.4,1.2,4.8,2s2.8,1.8,3.8,3c1.2,1.2,2,2.6,2.8,4l-7.4,4.2c-.4-.8-1-1.8-1.6-2.4-.6-.8-1.2-1.4-2-2s-1.6-1-2.6-1.4-2.2-.4-3.4-.4c-2,0-3.6.4-5,1.2-1.4.8-2.6,1.8-3.4,3-1,1.2-1.6,2.8-2,4.4-.6,1.6-.8,3.8-.8,5.4ZM161.4,24.6c-.8-2.6-2.2-4.8-4-6.8s-3.8-3.4-6.2-4.6c-2.4-1.2-5.2-1.6-8.4-1.6s-5.8.6-8.4,1.6c-2.2,1.2-4.4,2.8-6,4.6-1.8,2-3,4.2-4,6.8-.8,2.6-1.4,5.4-1.4,8.4s.4,5.8,1.4,8.4c.8,2.6,2.2,4.8,4,6.8s3.8,3.4,6.2,4.6c2.4,1.2,5.2,1.6,8.4,1.6s5.8-.6,8.4-1.6c2.4-1.2,4.6-2.6,6.2-4.6,1.8-2,3-4.2,4-6.8.8-2.6,1.4-5.4,1.4-8.4-.2-3-.6-5.8-1.6-8.4h0ZM154,33.2c0,2-.2,3.8-.8,5.4-.4,1.6-1.2,3.2-2.2,4.4s-2.2,2.2-3.4,2.8c-1.4.6-3,1-4.8,1s-3.4-.4-4.8-1-2.6-1.6-3.4-2.8c-1-1.2-1.6-2.6-2.2-4.4-.4-1.6-.8-3.4-.8-5.4v-.2c0-2,.2-3.8.8-5.4.4-1.6,1.2-3.2,2.2-4.4,1-1.2,2.2-2.2,3.4-2.8,1.4-.6,3-1,4.8-1s3.4.4,4.8,1,2.6,1.6,3.4,2.8c1,1.2,1.6,2.6,2.2,4.4.4,1.6.8,3.4.8,5.4v.2ZM177.8,54l-11.8-42h9.4l8,31.4h.2l8-31.4h9.4l-11.8,42h-11.4,0ZM235.4,46.7c1.2,0,2.4-.2,3.4-.6,1-.4,2-.8,2.8-1.6s1.4-1.6,1.8-2.8c.4-1.2.6-2.4.6-4V11.8h8.2v27.2c0,2.4-.4,4.4-1.2,6.2s-2,3.4-3.6,4.8c-1.4,1.4-3.2,2.4-5.4,3-2,.8-4.4,1-6.8,1s-4.8-.4-6.8-1c-2-.8-3.8-1.8-5.4-3-1.6-1.4-2.6-3-3.6-4.8-.8-1.8-1.2-4-1.2-6.2V11.7h8.4v26c0,1.6.2,2.8.6,4,.4,1.2,1,2,1.8,2.8s1.6,1.2,2.8,1.6c1.2.4,2.2.6,3.6.6h0ZM261.4,11.9h8.4v18.2l14.8-18.2h10.4l-14.4,16.8,15.4,25.2h-9.8l-11-18.8-5.4,6v12.8h-8.4V11.9h0ZM206.2,44.2c-3,0-5.4,2.4-5.4,5.4s2.4,5.4,5.4,5.4,5.4-2.4,5.4-5.4-2.4-5.4-5.4-5.4Z"/>
+          </svg>
+      </a>
+    </div>
+    <div class="govuk-header__content">
+      <a href="/components/header" class="govuk-header__link govuk-header__service-name">
+        Service Name
+      </a>
+    </div>
+  </div>
+</header>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/header/template-with-st-edwards-crown.html b/node_modules/govuk-frontend/dist/govuk/components/header/template-with-st-edwards-crown.html
new file mode 100644
index 0000000..2b830f5
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/header/template-with-st-edwards-crown.html
@@ -0,0 +1,19 @@
+<header class="govuk-header" data-module="govuk-header">
+  <div class="govuk-header__container govuk-width-container">
+    <div class="govuk-header__logo">
+      <a href="/" class="govuk-header__link govuk-header__link--homepage">
+        <svg
+            focusable="false"
+            role="img"
+            xmlns="http://www.w3.org/2000/svg"
+            viewBox="0 0 304 60"
+            height="30"
+            width="152"
+            fill="currentcolor" class="govuk-header__logotype" aria-label="GOV.UK"
+          ><title>GOV.UK</title>    <path d="M13.4,22.3c2,.8,4.2-.2,5-2s-.2-4.2-2-5c-2-.8-4.2.2-5,2-.8,2,0,4.2,2,5M4.8,27.3c2,.8,4.2-.2,5-2s-.2-4.2-2-5c-2-.8-4.2.2-5,2-1,2,0,4.2,2,5M2.2,36.9c2,.8,4.2-.2,5-2,.8-2-.2-4.2-2-5-2-.8-4.2.2-5,2-.8,2,0,4.2,2,5M23,25.3c2,.8,4.2-.2,5-2s-.2-4.2-2-5c-2-.8-4.2.2-5,2s0,4.2,2,5M57.8,22.3c-2,.8-4.2-.2-5-2s.2-4.2,2-5c2-.8,4.2.2,5,2,1,2,0,4.2-2,5M66.4,27.3c-2,.8-4.2-.2-5-2s.2-4.2,2-5c2-.8,4.2.2,5,2,1,2,0,4.2-2,5M69,36.9c-2,.8-4.2-.2-5-2-.8-2,.2-4.2,2-5,2-.8,4.2.2,5,2,.8,2,0,4.2-2,5M48.2,25.3c-2,.8-4.2-.2-5-2s.2-4.2,2-5c2-.8,4.2.2,5,2s0,4.2-2,5M37.6,15.5l4.8,2.6v-7.2l-4.8,1.6c-.2-.2-.2-.4-.4-.4s2-6,2-6h-6.8l2,6c-.2.2-.4.2-.4.4-.2.2-4.8-1.4-4.8-1.4v7l4.8-2.6c-.2.2,0,.4.2.6l-2.8,8.4c-.2.4-.2.8-.2,1.4,0,2.2,1.6,4.2,3.8,4.4h1.2c2.2-.4,3.8-2.2,3.8-4.4s0-.8-.2-1.4l-2.8-8.4c.4-.2.6-.4.6-.6M35.6,56.1c9.2,0,17.8.6,25.6,1.8,2.2-9.2,4.8-14.4,7.6-18.2l-5.2-1.8c.6,2.6.6,3.8,0,5.6-.8-.8-1.6-2.4-2.2-4.8l-2.4,8.4c1.6-1,2.8-1.8,4-1.8-2.4,5.2-5.4,6.4-7.2,6-2.4-.4-3.4-2.6-3-4.4.6-2.6,3.2-3.2,4.4-.2,2.4-4.8-1.6-6.2-4.2-4.8,3.8-3.8,4.4-7.2,1.2-11.4-4.4,3.4-4.4,6.6-2.4,11.2-2.6-3-6.6-1.4-5,3.4,1.8-2.8,4.2-1,4,1.6-.4,2.4-3.4,4.2-7.4,4-5.6-.4-6-4.4-6-7.4,1.4-.2,3.8,1,6,4l.8-8.8c-2.2,2.4-4.4,2.8-6.6,2.8.8-2.4,4.2-6.2,4.2-6.2h-11s3.6,4,4.2,6.2c-2.2,0-4.4-.6-6.6-2.8l.8,8.8c2.2-3,4.6-4.2,6-4-.2,3.2-.4,7-6,7.4-3.8.4-7-1.6-7.4-4-.4-2.6,2-4.4,3.8-1.6,1.4-4.8-2.6-6.2-5.2-3.4,2-4.6,2-8-2.4-11.2-3.2,4.2-2.6,7.6,1.2,11.4-2.6-1.4-6.4,0-4.2,4.8,1.2-3,3.8-2.2,4.4.2.4,1.8-.8,3.8-3,4.4-2,.4-5-1-7.4-6,1.4,0,2.6.8,4,1.8l-3-8.4c-.6,2.4-1.4,3.8-2.4,4.8-.6-1.6-.4-3,0-5.6l-5.2,1.8c3,3.8,5.6,9,7.8,18.2,7.6-1,16.4-1.8,25.4-1.8"/>
+              <path transform="translate(8 0)" d="M88.6,33.2c0,1.8.2,3.4.6,5s1.2,3,2,4.4c1,1.2,2,2.2,3.4,3s3,1.2,5,1.2,3.4-.2,4.6-.8,2.2-1.4,3-2.2,1.2-1.8,1.6-3c.2-1,.4-2,.4-3v-.4h-10.6v-6.4h18.8v23h-7.4v-5c-.6.8-1.2,1.6-2,2.2-.8.6-1.6,1.2-2.6,1.8-1,.4-2,.8-3.2,1.2s-2.4.4-3.6.4c-3,0-5.8-.6-8-1.6-2.4-1.2-4.4-2.6-6-4.6s-2.8-4.2-3.6-6.8c-.6-2.8-1-5.6-1-8.6s.4-5.8,1.4-8.4,2.2-4.8,4-6.8,3.8-3.4,6.2-4.6c2.4-1.2,5.2-1.6,8.2-1.6s3.8.2,5.6.6c1.8.4,3.4,1.2,4.8,2s2.8,1.8,3.8,3c1.2,1.2,2,2.6,2.8,4l-7.4,4.2c-.4-.8-1-1.8-1.6-2.4-.6-.8-1.2-1.4-2-2s-1.6-1-2.6-1.4-2.2-.4-3.4-.4c-2,0-3.6.4-5,1.2-1.4.8-2.6,1.8-3.4,3-1,1.2-1.6,2.8-2,4.4-.6,1.6-.8,3.8-.8,5.4ZM161.4,24.6c-.8-2.6-2.2-4.8-4-6.8s-3.8-3.4-6.2-4.6c-2.4-1.2-5.2-1.6-8.4-1.6s-5.8.6-8.4,1.6c-2.2,1.2-4.4,2.8-6,4.6-1.8,2-3,4.2-4,6.8-.8,2.6-1.4,5.4-1.4,8.4s.4,5.8,1.4,8.4c.8,2.6,2.2,4.8,4,6.8s3.8,3.4,6.2,4.6c2.4,1.2,5.2,1.6,8.4,1.6s5.8-.6,8.4-1.6c2.4-1.2,4.6-2.6,6.2-4.6,1.8-2,3-4.2,4-6.8.8-2.6,1.4-5.4,1.4-8.4-.2-3-.6-5.8-1.6-8.4h0ZM154,33.2c0,2-.2,3.8-.8,5.4-.4,1.6-1.2,3.2-2.2,4.4s-2.2,2.2-3.4,2.8c-1.4.6-3,1-4.8,1s-3.4-.4-4.8-1-2.6-1.6-3.4-2.8c-1-1.2-1.6-2.6-2.2-4.4-.4-1.6-.8-3.4-.8-5.4v-.2c0-2,.2-3.8.8-5.4.4-1.6,1.2-3.2,2.2-4.4,1-1.2,2.2-2.2,3.4-2.8,1.4-.6,3-1,4.8-1s3.4.4,4.8,1,2.6,1.6,3.4,2.8c1,1.2,1.6,2.6,2.2,4.4.4,1.6.8,3.4.8,5.4v.2ZM177.8,54l-11.8-42h9.4l8,31.4h.2l8-31.4h9.4l-11.8,42h-11.4,0ZM235.4,46.7c1.2,0,2.4-.2,3.4-.6,1-.4,2-.8,2.8-1.6s1.4-1.6,1.8-2.8c.4-1.2.6-2.4.6-4V11.8h8.2v27.2c0,2.4-.4,4.4-1.2,6.2s-2,3.4-3.6,4.8c-1.4,1.4-3.2,2.4-5.4,3-2,.8-4.4,1-6.8,1s-4.8-.4-6.8-1c-2-.8-3.8-1.8-5.4-3-1.6-1.4-2.6-3-3.6-4.8-.8-1.8-1.2-4-1.2-6.2V11.7h8.4v26c0,1.6.2,2.8.6,4,.4,1.2,1,2,1.8,2.8s1.6,1.2,2.8,1.6c1.2.4,2.2.6,3.6.6h0ZM261.4,11.9h8.4v18.2l14.8-18.2h10.4l-14.4,16.8,15.4,25.2h-9.8l-11-18.8-5.4,6v12.8h-8.4V11.9h0ZM206.2,44.2c-3,0-5.4,2.4-5.4,5.4s2.4,5.4,5.4,5.4,5.4-2.4,5.4-5.4-2.4-5.4-5.4-5.4Z"/>
+          </svg>
+      </a>
+    </div>
+  </div>
+</header>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/header/template.njk b/node_modules/govuk-frontend/dist/govuk/components/header/template.njk
new file mode 100644
index 0000000..bf33078
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/header/template.njk
@@ -0,0 +1,66 @@
+{% from "../../macros/attributes.njk" import govukAttributes -%}
+{% from "../../macros/logo.njk" import govukLogo -%}
+
+{%- set _rebrand = params.rebrand | default(govukRebrand() if govukRebrand is callable else govukRebrand) -%}
+
+{%- set menuButtonText = params.menuButtonText if params.menuButtonText else 'Menu' -%}
+
+<header class="govuk-header {%- if params.classes %} {{ params.classes }}{% endif %}" data-module="govuk-header"
+  {{- govukAttributes(params.attributes) }}>
+  <div class="govuk-header__container {{ params.containerClasses | default("govuk-width-container", true) }}">
+    <div class="govuk-header__logo">
+      <a href="{{ params.homepageUrl | default("/", true) }}" class="govuk-header__link govuk-header__link--homepage">
+        {{ govukLogo({
+          classes: "govuk-header__logotype",
+          ariaLabelText: "GOV.UK",
+          useTudorCrown: params.useTudorCrown,
+          rebrand: _rebrand
+        }) | trim | indent(8) }}
+        {% if (params.productName) %}
+        <span class="govuk-header__product-name">
+          {{- params.productName -}}
+        </span>
+        {% endif %}
+      </a>
+    </div>
+  {% if params.serviceName or params.navigation | length %}
+    <div class="govuk-header__content">
+    {% if params.serviceName %}
+      {% if params.serviceUrl %}
+      <a href="{{ params.serviceUrl }}" class="govuk-header__link govuk-header__service-name">
+        {{ params.serviceName }}
+      </a>
+      {% else %}
+      <span class="govuk-header__service-name">
+        {{ params.serviceName }}
+      </span>
+      {% endif %}
+    {% endif %}
+    {% if params.navigation | length %}
+      <nav aria-label="{{ params.navigationLabel | default(menuButtonText, true) }}" class="govuk-header__navigation {%- if params.navigationClasses %} {{ params.navigationClasses }}{% endif %}">
+        <button type="button" class="govuk-header__menu-button govuk-js-header-toggle" aria-controls="navigation" {%- if params.menuButtonLabel and params.menuButtonLabel != menuButtonText %} aria-label="{{ params.menuButtonLabel }}"{% endif %} hidden>
+          {{ menuButtonText }}
+        </button>
+
+        <ul id="navigation" class="govuk-header__navigation-list">
+        {% for item in params.navigation %}
+          {% if item.text or item.html %}
+          <li class="govuk-header__navigation-item {%- if item.active %} govuk-header__navigation-item--active{% endif %}">
+            {% if item.href %}
+            <a class="govuk-header__link" href="{{ item.href }}"
+              {{- govukAttributes(item.attributes) -}}>
+            {% endif %}
+              {{ item.html | safe | trim | indent(14) if item.html else item.text }}
+            {% if item.href %}
+            </a>
+            {% endif %}
+          </li>
+          {% endif %}
+        {% endfor %}
+        </ul>
+      </nav>
+    {% endif %}
+    </div>
+  {% endif %}
+  </div>
+</header>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/hint/README.md b/node_modules/govuk-frontend/dist/govuk/components/hint/README.md
new file mode 100644
index 0000000..dbd899e
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/hint/README.md
@@ -0,0 +1,15 @@
+# Hint
+
+## Installation
+
+See the [main README quick start guide](https://github.com/alphagov/govuk-frontend#quick-start) for how to install this component.
+
+## Guidance and Examples
+
+The hint component is used in other input components. To see an example of it in use, see the [text input component](https://design-system.service.gov.uk/components/text-input/#hint-text).
+
+## Component options
+
+Use options to customise the appearance, content and behaviour of a component when using a macro, for example, changing the text.
+
+See [options table](https://design-system.service.gov.uk/components/text-input/#options-text-input-example--hint) for details.
diff --git a/node_modules/govuk-frontend/dist/govuk/components/hint/_hint.scss b/node_modules/govuk-frontend/dist/govuk/components/hint/_hint.scss
new file mode 100644
index 0000000..ccf6424
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/hint/_hint.scss
@@ -0,0 +1,4 @@
+@import "../../base";
+@import "./index";
+
+/*# sourceMappingURL=_hint.scss.map */
diff --git a/node_modules/govuk-frontend/dist/govuk/components/hint/_hint.scss.map b/node_modules/govuk-frontend/dist/govuk/components/hint/_hint.scss.map
new file mode 100644
index 0000000..bc863cc
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/hint/_hint.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/hint/_hint.scss"],"names":[],"mappings":"AAAA,oBAAoB;AACpB,iBAAiB","file":"_hint.scss","sourcesContent":["@import \"../../base\";\n@import \"./index\";\n"]}
diff --git a/node_modules/govuk-frontend/dist/govuk/components/hint/_index.scss b/node_modules/govuk-frontend/dist/govuk/components/hint/_index.scss
new file mode 100644
index 0000000..31e1746
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/hint/_index.scss
@@ -0,0 +1,45 @@
+@include govuk-exports("govuk/component/hint") {
+  .govuk-hint {
+    @include govuk-font($size: 19);
+
+    margin-bottom: govuk-spacing(3);
+
+    color: $govuk-secondary-text-colour;
+  }
+
+  // Reduces margin-bottom of hint when used after the default label (no class)
+  // or govuk-label--s for better vertical alignment.
+
+  // This adjustment will not work when the label is inside the <h1>, however it
+  // is unlikely that the default or govuk-label--s class would be used in this
+  // case.
+
+  // This adjustment will not work in browsers that do not support :not().
+  // Users with these browsers will see the default size margin (5px larger).
+
+  .govuk-label:not(.govuk-label--m):not(.govuk-label--l):not(.govuk-label--xl) + .govuk-hint {
+    margin-bottom: govuk-spacing(2);
+  }
+
+  // Reduces margin-bottom of hint when used after the default legend (no class)
+  // or govuk-fieldset__legend--s for better vertical alignment.
+
+  // This adjustment will not work when the legend is outside the <h1>, however
+  // it is unlikely that the default or govuk-fieldset__legend--s class would be
+  // used in this case.
+
+  // This adjustment will not work in browsers that do not support :not().
+  // Users with these browsers will see the default size margin (5px larger).
+
+  // prettier-ignore
+  .govuk-fieldset__legend:not(.govuk-fieldset__legend--m):not(.govuk-fieldset__legend--l):not(.govuk-fieldset__legend--xl) + .govuk-hint {
+    margin-bottom: govuk-spacing(2);
+  }
+
+  // Reduces visual spacing of legend when there is a hint
+  .govuk-fieldset__legend + .govuk-hint {
+    margin-top: govuk-spacing(-1);
+  }
+}
+
+/*# sourceMappingURL=_index.scss.map */
diff --git a/node_modules/govuk-frontend/dist/govuk/components/hint/_index.scss.map b/node_modules/govuk-frontend/dist/govuk/components/hint/_index.scss.map
new file mode 100644
index 0000000..40fdb7b
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/hint/_index.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/hint/_index.scss"],"names":[],"mappings":"AAAA;EACE;IACE,8BAA8B;;IAE9B,+BAA+B;;IAE/B,mCAAmC;EACrC;;EAEA,4EAA4E;EAC5E,kDAAkD;;EAElD,6EAA6E;EAC7E,4EAA4E;EAC5E,OAAO;;EAEP,uEAAuE;EACvE,0EAA0E;;EAE1E;IACE,+BAA+B;EACjC;;EAEA,6EAA6E;EAC7E,6DAA6D;;EAE7D,4EAA4E;EAC5E,6EAA6E;EAC7E,oBAAoB;;EAEpB,uEAAuE;EACvE,0EAA0E;;EAE1E,iBAAiB;EACjB;IACE,+BAA+B;EACjC;;EAEA,uDAAuD;EACvD;IACE,6BAA6B;EAC/B;AACF","file":"_index.scss","sourcesContent":["@include govuk-exports(\"govuk/component/hint\") {\n  .govuk-hint {\n    @include govuk-font($size: 19);\n\n    margin-bottom: govuk-spacing(3);\n\n    color: $govuk-secondary-text-colour;\n  }\n\n  // Reduces margin-bottom of hint when used after the default label (no class)\n  // or govuk-label--s for better vertical alignment.\n\n  // This adjustment will not work when the label is inside the <h1>, however it\n  // is unlikely that the default or govuk-label--s class would be used in this\n  // case.\n\n  // This adjustment will not work in browsers that do not support :not().\n  // Users with these browsers will see the default size margin (5px larger).\n\n  .govuk-label:not(.govuk-label--m):not(.govuk-label--l):not(.govuk-label--xl) + .govuk-hint {\n    margin-bottom: govuk-spacing(2);\n  }\n\n  // Reduces margin-bottom of hint when used after the default legend (no class)\n  // or govuk-fieldset__legend--s for better vertical alignment.\n\n  // This adjustment will not work when the legend is outside the <h1>, however\n  // it is unlikely that the default or govuk-fieldset__legend--s class would be\n  // used in this case.\n\n  // This adjustment will not work in browsers that do not support :not().\n  // Users with these browsers will see the default size margin (5px larger).\n\n  // prettier-ignore\n  .govuk-fieldset__legend:not(.govuk-fieldset__legend--m):not(.govuk-fieldset__legend--l):not(.govuk-fieldset__legend--xl) + .govuk-hint {\n    margin-bottom: govuk-spacing(2);\n  }\n\n  // Reduces visual spacing of legend when there is a hint\n  .govuk-fieldset__legend + .govuk-hint {\n    margin-top: govuk-spacing(-1);\n  }\n}\n"]}
diff --git a/node_modules/govuk-frontend/dist/govuk/components/hint/fixtures.json b/node_modules/govuk-frontend/dist/govuk/components/hint/fixtures.json
new file mode 100644
index 0000000..593af8d
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/hint/fixtures.json
@@ -0,0 +1,77 @@
+{
+    "component": "hint",
+    "fixtures": [
+        {
+            "name": "default",
+            "options": {
+                "text": "It's on your National Insurance card, benefit letter, payslip or P60.\nFor example, 'QQ 12 34 56 C'.\n"
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": true,
+            "html": "<div class=\"govuk-hint\">\n  It&#39;s on your National Insurance card, benefit letter, payslip or P60.\nFor example, &#39;QQ 12 34 56 C&#39;.\n\n</div>"
+        },
+        {
+            "name": "with html",
+            "options": {
+                "html": "It's on your National Insurance card, benefit letter, payslip or <a class=\"govuk-link\" href=\"#\">P60</a>.\nFor example, 'QQ 12 34 56 C'.\n"
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-hint\">\n  It's on your National Insurance card, benefit letter, payslip or <a class=\"govuk-link\" href=\"#\">P60</a>.\n  For example, 'QQ 12 34 56 C'.\n</div>"
+        },
+        {
+            "name": "classes",
+            "options": {
+                "id": "example-hint",
+                "classes": "app-hint--custom-modifier",
+                "text": "It's on your National Insurance card, benefit letter, payslip or P60."
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div id=\"example-hint\" class=\"govuk-hint app-hint--custom-modifier\">\n  It&#39;s on your National Insurance card, benefit letter, payslip or P60.\n</div>"
+        },
+        {
+            "name": "id",
+            "options": {
+                "id": "my-hint",
+                "text": "It's on your National Insurance card, benefit letter, payslip or P60."
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div id=\"my-hint\" class=\"govuk-hint\">\n  It&#39;s on your National Insurance card, benefit letter, payslip or P60.\n</div>"
+        },
+        {
+            "name": "html as text",
+            "options": {
+                "text": "Unexpected <strong>bold text</strong> in body"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-hint\">\n  Unexpected &lt;strong&gt;bold text&lt;/strong&gt; in body\n</div>"
+        },
+        {
+            "name": "attributes",
+            "options": {
+                "text": "It's on your National Insurance card, benefit letter, payslip or P60.",
+                "attributes": {
+                    "data-attribute": "my data value"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-hint\" data-attribute=\"my data value\">\n  It&#39;s on your National Insurance card, benefit letter, payslip or P60.\n</div>"
+        }
+    ]
+}
diff --git a/node_modules/govuk-frontend/dist/govuk/components/hint/macro-options.json b/node_modules/govuk-frontend/dist/govuk/components/hint/macro-options.json
new file mode 100644
index 0000000..a6623b8
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/hint/macro-options.json
@@ -0,0 +1,32 @@
+[
+    {
+        "name": "text",
+        "type": "string",
+        "required": true,
+        "description": "If `html` is set, this is not required. Text to use within the hint. If `html` is provided, the `text` option will be ignored."
+    },
+    {
+        "name": "html",
+        "type": "string",
+        "required": true,
+        "description": "If `text` is set, this is not required. HTML to use within the hint. If `html` is provided, the `text` option will be ignored."
+    },
+    {
+        "name": "id",
+        "type": "string",
+        "required": false,
+        "description": "Optional ID attribute to add to the hint span tag."
+    },
+    {
+        "name": "classes",
+        "type": "string",
+        "required": false,
+        "description": "Classes to add to the hint span tag."
+    },
+    {
+        "name": "attributes",
+        "type": "object",
+        "required": false,
+        "description": "HTML attributes (for example data attributes) to add to the hint span tag."
+    }
+]
diff --git a/node_modules/govuk-frontend/dist/govuk/components/hint/macro.njk b/node_modules/govuk-frontend/dist/govuk/components/hint/macro.njk
new file mode 100644
index 0000000..e0a639d
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/hint/macro.njk
@@ -0,0 +1,3 @@
+{% macro govukHint(params) %}
+  {%- include "./template.njk" -%}
+{% endmacro %}
diff --git a/node_modules/govuk-frontend/dist/govuk/components/hint/template-default.html b/node_modules/govuk-frontend/dist/govuk/components/hint/template-default.html
new file mode 100644
index 0000000..baa13b1
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/hint/template-default.html
@@ -0,0 +1,5 @@
+<div class="govuk-hint">
+  It&#39;s on your National Insurance card, benefit letter, payslip or P60.
+For example, &#39;QQ 12 34 56 C&#39;.
+
+</div>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/hint/template-with-html.html b/node_modules/govuk-frontend/dist/govuk/components/hint/template-with-html.html
new file mode 100644
index 0000000..8f898c7
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/hint/template-with-html.html
@@ -0,0 +1,4 @@
+<div class="govuk-hint">
+  It's on your National Insurance card, benefit letter, payslip or <a class="govuk-link" href="#">P60</a>.
+  For example, 'QQ 12 34 56 C'.
+</div>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/hint/template.njk b/node_modules/govuk-frontend/dist/govuk/components/hint/template.njk
new file mode 100644
index 0000000..28a6461
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/hint/template.njk
@@ -0,0 +1,6 @@
+{% from "../../macros/attributes.njk" import govukAttributes -%}
+
+<div {%- if params.id %} id="{{ params.id }}"{% endif %} class="govuk-hint {%- if params.classes %} {{ params.classes }}{% endif %}"
+  {{- govukAttributes(params.attributes) }}>
+  {{ params.html | safe | trim | indent(2) if params.html else params.text }}
+</div>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/input/README.md b/node_modules/govuk-frontend/dist/govuk/components/input/README.md
new file mode 100644
index 0000000..30b3d10
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/input/README.md
@@ -0,0 +1,15 @@
+# Input
+
+## Installation
+
+See the [main README quick start guide](https://github.com/alphagov/govuk-frontend#quick-start) for how to install this component.
+
+## Guidance and Examples
+
+Find out when to use the input component in your service in the [GOV.UK Design System](https://design-system.service.gov.uk/components/text-input).
+
+## Component options
+
+Use options to customise the appearance, content and behaviour of a component when using a macro, for example, changing the text.
+
+See [options table](https://design-system.service.gov.uk/components/text-input/#options-input-example) for details.
diff --git a/node_modules/govuk-frontend/dist/govuk/components/input/_index.scss b/node_modules/govuk-frontend/dist/govuk/components/input/_index.scss
new file mode 100644
index 0000000..348e5e4
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/input/_index.scss
@@ -0,0 +1,160 @@
+@import "../error-message/index";
+@import "../hint/index";
+@import "../label/index";
+
+@include govuk-exports("govuk/component/input") {
+  .govuk-input {
+    @include govuk-font($size: 19);
+
+    box-sizing: border-box;
+    width: 100%;
+    height: govuk-px-to-rem(40px);
+    margin-top: 0;
+    padding: govuk-spacing(1);
+    // Setting any background-color makes text invisible when changing colours
+    // to dark backgrounds in Firefox (https://bugzil.la/1335476). As
+    // background-color and color need to always be set together, color should
+    // not be set either
+    border: $govuk-border-width-form-element solid $govuk-input-border-colour;
+    border-radius: 0;
+
+    // Disable inner shadow and remove rounded corners
+    -webkit-appearance: none;
+            appearance: none;
+
+    &:focus {
+      @include govuk-focused-form-input;
+    }
+
+    &:disabled {
+      opacity: 0.5;
+      color: inherit;
+      background-color: transparent;
+      cursor: not-allowed;
+    }
+  }
+
+  .govuk-input::-webkit-outer-spin-button,
+  .govuk-input::-webkit-inner-spin-button {
+    margin: 0;
+    -webkit-appearance: none;
+  }
+
+  .govuk-input[type="number"] {
+    -moz-appearance: textfield;
+  }
+
+  .govuk-input--error {
+    border-color: $govuk-error-colour;
+
+    &:focus {
+      border-color: $govuk-input-border-colour;
+    }
+  }
+
+  .govuk-input--extra-letter-spacing {
+    @include govuk-font-tabular-numbers;
+    letter-spacing: 0.05em;
+  }
+
+  // em measurements are based on the point size of the typeface
+  // Extra space is added on the right to allow for the Safari prefill icon
+
+  .govuk-input--width-30 {
+    max-width: 29.5em;
+  }
+
+  .govuk-input--width-20 {
+    max-width: 20.5em;
+  }
+
+  .govuk-input--width-10 {
+    max-width: 11.5em;
+  }
+
+  .govuk-input--width-5 {
+    max-width: 5.5em;
+  }
+
+  .govuk-input--width-4 {
+    max-width: 4.5em;
+  }
+
+  .govuk-input--width-3 {
+    max-width: 3.75em;
+  }
+
+  .govuk-input--width-2 {
+    max-width: 2.75em;
+  }
+
+  .govuk-input__wrapper {
+    display: flex;
+
+    .govuk-input {
+      flex: 0 1 auto;
+    }
+
+    .govuk-input:focus {
+      // Hack to stop focus style being overlapped by the suffix
+      z-index: 1;
+    }
+
+    // Split prefix/suffix onto separate lines on narrow screens
+    @include govuk-media-query($until: mobile) {
+      display: block;
+
+      .govuk-input {
+        // Set max-width to override potential width override class on the input
+        max-width: 100%;
+      }
+    }
+  }
+
+  .govuk-input__prefix,
+  .govuk-input__suffix {
+    @include govuk-font($size: 19);
+    box-sizing: border-box;
+    // Use flexbox to align text within the prefix and suffix
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    min-width: govuk-px-to-rem(40px);
+    height: govuk-px-to-rem(40px);
+    padding: govuk-spacing(1);
+    border: $govuk-border-width-form-element solid $govuk-input-border-colour;
+    background-color: govuk-colour("light-grey");
+    text-align: center;
+    white-space: nowrap;
+    // Emphasise non-editable status of prefixes and suffixes
+    cursor: default;
+    flex: 0 0 auto;
+    // Split prefix/suffix onto separate lines on narrow screens
+    @include govuk-media-query($until: mobile) {
+      display: block;
+      height: 100%;
+      white-space: normal;
+    }
+  }
+
+  .govuk-input__prefix {
+    @include govuk-media-query($until: mobile) {
+      border-bottom: 0;
+    }
+    @include govuk-media-query($from: mobile) {
+      border-right: 0;
+    }
+  }
+
+  // Split prefix/suffix onto separate lines on narrow screens
+  .govuk-input__suffix {
+    @include govuk-media-query($until: mobile) {
+      border-top: 0;
+    }
+    @include govuk-media-query($from: mobile) {
+      border-left: 0;
+    }
+  }
+}
+
+/*# sourceMappingURL=_index.scss.map */
diff --git a/node_modules/govuk-frontend/dist/govuk/components/input/_index.scss.map b/node_modules/govuk-frontend/dist/govuk/components/input/_index.scss.map
new file mode 100644
index 0000000..3b76f95
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/input/_index.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/input/_index.scss"],"names":[],"mappings":"AAAA,gCAAgC;AAChC,uBAAuB;AACvB,wBAAwB;;AAExB;EACE;IACE,8BAA8B;;IAE9B,sBAAsB;IACtB,WAAW;IACX,6BAA6B;IAC7B,aAAa;IACb,yBAAyB;IACzB,yEAAyE;IACzE,gEAAgE;IAChE,yEAAyE;IACzE,mBAAmB;IACnB,yEAAyE;IACzE,gBAAgB;;IAEhB,iDAAiD;IACjD,wBAAgB;YAAhB,gBAAgB;;IAEhB;MACE,iCAAiC;IACnC;;IAEA;MACE,YAAY;MACZ,cAAc;MACd,6BAA6B;MAC7B,mBAAmB;IACrB;EACF;;EAEA;;IAEE,SAAS;IACT,wBAAwB;EAC1B;;EAEA;IACE,0BAA0B;EAC5B;;EAEA;IACE,iCAAiC;;IAEjC;MACE,wCAAwC;IAC1C;EACF;;EAEA;IACE,mCAAmC;IACnC,sBAAsB;EACxB;;EAEA,6DAA6D;EAC7D,wEAAwE;;EAExE;IACE,iBAAiB;EACnB;;EAEA;IACE,iBAAiB;EACnB;;EAEA;IACE,iBAAiB;EACnB;;EAEA;IACE,gBAAgB;EAClB;;EAEA;IACE,gBAAgB;EAClB;;EAEA;IACE,iBAAiB;EACnB;;EAEA;IACE,iBAAiB;EACnB;;EAEA;IACE,aAAa;;IAEb;MACE,cAAc;IAChB;;IAEA;MACE,yDAAyD;MACzD,UAAU;IACZ;;IAEA,2DAA2D;IAC3D;MACE,cAAc;;MAEd;QACE,uEAAuE;QACvE,eAAe;MACjB;IACF;EACF;;EAEA;;IAEE,8BAA8B;IAC9B,sBAAsB;IACtB,wDAAwD;IACxD,aAAa;IACb,mBAAmB;IACnB,uBAAuB;IACvB,gCAAgC;IAChC,6BAA6B;IAC7B,yBAAyB;IACzB,yEAAyE;IACzE,4CAA4C;IAC5C,kBAAkB;IAClB,mBAAmB;IACnB,wDAAwD;IACxD,eAAe;IACf,cAAc;IACd,2DAA2D;IAC3D;MACE,cAAc;MACd,YAAY;MACZ,mBAAmB;IACrB;EACF;;EAEA;IACE;MACE,gBAAgB;IAClB;IACA;MACE,eAAe;IACjB;EACF;;EAEA,2DAA2D;EAC3D;IACE;MACE,aAAa;IACf;IACA;MACE,cAAc;IAChB;EACF;AACF","file":"_index.scss","sourcesContent":["@import \"../error-message/index\";\n@import \"../hint/index\";\n@import \"../label/index\";\n\n@include govuk-exports(\"govuk/component/input\") {\n  .govuk-input {\n    @include govuk-font($size: 19);\n\n    box-sizing: border-box;\n    width: 100%;\n    height: govuk-px-to-rem(40px);\n    margin-top: 0;\n    padding: govuk-spacing(1);\n    // Setting any background-color makes text invisible when changing colours\n    // to dark backgrounds in Firefox (https://bugzil.la/1335476). As\n    // background-color and color need to always be set together, color should\n    // not be set either\n    border: $govuk-border-width-form-element solid $govuk-input-border-colour;\n    border-radius: 0;\n\n    // Disable inner shadow and remove rounded corners\n    appearance: none;\n\n    &:focus {\n      @include govuk-focused-form-input;\n    }\n\n    &:disabled {\n      opacity: 0.5;\n      color: inherit;\n      background-color: transparent;\n      cursor: not-allowed;\n    }\n  }\n\n  .govuk-input::-webkit-outer-spin-button,\n  .govuk-input::-webkit-inner-spin-button {\n    margin: 0;\n    -webkit-appearance: none;\n  }\n\n  .govuk-input[type=\"number\"] {\n    -moz-appearance: textfield;\n  }\n\n  .govuk-input--error {\n    border-color: $govuk-error-colour;\n\n    &:focus {\n      border-color: $govuk-input-border-colour;\n    }\n  }\n\n  .govuk-input--extra-letter-spacing {\n    @include govuk-font-tabular-numbers;\n    letter-spacing: 0.05em;\n  }\n\n  // em measurements are based on the point size of the typeface\n  // Extra space is added on the right to allow for the Safari prefill icon\n\n  .govuk-input--width-30 {\n    max-width: 29.5em;\n  }\n\n  .govuk-input--width-20 {\n    max-width: 20.5em;\n  }\n\n  .govuk-input--width-10 {\n    max-width: 11.5em;\n  }\n\n  .govuk-input--width-5 {\n    max-width: 5.5em;\n  }\n\n  .govuk-input--width-4 {\n    max-width: 4.5em;\n  }\n\n  .govuk-input--width-3 {\n    max-width: 3.75em;\n  }\n\n  .govuk-input--width-2 {\n    max-width: 2.75em;\n  }\n\n  .govuk-input__wrapper {\n    display: flex;\n\n    .govuk-input {\n      flex: 0 1 auto;\n    }\n\n    .govuk-input:focus {\n      // Hack to stop focus style being overlapped by the suffix\n      z-index: 1;\n    }\n\n    // Split prefix/suffix onto separate lines on narrow screens\n    @include govuk-media-query($until: mobile) {\n      display: block;\n\n      .govuk-input {\n        // Set max-width to override potential width override class on the input\n        max-width: 100%;\n      }\n    }\n  }\n\n  .govuk-input__prefix,\n  .govuk-input__suffix {\n    @include govuk-font($size: 19);\n    box-sizing: border-box;\n    // Use flexbox to align text within the prefix and suffix\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    min-width: govuk-px-to-rem(40px);\n    height: govuk-px-to-rem(40px);\n    padding: govuk-spacing(1);\n    border: $govuk-border-width-form-element solid $govuk-input-border-colour;\n    background-color: govuk-colour(\"light-grey\");\n    text-align: center;\n    white-space: nowrap;\n    // Emphasise non-editable status of prefixes and suffixes\n    cursor: default;\n    flex: 0 0 auto;\n    // Split prefix/suffix onto separate lines on narrow screens\n    @include govuk-media-query($until: mobile) {\n      display: block;\n      height: 100%;\n      white-space: normal;\n    }\n  }\n\n  .govuk-input__prefix {\n    @include govuk-media-query($until: mobile) {\n      border-bottom: 0;\n    }\n    @include govuk-media-query($from: mobile) {\n      border-right: 0;\n    }\n  }\n\n  // Split prefix/suffix onto separate lines on narrow screens\n  .govuk-input__suffix {\n    @include govuk-media-query($until: mobile) {\n      border-top: 0;\n    }\n    @include govuk-media-query($from: mobile) {\n      border-left: 0;\n    }\n  }\n}\n"]}
diff --git a/node_modules/govuk-frontend/dist/govuk/components/input/_input.scss b/node_modules/govuk-frontend/dist/govuk/components/input/_input.scss
new file mode 100644
index 0000000..370afa4
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/input/_input.scss
@@ -0,0 +1,4 @@
+@import "../../base";
+@import "./index";
+
+/*# sourceMappingURL=_input.scss.map */
diff --git a/node_modules/govuk-frontend/dist/govuk/components/input/_input.scss.map b/node_modules/govuk-frontend/dist/govuk/components/input/_input.scss.map
new file mode 100644
index 0000000..87f8508
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/input/_input.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/input/_input.scss"],"names":[],"mappings":"AAAA,oBAAoB;AACpB,iBAAiB","file":"_input.scss","sourcesContent":["@import \"../../base\";\n@import \"./index\";\n"]}
diff --git a/node_modules/govuk-frontend/dist/govuk/components/input/fixtures.json b/node_modules/govuk-frontend/dist/govuk/components/input/fixtures.json
new file mode 100644
index 0000000..a95cba9
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/input/fixtures.json
@@ -0,0 +1,830 @@
+{
+    "component": "input",
+    "fixtures": [
+        {
+            "name": "default",
+            "options": {
+                "label": {
+                    "text": "National Insurance number"
+                },
+                "name": "test-name"
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": true,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"test-name\">\n    National Insurance number\n  </label>\n  <input class=\"govuk-input\" id=\"test-name\" name=\"test-name\" type=\"text\">\n</div>"
+        },
+        {
+            "name": "with hint text",
+            "options": {
+                "label": {
+                    "text": "National insurance number"
+                },
+                "hint": {
+                    "text": "It’s on your National Insurance card, benefit letter, payslip or P60. For example, ‘QQ 12 34 56 C’."
+                },
+                "id": "input-with-hint-text",
+                "name": "test-name-2"
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"input-with-hint-text\">\n    National insurance number\n  </label>\n  <div id=\"input-with-hint-text-hint\" class=\"govuk-hint\">\n    It’s on your National Insurance card, benefit letter, payslip or P60. For example, ‘QQ 12 34 56 C’.\n  </div>\n  <input class=\"govuk-input\" id=\"input-with-hint-text\" name=\"test-name-2\" type=\"text\" aria-describedby=\"input-with-hint-text-hint\">\n</div>"
+        },
+        {
+            "name": "with error message",
+            "options": {
+                "label": {
+                    "text": "National Insurance number"
+                },
+                "id": "input-with-error-message",
+                "name": "test-name-3",
+                "errorMessage": {
+                    "text": "Enter a National Insurance number in the correct format"
+                }
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-form-group--error\">\n  <label class=\"govuk-label\" for=\"input-with-error-message\">\n    National Insurance number\n  </label>\n  <p id=\"input-with-error-message-error\" class=\"govuk-error-message\">\n    <span class=\"govuk-visually-hidden\">Error:</span> Enter a National Insurance number in the correct format\n  </p>\n  <input class=\"govuk-input govuk-input--error\" id=\"input-with-error-message\" name=\"test-name-3\" type=\"text\" aria-describedby=\"input-with-error-message-error\">\n</div>"
+        },
+        {
+            "name": "with error and hint",
+            "options": {
+                "id": "with-error-hint",
+                "name": "with-error-hint",
+                "label": {
+                    "text": "National insurance number"
+                },
+                "errorMessage": {
+                    "text": "Enter a National Insurance number in the correct format"
+                },
+                "hint": {
+                    "text": "It’s on your National Insurance card, benefit letter, payslip or P60. For example, ‘QQ 12 34 56 C’."
+                }
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-form-group--error\">\n  <label class=\"govuk-label\" for=\"with-error-hint\">\n    National insurance number\n  </label>\n  <div id=\"with-error-hint-hint\" class=\"govuk-hint\">\n    It’s on your National Insurance card, benefit letter, payslip or P60. For example, ‘QQ 12 34 56 C’.\n  </div>\n  <p id=\"with-error-hint-error\" class=\"govuk-error-message\">\n    <span class=\"govuk-visually-hidden\">Error:</span> Enter a National Insurance number in the correct format\n  </p>\n  <input class=\"govuk-input govuk-input--error\" id=\"with-error-hint\" name=\"with-error-hint\" type=\"text\" aria-describedby=\"with-error-hint-hint with-error-hint-error\">\n</div>"
+        },
+        {
+            "name": "with width-2 class",
+            "options": {
+                "label": {
+                    "text": "National insurance number"
+                },
+                "hint": {
+                    "text": "It’s on your National Insurance card, benefit letter, payslip or P60. For example, ‘QQ 12 34 56 C’."
+                },
+                "id": "input-width-2",
+                "name": "test-width-2",
+                "classes": "govuk-input--width-2"
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"input-width-2\">\n    National insurance number\n  </label>\n  <div id=\"input-width-2-hint\" class=\"govuk-hint\">\n    It’s on your National Insurance card, benefit letter, payslip or P60. For example, ‘QQ 12 34 56 C’.\n  </div>\n  <input class=\"govuk-input govuk-input--width-2\" id=\"input-width-2\" name=\"test-width-2\" type=\"text\" aria-describedby=\"input-width-2-hint\">\n</div>"
+        },
+        {
+            "name": "with width-3 class",
+            "options": {
+                "label": {
+                    "text": "National insurance number"
+                },
+                "hint": {
+                    "text": "It’s on your National Insurance card, benefit letter, payslip or P60. For example, ‘QQ 12 34 56 C’."
+                },
+                "id": "input-width-3",
+                "name": "test-width-3",
+                "classes": "govuk-input--width-3"
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"input-width-3\">\n    National insurance number\n  </label>\n  <div id=\"input-width-3-hint\" class=\"govuk-hint\">\n    It’s on your National Insurance card, benefit letter, payslip or P60. For example, ‘QQ 12 34 56 C’.\n  </div>\n  <input class=\"govuk-input govuk-input--width-3\" id=\"input-width-3\" name=\"test-width-3\" type=\"text\" aria-describedby=\"input-width-3-hint\">\n</div>"
+        },
+        {
+            "name": "with width-4 class",
+            "options": {
+                "label": {
+                    "text": "National insurance number"
+                },
+                "hint": {
+                    "text": "It’s on your National Insurance card, benefit letter, payslip or P60. For example, ‘QQ 12 34 56 C’."
+                },
+                "id": "input-width-4",
+                "name": "test-width-4",
+                "classes": "govuk-input--width-4"
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"input-width-4\">\n    National insurance number\n  </label>\n  <div id=\"input-width-4-hint\" class=\"govuk-hint\">\n    It’s on your National Insurance card, benefit letter, payslip or P60. For example, ‘QQ 12 34 56 C’.\n  </div>\n  <input class=\"govuk-input govuk-input--width-4\" id=\"input-width-4\" name=\"test-width-4\" type=\"text\" aria-describedby=\"input-width-4-hint\">\n</div>"
+        },
+        {
+            "name": "with width-5 class",
+            "options": {
+                "label": {
+                    "text": "National insurance number"
+                },
+                "hint": {
+                    "text": "It’s on your National Insurance card, benefit letter, payslip or P60. For example, ‘QQ 12 34 56 C’."
+                },
+                "id": "input-width-5",
+                "name": "test-width-5",
+                "classes": "govuk-input--width-5"
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"input-width-5\">\n    National insurance number\n  </label>\n  <div id=\"input-width-5-hint\" class=\"govuk-hint\">\n    It’s on your National Insurance card, benefit letter, payslip or P60. For example, ‘QQ 12 34 56 C’.\n  </div>\n  <input class=\"govuk-input govuk-input--width-5\" id=\"input-width-5\" name=\"test-width-5\" type=\"text\" aria-describedby=\"input-width-5-hint\">\n</div>"
+        },
+        {
+            "name": "with width-10 class",
+            "options": {
+                "label": {
+                    "text": "National insurance number"
+                },
+                "hint": {
+                    "text": "It’s on your National Insurance card, benefit letter, payslip or P60. For example, ‘QQ 12 34 56 C’."
+                },
+                "id": "input-width-10",
+                "name": "test-width-10",
+                "classes": "govuk-input--width-10"
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"input-width-10\">\n    National insurance number\n  </label>\n  <div id=\"input-width-10-hint\" class=\"govuk-hint\">\n    It’s on your National Insurance card, benefit letter, payslip or P60. For example, ‘QQ 12 34 56 C’.\n  </div>\n  <input class=\"govuk-input govuk-input--width-10\" id=\"input-width-10\" name=\"test-width-10\" type=\"text\" aria-describedby=\"input-width-10-hint\">\n</div>"
+        },
+        {
+            "name": "with width-20 class",
+            "options": {
+                "label": {
+                    "text": "National insurance number"
+                },
+                "hint": {
+                    "text": "It’s on your National Insurance card, benefit letter, payslip or P60. For example, ‘QQ 12 34 56 C’."
+                },
+                "id": "input-width-20",
+                "name": "test-width-20",
+                "classes": "govuk-input--width-20"
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"input-width-20\">\n    National insurance number\n  </label>\n  <div id=\"input-width-20-hint\" class=\"govuk-hint\">\n    It’s on your National Insurance card, benefit letter, payslip or P60. For example, ‘QQ 12 34 56 C’.\n  </div>\n  <input class=\"govuk-input govuk-input--width-20\" id=\"input-width-20\" name=\"test-width-20\" type=\"text\" aria-describedby=\"input-width-20-hint\">\n</div>"
+        },
+        {
+            "name": "with width-30 class",
+            "options": {
+                "label": {
+                    "text": "National insurance number"
+                },
+                "hint": {
+                    "text": "It’s on your National Insurance card, benefit letter, payslip or P60. For example, ‘QQ 12 34 56 C’."
+                },
+                "id": "input-width-30",
+                "name": "test-width-30",
+                "classes": "govuk-input--width-30"
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"input-width-30\">\n    National insurance number\n  </label>\n  <div id=\"input-width-30-hint\" class=\"govuk-hint\">\n    It’s on your National Insurance card, benefit letter, payslip or P60. For example, ‘QQ 12 34 56 C’.\n  </div>\n  <input class=\"govuk-input govuk-input--width-30\" id=\"input-width-30\" name=\"test-width-30\" type=\"text\" aria-describedby=\"input-width-30-hint\">\n</div>"
+        },
+        {
+            "name": "with label as page heading",
+            "options": {
+                "label": {
+                    "text": "National Insurance number",
+                    "classes": "govuk-label--l",
+                    "isPageHeading": true
+                },
+                "id": "input-with-page-heading",
+                "name": "test-name"
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <h1 class=\"govuk-label-wrapper\">\n    <label class=\"govuk-label govuk-label--l\" for=\"input-with-page-heading\">\n      National Insurance number\n    </label>\n  </h1>\n  <input class=\"govuk-input\" id=\"input-with-page-heading\" name=\"test-name\" type=\"text\">\n</div>"
+        },
+        {
+            "name": "with prefix",
+            "options": {
+                "label": {
+                    "text": "Amount, in pounds"
+                },
+                "id": "input-with-prefix",
+                "name": "amount",
+                "prefix": {
+                    "text": "£"
+                }
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"input-with-prefix\">\n    Amount, in pounds\n  </label>\n  <div class=\"govuk-input__wrapper\">\n    <div class=\"govuk-input__prefix\" aria-hidden=\"true\">£</div>\n    <input class=\"govuk-input\" id=\"input-with-prefix\" name=\"amount\" type=\"text\">\n  </div>\n</div>"
+        },
+        {
+            "name": "with suffix",
+            "options": {
+                "label": {
+                    "text": "Weight, in kilograms"
+                },
+                "id": "input-with-suffix",
+                "name": "weight",
+                "suffix": {
+                    "text": "kg"
+                }
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"input-with-suffix\">\n    Weight, in kilograms\n  </label>\n  <div class=\"govuk-input__wrapper\">\n    <input class=\"govuk-input\" id=\"input-with-suffix\" name=\"weight\" type=\"text\">\n    <div class=\"govuk-input__suffix\" aria-hidden=\"true\">kg</div>\n  </div>\n</div>"
+        },
+        {
+            "name": "with prefix and suffix",
+            "options": {
+                "label": {
+                    "text": "Cost per item, in pounds"
+                },
+                "id": "input-with-prefix-suffix",
+                "name": "cost",
+                "prefix": {
+                    "text": "£"
+                },
+                "suffix": {
+                    "text": "per item"
+                }
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": true,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"input-with-prefix-suffix\">\n    Cost per item, in pounds\n  </label>\n  <div class=\"govuk-input__wrapper\">\n    <div class=\"govuk-input__prefix\" aria-hidden=\"true\">£</div>\n    <input class=\"govuk-input\" id=\"input-with-prefix-suffix\" name=\"cost\" type=\"text\">\n    <div class=\"govuk-input__suffix\" aria-hidden=\"true\">per item</div>\n  </div>\n</div>"
+        },
+        {
+            "name": "with prefix and suffix and error",
+            "options": {
+                "label": {
+                    "text": "Cost per item, in pounds"
+                },
+                "id": "input-with-prefix-suffix",
+                "name": "cost",
+                "prefix": {
+                    "text": "£"
+                },
+                "suffix": {
+                    "text": "per item"
+                },
+                "errorMessage": {
+                    "text": "Error message goes here"
+                }
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-form-group--error\">\n  <label class=\"govuk-label\" for=\"input-with-prefix-suffix\">\n    Cost per item, in pounds\n  </label>\n  <p id=\"input-with-prefix-suffix-error\" class=\"govuk-error-message\">\n    <span class=\"govuk-visually-hidden\">Error:</span> Error message goes here\n  </p>\n  <div class=\"govuk-input__wrapper\">\n    <div class=\"govuk-input__prefix\" aria-hidden=\"true\">£</div>\n    <input class=\"govuk-input govuk-input--error\" id=\"input-with-prefix-suffix\" name=\"cost\" type=\"text\" aria-describedby=\"input-with-prefix-suffix-error\">\n    <div class=\"govuk-input__suffix\" aria-hidden=\"true\">per item</div>\n  </div>\n</div>"
+        },
+        {
+            "name": "with prefix and suffix and width modifier",
+            "options": {
+                "label": {
+                    "text": "Cost per item, in pounds"
+                },
+                "id": "input-with-prefix-suffix",
+                "name": "cost",
+                "classes": "govuk-input--width-5",
+                "prefix": {
+                    "text": "£"
+                },
+                "suffix": {
+                    "text": "per item"
+                }
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"input-with-prefix-suffix\">\n    Cost per item, in pounds\n  </label>\n  <div class=\"govuk-input__wrapper\">\n    <div class=\"govuk-input__prefix\" aria-hidden=\"true\">£</div>\n    <input class=\"govuk-input govuk-input--width-5\" id=\"input-with-prefix-suffix\" name=\"cost\" type=\"text\">\n    <div class=\"govuk-input__suffix\" aria-hidden=\"true\">per item</div>\n  </div>\n</div>"
+        },
+        {
+            "name": "with extra letter spacing",
+            "options": {
+                "id": "input-with-extra-letter-spacing",
+                "label": {
+                    "text": "National insurance number"
+                },
+                "classes": "govuk-input--width-30 govuk-input--extra-letter-spacing",
+                "value": "QQ 12 34 56 C"
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": true,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"input-with-extra-letter-spacing\">\n    National insurance number\n  </label>\n  <input class=\"govuk-input govuk-input--width-30 govuk-input--extra-letter-spacing\" id=\"input-with-extra-letter-spacing\" name=\"\" type=\"text\" value=\"QQ 12 34 56 C\">\n</div>"
+        },
+        {
+            "name": "classes",
+            "options": {
+                "id": "with-classes",
+                "name": "with-classes",
+                "label": {
+                    "text": "With classes"
+                },
+                "classes": "app-input--custom-modifier"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"with-classes\">\n    With classes\n  </label>\n  <input class=\"govuk-input app-input--custom-modifier\" id=\"with-classes\" name=\"with-classes\" type=\"text\">\n</div>"
+        },
+        {
+            "name": "id",
+            "options": {
+                "id": "input-id",
+                "name": "testing-name",
+                "label": {
+                    "text": "With custom id"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"input-id\">\n    With custom id\n  </label>\n  <input class=\"govuk-input\" id=\"input-id\" name=\"testing-name\" type=\"text\">\n</div>"
+        },
+        {
+            "name": "custom type",
+            "options": {
+                "id": "with-custom-type",
+                "name": "with-custom-type",
+                "label": {
+                    "text": "With custom type"
+                },
+                "type": "number"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"with-custom-type\">\n    With custom type\n  </label>\n  <input class=\"govuk-input\" id=\"with-custom-type\" name=\"with-custom-type\" type=\"number\">\n</div>"
+        },
+        {
+            "name": "value",
+            "options": {
+                "id": "with-value",
+                "name": "with-value",
+                "label": {
+                    "text": "With value"
+                },
+                "value": "QQ 12 34 56 C"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"with-value\">\n    With value\n  </label>\n  <input class=\"govuk-input\" id=\"with-value\" name=\"with-value\" type=\"text\" value=\"QQ 12 34 56 C\">\n</div>"
+        },
+        {
+            "name": "zero value",
+            "options": {
+                "id": "with-zero-value",
+                "name": "with-zero-value",
+                "label": {
+                    "text": "With zero value"
+                },
+                "value": 0
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"with-zero-value\">\n    With zero value\n  </label>\n  <input class=\"govuk-input\" id=\"with-zero-value\" name=\"with-zero-value\" type=\"text\" value=\"0\">\n</div>"
+        },
+        {
+            "name": "with describedBy",
+            "options": {
+                "id": "with-describedby",
+                "name": "with-describedby",
+                "label": {
+                    "text": "With describedBy"
+                },
+                "describedBy": "test-target-element"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"with-describedby\">\n    With describedBy\n  </label>\n  <input class=\"govuk-input\" id=\"with-describedby\" name=\"with-describedby\" type=\"text\" aria-describedby=\"test-target-element\">\n</div>"
+        },
+        {
+            "name": "attributes",
+            "options": {
+                "id": "with-attributes",
+                "name": "with-attributes",
+                "label": {
+                    "text": "With attributes"
+                },
+                "attributes": {
+                    "data-attribute": "my data value"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"with-attributes\">\n    With attributes\n  </label>\n  <input class=\"govuk-input\" id=\"with-attributes\" name=\"with-attributes\" type=\"text\" data-attribute=\"my data value\">\n</div>"
+        },
+        {
+            "name": "hint with describedBy",
+            "options": {
+                "id": "with-hint-describedby",
+                "name": "with-hint-describedby",
+                "label": {
+                    "text": "With hint describedBy"
+                },
+                "describedBy": "test-target-element",
+                "hint": {
+                    "text": "It’s on your National Insurance card, benefit letter, payslip or P60. For example, ‘QQ 12 34 56 C’."
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"with-hint-describedby\">\n    With hint describedBy\n  </label>\n  <div id=\"with-hint-describedby-hint\" class=\"govuk-hint\">\n    It’s on your National Insurance card, benefit letter, payslip or P60. For example, ‘QQ 12 34 56 C’.\n  </div>\n  <input class=\"govuk-input\" id=\"with-hint-describedby\" name=\"with-hint-describedby\" type=\"text\" aria-describedby=\"test-target-element with-hint-describedby-hint\">\n</div>"
+        },
+        {
+            "name": "error with describedBy",
+            "options": {
+                "id": "with-error-describedby",
+                "name": "with-error-describedby",
+                "label": {
+                    "text": "With error describedBy"
+                },
+                "describedBy": "test-target-element",
+                "errorMessage": {
+                    "text": "Error message"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-form-group--error\">\n  <label class=\"govuk-label\" for=\"with-error-describedby\">\n    With error describedBy\n  </label>\n  <p id=\"with-error-describedby-error\" class=\"govuk-error-message\">\n    <span class=\"govuk-visually-hidden\">Error:</span> Error message\n  </p>\n  <input class=\"govuk-input govuk-input--error\" id=\"with-error-describedby\" name=\"with-error-describedby\" type=\"text\" aria-describedby=\"test-target-element with-error-describedby-error\">\n</div>"
+        },
+        {
+            "name": "with error, hint and describedBy",
+            "options": {
+                "id": "with-error-hint-describedby",
+                "name": "with-error-hint-describedby",
+                "label": {
+                    "text": "With error, hint and describedBy"
+                },
+                "errorMessage": {
+                    "text": "Error message"
+                },
+                "hint": {
+                    "text": "Hint"
+                },
+                "describedBy": "test-target-element"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-form-group--error\">\n  <label class=\"govuk-label\" for=\"with-error-hint-describedby\">\n    With error, hint and describedBy\n  </label>\n  <div id=\"with-error-hint-describedby-hint\" class=\"govuk-hint\">\n    Hint\n  </div>\n  <p id=\"with-error-hint-describedby-error\" class=\"govuk-error-message\">\n    <span class=\"govuk-visually-hidden\">Error:</span> Error message\n  </p>\n  <input class=\"govuk-input govuk-input--error\" id=\"with-error-hint-describedby\" name=\"with-error-hint-describedby\" type=\"text\" aria-describedby=\"test-target-element with-error-hint-describedby-hint with-error-hint-describedby-error\">\n</div>"
+        },
+        {
+            "name": "inputmode",
+            "options": {
+                "id": "with-inputmode",
+                "name": "with-inputmode",
+                "label": {
+                    "text": "With inputmode"
+                },
+                "inputmode": "decimal"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"with-inputmode\">\n    With inputmode\n  </label>\n  <input class=\"govuk-input\" id=\"with-inputmode\" name=\"with-inputmode\" type=\"text\" inputmode=\"decimal\">\n</div>"
+        },
+        {
+            "name": "with prefix with html as text",
+            "options": {
+                "label": {
+                    "text": "Amount, in pounds"
+                },
+                "id": "input-with-prefix",
+                "name": "amount",
+                "prefix": {
+                    "text": "<span>£</span>"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"input-with-prefix\">\n    Amount, in pounds\n  </label>\n  <div class=\"govuk-input__wrapper\">\n    <div class=\"govuk-input__prefix\" aria-hidden=\"true\">&lt;span&gt;£&lt;/span&gt;</div>\n    <input class=\"govuk-input\" id=\"input-with-prefix\" name=\"amount\" type=\"text\">\n  </div>\n</div>"
+        },
+        {
+            "name": "with prefix with html",
+            "options": {
+                "label": {
+                    "html": "Amount, in pounds"
+                },
+                "id": "input-with-prefix",
+                "name": "amount",
+                "prefix": {
+                    "html": "<span>£</span>"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"input-with-prefix\">\n    Amount, in pounds\n  </label>\n  <div class=\"govuk-input__wrapper\">\n    <div class=\"govuk-input__prefix\" aria-hidden=\"true\"><span>£</span></div>\n    <input class=\"govuk-input\" id=\"input-with-prefix\" name=\"amount\" type=\"text\">\n  </div>\n</div>"
+        },
+        {
+            "name": "with prefix with classes",
+            "options": {
+                "label": {
+                    "text": "Amount, in pounds"
+                },
+                "id": "input-with-prefix-element",
+                "name": "amount",
+                "prefix": {
+                    "text": "£",
+                    "classes": "app-input__prefix--custom-modifier"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"input-with-prefix-element\">\n    Amount, in pounds\n  </label>\n  <div class=\"govuk-input__wrapper\">\n    <div class=\"govuk-input__prefix app-input__prefix--custom-modifier\" aria-hidden=\"true\">£</div>\n    <input class=\"govuk-input\" id=\"input-with-prefix-element\" name=\"amount\" type=\"text\">\n  </div>\n</div>"
+        },
+        {
+            "name": "with prefix with attributes",
+            "options": {
+                "label": {
+                    "text": "Amount, in pounds"
+                },
+                "id": "input-with-prefix-element",
+                "name": "amount",
+                "prefix": {
+                    "text": "£",
+                    "attributes": {
+                        "data-attribute": "value"
+                    }
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"input-with-prefix-element\">\n    Amount, in pounds\n  </label>\n  <div class=\"govuk-input__wrapper\">\n    <div class=\"govuk-input__prefix\" aria-hidden=\"true\" data-attribute=\"value\">£</div>\n    <input class=\"govuk-input\" id=\"input-with-prefix-element\" name=\"amount\" type=\"text\">\n  </div>\n</div>"
+        },
+        {
+            "name": "with suffix with html as text",
+            "options": {
+                "label": {
+                    "text": "Weight, in kilograms"
+                },
+                "id": "input-with-suffix",
+                "name": "weight",
+                "suffix": {
+                    "text": "<span>kg</span>"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"input-with-suffix\">\n    Weight, in kilograms\n  </label>\n  <div class=\"govuk-input__wrapper\">\n    <input class=\"govuk-input\" id=\"input-with-suffix\" name=\"weight\" type=\"text\">\n    <div class=\"govuk-input__suffix\" aria-hidden=\"true\">&lt;span&gt;kg&lt;/span&gt;</div>\n  </div>\n</div>"
+        },
+        {
+            "name": "with suffix with html",
+            "options": {
+                "label": {
+                    "text": "Weight, in kilograms"
+                },
+                "id": "input-with-suffix",
+                "name": "weight",
+                "suffix": {
+                    "html": "<span>kg</span>"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"input-with-suffix\">\n    Weight, in kilograms\n  </label>\n  <div class=\"govuk-input__wrapper\">\n    <input class=\"govuk-input\" id=\"input-with-suffix\" name=\"weight\" type=\"text\">\n    <div class=\"govuk-input__suffix\" aria-hidden=\"true\"><span>kg</span></div>\n  </div>\n</div>"
+        },
+        {
+            "name": "with suffix with classes",
+            "options": {
+                "label": {
+                    "text": "Weight, in kilograms"
+                },
+                "id": "input-with-suffix",
+                "name": "weight",
+                "suffix": {
+                    "html": "<span>kg</span>",
+                    "classes": "app-input__suffix--custom-modifier"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"input-with-suffix\">\n    Weight, in kilograms\n  </label>\n  <div class=\"govuk-input__wrapper\">\n    <input class=\"govuk-input\" id=\"input-with-suffix\" name=\"weight\" type=\"text\">\n    <div class=\"govuk-input__suffix app-input__suffix--custom-modifier\" aria-hidden=\"true\"><span>kg</span></div>\n  </div>\n</div>"
+        },
+        {
+            "name": "with suffix with attributes",
+            "options": {
+                "label": {
+                    "text": "Weight, in kilograms"
+                },
+                "id": "input-with-suffix",
+                "name": "weight",
+                "suffix": {
+                    "html": "<span>kg</span>",
+                    "attributes": {
+                        "data-attribute": "value"
+                    }
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"input-with-suffix\">\n    Weight, in kilograms\n  </label>\n  <div class=\"govuk-input__wrapper\">\n    <input class=\"govuk-input\" id=\"input-with-suffix\" name=\"weight\" type=\"text\">\n    <div class=\"govuk-input__suffix\" aria-hidden=\"true\" data-attribute=\"value\"><span>kg</span></div>\n  </div>\n</div>"
+        },
+        {
+            "name": "with customised input wrapper",
+            "options": {
+                "label": {
+                    "text": "Cost per item, in pounds"
+                },
+                "id": "input-with-customised-input-wrapper",
+                "name": "cost",
+                "inputWrapper": {
+                    "classes": "app-input-wrapper--custom-modifier",
+                    "attributes": {
+                        "data-attribute": "value"
+                    }
+                },
+                "prefix": {
+                    "text": "£"
+                },
+                "suffix": {
+                    "text": "per item"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"input-with-customised-input-wrapper\">\n    Cost per item, in pounds\n  </label>\n  <div class=\"govuk-input__wrapper app-input-wrapper--custom-modifier\" data-attribute=\"value\">\n    <div class=\"govuk-input__prefix\" aria-hidden=\"true\">£</div>\n    <input class=\"govuk-input\" id=\"input-with-customised-input-wrapper\" name=\"cost\" type=\"text\">\n    <div class=\"govuk-input__suffix\" aria-hidden=\"true\">per item</div>\n  </div>\n</div>"
+        },
+        {
+            "name": "with optional form-group classes",
+            "options": {
+                "label": {
+                    "text": "National Insurance number"
+                },
+                "id": "input-example",
+                "name": "test-name",
+                "formGroup": {
+                    "classes": "extra-class"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group extra-class\">\n  <label class=\"govuk-label\" for=\"input-example\">\n    National Insurance number\n  </label>\n  <input class=\"govuk-input\" id=\"input-example\" name=\"test-name\" type=\"text\">\n</div>"
+        },
+        {
+            "name": "with autocomplete attribute",
+            "options": {
+                "label": {
+                    "text": "Postcode"
+                },
+                "id": "input-with-autocomplete-attribute",
+                "name": "postcode",
+                "autocomplete": "postal-code"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"input-with-autocomplete-attribute\">\n    Postcode\n  </label>\n  <input class=\"govuk-input\" id=\"input-with-autocomplete-attribute\" name=\"postcode\" type=\"text\" autocomplete=\"postal-code\">\n</div>"
+        },
+        {
+            "name": "with pattern attribute",
+            "options": {
+                "label": {
+                    "text": "Numbers only"
+                },
+                "id": "input-with-pattern-attribute",
+                "name": "numbers-only",
+                "type": "number",
+                "pattern": "[0-9]*"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"input-with-pattern-attribute\">\n    Numbers only\n  </label>\n  <input class=\"govuk-input\" id=\"input-with-pattern-attribute\" name=\"numbers-only\" type=\"number\" pattern=\"[0-9]*\">\n</div>"
+        },
+        {
+            "name": "with spellcheck enabled",
+            "options": {
+                "label": {
+                    "text": "Spellcheck is enabled"
+                },
+                "id": "input-with-spellcheck-enabled",
+                "name": "spellcheck",
+                "type": "text",
+                "spellcheck": true
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"input-with-spellcheck-enabled\">\n    Spellcheck is enabled\n  </label>\n  <input class=\"govuk-input\" id=\"input-with-spellcheck-enabled\" name=\"spellcheck\" type=\"text\" spellcheck=\"true\">\n</div>"
+        },
+        {
+            "name": "with spellcheck disabled",
+            "options": {
+                "label": {
+                    "text": "Spellcheck is disabled"
+                },
+                "id": "input-with-spellcheck-disabled",
+                "name": "spellcheck",
+                "type": "text",
+                "spellcheck": false
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"input-with-spellcheck-disabled\">\n    Spellcheck is disabled\n  </label>\n  <input class=\"govuk-input\" id=\"input-with-spellcheck-disabled\" name=\"spellcheck\" type=\"text\" spellcheck=\"false\">\n</div>"
+        },
+        {
+            "name": "with autocapitalize turned off",
+            "options": {
+                "label": {
+                    "text": "Autocapitalize is turned off"
+                },
+                "id": "input-with-autocapitalize-off",
+                "name": "autocapitalize",
+                "type": "text",
+                "autocapitalize": "none"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"input-with-autocapitalize-off\">\n    Autocapitalize is turned off\n  </label>\n  <input class=\"govuk-input\" id=\"input-with-autocapitalize-off\" name=\"autocapitalize\" type=\"text\" autocapitalize=\"none\">\n</div>"
+        },
+        {
+            "name": "disabled",
+            "options": {
+                "label": {
+                    "text": "Disabled input"
+                },
+                "id": "disabled-input",
+                "disabled": true
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"disabled-input\">\n    Disabled input\n  </label>\n  <input class=\"govuk-input\" id=\"disabled-input\" name=\"\" type=\"text\" disabled>\n</div>"
+        }
+    ]
+}
diff --git a/node_modules/govuk-frontend/dist/govuk/components/input/macro-options.json b/node_modules/govuk-frontend/dist/govuk/components/input/macro-options.json
new file mode 100644
index 0000000..bfb385a
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/input/macro-options.json
@@ -0,0 +1,245 @@
+[
+    {
+        "name": "id",
+        "type": "string",
+        "required": false,
+        "description": "The ID of the input. Defaults to the value of `name`."
+    },
+    {
+        "name": "name",
+        "type": "string",
+        "required": true,
+        "description": "The name of the input, which is submitted with the form data."
+    },
+    {
+        "name": "type",
+        "type": "string",
+        "required": false,
+        "description": "Type of input control to render, for example, a password input control. Defaults to `\"text\"`."
+    },
+    {
+        "name": "inputmode",
+        "type": "string",
+        "required": false,
+        "description": "Optional value for [the inputmode attribute](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/inputmode)."
+    },
+    {
+        "name": "value",
+        "type": "string",
+        "required": false,
+        "description": "Optional initial value of the input."
+    },
+    {
+        "name": "disabled",
+        "type": "boolean",
+        "required": false,
+        "description": "If `true`, input will be disabled."
+    },
+    {
+        "name": "describedBy",
+        "type": "string",
+        "required": false,
+        "description": "One or more element IDs to add to the `aria-describedby` attribute, used to provide additional descriptive information for screenreader users."
+    },
+    {
+        "name": "label",
+        "type": "object",
+        "required": true,
+        "description": "The label used by the text input component.",
+        "isComponent": true
+    },
+    {
+        "name": "hint",
+        "type": "object",
+        "required": false,
+        "description": "Can be used to add a hint to a text input component.",
+        "isComponent": true
+    },
+    {
+        "name": "errorMessage",
+        "type": "object",
+        "required": false,
+        "description": "Can be used to add an error message to the text input component. The error message component will not display if you use a falsy value for `errorMessage`, for example `false` or `null`.",
+        "isComponent": true
+    },
+    {
+        "name": "prefix",
+        "type": "object",
+        "required": false,
+        "description": "Can be used to add a prefix to the text input component.",
+        "params": [
+            {
+                "name": "text",
+                "type": "string",
+                "required": true,
+                "description": "Required. If `html` is set, this is not required. Text to use within the prefix. If `html` is provided, the `text` option will be ignored."
+            },
+            {
+                "name": "html",
+                "type": "string",
+                "required": true,
+                "description": "Required. If `text` is set, this is not required. HTML to use within the prefix. If `html` is provided, the `text` option will be ignored."
+            },
+            {
+                "name": "classes",
+                "type": "string",
+                "required": false,
+                "description": "Classes to add to the prefix."
+            },
+            {
+                "name": "attributes",
+                "type": "object",
+                "required": false,
+                "description": "HTML attributes (for example data attributes) to add to the prefix element."
+            }
+        ]
+    },
+    {
+        "name": "suffix",
+        "type": "object",
+        "required": false,
+        "description": "Can be used to add a suffix to the text input component.",
+        "params": [
+            {
+                "name": "text",
+                "type": "string",
+                "required": true,
+                "description": "If `html` is set, this is not required. Text to use within the suffix. If `html` is provided, the `text` option will be ignored."
+            },
+            {
+                "name": "html",
+                "type": "string",
+                "required": true,
+                "description": "If `text` is set, this is not required. HTML to use within the suffix. If `html` is provided, the `text` option will be ignored."
+            },
+            {
+                "name": "classes",
+                "type": "string",
+                "required": false,
+                "description": "Classes to add to the suffix element."
+            },
+            {
+                "name": "attributes",
+                "type": "object",
+                "required": false,
+                "description": "HTML attributes (for example data attributes) to add to the suffix element."
+            }
+        ]
+    },
+    {
+        "name": "formGroup",
+        "type": "object",
+        "required": false,
+        "description": "Additional options for the form group containing the text input component.",
+        "params": [
+            {
+                "name": "classes",
+                "type": "string",
+                "required": false,
+                "description": "Classes to add to the form group (for example to show error state for the whole group)."
+            },
+            {
+                "name": "attributes",
+                "type": "object",
+                "required": false,
+                "description": "HTML attributes (for example data attributes) to add to the form group."
+            },
+            {
+                "name": "beforeInput",
+                "type": "object",
+                "required": false,
+                "description": "Content to add before the input used by the text input component.",
+                "params": [
+                    {
+                        "name": "text",
+                        "type": "string",
+                        "required": true,
+                        "description": "Text to add before the input. If `html` is provided, the `text` option will be ignored."
+                    },
+                    {
+                        "name": "html",
+                        "type": "string",
+                        "required": true,
+                        "description": "HTML to add before the input. If `html` is provided, the `text` option will be ignored."
+                    }
+                ]
+            },
+            {
+                "name": "afterInput",
+                "type": "object",
+                "required": false,
+                "description": "Content to add after the input used by the text input component.",
+                "params": [
+                    {
+                        "name": "text",
+                        "type": "string",
+                        "required": true,
+                        "description": "Text to add after the input. If `html` is provided, the `text` option will be ignored."
+                    },
+                    {
+                        "name": "html",
+                        "type": "string",
+                        "required": true,
+                        "description": "HTML to add after the input. If `html` is provided, the `text` option will be ignored."
+                    }
+                ]
+            }
+        ]
+    },
+    {
+        "name": "classes",
+        "type": "string",
+        "required": false,
+        "description": "Classes to add to the input."
+    },
+    {
+        "name": "autocomplete",
+        "type": "string",
+        "required": false,
+        "description": "Attribute to meet [WCAG success criterion 1.3.5: Identify input purpose](https://www.w3.org/WAI/WCAG22/Understanding/identify-input-purpose.html), for instance `\"bday-day\"`. See the [Autofill section in the HTML standard](https://html.spec.whatwg.org/multipage/form-control-infrastructure.html#autofill) section in the HTML standard for full list of attributes that can be used."
+    },
+    {
+        "name": "pattern",
+        "type": "string",
+        "required": false,
+        "description": "Attribute to [provide a regular expression pattern](https://html.spec.whatwg.org/multipage/input.html#the-pattern-attribute), used to match allowed character combinations for the input value."
+    },
+    {
+        "name": "spellcheck",
+        "type": "boolean",
+        "required": false,
+        "description": "Optional field to enable or disable the `spellcheck` attribute on the input."
+    },
+    {
+        "name": "autocapitalize",
+        "type": "string",
+        "required": false,
+        "description": "Optional field to enable or disable autocapitalisation of user input. [See the Autocapitalization section in the HTML spec](https://html.spec.whatwg.org/multipage/interaction.html#autocapitalization) for a full list of values that can be used."
+    },
+    {
+        "name": "inputWrapper",
+        "type": "object",
+        "required": false,
+        "description": "If any of `prefix`, `suffix`, `formGroup.beforeInput` or `formGroup.afterInput` have a value, a wrapping element is added around the input and inserted content. This object allows you to customise that wrapping element.",
+        "params": [
+            {
+                "name": "classes",
+                "type": "string",
+                "required": false,
+                "description": "Classes to add to the wrapping element."
+            },
+            {
+                "name": "attributes",
+                "type": "object",
+                "required": false,
+                "description": "HTML attributes (for example data attributes) to add to the wrapping element."
+            }
+        ]
+    },
+    {
+        "name": "attributes",
+        "type": "object",
+        "required": false,
+        "description": "HTML attributes (for example data attributes) to add to the input."
+    }
+]
diff --git a/node_modules/govuk-frontend/dist/govuk/components/input/macro.njk b/node_modules/govuk-frontend/dist/govuk/components/input/macro.njk
new file mode 100644
index 0000000..e512c18
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/input/macro.njk
@@ -0,0 +1,3 @@
+{% macro govukInput(params) %}
+  {%- include "./template.njk" -%}
+{% endmacro %}
diff --git a/node_modules/govuk-frontend/dist/govuk/components/input/template-default.html b/node_modules/govuk-frontend/dist/govuk/components/input/template-default.html
new file mode 100644
index 0000000..a6aced5
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/input/template-default.html
@@ -0,0 +1,6 @@
+<div class="govuk-form-group">
+  <label class="govuk-label" for="test-name">
+    National Insurance number
+  </label>
+  <input class="govuk-input" id="test-name" name="test-name" type="text">
+</div>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/input/template-with-error-and-hint.html b/node_modules/govuk-frontend/dist/govuk/components/input/template-with-error-and-hint.html
new file mode 100644
index 0000000..6b14ce4
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/input/template-with-error-and-hint.html
@@ -0,0 +1,12 @@
+<div class="govuk-form-group govuk-form-group--error">
+  <label class="govuk-label" for="with-error-hint">
+    National insurance number
+  </label>
+  <div id="with-error-hint-hint" class="govuk-hint">
+    It’s on your National Insurance card, benefit letter, payslip or P60. For example, ‘QQ 12 34 56 C’.
+  </div>
+  <p id="with-error-hint-error" class="govuk-error-message">
+    <span class="govuk-visually-hidden">Error:</span> Enter a National Insurance number in the correct format
+  </p>
+  <input class="govuk-input govuk-input--error" id="with-error-hint" name="with-error-hint" type="text" aria-describedby="with-error-hint-hint with-error-hint-error">
+</div>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/input/template-with-error-message.html b/node_modules/govuk-frontend/dist/govuk/components/input/template-with-error-message.html
new file mode 100644
index 0000000..35b100b
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/input/template-with-error-message.html
@@ -0,0 +1,9 @@
+<div class="govuk-form-group govuk-form-group--error">
+  <label class="govuk-label" for="input-with-error-message">
+    National Insurance number
+  </label>
+  <p id="input-with-error-message-error" class="govuk-error-message">
+    <span class="govuk-visually-hidden">Error:</span> Enter a National Insurance number in the correct format
+  </p>
+  <input class="govuk-input govuk-input--error" id="input-with-error-message" name="test-name-3" type="text" aria-describedby="input-with-error-message-error">
+</div>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/input/template-with-extra-letter-spacing.html b/node_modules/govuk-frontend/dist/govuk/components/input/template-with-extra-letter-spacing.html
new file mode 100644
index 0000000..cd0d706
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/input/template-with-extra-letter-spacing.html
@@ -0,0 +1,6 @@
+<div class="govuk-form-group">
+  <label class="govuk-label" for="input-with-extra-letter-spacing">
+    National insurance number
+  </label>
+  <input class="govuk-input govuk-input--width-30 govuk-input--extra-letter-spacing" id="input-with-extra-letter-spacing" name="" type="text" value="QQ 12 34 56 C">
+</div>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/input/template-with-hint-text.html b/node_modules/govuk-frontend/dist/govuk/components/input/template-with-hint-text.html
new file mode 100644
index 0000000..e027158
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/input/template-with-hint-text.html
@@ -0,0 +1,9 @@
+<div class="govuk-form-group">
+  <label class="govuk-label" for="input-with-hint-text">
+    National insurance number
+  </label>
+  <div id="input-with-hint-text-hint" class="govuk-hint">
+    It’s on your National Insurance card, benefit letter, payslip or P60. For example, ‘QQ 12 34 56 C’.
+  </div>
+  <input class="govuk-input" id="input-with-hint-text" name="test-name-2" type="text" aria-describedby="input-with-hint-text-hint">
+</div>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/input/template-with-label-as-page-heading.html b/node_modules/govuk-frontend/dist/govuk/components/input/template-with-label-as-page-heading.html
new file mode 100644
index 0000000..307e576
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/input/template-with-label-as-page-heading.html
@@ -0,0 +1,8 @@
+<div class="govuk-form-group">
+  <h1 class="govuk-label-wrapper">
+    <label class="govuk-label govuk-label--l" for="input-with-page-heading">
+      National Insurance number
+    </label>
+  </h1>
+  <input class="govuk-input" id="input-with-page-heading" name="test-name" type="text">
+</div>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/input/template-with-prefix-and-suffix-and-error.html b/node_modules/govuk-frontend/dist/govuk/components/input/template-with-prefix-and-suffix-and-error.html
new file mode 100644
index 0000000..15c8a1d
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/input/template-with-prefix-and-suffix-and-error.html
@@ -0,0 +1,13 @@
+<div class="govuk-form-group govuk-form-group--error">
+  <label class="govuk-label" for="input-with-prefix-suffix">
+    Cost per item, in pounds
+  </label>
+  <p id="input-with-prefix-suffix-error" class="govuk-error-message">
+    <span class="govuk-visually-hidden">Error:</span> Error message goes here
+  </p>
+  <div class="govuk-input__wrapper">
+    <div class="govuk-input__prefix" aria-hidden="true">£</div>
+    <input class="govuk-input govuk-input--error" id="input-with-prefix-suffix" name="cost" type="text" aria-describedby="input-with-prefix-suffix-error">
+    <div class="govuk-input__suffix" aria-hidden="true">per item</div>
+  </div>
+</div>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/input/template-with-prefix-and-suffix-and-width-modifier.html b/node_modules/govuk-frontend/dist/govuk/components/input/template-with-prefix-and-suffix-and-width-modifier.html
new file mode 100644
index 0000000..3bf04a7
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/input/template-with-prefix-and-suffix-and-width-modifier.html
@@ -0,0 +1,10 @@
+<div class="govuk-form-group">
+  <label class="govuk-label" for="input-with-prefix-suffix">
+    Cost per item, in pounds
+  </label>
+  <div class="govuk-input__wrapper">
+    <div class="govuk-input__prefix" aria-hidden="true">£</div>
+    <input class="govuk-input govuk-input--width-5" id="input-with-prefix-suffix" name="cost" type="text">
+    <div class="govuk-input__suffix" aria-hidden="true">per item</div>
+  </div>
+</div>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/input/template-with-prefix-and-suffix.html b/node_modules/govuk-frontend/dist/govuk/components/input/template-with-prefix-and-suffix.html
new file mode 100644
index 0000000..31ba8ea
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/input/template-with-prefix-and-suffix.html
@@ -0,0 +1,10 @@
+<div class="govuk-form-group">
+  <label class="govuk-label" for="input-with-prefix-suffix">
+    Cost per item, in pounds
+  </label>
+  <div class="govuk-input__wrapper">
+    <div class="govuk-input__prefix" aria-hidden="true">£</div>
+    <input class="govuk-input" id="input-with-prefix-suffix" name="cost" type="text">
+    <div class="govuk-input__suffix" aria-hidden="true">per item</div>
+  </div>
+</div>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/input/template-with-prefix.html b/node_modules/govuk-frontend/dist/govuk/components/input/template-with-prefix.html
new file mode 100644
index 0000000..acee3d2
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/input/template-with-prefix.html
@@ -0,0 +1,9 @@
+<div class="govuk-form-group">
+  <label class="govuk-label" for="input-with-prefix">
+    Amount, in pounds
+  </label>
+  <div class="govuk-input__wrapper">
+    <div class="govuk-input__prefix" aria-hidden="true">£</div>
+    <input class="govuk-input" id="input-with-prefix" name="amount" type="text">
+  </div>
+</div>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/input/template-with-suffix.html b/node_modules/govuk-frontend/dist/govuk/components/input/template-with-suffix.html
new file mode 100644
index 0000000..2403b07
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/input/template-with-suffix.html
@@ -0,0 +1,9 @@
+<div class="govuk-form-group">
+  <label class="govuk-label" for="input-with-suffix">
+    Weight, in kilograms
+  </label>
+  <div class="govuk-input__wrapper">
+    <input class="govuk-input" id="input-with-suffix" name="weight" type="text">
+    <div class="govuk-input__suffix" aria-hidden="true">kg</div>
+  </div>
+</div>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/input/template-with-width-10-class.html b/node_modules/govuk-frontend/dist/govuk/components/input/template-with-width-10-class.html
new file mode 100644
index 0000000..bb84b59
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/input/template-with-width-10-class.html
@@ -0,0 +1,9 @@
+<div class="govuk-form-group">
+  <label class="govuk-label" for="input-width-10">
+    National insurance number
+  </label>
+  <div id="input-width-10-hint" class="govuk-hint">
+    It’s on your National Insurance card, benefit letter, payslip or P60. For example, ‘QQ 12 34 56 C’.
+  </div>
+  <input class="govuk-input govuk-input--width-10" id="input-width-10" name="test-width-10" type="text" aria-describedby="input-width-10-hint">
+</div>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/input/template-with-width-2-class.html b/node_modules/govuk-frontend/dist/govuk/components/input/template-with-width-2-class.html
new file mode 100644
index 0000000..7978d01
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/input/template-with-width-2-class.html
@@ -0,0 +1,9 @@
+<div class="govuk-form-group">
+  <label class="govuk-label" for="input-width-2">
+    National insurance number
+  </label>
+  <div id="input-width-2-hint" class="govuk-hint">
+    It’s on your National Insurance card, benefit letter, payslip or P60. For example, ‘QQ 12 34 56 C’.
+  </div>
+  <input class="govuk-input govuk-input--width-2" id="input-width-2" name="test-width-2" type="text" aria-describedby="input-width-2-hint">
+</div>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/input/template-with-width-20-class.html b/node_modules/govuk-frontend/dist/govuk/components/input/template-with-width-20-class.html
new file mode 100644
index 0000000..f6b3344
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/input/template-with-width-20-class.html
@@ -0,0 +1,9 @@
+<div class="govuk-form-group">
+  <label class="govuk-label" for="input-width-20">
+    National insurance number
+  </label>
+  <div id="input-width-20-hint" class="govuk-hint">
+    It’s on your National Insurance card, benefit letter, payslip or P60. For example, ‘QQ 12 34 56 C’.
+  </div>
+  <input class="govuk-input govuk-input--width-20" id="input-width-20" name="test-width-20" type="text" aria-describedby="input-width-20-hint">
+</div>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/input/template-with-width-3-class.html b/node_modules/govuk-frontend/dist/govuk/components/input/template-with-width-3-class.html
new file mode 100644
index 0000000..1af6416
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/input/template-with-width-3-class.html
@@ -0,0 +1,9 @@
+<div class="govuk-form-group">
+  <label class="govuk-label" for="input-width-3">
+    National insurance number
+  </label>
+  <div id="input-width-3-hint" class="govuk-hint">
+    It’s on your National Insurance card, benefit letter, payslip or P60. For example, ‘QQ 12 34 56 C’.
+  </div>
+  <input class="govuk-input govuk-input--width-3" id="input-width-3" name="test-width-3" type="text" aria-describedby="input-width-3-hint">
+</div>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/input/template-with-width-30-class.html b/node_modules/govuk-frontend/dist/govuk/components/input/template-with-width-30-class.html
new file mode 100644
index 0000000..e20eed1
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/input/template-with-width-30-class.html
@@ -0,0 +1,9 @@
+<div class="govuk-form-group">
+  <label class="govuk-label" for="input-width-30">
+    National insurance number
+  </label>
+  <div id="input-width-30-hint" class="govuk-hint">
+    It’s on your National Insurance card, benefit letter, payslip or P60. For example, ‘QQ 12 34 56 C’.
+  </div>
+  <input class="govuk-input govuk-input--width-30" id="input-width-30" name="test-width-30" type="text" aria-describedby="input-width-30-hint">
+</div>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/input/template-with-width-4-class.html b/node_modules/govuk-frontend/dist/govuk/components/input/template-with-width-4-class.html
new file mode 100644
index 0000000..e6e5a70
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/input/template-with-width-4-class.html
@@ -0,0 +1,9 @@
+<div class="govuk-form-group">
+  <label class="govuk-label" for="input-width-4">
+    National insurance number
+  </label>
+  <div id="input-width-4-hint" class="govuk-hint">
+    It’s on your National Insurance card, benefit letter, payslip or P60. For example, ‘QQ 12 34 56 C’.
+  </div>
+  <input class="govuk-input govuk-input--width-4" id="input-width-4" name="test-width-4" type="text" aria-describedby="input-width-4-hint">
+</div>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/input/template-with-width-5-class.html b/node_modules/govuk-frontend/dist/govuk/components/input/template-with-width-5-class.html
new file mode 100644
index 0000000..1d4d2c6
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/input/template-with-width-5-class.html
@@ -0,0 +1,9 @@
+<div class="govuk-form-group">
+  <label class="govuk-label" for="input-width-5">
+    National insurance number
+  </label>
+  <div id="input-width-5-hint" class="govuk-hint">
+    It’s on your National Insurance card, benefit letter, payslip or P60. For example, ‘QQ 12 34 56 C’.
+  </div>
+  <input class="govuk-input govuk-input--width-5" id="input-width-5" name="test-width-5" type="text" aria-describedby="input-width-5-hint">
+</div>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/input/template.njk b/node_modules/govuk-frontend/dist/govuk/components/input/template.njk
new file mode 100644
index 0000000..5d16015
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/input/template.njk
@@ -0,0 +1,133 @@
+{% from "../../macros/attributes.njk" import govukAttributes %}
+{% from "../error-message/macro.njk" import govukErrorMessage %}
+{% from "../hint/macro.njk" import govukHint %}
+{% from "../label/macro.njk" import govukLabel %}
+
+{#- Set classes for this component #}
+{%- set classNames = "govuk-input" -%}
+
+{%- if params.classes %}
+  {% set classNames = classNames + " " + params.classes %}
+{% endif %}
+
+{%- if params.errorMessage %}
+  {% set classNames = classNames + " govuk-input--error" %}
+{% endif %}
+
+{#- a record of other elements that we need to associate with the input using
+  aria-describedby – for example hints or error messages -#}
+{% set describedBy = params.describedBy if params.describedBy else undefined -%}
+{%- set id = params.id if params.id else params.name -%}
+
+{%- set hasPrefix = true if params.prefix and (params.prefix.text or params.prefix.html) else false %}
+{%- set hasSuffix = true if params.suffix and (params.suffix.text or params.suffix.html) else false %}
+{%- set hasBeforeInput = true if params.formGroup.beforeInput and (params.formGroup.beforeInput.text or params.formGroup.beforeInput.html) else false %}
+{%- set hasAfterInput = true if params.formGroup.afterInput and (params.formGroup.afterInput.text or params.formGroup.afterInput.html) else false %}
+
+{%- macro _inputElement(params) -%}
+  <input
+    {{- govukAttributes({
+      class: classNames,
+      id: id,
+      name: params.name,
+      type: params.type | default("text", true),
+      spellcheck: {
+        value: params.spellcheck | string
+          if [true, false].includes(params.spellcheck)
+          else false,
+        optional: true
+      },
+      value: {
+        value: params.value,
+        optional: true
+      },
+      disabled: {
+        value: params.disabled,
+        optional: true
+      },
+      "aria-describedby": {
+        value: describedBy,
+        optional: true
+      },
+      autocomplete: {
+        value: params.autocomplete,
+        optional: true
+      },
+      autocapitalize: {
+        value: params.autocapitalize,
+        optional: true
+      },
+      pattern: {
+        value: params.pattern,
+        optional: true
+      },
+      inputmode: {
+        value: params.inputmode,
+        optional: true
+      }
+    }) -}}
+
+    {{- govukAttributes(params.attributes) }}>
+{%- endmacro -%}
+
+{%- macro _affixItem(affix, type) %}
+  <div class="govuk-input__{{ type }} {%- if affix.classes %} {{ affix.classes }}{% endif %}" aria-hidden="true" {{- govukAttributes(affix.attributes) }}>
+    {{- affix.html | safe | trim | indent(4) if affix.html else affix.text -}}
+  </div>
+{%- endmacro -%}
+
+<div class="govuk-form-group {%- if params.errorMessage %} govuk-form-group--error{% endif %} {%- if params.formGroup.classes %} {{ params.formGroup.classes }}{% endif %}"
+  {{- govukAttributes(params.formGroup.attributes) }}>
+  {{ govukLabel({
+    html: params.label.html,
+    text: params.label.text,
+    classes: params.label.classes,
+    isPageHeading: params.label.isPageHeading,
+    attributes: params.label.attributes,
+    for: id
+  }) | trim | indent(2) }}
+{% if params.hint %}
+  {% set hintId = id + '-hint' %}
+  {% set describedBy = describedBy + ' ' + hintId if describedBy else hintId %}
+  {{ govukHint({
+    id: hintId,
+    classes: params.hint.classes,
+    attributes: params.hint.attributes,
+    html: params.hint.html,
+    text: params.hint.text
+  }) | trim | indent(2) }}
+{% endif %}
+{% if params.errorMessage %}
+  {% set errorId = id + '-error' %}
+  {% set describedBy = describedBy + ' ' + errorId if describedBy else errorId %}
+  {{ govukErrorMessage({
+    id: errorId,
+    classes: params.errorMessage.classes,
+    attributes: params.errorMessage.attributes,
+    html: params.errorMessage.html,
+    text: params.errorMessage.text,
+    visuallyHiddenText: params.errorMessage.visuallyHiddenText
+  }) | trim | indent(2) }}
+{% endif %}
+
+{%- if hasPrefix or hasSuffix or hasBeforeInput or hasAfterInput %}
+  <div class="govuk-input__wrapper {%- if params.inputWrapper.classes %} {{ params.inputWrapper.classes }}{% endif %}"
+    {{- govukAttributes(params.inputWrapper.attributes) }}>
+    {% if hasBeforeInput %}
+      {{- params.formGroup.beforeInput.html | safe | trim | indent(4, true) if params.formGroup.beforeInput.html else params.formGroup.beforeInput.text }}
+    {% endif %}
+    {% if hasPrefix %}
+      {{- _affixItem(params.prefix, "prefix") | indent(2, true) }}
+    {% endif %}
+    {{ _inputElement(params) }}
+    {% if hasSuffix %}
+      {{- _affixItem(params.suffix, "suffix") | indent(2, true) }}
+    {% endif %}
+    {% if hasAfterInput %}
+      {{- params.formGroup.afterInput.html | safe | trim | indent(4, true) if params.formGroup.afterInput.html else params.formGroup.afterInput.text }}
+    {% endif %}
+  </div>
+{% else %}
+  {{ _inputElement(params) }}
+{% endif %}
+</div>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/inset-text/README.md b/node_modules/govuk-frontend/dist/govuk/components/inset-text/README.md
new file mode 100644
index 0000000..cc2fe50
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/inset-text/README.md
@@ -0,0 +1,15 @@
+# Inset text
+
+## Installation
+
+See the [main README quick start guide](https://github.com/alphagov/govuk-frontend#quick-start) for how to install this component.
+
+## Guidance and Examples
+
+Find out when to use the inset text component in your service in the [GOV.UK Design System](https://design-system.service.gov.uk/components/inset-text).
+
+## Component options
+
+Use options to customise the appearance, content and behaviour of a component when using a macro, for example, changing the text.
+
+See [options table](https://design-system.service.gov.uk/components/inset-text/#options-inset-text-example) for details.
diff --git a/node_modules/govuk-frontend/dist/govuk/components/inset-text/_index.scss b/node_modules/govuk-frontend/dist/govuk/components/inset-text/_index.scss
new file mode 100644
index 0000000..0360f71
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/inset-text/_index.scss
@@ -0,0 +1,26 @@
+@include govuk-exports("govuk/component/inset-text") {
+  .govuk-inset-text {
+    @include govuk-font($size: 19);
+    @include govuk-text-colour;
+    padding: govuk-spacing(3);
+    // Margin top intended to collapse
+    // This adds an additional 10px to the paragraph above
+    @include govuk-responsive-margin(6, "top");
+    @include govuk-responsive-margin(6, "bottom");
+
+    clear: both;
+
+    border-left: $govuk-border-width-wide solid $govuk-border-colour;
+
+    > :first-child {
+      margin-top: 0;
+    }
+
+    > :only-child,
+    > :last-child {
+      margin-bottom: 0;
+    }
+  }
+}
+
+/*# sourceMappingURL=_index.scss.map */
diff --git a/node_modules/govuk-frontend/dist/govuk/components/inset-text/_index.scss.map b/node_modules/govuk-frontend/dist/govuk/components/inset-text/_index.scss.map
new file mode 100644
index 0000000..09c3a29
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/inset-text/_index.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/inset-text/_index.scss"],"names":[],"mappings":"AAAA;EACE;IACE,8BAA8B;IAC9B,0BAA0B;IAC1B,yBAAyB;IACzB,iCAAiC;IACjC,qDAAqD;IACrD,0CAA0C;IAC1C,6CAA6C;;IAE7C,WAAW;;IAEX,gEAAgE;;IAEhE;MACE,aAAa;IACf;;IAEA;;MAEE,gBAAgB;IAClB;EACF;AACF","file":"_index.scss","sourcesContent":["@include govuk-exports(\"govuk/component/inset-text\") {\n  .govuk-inset-text {\n    @include govuk-font($size: 19);\n    @include govuk-text-colour;\n    padding: govuk-spacing(3);\n    // Margin top intended to collapse\n    // This adds an additional 10px to the paragraph above\n    @include govuk-responsive-margin(6, \"top\");\n    @include govuk-responsive-margin(6, \"bottom\");\n\n    clear: both;\n\n    border-left: $govuk-border-width-wide solid $govuk-border-colour;\n\n    > :first-child {\n      margin-top: 0;\n    }\n\n    > :only-child,\n    > :last-child {\n      margin-bottom: 0;\n    }\n  }\n}\n"]}
diff --git a/node_modules/govuk-frontend/dist/govuk/components/inset-text/_inset-text.scss b/node_modules/govuk-frontend/dist/govuk/components/inset-text/_inset-text.scss
new file mode 100644
index 0000000..eda04c6
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/inset-text/_inset-text.scss
@@ -0,0 +1,4 @@
+@import "../../base";
+@import "./index";
+
+/*# sourceMappingURL=_inset-text.scss.map */
diff --git a/node_modules/govuk-frontend/dist/govuk/components/inset-text/_inset-text.scss.map b/node_modules/govuk-frontend/dist/govuk/components/inset-text/_inset-text.scss.map
new file mode 100644
index 0000000..5c8b99f
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/inset-text/_inset-text.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/inset-text/_inset-text.scss"],"names":[],"mappings":"AAAA,oBAAoB;AACpB,iBAAiB","file":"_inset-text.scss","sourcesContent":["@import \"../../base\";\n@import \"./index\";\n"]}
diff --git a/node_modules/govuk-frontend/dist/govuk/components/inset-text/fixtures.json b/node_modules/govuk-frontend/dist/govuk/components/inset-text/fixtures.json
new file mode 100644
index 0000000..9bbf8be
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/inset-text/fixtures.json
@@ -0,0 +1,76 @@
+{
+    "component": "inset-text",
+    "fixtures": [
+        {
+            "name": "default",
+            "options": {
+                "text": "It can take up to 8 weeks to register a lasting power of attorney if there are no mistakes in the application."
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": true,
+            "html": "<div class=\"govuk-inset-text\">\n  It can take up to 8 weeks to register a lasting power of attorney if there are no mistakes in the application.\n</div>"
+        },
+        {
+            "name": "with html",
+            "options": {
+                "html": "<p class=\"govuk-body\">It can take up to 8 weeks to register a lasting power of attorney if there are no mistakes in the application.</p>\n<div class=\"govuk-warning-text\">\n  <span class=\"govuk-warning-text__icon\" aria-hidden=\"true\">!</span>\n  <strong class=\"govuk-warning-text__text\">\n    <span class=\"govuk-warning-text__assistive\">Warning</span>\n    You can be fined up to £5,000 if you don’t register.\n  </strong>\n</div>\n<p class=\"govuk-body\">It can take up to 8 weeks to register a lasting power of attorney if there are no mistakes in the application.</p>\n"
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-inset-text\">\n  <p class=\"govuk-body\">It can take up to 8 weeks to register a lasting power of attorney if there are no mistakes in the application.</p>\n  <div class=\"govuk-warning-text\">\n    <span class=\"govuk-warning-text__icon\" aria-hidden=\"true\">!</span>\n    <strong class=\"govuk-warning-text__text\">\n      <span class=\"govuk-warning-text__assistive\">Warning</span>\n      You can be fined up to £5,000 if you don’t register.\n    </strong>\n  </div>\n  <p class=\"govuk-body\">It can take up to 8 weeks to register a lasting power of attorney if there are no mistakes in the application.</p>\n</div>"
+        },
+        {
+            "name": "classes",
+            "options": {
+                "classes": "app-inset-text--custom-modifier",
+                "text": "It can take up to 8 weeks to register a lasting power of attorney if there are no mistakes in the application."
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-inset-text app-inset-text--custom-modifier\">\n  It can take up to 8 weeks to register a lasting power of attorney if there are no mistakes in the application.\n</div>"
+        },
+        {
+            "name": "id",
+            "options": {
+                "id": "my-inset-text",
+                "text": "It can take up to 8 weeks to register a lasting power of attorney if there are no mistakes in the application."
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div id=\"my-inset-text\" class=\"govuk-inset-text\">\n  It can take up to 8 weeks to register a lasting power of attorney if there are no mistakes in the application.\n</div>"
+        },
+        {
+            "name": "html as text",
+            "options": {
+                "text": "It can take <b>up to 8 weeks</b> to register a lasting power of attorney if there are no mistakes in the application."
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-inset-text\">\n  It can take &lt;b&gt;up to 8 weeks&lt;/b&gt; to register a lasting power of attorney if there are no mistakes in the application.\n</div>"
+        },
+        {
+            "name": "attributes",
+            "options": {
+                "text": "It can take up to 8 weeks to register a lasting power of attorney if there are no mistakes in the application.",
+                "attributes": {
+                    "data-attribute": "my data value"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-inset-text\" data-attribute=\"my data value\">\n  It can take up to 8 weeks to register a lasting power of attorney if there are no mistakes in the application.\n</div>"
+        }
+    ]
+}
diff --git a/node_modules/govuk-frontend/dist/govuk/components/inset-text/macro-options.json b/node_modules/govuk-frontend/dist/govuk/components/inset-text/macro-options.json
new file mode 100644
index 0000000..4273989
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/inset-text/macro-options.json
@@ -0,0 +1,38 @@
+[
+    {
+        "name": "text",
+        "type": "string",
+        "required": true,
+        "description": "If `html` is set, this is not required. Text to use within the inset text component. If `html` is provided, the `text` option will be ignored."
+    },
+    {
+        "name": "html",
+        "type": "string",
+        "required": true,
+        "description": "If `text` is set, this is not required. HTML to use within the inset text component. If `html` is provided, the `text` option will be ignored."
+    },
+    {
+        "name": "caller",
+        "type": "nunjucks-block",
+        "required": false,
+        "description": "Not strictly a parameter but [Nunjucks code convention](https://mozilla.github.io/nunjucks/templating.html#call). Using a `call` block enables you to call a macro with all the text inside the tag. This is helpful if you want to pass a lot of content into a macro. To use it, you will need to wrap the entire inset text component in a `call` block."
+    },
+    {
+        "name": "id",
+        "type": "string",
+        "required": false,
+        "description": "ID attribute to add to the inset text container."
+    },
+    {
+        "name": "classes",
+        "type": "string",
+        "required": false,
+        "description": "Classes to add to the inset text container."
+    },
+    {
+        "name": "attributes",
+        "type": "object",
+        "required": false,
+        "description": "HTML attributes (for example data attributes) to add to the inset text container."
+    }
+]
diff --git a/node_modules/govuk-frontend/dist/govuk/components/inset-text/macro.njk b/node_modules/govuk-frontend/dist/govuk/components/inset-text/macro.njk
new file mode 100644
index 0000000..935c8a6
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/inset-text/macro.njk
@@ -0,0 +1,3 @@
+{% macro govukInsetText(params) %}
+  {%- include './template.njk' -%}
+{% endmacro %}
diff --git a/node_modules/govuk-frontend/dist/govuk/components/inset-text/template-default.html b/node_modules/govuk-frontend/dist/govuk/components/inset-text/template-default.html
new file mode 100644
index 0000000..e8c1bdf
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/inset-text/template-default.html
@@ -0,0 +1,3 @@
+<div class="govuk-inset-text">
+  It can take up to 8 weeks to register a lasting power of attorney if there are no mistakes in the application.
+</div>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/inset-text/template-with-html.html b/node_modules/govuk-frontend/dist/govuk/components/inset-text/template-with-html.html
new file mode 100644
index 0000000..1f170fb
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/inset-text/template-with-html.html
@@ -0,0 +1,11 @@
+<div class="govuk-inset-text">
+  <p class="govuk-body">It can take up to 8 weeks to register a lasting power of attorney if there are no mistakes in the application.</p>
+  <div class="govuk-warning-text">
+    <span class="govuk-warning-text__icon" aria-hidden="true">!</span>
+    <strong class="govuk-warning-text__text">
+      <span class="govuk-warning-text__assistive">Warning</span>
+      You can be fined up to £5,000 if you don’t register.
+    </strong>
+  </div>
+  <p class="govuk-body">It can take up to 8 weeks to register a lasting power of attorney if there are no mistakes in the application.</p>
+</div>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/inset-text/template.njk b/node_modules/govuk-frontend/dist/govuk/components/inset-text/template.njk
new file mode 100644
index 0000000..aeccd07
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/inset-text/template.njk
@@ -0,0 +1,6 @@
+{% from "../../macros/attributes.njk" import govukAttributes -%}
+
+<div {%- if params.id %} id="{{ params.id }}"{% endif %} class="govuk-inset-text {%- if params.classes %} {{ params.classes }}{% endif %}"
+  {{- govukAttributes(params.attributes) }}>
+  {{ caller() if caller else (params.html | safe | trim | indent(2) if params.html else params.text) }}
+</div>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/label/README.md b/node_modules/govuk-frontend/dist/govuk/components/label/README.md
new file mode 100644
index 0000000..6aed9ad
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/label/README.md
@@ -0,0 +1,15 @@
+# Label
+
+## Installation
+
+See the [main README quick start guide](https://github.com/alphagov/govuk-frontend#quick-start) for how to install this component.
+
+## Guidance and Examples
+
+The label component is used in other input components. To see an example of it in use, see the [text input component](https://design-system.service.gov.uk/components/text-input/).
+
+## Component options
+
+Use options to customise the appearance, content and behaviour of a component when using a macro, for example, changing the text.
+
+See [options table](https://design-system.service.gov.uk/components/text-input/#options-text-input-example--label) for details.
diff --git a/node_modules/govuk-frontend/dist/govuk/components/label/_index.scss b/node_modules/govuk-frontend/dist/govuk/components/label/_index.scss
new file mode 100644
index 0000000..aaacd85
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/label/_index.scss
@@ -0,0 +1,46 @@
+@include govuk-exports("govuk/component/label") {
+  .govuk-label {
+    @include govuk-font($size: 19);
+    @include govuk-text-colour;
+
+    display: block;
+
+    margin-bottom: govuk-spacing(1);
+  }
+
+  // Modifiers that make labels look more like their equivalent headings
+  .govuk-label--xl,
+  .govuk-label--l,
+  .govuk-label--m {
+    @include govuk-typography-weight-bold;
+    margin-bottom: govuk-spacing(3);
+  }
+
+  .govuk-label--xl {
+    @include govuk-font-size($size: 48);
+  }
+
+  .govuk-label--l {
+    @include govuk-font-size($size: 36);
+  }
+
+  .govuk-label--m {
+    @include govuk-font-size($size: 24);
+  }
+
+  .govuk-label--s {
+    @include govuk-typography-weight-bold;
+  }
+
+  // When the label is nested inside a heading, override the heading so that it
+  // does not have a margin. Effectively we want to be able to treat the heading
+  // as if it is not there.
+  //
+  // This breaks BEM conventions because it exists as a parent of the 'block',
+  // so we can't really consider an element.
+  .govuk-label-wrapper {
+    margin: 0;
+  }
+}
+
+/*# sourceMappingURL=_index.scss.map */
diff --git a/node_modules/govuk-frontend/dist/govuk/components/label/_index.scss.map b/node_modules/govuk-frontend/dist/govuk/components/label/_index.scss.map
new file mode 100644
index 0000000..d541714
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/label/_index.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/label/_index.scss"],"names":[],"mappings":"AAAA;EACE;IACE,8BAA8B;IAC9B,0BAA0B;;IAE1B,cAAc;;IAEd,+BAA+B;EACjC;;EAEA,qEAAqE;EACrE;;;IAGE,qCAAqC;IACrC,+BAA+B;EACjC;;EAEA;IACE,mCAAmC;EACrC;;EAEA;IACE,mCAAmC;EACrC;;EAEA;IACE,mCAAmC;EACrC;;EAEA;IACE,qCAAqC;EACvC;;EAEA,4EAA4E;EAC5E,6EAA6E;EAC7E,wBAAwB;EACxB,CAAC;EACD,2EAA2E;EAC3E,yCAAyC;EACzC;IACE,SAAS;EACX;AACF","file":"_index.scss","sourcesContent":["@include govuk-exports(\"govuk/component/label\") {\n  .govuk-label {\n    @include govuk-font($size: 19);\n    @include govuk-text-colour;\n\n    display: block;\n\n    margin-bottom: govuk-spacing(1);\n  }\n\n  // Modifiers that make labels look more like their equivalent headings\n  .govuk-label--xl,\n  .govuk-label--l,\n  .govuk-label--m {\n    @include govuk-typography-weight-bold;\n    margin-bottom: govuk-spacing(3);\n  }\n\n  .govuk-label--xl {\n    @include govuk-font-size($size: 48);\n  }\n\n  .govuk-label--l {\n    @include govuk-font-size($size: 36);\n  }\n\n  .govuk-label--m {\n    @include govuk-font-size($size: 24);\n  }\n\n  .govuk-label--s {\n    @include govuk-typography-weight-bold;\n  }\n\n  // When the label is nested inside a heading, override the heading so that it\n  // does not have a margin. Effectively we want to be able to treat the heading\n  // as if it is not there.\n  //\n  // This breaks BEM conventions because it exists as a parent of the 'block',\n  // so we can't really consider an element.\n  .govuk-label-wrapper {\n    margin: 0;\n  }\n}\n"]}
diff --git a/node_modules/govuk-frontend/dist/govuk/components/label/_label.scss b/node_modules/govuk-frontend/dist/govuk/components/label/_label.scss
new file mode 100644
index 0000000..4a41994
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/label/_label.scss
@@ -0,0 +1,4 @@
+@import "../../base";
+@import "./index";
+
+/*# sourceMappingURL=_label.scss.map */
diff --git a/node_modules/govuk-frontend/dist/govuk/components/label/_label.scss.map b/node_modules/govuk-frontend/dist/govuk/components/label/_label.scss.map
new file mode 100644
index 0000000..0a4d1c4
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/label/_label.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/label/_label.scss"],"names":[],"mappings":"AAAA,oBAAoB;AACpB,iBAAiB","file":"_label.scss","sourcesContent":["@import \"../../base\";\n@import \"./index\";\n"]}
diff --git a/node_modules/govuk-frontend/dist/govuk/components/label/fixtures.json b/node_modules/govuk-frontend/dist/govuk/components/label/fixtures.json
new file mode 100644
index 0000000..50e69ae
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/label/fixtures.json
@@ -0,0 +1,210 @@
+{
+    "component": "label",
+    "fixtures": [
+        {
+            "name": "default",
+            "options": {
+                "text": "National Insurance number"
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": true,
+            "html": "<label class=\"govuk-label\">\n  National Insurance number\n</label>"
+        },
+        {
+            "name": "with bold text",
+            "options": {
+                "classes": "govuk-label--s",
+                "text": "National Insurance number"
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<label class=\"govuk-label govuk-label--s\">\n  National Insurance number\n</label>"
+        },
+        {
+            "name": "styled as xl text",
+            "options": {
+                "text": "National Insurance number",
+                "classes": "govuk-label--xl"
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<label class=\"govuk-label govuk-label--xl\">\n  National Insurance number\n</label>"
+        },
+        {
+            "name": "styled as large text",
+            "options": {
+                "text": "National Insurance number",
+                "classes": "govuk-label--l"
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<label class=\"govuk-label govuk-label--l\">\n  National Insurance number\n</label>"
+        },
+        {
+            "name": "styled as medium text",
+            "options": {
+                "text": "National Insurance number",
+                "classes": "govuk-label--m"
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<label class=\"govuk-label govuk-label--m\">\n  National Insurance number\n</label>"
+        },
+        {
+            "name": "styled as small text",
+            "options": {
+                "text": "National Insurance number",
+                "classes": "govuk-label--s"
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<label class=\"govuk-label govuk-label--s\">\n  National Insurance number\n</label>"
+        },
+        {
+            "name": "as page heading xl",
+            "options": {
+                "text": "National Insurance number",
+                "classes": "govuk-label--xl",
+                "isPageHeading": true
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<h1 class=\"govuk-label-wrapper\">\n  <label class=\"govuk-label govuk-label--xl\">\n    National Insurance number\n  </label>\n</h1>"
+        },
+        {
+            "name": "as page heading l",
+            "options": {
+                "text": "National Insurance number",
+                "classes": "govuk-label--l",
+                "isPageHeading": true
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<h1 class=\"govuk-label-wrapper\">\n  <label class=\"govuk-label govuk-label--l\">\n    National Insurance number\n  </label>\n</h1>"
+        },
+        {
+            "name": "as page heading m",
+            "options": {
+                "text": "National Insurance number",
+                "classes": "govuk-label--m",
+                "isPageHeading": true
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<h1 class=\"govuk-label-wrapper\">\n  <label class=\"govuk-label govuk-label--m\">\n    National Insurance number\n  </label>\n</h1>"
+        },
+        {
+            "name": "as page heading s",
+            "options": {
+                "text": "National Insurance number",
+                "classes": "govuk-label--s",
+                "isPageHeading": true
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<h1 class=\"govuk-label-wrapper\">\n  <label class=\"govuk-label govuk-label--s\">\n    National Insurance number\n  </label>\n</h1>"
+        },
+        {
+            "name": "as page heading without class",
+            "options": {
+                "text": "National Insurance number",
+                "isPageHeading": true
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<h1 class=\"govuk-label-wrapper\">\n  <label class=\"govuk-label\">\n    National Insurance number\n  </label>\n</h1>"
+        },
+        {
+            "name": "empty",
+            "options": {},
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": ""
+        },
+        {
+            "name": "classes",
+            "options": {
+                "text": "National Insurance number",
+                "classes": "extra-class one-more-class"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<label class=\"govuk-label extra-class one-more-class\">\n  National Insurance number\n</label>"
+        },
+        {
+            "name": "html as text",
+            "options": {
+                "text": "National Insurance number, <em>NINO</em>"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<label class=\"govuk-label\">\n  National Insurance number, &lt;em&gt;NINO&lt;/em&gt;\n</label>"
+        },
+        {
+            "name": "html",
+            "options": {
+                "html": "National Insurance number <em>NINO</em>"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<label class=\"govuk-label\">\n  National Insurance number <em>NINO</em>\n</label>"
+        },
+        {
+            "name": "for",
+            "options": {
+                "for": "test-target-element",
+                "text": "National Insurance number"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<label class=\"govuk-label\" for=\"test-target-element\">\n  National Insurance number\n</label>"
+        },
+        {
+            "name": "attributes",
+            "options": {
+                "text": "National Insurance number",
+                "attributes": {
+                    "first-attribute": "foo",
+                    "second-attribute": "bar"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<label class=\"govuk-label\" first-attribute=\"foo\" second-attribute=\"bar\">\n  National Insurance number\n</label>"
+        }
+    ]
+}
diff --git a/node_modules/govuk-frontend/dist/govuk/components/label/macro-options.json b/node_modules/govuk-frontend/dist/govuk/components/label/macro-options.json
new file mode 100644
index 0000000..0f8f458
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/label/macro-options.json
@@ -0,0 +1,38 @@
+[
+    {
+        "name": "text",
+        "type": "string",
+        "required": true,
+        "description": "If `html` is set, this is not required. Text to use within the label. If `html` is provided, the `text` option will be ignored."
+    },
+    {
+        "name": "html",
+        "type": "string",
+        "required": true,
+        "description": "If `text` is set, this is not required. HTML to use within the label. If `html` is provided, the `text` option will be ignored."
+    },
+    {
+        "name": "for",
+        "type": "string",
+        "required": false,
+        "description": "The value of the `for` attribute, the ID of the input the label is associated with."
+    },
+    {
+        "name": "isPageHeading",
+        "type": "boolean",
+        "required": false,
+        "description": "Whether the label also acts as the heading for the page."
+    },
+    {
+        "name": "classes",
+        "type": "string",
+        "required": false,
+        "description": "Classes to add to the label tag."
+    },
+    {
+        "name": "attributes",
+        "type": "object",
+        "required": false,
+        "description": "HTML attributes (for example data attributes) to add to the label tag."
+    }
+]
diff --git a/node_modules/govuk-frontend/dist/govuk/components/label/macro.njk b/node_modules/govuk-frontend/dist/govuk/components/label/macro.njk
new file mode 100644
index 0000000..91f2ed7
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/label/macro.njk
@@ -0,0 +1,3 @@
+{% macro govukLabel(params) %}
+  {%- include "./template.njk" -%}
+{% endmacro %}
diff --git a/node_modules/govuk-frontend/dist/govuk/components/label/template-as-page-heading-l.html b/node_modules/govuk-frontend/dist/govuk/components/label/template-as-page-heading-l.html
new file mode 100644
index 0000000..2551c18
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/label/template-as-page-heading-l.html
@@ -0,0 +1,5 @@
+<h1 class="govuk-label-wrapper">
+  <label class="govuk-label govuk-label--l">
+    National Insurance number
+  </label>
+</h1>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/label/template-as-page-heading-m.html b/node_modules/govuk-frontend/dist/govuk/components/label/template-as-page-heading-m.html
new file mode 100644
index 0000000..d560cc9
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/label/template-as-page-heading-m.html
@@ -0,0 +1,5 @@
+<h1 class="govuk-label-wrapper">
+  <label class="govuk-label govuk-label--m">
+    National Insurance number
+  </label>
+</h1>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/label/template-as-page-heading-s.html b/node_modules/govuk-frontend/dist/govuk/components/label/template-as-page-heading-s.html
new file mode 100644
index 0000000..62ca2c2
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/label/template-as-page-heading-s.html
@@ -0,0 +1,5 @@
+<h1 class="govuk-label-wrapper">
+  <label class="govuk-label govuk-label--s">
+    National Insurance number
+  </label>
+</h1>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/label/template-as-page-heading-without-class.html b/node_modules/govuk-frontend/dist/govuk/components/label/template-as-page-heading-without-class.html
new file mode 100644
index 0000000..fda752e
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/label/template-as-page-heading-without-class.html
@@ -0,0 +1,5 @@
+<h1 class="govuk-label-wrapper">
+  <label class="govuk-label">
+    National Insurance number
+  </label>
+</h1>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/label/template-as-page-heading-xl.html b/node_modules/govuk-frontend/dist/govuk/components/label/template-as-page-heading-xl.html
new file mode 100644
index 0000000..4ab0cd1
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/label/template-as-page-heading-xl.html
@@ -0,0 +1,5 @@
+<h1 class="govuk-label-wrapper">
+  <label class="govuk-label govuk-label--xl">
+    National Insurance number
+  </label>
+</h1>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/label/template-default.html b/node_modules/govuk-frontend/dist/govuk/components/label/template-default.html
new file mode 100644
index 0000000..9bcb91c
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/label/template-default.html
@@ -0,0 +1,3 @@
+<label class="govuk-label">
+  National Insurance number
+</label>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/label/template-styled-as-large-text.html b/node_modules/govuk-frontend/dist/govuk/components/label/template-styled-as-large-text.html
new file mode 100644
index 0000000..e5decb1
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/label/template-styled-as-large-text.html
@@ -0,0 +1,3 @@
+<label class="govuk-label govuk-label--l">
+  National Insurance number
+</label>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/label/template-styled-as-medium-text.html b/node_modules/govuk-frontend/dist/govuk/components/label/template-styled-as-medium-text.html
new file mode 100644
index 0000000..7b0838e
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/label/template-styled-as-medium-text.html
@@ -0,0 +1,3 @@
+<label class="govuk-label govuk-label--m">
+  National Insurance number
+</label>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/label/template-styled-as-small-text.html b/node_modules/govuk-frontend/dist/govuk/components/label/template-styled-as-small-text.html
new file mode 100644
index 0000000..f7422d0
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/label/template-styled-as-small-text.html
@@ -0,0 +1,3 @@
+<label class="govuk-label govuk-label--s">
+  National Insurance number
+</label>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/label/template-styled-as-xl-text.html b/node_modules/govuk-frontend/dist/govuk/components/label/template-styled-as-xl-text.html
new file mode 100644
index 0000000..28f1324
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/label/template-styled-as-xl-text.html
@@ -0,0 +1,3 @@
+<label class="govuk-label govuk-label--xl">
+  National Insurance number
+</label>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/label/template-with-bold-text.html b/node_modules/govuk-frontend/dist/govuk/components/label/template-with-bold-text.html
new file mode 100644
index 0000000..f7422d0
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/label/template-with-bold-text.html
@@ -0,0 +1,3 @@
+<label class="govuk-label govuk-label--s">
+  National Insurance number
+</label>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/label/template.njk b/node_modules/govuk-frontend/dist/govuk/components/label/template.njk
new file mode 100644
index 0000000..49a8985
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/label/template.njk
@@ -0,0 +1,19 @@
+{% from "../../macros/attributes.njk" import govukAttributes -%}
+
+{% if params.html or params.text %}
+{% set labelHtml %}
+<label class="govuk-label {%- if params.classes %} {{ params.classes }}{% endif %}"
+  {{- govukAttributes(params.attributes) -}}
+  {%- if params.for %} for="{{ params.for }}"{% endif %}>
+  {{ params.html | safe | trim | indent(2) if params.html else params.text }}
+</label>
+{% endset -%}
+
+{% if params.isPageHeading %}
+<h1 class="govuk-label-wrapper">
+  {{ labelHtml | safe | trim | indent(2) }}
+</h1>
+{% else %}
+{{ labelHtml | safe | trim }}
+{% endif %}
+{% endif %}
diff --git a/node_modules/govuk-frontend/dist/govuk/components/notification-banner/README.md b/node_modules/govuk-frontend/dist/govuk/components/notification-banner/README.md
new file mode 100644
index 0000000..809eaf6
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/notification-banner/README.md
@@ -0,0 +1,15 @@
+# Notification banner
+
+## Installation
+
+See the [main README quick start guide](https://github.com/alphagov/govuk-frontend#quick-start) for how to install this component.
+
+## Guidance and Examples
+
+Find out when to use the notification banner component in your service in the [GOV.UK Design System](https://design-system.service.gov.uk/components/notification-banner).
+
+## Component options
+
+Use options to customise the appearance, content and behaviour of a component when using a macro, for example, changing the text.
+
+See [options table](https://design-system.service.gov.uk/components/notification-banner/#options-notification-banner-example) for details.
diff --git a/node_modules/govuk-frontend/dist/govuk/components/notification-banner/_index.scss b/node_modules/govuk-frontend/dist/govuk/components/notification-banner/_index.scss
new file mode 100644
index 0000000..ace29e5
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/notification-banner/_index.scss
@@ -0,0 +1,93 @@
+@include govuk-exports("govuk/component/notification-banner") {
+  .govuk-notification-banner {
+    @include govuk-font($size: 19);
+    @include govuk-responsive-margin(8, "bottom");
+
+    border: $govuk-border-width solid $govuk-brand-colour;
+
+    background-color: $govuk-brand-colour;
+
+    &:focus {
+      outline: $govuk-focus-width solid $govuk-focus-colour;
+    }
+  }
+
+  .govuk-notification-banner__header {
+    padding: 2px govuk-spacing(3) govuk-spacing(1);
+
+    // Ensures the notification header appears separate to the notification body
+    // text in high contrast mode
+    border-bottom: 1px solid transparent;
+
+    @include govuk-media-query($from: tablet) {
+      padding: 2px govuk-spacing(4) govuk-spacing(1);
+    }
+  }
+
+  .govuk-notification-banner__title {
+    // Set the size again because this element is a heading and the user agent
+    // font size overrides the inherited font size
+    @include govuk-font-size($size: 19);
+    @include govuk-typography-weight-bold;
+    margin: 0;
+    padding: 0;
+    color: govuk-colour("white");
+  }
+
+  .govuk-notification-banner__content {
+    $padding-tablet: govuk-spacing(4);
+    @include govuk-text-colour;
+    padding: govuk-spacing(3);
+
+    background-color: $govuk-body-background-colour;
+
+    @include govuk-media-query($from: tablet) {
+      padding: $padding-tablet;
+    }
+
+    // Wrap content at the same place that a 2/3 grid column ends, to maintain
+    // shorter line-lengths when the notification banner is full width
+    > * {
+      // When elements have their own padding (like lists), include the padding
+      // in the max-width calculation
+      box-sizing: border-box;
+
+      // Calculate the internal width of a two-thirds column...
+      $two-col-width: ($govuk-page-width * 2 / 3) - ($govuk-gutter * 1 / 3);
+
+      // ...and then factor in the left border and padding
+      $banner-exterior: ($padding-tablet + $govuk-border-width);
+      max-width: $two-col-width - $banner-exterior;
+    }
+
+    > :last-child {
+      margin-bottom: 0;
+    }
+  }
+
+  .govuk-notification-banner__heading {
+    @include govuk-font-size($size: 24);
+    @include govuk-typography-weight-bold;
+
+    margin: 0 0 govuk-spacing(3);
+
+    padding: 0;
+  }
+
+  .govuk-notification-banner__link {
+    @include govuk-link-common;
+    @include govuk-link-style-no-visited-state;
+  }
+
+  .govuk-notification-banner--success {
+    border-color: $govuk-success-colour;
+
+    background-color: $govuk-success-colour;
+
+    .govuk-notification-banner__link {
+      @include govuk-link-style-success;
+    }
+  }
+}
+
+/*# sourceMappingURL=_index.scss.map */
diff --git a/node_modules/govuk-frontend/dist/govuk/components/notification-banner/_index.scss.map b/node_modules/govuk-frontend/dist/govuk/components/notification-banner/_index.scss.map
new file mode 100644
index 0000000..50aaa2b
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/notification-banner/_index.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/notification-banner/_index.scss"],"names":[],"mappings":"AAAA;EACE;IACE,8BAA8B;IAC9B,6CAA6C;;IAE7C,qDAAqD;;IAErD,qCAAqC;;IAErC;MACE,qDAAqD;IACvD;EACF;;EAEA;IACE,8CAA8C;;IAE9C,2EAA2E;IAC3E,4BAA4B;IAC5B,oCAAoC;;IAEpC;MACE,8CAA8C;IAChD;EACF;;EAEA;IACE,yEAAyE;IACzE,6CAA6C;IAC7C,mCAAmC;IACnC,qCAAqC;IACrC,SAAS;IACT,UAAU;IACV,4BAA4B;EAC9B;;EAEA;IACE,iCAAiC;IACjC,0BAA0B;IAC1B,yBAAyB;;IAEzB,+CAA+C;;IAE/C;MACE,wBAAwB;IAC1B;;IAEA,yEAAyE;IACzE,iEAAiE;IACjE;MACE,wEAAwE;MACxE,8BAA8B;MAC9B,sBAAsB;;MAEtB,wDAAwD;MACxD,qEAAqE;;MAErE,mDAAmD;MACnD,yDAAyD;MACzD,4CAA4C;IAC9C;;IAEA;MACE,gBAAgB;IAClB;EACF;;EAEA;IACE,mCAAmC;IACnC,qCAAqC;;IAErC,4BAA4B;;IAE5B,UAAU;EACZ;;EAEA;IACE,0BAA0B;IAC1B,0CAA0C;EAC5C;;EAEA;IACE,mCAAmC;;IAEnC,uCAAuC;;IAEvC;MACE,iCAAiC;IACnC;EACF;AACF","file":"_index.scss","sourcesContent":["@include govuk-exports(\"govuk/component/notification-banner\") {\n  .govuk-notification-banner {\n    @include govuk-font($size: 19);\n    @include govuk-responsive-margin(8, \"bottom\");\n\n    border: $govuk-border-width solid $govuk-brand-colour;\n\n    background-color: $govuk-brand-colour;\n\n    &:focus {\n      outline: $govuk-focus-width solid $govuk-focus-colour;\n    }\n  }\n\n  .govuk-notification-banner__header {\n    padding: 2px govuk-spacing(3) govuk-spacing(1);\n\n    // Ensures the notification header appears separate to the notification body\n    // text in high contrast mode\n    border-bottom: 1px solid transparent;\n\n    @include govuk-media-query($from: tablet) {\n      padding: 2px govuk-spacing(4) govuk-spacing(1);\n    }\n  }\n\n  .govuk-notification-banner__title {\n    // Set the size again because this element is a heading and the user agent\n    // font size overrides the inherited font size\n    @include govuk-font-size($size: 19);\n    @include govuk-typography-weight-bold;\n    margin: 0;\n    padding: 0;\n    color: govuk-colour(\"white\");\n  }\n\n  .govuk-notification-banner__content {\n    $padding-tablet: govuk-spacing(4);\n    @include govuk-text-colour;\n    padding: govuk-spacing(3);\n\n    background-color: $govuk-body-background-colour;\n\n    @include govuk-media-query($from: tablet) {\n      padding: $padding-tablet;\n    }\n\n    // Wrap content at the same place that a 2/3 grid column ends, to maintain\n    // shorter line-lengths when the notification banner is full width\n    > * {\n      // When elements have their own padding (like lists), include the padding\n      // in the max-width calculation\n      box-sizing: border-box;\n\n      // Calculate the internal width of a two-thirds column...\n      $two-col-width: ($govuk-page-width * 2 / 3) - ($govuk-gutter * 1 / 3);\n\n      // ...and then factor in the left border and padding\n      $banner-exterior: ($padding-tablet + $govuk-border-width);\n      max-width: $two-col-width - $banner-exterior;\n    }\n\n    > :last-child {\n      margin-bottom: 0;\n    }\n  }\n\n  .govuk-notification-banner__heading {\n    @include govuk-font-size($size: 24);\n    @include govuk-typography-weight-bold;\n\n    margin: 0 0 govuk-spacing(3);\n\n    padding: 0;\n  }\n\n  .govuk-notification-banner__link {\n    @include govuk-link-common;\n    @include govuk-link-style-no-visited-state;\n  }\n\n  .govuk-notification-banner--success {\n    border-color: $govuk-success-colour;\n\n    background-color: $govuk-success-colour;\n\n    .govuk-notification-banner__link {\n      @include govuk-link-style-success;\n    }\n  }\n}\n"]}
diff --git a/node_modules/govuk-frontend/dist/govuk/components/notification-banner/_notification-banner.scss b/node_modules/govuk-frontend/dist/govuk/components/notification-banner/_notification-banner.scss
new file mode 100644
index 0000000..1329d69
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/notification-banner/_notification-banner.scss
@@ -0,0 +1,4 @@
+@import "../../base";
+@import "./index";
+
+/*# sourceMappingURL=_notification-banner.scss.map */
diff --git a/node_modules/govuk-frontend/dist/govuk/components/notification-banner/_notification-banner.scss.map b/node_modules/govuk-frontend/dist/govuk/components/notification-banner/_notification-banner.scss.map
new file mode 100644
index 0000000..9e413ca
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/notification-banner/_notification-banner.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/notification-banner/_notification-banner.scss"],"names":[],"mappings":"AAAA,oBAAoB;AACpB,iBAAiB","file":"_notification-banner.scss","sourcesContent":["@import \"../../base\";\n@import \"./index\";\n"]}
diff --git a/node_modules/govuk-frontend/dist/govuk/components/notification-banner/fixtures.json b/node_modules/govuk-frontend/dist/govuk/components/notification-banner/fixtures.json
new file mode 100644
index 0000000..cacff6c
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/notification-banner/fixtures.json
@@ -0,0 +1,260 @@
+{
+    "component": "notification-banner",
+    "fixtures": [
+        {
+            "name": "default",
+            "options": {
+                "text": "This publication was withdrawn on 7 March 2014."
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": true,
+            "html": "<div class=\"govuk-notification-banner\" role=\"region\" aria-labelledby=\"govuk-notification-banner-title\" data-module=\"govuk-notification-banner\">\n  <div class=\"govuk-notification-banner__header\">\n    <h2 class=\"govuk-notification-banner__title\" id=\"govuk-notification-banner-title\">\n      Important\n    </h2>\n  </div>\n  <div class=\"govuk-notification-banner__content\">\n    <p class=\"govuk-notification-banner__heading\">\n      This publication was withdrawn on 7 March 2014.\n    </p>\n  </div>\n</div>"
+        },
+        {
+            "name": "with text as html",
+            "options": {
+                "html": "<h3 class=\"govuk-notification-banner__heading\">\n  This publication was withdrawn on 7 March 2014\n</h3>\n<p class=\"govuk-body\">\n  The following 4 files are available\n</p>\n<ul class=\"govuk-list govuk-list--bullet govuk-!-margin-bottom-0\">\n  <li><a href=\"#\" class=\"govuk-notification-banner__link\">government-strategy.pdf</a></li>\n  <li><a href=\"#\" class=\"govuk-notification-banner__link\">government-strategy-v2.pdf</a></li>\n  <li><a href=\"#\" class=\"govuk-notification-banner__link\">government-strategy-v3-FINAL.pdf</a></li>\n  <li><a href=\"#\" class=\"govuk-notification-banner__link\">government-strategy-v4-FINAL-v2.pdf</a></li>\n</ul>\n"
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-notification-banner\" role=\"region\" aria-labelledby=\"govuk-notification-banner-title\" data-module=\"govuk-notification-banner\">\n  <div class=\"govuk-notification-banner__header\">\n    <h2 class=\"govuk-notification-banner__title\" id=\"govuk-notification-banner-title\">\n      Important\n    </h2>\n  </div>\n  <div class=\"govuk-notification-banner__content\">\n    <h3 class=\"govuk-notification-banner__heading\">\n      This publication was withdrawn on 7 March 2014\n    </h3>\n    <p class=\"govuk-body\">\n      The following 4 files are available\n    </p>\n    <ul class=\"govuk-list govuk-list--bullet govuk-!-margin-bottom-0\">\n      <li><a href=\"#\" class=\"govuk-notification-banner__link\">government-strategy.pdf</a></li>\n      <li><a href=\"#\" class=\"govuk-notification-banner__link\">government-strategy-v2.pdf</a></li>\n      <li><a href=\"#\" class=\"govuk-notification-banner__link\">government-strategy-v3-FINAL.pdf</a></li>\n      <li><a href=\"#\" class=\"govuk-notification-banner__link\">government-strategy-v4-FINAL-v2.pdf</a></li>\n    </ul>\n  </div>\n</div>"
+        },
+        {
+            "name": "with type as success",
+            "options": {
+                "type": "success",
+                "text": "Email sent to example@email.com"
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-notification-banner govuk-notification-banner--success\" role=\"alert\" aria-labelledby=\"govuk-notification-banner-title\" data-module=\"govuk-notification-banner\">\n  <div class=\"govuk-notification-banner__header\">\n    <h2 class=\"govuk-notification-banner__title\" id=\"govuk-notification-banner-title\">\n      Success\n    </h2>\n  </div>\n  <div class=\"govuk-notification-banner__content\">\n    <p class=\"govuk-notification-banner__heading\">\n      Email sent to example@email.com\n    </p>\n  </div>\n</div>"
+        },
+        {
+            "name": "with long heading",
+            "options": {
+                "text": "This publication was withdrawn on 7 March 2014, before being sent in, sent back, queried, lost, found, subjected to public inquiry, lost again, and finally buried in soft peat for three months and recycled as firelighters."
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-notification-banner\" role=\"region\" aria-labelledby=\"govuk-notification-banner-title\" data-module=\"govuk-notification-banner\">\n  <div class=\"govuk-notification-banner__header\">\n    <h2 class=\"govuk-notification-banner__title\" id=\"govuk-notification-banner-title\">\n      Important\n    </h2>\n  </div>\n  <div class=\"govuk-notification-banner__content\">\n    <p class=\"govuk-notification-banner__heading\">\n      This publication was withdrawn on 7 March 2014, before being sent in, sent back, queried, lost, found, subjected to public inquiry, lost again, and finally buried in soft peat for three months and recycled as firelighters.\n    </p>\n  </div>\n</div>"
+        },
+        {
+            "name": "with lots of content",
+            "options": {
+                "html": "<h3 class=\"govuk-notification-banner__heading\">\n  Check if you need to apply the reverse charge to this application\n</h3>\n<p class=\"govuk-body\">\n  You will have to apply the <a href=\"#\" class=\"govuk-notification-banner__link\">reverse charge</a> if the applicant supplies any of these services:\n</p>\n<ul class=\"govuk-list govuk-list--bullet govuk-list--spaced\">\n  <li>constructing, altering, repairing, extending, demolishing or dismantling buildings or structures (whether permanent or not), including offshore installation services</li>\n  <li>constructing, altering, repairing, extending, demolishing of any works forming, or planned to form, part of the land, including (in particular) walls, roadworks, power lines, electronic communications equipment, aircraft runways, railways, inland waterways, docks and harbours</li>\n</ul>\n"
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-notification-banner\" role=\"region\" aria-labelledby=\"govuk-notification-banner-title\" data-module=\"govuk-notification-banner\">\n  <div class=\"govuk-notification-banner__header\">\n    <h2 class=\"govuk-notification-banner__title\" id=\"govuk-notification-banner-title\">\n      Important\n    </h2>\n  </div>\n  <div class=\"govuk-notification-banner__content\">\n    <h3 class=\"govuk-notification-banner__heading\">\n      Check if you need to apply the reverse charge to this application\n    </h3>\n    <p class=\"govuk-body\">\n      You will have to apply the <a href=\"#\" class=\"govuk-notification-banner__link\">reverse charge</a> if the applicant supplies any of these services:\n    </p>\n    <ul class=\"govuk-list govuk-list--bullet govuk-list--spaced\">\n      <li>constructing, altering, repairing, extending, demolishing or dismantling buildings or structures (whether permanent or not), including offshore installation services</li>\n      <li>constructing, altering, repairing, extending, demolishing of any works forming, or planned to form, part of the land, including (in particular) walls, roadworks, power lines, electronic communications equipment, aircraft runways, railways, inland waterways, docks and harbours</li>\n    </ul>\n  </div>\n</div>"
+        },
+        {
+            "name": "custom title",
+            "options": {
+                "titleText": "Important information",
+                "text": "This publication was withdrawn on 7 March 2014."
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-notification-banner\" role=\"region\" aria-labelledby=\"govuk-notification-banner-title\" data-module=\"govuk-notification-banner\">\n  <div class=\"govuk-notification-banner__header\">\n    <h2 class=\"govuk-notification-banner__title\" id=\"govuk-notification-banner-title\">\n      Important information\n    </h2>\n  </div>\n  <div class=\"govuk-notification-banner__content\">\n    <p class=\"govuk-notification-banner__heading\">\n      This publication was withdrawn on 7 March 2014.\n    </p>\n  </div>\n</div>"
+        },
+        {
+            "name": "title as html",
+            "options": {
+                "titleHtml": "<span>Important information</span>",
+                "text": "This publication was withdrawn on 7 March 2014."
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-notification-banner\" role=\"region\" aria-labelledby=\"govuk-notification-banner-title\" data-module=\"govuk-notification-banner\">\n  <div class=\"govuk-notification-banner__header\">\n    <h2 class=\"govuk-notification-banner__title\" id=\"govuk-notification-banner-title\">\n      <span>Important information</span>\n    </h2>\n  </div>\n  <div class=\"govuk-notification-banner__content\">\n    <p class=\"govuk-notification-banner__heading\">\n      This publication was withdrawn on 7 March 2014.\n    </p>\n  </div>\n</div>"
+        },
+        {
+            "name": "title html as text",
+            "options": {
+                "titleText": "<span>Important information</span>",
+                "text": "This publication was withdrawn on 7 March 2014."
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-notification-banner\" role=\"region\" aria-labelledby=\"govuk-notification-banner-title\" data-module=\"govuk-notification-banner\">\n  <div class=\"govuk-notification-banner__header\">\n    <h2 class=\"govuk-notification-banner__title\" id=\"govuk-notification-banner-title\">\n      &lt;span&gt;Important information&lt;/span&gt;\n    </h2>\n  </div>\n  <div class=\"govuk-notification-banner__content\">\n    <p class=\"govuk-notification-banner__heading\">\n      This publication was withdrawn on 7 March 2014.\n    </p>\n  </div>\n</div>"
+        },
+        {
+            "name": "custom title heading level",
+            "options": {
+                "titleHeadingLevel": 3,
+                "text": "This publication was withdrawn on 7 March 2014."
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-notification-banner\" role=\"region\" aria-labelledby=\"govuk-notification-banner-title\" data-module=\"govuk-notification-banner\">\n  <div class=\"govuk-notification-banner__header\">\n    <h3 class=\"govuk-notification-banner__title\" id=\"govuk-notification-banner-title\">\n      Important\n    </h3>\n  </div>\n  <div class=\"govuk-notification-banner__content\">\n    <p class=\"govuk-notification-banner__heading\">\n      This publication was withdrawn on 7 March 2014.\n    </p>\n  </div>\n</div>"
+        },
+        {
+            "name": "custom title id",
+            "options": {
+                "titleId": "my-id",
+                "text": "This publication was withdrawn on 7 March 2014."
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-notification-banner\" role=\"region\" aria-labelledby=\"my-id\" data-module=\"govuk-notification-banner\">\n  <div class=\"govuk-notification-banner__header\">\n    <h2 class=\"govuk-notification-banner__title\" id=\"my-id\">\n      Important\n    </h2>\n  </div>\n  <div class=\"govuk-notification-banner__content\">\n    <p class=\"govuk-notification-banner__heading\">\n      This publication was withdrawn on 7 March 2014.\n    </p>\n  </div>\n</div>"
+        },
+        {
+            "name": "custom title id with type as success",
+            "options": {
+                "type": "success",
+                "titleId": "my-id",
+                "text": "Email sent to example@email.com"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-notification-banner govuk-notification-banner--success\" role=\"alert\" aria-labelledby=\"my-id\" data-module=\"govuk-notification-banner\">\n  <div class=\"govuk-notification-banner__header\">\n    <h2 class=\"govuk-notification-banner__title\" id=\"my-id\">\n      Success\n    </h2>\n  </div>\n  <div class=\"govuk-notification-banner__content\">\n    <p class=\"govuk-notification-banner__heading\">\n      Email sent to example@email.com\n    </p>\n  </div>\n</div>"
+        },
+        {
+            "name": "custom text",
+            "options": {
+                "text": "This publication was withdrawn on 7 March 2014."
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-notification-banner\" role=\"region\" aria-labelledby=\"govuk-notification-banner-title\" data-module=\"govuk-notification-banner\">\n  <div class=\"govuk-notification-banner__header\">\n    <h2 class=\"govuk-notification-banner__title\" id=\"govuk-notification-banner-title\">\n      Important\n    </h2>\n  </div>\n  <div class=\"govuk-notification-banner__content\">\n    <p class=\"govuk-notification-banner__heading\">\n      This publication was withdrawn on 7 March 2014.\n    </p>\n  </div>\n</div>"
+        },
+        {
+            "name": "html as text",
+            "options": {
+                "text": "<span>This publication was withdrawn on 7 March 2014.</span>"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-notification-banner\" role=\"region\" aria-labelledby=\"govuk-notification-banner-title\" data-module=\"govuk-notification-banner\">\n  <div class=\"govuk-notification-banner__header\">\n    <h2 class=\"govuk-notification-banner__title\" id=\"govuk-notification-banner-title\">\n      Important\n    </h2>\n  </div>\n  <div class=\"govuk-notification-banner__content\">\n    <p class=\"govuk-notification-banner__heading\">\n      &lt;span&gt;This publication was withdrawn on 7 March 2014.&lt;/span&gt;\n    </p>\n  </div>\n</div>"
+        },
+        {
+            "name": "custom role",
+            "options": {
+                "role": "banner",
+                "text": "This publication was withdrawn on 7 March 2014."
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-notification-banner\" role=\"banner\" aria-labelledby=\"govuk-notification-banner-title\" data-module=\"govuk-notification-banner\">\n  <div class=\"govuk-notification-banner__header\">\n    <h2 class=\"govuk-notification-banner__title\" id=\"govuk-notification-banner-title\">\n      Important\n    </h2>\n  </div>\n  <div class=\"govuk-notification-banner__content\">\n    <p class=\"govuk-notification-banner__heading\">\n      This publication was withdrawn on 7 March 2014.\n    </p>\n  </div>\n</div>"
+        },
+        {
+            "name": "classes",
+            "options": {
+                "text": "This publication was withdrawn on 7 March 2014.",
+                "classes": "app-my-class"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-notification-banner app-my-class\" role=\"region\" aria-labelledby=\"govuk-notification-banner-title\" data-module=\"govuk-notification-banner\">\n  <div class=\"govuk-notification-banner__header\">\n    <h2 class=\"govuk-notification-banner__title\" id=\"govuk-notification-banner-title\">\n      Important\n    </h2>\n  </div>\n  <div class=\"govuk-notification-banner__content\">\n    <p class=\"govuk-notification-banner__heading\">\n      This publication was withdrawn on 7 March 2014.\n    </p>\n  </div>\n</div>"
+        },
+        {
+            "name": "attributes",
+            "options": {
+                "text": "This publication was withdrawn on 7 March 2014.",
+                "attributes": {
+                    "my-attribute": "value"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-notification-banner\" role=\"region\" aria-labelledby=\"govuk-notification-banner-title\" data-module=\"govuk-notification-banner\" my-attribute=\"value\">\n  <div class=\"govuk-notification-banner__header\">\n    <h2 class=\"govuk-notification-banner__title\" id=\"govuk-notification-banner-title\">\n      Important\n    </h2>\n  </div>\n  <div class=\"govuk-notification-banner__content\">\n    <p class=\"govuk-notification-banner__heading\">\n      This publication was withdrawn on 7 March 2014.\n    </p>\n  </div>\n</div>"
+        },
+        {
+            "name": "with invalid type",
+            "options": {
+                "type": "some-type",
+                "text": "This publication was withdrawn on 7 March 2014."
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-notification-banner\" role=\"region\" aria-labelledby=\"govuk-notification-banner-title\" data-module=\"govuk-notification-banner\">\n  <div class=\"govuk-notification-banner__header\">\n    <h2 class=\"govuk-notification-banner__title\" id=\"govuk-notification-banner-title\">\n      Important\n    </h2>\n  </div>\n  <div class=\"govuk-notification-banner__content\">\n    <p class=\"govuk-notification-banner__heading\">\n      This publication was withdrawn on 7 March 2014.\n    </p>\n  </div>\n</div>"
+        },
+        {
+            "name": "auto-focus disabled, with type as success",
+            "options": {
+                "type": "success",
+                "disableAutoFocus": true,
+                "text": "Email sent to example@email.com"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-notification-banner govuk-notification-banner--success\" role=\"alert\" aria-labelledby=\"govuk-notification-banner-title\" data-module=\"govuk-notification-banner\" data-disable-auto-focus=\"true\">\n  <div class=\"govuk-notification-banner__header\">\n    <h2 class=\"govuk-notification-banner__title\" id=\"govuk-notification-banner-title\">\n      Success\n    </h2>\n  </div>\n  <div class=\"govuk-notification-banner__content\">\n    <p class=\"govuk-notification-banner__heading\">\n      Email sent to example@email.com\n    </p>\n  </div>\n</div>"
+        },
+        {
+            "name": "auto-focus explicitly enabled, with type as success",
+            "options": {
+                "type": "success",
+                "disableAutoFocus": false,
+                "text": "Email sent to example@email.com"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-notification-banner govuk-notification-banner--success\" role=\"alert\" aria-labelledby=\"govuk-notification-banner-title\" data-module=\"govuk-notification-banner\" data-disable-auto-focus=\"false\">\n  <div class=\"govuk-notification-banner__header\">\n    <h2 class=\"govuk-notification-banner__title\" id=\"govuk-notification-banner-title\">\n      Success\n    </h2>\n  </div>\n  <div class=\"govuk-notification-banner__content\">\n    <p class=\"govuk-notification-banner__heading\">\n      Email sent to example@email.com\n    </p>\n  </div>\n</div>"
+        },
+        {
+            "name": "role=alert overridden to role=region, with type as success",
+            "options": {
+                "type": "success",
+                "role": "region",
+                "text": "Email sent to example@email.com"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-notification-banner govuk-notification-banner--success\" role=\"region\" aria-labelledby=\"govuk-notification-banner-title\" data-module=\"govuk-notification-banner\">\n  <div class=\"govuk-notification-banner__header\">\n    <h2 class=\"govuk-notification-banner__title\" id=\"govuk-notification-banner-title\">\n      Success\n    </h2>\n  </div>\n  <div class=\"govuk-notification-banner__content\">\n    <p class=\"govuk-notification-banner__heading\">\n      Email sent to example@email.com\n    </p>\n  </div>\n</div>"
+        },
+        {
+            "name": "custom tabindex",
+            "options": {
+                "type": "success",
+                "text": "Email sent to example@email.com",
+                "attributes": {
+                    "tabindex": 2
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-notification-banner govuk-notification-banner--success\" role=\"alert\" aria-labelledby=\"govuk-notification-banner-title\" data-module=\"govuk-notification-banner\" tabindex=\"2\">\n  <div class=\"govuk-notification-banner__header\">\n    <h2 class=\"govuk-notification-banner__title\" id=\"govuk-notification-banner-title\">\n      Success\n    </h2>\n  </div>\n  <div class=\"govuk-notification-banner__content\">\n    <p class=\"govuk-notification-banner__heading\">\n      Email sent to example@email.com\n    </p>\n  </div>\n</div>"
+        }
+    ]
+}
diff --git a/node_modules/govuk-frontend/dist/govuk/components/notification-banner/macro-options.json b/node_modules/govuk-frontend/dist/govuk/components/notification-banner/macro-options.json
new file mode 100644
index 0000000..c59a29f
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/notification-banner/macro-options.json
@@ -0,0 +1,74 @@
+[
+    {
+        "name": "text",
+        "type": "string",
+        "required": true,
+        "description": "The text that displays in the notification banner. You can use any string with this option. If you set `html`, this option is not required and is ignored."
+    },
+    {
+        "name": "html",
+        "type": "string",
+        "required": true,
+        "description": "The HTML to use within the notification banner. You can use any string with this option. If you set `html`, `text` is not required and is ignored."
+    },
+    {
+        "name": "caller",
+        "type": "nunjucks-block",
+        "required": false,
+        "description": "Not strictly a parameter but [Nunjucks code convention](https://mozilla.github.io/nunjucks/templating.html#call). Using a `call` block enables you to call a macro with all the text inside the tag. This is helpful if you want to pass a lot of content into a macro. To use it, you will need to wrap the entire notification banner component in a `call` block."
+    },
+    {
+        "name": "titleText",
+        "type": "string",
+        "required": false,
+        "description": "The title text that displays in the notification banner. You can use any string with this option. Use this option to set text that does not contain HTML. The available default values are 'Important', 'Success', and null:\n- if you do not set `type`, `titleText` defaults to `\"Important\"`\n- if you set `type` to `success`, `titleText` defaults to `\"Success\"`\n- if you set `titleHtml`, this option is ignored\n"
+    },
+    {
+        "name": "titleHtml",
+        "type": "string",
+        "required": false,
+        "description": "The title HTML to use within the notification banner. You can use any string with this option. Use this option to set text that contains HTML. If you set `titleHtml`, the `titleText` option is ignored."
+    },
+    {
+        "name": "titleHeadingLevel",
+        "type": "string",
+        "required": false,
+        "description": "Sets heading level for the title only. You can only use values between `1` and `6` with this option. The default is `2`."
+    },
+    {
+        "name": "type",
+        "type": "string",
+        "required": false,
+        "description": "The type of notification to render. You can use only `\"success\"` or `null` values with this option. If you set `type` to `\"success\"`, the notification banner sets `role` to `\"alert\"`. JavaScript then moves the keyboard focus to the notification banner when the page loads. If you do not set `type`, the notification banner sets `role` to `\"region\"`."
+    },
+    {
+        "name": "role",
+        "type": "string",
+        "required": false,
+        "description": "Overrides the value of the `role` attribute for the notification banner. Defaults to `\"region\"`. If you set `type` to `\"success\"`, `role` defaults to `\"alert\"`."
+    },
+    {
+        "name": "titleId",
+        "type": "string",
+        "required": false,
+        "description": "The `id` for the banner title, and the `aria-labelledby` attribute in the banner. Defaults to `\"govuk-notification-banner-title\"`."
+    },
+    {
+        "name": "disableAutoFocus",
+        "type": "boolean",
+        "required": false,
+        "description": "If you set `type` to `\"success\"`, or `role` to `\"alert\"`, JavaScript moves the keyboard focus to the notification banner when the page loads. To disable this behaviour, set `disableAutoFocus` to `true`."
+    },
+    {
+        "name": "classes",
+        "type": "string",
+        "required": false,
+        "description": "The classes that you want to add to the notification banner."
+    },
+    {
+        "name": "attributes",
+        "type": "object",
+        "required": false,
+        "description": "The HTML attributes that you want to add to the notification banner, for example, data attributes."
+    }
+]
diff --git a/node_modules/govuk-frontend/dist/govuk/components/notification-banner/macro.njk b/node_modules/govuk-frontend/dist/govuk/components/notification-banner/macro.njk
new file mode 100644
index 0000000..dedfb49
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/notification-banner/macro.njk
@@ -0,0 +1,3 @@
+{% macro govukNotificationBanner(params) %}
+  {%- include "./template.njk" -%}
+{% endmacro %}
diff --git a/node_modules/govuk-frontend/dist/govuk/components/notification-banner/notification-banner.bundle.js b/node_modules/govuk-frontend/dist/govuk/components/notification-banner/notification-banner.bundle.js
new file mode 100644
index 0000000..2b9ba26
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/notification-banner/notification-banner.bundle.js
@@ -0,0 +1,367 @@
+(function (global, factory) {
+  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports) :
+  typeof define === 'function' && define.amd ? define(['exports'], factory) :
+  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.GOVUKFrontend = global.GOVUKFrontend || {}));
+})(this, (function (exports) { 'use strict';
+
+  function setFocus($element, options = {}) {
+    var _options$onBeforeFocu;
+    const isFocusable = $element.getAttribute('tabindex');
+    if (!isFocusable) {
+      $element.setAttribute('tabindex', '-1');
+    }
+    function onFocus() {
+      $element.addEventListener('blur', onBlur, {
+        once: true
+      });
+    }
+    function onBlur() {
+      var _options$onBlur;
+      (_options$onBlur = options.onBlur) == null || _options$onBlur.call($element);
+      if (!isFocusable) {
+        $element.removeAttribute('tabindex');
+      }
+    }
+    $element.addEventListener('focus', onFocus, {
+      once: true
+    });
+    (_options$onBeforeFocu = options.onBeforeFocus) == null || _options$onBeforeFocu.call($element);
+    $element.focus();
+  }
+  function isInitialised($root, moduleName) {
+    return $root instanceof HTMLElement && $root.hasAttribute(`data-${moduleName}-init`);
+  }
+
+  /**
+   * Checks if GOV.UK Frontend is supported on this page
+   *
+   * Some browsers will load and run our JavaScript but GOV.UK Frontend
+   * won't be supported.
+   *
+   * @param {HTMLElement | null} [$scope] - (internal) `<body>` HTML element checked for browser support
+   * @returns {boolean} Whether GOV.UK Frontend is supported on this page
+   */
+  function isSupported($scope = document.body) {
+    if (!$scope) {
+      return false;
+    }
+    return $scope.classList.contains('govuk-frontend-supported');
+  }
+  function isArray(option) {
+    return Array.isArray(option);
+  }
+  function isObject(option) {
+    return !!option && typeof option === 'object' && !isArray(option);
+  }
+  function formatErrorMessage(Component, message) {
+    return `${Component.moduleName}: ${message}`;
+  }
+  /**
+   * @typedef ComponentWithModuleName
+   * @property {string} moduleName - Name of the component
+   */
+
+  class GOVUKFrontendError extends Error {
+    constructor(...args) {
+      super(...args);
+      this.name = 'GOVUKFrontendError';
+    }
+  }
+  class SupportError extends GOVUKFrontendError {
+    /**
+     * Checks if GOV.UK Frontend is supported on this page
+     *
+     * @param {HTMLElement | null} [$scope] - HTML element `<body>` checked for browser support
+     */
+    constructor($scope = document.body) {
+      const supportMessage = 'noModule' in HTMLScriptElement.prototype ? 'GOV.UK Frontend initialised without `<body class="govuk-frontend-supported">` from template `<script>` snippet' : 'GOV.UK Frontend is not supported in this browser';
+      super($scope ? supportMessage : 'GOV.UK Frontend initialised without `<script type="module">`');
+      this.name = 'SupportError';
+    }
+  }
+  class ConfigError extends GOVUKFrontendError {
+    constructor(...args) {
+      super(...args);
+      this.name = 'ConfigError';
+    }
+  }
+  class ElementError extends GOVUKFrontendError {
+    constructor(messageOrOptions) {
+      let message = typeof messageOrOptions === 'string' ? messageOrOptions : '';
+      if (isObject(messageOrOptions)) {
+        const {
+          component,
+          identifier,
+          element,
+          expectedType
+        } = messageOrOptions;
+        message = identifier;
+        message += element ? ` is not of type ${expectedType != null ? expectedType : 'HTMLElement'}` : ' not found';
+        if (component) {
+          message = formatErrorMessage(component, message);
+        }
+      }
+      super(message);
+      this.name = 'ElementError';
+    }
+  }
+  class InitError extends GOVUKFrontendError {
+    constructor(componentOrMessage) {
+      const message = typeof componentOrMessage === 'string' ? componentOrMessage : formatErrorMessage(componentOrMessage, `Root element (\`$root\`) already initialised`);
+      super(message);
+      this.name = 'InitError';
+    }
+  }
+  /**
+   * @import { ComponentWithModuleName } from '../common/index.mjs'
+   */
+
+  class Component {
+    /**
+     * Returns the root element of the component
+     *
+     * @protected
+     * @returns {RootElementType} - the root element of component
+     */
+    get $root() {
+      return this._$root;
+    }
+    constructor($root) {
+      this._$root = void 0;
+      const childConstructor = this.constructor;
+      if (typeof childConstructor.moduleName !== 'string') {
+        throw new InitError(`\`moduleName\` not defined in component`);
+      }
+      if (!($root instanceof childConstructor.elementType)) {
+        throw new ElementError({
+          element: $root,
+          component: childConstructor,
+          identifier: 'Root element (`$root`)',
+          expectedType: childConstructor.elementType.name
+        });
+      } else {
+        this._$root = $root;
+      }
+      childConstructor.checkSupport();
+      this.checkInitialised();
+      const moduleName = childConstructor.moduleName;
+      this.$root.setAttribute(`data-${moduleName}-init`, '');
+    }
+    checkInitialised() {
+      const constructor = this.constructor;
+      const moduleName = constructor.moduleName;
+      if (moduleName && isInitialised(this.$root, moduleName)) {
+        throw new InitError(constructor);
+      }
+    }
+    static checkSupport() {
+      if (!isSupported()) {
+        throw new SupportError();
+      }
+    }
+  }
+
+  /**
+   * @typedef ChildClass
+   * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component
+   */
+
+  /**
+   * @typedef {typeof Component & ChildClass} ChildClassConstructor
+   */
+  Component.elementType = HTMLElement;
+
+  const configOverride = Symbol.for('configOverride');
+  class ConfigurableComponent extends Component {
+    [configOverride](param) {
+      return {};
+    }
+
+    /**
+     * Returns the root element of the component
+     *
+     * @protected
+     * @returns {ConfigurationType} - the root element of component
+     */
+    get config() {
+      return this._config;
+    }
+    constructor($root, config) {
+      super($root);
+      this._config = void 0;
+      const childConstructor = this.constructor;
+      if (!isObject(childConstructor.defaults)) {
+        throw new ConfigError(formatErrorMessage(childConstructor, 'Config passed as parameter into constructor but no defaults defined'));
+      }
+      const datasetConfig = normaliseDataset(childConstructor, this._$root.dataset);
+      this._config = mergeConfigs(childConstructor.defaults, config != null ? config : {}, this[configOverride](datasetConfig), datasetConfig);
+    }
+  }
+  function normaliseString(value, property) {
+    const trimmedValue = value ? value.trim() : '';
+    let output;
+    let outputType = property == null ? void 0 : property.type;
+    if (!outputType) {
+      if (['true', 'false'].includes(trimmedValue)) {
+        outputType = 'boolean';
+      }
+      if (trimmedValue.length > 0 && isFinite(Number(trimmedValue))) {
+        outputType = 'number';
+      }
+    }
+    switch (outputType) {
+      case 'boolean':
+        output = trimmedValue === 'true';
+        break;
+      case 'number':
+        output = Number(trimmedValue);
+        break;
+      default:
+        output = value;
+    }
+    return output;
+  }
+  function normaliseDataset(Component, dataset) {
+    if (!isObject(Component.schema)) {
+      throw new ConfigError(formatErrorMessage(Component, 'Config passed as parameter into constructor but no schema defined'));
+    }
+    const out = {};
+    const entries = Object.entries(Component.schema.properties);
+    for (const entry of entries) {
+      const [namespace, property] = entry;
+      const field = namespace.toString();
+      if (field in dataset) {
+        out[field] = normaliseString(dataset[field], property);
+      }
+      if ((property == null ? void 0 : property.type) === 'object') {
+        out[field] = extractConfigByNamespace(Component.schema, dataset, namespace);
+      }
+    }
+    return out;
+  }
+  function mergeConfigs(...configObjects) {
+    const formattedConfigObject = {};
+    for (const configObject of configObjects) {
+      for (const key of Object.keys(configObject)) {
+        const option = formattedConfigObject[key];
+        const override = configObject[key];
+        if (isObject(option) && isObject(override)) {
+          formattedConfigObject[key] = mergeConfigs(option, override);
+        } else {
+          formattedConfigObject[key] = override;
+        }
+      }
+    }
+    return formattedConfigObject;
+  }
+  function extractConfigByNamespace(schema, dataset, namespace) {
+    const property = schema.properties[namespace];
+    if ((property == null ? void 0 : property.type) !== 'object') {
+      return;
+    }
+    const newObject = {
+      [namespace]: {}
+    };
+    for (const [key, value] of Object.entries(dataset)) {
+      let current = newObject;
+      const keyParts = key.split('.');
+      for (const [index, name] of keyParts.entries()) {
+        if (isObject(current)) {
+          if (index < keyParts.length - 1) {
+            if (!isObject(current[name])) {
+              current[name] = {};
+            }
+            current = current[name];
+          } else if (key !== namespace) {
+            current[name] = normaliseString(value);
+          }
+        }
+      }
+    }
+    return newObject[namespace];
+  }
+  /**
+   * Schema for component config
+   *
+   * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType
+   * @typedef {object} Schema
+   * @property {Record<keyof ConfigurationType, SchemaProperty | undefined>} properties - Schema properties
+   * @property {SchemaCondition<ConfigurationType>[]} [anyOf] - List of schema conditions
+   */
+  /**
+   * Schema property for component config
+   *
+   * @typedef {object} SchemaProperty
+   * @property {'string' | 'boolean' | 'number' | 'object'} type - Property type
+   */
+  /**
+   * Schema condition for component config
+   *
+   * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType
+   * @typedef {object} SchemaCondition
+   * @property {(keyof ConfigurationType)[]} required - List of required config fields
+   * @property {string} errorMessage - Error message when required config fields not provided
+   */
+  /**
+   * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]
+   * @typedef ChildClass
+   * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component
+   * @property {Schema<ConfigurationType>} [schema] - The schema of the component configuration
+   * @property {ConfigurationType} [defaults] - The default values of the configuration of the component
+   */
+  /**
+   * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]
+   * @typedef {typeof Component & ChildClass<ConfigurationType>} ChildClassConstructor<ConfigurationType>
+   */
+  /**
+   * @import { CompatibleClass, Config, CreateAllOptions, OnErrorCallback } from '../init.mjs'
+   */
+
+  /**
+   * Notification Banner component
+   *
+   * @preserve
+   * @augments ConfigurableComponent<NotificationBannerConfig>
+   */
+  class NotificationBanner extends ConfigurableComponent {
+    /**
+     * @param {Element | null} $root - HTML element to use for notification banner
+     * @param {NotificationBannerConfig} [config] - Notification banner config
+     */
+    constructor($root, config = {}) {
+      super($root, config);
+      if (this.$root.getAttribute('role') === 'alert' && !this.config.disableAutoFocus) {
+        setFocus(this.$root);
+      }
+    }
+  }
+
+  /**
+   * Notification banner config
+   *
+   * @typedef {object} NotificationBannerConfig
+   * @property {boolean} [disableAutoFocus=false] - If set to `true` the
+   *   notification banner will not be focussed when the page loads. This only
+   *   applies if the component has a `role` of `alert` – in other cases the
+   *   component will not be focused on page load, regardless of this option.
+   */
+
+  /**
+   * @import { Schema } from '../../common/configuration.mjs'
+   */
+  NotificationBanner.moduleName = 'govuk-notification-banner';
+  NotificationBanner.defaults = Object.freeze({
+    disableAutoFocus: false
+  });
+  NotificationBanner.schema = Object.freeze({
+    properties: {
+      disableAutoFocus: {
+        type: 'boolean'
+      }
+    }
+  });
+
+  exports.NotificationBanner = NotificationBanner;
+
+}));
+//# sourceMappingURL=notification-banner.bundle.js.map
diff --git a/node_modules/govuk-frontend/dist/govuk/components/notification-banner/notification-banner.bundle.js.map b/node_modules/govuk-frontend/dist/govuk/components/notification-banner/notification-banner.bundle.js.map
new file mode 100644
index 0000000..e1c0662
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/notification-banner/notification-banner.bundle.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"notification-banner.bundle.js","sources":["../../../../src/govuk/common/index.mjs","../../../../src/govuk/errors/index.mjs","../../../../src/govuk/component.mjs","../../../../src/govuk/common/configuration.mjs","../../../../src/govuk/components/notification-banner/notification-banner.mjs"],"sourcesContent":["/**\n * Common helpers which do not require polyfill.\n *\n * IMPORTANT: If a helper require a polyfill, please isolate it in its own module\n * so that the polyfill can be properly tree-shaken and does not burden\n * the components that do not need that helper\n */\n\n/**\n * Get GOV.UK Frontend breakpoint value from CSS custom property\n *\n * @private\n * @param {string} name - Breakpoint name\n * @returns {{ property: string, value?: string }} Breakpoint object\n */\nexport function getBreakpoint(name) {\n  const property = `--govuk-breakpoint-${name}`\n\n  // Get value from `<html>` with breakpoints on CSS :root\n  const value = window\n    .getComputedStyle(document.documentElement)\n    .getPropertyValue(property)\n\n  return {\n    property,\n    value: value || undefined\n  }\n}\n\n/**\n * Move focus to element\n *\n * Sets tabindex to -1 to make the element programmatically focusable,\n * but removes it on blur as the element doesn't need to be focused again.\n *\n * @private\n * @template {HTMLElement} FocusElement\n * @param {FocusElement} $element - HTML element\n * @param {object} [options] - Handler options\n * @param {function(this: FocusElement): void} [options.onBeforeFocus] - Callback before focus\n * @param {function(this: FocusElement): void} [options.onBlur] - Callback on blur\n */\nexport function setFocus($element, options = {}) {\n  const isFocusable = $element.getAttribute('tabindex')\n\n  if (!isFocusable) {\n    $element.setAttribute('tabindex', '-1')\n  }\n\n  /**\n   * Handle element focus\n   */\n  function onFocus() {\n    $element.addEventListener('blur', onBlur, { once: true })\n  }\n\n  /**\n   * Handle element blur\n   */\n  function onBlur() {\n    options.onBlur?.call($element)\n\n    if (!isFocusable) {\n      $element.removeAttribute('tabindex')\n    }\n  }\n\n  // Add listener to reset element on blur, after focus\n  $element.addEventListener('focus', onFocus, { once: true })\n\n  // Focus element\n  options.onBeforeFocus?.call($element)\n  $element.focus()\n}\n\n/**\n * Checks if component is already initialised\n *\n * @internal\n * @param {Element} $root - HTML element to be checked\n * @param {string} moduleName - name of component module\n * @returns {boolean} Whether component is already initialised\n */\nexport function isInitialised($root, moduleName) {\n  return (\n    $root instanceof HTMLElement &&\n    $root.hasAttribute(`data-${moduleName}-init`)\n  )\n}\n\n/**\n * Checks if GOV.UK Frontend is supported on this page\n *\n * Some browsers will load and run our JavaScript but GOV.UK Frontend\n * won't be supported.\n *\n * @param {HTMLElement | null} [$scope] - (internal) `<body>` HTML element checked for browser support\n * @returns {boolean} Whether GOV.UK Frontend is supported on this page\n */\nexport function isSupported($scope = document.body) {\n  if (!$scope) {\n    return false\n  }\n\n  return $scope.classList.contains('govuk-frontend-supported')\n}\n\n/**\n * Check for an array\n *\n * @internal\n * @param {unknown} option - Option to check\n * @returns {boolean} Whether the option is an array\n */\nfunction isArray(option) {\n  return Array.isArray(option)\n}\n\n/**\n * Check for an object\n *\n * @internal\n * @template {Partial<Record<keyof ObjectType, unknown>>} ObjectType\n * @param {unknown | ObjectType} option - Option to check\n * @returns {option is ObjectType} Whether the option is an object\n */\nexport function isObject(option) {\n  return !!option && typeof option === 'object' && !isArray(option)\n}\n\n/**\n * Check for valid scope\n *\n * @internal\n * @template {Element | Document} ScopeType\n * @param {unknown | ScopeType} $scope - Scope of the document to search within\n * @returns {$scope is ScopeType} Whether the scope can be queried\n */\nexport function isScope($scope) {\n  return !!$scope && ($scope instanceof Element || $scope instanceof Document)\n}\n\n/**\n * Format error message\n *\n * @internal\n * @param {ComponentWithModuleName} Component - Component that threw the error\n * @param {string} message - Error message\n * @returns {string} - Formatted error message\n */\nexport function formatErrorMessage(Component, message) {\n  return `${Component.moduleName}: ${message}`\n}\n\n/* eslint-disable jsdoc/valid-types --\n * `{new(...args: any[] ): object}` is not recognised as valid\n * https://github.com/gajus/eslint-plugin-jsdoc/issues/145#issuecomment-1308722878\n * https://github.com/jsdoc-type-pratt-parser/jsdoc-type-pratt-parser/issues/131\n **/\n\n/**\n * @typedef ComponentWithModuleName\n * @property {string} moduleName - Name of the component\n */\n\n/* eslint-enable jsdoc/valid-types */\n","import { formatErrorMessage, isObject } from '../common/index.mjs'\n\n/**\n * GOV.UK Frontend error\n *\n * A base class for `Error`s thrown by GOV.UK Frontend.\n *\n * It is meant to be extended into specific types of errors\n * to be thrown by our code.\n *\n * @example\n * ```js\n * class MissingRootError extends GOVUKFrontendError {\n *   // Setting an explicit name is important as extending the class will not\n *   // set a new `name` on the subclass. The `name` property is important\n *   // to ensure intelligible error names even if the class name gets\n *   // mangled by a minifier\n *   name = \"MissingRootError\"\n * }\n * ```\n * @virtual\n */\nexport class GOVUKFrontendError extends Error {\n  name = 'GOVUKFrontendError'\n}\n\n/**\n * Indicates that GOV.UK Frontend is not supported\n */\nexport class SupportError extends GOVUKFrontendError {\n  name = 'SupportError'\n\n  /**\n   * Checks if GOV.UK Frontend is supported on this page\n   *\n   * @param {HTMLElement | null} [$scope] - HTML element `<body>` checked for browser support\n   */\n  constructor($scope = document.body) {\n    const supportMessage =\n      'noModule' in HTMLScriptElement.prototype\n        ? 'GOV.UK Frontend initialised without `<body class=\"govuk-frontend-supported\">` from template `<script>` snippet'\n        : 'GOV.UK Frontend is not supported in this browser'\n\n    super(\n      $scope\n        ? supportMessage\n        : 'GOV.UK Frontend initialised without `<script type=\"module\">`'\n    )\n  }\n}\n\n/**\n * Indicates that a component has received an illegal configuration\n */\nexport class ConfigError extends GOVUKFrontendError {\n  name = 'ConfigError'\n}\n\n/**\n * Indicates an issue with an element (possibly `null` or `undefined`)\n */\nexport class ElementError extends GOVUKFrontendError {\n  name = 'ElementError'\n\n  /**\n   * @internal\n   * @overload\n   * @param {string} message - Element error message\n   */\n\n  /**\n   * @internal\n   * @overload\n   * @param {ElementErrorOptions} options - Element error options\n   */\n\n  /**\n   * @internal\n   * @param {string | ElementErrorOptions} messageOrOptions - Element error message or options\n   */\n  constructor(messageOrOptions) {\n    let message = typeof messageOrOptions === 'string' ? messageOrOptions : ''\n\n    // Build message from options\n    if (isObject(messageOrOptions)) {\n      const { component, identifier, element, expectedType } = messageOrOptions\n\n      message = identifier\n\n      // Append reason\n      message += element\n        ? ` is not of type ${expectedType ?? 'HTMLElement'}`\n        : ' not found'\n\n      // Prepend with module name (optional)\n      if (component) {\n        message = formatErrorMessage(component, message)\n      }\n    }\n\n    super(message)\n  }\n}\n\n/**\n * Indicates that a component is already initialised\n */\nexport class InitError extends GOVUKFrontendError {\n  name = 'InitError'\n\n  /**\n   * @internal\n   * @param {ComponentWithModuleName | string} componentOrMessage - name of the component module\n   */\n  constructor(componentOrMessage) {\n    const message =\n      typeof componentOrMessage === 'string'\n        ? componentOrMessage\n        : formatErrorMessage(\n            componentOrMessage,\n            `Root element (\\`$root\\`) already initialised`\n          )\n\n    super(message)\n  }\n}\n\n/**\n * Element error options\n *\n * @internal\n * @typedef {object} ElementErrorOptions\n * @property {Element | Document | null} [element] - The element in error (optional)\n * @property {ComponentWithModuleName} [component] - Component throwing the error (optional)\n * @property {string} identifier - An identifier that'll let the user understand which element has an error. This is whatever makes the most sense\n * @property {string} [expectedType] - The type that was expected for the identifier (optional)\n */\n\n/**\n * @import { ComponentWithModuleName } from '../common/index.mjs'\n */\n","import { isInitialised, isSupported } from './common/index.mjs'\nimport { ElementError, InitError, SupportError } from './errors/index.mjs'\n\n/**\n * Base Component class\n *\n * Centralises the behaviours shared by our components\n *\n * @virtual\n * @template {Element} [RootElementType=HTMLElement]\n */\nexport class Component {\n  /**\n   * @type {typeof Element}\n   */\n  static elementType = HTMLElement\n\n  // allows Typescript user to work around the lack of types\n  // in GOVUKFrontend package, Typescript is not aware of $root\n  // in components that extend GOVUKFrontendComponent\n  /**\n   * Returns the root element of the component\n   *\n   * @protected\n   * @returns {RootElementType} - the root element of component\n   */\n  get $root() {\n    return this._$root\n  }\n\n  /**\n   * @protected\n   * @type {RootElementType}\n   */\n  _$root\n\n  /**\n   * Constructs a new component, validating that GOV.UK Frontend is supported\n   *\n   * @internal\n   * @param {Element | null} [$root] - HTML element to use for component\n   */\n  constructor($root) {\n    const childConstructor = /** @type {ChildClassConstructor} */ (\n      this.constructor\n    )\n\n    // TypeScript does not enforce that inheriting classes will define a `moduleName`\n    // (even if we add a `@virtual` `static moduleName` property to this class).\n    // While we trust users to do this correctly, we do a little check to provide them\n    // a helpful error message.\n    //\n    // After this, we'll be sure that `childConstructor` has a `moduleName`\n    // as expected of the `ChildClassConstructor` we've cast `this.constructor` to.\n    if (typeof childConstructor.moduleName !== 'string') {\n      throw new InitError(`\\`moduleName\\` not defined in component`)\n    }\n\n    if (!($root instanceof childConstructor.elementType)) {\n      throw new ElementError({\n        element: $root,\n        component: childConstructor,\n        identifier: 'Root element (`$root`)',\n        expectedType: childConstructor.elementType.name\n      })\n    } else {\n      this._$root = /** @type {RootElementType} */ ($root)\n    }\n\n    childConstructor.checkSupport()\n\n    this.checkInitialised()\n\n    const moduleName = childConstructor.moduleName\n\n    this.$root.setAttribute(`data-${moduleName}-init`, '')\n  }\n\n  /**\n   * Validates whether component is already initialised\n   *\n   * @private\n   * @throws {InitError} when component is already initialised\n   */\n  checkInitialised() {\n    const constructor = /** @type {ChildClassConstructor} */ (this.constructor)\n    const moduleName = constructor.moduleName\n\n    if (moduleName && isInitialised(this.$root, moduleName)) {\n      throw new InitError(constructor)\n    }\n  }\n\n  /**\n   * Validates whether components are supported\n   *\n   * @throws {SupportError} when the components are not supported\n   */\n  static checkSupport() {\n    if (!isSupported()) {\n      throw new SupportError()\n    }\n  }\n}\n\n/**\n * @typedef ChildClass\n * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component\n */\n\n/**\n * @typedef {typeof Component & ChildClass} ChildClassConstructor\n */\n","import { Component } from '../component.mjs'\nimport { ConfigError } from '../errors/index.mjs'\n\nimport { isObject, isScope, formatErrorMessage } from './index.mjs'\n\nexport const configOverride = Symbol.for('configOverride')\n\n/**\n * Base Component class\n *\n * Centralises the behaviours shared by our components\n *\n * @virtual\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]\n * @template {Element & { dataset: DOMStringMap }} [RootElementType=HTMLElement]\n * @augments Component<RootElementType>\n */\nexport class ConfigurableComponent extends Component {\n  /**\n   * configOverride\n   *\n   * Function which defines configuration overrides to prioritize\n   * properties from the root element's dataset.\n   *\n   * It should take a subset of configuration as input and return\n   * a new configuration object with properties that should be\n   * overridden based on the root element's dataset. A Symbol\n   * is used for indexing to prevent conflicts.\n   *\n   * @internal\n   * @virtual\n   * @param {Partial<ConfigurationType>} [param] - Configuration object\n   * @returns {Partial<ConfigurationType>} return - Configuration object\n   */\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  [configOverride](param) {\n    return {}\n  }\n\n  /**\n   * Returns the root element of the component\n   *\n   * @protected\n   * @returns {ConfigurationType} - the root element of component\n   */\n  get config() {\n    return this._config\n  }\n\n  /**\n   *\n   * @type {ConfigurationType}\n   */\n  _config\n\n  /**\n   * Constructs a new component, validating that GOV.UK Frontend is supported\n   *\n   * @internal\n   * @param {Element | null} [$root] - HTML element to use for component\n   * @param {ConfigurationType} [config] - HTML element to use for component\n   */\n  constructor($root, config) {\n    super($root)\n\n    const childConstructor =\n      /** @type {ChildClassConstructor<ConfigurationType>} */ (this.constructor)\n\n    if (!isObject(childConstructor.defaults)) {\n      throw new ConfigError(\n        formatErrorMessage(\n          childConstructor,\n          'Config passed as parameter into constructor but no defaults defined'\n        )\n      )\n    }\n\n    const datasetConfig = /** @type {ConfigurationType} */ (\n      normaliseDataset(childConstructor, this._$root.dataset)\n    )\n\n    this._config = /** @type {ConfigurationType} */ (\n      mergeConfigs(\n        childConstructor.defaults,\n        config ?? {},\n        this[configOverride](datasetConfig),\n        datasetConfig\n      )\n    )\n  }\n}\n\n/**\n * Normalise string\n *\n * 'If it looks like a duck, and it quacks like a duck…' 🦆\n *\n * If the passed value looks like a boolean or a number, convert it to a boolean\n * or number.\n *\n * Designed to be used to convert config passed via data attributes (which are\n * always strings) into something sensible.\n *\n * @internal\n * @param {DOMStringMap[string]} value - The value to normalise\n * @param {SchemaProperty} [property] - Component schema property\n * @returns {string | boolean | number | undefined} Normalised data\n */\nexport function normaliseString(value, property) {\n  const trimmedValue = value ? value.trim() : ''\n\n  let output\n  let outputType = property?.type\n\n  // No schema type set? Determine automatically\n  if (!outputType) {\n    if (['true', 'false'].includes(trimmedValue)) {\n      outputType = 'boolean'\n    }\n\n    // Empty / whitespace-only strings are considered finite so we need to check\n    // the length of the trimmed string as well\n    if (trimmedValue.length > 0 && isFinite(Number(trimmedValue))) {\n      outputType = 'number'\n    }\n  }\n\n  switch (outputType) {\n    case 'boolean':\n      output = trimmedValue === 'true'\n      break\n\n    case 'number':\n      output = Number(trimmedValue)\n      break\n\n    default:\n      output = value\n  }\n\n  return output\n}\n\n/**\n * Normalise dataset\n *\n * Loop over an object and normalise each value using {@link normaliseString},\n * optionally expanding nested `i18n.field`\n *\n * @internal\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @template {[keyof ConfigurationType, SchemaProperty | undefined][]} SchemaEntryType\n * @param {{ schema?: Schema<ConfigurationType>, moduleName: string }} Component - Component class\n * @param {DOMStringMap} dataset - HTML element dataset\n * @returns {ObjectNested} Normalised dataset\n */\nexport function normaliseDataset(Component, dataset) {\n  if (!isObject(Component.schema)) {\n    throw new ConfigError(\n      formatErrorMessage(\n        Component,\n        'Config passed as parameter into constructor but no schema defined'\n      )\n    )\n  }\n\n  const out = /** @type {ObjectNested} */ ({})\n  const entries = /** @type {SchemaEntryType} */ (\n    Object.entries(Component.schema.properties)\n  )\n\n  // Normalise top-level dataset ('data-*') values using schema types\n  for (const entry of entries) {\n    const [namespace, property] = entry\n\n    // Cast the `namespace` to string so it can be used to access the dataset\n    const field = namespace.toString()\n\n    if (field in dataset) {\n      out[field] = normaliseString(dataset[field], property)\n    }\n\n    /**\n     * Extract and normalise nested object values automatically using\n     * {@link normaliseString} but only schema object types are allowed\n     */\n    if (property?.type === 'object') {\n      out[field] = extractConfigByNamespace(\n        Component.schema,\n        dataset,\n        namespace\n      )\n    }\n  }\n\n  return out\n}\n\n/**\n * Normalise options passed to `initAll` or `createAll`\n *\n * @internal\n * @template {CompatibleClass} ComponentClass\n * @param {Config | CreateAllOptions<ComponentClass> | OnErrorCallback<ComponentClass> | Element | Document | null} [scopeOrOptions] - Scope of the document to search within, initialisation options or error callback function\n * @returns {CreateAllOptions<ComponentClass>} Normalised options\n */\nexport function normaliseOptions(scopeOrOptions) {\n  let /** @type {Element | Document | null} */ $scope = document\n  let /** @type {OnErrorCallback<ComponentClass> | undefined} */ onError\n\n  // Handle options object\n  if (isObject(scopeOrOptions)) {\n    const options = scopeOrOptions\n\n    // Scope must be valid or null\n    if (isScope(options.scope) || options.scope === null) {\n      $scope = options.scope\n    }\n\n    // Error handler must be a function\n    if (typeof options.onError === 'function') {\n      onError = options.onError\n    }\n  }\n\n  if (isScope(scopeOrOptions)) {\n    $scope = scopeOrOptions\n  } else if (scopeOrOptions === null) {\n    $scope = null\n  } else if (typeof scopeOrOptions === 'function') {\n    onError = scopeOrOptions\n  }\n\n  return {\n    scope: $scope,\n    onError\n  }\n}\n\n/**\n * Config merging function\n *\n * Takes any number of objects and combines them together, with\n * greatest priority on the LAST item passed in.\n *\n * @internal\n * @param {...{ [key: string]: unknown }} configObjects - Config objects to merge\n * @returns {{ [key: string]: unknown }} A merged config object\n */\nexport function mergeConfigs(...configObjects) {\n  // Start with an empty object as our base\n  /** @type {{ [key: string]: unknown }} */\n  const formattedConfigObject = {}\n\n  // Loop through each of the passed objects\n  for (const configObject of configObjects) {\n    for (const key of Object.keys(configObject)) {\n      const option = formattedConfigObject[key]\n      const override = configObject[key]\n\n      // Push their keys one-by-one into formattedConfigObject. Any duplicate\n      // keys with object values will be merged, otherwise the new value will\n      // override the existing value.\n      if (isObject(option) && isObject(override)) {\n        formattedConfigObject[key] = mergeConfigs(option, override)\n      } else {\n        // Apply override\n        formattedConfigObject[key] = override\n      }\n    }\n  }\n\n  return formattedConfigObject\n}\n\n/**\n * Validate component config by schema\n *\n * Follows limited examples in JSON schema for wider support in future\n *\n * {@link https://ajv.js.org/json-schema.html#compound-keywords}\n * {@link https://ajv.js.org/packages/ajv-errors.html#single-message}\n *\n * @internal\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @param {Schema<ConfigurationType>} schema - The schema of a component\n * @param {ConfigurationType} config - Component config\n * @returns {string[]} List of validation errors\n */\nexport function validateConfig(schema, config) {\n  const validationErrors = []\n\n  // Check errors for each schema\n  for (const [name, conditions] of Object.entries(schema)) {\n    const errors = []\n\n    // Check errors for each schema condition\n    if (Array.isArray(conditions)) {\n      for (const { required, errorMessage } of conditions) {\n        if (!required.every((key) => !!config[key])) {\n          errors.push(errorMessage) // Missing config key value\n        }\n      }\n\n      // Check one condition passes or add errors\n      if (name === 'anyOf' && !(conditions.length - errors.length >= 1)) {\n        validationErrors.push(...errors)\n      }\n    }\n  }\n\n  return validationErrors\n}\n\n/**\n * Extracts keys starting with a particular namespace from dataset ('data-*')\n * object, removing the namespace in the process, normalising all values\n *\n * @internal\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @param {Schema<ConfigurationType>} schema - The schema of a component\n * @param {DOMStringMap} dataset - The object to extract key-value pairs from\n * @param {keyof ConfigurationType} namespace - The namespace to filter keys with\n * @returns {ObjectNested | undefined} Nested object with dot-separated key namespace removed\n */\nexport function extractConfigByNamespace(schema, dataset, namespace) {\n  const property = schema.properties[namespace]\n\n  // Only extract configs for object schema properties\n  if (property?.type !== 'object') {\n    return\n  }\n\n  // Add default empty config\n  const newObject = /** @type {Record<typeof namespace, ObjectNested>} */ ({\n    [namespace]: {}\n  })\n\n  for (const [key, value] of Object.entries(dataset)) {\n    /** @type {ObjectNested | ObjectNested[NestedKey]} */\n    let current = newObject\n\n    // Split the key into parts, using . as our namespace separator\n    const keyParts = key.split('.')\n\n    /**\n     * Create new level per part\n     *\n     * e.g. 'i18n.textareaDescription.other' becomes\n     * `{ i18n: { textareaDescription: { other } } }`\n     */\n    for (const [index, name] of keyParts.entries()) {\n      if (isObject(current)) {\n        // Drop down to nested object until the last part\n        if (index < keyParts.length - 1) {\n          // New nested object (optionally) replaces existing value\n          if (!isObject(current[name])) {\n            current[name] = {}\n          }\n\n          // Drop down into new or existing nested object\n          current = current[name]\n        } else if (key !== namespace) {\n          // Normalised value (optionally) replaces existing value\n          current[name] = normaliseString(value)\n        }\n      }\n    }\n  }\n\n  return newObject[namespace]\n}\n\n/**\n * @internal\n * @typedef {keyof ObjectNested} NestedKey\n * @typedef {{ [key: string]: string | boolean | number | ObjectNested | undefined }} ObjectNested\n */\n\n/**\n * Schema for component config\n *\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @typedef {object} Schema\n * @property {Record<keyof ConfigurationType, SchemaProperty | undefined>} properties - Schema properties\n * @property {SchemaCondition<ConfigurationType>[]} [anyOf] - List of schema conditions\n */\n\n/**\n * Schema property for component config\n *\n * @typedef {object} SchemaProperty\n * @property {'string' | 'boolean' | 'number' | 'object'} type - Property type\n */\n\n/**\n * Schema condition for component config\n *\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @typedef {object} SchemaCondition\n * @property {(keyof ConfigurationType)[]} required - List of required config fields\n * @property {string} errorMessage - Error message when required config fields not provided\n */\n\n/**\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]\n * @typedef ChildClass\n * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component\n * @property {Schema<ConfigurationType>} [schema] - The schema of the component configuration\n * @property {ConfigurationType} [defaults] - The default values of the configuration of the component\n */\n\n/**\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]\n * @typedef {typeof Component & ChildClass<ConfigurationType>} ChildClassConstructor<ConfigurationType>\n */\n\n/**\n * @import { CompatibleClass, Config, CreateAllOptions, OnErrorCallback } from '../init.mjs'\n */\n","import { ConfigurableComponent } from '../../common/configuration.mjs'\nimport { setFocus } from '../../common/index.mjs'\n\n/**\n * Notification Banner component\n *\n * @preserve\n * @augments ConfigurableComponent<NotificationBannerConfig>\n */\nexport class NotificationBanner extends ConfigurableComponent {\n  /**\n   * @param {Element | null} $root - HTML element to use for notification banner\n   * @param {NotificationBannerConfig} [config] - Notification banner config\n   */\n  constructor($root, config = {}) {\n    super($root, config)\n\n    /**\n     * Focus the notification banner\n     *\n     * If `role=\"alert\"` is set, focus the element to help some assistive\n     * technologies prioritise announcing it.\n     *\n     * You can turn off the auto-focus functionality by setting\n     * `data-disable-auto-focus=\"true\"` in the component HTML. You might wish to\n     * do this based on user research findings, or to avoid a clash with another\n     * element which should be focused when the page loads.\n     */\n    if (\n      this.$root.getAttribute('role') === 'alert' &&\n      !this.config.disableAutoFocus\n    ) {\n      setFocus(this.$root)\n    }\n  }\n\n  /**\n   * Name for the component used when initialising using data-module attributes.\n   */\n  static moduleName = 'govuk-notification-banner'\n\n  /**\n   * Notification banner default config\n   *\n   * @see {@link NotificationBannerConfig}\n   * @constant\n   * @type {NotificationBannerConfig}\n   */\n  static defaults = Object.freeze({\n    disableAutoFocus: false\n  })\n\n  /**\n   * Notification banner config schema\n   *\n   * @constant\n   * @satisfies {Schema<NotificationBannerConfig>}\n   */\n  static schema = Object.freeze({\n    properties: {\n      disableAutoFocus: { type: 'boolean' }\n    }\n  })\n}\n\n/**\n * Notification banner config\n *\n * @typedef {object} NotificationBannerConfig\n * @property {boolean} [disableAutoFocus=false] - If set to `true` the\n *   notification banner will not be focussed when the page loads. This only\n *   applies if the component has a `role` of `alert` – in other cases the\n *   component will not be focused on page load, regardless of this option.\n */\n\n/**\n * @import { Schema } from '../../common/configuration.mjs'\n */\n"],"names":["setFocus","$element","options","_options$onBeforeFocu","isFocusable","getAttribute","setAttribute","onFocus","addEventListener","onBlur","once","_options$onBlur","call","removeAttribute","onBeforeFocus","focus","isInitialised","$root","moduleName","HTMLElement","hasAttribute","isSupported","$scope","document","body","classList","contains","isArray","option","Array","isObject","formatErrorMessage","Component","message","GOVUKFrontendError","Error","constructor","args","name","SupportError","supportMessage","HTMLScriptElement","prototype","ConfigError","ElementError","messageOrOptions","component","identifier","element","expectedType","InitError","componentOrMessage","_$root","childConstructor","elementType","checkSupport","checkInitialised","configOverride","Symbol","for","ConfigurableComponent","param","config","_config","defaults","datasetConfig","normaliseDataset","dataset","mergeConfigs","normaliseString","value","property","trimmedValue","trim","output","outputType","type","includes","length","isFinite","Number","schema","out","entries","Object","properties","entry","namespace","field","toString","extractConfigByNamespace","configObjects","formattedConfigObject","configObject","key","keys","override","newObject","current","keyParts","split","index","NotificationBanner","disableAutoFocus","freeze"],"mappings":"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"}
\ No newline at end of file
diff --git a/node_modules/govuk-frontend/dist/govuk/components/notification-banner/notification-banner.bundle.mjs b/node_modules/govuk-frontend/dist/govuk/components/notification-banner/notification-banner.bundle.mjs
new file mode 100644
index 0000000..d380c57
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/notification-banner/notification-banner.bundle.mjs
@@ -0,0 +1,359 @@
+function setFocus($element, options = {}) {
+  var _options$onBeforeFocu;
+  const isFocusable = $element.getAttribute('tabindex');
+  if (!isFocusable) {
+    $element.setAttribute('tabindex', '-1');
+  }
+  function onFocus() {
+    $element.addEventListener('blur', onBlur, {
+      once: true
+    });
+  }
+  function onBlur() {
+    var _options$onBlur;
+    (_options$onBlur = options.onBlur) == null || _options$onBlur.call($element);
+    if (!isFocusable) {
+      $element.removeAttribute('tabindex');
+    }
+  }
+  $element.addEventListener('focus', onFocus, {
+    once: true
+  });
+  (_options$onBeforeFocu = options.onBeforeFocus) == null || _options$onBeforeFocu.call($element);
+  $element.focus();
+}
+function isInitialised($root, moduleName) {
+  return $root instanceof HTMLElement && $root.hasAttribute(`data-${moduleName}-init`);
+}
+
+/**
+ * Checks if GOV.UK Frontend is supported on this page
+ *
+ * Some browsers will load and run our JavaScript but GOV.UK Frontend
+ * won't be supported.
+ *
+ * @param {HTMLElement | null} [$scope] - (internal) `<body>` HTML element checked for browser support
+ * @returns {boolean} Whether GOV.UK Frontend is supported on this page
+ */
+function isSupported($scope = document.body) {
+  if (!$scope) {
+    return false;
+  }
+  return $scope.classList.contains('govuk-frontend-supported');
+}
+function isArray(option) {
+  return Array.isArray(option);
+}
+function isObject(option) {
+  return !!option && typeof option === 'object' && !isArray(option);
+}
+function formatErrorMessage(Component, message) {
+  return `${Component.moduleName}: ${message}`;
+}
+/**
+ * @typedef ComponentWithModuleName
+ * @property {string} moduleName - Name of the component
+ */
+
+class GOVUKFrontendError extends Error {
+  constructor(...args) {
+    super(...args);
+    this.name = 'GOVUKFrontendError';
+  }
+}
+class SupportError extends GOVUKFrontendError {
+  /**
+   * Checks if GOV.UK Frontend is supported on this page
+   *
+   * @param {HTMLElement | null} [$scope] - HTML element `<body>` checked for browser support
+   */
+  constructor($scope = document.body) {
+    const supportMessage = 'noModule' in HTMLScriptElement.prototype ? 'GOV.UK Frontend initialised without `<body class="govuk-frontend-supported">` from template `<script>` snippet' : 'GOV.UK Frontend is not supported in this browser';
+    super($scope ? supportMessage : 'GOV.UK Frontend initialised without `<script type="module">`');
+    this.name = 'SupportError';
+  }
+}
+class ConfigError extends GOVUKFrontendError {
+  constructor(...args) {
+    super(...args);
+    this.name = 'ConfigError';
+  }
+}
+class ElementError extends GOVUKFrontendError {
+  constructor(messageOrOptions) {
+    let message = typeof messageOrOptions === 'string' ? messageOrOptions : '';
+    if (isObject(messageOrOptions)) {
+      const {
+        component,
+        identifier,
+        element,
+        expectedType
+      } = messageOrOptions;
+      message = identifier;
+      message += element ? ` is not of type ${expectedType != null ? expectedType : 'HTMLElement'}` : ' not found';
+      if (component) {
+        message = formatErrorMessage(component, message);
+      }
+    }
+    super(message);
+    this.name = 'ElementError';
+  }
+}
+class InitError extends GOVUKFrontendError {
+  constructor(componentOrMessage) {
+    const message = typeof componentOrMessage === 'string' ? componentOrMessage : formatErrorMessage(componentOrMessage, `Root element (\`$root\`) already initialised`);
+    super(message);
+    this.name = 'InitError';
+  }
+}
+/**
+ * @import { ComponentWithModuleName } from '../common/index.mjs'
+ */
+
+class Component {
+  /**
+   * Returns the root element of the component
+   *
+   * @protected
+   * @returns {RootElementType} - the root element of component
+   */
+  get $root() {
+    return this._$root;
+  }
+  constructor($root) {
+    this._$root = void 0;
+    const childConstructor = this.constructor;
+    if (typeof childConstructor.moduleName !== 'string') {
+      throw new InitError(`\`moduleName\` not defined in component`);
+    }
+    if (!($root instanceof childConstructor.elementType)) {
+      throw new ElementError({
+        element: $root,
+        component: childConstructor,
+        identifier: 'Root element (`$root`)',
+        expectedType: childConstructor.elementType.name
+      });
+    } else {
+      this._$root = $root;
+    }
+    childConstructor.checkSupport();
+    this.checkInitialised();
+    const moduleName = childConstructor.moduleName;
+    this.$root.setAttribute(`data-${moduleName}-init`, '');
+  }
+  checkInitialised() {
+    const constructor = this.constructor;
+    const moduleName = constructor.moduleName;
+    if (moduleName && isInitialised(this.$root, moduleName)) {
+      throw new InitError(constructor);
+    }
+  }
+  static checkSupport() {
+    if (!isSupported()) {
+      throw new SupportError();
+    }
+  }
+}
+
+/**
+ * @typedef ChildClass
+ * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component
+ */
+
+/**
+ * @typedef {typeof Component & ChildClass} ChildClassConstructor
+ */
+Component.elementType = HTMLElement;
+
+const configOverride = Symbol.for('configOverride');
+class ConfigurableComponent extends Component {
+  [configOverride](param) {
+    return {};
+  }
+
+  /**
+   * Returns the root element of the component
+   *
+   * @protected
+   * @returns {ConfigurationType} - the root element of component
+   */
+  get config() {
+    return this._config;
+  }
+  constructor($root, config) {
+    super($root);
+    this._config = void 0;
+    const childConstructor = this.constructor;
+    if (!isObject(childConstructor.defaults)) {
+      throw new ConfigError(formatErrorMessage(childConstructor, 'Config passed as parameter into constructor but no defaults defined'));
+    }
+    const datasetConfig = normaliseDataset(childConstructor, this._$root.dataset);
+    this._config = mergeConfigs(childConstructor.defaults, config != null ? config : {}, this[configOverride](datasetConfig), datasetConfig);
+  }
+}
+function normaliseString(value, property) {
+  const trimmedValue = value ? value.trim() : '';
+  let output;
+  let outputType = property == null ? void 0 : property.type;
+  if (!outputType) {
+    if (['true', 'false'].includes(trimmedValue)) {
+      outputType = 'boolean';
+    }
+    if (trimmedValue.length > 0 && isFinite(Number(trimmedValue))) {
+      outputType = 'number';
+    }
+  }
+  switch (outputType) {
+    case 'boolean':
+      output = trimmedValue === 'true';
+      break;
+    case 'number':
+      output = Number(trimmedValue);
+      break;
+    default:
+      output = value;
+  }
+  return output;
+}
+function normaliseDataset(Component, dataset) {
+  if (!isObject(Component.schema)) {
+    throw new ConfigError(formatErrorMessage(Component, 'Config passed as parameter into constructor but no schema defined'));
+  }
+  const out = {};
+  const entries = Object.entries(Component.schema.properties);
+  for (const entry of entries) {
+    const [namespace, property] = entry;
+    const field = namespace.toString();
+    if (field in dataset) {
+      out[field] = normaliseString(dataset[field], property);
+    }
+    if ((property == null ? void 0 : property.type) === 'object') {
+      out[field] = extractConfigByNamespace(Component.schema, dataset, namespace);
+    }
+  }
+  return out;
+}
+function mergeConfigs(...configObjects) {
+  const formattedConfigObject = {};
+  for (const configObject of configObjects) {
+    for (const key of Object.keys(configObject)) {
+      const option = formattedConfigObject[key];
+      const override = configObject[key];
+      if (isObject(option) && isObject(override)) {
+        formattedConfigObject[key] = mergeConfigs(option, override);
+      } else {
+        formattedConfigObject[key] = override;
+      }
+    }
+  }
+  return formattedConfigObject;
+}
+function extractConfigByNamespace(schema, dataset, namespace) {
+  const property = schema.properties[namespace];
+  if ((property == null ? void 0 : property.type) !== 'object') {
+    return;
+  }
+  const newObject = {
+    [namespace]: {}
+  };
+  for (const [key, value] of Object.entries(dataset)) {
+    let current = newObject;
+    const keyParts = key.split('.');
+    for (const [index, name] of keyParts.entries()) {
+      if (isObject(current)) {
+        if (index < keyParts.length - 1) {
+          if (!isObject(current[name])) {
+            current[name] = {};
+          }
+          current = current[name];
+        } else if (key !== namespace) {
+          current[name] = normaliseString(value);
+        }
+      }
+    }
+  }
+  return newObject[namespace];
+}
+/**
+ * Schema for component config
+ *
+ * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType
+ * @typedef {object} Schema
+ * @property {Record<keyof ConfigurationType, SchemaProperty | undefined>} properties - Schema properties
+ * @property {SchemaCondition<ConfigurationType>[]} [anyOf] - List of schema conditions
+ */
+/**
+ * Schema property for component config
+ *
+ * @typedef {object} SchemaProperty
+ * @property {'string' | 'boolean' | 'number' | 'object'} type - Property type
+ */
+/**
+ * Schema condition for component config
+ *
+ * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType
+ * @typedef {object} SchemaCondition
+ * @property {(keyof ConfigurationType)[]} required - List of required config fields
+ * @property {string} errorMessage - Error message when required config fields not provided
+ */
+/**
+ * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]
+ * @typedef ChildClass
+ * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component
+ * @property {Schema<ConfigurationType>} [schema] - The schema of the component configuration
+ * @property {ConfigurationType} [defaults] - The default values of the configuration of the component
+ */
+/**
+ * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]
+ * @typedef {typeof Component & ChildClass<ConfigurationType>} ChildClassConstructor<ConfigurationType>
+ */
+/**
+ * @import { CompatibleClass, Config, CreateAllOptions, OnErrorCallback } from '../init.mjs'
+ */
+
+/**
+ * Notification Banner component
+ *
+ * @preserve
+ * @augments ConfigurableComponent<NotificationBannerConfig>
+ */
+class NotificationBanner extends ConfigurableComponent {
+  /**
+   * @param {Element | null} $root - HTML element to use for notification banner
+   * @param {NotificationBannerConfig} [config] - Notification banner config
+   */
+  constructor($root, config = {}) {
+    super($root, config);
+    if (this.$root.getAttribute('role') === 'alert' && !this.config.disableAutoFocus) {
+      setFocus(this.$root);
+    }
+  }
+}
+
+/**
+ * Notification banner config
+ *
+ * @typedef {object} NotificationBannerConfig
+ * @property {boolean} [disableAutoFocus=false] - If set to `true` the
+ *   notification banner will not be focussed when the page loads. This only
+ *   applies if the component has a `role` of `alert` – in other cases the
+ *   component will not be focused on page load, regardless of this option.
+ */
+
+/**
+ * @import { Schema } from '../../common/configuration.mjs'
+ */
+NotificationBanner.moduleName = 'govuk-notification-banner';
+NotificationBanner.defaults = Object.freeze({
+  disableAutoFocus: false
+});
+NotificationBanner.schema = Object.freeze({
+  properties: {
+    disableAutoFocus: {
+      type: 'boolean'
+    }
+  }
+});
+
+export { NotificationBanner };
+//# sourceMappingURL=notification-banner.bundle.mjs.map
diff --git a/node_modules/govuk-frontend/dist/govuk/components/notification-banner/notification-banner.bundle.mjs.map b/node_modules/govuk-frontend/dist/govuk/components/notification-banner/notification-banner.bundle.mjs.map
new file mode 100644
index 0000000..4294b03
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/notification-banner/notification-banner.bundle.mjs.map
@@ -0,0 +1 @@
+{"version":3,"file":"notification-banner.bundle.mjs","sources":["../../../../src/govuk/common/index.mjs","../../../../src/govuk/errors/index.mjs","../../../../src/govuk/component.mjs","../../../../src/govuk/common/configuration.mjs","../../../../src/govuk/components/notification-banner/notification-banner.mjs"],"sourcesContent":["/**\n * Common helpers which do not require polyfill.\n *\n * IMPORTANT: If a helper require a polyfill, please isolate it in its own module\n * so that the polyfill can be properly tree-shaken and does not burden\n * the components that do not need that helper\n */\n\n/**\n * Get GOV.UK Frontend breakpoint value from CSS custom property\n *\n * @private\n * @param {string} name - Breakpoint name\n * @returns {{ property: string, value?: string }} Breakpoint object\n */\nexport function getBreakpoint(name) {\n  const property = `--govuk-breakpoint-${name}`\n\n  // Get value from `<html>` with breakpoints on CSS :root\n  const value = window\n    .getComputedStyle(document.documentElement)\n    .getPropertyValue(property)\n\n  return {\n    property,\n    value: value || undefined\n  }\n}\n\n/**\n * Move focus to element\n *\n * Sets tabindex to -1 to make the element programmatically focusable,\n * but removes it on blur as the element doesn't need to be focused again.\n *\n * @private\n * @template {HTMLElement} FocusElement\n * @param {FocusElement} $element - HTML element\n * @param {object} [options] - Handler options\n * @param {function(this: FocusElement): void} [options.onBeforeFocus] - Callback before focus\n * @param {function(this: FocusElement): void} [options.onBlur] - Callback on blur\n */\nexport function setFocus($element, options = {}) {\n  const isFocusable = $element.getAttribute('tabindex')\n\n  if (!isFocusable) {\n    $element.setAttribute('tabindex', '-1')\n  }\n\n  /**\n   * Handle element focus\n   */\n  function onFocus() {\n    $element.addEventListener('blur', onBlur, { once: true })\n  }\n\n  /**\n   * Handle element blur\n   */\n  function onBlur() {\n    options.onBlur?.call($element)\n\n    if (!isFocusable) {\n      $element.removeAttribute('tabindex')\n    }\n  }\n\n  // Add listener to reset element on blur, after focus\n  $element.addEventListener('focus', onFocus, { once: true })\n\n  // Focus element\n  options.onBeforeFocus?.call($element)\n  $element.focus()\n}\n\n/**\n * Checks if component is already initialised\n *\n * @internal\n * @param {Element} $root - HTML element to be checked\n * @param {string} moduleName - name of component module\n * @returns {boolean} Whether component is already initialised\n */\nexport function isInitialised($root, moduleName) {\n  return (\n    $root instanceof HTMLElement &&\n    $root.hasAttribute(`data-${moduleName}-init`)\n  )\n}\n\n/**\n * Checks if GOV.UK Frontend is supported on this page\n *\n * Some browsers will load and run our JavaScript but GOV.UK Frontend\n * won't be supported.\n *\n * @param {HTMLElement | null} [$scope] - (internal) `<body>` HTML element checked for browser support\n * @returns {boolean} Whether GOV.UK Frontend is supported on this page\n */\nexport function isSupported($scope = document.body) {\n  if (!$scope) {\n    return false\n  }\n\n  return $scope.classList.contains('govuk-frontend-supported')\n}\n\n/**\n * Check for an array\n *\n * @internal\n * @param {unknown} option - Option to check\n * @returns {boolean} Whether the option is an array\n */\nfunction isArray(option) {\n  return Array.isArray(option)\n}\n\n/**\n * Check for an object\n *\n * @internal\n * @template {Partial<Record<keyof ObjectType, unknown>>} ObjectType\n * @param {unknown | ObjectType} option - Option to check\n * @returns {option is ObjectType} Whether the option is an object\n */\nexport function isObject(option) {\n  return !!option && typeof option === 'object' && !isArray(option)\n}\n\n/**\n * Check for valid scope\n *\n * @internal\n * @template {Element | Document} ScopeType\n * @param {unknown | ScopeType} $scope - Scope of the document to search within\n * @returns {$scope is ScopeType} Whether the scope can be queried\n */\nexport function isScope($scope) {\n  return !!$scope && ($scope instanceof Element || $scope instanceof Document)\n}\n\n/**\n * Format error message\n *\n * @internal\n * @param {ComponentWithModuleName} Component - Component that threw the error\n * @param {string} message - Error message\n * @returns {string} - Formatted error message\n */\nexport function formatErrorMessage(Component, message) {\n  return `${Component.moduleName}: ${message}`\n}\n\n/* eslint-disable jsdoc/valid-types --\n * `{new(...args: any[] ): object}` is not recognised as valid\n * https://github.com/gajus/eslint-plugin-jsdoc/issues/145#issuecomment-1308722878\n * https://github.com/jsdoc-type-pratt-parser/jsdoc-type-pratt-parser/issues/131\n **/\n\n/**\n * @typedef ComponentWithModuleName\n * @property {string} moduleName - Name of the component\n */\n\n/* eslint-enable jsdoc/valid-types */\n","import { formatErrorMessage, isObject } from '../common/index.mjs'\n\n/**\n * GOV.UK Frontend error\n *\n * A base class for `Error`s thrown by GOV.UK Frontend.\n *\n * It is meant to be extended into specific types of errors\n * to be thrown by our code.\n *\n * @example\n * ```js\n * class MissingRootError extends GOVUKFrontendError {\n *   // Setting an explicit name is important as extending the class will not\n *   // set a new `name` on the subclass. The `name` property is important\n *   // to ensure intelligible error names even if the class name gets\n *   // mangled by a minifier\n *   name = \"MissingRootError\"\n * }\n * ```\n * @virtual\n */\nexport class GOVUKFrontendError extends Error {\n  name = 'GOVUKFrontendError'\n}\n\n/**\n * Indicates that GOV.UK Frontend is not supported\n */\nexport class SupportError extends GOVUKFrontendError {\n  name = 'SupportError'\n\n  /**\n   * Checks if GOV.UK Frontend is supported on this page\n   *\n   * @param {HTMLElement | null} [$scope] - HTML element `<body>` checked for browser support\n   */\n  constructor($scope = document.body) {\n    const supportMessage =\n      'noModule' in HTMLScriptElement.prototype\n        ? 'GOV.UK Frontend initialised without `<body class=\"govuk-frontend-supported\">` from template `<script>` snippet'\n        : 'GOV.UK Frontend is not supported in this browser'\n\n    super(\n      $scope\n        ? supportMessage\n        : 'GOV.UK Frontend initialised without `<script type=\"module\">`'\n    )\n  }\n}\n\n/**\n * Indicates that a component has received an illegal configuration\n */\nexport class ConfigError extends GOVUKFrontendError {\n  name = 'ConfigError'\n}\n\n/**\n * Indicates an issue with an element (possibly `null` or `undefined`)\n */\nexport class ElementError extends GOVUKFrontendError {\n  name = 'ElementError'\n\n  /**\n   * @internal\n   * @overload\n   * @param {string} message - Element error message\n   */\n\n  /**\n   * @internal\n   * @overload\n   * @param {ElementErrorOptions} options - Element error options\n   */\n\n  /**\n   * @internal\n   * @param {string | ElementErrorOptions} messageOrOptions - Element error message or options\n   */\n  constructor(messageOrOptions) {\n    let message = typeof messageOrOptions === 'string' ? messageOrOptions : ''\n\n    // Build message from options\n    if (isObject(messageOrOptions)) {\n      const { component, identifier, element, expectedType } = messageOrOptions\n\n      message = identifier\n\n      // Append reason\n      message += element\n        ? ` is not of type ${expectedType ?? 'HTMLElement'}`\n        : ' not found'\n\n      // Prepend with module name (optional)\n      if (component) {\n        message = formatErrorMessage(component, message)\n      }\n    }\n\n    super(message)\n  }\n}\n\n/**\n * Indicates that a component is already initialised\n */\nexport class InitError extends GOVUKFrontendError {\n  name = 'InitError'\n\n  /**\n   * @internal\n   * @param {ComponentWithModuleName | string} componentOrMessage - name of the component module\n   */\n  constructor(componentOrMessage) {\n    const message =\n      typeof componentOrMessage === 'string'\n        ? componentOrMessage\n        : formatErrorMessage(\n            componentOrMessage,\n            `Root element (\\`$root\\`) already initialised`\n          )\n\n    super(message)\n  }\n}\n\n/**\n * Element error options\n *\n * @internal\n * @typedef {object} ElementErrorOptions\n * @property {Element | Document | null} [element] - The element in error (optional)\n * @property {ComponentWithModuleName} [component] - Component throwing the error (optional)\n * @property {string} identifier - An identifier that'll let the user understand which element has an error. This is whatever makes the most sense\n * @property {string} [expectedType] - The type that was expected for the identifier (optional)\n */\n\n/**\n * @import { ComponentWithModuleName } from '../common/index.mjs'\n */\n","import { isInitialised, isSupported } from './common/index.mjs'\nimport { ElementError, InitError, SupportError } from './errors/index.mjs'\n\n/**\n * Base Component class\n *\n * Centralises the behaviours shared by our components\n *\n * @virtual\n * @template {Element} [RootElementType=HTMLElement]\n */\nexport class Component {\n  /**\n   * @type {typeof Element}\n   */\n  static elementType = HTMLElement\n\n  // allows Typescript user to work around the lack of types\n  // in GOVUKFrontend package, Typescript is not aware of $root\n  // in components that extend GOVUKFrontendComponent\n  /**\n   * Returns the root element of the component\n   *\n   * @protected\n   * @returns {RootElementType} - the root element of component\n   */\n  get $root() {\n    return this._$root\n  }\n\n  /**\n   * @protected\n   * @type {RootElementType}\n   */\n  _$root\n\n  /**\n   * Constructs a new component, validating that GOV.UK Frontend is supported\n   *\n   * @internal\n   * @param {Element | null} [$root] - HTML element to use for component\n   */\n  constructor($root) {\n    const childConstructor = /** @type {ChildClassConstructor} */ (\n      this.constructor\n    )\n\n    // TypeScript does not enforce that inheriting classes will define a `moduleName`\n    // (even if we add a `@virtual` `static moduleName` property to this class).\n    // While we trust users to do this correctly, we do a little check to provide them\n    // a helpful error message.\n    //\n    // After this, we'll be sure that `childConstructor` has a `moduleName`\n    // as expected of the `ChildClassConstructor` we've cast `this.constructor` to.\n    if (typeof childConstructor.moduleName !== 'string') {\n      throw new InitError(`\\`moduleName\\` not defined in component`)\n    }\n\n    if (!($root instanceof childConstructor.elementType)) {\n      throw new ElementError({\n        element: $root,\n        component: childConstructor,\n        identifier: 'Root element (`$root`)',\n        expectedType: childConstructor.elementType.name\n      })\n    } else {\n      this._$root = /** @type {RootElementType} */ ($root)\n    }\n\n    childConstructor.checkSupport()\n\n    this.checkInitialised()\n\n    const moduleName = childConstructor.moduleName\n\n    this.$root.setAttribute(`data-${moduleName}-init`, '')\n  }\n\n  /**\n   * Validates whether component is already initialised\n   *\n   * @private\n   * @throws {InitError} when component is already initialised\n   */\n  checkInitialised() {\n    const constructor = /** @type {ChildClassConstructor} */ (this.constructor)\n    const moduleName = constructor.moduleName\n\n    if (moduleName && isInitialised(this.$root, moduleName)) {\n      throw new InitError(constructor)\n    }\n  }\n\n  /**\n   * Validates whether components are supported\n   *\n   * @throws {SupportError} when the components are not supported\n   */\n  static checkSupport() {\n    if (!isSupported()) {\n      throw new SupportError()\n    }\n  }\n}\n\n/**\n * @typedef ChildClass\n * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component\n */\n\n/**\n * @typedef {typeof Component & ChildClass} ChildClassConstructor\n */\n","import { Component } from '../component.mjs'\nimport { ConfigError } from '../errors/index.mjs'\n\nimport { isObject, isScope, formatErrorMessage } from './index.mjs'\n\nexport const configOverride = Symbol.for('configOverride')\n\n/**\n * Base Component class\n *\n * Centralises the behaviours shared by our components\n *\n * @virtual\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]\n * @template {Element & { dataset: DOMStringMap }} [RootElementType=HTMLElement]\n * @augments Component<RootElementType>\n */\nexport class ConfigurableComponent extends Component {\n  /**\n   * configOverride\n   *\n   * Function which defines configuration overrides to prioritize\n   * properties from the root element's dataset.\n   *\n   * It should take a subset of configuration as input and return\n   * a new configuration object with properties that should be\n   * overridden based on the root element's dataset. A Symbol\n   * is used for indexing to prevent conflicts.\n   *\n   * @internal\n   * @virtual\n   * @param {Partial<ConfigurationType>} [param] - Configuration object\n   * @returns {Partial<ConfigurationType>} return - Configuration object\n   */\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  [configOverride](param) {\n    return {}\n  }\n\n  /**\n   * Returns the root element of the component\n   *\n   * @protected\n   * @returns {ConfigurationType} - the root element of component\n   */\n  get config() {\n    return this._config\n  }\n\n  /**\n   *\n   * @type {ConfigurationType}\n   */\n  _config\n\n  /**\n   * Constructs a new component, validating that GOV.UK Frontend is supported\n   *\n   * @internal\n   * @param {Element | null} [$root] - HTML element to use for component\n   * @param {ConfigurationType} [config] - HTML element to use for component\n   */\n  constructor($root, config) {\n    super($root)\n\n    const childConstructor =\n      /** @type {ChildClassConstructor<ConfigurationType>} */ (this.constructor)\n\n    if (!isObject(childConstructor.defaults)) {\n      throw new ConfigError(\n        formatErrorMessage(\n          childConstructor,\n          'Config passed as parameter into constructor but no defaults defined'\n        )\n      )\n    }\n\n    const datasetConfig = /** @type {ConfigurationType} */ (\n      normaliseDataset(childConstructor, this._$root.dataset)\n    )\n\n    this._config = /** @type {ConfigurationType} */ (\n      mergeConfigs(\n        childConstructor.defaults,\n        config ?? {},\n        this[configOverride](datasetConfig),\n        datasetConfig\n      )\n    )\n  }\n}\n\n/**\n * Normalise string\n *\n * 'If it looks like a duck, and it quacks like a duck…' 🦆\n *\n * If the passed value looks like a boolean or a number, convert it to a boolean\n * or number.\n *\n * Designed to be used to convert config passed via data attributes (which are\n * always strings) into something sensible.\n *\n * @internal\n * @param {DOMStringMap[string]} value - The value to normalise\n * @param {SchemaProperty} [property] - Component schema property\n * @returns {string | boolean | number | undefined} Normalised data\n */\nexport function normaliseString(value, property) {\n  const trimmedValue = value ? value.trim() : ''\n\n  let output\n  let outputType = property?.type\n\n  // No schema type set? Determine automatically\n  if (!outputType) {\n    if (['true', 'false'].includes(trimmedValue)) {\n      outputType = 'boolean'\n    }\n\n    // Empty / whitespace-only strings are considered finite so we need to check\n    // the length of the trimmed string as well\n    if (trimmedValue.length > 0 && isFinite(Number(trimmedValue))) {\n      outputType = 'number'\n    }\n  }\n\n  switch (outputType) {\n    case 'boolean':\n      output = trimmedValue === 'true'\n      break\n\n    case 'number':\n      output = Number(trimmedValue)\n      break\n\n    default:\n      output = value\n  }\n\n  return output\n}\n\n/**\n * Normalise dataset\n *\n * Loop over an object and normalise each value using {@link normaliseString},\n * optionally expanding nested `i18n.field`\n *\n * @internal\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @template {[keyof ConfigurationType, SchemaProperty | undefined][]} SchemaEntryType\n * @param {{ schema?: Schema<ConfigurationType>, moduleName: string }} Component - Component class\n * @param {DOMStringMap} dataset - HTML element dataset\n * @returns {ObjectNested} Normalised dataset\n */\nexport function normaliseDataset(Component, dataset) {\n  if (!isObject(Component.schema)) {\n    throw new ConfigError(\n      formatErrorMessage(\n        Component,\n        'Config passed as parameter into constructor but no schema defined'\n      )\n    )\n  }\n\n  const out = /** @type {ObjectNested} */ ({})\n  const entries = /** @type {SchemaEntryType} */ (\n    Object.entries(Component.schema.properties)\n  )\n\n  // Normalise top-level dataset ('data-*') values using schema types\n  for (const entry of entries) {\n    const [namespace, property] = entry\n\n    // Cast the `namespace` to string so it can be used to access the dataset\n    const field = namespace.toString()\n\n    if (field in dataset) {\n      out[field] = normaliseString(dataset[field], property)\n    }\n\n    /**\n     * Extract and normalise nested object values automatically using\n     * {@link normaliseString} but only schema object types are allowed\n     */\n    if (property?.type === 'object') {\n      out[field] = extractConfigByNamespace(\n        Component.schema,\n        dataset,\n        namespace\n      )\n    }\n  }\n\n  return out\n}\n\n/**\n * Normalise options passed to `initAll` or `createAll`\n *\n * @internal\n * @template {CompatibleClass} ComponentClass\n * @param {Config | CreateAllOptions<ComponentClass> | OnErrorCallback<ComponentClass> | Element | Document | null} [scopeOrOptions] - Scope of the document to search within, initialisation options or error callback function\n * @returns {CreateAllOptions<ComponentClass>} Normalised options\n */\nexport function normaliseOptions(scopeOrOptions) {\n  let /** @type {Element | Document | null} */ $scope = document\n  let /** @type {OnErrorCallback<ComponentClass> | undefined} */ onError\n\n  // Handle options object\n  if (isObject(scopeOrOptions)) {\n    const options = scopeOrOptions\n\n    // Scope must be valid or null\n    if (isScope(options.scope) || options.scope === null) {\n      $scope = options.scope\n    }\n\n    // Error handler must be a function\n    if (typeof options.onError === 'function') {\n      onError = options.onError\n    }\n  }\n\n  if (isScope(scopeOrOptions)) {\n    $scope = scopeOrOptions\n  } else if (scopeOrOptions === null) {\n    $scope = null\n  } else if (typeof scopeOrOptions === 'function') {\n    onError = scopeOrOptions\n  }\n\n  return {\n    scope: $scope,\n    onError\n  }\n}\n\n/**\n * Config merging function\n *\n * Takes any number of objects and combines them together, with\n * greatest priority on the LAST item passed in.\n *\n * @internal\n * @param {...{ [key: string]: unknown }} configObjects - Config objects to merge\n * @returns {{ [key: string]: unknown }} A merged config object\n */\nexport function mergeConfigs(...configObjects) {\n  // Start with an empty object as our base\n  /** @type {{ [key: string]: unknown }} */\n  const formattedConfigObject = {}\n\n  // Loop through each of the passed objects\n  for (const configObject of configObjects) {\n    for (const key of Object.keys(configObject)) {\n      const option = formattedConfigObject[key]\n      const override = configObject[key]\n\n      // Push their keys one-by-one into formattedConfigObject. Any duplicate\n      // keys with object values will be merged, otherwise the new value will\n      // override the existing value.\n      if (isObject(option) && isObject(override)) {\n        formattedConfigObject[key] = mergeConfigs(option, override)\n      } else {\n        // Apply override\n        formattedConfigObject[key] = override\n      }\n    }\n  }\n\n  return formattedConfigObject\n}\n\n/**\n * Validate component config by schema\n *\n * Follows limited examples in JSON schema for wider support in future\n *\n * {@link https://ajv.js.org/json-schema.html#compound-keywords}\n * {@link https://ajv.js.org/packages/ajv-errors.html#single-message}\n *\n * @internal\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @param {Schema<ConfigurationType>} schema - The schema of a component\n * @param {ConfigurationType} config - Component config\n * @returns {string[]} List of validation errors\n */\nexport function validateConfig(schema, config) {\n  const validationErrors = []\n\n  // Check errors for each schema\n  for (const [name, conditions] of Object.entries(schema)) {\n    const errors = []\n\n    // Check errors for each schema condition\n    if (Array.isArray(conditions)) {\n      for (const { required, errorMessage } of conditions) {\n        if (!required.every((key) => !!config[key])) {\n          errors.push(errorMessage) // Missing config key value\n        }\n      }\n\n      // Check one condition passes or add errors\n      if (name === 'anyOf' && !(conditions.length - errors.length >= 1)) {\n        validationErrors.push(...errors)\n      }\n    }\n  }\n\n  return validationErrors\n}\n\n/**\n * Extracts keys starting with a particular namespace from dataset ('data-*')\n * object, removing the namespace in the process, normalising all values\n *\n * @internal\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @param {Schema<ConfigurationType>} schema - The schema of a component\n * @param {DOMStringMap} dataset - The object to extract key-value pairs from\n * @param {keyof ConfigurationType} namespace - The namespace to filter keys with\n * @returns {ObjectNested | undefined} Nested object with dot-separated key namespace removed\n */\nexport function extractConfigByNamespace(schema, dataset, namespace) {\n  const property = schema.properties[namespace]\n\n  // Only extract configs for object schema properties\n  if (property?.type !== 'object') {\n    return\n  }\n\n  // Add default empty config\n  const newObject = /** @type {Record<typeof namespace, ObjectNested>} */ ({\n    [namespace]: {}\n  })\n\n  for (const [key, value] of Object.entries(dataset)) {\n    /** @type {ObjectNested | ObjectNested[NestedKey]} */\n    let current = newObject\n\n    // Split the key into parts, using . as our namespace separator\n    const keyParts = key.split('.')\n\n    /**\n     * Create new level per part\n     *\n     * e.g. 'i18n.textareaDescription.other' becomes\n     * `{ i18n: { textareaDescription: { other } } }`\n     */\n    for (const [index, name] of keyParts.entries()) {\n      if (isObject(current)) {\n        // Drop down to nested object until the last part\n        if (index < keyParts.length - 1) {\n          // New nested object (optionally) replaces existing value\n          if (!isObject(current[name])) {\n            current[name] = {}\n          }\n\n          // Drop down into new or existing nested object\n          current = current[name]\n        } else if (key !== namespace) {\n          // Normalised value (optionally) replaces existing value\n          current[name] = normaliseString(value)\n        }\n      }\n    }\n  }\n\n  return newObject[namespace]\n}\n\n/**\n * @internal\n * @typedef {keyof ObjectNested} NestedKey\n * @typedef {{ [key: string]: string | boolean | number | ObjectNested | undefined }} ObjectNested\n */\n\n/**\n * Schema for component config\n *\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @typedef {object} Schema\n * @property {Record<keyof ConfigurationType, SchemaProperty | undefined>} properties - Schema properties\n * @property {SchemaCondition<ConfigurationType>[]} [anyOf] - List of schema conditions\n */\n\n/**\n * Schema property for component config\n *\n * @typedef {object} SchemaProperty\n * @property {'string' | 'boolean' | 'number' | 'object'} type - Property type\n */\n\n/**\n * Schema condition for component config\n *\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @typedef {object} SchemaCondition\n * @property {(keyof ConfigurationType)[]} required - List of required config fields\n * @property {string} errorMessage - Error message when required config fields not provided\n */\n\n/**\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]\n * @typedef ChildClass\n * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component\n * @property {Schema<ConfigurationType>} [schema] - The schema of the component configuration\n * @property {ConfigurationType} [defaults] - The default values of the configuration of the component\n */\n\n/**\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]\n * @typedef {typeof Component & ChildClass<ConfigurationType>} ChildClassConstructor<ConfigurationType>\n */\n\n/**\n * @import { CompatibleClass, Config, CreateAllOptions, OnErrorCallback } from '../init.mjs'\n */\n","import { ConfigurableComponent } from '../../common/configuration.mjs'\nimport { setFocus } from '../../common/index.mjs'\n\n/**\n * Notification Banner component\n *\n * @preserve\n * @augments ConfigurableComponent<NotificationBannerConfig>\n */\nexport class NotificationBanner extends ConfigurableComponent {\n  /**\n   * @param {Element | null} $root - HTML element to use for notification banner\n   * @param {NotificationBannerConfig} [config] - Notification banner config\n   */\n  constructor($root, config = {}) {\n    super($root, config)\n\n    /**\n     * Focus the notification banner\n     *\n     * If `role=\"alert\"` is set, focus the element to help some assistive\n     * technologies prioritise announcing it.\n     *\n     * You can turn off the auto-focus functionality by setting\n     * `data-disable-auto-focus=\"true\"` in the component HTML. You might wish to\n     * do this based on user research findings, or to avoid a clash with another\n     * element which should be focused when the page loads.\n     */\n    if (\n      this.$root.getAttribute('role') === 'alert' &&\n      !this.config.disableAutoFocus\n    ) {\n      setFocus(this.$root)\n    }\n  }\n\n  /**\n   * Name for the component used when initialising using data-module attributes.\n   */\n  static moduleName = 'govuk-notification-banner'\n\n  /**\n   * Notification banner default config\n   *\n   * @see {@link NotificationBannerConfig}\n   * @constant\n   * @type {NotificationBannerConfig}\n   */\n  static defaults = Object.freeze({\n    disableAutoFocus: false\n  })\n\n  /**\n   * Notification banner config schema\n   *\n   * @constant\n   * @satisfies {Schema<NotificationBannerConfig>}\n   */\n  static schema = Object.freeze({\n    properties: {\n      disableAutoFocus: { type: 'boolean' }\n    }\n  })\n}\n\n/**\n * Notification banner config\n *\n * @typedef {object} NotificationBannerConfig\n * @property {boolean} [disableAutoFocus=false] - If set to `true` the\n *   notification banner will not be focussed when the page loads. This only\n *   applies if the component has a `role` of `alert` – in other cases the\n *   component will not be focused on page load, regardless of this option.\n */\n\n/**\n * @import { Schema } from '../../common/configuration.mjs'\n */\n"],"names":["setFocus","$element","options","_options$onBeforeFocu","isFocusable","getAttribute","setAttribute","onFocus","addEventListener","onBlur","once","_options$onBlur","call","removeAttribute","onBeforeFocus","focus","isInitialised","$root","moduleName","HTMLElement","hasAttribute","isSupported","$scope","document","body","classList","contains","isArray","option","Array","isObject","formatErrorMessage","Component","message","GOVUKFrontendError","Error","constructor","args","name","SupportError","supportMessage","HTMLScriptElement","prototype","ConfigError","ElementError","messageOrOptions","component","identifier","element","expectedType","InitError","componentOrMessage","_$root","childConstructor","elementType","checkSupport","checkInitialised","configOverride","Symbol","for","ConfigurableComponent","param","config","_config","defaults","datasetConfig","normaliseDataset","dataset","mergeConfigs","normaliseString","value","property","trimmedValue","trim","output","outputType","type","includes","length","isFinite","Number","schema","out","entries","Object","properties","entry","namespace","field","toString","extractConfigByNamespace","configObjects","formattedConfigObject","configObject","key","keys","override","newObject","current","keyParts","split","index","NotificationBanner","disableAutoFocus","freeze"],"mappings":"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"}
\ No newline at end of file
diff --git a/node_modules/govuk-frontend/dist/govuk/components/notification-banner/notification-banner.mjs b/node_modules/govuk-frontend/dist/govuk/components/notification-banner/notification-banner.mjs
new file mode 100644
index 0000000..62f89b5
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/notification-banner/notification-banner.mjs
@@ -0,0 +1,49 @@
+import { ConfigurableComponent } from '../../common/configuration.mjs';
+import { setFocus } from '../../common/index.mjs';
+
+/**
+ * Notification Banner component
+ *
+ * @preserve
+ * @augments ConfigurableComponent<NotificationBannerConfig>
+ */
+class NotificationBanner extends ConfigurableComponent {
+  /**
+   * @param {Element | null} $root - HTML element to use for notification banner
+   * @param {NotificationBannerConfig} [config] - Notification banner config
+   */
+  constructor($root, config = {}) {
+    super($root, config);
+    if (this.$root.getAttribute('role') === 'alert' && !this.config.disableAutoFocus) {
+      setFocus(this.$root);
+    }
+  }
+}
+
+/**
+ * Notification banner config
+ *
+ * @typedef {object} NotificationBannerConfig
+ * @property {boolean} [disableAutoFocus=false] - If set to `true` the
+ *   notification banner will not be focussed when the page loads. This only
+ *   applies if the component has a `role` of `alert` – in other cases the
+ *   component will not be focused on page load, regardless of this option.
+ */
+
+/**
+ * @import { Schema } from '../../common/configuration.mjs'
+ */
+NotificationBanner.moduleName = 'govuk-notification-banner';
+NotificationBanner.defaults = Object.freeze({
+  disableAutoFocus: false
+});
+NotificationBanner.schema = Object.freeze({
+  properties: {
+    disableAutoFocus: {
+      type: 'boolean'
+    }
+  }
+});
+
+export { NotificationBanner };
+//# sourceMappingURL=notification-banner.mjs.map
diff --git a/node_modules/govuk-frontend/dist/govuk/components/notification-banner/notification-banner.mjs.map b/node_modules/govuk-frontend/dist/govuk/components/notification-banner/notification-banner.mjs.map
new file mode 100644
index 0000000..507dd5d
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/notification-banner/notification-banner.mjs.map
@@ -0,0 +1 @@
+{"version":3,"file":"notification-banner.mjs","sources":["../../../../src/govuk/components/notification-banner/notification-banner.mjs"],"sourcesContent":["import { ConfigurableComponent } from '../../common/configuration.mjs'\nimport { setFocus } from '../../common/index.mjs'\n\n/**\n * Notification Banner component\n *\n * @preserve\n * @augments ConfigurableComponent<NotificationBannerConfig>\n */\nexport class NotificationBanner extends ConfigurableComponent {\n  /**\n   * @param {Element | null} $root - HTML element to use for notification banner\n   * @param {NotificationBannerConfig} [config] - Notification banner config\n   */\n  constructor($root, config = {}) {\n    super($root, config)\n\n    /**\n     * Focus the notification banner\n     *\n     * If `role=\"alert\"` is set, focus the element to help some assistive\n     * technologies prioritise announcing it.\n     *\n     * You can turn off the auto-focus functionality by setting\n     * `data-disable-auto-focus=\"true\"` in the component HTML. You might wish to\n     * do this based on user research findings, or to avoid a clash with another\n     * element which should be focused when the page loads.\n     */\n    if (\n      this.$root.getAttribute('role') === 'alert' &&\n      !this.config.disableAutoFocus\n    ) {\n      setFocus(this.$root)\n    }\n  }\n\n  /**\n   * Name for the component used when initialising using data-module attributes.\n   */\n  static moduleName = 'govuk-notification-banner'\n\n  /**\n   * Notification banner default config\n   *\n   * @see {@link NotificationBannerConfig}\n   * @constant\n   * @type {NotificationBannerConfig}\n   */\n  static defaults = Object.freeze({\n    disableAutoFocus: false\n  })\n\n  /**\n   * Notification banner config schema\n   *\n   * @constant\n   * @satisfies {Schema<NotificationBannerConfig>}\n   */\n  static schema = Object.freeze({\n    properties: {\n      disableAutoFocus: { type: 'boolean' }\n    }\n  })\n}\n\n/**\n * Notification banner config\n *\n * @typedef {object} NotificationBannerConfig\n * @property {boolean} [disableAutoFocus=false] - If set to `true` the\n *   notification banner will not be focussed when the page loads. This only\n *   applies if the component has a `role` of `alert` – in other cases the\n *   component will not be focused on page load, regardless of this option.\n */\n\n/**\n * @import { Schema } from '../../common/configuration.mjs'\n */\n"],"names":["NotificationBanner","ConfigurableComponent","constructor","$root","config","getAttribute","disableAutoFocus","setFocus","moduleName","defaults","Object","freeze","schema","properties","type"],"mappings":";;;AAGA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMA,kBAAkB,SAASC,qBAAqB,CAAC;AAC5D;AACF;AACA;AACA;AACEC,EAAAA,WAAWA,CAACC,KAAK,EAAEC,MAAM,GAAG,EAAE,EAAE;AAC9B,IAAA,KAAK,CAACD,KAAK,EAAEC,MAAM,CAAC;AAapB,IAAA,IACE,IAAI,CAACD,KAAK,CAACE,YAAY,CAAC,MAAM,CAAC,KAAK,OAAO,IAC3C,CAAC,IAAI,CAACD,MAAM,CAACE,gBAAgB,EAC7B;AACAC,MAAAA,QAAQ,CAAC,IAAI,CAACJ,KAAK,CAAC;AACtB,IAAA;AACF,EAAA;AA6BF;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AApEaH,kBAAkB,CA8BtBQ,UAAU,GAAG,2BAA2B;AA9BpCR,kBAAkB,CAuCtBS,QAAQ,GAAGC,MAAM,CAACC,MAAM,CAAC;AAC9BL,EAAAA,gBAAgB,EAAE;AACpB,CAAC,CAAC;AAzCSN,kBAAkB,CAiDtBY,MAAM,GAAGF,MAAM,CAACC,MAAM,CAAC;AAC5BE,EAAAA,UAAU,EAAE;AACVP,IAAAA,gBAAgB,EAAE;AAAEQ,MAAAA,IAAI,EAAE;AAAU;AACtC;AACF,CAAC,CAAC;;;;"}
\ No newline at end of file
diff --git a/node_modules/govuk-frontend/dist/govuk/components/notification-banner/template-default.html b/node_modules/govuk-frontend/dist/govuk/components/notification-banner/template-default.html
new file mode 100644
index 0000000..6021cbb
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/notification-banner/template-default.html
@@ -0,0 +1,12 @@
+<div class="govuk-notification-banner" role="region" aria-labelledby="govuk-notification-banner-title" data-module="govuk-notification-banner">
+  <div class="govuk-notification-banner__header">
+    <h2 class="govuk-notification-banner__title" id="govuk-notification-banner-title">
+      Important
+    </h2>
+  </div>
+  <div class="govuk-notification-banner__content">
+    <p class="govuk-notification-banner__heading">
+      This publication was withdrawn on 7 March 2014.
+    </p>
+  </div>
+</div>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/notification-banner/template-with-long-heading.html b/node_modules/govuk-frontend/dist/govuk/components/notification-banner/template-with-long-heading.html
new file mode 100644
index 0000000..4d52646
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/notification-banner/template-with-long-heading.html
@@ -0,0 +1,12 @@
+<div class="govuk-notification-banner" role="region" aria-labelledby="govuk-notification-banner-title" data-module="govuk-notification-banner">
+  <div class="govuk-notification-banner__header">
+    <h2 class="govuk-notification-banner__title" id="govuk-notification-banner-title">
+      Important
+    </h2>
+  </div>
+  <div class="govuk-notification-banner__content">
+    <p class="govuk-notification-banner__heading">
+      This publication was withdrawn on 7 March 2014, before being sent in, sent back, queried, lost, found, subjected to public inquiry, lost again, and finally buried in soft peat for three months and recycled as firelighters.
+    </p>
+  </div>
+</div>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/notification-banner/template-with-lots-of-content.html b/node_modules/govuk-frontend/dist/govuk/components/notification-banner/template-with-lots-of-content.html
new file mode 100644
index 0000000..100b4d4
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/notification-banner/template-with-lots-of-content.html
@@ -0,0 +1,19 @@
+<div class="govuk-notification-banner" role="region" aria-labelledby="govuk-notification-banner-title" data-module="govuk-notification-banner">
+  <div class="govuk-notification-banner__header">
+    <h2 class="govuk-notification-banner__title" id="govuk-notification-banner-title">
+      Important
+    </h2>
+  </div>
+  <div class="govuk-notification-banner__content">
+    <h3 class="govuk-notification-banner__heading">
+      Check if you need to apply the reverse charge to this application
+    </h3>
+    <p class="govuk-body">
+      You will have to apply the <a href="#" class="govuk-notification-banner__link">reverse charge</a> if the applicant supplies any of these services:
+    </p>
+    <ul class="govuk-list govuk-list--bullet govuk-list--spaced">
+      <li>constructing, altering, repairing, extending, demolishing or dismantling buildings or structures (whether permanent or not), including offshore installation services</li>
+      <li>constructing, altering, repairing, extending, demolishing of any works forming, or planned to form, part of the land, including (in particular) walls, roadworks, power lines, electronic communications equipment, aircraft runways, railways, inland waterways, docks and harbours</li>
+    </ul>
+  </div>
+</div>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/notification-banner/template-with-text-as-html.html b/node_modules/govuk-frontend/dist/govuk/components/notification-banner/template-with-text-as-html.html
new file mode 100644
index 0000000..b9d1d57
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/notification-banner/template-with-text-as-html.html
@@ -0,0 +1,21 @@
+<div class="govuk-notification-banner" role="region" aria-labelledby="govuk-notification-banner-title" data-module="govuk-notification-banner">
+  <div class="govuk-notification-banner__header">
+    <h2 class="govuk-notification-banner__title" id="govuk-notification-banner-title">
+      Important
+    </h2>
+  </div>
+  <div class="govuk-notification-banner__content">
+    <h3 class="govuk-notification-banner__heading">
+      This publication was withdrawn on 7 March 2014
+    </h3>
+    <p class="govuk-body">
+      The following 4 files are available
+    </p>
+    <ul class="govuk-list govuk-list--bullet govuk-!-margin-bottom-0">
+      <li><a href="#" class="govuk-notification-banner__link">government-strategy.pdf</a></li>
+      <li><a href="#" class="govuk-notification-banner__link">government-strategy-v2.pdf</a></li>
+      <li><a href="#" class="govuk-notification-banner__link">government-strategy-v3-FINAL.pdf</a></li>
+      <li><a href="#" class="govuk-notification-banner__link">government-strategy-v4-FINAL-v2.pdf</a></li>
+    </ul>
+  </div>
+</div>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/notification-banner/template-with-type-as-success.html b/node_modules/govuk-frontend/dist/govuk/components/notification-banner/template-with-type-as-success.html
new file mode 100644
index 0000000..7dd7a89
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/notification-banner/template-with-type-as-success.html
@@ -0,0 +1,12 @@
+<div class="govuk-notification-banner govuk-notification-banner--success" role="alert" aria-labelledby="govuk-notification-banner-title" data-module="govuk-notification-banner">
+  <div class="govuk-notification-banner__header">
+    <h2 class="govuk-notification-banner__title" id="govuk-notification-banner-title">
+      Success
+    </h2>
+  </div>
+  <div class="govuk-notification-banner__content">
+    <p class="govuk-notification-banner__heading">
+      Email sent to example@email.com
+    </p>
+  </div>
+</div>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/notification-banner/template.njk b/node_modules/govuk-frontend/dist/govuk/components/notification-banner/template.njk
new file mode 100644
index 0000000..62080d7
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/notification-banner/template.njk
@@ -0,0 +1,49 @@
+{% from "../../macros/attributes.njk" import govukAttributes %}
+
+{%- if params.type == "success" %}
+  {% set successBanner = true %}
+{% endif %}
+
+{%- if successBanner %}
+  {% set typeClass = "govuk-notification-banner--" + params.type %}
+{% endif %}
+
+{%- if params.role %}
+  {% set role = params.role %}
+{% elif successBanner %}
+  {#- If type is success, add `role="alert"` to prioritise the information in the notification banner to users of assistive technologies -#}
+  {% set role = "alert" %}
+{% else %}
+  {#- Otherwise add `role="region"` to make the notification banner a landmark to help users of assistive technologies to navigate to the banner -#}
+  {% set role = "region" %}
+{% endif %}
+
+{%- if params.titleHtml %}
+  {% set title = params.titleHtml | safe %}
+{%- elif params.titleText %}
+  {% set title = params.titleText %}
+{%- elif successBanner %}
+  {% set title = "Success" %}
+{%- else %}
+  {% set title = "Important" %}
+{%- endif -%}
+
+<div class="govuk-notification-banner {%- if typeClass %} {{ typeClass }}{% endif %}{% if params.classes %} {{ params.classes }}{% endif %}" role="{{ role }}" aria-labelledby="{{ params.titleId | default("govuk-notification-banner-title", true) }}" data-module="govuk-notification-banner"
+  {%- if params.disableAutoFocus !== undefined %} data-disable-auto-focus="{{ params.disableAutoFocus }}"{% endif %}
+  {{- govukAttributes(params.attributes) }}>
+  <div class="govuk-notification-banner__header">
+    <h{{ params.titleHeadingLevel | default(2, true) }} class="govuk-notification-banner__title" id="{{ params.titleId | default("govuk-notification-banner-title", true) }}">
+      {{ title }}
+    </h{{ params.titleHeadingLevel | default(2, true) }}>
+  </div>
+  <div class="govuk-notification-banner__content">
+  {% if caller or params.html %}
+    {{ caller() if caller else params.html | safe | trim | indent(4) }}
+  {% elif params.text %}
+    {# Set default style for single line content -#}
+    <p class="govuk-notification-banner__heading">
+      {{ params.text | trim | indent(6) }}
+    </p>
+  {% endif %}
+  </div>
+</div>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/pagination/README.md b/node_modules/govuk-frontend/dist/govuk/components/pagination/README.md
new file mode 100644
index 0000000..8b4f196
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/pagination/README.md
@@ -0,0 +1,15 @@
+# Pagination
+
+## Installation
+
+See the [main README quick start guide](https://github.com/alphagov/govuk-frontend#quick-start) for how to install this component.
+
+## Guidance and Examples
+
+Find out when to use the pagination component in your service in the [GOV.UK Design System](https://design-system.service.gov.uk/components/pagination).
+
+## Component options
+
+Use options to customise the appearance, content and behaviour of a component when using a macro, for example, changing the text.
+
+See [options table](https://design-system.service.gov.uk/components/details/#options-pagination-example) for details.
diff --git a/node_modules/govuk-frontend/dist/govuk/components/pagination/_index.scss b/node_modules/govuk-frontend/dist/govuk/components/pagination/_index.scss
new file mode 100644
index 0000000..9c90b8d
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/pagination/_index.scss
@@ -0,0 +1,232 @@
+@include govuk-exports("govuk/component/pagination") {
+  // Flexbox enhancement for small screen visual design
+  // Falls back to a float: left layout on non-flex browsers
+  .govuk-pagination {
+    @include govuk-responsive-margin(6, "bottom");
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    flex-wrap: wrap;
+
+    @include govuk-media-query($from: tablet) {
+      flex-direction: row;
+      align-items: flex-start;
+    }
+  }
+
+  .govuk-pagination__list {
+    margin: 0;
+    padding: 0;
+    list-style: none;
+  }
+
+  .govuk-pagination__item,
+  .govuk-pagination__next,
+  .govuk-pagination__prev {
+    @include govuk-font(19);
+    box-sizing: border-box;
+    position: relative;
+    min-width: 45px;
+    min-height: 45px;
+    padding: govuk-spacing(2) govuk-spacing(3);
+    float: left; // Float is ignored if flex is active for prev/next links
+
+    &:hover {
+      background-color: govuk-colour("light-grey");
+    }
+  }
+
+  .govuk-pagination__item {
+    // Hide items on small screens except the prev/next items,
+    // non-link items and the first and last items
+    display: none;
+
+    // Center align pagination links in their parent list item so that they
+    // visually sit in the middle of their touch area
+    text-align: center;
+
+    @include govuk-media-query($from: tablet) {
+      display: block;
+    }
+  }
+
+  .govuk-pagination__prev,
+  .govuk-pagination__next {
+    @include govuk-typography-weight-bold;
+
+    // Use flex to avoid extra space being introduced when whitespace exists
+    // between the arrow svg and the link text
+    .govuk-pagination__link {
+      display: flex;
+      align-items: center;
+    }
+  }
+
+  .govuk-pagination__prev {
+    padding-left: 0;
+  }
+
+  .govuk-pagination__next {
+    padding-right: 0;
+  }
+
+  // Only show first, last and non-link items on mobile
+  .govuk-pagination__item--current,
+  .govuk-pagination__item--ellipses,
+  .govuk-pagination__item:first-child,
+  .govuk-pagination__item:last-child {
+    display: block;
+  }
+
+  .govuk-pagination__item--current {
+    @include govuk-typography-weight-bold;
+    outline: 1px solid transparent;
+    background-color: $govuk-link-colour;
+
+    &:hover {
+      background-color: $govuk-link-colour;
+    }
+
+    .govuk-pagination__link {
+      @include govuk-link-style-inverse;
+    }
+  }
+
+  .govuk-pagination__item--ellipses {
+    @include govuk-typography-weight-bold;
+    color: $govuk-secondary-text-colour;
+
+    // Remove hover state for ellipsis items as they don't contain links
+    &:hover {
+      background-color: transparent;
+    }
+  }
+
+  .govuk-pagination__link {
+    display: block;
+    min-width: govuk-spacing(3);
+
+    // Increase the touch area for the link to the parent element.
+    @media screen {
+      &::after {
+        content: "";
+        position: absolute;
+        top: 0;
+        right: 0;
+        bottom: 0;
+        left: 0;
+      }
+    }
+
+    // Add link hover decoration to prev/next text if no label present on
+    // prev/next only mode,  so that we have a hover state in all cases
+    &:hover,
+    &:active {
+      .govuk-pagination__link-title--decorated {
+        @include govuk-link-decoration;
+      }
+
+      .govuk-pagination__link-label,
+      .govuk-pagination__link-title--decorated {
+        @include govuk-link-hover-decoration;
+      }
+    }
+
+    &:focus {
+      .govuk-pagination__icon {
+        color: $govuk-focus-text-colour;
+      }
+
+      .govuk-pagination__link-label {
+        text-decoration: none;
+      }
+
+      .govuk-pagination__link-title--decorated {
+        text-decoration: none;
+      }
+    }
+  }
+
+  .govuk-pagination__link-title {
+    text-decoration-thickness: inherit;
+  }
+
+  .govuk-pagination__link-label {
+    @include govuk-typography-weight-regular;
+    @include govuk-link-decoration;
+    display: inline-block;
+  }
+
+  .govuk-pagination__icon {
+    // Set size using rems to make the icon scale with text
+    width: govuk-px-to-rem(15px);
+    height: govuk-px-to-rem(13px);
+    color: $govuk-secondary-text-colour;
+    fill: currentcolor;
+    forced-color-adjust: auto;
+  }
+
+  .govuk-pagination__icon--prev {
+    margin-right: govuk-spacing(3);
+  }
+
+  .govuk-pagination__icon--next {
+    margin-left: govuk-spacing(3);
+  }
+
+  // Block mode - position previous and next links above and below numbers
+  .govuk-pagination--block {
+    display: block;
+
+    .govuk-pagination__next,
+    .govuk-pagination__prev {
+      padding-left: 0;
+      float: none;
+
+      .govuk-pagination__link {
+        display: inline-block;
+      }
+    }
+
+    .govuk-pagination__next {
+      padding-right: govuk-spacing(3);
+    }
+
+    // Only apply a border between prev and next if both are present
+    .govuk-pagination__prev + .govuk-pagination__next {
+      border-top: 1px solid $govuk-border-colour;
+    }
+
+    // Set the after pseudo element to a block which makes the title visually
+    // display as block level whilst programmatically being inline. We do this
+    // to get around an NVDA quirk where adjacent block level elements are
+    // always read out separately
+    .govuk-pagination__link-title::after {
+      content: "";
+      display: block;
+    }
+
+    .govuk-pagination__link {
+      padding-left: govuk-spacing(6);
+      text-align: left;
+
+      &:not(:focus) {
+        text-decoration: none;
+      }
+    }
+
+    .govuk-pagination__icon {
+      // This magic number is brought to you by the following equation:
+      // ((lineHeight − arrowHeight) ÷ 2) ÷ fontSize
+      // ((25 − 13) ÷ 2) ÷ 19 = 0.326em
+      //
+      // This could have been done programmatically but we don't have functions
+      // for grabbing the line-height of specific typography sizes just yet.
+      margin-top: 0.326em;
+      margin-left: govuk-spacing(6) * -1;
+      float: left;
+    }
+  }
+}
+
+/*# sourceMappingURL=_index.scss.map */
diff --git a/node_modules/govuk-frontend/dist/govuk/components/pagination/_index.scss.map b/node_modules/govuk-frontend/dist/govuk/components/pagination/_index.scss.map
new file mode 100644
index 0000000..6b702d4
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/pagination/_index.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/pagination/_index.scss"],"names":[],"mappings":"AAAA;EACE,oDAAoD;EACpD,yDAAyD;EACzD;IACE,6CAA6C;IAC7C,aAAa;IACb,sBAAsB;IACtB,mBAAmB;IACnB,eAAe;;IAEf;MACE,mBAAmB;MACnB,uBAAuB;IACzB;EACF;;EAEA;IACE,SAAS;IACT,UAAU;IACV,gBAAgB;EAClB;;EAEA;;;IAGE,uBAAuB;IACvB,sBAAsB;IACtB,kBAAkB;IAClB,eAAe;IACf,gBAAgB;IAChB,0CAA0C;IAC1C,WAAW,EAAE,wDAAwD;;IAErE;MACE,4CAA4C;IAC9C;EACF;;EAEA;IACE,yDAAyD;IACzD,6CAA6C;IAC7C,aAAa;;IAEb,sEAAsE;IACtE,gDAAgD;IAChD,kBAAkB;;IAElB;MACE,cAAc;IAChB;EACF;;EAEA;;IAEE,qCAAqC;;IAErC,uEAAuE;IACvE,yCAAyC;IACzC;MACE,aAAa;MACb,mBAAmB;IACrB;EACF;;EAEA;IACE,eAAe;EACjB;;EAEA;IACE,gBAAgB;EAClB;;EAEA,oDAAoD;EACpD;;;;IAIE,cAAc;EAChB;;EAEA;IACE,qCAAqC;IACrC,8BAA8B;IAC9B,oCAAoC;;IAEpC;MACE,oCAAoC;IACtC;;IAEA;MACE,iCAAiC;IACnC;EACF;;EAEA;IACE,qCAAqC;IACrC,mCAAmC;;IAEnC,mEAAmE;IACnE;MACE,6BAA6B;IAC/B;EACF;;EAEA;IACE,cAAc;IACd,2BAA2B;;IAE3B,6DAA6D;IAC7D;MACE;QACE,WAAW;QACX,kBAAkB;QAClB,MAAM;QACN,QAAQ;QACR,SAAS;QACT,OAAO;MACT;IACF;;IAEA,oEAAoE;IACpE,kEAAkE;IAClE;;MAEE;QACE,8BAA8B;MAChC;;MAEA;;QAEE,oCAAoC;MACtC;IACF;;IAEA;MACE;QACE,+BAA+B;MACjC;;MAEA;QACE,qBAAqB;MACvB;;MAEA;QACE,qBAAqB;MACvB;IACF;EACF;;EAEA;IACE,kCAAkC;EACpC;;EAEA;IACE,wCAAwC;IACxC,8BAA8B;IAC9B,qBAAqB;EACvB;;EAEA;IACE,sDAAsD;IACtD,4BAA4B;IAC5B,6BAA6B;IAC7B,mCAAmC;IACnC,kBAAkB;IAClB,yBAAyB;EAC3B;;EAEA;IACE,8BAA8B;EAChC;;EAEA;IACE,6BAA6B;EAC/B;;EAEA,uEAAuE;EACvE;IACE,cAAc;;IAEd;;MAEE,eAAe;MACf,WAAW;;MAEX;QACE,qBAAqB;MACvB;IACF;;IAEA;MACE,+BAA+B;IACjC;;IAEA,+DAA+D;IAC/D;MACE,0CAA0C;IAC5C;;IAEA,wEAAwE;IACxE,yEAAyE;IACzE,qEAAqE;IACrE,4BAA4B;IAC5B;MACE,WAAW;MACX,cAAc;IAChB;;IAEA;MACE,8BAA8B;MAC9B,gBAAgB;;MAEhB;QACE,qBAAqB;MACvB;IACF;;IAEA;MACE,gEAAgE;MAChE,6CAA6C;MAC7C,gCAAgC;MAChC,CAAC;MACD,wEAAwE;MACxE,qEAAqE;MACrE,mBAAmB;MACnB,kCAAkC;MAClC,WAAW;IACb;EACF;AACF","file":"_index.scss","sourcesContent":["@include govuk-exports(\"govuk/component/pagination\") {\n  // Flexbox enhancement for small screen visual design\n  // Falls back to a float: left layout on non-flex browsers\n  .govuk-pagination {\n    @include govuk-responsive-margin(6, \"bottom\");\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    flex-wrap: wrap;\n\n    @include govuk-media-query($from: tablet) {\n      flex-direction: row;\n      align-items: flex-start;\n    }\n  }\n\n  .govuk-pagination__list {\n    margin: 0;\n    padding: 0;\n    list-style: none;\n  }\n\n  .govuk-pagination__item,\n  .govuk-pagination__next,\n  .govuk-pagination__prev {\n    @include govuk-font(19);\n    box-sizing: border-box;\n    position: relative;\n    min-width: 45px;\n    min-height: 45px;\n    padding: govuk-spacing(2) govuk-spacing(3);\n    float: left; // Float is ignored if flex is active for prev/next links\n\n    &:hover {\n      background-color: govuk-colour(\"light-grey\");\n    }\n  }\n\n  .govuk-pagination__item {\n    // Hide items on small screens except the prev/next items,\n    // non-link items and the first and last items\n    display: none;\n\n    // Center align pagination links in their parent list item so that they\n    // visually sit in the middle of their touch area\n    text-align: center;\n\n    @include govuk-media-query($from: tablet) {\n      display: block;\n    }\n  }\n\n  .govuk-pagination__prev,\n  .govuk-pagination__next {\n    @include govuk-typography-weight-bold;\n\n    // Use flex to avoid extra space being introduced when whitespace exists\n    // between the arrow svg and the link text\n    .govuk-pagination__link {\n      display: flex;\n      align-items: center;\n    }\n  }\n\n  .govuk-pagination__prev {\n    padding-left: 0;\n  }\n\n  .govuk-pagination__next {\n    padding-right: 0;\n  }\n\n  // Only show first, last and non-link items on mobile\n  .govuk-pagination__item--current,\n  .govuk-pagination__item--ellipses,\n  .govuk-pagination__item:first-child,\n  .govuk-pagination__item:last-child {\n    display: block;\n  }\n\n  .govuk-pagination__item--current {\n    @include govuk-typography-weight-bold;\n    outline: 1px solid transparent;\n    background-color: $govuk-link-colour;\n\n    &:hover {\n      background-color: $govuk-link-colour;\n    }\n\n    .govuk-pagination__link {\n      @include govuk-link-style-inverse;\n    }\n  }\n\n  .govuk-pagination__item--ellipses {\n    @include govuk-typography-weight-bold;\n    color: $govuk-secondary-text-colour;\n\n    // Remove hover state for ellipsis items as they don't contain links\n    &:hover {\n      background-color: transparent;\n    }\n  }\n\n  .govuk-pagination__link {\n    display: block;\n    min-width: govuk-spacing(3);\n\n    // Increase the touch area for the link to the parent element.\n    @media screen {\n      &::after {\n        content: \"\";\n        position: absolute;\n        top: 0;\n        right: 0;\n        bottom: 0;\n        left: 0;\n      }\n    }\n\n    // Add link hover decoration to prev/next text if no label present on\n    // prev/next only mode,  so that we have a hover state in all cases\n    &:hover,\n    &:active {\n      .govuk-pagination__link-title--decorated {\n        @include govuk-link-decoration;\n      }\n\n      .govuk-pagination__link-label,\n      .govuk-pagination__link-title--decorated {\n        @include govuk-link-hover-decoration;\n      }\n    }\n\n    &:focus {\n      .govuk-pagination__icon {\n        color: $govuk-focus-text-colour;\n      }\n\n      .govuk-pagination__link-label {\n        text-decoration: none;\n      }\n\n      .govuk-pagination__link-title--decorated {\n        text-decoration: none;\n      }\n    }\n  }\n\n  .govuk-pagination__link-title {\n    text-decoration-thickness: inherit;\n  }\n\n  .govuk-pagination__link-label {\n    @include govuk-typography-weight-regular;\n    @include govuk-link-decoration;\n    display: inline-block;\n  }\n\n  .govuk-pagination__icon {\n    // Set size using rems to make the icon scale with text\n    width: govuk-px-to-rem(15px);\n    height: govuk-px-to-rem(13px);\n    color: $govuk-secondary-text-colour;\n    fill: currentcolor;\n    forced-color-adjust: auto;\n  }\n\n  .govuk-pagination__icon--prev {\n    margin-right: govuk-spacing(3);\n  }\n\n  .govuk-pagination__icon--next {\n    margin-left: govuk-spacing(3);\n  }\n\n  // Block mode - position previous and next links above and below numbers\n  .govuk-pagination--block {\n    display: block;\n\n    .govuk-pagination__next,\n    .govuk-pagination__prev {\n      padding-left: 0;\n      float: none;\n\n      .govuk-pagination__link {\n        display: inline-block;\n      }\n    }\n\n    .govuk-pagination__next {\n      padding-right: govuk-spacing(3);\n    }\n\n    // Only apply a border between prev and next if both are present\n    .govuk-pagination__prev + .govuk-pagination__next {\n      border-top: 1px solid $govuk-border-colour;\n    }\n\n    // Set the after pseudo element to a block which makes the title visually\n    // display as block level whilst programmatically being inline. We do this\n    // to get around an NVDA quirk where adjacent block level elements are\n    // always read out separately\n    .govuk-pagination__link-title::after {\n      content: \"\";\n      display: block;\n    }\n\n    .govuk-pagination__link {\n      padding-left: govuk-spacing(6);\n      text-align: left;\n\n      &:not(:focus) {\n        text-decoration: none;\n      }\n    }\n\n    .govuk-pagination__icon {\n      // This magic number is brought to you by the following equation:\n      // ((lineHeight − arrowHeight) ÷ 2) ÷ fontSize\n      // ((25 − 13) ÷ 2) ÷ 19 = 0.326em\n      //\n      // This could have been done programmatically but we don't have functions\n      // for grabbing the line-height of specific typography sizes just yet.\n      margin-top: 0.326em;\n      margin-left: govuk-spacing(6) * -1;\n      float: left;\n    }\n  }\n}\n"]}
diff --git a/node_modules/govuk-frontend/dist/govuk/components/pagination/_pagination.scss b/node_modules/govuk-frontend/dist/govuk/components/pagination/_pagination.scss
new file mode 100644
index 0000000..cbf110b
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/pagination/_pagination.scss
@@ -0,0 +1,4 @@
+@import "../../base";
+@import "./index";
+
+/*# sourceMappingURL=_pagination.scss.map */
diff --git a/node_modules/govuk-frontend/dist/govuk/components/pagination/_pagination.scss.map b/node_modules/govuk-frontend/dist/govuk/components/pagination/_pagination.scss.map
new file mode 100644
index 0000000..74ae7f8
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/pagination/_pagination.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/pagination/_pagination.scss"],"names":[],"mappings":"AAAA,oBAAoB;AACpB,iBAAiB","file":"_pagination.scss","sourcesContent":["@import \"../../base\";\n@import \"./index\";\n"]}
diff --git a/node_modules/govuk-frontend/dist/govuk/components/pagination/fixtures.json b/node_modules/govuk-frontend/dist/govuk/components/pagination/fixtures.json
new file mode 100644
index 0000000..4fb867b
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/pagination/fixtures.json
@@ -0,0 +1,393 @@
+{
+    "component": "pagination",
+    "fixtures": [
+        {
+            "name": "default",
+            "options": {
+                "previous": {
+                    "href": "/previous"
+                },
+                "next": {
+                    "href": "/next"
+                },
+                "items": [
+                    {
+                        "number": 1,
+                        "href": "/page/1"
+                    },
+                    {
+                        "number": 2,
+                        "href": "/page/2",
+                        "current": true
+                    },
+                    {
+                        "number": 3,
+                        "href": "/page/3"
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": true,
+            "html": "<nav class=\"govuk-pagination\" aria-label=\"Pagination\">\n  <div class=\"govuk-pagination__prev\">\n    <a class=\"govuk-link govuk-pagination__link\" href=\"/previous\" rel=\"prev\">\n      <svg class=\"govuk-pagination__icon govuk-pagination__icon--prev\" xmlns=\"http://www.w3.org/2000/svg\" height=\"13\" width=\"15\" aria-hidden=\"true\" focusable=\"false\" viewBox=\"0 0 15 13\">\n        <path d=\"m6.5938-0.0078125-6.7266 6.7266 6.7441 6.4062 1.377-1.449-4.1856-3.9768h12.896v-2h-12.984l4.2931-4.293-1.414-1.414z\"></path>\n      </svg>\n      <span class=\"govuk-pagination__link-title\">\n        Previous<span class=\"govuk-visually-hidden\"> page</span>\n      </span>\n    </a>\n  </div>\n  <ul class=\"govuk-pagination__list\">\n    <li class=\"govuk-pagination__item\">\n      <a class=\"govuk-link govuk-pagination__link\" href=\"/page/1\" aria-label=\"Page 1\">\n        1\n      </a>\n    </li>\n    <li class=\"govuk-pagination__item govuk-pagination__item--current\">\n      <a class=\"govuk-link govuk-pagination__link\" href=\"/page/2\" aria-label=\"Page 2\" aria-current=\"page\">\n        2\n      </a>\n    </li>\n    <li class=\"govuk-pagination__item\">\n      <a class=\"govuk-link govuk-pagination__link\" href=\"/page/3\" aria-label=\"Page 3\">\n        3\n      </a>\n    </li>\n  </ul>\n  <div class=\"govuk-pagination__next\">\n    <a class=\"govuk-link govuk-pagination__link\" href=\"/next\" rel=\"next\">\n      <span class=\"govuk-pagination__link-title\">\n        Next<span class=\"govuk-visually-hidden\"> page</span>\n      </span>\n      <svg class=\"govuk-pagination__icon govuk-pagination__icon--next\" xmlns=\"http://www.w3.org/2000/svg\" height=\"13\" width=\"15\" aria-hidden=\"true\" focusable=\"false\" viewBox=\"0 0 15 13\">\n        <path d=\"m8.107-0.0078125-1.4136 1.414 4.2926 4.293h-12.986v2h12.896l-4.1855 3.9766 1.377 1.4492 6.7441-6.4062-6.7246-6.7266z\"></path>\n      </svg>\n    </a>\n  </div>\n</nav>"
+        },
+        {
+            "name": "with custom link and item text",
+            "options": {
+                "previous": {
+                    "href": "/previous",
+                    "text": "Previous page"
+                },
+                "next": {
+                    "href": "/next",
+                    "text": "Next page"
+                },
+                "items": [
+                    {
+                        "number": "one",
+                        "href": "/page/1"
+                    },
+                    {
+                        "number": "two",
+                        "href": "/page/2",
+                        "current": true
+                    },
+                    {
+                        "number": "three",
+                        "href": "/page/3"
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<nav class=\"govuk-pagination\" aria-label=\"Pagination\">\n  <div class=\"govuk-pagination__prev\">\n    <a class=\"govuk-link govuk-pagination__link\" href=\"/previous\" rel=\"prev\">\n      <svg class=\"govuk-pagination__icon govuk-pagination__icon--prev\" xmlns=\"http://www.w3.org/2000/svg\" height=\"13\" width=\"15\" aria-hidden=\"true\" focusable=\"false\" viewBox=\"0 0 15 13\">\n        <path d=\"m6.5938-0.0078125-6.7266 6.7266 6.7441 6.4062 1.377-1.449-4.1856-3.9768h12.896v-2h-12.984l4.2931-4.293-1.414-1.414z\"></path>\n      </svg>\n      <span class=\"govuk-pagination__link-title\">\n        Previous page\n      </span>\n    </a>\n  </div>\n  <ul class=\"govuk-pagination__list\">\n    <li class=\"govuk-pagination__item\">\n      <a class=\"govuk-link govuk-pagination__link\" href=\"/page/1\" aria-label=\"Page one\">\n        one\n      </a>\n    </li>\n    <li class=\"govuk-pagination__item govuk-pagination__item--current\">\n      <a class=\"govuk-link govuk-pagination__link\" href=\"/page/2\" aria-label=\"Page two\" aria-current=\"page\">\n        two\n      </a>\n    </li>\n    <li class=\"govuk-pagination__item\">\n      <a class=\"govuk-link govuk-pagination__link\" href=\"/page/3\" aria-label=\"Page three\">\n        three\n      </a>\n    </li>\n  </ul>\n  <div class=\"govuk-pagination__next\">\n    <a class=\"govuk-link govuk-pagination__link\" href=\"/next\" rel=\"next\">\n      <span class=\"govuk-pagination__link-title\">\n        Next page\n      </span>\n      <svg class=\"govuk-pagination__icon govuk-pagination__icon--next\" xmlns=\"http://www.w3.org/2000/svg\" height=\"13\" width=\"15\" aria-hidden=\"true\" focusable=\"false\" viewBox=\"0 0 15 13\">\n        <path d=\"m8.107-0.0078125-1.4136 1.414 4.2926 4.293h-12.986v2h12.896l-4.1855 3.9766 1.377 1.4492 6.7441-6.4062-6.7246-6.7266z\"></path>\n      </svg>\n    </a>\n  </div>\n</nav>"
+        },
+        {
+            "name": "with many pages",
+            "options": {
+                "previous": {
+                    "href": "/previous"
+                },
+                "next": {
+                    "href": "/next"
+                },
+                "items": [
+                    {
+                        "number": 1,
+                        "href": "/page/1"
+                    },
+                    {
+                        "ellipsis": true
+                    },
+                    {
+                        "number": 8,
+                        "href": "/page/8"
+                    },
+                    {
+                        "number": 9,
+                        "href": "/page/9"
+                    },
+                    {
+                        "number": 10,
+                        "href": "/page/10",
+                        "current": true
+                    },
+                    {
+                        "number": 11,
+                        "href": "/page/11"
+                    },
+                    {
+                        "number": 12,
+                        "href": "/page/12"
+                    },
+                    {
+                        "ellipsis": true
+                    },
+                    {
+                        "number": 40,
+                        "href": "/page/40"
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<nav class=\"govuk-pagination\" aria-label=\"Pagination\">\n  <div class=\"govuk-pagination__prev\">\n    <a class=\"govuk-link govuk-pagination__link\" href=\"/previous\" rel=\"prev\">\n      <svg class=\"govuk-pagination__icon govuk-pagination__icon--prev\" xmlns=\"http://www.w3.org/2000/svg\" height=\"13\" width=\"15\" aria-hidden=\"true\" focusable=\"false\" viewBox=\"0 0 15 13\">\n        <path d=\"m6.5938-0.0078125-6.7266 6.7266 6.7441 6.4062 1.377-1.449-4.1856-3.9768h12.896v-2h-12.984l4.2931-4.293-1.414-1.414z\"></path>\n      </svg>\n      <span class=\"govuk-pagination__link-title\">\n        Previous<span class=\"govuk-visually-hidden\"> page</span>\n      </span>\n    </a>\n  </div>\n  <ul class=\"govuk-pagination__list\">\n    <li class=\"govuk-pagination__item\">\n      <a class=\"govuk-link govuk-pagination__link\" href=\"/page/1\" aria-label=\"Page 1\">\n        1\n      </a>\n    </li>\n    <li class=\"govuk-pagination__item govuk-pagination__item--ellipses\">\n      &ctdot;\n    </li>\n    <li class=\"govuk-pagination__item\">\n      <a class=\"govuk-link govuk-pagination__link\" href=\"/page/8\" aria-label=\"Page 8\">\n        8\n      </a>\n    </li>\n    <li class=\"govuk-pagination__item\">\n      <a class=\"govuk-link govuk-pagination__link\" href=\"/page/9\" aria-label=\"Page 9\">\n        9\n      </a>\n    </li>\n    <li class=\"govuk-pagination__item govuk-pagination__item--current\">\n      <a class=\"govuk-link govuk-pagination__link\" href=\"/page/10\" aria-label=\"Page 10\" aria-current=\"page\">\n        10\n      </a>\n    </li>\n    <li class=\"govuk-pagination__item\">\n      <a class=\"govuk-link govuk-pagination__link\" href=\"/page/11\" aria-label=\"Page 11\">\n        11\n      </a>\n    </li>\n    <li class=\"govuk-pagination__item\">\n      <a class=\"govuk-link govuk-pagination__link\" href=\"/page/12\" aria-label=\"Page 12\">\n        12\n      </a>\n    </li>\n    <li class=\"govuk-pagination__item govuk-pagination__item--ellipses\">\n      &ctdot;\n    </li>\n    <li class=\"govuk-pagination__item\">\n      <a class=\"govuk-link govuk-pagination__link\" href=\"/page/40\" aria-label=\"Page 40\">\n        40\n      </a>\n    </li>\n  </ul>\n  <div class=\"govuk-pagination__next\">\n    <a class=\"govuk-link govuk-pagination__link\" href=\"/next\" rel=\"next\">\n      <span class=\"govuk-pagination__link-title\">\n        Next<span class=\"govuk-visually-hidden\"> page</span>\n      </span>\n      <svg class=\"govuk-pagination__icon govuk-pagination__icon--next\" xmlns=\"http://www.w3.org/2000/svg\" height=\"13\" width=\"15\" aria-hidden=\"true\" focusable=\"false\" viewBox=\"0 0 15 13\">\n        <path d=\"m8.107-0.0078125-1.4136 1.414 4.2926 4.293h-12.986v2h12.896l-4.1855 3.9766 1.377 1.4492 6.7441-6.4062-6.7246-6.7266z\"></path>\n      </svg>\n    </a>\n  </div>\n</nav>"
+        },
+        {
+            "name": "first page",
+            "options": {
+                "next": {
+                    "href": "/next"
+                },
+                "items": [
+                    {
+                        "number": 1,
+                        "href": "/page/1",
+                        "current": true
+                    },
+                    {
+                        "number": 2,
+                        "href": "/page/2"
+                    },
+                    {
+                        "number": 3,
+                        "href": "/page/3"
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<nav class=\"govuk-pagination\" aria-label=\"Pagination\">\n  <ul class=\"govuk-pagination__list\">\n    <li class=\"govuk-pagination__item govuk-pagination__item--current\">\n      <a class=\"govuk-link govuk-pagination__link\" href=\"/page/1\" aria-label=\"Page 1\" aria-current=\"page\">\n        1\n      </a>\n    </li>\n    <li class=\"govuk-pagination__item\">\n      <a class=\"govuk-link govuk-pagination__link\" href=\"/page/2\" aria-label=\"Page 2\">\n        2\n      </a>\n    </li>\n    <li class=\"govuk-pagination__item\">\n      <a class=\"govuk-link govuk-pagination__link\" href=\"/page/3\" aria-label=\"Page 3\">\n        3\n      </a>\n    </li>\n  </ul>\n  <div class=\"govuk-pagination__next\">\n    <a class=\"govuk-link govuk-pagination__link\" href=\"/next\" rel=\"next\">\n      <span class=\"govuk-pagination__link-title\">\n        Next<span class=\"govuk-visually-hidden\"> page</span>\n      </span>\n      <svg class=\"govuk-pagination__icon govuk-pagination__icon--next\" xmlns=\"http://www.w3.org/2000/svg\" height=\"13\" width=\"15\" aria-hidden=\"true\" focusable=\"false\" viewBox=\"0 0 15 13\">\n        <path d=\"m8.107-0.0078125-1.4136 1.414 4.2926 4.293h-12.986v2h12.896l-4.1855 3.9766 1.377 1.4492 6.7441-6.4062-6.7246-6.7266z\"></path>\n      </svg>\n    </a>\n  </div>\n</nav>"
+        },
+        {
+            "name": "last page",
+            "options": {
+                "previous": {
+                    "href": "/previous"
+                },
+                "items": [
+                    {
+                        "number": 1,
+                        "href": "/page/1"
+                    },
+                    {
+                        "number": 2,
+                        "href": "/page/2"
+                    },
+                    {
+                        "number": 3,
+                        "href": "/page/3",
+                        "current": true
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<nav class=\"govuk-pagination\" aria-label=\"Pagination\">\n  <div class=\"govuk-pagination__prev\">\n    <a class=\"govuk-link govuk-pagination__link\" href=\"/previous\" rel=\"prev\">\n      <svg class=\"govuk-pagination__icon govuk-pagination__icon--prev\" xmlns=\"http://www.w3.org/2000/svg\" height=\"13\" width=\"15\" aria-hidden=\"true\" focusable=\"false\" viewBox=\"0 0 15 13\">\n        <path d=\"m6.5938-0.0078125-6.7266 6.7266 6.7441 6.4062 1.377-1.449-4.1856-3.9768h12.896v-2h-12.984l4.2931-4.293-1.414-1.414z\"></path>\n      </svg>\n      <span class=\"govuk-pagination__link-title\">\n        Previous<span class=\"govuk-visually-hidden\"> page</span>\n      </span>\n    </a>\n  </div>\n  <ul class=\"govuk-pagination__list\">\n    <li class=\"govuk-pagination__item\">\n      <a class=\"govuk-link govuk-pagination__link\" href=\"/page/1\" aria-label=\"Page 1\">\n        1\n      </a>\n    </li>\n    <li class=\"govuk-pagination__item\">\n      <a class=\"govuk-link govuk-pagination__link\" href=\"/page/2\" aria-label=\"Page 2\">\n        2\n      </a>\n    </li>\n    <li class=\"govuk-pagination__item govuk-pagination__item--current\">\n      <a class=\"govuk-link govuk-pagination__link\" href=\"/page/3\" aria-label=\"Page 3\" aria-current=\"page\">\n        3\n      </a>\n    </li>\n  </ul>\n</nav>"
+        },
+        {
+            "name": "with prev and next only",
+            "options": {
+                "previous": {
+                    "href": "/previous"
+                },
+                "next": {
+                    "href": "/next"
+                }
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<nav class=\"govuk-pagination govuk-pagination--block\" aria-label=\"Pagination\">\n  <div class=\"govuk-pagination__prev\">\n    <a class=\"govuk-link govuk-pagination__link\" href=\"/previous\" rel=\"prev\">\n      <svg class=\"govuk-pagination__icon govuk-pagination__icon--prev\" xmlns=\"http://www.w3.org/2000/svg\" height=\"13\" width=\"15\" aria-hidden=\"true\" focusable=\"false\" viewBox=\"0 0 15 13\">\n        <path d=\"m6.5938-0.0078125-6.7266 6.7266 6.7441 6.4062 1.377-1.449-4.1856-3.9768h12.896v-2h-12.984l4.2931-4.293-1.414-1.414z\"></path>\n      </svg>\n      <span class=\"govuk-pagination__link-title govuk-pagination__link-title--decorated\">\n        Previous<span class=\"govuk-visually-hidden\"> page</span>\n      </span>\n    </a>\n  </div>\n  <div class=\"govuk-pagination__next\">\n    <a class=\"govuk-link govuk-pagination__link\" href=\"/next\" rel=\"next\">\n      <svg class=\"govuk-pagination__icon govuk-pagination__icon--next\" xmlns=\"http://www.w3.org/2000/svg\" height=\"13\" width=\"15\" aria-hidden=\"true\" focusable=\"false\" viewBox=\"0 0 15 13\">\n        <path d=\"m8.107-0.0078125-1.4136 1.414 4.2926 4.293h-12.986v2h12.896l-4.1855 3.9766 1.377 1.4492 6.7441-6.4062-6.7246-6.7266z\"></path>\n      </svg>\n      <span class=\"govuk-pagination__link-title govuk-pagination__link-title--decorated\">\n        Next<span class=\"govuk-visually-hidden\"> page</span>\n      </span>\n    </a>\n  </div>\n</nav>"
+        },
+        {
+            "name": "with prev and next only and labels",
+            "options": {
+                "previous": {
+                    "text": "Previous page",
+                    "labelText": "Paying VAT and duty",
+                    "href": "/previous"
+                },
+                "next": {
+                    "text": "Next page",
+                    "labelText": "Registering an imported vehicle",
+                    "href": "/next"
+                }
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": true,
+            "html": "<nav class=\"govuk-pagination govuk-pagination--block\" aria-label=\"Pagination\">\n  <div class=\"govuk-pagination__prev\">\n    <a class=\"govuk-link govuk-pagination__link\" href=\"/previous\" rel=\"prev\">\n      <svg class=\"govuk-pagination__icon govuk-pagination__icon--prev\" xmlns=\"http://www.w3.org/2000/svg\" height=\"13\" width=\"15\" aria-hidden=\"true\" focusable=\"false\" viewBox=\"0 0 15 13\">\n        <path d=\"m6.5938-0.0078125-6.7266 6.7266 6.7441 6.4062 1.377-1.449-4.1856-3.9768h12.896v-2h-12.984l4.2931-4.293-1.414-1.414z\"></path>\n      </svg>\n      <span class=\"govuk-pagination__link-title\">\n        Previous page\n      </span>\n      <span class=\"govuk-visually-hidden\">:</span>\n      <span class=\"govuk-pagination__link-label\">Paying VAT and duty</span>\n    </a>\n  </div>\n  <div class=\"govuk-pagination__next\">\n    <a class=\"govuk-link govuk-pagination__link\" href=\"/next\" rel=\"next\">\n      <svg class=\"govuk-pagination__icon govuk-pagination__icon--next\" xmlns=\"http://www.w3.org/2000/svg\" height=\"13\" width=\"15\" aria-hidden=\"true\" focusable=\"false\" viewBox=\"0 0 15 13\">\n        <path d=\"m8.107-0.0078125-1.4136 1.414 4.2926 4.293h-12.986v2h12.896l-4.1855 3.9766 1.377 1.4492 6.7441-6.4062-6.7246-6.7266z\"></path>\n      </svg>\n      <span class=\"govuk-pagination__link-title\">\n        Next page\n      </span>\n      <span class=\"govuk-visually-hidden\">:</span>\n      <span class=\"govuk-pagination__link-label\">Registering an imported vehicle</span>\n    </a>\n  </div>\n</nav>"
+        },
+        {
+            "name": "with prev and next only and very long labels",
+            "options": {
+                "previous": {
+                    "text": "Previous page",
+                    "labelText": "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.",
+                    "href": "/previous"
+                },
+                "next": {
+                    "text": "Next page",
+                    "labelText": "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.",
+                    "href": "/next"
+                }
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<nav class=\"govuk-pagination govuk-pagination--block\" aria-label=\"Pagination\">\n  <div class=\"govuk-pagination__prev\">\n    <a class=\"govuk-link govuk-pagination__link\" href=\"/previous\" rel=\"prev\">\n      <svg class=\"govuk-pagination__icon govuk-pagination__icon--prev\" xmlns=\"http://www.w3.org/2000/svg\" height=\"13\" width=\"15\" aria-hidden=\"true\" focusable=\"false\" viewBox=\"0 0 15 13\">\n        <path d=\"m6.5938-0.0078125-6.7266 6.7266 6.7441 6.4062 1.377-1.449-4.1856-3.9768h12.896v-2h-12.984l4.2931-4.293-1.414-1.414z\"></path>\n      </svg>\n      <span class=\"govuk-pagination__link-title\">\n        Previous page\n      </span>\n      <span class=\"govuk-visually-hidden\">:</span>\n      <span class=\"govuk-pagination__link-label\">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</span>\n    </a>\n  </div>\n  <div class=\"govuk-pagination__next\">\n    <a class=\"govuk-link govuk-pagination__link\" href=\"/next\" rel=\"next\">\n      <svg class=\"govuk-pagination__icon govuk-pagination__icon--next\" xmlns=\"http://www.w3.org/2000/svg\" height=\"13\" width=\"15\" aria-hidden=\"true\" focusable=\"false\" viewBox=\"0 0 15 13\">\n        <path d=\"m8.107-0.0078125-1.4136 1.414 4.2926 4.293h-12.986v2h12.896l-4.1855 3.9766 1.377 1.4492 6.7441-6.4062-6.7246-6.7266z\"></path>\n      </svg>\n      <span class=\"govuk-pagination__link-title\">\n        Next page\n      </span>\n      <span class=\"govuk-visually-hidden\">:</span>\n      <span class=\"govuk-pagination__link-label\">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</span>\n    </a>\n  </div>\n</nav>"
+        },
+        {
+            "name": "with previous only",
+            "options": {
+                "previous": {
+                    "href": "/previous"
+                }
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<nav class=\"govuk-pagination govuk-pagination--block\" aria-label=\"Pagination\">\n  <div class=\"govuk-pagination__prev\">\n    <a class=\"govuk-link govuk-pagination__link\" href=\"/previous\" rel=\"prev\">\n      <svg class=\"govuk-pagination__icon govuk-pagination__icon--prev\" xmlns=\"http://www.w3.org/2000/svg\" height=\"13\" width=\"15\" aria-hidden=\"true\" focusable=\"false\" viewBox=\"0 0 15 13\">\n        <path d=\"m6.5938-0.0078125-6.7266 6.7266 6.7441 6.4062 1.377-1.449-4.1856-3.9768h12.896v-2h-12.984l4.2931-4.293-1.414-1.414z\"></path>\n      </svg>\n      <span class=\"govuk-pagination__link-title govuk-pagination__link-title--decorated\">\n        Previous<span class=\"govuk-visually-hidden\"> page</span>\n      </span>\n    </a>\n  </div>\n</nav>"
+        },
+        {
+            "name": "with next only",
+            "options": {
+                "next": {
+                    "href": "/next"
+                }
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<nav class=\"govuk-pagination govuk-pagination--block\" aria-label=\"Pagination\">\n  <div class=\"govuk-pagination__next\">\n    <a class=\"govuk-link govuk-pagination__link\" href=\"/next\" rel=\"next\">\n      <svg class=\"govuk-pagination__icon govuk-pagination__icon--next\" xmlns=\"http://www.w3.org/2000/svg\" height=\"13\" width=\"15\" aria-hidden=\"true\" focusable=\"false\" viewBox=\"0 0 15 13\">\n        <path d=\"m8.107-0.0078125-1.4136 1.414 4.2926 4.293h-12.986v2h12.896l-4.1855 3.9766 1.377 1.4492 6.7441-6.4062-6.7246-6.7266z\"></path>\n      </svg>\n      <span class=\"govuk-pagination__link-title govuk-pagination__link-title--decorated\">\n        Next<span class=\"govuk-visually-hidden\"> page</span>\n      </span>\n    </a>\n  </div>\n</nav>"
+        },
+        {
+            "name": "with custom classes",
+            "options": {
+                "classes": "my-custom-class",
+                "previous": {
+                    "href": "/previous"
+                },
+                "next": {
+                    "href": "/next"
+                },
+                "items": [
+                    {
+                        "number": 1,
+                        "href": "/page/1"
+                    },
+                    {
+                        "number": 2,
+                        "href": "/page/2",
+                        "current": true
+                    },
+                    {
+                        "number": 3,
+                        "href": "/page/3"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<nav class=\"govuk-pagination my-custom-class\" aria-label=\"Pagination\">\n  <div class=\"govuk-pagination__prev\">\n    <a class=\"govuk-link govuk-pagination__link\" href=\"/previous\" rel=\"prev\">\n      <svg class=\"govuk-pagination__icon govuk-pagination__icon--prev\" xmlns=\"http://www.w3.org/2000/svg\" height=\"13\" width=\"15\" aria-hidden=\"true\" focusable=\"false\" viewBox=\"0 0 15 13\">\n        <path d=\"m6.5938-0.0078125-6.7266 6.7266 6.7441 6.4062 1.377-1.449-4.1856-3.9768h12.896v-2h-12.984l4.2931-4.293-1.414-1.414z\"></path>\n      </svg>\n      <span class=\"govuk-pagination__link-title\">\n        Previous<span class=\"govuk-visually-hidden\"> page</span>\n      </span>\n    </a>\n  </div>\n  <ul class=\"govuk-pagination__list\">\n    <li class=\"govuk-pagination__item\">\n      <a class=\"govuk-link govuk-pagination__link\" href=\"/page/1\" aria-label=\"Page 1\">\n        1\n      </a>\n    </li>\n    <li class=\"govuk-pagination__item govuk-pagination__item--current\">\n      <a class=\"govuk-link govuk-pagination__link\" href=\"/page/2\" aria-label=\"Page 2\" aria-current=\"page\">\n        2\n      </a>\n    </li>\n    <li class=\"govuk-pagination__item\">\n      <a class=\"govuk-link govuk-pagination__link\" href=\"/page/3\" aria-label=\"Page 3\">\n        3\n      </a>\n    </li>\n  </ul>\n  <div class=\"govuk-pagination__next\">\n    <a class=\"govuk-link govuk-pagination__link\" href=\"/next\" rel=\"next\">\n      <span class=\"govuk-pagination__link-title\">\n        Next<span class=\"govuk-visually-hidden\"> page</span>\n      </span>\n      <svg class=\"govuk-pagination__icon govuk-pagination__icon--next\" xmlns=\"http://www.w3.org/2000/svg\" height=\"13\" width=\"15\" aria-hidden=\"true\" focusable=\"false\" viewBox=\"0 0 15 13\">\n        <path d=\"m8.107-0.0078125-1.4136 1.414 4.2926 4.293h-12.986v2h12.896l-4.1855 3.9766 1.377 1.4492 6.7441-6.4062-6.7246-6.7266z\"></path>\n      </svg>\n    </a>\n  </div>\n</nav>"
+        },
+        {
+            "name": "with custom attributes",
+            "options": {
+                "attributes": {
+                    "data-attribute-1": "value-1",
+                    "data-attribute-2": "value-2"
+                },
+                "previous": {
+                    "href": "/previous"
+                },
+                "next": {
+                    "href": "/next"
+                },
+                "items": [
+                    {
+                        "number": 1,
+                        "href": "/page/1"
+                    },
+                    {
+                        "number": 2,
+                        "href": "/page/2",
+                        "current": true
+                    },
+                    {
+                        "number": 3,
+                        "href": "/page/3"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<nav class=\"govuk-pagination\" aria-label=\"Pagination\" data-attribute-1=\"value-1\" data-attribute-2=\"value-2\">\n  <div class=\"govuk-pagination__prev\">\n    <a class=\"govuk-link govuk-pagination__link\" href=\"/previous\" rel=\"prev\">\n      <svg class=\"govuk-pagination__icon govuk-pagination__icon--prev\" xmlns=\"http://www.w3.org/2000/svg\" height=\"13\" width=\"15\" aria-hidden=\"true\" focusable=\"false\" viewBox=\"0 0 15 13\">\n        <path d=\"m6.5938-0.0078125-6.7266 6.7266 6.7441 6.4062 1.377-1.449-4.1856-3.9768h12.896v-2h-12.984l4.2931-4.293-1.414-1.414z\"></path>\n      </svg>\n      <span class=\"govuk-pagination__link-title\">\n        Previous<span class=\"govuk-visually-hidden\"> page</span>\n      </span>\n    </a>\n  </div>\n  <ul class=\"govuk-pagination__list\">\n    <li class=\"govuk-pagination__item\">\n      <a class=\"govuk-link govuk-pagination__link\" href=\"/page/1\" aria-label=\"Page 1\">\n        1\n      </a>\n    </li>\n    <li class=\"govuk-pagination__item govuk-pagination__item--current\">\n      <a class=\"govuk-link govuk-pagination__link\" href=\"/page/2\" aria-label=\"Page 2\" aria-current=\"page\">\n        2\n      </a>\n    </li>\n    <li class=\"govuk-pagination__item\">\n      <a class=\"govuk-link govuk-pagination__link\" href=\"/page/3\" aria-label=\"Page 3\">\n        3\n      </a>\n    </li>\n  </ul>\n  <div class=\"govuk-pagination__next\">\n    <a class=\"govuk-link govuk-pagination__link\" href=\"/next\" rel=\"next\">\n      <span class=\"govuk-pagination__link-title\">\n        Next<span class=\"govuk-visually-hidden\"> page</span>\n      </span>\n      <svg class=\"govuk-pagination__icon govuk-pagination__icon--next\" xmlns=\"http://www.w3.org/2000/svg\" height=\"13\" width=\"15\" aria-hidden=\"true\" focusable=\"false\" viewBox=\"0 0 15 13\">\n        <path d=\"m8.107-0.0078125-1.4136 1.414 4.2926 4.293h-12.986v2h12.896l-4.1855 3.9766 1.377 1.4492 6.7441-6.4062-6.7246-6.7266z\"></path>\n      </svg>\n    </a>\n  </div>\n</nav>"
+        },
+        {
+            "name": "with custom navigation landmark",
+            "options": {
+                "previous": {
+                    "href": "/previous"
+                },
+                "next": {
+                    "href": "/next"
+                },
+                "landmarkLabel": "search",
+                "items": [
+                    {
+                        "number": 1,
+                        "href": "/page/1"
+                    },
+                    {
+                        "number": 2,
+                        "href": "/page/2",
+                        "current": true
+                    },
+                    {
+                        "number": 3,
+                        "href": "/page/3"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<nav class=\"govuk-pagination\" aria-label=\"search\">\n  <div class=\"govuk-pagination__prev\">\n    <a class=\"govuk-link govuk-pagination__link\" href=\"/previous\" rel=\"prev\">\n      <svg class=\"govuk-pagination__icon govuk-pagination__icon--prev\" xmlns=\"http://www.w3.org/2000/svg\" height=\"13\" width=\"15\" aria-hidden=\"true\" focusable=\"false\" viewBox=\"0 0 15 13\">\n        <path d=\"m6.5938-0.0078125-6.7266 6.7266 6.7441 6.4062 1.377-1.449-4.1856-3.9768h12.896v-2h-12.984l4.2931-4.293-1.414-1.414z\"></path>\n      </svg>\n      <span class=\"govuk-pagination__link-title\">\n        Previous<span class=\"govuk-visually-hidden\"> page</span>\n      </span>\n    </a>\n  </div>\n  <ul class=\"govuk-pagination__list\">\n    <li class=\"govuk-pagination__item\">\n      <a class=\"govuk-link govuk-pagination__link\" href=\"/page/1\" aria-label=\"Page 1\">\n        1\n      </a>\n    </li>\n    <li class=\"govuk-pagination__item govuk-pagination__item--current\">\n      <a class=\"govuk-link govuk-pagination__link\" href=\"/page/2\" aria-label=\"Page 2\" aria-current=\"page\">\n        2\n      </a>\n    </li>\n    <li class=\"govuk-pagination__item\">\n      <a class=\"govuk-link govuk-pagination__link\" href=\"/page/3\" aria-label=\"Page 3\">\n        3\n      </a>\n    </li>\n  </ul>\n  <div class=\"govuk-pagination__next\">\n    <a class=\"govuk-link govuk-pagination__link\" href=\"/next\" rel=\"next\">\n      <span class=\"govuk-pagination__link-title\">\n        Next<span class=\"govuk-visually-hidden\"> page</span>\n      </span>\n      <svg class=\"govuk-pagination__icon govuk-pagination__icon--next\" xmlns=\"http://www.w3.org/2000/svg\" height=\"13\" width=\"15\" aria-hidden=\"true\" focusable=\"false\" viewBox=\"0 0 15 13\">\n        <path d=\"m8.107-0.0078125-1.4136 1.414 4.2926 4.293h-12.986v2h12.896l-4.1855 3.9766 1.377 1.4492 6.7441-6.4062-6.7246-6.7266z\"></path>\n      </svg>\n    </a>\n  </div>\n</nav>"
+        },
+        {
+            "name": "with custom accessible labels on item links",
+            "options": {
+                "previous": {
+                    "href": "/previous"
+                },
+                "next": {
+                    "href": "/next"
+                },
+                "items": [
+                    {
+                        "number": 1,
+                        "href": "/page/1",
+                        "visuallyHiddenText": "1st page"
+                    },
+                    {
+                        "number": 2,
+                        "href": "/page/2",
+                        "current": true,
+                        "visuallyHiddenText": "2nd page (you are currently on this page)"
+                    },
+                    {
+                        "number": 3,
+                        "href": "/page/3",
+                        "visuallyHiddenText": "3rd page"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<nav class=\"govuk-pagination\" aria-label=\"Pagination\">\n  <div class=\"govuk-pagination__prev\">\n    <a class=\"govuk-link govuk-pagination__link\" href=\"/previous\" rel=\"prev\">\n      <svg class=\"govuk-pagination__icon govuk-pagination__icon--prev\" xmlns=\"http://www.w3.org/2000/svg\" height=\"13\" width=\"15\" aria-hidden=\"true\" focusable=\"false\" viewBox=\"0 0 15 13\">\n        <path d=\"m6.5938-0.0078125-6.7266 6.7266 6.7441 6.4062 1.377-1.449-4.1856-3.9768h12.896v-2h-12.984l4.2931-4.293-1.414-1.414z\"></path>\n      </svg>\n      <span class=\"govuk-pagination__link-title\">\n        Previous<span class=\"govuk-visually-hidden\"> page</span>\n      </span>\n    </a>\n  </div>\n  <ul class=\"govuk-pagination__list\">\n    <li class=\"govuk-pagination__item\">\n      <a class=\"govuk-link govuk-pagination__link\" href=\"/page/1\" aria-label=\"1st page\">\n        1\n      </a>\n    </li>\n    <li class=\"govuk-pagination__item govuk-pagination__item--current\">\n      <a class=\"govuk-link govuk-pagination__link\" href=\"/page/2\" aria-label=\"2nd page (you are currently on this page)\" aria-current=\"page\">\n        2\n      </a>\n    </li>\n    <li class=\"govuk-pagination__item\">\n      <a class=\"govuk-link govuk-pagination__link\" href=\"/page/3\" aria-label=\"3rd page\">\n        3\n      </a>\n    </li>\n  </ul>\n  <div class=\"govuk-pagination__next\">\n    <a class=\"govuk-link govuk-pagination__link\" href=\"/next\" rel=\"next\">\n      <span class=\"govuk-pagination__link-title\">\n        Next<span class=\"govuk-visually-hidden\"> page</span>\n      </span>\n      <svg class=\"govuk-pagination__icon govuk-pagination__icon--next\" xmlns=\"http://www.w3.org/2000/svg\" height=\"13\" width=\"15\" aria-hidden=\"true\" focusable=\"false\" viewBox=\"0 0 15 13\">\n        <path d=\"m8.107-0.0078125-1.4136 1.414 4.2926 4.293h-12.986v2h12.896l-4.1855 3.9766 1.377 1.4492 6.7441-6.4062-6.7246-6.7266z\"></path>\n      </svg>\n    </a>\n  </div>\n</nav>"
+        }
+    ]
+}
diff --git a/node_modules/govuk-frontend/dist/govuk/components/pagination/macro-options.json b/node_modules/govuk-frontend/dist/govuk/components/pagination/macro-options.json
new file mode 100644
index 0000000..f8a46b6
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/pagination/macro-options.json
@@ -0,0 +1,140 @@
+[
+    {
+        "name": "items",
+        "type": "array",
+        "required": false,
+        "description": "The items within the pagination component.",
+        "params": [
+            {
+                "name": "number",
+                "type": "string",
+                "required": false,
+                "description": "The pagination item text – usually a page number.  Required unless the item is an ellipsis."
+            },
+            {
+                "name": "visuallyHiddenText",
+                "type": "string",
+                "required": false,
+                "description": "The visually hidden label for the pagination item, which will be applied to an `aria-label` and announced by screen readers on the pagination item link. Should include page number. Defaults to, for example \"Page 1\"."
+            },
+            {
+                "name": "href",
+                "type": "string",
+                "required": false,
+                "description": "The link's URL. Required unless the item is an ellipsis."
+            },
+            {
+                "name": "current",
+                "type": "boolean",
+                "required": false,
+                "description": "Set to `true` to indicate the current page the user is on."
+            },
+            {
+                "name": "ellipsis",
+                "type": "boolean",
+                "required": false,
+                "description": "Use this option if you want to specify an ellipsis at a given point between numbers. If you set this option as `true`, any other options for the item are ignored."
+            },
+            {
+                "name": "attributes",
+                "type": "object",
+                "required": false,
+                "description": "The HTML attributes (for example, data attributes) you want to add to the anchor."
+            }
+        ]
+    },
+    {
+        "name": "previous",
+        "type": "object",
+        "required": false,
+        "description": "A link to the previous page, if there is a previous page.",
+        "params": [
+            {
+                "name": "text",
+                "type": "string",
+                "required": false,
+                "description": "The text content of the link to the previous page. Defaults to `\"Previous page\"`, with 'page' being visually hidden. If `html` is provided, the `text` option will be ignored."
+            },
+            {
+                "name": "html",
+                "type": "string",
+                "required": false,
+                "description": "The HTML content of the link to the previous page. Defaults to `\"Previous page\"`, with 'page' being visually hidden. If `html` is provided, the `text` option will be ignored."
+            },
+            {
+                "name": "labelText",
+                "type": "string",
+                "required": false,
+                "description": "The optional label that goes underneath the link to the previous page, providing further context for the user about where the link goes."
+            },
+            {
+                "name": "href",
+                "type": "string",
+                "required": true,
+                "description": "The previous page's URL."
+            },
+            {
+                "name": "attributes",
+                "type": "object",
+                "required": false,
+                "description": "The HTML attributes (for example, data attributes) you want to add to the anchor."
+            }
+        ]
+    },
+    {
+        "name": "next",
+        "type": "object",
+        "required": false,
+        "description": "A link to the next page, if there is a next page.",
+        "params": [
+            {
+                "name": "text",
+                "type": "string",
+                "required": false,
+                "description": "The text content of the link to the next page. Defaults to `\"Next page\"`, with 'page' being visually hidden. If `html` is provided, the `text` option will be ignored."
+            },
+            {
+                "name": "html",
+                "type": "string",
+                "required": false,
+                "description": "The HTML content of the link to the next page. Defaults to `\"Next page\"`, with 'page' being visually hidden. If `html` is provided, the `text` option will be ignored."
+            },
+            {
+                "name": "labelText",
+                "type": "string",
+                "required": false,
+                "description": "The optional label that goes underneath the link to the next page, providing further context for the user about where the link goes."
+            },
+            {
+                "name": "href",
+                "type": "string",
+                "required": true,
+                "description": "The next page's URL."
+            },
+            {
+                "name": "attributes",
+                "type": "object",
+                "required": false,
+                "description": "The HTML attributes (for example, data attributes) you want to add to the anchor."
+            }
+        ]
+    },
+    {
+        "name": "landmarkLabel",
+        "type": "string",
+        "required": false,
+        "description": "The label for the navigation landmark that wraps the pagination. Defaults to `\"Pagination\"`."
+    },
+    {
+        "name": "classes",
+        "type": "string",
+        "required": false,
+        "description": "The classes you want to add to the pagination `nav` parent."
+    },
+    {
+        "name": "attributes",
+        "type": "object",
+        "required": false,
+        "description": "The HTML attributes (for example, data attributes) you want to add to the pagination `nav` parent."
+    }
+]
diff --git a/node_modules/govuk-frontend/dist/govuk/components/pagination/macro.njk b/node_modules/govuk-frontend/dist/govuk/components/pagination/macro.njk
new file mode 100644
index 0000000..66773fe
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/pagination/macro.njk
@@ -0,0 +1,3 @@
+{% macro govukPagination(params) %}
+  {%- include "./template.njk" -%}
+{% endmacro %}
diff --git a/node_modules/govuk-frontend/dist/govuk/components/pagination/template-default.html b/node_modules/govuk-frontend/dist/govuk/components/pagination/template-default.html
new file mode 100644
index 0000000..ab65353
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/pagination/template-default.html
@@ -0,0 +1,39 @@
+<nav class="govuk-pagination" aria-label="Pagination">
+  <div class="govuk-pagination__prev">
+    <a class="govuk-link govuk-pagination__link" href="/previous" rel="prev">
+      <svg class="govuk-pagination__icon govuk-pagination__icon--prev" xmlns="http://www.w3.org/2000/svg" height="13" width="15" aria-hidden="true" focusable="false" viewBox="0 0 15 13">
+        <path d="m6.5938-0.0078125-6.7266 6.7266 6.7441 6.4062 1.377-1.449-4.1856-3.9768h12.896v-2h-12.984l4.2931-4.293-1.414-1.414z"></path>
+      </svg>
+      <span class="govuk-pagination__link-title">
+        Previous<span class="govuk-visually-hidden"> page</span>
+      </span>
+    </a>
+  </div>
+  <ul class="govuk-pagination__list">
+    <li class="govuk-pagination__item">
+      <a class="govuk-link govuk-pagination__link" href="/page/1" aria-label="Page 1">
+        1
+      </a>
+    </li>
+    <li class="govuk-pagination__item govuk-pagination__item--current">
+      <a class="govuk-link govuk-pagination__link" href="/page/2" aria-label="Page 2" aria-current="page">
+        2
+      </a>
+    </li>
+    <li class="govuk-pagination__item">
+      <a class="govuk-link govuk-pagination__link" href="/page/3" aria-label="Page 3">
+        3
+      </a>
+    </li>
+  </ul>
+  <div class="govuk-pagination__next">
+    <a class="govuk-link govuk-pagination__link" href="/next" rel="next">
+      <span class="govuk-pagination__link-title">
+        Next<span class="govuk-visually-hidden"> page</span>
+      </span>
+      <svg class="govuk-pagination__icon govuk-pagination__icon--next" xmlns="http://www.w3.org/2000/svg" height="13" width="15" aria-hidden="true" focusable="false" viewBox="0 0 15 13">
+        <path d="m8.107-0.0078125-1.4136 1.414 4.2926 4.293h-12.986v2h12.896l-4.1855 3.9766 1.377 1.4492 6.7441-6.4062-6.7246-6.7266z"></path>
+      </svg>
+    </a>
+  </div>
+</nav>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/pagination/template-first-page.html b/node_modules/govuk-frontend/dist/govuk/components/pagination/template-first-page.html
new file mode 100644
index 0000000..9c6e623
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/pagination/template-first-page.html
@@ -0,0 +1,29 @@
+<nav class="govuk-pagination" aria-label="Pagination">
+  <ul class="govuk-pagination__list">
+    <li class="govuk-pagination__item govuk-pagination__item--current">
+      <a class="govuk-link govuk-pagination__link" href="/page/1" aria-label="Page 1" aria-current="page">
+        1
+      </a>
+    </li>
+    <li class="govuk-pagination__item">
+      <a class="govuk-link govuk-pagination__link" href="/page/2" aria-label="Page 2">
+        2
+      </a>
+    </li>
+    <li class="govuk-pagination__item">
+      <a class="govuk-link govuk-pagination__link" href="/page/3" aria-label="Page 3">
+        3
+      </a>
+    </li>
+  </ul>
+  <div class="govuk-pagination__next">
+    <a class="govuk-link govuk-pagination__link" href="/next" rel="next">
+      <span class="govuk-pagination__link-title">
+        Next<span class="govuk-visually-hidden"> page</span>
+      </span>
+      <svg class="govuk-pagination__icon govuk-pagination__icon--next" xmlns="http://www.w3.org/2000/svg" height="13" width="15" aria-hidden="true" focusable="false" viewBox="0 0 15 13">
+        <path d="m8.107-0.0078125-1.4136 1.414 4.2926 4.293h-12.986v2h12.896l-4.1855 3.9766 1.377 1.4492 6.7441-6.4062-6.7246-6.7266z"></path>
+      </svg>
+    </a>
+  </div>
+</nav>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/pagination/template-last-page.html b/node_modules/govuk-frontend/dist/govuk/components/pagination/template-last-page.html
new file mode 100644
index 0000000..c457fd4
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/pagination/template-last-page.html
@@ -0,0 +1,29 @@
+<nav class="govuk-pagination" aria-label="Pagination">
+  <div class="govuk-pagination__prev">
+    <a class="govuk-link govuk-pagination__link" href="/previous" rel="prev">
+      <svg class="govuk-pagination__icon govuk-pagination__icon--prev" xmlns="http://www.w3.org/2000/svg" height="13" width="15" aria-hidden="true" focusable="false" viewBox="0 0 15 13">
+        <path d="m6.5938-0.0078125-6.7266 6.7266 6.7441 6.4062 1.377-1.449-4.1856-3.9768h12.896v-2h-12.984l4.2931-4.293-1.414-1.414z"></path>
+      </svg>
+      <span class="govuk-pagination__link-title">
+        Previous<span class="govuk-visually-hidden"> page</span>
+      </span>
+    </a>
+  </div>
+  <ul class="govuk-pagination__list">
+    <li class="govuk-pagination__item">
+      <a class="govuk-link govuk-pagination__link" href="/page/1" aria-label="Page 1">
+        1
+      </a>
+    </li>
+    <li class="govuk-pagination__item">
+      <a class="govuk-link govuk-pagination__link" href="/page/2" aria-label="Page 2">
+        2
+      </a>
+    </li>
+    <li class="govuk-pagination__item govuk-pagination__item--current">
+      <a class="govuk-link govuk-pagination__link" href="/page/3" aria-label="Page 3" aria-current="page">
+        3
+      </a>
+    </li>
+  </ul>
+</nav>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/pagination/template-with-custom-link-and-item-text.html b/node_modules/govuk-frontend/dist/govuk/components/pagination/template-with-custom-link-and-item-text.html
new file mode 100644
index 0000000..daa1fee
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/pagination/template-with-custom-link-and-item-text.html
@@ -0,0 +1,39 @@
+<nav class="govuk-pagination" aria-label="Pagination">
+  <div class="govuk-pagination__prev">
+    <a class="govuk-link govuk-pagination__link" href="/previous" rel="prev">
+      <svg class="govuk-pagination__icon govuk-pagination__icon--prev" xmlns="http://www.w3.org/2000/svg" height="13" width="15" aria-hidden="true" focusable="false" viewBox="0 0 15 13">
+        <path d="m6.5938-0.0078125-6.7266 6.7266 6.7441 6.4062 1.377-1.449-4.1856-3.9768h12.896v-2h-12.984l4.2931-4.293-1.414-1.414z"></path>
+      </svg>
+      <span class="govuk-pagination__link-title">
+        Previous page
+      </span>
+    </a>
+  </div>
+  <ul class="govuk-pagination__list">
+    <li class="govuk-pagination__item">
+      <a class="govuk-link govuk-pagination__link" href="/page/1" aria-label="Page one">
+        one
+      </a>
+    </li>
+    <li class="govuk-pagination__item govuk-pagination__item--current">
+      <a class="govuk-link govuk-pagination__link" href="/page/2" aria-label="Page two" aria-current="page">
+        two
+      </a>
+    </li>
+    <li class="govuk-pagination__item">
+      <a class="govuk-link govuk-pagination__link" href="/page/3" aria-label="Page three">
+        three
+      </a>
+    </li>
+  </ul>
+  <div class="govuk-pagination__next">
+    <a class="govuk-link govuk-pagination__link" href="/next" rel="next">
+      <span class="govuk-pagination__link-title">
+        Next page
+      </span>
+      <svg class="govuk-pagination__icon govuk-pagination__icon--next" xmlns="http://www.w3.org/2000/svg" height="13" width="15" aria-hidden="true" focusable="false" viewBox="0 0 15 13">
+        <path d="m8.107-0.0078125-1.4136 1.414 4.2926 4.293h-12.986v2h12.896l-4.1855 3.9766 1.377 1.4492 6.7441-6.4062-6.7246-6.7266z"></path>
+      </svg>
+    </a>
+  </div>
+</nav>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/pagination/template-with-many-pages.html b/node_modules/govuk-frontend/dist/govuk/components/pagination/template-with-many-pages.html
new file mode 100644
index 0000000..10bddf9
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/pagination/template-with-many-pages.html
@@ -0,0 +1,65 @@
+<nav class="govuk-pagination" aria-label="Pagination">
+  <div class="govuk-pagination__prev">
+    <a class="govuk-link govuk-pagination__link" href="/previous" rel="prev">
+      <svg class="govuk-pagination__icon govuk-pagination__icon--prev" xmlns="http://www.w3.org/2000/svg" height="13" width="15" aria-hidden="true" focusable="false" viewBox="0 0 15 13">
+        <path d="m6.5938-0.0078125-6.7266 6.7266 6.7441 6.4062 1.377-1.449-4.1856-3.9768h12.896v-2h-12.984l4.2931-4.293-1.414-1.414z"></path>
+      </svg>
+      <span class="govuk-pagination__link-title">
+        Previous<span class="govuk-visually-hidden"> page</span>
+      </span>
+    </a>
+  </div>
+  <ul class="govuk-pagination__list">
+    <li class="govuk-pagination__item">
+      <a class="govuk-link govuk-pagination__link" href="/page/1" aria-label="Page 1">
+        1
+      </a>
+    </li>
+    <li class="govuk-pagination__item govuk-pagination__item--ellipses">
+      &ctdot;
+    </li>
+    <li class="govuk-pagination__item">
+      <a class="govuk-link govuk-pagination__link" href="/page/8" aria-label="Page 8">
+        8
+      </a>
+    </li>
+    <li class="govuk-pagination__item">
+      <a class="govuk-link govuk-pagination__link" href="/page/9" aria-label="Page 9">
+        9
+      </a>
+    </li>
+    <li class="govuk-pagination__item govuk-pagination__item--current">
+      <a class="govuk-link govuk-pagination__link" href="/page/10" aria-label="Page 10" aria-current="page">
+        10
+      </a>
+    </li>
+    <li class="govuk-pagination__item">
+      <a class="govuk-link govuk-pagination__link" href="/page/11" aria-label="Page 11">
+        11
+      </a>
+    </li>
+    <li class="govuk-pagination__item">
+      <a class="govuk-link govuk-pagination__link" href="/page/12" aria-label="Page 12">
+        12
+      </a>
+    </li>
+    <li class="govuk-pagination__item govuk-pagination__item--ellipses">
+      &ctdot;
+    </li>
+    <li class="govuk-pagination__item">
+      <a class="govuk-link govuk-pagination__link" href="/page/40" aria-label="Page 40">
+        40
+      </a>
+    </li>
+  </ul>
+  <div class="govuk-pagination__next">
+    <a class="govuk-link govuk-pagination__link" href="/next" rel="next">
+      <span class="govuk-pagination__link-title">
+        Next<span class="govuk-visually-hidden"> page</span>
+      </span>
+      <svg class="govuk-pagination__icon govuk-pagination__icon--next" xmlns="http://www.w3.org/2000/svg" height="13" width="15" aria-hidden="true" focusable="false" viewBox="0 0 15 13">
+        <path d="m8.107-0.0078125-1.4136 1.414 4.2926 4.293h-12.986v2h12.896l-4.1855 3.9766 1.377 1.4492 6.7441-6.4062-6.7246-6.7266z"></path>
+      </svg>
+    </a>
+  </div>
+</nav>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/pagination/template-with-next-only.html b/node_modules/govuk-frontend/dist/govuk/components/pagination/template-with-next-only.html
new file mode 100644
index 0000000..378b11e
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/pagination/template-with-next-only.html
@@ -0,0 +1,12 @@
+<nav class="govuk-pagination govuk-pagination--block" aria-label="Pagination">
+  <div class="govuk-pagination__next">
+    <a class="govuk-link govuk-pagination__link" href="/next" rel="next">
+      <svg class="govuk-pagination__icon govuk-pagination__icon--next" xmlns="http://www.w3.org/2000/svg" height="13" width="15" aria-hidden="true" focusable="false" viewBox="0 0 15 13">
+        <path d="m8.107-0.0078125-1.4136 1.414 4.2926 4.293h-12.986v2h12.896l-4.1855 3.9766 1.377 1.4492 6.7441-6.4062-6.7246-6.7266z"></path>
+      </svg>
+      <span class="govuk-pagination__link-title govuk-pagination__link-title--decorated">
+        Next<span class="govuk-visually-hidden"> page</span>
+      </span>
+    </a>
+  </div>
+</nav>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/pagination/template-with-prev-and-next-only-and-labels.html b/node_modules/govuk-frontend/dist/govuk/components/pagination/template-with-prev-and-next-only-and-labels.html
new file mode 100644
index 0000000..ca2552c
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/pagination/template-with-prev-and-next-only-and-labels.html
@@ -0,0 +1,26 @@
+<nav class="govuk-pagination govuk-pagination--block" aria-label="Pagination">
+  <div class="govuk-pagination__prev">
+    <a class="govuk-link govuk-pagination__link" href="/previous" rel="prev">
+      <svg class="govuk-pagination__icon govuk-pagination__icon--prev" xmlns="http://www.w3.org/2000/svg" height="13" width="15" aria-hidden="true" focusable="false" viewBox="0 0 15 13">
+        <path d="m6.5938-0.0078125-6.7266 6.7266 6.7441 6.4062 1.377-1.449-4.1856-3.9768h12.896v-2h-12.984l4.2931-4.293-1.414-1.414z"></path>
+      </svg>
+      <span class="govuk-pagination__link-title">
+        Previous page
+      </span>
+      <span class="govuk-visually-hidden">:</span>
+      <span class="govuk-pagination__link-label">Paying VAT and duty</span>
+    </a>
+  </div>
+  <div class="govuk-pagination__next">
+    <a class="govuk-link govuk-pagination__link" href="/next" rel="next">
+      <svg class="govuk-pagination__icon govuk-pagination__icon--next" xmlns="http://www.w3.org/2000/svg" height="13" width="15" aria-hidden="true" focusable="false" viewBox="0 0 15 13">
+        <path d="m8.107-0.0078125-1.4136 1.414 4.2926 4.293h-12.986v2h12.896l-4.1855 3.9766 1.377 1.4492 6.7441-6.4062-6.7246-6.7266z"></path>
+      </svg>
+      <span class="govuk-pagination__link-title">
+        Next page
+      </span>
+      <span class="govuk-visually-hidden">:</span>
+      <span class="govuk-pagination__link-label">Registering an imported vehicle</span>
+    </a>
+  </div>
+</nav>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/pagination/template-with-prev-and-next-only-and-very-long-labels.html b/node_modules/govuk-frontend/dist/govuk/components/pagination/template-with-prev-and-next-only-and-very-long-labels.html
new file mode 100644
index 0000000..c973e08
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/pagination/template-with-prev-and-next-only-and-very-long-labels.html
@@ -0,0 +1,26 @@
+<nav class="govuk-pagination govuk-pagination--block" aria-label="Pagination">
+  <div class="govuk-pagination__prev">
+    <a class="govuk-link govuk-pagination__link" href="/previous" rel="prev">
+      <svg class="govuk-pagination__icon govuk-pagination__icon--prev" xmlns="http://www.w3.org/2000/svg" height="13" width="15" aria-hidden="true" focusable="false" viewBox="0 0 15 13">
+        <path d="m6.5938-0.0078125-6.7266 6.7266 6.7441 6.4062 1.377-1.449-4.1856-3.9768h12.896v-2h-12.984l4.2931-4.293-1.414-1.414z"></path>
+      </svg>
+      <span class="govuk-pagination__link-title">
+        Previous page
+      </span>
+      <span class="govuk-visually-hidden">:</span>
+      <span class="govuk-pagination__link-label">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</span>
+    </a>
+  </div>
+  <div class="govuk-pagination__next">
+    <a class="govuk-link govuk-pagination__link" href="/next" rel="next">
+      <svg class="govuk-pagination__icon govuk-pagination__icon--next" xmlns="http://www.w3.org/2000/svg" height="13" width="15" aria-hidden="true" focusable="false" viewBox="0 0 15 13">
+        <path d="m8.107-0.0078125-1.4136 1.414 4.2926 4.293h-12.986v2h12.896l-4.1855 3.9766 1.377 1.4492 6.7441-6.4062-6.7246-6.7266z"></path>
+      </svg>
+      <span class="govuk-pagination__link-title">
+        Next page
+      </span>
+      <span class="govuk-visually-hidden">:</span>
+      <span class="govuk-pagination__link-label">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</span>
+    </a>
+  </div>
+</nav>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/pagination/template-with-prev-and-next-only.html b/node_modules/govuk-frontend/dist/govuk/components/pagination/template-with-prev-and-next-only.html
new file mode 100644
index 0000000..fcb3ec2
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/pagination/template-with-prev-and-next-only.html
@@ -0,0 +1,22 @@
+<nav class="govuk-pagination govuk-pagination--block" aria-label="Pagination">
+  <div class="govuk-pagination__prev">
+    <a class="govuk-link govuk-pagination__link" href="/previous" rel="prev">
+      <svg class="govuk-pagination__icon govuk-pagination__icon--prev" xmlns="http://www.w3.org/2000/svg" height="13" width="15" aria-hidden="true" focusable="false" viewBox="0 0 15 13">
+        <path d="m6.5938-0.0078125-6.7266 6.7266 6.7441 6.4062 1.377-1.449-4.1856-3.9768h12.896v-2h-12.984l4.2931-4.293-1.414-1.414z"></path>
+      </svg>
+      <span class="govuk-pagination__link-title govuk-pagination__link-title--decorated">
+        Previous<span class="govuk-visually-hidden"> page</span>
+      </span>
+    </a>
+  </div>
+  <div class="govuk-pagination__next">
+    <a class="govuk-link govuk-pagination__link" href="/next" rel="next">
+      <svg class="govuk-pagination__icon govuk-pagination__icon--next" xmlns="http://www.w3.org/2000/svg" height="13" width="15" aria-hidden="true" focusable="false" viewBox="0 0 15 13">
+        <path d="m8.107-0.0078125-1.4136 1.414 4.2926 4.293h-12.986v2h12.896l-4.1855 3.9766 1.377 1.4492 6.7441-6.4062-6.7246-6.7266z"></path>
+      </svg>
+      <span class="govuk-pagination__link-title govuk-pagination__link-title--decorated">
+        Next<span class="govuk-visually-hidden"> page</span>
+      </span>
+    </a>
+  </div>
+</nav>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/pagination/template-with-previous-only.html b/node_modules/govuk-frontend/dist/govuk/components/pagination/template-with-previous-only.html
new file mode 100644
index 0000000..1a3f747
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/pagination/template-with-previous-only.html
@@ -0,0 +1,12 @@
+<nav class="govuk-pagination govuk-pagination--block" aria-label="Pagination">
+  <div class="govuk-pagination__prev">
+    <a class="govuk-link govuk-pagination__link" href="/previous" rel="prev">
+      <svg class="govuk-pagination__icon govuk-pagination__icon--prev" xmlns="http://www.w3.org/2000/svg" height="13" width="15" aria-hidden="true" focusable="false" viewBox="0 0 15 13">
+        <path d="m6.5938-0.0078125-6.7266 6.7266 6.7441 6.4062 1.377-1.449-4.1856-3.9768h12.896v-2h-12.984l4.2931-4.293-1.414-1.414z"></path>
+      </svg>
+      <span class="govuk-pagination__link-title govuk-pagination__link-title--decorated">
+        Previous<span class="govuk-visually-hidden"> page</span>
+      </span>
+    </a>
+  </div>
+</nav>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/pagination/template.njk b/node_modules/govuk-frontend/dist/govuk/components/pagination/template.njk
new file mode 100644
index 0000000..5765c1c
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/pagination/template.njk
@@ -0,0 +1,85 @@
+{% from "../../macros/attributes.njk" import govukAttributes -%}
+
+{% set blockLevel = not params.items and (params.next or params.previous) -%}
+
+{%- set arrowPrevious -%}
+  <svg class="govuk-pagination__icon govuk-pagination__icon--prev" xmlns="http://www.w3.org/2000/svg" height="13" width="15" aria-hidden="true" focusable="false" viewBox="0 0 15 13">
+    <path d="m6.5938-0.0078125-6.7266 6.7266 6.7441 6.4062 1.377-1.449-4.1856-3.9768h12.896v-2h-12.984l4.2931-4.293-1.414-1.414z"></path>
+  </svg>
+{%- endset -%}
+
+{%- set arrowNext -%}
+  <svg class="govuk-pagination__icon govuk-pagination__icon--next" xmlns="http://www.w3.org/2000/svg" height="13" width="15" aria-hidden="true" focusable="false" viewBox="0 0 15 13">
+    <path d="m8.107-0.0078125-1.4136 1.414 4.2926 4.293h-12.986v2h12.896l-4.1855 3.9766 1.377 1.4492 6.7441-6.4062-6.7246-6.7266z"></path>
+  </svg>
+{%- endset -%}
+
+{%- macro _arrowLink(link, type = "next") %}
+  {% set arrowType = arrowPrevious if type == "prev" else arrowNext %}
+  <div class="govuk-pagination__{{ type }}">
+    <a class="govuk-link govuk-pagination__link" href="{{ link.href }}" rel="{{ type }}"
+      {{- govukAttributes(link.attributes) }}>
+      {% if blockLevel or type == "prev" %}
+        {{- arrowType | safe | indent(4, true) }}
+      {% endif %}
+      <span class="govuk-pagination__link-title {%- if blockLevel and not link.labelText %} govuk-pagination__link-title--decorated{% endif %}">
+        {{ caller() | safe | trim }}
+      </span>
+      {% if link.labelText and blockLevel %}
+      <span class="govuk-visually-hidden">:</span>
+      <span class="govuk-pagination__link-label">{{ link.labelText }}</span>
+      {% endif %}
+      {% if not blockLevel and type == "next" %}
+        {{- arrowType | safe | indent(4, true) }}
+      {% endif %}
+    </a>
+  </div>
+{% endmacro -%}
+
+{%- macro _pageItem(item) -%}
+  <li class="govuk-pagination__item {%- if item.current %} govuk-pagination__item--current{% endif %} {%- if item.ellipsis %} govuk-pagination__item--ellipses{% endif %}">
+  {% if item.ellipsis %}
+    &ctdot;
+  {% else %}
+    <a class="govuk-link govuk-pagination__link" href="{{ item.href }}" aria-label="{{ item.visuallyHiddenText | default("Page " + item.number) }}"
+      {%- if item.current %} aria-current="page"{% endif %}
+      {{- govukAttributes(item.attributes) }}>
+      {{ item.number }}
+    </a>
+  {% endif %}
+  </li>
+{%- endmacro -%}
+
+<nav class="govuk-pagination {%- if blockLevel %} govuk-pagination--block{% endif %} {%- if params.classes %} {{ params.classes }}{% endif %}" aria-label="{{ params.landmarkLabel | default("Pagination", true) }}"
+  {{- govukAttributes(params.attributes) }}>
+  {% set previous = params.previous %}
+  {% set next = params.next %}
+
+  {%- if previous and previous.href %}
+    {% call _arrowLink(previous, "prev") %}
+      {% if previous.html or previous.text %}
+        {{ previous.html | safe | trim | indent(8) if previous.html else previous.text }}
+      {% else %}
+        Previous<span class="govuk-visually-hidden"> page</span>
+      {% endif %}
+    {% endcall %}
+  {%- endif %}
+
+  {%- if params.items %}
+  <ul class="govuk-pagination__list">
+  {% for item in params.items %}
+    {{ _pageItem(item) | indent(2) }}
+  {% endfor %}
+  </ul>
+  {% endif %}
+
+  {%- if next and next.href %}
+    {% call _arrowLink(next, "next") %}
+      {% if next.html or next.text %}
+        {{ next.html | safe | trim | indent(8) if next.html else next.text }}
+      {% else %}
+        Next<span class="govuk-visually-hidden"> page</span>
+      {% endif %}
+    {% endcall %}
+  {% endif %}
+</nav>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/panel/README.md b/node_modules/govuk-frontend/dist/govuk/components/panel/README.md
new file mode 100644
index 0000000..c959087
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/panel/README.md
@@ -0,0 +1,15 @@
+# Panel
+
+## Installation
+
+See the [main README quick start guide](https://github.com/alphagov/govuk-frontend#quick-start) for how to install this component.
+
+## Guidance and Examples
+
+Find out when to use the panel component in your service in the [GOV.UK Design System](https://design-system.service.gov.uk/components/panel).
+
+## Component options
+
+Use options to customise the appearance, content and behaviour of a component when using a macro, for example, changing the text.
+
+See [options table](https://design-system.service.gov.uk/components/panel/#options-panel-example) for details.
diff --git a/node_modules/govuk-frontend/dist/govuk/components/panel/_index.scss b/node_modules/govuk-frontend/dist/govuk/components/panel/_index.scss
new file mode 100644
index 0000000..d24833e
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/panel/_index.scss
@@ -0,0 +1,58 @@
+@include govuk-exports("govuk/component/panel") {
+  .govuk-panel {
+    @include govuk-font($size: 36);
+
+    box-sizing: border-box;
+
+    margin-bottom: govuk-spacing(3);
+    padding: govuk-spacing(7) - $govuk-border-width;
+
+    border: $govuk-border-width solid transparent;
+
+    text-align: center;
+
+    @include govuk-media-query($until: tablet) {
+      padding: govuk-spacing(if($govuk-new-typography-scale, 4, 3)) - $govuk-border-width;
+
+      // This is an if-all-else-fails attempt to stop long words from
+      // overflowing the container on very narrow viewports by forcing them to
+      // break and wrap instead. This overflowing is more likely to happen when
+      // user increases text size on a mobile eg. using iOS Safari text resize
+      // controls.
+      //
+      // The overflowing is a particular problem with the panel component since
+      // it uses white text: when the text overflows the container, it is
+      // invisible on the white (page) background. When the text in our other
+      // components overflow, the user might have to scroll horizontally to view
+      // it but the the text remains legible.
+      overflow-wrap: break-word;
+
+      // Support IE (autoprefixer doesn't add this as it's not a prefix)
+      word-wrap: break-word;
+    }
+  }
+
+  .govuk-panel--confirmation {
+    color: govuk-colour("white");
+    background: govuk-colour("green");
+
+    @include govuk-media-query($media-type: print) {
+      border-color: currentcolor;
+      color: $govuk-print-text-colour;
+      background: none;
+    }
+  }
+
+  .govuk-panel__title {
+    @include govuk-font-size($size: 48);
+    @include govuk-typography-weight-bold;
+    margin-top: 0;
+    margin-bottom: govuk-spacing(6);
+  }
+
+  .govuk-panel__title:last-child {
+    margin-bottom: 0;
+  }
+}
+
+/*# sourceMappingURL=_index.scss.map */
diff --git a/node_modules/govuk-frontend/dist/govuk/components/panel/_index.scss.map b/node_modules/govuk-frontend/dist/govuk/components/panel/_index.scss.map
new file mode 100644
index 0000000..f99e9ef
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/panel/_index.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/panel/_index.scss"],"names":[],"mappings":"AAAA;EACE;IACE,8BAA8B;;IAE9B,sBAAsB;;IAEtB,+BAA+B;IAC/B,+CAA+C;;IAE/C,6CAA6C;;IAE7C,kBAAkB;;IAElB;MACE,mFAAmF;;MAEnF,8DAA8D;MAC9D,uEAAuE;MACvE,wEAAwE;MACxE,uEAAuE;MACvE,WAAW;MACX,CAAC;MACD,wEAAwE;MACxE,kEAAkE;MAClE,sEAAsE;MACtE,yEAAyE;MACzE,sCAAsC;MACtC,yBAAyB;;MAEzB,iEAAiE;MACjE,qBAAqB;IACvB;EACF;;EAEA;IACE,4BAA4B;IAC5B,iCAAiC;;IAEjC;MACE,0BAA0B;MAC1B,+BAA+B;MAC/B,gBAAgB;IAClB;EACF;;EAEA;IACE,mCAAmC;IACnC,qCAAqC;IACrC,aAAa;IACb,+BAA+B;EACjC;;EAEA;IACE,gBAAgB;EAClB;AACF","file":"_index.scss","sourcesContent":["@include govuk-exports(\"govuk/component/panel\") {\n  .govuk-panel {\n    @include govuk-font($size: 36);\n\n    box-sizing: border-box;\n\n    margin-bottom: govuk-spacing(3);\n    padding: govuk-spacing(7) - $govuk-border-width;\n\n    border: $govuk-border-width solid transparent;\n\n    text-align: center;\n\n    @include govuk-media-query($until: tablet) {\n      padding: govuk-spacing(if($govuk-new-typography-scale, 4, 3)) - $govuk-border-width;\n\n      // This is an if-all-else-fails attempt to stop long words from\n      // overflowing the container on very narrow viewports by forcing them to\n      // break and wrap instead. This overflowing is more likely to happen when\n      // user increases text size on a mobile eg. using iOS Safari text resize\n      // controls.\n      //\n      // The overflowing is a particular problem with the panel component since\n      // it uses white text: when the text overflows the container, it is\n      // invisible on the white (page) background. When the text in our other\n      // components overflow, the user might have to scroll horizontally to view\n      // it but the the text remains legible.\n      overflow-wrap: break-word;\n\n      // Support IE (autoprefixer doesn't add this as it's not a prefix)\n      word-wrap: break-word;\n    }\n  }\n\n  .govuk-panel--confirmation {\n    color: govuk-colour(\"white\");\n    background: govuk-colour(\"green\");\n\n    @include govuk-media-query($media-type: print) {\n      border-color: currentcolor;\n      color: $govuk-print-text-colour;\n      background: none;\n    }\n  }\n\n  .govuk-panel__title {\n    @include govuk-font-size($size: 48);\n    @include govuk-typography-weight-bold;\n    margin-top: 0;\n    margin-bottom: govuk-spacing(6);\n  }\n\n  .govuk-panel__title:last-child {\n    margin-bottom: 0;\n  }\n}\n"]}
diff --git a/node_modules/govuk-frontend/dist/govuk/components/panel/_panel.scss b/node_modules/govuk-frontend/dist/govuk/components/panel/_panel.scss
new file mode 100644
index 0000000..ab38dd4
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/panel/_panel.scss
@@ -0,0 +1,4 @@
+@import "../../base";
+@import "./index";
+
+/*# sourceMappingURL=_panel.scss.map */
diff --git a/node_modules/govuk-frontend/dist/govuk/components/panel/_panel.scss.map b/node_modules/govuk-frontend/dist/govuk/components/panel/_panel.scss.map
new file mode 100644
index 0000000..2a0c9d1
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/panel/_panel.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/panel/_panel.scss"],"names":[],"mappings":"AAAA,oBAAoB;AACpB,iBAAiB","file":"_panel.scss","sourcesContent":["@import \"../../base\";\n@import \"./index\";\n"]}
diff --git a/node_modules/govuk-frontend/dist/govuk/components/panel/fixtures.json b/node_modules/govuk-frontend/dist/govuk/components/panel/fixtures.json
new file mode 100644
index 0000000..293de6f
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/panel/fixtures.json
@@ -0,0 +1,118 @@
+{
+    "component": "panel",
+    "fixtures": [
+        {
+            "name": "default",
+            "options": {
+                "titleHtml": "Application complete",
+                "text": "Your reference number: HDJ2123F"
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": true,
+            "html": "<div class=\"govuk-panel govuk-panel--confirmation\">\n  <h1 class=\"govuk-panel__title\">\n    Application complete\n  </h1>\n  <div class=\"govuk-panel__body\">\n    Your reference number: HDJ2123F\n  </div>\n</div>"
+        },
+        {
+            "name": "title html as text",
+            "options": {
+                "titleText": "Application <strong>not</strong> complete",
+                "text": "Please complete form 1"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-panel govuk-panel--confirmation\">\n  <h1 class=\"govuk-panel__title\">\n    Application &lt;strong&gt;not&lt;/strong&gt; complete\n  </h1>\n  <div class=\"govuk-panel__body\">\n    Please complete form 1\n  </div>\n</div>"
+        },
+        {
+            "name": "title html",
+            "options": {
+                "titleHtml": "Application <strong>not</strong> complete",
+                "html": "Please complete <strong>form 1</strong>"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-panel govuk-panel--confirmation\">\n  <h1 class=\"govuk-panel__title\">\n    Application <strong>not</strong> complete\n  </h1>\n  <div class=\"govuk-panel__body\">\n    Please complete <strong>form 1</strong>\n  </div>\n</div>"
+        },
+        {
+            "name": "body html as text",
+            "options": {
+                "titleText": "Application complete",
+                "text": "Your reference number<br><strong>HDJ2123F</strong>"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-panel govuk-panel--confirmation\">\n  <h1 class=\"govuk-panel__title\">\n    Application complete\n  </h1>\n  <div class=\"govuk-panel__body\">\n    Your reference number&lt;br&gt;&lt;strong&gt;HDJ2123F&lt;/strong&gt;\n  </div>\n</div>"
+        },
+        {
+            "name": "body html",
+            "options": {
+                "titleText": "Application complete",
+                "html": "Your reference number<br><strong>HDJ2123F</strong>"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-panel govuk-panel--confirmation\">\n  <h1 class=\"govuk-panel__title\">\n    Application complete\n  </h1>\n  <div class=\"govuk-panel__body\">\n    Your reference number<br><strong>HDJ2123F</strong>\n  </div>\n</div>"
+        },
+        {
+            "name": "classes",
+            "options": {
+                "titleText": "Application complete",
+                "text": "Your reference number is HDJ2123F",
+                "classes": "extra-class one-more-class"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-panel govuk-panel--confirmation extra-class one-more-class\">\n  <h1 class=\"govuk-panel__title\">\n    Application complete\n  </h1>\n  <div class=\"govuk-panel__body\">\n    Your reference number is HDJ2123F\n  </div>\n</div>"
+        },
+        {
+            "name": "attributes",
+            "options": {
+                "titleText": "Application complete",
+                "text": "Your reference number is HDJ2123F",
+                "attributes": {
+                    "first-attribute": "foo",
+                    "second-attribute": "bar"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-panel govuk-panel--confirmation\" first-attribute=\"foo\" second-attribute=\"bar\">\n  <h1 class=\"govuk-panel__title\">\n    Application complete\n  </h1>\n  <div class=\"govuk-panel__body\">\n    Your reference number is HDJ2123F\n  </div>\n</div>"
+        },
+        {
+            "name": "title with no body text",
+            "options": {
+                "titleText": "Application complete"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-panel govuk-panel--confirmation\">\n  <h1 class=\"govuk-panel__title\">\n    Application complete\n  </h1>\n</div>"
+        },
+        {
+            "name": "custom heading level",
+            "options": {
+                "titleText": "Application complete",
+                "headingLevel": 2,
+                "text": "Your reference number: HDJ2123F"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-panel govuk-panel--confirmation\">\n  <h2 class=\"govuk-panel__title\">\n    Application complete\n  </h2>\n  <div class=\"govuk-panel__body\">\n    Your reference number: HDJ2123F\n  </div>\n</div>"
+        }
+    ]
+}
diff --git a/node_modules/govuk-frontend/dist/govuk/components/panel/macro-options.json b/node_modules/govuk-frontend/dist/govuk/components/panel/macro-options.json
new file mode 100644
index 0000000..a1a491a
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/panel/macro-options.json
@@ -0,0 +1,50 @@
+[
+    {
+        "name": "titleText",
+        "type": "string",
+        "required": true,
+        "description": "If `titleHtml` is set, this is not required. Text to use within the panel. If `titleHtml` is provided, the `titleText` option will be ignored."
+    },
+    {
+        "name": "titleHtml",
+        "type": "string",
+        "required": true,
+        "description": "If `titleText` is set, this is not required. HTML to use within the panel. If `titleHtml` is provided, the `titleText` option will be ignored."
+    },
+    {
+        "name": "headingLevel",
+        "type": "integer",
+        "required": false,
+        "description": "Heading level, from `1` to `6`. Default is `1`."
+    },
+    {
+        "name": "text",
+        "type": "string",
+        "required": true,
+        "description": "If `html` is set, this is not required. Text to use within the panel content. If `html` is provided, the `text` option will be ignored."
+    },
+    {
+        "name": "html",
+        "type": "string",
+        "required": true,
+        "description": "If `text` is set, this is not required. HTML to use within the panel content. If `html` is provided, the `text` option will be ignored."
+    },
+    {
+        "name": "caller",
+        "type": "nunjucks-block",
+        "required": false,
+        "description": "Not strictly a parameter but [Nunjucks code convention](https://mozilla.github.io/nunjucks/templating.html#call). Using a `call` block enables you to call a macro with all the text inside the tag. This is helpful if you want to pass a lot of content into a macro. To use it, you will need to wrap the entire panel component in a `call` block."
+    },
+    {
+        "name": "classes",
+        "type": "string",
+        "required": false,
+        "description": "Classes to add to the panel container."
+    },
+    {
+        "name": "attributes",
+        "type": "object",
+        "required": false,
+        "description": "HTML attributes (for example data attributes) to add to the panel container."
+    }
+]
diff --git a/node_modules/govuk-frontend/dist/govuk/components/panel/macro.njk b/node_modules/govuk-frontend/dist/govuk/components/panel/macro.njk
new file mode 100644
index 0000000..66da0a6
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/panel/macro.njk
@@ -0,0 +1,3 @@
+{% macro govukPanel(params) %}
+  {%- include "./template.njk" -%}
+{% endmacro %}
diff --git a/node_modules/govuk-frontend/dist/govuk/components/panel/template-default.html b/node_modules/govuk-frontend/dist/govuk/components/panel/template-default.html
new file mode 100644
index 0000000..de4887d
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/panel/template-default.html
@@ -0,0 +1,8 @@
+<div class="govuk-panel govuk-panel--confirmation">
+  <h1 class="govuk-panel__title">
+    Application complete
+  </h1>
+  <div class="govuk-panel__body">
+    Your reference number: HDJ2123F
+  </div>
+</div>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/panel/template.njk b/node_modules/govuk-frontend/dist/govuk/components/panel/template.njk
new file mode 100644
index 0000000..e068052
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/panel/template.njk
@@ -0,0 +1,16 @@
+{% from "../../macros/attributes.njk" import govukAttributes -%}
+
+{% set headingLevel = params.headingLevel if params.headingLevel else 1 -%}
+
+<div class="govuk-panel govuk-panel--confirmation
+  {%- if params.classes %} {{ params.classes }}{% endif %}"
+  {{- govukAttributes(params.attributes) }}>
+  <h{{ headingLevel }} class="govuk-panel__title">
+    {{ params.titleHtml | safe if params.titleHtml else params.titleText }}
+  </h{{ headingLevel }}>
+  {% if caller or params.html or params.text %}
+  <div class="govuk-panel__body">
+    {{ caller() if caller else (params.html | safe | trim | indent(4) if params.html else params.text) }}
+  </div>
+  {% endif %}
+</div>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/password-input/_index.scss b/node_modules/govuk-frontend/dist/govuk/components/password-input/_index.scss
new file mode 100644
index 0000000..0140d56
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/password-input/_index.scss
@@ -0,0 +1,57 @@
+@import "../button/index";
+@import "../input/index";
+
+@include govuk-exports("govuk/component/password-input") {
+  .govuk-password-input__wrapper {
+    // This element inherits styles from .govuk-input__wrapper, including:
+    // - being display: block with contents in a stacked column below the mobile
+    //   breakpoint
+    // - being display: flex above the mobile breakpoint
+
+    @include govuk-media-query($from: mobile) {
+      flex-direction: row;
+
+      // The default of `stretch` makes the toggle button appear taller than the
+      // input, due to using box-shadow, which we don't particularly want in
+      // this situation
+      align-items: flex-start;
+    }
+  }
+
+  .govuk-password-input__input {
+    // IE 11 and Microsoft Edge comes with its own password reveal function. We
+    // want to hide it, so that there aren't two controls presented to the user
+    // that do the same thing but aren't in sync with one another. This doesn't
+    // affect the function that allows Edge users to toggle password visibility
+    // by pressing Alt+F8, which cannot be programmatically disabled.
+    &::-ms-reveal {
+      display: none;
+    }
+  }
+
+  .govuk-password-input__toggle {
+    // Add top margin so the button doesn't obscure the input's focus style
+    margin-top: govuk-spacing(1);
+
+    // Remove default margin-bottom from button
+    margin-bottom: 0;
+
+    // Hide the button by default, JS removes this attribute
+    &[hidden] {
+      display: none;
+    }
+
+    @include govuk-media-query($from: mobile) {
+      // Buttons are normally 100% wide on mobile, but we don't want that here
+      width: auto;
+      flex-shrink: 0;
+      flex-basis: 5em;
+
+      // Move the spacing from top to the left
+      margin-top: 0;
+      margin-left: govuk-spacing(1);
+    }
+  }
+}
+
+/*# sourceMappingURL=_index.scss.map */
diff --git a/node_modules/govuk-frontend/dist/govuk/components/password-input/_index.scss.map b/node_modules/govuk-frontend/dist/govuk/components/password-input/_index.scss.map
new file mode 100644
index 0000000..be326c9
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/password-input/_index.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/password-input/_index.scss"],"names":[],"mappings":"AAAA,yBAAyB;AACzB,wBAAwB;;AAExB;EACE;IACE,qEAAqE;IACrE,2EAA2E;IAC3E,cAAc;IACd,mDAAmD;;IAEnD;MACE,mBAAmB;;MAEnB,yEAAyE;MACzE,qEAAqE;MACrE,gBAAgB;MAChB,uBAAuB;IACzB;EACF;;EAEA;IACE,0EAA0E;IAC1E,0EAA0E;IAC1E,0EAA0E;IAC1E,0EAA0E;IAC1E,gEAAgE;IAChE;MACE,aAAa;IACf;EACF;;EAEA;IACE,sEAAsE;IACtE,4BAA4B;;IAE5B,0CAA0C;IAC1C,gBAAgB;;IAEhB,uDAAuD;IACvD;MACE,aAAa;IACf;;IAEA;MACE,uEAAuE;MACvE,WAAW;MACX,cAAc;MACd,eAAe;;MAEf,uCAAuC;MACvC,aAAa;MACb,6BAA6B;IAC/B;EACF;AACF","file":"_index.scss","sourcesContent":["@import \"../button/index\";\n@import \"../input/index\";\n\n@include govuk-exports(\"govuk/component/password-input\") {\n  .govuk-password-input__wrapper {\n    // This element inherits styles from .govuk-input__wrapper, including:\n    // - being display: block with contents in a stacked column below the mobile\n    //   breakpoint\n    // - being display: flex above the mobile breakpoint\n\n    @include govuk-media-query($from: mobile) {\n      flex-direction: row;\n\n      // The default of `stretch` makes the toggle button appear taller than the\n      // input, due to using box-shadow, which we don't particularly want in\n      // this situation\n      align-items: flex-start;\n    }\n  }\n\n  .govuk-password-input__input {\n    // IE 11 and Microsoft Edge comes with its own password reveal function. We\n    // want to hide it, so that there aren't two controls presented to the user\n    // that do the same thing but aren't in sync with one another. This doesn't\n    // affect the function that allows Edge users to toggle password visibility\n    // by pressing Alt+F8, which cannot be programmatically disabled.\n    &::-ms-reveal {\n      display: none;\n    }\n  }\n\n  .govuk-password-input__toggle {\n    // Add top margin so the button doesn't obscure the input's focus style\n    margin-top: govuk-spacing(1);\n\n    // Remove default margin-bottom from button\n    margin-bottom: 0;\n\n    // Hide the button by default, JS removes this attribute\n    &[hidden] {\n      display: none;\n    }\n\n    @include govuk-media-query($from: mobile) {\n      // Buttons are normally 100% wide on mobile, but we don't want that here\n      width: auto;\n      flex-shrink: 0;\n      flex-basis: 5em;\n\n      // Move the spacing from top to the left\n      margin-top: 0;\n      margin-left: govuk-spacing(1);\n    }\n  }\n}\n"]}
diff --git a/node_modules/govuk-frontend/dist/govuk/components/password-input/_password-input.scss b/node_modules/govuk-frontend/dist/govuk/components/password-input/_password-input.scss
new file mode 100644
index 0000000..189d805
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/password-input/_password-input.scss
@@ -0,0 +1,4 @@
+@import "../../base";
+@import "./index";
+
+/*# sourceMappingURL=_password-input.scss.map */
diff --git a/node_modules/govuk-frontend/dist/govuk/components/password-input/_password-input.scss.map b/node_modules/govuk-frontend/dist/govuk/components/password-input/_password-input.scss.map
new file mode 100644
index 0000000..0719c8c
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/password-input/_password-input.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/password-input/_password-input.scss"],"names":[],"mappings":"AAAA,oBAAoB;AACpB,iBAAiB","file":"_password-input.scss","sourcesContent":["@import \"../../base\";\n@import \"./index\";\n"]}
diff --git a/node_modules/govuk-frontend/dist/govuk/components/password-input/fixtures.json b/node_modules/govuk-frontend/dist/govuk/components/password-input/fixtures.json
new file mode 100644
index 0000000..5b61e11
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/password-input/fixtures.json
@@ -0,0 +1,215 @@
+{
+    "component": "password-input",
+    "fixtures": [
+        {
+            "name": "default",
+            "options": {
+                "label": {
+                    "text": "Password"
+                },
+                "name": "password"
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": {
+                "variants": [
+                    "default",
+                    "no-js"
+                ]
+            },
+            "html": "<div class=\"govuk-form-group govuk-password-input\" data-module=\"govuk-password-input\">\n  <label class=\"govuk-label\" for=\"password\">\n    Password\n  </label>\n  <div class=\"govuk-input__wrapper govuk-password-input__wrapper\">\n    <input class=\"govuk-input govuk-password-input__input govuk-js-password-input-input\" id=\"password\" name=\"password\" type=\"password\" spellcheck=\"false\" autocomplete=\"current-password\" autocapitalize=\"none\">\n    <button type=\"button\" class=\"govuk-button govuk-button--secondary govuk-password-input__toggle govuk-js-password-input-toggle\" data-module=\"govuk-button\" aria-controls=\"password\" aria-label=\"Show password\" hidden>\n      Show\n    </button>\n  </div>\n</div>"
+        },
+        {
+            "name": "with hint text",
+            "options": {
+                "label": {
+                    "text": "Password"
+                },
+                "hint": {
+                    "text": "It probably has some letters, numbers and maybe even some symbols in it."
+                },
+                "id": "password-input-with-hint-text",
+                "name": "test-name-2"
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-password-input\" data-module=\"govuk-password-input\">\n  <label class=\"govuk-label\" for=\"password-input-with-hint-text\">\n    Password\n  </label>\n  <div id=\"password-input-with-hint-text-hint\" class=\"govuk-hint\">\n    It probably has some letters, numbers and maybe even some symbols in it.\n  </div>\n  <div class=\"govuk-input__wrapper govuk-password-input__wrapper\">\n    <input class=\"govuk-input govuk-password-input__input govuk-js-password-input-input\" id=\"password-input-with-hint-text\" name=\"test-name-2\" type=\"password\" spellcheck=\"false\" aria-describedby=\"password-input-with-hint-text-hint\" autocomplete=\"current-password\" autocapitalize=\"none\">\n    <button type=\"button\" class=\"govuk-button govuk-button--secondary govuk-password-input__toggle govuk-js-password-input-toggle\" data-module=\"govuk-button\" aria-controls=\"password-input-with-hint-text\" aria-label=\"Show password\" hidden>\n      Show\n    </button>\n  </div>\n</div>"
+        },
+        {
+            "name": "with error message",
+            "options": {
+                "label": {
+                    "text": "Password"
+                },
+                "hint": {
+                    "text": "It probably has some letters, numbers and maybe even some symbols in it."
+                },
+                "id": "password-input-with-error-message",
+                "name": "test-name-3",
+                "errorMessage": {
+                    "text": "Error message goes here"
+                }
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-form-group--error govuk-password-input\" data-module=\"govuk-password-input\">\n  <label class=\"govuk-label\" for=\"password-input-with-error-message\">\n    Password\n  </label>\n  <div id=\"password-input-with-error-message-hint\" class=\"govuk-hint\">\n    It probably has some letters, numbers and maybe even some symbols in it.\n  </div>\n  <p id=\"password-input-with-error-message-error\" class=\"govuk-error-message\">\n    <span class=\"govuk-visually-hidden\">Error:</span> Error message goes here\n  </p>\n  <div class=\"govuk-input__wrapper govuk-password-input__wrapper\">\n    <input class=\"govuk-input govuk-password-input__input govuk-js-password-input-input govuk-input--error\" id=\"password-input-with-error-message\" name=\"test-name-3\" type=\"password\" spellcheck=\"false\" aria-describedby=\"password-input-with-error-message-hint password-input-with-error-message-error\" autocomplete=\"current-password\" autocapitalize=\"none\">\n    <button type=\"button\" class=\"govuk-button govuk-button--secondary govuk-password-input__toggle govuk-js-password-input-toggle\" data-module=\"govuk-button\" aria-controls=\"password-input-with-error-message\" aria-label=\"Show password\" hidden>\n      Show\n    </button>\n  </div>\n</div>"
+        },
+        {
+            "name": "with label as page heading",
+            "options": {
+                "label": {
+                    "text": "Password",
+                    "classes": "govuk-label--l",
+                    "isPageHeading": true
+                },
+                "id": "password-input-with-page-heading",
+                "name": "test-name"
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-password-input\" data-module=\"govuk-password-input\">\n  <h1 class=\"govuk-label-wrapper\">\n    <label class=\"govuk-label govuk-label--l\" for=\"password-input-with-page-heading\">\n      Password\n    </label>\n  </h1>\n  <div class=\"govuk-input__wrapper govuk-password-input__wrapper\">\n    <input class=\"govuk-input govuk-password-input__input govuk-js-password-input-input\" id=\"password-input-with-page-heading\" name=\"test-name\" type=\"password\" spellcheck=\"false\" autocomplete=\"current-password\" autocapitalize=\"none\">\n    <button type=\"button\" class=\"govuk-button govuk-button--secondary govuk-password-input__toggle govuk-js-password-input-toggle\" data-module=\"govuk-button\" aria-controls=\"password-input-with-page-heading\" aria-label=\"Show password\" hidden>\n      Show\n    </button>\n  </div>\n</div>"
+        },
+        {
+            "name": "with input width class",
+            "options": {
+                "label": {
+                    "text": "Password"
+                },
+                "id": "password-input-width",
+                "name": "password",
+                "classes": "govuk-input--width-10"
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-password-input\" data-module=\"govuk-password-input\">\n  <label class=\"govuk-label\" for=\"password-input-width\">\n    Password\n  </label>\n  <div class=\"govuk-input__wrapper govuk-password-input__wrapper\">\n    <input class=\"govuk-input govuk-password-input__input govuk-js-password-input-input govuk-input--width-10\" id=\"password-input-width\" name=\"password\" type=\"password\" spellcheck=\"false\" autocomplete=\"current-password\" autocapitalize=\"none\">\n    <button type=\"button\" class=\"govuk-button govuk-button--secondary govuk-password-input__toggle govuk-js-password-input-toggle\" data-module=\"govuk-button\" aria-controls=\"password-input-width\" aria-label=\"Show password\" hidden>\n      Show\n    </button>\n  </div>\n</div>"
+        },
+        {
+            "name": "classes",
+            "options": {
+                "id": "with-classes",
+                "name": "with-classes",
+                "label": {
+                    "text": "With classes"
+                },
+                "classes": "app-input--custom-modifier"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-password-input\" data-module=\"govuk-password-input\">\n  <label class=\"govuk-label\" for=\"with-classes\">\n    With classes\n  </label>\n  <div class=\"govuk-input__wrapper govuk-password-input__wrapper\">\n    <input class=\"govuk-input govuk-password-input__input govuk-js-password-input-input app-input--custom-modifier\" id=\"with-classes\" name=\"with-classes\" type=\"password\" spellcheck=\"false\" autocomplete=\"current-password\" autocapitalize=\"none\">\n    <button type=\"button\" class=\"govuk-button govuk-button--secondary govuk-password-input__toggle govuk-js-password-input-toggle\" data-module=\"govuk-button\" aria-controls=\"with-classes\" aria-label=\"Show password\" hidden>\n      Show\n    </button>\n  </div>\n</div>"
+        },
+        {
+            "name": "id",
+            "options": {
+                "id": "password-id",
+                "name": "testing-name",
+                "label": {
+                    "text": "With custom id"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-password-input\" data-module=\"govuk-password-input\">\n  <label class=\"govuk-label\" for=\"password-id\">\n    With custom id\n  </label>\n  <div class=\"govuk-input__wrapper govuk-password-input__wrapper\">\n    <input class=\"govuk-input govuk-password-input__input govuk-js-password-input-input\" id=\"password-id\" name=\"testing-name\" type=\"password\" spellcheck=\"false\" autocomplete=\"current-password\" autocapitalize=\"none\">\n    <button type=\"button\" class=\"govuk-button govuk-button--secondary govuk-password-input__toggle govuk-js-password-input-toggle\" data-module=\"govuk-button\" aria-controls=\"password-id\" aria-label=\"Show password\" hidden>\n      Show\n    </button>\n  </div>\n</div>"
+        },
+        {
+            "name": "value",
+            "options": {
+                "id": "with-value",
+                "name": "with-value",
+                "label": {
+                    "text": "With value"
+                },
+                "value": "Hunter2"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-password-input\" data-module=\"govuk-password-input\">\n  <label class=\"govuk-label\" for=\"with-value\">\n    With value\n  </label>\n  <div class=\"govuk-input__wrapper govuk-password-input__wrapper\">\n    <input class=\"govuk-input govuk-password-input__input govuk-js-password-input-input\" id=\"with-value\" name=\"with-value\" type=\"password\" spellcheck=\"false\" value=\"Hunter2\" autocomplete=\"current-password\" autocapitalize=\"none\">\n    <button type=\"button\" class=\"govuk-button govuk-button--secondary govuk-password-input__toggle govuk-js-password-input-toggle\" data-module=\"govuk-button\" aria-controls=\"with-value\" aria-label=\"Show password\" hidden>\n      Show\n    </button>\n  </div>\n</div>"
+        },
+        {
+            "name": "attributes",
+            "options": {
+                "id": "with-attributes",
+                "name": "with-attributes",
+                "label": {
+                    "text": "With attributes"
+                },
+                "attributes": {
+                    "data-attribute": "value",
+                    "data-another": "ok"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-password-input\" data-module=\"govuk-password-input\">\n  <label class=\"govuk-label\" for=\"with-attributes\">\n    With attributes\n  </label>\n  <div class=\"govuk-input__wrapper govuk-password-input__wrapper\">\n    <input class=\"govuk-input govuk-password-input__input govuk-js-password-input-input\" id=\"with-attributes\" name=\"with-attributes\" type=\"password\" spellcheck=\"false\" autocomplete=\"current-password\" autocapitalize=\"none\" data-attribute=\"value\" data-another=\"ok\">\n    <button type=\"button\" class=\"govuk-button govuk-button--secondary govuk-password-input__toggle govuk-js-password-input-toggle\" data-module=\"govuk-button\" aria-controls=\"with-attributes\" aria-label=\"Show password\" hidden>\n      Show\n    </button>\n  </div>\n</div>"
+        },
+        {
+            "name": "with describedBy",
+            "options": {
+                "id": "with-describedby",
+                "name": "with-describedby",
+                "label": {
+                    "text": "With describedBy"
+                },
+                "describedBy": "test-target-element"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-password-input\" data-module=\"govuk-password-input\">\n  <label class=\"govuk-label\" for=\"with-describedby\">\n    With describedBy\n  </label>\n  <div class=\"govuk-input__wrapper govuk-password-input__wrapper\">\n    <input class=\"govuk-input govuk-password-input__input govuk-js-password-input-input\" id=\"with-describedby\" name=\"with-describedby\" type=\"password\" spellcheck=\"false\" aria-describedby=\"test-target-element\" autocomplete=\"current-password\" autocapitalize=\"none\">\n    <button type=\"button\" class=\"govuk-button govuk-button--secondary govuk-password-input__toggle govuk-js-password-input-toggle\" data-module=\"govuk-button\" aria-controls=\"with-describedby\" aria-label=\"Show password\" hidden>\n      Show\n    </button>\n  </div>\n</div>"
+        },
+        {
+            "name": "with new-password autocomplete",
+            "options": {
+                "label": {
+                    "text": "Password"
+                },
+                "autocomplete": "new-password",
+                "id": "password-input-new-password",
+                "name": "password"
+            },
+            "hidden": true,
+            "description": "Supporting browsers and password managers should prompt to generate a password.",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-password-input\" data-module=\"govuk-password-input\">\n  <label class=\"govuk-label\" for=\"password-input-new-password\">\n    Password\n  </label>\n  <div class=\"govuk-input__wrapper govuk-password-input__wrapper\">\n    <input class=\"govuk-input govuk-password-input__input govuk-js-password-input-input\" id=\"password-input-new-password\" name=\"password\" type=\"password\" spellcheck=\"false\" autocomplete=\"new-password\" autocapitalize=\"none\">\n    <button type=\"button\" class=\"govuk-button govuk-button--secondary govuk-password-input__toggle govuk-js-password-input-toggle\" data-module=\"govuk-button\" aria-controls=\"password-input-new-password\" aria-label=\"Show password\" hidden>\n      Show\n    </button>\n  </div>\n</div>"
+        },
+        {
+            "name": "with translations",
+            "options": {
+                "label": {
+                    "text": "Cyfrinair"
+                },
+                "id": "password-translated",
+                "name": "password-translated",
+                "showPasswordText": "Datguddia",
+                "hidePasswordText": "Cuddio",
+                "showPasswordAriaLabelText": "Datgelu cyfrinair",
+                "hidePasswordAriaLabelText": "Cuddio cyfrinair",
+                "passwordShownAnnouncementText": "Mae eich cyfrinair yn weladwy.",
+                "passwordHiddenAnnouncementText": "Mae eich cyfrinair wedi'i guddio."
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-password-input\" data-module=\"govuk-password-input\" data-i18n.show-password=\"Datguddia\" data-i18n.hide-password=\"Cuddio\" data-i18n.show-password-aria-label=\"Datgelu cyfrinair\" data-i18n.hide-password-aria-label=\"Cuddio cyfrinair\" data-i18n.password-shown-announcement=\"Mae eich cyfrinair yn weladwy.\" data-i18n.password-hidden-announcement=\"Mae eich cyfrinair wedi&#39;i guddio.\">\n  <label class=\"govuk-label\" for=\"password-translated\">\n    Cyfrinair\n  </label>\n  <div class=\"govuk-input__wrapper govuk-password-input__wrapper\">\n    <input class=\"govuk-input govuk-password-input__input govuk-js-password-input-input\" id=\"password-translated\" name=\"password-translated\" type=\"password\" spellcheck=\"false\" autocomplete=\"current-password\" autocapitalize=\"none\">\n    <button type=\"button\" class=\"govuk-button govuk-button--secondary govuk-password-input__toggle govuk-js-password-input-toggle\" data-module=\"govuk-button\" aria-controls=\"password-translated\" aria-label=\"Datgelu cyfrinair\" hidden>\n      Datguddia\n    </button>\n  </div>\n</div>"
+        }
+    ]
+}
diff --git a/node_modules/govuk-frontend/dist/govuk/components/password-input/macro-options.json b/node_modules/govuk-frontend/dist/govuk/components/password-input/macro-options.json
new file mode 100644
index 0000000..453d1b2
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/password-input/macro-options.json
@@ -0,0 +1,181 @@
+[
+    {
+        "name": "id",
+        "type": "string",
+        "required": false,
+        "description": "The ID of the input. Defaults to the value of `name`."
+    },
+    {
+        "name": "name",
+        "type": "string",
+        "required": true,
+        "description": "The name of the input, which is submitted with the form data."
+    },
+    {
+        "name": "value",
+        "type": "string",
+        "required": false,
+        "description": "Optional initial value of the input."
+    },
+    {
+        "name": "disabled",
+        "type": "boolean",
+        "required": false,
+        "description": "If `true`, input will be disabled."
+    },
+    {
+        "name": "describedBy",
+        "type": "string",
+        "required": false,
+        "description": "One or more element IDs to add to the `aria-describedby` attribute, used to provide additional descriptive information for screenreader users."
+    },
+    {
+        "name": "label",
+        "type": "object",
+        "required": true,
+        "description": "The label used by the text input component.",
+        "isComponent": true
+    },
+    {
+        "name": "hint",
+        "type": "object",
+        "required": false,
+        "description": "Can be used to add a hint to a text input component.",
+        "isComponent": true
+    },
+    {
+        "name": "errorMessage",
+        "type": "object",
+        "required": false,
+        "description": "Can be used to add an error message to the text input component. The error message component will not display if you use a falsy value for `errorMessage`, for example `false` or `null`.",
+        "isComponent": true
+    },
+    {
+        "name": "formGroup",
+        "type": "object",
+        "required": false,
+        "description": "Additional options for the form group containing the text input component.",
+        "params": [
+            {
+                "name": "classes",
+                "type": "string",
+                "required": false,
+                "description": "Classes to add to the form group (for example to show error state for the whole group)."
+            },
+            {
+                "name": "attributes",
+                "type": "object",
+                "required": false,
+                "description": "HTML attributes (for example data attributes) to add to the form group."
+            },
+            {
+                "name": "beforeInput",
+                "type": "object",
+                "required": false,
+                "description": "Content to add before the input used by the text input component.",
+                "params": [
+                    {
+                        "name": "text",
+                        "type": "string",
+                        "required": true,
+                        "description": "Text to add before the input. If `html` is provided, the `text` option will be ignored."
+                    },
+                    {
+                        "name": "html",
+                        "type": "string",
+                        "required": true,
+                        "description": "HTML to add before the input. If `html` is provided, the `text` option will be ignored."
+                    }
+                ]
+            },
+            {
+                "name": "afterInput",
+                "type": "object",
+                "required": false,
+                "description": "Content to add after the input used by the text input component.",
+                "params": [
+                    {
+                        "name": "text",
+                        "type": "string",
+                        "required": true,
+                        "description": "Text to add after the input. If `html` is provided, the `text` option will be ignored."
+                    },
+                    {
+                        "name": "html",
+                        "type": "string",
+                        "required": true,
+                        "description": "HTML to add after the input. If `html` is provided, the `text` option will be ignored."
+                    }
+                ]
+            }
+        ]
+    },
+    {
+        "name": "classes",
+        "type": "string",
+        "required": false,
+        "description": "Classes to add to the input."
+    },
+    {
+        "name": "autocomplete",
+        "type": "string",
+        "required": false,
+        "description": "Attribute to meet [WCAG success criterion 1.3.5: Identify input purpose](https://www.w3.org/WAI/WCAG22/Understanding/identify-input-purpose.html). See the [Autofill section in the HTML standard](https://html.spec.whatwg.org/multipage/form-control-infrastructure.html#autofill) for full list of attributes that can be used. Default is `\"current-password\"`."
+    },
+    {
+        "name": "attributes",
+        "type": "object",
+        "required": false,
+        "description": "HTML attributes (for example data attributes) to add to the input."
+    },
+    {
+        "name": "showPasswordText",
+        "type": "string",
+        "required": false,
+        "description": "Button text when the password is hidden. Defaults to `\"Show\"`."
+    },
+    {
+        "name": "hidePasswordText",
+        "type": "string",
+        "required": false,
+        "description": "Button text when the password is visible. Defaults to `\"Hide\"`."
+    },
+    {
+        "name": "showPasswordAriaLabelText",
+        "type": "string",
+        "required": false,
+        "description": "Button text exposed to assistive technologies, like screen readers, when the password is hidden. Defaults to `\"Show password\"`."
+    },
+    {
+        "name": "hidePasswordAriaLabelText",
+        "type": "string",
+        "required": false,
+        "description": "Button text exposed to assistive technologies, like screen readers, when the password is visible. Defaults to `\"Hide password\"`."
+    },
+    {
+        "name": "passwordShownAnnouncementText",
+        "type": "string",
+        "required": false,
+        "description": "Announcement made to screen reader users when their password has become visible in plain text. Defaults to `\"Your password is visible\"`."
+    },
+    {
+        "name": "passwordHiddenAnnouncementText",
+        "type": "string",
+        "required": false,
+        "description": "Announcement made to screen reader users when their password has been obscured and is not visible. Defaults to `\"Your password is hidden\"`."
+    },
+    {
+        "name": "button",
+        "type": "object",
+        "required": false,
+        "description": "Optional object allowing customisation of the toggle button.",
+        "params": [
+            {
+                "name": "classes",
+                "type": "string",
+                "required": false,
+                "description": "Classes to add to the button."
+            }
+        ]
+    }
+]
diff --git a/node_modules/govuk-frontend/dist/govuk/components/password-input/macro.njk b/node_modules/govuk-frontend/dist/govuk/components/password-input/macro.njk
new file mode 100644
index 0000000..386d2cf
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/password-input/macro.njk
@@ -0,0 +1,3 @@
+{% macro govukPasswordInput(params) %}
+  {%- include "./template.njk" -%}
+{% endmacro %}
diff --git a/node_modules/govuk-frontend/dist/govuk/components/password-input/password-input.bundle.js b/node_modules/govuk-frontend/dist/govuk/components/password-input/password-input.bundle.js
new file mode 100644
index 0000000..ffc98d5
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/password-input/password-input.bundle.js
@@ -0,0 +1,515 @@
+(function (global, factory) {
+  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports) :
+  typeof define === 'function' && define.amd ? define(['exports'], factory) :
+  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.GOVUKFrontend = global.GOVUKFrontend || {}));
+})(this, (function (exports) { 'use strict';
+
+  function closestAttributeValue($element, attributeName) {
+    const $closestElementWithAttribute = $element.closest(`[${attributeName}]`);
+    return $closestElementWithAttribute ? $closestElementWithAttribute.getAttribute(attributeName) : null;
+  }
+
+  function isInitialised($root, moduleName) {
+    return $root instanceof HTMLElement && $root.hasAttribute(`data-${moduleName}-init`);
+  }
+
+  /**
+   * Checks if GOV.UK Frontend is supported on this page
+   *
+   * Some browsers will load and run our JavaScript but GOV.UK Frontend
+   * won't be supported.
+   *
+   * @param {HTMLElement | null} [$scope] - (internal) `<body>` HTML element checked for browser support
+   * @returns {boolean} Whether GOV.UK Frontend is supported on this page
+   */
+  function isSupported($scope = document.body) {
+    if (!$scope) {
+      return false;
+    }
+    return $scope.classList.contains('govuk-frontend-supported');
+  }
+  function isArray(option) {
+    return Array.isArray(option);
+  }
+  function isObject(option) {
+    return !!option && typeof option === 'object' && !isArray(option);
+  }
+  function formatErrorMessage(Component, message) {
+    return `${Component.moduleName}: ${message}`;
+  }
+  /**
+   * @typedef ComponentWithModuleName
+   * @property {string} moduleName - Name of the component
+   */
+
+  class GOVUKFrontendError extends Error {
+    constructor(...args) {
+      super(...args);
+      this.name = 'GOVUKFrontendError';
+    }
+  }
+  class SupportError extends GOVUKFrontendError {
+    /**
+     * Checks if GOV.UK Frontend is supported on this page
+     *
+     * @param {HTMLElement | null} [$scope] - HTML element `<body>` checked for browser support
+     */
+    constructor($scope = document.body) {
+      const supportMessage = 'noModule' in HTMLScriptElement.prototype ? 'GOV.UK Frontend initialised without `<body class="govuk-frontend-supported">` from template `<script>` snippet' : 'GOV.UK Frontend is not supported in this browser';
+      super($scope ? supportMessage : 'GOV.UK Frontend initialised without `<script type="module">`');
+      this.name = 'SupportError';
+    }
+  }
+  class ConfigError extends GOVUKFrontendError {
+    constructor(...args) {
+      super(...args);
+      this.name = 'ConfigError';
+    }
+  }
+  class ElementError extends GOVUKFrontendError {
+    constructor(messageOrOptions) {
+      let message = typeof messageOrOptions === 'string' ? messageOrOptions : '';
+      if (isObject(messageOrOptions)) {
+        const {
+          component,
+          identifier,
+          element,
+          expectedType
+        } = messageOrOptions;
+        message = identifier;
+        message += element ? ` is not of type ${expectedType != null ? expectedType : 'HTMLElement'}` : ' not found';
+        if (component) {
+          message = formatErrorMessage(component, message);
+        }
+      }
+      super(message);
+      this.name = 'ElementError';
+    }
+  }
+  class InitError extends GOVUKFrontendError {
+    constructor(componentOrMessage) {
+      const message = typeof componentOrMessage === 'string' ? componentOrMessage : formatErrorMessage(componentOrMessage, `Root element (\`$root\`) already initialised`);
+      super(message);
+      this.name = 'InitError';
+    }
+  }
+  /**
+   * @import { ComponentWithModuleName } from '../common/index.mjs'
+   */
+
+  class Component {
+    /**
+     * Returns the root element of the component
+     *
+     * @protected
+     * @returns {RootElementType} - the root element of component
+     */
+    get $root() {
+      return this._$root;
+    }
+    constructor($root) {
+      this._$root = void 0;
+      const childConstructor = this.constructor;
+      if (typeof childConstructor.moduleName !== 'string') {
+        throw new InitError(`\`moduleName\` not defined in component`);
+      }
+      if (!($root instanceof childConstructor.elementType)) {
+        throw new ElementError({
+          element: $root,
+          component: childConstructor,
+          identifier: 'Root element (`$root`)',
+          expectedType: childConstructor.elementType.name
+        });
+      } else {
+        this._$root = $root;
+      }
+      childConstructor.checkSupport();
+      this.checkInitialised();
+      const moduleName = childConstructor.moduleName;
+      this.$root.setAttribute(`data-${moduleName}-init`, '');
+    }
+    checkInitialised() {
+      const constructor = this.constructor;
+      const moduleName = constructor.moduleName;
+      if (moduleName && isInitialised(this.$root, moduleName)) {
+        throw new InitError(constructor);
+      }
+    }
+    static checkSupport() {
+      if (!isSupported()) {
+        throw new SupportError();
+      }
+    }
+  }
+
+  /**
+   * @typedef ChildClass
+   * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component
+   */
+
+  /**
+   * @typedef {typeof Component & ChildClass} ChildClassConstructor
+   */
+  Component.elementType = HTMLElement;
+
+  const configOverride = Symbol.for('configOverride');
+  class ConfigurableComponent extends Component {
+    [configOverride](param) {
+      return {};
+    }
+
+    /**
+     * Returns the root element of the component
+     *
+     * @protected
+     * @returns {ConfigurationType} - the root element of component
+     */
+    get config() {
+      return this._config;
+    }
+    constructor($root, config) {
+      super($root);
+      this._config = void 0;
+      const childConstructor = this.constructor;
+      if (!isObject(childConstructor.defaults)) {
+        throw new ConfigError(formatErrorMessage(childConstructor, 'Config passed as parameter into constructor but no defaults defined'));
+      }
+      const datasetConfig = normaliseDataset(childConstructor, this._$root.dataset);
+      this._config = mergeConfigs(childConstructor.defaults, config != null ? config : {}, this[configOverride](datasetConfig), datasetConfig);
+    }
+  }
+  function normaliseString(value, property) {
+    const trimmedValue = value ? value.trim() : '';
+    let output;
+    let outputType = property == null ? void 0 : property.type;
+    if (!outputType) {
+      if (['true', 'false'].includes(trimmedValue)) {
+        outputType = 'boolean';
+      }
+      if (trimmedValue.length > 0 && isFinite(Number(trimmedValue))) {
+        outputType = 'number';
+      }
+    }
+    switch (outputType) {
+      case 'boolean':
+        output = trimmedValue === 'true';
+        break;
+      case 'number':
+        output = Number(trimmedValue);
+        break;
+      default:
+        output = value;
+    }
+    return output;
+  }
+  function normaliseDataset(Component, dataset) {
+    if (!isObject(Component.schema)) {
+      throw new ConfigError(formatErrorMessage(Component, 'Config passed as parameter into constructor but no schema defined'));
+    }
+    const out = {};
+    const entries = Object.entries(Component.schema.properties);
+    for (const entry of entries) {
+      const [namespace, property] = entry;
+      const field = namespace.toString();
+      if (field in dataset) {
+        out[field] = normaliseString(dataset[field], property);
+      }
+      if ((property == null ? void 0 : property.type) === 'object') {
+        out[field] = extractConfigByNamespace(Component.schema, dataset, namespace);
+      }
+    }
+    return out;
+  }
+  function mergeConfigs(...configObjects) {
+    const formattedConfigObject = {};
+    for (const configObject of configObjects) {
+      for (const key of Object.keys(configObject)) {
+        const option = formattedConfigObject[key];
+        const override = configObject[key];
+        if (isObject(option) && isObject(override)) {
+          formattedConfigObject[key] = mergeConfigs(option, override);
+        } else {
+          formattedConfigObject[key] = override;
+        }
+      }
+    }
+    return formattedConfigObject;
+  }
+  function extractConfigByNamespace(schema, dataset, namespace) {
+    const property = schema.properties[namespace];
+    if ((property == null ? void 0 : property.type) !== 'object') {
+      return;
+    }
+    const newObject = {
+      [namespace]: {}
+    };
+    for (const [key, value] of Object.entries(dataset)) {
+      let current = newObject;
+      const keyParts = key.split('.');
+      for (const [index, name] of keyParts.entries()) {
+        if (isObject(current)) {
+          if (index < keyParts.length - 1) {
+            if (!isObject(current[name])) {
+              current[name] = {};
+            }
+            current = current[name];
+          } else if (key !== namespace) {
+            current[name] = normaliseString(value);
+          }
+        }
+      }
+    }
+    return newObject[namespace];
+  }
+  /**
+   * Schema for component config
+   *
+   * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType
+   * @typedef {object} Schema
+   * @property {Record<keyof ConfigurationType, SchemaProperty | undefined>} properties - Schema properties
+   * @property {SchemaCondition<ConfigurationType>[]} [anyOf] - List of schema conditions
+   */
+  /**
+   * Schema property for component config
+   *
+   * @typedef {object} SchemaProperty
+   * @property {'string' | 'boolean' | 'number' | 'object'} type - Property type
+   */
+  /**
+   * Schema condition for component config
+   *
+   * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType
+   * @typedef {object} SchemaCondition
+   * @property {(keyof ConfigurationType)[]} required - List of required config fields
+   * @property {string} errorMessage - Error message when required config fields not provided
+   */
+  /**
+   * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]
+   * @typedef ChildClass
+   * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component
+   * @property {Schema<ConfigurationType>} [schema] - The schema of the component configuration
+   * @property {ConfigurationType} [defaults] - The default values of the configuration of the component
+   */
+  /**
+   * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]
+   * @typedef {typeof Component & ChildClass<ConfigurationType>} ChildClassConstructor<ConfigurationType>
+   */
+  /**
+   * @import { CompatibleClass, Config, CreateAllOptions, OnErrorCallback } from '../init.mjs'
+   */
+
+  class I18n {
+    constructor(translations = {}, config = {}) {
+      var _config$locale;
+      this.translations = void 0;
+      this.locale = void 0;
+      this.translations = translations;
+      this.locale = (_config$locale = config.locale) != null ? _config$locale : document.documentElement.lang || 'en';
+    }
+    t(lookupKey, options) {
+      if (!lookupKey) {
+        throw new Error('i18n: lookup key missing');
+      }
+      let translation = this.translations[lookupKey];
+      if (typeof (options == null ? void 0 : options.count) === 'number' && isObject(translation)) {
+        const translationPluralForm = translation[this.getPluralSuffix(lookupKey, options.count)];
+        if (translationPluralForm) {
+          translation = translationPluralForm;
+        }
+      }
+      if (typeof translation === 'string') {
+        if (translation.match(/%{(.\S+)}/)) {
+          if (!options) {
+            throw new Error('i18n: cannot replace placeholders in string if no option data provided');
+          }
+          return this.replacePlaceholders(translation, options);
+        }
+        return translation;
+      }
+      return lookupKey;
+    }
+    replacePlaceholders(translationString, options) {
+      const formatter = Intl.NumberFormat.supportedLocalesOf(this.locale).length ? new Intl.NumberFormat(this.locale) : undefined;
+      return translationString.replace(/%{(.\S+)}/g, function (placeholderWithBraces, placeholderKey) {
+        if (Object.prototype.hasOwnProperty.call(options, placeholderKey)) {
+          const placeholderValue = options[placeholderKey];
+          if (placeholderValue === false || typeof placeholderValue !== 'number' && typeof placeholderValue !== 'string') {
+            return '';
+          }
+          if (typeof placeholderValue === 'number') {
+            return formatter ? formatter.format(placeholderValue) : `${placeholderValue}`;
+          }
+          return placeholderValue;
+        }
+        throw new Error(`i18n: no data found to replace ${placeholderWithBraces} placeholder in string`);
+      });
+    }
+    hasIntlPluralRulesSupport() {
+      return Boolean('PluralRules' in window.Intl && Intl.PluralRules.supportedLocalesOf(this.locale).length);
+    }
+    getPluralSuffix(lookupKey, count) {
+      count = Number(count);
+      if (!isFinite(count)) {
+        return 'other';
+      }
+      const translation = this.translations[lookupKey];
+      const preferredForm = this.hasIntlPluralRulesSupport() ? new Intl.PluralRules(this.locale).select(count) : 'other';
+      if (isObject(translation)) {
+        if (preferredForm in translation) {
+          return preferredForm;
+        } else if ('other' in translation) {
+          console.warn(`i18n: Missing plural form ".${preferredForm}" for "${this.locale}" locale. Falling back to ".other".`);
+          return 'other';
+        }
+      }
+      throw new Error(`i18n: Plural form ".other" is required for "${this.locale}" locale`);
+    }
+  }
+
+  /**
+   * Password input component
+   *
+   * @preserve
+   * @augments ConfigurableComponent<PasswordInputConfig>
+   */
+  class PasswordInput extends ConfigurableComponent {
+    /**
+     * @param {Element | null} $root - HTML element to use for password input
+     * @param {PasswordInputConfig} [config] - Password input config
+     */
+    constructor($root, config = {}) {
+      super($root, config);
+      this.i18n = void 0;
+      this.$input = void 0;
+      this.$showHideButton = void 0;
+      this.$screenReaderStatusMessage = void 0;
+      const $input = this.$root.querySelector('.govuk-js-password-input-input');
+      if (!($input instanceof HTMLInputElement)) {
+        throw new ElementError({
+          component: PasswordInput,
+          element: $input,
+          expectedType: 'HTMLInputElement',
+          identifier: 'Form field (`.govuk-js-password-input-input`)'
+        });
+      }
+      if ($input.type !== 'password') {
+        throw new ElementError('Password input: Form field (`.govuk-js-password-input-input`) must be of type `password`.');
+      }
+      const $showHideButton = this.$root.querySelector('.govuk-js-password-input-toggle');
+      if (!($showHideButton instanceof HTMLButtonElement)) {
+        throw new ElementError({
+          component: PasswordInput,
+          element: $showHideButton,
+          expectedType: 'HTMLButtonElement',
+          identifier: 'Button (`.govuk-js-password-input-toggle`)'
+        });
+      }
+      if ($showHideButton.type !== 'button') {
+        throw new ElementError('Password input: Button (`.govuk-js-password-input-toggle`) must be of type `button`.');
+      }
+      this.$input = $input;
+      this.$showHideButton = $showHideButton;
+      this.i18n = new I18n(this.config.i18n, {
+        locale: closestAttributeValue(this.$root, 'lang')
+      });
+      this.$showHideButton.removeAttribute('hidden');
+      const $screenReaderStatusMessage = document.createElement('div');
+      $screenReaderStatusMessage.className = 'govuk-password-input__sr-status govuk-visually-hidden';
+      $screenReaderStatusMessage.setAttribute('aria-live', 'polite');
+      this.$screenReaderStatusMessage = $screenReaderStatusMessage;
+      this.$input.insertAdjacentElement('afterend', $screenReaderStatusMessage);
+      this.$showHideButton.addEventListener('click', this.toggle.bind(this));
+      if (this.$input.form) {
+        this.$input.form.addEventListener('submit', () => this.hide());
+      }
+      window.addEventListener('pageshow', event => {
+        if (event.persisted && this.$input.type !== 'password') {
+          this.hide();
+        }
+      });
+      this.hide();
+    }
+    toggle(event) {
+      event.preventDefault();
+      if (this.$input.type === 'password') {
+        this.show();
+        return;
+      }
+      this.hide();
+    }
+    show() {
+      this.setType('text');
+    }
+    hide() {
+      this.setType('password');
+    }
+    setType(type) {
+      if (type === this.$input.type) {
+        return;
+      }
+      this.$input.setAttribute('type', type);
+      const isHidden = type === 'password';
+      const prefixButton = isHidden ? 'show' : 'hide';
+      const prefixStatus = isHidden ? 'passwordHidden' : 'passwordShown';
+      this.$showHideButton.innerText = this.i18n.t(`${prefixButton}Password`);
+      this.$showHideButton.setAttribute('aria-label', this.i18n.t(`${prefixButton}PasswordAriaLabel`));
+      this.$screenReaderStatusMessage.innerText = this.i18n.t(`${prefixStatus}Announcement`);
+    }
+  }
+
+  /**
+   * Password input config
+   *
+   * @typedef {object} PasswordInputConfig
+   * @property {PasswordInputTranslations} [i18n=PasswordInput.defaults.i18n] - Password input translations
+   */
+
+  /**
+   * Password input translations
+   *
+   * @see {@link PasswordInput.defaults.i18n}
+   * @typedef {object} PasswordInputTranslations
+   *
+   * Messages displayed to the user indicating the state of the show/hide toggle.
+   * @property {string} [showPassword] - Visible text of the button when the
+   *   password is currently hidden. Plain text only.
+   * @property {string} [hidePassword] - Visible text of the button when the
+   *   password is currently visible. Plain text only.
+   * @property {string} [showPasswordAriaLabel] - aria-label of the button when
+   *   the password is currently hidden. Plain text only.
+   * @property {string} [hidePasswordAriaLabel] - aria-label of the button when
+   *   the password is currently visible. Plain text only.
+   * @property {string} [passwordShownAnnouncement] - Screen reader
+   *   announcement to make when the password has just become visible.
+   *   Plain text only.
+   * @property {string} [passwordHiddenAnnouncement] - Screen reader
+   *   announcement to make when the password has just been hidden.
+   *   Plain text only.
+   */
+
+  /**
+   * @import { Schema } from '../../common/configuration.mjs'
+   */
+  PasswordInput.moduleName = 'govuk-password-input';
+  PasswordInput.defaults = Object.freeze({
+    i18n: {
+      showPassword: 'Show',
+      hidePassword: 'Hide',
+      showPasswordAriaLabel: 'Show password',
+      hidePasswordAriaLabel: 'Hide password',
+      passwordShownAnnouncement: 'Your password is visible',
+      passwordHiddenAnnouncement: 'Your password is hidden'
+    }
+  });
+  PasswordInput.schema = Object.freeze({
+    properties: {
+      i18n: {
+        type: 'object'
+      }
+    }
+  });
+
+  exports.PasswordInput = PasswordInput;
+
+}));
+//# sourceMappingURL=password-input.bundle.js.map
diff --git a/node_modules/govuk-frontend/dist/govuk/components/password-input/password-input.bundle.js.map b/node_modules/govuk-frontend/dist/govuk/components/password-input/password-input.bundle.js.map
new file mode 100644
index 0000000..62bc330
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/password-input/password-input.bundle.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"password-input.bundle.js","sources":["../../../../src/govuk/common/closest-attribute-value.mjs","../../../../src/govuk/common/index.mjs","../../../../src/govuk/errors/index.mjs","../../../../src/govuk/component.mjs","../../../../src/govuk/common/configuration.mjs","../../../../src/govuk/i18n.mjs","../../../../src/govuk/components/password-input/password-input.mjs"],"sourcesContent":["/**\n * Returns the value of the given attribute closest to the given element (including itself)\n *\n * @internal\n * @param {Element} $element - The element to start walking the DOM tree up\n * @param {string} attributeName - The name of the attribute\n * @returns {string | null} Attribute value\n */\nexport function closestAttributeValue($element, attributeName) {\n  const $closestElementWithAttribute = $element.closest(`[${attributeName}]`)\n  return $closestElementWithAttribute\n    ? $closestElementWithAttribute.getAttribute(attributeName)\n    : null\n}\n","/**\n * Common helpers which do not require polyfill.\n *\n * IMPORTANT: If a helper require a polyfill, please isolate it in its own module\n * so that the polyfill can be properly tree-shaken and does not burden\n * the components that do not need that helper\n */\n\n/**\n * Get GOV.UK Frontend breakpoint value from CSS custom property\n *\n * @private\n * @param {string} name - Breakpoint name\n * @returns {{ property: string, value?: string }} Breakpoint object\n */\nexport function getBreakpoint(name) {\n  const property = `--govuk-breakpoint-${name}`\n\n  // Get value from `<html>` with breakpoints on CSS :root\n  const value = window\n    .getComputedStyle(document.documentElement)\n    .getPropertyValue(property)\n\n  return {\n    property,\n    value: value || undefined\n  }\n}\n\n/**\n * Move focus to element\n *\n * Sets tabindex to -1 to make the element programmatically focusable,\n * but removes it on blur as the element doesn't need to be focused again.\n *\n * @private\n * @template {HTMLElement} FocusElement\n * @param {FocusElement} $element - HTML element\n * @param {object} [options] - Handler options\n * @param {function(this: FocusElement): void} [options.onBeforeFocus] - Callback before focus\n * @param {function(this: FocusElement): void} [options.onBlur] - Callback on blur\n */\nexport function setFocus($element, options = {}) {\n  const isFocusable = $element.getAttribute('tabindex')\n\n  if (!isFocusable) {\n    $element.setAttribute('tabindex', '-1')\n  }\n\n  /**\n   * Handle element focus\n   */\n  function onFocus() {\n    $element.addEventListener('blur', onBlur, { once: true })\n  }\n\n  /**\n   * Handle element blur\n   */\n  function onBlur() {\n    options.onBlur?.call($element)\n\n    if (!isFocusable) {\n      $element.removeAttribute('tabindex')\n    }\n  }\n\n  // Add listener to reset element on blur, after focus\n  $element.addEventListener('focus', onFocus, { once: true })\n\n  // Focus element\n  options.onBeforeFocus?.call($element)\n  $element.focus()\n}\n\n/**\n * Checks if component is already initialised\n *\n * @internal\n * @param {Element} $root - HTML element to be checked\n * @param {string} moduleName - name of component module\n * @returns {boolean} Whether component is already initialised\n */\nexport function isInitialised($root, moduleName) {\n  return (\n    $root instanceof HTMLElement &&\n    $root.hasAttribute(`data-${moduleName}-init`)\n  )\n}\n\n/**\n * Checks if GOV.UK Frontend is supported on this page\n *\n * Some browsers will load and run our JavaScript but GOV.UK Frontend\n * won't be supported.\n *\n * @param {HTMLElement | null} [$scope] - (internal) `<body>` HTML element checked for browser support\n * @returns {boolean} Whether GOV.UK Frontend is supported on this page\n */\nexport function isSupported($scope = document.body) {\n  if (!$scope) {\n    return false\n  }\n\n  return $scope.classList.contains('govuk-frontend-supported')\n}\n\n/**\n * Check for an array\n *\n * @internal\n * @param {unknown} option - Option to check\n * @returns {boolean} Whether the option is an array\n */\nfunction isArray(option) {\n  return Array.isArray(option)\n}\n\n/**\n * Check for an object\n *\n * @internal\n * @template {Partial<Record<keyof ObjectType, unknown>>} ObjectType\n * @param {unknown | ObjectType} option - Option to check\n * @returns {option is ObjectType} Whether the option is an object\n */\nexport function isObject(option) {\n  return !!option && typeof option === 'object' && !isArray(option)\n}\n\n/**\n * Check for valid scope\n *\n * @internal\n * @template {Element | Document} ScopeType\n * @param {unknown | ScopeType} $scope - Scope of the document to search within\n * @returns {$scope is ScopeType} Whether the scope can be queried\n */\nexport function isScope($scope) {\n  return !!$scope && ($scope instanceof Element || $scope instanceof Document)\n}\n\n/**\n * Format error message\n *\n * @internal\n * @param {ComponentWithModuleName} Component - Component that threw the error\n * @param {string} message - Error message\n * @returns {string} - Formatted error message\n */\nexport function formatErrorMessage(Component, message) {\n  return `${Component.moduleName}: ${message}`\n}\n\n/* eslint-disable jsdoc/valid-types --\n * `{new(...args: any[] ): object}` is not recognised as valid\n * https://github.com/gajus/eslint-plugin-jsdoc/issues/145#issuecomment-1308722878\n * https://github.com/jsdoc-type-pratt-parser/jsdoc-type-pratt-parser/issues/131\n **/\n\n/**\n * @typedef ComponentWithModuleName\n * @property {string} moduleName - Name of the component\n */\n\n/* eslint-enable jsdoc/valid-types */\n","import { formatErrorMessage, isObject } from '../common/index.mjs'\n\n/**\n * GOV.UK Frontend error\n *\n * A base class for `Error`s thrown by GOV.UK Frontend.\n *\n * It is meant to be extended into specific types of errors\n * to be thrown by our code.\n *\n * @example\n * ```js\n * class MissingRootError extends GOVUKFrontendError {\n *   // Setting an explicit name is important as extending the class will not\n *   // set a new `name` on the subclass. The `name` property is important\n *   // to ensure intelligible error names even if the class name gets\n *   // mangled by a minifier\n *   name = \"MissingRootError\"\n * }\n * ```\n * @virtual\n */\nexport class GOVUKFrontendError extends Error {\n  name = 'GOVUKFrontendError'\n}\n\n/**\n * Indicates that GOV.UK Frontend is not supported\n */\nexport class SupportError extends GOVUKFrontendError {\n  name = 'SupportError'\n\n  /**\n   * Checks if GOV.UK Frontend is supported on this page\n   *\n   * @param {HTMLElement | null} [$scope] - HTML element `<body>` checked for browser support\n   */\n  constructor($scope = document.body) {\n    const supportMessage =\n      'noModule' in HTMLScriptElement.prototype\n        ? 'GOV.UK Frontend initialised without `<body class=\"govuk-frontend-supported\">` from template `<script>` snippet'\n        : 'GOV.UK Frontend is not supported in this browser'\n\n    super(\n      $scope\n        ? supportMessage\n        : 'GOV.UK Frontend initialised without `<script type=\"module\">`'\n    )\n  }\n}\n\n/**\n * Indicates that a component has received an illegal configuration\n */\nexport class ConfigError extends GOVUKFrontendError {\n  name = 'ConfigError'\n}\n\n/**\n * Indicates an issue with an element (possibly `null` or `undefined`)\n */\nexport class ElementError extends GOVUKFrontendError {\n  name = 'ElementError'\n\n  /**\n   * @internal\n   * @overload\n   * @param {string} message - Element error message\n   */\n\n  /**\n   * @internal\n   * @overload\n   * @param {ElementErrorOptions} options - Element error options\n   */\n\n  /**\n   * @internal\n   * @param {string | ElementErrorOptions} messageOrOptions - Element error message or options\n   */\n  constructor(messageOrOptions) {\n    let message = typeof messageOrOptions === 'string' ? messageOrOptions : ''\n\n    // Build message from options\n    if (isObject(messageOrOptions)) {\n      const { component, identifier, element, expectedType } = messageOrOptions\n\n      message = identifier\n\n      // Append reason\n      message += element\n        ? ` is not of type ${expectedType ?? 'HTMLElement'}`\n        : ' not found'\n\n      // Prepend with module name (optional)\n      if (component) {\n        message = formatErrorMessage(component, message)\n      }\n    }\n\n    super(message)\n  }\n}\n\n/**\n * Indicates that a component is already initialised\n */\nexport class InitError extends GOVUKFrontendError {\n  name = 'InitError'\n\n  /**\n   * @internal\n   * @param {ComponentWithModuleName | string} componentOrMessage - name of the component module\n   */\n  constructor(componentOrMessage) {\n    const message =\n      typeof componentOrMessage === 'string'\n        ? componentOrMessage\n        : formatErrorMessage(\n            componentOrMessage,\n            `Root element (\\`$root\\`) already initialised`\n          )\n\n    super(message)\n  }\n}\n\n/**\n * Element error options\n *\n * @internal\n * @typedef {object} ElementErrorOptions\n * @property {Element | Document | null} [element] - The element in error (optional)\n * @property {ComponentWithModuleName} [component] - Component throwing the error (optional)\n * @property {string} identifier - An identifier that'll let the user understand which element has an error. This is whatever makes the most sense\n * @property {string} [expectedType] - The type that was expected for the identifier (optional)\n */\n\n/**\n * @import { ComponentWithModuleName } from '../common/index.mjs'\n */\n","import { isInitialised, isSupported } from './common/index.mjs'\nimport { ElementError, InitError, SupportError } from './errors/index.mjs'\n\n/**\n * Base Component class\n *\n * Centralises the behaviours shared by our components\n *\n * @virtual\n * @template {Element} [RootElementType=HTMLElement]\n */\nexport class Component {\n  /**\n   * @type {typeof Element}\n   */\n  static elementType = HTMLElement\n\n  // allows Typescript user to work around the lack of types\n  // in GOVUKFrontend package, Typescript is not aware of $root\n  // in components that extend GOVUKFrontendComponent\n  /**\n   * Returns the root element of the component\n   *\n   * @protected\n   * @returns {RootElementType} - the root element of component\n   */\n  get $root() {\n    return this._$root\n  }\n\n  /**\n   * @protected\n   * @type {RootElementType}\n   */\n  _$root\n\n  /**\n   * Constructs a new component, validating that GOV.UK Frontend is supported\n   *\n   * @internal\n   * @param {Element | null} [$root] - HTML element to use for component\n   */\n  constructor($root) {\n    const childConstructor = /** @type {ChildClassConstructor} */ (\n      this.constructor\n    )\n\n    // TypeScript does not enforce that inheriting classes will define a `moduleName`\n    // (even if we add a `@virtual` `static moduleName` property to this class).\n    // While we trust users to do this correctly, we do a little check to provide them\n    // a helpful error message.\n    //\n    // After this, we'll be sure that `childConstructor` has a `moduleName`\n    // as expected of the `ChildClassConstructor` we've cast `this.constructor` to.\n    if (typeof childConstructor.moduleName !== 'string') {\n      throw new InitError(`\\`moduleName\\` not defined in component`)\n    }\n\n    if (!($root instanceof childConstructor.elementType)) {\n      throw new ElementError({\n        element: $root,\n        component: childConstructor,\n        identifier: 'Root element (`$root`)',\n        expectedType: childConstructor.elementType.name\n      })\n    } else {\n      this._$root = /** @type {RootElementType} */ ($root)\n    }\n\n    childConstructor.checkSupport()\n\n    this.checkInitialised()\n\n    const moduleName = childConstructor.moduleName\n\n    this.$root.setAttribute(`data-${moduleName}-init`, '')\n  }\n\n  /**\n   * Validates whether component is already initialised\n   *\n   * @private\n   * @throws {InitError} when component is already initialised\n   */\n  checkInitialised() {\n    const constructor = /** @type {ChildClassConstructor} */ (this.constructor)\n    const moduleName = constructor.moduleName\n\n    if (moduleName && isInitialised(this.$root, moduleName)) {\n      throw new InitError(constructor)\n    }\n  }\n\n  /**\n   * Validates whether components are supported\n   *\n   * @throws {SupportError} when the components are not supported\n   */\n  static checkSupport() {\n    if (!isSupported()) {\n      throw new SupportError()\n    }\n  }\n}\n\n/**\n * @typedef ChildClass\n * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component\n */\n\n/**\n * @typedef {typeof Component & ChildClass} ChildClassConstructor\n */\n","import { Component } from '../component.mjs'\nimport { ConfigError } from '../errors/index.mjs'\n\nimport { isObject, isScope, formatErrorMessage } from './index.mjs'\n\nexport const configOverride = Symbol.for('configOverride')\n\n/**\n * Base Component class\n *\n * Centralises the behaviours shared by our components\n *\n * @virtual\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]\n * @template {Element & { dataset: DOMStringMap }} [RootElementType=HTMLElement]\n * @augments Component<RootElementType>\n */\nexport class ConfigurableComponent extends Component {\n  /**\n   * configOverride\n   *\n   * Function which defines configuration overrides to prioritize\n   * properties from the root element's dataset.\n   *\n   * It should take a subset of configuration as input and return\n   * a new configuration object with properties that should be\n   * overridden based on the root element's dataset. A Symbol\n   * is used for indexing to prevent conflicts.\n   *\n   * @internal\n   * @virtual\n   * @param {Partial<ConfigurationType>} [param] - Configuration object\n   * @returns {Partial<ConfigurationType>} return - Configuration object\n   */\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  [configOverride](param) {\n    return {}\n  }\n\n  /**\n   * Returns the root element of the component\n   *\n   * @protected\n   * @returns {ConfigurationType} - the root element of component\n   */\n  get config() {\n    return this._config\n  }\n\n  /**\n   *\n   * @type {ConfigurationType}\n   */\n  _config\n\n  /**\n   * Constructs a new component, validating that GOV.UK Frontend is supported\n   *\n   * @internal\n   * @param {Element | null} [$root] - HTML element to use for component\n   * @param {ConfigurationType} [config] - HTML element to use for component\n   */\n  constructor($root, config) {\n    super($root)\n\n    const childConstructor =\n      /** @type {ChildClassConstructor<ConfigurationType>} */ (this.constructor)\n\n    if (!isObject(childConstructor.defaults)) {\n      throw new ConfigError(\n        formatErrorMessage(\n          childConstructor,\n          'Config passed as parameter into constructor but no defaults defined'\n        )\n      )\n    }\n\n    const datasetConfig = /** @type {ConfigurationType} */ (\n      normaliseDataset(childConstructor, this._$root.dataset)\n    )\n\n    this._config = /** @type {ConfigurationType} */ (\n      mergeConfigs(\n        childConstructor.defaults,\n        config ?? {},\n        this[configOverride](datasetConfig),\n        datasetConfig\n      )\n    )\n  }\n}\n\n/**\n * Normalise string\n *\n * 'If it looks like a duck, and it quacks like a duck…' 🦆\n *\n * If the passed value looks like a boolean or a number, convert it to a boolean\n * or number.\n *\n * Designed to be used to convert config passed via data attributes (which are\n * always strings) into something sensible.\n *\n * @internal\n * @param {DOMStringMap[string]} value - The value to normalise\n * @param {SchemaProperty} [property] - Component schema property\n * @returns {string | boolean | number | undefined} Normalised data\n */\nexport function normaliseString(value, property) {\n  const trimmedValue = value ? value.trim() : ''\n\n  let output\n  let outputType = property?.type\n\n  // No schema type set? Determine automatically\n  if (!outputType) {\n    if (['true', 'false'].includes(trimmedValue)) {\n      outputType = 'boolean'\n    }\n\n    // Empty / whitespace-only strings are considered finite so we need to check\n    // the length of the trimmed string as well\n    if (trimmedValue.length > 0 && isFinite(Number(trimmedValue))) {\n      outputType = 'number'\n    }\n  }\n\n  switch (outputType) {\n    case 'boolean':\n      output = trimmedValue === 'true'\n      break\n\n    case 'number':\n      output = Number(trimmedValue)\n      break\n\n    default:\n      output = value\n  }\n\n  return output\n}\n\n/**\n * Normalise dataset\n *\n * Loop over an object and normalise each value using {@link normaliseString},\n * optionally expanding nested `i18n.field`\n *\n * @internal\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @template {[keyof ConfigurationType, SchemaProperty | undefined][]} SchemaEntryType\n * @param {{ schema?: Schema<ConfigurationType>, moduleName: string }} Component - Component class\n * @param {DOMStringMap} dataset - HTML element dataset\n * @returns {ObjectNested} Normalised dataset\n */\nexport function normaliseDataset(Component, dataset) {\n  if (!isObject(Component.schema)) {\n    throw new ConfigError(\n      formatErrorMessage(\n        Component,\n        'Config passed as parameter into constructor but no schema defined'\n      )\n    )\n  }\n\n  const out = /** @type {ObjectNested} */ ({})\n  const entries = /** @type {SchemaEntryType} */ (\n    Object.entries(Component.schema.properties)\n  )\n\n  // Normalise top-level dataset ('data-*') values using schema types\n  for (const entry of entries) {\n    const [namespace, property] = entry\n\n    // Cast the `namespace` to string so it can be used to access the dataset\n    const field = namespace.toString()\n\n    if (field in dataset) {\n      out[field] = normaliseString(dataset[field], property)\n    }\n\n    /**\n     * Extract and normalise nested object values automatically using\n     * {@link normaliseString} but only schema object types are allowed\n     */\n    if (property?.type === 'object') {\n      out[field] = extractConfigByNamespace(\n        Component.schema,\n        dataset,\n        namespace\n      )\n    }\n  }\n\n  return out\n}\n\n/**\n * Normalise options passed to `initAll` or `createAll`\n *\n * @internal\n * @template {CompatibleClass} ComponentClass\n * @param {Config | CreateAllOptions<ComponentClass> | OnErrorCallback<ComponentClass> | Element | Document | null} [scopeOrOptions] - Scope of the document to search within, initialisation options or error callback function\n * @returns {CreateAllOptions<ComponentClass>} Normalised options\n */\nexport function normaliseOptions(scopeOrOptions) {\n  let /** @type {Element | Document | null} */ $scope = document\n  let /** @type {OnErrorCallback<ComponentClass> | undefined} */ onError\n\n  // Handle options object\n  if (isObject(scopeOrOptions)) {\n    const options = scopeOrOptions\n\n    // Scope must be valid or null\n    if (isScope(options.scope) || options.scope === null) {\n      $scope = options.scope\n    }\n\n    // Error handler must be a function\n    if (typeof options.onError === 'function') {\n      onError = options.onError\n    }\n  }\n\n  if (isScope(scopeOrOptions)) {\n    $scope = scopeOrOptions\n  } else if (scopeOrOptions === null) {\n    $scope = null\n  } else if (typeof scopeOrOptions === 'function') {\n    onError = scopeOrOptions\n  }\n\n  return {\n    scope: $scope,\n    onError\n  }\n}\n\n/**\n * Config merging function\n *\n * Takes any number of objects and combines them together, with\n * greatest priority on the LAST item passed in.\n *\n * @internal\n * @param {...{ [key: string]: unknown }} configObjects - Config objects to merge\n * @returns {{ [key: string]: unknown }} A merged config object\n */\nexport function mergeConfigs(...configObjects) {\n  // Start with an empty object as our base\n  /** @type {{ [key: string]: unknown }} */\n  const formattedConfigObject = {}\n\n  // Loop through each of the passed objects\n  for (const configObject of configObjects) {\n    for (const key of Object.keys(configObject)) {\n      const option = formattedConfigObject[key]\n      const override = configObject[key]\n\n      // Push their keys one-by-one into formattedConfigObject. Any duplicate\n      // keys with object values will be merged, otherwise the new value will\n      // override the existing value.\n      if (isObject(option) && isObject(override)) {\n        formattedConfigObject[key] = mergeConfigs(option, override)\n      } else {\n        // Apply override\n        formattedConfigObject[key] = override\n      }\n    }\n  }\n\n  return formattedConfigObject\n}\n\n/**\n * Validate component config by schema\n *\n * Follows limited examples in JSON schema for wider support in future\n *\n * {@link https://ajv.js.org/json-schema.html#compound-keywords}\n * {@link https://ajv.js.org/packages/ajv-errors.html#single-message}\n *\n * @internal\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @param {Schema<ConfigurationType>} schema - The schema of a component\n * @param {ConfigurationType} config - Component config\n * @returns {string[]} List of validation errors\n */\nexport function validateConfig(schema, config) {\n  const validationErrors = []\n\n  // Check errors for each schema\n  for (const [name, conditions] of Object.entries(schema)) {\n    const errors = []\n\n    // Check errors for each schema condition\n    if (Array.isArray(conditions)) {\n      for (const { required, errorMessage } of conditions) {\n        if (!required.every((key) => !!config[key])) {\n          errors.push(errorMessage) // Missing config key value\n        }\n      }\n\n      // Check one condition passes or add errors\n      if (name === 'anyOf' && !(conditions.length - errors.length >= 1)) {\n        validationErrors.push(...errors)\n      }\n    }\n  }\n\n  return validationErrors\n}\n\n/**\n * Extracts keys starting with a particular namespace from dataset ('data-*')\n * object, removing the namespace in the process, normalising all values\n *\n * @internal\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @param {Schema<ConfigurationType>} schema - The schema of a component\n * @param {DOMStringMap} dataset - The object to extract key-value pairs from\n * @param {keyof ConfigurationType} namespace - The namespace to filter keys with\n * @returns {ObjectNested | undefined} Nested object with dot-separated key namespace removed\n */\nexport function extractConfigByNamespace(schema, dataset, namespace) {\n  const property = schema.properties[namespace]\n\n  // Only extract configs for object schema properties\n  if (property?.type !== 'object') {\n    return\n  }\n\n  // Add default empty config\n  const newObject = /** @type {Record<typeof namespace, ObjectNested>} */ ({\n    [namespace]: {}\n  })\n\n  for (const [key, value] of Object.entries(dataset)) {\n    /** @type {ObjectNested | ObjectNested[NestedKey]} */\n    let current = newObject\n\n    // Split the key into parts, using . as our namespace separator\n    const keyParts = key.split('.')\n\n    /**\n     * Create new level per part\n     *\n     * e.g. 'i18n.textareaDescription.other' becomes\n     * `{ i18n: { textareaDescription: { other } } }`\n     */\n    for (const [index, name] of keyParts.entries()) {\n      if (isObject(current)) {\n        // Drop down to nested object until the last part\n        if (index < keyParts.length - 1) {\n          // New nested object (optionally) replaces existing value\n          if (!isObject(current[name])) {\n            current[name] = {}\n          }\n\n          // Drop down into new or existing nested object\n          current = current[name]\n        } else if (key !== namespace) {\n          // Normalised value (optionally) replaces existing value\n          current[name] = normaliseString(value)\n        }\n      }\n    }\n  }\n\n  return newObject[namespace]\n}\n\n/**\n * @internal\n * @typedef {keyof ObjectNested} NestedKey\n * @typedef {{ [key: string]: string | boolean | number | ObjectNested | undefined }} ObjectNested\n */\n\n/**\n * Schema for component config\n *\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @typedef {object} Schema\n * @property {Record<keyof ConfigurationType, SchemaProperty | undefined>} properties - Schema properties\n * @property {SchemaCondition<ConfigurationType>[]} [anyOf] - List of schema conditions\n */\n\n/**\n * Schema property for component config\n *\n * @typedef {object} SchemaProperty\n * @property {'string' | 'boolean' | 'number' | 'object'} type - Property type\n */\n\n/**\n * Schema condition for component config\n *\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @typedef {object} SchemaCondition\n * @property {(keyof ConfigurationType)[]} required - List of required config fields\n * @property {string} errorMessage - Error message when required config fields not provided\n */\n\n/**\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]\n * @typedef ChildClass\n * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component\n * @property {Schema<ConfigurationType>} [schema] - The schema of the component configuration\n * @property {ConfigurationType} [defaults] - The default values of the configuration of the component\n */\n\n/**\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]\n * @typedef {typeof Component & ChildClass<ConfigurationType>} ChildClassConstructor<ConfigurationType>\n */\n\n/**\n * @import { CompatibleClass, Config, CreateAllOptions, OnErrorCallback } from '../init.mjs'\n */\n","import { isObject } from './common/index.mjs'\n\n/**\n * Internal support for selecting messages to render, with placeholder\n * interpolation and locale-aware number formatting and pluralisation\n *\n * @internal\n */\nexport class I18n {\n  translations\n  locale\n\n  /**\n   * @internal\n   * @param {{ [key: string]: string | TranslationPluralForms }} translations - Key-value pairs of the translation strings to use.\n   * @param {object} [config] - Configuration options for the function.\n   * @param {string | null} [config.locale] - An overriding locale for the PluralRules functionality.\n   */\n  constructor(translations = {}, config = {}) {\n    // Make list of translations available throughout function\n    this.translations = translations\n\n    // The locale to use for PluralRules and NumberFormat\n    this.locale = config.locale ?? (document.documentElement.lang || 'en')\n  }\n\n  /**\n   * The most used function - takes the key for a given piece of UI text and\n   * returns the appropriate string.\n   *\n   * @internal\n   * @param {string} lookupKey - The lookup key of the string to use.\n   * @param {{ [key: string]: unknown }} [options] - Any options passed with the translation string, e.g: for string interpolation.\n   * @returns {string} The appropriate translation string.\n   * @throws {Error} Lookup key required\n   * @throws {Error} Options required for `${}` placeholders\n   */\n  t(lookupKey, options) {\n    if (!lookupKey) {\n      // Print a console error if no lookup key has been provided\n      throw new Error('i18n: lookup key missing')\n    }\n\n    // Fetch the translation for that lookup key\n    let translation = this.translations[lookupKey]\n\n    // If the `count` option is set, determine which plural suffix is needed and\n    // change the lookupKey to match. We check to see if it's numeric instead of\n    // falsy, as this could legitimately be 0.\n    if (typeof options?.count === 'number' && isObject(translation)) {\n      const translationPluralForm =\n        translation[this.getPluralSuffix(lookupKey, options.count)]\n\n      // Update translation with plural suffix\n      if (translationPluralForm) {\n        translation = translationPluralForm\n      }\n    }\n\n    if (typeof translation === 'string') {\n      // Check for ${} placeholders in the translation string\n      // eslint-disable-next-line @typescript-eslint/prefer-regexp-exec\n      if (translation.match(/%{(.\\S+)}/)) {\n        if (!options) {\n          throw new Error(\n            'i18n: cannot replace placeholders in string if no option data provided'\n          )\n        }\n\n        return this.replacePlaceholders(translation, options)\n      }\n\n      return translation\n    }\n\n    // If the key wasn't found in our translations object,\n    // return the lookup key itself as the fallback\n    return lookupKey\n  }\n\n  /**\n   * Takes a translation string with placeholders, and replaces the placeholders\n   * with the provided data\n   *\n   * @internal\n   * @param {string} translationString - The translation string\n   * @param {{ [key: string]: unknown }} options - Any options passed with the translation string, e.g: for string interpolation.\n   * @returns {string} The translation string to output, with $\\{\\} placeholders replaced\n   */\n  replacePlaceholders(translationString, options) {\n    const formatter = Intl.NumberFormat.supportedLocalesOf(this.locale).length\n      ? new Intl.NumberFormat(this.locale)\n      : undefined\n\n    return translationString.replace(\n      /%{(.\\S+)}/g,\n\n      /**\n       * Replace translation string placeholders\n       *\n       * @internal\n       * @param {string} placeholderWithBraces - Placeholder with braces\n       * @param {string} placeholderKey - Placeholder key\n       * @returns {string} Placeholder value\n       */\n      function (placeholderWithBraces, placeholderKey) {\n        if (Object.prototype.hasOwnProperty.call(options, placeholderKey)) {\n          const placeholderValue = options[placeholderKey]\n\n          // If a user has passed `false` as the value for the placeholder\n          // treat it as though the value should not be displayed\n          if (\n            placeholderValue === false ||\n            (typeof placeholderValue !== 'number' &&\n              typeof placeholderValue !== 'string')\n          ) {\n            return ''\n          }\n\n          // If the placeholder's value is a number, localise the number formatting\n          if (typeof placeholderValue === 'number') {\n            return formatter\n              ? formatter.format(placeholderValue)\n              : `${placeholderValue}`\n          }\n\n          return placeholderValue\n        }\n\n        throw new Error(\n          `i18n: no data found to replace ${placeholderWithBraces} placeholder in string`\n        )\n      }\n    )\n  }\n\n  /**\n   * Check to see if the browser supports Intl.PluralRules\n   *\n   * It requires all conditions to be met in order to be supported:\n   * - The implementation of Intl supports PluralRules (NOT true in Safari 10–12)\n   * - The browser/OS has plural rules for the current locale (browser dependent)\n   *\n   * {@link https://browsersl.ist/#q=supports+es6-module+and+not+supports+intl-pluralrules}\n   *\n   * @internal\n   * @returns {boolean} Returns true if all conditions are met. Returns false otherwise.\n   */\n  hasIntlPluralRulesSupport() {\n    return Boolean(\n      'PluralRules' in window.Intl &&\n        Intl.PluralRules.supportedLocalesOf(this.locale).length\n    )\n  }\n\n  /**\n   * Get the appropriate suffix for the plural form.\n   *\n   * Uses Intl.PluralRules (or our own fallback implementation) to get the\n   * 'preferred' form to use for the given count.\n   *\n   * Checks that a translation has been provided for that plural form – if it\n   * hasn't, it'll fall back to the 'other' plural form (unless that doesn't exist\n   * either, in which case an error will be thrown)\n   *\n   * @internal\n   * @param {string} lookupKey - The lookup key of the string to use.\n   * @param {number} count - Number used to determine which pluralisation to use.\n   * @returns {PluralRule} The suffix associated with the correct pluralisation for this locale.\n   * @throws {Error} Plural form `.other` required when preferred plural form is missing\n   */\n  getPluralSuffix(lookupKey, count) {\n    // Validate that the number is actually a number.\n    //\n    // Number(count) will turn anything that can't be converted to a Number type\n    // into 'NaN'. isFinite filters out NaN, as it isn't a finite number.\n    // eslint-disable-next-line @typescript-eslint/no-unnecessary-type-conversion\n    count = Number(count)\n    if (!isFinite(count)) {\n      return 'other'\n    }\n\n    // Fetch the translation for that lookup key\n    const translation = this.translations[lookupKey]\n\n    // Check to verify that all the requirements for Intl.PluralRules are met.\n    // If so, we can use that instead of our custom implementation. Otherwise,\n    // use the hardcoded fallback.\n    const preferredForm = this.hasIntlPluralRulesSupport()\n      ? new Intl.PluralRules(this.locale).select(count)\n      : 'other'\n\n    // Use the correct plural form if provided\n    if (isObject(translation)) {\n      if (preferredForm in translation) {\n        return preferredForm\n        // Fall back to `other` if the plural form is missing, but log a warning\n        // to the console\n      } else if ('other' in translation) {\n        console.warn(\n          `i18n: Missing plural form \".${preferredForm}\" for \"${this.locale}\" locale. Falling back to \".other\".`\n        )\n\n        return 'other'\n      }\n    }\n\n    // If the required `other` plural form is missing, all we can do is error\n    throw new Error(\n      `i18n: Plural form \".other\" is required for \"${this.locale}\" locale`\n    )\n  }\n}\n\n/**\n * Plural rule category mnemonic tags\n *\n * @internal\n * @typedef {'zero' | 'one' | 'two' | 'few' | 'many' | 'other'} PluralRule\n */\n\n/**\n * Translated message by plural rule they correspond to.\n *\n * Allows to group pluralised messages under a single key when passing\n * translations to a component's constructor\n *\n * @internal\n * @typedef {object} TranslationPluralForms\n * @property {string} [other] - General plural form\n * @property {string} [zero] - Plural form used with 0\n * @property {string} [one] - Plural form used with 1\n * @property {string} [two] - Plural form used with 2\n * @property {string} [few] - Plural form used for a few\n * @property {string} [many] - Plural form used for many\n */\n","import { closestAttributeValue } from '../../common/closest-attribute-value.mjs'\nimport { ConfigurableComponent } from '../../common/configuration.mjs'\nimport { ElementError } from '../../errors/index.mjs'\nimport { I18n } from '../../i18n.mjs'\n\n/**\n * Password input component\n *\n * @preserve\n * @augments ConfigurableComponent<PasswordInputConfig>\n */\nexport class PasswordInput extends ConfigurableComponent {\n  /** @private */\n  i18n\n\n  /**\n   * @private\n   * @type {HTMLInputElement}\n   */\n  $input\n\n  /**\n   * @private\n   * @type {HTMLButtonElement}\n   */\n  $showHideButton\n\n  /** @private */\n  $screenReaderStatusMessage\n\n  /**\n   * @param {Element | null} $root - HTML element to use for password input\n   * @param {PasswordInputConfig} [config] - Password input config\n   */\n  constructor($root, config = {}) {\n    super($root, config)\n\n    const $input = this.$root.querySelector('.govuk-js-password-input-input')\n    if (!($input instanceof HTMLInputElement)) {\n      throw new ElementError({\n        component: PasswordInput,\n        element: $input,\n        expectedType: 'HTMLInputElement',\n        identifier: 'Form field (`.govuk-js-password-input-input`)'\n      })\n    }\n\n    if ($input.type !== 'password') {\n      throw new ElementError(\n        'Password input: Form field (`.govuk-js-password-input-input`) must be of type `password`.'\n      )\n    }\n\n    const $showHideButton = this.$root.querySelector(\n      '.govuk-js-password-input-toggle'\n    )\n    if (!($showHideButton instanceof HTMLButtonElement)) {\n      throw new ElementError({\n        component: PasswordInput,\n        element: $showHideButton,\n        expectedType: 'HTMLButtonElement',\n        identifier: 'Button (`.govuk-js-password-input-toggle`)'\n      })\n    }\n\n    if ($showHideButton.type !== 'button') {\n      throw new ElementError(\n        'Password input: Button (`.govuk-js-password-input-toggle`) must be of type `button`.'\n      )\n    }\n\n    this.$input = $input\n    this.$showHideButton = $showHideButton\n\n    this.i18n = new I18n(this.config.i18n, {\n      // Read the fallback if necessary rather than have it set in the defaults\n      locale: closestAttributeValue(this.$root, 'lang')\n    })\n\n    // Show the toggle button element\n    this.$showHideButton.removeAttribute('hidden')\n\n    // Create and append the status text for screen readers.\n    // This is injected between the input and button so that users get a sensible reading order if\n    // moving through the page content linearly:\n    // [password input] -> [your password is visible/hidden] -> [show/hide password]\n    const $screenReaderStatusMessage = document.createElement('div')\n    $screenReaderStatusMessage.className =\n      'govuk-password-input__sr-status govuk-visually-hidden'\n    $screenReaderStatusMessage.setAttribute('aria-live', 'polite')\n    this.$screenReaderStatusMessage = $screenReaderStatusMessage\n    this.$input.insertAdjacentElement('afterend', $screenReaderStatusMessage)\n\n    // Bind toggle button\n    this.$showHideButton.addEventListener('click', this.toggle.bind(this))\n\n    // Bind event to revert the password visibility to hidden\n    if (this.$input.form) {\n      this.$input.form.addEventListener('submit', () => this.hide())\n    }\n\n    // If the page is restored from bfcache and the password is visible, hide it again\n    window.addEventListener('pageshow', (event) => {\n      if (event.persisted && this.$input.type !== 'password') {\n        this.hide()\n      }\n    })\n\n    // Default the component to having the password hidden.\n    this.hide()\n  }\n\n  /**\n   * Toggle the visibility of the password input\n   *\n   * @private\n   * @param {MouseEvent} event - Click event\n   */\n  toggle(event) {\n    event.preventDefault()\n\n    // If on this click, the field is type=\"password\", show the value\n    if (this.$input.type === 'password') {\n      this.show()\n      return\n    }\n\n    // Otherwise, hide it\n    // Being defensive - hiding should always be the default\n    this.hide()\n  }\n\n  /**\n   * Show the password input value in plain text.\n   *\n   * @private\n   */\n  show() {\n    this.setType('text')\n  }\n\n  /**\n   * Hide the password input value.\n   *\n   * @private\n   */\n  hide() {\n    this.setType('password')\n  }\n\n  /**\n   * Set the password input type\n   *\n   * @param {'text' | 'password'} type - Input type\n   * @private\n   */\n  setType(type) {\n    if (type === this.$input.type) {\n      return\n    }\n\n    // Update input type\n    this.$input.setAttribute('type', type)\n\n    const isHidden = type === 'password'\n    const prefixButton = isHidden ? 'show' : 'hide'\n    const prefixStatus = isHidden ? 'passwordHidden' : 'passwordShown'\n\n    // Update button text\n    this.$showHideButton.innerText = this.i18n.t(`${prefixButton}Password`)\n\n    // Update button aria-label\n    this.$showHideButton.setAttribute(\n      'aria-label',\n      this.i18n.t(`${prefixButton}PasswordAriaLabel`)\n    )\n\n    // Update status change text\n    this.$screenReaderStatusMessage.innerText = this.i18n.t(\n      `${prefixStatus}Announcement`\n    )\n  }\n\n  /**\n   * Name for the component used when initialising using data-module attributes.\n   */\n  static moduleName = 'govuk-password-input'\n\n  /**\n   * Password input default config\n   *\n   * @see {@link PasswordInputConfig}\n   * @constant\n   * @default\n   * @type {PasswordInputConfig}\n   */\n  static defaults = Object.freeze({\n    i18n: {\n      showPassword: 'Show',\n      hidePassword: 'Hide',\n      showPasswordAriaLabel: 'Show password',\n      hidePasswordAriaLabel: 'Hide password',\n      passwordShownAnnouncement: 'Your password is visible',\n      passwordHiddenAnnouncement: 'Your password is hidden'\n    }\n  })\n\n  /**\n   * Password input config schema\n   *\n   * @constant\n   * @satisfies {Schema<PasswordInputConfig>}\n   */\n  static schema = Object.freeze({\n    properties: {\n      i18n: { type: 'object' }\n    }\n  })\n}\n\n/**\n * Password input config\n *\n * @typedef {object} PasswordInputConfig\n * @property {PasswordInputTranslations} [i18n=PasswordInput.defaults.i18n] - Password input translations\n */\n\n/**\n * Password input translations\n *\n * @see {@link PasswordInput.defaults.i18n}\n * @typedef {object} PasswordInputTranslations\n *\n * Messages displayed to the user indicating the state of the show/hide toggle.\n * @property {string} [showPassword] - Visible text of the button when the\n *   password is currently hidden. Plain text only.\n * @property {string} [hidePassword] - Visible text of the button when the\n *   password is currently visible. Plain text only.\n * @property {string} [showPasswordAriaLabel] - aria-label of the button when\n *   the password is currently hidden. Plain text only.\n * @property {string} [hidePasswordAriaLabel] - aria-label of the button when\n *   the password is currently visible. Plain text only.\n * @property {string} [passwordShownAnnouncement] - Screen reader\n *   announcement to make when the password has just become visible.\n *   Plain text only.\n * @property {string} [passwordHiddenAnnouncement] - Screen reader\n *   announcement to make when the password has just been hidden.\n *   Plain text only.\n */\n\n/**\n * @import { Schema } from '../../common/configuration.mjs'\n */\n"],"names":["closestAttributeValue","$element","attributeName","$closestElementWithAttribute","closest","getAttribute","isInitialised","$root","moduleName","HTMLElement","hasAttribute","isSupported","$scope","document","body","classList","contains","isArray","option","Array","isObject","formatErrorMessage","Component","message","GOVUKFrontendError","Error","constructor","args","name","SupportError","supportMessage","HTMLScriptElement","prototype","ConfigError","ElementError","messageOrOptions","component","identifier","element","expectedType","InitError","componentOrMessage","_$root","childConstructor","elementType","checkSupport","checkInitialised","setAttribute","configOverride","Symbol","for","ConfigurableComponent","param","config","_config","defaults","datasetConfig","normaliseDataset","dataset","mergeConfigs","normaliseString","value","property","trimmedValue","trim","output","outputType","type","includes","length","isFinite","Number","schema","out","entries","Object","properties","entry","namespace","field","toString","extractConfigByNamespace","configObjects","formattedConfigObject","configObject","key","keys","override","newObject","current","keyParts","split","index","I18n","translations","_config$locale","locale","documentElement","lang","t","lookupKey","options","translation","count","translationPluralForm","getPluralSuffix","match","replacePlaceholders","translationString","formatter","Intl","NumberFormat","supportedLocalesOf","undefined","replace","placeholderWithBraces","placeholderKey","hasOwnProperty","call","placeholderValue","format","hasIntlPluralRulesSupport","Boolean","window","PluralRules","preferredForm","select","console","warn","PasswordInput","i18n","$input","$showHideButton","$screenReaderStatusMessage","querySelector","HTMLInputElement","HTMLButtonElement","removeAttribute","createElement","className","insertAdjacentElement","addEventListener","toggle","bind","form","hide","event","persisted","preventDefault","show","setType","isHidden","prefixButton","prefixStatus","innerText","freeze","showPassword","hidePassword","showPasswordAriaLabel","hidePasswordAriaLabel","passwordShownAnnouncement","passwordHiddenAnnouncement"],"mappings":"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"}
\ No newline at end of file
diff --git a/node_modules/govuk-frontend/dist/govuk/components/password-input/password-input.bundle.mjs b/node_modules/govuk-frontend/dist/govuk/components/password-input/password-input.bundle.mjs
new file mode 100644
index 0000000..f1061b8
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/password-input/password-input.bundle.mjs
@@ -0,0 +1,507 @@
+function closestAttributeValue($element, attributeName) {
+  const $closestElementWithAttribute = $element.closest(`[${attributeName}]`);
+  return $closestElementWithAttribute ? $closestElementWithAttribute.getAttribute(attributeName) : null;
+}
+
+function isInitialised($root, moduleName) {
+  return $root instanceof HTMLElement && $root.hasAttribute(`data-${moduleName}-init`);
+}
+
+/**
+ * Checks if GOV.UK Frontend is supported on this page
+ *
+ * Some browsers will load and run our JavaScript but GOV.UK Frontend
+ * won't be supported.
+ *
+ * @param {HTMLElement | null} [$scope] - (internal) `<body>` HTML element checked for browser support
+ * @returns {boolean} Whether GOV.UK Frontend is supported on this page
+ */
+function isSupported($scope = document.body) {
+  if (!$scope) {
+    return false;
+  }
+  return $scope.classList.contains('govuk-frontend-supported');
+}
+function isArray(option) {
+  return Array.isArray(option);
+}
+function isObject(option) {
+  return !!option && typeof option === 'object' && !isArray(option);
+}
+function formatErrorMessage(Component, message) {
+  return `${Component.moduleName}: ${message}`;
+}
+/**
+ * @typedef ComponentWithModuleName
+ * @property {string} moduleName - Name of the component
+ */
+
+class GOVUKFrontendError extends Error {
+  constructor(...args) {
+    super(...args);
+    this.name = 'GOVUKFrontendError';
+  }
+}
+class SupportError extends GOVUKFrontendError {
+  /**
+   * Checks if GOV.UK Frontend is supported on this page
+   *
+   * @param {HTMLElement | null} [$scope] - HTML element `<body>` checked for browser support
+   */
+  constructor($scope = document.body) {
+    const supportMessage = 'noModule' in HTMLScriptElement.prototype ? 'GOV.UK Frontend initialised without `<body class="govuk-frontend-supported">` from template `<script>` snippet' : 'GOV.UK Frontend is not supported in this browser';
+    super($scope ? supportMessage : 'GOV.UK Frontend initialised without `<script type="module">`');
+    this.name = 'SupportError';
+  }
+}
+class ConfigError extends GOVUKFrontendError {
+  constructor(...args) {
+    super(...args);
+    this.name = 'ConfigError';
+  }
+}
+class ElementError extends GOVUKFrontendError {
+  constructor(messageOrOptions) {
+    let message = typeof messageOrOptions === 'string' ? messageOrOptions : '';
+    if (isObject(messageOrOptions)) {
+      const {
+        component,
+        identifier,
+        element,
+        expectedType
+      } = messageOrOptions;
+      message = identifier;
+      message += element ? ` is not of type ${expectedType != null ? expectedType : 'HTMLElement'}` : ' not found';
+      if (component) {
+        message = formatErrorMessage(component, message);
+      }
+    }
+    super(message);
+    this.name = 'ElementError';
+  }
+}
+class InitError extends GOVUKFrontendError {
+  constructor(componentOrMessage) {
+    const message = typeof componentOrMessage === 'string' ? componentOrMessage : formatErrorMessage(componentOrMessage, `Root element (\`$root\`) already initialised`);
+    super(message);
+    this.name = 'InitError';
+  }
+}
+/**
+ * @import { ComponentWithModuleName } from '../common/index.mjs'
+ */
+
+class Component {
+  /**
+   * Returns the root element of the component
+   *
+   * @protected
+   * @returns {RootElementType} - the root element of component
+   */
+  get $root() {
+    return this._$root;
+  }
+  constructor($root) {
+    this._$root = void 0;
+    const childConstructor = this.constructor;
+    if (typeof childConstructor.moduleName !== 'string') {
+      throw new InitError(`\`moduleName\` not defined in component`);
+    }
+    if (!($root instanceof childConstructor.elementType)) {
+      throw new ElementError({
+        element: $root,
+        component: childConstructor,
+        identifier: 'Root element (`$root`)',
+        expectedType: childConstructor.elementType.name
+      });
+    } else {
+      this._$root = $root;
+    }
+    childConstructor.checkSupport();
+    this.checkInitialised();
+    const moduleName = childConstructor.moduleName;
+    this.$root.setAttribute(`data-${moduleName}-init`, '');
+  }
+  checkInitialised() {
+    const constructor = this.constructor;
+    const moduleName = constructor.moduleName;
+    if (moduleName && isInitialised(this.$root, moduleName)) {
+      throw new InitError(constructor);
+    }
+  }
+  static checkSupport() {
+    if (!isSupported()) {
+      throw new SupportError();
+    }
+  }
+}
+
+/**
+ * @typedef ChildClass
+ * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component
+ */
+
+/**
+ * @typedef {typeof Component & ChildClass} ChildClassConstructor
+ */
+Component.elementType = HTMLElement;
+
+const configOverride = Symbol.for('configOverride');
+class ConfigurableComponent extends Component {
+  [configOverride](param) {
+    return {};
+  }
+
+  /**
+   * Returns the root element of the component
+   *
+   * @protected
+   * @returns {ConfigurationType} - the root element of component
+   */
+  get config() {
+    return this._config;
+  }
+  constructor($root, config) {
+    super($root);
+    this._config = void 0;
+    const childConstructor = this.constructor;
+    if (!isObject(childConstructor.defaults)) {
+      throw new ConfigError(formatErrorMessage(childConstructor, 'Config passed as parameter into constructor but no defaults defined'));
+    }
+    const datasetConfig = normaliseDataset(childConstructor, this._$root.dataset);
+    this._config = mergeConfigs(childConstructor.defaults, config != null ? config : {}, this[configOverride](datasetConfig), datasetConfig);
+  }
+}
+function normaliseString(value, property) {
+  const trimmedValue = value ? value.trim() : '';
+  let output;
+  let outputType = property == null ? void 0 : property.type;
+  if (!outputType) {
+    if (['true', 'false'].includes(trimmedValue)) {
+      outputType = 'boolean';
+    }
+    if (trimmedValue.length > 0 && isFinite(Number(trimmedValue))) {
+      outputType = 'number';
+    }
+  }
+  switch (outputType) {
+    case 'boolean':
+      output = trimmedValue === 'true';
+      break;
+    case 'number':
+      output = Number(trimmedValue);
+      break;
+    default:
+      output = value;
+  }
+  return output;
+}
+function normaliseDataset(Component, dataset) {
+  if (!isObject(Component.schema)) {
+    throw new ConfigError(formatErrorMessage(Component, 'Config passed as parameter into constructor but no schema defined'));
+  }
+  const out = {};
+  const entries = Object.entries(Component.schema.properties);
+  for (const entry of entries) {
+    const [namespace, property] = entry;
+    const field = namespace.toString();
+    if (field in dataset) {
+      out[field] = normaliseString(dataset[field], property);
+    }
+    if ((property == null ? void 0 : property.type) === 'object') {
+      out[field] = extractConfigByNamespace(Component.schema, dataset, namespace);
+    }
+  }
+  return out;
+}
+function mergeConfigs(...configObjects) {
+  const formattedConfigObject = {};
+  for (const configObject of configObjects) {
+    for (const key of Object.keys(configObject)) {
+      const option = formattedConfigObject[key];
+      const override = configObject[key];
+      if (isObject(option) && isObject(override)) {
+        formattedConfigObject[key] = mergeConfigs(option, override);
+      } else {
+        formattedConfigObject[key] = override;
+      }
+    }
+  }
+  return formattedConfigObject;
+}
+function extractConfigByNamespace(schema, dataset, namespace) {
+  const property = schema.properties[namespace];
+  if ((property == null ? void 0 : property.type) !== 'object') {
+    return;
+  }
+  const newObject = {
+    [namespace]: {}
+  };
+  for (const [key, value] of Object.entries(dataset)) {
+    let current = newObject;
+    const keyParts = key.split('.');
+    for (const [index, name] of keyParts.entries()) {
+      if (isObject(current)) {
+        if (index < keyParts.length - 1) {
+          if (!isObject(current[name])) {
+            current[name] = {};
+          }
+          current = current[name];
+        } else if (key !== namespace) {
+          current[name] = normaliseString(value);
+        }
+      }
+    }
+  }
+  return newObject[namespace];
+}
+/**
+ * Schema for component config
+ *
+ * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType
+ * @typedef {object} Schema
+ * @property {Record<keyof ConfigurationType, SchemaProperty | undefined>} properties - Schema properties
+ * @property {SchemaCondition<ConfigurationType>[]} [anyOf] - List of schema conditions
+ */
+/**
+ * Schema property for component config
+ *
+ * @typedef {object} SchemaProperty
+ * @property {'string' | 'boolean' | 'number' | 'object'} type - Property type
+ */
+/**
+ * Schema condition for component config
+ *
+ * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType
+ * @typedef {object} SchemaCondition
+ * @property {(keyof ConfigurationType)[]} required - List of required config fields
+ * @property {string} errorMessage - Error message when required config fields not provided
+ */
+/**
+ * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]
+ * @typedef ChildClass
+ * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component
+ * @property {Schema<ConfigurationType>} [schema] - The schema of the component configuration
+ * @property {ConfigurationType} [defaults] - The default values of the configuration of the component
+ */
+/**
+ * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]
+ * @typedef {typeof Component & ChildClass<ConfigurationType>} ChildClassConstructor<ConfigurationType>
+ */
+/**
+ * @import { CompatibleClass, Config, CreateAllOptions, OnErrorCallback } from '../init.mjs'
+ */
+
+class I18n {
+  constructor(translations = {}, config = {}) {
+    var _config$locale;
+    this.translations = void 0;
+    this.locale = void 0;
+    this.translations = translations;
+    this.locale = (_config$locale = config.locale) != null ? _config$locale : document.documentElement.lang || 'en';
+  }
+  t(lookupKey, options) {
+    if (!lookupKey) {
+      throw new Error('i18n: lookup key missing');
+    }
+    let translation = this.translations[lookupKey];
+    if (typeof (options == null ? void 0 : options.count) === 'number' && isObject(translation)) {
+      const translationPluralForm = translation[this.getPluralSuffix(lookupKey, options.count)];
+      if (translationPluralForm) {
+        translation = translationPluralForm;
+      }
+    }
+    if (typeof translation === 'string') {
+      if (translation.match(/%{(.\S+)}/)) {
+        if (!options) {
+          throw new Error('i18n: cannot replace placeholders in string if no option data provided');
+        }
+        return this.replacePlaceholders(translation, options);
+      }
+      return translation;
+    }
+    return lookupKey;
+  }
+  replacePlaceholders(translationString, options) {
+    const formatter = Intl.NumberFormat.supportedLocalesOf(this.locale).length ? new Intl.NumberFormat(this.locale) : undefined;
+    return translationString.replace(/%{(.\S+)}/g, function (placeholderWithBraces, placeholderKey) {
+      if (Object.prototype.hasOwnProperty.call(options, placeholderKey)) {
+        const placeholderValue = options[placeholderKey];
+        if (placeholderValue === false || typeof placeholderValue !== 'number' && typeof placeholderValue !== 'string') {
+          return '';
+        }
+        if (typeof placeholderValue === 'number') {
+          return formatter ? formatter.format(placeholderValue) : `${placeholderValue}`;
+        }
+        return placeholderValue;
+      }
+      throw new Error(`i18n: no data found to replace ${placeholderWithBraces} placeholder in string`);
+    });
+  }
+  hasIntlPluralRulesSupport() {
+    return Boolean('PluralRules' in window.Intl && Intl.PluralRules.supportedLocalesOf(this.locale).length);
+  }
+  getPluralSuffix(lookupKey, count) {
+    count = Number(count);
+    if (!isFinite(count)) {
+      return 'other';
+    }
+    const translation = this.translations[lookupKey];
+    const preferredForm = this.hasIntlPluralRulesSupport() ? new Intl.PluralRules(this.locale).select(count) : 'other';
+    if (isObject(translation)) {
+      if (preferredForm in translation) {
+        return preferredForm;
+      } else if ('other' in translation) {
+        console.warn(`i18n: Missing plural form ".${preferredForm}" for "${this.locale}" locale. Falling back to ".other".`);
+        return 'other';
+      }
+    }
+    throw new Error(`i18n: Plural form ".other" is required for "${this.locale}" locale`);
+  }
+}
+
+/**
+ * Password input component
+ *
+ * @preserve
+ * @augments ConfigurableComponent<PasswordInputConfig>
+ */
+class PasswordInput extends ConfigurableComponent {
+  /**
+   * @param {Element | null} $root - HTML element to use for password input
+   * @param {PasswordInputConfig} [config] - Password input config
+   */
+  constructor($root, config = {}) {
+    super($root, config);
+    this.i18n = void 0;
+    this.$input = void 0;
+    this.$showHideButton = void 0;
+    this.$screenReaderStatusMessage = void 0;
+    const $input = this.$root.querySelector('.govuk-js-password-input-input');
+    if (!($input instanceof HTMLInputElement)) {
+      throw new ElementError({
+        component: PasswordInput,
+        element: $input,
+        expectedType: 'HTMLInputElement',
+        identifier: 'Form field (`.govuk-js-password-input-input`)'
+      });
+    }
+    if ($input.type !== 'password') {
+      throw new ElementError('Password input: Form field (`.govuk-js-password-input-input`) must be of type `password`.');
+    }
+    const $showHideButton = this.$root.querySelector('.govuk-js-password-input-toggle');
+    if (!($showHideButton instanceof HTMLButtonElement)) {
+      throw new ElementError({
+        component: PasswordInput,
+        element: $showHideButton,
+        expectedType: 'HTMLButtonElement',
+        identifier: 'Button (`.govuk-js-password-input-toggle`)'
+      });
+    }
+    if ($showHideButton.type !== 'button') {
+      throw new ElementError('Password input: Button (`.govuk-js-password-input-toggle`) must be of type `button`.');
+    }
+    this.$input = $input;
+    this.$showHideButton = $showHideButton;
+    this.i18n = new I18n(this.config.i18n, {
+      locale: closestAttributeValue(this.$root, 'lang')
+    });
+    this.$showHideButton.removeAttribute('hidden');
+    const $screenReaderStatusMessage = document.createElement('div');
+    $screenReaderStatusMessage.className = 'govuk-password-input__sr-status govuk-visually-hidden';
+    $screenReaderStatusMessage.setAttribute('aria-live', 'polite');
+    this.$screenReaderStatusMessage = $screenReaderStatusMessage;
+    this.$input.insertAdjacentElement('afterend', $screenReaderStatusMessage);
+    this.$showHideButton.addEventListener('click', this.toggle.bind(this));
+    if (this.$input.form) {
+      this.$input.form.addEventListener('submit', () => this.hide());
+    }
+    window.addEventListener('pageshow', event => {
+      if (event.persisted && this.$input.type !== 'password') {
+        this.hide();
+      }
+    });
+    this.hide();
+  }
+  toggle(event) {
+    event.preventDefault();
+    if (this.$input.type === 'password') {
+      this.show();
+      return;
+    }
+    this.hide();
+  }
+  show() {
+    this.setType('text');
+  }
+  hide() {
+    this.setType('password');
+  }
+  setType(type) {
+    if (type === this.$input.type) {
+      return;
+    }
+    this.$input.setAttribute('type', type);
+    const isHidden = type === 'password';
+    const prefixButton = isHidden ? 'show' : 'hide';
+    const prefixStatus = isHidden ? 'passwordHidden' : 'passwordShown';
+    this.$showHideButton.innerText = this.i18n.t(`${prefixButton}Password`);
+    this.$showHideButton.setAttribute('aria-label', this.i18n.t(`${prefixButton}PasswordAriaLabel`));
+    this.$screenReaderStatusMessage.innerText = this.i18n.t(`${prefixStatus}Announcement`);
+  }
+}
+
+/**
+ * Password input config
+ *
+ * @typedef {object} PasswordInputConfig
+ * @property {PasswordInputTranslations} [i18n=PasswordInput.defaults.i18n] - Password input translations
+ */
+
+/**
+ * Password input translations
+ *
+ * @see {@link PasswordInput.defaults.i18n}
+ * @typedef {object} PasswordInputTranslations
+ *
+ * Messages displayed to the user indicating the state of the show/hide toggle.
+ * @property {string} [showPassword] - Visible text of the button when the
+ *   password is currently hidden. Plain text only.
+ * @property {string} [hidePassword] - Visible text of the button when the
+ *   password is currently visible. Plain text only.
+ * @property {string} [showPasswordAriaLabel] - aria-label of the button when
+ *   the password is currently hidden. Plain text only.
+ * @property {string} [hidePasswordAriaLabel] - aria-label of the button when
+ *   the password is currently visible. Plain text only.
+ * @property {string} [passwordShownAnnouncement] - Screen reader
+ *   announcement to make when the password has just become visible.
+ *   Plain text only.
+ * @property {string} [passwordHiddenAnnouncement] - Screen reader
+ *   announcement to make when the password has just been hidden.
+ *   Plain text only.
+ */
+
+/**
+ * @import { Schema } from '../../common/configuration.mjs'
+ */
+PasswordInput.moduleName = 'govuk-password-input';
+PasswordInput.defaults = Object.freeze({
+  i18n: {
+    showPassword: 'Show',
+    hidePassword: 'Hide',
+    showPasswordAriaLabel: 'Show password',
+    hidePasswordAriaLabel: 'Hide password',
+    passwordShownAnnouncement: 'Your password is visible',
+    passwordHiddenAnnouncement: 'Your password is hidden'
+  }
+});
+PasswordInput.schema = Object.freeze({
+  properties: {
+    i18n: {
+      type: 'object'
+    }
+  }
+});
+
+export { PasswordInput };
+//# sourceMappingURL=password-input.bundle.mjs.map
diff --git a/node_modules/govuk-frontend/dist/govuk/components/password-input/password-input.bundle.mjs.map b/node_modules/govuk-frontend/dist/govuk/components/password-input/password-input.bundle.mjs.map
new file mode 100644
index 0000000..47f14f5
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/password-input/password-input.bundle.mjs.map
@@ -0,0 +1 @@
+{"version":3,"file":"password-input.bundle.mjs","sources":["../../../../src/govuk/common/closest-attribute-value.mjs","../../../../src/govuk/common/index.mjs","../../../../src/govuk/errors/index.mjs","../../../../src/govuk/component.mjs","../../../../src/govuk/common/configuration.mjs","../../../../src/govuk/i18n.mjs","../../../../src/govuk/components/password-input/password-input.mjs"],"sourcesContent":["/**\n * Returns the value of the given attribute closest to the given element (including itself)\n *\n * @internal\n * @param {Element} $element - The element to start walking the DOM tree up\n * @param {string} attributeName - The name of the attribute\n * @returns {string | null} Attribute value\n */\nexport function closestAttributeValue($element, attributeName) {\n  const $closestElementWithAttribute = $element.closest(`[${attributeName}]`)\n  return $closestElementWithAttribute\n    ? $closestElementWithAttribute.getAttribute(attributeName)\n    : null\n}\n","/**\n * Common helpers which do not require polyfill.\n *\n * IMPORTANT: If a helper require a polyfill, please isolate it in its own module\n * so that the polyfill can be properly tree-shaken and does not burden\n * the components that do not need that helper\n */\n\n/**\n * Get GOV.UK Frontend breakpoint value from CSS custom property\n *\n * @private\n * @param {string} name - Breakpoint name\n * @returns {{ property: string, value?: string }} Breakpoint object\n */\nexport function getBreakpoint(name) {\n  const property = `--govuk-breakpoint-${name}`\n\n  // Get value from `<html>` with breakpoints on CSS :root\n  const value = window\n    .getComputedStyle(document.documentElement)\n    .getPropertyValue(property)\n\n  return {\n    property,\n    value: value || undefined\n  }\n}\n\n/**\n * Move focus to element\n *\n * Sets tabindex to -1 to make the element programmatically focusable,\n * but removes it on blur as the element doesn't need to be focused again.\n *\n * @private\n * @template {HTMLElement} FocusElement\n * @param {FocusElement} $element - HTML element\n * @param {object} [options] - Handler options\n * @param {function(this: FocusElement): void} [options.onBeforeFocus] - Callback before focus\n * @param {function(this: FocusElement): void} [options.onBlur] - Callback on blur\n */\nexport function setFocus($element, options = {}) {\n  const isFocusable = $element.getAttribute('tabindex')\n\n  if (!isFocusable) {\n    $element.setAttribute('tabindex', '-1')\n  }\n\n  /**\n   * Handle element focus\n   */\n  function onFocus() {\n    $element.addEventListener('blur', onBlur, { once: true })\n  }\n\n  /**\n   * Handle element blur\n   */\n  function onBlur() {\n    options.onBlur?.call($element)\n\n    if (!isFocusable) {\n      $element.removeAttribute('tabindex')\n    }\n  }\n\n  // Add listener to reset element on blur, after focus\n  $element.addEventListener('focus', onFocus, { once: true })\n\n  // Focus element\n  options.onBeforeFocus?.call($element)\n  $element.focus()\n}\n\n/**\n * Checks if component is already initialised\n *\n * @internal\n * @param {Element} $root - HTML element to be checked\n * @param {string} moduleName - name of component module\n * @returns {boolean} Whether component is already initialised\n */\nexport function isInitialised($root, moduleName) {\n  return (\n    $root instanceof HTMLElement &&\n    $root.hasAttribute(`data-${moduleName}-init`)\n  )\n}\n\n/**\n * Checks if GOV.UK Frontend is supported on this page\n *\n * Some browsers will load and run our JavaScript but GOV.UK Frontend\n * won't be supported.\n *\n * @param {HTMLElement | null} [$scope] - (internal) `<body>` HTML element checked for browser support\n * @returns {boolean} Whether GOV.UK Frontend is supported on this page\n */\nexport function isSupported($scope = document.body) {\n  if (!$scope) {\n    return false\n  }\n\n  return $scope.classList.contains('govuk-frontend-supported')\n}\n\n/**\n * Check for an array\n *\n * @internal\n * @param {unknown} option - Option to check\n * @returns {boolean} Whether the option is an array\n */\nfunction isArray(option) {\n  return Array.isArray(option)\n}\n\n/**\n * Check for an object\n *\n * @internal\n * @template {Partial<Record<keyof ObjectType, unknown>>} ObjectType\n * @param {unknown | ObjectType} option - Option to check\n * @returns {option is ObjectType} Whether the option is an object\n */\nexport function isObject(option) {\n  return !!option && typeof option === 'object' && !isArray(option)\n}\n\n/**\n * Check for valid scope\n *\n * @internal\n * @template {Element | Document} ScopeType\n * @param {unknown | ScopeType} $scope - Scope of the document to search within\n * @returns {$scope is ScopeType} Whether the scope can be queried\n */\nexport function isScope($scope) {\n  return !!$scope && ($scope instanceof Element || $scope instanceof Document)\n}\n\n/**\n * Format error message\n *\n * @internal\n * @param {ComponentWithModuleName} Component - Component that threw the error\n * @param {string} message - Error message\n * @returns {string} - Formatted error message\n */\nexport function formatErrorMessage(Component, message) {\n  return `${Component.moduleName}: ${message}`\n}\n\n/* eslint-disable jsdoc/valid-types --\n * `{new(...args: any[] ): object}` is not recognised as valid\n * https://github.com/gajus/eslint-plugin-jsdoc/issues/145#issuecomment-1308722878\n * https://github.com/jsdoc-type-pratt-parser/jsdoc-type-pratt-parser/issues/131\n **/\n\n/**\n * @typedef ComponentWithModuleName\n * @property {string} moduleName - Name of the component\n */\n\n/* eslint-enable jsdoc/valid-types */\n","import { formatErrorMessage, isObject } from '../common/index.mjs'\n\n/**\n * GOV.UK Frontend error\n *\n * A base class for `Error`s thrown by GOV.UK Frontend.\n *\n * It is meant to be extended into specific types of errors\n * to be thrown by our code.\n *\n * @example\n * ```js\n * class MissingRootError extends GOVUKFrontendError {\n *   // Setting an explicit name is important as extending the class will not\n *   // set a new `name` on the subclass. The `name` property is important\n *   // to ensure intelligible error names even if the class name gets\n *   // mangled by a minifier\n *   name = \"MissingRootError\"\n * }\n * ```\n * @virtual\n */\nexport class GOVUKFrontendError extends Error {\n  name = 'GOVUKFrontendError'\n}\n\n/**\n * Indicates that GOV.UK Frontend is not supported\n */\nexport class SupportError extends GOVUKFrontendError {\n  name = 'SupportError'\n\n  /**\n   * Checks if GOV.UK Frontend is supported on this page\n   *\n   * @param {HTMLElement | null} [$scope] - HTML element `<body>` checked for browser support\n   */\n  constructor($scope = document.body) {\n    const supportMessage =\n      'noModule' in HTMLScriptElement.prototype\n        ? 'GOV.UK Frontend initialised without `<body class=\"govuk-frontend-supported\">` from template `<script>` snippet'\n        : 'GOV.UK Frontend is not supported in this browser'\n\n    super(\n      $scope\n        ? supportMessage\n        : 'GOV.UK Frontend initialised without `<script type=\"module\">`'\n    )\n  }\n}\n\n/**\n * Indicates that a component has received an illegal configuration\n */\nexport class ConfigError extends GOVUKFrontendError {\n  name = 'ConfigError'\n}\n\n/**\n * Indicates an issue with an element (possibly `null` or `undefined`)\n */\nexport class ElementError extends GOVUKFrontendError {\n  name = 'ElementError'\n\n  /**\n   * @internal\n   * @overload\n   * @param {string} message - Element error message\n   */\n\n  /**\n   * @internal\n   * @overload\n   * @param {ElementErrorOptions} options - Element error options\n   */\n\n  /**\n   * @internal\n   * @param {string | ElementErrorOptions} messageOrOptions - Element error message or options\n   */\n  constructor(messageOrOptions) {\n    let message = typeof messageOrOptions === 'string' ? messageOrOptions : ''\n\n    // Build message from options\n    if (isObject(messageOrOptions)) {\n      const { component, identifier, element, expectedType } = messageOrOptions\n\n      message = identifier\n\n      // Append reason\n      message += element\n        ? ` is not of type ${expectedType ?? 'HTMLElement'}`\n        : ' not found'\n\n      // Prepend with module name (optional)\n      if (component) {\n        message = formatErrorMessage(component, message)\n      }\n    }\n\n    super(message)\n  }\n}\n\n/**\n * Indicates that a component is already initialised\n */\nexport class InitError extends GOVUKFrontendError {\n  name = 'InitError'\n\n  /**\n   * @internal\n   * @param {ComponentWithModuleName | string} componentOrMessage - name of the component module\n   */\n  constructor(componentOrMessage) {\n    const message =\n      typeof componentOrMessage === 'string'\n        ? componentOrMessage\n        : formatErrorMessage(\n            componentOrMessage,\n            `Root element (\\`$root\\`) already initialised`\n          )\n\n    super(message)\n  }\n}\n\n/**\n * Element error options\n *\n * @internal\n * @typedef {object} ElementErrorOptions\n * @property {Element | Document | null} [element] - The element in error (optional)\n * @property {ComponentWithModuleName} [component] - Component throwing the error (optional)\n * @property {string} identifier - An identifier that'll let the user understand which element has an error. This is whatever makes the most sense\n * @property {string} [expectedType] - The type that was expected for the identifier (optional)\n */\n\n/**\n * @import { ComponentWithModuleName } from '../common/index.mjs'\n */\n","import { isInitialised, isSupported } from './common/index.mjs'\nimport { ElementError, InitError, SupportError } from './errors/index.mjs'\n\n/**\n * Base Component class\n *\n * Centralises the behaviours shared by our components\n *\n * @virtual\n * @template {Element} [RootElementType=HTMLElement]\n */\nexport class Component {\n  /**\n   * @type {typeof Element}\n   */\n  static elementType = HTMLElement\n\n  // allows Typescript user to work around the lack of types\n  // in GOVUKFrontend package, Typescript is not aware of $root\n  // in components that extend GOVUKFrontendComponent\n  /**\n   * Returns the root element of the component\n   *\n   * @protected\n   * @returns {RootElementType} - the root element of component\n   */\n  get $root() {\n    return this._$root\n  }\n\n  /**\n   * @protected\n   * @type {RootElementType}\n   */\n  _$root\n\n  /**\n   * Constructs a new component, validating that GOV.UK Frontend is supported\n   *\n   * @internal\n   * @param {Element | null} [$root] - HTML element to use for component\n   */\n  constructor($root) {\n    const childConstructor = /** @type {ChildClassConstructor} */ (\n      this.constructor\n    )\n\n    // TypeScript does not enforce that inheriting classes will define a `moduleName`\n    // (even if we add a `@virtual` `static moduleName` property to this class).\n    // While we trust users to do this correctly, we do a little check to provide them\n    // a helpful error message.\n    //\n    // After this, we'll be sure that `childConstructor` has a `moduleName`\n    // as expected of the `ChildClassConstructor` we've cast `this.constructor` to.\n    if (typeof childConstructor.moduleName !== 'string') {\n      throw new InitError(`\\`moduleName\\` not defined in component`)\n    }\n\n    if (!($root instanceof childConstructor.elementType)) {\n      throw new ElementError({\n        element: $root,\n        component: childConstructor,\n        identifier: 'Root element (`$root`)',\n        expectedType: childConstructor.elementType.name\n      })\n    } else {\n      this._$root = /** @type {RootElementType} */ ($root)\n    }\n\n    childConstructor.checkSupport()\n\n    this.checkInitialised()\n\n    const moduleName = childConstructor.moduleName\n\n    this.$root.setAttribute(`data-${moduleName}-init`, '')\n  }\n\n  /**\n   * Validates whether component is already initialised\n   *\n   * @private\n   * @throws {InitError} when component is already initialised\n   */\n  checkInitialised() {\n    const constructor = /** @type {ChildClassConstructor} */ (this.constructor)\n    const moduleName = constructor.moduleName\n\n    if (moduleName && isInitialised(this.$root, moduleName)) {\n      throw new InitError(constructor)\n    }\n  }\n\n  /**\n   * Validates whether components are supported\n   *\n   * @throws {SupportError} when the components are not supported\n   */\n  static checkSupport() {\n    if (!isSupported()) {\n      throw new SupportError()\n    }\n  }\n}\n\n/**\n * @typedef ChildClass\n * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component\n */\n\n/**\n * @typedef {typeof Component & ChildClass} ChildClassConstructor\n */\n","import { Component } from '../component.mjs'\nimport { ConfigError } from '../errors/index.mjs'\n\nimport { isObject, isScope, formatErrorMessage } from './index.mjs'\n\nexport const configOverride = Symbol.for('configOverride')\n\n/**\n * Base Component class\n *\n * Centralises the behaviours shared by our components\n *\n * @virtual\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]\n * @template {Element & { dataset: DOMStringMap }} [RootElementType=HTMLElement]\n * @augments Component<RootElementType>\n */\nexport class ConfigurableComponent extends Component {\n  /**\n   * configOverride\n   *\n   * Function which defines configuration overrides to prioritize\n   * properties from the root element's dataset.\n   *\n   * It should take a subset of configuration as input and return\n   * a new configuration object with properties that should be\n   * overridden based on the root element's dataset. A Symbol\n   * is used for indexing to prevent conflicts.\n   *\n   * @internal\n   * @virtual\n   * @param {Partial<ConfigurationType>} [param] - Configuration object\n   * @returns {Partial<ConfigurationType>} return - Configuration object\n   */\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  [configOverride](param) {\n    return {}\n  }\n\n  /**\n   * Returns the root element of the component\n   *\n   * @protected\n   * @returns {ConfigurationType} - the root element of component\n   */\n  get config() {\n    return this._config\n  }\n\n  /**\n   *\n   * @type {ConfigurationType}\n   */\n  _config\n\n  /**\n   * Constructs a new component, validating that GOV.UK Frontend is supported\n   *\n   * @internal\n   * @param {Element | null} [$root] - HTML element to use for component\n   * @param {ConfigurationType} [config] - HTML element to use for component\n   */\n  constructor($root, config) {\n    super($root)\n\n    const childConstructor =\n      /** @type {ChildClassConstructor<ConfigurationType>} */ (this.constructor)\n\n    if (!isObject(childConstructor.defaults)) {\n      throw new ConfigError(\n        formatErrorMessage(\n          childConstructor,\n          'Config passed as parameter into constructor but no defaults defined'\n        )\n      )\n    }\n\n    const datasetConfig = /** @type {ConfigurationType} */ (\n      normaliseDataset(childConstructor, this._$root.dataset)\n    )\n\n    this._config = /** @type {ConfigurationType} */ (\n      mergeConfigs(\n        childConstructor.defaults,\n        config ?? {},\n        this[configOverride](datasetConfig),\n        datasetConfig\n      )\n    )\n  }\n}\n\n/**\n * Normalise string\n *\n * 'If it looks like a duck, and it quacks like a duck…' 🦆\n *\n * If the passed value looks like a boolean or a number, convert it to a boolean\n * or number.\n *\n * Designed to be used to convert config passed via data attributes (which are\n * always strings) into something sensible.\n *\n * @internal\n * @param {DOMStringMap[string]} value - The value to normalise\n * @param {SchemaProperty} [property] - Component schema property\n * @returns {string | boolean | number | undefined} Normalised data\n */\nexport function normaliseString(value, property) {\n  const trimmedValue = value ? value.trim() : ''\n\n  let output\n  let outputType = property?.type\n\n  // No schema type set? Determine automatically\n  if (!outputType) {\n    if (['true', 'false'].includes(trimmedValue)) {\n      outputType = 'boolean'\n    }\n\n    // Empty / whitespace-only strings are considered finite so we need to check\n    // the length of the trimmed string as well\n    if (trimmedValue.length > 0 && isFinite(Number(trimmedValue))) {\n      outputType = 'number'\n    }\n  }\n\n  switch (outputType) {\n    case 'boolean':\n      output = trimmedValue === 'true'\n      break\n\n    case 'number':\n      output = Number(trimmedValue)\n      break\n\n    default:\n      output = value\n  }\n\n  return output\n}\n\n/**\n * Normalise dataset\n *\n * Loop over an object and normalise each value using {@link normaliseString},\n * optionally expanding nested `i18n.field`\n *\n * @internal\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @template {[keyof ConfigurationType, SchemaProperty | undefined][]} SchemaEntryType\n * @param {{ schema?: Schema<ConfigurationType>, moduleName: string }} Component - Component class\n * @param {DOMStringMap} dataset - HTML element dataset\n * @returns {ObjectNested} Normalised dataset\n */\nexport function normaliseDataset(Component, dataset) {\n  if (!isObject(Component.schema)) {\n    throw new ConfigError(\n      formatErrorMessage(\n        Component,\n        'Config passed as parameter into constructor but no schema defined'\n      )\n    )\n  }\n\n  const out = /** @type {ObjectNested} */ ({})\n  const entries = /** @type {SchemaEntryType} */ (\n    Object.entries(Component.schema.properties)\n  )\n\n  // Normalise top-level dataset ('data-*') values using schema types\n  for (const entry of entries) {\n    const [namespace, property] = entry\n\n    // Cast the `namespace` to string so it can be used to access the dataset\n    const field = namespace.toString()\n\n    if (field in dataset) {\n      out[field] = normaliseString(dataset[field], property)\n    }\n\n    /**\n     * Extract and normalise nested object values automatically using\n     * {@link normaliseString} but only schema object types are allowed\n     */\n    if (property?.type === 'object') {\n      out[field] = extractConfigByNamespace(\n        Component.schema,\n        dataset,\n        namespace\n      )\n    }\n  }\n\n  return out\n}\n\n/**\n * Normalise options passed to `initAll` or `createAll`\n *\n * @internal\n * @template {CompatibleClass} ComponentClass\n * @param {Config | CreateAllOptions<ComponentClass> | OnErrorCallback<ComponentClass> | Element | Document | null} [scopeOrOptions] - Scope of the document to search within, initialisation options or error callback function\n * @returns {CreateAllOptions<ComponentClass>} Normalised options\n */\nexport function normaliseOptions(scopeOrOptions) {\n  let /** @type {Element | Document | null} */ $scope = document\n  let /** @type {OnErrorCallback<ComponentClass> | undefined} */ onError\n\n  // Handle options object\n  if (isObject(scopeOrOptions)) {\n    const options = scopeOrOptions\n\n    // Scope must be valid or null\n    if (isScope(options.scope) || options.scope === null) {\n      $scope = options.scope\n    }\n\n    // Error handler must be a function\n    if (typeof options.onError === 'function') {\n      onError = options.onError\n    }\n  }\n\n  if (isScope(scopeOrOptions)) {\n    $scope = scopeOrOptions\n  } else if (scopeOrOptions === null) {\n    $scope = null\n  } else if (typeof scopeOrOptions === 'function') {\n    onError = scopeOrOptions\n  }\n\n  return {\n    scope: $scope,\n    onError\n  }\n}\n\n/**\n * Config merging function\n *\n * Takes any number of objects and combines them together, with\n * greatest priority on the LAST item passed in.\n *\n * @internal\n * @param {...{ [key: string]: unknown }} configObjects - Config objects to merge\n * @returns {{ [key: string]: unknown }} A merged config object\n */\nexport function mergeConfigs(...configObjects) {\n  // Start with an empty object as our base\n  /** @type {{ [key: string]: unknown }} */\n  const formattedConfigObject = {}\n\n  // Loop through each of the passed objects\n  for (const configObject of configObjects) {\n    for (const key of Object.keys(configObject)) {\n      const option = formattedConfigObject[key]\n      const override = configObject[key]\n\n      // Push their keys one-by-one into formattedConfigObject. Any duplicate\n      // keys with object values will be merged, otherwise the new value will\n      // override the existing value.\n      if (isObject(option) && isObject(override)) {\n        formattedConfigObject[key] = mergeConfigs(option, override)\n      } else {\n        // Apply override\n        formattedConfigObject[key] = override\n      }\n    }\n  }\n\n  return formattedConfigObject\n}\n\n/**\n * Validate component config by schema\n *\n * Follows limited examples in JSON schema for wider support in future\n *\n * {@link https://ajv.js.org/json-schema.html#compound-keywords}\n * {@link https://ajv.js.org/packages/ajv-errors.html#single-message}\n *\n * @internal\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @param {Schema<ConfigurationType>} schema - The schema of a component\n * @param {ConfigurationType} config - Component config\n * @returns {string[]} List of validation errors\n */\nexport function validateConfig(schema, config) {\n  const validationErrors = []\n\n  // Check errors for each schema\n  for (const [name, conditions] of Object.entries(schema)) {\n    const errors = []\n\n    // Check errors for each schema condition\n    if (Array.isArray(conditions)) {\n      for (const { required, errorMessage } of conditions) {\n        if (!required.every((key) => !!config[key])) {\n          errors.push(errorMessage) // Missing config key value\n        }\n      }\n\n      // Check one condition passes or add errors\n      if (name === 'anyOf' && !(conditions.length - errors.length >= 1)) {\n        validationErrors.push(...errors)\n      }\n    }\n  }\n\n  return validationErrors\n}\n\n/**\n * Extracts keys starting with a particular namespace from dataset ('data-*')\n * object, removing the namespace in the process, normalising all values\n *\n * @internal\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @param {Schema<ConfigurationType>} schema - The schema of a component\n * @param {DOMStringMap} dataset - The object to extract key-value pairs from\n * @param {keyof ConfigurationType} namespace - The namespace to filter keys with\n * @returns {ObjectNested | undefined} Nested object with dot-separated key namespace removed\n */\nexport function extractConfigByNamespace(schema, dataset, namespace) {\n  const property = schema.properties[namespace]\n\n  // Only extract configs for object schema properties\n  if (property?.type !== 'object') {\n    return\n  }\n\n  // Add default empty config\n  const newObject = /** @type {Record<typeof namespace, ObjectNested>} */ ({\n    [namespace]: {}\n  })\n\n  for (const [key, value] of Object.entries(dataset)) {\n    /** @type {ObjectNested | ObjectNested[NestedKey]} */\n    let current = newObject\n\n    // Split the key into parts, using . as our namespace separator\n    const keyParts = key.split('.')\n\n    /**\n     * Create new level per part\n     *\n     * e.g. 'i18n.textareaDescription.other' becomes\n     * `{ i18n: { textareaDescription: { other } } }`\n     */\n    for (const [index, name] of keyParts.entries()) {\n      if (isObject(current)) {\n        // Drop down to nested object until the last part\n        if (index < keyParts.length - 1) {\n          // New nested object (optionally) replaces existing value\n          if (!isObject(current[name])) {\n            current[name] = {}\n          }\n\n          // Drop down into new or existing nested object\n          current = current[name]\n        } else if (key !== namespace) {\n          // Normalised value (optionally) replaces existing value\n          current[name] = normaliseString(value)\n        }\n      }\n    }\n  }\n\n  return newObject[namespace]\n}\n\n/**\n * @internal\n * @typedef {keyof ObjectNested} NestedKey\n * @typedef {{ [key: string]: string | boolean | number | ObjectNested | undefined }} ObjectNested\n */\n\n/**\n * Schema for component config\n *\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @typedef {object} Schema\n * @property {Record<keyof ConfigurationType, SchemaProperty | undefined>} properties - Schema properties\n * @property {SchemaCondition<ConfigurationType>[]} [anyOf] - List of schema conditions\n */\n\n/**\n * Schema property for component config\n *\n * @typedef {object} SchemaProperty\n * @property {'string' | 'boolean' | 'number' | 'object'} type - Property type\n */\n\n/**\n * Schema condition for component config\n *\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @typedef {object} SchemaCondition\n * @property {(keyof ConfigurationType)[]} required - List of required config fields\n * @property {string} errorMessage - Error message when required config fields not provided\n */\n\n/**\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]\n * @typedef ChildClass\n * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component\n * @property {Schema<ConfigurationType>} [schema] - The schema of the component configuration\n * @property {ConfigurationType} [defaults] - The default values of the configuration of the component\n */\n\n/**\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]\n * @typedef {typeof Component & ChildClass<ConfigurationType>} ChildClassConstructor<ConfigurationType>\n */\n\n/**\n * @import { CompatibleClass, Config, CreateAllOptions, OnErrorCallback } from '../init.mjs'\n */\n","import { isObject } from './common/index.mjs'\n\n/**\n * Internal support for selecting messages to render, with placeholder\n * interpolation and locale-aware number formatting and pluralisation\n *\n * @internal\n */\nexport class I18n {\n  translations\n  locale\n\n  /**\n   * @internal\n   * @param {{ [key: string]: string | TranslationPluralForms }} translations - Key-value pairs of the translation strings to use.\n   * @param {object} [config] - Configuration options for the function.\n   * @param {string | null} [config.locale] - An overriding locale for the PluralRules functionality.\n   */\n  constructor(translations = {}, config = {}) {\n    // Make list of translations available throughout function\n    this.translations = translations\n\n    // The locale to use for PluralRules and NumberFormat\n    this.locale = config.locale ?? (document.documentElement.lang || 'en')\n  }\n\n  /**\n   * The most used function - takes the key for a given piece of UI text and\n   * returns the appropriate string.\n   *\n   * @internal\n   * @param {string} lookupKey - The lookup key of the string to use.\n   * @param {{ [key: string]: unknown }} [options] - Any options passed with the translation string, e.g: for string interpolation.\n   * @returns {string} The appropriate translation string.\n   * @throws {Error} Lookup key required\n   * @throws {Error} Options required for `${}` placeholders\n   */\n  t(lookupKey, options) {\n    if (!lookupKey) {\n      // Print a console error if no lookup key has been provided\n      throw new Error('i18n: lookup key missing')\n    }\n\n    // Fetch the translation for that lookup key\n    let translation = this.translations[lookupKey]\n\n    // If the `count` option is set, determine which plural suffix is needed and\n    // change the lookupKey to match. We check to see if it's numeric instead of\n    // falsy, as this could legitimately be 0.\n    if (typeof options?.count === 'number' && isObject(translation)) {\n      const translationPluralForm =\n        translation[this.getPluralSuffix(lookupKey, options.count)]\n\n      // Update translation with plural suffix\n      if (translationPluralForm) {\n        translation = translationPluralForm\n      }\n    }\n\n    if (typeof translation === 'string') {\n      // Check for ${} placeholders in the translation string\n      // eslint-disable-next-line @typescript-eslint/prefer-regexp-exec\n      if (translation.match(/%{(.\\S+)}/)) {\n        if (!options) {\n          throw new Error(\n            'i18n: cannot replace placeholders in string if no option data provided'\n          )\n        }\n\n        return this.replacePlaceholders(translation, options)\n      }\n\n      return translation\n    }\n\n    // If the key wasn't found in our translations object,\n    // return the lookup key itself as the fallback\n    return lookupKey\n  }\n\n  /**\n   * Takes a translation string with placeholders, and replaces the placeholders\n   * with the provided data\n   *\n   * @internal\n   * @param {string} translationString - The translation string\n   * @param {{ [key: string]: unknown }} options - Any options passed with the translation string, e.g: for string interpolation.\n   * @returns {string} The translation string to output, with $\\{\\} placeholders replaced\n   */\n  replacePlaceholders(translationString, options) {\n    const formatter = Intl.NumberFormat.supportedLocalesOf(this.locale).length\n      ? new Intl.NumberFormat(this.locale)\n      : undefined\n\n    return translationString.replace(\n      /%{(.\\S+)}/g,\n\n      /**\n       * Replace translation string placeholders\n       *\n       * @internal\n       * @param {string} placeholderWithBraces - Placeholder with braces\n       * @param {string} placeholderKey - Placeholder key\n       * @returns {string} Placeholder value\n       */\n      function (placeholderWithBraces, placeholderKey) {\n        if (Object.prototype.hasOwnProperty.call(options, placeholderKey)) {\n          const placeholderValue = options[placeholderKey]\n\n          // If a user has passed `false` as the value for the placeholder\n          // treat it as though the value should not be displayed\n          if (\n            placeholderValue === false ||\n            (typeof placeholderValue !== 'number' &&\n              typeof placeholderValue !== 'string')\n          ) {\n            return ''\n          }\n\n          // If the placeholder's value is a number, localise the number formatting\n          if (typeof placeholderValue === 'number') {\n            return formatter\n              ? formatter.format(placeholderValue)\n              : `${placeholderValue}`\n          }\n\n          return placeholderValue\n        }\n\n        throw new Error(\n          `i18n: no data found to replace ${placeholderWithBraces} placeholder in string`\n        )\n      }\n    )\n  }\n\n  /**\n   * Check to see if the browser supports Intl.PluralRules\n   *\n   * It requires all conditions to be met in order to be supported:\n   * - The implementation of Intl supports PluralRules (NOT true in Safari 10–12)\n   * - The browser/OS has plural rules for the current locale (browser dependent)\n   *\n   * {@link https://browsersl.ist/#q=supports+es6-module+and+not+supports+intl-pluralrules}\n   *\n   * @internal\n   * @returns {boolean} Returns true if all conditions are met. Returns false otherwise.\n   */\n  hasIntlPluralRulesSupport() {\n    return Boolean(\n      'PluralRules' in window.Intl &&\n        Intl.PluralRules.supportedLocalesOf(this.locale).length\n    )\n  }\n\n  /**\n   * Get the appropriate suffix for the plural form.\n   *\n   * Uses Intl.PluralRules (or our own fallback implementation) to get the\n   * 'preferred' form to use for the given count.\n   *\n   * Checks that a translation has been provided for that plural form – if it\n   * hasn't, it'll fall back to the 'other' plural form (unless that doesn't exist\n   * either, in which case an error will be thrown)\n   *\n   * @internal\n   * @param {string} lookupKey - The lookup key of the string to use.\n   * @param {number} count - Number used to determine which pluralisation to use.\n   * @returns {PluralRule} The suffix associated with the correct pluralisation for this locale.\n   * @throws {Error} Plural form `.other` required when preferred plural form is missing\n   */\n  getPluralSuffix(lookupKey, count) {\n    // Validate that the number is actually a number.\n    //\n    // Number(count) will turn anything that can't be converted to a Number type\n    // into 'NaN'. isFinite filters out NaN, as it isn't a finite number.\n    // eslint-disable-next-line @typescript-eslint/no-unnecessary-type-conversion\n    count = Number(count)\n    if (!isFinite(count)) {\n      return 'other'\n    }\n\n    // Fetch the translation for that lookup key\n    const translation = this.translations[lookupKey]\n\n    // Check to verify that all the requirements for Intl.PluralRules are met.\n    // If so, we can use that instead of our custom implementation. Otherwise,\n    // use the hardcoded fallback.\n    const preferredForm = this.hasIntlPluralRulesSupport()\n      ? new Intl.PluralRules(this.locale).select(count)\n      : 'other'\n\n    // Use the correct plural form if provided\n    if (isObject(translation)) {\n      if (preferredForm in translation) {\n        return preferredForm\n        // Fall back to `other` if the plural form is missing, but log a warning\n        // to the console\n      } else if ('other' in translation) {\n        console.warn(\n          `i18n: Missing plural form \".${preferredForm}\" for \"${this.locale}\" locale. Falling back to \".other\".`\n        )\n\n        return 'other'\n      }\n    }\n\n    // If the required `other` plural form is missing, all we can do is error\n    throw new Error(\n      `i18n: Plural form \".other\" is required for \"${this.locale}\" locale`\n    )\n  }\n}\n\n/**\n * Plural rule category mnemonic tags\n *\n * @internal\n * @typedef {'zero' | 'one' | 'two' | 'few' | 'many' | 'other'} PluralRule\n */\n\n/**\n * Translated message by plural rule they correspond to.\n *\n * Allows to group pluralised messages under a single key when passing\n * translations to a component's constructor\n *\n * @internal\n * @typedef {object} TranslationPluralForms\n * @property {string} [other] - General plural form\n * @property {string} [zero] - Plural form used with 0\n * @property {string} [one] - Plural form used with 1\n * @property {string} [two] - Plural form used with 2\n * @property {string} [few] - Plural form used for a few\n * @property {string} [many] - Plural form used for many\n */\n","import { closestAttributeValue } from '../../common/closest-attribute-value.mjs'\nimport { ConfigurableComponent } from '../../common/configuration.mjs'\nimport { ElementError } from '../../errors/index.mjs'\nimport { I18n } from '../../i18n.mjs'\n\n/**\n * Password input component\n *\n * @preserve\n * @augments ConfigurableComponent<PasswordInputConfig>\n */\nexport class PasswordInput extends ConfigurableComponent {\n  /** @private */\n  i18n\n\n  /**\n   * @private\n   * @type {HTMLInputElement}\n   */\n  $input\n\n  /**\n   * @private\n   * @type {HTMLButtonElement}\n   */\n  $showHideButton\n\n  /** @private */\n  $screenReaderStatusMessage\n\n  /**\n   * @param {Element | null} $root - HTML element to use for password input\n   * @param {PasswordInputConfig} [config] - Password input config\n   */\n  constructor($root, config = {}) {\n    super($root, config)\n\n    const $input = this.$root.querySelector('.govuk-js-password-input-input')\n    if (!($input instanceof HTMLInputElement)) {\n      throw new ElementError({\n        component: PasswordInput,\n        element: $input,\n        expectedType: 'HTMLInputElement',\n        identifier: 'Form field (`.govuk-js-password-input-input`)'\n      })\n    }\n\n    if ($input.type !== 'password') {\n      throw new ElementError(\n        'Password input: Form field (`.govuk-js-password-input-input`) must be of type `password`.'\n      )\n    }\n\n    const $showHideButton = this.$root.querySelector(\n      '.govuk-js-password-input-toggle'\n    )\n    if (!($showHideButton instanceof HTMLButtonElement)) {\n      throw new ElementError({\n        component: PasswordInput,\n        element: $showHideButton,\n        expectedType: 'HTMLButtonElement',\n        identifier: 'Button (`.govuk-js-password-input-toggle`)'\n      })\n    }\n\n    if ($showHideButton.type !== 'button') {\n      throw new ElementError(\n        'Password input: Button (`.govuk-js-password-input-toggle`) must be of type `button`.'\n      )\n    }\n\n    this.$input = $input\n    this.$showHideButton = $showHideButton\n\n    this.i18n = new I18n(this.config.i18n, {\n      // Read the fallback if necessary rather than have it set in the defaults\n      locale: closestAttributeValue(this.$root, 'lang')\n    })\n\n    // Show the toggle button element\n    this.$showHideButton.removeAttribute('hidden')\n\n    // Create and append the status text for screen readers.\n    // This is injected between the input and button so that users get a sensible reading order if\n    // moving through the page content linearly:\n    // [password input] -> [your password is visible/hidden] -> [show/hide password]\n    const $screenReaderStatusMessage = document.createElement('div')\n    $screenReaderStatusMessage.className =\n      'govuk-password-input__sr-status govuk-visually-hidden'\n    $screenReaderStatusMessage.setAttribute('aria-live', 'polite')\n    this.$screenReaderStatusMessage = $screenReaderStatusMessage\n    this.$input.insertAdjacentElement('afterend', $screenReaderStatusMessage)\n\n    // Bind toggle button\n    this.$showHideButton.addEventListener('click', this.toggle.bind(this))\n\n    // Bind event to revert the password visibility to hidden\n    if (this.$input.form) {\n      this.$input.form.addEventListener('submit', () => this.hide())\n    }\n\n    // If the page is restored from bfcache and the password is visible, hide it again\n    window.addEventListener('pageshow', (event) => {\n      if (event.persisted && this.$input.type !== 'password') {\n        this.hide()\n      }\n    })\n\n    // Default the component to having the password hidden.\n    this.hide()\n  }\n\n  /**\n   * Toggle the visibility of the password input\n   *\n   * @private\n   * @param {MouseEvent} event - Click event\n   */\n  toggle(event) {\n    event.preventDefault()\n\n    // If on this click, the field is type=\"password\", show the value\n    if (this.$input.type === 'password') {\n      this.show()\n      return\n    }\n\n    // Otherwise, hide it\n    // Being defensive - hiding should always be the default\n    this.hide()\n  }\n\n  /**\n   * Show the password input value in plain text.\n   *\n   * @private\n   */\n  show() {\n    this.setType('text')\n  }\n\n  /**\n   * Hide the password input value.\n   *\n   * @private\n   */\n  hide() {\n    this.setType('password')\n  }\n\n  /**\n   * Set the password input type\n   *\n   * @param {'text' | 'password'} type - Input type\n   * @private\n   */\n  setType(type) {\n    if (type === this.$input.type) {\n      return\n    }\n\n    // Update input type\n    this.$input.setAttribute('type', type)\n\n    const isHidden = type === 'password'\n    const prefixButton = isHidden ? 'show' : 'hide'\n    const prefixStatus = isHidden ? 'passwordHidden' : 'passwordShown'\n\n    // Update button text\n    this.$showHideButton.innerText = this.i18n.t(`${prefixButton}Password`)\n\n    // Update button aria-label\n    this.$showHideButton.setAttribute(\n      'aria-label',\n      this.i18n.t(`${prefixButton}PasswordAriaLabel`)\n    )\n\n    // Update status change text\n    this.$screenReaderStatusMessage.innerText = this.i18n.t(\n      `${prefixStatus}Announcement`\n    )\n  }\n\n  /**\n   * Name for the component used when initialising using data-module attributes.\n   */\n  static moduleName = 'govuk-password-input'\n\n  /**\n   * Password input default config\n   *\n   * @see {@link PasswordInputConfig}\n   * @constant\n   * @default\n   * @type {PasswordInputConfig}\n   */\n  static defaults = Object.freeze({\n    i18n: {\n      showPassword: 'Show',\n      hidePassword: 'Hide',\n      showPasswordAriaLabel: 'Show password',\n      hidePasswordAriaLabel: 'Hide password',\n      passwordShownAnnouncement: 'Your password is visible',\n      passwordHiddenAnnouncement: 'Your password is hidden'\n    }\n  })\n\n  /**\n   * Password input config schema\n   *\n   * @constant\n   * @satisfies {Schema<PasswordInputConfig>}\n   */\n  static schema = Object.freeze({\n    properties: {\n      i18n: { type: 'object' }\n    }\n  })\n}\n\n/**\n * Password input config\n *\n * @typedef {object} PasswordInputConfig\n * @property {PasswordInputTranslations} [i18n=PasswordInput.defaults.i18n] - Password input translations\n */\n\n/**\n * Password input translations\n *\n * @see {@link PasswordInput.defaults.i18n}\n * @typedef {object} PasswordInputTranslations\n *\n * Messages displayed to the user indicating the state of the show/hide toggle.\n * @property {string} [showPassword] - Visible text of the button when the\n *   password is currently hidden. Plain text only.\n * @property {string} [hidePassword] - Visible text of the button when the\n *   password is currently visible. Plain text only.\n * @property {string} [showPasswordAriaLabel] - aria-label of the button when\n *   the password is currently hidden. Plain text only.\n * @property {string} [hidePasswordAriaLabel] - aria-label of the button when\n *   the password is currently visible. Plain text only.\n * @property {string} [passwordShownAnnouncement] - Screen reader\n *   announcement to make when the password has just become visible.\n *   Plain text only.\n * @property {string} [passwordHiddenAnnouncement] - Screen reader\n *   announcement to make when the password has just been hidden.\n *   Plain text only.\n */\n\n/**\n * @import { Schema } from '../../common/configuration.mjs'\n */\n"],"names":["closestAttributeValue","$element","attributeName","$closestElementWithAttribute","closest","getAttribute","isInitialised","$root","moduleName","HTMLElement","hasAttribute","isSupported","$scope","document","body","classList","contains","isArray","option","Array","isObject","formatErrorMessage","Component","message","GOVUKFrontendError","Error","constructor","args","name","SupportError","supportMessage","HTMLScriptElement","prototype","ConfigError","ElementError","messageOrOptions","component","identifier","element","expectedType","InitError","componentOrMessage","_$root","childConstructor","elementType","checkSupport","checkInitialised","setAttribute","configOverride","Symbol","for","ConfigurableComponent","param","config","_config","defaults","datasetConfig","normaliseDataset","dataset","mergeConfigs","normaliseString","value","property","trimmedValue","trim","output","outputType","type","includes","length","isFinite","Number","schema","out","entries","Object","properties","entry","namespace","field","toString","extractConfigByNamespace","configObjects","formattedConfigObject","configObject","key","keys","override","newObject","current","keyParts","split","index","I18n","translations","_config$locale","locale","documentElement","lang","t","lookupKey","options","translation","count","translationPluralForm","getPluralSuffix","match","replacePlaceholders","translationString","formatter","Intl","NumberFormat","supportedLocalesOf","undefined","replace","placeholderWithBraces","placeholderKey","hasOwnProperty","call","placeholderValue","format","hasIntlPluralRulesSupport","Boolean","window","PluralRules","preferredForm","select","console","warn","PasswordInput","i18n","$input","$showHideButton","$screenReaderStatusMessage","querySelector","HTMLInputElement","HTMLButtonElement","removeAttribute","createElement","className","insertAdjacentElement","addEventListener","toggle","bind","form","hide","event","persisted","preventDefault","show","setType","isHidden","prefixButton","prefixStatus","innerText","freeze","showPassword","hidePassword","showPasswordAriaLabel","hidePasswordAriaLabel","passwordShownAnnouncement","passwordHiddenAnnouncement"],"mappings":"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"}
\ No newline at end of file
diff --git a/node_modules/govuk-frontend/dist/govuk/components/password-input/password-input.mjs b/node_modules/govuk-frontend/dist/govuk/components/password-input/password-input.mjs
new file mode 100644
index 0000000..d246fcb
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/password-input/password-input.mjs
@@ -0,0 +1,150 @@
+import { closestAttributeValue } from '../../common/closest-attribute-value.mjs';
+import { ConfigurableComponent } from '../../common/configuration.mjs';
+import { ElementError } from '../../errors/index.mjs';
+import { I18n } from '../../i18n.mjs';
+
+/**
+ * Password input component
+ *
+ * @preserve
+ * @augments ConfigurableComponent<PasswordInputConfig>
+ */
+class PasswordInput extends ConfigurableComponent {
+  /**
+   * @param {Element | null} $root - HTML element to use for password input
+   * @param {PasswordInputConfig} [config] - Password input config
+   */
+  constructor($root, config = {}) {
+    super($root, config);
+    this.i18n = void 0;
+    this.$input = void 0;
+    this.$showHideButton = void 0;
+    this.$screenReaderStatusMessage = void 0;
+    const $input = this.$root.querySelector('.govuk-js-password-input-input');
+    if (!($input instanceof HTMLInputElement)) {
+      throw new ElementError({
+        component: PasswordInput,
+        element: $input,
+        expectedType: 'HTMLInputElement',
+        identifier: 'Form field (`.govuk-js-password-input-input`)'
+      });
+    }
+    if ($input.type !== 'password') {
+      throw new ElementError('Password input: Form field (`.govuk-js-password-input-input`) must be of type `password`.');
+    }
+    const $showHideButton = this.$root.querySelector('.govuk-js-password-input-toggle');
+    if (!($showHideButton instanceof HTMLButtonElement)) {
+      throw new ElementError({
+        component: PasswordInput,
+        element: $showHideButton,
+        expectedType: 'HTMLButtonElement',
+        identifier: 'Button (`.govuk-js-password-input-toggle`)'
+      });
+    }
+    if ($showHideButton.type !== 'button') {
+      throw new ElementError('Password input: Button (`.govuk-js-password-input-toggle`) must be of type `button`.');
+    }
+    this.$input = $input;
+    this.$showHideButton = $showHideButton;
+    this.i18n = new I18n(this.config.i18n, {
+      locale: closestAttributeValue(this.$root, 'lang')
+    });
+    this.$showHideButton.removeAttribute('hidden');
+    const $screenReaderStatusMessage = document.createElement('div');
+    $screenReaderStatusMessage.className = 'govuk-password-input__sr-status govuk-visually-hidden';
+    $screenReaderStatusMessage.setAttribute('aria-live', 'polite');
+    this.$screenReaderStatusMessage = $screenReaderStatusMessage;
+    this.$input.insertAdjacentElement('afterend', $screenReaderStatusMessage);
+    this.$showHideButton.addEventListener('click', this.toggle.bind(this));
+    if (this.$input.form) {
+      this.$input.form.addEventListener('submit', () => this.hide());
+    }
+    window.addEventListener('pageshow', event => {
+      if (event.persisted && this.$input.type !== 'password') {
+        this.hide();
+      }
+    });
+    this.hide();
+  }
+  toggle(event) {
+    event.preventDefault();
+    if (this.$input.type === 'password') {
+      this.show();
+      return;
+    }
+    this.hide();
+  }
+  show() {
+    this.setType('text');
+  }
+  hide() {
+    this.setType('password');
+  }
+  setType(type) {
+    if (type === this.$input.type) {
+      return;
+    }
+    this.$input.setAttribute('type', type);
+    const isHidden = type === 'password';
+    const prefixButton = isHidden ? 'show' : 'hide';
+    const prefixStatus = isHidden ? 'passwordHidden' : 'passwordShown';
+    this.$showHideButton.innerText = this.i18n.t(`${prefixButton}Password`);
+    this.$showHideButton.setAttribute('aria-label', this.i18n.t(`${prefixButton}PasswordAriaLabel`));
+    this.$screenReaderStatusMessage.innerText = this.i18n.t(`${prefixStatus}Announcement`);
+  }
+}
+
+/**
+ * Password input config
+ *
+ * @typedef {object} PasswordInputConfig
+ * @property {PasswordInputTranslations} [i18n=PasswordInput.defaults.i18n] - Password input translations
+ */
+
+/**
+ * Password input translations
+ *
+ * @see {@link PasswordInput.defaults.i18n}
+ * @typedef {object} PasswordInputTranslations
+ *
+ * Messages displayed to the user indicating the state of the show/hide toggle.
+ * @property {string} [showPassword] - Visible text of the button when the
+ *   password is currently hidden. Plain text only.
+ * @property {string} [hidePassword] - Visible text of the button when the
+ *   password is currently visible. Plain text only.
+ * @property {string} [showPasswordAriaLabel] - aria-label of the button when
+ *   the password is currently hidden. Plain text only.
+ * @property {string} [hidePasswordAriaLabel] - aria-label of the button when
+ *   the password is currently visible. Plain text only.
+ * @property {string} [passwordShownAnnouncement] - Screen reader
+ *   announcement to make when the password has just become visible.
+ *   Plain text only.
+ * @property {string} [passwordHiddenAnnouncement] - Screen reader
+ *   announcement to make when the password has just been hidden.
+ *   Plain text only.
+ */
+
+/**
+ * @import { Schema } from '../../common/configuration.mjs'
+ */
+PasswordInput.moduleName = 'govuk-password-input';
+PasswordInput.defaults = Object.freeze({
+  i18n: {
+    showPassword: 'Show',
+    hidePassword: 'Hide',
+    showPasswordAriaLabel: 'Show password',
+    hidePasswordAriaLabel: 'Hide password',
+    passwordShownAnnouncement: 'Your password is visible',
+    passwordHiddenAnnouncement: 'Your password is hidden'
+  }
+});
+PasswordInput.schema = Object.freeze({
+  properties: {
+    i18n: {
+      type: 'object'
+    }
+  }
+});
+
+export { PasswordInput };
+//# sourceMappingURL=password-input.mjs.map
diff --git a/node_modules/govuk-frontend/dist/govuk/components/password-input/password-input.mjs.map b/node_modules/govuk-frontend/dist/govuk/components/password-input/password-input.mjs.map
new file mode 100644
index 0000000..659f9f2
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/password-input/password-input.mjs.map
@@ -0,0 +1 @@
+{"version":3,"file":"password-input.mjs","sources":["../../../../src/govuk/components/password-input/password-input.mjs"],"sourcesContent":["import { closestAttributeValue } from '../../common/closest-attribute-value.mjs'\nimport { ConfigurableComponent } from '../../common/configuration.mjs'\nimport { ElementError } from '../../errors/index.mjs'\nimport { I18n } from '../../i18n.mjs'\n\n/**\n * Password input component\n *\n * @preserve\n * @augments ConfigurableComponent<PasswordInputConfig>\n */\nexport class PasswordInput extends ConfigurableComponent {\n  /** @private */\n  i18n\n\n  /**\n   * @private\n   * @type {HTMLInputElement}\n   */\n  $input\n\n  /**\n   * @private\n   * @type {HTMLButtonElement}\n   */\n  $showHideButton\n\n  /** @private */\n  $screenReaderStatusMessage\n\n  /**\n   * @param {Element | null} $root - HTML element to use for password input\n   * @param {PasswordInputConfig} [config] - Password input config\n   */\n  constructor($root, config = {}) {\n    super($root, config)\n\n    const $input = this.$root.querySelector('.govuk-js-password-input-input')\n    if (!($input instanceof HTMLInputElement)) {\n      throw new ElementError({\n        component: PasswordInput,\n        element: $input,\n        expectedType: 'HTMLInputElement',\n        identifier: 'Form field (`.govuk-js-password-input-input`)'\n      })\n    }\n\n    if ($input.type !== 'password') {\n      throw new ElementError(\n        'Password input: Form field (`.govuk-js-password-input-input`) must be of type `password`.'\n      )\n    }\n\n    const $showHideButton = this.$root.querySelector(\n      '.govuk-js-password-input-toggle'\n    )\n    if (!($showHideButton instanceof HTMLButtonElement)) {\n      throw new ElementError({\n        component: PasswordInput,\n        element: $showHideButton,\n        expectedType: 'HTMLButtonElement',\n        identifier: 'Button (`.govuk-js-password-input-toggle`)'\n      })\n    }\n\n    if ($showHideButton.type !== 'button') {\n      throw new ElementError(\n        'Password input: Button (`.govuk-js-password-input-toggle`) must be of type `button`.'\n      )\n    }\n\n    this.$input = $input\n    this.$showHideButton = $showHideButton\n\n    this.i18n = new I18n(this.config.i18n, {\n      // Read the fallback if necessary rather than have it set in the defaults\n      locale: closestAttributeValue(this.$root, 'lang')\n    })\n\n    // Show the toggle button element\n    this.$showHideButton.removeAttribute('hidden')\n\n    // Create and append the status text for screen readers.\n    // This is injected between the input and button so that users get a sensible reading order if\n    // moving through the page content linearly:\n    // [password input] -> [your password is visible/hidden] -> [show/hide password]\n    const $screenReaderStatusMessage = document.createElement('div')\n    $screenReaderStatusMessage.className =\n      'govuk-password-input__sr-status govuk-visually-hidden'\n    $screenReaderStatusMessage.setAttribute('aria-live', 'polite')\n    this.$screenReaderStatusMessage = $screenReaderStatusMessage\n    this.$input.insertAdjacentElement('afterend', $screenReaderStatusMessage)\n\n    // Bind toggle button\n    this.$showHideButton.addEventListener('click', this.toggle.bind(this))\n\n    // Bind event to revert the password visibility to hidden\n    if (this.$input.form) {\n      this.$input.form.addEventListener('submit', () => this.hide())\n    }\n\n    // If the page is restored from bfcache and the password is visible, hide it again\n    window.addEventListener('pageshow', (event) => {\n      if (event.persisted && this.$input.type !== 'password') {\n        this.hide()\n      }\n    })\n\n    // Default the component to having the password hidden.\n    this.hide()\n  }\n\n  /**\n   * Toggle the visibility of the password input\n   *\n   * @private\n   * @param {MouseEvent} event - Click event\n   */\n  toggle(event) {\n    event.preventDefault()\n\n    // If on this click, the field is type=\"password\", show the value\n    if (this.$input.type === 'password') {\n      this.show()\n      return\n    }\n\n    // Otherwise, hide it\n    // Being defensive - hiding should always be the default\n    this.hide()\n  }\n\n  /**\n   * Show the password input value in plain text.\n   *\n   * @private\n   */\n  show() {\n    this.setType('text')\n  }\n\n  /**\n   * Hide the password input value.\n   *\n   * @private\n   */\n  hide() {\n    this.setType('password')\n  }\n\n  /**\n   * Set the password input type\n   *\n   * @param {'text' | 'password'} type - Input type\n   * @private\n   */\n  setType(type) {\n    if (type === this.$input.type) {\n      return\n    }\n\n    // Update input type\n    this.$input.setAttribute('type', type)\n\n    const isHidden = type === 'password'\n    const prefixButton = isHidden ? 'show' : 'hide'\n    const prefixStatus = isHidden ? 'passwordHidden' : 'passwordShown'\n\n    // Update button text\n    this.$showHideButton.innerText = this.i18n.t(`${prefixButton}Password`)\n\n    // Update button aria-label\n    this.$showHideButton.setAttribute(\n      'aria-label',\n      this.i18n.t(`${prefixButton}PasswordAriaLabel`)\n    )\n\n    // Update status change text\n    this.$screenReaderStatusMessage.innerText = this.i18n.t(\n      `${prefixStatus}Announcement`\n    )\n  }\n\n  /**\n   * Name for the component used when initialising using data-module attributes.\n   */\n  static moduleName = 'govuk-password-input'\n\n  /**\n   * Password input default config\n   *\n   * @see {@link PasswordInputConfig}\n   * @constant\n   * @default\n   * @type {PasswordInputConfig}\n   */\n  static defaults = Object.freeze({\n    i18n: {\n      showPassword: 'Show',\n      hidePassword: 'Hide',\n      showPasswordAriaLabel: 'Show password',\n      hidePasswordAriaLabel: 'Hide password',\n      passwordShownAnnouncement: 'Your password is visible',\n      passwordHiddenAnnouncement: 'Your password is hidden'\n    }\n  })\n\n  /**\n   * Password input config schema\n   *\n   * @constant\n   * @satisfies {Schema<PasswordInputConfig>}\n   */\n  static schema = Object.freeze({\n    properties: {\n      i18n: { type: 'object' }\n    }\n  })\n}\n\n/**\n * Password input config\n *\n * @typedef {object} PasswordInputConfig\n * @property {PasswordInputTranslations} [i18n=PasswordInput.defaults.i18n] - Password input translations\n */\n\n/**\n * Password input translations\n *\n * @see {@link PasswordInput.defaults.i18n}\n * @typedef {object} PasswordInputTranslations\n *\n * Messages displayed to the user indicating the state of the show/hide toggle.\n * @property {string} [showPassword] - Visible text of the button when the\n *   password is currently hidden. Plain text only.\n * @property {string} [hidePassword] - Visible text of the button when the\n *   password is currently visible. Plain text only.\n * @property {string} [showPasswordAriaLabel] - aria-label of the button when\n *   the password is currently hidden. Plain text only.\n * @property {string} [hidePasswordAriaLabel] - aria-label of the button when\n *   the password is currently visible. Plain text only.\n * @property {string} [passwordShownAnnouncement] - Screen reader\n *   announcement to make when the password has just become visible.\n *   Plain text only.\n * @property {string} [passwordHiddenAnnouncement] - Screen reader\n *   announcement to make when the password has just been hidden.\n *   Plain text only.\n */\n\n/**\n * @import { Schema } from '../../common/configuration.mjs'\n */\n"],"names":["PasswordInput","ConfigurableComponent","constructor","$root","config","i18n","$input","$showHideButton","$screenReaderStatusMessage","querySelector","HTMLInputElement","ElementError","component","element","expectedType","identifier","type","HTMLButtonElement","I18n","locale","closestAttributeValue","removeAttribute","document","createElement","className","setAttribute","insertAdjacentElement","addEventListener","toggle","bind","form","hide","window","event","persisted","preventDefault","show","setType","isHidden","prefixButton","prefixStatus","innerText","t","moduleName","defaults","Object","freeze","showPassword","hidePassword","showPasswordAriaLabel","hidePasswordAriaLabel","passwordShownAnnouncement","passwordHiddenAnnouncement","schema","properties"],"mappings":"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"}
\ No newline at end of file
diff --git a/node_modules/govuk-frontend/dist/govuk/components/password-input/template-default.html b/node_modules/govuk-frontend/dist/govuk/components/password-input/template-default.html
new file mode 100644
index 0000000..71b9621
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/password-input/template-default.html
@@ -0,0 +1,11 @@
+<div class="govuk-form-group govuk-password-input" data-module="govuk-password-input">
+  <label class="govuk-label" for="password">
+    Password
+  </label>
+  <div class="govuk-input__wrapper govuk-password-input__wrapper">
+    <input class="govuk-input govuk-password-input__input govuk-js-password-input-input" id="password" name="password" type="password" spellcheck="false" autocomplete="current-password" autocapitalize="none">
+    <button type="button" class="govuk-button govuk-button--secondary govuk-password-input__toggle govuk-js-password-input-toggle" data-module="govuk-button" aria-controls="password" aria-label="Show password" hidden>
+      Show
+    </button>
+  </div>
+</div>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/password-input/template-with-error-message.html b/node_modules/govuk-frontend/dist/govuk/components/password-input/template-with-error-message.html
new file mode 100644
index 0000000..7cfff58
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/password-input/template-with-error-message.html
@@ -0,0 +1,17 @@
+<div class="govuk-form-group govuk-form-group--error govuk-password-input" data-module="govuk-password-input">
+  <label class="govuk-label" for="password-input-with-error-message">
+    Password
+  </label>
+  <div id="password-input-with-error-message-hint" class="govuk-hint">
+    It probably has some letters, numbers and maybe even some symbols in it.
+  </div>
+  <p id="password-input-with-error-message-error" class="govuk-error-message">
+    <span class="govuk-visually-hidden">Error:</span> Error message goes here
+  </p>
+  <div class="govuk-input__wrapper govuk-password-input__wrapper">
+    <input class="govuk-input govuk-password-input__input govuk-js-password-input-input govuk-input--error" id="password-input-with-error-message" name="test-name-3" type="password" spellcheck="false" aria-describedby="password-input-with-error-message-hint password-input-with-error-message-error" autocomplete="current-password" autocapitalize="none">
+    <button type="button" class="govuk-button govuk-button--secondary govuk-password-input__toggle govuk-js-password-input-toggle" data-module="govuk-button" aria-controls="password-input-with-error-message" aria-label="Show password" hidden>
+      Show
+    </button>
+  </div>
+</div>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/password-input/template-with-hint-text.html b/node_modules/govuk-frontend/dist/govuk/components/password-input/template-with-hint-text.html
new file mode 100644
index 0000000..39911f8
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/password-input/template-with-hint-text.html
@@ -0,0 +1,14 @@
+<div class="govuk-form-group govuk-password-input" data-module="govuk-password-input">
+  <label class="govuk-label" for="password-input-with-hint-text">
+    Password
+  </label>
+  <div id="password-input-with-hint-text-hint" class="govuk-hint">
+    It probably has some letters, numbers and maybe even some symbols in it.
+  </div>
+  <div class="govuk-input__wrapper govuk-password-input__wrapper">
+    <input class="govuk-input govuk-password-input__input govuk-js-password-input-input" id="password-input-with-hint-text" name="test-name-2" type="password" spellcheck="false" aria-describedby="password-input-with-hint-text-hint" autocomplete="current-password" autocapitalize="none">
+    <button type="button" class="govuk-button govuk-button--secondary govuk-password-input__toggle govuk-js-password-input-toggle" data-module="govuk-button" aria-controls="password-input-with-hint-text" aria-label="Show password" hidden>
+      Show
+    </button>
+  </div>
+</div>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/password-input/template-with-input-width-class.html b/node_modules/govuk-frontend/dist/govuk/components/password-input/template-with-input-width-class.html
new file mode 100644
index 0000000..50b62f2
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/password-input/template-with-input-width-class.html
@@ -0,0 +1,11 @@
+<div class="govuk-form-group govuk-password-input" data-module="govuk-password-input">
+  <label class="govuk-label" for="password-input-width">
+    Password
+  </label>
+  <div class="govuk-input__wrapper govuk-password-input__wrapper">
+    <input class="govuk-input govuk-password-input__input govuk-js-password-input-input govuk-input--width-10" id="password-input-width" name="password" type="password" spellcheck="false" autocomplete="current-password" autocapitalize="none">
+    <button type="button" class="govuk-button govuk-button--secondary govuk-password-input__toggle govuk-js-password-input-toggle" data-module="govuk-button" aria-controls="password-input-width" aria-label="Show password" hidden>
+      Show
+    </button>
+  </div>
+</div>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/password-input/template-with-label-as-page-heading.html b/node_modules/govuk-frontend/dist/govuk/components/password-input/template-with-label-as-page-heading.html
new file mode 100644
index 0000000..b92b3b6
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/password-input/template-with-label-as-page-heading.html
@@ -0,0 +1,13 @@
+<div class="govuk-form-group govuk-password-input" data-module="govuk-password-input">
+  <h1 class="govuk-label-wrapper">
+    <label class="govuk-label govuk-label--l" for="password-input-with-page-heading">
+      Password
+    </label>
+  </h1>
+  <div class="govuk-input__wrapper govuk-password-input__wrapper">
+    <input class="govuk-input govuk-password-input__input govuk-js-password-input-input" id="password-input-with-page-heading" name="test-name" type="password" spellcheck="false" autocomplete="current-password" autocapitalize="none">
+    <button type="button" class="govuk-button govuk-button--secondary govuk-password-input__toggle govuk-js-password-input-toggle" data-module="govuk-button" aria-controls="password-input-with-page-heading" aria-label="Show password" hidden>
+      Show
+    </button>
+  </div>
+</div>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/password-input/template.njk b/node_modules/govuk-frontend/dist/govuk/components/password-input/template.njk
new file mode 100644
index 0000000..ce8fa40
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/password-input/template.njk
@@ -0,0 +1,93 @@
+{% from "../../macros/attributes.njk" import govukAttributes -%}
+{% from "../../macros/i18n.njk" import govukI18nAttributes -%}
+
+{% from "../button/macro.njk" import govukButton -%}
+{% from "../input/macro.njk" import govukInput -%}
+
+{%- set id = params.id if params.id else params.name -%}
+
+{% set attributesHtml -%}
+  {{- ' data-module="govuk-password-input"' | safe }}
+
+  {{- govukI18nAttributes({
+    key: 'show-password',
+    message: params.showPasswordText
+  }) -}}
+
+  {{- govukI18nAttributes({
+    key: 'hide-password',
+    message: params.hidePasswordText
+  }) -}}
+
+  {{- govukI18nAttributes({
+    key: 'show-password-aria-label',
+    message: params.showPasswordAriaLabelText
+  }) -}}
+
+  {{- govukI18nAttributes({
+    key: 'hide-password-aria-label',
+    message: params.hidePasswordAriaLabelText
+  }) -}}
+
+  {{- govukI18nAttributes({
+    key: 'password-shown-announcement',
+    message: params.passwordShownAnnouncementText
+  }) -}}
+
+  {{- govukI18nAttributes({
+    key: 'password-hidden-announcement',
+    message: params.passwordHiddenAnnouncementText
+  }) -}}
+{%- endset -%}
+
+{#- Append form group attributes onto attributes set above #}
+{%- for name, value in params.formGroup.attributes %}
+  {% set attributesHtml = attributesHtml + " " + name | escape + '="' + value | escape + '"' %}
+{% endfor -%}
+
+{%- set buttonHtml %}
+{{ govukButton({
+  type: "button",
+  classes: "govuk-button--secondary govuk-password-input__toggle govuk-js-password-input-toggle" + (" " + params.button.classes if params.button.classes),
+  text: params.showPasswordText | default("Show"),
+  attributes: {
+    "aria-controls": id,
+    "aria-label": params.showPasswordAriaLabelText | default("Show password"),
+    "hidden": {
+      value: true,
+      optional: true
+    }
+  }
+}) | trim }}
+{% if params.formGroup.afterInput %}
+  {{- params.formGroup.afterInput.html | safe | trim if params.formGroup.afterInput.html else params.formGroup.afterInput.text }}
+{% endif -%}
+{% endset -%}
+
+{{ govukInput({
+  formGroup: {
+    classes: "govuk-password-input" + (" " + params.formGroup.classes if params.formGroup.classes),
+    attributes: attributesHtml,
+    beforeInput: params.formGroup.beforeInput,
+    afterInput: {
+      html: buttonHtml
+    }
+  },
+  inputWrapper: {
+    "classes": "govuk-password-input__wrapper"
+  },
+  label: params.label,
+  hint: params.hint,
+  classes: "govuk-password-input__input govuk-js-password-input-input" + (" " + params.classes if params.classes),
+  errorMessage: params.errorMessage,
+  id: id,
+  name: params.name,
+  type: "password",
+  spellcheck: false,
+  autocapitalize: "none",
+  autocomplete: params.autocomplete if params.autocomplete else "current-password",
+  value: params.value,
+  disabled: params.disabled,
+  describedBy: params.describedBy,
+  attributes: params.attributes
+}) | trim }}
diff --git a/node_modules/govuk-frontend/dist/govuk/components/phase-banner/README.md b/node_modules/govuk-frontend/dist/govuk/components/phase-banner/README.md
new file mode 100644
index 0000000..0e77496
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/phase-banner/README.md
@@ -0,0 +1,15 @@
+# Phase banner
+
+## Installation
+
+See the [main README quick start guide](https://github.com/alphagov/govuk-frontend#quick-start) for how to install this component.
+
+## Guidance and Examples
+
+Find out when to use the phase banner component in your service in the [GOV.UK Design System](https://design-system.service.gov.uk/components/phase-banner).
+
+## Component options
+
+Use options to customise the appearance, content and behaviour of a component when using a macro, for example, changing the text.
+
+See [options table](https://design-system.service.gov.uk/components/phase-banner/#options-phase-banner-example) for details.
diff --git a/node_modules/govuk-frontend/dist/govuk/components/phase-banner/_index.scss b/node_modules/govuk-frontend/dist/govuk/components/phase-banner/_index.scss
new file mode 100644
index 0000000..144e01a
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/phase-banner/_index.scss
@@ -0,0 +1,36 @@
+@import "../tag/index";
+
+@include govuk-exports("govuk/component/phase-banner") {
+  .govuk-phase-banner {
+    padding-top: govuk-spacing(2);
+    padding-bottom: govuk-spacing(2);
+
+    border-bottom: 1px solid $govuk-border-colour;
+  }
+
+  .govuk-phase-banner__content {
+    @include govuk-font($size: 16);
+    @include govuk-text-colour;
+
+    display: table;
+    margin: 0;
+  }
+
+  .govuk-phase-banner__content__tag {
+    @include govuk-font-size($size: 16);
+    margin-right: govuk-spacing(if($govuk-new-typography-scale, 3, 2));
+
+    @if $govuk-new-typography-scale {
+      @include govuk-media-query($from: tablet) {
+        margin-right: govuk-spacing(2);
+      }
+    }
+  }
+
+  .govuk-phase-banner__text {
+    display: table-cell;
+    vertical-align: middle;
+  }
+}
+
+/*# sourceMappingURL=_index.scss.map */
diff --git a/node_modules/govuk-frontend/dist/govuk/components/phase-banner/_index.scss.map b/node_modules/govuk-frontend/dist/govuk/components/phase-banner/_index.scss.map
new file mode 100644
index 0000000..2c48e54
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/phase-banner/_index.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/phase-banner/_index.scss"],"names":[],"mappings":"AAAA,sBAAsB;;AAEtB;EACE;IACE,6BAA6B;IAC7B,gCAAgC;;IAEhC,6CAA6C;EAC/C;;EAEA;IACE,8BAA8B;IAC9B,0BAA0B;;IAE1B,cAAc;IACd,SAAS;EACX;;EAEA;IACE,mCAAmC;IACnC,kEAAkE;;IAElE;MACE;QACE,8BAA8B;MAChC;IACF;EACF;;EAEA;IACE,mBAAmB;IACnB,sBAAsB;EACxB;AACF","file":"_index.scss","sourcesContent":["@import \"../tag/index\";\n\n@include govuk-exports(\"govuk/component/phase-banner\") {\n  .govuk-phase-banner {\n    padding-top: govuk-spacing(2);\n    padding-bottom: govuk-spacing(2);\n\n    border-bottom: 1px solid $govuk-border-colour;\n  }\n\n  .govuk-phase-banner__content {\n    @include govuk-font($size: 16);\n    @include govuk-text-colour;\n\n    display: table;\n    margin: 0;\n  }\n\n  .govuk-phase-banner__content__tag {\n    @include govuk-font-size($size: 16);\n    margin-right: govuk-spacing(if($govuk-new-typography-scale, 3, 2));\n\n    @if $govuk-new-typography-scale {\n      @include govuk-media-query($from: tablet) {\n        margin-right: govuk-spacing(2);\n      }\n    }\n  }\n\n  .govuk-phase-banner__text {\n    display: table-cell;\n    vertical-align: middle;\n  }\n}\n"]}
diff --git a/node_modules/govuk-frontend/dist/govuk/components/phase-banner/_phase-banner.scss b/node_modules/govuk-frontend/dist/govuk/components/phase-banner/_phase-banner.scss
new file mode 100644
index 0000000..25b9da9
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/phase-banner/_phase-banner.scss
@@ -0,0 +1,4 @@
+@import "../../base";
+@import "./index";
+
+/*# sourceMappingURL=_phase-banner.scss.map */
diff --git a/node_modules/govuk-frontend/dist/govuk/components/phase-banner/_phase-banner.scss.map b/node_modules/govuk-frontend/dist/govuk/components/phase-banner/_phase-banner.scss.map
new file mode 100644
index 0000000..1d1f26a
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/phase-banner/_phase-banner.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/phase-banner/_phase-banner.scss"],"names":[],"mappings":"AAAA,oBAAoB;AACpB,iBAAiB","file":"_phase-banner.scss","sourcesContent":["@import \"../../base\";\n@import \"./index\";\n"]}
diff --git a/node_modules/govuk-frontend/dist/govuk/components/phase-banner/fixtures.json b/node_modules/govuk-frontend/dist/govuk/components/phase-banner/fixtures.json
new file mode 100644
index 0000000..01afee5
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/phase-banner/fixtures.json
@@ -0,0 +1,97 @@
+{
+    "component": "phase-banner",
+    "fixtures": [
+        {
+            "name": "default",
+            "options": {
+                "tag": {
+                    "text": "Alpha"
+                },
+                "html": "This is a new service - your <a href=\"#\" class=\"govuk-link\">feedback</a> will help us to improve it."
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": true,
+            "html": "<div class=\"govuk-phase-banner\">\n  <p class=\"govuk-phase-banner__content\">\n    <strong class=\"govuk-tag govuk-phase-banner__content__tag\">\n      Alpha\n    </strong>\n    <span class=\"govuk-phase-banner__text\">\n      This is a new service - your <a href=\"#\" class=\"govuk-link\">feedback</a> will help us to improve it.\n    </span>\n  </p>\n</div>"
+        },
+        {
+            "name": "classes",
+            "options": {
+                "text": "This is a new service – your feedback will help us to improve it",
+                "classes": "extra-class one-more-class"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-phase-banner extra-class one-more-class\">\n  <p class=\"govuk-phase-banner__content\">\n    <strong class=\"govuk-tag govuk-phase-banner__content__tag\">\n      \n    </strong>\n    <span class=\"govuk-phase-banner__text\">\n      This is a new service – your feedback will help us to improve it\n    </span>\n  </p>\n</div>"
+        },
+        {
+            "name": "text",
+            "options": {
+                "text": "This is a new service – your feedback will help us to improve it"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-phase-banner\">\n  <p class=\"govuk-phase-banner__content\">\n    <strong class=\"govuk-tag govuk-phase-banner__content__tag\">\n      \n    </strong>\n    <span class=\"govuk-phase-banner__text\">\n      This is a new service – your feedback will help us to improve it\n    </span>\n  </p>\n</div>"
+        },
+        {
+            "name": "html as text",
+            "options": {
+                "text": "This is a new service - your <a href=\"#\" class=\"govuk-link\">feedback</a> will help us to improve it."
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-phase-banner\">\n  <p class=\"govuk-phase-banner__content\">\n    <strong class=\"govuk-tag govuk-phase-banner__content__tag\">\n      \n    </strong>\n    <span class=\"govuk-phase-banner__text\">\n      This is a new service - your &lt;a href=&quot;#&quot; class=&quot;govuk-link&quot;&gt;feedback&lt;/a&gt; will help us to improve it.\n    </span>\n  </p>\n</div>"
+        },
+        {
+            "name": "attributes",
+            "options": {
+                "text": "This is a new service – your feedback will help us to improve it",
+                "attributes": {
+                    "first-attribute": "foo",
+                    "second-attribute": "bar"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-phase-banner\" first-attribute=\"foo\" second-attribute=\"bar\">\n  <p class=\"govuk-phase-banner__content\">\n    <strong class=\"govuk-tag govuk-phase-banner__content__tag\">\n      \n    </strong>\n    <span class=\"govuk-phase-banner__text\">\n      This is a new service – your feedback will help us to improve it\n    </span>\n  </p>\n</div>"
+        },
+        {
+            "name": "tag html",
+            "options": {
+                "text": "This is a new service – your feedback will help us to improve it",
+                "tag": {
+                    "html": "<em>Alpha</em>"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-phase-banner\">\n  <p class=\"govuk-phase-banner__content\">\n    <strong class=\"govuk-tag govuk-phase-banner__content__tag\">\n      <em>Alpha</em>\n    </strong>\n    <span class=\"govuk-phase-banner__text\">\n      This is a new service – your feedback will help us to improve it\n    </span>\n  </p>\n</div>"
+        },
+        {
+            "name": "tag classes",
+            "options": {
+                "text": "This is a new service – your feedback will help us to improve it",
+                "tag": {
+                    "classes": "govuk-tag--grey",
+                    "text": "Alpha"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-phase-banner\">\n  <p class=\"govuk-phase-banner__content\">\n    <strong class=\"govuk-tag govuk-phase-banner__content__tag govuk-tag--grey\">\n      Alpha\n    </strong>\n    <span class=\"govuk-phase-banner__text\">\n      This is a new service – your feedback will help us to improve it\n    </span>\n  </p>\n</div>"
+        }
+    ]
+}
diff --git a/node_modules/govuk-frontend/dist/govuk/components/phase-banner/macro-options.json b/node_modules/govuk-frontend/dist/govuk/components/phase-banner/macro-options.json
new file mode 100644
index 0000000..234d3d0
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/phase-banner/macro-options.json
@@ -0,0 +1,33 @@
+[
+    {
+        "name": "text",
+        "type": "string",
+        "required": true,
+        "description": "If `html` is set, this is not required. Text to use within the phase banner. If `html` is provided, the `text` option will be ignored."
+    },
+    {
+        "name": "html",
+        "type": "string",
+        "required": true,
+        "description": "If `text` is set, this is not required. HTML to use within the phase banner. If `html` is provided, the `text` option will be ignored."
+    },
+    {
+        "name": "tag",
+        "type": "object",
+        "required": true,
+        "description": "The tag used by the phase banner component.",
+        "isComponent": true
+    },
+    {
+        "name": "classes",
+        "type": "string",
+        "required": false,
+        "description": "Classes to add to the phase banner container."
+    },
+    {
+        "name": "attributes",
+        "type": "object",
+        "required": false,
+        "description": "HTML attributes (for example data attributes) to add to the phase banner container."
+    }
+]
diff --git a/node_modules/govuk-frontend/dist/govuk/components/phase-banner/macro.njk b/node_modules/govuk-frontend/dist/govuk/components/phase-banner/macro.njk
new file mode 100644
index 0000000..5836015
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/phase-banner/macro.njk
@@ -0,0 +1,3 @@
+{% macro govukPhaseBanner(params) %}
+  {%- include "./template.njk" -%}
+{% endmacro %}
diff --git a/node_modules/govuk-frontend/dist/govuk/components/phase-banner/template-default.html b/node_modules/govuk-frontend/dist/govuk/components/phase-banner/template-default.html
new file mode 100644
index 0000000..c7ccb9b
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/phase-banner/template-default.html
@@ -0,0 +1,10 @@
+<div class="govuk-phase-banner">
+  <p class="govuk-phase-banner__content">
+    <strong class="govuk-tag govuk-phase-banner__content__tag">
+      Alpha
+    </strong>
+    <span class="govuk-phase-banner__text">
+      This is a new service - your <a href="#" class="govuk-link">feedback</a> will help us to improve it.
+    </span>
+  </p>
+</div>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/phase-banner/template.njk b/node_modules/govuk-frontend/dist/govuk/components/phase-banner/template.njk
new file mode 100644
index 0000000..1fa39a8
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/phase-banner/template.njk
@@ -0,0 +1,17 @@
+{% from "../../macros/attributes.njk" import govukAttributes %}
+{% from "../tag/macro.njk" import govukTag -%}
+
+<div class="govuk-phase-banner
+  {%- if params.classes %} {{ params.classes }}{% endif %}"
+  {{- govukAttributes(params.attributes) }}>
+  <p class="govuk-phase-banner__content">
+    {{ govukTag({
+      text: params.tag.text,
+      html: params.tag.html,
+      classes: "govuk-phase-banner__content__tag" + (" " + params.tag.classes if params.tag.classes)
+    }) | trim | indent(4) }}
+    <span class="govuk-phase-banner__text">
+      {{ params.html | safe | trim | indent(6) if params.html else params.text }}
+    </span>
+  </p>
+</div>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/radios/README.md b/node_modules/govuk-frontend/dist/govuk/components/radios/README.md
new file mode 100644
index 0000000..c73cbd8
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/radios/README.md
@@ -0,0 +1,15 @@
+# Radios
+
+## Installation
+
+See the [main README quick start guide](https://github.com/alphagov/govuk-frontend#quick-start) for how to install this component.
+
+## Guidance and Examples
+
+Find out when to use the radios component in your service in the [GOV.UK Design System](https://design-system.service.gov.uk/components/radios).
+
+## Component options
+
+Use options to customise the appearance, content and behaviour of a component when using a macro, for example, changing the text.
+
+See [options table](https://design-system.service.gov.uk/components/radios/#options-radios-example) for details.
diff --git a/node_modules/govuk-frontend/dist/govuk/components/radios/_index.scss b/node_modules/govuk-frontend/dist/govuk/components/radios/_index.scss
new file mode 100644
index 0000000..149d8d3
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/radios/_index.scss
@@ -0,0 +1,328 @@
+@import "../error-message/index";
+@import "../fieldset/index";
+@import "../hint/index";
+@import "../label/index";
+
+@include govuk-exports("govuk/component/radios") {
+  $govuk-touch-target-gutter: 4px;
+  $govuk-radios-size: 40px;
+  $govuk-touch-target-size: ($govuk-radios-size + $govuk-touch-target-gutter);
+  $govuk-small-radios-size: 24px;
+  $govuk-radios-label-padding-left-right: govuk-spacing(3);
+  // When the default focus width is used on a curved edge it looks visually
+  // smaller. So for the circular radios we bump the default to make it look
+  // visually consistent.
+  $govuk-radios-focus-width: $govuk-focus-width + 1px;
+
+  .govuk-radios__item {
+    display: flex;
+    flex-wrap: wrap;
+    position: relative;
+    margin-bottom: govuk-spacing(2);
+  }
+
+  .govuk-radios__item:last-child,
+  .govuk-radios__item:last-of-type {
+    margin-bottom: 0;
+  }
+
+  .govuk-radios__input {
+    // Allow the input to sit above the label, enabling its proper detection
+    // when exploring by touch or using automation tools like Selenium
+    z-index: 1;
+    width: $govuk-touch-target-size;
+    height: $govuk-touch-target-size;
+    margin: 0;
+    opacity: 0;
+    cursor: pointer;
+  }
+
+  .govuk-radios__label {
+    align-self: center;
+
+    // Ensure that the width of the label is never more than the width of the
+    // container minus the input width minus the padding on either side of
+    // the label. This prevents the label from going onto the next line due to
+    // __item using flex-wrap because we want hints on a separate line
+    max-width: calc(100% - #{($govuk-radios-label-padding-left-right + $govuk-touch-target-size + govuk-spacing(3))});
+    margin-bottom: 0;
+    padding: (govuk-spacing(1) + $govuk-border-width-form-element) govuk-spacing(3);
+    cursor: pointer;
+    // remove 300ms pause on mobile
+    touch-action: manipulation;
+  }
+
+  // ( ) Radio ring
+  .govuk-radios__label::before {
+    content: "";
+    box-sizing: border-box;
+    position: absolute;
+    top: ($govuk-touch-target-gutter / 2);
+    left: ($govuk-touch-target-gutter / 2);
+    width: $govuk-radios-size;
+    height: $govuk-radios-size;
+    border: $govuk-border-width-form-element solid currentcolor;
+    border-radius: 50%;
+    background: transparent;
+  }
+
+  //  •  Radio button
+  //
+  // We create the 'button' entirely out of 'border' so that they remain
+  // 'filled' even when colours are overridden in the browser.
+  .govuk-radios__label::after {
+    $radio-button-size: govuk-spacing(2);
+
+    content: "";
+    position: absolute;
+
+    // Positioned by getting half the touch target, so we have the centre of the
+    // input, and then moving back by the button's border width, thus positioning
+    // the centre of the button in the centre of the input.
+    top: (($govuk-touch-target-size / 2) - $radio-button-size);
+    left: (($govuk-touch-target-size / 2) - $radio-button-size);
+    width: 0;
+    height: 0;
+    border: $radio-button-size solid currentcolor;
+    border-radius: 50%;
+    opacity: 0;
+    background: currentcolor;
+  }
+
+  .govuk-radios__hint {
+    display: block;
+    width: 100%;
+    margin-top: govuk-spacing(-1);
+    padding-right: $govuk-radios-label-padding-left-right;
+    padding-left: ($govuk-radios-label-padding-left-right + $govuk-touch-target-size);
+  }
+
+  // This is to bypass govuk-hint's specificity on hints following labels having
+  // a margin bottom of 10px (govuk-spacing(2)). Because radios are flexbox,
+  // the margin doesn't collapse so we have to do this manually.
+  .govuk-label:not(.govuk-label--m):not(.govuk-label--l):not(.govuk-label--xl) + .govuk-radios__hint {
+    margin-bottom: 0;
+  }
+
+  // Focused state
+  .govuk-radios__input:focus + .govuk-radios__label::before {
+    border-width: 4px;
+
+    // When colours are overridden, the yellow box-shadow becomes invisible
+    // which means the focus state is less obvious. By adding a transparent
+    // outline, which becomes solid (text-coloured) in that context, we ensure
+    // the focus remains clearly visible.
+    outline: $govuk-focus-width solid transparent;
+    outline-offset: 1px;
+
+    // When in an explicit forced-color mode, we can use the Highlight system
+    // color for the outline to better match focus states of native controls
+    @media screen and (forced-colors: active), (-ms-high-contrast: active) {
+      outline-color: Highlight;
+    }
+
+    box-shadow: 0 0 0 $govuk-radios-focus-width $govuk-focus-colour;
+  }
+
+  // Selected state
+  .govuk-radios__input:checked + .govuk-radios__label::after {
+    opacity: 1;
+  }
+
+  // Disabled state
+  .govuk-radios__input:disabled,
+  .govuk-radios__input:disabled + .govuk-radios__label {
+    cursor: not-allowed;
+  }
+
+  .govuk-radios__input:disabled + .govuk-radios__label,
+  .govuk-radios__input:disabled ~ .govuk-hint {
+    opacity: 0.5;
+  }
+
+  // =========================================================
+  // Inline radios
+  // =========================================================
+
+  .govuk-radios--inline {
+    @include govuk-media-query($from: tablet) {
+      display: flex;
+      flex-wrap: wrap;
+      align-items: flex-start;
+
+      .govuk-radios__item {
+        margin-right: govuk-spacing(4);
+      }
+    }
+  }
+
+  // =========================================================
+  // Dividers ('or')
+  // =========================================================
+
+  .govuk-radios__divider {
+    @include govuk-font($size: 19);
+    @include govuk-text-colour;
+    $govuk-divider-size: $govuk-radios-size !default;
+    width: $govuk-divider-size;
+    margin-bottom: govuk-spacing(2);
+    text-align: center;
+  }
+
+  // =========================================================
+  // Conditional reveals
+  // =========================================================
+
+  // The narrow border is used in the conditional reveals because the border has
+  // to be an even number in order to be centred under the 40px checkbox radio.
+  $conditional-border-width: $govuk-border-width-narrow;
+  // Calculate the amount of padding needed to keep the border centered against
+  // the radios.
+  $conditional-border-padding: ($govuk-touch-target-size / 2) - ($conditional-border-width / 2);
+  // Move the border centered with the radios
+  $conditional-margin-left: $conditional-border-padding;
+  // Move the contents of the conditional inline with the label
+  $conditional-padding-left: $conditional-border-padding + $govuk-radios-label-padding-left-right;
+
+  .govuk-radios__conditional {
+    @include govuk-responsive-margin(4, "bottom");
+    margin-left: $conditional-margin-left;
+    padding-left: $conditional-padding-left;
+    border-left: $conditional-border-width solid $govuk-border-colour;
+
+    .govuk-frontend-supported &--hidden {
+      display: none;
+    }
+
+    & > :last-child {
+      margin-bottom: 0;
+    }
+  }
+
+  // =========================================================
+  // Small checkboxes
+  // =========================================================
+
+  .govuk-radios--small {
+    $input-offset: ($govuk-touch-target-size - $govuk-small-radios-size) / 2;
+
+    .govuk-radios__item {
+      margin-bottom: 0;
+    }
+
+    // Shift the touch target into the left margin so that the visible edge of
+    // the control is aligned
+    //
+    //   ┆Which colour is your favourite?
+    //  ┌┆───┐
+    //  │┆() │ Purple
+    //  └┆▲──┘
+    //  ▲┆└─ Radio pseudo element, aligned with margin
+    //  └─── Touch target (invisible input), shifted into the margin
+    .govuk-radios__input {
+      margin-left: $input-offset * -1;
+    }
+
+    .govuk-radios__label {
+      // Create a tiny space between the small radio hover state so that it
+      // doesn't clash with the label
+      padding-left: 1px;
+    }
+
+    // ( ) Radio ring
+    //
+    // Reduce the size of the control [1], vertically centering it within the
+    // touch target [2]
+    // Left here is 0 because we've shifted the input into the left margin
+    .govuk-radios__label::before {
+      top: $input-offset; // 2
+      left: 0;
+      width: $govuk-small-radios-size; // 1
+      height: $govuk-small-radios-size; // 1
+    }
+
+    //  •  Radio button
+    //
+    // Reduce the size of the 'button' and center it within the ring
+    .govuk-radios__label::after {
+      $radio-button-size: govuk-spacing(1);
+
+      // The same calculation as normal radio buttons but reduce the border width
+      top: (($govuk-touch-target-size / 2) - $radio-button-size);
+      left: ((($govuk-touch-target-size / 2) - $radio-button-size) - $input-offset);
+      border-width: $radio-button-size;
+    }
+
+    // Fix position of hint with small radios
+    //
+    // Do not use hints with small radios – because they're within the input
+    // wrapper they trigger the hover state, but clicking them doesn't actually
+    // activate the control.
+    //
+    // (If you do use them, they won't look completely broken... but seriously,
+    // don't use them)
+    .govuk-radios__hint {
+      padding-left: ($govuk-small-radios-size + $input-offset);
+    }
+
+    // Align conditional reveals with small radios
+    .govuk-radios__conditional {
+      $margin-left: ($govuk-small-radios-size / 2) - ($conditional-border-width / 2);
+      margin-left: $margin-left;
+      padding-left: ($govuk-touch-target-size - $input-offset) - ($margin-left + $conditional-border-width);
+    }
+
+    .govuk-radios__divider {
+      width: $govuk-small-radios-size;
+      margin-bottom: govuk-spacing(1);
+    }
+
+    // Hover state for small radios.
+    //
+    // We use a hover state for small radios because the touch target size
+    // is so much larger than their visible size, and so we need to provide
+    // feedback to the user as to which radio they will select when their
+    // cursor is outside of the visible area.
+    .govuk-radios__item:hover .govuk-radios__input:not(:disabled) + .govuk-radios__label::before {
+      // Forced colours modes tend to ignore box-shadow.
+      // Apply an outline for those modes to use instead.
+      outline: $govuk-radios-focus-width dashed transparent;
+      outline-offset: 1px;
+      box-shadow: 0 0 0 $govuk-hover-width $govuk-hover-colour;
+    }
+
+    // Because we've overridden the border-shadow provided by the focus state,
+    // we need to redefine that too.
+    //
+    // We use two box shadows, one that restores the original focus state [1]
+    // and another that then applies the hover state [2].
+    .govuk-radios__item:hover .govuk-radios__input:focus + .govuk-radios__label::before {
+      // Set different HCM colour when we have both hover/focus applied at once
+      @media screen and (forced-colors: active), (-ms-high-contrast: active) {
+        outline-color: Highlight;
+      }
+      // prettier-ignore
+      box-shadow:
+        0 0 0 $govuk-radios-focus-width $govuk-focus-colour // 1,
+        0 0 0 $govuk-hover-width $govuk-hover-colour; // 2
+    }
+
+    // For devices that explicitly don't support hover, don't provide a hover
+    // state (e.g. on touch devices like iOS).
+    //
+    // We can't use `@media (hover: hover)` because we wouldn't get the hover
+    // state in browsers that don't support `@media (hover)` (like Internet
+    // Explorer) – so we have to 'undo' the hover state instead.
+    @media (hover: none), (pointer: coarse) {
+      .govuk-radios__item:hover .govuk-radios__input:not(:disabled) + .govuk-radios__label::before {
+        box-shadow: initial;
+      }
+
+      .govuk-radios__item:hover .govuk-radios__input:focus + .govuk-radios__label::before {
+        box-shadow: 0 0 0 $govuk-radios-focus-width $govuk-focus-colour;
+      }
+    }
+  }
+}
+
+/*# sourceMappingURL=_index.scss.map */
diff --git a/node_modules/govuk-frontend/dist/govuk/components/radios/_index.scss.map b/node_modules/govuk-frontend/dist/govuk/components/radios/_index.scss.map
new file mode 100644
index 0000000..94e75d2
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/radios/_index.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/radios/_index.scss"],"names":[],"mappings":"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","file":"_index.scss","sourcesContent":["@import \"../error-message/index\";\n@import \"../fieldset/index\";\n@import \"../hint/index\";\n@import \"../label/index\";\n\n@include govuk-exports(\"govuk/component/radios\") {\n  $govuk-touch-target-gutter: 4px;\n  $govuk-radios-size: 40px;\n  $govuk-touch-target-size: ($govuk-radios-size + $govuk-touch-target-gutter);\n  $govuk-small-radios-size: 24px;\n  $govuk-radios-label-padding-left-right: govuk-spacing(3);\n  // When the default focus width is used on a curved edge it looks visually\n  // smaller. So for the circular radios we bump the default to make it look\n  // visually consistent.\n  $govuk-radios-focus-width: $govuk-focus-width + 1px;\n\n  .govuk-radios__item {\n    display: flex;\n    flex-wrap: wrap;\n    position: relative;\n    margin-bottom: govuk-spacing(2);\n  }\n\n  .govuk-radios__item:last-child,\n  .govuk-radios__item:last-of-type {\n    margin-bottom: 0;\n  }\n\n  .govuk-radios__input {\n    // Allow the input to sit above the label, enabling its proper detection\n    // when exploring by touch or using automation tools like Selenium\n    z-index: 1;\n    width: $govuk-touch-target-size;\n    height: $govuk-touch-target-size;\n    margin: 0;\n    opacity: 0;\n    cursor: pointer;\n  }\n\n  .govuk-radios__label {\n    align-self: center;\n\n    // Ensure that the width of the label is never more than the width of the\n    // container minus the input width minus the padding on either side of\n    // the label. This prevents the label from going onto the next line due to\n    // __item using flex-wrap because we want hints on a separate line\n    max-width: calc(100% - #{($govuk-radios-label-padding-left-right + $govuk-touch-target-size + govuk-spacing(3))});\n    margin-bottom: 0;\n    padding: (govuk-spacing(1) + $govuk-border-width-form-element) govuk-spacing(3);\n    cursor: pointer;\n    // remove 300ms pause on mobile\n    touch-action: manipulation;\n  }\n\n  // ( ) Radio ring\n  .govuk-radios__label::before {\n    content: \"\";\n    box-sizing: border-box;\n    position: absolute;\n    top: ($govuk-touch-target-gutter / 2);\n    left: ($govuk-touch-target-gutter / 2);\n    width: $govuk-radios-size;\n    height: $govuk-radios-size;\n    border: $govuk-border-width-form-element solid currentcolor;\n    border-radius: 50%;\n    background: transparent;\n  }\n\n  //  •  Radio button\n  //\n  // We create the 'button' entirely out of 'border' so that they remain\n  // 'filled' even when colours are overridden in the browser.\n  .govuk-radios__label::after {\n    $radio-button-size: govuk-spacing(2);\n\n    content: \"\";\n    position: absolute;\n\n    // Positioned by getting half the touch target, so we have the centre of the\n    // input, and then moving back by the button's border width, thus positioning\n    // the centre of the button in the centre of the input.\n    top: (($govuk-touch-target-size / 2) - $radio-button-size);\n    left: (($govuk-touch-target-size / 2) - $radio-button-size);\n    width: 0;\n    height: 0;\n    border: $radio-button-size solid currentcolor;\n    border-radius: 50%;\n    opacity: 0;\n    background: currentcolor;\n  }\n\n  .govuk-radios__hint {\n    display: block;\n    width: 100%;\n    margin-top: govuk-spacing(-1);\n    padding-right: $govuk-radios-label-padding-left-right;\n    padding-left: ($govuk-radios-label-padding-left-right + $govuk-touch-target-size);\n  }\n\n  // This is to bypass govuk-hint's specificity on hints following labels having\n  // a margin bottom of 10px (govuk-spacing(2)). Because radios are flexbox,\n  // the margin doesn't collapse so we have to do this manually.\n  .govuk-label:not(.govuk-label--m):not(.govuk-label--l):not(.govuk-label--xl) + .govuk-radios__hint {\n    margin-bottom: 0;\n  }\n\n  // Focused state\n  .govuk-radios__input:focus + .govuk-radios__label::before {\n    border-width: 4px;\n\n    // When colours are overridden, the yellow box-shadow becomes invisible\n    // which means the focus state is less obvious. By adding a transparent\n    // outline, which becomes solid (text-coloured) in that context, we ensure\n    // the focus remains clearly visible.\n    outline: $govuk-focus-width solid transparent;\n    outline-offset: 1px;\n\n    // When in an explicit forced-color mode, we can use the Highlight system\n    // color for the outline to better match focus states of native controls\n    @media screen and (forced-colors: active), (-ms-high-contrast: active) {\n      outline-color: Highlight;\n    }\n\n    box-shadow: 0 0 0 $govuk-radios-focus-width $govuk-focus-colour;\n  }\n\n  // Selected state\n  .govuk-radios__input:checked + .govuk-radios__label::after {\n    opacity: 1;\n  }\n\n  // Disabled state\n  .govuk-radios__input:disabled,\n  .govuk-radios__input:disabled + .govuk-radios__label {\n    cursor: not-allowed;\n  }\n\n  .govuk-radios__input:disabled + .govuk-radios__label,\n  .govuk-radios__input:disabled ~ .govuk-hint {\n    opacity: 0.5;\n  }\n\n  // =========================================================\n  // Inline radios\n  // =========================================================\n\n  .govuk-radios--inline {\n    @include govuk-media-query($from: tablet) {\n      display: flex;\n      flex-wrap: wrap;\n      align-items: flex-start;\n\n      .govuk-radios__item {\n        margin-right: govuk-spacing(4);\n      }\n    }\n  }\n\n  // =========================================================\n  // Dividers ('or')\n  // =========================================================\n\n  .govuk-radios__divider {\n    @include govuk-font($size: 19);\n    @include govuk-text-colour;\n    $govuk-divider-size: $govuk-radios-size !default;\n    width: $govuk-divider-size;\n    margin-bottom: govuk-spacing(2);\n    text-align: center;\n  }\n\n  // =========================================================\n  // Conditional reveals\n  // =========================================================\n\n  // The narrow border is used in the conditional reveals because the border has\n  // to be an even number in order to be centred under the 40px checkbox radio.\n  $conditional-border-width: $govuk-border-width-narrow;\n  // Calculate the amount of padding needed to keep the border centered against\n  // the radios.\n  $conditional-border-padding: ($govuk-touch-target-size / 2) - ($conditional-border-width / 2);\n  // Move the border centered with the radios\n  $conditional-margin-left: $conditional-border-padding;\n  // Move the contents of the conditional inline with the label\n  $conditional-padding-left: $conditional-border-padding + $govuk-radios-label-padding-left-right;\n\n  .govuk-radios__conditional {\n    @include govuk-responsive-margin(4, \"bottom\");\n    margin-left: $conditional-margin-left;\n    padding-left: $conditional-padding-left;\n    border-left: $conditional-border-width solid $govuk-border-colour;\n\n    .govuk-frontend-supported &--hidden {\n      display: none;\n    }\n\n    & > :last-child {\n      margin-bottom: 0;\n    }\n  }\n\n  // =========================================================\n  // Small checkboxes\n  // =========================================================\n\n  .govuk-radios--small {\n    $input-offset: ($govuk-touch-target-size - $govuk-small-radios-size) / 2;\n\n    .govuk-radios__item {\n      margin-bottom: 0;\n    }\n\n    // Shift the touch target into the left margin so that the visible edge of\n    // the control is aligned\n    //\n    //   ┆Which colour is your favourite?\n    //  ┌┆───┐\n    //  │┆() │ Purple\n    //  └┆▲──┘\n    //  ▲┆└─ Radio pseudo element, aligned with margin\n    //  └─── Touch target (invisible input), shifted into the margin\n    .govuk-radios__input {\n      margin-left: $input-offset * -1;\n    }\n\n    .govuk-radios__label {\n      // Create a tiny space between the small radio hover state so that it\n      // doesn't clash with the label\n      padding-left: 1px;\n    }\n\n    // ( ) Radio ring\n    //\n    // Reduce the size of the control [1], vertically centering it within the\n    // touch target [2]\n    // Left here is 0 because we've shifted the input into the left margin\n    .govuk-radios__label::before {\n      top: $input-offset; // 2\n      left: 0;\n      width: $govuk-small-radios-size; // 1\n      height: $govuk-small-radios-size; // 1\n    }\n\n    //  •  Radio button\n    //\n    // Reduce the size of the 'button' and center it within the ring\n    .govuk-radios__label::after {\n      $radio-button-size: govuk-spacing(1);\n\n      // The same calculation as normal radio buttons but reduce the border width\n      top: (($govuk-touch-target-size / 2) - $radio-button-size);\n      left: ((($govuk-touch-target-size / 2) - $radio-button-size) - $input-offset);\n      border-width: $radio-button-size;\n    }\n\n    // Fix position of hint with small radios\n    //\n    // Do not use hints with small radios – because they're within the input\n    // wrapper they trigger the hover state, but clicking them doesn't actually\n    // activate the control.\n    //\n    // (If you do use them, they won't look completely broken... but seriously,\n    // don't use them)\n    .govuk-radios__hint {\n      padding-left: ($govuk-small-radios-size + $input-offset);\n    }\n\n    // Align conditional reveals with small radios\n    .govuk-radios__conditional {\n      $margin-left: ($govuk-small-radios-size / 2) - ($conditional-border-width / 2);\n      margin-left: $margin-left;\n      padding-left: ($govuk-touch-target-size - $input-offset) - ($margin-left + $conditional-border-width);\n    }\n\n    .govuk-radios__divider {\n      width: $govuk-small-radios-size;\n      margin-bottom: govuk-spacing(1);\n    }\n\n    // Hover state for small radios.\n    //\n    // We use a hover state for small radios because the touch target size\n    // is so much larger than their visible size, and so we need to provide\n    // feedback to the user as to which radio they will select when their\n    // cursor is outside of the visible area.\n    .govuk-radios__item:hover .govuk-radios__input:not(:disabled) + .govuk-radios__label::before {\n      // Forced colours modes tend to ignore box-shadow.\n      // Apply an outline for those modes to use instead.\n      outline: $govuk-radios-focus-width dashed transparent;\n      outline-offset: 1px;\n      box-shadow: 0 0 0 $govuk-hover-width $govuk-hover-colour;\n    }\n\n    // Because we've overridden the border-shadow provided by the focus state,\n    // we need to redefine that too.\n    //\n    // We use two box shadows, one that restores the original focus state [1]\n    // and another that then applies the hover state [2].\n    .govuk-radios__item:hover .govuk-radios__input:focus + .govuk-radios__label::before {\n      // Set different HCM colour when we have both hover/focus applied at once\n      @media screen and (forced-colors: active), (-ms-high-contrast: active) {\n        outline-color: Highlight;\n      }\n      // prettier-ignore\n      box-shadow:\n        0 0 0 $govuk-radios-focus-width $govuk-focus-colour // 1,\n        0 0 0 $govuk-hover-width $govuk-hover-colour; // 2\n    }\n\n    // For devices that explicitly don't support hover, don't provide a hover\n    // state (e.g. on touch devices like iOS).\n    //\n    // We can't use `@media (hover: hover)` because we wouldn't get the hover\n    // state in browsers that don't support `@media (hover)` (like Internet\n    // Explorer) – so we have to 'undo' the hover state instead.\n    @media (hover: none), (pointer: coarse) {\n      .govuk-radios__item:hover .govuk-radios__input:not(:disabled) + .govuk-radios__label::before {\n        box-shadow: initial;\n      }\n\n      .govuk-radios__item:hover .govuk-radios__input:focus + .govuk-radios__label::before {\n        box-shadow: 0 0 0 $govuk-radios-focus-width $govuk-focus-colour;\n      }\n    }\n  }\n}\n"]}
diff --git a/node_modules/govuk-frontend/dist/govuk/components/radios/_radios.scss b/node_modules/govuk-frontend/dist/govuk/components/radios/_radios.scss
new file mode 100644
index 0000000..a124eac
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/radios/_radios.scss
@@ -0,0 +1,4 @@
+@import "../../base";
+@import "./index";
+
+/*# sourceMappingURL=_radios.scss.map */
diff --git a/node_modules/govuk-frontend/dist/govuk/components/radios/_radios.scss.map b/node_modules/govuk-frontend/dist/govuk/components/radios/_radios.scss.map
new file mode 100644
index 0000000..eeae4ee
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/radios/_radios.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/radios/_radios.scss"],"names":[],"mappings":"AAAA,oBAAoB;AACpB,iBAAiB","file":"_radios.scss","sourcesContent":["@import \"../../base\";\n@import \"./index\";\n"]}
diff --git a/node_modules/govuk-frontend/dist/govuk/components/radios/fixtures.json b/node_modules/govuk-frontend/dist/govuk/components/radios/fixtures.json
new file mode 100644
index 0000000..407a7b6
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/radios/fixtures.json
@@ -0,0 +1,1339 @@
+{
+    "component": "radios",
+    "fixtures": [
+        {
+            "name": "default",
+            "options": {
+                "name": "example-default",
+                "fieldset": {
+                    "legend": {
+                        "text": "Have you changed your name?"
+                    }
+                },
+                "items": [
+                    {
+                        "value": "yes",
+                        "text": "Yes"
+                    },
+                    {
+                        "value": "no",
+                        "text": "No"
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": true,
+            "html": "<div class=\"govuk-form-group\">\n  <fieldset class=\"govuk-fieldset\">\n  <legend class=\"govuk-fieldset__legend\">\n    Have you changed your name?\n  </legend>\n  <div class=\"govuk-radios\" data-module=\"govuk-radios\">\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"example-default\" name=\"example-default\" type=\"radio\" value=\"yes\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"example-default\">\n        Yes\n      </label>\n    </div>\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"example-default-2\" name=\"example-default\" type=\"radio\" value=\"no\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"example-default-2\">\n        No\n      </label>\n    </div>\n  </div>\n</fieldset>\n</div>"
+        },
+        {
+            "name": "with hint",
+            "options": {
+                "name": "example-with-hint",
+                "fieldset": {
+                    "legend": {
+                        "text": "Have you changed your name?"
+                    }
+                },
+                "hint": {
+                    "text": "This includes changing your last name or spelling your name differently."
+                },
+                "items": [
+                    {
+                        "value": "yes",
+                        "text": "Yes"
+                    },
+                    {
+                        "value": "no",
+                        "text": "No"
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <fieldset class=\"govuk-fieldset\" aria-describedby=\"example-with-hint-hint\">\n  <legend class=\"govuk-fieldset__legend\">\n    Have you changed your name?\n  </legend>\n  <div id=\"example-with-hint-hint\" class=\"govuk-hint\">\n    This includes changing your last name or spelling your name differently.\n  </div>\n  <div class=\"govuk-radios\" data-module=\"govuk-radios\">\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"example-with-hint\" name=\"example-with-hint\" type=\"radio\" value=\"yes\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"example-with-hint\">\n        Yes\n      </label>\n    </div>\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"example-with-hint-2\" name=\"example-with-hint\" type=\"radio\" value=\"no\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"example-with-hint-2\">\n        No\n      </label>\n    </div>\n  </div>\n</fieldset>\n</div>"
+        },
+        {
+            "name": "inline",
+            "options": {
+                "idPrefix": "example",
+                "classes": "govuk-radios--inline",
+                "name": "example",
+                "fieldset": {
+                    "legend": {
+                        "text": "Have you changed your name?"
+                    }
+                },
+                "hint": {
+                    "text": "This includes changing your last name or spelling your name differently."
+                },
+                "items": [
+                    {
+                        "value": "yes",
+                        "text": "Yes"
+                    },
+                    {
+                        "value": "no",
+                        "text": "No",
+                        "checked": true
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": true,
+            "html": "<div class=\"govuk-form-group\">\n  <fieldset class=\"govuk-fieldset\" aria-describedby=\"example-hint\">\n  <legend class=\"govuk-fieldset__legend\">\n    Have you changed your name?\n  </legend>\n  <div id=\"example-hint\" class=\"govuk-hint\">\n    This includes changing your last name or spelling your name differently.\n  </div>\n  <div class=\"govuk-radios govuk-radios--inline\" data-module=\"govuk-radios\">\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"example\" name=\"example\" type=\"radio\" value=\"yes\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"example\">\n        Yes\n      </label>\n    </div>\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"example-2\" name=\"example\" type=\"radio\" value=\"no\" checked>\n      <label class=\"govuk-label govuk-radios__label\" for=\"example-2\">\n        No\n      </label>\n    </div>\n  </div>\n</fieldset>\n</div>"
+        },
+        {
+            "name": "with legend as page heading",
+            "options": {
+                "idPrefix": "housing-act",
+                "name": "housing-act",
+                "fieldset": {
+                    "legend": {
+                        "text": "Which part of the Housing Act was your licence issued under?",
+                        "classes": "govuk-fieldset__legend--l",
+                        "isPageHeading": true
+                    }
+                },
+                "hint": {
+                    "text": "Select one of the options below."
+                },
+                "items": [
+                    {
+                        "value": "part-2",
+                        "html": "<span class=\"govuk-heading-s govuk-!-margin-bottom-1\">Part 2 of the Housing Act 2004</span> For properties that are 3 or more stories high and occupied by 5 or more people"
+                    },
+                    {
+                        "value": "part-3",
+                        "html": "<span class=\"govuk-heading-s govuk-!-margin-bottom-1\">Part 3 of the Housing Act 2004</span> For properties that are within a geographical area defined by a local council"
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <fieldset class=\"govuk-fieldset\" aria-describedby=\"housing-act-hint\">\n  <legend class=\"govuk-fieldset__legend govuk-fieldset__legend--l\">\n    <h1 class=\"govuk-fieldset__heading\">\n      Which part of the Housing Act was your licence issued under?\n    </h1>\n  </legend>\n  <div id=\"housing-act-hint\" class=\"govuk-hint\">\n    Select one of the options below.\n  </div>\n  <div class=\"govuk-radios\" data-module=\"govuk-radios\">\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"housing-act\" name=\"housing-act\" type=\"radio\" value=\"part-2\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"housing-act\">\n        <span class=\"govuk-heading-s govuk-!-margin-bottom-1\">Part 2 of the Housing Act 2004</span> For properties that are 3 or more stories high and occupied by 5 or more people\n      </label>\n    </div>\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"housing-act-2\" name=\"housing-act\" type=\"radio\" value=\"part-3\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"housing-act-2\">\n        <span class=\"govuk-heading-s govuk-!-margin-bottom-1\">Part 3 of the Housing Act 2004</span> For properties that are within a geographical area defined by a local council\n      </label>\n    </div>\n  </div>\n</fieldset>\n</div>"
+        },
+        {
+            "name": "with a divider",
+            "options": {
+                "idPrefix": "example-divider",
+                "name": "example",
+                "fieldset": {
+                    "legend": {
+                        "text": "How do you want to sign in?"
+                    }
+                },
+                "items": [
+                    {
+                        "value": "government-gateway",
+                        "text": "Use Government Gateway"
+                    },
+                    {
+                        "value": "govuk-verify",
+                        "text": "Use GOV.UK Verify"
+                    },
+                    {
+                        "divider": "or"
+                    },
+                    {
+                        "value": "create-account",
+                        "text": "Create an account"
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": true,
+            "html": "<div class=\"govuk-form-group\">\n  <fieldset class=\"govuk-fieldset\">\n  <legend class=\"govuk-fieldset__legend\">\n    How do you want to sign in?\n  </legend>\n  <div class=\"govuk-radios\" data-module=\"govuk-radios\">\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"example-divider\" name=\"example\" type=\"radio\" value=\"government-gateway\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"example-divider\">\n        Use Government Gateway\n      </label>\n    </div>\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"example-divider-2\" name=\"example\" type=\"radio\" value=\"govuk-verify\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"example-divider-2\">\n        Use GOV.UK Verify\n      </label>\n    </div>\n    <div class=\"govuk-radios__divider\">or</div>\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"example-divider-4\" name=\"example\" type=\"radio\" value=\"create-account\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"example-divider-4\">\n        Create an account\n      </label>\n    </div>\n  </div>\n</fieldset>\n</div>"
+        },
+        {
+            "name": "with hints on items",
+            "options": {
+                "idPrefix": "gov",
+                "name": "gov",
+                "fieldset": {
+                    "legend": {
+                        "text": "How do you want to sign in?",
+                        "classes": "govuk-fieldset__legend--l",
+                        "isPageHeading": true
+                    }
+                },
+                "items": [
+                    {
+                        "value": "gateway",
+                        "text": "Sign in with Government Gateway",
+                        "id": "gateway",
+                        "hint": {
+                            "text": "You’ll have a user ID if you’ve registered for Self Assessment or filed a tax return online before."
+                        }
+                    },
+                    {
+                        "value": "verify",
+                        "text": "Sign in with GOV.UK Verify",
+                        "id": "verify",
+                        "hint": {
+                            "text": "You’ll have an account if you’ve already proved your identity with either Barclays, CitizenSafe, Digidentity, Experian, Post Office, Royal Mail or SecureIdentity."
+                        }
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <fieldset class=\"govuk-fieldset\">\n  <legend class=\"govuk-fieldset__legend govuk-fieldset__legend--l\">\n    <h1 class=\"govuk-fieldset__heading\">\n      How do you want to sign in?\n    </h1>\n  </legend>\n  <div class=\"govuk-radios\" data-module=\"govuk-radios\">\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"gateway\" name=\"gov\" type=\"radio\" value=\"gateway\" aria-describedby=\"gateway-item-hint\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"gateway\">\n        Sign in with Government Gateway\n      </label>\n      <div id=\"gateway-item-hint\" class=\"govuk-hint govuk-radios__hint\">\n        You’ll have a user ID if you’ve registered for Self Assessment or filed a tax return online before.\n      </div>\n    </div>\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"verify\" name=\"gov\" type=\"radio\" value=\"verify\" aria-describedby=\"verify-item-hint\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"verify\">\n        Sign in with GOV.UK Verify\n      </label>\n      <div id=\"verify-item-hint\" class=\"govuk-hint govuk-radios__hint\">\n        You’ll have an account if you’ve already proved your identity with either Barclays, CitizenSafe, Digidentity, Experian, Post Office, Royal Mail or SecureIdentity.\n      </div>\n    </div>\n  </div>\n</fieldset>\n</div>"
+        },
+        {
+            "name": "without fieldset",
+            "options": {
+                "name": "colours",
+                "items": [
+                    {
+                        "value": "red",
+                        "text": "Red"
+                    },
+                    {
+                        "value": "green",
+                        "text": "Green"
+                    },
+                    {
+                        "value": "blue",
+                        "text": "Blue"
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <div class=\"govuk-radios\" data-module=\"govuk-radios\">\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"colours\" name=\"colours\" type=\"radio\" value=\"red\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"colours\">\n        Red\n      </label>\n    </div>\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"colours-2\" name=\"colours\" type=\"radio\" value=\"green\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"colours-2\">\n        Green\n      </label>\n    </div>\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"colours-3\" name=\"colours\" type=\"radio\" value=\"blue\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"colours-3\">\n        Blue\n      </label>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "with fieldset and error message",
+            "options": {
+                "idPrefix": "example",
+                "name": "example",
+                "errorMessage": {
+                    "text": "Please select an option"
+                },
+                "fieldset": {
+                    "legend": {
+                        "text": "Have you changed your name?"
+                    }
+                },
+                "items": [
+                    {
+                        "value": "yes",
+                        "text": "Yes"
+                    },
+                    {
+                        "value": "no",
+                        "text": "No",
+                        "checked": true
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-form-group--error\">\n  <fieldset class=\"govuk-fieldset\" aria-describedby=\"example-error\">\n  <legend class=\"govuk-fieldset__legend\">\n    Have you changed your name?\n  </legend>\n  <p id=\"example-error\" class=\"govuk-error-message\">\n    <span class=\"govuk-visually-hidden\">Error:</span> Please select an option\n  </p>\n  <div class=\"govuk-radios\" data-module=\"govuk-radios\">\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"example\" name=\"example\" type=\"radio\" value=\"yes\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"example\">\n        Yes\n      </label>\n    </div>\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"example-2\" name=\"example\" type=\"radio\" value=\"no\" checked>\n      <label class=\"govuk-label govuk-radios__label\" for=\"example-2\">\n        No\n      </label>\n    </div>\n  </div>\n</fieldset>\n</div>"
+        },
+        {
+            "name": "with very long option text",
+            "options": {
+                "name": "waste",
+                "hint": {
+                    "text": "Nullam id dolor id nibh ultricies vehicula ut id elit."
+                },
+                "errorMessage": {
+                    "text": "Lorem ipsum dolor sit amet, consectetur adipiscing elit."
+                },
+                "fieldset": {
+                    "legend": {
+                        "text": "Maecenas faucibus mollis interdum?"
+                    }
+                },
+                "items": [
+                    {
+                        "value": "nullam",
+                        "text": "Nullam id dolor id nibh ultricies vehicula ut id elit. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Maecenas faucibus mollis interdum. Donec id elit non mi porta gravida at eget metus."
+                    },
+                    {
+                        "value": "aenean",
+                        "text": "Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Donec sed odio dui. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Cras mattis consectetur purus sit amet fermentum."
+                    },
+                    {
+                        "value": "fusce",
+                        "text": "Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Etiam porta sem malesuada magna mollis euismod. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. Sed posuere consectetur est at lobortis."
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-form-group--error\">\n  <fieldset class=\"govuk-fieldset\" aria-describedby=\"waste-hint waste-error\">\n  <legend class=\"govuk-fieldset__legend\">\n    Maecenas faucibus mollis interdum?\n  </legend>\n  <div id=\"waste-hint\" class=\"govuk-hint\">\n    Nullam id dolor id nibh ultricies vehicula ut id elit.\n  </div>\n  <p id=\"waste-error\" class=\"govuk-error-message\">\n    <span class=\"govuk-visually-hidden\">Error:</span> Lorem ipsum dolor sit amet, consectetur adipiscing elit.\n  </p>\n  <div class=\"govuk-radios\" data-module=\"govuk-radios\">\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"waste\" name=\"waste\" type=\"radio\" value=\"nullam\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"waste\">\n        Nullam id dolor id nibh ultricies vehicula ut id elit. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Maecenas faucibus mollis interdum. Donec id elit non mi porta gravida at eget metus.\n      </label>\n    </div>\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"waste-2\" name=\"waste\" type=\"radio\" value=\"aenean\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"waste-2\">\n        Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Donec sed odio dui. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Cras mattis consectetur purus sit amet fermentum.\n      </label>\n    </div>\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"waste-3\" name=\"waste\" type=\"radio\" value=\"fusce\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"waste-3\">\n        Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Etiam porta sem malesuada magna mollis euismod. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. Sed posuere consectetur est at lobortis.\n      </label>\n    </div>\n  </div>\n</fieldset>\n</div>"
+        },
+        {
+            "name": "with conditional items",
+            "options": {
+                "idPrefix": "how-contacted",
+                "name": "how-contacted",
+                "fieldset": {
+                    "legend": {
+                        "text": "How do you want to be contacted?"
+                    }
+                },
+                "items": [
+                    {
+                        "value": "email",
+                        "text": "Email",
+                        "conditional": {
+                            "html": "<label class=\"govuk-label\" for=\"context-email\">Email address</label>\n<input class=\"govuk-input govuk-!-width-one-third\" name=\"context-email\" type=\"text\" id=\"context-email\">\n"
+                        }
+                    },
+                    {
+                        "value": "phone",
+                        "text": "Phone",
+                        "conditional": {
+                            "html": "<label class=\"govuk-label\" for=\"contact-phone\">Phone number</label>\n<input class=\"govuk-input govuk-!-width-one-third\" name=\"contact-phone\" type=\"text\" id=\"contact-phone\">\n"
+                        }
+                    },
+                    {
+                        "value": "text",
+                        "text": "Text message",
+                        "conditional": {
+                            "html": "<label class=\"govuk-label\" for=\"contact-text-message\">Mobile phone number</label>\n<input class=\"govuk-input govuk-!-width-one-third\" name=\"contact-text-message\" type=\"text\" id=\"contact-text-message\">\n"
+                        }
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <fieldset class=\"govuk-fieldset\">\n  <legend class=\"govuk-fieldset__legend\">\n    How do you want to be contacted?\n  </legend>\n  <div class=\"govuk-radios\" data-module=\"govuk-radios\">\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"how-contacted\" name=\"how-contacted\" type=\"radio\" value=\"email\" data-aria-controls=\"conditional-how-contacted\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"how-contacted\">\n        Email\n      </label>\n    </div>\n    <div class=\"govuk-radios__conditional govuk-radios__conditional--hidden\" id=\"conditional-how-contacted\">\n      <label class=\"govuk-label\" for=\"context-email\">Email address</label>\n<input class=\"govuk-input govuk-!-width-one-third\" name=\"context-email\" type=\"text\" id=\"context-email\">\n    </div>\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"how-contacted-2\" name=\"how-contacted\" type=\"radio\" value=\"phone\" data-aria-controls=\"conditional-how-contacted-2\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"how-contacted-2\">\n        Phone\n      </label>\n    </div>\n    <div class=\"govuk-radios__conditional govuk-radios__conditional--hidden\" id=\"conditional-how-contacted-2\">\n      <label class=\"govuk-label\" for=\"contact-phone\">Phone number</label>\n<input class=\"govuk-input govuk-!-width-one-third\" name=\"contact-phone\" type=\"text\" id=\"contact-phone\">\n    </div>\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"how-contacted-3\" name=\"how-contacted\" type=\"radio\" value=\"text\" data-aria-controls=\"conditional-how-contacted-3\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"how-contacted-3\">\n        Text message\n      </label>\n    </div>\n    <div class=\"govuk-radios__conditional govuk-radios__conditional--hidden\" id=\"conditional-how-contacted-3\">\n      <label class=\"govuk-label\" for=\"contact-text-message\">Mobile phone number</label>\n<input class=\"govuk-input govuk-!-width-one-third\" name=\"contact-text-message\" type=\"text\" id=\"contact-text-message\">\n    </div>\n  </div>\n</fieldset>\n</div>"
+        },
+        {
+            "name": "with conditional item checked",
+            "options": {
+                "idPrefix": "how-contacted-checked",
+                "name": "how-contacted-checked",
+                "fieldset": {
+                    "legend": {
+                        "text": "How do you want to be contacted?"
+                    }
+                },
+                "items": [
+                    {
+                        "value": "email",
+                        "text": "Email",
+                        "checked": true,
+                        "conditional": {
+                            "html": "<label class=\"govuk-label\" for=\"context-email\">Email</label>\n<input class=\"govuk-input govuk-!-width-one-third\" name=\"context-email\" type=\"text\" id=\"context-email\">\n"
+                        }
+                    },
+                    {
+                        "value": "phone",
+                        "text": "Phone",
+                        "conditional": {
+                            "html": "<label class=\"govuk-label\" for=\"contact-phone\">Phone number</label>\n<input class=\"govuk-input govuk-!-width-one-third\" name=\"contact-phone\" type=\"text\" id=\"contact-phone\">\n"
+                        }
+                    },
+                    {
+                        "value": "text",
+                        "text": "Text message",
+                        "conditional": {
+                            "html": "<label class=\"govuk-label\" for=\"contact-text-message\">Mobile phone number</label>\n<input class=\"govuk-input govuk-!-width-one-third\" name=\"contact-text-message\" type=\"text\" id=\"contact-text-message\">\n"
+                        }
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": {
+                "variants": [
+                    "default",
+                    "no-js"
+                ]
+            },
+            "html": "<div class=\"govuk-form-group\">\n  <fieldset class=\"govuk-fieldset\">\n  <legend class=\"govuk-fieldset__legend\">\n    How do you want to be contacted?\n  </legend>\n  <div class=\"govuk-radios\" data-module=\"govuk-radios\">\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"how-contacted-checked\" name=\"how-contacted-checked\" type=\"radio\" value=\"email\" checked data-aria-controls=\"conditional-how-contacted-checked\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"how-contacted-checked\">\n        Email\n      </label>\n    </div>\n    <div class=\"govuk-radios__conditional\" id=\"conditional-how-contacted-checked\">\n      <label class=\"govuk-label\" for=\"context-email\">Email</label>\n<input class=\"govuk-input govuk-!-width-one-third\" name=\"context-email\" type=\"text\" id=\"context-email\">\n    </div>\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"how-contacted-checked-2\" name=\"how-contacted-checked\" type=\"radio\" value=\"phone\" data-aria-controls=\"conditional-how-contacted-checked-2\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"how-contacted-checked-2\">\n        Phone\n      </label>\n    </div>\n    <div class=\"govuk-radios__conditional govuk-radios__conditional--hidden\" id=\"conditional-how-contacted-checked-2\">\n      <label class=\"govuk-label\" for=\"contact-phone\">Phone number</label>\n<input class=\"govuk-input govuk-!-width-one-third\" name=\"contact-phone\" type=\"text\" id=\"contact-phone\">\n    </div>\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"how-contacted-checked-3\" name=\"how-contacted-checked\" type=\"radio\" value=\"text\" data-aria-controls=\"conditional-how-contacted-checked-3\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"how-contacted-checked-3\">\n        Text message\n      </label>\n    </div>\n    <div class=\"govuk-radios__conditional govuk-radios__conditional--hidden\" id=\"conditional-how-contacted-checked-3\">\n      <label class=\"govuk-label\" for=\"contact-text-message\">Mobile phone number</label>\n<input class=\"govuk-input govuk-!-width-one-third\" name=\"contact-text-message\" type=\"text\" id=\"contact-text-message\">\n    </div>\n  </div>\n</fieldset>\n</div>"
+        },
+        {
+            "name": "with optional form-group classes showing group error",
+            "options": {
+                "idPrefix": "how-contacted-2",
+                "name": "how-contacted-2",
+                "formGroup": {
+                    "classes": "govuk-form-group--error"
+                },
+                "fieldset": {
+                    "legend": {
+                        "text": "How do you want to be contacted?"
+                    }
+                },
+                "items": [
+                    {
+                        "value": "email",
+                        "text": "Email",
+                        "conditional": {
+                            "html": "<label class=\"govuk-label\" for=\"context-email\">Email address</label>\n<input class=\"govuk-input govuk-!-width-one-third\" name=\"context-email\" type=\"text\" id=\"context-email\">\n"
+                        }
+                    },
+                    {
+                        "value": "phone",
+                        "text": "Phone",
+                        "checked": true,
+                        "conditional": {
+                            "html": "<label class=\"govuk-label\" for=\"contact-phone\">Phone number</label>\n<span id=\"contact-phone-error\" class=\"govuk-error-message\">Problem with input</span>\n<input class=\"govuk-input govuk-input--error govuk-!-width-one-third\" name=\"contact-phone\" type=\"text\" id=\"contact-phone\" aria-describedby=\"contact-phone-error\">\n"
+                        }
+                    },
+                    {
+                        "value": "text",
+                        "text": "Text message",
+                        "conditional": {
+                            "html": "<label class=\"govuk-label\" for=\"contact-text-message\">Mobile phone number</label>\n<input class=\"govuk-input govuk-!-width-one-third\" name=\"contact-text-message\" type=\"text\" id=\"contact-text-message\">\n"
+                        }
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-form-group--error\">\n  <fieldset class=\"govuk-fieldset\">\n  <legend class=\"govuk-fieldset__legend\">\n    How do you want to be contacted?\n  </legend>\n  <div class=\"govuk-radios\" data-module=\"govuk-radios\">\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"how-contacted-2\" name=\"how-contacted-2\" type=\"radio\" value=\"email\" data-aria-controls=\"conditional-how-contacted-2\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"how-contacted-2\">\n        Email\n      </label>\n    </div>\n    <div class=\"govuk-radios__conditional govuk-radios__conditional--hidden\" id=\"conditional-how-contacted-2\">\n      <label class=\"govuk-label\" for=\"context-email\">Email address</label>\n<input class=\"govuk-input govuk-!-width-one-third\" name=\"context-email\" type=\"text\" id=\"context-email\">\n    </div>\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"how-contacted-2-2\" name=\"how-contacted-2\" type=\"radio\" value=\"phone\" checked data-aria-controls=\"conditional-how-contacted-2-2\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"how-contacted-2-2\">\n        Phone\n      </label>\n    </div>\n    <div class=\"govuk-radios__conditional\" id=\"conditional-how-contacted-2-2\">\n      <label class=\"govuk-label\" for=\"contact-phone\">Phone number</label>\n<span id=\"contact-phone-error\" class=\"govuk-error-message\">Problem with input</span>\n<input class=\"govuk-input govuk-input--error govuk-!-width-one-third\" name=\"contact-phone\" type=\"text\" id=\"contact-phone\" aria-describedby=\"contact-phone-error\">\n    </div>\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"how-contacted-2-3\" name=\"how-contacted-2\" type=\"radio\" value=\"text\" data-aria-controls=\"conditional-how-contacted-2-3\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"how-contacted-2-3\">\n        Text message\n      </label>\n    </div>\n    <div class=\"govuk-radios__conditional govuk-radios__conditional--hidden\" id=\"conditional-how-contacted-2-3\">\n      <label class=\"govuk-label\" for=\"contact-text-message\">Mobile phone number</label>\n<input class=\"govuk-input govuk-!-width-one-third\" name=\"contact-text-message\" type=\"text\" id=\"contact-text-message\">\n    </div>\n  </div>\n</fieldset>\n</div>"
+        },
+        {
+            "name": "small",
+            "options": {
+                "idPrefix": "how-contacted-2",
+                "name": "how-contacted-2",
+                "formGroup": {
+                    "classes": "govuk-radios--small"
+                },
+                "fieldset": {
+                    "legend": {
+                        "text": "How do you want to be contacted?"
+                    }
+                },
+                "items": [
+                    {
+                        "value": "email",
+                        "text": "Email"
+                    },
+                    {
+                        "value": "phone",
+                        "text": "Phone"
+                    },
+                    {
+                        "value": "text",
+                        "text": "Text message"
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": true,
+            "html": "<div class=\"govuk-form-group govuk-radios--small\">\n  <fieldset class=\"govuk-fieldset\">\n  <legend class=\"govuk-fieldset__legend\">\n    How do you want to be contacted?\n  </legend>\n  <div class=\"govuk-radios\" data-module=\"govuk-radios\">\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"how-contacted-2\" name=\"how-contacted-2\" type=\"radio\" value=\"email\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"how-contacted-2\">\n        Email\n      </label>\n    </div>\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"how-contacted-2-2\" name=\"how-contacted-2\" type=\"radio\" value=\"phone\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"how-contacted-2-2\">\n        Phone\n      </label>\n    </div>\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"how-contacted-2-3\" name=\"how-contacted-2\" type=\"radio\" value=\"text\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"how-contacted-2-3\">\n        Text message\n      </label>\n    </div>\n  </div>\n</fieldset>\n</div>"
+        },
+        {
+            "name": "small with long text",
+            "options": {
+                "idPrefix": "foo",
+                "name": "foo",
+                "classes": "govuk-radios--small",
+                "fieldset": {
+                    "legend": {
+                        "text": "Venenatis Condimentum"
+                    }
+                },
+                "items": [
+                    {
+                        "value": "nullam",
+                        "text": "Nullam id dolor id nibh ultricies vehicula ut id elit. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Maecenas faucibus mollis interdum. Donec id elit non mi porta gravida at eget metus."
+                    },
+                    {
+                        "value": "aenean",
+                        "text": "Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Donec sed odio dui. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Cras mattis consectetur purus sit amet fermentum."
+                    },
+                    {
+                        "value": "fusce",
+                        "text": "Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Etiam porta sem malesuada magna mollis euismod. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. Sed posuere consectetur est at lobortis."
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <fieldset class=\"govuk-fieldset\">\n  <legend class=\"govuk-fieldset__legend\">\n    Venenatis Condimentum\n  </legend>\n  <div class=\"govuk-radios govuk-radios--small\" data-module=\"govuk-radios\">\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"foo\" name=\"foo\" type=\"radio\" value=\"nullam\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"foo\">\n        Nullam id dolor id nibh ultricies vehicula ut id elit. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Maecenas faucibus mollis interdum. Donec id elit non mi porta gravida at eget metus.\n      </label>\n    </div>\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"foo-2\" name=\"foo\" type=\"radio\" value=\"aenean\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"foo-2\">\n        Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Donec sed odio dui. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Cras mattis consectetur purus sit amet fermentum.\n      </label>\n    </div>\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"foo-3\" name=\"foo\" type=\"radio\" value=\"fusce\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"foo-3\">\n        Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Etiam porta sem malesuada magna mollis euismod. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. Sed posuere consectetur est at lobortis.\n      </label>\n    </div>\n  </div>\n</fieldset>\n</div>"
+        },
+        {
+            "name": "small with error",
+            "options": {
+                "idPrefix": "how-contacted-2",
+                "name": "how-contacted-2",
+                "formGroup": {
+                    "classes": "govuk-radios--small"
+                },
+                "fieldset": {
+                    "legend": {
+                        "text": "How do you want to be contacted?"
+                    }
+                },
+                "errorMessage": {
+                    "text": "Select a thing"
+                },
+                "items": [
+                    {
+                        "value": "email",
+                        "text": "Email"
+                    },
+                    {
+                        "value": "phone",
+                        "text": "Phone"
+                    },
+                    {
+                        "value": "text",
+                        "text": "Text message"
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-form-group--error govuk-radios--small\">\n  <fieldset class=\"govuk-fieldset\" aria-describedby=\"how-contacted-2-error\">\n  <legend class=\"govuk-fieldset__legend\">\n    How do you want to be contacted?\n  </legend>\n  <p id=\"how-contacted-2-error\" class=\"govuk-error-message\">\n    <span class=\"govuk-visually-hidden\">Error:</span> Select a thing\n  </p>\n  <div class=\"govuk-radios\" data-module=\"govuk-radios\">\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"how-contacted-2\" name=\"how-contacted-2\" type=\"radio\" value=\"email\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"how-contacted-2\">\n        Email\n      </label>\n    </div>\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"how-contacted-2-2\" name=\"how-contacted-2\" type=\"radio\" value=\"phone\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"how-contacted-2-2\">\n        Phone\n      </label>\n    </div>\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"how-contacted-2-3\" name=\"how-contacted-2\" type=\"radio\" value=\"text\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"how-contacted-2-3\">\n        Text message\n      </label>\n    </div>\n  </div>\n</fieldset>\n</div>"
+        },
+        {
+            "name": "small with hint",
+            "options": {
+                "idPrefix": "how-contacted-2",
+                "name": "how-contacted-2",
+                "formGroup": {
+                    "classes": "govuk-radios--small"
+                },
+                "fieldset": {
+                    "legend": {
+                        "text": "How do you want to be contacted?"
+                    }
+                },
+                "items": [
+                    {
+                        "value": "email",
+                        "text": "Email",
+                        "hint": {
+                            "text": "Hint for email address"
+                        }
+                    },
+                    {
+                        "value": "phone",
+                        "text": "Phone"
+                    },
+                    {
+                        "value": "text",
+                        "text": "Text message"
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-radios--small\">\n  <fieldset class=\"govuk-fieldset\">\n  <legend class=\"govuk-fieldset__legend\">\n    How do you want to be contacted?\n  </legend>\n  <div class=\"govuk-radios\" data-module=\"govuk-radios\">\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"how-contacted-2\" name=\"how-contacted-2\" type=\"radio\" value=\"email\" aria-describedby=\"how-contacted-2-item-hint\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"how-contacted-2\">\n        Email\n      </label>\n      <div id=\"how-contacted-2-item-hint\" class=\"govuk-hint govuk-radios__hint\">\n        Hint for email address\n      </div>\n    </div>\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"how-contacted-2-2\" name=\"how-contacted-2\" type=\"radio\" value=\"phone\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"how-contacted-2-2\">\n        Phone\n      </label>\n    </div>\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"how-contacted-2-3\" name=\"how-contacted-2\" type=\"radio\" value=\"text\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"how-contacted-2-3\">\n        Text message\n      </label>\n    </div>\n  </div>\n</fieldset>\n</div>"
+        },
+        {
+            "name": "small with conditional reveal",
+            "options": {
+                "idPrefix": "how-contacted-2",
+                "name": "how-contacted-2",
+                "formGroup": {
+                    "classes": "govuk-radios--small"
+                },
+                "fieldset": {
+                    "legend": {
+                        "text": "How do you want to be contacted?"
+                    }
+                },
+                "items": [
+                    {
+                        "value": "email",
+                        "text": "Email",
+                        "conditional": {
+                            "html": "<label class=\"govuk-label\" for=\"context-email\">Foo</label>\n<input class=\"govuk-input govuk-!-width-one-third\" name=\"context-email\" type=\"text\" id=\"context-email\">\n"
+                        }
+                    },
+                    {
+                        "value": "phone",
+                        "text": "Phone"
+                    },
+                    {
+                        "value": "text",
+                        "text": "Text message"
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-radios--small\">\n  <fieldset class=\"govuk-fieldset\">\n  <legend class=\"govuk-fieldset__legend\">\n    How do you want to be contacted?\n  </legend>\n  <div class=\"govuk-radios\" data-module=\"govuk-radios\">\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"how-contacted-2\" name=\"how-contacted-2\" type=\"radio\" value=\"email\" data-aria-controls=\"conditional-how-contacted-2\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"how-contacted-2\">\n        Email\n      </label>\n    </div>\n    <div class=\"govuk-radios__conditional govuk-radios__conditional--hidden\" id=\"conditional-how-contacted-2\">\n      <label class=\"govuk-label\" for=\"context-email\">Foo</label>\n<input class=\"govuk-input govuk-!-width-one-third\" name=\"context-email\" type=\"text\" id=\"context-email\">\n    </div>\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"how-contacted-2-2\" name=\"how-contacted-2\" type=\"radio\" value=\"phone\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"how-contacted-2-2\">\n        Phone\n      </label>\n    </div>\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"how-contacted-2-3\" name=\"how-contacted-2\" type=\"radio\" value=\"text\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"how-contacted-2-3\">\n        Text message\n      </label>\n    </div>\n  </div>\n</fieldset>\n</div>"
+        },
+        {
+            "name": "small inline",
+            "options": {
+                "idPrefix": "sort",
+                "classes": "govuk-radios--small govuk-radios--inline",
+                "name": "example",
+                "fieldset": {
+                    "legend": {
+                        "text": "Sort by"
+                    }
+                },
+                "items": [
+                    {
+                        "value": "relevance",
+                        "text": "relevance"
+                    },
+                    {
+                        "value": "title",
+                        "text": "title"
+                    },
+                    {
+                        "value": "created",
+                        "text": "created"
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <fieldset class=\"govuk-fieldset\">\n  <legend class=\"govuk-fieldset__legend\">\n    Sort by\n  </legend>\n  <div class=\"govuk-radios govuk-radios--small govuk-radios--inline\" data-module=\"govuk-radios\">\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"sort\" name=\"example\" type=\"radio\" value=\"relevance\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"sort\">\n        relevance\n      </label>\n    </div>\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"sort-2\" name=\"example\" type=\"radio\" value=\"title\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"sort-2\">\n        title\n      </label>\n    </div>\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"sort-3\" name=\"example\" type=\"radio\" value=\"created\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"sort-3\">\n        created\n      </label>\n    </div>\n  </div>\n</fieldset>\n</div>"
+        },
+        {
+            "name": "small with a divider",
+            "options": {
+                "idPrefix": "example-small-divider",
+                "name": "example",
+                "fieldset": {
+                    "legend": {
+                        "text": "How do you want to sign in?"
+                    }
+                },
+                "classes": "govuk-radios--small",
+                "items": [
+                    {
+                        "value": "government-gateway",
+                        "text": "Use Government Gateway"
+                    },
+                    {
+                        "value": "govuk-verify",
+                        "text": "Use GOV.UK Verify"
+                    },
+                    {
+                        "divider": "or"
+                    },
+                    {
+                        "value": "create-account",
+                        "text": "Create an account"
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <fieldset class=\"govuk-fieldset\">\n  <legend class=\"govuk-fieldset__legend\">\n    How do you want to sign in?\n  </legend>\n  <div class=\"govuk-radios govuk-radios--small\" data-module=\"govuk-radios\">\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"example-small-divider\" name=\"example\" type=\"radio\" value=\"government-gateway\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"example-small-divider\">\n        Use Government Gateway\n      </label>\n    </div>\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"example-small-divider-2\" name=\"example\" type=\"radio\" value=\"govuk-verify\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"example-small-divider-2\">\n        Use GOV.UK Verify\n      </label>\n    </div>\n    <div class=\"govuk-radios__divider\">or</div>\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"example-small-divider-4\" name=\"example\" type=\"radio\" value=\"create-account\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"example-small-divider-4\">\n        Create an account\n      </label>\n    </div>\n  </div>\n</fieldset>\n</div>"
+        },
+        {
+            "name": "with idPrefix",
+            "options": {
+                "name": "example-radio",
+                "idPrefix": "example-id-prefix",
+                "items": [
+                    {
+                        "value": "yes",
+                        "text": "Yes"
+                    },
+                    {
+                        "value": "no",
+                        "text": "No"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <div class=\"govuk-radios\" data-module=\"govuk-radios\">\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"example-id-prefix\" name=\"example-radio\" type=\"radio\" value=\"yes\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"example-id-prefix\">\n        Yes\n      </label>\n    </div>\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"example-id-prefix-2\" name=\"example-radio\" type=\"radio\" value=\"no\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"example-id-prefix-2\">\n        No\n      </label>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "minimal items and name",
+            "options": {
+                "name": "example-name",
+                "items": [
+                    {
+                        "value": "yes",
+                        "text": "Yes"
+                    },
+                    {
+                        "value": "no",
+                        "text": "No"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <div class=\"govuk-radios\" data-module=\"govuk-radios\">\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"example-name\" name=\"example-name\" type=\"radio\" value=\"yes\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"example-name\">\n        Yes\n      </label>\n    </div>\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"example-name-2\" name=\"example-name\" type=\"radio\" value=\"no\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"example-name-2\">\n        No\n      </label>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "with falsy items",
+            "options": {
+                "name": "example-name",
+                "items": [
+                    {
+                        "value": "yes",
+                        "text": "Yes"
+                    },
+                    null,
+                    false,
+                    {
+                        "value": "no",
+                        "text": "No"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <div class=\"govuk-radios\" data-module=\"govuk-radios\">\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"example-name\" name=\"example-name\" type=\"radio\" value=\"yes\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"example-name\">\n        Yes\n      </label>\n    </div>\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"example-name-4\" name=\"example-name\" type=\"radio\" value=\"no\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"example-name-4\">\n        No\n      </label>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "fieldset with describedBy",
+            "options": {
+                "name": "example-name",
+                "fieldset": {
+                    "describedBy": "test-target-element",
+                    "legend": {
+                        "text": "Which option?"
+                    }
+                },
+                "items": [
+                    {
+                        "value": "yes",
+                        "text": "Yes"
+                    },
+                    {
+                        "value": "no",
+                        "text": "No"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <fieldset class=\"govuk-fieldset\" aria-describedby=\"test-target-element\">\n  <legend class=\"govuk-fieldset__legend\">\n    Which option?\n  </legend>\n  <div class=\"govuk-radios\" data-module=\"govuk-radios\">\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"example-name\" name=\"example-name\" type=\"radio\" value=\"yes\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"example-name\">\n        Yes\n      </label>\n    </div>\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"example-name-2\" name=\"example-name\" type=\"radio\" value=\"no\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"example-name-2\">\n        No\n      </label>\n    </div>\n  </div>\n</fieldset>\n</div>"
+        },
+        {
+            "name": "attributes",
+            "options": {
+                "name": "example-name",
+                "attributes": {
+                    "data-attribute": "value",
+                    "data-second-attribute": "second-value"
+                },
+                "items": [
+                    {
+                        "value": "yes",
+                        "text": "Yes"
+                    },
+                    {
+                        "value": "no",
+                        "text": "No"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <div class=\"govuk-radios\" data-attribute=\"value\" data-second-attribute=\"second-value\" data-module=\"govuk-radios\">\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"example-name\" name=\"example-name\" type=\"radio\" value=\"yes\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"example-name\">\n        Yes\n      </label>\n    </div>\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"example-name-2\" name=\"example-name\" type=\"radio\" value=\"no\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"example-name-2\">\n        No\n      </label>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "items with attributes",
+            "options": {
+                "name": "example-name",
+                "items": [
+                    {
+                        "value": "yes",
+                        "text": "Yes",
+                        "attributes": {
+                            "data-attribute": "ABC",
+                            "data-second-attribute": "DEF"
+                        }
+                    },
+                    {
+                        "value": "no",
+                        "text": "No",
+                        "attributes": {
+                            "data-attribute": "GHI",
+                            "data-second-attribute": "JKL"
+                        }
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <div class=\"govuk-radios\" data-module=\"govuk-radios\">\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"example-name\" name=\"example-name\" type=\"radio\" value=\"yes\" data-attribute=\"ABC\" data-second-attribute=\"DEF\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"example-name\">\n        Yes\n      </label>\n    </div>\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"example-name-2\" name=\"example-name\" type=\"radio\" value=\"no\" data-attribute=\"GHI\" data-second-attribute=\"JKL\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"example-name-2\">\n        No\n      </label>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "with empty conditional",
+            "options": {
+                "name": "example-conditional",
+                "items": [
+                    {
+                        "value": "yes",
+                        "text": "Yes",
+                        "conditional": {
+                            "html": false
+                        }
+                    },
+                    {
+                        "value": "no",
+                        "text": "No"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <div class=\"govuk-radios\" data-module=\"govuk-radios\">\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"example-conditional\" name=\"example-conditional\" type=\"radio\" value=\"yes\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"example-conditional\">\n        Yes\n      </label>\n    </div>\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"example-conditional-2\" name=\"example-conditional\" type=\"radio\" value=\"no\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"example-conditional-2\">\n        No\n      </label>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "label with classes",
+            "options": {
+                "name": "example-label-classes",
+                "items": [
+                    {
+                        "value": "yes",
+                        "text": "Yes",
+                        "label": {
+                            "classes": "bold"
+                        }
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <div class=\"govuk-radios\" data-module=\"govuk-radios\">\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"example-label-classes\" name=\"example-label-classes\" type=\"radio\" value=\"yes\">\n      <label class=\"govuk-label govuk-radios__label bold\" for=\"example-label-classes\">\n        Yes\n      </label>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "with hints on parent and items",
+            "options": {
+                "name": "example-multiple-hints",
+                "fieldset": {
+                    "legend": {
+                        "text": "Have you changed your name?"
+                    }
+                },
+                "hint": {
+                    "text": "This includes changing your last name or spelling your name differently."
+                },
+                "items": [
+                    {
+                        "value": "yes",
+                        "text": "Yes",
+                        "hint": {
+                            "text": "Hint for yes option here"
+                        }
+                    },
+                    {
+                        "value": "no",
+                        "text": "No",
+                        "hint": {
+                            "text": "Hint for no option here"
+                        }
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <fieldset class=\"govuk-fieldset\" aria-describedby=\"example-multiple-hints-hint\">\n  <legend class=\"govuk-fieldset__legend\">\n    Have you changed your name?\n  </legend>\n  <div id=\"example-multiple-hints-hint\" class=\"govuk-hint\">\n    This includes changing your last name or spelling your name differently.\n  </div>\n  <div class=\"govuk-radios\" data-module=\"govuk-radios\">\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"example-multiple-hints\" name=\"example-multiple-hints\" type=\"radio\" value=\"yes\" aria-describedby=\"example-multiple-hints-item-hint\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"example-multiple-hints\">\n        Yes\n      </label>\n      <div id=\"example-multiple-hints-item-hint\" class=\"govuk-hint govuk-radios__hint\">\n        Hint for yes option here\n      </div>\n    </div>\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"example-multiple-hints-2\" name=\"example-multiple-hints\" type=\"radio\" value=\"no\" aria-describedby=\"example-multiple-hints-2-item-hint\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"example-multiple-hints-2\">\n        No\n      </label>\n      <div id=\"example-multiple-hints-2-item-hint\" class=\"govuk-hint govuk-radios__hint\">\n        Hint for no option here\n      </div>\n    </div>\n  </div>\n</fieldset>\n</div>"
+        },
+        {
+            "name": "with describedBy and hint",
+            "options": {
+                "name": "example-hint-describedby",
+                "fieldset": {
+                    "describedBy": "test-target-element",
+                    "legend": {
+                        "text": "Have you changed your name?"
+                    }
+                },
+                "hint": {
+                    "text": "This includes changing your last name or spelling your name differently."
+                },
+                "items": [
+                    {
+                        "value": "yes",
+                        "text": "Yes"
+                    },
+                    {
+                        "value": "no",
+                        "text": "No"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <fieldset class=\"govuk-fieldset\" aria-describedby=\"test-target-element example-hint-describedby-hint\">\n  <legend class=\"govuk-fieldset__legend\">\n    Have you changed your name?\n  </legend>\n  <div id=\"example-hint-describedby-hint\" class=\"govuk-hint\">\n    This includes changing your last name or spelling your name differently.\n  </div>\n  <div class=\"govuk-radios\" data-module=\"govuk-radios\">\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"example-hint-describedby\" name=\"example-hint-describedby\" type=\"radio\" value=\"yes\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"example-hint-describedby\">\n        Yes\n      </label>\n    </div>\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"example-hint-describedby-2\" name=\"example-hint-describedby\" type=\"radio\" value=\"no\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"example-hint-describedby-2\">\n        No\n      </label>\n    </div>\n  </div>\n</fieldset>\n</div>"
+        },
+        {
+            "name": "with error message",
+            "options": {
+                "name": "example-error-message",
+                "errorMessage": {
+                    "text": "Please select an option"
+                },
+                "items": [
+                    {
+                        "value": "yes",
+                        "text": "Yes"
+                    },
+                    {
+                        "value": "no",
+                        "text": "No"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-form-group--error\">\n  <p id=\"example-error-message-error\" class=\"govuk-error-message\">\n    <span class=\"govuk-visually-hidden\">Error:</span> Please select an option\n  </p>\n  <div class=\"govuk-radios\" data-module=\"govuk-radios\">\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"example-error-message\" name=\"example-error-message\" type=\"radio\" value=\"yes\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"example-error-message\">\n        Yes\n      </label>\n    </div>\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"example-error-message-2\" name=\"example-error-message\" type=\"radio\" value=\"no\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"example-error-message-2\">\n        No\n      </label>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "with error message and idPrefix",
+            "options": {
+                "name": "example-error-message",
+                "idPrefix": "id-prefix",
+                "errorMessage": {
+                    "text": "Please select an option"
+                },
+                "items": [
+                    {
+                        "value": "yes",
+                        "text": "Yes"
+                    },
+                    {
+                        "value": "no",
+                        "text": "No"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-form-group--error\">\n  <p id=\"id-prefix-error\" class=\"govuk-error-message\">\n    <span class=\"govuk-visually-hidden\">Error:</span> Please select an option\n  </p>\n  <div class=\"govuk-radios\" data-module=\"govuk-radios\">\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"id-prefix\" name=\"example-error-message\" type=\"radio\" value=\"yes\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"id-prefix\">\n        Yes\n      </label>\n    </div>\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"id-prefix-2\" name=\"example-error-message\" type=\"radio\" value=\"no\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"id-prefix-2\">\n        No\n      </label>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "with hint and error message",
+            "options": {
+                "name": "example-error-message-hint",
+                "errorMessage": {
+                    "text": "Please select an option"
+                },
+                "fieldset": {
+                    "legend": {
+                        "text": "Have you changed your name?"
+                    }
+                },
+                "hint": {
+                    "text": "This includes changing your last name or spelling your name differently."
+                },
+                "items": [
+                    {
+                        "value": "yes",
+                        "text": "Yes"
+                    },
+                    {
+                        "value": "no",
+                        "text": "No"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-form-group--error\">\n  <fieldset class=\"govuk-fieldset\" aria-describedby=\"example-error-message-hint-hint example-error-message-hint-error\">\n  <legend class=\"govuk-fieldset__legend\">\n    Have you changed your name?\n  </legend>\n  <div id=\"example-error-message-hint-hint\" class=\"govuk-hint\">\n    This includes changing your last name or spelling your name differently.\n  </div>\n  <p id=\"example-error-message-hint-error\" class=\"govuk-error-message\">\n    <span class=\"govuk-visually-hidden\">Error:</span> Please select an option\n  </p>\n  <div class=\"govuk-radios\" data-module=\"govuk-radios\">\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"example-error-message-hint\" name=\"example-error-message-hint\" type=\"radio\" value=\"yes\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"example-error-message-hint\">\n        Yes\n      </label>\n    </div>\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"example-error-message-hint-2\" name=\"example-error-message-hint\" type=\"radio\" value=\"no\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"example-error-message-hint-2\">\n        No\n      </label>\n    </div>\n  </div>\n</fieldset>\n</div>"
+        },
+        {
+            "name": "with hint, error message and describedBy",
+            "options": {
+                "name": "example-error-message-hint",
+                "errorMessage": {
+                    "text": "Please select an option"
+                },
+                "fieldset": {
+                    "describedBy": "test-target-element",
+                    "legend": {
+                        "text": "Have you changed your name?"
+                    }
+                },
+                "hint": {
+                    "text": "This includes changing your last name or spelling your name differently."
+                },
+                "items": [
+                    {
+                        "value": "yes",
+                        "text": "Yes"
+                    },
+                    {
+                        "value": "no",
+                        "text": "No"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-form-group--error\">\n  <fieldset class=\"govuk-fieldset\" aria-describedby=\"test-target-element example-error-message-hint-hint example-error-message-hint-error\">\n  <legend class=\"govuk-fieldset__legend\">\n    Have you changed your name?\n  </legend>\n  <div id=\"example-error-message-hint-hint\" class=\"govuk-hint\">\n    This includes changing your last name or spelling your name differently.\n  </div>\n  <p id=\"example-error-message-hint-error\" class=\"govuk-error-message\">\n    <span class=\"govuk-visually-hidden\">Error:</span> Please select an option\n  </p>\n  <div class=\"govuk-radios\" data-module=\"govuk-radios\">\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"example-error-message-hint\" name=\"example-error-message-hint\" type=\"radio\" value=\"yes\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"example-error-message-hint\">\n        Yes\n      </label>\n    </div>\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"example-error-message-hint-2\" name=\"example-error-message-hint\" type=\"radio\" value=\"no\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"example-error-message-hint-2\">\n        No\n      </label>\n    </div>\n  </div>\n</fieldset>\n</div>"
+        },
+        {
+            "name": "label with attributes",
+            "options": {
+                "name": "with-label-attributes",
+                "items": [
+                    {
+                        "value": "yes",
+                        "text": "Yes",
+                        "label": {
+                            "attributes": {
+                                "data-attribute": "value",
+                                "data-second-attribute": "second-value"
+                            }
+                        }
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <div class=\"govuk-radios\" data-module=\"govuk-radios\">\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"with-label-attributes\" name=\"with-label-attributes\" type=\"radio\" value=\"yes\">\n      <label class=\"govuk-label govuk-radios__label\" data-attribute=\"value\" data-second-attribute=\"second-value\" for=\"with-label-attributes\">\n        Yes\n      </label>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "fieldset params",
+            "options": {
+                "name": "example-fieldset-params",
+                "fieldset": {
+                    "classes": "app-fieldset--custom-modifier",
+                    "legend": {
+                        "text": "Have you changed your name?"
+                    },
+                    "attributes": {
+                        "data-attribute": "value",
+                        "data-second-attribute": "second-value"
+                    }
+                },
+                "hint": {
+                    "text": "This includes changing your last name or spelling your name differently."
+                },
+                "items": [
+                    {
+                        "value": "yes",
+                        "text": "Yes"
+                    },
+                    {
+                        "value": "no",
+                        "text": "No"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <fieldset class=\"govuk-fieldset app-fieldset--custom-modifier\" aria-describedby=\"example-fieldset-params-hint\" data-attribute=\"value\" data-second-attribute=\"second-value\">\n  <legend class=\"govuk-fieldset__legend\">\n    Have you changed your name?\n  </legend>\n  <div id=\"example-fieldset-params-hint\" class=\"govuk-hint\">\n    This includes changing your last name or spelling your name differently.\n  </div>\n  <div class=\"govuk-radios\" data-module=\"govuk-radios\">\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"example-fieldset-params\" name=\"example-fieldset-params\" type=\"radio\" value=\"yes\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"example-fieldset-params\">\n        Yes\n      </label>\n    </div>\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"example-fieldset-params-2\" name=\"example-fieldset-params\" type=\"radio\" value=\"no\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"example-fieldset-params-2\">\n        No\n      </label>\n    </div>\n  </div>\n</fieldset>\n</div>"
+        },
+        {
+            "name": "fieldset with html",
+            "options": {
+                "name": "with-fieldset-html",
+                "fieldset": {
+                    "legend": {
+                        "html": "Have <b>you</b> changed your name?"
+                    }
+                },
+                "items": [
+                    {
+                        "value": "yes",
+                        "text": "Yes"
+                    },
+                    {
+                        "value": "no",
+                        "text": "No"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <fieldset class=\"govuk-fieldset\">\n  <legend class=\"govuk-fieldset__legend\">\n    Have <b>you</b> changed your name?\n  </legend>\n  <div class=\"govuk-radios\" data-module=\"govuk-radios\">\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"with-fieldset-html\" name=\"with-fieldset-html\" type=\"radio\" value=\"yes\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"with-fieldset-html\">\n        Yes\n      </label>\n    </div>\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"with-fieldset-html-2\" name=\"with-fieldset-html\" type=\"radio\" value=\"no\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"with-fieldset-html-2\">\n        No\n      </label>\n    </div>\n  </div>\n</fieldset>\n</div>"
+        },
+        {
+            "name": "with fieldset, error message and describedBy",
+            "options": {
+                "idPrefix": "example",
+                "name": "example",
+                "errorMessage": {
+                    "text": "Please select an option"
+                },
+                "fieldset": {
+                    "describedBy": "test-target-element",
+                    "legend": {
+                        "text": "Have you changed your name?"
+                    }
+                },
+                "items": [
+                    {
+                        "value": "yes",
+                        "text": "Yes"
+                    },
+                    {
+                        "value": "no",
+                        "text": "No",
+                        "checked": true
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-form-group--error\">\n  <fieldset class=\"govuk-fieldset\" aria-describedby=\"test-target-element example-error\">\n  <legend class=\"govuk-fieldset__legend\">\n    Have you changed your name?\n  </legend>\n  <p id=\"example-error\" class=\"govuk-error-message\">\n    <span class=\"govuk-visually-hidden\">Error:</span> Please select an option\n  </p>\n  <div class=\"govuk-radios\" data-module=\"govuk-radios\">\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"example\" name=\"example\" type=\"radio\" value=\"yes\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"example\">\n        Yes\n      </label>\n    </div>\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"example-2\" name=\"example\" type=\"radio\" value=\"no\" checked>\n      <label class=\"govuk-label govuk-radios__label\" for=\"example-2\">\n        No\n      </label>\n    </div>\n  </div>\n</fieldset>\n</div>"
+        },
+        {
+            "name": "item checked overrides value",
+            "options": {
+                "name": "colors",
+                "items": [
+                    {
+                        "value": "red",
+                        "text": "Red"
+                    },
+                    {
+                        "value": "green",
+                        "text": "Green",
+                        "checked": false
+                    },
+                    {
+                        "value": "blue",
+                        "text": "Blue"
+                    }
+                ],
+                "value": "green"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <div class=\"govuk-radios\" data-module=\"govuk-radios\">\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"colors\" name=\"colors\" type=\"radio\" value=\"red\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"colors\">\n        Red\n      </label>\n    </div>\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"colors-2\" name=\"colors\" type=\"radio\" value=\"green\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"colors-2\">\n        Green\n      </label>\n    </div>\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"colors-3\" name=\"colors\" type=\"radio\" value=\"blue\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"colors-3\">\n        Blue\n      </label>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "textarea in conditional",
+            "options": {
+                "name": "conditional",
+                "fieldset": {
+                    "legend": {
+                        "text": "Test"
+                    }
+                },
+                "items": [
+                    {
+                        "value": "other",
+                        "text": "Other",
+                        "conditional": {
+                            "html": "<label class=\"govuk-label\" for=\"conditional-textarea\">textarea</label>\n<textarea class=\"govuk-textarea\" name=\"conditional-textarea\" id=\"conditional-textarea\">\ntest\n</textarea>\n"
+                        }
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <fieldset class=\"govuk-fieldset\">\n  <legend class=\"govuk-fieldset__legend\">\n    Test\n  </legend>\n  <div class=\"govuk-radios\" data-module=\"govuk-radios\">\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"conditional\" name=\"conditional\" type=\"radio\" value=\"other\" data-aria-controls=\"conditional-conditional\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"conditional\">\n        Other\n      </label>\n    </div>\n    <div class=\"govuk-radios__conditional govuk-radios__conditional--hidden\" id=\"conditional-conditional\">\n      <label class=\"govuk-label\" for=\"conditional-textarea\">textarea</label>\n<textarea class=\"govuk-textarea\" name=\"conditional-textarea\" id=\"conditional-textarea\">\ntest\n</textarea>\n    </div>\n  </div>\n</fieldset>\n</div>"
+        },
+        {
+            "name": "with disabled",
+            "options": {
+                "idPrefix": "gov",
+                "name": "gov",
+                "fieldset": {
+                    "legend": {
+                        "text": "How do you want to sign in?",
+                        "classes": "govuk-fieldset__legend--l",
+                        "isPageHeading": true
+                    }
+                },
+                "items": [
+                    {
+                        "value": "gateway",
+                        "text": "Sign in with Government Gateway",
+                        "id": "gateway",
+                        "hint": {
+                            "text": "You’ll have a user ID if you’ve registered for Self Assessment or filed a tax return online before."
+                        }
+                    },
+                    {
+                        "value": "verify",
+                        "text": "Sign in with GOV.UK Verify",
+                        "id": "verify",
+                        "hint": {
+                            "text": "You’ll have an account if you’ve already proved your identity with either Barclays, CitizenSafe, Digidentity, Experian, Post Office, Royal Mail or SecureIdentity."
+                        },
+                        "disabled": true
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <fieldset class=\"govuk-fieldset\">\n  <legend class=\"govuk-fieldset__legend govuk-fieldset__legend--l\">\n    <h1 class=\"govuk-fieldset__heading\">\n      How do you want to sign in?\n    </h1>\n  </legend>\n  <div class=\"govuk-radios\" data-module=\"govuk-radios\">\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"gateway\" name=\"gov\" type=\"radio\" value=\"gateway\" aria-describedby=\"gateway-item-hint\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"gateway\">\n        Sign in with Government Gateway\n      </label>\n      <div id=\"gateway-item-hint\" class=\"govuk-hint govuk-radios__hint\">\n        You’ll have a user ID if you’ve registered for Self Assessment or filed a tax return online before.\n      </div>\n    </div>\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"verify\" name=\"gov\" type=\"radio\" value=\"verify\" disabled aria-describedby=\"verify-item-hint\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"verify\">\n        Sign in with GOV.UK Verify\n      </label>\n      <div id=\"verify-item-hint\" class=\"govuk-hint govuk-radios__hint\">\n        You’ll have an account if you’ve already proved your identity with either Barclays, CitizenSafe, Digidentity, Experian, Post Office, Royal Mail or SecureIdentity.\n      </div>\n    </div>\n  </div>\n</fieldset>\n</div>"
+        },
+        {
+            "name": "prechecked using value",
+            "options": {
+                "name": "example-default",
+                "items": [
+                    {
+                        "value": "yes",
+                        "text": "Yes"
+                    },
+                    {
+                        "value": "no",
+                        "text": "No"
+                    }
+                ],
+                "value": "no"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <div class=\"govuk-radios\" data-module=\"govuk-radios\">\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"example-default\" name=\"example-default\" type=\"radio\" value=\"yes\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"example-default\">\n        Yes\n      </label>\n    </div>\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"example-default-2\" name=\"example-default\" type=\"radio\" value=\"no\" checked>\n      <label class=\"govuk-label govuk-radios__label\" for=\"example-default-2\">\n        No\n      </label>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "with conditional items with special characters",
+            "options": {
+                "idPrefix": "user.profile[contact-prefs]",
+                "name": "contact-prefs",
+                "fieldset": {
+                    "legend": {
+                        "text": "How do you want to be contacted?"
+                    }
+                },
+                "items": [
+                    {
+                        "value": "email",
+                        "text": "Email",
+                        "conditional": {
+                            "html": "<label class=\"govuk-label\" for=\"context-email\">Email address</label>\n<input class=\"govuk-input govuk-!-width-one-third\" name=\"context-email\" type=\"text\" id=\"context-email\">\n"
+                        }
+                    },
+                    {
+                        "value": "phone",
+                        "text": "Phone",
+                        "conditional": {
+                            "html": "<label class=\"govuk-label\" for=\"contact-phone\">Phone number</label>\n<input class=\"govuk-input govuk-!-width-one-third\" name=\"contact-phone\" type=\"text\" id=\"contact-phone\">\n"
+                        }
+                    },
+                    {
+                        "value": "text",
+                        "text": "Text message",
+                        "conditional": {
+                            "html": "<label class=\"govuk-label\" for=\"contact-text-message\">Mobile phone number</label>\n<input class=\"govuk-input govuk-!-width-one-third\" name=\"contact-text-message\" type=\"text\" id=\"contact-text-message\">\n"
+                        }
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <fieldset class=\"govuk-fieldset\">\n  <legend class=\"govuk-fieldset__legend\">\n    How do you want to be contacted?\n  </legend>\n  <div class=\"govuk-radios\" data-module=\"govuk-radios\">\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"user.profile[contact-prefs]\" name=\"contact-prefs\" type=\"radio\" value=\"email\" data-aria-controls=\"conditional-user.profile[contact-prefs]\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"user.profile[contact-prefs]\">\n        Email\n      </label>\n    </div>\n    <div class=\"govuk-radios__conditional govuk-radios__conditional--hidden\" id=\"conditional-user.profile[contact-prefs]\">\n      <label class=\"govuk-label\" for=\"context-email\">Email address</label>\n<input class=\"govuk-input govuk-!-width-one-third\" name=\"context-email\" type=\"text\" id=\"context-email\">\n    </div>\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"user.profile[contact-prefs]-2\" name=\"contact-prefs\" type=\"radio\" value=\"phone\" data-aria-controls=\"conditional-user.profile[contact-prefs]-2\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"user.profile[contact-prefs]-2\">\n        Phone\n      </label>\n    </div>\n    <div class=\"govuk-radios__conditional govuk-radios__conditional--hidden\" id=\"conditional-user.profile[contact-prefs]-2\">\n      <label class=\"govuk-label\" for=\"contact-phone\">Phone number</label>\n<input class=\"govuk-input govuk-!-width-one-third\" name=\"contact-phone\" type=\"text\" id=\"contact-phone\">\n    </div>\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"user.profile[contact-prefs]-3\" name=\"contact-prefs\" type=\"radio\" value=\"text\" data-aria-controls=\"conditional-user.profile[contact-prefs]-3\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"user.profile[contact-prefs]-3\">\n        Text message\n      </label>\n    </div>\n    <div class=\"govuk-radios__conditional govuk-radios__conditional--hidden\" id=\"conditional-user.profile[contact-prefs]-3\">\n      <label class=\"govuk-label\" for=\"contact-text-message\">Mobile phone number</label>\n<input class=\"govuk-input govuk-!-width-one-third\" name=\"contact-text-message\" type=\"text\" id=\"contact-text-message\">\n    </div>\n  </div>\n</fieldset>\n</div>"
+        },
+        {
+            "name": "with conditional items and pre-checked value",
+            "options": {
+                "idPrefix": "how-contacted-checked",
+                "name": "how-contacted-checked",
+                "fieldset": {
+                    "legend": {
+                        "text": "How do you want to be contacted?"
+                    }
+                },
+                "items": [
+                    {
+                        "value": "email",
+                        "text": "Email",
+                        "conditional": {
+                            "html": "<label class=\"govuk-label\" for=\"context-email\">Email</label>\n<input class=\"govuk-input govuk-!-width-one-third\" name=\"context-email\" type=\"text\" id=\"context-email\">\n"
+                        }
+                    },
+                    {
+                        "value": "phone",
+                        "text": "Phone",
+                        "conditional": {
+                            "html": "<label class=\"govuk-label\" for=\"contact-phone\">Phone number</label>\n<input class=\"govuk-input govuk-!-width-one-third\" name=\"contact-phone\" type=\"text\" id=\"contact-phone\">\n"
+                        }
+                    },
+                    {
+                        "value": "text",
+                        "text": "Text message",
+                        "conditional": {
+                            "html": "<label class=\"govuk-label\" for=\"contact-text-message\">Mobile phone number</label>\n<input class=\"govuk-input govuk-!-width-one-third\" name=\"contact-text-message\" type=\"text\" id=\"contact-text-message\">\n"
+                        }
+                    }
+                ],
+                "value": "text"
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <fieldset class=\"govuk-fieldset\">\n  <legend class=\"govuk-fieldset__legend\">\n    How do you want to be contacted?\n  </legend>\n  <div class=\"govuk-radios\" data-module=\"govuk-radios\">\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"how-contacted-checked\" name=\"how-contacted-checked\" type=\"radio\" value=\"email\" data-aria-controls=\"conditional-how-contacted-checked\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"how-contacted-checked\">\n        Email\n      </label>\n    </div>\n    <div class=\"govuk-radios__conditional govuk-radios__conditional--hidden\" id=\"conditional-how-contacted-checked\">\n      <label class=\"govuk-label\" for=\"context-email\">Email</label>\n<input class=\"govuk-input govuk-!-width-one-third\" name=\"context-email\" type=\"text\" id=\"context-email\">\n    </div>\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"how-contacted-checked-2\" name=\"how-contacted-checked\" type=\"radio\" value=\"phone\" data-aria-controls=\"conditional-how-contacted-checked-2\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"how-contacted-checked-2\">\n        Phone\n      </label>\n    </div>\n    <div class=\"govuk-radios__conditional govuk-radios__conditional--hidden\" id=\"conditional-how-contacted-checked-2\">\n      <label class=\"govuk-label\" for=\"contact-phone\">Phone number</label>\n<input class=\"govuk-input govuk-!-width-one-third\" name=\"contact-phone\" type=\"text\" id=\"contact-phone\">\n    </div>\n    <div class=\"govuk-radios__item\">\n      <input class=\"govuk-radios__input\" id=\"how-contacted-checked-3\" name=\"how-contacted-checked\" type=\"radio\" value=\"text\" checked data-aria-controls=\"conditional-how-contacted-checked-3\">\n      <label class=\"govuk-label govuk-radios__label\" for=\"how-contacted-checked-3\">\n        Text message\n      </label>\n    </div>\n    <div class=\"govuk-radios__conditional\" id=\"conditional-how-contacted-checked-3\">\n      <label class=\"govuk-label\" for=\"contact-text-message\">Mobile phone number</label>\n<input class=\"govuk-input govuk-!-width-one-third\" name=\"contact-text-message\" type=\"text\" id=\"contact-text-message\">\n    </div>\n  </div>\n</fieldset>\n</div>"
+        }
+    ]
+}
diff --git a/node_modules/govuk-frontend/dist/govuk/components/radios/macro-options.json b/node_modules/govuk-frontend/dist/govuk/components/radios/macro-options.json
new file mode 100644
index 0000000..7c6cfe6
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/radios/macro-options.json
@@ -0,0 +1,211 @@
+[
+    {
+        "name": "fieldset",
+        "type": "object",
+        "required": false,
+        "description": "The fieldset used by the radios component.",
+        "isComponent": true
+    },
+    {
+        "name": "hint",
+        "type": "object",
+        "required": false,
+        "description": "Can be used to add a hint to the radios component.",
+        "isComponent": true
+    },
+    {
+        "name": "errorMessage",
+        "type": "object",
+        "required": false,
+        "description": "Can be used to add an error message to the radios component. The error message component will not display if you use a falsy value for `errorMessage`, for example `false` or `null`.",
+        "isComponent": true
+    },
+    {
+        "name": "formGroup",
+        "type": "object",
+        "required": false,
+        "description": "Additional options for the form group containing the radios component.",
+        "params": [
+            {
+                "name": "classes",
+                "type": "string",
+                "required": false,
+                "description": "Classes to add to the form group (for example to show error state for the whole group)."
+            },
+            {
+                "name": "attributes",
+                "type": "object",
+                "required": false,
+                "description": "HTML attributes (for example data attributes) to add to the form group."
+            },
+            {
+                "name": "beforeInputs",
+                "type": "object",
+                "required": false,
+                "description": "Content to add before all radio items within the checkboxes component.",
+                "params": [
+                    {
+                        "name": "text",
+                        "type": "string",
+                        "required": true,
+                        "description": "Text to add before all radio items. If `html` is provided, the `text` option will be ignored."
+                    },
+                    {
+                        "name": "html",
+                        "type": "string",
+                        "required": true,
+                        "description": "HTML to add before all radio items. If `html` is provided, the `text` option will be ignored."
+                    }
+                ]
+            },
+            {
+                "name": "afterInputs",
+                "type": "object",
+                "required": false,
+                "description": "Content to add after all radio items within the checkboxes component.",
+                "params": [
+                    {
+                        "name": "text",
+                        "type": "string",
+                        "required": true,
+                        "description": "Text to add after all radio items. If `html` is provided, the `text` option will be ignored."
+                    },
+                    {
+                        "name": "html",
+                        "type": "string",
+                        "required": true,
+                        "description": "HTML to add after all radio items. If `html` is provided, the `text` option will be ignored."
+                    }
+                ]
+            }
+        ]
+    },
+    {
+        "name": "idPrefix",
+        "type": "string",
+        "required": false,
+        "description": "Optional prefix. This is used to prefix the `id` attribute for each radio input, hint and error message, separated by `-`. Defaults to the `name` option value."
+    },
+    {
+        "name": "name",
+        "type": "string",
+        "required": true,
+        "description": "Name attribute for the radio items."
+    },
+    {
+        "name": "items",
+        "type": "array",
+        "required": true,
+        "description": "The radio items within the radios component.",
+        "params": [
+            {
+                "name": "text",
+                "type": "string",
+                "required": true,
+                "description": "If `html` is set, this is not required. Text to use within each radio item label. If `html` is provided, the `text` option will be ignored."
+            },
+            {
+                "name": "html",
+                "type": "string",
+                "required": true,
+                "description": "If `text` is set, this is not required. HTML to use within each radio item label. If `html` is provided, the `text` option will be ignored."
+            },
+            {
+                "name": "id",
+                "type": "string",
+                "required": false,
+                "description": "Specific ID attribute for the radio item. If omitted, then `idPrefix` string will be applied."
+            },
+            {
+                "name": "value",
+                "type": "string",
+                "required": true,
+                "description": "Value for the radio input."
+            },
+            {
+                "name": "label",
+                "type": "object",
+                "required": false,
+                "description": "Subset of options for the label used by each radio item within the radios component.",
+                "isComponent": true,
+                "params": [
+                    {
+                        "name": "classes",
+                        "type": "string",
+                        "required": false,
+                        "description": "Classes to add to the label tag."
+                    },
+                    {
+                        "name": "attributes",
+                        "type": "object",
+                        "required": false,
+                        "description": "HTML attributes (for example data attributes) to add to the label tag."
+                    }
+                ]
+            },
+            {
+                "name": "hint",
+                "type": "object",
+                "required": false,
+                "description": "Can be used to add a hint to each radio item within the radios component.",
+                "isComponent": true
+            },
+            {
+                "name": "divider",
+                "type": "string",
+                "required": false,
+                "description": "Divider text to separate radio items, for example the text `\"or\"`."
+            },
+            {
+                "name": "checked",
+                "type": "boolean",
+                "required": false,
+                "description": "Whether the radio should be checked when the page loads. Takes precedence over the top-level `value` option."
+            },
+            {
+                "name": "conditional",
+                "type": "object",
+                "required": false,
+                "description": "Provide additional content to reveal when the radio is checked.",
+                "params": [
+                    {
+                        "name": "html",
+                        "type": "string",
+                        "description": "The HTML to reveal when the radio is checked.",
+                        "required": true
+                    }
+                ]
+            },
+            {
+                "name": "disabled",
+                "type": "boolean",
+                "required": false,
+                "description": "If `true`, radio will be disabled."
+            },
+            {
+                "name": "attributes",
+                "type": "object",
+                "required": false,
+                "description": "HTML attributes (for example data attributes) to add to the radio input tag."
+            }
+        ]
+    },
+    {
+        "name": "value",
+        "type": "string",
+        "required": false,
+        "description": "The value for the radio which should be checked when the page loads. Use this as an alternative to setting the `checked` option on each individual item."
+    },
+    {
+        "name": "classes",
+        "type": "string",
+        "required": false,
+        "description": "Classes to add to the radio container."
+    },
+    {
+        "name": "attributes",
+        "type": "object",
+        "required": false,
+        "description": "HTML attributes (for example data attributes) to add to the radio input tag."
+    }
+]
diff --git a/node_modules/govuk-frontend/dist/govuk/components/radios/macro.njk b/node_modules/govuk-frontend/dist/govuk/components/radios/macro.njk
new file mode 100644
index 0000000..67b4d8b
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/radios/macro.njk
@@ -0,0 +1,3 @@
+{% macro govukRadios(params) %}
+  {%- include "./template.njk" -%}
+{% endmacro %}
diff --git a/node_modules/govuk-frontend/dist/govuk/components/radios/radios.bundle.js b/node_modules/govuk-frontend/dist/govuk/components/radios/radios.bundle.js
new file mode 100644
index 0000000..ad4c614
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/radios/radios.bundle.js
@@ -0,0 +1,230 @@
+(function (global, factory) {
+  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports) :
+  typeof define === 'function' && define.amd ? define(['exports'], factory) :
+  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.GOVUKFrontend = global.GOVUKFrontend || {}));
+})(this, (function (exports) { 'use strict';
+
+  function isInitialised($root, moduleName) {
+    return $root instanceof HTMLElement && $root.hasAttribute(`data-${moduleName}-init`);
+  }
+
+  /**
+   * Checks if GOV.UK Frontend is supported on this page
+   *
+   * Some browsers will load and run our JavaScript but GOV.UK Frontend
+   * won't be supported.
+   *
+   * @param {HTMLElement | null} [$scope] - (internal) `<body>` HTML element checked for browser support
+   * @returns {boolean} Whether GOV.UK Frontend is supported on this page
+   */
+  function isSupported($scope = document.body) {
+    if (!$scope) {
+      return false;
+    }
+    return $scope.classList.contains('govuk-frontend-supported');
+  }
+  function isArray(option) {
+    return Array.isArray(option);
+  }
+  function isObject(option) {
+    return !!option && typeof option === 'object' && !isArray(option);
+  }
+  function formatErrorMessage(Component, message) {
+    return `${Component.moduleName}: ${message}`;
+  }
+  /**
+   * @typedef ComponentWithModuleName
+   * @property {string} moduleName - Name of the component
+   */
+
+  class GOVUKFrontendError extends Error {
+    constructor(...args) {
+      super(...args);
+      this.name = 'GOVUKFrontendError';
+    }
+  }
+  class SupportError extends GOVUKFrontendError {
+    /**
+     * Checks if GOV.UK Frontend is supported on this page
+     *
+     * @param {HTMLElement | null} [$scope] - HTML element `<body>` checked for browser support
+     */
+    constructor($scope = document.body) {
+      const supportMessage = 'noModule' in HTMLScriptElement.prototype ? 'GOV.UK Frontend initialised without `<body class="govuk-frontend-supported">` from template `<script>` snippet' : 'GOV.UK Frontend is not supported in this browser';
+      super($scope ? supportMessage : 'GOV.UK Frontend initialised without `<script type="module">`');
+      this.name = 'SupportError';
+    }
+  }
+  class ElementError extends GOVUKFrontendError {
+    constructor(messageOrOptions) {
+      let message = typeof messageOrOptions === 'string' ? messageOrOptions : '';
+      if (isObject(messageOrOptions)) {
+        const {
+          component,
+          identifier,
+          element,
+          expectedType
+        } = messageOrOptions;
+        message = identifier;
+        message += element ? ` is not of type ${expectedType != null ? expectedType : 'HTMLElement'}` : ' not found';
+        if (component) {
+          message = formatErrorMessage(component, message);
+        }
+      }
+      super(message);
+      this.name = 'ElementError';
+    }
+  }
+  class InitError extends GOVUKFrontendError {
+    constructor(componentOrMessage) {
+      const message = typeof componentOrMessage === 'string' ? componentOrMessage : formatErrorMessage(componentOrMessage, `Root element (\`$root\`) already initialised`);
+      super(message);
+      this.name = 'InitError';
+    }
+  }
+  /**
+   * @import { ComponentWithModuleName } from '../common/index.mjs'
+   */
+
+  class Component {
+    /**
+     * Returns the root element of the component
+     *
+     * @protected
+     * @returns {RootElementType} - the root element of component
+     */
+    get $root() {
+      return this._$root;
+    }
+    constructor($root) {
+      this._$root = void 0;
+      const childConstructor = this.constructor;
+      if (typeof childConstructor.moduleName !== 'string') {
+        throw new InitError(`\`moduleName\` not defined in component`);
+      }
+      if (!($root instanceof childConstructor.elementType)) {
+        throw new ElementError({
+          element: $root,
+          component: childConstructor,
+          identifier: 'Root element (`$root`)',
+          expectedType: childConstructor.elementType.name
+        });
+      } else {
+        this._$root = $root;
+      }
+      childConstructor.checkSupport();
+      this.checkInitialised();
+      const moduleName = childConstructor.moduleName;
+      this.$root.setAttribute(`data-${moduleName}-init`, '');
+    }
+    checkInitialised() {
+      const constructor = this.constructor;
+      const moduleName = constructor.moduleName;
+      if (moduleName && isInitialised(this.$root, moduleName)) {
+        throw new InitError(constructor);
+      }
+    }
+    static checkSupport() {
+      if (!isSupported()) {
+        throw new SupportError();
+      }
+    }
+  }
+
+  /**
+   * @typedef ChildClass
+   * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component
+   */
+
+  /**
+   * @typedef {typeof Component & ChildClass} ChildClassConstructor
+   */
+  Component.elementType = HTMLElement;
+
+  /**
+   * Radios component
+   *
+   * @preserve
+   */
+  class Radios extends Component {
+    /**
+     * Radios can be associated with a 'conditionally revealed' content block –
+     * for example, a radio for 'Phone' could reveal an additional form field for
+     * the user to enter their phone number.
+     *
+     * These associations are made using a `data-aria-controls` attribute, which
+     * is promoted to an aria-controls attribute during initialisation.
+     *
+     * We also need to restore the state of any conditional reveals on the page
+     * (for example if the user has navigated back), and set up event handlers to
+     * keep the reveal in sync with the radio state.
+     *
+     * @param {Element | null} $root - HTML element to use for radios
+     */
+    constructor($root) {
+      super($root);
+      this.$inputs = void 0;
+      const $inputs = this.$root.querySelectorAll('input[type="radio"]');
+      if (!$inputs.length) {
+        throw new ElementError({
+          component: Radios,
+          identifier: 'Form inputs (`<input type="radio">`)'
+        });
+      }
+      this.$inputs = $inputs;
+      this.$inputs.forEach($input => {
+        const targetId = $input.getAttribute('data-aria-controls');
+        if (!targetId) {
+          return;
+        }
+        if (!document.getElementById(targetId)) {
+          throw new ElementError({
+            component: Radios,
+            identifier: `Conditional reveal (\`id="${targetId}"\`)`
+          });
+        }
+        $input.setAttribute('aria-controls', targetId);
+        $input.removeAttribute('data-aria-controls');
+      });
+      window.addEventListener('pageshow', () => this.syncAllConditionalReveals());
+      this.syncAllConditionalReveals();
+      this.$root.addEventListener('click', event => this.handleClick(event));
+    }
+    syncAllConditionalReveals() {
+      this.$inputs.forEach($input => this.syncConditionalRevealWithInputState($input));
+    }
+    syncConditionalRevealWithInputState($input) {
+      const targetId = $input.getAttribute('aria-controls');
+      if (!targetId) {
+        return;
+      }
+      const $target = document.getElementById(targetId);
+      if ($target != null && $target.classList.contains('govuk-radios__conditional')) {
+        const inputIsChecked = $input.checked;
+        $input.setAttribute('aria-expanded', inputIsChecked.toString());
+        $target.classList.toggle('govuk-radios__conditional--hidden', !inputIsChecked);
+      }
+    }
+    handleClick(event) {
+      const $clickedInput = event.target;
+      if (!($clickedInput instanceof HTMLInputElement) || $clickedInput.type !== 'radio') {
+        return;
+      }
+      const $allInputs = document.querySelectorAll('input[type="radio"][aria-controls]');
+      const $clickedInputForm = $clickedInput.form;
+      const $clickedInputName = $clickedInput.name;
+      $allInputs.forEach($input => {
+        const hasSameFormOwner = $input.form === $clickedInputForm;
+        const hasSameName = $input.name === $clickedInputName;
+        if (hasSameName && hasSameFormOwner) {
+          this.syncConditionalRevealWithInputState($input);
+        }
+      });
+    }
+  }
+  Radios.moduleName = 'govuk-radios';
+
+  exports.Radios = Radios;
+
+}));
+//# sourceMappingURL=radios.bundle.js.map
diff --git a/node_modules/govuk-frontend/dist/govuk/components/radios/radios.bundle.js.map b/node_modules/govuk-frontend/dist/govuk/components/radios/radios.bundle.js.map
new file mode 100644
index 0000000..c882c4b
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/radios/radios.bundle.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"radios.bundle.js","sources":["../../../../src/govuk/common/index.mjs","../../../../src/govuk/errors/index.mjs","../../../../src/govuk/component.mjs","../../../../src/govuk/components/radios/radios.mjs"],"sourcesContent":["/**\n * Common helpers which do not require polyfill.\n *\n * IMPORTANT: If a helper require a polyfill, please isolate it in its own module\n * so that the polyfill can be properly tree-shaken and does not burden\n * the components that do not need that helper\n */\n\n/**\n * Get GOV.UK Frontend breakpoint value from CSS custom property\n *\n * @private\n * @param {string} name - Breakpoint name\n * @returns {{ property: string, value?: string }} Breakpoint object\n */\nexport function getBreakpoint(name) {\n  const property = `--govuk-breakpoint-${name}`\n\n  // Get value from `<html>` with breakpoints on CSS :root\n  const value = window\n    .getComputedStyle(document.documentElement)\n    .getPropertyValue(property)\n\n  return {\n    property,\n    value: value || undefined\n  }\n}\n\n/**\n * Move focus to element\n *\n * Sets tabindex to -1 to make the element programmatically focusable,\n * but removes it on blur as the element doesn't need to be focused again.\n *\n * @private\n * @template {HTMLElement} FocusElement\n * @param {FocusElement} $element - HTML element\n * @param {object} [options] - Handler options\n * @param {function(this: FocusElement): void} [options.onBeforeFocus] - Callback before focus\n * @param {function(this: FocusElement): void} [options.onBlur] - Callback on blur\n */\nexport function setFocus($element, options = {}) {\n  const isFocusable = $element.getAttribute('tabindex')\n\n  if (!isFocusable) {\n    $element.setAttribute('tabindex', '-1')\n  }\n\n  /**\n   * Handle element focus\n   */\n  function onFocus() {\n    $element.addEventListener('blur', onBlur, { once: true })\n  }\n\n  /**\n   * Handle element blur\n   */\n  function onBlur() {\n    options.onBlur?.call($element)\n\n    if (!isFocusable) {\n      $element.removeAttribute('tabindex')\n    }\n  }\n\n  // Add listener to reset element on blur, after focus\n  $element.addEventListener('focus', onFocus, { once: true })\n\n  // Focus element\n  options.onBeforeFocus?.call($element)\n  $element.focus()\n}\n\n/**\n * Checks if component is already initialised\n *\n * @internal\n * @param {Element} $root - HTML element to be checked\n * @param {string} moduleName - name of component module\n * @returns {boolean} Whether component is already initialised\n */\nexport function isInitialised($root, moduleName) {\n  return (\n    $root instanceof HTMLElement &&\n    $root.hasAttribute(`data-${moduleName}-init`)\n  )\n}\n\n/**\n * Checks if GOV.UK Frontend is supported on this page\n *\n * Some browsers will load and run our JavaScript but GOV.UK Frontend\n * won't be supported.\n *\n * @param {HTMLElement | null} [$scope] - (internal) `<body>` HTML element checked for browser support\n * @returns {boolean} Whether GOV.UK Frontend is supported on this page\n */\nexport function isSupported($scope = document.body) {\n  if (!$scope) {\n    return false\n  }\n\n  return $scope.classList.contains('govuk-frontend-supported')\n}\n\n/**\n * Check for an array\n *\n * @internal\n * @param {unknown} option - Option to check\n * @returns {boolean} Whether the option is an array\n */\nfunction isArray(option) {\n  return Array.isArray(option)\n}\n\n/**\n * Check for an object\n *\n * @internal\n * @template {Partial<Record<keyof ObjectType, unknown>>} ObjectType\n * @param {unknown | ObjectType} option - Option to check\n * @returns {option is ObjectType} Whether the option is an object\n */\nexport function isObject(option) {\n  return !!option && typeof option === 'object' && !isArray(option)\n}\n\n/**\n * Check for valid scope\n *\n * @internal\n * @template {Element | Document} ScopeType\n * @param {unknown | ScopeType} $scope - Scope of the document to search within\n * @returns {$scope is ScopeType} Whether the scope can be queried\n */\nexport function isScope($scope) {\n  return !!$scope && ($scope instanceof Element || $scope instanceof Document)\n}\n\n/**\n * Format error message\n *\n * @internal\n * @param {ComponentWithModuleName} Component - Component that threw the error\n * @param {string} message - Error message\n * @returns {string} - Formatted error message\n */\nexport function formatErrorMessage(Component, message) {\n  return `${Component.moduleName}: ${message}`\n}\n\n/* eslint-disable jsdoc/valid-types --\n * `{new(...args: any[] ): object}` is not recognised as valid\n * https://github.com/gajus/eslint-plugin-jsdoc/issues/145#issuecomment-1308722878\n * https://github.com/jsdoc-type-pratt-parser/jsdoc-type-pratt-parser/issues/131\n **/\n\n/**\n * @typedef ComponentWithModuleName\n * @property {string} moduleName - Name of the component\n */\n\n/* eslint-enable jsdoc/valid-types */\n","import { formatErrorMessage, isObject } from '../common/index.mjs'\n\n/**\n * GOV.UK Frontend error\n *\n * A base class for `Error`s thrown by GOV.UK Frontend.\n *\n * It is meant to be extended into specific types of errors\n * to be thrown by our code.\n *\n * @example\n * ```js\n * class MissingRootError extends GOVUKFrontendError {\n *   // Setting an explicit name is important as extending the class will not\n *   // set a new `name` on the subclass. The `name` property is important\n *   // to ensure intelligible error names even if the class name gets\n *   // mangled by a minifier\n *   name = \"MissingRootError\"\n * }\n * ```\n * @virtual\n */\nexport class GOVUKFrontendError extends Error {\n  name = 'GOVUKFrontendError'\n}\n\n/**\n * Indicates that GOV.UK Frontend is not supported\n */\nexport class SupportError extends GOVUKFrontendError {\n  name = 'SupportError'\n\n  /**\n   * Checks if GOV.UK Frontend is supported on this page\n   *\n   * @param {HTMLElement | null} [$scope] - HTML element `<body>` checked for browser support\n   */\n  constructor($scope = document.body) {\n    const supportMessage =\n      'noModule' in HTMLScriptElement.prototype\n        ? 'GOV.UK Frontend initialised without `<body class=\"govuk-frontend-supported\">` from template `<script>` snippet'\n        : 'GOV.UK Frontend is not supported in this browser'\n\n    super(\n      $scope\n        ? supportMessage\n        : 'GOV.UK Frontend initialised without `<script type=\"module\">`'\n    )\n  }\n}\n\n/**\n * Indicates that a component has received an illegal configuration\n */\nexport class ConfigError extends GOVUKFrontendError {\n  name = 'ConfigError'\n}\n\n/**\n * Indicates an issue with an element (possibly `null` or `undefined`)\n */\nexport class ElementError extends GOVUKFrontendError {\n  name = 'ElementError'\n\n  /**\n   * @internal\n   * @overload\n   * @param {string} message - Element error message\n   */\n\n  /**\n   * @internal\n   * @overload\n   * @param {ElementErrorOptions} options - Element error options\n   */\n\n  /**\n   * @internal\n   * @param {string | ElementErrorOptions} messageOrOptions - Element error message or options\n   */\n  constructor(messageOrOptions) {\n    let message = typeof messageOrOptions === 'string' ? messageOrOptions : ''\n\n    // Build message from options\n    if (isObject(messageOrOptions)) {\n      const { component, identifier, element, expectedType } = messageOrOptions\n\n      message = identifier\n\n      // Append reason\n      message += element\n        ? ` is not of type ${expectedType ?? 'HTMLElement'}`\n        : ' not found'\n\n      // Prepend with module name (optional)\n      if (component) {\n        message = formatErrorMessage(component, message)\n      }\n    }\n\n    super(message)\n  }\n}\n\n/**\n * Indicates that a component is already initialised\n */\nexport class InitError extends GOVUKFrontendError {\n  name = 'InitError'\n\n  /**\n   * @internal\n   * @param {ComponentWithModuleName | string} componentOrMessage - name of the component module\n   */\n  constructor(componentOrMessage) {\n    const message =\n      typeof componentOrMessage === 'string'\n        ? componentOrMessage\n        : formatErrorMessage(\n            componentOrMessage,\n            `Root element (\\`$root\\`) already initialised`\n          )\n\n    super(message)\n  }\n}\n\n/**\n * Element error options\n *\n * @internal\n * @typedef {object} ElementErrorOptions\n * @property {Element | Document | null} [element] - The element in error (optional)\n * @property {ComponentWithModuleName} [component] - Component throwing the error (optional)\n * @property {string} identifier - An identifier that'll let the user understand which element has an error. This is whatever makes the most sense\n * @property {string} [expectedType] - The type that was expected for the identifier (optional)\n */\n\n/**\n * @import { ComponentWithModuleName } from '../common/index.mjs'\n */\n","import { isInitialised, isSupported } from './common/index.mjs'\nimport { ElementError, InitError, SupportError } from './errors/index.mjs'\n\n/**\n * Base Component class\n *\n * Centralises the behaviours shared by our components\n *\n * @virtual\n * @template {Element} [RootElementType=HTMLElement]\n */\nexport class Component {\n  /**\n   * @type {typeof Element}\n   */\n  static elementType = HTMLElement\n\n  // allows Typescript user to work around the lack of types\n  // in GOVUKFrontend package, Typescript is not aware of $root\n  // in components that extend GOVUKFrontendComponent\n  /**\n   * Returns the root element of the component\n   *\n   * @protected\n   * @returns {RootElementType} - the root element of component\n   */\n  get $root() {\n    return this._$root\n  }\n\n  /**\n   * @protected\n   * @type {RootElementType}\n   */\n  _$root\n\n  /**\n   * Constructs a new component, validating that GOV.UK Frontend is supported\n   *\n   * @internal\n   * @param {Element | null} [$root] - HTML element to use for component\n   */\n  constructor($root) {\n    const childConstructor = /** @type {ChildClassConstructor} */ (\n      this.constructor\n    )\n\n    // TypeScript does not enforce that inheriting classes will define a `moduleName`\n    // (even if we add a `@virtual` `static moduleName` property to this class).\n    // While we trust users to do this correctly, we do a little check to provide them\n    // a helpful error message.\n    //\n    // After this, we'll be sure that `childConstructor` has a `moduleName`\n    // as expected of the `ChildClassConstructor` we've cast `this.constructor` to.\n    if (typeof childConstructor.moduleName !== 'string') {\n      throw new InitError(`\\`moduleName\\` not defined in component`)\n    }\n\n    if (!($root instanceof childConstructor.elementType)) {\n      throw new ElementError({\n        element: $root,\n        component: childConstructor,\n        identifier: 'Root element (`$root`)',\n        expectedType: childConstructor.elementType.name\n      })\n    } else {\n      this._$root = /** @type {RootElementType} */ ($root)\n    }\n\n    childConstructor.checkSupport()\n\n    this.checkInitialised()\n\n    const moduleName = childConstructor.moduleName\n\n    this.$root.setAttribute(`data-${moduleName}-init`, '')\n  }\n\n  /**\n   * Validates whether component is already initialised\n   *\n   * @private\n   * @throws {InitError} when component is already initialised\n   */\n  checkInitialised() {\n    const constructor = /** @type {ChildClassConstructor} */ (this.constructor)\n    const moduleName = constructor.moduleName\n\n    if (moduleName && isInitialised(this.$root, moduleName)) {\n      throw new InitError(constructor)\n    }\n  }\n\n  /**\n   * Validates whether components are supported\n   *\n   * @throws {SupportError} when the components are not supported\n   */\n  static checkSupport() {\n    if (!isSupported()) {\n      throw new SupportError()\n    }\n  }\n}\n\n/**\n * @typedef ChildClass\n * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component\n */\n\n/**\n * @typedef {typeof Component & ChildClass} ChildClassConstructor\n */\n","import { Component } from '../../component.mjs'\nimport { ElementError } from '../../errors/index.mjs'\n\n/**\n * Radios component\n *\n * @preserve\n */\nexport class Radios extends Component {\n  /** @private */\n  $inputs\n\n  /**\n   * Radios can be associated with a 'conditionally revealed' content block –\n   * for example, a radio for 'Phone' could reveal an additional form field for\n   * the user to enter their phone number.\n   *\n   * These associations are made using a `data-aria-controls` attribute, which\n   * is promoted to an aria-controls attribute during initialisation.\n   *\n   * We also need to restore the state of any conditional reveals on the page\n   * (for example if the user has navigated back), and set up event handlers to\n   * keep the reveal in sync with the radio state.\n   *\n   * @param {Element | null} $root - HTML element to use for radios\n   */\n  constructor($root) {\n    super($root)\n\n    const $inputs = this.$root.querySelectorAll('input[type=\"radio\"]')\n    if (!$inputs.length) {\n      throw new ElementError({\n        component: Radios,\n        identifier: 'Form inputs (`<input type=\"radio\">`)'\n      })\n    }\n\n    this.$inputs = $inputs\n\n    this.$inputs.forEach(($input) => {\n      const targetId = $input.getAttribute('data-aria-controls')\n\n      // Skip radios without data-aria-controls attributes\n      if (!targetId) {\n        return\n      }\n\n      // Throw if target conditional element does not exist.\n      if (!document.getElementById(targetId)) {\n        throw new ElementError({\n          component: Radios,\n          identifier: `Conditional reveal (\\`id=\"${targetId}\"\\`)`\n        })\n      }\n\n      // Promote the data-aria-controls attribute to a aria-controls attribute\n      // so that the relationship is exposed in the AOM\n      $input.setAttribute('aria-controls', targetId)\n      $input.removeAttribute('data-aria-controls')\n    })\n\n    // When the page is restored after navigating 'back' in some browsers the\n    // state of form controls is not restored until *after* the DOMContentLoaded\n    // event is fired, so we need to sync after the pageshow event.\n    window.addEventListener('pageshow', () => this.syncAllConditionalReveals())\n\n    // Although we've set up handlers to sync state on the pageshow event, init\n    // could be called after those events have fired, for example if they are\n    // added to the page dynamically, so sync now too.\n    this.syncAllConditionalReveals()\n\n    // Handle events\n    this.$root.addEventListener('click', (event) => this.handleClick(event))\n  }\n\n  /**\n   * Sync the conditional reveal states for all radio buttons in this component.\n   *\n   * @private\n   */\n  syncAllConditionalReveals() {\n    this.$inputs.forEach(($input) =>\n      this.syncConditionalRevealWithInputState($input)\n    )\n  }\n\n  /**\n   * Sync conditional reveal with the input state\n   *\n   * Synchronise the visibility of the conditional reveal, and its accessible\n   * state, with the input's checked state.\n   *\n   * @private\n   * @param {HTMLInputElement} $input - Radio input\n   */\n  syncConditionalRevealWithInputState($input) {\n    const targetId = $input.getAttribute('aria-controls')\n    if (!targetId) {\n      return\n    }\n\n    const $target = document.getElementById(targetId)\n    if ($target?.classList.contains('govuk-radios__conditional')) {\n      const inputIsChecked = $input.checked\n\n      $input.setAttribute('aria-expanded', inputIsChecked.toString())\n      $target.classList.toggle(\n        'govuk-radios__conditional--hidden',\n        !inputIsChecked\n      )\n    }\n  }\n\n  /**\n   * Click event handler\n   *\n   * Handle a click within the component root – if the click occurred on a radio, sync\n   * the state of the conditional reveal for all radio buttons in the same form\n   * with the same name (because checking one radio could have un-checked a\n   * radio under the root of another Radio component)\n   *\n   * @private\n   * @param {MouseEvent} event - Click event\n   */\n  handleClick(event) {\n    const $clickedInput = event.target\n\n    // Ignore clicks on things that aren't radio buttons\n    if (\n      !($clickedInput instanceof HTMLInputElement) ||\n      $clickedInput.type !== 'radio'\n    ) {\n      return\n    }\n\n    // We only need to consider radios with conditional reveals, which will have\n    // aria-controls attributes.\n    const $allInputs = document.querySelectorAll(\n      'input[type=\"radio\"][aria-controls]'\n    )\n\n    const $clickedInputForm = $clickedInput.form\n    const $clickedInputName = $clickedInput.name\n\n    $allInputs.forEach(($input) => {\n      const hasSameFormOwner = $input.form === $clickedInputForm\n      const hasSameName = $input.name === $clickedInputName\n\n      if (hasSameName && hasSameFormOwner) {\n        this.syncConditionalRevealWithInputState($input)\n      }\n    })\n  }\n\n  /**\n   * Name for the component used when initialising using data-module attributes.\n   */\n  static moduleName = 'govuk-radios'\n}\n"],"names":["isInitialised","$root","moduleName","HTMLElement","hasAttribute","isSupported","$scope","document","body","classList","contains","isArray","option","Array","isObject","formatErrorMessage","Component","message","GOVUKFrontendError","Error","constructor","args","name","SupportError","supportMessage","HTMLScriptElement","prototype","ElementError","messageOrOptions","component","identifier","element","expectedType","InitError","componentOrMessage","_$root","childConstructor","elementType","checkSupport","checkInitialised","setAttribute","Radios","$inputs","querySelectorAll","length","forEach","$input","targetId","getAttribute","getElementById","removeAttribute","window","addEventListener","syncAllConditionalReveals","event","handleClick","syncConditionalRevealWithInputState","$target","inputIsChecked","checked","toString","toggle","$clickedInput","target","HTMLInputElement","type","$allInputs","$clickedInputForm","form","$clickedInputName","hasSameFormOwner","hasSameName"],"mappings":"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"}
\ No newline at end of file
diff --git a/node_modules/govuk-frontend/dist/govuk/components/radios/radios.bundle.mjs b/node_modules/govuk-frontend/dist/govuk/components/radios/radios.bundle.mjs
new file mode 100644
index 0000000..45c6a85
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/radios/radios.bundle.mjs
@@ -0,0 +1,222 @@
+function isInitialised($root, moduleName) {
+  return $root instanceof HTMLElement && $root.hasAttribute(`data-${moduleName}-init`);
+}
+
+/**
+ * Checks if GOV.UK Frontend is supported on this page
+ *
+ * Some browsers will load and run our JavaScript but GOV.UK Frontend
+ * won't be supported.
+ *
+ * @param {HTMLElement | null} [$scope] - (internal) `<body>` HTML element checked for browser support
+ * @returns {boolean} Whether GOV.UK Frontend is supported on this page
+ */
+function isSupported($scope = document.body) {
+  if (!$scope) {
+    return false;
+  }
+  return $scope.classList.contains('govuk-frontend-supported');
+}
+function isArray(option) {
+  return Array.isArray(option);
+}
+function isObject(option) {
+  return !!option && typeof option === 'object' && !isArray(option);
+}
+function formatErrorMessage(Component, message) {
+  return `${Component.moduleName}: ${message}`;
+}
+/**
+ * @typedef ComponentWithModuleName
+ * @property {string} moduleName - Name of the component
+ */
+
+class GOVUKFrontendError extends Error {
+  constructor(...args) {
+    super(...args);
+    this.name = 'GOVUKFrontendError';
+  }
+}
+class SupportError extends GOVUKFrontendError {
+  /**
+   * Checks if GOV.UK Frontend is supported on this page
+   *
+   * @param {HTMLElement | null} [$scope] - HTML element `<body>` checked for browser support
+   */
+  constructor($scope = document.body) {
+    const supportMessage = 'noModule' in HTMLScriptElement.prototype ? 'GOV.UK Frontend initialised without `<body class="govuk-frontend-supported">` from template `<script>` snippet' : 'GOV.UK Frontend is not supported in this browser';
+    super($scope ? supportMessage : 'GOV.UK Frontend initialised without `<script type="module">`');
+    this.name = 'SupportError';
+  }
+}
+class ElementError extends GOVUKFrontendError {
+  constructor(messageOrOptions) {
+    let message = typeof messageOrOptions === 'string' ? messageOrOptions : '';
+    if (isObject(messageOrOptions)) {
+      const {
+        component,
+        identifier,
+        element,
+        expectedType
+      } = messageOrOptions;
+      message = identifier;
+      message += element ? ` is not of type ${expectedType != null ? expectedType : 'HTMLElement'}` : ' not found';
+      if (component) {
+        message = formatErrorMessage(component, message);
+      }
+    }
+    super(message);
+    this.name = 'ElementError';
+  }
+}
+class InitError extends GOVUKFrontendError {
+  constructor(componentOrMessage) {
+    const message = typeof componentOrMessage === 'string' ? componentOrMessage : formatErrorMessage(componentOrMessage, `Root element (\`$root\`) already initialised`);
+    super(message);
+    this.name = 'InitError';
+  }
+}
+/**
+ * @import { ComponentWithModuleName } from '../common/index.mjs'
+ */
+
+class Component {
+  /**
+   * Returns the root element of the component
+   *
+   * @protected
+   * @returns {RootElementType} - the root element of component
+   */
+  get $root() {
+    return this._$root;
+  }
+  constructor($root) {
+    this._$root = void 0;
+    const childConstructor = this.constructor;
+    if (typeof childConstructor.moduleName !== 'string') {
+      throw new InitError(`\`moduleName\` not defined in component`);
+    }
+    if (!($root instanceof childConstructor.elementType)) {
+      throw new ElementError({
+        element: $root,
+        component: childConstructor,
+        identifier: 'Root element (`$root`)',
+        expectedType: childConstructor.elementType.name
+      });
+    } else {
+      this._$root = $root;
+    }
+    childConstructor.checkSupport();
+    this.checkInitialised();
+    const moduleName = childConstructor.moduleName;
+    this.$root.setAttribute(`data-${moduleName}-init`, '');
+  }
+  checkInitialised() {
+    const constructor = this.constructor;
+    const moduleName = constructor.moduleName;
+    if (moduleName && isInitialised(this.$root, moduleName)) {
+      throw new InitError(constructor);
+    }
+  }
+  static checkSupport() {
+    if (!isSupported()) {
+      throw new SupportError();
+    }
+  }
+}
+
+/**
+ * @typedef ChildClass
+ * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component
+ */
+
+/**
+ * @typedef {typeof Component & ChildClass} ChildClassConstructor
+ */
+Component.elementType = HTMLElement;
+
+/**
+ * Radios component
+ *
+ * @preserve
+ */
+class Radios extends Component {
+  /**
+   * Radios can be associated with a 'conditionally revealed' content block –
+   * for example, a radio for 'Phone' could reveal an additional form field for
+   * the user to enter their phone number.
+   *
+   * These associations are made using a `data-aria-controls` attribute, which
+   * is promoted to an aria-controls attribute during initialisation.
+   *
+   * We also need to restore the state of any conditional reveals on the page
+   * (for example if the user has navigated back), and set up event handlers to
+   * keep the reveal in sync with the radio state.
+   *
+   * @param {Element | null} $root - HTML element to use for radios
+   */
+  constructor($root) {
+    super($root);
+    this.$inputs = void 0;
+    const $inputs = this.$root.querySelectorAll('input[type="radio"]');
+    if (!$inputs.length) {
+      throw new ElementError({
+        component: Radios,
+        identifier: 'Form inputs (`<input type="radio">`)'
+      });
+    }
+    this.$inputs = $inputs;
+    this.$inputs.forEach($input => {
+      const targetId = $input.getAttribute('data-aria-controls');
+      if (!targetId) {
+        return;
+      }
+      if (!document.getElementById(targetId)) {
+        throw new ElementError({
+          component: Radios,
+          identifier: `Conditional reveal (\`id="${targetId}"\`)`
+        });
+      }
+      $input.setAttribute('aria-controls', targetId);
+      $input.removeAttribute('data-aria-controls');
+    });
+    window.addEventListener('pageshow', () => this.syncAllConditionalReveals());
+    this.syncAllConditionalReveals();
+    this.$root.addEventListener('click', event => this.handleClick(event));
+  }
+  syncAllConditionalReveals() {
+    this.$inputs.forEach($input => this.syncConditionalRevealWithInputState($input));
+  }
+  syncConditionalRevealWithInputState($input) {
+    const targetId = $input.getAttribute('aria-controls');
+    if (!targetId) {
+      return;
+    }
+    const $target = document.getElementById(targetId);
+    if ($target != null && $target.classList.contains('govuk-radios__conditional')) {
+      const inputIsChecked = $input.checked;
+      $input.setAttribute('aria-expanded', inputIsChecked.toString());
+      $target.classList.toggle('govuk-radios__conditional--hidden', !inputIsChecked);
+    }
+  }
+  handleClick(event) {
+    const $clickedInput = event.target;
+    if (!($clickedInput instanceof HTMLInputElement) || $clickedInput.type !== 'radio') {
+      return;
+    }
+    const $allInputs = document.querySelectorAll('input[type="radio"][aria-controls]');
+    const $clickedInputForm = $clickedInput.form;
+    const $clickedInputName = $clickedInput.name;
+    $allInputs.forEach($input => {
+      const hasSameFormOwner = $input.form === $clickedInputForm;
+      const hasSameName = $input.name === $clickedInputName;
+      if (hasSameName && hasSameFormOwner) {
+        this.syncConditionalRevealWithInputState($input);
+      }
+    });
+  }
+}
+Radios.moduleName = 'govuk-radios';
+
+export { Radios };
+//# sourceMappingURL=radios.bundle.mjs.map
diff --git a/node_modules/govuk-frontend/dist/govuk/components/radios/radios.bundle.mjs.map b/node_modules/govuk-frontend/dist/govuk/components/radios/radios.bundle.mjs.map
new file mode 100644
index 0000000..0856a77
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/radios/radios.bundle.mjs.map
@@ -0,0 +1 @@
+{"version":3,"file":"radios.bundle.mjs","sources":["../../../../src/govuk/common/index.mjs","../../../../src/govuk/errors/index.mjs","../../../../src/govuk/component.mjs","../../../../src/govuk/components/radios/radios.mjs"],"sourcesContent":["/**\n * Common helpers which do not require polyfill.\n *\n * IMPORTANT: If a helper require a polyfill, please isolate it in its own module\n * so that the polyfill can be properly tree-shaken and does not burden\n * the components that do not need that helper\n */\n\n/**\n * Get GOV.UK Frontend breakpoint value from CSS custom property\n *\n * @private\n * @param {string} name - Breakpoint name\n * @returns {{ property: string, value?: string }} Breakpoint object\n */\nexport function getBreakpoint(name) {\n  const property = `--govuk-breakpoint-${name}`\n\n  // Get value from `<html>` with breakpoints on CSS :root\n  const value = window\n    .getComputedStyle(document.documentElement)\n    .getPropertyValue(property)\n\n  return {\n    property,\n    value: value || undefined\n  }\n}\n\n/**\n * Move focus to element\n *\n * Sets tabindex to -1 to make the element programmatically focusable,\n * but removes it on blur as the element doesn't need to be focused again.\n *\n * @private\n * @template {HTMLElement} FocusElement\n * @param {FocusElement} $element - HTML element\n * @param {object} [options] - Handler options\n * @param {function(this: FocusElement): void} [options.onBeforeFocus] - Callback before focus\n * @param {function(this: FocusElement): void} [options.onBlur] - Callback on blur\n */\nexport function setFocus($element, options = {}) {\n  const isFocusable = $element.getAttribute('tabindex')\n\n  if (!isFocusable) {\n    $element.setAttribute('tabindex', '-1')\n  }\n\n  /**\n   * Handle element focus\n   */\n  function onFocus() {\n    $element.addEventListener('blur', onBlur, { once: true })\n  }\n\n  /**\n   * Handle element blur\n   */\n  function onBlur() {\n    options.onBlur?.call($element)\n\n    if (!isFocusable) {\n      $element.removeAttribute('tabindex')\n    }\n  }\n\n  // Add listener to reset element on blur, after focus\n  $element.addEventListener('focus', onFocus, { once: true })\n\n  // Focus element\n  options.onBeforeFocus?.call($element)\n  $element.focus()\n}\n\n/**\n * Checks if component is already initialised\n *\n * @internal\n * @param {Element} $root - HTML element to be checked\n * @param {string} moduleName - name of component module\n * @returns {boolean} Whether component is already initialised\n */\nexport function isInitialised($root, moduleName) {\n  return (\n    $root instanceof HTMLElement &&\n    $root.hasAttribute(`data-${moduleName}-init`)\n  )\n}\n\n/**\n * Checks if GOV.UK Frontend is supported on this page\n *\n * Some browsers will load and run our JavaScript but GOV.UK Frontend\n * won't be supported.\n *\n * @param {HTMLElement | null} [$scope] - (internal) `<body>` HTML element checked for browser support\n * @returns {boolean} Whether GOV.UK Frontend is supported on this page\n */\nexport function isSupported($scope = document.body) {\n  if (!$scope) {\n    return false\n  }\n\n  return $scope.classList.contains('govuk-frontend-supported')\n}\n\n/**\n * Check for an array\n *\n * @internal\n * @param {unknown} option - Option to check\n * @returns {boolean} Whether the option is an array\n */\nfunction isArray(option) {\n  return Array.isArray(option)\n}\n\n/**\n * Check for an object\n *\n * @internal\n * @template {Partial<Record<keyof ObjectType, unknown>>} ObjectType\n * @param {unknown | ObjectType} option - Option to check\n * @returns {option is ObjectType} Whether the option is an object\n */\nexport function isObject(option) {\n  return !!option && typeof option === 'object' && !isArray(option)\n}\n\n/**\n * Check for valid scope\n *\n * @internal\n * @template {Element | Document} ScopeType\n * @param {unknown | ScopeType} $scope - Scope of the document to search within\n * @returns {$scope is ScopeType} Whether the scope can be queried\n */\nexport function isScope($scope) {\n  return !!$scope && ($scope instanceof Element || $scope instanceof Document)\n}\n\n/**\n * Format error message\n *\n * @internal\n * @param {ComponentWithModuleName} Component - Component that threw the error\n * @param {string} message - Error message\n * @returns {string} - Formatted error message\n */\nexport function formatErrorMessage(Component, message) {\n  return `${Component.moduleName}: ${message}`\n}\n\n/* eslint-disable jsdoc/valid-types --\n * `{new(...args: any[] ): object}` is not recognised as valid\n * https://github.com/gajus/eslint-plugin-jsdoc/issues/145#issuecomment-1308722878\n * https://github.com/jsdoc-type-pratt-parser/jsdoc-type-pratt-parser/issues/131\n **/\n\n/**\n * @typedef ComponentWithModuleName\n * @property {string} moduleName - Name of the component\n */\n\n/* eslint-enable jsdoc/valid-types */\n","import { formatErrorMessage, isObject } from '../common/index.mjs'\n\n/**\n * GOV.UK Frontend error\n *\n * A base class for `Error`s thrown by GOV.UK Frontend.\n *\n * It is meant to be extended into specific types of errors\n * to be thrown by our code.\n *\n * @example\n * ```js\n * class MissingRootError extends GOVUKFrontendError {\n *   // Setting an explicit name is important as extending the class will not\n *   // set a new `name` on the subclass. The `name` property is important\n *   // to ensure intelligible error names even if the class name gets\n *   // mangled by a minifier\n *   name = \"MissingRootError\"\n * }\n * ```\n * @virtual\n */\nexport class GOVUKFrontendError extends Error {\n  name = 'GOVUKFrontendError'\n}\n\n/**\n * Indicates that GOV.UK Frontend is not supported\n */\nexport class SupportError extends GOVUKFrontendError {\n  name = 'SupportError'\n\n  /**\n   * Checks if GOV.UK Frontend is supported on this page\n   *\n   * @param {HTMLElement | null} [$scope] - HTML element `<body>` checked for browser support\n   */\n  constructor($scope = document.body) {\n    const supportMessage =\n      'noModule' in HTMLScriptElement.prototype\n        ? 'GOV.UK Frontend initialised without `<body class=\"govuk-frontend-supported\">` from template `<script>` snippet'\n        : 'GOV.UK Frontend is not supported in this browser'\n\n    super(\n      $scope\n        ? supportMessage\n        : 'GOV.UK Frontend initialised without `<script type=\"module\">`'\n    )\n  }\n}\n\n/**\n * Indicates that a component has received an illegal configuration\n */\nexport class ConfigError extends GOVUKFrontendError {\n  name = 'ConfigError'\n}\n\n/**\n * Indicates an issue with an element (possibly `null` or `undefined`)\n */\nexport class ElementError extends GOVUKFrontendError {\n  name = 'ElementError'\n\n  /**\n   * @internal\n   * @overload\n   * @param {string} message - Element error message\n   */\n\n  /**\n   * @internal\n   * @overload\n   * @param {ElementErrorOptions} options - Element error options\n   */\n\n  /**\n   * @internal\n   * @param {string | ElementErrorOptions} messageOrOptions - Element error message or options\n   */\n  constructor(messageOrOptions) {\n    let message = typeof messageOrOptions === 'string' ? messageOrOptions : ''\n\n    // Build message from options\n    if (isObject(messageOrOptions)) {\n      const { component, identifier, element, expectedType } = messageOrOptions\n\n      message = identifier\n\n      // Append reason\n      message += element\n        ? ` is not of type ${expectedType ?? 'HTMLElement'}`\n        : ' not found'\n\n      // Prepend with module name (optional)\n      if (component) {\n        message = formatErrorMessage(component, message)\n      }\n    }\n\n    super(message)\n  }\n}\n\n/**\n * Indicates that a component is already initialised\n */\nexport class InitError extends GOVUKFrontendError {\n  name = 'InitError'\n\n  /**\n   * @internal\n   * @param {ComponentWithModuleName | string} componentOrMessage - name of the component module\n   */\n  constructor(componentOrMessage) {\n    const message =\n      typeof componentOrMessage === 'string'\n        ? componentOrMessage\n        : formatErrorMessage(\n            componentOrMessage,\n            `Root element (\\`$root\\`) already initialised`\n          )\n\n    super(message)\n  }\n}\n\n/**\n * Element error options\n *\n * @internal\n * @typedef {object} ElementErrorOptions\n * @property {Element | Document | null} [element] - The element in error (optional)\n * @property {ComponentWithModuleName} [component] - Component throwing the error (optional)\n * @property {string} identifier - An identifier that'll let the user understand which element has an error. This is whatever makes the most sense\n * @property {string} [expectedType] - The type that was expected for the identifier (optional)\n */\n\n/**\n * @import { ComponentWithModuleName } from '../common/index.mjs'\n */\n","import { isInitialised, isSupported } from './common/index.mjs'\nimport { ElementError, InitError, SupportError } from './errors/index.mjs'\n\n/**\n * Base Component class\n *\n * Centralises the behaviours shared by our components\n *\n * @virtual\n * @template {Element} [RootElementType=HTMLElement]\n */\nexport class Component {\n  /**\n   * @type {typeof Element}\n   */\n  static elementType = HTMLElement\n\n  // allows Typescript user to work around the lack of types\n  // in GOVUKFrontend package, Typescript is not aware of $root\n  // in components that extend GOVUKFrontendComponent\n  /**\n   * Returns the root element of the component\n   *\n   * @protected\n   * @returns {RootElementType} - the root element of component\n   */\n  get $root() {\n    return this._$root\n  }\n\n  /**\n   * @protected\n   * @type {RootElementType}\n   */\n  _$root\n\n  /**\n   * Constructs a new component, validating that GOV.UK Frontend is supported\n   *\n   * @internal\n   * @param {Element | null} [$root] - HTML element to use for component\n   */\n  constructor($root) {\n    const childConstructor = /** @type {ChildClassConstructor} */ (\n      this.constructor\n    )\n\n    // TypeScript does not enforce that inheriting classes will define a `moduleName`\n    // (even if we add a `@virtual` `static moduleName` property to this class).\n    // While we trust users to do this correctly, we do a little check to provide them\n    // a helpful error message.\n    //\n    // After this, we'll be sure that `childConstructor` has a `moduleName`\n    // as expected of the `ChildClassConstructor` we've cast `this.constructor` to.\n    if (typeof childConstructor.moduleName !== 'string') {\n      throw new InitError(`\\`moduleName\\` not defined in component`)\n    }\n\n    if (!($root instanceof childConstructor.elementType)) {\n      throw new ElementError({\n        element: $root,\n        component: childConstructor,\n        identifier: 'Root element (`$root`)',\n        expectedType: childConstructor.elementType.name\n      })\n    } else {\n      this._$root = /** @type {RootElementType} */ ($root)\n    }\n\n    childConstructor.checkSupport()\n\n    this.checkInitialised()\n\n    const moduleName = childConstructor.moduleName\n\n    this.$root.setAttribute(`data-${moduleName}-init`, '')\n  }\n\n  /**\n   * Validates whether component is already initialised\n   *\n   * @private\n   * @throws {InitError} when component is already initialised\n   */\n  checkInitialised() {\n    const constructor = /** @type {ChildClassConstructor} */ (this.constructor)\n    const moduleName = constructor.moduleName\n\n    if (moduleName && isInitialised(this.$root, moduleName)) {\n      throw new InitError(constructor)\n    }\n  }\n\n  /**\n   * Validates whether components are supported\n   *\n   * @throws {SupportError} when the components are not supported\n   */\n  static checkSupport() {\n    if (!isSupported()) {\n      throw new SupportError()\n    }\n  }\n}\n\n/**\n * @typedef ChildClass\n * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component\n */\n\n/**\n * @typedef {typeof Component & ChildClass} ChildClassConstructor\n */\n","import { Component } from '../../component.mjs'\nimport { ElementError } from '../../errors/index.mjs'\n\n/**\n * Radios component\n *\n * @preserve\n */\nexport class Radios extends Component {\n  /** @private */\n  $inputs\n\n  /**\n   * Radios can be associated with a 'conditionally revealed' content block –\n   * for example, a radio for 'Phone' could reveal an additional form field for\n   * the user to enter their phone number.\n   *\n   * These associations are made using a `data-aria-controls` attribute, which\n   * is promoted to an aria-controls attribute during initialisation.\n   *\n   * We also need to restore the state of any conditional reveals on the page\n   * (for example if the user has navigated back), and set up event handlers to\n   * keep the reveal in sync with the radio state.\n   *\n   * @param {Element | null} $root - HTML element to use for radios\n   */\n  constructor($root) {\n    super($root)\n\n    const $inputs = this.$root.querySelectorAll('input[type=\"radio\"]')\n    if (!$inputs.length) {\n      throw new ElementError({\n        component: Radios,\n        identifier: 'Form inputs (`<input type=\"radio\">`)'\n      })\n    }\n\n    this.$inputs = $inputs\n\n    this.$inputs.forEach(($input) => {\n      const targetId = $input.getAttribute('data-aria-controls')\n\n      // Skip radios without data-aria-controls attributes\n      if (!targetId) {\n        return\n      }\n\n      // Throw if target conditional element does not exist.\n      if (!document.getElementById(targetId)) {\n        throw new ElementError({\n          component: Radios,\n          identifier: `Conditional reveal (\\`id=\"${targetId}\"\\`)`\n        })\n      }\n\n      // Promote the data-aria-controls attribute to a aria-controls attribute\n      // so that the relationship is exposed in the AOM\n      $input.setAttribute('aria-controls', targetId)\n      $input.removeAttribute('data-aria-controls')\n    })\n\n    // When the page is restored after navigating 'back' in some browsers the\n    // state of form controls is not restored until *after* the DOMContentLoaded\n    // event is fired, so we need to sync after the pageshow event.\n    window.addEventListener('pageshow', () => this.syncAllConditionalReveals())\n\n    // Although we've set up handlers to sync state on the pageshow event, init\n    // could be called after those events have fired, for example if they are\n    // added to the page dynamically, so sync now too.\n    this.syncAllConditionalReveals()\n\n    // Handle events\n    this.$root.addEventListener('click', (event) => this.handleClick(event))\n  }\n\n  /**\n   * Sync the conditional reveal states for all radio buttons in this component.\n   *\n   * @private\n   */\n  syncAllConditionalReveals() {\n    this.$inputs.forEach(($input) =>\n      this.syncConditionalRevealWithInputState($input)\n    )\n  }\n\n  /**\n   * Sync conditional reveal with the input state\n   *\n   * Synchronise the visibility of the conditional reveal, and its accessible\n   * state, with the input's checked state.\n   *\n   * @private\n   * @param {HTMLInputElement} $input - Radio input\n   */\n  syncConditionalRevealWithInputState($input) {\n    const targetId = $input.getAttribute('aria-controls')\n    if (!targetId) {\n      return\n    }\n\n    const $target = document.getElementById(targetId)\n    if ($target?.classList.contains('govuk-radios__conditional')) {\n      const inputIsChecked = $input.checked\n\n      $input.setAttribute('aria-expanded', inputIsChecked.toString())\n      $target.classList.toggle(\n        'govuk-radios__conditional--hidden',\n        !inputIsChecked\n      )\n    }\n  }\n\n  /**\n   * Click event handler\n   *\n   * Handle a click within the component root – if the click occurred on a radio, sync\n   * the state of the conditional reveal for all radio buttons in the same form\n   * with the same name (because checking one radio could have un-checked a\n   * radio under the root of another Radio component)\n   *\n   * @private\n   * @param {MouseEvent} event - Click event\n   */\n  handleClick(event) {\n    const $clickedInput = event.target\n\n    // Ignore clicks on things that aren't radio buttons\n    if (\n      !($clickedInput instanceof HTMLInputElement) ||\n      $clickedInput.type !== 'radio'\n    ) {\n      return\n    }\n\n    // We only need to consider radios with conditional reveals, which will have\n    // aria-controls attributes.\n    const $allInputs = document.querySelectorAll(\n      'input[type=\"radio\"][aria-controls]'\n    )\n\n    const $clickedInputForm = $clickedInput.form\n    const $clickedInputName = $clickedInput.name\n\n    $allInputs.forEach(($input) => {\n      const hasSameFormOwner = $input.form === $clickedInputForm\n      const hasSameName = $input.name === $clickedInputName\n\n      if (hasSameName && hasSameFormOwner) {\n        this.syncConditionalRevealWithInputState($input)\n      }\n    })\n  }\n\n  /**\n   * Name for the component used when initialising using data-module attributes.\n   */\n  static moduleName = 'govuk-radios'\n}\n"],"names":["isInitialised","$root","moduleName","HTMLElement","hasAttribute","isSupported","$scope","document","body","classList","contains","isArray","option","Array","isObject","formatErrorMessage","Component","message","GOVUKFrontendError","Error","constructor","args","name","SupportError","supportMessage","HTMLScriptElement","prototype","ElementError","messageOrOptions","component","identifier","element","expectedType","InitError","componentOrMessage","_$root","childConstructor","elementType","checkSupport","checkInitialised","setAttribute","Radios","$inputs","querySelectorAll","length","forEach","$input","targetId","getAttribute","getElementById","removeAttribute","window","addEventListener","syncAllConditionalReveals","event","handleClick","syncConditionalRevealWithInputState","$target","inputIsChecked","checked","toString","toggle","$clickedInput","target","HTMLInputElement","type","$allInputs","$clickedInputForm","form","$clickedInputName","hasSameFormOwner","hasSameName"],"mappings":"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"}
\ No newline at end of file
diff --git a/node_modules/govuk-frontend/dist/govuk/components/radios/radios.mjs b/node_modules/govuk-frontend/dist/govuk/components/radios/radios.mjs
new file mode 100644
index 0000000..28fe54d
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/radios/radios.mjs
@@ -0,0 +1,88 @@
+import { Component } from '../../component.mjs';
+import { ElementError } from '../../errors/index.mjs';
+
+/**
+ * Radios component
+ *
+ * @preserve
+ */
+class Radios extends Component {
+  /**
+   * Radios can be associated with a 'conditionally revealed' content block –
+   * for example, a radio for 'Phone' could reveal an additional form field for
+   * the user to enter their phone number.
+   *
+   * These associations are made using a `data-aria-controls` attribute, which
+   * is promoted to an aria-controls attribute during initialisation.
+   *
+   * We also need to restore the state of any conditional reveals on the page
+   * (for example if the user has navigated back), and set up event handlers to
+   * keep the reveal in sync with the radio state.
+   *
+   * @param {Element | null} $root - HTML element to use for radios
+   */
+  constructor($root) {
+    super($root);
+    this.$inputs = void 0;
+    const $inputs = this.$root.querySelectorAll('input[type="radio"]');
+    if (!$inputs.length) {
+      throw new ElementError({
+        component: Radios,
+        identifier: 'Form inputs (`<input type="radio">`)'
+      });
+    }
+    this.$inputs = $inputs;
+    this.$inputs.forEach($input => {
+      const targetId = $input.getAttribute('data-aria-controls');
+      if (!targetId) {
+        return;
+      }
+      if (!document.getElementById(targetId)) {
+        throw new ElementError({
+          component: Radios,
+          identifier: `Conditional reveal (\`id="${targetId}"\`)`
+        });
+      }
+      $input.setAttribute('aria-controls', targetId);
+      $input.removeAttribute('data-aria-controls');
+    });
+    window.addEventListener('pageshow', () => this.syncAllConditionalReveals());
+    this.syncAllConditionalReveals();
+    this.$root.addEventListener('click', event => this.handleClick(event));
+  }
+  syncAllConditionalReveals() {
+    this.$inputs.forEach($input => this.syncConditionalRevealWithInputState($input));
+  }
+  syncConditionalRevealWithInputState($input) {
+    const targetId = $input.getAttribute('aria-controls');
+    if (!targetId) {
+      return;
+    }
+    const $target = document.getElementById(targetId);
+    if ($target != null && $target.classList.contains('govuk-radios__conditional')) {
+      const inputIsChecked = $input.checked;
+      $input.setAttribute('aria-expanded', inputIsChecked.toString());
+      $target.classList.toggle('govuk-radios__conditional--hidden', !inputIsChecked);
+    }
+  }
+  handleClick(event) {
+    const $clickedInput = event.target;
+    if (!($clickedInput instanceof HTMLInputElement) || $clickedInput.type !== 'radio') {
+      return;
+    }
+    const $allInputs = document.querySelectorAll('input[type="radio"][aria-controls]');
+    const $clickedInputForm = $clickedInput.form;
+    const $clickedInputName = $clickedInput.name;
+    $allInputs.forEach($input => {
+      const hasSameFormOwner = $input.form === $clickedInputForm;
+      const hasSameName = $input.name === $clickedInputName;
+      if (hasSameName && hasSameFormOwner) {
+        this.syncConditionalRevealWithInputState($input);
+      }
+    });
+  }
+}
+Radios.moduleName = 'govuk-radios';
+
+export { Radios };
+//# sourceMappingURL=radios.mjs.map
diff --git a/node_modules/govuk-frontend/dist/govuk/components/radios/radios.mjs.map b/node_modules/govuk-frontend/dist/govuk/components/radios/radios.mjs.map
new file mode 100644
index 0000000..3e80335
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/radios/radios.mjs.map
@@ -0,0 +1 @@
+{"version":3,"file":"radios.mjs","sources":["../../../../src/govuk/components/radios/radios.mjs"],"sourcesContent":["import { Component } from '../../component.mjs'\nimport { ElementError } from '../../errors/index.mjs'\n\n/**\n * Radios component\n *\n * @preserve\n */\nexport class Radios extends Component {\n  /** @private */\n  $inputs\n\n  /**\n   * Radios can be associated with a 'conditionally revealed' content block –\n   * for example, a radio for 'Phone' could reveal an additional form field for\n   * the user to enter their phone number.\n   *\n   * These associations are made using a `data-aria-controls` attribute, which\n   * is promoted to an aria-controls attribute during initialisation.\n   *\n   * We also need to restore the state of any conditional reveals on the page\n   * (for example if the user has navigated back), and set up event handlers to\n   * keep the reveal in sync with the radio state.\n   *\n   * @param {Element | null} $root - HTML element to use for radios\n   */\n  constructor($root) {\n    super($root)\n\n    const $inputs = this.$root.querySelectorAll('input[type=\"radio\"]')\n    if (!$inputs.length) {\n      throw new ElementError({\n        component: Radios,\n        identifier: 'Form inputs (`<input type=\"radio\">`)'\n      })\n    }\n\n    this.$inputs = $inputs\n\n    this.$inputs.forEach(($input) => {\n      const targetId = $input.getAttribute('data-aria-controls')\n\n      // Skip radios without data-aria-controls attributes\n      if (!targetId) {\n        return\n      }\n\n      // Throw if target conditional element does not exist.\n      if (!document.getElementById(targetId)) {\n        throw new ElementError({\n          component: Radios,\n          identifier: `Conditional reveal (\\`id=\"${targetId}\"\\`)`\n        })\n      }\n\n      // Promote the data-aria-controls attribute to a aria-controls attribute\n      // so that the relationship is exposed in the AOM\n      $input.setAttribute('aria-controls', targetId)\n      $input.removeAttribute('data-aria-controls')\n    })\n\n    // When the page is restored after navigating 'back' in some browsers the\n    // state of form controls is not restored until *after* the DOMContentLoaded\n    // event is fired, so we need to sync after the pageshow event.\n    window.addEventListener('pageshow', () => this.syncAllConditionalReveals())\n\n    // Although we've set up handlers to sync state on the pageshow event, init\n    // could be called after those events have fired, for example if they are\n    // added to the page dynamically, so sync now too.\n    this.syncAllConditionalReveals()\n\n    // Handle events\n    this.$root.addEventListener('click', (event) => this.handleClick(event))\n  }\n\n  /**\n   * Sync the conditional reveal states for all radio buttons in this component.\n   *\n   * @private\n   */\n  syncAllConditionalReveals() {\n    this.$inputs.forEach(($input) =>\n      this.syncConditionalRevealWithInputState($input)\n    )\n  }\n\n  /**\n   * Sync conditional reveal with the input state\n   *\n   * Synchronise the visibility of the conditional reveal, and its accessible\n   * state, with the input's checked state.\n   *\n   * @private\n   * @param {HTMLInputElement} $input - Radio input\n   */\n  syncConditionalRevealWithInputState($input) {\n    const targetId = $input.getAttribute('aria-controls')\n    if (!targetId) {\n      return\n    }\n\n    const $target = document.getElementById(targetId)\n    if ($target?.classList.contains('govuk-radios__conditional')) {\n      const inputIsChecked = $input.checked\n\n      $input.setAttribute('aria-expanded', inputIsChecked.toString())\n      $target.classList.toggle(\n        'govuk-radios__conditional--hidden',\n        !inputIsChecked\n      )\n    }\n  }\n\n  /**\n   * Click event handler\n   *\n   * Handle a click within the component root – if the click occurred on a radio, sync\n   * the state of the conditional reveal for all radio buttons in the same form\n   * with the same name (because checking one radio could have un-checked a\n   * radio under the root of another Radio component)\n   *\n   * @private\n   * @param {MouseEvent} event - Click event\n   */\n  handleClick(event) {\n    const $clickedInput = event.target\n\n    // Ignore clicks on things that aren't radio buttons\n    if (\n      !($clickedInput instanceof HTMLInputElement) ||\n      $clickedInput.type !== 'radio'\n    ) {\n      return\n    }\n\n    // We only need to consider radios with conditional reveals, which will have\n    // aria-controls attributes.\n    const $allInputs = document.querySelectorAll(\n      'input[type=\"radio\"][aria-controls]'\n    )\n\n    const $clickedInputForm = $clickedInput.form\n    const $clickedInputName = $clickedInput.name\n\n    $allInputs.forEach(($input) => {\n      const hasSameFormOwner = $input.form === $clickedInputForm\n      const hasSameName = $input.name === $clickedInputName\n\n      if (hasSameName && hasSameFormOwner) {\n        this.syncConditionalRevealWithInputState($input)\n      }\n    })\n  }\n\n  /**\n   * Name for the component used when initialising using data-module attributes.\n   */\n  static moduleName = 'govuk-radios'\n}\n"],"names":["Radios","Component","constructor","$root","$inputs","querySelectorAll","length","ElementError","component","identifier","forEach","$input","targetId","getAttribute","document","getElementById","setAttribute","removeAttribute","window","addEventListener","syncAllConditionalReveals","event","handleClick","syncConditionalRevealWithInputState","$target","classList","contains","inputIsChecked","checked","toString","toggle","$clickedInput","target","HTMLInputElement","type","$allInputs","$clickedInputForm","form","$clickedInputName","name","hasSameFormOwner","hasSameName","moduleName"],"mappings":"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"}
\ No newline at end of file
diff --git a/node_modules/govuk-frontend/dist/govuk/components/radios/template-default.html b/node_modules/govuk-frontend/dist/govuk/components/radios/template-default.html
new file mode 100644
index 0000000..93ce17f
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/radios/template-default.html
@@ -0,0 +1,21 @@
+<div class="govuk-form-group">
+  <fieldset class="govuk-fieldset">
+  <legend class="govuk-fieldset__legend">
+    Have you changed your name?
+  </legend>
+  <div class="govuk-radios" data-module="govuk-radios">
+    <div class="govuk-radios__item">
+      <input class="govuk-radios__input" id="example-default" name="example-default" type="radio" value="yes">
+      <label class="govuk-label govuk-radios__label" for="example-default">
+        Yes
+      </label>
+    </div>
+    <div class="govuk-radios__item">
+      <input class="govuk-radios__input" id="example-default-2" name="example-default" type="radio" value="no">
+      <label class="govuk-label govuk-radios__label" for="example-default-2">
+        No
+      </label>
+    </div>
+  </div>
+</fieldset>
+</div>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/radios/template-inline.html b/node_modules/govuk-frontend/dist/govuk/components/radios/template-inline.html
new file mode 100644
index 0000000..82f6ae5
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/radios/template-inline.html
@@ -0,0 +1,24 @@
+<div class="govuk-form-group">
+  <fieldset class="govuk-fieldset" aria-describedby="example-hint">
+  <legend class="govuk-fieldset__legend">
+    Have you changed your name?
+  </legend>
+  <div id="example-hint" class="govuk-hint">
+    This includes changing your last name or spelling your name differently.
+  </div>
+  <div class="govuk-radios govuk-radios--inline" data-module="govuk-radios">
+    <div class="govuk-radios__item">
+      <input class="govuk-radios__input" id="example" name="example" type="radio" value="yes">
+      <label class="govuk-label govuk-radios__label" for="example">
+        Yes
+      </label>
+    </div>
+    <div class="govuk-radios__item">
+      <input class="govuk-radios__input" id="example-2" name="example" type="radio" value="no" checked>
+      <label class="govuk-label govuk-radios__label" for="example-2">
+        No
+      </label>
+    </div>
+  </div>
+</fieldset>
+</div>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/radios/template-small-inline.html b/node_modules/govuk-frontend/dist/govuk/components/radios/template-small-inline.html
new file mode 100644
index 0000000..6a5878b
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/radios/template-small-inline.html
@@ -0,0 +1,27 @@
+<div class="govuk-form-group">
+  <fieldset class="govuk-fieldset">
+  <legend class="govuk-fieldset__legend">
+    Sort by
+  </legend>
+  <div class="govuk-radios govuk-radios--small govuk-radios--inline" data-module="govuk-radios">
+    <div class="govuk-radios__item">
+      <input class="govuk-radios__input" id="sort" name="example" type="radio" value="relevance">
+      <label class="govuk-label govuk-radios__label" for="sort">
+        relevance
+      </label>
+    </div>
+    <div class="govuk-radios__item">
+      <input class="govuk-radios__input" id="sort-2" name="example" type="radio" value="title">
+      <label class="govuk-label govuk-radios__label" for="sort-2">
+        title
+      </label>
+    </div>
+    <div class="govuk-radios__item">
+      <input class="govuk-radios__input" id="sort-3" name="example" type="radio" value="created">
+      <label class="govuk-label govuk-radios__label" for="sort-3">
+        created
+      </label>
+    </div>
+  </div>
+</fieldset>
+</div>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/radios/template-small-with-a-divider.html b/node_modules/govuk-frontend/dist/govuk/components/radios/template-small-with-a-divider.html
new file mode 100644
index 0000000..c5e2247
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/radios/template-small-with-a-divider.html
@@ -0,0 +1,28 @@
+<div class="govuk-form-group">
+  <fieldset class="govuk-fieldset">
+  <legend class="govuk-fieldset__legend">
+    How do you want to sign in?
+  </legend>
+  <div class="govuk-radios govuk-radios--small" data-module="govuk-radios">
+    <div class="govuk-radios__item">
+      <input class="govuk-radios__input" id="example-small-divider" name="example" type="radio" value="government-gateway">
+      <label class="govuk-label govuk-radios__label" for="example-small-divider">
+        Use Government Gateway
+      </label>
+    </div>
+    <div class="govuk-radios__item">
+      <input class="govuk-radios__input" id="example-small-divider-2" name="example" type="radio" value="govuk-verify">
+      <label class="govuk-label govuk-radios__label" for="example-small-divider-2">
+        Use GOV.UK Verify
+      </label>
+    </div>
+    <div class="govuk-radios__divider">or</div>
+    <div class="govuk-radios__item">
+      <input class="govuk-radios__input" id="example-small-divider-4" name="example" type="radio" value="create-account">
+      <label class="govuk-label govuk-radios__label" for="example-small-divider-4">
+        Create an account
+      </label>
+    </div>
+  </div>
+</fieldset>
+</div>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/radios/template-small-with-conditional-reveal.html b/node_modules/govuk-frontend/dist/govuk/components/radios/template-small-with-conditional-reveal.html
new file mode 100644
index 0000000..a65a040
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/radios/template-small-with-conditional-reveal.html
@@ -0,0 +1,31 @@
+<div class="govuk-form-group govuk-radios--small">
+  <fieldset class="govuk-fieldset">
+  <legend class="govuk-fieldset__legend">
+    How do you want to be contacted?
+  </legend>
+  <div class="govuk-radios" data-module="govuk-radios">
+    <div class="govuk-radios__item">
+      <input class="govuk-radios__input" id="how-contacted-2" name="how-contacted-2" type="radio" value="email" data-aria-controls="conditional-how-contacted-2">
+      <label class="govuk-label govuk-radios__label" for="how-contacted-2">
+        Email
+      </label>
+    </div>
+    <div class="govuk-radios__conditional govuk-radios__conditional--hidden" id="conditional-how-contacted-2">
+      <label class="govuk-label" for="context-email">Foo</label>
+<input class="govuk-input govuk-!-width-one-third" name="context-email" type="text" id="context-email">
+    </div>
+    <div class="govuk-radios__item">
+      <input class="govuk-radios__input" id="how-contacted-2-2" name="how-contacted-2" type="radio" value="phone">
+      <label class="govuk-label govuk-radios__label" for="how-contacted-2-2">
+        Phone
+      </label>
+    </div>
+    <div class="govuk-radios__item">
+      <input class="govuk-radios__input" id="how-contacted-2-3" name="how-contacted-2" type="radio" value="text">
+      <label class="govuk-label govuk-radios__label" for="how-contacted-2-3">
+        Text message
+      </label>
+    </div>
+  </div>
+</fieldset>
+</div>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/radios/template-small-with-error.html b/node_modules/govuk-frontend/dist/govuk/components/radios/template-small-with-error.html
new file mode 100644
index 0000000..74b2de8
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/radios/template-small-with-error.html
@@ -0,0 +1,30 @@
+<div class="govuk-form-group govuk-form-group--error govuk-radios--small">
+  <fieldset class="govuk-fieldset" aria-describedby="how-contacted-2-error">
+  <legend class="govuk-fieldset__legend">
+    How do you want to be contacted?
+  </legend>
+  <p id="how-contacted-2-error" class="govuk-error-message">
+    <span class="govuk-visually-hidden">Error:</span> Select a thing
+  </p>
+  <div class="govuk-radios" data-module="govuk-radios">
+    <div class="govuk-radios__item">
+      <input class="govuk-radios__input" id="how-contacted-2" name="how-contacted-2" type="radio" value="email">
+      <label class="govuk-label govuk-radios__label" for="how-contacted-2">
+        Email
+      </label>
+    </div>
+    <div class="govuk-radios__item">
+      <input class="govuk-radios__input" id="how-contacted-2-2" name="how-contacted-2" type="radio" value="phone">
+      <label class="govuk-label govuk-radios__label" for="how-contacted-2-2">
+        Phone
+      </label>
+    </div>
+    <div class="govuk-radios__item">
+      <input class="govuk-radios__input" id="how-contacted-2-3" name="how-contacted-2" type="radio" value="text">
+      <label class="govuk-label govuk-radios__label" for="how-contacted-2-3">
+        Text message
+      </label>
+    </div>
+  </div>
+</fieldset>
+</div>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/radios/template-small-with-hint.html b/node_modules/govuk-frontend/dist/govuk/components/radios/template-small-with-hint.html
new file mode 100644
index 0000000..b23b4d4
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/radios/template-small-with-hint.html
@@ -0,0 +1,30 @@
+<div class="govuk-form-group govuk-radios--small">
+  <fieldset class="govuk-fieldset">
+  <legend class="govuk-fieldset__legend">
+    How do you want to be contacted?
+  </legend>
+  <div class="govuk-radios" data-module="govuk-radios">
+    <div class="govuk-radios__item">
+      <input class="govuk-radios__input" id="how-contacted-2" name="how-contacted-2" type="radio" value="email" aria-describedby="how-contacted-2-item-hint">
+      <label class="govuk-label govuk-radios__label" for="how-contacted-2">
+        Email
+      </label>
+      <div id="how-contacted-2-item-hint" class="govuk-hint govuk-radios__hint">
+        Hint for email address
+      </div>
+    </div>
+    <div class="govuk-radios__item">
+      <input class="govuk-radios__input" id="how-contacted-2-2" name="how-contacted-2" type="radio" value="phone">
+      <label class="govuk-label govuk-radios__label" for="how-contacted-2-2">
+        Phone
+      </label>
+    </div>
+    <div class="govuk-radios__item">
+      <input class="govuk-radios__input" id="how-contacted-2-3" name="how-contacted-2" type="radio" value="text">
+      <label class="govuk-label govuk-radios__label" for="how-contacted-2-3">
+        Text message
+      </label>
+    </div>
+  </div>
+</fieldset>
+</div>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/radios/template-small-with-long-text.html b/node_modules/govuk-frontend/dist/govuk/components/radios/template-small-with-long-text.html
new file mode 100644
index 0000000..62840d2
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/radios/template-small-with-long-text.html
@@ -0,0 +1,27 @@
+<div class="govuk-form-group">
+  <fieldset class="govuk-fieldset">
+  <legend class="govuk-fieldset__legend">
+    Venenatis Condimentum
+  </legend>
+  <div class="govuk-radios govuk-radios--small" data-module="govuk-radios">
+    <div class="govuk-radios__item">
+      <input class="govuk-radios__input" id="foo" name="foo" type="radio" value="nullam">
+      <label class="govuk-label govuk-radios__label" for="foo">
+        Nullam id dolor id nibh ultricies vehicula ut id elit. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Maecenas faucibus mollis interdum. Donec id elit non mi porta gravida at eget metus.
+      </label>
+    </div>
+    <div class="govuk-radios__item">
+      <input class="govuk-radios__input" id="foo-2" name="foo" type="radio" value="aenean">
+      <label class="govuk-label govuk-radios__label" for="foo-2">
+        Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Donec sed odio dui. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Cras mattis consectetur purus sit amet fermentum.
+      </label>
+    </div>
+    <div class="govuk-radios__item">
+      <input class="govuk-radios__input" id="foo-3" name="foo" type="radio" value="fusce">
+      <label class="govuk-label govuk-radios__label" for="foo-3">
+        Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Etiam porta sem malesuada magna mollis euismod. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. Sed posuere consectetur est at lobortis.
+      </label>
+    </div>
+  </div>
+</fieldset>
+</div>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/radios/template-small.html b/node_modules/govuk-frontend/dist/govuk/components/radios/template-small.html
new file mode 100644
index 0000000..5c6f5b7
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/radios/template-small.html
@@ -0,0 +1,27 @@
+<div class="govuk-form-group govuk-radios--small">
+  <fieldset class="govuk-fieldset">
+  <legend class="govuk-fieldset__legend">
+    How do you want to be contacted?
+  </legend>
+  <div class="govuk-radios" data-module="govuk-radios">
+    <div class="govuk-radios__item">
+      <input class="govuk-radios__input" id="how-contacted-2" name="how-contacted-2" type="radio" value="email">
+      <label class="govuk-label govuk-radios__label" for="how-contacted-2">
+        Email
+      </label>
+    </div>
+    <div class="govuk-radios__item">
+      <input class="govuk-radios__input" id="how-contacted-2-2" name="how-contacted-2" type="radio" value="phone">
+      <label class="govuk-label govuk-radios__label" for="how-contacted-2-2">
+        Phone
+      </label>
+    </div>
+    <div class="govuk-radios__item">
+      <input class="govuk-radios__input" id="how-contacted-2-3" name="how-contacted-2" type="radio" value="text">
+      <label class="govuk-label govuk-radios__label" for="how-contacted-2-3">
+        Text message
+      </label>
+    </div>
+  </div>
+</fieldset>
+</div>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/radios/template-with-a-divider.html b/node_modules/govuk-frontend/dist/govuk/components/radios/template-with-a-divider.html
new file mode 100644
index 0000000..d50b422
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/radios/template-with-a-divider.html
@@ -0,0 +1,28 @@
+<div class="govuk-form-group">
+  <fieldset class="govuk-fieldset">
+  <legend class="govuk-fieldset__legend">
+    How do you want to sign in?
+  </legend>
+  <div class="govuk-radios" data-module="govuk-radios">
+    <div class="govuk-radios__item">
+      <input class="govuk-radios__input" id="example-divider" name="example" type="radio" value="government-gateway">
+      <label class="govuk-label govuk-radios__label" for="example-divider">
+        Use Government Gateway
+      </label>
+    </div>
+    <div class="govuk-radios__item">
+      <input class="govuk-radios__input" id="example-divider-2" name="example" type="radio" value="govuk-verify">
+      <label class="govuk-label govuk-radios__label" for="example-divider-2">
+        Use GOV.UK Verify
+      </label>
+    </div>
+    <div class="govuk-radios__divider">or</div>
+    <div class="govuk-radios__item">
+      <input class="govuk-radios__input" id="example-divider-4" name="example" type="radio" value="create-account">
+      <label class="govuk-label govuk-radios__label" for="example-divider-4">
+        Create an account
+      </label>
+    </div>
+  </div>
+</fieldset>
+</div>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/radios/template-with-conditional-item-checked.html b/node_modules/govuk-frontend/dist/govuk/components/radios/template-with-conditional-item-checked.html
new file mode 100644
index 0000000..246f9b2
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/radios/template-with-conditional-item-checked.html
@@ -0,0 +1,39 @@
+<div class="govuk-form-group">
+  <fieldset class="govuk-fieldset">
+  <legend class="govuk-fieldset__legend">
+    How do you want to be contacted?
+  </legend>
+  <div class="govuk-radios" data-module="govuk-radios">
+    <div class="govuk-radios__item">
+      <input class="govuk-radios__input" id="how-contacted-checked" name="how-contacted-checked" type="radio" value="email" checked data-aria-controls="conditional-how-contacted-checked">
+      <label class="govuk-label govuk-radios__label" for="how-contacted-checked">
+        Email
+      </label>
+    </div>
+    <div class="govuk-radios__conditional" id="conditional-how-contacted-checked">
+      <label class="govuk-label" for="context-email">Email</label>
+<input class="govuk-input govuk-!-width-one-third" name="context-email" type="text" id="context-email">
+    </div>
+    <div class="govuk-radios__item">
+      <input class="govuk-radios__input" id="how-contacted-checked-2" name="how-contacted-checked" type="radio" value="phone" data-aria-controls="conditional-how-contacted-checked-2">
+      <label class="govuk-label govuk-radios__label" for="how-contacted-checked-2">
+        Phone
+      </label>
+    </div>
+    <div class="govuk-radios__conditional govuk-radios__conditional--hidden" id="conditional-how-contacted-checked-2">
+      <label class="govuk-label" for="contact-phone">Phone number</label>
+<input class="govuk-input govuk-!-width-one-third" name="contact-phone" type="text" id="contact-phone">
+    </div>
+    <div class="govuk-radios__item">
+      <input class="govuk-radios__input" id="how-contacted-checked-3" name="how-contacted-checked" type="radio" value="text" data-aria-controls="conditional-how-contacted-checked-3">
+      <label class="govuk-label govuk-radios__label" for="how-contacted-checked-3">
+        Text message
+      </label>
+    </div>
+    <div class="govuk-radios__conditional govuk-radios__conditional--hidden" id="conditional-how-contacted-checked-3">
+      <label class="govuk-label" for="contact-text-message">Mobile phone number</label>
+<input class="govuk-input govuk-!-width-one-third" name="contact-text-message" type="text" id="contact-text-message">
+    </div>
+  </div>
+</fieldset>
+</div>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/radios/template-with-conditional-items-and-pre-checked-value.html b/node_modules/govuk-frontend/dist/govuk/components/radios/template-with-conditional-items-and-pre-checked-value.html
new file mode 100644
index 0000000..3f1e769
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/radios/template-with-conditional-items-and-pre-checked-value.html
@@ -0,0 +1,39 @@
+<div class="govuk-form-group">
+  <fieldset class="govuk-fieldset">
+  <legend class="govuk-fieldset__legend">
+    How do you want to be contacted?
+  </legend>
+  <div class="govuk-radios" data-module="govuk-radios">
+    <div class="govuk-radios__item">
+      <input class="govuk-radios__input" id="how-contacted-checked" name="how-contacted-checked" type="radio" value="email" data-aria-controls="conditional-how-contacted-checked">
+      <label class="govuk-label govuk-radios__label" for="how-contacted-checked">
+        Email
+      </label>
+    </div>
+    <div class="govuk-radios__conditional govuk-radios__conditional--hidden" id="conditional-how-contacted-checked">
+      <label class="govuk-label" for="context-email">Email</label>
+<input class="govuk-input govuk-!-width-one-third" name="context-email" type="text" id="context-email">
+    </div>
+    <div class="govuk-radios__item">
+      <input class="govuk-radios__input" id="how-contacted-checked-2" name="how-contacted-checked" type="radio" value="phone" data-aria-controls="conditional-how-contacted-checked-2">
+      <label class="govuk-label govuk-radios__label" for="how-contacted-checked-2">
+        Phone
+      </label>
+    </div>
+    <div class="govuk-radios__conditional govuk-radios__conditional--hidden" id="conditional-how-contacted-checked-2">
+      <label class="govuk-label" for="contact-phone">Phone number</label>
+<input class="govuk-input govuk-!-width-one-third" name="contact-phone" type="text" id="contact-phone">
+    </div>
+    <div class="govuk-radios__item">
+      <input class="govuk-radios__input" id="how-contacted-checked-3" name="how-contacted-checked" type="radio" value="text" checked data-aria-controls="conditional-how-contacted-checked-3">
+      <label class="govuk-label govuk-radios__label" for="how-contacted-checked-3">
+        Text message
+      </label>
+    </div>
+    <div class="govuk-radios__conditional" id="conditional-how-contacted-checked-3">
+      <label class="govuk-label" for="contact-text-message">Mobile phone number</label>
+<input class="govuk-input govuk-!-width-one-third" name="contact-text-message" type="text" id="contact-text-message">
+    </div>
+  </div>
+</fieldset>
+</div>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/radios/template-with-conditional-items.html b/node_modules/govuk-frontend/dist/govuk/components/radios/template-with-conditional-items.html
new file mode 100644
index 0000000..065c02c
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/radios/template-with-conditional-items.html
@@ -0,0 +1,39 @@
+<div class="govuk-form-group">
+  <fieldset class="govuk-fieldset">
+  <legend class="govuk-fieldset__legend">
+    How do you want to be contacted?
+  </legend>
+  <div class="govuk-radios" data-module="govuk-radios">
+    <div class="govuk-radios__item">
+      <input class="govuk-radios__input" id="how-contacted" name="how-contacted" type="radio" value="email" data-aria-controls="conditional-how-contacted">
+      <label class="govuk-label govuk-radios__label" for="how-contacted">
+        Email
+      </label>
+    </div>
+    <div class="govuk-radios__conditional govuk-radios__conditional--hidden" id="conditional-how-contacted">
+      <label class="govuk-label" for="context-email">Email address</label>
+<input class="govuk-input govuk-!-width-one-third" name="context-email" type="text" id="context-email">
+    </div>
+    <div class="govuk-radios__item">
+      <input class="govuk-radios__input" id="how-contacted-2" name="how-contacted" type="radio" value="phone" data-aria-controls="conditional-how-contacted-2">
+      <label class="govuk-label govuk-radios__label" for="how-contacted-2">
+        Phone
+      </label>
+    </div>
+    <div class="govuk-radios__conditional govuk-radios__conditional--hidden" id="conditional-how-contacted-2">
+      <label class="govuk-label" for="contact-phone">Phone number</label>
+<input class="govuk-input govuk-!-width-one-third" name="contact-phone" type="text" id="contact-phone">
+    </div>
+    <div class="govuk-radios__item">
+      <input class="govuk-radios__input" id="how-contacted-3" name="how-contacted" type="radio" value="text" data-aria-controls="conditional-how-contacted-3">
+      <label class="govuk-label govuk-radios__label" for="how-contacted-3">
+        Text message
+      </label>
+    </div>
+    <div class="govuk-radios__conditional govuk-radios__conditional--hidden" id="conditional-how-contacted-3">
+      <label class="govuk-label" for="contact-text-message">Mobile phone number</label>
+<input class="govuk-input govuk-!-width-one-third" name="contact-text-message" type="text" id="contact-text-message">
+    </div>
+  </div>
+</fieldset>
+</div>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/radios/template-with-fieldset-and-error-message.html b/node_modules/govuk-frontend/dist/govuk/components/radios/template-with-fieldset-and-error-message.html
new file mode 100644
index 0000000..8a3fea7
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/radios/template-with-fieldset-and-error-message.html
@@ -0,0 +1,24 @@
+<div class="govuk-form-group govuk-form-group--error">
+  <fieldset class="govuk-fieldset" aria-describedby="example-error">
+  <legend class="govuk-fieldset__legend">
+    Have you changed your name?
+  </legend>
+  <p id="example-error" class="govuk-error-message">
+    <span class="govuk-visually-hidden">Error:</span> Please select an option
+  </p>
+  <div class="govuk-radios" data-module="govuk-radios">
+    <div class="govuk-radios__item">
+      <input class="govuk-radios__input" id="example" name="example" type="radio" value="yes">
+      <label class="govuk-label govuk-radios__label" for="example">
+        Yes
+      </label>
+    </div>
+    <div class="govuk-radios__item">
+      <input class="govuk-radios__input" id="example-2" name="example" type="radio" value="no" checked>
+      <label class="govuk-label govuk-radios__label" for="example-2">
+        No
+      </label>
+    </div>
+  </div>
+</fieldset>
+</div>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/radios/template-with-hint.html b/node_modules/govuk-frontend/dist/govuk/components/radios/template-with-hint.html
new file mode 100644
index 0000000..eb283c8
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/radios/template-with-hint.html
@@ -0,0 +1,24 @@
+<div class="govuk-form-group">
+  <fieldset class="govuk-fieldset" aria-describedby="example-with-hint-hint">
+  <legend class="govuk-fieldset__legend">
+    Have you changed your name?
+  </legend>
+  <div id="example-with-hint-hint" class="govuk-hint">
+    This includes changing your last name or spelling your name differently.
+  </div>
+  <div class="govuk-radios" data-module="govuk-radios">
+    <div class="govuk-radios__item">
+      <input class="govuk-radios__input" id="example-with-hint" name="example-with-hint" type="radio" value="yes">
+      <label class="govuk-label govuk-radios__label" for="example-with-hint">
+        Yes
+      </label>
+    </div>
+    <div class="govuk-radios__item">
+      <input class="govuk-radios__input" id="example-with-hint-2" name="example-with-hint" type="radio" value="no">
+      <label class="govuk-label govuk-radios__label" for="example-with-hint-2">
+        No
+      </label>
+    </div>
+  </div>
+</fieldset>
+</div>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/radios/template-with-hints-on-items.html b/node_modules/govuk-frontend/dist/govuk/components/radios/template-with-hints-on-items.html
new file mode 100644
index 0000000..011056d
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/radios/template-with-hints-on-items.html
@@ -0,0 +1,29 @@
+<div class="govuk-form-group">
+  <fieldset class="govuk-fieldset">
+  <legend class="govuk-fieldset__legend govuk-fieldset__legend--l">
+    <h1 class="govuk-fieldset__heading">
+      How do you want to sign in?
+    </h1>
+  </legend>
+  <div class="govuk-radios" data-module="govuk-radios">
+    <div class="govuk-radios__item">
+      <input class="govuk-radios__input" id="gateway" name="gov" type="radio" value="gateway" aria-describedby="gateway-item-hint">
+      <label class="govuk-label govuk-radios__label" for="gateway">
+        Sign in with Government Gateway
+      </label>
+      <div id="gateway-item-hint" class="govuk-hint govuk-radios__hint">
+        You’ll have a user ID if you’ve registered for Self Assessment or filed a tax return online before.
+      </div>
+    </div>
+    <div class="govuk-radios__item">
+      <input class="govuk-radios__input" id="verify" name="gov" type="radio" value="verify" aria-describedby="verify-item-hint">
+      <label class="govuk-label govuk-radios__label" for="verify">
+        Sign in with GOV.UK Verify
+      </label>
+      <div id="verify-item-hint" class="govuk-hint govuk-radios__hint">
+        You’ll have an account if you’ve already proved your identity with either Barclays, CitizenSafe, Digidentity, Experian, Post Office, Royal Mail or SecureIdentity.
+      </div>
+    </div>
+  </div>
+</fieldset>
+</div>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/radios/template-with-legend-as-page-heading.html b/node_modules/govuk-frontend/dist/govuk/components/radios/template-with-legend-as-page-heading.html
new file mode 100644
index 0000000..7a528e2
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/radios/template-with-legend-as-page-heading.html
@@ -0,0 +1,26 @@
+<div class="govuk-form-group">
+  <fieldset class="govuk-fieldset" aria-describedby="housing-act-hint">
+  <legend class="govuk-fieldset__legend govuk-fieldset__legend--l">
+    <h1 class="govuk-fieldset__heading">
+      Which part of the Housing Act was your licence issued under?
+    </h1>
+  </legend>
+  <div id="housing-act-hint" class="govuk-hint">
+    Select one of the options below.
+  </div>
+  <div class="govuk-radios" data-module="govuk-radios">
+    <div class="govuk-radios__item">
+      <input class="govuk-radios__input" id="housing-act" name="housing-act" type="radio" value="part-2">
+      <label class="govuk-label govuk-radios__label" for="housing-act">
+        <span class="govuk-heading-s govuk-!-margin-bottom-1">Part 2 of the Housing Act 2004</span> For properties that are 3 or more stories high and occupied by 5 or more people
+      </label>
+    </div>
+    <div class="govuk-radios__item">
+      <input class="govuk-radios__input" id="housing-act-2" name="housing-act" type="radio" value="part-3">
+      <label class="govuk-label govuk-radios__label" for="housing-act-2">
+        <span class="govuk-heading-s govuk-!-margin-bottom-1">Part 3 of the Housing Act 2004</span> For properties that are within a geographical area defined by a local council
+      </label>
+    </div>
+  </div>
+</fieldset>
+</div>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/radios/template-with-optional-form-group-classes-showing-group-error.html b/node_modules/govuk-frontend/dist/govuk/components/radios/template-with-optional-form-group-classes-showing-group-error.html
new file mode 100644
index 0000000..4b2a0b7
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/radios/template-with-optional-form-group-classes-showing-group-error.html
@@ -0,0 +1,40 @@
+<div class="govuk-form-group govuk-form-group--error">
+  <fieldset class="govuk-fieldset">
+  <legend class="govuk-fieldset__legend">
+    How do you want to be contacted?
+  </legend>
+  <div class="govuk-radios" data-module="govuk-radios">
+    <div class="govuk-radios__item">
+      <input class="govuk-radios__input" id="how-contacted-2" name="how-contacted-2" type="radio" value="email" data-aria-controls="conditional-how-contacted-2">
+      <label class="govuk-label govuk-radios__label" for="how-contacted-2">
+        Email
+      </label>
+    </div>
+    <div class="govuk-radios__conditional govuk-radios__conditional--hidden" id="conditional-how-contacted-2">
+      <label class="govuk-label" for="context-email">Email address</label>
+<input class="govuk-input govuk-!-width-one-third" name="context-email" type="text" id="context-email">
+    </div>
+    <div class="govuk-radios__item">
+      <input class="govuk-radios__input" id="how-contacted-2-2" name="how-contacted-2" type="radio" value="phone" checked data-aria-controls="conditional-how-contacted-2-2">
+      <label class="govuk-label govuk-radios__label" for="how-contacted-2-2">
+        Phone
+      </label>
+    </div>
+    <div class="govuk-radios__conditional" id="conditional-how-contacted-2-2">
+      <label class="govuk-label" for="contact-phone">Phone number</label>
+<span id="contact-phone-error" class="govuk-error-message">Problem with input</span>
+<input class="govuk-input govuk-input--error govuk-!-width-one-third" name="contact-phone" type="text" id="contact-phone" aria-describedby="contact-phone-error">
+    </div>
+    <div class="govuk-radios__item">
+      <input class="govuk-radios__input" id="how-contacted-2-3" name="how-contacted-2" type="radio" value="text" data-aria-controls="conditional-how-contacted-2-3">
+      <label class="govuk-label govuk-radios__label" for="how-contacted-2-3">
+        Text message
+      </label>
+    </div>
+    <div class="govuk-radios__conditional govuk-radios__conditional--hidden" id="conditional-how-contacted-2-3">
+      <label class="govuk-label" for="contact-text-message">Mobile phone number</label>
+<input class="govuk-input govuk-!-width-one-third" name="contact-text-message" type="text" id="contact-text-message">
+    </div>
+  </div>
+</fieldset>
+</div>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/radios/template-with-very-long-option-text.html b/node_modules/govuk-frontend/dist/govuk/components/radios/template-with-very-long-option-text.html
new file mode 100644
index 0000000..2e06689
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/radios/template-with-very-long-option-text.html
@@ -0,0 +1,33 @@
+<div class="govuk-form-group govuk-form-group--error">
+  <fieldset class="govuk-fieldset" aria-describedby="waste-hint waste-error">
+  <legend class="govuk-fieldset__legend">
+    Maecenas faucibus mollis interdum?
+  </legend>
+  <div id="waste-hint" class="govuk-hint">
+    Nullam id dolor id nibh ultricies vehicula ut id elit.
+  </div>
+  <p id="waste-error" class="govuk-error-message">
+    <span class="govuk-visually-hidden">Error:</span> Lorem ipsum dolor sit amet, consectetur adipiscing elit.
+  </p>
+  <div class="govuk-radios" data-module="govuk-radios">
+    <div class="govuk-radios__item">
+      <input class="govuk-radios__input" id="waste" name="waste" type="radio" value="nullam">
+      <label class="govuk-label govuk-radios__label" for="waste">
+        Nullam id dolor id nibh ultricies vehicula ut id elit. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Maecenas faucibus mollis interdum. Donec id elit non mi porta gravida at eget metus.
+      </label>
+    </div>
+    <div class="govuk-radios__item">
+      <input class="govuk-radios__input" id="waste-2" name="waste" type="radio" value="aenean">
+      <label class="govuk-label govuk-radios__label" for="waste-2">
+        Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Donec sed odio dui. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Cras mattis consectetur purus sit amet fermentum.
+      </label>
+    </div>
+    <div class="govuk-radios__item">
+      <input class="govuk-radios__input" id="waste-3" name="waste" type="radio" value="fusce">
+      <label class="govuk-label govuk-radios__label" for="waste-3">
+        Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Etiam porta sem malesuada magna mollis euismod. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. Sed posuere consectetur est at lobortis.
+      </label>
+    </div>
+  </div>
+</fieldset>
+</div>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/radios/template-without-fieldset.html b/node_modules/govuk-frontend/dist/govuk/components/radios/template-without-fieldset.html
new file mode 100644
index 0000000..77edadc
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/radios/template-without-fieldset.html
@@ -0,0 +1,22 @@
+<div class="govuk-form-group">
+  <div class="govuk-radios" data-module="govuk-radios">
+    <div class="govuk-radios__item">
+      <input class="govuk-radios__input" id="colours" name="colours" type="radio" value="red">
+      <label class="govuk-label govuk-radios__label" for="colours">
+        Red
+      </label>
+    </div>
+    <div class="govuk-radios__item">
+      <input class="govuk-radios__input" id="colours-2" name="colours" type="radio" value="green">
+      <label class="govuk-label govuk-radios__label" for="colours-2">
+        Green
+      </label>
+    </div>
+    <div class="govuk-radios__item">
+      <input class="govuk-radios__input" id="colours-3" name="colours" type="radio" value="blue">
+      <label class="govuk-label govuk-radios__label" for="colours-3">
+        Blue
+      </label>
+    </div>
+  </div>
+</div>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/radios/template.njk b/node_modules/govuk-frontend/dist/govuk/components/radios/template.njk
new file mode 100644
index 0000000..edad760
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/radios/template.njk
@@ -0,0 +1,115 @@
+{% from "../../macros/attributes.njk" import govukAttributes %}
+{% from "../error-message/macro.njk" import govukErrorMessage %}
+{% from "../fieldset/macro.njk" import govukFieldset %}
+{% from "../hint/macro.njk" import govukHint %}
+{% from "../label/macro.njk" import govukLabel %}
+
+{#- If an id 'prefix' is not passed, fall back to using the name attribute
+  instead. We need this for error messages and hints as well -#}
+{% set idPrefix = params.idPrefix if params.idPrefix else params.name %}
+
+{#- a record of other elements that we need to associate with the input using
+  aria-describedby – for example hints or error messages -#}
+{% set describedBy = params.fieldset.describedBy if params.fieldset.describedBy else "" %}
+
+{#- fieldset is false by default -#}
+{% set hasFieldset = true if params.fieldset else false %}
+
+{%- macro _radioItem(params, item, index) %}
+  {#- If the user explicitly sets an id, use this instead of the regular idPrefix -#}
+  {#- The first id should not have a number suffix so it's easy to link to from the error summary component -#}
+  {% set itemId = item.id if item.id else idPrefix + ("-" + index if index > 1 else "") %}
+  {% set conditionalId = "conditional-" + itemId %}
+  {%- if item.divider %}
+    <div class="govuk-radios__divider">{{ item.divider }}</div>
+  {% else %}
+    {% set isChecked = item.checked | default((item.value == params.value and item.checked != false) if params.value else false, true) %}
+    {% set hasHint = true if item.hint.text or item.hint.html %}
+    {% set itemHintId = itemId + '-item-hint' %}
+    <div class="govuk-radios__item">
+      <input class="govuk-radios__input" id="{{ itemId }}" name="{{ params.name }}" type="radio" value="{{ item.value }}"
+        {{-" checked" if isChecked }}
+        {{-" disabled" if item.disabled }}
+        {%- if item.conditional.html %} data-aria-controls="{{ conditionalId }}"{% endif -%}
+        {%- if hasHint %} aria-describedby="{{ itemHintId }}"{% endif -%}
+        {{- govukAttributes(item.attributes) }}>
+      {{ govukLabel({
+        html: item.html,
+        text: item.text,
+        classes: 'govuk-radios__label' + (' ' + item.label.classes if item.label.classes),
+        attributes: item.label.attributes,
+        for: itemId
+      }) | trim | indent(6) }}
+      {% if hasHint %}
+      {{ govukHint({
+        id: itemHintId,
+        classes: 'govuk-radios__hint' + (' ' + item.hint.classes if item.hint.classes),
+        attributes: item.hint.attributes,
+        html: item.hint.html,
+        text: item.hint.text
+      }) | trim | indent(6) }}
+      {% endif %}
+    </div>
+    {% if item.conditional.html %}
+    <div class="govuk-radios__conditional {%- if not isChecked %} govuk-radios__conditional--hidden{% endif %}" id="{{ conditionalId }}">
+      {{ item.conditional.html | safe | trim }}
+    </div>
+    {% endif %}
+  {% endif %}
+{%- endmacro %}
+
+{#- Capture the HTML so we can optionally nest it in a fieldset -#}
+{% set innerHtml %}
+{% if params.hint %}
+  {% set hintId = idPrefix + '-hint' %}
+  {% set describedBy = describedBy + ' ' + hintId if describedBy else hintId %}
+  {{ govukHint({
+    id: hintId,
+    classes: params.hint.classes,
+    attributes: params.hint.attributes,
+    html: params.hint.html,
+    text: params.hint.text
+  }) | trim | indent(2) }}
+{% endif %}
+{% if params.errorMessage %}
+  {% set errorId = idPrefix + '-error' %}
+  {% set describedBy = describedBy + ' ' + errorId if describedBy else errorId %}
+  {{ govukErrorMessage({
+    id: errorId,
+    classes: params.errorMessage.classes,
+    attributes: params.errorMessage.attributes,
+    html: params.errorMessage.html,
+    text: params.errorMessage.text,
+    visuallyHiddenText: params.errorMessage.visuallyHiddenText
+  }) | trim | indent(2) }}
+{% endif %}
+  <div class="govuk-radios {%- if params.classes %} {{ params.classes }}{% endif %}"
+    {{- govukAttributes(params.attributes) }} data-module="govuk-radios">
+    {% if params.formGroup.beforeInputs %}
+    {{ params.formGroup.beforeInputs.html | safe | trim | indent(4) if params.formGroup.beforeInputs.html else params.formGroup.beforeInputs.text }}
+    {% endif %}
+    {% for item in params.items %}
+      {% if item %}
+        {{- _radioItem(params, item, loop.index) -}}
+      {% endif %}
+    {% endfor %}
+    {% if params.formGroup.afterInputs %}
+    {{ params.formGroup.afterInputs.html | safe | trim | indent(4) if params.formGroup.afterInputs.html else params.formGroup.afterInputs.text }}
+    {% endif %}
+  </div>
+{% endset -%}
+
+<div class="govuk-form-group {%- if params.errorMessage %} govuk-form-group--error{% endif %} {%- if params.formGroup.classes %} {{ params.formGroup.classes }}{% endif %}"
+  {{- govukAttributes(params.formGroup.attributes) }}>
+{% if hasFieldset %}
+  {{ govukFieldset({
+    describedBy: describedBy,
+    classes: params.fieldset.classes,
+    attributes: params.fieldset.attributes,
+    legend: params.fieldset.legend,
+    html: innerHtml | trim
+  }) | trim }}
+{% else %}
+  {{ innerHtml | safe | trim }}
+{% endif %}
+</div>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/select/README.md b/node_modules/govuk-frontend/dist/govuk/components/select/README.md
new file mode 100644
index 0000000..c8d4740
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/select/README.md
@@ -0,0 +1,15 @@
+# Select
+
+## Installation
+
+See the [main README quick start guide](https://github.com/alphagov/govuk-frontend#quick-start) for how to install this component.
+
+## Guidance and Examples
+
+Find out when to use the select component in your service in the [GOV.UK Design System](https://design-system.service.gov.uk/components/select).
+
+## Component options
+
+Use options to customise the appearance, content and behaviour of a component when using a macro, for example, changing the text.
+
+See [options table](https://design-system.service.gov.uk/components/select/#options-select-example) for details.
diff --git a/node_modules/govuk-frontend/dist/govuk/components/select/_index.scss b/node_modules/govuk-frontend/dist/govuk/components/select/_index.scss
new file mode 100644
index 0000000..f2d36ef
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/select/_index.scss
@@ -0,0 +1,53 @@
+@import "../error-message/index";
+@import "../hint/index";
+@import "../label/index";
+
+@include govuk-exports("govuk/component/select") {
+  .govuk-select {
+    @include govuk-font($size: 19, $line-height: 1.25);
+
+    box-sizing: border-box;
+
+    // This min-width was chosen because:
+    // - it makes the Select wider than it is tall (which is what users expect)
+    // - 11.5em matches the 'length-10' variant of the input component
+    // - it fits comfortably on screens as narrow as 240px wide
+    min-width: 11.5em;
+    max-width: 100%;
+    height: govuk-px-to-rem(40px);
+    padding: govuk-spacing(1);
+    border: $govuk-border-width-form-element solid $govuk-input-border-colour;
+
+    // Default user agent colours for selects can have low contrast,
+    // and may look disabled (#2435)
+    color: $govuk-text-colour;
+    background-color: govuk-colour("white");
+
+    &:focus {
+      @include govuk-focused-form-input;
+    }
+
+    &:disabled {
+      opacity: 0.5;
+      color: inherit;
+      cursor: not-allowed;
+    }
+  }
+
+  .govuk-select option:active,
+  .govuk-select option:checked,
+  .govuk-select:focus::-ms-value {
+    color: govuk-colour("white");
+    background-color: govuk-colour("blue");
+  }
+
+  .govuk-select--error {
+    border-color: $govuk-error-colour;
+
+    &:focus {
+      border-color: $govuk-input-border-colour;
+    }
+  }
+}
+
+/*# sourceMappingURL=_index.scss.map */
diff --git a/node_modules/govuk-frontend/dist/govuk/components/select/_index.scss.map b/node_modules/govuk-frontend/dist/govuk/components/select/_index.scss.map
new file mode 100644
index 0000000..c1d783e
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/select/_index.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/select/_index.scss"],"names":[],"mappings":"AAAA,gCAAgC;AAChC,uBAAuB;AACvB,wBAAwB;;AAExB;EACE;IACE,kDAAkD;;IAElD,sBAAsB;;IAEtB,oCAAoC;IACpC,0EAA0E;IAC1E,iEAAiE;IACjE,0DAA0D;IAC1D,iBAAiB;IACjB,eAAe;IACf,6BAA6B;IAC7B,yBAAyB;IACzB,yEAAyE;;IAEzE,+DAA+D;IAC/D,+BAA+B;IAC/B,yBAAyB;IACzB,uCAAuC;;IAEvC;MACE,iCAAiC;IACnC;;IAEA;MACE,YAAY;MACZ,cAAc;MACd,mBAAmB;IACrB;EACF;;EAEA;;;IAGE,4BAA4B;IAC5B,sCAAsC;EACxC;;EAEA;IACE,iCAAiC;;IAEjC;MACE,wCAAwC;IAC1C;EACF;AACF","file":"_index.scss","sourcesContent":["@import \"../error-message/index\";\n@import \"../hint/index\";\n@import \"../label/index\";\n\n@include govuk-exports(\"govuk/component/select\") {\n  .govuk-select {\n    @include govuk-font($size: 19, $line-height: 1.25);\n\n    box-sizing: border-box;\n\n    // This min-width was chosen because:\n    // - it makes the Select wider than it is tall (which is what users expect)\n    // - 11.5em matches the 'length-10' variant of the input component\n    // - it fits comfortably on screens as narrow as 240px wide\n    min-width: 11.5em;\n    max-width: 100%;\n    height: govuk-px-to-rem(40px);\n    padding: govuk-spacing(1);\n    border: $govuk-border-width-form-element solid $govuk-input-border-colour;\n\n    // Default user agent colours for selects can have low contrast,\n    // and may look disabled (#2435)\n    color: $govuk-text-colour;\n    background-color: govuk-colour(\"white\");\n\n    &:focus {\n      @include govuk-focused-form-input;\n    }\n\n    &:disabled {\n      opacity: 0.5;\n      color: inherit;\n      cursor: not-allowed;\n    }\n  }\n\n  .govuk-select option:active,\n  .govuk-select option:checked,\n  .govuk-select:focus::-ms-value {\n    color: govuk-colour(\"white\");\n    background-color: govuk-colour(\"blue\");\n  }\n\n  .govuk-select--error {\n    border-color: $govuk-error-colour;\n\n    &:focus {\n      border-color: $govuk-input-border-colour;\n    }\n  }\n}\n"]}
diff --git a/node_modules/govuk-frontend/dist/govuk/components/select/_select.scss b/node_modules/govuk-frontend/dist/govuk/components/select/_select.scss
new file mode 100644
index 0000000..3672c7e
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/select/_select.scss
@@ -0,0 +1,4 @@
+@import "../../base";
+@import "./index";
+
+/*# sourceMappingURL=_select.scss.map */
diff --git a/node_modules/govuk-frontend/dist/govuk/components/select/_select.scss.map b/node_modules/govuk-frontend/dist/govuk/components/select/_select.scss.map
new file mode 100644
index 0000000..057dcd2
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/select/_select.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/select/_select.scss"],"names":[],"mappings":"AAAA,oBAAoB;AACpB,iBAAiB","file":"_select.scss","sourcesContent":["@import \"../../base\";\n@import \"./index\";\n"]}
diff --git a/node_modules/govuk-frontend/dist/govuk/components/select/fixtures.json b/node_modules/govuk-frontend/dist/govuk/components/select/fixtures.json
new file mode 100644
index 0000000..a5b03f8
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/select/fixtures.json
@@ -0,0 +1,550 @@
+{
+    "component": "select",
+    "fixtures": [
+        {
+            "name": "default",
+            "options": {
+                "name": "select-1",
+                "label": {
+                    "text": "Label text goes here"
+                },
+                "items": [
+                    {
+                        "value": 1,
+                        "text": "GOV.UK frontend option 1"
+                    },
+                    {
+                        "value": 2,
+                        "text": "GOV.UK frontend option 2",
+                        "selected": true
+                    },
+                    {
+                        "value": 3,
+                        "text": "GOV.UK frontend option 3",
+                        "disabled": true
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": true,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"select-1\">\n    Label text goes here\n  </label>\n  <select class=\"govuk-select\" id=\"select-1\" name=\"select-1\">\n    <option value=\"1\">GOV.UK frontend option 1</option>\n    <option value=\"2\" selected>GOV.UK frontend option 2</option>\n    <option value=\"3\" disabled>GOV.UK frontend option 3</option>\n  </select>\n</div>"
+        },
+        {
+            "name": "with hint text and error message",
+            "options": {
+                "id": "select-2",
+                "name": "select-2",
+                "label": {
+                    "text": "Label text goes here"
+                },
+                "hint": {
+                    "text": "Hint text goes here"
+                },
+                "errorMessage": {
+                    "text": "Error message goes here"
+                },
+                "items": [
+                    {
+                        "value": 1,
+                        "text": "GOV.UK frontend option 1"
+                    },
+                    {
+                        "value": 2,
+                        "text": "GOV.UK frontend option 2"
+                    },
+                    {
+                        "value": 3,
+                        "text": "GOV.UK frontend option 3"
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-form-group--error\">\n  <label class=\"govuk-label\" for=\"select-2\">\n    Label text goes here\n  </label>\n  <div id=\"select-2-hint\" class=\"govuk-hint\">\n    Hint text goes here\n  </div>\n  <p id=\"select-2-error\" class=\"govuk-error-message\">\n    <span class=\"govuk-visually-hidden\">Error:</span> Error message goes here\n  </p>\n  <select class=\"govuk-select govuk-select--error\" id=\"select-2\" name=\"select-2\" aria-describedby=\"select-2-hint select-2-error\">\n    <option value=\"1\">GOV.UK frontend option 1</option>\n    <option value=\"2\">GOV.UK frontend option 2</option>\n    <option value=\"3\">GOV.UK frontend option 3</option>\n  </select>\n</div>"
+        },
+        {
+            "name": "with label as page heading",
+            "options": {
+                "id": "select-3",
+                "name": "select-3",
+                "label": {
+                    "text": "Label text goes here",
+                    "classes": "govuk-label--l",
+                    "isPageHeading": true
+                },
+                "items": [
+                    {
+                        "value": 1,
+                        "text": "GOV.UK frontend option 1"
+                    },
+                    {
+                        "value": 2,
+                        "text": "GOV.UK frontend option 2",
+                        "selected": true
+                    },
+                    {
+                        "value": 3,
+                        "text": "GOV.UK frontend option 3",
+                        "disabled": true
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <h1 class=\"govuk-label-wrapper\">\n    <label class=\"govuk-label govuk-label--l\" for=\"select-3\">\n      Label text goes here\n    </label>\n  </h1>\n  <select class=\"govuk-select\" id=\"select-3\" name=\"select-3\">\n    <option value=\"1\">GOV.UK frontend option 1</option>\n    <option value=\"2\" selected>GOV.UK frontend option 2</option>\n    <option value=\"3\" disabled>GOV.UK frontend option 3</option>\n  </select>\n</div>"
+        },
+        {
+            "name": "with full width override",
+            "options": {
+                "id": "select-1",
+                "name": "select-1",
+                "classes": "govuk-!-width-full",
+                "label": {
+                    "text": "Label text goes here"
+                },
+                "items": [
+                    {
+                        "value": 1,
+                        "text": "GOV.UK frontend option 1"
+                    },
+                    {
+                        "value": 2,
+                        "text": "GOV.UK frontend option 2",
+                        "selected": true
+                    },
+                    {
+                        "value": 3,
+                        "text": "GOV.UK frontend option 3",
+                        "disabled": true
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"select-1\">\n    Label text goes here\n  </label>\n  <select class=\"govuk-select govuk-!-width-full\" id=\"select-1\" name=\"select-1\">\n    <option value=\"1\">GOV.UK frontend option 1</option>\n    <option value=\"2\" selected>GOV.UK frontend option 2</option>\n    <option value=\"3\" disabled>GOV.UK frontend option 3</option>\n  </select>\n</div>"
+        },
+        {
+            "name": "with describedBy",
+            "options": {
+                "id": "with-describedby",
+                "name": "with-describedby",
+                "label": {
+                    "text": "Label text goes here"
+                },
+                "items": [
+                    {
+                        "value": 1,
+                        "text": "GOV.UK frontend option 1"
+                    },
+                    {
+                        "value": 2,
+                        "text": "GOV.UK frontend option 2"
+                    }
+                ],
+                "describedBy": "test-target-element"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"with-describedby\">\n    Label text goes here\n  </label>\n  <select class=\"govuk-select\" id=\"with-describedby\" name=\"with-describedby\" aria-describedby=\"test-target-element\">\n    <option value=\"1\">GOV.UK frontend option 1</option>\n    <option value=\"2\">GOV.UK frontend option 2</option>\n  </select>\n</div>"
+        },
+        {
+            "name": "attributes",
+            "options": {
+                "id": "with-attributes",
+                "name": "with-attributes",
+                "label": {
+                    "text": "Label text goes here"
+                },
+                "items": [
+                    {
+                        "value": 1,
+                        "text": "GOV.UK frontend option 1"
+                    },
+                    {
+                        "value": 2,
+                        "text": "GOV.UK frontend option 2"
+                    }
+                ],
+                "attributes": {
+                    "data-attribute": "my data value"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"with-attributes\">\n    Label text goes here\n  </label>\n  <select class=\"govuk-select\" id=\"with-attributes\" name=\"with-attributes\" data-attribute=\"my data value\">\n    <option value=\"1\">GOV.UK frontend option 1</option>\n    <option value=\"2\">GOV.UK frontend option 2</option>\n  </select>\n</div>"
+        },
+        {
+            "name": "attributes on items",
+            "options": {
+                "id": "with-item-attributes",
+                "name": "with-item-attributes",
+                "label": {
+                    "text": "Label text goes here"
+                },
+                "value": 2,
+                "items": [
+                    {
+                        "text": "Option 1",
+                        "value": 1,
+                        "attributes": {
+                            "data-attribute": "ABC",
+                            "data-second-attribute": "DEF"
+                        }
+                    },
+                    {
+                        "text": "Option 2",
+                        "value": 2,
+                        "attributes": {
+                            "data-attribute": "GHI",
+                            "data-second-attribute": "JKL"
+                        }
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"with-item-attributes\">\n    Label text goes here\n  </label>\n  <select class=\"govuk-select\" id=\"with-item-attributes\" name=\"with-item-attributes\">\n    <option value=\"1\" data-attribute=\"ABC\" data-second-attribute=\"DEF\">Option 1</option>\n    <option value=\"2\" selected data-attribute=\"GHI\" data-second-attribute=\"JKL\">Option 2</option>\n  </select>\n</div>"
+        },
+        {
+            "name": "with falsy items",
+            "options": {
+                "id": "with-falsy-items",
+                "name": "with-falsy-items",
+                "label": {
+                    "text": "Label text goes here"
+                },
+                "items": [
+                    {
+                        "text": "Option 1",
+                        "value": 1
+                    },
+                    null,
+                    false,
+                    "",
+                    {
+                        "text": "Options 2",
+                        "value": 2
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"with-falsy-items\">\n    Label text goes here\n  </label>\n  <select class=\"govuk-select\" id=\"with-falsy-items\" name=\"with-falsy-items\">\n    <option value=\"1\">Option 1</option>\n    <option value=\"2\">Options 2</option>\n  </select>\n</div>"
+        },
+        {
+            "name": "hint",
+            "options": {
+                "id": "select-with-hint",
+                "name": "select-with-hint",
+                "label": {
+                    "text": "Label text goes here"
+                },
+                "hint": {
+                    "text": "Hint text goes here"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"select-with-hint\">\n    Label text goes here\n  </label>\n  <div id=\"select-with-hint-hint\" class=\"govuk-hint\">\n    Hint text goes here\n  </div>\n  <select class=\"govuk-select\" id=\"select-with-hint\" name=\"select-with-hint\" aria-describedby=\"select-with-hint-hint\">\n  </select>\n</div>"
+        },
+        {
+            "name": "hint and describedBy",
+            "options": {
+                "id": "select-with-hint",
+                "name": "select-with-hint",
+                "label": {
+                    "text": "Label text goes here"
+                },
+                "describedBy": "test-target-element",
+                "hint": {
+                    "text": "Hint text goes here"
+                },
+                "items": [
+                    {
+                        "value": 1,
+                        "text": "GOV.UK frontend option 1"
+                    },
+                    {
+                        "value": 2,
+                        "text": "GOV.UK frontend option 2"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"select-with-hint\">\n    Label text goes here\n  </label>\n  <div id=\"select-with-hint-hint\" class=\"govuk-hint\">\n    Hint text goes here\n  </div>\n  <select class=\"govuk-select\" id=\"select-with-hint\" name=\"select-with-hint\" aria-describedby=\"test-target-element select-with-hint-hint\">\n    <option value=\"1\">GOV.UK frontend option 1</option>\n    <option value=\"2\">GOV.UK frontend option 2</option>\n  </select>\n</div>"
+        },
+        {
+            "name": "error",
+            "options": {
+                "id": "select-with-error",
+                "name": "select-with-error",
+                "label": {
+                    "text": "Label text goes here"
+                },
+                "errorMessage": {
+                    "text": "Error message"
+                },
+                "items": [
+                    {
+                        "value": 1,
+                        "text": "GOV.UK frontend option 1"
+                    },
+                    {
+                        "value": 2,
+                        "text": "GOV.UK frontend option 2"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-form-group--error\">\n  <label class=\"govuk-label\" for=\"select-with-error\">\n    Label text goes here\n  </label>\n  <p id=\"select-with-error-error\" class=\"govuk-error-message\">\n    <span class=\"govuk-visually-hidden\">Error:</span> Error message\n  </p>\n  <select class=\"govuk-select govuk-select--error\" id=\"select-with-error\" name=\"select-with-error\" aria-describedby=\"select-with-error-error\">\n    <option value=\"1\">GOV.UK frontend option 1</option>\n    <option value=\"2\">GOV.UK frontend option 2</option>\n  </select>\n</div>"
+        },
+        {
+            "name": "error and describedBy",
+            "options": {
+                "id": "select-with-error",
+                "name": "select-with-error",
+                "label": {
+                    "text": "Label text goes here"
+                },
+                "describedBy": "test-target-element",
+                "errorMessage": {
+                    "text": "Error message"
+                },
+                "items": [
+                    {
+                        "value": 1,
+                        "text": "GOV.UK frontend option 1"
+                    },
+                    {
+                        "value": 2,
+                        "text": "GOV.UK frontend option 2"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-form-group--error\">\n  <label class=\"govuk-label\" for=\"select-with-error\">\n    Label text goes here\n  </label>\n  <p id=\"select-with-error-error\" class=\"govuk-error-message\">\n    <span class=\"govuk-visually-hidden\">Error:</span> Error message\n  </p>\n  <select class=\"govuk-select govuk-select--error\" id=\"select-with-error\" name=\"select-with-error\" aria-describedby=\"test-target-element select-with-error-error\">\n    <option value=\"1\">GOV.UK frontend option 1</option>\n    <option value=\"2\">GOV.UK frontend option 2</option>\n  </select>\n</div>"
+        },
+        {
+            "name": "without values",
+            "options": {
+                "name": "colors",
+                "id": "colors",
+                "label": {
+                    "text": "Label text goes here"
+                },
+                "items": [
+                    {
+                        "text": "Red"
+                    },
+                    {
+                        "text": "Green"
+                    },
+                    {
+                        "text": "Blue"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"colors\">\n    Label text goes here\n  </label>\n  <select class=\"govuk-select\" id=\"colors\" name=\"colors\">\n    <option>Red</option>\n    <option>Green</option>\n    <option>Blue</option>\n  </select>\n</div>"
+        },
+        {
+            "name": "without values with selected value",
+            "options": {
+                "name": "colors",
+                "id": "colors",
+                "label": {
+                    "text": "Label text goes here"
+                },
+                "items": [
+                    {
+                        "text": "Red"
+                    },
+                    {
+                        "text": "Green"
+                    },
+                    {
+                        "text": "Blue"
+                    }
+                ],
+                "value": "Green"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"colors\">\n    Label text goes here\n  </label>\n  <select class=\"govuk-select\" id=\"colors\" name=\"colors\">\n    <option>Red</option>\n    <option selected>Green</option>\n    <option>Blue</option>\n  </select>\n</div>"
+        },
+        {
+            "name": "with falsy values",
+            "options": {
+                "name": "falsy-values",
+                "id": "falsy-values",
+                "label": {
+                    "text": "Label text goes here"
+                },
+                "items": [
+                    {
+                        "text": "Empty string",
+                        "value": ""
+                    },
+                    {
+                        "text": "Boolean false",
+                        "value": false
+                    },
+                    {
+                        "text": "Number zero",
+                        "value": 0
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"falsy-values\">\n    Label text goes here\n  </label>\n  <select class=\"govuk-select\" id=\"falsy-values\" name=\"falsy-values\">\n    <option value=\"\">Empty string</option>\n    <option value=\"false\">Boolean false</option>\n    <option value=\"0\">Number zero</option>\n  </select>\n</div>"
+        },
+        {
+            "name": "item selected overrides value",
+            "options": {
+                "name": "colors",
+                "id": "colors",
+                "label": {
+                    "text": "Label text goes here"
+                },
+                "items": [
+                    {
+                        "value": "red",
+                        "text": "Red"
+                    },
+                    {
+                        "value": "green",
+                        "text": "Green",
+                        "selected": false
+                    },
+                    {
+                        "value": "blue",
+                        "text": "Blue"
+                    }
+                ],
+                "value": "green"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"colors\">\n    Label text goes here\n  </label>\n  <select class=\"govuk-select\" id=\"colors\" name=\"colors\">\n    <option value=\"red\">Red</option>\n    <option value=\"green\">Green</option>\n    <option value=\"blue\">Blue</option>\n  </select>\n</div>"
+        },
+        {
+            "name": "id",
+            "options": {
+                "id": "select-id",
+                "name": "test-name",
+                "label": {
+                    "text": "Horse with no name"
+                },
+                "items": []
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"select-id\">\n    Horse with no name\n  </label>\n  <select class=\"govuk-select\" id=\"select-id\" name=\"test-name\">\n  </select>\n</div>"
+        },
+        {
+            "name": "with selected value",
+            "options": {
+                "id": "select-1",
+                "name": "select-1",
+                "label": {
+                    "text": "Label text goes here"
+                },
+                "items": [
+                    {
+                        "value": 1,
+                        "text": "GOV.UK frontend option 1"
+                    },
+                    {
+                        "value": 2,
+                        "text": "GOV.UK frontend option 2"
+                    },
+                    {
+                        "value": 3,
+                        "text": "GOV.UK frontend option 3",
+                        "disabled": true
+                    }
+                ],
+                "value": 2
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"select-1\">\n    Label text goes here\n  </label>\n  <select class=\"govuk-select\" id=\"select-1\" name=\"select-1\">\n    <option value=\"1\">GOV.UK frontend option 1</option>\n    <option value=\"2\" selected>GOV.UK frontend option 2</option>\n    <option value=\"3\" disabled>GOV.UK frontend option 3</option>\n  </select>\n</div>"
+        },
+        {
+            "name": "with optional form-group classes",
+            "options": {
+                "id": "select-1",
+                "name": "select-1",
+                "classes": "govuk-!-width-full",
+                "label": {
+                    "text": "Label text goes here"
+                },
+                "formGroup": {
+                    "classes": "extra-class"
+                },
+                "items": [
+                    {
+                        "value": 1,
+                        "text": "GOV.UK frontend option 1"
+                    },
+                    {
+                        "value": 2,
+                        "text": "GOV.UK frontend option 2",
+                        "selected": true
+                    },
+                    {
+                        "value": 3,
+                        "text": "GOV.UK frontend option 3",
+                        "disabled": true
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group extra-class\">\n  <label class=\"govuk-label\" for=\"select-1\">\n    Label text goes here\n  </label>\n  <select class=\"govuk-select govuk-!-width-full\" id=\"select-1\" name=\"select-1\">\n    <option value=\"1\">GOV.UK frontend option 1</option>\n    <option value=\"2\" selected>GOV.UK frontend option 2</option>\n    <option value=\"3\" disabled>GOV.UK frontend option 3</option>\n  </select>\n</div>"
+        }
+    ]
+}
diff --git a/node_modules/govuk-frontend/dist/govuk/components/select/macro-options.json b/node_modules/govuk-frontend/dist/govuk/components/select/macro-options.json
new file mode 100644
index 0000000..9591028
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/select/macro-options.json
@@ -0,0 +1,163 @@
+[
+    {
+        "name": "id",
+        "type": "string",
+        "required": false,
+        "description": "ID for the select box. Defaults to the value of `name`."
+    },
+    {
+        "name": "name",
+        "type": "string",
+        "required": true,
+        "description": "Name property for the select."
+    },
+    {
+        "name": "items",
+        "type": "array",
+        "required": true,
+        "description": "The items within the select component.",
+        "params": [
+            {
+                "name": "value",
+                "type": "string",
+                "required": false,
+                "description": "Value for the option. If this is omitted, the value is taken from the text content of the option element."
+            },
+            {
+                "name": "text",
+                "type": "string",
+                "required": true,
+                "description": "Text for the option item."
+            },
+            {
+                "name": "selected",
+                "type": "boolean",
+                "required": false,
+                "description": "Whether the option should be selected when the page loads. Takes precedence over the top-level `value` option."
+            },
+            {
+                "name": "disabled",
+                "type": "boolean",
+                "required": false,
+                "description": "Sets the option item as disabled."
+            },
+            {
+                "name": "attributes",
+                "type": "object",
+                "required": false,
+                "description": "HTML attributes (for example data attributes) to add to the option."
+            }
+        ]
+    },
+    {
+        "name": "value",
+        "type": "string",
+        "required": false,
+        "description": "Value for the option which should be selected. Use this as an alternative to setting the `selected` option on each individual item."
+    },
+    {
+        "name": "disabled",
+        "type": "boolean",
+        "required": false,
+        "description": "If `true`, select box will be disabled. Use the `disabled` option on each individual item to only disable certain options."
+    },
+    {
+        "name": "describedBy",
+        "type": "string",
+        "required": false,
+        "description": "One or more element IDs to add to the `aria-describedby` attribute, used to provide additional descriptive information for screenreader users."
+    },
+    {
+        "name": "label",
+        "type": "object",
+        "required": true,
+        "description": "The label used by the select component.",
+        "isComponent": true
+    },
+    {
+        "name": "hint",
+        "type": "object",
+        "required": false,
+        "description": "Can be used to add a hint to the select component.",
+        "isComponent": true
+    },
+    {
+        "name": "errorMessage",
+        "type": "object",
+        "required": false,
+        "description": "Can be used to add an error message to the select component. The error message component will not display if you use a falsy value for `errorMessage`, for example `false` or `null`.",
+        "isComponent": true
+    },
+    {
+        "name": "formGroup",
+        "type": "object",
+        "required": false,
+        "description": "Additional options for the form group containing the select component.",
+        "params": [
+            {
+                "name": "classes",
+                "type": "string",
+                "required": false,
+                "description": "Classes to add to the form group (for example to show error state for the whole group)."
+            },
+            {
+                "name": "attributes",
+                "type": "object",
+                "required": false,
+                "description": "HTML attributes (for example data attributes) to add to the form group."
+            },
+            {
+                "name": "beforeInput",
+                "type": "object",
+                "required": false,
+                "description": "Content to add before the select used by the select component.",
+                "params": [
+                    {
+                        "name": "text",
+                        "type": "string",
+                        "required": true,
+                        "description": "Text to add before the select. If `html` is provided, the `text` option will be ignored."
+                    },
+                    {
+                        "name": "html",
+                        "type": "string",
+                        "required": true,
+                        "description": "HTML to add before the select. If `html` is provided, the `text` option will be ignored."
+                    }
+                ]
+            },
+            {
+                "name": "afterInput",
+                "type": "object",
+                "required": false,
+                "description": "Content to add after the select used by the select component.",
+                "params": [
+                    {
+                        "name": "text",
+                        "type": "string",
+                        "required": true,
+                        "description": "Text to add after the select. If `html` is provided, the `text` option will be ignored."
+                    },
+                    {
+                        "name": "html",
+                        "type": "string",
+                        "required": true,
+                        "description": "HTML to add after the select. If `html` is provided, the `text` option will be ignored."
+                    }
+                ]
+            }
+        ]
+    },
+    {
+        "name": "classes",
+        "type": "string",
+        "required": false,
+        "description": "Classes to add to the select."
+    },
+    {
+        "name": "attributes",
+        "type": "object",
+        "required": false,
+        "description": "HTML attributes (for example data attributes) to add to the select."
+    }
+]
diff --git a/node_modules/govuk-frontend/dist/govuk/components/select/macro.njk b/node_modules/govuk-frontend/dist/govuk/components/select/macro.njk
new file mode 100644
index 0000000..3ee0609
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/select/macro.njk
@@ -0,0 +1,3 @@
+{% macro govukSelect(params) %}
+  {%- include "./template.njk" -%}
+{% endmacro %}
diff --git a/node_modules/govuk-frontend/dist/govuk/components/select/template-default.html b/node_modules/govuk-frontend/dist/govuk/components/select/template-default.html
new file mode 100644
index 0000000..4d09305
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/select/template-default.html
@@ -0,0 +1,10 @@
+<div class="govuk-form-group">
+  <label class="govuk-label" for="select-1">
+    Label text goes here
+  </label>
+  <select class="govuk-select" id="select-1" name="select-1">
+    <option value="1">GOV.UK frontend option 1</option>
+    <option value="2" selected>GOV.UK frontend option 2</option>
+    <option value="3" disabled>GOV.UK frontend option 3</option>
+  </select>
+</div>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/select/template-with-full-width-override.html b/node_modules/govuk-frontend/dist/govuk/components/select/template-with-full-width-override.html
new file mode 100644
index 0000000..99c41b0
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/select/template-with-full-width-override.html
@@ -0,0 +1,10 @@
+<div class="govuk-form-group">
+  <label class="govuk-label" for="select-1">
+    Label text goes here
+  </label>
+  <select class="govuk-select govuk-!-width-full" id="select-1" name="select-1">
+    <option value="1">GOV.UK frontend option 1</option>
+    <option value="2" selected>GOV.UK frontend option 2</option>
+    <option value="3" disabled>GOV.UK frontend option 3</option>
+  </select>
+</div>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/select/template-with-hint-text-and-error-message.html b/node_modules/govuk-frontend/dist/govuk/components/select/template-with-hint-text-and-error-message.html
new file mode 100644
index 0000000..41ddf5c
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/select/template-with-hint-text-and-error-message.html
@@ -0,0 +1,16 @@
+<div class="govuk-form-group govuk-form-group--error">
+  <label class="govuk-label" for="select-2">
+    Label text goes here
+  </label>
+  <div id="select-2-hint" class="govuk-hint">
+    Hint text goes here
+  </div>
+  <p id="select-2-error" class="govuk-error-message">
+    <span class="govuk-visually-hidden">Error:</span> Error message goes here
+  </p>
+  <select class="govuk-select govuk-select--error" id="select-2" name="select-2" aria-describedby="select-2-hint select-2-error">
+    <option value="1">GOV.UK frontend option 1</option>
+    <option value="2">GOV.UK frontend option 2</option>
+    <option value="3">GOV.UK frontend option 3</option>
+  </select>
+</div>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/select/template-with-label-as-page-heading.html b/node_modules/govuk-frontend/dist/govuk/components/select/template-with-label-as-page-heading.html
new file mode 100644
index 0000000..9f3e543
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/select/template-with-label-as-page-heading.html
@@ -0,0 +1,12 @@
+<div class="govuk-form-group">
+  <h1 class="govuk-label-wrapper">
+    <label class="govuk-label govuk-label--l" for="select-3">
+      Label text goes here
+    </label>
+  </h1>
+  <select class="govuk-select" id="select-3" name="select-3">
+    <option value="1">GOV.UK frontend option 1</option>
+    <option value="2" selected>GOV.UK frontend option 2</option>
+    <option value="3" disabled>GOV.UK frontend option 3</option>
+  </select>
+</div>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/select/template.njk b/node_modules/govuk-frontend/dist/govuk/components/select/template.njk
new file mode 100644
index 0000000..e5a4faf
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/select/template.njk
@@ -0,0 +1,68 @@
+{% from "../../macros/attributes.njk" import govukAttributes %}
+{% from "../error-message/macro.njk" import govukErrorMessage %}
+{% from "../hint/macro.njk" import govukHint %}
+{% from "../label/macro.njk" import govukLabel %}
+
+{#- a record of other elements that we need to associate with the input using
+  aria-describedby – for example hints or error messages -#}
+{% set describedBy = params.describedBy if params.describedBy else "" %}
+{%- set id = params.id if params.id else params.name -%}
+
+<div class="govuk-form-group {%- if params.errorMessage %} govuk-form-group--error{% endif %} {%- if params.formGroup.classes %} {{ params.formGroup.classes }}{% endif %}"
+  {{- govukAttributes(params.formGroup.attributes) }}>
+  {{ govukLabel({
+    html: params.label.html,
+    text: params.label.text,
+    classes: params.label.classes,
+    isPageHeading: params.label.isPageHeading,
+    attributes: params.label.attributes,
+    for: id
+  }) | trim | indent(2) }}
+{% if params.hint %}
+  {% set hintId = id + '-hint' %}
+  {% set describedBy = describedBy + ' ' + hintId if describedBy else hintId %}
+  {{ govukHint({
+    id: hintId,
+    classes: params.hint.classes,
+    attributes: params.hint.attributes,
+    html: params.hint.html,
+    text: params.hint.text
+  }) | trim | indent(2) }}
+{% endif %}
+{% if params.errorMessage %}
+  {% set errorId = id + '-error' %}
+  {% set describedBy = describedBy + ' ' + errorId if describedBy else errorId %}
+  {{ govukErrorMessage({
+    id: errorId,
+    classes: params.errorMessage.classes,
+    attributes: params.errorMessage.attributes,
+    html: params.errorMessage.html,
+    text: params.errorMessage.text,
+    visuallyHiddenText: params.errorMessage.visuallyHiddenText
+  }) | trim | indent(2) }}
+{% endif %}
+{% if params.formGroup.beforeInput %}
+  {{ params.formGroup.beforeInput.html | safe | trim | indent(2) if params.formGroup.beforeInput.html else params.formGroup.beforeInput.text }}
+{% endif %}
+  <select class="govuk-select
+    {%- if params.classes %} {{ params.classes }}{% endif %}{%- if params.errorMessage %} govuk-select--error{% endif %}" id="{{ id }}" name="{{ params.name }}"
+    {%- if params.disabled %} disabled{% endif %}
+    {%- if describedBy %} aria-describedby="{{ describedBy }}"{% endif %}
+    {{- govukAttributes(params.attributes) }}>
+  {% for item in params.items %}
+    {% if item %}
+    {#- Allow selecting by text content (the value for an option when no value attribute is specified) #}
+    {%- set effectiveValue = item.value | default(item.text) %}
+    <option {%- if item.value !== undefined %} value="{{ item.value }}"{% endif %}
+      {{-" selected" if item.selected | default((effectiveValue == params.value and item.selected != false) if params.value else false, true) }}
+      {{-" disabled" if item.disabled }}
+      {{- govukAttributes(item.attributes) }}>
+      {{- item.text -}}
+    </option>
+    {% endif %}
+  {% endfor %}
+  </select>
+{% if params.formGroup.afterInput %}
+  {{ params.formGroup.afterInput.html | safe | trim | indent(2) if params.formGroup.afterInput.html else params.formGroup.afterInput.text }}
+{% endif %}
+</div>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/service-navigation/README.md b/node_modules/govuk-frontend/dist/govuk/components/service-navigation/README.md
new file mode 100644
index 0000000..87e7f1f
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/service-navigation/README.md
@@ -0,0 +1,15 @@
+# Service navigation
+
+## Installation
+
+See the [main README quick start guide](https://github.com/alphagov/govuk-frontend#quick-start) for how to install this component.
+
+## Guidance and Examples
+
+Find out when to use the Service navigation component in your service in the [GOV.UK Design System](https://design-system.service.gov.uk/components/service-navigation).
+
+## Component options
+
+Use options to customise the appearance, content and behaviour of a component when using a macro, for example, changing the text.
+
+See [options table](https://design-system.service.gov.uk/components/service-navigation/#options-service-navigation-example) for details.
diff --git a/node_modules/govuk-frontend/dist/govuk/components/service-navigation/_index.scss b/node_modules/govuk-frontend/dist/govuk/components/service-navigation/_index.scss
new file mode 100644
index 0000000..a487a4c
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/service-navigation/_index.scss
@@ -0,0 +1,254 @@
+@include govuk-exports("govuk/component/service-navigation") {
+  $govuk-service-navigation-active-link-border-width: govuk-spacing(1);
+  $govuk-service-navigation-background: govuk-colour("light-grey");
+  $govuk-service-navigation-border-colour: $govuk-border-colour;
+
+  // We make the link colour a little darker than normal here so that it has
+  // better perceptual contrast with the navigation background.
+  $govuk-service-navigation-link-colour: govuk-shade($govuk-link-colour, 10%);
+
+  .govuk-service-navigation {
+    border-bottom-width: 1px;
+    border-bottom-style: solid;
+    @include _govuk-rebrand(
+      "border-bottom-color",
+      $from: $govuk-service-navigation-border-colour,
+      $to: $_govuk-rebrand-border-colour-on-blue-tint-95
+    );
+    @include _govuk-rebrand(
+      "background-color",
+      $from: $govuk-service-navigation-background,
+      $to: $_govuk-rebrand-template-background-colour
+    );
+  }
+
+  .govuk-service-navigation__container {
+    display: flex;
+    flex-direction: column;
+    align-items: start;
+
+    @include govuk-media-query($from: tablet) {
+      flex-direction: row;
+      flex-wrap: wrap;
+    }
+  }
+
+  // These styles are shared between nav items and the service name, they
+  // ensure that both of them remain vertically aligned with one another
+  .govuk-service-navigation__item,
+  .govuk-service-navigation__service-name {
+    position: relative;
+    margin: govuk-spacing(2) 0;
+    border: 0 solid $govuk-service-navigation-link-colour;
+
+    @include govuk-media-query($from: tablet) {
+      // inline-block is used as a fallback for browsers that don't support flexbox
+      display: inline-block;
+
+      margin-top: 0;
+      margin-bottom: 0;
+      padding: govuk-spacing(4) 0;
+
+      @include _govuk-rebrand {
+        padding: govuk-spacing(3) 0;
+
+        // More magic numbers ahoy:
+        // 29 is the desired height of the element (60), minus top and bottom
+        // padding (2×15), minus bottom border (1); 19 is the font-size at this
+        // point. This gives us the perfect fractional line height to make the
+        // overall component 60px high
+        line-height: (29 / 19);
+      }
+
+      &:not(:last-child) {
+        @include govuk-responsive-margin(6, $direction: right);
+      }
+    }
+  }
+
+  // Remove the top margin of the first nav item if there is a service name but
+  // there's no menu button (either because it doesn't exist or it's hidden)
+  .govuk-service-navigation__service-name + .govuk-service-navigation__wrapper {
+    .govuk-service-navigation__list:first-child,
+    .govuk-service-navigation__toggle[hidden] + .govuk-service-navigation__list {
+      .govuk-service-navigation__item:first-child {
+        margin-top: 0;
+      }
+    }
+  }
+
+  .govuk-service-navigation__item--active {
+    @include govuk-media-query($until: tablet) {
+      // Negative offset the left margin so we can place a current page indicator
+      // to the left without misaligning the list item text.
+      margin-left: ((govuk-spacing(2) + $govuk-service-navigation-active-link-border-width) * -1);
+      padding-left: govuk-spacing(2);
+      border-left-width: $govuk-service-navigation-active-link-border-width;
+    }
+
+    @include govuk-media-query($from: tablet) {
+      @include _govuk-rebrand(
+        "padding-bottom",
+        $from: govuk-spacing(4) - $govuk-service-navigation-active-link-border-width,
+        $to: govuk-spacing(3) - $govuk-service-navigation-active-link-border-width
+      );
+      border-bottom-width: $govuk-service-navigation-active-link-border-width;
+    }
+  }
+
+  .govuk-service-navigation__link {
+    @include govuk-link-common;
+    @include govuk-link-style-no-underline;
+    @include govuk-link-style-no-visited-state;
+
+    &:not(:hover):not(:focus) {
+      // We set the colour here as we don't want to override the hover or
+      // focus colours
+      color: $govuk-service-navigation-link-colour;
+    }
+  }
+
+  //
+  // Service name specific code
+  //
+
+  .govuk-service-navigation__service-name {
+    @include govuk-font($size: 19, $weight: bold);
+  }
+
+  // Annoyingly this requires a compound selector in order to overcome the
+  // specificity of the other link colour override we're doing
+  .govuk-service-navigation__service-name .govuk-service-navigation__link {
+    @include govuk-link-style-text;
+  }
+
+  // Allow navigation section to always take up maximum available space,
+  // rather than sizing to fit the content. This makes it easier to right align
+  // nav items and use slots.
+  .govuk-service-navigation__wrapper {
+    flex-grow: 1;
+  }
+
+  //
+  // Navigation list specific code
+  //
+
+  .govuk-service-navigation__toggle {
+    @include govuk-font($size: 19, $weight: bold);
+    display: inline-flex;
+    margin: govuk-spacing(2) 0;
+    padding: 0;
+    border: 0;
+    color: $govuk-service-navigation-link-colour;
+    background: none;
+    word-break: break-all;
+    cursor: pointer;
+    align-items: center;
+
+    &:focus {
+      @include govuk-focused-text;
+    }
+
+    &::after {
+      @include govuk-shape-arrow($direction: down, $base: 10px, $display: inline-block);
+      content: "";
+      margin-left: govuk-spacing(1);
+    }
+
+    &[aria-expanded="true"]::after {
+      @include govuk-shape-arrow($direction: up, $base: 10px, $display: inline-block);
+    }
+
+    // Ensure the button stays hidden if the hidden attribute is present
+    &[hidden] {
+      display: none;
+    }
+
+    // If we have both a service name and navigation toggle, remove the
+    // margin-top so that there isn't a bunch of space between them
+    .govuk-service-navigation__service-name + .govuk-service-navigation__wrapper & {
+      margin-top: 0;
+    }
+  }
+
+  .govuk-service-navigation__list {
+    @include govuk-font($size: 19);
+    margin: 0;
+    margin-bottom: govuk-spacing(3);
+    padding: 0;
+    list-style: none;
+
+    // Make the navigation list a flexbox. Doing so resolves a couple of
+    // accessibility problems caused by the list items being inline-blocks:
+    // - Removes the extra whitespace from between each list item that screen
+    //   readers would pointlessly announce.
+    // - Fixes an NVDA issue in Firefox and Chrome <= 124 where it would read
+    //   all of the links as a run-on sentence.
+    @include govuk-media-query($from: tablet) {
+      display: flex;
+      flex-wrap: wrap;
+      margin-bottom: 0;
+
+      // However... IE11 totally trips over flexbox and doesn't wrap anything,
+      // making all of the items into a single, horizontally scrolling row,
+      // which is no good. This CSS hack removes the flexbox definition for
+      // IE 9–11, reverting it to the flawed, but OK, non-flexbox version.
+      //
+      // CSS hack from http://browserhacks.com/#hack-a60b03e301a67f76a5a22221c739dc64
+      @media screen and (min-width: 0\0) {
+        display: block;
+      }
+    }
+  }
+
+  // This is a <strong> element that is used as a fallback mechanism for
+  // visually indicating the current page in scenarios where CSS isn't
+  // available. We don't actually want it to be bold normally, so set it to
+  // inherit the parent font-weight.
+  .govuk-service-navigation__active-fallback {
+    font-weight: inherit;
+  }
+
+  // Inverted colour scheme style intended for product pages
+  .govuk-service-navigation--inverse {
+    @include _govuk-rebrand {
+      // Remove bottom border to add width-container ones
+      border-bottom: none;
+
+      // Set colour here so non-link text (service name, slot content) can
+      // use it too.
+      color: govuk-colour("white");
+
+      background-color: $govuk-brand-colour;
+
+      .govuk-width-container {
+        border-width: 1px 0;
+        border-style: solid;
+        border-color: $_govuk-rebrand-border-colour-on-blue-tint-95;
+      }
+
+      // Subtract 1px of space to account for the extra border-top
+      .govuk-service-navigation__container {
+        margin-top: -1px;
+      }
+
+      // Override the 'active' border colour
+      .govuk-service-navigation__item,
+      .govuk-service-navigation__service-name {
+        border-color: govuk-colour("white");
+      }
+
+      // Override link styles
+      .govuk-service-navigation__link {
+        @include govuk-link-style-inverse;
+      }
+
+      // Override mobile menu toggle colour when not focused
+      .govuk-service-navigation__toggle:not(:focus) {
+        color: currentcolor;
+      }
+    }
+  }
+}
+
+/*# sourceMappingURL=_index.scss.map */
diff --git a/node_modules/govuk-frontend/dist/govuk/components/service-navigation/_index.scss.map b/node_modules/govuk-frontend/dist/govuk/components/service-navigation/_index.scss.map
new file mode 100644
index 0000000..dd58e59
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/service-navigation/_index.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/service-navigation/_index.scss"],"names":[],"mappings":"AAAA;EACE,oEAAoE;EACpE,gEAAgE;EAChE,6DAA6D;;EAE7D,yEAAyE;EACzE,4DAA4D;EAC5D,2EAA2E;;EAE3E;IACE,wBAAwB;IACxB,0BAA0B;IAC1B;;;;KAIC;IACD;;;;KAIC;EACH;;EAEA;IACE,aAAa;IACb,sBAAsB;IACtB,kBAAkB;;IAElB;MACE,mBAAmB;MACnB,eAAe;IACjB;EACF;;EAEA,sEAAsE;EACtE,qEAAqE;EACrE;;IAEE,kBAAkB;IAClB,0BAA0B;IAC1B,qDAAqD;;IAErD;MACE,4EAA4E;MAC5E,qBAAqB;;MAErB,aAAa;MACb,gBAAgB;MAChB,2BAA2B;;MAE3B;QACE,2BAA2B;;QAE3B,0BAA0B;QAC1B,oEAAoE;QACpE,sEAAsE;QACtE,qEAAqE;QACrE,6BAA6B;QAC7B,sBAAsB;MACxB;;MAEA;QACE,sDAAsD;MACxD;IACF;EACF;;EAEA,4EAA4E;EAC5E,yEAAyE;EACzE;IACE;;MAEE;QACE,aAAa;MACf;IACF;EACF;;EAEA;IACE;MACE,0EAA0E;MAC1E,qDAAqD;MACrD,2FAA2F;MAC3F,8BAA8B;MAC9B,qEAAqE;IACvE;;IAEA;MACE;;;;OAIC;MACD,uEAAuE;IACzE;EACF;;EAEA;IACE,0BAA0B;IAC1B,sCAAsC;IACtC,0CAA0C;;IAE1C;MACE,kEAAkE;MAClE,eAAe;MACf,4CAA4C;IAC9C;EACF;;EAEA,CAAC;EACD,4BAA4B;EAC5B,CAAC;;EAED;IACE,6CAA6C;EAC/C;;EAEA,uEAAuE;EACvE,2DAA2D;EAC3D;IACE,8BAA8B;EAChC;;EAEA,qEAAqE;EACrE,4EAA4E;EAC5E,0BAA0B;EAC1B;IACE,YAAY;EACd;;EAEA,CAAC;EACD,+BAA+B;EAC/B,CAAC;;EAED;IACE,6CAA6C;IAC7C,oBAAoB;IACpB,0BAA0B;IAC1B,UAAU;IACV,SAAS;IACT,4CAA4C;IAC5C,gBAAgB;IAChB,qBAAqB;IACrB,eAAe;IACf,mBAAmB;;IAEnB;MACE,2BAA2B;IAC7B;;IAEA;MACE,iFAAiF;MACjF,WAAW;MACX,6BAA6B;IAC/B;;IAEA;MACE,+EAA+E;IACjF;;IAEA,mEAAmE;IACnE;MACE,aAAa;IACf;;IAEA,kEAAkE;IAClE,8DAA8D;IAC9D;MACE,aAAa;IACf;EACF;;EAEA;IACE,8BAA8B;IAC9B,SAAS;IACT,+BAA+B;IAC/B,UAAU;IACV,gBAAgB;;IAEhB,mEAAmE;IACnE,sEAAsE;IACtE,wEAAwE;IACxE,uCAAuC;IACvC,wEAAwE;IACxE,0CAA0C;IAC1C;MACE,aAAa;MACb,eAAe;MACf,gBAAgB;;MAEhB,uEAAuE;MACvE,oEAAoE;MACpE,oEAAoE;MACpE,mEAAmE;MACnE,CAAC;MACD,8EAA8E;MAC9E;QACE,cAAc;MAChB;IACF;EACF;;EAEA,qEAAqE;EACrE,mEAAmE;EACnE,wEAAwE;EACxE,iCAAiC;EACjC;IACE,oBAAoB;EACtB;;EAEA,yDAAyD;EACzD;IACE;MACE,kDAAkD;MAClD,mBAAmB;;MAEnB,mEAAmE;MACnE,aAAa;MACb,4BAA4B;;MAE5B,qCAAqC;;MAErC;QACE,mBAAmB;QACnB,mBAAmB;QACnB,2DAA2D;MAC7D;;MAEA,2DAA2D;MAC3D;QACE,gBAAgB;MAClB;;MAEA,qCAAqC;MACrC;;QAEE,mCAAmC;MACrC;;MAEA,sBAAsB;MACtB;QACE,iCAAiC;MACnC;;MAEA,qDAAqD;MACrD;QACE,mBAAmB;MACrB;IACF;EACF;AACF","file":"_index.scss","sourcesContent":["@include govuk-exports(\"govuk/component/service-navigation\") {\n  $govuk-service-navigation-active-link-border-width: govuk-spacing(1);\n  $govuk-service-navigation-background: govuk-colour(\"light-grey\");\n  $govuk-service-navigation-border-colour: $govuk-border-colour;\n\n  // We make the link colour a little darker than normal here so that it has\n  // better perceptual contrast with the navigation background.\n  $govuk-service-navigation-link-colour: govuk-shade($govuk-link-colour, 10%);\n\n  .govuk-service-navigation {\n    border-bottom-width: 1px;\n    border-bottom-style: solid;\n    @include _govuk-rebrand(\n      \"border-bottom-color\",\n      $from: $govuk-service-navigation-border-colour,\n      $to: $_govuk-rebrand-border-colour-on-blue-tint-95\n    );\n    @include _govuk-rebrand(\n      \"background-color\",\n      $from: $govuk-service-navigation-background,\n      $to: $_govuk-rebrand-template-background-colour\n    );\n  }\n\n  .govuk-service-navigation__container {\n    display: flex;\n    flex-direction: column;\n    align-items: start;\n\n    @include govuk-media-query($from: tablet) {\n      flex-direction: row;\n      flex-wrap: wrap;\n    }\n  }\n\n  // These styles are shared between nav items and the service name, they\n  // ensure that both of them remain vertically aligned with one another\n  .govuk-service-navigation__item,\n  .govuk-service-navigation__service-name {\n    position: relative;\n    margin: govuk-spacing(2) 0;\n    border: 0 solid $govuk-service-navigation-link-colour;\n\n    @include govuk-media-query($from: tablet) {\n      // inline-block is used as a fallback for browsers that don't support flexbox\n      display: inline-block;\n\n      margin-top: 0;\n      margin-bottom: 0;\n      padding: govuk-spacing(4) 0;\n\n      @include _govuk-rebrand {\n        padding: govuk-spacing(3) 0;\n\n        // More magic numbers ahoy:\n        // 29 is the desired height of the element (60), minus top and bottom\n        // padding (2×15), minus bottom border (1); 19 is the font-size at this\n        // point. This gives us the perfect fractional line height to make the\n        // overall component 60px high\n        line-height: (29 / 19);\n      }\n\n      &:not(:last-child) {\n        @include govuk-responsive-margin(6, $direction: right);\n      }\n    }\n  }\n\n  // Remove the top margin of the first nav item if there is a service name but\n  // there's no menu button (either because it doesn't exist or it's hidden)\n  .govuk-service-navigation__service-name + .govuk-service-navigation__wrapper {\n    .govuk-service-navigation__list:first-child,\n    .govuk-service-navigation__toggle[hidden] + .govuk-service-navigation__list {\n      .govuk-service-navigation__item:first-child {\n        margin-top: 0;\n      }\n    }\n  }\n\n  .govuk-service-navigation__item--active {\n    @include govuk-media-query($until: tablet) {\n      // Negative offset the left margin so we can place a current page indicator\n      // to the left without misaligning the list item text.\n      margin-left: ((govuk-spacing(2) + $govuk-service-navigation-active-link-border-width) * -1);\n      padding-left: govuk-spacing(2);\n      border-left-width: $govuk-service-navigation-active-link-border-width;\n    }\n\n    @include govuk-media-query($from: tablet) {\n      @include _govuk-rebrand(\n        \"padding-bottom\",\n        $from: govuk-spacing(4) - $govuk-service-navigation-active-link-border-width,\n        $to: govuk-spacing(3) - $govuk-service-navigation-active-link-border-width\n      );\n      border-bottom-width: $govuk-service-navigation-active-link-border-width;\n    }\n  }\n\n  .govuk-service-navigation__link {\n    @include govuk-link-common;\n    @include govuk-link-style-no-underline;\n    @include govuk-link-style-no-visited-state;\n\n    &:not(:hover):not(:focus) {\n      // We set the colour here as we don't want to override the hover or\n      // focus colours\n      color: $govuk-service-navigation-link-colour;\n    }\n  }\n\n  //\n  // Service name specific code\n  //\n\n  .govuk-service-navigation__service-name {\n    @include govuk-font($size: 19, $weight: bold);\n  }\n\n  // Annoyingly this requires a compound selector in order to overcome the\n  // specificity of the other link colour override we're doing\n  .govuk-service-navigation__service-name .govuk-service-navigation__link {\n    @include govuk-link-style-text;\n  }\n\n  // Allow navigation section to always take up maximum available space,\n  // rather than sizing to fit the content. This makes it easier to right align\n  // nav items and use slots.\n  .govuk-service-navigation__wrapper {\n    flex-grow: 1;\n  }\n\n  //\n  // Navigation list specific code\n  //\n\n  .govuk-service-navigation__toggle {\n    @include govuk-font($size: 19, $weight: bold);\n    display: inline-flex;\n    margin: govuk-spacing(2) 0;\n    padding: 0;\n    border: 0;\n    color: $govuk-service-navigation-link-colour;\n    background: none;\n    word-break: break-all;\n    cursor: pointer;\n    align-items: center;\n\n    &:focus {\n      @include govuk-focused-text;\n    }\n\n    &::after {\n      @include govuk-shape-arrow($direction: down, $base: 10px, $display: inline-block);\n      content: \"\";\n      margin-left: govuk-spacing(1);\n    }\n\n    &[aria-expanded=\"true\"]::after {\n      @include govuk-shape-arrow($direction: up, $base: 10px, $display: inline-block);\n    }\n\n    // Ensure the button stays hidden if the hidden attribute is present\n    &[hidden] {\n      display: none;\n    }\n\n    // If we have both a service name and navigation toggle, remove the\n    // margin-top so that there isn't a bunch of space between them\n    .govuk-service-navigation__service-name + .govuk-service-navigation__wrapper & {\n      margin-top: 0;\n    }\n  }\n\n  .govuk-service-navigation__list {\n    @include govuk-font($size: 19);\n    margin: 0;\n    margin-bottom: govuk-spacing(3);\n    padding: 0;\n    list-style: none;\n\n    // Make the navigation list a flexbox. Doing so resolves a couple of\n    // accessibility problems caused by the list items being inline-blocks:\n    // - Removes the extra whitespace from between each list item that screen\n    //   readers would pointlessly announce.\n    // - Fixes an NVDA issue in Firefox and Chrome <= 124 where it would read\n    //   all of the links as a run-on sentence.\n    @include govuk-media-query($from: tablet) {\n      display: flex;\n      flex-wrap: wrap;\n      margin-bottom: 0;\n\n      // However... IE11 totally trips over flexbox and doesn't wrap anything,\n      // making all of the items into a single, horizontally scrolling row,\n      // which is no good. This CSS hack removes the flexbox definition for\n      // IE 9–11, reverting it to the flawed, but OK, non-flexbox version.\n      //\n      // CSS hack from http://browserhacks.com/#hack-a60b03e301a67f76a5a22221c739dc64\n      @media screen and (min-width: 0\\0) {\n        display: block;\n      }\n    }\n  }\n\n  // This is a <strong> element that is used as a fallback mechanism for\n  // visually indicating the current page in scenarios where CSS isn't\n  // available. We don't actually want it to be bold normally, so set it to\n  // inherit the parent font-weight.\n  .govuk-service-navigation__active-fallback {\n    font-weight: inherit;\n  }\n\n  // Inverted colour scheme style intended for product pages\n  .govuk-service-navigation--inverse {\n    @include _govuk-rebrand {\n      // Remove bottom border to add width-container ones\n      border-bottom: none;\n\n      // Set colour here so non-link text (service name, slot content) can\n      // use it too.\n      color: govuk-colour(\"white\");\n\n      background-color: $govuk-brand-colour;\n\n      .govuk-width-container {\n        border-width: 1px 0;\n        border-style: solid;\n        border-color: $_govuk-rebrand-border-colour-on-blue-tint-95;\n      }\n\n      // Subtract 1px of space to account for the extra border-top\n      .govuk-service-navigation__container {\n        margin-top: -1px;\n      }\n\n      // Override the 'active' border colour\n      .govuk-service-navigation__item,\n      .govuk-service-navigation__service-name {\n        border-color: govuk-colour(\"white\");\n      }\n\n      // Override link styles\n      .govuk-service-navigation__link {\n        @include govuk-link-style-inverse;\n      }\n\n      // Override mobile menu toggle colour when not focused\n      .govuk-service-navigation__toggle:not(:focus) {\n        color: currentcolor;\n      }\n    }\n  }\n}\n"]}
diff --git a/node_modules/govuk-frontend/dist/govuk/components/service-navigation/_service-navigation.scss b/node_modules/govuk-frontend/dist/govuk/components/service-navigation/_service-navigation.scss
new file mode 100644
index 0000000..8003c1e
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/service-navigation/_service-navigation.scss
@@ -0,0 +1,4 @@
+@import "../../base";
+@import "./index";
+
+/*# sourceMappingURL=_service-navigation.scss.map */
diff --git a/node_modules/govuk-frontend/dist/govuk/components/service-navigation/_service-navigation.scss.map b/node_modules/govuk-frontend/dist/govuk/components/service-navigation/_service-navigation.scss.map
new file mode 100644
index 0000000..a182803
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/service-navigation/_service-navigation.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/service-navigation/_service-navigation.scss"],"names":[],"mappings":"AAAA,oBAAoB;AACpB,iBAAiB","file":"_service-navigation.scss","sourcesContent":["@import \"../../base\";\n@import \"./index\";\n"]}
diff --git a/node_modules/govuk-frontend/dist/govuk/components/service-navigation/fixtures.json b/node_modules/govuk-frontend/dist/govuk/components/service-navigation/fixtures.json
new file mode 100644
index 0000000..6d4045d
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/service-navigation/fixtures.json
@@ -0,0 +1,681 @@
+{
+    "component": "service-navigation",
+    "fixtures": [
+        {
+            "name": "default",
+            "options": {
+                "navigation": [
+                    {
+                        "href": "#/1",
+                        "text": "Navigation item 1"
+                    },
+                    {
+                        "href": "#/2",
+                        "text": "Navigation item 2"
+                    },
+                    {
+                        "href": "#/3",
+                        "text": "Navigation item 3"
+                    },
+                    {
+                        "href": "#/4",
+                        "text": "Navigation item 4"
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": {
+                "variants": [
+                    "default",
+                    "no-js"
+                ]
+            },
+            "html": "<div class=\"govuk-service-navigation\"\ndata-module=\"govuk-service-navigation\"\n>\n      <div class=\"govuk-width-container\">\n\n    <div class=\"govuk-service-navigation__container\">\n      \n\n      \n        <nav aria-label=\"Menu\" class=\"govuk-service-navigation__wrapper\">\n          <button type=\"button\" class=\"govuk-service-navigation__toggle govuk-js-service-navigation-toggle\" aria-controls=\"navigation\" hidden>\n            Menu\n          </button>\n\n          <ul class=\"govuk-service-navigation__list\" id=\"navigation\" >\n\n            \n              \n              <li class=\"govuk-service-navigation__item\">\n                  <a class=\"govuk-service-navigation__link\" href=\"#/1\">\n                                    \nNavigation item 1\n                  </a>\n              </li>\n\n              \n              <li class=\"govuk-service-navigation__item\">\n                  <a class=\"govuk-service-navigation__link\" href=\"#/2\">\n                                    \nNavigation item 2\n                  </a>\n              </li>\n\n              \n              <li class=\"govuk-service-navigation__item\">\n                  <a class=\"govuk-service-navigation__link\" href=\"#/3\">\n                                    \nNavigation item 3\n                  </a>\n              </li>\n\n              \n              <li class=\"govuk-service-navigation__item\">\n                  <a class=\"govuk-service-navigation__link\" href=\"#/4\">\n                                    \nNavigation item 4\n                  </a>\n              </li>\n\n            </ul>\n        </nav>\n    </div>\n\n    </div>\n\n  </div>"
+        },
+        {
+            "name": "with navigation with a current item",
+            "options": {
+                "navigation": [
+                    {
+                        "href": "#/1",
+                        "text": "Navigation item 1"
+                    },
+                    {
+                        "href": "#/2",
+                        "text": "Navigation item 2",
+                        "current": true
+                    },
+                    {
+                        "href": "#/3",
+                        "text": "Navigation item 3"
+                    },
+                    {
+                        "href": "#/4",
+                        "text": "Navigation item 4"
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "The current item indicates that the user is present on that exact page. It looks the same as an active item, but marks this item as the one the user is currently viewing in ARIA.",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-service-navigation\"\ndata-module=\"govuk-service-navigation\"\n>\n      <div class=\"govuk-width-container\">\n\n    <div class=\"govuk-service-navigation__container\">\n      \n\n      \n        <nav aria-label=\"Menu\" class=\"govuk-service-navigation__wrapper\">\n          <button type=\"button\" class=\"govuk-service-navigation__toggle govuk-js-service-navigation-toggle\" aria-controls=\"navigation\" hidden>\n            Menu\n          </button>\n\n          <ul class=\"govuk-service-navigation__list\" id=\"navigation\" >\n\n            \n              \n              <li class=\"govuk-service-navigation__item\">\n                  <a class=\"govuk-service-navigation__link\" href=\"#/1\">\n                                    \nNavigation item 1\n                  </a>\n              </li>\n\n              \n              <li class=\"govuk-service-navigation__item govuk-service-navigation__item--active\">\n                  <a class=\"govuk-service-navigation__link\" href=\"#/2\" aria-current=\"page\">\n                                    \n                  <strong class=\"govuk-service-navigation__active-fallback\">Navigation item 2</strong>\n\n                  </a>\n              </li>\n\n              \n              <li class=\"govuk-service-navigation__item\">\n                  <a class=\"govuk-service-navigation__link\" href=\"#/3\">\n                                    \nNavigation item 3\n                  </a>\n              </li>\n\n              \n              <li class=\"govuk-service-navigation__item\">\n                  <a class=\"govuk-service-navigation__link\" href=\"#/4\">\n                                    \nNavigation item 4\n                  </a>\n              </li>\n\n            </ul>\n        </nav>\n    </div>\n\n    </div>\n\n  </div>"
+        },
+        {
+            "name": "with large navigation",
+            "options": {
+                "navigation": [
+                    {
+                        "href": "#/browse/benefits",
+                        "text": "Benefits"
+                    },
+                    {
+                        "href": "#/browse/births-deaths-marriages",
+                        "text": "Births, deaths, marriages and care"
+                    },
+                    {
+                        "href": "#/browse/business",
+                        "text": "Business and self-employed"
+                    },
+                    {
+                        "href": "#/browse/childcare-parenting",
+                        "text": "Childcare and parenting"
+                    },
+                    {
+                        "href": "#/browse/citizenship",
+                        "text": "Citizenship and living in the UK"
+                    },
+                    {
+                        "href": "#/browse/justice",
+                        "text": "Crime, justice and the law"
+                    },
+                    {
+                        "href": "#/browse/disabilities",
+                        "text": "Disabled people"
+                    },
+                    {
+                        "href": "#/browse/driving",
+                        "text": "Driving and transport"
+                    },
+                    {
+                        "href": "#/browse/education",
+                        "text": "Education and learning"
+                    },
+                    {
+                        "href": "#/browse/employing-people",
+                        "text": "Employing people"
+                    },
+                    {
+                        "href": "#/browse/environment-countryside",
+                        "text": "Environment and countryside"
+                    },
+                    {
+                        "href": "#/browse/housing-local-services",
+                        "text": "Housing and local services"
+                    },
+                    {
+                        "href": "#/browse/tax",
+                        "text": "Money and tax"
+                    },
+                    {
+                        "href": "#/browse/abroad",
+                        "text": "Passports, travel and living abroad"
+                    },
+                    {
+                        "href": "#/browse/visas-immigration",
+                        "text": "Visas and immigration"
+                    },
+                    {
+                        "href": "#/browse/working",
+                        "text": "Working, jobs and pensions"
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-service-navigation\"\ndata-module=\"govuk-service-navigation\"\n>\n      <div class=\"govuk-width-container\">\n\n    <div class=\"govuk-service-navigation__container\">\n      \n\n      \n        <nav aria-label=\"Menu\" class=\"govuk-service-navigation__wrapper\">\n          <button type=\"button\" class=\"govuk-service-navigation__toggle govuk-js-service-navigation-toggle\" aria-controls=\"navigation\" hidden>\n            Menu\n          </button>\n\n          <ul class=\"govuk-service-navigation__list\" id=\"navigation\" >\n\n            \n              \n              <li class=\"govuk-service-navigation__item\">\n                  <a class=\"govuk-service-navigation__link\" href=\"#/browse/benefits\">\n                                    \nBenefits\n                  </a>\n              </li>\n\n              \n              <li class=\"govuk-service-navigation__item\">\n                  <a class=\"govuk-service-navigation__link\" href=\"#/browse/births-deaths-marriages\">\n                                    \nBirths, deaths, marriages and care\n                  </a>\n              </li>\n\n              \n              <li class=\"govuk-service-navigation__item\">\n                  <a class=\"govuk-service-navigation__link\" href=\"#/browse/business\">\n                                    \nBusiness and self-employed\n                  </a>\n              </li>\n\n              \n              <li class=\"govuk-service-navigation__item\">\n                  <a class=\"govuk-service-navigation__link\" href=\"#/browse/childcare-parenting\">\n                                    \nChildcare and parenting\n                  </a>\n              </li>\n\n              \n              <li class=\"govuk-service-navigation__item\">\n                  <a class=\"govuk-service-navigation__link\" href=\"#/browse/citizenship\">\n                                    \nCitizenship and living in the UK\n                  </a>\n              </li>\n\n              \n              <li class=\"govuk-service-navigation__item\">\n                  <a class=\"govuk-service-navigation__link\" href=\"#/browse/justice\">\n                                    \nCrime, justice and the law\n                  </a>\n              </li>\n\n              \n              <li class=\"govuk-service-navigation__item\">\n                  <a class=\"govuk-service-navigation__link\" href=\"#/browse/disabilities\">\n                                    \nDisabled people\n                  </a>\n              </li>\n\n              \n              <li class=\"govuk-service-navigation__item\">\n                  <a class=\"govuk-service-navigation__link\" href=\"#/browse/driving\">\n                                    \nDriving and transport\n                  </a>\n              </li>\n\n              \n              <li class=\"govuk-service-navigation__item\">\n                  <a class=\"govuk-service-navigation__link\" href=\"#/browse/education\">\n                                    \nEducation and learning\n                  </a>\n              </li>\n\n              \n              <li class=\"govuk-service-navigation__item\">\n                  <a class=\"govuk-service-navigation__link\" href=\"#/browse/employing-people\">\n                                    \nEmploying people\n                  </a>\n              </li>\n\n              \n              <li class=\"govuk-service-navigation__item\">\n                  <a class=\"govuk-service-navigation__link\" href=\"#/browse/environment-countryside\">\n                                    \nEnvironment and countryside\n                  </a>\n              </li>\n\n              \n              <li class=\"govuk-service-navigation__item\">\n                  <a class=\"govuk-service-navigation__link\" href=\"#/browse/housing-local-services\">\n                                    \nHousing and local services\n                  </a>\n              </li>\n\n              \n              <li class=\"govuk-service-navigation__item\">\n                  <a class=\"govuk-service-navigation__link\" href=\"#/browse/tax\">\n                                    \nMoney and tax\n                  </a>\n              </li>\n\n              \n              <li class=\"govuk-service-navigation__item\">\n                  <a class=\"govuk-service-navigation__link\" href=\"#/browse/abroad\">\n                                    \nPassports, travel and living abroad\n                  </a>\n              </li>\n\n              \n              <li class=\"govuk-service-navigation__item\">\n                  <a class=\"govuk-service-navigation__link\" href=\"#/browse/visas-immigration\">\n                                    \nVisas and immigration\n                  </a>\n              </li>\n\n              \n              <li class=\"govuk-service-navigation__item\">\n                  <a class=\"govuk-service-navigation__link\" href=\"#/browse/working\">\n                                    \nWorking, jobs and pensions\n                  </a>\n              </li>\n\n            </ul>\n        </nav>\n    </div>\n\n    </div>\n\n  </div>"
+        },
+        {
+            "name": "with HTML navigation items",
+            "options": {
+                "navigation": [
+                    {
+                        "href": "#/1",
+                        "html": "<em>Navigation item 1</em>"
+                    },
+                    {
+                        "href": "#/2",
+                        "html": "<em>Navigation item 2</em>"
+                    },
+                    {
+                        "href": "#/3",
+                        "html": "<em>Navigation item 3</em>"
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-service-navigation\"\ndata-module=\"govuk-service-navigation\"\n>\n      <div class=\"govuk-width-container\">\n\n    <div class=\"govuk-service-navigation__container\">\n      \n\n      \n        <nav aria-label=\"Menu\" class=\"govuk-service-navigation__wrapper\">\n          <button type=\"button\" class=\"govuk-service-navigation__toggle govuk-js-service-navigation-toggle\" aria-controls=\"navigation\" hidden>\n            Menu\n          </button>\n\n          <ul class=\"govuk-service-navigation__list\" id=\"navigation\" >\n\n            \n              \n              <li class=\"govuk-service-navigation__item\">\n                  <a class=\"govuk-service-navigation__link\" href=\"#/1\">\n                                    \n<em>Navigation item 1</em>\n                  </a>\n              </li>\n\n              \n              <li class=\"govuk-service-navigation__item\">\n                  <a class=\"govuk-service-navigation__link\" href=\"#/2\">\n                                    \n<em>Navigation item 2</em>\n                  </a>\n              </li>\n\n              \n              <li class=\"govuk-service-navigation__item\">\n                  <a class=\"govuk-service-navigation__link\" href=\"#/3\">\n                                    \n<em>Navigation item 3</em>\n                  </a>\n              </li>\n\n            </ul>\n        </nav>\n    </div>\n\n    </div>\n\n  </div>"
+        },
+        {
+            "name": "with non-link navigation items",
+            "options": {
+                "navigation": [
+                    {
+                        "text": "Navigation item 1"
+                    },
+                    {
+                        "html": "<em>Navigation item 2</em>"
+                    },
+                    {
+                        "text": "Navigation item 3"
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-service-navigation\"\ndata-module=\"govuk-service-navigation\"\n>\n      <div class=\"govuk-width-container\">\n\n    <div class=\"govuk-service-navigation__container\">\n      \n\n      \n        <nav aria-label=\"Menu\" class=\"govuk-service-navigation__wrapper\">\n          <button type=\"button\" class=\"govuk-service-navigation__toggle govuk-js-service-navigation-toggle\" aria-controls=\"navigation\" hidden>\n            Menu\n          </button>\n\n          <ul class=\"govuk-service-navigation__list\" id=\"navigation\" >\n\n            \n              \n              <li class=\"govuk-service-navigation__item\">\n                  <span class=\"govuk-service-navigation__text\">\n                                    \nNavigation item 1\n                  </span>\n              </li>\n\n              \n              <li class=\"govuk-service-navigation__item\">\n                  <span class=\"govuk-service-navigation__text\">\n                                    \n<em>Navigation item 2</em>\n                  </span>\n              </li>\n\n              \n              <li class=\"govuk-service-navigation__item\">\n                  <span class=\"govuk-service-navigation__text\">\n                                    \nNavigation item 3\n                  </span>\n              </li>\n\n            </ul>\n        </nav>\n    </div>\n\n    </div>\n\n  </div>"
+        },
+        {
+            "name": "with service name",
+            "options": {
+                "serviceName": "Service name"
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<section aria-label=\"Service information\" class=\"govuk-service-navigation\"\ndata-module=\"govuk-service-navigation\"\n>\n      <div class=\"govuk-width-container\">\n\n    <div class=\"govuk-service-navigation__container\">\n      \n        <span class=\"govuk-service-navigation__service-name\">\n            <span class=\"govuk-service-navigation__text\">Service name</span>\n        </span>\n\n      \n    </div>\n\n    </div>\n\n  </section>"
+        },
+        {
+            "name": "with service link",
+            "options": {
+                "serviceName": "Service name",
+                "serviceUrl": "#/"
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<section aria-label=\"Service information\" class=\"govuk-service-navigation\"\ndata-module=\"govuk-service-navigation\"\n>\n      <div class=\"govuk-width-container\">\n\n    <div class=\"govuk-service-navigation__container\">\n      \n        <span class=\"govuk-service-navigation__service-name\">\n            <a href=\"#/\" class=\"govuk-service-navigation__link\">\n              Service name\n            </a>\n        </span>\n\n      \n    </div>\n\n    </div>\n\n  </section>"
+        },
+        {
+            "name": "with long service name",
+            "options": {
+                "serviceName": "Apply to receive a rare holofoil Charizard Pokémon card from the King",
+                "serviceUrl": "#/"
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<section aria-label=\"Service information\" class=\"govuk-service-navigation\"\ndata-module=\"govuk-service-navigation\"\n>\n      <div class=\"govuk-width-container\">\n\n    <div class=\"govuk-service-navigation__container\">\n      \n        <span class=\"govuk-service-navigation__service-name\">\n            <a href=\"#/\" class=\"govuk-service-navigation__link\">\n              Apply to receive a rare holofoil Charizard Pokémon card from the King\n            </a>\n        </span>\n\n      \n    </div>\n\n    </div>\n\n  </section>"
+        },
+        {
+            "name": "with service name and navigation",
+            "options": {
+                "serviceName": "Apply for a juggling license",
+                "serviceUrl": "#/",
+                "navigation": [
+                    {
+                        "href": "#/1",
+                        "text": "Navigation item 1"
+                    },
+                    {
+                        "href": "#/2",
+                        "text": "Navigation item 2",
+                        "active": true
+                    },
+                    {
+                        "href": "#/3",
+                        "text": "Navigation item 3"
+                    },
+                    {
+                        "href": "#/4",
+                        "text": "Navigation item 4"
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<section aria-label=\"Service information\" class=\"govuk-service-navigation\"\ndata-module=\"govuk-service-navigation\"\n>\n      <div class=\"govuk-width-container\">\n\n    <div class=\"govuk-service-navigation__container\">\n      \n        <span class=\"govuk-service-navigation__service-name\">\n            <a href=\"#/\" class=\"govuk-service-navigation__link\">\n              Apply for a juggling license\n            </a>\n        </span>\n\n      \n        <nav aria-label=\"Menu\" class=\"govuk-service-navigation__wrapper\">\n          <button type=\"button\" class=\"govuk-service-navigation__toggle govuk-js-service-navigation-toggle\" aria-controls=\"navigation\" hidden>\n            Menu\n          </button>\n\n          <ul class=\"govuk-service-navigation__list\" id=\"navigation\" >\n\n            \n              \n              <li class=\"govuk-service-navigation__item\">\n                  <a class=\"govuk-service-navigation__link\" href=\"#/1\">\n                                    \nNavigation item 1\n                  </a>\n              </li>\n\n              \n              <li class=\"govuk-service-navigation__item govuk-service-navigation__item--active\">\n                  <a class=\"govuk-service-navigation__link\" href=\"#/2\" aria-current=\"true\">\n                                    \n                  <strong class=\"govuk-service-navigation__active-fallback\">Navigation item 2</strong>\n\n                  </a>\n              </li>\n\n              \n              <li class=\"govuk-service-navigation__item\">\n                  <a class=\"govuk-service-navigation__link\" href=\"#/3\">\n                                    \nNavigation item 3\n                  </a>\n              </li>\n\n              \n              <li class=\"govuk-service-navigation__item\">\n                  <a class=\"govuk-service-navigation__link\" href=\"#/4\">\n                                    \nNavigation item 4\n                  </a>\n              </li>\n\n            </ul>\n        </nav>\n    </div>\n\n    </div>\n\n  </section>"
+        },
+        {
+            "name": "inverse",
+            "options": {
+                "classes": "govuk-service-navigation--inverse",
+                "serviceName": "Apply for a juggling license",
+                "serviceUrl": "#/",
+                "navigation": [
+                    {
+                        "href": "#/1",
+                        "text": "Navigation item 1"
+                    },
+                    {
+                        "href": "#/2",
+                        "text": "Navigation item 2",
+                        "active": true
+                    },
+                    {
+                        "href": "#/3",
+                        "text": "Navigation item 3"
+                    },
+                    {
+                        "href": "#/4",
+                        "text": "Navigation item 4"
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "Service navigation that appears between other areas of brand blue. Rebrand only.",
+            "pageTemplateOptions": {
+                "bodyClasses": "app-template__body--inverse"
+            },
+            "screenshot": false,
+            "html": "<section aria-label=\"Service information\" class=\"govuk-service-navigation govuk-service-navigation--inverse\"\ndata-module=\"govuk-service-navigation\"\n>\n      <div class=\"govuk-width-container\">\n\n    <div class=\"govuk-service-navigation__container\">\n      \n        <span class=\"govuk-service-navigation__service-name\">\n            <a href=\"#/\" class=\"govuk-service-navigation__link\">\n              Apply for a juggling license\n            </a>\n        </span>\n\n      \n        <nav aria-label=\"Menu\" class=\"govuk-service-navigation__wrapper\">\n          <button type=\"button\" class=\"govuk-service-navigation__toggle govuk-js-service-navigation-toggle\" aria-controls=\"navigation\" hidden>\n            Menu\n          </button>\n\n          <ul class=\"govuk-service-navigation__list\" id=\"navigation\" >\n\n            \n              \n              <li class=\"govuk-service-navigation__item\">\n                  <a class=\"govuk-service-navigation__link\" href=\"#/1\">\n                                    \nNavigation item 1\n                  </a>\n              </li>\n\n              \n              <li class=\"govuk-service-navigation__item govuk-service-navigation__item--active\">\n                  <a class=\"govuk-service-navigation__link\" href=\"#/2\" aria-current=\"true\">\n                                    \n                  <strong class=\"govuk-service-navigation__active-fallback\">Navigation item 2</strong>\n\n                  </a>\n              </li>\n\n              \n              <li class=\"govuk-service-navigation__item\">\n                  <a class=\"govuk-service-navigation__link\" href=\"#/3\">\n                                    \nNavigation item 3\n                  </a>\n              </li>\n\n              \n              <li class=\"govuk-service-navigation__item\">\n                  <a class=\"govuk-service-navigation__link\" href=\"#/4\">\n                                    \nNavigation item 4\n                  </a>\n              </li>\n\n            </ul>\n        </nav>\n    </div>\n\n    </div>\n\n  </section>"
+        },
+        {
+            "name": "with collapseNavigationOnMobile set to false",
+            "options": {
+                "serviceName": "Apply for a juggling license",
+                "serviceUrl": "#/",
+                "navigation": [
+                    {
+                        "href": "#/1",
+                        "text": "Navigation item 1"
+                    },
+                    {
+                        "href": "#/2",
+                        "text": "Navigation item 2",
+                        "active": true
+                    },
+                    {
+                        "href": "#/3",
+                        "text": "Navigation item 3"
+                    },
+                    {
+                        "href": "#/4",
+                        "text": "Navigation item 4"
+                    }
+                ],
+                "collapseNavigationOnMobile": false
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<section aria-label=\"Service information\" class=\"govuk-service-navigation\"\ndata-module=\"govuk-service-navigation\"\n>\n      <div class=\"govuk-width-container\">\n\n    <div class=\"govuk-service-navigation__container\">\n      \n        <span class=\"govuk-service-navigation__service-name\">\n            <a href=\"#/\" class=\"govuk-service-navigation__link\">\n              Apply for a juggling license\n            </a>\n        </span>\n\n      \n        <nav aria-label=\"Menu\" class=\"govuk-service-navigation__wrapper\">\n\n          <ul class=\"govuk-service-navigation__list\" id=\"navigation\" >\n\n            \n              \n              <li class=\"govuk-service-navigation__item\">\n                  <a class=\"govuk-service-navigation__link\" href=\"#/1\">\n                                    \nNavigation item 1\n                  </a>\n              </li>\n\n              \n              <li class=\"govuk-service-navigation__item govuk-service-navigation__item--active\">\n                  <a class=\"govuk-service-navigation__link\" href=\"#/2\" aria-current=\"true\">\n                                    \n                  <strong class=\"govuk-service-navigation__active-fallback\">Navigation item 2</strong>\n\n                  </a>\n              </li>\n\n              \n              <li class=\"govuk-service-navigation__item\">\n                  <a class=\"govuk-service-navigation__link\" href=\"#/3\">\n                                    \nNavigation item 3\n                  </a>\n              </li>\n\n              \n              <li class=\"govuk-service-navigation__item\">\n                  <a class=\"govuk-service-navigation__link\" href=\"#/4\">\n                                    \nNavigation item 4\n                  </a>\n              </li>\n\n            </ul>\n        </nav>\n    </div>\n\n    </div>\n\n  </section>"
+        },
+        {
+            "name": "with a single navigation item",
+            "options": {
+                "serviceName": "Apply for a juggling license",
+                "serviceUrl": "#/",
+                "navigation": [
+                    {
+                        "href": "#/1",
+                        "text": "Log out"
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<section aria-label=\"Service information\" class=\"govuk-service-navigation\"\ndata-module=\"govuk-service-navigation\"\n>\n      <div class=\"govuk-width-container\">\n\n    <div class=\"govuk-service-navigation__container\">\n      \n        <span class=\"govuk-service-navigation__service-name\">\n            <a href=\"#/\" class=\"govuk-service-navigation__link\">\n              Apply for a juggling license\n            </a>\n        </span>\n\n      \n        <nav aria-label=\"Menu\" class=\"govuk-service-navigation__wrapper\">\n\n          <ul class=\"govuk-service-navigation__list\" id=\"navigation\" >\n\n            \n              \n              <li class=\"govuk-service-navigation__item\">\n                  <a class=\"govuk-service-navigation__link\" href=\"#/1\">\n                                    \nLog out\n                  </a>\n              </li>\n\n            </ul>\n        </nav>\n    </div>\n\n    </div>\n\n  </section>"
+        },
+        {
+            "name": "with a single navigation item and collapseNavigationOnMobile set to true",
+            "options": {
+                "serviceName": "Apply for a juggling license",
+                "serviceUrl": "#/",
+                "navigation": [
+                    {
+                        "href": "#/1",
+                        "text": "Log out"
+                    }
+                ],
+                "collapseNavigationOnMobile": true
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<section aria-label=\"Service information\" class=\"govuk-service-navigation\"\ndata-module=\"govuk-service-navigation\"\n>\n      <div class=\"govuk-width-container\">\n\n    <div class=\"govuk-service-navigation__container\">\n      \n        <span class=\"govuk-service-navigation__service-name\">\n            <a href=\"#/\" class=\"govuk-service-navigation__link\">\n              Apply for a juggling license\n            </a>\n        </span>\n\n      \n        <nav aria-label=\"Menu\" class=\"govuk-service-navigation__wrapper\">\n          <button type=\"button\" class=\"govuk-service-navigation__toggle govuk-js-service-navigation-toggle\" aria-controls=\"navigation\" hidden>\n            Menu\n          </button>\n\n          <ul class=\"govuk-service-navigation__list\" id=\"navigation\" >\n\n            \n              \n              <li class=\"govuk-service-navigation__item\">\n                  <a class=\"govuk-service-navigation__link\" href=\"#/1\">\n                                    \nLog out\n                  </a>\n              </li>\n\n            </ul>\n        </nav>\n    </div>\n\n    </div>\n\n  </section>"
+        },
+        {
+            "name": "with no options set",
+            "options": {},
+            "hidden": true,
+            "description": "If no serviceName or navigation is set, don't render anything.",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-service-navigation\"\ndata-module=\"govuk-service-navigation\"\n>\n      <div class=\"govuk-width-container\">\n\n    <div class=\"govuk-service-navigation__container\">\n      \n\n      \n    </div>\n\n    </div>\n\n  </div>"
+        },
+        {
+            "name": "attributes",
+            "options": {
+                "serviceName": "Service name",
+                "attributes": {
+                    "data-foo": "bar",
+                    "data-pika": "chu"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<section aria-label=\"Service information\" class=\"govuk-service-navigation\"\ndata-module=\"govuk-service-navigation\" data-foo=\"bar\" data-pika=\"chu\"\n>\n      <div class=\"govuk-width-container\">\n\n    <div class=\"govuk-service-navigation__container\">\n      \n        <span class=\"govuk-service-navigation__service-name\">\n            <span class=\"govuk-service-navigation__text\">Service name</span>\n        </span>\n\n      \n    </div>\n\n    </div>\n\n  </section>"
+        },
+        {
+            "name": "classes",
+            "options": {
+                "serviceName": "Service name",
+                "classes": "app-my-curious-custom-class"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<section aria-label=\"Service information\" class=\"govuk-service-navigation app-my-curious-custom-class\"\ndata-module=\"govuk-service-navigation\"\n>\n      <div class=\"govuk-width-container\">\n\n    <div class=\"govuk-service-navigation__container\">\n      \n        <span class=\"govuk-service-navigation__service-name\">\n            <span class=\"govuk-service-navigation__text\">Service name</span>\n        </span>\n\n      \n    </div>\n\n    </div>\n\n  </section>"
+        },
+        {
+            "name": "with custom aria-label",
+            "options": {
+                "serviceName": "Service name",
+                "ariaLabel": "Service name and nav"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<section aria-label=\"Service name and nav\" class=\"govuk-service-navigation\"\ndata-module=\"govuk-service-navigation\"\n>\n      <div class=\"govuk-width-container\">\n\n    <div class=\"govuk-service-navigation__container\">\n      \n        <span class=\"govuk-service-navigation__service-name\">\n            <span class=\"govuk-service-navigation__text\">Service name</span>\n        </span>\n\n      \n    </div>\n\n    </div>\n\n  </section>"
+        },
+        {
+            "name": "with custom navigation toggle text",
+            "options": {
+                "menuButtonText": "Enter the NavZone",
+                "navigation": [
+                    {
+                        "href": "#/1",
+                        "text": "Navigation item 1"
+                    },
+                    {
+                        "href": "#/2",
+                        "text": "Navigation item 2"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-service-navigation\"\ndata-module=\"govuk-service-navigation\"\n>\n      <div class=\"govuk-width-container\">\n\n    <div class=\"govuk-service-navigation__container\">\n      \n\n      \n        <nav aria-label=\"Enter the NavZone\" class=\"govuk-service-navigation__wrapper\">\n          <button type=\"button\" class=\"govuk-service-navigation__toggle govuk-js-service-navigation-toggle\" aria-controls=\"navigation\" hidden>\n            Enter the NavZone\n          </button>\n\n          <ul class=\"govuk-service-navigation__list\" id=\"navigation\" >\n\n            \n              \n              <li class=\"govuk-service-navigation__item\">\n                  <a class=\"govuk-service-navigation__link\" href=\"#/1\">\n                                    \nNavigation item 1\n                  </a>\n              </li>\n\n              \n              <li class=\"govuk-service-navigation__item\">\n                  <a class=\"govuk-service-navigation__link\" href=\"#/2\">\n                                    \nNavigation item 2\n                  </a>\n              </li>\n\n            </ul>\n        </nav>\n    </div>\n\n    </div>\n\n  </div>"
+        },
+        {
+            "name": "with custom navigation toggle label",
+            "options": {
+                "menuButtonLabel": "Enter the NavZone",
+                "navigation": [
+                    {
+                        "href": "#/1",
+                        "text": "Navigation item 1"
+                    },
+                    {
+                        "href": "#/2",
+                        "text": "Navigation item 2"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-service-navigation\"\ndata-module=\"govuk-service-navigation\"\n>\n      <div class=\"govuk-width-container\">\n\n    <div class=\"govuk-service-navigation__container\">\n      \n\n      \n        <nav aria-label=\"Menu\" class=\"govuk-service-navigation__wrapper\">\n          <button type=\"button\" class=\"govuk-service-navigation__toggle govuk-js-service-navigation-toggle\" aria-controls=\"navigation\" aria-label=\"Enter the NavZone\" hidden>\n            Menu\n          </button>\n\n          <ul class=\"govuk-service-navigation__list\" id=\"navigation\" >\n\n            \n              \n              <li class=\"govuk-service-navigation__item\">\n                  <a class=\"govuk-service-navigation__link\" href=\"#/1\">\n                                    \nNavigation item 1\n                  </a>\n              </li>\n\n              \n              <li class=\"govuk-service-navigation__item\">\n                  <a class=\"govuk-service-navigation__link\" href=\"#/2\">\n                                    \nNavigation item 2\n                  </a>\n              </li>\n\n            </ul>\n        </nav>\n    </div>\n\n    </div>\n\n  </div>"
+        },
+        {
+            "name": "with identical navigation toggle text and label",
+            "options": {
+                "menuButtonText": "Enter the NavZone",
+                "menuButtonLabel": "Enter the NavZone",
+                "navigation": [
+                    {
+                        "href": "#/1",
+                        "text": "Navigation item 1"
+                    },
+                    {
+                        "href": "#/2",
+                        "text": "Navigation item 2"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-service-navigation\"\ndata-module=\"govuk-service-navigation\"\n>\n      <div class=\"govuk-width-container\">\n\n    <div class=\"govuk-service-navigation__container\">\n      \n\n      \n        <nav aria-label=\"Enter the NavZone\" class=\"govuk-service-navigation__wrapper\">\n          <button type=\"button\" class=\"govuk-service-navigation__toggle govuk-js-service-navigation-toggle\" aria-controls=\"navigation\" hidden>\n            Enter the NavZone\n          </button>\n\n          <ul class=\"govuk-service-navigation__list\" id=\"navigation\" >\n\n            \n              \n              <li class=\"govuk-service-navigation__item\">\n                  <a class=\"govuk-service-navigation__link\" href=\"#/1\">\n                                    \nNavigation item 1\n                  </a>\n              </li>\n\n              \n              <li class=\"govuk-service-navigation__item\">\n                  <a class=\"govuk-service-navigation__link\" href=\"#/2\">\n                                    \nNavigation item 2\n                  </a>\n              </li>\n\n            </ul>\n        </nav>\n    </div>\n\n    </div>\n\n  </div>"
+        },
+        {
+            "name": "with custom navigation label",
+            "options": {
+                "navigationLabel": "Main navigation",
+                "navigation": [
+                    {
+                        "href": "#/1",
+                        "text": "Navigation item 1"
+                    },
+                    {
+                        "href": "#/2",
+                        "text": "Navigation item 2"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-service-navigation\"\ndata-module=\"govuk-service-navigation\"\n>\n      <div class=\"govuk-width-container\">\n\n    <div class=\"govuk-service-navigation__container\">\n      \n\n      \n        <nav aria-label=\"Main navigation\" class=\"govuk-service-navigation__wrapper\">\n          <button type=\"button\" class=\"govuk-service-navigation__toggle govuk-js-service-navigation-toggle\" aria-controls=\"navigation\" hidden>\n            Menu\n          </button>\n\n          <ul class=\"govuk-service-navigation__list\" id=\"navigation\" >\n\n            \n              \n              <li class=\"govuk-service-navigation__item\">\n                  <a class=\"govuk-service-navigation__link\" href=\"#/1\">\n                                    \nNavigation item 1\n                  </a>\n              </li>\n\n              \n              <li class=\"govuk-service-navigation__item\">\n                  <a class=\"govuk-service-navigation__link\" href=\"#/2\">\n                                    \nNavigation item 2\n                  </a>\n              </li>\n\n            </ul>\n        </nav>\n    </div>\n\n    </div>\n\n  </div>"
+        },
+        {
+            "name": "with custom navigation toggle text and navigation label",
+            "options": {
+                "menuButtonText": "Enter the NavZone",
+                "navigationLabel": "The NavZone",
+                "navigation": [
+                    {
+                        "href": "#/1",
+                        "text": "Navigation item 1"
+                    },
+                    {
+                        "href": "#/2",
+                        "text": "Navigation item 2"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-service-navigation\"\ndata-module=\"govuk-service-navigation\"\n>\n      <div class=\"govuk-width-container\">\n\n    <div class=\"govuk-service-navigation__container\">\n      \n\n      \n        <nav aria-label=\"The NavZone\" class=\"govuk-service-navigation__wrapper\">\n          <button type=\"button\" class=\"govuk-service-navigation__toggle govuk-js-service-navigation-toggle\" aria-controls=\"navigation\" hidden>\n            Enter the NavZone\n          </button>\n\n          <ul class=\"govuk-service-navigation__list\" id=\"navigation\" >\n\n            \n              \n              <li class=\"govuk-service-navigation__item\">\n                  <a class=\"govuk-service-navigation__link\" href=\"#/1\">\n                                    \nNavigation item 1\n                  </a>\n              </li>\n\n              \n              <li class=\"govuk-service-navigation__item\">\n                  <a class=\"govuk-service-navigation__link\" href=\"#/2\">\n                                    \nNavigation item 2\n                  </a>\n              </li>\n\n            </ul>\n        </nav>\n    </div>\n\n    </div>\n\n  </div>"
+        },
+        {
+            "name": "with custom navigation classes",
+            "options": {
+                "navigationClasses": "app-my-neat-navigation-class",
+                "navigation": [
+                    {
+                        "href": "#/1",
+                        "text": "Navigation item 1"
+                    },
+                    {
+                        "href": "#/2",
+                        "text": "Navigation item 2"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-service-navigation\"\ndata-module=\"govuk-service-navigation\"\n>\n      <div class=\"govuk-width-container\">\n\n    <div class=\"govuk-service-navigation__container\">\n      \n\n      \n        <nav aria-label=\"Menu\" class=\"govuk-service-navigation__wrapper app-my-neat-navigation-class\">\n          <button type=\"button\" class=\"govuk-service-navigation__toggle govuk-js-service-navigation-toggle\" aria-controls=\"navigation\" hidden>\n            Menu\n          </button>\n\n          <ul class=\"govuk-service-navigation__list\" id=\"navigation\" >\n\n            \n              \n              <li class=\"govuk-service-navigation__item\">\n                  <a class=\"govuk-service-navigation__link\" href=\"#/1\">\n                                    \nNavigation item 1\n                  </a>\n              </li>\n\n              \n              <li class=\"govuk-service-navigation__item\">\n                  <a class=\"govuk-service-navigation__link\" href=\"#/2\">\n                                    \nNavigation item 2\n                  </a>\n              </li>\n\n            </ul>\n        </nav>\n    </div>\n\n    </div>\n\n  </div>"
+        },
+        {
+            "name": "with custom navigation ID",
+            "options": {
+                "navigationId": "main-nav",
+                "navigation": [
+                    {
+                        "href": "#/1",
+                        "text": "Navigation item 1"
+                    },
+                    {
+                        "href": "#/2",
+                        "text": "Navigation item 2"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-service-navigation\"\ndata-module=\"govuk-service-navigation\"\n>\n      <div class=\"govuk-width-container\">\n\n    <div class=\"govuk-service-navigation__container\">\n      \n\n      \n        <nav aria-label=\"Menu\" class=\"govuk-service-navigation__wrapper\">\n          <button type=\"button\" class=\"govuk-service-navigation__toggle govuk-js-service-navigation-toggle\" aria-controls=\"main-nav\" hidden>\n            Menu\n          </button>\n\n          <ul class=\"govuk-service-navigation__list\" id=\"main-nav\" >\n\n            \n              \n              <li class=\"govuk-service-navigation__item\">\n                  <a class=\"govuk-service-navigation__link\" href=\"#/1\">\n                                    \nNavigation item 1\n                  </a>\n              </li>\n\n              \n              <li class=\"govuk-service-navigation__item\">\n                  <a class=\"govuk-service-navigation__link\" href=\"#/2\">\n                                    \nNavigation item 2\n                  </a>\n              </li>\n\n            </ul>\n        </nav>\n    </div>\n\n    </div>\n\n  </div>"
+        },
+        {
+            "name": "with navigation having empty values",
+            "options": {
+                "navigation": [
+                    {
+                        "href": "#/1",
+                        "text": "Navigation item 1"
+                    },
+                    null,
+                    false,
+                    "",
+                    null,
+                    {
+                        "href": "#/2",
+                        "text": "Navigation item 2"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-service-navigation\"\ndata-module=\"govuk-service-navigation\"\n>\n      <div class=\"govuk-width-container\">\n\n    <div class=\"govuk-service-navigation__container\">\n      \n\n      \n        <nav aria-label=\"Menu\" class=\"govuk-service-navigation__wrapper\">\n          <button type=\"button\" class=\"govuk-service-navigation__toggle govuk-js-service-navigation-toggle\" aria-controls=\"navigation\" hidden>\n            Menu\n          </button>\n\n          <ul class=\"govuk-service-navigation__list\" id=\"navigation\" >\n\n            \n              \n              <li class=\"govuk-service-navigation__item\">\n                  <a class=\"govuk-service-navigation__link\" href=\"#/1\">\n                                    \nNavigation item 1\n                  </a>\n              </li>\n\n              \n              <li class=\"govuk-service-navigation__item\">\n                  <a class=\"govuk-service-navigation__link\" href=\"#/2\">\n                                    \nNavigation item 2\n                  </a>\n              </li>\n\n            </ul>\n        </nav>\n    </div>\n\n    </div>\n\n  </div>"
+        },
+        {
+            "name": "with navigation having only empty values",
+            "options": {
+                "navigation": [
+                    null,
+                    false,
+                    null,
+                    ""
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-service-navigation\"\ndata-module=\"govuk-service-navigation\"\n>\n      <div class=\"govuk-width-container\">\n\n    <div class=\"govuk-service-navigation__container\">\n      \n\n      \n    </div>\n\n    </div>\n\n  </div>"
+        },
+        {
+            "name": "with navigation being an empty array",
+            "options": {
+                "navigation": []
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-service-navigation\"\ndata-module=\"govuk-service-navigation\"\n>\n      <div class=\"govuk-width-container\">\n\n    <div class=\"govuk-service-navigation__container\">\n      \n\n      \n    </div>\n\n    </div>\n\n  </div>"
+        },
+        {
+            "name": "with navigation with an active item",
+            "options": {
+                "navigation": [
+                    {
+                        "href": "#/1",
+                        "text": "Navigation item 1"
+                    },
+                    {
+                        "href": "#/2",
+                        "text": "Navigation item 2",
+                        "active": true
+                    },
+                    {
+                        "href": "#/3",
+                        "text": "Navigation item 3"
+                    },
+                    {
+                        "href": "#/4",
+                        "text": "Navigation item 4"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "The active item indicates that the user is within that section, but not on the exact page being linked. It looks the same as a current item, but marks this item as an ancestor to the one the user is viewing in ARIA (e.g. a parent section).",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-service-navigation\"\ndata-module=\"govuk-service-navigation\"\n>\n      <div class=\"govuk-width-container\">\n\n    <div class=\"govuk-service-navigation__container\">\n      \n\n      \n        <nav aria-label=\"Menu\" class=\"govuk-service-navigation__wrapper\">\n          <button type=\"button\" class=\"govuk-service-navigation__toggle govuk-js-service-navigation-toggle\" aria-controls=\"navigation\" hidden>\n            Menu\n          </button>\n\n          <ul class=\"govuk-service-navigation__list\" id=\"navigation\" >\n\n            \n              \n              <li class=\"govuk-service-navigation__item\">\n                  <a class=\"govuk-service-navigation__link\" href=\"#/1\">\n                                    \nNavigation item 1\n                  </a>\n              </li>\n\n              \n              <li class=\"govuk-service-navigation__item govuk-service-navigation__item--active\">\n                  <a class=\"govuk-service-navigation__link\" href=\"#/2\" aria-current=\"true\">\n                                    \n                  <strong class=\"govuk-service-navigation__active-fallback\">Navigation item 2</strong>\n\n                  </a>\n              </li>\n\n              \n              <li class=\"govuk-service-navigation__item\">\n                  <a class=\"govuk-service-navigation__link\" href=\"#/3\">\n                                    \nNavigation item 3\n                  </a>\n              </li>\n\n              \n              <li class=\"govuk-service-navigation__item\">\n                  <a class=\"govuk-service-navigation__link\" href=\"#/4\">\n                                    \nNavigation item 4\n                  </a>\n              </li>\n\n            </ul>\n        </nav>\n    </div>\n\n    </div>\n\n  </div>"
+        },
+        {
+            "name": "with slotted content",
+            "options": {
+                "slots": {
+                    "start": "<div>[start]</div>",
+                    "end": "<div>[end]</div>",
+                    "navigationStart": "<li>[navigation start]</li>",
+                    "navigationEnd": "<li>[navigation end]</li>"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<section aria-label=\"Service information\" class=\"govuk-service-navigation\"\ndata-module=\"govuk-service-navigation\"\n>\n      <div class=\"govuk-width-container\">\n\n    <div>[start]</div><div class=\"govuk-service-navigation__container\">\n      \n\n      \n        <nav aria-label=\"Menu\" class=\"govuk-service-navigation__wrapper\">\n\n          <ul class=\"govuk-service-navigation__list\" id=\"navigation\" >\n\n            <li>[navigation start]</li>\n            <li>[navigation end]</li></ul>\n        </nav>\n    </div>\n\n    <div>[end]</div></div>\n\n  </section>"
+        },
+        {
+            "name": "rebrand",
+            "options": {
+                "navigation": [
+                    {
+                        "href": "#/1",
+                        "text": "Navigation item 1"
+                    },
+                    {
+                        "href": "#/2",
+                        "text": "Navigation item 2"
+                    },
+                    {
+                        "href": "#/3",
+                        "text": "Navigation item 3"
+                    },
+                    {
+                        "href": "#/4",
+                        "text": "Navigation item 4"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {
+                "htmlClasses": "govuk-template--rebranded"
+            },
+            "screenshot": true,
+            "html": "<div class=\"govuk-service-navigation\"\ndata-module=\"govuk-service-navigation\"\n>\n      <div class=\"govuk-width-container\">\n\n    <div class=\"govuk-service-navigation__container\">\n      \n\n      \n        <nav aria-label=\"Menu\" class=\"govuk-service-navigation__wrapper\">\n          <button type=\"button\" class=\"govuk-service-navigation__toggle govuk-js-service-navigation-toggle\" aria-controls=\"navigation\" hidden>\n            Menu\n          </button>\n\n          <ul class=\"govuk-service-navigation__list\" id=\"navigation\" >\n\n            \n              \n              <li class=\"govuk-service-navigation__item\">\n                  <a class=\"govuk-service-navigation__link\" href=\"#/1\">\n                                    \nNavigation item 1\n                  </a>\n              </li>\n\n              \n              <li class=\"govuk-service-navigation__item\">\n                  <a class=\"govuk-service-navigation__link\" href=\"#/2\">\n                                    \nNavigation item 2\n                  </a>\n              </li>\n\n              \n              <li class=\"govuk-service-navigation__item\">\n                  <a class=\"govuk-service-navigation__link\" href=\"#/3\">\n                                    \nNavigation item 3\n                  </a>\n              </li>\n\n              \n              <li class=\"govuk-service-navigation__item\">\n                  <a class=\"govuk-service-navigation__link\" href=\"#/4\">\n                                    \nNavigation item 4\n                  </a>\n              </li>\n\n            </ul>\n        </nav>\n    </div>\n\n    </div>\n\n  </div>"
+        }
+    ],
+    "previewLayout": "full-width"
+}
diff --git a/node_modules/govuk-frontend/dist/govuk/components/service-navigation/macro-options.json b/node_modules/govuk-frontend/dist/govuk/components/service-navigation/macro-options.json
new file mode 100644
index 0000000..86b04ad
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/service-navigation/macro-options.json
@@ -0,0 +1,144 @@
+[
+    {
+        "name": "classes",
+        "type": "string",
+        "required": false,
+        "description": "Classes to add to the service navigation container."
+    },
+    {
+        "name": "attributes",
+        "type": "object",
+        "required": false,
+        "description": "HTML attributes (for example, data attributes) to add to the service navigation container."
+    },
+    {
+        "name": "ariaLabel",
+        "type": "string",
+        "required": false,
+        "description": "The text for the `aria-label` which labels the service navigation container when a service name is included. Defaults to `\"Service information\"`."
+    },
+    {
+        "name": "menuButtonText",
+        "type": "string",
+        "required": false,
+        "description": "The text of the mobile navigation menu toggle."
+    },
+    {
+        "name": "menuButtonLabel",
+        "type": "string",
+        "required": false,
+        "description": "The screen reader label for the mobile navigation menu toggle. Defaults to the same value as `menuButtonText` if not specified."
+    },
+    {
+        "name": "navigationLabel",
+        "type": "string",
+        "required": false,
+        "description": "The screen reader label for the mobile navigation menu. Defaults to the same value as `menuButtonText` if not specified."
+    },
+    {
+        "name": "navigationId",
+        "type": "string",
+        "required": false,
+        "description": "The ID used to associate the mobile navigation toggle with the navigation menu. Defaults to `navigation`."
+    },
+    {
+        "name": "navigationClasses",
+        "type": "string",
+        "required": false,
+        "description": "Classes to add to the navigation menu container."
+    },
+    {
+        "name": "collapseNavigationOnMobile",
+        "type": "boolean",
+        "required": false,
+        "description": "Whether the navigation should be collapsed inside a menu on mobile. Defaults to true if there is more than one navigation item."
+    },
+    {
+        "name": "serviceName",
+        "type": "string",
+        "required": false,
+        "description": "The name of your service."
+    },
+    {
+        "name": "serviceUrl",
+        "type": "string",
+        "required": false,
+        "description": "The homepage of your service."
+    },
+    {
+        "name": "navigation",
+        "type": "array",
+        "required": true,
+        "description": "Used to add navigation to the service header.",
+        "params": [
+            {
+                "name": "current",
+                "type": "boolean",
+                "required": false,
+                "description": "If `true`, indicates that the user is currently on this page. This takes precedence over `active`."
+            },
+            {
+                "name": "active",
+                "type": "boolean",
+                "required": false,
+                "description": "If `true`, indicates that the user is within this group of pages in the navigation hierarchy."
+            },
+            {
+                "name": "html",
+                "type": "string",
+                "required": true,
+                "description": "HTML for the navigation item. If `html` is provided, the `text` option will be ignored."
+            },
+            {
+                "name": "text",
+                "type": "string",
+                "required": true,
+                "description": "Text for the navigation item. If `html` is provided, the `text` option will be ignored."
+            },
+            {
+                "name": "href",
+                "type": "string",
+                "required": false,
+                "description": "URL of the navigation item anchor."
+            },
+            {
+                "name": "attributes",
+                "type": "object",
+                "required": false,
+                "description": "HTML attributes (for example data attributes) to add to the navigation item anchor."
+            }
+        ]
+    },
+    {
+        "name": "slots",
+        "type": "object",
+        "required": false,
+        "description": "Specified points for injecting custom HTML into the service header.",
+        "params": [
+            {
+                "name": "start",
+                "type": "string",
+                "required": false,
+                "description": "HTML injected at the start of the service header container."
+            },
+            {
+                "name": "end",
+                "type": "string",
+                "required": false,
+                "description": "HTML injected at the end of the service header container."
+            },
+            {
+                "name": "navigationStart",
+                "type": "string",
+                "required": false,
+                "description": "HTML injected before the first list item in the navigation list. Requires `navigation` to be set."
+            },
+            {
+                "name": "navigationEnd",
+                "type": "string",
+                "required": false,
+                "description": "HTML injected after the last list item in the navigation list. Requires `navigation` to be set."
+            }
+        ]
+    }
+]
diff --git a/node_modules/govuk-frontend/dist/govuk/components/service-navigation/macro.njk b/node_modules/govuk-frontend/dist/govuk/components/service-navigation/macro.njk
new file mode 100644
index 0000000..67305e8
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/service-navigation/macro.njk
@@ -0,0 +1,3 @@
+{% macro govukServiceNavigation(params) %}
+  {%- include "./template.njk" -%}
+{% endmacro %}
diff --git a/node_modules/govuk-frontend/dist/govuk/components/service-navigation/service-navigation.bundle.js b/node_modules/govuk-frontend/dist/govuk/components/service-navigation/service-navigation.bundle.js
new file mode 100644
index 0000000..5a45af7
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/service-navigation/service-navigation.bundle.js
@@ -0,0 +1,234 @@
+(function (global, factory) {
+  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports) :
+  typeof define === 'function' && define.amd ? define(['exports'], factory) :
+  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.GOVUKFrontend = global.GOVUKFrontend || {}));
+})(this, (function (exports) { 'use strict';
+
+  function getBreakpoint(name) {
+    const property = `--govuk-breakpoint-${name}`;
+    const value = window.getComputedStyle(document.documentElement).getPropertyValue(property);
+    return {
+      property,
+      value: value || undefined
+    };
+  }
+  function isInitialised($root, moduleName) {
+    return $root instanceof HTMLElement && $root.hasAttribute(`data-${moduleName}-init`);
+  }
+
+  /**
+   * Checks if GOV.UK Frontend is supported on this page
+   *
+   * Some browsers will load and run our JavaScript but GOV.UK Frontend
+   * won't be supported.
+   *
+   * @param {HTMLElement | null} [$scope] - (internal) `<body>` HTML element checked for browser support
+   * @returns {boolean} Whether GOV.UK Frontend is supported on this page
+   */
+  function isSupported($scope = document.body) {
+    if (!$scope) {
+      return false;
+    }
+    return $scope.classList.contains('govuk-frontend-supported');
+  }
+  function isArray(option) {
+    return Array.isArray(option);
+  }
+  function isObject(option) {
+    return !!option && typeof option === 'object' && !isArray(option);
+  }
+  function formatErrorMessage(Component, message) {
+    return `${Component.moduleName}: ${message}`;
+  }
+  /**
+   * @typedef ComponentWithModuleName
+   * @property {string} moduleName - Name of the component
+   */
+
+  class GOVUKFrontendError extends Error {
+    constructor(...args) {
+      super(...args);
+      this.name = 'GOVUKFrontendError';
+    }
+  }
+  class SupportError extends GOVUKFrontendError {
+    /**
+     * Checks if GOV.UK Frontend is supported on this page
+     *
+     * @param {HTMLElement | null} [$scope] - HTML element `<body>` checked for browser support
+     */
+    constructor($scope = document.body) {
+      const supportMessage = 'noModule' in HTMLScriptElement.prototype ? 'GOV.UK Frontend initialised without `<body class="govuk-frontend-supported">` from template `<script>` snippet' : 'GOV.UK Frontend is not supported in this browser';
+      super($scope ? supportMessage : 'GOV.UK Frontend initialised without `<script type="module">`');
+      this.name = 'SupportError';
+    }
+  }
+  class ElementError extends GOVUKFrontendError {
+    constructor(messageOrOptions) {
+      let message = typeof messageOrOptions === 'string' ? messageOrOptions : '';
+      if (isObject(messageOrOptions)) {
+        const {
+          component,
+          identifier,
+          element,
+          expectedType
+        } = messageOrOptions;
+        message = identifier;
+        message += element ? ` is not of type ${expectedType != null ? expectedType : 'HTMLElement'}` : ' not found';
+        if (component) {
+          message = formatErrorMessage(component, message);
+        }
+      }
+      super(message);
+      this.name = 'ElementError';
+    }
+  }
+  class InitError extends GOVUKFrontendError {
+    constructor(componentOrMessage) {
+      const message = typeof componentOrMessage === 'string' ? componentOrMessage : formatErrorMessage(componentOrMessage, `Root element (\`$root\`) already initialised`);
+      super(message);
+      this.name = 'InitError';
+    }
+  }
+  /**
+   * @import { ComponentWithModuleName } from '../common/index.mjs'
+   */
+
+  class Component {
+    /**
+     * Returns the root element of the component
+     *
+     * @protected
+     * @returns {RootElementType} - the root element of component
+     */
+    get $root() {
+      return this._$root;
+    }
+    constructor($root) {
+      this._$root = void 0;
+      const childConstructor = this.constructor;
+      if (typeof childConstructor.moduleName !== 'string') {
+        throw new InitError(`\`moduleName\` not defined in component`);
+      }
+      if (!($root instanceof childConstructor.elementType)) {
+        throw new ElementError({
+          element: $root,
+          component: childConstructor,
+          identifier: 'Root element (`$root`)',
+          expectedType: childConstructor.elementType.name
+        });
+      } else {
+        this._$root = $root;
+      }
+      childConstructor.checkSupport();
+      this.checkInitialised();
+      const moduleName = childConstructor.moduleName;
+      this.$root.setAttribute(`data-${moduleName}-init`, '');
+    }
+    checkInitialised() {
+      const constructor = this.constructor;
+      const moduleName = constructor.moduleName;
+      if (moduleName && isInitialised(this.$root, moduleName)) {
+        throw new InitError(constructor);
+      }
+    }
+    static checkSupport() {
+      if (!isSupported()) {
+        throw new SupportError();
+      }
+    }
+  }
+
+  /**
+   * @typedef ChildClass
+   * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component
+   */
+
+  /**
+   * @typedef {typeof Component & ChildClass} ChildClassConstructor
+   */
+  Component.elementType = HTMLElement;
+
+  /**
+   * Service Navigation component
+   *
+   * @preserve
+   */
+  class ServiceNavigation extends Component {
+    /**
+     * @param {Element | null} $root - HTML element to use for header
+     */
+    constructor($root) {
+      super($root);
+      this.$menuButton = void 0;
+      this.$menu = void 0;
+      this.menuIsOpen = false;
+      this.mql = null;
+      const $menuButton = this.$root.querySelector('.govuk-js-service-navigation-toggle');
+      if (!$menuButton) {
+        return this;
+      }
+      const menuId = $menuButton.getAttribute('aria-controls');
+      if (!menuId) {
+        throw new ElementError({
+          component: ServiceNavigation,
+          identifier: 'Navigation button (`<button class="govuk-js-service-navigation-toggle">`) attribute (`aria-controls`)'
+        });
+      }
+      const $menu = document.getElementById(menuId);
+      if (!$menu) {
+        throw new ElementError({
+          component: ServiceNavigation,
+          element: $menu,
+          identifier: `Navigation (\`<ul id="${menuId}">\`)`
+        });
+      }
+      this.$menu = $menu;
+      this.$menuButton = $menuButton;
+      this.setupResponsiveChecks();
+      this.$menuButton.addEventListener('click', () => this.handleMenuButtonClick());
+    }
+    setupResponsiveChecks() {
+      const breakpoint = getBreakpoint('tablet');
+      if (!breakpoint.value) {
+        throw new ElementError({
+          component: ServiceNavigation,
+          identifier: `CSS custom property (\`${breakpoint.property}\`) on pseudo-class \`:root\``
+        });
+      }
+      this.mql = window.matchMedia(`(min-width: ${breakpoint.value})`);
+      if ('addEventListener' in this.mql) {
+        this.mql.addEventListener('change', () => this.checkMode());
+      } else {
+        this.mql.addListener(() => this.checkMode());
+      }
+      this.checkMode();
+    }
+    checkMode() {
+      if (!this.mql || !this.$menu || !this.$menuButton) {
+        return;
+      }
+      if (this.mql.matches) {
+        this.$menu.removeAttribute('hidden');
+        this.$menuButton.setAttribute('hidden', '');
+      } else {
+        this.$menuButton.removeAttribute('hidden');
+        this.$menuButton.setAttribute('aria-expanded', this.menuIsOpen.toString());
+        if (this.menuIsOpen) {
+          this.$menu.removeAttribute('hidden');
+        } else {
+          this.$menu.setAttribute('hidden', '');
+        }
+      }
+    }
+    handleMenuButtonClick() {
+      this.menuIsOpen = !this.menuIsOpen;
+      this.checkMode();
+    }
+  }
+  ServiceNavigation.moduleName = 'govuk-service-navigation';
+
+  exports.ServiceNavigation = ServiceNavigation;
+
+}));
+//# sourceMappingURL=service-navigation.bundle.js.map
diff --git a/node_modules/govuk-frontend/dist/govuk/components/service-navigation/service-navigation.bundle.js.map b/node_modules/govuk-frontend/dist/govuk/components/service-navigation/service-navigation.bundle.js.map
new file mode 100644
index 0000000..4571a50
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/service-navigation/service-navigation.bundle.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"service-navigation.bundle.js","sources":["../../../../src/govuk/common/index.mjs","../../../../src/govuk/errors/index.mjs","../../../../src/govuk/component.mjs","../../../../src/govuk/components/service-navigation/service-navigation.mjs"],"sourcesContent":["/**\n * Common helpers which do not require polyfill.\n *\n * IMPORTANT: If a helper require a polyfill, please isolate it in its own module\n * so that the polyfill can be properly tree-shaken and does not burden\n * the components that do not need that helper\n */\n\n/**\n * Get GOV.UK Frontend breakpoint value from CSS custom property\n *\n * @private\n * @param {string} name - Breakpoint name\n * @returns {{ property: string, value?: string }} Breakpoint object\n */\nexport function getBreakpoint(name) {\n  const property = `--govuk-breakpoint-${name}`\n\n  // Get value from `<html>` with breakpoints on CSS :root\n  const value = window\n    .getComputedStyle(document.documentElement)\n    .getPropertyValue(property)\n\n  return {\n    property,\n    value: value || undefined\n  }\n}\n\n/**\n * Move focus to element\n *\n * Sets tabindex to -1 to make the element programmatically focusable,\n * but removes it on blur as the element doesn't need to be focused again.\n *\n * @private\n * @template {HTMLElement} FocusElement\n * @param {FocusElement} $element - HTML element\n * @param {object} [options] - Handler options\n * @param {function(this: FocusElement): void} [options.onBeforeFocus] - Callback before focus\n * @param {function(this: FocusElement): void} [options.onBlur] - Callback on blur\n */\nexport function setFocus($element, options = {}) {\n  const isFocusable = $element.getAttribute('tabindex')\n\n  if (!isFocusable) {\n    $element.setAttribute('tabindex', '-1')\n  }\n\n  /**\n   * Handle element focus\n   */\n  function onFocus() {\n    $element.addEventListener('blur', onBlur, { once: true })\n  }\n\n  /**\n   * Handle element blur\n   */\n  function onBlur() {\n    options.onBlur?.call($element)\n\n    if (!isFocusable) {\n      $element.removeAttribute('tabindex')\n    }\n  }\n\n  // Add listener to reset element on blur, after focus\n  $element.addEventListener('focus', onFocus, { once: true })\n\n  // Focus element\n  options.onBeforeFocus?.call($element)\n  $element.focus()\n}\n\n/**\n * Checks if component is already initialised\n *\n * @internal\n * @param {Element} $root - HTML element to be checked\n * @param {string} moduleName - name of component module\n * @returns {boolean} Whether component is already initialised\n */\nexport function isInitialised($root, moduleName) {\n  return (\n    $root instanceof HTMLElement &&\n    $root.hasAttribute(`data-${moduleName}-init`)\n  )\n}\n\n/**\n * Checks if GOV.UK Frontend is supported on this page\n *\n * Some browsers will load and run our JavaScript but GOV.UK Frontend\n * won't be supported.\n *\n * @param {HTMLElement | null} [$scope] - (internal) `<body>` HTML element checked for browser support\n * @returns {boolean} Whether GOV.UK Frontend is supported on this page\n */\nexport function isSupported($scope = document.body) {\n  if (!$scope) {\n    return false\n  }\n\n  return $scope.classList.contains('govuk-frontend-supported')\n}\n\n/**\n * Check for an array\n *\n * @internal\n * @param {unknown} option - Option to check\n * @returns {boolean} Whether the option is an array\n */\nfunction isArray(option) {\n  return Array.isArray(option)\n}\n\n/**\n * Check for an object\n *\n * @internal\n * @template {Partial<Record<keyof ObjectType, unknown>>} ObjectType\n * @param {unknown | ObjectType} option - Option to check\n * @returns {option is ObjectType} Whether the option is an object\n */\nexport function isObject(option) {\n  return !!option && typeof option === 'object' && !isArray(option)\n}\n\n/**\n * Check for valid scope\n *\n * @internal\n * @template {Element | Document} ScopeType\n * @param {unknown | ScopeType} $scope - Scope of the document to search within\n * @returns {$scope is ScopeType} Whether the scope can be queried\n */\nexport function isScope($scope) {\n  return !!$scope && ($scope instanceof Element || $scope instanceof Document)\n}\n\n/**\n * Format error message\n *\n * @internal\n * @param {ComponentWithModuleName} Component - Component that threw the error\n * @param {string} message - Error message\n * @returns {string} - Formatted error message\n */\nexport function formatErrorMessage(Component, message) {\n  return `${Component.moduleName}: ${message}`\n}\n\n/* eslint-disable jsdoc/valid-types --\n * `{new(...args: any[] ): object}` is not recognised as valid\n * https://github.com/gajus/eslint-plugin-jsdoc/issues/145#issuecomment-1308722878\n * https://github.com/jsdoc-type-pratt-parser/jsdoc-type-pratt-parser/issues/131\n **/\n\n/**\n * @typedef ComponentWithModuleName\n * @property {string} moduleName - Name of the component\n */\n\n/* eslint-enable jsdoc/valid-types */\n","import { formatErrorMessage, isObject } from '../common/index.mjs'\n\n/**\n * GOV.UK Frontend error\n *\n * A base class for `Error`s thrown by GOV.UK Frontend.\n *\n * It is meant to be extended into specific types of errors\n * to be thrown by our code.\n *\n * @example\n * ```js\n * class MissingRootError extends GOVUKFrontendError {\n *   // Setting an explicit name is important as extending the class will not\n *   // set a new `name` on the subclass. The `name` property is important\n *   // to ensure intelligible error names even if the class name gets\n *   // mangled by a minifier\n *   name = \"MissingRootError\"\n * }\n * ```\n * @virtual\n */\nexport class GOVUKFrontendError extends Error {\n  name = 'GOVUKFrontendError'\n}\n\n/**\n * Indicates that GOV.UK Frontend is not supported\n */\nexport class SupportError extends GOVUKFrontendError {\n  name = 'SupportError'\n\n  /**\n   * Checks if GOV.UK Frontend is supported on this page\n   *\n   * @param {HTMLElement | null} [$scope] - HTML element `<body>` checked for browser support\n   */\n  constructor($scope = document.body) {\n    const supportMessage =\n      'noModule' in HTMLScriptElement.prototype\n        ? 'GOV.UK Frontend initialised without `<body class=\"govuk-frontend-supported\">` from template `<script>` snippet'\n        : 'GOV.UK Frontend is not supported in this browser'\n\n    super(\n      $scope\n        ? supportMessage\n        : 'GOV.UK Frontend initialised without `<script type=\"module\">`'\n    )\n  }\n}\n\n/**\n * Indicates that a component has received an illegal configuration\n */\nexport class ConfigError extends GOVUKFrontendError {\n  name = 'ConfigError'\n}\n\n/**\n * Indicates an issue with an element (possibly `null` or `undefined`)\n */\nexport class ElementError extends GOVUKFrontendError {\n  name = 'ElementError'\n\n  /**\n   * @internal\n   * @overload\n   * @param {string} message - Element error message\n   */\n\n  /**\n   * @internal\n   * @overload\n   * @param {ElementErrorOptions} options - Element error options\n   */\n\n  /**\n   * @internal\n   * @param {string | ElementErrorOptions} messageOrOptions - Element error message or options\n   */\n  constructor(messageOrOptions) {\n    let message = typeof messageOrOptions === 'string' ? messageOrOptions : ''\n\n    // Build message from options\n    if (isObject(messageOrOptions)) {\n      const { component, identifier, element, expectedType } = messageOrOptions\n\n      message = identifier\n\n      // Append reason\n      message += element\n        ? ` is not of type ${expectedType ?? 'HTMLElement'}`\n        : ' not found'\n\n      // Prepend with module name (optional)\n      if (component) {\n        message = formatErrorMessage(component, message)\n      }\n    }\n\n    super(message)\n  }\n}\n\n/**\n * Indicates that a component is already initialised\n */\nexport class InitError extends GOVUKFrontendError {\n  name = 'InitError'\n\n  /**\n   * @internal\n   * @param {ComponentWithModuleName | string} componentOrMessage - name of the component module\n   */\n  constructor(componentOrMessage) {\n    const message =\n      typeof componentOrMessage === 'string'\n        ? componentOrMessage\n        : formatErrorMessage(\n            componentOrMessage,\n            `Root element (\\`$root\\`) already initialised`\n          )\n\n    super(message)\n  }\n}\n\n/**\n * Element error options\n *\n * @internal\n * @typedef {object} ElementErrorOptions\n * @property {Element | Document | null} [element] - The element in error (optional)\n * @property {ComponentWithModuleName} [component] - Component throwing the error (optional)\n * @property {string} identifier - An identifier that'll let the user understand which element has an error. This is whatever makes the most sense\n * @property {string} [expectedType] - The type that was expected for the identifier (optional)\n */\n\n/**\n * @import { ComponentWithModuleName } from '../common/index.mjs'\n */\n","import { isInitialised, isSupported } from './common/index.mjs'\nimport { ElementError, InitError, SupportError } from './errors/index.mjs'\n\n/**\n * Base Component class\n *\n * Centralises the behaviours shared by our components\n *\n * @virtual\n * @template {Element} [RootElementType=HTMLElement]\n */\nexport class Component {\n  /**\n   * @type {typeof Element}\n   */\n  static elementType = HTMLElement\n\n  // allows Typescript user to work around the lack of types\n  // in GOVUKFrontend package, Typescript is not aware of $root\n  // in components that extend GOVUKFrontendComponent\n  /**\n   * Returns the root element of the component\n   *\n   * @protected\n   * @returns {RootElementType} - the root element of component\n   */\n  get $root() {\n    return this._$root\n  }\n\n  /**\n   * @protected\n   * @type {RootElementType}\n   */\n  _$root\n\n  /**\n   * Constructs a new component, validating that GOV.UK Frontend is supported\n   *\n   * @internal\n   * @param {Element | null} [$root] - HTML element to use for component\n   */\n  constructor($root) {\n    const childConstructor = /** @type {ChildClassConstructor} */ (\n      this.constructor\n    )\n\n    // TypeScript does not enforce that inheriting classes will define a `moduleName`\n    // (even if we add a `@virtual` `static moduleName` property to this class).\n    // While we trust users to do this correctly, we do a little check to provide them\n    // a helpful error message.\n    //\n    // After this, we'll be sure that `childConstructor` has a `moduleName`\n    // as expected of the `ChildClassConstructor` we've cast `this.constructor` to.\n    if (typeof childConstructor.moduleName !== 'string') {\n      throw new InitError(`\\`moduleName\\` not defined in component`)\n    }\n\n    if (!($root instanceof childConstructor.elementType)) {\n      throw new ElementError({\n        element: $root,\n        component: childConstructor,\n        identifier: 'Root element (`$root`)',\n        expectedType: childConstructor.elementType.name\n      })\n    } else {\n      this._$root = /** @type {RootElementType} */ ($root)\n    }\n\n    childConstructor.checkSupport()\n\n    this.checkInitialised()\n\n    const moduleName = childConstructor.moduleName\n\n    this.$root.setAttribute(`data-${moduleName}-init`, '')\n  }\n\n  /**\n   * Validates whether component is already initialised\n   *\n   * @private\n   * @throws {InitError} when component is already initialised\n   */\n  checkInitialised() {\n    const constructor = /** @type {ChildClassConstructor} */ (this.constructor)\n    const moduleName = constructor.moduleName\n\n    if (moduleName && isInitialised(this.$root, moduleName)) {\n      throw new InitError(constructor)\n    }\n  }\n\n  /**\n   * Validates whether components are supported\n   *\n   * @throws {SupportError} when the components are not supported\n   */\n  static checkSupport() {\n    if (!isSupported()) {\n      throw new SupportError()\n    }\n  }\n}\n\n/**\n * @typedef ChildClass\n * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component\n */\n\n/**\n * @typedef {typeof Component & ChildClass} ChildClassConstructor\n */\n","import { getBreakpoint } from '../../common/index.mjs'\nimport { Component } from '../../component.mjs'\nimport { ElementError } from '../../errors/index.mjs'\n\n/**\n * Service Navigation component\n *\n * @preserve\n */\nexport class ServiceNavigation extends Component {\n  /** @private */\n  $menuButton\n\n  /** @private */\n  $menu\n\n  /**\n   * Remember the open/closed state of the nav so we can maintain it when the\n   * screen is resized.\n   *\n   * @private\n   */\n  menuIsOpen = false\n\n  /**\n   * A global const for storing a matchMedia instance which we'll use to detect\n   * when a screen size change happens. We rely on it being null if the feature\n   * isn't available to initially apply hidden attributes\n   *\n   * @private\n   * @type {MediaQueryList | null}\n   */\n  mql = null\n\n  /**\n   * @param {Element | null} $root - HTML element to use for header\n   */\n  constructor($root) {\n    super($root)\n\n    const $menuButton = this.$root.querySelector(\n      '.govuk-js-service-navigation-toggle'\n    )\n\n    // Headers don't necessarily have a navigation. When they don't, the menu\n    // toggle won't be rendered by our macro (or may be omitted when writing\n    // plain HTML)\n    if (!$menuButton) {\n      return this\n    }\n\n    const menuId = $menuButton.getAttribute('aria-controls')\n    if (!menuId) {\n      throw new ElementError({\n        component: ServiceNavigation,\n        identifier:\n          'Navigation button (`<button class=\"govuk-js-service-navigation-toggle\">`) attribute (`aria-controls`)'\n      })\n    }\n\n    const $menu = document.getElementById(menuId)\n    if (!$menu) {\n      throw new ElementError({\n        component: ServiceNavigation,\n        element: $menu,\n        identifier: `Navigation (\\`<ul id=\"${menuId}\">\\`)`\n      })\n    }\n\n    this.$menu = $menu\n    this.$menuButton = $menuButton\n\n    this.setupResponsiveChecks()\n\n    this.$menuButton.addEventListener('click', () =>\n      this.handleMenuButtonClick()\n    )\n  }\n\n  /**\n   * Setup viewport resize check\n   *\n   * @private\n   */\n  setupResponsiveChecks() {\n    const breakpoint = getBreakpoint('tablet')\n\n    if (!breakpoint.value) {\n      throw new ElementError({\n        component: ServiceNavigation,\n        identifier: `CSS custom property (\\`${breakpoint.property}\\`) on pseudo-class \\`:root\\``\n      })\n    }\n\n    // Media query list for GOV.UK Frontend desktop breakpoint\n    this.mql = window.matchMedia(`(min-width: ${breakpoint.value})`)\n\n    // MediaQueryList.addEventListener isn't supported by Safari < 14 so we need\n    // to be able to fall back to the deprecated MediaQueryList.addListener\n    if ('addEventListener' in this.mql) {\n      this.mql.addEventListener('change', () => this.checkMode())\n    } else {\n      // @ts-expect-error Property 'addListener' does not exist\n      // eslint-disable-next-line @typescript-eslint/no-unsafe-call\n      this.mql.addListener(() => this.checkMode())\n    }\n\n    this.checkMode()\n  }\n\n  /**\n   * Sync menu state\n   *\n   * Uses the global variable menuIsOpen to correctly set the accessible and\n   * visual states of the menu and the menu button.\n   * Additionally will force the menu to be visible and the menu button to be\n   * hidden if the matchMedia is triggered to desktop.\n   *\n   * @private\n   */\n  checkMode() {\n    if (!this.mql || !this.$menu || !this.$menuButton) {\n      return\n    }\n\n    if (this.mql.matches) {\n      this.$menu.removeAttribute('hidden')\n      this.$menuButton.setAttribute('hidden', '')\n    } else {\n      this.$menuButton.removeAttribute('hidden')\n      this.$menuButton.setAttribute('aria-expanded', this.menuIsOpen.toString())\n\n      if (this.menuIsOpen) {\n        this.$menu.removeAttribute('hidden')\n      } else {\n        this.$menu.setAttribute('hidden', '')\n      }\n    }\n  }\n\n  /**\n   * Handle menu button click\n   *\n   * When the menu button is clicked, change the visibility of the menu and then\n   * sync the accessibility state and menu button state\n   *\n   * @private\n   */\n  handleMenuButtonClick() {\n    this.menuIsOpen = !this.menuIsOpen\n    this.checkMode()\n  }\n\n  /**\n   * Name for the component used when initialising using data-module attributes.\n   */\n  static moduleName = 'govuk-service-navigation'\n}\n"],"names":["getBreakpoint","name","property","value","window","getComputedStyle","document","documentElement","getPropertyValue","undefined","isInitialised","$root","moduleName","HTMLElement","hasAttribute","isSupported","$scope","body","classList","contains","isArray","option","Array","isObject","formatErrorMessage","Component","message","GOVUKFrontendError","Error","constructor","args","SupportError","supportMessage","HTMLScriptElement","prototype","ElementError","messageOrOptions","component","identifier","element","expectedType","InitError","componentOrMessage","_$root","childConstructor","elementType","checkSupport","checkInitialised","setAttribute","ServiceNavigation","$menuButton","$menu","menuIsOpen","mql","querySelector","menuId","getAttribute","getElementById","setupResponsiveChecks","addEventListener","handleMenuButtonClick","breakpoint","matchMedia","checkMode","addListener","matches","removeAttribute","toString"],"mappings":"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"}
\ No newline at end of file
diff --git a/node_modules/govuk-frontend/dist/govuk/components/service-navigation/service-navigation.bundle.mjs b/node_modules/govuk-frontend/dist/govuk/components/service-navigation/service-navigation.bundle.mjs
new file mode 100644
index 0000000..ae23352
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/service-navigation/service-navigation.bundle.mjs
@@ -0,0 +1,226 @@
+function getBreakpoint(name) {
+  const property = `--govuk-breakpoint-${name}`;
+  const value = window.getComputedStyle(document.documentElement).getPropertyValue(property);
+  return {
+    property,
+    value: value || undefined
+  };
+}
+function isInitialised($root, moduleName) {
+  return $root instanceof HTMLElement && $root.hasAttribute(`data-${moduleName}-init`);
+}
+
+/**
+ * Checks if GOV.UK Frontend is supported on this page
+ *
+ * Some browsers will load and run our JavaScript but GOV.UK Frontend
+ * won't be supported.
+ *
+ * @param {HTMLElement | null} [$scope] - (internal) `<body>` HTML element checked for browser support
+ * @returns {boolean} Whether GOV.UK Frontend is supported on this page
+ */
+function isSupported($scope = document.body) {
+  if (!$scope) {
+    return false;
+  }
+  return $scope.classList.contains('govuk-frontend-supported');
+}
+function isArray(option) {
+  return Array.isArray(option);
+}
+function isObject(option) {
+  return !!option && typeof option === 'object' && !isArray(option);
+}
+function formatErrorMessage(Component, message) {
+  return `${Component.moduleName}: ${message}`;
+}
+/**
+ * @typedef ComponentWithModuleName
+ * @property {string} moduleName - Name of the component
+ */
+
+class GOVUKFrontendError extends Error {
+  constructor(...args) {
+    super(...args);
+    this.name = 'GOVUKFrontendError';
+  }
+}
+class SupportError extends GOVUKFrontendError {
+  /**
+   * Checks if GOV.UK Frontend is supported on this page
+   *
+   * @param {HTMLElement | null} [$scope] - HTML element `<body>` checked for browser support
+   */
+  constructor($scope = document.body) {
+    const supportMessage = 'noModule' in HTMLScriptElement.prototype ? 'GOV.UK Frontend initialised without `<body class="govuk-frontend-supported">` from template `<script>` snippet' : 'GOV.UK Frontend is not supported in this browser';
+    super($scope ? supportMessage : 'GOV.UK Frontend initialised without `<script type="module">`');
+    this.name = 'SupportError';
+  }
+}
+class ElementError extends GOVUKFrontendError {
+  constructor(messageOrOptions) {
+    let message = typeof messageOrOptions === 'string' ? messageOrOptions : '';
+    if (isObject(messageOrOptions)) {
+      const {
+        component,
+        identifier,
+        element,
+        expectedType
+      } = messageOrOptions;
+      message = identifier;
+      message += element ? ` is not of type ${expectedType != null ? expectedType : 'HTMLElement'}` : ' not found';
+      if (component) {
+        message = formatErrorMessage(component, message);
+      }
+    }
+    super(message);
+    this.name = 'ElementError';
+  }
+}
+class InitError extends GOVUKFrontendError {
+  constructor(componentOrMessage) {
+    const message = typeof componentOrMessage === 'string' ? componentOrMessage : formatErrorMessage(componentOrMessage, `Root element (\`$root\`) already initialised`);
+    super(message);
+    this.name = 'InitError';
+  }
+}
+/**
+ * @import { ComponentWithModuleName } from '../common/index.mjs'
+ */
+
+class Component {
+  /**
+   * Returns the root element of the component
+   *
+   * @protected
+   * @returns {RootElementType} - the root element of component
+   */
+  get $root() {
+    return this._$root;
+  }
+  constructor($root) {
+    this._$root = void 0;
+    const childConstructor = this.constructor;
+    if (typeof childConstructor.moduleName !== 'string') {
+      throw new InitError(`\`moduleName\` not defined in component`);
+    }
+    if (!($root instanceof childConstructor.elementType)) {
+      throw new ElementError({
+        element: $root,
+        component: childConstructor,
+        identifier: 'Root element (`$root`)',
+        expectedType: childConstructor.elementType.name
+      });
+    } else {
+      this._$root = $root;
+    }
+    childConstructor.checkSupport();
+    this.checkInitialised();
+    const moduleName = childConstructor.moduleName;
+    this.$root.setAttribute(`data-${moduleName}-init`, '');
+  }
+  checkInitialised() {
+    const constructor = this.constructor;
+    const moduleName = constructor.moduleName;
+    if (moduleName && isInitialised(this.$root, moduleName)) {
+      throw new InitError(constructor);
+    }
+  }
+  static checkSupport() {
+    if (!isSupported()) {
+      throw new SupportError();
+    }
+  }
+}
+
+/**
+ * @typedef ChildClass
+ * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component
+ */
+
+/**
+ * @typedef {typeof Component & ChildClass} ChildClassConstructor
+ */
+Component.elementType = HTMLElement;
+
+/**
+ * Service Navigation component
+ *
+ * @preserve
+ */
+class ServiceNavigation extends Component {
+  /**
+   * @param {Element | null} $root - HTML element to use for header
+   */
+  constructor($root) {
+    super($root);
+    this.$menuButton = void 0;
+    this.$menu = void 0;
+    this.menuIsOpen = false;
+    this.mql = null;
+    const $menuButton = this.$root.querySelector('.govuk-js-service-navigation-toggle');
+    if (!$menuButton) {
+      return this;
+    }
+    const menuId = $menuButton.getAttribute('aria-controls');
+    if (!menuId) {
+      throw new ElementError({
+        component: ServiceNavigation,
+        identifier: 'Navigation button (`<button class="govuk-js-service-navigation-toggle">`) attribute (`aria-controls`)'
+      });
+    }
+    const $menu = document.getElementById(menuId);
+    if (!$menu) {
+      throw new ElementError({
+        component: ServiceNavigation,
+        element: $menu,
+        identifier: `Navigation (\`<ul id="${menuId}">\`)`
+      });
+    }
+    this.$menu = $menu;
+    this.$menuButton = $menuButton;
+    this.setupResponsiveChecks();
+    this.$menuButton.addEventListener('click', () => this.handleMenuButtonClick());
+  }
+  setupResponsiveChecks() {
+    const breakpoint = getBreakpoint('tablet');
+    if (!breakpoint.value) {
+      throw new ElementError({
+        component: ServiceNavigation,
+        identifier: `CSS custom property (\`${breakpoint.property}\`) on pseudo-class \`:root\``
+      });
+    }
+    this.mql = window.matchMedia(`(min-width: ${breakpoint.value})`);
+    if ('addEventListener' in this.mql) {
+      this.mql.addEventListener('change', () => this.checkMode());
+    } else {
+      this.mql.addListener(() => this.checkMode());
+    }
+    this.checkMode();
+  }
+  checkMode() {
+    if (!this.mql || !this.$menu || !this.$menuButton) {
+      return;
+    }
+    if (this.mql.matches) {
+      this.$menu.removeAttribute('hidden');
+      this.$menuButton.setAttribute('hidden', '');
+    } else {
+      this.$menuButton.removeAttribute('hidden');
+      this.$menuButton.setAttribute('aria-expanded', this.menuIsOpen.toString());
+      if (this.menuIsOpen) {
+        this.$menu.removeAttribute('hidden');
+      } else {
+        this.$menu.setAttribute('hidden', '');
+      }
+    }
+  }
+  handleMenuButtonClick() {
+    this.menuIsOpen = !this.menuIsOpen;
+    this.checkMode();
+  }
+}
+ServiceNavigation.moduleName = 'govuk-service-navigation';
+
+export { ServiceNavigation };
+//# sourceMappingURL=service-navigation.bundle.mjs.map
diff --git a/node_modules/govuk-frontend/dist/govuk/components/service-navigation/service-navigation.bundle.mjs.map b/node_modules/govuk-frontend/dist/govuk/components/service-navigation/service-navigation.bundle.mjs.map
new file mode 100644
index 0000000..1ee73ef
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/service-navigation/service-navigation.bundle.mjs.map
@@ -0,0 +1 @@
+{"version":3,"file":"service-navigation.bundle.mjs","sources":["../../../../src/govuk/common/index.mjs","../../../../src/govuk/errors/index.mjs","../../../../src/govuk/component.mjs","../../../../src/govuk/components/service-navigation/service-navigation.mjs"],"sourcesContent":["/**\n * Common helpers which do not require polyfill.\n *\n * IMPORTANT: If a helper require a polyfill, please isolate it in its own module\n * so that the polyfill can be properly tree-shaken and does not burden\n * the components that do not need that helper\n */\n\n/**\n * Get GOV.UK Frontend breakpoint value from CSS custom property\n *\n * @private\n * @param {string} name - Breakpoint name\n * @returns {{ property: string, value?: string }} Breakpoint object\n */\nexport function getBreakpoint(name) {\n  const property = `--govuk-breakpoint-${name}`\n\n  // Get value from `<html>` with breakpoints on CSS :root\n  const value = window\n    .getComputedStyle(document.documentElement)\n    .getPropertyValue(property)\n\n  return {\n    property,\n    value: value || undefined\n  }\n}\n\n/**\n * Move focus to element\n *\n * Sets tabindex to -1 to make the element programmatically focusable,\n * but removes it on blur as the element doesn't need to be focused again.\n *\n * @private\n * @template {HTMLElement} FocusElement\n * @param {FocusElement} $element - HTML element\n * @param {object} [options] - Handler options\n * @param {function(this: FocusElement): void} [options.onBeforeFocus] - Callback before focus\n * @param {function(this: FocusElement): void} [options.onBlur] - Callback on blur\n */\nexport function setFocus($element, options = {}) {\n  const isFocusable = $element.getAttribute('tabindex')\n\n  if (!isFocusable) {\n    $element.setAttribute('tabindex', '-1')\n  }\n\n  /**\n   * Handle element focus\n   */\n  function onFocus() {\n    $element.addEventListener('blur', onBlur, { once: true })\n  }\n\n  /**\n   * Handle element blur\n   */\n  function onBlur() {\n    options.onBlur?.call($element)\n\n    if (!isFocusable) {\n      $element.removeAttribute('tabindex')\n    }\n  }\n\n  // Add listener to reset element on blur, after focus\n  $element.addEventListener('focus', onFocus, { once: true })\n\n  // Focus element\n  options.onBeforeFocus?.call($element)\n  $element.focus()\n}\n\n/**\n * Checks if component is already initialised\n *\n * @internal\n * @param {Element} $root - HTML element to be checked\n * @param {string} moduleName - name of component module\n * @returns {boolean} Whether component is already initialised\n */\nexport function isInitialised($root, moduleName) {\n  return (\n    $root instanceof HTMLElement &&\n    $root.hasAttribute(`data-${moduleName}-init`)\n  )\n}\n\n/**\n * Checks if GOV.UK Frontend is supported on this page\n *\n * Some browsers will load and run our JavaScript but GOV.UK Frontend\n * won't be supported.\n *\n * @param {HTMLElement | null} [$scope] - (internal) `<body>` HTML element checked for browser support\n * @returns {boolean} Whether GOV.UK Frontend is supported on this page\n */\nexport function isSupported($scope = document.body) {\n  if (!$scope) {\n    return false\n  }\n\n  return $scope.classList.contains('govuk-frontend-supported')\n}\n\n/**\n * Check for an array\n *\n * @internal\n * @param {unknown} option - Option to check\n * @returns {boolean} Whether the option is an array\n */\nfunction isArray(option) {\n  return Array.isArray(option)\n}\n\n/**\n * Check for an object\n *\n * @internal\n * @template {Partial<Record<keyof ObjectType, unknown>>} ObjectType\n * @param {unknown | ObjectType} option - Option to check\n * @returns {option is ObjectType} Whether the option is an object\n */\nexport function isObject(option) {\n  return !!option && typeof option === 'object' && !isArray(option)\n}\n\n/**\n * Check for valid scope\n *\n * @internal\n * @template {Element | Document} ScopeType\n * @param {unknown | ScopeType} $scope - Scope of the document to search within\n * @returns {$scope is ScopeType} Whether the scope can be queried\n */\nexport function isScope($scope) {\n  return !!$scope && ($scope instanceof Element || $scope instanceof Document)\n}\n\n/**\n * Format error message\n *\n * @internal\n * @param {ComponentWithModuleName} Component - Component that threw the error\n * @param {string} message - Error message\n * @returns {string} - Formatted error message\n */\nexport function formatErrorMessage(Component, message) {\n  return `${Component.moduleName}: ${message}`\n}\n\n/* eslint-disable jsdoc/valid-types --\n * `{new(...args: any[] ): object}` is not recognised as valid\n * https://github.com/gajus/eslint-plugin-jsdoc/issues/145#issuecomment-1308722878\n * https://github.com/jsdoc-type-pratt-parser/jsdoc-type-pratt-parser/issues/131\n **/\n\n/**\n * @typedef ComponentWithModuleName\n * @property {string} moduleName - Name of the component\n */\n\n/* eslint-enable jsdoc/valid-types */\n","import { formatErrorMessage, isObject } from '../common/index.mjs'\n\n/**\n * GOV.UK Frontend error\n *\n * A base class for `Error`s thrown by GOV.UK Frontend.\n *\n * It is meant to be extended into specific types of errors\n * to be thrown by our code.\n *\n * @example\n * ```js\n * class MissingRootError extends GOVUKFrontendError {\n *   // Setting an explicit name is important as extending the class will not\n *   // set a new `name` on the subclass. The `name` property is important\n *   // to ensure intelligible error names even if the class name gets\n *   // mangled by a minifier\n *   name = \"MissingRootError\"\n * }\n * ```\n * @virtual\n */\nexport class GOVUKFrontendError extends Error {\n  name = 'GOVUKFrontendError'\n}\n\n/**\n * Indicates that GOV.UK Frontend is not supported\n */\nexport class SupportError extends GOVUKFrontendError {\n  name = 'SupportError'\n\n  /**\n   * Checks if GOV.UK Frontend is supported on this page\n   *\n   * @param {HTMLElement | null} [$scope] - HTML element `<body>` checked for browser support\n   */\n  constructor($scope = document.body) {\n    const supportMessage =\n      'noModule' in HTMLScriptElement.prototype\n        ? 'GOV.UK Frontend initialised without `<body class=\"govuk-frontend-supported\">` from template `<script>` snippet'\n        : 'GOV.UK Frontend is not supported in this browser'\n\n    super(\n      $scope\n        ? supportMessage\n        : 'GOV.UK Frontend initialised without `<script type=\"module\">`'\n    )\n  }\n}\n\n/**\n * Indicates that a component has received an illegal configuration\n */\nexport class ConfigError extends GOVUKFrontendError {\n  name = 'ConfigError'\n}\n\n/**\n * Indicates an issue with an element (possibly `null` or `undefined`)\n */\nexport class ElementError extends GOVUKFrontendError {\n  name = 'ElementError'\n\n  /**\n   * @internal\n   * @overload\n   * @param {string} message - Element error message\n   */\n\n  /**\n   * @internal\n   * @overload\n   * @param {ElementErrorOptions} options - Element error options\n   */\n\n  /**\n   * @internal\n   * @param {string | ElementErrorOptions} messageOrOptions - Element error message or options\n   */\n  constructor(messageOrOptions) {\n    let message = typeof messageOrOptions === 'string' ? messageOrOptions : ''\n\n    // Build message from options\n    if (isObject(messageOrOptions)) {\n      const { component, identifier, element, expectedType } = messageOrOptions\n\n      message = identifier\n\n      // Append reason\n      message += element\n        ? ` is not of type ${expectedType ?? 'HTMLElement'}`\n        : ' not found'\n\n      // Prepend with module name (optional)\n      if (component) {\n        message = formatErrorMessage(component, message)\n      }\n    }\n\n    super(message)\n  }\n}\n\n/**\n * Indicates that a component is already initialised\n */\nexport class InitError extends GOVUKFrontendError {\n  name = 'InitError'\n\n  /**\n   * @internal\n   * @param {ComponentWithModuleName | string} componentOrMessage - name of the component module\n   */\n  constructor(componentOrMessage) {\n    const message =\n      typeof componentOrMessage === 'string'\n        ? componentOrMessage\n        : formatErrorMessage(\n            componentOrMessage,\n            `Root element (\\`$root\\`) already initialised`\n          )\n\n    super(message)\n  }\n}\n\n/**\n * Element error options\n *\n * @internal\n * @typedef {object} ElementErrorOptions\n * @property {Element | Document | null} [element] - The element in error (optional)\n * @property {ComponentWithModuleName} [component] - Component throwing the error (optional)\n * @property {string} identifier - An identifier that'll let the user understand which element has an error. This is whatever makes the most sense\n * @property {string} [expectedType] - The type that was expected for the identifier (optional)\n */\n\n/**\n * @import { ComponentWithModuleName } from '../common/index.mjs'\n */\n","import { isInitialised, isSupported } from './common/index.mjs'\nimport { ElementError, InitError, SupportError } from './errors/index.mjs'\n\n/**\n * Base Component class\n *\n * Centralises the behaviours shared by our components\n *\n * @virtual\n * @template {Element} [RootElementType=HTMLElement]\n */\nexport class Component {\n  /**\n   * @type {typeof Element}\n   */\n  static elementType = HTMLElement\n\n  // allows Typescript user to work around the lack of types\n  // in GOVUKFrontend package, Typescript is not aware of $root\n  // in components that extend GOVUKFrontendComponent\n  /**\n   * Returns the root element of the component\n   *\n   * @protected\n   * @returns {RootElementType} - the root element of component\n   */\n  get $root() {\n    return this._$root\n  }\n\n  /**\n   * @protected\n   * @type {RootElementType}\n   */\n  _$root\n\n  /**\n   * Constructs a new component, validating that GOV.UK Frontend is supported\n   *\n   * @internal\n   * @param {Element | null} [$root] - HTML element to use for component\n   */\n  constructor($root) {\n    const childConstructor = /** @type {ChildClassConstructor} */ (\n      this.constructor\n    )\n\n    // TypeScript does not enforce that inheriting classes will define a `moduleName`\n    // (even if we add a `@virtual` `static moduleName` property to this class).\n    // While we trust users to do this correctly, we do a little check to provide them\n    // a helpful error message.\n    //\n    // After this, we'll be sure that `childConstructor` has a `moduleName`\n    // as expected of the `ChildClassConstructor` we've cast `this.constructor` to.\n    if (typeof childConstructor.moduleName !== 'string') {\n      throw new InitError(`\\`moduleName\\` not defined in component`)\n    }\n\n    if (!($root instanceof childConstructor.elementType)) {\n      throw new ElementError({\n        element: $root,\n        component: childConstructor,\n        identifier: 'Root element (`$root`)',\n        expectedType: childConstructor.elementType.name\n      })\n    } else {\n      this._$root = /** @type {RootElementType} */ ($root)\n    }\n\n    childConstructor.checkSupport()\n\n    this.checkInitialised()\n\n    const moduleName = childConstructor.moduleName\n\n    this.$root.setAttribute(`data-${moduleName}-init`, '')\n  }\n\n  /**\n   * Validates whether component is already initialised\n   *\n   * @private\n   * @throws {InitError} when component is already initialised\n   */\n  checkInitialised() {\n    const constructor = /** @type {ChildClassConstructor} */ (this.constructor)\n    const moduleName = constructor.moduleName\n\n    if (moduleName && isInitialised(this.$root, moduleName)) {\n      throw new InitError(constructor)\n    }\n  }\n\n  /**\n   * Validates whether components are supported\n   *\n   * @throws {SupportError} when the components are not supported\n   */\n  static checkSupport() {\n    if (!isSupported()) {\n      throw new SupportError()\n    }\n  }\n}\n\n/**\n * @typedef ChildClass\n * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component\n */\n\n/**\n * @typedef {typeof Component & ChildClass} ChildClassConstructor\n */\n","import { getBreakpoint } from '../../common/index.mjs'\nimport { Component } from '../../component.mjs'\nimport { ElementError } from '../../errors/index.mjs'\n\n/**\n * Service Navigation component\n *\n * @preserve\n */\nexport class ServiceNavigation extends Component {\n  /** @private */\n  $menuButton\n\n  /** @private */\n  $menu\n\n  /**\n   * Remember the open/closed state of the nav so we can maintain it when the\n   * screen is resized.\n   *\n   * @private\n   */\n  menuIsOpen = false\n\n  /**\n   * A global const for storing a matchMedia instance which we'll use to detect\n   * when a screen size change happens. We rely on it being null if the feature\n   * isn't available to initially apply hidden attributes\n   *\n   * @private\n   * @type {MediaQueryList | null}\n   */\n  mql = null\n\n  /**\n   * @param {Element | null} $root - HTML element to use for header\n   */\n  constructor($root) {\n    super($root)\n\n    const $menuButton = this.$root.querySelector(\n      '.govuk-js-service-navigation-toggle'\n    )\n\n    // Headers don't necessarily have a navigation. When they don't, the menu\n    // toggle won't be rendered by our macro (or may be omitted when writing\n    // plain HTML)\n    if (!$menuButton) {\n      return this\n    }\n\n    const menuId = $menuButton.getAttribute('aria-controls')\n    if (!menuId) {\n      throw new ElementError({\n        component: ServiceNavigation,\n        identifier:\n          'Navigation button (`<button class=\"govuk-js-service-navigation-toggle\">`) attribute (`aria-controls`)'\n      })\n    }\n\n    const $menu = document.getElementById(menuId)\n    if (!$menu) {\n      throw new ElementError({\n        component: ServiceNavigation,\n        element: $menu,\n        identifier: `Navigation (\\`<ul id=\"${menuId}\">\\`)`\n      })\n    }\n\n    this.$menu = $menu\n    this.$menuButton = $menuButton\n\n    this.setupResponsiveChecks()\n\n    this.$menuButton.addEventListener('click', () =>\n      this.handleMenuButtonClick()\n    )\n  }\n\n  /**\n   * Setup viewport resize check\n   *\n   * @private\n   */\n  setupResponsiveChecks() {\n    const breakpoint = getBreakpoint('tablet')\n\n    if (!breakpoint.value) {\n      throw new ElementError({\n        component: ServiceNavigation,\n        identifier: `CSS custom property (\\`${breakpoint.property}\\`) on pseudo-class \\`:root\\``\n      })\n    }\n\n    // Media query list for GOV.UK Frontend desktop breakpoint\n    this.mql = window.matchMedia(`(min-width: ${breakpoint.value})`)\n\n    // MediaQueryList.addEventListener isn't supported by Safari < 14 so we need\n    // to be able to fall back to the deprecated MediaQueryList.addListener\n    if ('addEventListener' in this.mql) {\n      this.mql.addEventListener('change', () => this.checkMode())\n    } else {\n      // @ts-expect-error Property 'addListener' does not exist\n      // eslint-disable-next-line @typescript-eslint/no-unsafe-call\n      this.mql.addListener(() => this.checkMode())\n    }\n\n    this.checkMode()\n  }\n\n  /**\n   * Sync menu state\n   *\n   * Uses the global variable menuIsOpen to correctly set the accessible and\n   * visual states of the menu and the menu button.\n   * Additionally will force the menu to be visible and the menu button to be\n   * hidden if the matchMedia is triggered to desktop.\n   *\n   * @private\n   */\n  checkMode() {\n    if (!this.mql || !this.$menu || !this.$menuButton) {\n      return\n    }\n\n    if (this.mql.matches) {\n      this.$menu.removeAttribute('hidden')\n      this.$menuButton.setAttribute('hidden', '')\n    } else {\n      this.$menuButton.removeAttribute('hidden')\n      this.$menuButton.setAttribute('aria-expanded', this.menuIsOpen.toString())\n\n      if (this.menuIsOpen) {\n        this.$menu.removeAttribute('hidden')\n      } else {\n        this.$menu.setAttribute('hidden', '')\n      }\n    }\n  }\n\n  /**\n   * Handle menu button click\n   *\n   * When the menu button is clicked, change the visibility of the menu and then\n   * sync the accessibility state and menu button state\n   *\n   * @private\n   */\n  handleMenuButtonClick() {\n    this.menuIsOpen = !this.menuIsOpen\n    this.checkMode()\n  }\n\n  /**\n   * Name for the component used when initialising using data-module attributes.\n   */\n  static moduleName = 'govuk-service-navigation'\n}\n"],"names":["getBreakpoint","name","property","value","window","getComputedStyle","document","documentElement","getPropertyValue","undefined","isInitialised","$root","moduleName","HTMLElement","hasAttribute","isSupported","$scope","body","classList","contains","isArray","option","Array","isObject","formatErrorMessage","Component","message","GOVUKFrontendError","Error","constructor","args","SupportError","supportMessage","HTMLScriptElement","prototype","ElementError","messageOrOptions","component","identifier","element","expectedType","InitError","componentOrMessage","_$root","childConstructor","elementType","checkSupport","checkInitialised","setAttribute","ServiceNavigation","$menuButton","$menu","menuIsOpen","mql","querySelector","menuId","getAttribute","getElementById","setupResponsiveChecks","addEventListener","handleMenuButtonClick","breakpoint","matchMedia","checkMode","addListener","matches","removeAttribute","toString"],"mappings":"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"}
\ No newline at end of file
diff --git a/node_modules/govuk-frontend/dist/govuk/components/service-navigation/service-navigation.mjs b/node_modules/govuk-frontend/dist/govuk/components/service-navigation/service-navigation.mjs
new file mode 100644
index 0000000..675e72b
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/service-navigation/service-navigation.mjs
@@ -0,0 +1,85 @@
+import { getBreakpoint } from '../../common/index.mjs';
+import { Component } from '../../component.mjs';
+import { ElementError } from '../../errors/index.mjs';
+
+/**
+ * Service Navigation component
+ *
+ * @preserve
+ */
+class ServiceNavigation extends Component {
+  /**
+   * @param {Element | null} $root - HTML element to use for header
+   */
+  constructor($root) {
+    super($root);
+    this.$menuButton = void 0;
+    this.$menu = void 0;
+    this.menuIsOpen = false;
+    this.mql = null;
+    const $menuButton = this.$root.querySelector('.govuk-js-service-navigation-toggle');
+    if (!$menuButton) {
+      return this;
+    }
+    const menuId = $menuButton.getAttribute('aria-controls');
+    if (!menuId) {
+      throw new ElementError({
+        component: ServiceNavigation,
+        identifier: 'Navigation button (`<button class="govuk-js-service-navigation-toggle">`) attribute (`aria-controls`)'
+      });
+    }
+    const $menu = document.getElementById(menuId);
+    if (!$menu) {
+      throw new ElementError({
+        component: ServiceNavigation,
+        element: $menu,
+        identifier: `Navigation (\`<ul id="${menuId}">\`)`
+      });
+    }
+    this.$menu = $menu;
+    this.$menuButton = $menuButton;
+    this.setupResponsiveChecks();
+    this.$menuButton.addEventListener('click', () => this.handleMenuButtonClick());
+  }
+  setupResponsiveChecks() {
+    const breakpoint = getBreakpoint('tablet');
+    if (!breakpoint.value) {
+      throw new ElementError({
+        component: ServiceNavigation,
+        identifier: `CSS custom property (\`${breakpoint.property}\`) on pseudo-class \`:root\``
+      });
+    }
+    this.mql = window.matchMedia(`(min-width: ${breakpoint.value})`);
+    if ('addEventListener' in this.mql) {
+      this.mql.addEventListener('change', () => this.checkMode());
+    } else {
+      this.mql.addListener(() => this.checkMode());
+    }
+    this.checkMode();
+  }
+  checkMode() {
+    if (!this.mql || !this.$menu || !this.$menuButton) {
+      return;
+    }
+    if (this.mql.matches) {
+      this.$menu.removeAttribute('hidden');
+      this.$menuButton.setAttribute('hidden', '');
+    } else {
+      this.$menuButton.removeAttribute('hidden');
+      this.$menuButton.setAttribute('aria-expanded', this.menuIsOpen.toString());
+      if (this.menuIsOpen) {
+        this.$menu.removeAttribute('hidden');
+      } else {
+        this.$menu.setAttribute('hidden', '');
+      }
+    }
+  }
+  handleMenuButtonClick() {
+    this.menuIsOpen = !this.menuIsOpen;
+    this.checkMode();
+  }
+}
+ServiceNavigation.moduleName = 'govuk-service-navigation';
+
+export { ServiceNavigation };
+//# sourceMappingURL=service-navigation.mjs.map
diff --git a/node_modules/govuk-frontend/dist/govuk/components/service-navigation/service-navigation.mjs.map b/node_modules/govuk-frontend/dist/govuk/components/service-navigation/service-navigation.mjs.map
new file mode 100644
index 0000000..951ede1
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/service-navigation/service-navigation.mjs.map
@@ -0,0 +1 @@
+{"version":3,"file":"service-navigation.mjs","sources":["../../../../src/govuk/components/service-navigation/service-navigation.mjs"],"sourcesContent":["import { getBreakpoint } from '../../common/index.mjs'\nimport { Component } from '../../component.mjs'\nimport { ElementError } from '../../errors/index.mjs'\n\n/**\n * Service Navigation component\n *\n * @preserve\n */\nexport class ServiceNavigation extends Component {\n  /** @private */\n  $menuButton\n\n  /** @private */\n  $menu\n\n  /**\n   * Remember the open/closed state of the nav so we can maintain it when the\n   * screen is resized.\n   *\n   * @private\n   */\n  menuIsOpen = false\n\n  /**\n   * A global const for storing a matchMedia instance which we'll use to detect\n   * when a screen size change happens. We rely on it being null if the feature\n   * isn't available to initially apply hidden attributes\n   *\n   * @private\n   * @type {MediaQueryList | null}\n   */\n  mql = null\n\n  /**\n   * @param {Element | null} $root - HTML element to use for header\n   */\n  constructor($root) {\n    super($root)\n\n    const $menuButton = this.$root.querySelector(\n      '.govuk-js-service-navigation-toggle'\n    )\n\n    // Headers don't necessarily have a navigation. When they don't, the menu\n    // toggle won't be rendered by our macro (or may be omitted when writing\n    // plain HTML)\n    if (!$menuButton) {\n      return this\n    }\n\n    const menuId = $menuButton.getAttribute('aria-controls')\n    if (!menuId) {\n      throw new ElementError({\n        component: ServiceNavigation,\n        identifier:\n          'Navigation button (`<button class=\"govuk-js-service-navigation-toggle\">`) attribute (`aria-controls`)'\n      })\n    }\n\n    const $menu = document.getElementById(menuId)\n    if (!$menu) {\n      throw new ElementError({\n        component: ServiceNavigation,\n        element: $menu,\n        identifier: `Navigation (\\`<ul id=\"${menuId}\">\\`)`\n      })\n    }\n\n    this.$menu = $menu\n    this.$menuButton = $menuButton\n\n    this.setupResponsiveChecks()\n\n    this.$menuButton.addEventListener('click', () =>\n      this.handleMenuButtonClick()\n    )\n  }\n\n  /**\n   * Setup viewport resize check\n   *\n   * @private\n   */\n  setupResponsiveChecks() {\n    const breakpoint = getBreakpoint('tablet')\n\n    if (!breakpoint.value) {\n      throw new ElementError({\n        component: ServiceNavigation,\n        identifier: `CSS custom property (\\`${breakpoint.property}\\`) on pseudo-class \\`:root\\``\n      })\n    }\n\n    // Media query list for GOV.UK Frontend desktop breakpoint\n    this.mql = window.matchMedia(`(min-width: ${breakpoint.value})`)\n\n    // MediaQueryList.addEventListener isn't supported by Safari < 14 so we need\n    // to be able to fall back to the deprecated MediaQueryList.addListener\n    if ('addEventListener' in this.mql) {\n      this.mql.addEventListener('change', () => this.checkMode())\n    } else {\n      // @ts-expect-error Property 'addListener' does not exist\n      // eslint-disable-next-line @typescript-eslint/no-unsafe-call\n      this.mql.addListener(() => this.checkMode())\n    }\n\n    this.checkMode()\n  }\n\n  /**\n   * Sync menu state\n   *\n   * Uses the global variable menuIsOpen to correctly set the accessible and\n   * visual states of the menu and the menu button.\n   * Additionally will force the menu to be visible and the menu button to be\n   * hidden if the matchMedia is triggered to desktop.\n   *\n   * @private\n   */\n  checkMode() {\n    if (!this.mql || !this.$menu || !this.$menuButton) {\n      return\n    }\n\n    if (this.mql.matches) {\n      this.$menu.removeAttribute('hidden')\n      this.$menuButton.setAttribute('hidden', '')\n    } else {\n      this.$menuButton.removeAttribute('hidden')\n      this.$menuButton.setAttribute('aria-expanded', this.menuIsOpen.toString())\n\n      if (this.menuIsOpen) {\n        this.$menu.removeAttribute('hidden')\n      } else {\n        this.$menu.setAttribute('hidden', '')\n      }\n    }\n  }\n\n  /**\n   * Handle menu button click\n   *\n   * When the menu button is clicked, change the visibility of the menu and then\n   * sync the accessibility state and menu button state\n   *\n   * @private\n   */\n  handleMenuButtonClick() {\n    this.menuIsOpen = !this.menuIsOpen\n    this.checkMode()\n  }\n\n  /**\n   * Name for the component used when initialising using data-module attributes.\n   */\n  static moduleName = 'govuk-service-navigation'\n}\n"],"names":["ServiceNavigation","Component","constructor","$root","$menuButton","$menu","menuIsOpen","mql","querySelector","menuId","getAttribute","ElementError","component","identifier","document","getElementById","element","setupResponsiveChecks","addEventListener","handleMenuButtonClick","breakpoint","getBreakpoint","value","property","window","matchMedia","checkMode","addListener","matches","removeAttribute","setAttribute","toString","moduleName"],"mappings":"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"}
\ No newline at end of file
diff --git a/node_modules/govuk-frontend/dist/govuk/components/service-navigation/template-default.html b/node_modules/govuk-frontend/dist/govuk/components/service-navigation/template-default.html
new file mode 100644
index 0000000..faefef3
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/service-navigation/template-default.html
@@ -0,0 +1,57 @@
+
+  <div class="govuk-service-navigation"
+data-module="govuk-service-navigation"
+>
+      <div class="govuk-width-container">
+
+    <div class="govuk-service-navigation__container">
+      
+
+      
+        <nav aria-label="Menu" class="govuk-service-navigation__wrapper">
+          <button type="button" class="govuk-service-navigation__toggle govuk-js-service-navigation-toggle" aria-controls="navigation" hidden>
+            Menu
+          </button>
+
+          <ul class="govuk-service-navigation__list" id="navigation" >
+
+            
+              
+              <li class="govuk-service-navigation__item">
+                  <a class="govuk-service-navigation__link" href="#/1">
+                                    
+Navigation item 1
+                  </a>
+              </li>
+
+              
+              <li class="govuk-service-navigation__item">
+                  <a class="govuk-service-navigation__link" href="#/2">
+                                    
+Navigation item 2
+                  </a>
+              </li>
+
+              
+              <li class="govuk-service-navigation__item">
+                  <a class="govuk-service-navigation__link" href="#/3">
+                                    
+Navigation item 3
+                  </a>
+              </li>
+
+              
+              <li class="govuk-service-navigation__item">
+                  <a class="govuk-service-navigation__link" href="#/4">
+                                    
+Navigation item 4
+                  </a>
+              </li>
+
+            </ul>
+        </nav>
+    </div>
+
+    </div>
+
+  </div>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/service-navigation/template-inverse.html b/node_modules/govuk-frontend/dist/govuk/components/service-navigation/template-inverse.html
new file mode 100644
index 0000000..8fb4bda
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/service-navigation/template-inverse.html
@@ -0,0 +1,63 @@
+
+  <section aria-label="Service information" class="govuk-service-navigation govuk-service-navigation--inverse"
+data-module="govuk-service-navigation"
+>
+      <div class="govuk-width-container">
+
+    <div class="govuk-service-navigation__container">
+      
+        <span class="govuk-service-navigation__service-name">
+            <a href="#/" class="govuk-service-navigation__link">
+              Apply for a juggling license
+            </a>
+        </span>
+
+      
+        <nav aria-label="Menu" class="govuk-service-navigation__wrapper">
+          <button type="button" class="govuk-service-navigation__toggle govuk-js-service-navigation-toggle" aria-controls="navigation" hidden>
+            Menu
+          </button>
+
+          <ul class="govuk-service-navigation__list" id="navigation" >
+
+            
+              
+              <li class="govuk-service-navigation__item">
+                  <a class="govuk-service-navigation__link" href="#/1">
+                                    
+Navigation item 1
+                  </a>
+              </li>
+
+              
+              <li class="govuk-service-navigation__item govuk-service-navigation__item--active">
+                  <a class="govuk-service-navigation__link" href="#/2" aria-current="true">
+                                    
+                  <strong class="govuk-service-navigation__active-fallback">Navigation item 2</strong>
+
+                  </a>
+              </li>
+
+              
+              <li class="govuk-service-navigation__item">
+                  <a class="govuk-service-navigation__link" href="#/3">
+                                    
+Navigation item 3
+                  </a>
+              </li>
+
+              
+              <li class="govuk-service-navigation__item">
+                  <a class="govuk-service-navigation__link" href="#/4">
+                                    
+Navigation item 4
+                  </a>
+              </li>
+
+            </ul>
+        </nav>
+    </div>
+
+    </div>
+
+  </section>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/service-navigation/template-with-a-single-navigation-item-and-collapsenavigationonmobile-set-to-true.html b/node_modules/govuk-frontend/dist/govuk/components/service-navigation/template-with-a-single-navigation-item-and-collapsenavigationonmobile-set-to-true.html
new file mode 100644
index 0000000..8cf0da7
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/service-navigation/template-with-a-single-navigation-item-and-collapsenavigationonmobile-set-to-true.html
@@ -0,0 +1,38 @@
+
+  <section aria-label="Service information" class="govuk-service-navigation"
+data-module="govuk-service-navigation"
+>
+      <div class="govuk-width-container">
+
+    <div class="govuk-service-navigation__container">
+      
+        <span class="govuk-service-navigation__service-name">
+            <a href="#/" class="govuk-service-navigation__link">
+              Apply for a juggling license
+            </a>
+        </span>
+
+      
+        <nav aria-label="Menu" class="govuk-service-navigation__wrapper">
+          <button type="button" class="govuk-service-navigation__toggle govuk-js-service-navigation-toggle" aria-controls="navigation" hidden>
+            Menu
+          </button>
+
+          <ul class="govuk-service-navigation__list" id="navigation" >
+
+            
+              
+              <li class="govuk-service-navigation__item">
+                  <a class="govuk-service-navigation__link" href="#/1">
+                                    
+Log out
+                  </a>
+              </li>
+
+            </ul>
+        </nav>
+    </div>
+
+    </div>
+
+  </section>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/service-navigation/template-with-a-single-navigation-item.html b/node_modules/govuk-frontend/dist/govuk/components/service-navigation/template-with-a-single-navigation-item.html
new file mode 100644
index 0000000..6724474
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/service-navigation/template-with-a-single-navigation-item.html
@@ -0,0 +1,35 @@
+
+  <section aria-label="Service information" class="govuk-service-navigation"
+data-module="govuk-service-navigation"
+>
+      <div class="govuk-width-container">
+
+    <div class="govuk-service-navigation__container">
+      
+        <span class="govuk-service-navigation__service-name">
+            <a href="#/" class="govuk-service-navigation__link">
+              Apply for a juggling license
+            </a>
+        </span>
+
+      
+        <nav aria-label="Menu" class="govuk-service-navigation__wrapper">
+
+          <ul class="govuk-service-navigation__list" id="navigation" >
+
+            
+              
+              <li class="govuk-service-navigation__item">
+                  <a class="govuk-service-navigation__link" href="#/1">
+                                    
+Log out
+                  </a>
+              </li>
+
+            </ul>
+        </nav>
+    </div>
+
+    </div>
+
+  </section>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/service-navigation/template-with-collapsenavigationonmobile-set-to-false.html b/node_modules/govuk-frontend/dist/govuk/components/service-navigation/template-with-collapsenavigationonmobile-set-to-false.html
new file mode 100644
index 0000000..e07e0d6
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/service-navigation/template-with-collapsenavigationonmobile-set-to-false.html
@@ -0,0 +1,60 @@
+
+  <section aria-label="Service information" class="govuk-service-navigation"
+data-module="govuk-service-navigation"
+>
+      <div class="govuk-width-container">
+
+    <div class="govuk-service-navigation__container">
+      
+        <span class="govuk-service-navigation__service-name">
+            <a href="#/" class="govuk-service-navigation__link">
+              Apply for a juggling license
+            </a>
+        </span>
+
+      
+        <nav aria-label="Menu" class="govuk-service-navigation__wrapper">
+
+          <ul class="govuk-service-navigation__list" id="navigation" >
+
+            
+              
+              <li class="govuk-service-navigation__item">
+                  <a class="govuk-service-navigation__link" href="#/1">
+                                    
+Navigation item 1
+                  </a>
+              </li>
+
+              
+              <li class="govuk-service-navigation__item govuk-service-navigation__item--active">
+                  <a class="govuk-service-navigation__link" href="#/2" aria-current="true">
+                                    
+                  <strong class="govuk-service-navigation__active-fallback">Navigation item 2</strong>
+
+                  </a>
+              </li>
+
+              
+              <li class="govuk-service-navigation__item">
+                  <a class="govuk-service-navigation__link" href="#/3">
+                                    
+Navigation item 3
+                  </a>
+              </li>
+
+              
+              <li class="govuk-service-navigation__item">
+                  <a class="govuk-service-navigation__link" href="#/4">
+                                    
+Navigation item 4
+                  </a>
+              </li>
+
+            </ul>
+        </nav>
+    </div>
+
+    </div>
+
+  </section>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/service-navigation/template-with-html-navigation-items.html b/node_modules/govuk-frontend/dist/govuk/components/service-navigation/template-with-html-navigation-items.html
new file mode 100644
index 0000000..3e8fe38
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/service-navigation/template-with-html-navigation-items.html
@@ -0,0 +1,49 @@
+
+  <div class="govuk-service-navigation"
+data-module="govuk-service-navigation"
+>
+      <div class="govuk-width-container">
+
+    <div class="govuk-service-navigation__container">
+      
+
+      
+        <nav aria-label="Menu" class="govuk-service-navigation__wrapper">
+          <button type="button" class="govuk-service-navigation__toggle govuk-js-service-navigation-toggle" aria-controls="navigation" hidden>
+            Menu
+          </button>
+
+          <ul class="govuk-service-navigation__list" id="navigation" >
+
+            
+              
+              <li class="govuk-service-navigation__item">
+                  <a class="govuk-service-navigation__link" href="#/1">
+                                    
+<em>Navigation item 1</em>
+                  </a>
+              </li>
+
+              
+              <li class="govuk-service-navigation__item">
+                  <a class="govuk-service-navigation__link" href="#/2">
+                                    
+<em>Navigation item 2</em>
+                  </a>
+              </li>
+
+              
+              <li class="govuk-service-navigation__item">
+                  <a class="govuk-service-navigation__link" href="#/3">
+                                    
+<em>Navigation item 3</em>
+                  </a>
+              </li>
+
+            </ul>
+        </nav>
+    </div>
+
+    </div>
+
+  </div>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/service-navigation/template-with-large-navigation.html b/node_modules/govuk-frontend/dist/govuk/components/service-navigation/template-with-large-navigation.html
new file mode 100644
index 0000000..ad9417d
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/service-navigation/template-with-large-navigation.html
@@ -0,0 +1,153 @@
+
+  <div class="govuk-service-navigation"
+data-module="govuk-service-navigation"
+>
+      <div class="govuk-width-container">
+
+    <div class="govuk-service-navigation__container">
+      
+
+      
+        <nav aria-label="Menu" class="govuk-service-navigation__wrapper">
+          <button type="button" class="govuk-service-navigation__toggle govuk-js-service-navigation-toggle" aria-controls="navigation" hidden>
+            Menu
+          </button>
+
+          <ul class="govuk-service-navigation__list" id="navigation" >
+
+            
+              
+              <li class="govuk-service-navigation__item">
+                  <a class="govuk-service-navigation__link" href="#/browse/benefits">
+                                    
+Benefits
+                  </a>
+              </li>
+
+              
+              <li class="govuk-service-navigation__item">
+                  <a class="govuk-service-navigation__link" href="#/browse/births-deaths-marriages">
+                                    
+Births, deaths, marriages and care
+                  </a>
+              </li>
+
+              
+              <li class="govuk-service-navigation__item">
+                  <a class="govuk-service-navigation__link" href="#/browse/business">
+                                    
+Business and self-employed
+                  </a>
+              </li>
+
+              
+              <li class="govuk-service-navigation__item">
+                  <a class="govuk-service-navigation__link" href="#/browse/childcare-parenting">
+                                    
+Childcare and parenting
+                  </a>
+              </li>
+
+              
+              <li class="govuk-service-navigation__item">
+                  <a class="govuk-service-navigation__link" href="#/browse/citizenship">
+                                    
+Citizenship and living in the UK
+                  </a>
+              </li>
+
+              
+              <li class="govuk-service-navigation__item">
+                  <a class="govuk-service-navigation__link" href="#/browse/justice">
+                                    
+Crime, justice and the law
+                  </a>
+              </li>
+
+              
+              <li class="govuk-service-navigation__item">
+                  <a class="govuk-service-navigation__link" href="#/browse/disabilities">
+                                    
+Disabled people
+                  </a>
+              </li>
+
+              
+              <li class="govuk-service-navigation__item">
+                  <a class="govuk-service-navigation__link" href="#/browse/driving">
+                                    
+Driving and transport
+                  </a>
+              </li>
+
+              
+              <li class="govuk-service-navigation__item">
+                  <a class="govuk-service-navigation__link" href="#/browse/education">
+                                    
+Education and learning
+                  </a>
+              </li>
+
+              
+              <li class="govuk-service-navigation__item">
+                  <a class="govuk-service-navigation__link" href="#/browse/employing-people">
+                                    
+Employing people
+                  </a>
+              </li>
+
+              
+              <li class="govuk-service-navigation__item">
+                  <a class="govuk-service-navigation__link" href="#/browse/environment-countryside">
+                                    
+Environment and countryside
+                  </a>
+              </li>
+
+              
+              <li class="govuk-service-navigation__item">
+                  <a class="govuk-service-navigation__link" href="#/browse/housing-local-services">
+                                    
+Housing and local services
+                  </a>
+              </li>
+
+              
+              <li class="govuk-service-navigation__item">
+                  <a class="govuk-service-navigation__link" href="#/browse/tax">
+                                    
+Money and tax
+                  </a>
+              </li>
+
+              
+              <li class="govuk-service-navigation__item">
+                  <a class="govuk-service-navigation__link" href="#/browse/abroad">
+                                    
+Passports, travel and living abroad
+                  </a>
+              </li>
+
+              
+              <li class="govuk-service-navigation__item">
+                  <a class="govuk-service-navigation__link" href="#/browse/visas-immigration">
+                                    
+Visas and immigration
+                  </a>
+              </li>
+
+              
+              <li class="govuk-service-navigation__item">
+                  <a class="govuk-service-navigation__link" href="#/browse/working">
+                                    
+Working, jobs and pensions
+                  </a>
+              </li>
+
+            </ul>
+        </nav>
+    </div>
+
+    </div>
+
+  </div>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/service-navigation/template-with-long-service-name.html b/node_modules/govuk-frontend/dist/govuk/components/service-navigation/template-with-long-service-name.html
new file mode 100644
index 0000000..3fb4708
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/service-navigation/template-with-long-service-name.html
@@ -0,0 +1,20 @@
+
+  <section aria-label="Service information" class="govuk-service-navigation"
+data-module="govuk-service-navigation"
+>
+      <div class="govuk-width-container">
+
+    <div class="govuk-service-navigation__container">
+      
+        <span class="govuk-service-navigation__service-name">
+            <a href="#/" class="govuk-service-navigation__link">
+              Apply to receive a rare holofoil Charizard Pokémon card from the King
+            </a>
+        </span>
+
+      
+    </div>
+
+    </div>
+
+  </section>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/service-navigation/template-with-navigation-with-a-current-item.html b/node_modules/govuk-frontend/dist/govuk/components/service-navigation/template-with-navigation-with-a-current-item.html
new file mode 100644
index 0000000..6823415
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/service-navigation/template-with-navigation-with-a-current-item.html
@@ -0,0 +1,58 @@
+
+  <div class="govuk-service-navigation"
+data-module="govuk-service-navigation"
+>
+      <div class="govuk-width-container">
+
+    <div class="govuk-service-navigation__container">
+      
+
+      
+        <nav aria-label="Menu" class="govuk-service-navigation__wrapper">
+          <button type="button" class="govuk-service-navigation__toggle govuk-js-service-navigation-toggle" aria-controls="navigation" hidden>
+            Menu
+          </button>
+
+          <ul class="govuk-service-navigation__list" id="navigation" >
+
+            
+              
+              <li class="govuk-service-navigation__item">
+                  <a class="govuk-service-navigation__link" href="#/1">
+                                    
+Navigation item 1
+                  </a>
+              </li>
+
+              
+              <li class="govuk-service-navigation__item govuk-service-navigation__item--active">
+                  <a class="govuk-service-navigation__link" href="#/2" aria-current="page">
+                                    
+                  <strong class="govuk-service-navigation__active-fallback">Navigation item 2</strong>
+
+                  </a>
+              </li>
+
+              
+              <li class="govuk-service-navigation__item">
+                  <a class="govuk-service-navigation__link" href="#/3">
+                                    
+Navigation item 3
+                  </a>
+              </li>
+
+              
+              <li class="govuk-service-navigation__item">
+                  <a class="govuk-service-navigation__link" href="#/4">
+                                    
+Navigation item 4
+                  </a>
+              </li>
+
+            </ul>
+        </nav>
+    </div>
+
+    </div>
+
+  </div>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/service-navigation/template-with-non-link-navigation-items.html b/node_modules/govuk-frontend/dist/govuk/components/service-navigation/template-with-non-link-navigation-items.html
new file mode 100644
index 0000000..fe4b49c
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/service-navigation/template-with-non-link-navigation-items.html
@@ -0,0 +1,49 @@
+
+  <div class="govuk-service-navigation"
+data-module="govuk-service-navigation"
+>
+      <div class="govuk-width-container">
+
+    <div class="govuk-service-navigation__container">
+      
+
+      
+        <nav aria-label="Menu" class="govuk-service-navigation__wrapper">
+          <button type="button" class="govuk-service-navigation__toggle govuk-js-service-navigation-toggle" aria-controls="navigation" hidden>
+            Menu
+          </button>
+
+          <ul class="govuk-service-navigation__list" id="navigation" >
+
+            
+              
+              <li class="govuk-service-navigation__item">
+                  <span class="govuk-service-navigation__text">
+                                    
+Navigation item 1
+                  </span>
+              </li>
+
+              
+              <li class="govuk-service-navigation__item">
+                  <span class="govuk-service-navigation__text">
+                                    
+<em>Navigation item 2</em>
+                  </span>
+              </li>
+
+              
+              <li class="govuk-service-navigation__item">
+                  <span class="govuk-service-navigation__text">
+                                    
+Navigation item 3
+                  </span>
+              </li>
+
+            </ul>
+        </nav>
+    </div>
+
+    </div>
+
+  </div>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/service-navigation/template-with-service-link.html b/node_modules/govuk-frontend/dist/govuk/components/service-navigation/template-with-service-link.html
new file mode 100644
index 0000000..a722c3f
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/service-navigation/template-with-service-link.html
@@ -0,0 +1,20 @@
+
+  <section aria-label="Service information" class="govuk-service-navigation"
+data-module="govuk-service-navigation"
+>
+      <div class="govuk-width-container">
+
+    <div class="govuk-service-navigation__container">
+      
+        <span class="govuk-service-navigation__service-name">
+            <a href="#/" class="govuk-service-navigation__link">
+              Service name
+            </a>
+        </span>
+
+      
+    </div>
+
+    </div>
+
+  </section>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/service-navigation/template-with-service-name-and-navigation.html b/node_modules/govuk-frontend/dist/govuk/components/service-navigation/template-with-service-name-and-navigation.html
new file mode 100644
index 0000000..b344d54
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/service-navigation/template-with-service-name-and-navigation.html
@@ -0,0 +1,63 @@
+
+  <section aria-label="Service information" class="govuk-service-navigation"
+data-module="govuk-service-navigation"
+>
+      <div class="govuk-width-container">
+
+    <div class="govuk-service-navigation__container">
+      
+        <span class="govuk-service-navigation__service-name">
+            <a href="#/" class="govuk-service-navigation__link">
+              Apply for a juggling license
+            </a>
+        </span>
+
+      
+        <nav aria-label="Menu" class="govuk-service-navigation__wrapper">
+          <button type="button" class="govuk-service-navigation__toggle govuk-js-service-navigation-toggle" aria-controls="navigation" hidden>
+            Menu
+          </button>
+
+          <ul class="govuk-service-navigation__list" id="navigation" >
+
+            
+              
+              <li class="govuk-service-navigation__item">
+                  <a class="govuk-service-navigation__link" href="#/1">
+                                    
+Navigation item 1
+                  </a>
+              </li>
+
+              
+              <li class="govuk-service-navigation__item govuk-service-navigation__item--active">
+                  <a class="govuk-service-navigation__link" href="#/2" aria-current="true">
+                                    
+                  <strong class="govuk-service-navigation__active-fallback">Navigation item 2</strong>
+
+                  </a>
+              </li>
+
+              
+              <li class="govuk-service-navigation__item">
+                  <a class="govuk-service-navigation__link" href="#/3">
+                                    
+Navigation item 3
+                  </a>
+              </li>
+
+              
+              <li class="govuk-service-navigation__item">
+                  <a class="govuk-service-navigation__link" href="#/4">
+                                    
+Navigation item 4
+                  </a>
+              </li>
+
+            </ul>
+        </nav>
+    </div>
+
+    </div>
+
+  </section>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/service-navigation/template-with-service-name.html b/node_modules/govuk-frontend/dist/govuk/components/service-navigation/template-with-service-name.html
new file mode 100644
index 0000000..b0bdcf2
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/service-navigation/template-with-service-name.html
@@ -0,0 +1,18 @@
+
+  <section aria-label="Service information" class="govuk-service-navigation"
+data-module="govuk-service-navigation"
+>
+      <div class="govuk-width-container">
+
+    <div class="govuk-service-navigation__container">
+      
+        <span class="govuk-service-navigation__service-name">
+            <span class="govuk-service-navigation__text">Service name</span>
+        </span>
+
+      
+    </div>
+
+    </div>
+
+  </section>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/service-navigation/template.njk b/node_modules/govuk-frontend/dist/govuk/components/service-navigation/template.njk
new file mode 100644
index 0000000..ac3ea47
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/service-navigation/template.njk
@@ -0,0 +1,106 @@
+{% from "../../macros/attributes.njk" import govukAttributes %}
+
+{%- set menuButtonText = params.menuButtonText | default("Menu", true) -%}
+{%- set navigationId = params.navigationId | default("navigation", true) %}
+
+{%- set commonAttributes %}
+class="govuk-service-navigation {%- if params.classes %} {{ params.classes }}{% endif %}"
+data-module="govuk-service-navigation"
+{{- govukAttributes(params.attributes) }}
+{% endset -%}
+
+{%- set innerContent %}
+  <div class="govuk-width-container">
+
+    {# Slot: start #}
+    {%- if params.slots.start %}{{ params.slots.start | safe }}{% endif -%}
+
+    <div class="govuk-service-navigation__container">
+      {# Service name #}
+      {% if params.serviceName %}
+        <span class="govuk-service-navigation__service-name">
+          {% if params.serviceUrl %}
+            <a href="{{ params.serviceUrl }}" class="govuk-service-navigation__link">
+              {{ params.serviceName }}
+            </a>
+          {% else %}
+            <span class="govuk-service-navigation__text">
+              {{- params.serviceName -}}
+            </span>
+          {% endif %}
+        </span>
+      {% endif %}
+
+      {# Navigation #}
+      {% set navigationItems = params.navigation | default([]) | select("truthy") %}
+      {% set collapseNavigationOnMobile = params.collapseNavigationOnMobile | default(navigationItems.length > 1) %}
+      {% if navigationItems | length or params.slots.navigationStart or params.slots.navigationEnd %}
+        <nav aria-label="{{ params.navigationLabel | default(menuButtonText, true) }}" class="govuk-service-navigation__wrapper {%- if params.navigationClasses %} {{ params.navigationClasses }}{% endif %}">
+          {% if collapseNavigationOnMobile %}
+          <button type="button" class="govuk-service-navigation__toggle govuk-js-service-navigation-toggle" aria-controls="{{ navigationId }}" {%- if params.menuButtonLabel and params.menuButtonLabel != menuButtonText %} aria-label="{{ params.menuButtonLabel }}"{% endif %} hidden>
+            {{ menuButtonText }}
+          </button>
+          {% endif %}
+
+          <ul class="govuk-service-navigation__list" id="{{ navigationId }}" >
+
+            {# Slot: navigationStart #}
+            {%- if params.slots.navigationStart %}{{ params.slots.navigationStart | safe }}{% endif -%}
+
+            {% for item in navigationItems %}
+              {% set linkInnerContent %}
+                {# We wrap active links in strong tags so that users who
+                  override colours or styles will still have some indicator of
+                  the current nav item. #}
+                {% if item.active or item.current %}
+                  <strong class="govuk-service-navigation__active-fallback">{{- item.html | safe if item.html else item.text -}}</strong>
+                {% else %}
+                  {{- item.html | safe if item.html else item.text -}}
+                {% endif %}
+              {% endset %}
+
+              {#
+                If item.current, add active style and set aria-current="page"
+                Elseif item.active, add active style and set aria-current="true"
+              #}
+              <li class="govuk-service-navigation__item {%- if item.active or item.current %} govuk-service-navigation__item--active{% endif %}">
+                {% if item.href %}
+                  <a class="govuk-service-navigation__link" href="{{ item.href }}"
+                    {%- if item.active or item.current %} aria-current="{{ 'page' if item.current else 'true' }}"{% endif %}
+                    {{- govukAttributes(item.attributes) -}}>
+                    {{ linkInnerContent | safe }}
+                  </a>
+                {% elif item.html or item.text %}
+                  <span class="govuk-service-navigation__text"
+                    {%- if item.active or item.current %} aria-current="{{ 'page' if item.current else 'true' }}"{% endif %}>
+                    {{ linkInnerContent | safe }}
+                  </span>
+                {% endif %}
+              </li>
+            {% endfor %}
+
+            {# Slot: navigationEnd #}
+            {%- if params.slots.navigationEnd %}{{ params.slots.navigationEnd | safe }}{% endif -%}
+          </ul>
+        </nav>
+      {% endif %}
+    </div>
+
+    {# Slot: end #}
+    {%- if params.slots.end %}{{ params.slots.end | safe }}{% endif -%}
+
+  </div>
+{% endset -%}
+
+{# If a service name is included, we use a <section> element with an
+  aria-label to create a containing landmark region. Otherwise, the <nav> in
+  the innerContent can do the job just fine by itself. #}
+{% if params.serviceName or params.slots.start or params.slots.end %}
+  <section aria-label="{{ params.ariaLabel | default("Service information") }}" {{ commonAttributes | safe }}>
+    {{ innerContent | safe }}
+  </section>
+{% else %}
+  <div {{ commonAttributes | safe }}>
+    {{ innerContent | safe }}
+  </div>
+{% endif %}
diff --git a/node_modules/govuk-frontend/dist/govuk/components/skip-link/README.md b/node_modules/govuk-frontend/dist/govuk/components/skip-link/README.md
new file mode 100644
index 0000000..65edcab
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/skip-link/README.md
@@ -0,0 +1,15 @@
+# Skip link
+
+## Installation
+
+See the [main README quick start guide](https://github.com/alphagov/govuk-frontend#quick-start) for how to install this component.
+
+## Guidance and Examples
+
+Find out when to use the skip link component in your service in the [GOV.UK Design System](https://design-system.service.gov.uk/components/skip-link).
+
+## Component options
+
+Use options to customise the appearance, content and behaviour of a component when using a macro, for example, changing the text.
+
+See [options table](https://design-system.service.gov.uk/components/skip-link/#options-skip-link-example) for details.
diff --git a/node_modules/govuk-frontend/dist/govuk/components/skip-link/_index.scss b/node_modules/govuk-frontend/dist/govuk/components/skip-link/_index.scss
new file mode 100644
index 0000000..5d51ebf
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/skip-link/_index.scss
@@ -0,0 +1,51 @@
+@include govuk-exports("govuk/component/skip-link") {
+  .govuk-skip-link {
+    @include govuk-visually-hidden-focusable;
+    @include govuk-link-decoration;
+    @include govuk-link-style-text;
+    @include govuk-font($size: 16);
+
+    display: block;
+    padding: govuk-spacing(2) govuk-spacing(3);
+
+    // Respect 'display cutout' safe area (avoids notches and rounded corners)
+    @supports (padding: unquote("max(calc(0px))")) {
+      $padding-safe-area-right: calc(#{govuk-spacing(3)} + env(safe-area-inset-right));
+      $padding-safe-area-left: calc(#{govuk-spacing(3)} + env(safe-area-inset-left));
+
+      // Use max() to pick largest padding, default or with safe area
+      // Escaped due to Sass max() vs. CSS native max()
+      padding-right: unquote("max(#{govuk-spacing(3)}, #{$padding-safe-area-right})");
+      padding-left: unquote("max(#{govuk-spacing(3)}, #{$padding-safe-area-left})");
+    }
+
+    &:focus {
+      outline: $govuk-focus-width solid $govuk-focus-colour;
+      outline-offset: 0;
+      background-color: $govuk-focus-colour;
+
+      // Undo unwanted changes when global styles are enabled
+      @if $govuk-global-styles {
+        @include govuk-link-decoration;
+        box-shadow: none;
+      }
+    }
+  }
+
+  .govuk-skip-link-focused-element {
+    &:focus {
+      // Remove the native visible focus indicator when the element is
+      // programmatically focused.
+      //
+      // We set the focus on the linked element (this is usually the <main>
+      // element) when the skip link is activated to improve screen reader
+      // announcements. However, we remove the visible focus indicator from the
+      // linked element because the user cannot interact with it.
+      //
+      // A related discussion: https://github.com/w3c/wcag/issues/1001
+      outline: none;
+    }
+  }
+}
+
+/*# sourceMappingURL=_index.scss.map */
diff --git a/node_modules/govuk-frontend/dist/govuk/components/skip-link/_index.scss.map b/node_modules/govuk-frontend/dist/govuk/components/skip-link/_index.scss.map
new file mode 100644
index 0000000..6bea36b
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/skip-link/_index.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/skip-link/_index.scss"],"names":[],"mappings":"AAAA;EACE;IACE,wCAAwC;IACxC,8BAA8B;IAC9B,8BAA8B;IAC9B,8BAA8B;;IAE9B,cAAc;IACd,0CAA0C;;IAE1C,yEAAyE;IACzE;MACE,gFAAgF;MAChF,8EAA8E;;MAE9E,8DAA8D;MAC9D,gDAAgD;MAChD,+EAA+E;MAC/E,6EAA6E;IAC/E;;IAEA;MACE,qDAAqD;MACrD,iBAAiB;MACjB,qCAAqC;;MAErC,sDAAsD;MACtD;QACE,8BAA8B;QAC9B,gBAAgB;MAClB;IACF;EACF;;EAEA;IACE;MACE,+DAA+D;MAC/D,2BAA2B;MAC3B,CAAC;MACD,oEAAoE;MACpE,mEAAmE;MACnE,wEAAwE;MACxE,0DAA0D;MAC1D,CAAC;MACD,+DAA+D;MAC/D,aAAa;IACf;EACF;AACF","file":"_index.scss","sourcesContent":["@include govuk-exports(\"govuk/component/skip-link\") {\n  .govuk-skip-link {\n    @include govuk-visually-hidden-focusable;\n    @include govuk-link-decoration;\n    @include govuk-link-style-text;\n    @include govuk-font($size: 16);\n\n    display: block;\n    padding: govuk-spacing(2) govuk-spacing(3);\n\n    // Respect 'display cutout' safe area (avoids notches and rounded corners)\n    @supports (padding: unquote(\"max(calc(0px))\")) {\n      $padding-safe-area-right: calc(#{govuk-spacing(3)} + env(safe-area-inset-right));\n      $padding-safe-area-left: calc(#{govuk-spacing(3)} + env(safe-area-inset-left));\n\n      // Use max() to pick largest padding, default or with safe area\n      // Escaped due to Sass max() vs. CSS native max()\n      padding-right: unquote(\"max(#{govuk-spacing(3)}, #{$padding-safe-area-right})\");\n      padding-left: unquote(\"max(#{govuk-spacing(3)}, #{$padding-safe-area-left})\");\n    }\n\n    &:focus {\n      outline: $govuk-focus-width solid $govuk-focus-colour;\n      outline-offset: 0;\n      background-color: $govuk-focus-colour;\n\n      // Undo unwanted changes when global styles are enabled\n      @if $govuk-global-styles {\n        @include govuk-link-decoration;\n        box-shadow: none;\n      }\n    }\n  }\n\n  .govuk-skip-link-focused-element {\n    &:focus {\n      // Remove the native visible focus indicator when the element is\n      // programmatically focused.\n      //\n      // We set the focus on the linked element (this is usually the <main>\n      // element) when the skip link is activated to improve screen reader\n      // announcements. However, we remove the visible focus indicator from the\n      // linked element because the user cannot interact with it.\n      //\n      // A related discussion: https://github.com/w3c/wcag/issues/1001\n      outline: none;\n    }\n  }\n}\n"]}
diff --git a/node_modules/govuk-frontend/dist/govuk/components/skip-link/_skip-link.scss b/node_modules/govuk-frontend/dist/govuk/components/skip-link/_skip-link.scss
new file mode 100644
index 0000000..5c675f5
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/skip-link/_skip-link.scss
@@ -0,0 +1,4 @@
+@import "../../base";
+@import "./index";
+
+/*# sourceMappingURL=_skip-link.scss.map */
diff --git a/node_modules/govuk-frontend/dist/govuk/components/skip-link/_skip-link.scss.map b/node_modules/govuk-frontend/dist/govuk/components/skip-link/_skip-link.scss.map
new file mode 100644
index 0000000..acc2edb
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/skip-link/_skip-link.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/skip-link/_skip-link.scss"],"names":[],"mappings":"AAAA,oBAAoB;AACpB,iBAAiB","file":"_skip-link.scss","sourcesContent":["@import \"../../base\";\n@import \"./index\";\n"]}
diff --git a/node_modules/govuk-frontend/dist/govuk/components/skip-link/fixtures.json b/node_modules/govuk-frontend/dist/govuk/components/skip-link/fixtures.json
new file mode 100644
index 0000000..45a88b5
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/skip-link/fixtures.json
@@ -0,0 +1,113 @@
+{
+    "component": "skip-link",
+    "fixtures": [
+        {
+            "name": "default",
+            "options": {
+                "text": "Skip to main content",
+                "href": "#test-target-element"
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<a href=\"#test-target-element\" class=\"govuk-skip-link\" data-module=\"govuk-skip-link\">Skip to main content</a>"
+        },
+        {
+            "name": "with focus",
+            "options": {
+                "classes": ":focus",
+                "text": "Skip to main content",
+                "href": "#test-target-element"
+            },
+            "hidden": false,
+            "description": "Simulate triggering the :focus CSS pseudo-class, not available in the production build.",
+            "pageTemplateOptions": {},
+            "screenshot": true,
+            "html": "<a href=\"#test-target-element\" class=\"govuk-skip-link :focus\" data-module=\"govuk-skip-link\">Skip to main content</a>"
+        },
+        {
+            "name": "no href",
+            "options": {
+                "text": "Skip to main content"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<a href=\"#content\" class=\"govuk-skip-link\" data-module=\"govuk-skip-link\">Skip to main content</a>"
+        },
+        {
+            "name": "custom href",
+            "options": {
+                "text": "Skip to custom content",
+                "href": "#custom"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<a href=\"#custom\" class=\"govuk-skip-link\" data-module=\"govuk-skip-link\">Skip to custom content</a>"
+        },
+        {
+            "name": "custom text",
+            "options": {
+                "text": "skip"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<a href=\"#content\" class=\"govuk-skip-link\" data-module=\"govuk-skip-link\">skip</a>"
+        },
+        {
+            "name": "html as text",
+            "options": {
+                "text": "<p>skip</p>"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<a href=\"#content\" class=\"govuk-skip-link\" data-module=\"govuk-skip-link\">&lt;p&gt;skip&lt;/p&gt;</a>"
+        },
+        {
+            "name": "html",
+            "options": {
+                "html": "<p>skip</p>"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<a href=\"#content\" class=\"govuk-skip-link\" data-module=\"govuk-skip-link\"><p>skip</p></a>"
+        },
+        {
+            "name": "classes",
+            "options": {
+                "text": "Skip link",
+                "classes": "app-skip-link--custom-class"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<a href=\"#content\" class=\"govuk-skip-link app-skip-link--custom-class\" data-module=\"govuk-skip-link\">Skip link</a>"
+        },
+        {
+            "name": "attributes",
+            "options": {
+                "text": "Skip link",
+                "attributes": {
+                    "data-test": "attribute",
+                    "aria-label": "Skip to content"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<a href=\"#content\" class=\"govuk-skip-link\" data-test=\"attribute\" aria-label=\"Skip to content\" data-module=\"govuk-skip-link\">Skip link</a>"
+        }
+    ]
+}
diff --git a/node_modules/govuk-frontend/dist/govuk/components/skip-link/macro-options.json b/node_modules/govuk-frontend/dist/govuk/components/skip-link/macro-options.json
new file mode 100644
index 0000000..16b5bab
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/skip-link/macro-options.json
@@ -0,0 +1,32 @@
+[
+    {
+        "name": "text",
+        "type": "string",
+        "required": true,
+        "description": "If `html` is set, this is not required. Text to use within the skip link component. If `html` is provided, the `text` option will be ignored."
+    },
+    {
+        "name": "html",
+        "type": "string",
+        "required": true,
+        "description": "If `text` is set, this is not required. HTML to use within the skip link component. If `html` is provided, the `text` option will be ignored."
+    },
+    {
+        "name": "href",
+        "type": "string",
+        "required": false,
+        "description": "The value of the skip link’s `href` attribute. Defaults to `\"#content\"` if you do not provide a value."
+    },
+    {
+        "name": "classes",
+        "type": "string",
+        "required": false,
+        "description": "Classes to add to the skip link."
+    },
+    {
+        "name": "attributes",
+        "type": "object",
+        "required": false,
+        "description": "HTML attributes (for example data attributes) to add to the skip link."
+    }
+]
diff --git a/node_modules/govuk-frontend/dist/govuk/components/skip-link/macro.njk b/node_modules/govuk-frontend/dist/govuk/components/skip-link/macro.njk
new file mode 100644
index 0000000..b5afb0c
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/skip-link/macro.njk
@@ -0,0 +1,3 @@
+{% macro govukSkipLink(params) %}
+  {%- include "./template.njk" -%}
+{% endmacro %}
diff --git a/node_modules/govuk-frontend/dist/govuk/components/skip-link/skip-link.bundle.js b/node_modules/govuk-frontend/dist/govuk/components/skip-link/skip-link.bundle.js
new file mode 100644
index 0000000..cb19b34
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/skip-link/skip-link.bundle.js
@@ -0,0 +1,217 @@
+(function (global, factory) {
+  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports) :
+  typeof define === 'function' && define.amd ? define(['exports'], factory) :
+  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.GOVUKFrontend = global.GOVUKFrontend || {}));
+})(this, (function (exports) { 'use strict';
+
+  function setFocus($element, options = {}) {
+    var _options$onBeforeFocu;
+    const isFocusable = $element.getAttribute('tabindex');
+    if (!isFocusable) {
+      $element.setAttribute('tabindex', '-1');
+    }
+    function onFocus() {
+      $element.addEventListener('blur', onBlur, {
+        once: true
+      });
+    }
+    function onBlur() {
+      var _options$onBlur;
+      (_options$onBlur = options.onBlur) == null || _options$onBlur.call($element);
+      if (!isFocusable) {
+        $element.removeAttribute('tabindex');
+      }
+    }
+    $element.addEventListener('focus', onFocus, {
+      once: true
+    });
+    (_options$onBeforeFocu = options.onBeforeFocus) == null || _options$onBeforeFocu.call($element);
+    $element.focus();
+  }
+  function isInitialised($root, moduleName) {
+    return $root instanceof HTMLElement && $root.hasAttribute(`data-${moduleName}-init`);
+  }
+
+  /**
+   * Checks if GOV.UK Frontend is supported on this page
+   *
+   * Some browsers will load and run our JavaScript but GOV.UK Frontend
+   * won't be supported.
+   *
+   * @param {HTMLElement | null} [$scope] - (internal) `<body>` HTML element checked for browser support
+   * @returns {boolean} Whether GOV.UK Frontend is supported on this page
+   */
+  function isSupported($scope = document.body) {
+    if (!$scope) {
+      return false;
+    }
+    return $scope.classList.contains('govuk-frontend-supported');
+  }
+  function isArray(option) {
+    return Array.isArray(option);
+  }
+  function isObject(option) {
+    return !!option && typeof option === 'object' && !isArray(option);
+  }
+  function formatErrorMessage(Component, message) {
+    return `${Component.moduleName}: ${message}`;
+  }
+  /**
+   * @typedef ComponentWithModuleName
+   * @property {string} moduleName - Name of the component
+   */
+
+  class GOVUKFrontendError extends Error {
+    constructor(...args) {
+      super(...args);
+      this.name = 'GOVUKFrontendError';
+    }
+  }
+  class SupportError extends GOVUKFrontendError {
+    /**
+     * Checks if GOV.UK Frontend is supported on this page
+     *
+     * @param {HTMLElement | null} [$scope] - HTML element `<body>` checked for browser support
+     */
+    constructor($scope = document.body) {
+      const supportMessage = 'noModule' in HTMLScriptElement.prototype ? 'GOV.UK Frontend initialised without `<body class="govuk-frontend-supported">` from template `<script>` snippet' : 'GOV.UK Frontend is not supported in this browser';
+      super($scope ? supportMessage : 'GOV.UK Frontend initialised without `<script type="module">`');
+      this.name = 'SupportError';
+    }
+  }
+  class ElementError extends GOVUKFrontendError {
+    constructor(messageOrOptions) {
+      let message = typeof messageOrOptions === 'string' ? messageOrOptions : '';
+      if (isObject(messageOrOptions)) {
+        const {
+          component,
+          identifier,
+          element,
+          expectedType
+        } = messageOrOptions;
+        message = identifier;
+        message += element ? ` is not of type ${expectedType != null ? expectedType : 'HTMLElement'}` : ' not found';
+        if (component) {
+          message = formatErrorMessage(component, message);
+        }
+      }
+      super(message);
+      this.name = 'ElementError';
+    }
+  }
+  class InitError extends GOVUKFrontendError {
+    constructor(componentOrMessage) {
+      const message = typeof componentOrMessage === 'string' ? componentOrMessage : formatErrorMessage(componentOrMessage, `Root element (\`$root\`) already initialised`);
+      super(message);
+      this.name = 'InitError';
+    }
+  }
+  /**
+   * @import { ComponentWithModuleName } from '../common/index.mjs'
+   */
+
+  class Component {
+    /**
+     * Returns the root element of the component
+     *
+     * @protected
+     * @returns {RootElementType} - the root element of component
+     */
+    get $root() {
+      return this._$root;
+    }
+    constructor($root) {
+      this._$root = void 0;
+      const childConstructor = this.constructor;
+      if (typeof childConstructor.moduleName !== 'string') {
+        throw new InitError(`\`moduleName\` not defined in component`);
+      }
+      if (!($root instanceof childConstructor.elementType)) {
+        throw new ElementError({
+          element: $root,
+          component: childConstructor,
+          identifier: 'Root element (`$root`)',
+          expectedType: childConstructor.elementType.name
+        });
+      } else {
+        this._$root = $root;
+      }
+      childConstructor.checkSupport();
+      this.checkInitialised();
+      const moduleName = childConstructor.moduleName;
+      this.$root.setAttribute(`data-${moduleName}-init`, '');
+    }
+    checkInitialised() {
+      const constructor = this.constructor;
+      const moduleName = constructor.moduleName;
+      if (moduleName && isInitialised(this.$root, moduleName)) {
+        throw new InitError(constructor);
+      }
+    }
+    static checkSupport() {
+      if (!isSupported()) {
+        throw new SupportError();
+      }
+    }
+  }
+
+  /**
+   * @typedef ChildClass
+   * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component
+   */
+
+  /**
+   * @typedef {typeof Component & ChildClass} ChildClassConstructor
+   */
+  Component.elementType = HTMLElement;
+
+  /**
+   * Skip link component
+   *
+   * @preserve
+   * @augments Component<HTMLAnchorElement>
+   */
+  class SkipLink extends Component {
+    /**
+     * @param {Element | null} $root - HTML element to use for skip link
+     * @throws {ElementError} when $root is not set or the wrong type
+     * @throws {ElementError} when $root.hash does not contain a hash
+     * @throws {ElementError} when the linked element is missing or the wrong type
+     */
+    constructor($root) {
+      var _this$$root$getAttrib;
+      super($root);
+      const hash = this.$root.hash;
+      const href = (_this$$root$getAttrib = this.$root.getAttribute('href')) != null ? _this$$root$getAttrib : '';
+      if (this.$root.origin !== window.location.origin || this.$root.pathname !== window.location.pathname) {
+        return;
+      }
+      const linkedElementId = hash.replace('#', '');
+      if (!linkedElementId) {
+        throw new ElementError(`Skip link: Target link (\`href="${href}"\`) has no hash fragment`);
+      }
+      const $linkedElement = document.getElementById(linkedElementId);
+      if (!$linkedElement) {
+        throw new ElementError({
+          component: SkipLink,
+          element: $linkedElement,
+          identifier: `Target content (\`id="${linkedElementId}"\`)`
+        });
+      }
+      this.$root.addEventListener('click', () => setFocus($linkedElement, {
+        onBeforeFocus() {
+          $linkedElement.classList.add('govuk-skip-link-focused-element');
+        },
+        onBlur() {
+          $linkedElement.classList.remove('govuk-skip-link-focused-element');
+        }
+      }));
+    }
+  }
+  SkipLink.elementType = HTMLAnchorElement;
+  SkipLink.moduleName = 'govuk-skip-link';
+
+  exports.SkipLink = SkipLink;
+
+}));
+//# sourceMappingURL=skip-link.bundle.js.map
diff --git a/node_modules/govuk-frontend/dist/govuk/components/skip-link/skip-link.bundle.js.map b/node_modules/govuk-frontend/dist/govuk/components/skip-link/skip-link.bundle.js.map
new file mode 100644
index 0000000..43ec68d
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/skip-link/skip-link.bundle.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"skip-link.bundle.js","sources":["../../../../src/govuk/common/index.mjs","../../../../src/govuk/errors/index.mjs","../../../../src/govuk/component.mjs","../../../../src/govuk/components/skip-link/skip-link.mjs"],"sourcesContent":["/**\n * Common helpers which do not require polyfill.\n *\n * IMPORTANT: If a helper require a polyfill, please isolate it in its own module\n * so that the polyfill can be properly tree-shaken and does not burden\n * the components that do not need that helper\n */\n\n/**\n * Get GOV.UK Frontend breakpoint value from CSS custom property\n *\n * @private\n * @param {string} name - Breakpoint name\n * @returns {{ property: string, value?: string }} Breakpoint object\n */\nexport function getBreakpoint(name) {\n  const property = `--govuk-breakpoint-${name}`\n\n  // Get value from `<html>` with breakpoints on CSS :root\n  const value = window\n    .getComputedStyle(document.documentElement)\n    .getPropertyValue(property)\n\n  return {\n    property,\n    value: value || undefined\n  }\n}\n\n/**\n * Move focus to element\n *\n * Sets tabindex to -1 to make the element programmatically focusable,\n * but removes it on blur as the element doesn't need to be focused again.\n *\n * @private\n * @template {HTMLElement} FocusElement\n * @param {FocusElement} $element - HTML element\n * @param {object} [options] - Handler options\n * @param {function(this: FocusElement): void} [options.onBeforeFocus] - Callback before focus\n * @param {function(this: FocusElement): void} [options.onBlur] - Callback on blur\n */\nexport function setFocus($element, options = {}) {\n  const isFocusable = $element.getAttribute('tabindex')\n\n  if (!isFocusable) {\n    $element.setAttribute('tabindex', '-1')\n  }\n\n  /**\n   * Handle element focus\n   */\n  function onFocus() {\n    $element.addEventListener('blur', onBlur, { once: true })\n  }\n\n  /**\n   * Handle element blur\n   */\n  function onBlur() {\n    options.onBlur?.call($element)\n\n    if (!isFocusable) {\n      $element.removeAttribute('tabindex')\n    }\n  }\n\n  // Add listener to reset element on blur, after focus\n  $element.addEventListener('focus', onFocus, { once: true })\n\n  // Focus element\n  options.onBeforeFocus?.call($element)\n  $element.focus()\n}\n\n/**\n * Checks if component is already initialised\n *\n * @internal\n * @param {Element} $root - HTML element to be checked\n * @param {string} moduleName - name of component module\n * @returns {boolean} Whether component is already initialised\n */\nexport function isInitialised($root, moduleName) {\n  return (\n    $root instanceof HTMLElement &&\n    $root.hasAttribute(`data-${moduleName}-init`)\n  )\n}\n\n/**\n * Checks if GOV.UK Frontend is supported on this page\n *\n * Some browsers will load and run our JavaScript but GOV.UK Frontend\n * won't be supported.\n *\n * @param {HTMLElement | null} [$scope] - (internal) `<body>` HTML element checked for browser support\n * @returns {boolean} Whether GOV.UK Frontend is supported on this page\n */\nexport function isSupported($scope = document.body) {\n  if (!$scope) {\n    return false\n  }\n\n  return $scope.classList.contains('govuk-frontend-supported')\n}\n\n/**\n * Check for an array\n *\n * @internal\n * @param {unknown} option - Option to check\n * @returns {boolean} Whether the option is an array\n */\nfunction isArray(option) {\n  return Array.isArray(option)\n}\n\n/**\n * Check for an object\n *\n * @internal\n * @template {Partial<Record<keyof ObjectType, unknown>>} ObjectType\n * @param {unknown | ObjectType} option - Option to check\n * @returns {option is ObjectType} Whether the option is an object\n */\nexport function isObject(option) {\n  return !!option && typeof option === 'object' && !isArray(option)\n}\n\n/**\n * Check for valid scope\n *\n * @internal\n * @template {Element | Document} ScopeType\n * @param {unknown | ScopeType} $scope - Scope of the document to search within\n * @returns {$scope is ScopeType} Whether the scope can be queried\n */\nexport function isScope($scope) {\n  return !!$scope && ($scope instanceof Element || $scope instanceof Document)\n}\n\n/**\n * Format error message\n *\n * @internal\n * @param {ComponentWithModuleName} Component - Component that threw the error\n * @param {string} message - Error message\n * @returns {string} - Formatted error message\n */\nexport function formatErrorMessage(Component, message) {\n  return `${Component.moduleName}: ${message}`\n}\n\n/* eslint-disable jsdoc/valid-types --\n * `{new(...args: any[] ): object}` is not recognised as valid\n * https://github.com/gajus/eslint-plugin-jsdoc/issues/145#issuecomment-1308722878\n * https://github.com/jsdoc-type-pratt-parser/jsdoc-type-pratt-parser/issues/131\n **/\n\n/**\n * @typedef ComponentWithModuleName\n * @property {string} moduleName - Name of the component\n */\n\n/* eslint-enable jsdoc/valid-types */\n","import { formatErrorMessage, isObject } from '../common/index.mjs'\n\n/**\n * GOV.UK Frontend error\n *\n * A base class for `Error`s thrown by GOV.UK Frontend.\n *\n * It is meant to be extended into specific types of errors\n * to be thrown by our code.\n *\n * @example\n * ```js\n * class MissingRootError extends GOVUKFrontendError {\n *   // Setting an explicit name is important as extending the class will not\n *   // set a new `name` on the subclass. The `name` property is important\n *   // to ensure intelligible error names even if the class name gets\n *   // mangled by a minifier\n *   name = \"MissingRootError\"\n * }\n * ```\n * @virtual\n */\nexport class GOVUKFrontendError extends Error {\n  name = 'GOVUKFrontendError'\n}\n\n/**\n * Indicates that GOV.UK Frontend is not supported\n */\nexport class SupportError extends GOVUKFrontendError {\n  name = 'SupportError'\n\n  /**\n   * Checks if GOV.UK Frontend is supported on this page\n   *\n   * @param {HTMLElement | null} [$scope] - HTML element `<body>` checked for browser support\n   */\n  constructor($scope = document.body) {\n    const supportMessage =\n      'noModule' in HTMLScriptElement.prototype\n        ? 'GOV.UK Frontend initialised without `<body class=\"govuk-frontend-supported\">` from template `<script>` snippet'\n        : 'GOV.UK Frontend is not supported in this browser'\n\n    super(\n      $scope\n        ? supportMessage\n        : 'GOV.UK Frontend initialised without `<script type=\"module\">`'\n    )\n  }\n}\n\n/**\n * Indicates that a component has received an illegal configuration\n */\nexport class ConfigError extends GOVUKFrontendError {\n  name = 'ConfigError'\n}\n\n/**\n * Indicates an issue with an element (possibly `null` or `undefined`)\n */\nexport class ElementError extends GOVUKFrontendError {\n  name = 'ElementError'\n\n  /**\n   * @internal\n   * @overload\n   * @param {string} message - Element error message\n   */\n\n  /**\n   * @internal\n   * @overload\n   * @param {ElementErrorOptions} options - Element error options\n   */\n\n  /**\n   * @internal\n   * @param {string | ElementErrorOptions} messageOrOptions - Element error message or options\n   */\n  constructor(messageOrOptions) {\n    let message = typeof messageOrOptions === 'string' ? messageOrOptions : ''\n\n    // Build message from options\n    if (isObject(messageOrOptions)) {\n      const { component, identifier, element, expectedType } = messageOrOptions\n\n      message = identifier\n\n      // Append reason\n      message += element\n        ? ` is not of type ${expectedType ?? 'HTMLElement'}`\n        : ' not found'\n\n      // Prepend with module name (optional)\n      if (component) {\n        message = formatErrorMessage(component, message)\n      }\n    }\n\n    super(message)\n  }\n}\n\n/**\n * Indicates that a component is already initialised\n */\nexport class InitError extends GOVUKFrontendError {\n  name = 'InitError'\n\n  /**\n   * @internal\n   * @param {ComponentWithModuleName | string} componentOrMessage - name of the component module\n   */\n  constructor(componentOrMessage) {\n    const message =\n      typeof componentOrMessage === 'string'\n        ? componentOrMessage\n        : formatErrorMessage(\n            componentOrMessage,\n            `Root element (\\`$root\\`) already initialised`\n          )\n\n    super(message)\n  }\n}\n\n/**\n * Element error options\n *\n * @internal\n * @typedef {object} ElementErrorOptions\n * @property {Element | Document | null} [element] - The element in error (optional)\n * @property {ComponentWithModuleName} [component] - Component throwing the error (optional)\n * @property {string} identifier - An identifier that'll let the user understand which element has an error. This is whatever makes the most sense\n * @property {string} [expectedType] - The type that was expected for the identifier (optional)\n */\n\n/**\n * @import { ComponentWithModuleName } from '../common/index.mjs'\n */\n","import { isInitialised, isSupported } from './common/index.mjs'\nimport { ElementError, InitError, SupportError } from './errors/index.mjs'\n\n/**\n * Base Component class\n *\n * Centralises the behaviours shared by our components\n *\n * @virtual\n * @template {Element} [RootElementType=HTMLElement]\n */\nexport class Component {\n  /**\n   * @type {typeof Element}\n   */\n  static elementType = HTMLElement\n\n  // allows Typescript user to work around the lack of types\n  // in GOVUKFrontend package, Typescript is not aware of $root\n  // in components that extend GOVUKFrontendComponent\n  /**\n   * Returns the root element of the component\n   *\n   * @protected\n   * @returns {RootElementType} - the root element of component\n   */\n  get $root() {\n    return this._$root\n  }\n\n  /**\n   * @protected\n   * @type {RootElementType}\n   */\n  _$root\n\n  /**\n   * Constructs a new component, validating that GOV.UK Frontend is supported\n   *\n   * @internal\n   * @param {Element | null} [$root] - HTML element to use for component\n   */\n  constructor($root) {\n    const childConstructor = /** @type {ChildClassConstructor} */ (\n      this.constructor\n    )\n\n    // TypeScript does not enforce that inheriting classes will define a `moduleName`\n    // (even if we add a `@virtual` `static moduleName` property to this class).\n    // While we trust users to do this correctly, we do a little check to provide them\n    // a helpful error message.\n    //\n    // After this, we'll be sure that `childConstructor` has a `moduleName`\n    // as expected of the `ChildClassConstructor` we've cast `this.constructor` to.\n    if (typeof childConstructor.moduleName !== 'string') {\n      throw new InitError(`\\`moduleName\\` not defined in component`)\n    }\n\n    if (!($root instanceof childConstructor.elementType)) {\n      throw new ElementError({\n        element: $root,\n        component: childConstructor,\n        identifier: 'Root element (`$root`)',\n        expectedType: childConstructor.elementType.name\n      })\n    } else {\n      this._$root = /** @type {RootElementType} */ ($root)\n    }\n\n    childConstructor.checkSupport()\n\n    this.checkInitialised()\n\n    const moduleName = childConstructor.moduleName\n\n    this.$root.setAttribute(`data-${moduleName}-init`, '')\n  }\n\n  /**\n   * Validates whether component is already initialised\n   *\n   * @private\n   * @throws {InitError} when component is already initialised\n   */\n  checkInitialised() {\n    const constructor = /** @type {ChildClassConstructor} */ (this.constructor)\n    const moduleName = constructor.moduleName\n\n    if (moduleName && isInitialised(this.$root, moduleName)) {\n      throw new InitError(constructor)\n    }\n  }\n\n  /**\n   * Validates whether components are supported\n   *\n   * @throws {SupportError} when the components are not supported\n   */\n  static checkSupport() {\n    if (!isSupported()) {\n      throw new SupportError()\n    }\n  }\n}\n\n/**\n * @typedef ChildClass\n * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component\n */\n\n/**\n * @typedef {typeof Component & ChildClass} ChildClassConstructor\n */\n","import { setFocus } from '../../common/index.mjs'\nimport { Component } from '../../component.mjs'\nimport { ElementError } from '../../errors/index.mjs'\n\n/**\n * Skip link component\n *\n * @preserve\n * @augments Component<HTMLAnchorElement>\n */\nexport class SkipLink extends Component {\n  static elementType = HTMLAnchorElement\n\n  /**\n   * @param {Element | null} $root - HTML element to use for skip link\n   * @throws {ElementError} when $root is not set or the wrong type\n   * @throws {ElementError} when $root.hash does not contain a hash\n   * @throws {ElementError} when the linked element is missing or the wrong type\n   */\n  constructor($root) {\n    super($root)\n\n    const hash = this.$root.hash\n    const href = this.$root.getAttribute('href') ?? ''\n\n    // Return early for external URLs or links to other pages\n    if (\n      this.$root.origin !== window.location.origin ||\n      this.$root.pathname !== window.location.pathname\n    ) {\n      return\n    }\n\n    const linkedElementId = hash.replace('#', '')\n\n    // Check link path matching current page\n    if (!linkedElementId) {\n      throw new ElementError(\n        `Skip link: Target link (\\`href=\"${href}\"\\`) has no hash fragment`\n      )\n    }\n\n    const $linkedElement = document.getElementById(linkedElementId)\n\n    // Check for link target element\n    if (!$linkedElement) {\n      throw new ElementError({\n        component: SkipLink,\n        element: $linkedElement,\n        identifier: `Target content (\\`id=\"${linkedElementId}\"\\`)`\n      })\n    }\n\n    /**\n     * Focus the linked element on click\n     *\n     * Adds a helper CSS class to hide native focus styles,\n     * but removes it on blur to restore native focus styles\n     */\n    this.$root.addEventListener('click', () =>\n      setFocus($linkedElement, {\n        onBeforeFocus() {\n          $linkedElement.classList.add('govuk-skip-link-focused-element')\n        },\n        onBlur() {\n          $linkedElement.classList.remove('govuk-skip-link-focused-element')\n        }\n      })\n    )\n  }\n\n  /**\n   * Name for the component used when initialising using data-module attributes.\n   */\n  static moduleName = 'govuk-skip-link'\n}\n"],"names":["setFocus","$element","options","_options$onBeforeFocu","isFocusable","getAttribute","setAttribute","onFocus","addEventListener","onBlur","once","_options$onBlur","call","removeAttribute","onBeforeFocus","focus","isInitialised","$root","moduleName","HTMLElement","hasAttribute","isSupported","$scope","document","body","classList","contains","isArray","option","Array","isObject","formatErrorMessage","Component","message","GOVUKFrontendError","Error","constructor","args","name","SupportError","supportMessage","HTMLScriptElement","prototype","ElementError","messageOrOptions","component","identifier","element","expectedType","InitError","componentOrMessage","_$root","childConstructor","elementType","checkSupport","checkInitialised","SkipLink","_this$$root$getAttrib","hash","href","origin","window","location","pathname","linkedElementId","replace","$linkedElement","getElementById","add","remove","HTMLAnchorElement"],"mappings":"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"}
\ No newline at end of file
diff --git a/node_modules/govuk-frontend/dist/govuk/components/skip-link/skip-link.bundle.mjs b/node_modules/govuk-frontend/dist/govuk/components/skip-link/skip-link.bundle.mjs
new file mode 100644
index 0000000..6a45bab
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/skip-link/skip-link.bundle.mjs
@@ -0,0 +1,209 @@
+function setFocus($element, options = {}) {
+  var _options$onBeforeFocu;
+  const isFocusable = $element.getAttribute('tabindex');
+  if (!isFocusable) {
+    $element.setAttribute('tabindex', '-1');
+  }
+  function onFocus() {
+    $element.addEventListener('blur', onBlur, {
+      once: true
+    });
+  }
+  function onBlur() {
+    var _options$onBlur;
+    (_options$onBlur = options.onBlur) == null || _options$onBlur.call($element);
+    if (!isFocusable) {
+      $element.removeAttribute('tabindex');
+    }
+  }
+  $element.addEventListener('focus', onFocus, {
+    once: true
+  });
+  (_options$onBeforeFocu = options.onBeforeFocus) == null || _options$onBeforeFocu.call($element);
+  $element.focus();
+}
+function isInitialised($root, moduleName) {
+  return $root instanceof HTMLElement && $root.hasAttribute(`data-${moduleName}-init`);
+}
+
+/**
+ * Checks if GOV.UK Frontend is supported on this page
+ *
+ * Some browsers will load and run our JavaScript but GOV.UK Frontend
+ * won't be supported.
+ *
+ * @param {HTMLElement | null} [$scope] - (internal) `<body>` HTML element checked for browser support
+ * @returns {boolean} Whether GOV.UK Frontend is supported on this page
+ */
+function isSupported($scope = document.body) {
+  if (!$scope) {
+    return false;
+  }
+  return $scope.classList.contains('govuk-frontend-supported');
+}
+function isArray(option) {
+  return Array.isArray(option);
+}
+function isObject(option) {
+  return !!option && typeof option === 'object' && !isArray(option);
+}
+function formatErrorMessage(Component, message) {
+  return `${Component.moduleName}: ${message}`;
+}
+/**
+ * @typedef ComponentWithModuleName
+ * @property {string} moduleName - Name of the component
+ */
+
+class GOVUKFrontendError extends Error {
+  constructor(...args) {
+    super(...args);
+    this.name = 'GOVUKFrontendError';
+  }
+}
+class SupportError extends GOVUKFrontendError {
+  /**
+   * Checks if GOV.UK Frontend is supported on this page
+   *
+   * @param {HTMLElement | null} [$scope] - HTML element `<body>` checked for browser support
+   */
+  constructor($scope = document.body) {
+    const supportMessage = 'noModule' in HTMLScriptElement.prototype ? 'GOV.UK Frontend initialised without `<body class="govuk-frontend-supported">` from template `<script>` snippet' : 'GOV.UK Frontend is not supported in this browser';
+    super($scope ? supportMessage : 'GOV.UK Frontend initialised without `<script type="module">`');
+    this.name = 'SupportError';
+  }
+}
+class ElementError extends GOVUKFrontendError {
+  constructor(messageOrOptions) {
+    let message = typeof messageOrOptions === 'string' ? messageOrOptions : '';
+    if (isObject(messageOrOptions)) {
+      const {
+        component,
+        identifier,
+        element,
+        expectedType
+      } = messageOrOptions;
+      message = identifier;
+      message += element ? ` is not of type ${expectedType != null ? expectedType : 'HTMLElement'}` : ' not found';
+      if (component) {
+        message = formatErrorMessage(component, message);
+      }
+    }
+    super(message);
+    this.name = 'ElementError';
+  }
+}
+class InitError extends GOVUKFrontendError {
+  constructor(componentOrMessage) {
+    const message = typeof componentOrMessage === 'string' ? componentOrMessage : formatErrorMessage(componentOrMessage, `Root element (\`$root\`) already initialised`);
+    super(message);
+    this.name = 'InitError';
+  }
+}
+/**
+ * @import { ComponentWithModuleName } from '../common/index.mjs'
+ */
+
+class Component {
+  /**
+   * Returns the root element of the component
+   *
+   * @protected
+   * @returns {RootElementType} - the root element of component
+   */
+  get $root() {
+    return this._$root;
+  }
+  constructor($root) {
+    this._$root = void 0;
+    const childConstructor = this.constructor;
+    if (typeof childConstructor.moduleName !== 'string') {
+      throw new InitError(`\`moduleName\` not defined in component`);
+    }
+    if (!($root instanceof childConstructor.elementType)) {
+      throw new ElementError({
+        element: $root,
+        component: childConstructor,
+        identifier: 'Root element (`$root`)',
+        expectedType: childConstructor.elementType.name
+      });
+    } else {
+      this._$root = $root;
+    }
+    childConstructor.checkSupport();
+    this.checkInitialised();
+    const moduleName = childConstructor.moduleName;
+    this.$root.setAttribute(`data-${moduleName}-init`, '');
+  }
+  checkInitialised() {
+    const constructor = this.constructor;
+    const moduleName = constructor.moduleName;
+    if (moduleName && isInitialised(this.$root, moduleName)) {
+      throw new InitError(constructor);
+    }
+  }
+  static checkSupport() {
+    if (!isSupported()) {
+      throw new SupportError();
+    }
+  }
+}
+
+/**
+ * @typedef ChildClass
+ * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component
+ */
+
+/**
+ * @typedef {typeof Component & ChildClass} ChildClassConstructor
+ */
+Component.elementType = HTMLElement;
+
+/**
+ * Skip link component
+ *
+ * @preserve
+ * @augments Component<HTMLAnchorElement>
+ */
+class SkipLink extends Component {
+  /**
+   * @param {Element | null} $root - HTML element to use for skip link
+   * @throws {ElementError} when $root is not set or the wrong type
+   * @throws {ElementError} when $root.hash does not contain a hash
+   * @throws {ElementError} when the linked element is missing or the wrong type
+   */
+  constructor($root) {
+    var _this$$root$getAttrib;
+    super($root);
+    const hash = this.$root.hash;
+    const href = (_this$$root$getAttrib = this.$root.getAttribute('href')) != null ? _this$$root$getAttrib : '';
+    if (this.$root.origin !== window.location.origin || this.$root.pathname !== window.location.pathname) {
+      return;
+    }
+    const linkedElementId = hash.replace('#', '');
+    if (!linkedElementId) {
+      throw new ElementError(`Skip link: Target link (\`href="${href}"\`) has no hash fragment`);
+    }
+    const $linkedElement = document.getElementById(linkedElementId);
+    if (!$linkedElement) {
+      throw new ElementError({
+        component: SkipLink,
+        element: $linkedElement,
+        identifier: `Target content (\`id="${linkedElementId}"\`)`
+      });
+    }
+    this.$root.addEventListener('click', () => setFocus($linkedElement, {
+      onBeforeFocus() {
+        $linkedElement.classList.add('govuk-skip-link-focused-element');
+      },
+      onBlur() {
+        $linkedElement.classList.remove('govuk-skip-link-focused-element');
+      }
+    }));
+  }
+}
+SkipLink.elementType = HTMLAnchorElement;
+SkipLink.moduleName = 'govuk-skip-link';
+
+export { SkipLink };
+//# sourceMappingURL=skip-link.bundle.mjs.map
diff --git a/node_modules/govuk-frontend/dist/govuk/components/skip-link/skip-link.bundle.mjs.map b/node_modules/govuk-frontend/dist/govuk/components/skip-link/skip-link.bundle.mjs.map
new file mode 100644
index 0000000..2301450
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/skip-link/skip-link.bundle.mjs.map
@@ -0,0 +1 @@
+{"version":3,"file":"skip-link.bundle.mjs","sources":["../../../../src/govuk/common/index.mjs","../../../../src/govuk/errors/index.mjs","../../../../src/govuk/component.mjs","../../../../src/govuk/components/skip-link/skip-link.mjs"],"sourcesContent":["/**\n * Common helpers which do not require polyfill.\n *\n * IMPORTANT: If a helper require a polyfill, please isolate it in its own module\n * so that the polyfill can be properly tree-shaken and does not burden\n * the components that do not need that helper\n */\n\n/**\n * Get GOV.UK Frontend breakpoint value from CSS custom property\n *\n * @private\n * @param {string} name - Breakpoint name\n * @returns {{ property: string, value?: string }} Breakpoint object\n */\nexport function getBreakpoint(name) {\n  const property = `--govuk-breakpoint-${name}`\n\n  // Get value from `<html>` with breakpoints on CSS :root\n  const value = window\n    .getComputedStyle(document.documentElement)\n    .getPropertyValue(property)\n\n  return {\n    property,\n    value: value || undefined\n  }\n}\n\n/**\n * Move focus to element\n *\n * Sets tabindex to -1 to make the element programmatically focusable,\n * but removes it on blur as the element doesn't need to be focused again.\n *\n * @private\n * @template {HTMLElement} FocusElement\n * @param {FocusElement} $element - HTML element\n * @param {object} [options] - Handler options\n * @param {function(this: FocusElement): void} [options.onBeforeFocus] - Callback before focus\n * @param {function(this: FocusElement): void} [options.onBlur] - Callback on blur\n */\nexport function setFocus($element, options = {}) {\n  const isFocusable = $element.getAttribute('tabindex')\n\n  if (!isFocusable) {\n    $element.setAttribute('tabindex', '-1')\n  }\n\n  /**\n   * Handle element focus\n   */\n  function onFocus() {\n    $element.addEventListener('blur', onBlur, { once: true })\n  }\n\n  /**\n   * Handle element blur\n   */\n  function onBlur() {\n    options.onBlur?.call($element)\n\n    if (!isFocusable) {\n      $element.removeAttribute('tabindex')\n    }\n  }\n\n  // Add listener to reset element on blur, after focus\n  $element.addEventListener('focus', onFocus, { once: true })\n\n  // Focus element\n  options.onBeforeFocus?.call($element)\n  $element.focus()\n}\n\n/**\n * Checks if component is already initialised\n *\n * @internal\n * @param {Element} $root - HTML element to be checked\n * @param {string} moduleName - name of component module\n * @returns {boolean} Whether component is already initialised\n */\nexport function isInitialised($root, moduleName) {\n  return (\n    $root instanceof HTMLElement &&\n    $root.hasAttribute(`data-${moduleName}-init`)\n  )\n}\n\n/**\n * Checks if GOV.UK Frontend is supported on this page\n *\n * Some browsers will load and run our JavaScript but GOV.UK Frontend\n * won't be supported.\n *\n * @param {HTMLElement | null} [$scope] - (internal) `<body>` HTML element checked for browser support\n * @returns {boolean} Whether GOV.UK Frontend is supported on this page\n */\nexport function isSupported($scope = document.body) {\n  if (!$scope) {\n    return false\n  }\n\n  return $scope.classList.contains('govuk-frontend-supported')\n}\n\n/**\n * Check for an array\n *\n * @internal\n * @param {unknown} option - Option to check\n * @returns {boolean} Whether the option is an array\n */\nfunction isArray(option) {\n  return Array.isArray(option)\n}\n\n/**\n * Check for an object\n *\n * @internal\n * @template {Partial<Record<keyof ObjectType, unknown>>} ObjectType\n * @param {unknown | ObjectType} option - Option to check\n * @returns {option is ObjectType} Whether the option is an object\n */\nexport function isObject(option) {\n  return !!option && typeof option === 'object' && !isArray(option)\n}\n\n/**\n * Check for valid scope\n *\n * @internal\n * @template {Element | Document} ScopeType\n * @param {unknown | ScopeType} $scope - Scope of the document to search within\n * @returns {$scope is ScopeType} Whether the scope can be queried\n */\nexport function isScope($scope) {\n  return !!$scope && ($scope instanceof Element || $scope instanceof Document)\n}\n\n/**\n * Format error message\n *\n * @internal\n * @param {ComponentWithModuleName} Component - Component that threw the error\n * @param {string} message - Error message\n * @returns {string} - Formatted error message\n */\nexport function formatErrorMessage(Component, message) {\n  return `${Component.moduleName}: ${message}`\n}\n\n/* eslint-disable jsdoc/valid-types --\n * `{new(...args: any[] ): object}` is not recognised as valid\n * https://github.com/gajus/eslint-plugin-jsdoc/issues/145#issuecomment-1308722878\n * https://github.com/jsdoc-type-pratt-parser/jsdoc-type-pratt-parser/issues/131\n **/\n\n/**\n * @typedef ComponentWithModuleName\n * @property {string} moduleName - Name of the component\n */\n\n/* eslint-enable jsdoc/valid-types */\n","import { formatErrorMessage, isObject } from '../common/index.mjs'\n\n/**\n * GOV.UK Frontend error\n *\n * A base class for `Error`s thrown by GOV.UK Frontend.\n *\n * It is meant to be extended into specific types of errors\n * to be thrown by our code.\n *\n * @example\n * ```js\n * class MissingRootError extends GOVUKFrontendError {\n *   // Setting an explicit name is important as extending the class will not\n *   // set a new `name` on the subclass. The `name` property is important\n *   // to ensure intelligible error names even if the class name gets\n *   // mangled by a minifier\n *   name = \"MissingRootError\"\n * }\n * ```\n * @virtual\n */\nexport class GOVUKFrontendError extends Error {\n  name = 'GOVUKFrontendError'\n}\n\n/**\n * Indicates that GOV.UK Frontend is not supported\n */\nexport class SupportError extends GOVUKFrontendError {\n  name = 'SupportError'\n\n  /**\n   * Checks if GOV.UK Frontend is supported on this page\n   *\n   * @param {HTMLElement | null} [$scope] - HTML element `<body>` checked for browser support\n   */\n  constructor($scope = document.body) {\n    const supportMessage =\n      'noModule' in HTMLScriptElement.prototype\n        ? 'GOV.UK Frontend initialised without `<body class=\"govuk-frontend-supported\">` from template `<script>` snippet'\n        : 'GOV.UK Frontend is not supported in this browser'\n\n    super(\n      $scope\n        ? supportMessage\n        : 'GOV.UK Frontend initialised without `<script type=\"module\">`'\n    )\n  }\n}\n\n/**\n * Indicates that a component has received an illegal configuration\n */\nexport class ConfigError extends GOVUKFrontendError {\n  name = 'ConfigError'\n}\n\n/**\n * Indicates an issue with an element (possibly `null` or `undefined`)\n */\nexport class ElementError extends GOVUKFrontendError {\n  name = 'ElementError'\n\n  /**\n   * @internal\n   * @overload\n   * @param {string} message - Element error message\n   */\n\n  /**\n   * @internal\n   * @overload\n   * @param {ElementErrorOptions} options - Element error options\n   */\n\n  /**\n   * @internal\n   * @param {string | ElementErrorOptions} messageOrOptions - Element error message or options\n   */\n  constructor(messageOrOptions) {\n    let message = typeof messageOrOptions === 'string' ? messageOrOptions : ''\n\n    // Build message from options\n    if (isObject(messageOrOptions)) {\n      const { component, identifier, element, expectedType } = messageOrOptions\n\n      message = identifier\n\n      // Append reason\n      message += element\n        ? ` is not of type ${expectedType ?? 'HTMLElement'}`\n        : ' not found'\n\n      // Prepend with module name (optional)\n      if (component) {\n        message = formatErrorMessage(component, message)\n      }\n    }\n\n    super(message)\n  }\n}\n\n/**\n * Indicates that a component is already initialised\n */\nexport class InitError extends GOVUKFrontendError {\n  name = 'InitError'\n\n  /**\n   * @internal\n   * @param {ComponentWithModuleName | string} componentOrMessage - name of the component module\n   */\n  constructor(componentOrMessage) {\n    const message =\n      typeof componentOrMessage === 'string'\n        ? componentOrMessage\n        : formatErrorMessage(\n            componentOrMessage,\n            `Root element (\\`$root\\`) already initialised`\n          )\n\n    super(message)\n  }\n}\n\n/**\n * Element error options\n *\n * @internal\n * @typedef {object} ElementErrorOptions\n * @property {Element | Document | null} [element] - The element in error (optional)\n * @property {ComponentWithModuleName} [component] - Component throwing the error (optional)\n * @property {string} identifier - An identifier that'll let the user understand which element has an error. This is whatever makes the most sense\n * @property {string} [expectedType] - The type that was expected for the identifier (optional)\n */\n\n/**\n * @import { ComponentWithModuleName } from '../common/index.mjs'\n */\n","import { isInitialised, isSupported } from './common/index.mjs'\nimport { ElementError, InitError, SupportError } from './errors/index.mjs'\n\n/**\n * Base Component class\n *\n * Centralises the behaviours shared by our components\n *\n * @virtual\n * @template {Element} [RootElementType=HTMLElement]\n */\nexport class Component {\n  /**\n   * @type {typeof Element}\n   */\n  static elementType = HTMLElement\n\n  // allows Typescript user to work around the lack of types\n  // in GOVUKFrontend package, Typescript is not aware of $root\n  // in components that extend GOVUKFrontendComponent\n  /**\n   * Returns the root element of the component\n   *\n   * @protected\n   * @returns {RootElementType} - the root element of component\n   */\n  get $root() {\n    return this._$root\n  }\n\n  /**\n   * @protected\n   * @type {RootElementType}\n   */\n  _$root\n\n  /**\n   * Constructs a new component, validating that GOV.UK Frontend is supported\n   *\n   * @internal\n   * @param {Element | null} [$root] - HTML element to use for component\n   */\n  constructor($root) {\n    const childConstructor = /** @type {ChildClassConstructor} */ (\n      this.constructor\n    )\n\n    // TypeScript does not enforce that inheriting classes will define a `moduleName`\n    // (even if we add a `@virtual` `static moduleName` property to this class).\n    // While we trust users to do this correctly, we do a little check to provide them\n    // a helpful error message.\n    //\n    // After this, we'll be sure that `childConstructor` has a `moduleName`\n    // as expected of the `ChildClassConstructor` we've cast `this.constructor` to.\n    if (typeof childConstructor.moduleName !== 'string') {\n      throw new InitError(`\\`moduleName\\` not defined in component`)\n    }\n\n    if (!($root instanceof childConstructor.elementType)) {\n      throw new ElementError({\n        element: $root,\n        component: childConstructor,\n        identifier: 'Root element (`$root`)',\n        expectedType: childConstructor.elementType.name\n      })\n    } else {\n      this._$root = /** @type {RootElementType} */ ($root)\n    }\n\n    childConstructor.checkSupport()\n\n    this.checkInitialised()\n\n    const moduleName = childConstructor.moduleName\n\n    this.$root.setAttribute(`data-${moduleName}-init`, '')\n  }\n\n  /**\n   * Validates whether component is already initialised\n   *\n   * @private\n   * @throws {InitError} when component is already initialised\n   */\n  checkInitialised() {\n    const constructor = /** @type {ChildClassConstructor} */ (this.constructor)\n    const moduleName = constructor.moduleName\n\n    if (moduleName && isInitialised(this.$root, moduleName)) {\n      throw new InitError(constructor)\n    }\n  }\n\n  /**\n   * Validates whether components are supported\n   *\n   * @throws {SupportError} when the components are not supported\n   */\n  static checkSupport() {\n    if (!isSupported()) {\n      throw new SupportError()\n    }\n  }\n}\n\n/**\n * @typedef ChildClass\n * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component\n */\n\n/**\n * @typedef {typeof Component & ChildClass} ChildClassConstructor\n */\n","import { setFocus } from '../../common/index.mjs'\nimport { Component } from '../../component.mjs'\nimport { ElementError } from '../../errors/index.mjs'\n\n/**\n * Skip link component\n *\n * @preserve\n * @augments Component<HTMLAnchorElement>\n */\nexport class SkipLink extends Component {\n  static elementType = HTMLAnchorElement\n\n  /**\n   * @param {Element | null} $root - HTML element to use for skip link\n   * @throws {ElementError} when $root is not set or the wrong type\n   * @throws {ElementError} when $root.hash does not contain a hash\n   * @throws {ElementError} when the linked element is missing or the wrong type\n   */\n  constructor($root) {\n    super($root)\n\n    const hash = this.$root.hash\n    const href = this.$root.getAttribute('href') ?? ''\n\n    // Return early for external URLs or links to other pages\n    if (\n      this.$root.origin !== window.location.origin ||\n      this.$root.pathname !== window.location.pathname\n    ) {\n      return\n    }\n\n    const linkedElementId = hash.replace('#', '')\n\n    // Check link path matching current page\n    if (!linkedElementId) {\n      throw new ElementError(\n        `Skip link: Target link (\\`href=\"${href}\"\\`) has no hash fragment`\n      )\n    }\n\n    const $linkedElement = document.getElementById(linkedElementId)\n\n    // Check for link target element\n    if (!$linkedElement) {\n      throw new ElementError({\n        component: SkipLink,\n        element: $linkedElement,\n        identifier: `Target content (\\`id=\"${linkedElementId}\"\\`)`\n      })\n    }\n\n    /**\n     * Focus the linked element on click\n     *\n     * Adds a helper CSS class to hide native focus styles,\n     * but removes it on blur to restore native focus styles\n     */\n    this.$root.addEventListener('click', () =>\n      setFocus($linkedElement, {\n        onBeforeFocus() {\n          $linkedElement.classList.add('govuk-skip-link-focused-element')\n        },\n        onBlur() {\n          $linkedElement.classList.remove('govuk-skip-link-focused-element')\n        }\n      })\n    )\n  }\n\n  /**\n   * Name for the component used when initialising using data-module attributes.\n   */\n  static moduleName = 'govuk-skip-link'\n}\n"],"names":["setFocus","$element","options","_options$onBeforeFocu","isFocusable","getAttribute","setAttribute","onFocus","addEventListener","onBlur","once","_options$onBlur","call","removeAttribute","onBeforeFocus","focus","isInitialised","$root","moduleName","HTMLElement","hasAttribute","isSupported","$scope","document","body","classList","contains","isArray","option","Array","isObject","formatErrorMessage","Component","message","GOVUKFrontendError","Error","constructor","args","name","SupportError","supportMessage","HTMLScriptElement","prototype","ElementError","messageOrOptions","component","identifier","element","expectedType","InitError","componentOrMessage","_$root","childConstructor","elementType","checkSupport","checkInitialised","SkipLink","_this$$root$getAttrib","hash","href","origin","window","location","pathname","linkedElementId","replace","$linkedElement","getElementById","add","remove","HTMLAnchorElement"],"mappings":"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"}
\ No newline at end of file
diff --git a/node_modules/govuk-frontend/dist/govuk/components/skip-link/skip-link.mjs b/node_modules/govuk-frontend/dist/govuk/components/skip-link/skip-link.mjs
new file mode 100644
index 0000000..1b2b537
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/skip-link/skip-link.mjs
@@ -0,0 +1,52 @@
+import { setFocus } from '../../common/index.mjs';
+import { Component } from '../../component.mjs';
+import { ElementError } from '../../errors/index.mjs';
+
+/**
+ * Skip link component
+ *
+ * @preserve
+ * @augments Component<HTMLAnchorElement>
+ */
+class SkipLink extends Component {
+  /**
+   * @param {Element | null} $root - HTML element to use for skip link
+   * @throws {ElementError} when $root is not set or the wrong type
+   * @throws {ElementError} when $root.hash does not contain a hash
+   * @throws {ElementError} when the linked element is missing or the wrong type
+   */
+  constructor($root) {
+    var _this$$root$getAttrib;
+    super($root);
+    const hash = this.$root.hash;
+    const href = (_this$$root$getAttrib = this.$root.getAttribute('href')) != null ? _this$$root$getAttrib : '';
+    if (this.$root.origin !== window.location.origin || this.$root.pathname !== window.location.pathname) {
+      return;
+    }
+    const linkedElementId = hash.replace('#', '');
+    if (!linkedElementId) {
+      throw new ElementError(`Skip link: Target link (\`href="${href}"\`) has no hash fragment`);
+    }
+    const $linkedElement = document.getElementById(linkedElementId);
+    if (!$linkedElement) {
+      throw new ElementError({
+        component: SkipLink,
+        element: $linkedElement,
+        identifier: `Target content (\`id="${linkedElementId}"\`)`
+      });
+    }
+    this.$root.addEventListener('click', () => setFocus($linkedElement, {
+      onBeforeFocus() {
+        $linkedElement.classList.add('govuk-skip-link-focused-element');
+      },
+      onBlur() {
+        $linkedElement.classList.remove('govuk-skip-link-focused-element');
+      }
+    }));
+  }
+}
+SkipLink.elementType = HTMLAnchorElement;
+SkipLink.moduleName = 'govuk-skip-link';
+
+export { SkipLink };
+//# sourceMappingURL=skip-link.mjs.map
diff --git a/node_modules/govuk-frontend/dist/govuk/components/skip-link/skip-link.mjs.map b/node_modules/govuk-frontend/dist/govuk/components/skip-link/skip-link.mjs.map
new file mode 100644
index 0000000..2cd5739
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/skip-link/skip-link.mjs.map
@@ -0,0 +1 @@
+{"version":3,"file":"skip-link.mjs","sources":["../../../../src/govuk/components/skip-link/skip-link.mjs"],"sourcesContent":["import { setFocus } from '../../common/index.mjs'\nimport { Component } from '../../component.mjs'\nimport { ElementError } from '../../errors/index.mjs'\n\n/**\n * Skip link component\n *\n * @preserve\n * @augments Component<HTMLAnchorElement>\n */\nexport class SkipLink extends Component {\n  static elementType = HTMLAnchorElement\n\n  /**\n   * @param {Element | null} $root - HTML element to use for skip link\n   * @throws {ElementError} when $root is not set or the wrong type\n   * @throws {ElementError} when $root.hash does not contain a hash\n   * @throws {ElementError} when the linked element is missing or the wrong type\n   */\n  constructor($root) {\n    super($root)\n\n    const hash = this.$root.hash\n    const href = this.$root.getAttribute('href') ?? ''\n\n    // Return early for external URLs or links to other pages\n    if (\n      this.$root.origin !== window.location.origin ||\n      this.$root.pathname !== window.location.pathname\n    ) {\n      return\n    }\n\n    const linkedElementId = hash.replace('#', '')\n\n    // Check link path matching current page\n    if (!linkedElementId) {\n      throw new ElementError(\n        `Skip link: Target link (\\`href=\"${href}\"\\`) has no hash fragment`\n      )\n    }\n\n    const $linkedElement = document.getElementById(linkedElementId)\n\n    // Check for link target element\n    if (!$linkedElement) {\n      throw new ElementError({\n        component: SkipLink,\n        element: $linkedElement,\n        identifier: `Target content (\\`id=\"${linkedElementId}\"\\`)`\n      })\n    }\n\n    /**\n     * Focus the linked element on click\n     *\n     * Adds a helper CSS class to hide native focus styles,\n     * but removes it on blur to restore native focus styles\n     */\n    this.$root.addEventListener('click', () =>\n      setFocus($linkedElement, {\n        onBeforeFocus() {\n          $linkedElement.classList.add('govuk-skip-link-focused-element')\n        },\n        onBlur() {\n          $linkedElement.classList.remove('govuk-skip-link-focused-element')\n        }\n      })\n    )\n  }\n\n  /**\n   * Name for the component used when initialising using data-module attributes.\n   */\n  static moduleName = 'govuk-skip-link'\n}\n"],"names":["SkipLink","Component","constructor","$root","_this$$root$getAttrib","hash","href","getAttribute","origin","window","location","pathname","linkedElementId","replace","ElementError","$linkedElement","document","getElementById","component","element","identifier","addEventListener","setFocus","onBeforeFocus","classList","add","onBlur","remove","elementType","HTMLAnchorElement","moduleName"],"mappings":";;;;AAIA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMA,QAAQ,SAASC,SAAS,CAAC;AAGtC;AACF;AACA;AACA;AACA;AACA;EACEC,WAAWA,CAACC,KAAK,EAAE;AAAA,IAAA,IAAAC,qBAAA;IACjB,KAAK,CAACD,KAAK,CAAC;AAEZ,IAAA,MAAME,IAAI,GAAG,IAAI,CAACF,KAAK,CAACE,IAAI;AAC5B,IAAA,MAAMC,IAAI,GAAA,CAAAF,qBAAA,GAAG,IAAI,CAACD,KAAK,CAACI,YAAY,CAAC,MAAM,CAAC,KAAA,IAAA,GAAAH,qBAAA,GAAI,EAAE;IAGlD,IACE,IAAI,CAACD,KAAK,CAACK,MAAM,KAAKC,MAAM,CAACC,QAAQ,CAACF,MAAM,IAC5C,IAAI,CAACL,KAAK,CAACQ,QAAQ,KAAKF,MAAM,CAACC,QAAQ,CAACC,QAAQ,EAChD;AACA,MAAA;AACF,IAAA;IAEA,MAAMC,eAAe,GAAGP,IAAI,CAACQ,OAAO,CAAC,GAAG,EAAE,EAAE,CAAC;IAG7C,IAAI,CAACD,eAAe,EAAE;AACpB,MAAA,MAAM,IAAIE,YAAY,CACpB,CAAA,gCAAA,EAAmCR,IAAI,2BACzC,CAAC;AACH,IAAA;AAEA,IAAA,MAAMS,cAAc,GAAGC,QAAQ,CAACC,cAAc,CAACL,eAAe,CAAC;IAG/D,IAAI,CAACG,cAAc,EAAE;MACnB,MAAM,IAAID,YAAY,CAAC;AACrBI,QAAAA,SAAS,EAAElB,QAAQ;AACnBmB,QAAAA,OAAO,EAAEJ,cAAc;QACvBK,UAAU,EAAE,yBAAyBR,eAAe,CAAA,IAAA;AACtD,OAAC,CAAC;AACJ,IAAA;IAQA,IAAI,CAACT,KAAK,CAACkB,gBAAgB,CAAC,OAAO,EAAE,MACnCC,QAAQ,CAACP,cAAc,EAAE;AACvBQ,MAAAA,aAAaA,GAAG;AACdR,QAAAA,cAAc,CAACS,SAAS,CAACC,GAAG,CAAC,iCAAiC,CAAC;MACjE,CAAC;AACDC,MAAAA,MAAMA,GAAG;AACPX,QAAAA,cAAc,CAACS,SAAS,CAACG,MAAM,CAAC,iCAAiC,CAAC;AACpE,MAAA;AACF,KAAC,CACH,CAAC;AACH,EAAA;AAMF;AAjEa3B,QAAQ,CACZ4B,WAAW,GAAGC,iBAAiB;AAD3B7B,QAAQ,CAgEZ8B,UAAU,GAAG,iBAAiB;;;;"}
\ No newline at end of file
diff --git a/node_modules/govuk-frontend/dist/govuk/components/skip-link/template-default.html b/node_modules/govuk-frontend/dist/govuk/components/skip-link/template-default.html
new file mode 100644
index 0000000..dab6845
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/skip-link/template-default.html
@@ -0,0 +1 @@
+<a href="#test-target-element" class="govuk-skip-link" data-module="govuk-skip-link">Skip to main content</a>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/skip-link/template-with-focus.html b/node_modules/govuk-frontend/dist/govuk/components/skip-link/template-with-focus.html
new file mode 100644
index 0000000..d16b0aa
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/skip-link/template-with-focus.html
@@ -0,0 +1 @@
+<a href="#test-target-element" class="govuk-skip-link :focus" data-module="govuk-skip-link">Skip to main content</a>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/skip-link/template.njk b/node_modules/govuk-frontend/dist/govuk/components/skip-link/template.njk
new file mode 100644
index 0000000..c34d60e
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/skip-link/template.njk
@@ -0,0 +1,6 @@
+{% from "../../macros/attributes.njk" import govukAttributes -%}
+
+<a href="{{ params.href | default("#content", true) }}" class="govuk-skip-link {%- if params.classes %} {{ params.classes }}{% endif %}"
+  {{- govukAttributes(params.attributes) }} data-module="govuk-skip-link">
+  {{- params.html | safe if params.html else params.text -}}
+</a>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/summary-list/README.md b/node_modules/govuk-frontend/dist/govuk/components/summary-list/README.md
new file mode 100644
index 0000000..0321b2b
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/summary-list/README.md
@@ -0,0 +1,15 @@
+# Summary list
+
+## Installation
+
+See the [main README quick start guide](https://github.com/alphagov/govuk-frontend#quick-start) for how to install this component.
+
+## Guidance and Examples
+
+Find out when to use the summary list component in your service in the [GOV.UK Design System](https://design-system.service.gov.uk/components/summary-list).
+
+## Component options
+
+Use options to customise the appearance, content and behaviour of a component when using a macro, for example, changing the text.
+
+See [options table](https://design-system.service.gov.uk/components/summary-list/#options-summary-list-example) for details.
diff --git a/node_modules/govuk-frontend/dist/govuk/components/summary-list/_index.scss b/node_modules/govuk-frontend/dist/govuk/components/summary-list/_index.scss
new file mode 100644
index 0000000..38f15b4
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/summary-list/_index.scss
@@ -0,0 +1,269 @@
+@include govuk-exports("govuk/component/summary-list") {
+  .govuk-summary-list {
+    @include govuk-font($size: 19);
+    @include govuk-text-colour;
+    @include govuk-media-query($from: tablet) {
+      display: table;
+      width: 100%;
+      table-layout: fixed; // Required to allow us to wrap words that overflow.
+      border-collapse: collapse;
+    }
+    margin: 0; // Reset default user agent styles
+    @include govuk-responsive-margin(6, "bottom");
+  }
+
+  .govuk-summary-list__row {
+    border-bottom: 1px solid $govuk-border-colour;
+
+    @include govuk-media-query($until: tablet) {
+      margin-bottom: govuk-spacing(3);
+    }
+    @include govuk-media-query($from: tablet) {
+      display: table-row;
+    }
+  }
+
+  // Remove right padding from the last column in the row
+  .govuk-summary-list__row:not(.govuk-summary-list__row--no-actions) > :last-child {
+    padding-right: 0;
+  }
+
+  // Provide an empty 'cell' for rows that don't have actions – otherwise the
+  // bottom border is not drawn for that part of the row in some browsers.
+  .govuk-summary-list__row--no-actions {
+    @include govuk-media-query($from: tablet) {
+      &::after {
+        content: "";
+        display: table-cell;
+        width: 20%;
+      }
+    }
+  }
+
+  .govuk-summary-list__key,
+  .govuk-summary-list__value,
+  .govuk-summary-list__actions {
+    margin: 0; // Reset default user agent styles
+
+    @include govuk-media-query($from: tablet) {
+      display: table-cell;
+      padding-top: govuk-spacing(2);
+      padding-right: govuk-spacing(4);
+      padding-bottom: govuk-spacing(2);
+    }
+  }
+
+  .govuk-summary-list__actions {
+    margin-bottom: govuk-spacing(3);
+    @include govuk-media-query($from: tablet) {
+      width: 20%;
+      text-align: right;
+    }
+  }
+
+  .govuk-summary-list__key,
+  .govuk-summary-list__value {
+    // Automatic wrapping for unbreakable text (e.g. URLs)
+    word-wrap: break-word; // Fallback for older browsers only
+    overflow-wrap: break-word;
+  }
+
+  .govuk-summary-list__key {
+    margin-bottom: govuk-spacing(1);
+    @include govuk-typography-weight-bold;
+    @include govuk-media-query($from: tablet) {
+      width: 30%;
+    }
+  }
+
+  .govuk-summary-list__value {
+    @include govuk-media-query($until: tablet) {
+      margin-bottom: govuk-spacing(3);
+    }
+  }
+
+  .govuk-summary-list__value > p {
+    margin-bottom: govuk-spacing(2);
+  }
+
+  .govuk-summary-list__value > :last-child {
+    margin-bottom: 0;
+  }
+
+  .govuk-summary-list__actions-list {
+    width: 100%;
+    margin: 0; // Reset default user agent styles
+    padding: 0; // Reset default user agent styles
+  }
+
+  .govuk-summary-list__actions-list-item,
+  .govuk-summary-card__action {
+    display: inline-block;
+  }
+
+  @include govuk-media-query($until: tablet) {
+    .govuk-summary-list__actions-list-item,
+    .govuk-summary-card__action {
+      margin-right: govuk-spacing(2);
+      padding-right: govuk-spacing(2);
+      border-right: 1px solid $govuk-border-colour;
+    }
+
+    .govuk-summary-list__actions-list-item:last-child,
+    .govuk-summary-card__action:last-child {
+      margin-right: 0;
+      padding-right: 0;
+      border: 0;
+    }
+  }
+
+  @include govuk-media-query($from: tablet) {
+    .govuk-summary-list__actions-list-item,
+    .govuk-summary-card__action {
+      margin-left: govuk-spacing(2);
+      padding-left: govuk-spacing(2);
+    }
+
+    .govuk-summary-list__actions-list-item:not(:first-child),
+    .govuk-summary-card__action:not(:first-child) {
+      border-left: 1px solid $govuk-border-colour;
+    }
+
+    .govuk-summary-list__actions-list-item:first-child,
+    .govuk-summary-card__action:first-child {
+      margin-left: 0;
+      padding-left: 0;
+      border: 0;
+    }
+  }
+
+  // Large groups of action links may wrap onto multiple lines. Because the link
+  // focus styles are applied outside of the link's bounding box, there are
+  // situations where the focus style on a link can be overlapped by subsequent
+  // links. We don't want this, so let's create a new stacking context on focus
+  // so the link always appears to be 'on top'.
+  .govuk-summary-list__actions-list-item .govuk-link:focus {
+    isolation: isolate;
+  }
+
+  // No border on entire summary list
+  .govuk-summary-list--no-border {
+    .govuk-summary-list__row {
+      border: 0;
+    }
+
+    // Increase padding by 1px to compensate for 'missing' border
+    @include govuk-media-query($from: tablet) {
+      .govuk-summary-list__key,
+      .govuk-summary-list__value,
+      .govuk-summary-list__actions {
+        padding-bottom: govuk-spacing(2) + 1px;
+      }
+    }
+  }
+
+  // No border on specific rows
+  .govuk-summary-list__row--no-border {
+    border: 0;
+
+    // Increase padding by 1px to compensate for 'missing' border
+    @include govuk-media-query($from: tablet) {
+      .govuk-summary-list__key,
+      .govuk-summary-list__value,
+      .govuk-summary-list__actions {
+        padding-bottom: govuk-spacing(2) + 1px;
+      }
+    }
+  }
+
+  // Additional block for the summary card
+  .govuk-summary-card {
+    @include govuk-responsive-margin(6, "bottom");
+    border: 1px solid $govuk-border-colour;
+  }
+
+  .govuk-summary-card__title-wrapper {
+    padding: govuk-spacing(3);
+
+    // Ensures the card header appears separate to the summary list in forced
+    // colours mode
+    border-bottom: 1px solid transparent;
+    background-color: govuk-colour("light-grey");
+
+    @include govuk-media-query($from: "tablet") {
+      display: flex;
+      justify-content: space-between;
+      flex-wrap: nowrap;
+      padding: govuk-spacing(3) govuk-spacing(4);
+    }
+  }
+
+  .govuk-summary-card__title {
+    @include govuk-font($size: 19, $weight: bold);
+    @include govuk-text-colour;
+    margin: govuk-spacing(1) govuk-spacing(4) govuk-spacing(2) 0;
+
+    @include govuk-media-query($from: "tablet") {
+      margin-bottom: govuk-spacing(1);
+    }
+  }
+
+  .govuk-summary-card__actions {
+    @include govuk-font-size($size: 19);
+    @include govuk-typography-weight-bold;
+    display: flex;
+    flex-wrap: wrap;
+    row-gap: 10px;
+    margin: govuk-spacing(1) 0;
+    padding: 0;
+    list-style: none;
+
+    @include govuk-media-query($from: "tablet") {
+      justify-content: right;
+      text-align: right;
+    }
+  }
+
+  .govuk-summary-card__action {
+    display: inline;
+
+    // We use the following media query to target IE11 and 10 only to add margin
+    // between actions.
+    //
+    // We do this because we're using row-gap to create space between actions on
+    // more evergreen browsers which IE doesn't support. @supports currently isn't
+    // a viable solution, see https://github.com/w3c/csswg-drafts/issues/3559.
+    //
+    // Solution taken from https://stackoverflow.com/questions/11173106/apply-style-only-on-ie#answer-36448860
+    // which also includes an explanation of why this works
+    @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
+      margin-bottom: govuk-spacing(1);
+    }
+  }
+
+  .govuk-summary-card__action:last-child {
+    // See above comment for why this is here
+    @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
+      margin-bottom: 0;
+    }
+  }
+
+  .govuk-summary-card__content {
+    padding: govuk-spacing(3) govuk-spacing(3) 0;
+
+    @include govuk-media-query($from: "tablet") {
+      padding: govuk-spacing(3) govuk-spacing(4);
+    }
+
+    .govuk-summary-list {
+      margin-bottom: 0;
+    }
+
+    .govuk-summary-list__row:last-of-type {
+      margin-bottom: 0;
+      border-bottom: none;
+    }
+  }
+}
+
+/*# sourceMappingURL=_index.scss.map */
diff --git a/node_modules/govuk-frontend/dist/govuk/components/summary-list/_index.scss.map b/node_modules/govuk-frontend/dist/govuk/components/summary-list/_index.scss.map
new file mode 100644
index 0000000..e922241
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/summary-list/_index.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/summary-list/_index.scss"],"names":[],"mappings":"AAAA;EACE;IACE,8BAA8B;IAC9B,0BAA0B;IAC1B;MACE,cAAc;MACd,WAAW;MACX,mBAAmB,EAAE,mDAAmD;MACxE,yBAAyB;IAC3B;IACA,SAAS,EAAE,iCAAiC;IAC5C,6CAA6C;EAC/C;;EAEA;IACE,6CAA6C;;IAE7C;MACE,+BAA+B;IACjC;IACA;MACE,kBAAkB;IACpB;EACF;;EAEA,sDAAsD;EACtD;IACE,gBAAgB;EAClB;;EAEA,0EAA0E;EAC1E,uEAAuE;EACvE;IACE;MACE;QACE,WAAW;QACX,mBAAmB;QACnB,UAAU;MACZ;IACF;EACF;;EAEA;;;IAGE,SAAS,EAAE,iCAAiC;;IAE5C;MACE,mBAAmB;MACnB,6BAA6B;MAC7B,+BAA+B;MAC/B,gCAAgC;IAClC;EACF;;EAEA;IACE,+BAA+B;IAC/B;MACE,UAAU;MACV,iBAAiB;IACnB;EACF;;EAEA;;IAEE,qDAAqD;IACrD,qBAAqB,EAAE,kCAAkC;IACzD,yBAAyB;EAC3B;;EAEA;IACE,+BAA+B;IAC/B,qCAAqC;IACrC;MACE,UAAU;IACZ;EACF;;EAEA;IACE;MACE,+BAA+B;IACjC;EACF;;EAEA;IACE,+BAA+B;EACjC;;EAEA;IACE,gBAAgB;EAClB;;EAEA;IACE,WAAW;IACX,SAAS,EAAE,iCAAiC;IAC5C,UAAU,EAAE,iCAAiC;EAC/C;;EAEA;;IAEE,qBAAqB;EACvB;;EAEA;IACE;;MAEE,8BAA8B;MAC9B,+BAA+B;MAC/B,4CAA4C;IAC9C;;IAEA;;MAEE,eAAe;MACf,gBAAgB;MAChB,SAAS;IACX;EACF;;EAEA;IACE;;MAEE,6BAA6B;MAC7B,8BAA8B;IAChC;;IAEA;;MAEE,2CAA2C;IAC7C;;IAEA;;MAEE,cAAc;MACd,eAAe;MACf,SAAS;IACX;EACF;;EAEA,6EAA6E;EAC7E,wEAAwE;EACxE,4EAA4E;EAC5E,4EAA4E;EAC5E,4CAA4C;EAC5C;IACE,kBAAkB;EACpB;;EAEA,kCAAkC;EAClC;IACE;MACE,SAAS;IACX;;IAEA,4DAA4D;IAC5D;MACE;;;QAGE,sCAAsC;MACxC;IACF;EACF;;EAEA,4BAA4B;EAC5B;IACE,SAAS;;IAET,4DAA4D;IAC5D;MACE;;;QAGE,sCAAsC;MACxC;IACF;EACF;;EAEA,uCAAuC;EACvC;IACE,6CAA6C;IAC7C,sCAAsC;EACxC;;EAEA;IACE,yBAAyB;;IAEzB,wEAAwE;IACxE,cAAc;IACd,oCAAoC;IACpC,4CAA4C;;IAE5C;MACE,aAAa;MACb,8BAA8B;MAC9B,iBAAiB;MACjB,0CAA0C;IAC5C;EACF;;EAEA;IACE,6CAA6C;IAC7C,0BAA0B;IAC1B,4DAA4D;;IAE5D;MACE,+BAA+B;IACjC;EACF;;EAEA;IACE,mCAAmC;IACnC,qCAAqC;IACrC,aAAa;IACb,eAAe;IACf,aAAa;IACb,0BAA0B;IAC1B,UAAU;IACV,gBAAgB;;IAEhB;MACE,sBAAsB;MACtB,iBAAiB;IACnB;EACF;;EAEA;IACE,eAAe;;IAEf,2EAA2E;IAC3E,kBAAkB;IAClB,CAAC;IACD,2EAA2E;IAC3E,6EAA6E;IAC7E,yEAAyE;IACzE,CAAC;IACD,yGAAyG;IACzG,sDAAsD;IACtD;MACE,+BAA+B;IACjC;EACF;;EAEA;IACE,wCAAwC;IACxC;MACE,gBAAgB;IAClB;EACF;;EAEA;IACE,4CAA4C;;IAE5C;MACE,0CAA0C;IAC5C;;IAEA;MACE,gBAAgB;IAClB;;IAEA;MACE,gBAAgB;MAChB,mBAAmB;IACrB;EACF;AACF","file":"_index.scss","sourcesContent":["@include govuk-exports(\"govuk/component/summary-list\") {\n  .govuk-summary-list {\n    @include govuk-font($size: 19);\n    @include govuk-text-colour;\n    @include govuk-media-query($from: tablet) {\n      display: table;\n      width: 100%;\n      table-layout: fixed; // Required to allow us to wrap words that overflow.\n      border-collapse: collapse;\n    }\n    margin: 0; // Reset default user agent styles\n    @include govuk-responsive-margin(6, \"bottom\");\n  }\n\n  .govuk-summary-list__row {\n    border-bottom: 1px solid $govuk-border-colour;\n\n    @include govuk-media-query($until: tablet) {\n      margin-bottom: govuk-spacing(3);\n    }\n    @include govuk-media-query($from: tablet) {\n      display: table-row;\n    }\n  }\n\n  // Remove right padding from the last column in the row\n  .govuk-summary-list__row:not(.govuk-summary-list__row--no-actions) > :last-child {\n    padding-right: 0;\n  }\n\n  // Provide an empty 'cell' for rows that don't have actions – otherwise the\n  // bottom border is not drawn for that part of the row in some browsers.\n  .govuk-summary-list__row--no-actions {\n    @include govuk-media-query($from: tablet) {\n      &::after {\n        content: \"\";\n        display: table-cell;\n        width: 20%;\n      }\n    }\n  }\n\n  .govuk-summary-list__key,\n  .govuk-summary-list__value,\n  .govuk-summary-list__actions {\n    margin: 0; // Reset default user agent styles\n\n    @include govuk-media-query($from: tablet) {\n      display: table-cell;\n      padding-top: govuk-spacing(2);\n      padding-right: govuk-spacing(4);\n      padding-bottom: govuk-spacing(2);\n    }\n  }\n\n  .govuk-summary-list__actions {\n    margin-bottom: govuk-spacing(3);\n    @include govuk-media-query($from: tablet) {\n      width: 20%;\n      text-align: right;\n    }\n  }\n\n  .govuk-summary-list__key,\n  .govuk-summary-list__value {\n    // Automatic wrapping for unbreakable text (e.g. URLs)\n    word-wrap: break-word; // Fallback for older browsers only\n    overflow-wrap: break-word;\n  }\n\n  .govuk-summary-list__key {\n    margin-bottom: govuk-spacing(1);\n    @include govuk-typography-weight-bold;\n    @include govuk-media-query($from: tablet) {\n      width: 30%;\n    }\n  }\n\n  .govuk-summary-list__value {\n    @include govuk-media-query($until: tablet) {\n      margin-bottom: govuk-spacing(3);\n    }\n  }\n\n  .govuk-summary-list__value > p {\n    margin-bottom: govuk-spacing(2);\n  }\n\n  .govuk-summary-list__value > :last-child {\n    margin-bottom: 0;\n  }\n\n  .govuk-summary-list__actions-list {\n    width: 100%;\n    margin: 0; // Reset default user agent styles\n    padding: 0; // Reset default user agent styles\n  }\n\n  .govuk-summary-list__actions-list-item,\n  .govuk-summary-card__action {\n    display: inline-block;\n  }\n\n  @include govuk-media-query($until: tablet) {\n    .govuk-summary-list__actions-list-item,\n    .govuk-summary-card__action {\n      margin-right: govuk-spacing(2);\n      padding-right: govuk-spacing(2);\n      border-right: 1px solid $govuk-border-colour;\n    }\n\n    .govuk-summary-list__actions-list-item:last-child,\n    .govuk-summary-card__action:last-child {\n      margin-right: 0;\n      padding-right: 0;\n      border: 0;\n    }\n  }\n\n  @include govuk-media-query($from: tablet) {\n    .govuk-summary-list__actions-list-item,\n    .govuk-summary-card__action {\n      margin-left: govuk-spacing(2);\n      padding-left: govuk-spacing(2);\n    }\n\n    .govuk-summary-list__actions-list-item:not(:first-child),\n    .govuk-summary-card__action:not(:first-child) {\n      border-left: 1px solid $govuk-border-colour;\n    }\n\n    .govuk-summary-list__actions-list-item:first-child,\n    .govuk-summary-card__action:first-child {\n      margin-left: 0;\n      padding-left: 0;\n      border: 0;\n    }\n  }\n\n  // Large groups of action links may wrap onto multiple lines. Because the link\n  // focus styles are applied outside of the link's bounding box, there are\n  // situations where the focus style on a link can be overlapped by subsequent\n  // links. We don't want this, so let's create a new stacking context on focus\n  // so the link always appears to be 'on top'.\n  .govuk-summary-list__actions-list-item .govuk-link:focus {\n    isolation: isolate;\n  }\n\n  // No border on entire summary list\n  .govuk-summary-list--no-border {\n    .govuk-summary-list__row {\n      border: 0;\n    }\n\n    // Increase padding by 1px to compensate for 'missing' border\n    @include govuk-media-query($from: tablet) {\n      .govuk-summary-list__key,\n      .govuk-summary-list__value,\n      .govuk-summary-list__actions {\n        padding-bottom: govuk-spacing(2) + 1px;\n      }\n    }\n  }\n\n  // No border on specific rows\n  .govuk-summary-list__row--no-border {\n    border: 0;\n\n    // Increase padding by 1px to compensate for 'missing' border\n    @include govuk-media-query($from: tablet) {\n      .govuk-summary-list__key,\n      .govuk-summary-list__value,\n      .govuk-summary-list__actions {\n        padding-bottom: govuk-spacing(2) + 1px;\n      }\n    }\n  }\n\n  // Additional block for the summary card\n  .govuk-summary-card {\n    @include govuk-responsive-margin(6, \"bottom\");\n    border: 1px solid $govuk-border-colour;\n  }\n\n  .govuk-summary-card__title-wrapper {\n    padding: govuk-spacing(3);\n\n    // Ensures the card header appears separate to the summary list in forced\n    // colours mode\n    border-bottom: 1px solid transparent;\n    background-color: govuk-colour(\"light-grey\");\n\n    @include govuk-media-query($from: \"tablet\") {\n      display: flex;\n      justify-content: space-between;\n      flex-wrap: nowrap;\n      padding: govuk-spacing(3) govuk-spacing(4);\n    }\n  }\n\n  .govuk-summary-card__title {\n    @include govuk-font($size: 19, $weight: bold);\n    @include govuk-text-colour;\n    margin: govuk-spacing(1) govuk-spacing(4) govuk-spacing(2) 0;\n\n    @include govuk-media-query($from: \"tablet\") {\n      margin-bottom: govuk-spacing(1);\n    }\n  }\n\n  .govuk-summary-card__actions {\n    @include govuk-font-size($size: 19);\n    @include govuk-typography-weight-bold;\n    display: flex;\n    flex-wrap: wrap;\n    row-gap: 10px;\n    margin: govuk-spacing(1) 0;\n    padding: 0;\n    list-style: none;\n\n    @include govuk-media-query($from: \"tablet\") {\n      justify-content: right;\n      text-align: right;\n    }\n  }\n\n  .govuk-summary-card__action {\n    display: inline;\n\n    // We use the following media query to target IE11 and 10 only to add margin\n    // between actions.\n    //\n    // We do this because we're using row-gap to create space between actions on\n    // more evergreen browsers which IE doesn't support. @supports currently isn't\n    // a viable solution, see https://github.com/w3c/csswg-drafts/issues/3559.\n    //\n    // Solution taken from https://stackoverflow.com/questions/11173106/apply-style-only-on-ie#answer-36448860\n    // which also includes an explanation of why this works\n    @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {\n      margin-bottom: govuk-spacing(1);\n    }\n  }\n\n  .govuk-summary-card__action:last-child {\n    // See above comment for why this is here\n    @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {\n      margin-bottom: 0;\n    }\n  }\n\n  .govuk-summary-card__content {\n    padding: govuk-spacing(3) govuk-spacing(3) 0;\n\n    @include govuk-media-query($from: \"tablet\") {\n      padding: govuk-spacing(3) govuk-spacing(4);\n    }\n\n    .govuk-summary-list {\n      margin-bottom: 0;\n    }\n\n    .govuk-summary-list__row:last-of-type {\n      margin-bottom: 0;\n      border-bottom: none;\n    }\n  }\n}\n"]}
diff --git a/node_modules/govuk-frontend/dist/govuk/components/summary-list/_summary-list.scss b/node_modules/govuk-frontend/dist/govuk/components/summary-list/_summary-list.scss
new file mode 100644
index 0000000..03a34e6
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/summary-list/_summary-list.scss
@@ -0,0 +1,4 @@
+@import "../../base";
+@import "./index";
+
+/*# sourceMappingURL=_summary-list.scss.map */
diff --git a/node_modules/govuk-frontend/dist/govuk/components/summary-list/_summary-list.scss.map b/node_modules/govuk-frontend/dist/govuk/components/summary-list/_summary-list.scss.map
new file mode 100644
index 0000000..255b8be
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/summary-list/_summary-list.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/summary-list/_summary-list.scss"],"names":[],"mappings":"AAAA,oBAAoB;AACpB,iBAAiB","file":"_summary-list.scss","sourcesContent":["@import \"../../base\";\n@import \"./index\";\n"]}
diff --git a/node_modules/govuk-frontend/dist/govuk/components/summary-list/fixtures.json b/node_modules/govuk-frontend/dist/govuk/components/summary-list/fixtures.json
new file mode 100644
index 0000000..577e872
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/summary-list/fixtures.json
@@ -0,0 +1,1528 @@
+{
+    "component": "summary-list",
+    "fixtures": [
+        {
+            "name": "default",
+            "options": {
+                "rows": [
+                    {
+                        "key": {
+                            "text": "Name"
+                        },
+                        "value": {
+                            "text": "Firstname Lastname"
+                        }
+                    },
+                    {
+                        "key": {
+                            "text": "Date of birth"
+                        },
+                        "value": {
+                            "text": "13/08/1980"
+                        }
+                    },
+                    {
+                        "key": {
+                            "text": "Contact information"
+                        },
+                        "value": {
+                            "html": "<p class=\"govuk-body\">\n  email@email.com\n</p>\n<p class=\"govuk-body\">\n  Address line 1<br>\n  Address line 2<br>\n  Address line 3<br>\n  Address line 4<br>\n  Address line 5\n</p>\n"
+                        }
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": true,
+            "html": "<dl class=\"govuk-summary-list\">\n  <div class=\"govuk-summary-list__row\">\n    <dt class=\"govuk-summary-list__key\">\n      Name\n    </dt>\n    <dd class=\"govuk-summary-list__value\">\n      Firstname Lastname\n    </dd>\n  </div>\n  <div class=\"govuk-summary-list__row\">\n    <dt class=\"govuk-summary-list__key\">\n      Date of birth\n    </dt>\n    <dd class=\"govuk-summary-list__value\">\n      13/08/1980\n    </dd>\n  </div>\n  <div class=\"govuk-summary-list__row\">\n    <dt class=\"govuk-summary-list__key\">\n      Contact information\n    </dt>\n    <dd class=\"govuk-summary-list__value\">\n      <p class=\"govuk-body\">\n        email@email.com\n      </p>\n      <p class=\"govuk-body\">\n        Address line 1<br>\n        Address line 2<br>\n        Address line 3<br>\n        Address line 4<br>\n        Address line 5\n      </p>\n    </dd>\n  </div>\n</dl>"
+        },
+        {
+            "name": "with actions",
+            "options": {
+                "rows": [
+                    {
+                        "key": {
+                            "text": "Name"
+                        },
+                        "value": {
+                            "text": "Firstname Lastname"
+                        },
+                        "actions": {
+                            "items": [
+                                {
+                                    "href": "#",
+                                    "text": "Edit",
+                                    "visuallyHiddenText": "name"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Delete",
+                                    "visuallyHiddenText": "name"
+                                }
+                            ]
+                        }
+                    },
+                    {
+                        "key": {
+                            "text": "Date of birth"
+                        },
+                        "value": {
+                            "text": "13/08/1980"
+                        },
+                        "actions": {
+                            "items": [
+                                {
+                                    "href": "#",
+                                    "text": "Change",
+                                    "visuallyHiddenText": "date of birth"
+                                }
+                            ]
+                        }
+                    },
+                    {
+                        "key": {
+                            "text": "Contact information"
+                        },
+                        "value": {
+                            "html": "<p class=\"govuk-body\">\n  email@email.com\n</p>\n<p class=\"govuk-body\">\n  Address line 1<br>\n  Address line 2<br>\n  Address line 3<br>\n  Address line 4<br>\n  Address line 5\n</p>\n"
+                        },
+                        "actions": {
+                            "items": [
+                                {
+                                    "href": "#",
+                                    "text": "Edit",
+                                    "visuallyHiddenText": "contact information"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Change",
+                                    "visuallyHiddenText": "contact information"
+                                }
+                            ]
+                        }
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<dl class=\"govuk-summary-list\">\n  <div class=\"govuk-summary-list__row\">\n    <dt class=\"govuk-summary-list__key\">\n      Name\n    </dt>\n    <dd class=\"govuk-summary-list__value\">\n      Firstname Lastname\n    </dd>\n    <dd class=\"govuk-summary-list__actions\">\n      <ul class=\"govuk-summary-list__actions-list\">\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Edit<span class=\"govuk-visually-hidden\"> name</span></a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Delete<span class=\"govuk-visually-hidden\"> name</span></a>\n        </li>\n      </ul>\n    </dd>\n  </div>\n  <div class=\"govuk-summary-list__row\">\n    <dt class=\"govuk-summary-list__key\">\n      Date of birth\n    </dt>\n    <dd class=\"govuk-summary-list__value\">\n      13/08/1980\n    </dd>\n    <dd class=\"govuk-summary-list__actions\">\n      <a class=\"govuk-link\" href=\"#\">Change<span class=\"govuk-visually-hidden\"> date of birth</span></a>\n    </dd>\n  </div>\n  <div class=\"govuk-summary-list__row\">\n    <dt class=\"govuk-summary-list__key\">\n      Contact information\n    </dt>\n    <dd class=\"govuk-summary-list__value\">\n      <p class=\"govuk-body\">\n        email@email.com\n      </p>\n      <p class=\"govuk-body\">\n        Address line 1<br>\n        Address line 2<br>\n        Address line 3<br>\n        Address line 4<br>\n        Address line 5\n      </p>\n    </dd>\n    <dd class=\"govuk-summary-list__actions\">\n      <ul class=\"govuk-summary-list__actions-list\">\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Edit<span class=\"govuk-visually-hidden\"> contact information</span></a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Change<span class=\"govuk-visually-hidden\"> contact information</span></a>\n        </li>\n      </ul>\n    </dd>\n  </div>\n</dl>"
+        },
+        {
+            "name": "no-border",
+            "options": {
+                "classes": "govuk-summary-list--no-border",
+                "rows": [
+                    {
+                        "key": {
+                            "text": "Name"
+                        },
+                        "value": {
+                            "text": "Firstname Lastname"
+                        }
+                    },
+                    {
+                        "key": {
+                            "text": "Date of birth"
+                        },
+                        "value": {
+                            "text": "13/08/1980"
+                        }
+                    },
+                    {
+                        "key": {
+                            "text": "Contact information"
+                        },
+                        "value": {
+                            "html": "<p class=\"govuk-body\">\n  email@email.com\n</p>\n<p class=\"govuk-body\">\n  Address line 1<br>\n  Address line 2<br>\n  Address line 3<br>\n  Address line 4<br>\n  Address line 5\n</p>\n"
+                        }
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<dl class=\"govuk-summary-list govuk-summary-list--no-border\">\n  <div class=\"govuk-summary-list__row\">\n    <dt class=\"govuk-summary-list__key\">\n      Name\n    </dt>\n    <dd class=\"govuk-summary-list__value\">\n      Firstname Lastname\n    </dd>\n  </div>\n  <div class=\"govuk-summary-list__row\">\n    <dt class=\"govuk-summary-list__key\">\n      Date of birth\n    </dt>\n    <dd class=\"govuk-summary-list__value\">\n      13/08/1980\n    </dd>\n  </div>\n  <div class=\"govuk-summary-list__row\">\n    <dt class=\"govuk-summary-list__key\">\n      Contact information\n    </dt>\n    <dd class=\"govuk-summary-list__value\">\n      <p class=\"govuk-body\">\n        email@email.com\n      </p>\n      <p class=\"govuk-body\">\n        Address line 1<br>\n        Address line 2<br>\n        Address line 3<br>\n        Address line 4<br>\n        Address line 5\n      </p>\n    </dd>\n  </div>\n</dl>"
+        },
+        {
+            "name": "no-border on last row",
+            "options": {
+                "rows": [
+                    {
+                        "key": {
+                            "text": "Name"
+                        },
+                        "value": {
+                            "text": "Firstname Lastname"
+                        }
+                    },
+                    {
+                        "key": {
+                            "text": "Date of birth"
+                        },
+                        "value": {
+                            "text": "13/08/1980"
+                        }
+                    },
+                    {
+                        "key": {
+                            "text": "Contact information"
+                        },
+                        "value": {
+                            "html": "<p class=\"govuk-body\">\n  email@email.com\n</p>\n<p class=\"govuk-body\">\n  Address line 1<br>\n  Address line 2<br>\n  Address line 3<br>\n  Address line 4<br>\n  Address line 5\n</p>\n"
+                        },
+                        "classes": "govuk-summary-list__row--no-border"
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<dl class=\"govuk-summary-list\">\n  <div class=\"govuk-summary-list__row\">\n    <dt class=\"govuk-summary-list__key\">\n      Name\n    </dt>\n    <dd class=\"govuk-summary-list__value\">\n      Firstname Lastname\n    </dd>\n  </div>\n  <div class=\"govuk-summary-list__row\">\n    <dt class=\"govuk-summary-list__key\">\n      Date of birth\n    </dt>\n    <dd class=\"govuk-summary-list__value\">\n      13/08/1980\n    </dd>\n  </div>\n  <div class=\"govuk-summary-list__row govuk-summary-list__row--no-border\">\n    <dt class=\"govuk-summary-list__key\">\n      Contact information\n    </dt>\n    <dd class=\"govuk-summary-list__value\">\n      <p class=\"govuk-body\">\n        email@email.com\n      </p>\n      <p class=\"govuk-body\">\n        Address line 1<br>\n        Address line 2<br>\n        Address line 3<br>\n        Address line 4<br>\n        Address line 5\n      </p>\n    </dd>\n  </div>\n</dl>"
+        },
+        {
+            "name": "extreme",
+            "options": {
+                "rows": [
+                    {
+                        "key": {
+                            "text": "Name"
+                        },
+                        "value": {
+                            "text": "Barnaby Marmaduke Aloysius Benjy Cobweb Dartagnan Egbert Felix Gaspar Humbert Ignatius Jayden Kasper Leroy Maximilian Neddy Obiajulu Pepin Quilliam Rosencrantz Sexton Teddy Upwood Vivatma Wayland Xylon Yardley Zachary Usansky"
+                        },
+                        "actions": {
+                            "items": [
+                                {
+                                    "href": "#",
+                                    "text": "Buy"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Use"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Break"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Fix"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Trash"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Change"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Mail"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Upgrade"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Charge"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Point"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Zoom"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Press"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Snap"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Work"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Quick"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Erase"
+                                }
+                            ]
+                        }
+                    },
+                    {
+                        "key": {
+                            "text": "Long website address"
+                        },
+                        "value": {
+                            "html": "<a class=\"govuk-link\" href=\"https://cs.wikipedia.org/wiki/Llanfairpwllgwyngyllgogerychwyrndrobwllllantysiliogogogoch\">https://cs.wikipedia.org/wiki/Llanfairpwllgwyngyllgogerychwyrndrobwllllantysiliogogogoch</a>\n"
+                        },
+                        "actions": {
+                            "items": [
+                                {
+                                    "href": "#",
+                                    "text": "Change",
+                                    "visuallyHiddenText": "long website address"
+                                }
+                            ]
+                        }
+                    },
+                    {
+                        "key": {
+                            "text": "Long email address"
+                        },
+                        "value": {
+                            "html": "<a class=\"govuk-link\" href=\"mailto:webmaster@llanfairpwllgwyngyllgogerychwyrndrobwllllantysiliogogogoch.com\">webmaster@llanfairpwllgwyngyllgogerychwyrndrobwllllantysiliogogogoch.com</a>\n"
+                        },
+                        "actions": {
+                            "items": [
+                                {
+                                    "href": "#",
+                                    "text": "Change",
+                                    "visuallyHiddenText": "long email address"
+                                }
+                            ]
+                        }
+                    },
+                    {
+                        "key": {
+                            "text": "No wrapping allowed"
+                        },
+                        "value": {
+                            "html": "<p class=\"govuk-body\" style=\"white-space: nowrap;\">michelle.longish.name@example.com</p>\n"
+                        },
+                        "actions": {
+                            "items": [
+                                {
+                                    "href": "#",
+                                    "text": "Change",
+                                    "visuallyHiddenText": "no wrapping allowed"
+                                }
+                            ]
+                        }
+                    },
+                    {
+                        "key": {
+                            "text": "Pneumonoultramicroscopicsilicovolcanoconiosis"
+                        },
+                        "value": {
+                            "html": "<p class=\"govuk-body\">Pneumonoultramicroscopicsilicovolcanoconiosis is a word coined by the president of the National Puzzlers’ League as a synonym for the disease known as silicosis. It is the longest word in the English language published in a dictionary, the Oxford English Dictionary, which defines it as \"an artificial long word said to mean a lung disease caused by inhaling very fine ash and sand dust.\"</p>\n<p class=\"govuk-body\">Silicosis is a form of occupational lung disease caused by inhalation of crystalline silica dust, and is marked by inflammation and scarring in the form of nodular lesions in the upper lobes of the lungs. It is a type of pneumoconiosis.</p>\n"
+                        },
+                        "actions": {
+                            "items": [
+                                {
+                                    "href": "#",
+                                    "text": "Write"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Cut"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Paste"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Save"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Load"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Check"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Quick"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Rewrite"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Plug"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Play"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Burn"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Rip"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Drag and drop"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Zip"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Unzip"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Lock"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Fill"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Curl"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Find"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "View"
+                                }
+                            ]
+                        }
+                    },
+                    {
+                        "key": {
+                            "text": "Its vanished trees, the trees that had made way for Gatsby’s house, Pneumonoultramicroscopicsilicovolcanoconiosis had once pandered in whispers to the last and greatest of all human dreams; for a transitory enchanted moment man must have held his breath in the presence of this continent, compelled into an aesthetic contemplation he neither understood nor desired, face to face for the last time in history with something commensurate to his capacity for wonder."
+                        },
+                        "value": {
+                            "text": "The Great Gatsby"
+                        },
+                        "actions": {
+                            "items": [
+                                {
+                                    "href": "#",
+                                    "text": "Code"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Jam"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Unlock"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Surf"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Scroll"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Pose"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Click"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Cross"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Crack"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Twitch"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Update"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Name"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Read"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Tune"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Print"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Scan"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Send"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Fax"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Rename"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Touch"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Bring"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Pay"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Watch"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Turn"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Leave"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Stop"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Format"
+                                }
+                            ]
+                        }
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<dl class=\"govuk-summary-list\">\n  <div class=\"govuk-summary-list__row\">\n    <dt class=\"govuk-summary-list__key\">\n      Name\n    </dt>\n    <dd class=\"govuk-summary-list__value\">\n      Barnaby Marmaduke Aloysius Benjy Cobweb Dartagnan Egbert Felix Gaspar Humbert Ignatius Jayden Kasper Leroy Maximilian Neddy Obiajulu Pepin Quilliam Rosencrantz Sexton Teddy Upwood Vivatma Wayland Xylon Yardley Zachary Usansky\n    </dd>\n    <dd class=\"govuk-summary-list__actions\">\n      <ul class=\"govuk-summary-list__actions-list\">\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Buy</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Use</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Break</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Fix</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Trash</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Change</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Mail</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Upgrade</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Charge</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Point</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Zoom</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Press</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Snap</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Work</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Quick</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Erase</a>\n        </li>\n      </ul>\n    </dd>\n  </div>\n  <div class=\"govuk-summary-list__row\">\n    <dt class=\"govuk-summary-list__key\">\n      Long website address\n    </dt>\n    <dd class=\"govuk-summary-list__value\">\n      <a class=\"govuk-link\" href=\"https://cs.wikipedia.org/wiki/Llanfairpwllgwyngyllgogerychwyrndrobwllllantysiliogogogoch\">https://cs.wikipedia.org/wiki/Llanfairpwllgwyngyllgogerychwyrndrobwllllantysiliogogogoch</a>\n    </dd>\n    <dd class=\"govuk-summary-list__actions\">\n      <a class=\"govuk-link\" href=\"#\">Change<span class=\"govuk-visually-hidden\"> long website address</span></a>\n    </dd>\n  </div>\n  <div class=\"govuk-summary-list__row\">\n    <dt class=\"govuk-summary-list__key\">\n      Long email address\n    </dt>\n    <dd class=\"govuk-summary-list__value\">\n      <a class=\"govuk-link\" href=\"mailto:webmaster@llanfairpwllgwyngyllgogerychwyrndrobwllllantysiliogogogoch.com\">webmaster@llanfairpwllgwyngyllgogerychwyrndrobwllllantysiliogogogoch.com</a>\n    </dd>\n    <dd class=\"govuk-summary-list__actions\">\n      <a class=\"govuk-link\" href=\"#\">Change<span class=\"govuk-visually-hidden\"> long email address</span></a>\n    </dd>\n  </div>\n  <div class=\"govuk-summary-list__row\">\n    <dt class=\"govuk-summary-list__key\">\n      No wrapping allowed\n    </dt>\n    <dd class=\"govuk-summary-list__value\">\n      <p class=\"govuk-body\" style=\"white-space: nowrap;\">michelle.longish.name@example.com</p>\n    </dd>\n    <dd class=\"govuk-summary-list__actions\">\n      <a class=\"govuk-link\" href=\"#\">Change<span class=\"govuk-visually-hidden\"> no wrapping allowed</span></a>\n    </dd>\n  </div>\n  <div class=\"govuk-summary-list__row\">\n    <dt class=\"govuk-summary-list__key\">\n      Pneumonoultramicroscopicsilicovolcanoconiosis\n    </dt>\n    <dd class=\"govuk-summary-list__value\">\n      <p class=\"govuk-body\">Pneumonoultramicroscopicsilicovolcanoconiosis is a word coined by the president of the National Puzzlers’ League as a synonym for the disease known as silicosis. It is the longest word in the English language published in a dictionary, the Oxford English Dictionary, which defines it as \"an artificial long word said to mean a lung disease caused by inhaling very fine ash and sand dust.\"</p>\n      <p class=\"govuk-body\">Silicosis is a form of occupational lung disease caused by inhalation of crystalline silica dust, and is marked by inflammation and scarring in the form of nodular lesions in the upper lobes of the lungs. It is a type of pneumoconiosis.</p>\n    </dd>\n    <dd class=\"govuk-summary-list__actions\">\n      <ul class=\"govuk-summary-list__actions-list\">\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Write</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Cut</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Paste</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Save</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Load</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Check</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Quick</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Rewrite</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Plug</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Play</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Burn</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Rip</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Drag and drop</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Zip</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Unzip</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Lock</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Fill</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Curl</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Find</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">View</a>\n        </li>\n      </ul>\n    </dd>\n  </div>\n  <div class=\"govuk-summary-list__row\">\n    <dt class=\"govuk-summary-list__key\">\n      Its vanished trees, the trees that had made way for Gatsby’s house, Pneumonoultramicroscopicsilicovolcanoconiosis had once pandered in whispers to the last and greatest of all human dreams; for a transitory enchanted moment man must have held his breath in the presence of this continent, compelled into an aesthetic contemplation he neither understood nor desired, face to face for the last time in history with something commensurate to his capacity for wonder.\n    </dt>\n    <dd class=\"govuk-summary-list__value\">\n      The Great Gatsby\n    </dd>\n    <dd class=\"govuk-summary-list__actions\">\n      <ul class=\"govuk-summary-list__actions-list\">\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Code</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Jam</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Unlock</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Surf</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Scroll</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Pose</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Click</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Cross</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Crack</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Twitch</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Update</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Name</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Read</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Tune</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Print</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Scan</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Send</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Fax</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Rename</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Touch</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Bring</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Pay</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Watch</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Turn</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Leave</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Stop</a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Format</a>\n        </li>\n      </ul>\n    </dd>\n  </div>\n</dl>"
+        },
+        {
+            "name": "as a summary card with a text header",
+            "options": {
+                "card": {
+                    "title": {
+                        "text": "Undergraduate teaching assistant"
+                    }
+                },
+                "rows": [
+                    {
+                        "key": {
+                            "text": "Name"
+                        },
+                        "value": {
+                            "text": "Firstname Lastname"
+                        }
+                    },
+                    {
+                        "key": {
+                            "text": "Date of birth"
+                        },
+                        "value": {
+                            "text": "13/08/1980"
+                        }
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": true,
+            "html": "<div class=\"govuk-summary-card\">\n  <div class=\"govuk-summary-card__title-wrapper\">\n    <h2 class=\"govuk-summary-card__title\">\n      Undergraduate teaching assistant\n    </h2>\n  </div>\n\n  <div class=\"govuk-summary-card__content\">\n    <dl class=\"govuk-summary-list\">\n      <div class=\"govuk-summary-list__row\">\n        <dt class=\"govuk-summary-list__key\">\n          Name\n        </dt>\n        <dd class=\"govuk-summary-list__value\">\n          Firstname Lastname\n        </dd>\n      </div>\n      <div class=\"govuk-summary-list__row\">\n        <dt class=\"govuk-summary-list__key\">\n          Date of birth\n        </dt>\n        <dd class=\"govuk-summary-list__value\">\n          13/08/1980\n        </dd>\n      </div>\n    </dl>\n  </div>\n</div>"
+        },
+        {
+            "name": "as a summary card with a html header",
+            "options": {
+                "card": {
+                    "title": {
+                        "html": "<em>Undergraduate teaching assistant</em>"
+                    }
+                },
+                "rows": [
+                    {
+                        "key": {
+                            "text": "Name"
+                        },
+                        "value": {
+                            "text": "Firstname Lastname"
+                        }
+                    },
+                    {
+                        "key": {
+                            "text": "Date of birth"
+                        },
+                        "value": {
+                            "text": "13/08/1980"
+                        }
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-summary-card\">\n  <div class=\"govuk-summary-card__title-wrapper\">\n    <h2 class=\"govuk-summary-card__title\">\n      <em>Undergraduate teaching assistant</em>\n    </h2>\n  </div>\n\n  <div class=\"govuk-summary-card__content\">\n    <dl class=\"govuk-summary-list\">\n      <div class=\"govuk-summary-list__row\">\n        <dt class=\"govuk-summary-list__key\">\n          Name\n        </dt>\n        <dd class=\"govuk-summary-list__value\">\n          Firstname Lastname\n        </dd>\n      </div>\n      <div class=\"govuk-summary-list__row\">\n        <dt class=\"govuk-summary-list__key\">\n          Date of birth\n        </dt>\n        <dd class=\"govuk-summary-list__value\">\n          13/08/1980\n        </dd>\n      </div>\n    </dl>\n  </div>\n</div>"
+        },
+        {
+            "name": "as a summary card with actions",
+            "options": {
+                "card": {
+                    "title": {
+                        "text": "Undergraduate teaching assistant"
+                    },
+                    "actions": {
+                        "items": [
+                            {
+                                "text": "Delete job history",
+                                "href": "#"
+                            },
+                            {
+                                "text": "Withdraw job history",
+                                "href": "#"
+                            }
+                        ]
+                    }
+                },
+                "rows": [
+                    {
+                        "key": {
+                            "text": "Name"
+                        },
+                        "value": {
+                            "text": "Firstname Lastname"
+                        }
+                    },
+                    {
+                        "key": {
+                            "text": "Date of birth"
+                        },
+                        "value": {
+                            "text": "13/08/1980"
+                        }
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-summary-card\">\n  <div class=\"govuk-summary-card__title-wrapper\">\n    <h2 class=\"govuk-summary-card__title\">\n      Undergraduate teaching assistant\n    </h2>\n    <ul class=\"govuk-summary-card__actions\">\n      <li class=\"govuk-summary-card__action\">\n        <a class=\"govuk-link\" href=\"#\">Delete job history<span class=\"govuk-visually-hidden\"> (Undergraduate teaching assistant)</span></a>\n      </li>\n      <li class=\"govuk-summary-card__action\">\n        <a class=\"govuk-link\" href=\"#\">Withdraw job history<span class=\"govuk-visually-hidden\"> (Undergraduate teaching assistant)</span></a>\n      </li>\n    </ul>\n  </div>\n\n  <div class=\"govuk-summary-card__content\">\n    <dl class=\"govuk-summary-list\">\n      <div class=\"govuk-summary-list__row\">\n        <dt class=\"govuk-summary-list__key\">\n          Name\n        </dt>\n        <dd class=\"govuk-summary-list__value\">\n          Firstname Lastname\n        </dd>\n      </div>\n      <div class=\"govuk-summary-list__row\">\n        <dt class=\"govuk-summary-list__key\">\n          Date of birth\n        </dt>\n        <dd class=\"govuk-summary-list__value\">\n          13/08/1980\n        </dd>\n      </div>\n    </dl>\n  </div>\n</div>"
+        },
+        {
+            "name": "as a summary card with actions plus summary list actions",
+            "options": {
+                "card": {
+                    "title": {
+                        "text": "Undergraduate teaching assistant"
+                    },
+                    "actions": {
+                        "items": [
+                            {
+                                "text": "Delete job history",
+                                "href": "#"
+                            },
+                            {
+                                "text": "Withdraw job history",
+                                "href": "#"
+                            }
+                        ]
+                    }
+                },
+                "rows": [
+                    {
+                        "key": {
+                            "text": "Name"
+                        },
+                        "value": {
+                            "text": "Firstname Lastname"
+                        },
+                        "actions": {
+                            "items": [
+                                {
+                                    "href": "#",
+                                    "text": "Edit",
+                                    "visuallyHiddenText": "name"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Delete",
+                                    "visuallyHiddenText": "name"
+                                }
+                            ]
+                        }
+                    },
+                    {
+                        "key": {
+                            "text": "Date of birth"
+                        },
+                        "value": {
+                            "text": "13/08/1980"
+                        },
+                        "actions": {
+                            "items": [
+                                {
+                                    "href": "#",
+                                    "text": "Change",
+                                    "visuallyHiddenText": "date of birth"
+                                }
+                            ]
+                        }
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-summary-card\">\n  <div class=\"govuk-summary-card__title-wrapper\">\n    <h2 class=\"govuk-summary-card__title\">\n      Undergraduate teaching assistant\n    </h2>\n    <ul class=\"govuk-summary-card__actions\">\n      <li class=\"govuk-summary-card__action\">\n        <a class=\"govuk-link\" href=\"#\">Delete job history<span class=\"govuk-visually-hidden\"> (Undergraduate teaching assistant)</span></a>\n      </li>\n      <li class=\"govuk-summary-card__action\">\n        <a class=\"govuk-link\" href=\"#\">Withdraw job history<span class=\"govuk-visually-hidden\"> (Undergraduate teaching assistant)</span></a>\n      </li>\n    </ul>\n  </div>\n\n  <div class=\"govuk-summary-card__content\">\n    <dl class=\"govuk-summary-list\">\n      <div class=\"govuk-summary-list__row\">\n        <dt class=\"govuk-summary-list__key\">\n          Name\n        </dt>\n        <dd class=\"govuk-summary-list__value\">\n          Firstname Lastname\n        </dd>\n        <dd class=\"govuk-summary-list__actions\">\n          <ul class=\"govuk-summary-list__actions-list\">\n            <li class=\"govuk-summary-list__actions-list-item\">\n              <a class=\"govuk-link\" href=\"#\">Edit<span class=\"govuk-visually-hidden\"> name (Undergraduate teaching assistant)</span></a>\n            </li>\n            <li class=\"govuk-summary-list__actions-list-item\">\n              <a class=\"govuk-link\" href=\"#\">Delete<span class=\"govuk-visually-hidden\"> name (Undergraduate teaching assistant)</span></a>\n            </li>\n          </ul>\n        </dd>\n      </div>\n      <div class=\"govuk-summary-list__row\">\n        <dt class=\"govuk-summary-list__key\">\n          Date of birth\n        </dt>\n        <dd class=\"govuk-summary-list__value\">\n          13/08/1980\n        </dd>\n        <dd class=\"govuk-summary-list__actions\">\n          <a class=\"govuk-link\" href=\"#\">Change<span class=\"govuk-visually-hidden\"> date of birth (Undergraduate teaching assistant)</span></a>\n        </dd>\n      </div>\n    </dl>\n  </div>\n</div>"
+        },
+        {
+            "name": "as a summary card extreme",
+            "options": {
+                "card": {
+                    "title": {
+                        "text": "Senior mid-level customer experience enhancement consultant"
+                    },
+                    "actions": {
+                        "items": [
+                            {
+                                "text": "Bop it",
+                                "href": "#"
+                            },
+                            {
+                                "text": "Twist it",
+                                "href": "#"
+                            },
+                            {
+                                "text": "Pull it",
+                                "href": "#"
+                            },
+                            {
+                                "text": "Flick it",
+                                "href": "#"
+                            },
+                            {
+                                "text": "Spin it",
+                                "href": "#"
+                            },
+                            {
+                                "text": "Shout it",
+                                "href": "#"
+                            },
+                            {
+                                "text": "Shake it",
+                                "href": "#"
+                            }
+                        ]
+                    }
+                },
+                "rows": [
+                    {
+                        "key": {
+                            "text": "Name"
+                        },
+                        "value": {
+                            "text": "Barnaby Marmaduke Aloysius Benjy Cobweb Dartagnan Egbert Felix Gaspar Humbert Ignatius Jayden Kasper Leroy Maximilian Neddy Obiajulu Pepin Quilliam Rosencrantz Sexton Teddy Upwood Vivatma Wayland Xylon Yardley Zachary Usansky"
+                        },
+                        "actions": {
+                            "items": [
+                                {
+                                    "href": "#",
+                                    "text": "Buy"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Use"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Break"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Fix"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Trash"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Change"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Mail"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Upgrade"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Charge"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Point"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Zoom"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Press"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Snap"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Work"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Quick"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Erase"
+                                }
+                            ]
+                        }
+                    },
+                    {
+                        "key": {
+                            "text": "Long website address"
+                        },
+                        "value": {
+                            "html": "<a class=\"govuk-link\" href=\"https://cs.wikipedia.org/wiki/Llanfairpwllgwyngyllgogerychwyrndrobwllllantysiliogogogoch\">https://cs.wikipedia.org/wiki/Llanfairpwllgwyngyllgogerychwyrndrobwllllantysiliogogogoch</a>\n"
+                        },
+                        "actions": {
+                            "items": [
+                                {
+                                    "href": "#",
+                                    "text": "Change",
+                                    "visuallyHiddenText": "long website address"
+                                }
+                            ]
+                        }
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-summary-card\">\n  <div class=\"govuk-summary-card__title-wrapper\">\n    <h2 class=\"govuk-summary-card__title\">\n      Senior mid-level customer experience enhancement consultant\n    </h2>\n    <ul class=\"govuk-summary-card__actions\">\n      <li class=\"govuk-summary-card__action\">\n        <a class=\"govuk-link\" href=\"#\">Bop it<span class=\"govuk-visually-hidden\"> (Senior mid-level customer experience enhancement consultant)</span></a>\n      </li>\n      <li class=\"govuk-summary-card__action\">\n        <a class=\"govuk-link\" href=\"#\">Twist it<span class=\"govuk-visually-hidden\"> (Senior mid-level customer experience enhancement consultant)</span></a>\n      </li>\n      <li class=\"govuk-summary-card__action\">\n        <a class=\"govuk-link\" href=\"#\">Pull it<span class=\"govuk-visually-hidden\"> (Senior mid-level customer experience enhancement consultant)</span></a>\n      </li>\n      <li class=\"govuk-summary-card__action\">\n        <a class=\"govuk-link\" href=\"#\">Flick it<span class=\"govuk-visually-hidden\"> (Senior mid-level customer experience enhancement consultant)</span></a>\n      </li>\n      <li class=\"govuk-summary-card__action\">\n        <a class=\"govuk-link\" href=\"#\">Spin it<span class=\"govuk-visually-hidden\"> (Senior mid-level customer experience enhancement consultant)</span></a>\n      </li>\n      <li class=\"govuk-summary-card__action\">\n        <a class=\"govuk-link\" href=\"#\">Shout it<span class=\"govuk-visually-hidden\"> (Senior mid-level customer experience enhancement consultant)</span></a>\n      </li>\n      <li class=\"govuk-summary-card__action\">\n        <a class=\"govuk-link\" href=\"#\">Shake it<span class=\"govuk-visually-hidden\"> (Senior mid-level customer experience enhancement consultant)</span></a>\n      </li>\n    </ul>\n  </div>\n\n  <div class=\"govuk-summary-card__content\">\n    <dl class=\"govuk-summary-list\">\n      <div class=\"govuk-summary-list__row\">\n        <dt class=\"govuk-summary-list__key\">\n          Name\n        </dt>\n        <dd class=\"govuk-summary-list__value\">\n          Barnaby Marmaduke Aloysius Benjy Cobweb Dartagnan Egbert Felix Gaspar Humbert Ignatius Jayden Kasper Leroy Maximilian Neddy Obiajulu Pepin Quilliam Rosencrantz Sexton Teddy Upwood Vivatma Wayland Xylon Yardley Zachary Usansky\n        </dd>\n        <dd class=\"govuk-summary-list__actions\">\n          <ul class=\"govuk-summary-list__actions-list\">\n            <li class=\"govuk-summary-list__actions-list-item\">\n              <a class=\"govuk-link\" href=\"#\">Buy<span class=\"govuk-visually-hidden\"> (Senior mid-level customer experience enhancement consultant)</span></a>\n            </li>\n            <li class=\"govuk-summary-list__actions-list-item\">\n              <a class=\"govuk-link\" href=\"#\">Use<span class=\"govuk-visually-hidden\"> (Senior mid-level customer experience enhancement consultant)</span></a>\n            </li>\n            <li class=\"govuk-summary-list__actions-list-item\">\n              <a class=\"govuk-link\" href=\"#\">Break<span class=\"govuk-visually-hidden\"> (Senior mid-level customer experience enhancement consultant)</span></a>\n            </li>\n            <li class=\"govuk-summary-list__actions-list-item\">\n              <a class=\"govuk-link\" href=\"#\">Fix<span class=\"govuk-visually-hidden\"> (Senior mid-level customer experience enhancement consultant)</span></a>\n            </li>\n            <li class=\"govuk-summary-list__actions-list-item\">\n              <a class=\"govuk-link\" href=\"#\">Trash<span class=\"govuk-visually-hidden\"> (Senior mid-level customer experience enhancement consultant)</span></a>\n            </li>\n            <li class=\"govuk-summary-list__actions-list-item\">\n              <a class=\"govuk-link\" href=\"#\">Change<span class=\"govuk-visually-hidden\"> (Senior mid-level customer experience enhancement consultant)</span></a>\n            </li>\n            <li class=\"govuk-summary-list__actions-list-item\">\n              <a class=\"govuk-link\" href=\"#\">Mail<span class=\"govuk-visually-hidden\"> (Senior mid-level customer experience enhancement consultant)</span></a>\n            </li>\n            <li class=\"govuk-summary-list__actions-list-item\">\n              <a class=\"govuk-link\" href=\"#\">Upgrade<span class=\"govuk-visually-hidden\"> (Senior mid-level customer experience enhancement consultant)</span></a>\n            </li>\n            <li class=\"govuk-summary-list__actions-list-item\">\n              <a class=\"govuk-link\" href=\"#\">Charge<span class=\"govuk-visually-hidden\"> (Senior mid-level customer experience enhancement consultant)</span></a>\n            </li>\n            <li class=\"govuk-summary-list__actions-list-item\">\n              <a class=\"govuk-link\" href=\"#\">Point<span class=\"govuk-visually-hidden\"> (Senior mid-level customer experience enhancement consultant)</span></a>\n            </li>\n            <li class=\"govuk-summary-list__actions-list-item\">\n              <a class=\"govuk-link\" href=\"#\">Zoom<span class=\"govuk-visually-hidden\"> (Senior mid-level customer experience enhancement consultant)</span></a>\n            </li>\n            <li class=\"govuk-summary-list__actions-list-item\">\n              <a class=\"govuk-link\" href=\"#\">Press<span class=\"govuk-visually-hidden\"> (Senior mid-level customer experience enhancement consultant)</span></a>\n            </li>\n            <li class=\"govuk-summary-list__actions-list-item\">\n              <a class=\"govuk-link\" href=\"#\">Snap<span class=\"govuk-visually-hidden\"> (Senior mid-level customer experience enhancement consultant)</span></a>\n            </li>\n            <li class=\"govuk-summary-list__actions-list-item\">\n              <a class=\"govuk-link\" href=\"#\">Work<span class=\"govuk-visually-hidden\"> (Senior mid-level customer experience enhancement consultant)</span></a>\n            </li>\n            <li class=\"govuk-summary-list__actions-list-item\">\n              <a class=\"govuk-link\" href=\"#\">Quick<span class=\"govuk-visually-hidden\"> (Senior mid-level customer experience enhancement consultant)</span></a>\n            </li>\n            <li class=\"govuk-summary-list__actions-list-item\">\n              <a class=\"govuk-link\" href=\"#\">Erase<span class=\"govuk-visually-hidden\"> (Senior mid-level customer experience enhancement consultant)</span></a>\n            </li>\n          </ul>\n        </dd>\n      </div>\n      <div class=\"govuk-summary-list__row\">\n        <dt class=\"govuk-summary-list__key\">\n          Long website address\n        </dt>\n        <dd class=\"govuk-summary-list__value\">\n          <a class=\"govuk-link\" href=\"https://cs.wikipedia.org/wiki/Llanfairpwllgwyngyllgogerychwyrndrobwllllantysiliogogogoch\">https://cs.wikipedia.org/wiki/Llanfairpwllgwyngyllgogerychwyrndrobwllllantysiliogogogoch</a>\n        </dd>\n        <dd class=\"govuk-summary-list__actions\">\n          <a class=\"govuk-link\" href=\"#\">Change<span class=\"govuk-visually-hidden\"> long website address (Senior mid-level customer experience enhancement consultant)</span></a>\n        </dd>\n      </div>\n    </dl>\n  </div>\n</div>"
+        },
+        {
+            "name": "attributes",
+            "options": {
+                "rows": [
+                    {
+                        "key": {
+                            "text": "Name"
+                        },
+                        "value": {
+                            "text": "Firstname Lastname"
+                        }
+                    }
+                ],
+                "attributes": {
+                    "data-attribute-1": "value-1",
+                    "data-attribute-2": "value-2"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<dl class=\"govuk-summary-list\" data-attribute-1=\"value-1\" data-attribute-2=\"value-2\">\n  <div class=\"govuk-summary-list__row\">\n    <dt class=\"govuk-summary-list__key\">\n      Name\n    </dt>\n    <dd class=\"govuk-summary-list__value\">\n      Firstname Lastname\n    </dd>\n  </div>\n</dl>"
+        },
+        {
+            "name": "with falsy values",
+            "options": {
+                "rows": [
+                    {
+                        "key": {
+                            "text": "Name"
+                        },
+                        "value": {
+                            "text": "Firstname Lastname"
+                        }
+                    },
+                    null,
+                    false,
+                    "",
+                    {
+                        "key": {
+                            "text": "Name 2"
+                        },
+                        "value": {
+                            "text": "Firstname2 Lastname2"
+                        }
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<dl class=\"govuk-summary-list\">\n  <div class=\"govuk-summary-list__row\">\n    <dt class=\"govuk-summary-list__key\">\n      Name\n    </dt>\n    <dd class=\"govuk-summary-list__value\">\n      Firstname Lastname\n    </dd>\n  </div>\n  <div class=\"govuk-summary-list__row\">\n    <dt class=\"govuk-summary-list__key\">\n      Name 2\n    </dt>\n    <dd class=\"govuk-summary-list__value\">\n      Firstname2 Lastname2\n    </dd>\n  </div>\n</dl>"
+        },
+        {
+            "name": "key with html",
+            "options": {
+                "rows": [
+                    {
+                        "key": {
+                            "html": "<b>Name</b>"
+                        },
+                        "value": {
+                            "html": "<strong>Firstname Lastname</strong>"
+                        }
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<dl class=\"govuk-summary-list\">\n  <div class=\"govuk-summary-list__row\">\n    <dt class=\"govuk-summary-list__key\">\n      <b>Name</b>\n    </dt>\n    <dd class=\"govuk-summary-list__value\">\n      <strong>Firstname Lastname</strong>\n    </dd>\n  </div>\n</dl>"
+        },
+        {
+            "name": "key with classes",
+            "options": {
+                "rows": [
+                    {
+                        "key": {
+                            "text": "Name",
+                            "classes": "app-custom-class"
+                        },
+                        "value": {
+                            "text": "Firstname Lastname"
+                        }
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<dl class=\"govuk-summary-list\">\n  <div class=\"govuk-summary-list__row\">\n    <dt class=\"govuk-summary-list__key app-custom-class\">\n      Name\n    </dt>\n    <dd class=\"govuk-summary-list__value\">\n      Firstname Lastname\n    </dd>\n  </div>\n</dl>"
+        },
+        {
+            "name": "value with html",
+            "options": {
+                "rows": [
+                    {
+                        "key": {
+                            "text": "Name"
+                        },
+                        "value": {
+                            "html": "<span>email@email.com</span>"
+                        }
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<dl class=\"govuk-summary-list\">\n  <div class=\"govuk-summary-list__row\">\n    <dt class=\"govuk-summary-list__key\">\n      Name\n    </dt>\n    <dd class=\"govuk-summary-list__value\">\n      <span>email@email.com</span>\n    </dd>\n  </div>\n</dl>"
+        },
+        {
+            "name": "actions href",
+            "options": {
+                "rows": [
+                    {
+                        "key": {
+                            "text": "Name"
+                        },
+                        "value": {
+                            "text": "Firstname Lastname"
+                        },
+                        "actions": {
+                            "items": [
+                                {
+                                    "href": "https://www.gov.uk",
+                                    "text": "Go to GOV.UK"
+                                }
+                            ]
+                        }
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<dl class=\"govuk-summary-list\">\n  <div class=\"govuk-summary-list__row\">\n    <dt class=\"govuk-summary-list__key\">\n      Name\n    </dt>\n    <dd class=\"govuk-summary-list__value\">\n      Firstname Lastname\n    </dd>\n    <dd class=\"govuk-summary-list__actions\">\n      <a class=\"govuk-link\" href=\"https://www.gov.uk\">Go to GOV.UK</a>\n    </dd>\n  </div>\n</dl>"
+        },
+        {
+            "name": "actions with html",
+            "options": {
+                "rows": [
+                    {
+                        "key": {
+                            "text": "Name"
+                        },
+                        "value": {
+                            "text": "Firstname Lastname"
+                        },
+                        "actions": {
+                            "items": [
+                                {
+                                    "html": "Edit<span class=\"visually-hidden\"> name</span>",
+                                    "href": "#"
+                                }
+                            ]
+                        }
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<dl class=\"govuk-summary-list\">\n  <div class=\"govuk-summary-list__row\">\n    <dt class=\"govuk-summary-list__key\">\n      Name\n    </dt>\n    <dd class=\"govuk-summary-list__value\">\n      Firstname Lastname\n    </dd>\n    <dd class=\"govuk-summary-list__actions\">\n      <a class=\"govuk-link\" href=\"#\">Edit<span class=\"visually-hidden\"> name</span></a>\n    </dd>\n  </div>\n</dl>"
+        },
+        {
+            "name": "actions with classes",
+            "options": {
+                "rows": [
+                    {
+                        "key": {
+                            "text": "Name"
+                        },
+                        "value": {
+                            "text": "Firstname Lastname"
+                        },
+                        "actions": {
+                            "classes": "app-custom-class",
+                            "items": [
+                                {
+                                    "text": "Edit",
+                                    "href": "/edit"
+                                }
+                            ]
+                        }
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<dl class=\"govuk-summary-list\">\n  <div class=\"govuk-summary-list__row\">\n    <dt class=\"govuk-summary-list__key\">\n      Name\n    </dt>\n    <dd class=\"govuk-summary-list__value\">\n      Firstname Lastname\n    </dd>\n    <dd class=\"govuk-summary-list__actions app-custom-class\">\n      <a class=\"govuk-link\" href=\"/edit\">Edit</a>\n    </dd>\n  </div>\n</dl>"
+        },
+        {
+            "name": "actions with attributes",
+            "options": {
+                "rows": [
+                    {
+                        "key": {
+                            "text": "Name"
+                        },
+                        "value": {
+                            "text": "Firstname Lastname"
+                        },
+                        "actions": {
+                            "items": [
+                                {
+                                    "text": "Edit",
+                                    "href": "#",
+                                    "attributes": {
+                                        "data-test-attribute": "value",
+                                        "data-test-attribute-2": "value-2"
+                                    }
+                                }
+                            ]
+                        }
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<dl class=\"govuk-summary-list\">\n  <div class=\"govuk-summary-list__row\">\n    <dt class=\"govuk-summary-list__key\">\n      Name\n    </dt>\n    <dd class=\"govuk-summary-list__value\">\n      Firstname Lastname\n    </dd>\n    <dd class=\"govuk-summary-list__actions\">\n      <a class=\"govuk-link\" href=\"#\" data-test-attribute=\"value\" data-test-attribute-2=\"value-2\">Edit</a>\n    </dd>\n  </div>\n</dl>"
+        },
+        {
+            "name": "single action with anchor",
+            "options": {
+                "rows": [
+                    {
+                        "key": {
+                            "text": "Name"
+                        },
+                        "value": {
+                            "text": "Firstname Lastname"
+                        },
+                        "actions": {
+                            "items": [
+                                {
+                                    "text": "First action",
+                                    "href": "#"
+                                }
+                            ]
+                        }
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<dl class=\"govuk-summary-list\">\n  <div class=\"govuk-summary-list__row\">\n    <dt class=\"govuk-summary-list__key\">\n      Name\n    </dt>\n    <dd class=\"govuk-summary-list__value\">\n      Firstname Lastname\n    </dd>\n    <dd class=\"govuk-summary-list__actions\">\n      <a class=\"govuk-link\" href=\"#\">First action</a>\n    </dd>\n  </div>\n</dl>"
+        },
+        {
+            "name": "classes on items",
+            "options": {
+                "rows": [
+                    {
+                        "key": {
+                            "text": "Name"
+                        },
+                        "value": {
+                            "text": "Firstname Lastname"
+                        },
+                        "actions": {
+                            "items": [
+                                {
+                                    "text": "Edit",
+                                    "href": "#",
+                                    "classes": "govuk-link--no-visited-state"
+                                }
+                            ]
+                        }
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<dl class=\"govuk-summary-list\">\n  <div class=\"govuk-summary-list__row\">\n    <dt class=\"govuk-summary-list__key\">\n      Name\n    </dt>\n    <dd class=\"govuk-summary-list__value\">\n      Firstname Lastname\n    </dd>\n    <dd class=\"govuk-summary-list__actions\">\n      <a class=\"govuk-link govuk-link--no-visited-state\" href=\"#\">Edit</a>\n    </dd>\n  </div>\n</dl>"
+        },
+        {
+            "name": "empty items array",
+            "options": {
+                "rows": [
+                    {
+                        "key": {
+                            "text": "Name"
+                        },
+                        "value": {
+                            "text": "Firstname Lastname"
+                        },
+                        "actions": {
+                            "items": []
+                        }
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<dl class=\"govuk-summary-list\">\n  <div class=\"govuk-summary-list__row\">\n    <dt class=\"govuk-summary-list__key\">\n      Name\n    </dt>\n    <dd class=\"govuk-summary-list__value\">\n      Firstname Lastname\n    </dd>\n  </div>\n</dl>"
+        },
+        {
+            "name": "rows with classes",
+            "options": {
+                "rows": [
+                    {
+                        "key": {
+                            "text": "Name"
+                        },
+                        "value": {
+                            "text": "Firstname Lastname"
+                        },
+                        "classes": "app-custom-class"
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<dl class=\"govuk-summary-list\">\n  <div class=\"govuk-summary-list__row app-custom-class\">\n    <dt class=\"govuk-summary-list__key\">\n      Name\n    </dt>\n    <dd class=\"govuk-summary-list__value\">\n      Firstname Lastname\n    </dd>\n  </div>\n</dl>"
+        },
+        {
+            "name": "summary card with custom classes",
+            "options": {
+                "card": {
+                    "classes": "custom-class"
+                },
+                "rows": [
+                    {
+                        "key": {
+                            "text": "Name"
+                        },
+                        "value": {
+                            "text": "Firstname Lastname"
+                        }
+                    },
+                    {
+                        "key": {
+                            "text": "Date of birth"
+                        },
+                        "value": {
+                            "text": "13/08/1980"
+                        }
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-summary-card custom-class\">\n  <div class=\"govuk-summary-card__title-wrapper\">\n  </div>\n\n  <div class=\"govuk-summary-card__content\">\n    <dl class=\"govuk-summary-list\">\n      <div class=\"govuk-summary-list__row\">\n        <dt class=\"govuk-summary-list__key\">\n          Name\n        </dt>\n        <dd class=\"govuk-summary-list__value\">\n          Firstname Lastname\n        </dd>\n      </div>\n      <div class=\"govuk-summary-list__row\">\n        <dt class=\"govuk-summary-list__key\">\n          Date of birth\n        </dt>\n        <dd class=\"govuk-summary-list__value\">\n          13/08/1980\n        </dd>\n      </div>\n    </dl>\n  </div>\n</div>"
+        },
+        {
+            "name": "summary card with custom attributes",
+            "options": {
+                "card": {
+                    "attributes": {
+                        "data-attribute-1": "value-1",
+                        "data-attribute-2": "value-2"
+                    }
+                },
+                "rows": [
+                    {
+                        "key": {
+                            "text": "Name"
+                        },
+                        "value": {
+                            "text": "Firstname Lastname"
+                        }
+                    },
+                    {
+                        "key": {
+                            "text": "Date of birth"
+                        },
+                        "value": {
+                            "text": "13/08/1980"
+                        }
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-summary-card\" data-attribute-1=\"value-1\" data-attribute-2=\"value-2\">\n  <div class=\"govuk-summary-card__title-wrapper\">\n  </div>\n\n  <div class=\"govuk-summary-card__content\">\n    <dl class=\"govuk-summary-list\">\n      <div class=\"govuk-summary-list__row\">\n        <dt class=\"govuk-summary-list__key\">\n          Name\n        </dt>\n        <dd class=\"govuk-summary-list__value\">\n          Firstname Lastname\n        </dd>\n      </div>\n      <div class=\"govuk-summary-list__row\">\n        <dt class=\"govuk-summary-list__key\">\n          Date of birth\n        </dt>\n        <dd class=\"govuk-summary-list__value\">\n          13/08/1980\n        </dd>\n      </div>\n    </dl>\n  </div>\n</div>"
+        },
+        {
+            "name": "summary card with only 1 action",
+            "options": {
+                "card": {
+                    "title": {
+                        "text": "Undergraduate teaching assistant"
+                    },
+                    "actions": {
+                        "items": [
+                            {
+                                "text": "My lonely action",
+                                "href": "#"
+                            }
+                        ]
+                    }
+                },
+                "rows": [
+                    {
+                        "key": {
+                            "text": "Name"
+                        },
+                        "value": {
+                            "text": "Firstname Lastname"
+                        }
+                    },
+                    {
+                        "key": {
+                            "text": "Date of birth"
+                        },
+                        "value": {
+                            "text": "13/08/1980"
+                        }
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-summary-card\">\n  <div class=\"govuk-summary-card__title-wrapper\">\n    <h2 class=\"govuk-summary-card__title\">\n      Undergraduate teaching assistant\n    </h2>\n    <div class=\"govuk-summary-card__actions\">\n      <a class=\"govuk-link\" href=\"#\">My lonely action<span class=\"govuk-visually-hidden\"> (Undergraduate teaching assistant)</span></a>\n    </div>\n  </div>\n\n  <div class=\"govuk-summary-card__content\">\n    <dl class=\"govuk-summary-list\">\n      <div class=\"govuk-summary-list__row\">\n        <dt class=\"govuk-summary-list__key\">\n          Name\n        </dt>\n        <dd class=\"govuk-summary-list__value\">\n          Firstname Lastname\n        </dd>\n      </div>\n      <div class=\"govuk-summary-list__row\">\n        <dt class=\"govuk-summary-list__key\">\n          Date of birth\n        </dt>\n        <dd class=\"govuk-summary-list__value\">\n          13/08/1980\n        </dd>\n      </div>\n    </dl>\n  </div>\n</div>"
+        },
+        {
+            "name": "translated",
+            "options": {
+                "rows": [
+                    {
+                        "key": {
+                            "text": "Enw"
+                        },
+                        "value": {
+                            "text": "Firstname Lastname"
+                        },
+                        "actions": {
+                            "items": [
+                                {
+                                    "href": "#",
+                                    "html": "Golygu<span class=\"govuk-visually-hidden\"> enw</span>",
+                                    "visuallyHiddenText": ""
+                                },
+                                {
+                                    "href": "#",
+                                    "html": "Dileu<span class=\"govuk-visually-hidden\"> enw</span>",
+                                    "visuallyHiddenText": ""
+                                }
+                            ]
+                        }
+                    },
+                    {
+                        "key": {
+                            "text": "Dyddiad geni"
+                        },
+                        "value": {
+                            "text": "13/08/1980"
+                        },
+                        "actions": {
+                            "items": [
+                                {
+                                    "href": "#",
+                                    "html": "Golygu<span class=\"govuk-visually-hidden\"> dyddiad geni</span>",
+                                    "visuallyHiddenText": ""
+                                }
+                            ]
+                        }
+                    },
+                    {
+                        "key": {
+                            "text": "Gwybodaeth cyswllt"
+                        },
+                        "value": {
+                            "html": "<p class=\"govuk-body\">\n  email@email.com\n</p>\n<p class=\"govuk-body\">\n  Address line 1<br>\n  Address line 2<br>\n  Address line 3<br>\n  Address line 4<br>\n  Address line 5\n</p>\n"
+                        },
+                        "actions": {
+                            "items": [
+                                {
+                                    "href": "#",
+                                    "html": "Golygu<span class=\"govuk-visually-hidden\"> gwybodaeth cyswllt</span>",
+                                    "visuallyHiddenText": ""
+                                }
+                            ]
+                        }
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<dl class=\"govuk-summary-list\">\n  <div class=\"govuk-summary-list__row\">\n    <dt class=\"govuk-summary-list__key\">\n      Enw\n    </dt>\n    <dd class=\"govuk-summary-list__value\">\n      Firstname Lastname\n    </dd>\n    <dd class=\"govuk-summary-list__actions\">\n      <ul class=\"govuk-summary-list__actions-list\">\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Golygu<span class=\"govuk-visually-hidden\"> enw</span></a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Dileu<span class=\"govuk-visually-hidden\"> enw</span></a>\n        </li>\n      </ul>\n    </dd>\n  </div>\n  <div class=\"govuk-summary-list__row\">\n    <dt class=\"govuk-summary-list__key\">\n      Dyddiad geni\n    </dt>\n    <dd class=\"govuk-summary-list__value\">\n      13/08/1980\n    </dd>\n    <dd class=\"govuk-summary-list__actions\">\n      <a class=\"govuk-link\" href=\"#\">Golygu<span class=\"govuk-visually-hidden\"> dyddiad geni</span></a>\n    </dd>\n  </div>\n  <div class=\"govuk-summary-list__row\">\n    <dt class=\"govuk-summary-list__key\">\n      Gwybodaeth cyswllt\n    </dt>\n    <dd class=\"govuk-summary-list__value\">\n      <p class=\"govuk-body\">\n        email@email.com\n      </p>\n      <p class=\"govuk-body\">\n        Address line 1<br>\n        Address line 2<br>\n        Address line 3<br>\n        Address line 4<br>\n        Address line 5\n      </p>\n    </dd>\n    <dd class=\"govuk-summary-list__actions\">\n      <a class=\"govuk-link\" href=\"#\">Golygu<span class=\"govuk-visually-hidden\"> gwybodaeth cyswllt</span></a>\n    </dd>\n  </div>\n</dl>"
+        },
+        {
+            "name": "with some actions",
+            "options": {
+                "rows": [
+                    {
+                        "key": {
+                            "text": "Name"
+                        },
+                        "value": {
+                            "text": "Firstname Lastname"
+                        },
+                        "actions": {
+                            "items": [
+                                {
+                                    "href": "#",
+                                    "text": "Edit",
+                                    "visuallyHiddenText": "name"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Delete",
+                                    "visuallyHiddenText": "name"
+                                }
+                            ]
+                        }
+                    },
+                    {
+                        "key": {
+                            "text": "Date of birth"
+                        },
+                        "value": {
+                            "text": "13/08/1980"
+                        }
+                    },
+                    {
+                        "key": {
+                            "text": "Contact information"
+                        },
+                        "value": {
+                            "html": "<p class=\"govuk-body\">\n  email@email.com\n</p>\n<p class=\"govuk-body\">\n  Address line 1<br>\n  Address line 2<br>\n  Address line 3<br>\n  Address line 4<br>\n  Address line 5\n</p>\n"
+                        }
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<dl class=\"govuk-summary-list\">\n  <div class=\"govuk-summary-list__row\">\n    <dt class=\"govuk-summary-list__key\">\n      Name\n    </dt>\n    <dd class=\"govuk-summary-list__value\">\n      Firstname Lastname\n    </dd>\n    <dd class=\"govuk-summary-list__actions\">\n      <ul class=\"govuk-summary-list__actions-list\">\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Edit<span class=\"govuk-visually-hidden\"> name</span></a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Delete<span class=\"govuk-visually-hidden\"> name</span></a>\n        </li>\n      </ul>\n    </dd>\n  </div>\n  <div class=\"govuk-summary-list__row govuk-summary-list__row--no-actions\">\n    <dt class=\"govuk-summary-list__key\">\n      Date of birth\n    </dt>\n    <dd class=\"govuk-summary-list__value\">\n      13/08/1980\n    </dd>\n  </div>\n  <div class=\"govuk-summary-list__row govuk-summary-list__row--no-actions\">\n    <dt class=\"govuk-summary-list__key\">\n      Contact information\n    </dt>\n    <dd class=\"govuk-summary-list__value\">\n      <p class=\"govuk-body\">\n        email@email.com\n      </p>\n      <p class=\"govuk-body\">\n        Address line 1<br>\n        Address line 2<br>\n        Address line 3<br>\n        Address line 4<br>\n        Address line 5\n      </p>\n    </dd>\n  </div>\n</dl>"
+        },
+        {
+            "name": "overridden-widths",
+            "options": {
+                "rows": [
+                    {
+                        "key": {
+                            "classes": "govuk-!-width-one-half",
+                            "text": "Name"
+                        },
+                        "value": {
+                            "classes": "govuk-!-width-one-quarter",
+                            "text": "Firstname Lastname"
+                        },
+                        "actions": {
+                            "classes": "govuk-!-width-one-half",
+                            "items": [
+                                {
+                                    "href": "#",
+                                    "text": "Edit",
+                                    "visuallyHiddenText": "name"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Delete",
+                                    "visuallyHiddenText": "name"
+                                }
+                            ]
+                        }
+                    },
+                    {
+                        "key": {
+                            "text": "Date of birth"
+                        },
+                        "value": {
+                            "text": "13/08/1980"
+                        },
+                        "actions": {
+                            "items": [
+                                {
+                                    "href": "#",
+                                    "text": "Change",
+                                    "visuallyHiddenText": "date of birth"
+                                }
+                            ]
+                        }
+                    },
+                    {
+                        "key": {
+                            "text": "Contact information"
+                        },
+                        "value": {
+                            "html": "<p class=\"govuk-body\">\n  email@email.com\n</p>\n<p class=\"govuk-body\">\n  Address line 1<br>\n  Address line 2<br>\n  Address line 3<br>\n  Address line 4<br>\n  Address line 5\n</p>\n"
+                        },
+                        "actions": {
+                            "items": [
+                                {
+                                    "href": "#",
+                                    "text": "Edit",
+                                    "visuallyHiddenText": "contact information"
+                                },
+                                {
+                                    "href": "#",
+                                    "text": "Change",
+                                    "visuallyHiddenText": "contact information"
+                                }
+                            ]
+                        }
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<dl class=\"govuk-summary-list\">\n  <div class=\"govuk-summary-list__row\">\n    <dt class=\"govuk-summary-list__key govuk-!-width-one-half\">\n      Name\n    </dt>\n    <dd class=\"govuk-summary-list__value govuk-!-width-one-quarter\">\n      Firstname Lastname\n    </dd>\n    <dd class=\"govuk-summary-list__actions govuk-!-width-one-half\">\n      <ul class=\"govuk-summary-list__actions-list\">\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Edit<span class=\"govuk-visually-hidden\"> name</span></a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Delete<span class=\"govuk-visually-hidden\"> name</span></a>\n        </li>\n      </ul>\n    </dd>\n  </div>\n  <div class=\"govuk-summary-list__row\">\n    <dt class=\"govuk-summary-list__key\">\n      Date of birth\n    </dt>\n    <dd class=\"govuk-summary-list__value\">\n      13/08/1980\n    </dd>\n    <dd class=\"govuk-summary-list__actions\">\n      <a class=\"govuk-link\" href=\"#\">Change<span class=\"govuk-visually-hidden\"> date of birth</span></a>\n    </dd>\n  </div>\n  <div class=\"govuk-summary-list__row\">\n    <dt class=\"govuk-summary-list__key\">\n      Contact information\n    </dt>\n    <dd class=\"govuk-summary-list__value\">\n      <p class=\"govuk-body\">\n        email@email.com\n      </p>\n      <p class=\"govuk-body\">\n        Address line 1<br>\n        Address line 2<br>\n        Address line 3<br>\n        Address line 4<br>\n        Address line 5\n      </p>\n    </dd>\n    <dd class=\"govuk-summary-list__actions\">\n      <ul class=\"govuk-summary-list__actions-list\">\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Edit<span class=\"govuk-visually-hidden\"> contact information</span></a>\n        </li>\n        <li class=\"govuk-summary-list__actions-list-item\">\n          <a class=\"govuk-link\" href=\"#\">Change<span class=\"govuk-visually-hidden\"> contact information</span></a>\n        </li>\n      </ul>\n    </dd>\n  </div>\n</dl>"
+        },
+        {
+            "name": "as a summary card with a custom header level",
+            "options": {
+                "card": {
+                    "title": {
+                        "text": "Undergraduate teaching assistant",
+                        "headingLevel": 3
+                    }
+                },
+                "rows": [
+                    {
+                        "key": {
+                            "text": "Name"
+                        },
+                        "value": {
+                            "text": "Firstname Lastname"
+                        }
+                    },
+                    {
+                        "key": {
+                            "text": "Date of birth"
+                        },
+                        "value": {
+                            "text": "13/08/1980"
+                        }
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-summary-card\">\n  <div class=\"govuk-summary-card__title-wrapper\">\n    <h3 class=\"govuk-summary-card__title\">\n      Undergraduate teaching assistant\n    </h3>\n  </div>\n\n  <div class=\"govuk-summary-card__content\">\n    <dl class=\"govuk-summary-list\">\n      <div class=\"govuk-summary-list__row\">\n        <dt class=\"govuk-summary-list__key\">\n          Name\n        </dt>\n        <dd class=\"govuk-summary-list__value\">\n          Firstname Lastname\n        </dd>\n      </div>\n      <div class=\"govuk-summary-list__row\">\n        <dt class=\"govuk-summary-list__key\">\n          Date of birth\n        </dt>\n        <dd class=\"govuk-summary-list__value\">\n          13/08/1980\n        </dd>\n      </div>\n    </dl>\n  </div>\n</div>"
+        }
+    ]
+}
diff --git a/node_modules/govuk-frontend/dist/govuk/components/summary-list/macro-options.json b/node_modules/govuk-frontend/dist/govuk/components/summary-list/macro-options.json
new file mode 100644
index 0000000..1b347ce
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/summary-list/macro-options.json
@@ -0,0 +1,248 @@
+[
+    {
+        "name": "rows",
+        "type": "array",
+        "required": true,
+        "description": "The rows within the summary list component.",
+        "params": [
+            {
+                "name": "classes",
+                "type": "string",
+                "required": false,
+                "description": "Classes to add to the row `div`."
+            },
+            {
+                "name": "key",
+                "type": "object",
+                "required": true,
+                "description": "The reference content (key) for each row item in the summary list component.",
+                "params": [
+                    {
+                        "name": "text",
+                        "type": "string",
+                        "required": true,
+                        "description": "If `html` is set, this is not required. Text to use within each key. If `html` is provided, the `text` option will be ignored."
+                    },
+                    {
+                        "name": "html",
+                        "type": "string",
+                        "required": true,
+                        "description": "If `text` is set, this is not required. HTML to use within each key. If `html` is provided, the `text` option will be ignored."
+                    },
+                    {
+                        "name": "classes",
+                        "type": "string",
+                        "required": false,
+                        "description": "Classes to add to the key wrapper."
+                    }
+                ]
+            },
+            {
+                "name": "value",
+                "type": "object",
+                "required": true,
+                "description": "The value for each row item in the summary list component.",
+                "params": [
+                    {
+                        "name": "text",
+                        "type": "string",
+                        "required": true,
+                        "description": "If `html` is set, this is not required. Text to use within each value. If `html` is provided, the `text` option will be ignored."
+                    },
+                    {
+                        "name": "html",
+                        "type": "string",
+                        "required": true,
+                        "description": "If `text` is set, this is not required. HTML to use within each value. If `html` is provided, the `text` option will be ignored."
+                    },
+                    {
+                        "name": "classes",
+                        "type": "string",
+                        "required": false,
+                        "description": "Classes to add to the value wrapper."
+                    }
+                ]
+            },
+            {
+                "name": "actions",
+                "type": "object",
+                "required": false,
+                "description": "The action link content for each row item in the summary list component.",
+                "params": [
+                    {
+                        "name": "items",
+                        "type": "array",
+                        "required": false,
+                        "description": "The action link items within the row item of the summary list component.",
+                        "params": [
+                            {
+                                "name": "href",
+                                "type": "string",
+                                "required": true,
+                                "description": "The value of the link's `href` attribute for an action item."
+                            },
+                            {
+                                "name": "text",
+                                "type": "string",
+                                "required": true,
+                                "description": "If `html` is set, this is not required. Text to use within each action item. If `html` is provided, the `text` option will be ignored."
+                            },
+                            {
+                                "name": "html",
+                                "type": "string",
+                                "required": true,
+                                "description": "If `text` is set, this is not required. HTML to use within each action item. If `html` is provided, the `text` option will be ignored."
+                            },
+                            {
+                                "name": "visuallyHiddenText",
+                                "type": "string",
+                                "required": false,
+                                "description": "Actions rely on context from the surrounding content so may require additional accessible text. Text supplied to this option is appended to the end. Use `html` for more complicated scenarios."
+                            },
+                            {
+                                "name": "classes",
+                                "type": "string",
+                                "required": false,
+                                "description": "Classes to add to the action item."
+                            },
+                            {
+                                "name": "attributes",
+                                "type": "object",
+                                "required": false,
+                                "description": "HTML attributes (for example data attributes) to add to the action item."
+                            }
+                        ]
+                    },
+                    {
+                        "name": "classes",
+                        "type": "string",
+                        "required": false,
+                        "description": "Classes to add to the actions wrapper."
+                    }
+                ]
+            }
+        ]
+    },
+    {
+        "name": "card",
+        "type": "object",
+        "required": false,
+        "description": "Can be used to wrap a summary card around the summary list component. If any of these options are present, a summary card will wrap around the summary list.",
+        "params": [
+            {
+                "name": "title",
+                "type": "object",
+                "required": false,
+                "description": "Data for the summary card header.",
+                "params": [
+                    {
+                        "name": "text",
+                        "type": "string",
+                        "required": false,
+                        "description": "Text to use within each title. If `html` is provided, the `text` option will be ignored."
+                    },
+                    {
+                        "name": "html",
+                        "type": "string",
+                        "required": false,
+                        "description": "Text to use within each title. If `html` is provided, the `text` option will be ignored."
+                    },
+                    {
+                        "name": "headingLevel",
+                        "type": "integer",
+                        "required": false,
+                        "description": "Heading level, from `1` to `6`. Default is `2`."
+                    },
+                    {
+                        "name": "classes",
+                        "type": "string",
+                        "required": false,
+                        "description": "Classes to add to the title wrapper."
+                    }
+                ]
+            },
+            {
+                "name": "actions",
+                "type": "object",
+                "required": false,
+                "description": "The action link content shown in the header of each summary card wrapped around the summary list component.",
+                "params": [
+                    {
+                        "name": "items",
+                        "type": "array",
+                        "required": false,
+                        "description": "The action link items shown in the header within the summary card wrapped around the summary list component.",
+                        "params": [
+                            {
+                                "name": "href",
+                                "type": "string",
+                                "required": true,
+                                "description": "The value of the link's `href` attribute for an action item."
+                            },
+                            {
+                                "name": "text",
+                                "type": "string",
+                                "required": true,
+                                "description": "If `html` is set, this is not required. Text to use within each action item. If `html` is provided, the `text` option will be ignored."
+                            },
+                            {
+                                "name": "html",
+                                "type": "string",
+                                "required": true,
+                                "description": "If `text` is set, this is not required. HTML to use within each action item. If `html` is provided, the `text` option will be ignored."
+                            },
+                            {
+                                "name": "visuallyHiddenText",
+                                "type": "string",
+                                "required": false,
+                                "description": "Actions rely on context from the surrounding content so may require additional accessible text. Text supplied to this option is appended to the end. Use `html` for more complicated scenarios."
+                            },
+                            {
+                                "name": "classes",
+                                "type": "string",
+                                "required": false,
+                                "description": "Classes to add to the action item."
+                            },
+                            {
+                                "name": "attributes",
+                                "type": "object",
+                                "required": false,
+                                "description": "HTML attributes (for example data attributes) to add to the action item."
+                            }
+                        ]
+                    },
+                    {
+                        "name": "classes",
+                        "type": "string",
+                        "required": false,
+                        "description": "Classes to add to the actions wrapper."
+                    }
+                ]
+            },
+            {
+                "name": "classes",
+                "type": "string",
+                "required": false,
+                "description": "Classes to add to the container."
+            },
+            {
+                "name": "attributes",
+                "type": "object",
+                "required": false,
+                "description": "HTML attributes (for example data attributes) to add to the container."
+            }
+        ]
+    },
+    {
+        "name": "classes",
+        "type": "string",
+        "required": false,
+        "description": "Classes to add to the container."
+    },
+    {
+        "name": "attributes",
+        "type": "object",
+        "required": false,
+        "description": "HTML attributes (for example data attributes) to add to the container."
+    }
+]
diff --git a/node_modules/govuk-frontend/dist/govuk/components/summary-list/macro.njk b/node_modules/govuk-frontend/dist/govuk/components/summary-list/macro.njk
new file mode 100644
index 0000000..1df999d
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/summary-list/macro.njk
@@ -0,0 +1,3 @@
+{% macro govukSummaryList(params) %}
+  {%- include "./template.njk" -%}
+{% endmacro %}
diff --git a/node_modules/govuk-frontend/dist/govuk/components/summary-list/template-as-a-summary-card-extreme.html b/node_modules/govuk-frontend/dist/govuk/components/summary-list/template-as-a-summary-card-extreme.html
new file mode 100644
index 0000000..b307705
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/summary-list/template-as-a-summary-card-extreme.html
@@ -0,0 +1,106 @@
+<div class="govuk-summary-card">
+  <div class="govuk-summary-card__title-wrapper">
+    <h2 class="govuk-summary-card__title">
+      Senior mid-level customer experience enhancement consultant
+    </h2>
+    <ul class="govuk-summary-card__actions">
+      <li class="govuk-summary-card__action">
+        <a class="govuk-link" href="#">Bop it<span class="govuk-visually-hidden"> (Senior mid-level customer experience enhancement consultant)</span></a>
+      </li>
+      <li class="govuk-summary-card__action">
+        <a class="govuk-link" href="#">Twist it<span class="govuk-visually-hidden"> (Senior mid-level customer experience enhancement consultant)</span></a>
+      </li>
+      <li class="govuk-summary-card__action">
+        <a class="govuk-link" href="#">Pull it<span class="govuk-visually-hidden"> (Senior mid-level customer experience enhancement consultant)</span></a>
+      </li>
+      <li class="govuk-summary-card__action">
+        <a class="govuk-link" href="#">Flick it<span class="govuk-visually-hidden"> (Senior mid-level customer experience enhancement consultant)</span></a>
+      </li>
+      <li class="govuk-summary-card__action">
+        <a class="govuk-link" href="#">Spin it<span class="govuk-visually-hidden"> (Senior mid-level customer experience enhancement consultant)</span></a>
+      </li>
+      <li class="govuk-summary-card__action">
+        <a class="govuk-link" href="#">Shout it<span class="govuk-visually-hidden"> (Senior mid-level customer experience enhancement consultant)</span></a>
+      </li>
+      <li class="govuk-summary-card__action">
+        <a class="govuk-link" href="#">Shake it<span class="govuk-visually-hidden"> (Senior mid-level customer experience enhancement consultant)</span></a>
+      </li>
+    </ul>
+  </div>
+
+  <div class="govuk-summary-card__content">
+    <dl class="govuk-summary-list">
+      <div class="govuk-summary-list__row">
+        <dt class="govuk-summary-list__key">
+          Name
+        </dt>
+        <dd class="govuk-summary-list__value">
+          Barnaby Marmaduke Aloysius Benjy Cobweb Dartagnan Egbert Felix Gaspar Humbert Ignatius Jayden Kasper Leroy Maximilian Neddy Obiajulu Pepin Quilliam Rosencrantz Sexton Teddy Upwood Vivatma Wayland Xylon Yardley Zachary Usansky
+        </dd>
+        <dd class="govuk-summary-list__actions">
+          <ul class="govuk-summary-list__actions-list">
+            <li class="govuk-summary-list__actions-list-item">
+              <a class="govuk-link" href="#">Buy<span class="govuk-visually-hidden"> (Senior mid-level customer experience enhancement consultant)</span></a>
+            </li>
+            <li class="govuk-summary-list__actions-list-item">
+              <a class="govuk-link" href="#">Use<span class="govuk-visually-hidden"> (Senior mid-level customer experience enhancement consultant)</span></a>
+            </li>
+            <li class="govuk-summary-list__actions-list-item">
+              <a class="govuk-link" href="#">Break<span class="govuk-visually-hidden"> (Senior mid-level customer experience enhancement consultant)</span></a>
+            </li>
+            <li class="govuk-summary-list__actions-list-item">
+              <a class="govuk-link" href="#">Fix<span class="govuk-visually-hidden"> (Senior mid-level customer experience enhancement consultant)</span></a>
+            </li>
+            <li class="govuk-summary-list__actions-list-item">
+              <a class="govuk-link" href="#">Trash<span class="govuk-visually-hidden"> (Senior mid-level customer experience enhancement consultant)</span></a>
+            </li>
+            <li class="govuk-summary-list__actions-list-item">
+              <a class="govuk-link" href="#">Change<span class="govuk-visually-hidden"> (Senior mid-level customer experience enhancement consultant)</span></a>
+            </li>
+            <li class="govuk-summary-list__actions-list-item">
+              <a class="govuk-link" href="#">Mail<span class="govuk-visually-hidden"> (Senior mid-level customer experience enhancement consultant)</span></a>
+            </li>
+            <li class="govuk-summary-list__actions-list-item">
+              <a class="govuk-link" href="#">Upgrade<span class="govuk-visually-hidden"> (Senior mid-level customer experience enhancement consultant)</span></a>
+            </li>
+            <li class="govuk-summary-list__actions-list-item">
+              <a class="govuk-link" href="#">Charge<span class="govuk-visually-hidden"> (Senior mid-level customer experience enhancement consultant)</span></a>
+            </li>
+            <li class="govuk-summary-list__actions-list-item">
+              <a class="govuk-link" href="#">Point<span class="govuk-visually-hidden"> (Senior mid-level customer experience enhancement consultant)</span></a>
+            </li>
+            <li class="govuk-summary-list__actions-list-item">
+              <a class="govuk-link" href="#">Zoom<span class="govuk-visually-hidden"> (Senior mid-level customer experience enhancement consultant)</span></a>
+            </li>
+            <li class="govuk-summary-list__actions-list-item">
+              <a class="govuk-link" href="#">Press<span class="govuk-visually-hidden"> (Senior mid-level customer experience enhancement consultant)</span></a>
+            </li>
+            <li class="govuk-summary-list__actions-list-item">
+              <a class="govuk-link" href="#">Snap<span class="govuk-visually-hidden"> (Senior mid-level customer experience enhancement consultant)</span></a>
+            </li>
+            <li class="govuk-summary-list__actions-list-item">
+              <a class="govuk-link" href="#">Work<span class="govuk-visually-hidden"> (Senior mid-level customer experience enhancement consultant)</span></a>
+            </li>
+            <li class="govuk-summary-list__actions-list-item">
+              <a class="govuk-link" href="#">Quick<span class="govuk-visually-hidden"> (Senior mid-level customer experience enhancement consultant)</span></a>
+            </li>
+            <li class="govuk-summary-list__actions-list-item">
+              <a class="govuk-link" href="#">Erase<span class="govuk-visually-hidden"> (Senior mid-level customer experience enhancement consultant)</span></a>
+            </li>
+          </ul>
+        </dd>
+      </div>
+      <div class="govuk-summary-list__row">
+        <dt class="govuk-summary-list__key">
+          Long website address
+        </dt>
+        <dd class="govuk-summary-list__value">
+          <a class="govuk-link" href="https://cs.wikipedia.org/wiki/Llanfairpwllgwyngyllgogerychwyrndrobwllllantysiliogogogoch">https://cs.wikipedia.org/wiki/Llanfairpwllgwyngyllgogerychwyrndrobwllllantysiliogogogoch</a>
+        </dd>
+        <dd class="govuk-summary-list__actions">
+          <a class="govuk-link" href="#">Change<span class="govuk-visually-hidden"> long website address (Senior mid-level customer experience enhancement consultant)</span></a>
+        </dd>
+      </div>
+    </dl>
+  </div>
+</div>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/summary-list/template-as-a-summary-card-with-a-html-header.html b/node_modules/govuk-frontend/dist/govuk/components/summary-list/template-as-a-summary-card-with-a-html-header.html
new file mode 100644
index 0000000..d202802
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/summary-list/template-as-a-summary-card-with-a-html-header.html
@@ -0,0 +1,28 @@
+<div class="govuk-summary-card">
+  <div class="govuk-summary-card__title-wrapper">
+    <h2 class="govuk-summary-card__title">
+      <em>Undergraduate teaching assistant</em>
+    </h2>
+  </div>
+
+  <div class="govuk-summary-card__content">
+    <dl class="govuk-summary-list">
+      <div class="govuk-summary-list__row">
+        <dt class="govuk-summary-list__key">
+          Name
+        </dt>
+        <dd class="govuk-summary-list__value">
+          Firstname Lastname
+        </dd>
+      </div>
+      <div class="govuk-summary-list__row">
+        <dt class="govuk-summary-list__key">
+          Date of birth
+        </dt>
+        <dd class="govuk-summary-list__value">
+          13/08/1980
+        </dd>
+      </div>
+    </dl>
+  </div>
+</div>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/summary-list/template-as-a-summary-card-with-a-text-header.html b/node_modules/govuk-frontend/dist/govuk/components/summary-list/template-as-a-summary-card-with-a-text-header.html
new file mode 100644
index 0000000..8dda796
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/summary-list/template-as-a-summary-card-with-a-text-header.html
@@ -0,0 +1,28 @@
+<div class="govuk-summary-card">
+  <div class="govuk-summary-card__title-wrapper">
+    <h2 class="govuk-summary-card__title">
+      Undergraduate teaching assistant
+    </h2>
+  </div>
+
+  <div class="govuk-summary-card__content">
+    <dl class="govuk-summary-list">
+      <div class="govuk-summary-list__row">
+        <dt class="govuk-summary-list__key">
+          Name
+        </dt>
+        <dd class="govuk-summary-list__value">
+          Firstname Lastname
+        </dd>
+      </div>
+      <div class="govuk-summary-list__row">
+        <dt class="govuk-summary-list__key">
+          Date of birth
+        </dt>
+        <dd class="govuk-summary-list__value">
+          13/08/1980
+        </dd>
+      </div>
+    </dl>
+  </div>
+</div>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/summary-list/template-as-a-summary-card-with-actions-plus-summary-list-actions.html b/node_modules/govuk-frontend/dist/govuk/components/summary-list/template-as-a-summary-card-with-actions-plus-summary-list-actions.html
new file mode 100644
index 0000000..39c0aca
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/summary-list/template-as-a-summary-card-with-actions-plus-summary-list-actions.html
@@ -0,0 +1,49 @@
+<div class="govuk-summary-card">
+  <div class="govuk-summary-card__title-wrapper">
+    <h2 class="govuk-summary-card__title">
+      Undergraduate teaching assistant
+    </h2>
+    <ul class="govuk-summary-card__actions">
+      <li class="govuk-summary-card__action">
+        <a class="govuk-link" href="#">Delete job history<span class="govuk-visually-hidden"> (Undergraduate teaching assistant)</span></a>
+      </li>
+      <li class="govuk-summary-card__action">
+        <a class="govuk-link" href="#">Withdraw job history<span class="govuk-visually-hidden"> (Undergraduate teaching assistant)</span></a>
+      </li>
+    </ul>
+  </div>
+
+  <div class="govuk-summary-card__content">
+    <dl class="govuk-summary-list">
+      <div class="govuk-summary-list__row">
+        <dt class="govuk-summary-list__key">
+          Name
+        </dt>
+        <dd class="govuk-summary-list__value">
+          Firstname Lastname
+        </dd>
+        <dd class="govuk-summary-list__actions">
+          <ul class="govuk-summary-list__actions-list">
+            <li class="govuk-summary-list__actions-list-item">
+              <a class="govuk-link" href="#">Edit<span class="govuk-visually-hidden"> name (Undergraduate teaching assistant)</span></a>
+            </li>
+            <li class="govuk-summary-list__actions-list-item">
+              <a class="govuk-link" href="#">Delete<span class="govuk-visually-hidden"> name (Undergraduate teaching assistant)</span></a>
+            </li>
+          </ul>
+        </dd>
+      </div>
+      <div class="govuk-summary-list__row">
+        <dt class="govuk-summary-list__key">
+          Date of birth
+        </dt>
+        <dd class="govuk-summary-list__value">
+          13/08/1980
+        </dd>
+        <dd class="govuk-summary-list__actions">
+          <a class="govuk-link" href="#">Change<span class="govuk-visually-hidden"> date of birth (Undergraduate teaching assistant)</span></a>
+        </dd>
+      </div>
+    </dl>
+  </div>
+</div>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/summary-list/template-as-a-summary-card-with-actions.html b/node_modules/govuk-frontend/dist/govuk/components/summary-list/template-as-a-summary-card-with-actions.html
new file mode 100644
index 0000000..a0606e7
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/summary-list/template-as-a-summary-card-with-actions.html
@@ -0,0 +1,36 @@
+<div class="govuk-summary-card">
+  <div class="govuk-summary-card__title-wrapper">
+    <h2 class="govuk-summary-card__title">
+      Undergraduate teaching assistant
+    </h2>
+    <ul class="govuk-summary-card__actions">
+      <li class="govuk-summary-card__action">
+        <a class="govuk-link" href="#">Delete job history<span class="govuk-visually-hidden"> (Undergraduate teaching assistant)</span></a>
+      </li>
+      <li class="govuk-summary-card__action">
+        <a class="govuk-link" href="#">Withdraw job history<span class="govuk-visually-hidden"> (Undergraduate teaching assistant)</span></a>
+      </li>
+    </ul>
+  </div>
+
+  <div class="govuk-summary-card__content">
+    <dl class="govuk-summary-list">
+      <div class="govuk-summary-list__row">
+        <dt class="govuk-summary-list__key">
+          Name
+        </dt>
+        <dd class="govuk-summary-list__value">
+          Firstname Lastname
+        </dd>
+      </div>
+      <div class="govuk-summary-list__row">
+        <dt class="govuk-summary-list__key">
+          Date of birth
+        </dt>
+        <dd class="govuk-summary-list__value">
+          13/08/1980
+        </dd>
+      </div>
+    </dl>
+  </div>
+</div>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/summary-list/template-default.html b/node_modules/govuk-frontend/dist/govuk/components/summary-list/template-default.html
new file mode 100644
index 0000000..51a7a0f
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/summary-list/template-default.html
@@ -0,0 +1,35 @@
+<dl class="govuk-summary-list">
+  <div class="govuk-summary-list__row">
+    <dt class="govuk-summary-list__key">
+      Name
+    </dt>
+    <dd class="govuk-summary-list__value">
+      Firstname Lastname
+    </dd>
+  </div>
+  <div class="govuk-summary-list__row">
+    <dt class="govuk-summary-list__key">
+      Date of birth
+    </dt>
+    <dd class="govuk-summary-list__value">
+      13/08/1980
+    </dd>
+  </div>
+  <div class="govuk-summary-list__row">
+    <dt class="govuk-summary-list__key">
+      Contact information
+    </dt>
+    <dd class="govuk-summary-list__value">
+      <p class="govuk-body">
+        email@email.com
+      </p>
+      <p class="govuk-body">
+        Address line 1<br>
+        Address line 2<br>
+        Address line 3<br>
+        Address line 4<br>
+        Address line 5
+      </p>
+    </dd>
+  </div>
+</dl>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/summary-list/template-extreme.html b/node_modules/govuk-frontend/dist/govuk/components/summary-list/template-extreme.html
new file mode 100644
index 0000000..093a9c4
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/summary-list/template-extreme.html
@@ -0,0 +1,261 @@
+<dl class="govuk-summary-list">
+  <div class="govuk-summary-list__row">
+    <dt class="govuk-summary-list__key">
+      Name
+    </dt>
+    <dd class="govuk-summary-list__value">
+      Barnaby Marmaduke Aloysius Benjy Cobweb Dartagnan Egbert Felix Gaspar Humbert Ignatius Jayden Kasper Leroy Maximilian Neddy Obiajulu Pepin Quilliam Rosencrantz Sexton Teddy Upwood Vivatma Wayland Xylon Yardley Zachary Usansky
+    </dd>
+    <dd class="govuk-summary-list__actions">
+      <ul class="govuk-summary-list__actions-list">
+        <li class="govuk-summary-list__actions-list-item">
+          <a class="govuk-link" href="#">Buy</a>
+        </li>
+        <li class="govuk-summary-list__actions-list-item">
+          <a class="govuk-link" href="#">Use</a>
+        </li>
+        <li class="govuk-summary-list__actions-list-item">
+          <a class="govuk-link" href="#">Break</a>
+        </li>
+        <li class="govuk-summary-list__actions-list-item">
+          <a class="govuk-link" href="#">Fix</a>
+        </li>
+        <li class="govuk-summary-list__actions-list-item">
+          <a class="govuk-link" href="#">Trash</a>
+        </li>
+        <li class="govuk-summary-list__actions-list-item">
+          <a class="govuk-link" href="#">Change</a>
+        </li>
+        <li class="govuk-summary-list__actions-list-item">
+          <a class="govuk-link" href="#">Mail</a>
+        </li>
+        <li class="govuk-summary-list__actions-list-item">
+          <a class="govuk-link" href="#">Upgrade</a>
+        </li>
+        <li class="govuk-summary-list__actions-list-item">
+          <a class="govuk-link" href="#">Charge</a>
+        </li>
+        <li class="govuk-summary-list__actions-list-item">
+          <a class="govuk-link" href="#">Point</a>
+        </li>
+        <li class="govuk-summary-list__actions-list-item">
+          <a class="govuk-link" href="#">Zoom</a>
+        </li>
+        <li class="govuk-summary-list__actions-list-item">
+          <a class="govuk-link" href="#">Press</a>
+        </li>
+        <li class="govuk-summary-list__actions-list-item">
+          <a class="govuk-link" href="#">Snap</a>
+        </li>
+        <li class="govuk-summary-list__actions-list-item">
+          <a class="govuk-link" href="#">Work</a>
+        </li>
+        <li class="govuk-summary-list__actions-list-item">
+          <a class="govuk-link" href="#">Quick</a>
+        </li>
+        <li class="govuk-summary-list__actions-list-item">
+          <a class="govuk-link" href="#">Erase</a>
+        </li>
+      </ul>
+    </dd>
+  </div>
+  <div class="govuk-summary-list__row">
+    <dt class="govuk-summary-list__key">
+      Long website address
+    </dt>
+    <dd class="govuk-summary-list__value">
+      <a class="govuk-link" href="https://cs.wikipedia.org/wiki/Llanfairpwllgwyngyllgogerychwyrndrobwllllantysiliogogogoch">https://cs.wikipedia.org/wiki/Llanfairpwllgwyngyllgogerychwyrndrobwllllantysiliogogogoch</a>
+    </dd>
+    <dd class="govuk-summary-list__actions">
+      <a class="govuk-link" href="#">Change<span class="govuk-visually-hidden"> long website address</span></a>
+    </dd>
+  </div>
+  <div class="govuk-summary-list__row">
+    <dt class="govuk-summary-list__key">
+      Long email address
+    </dt>
+    <dd class="govuk-summary-list__value">
+      <a class="govuk-link" href="mailto:webmaster@llanfairpwllgwyngyllgogerychwyrndrobwllllantysiliogogogoch.com">webmaster@llanfairpwllgwyngyllgogerychwyrndrobwllllantysiliogogogoch.com</a>
+    </dd>
+    <dd class="govuk-summary-list__actions">
+      <a class="govuk-link" href="#">Change<span class="govuk-visually-hidden"> long email address</span></a>
+    </dd>
+  </div>
+  <div class="govuk-summary-list__row">
+    <dt class="govuk-summary-list__key">
+      No wrapping allowed
+    </dt>
+    <dd class="govuk-summary-list__value">
+      <p class="govuk-body" style="white-space: nowrap;">michelle.longish.name@example.com</p>
+    </dd>
+    <dd class="govuk-summary-list__actions">
+      <a class="govuk-link" href="#">Change<span class="govuk-visually-hidden"> no wrapping allowed</span></a>
+    </dd>
+  </div>
+  <div class="govuk-summary-list__row">
+    <dt class="govuk-summary-list__key">
+      Pneumonoultramicroscopicsilicovolcanoconiosis
+    </dt>
+    <dd class="govuk-summary-list__value">
+      <p class="govuk-body">Pneumonoultramicroscopicsilicovolcanoconiosis is a word coined by the president of the National Puzzlers’ League as a synonym for the disease known as silicosis. It is the longest word in the English language published in a dictionary, the Oxford English Dictionary, which defines it as "an artificial long word said to mean a lung disease caused by inhaling very fine ash and sand dust."</p>
+      <p class="govuk-body">Silicosis is a form of occupational lung disease caused by inhalation of crystalline silica dust, and is marked by inflammation and scarring in the form of nodular lesions in the upper lobes of the lungs. It is a type of pneumoconiosis.</p>
+    </dd>
+    <dd class="govuk-summary-list__actions">
+      <ul class="govuk-summary-list__actions-list">
+        <li class="govuk-summary-list__actions-list-item">
+          <a class="govuk-link" href="#">Write</a>
+        </li>
+        <li class="govuk-summary-list__actions-list-item">
+          <a class="govuk-link" href="#">Cut</a>
+        </li>
+        <li class="govuk-summary-list__actions-list-item">
+          <a class="govuk-link" href="#">Paste</a>
+        </li>
+        <li class="govuk-summary-list__actions-list-item">
+          <a class="govuk-link" href="#">Save</a>
+        </li>
+        <li class="govuk-summary-list__actions-list-item">
+          <a class="govuk-link" href="#">Load</a>
+        </li>
+        <li class="govuk-summary-list__actions-list-item">
+          <a class="govuk-link" href="#">Check</a>
+        </li>
+        <li class="govuk-summary-list__actions-list-item">
+          <a class="govuk-link" href="#">Quick</a>
+        </li>
+        <li class="govuk-summary-list__actions-list-item">
+          <a class="govuk-link" href="#">Rewrite</a>
+        </li>
+        <li class="govuk-summary-list__actions-list-item">
+          <a class="govuk-link" href="#">Plug</a>
+        </li>
+        <li class="govuk-summary-list__actions-list-item">
+          <a class="govuk-link" href="#">Play</a>
+        </li>
+        <li class="govuk-summary-list__actions-list-item">
+          <a class="govuk-link" href="#">Burn</a>
+        </li>
+        <li class="govuk-summary-list__actions-list-item">
+          <a class="govuk-link" href="#">Rip</a>
+        </li>
+        <li class="govuk-summary-list__actions-list-item">
+          <a class="govuk-link" href="#">Drag and drop</a>
+        </li>
+        <li class="govuk-summary-list__actions-list-item">
+          <a class="govuk-link" href="#">Zip</a>
+        </li>
+        <li class="govuk-summary-list__actions-list-item">
+          <a class="govuk-link" href="#">Unzip</a>
+        </li>
+        <li class="govuk-summary-list__actions-list-item">
+          <a class="govuk-link" href="#">Lock</a>
+        </li>
+        <li class="govuk-summary-list__actions-list-item">
+          <a class="govuk-link" href="#">Fill</a>
+        </li>
+        <li class="govuk-summary-list__actions-list-item">
+          <a class="govuk-link" href="#">Curl</a>
+        </li>
+        <li class="govuk-summary-list__actions-list-item">
+          <a class="govuk-link" href="#">Find</a>
+        </li>
+        <li class="govuk-summary-list__actions-list-item">
+          <a class="govuk-link" href="#">View</a>
+        </li>
+      </ul>
+    </dd>
+  </div>
+  <div class="govuk-summary-list__row">
+    <dt class="govuk-summary-list__key">
+      Its vanished trees, the trees that had made way for Gatsby’s house, Pneumonoultramicroscopicsilicovolcanoconiosis had once pandered in whispers to the last and greatest of all human dreams; for a transitory enchanted moment man must have held his breath in the presence of this continent, compelled into an aesthetic contemplation he neither understood nor desired, face to face for the last time in history with something commensurate to his capacity for wonder.
+    </dt>
+    <dd class="govuk-summary-list__value">
+      The Great Gatsby
+    </dd>
+    <dd class="govuk-summary-list__actions">
+      <ul class="govuk-summary-list__actions-list">
+        <li class="govuk-summary-list__actions-list-item">
+          <a class="govuk-link" href="#">Code</a>
+        </li>
+        <li class="govuk-summary-list__actions-list-item">
+          <a class="govuk-link" href="#">Jam</a>
+        </li>
+        <li class="govuk-summary-list__actions-list-item">
+          <a class="govuk-link" href="#">Unlock</a>
+        </li>
+        <li class="govuk-summary-list__actions-list-item">
+          <a class="govuk-link" href="#">Surf</a>
+        </li>
+        <li class="govuk-summary-list__actions-list-item">
+          <a class="govuk-link" href="#">Scroll</a>
+        </li>
+        <li class="govuk-summary-list__actions-list-item">
+          <a class="govuk-link" href="#">Pose</a>
+        </li>
+        <li class="govuk-summary-list__actions-list-item">
+          <a class="govuk-link" href="#">Click</a>
+        </li>
+        <li class="govuk-summary-list__actions-list-item">
+          <a class="govuk-link" href="#">Cross</a>
+        </li>
+        <li class="govuk-summary-list__actions-list-item">
+          <a class="govuk-link" href="#">Crack</a>
+        </li>
+        <li class="govuk-summary-list__actions-list-item">
+          <a class="govuk-link" href="#">Twitch</a>
+        </li>
+        <li class="govuk-summary-list__actions-list-item">
+          <a class="govuk-link" href="#">Update</a>
+        </li>
+        <li class="govuk-summary-list__actions-list-item">
+          <a class="govuk-link" href="#">Name</a>
+        </li>
+        <li class="govuk-summary-list__actions-list-item">
+          <a class="govuk-link" href="#">Read</a>
+        </li>
+        <li class="govuk-summary-list__actions-list-item">
+          <a class="govuk-link" href="#">Tune</a>
+        </li>
+        <li class="govuk-summary-list__actions-list-item">
+          <a class="govuk-link" href="#">Print</a>
+        </li>
+        <li class="govuk-summary-list__actions-list-item">
+          <a class="govuk-link" href="#">Scan</a>
+        </li>
+        <li class="govuk-summary-list__actions-list-item">
+          <a class="govuk-link" href="#">Send</a>
+        </li>
+        <li class="govuk-summary-list__actions-list-item">
+          <a class="govuk-link" href="#">Fax</a>
+        </li>
+        <li class="govuk-summary-list__actions-list-item">
+          <a class="govuk-link" href="#">Rename</a>
+        </li>
+        <li class="govuk-summary-list__actions-list-item">
+          <a class="govuk-link" href="#">Touch</a>
+        </li>
+        <li class="govuk-summary-list__actions-list-item">
+          <a class="govuk-link" href="#">Bring</a>
+        </li>
+        <li class="govuk-summary-list__actions-list-item">
+          <a class="govuk-link" href="#">Pay</a>
+        </li>
+        <li class="govuk-summary-list__actions-list-item">
+          <a class="govuk-link" href="#">Watch</a>
+        </li>
+        <li class="govuk-summary-list__actions-list-item">
+          <a class="govuk-link" href="#">Turn</a>
+        </li>
+        <li class="govuk-summary-list__actions-list-item">
+          <a class="govuk-link" href="#">Leave</a>
+        </li>
+        <li class="govuk-summary-list__actions-list-item">
+          <a class="govuk-link" href="#">Stop</a>
+        </li>
+        <li class="govuk-summary-list__actions-list-item">
+          <a class="govuk-link" href="#">Format</a>
+        </li>
+      </ul>
+    </dd>
+  </div>
+</dl>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/summary-list/template-no-border-on-last-row.html b/node_modules/govuk-frontend/dist/govuk/components/summary-list/template-no-border-on-last-row.html
new file mode 100644
index 0000000..b2ae4f6
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/summary-list/template-no-border-on-last-row.html
@@ -0,0 +1,35 @@
+<dl class="govuk-summary-list">
+  <div class="govuk-summary-list__row">
+    <dt class="govuk-summary-list__key">
+      Name
+    </dt>
+    <dd class="govuk-summary-list__value">
+      Firstname Lastname
+    </dd>
+  </div>
+  <div class="govuk-summary-list__row">
+    <dt class="govuk-summary-list__key">
+      Date of birth
+    </dt>
+    <dd class="govuk-summary-list__value">
+      13/08/1980
+    </dd>
+  </div>
+  <div class="govuk-summary-list__row govuk-summary-list__row--no-border">
+    <dt class="govuk-summary-list__key">
+      Contact information
+    </dt>
+    <dd class="govuk-summary-list__value">
+      <p class="govuk-body">
+        email@email.com
+      </p>
+      <p class="govuk-body">
+        Address line 1<br>
+        Address line 2<br>
+        Address line 3<br>
+        Address line 4<br>
+        Address line 5
+      </p>
+    </dd>
+  </div>
+</dl>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/summary-list/template-no-border.html b/node_modules/govuk-frontend/dist/govuk/components/summary-list/template-no-border.html
new file mode 100644
index 0000000..dca15f7
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/summary-list/template-no-border.html
@@ -0,0 +1,35 @@
+<dl class="govuk-summary-list govuk-summary-list--no-border">
+  <div class="govuk-summary-list__row">
+    <dt class="govuk-summary-list__key">
+      Name
+    </dt>
+    <dd class="govuk-summary-list__value">
+      Firstname Lastname
+    </dd>
+  </div>
+  <div class="govuk-summary-list__row">
+    <dt class="govuk-summary-list__key">
+      Date of birth
+    </dt>
+    <dd class="govuk-summary-list__value">
+      13/08/1980
+    </dd>
+  </div>
+  <div class="govuk-summary-list__row">
+    <dt class="govuk-summary-list__key">
+      Contact information
+    </dt>
+    <dd class="govuk-summary-list__value">
+      <p class="govuk-body">
+        email@email.com
+      </p>
+      <p class="govuk-body">
+        Address line 1<br>
+        Address line 2<br>
+        Address line 3<br>
+        Address line 4<br>
+        Address line 5
+      </p>
+    </dd>
+  </div>
+</dl>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/summary-list/template-with-actions.html b/node_modules/govuk-frontend/dist/govuk/components/summary-list/template-with-actions.html
new file mode 100644
index 0000000..0ccbd21
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/summary-list/template-with-actions.html
@@ -0,0 +1,58 @@
+<dl class="govuk-summary-list">
+  <div class="govuk-summary-list__row">
+    <dt class="govuk-summary-list__key">
+      Name
+    </dt>
+    <dd class="govuk-summary-list__value">
+      Firstname Lastname
+    </dd>
+    <dd class="govuk-summary-list__actions">
+      <ul class="govuk-summary-list__actions-list">
+        <li class="govuk-summary-list__actions-list-item">
+          <a class="govuk-link" href="#">Edit<span class="govuk-visually-hidden"> name</span></a>
+        </li>
+        <li class="govuk-summary-list__actions-list-item">
+          <a class="govuk-link" href="#">Delete<span class="govuk-visually-hidden"> name</span></a>
+        </li>
+      </ul>
+    </dd>
+  </div>
+  <div class="govuk-summary-list__row">
+    <dt class="govuk-summary-list__key">
+      Date of birth
+    </dt>
+    <dd class="govuk-summary-list__value">
+      13/08/1980
+    </dd>
+    <dd class="govuk-summary-list__actions">
+      <a class="govuk-link" href="#">Change<span class="govuk-visually-hidden"> date of birth</span></a>
+    </dd>
+  </div>
+  <div class="govuk-summary-list__row">
+    <dt class="govuk-summary-list__key">
+      Contact information
+    </dt>
+    <dd class="govuk-summary-list__value">
+      <p class="govuk-body">
+        email@email.com
+      </p>
+      <p class="govuk-body">
+        Address line 1<br>
+        Address line 2<br>
+        Address line 3<br>
+        Address line 4<br>
+        Address line 5
+      </p>
+    </dd>
+    <dd class="govuk-summary-list__actions">
+      <ul class="govuk-summary-list__actions-list">
+        <li class="govuk-summary-list__actions-list-item">
+          <a class="govuk-link" href="#">Edit<span class="govuk-visually-hidden"> contact information</span></a>
+        </li>
+        <li class="govuk-summary-list__actions-list-item">
+          <a class="govuk-link" href="#">Change<span class="govuk-visually-hidden"> contact information</span></a>
+        </li>
+      </ul>
+    </dd>
+  </div>
+</dl>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/summary-list/template.njk b/node_modules/govuk-frontend/dist/govuk/components/summary-list/template.njk
new file mode 100644
index 0000000..b0f9eb4
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/summary-list/template.njk
@@ -0,0 +1,94 @@
+{% from "../../macros/attributes.njk" import govukAttributes %}
+
+{%- macro _actionLink(action, cardTitle) %}
+  <a class="govuk-link {%- if action.classes %} {{ action.classes }}{% endif %}" href="{{ action.href }}"
+    {{- govukAttributes(action.attributes) }}>
+    {{- action.html | safe | indent(4) if action.html else action.text -}}
+    {%- if action.visuallyHiddenText or cardTitle -%}
+    <span class="govuk-visually-hidden">
+      {%- if action.visuallyHiddenText %} {{ action.visuallyHiddenText }}{% endif -%}
+      {%- if cardTitle %} ({{ cardTitle.html | indent(6) | safe if cardTitle.html else cardTitle.text }}){% endif -%}
+    </span>
+    {%- endif -%}
+  </a>
+{% endmacro -%}
+
+{%- macro _summaryCard(params) %}
+{%- set headingLevel = params.title.headingLevel if params.title.headingLevel else 2 -%}
+
+<div class="govuk-summary-card {%- if params.classes %} {{ params.classes }}{% endif %}"
+  {{- govukAttributes(params.attributes) }}>
+  <div class="govuk-summary-card__title-wrapper">
+  {% if params.title %}
+    <h{{ headingLevel }} class="govuk-summary-card__title {%- if params.title.classes %} {{ params.title.classes }}{% endif %}">
+      {{ params.title.html | safe | trim | indent(6) if params.title.html else params.title.text }}
+    </h{{ headingLevel }}>
+  {% endif %}
+  {% if params.actions.items.length %}
+    {% if params.actions.items.length == 1 %}
+    <div class="govuk-summary-card__actions {%- if params.actions.classes %} {{ params.actions.classes }}{% endif %}">
+      {{ _actionLink(params.actions.items[0], params.title) | trim | indent(4) }}
+    </div>
+    {% else %}
+    <ul class="govuk-summary-card__actions {%- if params.actions.classes %} {{ params.actions.classes }}{% endif %}">
+      {% for action in params.actions.items %}
+      <li class="govuk-summary-card__action">
+        {{ _actionLink(action, params.title) | trim | indent(8) }}
+      </li>
+      {% endfor %}
+    </ul>
+    {% endif %}
+  {% endif %}
+  </div>
+
+  <div class="govuk-summary-card__content">
+    {{ caller() | trim }}
+  </div>
+</div>
+{% endmacro -%}
+
+{#- Determine if we need 2 or 3 columns #}
+{%- set anyRowHasActions = false %}
+{% for row in params.rows %}
+  {% set anyRowHasActions = true if row.actions.items | length else anyRowHasActions %}
+{% endfor -%}
+
+{%- set summaryList -%}
+<dl class="govuk-summary-list {%- if params.classes %} {{ params.classes }}{% endif %}" {{- govukAttributes(params.attributes) }}>
+{% for row in params.rows %}
+  {% if row %}
+  <div class="govuk-summary-list__row {%- if anyRowHasActions and not row.actions.items %} govuk-summary-list__row--no-actions{% endif %} {%- if row.classes %} {{ row.classes }}{% endif %}">
+    <dt class="govuk-summary-list__key {%- if row.key.classes %} {{ row.key.classes }}{% endif %}">
+      {{ row.key.html | safe | trim | indent(6) if row.key.html else row.key.text }}
+    </dt>
+    <dd class="govuk-summary-list__value {%- if row.value.classes %} {{ row.value.classes }}{% endif %}">
+      {{ row.value.html | safe | trim | indent(6) if row.value.html else row.value.text }}
+    </dd>
+    {% if row.actions.items.length %}
+    <dd class="govuk-summary-list__actions {%- if row.actions.classes %} {{ row.actions.classes }}{% endif %}">
+      {% if row.actions.items.length == 1 %}
+        {{- _actionLink(row.actions.items[0], params.card.title) | trim | indent(6, true) }}
+      {% else %}
+      <ul class="govuk-summary-list__actions-list">
+        {% for action in row.actions.items %}
+        <li class="govuk-summary-list__actions-list-item">
+          {{ _actionLink(action, params.card.title) | trim | indent(8) }}
+        </li>
+        {% endfor %}
+      </ul>
+      {% endif %}
+    </dd>
+    {% endif %}
+  </div>
+  {% endif %}
+{% endfor %}
+</dl>
+{%- endset %}
+
+{%- if params.card -%}
+  {% call _summaryCard(params.card) -%}
+    {{ summaryList | safe | trim | indent(4) }}
+  {%- endcall %}
+{%- else -%}
+  {{ summaryList | safe | trim }}
+{%- endif %}
diff --git a/node_modules/govuk-frontend/dist/govuk/components/table/README.md b/node_modules/govuk-frontend/dist/govuk/components/table/README.md
new file mode 100644
index 0000000..5a1b9e9
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/table/README.md
@@ -0,0 +1,15 @@
+# Table
+
+## Installation
+
+See the [main README quick start guide](https://github.com/alphagov/govuk-frontend#quick-start) for how to install this component.
+
+## Guidance and Examples
+
+Find out when to use the table component in your service in the [GOV.UK Design System](https://design-system.service.gov.uk/components/table).
+
+## Component options
+
+Use options to customise the appearance, content and behaviour of a component when using a macro, for example, changing the text.
+
+See [options table](https://design-system.service.gov.uk/components/table/#options-table-example) for details.
diff --git a/node_modules/govuk-frontend/dist/govuk/components/table/_index.scss b/node_modules/govuk-frontend/dist/govuk/components/table/_index.scss
new file mode 100644
index 0000000..1765ecf
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/table/_index.scss
@@ -0,0 +1,75 @@
+@include govuk-exports("govuk/component/table") {
+  .govuk-table {
+    @include govuk-font($size: 19);
+    @include govuk-text-colour;
+    width: 100%;
+    @include govuk-responsive-margin(6, "bottom");
+
+    border-spacing: 0;
+    border-collapse: collapse;
+  }
+
+  @if $govuk-new-typography-scale {
+    // Modifier for tables with a lot of data. Tables with lots of data benefit
+    // from a smaller font size on small screens.
+    .govuk-table--small-text-until-tablet {
+      @include govuk-media-query($until: tablet) {
+        @include govuk-font-size($size: 16);
+      }
+    }
+  }
+
+  .govuk-table__header {
+    @include govuk-typography-weight-bold;
+  }
+
+  .govuk-table__header,
+  .govuk-table__cell {
+    padding: govuk-spacing(2) govuk-spacing(4) govuk-spacing(2) 0;
+    border-bottom: 1px solid $govuk-border-colour;
+    text-align: left;
+    vertical-align: top;
+  }
+
+  .govuk-table__cell--numeric {
+    @include govuk-font-tabular-numbers;
+  }
+
+  .govuk-table__header--numeric,
+  .govuk-table__cell--numeric {
+    text-align: right;
+  }
+
+  .govuk-table__header:last-child,
+  .govuk-table__cell:last-child {
+    padding-right: 0;
+  }
+
+  .govuk-table__caption {
+    @include govuk-typography-weight-bold;
+
+    display: table-caption;
+    text-align: left;
+  }
+
+  // Modifiers that make captions look more like their equivalent headings
+  .govuk-table__caption--xl,
+  .govuk-table__caption--l,
+  .govuk-table__caption--m {
+    margin-bottom: govuk-spacing(3);
+  }
+
+  .govuk-table__caption--xl {
+    @include govuk-font-size($size: 48);
+  }
+
+  .govuk-table__caption--l {
+    @include govuk-font-size($size: 36);
+  }
+
+  .govuk-table__caption--m {
+    @include govuk-font-size($size: 24);
+  }
+}
+
+/*# sourceMappingURL=_index.scss.map */
diff --git a/node_modules/govuk-frontend/dist/govuk/components/table/_index.scss.map b/node_modules/govuk-frontend/dist/govuk/components/table/_index.scss.map
new file mode 100644
index 0000000..c0d3dfc
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/table/_index.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/table/_index.scss"],"names":[],"mappings":"AAAA;EACE;IACE,8BAA8B;IAC9B,0BAA0B;IAC1B,WAAW;IACX,6CAA6C;;IAE7C,iBAAiB;IACjB,yBAAyB;EAC3B;;EAEA;IACE,0EAA0E;IAC1E,4CAA4C;IAC5C;MACE;QACE,mCAAmC;MACrC;IACF;EACF;;EAEA;IACE,qCAAqC;EACvC;;EAEA;;IAEE,6DAA6D;IAC7D,6CAA6C;IAC7C,gBAAgB;IAChB,mBAAmB;EACrB;;EAEA;IACE,mCAAmC;EACrC;;EAEA;;IAEE,iBAAiB;EACnB;;EAEA;;IAEE,gBAAgB;EAClB;;EAEA;IACE,qCAAqC;;IAErC,sBAAsB;IACtB,gBAAgB;EAClB;;EAEA,uEAAuE;EACvE;;;IAGE,+BAA+B;EACjC;;EAEA;IACE,mCAAmC;EACrC;;EAEA;IACE,mCAAmC;EACrC;;EAEA;IACE,mCAAmC;EACrC;AACF","file":"_index.scss","sourcesContent":["@include govuk-exports(\"govuk/component/table\") {\n  .govuk-table {\n    @include govuk-font($size: 19);\n    @include govuk-text-colour;\n    width: 100%;\n    @include govuk-responsive-margin(6, \"bottom\");\n\n    border-spacing: 0;\n    border-collapse: collapse;\n  }\n\n  @if $govuk-new-typography-scale {\n    // Modifier for tables with a lot of data. Tables with lots of data benefit\n    // from a smaller font size on small screens.\n    .govuk-table--small-text-until-tablet {\n      @include govuk-media-query($until: tablet) {\n        @include govuk-font-size($size: 16);\n      }\n    }\n  }\n\n  .govuk-table__header {\n    @include govuk-typography-weight-bold;\n  }\n\n  .govuk-table__header,\n  .govuk-table__cell {\n    padding: govuk-spacing(2) govuk-spacing(4) govuk-spacing(2) 0;\n    border-bottom: 1px solid $govuk-border-colour;\n    text-align: left;\n    vertical-align: top;\n  }\n\n  .govuk-table__cell--numeric {\n    @include govuk-font-tabular-numbers;\n  }\n\n  .govuk-table__header--numeric,\n  .govuk-table__cell--numeric {\n    text-align: right;\n  }\n\n  .govuk-table__header:last-child,\n  .govuk-table__cell:last-child {\n    padding-right: 0;\n  }\n\n  .govuk-table__caption {\n    @include govuk-typography-weight-bold;\n\n    display: table-caption;\n    text-align: left;\n  }\n\n  // Modifiers that make captions look more like their equivalent headings\n  .govuk-table__caption--xl,\n  .govuk-table__caption--l,\n  .govuk-table__caption--m {\n    margin-bottom: govuk-spacing(3);\n  }\n\n  .govuk-table__caption--xl {\n    @include govuk-font-size($size: 48);\n  }\n\n  .govuk-table__caption--l {\n    @include govuk-font-size($size: 36);\n  }\n\n  .govuk-table__caption--m {\n    @include govuk-font-size($size: 24);\n  }\n}\n"]}
diff --git a/node_modules/govuk-frontend/dist/govuk/components/table/_table.scss b/node_modules/govuk-frontend/dist/govuk/components/table/_table.scss
new file mode 100644
index 0000000..6a25734
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/table/_table.scss
@@ -0,0 +1,4 @@
+@import "../../base";
+@import "./index";
+
+/*# sourceMappingURL=_table.scss.map */
diff --git a/node_modules/govuk-frontend/dist/govuk/components/table/_table.scss.map b/node_modules/govuk-frontend/dist/govuk/components/table/_table.scss.map
new file mode 100644
index 0000000..24d565c
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/table/_table.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/table/_table.scss"],"names":[],"mappings":"AAAA,oBAAoB;AACpB,iBAAiB","file":"_table.scss","sourcesContent":["@import \"../../base\";\n@import \"./index\";\n"]}
diff --git a/node_modules/govuk-frontend/dist/govuk/components/table/fixtures.json b/node_modules/govuk-frontend/dist/govuk/components/table/fixtures.json
new file mode 100644
index 0000000..e0de6ad
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/table/fixtures.json
@@ -0,0 +1,651 @@
+{
+    "component": "table",
+    "fixtures": [
+        {
+            "name": "default",
+            "options": {
+                "rows": [
+                    [
+                        {
+                            "text": "January"
+                        },
+                        {
+                            "text": "£85",
+                            "format": "numeric"
+                        },
+                        {
+                            "text": "£95",
+                            "format": "numeric"
+                        }
+                    ],
+                    [
+                        {
+                            "text": "February"
+                        },
+                        {
+                            "text": "£75",
+                            "format": "numeric"
+                        },
+                        {
+                            "text": "£55",
+                            "format": "numeric"
+                        }
+                    ],
+                    [
+                        {
+                            "text": "March"
+                        },
+                        {
+                            "text": "£165",
+                            "format": "numeric"
+                        },
+                        {
+                            "text": "£125",
+                            "format": "numeric"
+                        }
+                    ]
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<table class=\"govuk-table\">\n  <tbody class=\"govuk-table__body\">\n    <tr class=\"govuk-table__row\">\n      <td class=\"govuk-table__cell\">January</td>\n      <td class=\"govuk-table__cell govuk-table__cell--numeric\">£85</td>\n      <td class=\"govuk-table__cell govuk-table__cell--numeric\">£95</td>\n    </tr>\n    <tr class=\"govuk-table__row\">\n      <td class=\"govuk-table__cell\">February</td>\n      <td class=\"govuk-table__cell govuk-table__cell--numeric\">£75</td>\n      <td class=\"govuk-table__cell govuk-table__cell--numeric\">£55</td>\n    </tr>\n    <tr class=\"govuk-table__row\">\n      <td class=\"govuk-table__cell\">March</td>\n      <td class=\"govuk-table__cell govuk-table__cell--numeric\">£165</td>\n      <td class=\"govuk-table__cell govuk-table__cell--numeric\">£125</td>\n    </tr>\n  </tbody>\n</table>"
+        },
+        {
+            "name": "with head",
+            "options": {
+                "head": [
+                    {
+                        "text": "Month you apply"
+                    },
+                    {
+                        "text": "Rate for bicycles",
+                        "format": "numeric"
+                    },
+                    {
+                        "text": "Rate for vehicles",
+                        "format": "numeric"
+                    }
+                ],
+                "rows": [
+                    [
+                        {
+                            "text": "January"
+                        },
+                        {
+                            "text": "£85",
+                            "format": "numeric"
+                        },
+                        {
+                            "text": "£95",
+                            "format": "numeric"
+                        }
+                    ],
+                    [
+                        {
+                            "text": "February"
+                        },
+                        {
+                            "text": "£75",
+                            "format": "numeric"
+                        },
+                        {
+                            "text": "£55",
+                            "format": "numeric"
+                        }
+                    ],
+                    [
+                        {
+                            "text": "March"
+                        },
+                        {
+                            "text": "£165",
+                            "format": "numeric"
+                        },
+                        {
+                            "text": "£125",
+                            "format": "numeric"
+                        }
+                    ]
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<table class=\"govuk-table\">\n  <thead class=\"govuk-table__head\">\n    <tr class=\"govuk-table__row\">\n      <th scope=\"col\" class=\"govuk-table__header\">Month you apply</th>\n      <th scope=\"col\" class=\"govuk-table__header govuk-table__header--numeric\">Rate for bicycles</th>\n      <th scope=\"col\" class=\"govuk-table__header govuk-table__header--numeric\">Rate for vehicles</th>\n    </tr>\n  </thead>\n  <tbody class=\"govuk-table__body\">\n    <tr class=\"govuk-table__row\">\n      <td class=\"govuk-table__cell\">January</td>\n      <td class=\"govuk-table__cell govuk-table__cell--numeric\">£85</td>\n      <td class=\"govuk-table__cell govuk-table__cell--numeric\">£95</td>\n    </tr>\n    <tr class=\"govuk-table__row\">\n      <td class=\"govuk-table__cell\">February</td>\n      <td class=\"govuk-table__cell govuk-table__cell--numeric\">£75</td>\n      <td class=\"govuk-table__cell govuk-table__cell--numeric\">£55</td>\n    </tr>\n    <tr class=\"govuk-table__row\">\n      <td class=\"govuk-table__cell\">March</td>\n      <td class=\"govuk-table__cell govuk-table__cell--numeric\">£165</td>\n      <td class=\"govuk-table__cell govuk-table__cell--numeric\">£125</td>\n    </tr>\n  </tbody>\n</table>"
+        },
+        {
+            "name": "with head and caption",
+            "options": {
+                "caption": "Caption 1: Months and rates",
+                "captionClasses": "govuk-table__caption--m",
+                "firstCellIsHeader": true,
+                "head": [
+                    {
+                        "text": "Month you apply"
+                    },
+                    {
+                        "text": "Rate for bicycles",
+                        "format": "numeric"
+                    },
+                    {
+                        "text": "Rate for vehicles",
+                        "format": "numeric"
+                    }
+                ],
+                "rows": [
+                    [
+                        {
+                            "text": "January"
+                        },
+                        {
+                            "text": "£85",
+                            "format": "numeric"
+                        },
+                        {
+                            "text": "£95",
+                            "format": "numeric"
+                        }
+                    ],
+                    [
+                        {
+                            "text": "February"
+                        },
+                        {
+                            "text": "£75",
+                            "format": "numeric"
+                        },
+                        {
+                            "text": "£55",
+                            "format": "numeric"
+                        }
+                    ],
+                    [
+                        {
+                            "text": "March"
+                        },
+                        {
+                            "text": "£165",
+                            "format": "numeric"
+                        },
+                        {
+                            "text": "£125",
+                            "format": "numeric"
+                        }
+                    ]
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": true,
+            "html": "<table class=\"govuk-table\">\n  <caption class=\"govuk-table__caption govuk-table__caption--m\">Caption 1: Months and rates</caption>\n  <thead class=\"govuk-table__head\">\n    <tr class=\"govuk-table__row\">\n      <th scope=\"col\" class=\"govuk-table__header\">Month you apply</th>\n      <th scope=\"col\" class=\"govuk-table__header govuk-table__header--numeric\">Rate for bicycles</th>\n      <th scope=\"col\" class=\"govuk-table__header govuk-table__header--numeric\">Rate for vehicles</th>\n    </tr>\n  </thead>\n  <tbody class=\"govuk-table__body\">\n    <tr class=\"govuk-table__row\">\n      <th scope=\"row\" class=\"govuk-table__header\">January</th>\n      <td class=\"govuk-table__cell govuk-table__cell--numeric\">£85</td>\n      <td class=\"govuk-table__cell govuk-table__cell--numeric\">£95</td>\n    </tr>\n    <tr class=\"govuk-table__row\">\n      <th scope=\"row\" class=\"govuk-table__header\">February</th>\n      <td class=\"govuk-table__cell govuk-table__cell--numeric\">£75</td>\n      <td class=\"govuk-table__cell govuk-table__cell--numeric\">£55</td>\n    </tr>\n    <tr class=\"govuk-table__row\">\n      <th scope=\"row\" class=\"govuk-table__header\">March</th>\n      <td class=\"govuk-table__cell govuk-table__cell--numeric\">£165</td>\n      <td class=\"govuk-table__cell govuk-table__cell--numeric\">£125</td>\n    </tr>\n  </tbody>\n</table>"
+        },
+        {
+            "name": "classes",
+            "options": {
+                "classes": "custom-class-goes-here",
+                "rows": [
+                    [
+                        {
+                            "text": "Jan"
+                        },
+                        {
+                            "text": "Feb"
+                        }
+                    ]
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<table class=\"govuk-table custom-class-goes-here\">\n  <tbody class=\"govuk-table__body\">\n    <tr class=\"govuk-table__row\">\n      <td class=\"govuk-table__cell\">Jan</td>\n      <td class=\"govuk-table__cell\">Feb</td>\n    </tr>\n  </tbody>\n</table>"
+        },
+        {
+            "name": "attributes",
+            "options": {
+                "attributes": {
+                    "data-foo": "bar"
+                },
+                "rows": [
+                    [
+                        {
+                            "text": "Jan"
+                        },
+                        {
+                            "text": "Feb"
+                        }
+                    ]
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<table class=\"govuk-table\" data-foo=\"bar\">\n  <tbody class=\"govuk-table__body\">\n    <tr class=\"govuk-table__row\">\n      <td class=\"govuk-table__cell\">Jan</td>\n      <td class=\"govuk-table__cell\">Feb</td>\n    </tr>\n  </tbody>\n</table>"
+        },
+        {
+            "name": "html as text",
+            "options": {
+                "head": [
+                    {
+                        "text": "Foo <script>hacking.do(1337)</script>"
+                    }
+                ],
+                "rows": [
+                    [
+                        {
+                            "text": "Foo <script>hacking.do(1337)</script>"
+                        }
+                    ]
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<table class=\"govuk-table\">\n  <thead class=\"govuk-table__head\">\n    <tr class=\"govuk-table__row\">\n      <th scope=\"col\" class=\"govuk-table__header\">Foo &lt;script&gt;hacking.do(1337)&lt;/script&gt;</th>\n    </tr>\n  </thead>\n  <tbody class=\"govuk-table__body\">\n    <tr class=\"govuk-table__row\">\n      <td class=\"govuk-table__cell\">Foo &lt;script&gt;hacking.do(1337)&lt;/script&gt;</td>\n    </tr>\n  </tbody>\n</table>"
+        },
+        {
+            "name": "html",
+            "options": {
+                "head": [
+                    {
+                        "html": "Foo <span>bar</span>"
+                    }
+                ],
+                "rows": [
+                    [
+                        {
+                            "html": "Foo <span>bar</span>"
+                        }
+                    ]
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<table class=\"govuk-table\">\n  <thead class=\"govuk-table__head\">\n    <tr class=\"govuk-table__row\">\n      <th scope=\"col\" class=\"govuk-table__header\">Foo <span>bar</span></th>\n    </tr>\n  </thead>\n  <tbody class=\"govuk-table__body\">\n    <tr class=\"govuk-table__row\">\n      <td class=\"govuk-table__cell\">Foo <span>bar</span></td>\n    </tr>\n  </tbody>\n</table>"
+        },
+        {
+            "name": "head with classes",
+            "options": {
+                "head": [
+                    {
+                        "text": "Foo",
+                        "classes": "my-custom-class"
+                    }
+                ],
+                "rows": [
+                    [
+                        {
+                            "text": "Jan"
+                        },
+                        {
+                            "text": "Feb"
+                        }
+                    ]
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<table class=\"govuk-table\">\n  <thead class=\"govuk-table__head\">\n    <tr class=\"govuk-table__row\">\n      <th scope=\"col\" class=\"govuk-table__header my-custom-class\">Foo</th>\n    </tr>\n  </thead>\n  <tbody class=\"govuk-table__body\">\n    <tr class=\"govuk-table__row\">\n      <td class=\"govuk-table__cell\">Jan</td>\n      <td class=\"govuk-table__cell\">Feb</td>\n    </tr>\n  </tbody>\n</table>"
+        },
+        {
+            "name": "head with rowspan and colspan",
+            "options": {
+                "head": [
+                    {
+                        "text": "Foo",
+                        "rowspan": 2,
+                        "colspan": 2
+                    }
+                ],
+                "rows": [
+                    [
+                        {
+                            "text": "Jan"
+                        },
+                        {
+                            "text": "Feb"
+                        }
+                    ]
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<table class=\"govuk-table\">\n  <thead class=\"govuk-table__head\">\n    <tr class=\"govuk-table__row\">\n      <th scope=\"col\" class=\"govuk-table__header\" colspan=\"2\" rowspan=\"2\">Foo</th>\n    </tr>\n  </thead>\n  <tbody class=\"govuk-table__body\">\n    <tr class=\"govuk-table__row\">\n      <td class=\"govuk-table__cell\">Jan</td>\n      <td class=\"govuk-table__cell\">Feb</td>\n    </tr>\n  </tbody>\n</table>"
+        },
+        {
+            "name": "head with attributes",
+            "options": {
+                "head": [
+                    {
+                        "text": "Foo",
+                        "attributes": {
+                            "data-fizz": "buzz"
+                        }
+                    }
+                ],
+                "rows": [
+                    [
+                        {
+                            "text": "Jan"
+                        },
+                        {
+                            "text": "Feb"
+                        }
+                    ]
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<table class=\"govuk-table\">\n  <thead class=\"govuk-table__head\">\n    <tr class=\"govuk-table__row\">\n      <th scope=\"col\" class=\"govuk-table__header\" data-fizz=\"buzz\">Foo</th>\n    </tr>\n  </thead>\n  <tbody class=\"govuk-table__body\">\n    <tr class=\"govuk-table__row\">\n      <td class=\"govuk-table__cell\">Jan</td>\n      <td class=\"govuk-table__cell\">Feb</td>\n    </tr>\n  </tbody>\n</table>"
+        },
+        {
+            "name": "with firstCellIsHeader true",
+            "options": {
+                "firstCellIsHeader": true,
+                "rows": [
+                    [
+                        {
+                            "text": "January"
+                        },
+                        {
+                            "text": "£85",
+                            "format": "numeric"
+                        },
+                        {
+                            "text": "£95",
+                            "format": "numeric"
+                        }
+                    ],
+                    [
+                        {
+                            "text": "February"
+                        },
+                        {
+                            "text": "£75",
+                            "format": "numeric"
+                        },
+                        {
+                            "text": "£55",
+                            "format": "numeric"
+                        }
+                    ],
+                    [
+                        {
+                            "text": "March"
+                        },
+                        {
+                            "text": "£165",
+                            "format": "numeric"
+                        },
+                        {
+                            "text": "£125",
+                            "format": "numeric"
+                        }
+                    ]
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<table class=\"govuk-table\">\n  <tbody class=\"govuk-table__body\">\n    <tr class=\"govuk-table__row\">\n      <th scope=\"row\" class=\"govuk-table__header\">January</th>\n      <td class=\"govuk-table__cell govuk-table__cell--numeric\">£85</td>\n      <td class=\"govuk-table__cell govuk-table__cell--numeric\">£95</td>\n    </tr>\n    <tr class=\"govuk-table__row\">\n      <th scope=\"row\" class=\"govuk-table__header\">February</th>\n      <td class=\"govuk-table__cell govuk-table__cell--numeric\">£75</td>\n      <td class=\"govuk-table__cell govuk-table__cell--numeric\">£55</td>\n    </tr>\n    <tr class=\"govuk-table__row\">\n      <th scope=\"row\" class=\"govuk-table__header\">March</th>\n      <td class=\"govuk-table__cell govuk-table__cell--numeric\">£165</td>\n      <td class=\"govuk-table__cell govuk-table__cell--numeric\">£125</td>\n    </tr>\n  </tbody>\n</table>"
+        },
+        {
+            "name": "firstCellIsHeader with classes",
+            "options": {
+                "firstCellIsHeader": true,
+                "rows": [
+                    [
+                        {
+                            "text": "Foo",
+                            "classes": "my-custom-class"
+                        }
+                    ]
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<table class=\"govuk-table\">\n  <tbody class=\"govuk-table__body\">\n    <tr class=\"govuk-table__row\">\n      <th scope=\"row\" class=\"govuk-table__header my-custom-class\">Foo</th>\n    </tr>\n  </tbody>\n</table>"
+        },
+        {
+            "name": "firstCellIsHeader with html",
+            "options": {
+                "firstCellIsHeader": true,
+                "rows": [
+                    [
+                        {
+                            "html": "Foo <span>bar</span>"
+                        }
+                    ]
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<table class=\"govuk-table\">\n  <tbody class=\"govuk-table__body\">\n    <tr class=\"govuk-table__row\">\n      <th scope=\"row\" class=\"govuk-table__header\">Foo <span>bar</span></th>\n    </tr>\n  </tbody>\n</table>"
+        },
+        {
+            "name": "firstCellIsHeader with html as text",
+            "options": {
+                "firstCellIsHeader": true,
+                "rows": [
+                    [
+                        {
+                            "text": "Foo <script>hacking.do(1337)</script>"
+                        }
+                    ]
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<table class=\"govuk-table\">\n  <tbody class=\"govuk-table__body\">\n    <tr class=\"govuk-table__row\">\n      <th scope=\"row\" class=\"govuk-table__header\">Foo &lt;script&gt;hacking.do(1337)&lt;/script&gt;</th>\n    </tr>\n  </tbody>\n</table>"
+        },
+        {
+            "name": "firstCellIsHeader with rowspan and colspan",
+            "options": {
+                "firstCellIsHeader": true,
+                "rows": [
+                    [
+                        {
+                            "text": "Foo",
+                            "rowspan": 2,
+                            "colspan": 2
+                        }
+                    ]
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<table class=\"govuk-table\">\n  <tbody class=\"govuk-table__body\">\n    <tr class=\"govuk-table__row\">\n      <th scope=\"row\" class=\"govuk-table__header\" colspan=\"2\" rowspan=\"2\">Foo</th>\n    </tr>\n  </tbody>\n</table>"
+        },
+        {
+            "name": "firstCellIsHeader with attributes",
+            "options": {
+                "firstCellIsHeader": true,
+                "rows": [
+                    [
+                        {
+                            "text": "Foo",
+                            "attributes": {
+                                "data-fizz": "buzz"
+                            }
+                        }
+                    ]
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<table class=\"govuk-table\">\n  <tbody class=\"govuk-table__body\">\n    <tr class=\"govuk-table__row\">\n      <th scope=\"row\" class=\"govuk-table__header\" data-fizz=\"buzz\">Foo</th>\n    </tr>\n  </tbody>\n</table>"
+        },
+        {
+            "name": "with falsy items",
+            "options": {
+                "rows": [
+                    [
+                        {
+                            "text": "A"
+                        },
+                        {
+                            "text": 1
+                        }
+                    ],
+                    false,
+                    null,
+                    [
+                        {
+                            "text": "B"
+                        },
+                        {
+                            "text": 2
+                        }
+                    ],
+                    [
+                        {
+                            "text": "C"
+                        },
+                        {
+                            "text": 3
+                        }
+                    ]
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<table class=\"govuk-table\">\n  <tbody class=\"govuk-table__body\">\n    <tr class=\"govuk-table__row\">\n      <td class=\"govuk-table__cell\">A</td>\n      <td class=\"govuk-table__cell\">1</td>\n    </tr>\n    <tr class=\"govuk-table__row\">\n      <td class=\"govuk-table__cell\">B</td>\n      <td class=\"govuk-table__cell\">2</td>\n    </tr>\n    <tr class=\"govuk-table__row\">\n      <td class=\"govuk-table__cell\">C</td>\n      <td class=\"govuk-table__cell\">3</td>\n    </tr>\n  </tbody>\n</table>"
+        },
+        {
+            "name": "rows with classes",
+            "options": {
+                "rows": [
+                    [
+                        {
+                            "text": "Foo",
+                            "classes": "my-custom-class"
+                        }
+                    ]
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<table class=\"govuk-table\">\n  <tbody class=\"govuk-table__body\">\n    <tr class=\"govuk-table__row\">\n      <td class=\"govuk-table__cell my-custom-class\">Foo</td>\n    </tr>\n  </tbody>\n</table>"
+        },
+        {
+            "name": "rows with rowspan and colspan",
+            "options": {
+                "rows": [
+                    [
+                        {
+                            "text": "Foo",
+                            "rowspan": 2,
+                            "colspan": 2
+                        }
+                    ]
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<table class=\"govuk-table\">\n  <tbody class=\"govuk-table__body\">\n    <tr class=\"govuk-table__row\">\n      <td class=\"govuk-table__cell\" colspan=\"2\" rowspan=\"2\">Foo</td>\n    </tr>\n  </tbody>\n</table>"
+        },
+        {
+            "name": "rows with attributes",
+            "options": {
+                "rows": [
+                    [
+                        {
+                            "text": "Foo",
+                            "attributes": {
+                                "data-fizz": "buzz"
+                            }
+                        }
+                    ]
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<table class=\"govuk-table\">\n  <tbody class=\"govuk-table__body\">\n    <tr class=\"govuk-table__row\">\n      <td class=\"govuk-table__cell\" data-fizz=\"buzz\">Foo</td>\n    </tr>\n  </tbody>\n</table>"
+        },
+        {
+            "name": "with small text modifier for tables with a lot of data",
+            "options": {
+                "classes": "govuk-table--small-text-until-tablet",
+                "rows": [
+                    [
+                        {
+                            "text": "January"
+                        },
+                        {
+                            "text": "£85",
+                            "format": "numeric"
+                        },
+                        {
+                            "text": "£95",
+                            "format": "numeric"
+                        }
+                    ],
+                    [
+                        {
+                            "text": "February"
+                        },
+                        {
+                            "text": "£75",
+                            "format": "numeric"
+                        },
+                        {
+                            "text": "£55",
+                            "format": "numeric"
+                        }
+                    ],
+                    [
+                        {
+                            "text": "March"
+                        },
+                        {
+                            "text": "£165",
+                            "format": "numeric"
+                        },
+                        {
+                            "text": "£125",
+                            "format": "numeric"
+                        }
+                    ]
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<table class=\"govuk-table govuk-table--small-text-until-tablet\">\n  <tbody class=\"govuk-table__body\">\n    <tr class=\"govuk-table__row\">\n      <td class=\"govuk-table__cell\">January</td>\n      <td class=\"govuk-table__cell govuk-table__cell--numeric\">£85</td>\n      <td class=\"govuk-table__cell govuk-table__cell--numeric\">£95</td>\n    </tr>\n    <tr class=\"govuk-table__row\">\n      <td class=\"govuk-table__cell\">February</td>\n      <td class=\"govuk-table__cell govuk-table__cell--numeric\">£75</td>\n      <td class=\"govuk-table__cell govuk-table__cell--numeric\">£55</td>\n    </tr>\n    <tr class=\"govuk-table__row\">\n      <td class=\"govuk-table__cell\">March</td>\n      <td class=\"govuk-table__cell govuk-table__cell--numeric\">£165</td>\n      <td class=\"govuk-table__cell govuk-table__cell--numeric\">£125</td>\n    </tr>\n  </tbody>\n</table>"
+        }
+    ]
+}
diff --git a/node_modules/govuk-frontend/dist/govuk/components/table/macro-options.json b/node_modules/govuk-frontend/dist/govuk/components/table/macro-options.json
new file mode 100644
index 0000000..e04207c
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/table/macro-options.json
@@ -0,0 +1,132 @@
+[
+    {
+        "name": "rows",
+        "type": "array",
+        "required": true,
+        "description": "The rows within the table component.",
+        "params": [
+            {
+                "name": "text",
+                "type": "string",
+                "required": true,
+                "description": "If `html` is set, this is not required. Text for cells in table rows. If `html` is provided, the `text` option will be ignored."
+            },
+            {
+                "name": "html",
+                "type": "string",
+                "required": true,
+                "description": "If `text` is set, this is not required. HTML for cells in table rows. If `html` is provided, the `text` option will be ignored."
+            },
+            {
+                "name": "format",
+                "type": "string",
+                "required": false,
+                "description": "Specify format of a cell. Currently we only use \"numeric\"."
+            },
+            {
+                "name": "classes",
+                "type": "string",
+                "required": false,
+                "description": "Classes to add to the table row cell."
+            },
+            {
+                "name": "colspan",
+                "type": "integer",
+                "required": false,
+                "description": "Specify how many columns a cell extends."
+            },
+            {
+                "name": "rowspan",
+                "type": "integer",
+                "required": false,
+                "description": "Specify how many rows a cell extends."
+            },
+            {
+                "name": "attributes",
+                "type": "object",
+                "required": false,
+                "description": "HTML attributes (for example data attributes) to add to the table cell."
+            }
+        ]
+    },
+    {
+        "name": "head",
+        "type": "array",
+        "required": false,
+        "description": "Can be used to add a row of table header cells (`<th>`) at the top of the table component.",
+        "params": [
+            {
+                "name": "text",
+                "type": "string",
+                "required": false,
+                "description": "If `html` is set, this is not required. Text for table head cells. If `html` is provided, the `text` option will be ignored."
+            },
+            {
+                "name": "html",
+                "type": "string",
+                "required": false,
+                "description": "If `text` is set, this is not required. HTML for table head cells. If `html` is provided, the `text` option will be ignored."
+            },
+            {
+                "name": "format",
+                "type": "string",
+                "required": false,
+                "description": "Specify format of a cell. Currently we only use \"numeric\"."
+            },
+            {
+                "name": "classes",
+                "type": "string",
+                "required": false,
+                "description": "Classes to add to the table head cell."
+            },
+            {
+                "name": "colspan",
+                "type": "integer",
+                "required": false,
+                "description": "Specify how many columns a cell extends."
+            },
+            {
+                "name": "rowspan",
+                "type": "integer",
+                "required": false,
+                "description": "Specify how many rows a cell extends."
+            },
+            {
+                "name": "attributes",
+                "type": "object",
+                "required": false,
+                "description": "HTML attributes (for example data attributes) to add to the table cell."
+            }
+        ]
+    },
+    {
+        "name": "caption",
+        "type": "string",
+        "required": false,
+        "description": "Caption text."
+    },
+    {
+        "name": "captionClasses",
+        "type": "string",
+        "required": false,
+        "description": "Classes for caption text size. Classes should correspond to the available typography heading classes."
+    },
+    {
+        "name": "firstCellIsHeader",
+        "type": "boolean",
+        "required": false,
+        "description": "If set to `true`, the first cell in each row will be a table header (`<th>`)."
+    },
+    {
+        "name": "classes",
+        "type": "string",
+        "required": false,
+        "description": "Classes to add to the table container."
+    },
+    {
+        "name": "attributes",
+        "type": "object",
+        "required": false,
+        "description": "HTML attributes (for example data attributes) to add to the table container."
+    }
+]
diff --git a/node_modules/govuk-frontend/dist/govuk/components/table/macro.njk b/node_modules/govuk-frontend/dist/govuk/components/table/macro.njk
new file mode 100644
index 0000000..66c1257
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/table/macro.njk
@@ -0,0 +1,3 @@
+{% macro govukTable(params) %}
+  {%- include "./template.njk" -%}
+{% endmacro %}
diff --git a/node_modules/govuk-frontend/dist/govuk/components/table/template-default.html b/node_modules/govuk-frontend/dist/govuk/components/table/template-default.html
new file mode 100644
index 0000000..c547502
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/table/template-default.html
@@ -0,0 +1,19 @@
+<table class="govuk-table">
+  <tbody class="govuk-table__body">
+    <tr class="govuk-table__row">
+      <td class="govuk-table__cell">January</td>
+      <td class="govuk-table__cell govuk-table__cell--numeric">£85</td>
+      <td class="govuk-table__cell govuk-table__cell--numeric">£95</td>
+    </tr>
+    <tr class="govuk-table__row">
+      <td class="govuk-table__cell">February</td>
+      <td class="govuk-table__cell govuk-table__cell--numeric">£75</td>
+      <td class="govuk-table__cell govuk-table__cell--numeric">£55</td>
+    </tr>
+    <tr class="govuk-table__row">
+      <td class="govuk-table__cell">March</td>
+      <td class="govuk-table__cell govuk-table__cell--numeric">£165</td>
+      <td class="govuk-table__cell govuk-table__cell--numeric">£125</td>
+    </tr>
+  </tbody>
+</table>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/table/template-with-head-and-caption.html b/node_modules/govuk-frontend/dist/govuk/components/table/template-with-head-and-caption.html
new file mode 100644
index 0000000..683906c
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/table/template-with-head-and-caption.html
@@ -0,0 +1,27 @@
+<table class="govuk-table">
+  <caption class="govuk-table__caption govuk-table__caption--m">Caption 1: Months and rates</caption>
+  <thead class="govuk-table__head">
+    <tr class="govuk-table__row">
+      <th scope="col" class="govuk-table__header">Month you apply</th>
+      <th scope="col" class="govuk-table__header govuk-table__header--numeric">Rate for bicycles</th>
+      <th scope="col" class="govuk-table__header govuk-table__header--numeric">Rate for vehicles</th>
+    </tr>
+  </thead>
+  <tbody class="govuk-table__body">
+    <tr class="govuk-table__row">
+      <th scope="row" class="govuk-table__header">January</th>
+      <td class="govuk-table__cell govuk-table__cell--numeric">£85</td>
+      <td class="govuk-table__cell govuk-table__cell--numeric">£95</td>
+    </tr>
+    <tr class="govuk-table__row">
+      <th scope="row" class="govuk-table__header">February</th>
+      <td class="govuk-table__cell govuk-table__cell--numeric">£75</td>
+      <td class="govuk-table__cell govuk-table__cell--numeric">£55</td>
+    </tr>
+    <tr class="govuk-table__row">
+      <th scope="row" class="govuk-table__header">March</th>
+      <td class="govuk-table__cell govuk-table__cell--numeric">£165</td>
+      <td class="govuk-table__cell govuk-table__cell--numeric">£125</td>
+    </tr>
+  </tbody>
+</table>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/table/template-with-head.html b/node_modules/govuk-frontend/dist/govuk/components/table/template-with-head.html
new file mode 100644
index 0000000..e8950b3
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/table/template-with-head.html
@@ -0,0 +1,26 @@
+<table class="govuk-table">
+  <thead class="govuk-table__head">
+    <tr class="govuk-table__row">
+      <th scope="col" class="govuk-table__header">Month you apply</th>
+      <th scope="col" class="govuk-table__header govuk-table__header--numeric">Rate for bicycles</th>
+      <th scope="col" class="govuk-table__header govuk-table__header--numeric">Rate for vehicles</th>
+    </tr>
+  </thead>
+  <tbody class="govuk-table__body">
+    <tr class="govuk-table__row">
+      <td class="govuk-table__cell">January</td>
+      <td class="govuk-table__cell govuk-table__cell--numeric">£85</td>
+      <td class="govuk-table__cell govuk-table__cell--numeric">£95</td>
+    </tr>
+    <tr class="govuk-table__row">
+      <td class="govuk-table__cell">February</td>
+      <td class="govuk-table__cell govuk-table__cell--numeric">£75</td>
+      <td class="govuk-table__cell govuk-table__cell--numeric">£55</td>
+    </tr>
+    <tr class="govuk-table__row">
+      <td class="govuk-table__cell">March</td>
+      <td class="govuk-table__cell govuk-table__cell--numeric">£165</td>
+      <td class="govuk-table__cell govuk-table__cell--numeric">£125</td>
+    </tr>
+  </tbody>
+</table>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/table/template.njk b/node_modules/govuk-frontend/dist/govuk/components/table/template.njk
new file mode 100644
index 0000000..eaa3ea6
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/table/template.njk
@@ -0,0 +1,57 @@
+{% from "../../macros/attributes.njk" import govukAttributes -%}
+
+<table class="govuk-table
+  {%- if params.classes %} {{ params.classes }}{% endif %}"
+  {{- govukAttributes(params.attributes) }}>
+{% if params.caption %}
+  <caption class="govuk-table__caption
+    {%- if params.captionClasses %} {{ params.captionClasses }}{% endif %}">
+    {{- params.caption -}}
+  </caption>
+{% endif %}
+{% if params.head %}
+  <thead class="govuk-table__head">
+    <tr class="govuk-table__row">
+    {% for item in params.head %}
+      <th scope="col" class="govuk-table__header
+        {%- if item.format %} govuk-table__header--{{ item.format }}{% endif %}
+        {%- if item.classes %} {{ item.classes }}{% endif %}"
+        {%- if item.colspan %} colspan="{{ item.colspan }}"{% endif %}
+        {%- if item.rowspan %} rowspan="{{ item.rowspan }}"{% endif %}
+        {{- govukAttributes(item.attributes) }}>
+          {{- item.html | safe if item.html else item.text -}}
+        </th>
+    {% endfor %}
+    </tr>
+  </thead>
+{% endif %}
+  <tbody class="govuk-table__body">
+{% for row in params.rows %}
+  {% if row %}
+    <tr class="govuk-table__row">
+    {% for cell in row %}
+      {% set commonAttributes %}
+        {%- if cell.colspan %} colspan="{{ cell.colspan }}"{% endif %}
+        {%- if cell.rowspan %} rowspan="{{ cell.rowspan }}"{% endif %}
+        {{- govukAttributes(cell.attributes) -}}
+      {% endset %}
+      {% if loop.first and params.firstCellIsHeader %}
+      <th scope="row" class="govuk-table__header
+        {%- if cell.classes %} {{ cell.classes }}{% endif %}"
+        {{- commonAttributes | safe }}>
+        {{- cell.html | safe if cell.html else cell.text -}}
+      </th>
+      {% else %}
+      <td class="govuk-table__cell
+        {%- if cell.format %} govuk-table__cell--{{ cell.format }}{% endif %}
+        {%- if cell.classes %} {{ cell.classes }}{% endif %}"
+        {{- commonAttributes | safe }}>
+        {{- cell.html | safe if cell.html else cell.text -}}
+      </td>
+      {% endif %}
+    {% endfor %}
+    </tr>
+  {% endif %}
+{% endfor %}
+  </tbody>
+</table>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/tabs/README.md b/node_modules/govuk-frontend/dist/govuk/components/tabs/README.md
new file mode 100644
index 0000000..433c366
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/tabs/README.md
@@ -0,0 +1,15 @@
+# Tabs
+
+## Installation
+
+See the [main README quick start guide](https://github.com/alphagov/govuk-frontend#quick-start) for how to install this component.
+
+## Guidance and Examples
+
+Find out when to use the tabs component in your service in the [GOV.UK Design System](https://design-system.service.gov.uk/components/tabs).
+
+## Component options
+
+Use options to customise the appearance, content and behaviour of a component when using a macro, for example, changing the text.
+
+See [options table](https://design-system.service.gov.uk/components/tabs/#options-tabs-example) for details.
diff --git a/node_modules/govuk-frontend/dist/govuk/components/tabs/_index.scss b/node_modules/govuk-frontend/dist/govuk/components/tabs/_index.scss
new file mode 100644
index 0000000..a0e6280
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/tabs/_index.scss
@@ -0,0 +1,134 @@
+@include govuk-exports("govuk/component/tabs") {
+  .govuk-tabs {
+    @include govuk-responsive-margin(1, "top");
+    @include govuk-responsive-margin(6, "bottom");
+    @include govuk-font($size: 19);
+  }
+
+  .govuk-tabs__title {
+    // Set the size and weight again because this element is a heading and the
+    // user agent font size overrides the inherited font size
+    @include govuk-font-size($size: 19);
+    @include govuk-typography-weight-regular;
+    @include govuk-text-colour;
+    margin-bottom: govuk-spacing(2);
+  }
+
+  .govuk-tabs__list {
+    margin: 0;
+    padding: 0;
+    list-style: none;
+    @include govuk-responsive-margin(6, "bottom");
+  }
+
+  .govuk-tabs__list-item {
+    margin-left: govuk-spacing(5);
+
+    &::before {
+      @include govuk-text-colour;
+      content: "\2014 "; // "— "
+      margin-left: govuk-spacing(-5);
+      padding-right: govuk-spacing(1);
+    }
+  }
+
+  .govuk-tabs__tab {
+    @include govuk-link-common;
+    @include govuk-link-style-default;
+
+    display: inline-block;
+    margin-bottom: govuk-spacing(2);
+  }
+
+  .govuk-tabs__panel {
+    @include govuk-responsive-margin(8, "bottom");
+  }
+
+  // GOV.UK Frontend JavaScript enabled
+  .govuk-frontend-supported {
+    @include govuk-media-query($from: tablet) {
+      .govuk-tabs__list {
+        @include govuk-clearfix;
+        margin-bottom: 0;
+        border-bottom: 1px solid $govuk-border-colour;
+      }
+
+      .govuk-tabs__title {
+        display: none;
+      }
+
+      .govuk-tabs__list-item {
+        position: relative;
+
+        margin-right: govuk-spacing(1);
+        margin-bottom: 0;
+        margin-left: 0;
+        padding: govuk-spacing(2) govuk-spacing(4);
+
+        float: left;
+        background-color: govuk-colour("light-grey");
+        text-align: center;
+
+        &::before {
+          content: none;
+        }
+      }
+
+      .govuk-tabs__list-item--selected {
+        $border-width: 1px;
+
+        position: relative;
+
+        margin-top: govuk-spacing(-1);
+
+        // Compensation for border (otherwise we get a shift)
+        margin-bottom: -$border-width;
+        padding-top: govuk-spacing(3) - $border-width;
+        padding-right: govuk-spacing(4) - $border-width;
+        padding-bottom: govuk-spacing(3) + $border-width;
+        padding-left: govuk-spacing(4) - $border-width;
+
+        border: $border-width solid $govuk-border-colour;
+        border-bottom: 0;
+
+        background-color: $govuk-body-background-colour;
+
+        .govuk-tabs__tab {
+          text-decoration: none;
+        }
+      }
+
+      .govuk-tabs__tab {
+        @include govuk-link-style-text;
+
+        margin-bottom: 0;
+
+        &::after {
+          content: "";
+          position: absolute;
+          top: 0;
+          right: 0;
+          bottom: 0;
+          left: 0;
+        }
+      }
+
+      .govuk-tabs__panel {
+        @include govuk-responsive-margin(0, "bottom");
+        padding: govuk-spacing(6) govuk-spacing(4);
+        border: 1px solid $govuk-border-colour;
+        border-top: 0;
+
+        & > :last-child {
+          margin-bottom: 0;
+        }
+      }
+
+      .govuk-tabs__panel--hidden {
+        display: none;
+      }
+    }
+  }
+}
+
+/*# sourceMappingURL=_index.scss.map */
diff --git a/node_modules/govuk-frontend/dist/govuk/components/tabs/_index.scss.map b/node_modules/govuk-frontend/dist/govuk/components/tabs/_index.scss.map
new file mode 100644
index 0000000..9777732
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/tabs/_index.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/tabs/_index.scss"],"names":[],"mappings":"AAAA;EACE;IACE,0CAA0C;IAC1C,6CAA6C;IAC7C,8BAA8B;EAChC;;EAEA;IACE,yEAAyE;IACzE,wDAAwD;IACxD,mCAAmC;IACnC,wCAAwC;IACxC,0BAA0B;IAC1B,+BAA+B;EACjC;;EAEA;IACE,SAAS;IACT,UAAU;IACV,gBAAgB;IAChB,6CAA6C;EAC/C;;EAEA;IACE,6BAA6B;;IAE7B;MACE,0BAA0B;MAC1B,iBAAiB,EAAE,MAAM;MACzB,8BAA8B;MAC9B,+BAA+B;IACjC;EACF;;EAEA;IACE,0BAA0B;IAC1B,iCAAiC;;IAEjC,qBAAqB;IACrB,+BAA+B;EACjC;;EAEA;IACE,6CAA6C;EAC/C;;EAEA,oCAAoC;EACpC;IACE;MACE;QACE,uBAAuB;QACvB,gBAAgB;QAChB,6CAA6C;MAC/C;;MAEA;QACE,aAAa;MACf;;MAEA;QACE,kBAAkB;;QAElB,8BAA8B;QAC9B,gBAAgB;QAChB,cAAc;QACd,0CAA0C;;QAE1C,WAAW;QACX,4CAA4C;QAC5C,kBAAkB;;QAElB;UACE,aAAa;QACf;MACF;;MAEA;QACE,kBAAkB;;QAElB,kBAAkB;;QAElB,6BAA6B;;QAE7B,oDAAoD;QACpD,6BAA6B;QAC7B,6CAA6C;QAC7C,+CAA+C;QAC/C,gDAAgD;QAChD,8CAA8C;;QAE9C,gDAAgD;QAChD,gBAAgB;;QAEhB,+CAA+C;;QAE/C;UACE,qBAAqB;QACvB;MACF;;MAEA;QACE,8BAA8B;;QAE9B,gBAAgB;;QAEhB;UACE,WAAW;UACX,kBAAkB;UAClB,MAAM;UACN,QAAQ;UACR,SAAS;UACT,OAAO;QACT;MACF;;MAEA;QACE,6CAA6C;QAC7C,0CAA0C;QAC1C,sCAAsC;QACtC,aAAa;;QAEb;UACE,gBAAgB;QAClB;MACF;;MAEA;QACE,aAAa;MACf;IACF;EACF;AACF","file":"_index.scss","sourcesContent":["@include govuk-exports(\"govuk/component/tabs\") {\n  .govuk-tabs {\n    @include govuk-responsive-margin(1, \"top\");\n    @include govuk-responsive-margin(6, \"bottom\");\n    @include govuk-font($size: 19);\n  }\n\n  .govuk-tabs__title {\n    // Set the size and weight again because this element is a heading and the\n    // user agent font size overrides the inherited font size\n    @include govuk-font-size($size: 19);\n    @include govuk-typography-weight-regular;\n    @include govuk-text-colour;\n    margin-bottom: govuk-spacing(2);\n  }\n\n  .govuk-tabs__list {\n    margin: 0;\n    padding: 0;\n    list-style: none;\n    @include govuk-responsive-margin(6, \"bottom\");\n  }\n\n  .govuk-tabs__list-item {\n    margin-left: govuk-spacing(5);\n\n    &::before {\n      @include govuk-text-colour;\n      content: \"\\2014 \"; // \"— \"\n      margin-left: govuk-spacing(-5);\n      padding-right: govuk-spacing(1);\n    }\n  }\n\n  .govuk-tabs__tab {\n    @include govuk-link-common;\n    @include govuk-link-style-default;\n\n    display: inline-block;\n    margin-bottom: govuk-spacing(2);\n  }\n\n  .govuk-tabs__panel {\n    @include govuk-responsive-margin(8, \"bottom\");\n  }\n\n  // GOV.UK Frontend JavaScript enabled\n  .govuk-frontend-supported {\n    @include govuk-media-query($from: tablet) {\n      .govuk-tabs__list {\n        @include govuk-clearfix;\n        margin-bottom: 0;\n        border-bottom: 1px solid $govuk-border-colour;\n      }\n\n      .govuk-tabs__title {\n        display: none;\n      }\n\n      .govuk-tabs__list-item {\n        position: relative;\n\n        margin-right: govuk-spacing(1);\n        margin-bottom: 0;\n        margin-left: 0;\n        padding: govuk-spacing(2) govuk-spacing(4);\n\n        float: left;\n        background-color: govuk-colour(\"light-grey\");\n        text-align: center;\n\n        &::before {\n          content: none;\n        }\n      }\n\n      .govuk-tabs__list-item--selected {\n        $border-width: 1px;\n\n        position: relative;\n\n        margin-top: govuk-spacing(-1);\n\n        // Compensation for border (otherwise we get a shift)\n        margin-bottom: -$border-width;\n        padding-top: govuk-spacing(3) - $border-width;\n        padding-right: govuk-spacing(4) - $border-width;\n        padding-bottom: govuk-spacing(3) + $border-width;\n        padding-left: govuk-spacing(4) - $border-width;\n\n        border: $border-width solid $govuk-border-colour;\n        border-bottom: 0;\n\n        background-color: $govuk-body-background-colour;\n\n        .govuk-tabs__tab {\n          text-decoration: none;\n        }\n      }\n\n      .govuk-tabs__tab {\n        @include govuk-link-style-text;\n\n        margin-bottom: 0;\n\n        &::after {\n          content: \"\";\n          position: absolute;\n          top: 0;\n          right: 0;\n          bottom: 0;\n          left: 0;\n        }\n      }\n\n      .govuk-tabs__panel {\n        @include govuk-responsive-margin(0, \"bottom\");\n        padding: govuk-spacing(6) govuk-spacing(4);\n        border: 1px solid $govuk-border-colour;\n        border-top: 0;\n\n        & > :last-child {\n          margin-bottom: 0;\n        }\n      }\n\n      .govuk-tabs__panel--hidden {\n        display: none;\n      }\n    }\n  }\n}\n"]}
diff --git a/node_modules/govuk-frontend/dist/govuk/components/tabs/_tabs.scss b/node_modules/govuk-frontend/dist/govuk/components/tabs/_tabs.scss
new file mode 100644
index 0000000..3cf177a
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/tabs/_tabs.scss
@@ -0,0 +1,4 @@
+@import "../../base";
+@import "./index";
+
+/*# sourceMappingURL=_tabs.scss.map */
diff --git a/node_modules/govuk-frontend/dist/govuk/components/tabs/_tabs.scss.map b/node_modules/govuk-frontend/dist/govuk/components/tabs/_tabs.scss.map
new file mode 100644
index 0000000..9e2f6e5
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/tabs/_tabs.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/tabs/_tabs.scss"],"names":[],"mappings":"AAAA,oBAAoB;AACpB,iBAAiB","file":"_tabs.scss","sourcesContent":["@import \"../../base\";\n@import \"./index\";\n"]}
diff --git a/node_modules/govuk-frontend/dist/govuk/components/tabs/fixtures.json b/node_modules/govuk-frontend/dist/govuk/components/tabs/fixtures.json
new file mode 100644
index 0000000..90b2b09
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/tabs/fixtures.json
@@ -0,0 +1,333 @@
+{
+    "component": "tabs",
+    "fixtures": [
+        {
+            "name": "default",
+            "options": {
+                "items": [
+                    {
+                        "label": "Past day",
+                        "id": "past-day",
+                        "panel": {
+                            "html": "<h2 class=\"govuk-heading-l\">Past day</h2>\n<table class=\"govuk-table\">\n  <thead class=\"govuk-table__head\">\n    <tr class=\"govuk-table__row\">\n      <th class=\"govuk-table__header\" scope=\"col\">Case manager</th>\n      <th class=\"govuk-table__header\" scope=\"col\">Cases opened</th>\n      <th class=\"govuk-table__header\" scope=\"col\">Cases closed</th>\n    </tr>\n  </thead>\n  <tbody class=\"govuk-table__body\">\n    <tr class=\"govuk-table__row\">\n      <td class=\"govuk-table__cell\">David Francis</td>\n      <td class=\"govuk-table__cell\">3</td>\n      <td class=\"govuk-table__cell\">0</td>\n    </tr>\n    <tr class=\"govuk-table__row\">\n      <td class=\"govuk-table__cell\">Paul Farmer</td>\n      <td class=\"govuk-table__cell\">1</td>\n      <td class=\"govuk-table__cell\">0</td>\n    </tr>\n    <tr class=\"govuk-table__row\">\n      <td class=\"govuk-table__cell\">Rita Patel</td>\n      <td class=\"govuk-table__cell\">2</td>\n      <td class=\"govuk-table__cell\">0</td>\n    </tr>\n  </tbody>\n</table>\n"
+                        }
+                    },
+                    {
+                        "label": "Past week",
+                        "id": "past-week",
+                        "panel": {
+                            "html": "<h2 class=\"govuk-heading-l\">Past week</h2>\n<table class=\"govuk-table\">\n  <thead class=\"govuk-table__head\">\n    <tr class=\"govuk-table__row\">\n      <th class=\"govuk-table__header\" scope=\"col\">Case manager</th>\n      <th class=\"govuk-table__header\" scope=\"col\">Cases opened</th>\n      <th class=\"govuk-table__header\" scope=\"col\">Cases closed</th>\n    </tr>\n  </thead>\n  <tbody class=\"govuk-table__body\">\n    <tr class=\"govuk-table__row\">\n      <td class=\"govuk-table__cell\">David Francis</td>\n      <td class=\"govuk-table__cell\">24</td>\n      <td class=\"govuk-table__cell\">18</td>\n    </tr>\n    <tr class=\"govuk-table__row\">\n      <td class=\"govuk-table__cell\">Paul Farmer</td>\n      <td class=\"govuk-table__cell\">16</td>\n      <td class=\"govuk-table__cell\">20</td>\n    </tr>\n    <tr class=\"govuk-table__row\">\n      <td class=\"govuk-table__cell\">Rita Patel</td>\n      <td class=\"govuk-table__cell\">24</td>\n      <td class=\"govuk-table__cell\">27</td>\n    </tr>\n  </tbody>\n</table>\n"
+                        }
+                    },
+                    {
+                        "label": "Past month",
+                        "id": "past-month",
+                        "panel": {
+                            "html": "<h2 class=\"govuk-heading-l\">Past month</h2>\n<table class=\"govuk-table\">\n  <thead class=\"govuk-table__head\">\n    <tr class=\"govuk-table__row\">\n      <th class=\"govuk-table__header\" scope=\"col\">Case manager</th>\n      <th class=\"govuk-table__header\" scope=\"col\">Cases opened</th>\n      <th class=\"govuk-table__header\" scope=\"col\">Cases closed</th>\n    </tr>\n  </thead>\n  <tbody class=\"govuk-table__body\">\n    <tr class=\"govuk-table__row\">\n      <td class=\"govuk-table__cell\">David Francis</td>\n      <td class=\"govuk-table__cell\">98</td>\n      <td class=\"govuk-table__cell\">95</td>\n    </tr>\n    <tr class=\"govuk-table__row\">\n      <td class=\"govuk-table__cell\">Paul Farmer</td>\n      <td class=\"govuk-table__cell\">122</td>\n      <td class=\"govuk-table__cell\">131</td>\n    </tr>\n    <tr class=\"govuk-table__row\">\n      <td class=\"govuk-table__cell\">Rita Patel</td>\n      <td class=\"govuk-table__cell\">126</td>\n      <td class=\"govuk-table__cell\">142</td>\n    </tr>\n  </tbody>\n</table>\n"
+                        }
+                    },
+                    {
+                        "label": "Past year",
+                        "id": "past-year",
+                        "panel": {
+                            "text": "There is no data for this year yet, check back later"
+                        }
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": {
+                "variants": [
+                    "default",
+                    "no-js"
+                ]
+            },
+            "html": "<div class=\"govuk-tabs\" data-module=\"govuk-tabs\">\n  <h2 class=\"govuk-tabs__title\">\n    Contents\n  </h2>\n  <ul class=\"govuk-tabs__list\">\n    <li class=\"govuk-tabs__list-item govuk-tabs__list-item--selected\">\n      <a class=\"govuk-tabs__tab\" href=\"#past-day\">\n        Past day\n      </a>\n    </li>\n    <li class=\"govuk-tabs__list-item\">\n      <a class=\"govuk-tabs__tab\" href=\"#past-week\">\n        Past week\n      </a>\n    </li>\n    <li class=\"govuk-tabs__list-item\">\n      <a class=\"govuk-tabs__tab\" href=\"#past-month\">\n        Past month\n      </a>\n    </li>\n    <li class=\"govuk-tabs__list-item\">\n      <a class=\"govuk-tabs__tab\" href=\"#past-year\">\n        Past year\n      </a>\n    </li>\n  </ul>\n  <div class=\"govuk-tabs__panel\" id=\"past-day\">\n    <h2 class=\"govuk-heading-l\">Past day</h2>\n    <table class=\"govuk-table\">\n      <thead class=\"govuk-table__head\">\n        <tr class=\"govuk-table__row\">\n          <th class=\"govuk-table__header\" scope=\"col\">Case manager</th>\n          <th class=\"govuk-table__header\" scope=\"col\">Cases opened</th>\n          <th class=\"govuk-table__header\" scope=\"col\">Cases closed</th>\n        </tr>\n      </thead>\n      <tbody class=\"govuk-table__body\">\n        <tr class=\"govuk-table__row\">\n          <td class=\"govuk-table__cell\">David Francis</td>\n          <td class=\"govuk-table__cell\">3</td>\n          <td class=\"govuk-table__cell\">0</td>\n        </tr>\n        <tr class=\"govuk-table__row\">\n          <td class=\"govuk-table__cell\">Paul Farmer</td>\n          <td class=\"govuk-table__cell\">1</td>\n          <td class=\"govuk-table__cell\">0</td>\n        </tr>\n        <tr class=\"govuk-table__row\">\n          <td class=\"govuk-table__cell\">Rita Patel</td>\n          <td class=\"govuk-table__cell\">2</td>\n          <td class=\"govuk-table__cell\">0</td>\n        </tr>\n      </tbody>\n    </table>\n  </div>\n  <div class=\"govuk-tabs__panel govuk-tabs__panel--hidden\" id=\"past-week\">\n    <h2 class=\"govuk-heading-l\">Past week</h2>\n    <table class=\"govuk-table\">\n      <thead class=\"govuk-table__head\">\n        <tr class=\"govuk-table__row\">\n          <th class=\"govuk-table__header\" scope=\"col\">Case manager</th>\n          <th class=\"govuk-table__header\" scope=\"col\">Cases opened</th>\n          <th class=\"govuk-table__header\" scope=\"col\">Cases closed</th>\n        </tr>\n      </thead>\n      <tbody class=\"govuk-table__body\">\n        <tr class=\"govuk-table__row\">\n          <td class=\"govuk-table__cell\">David Francis</td>\n          <td class=\"govuk-table__cell\">24</td>\n          <td class=\"govuk-table__cell\">18</td>\n        </tr>\n        <tr class=\"govuk-table__row\">\n          <td class=\"govuk-table__cell\">Paul Farmer</td>\n          <td class=\"govuk-table__cell\">16</td>\n          <td class=\"govuk-table__cell\">20</td>\n        </tr>\n        <tr class=\"govuk-table__row\">\n          <td class=\"govuk-table__cell\">Rita Patel</td>\n          <td class=\"govuk-table__cell\">24</td>\n          <td class=\"govuk-table__cell\">27</td>\n        </tr>\n      </tbody>\n    </table>\n  </div>\n  <div class=\"govuk-tabs__panel govuk-tabs__panel--hidden\" id=\"past-month\">\n    <h2 class=\"govuk-heading-l\">Past month</h2>\n    <table class=\"govuk-table\">\n      <thead class=\"govuk-table__head\">\n        <tr class=\"govuk-table__row\">\n          <th class=\"govuk-table__header\" scope=\"col\">Case manager</th>\n          <th class=\"govuk-table__header\" scope=\"col\">Cases opened</th>\n          <th class=\"govuk-table__header\" scope=\"col\">Cases closed</th>\n        </tr>\n      </thead>\n      <tbody class=\"govuk-table__body\">\n        <tr class=\"govuk-table__row\">\n          <td class=\"govuk-table__cell\">David Francis</td>\n          <td class=\"govuk-table__cell\">98</td>\n          <td class=\"govuk-table__cell\">95</td>\n        </tr>\n        <tr class=\"govuk-table__row\">\n          <td class=\"govuk-table__cell\">Paul Farmer</td>\n          <td class=\"govuk-table__cell\">122</td>\n          <td class=\"govuk-table__cell\">131</td>\n        </tr>\n        <tr class=\"govuk-table__row\">\n          <td class=\"govuk-table__cell\">Rita Patel</td>\n          <td class=\"govuk-table__cell\">126</td>\n          <td class=\"govuk-table__cell\">142</td>\n        </tr>\n      </tbody>\n    </table>\n  </div>\n  <div class=\"govuk-tabs__panel govuk-tabs__panel--hidden\" id=\"past-year\">\n    <p class=\"govuk-body\">There is no data for this year yet, check back later</p>\n  </div>\n</div>"
+        },
+        {
+            "name": "classes",
+            "options": {
+                "classes": "app-tabs--custom-modifier",
+                "items": [
+                    {
+                        "label": "Tab 1",
+                        "id": "tab-1",
+                        "panel": {
+                            "text": "Information about tabs"
+                        }
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-tabs app-tabs--custom-modifier\" data-module=\"govuk-tabs\">\n  <h2 class=\"govuk-tabs__title\">\n    Contents\n  </h2>\n  <ul class=\"govuk-tabs__list\">\n    <li class=\"govuk-tabs__list-item govuk-tabs__list-item--selected\">\n      <a class=\"govuk-tabs__tab\" href=\"#tab-1\">\n        Tab 1\n      </a>\n    </li>\n  </ul>\n  <div class=\"govuk-tabs__panel\" id=\"tab-1\">\n    <p class=\"govuk-body\">Information about tabs</p>\n  </div>\n</div>"
+        },
+        {
+            "name": "id",
+            "options": {
+                "id": "my-tabs",
+                "items": [
+                    {
+                        "label": "Tab 1",
+                        "id": "tab-1",
+                        "panel": {
+                            "text": "Information about tabs"
+                        }
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div id=\"my-tabs\" class=\"govuk-tabs\" data-module=\"govuk-tabs\">\n  <h2 class=\"govuk-tabs__title\">\n    Contents\n  </h2>\n  <ul class=\"govuk-tabs__list\">\n    <li class=\"govuk-tabs__list-item govuk-tabs__list-item--selected\">\n      <a class=\"govuk-tabs__tab\" href=\"#tab-1\">\n        Tab 1\n      </a>\n    </li>\n  </ul>\n  <div class=\"govuk-tabs__panel\" id=\"tab-1\">\n    <p class=\"govuk-body\">Information about tabs</p>\n  </div>\n</div>"
+        },
+        {
+            "name": "title",
+            "options": {
+                "title": "Custom title for Contents",
+                "items": [
+                    {
+                        "label": "Tab 1",
+                        "id": "tab-1",
+                        "panel": {
+                            "text": "Information about tabs"
+                        }
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-tabs\" data-module=\"govuk-tabs\">\n  <h2 class=\"govuk-tabs__title\">\n    Custom title for Contents\n  </h2>\n  <ul class=\"govuk-tabs__list\">\n    <li class=\"govuk-tabs__list-item govuk-tabs__list-item--selected\">\n      <a class=\"govuk-tabs__tab\" href=\"#tab-1\">\n        Tab 1\n      </a>\n    </li>\n  </ul>\n  <div class=\"govuk-tabs__panel\" id=\"tab-1\">\n    <p class=\"govuk-body\">Information about tabs</p>\n  </div>\n</div>"
+        },
+        {
+            "name": "attributes",
+            "options": {
+                "attributes": {
+                    "data-attribute": "my data value"
+                },
+                "items": [
+                    {
+                        "label": "Tab 1",
+                        "id": "tab-1",
+                        "panel": {
+                            "text": "Information about tabs"
+                        }
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-tabs\" data-attribute=\"my data value\" data-module=\"govuk-tabs\">\n  <h2 class=\"govuk-tabs__title\">\n    Contents\n  </h2>\n  <ul class=\"govuk-tabs__list\">\n    <li class=\"govuk-tabs__list-item govuk-tabs__list-item--selected\">\n      <a class=\"govuk-tabs__tab\" href=\"#tab-1\">\n        Tab 1\n      </a>\n    </li>\n  </ul>\n  <div class=\"govuk-tabs__panel\" id=\"tab-1\">\n    <p class=\"govuk-body\">Information about tabs</p>\n  </div>\n</div>"
+        },
+        {
+            "name": "item with attributes",
+            "options": {
+                "items": [
+                    {
+                        "id": "tab-1",
+                        "label": "Tab 1",
+                        "panel": {
+                            "text": "Information about tabs"
+                        },
+                        "attributes": {
+                            "data-attribute": "my-attribute",
+                            "data-attribute-2": "my-attribute-2"
+                        }
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-tabs\" data-module=\"govuk-tabs\">\n  <h2 class=\"govuk-tabs__title\">\n    Contents\n  </h2>\n  <ul class=\"govuk-tabs__list\">\n    <li class=\"govuk-tabs__list-item govuk-tabs__list-item--selected\">\n      <a class=\"govuk-tabs__tab\" href=\"#tab-1\" data-attribute=\"my-attribute\" data-attribute-2=\"my-attribute-2\">\n        Tab 1\n      </a>\n    </li>\n  </ul>\n  <div class=\"govuk-tabs__panel\" id=\"tab-1\">\n    <p class=\"govuk-body\">Information about tabs</p>\n  </div>\n</div>"
+        },
+        {
+            "name": "panel with attributes",
+            "options": {
+                "items": [
+                    {
+                        "id": "tab-1",
+                        "label": "Tab 1",
+                        "panel": {
+                            "text": "Panel text",
+                            "attributes": {
+                                "data-attribute": "my-attribute",
+                                "data-attribute-2": "my-attribute-2"
+                            }
+                        }
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-tabs\" data-module=\"govuk-tabs\">\n  <h2 class=\"govuk-tabs__title\">\n    Contents\n  </h2>\n  <ul class=\"govuk-tabs__list\">\n    <li class=\"govuk-tabs__list-item govuk-tabs__list-item--selected\">\n      <a class=\"govuk-tabs__tab\" href=\"#tab-1\">\n        Tab 1\n      </a>\n    </li>\n  </ul>\n  <div class=\"govuk-tabs__panel\" id=\"tab-1\" data-attribute=\"my-attribute\" data-attribute-2=\"my-attribute-2\">\n    <p class=\"govuk-body\">Panel text</p>\n  </div>\n</div>"
+        },
+        {
+            "name": "no item list",
+            "options": {
+                "id": "my-tabs",
+                "classes": "app-tabs--custom-modifier"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div id=\"my-tabs\" class=\"govuk-tabs app-tabs--custom-modifier\" data-module=\"govuk-tabs\">\n  <h2 class=\"govuk-tabs__title\">\n    Contents\n  </h2>\n</div>"
+        },
+        {
+            "name": "empty item list",
+            "options": {
+                "items": []
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-tabs\" data-module=\"govuk-tabs\">\n  <h2 class=\"govuk-tabs__title\">\n    Contents\n  </h2>\n</div>"
+        },
+        {
+            "name": "with falsy values",
+            "options": {
+                "items": [
+                    {
+                        "label": "Tab 1",
+                        "id": "tab-1",
+                        "panel": {
+                            "text": "Panel 1 content"
+                        }
+                    },
+                    null,
+                    false,
+                    "",
+                    {
+                        "label": "Tab 2",
+                        "id": "tab-2",
+                        "panel": {
+                            "text": "Panel 2 content"
+                        }
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-tabs\" data-module=\"govuk-tabs\">\n  <h2 class=\"govuk-tabs__title\">\n    Contents\n  </h2>\n  <ul class=\"govuk-tabs__list\">\n    <li class=\"govuk-tabs__list-item govuk-tabs__list-item--selected\">\n      <a class=\"govuk-tabs__tab\" href=\"#tab-1\">\n        Tab 1\n      </a>\n    </li>\n    <li class=\"govuk-tabs__list-item\">\n      <a class=\"govuk-tabs__tab\" href=\"#tab-2\">\n        Tab 2\n      </a>\n    </li>\n  </ul>\n  <div class=\"govuk-tabs__panel\" id=\"tab-1\">\n    <p class=\"govuk-body\">Panel 1 content</p>\n  </div>\n  <div class=\"govuk-tabs__panel govuk-tabs__panel--hidden\" id=\"tab-2\">\n    <p class=\"govuk-body\">Panel 2 content</p>\n  </div>\n</div>"
+        },
+        {
+            "name": "idPrefix",
+            "options": {
+                "idPrefix": "custom",
+                "items": [
+                    {
+                        "label": "Tab 1",
+                        "panel": {
+                            "text": "Panel 1 content"
+                        }
+                    },
+                    {
+                        "label": "Tab 2",
+                        "panel": {
+                            "text": "Panel 2 content"
+                        }
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-tabs\" data-module=\"govuk-tabs\">\n  <h2 class=\"govuk-tabs__title\">\n    Contents\n  </h2>\n  <ul class=\"govuk-tabs__list\">\n    <li class=\"govuk-tabs__list-item govuk-tabs__list-item--selected\">\n      <a class=\"govuk-tabs__tab\" href=\"#custom-1\">\n        Tab 1\n      </a>\n    </li>\n    <li class=\"govuk-tabs__list-item\">\n      <a class=\"govuk-tabs__tab\" href=\"#custom-2\">\n        Tab 2\n      </a>\n    </li>\n  </ul>\n  <div class=\"govuk-tabs__panel\" id=\"custom-1\">\n    <p class=\"govuk-body\">Panel 1 content</p>\n  </div>\n  <div class=\"govuk-tabs__panel govuk-tabs__panel--hidden\" id=\"custom-2\">\n    <p class=\"govuk-body\">Panel 2 content</p>\n  </div>\n</div>"
+        },
+        {
+            "name": "html as text",
+            "options": {
+                "items": [
+                    {
+                        "label": "Tab 1",
+                        "id": "tab-1",
+                        "panel": {
+                            "text": "<p>Panel 1 content</p>"
+                        }
+                    },
+                    {
+                        "label": "Tab 2",
+                        "id": "tab-2",
+                        "panel": {
+                            "text": "<p>Panel 2 content</p>"
+                        }
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-tabs\" data-module=\"govuk-tabs\">\n  <h2 class=\"govuk-tabs__title\">\n    Contents\n  </h2>\n  <ul class=\"govuk-tabs__list\">\n    <li class=\"govuk-tabs__list-item govuk-tabs__list-item--selected\">\n      <a class=\"govuk-tabs__tab\" href=\"#tab-1\">\n        Tab 1\n      </a>\n    </li>\n    <li class=\"govuk-tabs__list-item\">\n      <a class=\"govuk-tabs__tab\" href=\"#tab-2\">\n        Tab 2\n      </a>\n    </li>\n  </ul>\n  <div class=\"govuk-tabs__panel\" id=\"tab-1\">\n    <p class=\"govuk-body\">&lt;p&gt;Panel 1 content&lt;/p&gt;</p>\n  </div>\n  <div class=\"govuk-tabs__panel govuk-tabs__panel--hidden\" id=\"tab-2\">\n    <p class=\"govuk-body\">&lt;p&gt;Panel 2 content&lt;/p&gt;</p>\n  </div>\n</div>"
+        },
+        {
+            "name": "html",
+            "options": {
+                "items": [
+                    {
+                        "label": "Tab 1",
+                        "id": "tab-1",
+                        "panel": {
+                            "html": "<p>Panel 1 content</p>"
+                        }
+                    },
+                    {
+                        "label": "Tab 2",
+                        "id": "tab-2",
+                        "panel": {
+                            "html": "<p>Panel 2 content</p>"
+                        }
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-tabs\" data-module=\"govuk-tabs\">\n  <h2 class=\"govuk-tabs__title\">\n    Contents\n  </h2>\n  <ul class=\"govuk-tabs__list\">\n    <li class=\"govuk-tabs__list-item govuk-tabs__list-item--selected\">\n      <a class=\"govuk-tabs__tab\" href=\"#tab-1\">\n        Tab 1\n      </a>\n    </li>\n    <li class=\"govuk-tabs__list-item\">\n      <a class=\"govuk-tabs__tab\" href=\"#tab-2\">\n        Tab 2\n      </a>\n    </li>\n  </ul>\n  <div class=\"govuk-tabs__panel\" id=\"tab-1\">\n    <p>Panel 1 content</p>\n  </div>\n  <div class=\"govuk-tabs__panel govuk-tabs__panel--hidden\" id=\"tab-2\">\n    <p>Panel 2 content</p>\n  </div>\n</div>"
+        },
+        {
+            "name": "tabs-with-anchor-in-panel",
+            "options": {
+                "items": [
+                    {
+                        "label": "Tab 1",
+                        "id": "tab-1",
+                        "panel": {
+                            "html": "<h2 class=\"govuk-heading-l\">Tab 1</h2>\n<p class=\"govuk-body\">Testing that when you click the anchor it moves to the anchor point successfully</p>\n<p class=\"govuk-body\"><a class=\"govuk-link\" href=\"#anchor\">Anchor</a></p>\n<p class=\"govuk-body\"><a id=\"anchor\" tabindex=\"0\">Anchor Point</a></p>\n"
+                        }
+                    },
+                    {
+                        "label": "Tab 2",
+                        "id": "tab-2",
+                        "panel": {
+                            "html": "<h2 class=\"govuk-heading-l\">Tab 2</h2>\n"
+                        }
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "Ensure that anchors that are in tab panels work correctly",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-tabs\" data-module=\"govuk-tabs\">\n  <h2 class=\"govuk-tabs__title\">\n    Contents\n  </h2>\n  <ul class=\"govuk-tabs__list\">\n    <li class=\"govuk-tabs__list-item govuk-tabs__list-item--selected\">\n      <a class=\"govuk-tabs__tab\" href=\"#tab-1\">\n        Tab 1\n      </a>\n    </li>\n    <li class=\"govuk-tabs__list-item\">\n      <a class=\"govuk-tabs__tab\" href=\"#tab-2\">\n        Tab 2\n      </a>\n    </li>\n  </ul>\n  <div class=\"govuk-tabs__panel\" id=\"tab-1\">\n    <h2 class=\"govuk-heading-l\">Tab 1</h2>\n    <p class=\"govuk-body\">Testing that when you click the anchor it moves to the anchor point successfully</p>\n    <p class=\"govuk-body\"><a class=\"govuk-link\" href=\"#anchor\">Anchor</a></p>\n    <p class=\"govuk-body\"><a id=\"anchor\" tabindex=\"0\">Anchor Point</a></p>\n  </div>\n  <div class=\"govuk-tabs__panel govuk-tabs__panel--hidden\" id=\"tab-2\">\n    <h2 class=\"govuk-heading-l\">Tab 2</h2>\n  </div>\n</div>"
+        }
+    ]
+}
diff --git a/node_modules/govuk-frontend/dist/govuk/components/tabs/macro-options.json b/node_modules/govuk-frontend/dist/govuk/components/tabs/macro-options.json
new file mode 100644
index 0000000..122e19c
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/tabs/macro-options.json
@@ -0,0 +1,84 @@
+[
+    {
+        "name": "id",
+        "type": "string",
+        "required": false,
+        "description": "This is used for the main component and to compose the ID attribute for each item."
+    },
+    {
+        "name": "idPrefix",
+        "type": "string",
+        "required": false,
+        "description": "Optional prefix. This is used to prefix the `id` attribute for each tab item and panel, separated by `-`."
+    },
+    {
+        "name": "title",
+        "type": "string",
+        "required": false,
+        "description": "Title for the tabs table of contents."
+    },
+    {
+        "name": "items",
+        "type": "array",
+        "required": true,
+        "description": "The individual tabs within the tabs component.",
+        "params": [
+            {
+                "name": "id",
+                "type": "string",
+                "required": true,
+                "description": "Specific ID attribute for the tab item. If omitted, then `idPrefix` string is required instead."
+            },
+            {
+                "name": "label",
+                "type": "string",
+                "required": true,
+                "description": "The text label of a tab item."
+            },
+            {
+                "name": "attributes",
+                "type": "object",
+                "required": false,
+                "description": "HTML attributes (for example data attributes) to add to the tab."
+            },
+            {
+                "name": "panel",
+                "description": "The contents of each tab within the tabs component. This is referenced as a panel.",
+                "type": "object",
+                "required": true,
+                "params": [
+                    {
+                        "name": "text",
+                        "type": "string",
+                        "required": true,
+                        "description": "If `html` is set, this is not required. Text to use within each tab panel. If `html` is provided, the `text` option will be ignored."
+                    },
+                    {
+                        "name": "html",
+                        "type": "string",
+                        "required": true,
+                        "description": "If `text` is set, this is not required. HTML to use within each tab panel. If `html` is provided, the `text` option will be ignored."
+                    },
+                    {
+                        "name": "attributes",
+                        "type": "object",
+                        "required": false,
+                        "description": "HTML attributes (for example data attributes) to add to the tab panel."
+                    }
+                ]
+            }
+        ]
+    },
+    {
+        "name": "classes",
+        "type": "string",
+        "required": false,
+        "description": "Classes to add to the tabs component."
+    },
+    {
+        "name": "attributes",
+        "type": "object",
+        "required": false,
+        "description": "HTML attributes (for example data attributes) to add to the tabs component."
+    }
+]
diff --git a/node_modules/govuk-frontend/dist/govuk/components/tabs/macro.njk b/node_modules/govuk-frontend/dist/govuk/components/tabs/macro.njk
new file mode 100644
index 0000000..e77ceea
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/tabs/macro.njk
@@ -0,0 +1,3 @@
+{% macro govukTabs(params) %}
+  {%- include "./template.njk" -%}
+{% endmacro %}
diff --git a/node_modules/govuk-frontend/dist/govuk/components/tabs/tabs.bundle.js b/node_modules/govuk-frontend/dist/govuk/components/tabs/tabs.bundle.js
new file mode 100644
index 0000000..118aedc
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/tabs/tabs.bundle.js
@@ -0,0 +1,432 @@
+(function (global, factory) {
+  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports) :
+  typeof define === 'function' && define.amd ? define(['exports'], factory) :
+  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.GOVUKFrontend = global.GOVUKFrontend || {}));
+})(this, (function (exports) { 'use strict';
+
+  function getBreakpoint(name) {
+    const property = `--govuk-breakpoint-${name}`;
+    const value = window.getComputedStyle(document.documentElement).getPropertyValue(property);
+    return {
+      property,
+      value: value || undefined
+    };
+  }
+  function isInitialised($root, moduleName) {
+    return $root instanceof HTMLElement && $root.hasAttribute(`data-${moduleName}-init`);
+  }
+
+  /**
+   * Checks if GOV.UK Frontend is supported on this page
+   *
+   * Some browsers will load and run our JavaScript but GOV.UK Frontend
+   * won't be supported.
+   *
+   * @param {HTMLElement | null} [$scope] - (internal) `<body>` HTML element checked for browser support
+   * @returns {boolean} Whether GOV.UK Frontend is supported on this page
+   */
+  function isSupported($scope = document.body) {
+    if (!$scope) {
+      return false;
+    }
+    return $scope.classList.contains('govuk-frontend-supported');
+  }
+  function isArray(option) {
+    return Array.isArray(option);
+  }
+  function isObject(option) {
+    return !!option && typeof option === 'object' && !isArray(option);
+  }
+  function formatErrorMessage(Component, message) {
+    return `${Component.moduleName}: ${message}`;
+  }
+  /**
+   * @typedef ComponentWithModuleName
+   * @property {string} moduleName - Name of the component
+   */
+
+  class GOVUKFrontendError extends Error {
+    constructor(...args) {
+      super(...args);
+      this.name = 'GOVUKFrontendError';
+    }
+  }
+  class SupportError extends GOVUKFrontendError {
+    /**
+     * Checks if GOV.UK Frontend is supported on this page
+     *
+     * @param {HTMLElement | null} [$scope] - HTML element `<body>` checked for browser support
+     */
+    constructor($scope = document.body) {
+      const supportMessage = 'noModule' in HTMLScriptElement.prototype ? 'GOV.UK Frontend initialised without `<body class="govuk-frontend-supported">` from template `<script>` snippet' : 'GOV.UK Frontend is not supported in this browser';
+      super($scope ? supportMessage : 'GOV.UK Frontend initialised without `<script type="module">`');
+      this.name = 'SupportError';
+    }
+  }
+  class ElementError extends GOVUKFrontendError {
+    constructor(messageOrOptions) {
+      let message = typeof messageOrOptions === 'string' ? messageOrOptions : '';
+      if (isObject(messageOrOptions)) {
+        const {
+          component,
+          identifier,
+          element,
+          expectedType
+        } = messageOrOptions;
+        message = identifier;
+        message += element ? ` is not of type ${expectedType != null ? expectedType : 'HTMLElement'}` : ' not found';
+        if (component) {
+          message = formatErrorMessage(component, message);
+        }
+      }
+      super(message);
+      this.name = 'ElementError';
+    }
+  }
+  class InitError extends GOVUKFrontendError {
+    constructor(componentOrMessage) {
+      const message = typeof componentOrMessage === 'string' ? componentOrMessage : formatErrorMessage(componentOrMessage, `Root element (\`$root\`) already initialised`);
+      super(message);
+      this.name = 'InitError';
+    }
+  }
+  /**
+   * @import { ComponentWithModuleName } from '../common/index.mjs'
+   */
+
+  class Component {
+    /**
+     * Returns the root element of the component
+     *
+     * @protected
+     * @returns {RootElementType} - the root element of component
+     */
+    get $root() {
+      return this._$root;
+    }
+    constructor($root) {
+      this._$root = void 0;
+      const childConstructor = this.constructor;
+      if (typeof childConstructor.moduleName !== 'string') {
+        throw new InitError(`\`moduleName\` not defined in component`);
+      }
+      if (!($root instanceof childConstructor.elementType)) {
+        throw new ElementError({
+          element: $root,
+          component: childConstructor,
+          identifier: 'Root element (`$root`)',
+          expectedType: childConstructor.elementType.name
+        });
+      } else {
+        this._$root = $root;
+      }
+      childConstructor.checkSupport();
+      this.checkInitialised();
+      const moduleName = childConstructor.moduleName;
+      this.$root.setAttribute(`data-${moduleName}-init`, '');
+    }
+    checkInitialised() {
+      const constructor = this.constructor;
+      const moduleName = constructor.moduleName;
+      if (moduleName && isInitialised(this.$root, moduleName)) {
+        throw new InitError(constructor);
+      }
+    }
+    static checkSupport() {
+      if (!isSupported()) {
+        throw new SupportError();
+      }
+    }
+  }
+
+  /**
+   * @typedef ChildClass
+   * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component
+   */
+
+  /**
+   * @typedef {typeof Component & ChildClass} ChildClassConstructor
+   */
+  Component.elementType = HTMLElement;
+
+  /**
+   * Tabs component
+   *
+   * @preserve
+   */
+  class Tabs extends Component {
+    /**
+     * @param {Element | null} $root - HTML element to use for tabs
+     */
+    constructor($root) {
+      super($root);
+      this.$tabs = void 0;
+      this.$tabList = void 0;
+      this.$tabListItems = void 0;
+      this.jsHiddenClass = 'govuk-tabs__panel--hidden';
+      this.changingHash = false;
+      this.boundTabClick = void 0;
+      this.boundTabKeydown = void 0;
+      this.boundOnHashChange = void 0;
+      this.mql = null;
+      const $tabs = this.$root.querySelectorAll('a.govuk-tabs__tab');
+      if (!$tabs.length) {
+        throw new ElementError({
+          component: Tabs,
+          identifier: 'Links (`<a class="govuk-tabs__tab">`)'
+        });
+      }
+      this.$tabs = $tabs;
+      this.boundTabClick = this.onTabClick.bind(this);
+      this.boundTabKeydown = this.onTabKeydown.bind(this);
+      this.boundOnHashChange = this.onHashChange.bind(this);
+      const $tabList = this.$root.querySelector('.govuk-tabs__list');
+      const $tabListItems = this.$root.querySelectorAll('li.govuk-tabs__list-item');
+      if (!$tabList) {
+        throw new ElementError({
+          component: Tabs,
+          identifier: 'List (`<ul class="govuk-tabs__list">`)'
+        });
+      }
+      if (!$tabListItems.length) {
+        throw new ElementError({
+          component: Tabs,
+          identifier: 'List items (`<li class="govuk-tabs__list-item">`)'
+        });
+      }
+      this.$tabList = $tabList;
+      this.$tabListItems = $tabListItems;
+      this.setupResponsiveChecks();
+    }
+    setupResponsiveChecks() {
+      const breakpoint = getBreakpoint('tablet');
+      if (!breakpoint.value) {
+        throw new ElementError({
+          component: Tabs,
+          identifier: `CSS custom property (\`${breakpoint.property}\`) on pseudo-class \`:root\``
+        });
+      }
+      this.mql = window.matchMedia(`(min-width: ${breakpoint.value})`);
+      if ('addEventListener' in this.mql) {
+        this.mql.addEventListener('change', () => this.checkMode());
+      } else {
+        this.mql.addListener(() => this.checkMode());
+      }
+      this.checkMode();
+    }
+    checkMode() {
+      var _this$mql;
+      if ((_this$mql = this.mql) != null && _this$mql.matches) {
+        this.setup();
+      } else {
+        this.teardown();
+      }
+    }
+    setup() {
+      var _this$getTab;
+      this.$tabList.setAttribute('role', 'tablist');
+      this.$tabListItems.forEach($item => {
+        $item.setAttribute('role', 'presentation');
+      });
+      this.$tabs.forEach($tab => {
+        this.setAttributes($tab);
+        $tab.addEventListener('click', this.boundTabClick, true);
+        $tab.addEventListener('keydown', this.boundTabKeydown, true);
+        this.hideTab($tab);
+      });
+      const $activeTab = (_this$getTab = this.getTab(window.location.hash)) != null ? _this$getTab : this.$tabs[0];
+      this.showTab($activeTab);
+      window.addEventListener('hashchange', this.boundOnHashChange, true);
+    }
+    teardown() {
+      this.$tabList.removeAttribute('role');
+      this.$tabListItems.forEach($item => {
+        $item.removeAttribute('role');
+      });
+      this.$tabs.forEach($tab => {
+        $tab.removeEventListener('click', this.boundTabClick, true);
+        $tab.removeEventListener('keydown', this.boundTabKeydown, true);
+        this.unsetAttributes($tab);
+      });
+      window.removeEventListener('hashchange', this.boundOnHashChange, true);
+    }
+    onHashChange() {
+      const hash = window.location.hash;
+      const $tabWithHash = this.getTab(hash);
+      if (!$tabWithHash) {
+        return;
+      }
+      if (this.changingHash) {
+        this.changingHash = false;
+        return;
+      }
+      const $previousTab = this.getCurrentTab();
+      if (!$previousTab) {
+        return;
+      }
+      this.hideTab($previousTab);
+      this.showTab($tabWithHash);
+      $tabWithHash.focus();
+    }
+    hideTab($tab) {
+      this.unhighlightTab($tab);
+      this.hidePanel($tab);
+    }
+    showTab($tab) {
+      this.highlightTab($tab);
+      this.showPanel($tab);
+    }
+    getTab(hash) {
+      return this.$root.querySelector(`a.govuk-tabs__tab[href="${hash}"]`);
+    }
+    setAttributes($tab) {
+      const panelId = $tab.hash.replace('#', '');
+      if (!panelId) {
+        return;
+      }
+      $tab.setAttribute('id', `tab_${panelId}`);
+      $tab.setAttribute('role', 'tab');
+      $tab.setAttribute('aria-controls', panelId);
+      $tab.setAttribute('aria-selected', 'false');
+      $tab.setAttribute('tabindex', '-1');
+      const $panel = this.getPanel($tab);
+      if (!$panel) {
+        return;
+      }
+      $panel.setAttribute('role', 'tabpanel');
+      $panel.setAttribute('aria-labelledby', $tab.id);
+      $panel.classList.add(this.jsHiddenClass);
+    }
+    unsetAttributes($tab) {
+      $tab.removeAttribute('id');
+      $tab.removeAttribute('role');
+      $tab.removeAttribute('aria-controls');
+      $tab.removeAttribute('aria-selected');
+      $tab.removeAttribute('tabindex');
+      const $panel = this.getPanel($tab);
+      if (!$panel) {
+        return;
+      }
+      $panel.removeAttribute('role');
+      $panel.removeAttribute('aria-labelledby');
+      $panel.classList.remove(this.jsHiddenClass);
+    }
+    onTabClick(event) {
+      const $currentTab = this.getCurrentTab();
+      const $nextTab = event.currentTarget;
+      if (!$currentTab || !($nextTab instanceof HTMLAnchorElement)) {
+        return;
+      }
+      event.preventDefault();
+      this.hideTab($currentTab);
+      this.showTab($nextTab);
+      this.createHistoryEntry($nextTab);
+    }
+    createHistoryEntry($tab) {
+      const $panel = this.getPanel($tab);
+      if (!$panel) {
+        return;
+      }
+      const panelId = $panel.id;
+      $panel.id = '';
+      this.changingHash = true;
+      window.location.hash = panelId;
+      $panel.id = panelId;
+    }
+    onTabKeydown(event) {
+      switch (event.key) {
+        case 'ArrowLeft':
+        case 'Left':
+          this.activatePreviousTab();
+          event.preventDefault();
+          break;
+        case 'ArrowRight':
+        case 'Right':
+          this.activateNextTab();
+          event.preventDefault();
+          break;
+      }
+    }
+    activateNextTab() {
+      const $currentTab = this.getCurrentTab();
+      if (!($currentTab != null && $currentTab.parentElement)) {
+        return;
+      }
+      const $nextTabListItem = $currentTab.parentElement.nextElementSibling;
+      if (!$nextTabListItem) {
+        return;
+      }
+      const $nextTab = $nextTabListItem.querySelector('a.govuk-tabs__tab');
+      if (!$nextTab) {
+        return;
+      }
+      this.hideTab($currentTab);
+      this.showTab($nextTab);
+      $nextTab.focus();
+      this.createHistoryEntry($nextTab);
+    }
+    activatePreviousTab() {
+      const $currentTab = this.getCurrentTab();
+      if (!($currentTab != null && $currentTab.parentElement)) {
+        return;
+      }
+      const $previousTabListItem = $currentTab.parentElement.previousElementSibling;
+      if (!$previousTabListItem) {
+        return;
+      }
+      const $previousTab = $previousTabListItem.querySelector('a.govuk-tabs__tab');
+      if (!$previousTab) {
+        return;
+      }
+      this.hideTab($currentTab);
+      this.showTab($previousTab);
+      $previousTab.focus();
+      this.createHistoryEntry($previousTab);
+    }
+    getPanel($tab) {
+      const panelId = $tab.hash.replace('#', '');
+      if (!panelId) {
+        return null;
+      }
+      return this.$root.querySelector(`#${panelId}`);
+    }
+    showPanel($tab) {
+      const $panel = this.getPanel($tab);
+      if (!$panel) {
+        return;
+      }
+      $panel.classList.remove(this.jsHiddenClass);
+    }
+    hidePanel($tab) {
+      const $panel = this.getPanel($tab);
+      if (!$panel) {
+        return;
+      }
+      $panel.classList.add(this.jsHiddenClass);
+    }
+    unhighlightTab($tab) {
+      if (!$tab.parentElement) {
+        return;
+      }
+      $tab.setAttribute('aria-selected', 'false');
+      $tab.parentElement.classList.remove('govuk-tabs__list-item--selected');
+      $tab.setAttribute('tabindex', '-1');
+    }
+    highlightTab($tab) {
+      if (!$tab.parentElement) {
+        return;
+      }
+      $tab.setAttribute('aria-selected', 'true');
+      $tab.parentElement.classList.add('govuk-tabs__list-item--selected');
+      $tab.setAttribute('tabindex', '0');
+    }
+    getCurrentTab() {
+      return this.$root.querySelector('.govuk-tabs__list-item--selected a.govuk-tabs__tab');
+    }
+  }
+  Tabs.moduleName = 'govuk-tabs';
+
+  exports.Tabs = Tabs;
+
+}));
+//# sourceMappingURL=tabs.bundle.js.map
diff --git a/node_modules/govuk-frontend/dist/govuk/components/tabs/tabs.bundle.js.map b/node_modules/govuk-frontend/dist/govuk/components/tabs/tabs.bundle.js.map
new file mode 100644
index 0000000..6833f17
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/tabs/tabs.bundle.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"tabs.bundle.js","sources":["../../../../src/govuk/common/index.mjs","../../../../src/govuk/errors/index.mjs","../../../../src/govuk/component.mjs","../../../../src/govuk/components/tabs/tabs.mjs"],"sourcesContent":["/**\n * Common helpers which do not require polyfill.\n *\n * IMPORTANT: If a helper require a polyfill, please isolate it in its own module\n * so that the polyfill can be properly tree-shaken and does not burden\n * the components that do not need that helper\n */\n\n/**\n * Get GOV.UK Frontend breakpoint value from CSS custom property\n *\n * @private\n * @param {string} name - Breakpoint name\n * @returns {{ property: string, value?: string }} Breakpoint object\n */\nexport function getBreakpoint(name) {\n  const property = `--govuk-breakpoint-${name}`\n\n  // Get value from `<html>` with breakpoints on CSS :root\n  const value = window\n    .getComputedStyle(document.documentElement)\n    .getPropertyValue(property)\n\n  return {\n    property,\n    value: value || undefined\n  }\n}\n\n/**\n * Move focus to element\n *\n * Sets tabindex to -1 to make the element programmatically focusable,\n * but removes it on blur as the element doesn't need to be focused again.\n *\n * @private\n * @template {HTMLElement} FocusElement\n * @param {FocusElement} $element - HTML element\n * @param {object} [options] - Handler options\n * @param {function(this: FocusElement): void} [options.onBeforeFocus] - Callback before focus\n * @param {function(this: FocusElement): void} [options.onBlur] - Callback on blur\n */\nexport function setFocus($element, options = {}) {\n  const isFocusable = $element.getAttribute('tabindex')\n\n  if (!isFocusable) {\n    $element.setAttribute('tabindex', '-1')\n  }\n\n  /**\n   * Handle element focus\n   */\n  function onFocus() {\n    $element.addEventListener('blur', onBlur, { once: true })\n  }\n\n  /**\n   * Handle element blur\n   */\n  function onBlur() {\n    options.onBlur?.call($element)\n\n    if (!isFocusable) {\n      $element.removeAttribute('tabindex')\n    }\n  }\n\n  // Add listener to reset element on blur, after focus\n  $element.addEventListener('focus', onFocus, { once: true })\n\n  // Focus element\n  options.onBeforeFocus?.call($element)\n  $element.focus()\n}\n\n/**\n * Checks if component is already initialised\n *\n * @internal\n * @param {Element} $root - HTML element to be checked\n * @param {string} moduleName - name of component module\n * @returns {boolean} Whether component is already initialised\n */\nexport function isInitialised($root, moduleName) {\n  return (\n    $root instanceof HTMLElement &&\n    $root.hasAttribute(`data-${moduleName}-init`)\n  )\n}\n\n/**\n * Checks if GOV.UK Frontend is supported on this page\n *\n * Some browsers will load and run our JavaScript but GOV.UK Frontend\n * won't be supported.\n *\n * @param {HTMLElement | null} [$scope] - (internal) `<body>` HTML element checked for browser support\n * @returns {boolean} Whether GOV.UK Frontend is supported on this page\n */\nexport function isSupported($scope = document.body) {\n  if (!$scope) {\n    return false\n  }\n\n  return $scope.classList.contains('govuk-frontend-supported')\n}\n\n/**\n * Check for an array\n *\n * @internal\n * @param {unknown} option - Option to check\n * @returns {boolean} Whether the option is an array\n */\nfunction isArray(option) {\n  return Array.isArray(option)\n}\n\n/**\n * Check for an object\n *\n * @internal\n * @template {Partial<Record<keyof ObjectType, unknown>>} ObjectType\n * @param {unknown | ObjectType} option - Option to check\n * @returns {option is ObjectType} Whether the option is an object\n */\nexport function isObject(option) {\n  return !!option && typeof option === 'object' && !isArray(option)\n}\n\n/**\n * Check for valid scope\n *\n * @internal\n * @template {Element | Document} ScopeType\n * @param {unknown | ScopeType} $scope - Scope of the document to search within\n * @returns {$scope is ScopeType} Whether the scope can be queried\n */\nexport function isScope($scope) {\n  return !!$scope && ($scope instanceof Element || $scope instanceof Document)\n}\n\n/**\n * Format error message\n *\n * @internal\n * @param {ComponentWithModuleName} Component - Component that threw the error\n * @param {string} message - Error message\n * @returns {string} - Formatted error message\n */\nexport function formatErrorMessage(Component, message) {\n  return `${Component.moduleName}: ${message}`\n}\n\n/* eslint-disable jsdoc/valid-types --\n * `{new(...args: any[] ): object}` is not recognised as valid\n * https://github.com/gajus/eslint-plugin-jsdoc/issues/145#issuecomment-1308722878\n * https://github.com/jsdoc-type-pratt-parser/jsdoc-type-pratt-parser/issues/131\n **/\n\n/**\n * @typedef ComponentWithModuleName\n * @property {string} moduleName - Name of the component\n */\n\n/* eslint-enable jsdoc/valid-types */\n","import { formatErrorMessage, isObject } from '../common/index.mjs'\n\n/**\n * GOV.UK Frontend error\n *\n * A base class for `Error`s thrown by GOV.UK Frontend.\n *\n * It is meant to be extended into specific types of errors\n * to be thrown by our code.\n *\n * @example\n * ```js\n * class MissingRootError extends GOVUKFrontendError {\n *   // Setting an explicit name is important as extending the class will not\n *   // set a new `name` on the subclass. The `name` property is important\n *   // to ensure intelligible error names even if the class name gets\n *   // mangled by a minifier\n *   name = \"MissingRootError\"\n * }\n * ```\n * @virtual\n */\nexport class GOVUKFrontendError extends Error {\n  name = 'GOVUKFrontendError'\n}\n\n/**\n * Indicates that GOV.UK Frontend is not supported\n */\nexport class SupportError extends GOVUKFrontendError {\n  name = 'SupportError'\n\n  /**\n   * Checks if GOV.UK Frontend is supported on this page\n   *\n   * @param {HTMLElement | null} [$scope] - HTML element `<body>` checked for browser support\n   */\n  constructor($scope = document.body) {\n    const supportMessage =\n      'noModule' in HTMLScriptElement.prototype\n        ? 'GOV.UK Frontend initialised without `<body class=\"govuk-frontend-supported\">` from template `<script>` snippet'\n        : 'GOV.UK Frontend is not supported in this browser'\n\n    super(\n      $scope\n        ? supportMessage\n        : 'GOV.UK Frontend initialised without `<script type=\"module\">`'\n    )\n  }\n}\n\n/**\n * Indicates that a component has received an illegal configuration\n */\nexport class ConfigError extends GOVUKFrontendError {\n  name = 'ConfigError'\n}\n\n/**\n * Indicates an issue with an element (possibly `null` or `undefined`)\n */\nexport class ElementError extends GOVUKFrontendError {\n  name = 'ElementError'\n\n  /**\n   * @internal\n   * @overload\n   * @param {string} message - Element error message\n   */\n\n  /**\n   * @internal\n   * @overload\n   * @param {ElementErrorOptions} options - Element error options\n   */\n\n  /**\n   * @internal\n   * @param {string | ElementErrorOptions} messageOrOptions - Element error message or options\n   */\n  constructor(messageOrOptions) {\n    let message = typeof messageOrOptions === 'string' ? messageOrOptions : ''\n\n    // Build message from options\n    if (isObject(messageOrOptions)) {\n      const { component, identifier, element, expectedType } = messageOrOptions\n\n      message = identifier\n\n      // Append reason\n      message += element\n        ? ` is not of type ${expectedType ?? 'HTMLElement'}`\n        : ' not found'\n\n      // Prepend with module name (optional)\n      if (component) {\n        message = formatErrorMessage(component, message)\n      }\n    }\n\n    super(message)\n  }\n}\n\n/**\n * Indicates that a component is already initialised\n */\nexport class InitError extends GOVUKFrontendError {\n  name = 'InitError'\n\n  /**\n   * @internal\n   * @param {ComponentWithModuleName | string} componentOrMessage - name of the component module\n   */\n  constructor(componentOrMessage) {\n    const message =\n      typeof componentOrMessage === 'string'\n        ? componentOrMessage\n        : formatErrorMessage(\n            componentOrMessage,\n            `Root element (\\`$root\\`) already initialised`\n          )\n\n    super(message)\n  }\n}\n\n/**\n * Element error options\n *\n * @internal\n * @typedef {object} ElementErrorOptions\n * @property {Element | Document | null} [element] - The element in error (optional)\n * @property {ComponentWithModuleName} [component] - Component throwing the error (optional)\n * @property {string} identifier - An identifier that'll let the user understand which element has an error. This is whatever makes the most sense\n * @property {string} [expectedType] - The type that was expected for the identifier (optional)\n */\n\n/**\n * @import { ComponentWithModuleName } from '../common/index.mjs'\n */\n","import { isInitialised, isSupported } from './common/index.mjs'\nimport { ElementError, InitError, SupportError } from './errors/index.mjs'\n\n/**\n * Base Component class\n *\n * Centralises the behaviours shared by our components\n *\n * @virtual\n * @template {Element} [RootElementType=HTMLElement]\n */\nexport class Component {\n  /**\n   * @type {typeof Element}\n   */\n  static elementType = HTMLElement\n\n  // allows Typescript user to work around the lack of types\n  // in GOVUKFrontend package, Typescript is not aware of $root\n  // in components that extend GOVUKFrontendComponent\n  /**\n   * Returns the root element of the component\n   *\n   * @protected\n   * @returns {RootElementType} - the root element of component\n   */\n  get $root() {\n    return this._$root\n  }\n\n  /**\n   * @protected\n   * @type {RootElementType}\n   */\n  _$root\n\n  /**\n   * Constructs a new component, validating that GOV.UK Frontend is supported\n   *\n   * @internal\n   * @param {Element | null} [$root] - HTML element to use for component\n   */\n  constructor($root) {\n    const childConstructor = /** @type {ChildClassConstructor} */ (\n      this.constructor\n    )\n\n    // TypeScript does not enforce that inheriting classes will define a `moduleName`\n    // (even if we add a `@virtual` `static moduleName` property to this class).\n    // While we trust users to do this correctly, we do a little check to provide them\n    // a helpful error message.\n    //\n    // After this, we'll be sure that `childConstructor` has a `moduleName`\n    // as expected of the `ChildClassConstructor` we've cast `this.constructor` to.\n    if (typeof childConstructor.moduleName !== 'string') {\n      throw new InitError(`\\`moduleName\\` not defined in component`)\n    }\n\n    if (!($root instanceof childConstructor.elementType)) {\n      throw new ElementError({\n        element: $root,\n        component: childConstructor,\n        identifier: 'Root element (`$root`)',\n        expectedType: childConstructor.elementType.name\n      })\n    } else {\n      this._$root = /** @type {RootElementType} */ ($root)\n    }\n\n    childConstructor.checkSupport()\n\n    this.checkInitialised()\n\n    const moduleName = childConstructor.moduleName\n\n    this.$root.setAttribute(`data-${moduleName}-init`, '')\n  }\n\n  /**\n   * Validates whether component is already initialised\n   *\n   * @private\n   * @throws {InitError} when component is already initialised\n   */\n  checkInitialised() {\n    const constructor = /** @type {ChildClassConstructor} */ (this.constructor)\n    const moduleName = constructor.moduleName\n\n    if (moduleName && isInitialised(this.$root, moduleName)) {\n      throw new InitError(constructor)\n    }\n  }\n\n  /**\n   * Validates whether components are supported\n   *\n   * @throws {SupportError} when the components are not supported\n   */\n  static checkSupport() {\n    if (!isSupported()) {\n      throw new SupportError()\n    }\n  }\n}\n\n/**\n * @typedef ChildClass\n * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component\n */\n\n/**\n * @typedef {typeof Component & ChildClass} ChildClassConstructor\n */\n","import { getBreakpoint } from '../../common/index.mjs'\nimport { Component } from '../../component.mjs'\nimport { ElementError } from '../../errors/index.mjs'\n\n/**\n * Tabs component\n *\n * @preserve\n */\nexport class Tabs extends Component {\n  /** @private */\n  $tabs\n\n  /** @private */\n  $tabList\n\n  /** @private */\n  $tabListItems\n\n  /** @private */\n  jsHiddenClass = 'govuk-tabs__panel--hidden'\n\n  /** @private */\n  changingHash = false\n\n  /** @private */\n  boundTabClick\n\n  /** @private */\n  boundTabKeydown\n\n  /** @private */\n  boundOnHashChange\n\n  /**\n   * @private\n   * @type {MediaQueryList | null}\n   */\n  mql = null\n\n  /**\n   * @param {Element | null} $root - HTML element to use for tabs\n   */\n  constructor($root) {\n    super($root)\n\n    const $tabs = this.$root.querySelectorAll('a.govuk-tabs__tab')\n    if (!$tabs.length) {\n      throw new ElementError({\n        component: Tabs,\n        identifier: 'Links (`<a class=\"govuk-tabs__tab\">`)'\n      })\n    }\n\n    this.$tabs = $tabs\n\n    // Save bound functions so we can remove event listeners during teardown\n    this.boundTabClick = this.onTabClick.bind(this)\n    this.boundTabKeydown = this.onTabKeydown.bind(this)\n    this.boundOnHashChange = this.onHashChange.bind(this)\n\n    const $tabList = this.$root.querySelector('.govuk-tabs__list')\n    const $tabListItems = this.$root.querySelectorAll(\n      'li.govuk-tabs__list-item'\n    )\n\n    if (!$tabList) {\n      throw new ElementError({\n        component: Tabs,\n        identifier: 'List (`<ul class=\"govuk-tabs__list\">`)'\n      })\n    }\n\n    if (!$tabListItems.length) {\n      throw new ElementError({\n        component: Tabs,\n        identifier: 'List items (`<li class=\"govuk-tabs__list-item\">`)'\n      })\n    }\n\n    this.$tabList = $tabList\n    this.$tabListItems = $tabListItems\n\n    this.setupResponsiveChecks()\n  }\n\n  /**\n   * Setup viewport resize check\n   *\n   * @private\n   */\n  setupResponsiveChecks() {\n    const breakpoint = getBreakpoint('tablet')\n\n    if (!breakpoint.value) {\n      throw new ElementError({\n        component: Tabs,\n        identifier: `CSS custom property (\\`${breakpoint.property}\\`) on pseudo-class \\`:root\\``\n      })\n    }\n\n    // Media query list for GOV.UK Frontend tablet breakpoint\n    this.mql = window.matchMedia(`(min-width: ${breakpoint.value})`)\n\n    // MediaQueryList.addEventListener isn't supported by Safari < 14 so we need\n    // to be able to fall back to the deprecated MediaQueryList.addListener\n    if ('addEventListener' in this.mql) {\n      this.mql.addEventListener('change', () => this.checkMode())\n    } else {\n      // @ts-expect-error Property 'addListener' does not exist\n      // eslint-disable-next-line @typescript-eslint/no-unsafe-call\n      this.mql.addListener(() => this.checkMode())\n    }\n\n    this.checkMode()\n  }\n\n  /**\n   * Setup or teardown handler for viewport resize check\n   *\n   * @private\n   */\n  checkMode() {\n    if (this.mql?.matches) {\n      this.setup()\n    } else {\n      this.teardown()\n    }\n  }\n\n  /**\n   * Setup tab component\n   *\n   * @private\n   */\n  setup() {\n    this.$tabList.setAttribute('role', 'tablist')\n\n    this.$tabListItems.forEach(($item) => {\n      $item.setAttribute('role', 'presentation')\n    })\n\n    this.$tabs.forEach(($tab) => {\n      // Set HTML attributes\n      this.setAttributes($tab)\n\n      // Handle events\n      $tab.addEventListener('click', this.boundTabClick, true)\n      $tab.addEventListener('keydown', this.boundTabKeydown, true)\n\n      // Remove old active panels\n      this.hideTab($tab)\n    })\n\n    // Show either the active tab according to the URL's hash or the first tab\n    const $activeTab = this.getTab(window.location.hash) ?? this.$tabs[0]\n\n    this.showTab($activeTab)\n\n    // Handle hashchange events\n    window.addEventListener('hashchange', this.boundOnHashChange, true)\n  }\n\n  /**\n   * Teardown tab component\n   *\n   * @private\n   */\n  teardown() {\n    this.$tabList.removeAttribute('role')\n\n    this.$tabListItems.forEach(($item) => {\n      $item.removeAttribute('role')\n    })\n\n    this.$tabs.forEach(($tab) => {\n      // Remove events\n      $tab.removeEventListener('click', this.boundTabClick, true)\n      $tab.removeEventListener('keydown', this.boundTabKeydown, true)\n\n      // Unset HTML attributes\n      this.unsetAttributes($tab)\n    })\n\n    // Remove hashchange event handler\n    window.removeEventListener('hashchange', this.boundOnHashChange, true)\n  }\n\n  /**\n   * Handle hashchange event\n   *\n   * @private\n   * @returns {void | undefined} Returns void, or undefined when prevented\n   */\n  onHashChange() {\n    const hash = window.location.hash\n    const $tabWithHash = this.getTab(hash)\n    if (!$tabWithHash) {\n      return\n    }\n\n    // Prevent changing the hash\n    if (this.changingHash) {\n      this.changingHash = false\n      return\n    }\n\n    // Show either the active tab according to the URL's hash or the first tab\n    const $previousTab = this.getCurrentTab()\n    if (!$previousTab) {\n      return\n    }\n\n    this.hideTab($previousTab)\n    this.showTab($tabWithHash)\n    $tabWithHash.focus()\n  }\n\n  /**\n   * Hide panel for tab link\n   *\n   * @private\n   * @param {HTMLAnchorElement} $tab - Tab link\n   */\n  hideTab($tab) {\n    this.unhighlightTab($tab)\n    this.hidePanel($tab)\n  }\n\n  /**\n   * Show panel for tab link\n   *\n   * @private\n   * @param {HTMLAnchorElement} $tab - Tab link\n   */\n  showTab($tab) {\n    this.highlightTab($tab)\n    this.showPanel($tab)\n  }\n\n  /**\n   * Get tab link by hash\n   *\n   * @private\n   * @param {string} hash - Hash fragment including #\n   * @returns {HTMLAnchorElement | null} Tab link\n   */\n  getTab(hash) {\n    return this.$root.querySelector(`a.govuk-tabs__tab[href=\"${hash}\"]`)\n  }\n\n  /**\n   * Set tab link and panel attributes\n   *\n   * @private\n   * @param {HTMLAnchorElement} $tab - Tab link\n   */\n  setAttributes($tab) {\n    const panelId = $tab.hash.replace('#', '')\n    if (!panelId) {\n      return\n    }\n\n    // Set tab attributes\n    $tab.setAttribute('id', `tab_${panelId}`)\n    $tab.setAttribute('role', 'tab')\n    $tab.setAttribute('aria-controls', panelId)\n    $tab.setAttribute('aria-selected', 'false')\n    $tab.setAttribute('tabindex', '-1')\n\n    // Set panel attributes\n    const $panel = this.getPanel($tab)\n    if (!$panel) {\n      return\n    }\n\n    $panel.setAttribute('role', 'tabpanel')\n    $panel.setAttribute('aria-labelledby', $tab.id)\n    $panel.classList.add(this.jsHiddenClass)\n  }\n\n  /**\n   * Unset tab link and panel attributes\n   *\n   * @private\n   * @param {HTMLAnchorElement} $tab - Tab link\n   */\n  unsetAttributes($tab) {\n    // unset tab attributes\n    $tab.removeAttribute('id')\n    $tab.removeAttribute('role')\n    $tab.removeAttribute('aria-controls')\n    $tab.removeAttribute('aria-selected')\n    $tab.removeAttribute('tabindex')\n\n    // unset panel attributes\n    const $panel = this.getPanel($tab)\n    if (!$panel) {\n      return\n    }\n\n    $panel.removeAttribute('role')\n    $panel.removeAttribute('aria-labelledby')\n    $panel.classList.remove(this.jsHiddenClass)\n  }\n\n  /**\n   * Handle tab link clicks\n   *\n   * @private\n   * @param {MouseEvent} event - Mouse click event\n   * @returns {void} Returns void\n   */\n  onTabClick(event) {\n    const $currentTab = this.getCurrentTab()\n    const $nextTab = event.currentTarget\n\n    if (!$currentTab || !($nextTab instanceof HTMLAnchorElement)) {\n      return\n    }\n\n    event.preventDefault()\n\n    this.hideTab($currentTab)\n    this.showTab($nextTab)\n    this.createHistoryEntry($nextTab)\n  }\n\n  /**\n   * Update browser URL hash fragment for tab\n   *\n   * - Allows back/forward to navigate tabs\n   * - Avoids page jump when hash changes\n   *\n   * @private\n   * @param {HTMLAnchorElement} $tab - Tab link\n   */\n  createHistoryEntry($tab) {\n    const $panel = this.getPanel($tab)\n    if (!$panel) {\n      return\n    }\n\n    // Save and restore the id so the page doesn't jump when a user clicks a tab\n    // (which changes the hash)\n    const panelId = $panel.id\n    $panel.id = ''\n    this.changingHash = true\n    window.location.hash = panelId\n    $panel.id = panelId\n  }\n\n  /**\n   * Handle tab keydown event\n   *\n   * - Press right arrow for next tab\n   * - Press left arrow for previous tab\n   *\n   * @private\n   * @param {KeyboardEvent} event - Keydown event\n   */\n  onTabKeydown(event) {\n    switch (event.key) {\n      // 'Left' and 'Right' required for Edge 16 support.\n      case 'ArrowLeft':\n      case 'Left':\n        this.activatePreviousTab()\n        event.preventDefault()\n        break\n      case 'ArrowRight':\n      case 'Right':\n        this.activateNextTab()\n        event.preventDefault()\n        break\n    }\n  }\n\n  /**\n   * Activate next tab\n   *\n   * @private\n   */\n  activateNextTab() {\n    const $currentTab = this.getCurrentTab()\n    if (!$currentTab?.parentElement) {\n      return\n    }\n\n    const $nextTabListItem = $currentTab.parentElement.nextElementSibling\n    if (!$nextTabListItem) {\n      return\n    }\n\n    const $nextTab = $nextTabListItem.querySelector('a.govuk-tabs__tab')\n    if (!$nextTab) {\n      return\n    }\n\n    this.hideTab($currentTab)\n    this.showTab($nextTab)\n    $nextTab.focus()\n    this.createHistoryEntry($nextTab)\n  }\n\n  /**\n   * Activate previous tab\n   *\n   * @private\n   */\n  activatePreviousTab() {\n    const $currentTab = this.getCurrentTab()\n    if (!$currentTab?.parentElement) {\n      return\n    }\n\n    const $previousTabListItem =\n      $currentTab.parentElement.previousElementSibling\n    if (!$previousTabListItem) {\n      return\n    }\n\n    const $previousTab = $previousTabListItem.querySelector('a.govuk-tabs__tab')\n    if (!$previousTab) {\n      return\n    }\n\n    this.hideTab($currentTab)\n    this.showTab($previousTab)\n    $previousTab.focus()\n    this.createHistoryEntry($previousTab)\n  }\n\n  /**\n   * Get tab panel for tab link\n   *\n   * @private\n   * @param {HTMLAnchorElement} $tab - Tab link\n   * @returns {Element | null} Tab panel\n   */\n  getPanel($tab) {\n    const panelId = $tab.hash.replace('#', '')\n    if (!panelId) {\n      return null\n    }\n\n    return this.$root.querySelector(`#${panelId}`)\n  }\n\n  /**\n   * Show tab panel for tab link\n   *\n   * @private\n   * @param {HTMLAnchorElement} $tab - Tab link\n   */\n  showPanel($tab) {\n    const $panel = this.getPanel($tab)\n    if (!$panel) {\n      return\n    }\n\n    $panel.classList.remove(this.jsHiddenClass)\n  }\n\n  /**\n   * Hide tab panel for tab link\n   *\n   * @private\n   * @param {HTMLAnchorElement} $tab - Tab link\n   */\n  hidePanel($tab) {\n    const $panel = this.getPanel($tab)\n    if (!$panel) {\n      return\n    }\n\n    $panel.classList.add(this.jsHiddenClass)\n  }\n\n  /**\n   * Unset 'selected' state for tab link\n   *\n   * @private\n   * @param {HTMLAnchorElement} $tab - Tab link\n   */\n  unhighlightTab($tab) {\n    if (!$tab.parentElement) {\n      return\n    }\n\n    $tab.setAttribute('aria-selected', 'false')\n    $tab.parentElement.classList.remove('govuk-tabs__list-item--selected')\n    $tab.setAttribute('tabindex', '-1')\n  }\n\n  /**\n   * Set 'selected' state for tab link\n   *\n   * @private\n   * @param {HTMLAnchorElement} $tab - Tab link\n   */\n  highlightTab($tab) {\n    if (!$tab.parentElement) {\n      return\n    }\n\n    $tab.setAttribute('aria-selected', 'true')\n    $tab.parentElement.classList.add('govuk-tabs__list-item--selected')\n    $tab.setAttribute('tabindex', '0')\n  }\n\n  /**\n   * Get current tab link\n   *\n   * @private\n   * @returns {HTMLAnchorElement | null} Tab link\n   */\n  getCurrentTab() {\n    return this.$root.querySelector(\n      '.govuk-tabs__list-item--selected a.govuk-tabs__tab'\n    )\n  }\n\n  /**\n   * Name for the component used when initialising using data-module attributes.\n   */\n  static moduleName = 'govuk-tabs'\n}\n"],"names":["getBreakpoint","name","property","value","window","getComputedStyle","document","documentElement","getPropertyValue","undefined","isInitialised","$root","moduleName","HTMLElement","hasAttribute","isSupported","$scope","body","classList","contains","isArray","option","Array","isObject","formatErrorMessage","Component","message","GOVUKFrontendError","Error","constructor","args","SupportError","supportMessage","HTMLScriptElement","prototype","ElementError","messageOrOptions","component","identifier","element","expectedType","InitError","componentOrMessage","_$root","childConstructor","elementType","checkSupport","checkInitialised","setAttribute","Tabs","$tabs","$tabList","$tabListItems","jsHiddenClass","changingHash","boundTabClick","boundTabKeydown","boundOnHashChange","mql","querySelectorAll","length","onTabClick","bind","onTabKeydown","onHashChange","querySelector","setupResponsiveChecks","breakpoint","matchMedia","addEventListener","checkMode","addListener","_this$mql","matches","setup","teardown","_this$getTab","forEach","$item","$tab","setAttributes","hideTab","$activeTab","getTab","location","hash","showTab","removeAttribute","removeEventListener","unsetAttributes","$tabWithHash","$previousTab","getCurrentTab","focus","unhighlightTab","hidePanel","highlightTab","showPanel","panelId","replace","$panel","getPanel","id","add","remove","event","$currentTab","$nextTab","currentTarget","HTMLAnchorElement","preventDefault","createHistoryEntry","key","activatePreviousTab","activateNextTab","parentElement","$nextTabListItem","nextElementSibling","$previousTabListItem","previousElementSibling"],"mappings":"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"}
\ No newline at end of file
diff --git a/node_modules/govuk-frontend/dist/govuk/components/tabs/tabs.bundle.mjs b/node_modules/govuk-frontend/dist/govuk/components/tabs/tabs.bundle.mjs
new file mode 100644
index 0000000..755073b
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/tabs/tabs.bundle.mjs
@@ -0,0 +1,424 @@
+function getBreakpoint(name) {
+  const property = `--govuk-breakpoint-${name}`;
+  const value = window.getComputedStyle(document.documentElement).getPropertyValue(property);
+  return {
+    property,
+    value: value || undefined
+  };
+}
+function isInitialised($root, moduleName) {
+  return $root instanceof HTMLElement && $root.hasAttribute(`data-${moduleName}-init`);
+}
+
+/**
+ * Checks if GOV.UK Frontend is supported on this page
+ *
+ * Some browsers will load and run our JavaScript but GOV.UK Frontend
+ * won't be supported.
+ *
+ * @param {HTMLElement | null} [$scope] - (internal) `<body>` HTML element checked for browser support
+ * @returns {boolean} Whether GOV.UK Frontend is supported on this page
+ */
+function isSupported($scope = document.body) {
+  if (!$scope) {
+    return false;
+  }
+  return $scope.classList.contains('govuk-frontend-supported');
+}
+function isArray(option) {
+  return Array.isArray(option);
+}
+function isObject(option) {
+  return !!option && typeof option === 'object' && !isArray(option);
+}
+function formatErrorMessage(Component, message) {
+  return `${Component.moduleName}: ${message}`;
+}
+/**
+ * @typedef ComponentWithModuleName
+ * @property {string} moduleName - Name of the component
+ */
+
+class GOVUKFrontendError extends Error {
+  constructor(...args) {
+    super(...args);
+    this.name = 'GOVUKFrontendError';
+  }
+}
+class SupportError extends GOVUKFrontendError {
+  /**
+   * Checks if GOV.UK Frontend is supported on this page
+   *
+   * @param {HTMLElement | null} [$scope] - HTML element `<body>` checked for browser support
+   */
+  constructor($scope = document.body) {
+    const supportMessage = 'noModule' in HTMLScriptElement.prototype ? 'GOV.UK Frontend initialised without `<body class="govuk-frontend-supported">` from template `<script>` snippet' : 'GOV.UK Frontend is not supported in this browser';
+    super($scope ? supportMessage : 'GOV.UK Frontend initialised without `<script type="module">`');
+    this.name = 'SupportError';
+  }
+}
+class ElementError extends GOVUKFrontendError {
+  constructor(messageOrOptions) {
+    let message = typeof messageOrOptions === 'string' ? messageOrOptions : '';
+    if (isObject(messageOrOptions)) {
+      const {
+        component,
+        identifier,
+        element,
+        expectedType
+      } = messageOrOptions;
+      message = identifier;
+      message += element ? ` is not of type ${expectedType != null ? expectedType : 'HTMLElement'}` : ' not found';
+      if (component) {
+        message = formatErrorMessage(component, message);
+      }
+    }
+    super(message);
+    this.name = 'ElementError';
+  }
+}
+class InitError extends GOVUKFrontendError {
+  constructor(componentOrMessage) {
+    const message = typeof componentOrMessage === 'string' ? componentOrMessage : formatErrorMessage(componentOrMessage, `Root element (\`$root\`) already initialised`);
+    super(message);
+    this.name = 'InitError';
+  }
+}
+/**
+ * @import { ComponentWithModuleName } from '../common/index.mjs'
+ */
+
+class Component {
+  /**
+   * Returns the root element of the component
+   *
+   * @protected
+   * @returns {RootElementType} - the root element of component
+   */
+  get $root() {
+    return this._$root;
+  }
+  constructor($root) {
+    this._$root = void 0;
+    const childConstructor = this.constructor;
+    if (typeof childConstructor.moduleName !== 'string') {
+      throw new InitError(`\`moduleName\` not defined in component`);
+    }
+    if (!($root instanceof childConstructor.elementType)) {
+      throw new ElementError({
+        element: $root,
+        component: childConstructor,
+        identifier: 'Root element (`$root`)',
+        expectedType: childConstructor.elementType.name
+      });
+    } else {
+      this._$root = $root;
+    }
+    childConstructor.checkSupport();
+    this.checkInitialised();
+    const moduleName = childConstructor.moduleName;
+    this.$root.setAttribute(`data-${moduleName}-init`, '');
+  }
+  checkInitialised() {
+    const constructor = this.constructor;
+    const moduleName = constructor.moduleName;
+    if (moduleName && isInitialised(this.$root, moduleName)) {
+      throw new InitError(constructor);
+    }
+  }
+  static checkSupport() {
+    if (!isSupported()) {
+      throw new SupportError();
+    }
+  }
+}
+
+/**
+ * @typedef ChildClass
+ * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component
+ */
+
+/**
+ * @typedef {typeof Component & ChildClass} ChildClassConstructor
+ */
+Component.elementType = HTMLElement;
+
+/**
+ * Tabs component
+ *
+ * @preserve
+ */
+class Tabs extends Component {
+  /**
+   * @param {Element | null} $root - HTML element to use for tabs
+   */
+  constructor($root) {
+    super($root);
+    this.$tabs = void 0;
+    this.$tabList = void 0;
+    this.$tabListItems = void 0;
+    this.jsHiddenClass = 'govuk-tabs__panel--hidden';
+    this.changingHash = false;
+    this.boundTabClick = void 0;
+    this.boundTabKeydown = void 0;
+    this.boundOnHashChange = void 0;
+    this.mql = null;
+    const $tabs = this.$root.querySelectorAll('a.govuk-tabs__tab');
+    if (!$tabs.length) {
+      throw new ElementError({
+        component: Tabs,
+        identifier: 'Links (`<a class="govuk-tabs__tab">`)'
+      });
+    }
+    this.$tabs = $tabs;
+    this.boundTabClick = this.onTabClick.bind(this);
+    this.boundTabKeydown = this.onTabKeydown.bind(this);
+    this.boundOnHashChange = this.onHashChange.bind(this);
+    const $tabList = this.$root.querySelector('.govuk-tabs__list');
+    const $tabListItems = this.$root.querySelectorAll('li.govuk-tabs__list-item');
+    if (!$tabList) {
+      throw new ElementError({
+        component: Tabs,
+        identifier: 'List (`<ul class="govuk-tabs__list">`)'
+      });
+    }
+    if (!$tabListItems.length) {
+      throw new ElementError({
+        component: Tabs,
+        identifier: 'List items (`<li class="govuk-tabs__list-item">`)'
+      });
+    }
+    this.$tabList = $tabList;
+    this.$tabListItems = $tabListItems;
+    this.setupResponsiveChecks();
+  }
+  setupResponsiveChecks() {
+    const breakpoint = getBreakpoint('tablet');
+    if (!breakpoint.value) {
+      throw new ElementError({
+        component: Tabs,
+        identifier: `CSS custom property (\`${breakpoint.property}\`) on pseudo-class \`:root\``
+      });
+    }
+    this.mql = window.matchMedia(`(min-width: ${breakpoint.value})`);
+    if ('addEventListener' in this.mql) {
+      this.mql.addEventListener('change', () => this.checkMode());
+    } else {
+      this.mql.addListener(() => this.checkMode());
+    }
+    this.checkMode();
+  }
+  checkMode() {
+    var _this$mql;
+    if ((_this$mql = this.mql) != null && _this$mql.matches) {
+      this.setup();
+    } else {
+      this.teardown();
+    }
+  }
+  setup() {
+    var _this$getTab;
+    this.$tabList.setAttribute('role', 'tablist');
+    this.$tabListItems.forEach($item => {
+      $item.setAttribute('role', 'presentation');
+    });
+    this.$tabs.forEach($tab => {
+      this.setAttributes($tab);
+      $tab.addEventListener('click', this.boundTabClick, true);
+      $tab.addEventListener('keydown', this.boundTabKeydown, true);
+      this.hideTab($tab);
+    });
+    const $activeTab = (_this$getTab = this.getTab(window.location.hash)) != null ? _this$getTab : this.$tabs[0];
+    this.showTab($activeTab);
+    window.addEventListener('hashchange', this.boundOnHashChange, true);
+  }
+  teardown() {
+    this.$tabList.removeAttribute('role');
+    this.$tabListItems.forEach($item => {
+      $item.removeAttribute('role');
+    });
+    this.$tabs.forEach($tab => {
+      $tab.removeEventListener('click', this.boundTabClick, true);
+      $tab.removeEventListener('keydown', this.boundTabKeydown, true);
+      this.unsetAttributes($tab);
+    });
+    window.removeEventListener('hashchange', this.boundOnHashChange, true);
+  }
+  onHashChange() {
+    const hash = window.location.hash;
+    const $tabWithHash = this.getTab(hash);
+    if (!$tabWithHash) {
+      return;
+    }
+    if (this.changingHash) {
+      this.changingHash = false;
+      return;
+    }
+    const $previousTab = this.getCurrentTab();
+    if (!$previousTab) {
+      return;
+    }
+    this.hideTab($previousTab);
+    this.showTab($tabWithHash);
+    $tabWithHash.focus();
+  }
+  hideTab($tab) {
+    this.unhighlightTab($tab);
+    this.hidePanel($tab);
+  }
+  showTab($tab) {
+    this.highlightTab($tab);
+    this.showPanel($tab);
+  }
+  getTab(hash) {
+    return this.$root.querySelector(`a.govuk-tabs__tab[href="${hash}"]`);
+  }
+  setAttributes($tab) {
+    const panelId = $tab.hash.replace('#', '');
+    if (!panelId) {
+      return;
+    }
+    $tab.setAttribute('id', `tab_${panelId}`);
+    $tab.setAttribute('role', 'tab');
+    $tab.setAttribute('aria-controls', panelId);
+    $tab.setAttribute('aria-selected', 'false');
+    $tab.setAttribute('tabindex', '-1');
+    const $panel = this.getPanel($tab);
+    if (!$panel) {
+      return;
+    }
+    $panel.setAttribute('role', 'tabpanel');
+    $panel.setAttribute('aria-labelledby', $tab.id);
+    $panel.classList.add(this.jsHiddenClass);
+  }
+  unsetAttributes($tab) {
+    $tab.removeAttribute('id');
+    $tab.removeAttribute('role');
+    $tab.removeAttribute('aria-controls');
+    $tab.removeAttribute('aria-selected');
+    $tab.removeAttribute('tabindex');
+    const $panel = this.getPanel($tab);
+    if (!$panel) {
+      return;
+    }
+    $panel.removeAttribute('role');
+    $panel.removeAttribute('aria-labelledby');
+    $panel.classList.remove(this.jsHiddenClass);
+  }
+  onTabClick(event) {
+    const $currentTab = this.getCurrentTab();
+    const $nextTab = event.currentTarget;
+    if (!$currentTab || !($nextTab instanceof HTMLAnchorElement)) {
+      return;
+    }
+    event.preventDefault();
+    this.hideTab($currentTab);
+    this.showTab($nextTab);
+    this.createHistoryEntry($nextTab);
+  }
+  createHistoryEntry($tab) {
+    const $panel = this.getPanel($tab);
+    if (!$panel) {
+      return;
+    }
+    const panelId = $panel.id;
+    $panel.id = '';
+    this.changingHash = true;
+    window.location.hash = panelId;
+    $panel.id = panelId;
+  }
+  onTabKeydown(event) {
+    switch (event.key) {
+      case 'ArrowLeft':
+      case 'Left':
+        this.activatePreviousTab();
+        event.preventDefault();
+        break;
+      case 'ArrowRight':
+      case 'Right':
+        this.activateNextTab();
+        event.preventDefault();
+        break;
+    }
+  }
+  activateNextTab() {
+    const $currentTab = this.getCurrentTab();
+    if (!($currentTab != null && $currentTab.parentElement)) {
+      return;
+    }
+    const $nextTabListItem = $currentTab.parentElement.nextElementSibling;
+    if (!$nextTabListItem) {
+      return;
+    }
+    const $nextTab = $nextTabListItem.querySelector('a.govuk-tabs__tab');
+    if (!$nextTab) {
+      return;
+    }
+    this.hideTab($currentTab);
+    this.showTab($nextTab);
+    $nextTab.focus();
+    this.createHistoryEntry($nextTab);
+  }
+  activatePreviousTab() {
+    const $currentTab = this.getCurrentTab();
+    if (!($currentTab != null && $currentTab.parentElement)) {
+      return;
+    }
+    const $previousTabListItem = $currentTab.parentElement.previousElementSibling;
+    if (!$previousTabListItem) {
+      return;
+    }
+    const $previousTab = $previousTabListItem.querySelector('a.govuk-tabs__tab');
+    if (!$previousTab) {
+      return;
+    }
+    this.hideTab($currentTab);
+    this.showTab($previousTab);
+    $previousTab.focus();
+    this.createHistoryEntry($previousTab);
+  }
+  getPanel($tab) {
+    const panelId = $tab.hash.replace('#', '');
+    if (!panelId) {
+      return null;
+    }
+    return this.$root.querySelector(`#${panelId}`);
+  }
+  showPanel($tab) {
+    const $panel = this.getPanel($tab);
+    if (!$panel) {
+      return;
+    }
+    $panel.classList.remove(this.jsHiddenClass);
+  }
+  hidePanel($tab) {
+    const $panel = this.getPanel($tab);
+    if (!$panel) {
+      return;
+    }
+    $panel.classList.add(this.jsHiddenClass);
+  }
+  unhighlightTab($tab) {
+    if (!$tab.parentElement) {
+      return;
+    }
+    $tab.setAttribute('aria-selected', 'false');
+    $tab.parentElement.classList.remove('govuk-tabs__list-item--selected');
+    $tab.setAttribute('tabindex', '-1');
+  }
+  highlightTab($tab) {
+    if (!$tab.parentElement) {
+      return;
+    }
+    $tab.setAttribute('aria-selected', 'true');
+    $tab.parentElement.classList.add('govuk-tabs__list-item--selected');
+    $tab.setAttribute('tabindex', '0');
+  }
+  getCurrentTab() {
+    return this.$root.querySelector('.govuk-tabs__list-item--selected a.govuk-tabs__tab');
+  }
+}
+Tabs.moduleName = 'govuk-tabs';
+
+export { Tabs };
+//# sourceMappingURL=tabs.bundle.mjs.map
diff --git a/node_modules/govuk-frontend/dist/govuk/components/tabs/tabs.bundle.mjs.map b/node_modules/govuk-frontend/dist/govuk/components/tabs/tabs.bundle.mjs.map
new file mode 100644
index 0000000..4d9de9a
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/tabs/tabs.bundle.mjs.map
@@ -0,0 +1 @@
+{"version":3,"file":"tabs.bundle.mjs","sources":["../../../../src/govuk/common/index.mjs","../../../../src/govuk/errors/index.mjs","../../../../src/govuk/component.mjs","../../../../src/govuk/components/tabs/tabs.mjs"],"sourcesContent":["/**\n * Common helpers which do not require polyfill.\n *\n * IMPORTANT: If a helper require a polyfill, please isolate it in its own module\n * so that the polyfill can be properly tree-shaken and does not burden\n * the components that do not need that helper\n */\n\n/**\n * Get GOV.UK Frontend breakpoint value from CSS custom property\n *\n * @private\n * @param {string} name - Breakpoint name\n * @returns {{ property: string, value?: string }} Breakpoint object\n */\nexport function getBreakpoint(name) {\n  const property = `--govuk-breakpoint-${name}`\n\n  // Get value from `<html>` with breakpoints on CSS :root\n  const value = window\n    .getComputedStyle(document.documentElement)\n    .getPropertyValue(property)\n\n  return {\n    property,\n    value: value || undefined\n  }\n}\n\n/**\n * Move focus to element\n *\n * Sets tabindex to -1 to make the element programmatically focusable,\n * but removes it on blur as the element doesn't need to be focused again.\n *\n * @private\n * @template {HTMLElement} FocusElement\n * @param {FocusElement} $element - HTML element\n * @param {object} [options] - Handler options\n * @param {function(this: FocusElement): void} [options.onBeforeFocus] - Callback before focus\n * @param {function(this: FocusElement): void} [options.onBlur] - Callback on blur\n */\nexport function setFocus($element, options = {}) {\n  const isFocusable = $element.getAttribute('tabindex')\n\n  if (!isFocusable) {\n    $element.setAttribute('tabindex', '-1')\n  }\n\n  /**\n   * Handle element focus\n   */\n  function onFocus() {\n    $element.addEventListener('blur', onBlur, { once: true })\n  }\n\n  /**\n   * Handle element blur\n   */\n  function onBlur() {\n    options.onBlur?.call($element)\n\n    if (!isFocusable) {\n      $element.removeAttribute('tabindex')\n    }\n  }\n\n  // Add listener to reset element on blur, after focus\n  $element.addEventListener('focus', onFocus, { once: true })\n\n  // Focus element\n  options.onBeforeFocus?.call($element)\n  $element.focus()\n}\n\n/**\n * Checks if component is already initialised\n *\n * @internal\n * @param {Element} $root - HTML element to be checked\n * @param {string} moduleName - name of component module\n * @returns {boolean} Whether component is already initialised\n */\nexport function isInitialised($root, moduleName) {\n  return (\n    $root instanceof HTMLElement &&\n    $root.hasAttribute(`data-${moduleName}-init`)\n  )\n}\n\n/**\n * Checks if GOV.UK Frontend is supported on this page\n *\n * Some browsers will load and run our JavaScript but GOV.UK Frontend\n * won't be supported.\n *\n * @param {HTMLElement | null} [$scope] - (internal) `<body>` HTML element checked for browser support\n * @returns {boolean} Whether GOV.UK Frontend is supported on this page\n */\nexport function isSupported($scope = document.body) {\n  if (!$scope) {\n    return false\n  }\n\n  return $scope.classList.contains('govuk-frontend-supported')\n}\n\n/**\n * Check for an array\n *\n * @internal\n * @param {unknown} option - Option to check\n * @returns {boolean} Whether the option is an array\n */\nfunction isArray(option) {\n  return Array.isArray(option)\n}\n\n/**\n * Check for an object\n *\n * @internal\n * @template {Partial<Record<keyof ObjectType, unknown>>} ObjectType\n * @param {unknown | ObjectType} option - Option to check\n * @returns {option is ObjectType} Whether the option is an object\n */\nexport function isObject(option) {\n  return !!option && typeof option === 'object' && !isArray(option)\n}\n\n/**\n * Check for valid scope\n *\n * @internal\n * @template {Element | Document} ScopeType\n * @param {unknown | ScopeType} $scope - Scope of the document to search within\n * @returns {$scope is ScopeType} Whether the scope can be queried\n */\nexport function isScope($scope) {\n  return !!$scope && ($scope instanceof Element || $scope instanceof Document)\n}\n\n/**\n * Format error message\n *\n * @internal\n * @param {ComponentWithModuleName} Component - Component that threw the error\n * @param {string} message - Error message\n * @returns {string} - Formatted error message\n */\nexport function formatErrorMessage(Component, message) {\n  return `${Component.moduleName}: ${message}`\n}\n\n/* eslint-disable jsdoc/valid-types --\n * `{new(...args: any[] ): object}` is not recognised as valid\n * https://github.com/gajus/eslint-plugin-jsdoc/issues/145#issuecomment-1308722878\n * https://github.com/jsdoc-type-pratt-parser/jsdoc-type-pratt-parser/issues/131\n **/\n\n/**\n * @typedef ComponentWithModuleName\n * @property {string} moduleName - Name of the component\n */\n\n/* eslint-enable jsdoc/valid-types */\n","import { formatErrorMessage, isObject } from '../common/index.mjs'\n\n/**\n * GOV.UK Frontend error\n *\n * A base class for `Error`s thrown by GOV.UK Frontend.\n *\n * It is meant to be extended into specific types of errors\n * to be thrown by our code.\n *\n * @example\n * ```js\n * class MissingRootError extends GOVUKFrontendError {\n *   // Setting an explicit name is important as extending the class will not\n *   // set a new `name` on the subclass. The `name` property is important\n *   // to ensure intelligible error names even if the class name gets\n *   // mangled by a minifier\n *   name = \"MissingRootError\"\n * }\n * ```\n * @virtual\n */\nexport class GOVUKFrontendError extends Error {\n  name = 'GOVUKFrontendError'\n}\n\n/**\n * Indicates that GOV.UK Frontend is not supported\n */\nexport class SupportError extends GOVUKFrontendError {\n  name = 'SupportError'\n\n  /**\n   * Checks if GOV.UK Frontend is supported on this page\n   *\n   * @param {HTMLElement | null} [$scope] - HTML element `<body>` checked for browser support\n   */\n  constructor($scope = document.body) {\n    const supportMessage =\n      'noModule' in HTMLScriptElement.prototype\n        ? 'GOV.UK Frontend initialised without `<body class=\"govuk-frontend-supported\">` from template `<script>` snippet'\n        : 'GOV.UK Frontend is not supported in this browser'\n\n    super(\n      $scope\n        ? supportMessage\n        : 'GOV.UK Frontend initialised without `<script type=\"module\">`'\n    )\n  }\n}\n\n/**\n * Indicates that a component has received an illegal configuration\n */\nexport class ConfigError extends GOVUKFrontendError {\n  name = 'ConfigError'\n}\n\n/**\n * Indicates an issue with an element (possibly `null` or `undefined`)\n */\nexport class ElementError extends GOVUKFrontendError {\n  name = 'ElementError'\n\n  /**\n   * @internal\n   * @overload\n   * @param {string} message - Element error message\n   */\n\n  /**\n   * @internal\n   * @overload\n   * @param {ElementErrorOptions} options - Element error options\n   */\n\n  /**\n   * @internal\n   * @param {string | ElementErrorOptions} messageOrOptions - Element error message or options\n   */\n  constructor(messageOrOptions) {\n    let message = typeof messageOrOptions === 'string' ? messageOrOptions : ''\n\n    // Build message from options\n    if (isObject(messageOrOptions)) {\n      const { component, identifier, element, expectedType } = messageOrOptions\n\n      message = identifier\n\n      // Append reason\n      message += element\n        ? ` is not of type ${expectedType ?? 'HTMLElement'}`\n        : ' not found'\n\n      // Prepend with module name (optional)\n      if (component) {\n        message = formatErrorMessage(component, message)\n      }\n    }\n\n    super(message)\n  }\n}\n\n/**\n * Indicates that a component is already initialised\n */\nexport class InitError extends GOVUKFrontendError {\n  name = 'InitError'\n\n  /**\n   * @internal\n   * @param {ComponentWithModuleName | string} componentOrMessage - name of the component module\n   */\n  constructor(componentOrMessage) {\n    const message =\n      typeof componentOrMessage === 'string'\n        ? componentOrMessage\n        : formatErrorMessage(\n            componentOrMessage,\n            `Root element (\\`$root\\`) already initialised`\n          )\n\n    super(message)\n  }\n}\n\n/**\n * Element error options\n *\n * @internal\n * @typedef {object} ElementErrorOptions\n * @property {Element | Document | null} [element] - The element in error (optional)\n * @property {ComponentWithModuleName} [component] - Component throwing the error (optional)\n * @property {string} identifier - An identifier that'll let the user understand which element has an error. This is whatever makes the most sense\n * @property {string} [expectedType] - The type that was expected for the identifier (optional)\n */\n\n/**\n * @import { ComponentWithModuleName } from '../common/index.mjs'\n */\n","import { isInitialised, isSupported } from './common/index.mjs'\nimport { ElementError, InitError, SupportError } from './errors/index.mjs'\n\n/**\n * Base Component class\n *\n * Centralises the behaviours shared by our components\n *\n * @virtual\n * @template {Element} [RootElementType=HTMLElement]\n */\nexport class Component {\n  /**\n   * @type {typeof Element}\n   */\n  static elementType = HTMLElement\n\n  // allows Typescript user to work around the lack of types\n  // in GOVUKFrontend package, Typescript is not aware of $root\n  // in components that extend GOVUKFrontendComponent\n  /**\n   * Returns the root element of the component\n   *\n   * @protected\n   * @returns {RootElementType} - the root element of component\n   */\n  get $root() {\n    return this._$root\n  }\n\n  /**\n   * @protected\n   * @type {RootElementType}\n   */\n  _$root\n\n  /**\n   * Constructs a new component, validating that GOV.UK Frontend is supported\n   *\n   * @internal\n   * @param {Element | null} [$root] - HTML element to use for component\n   */\n  constructor($root) {\n    const childConstructor = /** @type {ChildClassConstructor} */ (\n      this.constructor\n    )\n\n    // TypeScript does not enforce that inheriting classes will define a `moduleName`\n    // (even if we add a `@virtual` `static moduleName` property to this class).\n    // While we trust users to do this correctly, we do a little check to provide them\n    // a helpful error message.\n    //\n    // After this, we'll be sure that `childConstructor` has a `moduleName`\n    // as expected of the `ChildClassConstructor` we've cast `this.constructor` to.\n    if (typeof childConstructor.moduleName !== 'string') {\n      throw new InitError(`\\`moduleName\\` not defined in component`)\n    }\n\n    if (!($root instanceof childConstructor.elementType)) {\n      throw new ElementError({\n        element: $root,\n        component: childConstructor,\n        identifier: 'Root element (`$root`)',\n        expectedType: childConstructor.elementType.name\n      })\n    } else {\n      this._$root = /** @type {RootElementType} */ ($root)\n    }\n\n    childConstructor.checkSupport()\n\n    this.checkInitialised()\n\n    const moduleName = childConstructor.moduleName\n\n    this.$root.setAttribute(`data-${moduleName}-init`, '')\n  }\n\n  /**\n   * Validates whether component is already initialised\n   *\n   * @private\n   * @throws {InitError} when component is already initialised\n   */\n  checkInitialised() {\n    const constructor = /** @type {ChildClassConstructor} */ (this.constructor)\n    const moduleName = constructor.moduleName\n\n    if (moduleName && isInitialised(this.$root, moduleName)) {\n      throw new InitError(constructor)\n    }\n  }\n\n  /**\n   * Validates whether components are supported\n   *\n   * @throws {SupportError} when the components are not supported\n   */\n  static checkSupport() {\n    if (!isSupported()) {\n      throw new SupportError()\n    }\n  }\n}\n\n/**\n * @typedef ChildClass\n * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component\n */\n\n/**\n * @typedef {typeof Component & ChildClass} ChildClassConstructor\n */\n","import { getBreakpoint } from '../../common/index.mjs'\nimport { Component } from '../../component.mjs'\nimport { ElementError } from '../../errors/index.mjs'\n\n/**\n * Tabs component\n *\n * @preserve\n */\nexport class Tabs extends Component {\n  /** @private */\n  $tabs\n\n  /** @private */\n  $tabList\n\n  /** @private */\n  $tabListItems\n\n  /** @private */\n  jsHiddenClass = 'govuk-tabs__panel--hidden'\n\n  /** @private */\n  changingHash = false\n\n  /** @private */\n  boundTabClick\n\n  /** @private */\n  boundTabKeydown\n\n  /** @private */\n  boundOnHashChange\n\n  /**\n   * @private\n   * @type {MediaQueryList | null}\n   */\n  mql = null\n\n  /**\n   * @param {Element | null} $root - HTML element to use for tabs\n   */\n  constructor($root) {\n    super($root)\n\n    const $tabs = this.$root.querySelectorAll('a.govuk-tabs__tab')\n    if (!$tabs.length) {\n      throw new ElementError({\n        component: Tabs,\n        identifier: 'Links (`<a class=\"govuk-tabs__tab\">`)'\n      })\n    }\n\n    this.$tabs = $tabs\n\n    // Save bound functions so we can remove event listeners during teardown\n    this.boundTabClick = this.onTabClick.bind(this)\n    this.boundTabKeydown = this.onTabKeydown.bind(this)\n    this.boundOnHashChange = this.onHashChange.bind(this)\n\n    const $tabList = this.$root.querySelector('.govuk-tabs__list')\n    const $tabListItems = this.$root.querySelectorAll(\n      'li.govuk-tabs__list-item'\n    )\n\n    if (!$tabList) {\n      throw new ElementError({\n        component: Tabs,\n        identifier: 'List (`<ul class=\"govuk-tabs__list\">`)'\n      })\n    }\n\n    if (!$tabListItems.length) {\n      throw new ElementError({\n        component: Tabs,\n        identifier: 'List items (`<li class=\"govuk-tabs__list-item\">`)'\n      })\n    }\n\n    this.$tabList = $tabList\n    this.$tabListItems = $tabListItems\n\n    this.setupResponsiveChecks()\n  }\n\n  /**\n   * Setup viewport resize check\n   *\n   * @private\n   */\n  setupResponsiveChecks() {\n    const breakpoint = getBreakpoint('tablet')\n\n    if (!breakpoint.value) {\n      throw new ElementError({\n        component: Tabs,\n        identifier: `CSS custom property (\\`${breakpoint.property}\\`) on pseudo-class \\`:root\\``\n      })\n    }\n\n    // Media query list for GOV.UK Frontend tablet breakpoint\n    this.mql = window.matchMedia(`(min-width: ${breakpoint.value})`)\n\n    // MediaQueryList.addEventListener isn't supported by Safari < 14 so we need\n    // to be able to fall back to the deprecated MediaQueryList.addListener\n    if ('addEventListener' in this.mql) {\n      this.mql.addEventListener('change', () => this.checkMode())\n    } else {\n      // @ts-expect-error Property 'addListener' does not exist\n      // eslint-disable-next-line @typescript-eslint/no-unsafe-call\n      this.mql.addListener(() => this.checkMode())\n    }\n\n    this.checkMode()\n  }\n\n  /**\n   * Setup or teardown handler for viewport resize check\n   *\n   * @private\n   */\n  checkMode() {\n    if (this.mql?.matches) {\n      this.setup()\n    } else {\n      this.teardown()\n    }\n  }\n\n  /**\n   * Setup tab component\n   *\n   * @private\n   */\n  setup() {\n    this.$tabList.setAttribute('role', 'tablist')\n\n    this.$tabListItems.forEach(($item) => {\n      $item.setAttribute('role', 'presentation')\n    })\n\n    this.$tabs.forEach(($tab) => {\n      // Set HTML attributes\n      this.setAttributes($tab)\n\n      // Handle events\n      $tab.addEventListener('click', this.boundTabClick, true)\n      $tab.addEventListener('keydown', this.boundTabKeydown, true)\n\n      // Remove old active panels\n      this.hideTab($tab)\n    })\n\n    // Show either the active tab according to the URL's hash or the first tab\n    const $activeTab = this.getTab(window.location.hash) ?? this.$tabs[0]\n\n    this.showTab($activeTab)\n\n    // Handle hashchange events\n    window.addEventListener('hashchange', this.boundOnHashChange, true)\n  }\n\n  /**\n   * Teardown tab component\n   *\n   * @private\n   */\n  teardown() {\n    this.$tabList.removeAttribute('role')\n\n    this.$tabListItems.forEach(($item) => {\n      $item.removeAttribute('role')\n    })\n\n    this.$tabs.forEach(($tab) => {\n      // Remove events\n      $tab.removeEventListener('click', this.boundTabClick, true)\n      $tab.removeEventListener('keydown', this.boundTabKeydown, true)\n\n      // Unset HTML attributes\n      this.unsetAttributes($tab)\n    })\n\n    // Remove hashchange event handler\n    window.removeEventListener('hashchange', this.boundOnHashChange, true)\n  }\n\n  /**\n   * Handle hashchange event\n   *\n   * @private\n   * @returns {void | undefined} Returns void, or undefined when prevented\n   */\n  onHashChange() {\n    const hash = window.location.hash\n    const $tabWithHash = this.getTab(hash)\n    if (!$tabWithHash) {\n      return\n    }\n\n    // Prevent changing the hash\n    if (this.changingHash) {\n      this.changingHash = false\n      return\n    }\n\n    // Show either the active tab according to the URL's hash or the first tab\n    const $previousTab = this.getCurrentTab()\n    if (!$previousTab) {\n      return\n    }\n\n    this.hideTab($previousTab)\n    this.showTab($tabWithHash)\n    $tabWithHash.focus()\n  }\n\n  /**\n   * Hide panel for tab link\n   *\n   * @private\n   * @param {HTMLAnchorElement} $tab - Tab link\n   */\n  hideTab($tab) {\n    this.unhighlightTab($tab)\n    this.hidePanel($tab)\n  }\n\n  /**\n   * Show panel for tab link\n   *\n   * @private\n   * @param {HTMLAnchorElement} $tab - Tab link\n   */\n  showTab($tab) {\n    this.highlightTab($tab)\n    this.showPanel($tab)\n  }\n\n  /**\n   * Get tab link by hash\n   *\n   * @private\n   * @param {string} hash - Hash fragment including #\n   * @returns {HTMLAnchorElement | null} Tab link\n   */\n  getTab(hash) {\n    return this.$root.querySelector(`a.govuk-tabs__tab[href=\"${hash}\"]`)\n  }\n\n  /**\n   * Set tab link and panel attributes\n   *\n   * @private\n   * @param {HTMLAnchorElement} $tab - Tab link\n   */\n  setAttributes($tab) {\n    const panelId = $tab.hash.replace('#', '')\n    if (!panelId) {\n      return\n    }\n\n    // Set tab attributes\n    $tab.setAttribute('id', `tab_${panelId}`)\n    $tab.setAttribute('role', 'tab')\n    $tab.setAttribute('aria-controls', panelId)\n    $tab.setAttribute('aria-selected', 'false')\n    $tab.setAttribute('tabindex', '-1')\n\n    // Set panel attributes\n    const $panel = this.getPanel($tab)\n    if (!$panel) {\n      return\n    }\n\n    $panel.setAttribute('role', 'tabpanel')\n    $panel.setAttribute('aria-labelledby', $tab.id)\n    $panel.classList.add(this.jsHiddenClass)\n  }\n\n  /**\n   * Unset tab link and panel attributes\n   *\n   * @private\n   * @param {HTMLAnchorElement} $tab - Tab link\n   */\n  unsetAttributes($tab) {\n    // unset tab attributes\n    $tab.removeAttribute('id')\n    $tab.removeAttribute('role')\n    $tab.removeAttribute('aria-controls')\n    $tab.removeAttribute('aria-selected')\n    $tab.removeAttribute('tabindex')\n\n    // unset panel attributes\n    const $panel = this.getPanel($tab)\n    if (!$panel) {\n      return\n    }\n\n    $panel.removeAttribute('role')\n    $panel.removeAttribute('aria-labelledby')\n    $panel.classList.remove(this.jsHiddenClass)\n  }\n\n  /**\n   * Handle tab link clicks\n   *\n   * @private\n   * @param {MouseEvent} event - Mouse click event\n   * @returns {void} Returns void\n   */\n  onTabClick(event) {\n    const $currentTab = this.getCurrentTab()\n    const $nextTab = event.currentTarget\n\n    if (!$currentTab || !($nextTab instanceof HTMLAnchorElement)) {\n      return\n    }\n\n    event.preventDefault()\n\n    this.hideTab($currentTab)\n    this.showTab($nextTab)\n    this.createHistoryEntry($nextTab)\n  }\n\n  /**\n   * Update browser URL hash fragment for tab\n   *\n   * - Allows back/forward to navigate tabs\n   * - Avoids page jump when hash changes\n   *\n   * @private\n   * @param {HTMLAnchorElement} $tab - Tab link\n   */\n  createHistoryEntry($tab) {\n    const $panel = this.getPanel($tab)\n    if (!$panel) {\n      return\n    }\n\n    // Save and restore the id so the page doesn't jump when a user clicks a tab\n    // (which changes the hash)\n    const panelId = $panel.id\n    $panel.id = ''\n    this.changingHash = true\n    window.location.hash = panelId\n    $panel.id = panelId\n  }\n\n  /**\n   * Handle tab keydown event\n   *\n   * - Press right arrow for next tab\n   * - Press left arrow for previous tab\n   *\n   * @private\n   * @param {KeyboardEvent} event - Keydown event\n   */\n  onTabKeydown(event) {\n    switch (event.key) {\n      // 'Left' and 'Right' required for Edge 16 support.\n      case 'ArrowLeft':\n      case 'Left':\n        this.activatePreviousTab()\n        event.preventDefault()\n        break\n      case 'ArrowRight':\n      case 'Right':\n        this.activateNextTab()\n        event.preventDefault()\n        break\n    }\n  }\n\n  /**\n   * Activate next tab\n   *\n   * @private\n   */\n  activateNextTab() {\n    const $currentTab = this.getCurrentTab()\n    if (!$currentTab?.parentElement) {\n      return\n    }\n\n    const $nextTabListItem = $currentTab.parentElement.nextElementSibling\n    if (!$nextTabListItem) {\n      return\n    }\n\n    const $nextTab = $nextTabListItem.querySelector('a.govuk-tabs__tab')\n    if (!$nextTab) {\n      return\n    }\n\n    this.hideTab($currentTab)\n    this.showTab($nextTab)\n    $nextTab.focus()\n    this.createHistoryEntry($nextTab)\n  }\n\n  /**\n   * Activate previous tab\n   *\n   * @private\n   */\n  activatePreviousTab() {\n    const $currentTab = this.getCurrentTab()\n    if (!$currentTab?.parentElement) {\n      return\n    }\n\n    const $previousTabListItem =\n      $currentTab.parentElement.previousElementSibling\n    if (!$previousTabListItem) {\n      return\n    }\n\n    const $previousTab = $previousTabListItem.querySelector('a.govuk-tabs__tab')\n    if (!$previousTab) {\n      return\n    }\n\n    this.hideTab($currentTab)\n    this.showTab($previousTab)\n    $previousTab.focus()\n    this.createHistoryEntry($previousTab)\n  }\n\n  /**\n   * Get tab panel for tab link\n   *\n   * @private\n   * @param {HTMLAnchorElement} $tab - Tab link\n   * @returns {Element | null} Tab panel\n   */\n  getPanel($tab) {\n    const panelId = $tab.hash.replace('#', '')\n    if (!panelId) {\n      return null\n    }\n\n    return this.$root.querySelector(`#${panelId}`)\n  }\n\n  /**\n   * Show tab panel for tab link\n   *\n   * @private\n   * @param {HTMLAnchorElement} $tab - Tab link\n   */\n  showPanel($tab) {\n    const $panel = this.getPanel($tab)\n    if (!$panel) {\n      return\n    }\n\n    $panel.classList.remove(this.jsHiddenClass)\n  }\n\n  /**\n   * Hide tab panel for tab link\n   *\n   * @private\n   * @param {HTMLAnchorElement} $tab - Tab link\n   */\n  hidePanel($tab) {\n    const $panel = this.getPanel($tab)\n    if (!$panel) {\n      return\n    }\n\n    $panel.classList.add(this.jsHiddenClass)\n  }\n\n  /**\n   * Unset 'selected' state for tab link\n   *\n   * @private\n   * @param {HTMLAnchorElement} $tab - Tab link\n   */\n  unhighlightTab($tab) {\n    if (!$tab.parentElement) {\n      return\n    }\n\n    $tab.setAttribute('aria-selected', 'false')\n    $tab.parentElement.classList.remove('govuk-tabs__list-item--selected')\n    $tab.setAttribute('tabindex', '-1')\n  }\n\n  /**\n   * Set 'selected' state for tab link\n   *\n   * @private\n   * @param {HTMLAnchorElement} $tab - Tab link\n   */\n  highlightTab($tab) {\n    if (!$tab.parentElement) {\n      return\n    }\n\n    $tab.setAttribute('aria-selected', 'true')\n    $tab.parentElement.classList.add('govuk-tabs__list-item--selected')\n    $tab.setAttribute('tabindex', '0')\n  }\n\n  /**\n   * Get current tab link\n   *\n   * @private\n   * @returns {HTMLAnchorElement | null} Tab link\n   */\n  getCurrentTab() {\n    return this.$root.querySelector(\n      '.govuk-tabs__list-item--selected a.govuk-tabs__tab'\n    )\n  }\n\n  /**\n   * Name for the component used when initialising using data-module attributes.\n   */\n  static moduleName = 'govuk-tabs'\n}\n"],"names":["getBreakpoint","name","property","value","window","getComputedStyle","document","documentElement","getPropertyValue","undefined","isInitialised","$root","moduleName","HTMLElement","hasAttribute","isSupported","$scope","body","classList","contains","isArray","option","Array","isObject","formatErrorMessage","Component","message","GOVUKFrontendError","Error","constructor","args","SupportError","supportMessage","HTMLScriptElement","prototype","ElementError","messageOrOptions","component","identifier","element","expectedType","InitError","componentOrMessage","_$root","childConstructor","elementType","checkSupport","checkInitialised","setAttribute","Tabs","$tabs","$tabList","$tabListItems","jsHiddenClass","changingHash","boundTabClick","boundTabKeydown","boundOnHashChange","mql","querySelectorAll","length","onTabClick","bind","onTabKeydown","onHashChange","querySelector","setupResponsiveChecks","breakpoint","matchMedia","addEventListener","checkMode","addListener","_this$mql","matches","setup","teardown","_this$getTab","forEach","$item","$tab","setAttributes","hideTab","$activeTab","getTab","location","hash","showTab","removeAttribute","removeEventListener","unsetAttributes","$tabWithHash","$previousTab","getCurrentTab","focus","unhighlightTab","hidePanel","highlightTab","showPanel","panelId","replace","$panel","getPanel","id","add","remove","event","$currentTab","$nextTab","currentTarget","HTMLAnchorElement","preventDefault","createHistoryEntry","key","activatePreviousTab","activateNextTab","parentElement","$nextTabListItem","nextElementSibling","$previousTabListItem","previousElementSibling"],"mappings":"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"}
\ No newline at end of file
diff --git a/node_modules/govuk-frontend/dist/govuk/components/tabs/tabs.mjs b/node_modules/govuk-frontend/dist/govuk/components/tabs/tabs.mjs
new file mode 100644
index 0000000..04ca972
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/tabs/tabs.mjs
@@ -0,0 +1,283 @@
+import { getBreakpoint } from '../../common/index.mjs';
+import { Component } from '../../component.mjs';
+import { ElementError } from '../../errors/index.mjs';
+
+/**
+ * Tabs component
+ *
+ * @preserve
+ */
+class Tabs extends Component {
+  /**
+   * @param {Element | null} $root - HTML element to use for tabs
+   */
+  constructor($root) {
+    super($root);
+    this.$tabs = void 0;
+    this.$tabList = void 0;
+    this.$tabListItems = void 0;
+    this.jsHiddenClass = 'govuk-tabs__panel--hidden';
+    this.changingHash = false;
+    this.boundTabClick = void 0;
+    this.boundTabKeydown = void 0;
+    this.boundOnHashChange = void 0;
+    this.mql = null;
+    const $tabs = this.$root.querySelectorAll('a.govuk-tabs__tab');
+    if (!$tabs.length) {
+      throw new ElementError({
+        component: Tabs,
+        identifier: 'Links (`<a class="govuk-tabs__tab">`)'
+      });
+    }
+    this.$tabs = $tabs;
+    this.boundTabClick = this.onTabClick.bind(this);
+    this.boundTabKeydown = this.onTabKeydown.bind(this);
+    this.boundOnHashChange = this.onHashChange.bind(this);
+    const $tabList = this.$root.querySelector('.govuk-tabs__list');
+    const $tabListItems = this.$root.querySelectorAll('li.govuk-tabs__list-item');
+    if (!$tabList) {
+      throw new ElementError({
+        component: Tabs,
+        identifier: 'List (`<ul class="govuk-tabs__list">`)'
+      });
+    }
+    if (!$tabListItems.length) {
+      throw new ElementError({
+        component: Tabs,
+        identifier: 'List items (`<li class="govuk-tabs__list-item">`)'
+      });
+    }
+    this.$tabList = $tabList;
+    this.$tabListItems = $tabListItems;
+    this.setupResponsiveChecks();
+  }
+  setupResponsiveChecks() {
+    const breakpoint = getBreakpoint('tablet');
+    if (!breakpoint.value) {
+      throw new ElementError({
+        component: Tabs,
+        identifier: `CSS custom property (\`${breakpoint.property}\`) on pseudo-class \`:root\``
+      });
+    }
+    this.mql = window.matchMedia(`(min-width: ${breakpoint.value})`);
+    if ('addEventListener' in this.mql) {
+      this.mql.addEventListener('change', () => this.checkMode());
+    } else {
+      this.mql.addListener(() => this.checkMode());
+    }
+    this.checkMode();
+  }
+  checkMode() {
+    var _this$mql;
+    if ((_this$mql = this.mql) != null && _this$mql.matches) {
+      this.setup();
+    } else {
+      this.teardown();
+    }
+  }
+  setup() {
+    var _this$getTab;
+    this.$tabList.setAttribute('role', 'tablist');
+    this.$tabListItems.forEach($item => {
+      $item.setAttribute('role', 'presentation');
+    });
+    this.$tabs.forEach($tab => {
+      this.setAttributes($tab);
+      $tab.addEventListener('click', this.boundTabClick, true);
+      $tab.addEventListener('keydown', this.boundTabKeydown, true);
+      this.hideTab($tab);
+    });
+    const $activeTab = (_this$getTab = this.getTab(window.location.hash)) != null ? _this$getTab : this.$tabs[0];
+    this.showTab($activeTab);
+    window.addEventListener('hashchange', this.boundOnHashChange, true);
+  }
+  teardown() {
+    this.$tabList.removeAttribute('role');
+    this.$tabListItems.forEach($item => {
+      $item.removeAttribute('role');
+    });
+    this.$tabs.forEach($tab => {
+      $tab.removeEventListener('click', this.boundTabClick, true);
+      $tab.removeEventListener('keydown', this.boundTabKeydown, true);
+      this.unsetAttributes($tab);
+    });
+    window.removeEventListener('hashchange', this.boundOnHashChange, true);
+  }
+  onHashChange() {
+    const hash = window.location.hash;
+    const $tabWithHash = this.getTab(hash);
+    if (!$tabWithHash) {
+      return;
+    }
+    if (this.changingHash) {
+      this.changingHash = false;
+      return;
+    }
+    const $previousTab = this.getCurrentTab();
+    if (!$previousTab) {
+      return;
+    }
+    this.hideTab($previousTab);
+    this.showTab($tabWithHash);
+    $tabWithHash.focus();
+  }
+  hideTab($tab) {
+    this.unhighlightTab($tab);
+    this.hidePanel($tab);
+  }
+  showTab($tab) {
+    this.highlightTab($tab);
+    this.showPanel($tab);
+  }
+  getTab(hash) {
+    return this.$root.querySelector(`a.govuk-tabs__tab[href="${hash}"]`);
+  }
+  setAttributes($tab) {
+    const panelId = $tab.hash.replace('#', '');
+    if (!panelId) {
+      return;
+    }
+    $tab.setAttribute('id', `tab_${panelId}`);
+    $tab.setAttribute('role', 'tab');
+    $tab.setAttribute('aria-controls', panelId);
+    $tab.setAttribute('aria-selected', 'false');
+    $tab.setAttribute('tabindex', '-1');
+    const $panel = this.getPanel($tab);
+    if (!$panel) {
+      return;
+    }
+    $panel.setAttribute('role', 'tabpanel');
+    $panel.setAttribute('aria-labelledby', $tab.id);
+    $panel.classList.add(this.jsHiddenClass);
+  }
+  unsetAttributes($tab) {
+    $tab.removeAttribute('id');
+    $tab.removeAttribute('role');
+    $tab.removeAttribute('aria-controls');
+    $tab.removeAttribute('aria-selected');
+    $tab.removeAttribute('tabindex');
+    const $panel = this.getPanel($tab);
+    if (!$panel) {
+      return;
+    }
+    $panel.removeAttribute('role');
+    $panel.removeAttribute('aria-labelledby');
+    $panel.classList.remove(this.jsHiddenClass);
+  }
+  onTabClick(event) {
+    const $currentTab = this.getCurrentTab();
+    const $nextTab = event.currentTarget;
+    if (!$currentTab || !($nextTab instanceof HTMLAnchorElement)) {
+      return;
+    }
+    event.preventDefault();
+    this.hideTab($currentTab);
+    this.showTab($nextTab);
+    this.createHistoryEntry($nextTab);
+  }
+  createHistoryEntry($tab) {
+    const $panel = this.getPanel($tab);
+    if (!$panel) {
+      return;
+    }
+    const panelId = $panel.id;
+    $panel.id = '';
+    this.changingHash = true;
+    window.location.hash = panelId;
+    $panel.id = panelId;
+  }
+  onTabKeydown(event) {
+    switch (event.key) {
+      case 'ArrowLeft':
+      case 'Left':
+        this.activatePreviousTab();
+        event.preventDefault();
+        break;
+      case 'ArrowRight':
+      case 'Right':
+        this.activateNextTab();
+        event.preventDefault();
+        break;
+    }
+  }
+  activateNextTab() {
+    const $currentTab = this.getCurrentTab();
+    if (!($currentTab != null && $currentTab.parentElement)) {
+      return;
+    }
+    const $nextTabListItem = $currentTab.parentElement.nextElementSibling;
+    if (!$nextTabListItem) {
+      return;
+    }
+    const $nextTab = $nextTabListItem.querySelector('a.govuk-tabs__tab');
+    if (!$nextTab) {
+      return;
+    }
+    this.hideTab($currentTab);
+    this.showTab($nextTab);
+    $nextTab.focus();
+    this.createHistoryEntry($nextTab);
+  }
+  activatePreviousTab() {
+    const $currentTab = this.getCurrentTab();
+    if (!($currentTab != null && $currentTab.parentElement)) {
+      return;
+    }
+    const $previousTabListItem = $currentTab.parentElement.previousElementSibling;
+    if (!$previousTabListItem) {
+      return;
+    }
+    const $previousTab = $previousTabListItem.querySelector('a.govuk-tabs__tab');
+    if (!$previousTab) {
+      return;
+    }
+    this.hideTab($currentTab);
+    this.showTab($previousTab);
+    $previousTab.focus();
+    this.createHistoryEntry($previousTab);
+  }
+  getPanel($tab) {
+    const panelId = $tab.hash.replace('#', '');
+    if (!panelId) {
+      return null;
+    }
+    return this.$root.querySelector(`#${panelId}`);
+  }
+  showPanel($tab) {
+    const $panel = this.getPanel($tab);
+    if (!$panel) {
+      return;
+    }
+    $panel.classList.remove(this.jsHiddenClass);
+  }
+  hidePanel($tab) {
+    const $panel = this.getPanel($tab);
+    if (!$panel) {
+      return;
+    }
+    $panel.classList.add(this.jsHiddenClass);
+  }
+  unhighlightTab($tab) {
+    if (!$tab.parentElement) {
+      return;
+    }
+    $tab.setAttribute('aria-selected', 'false');
+    $tab.parentElement.classList.remove('govuk-tabs__list-item--selected');
+    $tab.setAttribute('tabindex', '-1');
+  }
+  highlightTab($tab) {
+    if (!$tab.parentElement) {
+      return;
+    }
+    $tab.setAttribute('aria-selected', 'true');
+    $tab.parentElement.classList.add('govuk-tabs__list-item--selected');
+    $tab.setAttribute('tabindex', '0');
+  }
+  getCurrentTab() {
+    return this.$root.querySelector('.govuk-tabs__list-item--selected a.govuk-tabs__tab');
+  }
+}
+Tabs.moduleName = 'govuk-tabs';
+
+export { Tabs };
+//# sourceMappingURL=tabs.mjs.map
diff --git a/node_modules/govuk-frontend/dist/govuk/components/tabs/tabs.mjs.map b/node_modules/govuk-frontend/dist/govuk/components/tabs/tabs.mjs.map
new file mode 100644
index 0000000..6f13b02
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/tabs/tabs.mjs.map
@@ -0,0 +1 @@
+{"version":3,"file":"tabs.mjs","sources":["../../../../src/govuk/components/tabs/tabs.mjs"],"sourcesContent":["import { getBreakpoint } from '../../common/index.mjs'\nimport { Component } from '../../component.mjs'\nimport { ElementError } from '../../errors/index.mjs'\n\n/**\n * Tabs component\n *\n * @preserve\n */\nexport class Tabs extends Component {\n  /** @private */\n  $tabs\n\n  /** @private */\n  $tabList\n\n  /** @private */\n  $tabListItems\n\n  /** @private */\n  jsHiddenClass = 'govuk-tabs__panel--hidden'\n\n  /** @private */\n  changingHash = false\n\n  /** @private */\n  boundTabClick\n\n  /** @private */\n  boundTabKeydown\n\n  /** @private */\n  boundOnHashChange\n\n  /**\n   * @private\n   * @type {MediaQueryList | null}\n   */\n  mql = null\n\n  /**\n   * @param {Element | null} $root - HTML element to use for tabs\n   */\n  constructor($root) {\n    super($root)\n\n    const $tabs = this.$root.querySelectorAll('a.govuk-tabs__tab')\n    if (!$tabs.length) {\n      throw new ElementError({\n        component: Tabs,\n        identifier: 'Links (`<a class=\"govuk-tabs__tab\">`)'\n      })\n    }\n\n    this.$tabs = $tabs\n\n    // Save bound functions so we can remove event listeners during teardown\n    this.boundTabClick = this.onTabClick.bind(this)\n    this.boundTabKeydown = this.onTabKeydown.bind(this)\n    this.boundOnHashChange = this.onHashChange.bind(this)\n\n    const $tabList = this.$root.querySelector('.govuk-tabs__list')\n    const $tabListItems = this.$root.querySelectorAll(\n      'li.govuk-tabs__list-item'\n    )\n\n    if (!$tabList) {\n      throw new ElementError({\n        component: Tabs,\n        identifier: 'List (`<ul class=\"govuk-tabs__list\">`)'\n      })\n    }\n\n    if (!$tabListItems.length) {\n      throw new ElementError({\n        component: Tabs,\n        identifier: 'List items (`<li class=\"govuk-tabs__list-item\">`)'\n      })\n    }\n\n    this.$tabList = $tabList\n    this.$tabListItems = $tabListItems\n\n    this.setupResponsiveChecks()\n  }\n\n  /**\n   * Setup viewport resize check\n   *\n   * @private\n   */\n  setupResponsiveChecks() {\n    const breakpoint = getBreakpoint('tablet')\n\n    if (!breakpoint.value) {\n      throw new ElementError({\n        component: Tabs,\n        identifier: `CSS custom property (\\`${breakpoint.property}\\`) on pseudo-class \\`:root\\``\n      })\n    }\n\n    // Media query list for GOV.UK Frontend tablet breakpoint\n    this.mql = window.matchMedia(`(min-width: ${breakpoint.value})`)\n\n    // MediaQueryList.addEventListener isn't supported by Safari < 14 so we need\n    // to be able to fall back to the deprecated MediaQueryList.addListener\n    if ('addEventListener' in this.mql) {\n      this.mql.addEventListener('change', () => this.checkMode())\n    } else {\n      // @ts-expect-error Property 'addListener' does not exist\n      // eslint-disable-next-line @typescript-eslint/no-unsafe-call\n      this.mql.addListener(() => this.checkMode())\n    }\n\n    this.checkMode()\n  }\n\n  /**\n   * Setup or teardown handler for viewport resize check\n   *\n   * @private\n   */\n  checkMode() {\n    if (this.mql?.matches) {\n      this.setup()\n    } else {\n      this.teardown()\n    }\n  }\n\n  /**\n   * Setup tab component\n   *\n   * @private\n   */\n  setup() {\n    this.$tabList.setAttribute('role', 'tablist')\n\n    this.$tabListItems.forEach(($item) => {\n      $item.setAttribute('role', 'presentation')\n    })\n\n    this.$tabs.forEach(($tab) => {\n      // Set HTML attributes\n      this.setAttributes($tab)\n\n      // Handle events\n      $tab.addEventListener('click', this.boundTabClick, true)\n      $tab.addEventListener('keydown', this.boundTabKeydown, true)\n\n      // Remove old active panels\n      this.hideTab($tab)\n    })\n\n    // Show either the active tab according to the URL's hash or the first tab\n    const $activeTab = this.getTab(window.location.hash) ?? this.$tabs[0]\n\n    this.showTab($activeTab)\n\n    // Handle hashchange events\n    window.addEventListener('hashchange', this.boundOnHashChange, true)\n  }\n\n  /**\n   * Teardown tab component\n   *\n   * @private\n   */\n  teardown() {\n    this.$tabList.removeAttribute('role')\n\n    this.$tabListItems.forEach(($item) => {\n      $item.removeAttribute('role')\n    })\n\n    this.$tabs.forEach(($tab) => {\n      // Remove events\n      $tab.removeEventListener('click', this.boundTabClick, true)\n      $tab.removeEventListener('keydown', this.boundTabKeydown, true)\n\n      // Unset HTML attributes\n      this.unsetAttributes($tab)\n    })\n\n    // Remove hashchange event handler\n    window.removeEventListener('hashchange', this.boundOnHashChange, true)\n  }\n\n  /**\n   * Handle hashchange event\n   *\n   * @private\n   * @returns {void | undefined} Returns void, or undefined when prevented\n   */\n  onHashChange() {\n    const hash = window.location.hash\n    const $tabWithHash = this.getTab(hash)\n    if (!$tabWithHash) {\n      return\n    }\n\n    // Prevent changing the hash\n    if (this.changingHash) {\n      this.changingHash = false\n      return\n    }\n\n    // Show either the active tab according to the URL's hash or the first tab\n    const $previousTab = this.getCurrentTab()\n    if (!$previousTab) {\n      return\n    }\n\n    this.hideTab($previousTab)\n    this.showTab($tabWithHash)\n    $tabWithHash.focus()\n  }\n\n  /**\n   * Hide panel for tab link\n   *\n   * @private\n   * @param {HTMLAnchorElement} $tab - Tab link\n   */\n  hideTab($tab) {\n    this.unhighlightTab($tab)\n    this.hidePanel($tab)\n  }\n\n  /**\n   * Show panel for tab link\n   *\n   * @private\n   * @param {HTMLAnchorElement} $tab - Tab link\n   */\n  showTab($tab) {\n    this.highlightTab($tab)\n    this.showPanel($tab)\n  }\n\n  /**\n   * Get tab link by hash\n   *\n   * @private\n   * @param {string} hash - Hash fragment including #\n   * @returns {HTMLAnchorElement | null} Tab link\n   */\n  getTab(hash) {\n    return this.$root.querySelector(`a.govuk-tabs__tab[href=\"${hash}\"]`)\n  }\n\n  /**\n   * Set tab link and panel attributes\n   *\n   * @private\n   * @param {HTMLAnchorElement} $tab - Tab link\n   */\n  setAttributes($tab) {\n    const panelId = $tab.hash.replace('#', '')\n    if (!panelId) {\n      return\n    }\n\n    // Set tab attributes\n    $tab.setAttribute('id', `tab_${panelId}`)\n    $tab.setAttribute('role', 'tab')\n    $tab.setAttribute('aria-controls', panelId)\n    $tab.setAttribute('aria-selected', 'false')\n    $tab.setAttribute('tabindex', '-1')\n\n    // Set panel attributes\n    const $panel = this.getPanel($tab)\n    if (!$panel) {\n      return\n    }\n\n    $panel.setAttribute('role', 'tabpanel')\n    $panel.setAttribute('aria-labelledby', $tab.id)\n    $panel.classList.add(this.jsHiddenClass)\n  }\n\n  /**\n   * Unset tab link and panel attributes\n   *\n   * @private\n   * @param {HTMLAnchorElement} $tab - Tab link\n   */\n  unsetAttributes($tab) {\n    // unset tab attributes\n    $tab.removeAttribute('id')\n    $tab.removeAttribute('role')\n    $tab.removeAttribute('aria-controls')\n    $tab.removeAttribute('aria-selected')\n    $tab.removeAttribute('tabindex')\n\n    // unset panel attributes\n    const $panel = this.getPanel($tab)\n    if (!$panel) {\n      return\n    }\n\n    $panel.removeAttribute('role')\n    $panel.removeAttribute('aria-labelledby')\n    $panel.classList.remove(this.jsHiddenClass)\n  }\n\n  /**\n   * Handle tab link clicks\n   *\n   * @private\n   * @param {MouseEvent} event - Mouse click event\n   * @returns {void} Returns void\n   */\n  onTabClick(event) {\n    const $currentTab = this.getCurrentTab()\n    const $nextTab = event.currentTarget\n\n    if (!$currentTab || !($nextTab instanceof HTMLAnchorElement)) {\n      return\n    }\n\n    event.preventDefault()\n\n    this.hideTab($currentTab)\n    this.showTab($nextTab)\n    this.createHistoryEntry($nextTab)\n  }\n\n  /**\n   * Update browser URL hash fragment for tab\n   *\n   * - Allows back/forward to navigate tabs\n   * - Avoids page jump when hash changes\n   *\n   * @private\n   * @param {HTMLAnchorElement} $tab - Tab link\n   */\n  createHistoryEntry($tab) {\n    const $panel = this.getPanel($tab)\n    if (!$panel) {\n      return\n    }\n\n    // Save and restore the id so the page doesn't jump when a user clicks a tab\n    // (which changes the hash)\n    const panelId = $panel.id\n    $panel.id = ''\n    this.changingHash = true\n    window.location.hash = panelId\n    $panel.id = panelId\n  }\n\n  /**\n   * Handle tab keydown event\n   *\n   * - Press right arrow for next tab\n   * - Press left arrow for previous tab\n   *\n   * @private\n   * @param {KeyboardEvent} event - Keydown event\n   */\n  onTabKeydown(event) {\n    switch (event.key) {\n      // 'Left' and 'Right' required for Edge 16 support.\n      case 'ArrowLeft':\n      case 'Left':\n        this.activatePreviousTab()\n        event.preventDefault()\n        break\n      case 'ArrowRight':\n      case 'Right':\n        this.activateNextTab()\n        event.preventDefault()\n        break\n    }\n  }\n\n  /**\n   * Activate next tab\n   *\n   * @private\n   */\n  activateNextTab() {\n    const $currentTab = this.getCurrentTab()\n    if (!$currentTab?.parentElement) {\n      return\n    }\n\n    const $nextTabListItem = $currentTab.parentElement.nextElementSibling\n    if (!$nextTabListItem) {\n      return\n    }\n\n    const $nextTab = $nextTabListItem.querySelector('a.govuk-tabs__tab')\n    if (!$nextTab) {\n      return\n    }\n\n    this.hideTab($currentTab)\n    this.showTab($nextTab)\n    $nextTab.focus()\n    this.createHistoryEntry($nextTab)\n  }\n\n  /**\n   * Activate previous tab\n   *\n   * @private\n   */\n  activatePreviousTab() {\n    const $currentTab = this.getCurrentTab()\n    if (!$currentTab?.parentElement) {\n      return\n    }\n\n    const $previousTabListItem =\n      $currentTab.parentElement.previousElementSibling\n    if (!$previousTabListItem) {\n      return\n    }\n\n    const $previousTab = $previousTabListItem.querySelector('a.govuk-tabs__tab')\n    if (!$previousTab) {\n      return\n    }\n\n    this.hideTab($currentTab)\n    this.showTab($previousTab)\n    $previousTab.focus()\n    this.createHistoryEntry($previousTab)\n  }\n\n  /**\n   * Get tab panel for tab link\n   *\n   * @private\n   * @param {HTMLAnchorElement} $tab - Tab link\n   * @returns {Element | null} Tab panel\n   */\n  getPanel($tab) {\n    const panelId = $tab.hash.replace('#', '')\n    if (!panelId) {\n      return null\n    }\n\n    return this.$root.querySelector(`#${panelId}`)\n  }\n\n  /**\n   * Show tab panel for tab link\n   *\n   * @private\n   * @param {HTMLAnchorElement} $tab - Tab link\n   */\n  showPanel($tab) {\n    const $panel = this.getPanel($tab)\n    if (!$panel) {\n      return\n    }\n\n    $panel.classList.remove(this.jsHiddenClass)\n  }\n\n  /**\n   * Hide tab panel for tab link\n   *\n   * @private\n   * @param {HTMLAnchorElement} $tab - Tab link\n   */\n  hidePanel($tab) {\n    const $panel = this.getPanel($tab)\n    if (!$panel) {\n      return\n    }\n\n    $panel.classList.add(this.jsHiddenClass)\n  }\n\n  /**\n   * Unset 'selected' state for tab link\n   *\n   * @private\n   * @param {HTMLAnchorElement} $tab - Tab link\n   */\n  unhighlightTab($tab) {\n    if (!$tab.parentElement) {\n      return\n    }\n\n    $tab.setAttribute('aria-selected', 'false')\n    $tab.parentElement.classList.remove('govuk-tabs__list-item--selected')\n    $tab.setAttribute('tabindex', '-1')\n  }\n\n  /**\n   * Set 'selected' state for tab link\n   *\n   * @private\n   * @param {HTMLAnchorElement} $tab - Tab link\n   */\n  highlightTab($tab) {\n    if (!$tab.parentElement) {\n      return\n    }\n\n    $tab.setAttribute('aria-selected', 'true')\n    $tab.parentElement.classList.add('govuk-tabs__list-item--selected')\n    $tab.setAttribute('tabindex', '0')\n  }\n\n  /**\n   * Get current tab link\n   *\n   * @private\n   * @returns {HTMLAnchorElement | null} Tab link\n   */\n  getCurrentTab() {\n    return this.$root.querySelector(\n      '.govuk-tabs__list-item--selected a.govuk-tabs__tab'\n    )\n  }\n\n  /**\n   * Name for the component used when initialising using data-module attributes.\n   */\n  static moduleName = 'govuk-tabs'\n}\n"],"names":["Tabs","Component","constructor","$root","$tabs","$tabList","$tabListItems","jsHiddenClass","changingHash","boundTabClick","boundTabKeydown","boundOnHashChange","mql","querySelectorAll","length","ElementError","component","identifier","onTabClick","bind","onTabKeydown","onHashChange","querySelector","setupResponsiveChecks","breakpoint","getBreakpoint","value","property","window","matchMedia","addEventListener","checkMode","addListener","_this$mql","matches","setup","teardown","_this$getTab","setAttribute","forEach","$item","$tab","setAttributes","hideTab","$activeTab","getTab","location","hash","showTab","removeAttribute","removeEventListener","unsetAttributes","$tabWithHash","$previousTab","getCurrentTab","focus","unhighlightTab","hidePanel","highlightTab","showPanel","panelId","replace","$panel","getPanel","id","classList","add","remove","event","$currentTab","$nextTab","currentTarget","HTMLAnchorElement","preventDefault","createHistoryEntry","key","activatePreviousTab","activateNextTab","parentElement","$nextTabListItem","nextElementSibling","$previousTabListItem","previousElementSibling","moduleName"],"mappings":"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"}
\ No newline at end of file
diff --git a/node_modules/govuk-frontend/dist/govuk/components/tabs/template-default.html b/node_modules/govuk-frontend/dist/govuk/components/tabs/template-default.html
new file mode 100644
index 0000000..31cd535
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/tabs/template-default.html
@@ -0,0 +1,117 @@
+<div class="govuk-tabs" data-module="govuk-tabs">
+  <h2 class="govuk-tabs__title">
+    Contents
+  </h2>
+  <ul class="govuk-tabs__list">
+    <li class="govuk-tabs__list-item govuk-tabs__list-item--selected">
+      <a class="govuk-tabs__tab" href="#past-day">
+        Past day
+      </a>
+    </li>
+    <li class="govuk-tabs__list-item">
+      <a class="govuk-tabs__tab" href="#past-week">
+        Past week
+      </a>
+    </li>
+    <li class="govuk-tabs__list-item">
+      <a class="govuk-tabs__tab" href="#past-month">
+        Past month
+      </a>
+    </li>
+    <li class="govuk-tabs__list-item">
+      <a class="govuk-tabs__tab" href="#past-year">
+        Past year
+      </a>
+    </li>
+  </ul>
+  <div class="govuk-tabs__panel" id="past-day">
+    <h2 class="govuk-heading-l">Past day</h2>
+    <table class="govuk-table">
+      <thead class="govuk-table__head">
+        <tr class="govuk-table__row">
+          <th class="govuk-table__header" scope="col">Case manager</th>
+          <th class="govuk-table__header" scope="col">Cases opened</th>
+          <th class="govuk-table__header" scope="col">Cases closed</th>
+        </tr>
+      </thead>
+      <tbody class="govuk-table__body">
+        <tr class="govuk-table__row">
+          <td class="govuk-table__cell">David Francis</td>
+          <td class="govuk-table__cell">3</td>
+          <td class="govuk-table__cell">0</td>
+        </tr>
+        <tr class="govuk-table__row">
+          <td class="govuk-table__cell">Paul Farmer</td>
+          <td class="govuk-table__cell">1</td>
+          <td class="govuk-table__cell">0</td>
+        </tr>
+        <tr class="govuk-table__row">
+          <td class="govuk-table__cell">Rita Patel</td>
+          <td class="govuk-table__cell">2</td>
+          <td class="govuk-table__cell">0</td>
+        </tr>
+      </tbody>
+    </table>
+  </div>
+  <div class="govuk-tabs__panel govuk-tabs__panel--hidden" id="past-week">
+    <h2 class="govuk-heading-l">Past week</h2>
+    <table class="govuk-table">
+      <thead class="govuk-table__head">
+        <tr class="govuk-table__row">
+          <th class="govuk-table__header" scope="col">Case manager</th>
+          <th class="govuk-table__header" scope="col">Cases opened</th>
+          <th class="govuk-table__header" scope="col">Cases closed</th>
+        </tr>
+      </thead>
+      <tbody class="govuk-table__body">
+        <tr class="govuk-table__row">
+          <td class="govuk-table__cell">David Francis</td>
+          <td class="govuk-table__cell">24</td>
+          <td class="govuk-table__cell">18</td>
+        </tr>
+        <tr class="govuk-table__row">
+          <td class="govuk-table__cell">Paul Farmer</td>
+          <td class="govuk-table__cell">16</td>
+          <td class="govuk-table__cell">20</td>
+        </tr>
+        <tr class="govuk-table__row">
+          <td class="govuk-table__cell">Rita Patel</td>
+          <td class="govuk-table__cell">24</td>
+          <td class="govuk-table__cell">27</td>
+        </tr>
+      </tbody>
+    </table>
+  </div>
+  <div class="govuk-tabs__panel govuk-tabs__panel--hidden" id="past-month">
+    <h2 class="govuk-heading-l">Past month</h2>
+    <table class="govuk-table">
+      <thead class="govuk-table__head">
+        <tr class="govuk-table__row">
+          <th class="govuk-table__header" scope="col">Case manager</th>
+          <th class="govuk-table__header" scope="col">Cases opened</th>
+          <th class="govuk-table__header" scope="col">Cases closed</th>
+        </tr>
+      </thead>
+      <tbody class="govuk-table__body">
+        <tr class="govuk-table__row">
+          <td class="govuk-table__cell">David Francis</td>
+          <td class="govuk-table__cell">98</td>
+          <td class="govuk-table__cell">95</td>
+        </tr>
+        <tr class="govuk-table__row">
+          <td class="govuk-table__cell">Paul Farmer</td>
+          <td class="govuk-table__cell">122</td>
+          <td class="govuk-table__cell">131</td>
+        </tr>
+        <tr class="govuk-table__row">
+          <td class="govuk-table__cell">Rita Patel</td>
+          <td class="govuk-table__cell">126</td>
+          <td class="govuk-table__cell">142</td>
+        </tr>
+      </tbody>
+    </table>
+  </div>
+  <div class="govuk-tabs__panel govuk-tabs__panel--hidden" id="past-year">
+    <p class="govuk-body">There is no data for this year yet, check back later</p>
+  </div>
+</div>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/tabs/template-tabs-with-anchor-in-panel.html b/node_modules/govuk-frontend/dist/govuk/components/tabs/template-tabs-with-anchor-in-panel.html
new file mode 100644
index 0000000..9ea9064
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/tabs/template-tabs-with-anchor-in-panel.html
@@ -0,0 +1,26 @@
+<div class="govuk-tabs" data-module="govuk-tabs">
+  <h2 class="govuk-tabs__title">
+    Contents
+  </h2>
+  <ul class="govuk-tabs__list">
+    <li class="govuk-tabs__list-item govuk-tabs__list-item--selected">
+      <a class="govuk-tabs__tab" href="#tab-1">
+        Tab 1
+      </a>
+    </li>
+    <li class="govuk-tabs__list-item">
+      <a class="govuk-tabs__tab" href="#tab-2">
+        Tab 2
+      </a>
+    </li>
+  </ul>
+  <div class="govuk-tabs__panel" id="tab-1">
+    <h2 class="govuk-heading-l">Tab 1</h2>
+    <p class="govuk-body">Testing that when you click the anchor it moves to the anchor point successfully</p>
+    <p class="govuk-body"><a class="govuk-link" href="#anchor">Anchor</a></p>
+    <p class="govuk-body"><a id="anchor" tabindex="0">Anchor Point</a></p>
+  </div>
+  <div class="govuk-tabs__panel govuk-tabs__panel--hidden" id="tab-2">
+    <h2 class="govuk-heading-l">Tab 2</h2>
+  </div>
+</div>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/tabs/template.njk b/node_modules/govuk-frontend/dist/govuk/components/tabs/template.njk
new file mode 100644
index 0000000..77185e2
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/tabs/template.njk
@@ -0,0 +1,48 @@
+{% from "../../macros/attributes.njk" import govukAttributes %}
+
+{%- macro _tabListItem(params, item, index) %}
+{% set tabPanelId = item.id if item.id else idPrefix + "-" + index -%}
+<li class="govuk-tabs__list-item {%- if index == 1 %} govuk-tabs__list-item--selected{% endif %}">
+  <a class="govuk-tabs__tab" href="#{{ tabPanelId }}"
+    {{- govukAttributes(item.attributes) }}>
+    {{ item.label }}
+  </a>
+</li>
+{% endmacro -%}
+
+{%- macro _tabPanel(params, item, index) %}
+{% set tabPanelId = item.id if item.id else idPrefix + "-" + index -%}
+<div class="govuk-tabs__panel {%- if index > 1 %} govuk-tabs__panel--hidden{% endif %}" id="{{ tabPanelId }}"
+  {{- govukAttributes(item.panel.attributes) }}>
+{% if item.panel.html %}
+  {{ item.panel.html | safe | trim | indent(2) }}
+{% elif item.panel.text %}
+  <p class="govuk-body">{{ item.panel.text }}</p>
+{% endif %}
+</div>
+{% endmacro -%}
+
+{#- If an id 'prefix' is not passed, fall back to using the name attribute
+  instead. We need this for error messages and hints as well -#}
+{% set idPrefix = params.idPrefix if params.idPrefix -%}
+
+<div {%- if params.id %} id="{{ params.id }}"{% endif %} class="govuk-tabs {%- if params.classes %} {{ params.classes }}{% endif %}"
+  {{- govukAttributes(params.attributes) }} data-module="govuk-tabs">
+  <h2 class="govuk-tabs__title">
+    {{ params.title | default ("Contents") }}
+  </h2>
+{% if params.items | length %}
+  <ul class="govuk-tabs__list">
+    {% for item in params.items %}
+      {% if item %}
+        {{- _tabListItem(params, item, loop.index) | trim | indent(4, true) }}
+      {% endif %}
+    {% endfor %}
+  </ul>
+  {% for item in params.items %}
+    {% if item %}
+      {{- _tabPanel(params, item, loop.index) | trim | indent(2, true) }}
+    {% endif %}
+  {% endfor %}
+{% endif %}
+</div>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/tag/README.md b/node_modules/govuk-frontend/dist/govuk/components/tag/README.md
new file mode 100644
index 0000000..41f1434
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/tag/README.md
@@ -0,0 +1,15 @@
+# Tag
+
+## Installation
+
+See the [main README quick start guide](https://github.com/alphagov/govuk-frontend#quick-start) for how to install this component.
+
+## Guidance and Examples
+
+Find out when to use the tag component in your service in the [GOV.UK Design System](https://design-system.service.gov.uk/components/tag).
+
+## Component options
+
+Use options to customise the appearance, content and behaviour of a component when using a macro, for example, changing the text.
+
+See [options table](https://design-system.service.gov.uk/components/tag/#options-tag-example) for details.
diff --git a/node_modules/govuk-frontend/dist/govuk/components/tag/_index.scss b/node_modules/govuk-frontend/dist/govuk/components/tag/_index.scss
new file mode 100644
index 0000000..75f6f78
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/tag/_index.scss
@@ -0,0 +1,97 @@
+@include govuk-exports("govuk/component/tag") {
+  $govuk-tag-max-width: if(map-has-key($govuk-breakpoints, "mobile"), map-get($govuk-breakpoints, "mobile") / 2, 160px);
+
+  .govuk-tag {
+    @include govuk-font($size: 19);
+
+    display: inline-block;
+
+    // set a max-width along with overflow-wrap: break-word below for instances
+    // where a tag has a single long word and could overflow its boundaries.
+    // The max-width is necessary as break-word requires a bounding box to base
+    // where to break off of.
+    max-width: $govuk-tag-max-width;
+
+    // These negative margins make sure that the tag component doesn’t increase
+    // the size of its container. Otherwise, for example, a table row containing
+    // a tag will be taller than one containing plain text.
+    //
+    // The negative margin added to the top and bottom matches the extra padding
+    // added.
+    margin-top: -2px;
+    margin-bottom: -3px;
+
+    padding-top: 2px;
+    padding-right: 8px;
+    padding-bottom: 3px;
+    padding-left: 8px;
+    color: govuk-shade(govuk-colour("blue"), 60%);
+    background-color: govuk-tint(govuk-colour("blue"), 70%);
+    text-decoration: none;
+    overflow-wrap: break-word;
+
+    // When forced colour mode is active, for example to provide high contrast,
+    // the background colour of the tag is the same as the rest of the page. To
+    // ensure that the tag is perceived as separate from any surround text, it
+    // is made bold.
+    //
+    // Transparent outlines are no longer added, as they make the Tag look
+    // indistinguishable from a button – but the tag is not interactive in the
+    // same way.
+    @media screen and (forced-colors: active) {
+      font-weight: bold;
+    }
+  }
+
+  .govuk-tag--grey {
+    color: govuk-shade(govuk-colour("dark-grey"), 50%);
+    background-color: govuk-tint(govuk-colour("dark-grey"), 85%);
+  }
+
+  .govuk-tag--purple {
+    color: govuk-shade(govuk-colour("bright-purple"), 50%);
+    background-color: govuk-tint(govuk-colour("bright-purple"), 85%);
+  }
+
+  .govuk-tag--turquoise {
+    color: govuk-shade(govuk-colour("turquoise"), 60%);
+    background-color: govuk-tint(govuk-colour("turquoise"), 80%);
+  }
+
+  .govuk-tag--blue {
+    color: govuk-shade(govuk-colour("blue"), 60%);
+    background-color: govuk-tint(govuk-colour("blue"), 70%);
+  }
+
+  .govuk-tag--light-blue {
+    color: govuk-shade(govuk-colour("blue"), 60%);
+    background-color: govuk-tint(govuk-colour("blue"), 90%);
+  }
+
+  .govuk-tag--yellow {
+    color: govuk-shade(govuk-colour("yellow"), 65%);
+    background-color: govuk-tint(govuk-colour("yellow"), 75%);
+  }
+
+  .govuk-tag--orange {
+    color: govuk-shade(govuk-colour("orange"), 55%);
+    background-color: govuk-tint(govuk-colour("orange"), 70%);
+  }
+
+  .govuk-tag--red {
+    color: govuk-shade(govuk-colour("red"), 80%);
+    background-color: govuk-tint(govuk-colour("red"), 75%);
+  }
+
+  .govuk-tag--pink {
+    color: govuk-shade(govuk-colour("pink"), 50%);
+    background-color: govuk-tint(govuk-colour("pink"), 85%);
+  }
+
+  .govuk-tag--green {
+    color: govuk-shade(govuk-colour("green"), 20%);
+    background-color: govuk-tint(govuk-colour("green"), 80%);
+  }
+}
+
+/*# sourceMappingURL=_index.scss.map */
diff --git a/node_modules/govuk-frontend/dist/govuk/components/tag/_index.scss.map b/node_modules/govuk-frontend/dist/govuk/components/tag/_index.scss.map
new file mode 100644
index 0000000..2b02700
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/tag/_index.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/tag/_index.scss"],"names":[],"mappings":"AAAA;EACE,qHAAqH;;EAErH;IACE,8BAA8B;;IAE9B,qBAAqB;;IAErB,0EAA0E;IAC1E,uEAAuE;IACvE,0EAA0E;IAC1E,wBAAwB;IACxB,+BAA+B;;IAE/B,0EAA0E;IAC1E,2EAA2E;IAC3E,sDAAsD;IACtD,CAAC;IACD,2EAA2E;IAC3E,QAAQ;IACR,gBAAgB;IAChB,mBAAmB;;IAEnB,gBAAgB;IAChB,kBAAkB;IAClB,mBAAmB;IACnB,iBAAiB;IACjB,6CAA6C;IAC7C,uDAAuD;IACvD,qBAAqB;IACrB,yBAAyB;;IAEzB,0EAA0E;IAC1E,0EAA0E;IAC1E,yEAAyE;IACzE,eAAe;IACf,CAAC;IACD,qEAAqE;IACrE,yEAAyE;IACzE,WAAW;IACX;MACE,iBAAiB;IACnB;EACF;;EAEA;IACE,kDAAkD;IAClD,4DAA4D;EAC9D;;EAEA;IACE,sDAAsD;IACtD,gEAAgE;EAClE;;EAEA;IACE,kDAAkD;IAClD,4DAA4D;EAC9D;;EAEA;IACE,6CAA6C;IAC7C,uDAAuD;EACzD;;EAEA;IACE,6CAA6C;IAC7C,uDAAuD;EACzD;;EAEA;IACE,+CAA+C;IAC/C,yDAAyD;EAC3D;;EAEA;IACE,+CAA+C;IAC/C,yDAAyD;EAC3D;;EAEA;IACE,4CAA4C;IAC5C,sDAAsD;EACxD;;EAEA;IACE,6CAA6C;IAC7C,uDAAuD;EACzD;;EAEA;IACE,8CAA8C;IAC9C,wDAAwD;EAC1D;AACF","file":"_index.scss","sourcesContent":["@include govuk-exports(\"govuk/component/tag\") {\n  $govuk-tag-max-width: if(map-has-key($govuk-breakpoints, \"mobile\"), map-get($govuk-breakpoints, \"mobile\") / 2, 160px);\n\n  .govuk-tag {\n    @include govuk-font($size: 19);\n\n    display: inline-block;\n\n    // set a max-width along with overflow-wrap: break-word below for instances\n    // where a tag has a single long word and could overflow its boundaries.\n    // The max-width is necessary as break-word requires a bounding box to base\n    // where to break off of.\n    max-width: $govuk-tag-max-width;\n\n    // These negative margins make sure that the tag component doesn’t increase\n    // the size of its container. Otherwise, for example, a table row containing\n    // a tag will be taller than one containing plain text.\n    //\n    // The negative margin added to the top and bottom matches the extra padding\n    // added.\n    margin-top: -2px;\n    margin-bottom: -3px;\n\n    padding-top: 2px;\n    padding-right: 8px;\n    padding-bottom: 3px;\n    padding-left: 8px;\n    color: govuk-shade(govuk-colour(\"blue\"), 60%);\n    background-color: govuk-tint(govuk-colour(\"blue\"), 70%);\n    text-decoration: none;\n    overflow-wrap: break-word;\n\n    // When forced colour mode is active, for example to provide high contrast,\n    // the background colour of the tag is the same as the rest of the page. To\n    // ensure that the tag is perceived as separate from any surround text, it\n    // is made bold.\n    //\n    // Transparent outlines are no longer added, as they make the Tag look\n    // indistinguishable from a button – but the tag is not interactive in the\n    // same way.\n    @media screen and (forced-colors: active) {\n      font-weight: bold;\n    }\n  }\n\n  .govuk-tag--grey {\n    color: govuk-shade(govuk-colour(\"dark-grey\"), 50%);\n    background-color: govuk-tint(govuk-colour(\"dark-grey\"), 85%);\n  }\n\n  .govuk-tag--purple {\n    color: govuk-shade(govuk-colour(\"bright-purple\"), 50%);\n    background-color: govuk-tint(govuk-colour(\"bright-purple\"), 85%);\n  }\n\n  .govuk-tag--turquoise {\n    color: govuk-shade(govuk-colour(\"turquoise\"), 60%);\n    background-color: govuk-tint(govuk-colour(\"turquoise\"), 80%);\n  }\n\n  .govuk-tag--blue {\n    color: govuk-shade(govuk-colour(\"blue\"), 60%);\n    background-color: govuk-tint(govuk-colour(\"blue\"), 70%);\n  }\n\n  .govuk-tag--light-blue {\n    color: govuk-shade(govuk-colour(\"blue\"), 60%);\n    background-color: govuk-tint(govuk-colour(\"blue\"), 90%);\n  }\n\n  .govuk-tag--yellow {\n    color: govuk-shade(govuk-colour(\"yellow\"), 65%);\n    background-color: govuk-tint(govuk-colour(\"yellow\"), 75%);\n  }\n\n  .govuk-tag--orange {\n    color: govuk-shade(govuk-colour(\"orange\"), 55%);\n    background-color: govuk-tint(govuk-colour(\"orange\"), 70%);\n  }\n\n  .govuk-tag--red {\n    color: govuk-shade(govuk-colour(\"red\"), 80%);\n    background-color: govuk-tint(govuk-colour(\"red\"), 75%);\n  }\n\n  .govuk-tag--pink {\n    color: govuk-shade(govuk-colour(\"pink\"), 50%);\n    background-color: govuk-tint(govuk-colour(\"pink\"), 85%);\n  }\n\n  .govuk-tag--green {\n    color: govuk-shade(govuk-colour(\"green\"), 20%);\n    background-color: govuk-tint(govuk-colour(\"green\"), 80%);\n  }\n}\n"]}
diff --git a/node_modules/govuk-frontend/dist/govuk/components/tag/_tag.scss b/node_modules/govuk-frontend/dist/govuk/components/tag/_tag.scss
new file mode 100644
index 0000000..4ffe969
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/tag/_tag.scss
@@ -0,0 +1,4 @@
+@import "../../base";
+@import "./index";
+
+/*# sourceMappingURL=_tag.scss.map */
diff --git a/node_modules/govuk-frontend/dist/govuk/components/tag/_tag.scss.map b/node_modules/govuk-frontend/dist/govuk/components/tag/_tag.scss.map
new file mode 100644
index 0000000..e223a7b
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/tag/_tag.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/tag/_tag.scss"],"names":[],"mappings":"AAAA,oBAAoB;AACpB,iBAAiB","file":"_tag.scss","sourcesContent":["@import \"../../base\";\n@import \"./index\";\n"]}
diff --git a/node_modules/govuk-frontend/dist/govuk/components/tag/fixtures.json b/node_modules/govuk-frontend/dist/govuk/components/tag/fixtures.json
new file mode 100644
index 0000000..a5d6486
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/tag/fixtures.json
@@ -0,0 +1,161 @@
+{
+    "component": "tag",
+    "fixtures": [
+        {
+            "name": "default",
+            "options": {
+                "text": "Alpha"
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": true,
+            "html": "<strong class=\"govuk-tag\">\n  Alpha\n</strong>"
+        },
+        {
+            "name": "grey",
+            "options": {
+                "text": "Grey",
+                "classes": "govuk-tag--grey"
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<strong class=\"govuk-tag govuk-tag--grey\">\n  Grey\n</strong>"
+        },
+        {
+            "name": "light blue",
+            "options": {
+                "text": "Light blue",
+                "classes": "govuk-tag--light-blue"
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<strong class=\"govuk-tag govuk-tag--light-blue\">\n  Light blue\n</strong>"
+        },
+        {
+            "name": "turquoise",
+            "options": {
+                "text": "Turquoise",
+                "classes": "govuk-tag--turquoise"
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<strong class=\"govuk-tag govuk-tag--turquoise\">\n  Turquoise\n</strong>"
+        },
+        {
+            "name": "green",
+            "options": {
+                "text": "Green",
+                "classes": "govuk-tag--green"
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<strong class=\"govuk-tag govuk-tag--green\">\n  Green\n</strong>"
+        },
+        {
+            "name": "purple",
+            "options": {
+                "text": "Purple",
+                "classes": "govuk-tag--purple"
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<strong class=\"govuk-tag govuk-tag--purple\">\n  Purple\n</strong>"
+        },
+        {
+            "name": "pink",
+            "options": {
+                "text": "Pink",
+                "classes": "govuk-tag--pink"
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<strong class=\"govuk-tag govuk-tag--pink\">\n  Pink\n</strong>"
+        },
+        {
+            "name": "red",
+            "options": {
+                "text": "Red",
+                "classes": "govuk-tag--red"
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<strong class=\"govuk-tag govuk-tag--red\">\n  Red\n</strong>"
+        },
+        {
+            "name": "orange",
+            "options": {
+                "text": "Orange",
+                "classes": "govuk-tag--orange"
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<strong class=\"govuk-tag govuk-tag--orange\">\n  Orange\n</strong>"
+        },
+        {
+            "name": "yellow",
+            "options": {
+                "text": "Yellow",
+                "classes": "govuk-tag--yellow"
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<strong class=\"govuk-tag govuk-tag--yellow\">\n  Yellow\n</strong>"
+        },
+        {
+            "name": "attributes",
+            "options": {
+                "text": "Tag with attributes",
+                "attributes": {
+                    "data-test": "attribute",
+                    "id": "my-tag"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<strong class=\"govuk-tag\" data-test=\"attribute\" id=\"my-tag\">\n  Tag with attributes\n</strong>"
+        },
+        {
+            "name": "html as text",
+            "options": {
+                "text": "<span>Alpha</span>"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<strong class=\"govuk-tag\">\n  &lt;span&gt;Alpha&lt;/span&gt;\n</strong>"
+        },
+        {
+            "name": "html",
+            "options": {
+                "html": "<span>Alpha</span>"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<strong class=\"govuk-tag\">\n  <span>Alpha</span>\n</strong>"
+        }
+    ]
+}
diff --git a/node_modules/govuk-frontend/dist/govuk/components/tag/macro-options.json b/node_modules/govuk-frontend/dist/govuk/components/tag/macro-options.json
new file mode 100644
index 0000000..0a8cbe1
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/tag/macro-options.json
@@ -0,0 +1,26 @@
+[
+    {
+        "name": "text",
+        "type": "string",
+        "required": true,
+        "description": "If `html` is set, this is not required. Text to use within the tag component. If `html` is provided, the `text` option will be ignored."
+    },
+    {
+        "name": "html",
+        "type": "string",
+        "required": true,
+        "description": "If `text` is set, this is not required. HTML to use within the tag component. If `html` is provided, the `text` option will be ignored."
+    },
+    {
+        "name": "classes",
+        "type": "string",
+        "required": false,
+        "description": "Classes to add to the tag."
+    },
+    {
+        "name": "attributes",
+        "type": "object",
+        "required": false,
+        "description": "HTML attributes (for example data attributes) to add to the tag."
+    }
+]
diff --git a/node_modules/govuk-frontend/dist/govuk/components/tag/macro.njk b/node_modules/govuk-frontend/dist/govuk/components/tag/macro.njk
new file mode 100644
index 0000000..0c7362e
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/tag/macro.njk
@@ -0,0 +1,3 @@
+{% macro govukTag(params) %}
+  {%- include "./template.njk" -%}
+{% endmacro %}
diff --git a/node_modules/govuk-frontend/dist/govuk/components/tag/template-default.html b/node_modules/govuk-frontend/dist/govuk/components/tag/template-default.html
new file mode 100644
index 0000000..6322be0
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/tag/template-default.html
@@ -0,0 +1,3 @@
+<strong class="govuk-tag">
+  Alpha
+</strong>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/tag/template-green.html b/node_modules/govuk-frontend/dist/govuk/components/tag/template-green.html
new file mode 100644
index 0000000..9335068
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/tag/template-green.html
@@ -0,0 +1,3 @@
+<strong class="govuk-tag govuk-tag--green">
+  Green
+</strong>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/tag/template-grey.html b/node_modules/govuk-frontend/dist/govuk/components/tag/template-grey.html
new file mode 100644
index 0000000..fe017b2
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/tag/template-grey.html
@@ -0,0 +1,3 @@
+<strong class="govuk-tag govuk-tag--grey">
+  Grey
+</strong>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/tag/template-light-blue.html b/node_modules/govuk-frontend/dist/govuk/components/tag/template-light-blue.html
new file mode 100644
index 0000000..d2ccd63
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/tag/template-light-blue.html
@@ -0,0 +1,3 @@
+<strong class="govuk-tag govuk-tag--light-blue">
+  Light blue
+</strong>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/tag/template-orange.html b/node_modules/govuk-frontend/dist/govuk/components/tag/template-orange.html
new file mode 100644
index 0000000..e582e48
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/tag/template-orange.html
@@ -0,0 +1,3 @@
+<strong class="govuk-tag govuk-tag--orange">
+  Orange
+</strong>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/tag/template-pink.html b/node_modules/govuk-frontend/dist/govuk/components/tag/template-pink.html
new file mode 100644
index 0000000..fe2c70b
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/tag/template-pink.html
@@ -0,0 +1,3 @@
+<strong class="govuk-tag govuk-tag--pink">
+  Pink
+</strong>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/tag/template-purple.html b/node_modules/govuk-frontend/dist/govuk/components/tag/template-purple.html
new file mode 100644
index 0000000..8a8b28d
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/tag/template-purple.html
@@ -0,0 +1,3 @@
+<strong class="govuk-tag govuk-tag--purple">
+  Purple
+</strong>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/tag/template-red.html b/node_modules/govuk-frontend/dist/govuk/components/tag/template-red.html
new file mode 100644
index 0000000..b75b156
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/tag/template-red.html
@@ -0,0 +1,3 @@
+<strong class="govuk-tag govuk-tag--red">
+  Red
+</strong>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/tag/template-turquoise.html b/node_modules/govuk-frontend/dist/govuk/components/tag/template-turquoise.html
new file mode 100644
index 0000000..df9b83a
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/tag/template-turquoise.html
@@ -0,0 +1,3 @@
+<strong class="govuk-tag govuk-tag--turquoise">
+  Turquoise
+</strong>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/tag/template-yellow.html b/node_modules/govuk-frontend/dist/govuk/components/tag/template-yellow.html
new file mode 100644
index 0000000..9c7a142
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/tag/template-yellow.html
@@ -0,0 +1,3 @@
+<strong class="govuk-tag govuk-tag--yellow">
+  Yellow
+</strong>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/tag/template.njk b/node_modules/govuk-frontend/dist/govuk/components/tag/template.njk
new file mode 100644
index 0000000..7a66f32
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/tag/template.njk
@@ -0,0 +1,6 @@
+{% from "../../macros/attributes.njk" import govukAttributes -%}
+
+<strong class="govuk-tag {%- if params.classes %} {{ params.classes }}{% endif %}"
+  {{- govukAttributes(params.attributes) }}>
+  {{ params.html | safe | trim | indent(2) if params.html else params.text }}
+</strong>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/task-list/README.md b/node_modules/govuk-frontend/dist/govuk/components/task-list/README.md
new file mode 100644
index 0000000..042e52d
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/task-list/README.md
@@ -0,0 +1,15 @@
+# Task list
+
+## Installation
+
+See the [main README quick start guide](https://github.com/alphagov/govuk-frontend#quick-start) for how to install this component.
+
+## Guidance and Examples
+
+Find out when to use the task list component in your service in the [GOV.UK Design System](https://design-system.service.gov.uk/components/task-list).
+
+## Component options
+
+Use options to customise the appearance, content and behaviour of a component when using a macro, for example, changing the text.
+
+See [options table](https://design-system.service.gov.uk/components/task-list/#options-task-list-example) for details.
diff --git a/node_modules/govuk-frontend/dist/govuk/components/task-list/_index.scss b/node_modules/govuk-frontend/dist/govuk/components/task-list/_index.scss
new file mode 100644
index 0000000..c0095c4
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/task-list/_index.scss
@@ -0,0 +1,79 @@
+@import "../tag/index";
+
+@include govuk-exports("govuk/component/task-list") {
+  $govuk-task-list-hover-colour: govuk-colour("light-grey");
+
+  .govuk-task-list {
+    @include govuk-font($size: 19);
+    margin-top: 0;
+    @include govuk-responsive-margin(6, "bottom");
+    padding: 0;
+    list-style-type: none;
+  }
+
+  // This uses table layout so that the task name and status always appear
+  // side-by-side, with the width of each 'column' being flexible depending upon
+  // the length of the task names and statuses.
+  //
+  // The position is set to 'relative' so than an absolutely-positioned
+  // transparent element box can be added within the link so that the whole row
+  // can be clickable.
+  .govuk-task-list__item {
+    display: table;
+    position: relative;
+    width: 100%;
+    margin-bottom: 0;
+    padding-top: govuk-spacing(2);
+    padding-bottom: govuk-spacing(2);
+    border-bottom: 1px solid $govuk-border-colour;
+  }
+
+  .govuk-task-list__item:first-child {
+    border-top: 1px solid $govuk-border-colour;
+  }
+
+  // This class is added to the <li> elements where the task name is a link. The
+  // background hover colour is added to help indicate that the whole row is
+  // clickable, rather than just the visible link text.
+  .govuk-task-list__item--with-link:hover {
+    background: $govuk-task-list-hover-colour;
+  }
+
+  .govuk-task-list__name-and-hint {
+    display: table-cell;
+    vertical-align: top;
+    @include govuk-text-colour;
+  }
+
+  .govuk-task-list__status {
+    display: table-cell;
+    padding-left: govuk-spacing(2);
+    text-align: right;
+    vertical-align: top;
+    @include govuk-text-colour;
+  }
+
+  .govuk-task-list__status--cannot-start-yet {
+    color: $govuk-secondary-text-colour;
+  }
+
+  // This adds an empty transparent box covering the whole row, including the
+  // task status and any hint text. Because this is generated within the link
+  // element, this allows the whole area to be clickable.
+  .govuk-task-list__link::after {
+    content: "";
+    display: block;
+    position: absolute;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+  }
+
+  .govuk-task-list__hint {
+    margin-top: govuk-spacing(1);
+    color: $govuk-secondary-text-colour;
+  }
+}
+
+/*# sourceMappingURL=_index.scss.map */
diff --git a/node_modules/govuk-frontend/dist/govuk/components/task-list/_index.scss.map b/node_modules/govuk-frontend/dist/govuk/components/task-list/_index.scss.map
new file mode 100644
index 0000000..30af20b
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/task-list/_index.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/task-list/_index.scss"],"names":[],"mappings":"AAAA,sBAAsB;;AAEtB;EACE,yDAAyD;;EAEzD;IACE,8BAA8B;IAC9B,aAAa;IACb,6CAA6C;IAC7C,UAAU;IACV,qBAAqB;EACvB;;EAEA,uEAAuE;EACvE,6EAA6E;EAC7E,4CAA4C;EAC5C,CAAC;EACD,oEAAoE;EACpE,4EAA4E;EAC5E,mBAAmB;EACnB;IACE,cAAc;IACd,kBAAkB;IAClB,WAAW;IACX,gBAAgB;IAChB,6BAA6B;IAC7B,gCAAgC;IAChC,6CAA6C;EAC/C;;EAEA;IACE,0CAA0C;EAC5C;;EAEA,6EAA6E;EAC7E,yEAAyE;EACzE,oDAAoD;EACpD;IACE,yCAAyC;EAC3C;;EAEA;IACE,mBAAmB;IACnB,mBAAmB;IACnB,0BAA0B;EAC5B;;EAEA;IACE,mBAAmB;IACnB,8BAA8B;IAC9B,iBAAiB;IACjB,mBAAmB;IACnB,0BAA0B;EAC5B;;EAEA;IACE,mCAAmC;EACrC;;EAEA,0EAA0E;EAC1E,0EAA0E;EAC1E,sDAAsD;EACtD;IACE,WAAW;IACX,cAAc;IACd,kBAAkB;IAClB,MAAM;IACN,QAAQ;IACR,SAAS;IACT,OAAO;EACT;;EAEA;IACE,4BAA4B;IAC5B,mCAAmC;EACrC;AACF","file":"_index.scss","sourcesContent":["@import \"../tag/index\";\n\n@include govuk-exports(\"govuk/component/task-list\") {\n  $govuk-task-list-hover-colour: govuk-colour(\"light-grey\");\n\n  .govuk-task-list {\n    @include govuk-font($size: 19);\n    margin-top: 0;\n    @include govuk-responsive-margin(6, \"bottom\");\n    padding: 0;\n    list-style-type: none;\n  }\n\n  // This uses table layout so that the task name and status always appear\n  // side-by-side, with the width of each 'column' being flexible depending upon\n  // the length of the task names and statuses.\n  //\n  // The position is set to 'relative' so than an absolutely-positioned\n  // transparent element box can be added within the link so that the whole row\n  // can be clickable.\n  .govuk-task-list__item {\n    display: table;\n    position: relative;\n    width: 100%;\n    margin-bottom: 0;\n    padding-top: govuk-spacing(2);\n    padding-bottom: govuk-spacing(2);\n    border-bottom: 1px solid $govuk-border-colour;\n  }\n\n  .govuk-task-list__item:first-child {\n    border-top: 1px solid $govuk-border-colour;\n  }\n\n  // This class is added to the <li> elements where the task name is a link. The\n  // background hover colour is added to help indicate that the whole row is\n  // clickable, rather than just the visible link text.\n  .govuk-task-list__item--with-link:hover {\n    background: $govuk-task-list-hover-colour;\n  }\n\n  .govuk-task-list__name-and-hint {\n    display: table-cell;\n    vertical-align: top;\n    @include govuk-text-colour;\n  }\n\n  .govuk-task-list__status {\n    display: table-cell;\n    padding-left: govuk-spacing(2);\n    text-align: right;\n    vertical-align: top;\n    @include govuk-text-colour;\n  }\n\n  .govuk-task-list__status--cannot-start-yet {\n    color: $govuk-secondary-text-colour;\n  }\n\n  // This adds an empty transparent box covering the whole row, including the\n  // task status and any hint text. Because this is generated within the link\n  // element, this allows the whole area to be clickable.\n  .govuk-task-list__link::after {\n    content: \"\";\n    display: block;\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n  }\n\n  .govuk-task-list__hint {\n    margin-top: govuk-spacing(1);\n    color: $govuk-secondary-text-colour;\n  }\n}\n"]}
diff --git a/node_modules/govuk-frontend/dist/govuk/components/task-list/_task-list.scss b/node_modules/govuk-frontend/dist/govuk/components/task-list/_task-list.scss
new file mode 100644
index 0000000..f88c502
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/task-list/_task-list.scss
@@ -0,0 +1,4 @@
+@import "../../base";
+@import "./index";
+
+/*# sourceMappingURL=_task-list.scss.map */
diff --git a/node_modules/govuk-frontend/dist/govuk/components/task-list/_task-list.scss.map b/node_modules/govuk-frontend/dist/govuk/components/task-list/_task-list.scss.map
new file mode 100644
index 0000000..bfb2ca9
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/task-list/_task-list.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/task-list/_task-list.scss"],"names":[],"mappings":"AAAA,oBAAoB;AACpB,iBAAiB","file":"_task-list.scss","sourcesContent":["@import \"../../base\";\n@import \"./index\";\n"]}
diff --git a/node_modules/govuk-frontend/dist/govuk/components/task-list/fixtures.json b/node_modules/govuk-frontend/dist/govuk/components/task-list/fixtures.json
new file mode 100644
index 0000000..fc95b55
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/task-list/fixtures.json
@@ -0,0 +1,529 @@
+{
+    "component": "task-list",
+    "fixtures": [
+        {
+            "name": "default",
+            "options": {
+                "items": [
+                    {
+                        "title": {
+                            "text": "Company Directors"
+                        },
+                        "href": "#",
+                        "status": {
+                            "text": "Completed"
+                        }
+                    },
+                    {
+                        "title": {
+                            "text": "Registered company details"
+                        },
+                        "href": "#",
+                        "status": {
+                            "tag": {
+                                "text": "Incomplete",
+                                "classes": "govuk-tag--blue"
+                            }
+                        }
+                    },
+                    {
+                        "title": {
+                            "text": "Business plan"
+                        },
+                        "href": "#",
+                        "status": {
+                            "tag": {
+                                "text": "Incomplete",
+                                "classes": "govuk-tag--blue"
+                            }
+                        }
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<ul class=\"govuk-task-list\">\n  <li class=\"govuk-task-list__item govuk-task-list__item--with-link\">\n    <div class=\"govuk-task-list__name-and-hint\">\n      <a class=\"govuk-link govuk-task-list__link\" href=\"#\" aria-describedby=\"task-list-1-status\">\n        Company Directors\n      </a>\n    </div>\n    <div class=\"govuk-task-list__status\" id=\"task-list-1-status\">\n      Completed\n    </div>\n  </li>\n  <li class=\"govuk-task-list__item govuk-task-list__item--with-link\">\n    <div class=\"govuk-task-list__name-and-hint\">\n      <a class=\"govuk-link govuk-task-list__link\" href=\"#\" aria-describedby=\"task-list-2-status\">\n        Registered company details\n      </a>\n    </div>\n    <div class=\"govuk-task-list__status\" id=\"task-list-2-status\">\n      <strong class=\"govuk-tag govuk-tag--blue\">\n        Incomplete\n      </strong>\n    </div>\n  </li>\n  <li class=\"govuk-task-list__item govuk-task-list__item--with-link\">\n    <div class=\"govuk-task-list__name-and-hint\">\n      <a class=\"govuk-link govuk-task-list__link\" href=\"#\" aria-describedby=\"task-list-3-status\">\n        Business plan\n      </a>\n    </div>\n    <div class=\"govuk-task-list__status\" id=\"task-list-3-status\">\n      <strong class=\"govuk-tag govuk-tag--blue\">\n        Incomplete\n      </strong>\n    </div>\n  </li>\n</ul>"
+        },
+        {
+            "name": "with hint text and additional states",
+            "options": {
+                "items": [
+                    {
+                        "title": {
+                            "text": "Company Directors"
+                        },
+                        "href": "#",
+                        "status": {
+                            "text": "Completed"
+                        }
+                    },
+                    {
+                        "title": {
+                            "text": "Registered company details"
+                        },
+                        "href": "#",
+                        "status": {
+                            "tag": {
+                                "text": "Not started",
+                                "classes": "govuk-tag--light-blue"
+                            }
+                        }
+                    },
+                    {
+                        "title": {
+                            "text": "Business plan"
+                        },
+                        "href": "#",
+                        "hint": {
+                            "text": "Ensure the plan covers objectives, strategies, sales, marketing and financial forecasts."
+                        },
+                        "status": {
+                            "tag": {
+                                "text": "Review",
+                                "classes": "govuk-tag--pink"
+                            }
+                        }
+                    },
+                    {
+                        "title": {
+                            "text": "Documentation"
+                        },
+                        "href": "#",
+                        "status": {
+                            "tag": {
+                                "text": "In progress",
+                                "classes": "govuk-tag--blue"
+                            }
+                        }
+                    },
+                    {
+                        "title": {
+                            "text": "Charitable status"
+                        },
+                        "href": "#",
+                        "status": {
+                            "tag": {
+                                "text": "Error",
+                                "classes": "govuk-tag--red"
+                            }
+                        }
+                    },
+                    {
+                        "title": {
+                            "text": "Payment"
+                        },
+                        "hint": {
+                            "text": "It will cost between £15 and £75"
+                        },
+                        "status": {
+                            "text": "Cannot start yet",
+                            "classes": "govuk-task-list__status--cannot-start-yet"
+                        }
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": true,
+            "html": "<ul class=\"govuk-task-list\">\n  <li class=\"govuk-task-list__item govuk-task-list__item--with-link\">\n    <div class=\"govuk-task-list__name-and-hint\">\n      <a class=\"govuk-link govuk-task-list__link\" href=\"#\" aria-describedby=\"task-list-1-status\">\n        Company Directors\n      </a>\n    </div>\n    <div class=\"govuk-task-list__status\" id=\"task-list-1-status\">\n      Completed\n    </div>\n  </li>\n  <li class=\"govuk-task-list__item govuk-task-list__item--with-link\">\n    <div class=\"govuk-task-list__name-and-hint\">\n      <a class=\"govuk-link govuk-task-list__link\" href=\"#\" aria-describedby=\"task-list-2-status\">\n        Registered company details\n      </a>\n    </div>\n    <div class=\"govuk-task-list__status\" id=\"task-list-2-status\">\n      <strong class=\"govuk-tag govuk-tag--light-blue\">\n        Not started\n      </strong>\n    </div>\n  </li>\n  <li class=\"govuk-task-list__item govuk-task-list__item--with-link\">\n    <div class=\"govuk-task-list__name-and-hint\">\n      <a class=\"govuk-link govuk-task-list__link\" href=\"#\" aria-describedby=\"task-list-3-hint task-list-3-status\">\n        Business plan\n      </a>\n      <div id=\"task-list-3-hint\" class=\"govuk-task-list__hint\">\n        Ensure the plan covers objectives, strategies, sales, marketing and financial forecasts.\n      </div>\n    </div>\n    <div class=\"govuk-task-list__status\" id=\"task-list-3-status\">\n      <strong class=\"govuk-tag govuk-tag--pink\">\n        Review\n      </strong>\n    </div>\n  </li>\n  <li class=\"govuk-task-list__item govuk-task-list__item--with-link\">\n    <div class=\"govuk-task-list__name-and-hint\">\n      <a class=\"govuk-link govuk-task-list__link\" href=\"#\" aria-describedby=\"task-list-4-status\">\n        Documentation\n      </a>\n    </div>\n    <div class=\"govuk-task-list__status\" id=\"task-list-4-status\">\n      <strong class=\"govuk-tag govuk-tag--blue\">\n        In progress\n      </strong>\n    </div>\n  </li>\n  <li class=\"govuk-task-list__item govuk-task-list__item--with-link\">\n    <div class=\"govuk-task-list__name-and-hint\">\n      <a class=\"govuk-link govuk-task-list__link\" href=\"#\" aria-describedby=\"task-list-5-status\">\n        Charitable status\n      </a>\n    </div>\n    <div class=\"govuk-task-list__status\" id=\"task-list-5-status\">\n      <strong class=\"govuk-tag govuk-tag--red\">\n        Error\n      </strong>\n    </div>\n  </li>\n  <li class=\"govuk-task-list__item\">\n    <div class=\"govuk-task-list__name-and-hint\">\n      <div>\n        Payment\n      </div>\n      <div id=\"task-list-6-hint\" class=\"govuk-task-list__hint\">\n        It will cost between £15 and £75\n      </div>\n    </div>\n    <div class=\"govuk-task-list__status govuk-task-list__status--cannot-start-yet\" id=\"task-list-6-status\">\n      Cannot start yet\n    </div>\n  </li>\n</ul>"
+        },
+        {
+            "name": "with all possible colours",
+            "options": {
+                "items": [
+                    {
+                        "title": {
+                            "text": "Task A"
+                        },
+                        "href": "#",
+                        "status": {
+                            "text": "Text colour"
+                        }
+                    },
+                    {
+                        "title": {
+                            "text": "Task B"
+                        },
+                        "href": "#",
+                        "status": {
+                            "text": "Secondary text colour",
+                            "classes": "govuk-task-list__status--cannot-start-yet"
+                        }
+                    },
+                    {
+                        "title": {
+                            "text": "Task C"
+                        },
+                        "href": "#",
+                        "status": {
+                            "tag": {
+                                "text": "Grey",
+                                "classes": "govuk-tag--grey"
+                            }
+                        }
+                    },
+                    {
+                        "title": {
+                            "text": "Task D"
+                        },
+                        "href": "#",
+                        "status": {
+                            "tag": {
+                                "text": "Blue",
+                                "classes": "govuk-tag--blue"
+                            }
+                        }
+                    },
+                    {
+                        "title": {
+                            "text": "Task E"
+                        },
+                        "href": "#",
+                        "status": {
+                            "tag": {
+                                "text": "Light blue",
+                                "classes": "govuk-tag--light-blue"
+                            }
+                        }
+                    },
+                    {
+                        "title": {
+                            "text": "Task F"
+                        },
+                        "href": "#",
+                        "status": {
+                            "tag": {
+                                "text": "Turquoise",
+                                "classes": "govuk-tag--turquoise"
+                            }
+                        }
+                    },
+                    {
+                        "title": {
+                            "text": "Task G"
+                        },
+                        "href": "#",
+                        "status": {
+                            "tag": {
+                                "text": "Green",
+                                "classes": "govuk-tag--green"
+                            }
+                        }
+                    },
+                    {
+                        "title": {
+                            "text": "Task H"
+                        },
+                        "href": "#",
+                        "status": {
+                            "tag": {
+                                "text": "Purple",
+                                "classes": "govuk-tag--purple"
+                            }
+                        }
+                    },
+                    {
+                        "title": {
+                            "text": "Task I"
+                        },
+                        "href": "#",
+                        "status": {
+                            "tag": {
+                                "text": "Pink",
+                                "classes": "govuk-tag--pink"
+                            }
+                        }
+                    },
+                    {
+                        "title": {
+                            "text": "Task J"
+                        },
+                        "href": "#",
+                        "status": {
+                            "tag": {
+                                "text": "Red",
+                                "classes": "govuk-tag--red"
+                            }
+                        }
+                    },
+                    {
+                        "title": {
+                            "text": "Task K"
+                        },
+                        "href": "#",
+                        "status": {
+                            "tag": {
+                                "text": "Orange",
+                                "classes": "govuk-tag--orange"
+                            }
+                        }
+                    },
+                    {
+                        "title": {
+                            "text": "Task L"
+                        },
+                        "href": "#",
+                        "status": {
+                            "tag": {
+                                "text": "Yellow",
+                                "classes": "govuk-tag--yellow"
+                            }
+                        }
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<ul class=\"govuk-task-list\">\n  <li class=\"govuk-task-list__item govuk-task-list__item--with-link\">\n    <div class=\"govuk-task-list__name-and-hint\">\n      <a class=\"govuk-link govuk-task-list__link\" href=\"#\" aria-describedby=\"task-list-1-status\">\n        Task A\n      </a>\n    </div>\n    <div class=\"govuk-task-list__status\" id=\"task-list-1-status\">\n      Text colour\n    </div>\n  </li>\n  <li class=\"govuk-task-list__item govuk-task-list__item--with-link\">\n    <div class=\"govuk-task-list__name-and-hint\">\n      <a class=\"govuk-link govuk-task-list__link\" href=\"#\" aria-describedby=\"task-list-2-status\">\n        Task B\n      </a>\n    </div>\n    <div class=\"govuk-task-list__status govuk-task-list__status--cannot-start-yet\" id=\"task-list-2-status\">\n      Secondary text colour\n    </div>\n  </li>\n  <li class=\"govuk-task-list__item govuk-task-list__item--with-link\">\n    <div class=\"govuk-task-list__name-and-hint\">\n      <a class=\"govuk-link govuk-task-list__link\" href=\"#\" aria-describedby=\"task-list-3-status\">\n        Task C\n      </a>\n    </div>\n    <div class=\"govuk-task-list__status\" id=\"task-list-3-status\">\n      <strong class=\"govuk-tag govuk-tag--grey\">\n        Grey\n      </strong>\n    </div>\n  </li>\n  <li class=\"govuk-task-list__item govuk-task-list__item--with-link\">\n    <div class=\"govuk-task-list__name-and-hint\">\n      <a class=\"govuk-link govuk-task-list__link\" href=\"#\" aria-describedby=\"task-list-4-status\">\n        Task D\n      </a>\n    </div>\n    <div class=\"govuk-task-list__status\" id=\"task-list-4-status\">\n      <strong class=\"govuk-tag govuk-tag--blue\">\n        Blue\n      </strong>\n    </div>\n  </li>\n  <li class=\"govuk-task-list__item govuk-task-list__item--with-link\">\n    <div class=\"govuk-task-list__name-and-hint\">\n      <a class=\"govuk-link govuk-task-list__link\" href=\"#\" aria-describedby=\"task-list-5-status\">\n        Task E\n      </a>\n    </div>\n    <div class=\"govuk-task-list__status\" id=\"task-list-5-status\">\n      <strong class=\"govuk-tag govuk-tag--light-blue\">\n        Light blue\n      </strong>\n    </div>\n  </li>\n  <li class=\"govuk-task-list__item govuk-task-list__item--with-link\">\n    <div class=\"govuk-task-list__name-and-hint\">\n      <a class=\"govuk-link govuk-task-list__link\" href=\"#\" aria-describedby=\"task-list-6-status\">\n        Task F\n      </a>\n    </div>\n    <div class=\"govuk-task-list__status\" id=\"task-list-6-status\">\n      <strong class=\"govuk-tag govuk-tag--turquoise\">\n        Turquoise\n      </strong>\n    </div>\n  </li>\n  <li class=\"govuk-task-list__item govuk-task-list__item--with-link\">\n    <div class=\"govuk-task-list__name-and-hint\">\n      <a class=\"govuk-link govuk-task-list__link\" href=\"#\" aria-describedby=\"task-list-7-status\">\n        Task G\n      </a>\n    </div>\n    <div class=\"govuk-task-list__status\" id=\"task-list-7-status\">\n      <strong class=\"govuk-tag govuk-tag--green\">\n        Green\n      </strong>\n    </div>\n  </li>\n  <li class=\"govuk-task-list__item govuk-task-list__item--with-link\">\n    <div class=\"govuk-task-list__name-and-hint\">\n      <a class=\"govuk-link govuk-task-list__link\" href=\"#\" aria-describedby=\"task-list-8-status\">\n        Task H\n      </a>\n    </div>\n    <div class=\"govuk-task-list__status\" id=\"task-list-8-status\">\n      <strong class=\"govuk-tag govuk-tag--purple\">\n        Purple\n      </strong>\n    </div>\n  </li>\n  <li class=\"govuk-task-list__item govuk-task-list__item--with-link\">\n    <div class=\"govuk-task-list__name-and-hint\">\n      <a class=\"govuk-link govuk-task-list__link\" href=\"#\" aria-describedby=\"task-list-9-status\">\n        Task I\n      </a>\n    </div>\n    <div class=\"govuk-task-list__status\" id=\"task-list-9-status\">\n      <strong class=\"govuk-tag govuk-tag--pink\">\n        Pink\n      </strong>\n    </div>\n  </li>\n  <li class=\"govuk-task-list__item govuk-task-list__item--with-link\">\n    <div class=\"govuk-task-list__name-and-hint\">\n      <a class=\"govuk-link govuk-task-list__link\" href=\"#\" aria-describedby=\"task-list-10-status\">\n        Task J\n      </a>\n    </div>\n    <div class=\"govuk-task-list__status\" id=\"task-list-10-status\">\n      <strong class=\"govuk-tag govuk-tag--red\">\n        Red\n      </strong>\n    </div>\n  </li>\n  <li class=\"govuk-task-list__item govuk-task-list__item--with-link\">\n    <div class=\"govuk-task-list__name-and-hint\">\n      <a class=\"govuk-link govuk-task-list__link\" href=\"#\" aria-describedby=\"task-list-11-status\">\n        Task K\n      </a>\n    </div>\n    <div class=\"govuk-task-list__status\" id=\"task-list-11-status\">\n      <strong class=\"govuk-tag govuk-tag--orange\">\n        Orange\n      </strong>\n    </div>\n  </li>\n  <li class=\"govuk-task-list__item govuk-task-list__item--with-link\">\n    <div class=\"govuk-task-list__name-and-hint\">\n      <a class=\"govuk-link govuk-task-list__link\" href=\"#\" aria-describedby=\"task-list-12-status\">\n        Task L\n      </a>\n    </div>\n    <div class=\"govuk-task-list__status\" id=\"task-list-12-status\">\n      <strong class=\"govuk-tag govuk-tag--yellow\">\n        Yellow\n      </strong>\n    </div>\n  </li>\n</ul>"
+        },
+        {
+            "name": "with very long single word tags",
+            "options": {
+                "items": [
+                    {
+                        "title": {
+                            "text": "Company Directors"
+                        },
+                        "href": "#",
+                        "status": {
+                            "text": "Completed"
+                        }
+                    },
+                    {
+                        "title": {
+                            "text": "Registered company details"
+                        },
+                        "href": "#",
+                        "status": {
+                            "tag": {
+                                "text": "Incomplete",
+                                "classes": "govuk-tag--blue"
+                            }
+                        }
+                    },
+                    {
+                        "title": {
+                            "text": "A very very very long Business plan"
+                        },
+                        "href": "#",
+                        "status": {
+                            "tag": {
+                                "text": "Thisisaverylongwaytosaythatsomethingisincomplete",
+                                "classes": "govuk-tag--blue"
+                            }
+                        }
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<ul class=\"govuk-task-list\">\n  <li class=\"govuk-task-list__item govuk-task-list__item--with-link\">\n    <div class=\"govuk-task-list__name-and-hint\">\n      <a class=\"govuk-link govuk-task-list__link\" href=\"#\" aria-describedby=\"task-list-1-status\">\n        Company Directors\n      </a>\n    </div>\n    <div class=\"govuk-task-list__status\" id=\"task-list-1-status\">\n      Completed\n    </div>\n  </li>\n  <li class=\"govuk-task-list__item govuk-task-list__item--with-link\">\n    <div class=\"govuk-task-list__name-and-hint\">\n      <a class=\"govuk-link govuk-task-list__link\" href=\"#\" aria-describedby=\"task-list-2-status\">\n        Registered company details\n      </a>\n    </div>\n    <div class=\"govuk-task-list__status\" id=\"task-list-2-status\">\n      <strong class=\"govuk-tag govuk-tag--blue\">\n        Incomplete\n      </strong>\n    </div>\n  </li>\n  <li class=\"govuk-task-list__item govuk-task-list__item--with-link\">\n    <div class=\"govuk-task-list__name-and-hint\">\n      <a class=\"govuk-link govuk-task-list__link\" href=\"#\" aria-describedby=\"task-list-3-status\">\n        A very very very long Business plan\n      </a>\n    </div>\n    <div class=\"govuk-task-list__status\" id=\"task-list-3-status\">\n      <strong class=\"govuk-tag govuk-tag--blue\">\n        Thisisaverylongwaytosaythatsomethingisincomplete\n      </strong>\n    </div>\n  </li>\n</ul>"
+        },
+        {
+            "name": "custom classes",
+            "options": {
+                "classes": "custom-class-on-component",
+                "items": [
+                    {
+                        "title": {
+                            "text": "A Link",
+                            "classes": "custom-class-on-linked-title"
+                        },
+                        "href": "#",
+                        "classes": "custom-class-on-task",
+                        "status": {
+                            "classes": "custom-class-on-status",
+                            "tag": {
+                                "text": "Status",
+                                "classes": "custom-class-on-tag"
+                            }
+                        }
+                    },
+                    {
+                        "title": {
+                            "text": "Not a link",
+                            "classes": "custom-class-on-unlinked-title"
+                        },
+                        "status": {
+                            "tag": {
+                                "text": "Status"
+                            }
+                        }
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<ul class=\"govuk-task-list custom-class-on-component\">\n  <li class=\"govuk-task-list__item govuk-task-list__item--with-link custom-class-on-task\">\n    <div class=\"govuk-task-list__name-and-hint\">\n      <a class=\"govuk-link govuk-task-list__link custom-class-on-linked-title\" href=\"#\" aria-describedby=\"task-list-1-status\">\n        A Link\n      </a>\n    </div>\n    <div class=\"govuk-task-list__status custom-class-on-status\" id=\"task-list-1-status\">\n      <strong class=\"govuk-tag custom-class-on-tag\">\n        Status\n      </strong>\n    </div>\n  </li>\n  <li class=\"govuk-task-list__item\">\n    <div class=\"govuk-task-list__name-and-hint\">\n      <div class=\"custom-class-on-unlinked-title\">\n        Not a link\n      </div>\n    </div>\n    <div class=\"govuk-task-list__status\" id=\"task-list-2-status\">\n      <strong class=\"govuk-tag\">\n        Status\n      </strong>\n    </div>\n  </li>\n</ul>"
+        },
+        {
+            "name": "custom attributes",
+            "options": {
+                "attributes": {
+                    "data-custom-attribute": "custom-value"
+                },
+                "items": [
+                    {
+                        "title": {
+                            "text": "A Link"
+                        },
+                        "href": "#",
+                        "status": {
+                            "tag": {
+                                "text": "Status",
+                                "attributes": {
+                                    "data-tag-attribute": "tag-value"
+                                }
+                            }
+                        }
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<ul class=\"govuk-task-list\" data-custom-attribute=\"custom-value\">\n  <li class=\"govuk-task-list__item govuk-task-list__item--with-link\">\n    <div class=\"govuk-task-list__name-and-hint\">\n      <a class=\"govuk-link govuk-task-list__link\" href=\"#\" aria-describedby=\"task-list-1-status\">\n        A Link\n      </a>\n    </div>\n    <div class=\"govuk-task-list__status\" id=\"task-list-1-status\">\n      <strong class=\"govuk-tag\" data-tag-attribute=\"tag-value\">\n        Status\n      </strong>\n    </div>\n  </li>\n</ul>"
+        },
+        {
+            "name": "custom id prefix",
+            "options": {
+                "idPrefix": "my-custom-id",
+                "items": [
+                    {
+                        "title": {
+                            "text": "A Link"
+                        },
+                        "hint": {
+                            "text": "Hint text"
+                        },
+                        "href": "#",
+                        "status": {
+                            "tag": {
+                                "text": "Status"
+                            }
+                        }
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<ul class=\"govuk-task-list\">\n  <li class=\"govuk-task-list__item govuk-task-list__item--with-link\">\n    <div class=\"govuk-task-list__name-and-hint\">\n      <a class=\"govuk-link govuk-task-list__link\" href=\"#\" aria-describedby=\"my-custom-id-1-hint my-custom-id-1-status\">\n        A Link\n      </a>\n      <div id=\"my-custom-id-1-hint\" class=\"govuk-task-list__hint\">\n        Hint text\n      </div>\n    </div>\n    <div class=\"govuk-task-list__status\" id=\"my-custom-id-1-status\">\n      <strong class=\"govuk-tag\">\n        Status\n      </strong>\n    </div>\n  </li>\n</ul>"
+        },
+        {
+            "name": "html passed as text",
+            "options": {
+                "idPrefix": "my-custom-id",
+                "items": [
+                    {
+                        "title": {
+                            "text": "<strong>Linked Title</strong>"
+                        },
+                        "hint": {
+                            "text": "<strong>Hint</strong>"
+                        },
+                        "href": "#",
+                        "status": {
+                            "text": "<strong>Status</strong>"
+                        }
+                    },
+                    {
+                        "title": {
+                            "text": "<strong>Unlinked Title</strong>"
+                        },
+                        "status": {
+                            "tag": {
+                                "text": "<strong>Tag</strong>"
+                            }
+                        }
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<ul class=\"govuk-task-list\">\n  <li class=\"govuk-task-list__item govuk-task-list__item--with-link\">\n    <div class=\"govuk-task-list__name-and-hint\">\n      <a class=\"govuk-link govuk-task-list__link\" href=\"#\" aria-describedby=\"my-custom-id-1-hint my-custom-id-1-status\">\n        &lt;strong&gt;Linked Title&lt;/strong&gt;\n      </a>\n      <div id=\"my-custom-id-1-hint\" class=\"govuk-task-list__hint\">\n        &lt;strong&gt;Hint&lt;/strong&gt;\n      </div>\n    </div>\n    <div class=\"govuk-task-list__status\" id=\"my-custom-id-1-status\">\n      &lt;strong&gt;Status&lt;/strong&gt;\n    </div>\n  </li>\n  <li class=\"govuk-task-list__item\">\n    <div class=\"govuk-task-list__name-and-hint\">\n      <div>\n        &lt;strong&gt;Unlinked Title&lt;/strong&gt;\n      </div>\n    </div>\n    <div class=\"govuk-task-list__status\" id=\"my-custom-id-2-status\">\n      <strong class=\"govuk-tag\">\n        &lt;strong&gt;Tag&lt;/strong&gt;\n      </strong>\n    </div>\n  </li>\n</ul>"
+        },
+        {
+            "name": "html",
+            "options": {
+                "idPrefix": "my-custom-id",
+                "items": [
+                    {
+                        "title": {
+                            "html": "<strong>Linked Title</strong>"
+                        },
+                        "hint": {
+                            "html": "<strong>Hint</strong>"
+                        },
+                        "href": "#",
+                        "status": {
+                            "html": "<strong>Status</strong>"
+                        }
+                    },
+                    {
+                        "title": {
+                            "html": "<strong>Unlinked Title</strong>"
+                        },
+                        "status": {
+                            "tag": {
+                                "html": "<strong>Tag</strong>"
+                            }
+                        }
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<ul class=\"govuk-task-list\">\n  <li class=\"govuk-task-list__item govuk-task-list__item--with-link\">\n    <div class=\"govuk-task-list__name-and-hint\">\n      <a class=\"govuk-link govuk-task-list__link\" href=\"#\" aria-describedby=\"my-custom-id-1-hint my-custom-id-1-status\">\n        <strong>Linked Title</strong>\n      </a>\n      <div id=\"my-custom-id-1-hint\" class=\"govuk-task-list__hint\">\n        <strong>Hint</strong>\n      </div>\n    </div>\n    <div class=\"govuk-task-list__status\" id=\"my-custom-id-1-status\">\n      <strong>Status</strong>\n    </div>\n  </li>\n  <li class=\"govuk-task-list__item\">\n    <div class=\"govuk-task-list__name-and-hint\">\n      <div>\n        <strong>Unlinked Title</strong>\n      </div>\n    </div>\n    <div class=\"govuk-task-list__status\" id=\"my-custom-id-2-status\">\n      <strong class=\"govuk-tag\">\n        <strong>Tag</strong>\n      </strong>\n    </div>\n  </li>\n</ul>"
+        },
+        {
+            "name": "with empty values",
+            "options": {
+                "items": [
+                    null,
+                    null,
+                    {
+                        "title": {
+                            "text": "Task A"
+                        },
+                        "href": "#",
+                        "status": {
+                            "text": "Completed"
+                        }
+                    },
+                    false,
+                    "",
+                    {
+                        "title": {
+                            "text": "Task B"
+                        },
+                        "href": "#",
+                        "status": {
+                            "text": "Completed"
+                        }
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<ul class=\"govuk-task-list\">\n\n\n  <li class=\"govuk-task-list__item govuk-task-list__item--with-link\">\n    <div class=\"govuk-task-list__name-and-hint\">\n      <a class=\"govuk-link govuk-task-list__link\" href=\"#\" aria-describedby=\"task-list-3-status\">\n        Task A\n      </a>\n    </div>\n    <div class=\"govuk-task-list__status\" id=\"task-list-3-status\">\n      Completed\n    </div>\n  </li>\n\n\n  <li class=\"govuk-task-list__item govuk-task-list__item--with-link\">\n    <div class=\"govuk-task-list__name-and-hint\">\n      <a class=\"govuk-link govuk-task-list__link\" href=\"#\" aria-describedby=\"task-list-6-status\">\n        Task B\n      </a>\n    </div>\n    <div class=\"govuk-task-list__status\" id=\"task-list-6-status\">\n      Completed\n    </div>\n  </li>\n</ul>"
+        }
+    ]
+}
diff --git a/node_modules/govuk-frontend/dist/govuk/components/task-list/macro-options.json b/node_modules/govuk-frontend/dist/govuk/components/task-list/macro-options.json
new file mode 100644
index 0000000..c016200
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/task-list/macro-options.json
@@ -0,0 +1,119 @@
+[
+    {
+        "name": "items",
+        "type": "array",
+        "required": true,
+        "description": "The items for each task within the task list component.",
+        "params": [
+            {
+                "name": "title",
+                "type": "object",
+                "required": true,
+                "description": "The main title for the task within the task list component.",
+                "params": [
+                    {
+                        "name": "text",
+                        "type": "string",
+                        "required": true,
+                        "description": "Text to use within the title. If `html` is provided, the `text` argument will be ignored."
+                    },
+                    {
+                        "name": "html",
+                        "type": "string",
+                        "required": true,
+                        "description": "HTML to use within the title. If `html` is provided, the `text` argument will be ignored."
+                    },
+                    {
+                        "name": "classes",
+                        "type": "string",
+                        "required": false,
+                        "description": "Classes to add to the title wrapper."
+                    }
+                ]
+            },
+            {
+                "name": "hint",
+                "type": "object",
+                "required": false,
+                "description": "Can be used to add a hint to each task within the task list component.",
+                "params": [
+                    {
+                        "name": "text",
+                        "type": "string",
+                        "required": true,
+                        "description": "Text to use within the hint. If `html` is provided, the `text` argument will be ignored."
+                    },
+                    {
+                        "name": "html",
+                        "type": "string",
+                        "required": true,
+                        "description": "HTML to use within the hint. If `html` is provided, the `text` argument will be ignored."
+                    }
+                ]
+            },
+            {
+                "name": "status",
+                "type": "object",
+                "required": true,
+                "description": "The status for each task within the task list component.",
+                "params": [
+                    {
+                        "name": "tag",
+                        "type": "object",
+                        "isComponent": true,
+                        "required": false,
+                        "description": "Can be used to add a tag to the status of the task within the task list component."
+                    },
+                    {
+                        "name": "text",
+                        "required": false,
+                        "type": "string",
+                        "description": "Text to use for the status, as an alternative to using a tag. If `html` or `tag` is provided, the `text` argument will be ignored."
+                    },
+                    {
+                        "name": "html",
+                        "required": false,
+                        "type": "string",
+                        "description": "HTML to use for the status, as an alternative to using a tag. If `html` or `tag` is provided, the `text` argument will be ignored."
+                    },
+                    {
+                        "name": "classes",
+                        "type": "string",
+                        "required": false,
+                        "description": "Classes to add to the status container."
+                    }
+                ]
+            },
+            {
+                "name": "href",
+                "type": "string",
+                "required": false,
+                "description": "The value of the link’s `href` attribute for the task list item."
+            },
+            {
+                "name": "classes",
+                "type": "string",
+                "required": false,
+                "description": "Classes to add to the item `div`."
+            }
+        ]
+    },
+    {
+        "name": "classes",
+        "type": "string",
+        "required": false,
+        "description": "Classes to add to the `ul` container for the task list."
+    },
+    {
+        "name": "attributes",
+        "type": "object",
+        "required": false,
+        "description": "HTML attributes (for example data attributes) to add to the `ul` container for the task list."
+    },
+    {
+        "name": "idPrefix",
+        "type": "string",
+        "required": false,
+        "description": "Optional prefix. This is used to prefix the `id` attribute for the task list item tag and hint, separated by `-`. Defaults to `\"task-list\"`."
+    }
+]
diff --git a/node_modules/govuk-frontend/dist/govuk/components/task-list/macro.njk b/node_modules/govuk-frontend/dist/govuk/components/task-list/macro.njk
new file mode 100644
index 0000000..abf049a
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/task-list/macro.njk
@@ -0,0 +1,3 @@
+{% macro govukTaskList(params) %}
+  {%- include "./template.njk" -%}
+{% endmacro %}
diff --git a/node_modules/govuk-frontend/dist/govuk/components/task-list/template-default.html b/node_modules/govuk-frontend/dist/govuk/components/task-list/template-default.html
new file mode 100644
index 0000000..339af36
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/task-list/template-default.html
@@ -0,0 +1,37 @@
+
+<ul class="govuk-task-list">
+  <li class="govuk-task-list__item govuk-task-list__item--with-link">
+    <div class="govuk-task-list__name-and-hint">
+      <a class="govuk-link govuk-task-list__link" href="#" aria-describedby="task-list-1-status">
+        Company Directors
+      </a>
+    </div>
+    <div class="govuk-task-list__status" id="task-list-1-status">
+      Completed
+    </div>
+  </li>
+  <li class="govuk-task-list__item govuk-task-list__item--with-link">
+    <div class="govuk-task-list__name-and-hint">
+      <a class="govuk-link govuk-task-list__link" href="#" aria-describedby="task-list-2-status">
+        Registered company details
+      </a>
+    </div>
+    <div class="govuk-task-list__status" id="task-list-2-status">
+      <strong class="govuk-tag govuk-tag--blue">
+        Incomplete
+      </strong>
+    </div>
+  </li>
+  <li class="govuk-task-list__item govuk-task-list__item--with-link">
+    <div class="govuk-task-list__name-and-hint">
+      <a class="govuk-link govuk-task-list__link" href="#" aria-describedby="task-list-3-status">
+        Business plan
+      </a>
+    </div>
+    <div class="govuk-task-list__status" id="task-list-3-status">
+      <strong class="govuk-tag govuk-tag--blue">
+        Incomplete
+      </strong>
+    </div>
+  </li>
+</ul>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/task-list/template-with-all-possible-colours.html b/node_modules/govuk-frontend/dist/govuk/components/task-list/template-with-all-possible-colours.html
new file mode 100644
index 0000000..5fe8cae
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/task-list/template-with-all-possible-colours.html
@@ -0,0 +1,143 @@
+
+<ul class="govuk-task-list">
+  <li class="govuk-task-list__item govuk-task-list__item--with-link">
+    <div class="govuk-task-list__name-and-hint">
+      <a class="govuk-link govuk-task-list__link" href="#" aria-describedby="task-list-1-status">
+        Task A
+      </a>
+    </div>
+    <div class="govuk-task-list__status" id="task-list-1-status">
+      Text colour
+    </div>
+  </li>
+  <li class="govuk-task-list__item govuk-task-list__item--with-link">
+    <div class="govuk-task-list__name-and-hint">
+      <a class="govuk-link govuk-task-list__link" href="#" aria-describedby="task-list-2-status">
+        Task B
+      </a>
+    </div>
+    <div class="govuk-task-list__status govuk-task-list__status--cannot-start-yet" id="task-list-2-status">
+      Secondary text colour
+    </div>
+  </li>
+  <li class="govuk-task-list__item govuk-task-list__item--with-link">
+    <div class="govuk-task-list__name-and-hint">
+      <a class="govuk-link govuk-task-list__link" href="#" aria-describedby="task-list-3-status">
+        Task C
+      </a>
+    </div>
+    <div class="govuk-task-list__status" id="task-list-3-status">
+      <strong class="govuk-tag govuk-tag--grey">
+        Grey
+      </strong>
+    </div>
+  </li>
+  <li class="govuk-task-list__item govuk-task-list__item--with-link">
+    <div class="govuk-task-list__name-and-hint">
+      <a class="govuk-link govuk-task-list__link" href="#" aria-describedby="task-list-4-status">
+        Task D
+      </a>
+    </div>
+    <div class="govuk-task-list__status" id="task-list-4-status">
+      <strong class="govuk-tag govuk-tag--blue">
+        Blue
+      </strong>
+    </div>
+  </li>
+  <li class="govuk-task-list__item govuk-task-list__item--with-link">
+    <div class="govuk-task-list__name-and-hint">
+      <a class="govuk-link govuk-task-list__link" href="#" aria-describedby="task-list-5-status">
+        Task E
+      </a>
+    </div>
+    <div class="govuk-task-list__status" id="task-list-5-status">
+      <strong class="govuk-tag govuk-tag--light-blue">
+        Light blue
+      </strong>
+    </div>
+  </li>
+  <li class="govuk-task-list__item govuk-task-list__item--with-link">
+    <div class="govuk-task-list__name-and-hint">
+      <a class="govuk-link govuk-task-list__link" href="#" aria-describedby="task-list-6-status">
+        Task F
+      </a>
+    </div>
+    <div class="govuk-task-list__status" id="task-list-6-status">
+      <strong class="govuk-tag govuk-tag--turquoise">
+        Turquoise
+      </strong>
+    </div>
+  </li>
+  <li class="govuk-task-list__item govuk-task-list__item--with-link">
+    <div class="govuk-task-list__name-and-hint">
+      <a class="govuk-link govuk-task-list__link" href="#" aria-describedby="task-list-7-status">
+        Task G
+      </a>
+    </div>
+    <div class="govuk-task-list__status" id="task-list-7-status">
+      <strong class="govuk-tag govuk-tag--green">
+        Green
+      </strong>
+    </div>
+  </li>
+  <li class="govuk-task-list__item govuk-task-list__item--with-link">
+    <div class="govuk-task-list__name-and-hint">
+      <a class="govuk-link govuk-task-list__link" href="#" aria-describedby="task-list-8-status">
+        Task H
+      </a>
+    </div>
+    <div class="govuk-task-list__status" id="task-list-8-status">
+      <strong class="govuk-tag govuk-tag--purple">
+        Purple
+      </strong>
+    </div>
+  </li>
+  <li class="govuk-task-list__item govuk-task-list__item--with-link">
+    <div class="govuk-task-list__name-and-hint">
+      <a class="govuk-link govuk-task-list__link" href="#" aria-describedby="task-list-9-status">
+        Task I
+      </a>
+    </div>
+    <div class="govuk-task-list__status" id="task-list-9-status">
+      <strong class="govuk-tag govuk-tag--pink">
+        Pink
+      </strong>
+    </div>
+  </li>
+  <li class="govuk-task-list__item govuk-task-list__item--with-link">
+    <div class="govuk-task-list__name-and-hint">
+      <a class="govuk-link govuk-task-list__link" href="#" aria-describedby="task-list-10-status">
+        Task J
+      </a>
+    </div>
+    <div class="govuk-task-list__status" id="task-list-10-status">
+      <strong class="govuk-tag govuk-tag--red">
+        Red
+      </strong>
+    </div>
+  </li>
+  <li class="govuk-task-list__item govuk-task-list__item--with-link">
+    <div class="govuk-task-list__name-and-hint">
+      <a class="govuk-link govuk-task-list__link" href="#" aria-describedby="task-list-11-status">
+        Task K
+      </a>
+    </div>
+    <div class="govuk-task-list__status" id="task-list-11-status">
+      <strong class="govuk-tag govuk-tag--orange">
+        Orange
+      </strong>
+    </div>
+  </li>
+  <li class="govuk-task-list__item govuk-task-list__item--with-link">
+    <div class="govuk-task-list__name-and-hint">
+      <a class="govuk-link govuk-task-list__link" href="#" aria-describedby="task-list-12-status">
+        Task L
+      </a>
+    </div>
+    <div class="govuk-task-list__status" id="task-list-12-status">
+      <strong class="govuk-tag govuk-tag--yellow">
+        Yellow
+      </strong>
+    </div>
+  </li>
+</ul>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/task-list/template-with-empty-values.html b/node_modules/govuk-frontend/dist/govuk/components/task-list/template-with-empty-values.html
new file mode 100644
index 0000000..df3fad6
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/task-list/template-with-empty-values.html
@@ -0,0 +1,27 @@
+
+<ul class="govuk-task-list">
+
+
+  <li class="govuk-task-list__item govuk-task-list__item--with-link">
+    <div class="govuk-task-list__name-and-hint">
+      <a class="govuk-link govuk-task-list__link" href="#" aria-describedby="task-list-3-status">
+        Task A
+      </a>
+    </div>
+    <div class="govuk-task-list__status" id="task-list-3-status">
+      Completed
+    </div>
+  </li>
+
+
+  <li class="govuk-task-list__item govuk-task-list__item--with-link">
+    <div class="govuk-task-list__name-and-hint">
+      <a class="govuk-link govuk-task-list__link" href="#" aria-describedby="task-list-6-status">
+        Task B
+      </a>
+    </div>
+    <div class="govuk-task-list__status" id="task-list-6-status">
+      Completed
+    </div>
+  </li>
+</ul>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/task-list/template-with-hint-text-and-additional-states.html b/node_modules/govuk-frontend/dist/govuk/components/task-list/template-with-hint-text-and-additional-states.html
new file mode 100644
index 0000000..6092576
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/task-list/template-with-hint-text-and-additional-states.html
@@ -0,0 +1,77 @@
+
+<ul class="govuk-task-list">
+  <li class="govuk-task-list__item govuk-task-list__item--with-link">
+    <div class="govuk-task-list__name-and-hint">
+      <a class="govuk-link govuk-task-list__link" href="#" aria-describedby="task-list-1-status">
+        Company Directors
+      </a>
+    </div>
+    <div class="govuk-task-list__status" id="task-list-1-status">
+      Completed
+    </div>
+  </li>
+  <li class="govuk-task-list__item govuk-task-list__item--with-link">
+    <div class="govuk-task-list__name-and-hint">
+      <a class="govuk-link govuk-task-list__link" href="#" aria-describedby="task-list-2-status">
+        Registered company details
+      </a>
+    </div>
+    <div class="govuk-task-list__status" id="task-list-2-status">
+      <strong class="govuk-tag govuk-tag--light-blue">
+        Not started
+      </strong>
+    </div>
+  </li>
+  <li class="govuk-task-list__item govuk-task-list__item--with-link">
+    <div class="govuk-task-list__name-and-hint">
+      <a class="govuk-link govuk-task-list__link" href="#" aria-describedby="task-list-3-hint task-list-3-status">
+        Business plan
+      </a>
+      <div id="task-list-3-hint" class="govuk-task-list__hint">
+        Ensure the plan covers objectives, strategies, sales, marketing and financial forecasts.
+      </div>
+    </div>
+    <div class="govuk-task-list__status" id="task-list-3-status">
+      <strong class="govuk-tag govuk-tag--pink">
+        Review
+      </strong>
+    </div>
+  </li>
+  <li class="govuk-task-list__item govuk-task-list__item--with-link">
+    <div class="govuk-task-list__name-and-hint">
+      <a class="govuk-link govuk-task-list__link" href="#" aria-describedby="task-list-4-status">
+        Documentation
+      </a>
+    </div>
+    <div class="govuk-task-list__status" id="task-list-4-status">
+      <strong class="govuk-tag govuk-tag--blue">
+        In progress
+      </strong>
+    </div>
+  </li>
+  <li class="govuk-task-list__item govuk-task-list__item--with-link">
+    <div class="govuk-task-list__name-and-hint">
+      <a class="govuk-link govuk-task-list__link" href="#" aria-describedby="task-list-5-status">
+        Charitable status
+      </a>
+    </div>
+    <div class="govuk-task-list__status" id="task-list-5-status">
+      <strong class="govuk-tag govuk-tag--red">
+        Error
+      </strong>
+    </div>
+  </li>
+  <li class="govuk-task-list__item">
+    <div class="govuk-task-list__name-and-hint">
+      <div>
+        Payment
+      </div>
+      <div id="task-list-6-hint" class="govuk-task-list__hint">
+        It will cost between £15 and £75
+      </div>
+    </div>
+    <div class="govuk-task-list__status govuk-task-list__status--cannot-start-yet" id="task-list-6-status">
+      Cannot start yet
+    </div>
+  </li>
+</ul>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/task-list/template-with-very-long-single-word-tags.html b/node_modules/govuk-frontend/dist/govuk/components/task-list/template-with-very-long-single-word-tags.html
new file mode 100644
index 0000000..d861185
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/task-list/template-with-very-long-single-word-tags.html
@@ -0,0 +1,37 @@
+
+<ul class="govuk-task-list">
+  <li class="govuk-task-list__item govuk-task-list__item--with-link">
+    <div class="govuk-task-list__name-and-hint">
+      <a class="govuk-link govuk-task-list__link" href="#" aria-describedby="task-list-1-status">
+        Company Directors
+      </a>
+    </div>
+    <div class="govuk-task-list__status" id="task-list-1-status">
+      Completed
+    </div>
+  </li>
+  <li class="govuk-task-list__item govuk-task-list__item--with-link">
+    <div class="govuk-task-list__name-and-hint">
+      <a class="govuk-link govuk-task-list__link" href="#" aria-describedby="task-list-2-status">
+        Registered company details
+      </a>
+    </div>
+    <div class="govuk-task-list__status" id="task-list-2-status">
+      <strong class="govuk-tag govuk-tag--blue">
+        Incomplete
+      </strong>
+    </div>
+  </li>
+  <li class="govuk-task-list__item govuk-task-list__item--with-link">
+    <div class="govuk-task-list__name-and-hint">
+      <a class="govuk-link govuk-task-list__link" href="#" aria-describedby="task-list-3-status">
+        A very very very long Business plan
+      </a>
+    </div>
+    <div class="govuk-task-list__status" id="task-list-3-status">
+      <strong class="govuk-tag govuk-tag--blue">
+        Thisisaverylongwaytosaythatsomethingisincomplete
+      </strong>
+    </div>
+  </li>
+</ul>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/task-list/template.njk b/node_modules/govuk-frontend/dist/govuk/components/task-list/template.njk
new file mode 100644
index 0000000..19c2841
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/task-list/template.njk
@@ -0,0 +1,41 @@
+{% from "../../macros/attributes.njk" import govukAttributes %}
+{% from "../tag/macro.njk" import govukTag %}
+
+{%- set idPrefix = params.idPrefix if params.idPrefix else "task-list" -%}
+
+{%- macro _taskListItem(params, item, index) %}
+  {%- set hintId = idPrefix + "-" + index + "-hint" %}
+  {%- set statusId = idPrefix + "-" + index + "-status" %}
+  <li class="govuk-task-list__item {%- if item.href %} govuk-task-list__item--with-link{% endif %}{%- if item.classes %} {{ item.classes }}{% endif %}">
+    <div class="govuk-task-list__name-and-hint">
+    {% if item.href %}
+      <a class="govuk-link govuk-task-list__link {%- if item.title.classes %} {{ item.title.classes }}{% endif %}" href="{{ item.href }}" aria-describedby="{{ hintId + " " if item.hint }}{{ statusId }}">
+        {{ item.title.html | safe | trim | indent(8) if item.title.html else item.title.text }}
+      </a>
+    {% else %}
+      <div {%- if item.title.classes %} class="{{ item.title.classes }}"{% endif %}>
+        {{ item.title.html | safe | trim | indent(8) if item.title.html else item.title.text }}
+      </div>
+    {% endif %}
+    {% if item.hint %}
+      <div id="{{ hintId }}" class="govuk-task-list__hint">
+        {{ item.hint.html | safe | trim | indent(8) if item.hint.html else item.hint.text }}
+      </div>
+    {% endif %}
+    </div>
+    <div class="govuk-task-list__status {%- if item.status.classes %} {{ item.status.classes }}{% endif %}" id="{{ statusId }}">
+    {% if item.status.tag %}
+      {{ govukTag(item.status.tag) | trim | indent(6) }}
+    {% else %}
+      {{ item.status.html | safe | trim | indent(6) if item.status.html else item.status.text }}
+    {% endif %}
+    </div>
+  </li>
+{%- endmacro %}
+
+<ul class="govuk-task-list {%- if params.classes %} {{ params.classes }}{% endif %}"
+  {{- govukAttributes(params.attributes) }}>
+  {% for item in params.items %}
+    {{- _taskListItem(params, item, loop.index) if item }}
+  {% endfor %}
+</ul>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/textarea/README.md b/node_modules/govuk-frontend/dist/govuk/components/textarea/README.md
new file mode 100644
index 0000000..41f2cf0
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/textarea/README.md
@@ -0,0 +1,15 @@
+# Textarea
+
+## Installation
+
+See the [main README quick start guide](https://github.com/alphagov/govuk-frontend#quick-start) for how to install this component.
+
+## Guidance and Examples
+
+Find out when to use the textarea component in your service in the [GOV.UK Design System](https://design-system.service.gov.uk/components/textarea).
+
+## Component options
+
+Use options to customise the appearance, content and behaviour of a component when using a macro, for example, changing the text.
+
+See [options table](https://design-system.service.gov.uk/components/textarea/#options-textarea-example) for details.
diff --git a/node_modules/govuk-frontend/dist/govuk/components/textarea/_index.scss b/node_modules/govuk-frontend/dist/govuk/components/textarea/_index.scss
new file mode 100644
index 0000000..454a289
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/textarea/_index.scss
@@ -0,0 +1,44 @@
+@import "../error-message/index";
+@import "../hint/index";
+@import "../label/index";
+
+@include govuk-exports("govuk/component/textarea") {
+  .govuk-textarea {
+    @include govuk-font($size: 19, $line-height: 1.25);
+
+    box-sizing: border-box;
+    display: block;
+    width: 100%;
+    min-height: 40px;
+    @include govuk-responsive-margin(6, "bottom");
+    padding: govuk-spacing(1);
+
+    resize: vertical;
+
+    border: $govuk-border-width-form-element solid $govuk-input-border-colour;
+    border-radius: 0;
+
+    -webkit-appearance: none;
+
+    &:focus {
+      @include govuk-focused-form-input;
+    }
+
+    &:disabled {
+      opacity: 0.5;
+      color: inherit;
+      background-color: transparent;
+      cursor: not-allowed;
+    }
+  }
+
+  .govuk-textarea--error {
+    border-color: $govuk-error-colour;
+
+    &:focus {
+      border-color: $govuk-input-border-colour;
+    }
+  }
+}
+
+/*# sourceMappingURL=_index.scss.map */
diff --git a/node_modules/govuk-frontend/dist/govuk/components/textarea/_index.scss.map b/node_modules/govuk-frontend/dist/govuk/components/textarea/_index.scss.map
new file mode 100644
index 0000000..8897a8c
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/textarea/_index.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/textarea/_index.scss"],"names":[],"mappings":"AAAA,gCAAgC;AAChC,uBAAuB;AACvB,wBAAwB;;AAExB;EACE;IACE,kDAAkD;;IAElD,sBAAsB;IACtB,cAAc;IACd,WAAW;IACX,gBAAgB;IAChB,6CAA6C;IAC7C,yBAAyB;;IAEzB,gBAAgB;;IAEhB,yEAAyE;IACzE,gBAAgB;;IAEhB,wBAAwB;;IAExB;MACE,iCAAiC;IACnC;;IAEA;MACE,YAAY;MACZ,cAAc;MACd,6BAA6B;MAC7B,mBAAmB;IACrB;EACF;;EAEA;IACE,iCAAiC;;IAEjC;MACE,wCAAwC;IAC1C;EACF;AACF","file":"_index.scss","sourcesContent":["@import \"../error-message/index\";\n@import \"../hint/index\";\n@import \"../label/index\";\n\n@include govuk-exports(\"govuk/component/textarea\") {\n  .govuk-textarea {\n    @include govuk-font($size: 19, $line-height: 1.25);\n\n    box-sizing: border-box;\n    display: block;\n    width: 100%;\n    min-height: 40px;\n    @include govuk-responsive-margin(6, \"bottom\");\n    padding: govuk-spacing(1);\n\n    resize: vertical;\n\n    border: $govuk-border-width-form-element solid $govuk-input-border-colour;\n    border-radius: 0;\n\n    -webkit-appearance: none;\n\n    &:focus {\n      @include govuk-focused-form-input;\n    }\n\n    &:disabled {\n      opacity: 0.5;\n      color: inherit;\n      background-color: transparent;\n      cursor: not-allowed;\n    }\n  }\n\n  .govuk-textarea--error {\n    border-color: $govuk-error-colour;\n\n    &:focus {\n      border-color: $govuk-input-border-colour;\n    }\n  }\n}\n"]}
diff --git a/node_modules/govuk-frontend/dist/govuk/components/textarea/_textarea.scss b/node_modules/govuk-frontend/dist/govuk/components/textarea/_textarea.scss
new file mode 100644
index 0000000..f4ed68f
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/textarea/_textarea.scss
@@ -0,0 +1,4 @@
+@import "../../base";
+@import "./index";
+
+/*# sourceMappingURL=_textarea.scss.map */
diff --git a/node_modules/govuk-frontend/dist/govuk/components/textarea/_textarea.scss.map b/node_modules/govuk-frontend/dist/govuk/components/textarea/_textarea.scss.map
new file mode 100644
index 0000000..be69133
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/textarea/_textarea.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/textarea/_textarea.scss"],"names":[],"mappings":"AAAA,oBAAoB;AACpB,iBAAiB","file":"_textarea.scss","sourcesContent":["@import \"../../base\";\n@import \"./index\";\n"]}
diff --git a/node_modules/govuk-frontend/dist/govuk/components/textarea/fixtures.json b/node_modules/govuk-frontend/dist/govuk/components/textarea/fixtures.json
new file mode 100644
index 0000000..b1e1848
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/textarea/fixtures.json
@@ -0,0 +1,316 @@
+{
+    "component": "textarea",
+    "fixtures": [
+        {
+            "name": "default",
+            "options": {
+                "name": "more-detail",
+                "label": {
+                    "text": "Can you provide more detail?"
+                }
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": true,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"more-detail\">\n    Can you provide more detail?\n  </label>\n  <textarea class=\"govuk-textarea\" id=\"more-detail\" name=\"more-detail\" rows=\"5\"></textarea>\n</div>"
+        },
+        {
+            "name": "with hint",
+            "options": {
+                "name": "more-detail",
+                "id": "more-detail",
+                "label": {
+                    "text": "Can you provide more detail?"
+                },
+                "hint": {
+                    "text": "Don't include personal or financial information, eg your National Insurance number or credit card details."
+                }
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"more-detail\">\n    Can you provide more detail?\n  </label>\n  <div id=\"more-detail-hint\" class=\"govuk-hint\">\n    Don&#39;t include personal or financial information, eg your National Insurance number or credit card details.\n  </div>\n  <textarea class=\"govuk-textarea\" id=\"more-detail\" name=\"more-detail\" rows=\"5\" aria-describedby=\"more-detail-hint\"></textarea>\n</div>"
+        },
+        {
+            "name": "with error message",
+            "options": {
+                "name": "no-ni-reason",
+                "id": "no-ni-reason",
+                "label": {
+                    "text": "Why can’t you provide a National Insurance number?"
+                },
+                "errorMessage": {
+                    "text": "You must provide an explanation"
+                }
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-form-group--error\">\n  <label class=\"govuk-label\" for=\"no-ni-reason\">\n    Why can’t you provide a National Insurance number?\n  </label>\n  <p id=\"no-ni-reason-error\" class=\"govuk-error-message\">\n    <span class=\"govuk-visually-hidden\">Error:</span> You must provide an explanation\n  </p>\n  <textarea class=\"govuk-textarea govuk-textarea--error\" id=\"no-ni-reason\" name=\"no-ni-reason\" rows=\"5\" aria-describedby=\"no-ni-reason-error\"></textarea>\n</div>"
+        },
+        {
+            "name": "with default value",
+            "options": {
+                "id": "full-address",
+                "name": "address",
+                "value": "221B Baker Street\nLondon\nNW1 6XE\n",
+                "label": {
+                    "text": "Full address"
+                }
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"full-address\">\n    Full address\n  </label>\n  <textarea class=\"govuk-textarea\" id=\"full-address\" name=\"address\" rows=\"5\">221B Baker Street\nLondon\nNW1 6XE\n</textarea>\n</div>"
+        },
+        {
+            "name": "with custom rows",
+            "options": {
+                "id": "full-address",
+                "name": "address",
+                "label": {
+                    "text": "Full address"
+                },
+                "rows": 8
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"full-address\">\n    Full address\n  </label>\n  <textarea class=\"govuk-textarea\" id=\"full-address\" name=\"address\" rows=\"8\"></textarea>\n</div>"
+        },
+        {
+            "name": "with label as page heading",
+            "options": {
+                "id": "textarea-with-page-heading",
+                "name": "address",
+                "label": {
+                    "text": "Full address",
+                    "classes": "govuk-label--l",
+                    "isPageHeading": true
+                }
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <h1 class=\"govuk-label-wrapper\">\n    <label class=\"govuk-label govuk-label--l\" for=\"textarea-with-page-heading\">\n      Full address\n    </label>\n  </h1>\n  <textarea class=\"govuk-textarea\" id=\"textarea-with-page-heading\" name=\"address\" rows=\"5\"></textarea>\n</div>"
+        },
+        {
+            "name": "id",
+            "options": {
+                "id": "textarea-id",
+                "name": "test-name",
+                "label": {
+                    "text": "With custom id"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"textarea-id\">\n    With custom id\n  </label>\n  <textarea class=\"govuk-textarea\" id=\"textarea-id\" name=\"test-name\" rows=\"5\"></textarea>\n</div>"
+        },
+        {
+            "name": "classes",
+            "options": {
+                "id": "with-classes",
+                "name": "with-classes",
+                "label": {
+                    "text": "With classes"
+                },
+                "classes": "app-textarea--custom-modifier"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"with-classes\">\n    With classes\n  </label>\n  <textarea class=\"govuk-textarea app-textarea--custom-modifier\" id=\"with-classes\" name=\"with-classes\" rows=\"5\"></textarea>\n</div>"
+        },
+        {
+            "name": "attributes",
+            "options": {
+                "id": "with-attributes",
+                "name": "with-attributes",
+                "label": {
+                    "text": "With attributes"
+                },
+                "attributes": {
+                    "data-attribute": "my data value"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"with-attributes\">\n    With attributes\n  </label>\n  <textarea class=\"govuk-textarea\" id=\"with-attributes\" name=\"with-attributes\" rows=\"5\" data-attribute=\"my data value\"></textarea>\n</div>"
+        },
+        {
+            "name": "with describedBy",
+            "options": {
+                "id": "with-describedby",
+                "name": "with-describedby",
+                "label": {
+                    "text": "With describedBy"
+                },
+                "describedBy": "test-target-element"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"with-describedby\">\n    With describedBy\n  </label>\n  <textarea class=\"govuk-textarea\" id=\"with-describedby\" name=\"with-describedby\" rows=\"5\" aria-describedby=\"test-target-element\"></textarea>\n</div>"
+        },
+        {
+            "name": "with hint and described by",
+            "options": {
+                "id": "with-hint-describedby",
+                "name": "with-hint-describedby",
+                "label": {
+                    "text": "With hint and describedBy"
+                },
+                "describedBy": "test-target-element",
+                "hint": {
+                    "text": "It’s on your National Insurance card, benefit letter, payslip or P60. For example, ‘QQ 12 34 56 C’."
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"with-hint-describedby\">\n    With hint and describedBy\n  </label>\n  <div id=\"with-hint-describedby-hint\" class=\"govuk-hint\">\n    It’s on your National Insurance card, benefit letter, payslip or P60. For example, ‘QQ 12 34 56 C’.\n  </div>\n  <textarea class=\"govuk-textarea\" id=\"with-hint-describedby\" name=\"with-hint-describedby\" rows=\"5\" aria-describedby=\"test-target-element with-hint-describedby-hint\"></textarea>\n</div>"
+        },
+        {
+            "name": "with error message and described by",
+            "options": {
+                "name": "textarea-with-error",
+                "label": {
+                    "text": "Textarea with error"
+                },
+                "describedBy": "test-target-element",
+                "id": "textarea-with-error",
+                "errorMessage": {
+                    "text": "Error message"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-form-group--error\">\n  <label class=\"govuk-label\" for=\"textarea-with-error\">\n    Textarea with error\n  </label>\n  <p id=\"textarea-with-error-error\" class=\"govuk-error-message\">\n    <span class=\"govuk-visually-hidden\">Error:</span> Error message\n  </p>\n  <textarea class=\"govuk-textarea govuk-textarea--error\" id=\"textarea-with-error\" name=\"textarea-with-error\" rows=\"5\" aria-describedby=\"test-target-element textarea-with-error-error\"></textarea>\n</div>"
+        },
+        {
+            "name": "with hint and error message",
+            "options": {
+                "id": "with-hint-error",
+                "name": "with-hint-error",
+                "label": {
+                    "text": "With hint and error"
+                },
+                "errorMessage": {
+                    "text": "Error message"
+                },
+                "hint": {
+                    "text": "Hint"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-form-group--error\">\n  <label class=\"govuk-label\" for=\"with-hint-error\">\n    With hint and error\n  </label>\n  <div id=\"with-hint-error-hint\" class=\"govuk-hint\">\n    Hint\n  </div>\n  <p id=\"with-hint-error-error\" class=\"govuk-error-message\">\n    <span class=\"govuk-visually-hidden\">Error:</span> Error message\n  </p>\n  <textarea class=\"govuk-textarea govuk-textarea--error\" id=\"with-hint-error\" name=\"with-hint-error\" rows=\"5\" aria-describedby=\"with-hint-error-hint with-hint-error-error\"></textarea>\n</div>"
+        },
+        {
+            "name": "with hint, error message and described by",
+            "options": {
+                "id": "with-hint-error-describedby",
+                "name": "with-hint-error-describedby",
+                "label": {
+                    "text": "With hint, error and describedBy"
+                },
+                "describedBy": "test-target-element",
+                "errorMessage": {
+                    "text": "Error message"
+                },
+                "hint": {
+                    "text": "Hint"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group govuk-form-group--error\">\n  <label class=\"govuk-label\" for=\"with-hint-error-describedby\">\n    With hint, error and describedBy\n  </label>\n  <div id=\"with-hint-error-describedby-hint\" class=\"govuk-hint\">\n    Hint\n  </div>\n  <p id=\"with-hint-error-describedby-error\" class=\"govuk-error-message\">\n    <span class=\"govuk-visually-hidden\">Error:</span> Error message\n  </p>\n  <textarea class=\"govuk-textarea govuk-textarea--error\" id=\"with-hint-error-describedby\" name=\"with-hint-error-describedby\" rows=\"5\" aria-describedby=\"test-target-element with-hint-error-describedby-hint with-hint-error-describedby-error\"></textarea>\n</div>"
+        },
+        {
+            "name": "with optional form-group classes",
+            "options": {
+                "id": "textarea-with-page-heading",
+                "name": "address",
+                "label": {
+                    "text": "Full address"
+                },
+                "formGroup": {
+                    "classes": "extra-class"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group extra-class\">\n  <label class=\"govuk-label\" for=\"textarea-with-page-heading\">\n    Full address\n  </label>\n  <textarea class=\"govuk-textarea\" id=\"textarea-with-page-heading\" name=\"address\" rows=\"5\"></textarea>\n</div>"
+        },
+        {
+            "name": "with autocomplete attribute",
+            "options": {
+                "id": "textarea-with-autocomplete-attribute",
+                "name": "address",
+                "label": {
+                    "text": "Full address"
+                },
+                "autocomplete": "street-address"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"textarea-with-autocomplete-attribute\">\n    Full address\n  </label>\n  <textarea class=\"govuk-textarea\" id=\"textarea-with-autocomplete-attribute\" name=\"address\" rows=\"5\" autocomplete=\"street-address\"></textarea>\n</div>"
+        },
+        {
+            "name": "with spellcheck enabled",
+            "options": {
+                "label": {
+                    "text": "Spellcheck is enabled"
+                },
+                "id": "textarea-with-spellcheck-enabled",
+                "name": "spellcheck",
+                "spellcheck": true
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"textarea-with-spellcheck-enabled\">\n    Spellcheck is enabled\n  </label>\n  <textarea class=\"govuk-textarea\" id=\"textarea-with-spellcheck-enabled\" name=\"spellcheck\" rows=\"5\" spellcheck=\"true\"></textarea>\n</div>"
+        },
+        {
+            "name": "with spellcheck disabled",
+            "options": {
+                "label": {
+                    "text": "Spellcheck is disabled"
+                },
+                "id": "textarea-with-spellcheck-disabled",
+                "name": "spellcheck",
+                "spellcheck": false
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-form-group\">\n  <label class=\"govuk-label\" for=\"textarea-with-spellcheck-disabled\">\n    Spellcheck is disabled\n  </label>\n  <textarea class=\"govuk-textarea\" id=\"textarea-with-spellcheck-disabled\" name=\"spellcheck\" rows=\"5\" spellcheck=\"false\"></textarea>\n</div>"
+        }
+    ]
+}
diff --git a/node_modules/govuk-frontend/dist/govuk/components/textarea/macro-options.json b/node_modules/govuk-frontend/dist/govuk/components/textarea/macro-options.json
new file mode 100644
index 0000000..c324781
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/textarea/macro-options.json
@@ -0,0 +1,143 @@
+[
+    {
+        "name": "id",
+        "type": "string",
+        "required": false,
+        "description": "The ID of the textarea. Defaults to the value of `name`."
+    },
+    {
+        "name": "name",
+        "type": "string",
+        "required": true,
+        "description": "The name of the textarea, which is submitted with the form data."
+    },
+    {
+        "name": "spellcheck",
+        "type": "boolean",
+        "required": false,
+        "description": "Optional field to enable or disable the `spellcheck` attribute on the textarea."
+    },
+    {
+        "name": "rows",
+        "type": "string",
+        "required": false,
+        "description": "Optional number of textarea rows (default is 5 rows)."
+    },
+    {
+        "name": "value",
+        "type": "string",
+        "required": false,
+        "description": "Optional initial value of the textarea."
+    },
+    {
+        "name": "disabled",
+        "type": "boolean",
+        "required": false,
+        "description": "If `true`, textarea will be disabled."
+    },
+    {
+        "name": "describedBy",
+        "type": "string",
+        "required": false,
+        "description": "One or more element IDs to add to the `aria-describedby` attribute, used to provide additional descriptive information for screenreader users."
+    },
+    {
+        "name": "label",
+        "type": "object",
+        "required": true,
+        "description": "The label used by the textarea component.",
+        "isComponent": true
+    },
+    {
+        "name": "hint",
+        "type": "object",
+        "required": false,
+        "description": "Can be used to add a hint to the textarea component.",
+        "isComponent": true
+    },
+    {
+        "name": "errorMessage",
+        "type": "object",
+        "required": false,
+        "description": "Can be used to add an error message to the textarea component. The error message component will not display if you use a falsy value for `errorMessage`, for example `false` or `null`.",
+        "isComponent": true
+    },
+    {
+        "name": "formGroup",
+        "type": "object",
+        "required": false,
+        "description": "Additional options for the form group containing the textarea component.",
+        "params": [
+            {
+                "name": "classes",
+                "type": "string",
+                "required": false,
+                "description": "Classes to add to the form group (for example to show error state for the whole group)."
+            },
+            {
+                "name": "attributes",
+                "type": "object",
+                "required": false,
+                "description": "HTML attributes (for example data attributes) to add to the form group."
+            },
+            {
+                "name": "beforeInput",
+                "type": "object",
+                "required": false,
+                "description": "Content to add before the textarea used by the textarea component.",
+                "params": [
+                    {
+                        "name": "text",
+                        "type": "string",
+                        "required": true,
+                        "description": "Text to add before the textarea. If `html` is provided, the `text` option will be ignored."
+                    },
+                    {
+                        "name": "html",
+                        "type": "string",
+                        "required": true,
+                        "description": "HTML to add before the textarea. If `html` is provided, the `text` option will be ignored."
+                    }
+                ]
+            },
+            {
+                "name": "afterInput",
+                "type": "object",
+                "required": false,
+                "description": "Content to add after the textarea used by the textarea component.",
+                "params": [
+                    {
+                        "name": "text",
+                        "type": "string",
+                        "required": true,
+                        "description": "Text to add after the textarea. If `html` is provided, the `text` option will be ignored."
+                    },
+                    {
+                        "name": "html",
+                        "type": "string",
+                        "required": true,
+                        "description": "HTML to add after the textarea. If `html` is provided, the `text` option will be ignored."
+                    }
+                ]
+            }
+        ]
+    },
+    {
+        "name": "classes",
+        "type": "string",
+        "required": false,
+        "description": "Classes to add to the textarea."
+    },
+    {
+        "name": "autocomplete",
+        "type": "string",
+        "required": false,
+        "description": "Attribute to meet [WCAG success criterion 1.3.5: Identify input purpose](https://www.w3.org/WAI/WCAG22/Understanding/identify-input-purpose.html), for instance `\"bday-day\"`. See the [Autofill section in the HTML standard](https://html.spec.whatwg.org/multipage/form-control-infrastructure.html#autofill) section in the HTML standard for full list of attributes that can be used."
+    },
+    {
+        "name": "attributes",
+        "type": "object",
+        "required": false,
+        "description": "HTML attributes (for example data attributes) to add to the textarea."
+    }
+]
diff --git a/node_modules/govuk-frontend/dist/govuk/components/textarea/macro.njk b/node_modules/govuk-frontend/dist/govuk/components/textarea/macro.njk
new file mode 100644
index 0000000..36a1c4e
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/textarea/macro.njk
@@ -0,0 +1,3 @@
+{% macro govukTextarea(params) %}
+  {%- include "./template.njk" -%}
+{% endmacro %}
diff --git a/node_modules/govuk-frontend/dist/govuk/components/textarea/template-default.html b/node_modules/govuk-frontend/dist/govuk/components/textarea/template-default.html
new file mode 100644
index 0000000..3b27ac0
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/textarea/template-default.html
@@ -0,0 +1,6 @@
+<div class="govuk-form-group">
+  <label class="govuk-label" for="more-detail">
+    Can you provide more detail?
+  </label>
+  <textarea class="govuk-textarea" id="more-detail" name="more-detail" rows="5"></textarea>
+</div>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/textarea/template-with-custom-rows.html b/node_modules/govuk-frontend/dist/govuk/components/textarea/template-with-custom-rows.html
new file mode 100644
index 0000000..747b7e2
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/textarea/template-with-custom-rows.html
@@ -0,0 +1,6 @@
+<div class="govuk-form-group">
+  <label class="govuk-label" for="full-address">
+    Full address
+  </label>
+  <textarea class="govuk-textarea" id="full-address" name="address" rows="8"></textarea>
+</div>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/textarea/template-with-default-value.html b/node_modules/govuk-frontend/dist/govuk/components/textarea/template-with-default-value.html
new file mode 100644
index 0000000..8f84d79
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/textarea/template-with-default-value.html
@@ -0,0 +1,9 @@
+<div class="govuk-form-group">
+  <label class="govuk-label" for="full-address">
+    Full address
+  </label>
+  <textarea class="govuk-textarea" id="full-address" name="address" rows="5">221B Baker Street
+London
+NW1 6XE
+</textarea>
+</div>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/textarea/template-with-error-message.html b/node_modules/govuk-frontend/dist/govuk/components/textarea/template-with-error-message.html
new file mode 100644
index 0000000..bf93169
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/textarea/template-with-error-message.html
@@ -0,0 +1,9 @@
+<div class="govuk-form-group govuk-form-group--error">
+  <label class="govuk-label" for="no-ni-reason">
+    Why can’t you provide a National Insurance number?
+  </label>
+  <p id="no-ni-reason-error" class="govuk-error-message">
+    <span class="govuk-visually-hidden">Error:</span> You must provide an explanation
+  </p>
+  <textarea class="govuk-textarea govuk-textarea--error" id="no-ni-reason" name="no-ni-reason" rows="5" aria-describedby="no-ni-reason-error"></textarea>
+</div>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/textarea/template-with-hint.html b/node_modules/govuk-frontend/dist/govuk/components/textarea/template-with-hint.html
new file mode 100644
index 0000000..764f121
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/textarea/template-with-hint.html
@@ -0,0 +1,9 @@
+<div class="govuk-form-group">
+  <label class="govuk-label" for="more-detail">
+    Can you provide more detail?
+  </label>
+  <div id="more-detail-hint" class="govuk-hint">
+    Don&#39;t include personal or financial information, eg your National Insurance number or credit card details.
+  </div>
+  <textarea class="govuk-textarea" id="more-detail" name="more-detail" rows="5" aria-describedby="more-detail-hint"></textarea>
+</div>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/textarea/template-with-label-as-page-heading.html b/node_modules/govuk-frontend/dist/govuk/components/textarea/template-with-label-as-page-heading.html
new file mode 100644
index 0000000..5624b6d
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/textarea/template-with-label-as-page-heading.html
@@ -0,0 +1,8 @@
+<div class="govuk-form-group">
+  <h1 class="govuk-label-wrapper">
+    <label class="govuk-label govuk-label--l" for="textarea-with-page-heading">
+      Full address
+    </label>
+  </h1>
+  <textarea class="govuk-textarea" id="textarea-with-page-heading" name="address" rows="5"></textarea>
+</div>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/textarea/template.njk b/node_modules/govuk-frontend/dist/govuk/components/textarea/template.njk
new file mode 100644
index 0000000..a0efee6
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/textarea/template.njk
@@ -0,0 +1,56 @@
+{% from "../../macros/attributes.njk" import govukAttributes %}
+{% from "../error-message/macro.njk" import govukErrorMessage %}
+{% from "../hint/macro.njk" import govukHint %}
+{% from "../label/macro.njk" import govukLabel %}
+
+{#- a record of other elements that we need to associate with the input using
+  aria-describedby – for example hints or error messages -#}
+{% set describedBy = params.describedBy if params.describedBy else "" %}
+{%- set id = params.id if params.id else params.name -%}
+
+<div class="govuk-form-group {%- if params.errorMessage %} govuk-form-group--error{% endif %} {%- if params.formGroup.classes %} {{ params.formGroup.classes }}{% endif %}"
+  {{- govukAttributes(params.formGroup.attributes) }}>
+  {{ govukLabel({
+    html: params.label.html,
+    text: params.label.text,
+    classes: params.label.classes,
+    isPageHeading: params.label.isPageHeading,
+    attributes: params.label.attributes,
+    for: id
+  }) | trim | indent(2) }}
+{% if params.hint %}
+  {% set hintId = id + '-hint' %}
+  {% set describedBy = describedBy + ' ' + hintId if describedBy else hintId %}
+  {{ govukHint({
+    id: hintId,
+    classes: params.hint.classes,
+    attributes: params.hint.attributes,
+    html: params.hint.html,
+    text: params.hint.text
+  }) | trim | indent(2) }}
+{% endif %}
+{% if params.errorMessage %}
+  {% set errorId = id + '-error' %}
+  {% set describedBy = describedBy + ' ' + errorId if describedBy else errorId %}
+  {{ govukErrorMessage({
+    id: errorId,
+    classes: params.errorMessage.classes,
+    attributes: params.errorMessage.attributes,
+    html: params.errorMessage.html,
+    text: params.errorMessage.text,
+    visuallyHiddenText: params.errorMessage.visuallyHiddenText
+  }) | trim | indent(2) }}
+{% endif %}
+{% if params.formGroup.beforeInput %}
+  {{ params.formGroup.beforeInput.html | safe | trim | indent(2) if params.formGroup.beforeInput.html else params.formGroup.beforeInput.text }}
+{% endif %}
+  <textarea class="govuk-textarea {%- if params.errorMessage %} govuk-textarea--error{% endif %} {%- if params.classes %} {{ params.classes }}{% endif %}" id="{{ id }}" name="{{ params.name }}" rows="{{ params.rows | default(5, true) }}"
+  {%- if (params.spellcheck === false) or (params.spellcheck === true) %} spellcheck="{{ params.spellcheck }}"{% endif %}
+  {%- if params.disabled %} disabled{% endif %}
+  {%- if describedBy %} aria-describedby="{{ describedBy }}"{% endif %}
+  {%- if params.autocomplete %} autocomplete="{{ params.autocomplete }}"{% endif %}
+  {{- govukAttributes(params.attributes) }}>{{ params.value }}</textarea>
+{% if params.formGroup.afterInput %}
+  {{ params.formGroup.afterInput.html | safe | trim | indent(2) if params.formGroup.afterInput.html else params.formGroup.afterInput.text }}
+{% endif %}
+</div>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/warning-text/README.md b/node_modules/govuk-frontend/dist/govuk/components/warning-text/README.md
new file mode 100644
index 0000000..9168535
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/warning-text/README.md
@@ -0,0 +1,15 @@
+# Warning text
+
+## Installation
+
+See the [main README quick start guide](https://github.com/alphagov/govuk-frontend#quick-start) for how to install this component.
+
+## Guidance and Examples
+
+Find out when to use the warning text component in your service in the [GOV.UK Design System](https://design-system.service.gov.uk/components/warning-text).
+
+## Component options
+
+Use options to customise the appearance, content and behaviour of a component when using a macro, for example, changing the text.
+
+See [options table](https://design-system.service.gov.uk/components/warning-text/#options-warning-text-example) for details.
diff --git a/node_modules/govuk-frontend/dist/govuk/components/warning-text/_index.scss b/node_modules/govuk-frontend/dist/govuk/components/warning-text/_index.scss
new file mode 100644
index 0000000..9ee4807
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/warning-text/_index.scss
@@ -0,0 +1,66 @@
+@include govuk-exports("govuk/component/warning-text") {
+  .govuk-warning-text {
+    @include govuk-font($size: 19);
+    @include govuk-responsive-margin(6, "bottom");
+    @include govuk-typography-weight-bold;
+    position: relative;
+    padding: govuk-spacing(2) 0;
+  }
+
+  .govuk-warning-text__icon {
+    box-sizing: border-box;
+
+    display: inline-block;
+
+    position: absolute;
+    left: 0;
+
+    min-width: 35px;
+    min-height: 35px;
+    margin-top: -7px;
+
+    @include govuk-media-query($from: tablet) {
+      margin-top: -5px;
+    }
+
+    // When a user customises their colours the background colour will often be
+    // removed. Adding a border to the component keeps it's shape as a circle.
+    border: 3px solid $govuk-text-colour;
+    border-radius: 50%;
+
+    color: $govuk-body-background-colour;
+    background: $govuk-text-colour;
+
+    font-size: 30px;
+    line-height: 29px;
+
+    text-align: center;
+
+    // Prevent the exclamation mark from being included when the warning text
+    // is copied, for example.
+    -webkit-user-select: none;
+        -ms-user-select: none;
+            user-select: none;
+
+    // Improve rendering in Windows High Contrast Mode (Edge), where a
+    // readability backplate behind the exclamation mark obscures the circle
+    forced-color-adjust: none;
+
+    @media screen and (forced-colors: active) {
+      border-color: windowText;
+      color: windowText;
+      background: transparent;
+    }
+  }
+
+  .govuk-warning-text__text {
+    @include govuk-text-colour;
+    display: block;
+    padding-left: 45px;
+    // While `<strong>` is styled `bold` or `bolder` by user-agents
+    // this can be reset by the app's stylesheet
+    font-weight: inherit;
+  }
+}
+
+/*# sourceMappingURL=_index.scss.map */
diff --git a/node_modules/govuk-frontend/dist/govuk/components/warning-text/_index.scss.map b/node_modules/govuk-frontend/dist/govuk/components/warning-text/_index.scss.map
new file mode 100644
index 0000000..fde3c0c
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/warning-text/_index.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/warning-text/_index.scss"],"names":[],"mappings":"AAAA;EACE;IACE,8BAA8B;IAC9B,6CAA6C;IAC7C,qCAAqC;IACrC,kBAAkB;IAClB,2BAA2B;EAC7B;;EAEA;IACE,sBAAsB;;IAEtB,qBAAqB;;IAErB,kBAAkB;IAClB,OAAO;;IAEP,eAAe;IACf,gBAAgB;IAChB,gBAAgB;;IAEhB;MACE,gBAAgB;IAClB;;IAEA,0EAA0E;IAC1E,yEAAyE;IACzE,oCAAoC;IACpC,kBAAkB;;IAElB,oCAAoC;IACpC,8BAA8B;;IAE9B,eAAe;IACf,iBAAiB;;IAEjB,kBAAkB;;IAElB,wEAAwE;IACxE,yBAAyB;IACzB,yBAAiB;QAAjB,qBAAiB;YAAjB,iBAAiB;;IAEjB,iEAAiE;IACjE,uEAAuE;IACvE,yBAAyB;;IAEzB;MACE,wBAAwB;MACxB,iBAAiB;MACjB,uBAAuB;IACzB;EACF;;EAEA;IACE,0BAA0B;IAC1B,cAAc;IACd,kBAAkB;IAClB,8DAA8D;IAC9D,2CAA2C;IAC3C,oBAAoB;EACtB;AACF","file":"_index.scss","sourcesContent":["@include govuk-exports(\"govuk/component/warning-text\") {\n  .govuk-warning-text {\n    @include govuk-font($size: 19);\n    @include govuk-responsive-margin(6, \"bottom\");\n    @include govuk-typography-weight-bold;\n    position: relative;\n    padding: govuk-spacing(2) 0;\n  }\n\n  .govuk-warning-text__icon {\n    box-sizing: border-box;\n\n    display: inline-block;\n\n    position: absolute;\n    left: 0;\n\n    min-width: 35px;\n    min-height: 35px;\n    margin-top: -7px;\n\n    @include govuk-media-query($from: tablet) {\n      margin-top: -5px;\n    }\n\n    // When a user customises their colours the background colour will often be\n    // removed. Adding a border to the component keeps it's shape as a circle.\n    border: 3px solid $govuk-text-colour;\n    border-radius: 50%;\n\n    color: $govuk-body-background-colour;\n    background: $govuk-text-colour;\n\n    font-size: 30px;\n    line-height: 29px;\n\n    text-align: center;\n\n    // Prevent the exclamation mark from being included when the warning text\n    // is copied, for example.\n    user-select: none;\n\n    // Improve rendering in Windows High Contrast Mode (Edge), where a\n    // readability backplate behind the exclamation mark obscures the circle\n    forced-color-adjust: none;\n\n    @media screen and (forced-colors: active) {\n      border-color: windowText;\n      color: windowText;\n      background: transparent;\n    }\n  }\n\n  .govuk-warning-text__text {\n    @include govuk-text-colour;\n    display: block;\n    padding-left: 45px;\n    // While `<strong>` is styled `bold` or `bolder` by user-agents\n    // this can be reset by the app's stylesheet\n    font-weight: inherit;\n  }\n}\n"]}
diff --git a/node_modules/govuk-frontend/dist/govuk/components/warning-text/_warning-text.scss b/node_modules/govuk-frontend/dist/govuk/components/warning-text/_warning-text.scss
new file mode 100644
index 0000000..81eb6f0
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/warning-text/_warning-text.scss
@@ -0,0 +1,4 @@
+@import "../../base";
+@import "./index";
+
+/*# sourceMappingURL=_warning-text.scss.map */
diff --git a/node_modules/govuk-frontend/dist/govuk/components/warning-text/_warning-text.scss.map b/node_modules/govuk-frontend/dist/govuk/components/warning-text/_warning-text.scss.map
new file mode 100644
index 0000000..3ef95c5
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/warning-text/_warning-text.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/govuk/components/warning-text/_warning-text.scss"],"names":[],"mappings":"AAAA,oBAAoB;AACpB,iBAAiB","file":"_warning-text.scss","sourcesContent":["@import \"../../base\";\n@import \"./index\";\n"]}
diff --git a/node_modules/govuk-frontend/dist/govuk/components/warning-text/fixtures.json b/node_modules/govuk-frontend/dist/govuk/components/warning-text/fixtures.json
new file mode 100644
index 0000000..4bbcbc3
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/warning-text/fixtures.json
@@ -0,0 +1,101 @@
+{
+    "component": "warning-text",
+    "fixtures": [
+        {
+            "name": "default",
+            "options": {
+                "text": "You can be fined up to £5,000 if you don’t register.",
+                "iconFallbackText": "Warning"
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": true,
+            "html": "<div class=\"govuk-warning-text\">\n  <span class=\"govuk-warning-text__icon\" aria-hidden=\"true\">!</span>\n  <strong class=\"govuk-warning-text__text\">\n    <span class=\"govuk-visually-hidden\">Warning</span>\n    You can be fined up to £5,000 if you don’t register.\n  </strong>\n</div>"
+        },
+        {
+            "name": "multiple lines",
+            "options": {
+                "text": "If you are not covered by this License), You must: (a) comply with the terms stated above for the purpose of this license. It explains, for example, the production of a Source form, including but not limited to, the implied warranties or conditions of this License, without any additional file created by such Respondent to you under Sections 2.1 and 2.2 above. Larger Works. You may choose to distribute such a notice and a brief idea of what it does.",
+                "iconFallbackText": "Warning"
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-warning-text\">\n  <span class=\"govuk-warning-text__icon\" aria-hidden=\"true\">!</span>\n  <strong class=\"govuk-warning-text__text\">\n    <span class=\"govuk-visually-hidden\">Warning</span>\n    If you are not covered by this License), You must: (a) comply with the terms stated above for the purpose of this license. It explains, for example, the production of a Source form, including but not limited to, the implied warranties or conditions of this License, without any additional file created by such Respondent to you under Sections 2.1 and 2.2 above. Larger Works. You may choose to distribute such a notice and a brief idea of what it does.\n  </strong>\n</div>"
+        },
+        {
+            "name": "attributes",
+            "options": {
+                "text": "You can be fined up to £5,000 if you don’t register.",
+                "attributes": {
+                    "id": "my-warning-text",
+                    "data-test": "attribute"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-warning-text\" id=\"my-warning-text\" data-test=\"attribute\">\n  <span class=\"govuk-warning-text__icon\" aria-hidden=\"true\">!</span>\n  <strong class=\"govuk-warning-text__text\">\n    <span class=\"govuk-visually-hidden\">Warning</span>\n    You can be fined up to £5,000 if you don’t register.\n  </strong>\n</div>"
+        },
+        {
+            "name": "classes",
+            "options": {
+                "text": "Warning text",
+                "classes": "govuk-warning-text--custom-class"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-warning-text govuk-warning-text--custom-class\">\n  <span class=\"govuk-warning-text__icon\" aria-hidden=\"true\">!</span>\n  <strong class=\"govuk-warning-text__text\">\n    <span class=\"govuk-visually-hidden\">Warning</span>\n    Warning text\n  </strong>\n</div>"
+        },
+        {
+            "name": "html",
+            "options": {
+                "text": "You can be fined up to £5,000 if you don’t register.",
+                "html": "<span>Some custom warning text</span>"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-warning-text\">\n  <span class=\"govuk-warning-text__icon\" aria-hidden=\"true\">!</span>\n  <strong class=\"govuk-warning-text__text\">\n    <span class=\"govuk-visually-hidden\">Warning</span>\n    <span>Some custom warning text</span>\n  </strong>\n</div>"
+        },
+        {
+            "name": "html as text",
+            "options": {
+                "text": "<span>Some custom warning text</span>"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-warning-text\">\n  <span class=\"govuk-warning-text__icon\" aria-hidden=\"true\">!</span>\n  <strong class=\"govuk-warning-text__text\">\n    <span class=\"govuk-visually-hidden\">Warning</span>\n    &lt;span&gt;Some custom warning text&lt;/span&gt;\n  </strong>\n</div>"
+        },
+        {
+            "name": "icon fallback text only",
+            "options": {
+                "iconFallbackText": "Some custom fallback text"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-warning-text\">\n  <span class=\"govuk-warning-text__icon\" aria-hidden=\"true\">!</span>\n  <strong class=\"govuk-warning-text__text\">\n    <span class=\"govuk-visually-hidden\">Some custom fallback text</span>\n    \n  </strong>\n</div>"
+        },
+        {
+            "name": "no icon fallback text",
+            "options": {
+                "text": "This is a warning"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-warning-text\">\n  <span class=\"govuk-warning-text__icon\" aria-hidden=\"true\">!</span>\n  <strong class=\"govuk-warning-text__text\">\n    <span class=\"govuk-visually-hidden\">Warning</span>\n    This is a warning\n  </strong>\n</div>"
+        }
+    ]
+}
diff --git a/node_modules/govuk-frontend/dist/govuk/components/warning-text/macro-options.json b/node_modules/govuk-frontend/dist/govuk/components/warning-text/macro-options.json
new file mode 100644
index 0000000..8a8d46d
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/warning-text/macro-options.json
@@ -0,0 +1,32 @@
+[
+    {
+        "name": "text",
+        "type": "string",
+        "required": true,
+        "description": "If `html` is set, this is not required. Text to use within the warning text component. If `html` is provided, the `text` option will be ignored."
+    },
+    {
+        "name": "html",
+        "type": "string",
+        "required": true,
+        "description": "If `text` is set, this is not required. HTML to use within the warning text component. If `html` is provided, the `text` option will be ignored."
+    },
+    {
+        "name": "iconFallbackText",
+        "type": "string",
+        "required": false,
+        "description": "The fallback text for the icon. Defaults to `\"Warning\"`."
+    },
+    {
+        "name": "classes",
+        "type": "string",
+        "required": false,
+        "description": "Classes to add to the warning text."
+    },
+    {
+        "name": "attributes",
+        "type": "object",
+        "required": false,
+        "description": "HTML attributes (for example data attributes) to add to the warning text."
+    }
+]
diff --git a/node_modules/govuk-frontend/dist/govuk/components/warning-text/macro.njk b/node_modules/govuk-frontend/dist/govuk/components/warning-text/macro.njk
new file mode 100644
index 0000000..8672d1b
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/warning-text/macro.njk
@@ -0,0 +1,3 @@
+{% macro govukWarningText(params) %}
+  {%- include "./template.njk" -%}
+{% endmacro %}
diff --git a/node_modules/govuk-frontend/dist/govuk/components/warning-text/template-default.html b/node_modules/govuk-frontend/dist/govuk/components/warning-text/template-default.html
new file mode 100644
index 0000000..cb49d71
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/warning-text/template-default.html
@@ -0,0 +1,7 @@
+<div class="govuk-warning-text">
+  <span class="govuk-warning-text__icon" aria-hidden="true">!</span>
+  <strong class="govuk-warning-text__text">
+    <span class="govuk-visually-hidden">Warning</span>
+    You can be fined up to £5,000 if you don’t register.
+  </strong>
+</div>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/warning-text/template-multiple-lines.html b/node_modules/govuk-frontend/dist/govuk/components/warning-text/template-multiple-lines.html
new file mode 100644
index 0000000..2d8abc2
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/warning-text/template-multiple-lines.html
@@ -0,0 +1,7 @@
+<div class="govuk-warning-text">
+  <span class="govuk-warning-text__icon" aria-hidden="true">!</span>
+  <strong class="govuk-warning-text__text">
+    <span class="govuk-visually-hidden">Warning</span>
+    If you are not covered by this License), You must: (a) comply with the terms stated above for the purpose of this license. It explains, for example, the production of a Source form, including but not limited to, the implied warranties or conditions of this License, without any additional file created by such Respondent to you under Sections 2.1 and 2.2 above. Larger Works. You may choose to distribute such a notice and a brief idea of what it does.
+  </strong>
+</div>
diff --git a/node_modules/govuk-frontend/dist/govuk/components/warning-text/template.njk b/node_modules/govuk-frontend/dist/govuk/components/warning-text/template.njk
new file mode 100644
index 0000000..08eefca
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/components/warning-text/template.njk
@@ -0,0 +1,10 @@
+{% from "../../macros/attributes.njk" import govukAttributes -%}
+
+<div class="govuk-warning-text {%- if params.classes %} {{ params.classes }}{% endif %}"
+  {{- govukAttributes(params.attributes) }}>
+  <span class="govuk-warning-text__icon" aria-hidden="true">!</span>
+  <strong class="govuk-warning-text__text">
+    <span class="govuk-visually-hidden">{{ params.iconFallbackText | default("Warning", true) }}</span>
+    {{ params.html | safe if params.html else params.text }}
+  </strong>
+</div>
diff --git a/node_modules/govuk-frontend/dist/govuk/core/_all.scss b/node_modules/govuk-frontend/dist/govuk/core/_all.scss
new file mode 100644
index 0000000..919b9ac
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/core/_all.scss
@@ -0,0 +1,10 @@
+@import "../settings/warnings";
+@import "index";
+
+@include _warning(
+  "import-using-all",
+  "Importing using 'govuk/core/all' is deprecated. Update your import statement to import 'govuk/core/index'.",
+  $silence-further-warnings: false
+);
+
+/*# sourceMappingURL=_all.scss.map */
diff --git a/node_modules/govuk-frontend/dist/govuk/core/_all.scss.map b/node_modules/govuk-frontend/dist/govuk/core/_all.scss.map
new file mode 100644
index 0000000..66de66c
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/core/_all.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/govuk/core/_all.scss"],"names":[],"mappings":"AAAA,8BAA8B;AAC9B,eAAe;;AAEf;;;;CAIC","file":"_all.scss","sourcesContent":["@import \"../settings/warnings\";\n@import \"index\";\n\n@include _warning(\n  \"import-using-all\",\n  \"Importing using 'govuk/core/all' is deprecated. Update your import statement to import 'govuk/core/index'.\",\n  $silence-further-warnings: false\n);\n"]}
diff --git a/node_modules/govuk-frontend/dist/govuk/core/_global-styles.scss b/node_modules/govuk-frontend/dist/govuk/core/_global-styles.scss
new file mode 100644
index 0000000..1c48733
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/core/_global-styles.scss
@@ -0,0 +1,20 @@
+@import "links";
+@import "typography";
+
+@mixin govuk-global-styles {
+  a {
+    @extend %govuk-link;
+  }
+
+  p {
+    @extend %govuk-body-m;
+  }
+}
+
+@include govuk-exports("govuk/core/global-styles") {
+  @if $govuk-global-styles == true {
+    @include govuk-global-styles;
+  }
+}
+
+/*# sourceMappingURL=_global-styles.scss.map */
diff --git a/node_modules/govuk-frontend/dist/govuk/core/_global-styles.scss.map b/node_modules/govuk-frontend/dist/govuk/core/_global-styles.scss.map
new file mode 100644
index 0000000..5d4f20c
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/core/_global-styles.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/govuk/core/_global-styles.scss"],"names":[],"mappings":"AAAA,eAAe;AACf,oBAAoB;;AAEpB;EACE;IACE,mBAAmB;EACrB;;EAEA;IACE,qBAAqB;EACvB;AACF;;AAEA;EACE;IACE,4BAA4B;EAC9B;AACF","file":"_global-styles.scss","sourcesContent":["@import \"links\";\n@import \"typography\";\n\n@mixin govuk-global-styles {\n  a {\n    @extend %govuk-link;\n  }\n\n  p {\n    @extend %govuk-body-m;\n  }\n}\n\n@include govuk-exports(\"govuk/core/global-styles\") {\n  @if $govuk-global-styles == true {\n    @include govuk-global-styles;\n  }\n}\n"]}
diff --git a/node_modules/govuk-frontend/dist/govuk/core/_govuk-frontend-properties.scss b/node_modules/govuk-frontend/dist/govuk/core/_govuk-frontend-properties.scss
new file mode 100644
index 0000000..04c9b64
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/core/_govuk-frontend-properties.scss
@@ -0,0 +1,15 @@
+:root {
+  // This variable is automatically overwritten during builds and releases.
+  // It doesn't need to be updated manually.
+  --govuk-frontend-version: "5.12.0";
+
+  // CSS custom property for each breakpoint
+  @each $name, $value in $govuk-breakpoints {
+    --govuk-breakpoint-#{$name}: #{govuk-px-to-rem($value)};
+
+    // Deprecated, use `--govuk-breakpoint-[name]` instead
+    --govuk-frontend-breakpoint-#{$name}: var(--govuk-breakpoint-#{$name});
+  }
+}
+
+/*# sourceMappingURL=_govuk-frontend-properties.scss.map */
diff --git a/node_modules/govuk-frontend/dist/govuk/core/_govuk-frontend-properties.scss.map b/node_modules/govuk-frontend/dist/govuk/core/_govuk-frontend-properties.scss.map
new file mode 100644
index 0000000..fab895e
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/core/_govuk-frontend-properties.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/govuk/core/_govuk-frontend-properties.scss"],"names":[],"mappings":"AAAA;EACE,wEAAwE;EACxE,yCAAyC;EACzC,kCAAuC;;EAEvC,yCAAyC;EACzC;IACE,uDAAuD;;IAEvD,qDAAqD;IACrD,sEAAsE;EACxE;AACF","file":"_govuk-frontend-properties.scss","sourcesContent":[":root {\n  // This variable is automatically overwritten during builds and releases.\n  // It doesn't need to be updated manually.\n  --govuk-frontend-version: \"development\";\n\n  // CSS custom property for each breakpoint\n  @each $name, $value in $govuk-breakpoints {\n    --govuk-breakpoint-#{$name}: #{govuk-px-to-rem($value)};\n\n    // Deprecated, use `--govuk-breakpoint-[name]` instead\n    --govuk-frontend-breakpoint-#{$name}: var(--govuk-breakpoint-#{$name});\n  }\n}\n"]}
diff --git a/node_modules/govuk-frontend/dist/govuk/core/_index.scss b/node_modules/govuk-frontend/dist/govuk/core/_index.scss
new file mode 100644
index 0000000..b0b5975
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/core/_index.scss
@@ -0,0 +1,8 @@
+@import "govuk-frontend-properties";
+@import "links";
+@import "lists";
+@import "typography";
+@import "section-break";
+@import "global-styles";
+
+/*# sourceMappingURL=_index.scss.map */
diff --git a/node_modules/govuk-frontend/dist/govuk/core/_index.scss.map b/node_modules/govuk-frontend/dist/govuk/core/_index.scss.map
new file mode 100644
index 0000000..f990fd2
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/core/_index.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/govuk/core/_index.scss"],"names":[],"mappings":"AAAA,mCAAmC;AACnC,eAAe;AACf,eAAe;AACf,oBAAoB;AACpB,uBAAuB;AACvB,uBAAuB","file":"_index.scss","sourcesContent":["@import \"govuk-frontend-properties\";\n@import \"links\";\n@import \"lists\";\n@import \"typography\";\n@import \"section-break\";\n@import \"global-styles\";\n"]}
diff --git a/node_modules/govuk-frontend/dist/govuk/core/_links.scss b/node_modules/govuk-frontend/dist/govuk/core/_links.scss
new file mode 100644
index 0000000..f5047d6
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/core/_links.scss
@@ -0,0 +1,42 @@
+@include govuk-exports("govuk/core/links") {
+  %govuk-link {
+    @include govuk-link-common;
+    @include govuk-link-style-default;
+    @include govuk-link-print-friendly;
+  }
+
+  .govuk-link {
+    @extend %govuk-link;
+  }
+
+  // Variant classes should always be used in conjunction with the .govuk-link
+  // class, so we do not need the common link styles as they will be inherited.
+
+  .govuk-link--muted {
+    @include govuk-link-style-muted;
+  }
+
+  .govuk-link--text-colour {
+    @include govuk-link-style-text;
+  }
+
+  .govuk-link--inverse {
+    @include govuk-link-style-inverse;
+  }
+
+  .govuk-link--no-underline {
+    @include govuk-link-style-no-underline;
+  }
+
+  .govuk-link--no-visited-state {
+    @include govuk-link-style-no-visited-state;
+  }
+
+  // Links that only contain images
+
+  .govuk-link-image {
+    @include govuk-link-image;
+  }
+}
+
+/*# sourceMappingURL=_links.scss.map */
diff --git a/node_modules/govuk-frontend/dist/govuk/core/_links.scss.map b/node_modules/govuk-frontend/dist/govuk/core/_links.scss.map
new file mode 100644
index 0000000..b481d29
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/core/_links.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/govuk/core/_links.scss"],"names":[],"mappings":"AAAA;EACE;IACE,0BAA0B;IAC1B,iCAAiC;IACjC,kCAAkC;EACpC;;EAEA;IACE,mBAAmB;EACrB;;EAEA,2EAA2E;EAC3E,4EAA4E;;EAE5E;IACE,+BAA+B;EACjC;;EAEA;IACE,8BAA8B;EAChC;;EAEA;IACE,iCAAiC;EACnC;;EAEA;IACE,sCAAsC;EACxC;;EAEA;IACE,0CAA0C;EAC5C;;EAEA,gCAAgC;;EAEhC;IACE,yBAAyB;EAC3B;AACF","file":"_links.scss","sourcesContent":["@include govuk-exports(\"govuk/core/links\") {\n  %govuk-link {\n    @include govuk-link-common;\n    @include govuk-link-style-default;\n    @include govuk-link-print-friendly;\n  }\n\n  .govuk-link {\n    @extend %govuk-link;\n  }\n\n  // Variant classes should always be used in conjunction with the .govuk-link\n  // class, so we do not need the common link styles as they will be inherited.\n\n  .govuk-link--muted {\n    @include govuk-link-style-muted;\n  }\n\n  .govuk-link--text-colour {\n    @include govuk-link-style-text;\n  }\n\n  .govuk-link--inverse {\n    @include govuk-link-style-inverse;\n  }\n\n  .govuk-link--no-underline {\n    @include govuk-link-style-no-underline;\n  }\n\n  .govuk-link--no-visited-state {\n    @include govuk-link-style-no-visited-state;\n  }\n\n  // Links that only contain images\n\n  .govuk-link-image {\n    @include govuk-link-image;\n  }\n}\n"]}
diff --git a/node_modules/govuk-frontend/dist/govuk/core/_lists.scss b/node_modules/govuk-frontend/dist/govuk/core/_lists.scss
new file mode 100644
index 0000000..023c118
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/core/_lists.scss
@@ -0,0 +1,67 @@
+@include govuk-exports("govuk/core/lists") {
+  %govuk-list {
+    @include govuk-font($size: 19);
+    @include govuk-text-colour;
+    margin-top: 0;
+    @include govuk-responsive-margin(4, "bottom");
+    padding-left: 0;
+    list-style-type: none;
+
+    // Add a top margin for nested lists
+    %govuk-list {
+      margin-top: govuk-spacing(2);
+    }
+  }
+
+  %govuk-list > li {
+    // Lists without numbers or bullets should always have extra space between
+    // list items. Lists with numbers or bullets only have this extra space on
+    // tablet and above
+    margin-bottom: govuk-spacing(1);
+  }
+
+  .govuk-list {
+    @extend %govuk-list;
+  }
+
+  %govuk-list--bullet {
+    padding-left: govuk-spacing(4);
+    list-style-type: disc;
+  }
+
+  %govuk-list--number {
+    padding-left: govuk-spacing(4);
+    list-style-type: decimal;
+  }
+
+  %govuk-list--bullet > li,
+  %govuk-list--number > li {
+    margin-bottom: 0;
+
+    @include govuk-media-query($from: tablet) {
+      margin-bottom: govuk-spacing(1);
+    }
+  }
+
+  %govuk-list--spaced > li {
+    margin-bottom: govuk-spacing(2);
+
+    @include govuk-media-query($from: tablet) {
+      margin-bottom: govuk-spacing(3);
+    }
+  }
+
+  .govuk-list--bullet {
+    @extend %govuk-list--bullet;
+  }
+
+  .govuk-list--number {
+    @extend %govuk-list--number;
+  }
+
+  .govuk-list--spaced {
+    @extend %govuk-list--spaced;
+  }
+}
+
+/*# sourceMappingURL=_lists.scss.map */
diff --git a/node_modules/govuk-frontend/dist/govuk/core/_lists.scss.map b/node_modules/govuk-frontend/dist/govuk/core/_lists.scss.map
new file mode 100644
index 0000000..18a2f00
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/core/_lists.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/govuk/core/_lists.scss"],"names":[],"mappings":"AAAA;EACE;IACE,8BAA8B;IAC9B,0BAA0B;IAC1B,aAAa;IACb,6CAA6C;IAC7C,eAAe;IACf,qBAAqB;;IAErB,mCAAmC;IACnC;MACE,4BAA4B;IAC9B;EACF;;EAEA;IACE,yEAAyE;IACzE,yEAAyE;IACzE,kBAAkB;IAClB,+BAA+B;EACjC;;EAEA;IACE,mBAAmB;EACrB;;EAEA;IACE,8BAA8B;IAC9B,qBAAqB;EACvB;;EAEA;IACE,8BAA8B;IAC9B,wBAAwB;EAC1B;;EAEA;;IAEE,gBAAgB;;IAEhB;MACE,+BAA+B;IACjC;EACF;;EAEA;IACE,+BAA+B;;IAE/B;MACE,+BAA+B;IACjC;EACF;;EAEA;IACE,2BAA2B;EAC7B;;EAEA;IACE,2BAA2B;EAC7B;;EAEA;IACE,2BAA2B;EAC7B;AACF","file":"_lists.scss","sourcesContent":["@include govuk-exports(\"govuk/core/lists\") {\n  %govuk-list {\n    @include govuk-font($size: 19);\n    @include govuk-text-colour;\n    margin-top: 0;\n    @include govuk-responsive-margin(4, \"bottom\");\n    padding-left: 0;\n    list-style-type: none;\n\n    // Add a top margin for nested lists\n    %govuk-list {\n      margin-top: govuk-spacing(2);\n    }\n  }\n\n  %govuk-list > li {\n    // Lists without numbers or bullets should always have extra space between\n    // list items. Lists with numbers or bullets only have this extra space on\n    // tablet and above\n    margin-bottom: govuk-spacing(1);\n  }\n\n  .govuk-list {\n    @extend %govuk-list;\n  }\n\n  %govuk-list--bullet {\n    padding-left: govuk-spacing(4);\n    list-style-type: disc;\n  }\n\n  %govuk-list--number {\n    padding-left: govuk-spacing(4);\n    list-style-type: decimal;\n  }\n\n  %govuk-list--bullet > li,\n  %govuk-list--number > li {\n    margin-bottom: 0;\n\n    @include govuk-media-query($from: tablet) {\n      margin-bottom: govuk-spacing(1);\n    }\n  }\n\n  %govuk-list--spaced > li {\n    margin-bottom: govuk-spacing(2);\n\n    @include govuk-media-query($from: tablet) {\n      margin-bottom: govuk-spacing(3);\n    }\n  }\n\n  .govuk-list--bullet {\n    @extend %govuk-list--bullet;\n  }\n\n  .govuk-list--number {\n    @extend %govuk-list--number;\n  }\n\n  .govuk-list--spaced {\n    @extend %govuk-list--spaced;\n  }\n}\n"]}
diff --git a/node_modules/govuk-frontend/dist/govuk/core/_section-break.scss b/node_modules/govuk-frontend/dist/govuk/core/_section-break.scss
new file mode 100644
index 0000000..adcf5ba
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/core/_section-break.scss
@@ -0,0 +1,51 @@
+@include govuk-exports("govuk/core/section-break") {
+  %govuk-section-break {
+    margin: 0;
+    border: 0;
+  }
+
+  .govuk-section-break {
+    @extend %govuk-section-break;
+  }
+
+  // Sizes
+
+  %govuk-section-break--xl {
+    @include govuk-responsive-margin(8, "top");
+    @include govuk-responsive-margin(8, "bottom");
+  }
+
+  .govuk-section-break--xl {
+    @extend %govuk-section-break--xl;
+  }
+
+  %govuk-section-break--l {
+    @include govuk-responsive-margin(6, "top");
+    @include govuk-responsive-margin(6, "bottom");
+  }
+
+  .govuk-section-break--l {
+    @extend %govuk-section-break--l;
+  }
+
+  %govuk-section-break--m {
+    @include govuk-responsive-margin(4, "top");
+    @include govuk-responsive-margin(4, "bottom");
+  }
+
+  .govuk-section-break--m {
+    @extend %govuk-section-break--m;
+  }
+
+  // Visible variant
+
+  %govuk-section-break--visible {
+    border-bottom: 1px solid $govuk-border-colour;
+  }
+
+  .govuk-section-break--visible {
+    @extend %govuk-section-break--visible;
+  }
+}
+
+/*# sourceMappingURL=_section-break.scss.map */
diff --git a/node_modules/govuk-frontend/dist/govuk/core/_section-break.scss.map b/node_modules/govuk-frontend/dist/govuk/core/_section-break.scss.map
new file mode 100644
index 0000000..5a9bd8e
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/core/_section-break.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/govuk/core/_section-break.scss"],"names":[],"mappings":"AAAA;EACE;IACE,SAAS;IACT,SAAS;EACX;;EAEA;IACE,4BAA4B;EAC9B;;EAEA,OAAO;;EAEP;IACE,0CAA0C;IAC1C,6CAA6C;EAC/C;;EAEA;IACE,gCAAgC;EAClC;;EAEA;IACE,0CAA0C;IAC1C,6CAA6C;EAC/C;;EAEA;IACE,+BAA+B;EACjC;;EAEA;IACE,0CAA0C;IAC1C,6CAA6C;EAC/C;;EAEA;IACE,+BAA+B;EACjC;;EAEA,iBAAiB;;EAEjB;IACE,6CAA6C;EAC/C;;EAEA;IACE,qCAAqC;EACvC;AACF","file":"_section-break.scss","sourcesContent":["@include govuk-exports(\"govuk/core/section-break\") {\n  %govuk-section-break {\n    margin: 0;\n    border: 0;\n  }\n\n  .govuk-section-break {\n    @extend %govuk-section-break;\n  }\n\n  // Sizes\n\n  %govuk-section-break--xl {\n    @include govuk-responsive-margin(8, \"top\");\n    @include govuk-responsive-margin(8, \"bottom\");\n  }\n\n  .govuk-section-break--xl {\n    @extend %govuk-section-break--xl;\n  }\n\n  %govuk-section-break--l {\n    @include govuk-responsive-margin(6, \"top\");\n    @include govuk-responsive-margin(6, \"bottom\");\n  }\n\n  .govuk-section-break--l {\n    @extend %govuk-section-break--l;\n  }\n\n  %govuk-section-break--m {\n    @include govuk-responsive-margin(4, \"top\");\n    @include govuk-responsive-margin(4, \"bottom\");\n  }\n\n  .govuk-section-break--m {\n    @extend %govuk-section-break--m;\n  }\n\n  // Visible variant\n\n  %govuk-section-break--visible {\n    border-bottom: 1px solid $govuk-border-colour;\n  }\n\n  .govuk-section-break--visible {\n    @extend %govuk-section-break--visible;\n  }\n}\n"]}
diff --git a/node_modules/govuk-frontend/dist/govuk/core/_typography.scss b/node_modules/govuk-frontend/dist/govuk/core/_typography.scss
new file mode 100644
index 0000000..5bc6cb4
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/core/_typography.scss
@@ -0,0 +1,189 @@
+@include govuk-exports("govuk/core/typography") {
+  // Headings
+
+  %govuk-heading-xl {
+    @include govuk-text-colour;
+    @include govuk-font($size: 48, $weight: bold);
+
+    display: block;
+
+    margin-top: 0;
+    @include govuk-responsive-margin(8, "bottom");
+  }
+
+  .govuk-heading-xl {
+    @extend %govuk-heading-xl;
+  }
+
+  %govuk-heading-l {
+    @include govuk-text-colour;
+    @include govuk-font($size: 36, $weight: bold);
+
+    display: block;
+
+    margin-top: 0;
+    @include govuk-responsive-margin(6, "bottom");
+  }
+
+  .govuk-heading-l {
+    @extend %govuk-heading-l;
+  }
+
+  %govuk-heading-m {
+    @include govuk-text-colour;
+    @include govuk-font($size: 24, $weight: bold);
+
+    display: block;
+
+    margin-top: 0;
+    @include govuk-responsive-margin(4, "bottom");
+  }
+
+  .govuk-heading-m {
+    @extend %govuk-heading-m;
+  }
+
+  %govuk-heading-s {
+    @include govuk-text-colour;
+    @include govuk-font($size: 19, $weight: bold);
+
+    display: block;
+
+    margin-top: 0;
+    @include govuk-responsive-margin(4, "bottom");
+  }
+
+  .govuk-heading-s {
+    @extend %govuk-heading-s;
+  }
+
+  // Captions to be used inside headings
+
+  .govuk-caption-xl {
+    @include govuk-font($size: 27);
+
+    display: block;
+
+    margin-bottom: govuk-spacing(1);
+
+    color: $govuk-secondary-text-colour;
+  }
+
+  .govuk-caption-l {
+    @include govuk-font($size: 24);
+
+    display: block;
+
+    margin-bottom: govuk-spacing(1);
+    color: $govuk-secondary-text-colour;
+
+    @include govuk-media-query($from: tablet) {
+      margin-bottom: 0;
+    }
+  }
+
+  .govuk-caption-m {
+    @include govuk-font($size: 19);
+
+    display: block;
+
+    color: $govuk-secondary-text-colour;
+  }
+
+  // Body (paragraphs)
+
+  %govuk-body-l {
+    @include govuk-text-colour;
+    @include govuk-font($size: 24);
+
+    margin-top: 0;
+    @include govuk-responsive-margin(6, "bottom");
+  }
+
+  .govuk-body-l {
+    @extend %govuk-body-l;
+  }
+
+  %govuk-body-m {
+    @include govuk-text-colour;
+    @include govuk-font($size: 19);
+
+    margin-top: 0;
+    @include govuk-responsive-margin(4, "bottom");
+  }
+
+  .govuk-body-m {
+    @extend %govuk-body-m;
+  }
+
+  %govuk-body-s {
+    @include govuk-text-colour;
+    @include govuk-font($size: 16);
+
+    margin-top: 0;
+    @include govuk-responsive-margin(4, "bottom");
+  }
+
+  .govuk-body-s {
+    @extend %govuk-body-s;
+  }
+
+  // @deprecated
+  %govuk-body-xs {
+    @include govuk-text-colour;
+    @include govuk-font($size: _14);
+
+    margin-top: 0;
+    @include govuk-responsive-margin(4, "bottom");
+  }
+
+  // @deprecated
+  .govuk-body-xs {
+    @extend %govuk-body-xs;
+  }
+
+  // Usage aliases
+
+  // Using extend to alias means we also inherit any contextual adjustments that
+  // refer to the 'original' class name
+
+  .govuk-body-lead {
+    @extend %govuk-body-l;
+  }
+
+  .govuk-body {
+    @extend %govuk-body-m;
+  }
+
+  // Contextual adjustments
+  // Add top padding to headings that appear directly after paragraphs.
+
+  %govuk-body-l + %govuk-heading-l {
+    padding-top: govuk-spacing(1);
+
+    @include govuk-media-query($from: tablet) {
+      padding-top: govuk-spacing(2);
+    }
+  }
+
+  %govuk-body-m + %govuk-heading-l,
+  %govuk-body-s + %govuk-heading-l,
+  %govuk-list + %govuk-heading-l {
+    @include govuk-responsive-padding(4, "top");
+  }
+
+  %govuk-body-m + %govuk-heading-m,
+  %govuk-body-s + %govuk-heading-m,
+  %govuk-list + %govuk-heading-m,
+  %govuk-body-m + %govuk-heading-s,
+  %govuk-body-s + %govuk-heading-s,
+  %govuk-list + %govuk-heading-s {
+    padding-top: govuk-spacing(1);
+
+    @include govuk-media-query($from: tablet) {
+      padding-top: govuk-spacing(2);
+    }
+  }
+}
+
+/*# sourceMappingURL=_typography.scss.map */
diff --git a/node_modules/govuk-frontend/dist/govuk/core/_typography.scss.map b/node_modules/govuk-frontend/dist/govuk/core/_typography.scss.map
new file mode 100644
index 0000000..75791f5
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/core/_typography.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/govuk/core/_typography.scss"],"names":[],"mappings":"AAAA;EACE,UAAU;;EAEV;IACE,0BAA0B;IAC1B,6CAA6C;;IAE7C,cAAc;;IAEd,aAAa;IACb,6CAA6C;EAC/C;;EAEA;IACE,yBAAyB;EAC3B;;EAEA;IACE,0BAA0B;IAC1B,6CAA6C;;IAE7C,cAAc;;IAEd,aAAa;IACb,6CAA6C;EAC/C;;EAEA;IACE,wBAAwB;EAC1B;;EAEA;IACE,0BAA0B;IAC1B,6CAA6C;;IAE7C,cAAc;;IAEd,aAAa;IACb,6CAA6C;EAC/C;;EAEA;IACE,wBAAwB;EAC1B;;EAEA;IACE,0BAA0B;IAC1B,6CAA6C;;IAE7C,cAAc;;IAEd,aAAa;IACb,6CAA6C;EAC/C;;EAEA;IACE,wBAAwB;EAC1B;;EAEA,qCAAqC;;EAErC;IACE,8BAA8B;;IAE9B,cAAc;;IAEd,+BAA+B;;IAE/B,mCAAmC;EACrC;;EAEA;IACE,8BAA8B;;IAE9B,cAAc;;IAEd,+BAA+B;IAC/B,mCAAmC;;IAEnC;MACE,gBAAgB;IAClB;EACF;;EAEA;IACE,8BAA8B;;IAE9B,cAAc;;IAEd,mCAAmC;EACrC;;EAEA,mBAAmB;;EAEnB;IACE,0BAA0B;IAC1B,8BAA8B;;IAE9B,aAAa;IACb,6CAA6C;EAC/C;;EAEA;IACE,qBAAqB;EACvB;;EAEA;IACE,0BAA0B;IAC1B,8BAA8B;;IAE9B,aAAa;IACb,6CAA6C;EAC/C;;EAEA;IACE,qBAAqB;EACvB;;EAEA;IACE,0BAA0B;IAC1B,8BAA8B;;IAE9B,aAAa;IACb,6CAA6C;EAC/C;;EAEA;IACE,qBAAqB;EACvB;;EAEA,aAAa;EACb;IACE,0BAA0B;IAC1B,+BAA+B;;IAE/B,aAAa;IACb,6CAA6C;EAC/C;;EAEA,aAAa;EACb;IACE,sBAAsB;EACxB;;EAEA,eAAe;;EAEf,6EAA6E;EAC7E,oCAAoC;;EAEpC;IACE,qBAAqB;EACvB;;EAEA;IACE,qBAAqB;EACvB;;EAEA,wBAAwB;EACxB,oEAAoE;;EAEpE;IACE,6BAA6B;;IAE7B;MACE,6BAA6B;IAC/B;EACF;;EAEA;;;IAGE,2CAA2C;EAC7C;;EAEA;;;;;;IAME,6BAA6B;;IAE7B;MACE,6BAA6B;IAC/B;EACF;AACF","file":"_typography.scss","sourcesContent":["@include govuk-exports(\"govuk/core/typography\") {\n  // Headings\n\n  %govuk-heading-xl {\n    @include govuk-text-colour;\n    @include govuk-font($size: 48, $weight: bold);\n\n    display: block;\n\n    margin-top: 0;\n    @include govuk-responsive-margin(8, \"bottom\");\n  }\n\n  .govuk-heading-xl {\n    @extend %govuk-heading-xl;\n  }\n\n  %govuk-heading-l {\n    @include govuk-text-colour;\n    @include govuk-font($size: 36, $weight: bold);\n\n    display: block;\n\n    margin-top: 0;\n    @include govuk-responsive-margin(6, \"bottom\");\n  }\n\n  .govuk-heading-l {\n    @extend %govuk-heading-l;\n  }\n\n  %govuk-heading-m {\n    @include govuk-text-colour;\n    @include govuk-font($size: 24, $weight: bold);\n\n    display: block;\n\n    margin-top: 0;\n    @include govuk-responsive-margin(4, \"bottom\");\n  }\n\n  .govuk-heading-m {\n    @extend %govuk-heading-m;\n  }\n\n  %govuk-heading-s {\n    @include govuk-text-colour;\n    @include govuk-font($size: 19, $weight: bold);\n\n    display: block;\n\n    margin-top: 0;\n    @include govuk-responsive-margin(4, \"bottom\");\n  }\n\n  .govuk-heading-s {\n    @extend %govuk-heading-s;\n  }\n\n  // Captions to be used inside headings\n\n  .govuk-caption-xl {\n    @include govuk-font($size: 27);\n\n    display: block;\n\n    margin-bottom: govuk-spacing(1);\n\n    color: $govuk-secondary-text-colour;\n  }\n\n  .govuk-caption-l {\n    @include govuk-font($size: 24);\n\n    display: block;\n\n    margin-bottom: govuk-spacing(1);\n    color: $govuk-secondary-text-colour;\n\n    @include govuk-media-query($from: tablet) {\n      margin-bottom: 0;\n    }\n  }\n\n  .govuk-caption-m {\n    @include govuk-font($size: 19);\n\n    display: block;\n\n    color: $govuk-secondary-text-colour;\n  }\n\n  // Body (paragraphs)\n\n  %govuk-body-l {\n    @include govuk-text-colour;\n    @include govuk-font($size: 24);\n\n    margin-top: 0;\n    @include govuk-responsive-margin(6, \"bottom\");\n  }\n\n  .govuk-body-l {\n    @extend %govuk-body-l;\n  }\n\n  %govuk-body-m {\n    @include govuk-text-colour;\n    @include govuk-font($size: 19);\n\n    margin-top: 0;\n    @include govuk-responsive-margin(4, \"bottom\");\n  }\n\n  .govuk-body-m {\n    @extend %govuk-body-m;\n  }\n\n  %govuk-body-s {\n    @include govuk-text-colour;\n    @include govuk-font($size: 16);\n\n    margin-top: 0;\n    @include govuk-responsive-margin(4, \"bottom\");\n  }\n\n  .govuk-body-s {\n    @extend %govuk-body-s;\n  }\n\n  // @deprecated\n  %govuk-body-xs {\n    @include govuk-text-colour;\n    @include govuk-font($size: _14);\n\n    margin-top: 0;\n    @include govuk-responsive-margin(4, \"bottom\");\n  }\n\n  // @deprecated\n  .govuk-body-xs {\n    @extend %govuk-body-xs;\n  }\n\n  // Usage aliases\n\n  // Using extend to alias means we also inherit any contextual adjustments that\n  // refer to the 'original' class name\n\n  .govuk-body-lead {\n    @extend %govuk-body-l;\n  }\n\n  .govuk-body {\n    @extend %govuk-body-m;\n  }\n\n  // Contextual adjustments\n  // Add top padding to headings that appear directly after paragraphs.\n\n  %govuk-body-l + %govuk-heading-l {\n    padding-top: govuk-spacing(1);\n\n    @include govuk-media-query($from: tablet) {\n      padding-top: govuk-spacing(2);\n    }\n  }\n\n  %govuk-body-m + %govuk-heading-l,\n  %govuk-body-s + %govuk-heading-l,\n  %govuk-list + %govuk-heading-l {\n    @include govuk-responsive-padding(4, \"top\");\n  }\n\n  %govuk-body-m + %govuk-heading-m,\n  %govuk-body-s + %govuk-heading-m,\n  %govuk-list + %govuk-heading-m,\n  %govuk-body-m + %govuk-heading-s,\n  %govuk-body-s + %govuk-heading-s,\n  %govuk-list + %govuk-heading-s {\n    padding-top: govuk-spacing(1);\n\n    @include govuk-media-query($from: tablet) {\n      padding-top: govuk-spacing(2);\n    }\n  }\n}\n"]}
diff --git a/node_modules/govuk-frontend/dist/govuk/errors/index.mjs b/node_modules/govuk-frontend/dist/govuk/errors/index.mjs
new file mode 100644
index 0000000..21ac6dd
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/errors/index.mjs
@@ -0,0 +1,59 @@
+import { isObject, formatErrorMessage } from '../common/index.mjs';
+
+class GOVUKFrontendError extends Error {
+  constructor(...args) {
+    super(...args);
+    this.name = 'GOVUKFrontendError';
+  }
+}
+class SupportError extends GOVUKFrontendError {
+  /**
+   * Checks if GOV.UK Frontend is supported on this page
+   *
+   * @param {HTMLElement | null} [$scope] - HTML element `<body>` checked for browser support
+   */
+  constructor($scope = document.body) {
+    const supportMessage = 'noModule' in HTMLScriptElement.prototype ? 'GOV.UK Frontend initialised without `<body class="govuk-frontend-supported">` from template `<script>` snippet' : 'GOV.UK Frontend is not supported in this browser';
+    super($scope ? supportMessage : 'GOV.UK Frontend initialised without `<script type="module">`');
+    this.name = 'SupportError';
+  }
+}
+class ConfigError extends GOVUKFrontendError {
+  constructor(...args) {
+    super(...args);
+    this.name = 'ConfigError';
+  }
+}
+class ElementError extends GOVUKFrontendError {
+  constructor(messageOrOptions) {
+    let message = typeof messageOrOptions === 'string' ? messageOrOptions : '';
+    if (isObject(messageOrOptions)) {
+      const {
+        component,
+        identifier,
+        element,
+        expectedType
+      } = messageOrOptions;
+      message = identifier;
+      message += element ? ` is not of type ${expectedType != null ? expectedType : 'HTMLElement'}` : ' not found';
+      if (component) {
+        message = formatErrorMessage(component, message);
+      }
+    }
+    super(message);
+    this.name = 'ElementError';
+  }
+}
+class InitError extends GOVUKFrontendError {
+  constructor(componentOrMessage) {
+    const message = typeof componentOrMessage === 'string' ? componentOrMessage : formatErrorMessage(componentOrMessage, `Root element (\`$root\`) already initialised`);
+    super(message);
+    this.name = 'InitError';
+  }
+}
+/**
+ * @import { ComponentWithModuleName } from '../common/index.mjs'
+ */
+
+export { ConfigError, ElementError, GOVUKFrontendError, InitError, SupportError };
+//# sourceMappingURL=index.mjs.map
diff --git a/node_modules/govuk-frontend/dist/govuk/errors/index.mjs.map b/node_modules/govuk-frontend/dist/govuk/errors/index.mjs.map
new file mode 100644
index 0000000..40e2ff8
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/errors/index.mjs.map
@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../src/govuk/errors/index.mjs"],"sourcesContent":["import { formatErrorMessage, isObject } from '../common/index.mjs'\n\n/**\n * GOV.UK Frontend error\n *\n * A base class for `Error`s thrown by GOV.UK Frontend.\n *\n * It is meant to be extended into specific types of errors\n * to be thrown by our code.\n *\n * @example\n * ```js\n * class MissingRootError extends GOVUKFrontendError {\n *   // Setting an explicit name is important as extending the class will not\n *   // set a new `name` on the subclass. The `name` property is important\n *   // to ensure intelligible error names even if the class name gets\n *   // mangled by a minifier\n *   name = \"MissingRootError\"\n * }\n * ```\n * @virtual\n */\nexport class GOVUKFrontendError extends Error {\n  name = 'GOVUKFrontendError'\n}\n\n/**\n * Indicates that GOV.UK Frontend is not supported\n */\nexport class SupportError extends GOVUKFrontendError {\n  name = 'SupportError'\n\n  /**\n   * Checks if GOV.UK Frontend is supported on this page\n   *\n   * @param {HTMLElement | null} [$scope] - HTML element `<body>` checked for browser support\n   */\n  constructor($scope = document.body) {\n    const supportMessage =\n      'noModule' in HTMLScriptElement.prototype\n        ? 'GOV.UK Frontend initialised without `<body class=\"govuk-frontend-supported\">` from template `<script>` snippet'\n        : 'GOV.UK Frontend is not supported in this browser'\n\n    super(\n      $scope\n        ? supportMessage\n        : 'GOV.UK Frontend initialised without `<script type=\"module\">`'\n    )\n  }\n}\n\n/**\n * Indicates that a component has received an illegal configuration\n */\nexport class ConfigError extends GOVUKFrontendError {\n  name = 'ConfigError'\n}\n\n/**\n * Indicates an issue with an element (possibly `null` or `undefined`)\n */\nexport class ElementError extends GOVUKFrontendError {\n  name = 'ElementError'\n\n  /**\n   * @internal\n   * @overload\n   * @param {string} message - Element error message\n   */\n\n  /**\n   * @internal\n   * @overload\n   * @param {ElementErrorOptions} options - Element error options\n   */\n\n  /**\n   * @internal\n   * @param {string | ElementErrorOptions} messageOrOptions - Element error message or options\n   */\n  constructor(messageOrOptions) {\n    let message = typeof messageOrOptions === 'string' ? messageOrOptions : ''\n\n    // Build message from options\n    if (isObject(messageOrOptions)) {\n      const { component, identifier, element, expectedType } = messageOrOptions\n\n      message = identifier\n\n      // Append reason\n      message += element\n        ? ` is not of type ${expectedType ?? 'HTMLElement'}`\n        : ' not found'\n\n      // Prepend with module name (optional)\n      if (component) {\n        message = formatErrorMessage(component, message)\n      }\n    }\n\n    super(message)\n  }\n}\n\n/**\n * Indicates that a component is already initialised\n */\nexport class InitError extends GOVUKFrontendError {\n  name = 'InitError'\n\n  /**\n   * @internal\n   * @param {ComponentWithModuleName | string} componentOrMessage - name of the component module\n   */\n  constructor(componentOrMessage) {\n    const message =\n      typeof componentOrMessage === 'string'\n        ? componentOrMessage\n        : formatErrorMessage(\n            componentOrMessage,\n            `Root element (\\`$root\\`) already initialised`\n          )\n\n    super(message)\n  }\n}\n\n/**\n * Element error options\n *\n * @internal\n * @typedef {object} ElementErrorOptions\n * @property {Element | Document | null} [element] - The element in error (optional)\n * @property {ComponentWithModuleName} [component] - Component throwing the error (optional)\n * @property {string} identifier - An identifier that'll let the user understand which element has an error. This is whatever makes the most sense\n * @property {string} [expectedType] - The type that was expected for the identifier (optional)\n */\n\n/**\n * @import { ComponentWithModuleName } from '../common/index.mjs'\n */\n"],"names":["GOVUKFrontendError","Error","constructor","args","name","SupportError","$scope","document","body","supportMessage","HTMLScriptElement","prototype","ConfigError","ElementError","messageOrOptions","message","isObject","component","identifier","element","expectedType","formatErrorMessage","InitError","componentOrMessage"],"mappings":";;AAsBO,MAAMA,kBAAkB,SAASC,KAAK,CAAC;AAAAC,EAAAA,WAAAA,CAAA,GAAAC,IAAA,EAAA;AAAA,IAAA,KAAA,CAAA,GAAAA,IAAA,CAAA;IAAA,IAAA,CAC5CC,IAAI,GAAG,oBAAoB;AAAA,EAAA;AAC7B;AAKO,MAAMC,YAAY,SAASL,kBAAkB,CAAC;AAGnD;AACF;AACA;AACA;AACA;AACEE,EAAAA,WAAWA,CAACI,MAAM,GAAGC,QAAQ,CAACC,IAAI,EAAE;IAClC,MAAMC,cAAc,GAClB,UAAU,IAAIC,iBAAiB,CAACC,SAAS,GACrC,gHAAgH,GAChH,kDAAkD;AAExD,IAAA,KAAK,CACHL,MAAM,GACFG,cAAc,GACd,8DACN,CAAC;IAAA,IAAA,CAjBHL,IAAI,GAAG,cAAc;AAkBrB,EAAA;AACF;AAKO,MAAMQ,WAAW,SAASZ,kBAAkB,CAAC;AAAAE,EAAAA,WAAAA,CAAA,GAAAC,IAAA,EAAA;AAAA,IAAA,KAAA,CAAA,GAAAA,IAAA,CAAA;IAAA,IAAA,CAClDC,IAAI,GAAG,aAAa;AAAA,EAAA;AACtB;AAKO,MAAMS,YAAY,SAASb,kBAAkB,CAAC;EAmBnDE,WAAWA,CAACY,gBAAgB,EAAE;IAC5B,IAAIC,OAAO,GAAG,OAAOD,gBAAgB,KAAK,QAAQ,GAAGA,gBAAgB,GAAG,EAAE;AAG1E,IAAA,IAAIE,QAAQ,CAACF,gBAAgB,CAAC,EAAE;MAC9B,MAAM;QAAEG,SAAS;QAAEC,UAAU;QAAEC,OAAO;AAAEC,QAAAA;AAAa,OAAC,GAAGN,gBAAgB;AAEzEC,MAAAA,OAAO,GAAGG,UAAU;MAGpBH,OAAO,IAAII,OAAO,GACd,CAAA,gBAAA,EAAmBC,YAAY,IAAA,IAAA,GAAZA,YAAY,GAAI,aAAa,CAAA,CAAE,GAClD,YAAY;AAGhB,MAAA,IAAIH,SAAS,EAAE;AACbF,QAAAA,OAAO,GAAGM,kBAAkB,CAACJ,SAAS,EAAEF,OAAO,CAAC;AAClD,MAAA;AACF,IAAA;IAEA,KAAK,CAACA,OAAO,CAAC;IAAA,IAAA,CAtChBX,IAAI,GAAG,cAAc;AAuCrB,EAAA;AACF;AAKO,MAAMkB,SAAS,SAAStB,kBAAkB,CAAC;EAOhDE,WAAWA,CAACqB,kBAAkB,EAAE;AAC9B,IAAA,MAAMR,OAAO,GACX,OAAOQ,kBAAkB,KAAK,QAAQ,GAClCA,kBAAkB,GAClBF,kBAAkB,CAChBE,kBAAkB,EAClB,8CACF,CAAC;IAEP,KAAK,CAACR,OAAO,CAAC;IAAA,IAAA,CAfhBX,IAAI,GAAG,WAAW;AAgBlB,EAAA;AACF;AAaA;AACA;AACA;;;;"}
\ No newline at end of file
diff --git a/node_modules/govuk-frontend/dist/govuk/govuk-frontend.min.css b/node_modules/govuk-frontend/dist/govuk/govuk-frontend.min.css
new file mode 100644
index 0000000..aefe6e0
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/govuk-frontend.min.css
@@ -0,0 +1,3 @@
+@charset "UTF-8";:root{--govuk-frontend-version:"5.12.0";--govuk-breakpoint-mobile:20rem;--govuk-frontend-breakpoint-mobile:var(--govuk-breakpoint-mobile);--govuk-breakpoint-tablet:40.0625rem;--govuk-frontend-breakpoint-tablet:var(--govuk-breakpoint-tablet);--govuk-breakpoint-desktop:48.0625rem;--govuk-frontend-breakpoint-desktop:var(--govuk-breakpoint-desktop)}.govuk-link{font-family:GDS Transport,arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-decoration:underline;text-decoration-thickness:max(1px,.0625rem);text-underline-offset:.1578em}
+/*! Copyright (c) 2011 by Margaret Calvert & Henrik Kubel. All rights reserved. The font has been customised for exclusive use on gov.uk. This cut is not commercially available. */@font-face{font-family:GDS Transport;font-style:normal;font-weight:400;src:url(/assets/fonts/light-94a07e06a1-v2.woff2) format("woff2"),url(/assets/fonts/light-f591b13f7d-v2.woff) format("woff");font-display:fallback}@font-face{font-family:GDS Transport;font-style:normal;font-weight:700;src:url(/assets/fonts/bold-b542beb274-v2.woff2) format("woff2"),url(/assets/fonts/bold-affa96571d-v2.woff) format("woff");font-display:fallback}@media print{.govuk-link{font-family:sans-serif}}.govuk-link:hover{text-decoration-thickness:max(3px,.1875rem,.12em);-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;-webkit-text-decoration-skip:none;text-decoration-skip:none}.govuk-link:focus{outline:3px solid transparent;background-color:#fd0;box-shadow:0 -2px #fd0,0 4px #0b0c0c;text-decoration:none}@supports not (text-wrap:balance){.govuk-link:focus{-webkit-box-decoration-break:clone;box-decoration-break:clone}}.govuk-link:link{color:#1d70b8}.govuk-link:visited{color:#4c2c92}.govuk-link:hover{color:#003078}.govuk-link:active,.govuk-link:focus{color:#0b0c0c}@media print{[href^="/"].govuk-link:after,[href^="http://"].govuk-link:after,[href^="https://"].govuk-link:after{content:" (" attr(href) ")";font-size:90%;word-wrap:break-word}}.govuk-link--muted:link,.govuk-link--muted:visited{color:#505a5f}.govuk-link--muted:active,.govuk-link--muted:focus,.govuk-link--muted:hover,.govuk-link--text-colour:link,.govuk-link--text-colour:visited{color:#0b0c0c}@media print{.govuk-link--text-colour:link,.govuk-link--text-colour:visited{color:#000}}.govuk-link--text-colour:hover{color:rgba(11,12,12,.99)}.govuk-link--text-colour:active,.govuk-link--text-colour:focus{color:#0b0c0c}@media print{.govuk-link--text-colour:active,.govuk-link--text-colour:focus{color:#000}}.govuk-link--inverse:link,.govuk-link--inverse:visited{color:#fff}.govuk-link--inverse:active,.govuk-link--inverse:hover{color:hsla(0,0%,100%,.99)}.govuk-link--inverse:focus{color:#0b0c0c}.govuk-link--no-underline:not(:hover):not(:active){text-decoration:none}.govuk-link--no-visited-state:link,.govuk-link--no-visited-state:visited{color:#1d70b8}.govuk-link--no-visited-state:hover{color:#003078}.govuk-link--no-visited-state:active,.govuk-link--no-visited-state:focus{color:#0b0c0c}.govuk-link-image{display:inline-block;line-height:0;text-decoration:none}.govuk-link-image:focus{outline:3px solid transparent;box-shadow:0 0 0 4px #fd0,0 0 0 8px #0b0c0c}.govuk-list{font-family:GDS Transport,arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;font-size:1rem;line-height:1.25;color:#0b0c0c;margin-top:0;margin-bottom:15px;padding-left:0;list-style-type:none}@media print{.govuk-list{font-family:sans-serif}}@media (min-width:40.0625em){.govuk-list{font-size:1.1875rem;line-height:1.3157894737}}@media print{.govuk-list{font-size:14pt;line-height:1.15;color:#000}}@media (min-width:40.0625em){.govuk-list{margin-bottom:20px}}.govuk-list .govuk-list{margin-top:10px}.govuk-list>li{margin-bottom:5px}.govuk-list--bullet{padding-left:20px;list-style-type:disc}.govuk-list--number{padding-left:20px;list-style-type:decimal}.govuk-list--bullet>li,.govuk-list--number>li{margin-bottom:0}@media (min-width:40.0625em){.govuk-list--bullet>li,.govuk-list--number>li{margin-bottom:5px}}.govuk-list--spaced>li{margin-bottom:10px}@media (min-width:40.0625em){.govuk-list--spaced>li{margin-bottom:15px}}.govuk-heading-xl{color:#0b0c0c;font-family:GDS Transport,arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:700;font-size:2rem;line-height:1.09375;display:block;margin-top:0;margin-bottom:30px}@media print{.govuk-heading-xl{color:#000;font-family:sans-serif}}@media (min-width:40.0625em){.govuk-heading-xl{font-size:3rem;line-height:1.0416666667}}@media print{.govuk-heading-xl{font-size:32pt;line-height:1.15}}@media (min-width:40.0625em){.govuk-heading-xl{margin-bottom:50px}}.govuk-heading-l{color:#0b0c0c;font-family:GDS Transport,arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:700;font-size:1.5rem;line-height:1.0416666667;display:block;margin-top:0;margin-bottom:20px}@media print{.govuk-heading-l{color:#000;font-family:sans-serif}}@media (min-width:40.0625em){.govuk-heading-l{font-size:2.25rem;line-height:1.1111111111}}@media print{.govuk-heading-l{font-size:24pt;line-height:1.05}}@media (min-width:40.0625em){.govuk-heading-l{margin-bottom:30px}}.govuk-heading-m{color:#0b0c0c;font-family:GDS Transport,arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:700;font-size:1.125rem;line-height:1.1111111111;display:block;margin-top:0;margin-bottom:15px}@media print{.govuk-heading-m{color:#000;font-family:sans-serif}}@media (min-width:40.0625em){.govuk-heading-m{font-size:1.5rem;line-height:1.25}}@media print{.govuk-heading-m{font-size:18pt;line-height:1.15}}@media (min-width:40.0625em){.govuk-heading-m{margin-bottom:20px}}.govuk-heading-s{color:#0b0c0c;font-family:GDS Transport,arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:700;font-size:1rem;line-height:1.25;display:block;margin-top:0;margin-bottom:15px}@media print{.govuk-heading-s{color:#000;font-family:sans-serif}}@media (min-width:40.0625em){.govuk-heading-s{font-size:1.1875rem;line-height:1.3157894737}}@media print{.govuk-heading-s{font-size:14pt;line-height:1.15}}@media (min-width:40.0625em){.govuk-heading-s{margin-bottom:20px}}.govuk-caption-xl{font-family:GDS Transport,arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;font-size:1.125rem;line-height:1.1111111111;display:block;margin-bottom:5px;color:#505a5f}@media print{.govuk-caption-xl{font-family:sans-serif}}@media (min-width:40.0625em){.govuk-caption-xl{font-size:1.6875rem;line-height:1.1111111111}}@media print{.govuk-caption-xl{font-size:18pt;line-height:1.15}}.govuk-caption-l{font-family:GDS Transport,arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;font-size:1.125rem;line-height:1.1111111111;display:block;margin-bottom:5px;color:#505a5f}@media print{.govuk-caption-l{font-family:sans-serif}}@media (min-width:40.0625em){.govuk-caption-l{font-size:1.5rem;line-height:1.25}}@media print{.govuk-caption-l{font-size:18pt;line-height:1.15}}@media (min-width:40.0625em){.govuk-caption-l{margin-bottom:0}}.govuk-caption-m{font-family:GDS Transport,arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;font-size:1rem;line-height:1.25;display:block;color:#505a5f}@media print{.govuk-caption-m{font-family:sans-serif}}@media (min-width:40.0625em){.govuk-caption-m{font-size:1.1875rem;line-height:1.3157894737}}@media print{.govuk-caption-m{font-size:14pt;line-height:1.15}}.govuk-body-l,.govuk-body-lead{color:#0b0c0c;font-family:GDS Transport,arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;font-size:1.125rem;line-height:1.1111111111;margin-top:0;margin-bottom:20px}@media print{.govuk-body-l,.govuk-body-lead{color:#000;font-family:sans-serif}}@media (min-width:40.0625em){.govuk-body-l,.govuk-body-lead{font-size:1.5rem;line-height:1.25}}@media print{.govuk-body-l,.govuk-body-lead{font-size:18pt;line-height:1.15}}@media (min-width:40.0625em){.govuk-body-l,.govuk-body-lead{margin-bottom:30px}}.govuk-body,.govuk-body-m{color:#0b0c0c;font-family:GDS Transport,arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;font-size:1rem;line-height:1.25;margin-top:0;margin-bottom:15px}@media print{.govuk-body,.govuk-body-m{color:#000;font-family:sans-serif}}@media (min-width:40.0625em){.govuk-body,.govuk-body-m{font-size:1.1875rem;line-height:1.3157894737}}@media print{.govuk-body,.govuk-body-m{font-size:14pt;line-height:1.15}}@media (min-width:40.0625em){.govuk-body,.govuk-body-m{margin-bottom:20px}}.govuk-body-s{color:#0b0c0c;font-family:GDS Transport,arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;font-size:.875rem;line-height:1.1428571429;margin-top:0;margin-bottom:15px}@media print{.govuk-body-s{color:#000;font-family:sans-serif}}@media (min-width:40.0625em){.govuk-body-s{font-size:1rem;line-height:1.25}}@media print{.govuk-body-s{font-size:14pt;line-height:1.2}}@media (min-width:40.0625em){.govuk-body-s{margin-bottom:20px}}.govuk-body-xs{color:#0b0c0c;font-family:GDS Transport,arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;font-size:.75rem;line-height:1.25;margin-top:0;margin-bottom:15px}@media print{.govuk-body-xs{color:#000;font-family:sans-serif}}@media (min-width:40.0625em){.govuk-body-xs{font-size:.875rem;line-height:1.4285714286}}@media print{.govuk-body-xs{font-size:12pt;line-height:1.2}}@media (min-width:40.0625em){.govuk-body-xs{margin-bottom:20px}}.govuk-body-l+.govuk-heading-l,.govuk-body-lead+.govuk-heading-l{padding-top:5px}@media (min-width:40.0625em){.govuk-body-l+.govuk-heading-l,.govuk-body-lead+.govuk-heading-l{padding-top:10px}}.govuk-body+.govuk-heading-l,.govuk-body-m+.govuk-heading-l,.govuk-body-s+.govuk-heading-l,.govuk-list+.govuk-heading-l{padding-top:15px}@media (min-width:40.0625em){.govuk-body+.govuk-heading-l,.govuk-body-m+.govuk-heading-l,.govuk-body-s+.govuk-heading-l,.govuk-list+.govuk-heading-l{padding-top:20px}}.govuk-body+.govuk-heading-m,.govuk-body+.govuk-heading-s,.govuk-body-m+.govuk-heading-m,.govuk-body-m+.govuk-heading-s,.govuk-body-s+.govuk-heading-m,.govuk-body-s+.govuk-heading-s,.govuk-list+.govuk-heading-m,.govuk-list+.govuk-heading-s{padding-top:5px}@media (min-width:40.0625em){.govuk-body+.govuk-heading-m,.govuk-body+.govuk-heading-s,.govuk-body-m+.govuk-heading-m,.govuk-body-m+.govuk-heading-s,.govuk-body-s+.govuk-heading-m,.govuk-body-s+.govuk-heading-s,.govuk-list+.govuk-heading-m,.govuk-list+.govuk-heading-s{padding-top:10px}}.govuk-section-break{margin:0;border:0}.govuk-section-break--xl{margin-top:30px;margin-bottom:30px}@media (min-width:40.0625em){.govuk-section-break--xl{margin-top:50px;margin-bottom:50px}}.govuk-section-break--l{margin-top:20px;margin-bottom:20px}@media (min-width:40.0625em){.govuk-section-break--l{margin-top:30px;margin-bottom:30px}}.govuk-section-break--m{margin-top:15px;margin-bottom:15px}@media (min-width:40.0625em){.govuk-section-break--m{margin-top:20px;margin-bottom:20px}}.govuk-section-break--visible{border-bottom:1px solid #b1b4b6}.govuk-button-group{margin-bottom:5px;display:flex;flex-direction:column;align-items:center}@media (min-width:40.0625em){.govuk-button-group{margin-bottom:15px}}.govuk-button-group .govuk-link{font-family:GDS Transport,arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;font-size:1rem;line-height:1.1875;display:inline-block;max-width:100%;margin-top:5px;margin-bottom:20px;text-align:center}@media print{.govuk-button-group .govuk-link{font-family:sans-serif}}@media (min-width:40.0625em){.govuk-button-group .govuk-link{font-size:1.1875rem;line-height:1}}@media print{.govuk-button-group .govuk-link{font-size:14pt;line-height:19px}}.govuk-button-group .govuk-button{margin-bottom:17px}@media (min-width:40.0625em){.govuk-button-group{margin-right:-15px;flex-direction:row;flex-wrap:wrap;align-items:baseline}.govuk-button-group .govuk-button,.govuk-button-group .govuk-link{margin-right:15px}.govuk-button-group .govuk-link{text-align:left}}.govuk-form-group{margin-bottom:20px}.govuk-form-group:after{content:"";display:block;clear:both}@media (min-width:40.0625em){.govuk-form-group{margin-bottom:30px}}.govuk-form-group .govuk-form-group:last-of-type{margin-bottom:0}.govuk-form-group--error{padding-left:15px;border-left:5px solid #d4351c}.govuk-form-group--error .govuk-form-group{padding:0;border:0}.govuk-grid-row{margin-right:-15px;margin-left:-15px}.govuk-grid-row:after{content:"";display:block;clear:both}.govuk-grid-column-one-quarter{box-sizing:border-box;width:100%;padding:0 15px}@media (min-width:40.0625em){.govuk-grid-column-one-quarter{width:25%;float:left}}.govuk-grid-column-one-third{box-sizing:border-box;width:100%;padding:0 15px}@media (min-width:40.0625em){.govuk-grid-column-one-third{width:33.3333333333%;float:left}}.govuk-grid-column-one-half{box-sizing:border-box;width:100%;padding:0 15px}@media (min-width:40.0625em){.govuk-grid-column-one-half{width:50%;float:left}}.govuk-grid-column-two-thirds{box-sizing:border-box;width:100%;padding:0 15px}@media (min-width:40.0625em){.govuk-grid-column-two-thirds{width:66.6666666667%;float:left}}.govuk-grid-column-three-quarters{box-sizing:border-box;width:100%;padding:0 15px}@media (min-width:40.0625em){.govuk-grid-column-three-quarters{width:75%;float:left}}.govuk-grid-column-full{box-sizing:border-box;width:100%;padding:0 15px}@media (min-width:40.0625em){.govuk-grid-column-full{width:100%;float:left}}.govuk-grid-column-one-quarter-from-desktop{box-sizing:border-box;padding:0 15px}@media (min-width:48.0625em){.govuk-grid-column-one-quarter-from-desktop{width:25%;float:left}}.govuk-grid-column-one-third-from-desktop{box-sizing:border-box;padding:0 15px}@media (min-width:48.0625em){.govuk-grid-column-one-third-from-desktop{width:33.3333333333%;float:left}}.govuk-grid-column-one-half-from-desktop{box-sizing:border-box;padding:0 15px}@media (min-width:48.0625em){.govuk-grid-column-one-half-from-desktop{width:50%;float:left}}.govuk-grid-column-two-thirds-from-desktop{box-sizing:border-box;padding:0 15px}@media (min-width:48.0625em){.govuk-grid-column-two-thirds-from-desktop{width:66.6666666667%;float:left}}.govuk-grid-column-three-quarters-from-desktop{box-sizing:border-box;padding:0 15px}@media (min-width:48.0625em){.govuk-grid-column-three-quarters-from-desktop{width:75%;float:left}}.govuk-grid-column-full-from-desktop{box-sizing:border-box;padding:0 15px}@media (min-width:48.0625em){.govuk-grid-column-full-from-desktop{width:100%;float:left}}.govuk-main-wrapper{display:block;padding-top:20px;padding-bottom:20px}@media (min-width:40.0625em){.govuk-main-wrapper{padding-top:40px;padding-bottom:40px}}.govuk-main-wrapper--auto-spacing:first-child,.govuk-main-wrapper--l{padding-top:30px}@media (min-width:40.0625em){.govuk-main-wrapper--auto-spacing:first-child,.govuk-main-wrapper--l{padding-top:50px}}.govuk-template{background-color:#f3f2f1;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}.govuk-template--rebranded{background-color:#f4f8fb}@supports ((position:-webkit-sticky) or (position:sticky)){.govuk-template{scroll-padding-top:60px}.govuk-template:not(:has(.govuk-exit-this-page)){scroll-padding-top:0}}@media screen{.govuk-template{overflow-y:scroll}}.govuk-template__body{margin:0;background-color:#fff}.govuk-width-container{max-width:960px;margin-right:15px;margin-left:15px}@supports (margin:max(calc(0px))){.govuk-width-container{margin-right:max(15px,calc(15px + env(safe-area-inset-right)));margin-left:max(15px,calc(15px + env(safe-area-inset-left)))}}@media (min-width:40.0625em){.govuk-width-container{margin-right:30px;margin-left:30px}@supports (margin:max(calc(0px))){.govuk-width-container{margin-right:max(30px,calc(15px + env(safe-area-inset-right)));margin-left:max(30px,calc(15px + env(safe-area-inset-left)))}}}@media (min-width:1020px){.govuk-width-container{margin-right:auto;margin-left:auto}@supports (margin:max(calc(0px))){.govuk-width-container{margin-right:auto;margin-left:auto}}}.govuk-accordion{margin-bottom:20px}@media (min-width:40.0625em){.govuk-accordion{margin-bottom:30px}}.govuk-accordion__section{padding-top:15px}.govuk-accordion__section-heading{margin-top:0;margin-bottom:0;padding-top:15px;padding-bottom:15px}.govuk-accordion__section-button{font-family:GDS Transport,arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:700;font-size:1.125rem;line-height:1.1111111111;color:#0b0c0c;display:block;margin-bottom:0;padding-top:15px}@media print{.govuk-accordion__section-button{font-family:sans-serif}}@media (min-width:40.0625em){.govuk-accordion__section-button{font-size:1.5rem;line-height:1.25}}@media print{.govuk-accordion__section-button{font-size:18pt;line-height:1.15;color:#000}}.govuk-accordion__section-content>:last-child{margin-bottom:0}.govuk-frontend-supported .govuk-accordion{border-bottom:1px solid #b1b4b6}.govuk-frontend-supported .govuk-accordion__section{padding-top:0}.govuk-frontend-supported .govuk-accordion__section-content{display:none;padding-top:15px;padding-bottom:30px}@media (min-width:40.0625em){.govuk-frontend-supported .govuk-accordion__section-content{padding-bottom:50px}}.govuk-frontend-supported .govuk-accordion__section-content[hidden]{padding-top:0;padding-bottom:0}@supports (content-visibility:hidden){.govuk-frontend-supported .govuk-accordion__section-content[hidden]{content-visibility:hidden;display:inherit}}.govuk-frontend-supported .govuk-accordion__section--expanded .govuk-accordion__section-content{display:block}.govuk-frontend-supported .govuk-accordion__show-all{font-family:GDS Transport,arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;font-size:1rem;line-height:1.25;position:relative;z-index:1;margin-bottom:9px;padding:5px 2px 5px 0;border-width:0;color:#1d70b8;background:none;cursor:pointer;-webkit-appearance:none}@media print{.govuk-frontend-supported .govuk-accordion__show-all{font-family:sans-serif}}@media (min-width:40.0625em){.govuk-frontend-supported .govuk-accordion__show-all{font-size:1.1875rem;line-height:1.3157894737}}@media print{.govuk-frontend-supported .govuk-accordion__show-all{font-size:14pt;line-height:1.15}}@media (min-width:40.0625em){.govuk-frontend-supported .govuk-accordion__show-all{margin-bottom:14px}}.govuk-frontend-supported .govuk-accordion__show-all::-moz-focus-inner{padding:0;border:0}.govuk-frontend-supported .govuk-accordion__show-all:hover{color:#0b0c0c;background:#f3f2f1;box-shadow:0 -2px #f3f2f1,0 4px #f3f2f1}.govuk-frontend-supported .govuk-accordion__show-all:hover .govuk-accordion__section-toggle-text{color:#0b0c0c}.govuk-frontend-supported .govuk-accordion__show-all:hover .govuk-accordion-nav__chevron{color:#0b0c0c;background:#0b0c0c}.govuk-frontend-supported .govuk-accordion__show-all:hover .govuk-accordion-nav__chevron:after{color:#f3f2f1}.govuk-frontend-supported .govuk-accordion__show-all:focus{outline:3px solid transparent;color:#0b0c0c;background-color:#fd0;box-shadow:0 -2px #fd0,0 4px #0b0c0c;text-decoration:none}@supports not (text-wrap:balance){.govuk-frontend-supported .govuk-accordion__show-all:focus{-webkit-box-decoration-break:clone;box-decoration-break:clone}}.govuk-frontend-supported .govuk-accordion__show-all:focus .govuk-accordion-nav__chevron{background:#0b0c0c}.govuk-frontend-supported .govuk-accordion__show-all:focus .govuk-accordion-nav__chevron:after{color:#fd0}.govuk-frontend-supported .govuk-accordion__section-heading{padding:0}.govuk-frontend-supported .govuk-accordion-nav__chevron{box-sizing:border-box;display:inline-block;position:relative;width:1.25rem;height:1.25rem;border:.0625rem solid;border-radius:50%;vertical-align:middle}.govuk-frontend-supported .govuk-accordion-nav__chevron:after{content:"";box-sizing:border-box;display:block;position:absolute;bottom:.3125rem;left:.375rem;width:.375rem;height:.375rem;transform:rotate(-45deg);border-top:.125rem solid;border-right:.125rem solid}.govuk-frontend-supported .govuk-accordion-nav__chevron--down{transform:rotate(180deg)}.govuk-frontend-supported .govuk-accordion__section-button{width:100%;padding:10px 0 0;border:0;border-top:1px solid #b1b4b6;border-bottom:10px solid transparent;color:#0b0c0c;background:none;text-align:left;cursor:pointer;-webkit-appearance:none}@media (min-width:40.0625em){.govuk-frontend-supported .govuk-accordion__section-button{padding-bottom:10px}}.govuk-frontend-supported .govuk-accordion__section-button:active{color:#0b0c0c;background:none}.govuk-frontend-supported .govuk-accordion__section-button:hover{color:#0b0c0c;background:#f3f2f1}.govuk-frontend-supported .govuk-accordion__section-button:hover .govuk-accordion__section-toggle-text{color:#0b0c0c}.govuk-frontend-supported .govuk-accordion__section-button:hover .govuk-accordion-nav__chevron{color:#0b0c0c;background:#0b0c0c}.govuk-frontend-supported .govuk-accordion__section-button:hover .govuk-accordion-nav__chevron:after{color:#f3f2f1}.govuk-frontend-supported .govuk-accordion__section-button:focus{outline:0}.govuk-frontend-supported .govuk-accordion__section-button:focus .govuk-accordion__section-heading-text-focus,.govuk-frontend-supported .govuk-accordion__section-button:focus .govuk-accordion__section-summary-focus,.govuk-frontend-supported .govuk-accordion__section-button:focus .govuk-accordion__section-toggle-focus{outline:3px solid transparent;color:#0b0c0c;background-color:#fd0;box-shadow:0 -2px #fd0,0 4px #0b0c0c;text-decoration:none}@supports not (text-wrap:balance){.govuk-frontend-supported .govuk-accordion__section-button:focus .govuk-accordion__section-heading-text-focus,.govuk-frontend-supported .govuk-accordion__section-button:focus .govuk-accordion__section-summary-focus,.govuk-frontend-supported .govuk-accordion__section-button:focus .govuk-accordion__section-toggle-focus{-webkit-box-decoration-break:clone;box-decoration-break:clone}}.govuk-frontend-supported .govuk-accordion__section-button:focus .govuk-accordion-nav__chevron{color:#0b0c0c;background:#0b0c0c}.govuk-frontend-supported .govuk-accordion__section-button:focus .govuk-accordion-nav__chevron:after{color:#fd0}.govuk-frontend-supported .govuk-accordion__section-button::-moz-focus-inner{padding:0;border:0}.govuk-frontend-supported .govuk-accordion__section--expanded .govuk-accordion__section-button{padding-bottom:15px;border-bottom:0}@media (min-width:40.0625em){.govuk-frontend-supported .govuk-accordion__section--expanded .govuk-accordion__section-button{padding-bottom:20px}}.govuk-frontend-supported .govuk-accordion__section-button:focus .govuk-accordion__section-toggle-focus{padding-bottom:3px}@media (min-width:48.0625em){.govuk-frontend-supported .govuk-accordion__section-button:focus .govuk-accordion__section-toggle-focus{padding-bottom:2px}}.govuk-frontend-supported .govuk-accordion__section-heading-text,.govuk-frontend-supported .govuk-accordion__section-summary,.govuk-frontend-supported .govuk-accordion__section-toggle{display:block;margin-bottom:13px}.govuk-frontend-supported .govuk-accordion__section-heading-text .govuk-accordion__section-heading-text-focus,.govuk-frontend-supported .govuk-accordion__section-heading-text .govuk-accordion__section-summary-focus,.govuk-frontend-supported .govuk-accordion__section-heading-text .govuk-accordion__section-toggle-focus,.govuk-frontend-supported .govuk-accordion__section-summary .govuk-accordion__section-heading-text-focus,.govuk-frontend-supported .govuk-accordion__section-summary .govuk-accordion__section-summary-focus,.govuk-frontend-supported .govuk-accordion__section-summary .govuk-accordion__section-toggle-focus,.govuk-frontend-supported .govuk-accordion__section-toggle .govuk-accordion__section-heading-text-focus,.govuk-frontend-supported .govuk-accordion__section-toggle .govuk-accordion__section-summary-focus,.govuk-frontend-supported .govuk-accordion__section-toggle .govuk-accordion__section-toggle-focus{display:inline}.govuk-frontend-supported .govuk-accordion__section-toggle{font-size:1rem;line-height:1.25;font-weight:400;color:#1d70b8}@media (min-width:40.0625em){.govuk-frontend-supported .govuk-accordion__section-toggle{font-size:1.1875rem;line-height:1.3157894737}}@media print{.govuk-frontend-supported .govuk-accordion__section-toggle{font-size:14pt;line-height:1.15}}.govuk-frontend-supported .govuk-accordion__section-toggle-text,.govuk-frontend-supported .govuk-accordion__show-all-text{margin-left:5px;vertical-align:middle}@media screen and (forced-colors:active){.govuk-frontend-supported .govuk-accordion__section-button:hover .govuk-accordion-nav__chevron,.govuk-frontend-supported .govuk-accordion__show-all:hover .govuk-accordion-nav__chevron{background-color:transparent}.govuk-frontend-supported .govuk-accordion__section-button:focus .govuk-accordion-nav__chevron,.govuk-frontend-supported .govuk-accordion__section-button:focus .govuk-accordion__section-heading-text-focus,.govuk-frontend-supported .govuk-accordion__section-button:focus .govuk-accordion__section-summary-focus,.govuk-frontend-supported .govuk-accordion__section-button:focus .govuk-accordion__section-toggle-focus,.govuk-frontend-supported .govuk-accordion__show-all:focus .govuk-accordion-nav__chevron,.govuk-frontend-supported .govuk-accordion__show-all:focus .govuk-accordion__section-heading-text-focus,.govuk-frontend-supported .govuk-accordion__show-all:focus .govuk-accordion__section-summary-focus,.govuk-frontend-supported .govuk-accordion__show-all:focus .govuk-accordion__section-toggle-focus{background:transparent;background-color:transparent}}@media (hover:none){.govuk-frontend-supported .govuk-accordion__section-header:hover{border-top-color:#b1b4b6;box-shadow:inset 0 3px 0 0 #1d70b8}.govuk-frontend-supported .govuk-accordion__section-header:hover .govuk-accordion__section-button{border-top-color:#b1b4b6}}.govuk-back-link{font-size:.875rem;line-height:1.1428571429;font-family:GDS Transport,arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-decoration:underline;text-decoration-thickness:max(1px,.0625rem);text-underline-offset:.1578em;display:inline-block;position:relative;margin-top:15px;margin-bottom:15px;padding-left:.875em}@media (min-width:40.0625em){.govuk-back-link{font-size:1rem;line-height:1.25}}@media print{.govuk-back-link{font-size:14pt;line-height:1.2;font-family:sans-serif}}.govuk-back-link:hover{text-decoration-thickness:max(3px,.1875rem,.12em);-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;-webkit-text-decoration-skip:none;text-decoration-skip:none}.govuk-back-link:focus{outline:3px solid transparent;color:#0b0c0c;background-color:#fd0;box-shadow:0 -2px #fd0,0 4px #0b0c0c;text-decoration:none}@supports not (text-wrap:balance){.govuk-back-link:focus{-webkit-box-decoration-break:clone;box-decoration-break:clone}}.govuk-back-link:link,.govuk-back-link:visited{color:#0b0c0c}@media print{.govuk-back-link:link,.govuk-back-link:visited{color:#000}}.govuk-back-link:hover{color:rgba(11,12,12,.99)}.govuk-back-link:active,.govuk-back-link:focus{color:#0b0c0c}@media print{.govuk-back-link:active,.govuk-back-link:focus{color:#000}}.govuk-back-link:before{content:"";display:block;position:absolute;top:0;bottom:0;left:.1875em;width:.4375em;height:.4375em;margin:auto 0;transform:rotate(225deg);border:solid;border-width:1px 1px 0 0;border-color:#505a5f}@supports (border-width:max(0px)){.govuk-back-link:before{border-width:max(1px,.0625em) max(1px,.0625em) 0 0;font-size:max(16px,1em)}}.govuk-back-link:focus:before{border-color:#0b0c0c}.govuk-back-link:after{content:"";position:absolute;top:-14px;right:0;bottom:-14px;left:0}.govuk-back-link--inverse:link,.govuk-back-link--inverse:visited{color:#fff}.govuk-back-link--inverse:active,.govuk-back-link--inverse:hover{color:hsla(0,0%,100%,.99)}.govuk-back-link--inverse:focus{color:#0b0c0c}.govuk-back-link--inverse:before{border-color:currentcolor}.govuk-breadcrumbs{font-family:GDS Transport,arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;font-size:.875rem;line-height:1.1428571429;color:#0b0c0c;margin-top:15px;margin-bottom:10px}@media print{.govuk-breadcrumbs{font-family:sans-serif}}@media (min-width:40.0625em){.govuk-breadcrumbs{font-size:1rem;line-height:1.25}}@media print{.govuk-breadcrumbs{font-size:14pt;line-height:1.2;color:#000}}.govuk-breadcrumbs__list{margin:0;padding:0;list-style-type:none}.govuk-breadcrumbs__list:after{content:"";display:block;clear:both}.govuk-breadcrumbs__list-item{display:inline-block;position:relative;margin-bottom:5px;margin-left:.625em;padding-left:.9784375em;float:left}.govuk-breadcrumbs__list-item:before{content:"";display:block;position:absolute;top:0;bottom:0;left:-.206875em;width:.4375em;height:.4375em;margin:auto 0;transform:rotate(45deg);border:solid;border-width:1px 1px 0 0;border-color:#505a5f}@supports (border-width:max(0px)){.govuk-breadcrumbs__list-item:before{border-width:max(1px,.0625em) max(1px,.0625em) 0 0;font-size:max(16px,1em)}}.govuk-breadcrumbs__list-item:first-child{margin-left:0;padding-left:0}.govuk-breadcrumbs__list-item:first-child:before{content:none;display:none}.govuk-breadcrumbs__link{font-family:GDS Transport,arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-decoration:underline;text-decoration-thickness:max(1px,.0625rem);text-underline-offset:.1578em}@media print{.govuk-breadcrumbs__link{font-family:sans-serif}}.govuk-breadcrumbs__link:hover{text-decoration-thickness:max(3px,.1875rem,.12em);-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;-webkit-text-decoration-skip:none;text-decoration-skip:none}.govuk-breadcrumbs__link:focus{outline:3px solid transparent;color:#0b0c0c;background-color:#fd0;box-shadow:0 -2px #fd0,0 4px #0b0c0c;text-decoration:none}@supports not (text-wrap:balance){.govuk-breadcrumbs__link:focus{-webkit-box-decoration-break:clone;box-decoration-break:clone}}.govuk-breadcrumbs__link:link,.govuk-breadcrumbs__link:visited{color:#0b0c0c}@media print{.govuk-breadcrumbs__link:link,.govuk-breadcrumbs__link:visited{color:#000}}.govuk-breadcrumbs__link:hover{color:rgba(11,12,12,.99)}.govuk-breadcrumbs__link:active,.govuk-breadcrumbs__link:focus{color:#0b0c0c}@media print{.govuk-breadcrumbs__link:active,.govuk-breadcrumbs__link:focus{color:#000}}@media (max-width:40.0525em){.govuk-breadcrumbs--collapse-on-mobile .govuk-breadcrumbs__list-item{display:none}.govuk-breadcrumbs--collapse-on-mobile .govuk-breadcrumbs__list-item:first-child,.govuk-breadcrumbs--collapse-on-mobile .govuk-breadcrumbs__list-item:last-child{display:inline-block}.govuk-breadcrumbs--collapse-on-mobile .govuk-breadcrumbs__list-item:before{top:.375em;margin:0}.govuk-breadcrumbs--collapse-on-mobile .govuk-breadcrumbs__list{display:flex}}.govuk-breadcrumbs--inverse,.govuk-breadcrumbs--inverse .govuk-breadcrumbs__link:link,.govuk-breadcrumbs--inverse .govuk-breadcrumbs__link:visited{color:#fff}.govuk-breadcrumbs--inverse .govuk-breadcrumbs__link:active,.govuk-breadcrumbs--inverse .govuk-breadcrumbs__link:hover{color:hsla(0,0%,100%,.99)}.govuk-breadcrumbs--inverse .govuk-breadcrumbs__link:focus{color:#0b0c0c}.govuk-breadcrumbs--inverse .govuk-breadcrumbs__list-item:before{border-color:currentcolor}.govuk-button{font-family:GDS Transport,arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;font-size:1rem;line-height:1.1875;box-sizing:border-box;display:inline-block;position:relative;width:100%;margin:0 0 22px;padding:8px 10px 7px;border:2px solid transparent;border-radius:0;color:#fff;background-color:#00703c;box-shadow:0 2px 0 #002d18;text-align:center;vertical-align:top;cursor:pointer;-webkit-appearance:none}@media print{.govuk-button{font-family:sans-serif}}@media (min-width:40.0625em){.govuk-button{font-size:1.1875rem;line-height:1}}@media print{.govuk-button{font-size:14pt;line-height:19px}}@media (min-width:40.0625em){.govuk-button{margin-bottom:32px;width:auto}}.govuk-button:active,.govuk-button:hover,.govuk-button:link,.govuk-button:visited{color:#fff;text-decoration:none}.govuk-button::-moz-focus-inner{padding:0;border:0}.govuk-button:hover{background-color:#005a30}.govuk-button:active{top:2px}.govuk-button:focus{border-color:#fd0;outline:3px solid transparent;box-shadow:inset 0 0 0 1px #fd0}.govuk-button:focus:not(:active):not(:hover){border-color:#fd0;color:#0b0c0c;background-color:#fd0;box-shadow:0 2px 0 #0b0c0c}.govuk-button:before{content:"";display:block;position:absolute;top:-2px;right:-2px;bottom:-4px;left:-2px;background:transparent}.govuk-button:active:before{top:-4px}.govuk-button[disabled]{opacity:.5}.govuk-button[disabled]:hover{background-color:#00703c;cursor:not-allowed}.govuk-button[disabled]:active{top:0;box-shadow:0 2px 0 #002d18}.govuk-button--secondary{background-color:#f3f2f1;box-shadow:0 2px 0 #929191}.govuk-button--secondary,.govuk-button--secondary:active,.govuk-button--secondary:hover,.govuk-button--secondary:link,.govuk-button--secondary:visited{color:#0b0c0c}.govuk-button--secondary:hover{background-color:#dbdad9}.govuk-button--secondary:hover[disabled]{background-color:#f3f2f1}.govuk-button--warning{background-color:#d4351c;box-shadow:0 2px 0 #55150b}.govuk-button--warning,.govuk-button--warning:active,.govuk-button--warning:hover,.govuk-button--warning:link,.govuk-button--warning:visited{color:#fff}.govuk-button--warning:hover{background-color:#aa2a16}.govuk-button--warning:hover[disabled]{background-color:#d4351c}.govuk-button--inverse{background-color:#fff;box-shadow:0 2px 0 #144e81}.govuk-button--inverse,.govuk-button--inverse:active,.govuk-button--inverse:hover,.govuk-button--inverse:link,.govuk-button--inverse:visited{color:#1d70b8}.govuk-button--inverse:hover{background-color:#e8f1f8}.govuk-button--inverse:hover[disabled]{background-color:#fff}.govuk-button--start{font-weight:700;font-size:1.125rem;line-height:1;display:inline-flex;min-height:auto;justify-content:center}@media (min-width:40.0625em){.govuk-button--start{font-size:1.5rem;line-height:1}}@media print{.govuk-button--start{font-size:18pt;line-height:1}}.govuk-button__start-icon{margin-left:5px;vertical-align:middle;flex-shrink:0;align-self:center;forced-color-adjust:auto}@media (min-width:48.0625em){.govuk-button__start-icon{margin-left:10px}}.govuk-error-message{font-family:GDS Transport,arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:700;font-size:1rem;line-height:1.25;display:block;margin-top:0;margin-bottom:15px;clear:both;color:#d4351c}@media print{.govuk-error-message{font-family:sans-serif}}@media (min-width:40.0625em){.govuk-error-message{font-size:1.1875rem;line-height:1.3157894737}}@media print{.govuk-error-message{font-size:14pt;line-height:1.15}}.govuk-hint{font-family:GDS Transport,arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;font-size:1rem;line-height:1.25;margin-bottom:15px;color:#505a5f}@media print{.govuk-hint{font-family:sans-serif}}@media (min-width:40.0625em){.govuk-hint{font-size:1.1875rem;line-height:1.3157894737}}@media print{.govuk-hint{font-size:14pt;line-height:1.15}}.govuk-fieldset__legend:not(.govuk-fieldset__legend--m):not(.govuk-fieldset__legend--l):not(.govuk-fieldset__legend--xl)+.govuk-hint,.govuk-label:not(.govuk-label--m):not(.govuk-label--l):not(.govuk-label--xl)+.govuk-hint{margin-bottom:10px}.govuk-fieldset__legend+.govuk-hint{margin-top:-5px}.govuk-label{font-family:GDS Transport,arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;font-size:1rem;line-height:1.25;color:#0b0c0c;display:block;margin-bottom:5px}@media print{.govuk-label{font-family:sans-serif}}@media (min-width:40.0625em){.govuk-label{font-size:1.1875rem;line-height:1.3157894737}}@media print{.govuk-label{font-size:14pt;line-height:1.15;color:#000}}.govuk-label--l,.govuk-label--m,.govuk-label--xl{font-weight:700;margin-bottom:15px}.govuk-label--xl{font-size:2rem;line-height:1.09375}@media (min-width:40.0625em){.govuk-label--xl{font-size:3rem;line-height:1.0416666667}}@media print{.govuk-label--xl{font-size:32pt;line-height:1.15}}.govuk-label--l{font-size:1.5rem;line-height:1.0416666667}@media (min-width:40.0625em){.govuk-label--l{font-size:2.25rem;line-height:1.1111111111}}@media print{.govuk-label--l{font-size:24pt;line-height:1.05}}.govuk-label--m{font-size:1.125rem;line-height:1.1111111111}@media (min-width:40.0625em){.govuk-label--m{font-size:1.5rem;line-height:1.25}}@media print{.govuk-label--m{font-size:18pt;line-height:1.15}}.govuk-label--s{font-weight:700}.govuk-label-wrapper{margin:0}.govuk-textarea{font-family:GDS Transport,arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;font-size:1rem;line-height:1.25;box-sizing:border-box;display:block;width:100%;min-height:40px;margin-bottom:20px;padding:5px;resize:vertical;border:2px solid #0b0c0c;border-radius:0;-webkit-appearance:none}@media print{.govuk-textarea{font-family:sans-serif}}@media (min-width:40.0625em){.govuk-textarea{font-size:1.1875rem;line-height:1.25}}@media print{.govuk-textarea{font-size:14pt;line-height:1.25}}@media (min-width:40.0625em){.govuk-textarea{margin-bottom:30px}}.govuk-textarea:focus{outline:3px solid #fd0;outline-offset:0;box-shadow:inset 0 0 0 2px}.govuk-textarea:disabled{opacity:.5;color:inherit;background-color:transparent;cursor:not-allowed}.govuk-textarea--error{border-color:#d4351c}.govuk-textarea--error:focus{border-color:#0b0c0c}.govuk-character-count{margin-bottom:20px}@media (min-width:40.0625em){.govuk-character-count{margin-bottom:30px}}.govuk-character-count .govuk-form-group,.govuk-character-count .govuk-textarea{margin-bottom:5px}.govuk-character-count .govuk-textarea--error:focus{border-color:#d4351c;box-shadow:inset 0 0 0 2px #d4351c}.govuk-character-count__message{font-variant-numeric:tabular-nums;margin-top:0;margin-bottom:0}.govuk-character-count__message:after{content:"​"}.govuk-character-count__message--disabled{visibility:hidden}.govuk-fieldset{min-width:0;margin:0;padding:0;border:0}.govuk-fieldset:after{content:"";display:block;clear:both}@supports not (caret-color:auto){.govuk-fieldset,x:-moz-any-link{display:table-cell}}.govuk-fieldset__legend{font-family:GDS Transport,arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;font-size:1rem;line-height:1.25;color:#0b0c0c;box-sizing:border-box;display:table;max-width:100%;margin-bottom:10px;padding:0;white-space:normal}@media print{.govuk-fieldset__legend{font-family:sans-serif}}@media (min-width:40.0625em){.govuk-fieldset__legend{font-size:1.1875rem;line-height:1.3157894737}}@media print{.govuk-fieldset__legend{font-size:14pt;line-height:1.15;color:#000}}.govuk-fieldset__legend--l,.govuk-fieldset__legend--m,.govuk-fieldset__legend--xl{font-weight:700;margin-bottom:15px}.govuk-fieldset__legend--xl{font-size:2rem;line-height:1.09375}@media (min-width:40.0625em){.govuk-fieldset__legend--xl{font-size:3rem;line-height:1.0416666667}}@media print{.govuk-fieldset__legend--xl{font-size:32pt;line-height:1.15}}.govuk-fieldset__legend--l{font-size:1.5rem;line-height:1.0416666667}@media (min-width:40.0625em){.govuk-fieldset__legend--l{font-size:2.25rem;line-height:1.1111111111}}@media print{.govuk-fieldset__legend--l{font-size:24pt;line-height:1.05}}.govuk-fieldset__legend--m{font-size:1.125rem;line-height:1.1111111111}@media (min-width:40.0625em){.govuk-fieldset__legend--m{font-size:1.5rem;line-height:1.25}}@media print{.govuk-fieldset__legend--m{font-size:18pt;line-height:1.15}}.govuk-fieldset__legend--s{font-weight:700}.govuk-fieldset__heading{margin:0;font-size:inherit;font-weight:inherit}.govuk-checkboxes__item{display:flex;flex-wrap:wrap;position:relative;margin-bottom:10px}.govuk-checkboxes__item:last-child,.govuk-checkboxes__item:last-of-type{margin-bottom:0}.govuk-checkboxes__input{z-index:1;width:44px;height:44px;margin:0;opacity:0;cursor:pointer}.govuk-checkboxes__label{align-self:center;max-width:calc(100% - 74px);margin-bottom:0;padding:7px 15px;cursor:pointer;touch-action:manipulation}.govuk-checkboxes__label:before{top:2px;left:2px;width:40px;height:40px;border:2px solid}.govuk-checkboxes__label:after,.govuk-checkboxes__label:before{content:"";box-sizing:border-box;position:absolute;background:transparent}.govuk-checkboxes__label:after{top:13px;left:10px;width:23px;height:12px;transform:rotate(-45deg);border:solid;border-width:0 0 5px 5px;border-top-color:transparent;opacity:0}.govuk-checkboxes__hint{display:block;width:100%;margin-top:-5px;padding-right:15px;padding-left:59px}.govuk-label:not(.govuk-label--m):not(.govuk-label--l):not(.govuk-label--xl)+.govuk-checkboxes__hint{margin-bottom:0}.govuk-checkboxes__input:focus+.govuk-checkboxes__label:before{border-width:4px;outline:3px solid transparent;outline-offset:1px;box-shadow:0 0 0 3px #fd0}@media (-ms-high-contrast:active),screen and (forced-colors:active){.govuk-checkboxes__input:focus+.govuk-checkboxes__label:before{outline-color:Highlight}}.govuk-checkboxes__input:checked+.govuk-checkboxes__label:after{opacity:1}.govuk-checkboxes__input:disabled,.govuk-checkboxes__input:disabled+.govuk-checkboxes__label{cursor:not-allowed}.govuk-checkboxes__input:disabled+.govuk-checkboxes__label,.govuk-checkboxes__input:disabled~.govuk-hint{opacity:.5}.govuk-checkboxes__divider{font-family:GDS Transport,arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;font-size:1rem;line-height:1.25;color:#0b0c0c;width:40px;margin-bottom:10px;text-align:center}@media print{.govuk-checkboxes__divider{font-family:sans-serif}}@media (min-width:40.0625em){.govuk-checkboxes__divider{font-size:1.1875rem;line-height:1.3157894737}}@media print{.govuk-checkboxes__divider{font-size:14pt;line-height:1.15;color:#000}}.govuk-checkboxes__conditional{margin-bottom:15px;margin-left:20px;padding-left:35px;border-left:4px solid #b1b4b6}@media (min-width:40.0625em){.govuk-checkboxes__conditional{margin-bottom:20px}}.govuk-frontend-supported .govuk-checkboxes__conditional--hidden{display:none}.govuk-checkboxes--small .govuk-checkboxes__item,.govuk-checkboxes__conditional>:last-child{margin-bottom:0}.govuk-checkboxes--small .govuk-checkboxes__input{margin-left:-10px}.govuk-checkboxes--small .govuk-checkboxes__label{padding-left:1px}.govuk-checkboxes--small .govuk-checkboxes__label:before{top:10px;left:0;width:24px;height:24px}.govuk-checkboxes--small .govuk-checkboxes__label:after{top:17px;left:6px;width:12px;height:6.5px;border-width:0 0 3px 3px}.govuk-checkboxes--small .govuk-checkboxes__hint{padding-left:34px}.govuk-checkboxes--small .govuk-checkboxes__conditional{margin-left:10px;padding-left:20px}.govuk-checkboxes--small .govuk-checkboxes__divider{width:24px;margin-bottom:5px}.govuk-checkboxes--small .govuk-checkboxes__item:hover .govuk-checkboxes__input:not(:disabled)+.govuk-checkboxes__label:before{outline:3px dashed transparent;outline-offset:1px;box-shadow:0 0 0 10px #b1b4b6}.govuk-checkboxes--small .govuk-checkboxes__item:hover .govuk-checkboxes__input:focus+.govuk-checkboxes__label:before{box-shadow:0 0 0 3px #fd0,0 0 0 10px #b1b4b6}@media (-ms-high-contrast:active),screen and (forced-colors:active){.govuk-checkboxes--small .govuk-checkboxes__item:hover .govuk-checkboxes__input:focus+.govuk-checkboxes__label:before{outline-color:Highlight}}@media (hover:none),(pointer:coarse){.govuk-checkboxes--small .govuk-checkboxes__item:hover .govuk-checkboxes__input:not(:disabled)+.govuk-checkboxes__label:before{box-shadow:none}.govuk-checkboxes--small .govuk-checkboxes__item:hover .govuk-checkboxes__input:focus+.govuk-checkboxes__label:before{box-shadow:0 0 0 3px #fd0}}.govuk-cookie-banner{padding-top:20px;border-bottom:10px solid transparent;background-color:#f3f2f1}.govuk-template--rebranded .govuk-cookie-banner{background-color:#f4f8fb}.govuk-cookie-banner[hidden]{display:none}.govuk-cookie-banner__message{margin-bottom:-10px}.govuk-cookie-banner__message[hidden]{display:none}.govuk-cookie-banner__message:focus{outline:none}.govuk-input{font-family:GDS Transport,arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;font-size:1rem;line-height:1.25;box-sizing:border-box;width:100%;height:2.5rem;margin-top:0;padding:5px;border:2px solid #0b0c0c;border-radius:0;-webkit-appearance:none;appearance:none}@media print{.govuk-input{font-family:sans-serif}}@media (min-width:40.0625em){.govuk-input{font-size:1.1875rem;line-height:1.3157894737}}@media print{.govuk-input{font-size:14pt;line-height:1.15}}.govuk-input:focus{outline:3px solid #fd0;outline-offset:0;box-shadow:inset 0 0 0 2px}.govuk-input:disabled{opacity:.5;color:inherit;background-color:transparent;cursor:not-allowed}.govuk-input::-webkit-inner-spin-button,.govuk-input::-webkit-outer-spin-button{margin:0;-webkit-appearance:none}.govuk-input[type=number]{-moz-appearance:textfield}.govuk-input--error{border-color:#d4351c}.govuk-input--error:focus{border-color:#0b0c0c}.govuk-input--extra-letter-spacing{font-variant-numeric:tabular-nums;letter-spacing:.05em}.govuk-input--width-30{max-width:29.5em}.govuk-input--width-20{max-width:20.5em}.govuk-input--width-10{max-width:11.5em}.govuk-input--width-5{max-width:5.5em}.govuk-input--width-4{max-width:4.5em}.govuk-input--width-3{max-width:3.75em}.govuk-input--width-2{max-width:2.75em}.govuk-input__wrapper{display:flex}.govuk-input__wrapper .govuk-input{flex:0 1 auto}.govuk-input__wrapper .govuk-input:focus{z-index:1}@media (max-width:19.99em){.govuk-input__wrapper{display:block}.govuk-input__wrapper .govuk-input{max-width:100%}}.govuk-input__prefix,.govuk-input__suffix{font-family:GDS Transport,arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;font-size:1rem;line-height:1.25;box-sizing:border-box;display:flex;align-items:center;justify-content:center;min-width:2.5rem;height:2.5rem;padding:5px;border:2px solid #0b0c0c;background-color:#f3f2f1;text-align:center;white-space:nowrap;cursor:default;flex:0 0 auto}@media print{.govuk-input__prefix,.govuk-input__suffix{font-family:sans-serif}}@media (min-width:40.0625em){.govuk-input__prefix,.govuk-input__suffix{font-size:1.1875rem;line-height:1.3157894737}}@media print{.govuk-input__prefix,.govuk-input__suffix{font-size:14pt;line-height:1.15}}@media (max-width:19.99em){.govuk-input__prefix,.govuk-input__suffix{display:block;height:100%;white-space:normal}.govuk-input__prefix{border-bottom:0}}@media (min-width:20em){.govuk-input__prefix{border-right:0}}@media (max-width:19.99em){.govuk-input__suffix{border-top:0}}@media (min-width:20em){.govuk-input__suffix{border-left:0}}.govuk-date-input{font-size:0}.govuk-date-input:after{content:"";display:block;clear:both}.govuk-date-input__item{display:inline-block;margin-right:20px;margin-bottom:0}.govuk-date-input__label{display:block}.govuk-date-input__input{margin-bottom:0}.govuk-details{font-family:GDS Transport,arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;font-size:1rem;line-height:1.25;color:#0b0c0c;margin-bottom:20px;display:block}@media print{.govuk-details{font-family:sans-serif}}@media (min-width:40.0625em){.govuk-details{font-size:1.1875rem;line-height:1.3157894737}}@media print{.govuk-details{font-size:14pt;line-height:1.15;color:#000}}@media (min-width:40.0625em){.govuk-details{margin-bottom:30px}}.govuk-details__summary{display:block}.govuk-details[open] .govuk-details__summary{margin-bottom:5px}.govuk-details__summary-text>:first-child{margin-top:0}.govuk-details__summary-text>:last-child,.govuk-details__summary-text>:only-child{margin-bottom:0}.govuk-details__text{padding-top:15px;padding-bottom:15px;padding-left:20px}.govuk-details__text p{margin-top:0;margin-bottom:20px}.govuk-details__text>:last-child{margin-bottom:0}@media screen\0 {.govuk-details{border-left:10px solid #b1b4b6}.govuk-details__summary{margin-top:15px}.govuk-details__summary-text{font-weight:700;margin-bottom:15px;padding-left:20px}}@media screen\0 and (min-width:40.0625em){.govuk-details__summary-text{margin-bottom:20px}}@supports not (-ms-ime-align:auto){.govuk-details__summary{position:relative;width:-webkit-fit-content;width:fit-content;padding-left:25px;color:#1d70b8;cursor:pointer}.govuk-details__summary:hover{color:#003078}.govuk-details__summary:focus{outline:3px solid transparent;color:#0b0c0c;background-color:#fd0;box-shadow:0 -2px #fd0,0 4px #0b0c0c;text-decoration:none}@supports not (text-wrap:balance){.govuk-details__summary:focus{-webkit-box-decoration-break:clone;box-decoration-break:clone}}.govuk-details__summary-text{text-decoration:underline;text-decoration-thickness:max(1px,.0625rem);text-underline-offset:.1578em}.govuk-details__summary:hover .govuk-details__summary-text{text-decoration-thickness:max(3px,.1875rem,.12em);-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;-webkit-text-decoration-skip:none;text-decoration-skip:none}.govuk-details__summary:focus .govuk-details__summary-text{text-decoration:none}.govuk-details__summary::-webkit-details-marker{display:none}.govuk-details__summary:before{content:"";position:absolute;top:-1px;bottom:0;left:0;margin:auto;display:block;width:0;height:0;-webkit-clip-path:polygon(0 0,100% 50%,0 100%);clip-path:polygon(0 0,100% 50%,0 100%);border-color:transparent;border-style:solid;border-width:7px 0 7px 12.124px;border-left-color:inherit}.govuk-details[open]>.govuk-details__summary:before{display:block;width:0;height:0;-webkit-clip-path:polygon(0 0,50% 100%,100% 0);clip-path:polygon(0 0,50% 100%,100% 0);border-color:transparent;border-style:solid;border-width:12.124px 7px 0;border-top-color:inherit}.govuk-details__text{border-left:5px solid #b1b4b6}}.govuk-error-summary{font-family:GDS Transport,arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;font-size:1rem;line-height:1.25;color:#0b0c0c;padding:15px;margin-bottom:30px;border:5px solid #d4351c}@media print{.govuk-error-summary{font-family:sans-serif}}@media (min-width:40.0625em){.govuk-error-summary{font-size:1.1875rem;line-height:1.3157894737}}@media print{.govuk-error-summary{font-size:14pt;line-height:1.15;color:#000}}@media (min-width:40.0625em){.govuk-error-summary{padding:20px;margin-bottom:50px}}.govuk-error-summary:focus{outline:3px solid #fd0}.govuk-error-summary__title{font-size:1.125rem;line-height:1.1111111111;font-weight:700;margin-top:0;margin-bottom:15px}@media (min-width:40.0625em){.govuk-error-summary__title{font-size:1.5rem;line-height:1.25}}@media print{.govuk-error-summary__title{font-size:18pt;line-height:1.15}}@media (min-width:40.0625em){.govuk-error-summary__title{margin-bottom:20px}}.govuk-error-summary__body p{margin-bottom:0}.govuk-error-summary__body>*+*{margin-top:15px}@media (min-width:40.0625em){.govuk-error-summary__body>*+*{margin-top:20px}}.govuk-error-summary__body>:last-child{margin-bottom:5px}.govuk-error-summary__list,.govuk-error-summary__list li:last-child{margin-bottom:0}.govuk-error-summary__list a{font-weight:700;font-family:GDS Transport,arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-decoration:underline;text-decoration-thickness:max(1px,.0625rem);text-underline-offset:.1578em}@media print{.govuk-error-summary__list a{font-family:sans-serif}}.govuk-error-summary__list a:hover{text-decoration-thickness:max(3px,.1875rem,.12em);-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;-webkit-text-decoration-skip:none;text-decoration-skip:none}.govuk-error-summary__list a:focus{outline:3px solid transparent;background-color:#fd0;box-shadow:0 -2px #fd0,0 4px #0b0c0c;text-decoration:none}@supports not (text-wrap:balance){.govuk-error-summary__list a:focus{-webkit-box-decoration-break:clone;box-decoration-break:clone}}.govuk-error-summary__list a:link,.govuk-error-summary__list a:visited{color:#d4351c}.govuk-error-summary__list a:hover{color:#942514}.govuk-error-summary__list a:active{color:#d4351c}.govuk-error-summary__list a:focus{color:#0b0c0c}.govuk-exit-this-page{margin-bottom:30px;position:-webkit-sticky;position:sticky;z-index:1000;top:0;left:0;width:100%}@media (min-width:40.0625em){.govuk-exit-this-page{margin-bottom:50px;display:inline-block;right:0;left:auto;width:auto;float:right}}.govuk-exit-this-page__button{margin-bottom:0}.govuk-exit-this-page__indicator{display:none;padding:10px 10px 0;color:inherit;line-height:0;text-align:center;pointer-events:none}.govuk-exit-this-page__indicator--visible{display:block}.govuk-exit-this-page__indicator-light{box-sizing:border-box;display:inline-block;width:.75em;height:.75em;margin:0 .125em;border-radius:50%;border:2px solid}.govuk-exit-this-page__indicator-light--on{border-width:.375em}@media only print{.govuk-exit-this-page{display:none}}.govuk-exit-this-page-overlay{position:fixed;z-index:9999;top:0;right:0;bottom:0;left:0;background-color:#fff}.govuk-exit-this-page-hide-content *{display:none!important}.govuk-exit-this-page-hide-content .govuk-exit-this-page-overlay{display:block!important}.govuk-file-upload{font-family:GDS Transport,arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;font-size:1rem;line-height:1.25;color:#0b0c0c;max-width:100%;margin-left:-5px;padding:5px}@media print{.govuk-file-upload{font-family:sans-serif}}@media (min-width:40.0625em){.govuk-file-upload{font-size:1.1875rem;line-height:1.3157894737}}@media print{.govuk-file-upload{font-size:14pt;line-height:1.15;color:#000}}.govuk-file-upload::-webkit-file-upload-button{-webkit-appearance:button;color:inherit;font:inherit}.govuk-file-upload:focus{outline:3px solid #fd0;box-shadow:inset 0 0 0 4px #0b0c0c}.govuk-file-upload:focus-within{outline:3px solid #fd0;box-shadow:inset 0 0 0 4px #0b0c0c}.govuk-file-upload:disabled{opacity:.5;cursor:not-allowed}.govuk-drop-zone{display:block;position:relative;z-index:0;background-color:#fff}.govuk-drop-zone--disabled{cursor:not-allowed}.govuk-file-upload-button__pseudo-button{width:auto;margin-right:10px;margin-bottom:3px;flex-shrink:0}.govuk-file-upload-button__instruction{margin-top:7px;margin-bottom:0;text-align:left}.govuk-file-upload-button__status{display:block;margin-bottom:10px;padding:15px 10px;background-color:#fff;text-align:left}.govuk-file-upload-button__pseudo-button-container{display:flex;align-items:baseline;flex-wrap:wrap}.govuk-file-upload-button{width:100%;padding:18px;border:2px solid #b1b4b6;background-color:#f3f2f1;cursor:pointer}@media (min-width:40.0625em){.govuk-file-upload-button{padding:23px}}.govuk-file-upload-button .govuk-file-upload-button__pseudo-button{background-color:#fff}.govuk-file-upload-button:hover{background-color:#c1c3c5}.govuk-file-upload-button:hover .govuk-file-upload-button__pseudo-button{background-color:#dbdad9}.govuk-file-upload-button:hover .govuk-file-upload-button__status{background-color:#d2e2f1}.govuk-file-upload-button:active,.govuk-file-upload-button:focus{border:2px solid #0b0c0c;outline:3px solid #fd0;outline-offset:0;background-color:#c1c3c5;box-shadow:inset 0 0 0 2px}.govuk-file-upload-button:active .govuk-file-upload-button__pseudo-button,.govuk-file-upload-button:focus .govuk-file-upload-button__pseudo-button{background-color:#fd0;box-shadow:0 2px 0 #0b0c0c}.govuk-file-upload-button:active:hover .govuk-file-upload-button__pseudo-button,.govuk-file-upload-button:focus:hover .govuk-file-upload-button__pseudo-button{border-color:#fd0;outline:3px solid transparent;background-color:#f3f2f1;box-shadow:inset 0 0 0 1px #fd0}.govuk-file-upload-button--empty{border-style:dashed;background-color:#fff}.govuk-file-upload-button--empty .govuk-file-upload-button__pseudo-button{background-color:#f3f2f1}.govuk-file-upload-button--empty .govuk-file-upload-button__status{color:#0c2d4a;background-color:#bbd4ea}.govuk-file-upload-button--empty:active,.govuk-file-upload-button--empty:focus,.govuk-file-upload-button--empty:hover{background-color:#f3f2f1}.govuk-file-upload-button--empty:active .govuk-file-upload-button__status,.govuk-file-upload-button--empty:focus .govuk-file-upload-button__status,.govuk-file-upload-button--empty:hover .govuk-file-upload-button__status{background-color:#d2e2f1}.govuk-file-upload-button--dragging{border-style:solid;border-color:#0b0c0c}.govuk-file-upload-button--dragging.govuk-file-upload-button{background-color:#c1c3c5}.govuk-file-upload-button--dragging.govuk-file-upload-button--empty{background-color:#f3f2f1}.govuk-file-upload-button--dragging.govuk-file-upload-button--empty .govuk-file-upload-button__pseudo-button,.govuk-file-upload-button--dragging.govuk-file-upload-button--empty:not(:disabled) .govuk-file-upload-button__status{background-color:#fff}.govuk-file-upload-button--dragging .govuk-file-upload-button__pseudo-button{background-color:#dbdad9}.govuk-file-upload-button:disabled{pointer-events:none;opacity:.5;background-color:#fff}.govuk-file-upload-button:disabled .govuk-file-upload-button__pseudo-button{background-color:#f3f2f1}.govuk-file-upload-button:disabled .govuk-file-upload-button__status{background-color:#bbd4ea}.govuk-footer{font-family:GDS Transport,arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;font-size:.875rem;line-height:1.1428571429;padding-top:25px;padding-bottom:15px;border-top:10px solid #1d70b8;color:#0b0c0c;background:#f3f2f1}@media print{.govuk-footer{font-family:sans-serif}}@media (min-width:40.0625em){.govuk-footer{font-size:1rem;line-height:1.25}}@media print{.govuk-footer{font-size:14pt;line-height:1.2}}@media (min-width:40.0625em){.govuk-footer{padding-top:40px;padding-bottom:25px}}.govuk-template--rebranded .govuk-footer{background:#f4f8fb}.govuk-footer__crown{margin-bottom:25px}.govuk-footer__link{font-family:GDS Transport,arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-decoration:underline;text-decoration-thickness:max(1px,.0625rem);text-underline-offset:.1578em}@media print{.govuk-footer__link{font-family:sans-serif}}.govuk-footer__link:hover{text-decoration-thickness:max(3px,.1875rem,.12em);-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;-webkit-text-decoration-skip:none;text-decoration-skip:none}.govuk-footer__link:focus{outline:3px solid transparent;color:#0b0c0c;background-color:#fd0;box-shadow:0 -2px #fd0,0 4px #0b0c0c;text-decoration:none}@supports not (text-wrap:balance){.govuk-footer__link:focus{-webkit-box-decoration-break:clone;box-decoration-break:clone}}.govuk-footer__link:link,.govuk-footer__link:visited{color:#0b0c0c}@media print{.govuk-footer__link:link,.govuk-footer__link:visited{color:#000}}.govuk-footer__link:hover{color:rgba(11,12,12,.99)}.govuk-footer__link:active,.govuk-footer__link:focus{color:#0b0c0c}@media print{.govuk-footer__link:active,.govuk-footer__link:focus{color:#000}}.govuk-footer__section-break{margin:0 0 30px;border:0;border-bottom:1px solid #b1b4b6}@media (min-width:40.0625em){.govuk-footer__section-break{margin-bottom:50px}}.govuk-template--rebranded .govuk-footer__section-break{border-bottom-color:#8eb8dc}.govuk-footer__meta{display:flex;margin-right:-15px;margin-left:-15px;flex-wrap:wrap;align-items:flex-end;justify-content:center}.govuk-footer__meta-item{margin-right:15px;margin-bottom:25px;margin-left:15px}.govuk-footer__meta-item--grow{flex:1}@media (max-width:40.0525em){.govuk-footer__meta-item--grow{flex-basis:320px}}.govuk-footer__licence-logo{display:inline-block;margin-right:10px;vertical-align:top;forced-color-adjust:auto}@media (max-width:48.0525em){.govuk-footer__licence-logo{margin-bottom:15px}}.govuk-footer__licence-description{display:inline-block;text-wrap:balance}.govuk-footer__copyright-logo:before{content:"";display:block;width:100%;padding-top:112px;background-image:url(/assets/images/govuk-crest.svg);background-repeat:no-repeat;background-position:50% 0;background-size:125px 102px;text-align:center;white-space:nowrap}@supports ((-webkit-mask-position:initial) or (mask-position:initial)){.govuk-footer__copyright-logo:before{background:currentcolor;-webkit-mask-image:url(/assets/images/govuk-crest.svg);mask-image:url(/assets/images/govuk-crest.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:50% 0;mask-position:50% 0;-webkit-mask-size:125px 102px;mask-size:125px 102px}@media screen and (forced-colors:active){.govuk-footer__copyright-logo:before{background:linktext}}}.govuk-footer__inline-list{margin-top:0;margin-bottom:15px;padding:0}.govuk-footer__meta-custom{margin-bottom:20px}.govuk-footer__inline-list-item{display:inline-block;margin-right:15px;margin-bottom:5px}.govuk-footer__heading{margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid #b1b4b6}@media (max-width:40.0525em){.govuk-footer__heading{padding-bottom:10px}}.govuk-template--rebranded .govuk-footer__heading{border-bottom-color:#8eb8dc}.govuk-footer__navigation{margin-right:-15px;margin-left:-15px}.govuk-footer__navigation:after{content:"";display:block;clear:both}.govuk-footer__section{display:inline-block;margin-bottom:30px;vertical-align:top}.govuk-footer__list{margin:0;padding:0;list-style:none;column-gap:30px}@media (min-width:48.0625em){.govuk-footer__list--columns-2{column-count:2}.govuk-footer__list--columns-3{column-count:3}}.govuk-footer__list-item{margin-bottom:15px}@media (min-width:40.0625em){.govuk-footer__list-item{margin-bottom:20px}}.govuk-footer__list-item:last-child{margin-bottom:0}.govuk-header{font-family:GDS Transport,arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;font-size:.875rem;line-height:1;border-bottom:10px solid #fff;background:#0b0c0c;color:#fff}@media print{.govuk-header{font-family:sans-serif}}@media (min-width:40.0625em){.govuk-header{font-size:1rem;line-height:1}}@media print{.govuk-header{font-size:14pt;line-height:1}}.govuk-template--rebranded .govuk-header{border-bottom:1px solid transparent;background:#1d70b8}@media (max-width:48.0525em){.govuk-header--with-js-navigation .govuk-header__logo{padding-right:80px}}.govuk-header__container--full-width{padding:0 15px;border-color:#1d70b8}.govuk-header__container--full-width .govuk-header__menu-button{right:15px}.govuk-header__container{position:relative;margin-bottom:-10px;padding-top:10px;border-bottom:10px solid #1d70b8}.govuk-header__container:after{content:"";display:block;clear:both}.govuk-template--rebranded .govuk-header__container{margin-bottom:0;padding-top:0;border-bottom:none}.govuk-header--full-width-border{border-bottom-color:#1d70b8}.govuk-header--full-width-border .govuk-header__container{border-bottom-color:transparent}.govuk-header__logotype{display:inline-block;position:relative;top:-3px;margin-right:5px;fill:currentcolor;vertical-align:top}@media (forced-colors:active){.govuk-header__logotype{forced-color-adjust:none;color:linktext}}.govuk-header__logotype:last-child{margin-right:0}.govuk-template--rebranded .govuk-header__logotype{margin-right:.4375rem;margin-bottom:2px}.govuk-template--rebranded .govuk-header__logotype:last-child{margin-right:0}.govuk-logo-dot{fill:#00ffe0}@media print{.govuk-logo-dot{fill:currentcolor}}@media (forced-colors:active){.govuk-logo-dot{fill:currentcolor}}:focus .govuk-logo-dot{fill:currentcolor}.govuk-header__product-name{font-size:1.125rem;line-height:1;font-weight:400;display:inline-table;margin-top:10px;vertical-align:top}@media (min-width:40.0625em){.govuk-header__product-name{font-size:1.5rem;line-height:1}}@media print{.govuk-header__product-name{font-size:18pt;line-height:1}}@-moz-document url-prefix(){.govuk-header__product-name{margin-top:9.5px}}@media (min-width:40.0625em){.govuk-header__product-name{margin-top:5px}@-moz-document url-prefix(){.govuk-header__product-name{margin-top:4.5px}}}.govuk-template--rebranded .govuk-header__product-name{margin-top:0;margin-bottom:-.0625rem;font-size:1.9375rem;letter-spacing:-.015em;forced-color-adjust:none}@media screen and (forced-colors:active){.govuk-template--rebranded .govuk-header__product-name{color:LinkText;background:transparent}}@media (min-width:40.0625em){.govuk-template--rebranded .govuk-header__product-name{margin-top:0}}@media (min-width:48.0625em){.govuk-template--rebranded .govuk-header__product-name{margin-top:0}}.govuk-header__link{text-decoration:none}.govuk-header__link:link,.govuk-header__link:visited{color:#fff}.govuk-header__link:active,.govuk-header__link:hover{color:hsla(0,0%,100%,.99)}.govuk-header__link:hover{text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:.1578em}.govuk-header__link:focus{outline:3px solid transparent;color:#0b0c0c;background-color:#fd0;box-shadow:0 -2px #fd0,0 4px #0b0c0c;text-decoration:none}@supports not (text-wrap:balance){.govuk-header__link:focus{-webkit-box-decoration-break:clone;box-decoration-break:clone}}.govuk-header__link--homepage{display:inline-block;margin-right:10px;font-size:30px}@media (min-width:48.0625em){.govuk-header__link--homepage{display:inline}}.govuk-header__link--homepage:link,.govuk-header__link--homepage:visited{text-decoration:none}.govuk-header__link--homepage:active,.govuk-header__link--homepage:hover{margin-bottom:-3px;border-bottom:3px solid}.govuk-header__link--homepage:focus{margin-bottom:0;border-bottom:0}.govuk-template--rebranded .govuk-header__link--homepage{display:inline;word-spacing:-.375rem}.govuk-template--rebranded .govuk-header__link--homepage>*{word-spacing:0}.govuk-template--rebranded .govuk-header__link--homepage:not(:focus){background-color:#1d70b8}.govuk-header__service-name{display:inline-block;margin-bottom:10px;font-size:1.125rem;line-height:1.1111111111;font-weight:700}@media (min-width:40.0625em){.govuk-header__service-name{font-size:1.5rem;line-height:1.25}}@media print{.govuk-header__service-name{font-size:18pt;line-height:1.15}}.govuk-template--rebranded .govuk-header__service-name{margin-bottom:15px}@media (min-width:48.0625em){.govuk-template--rebranded .govuk-header__service-name{margin:19px 0 11px}}.govuk-header__content,.govuk-header__logo{box-sizing:border-box}.govuk-header__logo{margin-bottom:10px}@media (min-width:48.0625em){.govuk-header__logo{width:33.33%;padding-right:15px;float:left;vertical-align:top}.govuk-header__logo:last-child{width:auto;padding-right:0;float:none}}.govuk-template--rebranded .govuk-header__logo{margin-bottom:0;padding-top:16px;padding-bottom:12px}@media (min-width:48.0625em){.govuk-header__content{width:66.66%;padding-left:15px;float:left}}.govuk-header__menu-button{font-family:GDS Transport,arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;font-size:.875rem;line-height:1.1428571429;max-width:80px;min-height:24px;margin-bottom:5px;padding:0;border:0;color:#fff;background:none;word-break:break-all;cursor:pointer}@media print{.govuk-header__menu-button{font-family:sans-serif}}@media (min-width:40.0625em){.govuk-header__menu-button{font-size:1rem;line-height:1.25}}@media print{.govuk-header__menu-button{font-size:14pt;line-height:1.2}}.govuk-header__menu-button:hover{-webkit-text-decoration:solid underline 3px;text-decoration:solid underline 3px;text-underline-offset:.1578em}.govuk-header__menu-button:focus{outline:3px solid transparent;color:#0b0c0c;background-color:#fd0;box-shadow:0 -2px #fd0,0 4px #0b0c0c;text-decoration:none}@supports not (text-wrap:balance){.govuk-header__menu-button:focus{-webkit-box-decoration-break:clone;box-decoration-break:clone}}.govuk-header__menu-button:after{display:inline-block;width:0;height:0;-webkit-clip-path:polygon(0 0,50% 100%,100% 0);clip-path:polygon(0 0,50% 100%,100% 0);border-color:transparent;border-style:solid;border-width:8.66px 5px 0;border-top-color:inherit;content:"";margin-left:5px}.govuk-header__menu-button[aria-expanded=true]:after{display:inline-block;width:0;height:0;-webkit-clip-path:polygon(50% 0,0 100%,100% 100%);clip-path:polygon(50% 0,0 100%,100% 100%);border-color:transparent;border-style:solid;border-width:0 5px 8.66px;border-bottom-color:inherit}@media (min-width:20em){.govuk-header__menu-button{position:absolute;top:13px;right:0;margin:0}}@media (min-width:40.0625em){.govuk-header__menu-button{top:15px}}.govuk-frontend-supported .govuk-header__menu-button{display:block}.govuk-frontend-supported .govuk-header__menu-button[hidden],.govuk-header__menu-button[hidden]{display:none}@media (max-width:19.99em){.govuk-template--rebranded .govuk-header__navigation{padding-bottom:15px}}@media (min-width:48.0625em){.govuk-header__navigation{margin-bottom:10px}.govuk-template--rebranded .govuk-header__navigation{margin-bottom:0;padding:22px 0 8px}.govuk-template--rebranded .govuk-header__service-name+.govuk-header__navigation{padding-top:0;padding-bottom:15px}}.govuk-header__navigation-list{margin:0;padding:0;list-style:none}.govuk-header__navigation-list[hidden]{display:none}@media (min-width:20em) and (max-width:48.0525em){.govuk-template--rebranded .govuk-header__navigation-list{padding-bottom:15px}}@media (min-width:48.0625em){.govuk-header__navigation--end{margin:0;padding:5px 0;text-align:right}}.govuk-header__navigation-item{padding:10px 0;border-bottom:1px solid #2e3133}@media (min-width:48.0625em){.govuk-header__navigation-item{display:inline-block;margin-right:15px;padding:5px 0;border:0}}.govuk-header__navigation-item a{font-size:.875rem;line-height:1.1428571429;font-weight:700;white-space:nowrap}@media (min-width:40.0625em){.govuk-header__navigation-item a{font-size:1rem;line-height:1.25}}@media print{.govuk-header__navigation-item a{font-size:14pt;line-height:1.2}}.govuk-template--rebranded .govuk-header__navigation-item{padding-top:15px;border-bottom-color:#fff}@media (min-width:48.0625em){.govuk-template--rebranded .govuk-header__navigation-item{padding-top:5px}}.govuk-template--rebranded .govuk-header__navigation-item a{font-weight:400}.govuk-template--rebranded .govuk-header__navigation-item--active a{font-weight:700}.govuk-header__navigation-item--active a:hover,.govuk-header__navigation-item--active a:link,.govuk-header__navigation-item--active a:visited{color:#1d8feb}.govuk-template--rebranded .govuk-header__navigation-item--active a:hover,.govuk-template--rebranded .govuk-header__navigation-item--active a:link,.govuk-template--rebranded .govuk-header__navigation-item--active a:visited{color:inherit}@media print{.govuk-header__navigation-item--active a{color:#1d70b8}}.govuk-header__navigation-item--active a:focus,.govuk-template--rebranded .govuk-header__navigation-item--active a:focus{color:#0b0c0c}.govuk-header__navigation-item:last-child{margin-right:0;border-bottom:0}@media print{.govuk-header{border-bottom-width:0;color:#0b0c0c;background:transparent}.govuk-header__link:link,.govuk-header__link:visited{color:#0b0c0c}.govuk-header__link:after{display:none}}.govuk-inset-text{font-family:GDS Transport,arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;font-size:1rem;line-height:1.25;color:#0b0c0c;padding:15px;margin-top:20px;margin-bottom:20px;clear:both;border-left:10px solid #b1b4b6}@media print{.govuk-inset-text{font-family:sans-serif}}@media (min-width:40.0625em){.govuk-inset-text{font-size:1.1875rem;line-height:1.3157894737}}@media print{.govuk-inset-text{font-size:14pt;line-height:1.15;color:#000}}@media (min-width:40.0625em){.govuk-inset-text{margin-top:30px;margin-bottom:30px}}.govuk-inset-text>:first-child{margin-top:0}.govuk-inset-text>:last-child,.govuk-inset-text>:only-child{margin-bottom:0}.govuk-notification-banner{font-family:GDS Transport,arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;font-size:1rem;line-height:1.25;margin-bottom:30px;border:5px solid #1d70b8;background-color:#1d70b8}@media print{.govuk-notification-banner{font-family:sans-serif}}@media (min-width:40.0625em){.govuk-notification-banner{font-size:1.1875rem;line-height:1.3157894737}}@media print{.govuk-notification-banner{font-size:14pt;line-height:1.15}}@media (min-width:40.0625em){.govuk-notification-banner{margin-bottom:50px}}.govuk-notification-banner:focus{outline:3px solid #fd0}.govuk-notification-banner__header{padding:2px 15px 5px;border-bottom:1px solid transparent}@media (min-width:40.0625em){.govuk-notification-banner__header{padding:2px 20px 5px}}.govuk-notification-banner__title{font-size:1rem;line-height:1.25;font-weight:700;margin:0;padding:0;color:#fff}@media (min-width:40.0625em){.govuk-notification-banner__title{font-size:1.1875rem;line-height:1.3157894737}}@media print{.govuk-notification-banner__title{font-size:14pt;line-height:1.15}}.govuk-notification-banner__content{color:#0b0c0c;padding:15px;background-color:#fff}@media print{.govuk-notification-banner__content{color:#000}}@media (min-width:40.0625em){.govuk-notification-banner__content{padding:20px}}.govuk-notification-banner__content>*{box-sizing:border-box;max-width:605px}.govuk-notification-banner__content>:last-child{margin-bottom:0}.govuk-notification-banner__heading{font-size:1.125rem;line-height:1.1111111111;font-weight:700;margin:0 0 15px;padding:0}@media (min-width:40.0625em){.govuk-notification-banner__heading{font-size:1.5rem;line-height:1.25}}@media print{.govuk-notification-banner__heading{font-size:18pt;line-height:1.15}}.govuk-notification-banner__link{font-family:GDS Transport,arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-decoration:underline;text-decoration-thickness:max(1px,.0625rem);text-underline-offset:.1578em}@media print{.govuk-notification-banner__link{font-family:sans-serif}}.govuk-notification-banner__link:hover{text-decoration-thickness:max(3px,.1875rem,.12em);-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;-webkit-text-decoration-skip:none;text-decoration-skip:none}.govuk-notification-banner__link:focus{outline:3px solid transparent;background-color:#fd0;box-shadow:0 -2px #fd0,0 4px #0b0c0c;text-decoration:none}@supports not (text-wrap:balance){.govuk-notification-banner__link:focus{-webkit-box-decoration-break:clone;box-decoration-break:clone}}.govuk-notification-banner__link:link,.govuk-notification-banner__link:visited{color:#1d70b8}.govuk-notification-banner__link:hover{color:#003078}.govuk-notification-banner__link:active,.govuk-notification-banner__link:focus{color:#0b0c0c}.govuk-notification-banner--success{border-color:#00703c;background-color:#00703c}.govuk-notification-banner--success .govuk-notification-banner__link:link,.govuk-notification-banner--success .govuk-notification-banner__link:visited{color:#00703c}.govuk-notification-banner--success .govuk-notification-banner__link:hover{color:#004e2a}.govuk-notification-banner--success .govuk-notification-banner__link:active{color:#00703c}.govuk-notification-banner--success .govuk-notification-banner__link:focus{color:#0b0c0c}.govuk-pagination{margin-bottom:20px;display:flex;flex-direction:column;align-items:center;flex-wrap:wrap}@media (min-width:40.0625em){.govuk-pagination{margin-bottom:30px;flex-direction:row;align-items:flex-start}}.govuk-pagination__list{margin:0;padding:0;list-style:none}.govuk-pagination__item,.govuk-pagination__next,.govuk-pagination__prev{font-family:GDS Transport,arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;font-size:1rem;line-height:1.25;box-sizing:border-box;position:relative;min-width:45px;min-height:45px;padding:10px 15px;float:left}@media print{.govuk-pagination__item,.govuk-pagination__next,.govuk-pagination__prev{font-family:sans-serif}}@media (min-width:40.0625em){.govuk-pagination__item,.govuk-pagination__next,.govuk-pagination__prev{font-size:1.1875rem;line-height:1.3157894737}}@media print{.govuk-pagination__item,.govuk-pagination__next,.govuk-pagination__prev{font-size:14pt;line-height:1.15}}.govuk-pagination__item:hover,.govuk-pagination__next:hover,.govuk-pagination__prev:hover{background-color:#f3f2f1}.govuk-pagination__item{display:none;text-align:center}@media (min-width:40.0625em){.govuk-pagination__item{display:block}}.govuk-pagination__next,.govuk-pagination__prev{font-weight:700}.govuk-pagination__next .govuk-pagination__link,.govuk-pagination__prev .govuk-pagination__link{display:flex;align-items:center}.govuk-pagination__prev{padding-left:0}.govuk-pagination__next{padding-right:0}.govuk-pagination__item--current,.govuk-pagination__item--ellipses,.govuk-pagination__item:first-child,.govuk-pagination__item:last-child{display:block}.govuk-pagination__item--current{font-weight:700;outline:1px solid transparent;background-color:#1d70b8}.govuk-pagination__item--current:hover{background-color:#1d70b8}.govuk-pagination__item--current .govuk-pagination__link:link,.govuk-pagination__item--current .govuk-pagination__link:visited{color:#fff}.govuk-pagination__item--current .govuk-pagination__link:active,.govuk-pagination__item--current .govuk-pagination__link:hover{color:hsla(0,0%,100%,.99)}.govuk-pagination__item--current .govuk-pagination__link:focus{color:#0b0c0c}.govuk-pagination__item--ellipses{font-weight:700;color:#505a5f}.govuk-pagination__item--ellipses:hover{background-color:transparent}.govuk-pagination__link{display:block;min-width:15px}@media screen{.govuk-pagination__link:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0}}.govuk-pagination__link:active .govuk-pagination__link-title--decorated,.govuk-pagination__link:hover .govuk-pagination__link-title--decorated{text-decoration:underline;text-decoration-thickness:max(1px,.0625rem);text-underline-offset:.1578em}.govuk-pagination__link:active .govuk-pagination__link-label,.govuk-pagination__link:active .govuk-pagination__link-title--decorated,.govuk-pagination__link:hover .govuk-pagination__link-label,.govuk-pagination__link:hover .govuk-pagination__link-title--decorated{text-decoration-thickness:max(3px,.1875rem,.12em);-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;-webkit-text-decoration-skip:none;text-decoration-skip:none}.govuk-pagination__link:focus .govuk-pagination__icon{color:#0b0c0c}.govuk-pagination__link:focus .govuk-pagination__link-label,.govuk-pagination__link:focus .govuk-pagination__link-title--decorated{text-decoration:none}.govuk-pagination__link-title{text-decoration-thickness:inherit}.govuk-pagination__link-label{font-weight:400;text-decoration:underline;text-decoration-thickness:max(1px,.0625rem);text-underline-offset:.1578em;display:inline-block}.govuk-pagination__icon{width:.9375rem;height:.8125rem;color:#505a5f;fill:currentcolor;forced-color-adjust:auto}.govuk-pagination__icon--prev{margin-right:15px}.govuk-pagination__icon--next{margin-left:15px}.govuk-pagination--block{display:block}.govuk-pagination--block .govuk-pagination__next,.govuk-pagination--block .govuk-pagination__prev{padding-left:0;float:none}.govuk-pagination--block .govuk-pagination__next .govuk-pagination__link,.govuk-pagination--block .govuk-pagination__prev .govuk-pagination__link{display:inline-block}.govuk-pagination--block .govuk-pagination__next{padding-right:15px}.govuk-pagination--block .govuk-pagination__prev+.govuk-pagination__next{border-top:1px solid #b1b4b6}.govuk-pagination--block .govuk-pagination__link-title:after{content:"";display:block}.govuk-pagination--block .govuk-pagination__link{padding-left:30px;text-align:left}.govuk-pagination--block .govuk-pagination__link:not(:focus){text-decoration:none}.govuk-pagination--block .govuk-pagination__icon{margin-top:.326em;margin-left:-30px;float:left}.govuk-panel{font-family:GDS Transport,arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;font-size:1.5rem;line-height:1.0416666667;box-sizing:border-box;margin-bottom:15px;padding:35px;border:5px solid transparent;text-align:center}@media print{.govuk-panel{font-family:sans-serif}}@media (min-width:40.0625em){.govuk-panel{font-size:2.25rem;line-height:1.1111111111}}@media print{.govuk-panel{font-size:24pt;line-height:1.05}}@media (max-width:40.0525em){.govuk-panel{padding:10px;overflow-wrap:break-word;word-wrap:break-word}}.govuk-panel--confirmation{color:#fff;background:#00703c}@media print{.govuk-panel--confirmation{border-color:currentcolor;color:#000;background:none}}.govuk-panel__title{font-size:2rem;line-height:1.09375;font-weight:700;margin-top:0;margin-bottom:30px}@media (min-width:40.0625em){.govuk-panel__title{font-size:3rem;line-height:1.0416666667}}@media print{.govuk-panel__title{font-size:32pt;line-height:1.15}}.govuk-panel__title:last-child{margin-bottom:0}@media (min-width:20em){.govuk-password-input__wrapper{flex-direction:row;align-items:flex-start}}.govuk-password-input__input::-ms-reveal{display:none}.govuk-password-input__toggle{margin-top:5px;margin-bottom:0}.govuk-password-input__toggle[hidden]{display:none}@media (min-width:20em){.govuk-password-input__toggle{width:auto;flex-shrink:0;flex-basis:5em;margin-top:0;margin-left:5px}}.govuk-tag{font-family:GDS Transport,arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;font-size:1rem;line-height:1.25;display:inline-block;max-width:160px;margin-top:-2px;margin-bottom:-3px;padding:2px 8px 3px;color:#0c2d4a;background-color:#bbd4ea;text-decoration:none;overflow-wrap:break-word}@media print{.govuk-tag{font-family:sans-serif}}@media (min-width:40.0625em){.govuk-tag{font-size:1.1875rem;line-height:1.3157894737}}@media print{.govuk-tag{font-size:14pt;line-height:1.15}}@media screen and (forced-colors:active){.govuk-tag{font-weight:700}}.govuk-tag--grey{color:#282d30;background-color:#e5e6e7}.govuk-tag--purple{color:#491644;background-color:#efdfed}.govuk-tag--turquoise{color:#10403c;background-color:#d4ecea}.govuk-tag--blue{color:#0c2d4a;background-color:#bbd4ea}.govuk-tag--light-blue{color:#0c2d4a;background-color:#e8f1f8}.govuk-tag--yellow{color:#594d00;background-color:#fff7bf}.govuk-tag--orange{color:#6e3619;background-color:#fcd6c3}.govuk-tag--red{color:#2a0b06;background-color:#f4cdc6}.govuk-tag--pink{color:#6b1c40;background-color:#f9e1ec}.govuk-tag--green{color:#005a30;background-color:#cce2d8}.govuk-phase-banner{padding-top:10px;padding-bottom:10px;border-bottom:1px solid #b1b4b6}.govuk-phase-banner__content{font-family:GDS Transport,arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;font-size:.875rem;line-height:1.1428571429;color:#0b0c0c;display:table;margin:0}@media print{.govuk-phase-banner__content{font-family:sans-serif}}@media (min-width:40.0625em){.govuk-phase-banner__content{font-size:1rem;line-height:1.25}}@media print{.govuk-phase-banner__content{font-size:14pt;line-height:1.2;color:#000}}.govuk-phase-banner__content__tag{font-size:.875rem;line-height:1.1428571429;margin-right:10px}@media (min-width:40.0625em){.govuk-phase-banner__content__tag{font-size:1rem;line-height:1.25}}@media print{.govuk-phase-banner__content__tag{font-size:14pt;line-height:1.2}}.govuk-phase-banner__text{display:table-cell;vertical-align:middle}.govuk-radios__item{display:flex;flex-wrap:wrap;position:relative;margin-bottom:10px}.govuk-radios__item:last-child,.govuk-radios__item:last-of-type{margin-bottom:0}.govuk-radios__input{z-index:1;width:44px;height:44px;margin:0;opacity:0;cursor:pointer}.govuk-radios__label{align-self:center;max-width:calc(100% - 74px);margin-bottom:0;padding:7px 15px;cursor:pointer;touch-action:manipulation}.govuk-radios__label:before{content:"";box-sizing:border-box;position:absolute;top:2px;left:2px;width:40px;height:40px;border:2px solid;border-radius:50%;background:transparent}.govuk-radios__label:after{content:"";position:absolute;top:12px;left:12px;width:0;height:0;border:10px solid;border-radius:50%;opacity:0;background:currentcolor}.govuk-radios__hint{display:block;width:100%;margin-top:-5px;padding-right:15px;padding-left:59px}.govuk-label:not(.govuk-label--m):not(.govuk-label--l):not(.govuk-label--xl)+.govuk-radios__hint{margin-bottom:0}.govuk-radios__input:focus+.govuk-radios__label:before{border-width:4px;outline:3px solid transparent;outline-offset:1px;box-shadow:0 0 0 4px #fd0}@media (-ms-high-contrast:active),screen and (forced-colors:active){.govuk-radios__input:focus+.govuk-radios__label:before{outline-color:Highlight}}.govuk-radios__input:checked+.govuk-radios__label:after{opacity:1}.govuk-radios__input:disabled,.govuk-radios__input:disabled+.govuk-radios__label{cursor:not-allowed}.govuk-radios__input:disabled+.govuk-radios__label,.govuk-radios__input:disabled~.govuk-hint{opacity:.5}@media (min-width:40.0625em){.govuk-radios--inline{display:flex;flex-wrap:wrap;align-items:flex-start}.govuk-radios--inline .govuk-radios__item{margin-right:20px}}.govuk-radios__divider{font-family:GDS Transport,arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;font-size:1rem;line-height:1.25;color:#0b0c0c;width:40px;margin-bottom:10px;text-align:center}@media print{.govuk-radios__divider{font-family:sans-serif}}@media (min-width:40.0625em){.govuk-radios__divider{font-size:1.1875rem;line-height:1.3157894737}}@media print{.govuk-radios__divider{font-size:14pt;line-height:1.15;color:#000}}.govuk-radios__conditional{margin-bottom:15px;margin-left:20px;padding-left:35px;border-left:4px solid #b1b4b6}@media (min-width:40.0625em){.govuk-radios__conditional{margin-bottom:20px}}.govuk-frontend-supported .govuk-radios__conditional--hidden{display:none}.govuk-radios--small .govuk-radios__item,.govuk-radios__conditional>:last-child{margin-bottom:0}.govuk-radios--small .govuk-radios__input{margin-left:-10px}.govuk-radios--small .govuk-radios__label{padding-left:1px}.govuk-radios--small .govuk-radios__label:before{top:10px;left:0;width:24px;height:24px}.govuk-radios--small .govuk-radios__label:after{top:17px;left:7px;border-width:5px}.govuk-radios--small .govuk-radios__hint{padding-left:34px}.govuk-radios--small .govuk-radios__conditional{margin-left:10px;padding-left:20px}.govuk-radios--small .govuk-radios__divider{width:24px;margin-bottom:5px}.govuk-radios--small .govuk-radios__item:hover .govuk-radios__input:not(:disabled)+.govuk-radios__label:before{outline:4px dashed transparent;outline-offset:1px;box-shadow:0 0 0 10px #b1b4b6}.govuk-radios--small .govuk-radios__item:hover .govuk-radios__input:focus+.govuk-radios__label:before{box-shadow:0 0 0 4px 0 0 0 10px #fd0 #b1b4b6}@media (-ms-high-contrast:active),screen and (forced-colors:active){.govuk-radios--small .govuk-radios__item:hover .govuk-radios__input:focus+.govuk-radios__label:before{outline-color:Highlight}}@media (hover:none),(pointer:coarse){.govuk-radios--small .govuk-radios__item:hover .govuk-radios__input:not(:disabled)+.govuk-radios__label:before{box-shadow:none}.govuk-radios--small .govuk-radios__item:hover .govuk-radios__input:focus+.govuk-radios__label:before{box-shadow:0 0 0 4px #fd0}}.govuk-select{font-family:GDS Transport,arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;font-size:1rem;line-height:1.25;box-sizing:border-box;min-width:11.5em;max-width:100%;height:2.5rem;padding:5px;border:2px solid #0b0c0c;color:#0b0c0c;background-color:#fff}@media print{.govuk-select{font-family:sans-serif}}@media (min-width:40.0625em){.govuk-select{font-size:1.1875rem;line-height:1.25}}@media print{.govuk-select{font-size:14pt;line-height:1.25}}.govuk-select:focus{outline:3px solid #fd0;outline-offset:0;box-shadow:inset 0 0 0 2px}.govuk-select:disabled{opacity:.5;color:inherit;cursor:not-allowed}.govuk-select option:active,.govuk-select option:checked,.govuk-select:focus::-ms-value{color:#fff;background-color:#1d70b8}.govuk-select--error{border-color:#d4351c}.govuk-select--error:focus{border-color:#0b0c0c}.govuk-service-navigation{border-bottom:1px solid #b1b4b6;background-color:#f3f2f1}.govuk-template--rebranded .govuk-service-navigation{border-bottom-color:#8eb8dc;background-color:#f4f8fb}.govuk-service-navigation__container{display:flex;flex-direction:column;align-items:start}@media (min-width:40.0625em){.govuk-service-navigation__container{flex-direction:row;flex-wrap:wrap}}.govuk-service-navigation__item,.govuk-service-navigation__service-name{position:relative;margin:10px 0;border:0 solid #1a65a6}@media (min-width:40.0625em){.govuk-service-navigation__item,.govuk-service-navigation__service-name{display:inline-block;margin-top:0;margin-bottom:0;padding:20px 0}.govuk-template--rebranded .govuk-service-navigation__item,.govuk-template--rebranded .govuk-service-navigation__service-name{padding:15px 0;line-height:1.5263157895}.govuk-service-navigation__item:not(:last-child),.govuk-service-navigation__service-name:not(:last-child){margin-right:20px}}@media (min-width:40.0625em) and (min-width:40.0625em){.govuk-service-navigation__item:not(:last-child),.govuk-service-navigation__service-name:not(:last-child){margin-right:30px}}.govuk-service-navigation__service-name+.govuk-service-navigation__wrapper .govuk-service-navigation__list:first-child .govuk-service-navigation__item:first-child,.govuk-service-navigation__service-name+.govuk-service-navigation__wrapper .govuk-service-navigation__toggle[hidden]+.govuk-service-navigation__list .govuk-service-navigation__item:first-child{margin-top:0}@media (max-width:40.0525em){.govuk-service-navigation__item--active{margin-left:-15px;padding-left:10px;border-left-width:5px}}@media (min-width:40.0625em){.govuk-service-navigation__item--active{padding-bottom:15px;border-bottom-width:5px}.govuk-template--rebranded .govuk-service-navigation__item--active{padding-bottom:10px}}.govuk-service-navigation__link{font-family:GDS Transport,arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-decoration:underline;text-decoration-thickness:max(1px,.0625rem);text-underline-offset:.1578em}@media print{.govuk-service-navigation__link{font-family:sans-serif}}.govuk-service-navigation__link:hover{text-decoration-thickness:max(3px,.1875rem,.12em);-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;-webkit-text-decoration-skip:none;text-decoration-skip:none}.govuk-service-navigation__link:focus{outline:3px solid transparent;background-color:#fd0;box-shadow:0 -2px #fd0,0 4px #0b0c0c;text-decoration:none}@supports not (text-wrap:balance){.govuk-service-navigation__link:focus{-webkit-box-decoration-break:clone;box-decoration-break:clone}}.govuk-service-navigation__link:not(:hover):not(:active){text-decoration:none}.govuk-service-navigation__link:link,.govuk-service-navigation__link:visited{color:#1d70b8}.govuk-service-navigation__link:hover{color:#003078}.govuk-service-navigation__link:active,.govuk-service-navigation__link:focus{color:#0b0c0c}.govuk-service-navigation__link:not(:hover):not(:focus){color:#1a65a6}.govuk-service-navigation__service-name{font-family:GDS Transport,arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:700;font-size:1rem;line-height:1.25}@media print{.govuk-service-navigation__service-name{font-family:sans-serif}}@media (min-width:40.0625em){.govuk-service-navigation__service-name{font-size:1.1875rem;line-height:1.3157894737}}@media print{.govuk-service-navigation__service-name{font-size:14pt;line-height:1.15}}.govuk-service-navigation__service-name .govuk-service-navigation__link:link,.govuk-service-navigation__service-name .govuk-service-navigation__link:visited{color:#0b0c0c}@media print{.govuk-service-navigation__service-name .govuk-service-navigation__link:link,.govuk-service-navigation__service-name .govuk-service-navigation__link:visited{color:#000}}.govuk-service-navigation__service-name .govuk-service-navigation__link:hover{color:rgba(11,12,12,.99)}.govuk-service-navigation__service-name .govuk-service-navigation__link:active,.govuk-service-navigation__service-name .govuk-service-navigation__link:focus{color:#0b0c0c}@media print{.govuk-service-navigation__service-name .govuk-service-navigation__link:active,.govuk-service-navigation__service-name .govuk-service-navigation__link:focus{color:#000}}.govuk-service-navigation__wrapper{flex-grow:1}.govuk-service-navigation__toggle{font-family:GDS Transport,arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:700;font-size:1rem;line-height:1.25;display:inline-flex;margin:10px 0;padding:0;border:0;color:#1a65a6;background:none;word-break:break-all;cursor:pointer;align-items:center}@media print{.govuk-service-navigation__toggle{font-family:sans-serif}}@media (min-width:40.0625em){.govuk-service-navigation__toggle{font-size:1.1875rem;line-height:1.3157894737}}@media print{.govuk-service-navigation__toggle{font-size:14pt;line-height:1.15}}.govuk-service-navigation__toggle:focus{outline:3px solid transparent;color:#0b0c0c;background-color:#fd0;box-shadow:0 -2px #fd0,0 4px #0b0c0c;text-decoration:none}@supports not (text-wrap:balance){.govuk-service-navigation__toggle:focus{-webkit-box-decoration-break:clone;box-decoration-break:clone}}.govuk-service-navigation__toggle:after{display:inline-block;width:0;height:0;-webkit-clip-path:polygon(0 0,50% 100%,100% 0);clip-path:polygon(0 0,50% 100%,100% 0);border-color:transparent;border-style:solid;border-width:8.66px 5px 0;border-top-color:inherit;content:"";margin-left:5px}.govuk-service-navigation__toggle[aria-expanded=true]:after{display:inline-block;width:0;height:0;-webkit-clip-path:polygon(50% 0,0 100%,100% 100%);clip-path:polygon(50% 0,0 100%,100% 100%);border-color:transparent;border-style:solid;border-width:0 5px 8.66px;border-bottom-color:inherit}.govuk-service-navigation__toggle[hidden]{display:none}.govuk-service-navigation__service-name+.govuk-service-navigation__wrapper .govuk-service-navigation__toggle{margin-top:0}.govuk-service-navigation__list{font-family:GDS Transport,arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;font-size:1rem;line-height:1.25;margin:0 0 15px;padding:0;list-style:none}@media print{.govuk-service-navigation__list{font-family:sans-serif}}@media (min-width:40.0625em){.govuk-service-navigation__list{font-size:1.1875rem;line-height:1.3157894737}}@media print{.govuk-service-navigation__list{font-size:14pt;line-height:1.15}}@media (min-width:40.0625em){.govuk-service-navigation__list{display:flex;flex-wrap:wrap;margin-bottom:0}}@media screen and (min-width:40.0625em) and (min-width:0\0){.govuk-service-navigation__list{display:block}}.govuk-service-navigation__active-fallback{font-weight:inherit}.govuk-template--rebranded .govuk-service-navigation--inverse{border-bottom:none;color:#fff;background-color:#1d70b8}.govuk-template--rebranded .govuk-service-navigation--inverse .govuk-width-container{border-color:#8eb8dc;border-style:solid;border-width:1px 0}.govuk-template--rebranded .govuk-service-navigation--inverse .govuk-service-navigation__container{margin-top:-1px}.govuk-template--rebranded .govuk-service-navigation--inverse .govuk-service-navigation__item,.govuk-template--rebranded .govuk-service-navigation--inverse .govuk-service-navigation__service-name{border-color:#fff}.govuk-template--rebranded .govuk-service-navigation--inverse .govuk-service-navigation__link:link,.govuk-template--rebranded .govuk-service-navigation--inverse .govuk-service-navigation__link:visited{color:#fff}.govuk-template--rebranded .govuk-service-navigation--inverse .govuk-service-navigation__link:active,.govuk-template--rebranded .govuk-service-navigation--inverse .govuk-service-navigation__link:hover{color:hsla(0,0%,100%,.99)}.govuk-template--rebranded .govuk-service-navigation--inverse .govuk-service-navigation__link:focus{color:#0b0c0c}.govuk-template--rebranded .govuk-service-navigation--inverse .govuk-service-navigation__toggle:not(:focus){color:currentcolor}.govuk-skip-link{text-decoration:underline;text-decoration-thickness:max(1px,.0625rem);text-underline-offset:.1578em;font-family:GDS Transport,arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;font-size:.875rem;line-height:1.1428571429;display:block;padding:10px 15px}.govuk-skip-link:not(:active):not(:focus):not(.\:focus){position:absolute!important;width:1px!important;height:1px!important;margin:0!important;padding:0!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;-webkit-clip-path:inset(50%)!important;clip-path:inset(50%)!important;border:0!important;white-space:nowrap!important;-webkit-user-select:none;-ms-user-select:none;user-select:none}.govuk-skip-link:link,.govuk-skip-link:visited{color:#0b0c0c}@media print{.govuk-skip-link:link,.govuk-skip-link:visited{color:#000}}.govuk-skip-link:hover{color:rgba(11,12,12,.99)}.govuk-skip-link:active,.govuk-skip-link:focus{color:#0b0c0c}@media print{.govuk-skip-link:active,.govuk-skip-link:focus{color:#000}.govuk-skip-link{font-family:sans-serif}}@media (min-width:40.0625em){.govuk-skip-link{font-size:1rem;line-height:1.25}}@media print{.govuk-skip-link{font-size:14pt;line-height:1.2}}@supports (padding:max(calc(0px))){.govuk-skip-link{padding-right:max(15px,calc(15px + env(safe-area-inset-right)));padding-left:max(15px,calc(15px + env(safe-area-inset-left)))}}.govuk-skip-link:focus{outline:3px solid #fd0;outline-offset:0;background-color:#fd0}.govuk-skip-link-focused-element:focus{outline:none}.govuk-summary-list{font-family:GDS Transport,arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;font-size:1rem;line-height:1.25;color:#0b0c0c;margin:0 0 20px}@media print{.govuk-summary-list{font-family:sans-serif}}@media (min-width:40.0625em){.govuk-summary-list{font-size:1.1875rem;line-height:1.3157894737}}@media print{.govuk-summary-list{font-size:14pt;line-height:1.15;color:#000}}@media (min-width:40.0625em){.govuk-summary-list{display:table;width:100%;table-layout:fixed;border-collapse:collapse;margin-bottom:30px}}.govuk-summary-list__row{border-bottom:1px solid #b1b4b6}@media (max-width:40.0525em){.govuk-summary-list__row{margin-bottom:15px}}@media (min-width:40.0625em){.govuk-summary-list__row{display:table-row}}.govuk-summary-list__row:not(.govuk-summary-list__row--no-actions)>:last-child{padding-right:0}@media (min-width:40.0625em){.govuk-summary-list__row--no-actions:after{content:"";display:table-cell;width:20%}}.govuk-summary-list__actions,.govuk-summary-list__key,.govuk-summary-list__value{margin:0}@media (min-width:40.0625em){.govuk-summary-list__actions,.govuk-summary-list__key,.govuk-summary-list__value{display:table-cell;padding-top:10px;padding-right:20px;padding-bottom:10px}}.govuk-summary-list__actions{margin-bottom:15px}@media (min-width:40.0625em){.govuk-summary-list__actions{width:20%;text-align:right}}.govuk-summary-list__key,.govuk-summary-list__value{word-wrap:break-word;overflow-wrap:break-word}.govuk-summary-list__key{margin-bottom:5px;font-weight:700}@media (min-width:40.0625em){.govuk-summary-list__key{width:30%}}@media (max-width:40.0525em){.govuk-summary-list__value{margin-bottom:15px}}.govuk-summary-list__value>p{margin-bottom:10px}.govuk-summary-list__value>:last-child{margin-bottom:0}.govuk-summary-list__actions-list{width:100%;margin:0;padding:0}.govuk-summary-card__action,.govuk-summary-list__actions-list-item{display:inline-block}@media (max-width:40.0525em){.govuk-summary-card__action,.govuk-summary-list__actions-list-item{margin-right:10px;padding-right:10px;border-right:1px solid #b1b4b6}.govuk-summary-card__action:last-child,.govuk-summary-list__actions-list-item:last-child{margin-right:0;padding-right:0;border:0}}@media (min-width:40.0625em){.govuk-summary-card__action,.govuk-summary-list__actions-list-item{margin-left:10px;padding-left:10px}.govuk-summary-card__action:not(:first-child),.govuk-summary-list__actions-list-item:not(:first-child){border-left:1px solid #b1b4b6}.govuk-summary-card__action:first-child,.govuk-summary-list__actions-list-item:first-child{margin-left:0;padding-left:0;border:0}}.govuk-summary-list__actions-list-item .govuk-link:focus{isolation:isolate}.govuk-summary-list--no-border .govuk-summary-list__row{border:0}@media (min-width:40.0625em){.govuk-summary-list--no-border .govuk-summary-list__actions,.govuk-summary-list--no-border .govuk-summary-list__key,.govuk-summary-list--no-border .govuk-summary-list__value{padding-bottom:11px}}.govuk-summary-list__row--no-border{border:0}@media (min-width:40.0625em){.govuk-summary-list__row--no-border .govuk-summary-list__actions,.govuk-summary-list__row--no-border .govuk-summary-list__key,.govuk-summary-list__row--no-border .govuk-summary-list__value{padding-bottom:11px}}.govuk-summary-card{margin-bottom:20px;border:1px solid #b1b4b6}@media (min-width:40.0625em){.govuk-summary-card{margin-bottom:30px}}.govuk-summary-card__title-wrapper{padding:15px;border-bottom:1px solid transparent;background-color:#f3f2f1}@media (min-width:40.0625em){.govuk-summary-card__title-wrapper{display:flex;justify-content:space-between;flex-wrap:nowrap;padding:15px 20px}}.govuk-summary-card__title{font-family:GDS Transport,arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:700;font-size:1rem;line-height:1.25;color:#0b0c0c;margin:5px 20px 10px 0}@media print{.govuk-summary-card__title{font-family:sans-serif}}@media (min-width:40.0625em){.govuk-summary-card__title{font-size:1.1875rem;line-height:1.3157894737}}@media print{.govuk-summary-card__title{font-size:14pt;line-height:1.15;color:#000}}@media (min-width:40.0625em){.govuk-summary-card__title{margin-bottom:5px}}.govuk-summary-card__actions{font-size:1rem;line-height:1.25;font-weight:700;display:flex;flex-wrap:wrap;row-gap:10px;margin:5px 0;padding:0;list-style:none}@media (min-width:40.0625em){.govuk-summary-card__actions{font-size:1.1875rem;line-height:1.3157894737}}@media print{.govuk-summary-card__actions{font-size:14pt;line-height:1.15}}@media (min-width:40.0625em){.govuk-summary-card__actions{justify-content:right;text-align:right}}.govuk-summary-card__action{display:inline}@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active){.govuk-summary-card__action{margin-bottom:5px}.govuk-summary-card__action:last-child{margin-bottom:0}}.govuk-summary-card__content{padding:15px 15px 0}@media (min-width:40.0625em){.govuk-summary-card__content{padding:15px 20px}}.govuk-summary-card__content .govuk-summary-list{margin-bottom:0}.govuk-summary-card__content .govuk-summary-list__row:last-of-type{margin-bottom:0;border-bottom:none}.govuk-table{font-family:GDS Transport,arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;font-size:1rem;line-height:1.25;color:#0b0c0c;width:100%;margin-bottom:20px;border-spacing:0;border-collapse:collapse}@media print{.govuk-table{font-family:sans-serif}}@media (min-width:40.0625em){.govuk-table{font-size:1.1875rem;line-height:1.3157894737}}@media print{.govuk-table{font-size:14pt;line-height:1.15;color:#000}}@media (min-width:40.0625em){.govuk-table{margin-bottom:30px}}.govuk-table__header{font-weight:700}.govuk-table__cell,.govuk-table__header{padding:10px 20px 10px 0;border-bottom:1px solid #b1b4b6;text-align:left;vertical-align:top}.govuk-table__cell--numeric{font-variant-numeric:tabular-nums}.govuk-table__cell--numeric,.govuk-table__header--numeric{text-align:right}.govuk-table__cell:last-child,.govuk-table__header:last-child{padding-right:0}.govuk-table__caption{font-weight:700;display:table-caption;text-align:left}.govuk-table__caption--l,.govuk-table__caption--m,.govuk-table__caption--xl{margin-bottom:15px}.govuk-table__caption--xl{font-size:2rem;line-height:1.09375}@media (min-width:40.0625em){.govuk-table__caption--xl{font-size:3rem;line-height:1.0416666667}}@media print{.govuk-table__caption--xl{font-size:32pt;line-height:1.15}}.govuk-table__caption--l{font-size:1.5rem;line-height:1.0416666667}@media (min-width:40.0625em){.govuk-table__caption--l{font-size:2.25rem;line-height:1.1111111111}}@media print{.govuk-table__caption--l{font-size:24pt;line-height:1.05}}.govuk-table__caption--m{font-size:1.125rem;line-height:1.1111111111}@media (min-width:40.0625em){.govuk-table__caption--m{font-size:1.5rem;line-height:1.25}}@media print{.govuk-table__caption--m{font-size:18pt;line-height:1.15}}.govuk-tabs{margin-top:5px;margin-bottom:20px;font-family:GDS Transport,arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;font-size:1rem;line-height:1.25}@media (min-width:40.0625em){.govuk-tabs{margin-bottom:30px}}@media print{.govuk-tabs{font-family:sans-serif}}@media (min-width:40.0625em){.govuk-tabs{font-size:1.1875rem;line-height:1.3157894737}}@media print{.govuk-tabs{font-size:14pt;line-height:1.15}}.govuk-tabs__title{font-size:1rem;line-height:1.25;font-weight:400;color:#0b0c0c;margin-bottom:10px}@media (min-width:40.0625em){.govuk-tabs__title{font-size:1.1875rem;line-height:1.3157894737}}@media print{.govuk-tabs__title{font-size:14pt;line-height:1.15;color:#000}}.govuk-tabs__list{padding:0;list-style:none;margin:0 0 20px}@media (min-width:40.0625em){.govuk-tabs__list{margin-bottom:30px}}.govuk-tabs__list-item{margin-left:25px}.govuk-tabs__list-item:before{color:#0b0c0c;content:"—";margin-left:-25px;padding-right:5px}@media print{.govuk-tabs__list-item:before{color:#000}}.govuk-tabs__tab{font-family:GDS Transport,arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-decoration:underline;text-decoration-thickness:max(1px,.0625rem);text-underline-offset:.1578em;display:inline-block;margin-bottom:10px}@media print{.govuk-tabs__tab{font-family:sans-serif}}.govuk-tabs__tab:hover{text-decoration-thickness:max(3px,.1875rem,.12em);-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;-webkit-text-decoration-skip:none;text-decoration-skip:none}.govuk-tabs__tab:focus{outline:3px solid transparent;background-color:#fd0;box-shadow:0 -2px #fd0,0 4px #0b0c0c;text-decoration:none}@supports not (text-wrap:balance){.govuk-tabs__tab:focus{-webkit-box-decoration-break:clone;box-decoration-break:clone}}.govuk-tabs__tab:link{color:#1d70b8}.govuk-tabs__tab:visited{color:#4c2c92}.govuk-tabs__tab:hover{color:#003078}.govuk-tabs__tab:active,.govuk-tabs__tab:focus{color:#0b0c0c}.govuk-tabs__panel{margin-bottom:30px}@media (min-width:40.0625em){.govuk-tabs__panel{margin-bottom:50px}.govuk-frontend-supported .govuk-tabs__list{margin-bottom:0;border-bottom:1px solid #b1b4b6}.govuk-frontend-supported .govuk-tabs__list:after{content:"";display:block;clear:both}.govuk-frontend-supported .govuk-tabs__title{display:none}.govuk-frontend-supported .govuk-tabs__list-item{position:relative;margin-right:5px;margin-bottom:0;margin-left:0;padding:10px 20px;float:left;background-color:#f3f2f1;text-align:center}.govuk-frontend-supported .govuk-tabs__list-item:before{content:none}.govuk-frontend-supported .govuk-tabs__list-item--selected{position:relative;margin-top:-5px;margin-bottom:-1px;padding:14px 19px 16px;border:1px solid #b1b4b6;border-bottom:0;background-color:#fff}.govuk-frontend-supported .govuk-tabs__list-item--selected .govuk-tabs__tab{text-decoration:none}.govuk-frontend-supported .govuk-tabs__tab{margin-bottom:0}.govuk-frontend-supported .govuk-tabs__tab:link,.govuk-frontend-supported .govuk-tabs__tab:visited{color:#0b0c0c}}@media print and (min-width:40.0625em){.govuk-frontend-supported .govuk-tabs__tab:link,.govuk-frontend-supported .govuk-tabs__tab:visited{color:#000}}@media (min-width:40.0625em){.govuk-frontend-supported .govuk-tabs__tab:hover{color:rgba(11,12,12,.99)}.govuk-frontend-supported .govuk-tabs__tab:active,.govuk-frontend-supported .govuk-tabs__tab:focus{color:#0b0c0c}}@media print and (min-width:40.0625em){.govuk-frontend-supported .govuk-tabs__tab:active,.govuk-frontend-supported .govuk-tabs__tab:focus{color:#000}}@media (min-width:40.0625em){.govuk-frontend-supported .govuk-tabs__tab:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0}.govuk-frontend-supported .govuk-tabs__panel{margin-bottom:0;padding:30px 20px;border:1px solid #b1b4b6;border-top:0}.govuk-frontend-supported .govuk-tabs__panel>:last-child{margin-bottom:0}.govuk-frontend-supported .govuk-tabs__panel--hidden{display:none}}.govuk-task-list{font-family:GDS Transport,arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;font-size:1rem;line-height:1.25;margin-top:0;margin-bottom:20px;padding:0;list-style-type:none}@media print{.govuk-task-list{font-family:sans-serif}}@media (min-width:40.0625em){.govuk-task-list{font-size:1.1875rem;line-height:1.3157894737}}@media print{.govuk-task-list{font-size:14pt;line-height:1.15}}@media (min-width:40.0625em){.govuk-task-list{margin-bottom:30px}}.govuk-task-list__item{display:table;position:relative;width:100%;margin-bottom:0;padding-top:10px;padding-bottom:10px;border-bottom:1px solid #b1b4b6}.govuk-task-list__item:first-child{border-top:1px solid #b1b4b6}.govuk-task-list__item--with-link:hover{background:#f3f2f1}.govuk-task-list__name-and-hint{display:table-cell;vertical-align:top;color:#0b0c0c}@media print{.govuk-task-list__name-and-hint{color:#000}}.govuk-task-list__status{display:table-cell;padding-left:10px;text-align:right;vertical-align:top;color:#0b0c0c}@media print{.govuk-task-list__status{color:#000}}.govuk-task-list__status--cannot-start-yet{color:#505a5f}.govuk-task-list__link:after{content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0}.govuk-task-list__hint{margin-top:5px;color:#505a5f}.govuk-warning-text{font-family:GDS Transport,arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;font-size:1rem;line-height:1.25;margin-bottom:20px;font-weight:700;position:relative;padding:10px 0}@media print{.govuk-warning-text{font-family:sans-serif}}@media (min-width:40.0625em){.govuk-warning-text{font-size:1.1875rem;line-height:1.3157894737}}@media print{.govuk-warning-text{font-size:14pt;line-height:1.15}}@media (min-width:40.0625em){.govuk-warning-text{margin-bottom:30px}}.govuk-warning-text__icon{box-sizing:border-box;display:inline-block;position:absolute;left:0;min-width:35px;min-height:35px;margin-top:-7px;border:3px solid #0b0c0c;border-radius:50%;color:#fff;background:#0b0c0c;font-size:30px;line-height:29px;text-align:center;-webkit-user-select:none;-ms-user-select:none;user-select:none;forced-color-adjust:none}@media (min-width:40.0625em){.govuk-warning-text__icon{margin-top:-5px}}@media screen and (forced-colors:active){.govuk-warning-text__icon{border-color:windowText;color:windowText;background:transparent}}.govuk-warning-text__text{color:#0b0c0c;display:block;padding-left:45px;font-weight:inherit}@media print{.govuk-warning-text__text{color:#000}}.govuk-clearfix:after{content:"";display:block;clear:both}.govuk-visually-hidden{position:absolute!important;width:1px!important;height:1px!important;margin:0!important;padding:0!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;-webkit-clip-path:inset(50%)!important;clip-path:inset(50%)!important;border:0!important;white-space:nowrap!important;-webkit-user-select:none;-ms-user-select:none;user-select:none}.govuk-visually-hidden:after,.govuk-visually-hidden:before{content:" "}.govuk-visually-hidden-focusable:not(:active):not(:focus):not(.\:focus){position:absolute!important;width:1px!important;height:1px!important;margin:0!important;padding:0!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;-webkit-clip-path:inset(50%)!important;clip-path:inset(50%)!important;border:0!important;white-space:nowrap!important;-webkit-user-select:none;-ms-user-select:none;user-select:none}.govuk-\!-display-inline{display:inline!important}.govuk-\!-display-inline-block{display:inline-block!important}.govuk-\!-display-block{display:block!important}.govuk-\!-display-none{display:none!important}@media print{.govuk-\!-display-none-print{display:none!important}}.govuk-\!-margin-0{margin:0!important}.govuk-\!-margin-top-0{margin-top:0!important}.govuk-\!-margin-right-0{margin-right:0!important}.govuk-\!-margin-bottom-0{margin-bottom:0!important}.govuk-\!-margin-left-0{margin-left:0!important}.govuk-\!-margin-1{margin:5px!important}.govuk-\!-margin-top-1{margin-top:5px!important}.govuk-\!-margin-right-1{margin-right:5px!important}.govuk-\!-margin-bottom-1{margin-bottom:5px!important}.govuk-\!-margin-left-1{margin-left:5px!important}.govuk-\!-margin-2{margin:10px!important}.govuk-\!-margin-top-2{margin-top:10px!important}.govuk-\!-margin-right-2{margin-right:10px!important}.govuk-\!-margin-bottom-2{margin-bottom:10px!important}.govuk-\!-margin-left-2{margin-left:10px!important}.govuk-\!-margin-3{margin:15px!important}.govuk-\!-margin-top-3{margin-top:15px!important}.govuk-\!-margin-right-3{margin-right:15px!important}.govuk-\!-margin-bottom-3{margin-bottom:15px!important}.govuk-\!-margin-left-3{margin-left:15px!important}.govuk-\!-margin-4{margin:15px!important}@media (min-width:40.0625em){.govuk-\!-margin-4{margin:20px!important}}.govuk-\!-margin-top-4{margin-top:15px!important}@media (min-width:40.0625em){.govuk-\!-margin-top-4{margin-top:20px!important}}.govuk-\!-margin-right-4{margin-right:15px!important}@media (min-width:40.0625em){.govuk-\!-margin-right-4{margin-right:20px!important}}.govuk-\!-margin-bottom-4{margin-bottom:15px!important}@media (min-width:40.0625em){.govuk-\!-margin-bottom-4{margin-bottom:20px!important}}.govuk-\!-margin-left-4{margin-left:15px!important}@media (min-width:40.0625em){.govuk-\!-margin-left-4{margin-left:20px!important}}.govuk-\!-margin-5{margin:15px!important}@media (min-width:40.0625em){.govuk-\!-margin-5{margin:25px!important}}.govuk-\!-margin-top-5{margin-top:15px!important}@media (min-width:40.0625em){.govuk-\!-margin-top-5{margin-top:25px!important}}.govuk-\!-margin-right-5{margin-right:15px!important}@media (min-width:40.0625em){.govuk-\!-margin-right-5{margin-right:25px!important}}.govuk-\!-margin-bottom-5{margin-bottom:15px!important}@media (min-width:40.0625em){.govuk-\!-margin-bottom-5{margin-bottom:25px!important}}.govuk-\!-margin-left-5{margin-left:15px!important}@media (min-width:40.0625em){.govuk-\!-margin-left-5{margin-left:25px!important}}.govuk-\!-margin-6{margin:20px!important}@media (min-width:40.0625em){.govuk-\!-margin-6{margin:30px!important}}.govuk-\!-margin-top-6{margin-top:20px!important}@media (min-width:40.0625em){.govuk-\!-margin-top-6{margin-top:30px!important}}.govuk-\!-margin-right-6{margin-right:20px!important}@media (min-width:40.0625em){.govuk-\!-margin-right-6{margin-right:30px!important}}.govuk-\!-margin-bottom-6{margin-bottom:20px!important}@media (min-width:40.0625em){.govuk-\!-margin-bottom-6{margin-bottom:30px!important}}.govuk-\!-margin-left-6{margin-left:20px!important}@media (min-width:40.0625em){.govuk-\!-margin-left-6{margin-left:30px!important}}.govuk-\!-margin-7{margin:25px!important}@media (min-width:40.0625em){.govuk-\!-margin-7{margin:40px!important}}.govuk-\!-margin-top-7{margin-top:25px!important}@media (min-width:40.0625em){.govuk-\!-margin-top-7{margin-top:40px!important}}.govuk-\!-margin-right-7{margin-right:25px!important}@media (min-width:40.0625em){.govuk-\!-margin-right-7{margin-right:40px!important}}.govuk-\!-margin-bottom-7{margin-bottom:25px!important}@media (min-width:40.0625em){.govuk-\!-margin-bottom-7{margin-bottom:40px!important}}.govuk-\!-margin-left-7{margin-left:25px!important}@media (min-width:40.0625em){.govuk-\!-margin-left-7{margin-left:40px!important}}.govuk-\!-margin-8{margin:30px!important}@media (min-width:40.0625em){.govuk-\!-margin-8{margin:50px!important}}.govuk-\!-margin-top-8{margin-top:30px!important}@media (min-width:40.0625em){.govuk-\!-margin-top-8{margin-top:50px!important}}.govuk-\!-margin-right-8{margin-right:30px!important}@media (min-width:40.0625em){.govuk-\!-margin-right-8{margin-right:50px!important}}.govuk-\!-margin-bottom-8{margin-bottom:30px!important}@media (min-width:40.0625em){.govuk-\!-margin-bottom-8{margin-bottom:50px!important}}.govuk-\!-margin-left-8{margin-left:30px!important}@media (min-width:40.0625em){.govuk-\!-margin-left-8{margin-left:50px!important}}.govuk-\!-margin-9{margin:40px!important}@media (min-width:40.0625em){.govuk-\!-margin-9{margin:60px!important}}.govuk-\!-margin-top-9{margin-top:40px!important}@media (min-width:40.0625em){.govuk-\!-margin-top-9{margin-top:60px!important}}.govuk-\!-margin-right-9{margin-right:40px!important}@media (min-width:40.0625em){.govuk-\!-margin-right-9{margin-right:60px!important}}.govuk-\!-margin-bottom-9{margin-bottom:40px!important}@media (min-width:40.0625em){.govuk-\!-margin-bottom-9{margin-bottom:60px!important}}.govuk-\!-margin-left-9{margin-left:40px!important}@media (min-width:40.0625em){.govuk-\!-margin-left-9{margin-left:60px!important}}.govuk-\!-padding-0{padding:0!important}.govuk-\!-padding-top-0{padding-top:0!important}.govuk-\!-padding-right-0{padding-right:0!important}.govuk-\!-padding-bottom-0{padding-bottom:0!important}.govuk-\!-padding-left-0{padding-left:0!important}.govuk-\!-padding-1{padding:5px!important}.govuk-\!-padding-top-1{padding-top:5px!important}.govuk-\!-padding-right-1{padding-right:5px!important}.govuk-\!-padding-bottom-1{padding-bottom:5px!important}.govuk-\!-padding-left-1{padding-left:5px!important}.govuk-\!-padding-2{padding:10px!important}.govuk-\!-padding-top-2{padding-top:10px!important}.govuk-\!-padding-right-2{padding-right:10px!important}.govuk-\!-padding-bottom-2{padding-bottom:10px!important}.govuk-\!-padding-left-2{padding-left:10px!important}.govuk-\!-padding-3{padding:15px!important}.govuk-\!-padding-top-3{padding-top:15px!important}.govuk-\!-padding-right-3{padding-right:15px!important}.govuk-\!-padding-bottom-3{padding-bottom:15px!important}.govuk-\!-padding-left-3{padding-left:15px!important}.govuk-\!-padding-4{padding:15px!important}@media (min-width:40.0625em){.govuk-\!-padding-4{padding:20px!important}}.govuk-\!-padding-top-4{padding-top:15px!important}@media (min-width:40.0625em){.govuk-\!-padding-top-4{padding-top:20px!important}}.govuk-\!-padding-right-4{padding-right:15px!important}@media (min-width:40.0625em){.govuk-\!-padding-right-4{padding-right:20px!important}}.govuk-\!-padding-bottom-4{padding-bottom:15px!important}@media (min-width:40.0625em){.govuk-\!-padding-bottom-4{padding-bottom:20px!important}}.govuk-\!-padding-left-4{padding-left:15px!important}@media (min-width:40.0625em){.govuk-\!-padding-left-4{padding-left:20px!important}}.govuk-\!-padding-5{padding:15px!important}@media (min-width:40.0625em){.govuk-\!-padding-5{padding:25px!important}}.govuk-\!-padding-top-5{padding-top:15px!important}@media (min-width:40.0625em){.govuk-\!-padding-top-5{padding-top:25px!important}}.govuk-\!-padding-right-5{padding-right:15px!important}@media (min-width:40.0625em){.govuk-\!-padding-right-5{padding-right:25px!important}}.govuk-\!-padding-bottom-5{padding-bottom:15px!important}@media (min-width:40.0625em){.govuk-\!-padding-bottom-5{padding-bottom:25px!important}}.govuk-\!-padding-left-5{padding-left:15px!important}@media (min-width:40.0625em){.govuk-\!-padding-left-5{padding-left:25px!important}}.govuk-\!-padding-6{padding:20px!important}@media (min-width:40.0625em){.govuk-\!-padding-6{padding:30px!important}}.govuk-\!-padding-top-6{padding-top:20px!important}@media (min-width:40.0625em){.govuk-\!-padding-top-6{padding-top:30px!important}}.govuk-\!-padding-right-6{padding-right:20px!important}@media (min-width:40.0625em){.govuk-\!-padding-right-6{padding-right:30px!important}}.govuk-\!-padding-bottom-6{padding-bottom:20px!important}@media (min-width:40.0625em){.govuk-\!-padding-bottom-6{padding-bottom:30px!important}}.govuk-\!-padding-left-6{padding-left:20px!important}@media (min-width:40.0625em){.govuk-\!-padding-left-6{padding-left:30px!important}}.govuk-\!-padding-7{padding:25px!important}@media (min-width:40.0625em){.govuk-\!-padding-7{padding:40px!important}}.govuk-\!-padding-top-7{padding-top:25px!important}@media (min-width:40.0625em){.govuk-\!-padding-top-7{padding-top:40px!important}}.govuk-\!-padding-right-7{padding-right:25px!important}@media (min-width:40.0625em){.govuk-\!-padding-right-7{padding-right:40px!important}}.govuk-\!-padding-bottom-7{padding-bottom:25px!important}@media (min-width:40.0625em){.govuk-\!-padding-bottom-7{padding-bottom:40px!important}}.govuk-\!-padding-left-7{padding-left:25px!important}@media (min-width:40.0625em){.govuk-\!-padding-left-7{padding-left:40px!important}}.govuk-\!-padding-8{padding:30px!important}@media (min-width:40.0625em){.govuk-\!-padding-8{padding:50px!important}}.govuk-\!-padding-top-8{padding-top:30px!important}@media (min-width:40.0625em){.govuk-\!-padding-top-8{padding-top:50px!important}}.govuk-\!-padding-right-8{padding-right:30px!important}@media (min-width:40.0625em){.govuk-\!-padding-right-8{padding-right:50px!important}}.govuk-\!-padding-bottom-8{padding-bottom:30px!important}@media (min-width:40.0625em){.govuk-\!-padding-bottom-8{padding-bottom:50px!important}}.govuk-\!-padding-left-8{padding-left:30px!important}@media (min-width:40.0625em){.govuk-\!-padding-left-8{padding-left:50px!important}}.govuk-\!-padding-9{padding:40px!important}@media (min-width:40.0625em){.govuk-\!-padding-9{padding:60px!important}}.govuk-\!-padding-top-9{padding-top:40px!important}@media (min-width:40.0625em){.govuk-\!-padding-top-9{padding-top:60px!important}}.govuk-\!-padding-right-9{padding-right:40px!important}@media (min-width:40.0625em){.govuk-\!-padding-right-9{padding-right:60px!important}}.govuk-\!-padding-bottom-9{padding-bottom:40px!important}@media (min-width:40.0625em){.govuk-\!-padding-bottom-9{padding-bottom:60px!important}}.govuk-\!-padding-left-9{padding-left:40px!important}@media (min-width:40.0625em){.govuk-\!-padding-left-9{padding-left:60px!important}}.govuk-\!-static-margin-0{margin:0!important}.govuk-\!-static-margin-top-0{margin-top:0!important}.govuk-\!-static-margin-right-0{margin-right:0!important}.govuk-\!-static-margin-bottom-0{margin-bottom:0!important}.govuk-\!-static-margin-left-0{margin-left:0!important}.govuk-\!-static-margin-1{margin:5px!important}.govuk-\!-static-margin-top-1{margin-top:5px!important}.govuk-\!-static-margin-right-1{margin-right:5px!important}.govuk-\!-static-margin-bottom-1{margin-bottom:5px!important}.govuk-\!-static-margin-left-1{margin-left:5px!important}.govuk-\!-static-margin-2{margin:10px!important}.govuk-\!-static-margin-top-2{margin-top:10px!important}.govuk-\!-static-margin-right-2{margin-right:10px!important}.govuk-\!-static-margin-bottom-2{margin-bottom:10px!important}.govuk-\!-static-margin-left-2{margin-left:10px!important}.govuk-\!-static-margin-3{margin:15px!important}.govuk-\!-static-margin-top-3{margin-top:15px!important}.govuk-\!-static-margin-right-3{margin-right:15px!important}.govuk-\!-static-margin-bottom-3{margin-bottom:15px!important}.govuk-\!-static-margin-left-3{margin-left:15px!important}.govuk-\!-static-margin-4{margin:20px!important}.govuk-\!-static-margin-top-4{margin-top:20px!important}.govuk-\!-static-margin-right-4{margin-right:20px!important}.govuk-\!-static-margin-bottom-4{margin-bottom:20px!important}.govuk-\!-static-margin-left-4{margin-left:20px!important}.govuk-\!-static-margin-5{margin:25px!important}.govuk-\!-static-margin-top-5{margin-top:25px!important}.govuk-\!-static-margin-right-5{margin-right:25px!important}.govuk-\!-static-margin-bottom-5{margin-bottom:25px!important}.govuk-\!-static-margin-left-5{margin-left:25px!important}.govuk-\!-static-margin-6{margin:30px!important}.govuk-\!-static-margin-top-6{margin-top:30px!important}.govuk-\!-static-margin-right-6{margin-right:30px!important}.govuk-\!-static-margin-bottom-6{margin-bottom:30px!important}.govuk-\!-static-margin-left-6{margin-left:30px!important}.govuk-\!-static-margin-7{margin:40px!important}.govuk-\!-static-margin-top-7{margin-top:40px!important}.govuk-\!-static-margin-right-7{margin-right:40px!important}.govuk-\!-static-margin-bottom-7{margin-bottom:40px!important}.govuk-\!-static-margin-left-7{margin-left:40px!important}.govuk-\!-static-margin-8{margin:50px!important}.govuk-\!-static-margin-top-8{margin-top:50px!important}.govuk-\!-static-margin-right-8{margin-right:50px!important}.govuk-\!-static-margin-bottom-8{margin-bottom:50px!important}.govuk-\!-static-margin-left-8{margin-left:50px!important}.govuk-\!-static-margin-9{margin:60px!important}.govuk-\!-static-margin-top-9{margin-top:60px!important}.govuk-\!-static-margin-right-9{margin-right:60px!important}.govuk-\!-static-margin-bottom-9{margin-bottom:60px!important}.govuk-\!-static-margin-left-9{margin-left:60px!important}.govuk-\!-static-padding-0{padding:0!important}.govuk-\!-static-padding-top-0{padding-top:0!important}.govuk-\!-static-padding-right-0{padding-right:0!important}.govuk-\!-static-padding-bottom-0{padding-bottom:0!important}.govuk-\!-static-padding-left-0{padding-left:0!important}.govuk-\!-static-padding-1{padding:5px!important}.govuk-\!-static-padding-top-1{padding-top:5px!important}.govuk-\!-static-padding-right-1{padding-right:5px!important}.govuk-\!-static-padding-bottom-1{padding-bottom:5px!important}.govuk-\!-static-padding-left-1{padding-left:5px!important}.govuk-\!-static-padding-2{padding:10px!important}.govuk-\!-static-padding-top-2{padding-top:10px!important}.govuk-\!-static-padding-right-2{padding-right:10px!important}.govuk-\!-static-padding-bottom-2{padding-bottom:10px!important}.govuk-\!-static-padding-left-2{padding-left:10px!important}.govuk-\!-static-padding-3{padding:15px!important}.govuk-\!-static-padding-top-3{padding-top:15px!important}.govuk-\!-static-padding-right-3{padding-right:15px!important}.govuk-\!-static-padding-bottom-3{padding-bottom:15px!important}.govuk-\!-static-padding-left-3{padding-left:15px!important}.govuk-\!-static-padding-4{padding:20px!important}.govuk-\!-static-padding-top-4{padding-top:20px!important}.govuk-\!-static-padding-right-4{padding-right:20px!important}.govuk-\!-static-padding-bottom-4{padding-bottom:20px!important}.govuk-\!-static-padding-left-4{padding-left:20px!important}.govuk-\!-static-padding-5{padding:25px!important}.govuk-\!-static-padding-top-5{padding-top:25px!important}.govuk-\!-static-padding-right-5{padding-right:25px!important}.govuk-\!-static-padding-bottom-5{padding-bottom:25px!important}.govuk-\!-static-padding-left-5{padding-left:25px!important}.govuk-\!-static-padding-6{padding:30px!important}.govuk-\!-static-padding-top-6{padding-top:30px!important}.govuk-\!-static-padding-right-6{padding-right:30px!important}.govuk-\!-static-padding-bottom-6{padding-bottom:30px!important}.govuk-\!-static-padding-left-6{padding-left:30px!important}.govuk-\!-static-padding-7{padding:40px!important}.govuk-\!-static-padding-top-7{padding-top:40px!important}.govuk-\!-static-padding-right-7{padding-right:40px!important}.govuk-\!-static-padding-bottom-7{padding-bottom:40px!important}.govuk-\!-static-padding-left-7{padding-left:40px!important}.govuk-\!-static-padding-8{padding:50px!important}.govuk-\!-static-padding-top-8{padding-top:50px!important}.govuk-\!-static-padding-right-8{padding-right:50px!important}.govuk-\!-static-padding-bottom-8{padding-bottom:50px!important}.govuk-\!-static-padding-left-8{padding-left:50px!important}.govuk-\!-static-padding-9{padding:60px!important}.govuk-\!-static-padding-top-9{padding-top:60px!important}.govuk-\!-static-padding-right-9{padding-right:60px!important}.govuk-\!-static-padding-bottom-9{padding-bottom:60px!important}.govuk-\!-static-padding-left-9{padding-left:60px!important}.govuk-\!-text-align-left{text-align:left!important}.govuk-\!-text-align-centre{text-align:center!important}.govuk-\!-text-align-right{text-align:right!important}.govuk-\!-font-size-80{font-size:3.3125rem!important;line-height:1.0377358491!important}@media (min-width:40.0625em){.govuk-\!-font-size-80{font-size:5rem!important;line-height:1!important}}@media print{.govuk-\!-font-size-80{font-size:53pt!important;line-height:1.1!important}}.govuk-\!-font-size-48{font-size:2rem!important;line-height:1.09375!important}@media (min-width:40.0625em){.govuk-\!-font-size-48{font-size:3rem!important;line-height:1.0416666667!important}}@media print{.govuk-\!-font-size-48{font-size:32pt!important;line-height:1.15!important}}.govuk-\!-font-size-36{font-size:1.5rem!important;line-height:1.0416666667!important}@media (min-width:40.0625em){.govuk-\!-font-size-36{font-size:2.25rem!important;line-height:1.1111111111!important}}@media print{.govuk-\!-font-size-36{font-size:24pt!important;line-height:1.05!important}}.govuk-\!-font-size-27{font-size:1.125rem!important;line-height:1.1111111111!important}@media (min-width:40.0625em){.govuk-\!-font-size-27{font-size:1.6875rem!important;line-height:1.1111111111!important}}@media print{.govuk-\!-font-size-27{font-size:18pt!important;line-height:1.15!important}}.govuk-\!-font-size-24{font-size:1.125rem!important;line-height:1.1111111111!important}@media (min-width:40.0625em){.govuk-\!-font-size-24{font-size:1.5rem!important;line-height:1.25!important}}@media print{.govuk-\!-font-size-24{font-size:18pt!important;line-height:1.15!important}}.govuk-\!-font-size-19{font-size:1rem!important;line-height:1.25!important}@media (min-width:40.0625em){.govuk-\!-font-size-19{font-size:1.1875rem!important;line-height:1.3157894737!important}}@media print{.govuk-\!-font-size-19{font-size:14pt!important;line-height:1.15!important}}.govuk-\!-font-size-16{font-size:.875rem!important;line-height:1.1428571429!important}@media (min-width:40.0625em){.govuk-\!-font-size-16{font-size:1rem!important;line-height:1.25!important}}@media print{.govuk-\!-font-size-16{font-size:14pt!important;line-height:1.2!important}}.govuk-\!-font-size-14{font-size:.75rem!important;line-height:1.25!important}@media (min-width:40.0625em){.govuk-\!-font-size-14{font-size:.875rem!important;line-height:1.4285714286!important}}@media print{.govuk-\!-font-size-14{font-size:12pt!important;line-height:1.2!important}}.govuk-\!-font-weight-regular{font-weight:400!important}.govuk-\!-font-weight-bold{font-weight:700!important}.govuk-\!-font-tabular-numbers{font-variant-numeric:tabular-nums!important}.govuk-\!-text-break-word{word-wrap:break-word!important;overflow-wrap:break-word!important}.govuk-\!-width-full,.govuk-\!-width-three-quarters{width:100%!important}@media (min-width:40.0625em){.govuk-\!-width-three-quarters{width:75%!important}}.govuk-\!-width-two-thirds{width:100%!important}@media (min-width:40.0625em){.govuk-\!-width-two-thirds{width:66.66%!important}}.govuk-\!-width-one-half{width:100%!important}@media (min-width:40.0625em){.govuk-\!-width-one-half{width:50%!important}}.govuk-\!-width-one-third{width:100%!important}@media (min-width:40.0625em){.govuk-\!-width-one-third{width:33.33%!important}}.govuk-\!-width-one-quarter{width:100%!important}@media (min-width:40.0625em){.govuk-\!-width-one-quarter{width:25%!important}}
+/*# sourceMappingURL=govuk-frontend.min.css.map */
diff --git a/node_modules/govuk-frontend/dist/govuk/govuk-frontend.min.css.map b/node_modules/govuk-frontend/dist/govuk/govuk-frontend.min.css.map
new file mode 100644
index 0000000..5325427
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/govuk-frontend.min.css.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/govuk/components/character-count/_index.scss","../../src/govuk/index.scss","../../src/govuk/core/_govuk-frontend-properties.scss","../../src/govuk/core/_links.scss","../../src/govuk/helpers/_typography.scss","../../src/govuk/settings/_typography-font.scss","../../src/govuk/helpers/_links.scss","../../src/govuk/settings/_links.scss","../../src/govuk/helpers/_font-faces.scss","../../src/govuk/vendor/_sass-mq.scss","../../src/govuk/helpers/_focused.scss","../../src/govuk/settings/_colours-applied.scss","../../src/govuk/core/_lists.scss","../../src/govuk/helpers/_spacing.scss","../../src/govuk/core/_typography.scss","../../src/govuk/core/_section-break.scss","../../src/govuk/objects/_button-group.scss","../../src/govuk/objects/_form-group.scss","../../src/govuk/helpers/_clearfix.scss","../../src/govuk/objects/_grid.scss","../../src/govuk/helpers/_grid.scss","../../src/govuk/objects/_main-wrapper.scss","../../src/govuk/objects/_template.scss","../../src/govuk/tools/_rebrand.scss","../../src/govuk/objects/_width-container.scss","../../src/govuk/settings/_measurements.scss","../../src/govuk/components/accordion/_index.scss","../../src/govuk/components/back-link/_index.scss","../../src/govuk/components/breadcrumbs/_index.scss","../../src/govuk/components/button/_index.scss","../../src/govuk/components/error-message/_index.scss","../../src/govuk/components/hint/_index.scss","../../src/govuk/components/label/_index.scss","../../src/govuk/components/textarea/_index.scss","../../src/govuk/components/fieldset/_index.scss","../../src/govuk/components/checkboxes/_index.scss","../../src/govuk/components/cookie-banner/_index.scss","../../src/govuk/components/input/_index.scss","../../src/govuk/components/date-input/_index.scss","../../src/govuk/components/details/_index.scss","../../src/govuk/helpers/_shape-arrow.scss","../../src/govuk/components/error-summary/_index.scss","../../src/govuk/components/exit-this-page/_index.scss","../../src/govuk/components/file-upload/_index.scss","../../src/govuk/components/footer/_index.scss","../../src/govuk/components/header/_index.scss","../../src/govuk/components/inset-text/_index.scss","../../src/govuk/components/notification-banner/_index.scss","../../src/govuk/components/pagination/_index.scss","../../src/govuk/components/panel/_index.scss","../../src/govuk/components/password-input/_index.scss","../../src/govuk/components/tag/_index.scss","../../src/govuk/components/phase-banner/_index.scss","../../src/govuk/components/radios/_index.scss","../../src/govuk/components/select/_index.scss","../../src/govuk/components/service-navigation/_index.scss","../../src/govuk/components/skip-link/_index.scss","../../src/govuk/helpers/_visually-hidden.scss","../../src/govuk/components/summary-list/_index.scss","../../src/govuk/components/table/_index.scss","../../src/govuk/components/tabs/_index.scss","../../src/govuk/components/task-list/_index.scss","../../src/govuk/components/warning-text/_index.scss","../../src/govuk/utilities/_visually-hidden.scss","../../src/govuk/overrides/_display.scss","../../src/govuk/overrides/_spacing.scss","../../src/govuk/overrides/_text-align.scss","../../src/govuk/overrides/_typography.scss","../../src/govuk/overrides/_width.scss"],"names":[],"mappings":"AA4BI,gBCiiEJ,CC7jEA,MAGE,iCAAA,CAIE,+BAAA,CAGA,iEAAA,CAHA,oCAAA,CAGA,iEAAA,CAHA,qCAAA,CAGA,mEDDJ,CERE,YCcA,0CCFkB,CDGlB,kCAAA,CACA,iCAAA,CEaA,yBAAA,CAGE,2CChB6B,CDoB7B,6BLnBJ;AOFM,mLAAA,CACA,WACE,yBAAA,CACA,iBAAA,CACA,eAAA,CACA,2HACE,CAEF,qBPER,COCM,WACE,yBAAA,CACA,iBAAA,CACA,eAAA,CACA,yHACE,CAEF,qBPDR,CQmMQ,aNnON,YCyBE,sBHWF,CACF,CKxBE,kBAqCE,iDCLmC,CDQnC,qCAAA,CAAA,6BAAA,CACA,iCAAA,CAAA,yBLZJ,CKzBE,kBIGA,6BAAA,CAEA,qBCkEmB,CDjEnB,oCACE,CAIF,oBTqBF,CSTE,kCJvBA,kBIwBE,kCAAA,CAAA,0BTYF,CACF,CKoBE,iBACE,aLlBJ,CKqBE,oBACE,aLnBJ,CKsBE,kBACE,aLpBJ,CK6BE,qCACE,aLxBJ,CQ8JQ,aH6HF,oGACE,2BAAA,CACA,aAAA,CAKA,oBL5RN,CACF,CKgHE,mDAEE,aL9GJ,CK8IE,2IF1LA,aHsDF,CQyIQ,aHLN,+DFvLE,UHuDF,CACF,CKsIE,+BAEI,wBLrIN,CKyIE,+DFvMA,aHiEF,CQ8HQ,aHQN,+DFpME,UHkEF,CACF,CKwJE,uDAEE,ULtJJ,CK2JE,uDAEE,yBL1JJ,CK6JE,2BACE,aL3JJ,CK0NE,mDACE,oBLvNJ,CKoLE,yEACE,aL9KJ,CKiLE,oCACE,aL/KJ,CKwLE,yEACE,aLnLJ,CErGE,kBGmVA,oBAAA,CAGA,aAAA,CAGA,oBL9OF,CKgPE,wBIlUA,6BAAA,CACA,2CTqFF,CWlJE,YRcA,0CCFkB,CDGlB,kCAAA,CACA,iCAAA,CAkCA,eAAA,CA4LI,cAJc,CAKd,gBAJuB,CAvM3B,aOfkB,CClBhB,YAAA,CCsGI,kBAAA,CDpGJ,cAAA,CACA,oBX0JJ,CQmEQ,aGnON,YRyBE,sBH2IF,CACF,CQ8DQ,6BGnON,YRuPM,mBAbY,CAcZ,wBH9EN,CACF,CQwDQ,aGnON,YRkPM,cATQ,CAUR,gBARqB,CApMzB,UHyIF,CACF,CQkDQ,6BGnON,YCgHQ,kBZ0ER,CACF,CWlLI,wBACE,eXoLN,CWhLE,eAIE,iBXgLJ,CWzKE,oBACE,iBAAA,CACA,oBX4KJ,CWzKE,oBACE,iBAAA,CACA,uBX4KJ,CWzKE,8CAEE,eX4KJ,CQkBQ,6BGhMN,8CAKI,iBX8KJ,CACF,CW3KE,uBACE,kBX8KJ,CQQQ,6BGvLN,uBAII,kBX+KJ,CACF,Ca9NE,kBVkCA,aOfkB,CPPlB,0CCFkB,CDGlB,kCAAA,CACA,iCAAA,CA4CA,eAAA,CAkLI,cAJc,CAKd,mBAJuB,CUrOzB,aAAA,CAEA,YAAA,CDiGI,kBZoIR,CQVQ,aKjON,kBVqCE,UO8BsB,CP5CtB,sBHwNF,CACF,CQfQ,6BKjON,kBVqPM,cAbY,CAcZ,wBHIN,CACF,CQ1BQ,aKjON,kBVgPM,cATQ,CAUR,gBHeN,CACF,CQhCQ,6BKjON,kBD8GQ,kBZuJR,CACF,CaxPE,iBVoBA,aOfkB,CPPlB,0CCFkB,CDGlB,kCAAA,CACA,iCAAA,CA4CA,eAAA,CAkLI,gBAJc,CAKd,wBAJuB,CUvNzB,aAAA,CAEA,YAAA,CDmFI,kBZ4KR,CQlDQ,aKnNN,iBVuBE,UO8BsB,CP5CtB,sBHgQF,CACF,CQvDQ,6BKnNN,iBVuOM,iBAbY,CAcZ,wBH4CN,CACF,CQlEQ,aKnNN,iBVkOM,cATQ,CAUR,gBHuDN,CACF,CQxEQ,6BKnNN,iBDgGQ,kBZ+LR,CACF,CalRE,iBVMA,aOfkB,CPPlB,0CCFkB,CDGlB,kCAAA,CACA,iCAAA,CA4CA,eAAA,CAkLI,kBAJc,CAKd,wBAJuB,CUzMzB,aAAA,CAEA,YAAA,CDqEI,kBZoNR,CQ1FQ,aKrMN,iBVSE,UO8BsB,CP5CtB,sBHwSF,CACF,CQ/FQ,6BKrMN,iBVyNM,gBAbY,CAcZ,gBHoFN,CACF,CQ1GQ,aKrMN,iBVoNM,cATQ,CAUR,gBH+FN,CACF,CQhHQ,6BKrMN,iBDkFQ,kBZuOR,CACF,Ca5SE,iBVRA,aOfkB,CPPlB,0CCFkB,CDGlB,kCAAA,CACA,iCAAA,CA4CA,eAAA,CAkLI,cAJc,CAKd,gBAJuB,CU3LzB,aAAA,CAEA,YAAA,CDuDI,kBZ4PR,CQlIQ,aKvLN,iBVLE,UO8BsB,CP5CtB,sBHgVF,CACF,CQvIQ,6BKvLN,iBV2MM,mBAbY,CAcZ,wBH4HN,CACF,CQlJQ,aKvLN,iBVsMM,cATQ,CAUR,gBHuIN,CACF,CQxJQ,6BKvLN,iBDoEQ,kBZ+QR,CACF,CapUE,kBV9CA,0CCFkB,CDGlB,kCAAA,CACA,iCAAA,CAkCA,eAAA,CA4LI,kBAJc,CAKd,wBAJuB,CU5KzB,aAAA,CAEA,iBAAA,CAEA,abyUJ,CQzKQ,aKvKN,kBVnCE,sBHuXF,CACF,CQ9KQ,6BKvKN,kBV2LM,mBAbY,CAcZ,wBH8JN,CACF,CQpLQ,aKvKN,kBVsLM,cATQ,CAUR,gBHyKN,CACF,CavVE,iBVxDA,0CCFkB,CDGlB,kCAAA,CACA,iCAAA,CAkCA,eAAA,CA4LI,kBAJc,CAKd,wBAJuB,CUlKzB,aAAA,CAEA,iBAAA,CACA,ab6VJ,CQtMQ,aK7JN,iBV7CE,sBHoZF,CACF,CQ3MQ,6BK7JN,iBViLM,gBAbY,CAcZ,gBH2LN,CACF,CQjNQ,aK7JN,iBV4KM,cATQ,CAUR,gBHsMN,CACF,CQvNQ,6BK7JN,iBASI,eb+WJ,CACF,Ca5WE,iBVrEA,0CCFkB,CDGlB,kCAAA,CACA,iCAAA,CAkCA,eAAA,CA4LI,cAJc,CAKd,gBAJuB,CUrJzB,aAAA,CAEA,abkXJ,CQvOQ,aKhJN,iBV1DE,sBHqbF,CACF,CQ5OQ,6BKhJN,iBVoKM,mBAbY,CAcZ,wBH4NN,CACF,CQlPQ,aKhJN,iBV+JM,cATQ,CAUR,gBHuON,CACF,Ca9XE,+BVzDA,aOfkB,CPPlB,0CCFkB,CDGlB,kCAAA,CACA,iCAAA,CAkCA,eAAA,CA4LI,kBAJc,CAKd,wBAJuB,CU1IzB,YAAA,CDQI,kBZ8XR,CQpQQ,aKtIN,+BVtDE,UO8BsB,CP5CtB,sBHkdF,CACF,CQzQQ,6BKtIN,+BV0JM,gBAbY,CAcZ,gBH8PN,CACF,CQpRQ,aKtIN,+BVqJM,cATQ,CAUR,gBHyQN,CACF,CQ1RQ,6BKtIN,+BDmBQ,kBZiZR,CACF,CazZE,0BVrEA,aOfkB,CPPlB,0CCFkB,CDGlB,kCAAA,CACA,iCAAA,CAkCA,eAAA,CA4LI,cAJc,CAKd,gBAJuB,CU9HzB,YAAA,CDJI,kBZqaR,CQ3SQ,aK1HN,0BVlEE,UO8BsB,CP5CtB,sBHyfF,CACF,CQhTQ,6BK1HN,0BV8IM,mBAbY,CAcZ,wBHqSN,CACF,CQ3TQ,aK1HN,0BVyIM,cATQ,CAUR,gBHgTN,CACF,CQjUQ,6BK1HN,0BDOQ,kBZwbR,CACF,CapbE,cVjFA,aOfkB,CPPlB,0CCFkB,CDGlB,kCAAA,CACA,iCAAA,CAkCA,eAAA,CA4LI,iBAJc,CAKd,wBAJuB,CUlHzB,YAAA,CDhBI,kBZ4cR,CQlVQ,aK9GN,cV9EE,UO8BsB,CP5CtB,sBHgiBF,CACF,CQvVQ,6BK9GN,cVkIM,cAbY,CAcZ,gBH4UN,CACF,CQlWQ,aK9GN,cV6HM,cATQ,CAUR,eHuVN,CACF,CQxWQ,6BK9GN,cDLQ,kBZ+dR,CACF,Ca9cE,eV9FA,aOfkB,CPPlB,0CCFkB,CDGlB,kCAAA,CACA,iCAAA,CAkCA,eAAA,CA4LI,gBAJc,CAKd,gBAJuB,CUrGzB,YAAA,CD7BI,kBZmfR,CQzXQ,aKjGN,eV3FE,UO8BsB,CP5CtB,sBHukBF,CACF,CQ9XQ,6BKjGN,eVqHM,iBAbY,CAcZ,wBHmXN,CACF,CQzYQ,aKjGN,eVgHM,cATQ,CAUR,eH8XN,CACF,CQ/YQ,6BKjGN,eDlBQ,kBZsgBR,CACF,CaxdE,iEACE,eb2dJ,CQxZQ,6BKpEN,iEAII,gBb4dJ,CACF,CazdE,wHD9DM,gBZ6hBR,CQnaQ,6BK5DN,wHDvDQ,gBZ4hBR,CACF,CaheE,gPAME,eboeJ,CQpbQ,6BKtDN,gPASI,gBb2eJ,CACF,CclqBE,qBACE,QAAA,CACA,QdqqBJ,Cc5pBE,yBF8FM,eAAA,CAAA,kBZmkBR,CQzcQ,6BMxNN,yBFqGQ,eAAA,CAAA,kBZgkBR,CACF,Cc7pBE,wBFqFM,eAAA,CAAA,kBZklBR,CQxdQ,6BM/MN,wBF4FQ,eAAA,CAAA,kBZ+kBR,CACF,CcnqBE,wBF4EM,eAAA,CAAA,kBZimBR,CQveQ,6BMtMN,wBFmFQ,eAAA,CAAA,kBZ8lBR,CACF,CcvqBE,8BACE,+Bd+qBJ,Ce9sBE,oBH+FM,iBAAA,CG3EJ,YAAA,CACA,qBAAA,CACA,kBf+rBJ,CQ5fQ,6BOzNN,oBHsGQ,kBZmnBR,CACF,Ce7rBI,gCZzBF,0CCFkB,CDGlB,kCAAA,CACA,iCAAA,CAkCA,eAAA,CA4LI,cAJc,CAKd,kBAJuB,CYlMvB,oBAAA,CAGA,cAAA,CACA,cA3Ba,CA4Bb,kBAAA,CACA,iBfksBN,CQ9gBQ,aO5LJ,gCZdA,sBH4tBF,CACF,CQnhBQ,6BO5LJ,gCZgNI,mBAbY,CAcZ,aHmgBN,CACF,CQzhBQ,aO5LJ,gCZ2MI,cATQ,CAUR,gBH8gBN,CACF,Ce9sBI,kCACE,kBfgtBN,CQliBQ,6BOzNN,oBAkDI,kBAAA,CAEA,kBAAA,CACA,cAAA,CACA,oBf4sBJ,Ce1sBI,kEAEE,iBf4sBN,CezsBI,gCACE,ef2sBN,CACF,CgBlxBE,kBJuGM,kBZ+qBR,CiBhxBE,wBACE,UAAA,CACA,aAAA,CACA,UjBkxBJ,CQ1jBQ,6BQjON,kBJ8GQ,kBZirBR,CACF,CgB5xBI,iDACE,ehB8xBN,CgB1xBE,yBACE,iBAAA,CACA,6BhB6xBJ,CgB3xBI,2CAEE,SAAA,CACA,QhB4xBN,CkB5yBE,gBAEE,kBAAA,CACA,iBlB8yBJ,CiB3yBE,sBACE,UAAA,CACA,aAAA,CACA,UjB6yBJ,CkB/yBI,+BCyCF,qBAAA,CAEE,UAAA,CAEF,cnBwwBF,CQ3lBQ,6BU1NJ,+BC+CA,SAAA,CACA,UnB0wBF,CACF,CkB3zBI,6BCyCF,qBAAA,CAEE,UAAA,CAEF,cnBoxBF,CQvmBQ,6BU1NJ,6BC+CA,oBAAA,CACA,UnBsxBF,CACF,CkBv0BI,4BCyCF,qBAAA,CAEE,UAAA,CAEF,cnBgyBF,CQnnBQ,6BU1NJ,4BC+CA,SAAA,CACA,UnBkyBF,CACF,CkBn1BI,8BCyCF,qBAAA,CAEE,UAAA,CAEF,cnB4yBF,CQ/nBQ,6BU1NJ,8BC+CA,oBAAA,CACA,UnB8yBF,CACF,CkB/1BI,kCCyCF,qBAAA,CAEE,UAAA,CAEF,cnBwzBF,CQ3oBQ,6BU1NJ,kCC+CA,SAAA,CACA,UnB0zBF,CACF,CkB32BI,wBCyCF,qBAAA,CAEE,UAAA,CAEF,cnBo0BF,CQvpBQ,6BU1NJ,wBC+CA,UAAA,CACA,UnBs0BF,CACF,CkB92BI,4CCgCF,qBAAA,CAIA,cnB+0BF,CQlqBQ,6BUjNJ,4CCsCA,SAAA,CACA,UnBi1BF,CACF,CkBz3BI,0CCgCF,qBAAA,CAIA,cnB01BF,CQ7qBQ,6BUjNJ,0CCsCA,oBAAA,CACA,UnB41BF,CACF,CkBp4BI,yCCgCF,qBAAA,CAIA,cnBq2BF,CQxrBQ,6BUjNJ,yCCsCA,SAAA,CACA,UnBu2BF,CACF,CkB/4BI,2CCgCF,qBAAA,CAIA,cnBg3BF,CQnsBQ,6BUjNJ,2CCsCA,oBAAA,CACA,UnBk3BF,CACF,CkB15BI,+CCgCF,qBAAA,CAIA,cnB23BF,CQ9sBQ,6BUjNJ,+CCsCA,SAAA,CACA,UnB63BF,CACF,CkBr6BI,qCCgCF,qBAAA,CAIA,cnBs4BF,CQztBQ,6BUjNJ,qCCsCA,UAAA,CACA,UnBw4BF,CACF,CoB36BE,oBAIE,aAAA,CACA,gBAAA,CACA,mBpB26BJ,CQruBQ,6BY5MN,oBAYI,gBAAA,CACA,mBpBy6BJ,CACF,CoB/5BE,qER0DM,gBZ02BR,CQhvBQ,6BYpLN,qERiEQ,gBZw2BR,CACF,CqBt9BE,gBCkCE,wBAAA,CDvBA,6BAAA,CAAA,0BAAA,CAAA,qBrBg9BJ,CsBz6Ba,2BAbP,wBtBy7BN,CqBr8BI,2DAzBF,gBA0BI,uBrBy8BJ,CqBv8BI,iDACE,oBrBy8BN,CACF,CQvwBQ,cahON,gBAoCI,iBrBu8BJ,CACF,CqBn8BE,sBAGE,QAAA,CAEA,qBrBm8BJ,CuB96BE,uBAlDA,eCRiB,CDWjB,iBC2BkB,CD1BlB,gBvBk+BF,CuB/9BE,kCA2CA,uBArCE,8DAAA,CACA,4DvB69BF,CACF,CQ7xBQ,6Be7JN,uBA/BE,iBCIW,CDHX,gBvB69BF,CuB19BE,kCA2BF,uBArBI,8DAAA,CACA,4DvBw9BF,CACF,CACF,CQzyBQ,0Be7JN,uBAbE,iBAAA,CACA,gBvBu9BF,CuBn9BE,kCAQF,uBAPI,iBAAA,CACA,gBvBs9BF,CACF,CACF,CyBnhCE,iBboGM,kBZm7BR,CQzzBQ,6BiB9NN,iBb2GQ,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,cAbY,CAcZ,wBH8rDN,CACF,CQptDQ,auBlNN,iB5BiOM,cATQ,CAUR,gBHysDN,CACF,C+Bx6DE,gB5ByNI,gBAJc,CAKd,wBHmtDN,CQ/tDQ,6BuB9MN,gB5BkOM,iBAbY,CAcZ,wBH+sDN,CACF,CQruDQ,auB9MN,gB5B6NM,cATQ,CAUR,gBH0tDN,CACF,C+Br7DE,gB5BqNI,kBAJc,CAKd,wBHouDN,CQhvDQ,6BuB1MN,gB5B8NM,gBAbY,CAcZ,gBHguDN,CACF,CQtvDQ,auB1MN,gB5ByNM,cATQ,CAUR,gBH2uDN,CACF,C+Bl8DE,gB5B+BA,eHu6DF,C+B57DE,qBACE,Q/B+7DJ,CgCn+DE,gB7BUA,0CCFkB,CDGlB,kCAAA,CACA,iCAAA,CAkCA,eAAA,CA4LI,cAJc,CAKd,gBAJuB,C6BpOzB,qBAAA,CACA,aAAA,CACA,UAAA,CACA,eAAA,CpB+FI,kBAAA,CoB7FJ,WAAA,CAEA,eAAA,CAEA,wBAAA,CACA,eAAA,CAEA,uBhCu+DJ,CQvxDQ,awB/NN,gB7BqBE,sBHq+DF,CACF,CQ5xDQ,6BwB/NN,gB7BmPM,mBAbY,CAcZ,gBH4wDN,CACF,CQlyDQ,awB/NN,gB7B8OM,cATQ,CAUR,gBHuxDN,CACF,CQxyDQ,6BwB/NN,gBpB4GQ,kBZ+5DR,CACF,CgC3/DI,sBvB0DF,sBAAA,CAEA,gBAAA,CAMA,0BT87DF,CgC5/DI,yBACE,UAAA,CACA,aAAA,CACA,4BAAA,CACA,kBhC8/DN,CgC1/DE,uBACE,oBhC6/DJ,CgC3/DI,6BACE,oBhC6/DN,CD7hEE,uBaoGM,kBZ67DR,CQn0DQ,6BT9NN,uBa2GQ,kBZ07DR,CACF,CDniEI,gFAEE,iBCqiEN,CD/hEI,oDACE,oBW0Fe,CXzFf,kCCiiEN,CD7hEE,gCIuDA,iCAAA,CJrDE,YAAA,CACA,eCgiEJ,CD9hEI,sCAME,WC2hEN,CDvhEE,0CACE,iBC0hEJ,CiChkEE,gBACE,WAAA,CACA,QAAA,CACA,SAAA,CACA,QjCmkEJ,CiB/jEE,sBACE,UAAA,CACA,aAAA,CACA,UjBikEJ,CiClkEE,iCACE,gCAEE,kBjCqkEJ,CACF,CiCjkEE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wBH2zEN,CACF,CQj1EQ,a4BpHN,0CjCmIM,cATQ,CAUR,gBHu0EN,CACF,CQx1EQ,2B4BpHN,0CAoBI,aAAA,CACA,WAAA,CACA,kBpC67EJ,CoCz7EA,qBAEI,epC67EJ,CALF,CQh2EQ,wB4B1FN,qBAKI,cpC+7EJ,CACF,CQ32EQ,2B4BhFN,qBAEI,YpC87EJ,CACF,CQj3EQ,wB4BhFN,qBAKI,apCg8EJ,CACF,CqCnlFE,kBAEE,WrCqlFJ,CiBrlFE,wBACE,UAAA,CACA,aAAA,CACA,UjBulFJ,CqCvlFE,wBACE,oBAAA,CACA,iBAAA,CACA,erC0lFJ,CqCvlFE,yBACE,arC0lFJ,CqCvlFE,yBACE,erC0lFJ,CsChnFE,enCcA,0CCFkB,CDGlB,kCAAA,CACA,iCAAA,CAkCA,eAAA,CA4LI,cAJc,CAKd,gBAJuB,CAvM3B,aOfkB,CEoFZ,kBAAA,C0BpGJ,atCunFJ,CQz5EQ,a8BnON,enCyBE,sBHumFF,CACF,CQ95EQ,6B8BnON,enCuPM,mBAbY,CAcZ,wBH84EN,CACF,CQp6EQ,a8BnON,enCkPM,cATQ,CAUR,gBARqB,CApMzB,UHqmFF,CACF,CQ16EQ,6B8BnON,e1BgHQ,kBZsiFR,CACF,CsC/oFE,wBACE,atCkpFJ,CsC/oFE,6CACE,iBtCkpFJ,CsC9oFI,0CACE,YtCipFN,CsC9oFI,kFAEE,etCgpFN,CsC5oFE,qBACE,gBAAA,CACA,mBAAA,CACA,iBtC+oFJ,CsC5oFE,uBACE,YAAA,CACA,kBtC+oFJ,CsC5oFE,iCACE,etC+oFJ,CsCzoFE,iBACE,eACE,8BtC4oFJ,CsCzoFE,wBACE,etC2oFJ,CsCxoFE,6BnCMF,eAAA,CS6CM,kBAAA,C0BhDF,iBtC0oFJ,CACF,CQj+EQ,0C8B7KJ,6B1B0DM,kBZwlFR,CACF,CsCpoFE,mCACE,wBAEE,iBAAA,CAGA,yBAAA,CAAA,iBAAA,CAGA,iBAAA,CAGA,a5ByEc,C4BxEd,ctC+nFJ,CsC7nFI,8BACE,atC+nFN,CsC5nFI,8B7BpEJ,6BAAA,CACA,aC6EwB,CD5ExB,qBCkEmB,CDjEnB,oCACE,CAIF,oBT+rFA,CSnrFA,kC6BgDI,8B7B/CF,kCAAA,CAAA,0BTsrFA,CACF,CsCnoFE,6BjChEF,yBAAA,CAGE,2CChB6B,CDoB7B,6BLisFF,CsCpoFE,2DjC/CA,iDCLmC,CDQnC,qCAAA,CAAA,6BAAA,CACA,iCAAA,CAAA,yBLorFF,CsCpoFE,2DACE,oBtCsoFJ,CsCjoFE,gDACE,YtCmoFJ,CsC/nFE,+BACE,UAAA,CACA,iBAAA,CAEA,QAAA,CACA,QAAA,CACA,MAAA,CAEA,WAAA,CCpFJ,aADmE,CAGnE,OAAA,CACA,QAAA,CAiBE,8CAAA,CAAA,sCAAA,CAEA,wBAAA,CAAA,kBAAA,CAAA,+BAAA,CACA,yBvCosFF,CsCnoFI,oDCxFJ,aADmE,CAGnE,OAAA,CACA,QAAA,CAsBE,8CAAA,CAAA,sCAAA,CAEA,wBAAA,CAAA,kBAAA,CAAA,2BAAA,CACA,wBvCysFF,CsCxoFE,qBACE,6BtC0oFJ,CACF,CwC5wFE,qBrCYA,0CCFkB,CDGlB,kCAAA,CACA,iCAAA,CAkCA,eAAA,CA4LI,cAJc,CAKd,gBAJuB,CAvM3B,aOfkB,CEkFZ,YAAA,CAEA,kBAAA,C4BjGJ,wBxCkxFJ,CQvjFQ,agCjON,qBrCuBE,sBHqwFF,CACF,CQ5jFQ,6BgCjON,qBrCqPM,mBAbY,CAcZ,wBH4iFN,CACF,CQlkFQ,agCjON,qBrCgPM,cATQ,CAUR,gBARqB,CApMzB,UHmwFF,CACF,CQxkFQ,6BgCjON,qB5B4GQ,YAAA,CAEA,kBZosFR,CACF,CwC3yFI,2BACE,sBxCkzFN,CwC9yFE,4BrC+NI,kBAJc,CAKd,wBAJuB,CA/K3B,eAAA,CqCzCE,YAAA,C5BsFI,kBZ4tFR,CQlmFQ,6BgCpNN,4BrCwOM,gBAbY,CAcZ,gBHklFN,CACF,CQxmFQ,agCpNN,4BrCmOM,cATQ,CAUR,gBH6lFN,CACF,CQ9mFQ,6BgCpNN,4B5BiGQ,kBZquFR,CACF,CwC9zFI,6BACE,exCi0FN,CwC9zFI,+B5B6EI,eZovFR,CQ1nFQ,6BgCvMJ,+B5BoFM,eZivFR,CACF,CwCl0FI,uC5ByEI,iBZ4vFR,CwC1zFE,oEACE,exCi0FJ,CwC9zFE,6BrCaA,eAAA,CA9CA,0CCFkB,CDGlB,kCAAA,CACA,iCAAA,CEaA,yBAAA,CAGE,2CChB6B,CDoB7B,6BLm1FJ,CQppFQ,agCpLN,6BrCtBE,sBHk2FF,CACF,CK/2FE,mCAqCE,iDCLmC,CDQnC,qCAAA,CAAA,6BAAA,CACA,iCAAA,CAAA,yBL20FJ,CKh3FE,mCIGA,6BAAA,CAEA,qBCkEmB,CDjEnB,oCACE,CAIF,oBT42FF,CSh2FE,kCJvBA,mCIwBE,kCAAA,CAAA,0BTm2FF,CACF,CK3xFE,uEAEE,aL4xFJ,CKzxFE,mCACE,aL2xFJ,CKxxFE,oCACE,aL0xFJ,CKrxFE,mCACE,aLuxFJ,CyCr5FE,sB7BqGM,kBAAA,C6BnGJ,uBAAA,CAAA,eAAA,CACA,YAAA,CACA,KAAA,CACA,MAAA,CACA,UzCw5FJ,CQ/rFQ,6BiC/NN,sB7B4GQ,kBAAA,C6BnGJ,oBAAA,CACA,OAAA,CACA,SAAA,CACA,UAAA,CACA,WzCq5FJ,CACF,CyCl5FE,8BACE,ezC85FJ,CyC35FE,iCAEE,YAAA,CACA,mBAAA,CACA,aAAA,CACA,aAAA,CACA,iBAAA,CACA,mBzC85FJ,CyC35FE,0CACE,azC85FJ,CyC35FE,uCACE,qBAAA,CACA,oBAAA,CACA,WAxCe,CAyCf,YAzCe,CA0Cf,eAAA,CAGA,iBAAA,CACA,gBzC85FJ,CyC35FE,2CACE,mBzC85FJ,CyC35FE,kBACE,sBACE,YzC85FJ,CACF,CyC35FE,8BACE,cAAA,CACA,YAAA,CACA,KAAA,CACA,OAAA,CACA,QAAA,CACA,MAAA,CACA,qBzC65FJ,CyCl5FI,qCACE,sBzCq5FN,CyCl5FI,iEACE,uBzCo5FN,C0C99FE,mBvCIA,0CCFkB,CDGlB,kCAAA,CACA,iCAAA,CAkCA,eAAA,CA4LI,cAJc,CAKd,gBAJuB,CAvM3B,aOfkB,CgCRhB,cAAA,CACA,gBAAA,CACA,W1Cs+FJ,CQlxFQ,akCzNN,mBvCeE,sBHg+FF,CACF,CQvxFQ,6BkCzNN,mBvC6OM,mBAbY,CAcZ,wBHuwFN,CACF,CQ7xFQ,akCzNN,mBvCwOM,cATQ,CAUR,gBARqB,CApMzB,UH89FF,CACF,C0Cj/FI,+CACE,yBAAA,CACA,aAAA,CACA,Y1Cw/FN,C0Cr/FI,yBACE,sBAAA,CAIA,kC1Co/FN,C0C5+FI,gCACE,sBAAA,CAEA,kC1C6+FN,C0C1+FI,4BACE,UAAA,CACA,kB1C4+FN,C0Cx+FE,iBACE,aAAA,CACA,iBAAA,CACA,SAAA,CACA,qB1C2+FJ,C0Cr+FE,2BACE,kB1Cw+FJ,C0Cr+FE,yCACE,UAAA,CACA,iBAAA,CACA,iBAAA,CACA,a1Cw+FJ,C0Cr+FE,uCACE,cAAA,CACA,eAAA,CACA,e1Cw+FJ,C0Cr+FE,kCACE,aAAA,CACA,kBAAA,CACA,iBAAA,CACA,qBAAA,CACA,e1Cw+FJ,C0Cl+FE,mDACE,YAAA,CACA,oBAAA,CACA,c1Cq+FJ,C0Cl+FE,0BACE,UAAA,CAEA,YAAA,CACA,wBAAA,CACA,wBAAA,CACA,c1Co+FJ,CQv2FQ,6BkCnIN,0BASI,Y1Cq+FJ,CACF,C0Cn+FI,mEACE,qB1Cq+FN,C0Cl+FI,gCACE,wB1Co+FN,C0Cl+FM,yEACE,wB1Co+FR,C0Cj+FM,kEACE,wB1Cm+FR,C0C/9FI,iEAEE,wBAAA,CACA,sBAAA,CAEA,gBAAA,CACA,wBAAA,CAMA,0B1C09FN,C0Cx9FM,mJACE,qBhCnDa,CgCoDb,0B1C09FR,C0Cv9FM,+JACE,iBhCxDa,CgCyDb,6BAAA,CACA,wBAAA,CACA,+B1Cy9FR,C0Cp9FE,iCACE,mBAAA,CACA,qB1Cu9FJ,C0Cr9FI,0EACE,wB1Cu9FN,C0Cp9FI,mEACE,aAAA,CACA,wB1Cs9FN,C0Cn9FI,sHAGE,wB1Cm9FN,C0Cj9FM,4NACE,wB1Cm9FR,C0C98FE,oCACE,kBAAA,CACA,oB1Ci9FJ,C0C78FI,6DACE,wB1C+8FN,C0C58FI,oEACE,wB1C88FN,C0C38FI,kOAEE,qB1C48FN,C0Cz8FI,6EACE,wB1C28FN,C0Cv8FE,mCACE,mBAAA,CACA,UAAA,CAEA,qB1Cy8FJ,C0Cv8FI,4EACE,wB1Cy8FN,C0Ct8FI,qEACE,wB1Cw8FN,C2CnpGE,cxCMA,0CCFkB,CDGlB,kCAAA,CACA,iCAAA,CAkCA,eAAA,CA4LI,iBAJc,CAKd,wBAJuB,CSlIrB,gBAAA,CAAA,mBAAA,C+B5FJ,6BAAA,CACA,ajCOgB,CYgBhB,kBtBooGJ,CQt8FQ,amC3NN,cxCiBE,sBHopGF,CACF,CQ38FQ,6BmC3NN,cxC+OM,cAbY,CAcZ,gBH27FN,CACF,CQj9FQ,amC3NN,cxC0OM,cATQ,CAUR,eHs8FN,CACF,CQv9FQ,6BmC3NN,c/BwGQ,gBAAA,CAAA,mBZ8kGR,CACF,CsBtoGI,yCAjBE,kBtB+pGN,C2CjrGE,qBACE,kB3CorGJ,C2CjrGE,oBxCZA,0CCFkB,CDGlB,kCAAA,CACA,iCAAA,CEaA,yBAAA,CAGE,2CChB6B,CDoB7B,6BLgrGJ,CQj/FQ,amCzMN,oBxCDE,sBH+rGF,CACF,CK5sGE,0BAqCE,iDCLmC,CDQnC,qCAAA,CAAA,6BAAA,CACA,iCAAA,CAAA,yBLwqGJ,CK7sGE,0BIGA,6BAAA,CACA,aC6EwB,CD5ExB,qBCkEmB,CDjEnB,oCACE,CAIF,oBTysGF,CS7rGE,kCJvBA,0BIwBE,kCAAA,CAAA,0BTgsGF,CACF,CK5gGE,qDF1LA,aHysGF,CQ1gGQ,aHLN,qDFvLE,UH0sGF,CACF,CK7gGE,0BAEI,wBL8gGN,CK1gGE,qDFvMA,aHotGF,CQrhGQ,aHQN,qDFpME,UHqtGF,CACF,C2C9tGE,6B/B0EM,eAAA,C+BvEJ,QAAA,CrBGA,+BtBguGJ,CQliGQ,6BmCpMN,6B/BiFQ,kBZypGR,CACF,CsBjtGI,wDAjBE,2BtBquGN,C2CluGE,oBACE,YAAA,CACA,kBAAA,CACA,iBAAA,CACA,cAAA,CACA,oBAAA,CACA,sB3CquGJ,C2CluGE,yBACE,iBnBHgB,CmBIhB,kBAAA,CACA,gB3CquGJ,C2CluGE,+BACE,M3CquGJ,CQ7jGQ,6BmCzKN,+BAGI,gB3CuuGJ,CACF,C2CpuGE,4BACE,oBAAA,CACA,iBAAA,CAIA,kBAAA,CAGA,wB3CkuGJ,CQzkGQ,6BmClKN,4BAII,kB3C2uGJ,CACF,C2CpuGE,mCAEE,oBAAA,CAGA,iB3CouGJ,C2CjuGE,qCACE,UAAA,CACA,aAAA,CACA,UAAA,CACA,iBAAA,CACA,oDAAA,CAC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AA,CAAA,kBAAA,CAAA,yBAAA,CACA,wBAAA,CKgSE,UAAA,CACA,e5Co6GN,C4Cj6GI,qDLhUF,oBKiUsE,CL/TtE,OAAA,CACA,QAAA,CAYE,iDAAA,CAAA,yCAAA,CAEA,wBAAA,CAAA,kBAAA,CAAA,yBAAA,CACA,2BvCytHJ,CQ7iHQ,wBoCoGN,2BAmCI,iBAAA,CAMA,QAAA,CAEA,OAAA,CACA,Q5Co6GJ,CACF,CQrjHQ,6BoCoGN,2BAgDI,Q5Cq6GJ,CACF,C4Cn6GI,qDACE,a5Cq6GN,C4Cl6GI,gGAEE,Y5Cm6GN,CQhkHQ,2Bc1KJ,qDsB8UI,mB5Ci6GN,CACF,CQtkHQ,6BoCiKN,0BAQI,kB5Ci6GJ,CsBpvHE,qDsB2VI,eAAA,CACA,kB5C45GN,CsBxvHE,iFsBsWI,aAAA,CAGA,mB5Cs5GN,CANF,C4C34GE,+BAEE,QAAA,CACA,SAAA,CACA,e5Co5GJ,C4Cl5GI,uCACE,Y5Co5GN,CQ/lHQ,kDc1KJ,0DsB0XI,mB5Cm5GN,CACF,CQpmHQ,6BoCqNN,+BAEI,QAAA,CACA,aAAA,CACA,gB5Ck5GJ,CACF,C4C/4GE,+BACE,cAAA,CACA,+B5Ck5GJ,CQjnHQ,6BoC6NN,+BAKI,oBAAA,CACA,iBAAA,CACA,aAAA,CACA,Q5Cm5GJ,CACF,C4Cj5GI,iCzC7NE,iBAJc,CAKd,wBAJuB,CA/K3B,eAAA,CyCkZI,kB5Co5GN,CQ/nHQ,6BoCwOJ,iCzCpNI,cAbY,CAcZ,gBH+mHN,CACF,CQroHQ,aoCwOJ,iCzCzNI,cATQ,CAUR,eH0nHN,CACF,CsBrzHI,0DsB0ZE,gBAAA,CAQA,wB5Cu5GN,CQ/oHQ,6Bc1KJ,0DsB8ZI,e5C+5GN,CACF,C4Cz5GM,4DzC5aJ,eHw0HF,CsBj0HI,oEnBGF,eHk0HF,C4Cn5GM,8IAGE,a5Cm5GR,CsBx0HI,+NsBwbM,a5Cm5GV,CQjqHQ,aoCkQJ,yCAmBI,a5Cg5GN,CACF,CsBh1HI,yHsBwcM,a5C84GV,C4Cx4GE,0CACE,cAAA,CACA,e5C24GJ,CQjrHQ,aoC0SJ,cACE,qBAAA,CACA,aAAA,CACA,sB5C24GJ,C4Cv4GI,qDAEE,a5Cw4GN,C4Cp4GI,0BACE,Y5Cs4GN,CACF,C6Cl6HE,kB1CcA,0CCFkB,CDGlB,kCAAA,CACA,iCAAA,CAkCA,eAAA,CA4LI,cAJc,CAKd,gBAJuB,CAvM3B,aOfkB,CmClBhB,YAAA,CjCsGI,eAAA,CAAA,kBAAA,CiChGJ,UAAA,CAEA,8B7Cq6HJ,CQ7sHQ,aqCnON,kB1CyBE,sBH25HF,CACF,CQltHQ,6BqCnON,kB1CuPM,mBAbY,CAcZ,wBHksHN,CACF,CQxtHQ,aqCnON,kB1CkPM,cATQ,CAUR,gBARqB,CApMzB,UHy5HF,CACF,CQ9tHQ,6BqCnON,kBjCgHQ,eAAA,CAAA,kBZ01HR,CACF,C6C97HI,+BACE,Y7Cq8HN,C6Cl8HI,4DAEE,e7Co8HN,C8Cv9HE,2B3CcA,0CCFkB,CDGlB,kCAAA,CACA,iCAAA,CAkCA,eAAA,CA4LI,cAJc,CAKd,gBAJuB,CSlIrB,kBAAA,CkCrGJ,wBAAA,CAEA,wB9C69HJ,CQhwHQ,asCnON,2B3CyBE,sBH88HF,CACF,CQrwHQ,6BsCnON,2B3CuPM,mBAbY,CAcZ,wBHqvHN,CACF,CQ3wHQ,asCnON,2B3CkPM,cATQ,CAUR,gBHgwHN,CACF,CQjxHQ,6BsCnON,2BlCgHQ,kBZw4HR,CACF,C8Cj/HI,iCACE,sB9Cm/HN,C8C/+HE,mCACE,oBAAA,CAIA,mC9C++HJ,CQ9xHQ,6BsCtNN,mCAQI,oB9Cg/HJ,CACF,C8C7+HE,kC3CqNI,cAJc,CAKd,gBAJuB,CA/K3B,eAAA,C2C9BE,QAAA,CACA,SAAA,CACA,U9C++HJ,CQ5yHQ,6BsC1MN,kC3C8NM,mBAbY,CAcZ,wBH4xHN,CACF,CQlzHQ,asC1MN,kC3CyNM,cATQ,CAUR,gBHuyHN,CACF,C8Cx/HE,oC3CCA,aOfkB,CoCiBhB,YAAA,CAEA,qB9Cy/HJ,CQ9zHQ,asChMN,oC3CIE,UH8/HF,CACF,CQn0HQ,6BsChMN,oCAQI,Y9C+/HJ,CACF,C8C3/HI,sCAGE,qBAAA,CAOA,e9Cq/HN,C8Cl/HI,gDACE,e9Co/HN,C8Ch/HE,oC3C4KI,kBAJc,CAKd,wBAJuB,CA/K3B,eAAA,C2CUE,eAAA,CAEA,S9Ck/HJ,CQv1HQ,6BsCjKN,oC3CqLM,gBAbY,CAcZ,gBHu0HN,CACF,CQ71HQ,asCjKN,oC3CgLM,cATQ,CAUR,gBHk1HN,CACF,C8C3/HE,iC3C7DA,0CCFkB,CDGlB,kCAAA,CACA,iCAAA,CEaA,yBAAA,CAGE,2CChB6B,CDoB7B,6BL2iIJ,CQ52HQ,asCxJN,iC3ClDE,sBH0jIF,CACF,CKvkIE,uCAqCE,iDCLmC,CDQnC,qCAAA,CAAA,6BAAA,CACA,iCAAA,CAAA,yBLmiIJ,CKxkIE,uCIGA,6BAAA,CAEA,qBCkEmB,CDjEnB,oCACE,CAIF,oBTokIF,CSxjIE,kCJvBA,uCIwBE,kCAAA,CAAA,0BT2jIF,CACF,CKzzHE,+EACE,aL8zHJ,CK3zHE,uCACE,aL6zHJ,CKpzHE,+EACE,aLyzHJ,C8CpiIE,oCACE,oBpCmCmB,CoCjCnB,wB9CsiIJ,CKl+HE,uJAEE,aLm+HJ,CKh+HE,2EACE,aLk+HJ,CK/9HE,4EACE,aLi+HJ,CK59HE,2EACE,aL89HJ,C+CnoIE,kBnCuGM,kBAAA,CmCrGJ,YAAA,CACA,qBAAA,CACA,kBAAA,CACA,c/CsoIJ,CQ16HQ,6BuCjON,kBnC8GQ,kBAAA,CmCtGJ,kBAAA,CACA,sB/CsoIJ,CACF,C+CnoIE,wBACE,QAAA,CACA,SAAA,CACA,e/C4oIJ,C+CzoIE,wE5CPA,0CCFkB,CDGlB,kCAAA,CACA,iCAAA,CAkCA,eAAA,CA4LI,cAJc,CAKd,gBAJuB,C4ClNzB,qBAAA,CACA,iBAAA,CACA,cAAA,CACA,eAAA,CACA,iBAAA,CACA,U/CipIJ,CQ58HQ,auC9MN,wE5CIE,sBH4pIF,CACF,CQn9HQ,6BuC9MN,wE5CkOM,mBAbY,CAcZ,wBHq8HN,CACF,CQ39HQ,auC9MN,wE5C6NM,cATQ,CAUR,gBHk9HN,CACF,C+CtqII,0FACE,wB/C0qIN,C+CtqIE,wBAGE,YAAA,CAIA,iB/CoqIJ,CQ7+HQ,6BuC9LN,wBAUI,a/CqqIJ,CACF,C+ClqIE,gD5CSA,eH8pIF,C+CjqII,gGACE,YAAA,CACA,kB/CoqIN,C+ChqIE,wBACE,c/CmqIJ,C+ChqIE,wBACE,e/CmqIJ,C+C/pIE,0IAIE,a/CkqIJ,C+C/pIE,iC5CnBA,eAAA,C4CqBE,6BAAA,CACA,wB/CkqIJ,C+ChqII,uCACE,wB/CkqIN,CKr/HE,+HAEE,ULs/HJ,CKj/HE,+HAEE,yBLk/HJ,CK/+HE,+DACE,aLi/HJ,C+CnqIE,kC5CjCA,eAAA,C4CmCE,a/CsqIJ,C+CnqII,wCACE,4B/CqqIN,C+CjqIE,wBACE,aAAA,CACA,c/CoqIJ,C+CjqII,cACE,8BACE,UAAA,CACA,iBAAA,CACA,KAAA,CACA,OAAA,CACA,QAAA,CACA,M/CmqIN,CACF,C+C5pIM,+I1C9FJ,yBAAA,CAGE,2CChB6B,CDoB7B,6BLwvIJ,C+C7pIM,wQ1C7EF,iDCLmC,CDQnC,qCAAA,CAAA,6BAAA,CACA,iCAAA,CAAA,yBL6uIJ,C+C7pIM,sDACE,a/C+pIR,C+CxpIM,mIACE,oB/C6pIR,C+CxpIE,8BACE,iC/C2pIJ,C+CxpIE,8B5CtGA,eAAA,CErBA,yBAAA,CAGE,2CChB6B,CDoB7B,6BCP0B,CyC8H1B,oB/C6pIJ,C+C1pIE,wBAEE,cAAA,CACA,eAAA,CACA,arCpF0B,CqCqF1B,iBAAA,CACA,wB/C4pIJ,C+CzpIE,8BACE,iB/C4pIJ,C+CzpIE,8BACE,gB/C4pIJ,C+CxpIE,yBACE,a/C2pIJ,C+CzpII,kGAEE,cAAA,CACA,U/C2pIN,C+CzpIM,kJACE,oB/C4pIR,C+CxpII,iDACE,kB/C0pIN,C+CtpII,yEACE,4B/CwpIN,C+CjpII,6DACE,UAAA,CACA,a/CmpIN,C+ChpII,iDACE,iBAAA,CACA,e/CkpIN,C+ChpIM,6DACE,oB/CkpIR,C+C9oII,iDAOE,iBAAA,CACA,iBAAA,CACA,U/C0oIN,CgD32IE,a7CcA,0CCFkB,CDGlB,kCAAA,CACA,iCAAA,CAkCA,eAAA,CA4LI,gBAJc,CAKd,wBAJuB,C6CxOzB,qBAAA,CAEA,kBAAA,CACA,YAAA,CAEA,4BAAA,CAEA,iBhD+2IJ,CQtpIQ,awCnON,a7CyBE,sBHo2IF,CACF,CQ3pIQ,6BwCnON,a7CuPM,iBAbY,CAcZ,wBH2oIN,CACF,CQjqIQ,awCnON,a7CkPM,cATQ,CAUR,gB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,oB5CuDF,sBAAA,CAEA,gBAAA,CAMA,0BTgxJF,CqD30JI,uBACE,UAAA,CACA,aAAA,CACA,kBrD60JN,CqDz0JE,wFAGE,UAAA,CACA,wBrD40JJ,CqDz0JE,qBACE,oBrD40JJ,CqD10JI,2BACE,oBrD40JN,CsDl3JE,0BhC6BE,+BAAA,CAAA,wBtB41JJ,CsBx0JI,qDAjBE,2BAAA,CAAA,wBtB41JN,CsD72JE,qCACE,YAAA,CACA,qBAAA,CACA,iBtDm3JJ,CQ1qJQ,6B8C5MN,qCAMI,kBAAA,CACA,ctDo3JJ,CACF,CsD/2JE,wEAEE,iBAAA,CACA,aAAA,CACA,sBtDk3JJ,CQvrJQ,6B8C/LN,wEAQI,oBAAA,CAEA,YAAA,CACA,eAAA,CACA,ctDk3JJ,CsBz2JE,8HgCNI,cAAA,CAOA,wBtD62JN,CsD12JI,0G1C4CE,iBZk0JN,CACF,CQzsJQ,uD8CtKF,0G1CmDI,iBZi0JR,CACF,CsD12JM,oWACE,YtD82JR,CQptJQ,6B8CrJN,wCAII,iBAAA,CACA,iBAAA,CACA,qBtD02JJ,CACF,CQ5tJQ,6B8CrJN,wChCzCE,mBAAA,CgCwDE,uBtDu2JJ,CsB34JE,mEAjBE,mBtB+5JJ,CACF,CsDv2JE,gCnDnFA,0CCFkB,CDGlB,kCAAA,CACA,iCAAA,CEaA,yBAAA,CAGE,2CChB6B,CDoB7B,6BL66JJ,CQ9uJQ,a8ClIN,gCnDxEE,sBH47JF,CACF,CKz8JE,sCAqCE,iDCLmC,CDQnC,qCAAA,CAAA,6BAAA,CACA,iCAAA,CAAA,yBLq6JJ,CK18JE,sCIGA,6BAAA,CAEA,qBCkEmB,CDjEnB,oCACE,CAIF,oBTs8JF,CS17JE,kCJvBA,sCIwBE,kCAAA,CAAA,0BT67JF,CACF,CKzpJE,yDACE,oBL2pJJ,CK9rJE,6EACE,aLmsJJ,CKhsJE,sCACE,aLksJJ,CKzrJE,6EACE,aL8rJJ,CsDn5JI,wDAGE,atDm5JN,CsD34JE,wCnDnGA,0CCFkB,CDGlB,kCAAA,CACA,iCAAA,CA4CA,eAAA,CAkLI,cAJc,CAKd,gBHsxJN,CQlyJQ,a8ClHN,wCnDxFE,sBHg/JF,CACF,CQvyJQ,6B8ClH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0DxmLE,8DAEE,e1D2mLJ,C0DxmLE,sBvDcA,eAAA,CuDXE,qBAAA,CACA,e1D0mLJ,C0DtmLE,4EAGE,kB1DymLJ,C0DtmLE,0BvDkLI,cAJc,CAKd,mBHw7KN,CQp8KQ,6BkDvKN,0BvD2LM,cAbY,CAcZ,wBHo7KN,CACF,CQ18KQ,akDvKN,0BvDsLM,cATQ,CAUR,gBH+7KN,CACF,C0DnnLE,yBvD8KI,gBAJc,CAKd,wBHy8KN,CQr9KQ,6BkDnKN,yBvDuLM,iBAbY,CAcZ,wBHq8KN,CACF,CQ39KQ,akDnKN,yBvDkLM,cATQ,CAUR,gBHg9KN,CACF,C0DhoLE,yBvD0KI,kBAJc,CAKd,wBH09KN,CQt+KQ,6BkD/JN,yBvDmLM,gBAbY,CAcZ,gBHs9KN,CACF,CQ5+KQ,akD/JN,yBvD8KM,cATQ,CAUR,gBHi+KN,CACF,C2DrtLE,Y/CyGM,cAAA,CAAA,kBAAA,CT3FN,0CCFkB,CDGlB,kCAAA,CACA,iCAAA,CAkCA,eAAA,CA4LI,cAJc,CAKd,gBHi/KN,CQ7/KQ,6BmDnON,Y/CgHQ,kBZonLR,CACF,CQlgLQ,amDnON,YxDyBE,sBHgtLF,CACF,CQvgLQ,6BmDnON,YxDuPM,mBAbY,CAcZ,wBHu/KN,CACF,CQ7gLQ,amDnON,YxDkPM,cATQ,CAUR,gBHkgLN,CACF,C2DhvLE,mBxDwOI,cAJc,CAKd,gBAJuB,CAzL3B,eAAA,CAdA,aOfkB,CiDThB,kB3DkvLJ,CQ3hLQ,6BmD7NN,mBxDiPM,mBAbY,CAcZ,wBH2gLN,CACF,CQjiLQ,amD7NN,mBxD4OM,cATQ,CAUR,gBARqB,CApMzB,UHkuLF,CACF,C2D3vLE,kBAEE,SAAA,CACA,eAAA,C/CuFI,eZ6qLR,CQnjLQ,6BmDpNN,kB/CiGQ,kBZ0qLR,CACF,C2DrwLE,uBACE,gB3DwwLJ,C2DtwLI,8BxDWF,aOfkB,CiDMd,WAAA,CACA,iBAAA,CACA,iB3DwwLN,CQlkLQ,amD1MJ,8BxDcA,UHkwLF,CACF,C2DzwLE,iBxDnBA,0CCFkB,CDGlB,kCAAA,CACA,iCAAA,CEaA,yBAAA,CAGE,2CChB6B,CDoB7B,6BCP0B,CqDQ1B,oBAAA,CACA,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CA,iBAAA,CAGA,mB7D2iMJ,CQl4LQ,aqD/KN,0B1DbE,UHkkMF,CACF,CiBlmME,sBACE,UAAA,CACA,aAAA,CACA,UjBqmMJ,C8DhnME,uBNeA,2BAAA,CAEA,mBAAA,CACA,oBAAA,CAGA,kBAAA,CACA,mBAAA,CAEA,yBAAA,CAGA,4BAAA,CACA,sCAAA,CAAA,8BAAA,CAEA,kBAAA,CAKA,4BAAA,CAKA,wBAAA,CAAA,oBAAA,CAAA,gBxDslMF,CwDlkME,2DACE,WxDukMJ,CwDtjME,wEA/DA,2BAAA,CAEA,mBAAA,CACA,oBAAA,CAGA,kBAAA,CACA,mBAAA,CAEA,yBAAA,CAGA,4BAAA,CACA,sCAAA,CAAA,8BAAA,CAEA,kBAAA,CAKA,4BAAA,CAKA,wBAAA,CAAA,oBAAA,CAAA,gBxD0mMF,C+DjpME,yBACE,wB/DopMJ,C+DjpME,+BACE,8B/DopMJ,C+DjpME,wBACE,uB/DopMJ,C+DjpME,uBACE,sB/DopMJ,CQ/7LQ,auDjNJ,6BACE,sB/DopMJ,CACF,CgEpoMI,mBpDmEI,kBZokMR,CgEjoMM,uBpD+DE,sBZskMR,CgEroMM,yBpD+DE,wBZ0kMR,CgEzoMM,0BpD+DE,yBZ8kMR,CgE7oMM,wBpD+DE,uBZklMR,CgEvpMI,mBpDmEI,oBZwlMR,CgErpMM,uBpD+DE,wBZ0lMR,CgEzpMM,yBpD+DE,0BZ8lMR,CgE7pMM,0BpD+DE,2BZkmMR,CgEjqMM,wBpD+DE,yBZsmMR,CgE3qMI,mBpDmEI,qBZ4mMR,CgEzqMM,uBpD+DE,yBZ8mMR,CgE7qMM,yBpD+DE,2BZknMR,CgEjrMM,0BpD+DE,4BZsnMR,CgErrMM,wBpD+DE,0BZ0nMR,CgE/rMI,mBpDmEI,qBZgoMR,CgE7rMM,uBpD+DE,yBZkoMR,CgEjsMM,yBpD+DE,2BZsoMR,CgErsMM,0BpD+DE,4BZ0oMR,CgEzsMM,wBpD+DE,0BZ8oMR,CgEntMI,mBpDmEI,qBZopMR,CQxhMQ,6BwD/LJ,mBpD0EM,qBZipMR,CACF,CgEttMM,uBpD+DE,yBZ2pMR,CQjiMQ,6BwDzLF,uBpDsEI,yBZwpMR,CACF,CgE/tMM,yBpD+DE,2BZoqMR,CQ1iMQ,6BwDzLF,yBpDsEI,2BZiqMR,CACF,CgExuMM,0BpD+DE,4BZ6qMR,CQnjMQ,6BwDzLF,0BpDsEI,4BZ0qMR,CACF,CgEjvMM,wBpD+DE,0BZsrMR,CQ5jMQ,6BwDzLF,wBpDsEI,0BZmrMR,CACF,CgEhwMI,mBpDmEI,qBZisMR,CQrkMQ,6BwD/LJ,mBpD0EM,qBZ8rMR,CACF,CgEnwMM,uBpD+DE,yBZwsMR,CQ9kMQ,6BwDzLF,uBpDsEI,yBZqsMR,CACF,CgE5wMM,yBpD+DE,2BZitMR,CQvlMQ,6BwDzLF,yBpDsEI,2BZ8sMR,CACF,CgErxMM,0BpD+DE,4BZ0tMR,CQhmMQ,6BwDzLF,0BpDsEI,4BZutMR,CACF,CgE9xMM,wBpD+DE,0BZmuMR,CQzmMQ,6BwDzLF,wBpDsEI,0BZguMR,CACF,CgE7yMI,mBpDmEI,qBZ8uMR,CQlnMQ,6BwD/LJ,mBpD0EM,qBZ2uMR,CACF,CgEhzMM,uBpD+DE,yBZqvMR,CQ3nMQ,6BwDzLF,uBpDsEI,yBZkvMR,CACF,CgEzzMM,yBpD+DE,2BZ8vMR,CQpoMQ,6BwDzLF,yBpDsEI,2BZ2vMR,CACF,CgEl0MM,0BpD+DE,4BZuwMR,CQ7oMQ,6BwDzLF,0BpDsEI,4BZowMR,CACF,CgE30MM,wBpD+DE,0BZgxMR,CQtpMQ,6BwDzLF,wBpDsEI,0BZ6wMR,CACF,CgE11MI,mBpDmEI,qBZ2xMR,CQ/pMQ,6BwD/LJ,mBpD0EM,qBZwxMR,CACF,CgE71MM,uBpD+DE,yBZkyMR,CQxqMQ,6BwDzLF,uBpDsEI,yBZ+xMR,CACF,CgEt2MM,yBpD+DE,2BZ2yMR,CQjrMQ,6BwDzLF,yBpDsEI,2BZwyMR,CACF,CgE/2MM,0BpD+DE,4BZozMR,CQ1rMQ,6BwDzLF,0BpDsEI,4BZizMR,CACF,CgEx3MM,wBpD+DE,0BZ6zMR,CQnsMQ,6BwDzLF,wBpDsEI,0BZ0zMR,CACF,CgEv4MI,mBpDmEI,qBZw0MR,CQ5sMQ,6BwD/LJ,mBpD0EM,qBZq0MR,CACF,CgE14MM,uBpD+DE,yBZ+0MR,CQrtMQ,6BwDzLF,uBpDsEI,yBZ40MR,CACF,CgEn5MM,yBpD+DE,2BZw1MR,CQ9tMQ,6BwDzLF,yBpDsEI,2BZq1MR,CACF,CgE55MM,0BpD+DE,4BZi2MR,CQvuMQ,6BwDzLF,0BpDsEI,4BZ81MR,CACF,CgEr6MM,wBpD+DE,0BZ02MR,CQhvMQ,6BwDzLF,wBpDsEI,0BZu2MR,CACF,CgEp7MI,mBpDmEI,qBZq3MR,CQzvMQ,6BwD/LJ,mBpD0EM,qBZk3MR,CACF,CgEv7MM,uBpD+DE,yBZ43MR,CQlwMQ,6BwDzLF,uBpDsEI,yBZy3MR,CACF,CgEh8MM,yBpD+DE,2BZq4MR,CQ3wMQ,6BwDzLF,yBpDsEI,2BZk4MR,CACF,CgEz8MM,0BpD+DE,4BZ84MR,CQpxMQ,6BwDzLF,0BpDsEI,4BZ24MR,CACF,CgEl9MM,wBpD+DE,0BZu5MR,CQ7xMQ,6BwDzLF,wBpDsEI,0BZo5MR,CACF,CgEj+MI,oBpDmEI,mBZk6MR,CgE/9MM,wBpD+DE,uBZo6MR,CgEn+MM,0BpD+DE,yBZw6MR,CgEv+MM,2BpD+DE,0BZ46MR,CgE3+MM,yBpD+DE,wBZg7MR,CgEr/MI,oBpDmEI,qBZs7MR,CgEn/MM,wBpD+DE,yBZw7MR,CgEv/MM,0BpD+DE,2BZ47MR,CgE3/MM,2BpD+DE,4BZg8MR,CgE//MM,yBpD+DE,0BZo8MR,CgEzgNI,oBpDmEI,sBZ08MR,CgEvgNM,wBpD+DE,0BZ48MR,CgE3gNM,0BpD+DE,4BZg9MR,CgE/gNM,2BpD+DE,6BZo9MR,CgEnhNM,yBpD+DE,2BZw9MR,CgE7hNI,oBpDmEI,sBZ89MR,CgE3hNM,wBpD+DE,0BZg+MR,CgE/hNM,0BpD+DE,4BZo+MR,CgEniNM,2BpD+DE,6BZw+MR,CgEviNM,yBpD+DE,2BZ4+MR,CgEjjNI,oBpDmEI,sBZk/MR,CQt3MQ,6BwD/LJ,oBpD0EM,sBZ++MR,CACF,CgEpjNM,wBpD+DE,0BZy/MR,CQ/3MQ,6BwDzLF,wBpDsEI,0BZs/MR,CACF,CgE7jNM,0BpD+DE,4BZkgNR,CQx4MQ,6BwDzLF,0BpDsEI,4BZ+/MR,CACF,CgEtkNM,2BpD+DE,6BZ2gNR,CQj5MQ,6BwDzLF,2BpDsEI,6BZwgNR,CACF,CgE/kNM,yBpD+DE,2BZohNR,CQ15MQ,6BwDzLF,yBpDsEI,2BZihNR,CACF,CgE9lNI,oBpDmEI,sBZ+hNR,CQn6MQ,6BwD/LJ,oBpD0EM,sBZ4hNR,CACF,CgEjmNM,wBpD+DE,0BZsiNR,CQ56MQ,6BwDzLF,wBpDsEI,0BZmiNR,CACF,CgE1mNM,0BpD+DE,4BZ+iNR,CQr7MQ,6BwDzLF,0BpDsEI,4BZ4iNR,CACF,CgEnnNM,2BpD+DE,6BZwjNR,CQ97MQ,6BwDzLF,2BpDsEI,6BZqjNR,CACF,CgE5nNM,yBpD+DE,2BZikNR,CQv8MQ,6BwDzLF,yBpDsEI,2BZ8jNR,CACF,CgE3oNI,oBpDmEI,sBZ4kNR,CQh9MQ,6BwD/LJ,oBpD0EM,sBZykNR,CACF,CgE9oNM,wBpD+DE,0BZmlNR,CQz9MQ,6BwDzLF,wBpDsEI,0BZglNR,CACF,CgEvpNM,0BpD+DE,4BZ4lNR,CQl+MQ,6BwDzLF,0BpDsEI,4BZylNR,CACF,CgEhqNM,2BpD+DE,6BZqmNR,CQ3+MQ,6BwDzLF,2BpDsEI,6BZkmNR,CACF,CgEzqNM,yBpD+DE,2BZ8mNR,CQp/MQ,6BwDzLF,yBpDsEI,2BZ2mNR,CACF,CgExrNI,oBpDmEI,sBZynNR,CQ7/MQ,6BwD/LJ,oBpD0EM,sBZsnNR,CACF,CgE3rNM,wBpD+DE,0BZgoNR,CQtgNQ,6BwDzLF,wBpDsEI,0BZ6nNR,CACF,CgEpsNM,0BpD+DE,4BZyoNR,CQ/gNQ,6BwDzLF,0BpDsEI,4BZsoNR,CACF,CgE7sNM,2BpD+DE,6BZkpNR,CQxhNQ,6BwDzLF,2BpDsEI,6BZ+oNR,CACF,CgEttNM,yBpD+DE,2BZ2pNR,CQjiNQ,6BwDzLF,yBpDsEI,2BZwpNR,CACF,CgEruNI,oBpDmEI,sBZsqNR,CQ1iNQ,6BwD/LJ,oBpD0EM,sBZmqNR,CACF,CgExuNM,wBpD+DE,0BZ6qNR,CQnjNQ,6BwDzLF,wBpDsEI,0BZ0qNR,CACF,CgEjvNM,0BpD+DE,4BZsrNR,CQ5jNQ,6BwDzLF,0BpDsEI,4BZmrNR,CACF,CgE1vNM,2BpD+DE,6BZ+rNR,CQrkNQ,6BwDzLF,2BpDsEI,6BZ4rNR,CACF,CgEnwNM,yBpD+DE,2BZwsNR,CQ9kNQ,6BwDzLF,yBpDsEI,2BZqsNR,CACF,CgElxNI,oBpDmEI,sBZmtNR,CQvlNQ,6BwD/LJ,oBpD0EM,sBZgtNR,CACF,CgErxNM,wBpD+DE,0BZ0tNR,CQhmNQ,6BwDzLF,wBpDsEI,0BZutNR,CACF,CgE9xNM,0BpD+DE,4BZmuNR,CQzmNQ,6BwDzLF,0BpDsEI,4BZguNR,CACF,CgEvyNM,2BpD+DE,6BZ4uNR,CQlnNQ,6BwDzLF,2BpDsEI,6BZyuNR,CACF,CgEhzNM,yBpD+DE,2BZqvNR,CQ3nNQ,6BwDzLF,yBpDsEI,2BZkvNR,CACF,CgEnyNI,0BACE,kBhEsyNN,CgElyNM,8BACE,sBhEqyNR,CgEtyNM,gCACE,wBhEyyNR,CgE1yNM,iCACE,yBhE6yNR,CgE9yNM,+BACE,uBhEizNR,CgEvzNI,0BACE,oBhE0zNN,CgEtzNM,8BACE,wBhEyzNR,CgE1zNM,gCACE,0BhE6zNR,CgE9zNM,iCACE,2BhEi0NR,CgEl0NM,+BACE,yBhEq0NR,CgE30NI,0BACE,qBhE80NN,CgE10NM,8BACE,yBhE60NR,CgE90NM,gCACE,2BhEi1NR,CgEl1NM,iCACE,4BhEq1NR,CgEt1NM,+BACE,0BhEy1NR,CgE/1NI,0BACE,qBhEk2NN,CgE91NM,8BACE,yBhEi2NR,CgEl2NM,gCACE,2BhEq2NR,CgEt2NM,iCACE,4BhEy2NR,CgE12NM,+BACE,0BhE62NR,CgEn3NI,0BACE,qBhEs3NN,CgEl3NM,8BACE,yBhEq3NR,CgEt3NM,gCACE,2BhEy3NR,CgE13NM,iCACE,4BhE63NR,CgE93NM,+BACE,0BhEi4NR,CgEv4NI,0BACE,qBhE04NN,CgEt4NM,8BACE,yBhEy4NR,CgE14NM,gCACE,2BhE64NR,CgE94NM,iCACE,4BhEi5NR,CgEl5NM,+BACE,0BhEq5NR,CgE35NI,0BACE,qBhE85NN,CgE15NM,8BACE,yBhE65NR,CgE95NM,gCACE,2BhEi6NR,CgEl6NM,iCACE,4BhEq6NR,CgEt6NM,+BACE,0BhEy6NR,CgE/6NI,0BACE,qBhEk7NN,CgE96NM,8BACE,yBhEi7NR,CgEl7NM,gCACE,2BhEq7NR,CgEt7NM,iCACE,4BhEy7NR,CgE17NM,+BACE,0BhE67NR,CgEn8NI,0BACE,qBhEs8NN,CgEl8NM,8BACE,yBhEq8NR,CgEt8NM,gCACE,2BhEy8NR,CgE18NM,iCACE,4BhE68NR,CgE98NM,+BACE,0BhEi9NR,CgEv9NI,0BACE,qBhE09NN,CgEt9NM,8BACE,yBhEy9NR,CgE19NM,gCACE,2BhE69NR,CgE99NM,iCACE,4BhEi+NR,CgEl+NM,+BACE,0BhEq+NR,CgE3+NI,2BACE,mBhE8+NN,CgE1+NM,+BACE,uBhE6+NR,CgE9+NM,iCACE,yBhEi/NR,CgEl/NM,kCACE,0BhEq/NR,CgEt/NM,gCACE,wBhEy/NR,CgE//NI,2BACE,qBhEkgON,CgE9/NM,+BACE,yBhEigOR,CgElgOM,iCACE,2BhEqgOR,CgEtgOM,kCACE,4BhEygOR,CgE1gOM,gCACE,0BhE6gOR,CgEnhOI,2BACE,sBhEshON,CgElhOM,+BACE,0BhEqhOR,CgEthOM,iCACE,4BhEyhOR,CgE1hOM,kCACE,6BhE6hOR,CgE9hOM,gCACE,2BhEiiOR,CgEviOI,2BACE,sBhE0iON,CgEtiOM,+BACE,0BhEyiOR,CgE1iOM,iCACE,4BhE6iOR,CgE9iOM,kCACE,6BhEijOR,CgEljOM,gCACE,2BhEqjOR,CgE3jOI,2BACE,sBhE8jON,CgE1jOM,+BACE,0BhE6jOR,CgE9jOM,iCACE,4BhEikOR,CgElkOM,kCACE,6BhEqkOR,CgEtkOM,gCACE,2BhEykOR,CgE/kOI,2BACE,sBhEklON,CgE9kOM,+BACE,0BhEilOR,CgEllOM,iCACE,4BhEqlOR,CgEtlOM,kCACE,6BhEylOR,CgE1lOM,gCACE,2BhE6lOR,CgEnmOI,2BACE,sBhEsmON,CgElmOM,+BACE,0BhEqmOR,CgEtmOM,iCACE,4BhEymOR,CgE1mOM,kCACE,6BhE6mOR,CgE9mOM,gCACE,2BhEinOR,CgEvnOI,2BACE,sBhE0nON,CgEtnOM,+BACE,0BhEynOR,CgE1nOM,iCACE,4BhE6nOR,CgE9nOM,kCACE,6BhEioOR,CgEloOM,gCACE,2BhEqoOR,CgE3oOI,2BACE,sBhE8oON,CgE1oOM,+BACE,0BhE6oOR,CgE9oOM,iCACE,4BhEipOR,CgElpOM,kCACE,6BhEqpOR,CgEtpOM,gCACE,2BhEypOR,CgE/pOI,2BACE,sBhEkqON,CgE9pOM,+BACE,0BhEiqOR,CgElqOM,iCACE,4BhEqqOR,CgEtqOM,kCACE,6BhEyqOR,CgE1qOM,gCACE,2BhE6qOR,CiElvOE,0BACE,yBjEqvOJ,CiElvOE,4BACE,2BjEqvOJ,CiElvOE,2BACE,0BjEqvOJ,CkExvOI,uB/DuOE,6BAJc,CAKd,kCHqhON,CQjiOQ,6B0D5NJ,uB/DgPI,wBAbY,CAcZ,uBHihON,CACF,CQviOQ,a0D5NJ,uB/D2OI,wBATQ,CAUR,yBH4hON,CACF,CkEzwOI,uB/DuOE,wBAJc,CAKd,6BHsiON,CQljOQ,6B0D5NJ,uB/DgPI,wBAbY,CAcZ,kCHkiON,CACF,CQxjOQ,a0D5NJ,uB/D2OI,wBATQ,CAUR,0BH6iON,CACF,CkE1xOI,uB/DuOE,0BAJc,CAKd,kCHujON,CQnkOQ,6B0D5NJ,uB/DgPI,2BAbY,CAcZ,kCHmjON,CACF,CQzkOQ,a0D5NJ,uB/D2OI,wBATQ,CAUR,0BH8jON,CACF,CkE3yOI,uB/DuOE,4BAJc,CAKd,kCHwkON,CQplOQ,6B0D5NJ,uB/DgPI,6BAbY,CAcZ,kCHokON,CACF,CQ1lOQ,a0D5NJ,uB/D2OI,wBATQ,CAUR,0BH+kON,CACF,CkE5zOI,uB/DuOE,4BAJc,CAKd,kCHylON,CQrmOQ,6B0D5NJ,uB/DgPI,0BAbY,CAcZ,0BHqlON,CACF,CQ3mOQ,a0D5NJ,uB/D2OI,wBATQ,CAUR,0BHgmON,CACF,CkE70OI,uB/DuOE,wBAJc,CAKd,0BH0mON,CQtnOQ,6B0D5NJ,uB/DgPI,6BAbY,CAcZ,kCHsmON,CACF,CQ5nOQ,a0D5NJ,uB/D2OI,wBATQ,CAUR,0BHinON,CACF,CkE91OI,uB/DuOE,2BAJc,CAKd,kCH2nON,CQvoOQ,6B0D5NJ,uB/DgPI,wBAbY,CAcZ,0BHunON,CACF,CQ7oOQ,a0D5NJ,uB/D2OI,wBATQ,CAUR,yBHkoON,CACF,CkE/2OI,uB/DuOE,0BAJc,CAKd,0BH4oON,CQxpOQ,6B0D5NJ,uB/DgPI,2BAbY,CAcZ,kCHwoON,CACF,CQ9pOQ,a0D5NJ,uB/D2OI,wBATQ,CAUR,yBHmpON,CACF,CkEl3OE,8B/D6BA,yBHy1OF,CkEl3OE,2B/DmCA,yBHm1OF,CkEh3OE,+B/D8CA,2CHs0OF,CkEh3OE,0B/DwDA,8BAAA,CAGA,kCH0zOF,CmEn5OE,oDACE,oBnE05OJ,CQ7rOQ,6B2D9NN,+BAII,mBnE25OJ,CACF,CmEx5OE,2BACE,oBnE25OJ,CQtsOQ,6B2DtNN,2BAII,sBnE45OJ,CACF,CmEz5OE,yBACE,oBnE45OJ,CQ/sOQ,6B2D9MN,yBAII,mBnE65OJ,CACF,CmE15OE,0BACE,oBnE65OJ,CQxtOQ,6B2DtMN,0BAII,sBnE85OJ,CACF,CmE35OE,4BACE,oBnE85OJ,CQjuOQ,6B2D9LN,4BAII,mBnE+5OJ,CACF","file":"govuk-frontend.min.css","sourcesContent":["@import \"../error-message/index\";\n@import \"../hint/index\";\n@import \"../label/index\";\n@import \"../textarea/index\";\n\n@include govuk-exports(\"govuk/component/character-count\") {\n  .govuk-character-count {\n    @include govuk-responsive-margin(6, \"bottom\");\n\n    .govuk-form-group,\n    .govuk-textarea {\n      margin-bottom: govuk-spacing(1);\n    }\n\n    // If the textarea enters the error state whilst the user is focused on it,\n    // show the error state. This presents feedback to the user that the value\n    // has become invalid without needing to see the counter.\n    .govuk-textarea--error:focus {\n      border-color: $govuk-error-colour;\n      box-shadow: inset 0 0 0 $govuk-border-width-form-element $govuk-error-colour;\n    }\n  }\n\n  .govuk-character-count__message {\n    @include govuk-font-tabular-numbers;\n    margin-top: 0;\n    margin-bottom: 0;\n\n    &::after {\n      // Zero-width space that will reserve vertical space when no hint is\n      // provided as:\n      // - setting a min-height is not possible without a magic number because\n      //   the line-height is set by the `govuk-font` call above\n      // - using `:empty` is not possible as the hint macro outputs line breaks\n      content: \"\\200B\";\n    }\n  }\n\n  .govuk-character-count__message--disabled {\n    visibility: hidden;\n  }\n}\n","@charset \"UTF-8\";\n:root {\n  --govuk-frontend-version: \"development\";\n  --govuk-breakpoint-mobile: 20rem;\n  --govuk-frontend-breakpoint-mobile: var(--govuk-breakpoint-mobile);\n  --govuk-breakpoint-tablet: 40.0625rem;\n  --govuk-frontend-breakpoint-tablet: var(--govuk-breakpoint-tablet);\n  --govuk-breakpoint-desktop: 48.0625rem;\n  --govuk-frontend-breakpoint-desktop: var(--govuk-breakpoint-desktop);\n}\n\n.govuk-link {\n  font-family: \"GDS Transport\", arial, sans-serif;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  text-decoration: underline;\n  text-decoration-thickness: max(1px, .0625rem);\n  text-underline-offset: 0.1578em;\n}\n/*! Copyright (c) 2011 by Margaret Calvert & Henrik Kubel. All rights reserved. The font has been customised for exclusive use on gov.uk. This cut is not commercially available. */ /* stylelint-disable-line scss/comment-no-loud  */\n@font-face {\n  font-family: \"GDS Transport\";\n  font-style: normal;\n  font-weight: normal;\n  src: url(\"/assets/fonts/light-94a07e06a1-v2.woff2\") format(\"woff2\"), url(\"/assets/fonts/light-f591b13f7d-v2.woff\") format(\"woff\");\n  font-display: fallback;\n}\n@font-face {\n  font-family: \"GDS Transport\";\n  font-style: normal;\n  font-weight: bold;\n  src: url(\"/assets/fonts/bold-b542beb274-v2.woff2\") format(\"woff2\"), url(\"/assets/fonts/bold-affa96571d-v2.woff\") format(\"woff\");\n  font-display: fallback;\n}\n@media print {\n  .govuk-link {\n    font-family: sans-serif;\n  }\n}\n.govuk-link:hover {\n  text-decoration-thickness: max(3px, .1875rem, .12em);\n  text-decoration-skip-ink: none;\n  text-decoration-skip: none;\n}\n.govuk-link:focus {\n  outline: 3px solid transparent;\n  color: #0b0c0c;\n  background-color: #ffdd00;\n  box-shadow: 0 -2px #ffdd00, 0 4px #0b0c0c;\n  text-decoration: none;\n}\n@supports not (text-wrap: balance) {\n  .govuk-link:focus {\n    box-decoration-break: clone;\n  }\n}\n.govuk-link:link {\n  color: #1d70b8;\n}\n.govuk-link:visited {\n  color: #4c2c92;\n}\n.govuk-link:hover {\n  color: #003078;\n}\n.govuk-link:active {\n  color: #0b0c0c;\n}\n.govuk-link:focus {\n  color: #0b0c0c;\n}\n@media print {\n  [href^=\"/\"].govuk-link::after, [href^=\"http://\"].govuk-link::after, [href^=\"https://\"].govuk-link::after {\n    content: \" (\" attr(href) \")\";\n    font-size: 90%;\n    word-wrap: break-word;\n  }\n}\n\n.govuk-link--muted:link, .govuk-link--muted:visited {\n  color: #505a5f;\n}\n.govuk-link--muted:hover, .govuk-link--muted:active {\n  color: #0b0c0c;\n}\n.govuk-link--muted:focus {\n  color: #0b0c0c;\n}\n\n.govuk-link--text-colour:link, .govuk-link--text-colour:visited {\n  color: #0b0c0c;\n}\n@media print {\n  .govuk-link--text-colour:link, .govuk-link--text-colour:visited {\n    color: #000000;\n  }\n}\n.govuk-link--text-colour:hover {\n  color: rgba(11, 12, 12, 0.99);\n}\n.govuk-link--text-colour:active, .govuk-link--text-colour:focus {\n  color: #0b0c0c;\n}\n@media print {\n  .govuk-link--text-colour:active, .govuk-link--text-colour:focus {\n    color: #000000;\n  }\n}\n\n.govuk-link--inverse:link, .govuk-link--inverse:visited {\n  color: #ffffff;\n}\n.govuk-link--inverse:hover, .govuk-link--inverse:active {\n  color: rgba(255, 255, 255, 0.99);\n}\n.govuk-link--inverse:focus {\n  color: #0b0c0c;\n}\n\n.govuk-link--no-underline:not(:hover):not(:active) {\n  text-decoration: none;\n}\n\n.govuk-link--no-visited-state:link {\n  color: #1d70b8;\n}\n.govuk-link--no-visited-state:visited {\n  color: #1d70b8;\n}\n.govuk-link--no-visited-state:hover {\n  color: #003078;\n}\n.govuk-link--no-visited-state:active {\n  color: #0b0c0c;\n}\n.govuk-link--no-visited-state:focus {\n  color: #0b0c0c;\n}\n\n.govuk-link-image {\n  display: inline-block;\n  line-height: 0;\n  text-decoration: none;\n}\n.govuk-link-image:focus {\n  outline: 3px solid transparent;\n  box-shadow: 0 0 0 4px #ffdd00, 0 0 0 8px #0b0c0c;\n}\n\n.govuk-list {\n  font-family: \"GDS Transport\", arial, sans-serif;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  font-weight: 400;\n  font-size: 1rem;\n  line-height: 1.25;\n  color: #0b0c0c;\n  margin-top: 0;\n  margin-bottom: 15px;\n  padding-left: 0;\n  list-style-type: none;\n}\n@media print {\n  .govuk-list {\n    font-family: sans-serif;\n  }\n}\n@media (min-width: 40.0625em) {\n  .govuk-list {\n    font-size: 1.1875rem;\n    line-height: 1.3157894737;\n  }\n}\n@media print {\n  .govuk-list {\n    font-size: 14pt;\n    line-height: 1.15;\n  }\n}\n@media print {\n  .govuk-list {\n    color: #000000;\n  }\n}\n@media (min-width: 40.0625em) {\n  .govuk-list {\n    margin-bottom: 20px;\n  }\n}\n.govuk-list .govuk-list {\n  margin-top: 10px;\n}\n\n.govuk-list > li {\n  margin-bottom: 5px;\n}\n\n.govuk-list--bullet {\n  padding-left: 20px;\n  list-style-type: disc;\n}\n\n.govuk-list--number {\n  padding-left: 20px;\n  list-style-type: decimal;\n}\n\n.govuk-list--bullet > li,\n.govuk-list--number > li {\n  margin-bottom: 0;\n}\n@media (min-width: 40.0625em) {\n  .govuk-list--bullet > li,\n  .govuk-list--number > li {\n    margin-bottom: 5px;\n  }\n}\n\n.govuk-list--spaced > li {\n  margin-bottom: 10px;\n}\n@media (min-width: 40.0625em) {\n  .govuk-list--spaced > li {\n    margin-bottom: 15px;\n  }\n}\n\n.govuk-heading-xl {\n  color: #0b0c0c;\n  font-family: \"GDS Transport\", arial, sans-serif;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  font-weight: 700;\n  font-size: 2rem;\n  line-height: 1.09375;\n  display: block;\n  margin-top: 0;\n  margin-bottom: 30px;\n}\n@media print {\n  .govuk-heading-xl {\n    color: #000000;\n  }\n}\n@media print {\n  .govuk-heading-xl {\n    font-family: sans-serif;\n  }\n}\n@media (min-width: 40.0625em) {\n  .govuk-heading-xl {\n    font-size: 3rem;\n    line-height: 1.0416666667;\n  }\n}\n@media print {\n  .govuk-heading-xl {\n    font-size: 32pt;\n    line-height: 1.15;\n  }\n}\n@media (min-width: 40.0625em) {\n  .govuk-heading-xl {\n    margin-bottom: 50px;\n  }\n}\n\n.govuk-heading-l {\n  color: #0b0c0c;\n  font-family: \"GDS Transport\", arial, sans-serif;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  font-weight: 700;\n  font-size: 1.5rem;\n  line-height: 1.0416666667;\n  display: block;\n  margin-top: 0;\n  margin-bottom: 20px;\n}\n@media print {\n  .govuk-heading-l {\n    color: #000000;\n  }\n}\n@media print {\n  .govuk-heading-l {\n    font-family: sans-serif;\n  }\n}\n@media (min-width: 40.0625em) {\n  .govuk-heading-l {\n    font-size: 2.25rem;\n    line-height: 1.1111111111;\n  }\n}\n@media print {\n  .govuk-heading-l {\n    font-size: 24pt;\n    line-height: 1.05;\n  }\n}\n@media (min-width: 40.0625em) {\n  .govuk-heading-l {\n    margin-bottom: 30px;\n  }\n}\n\n.govuk-heading-m {\n  color: #0b0c0c;\n  font-family: \"GDS Transport\", arial, sans-serif;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  font-weight: 700;\n  font-size: 1.125rem;\n  line-height: 1.1111111111;\n  display: block;\n  margin-top: 0;\n  margin-bottom: 15px;\n}\n@media print {\n  .govuk-heading-m {\n    color: #000000;\n  }\n}\n@media print {\n  .govuk-heading-m {\n    font-family: sans-serif;\n  }\n}\n@media (min-width: 40.0625em) {\n  .govuk-heading-m {\n    font-size: 1.5rem;\n    line-height: 1.25;\n  }\n}\n@media print {\n  .govuk-heading-m {\n    font-size: 18pt;\n    line-height: 1.15;\n  }\n}\n@media (min-width: 40.0625em) {\n  .govuk-heading-m {\n    margin-bottom: 20px;\n  }\n}\n\n.govuk-heading-s {\n  color: #0b0c0c;\n  font-family: \"GDS Transport\", arial, sans-serif;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  font-weight: 700;\n  font-size: 1rem;\n  line-height: 1.25;\n  display: block;\n  margin-top: 0;\n  margin-bottom: 15px;\n}\n@media print {\n  .govuk-heading-s {\n    color: #000000;\n  }\n}\n@media print {\n  .govuk-heading-s {\n    font-family: sans-serif;\n  }\n}\n@media (min-width: 40.0625em) {\n  .govuk-heading-s {\n    font-size: 1.1875rem;\n    line-height: 1.3157894737;\n  }\n}\n@media print {\n  .govuk-heading-s {\n    font-size: 14pt;\n    line-height: 1.15;\n  }\n}\n@media (min-width: 40.0625em) {\n  .govuk-heading-s {\n    margin-bottom: 20px;\n  }\n}\n\n.govuk-caption-xl {\n  font-family: \"GDS Transport\", arial, sans-serif;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  font-weight: 400;\n  font-size: 1.125rem;\n  line-height: 1.1111111111;\n  display: block;\n  margin-bottom: 5px;\n  color: #505a5f;\n}\n@media print {\n  .govuk-caption-xl {\n    font-family: sans-serif;\n  }\n}\n@media (min-width: 40.0625em) {\n  .govuk-caption-xl {\n    font-size: 1.6875rem;\n    line-height: 1.1111111111;\n  }\n}\n@media print {\n  .govuk-caption-xl {\n    font-size: 18pt;\n    line-height: 1.15;\n  }\n}\n\n.govuk-caption-l {\n  font-family: \"GDS Transport\", arial, sans-serif;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  font-weight: 400;\n  font-size: 1.125rem;\n  line-height: 1.1111111111;\n  display: block;\n  margin-bottom: 5px;\n  color: #505a5f;\n}\n@media print {\n  .govuk-caption-l {\n    font-family: sans-serif;\n  }\n}\n@media (min-width: 40.0625em) {\n  .govuk-caption-l {\n    font-size: 1.5rem;\n    line-height: 1.25;\n  }\n}\n@media print {\n  .govuk-caption-l {\n    font-size: 18pt;\n    line-height: 1.15;\n  }\n}\n@media (min-width: 40.0625em) {\n  .govuk-caption-l {\n    margin-bottom: 0;\n  }\n}\n\n.govuk-caption-m {\n  font-family: \"GDS Transport\", arial, sans-serif;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  font-weight: 400;\n  font-size: 1rem;\n  line-height: 1.25;\n  display: block;\n  color: #505a5f;\n}\n@media print {\n  .govuk-caption-m {\n    font-family: sans-serif;\n  }\n}\n@media (min-width: 40.0625em) {\n  .govuk-caption-m {\n    font-size: 1.1875rem;\n    line-height: 1.3157894737;\n  }\n}\n@media print {\n  .govuk-caption-m {\n    font-size: 14pt;\n    line-height: 1.15;\n  }\n}\n\n.govuk-body-lead, .govuk-body-l {\n  color: #0b0c0c;\n  font-family: \"GDS Transport\", arial, sans-serif;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  font-weight: 400;\n  font-size: 1.125rem;\n  line-height: 1.1111111111;\n  margin-top: 0;\n  margin-bottom: 20px;\n}\n@media print {\n  .govuk-body-lead, .govuk-body-l {\n    color: #000000;\n  }\n}\n@media print {\n  .govuk-body-lead, .govuk-body-l {\n    font-family: sans-serif;\n  }\n}\n@media (min-width: 40.0625em) {\n  .govuk-body-lead, .govuk-body-l {\n    font-size: 1.5rem;\n    line-height: 1.25;\n  }\n}\n@media print {\n  .govuk-body-lead, .govuk-body-l {\n    font-size: 18pt;\n    line-height: 1.15;\n  }\n}\n@media (min-width: 40.0625em) {\n  .govuk-body-lead, .govuk-body-l {\n    margin-bottom: 30px;\n  }\n}\n\n.govuk-body, .govuk-body-m {\n  color: #0b0c0c;\n  font-family: \"GDS Transport\", arial, sans-serif;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  font-weight: 400;\n  font-size: 1rem;\n  line-height: 1.25;\n  margin-top: 0;\n  margin-bottom: 15px;\n}\n@media print {\n  .govuk-body, .govuk-body-m {\n    color: #000000;\n  }\n}\n@media print {\n  .govuk-body, .govuk-body-m {\n    font-family: sans-serif;\n  }\n}\n@media (min-width: 40.0625em) {\n  .govuk-body, .govuk-body-m {\n    font-size: 1.1875rem;\n    line-height: 1.3157894737;\n  }\n}\n@media print {\n  .govuk-body, .govuk-body-m {\n    font-size: 14pt;\n    line-height: 1.15;\n  }\n}\n@media (min-width: 40.0625em) {\n  .govuk-body, .govuk-body-m {\n    margin-bottom: 20px;\n  }\n}\n\n.govuk-body-s {\n  color: #0b0c0c;\n  font-family: \"GDS Transport\", arial, sans-serif;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  font-weight: 400;\n  font-size: 0.875rem;\n  line-height: 1.1428571429;\n  margin-top: 0;\n  margin-bottom: 15px;\n}\n@media print {\n  .govuk-body-s {\n    color: #000000;\n  }\n}\n@media print {\n  .govuk-body-s {\n    font-family: sans-serif;\n  }\n}\n@media (min-width: 40.0625em) {\n  .govuk-body-s {\n    font-size: 1rem;\n    line-height: 1.25;\n  }\n}\n@media print {\n  .govuk-body-s {\n    font-size: 14pt;\n    line-height: 1.2;\n  }\n}\n@media (min-width: 40.0625em) {\n  .govuk-body-s {\n    margin-bottom: 20px;\n  }\n}\n\n.govuk-body-xs {\n  color: #0b0c0c;\n  font-family: \"GDS Transport\", arial, sans-serif;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  font-weight: 400;\n  font-size: 0.75rem;\n  line-height: 1.25;\n  margin-top: 0;\n  margin-bottom: 15px;\n}\n@media print {\n  .govuk-body-xs {\n    color: #000000;\n  }\n}\n@media print {\n  .govuk-body-xs {\n    font-family: sans-serif;\n  }\n}\n@media (min-width: 40.0625em) {\n  .govuk-body-xs {\n    font-size: 0.875rem;\n    line-height: 1.4285714286;\n  }\n}\n@media print {\n  .govuk-body-xs {\n    font-size: 12pt;\n    line-height: 1.2;\n  }\n}\n@media (min-width: 40.0625em) {\n  .govuk-body-xs {\n    margin-bottom: 20px;\n  }\n}\n\n.govuk-body-l + .govuk-heading-l, .govuk-body-lead + .govuk-heading-l {\n  padding-top: 5px;\n}\n@media (min-width: 40.0625em) {\n  .govuk-body-l + .govuk-heading-l, .govuk-body-lead + .govuk-heading-l {\n    padding-top: 10px;\n  }\n}\n\n.govuk-body-m + .govuk-heading-l, .govuk-body + .govuk-heading-l,\n.govuk-body-s + .govuk-heading-l,\n.govuk-list + .govuk-heading-l {\n  padding-top: 15px;\n}\n@media (min-width: 40.0625em) {\n  .govuk-body-m + .govuk-heading-l, .govuk-body + .govuk-heading-l,\n  .govuk-body-s + .govuk-heading-l,\n  .govuk-list + .govuk-heading-l {\n    padding-top: 20px;\n  }\n}\n\n.govuk-body-m + .govuk-heading-m, .govuk-body + .govuk-heading-m,\n.govuk-body-s + .govuk-heading-m,\n.govuk-list + .govuk-heading-m,\n.govuk-body-m + .govuk-heading-s,\n.govuk-body + .govuk-heading-s,\n.govuk-body-s + .govuk-heading-s,\n.govuk-list + .govuk-heading-s {\n  padding-top: 5px;\n}\n@media (min-width: 40.0625em) {\n  .govuk-body-m + .govuk-heading-m, .govuk-body + .govuk-heading-m,\n  .govuk-body-s + .govuk-heading-m,\n  .govuk-list + .govuk-heading-m,\n  .govuk-body-m + .govuk-heading-s,\n  .govuk-body + .govuk-heading-s,\n  .govuk-body-s + .govuk-heading-s,\n  .govuk-list + .govuk-heading-s {\n    padding-top: 10px;\n  }\n}\n\n.govuk-section-break {\n  margin: 0;\n  border: 0;\n}\n\n.govuk-section-break--xl {\n  margin-top: 30px;\n  margin-bottom: 30px;\n}\n@media (min-width: 40.0625em) {\n  .govuk-section-break--xl {\n    margin-top: 50px;\n  }\n}\n@media (min-width: 40.0625em) {\n  .govuk-section-break--xl {\n    margin-bottom: 50px;\n  }\n}\n\n.govuk-section-break--l {\n  margin-top: 20px;\n  margin-bottom: 20px;\n}\n@media (min-width: 40.0625em) {\n  .govuk-section-break--l {\n    margin-top: 30px;\n  }\n}\n@media (min-width: 40.0625em) {\n  .govuk-section-break--l {\n    margin-bottom: 30px;\n  }\n}\n\n.govuk-section-break--m {\n  margin-top: 15px;\n  margin-bottom: 15px;\n}\n@media (min-width: 40.0625em) {\n  .govuk-section-break--m {\n    margin-top: 20px;\n  }\n}\n@media (min-width: 40.0625em) {\n  .govuk-section-break--m {\n    margin-bottom: 20px;\n  }\n}\n\n.govuk-section-break--visible {\n  border-bottom: 1px solid #b1b4b6;\n}\n\n.govuk-button-group {\n  margin-bottom: 5px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n@media (min-width: 40.0625em) {\n  .govuk-button-group {\n    margin-bottom: 15px;\n  }\n}\n.govuk-button-group .govuk-link {\n  font-family: \"GDS Transport\", arial, sans-serif;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  font-weight: 400;\n  font-size: 1rem;\n  line-height: 1.1875;\n  display: inline-block;\n  max-width: 100%;\n  margin-top: 5px;\n  margin-bottom: 20px;\n  text-align: center;\n}\n@media print {\n  .govuk-button-group .govuk-link {\n    font-family: sans-serif;\n  }\n}\n@media (min-width: 40.0625em) {\n  .govuk-button-group .govuk-link {\n    font-size: 1.1875rem;\n    line-height: 1;\n  }\n}\n@media print {\n  .govuk-button-group .govuk-link {\n    font-size: 14pt;\n    line-height: 19px;\n  }\n}\n.govuk-button-group .govuk-button {\n  margin-bottom: 17px;\n}\n@media (min-width: 40.0625em) {\n  .govuk-button-group {\n    margin-right: -15px;\n    flex-direction: row;\n    flex-wrap: wrap;\n    align-items: baseline;\n  }\n  .govuk-button-group .govuk-button,\n  .govuk-button-group .govuk-link {\n    margin-right: 15px;\n  }\n  .govuk-button-group .govuk-link {\n    text-align: left;\n  }\n}\n\n.govuk-form-group {\n  margin-bottom: 20px;\n}\n.govuk-form-group::after {\n  content: \"\";\n  display: block;\n  clear: both;\n}\n@media (min-width: 40.0625em) {\n  .govuk-form-group {\n    margin-bottom: 30px;\n  }\n}\n.govuk-form-group .govuk-form-group:last-of-type {\n  margin-bottom: 0;\n}\n\n.govuk-form-group--error {\n  padding-left: 15px;\n  border-left: 5px solid #d4351c;\n}\n.govuk-form-group--error .govuk-form-group {\n  padding: 0;\n  border: 0;\n}\n\n.govuk-grid-row {\n  margin-right: -15px;\n  margin-left: -15px;\n}\n.govuk-grid-row::after {\n  content: \"\";\n  display: block;\n  clear: both;\n}\n\n.govuk-grid-column-one-quarter {\n  box-sizing: border-box;\n  width: 100%;\n  padding: 0 15px;\n}\n@media (min-width: 40.0625em) {\n  .govuk-grid-column-one-quarter {\n    width: 25%;\n    float: left;\n  }\n}\n\n.govuk-grid-column-one-third {\n  box-sizing: border-box;\n  width: 100%;\n  padding: 0 15px;\n}\n@media (min-width: 40.0625em) {\n  .govuk-grid-column-one-third {\n    width: 33.3333333333%;\n    float: left;\n  }\n}\n\n.govuk-grid-column-one-half {\n  box-sizing: border-box;\n  width: 100%;\n  padding: 0 15px;\n}\n@media (min-width: 40.0625em) {\n  .govuk-grid-column-one-half {\n    width: 50%;\n    float: left;\n  }\n}\n\n.govuk-grid-column-two-thirds {\n  box-sizing: border-box;\n  width: 100%;\n  padding: 0 15px;\n}\n@media (min-width: 40.0625em) {\n  .govuk-grid-column-two-thirds {\n    width: 66.6666666667%;\n    float: left;\n  }\n}\n\n.govuk-grid-column-three-quarters {\n  box-sizing: border-box;\n  width: 100%;\n  padding: 0 15px;\n}\n@media (min-width: 40.0625em) {\n  .govuk-grid-column-three-quarters {\n    width: 75%;\n    float: left;\n  }\n}\n\n.govuk-grid-column-full {\n  box-sizing: border-box;\n  width: 100%;\n  padding: 0 15px;\n}\n@media (min-width: 40.0625em) {\n  .govuk-grid-column-full {\n    width: 100%;\n    float: left;\n  }\n}\n\n.govuk-grid-column-one-quarter-from-desktop {\n  box-sizing: border-box;\n  padding: 0 15px;\n}\n@media (min-width: 48.0625em) {\n  .govuk-grid-column-one-quarter-from-desktop {\n    width: 25%;\n    float: left;\n  }\n}\n\n.govuk-grid-column-one-third-from-desktop {\n  box-sizing: border-box;\n  padding: 0 15px;\n}\n@media (min-width: 48.0625em) {\n  .govuk-grid-column-one-third-from-desktop {\n    width: 33.3333333333%;\n    float: left;\n  }\n}\n\n.govuk-grid-column-one-half-from-desktop {\n  box-sizing: border-box;\n  padding: 0 15px;\n}\n@media (min-width: 48.0625em) {\n  .govuk-grid-column-one-half-from-desktop {\n    width: 50%;\n    float: left;\n  }\n}\n\n.govuk-grid-column-two-thirds-from-desktop {\n  box-sizing: border-box;\n  padding: 0 15px;\n}\n@media (min-width: 48.0625em) {\n  .govuk-grid-column-two-thirds-from-desktop {\n    width: 66.6666666667%;\n    float: left;\n  }\n}\n\n.govuk-grid-column-three-quarters-from-desktop {\n  box-sizing: border-box;\n  padding: 0 15px;\n}\n@media (min-width: 48.0625em) {\n  .govuk-grid-column-three-quarters-from-desktop {\n    width: 75%;\n    float: left;\n  }\n}\n\n.govuk-grid-column-full-from-desktop {\n  box-sizing: border-box;\n  padding: 0 15px;\n}\n@media (min-width: 48.0625em) {\n  .govuk-grid-column-full-from-desktop {\n    width: 100%;\n    float: left;\n  }\n}\n\n.govuk-main-wrapper {\n  display: block;\n  padding-top: 20px;\n  padding-bottom: 20px;\n}\n@media (min-width: 40.0625em) {\n  .govuk-main-wrapper {\n    padding-top: 40px;\n    padding-bottom: 40px;\n  }\n}\n\n.govuk-main-wrapper--auto-spacing:first-child,\n.govuk-main-wrapper--l {\n  padding-top: 30px;\n}\n@media (min-width: 40.0625em) {\n  .govuk-main-wrapper--auto-spacing:first-child,\n  .govuk-main-wrapper--l {\n    padding-top: 50px;\n  }\n}\n\n.govuk-template {\n  background-color: #f3f2f1;\n  text-size-adjust: 100%;\n}\n.govuk-template--rebranded {\n  background-color: #f4f8fb;\n}\n\n@supports (position: sticky) {\n  .govuk-template {\n    scroll-padding-top: 60px;\n  }\n  .govuk-template:not(:has(.govuk-exit-this-page)) {\n    scroll-padding-top: 0;\n  }\n}\n@media screen {\n  .govuk-template {\n    overflow-y: scroll;\n  }\n}\n\n.govuk-template__body {\n  margin: 0;\n  background-color: #ffffff;\n}\n\n.govuk-width-container {\n  max-width: 960px;\n  margin-right: 15px;\n  margin-left: 15px;\n}\n@supports (margin: max(calc(0px))) {\n  .govuk-width-container {\n    margin-right: max(15px, calc(15px + env(safe-area-inset-right)));\n    margin-left: max(15px, calc(15px + env(safe-area-inset-left)));\n  }\n}\n@media (min-width: 40.0625em) {\n  .govuk-width-container {\n    margin-right: 30px;\n    margin-left: 30px;\n  }\n  @supports (margin: max(calc(0px))) {\n    .govuk-width-container {\n      margin-right: max(30px, calc(15px + env(safe-area-inset-right)));\n      margin-left: max(30px, calc(15px + env(safe-area-inset-left)));\n    }\n  }\n}\n@media (min-width: 1020px) {\n  .govuk-width-container {\n    margin-right: auto;\n    margin-left: auto;\n  }\n  @supports (margin: max(calc(0px))) {\n    .govuk-width-container {\n      margin-right: auto;\n      margin-left: auto;\n    }\n  }\n}\n\n.govuk-accordion {\n  margin-bottom: 20px;\n}\n@media (min-width: 40.0625em) {\n  .govuk-accordion {\n    margin-bottom: 30px;\n  }\n}\n\n.govuk-accordion__section {\n  padding-top: 15px;\n}\n\n.govuk-accordion__section-heading {\n  margin-top: 0;\n  margin-bottom: 0;\n  padding-top: 15px;\n  padding-bottom: 15px;\n}\n\n.govuk-accordion__section-button {\n  font-family: \"GDS Transport\", arial, sans-serif;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  font-weight: 700;\n  font-size: 1.125rem;\n  line-height: 1.1111111111;\n  color: #0b0c0c;\n  display: block;\n  margin-bottom: 0;\n  padding-top: 15px;\n}\n@media print {\n  .govuk-accordion__section-button {\n    font-family: sans-serif;\n  }\n}\n@media (min-width: 40.0625em) {\n  .govuk-accordion__section-button {\n    font-size: 1.5rem;\n    line-height: 1.25;\n  }\n}\n@media print {\n  .govuk-accordion__section-button {\n    font-size: 18pt;\n    line-height: 1.15;\n  }\n}\n@media print {\n  .govuk-accordion__section-button {\n    color: #000000;\n  }\n}\n\n.govuk-accordion__section-content > :last-child {\n  margin-bottom: 0;\n}\n\n.govuk-frontend-supported .govuk-accordion {\n  border-bottom: 1px solid #b1b4b6;\n}\n.govuk-frontend-supported .govuk-accordion__section {\n  padding-top: 0;\n}\n.govuk-frontend-supported .govuk-accordion__section-content {\n  display: none;\n  padding-top: 15px;\n  padding-bottom: 30px;\n}\n@media (min-width: 40.0625em) {\n  .govuk-frontend-supported .govuk-accordion__section-content {\n    padding-bottom: 50px;\n  }\n}\n.govuk-frontend-supported .govuk-accordion__section-content[hidden] {\n  padding-top: 0;\n  padding-bottom: 0;\n}\n@supports (content-visibility: hidden) {\n  .govuk-frontend-supported .govuk-accordion__section-content[hidden] {\n    content-visibility: hidden;\n    display: inherit;\n  }\n}\n.govuk-frontend-supported .govuk-accordion__section--expanded .govuk-accordion__section-content {\n  display: block;\n}\n.govuk-frontend-supported .govuk-accordion__show-all {\n  font-family: \"GDS Transport\", arial, sans-serif;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  font-weight: 400;\n  font-size: 1rem;\n  line-height: 1.25;\n  position: relative;\n  z-index: 1;\n  margin-bottom: 9px;\n  padding: 5px 2px 5px 0;\n  border-width: 0;\n  color: #1d70b8;\n  background: none;\n  cursor: pointer;\n  -webkit-appearance: none;\n}\n@media print {\n  .govuk-frontend-supported .govuk-accordion__show-all {\n    font-family: sans-serif;\n  }\n}\n@media (min-width: 40.0625em) {\n  .govuk-frontend-supported .govuk-accordion__show-all {\n    font-size: 1.1875rem;\n    line-height: 1.3157894737;\n  }\n}\n@media print {\n  .govuk-frontend-supported .govuk-accordion__show-all {\n    font-size: 14pt;\n    line-height: 1.15;\n  }\n}\n@media (min-width: 40.0625em) {\n  .govuk-frontend-supported .govuk-accordion__show-all {\n    margin-bottom: 14px;\n  }\n}\n.govuk-frontend-supported .govuk-accordion__show-all::-moz-focus-inner {\n  padding: 0;\n  border: 0;\n}\n.govuk-frontend-supported .govuk-accordion__show-all:hover {\n  color: #0b0c0c;\n  background: #f3f2f1;\n  box-shadow: 0 -2px #f3f2f1, 0 4px #f3f2f1;\n}\n.govuk-frontend-supported .govuk-accordion__show-all:hover .govuk-accordion__section-toggle-text {\n  color: #0b0c0c;\n}\n.govuk-frontend-supported .govuk-accordion__show-all:hover .govuk-accordion-nav__chevron {\n  color: #0b0c0c;\n  background: #0b0c0c;\n}\n.govuk-frontend-supported .govuk-accordion__show-all:hover .govuk-accordion-nav__chevron::after {\n  color: #f3f2f1;\n}\n.govuk-frontend-supported .govuk-accordion__show-all:focus {\n  outline: 3px solid transparent;\n  color: #0b0c0c;\n  background-color: #ffdd00;\n  box-shadow: 0 -2px #ffdd00, 0 4px #0b0c0c;\n  text-decoration: none;\n}\n@supports not (text-wrap: balance) {\n  .govuk-frontend-supported .govuk-accordion__show-all:focus {\n    box-decoration-break: clone;\n  }\n}\n.govuk-frontend-supported .govuk-accordion__show-all:focus .govuk-accordion-nav__chevron {\n  background: #0b0c0c;\n}\n.govuk-frontend-supported .govuk-accordion__show-all:focus .govuk-accordion-nav__chevron::after {\n  color: #ffdd00;\n}\n.govuk-frontend-supported .govuk-accordion__section-heading {\n  padding: 0;\n}\n.govuk-frontend-supported .govuk-accordion-nav__chevron {\n  box-sizing: border-box;\n  display: inline-block;\n  position: relative;\n  width: 1.25rem;\n  height: 1.25rem;\n  border: 0.0625rem solid;\n  border-radius: 50%;\n  vertical-align: middle;\n}\n.govuk-frontend-supported .govuk-accordion-nav__chevron::after {\n  content: \"\";\n  box-sizing: border-box;\n  display: block;\n  position: absolute;\n  bottom: 0.3125rem;\n  left: 0.375rem;\n  width: 0.375rem;\n  height: 0.375rem;\n  transform: rotate(-45deg);\n  border-top: 0.125rem solid;\n  border-right: 0.125rem solid;\n}\n.govuk-frontend-supported .govuk-accordion-nav__chevron--down {\n  transform: rotate(180deg);\n}\n.govuk-frontend-supported .govuk-accordion__section-button {\n  width: 100%;\n  padding: 10px 0 0;\n  border: 0;\n  border-top: 1px solid #b1b4b6;\n  border-bottom: 10px solid transparent;\n  color: #0b0c0c;\n  background: none;\n  text-align: left;\n  cursor: pointer;\n  -webkit-appearance: none;\n}\n@media (min-width: 40.0625em) {\n  .govuk-frontend-supported .govuk-accordion__section-button {\n    padding-bottom: 10px;\n  }\n}\n.govuk-frontend-supported .govuk-accordion__section-button:active {\n  color: #0b0c0c;\n  background: none;\n}\n.govuk-frontend-supported .govuk-accordion__section-button:hover {\n  color: #0b0c0c;\n  background: #f3f2f1;\n}\n.govuk-frontend-supported .govuk-accordion__section-button:hover .govuk-accordion__section-toggle-text {\n  color: #0b0c0c;\n}\n.govuk-frontend-supported .govuk-accordion__section-button:hover .govuk-accordion-nav__chevron {\n  color: #0b0c0c;\n  background: #0b0c0c;\n}\n.govuk-frontend-supported .govuk-accordion__section-button:hover .govuk-accordion-nav__chevron::after {\n  color: #f3f2f1;\n}\n.govuk-frontend-supported .govuk-accordion__section-button:focus {\n  outline: 0;\n}\n.govuk-frontend-supported .govuk-accordion__section-button:focus .govuk-accordion__section-heading-text-focus,\n.govuk-frontend-supported .govuk-accordion__section-button:focus .govuk-accordion__section-summary-focus,\n.govuk-frontend-supported .govuk-accordion__section-button:focus .govuk-accordion__section-toggle-focus {\n  outline: 3px solid transparent;\n  color: #0b0c0c;\n  background-color: #ffdd00;\n  box-shadow: 0 -2px #ffdd00, 0 4px #0b0c0c;\n  text-decoration: none;\n}\n@supports not (text-wrap: balance) {\n  .govuk-frontend-supported .govuk-accordion__section-button:focus .govuk-accordion__section-heading-text-focus,\n  .govuk-frontend-supported .govuk-accordion__section-button:focus .govuk-accordion__section-summary-focus,\n  .govuk-frontend-supported .govuk-accordion__section-button:focus .govuk-accordion__section-toggle-focus {\n    box-decoration-break: clone;\n  }\n}\n.govuk-frontend-supported .govuk-accordion__section-button:focus .govuk-accordion-nav__chevron {\n  color: #0b0c0c;\n  background: #0b0c0c;\n}\n.govuk-frontend-supported .govuk-accordion__section-button:focus .govuk-accordion-nav__chevron::after {\n  color: #ffdd00;\n}\n.govuk-frontend-supported .govuk-accordion__section-button::-moz-focus-inner {\n  padding: 0;\n  border: 0;\n}\n.govuk-frontend-supported .govuk-accordion__section--expanded .govuk-accordion__section-button {\n  padding-bottom: 15px;\n  border-bottom: 0;\n}\n@media (min-width: 40.0625em) {\n  .govuk-frontend-supported .govuk-accordion__section--expanded .govuk-accordion__section-button {\n    padding-bottom: 20px;\n  }\n}\n.govuk-frontend-supported .govuk-accordion__section-button:focus .govuk-accordion__section-toggle-focus {\n  padding-bottom: 3px;\n}\n@media (min-width: 48.0625em) {\n  .govuk-frontend-supported .govuk-accordion__section-button:focus .govuk-accordion__section-toggle-focus {\n    padding-bottom: 2px;\n  }\n}\n.govuk-frontend-supported .govuk-accordion__section-toggle,\n.govuk-frontend-supported .govuk-accordion__section-heading-text,\n.govuk-frontend-supported .govuk-accordion__section-summary {\n  display: block;\n  margin-bottom: 13px;\n}\n.govuk-frontend-supported .govuk-accordion__section-toggle .govuk-accordion__section-heading-text-focus,\n.govuk-frontend-supported .govuk-accordion__section-toggle .govuk-accordion__section-summary-focus,\n.govuk-frontend-supported .govuk-accordion__section-toggle .govuk-accordion__section-toggle-focus,\n.govuk-frontend-supported .govuk-accordion__section-heading-text .govuk-accordion__section-heading-text-focus,\n.govuk-frontend-supported .govuk-accordion__section-heading-text .govuk-accordion__section-summary-focus,\n.govuk-frontend-supported .govuk-accordion__section-heading-text .govuk-accordion__section-toggle-focus,\n.govuk-frontend-supported .govuk-accordion__section-summary .govuk-accordion__section-heading-text-focus,\n.govuk-frontend-supported .govuk-accordion__section-summary .govuk-accordion__section-summary-focus,\n.govuk-frontend-supported .govuk-accordion__section-summary .govuk-accordion__section-toggle-focus {\n  display: inline;\n}\n.govuk-frontend-supported .govuk-accordion__section-toggle {\n  font-size: 1rem;\n  line-height: 1.25;\n  font-weight: 400;\n  color: #1d70b8;\n}\n@media (min-width: 40.0625em) {\n  .govuk-frontend-supported .govuk-accordion__section-toggle {\n    font-size: 1.1875rem;\n    line-height: 1.3157894737;\n  }\n}\n@media print {\n  .govuk-frontend-supported .govuk-accordion__section-toggle {\n    font-size: 14pt;\n    line-height: 1.15;\n  }\n}\n.govuk-frontend-supported .govuk-accordion__show-all-text,\n.govuk-frontend-supported .govuk-accordion__section-toggle-text {\n  margin-left: 5px;\n  vertical-align: middle;\n}\n@media screen and (forced-colors: active) {\n  .govuk-frontend-supported .govuk-accordion__show-all:hover .govuk-accordion-nav__chevron,\n  .govuk-frontend-supported .govuk-accordion__section-button:hover .govuk-accordion-nav__chevron {\n    background-color: transparent;\n  }\n  .govuk-frontend-supported .govuk-accordion__show-all:focus .govuk-accordion__section-heading-text-focus,\n  .govuk-frontend-supported .govuk-accordion__show-all:focus .govuk-accordion__section-summary-focus,\n  .govuk-frontend-supported .govuk-accordion__show-all:focus .govuk-accordion__section-toggle-focus,\n  .govuk-frontend-supported .govuk-accordion__show-all:focus .govuk-accordion-nav__chevron,\n  .govuk-frontend-supported .govuk-accordion__section-button:focus .govuk-accordion__section-heading-text-focus,\n  .govuk-frontend-supported .govuk-accordion__section-button:focus .govuk-accordion__section-summary-focus,\n  .govuk-frontend-supported .govuk-accordion__section-button:focus .govuk-accordion__section-toggle-focus,\n  .govuk-frontend-supported .govuk-accordion__section-button:focus .govuk-accordion-nav__chevron {\n    background: transparent;\n    background-color: transparent;\n  }\n}\n@media (hover: none) {\n  .govuk-frontend-supported .govuk-accordion__section-header:hover {\n    border-top-color: #b1b4b6;\n    box-shadow: inset 0 3px 0 0 #1d70b8;\n  }\n  .govuk-frontend-supported .govuk-accordion__section-header:hover .govuk-accordion__section-button {\n    border-top-color: #b1b4b6;\n  }\n}\n\n.govuk-back-link {\n  font-size: 0.875rem;\n  line-height: 1.1428571429;\n  font-family: \"GDS Transport\", arial, sans-serif;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  text-decoration: underline;\n  text-decoration-thickness: max(1px, .0625rem);\n  text-underline-offset: 0.1578em;\n  display: inline-block;\n  position: relative;\n  margin-top: 15px;\n  margin-bottom: 15px;\n  padding-left: 0.875em;\n}\n@media (min-width: 40.0625em) {\n  .govuk-back-link {\n    font-size: 1rem;\n    line-height: 1.25;\n  }\n}\n@media print {\n  .govuk-back-link {\n    font-size: 14pt;\n    line-height: 1.2;\n  }\n}\n@media print {\n  .govuk-back-link {\n    font-family: sans-serif;\n  }\n}\n.govuk-back-link:hover {\n  text-decoration-thickness: max(3px, .1875rem, .12em);\n  text-decoration-skip-ink: none;\n  text-decoration-skip: none;\n}\n.govuk-back-link:focus {\n  outline: 3px solid transparent;\n  color: #0b0c0c;\n  background-color: #ffdd00;\n  box-shadow: 0 -2px #ffdd00, 0 4px #0b0c0c;\n  text-decoration: none;\n}\n@supports not (text-wrap: balance) {\n  .govuk-back-link:focus {\n    box-decoration-break: clone;\n  }\n}\n.govuk-back-link:link, .govuk-back-link:visited {\n  color: #0b0c0c;\n}\n@media print {\n  .govuk-back-link:link, .govuk-back-link:visited {\n    color: #000000;\n  }\n}\n.govuk-back-link:hover {\n  color: rgba(11, 12, 12, 0.99);\n}\n.govuk-back-link:active, .govuk-back-link:focus {\n  color: #0b0c0c;\n}\n@media print {\n  .govuk-back-link:active, .govuk-back-link:focus {\n    color: #000000;\n  }\n}\n\n.govuk-back-link::before {\n  content: \"\";\n  display: block;\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0.1875em;\n  width: 0.4375em;\n  height: 0.4375em;\n  margin: auto 0;\n  transform: rotate(225deg);\n  border: solid;\n  border-width: 1px 1px 0 0;\n  border-color: #505a5f;\n}\n@supports (border-width: max(0px)) {\n  .govuk-back-link::before {\n    border-width: max(1px, 0.0625em) max(1px, 0.0625em) 0 0;\n    font-size: max(16px, 1em);\n  }\n}\n\n.govuk-back-link:focus::before {\n  border-color: #0b0c0c;\n}\n\n.govuk-back-link::after {\n  content: \"\";\n  position: absolute;\n  top: -14px;\n  right: 0;\n  bottom: -14px;\n  left: 0;\n}\n\n.govuk-back-link--inverse:link, .govuk-back-link--inverse:visited {\n  color: #ffffff;\n}\n.govuk-back-link--inverse:hover, .govuk-back-link--inverse:active {\n  color: rgba(255, 255, 255, 0.99);\n}\n.govuk-back-link--inverse:focus {\n  color: #0b0c0c;\n}\n.govuk-back-link--inverse::before {\n  border-color: currentcolor;\n}\n\n.govuk-breadcrumbs {\n  font-family: \"GDS Transport\", arial, sans-serif;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  font-weight: 400;\n  font-size: 0.875rem;\n  line-height: 1.1428571429;\n  color: #0b0c0c;\n  margin-top: 15px;\n  margin-bottom: 10px;\n}\n@media print {\n  .govuk-breadcrumbs {\n    font-family: sans-serif;\n  }\n}\n@media (min-width: 40.0625em) {\n  .govuk-breadcrumbs {\n    font-size: 1rem;\n    line-height: 1.25;\n  }\n}\n@media print {\n  .govuk-breadcrumbs {\n    font-size: 14pt;\n    line-height: 1.2;\n  }\n}\n@media print {\n  .govuk-breadcrumbs {\n    color: #000000;\n  }\n}\n\n.govuk-breadcrumbs__list {\n  margin: 0;\n  padding: 0;\n  list-style-type: none;\n}\n.govuk-breadcrumbs__list::after {\n  content: \"\";\n  display: block;\n  clear: both;\n}\n\n.govuk-breadcrumbs__list-item {\n  display: inline-block;\n  position: relative;\n  margin-bottom: 5px;\n  margin-left: 0.625em;\n  padding-left: 0.9784375em;\n  float: left;\n}\n.govuk-breadcrumbs__list-item::before {\n  content: \"\";\n  display: block;\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: -0.206875em;\n  width: 0.4375em;\n  height: 0.4375em;\n  margin: auto 0;\n  transform: rotate(45deg);\n  border: solid;\n  border-width: 1px 1px 0 0;\n  border-color: #505a5f;\n}\n@supports (border-width: max(0px)) {\n  .govuk-breadcrumbs__list-item::before {\n    border-width: max(1px, 0.0625em) max(1px, 0.0625em) 0 0;\n    font-size: max(16px, 1em);\n  }\n}\n.govuk-breadcrumbs__list-item:first-child {\n  margin-left: 0;\n  padding-left: 0;\n}\n.govuk-breadcrumbs__list-item:first-child::before {\n  content: none;\n  display: none;\n}\n\n.govuk-breadcrumbs__link {\n  font-family: \"GDS Transport\", arial, sans-serif;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  text-decoration: underline;\n  text-decoration-thickness: max(1px, .0625rem);\n  text-underline-offset: 0.1578em;\n}\n@media print {\n  .govuk-breadcrumbs__link {\n    font-family: sans-serif;\n  }\n}\n.govuk-breadcrumbs__link:hover {\n  text-decoration-thickness: max(3px, .1875rem, .12em);\n  text-decoration-skip-ink: none;\n  text-decoration-skip: none;\n}\n.govuk-breadcrumbs__link:focus {\n  outline: 3px solid transparent;\n  color: #0b0c0c;\n  background-color: #ffdd00;\n  box-shadow: 0 -2px #ffdd00, 0 4px #0b0c0c;\n  text-decoration: none;\n}\n@supports not (text-wrap: balance) {\n  .govuk-breadcrumbs__link:focus {\n    box-decoration-break: clone;\n  }\n}\n.govuk-breadcrumbs__link:link, .govuk-breadcrumbs__link:visited {\n  color: #0b0c0c;\n}\n@media print {\n  .govuk-breadcrumbs__link:link, .govuk-breadcrumbs__link:visited {\n    color: #000000;\n  }\n}\n.govuk-breadcrumbs__link:hover {\n  color: rgba(11, 12, 12, 0.99);\n}\n.govuk-breadcrumbs__link:active, .govuk-breadcrumbs__link:focus {\n  color: #0b0c0c;\n}\n@media print {\n  .govuk-breadcrumbs__link:active, .govuk-breadcrumbs__link:focus {\n    color: #000000;\n  }\n}\n\n@media (max-width: 40.0525em) {\n  .govuk-breadcrumbs--collapse-on-mobile .govuk-breadcrumbs__list-item {\n    display: none;\n  }\n  .govuk-breadcrumbs--collapse-on-mobile .govuk-breadcrumbs__list-item:first-child, .govuk-breadcrumbs--collapse-on-mobile .govuk-breadcrumbs__list-item:last-child {\n    display: inline-block;\n  }\n  .govuk-breadcrumbs--collapse-on-mobile .govuk-breadcrumbs__list-item::before {\n    top: 0.375em;\n    margin: 0;\n  }\n  .govuk-breadcrumbs--collapse-on-mobile .govuk-breadcrumbs__list {\n    display: flex;\n  }\n}\n\n.govuk-breadcrumbs--inverse {\n  color: #ffffff;\n}\n.govuk-breadcrumbs--inverse .govuk-breadcrumbs__link:link, .govuk-breadcrumbs--inverse .govuk-breadcrumbs__link:visited {\n  color: #ffffff;\n}\n.govuk-breadcrumbs--inverse .govuk-breadcrumbs__link:hover, .govuk-breadcrumbs--inverse .govuk-breadcrumbs__link:active {\n  color: rgba(255, 255, 255, 0.99);\n}\n.govuk-breadcrumbs--inverse .govuk-breadcrumbs__link:focus {\n  color: #0b0c0c;\n}\n.govuk-breadcrumbs--inverse .govuk-breadcrumbs__list-item::before {\n  border-color: currentcolor;\n}\n\n.govuk-button {\n  font-family: \"GDS Transport\", arial, sans-serif;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  font-weight: 400;\n  font-size: 1rem;\n  line-height: 1.1875;\n  box-sizing: border-box;\n  display: inline-block;\n  position: relative;\n  width: 100%;\n  margin-top: 0;\n  margin-right: 0;\n  margin-left: 0;\n  margin-bottom: 22px;\n  padding: 8px 10px 7px;\n  border: 2px solid transparent;\n  border-radius: 0;\n  color: #ffffff;\n  background-color: #00703c;\n  box-shadow: 0 2px 0 #002d18;\n  text-align: center;\n  vertical-align: top;\n  cursor: pointer;\n  -webkit-appearance: none;\n}\n@media print {\n  .govuk-button {\n    font-family: sans-serif;\n  }\n}\n@media (min-width: 40.0625em) {\n  .govuk-button {\n    font-size: 1.1875rem;\n    line-height: 1;\n  }\n}\n@media print {\n  .govuk-button {\n    font-size: 14pt;\n    line-height: 19px;\n  }\n}\n@media (min-width: 40.0625em) {\n  .govuk-button {\n    margin-bottom: 32px;\n  }\n}\n@media (min-width: 40.0625em) {\n  .govuk-button {\n    width: auto;\n  }\n}\n.govuk-button:link, .govuk-button:visited, .govuk-button:active, .govuk-button:hover {\n  color: #ffffff;\n  text-decoration: none;\n}\n.govuk-button::-moz-focus-inner {\n  padding: 0;\n  border: 0;\n}\n.govuk-button:hover {\n  background-color: #005a30;\n}\n.govuk-button:active {\n  top: 2px;\n}\n.govuk-button:focus {\n  border-color: #ffdd00;\n  outline: 3px solid transparent;\n  box-shadow: inset 0 0 0 1px #ffdd00;\n}\n.govuk-button:focus:not(:active):not(:hover) {\n  border-color: #ffdd00;\n  color: #0b0c0c;\n  background-color: #ffdd00;\n  box-shadow: 0 2px 0 #0b0c0c;\n}\n.govuk-button::before {\n  content: \"\";\n  display: block;\n  position: absolute;\n  top: -2px;\n  right: -2px;\n  bottom: -4px;\n  left: -2px;\n  background: transparent;\n}\n.govuk-button:active::before {\n  top: -4px;\n}\n\n.govuk-button[disabled] {\n  opacity: 0.5;\n}\n.govuk-button[disabled]:hover {\n  background-color: #00703c;\n  cursor: not-allowed;\n}\n.govuk-button[disabled]:active {\n  top: 0;\n  box-shadow: 0 2px 0 #002d18;\n}\n\n.govuk-button--secondary {\n  background-color: #f3f2f1;\n  box-shadow: 0 2px 0 #929191;\n}\n.govuk-button--secondary, .govuk-button--secondary:link, .govuk-button--secondary:visited, .govuk-button--secondary:active, .govuk-button--secondary:hover {\n  color: #0b0c0c;\n}\n.govuk-button--secondary:hover {\n  background-color: #dbdad9;\n}\n.govuk-button--secondary:hover[disabled] {\n  background-color: #f3f2f1;\n}\n\n.govuk-button--warning {\n  background-color: #d4351c;\n  box-shadow: 0 2px 0 #55150b;\n}\n.govuk-button--warning, .govuk-button--warning:link, .govuk-button--warning:visited, .govuk-button--warning:active, .govuk-button--warning:hover {\n  color: #ffffff;\n}\n.govuk-button--warning:hover {\n  background-color: #aa2a16;\n}\n.govuk-button--warning:hover[disabled] {\n  background-color: #d4351c;\n}\n\n.govuk-button--inverse {\n  background-color: #ffffff;\n  box-shadow: 0 2px 0 #144e81;\n}\n.govuk-button--inverse, .govuk-button--inverse:link, .govuk-button--inverse:visited, .govuk-button--inverse:active, .govuk-button--inverse:hover {\n  color: #1d70b8;\n}\n.govuk-button--inverse:hover {\n  background-color: #e8f1f8;\n}\n.govuk-button--inverse:hover[disabled] {\n  background-color: #ffffff;\n}\n\n.govuk-button--start {\n  font-weight: 700;\n  font-size: 1.125rem;\n  line-height: 1;\n  display: inline-flex;\n  min-height: auto;\n  justify-content: center;\n}\n@media (min-width: 40.0625em) {\n  .govuk-button--start {\n    font-size: 1.5rem;\n    line-height: 1;\n  }\n}\n@media print {\n  .govuk-button--start {\n    font-size: 18pt;\n    line-height: 1;\n  }\n}\n\n.govuk-button__start-icon {\n  margin-left: 5px;\n  vertical-align: middle;\n  flex-shrink: 0;\n  align-self: center;\n  forced-color-adjust: auto;\n}\n@media (min-width: 48.0625em) {\n  .govuk-button__start-icon {\n    margin-left: 10px;\n  }\n}\n\n.govuk-error-message {\n  font-family: \"GDS Transport\", arial, sans-serif;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  font-weight: 700;\n  font-size: 1rem;\n  line-height: 1.25;\n  display: block;\n  margin-top: 0;\n  margin-bottom: 15px;\n  clear: both;\n  color: #d4351c;\n}\n@media print {\n  .govuk-error-message {\n    font-family: sans-serif;\n  }\n}\n@media (min-width: 40.0625em) {\n  .govuk-error-message {\n    font-size: 1.1875rem;\n    line-height: 1.3157894737;\n  }\n}\n@media print {\n  .govuk-error-message {\n    font-size: 14pt;\n    line-height: 1.15;\n  }\n}\n\n.govuk-hint {\n  font-family: \"GDS Transport\", arial, sans-serif;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  font-weight: 400;\n  font-size: 1rem;\n  line-height: 1.25;\n  margin-bottom: 15px;\n  color: #505a5f;\n}\n@media print {\n  .govuk-hint {\n    font-family: sans-serif;\n  }\n}\n@media (min-width: 40.0625em) {\n  .govuk-hint {\n    font-size: 1.1875rem;\n    line-height: 1.3157894737;\n  }\n}\n@media print {\n  .govuk-hint {\n    font-size: 14pt;\n    line-height: 1.15;\n  }\n}\n\n.govuk-label:not(.govuk-label--m):not(.govuk-label--l):not(.govuk-label--xl) + .govuk-hint {\n  margin-bottom: 10px;\n}\n\n.govuk-fieldset__legend:not(.govuk-fieldset__legend--m):not(.govuk-fieldset__legend--l):not(.govuk-fieldset__legend--xl) + .govuk-hint {\n  margin-bottom: 10px;\n}\n\n.govuk-fieldset__legend + .govuk-hint {\n  margin-top: -5px;\n}\n\n.govuk-label {\n  font-family: \"GDS Transport\", arial, sans-serif;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  font-weight: 400;\n  font-size: 1rem;\n  line-height: 1.25;\n  color: #0b0c0c;\n  display: block;\n  margin-bottom: 5px;\n}\n@media print {\n  .govuk-label {\n    font-family: sans-serif;\n  }\n}\n@media (min-width: 40.0625em) {\n  .govuk-label {\n    font-size: 1.1875rem;\n    line-height: 1.3157894737;\n  }\n}\n@media print {\n  .govuk-label {\n    font-size: 14pt;\n    line-height: 1.15;\n  }\n}\n@media print {\n  .govuk-label {\n    color: #000000;\n  }\n}\n\n.govuk-label--xl,\n.govuk-label--l,\n.govuk-label--m {\n  font-weight: 700;\n  margin-bottom: 15px;\n}\n\n.govuk-label--xl {\n  font-size: 2rem;\n  line-height: 1.09375;\n}\n@media (min-width: 40.0625em) {\n  .govuk-label--xl {\n    font-size: 3rem;\n    line-height: 1.0416666667;\n  }\n}\n@media print {\n  .govuk-label--xl {\n    font-size: 32pt;\n    line-height: 1.15;\n  }\n}\n\n.govuk-label--l {\n  font-size: 1.5rem;\n  line-height: 1.0416666667;\n}\n@media (min-width: 40.0625em) {\n  .govuk-label--l {\n    font-size: 2.25rem;\n    line-height: 1.1111111111;\n  }\n}\n@media print {\n  .govuk-label--l {\n    font-size: 24pt;\n    line-height: 1.05;\n  }\n}\n\n.govuk-label--m {\n  font-size: 1.125rem;\n  line-height: 1.1111111111;\n}\n@media (min-width: 40.0625em) {\n  .govuk-label--m {\n    font-size: 1.5rem;\n    line-height: 1.25;\n  }\n}\n@media print {\n  .govuk-label--m {\n    font-size: 18pt;\n    line-height: 1.15;\n  }\n}\n\n.govuk-label--s {\n  font-weight: 700;\n}\n\n.govuk-label-wrapper {\n  margin: 0;\n}\n\n.govuk-textarea {\n  font-family: \"GDS Transport\", arial, sans-serif;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  font-weight: 400;\n  font-size: 1rem;\n  line-height: 1.25;\n  box-sizing: border-box;\n  display: block;\n  width: 100%;\n  min-height: 40px;\n  margin-bottom: 20px;\n  padding: 5px;\n  resize: vertical;\n  border: 2px solid #0b0c0c;\n  border-radius: 0;\n  -webkit-appearance: none;\n}\n@media print {\n  .govuk-textarea {\n    font-family: sans-serif;\n  }\n}\n@media (min-width: 40.0625em) {\n  .govuk-textarea {\n    font-size: 1.1875rem;\n    line-height: 1.25;\n  }\n}\n@media print {\n  .govuk-textarea {\n    font-size: 14pt;\n    line-height: 1.25;\n  }\n}\n@media (min-width: 40.0625em) {\n  .govuk-textarea {\n    margin-bottom: 30px;\n  }\n}\n.govuk-textarea:focus {\n  outline: 3px solid #ffdd00;\n  outline-offset: 0;\n  box-shadow: inset 0 0 0 2px;\n}\n.govuk-textarea:disabled {\n  opacity: 0.5;\n  color: inherit;\n  background-color: transparent;\n  cursor: not-allowed;\n}\n\n.govuk-textarea--error {\n  border-color: #d4351c;\n}\n.govuk-textarea--error:focus {\n  border-color: #0b0c0c;\n}\n\n.govuk-character-count {\n  margin-bottom: 20px;\n}\n@media (min-width: 40.0625em) {\n  .govuk-character-count {\n    margin-bottom: 30px;\n  }\n}\n.govuk-character-count .govuk-form-group,\n.govuk-character-count .govuk-textarea {\n  margin-bottom: 5px;\n}\n.govuk-character-count .govuk-textarea--error:focus {\n  border-color: #d4351c;\n  box-shadow: inset 0 0 0 2px #d4351c;\n}\n\n.govuk-character-count__message {\n  font-variant-numeric: tabular-nums;\n  margin-top: 0;\n  margin-bottom: 0;\n}\n.govuk-character-count__message::after {\n  content: \"​\";\n}\n\n.govuk-character-count__message--disabled {\n  visibility: hidden;\n}\n\n.govuk-fieldset {\n  min-width: 0;\n  margin: 0;\n  padding: 0;\n  border: 0;\n}\n.govuk-fieldset::after {\n  content: \"\";\n  display: block;\n  clear: both;\n}\n\n@supports not (caret-color: auto) {\n  .govuk-fieldset,\n  x:-moz-any-link {\n    display: table-cell;\n  }\n}\n.govuk-fieldset__legend {\n  font-family: \"GDS Transport\", arial, sans-serif;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  font-weight: 400;\n  font-size: 1rem;\n  line-height: 1.25;\n  color: #0b0c0c;\n  box-sizing: border-box;\n  display: table;\n  max-width: 100%;\n  margin-bottom: 10px;\n  padding: 0;\n  white-space: normal;\n}\n@media print {\n  .govuk-fieldset__legend {\n    font-family: sans-serif;\n  }\n}\n@media (min-width: 40.0625em) {\n  .govuk-fieldset__legend {\n    font-size: 1.1875rem;\n    line-height: 1.3157894737;\n  }\n}\n@media print {\n  .govuk-fieldset__legend {\n    font-size: 14pt;\n    line-height: 1.15;\n  }\n}\n@media print {\n  .govuk-fieldset__legend {\n    color: #000000;\n  }\n}\n\n.govuk-fieldset__legend--xl,\n.govuk-fieldset__legend--l,\n.govuk-fieldset__legend--m {\n  font-weight: 700;\n  margin-bottom: 15px;\n}\n\n.govuk-fieldset__legend--xl {\n  font-size: 2rem;\n  line-height: 1.09375;\n}\n@media (min-width: 40.0625em) {\n  .govuk-fieldset__legend--xl {\n    font-size: 3rem;\n    line-height: 1.0416666667;\n  }\n}\n@media print {\n  .govuk-fieldset__legend--xl {\n    font-size: 32pt;\n    line-height: 1.15;\n  }\n}\n\n.govuk-fieldset__legend--l {\n  font-size: 1.5rem;\n  line-height: 1.0416666667;\n}\n@media (min-width: 40.0625em) {\n  .govuk-fieldset__legend--l {\n    font-size: 2.25rem;\n    line-height: 1.1111111111;\n  }\n}\n@media print {\n  .govuk-fieldset__legend--l {\n    font-size: 24pt;\n    line-height: 1.05;\n  }\n}\n\n.govuk-fieldset__legend--m {\n  font-size: 1.125rem;\n  line-height: 1.1111111111;\n}\n@media (min-width: 40.0625em) {\n  .govuk-fieldset__legend--m {\n    font-size: 1.5rem;\n    line-height: 1.25;\n  }\n}\n@media print {\n  .govuk-fieldset__legend--m {\n    font-size: 18pt;\n    line-height: 1.15;\n  }\n}\n\n.govuk-fieldset__legend--s {\n  font-weight: 700;\n}\n\n.govuk-fieldset__heading {\n  margin: 0;\n  font-size: inherit;\n  font-weight: inherit;\n}\n\n.govuk-checkboxes__item {\n  display: flex;\n  flex-wrap: wrap;\n  position: relative;\n  margin-bottom: 10px;\n}\n\n.govuk-checkboxes__item:last-child,\n.govuk-checkboxes__item:last-of-type {\n  margin-bottom: 0;\n}\n\n.govuk-checkboxes__input {\n  z-index: 1;\n  width: 44px;\n  height: 44px;\n  margin: 0;\n  opacity: 0;\n  cursor: pointer;\n}\n\n.govuk-checkboxes__label {\n  align-self: center;\n  max-width: calc(100% - 74px);\n  margin-bottom: 0;\n  padding: 7px 15px;\n  cursor: pointer;\n  touch-action: manipulation;\n}\n\n.govuk-checkboxes__label::before {\n  content: \"\";\n  box-sizing: border-box;\n  position: absolute;\n  top: 2px;\n  left: 2px;\n  width: 40px;\n  height: 40px;\n  border: 2px solid currentcolor;\n  background: transparent;\n}\n\n.govuk-checkboxes__label::after {\n  content: \"\";\n  box-sizing: border-box;\n  position: absolute;\n  top: 13px;\n  left: 10px;\n  width: 23px;\n  height: 12px;\n  transform: rotate(-45deg);\n  border: solid;\n  border-width: 0 0 5px 5px;\n  border-top-color: transparent;\n  opacity: 0;\n  background: transparent;\n}\n\n.govuk-checkboxes__hint {\n  display: block;\n  width: 100%;\n  margin-top: -5px;\n  padding-right: 15px;\n  padding-left: 59px;\n}\n\n.govuk-label:not(.govuk-label--m):not(.govuk-label--l):not(.govuk-label--xl) + .govuk-checkboxes__hint {\n  margin-bottom: 0;\n}\n\n.govuk-checkboxes__input:focus + .govuk-checkboxes__label::before {\n  border-width: 4px;\n  outline: 3px solid transparent;\n  outline-offset: 1px;\n  box-shadow: 0 0 0 3px #ffdd00;\n}\n@media screen and (forced-colors: active), (-ms-high-contrast: active) {\n  .govuk-checkboxes__input:focus + .govuk-checkboxes__label::before {\n    outline-color: Highlight;\n  }\n}\n\n.govuk-checkboxes__input:checked + .govuk-checkboxes__label::after {\n  opacity: 1;\n}\n\n.govuk-checkboxes__input:disabled,\n.govuk-checkboxes__input:disabled + .govuk-checkboxes__label {\n  cursor: not-allowed;\n}\n\n.govuk-checkboxes__input:disabled + .govuk-checkboxes__label,\n.govuk-checkboxes__input:disabled ~ .govuk-hint {\n  opacity: 0.5;\n}\n\n.govuk-checkboxes__divider {\n  font-family: \"GDS Transport\", arial, sans-serif;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  font-weight: 400;\n  font-size: 1rem;\n  line-height: 1.25;\n  color: #0b0c0c;\n  width: 40px;\n  margin-bottom: 10px;\n  text-align: center;\n}\n@media print {\n  .govuk-checkboxes__divider {\n    font-family: sans-serif;\n  }\n}\n@media (min-width: 40.0625em) {\n  .govuk-checkboxes__divider {\n    font-size: 1.1875rem;\n    line-height: 1.3157894737;\n  }\n}\n@media print {\n  .govuk-checkboxes__divider {\n    font-size: 14pt;\n    line-height: 1.15;\n  }\n}\n@media print {\n  .govuk-checkboxes__divider {\n    color: #000000;\n  }\n}\n\n.govuk-checkboxes__conditional {\n  margin-bottom: 15px;\n  margin-left: 20px;\n  padding-left: 35px;\n  border-left: 4px solid #b1b4b6;\n}\n@media (min-width: 40.0625em) {\n  .govuk-checkboxes__conditional {\n    margin-bottom: 20px;\n  }\n}\n.govuk-frontend-supported .govuk-checkboxes__conditional--hidden {\n  display: none;\n}\n.govuk-checkboxes__conditional > :last-child {\n  margin-bottom: 0;\n}\n\n.govuk-checkboxes--small .govuk-checkboxes__item {\n  margin-bottom: 0;\n}\n.govuk-checkboxes--small .govuk-checkboxes__input {\n  margin-left: -10px;\n}\n.govuk-checkboxes--small .govuk-checkboxes__label {\n  padding-left: 1px;\n}\n.govuk-checkboxes--small .govuk-checkboxes__label::before {\n  top: 10px;\n  left: 0;\n  width: 24px;\n  height: 24px;\n}\n.govuk-checkboxes--small .govuk-checkboxes__label::after {\n  top: 17px;\n  left: 6px;\n  width: 12px;\n  height: 6.5px;\n  border-width: 0 0 3px 3px;\n}\n.govuk-checkboxes--small .govuk-checkboxes__hint {\n  padding-left: 34px;\n}\n.govuk-checkboxes--small .govuk-checkboxes__conditional {\n  margin-left: 10px;\n  padding-left: 20px;\n}\n.govuk-checkboxes--small .govuk-checkboxes__divider {\n  width: 24px;\n  margin-bottom: 5px;\n}\n.govuk-checkboxes--small .govuk-checkboxes__item:hover .govuk-checkboxes__input:not(:disabled) + .govuk-checkboxes__label::before {\n  outline: 3px dashed transparent;\n  outline-offset: 1px;\n  box-shadow: 0 0 0 10px #b1b4b6;\n}\n.govuk-checkboxes--small .govuk-checkboxes__item:hover .govuk-checkboxes__input:focus + .govuk-checkboxes__label::before {\n  box-shadow: 0 0 0 3px #ffdd00, 0 0 0 10px #b1b4b6;\n}\n@media screen and (forced-colors: active), (-ms-high-contrast: active) {\n  .govuk-checkboxes--small .govuk-checkboxes__item:hover .govuk-checkboxes__input:focus + .govuk-checkboxes__label::before {\n    outline-color: Highlight;\n  }\n}\n@media (hover: none), (pointer: coarse) {\n  .govuk-checkboxes--small .govuk-checkboxes__item:hover .govuk-checkboxes__input:not(:disabled) + .govuk-checkboxes__label::before {\n    box-shadow: initial;\n  }\n  .govuk-checkboxes--small .govuk-checkboxes__item:hover .govuk-checkboxes__input:focus + .govuk-checkboxes__label::before {\n    box-shadow: 0 0 0 3px #ffdd00;\n  }\n}\n\n.govuk-cookie-banner {\n  padding-top: 20px;\n  border-bottom: 10px solid transparent;\n  background-color: #f3f2f1;\n}\n.govuk-template--rebranded .govuk-cookie-banner {\n  background-color: #f4f8fb;\n}\n\n.govuk-cookie-banner[hidden] {\n  display: none;\n}\n\n.govuk-cookie-banner__message {\n  margin-bottom: -10px;\n}\n.govuk-cookie-banner__message[hidden] {\n  display: none;\n}\n.govuk-cookie-banner__message:focus {\n  outline: none;\n}\n\n.govuk-input {\n  font-family: \"GDS Transport\", arial, sans-serif;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  font-weight: 400;\n  font-size: 1rem;\n  line-height: 1.25;\n  box-sizing: border-box;\n  width: 100%;\n  height: 2.5rem;\n  margin-top: 0;\n  padding: 5px;\n  border: 2px solid #0b0c0c;\n  border-radius: 0;\n  appearance: none;\n}\n@media print {\n  .govuk-input {\n    font-family: sans-serif;\n  }\n}\n@media (min-width: 40.0625em) {\n  .govuk-input {\n    font-size: 1.1875rem;\n    line-height: 1.3157894737;\n  }\n}\n@media print {\n  .govuk-input {\n    font-size: 14pt;\n    line-height: 1.15;\n  }\n}\n.govuk-input:focus {\n  outline: 3px solid #ffdd00;\n  outline-offset: 0;\n  box-shadow: inset 0 0 0 2px;\n}\n.govuk-input:disabled {\n  opacity: 0.5;\n  color: inherit;\n  background-color: transparent;\n  cursor: not-allowed;\n}\n\n.govuk-input::-webkit-outer-spin-button,\n.govuk-input::-webkit-inner-spin-button {\n  margin: 0;\n  -webkit-appearance: none;\n}\n\n.govuk-input[type=number] {\n  -moz-appearance: textfield;\n}\n\n.govuk-input--error {\n  border-color: #d4351c;\n}\n.govuk-input--error:focus {\n  border-color: #0b0c0c;\n}\n\n.govuk-input--extra-letter-spacing {\n  font-variant-numeric: tabular-nums;\n  letter-spacing: 0.05em;\n}\n\n.govuk-input--width-30 {\n  max-width: 29.5em;\n}\n\n.govuk-input--width-20 {\n  max-width: 20.5em;\n}\n\n.govuk-input--width-10 {\n  max-width: 11.5em;\n}\n\n.govuk-input--width-5 {\n  max-width: 5.5em;\n}\n\n.govuk-input--width-4 {\n  max-width: 4.5em;\n}\n\n.govuk-input--width-3 {\n  max-width: 3.75em;\n}\n\n.govuk-input--width-2 {\n  max-width: 2.75em;\n}\n\n.govuk-input__wrapper {\n  display: flex;\n}\n.govuk-input__wrapper .govuk-input {\n  flex: 0 1 auto;\n}\n.govuk-input__wrapper .govuk-input:focus {\n  z-index: 1;\n}\n@media (max-width: 19.99em) {\n  .govuk-input__wrapper {\n    display: block;\n  }\n  .govuk-input__wrapper .govuk-input {\n    max-width: 100%;\n  }\n}\n\n.govuk-input__prefix,\n.govuk-input__suffix {\n  font-family: \"GDS Transport\", arial, sans-serif;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  font-weight: 400;\n  font-size: 1rem;\n  line-height: 1.25;\n  box-sizing: border-box;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  min-width: 2.5rem;\n  height: 2.5rem;\n  padding: 5px;\n  border: 2px solid #0b0c0c;\n  background-color: #f3f2f1;\n  text-align: center;\n  white-space: nowrap;\n  cursor: default;\n  flex: 0 0 auto;\n}\n@media print {\n  .govuk-input__prefix,\n  .govuk-input__suffix {\n    font-family: sans-serif;\n  }\n}\n@media (min-width: 40.0625em) {\n  .govuk-input__prefix,\n  .govuk-input__suffix {\n    font-size: 1.1875rem;\n    line-height: 1.3157894737;\n  }\n}\n@media print {\n  .govuk-input__prefix,\n  .govuk-input__suffix {\n    font-size: 14pt;\n    line-height: 1.15;\n  }\n}\n@media (max-width: 19.99em) {\n  .govuk-input__prefix,\n  .govuk-input__suffix {\n    display: block;\n    height: 100%;\n    white-space: normal;\n  }\n}\n\n@media (max-width: 19.99em) {\n  .govuk-input__prefix {\n    border-bottom: 0;\n  }\n}\n@media (min-width: 20em) {\n  .govuk-input__prefix {\n    border-right: 0;\n  }\n}\n\n@media (max-width: 19.99em) {\n  .govuk-input__suffix {\n    border-top: 0;\n  }\n}\n@media (min-width: 20em) {\n  .govuk-input__suffix {\n    border-left: 0;\n  }\n}\n\n.govuk-date-input {\n  font-size: 0;\n}\n.govuk-date-input::after {\n  content: \"\";\n  display: block;\n  clear: both;\n}\n\n.govuk-date-input__item {\n  display: inline-block;\n  margin-right: 20px;\n  margin-bottom: 0;\n}\n\n.govuk-date-input__label {\n  display: block;\n}\n\n.govuk-date-input__input {\n  margin-bottom: 0;\n}\n\n.govuk-details {\n  font-family: \"GDS Transport\", arial, sans-serif;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  font-weight: 400;\n  font-size: 1rem;\n  line-height: 1.25;\n  color: #0b0c0c;\n  margin-bottom: 20px;\n  display: block;\n}\n@media print {\n  .govuk-details {\n    font-family: sans-serif;\n  }\n}\n@media (min-width: 40.0625em) {\n  .govuk-details {\n    font-size: 1.1875rem;\n    line-height: 1.3157894737;\n  }\n}\n@media print {\n  .govuk-details {\n    font-size: 14pt;\n    line-height: 1.15;\n  }\n}\n@media print {\n  .govuk-details {\n    color: #000000;\n  }\n}\n@media (min-width: 40.0625em) {\n  .govuk-details {\n    margin-bottom: 30px;\n  }\n}\n\n.govuk-details__summary {\n  display: block;\n}\n\n.govuk-details[open] .govuk-details__summary {\n  margin-bottom: 5px;\n}\n\n.govuk-details__summary-text > :first-child {\n  margin-top: 0;\n}\n.govuk-details__summary-text > :only-child,\n.govuk-details__summary-text > :last-child {\n  margin-bottom: 0;\n}\n\n.govuk-details__text {\n  padding-top: 15px;\n  padding-bottom: 15px;\n  padding-left: 20px;\n}\n\n.govuk-details__text p {\n  margin-top: 0;\n  margin-bottom: 20px;\n}\n\n.govuk-details__text > :last-child {\n  margin-bottom: 0;\n}\n\n@media screen\\0  {\n  .govuk-details {\n    border-left: 10px solid #b1b4b6;\n  }\n  .govuk-details__summary {\n    margin-top: 15px;\n  }\n  .govuk-details__summary-text {\n    font-weight: 700;\n    margin-bottom: 15px;\n    padding-left: 20px;\n  }\n}\n@media screen\\0  and (min-width: 40.0625em) {\n  .govuk-details__summary-text {\n    margin-bottom: 20px;\n  }\n}\n@supports not (-ms-ime-align: auto) {\n  .govuk-details__summary {\n    position: relative;\n    width: fit-content;\n    padding-left: 25px;\n    color: #1d70b8;\n    cursor: pointer;\n  }\n  .govuk-details__summary:hover {\n    color: #003078;\n  }\n  .govuk-details__summary:focus {\n    outline: 3px solid transparent;\n    color: #0b0c0c;\n    background-color: #ffdd00;\n    box-shadow: 0 -2px #ffdd00, 0 4px #0b0c0c;\n    text-decoration: none;\n  }\n  @supports not (text-wrap: balance) {\n    .govuk-details__summary:focus {\n      box-decoration-break: clone;\n    }\n  }\n  .govuk-details__summary-text {\n    text-decoration: underline;\n    text-decoration-thickness: max(1px, .0625rem);\n    text-underline-offset: 0.1578em;\n  }\n  .govuk-details__summary:hover .govuk-details__summary-text {\n    text-decoration-thickness: max(3px, .1875rem, .12em);\n    text-decoration-skip-ink: none;\n    text-decoration-skip: none;\n  }\n  .govuk-details__summary:focus .govuk-details__summary-text {\n    text-decoration: none;\n  }\n  .govuk-details__summary::-webkit-details-marker {\n    display: none;\n  }\n  .govuk-details__summary::before {\n    content: \"\";\n    position: absolute;\n    top: -1px;\n    bottom: 0;\n    left: 0;\n    margin: auto;\n    display: block;\n    width: 0;\n    height: 0;\n    border-style: solid;\n    border-color: transparent;\n    clip-path: polygon(0% 0%, 100% 50%, 0% 100%);\n    border-width: 7px 0 7px 12.124px;\n    border-left-color: inherit;\n  }\n  .govuk-details[open] > .govuk-details__summary::before {\n    display: block;\n    width: 0;\n    height: 0;\n    border-style: solid;\n    border-color: transparent;\n    clip-path: polygon(0% 0%, 50% 100%, 100% 0%);\n    border-width: 12.124px 7px 0 7px;\n    border-top-color: inherit;\n  }\n  .govuk-details__text {\n    border-left: 5px solid #b1b4b6;\n  }\n}\n.govuk-error-summary {\n  font-family: \"GDS Transport\", arial, sans-serif;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  font-weight: 400;\n  font-size: 1rem;\n  line-height: 1.25;\n  color: #0b0c0c;\n  padding: 15px;\n  margin-bottom: 30px;\n  border: 5px solid #d4351c;\n}\n@media print {\n  .govuk-error-summary {\n    font-family: sans-serif;\n  }\n}\n@media (min-width: 40.0625em) {\n  .govuk-error-summary {\n    font-size: 1.1875rem;\n    line-height: 1.3157894737;\n  }\n}\n@media print {\n  .govuk-error-summary {\n    font-size: 14pt;\n    line-height: 1.15;\n  }\n}\n@media print {\n  .govuk-error-summary {\n    color: #000000;\n  }\n}\n@media (min-width: 40.0625em) {\n  .govuk-error-summary {\n    padding: 20px;\n  }\n}\n@media (min-width: 40.0625em) {\n  .govuk-error-summary {\n    margin-bottom: 50px;\n  }\n}\n.govuk-error-summary:focus {\n  outline: 3px solid #ffdd00;\n}\n\n.govuk-error-summary__title {\n  font-size: 1.125rem;\n  line-height: 1.1111111111;\n  font-weight: 700;\n  margin-top: 0;\n  margin-bottom: 15px;\n}\n@media (min-width: 40.0625em) {\n  .govuk-error-summary__title {\n    font-size: 1.5rem;\n    line-height: 1.25;\n  }\n}\n@media print {\n  .govuk-error-summary__title {\n    font-size: 18pt;\n    line-height: 1.15;\n  }\n}\n@media (min-width: 40.0625em) {\n  .govuk-error-summary__title {\n    margin-bottom: 20px;\n  }\n}\n\n.govuk-error-summary__body p {\n  margin-bottom: 0;\n}\n.govuk-error-summary__body > * + * {\n  margin-top: 15px;\n}\n@media (min-width: 40.0625em) {\n  .govuk-error-summary__body > * + * {\n    margin-top: 20px;\n  }\n}\n.govuk-error-summary__body > :last-child {\n  margin-bottom: 5px;\n}\n\n.govuk-error-summary__list {\n  margin-bottom: 0;\n}\n\n.govuk-error-summary__list li:last-child {\n  margin-bottom: 0;\n}\n\n.govuk-error-summary__list a {\n  font-weight: 700;\n  font-family: \"GDS Transport\", arial, sans-serif;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  text-decoration: underline;\n  text-decoration-thickness: max(1px, .0625rem);\n  text-underline-offset: 0.1578em;\n}\n@media print {\n  .govuk-error-summary__list a {\n    font-family: sans-serif;\n  }\n}\n.govuk-error-summary__list a:hover {\n  text-decoration-thickness: max(3px, .1875rem, .12em);\n  text-decoration-skip-ink: none;\n  text-decoration-skip: none;\n}\n.govuk-error-summary__list a:focus {\n  outline: 3px solid transparent;\n  color: #0b0c0c;\n  background-color: #ffdd00;\n  box-shadow: 0 -2px #ffdd00, 0 4px #0b0c0c;\n  text-decoration: none;\n}\n@supports not (text-wrap: balance) {\n  .govuk-error-summary__list a:focus {\n    box-decoration-break: clone;\n  }\n}\n.govuk-error-summary__list a:link, .govuk-error-summary__list a:visited {\n  color: #d4351c;\n}\n.govuk-error-summary__list a:hover {\n  color: rgb(148.4, 37.1, 19.6);\n}\n.govuk-error-summary__list a:active {\n  color: #d4351c;\n}\n.govuk-error-summary__list a:focus {\n  color: #0b0c0c;\n}\n\n.govuk-exit-this-page {\n  margin-bottom: 30px;\n  position: sticky;\n  z-index: 1000;\n  top: 0;\n  left: 0;\n  width: 100%;\n}\n@media (min-width: 40.0625em) {\n  .govuk-exit-this-page {\n    margin-bottom: 50px;\n  }\n}\n@media (min-width: 40.0625em) {\n  .govuk-exit-this-page {\n    display: inline-block;\n    right: 0;\n    left: auto;\n    width: auto;\n    float: right;\n  }\n}\n\n.govuk-exit-this-page__button {\n  margin-bottom: 0;\n}\n\n.govuk-exit-this-page__indicator {\n  padding: 10px;\n  display: none;\n  padding-bottom: 0;\n  color: inherit;\n  line-height: 0;\n  text-align: center;\n  pointer-events: none;\n}\n\n.govuk-exit-this-page__indicator--visible {\n  display: block;\n}\n\n.govuk-exit-this-page__indicator-light {\n  box-sizing: border-box;\n  display: inline-block;\n  width: 0.75em;\n  height: 0.75em;\n  margin: 0 0.125em;\n  border-width: 2px;\n  border-style: solid;\n  border-radius: 50%;\n  border-color: currentcolor;\n}\n\n.govuk-exit-this-page__indicator-light--on {\n  border-width: 0.375em;\n}\n\n@media only print {\n  .govuk-exit-this-page {\n    display: none;\n  }\n}\n.govuk-exit-this-page-overlay {\n  position: fixed;\n  z-index: 9999;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  background-color: #ffffff;\n}\n\n.govuk-exit-this-page-hide-content * {\n  display: none !important;\n}\n.govuk-exit-this-page-hide-content .govuk-exit-this-page-overlay {\n  display: block !important;\n}\n\n.govuk-file-upload {\n  font-family: \"GDS Transport\", arial, sans-serif;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  font-weight: 400;\n  font-size: 1rem;\n  line-height: 1.25;\n  color: #0b0c0c;\n  max-width: 100%;\n  margin-left: -5px;\n  padding: 5px;\n}\n@media print {\n  .govuk-file-upload {\n    font-family: sans-serif;\n  }\n}\n@media (min-width: 40.0625em) {\n  .govuk-file-upload {\n    font-size: 1.1875rem;\n    line-height: 1.3157894737;\n  }\n}\n@media print {\n  .govuk-file-upload {\n    font-size: 14pt;\n    line-height: 1.15;\n  }\n}\n@media print {\n  .govuk-file-upload {\n    color: #000000;\n  }\n}\n.govuk-file-upload::-webkit-file-upload-button {\n  -webkit-appearance: button;\n  color: inherit;\n  font: inherit;\n}\n.govuk-file-upload:focus {\n  outline: 3px solid #ffdd00;\n  box-shadow: inset 0 0 0 4px #0b0c0c;\n}\n.govuk-file-upload:focus-within {\n  outline: 3px solid #ffdd00;\n  box-shadow: inset 0 0 0 4px #0b0c0c;\n}\n.govuk-file-upload:disabled {\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n\n.govuk-drop-zone {\n  display: block;\n  position: relative;\n  z-index: 0;\n  background-color: #ffffff;\n}\n\n.govuk-drop-zone--disabled {\n  cursor: not-allowed;\n}\n\n.govuk-file-upload-button__pseudo-button {\n  width: auto;\n  margin-right: 10px;\n  margin-bottom: 3px;\n  flex-shrink: 0;\n}\n\n.govuk-file-upload-button__instruction {\n  margin-top: 7px;\n  margin-bottom: 0;\n  text-align: left;\n}\n\n.govuk-file-upload-button__status {\n  display: block;\n  margin-bottom: 10px;\n  padding: 15px 10px;\n  background-color: #ffffff;\n  text-align: left;\n}\n\n.govuk-file-upload-button__pseudo-button-container {\n  display: flex;\n  align-items: baseline;\n  flex-wrap: wrap;\n}\n\n.govuk-file-upload-button {\n  width: 100%;\n  padding: 18px;\n  border: 2px #b1b4b6 solid;\n  background-color: #f3f2f1;\n  cursor: pointer;\n}\n@media (min-width: 40.0625em) {\n  .govuk-file-upload-button {\n    padding: 23px;\n  }\n}\n.govuk-file-upload-button .govuk-file-upload-button__pseudo-button {\n  background-color: #ffffff;\n}\n.govuk-file-upload-button:hover {\n  background-color: #c1c3c5;\n}\n.govuk-file-upload-button:hover .govuk-file-upload-button__pseudo-button {\n  background-color: #dbdad9;\n}\n.govuk-file-upload-button:hover .govuk-file-upload-button__status {\n  background-color: #d2e2f1;\n}\n.govuk-file-upload-button:active, .govuk-file-upload-button:focus {\n  border: 2px solid #0b0c0c;\n  outline: 3px solid #ffdd00;\n  outline-offset: 0;\n  background-color: #c1c3c5;\n  box-shadow: inset 0 0 0 2px;\n}\n.govuk-file-upload-button:active .govuk-file-upload-button__pseudo-button, .govuk-file-upload-button:focus .govuk-file-upload-button__pseudo-button {\n  background-color: #ffdd00;\n  box-shadow: 0 2px 0 #0b0c0c;\n}\n.govuk-file-upload-button:active:hover .govuk-file-upload-button__pseudo-button, .govuk-file-upload-button:focus:hover .govuk-file-upload-button__pseudo-button {\n  border-color: #ffdd00;\n  outline: 3px solid transparent;\n  background-color: #f3f2f1;\n  box-shadow: inset 0 0 0 1px #ffdd00;\n}\n\n.govuk-file-upload-button--empty {\n  border-style: dashed;\n  background-color: #ffffff;\n}\n.govuk-file-upload-button--empty .govuk-file-upload-button__pseudo-button {\n  background-color: #f3f2f1;\n}\n.govuk-file-upload-button--empty .govuk-file-upload-button__status {\n  color: #0c2d4a;\n  background-color: #bbd4ea;\n}\n.govuk-file-upload-button--empty:hover, .govuk-file-upload-button--empty:focus, .govuk-file-upload-button--empty:active {\n  background-color: #f3f2f1;\n}\n.govuk-file-upload-button--empty:hover .govuk-file-upload-button__status, .govuk-file-upload-button--empty:focus .govuk-file-upload-button__status, .govuk-file-upload-button--empty:active .govuk-file-upload-button__status {\n  background-color: #d2e2f1;\n}\n\n.govuk-file-upload-button--dragging {\n  border-style: solid;\n  border-color: #0b0c0c;\n}\n.govuk-file-upload-button--dragging.govuk-file-upload-button {\n  background-color: #c1c3c5;\n}\n.govuk-file-upload-button--dragging.govuk-file-upload-button--empty {\n  background-color: #f3f2f1;\n}\n.govuk-file-upload-button--dragging.govuk-file-upload-button--empty:not(:disabled) .govuk-file-upload-button__status, .govuk-file-upload-button--dragging.govuk-file-upload-button--empty .govuk-file-upload-button__pseudo-button {\n  background-color: #ffffff;\n}\n.govuk-file-upload-button--dragging .govuk-file-upload-button__pseudo-button {\n  background-color: #dbdad9;\n}\n\n.govuk-file-upload-button:disabled {\n  pointer-events: none;\n  opacity: 0.5;\n  background-color: #ffffff;\n}\n.govuk-file-upload-button:disabled .govuk-file-upload-button__pseudo-button {\n  background-color: #f3f2f1;\n}\n.govuk-file-upload-button:disabled .govuk-file-upload-button__status {\n  background-color: #bbd4ea;\n}\n\n.govuk-footer {\n  font-family: \"GDS Transport\", arial, sans-serif;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  font-weight: 400;\n  font-size: 0.875rem;\n  line-height: 1.1428571429;\n  padding-top: 25px;\n  padding-bottom: 15px;\n  border-top: 10px solid #1d70b8;\n  color: #0b0c0c;\n  background: #f3f2f1;\n}\n@media print {\n  .govuk-footer {\n    font-family: sans-serif;\n  }\n}\n@media (min-width: 40.0625em) {\n  .govuk-footer {\n    font-size: 1rem;\n    line-height: 1.25;\n  }\n}\n@media print {\n  .govuk-footer {\n    font-size: 14pt;\n    line-height: 1.2;\n  }\n}\n@media (min-width: 40.0625em) {\n  .govuk-footer {\n    padding-top: 40px;\n  }\n}\n@media (min-width: 40.0625em) {\n  .govuk-footer {\n    padding-bottom: 25px;\n  }\n}\n.govuk-template--rebranded .govuk-footer {\n  background: #f4f8fb;\n}\n\n.govuk-footer__crown {\n  margin-bottom: 25px;\n}\n\n.govuk-footer__link {\n  font-family: \"GDS Transport\", arial, sans-serif;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  text-decoration: underline;\n  text-decoration-thickness: max(1px, .0625rem);\n  text-underline-offset: 0.1578em;\n}\n@media print {\n  .govuk-footer__link {\n    font-family: sans-serif;\n  }\n}\n.govuk-footer__link:hover {\n  text-decoration-thickness: max(3px, .1875rem, .12em);\n  text-decoration-skip-ink: none;\n  text-decoration-skip: none;\n}\n.govuk-footer__link:focus {\n  outline: 3px solid transparent;\n  color: #0b0c0c;\n  background-color: #ffdd00;\n  box-shadow: 0 -2px #ffdd00, 0 4px #0b0c0c;\n  text-decoration: none;\n}\n@supports not (text-wrap: balance) {\n  .govuk-footer__link:focus {\n    box-decoration-break: clone;\n  }\n}\n.govuk-footer__link:link, .govuk-footer__link:visited {\n  color: #0b0c0c;\n}\n@media print {\n  .govuk-footer__link:link, .govuk-footer__link:visited {\n    color: #000000;\n  }\n}\n.govuk-footer__link:hover {\n  color: rgba(11, 12, 12, 0.99);\n}\n.govuk-footer__link:active, .govuk-footer__link:focus {\n  color: #0b0c0c;\n}\n@media print {\n  .govuk-footer__link:active, .govuk-footer__link:focus {\n    color: #000000;\n  }\n}\n\n.govuk-footer__section-break {\n  margin: 0;\n  margin-bottom: 30px;\n  border: 0;\n  border-bottom: 1px solid;\n  border-bottom-color: #b1b4b6;\n}\n@media (min-width: 40.0625em) {\n  .govuk-footer__section-break {\n    margin-bottom: 50px;\n  }\n}\n.govuk-template--rebranded .govuk-footer__section-break {\n  border-bottom-color: #8eb8dc;\n}\n\n.govuk-footer__meta {\n  display: flex;\n  margin-right: -15px;\n  margin-left: -15px;\n  flex-wrap: wrap;\n  align-items: flex-end;\n  justify-content: center;\n}\n\n.govuk-footer__meta-item {\n  margin-right: 15px;\n  margin-bottom: 25px;\n  margin-left: 15px;\n}\n\n.govuk-footer__meta-item--grow {\n  flex: 1;\n}\n@media (max-width: 40.0525em) {\n  .govuk-footer__meta-item--grow {\n    flex-basis: 320px;\n  }\n}\n\n.govuk-footer__licence-logo {\n  display: inline-block;\n  margin-right: 10px;\n  vertical-align: top;\n  forced-color-adjust: auto;\n}\n@media (max-width: 48.0525em) {\n  .govuk-footer__licence-logo {\n    margin-bottom: 15px;\n  }\n}\n\n.govuk-footer__licence-description {\n  display: inline-block;\n  text-wrap: balance;\n}\n\n.govuk-footer__copyright-logo::before {\n  content: \"\";\n  display: block;\n  width: 100%;\n  padding-top: 112px;\n  background-image: url(\"/assets/images/govuk-crest.svg\");\n  background-repeat: no-repeat;\n  background-position: 50% 0%;\n  background-size: 125px 102px;\n  text-align: center;\n  white-space: nowrap;\n}\n@supports (mask-position: initial) {\n  .govuk-footer__copyright-logo::before {\n    background: currentcolor;\n    mask-image: url(\"/assets/images/govuk-crest.svg\");\n    mask-repeat: no-repeat;\n    mask-position: 50% 0%;\n    mask-size: 125px 102px;\n  }\n  @media screen and (forced-colors: active) {\n    .govuk-footer__copyright-logo::before {\n      background: linktext;\n    }\n  }\n}\n\n.govuk-footer__inline-list {\n  margin-top: 0;\n  margin-bottom: 15px;\n  padding: 0;\n}\n\n.govuk-footer__meta-custom {\n  margin-bottom: 20px;\n}\n\n.govuk-footer__inline-list-item {\n  display: inline-block;\n  margin-right: 15px;\n  margin-bottom: 5px;\n}\n\n.govuk-footer__heading {\n  margin-bottom: 30px;\n  padding-bottom: 20px;\n  border-bottom: 1px solid;\n  border-bottom-color: #b1b4b6;\n}\n@media (max-width: 40.0525em) {\n  .govuk-footer__heading {\n    padding-bottom: 10px;\n  }\n}\n.govuk-template--rebranded .govuk-footer__heading {\n  border-bottom-color: #8eb8dc;\n}\n\n.govuk-footer__navigation {\n  margin-right: -15px;\n  margin-left: -15px;\n}\n.govuk-footer__navigation::after {\n  content: \"\";\n  display: block;\n  clear: both;\n}\n\n.govuk-footer__section {\n  display: inline-block;\n  margin-bottom: 30px;\n  vertical-align: top;\n}\n\n.govuk-footer__list {\n  margin: 0;\n  padding: 0;\n  list-style: none;\n  column-gap: 30px;\n}\n\n@media (min-width: 48.0625em) {\n  .govuk-footer__list--columns-2 {\n    column-count: 2;\n  }\n  .govuk-footer__list--columns-3 {\n    column-count: 3;\n  }\n}\n.govuk-footer__list-item {\n  margin-bottom: 15px;\n}\n@media (min-width: 40.0625em) {\n  .govuk-footer__list-item {\n    margin-bottom: 20px;\n  }\n}\n\n.govuk-footer__list-item:last-child {\n  margin-bottom: 0;\n}\n\n.govuk-header {\n  font-family: \"GDS Transport\", arial, sans-serif;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  font-weight: 400;\n  font-size: 0.875rem;\n  line-height: 1;\n  border-bottom: 10px solid #ffffff;\n  background: #0b0c0c;\n  color: #ffffff;\n}\n@media print {\n  .govuk-header {\n    font-family: sans-serif;\n  }\n}\n@media (min-width: 40.0625em) {\n  .govuk-header {\n    font-size: 1rem;\n    line-height: 1;\n  }\n}\n@media print {\n  .govuk-header {\n    font-size: 14pt;\n    line-height: 1;\n  }\n}\n.govuk-template--rebranded .govuk-header {\n  border-bottom: 1px solid transparent;\n}\n.govuk-template--rebranded .govuk-header {\n  background: #1d70b8;\n}\n\n@media (max-width: 48.0525em) {\n  .govuk-header--with-js-navigation .govuk-header__logo {\n    padding-right: 80px;\n  }\n}\n\n.govuk-header__container--full-width {\n  padding: 0 15px;\n  border-color: #1d70b8;\n}\n.govuk-header__container--full-width .govuk-header__menu-button {\n  right: 15px;\n}\n\n.govuk-header__container {\n  position: relative;\n  margin-bottom: -10px;\n  padding-top: 10px;\n  border-bottom: 10px solid #1d70b8;\n}\n.govuk-header__container::after {\n  content: \"\";\n  display: block;\n  clear: both;\n}\n.govuk-template--rebranded .govuk-header__container {\n  margin-bottom: 0;\n  padding-top: 0;\n  border-bottom: none;\n}\n\n.govuk-header--full-width-border {\n  border-bottom-color: #1d70b8;\n}\n.govuk-header--full-width-border .govuk-header__container {\n  border-bottom-color: transparent;\n}\n\n.govuk-header__logotype {\n  display: inline-block;\n  position: relative;\n  top: -3px;\n  margin-right: 5px;\n  fill: currentcolor;\n  vertical-align: top;\n}\n@media (forced-colors: active) {\n  .govuk-header__logotype {\n    forced-color-adjust: none;\n    color: linktext;\n  }\n}\n.govuk-header__logotype:last-child {\n  margin-right: 0;\n}\n.govuk-template--rebranded .govuk-header__logotype {\n  margin-right: 0.4375rem;\n  margin-bottom: 2px;\n}\n.govuk-template--rebranded .govuk-header__logotype:last-child {\n  margin-right: 0;\n}\n\n.govuk-logo-dot {\n  fill: #00ffe0;\n}\n@media print {\n  .govuk-logo-dot {\n    fill: currentcolor;\n  }\n}\n@media (forced-colors: active) {\n  .govuk-logo-dot {\n    fill: currentcolor;\n  }\n}\n:focus .govuk-logo-dot {\n  fill: currentcolor;\n}\n\n.govuk-header__product-name {\n  font-size: 1.125rem;\n  line-height: 1;\n  font-weight: 400;\n  display: inline-table;\n  margin-top: 10px;\n  vertical-align: top;\n}\n@media (min-width: 40.0625em) {\n  .govuk-header__product-name {\n    font-size: 1.5rem;\n    line-height: 1;\n  }\n}\n@media print {\n  .govuk-header__product-name {\n    font-size: 18pt;\n    line-height: 1;\n  }\n}\n@-moz-document url-prefix() {\n  .govuk-header__product-name {\n    margin-top: 9.5px;\n  }\n}\n@media (min-width: 40.0625em) {\n  .govuk-header__product-name {\n    margin-top: 5px;\n  }\n  @-moz-document url-prefix() {\n    .govuk-header__product-name {\n      margin-top: 4.5px;\n    }\n  }\n}\n.govuk-template--rebranded .govuk-header__product-name {\n  margin-top: 0;\n  margin-bottom: -0.0625rem;\n  font-size: 1.9375rem;\n  letter-spacing: -0.015em;\n  forced-color-adjust: none;\n}\n@media screen and (forced-colors: active) {\n  .govuk-template--rebranded .govuk-header__product-name {\n    color: LinkText;\n    background: transparent;\n  }\n}\n@media (min-width: 40.0625em) {\n  .govuk-template--rebranded .govuk-header__product-name {\n    margin-top: 0;\n  }\n}\n@media (min-width: 48.0625em) {\n  .govuk-template--rebranded .govuk-header__product-name {\n    margin-top: 0;\n  }\n}\n\n.govuk-header__link {\n  text-decoration: none;\n}\n.govuk-header__link:link, .govuk-header__link:visited {\n  color: #ffffff;\n}\n.govuk-header__link:hover, .govuk-header__link:active {\n  color: rgba(255, 255, 255, 0.99);\n}\n.govuk-header__link:focus {\n  color: #0b0c0c;\n}\n.govuk-header__link:hover {\n  text-decoration: underline;\n  text-decoration-thickness: 3px;\n  text-underline-offset: 0.1578em;\n}\n.govuk-header__link:focus {\n  outline: 3px solid transparent;\n  color: #0b0c0c;\n  background-color: #ffdd00;\n  box-shadow: 0 -2px #ffdd00, 0 4px #0b0c0c;\n  text-decoration: none;\n}\n@supports not (text-wrap: balance) {\n  .govuk-header__link:focus {\n    box-decoration-break: clone;\n  }\n}\n\n.govuk-header__link--homepage {\n  display: inline-block;\n  margin-right: 10px;\n  font-size: 30px;\n}\n@media (min-width: 48.0625em) {\n  .govuk-header__link--homepage {\n    display: inline;\n  }\n}\n.govuk-header__link--homepage:link, .govuk-header__link--homepage:visited {\n  text-decoration: none;\n}\n.govuk-header__link--homepage:hover, .govuk-header__link--homepage:active {\n  margin-bottom: -3px;\n  border-bottom: 3px solid;\n}\n.govuk-header__link--homepage:focus {\n  margin-bottom: 0;\n  border-bottom: 0;\n}\n.govuk-template--rebranded .govuk-header__link--homepage {\n  display: inline;\n  word-spacing: -0.375rem;\n}\n.govuk-template--rebranded .govuk-header__link--homepage > * {\n  word-spacing: 0;\n}\n.govuk-template--rebranded .govuk-header__link--homepage:not(:focus) {\n  background-color: #1d70b8;\n}\n\n.govuk-header__service-name {\n  display: inline-block;\n  margin-bottom: 10px;\n  font-size: 1.125rem;\n  line-height: 1.1111111111;\n  font-weight: 700;\n}\n@media (min-width: 40.0625em) {\n  .govuk-header__service-name {\n    font-size: 1.5rem;\n    line-height: 1.25;\n  }\n}\n@media print {\n  .govuk-header__service-name {\n    font-size: 18pt;\n    line-height: 1.15;\n  }\n}\n.govuk-template--rebranded .govuk-header__service-name {\n  margin-bottom: 15px;\n}\n@media (min-width: 48.0625em) {\n  .govuk-template--rebranded .govuk-header__service-name {\n    margin: 19px 0 11px;\n  }\n}\n\n.govuk-header__logo,\n.govuk-header__content {\n  box-sizing: border-box;\n}\n\n.govuk-header__logo {\n  margin-bottom: 10px;\n}\n@media (min-width: 48.0625em) {\n  .govuk-header__logo {\n    width: 33.33%;\n    padding-right: 15px;\n    float: left;\n    vertical-align: top;\n  }\n  .govuk-header__logo:last-child {\n    width: auto;\n    padding-right: 0;\n    float: none;\n  }\n}\n.govuk-template--rebranded .govuk-header__logo {\n  margin-bottom: 0;\n  padding-top: 16px;\n  padding-bottom: 12px;\n}\n\n@media (min-width: 48.0625em) {\n  .govuk-header__content {\n    width: 66.66%;\n    padding-left: 15px;\n    float: left;\n  }\n}\n\n.govuk-header__menu-button {\n  font-family: \"GDS Transport\", arial, sans-serif;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  font-weight: 400;\n  font-size: 0.875rem;\n  line-height: 1.1428571429;\n  max-width: 80px;\n  min-height: 24px;\n  margin-bottom: 5px;\n  padding: 0;\n  border: 0;\n  color: #ffffff;\n  background: none;\n  word-break: break-all;\n  cursor: pointer;\n}\n@media print {\n  .govuk-header__menu-button {\n    font-family: sans-serif;\n  }\n}\n@media (min-width: 40.0625em) {\n  .govuk-header__menu-button {\n    font-size: 1rem;\n    line-height: 1.25;\n  }\n}\n@media print {\n  .govuk-header__menu-button {\n    font-size: 14pt;\n    line-height: 1.2;\n  }\n}\n.govuk-header__menu-button:hover {\n  text-decoration: solid underline 3px;\n  text-underline-offset: 0.1578em;\n}\n.govuk-header__menu-button:focus {\n  outline: 3px solid transparent;\n  color: #0b0c0c;\n  background-color: #ffdd00;\n  box-shadow: 0 -2px #ffdd00, 0 4px #0b0c0c;\n  text-decoration: none;\n}\n@supports not (text-wrap: balance) {\n  .govuk-header__menu-button:focus {\n    box-decoration-break: clone;\n  }\n}\n.govuk-header__menu-button::after {\n  display: inline-block;\n  width: 0;\n  height: 0;\n  border-style: solid;\n  border-color: transparent;\n  clip-path: polygon(0% 0%, 50% 100%, 100% 0%);\n  border-width: 8.66px 5px 0 5px;\n  border-top-color: inherit;\n  content: \"\";\n  margin-left: 5px;\n}\n.govuk-header__menu-button[aria-expanded=true]::after {\n  display: inline-block;\n  width: 0;\n  height: 0;\n  border-style: solid;\n  border-color: transparent;\n  clip-path: polygon(50% 0%, 0% 100%, 100% 100%);\n  border-width: 0 5px 8.66px;\n  border-bottom-color: inherit;\n}\n@media (min-width: 20em) {\n  .govuk-header__menu-button {\n    position: absolute;\n    top: 13px;\n    right: 0;\n    margin: 0;\n  }\n}\n@media (min-width: 40.0625em) {\n  .govuk-header__menu-button {\n    top: 15px;\n  }\n}\n.govuk-frontend-supported .govuk-header__menu-button {\n  display: block;\n}\n.govuk-header__menu-button[hidden], .govuk-frontend-supported .govuk-header__menu-button[hidden] {\n  display: none;\n}\n\n@media (max-width: 19.99em) {\n  .govuk-template--rebranded .govuk-header__navigation {\n    padding-bottom: 15px;\n  }\n}\n@media (min-width: 48.0625em) {\n  .govuk-header__navigation {\n    margin-bottom: 10px;\n  }\n  .govuk-template--rebranded .govuk-header__navigation {\n    margin-bottom: 0;\n    padding: 22px 0 8px;\n  }\n}\n\n@media (min-width: 48.0625em) {\n  .govuk-template--rebranded .govuk-header__service-name + .govuk-header__navigation {\n    padding-top: 0;\n    padding-bottom: 15px;\n  }\n}\n\n.govuk-header__navigation-list {\n  margin: 0;\n  padding: 0;\n  list-style: none;\n}\n.govuk-header__navigation-list[hidden] {\n  display: none;\n}\n@media (min-width: 20em) and (max-width: 48.0525em) {\n  .govuk-template--rebranded .govuk-header__navigation-list {\n    padding-bottom: 15px;\n  }\n}\n\n@media (min-width: 48.0625em) {\n  .govuk-header__navigation--end {\n    margin: 0;\n    padding: 5px 0;\n    text-align: right;\n  }\n}\n\n.govuk-header__navigation-item {\n  padding: 10px 0;\n  border-bottom: 1px solid #2e3133;\n}\n@media (min-width: 48.0625em) {\n  .govuk-header__navigation-item {\n    display: inline-block;\n    margin-right: 15px;\n    padding: 5px 0;\n    border: 0;\n  }\n}\n.govuk-header__navigation-item a {\n  font-size: 0.875rem;\n  line-height: 1.1428571429;\n  font-weight: 700;\n  white-space: nowrap;\n}\n@media (min-width: 40.0625em) {\n  .govuk-header__navigation-item a {\n    font-size: 1rem;\n    line-height: 1.25;\n  }\n}\n@media print {\n  .govuk-header__navigation-item a {\n    font-size: 14pt;\n    line-height: 1.2;\n  }\n}\n.govuk-template--rebranded .govuk-header__navigation-item {\n  padding-top: 15px;\n  border-bottom-color: #ffffff;\n}\n@media (min-width: 48.0625em) {\n  .govuk-template--rebranded .govuk-header__navigation-item {\n    padding-top: 5px;\n  }\n}\n.govuk-template--rebranded .govuk-header__navigation-item a {\n  font-weight: 400;\n}\n\n.govuk-template--rebranded .govuk-header__navigation-item--active a {\n  font-weight: 700;\n}\n.govuk-header__navigation-item--active a:link, .govuk-header__navigation-item--active a:hover, .govuk-header__navigation-item--active a:visited {\n  color: #1d8feb;\n}\n.govuk-template--rebranded .govuk-header__navigation-item--active a:link, .govuk-template--rebranded .govuk-header__navigation-item--active a:hover, .govuk-template--rebranded .govuk-header__navigation-item--active a:visited {\n  color: inherit;\n}\n@media print {\n  .govuk-header__navigation-item--active a {\n    color: #1d70b8;\n  }\n}\n.govuk-header__navigation-item--active a:focus {\n  color: #0b0c0c;\n}\n.govuk-template--rebranded .govuk-header__navigation-item--active a:focus {\n  color: #0b0c0c;\n}\n\n.govuk-header__navigation-item:last-child {\n  margin-right: 0;\n  border-bottom: 0;\n}\n\n@media print {\n  .govuk-header {\n    border-bottom-width: 0;\n    color: #0b0c0c;\n    background: transparent;\n  }\n  .govuk-header__link:link, .govuk-header__link:visited {\n    color: #0b0c0c;\n  }\n  .govuk-header__link::after {\n    display: none;\n  }\n}\n.govuk-inset-text {\n  font-family: \"GDS Transport\", arial, sans-serif;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  font-weight: 400;\n  font-size: 1rem;\n  line-height: 1.25;\n  color: #0b0c0c;\n  padding: 15px;\n  margin-top: 20px;\n  margin-bottom: 20px;\n  clear: both;\n  border-left: 10px solid #b1b4b6;\n}\n@media print {\n  .govuk-inset-text {\n    font-family: sans-serif;\n  }\n}\n@media (min-width: 40.0625em) {\n  .govuk-inset-text {\n    font-size: 1.1875rem;\n    line-height: 1.3157894737;\n  }\n}\n@media print {\n  .govuk-inset-text {\n    font-size: 14pt;\n    line-height: 1.15;\n  }\n}\n@media print {\n  .govuk-inset-text {\n    color: #000000;\n  }\n}\n@media (min-width: 40.0625em) {\n  .govuk-inset-text {\n    margin-top: 30px;\n  }\n}\n@media (min-width: 40.0625em) {\n  .govuk-inset-text {\n    margin-bottom: 30px;\n  }\n}\n.govuk-inset-text > :first-child {\n  margin-top: 0;\n}\n.govuk-inset-text > :only-child,\n.govuk-inset-text > :last-child {\n  margin-bottom: 0;\n}\n\n.govuk-notification-banner {\n  font-family: \"GDS Transport\", arial, sans-serif;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  font-weight: 400;\n  font-size: 1rem;\n  line-height: 1.25;\n  margin-bottom: 30px;\n  border: 5px solid #1d70b8;\n  background-color: #1d70b8;\n}\n@media print {\n  .govuk-notification-banner {\n    font-family: sans-serif;\n  }\n}\n@media (min-width: 40.0625em) {\n  .govuk-notification-banner {\n    font-size: 1.1875rem;\n    line-height: 1.3157894737;\n  }\n}\n@media print {\n  .govuk-notification-banner {\n    font-size: 14pt;\n    line-height: 1.15;\n  }\n}\n@media (min-width: 40.0625em) {\n  .govuk-notification-banner {\n    margin-bottom: 50px;\n  }\n}\n.govuk-notification-banner:focus {\n  outline: 3px solid #ffdd00;\n}\n\n.govuk-notification-banner__header {\n  padding: 2px 15px 5px;\n  border-bottom: 1px solid transparent;\n}\n@media (min-width: 40.0625em) {\n  .govuk-notification-banner__header {\n    padding: 2px 20px 5px;\n  }\n}\n\n.govuk-notification-banner__title {\n  font-size: 1rem;\n  line-height: 1.25;\n  font-weight: 700;\n  margin: 0;\n  padding: 0;\n  color: #ffffff;\n}\n@media (min-width: 40.0625em) {\n  .govuk-notification-banner__title {\n    font-size: 1.1875rem;\n    line-height: 1.3157894737;\n  }\n}\n@media print {\n  .govuk-notification-banner__title {\n    font-size: 14pt;\n    line-height: 1.15;\n  }\n}\n\n.govuk-notification-banner__content {\n  color: #0b0c0c;\n  padding: 15px;\n  background-color: #ffffff;\n}\n@media print {\n  .govuk-notification-banner__content {\n    color: #000000;\n  }\n}\n@media (min-width: 40.0625em) {\n  .govuk-notification-banner__content {\n    padding: 20px;\n  }\n}\n.govuk-notification-banner__content > * {\n  box-sizing: border-box;\n  max-width: 605px;\n}\n.govuk-notification-banner__content > :last-child {\n  margin-bottom: 0;\n}\n\n.govuk-notification-banner__heading {\n  font-size: 1.125rem;\n  line-height: 1.1111111111;\n  font-weight: 700;\n  margin: 0 0 15px;\n  padding: 0;\n}\n@media (min-width: 40.0625em) {\n  .govuk-notification-banner__heading {\n    font-size: 1.5rem;\n    line-height: 1.25;\n  }\n}\n@media print {\n  .govuk-notification-banner__heading {\n    font-size: 18pt;\n    line-height: 1.15;\n  }\n}\n\n.govuk-notification-banner__link {\n  font-family: \"GDS Transport\", arial, sans-serif;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  text-decoration: underline;\n  text-decoration-thickness: max(1px, .0625rem);\n  text-underline-offset: 0.1578em;\n}\n@media print {\n  .govuk-notification-banner__link {\n    font-family: sans-serif;\n  }\n}\n.govuk-notification-banner__link:hover {\n  text-decoration-thickness: max(3px, .1875rem, .12em);\n  text-decoration-skip-ink: none;\n  text-decoration-skip: none;\n}\n.govuk-notification-banner__link:focus {\n  outline: 3px solid transparent;\n  color: #0b0c0c;\n  background-color: #ffdd00;\n  box-shadow: 0 -2px #ffdd00, 0 4px #0b0c0c;\n  text-decoration: none;\n}\n@supports not (text-wrap: balance) {\n  .govuk-notification-banner__link:focus {\n    box-decoration-break: clone;\n  }\n}\n.govuk-notification-banner__link:link {\n  color: #1d70b8;\n}\n.govuk-notification-banner__link:visited {\n  color: #1d70b8;\n}\n.govuk-notification-banner__link:hover {\n  color: #003078;\n}\n.govuk-notification-banner__link:active {\n  color: #0b0c0c;\n}\n.govuk-notification-banner__link:focus {\n  color: #0b0c0c;\n}\n\n.govuk-notification-banner--success {\n  border-color: #00703c;\n  background-color: #00703c;\n}\n.govuk-notification-banner--success .govuk-notification-banner__link:link, .govuk-notification-banner--success .govuk-notification-banner__link:visited {\n  color: #00703c;\n}\n.govuk-notification-banner--success .govuk-notification-banner__link:hover {\n  color: rgb(0, 78.4, 42);\n}\n.govuk-notification-banner--success .govuk-notification-banner__link:active {\n  color: #00703c;\n}\n.govuk-notification-banner--success .govuk-notification-banner__link:focus {\n  color: #0b0c0c;\n}\n\n.govuk-pagination {\n  margin-bottom: 20px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  flex-wrap: wrap;\n}\n@media (min-width: 40.0625em) {\n  .govuk-pagination {\n    margin-bottom: 30px;\n  }\n}\n@media (min-width: 40.0625em) {\n  .govuk-pagination {\n    flex-direction: row;\n    align-items: flex-start;\n  }\n}\n\n.govuk-pagination__list {\n  margin: 0;\n  padding: 0;\n  list-style: none;\n}\n\n.govuk-pagination__item,\n.govuk-pagination__next,\n.govuk-pagination__prev {\n  font-family: \"GDS Transport\", arial, sans-serif;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  font-weight: 400;\n  font-size: 1rem;\n  line-height: 1.25;\n  box-sizing: border-box;\n  position: relative;\n  min-width: 45px;\n  min-height: 45px;\n  padding: 10px 15px;\n  float: left;\n}\n@media print {\n  .govuk-pagination__item,\n  .govuk-pagination__next,\n  .govuk-pagination__prev {\n    font-family: sans-serif;\n  }\n}\n@media (min-width: 40.0625em) {\n  .govuk-pagination__item,\n  .govuk-pagination__next,\n  .govuk-pagination__prev {\n    font-size: 1.1875rem;\n    line-height: 1.3157894737;\n  }\n}\n@media print {\n  .govuk-pagination__item,\n  .govuk-pagination__next,\n  .govuk-pagination__prev {\n    font-size: 14pt;\n    line-height: 1.15;\n  }\n}\n.govuk-pagination__item:hover,\n.govuk-pagination__next:hover,\n.govuk-pagination__prev:hover {\n  background-color: #f3f2f1;\n}\n\n.govuk-pagination__item {\n  display: none;\n  text-align: center;\n}\n@media (min-width: 40.0625em) {\n  .govuk-pagination__item {\n    display: block;\n  }\n}\n\n.govuk-pagination__prev,\n.govuk-pagination__next {\n  font-weight: 700;\n}\n.govuk-pagination__prev .govuk-pagination__link,\n.govuk-pagination__next .govuk-pagination__link {\n  display: flex;\n  align-items: center;\n}\n\n.govuk-pagination__prev {\n  padding-left: 0;\n}\n\n.govuk-pagination__next {\n  padding-right: 0;\n}\n\n.govuk-pagination__item--current,\n.govuk-pagination__item--ellipses,\n.govuk-pagination__item:first-child,\n.govuk-pagination__item:last-child {\n  display: block;\n}\n\n.govuk-pagination__item--current {\n  font-weight: 700;\n  outline: 1px solid transparent;\n  background-color: #1d70b8;\n}\n.govuk-pagination__item--current:hover {\n  background-color: #1d70b8;\n}\n.govuk-pagination__item--current .govuk-pagination__link:link, .govuk-pagination__item--current .govuk-pagination__link:visited {\n  color: #ffffff;\n}\n.govuk-pagination__item--current .govuk-pagination__link:hover, .govuk-pagination__item--current .govuk-pagination__link:active {\n  color: rgba(255, 255, 255, 0.99);\n}\n.govuk-pagination__item--current .govuk-pagination__link:focus {\n  color: #0b0c0c;\n}\n\n.govuk-pagination__item--ellipses {\n  font-weight: 700;\n  color: #505a5f;\n}\n.govuk-pagination__item--ellipses:hover {\n  background-color: transparent;\n}\n\n.govuk-pagination__link {\n  display: block;\n  min-width: 15px;\n}\n@media screen {\n  .govuk-pagination__link::after {\n    content: \"\";\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n  }\n}\n.govuk-pagination__link:hover .govuk-pagination__link-title--decorated, .govuk-pagination__link:active .govuk-pagination__link-title--decorated {\n  text-decoration: underline;\n  text-decoration-thickness: max(1px, .0625rem);\n  text-underline-offset: 0.1578em;\n}\n.govuk-pagination__link:hover .govuk-pagination__link-label,\n.govuk-pagination__link:hover .govuk-pagination__link-title--decorated, .govuk-pagination__link:active .govuk-pagination__link-label,\n.govuk-pagination__link:active .govuk-pagination__link-title--decorated {\n  text-decoration-thickness: max(3px, .1875rem, .12em);\n  text-decoration-skip-ink: none;\n  text-decoration-skip: none;\n}\n.govuk-pagination__link:focus .govuk-pagination__icon {\n  color: #0b0c0c;\n}\n.govuk-pagination__link:focus .govuk-pagination__link-label {\n  text-decoration: none;\n}\n.govuk-pagination__link:focus .govuk-pagination__link-title--decorated {\n  text-decoration: none;\n}\n\n.govuk-pagination__link-title {\n  text-decoration-thickness: inherit;\n}\n\n.govuk-pagination__link-label {\n  font-weight: 400;\n  text-decoration: underline;\n  text-decoration-thickness: max(1px, .0625rem);\n  text-underline-offset: 0.1578em;\n  display: inline-block;\n}\n\n.govuk-pagination__icon {\n  width: 0.9375rem;\n  height: 0.8125rem;\n  color: #505a5f;\n  fill: currentcolor;\n  forced-color-adjust: auto;\n}\n\n.govuk-pagination__icon--prev {\n  margin-right: 15px;\n}\n\n.govuk-pagination__icon--next {\n  margin-left: 15px;\n}\n\n.govuk-pagination--block {\n  display: block;\n}\n.govuk-pagination--block .govuk-pagination__next,\n.govuk-pagination--block .govuk-pagination__prev {\n  padding-left: 0;\n  float: none;\n}\n.govuk-pagination--block .govuk-pagination__next .govuk-pagination__link,\n.govuk-pagination--block .govuk-pagination__prev .govuk-pagination__link {\n  display: inline-block;\n}\n.govuk-pagination--block .govuk-pagination__next {\n  padding-right: 15px;\n}\n.govuk-pagination--block .govuk-pagination__prev + .govuk-pagination__next {\n  border-top: 1px solid #b1b4b6;\n}\n.govuk-pagination--block .govuk-pagination__link-title::after {\n  content: \"\";\n  display: block;\n}\n.govuk-pagination--block .govuk-pagination__link {\n  padding-left: 30px;\n  text-align: left;\n}\n.govuk-pagination--block .govuk-pagination__link:not(:focus) {\n  text-decoration: none;\n}\n.govuk-pagination--block .govuk-pagination__icon {\n  margin-top: 0.326em;\n  margin-left: -30px;\n  float: left;\n}\n\n.govuk-panel {\n  font-family: \"GDS Transport\", arial, sans-serif;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  font-weight: 400;\n  font-size: 1.5rem;\n  line-height: 1.0416666667;\n  box-sizing: border-box;\n  margin-bottom: 15px;\n  padding: 35px;\n  border: 5px solid transparent;\n  text-align: center;\n}\n@media print {\n  .govuk-panel {\n    font-family: sans-serif;\n  }\n}\n@media (min-width: 40.0625em) {\n  .govuk-panel {\n    font-size: 2.25rem;\n    line-height: 1.1111111111;\n  }\n}\n@media print {\n  .govuk-panel {\n    font-size: 24pt;\n    line-height: 1.05;\n  }\n}\n@media (max-width: 40.0525em) {\n  .govuk-panel {\n    padding: 10px;\n    overflow-wrap: break-word;\n    word-wrap: break-word;\n  }\n}\n\n.govuk-panel--confirmation {\n  color: #ffffff;\n  background: #00703c;\n}\n@media print {\n  .govuk-panel--confirmation {\n    border-color: currentcolor;\n    color: #000000;\n    background: none;\n  }\n}\n\n.govuk-panel__title {\n  font-size: 2rem;\n  line-height: 1.09375;\n  font-weight: 700;\n  margin-top: 0;\n  margin-bottom: 30px;\n}\n@media (min-width: 40.0625em) {\n  .govuk-panel__title {\n    font-size: 3rem;\n    line-height: 1.0416666667;\n  }\n}\n@media print {\n  .govuk-panel__title {\n    font-size: 32pt;\n    line-height: 1.15;\n  }\n}\n\n.govuk-panel__title:last-child {\n  margin-bottom: 0;\n}\n\n@media (min-width: 20em) {\n  .govuk-password-input__wrapper {\n    flex-direction: row;\n    align-items: flex-start;\n  }\n}\n\n.govuk-password-input__input::-ms-reveal {\n  display: none;\n}\n\n.govuk-password-input__toggle {\n  margin-top: 5px;\n  margin-bottom: 0;\n}\n.govuk-password-input__toggle[hidden] {\n  display: none;\n}\n@media (min-width: 20em) {\n  .govuk-password-input__toggle {\n    width: auto;\n    flex-shrink: 0;\n    flex-basis: 5em;\n    margin-top: 0;\n    margin-left: 5px;\n  }\n}\n\n.govuk-tag {\n  font-family: \"GDS Transport\", arial, sans-serif;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  font-weight: 400;\n  font-size: 1rem;\n  line-height: 1.25;\n  display: inline-block;\n  max-width: 160px;\n  margin-top: -2px;\n  margin-bottom: -3px;\n  padding-top: 2px;\n  padding-right: 8px;\n  padding-bottom: 3px;\n  padding-left: 8px;\n  color: #0c2d4a;\n  background-color: #bbd4ea;\n  text-decoration: none;\n  overflow-wrap: break-word;\n}\n@media print {\n  .govuk-tag {\n    font-family: sans-serif;\n  }\n}\n@media (min-width: 40.0625em) {\n  .govuk-tag {\n    font-size: 1.1875rem;\n    line-height: 1.3157894737;\n  }\n}\n@media print {\n  .govuk-tag {\n    font-size: 14pt;\n    line-height: 1.15;\n  }\n}\n@media screen and (forced-colors: active) {\n  .govuk-tag {\n    font-weight: bold;\n  }\n}\n\n.govuk-tag--grey {\n  color: #282d30;\n  background-color: #e5e6e7;\n}\n\n.govuk-tag--purple {\n  color: #491644;\n  background-color: #efdfed;\n}\n\n.govuk-tag--turquoise {\n  color: #10403c;\n  background-color: #d4ecea;\n}\n\n.govuk-tag--blue {\n  color: #0c2d4a;\n  background-color: #bbd4ea;\n}\n\n.govuk-tag--light-blue {\n  color: #0c2d4a;\n  background-color: #e8f1f8;\n}\n\n.govuk-tag--yellow {\n  color: #594d00;\n  background-color: #fff7bf;\n}\n\n.govuk-tag--orange {\n  color: #6e3619;\n  background-color: #fcd6c3;\n}\n\n.govuk-tag--red {\n  color: #2a0b06;\n  background-color: #f4cdc6;\n}\n\n.govuk-tag--pink {\n  color: #6b1c40;\n  background-color: #f9e1ec;\n}\n\n.govuk-tag--green {\n  color: #005a30;\n  background-color: #cce2d8;\n}\n\n.govuk-phase-banner {\n  padding-top: 10px;\n  padding-bottom: 10px;\n  border-bottom: 1px solid #b1b4b6;\n}\n\n.govuk-phase-banner__content {\n  font-family: \"GDS Transport\", arial, sans-serif;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  font-weight: 400;\n  font-size: 0.875rem;\n  line-height: 1.1428571429;\n  color: #0b0c0c;\n  display: table;\n  margin: 0;\n}\n@media print {\n  .govuk-phase-banner__content {\n    font-family: sans-serif;\n  }\n}\n@media (min-width: 40.0625em) {\n  .govuk-phase-banner__content {\n    font-size: 1rem;\n    line-height: 1.25;\n  }\n}\n@media print {\n  .govuk-phase-banner__content {\n    font-size: 14pt;\n    line-height: 1.2;\n  }\n}\n@media print {\n  .govuk-phase-banner__content {\n    color: #000000;\n  }\n}\n\n.govuk-phase-banner__content__tag {\n  font-size: 0.875rem;\n  line-height: 1.1428571429;\n  margin-right: 10px;\n}\n@media (min-width: 40.0625em) {\n  .govuk-phase-banner__content__tag {\n    font-size: 1rem;\n    line-height: 1.25;\n  }\n}\n@media print {\n  .govuk-phase-banner__content__tag {\n    font-size: 14pt;\n    line-height: 1.2;\n  }\n}\n\n.govuk-phase-banner__text {\n  display: table-cell;\n  vertical-align: middle;\n}\n\n.govuk-radios__item {\n  display: flex;\n  flex-wrap: wrap;\n  position: relative;\n  margin-bottom: 10px;\n}\n\n.govuk-radios__item:last-child,\n.govuk-radios__item:last-of-type {\n  margin-bottom: 0;\n}\n\n.govuk-radios__input {\n  z-index: 1;\n  width: 44px;\n  height: 44px;\n  margin: 0;\n  opacity: 0;\n  cursor: pointer;\n}\n\n.govuk-radios__label {\n  align-self: center;\n  max-width: calc(100% - 74px);\n  margin-bottom: 0;\n  padding: 7px 15px;\n  cursor: pointer;\n  touch-action: manipulation;\n}\n\n.govuk-radios__label::before {\n  content: \"\";\n  box-sizing: border-box;\n  position: absolute;\n  top: 2px;\n  left: 2px;\n  width: 40px;\n  height: 40px;\n  border: 2px solid currentcolor;\n  border-radius: 50%;\n  background: transparent;\n}\n\n.govuk-radios__label::after {\n  content: \"\";\n  position: absolute;\n  top: 12px;\n  left: 12px;\n  width: 0;\n  height: 0;\n  border: 10px solid currentcolor;\n  border-radius: 50%;\n  opacity: 0;\n  background: currentcolor;\n}\n\n.govuk-radios__hint {\n  display: block;\n  width: 100%;\n  margin-top: -5px;\n  padding-right: 15px;\n  padding-left: 59px;\n}\n\n.govuk-label:not(.govuk-label--m):not(.govuk-label--l):not(.govuk-label--xl) + .govuk-radios__hint {\n  margin-bottom: 0;\n}\n\n.govuk-radios__input:focus + .govuk-radios__label::before {\n  border-width: 4px;\n  outline: 3px solid transparent;\n  outline-offset: 1px;\n  box-shadow: 0 0 0 4px #ffdd00;\n}\n@media screen and (forced-colors: active), (-ms-high-contrast: active) {\n  .govuk-radios__input:focus + .govuk-radios__label::before {\n    outline-color: Highlight;\n  }\n}\n\n.govuk-radios__input:checked + .govuk-radios__label::after {\n  opacity: 1;\n}\n\n.govuk-radios__input:disabled,\n.govuk-radios__input:disabled + .govuk-radios__label {\n  cursor: not-allowed;\n}\n\n.govuk-radios__input:disabled + .govuk-radios__label,\n.govuk-radios__input:disabled ~ .govuk-hint {\n  opacity: 0.5;\n}\n\n@media (min-width: 40.0625em) {\n  .govuk-radios--inline {\n    display: flex;\n    flex-wrap: wrap;\n    align-items: flex-start;\n  }\n  .govuk-radios--inline .govuk-radios__item {\n    margin-right: 20px;\n  }\n}\n\n.govuk-radios__divider {\n  font-family: \"GDS Transport\", arial, sans-serif;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  font-weight: 400;\n  font-size: 1rem;\n  line-height: 1.25;\n  color: #0b0c0c;\n  width: 40px;\n  margin-bottom: 10px;\n  text-align: center;\n}\n@media print {\n  .govuk-radios__divider {\n    font-family: sans-serif;\n  }\n}\n@media (min-width: 40.0625em) {\n  .govuk-radios__divider {\n    font-size: 1.1875rem;\n    line-height: 1.3157894737;\n  }\n}\n@media print {\n  .govuk-radios__divider {\n    font-size: 14pt;\n    line-height: 1.15;\n  }\n}\n@media print {\n  .govuk-radios__divider {\n    color: #000000;\n  }\n}\n\n.govuk-radios__conditional {\n  margin-bottom: 15px;\n  margin-left: 20px;\n  padding-left: 35px;\n  border-left: 4px solid #b1b4b6;\n}\n@media (min-width: 40.0625em) {\n  .govuk-radios__conditional {\n    margin-bottom: 20px;\n  }\n}\n.govuk-frontend-supported .govuk-radios__conditional--hidden {\n  display: none;\n}\n.govuk-radios__conditional > :last-child {\n  margin-bottom: 0;\n}\n\n.govuk-radios--small .govuk-radios__item {\n  margin-bottom: 0;\n}\n.govuk-radios--small .govuk-radios__input {\n  margin-left: -10px;\n}\n.govuk-radios--small .govuk-radios__label {\n  padding-left: 1px;\n}\n.govuk-radios--small .govuk-radios__label::before {\n  top: 10px;\n  left: 0;\n  width: 24px;\n  height: 24px;\n}\n.govuk-radios--small .govuk-radios__label::after {\n  top: 17px;\n  left: 7px;\n  border-width: 5px;\n}\n.govuk-radios--small .govuk-radios__hint {\n  padding-left: 34px;\n}\n.govuk-radios--small .govuk-radios__conditional {\n  margin-left: 10px;\n  padding-left: 20px;\n}\n.govuk-radios--small .govuk-radios__divider {\n  width: 24px;\n  margin-bottom: 5px;\n}\n.govuk-radios--small .govuk-radios__item:hover .govuk-radios__input:not(:disabled) + .govuk-radios__label::before {\n  outline: 4px dashed transparent;\n  outline-offset: 1px;\n  box-shadow: 0 0 0 10px #b1b4b6;\n}\n.govuk-radios--small .govuk-radios__item:hover .govuk-radios__input:focus + .govuk-radios__label::before {\n  box-shadow: 0 0 0 4px #ffdd00 0 0 0 10px #b1b4b6;\n}\n@media screen and (forced-colors: active), (-ms-high-contrast: active) {\n  .govuk-radios--small .govuk-radios__item:hover .govuk-radios__input:focus + .govuk-radios__label::before {\n    outline-color: Highlight;\n  }\n}\n@media (hover: none), (pointer: coarse) {\n  .govuk-radios--small .govuk-radios__item:hover .govuk-radios__input:not(:disabled) + .govuk-radios__label::before {\n    box-shadow: initial;\n  }\n  .govuk-radios--small .govuk-radios__item:hover .govuk-radios__input:focus + .govuk-radios__label::before {\n    box-shadow: 0 0 0 4px #ffdd00;\n  }\n}\n\n.govuk-select {\n  font-family: \"GDS Transport\", arial, sans-serif;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  font-weight: 400;\n  font-size: 1rem;\n  line-height: 1.25;\n  box-sizing: border-box;\n  min-width: 11.5em;\n  max-width: 100%;\n  height: 2.5rem;\n  padding: 5px;\n  border: 2px solid #0b0c0c;\n  color: #0b0c0c;\n  background-color: #ffffff;\n}\n@media print {\n  .govuk-select {\n    font-family: sans-serif;\n  }\n}\n@media (min-width: 40.0625em) {\n  .govuk-select {\n    font-size: 1.1875rem;\n    line-height: 1.25;\n  }\n}\n@media print {\n  .govuk-select {\n    font-size: 14pt;\n    line-height: 1.25;\n  }\n}\n.govuk-select:focus {\n  outline: 3px solid #ffdd00;\n  outline-offset: 0;\n  box-shadow: inset 0 0 0 2px;\n}\n.govuk-select:disabled {\n  opacity: 0.5;\n  color: inherit;\n  cursor: not-allowed;\n}\n\n.govuk-select option:active,\n.govuk-select option:checked,\n.govuk-select:focus::-ms-value {\n  color: #ffffff;\n  background-color: #1d70b8;\n}\n\n.govuk-select--error {\n  border-color: #d4351c;\n}\n.govuk-select--error:focus {\n  border-color: #0b0c0c;\n}\n\n.govuk-service-navigation {\n  border-bottom-width: 1px;\n  border-bottom-style: solid;\n  border-bottom-color: #b1b4b6;\n  background-color: #f3f2f1;\n}\n.govuk-template--rebranded .govuk-service-navigation {\n  border-bottom-color: #8eb8dc;\n}\n.govuk-template--rebranded .govuk-service-navigation {\n  background-color: #f4f8fb;\n}\n\n.govuk-service-navigation__container {\n  display: flex;\n  flex-direction: column;\n  align-items: start;\n}\n@media (min-width: 40.0625em) {\n  .govuk-service-navigation__container {\n    flex-direction: row;\n    flex-wrap: wrap;\n  }\n}\n\n.govuk-service-navigation__item,\n.govuk-service-navigation__service-name {\n  position: relative;\n  margin: 10px 0;\n  border: 0 solid #1a65a6;\n}\n@media (min-width: 40.0625em) {\n  .govuk-service-navigation__item,\n  .govuk-service-navigation__service-name {\n    display: inline-block;\n    margin-top: 0;\n    margin-bottom: 0;\n    padding: 20px 0;\n  }\n  .govuk-template--rebranded .govuk-service-navigation__item,\n  .govuk-template--rebranded .govuk-service-navigation__service-name {\n    padding: 15px 0;\n    line-height: 1.5263157895;\n  }\n  .govuk-service-navigation__item:not(:last-child),\n  .govuk-service-navigation__service-name:not(:last-child) {\n    margin-right: 20px;\n  }\n}\n@media (min-width: 40.0625em) and (min-width: 40.0625em) {\n  .govuk-service-navigation__item:not(:last-child),\n  .govuk-service-navigation__service-name:not(:last-child) {\n    margin-right: 30px;\n  }\n}\n\n.govuk-service-navigation__service-name + .govuk-service-navigation__wrapper .govuk-service-navigation__list:first-child .govuk-service-navigation__item:first-child,\n.govuk-service-navigation__service-name + .govuk-service-navigation__wrapper .govuk-service-navigation__toggle[hidden] + .govuk-service-navigation__list .govuk-service-navigation__item:first-child {\n  margin-top: 0;\n}\n\n@media (max-width: 40.0525em) {\n  .govuk-service-navigation__item--active {\n    margin-left: -15px;\n    padding-left: 10px;\n    border-left-width: 5px;\n  }\n}\n@media (min-width: 40.0625em) {\n  .govuk-service-navigation__item--active {\n    padding-bottom: 15px;\n    border-bottom-width: 5px;\n  }\n  .govuk-template--rebranded .govuk-service-navigation__item--active {\n    padding-bottom: 10px;\n  }\n}\n\n.govuk-service-navigation__link {\n  font-family: \"GDS Transport\", arial, sans-serif;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  text-decoration: underline;\n  text-decoration-thickness: max(1px, .0625rem);\n  text-underline-offset: 0.1578em;\n}\n@media print {\n  .govuk-service-navigation__link {\n    font-family: sans-serif;\n  }\n}\n.govuk-service-navigation__link:hover {\n  text-decoration-thickness: max(3px, .1875rem, .12em);\n  text-decoration-skip-ink: none;\n  text-decoration-skip: none;\n}\n.govuk-service-navigation__link:focus {\n  outline: 3px solid transparent;\n  color: #0b0c0c;\n  background-color: #ffdd00;\n  box-shadow: 0 -2px #ffdd00, 0 4px #0b0c0c;\n  text-decoration: none;\n}\n@supports not (text-wrap: balance) {\n  .govuk-service-navigation__link:focus {\n    box-decoration-break: clone;\n  }\n}\n.govuk-service-navigation__link:not(:hover):not(:active) {\n  text-decoration: none;\n}\n.govuk-service-navigation__link:link {\n  color: #1d70b8;\n}\n.govuk-service-navigation__link:visited {\n  color: #1d70b8;\n}\n.govuk-service-navigation__link:hover {\n  color: #003078;\n}\n.govuk-service-navigation__link:active {\n  color: #0b0c0c;\n}\n.govuk-service-navigation__link:focus {\n  color: #0b0c0c;\n}\n.govuk-service-navigation__link:not(:hover):not(:focus) {\n  color: #1a65a6;\n}\n\n.govuk-service-navigation__service-name {\n  font-family: \"GDS Transport\", arial, sans-serif;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  font-weight: 700;\n  font-size: 1rem;\n  line-height: 1.25;\n}\n@media print {\n  .govuk-service-navigation__service-name {\n    font-family: sans-serif;\n  }\n}\n@media (min-width: 40.0625em) {\n  .govuk-service-navigation__service-name {\n    font-size: 1.1875rem;\n    line-height: 1.3157894737;\n  }\n}\n@media print {\n  .govuk-service-navigation__service-name {\n    font-size: 14pt;\n    line-height: 1.15;\n  }\n}\n\n.govuk-service-navigation__service-name .govuk-service-navigation__link:link, .govuk-service-navigation__service-name .govuk-service-navigation__link:visited {\n  color: #0b0c0c;\n}\n@media print {\n  .govuk-service-navigation__service-name .govuk-service-navigation__link:link, .govuk-service-navigation__service-name .govuk-service-navigation__link:visited {\n    color: #000000;\n  }\n}\n.govuk-service-navigation__service-name .govuk-service-navigation__link:hover {\n  color: rgba(11, 12, 12, 0.99);\n}\n.govuk-service-navigation__service-name .govuk-service-navigation__link:active, .govuk-service-navigation__service-name .govuk-service-navigation__link:focus {\n  color: #0b0c0c;\n}\n@media print {\n  .govuk-service-navigation__service-name .govuk-service-navigation__link:active, .govuk-service-navigation__service-name .govuk-service-navigation__link:focus {\n    color: #000000;\n  }\n}\n\n.govuk-service-navigation__wrapper {\n  flex-grow: 1;\n}\n\n.govuk-service-navigation__toggle {\n  font-family: \"GDS Transport\", arial, sans-serif;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  font-weight: 700;\n  font-size: 1rem;\n  line-height: 1.25;\n  display: inline-flex;\n  margin: 10px 0;\n  padding: 0;\n  border: 0;\n  color: #1a65a6;\n  background: none;\n  word-break: break-all;\n  cursor: pointer;\n  align-items: center;\n}\n@media print {\n  .govuk-service-navigation__toggle {\n    font-family: sans-serif;\n  }\n}\n@media (min-width: 40.0625em) {\n  .govuk-service-navigation__toggle {\n    font-size: 1.1875rem;\n    line-height: 1.3157894737;\n  }\n}\n@media print {\n  .govuk-service-navigation__toggle {\n    font-size: 14pt;\n    line-height: 1.15;\n  }\n}\n.govuk-service-navigation__toggle:focus {\n  outline: 3px solid transparent;\n  color: #0b0c0c;\n  background-color: #ffdd00;\n  box-shadow: 0 -2px #ffdd00, 0 4px #0b0c0c;\n  text-decoration: none;\n}\n@supports not (text-wrap: balance) {\n  .govuk-service-navigation__toggle:focus {\n    box-decoration-break: clone;\n  }\n}\n.govuk-service-navigation__toggle::after {\n  display: inline-block;\n  width: 0;\n  height: 0;\n  border-style: solid;\n  border-color: transparent;\n  clip-path: polygon(0% 0%, 50% 100%, 100% 0%);\n  border-width: 8.66px 5px 0 5px;\n  border-top-color: inherit;\n  content: \"\";\n  margin-left: 5px;\n}\n.govuk-service-navigation__toggle[aria-expanded=true]::after {\n  display: inline-block;\n  width: 0;\n  height: 0;\n  border-style: solid;\n  border-color: transparent;\n  clip-path: polygon(50% 0%, 0% 100%, 100% 100%);\n  border-width: 0 5px 8.66px;\n  border-bottom-color: inherit;\n}\n.govuk-service-navigation__toggle[hidden] {\n  display: none;\n}\n.govuk-service-navigation__service-name + .govuk-service-navigation__wrapper .govuk-service-navigation__toggle {\n  margin-top: 0;\n}\n\n.govuk-service-navigation__list {\n  font-family: \"GDS Transport\", arial, sans-serif;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  font-weight: 400;\n  font-size: 1rem;\n  line-height: 1.25;\n  margin: 0;\n  margin-bottom: 15px;\n  padding: 0;\n  list-style: none;\n}\n@media print {\n  .govuk-service-navigation__list {\n    font-family: sans-serif;\n  }\n}\n@media (min-width: 40.0625em) {\n  .govuk-service-navigation__list {\n    font-size: 1.1875rem;\n    line-height: 1.3157894737;\n  }\n}\n@media print {\n  .govuk-service-navigation__list {\n    font-size: 14pt;\n    line-height: 1.15;\n  }\n}\n@media (min-width: 40.0625em) {\n  .govuk-service-navigation__list {\n    display: flex;\n    flex-wrap: wrap;\n    margin-bottom: 0;\n  }\n}\n@media screen and (min-width: 40.0625em) and (min-width: 0\\0 ) {\n  .govuk-service-navigation__list {\n    display: block;\n  }\n}\n\n.govuk-service-navigation__active-fallback {\n  font-weight: inherit;\n}\n\n.govuk-template--rebranded .govuk-service-navigation--inverse {\n  border-bottom: none;\n  color: #ffffff;\n  background-color: #1d70b8;\n}\n.govuk-template--rebranded .govuk-service-navigation--inverse .govuk-width-container {\n  border-width: 1px 0;\n  border-style: solid;\n  border-color: #8eb8dc;\n}\n.govuk-template--rebranded .govuk-service-navigation--inverse .govuk-service-navigation__container {\n  margin-top: -1px;\n}\n.govuk-template--rebranded .govuk-service-navigation--inverse .govuk-service-navigation__item,\n.govuk-template--rebranded .govuk-service-navigation--inverse .govuk-service-navigation__service-name {\n  border-color: #ffffff;\n}\n.govuk-template--rebranded .govuk-service-navigation--inverse .govuk-service-navigation__link:link, .govuk-template--rebranded .govuk-service-navigation--inverse .govuk-service-navigation__link:visited {\n  color: #ffffff;\n}\n.govuk-template--rebranded .govuk-service-navigation--inverse .govuk-service-navigation__link:hover, .govuk-template--rebranded .govuk-service-navigation--inverse .govuk-service-navigation__link:active {\n  color: rgba(255, 255, 255, 0.99);\n}\n.govuk-template--rebranded .govuk-service-navigation--inverse .govuk-service-navigation__link:focus {\n  color: #0b0c0c;\n}\n.govuk-template--rebranded .govuk-service-navigation--inverse .govuk-service-navigation__toggle:not(:focus) {\n  color: currentcolor;\n}\n\n.govuk-skip-link {\n  text-decoration: underline;\n  text-decoration-thickness: max(1px, .0625rem);\n  text-underline-offset: 0.1578em;\n  font-family: \"GDS Transport\", arial, sans-serif;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  font-weight: 400;\n  font-size: 0.875rem;\n  line-height: 1.1428571429;\n  display: block;\n  padding: 10px 15px;\n}\n.govuk-skip-link:not(:active):not(:focus):not(.\\:focus) {\n  position: absolute !important;\n  width: 1px !important;\n  height: 1px !important;\n  margin: 0 !important;\n  padding: 0 !important;\n  overflow: hidden !important;\n  clip: rect(0 0 0 0) !important;\n  clip-path: inset(50%) !important;\n  border: 0 !important;\n  white-space: nowrap !important;\n  user-select: none;\n}\n.govuk-skip-link:link, .govuk-skip-link:visited {\n  color: #0b0c0c;\n}\n@media print {\n  .govuk-skip-link:link, .govuk-skip-link:visited {\n    color: #000000;\n  }\n}\n.govuk-skip-link:hover {\n  color: rgba(11, 12, 12, 0.99);\n}\n.govuk-skip-link:active, .govuk-skip-link:focus {\n  color: #0b0c0c;\n}\n@media print {\n  .govuk-skip-link:active, .govuk-skip-link:focus {\n    color: #000000;\n  }\n}\n@media print {\n  .govuk-skip-link {\n    font-family: sans-serif;\n  }\n}\n@media (min-width: 40.0625em) {\n  .govuk-skip-link {\n    font-size: 1rem;\n    line-height: 1.25;\n  }\n}\n@media print {\n  .govuk-skip-link {\n    font-size: 14pt;\n    line-height: 1.2;\n  }\n}\n@supports (padding: max(calc(0px))) {\n  .govuk-skip-link {\n    padding-right: max(15px, calc(15px + env(safe-area-inset-right)));\n    padding-left: max(15px, calc(15px + env(safe-area-inset-left)));\n  }\n}\n.govuk-skip-link:focus {\n  outline: 3px solid #ffdd00;\n  outline-offset: 0;\n  background-color: #ffdd00;\n}\n\n.govuk-skip-link-focused-element:focus {\n  outline: none;\n}\n\n.govuk-summary-list {\n  font-family: \"GDS Transport\", arial, sans-serif;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  font-weight: 400;\n  font-size: 1rem;\n  line-height: 1.25;\n  color: #0b0c0c;\n  margin: 0;\n  margin-bottom: 20px;\n}\n@media print {\n  .govuk-summary-list {\n    font-family: sans-serif;\n  }\n}\n@media (min-width: 40.0625em) {\n  .govuk-summary-list {\n    font-size: 1.1875rem;\n    line-height: 1.3157894737;\n  }\n}\n@media print {\n  .govuk-summary-list {\n    font-size: 14pt;\n    line-height: 1.15;\n  }\n}\n@media print {\n  .govuk-summary-list {\n    color: #000000;\n  }\n}\n@media (min-width: 40.0625em) {\n  .govuk-summary-list {\n    display: table;\n    width: 100%;\n    table-layout: fixed;\n    border-collapse: collapse;\n  }\n}\n@media (min-width: 40.0625em) {\n  .govuk-summary-list {\n    margin-bottom: 30px;\n  }\n}\n\n.govuk-summary-list__row {\n  border-bottom: 1px solid #b1b4b6;\n}\n@media (max-width: 40.0525em) {\n  .govuk-summary-list__row {\n    margin-bottom: 15px;\n  }\n}\n@media (min-width: 40.0625em) {\n  .govuk-summary-list__row {\n    display: table-row;\n  }\n}\n\n.govuk-summary-list__row:not(.govuk-summary-list__row--no-actions) > :last-child {\n  padding-right: 0;\n}\n\n@media (min-width: 40.0625em) {\n  .govuk-summary-list__row--no-actions::after {\n    content: \"\";\n    display: table-cell;\n    width: 20%;\n  }\n}\n\n.govuk-summary-list__key,\n.govuk-summary-list__value,\n.govuk-summary-list__actions {\n  margin: 0;\n}\n@media (min-width: 40.0625em) {\n  .govuk-summary-list__key,\n  .govuk-summary-list__value,\n  .govuk-summary-list__actions {\n    display: table-cell;\n    padding-top: 10px;\n    padding-right: 20px;\n    padding-bottom: 10px;\n  }\n}\n\n.govuk-summary-list__actions {\n  margin-bottom: 15px;\n}\n@media (min-width: 40.0625em) {\n  .govuk-summary-list__actions {\n    width: 20%;\n    text-align: right;\n  }\n}\n\n.govuk-summary-list__key,\n.govuk-summary-list__value {\n  word-wrap: break-word;\n  overflow-wrap: break-word;\n}\n\n.govuk-summary-list__key {\n  margin-bottom: 5px;\n  font-weight: 700;\n}\n@media (min-width: 40.0625em) {\n  .govuk-summary-list__key {\n    width: 30%;\n  }\n}\n\n@media (max-width: 40.0525em) {\n  .govuk-summary-list__value {\n    margin-bottom: 15px;\n  }\n}\n\n.govuk-summary-list__value > p {\n  margin-bottom: 10px;\n}\n\n.govuk-summary-list__value > :last-child {\n  margin-bottom: 0;\n}\n\n.govuk-summary-list__actions-list {\n  width: 100%;\n  margin: 0;\n  padding: 0;\n}\n\n.govuk-summary-list__actions-list-item,\n.govuk-summary-card__action {\n  display: inline-block;\n}\n\n@media (max-width: 40.0525em) {\n  .govuk-summary-list__actions-list-item,\n  .govuk-summary-card__action {\n    margin-right: 10px;\n    padding-right: 10px;\n    border-right: 1px solid #b1b4b6;\n  }\n  .govuk-summary-list__actions-list-item:last-child,\n  .govuk-summary-card__action:last-child {\n    margin-right: 0;\n    padding-right: 0;\n    border: 0;\n  }\n}\n@media (min-width: 40.0625em) {\n  .govuk-summary-list__actions-list-item,\n  .govuk-summary-card__action {\n    margin-left: 10px;\n    padding-left: 10px;\n  }\n  .govuk-summary-list__actions-list-item:not(:first-child),\n  .govuk-summary-card__action:not(:first-child) {\n    border-left: 1px solid #b1b4b6;\n  }\n  .govuk-summary-list__actions-list-item:first-child,\n  .govuk-summary-card__action:first-child {\n    margin-left: 0;\n    padding-left: 0;\n    border: 0;\n  }\n}\n.govuk-summary-list__actions-list-item .govuk-link:focus {\n  isolation: isolate;\n}\n\n.govuk-summary-list--no-border .govuk-summary-list__row {\n  border: 0;\n}\n@media (min-width: 40.0625em) {\n  .govuk-summary-list--no-border .govuk-summary-list__key,\n  .govuk-summary-list--no-border .govuk-summary-list__value,\n  .govuk-summary-list--no-border .govuk-summary-list__actions {\n    padding-bottom: 11px;\n  }\n}\n\n.govuk-summary-list__row--no-border {\n  border: 0;\n}\n@media (min-width: 40.0625em) {\n  .govuk-summary-list__row--no-border .govuk-summary-list__key,\n  .govuk-summary-list__row--no-border .govuk-summary-list__value,\n  .govuk-summary-list__row--no-border .govuk-summary-list__actions {\n    padding-bottom: 11px;\n  }\n}\n\n.govuk-summary-card {\n  margin-bottom: 20px;\n  border: 1px solid #b1b4b6;\n}\n@media (min-width: 40.0625em) {\n  .govuk-summary-card {\n    margin-bottom: 30px;\n  }\n}\n\n.govuk-summary-card__title-wrapper {\n  padding: 15px;\n  border-bottom: 1px solid transparent;\n  background-color: #f3f2f1;\n}\n@media (min-width: 40.0625em) {\n  .govuk-summary-card__title-wrapper {\n    display: flex;\n    justify-content: space-between;\n    flex-wrap: nowrap;\n    padding: 15px 20px;\n  }\n}\n\n.govuk-summary-card__title {\n  font-family: \"GDS Transport\", arial, sans-serif;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  font-weight: 700;\n  font-size: 1rem;\n  line-height: 1.25;\n  color: #0b0c0c;\n  margin: 5px 20px 10px 0;\n}\n@media print {\n  .govuk-summary-card__title {\n    font-family: sans-serif;\n  }\n}\n@media (min-width: 40.0625em) {\n  .govuk-summary-card__title {\n    font-size: 1.1875rem;\n    line-height: 1.3157894737;\n  }\n}\n@media print {\n  .govuk-summary-card__title {\n    font-size: 14pt;\n    line-height: 1.15;\n  }\n}\n@media print {\n  .govuk-summary-card__title {\n    color: #000000;\n  }\n}\n@media (min-width: 40.0625em) {\n  .govuk-summary-card__title {\n    margin-bottom: 5px;\n  }\n}\n\n.govuk-summary-card__actions {\n  font-size: 1rem;\n  line-height: 1.25;\n  font-weight: 700;\n  display: flex;\n  flex-wrap: wrap;\n  row-gap: 10px;\n  margin: 5px 0;\n  padding: 0;\n  list-style: none;\n}\n@media (min-width: 40.0625em) {\n  .govuk-summary-card__actions {\n    font-size: 1.1875rem;\n    line-height: 1.3157894737;\n  }\n}\n@media print {\n  .govuk-summary-card__actions {\n    font-size: 14pt;\n    line-height: 1.15;\n  }\n}\n@media (min-width: 40.0625em) {\n  .govuk-summary-card__actions {\n    justify-content: right;\n    text-align: right;\n  }\n}\n\n.govuk-summary-card__action {\n  display: inline;\n}\n@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {\n  .govuk-summary-card__action {\n    margin-bottom: 5px;\n  }\n}\n\n@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {\n  .govuk-summary-card__action:last-child {\n    margin-bottom: 0;\n  }\n}\n\n.govuk-summary-card__content {\n  padding: 15px 15px 0;\n}\n@media (min-width: 40.0625em) {\n  .govuk-summary-card__content {\n    padding: 15px 20px;\n  }\n}\n.govuk-summary-card__content .govuk-summary-list {\n  margin-bottom: 0;\n}\n.govuk-summary-card__content .govuk-summary-list__row:last-of-type {\n  margin-bottom: 0;\n  border-bottom: none;\n}\n\n.govuk-table {\n  font-family: \"GDS Transport\", arial, sans-serif;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  font-weight: 400;\n  font-size: 1rem;\n  line-height: 1.25;\n  color: #0b0c0c;\n  width: 100%;\n  margin-bottom: 20px;\n  border-spacing: 0;\n  border-collapse: collapse;\n}\n@media print {\n  .govuk-table {\n    font-family: sans-serif;\n  }\n}\n@media (min-width: 40.0625em) {\n  .govuk-table {\n    font-size: 1.1875rem;\n    line-height: 1.3157894737;\n  }\n}\n@media print {\n  .govuk-table {\n    font-size: 14pt;\n    line-height: 1.15;\n  }\n}\n@media print {\n  .govuk-table {\n    color: #000000;\n  }\n}\n@media (min-width: 40.0625em) {\n  .govuk-table {\n    margin-bottom: 30px;\n  }\n}\n\n.govuk-table__header {\n  font-weight: 700;\n}\n\n.govuk-table__header,\n.govuk-table__cell {\n  padding: 10px 20px 10px 0;\n  border-bottom: 1px solid #b1b4b6;\n  text-align: left;\n  vertical-align: top;\n}\n\n.govuk-table__cell--numeric {\n  font-variant-numeric: tabular-nums;\n}\n\n.govuk-table__header--numeric,\n.govuk-table__cell--numeric {\n  text-align: right;\n}\n\n.govuk-table__header:last-child,\n.govuk-table__cell:last-child {\n  padding-right: 0;\n}\n\n.govuk-table__caption {\n  font-weight: 700;\n  display: table-caption;\n  text-align: left;\n}\n\n.govuk-table__caption--xl,\n.govuk-table__caption--l,\n.govuk-table__caption--m {\n  margin-bottom: 15px;\n}\n\n.govuk-table__caption--xl {\n  font-size: 2rem;\n  line-height: 1.09375;\n}\n@media (min-width: 40.0625em) {\n  .govuk-table__caption--xl {\n    font-size: 3rem;\n    line-height: 1.0416666667;\n  }\n}\n@media print {\n  .govuk-table__caption--xl {\n    font-size: 32pt;\n    line-height: 1.15;\n  }\n}\n\n.govuk-table__caption--l {\n  font-size: 1.5rem;\n  line-height: 1.0416666667;\n}\n@media (min-width: 40.0625em) {\n  .govuk-table__caption--l {\n    font-size: 2.25rem;\n    line-height: 1.1111111111;\n  }\n}\n@media print {\n  .govuk-table__caption--l {\n    font-size: 24pt;\n    line-height: 1.05;\n  }\n}\n\n.govuk-table__caption--m {\n  font-size: 1.125rem;\n  line-height: 1.1111111111;\n}\n@media (min-width: 40.0625em) {\n  .govuk-table__caption--m {\n    font-size: 1.5rem;\n    line-height: 1.25;\n  }\n}\n@media print {\n  .govuk-table__caption--m {\n    font-size: 18pt;\n    line-height: 1.15;\n  }\n}\n\n.govuk-tabs {\n  margin-top: 5px;\n  margin-bottom: 20px;\n  font-family: \"GDS Transport\", arial, sans-serif;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  font-weight: 400;\n  font-size: 1rem;\n  line-height: 1.25;\n}\n@media (min-width: 40.0625em) {\n  .govuk-tabs {\n    margin-bottom: 30px;\n  }\n}\n@media print {\n  .govuk-tabs {\n    font-family: sans-serif;\n  }\n}\n@media (min-width: 40.0625em) {\n  .govuk-tabs {\n    font-size: 1.1875rem;\n    line-height: 1.3157894737;\n  }\n}\n@media print {\n  .govuk-tabs {\n    font-size: 14pt;\n    line-height: 1.15;\n  }\n}\n\n.govuk-tabs__title {\n  font-size: 1rem;\n  line-height: 1.25;\n  font-weight: 400;\n  color: #0b0c0c;\n  margin-bottom: 10px;\n}\n@media (min-width: 40.0625em) {\n  .govuk-tabs__title {\n    font-size: 1.1875rem;\n    line-height: 1.3157894737;\n  }\n}\n@media print {\n  .govuk-tabs__title {\n    font-size: 14pt;\n    line-height: 1.15;\n  }\n}\n@media print {\n  .govuk-tabs__title {\n    color: #000000;\n  }\n}\n\n.govuk-tabs__list {\n  margin: 0;\n  padding: 0;\n  list-style: none;\n  margin-bottom: 20px;\n}\n@media (min-width: 40.0625em) {\n  .govuk-tabs__list {\n    margin-bottom: 30px;\n  }\n}\n\n.govuk-tabs__list-item {\n  margin-left: 25px;\n}\n.govuk-tabs__list-item::before {\n  color: #0b0c0c;\n  content: \"—\";\n  margin-left: -25px;\n  padding-right: 5px;\n}\n@media print {\n  .govuk-tabs__list-item::before {\n    color: #000000;\n  }\n}\n\n.govuk-tabs__tab {\n  font-family: \"GDS Transport\", arial, sans-serif;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  text-decoration: underline;\n  text-decoration-thickness: max(1px, .0625rem);\n  text-underline-offset: 0.1578em;\n  display: inline-block;\n  margin-bottom: 10px;\n}\n@media print {\n  .govuk-tabs__tab {\n    font-family: sans-serif;\n  }\n}\n.govuk-tabs__tab:hover {\n  text-decoration-thickness: max(3px, .1875rem, .12em);\n  text-decoration-skip-ink: none;\n  text-decoration-skip: none;\n}\n.govuk-tabs__tab:focus {\n  outline: 3px solid transparent;\n  color: #0b0c0c;\n  background-color: #ffdd00;\n  box-shadow: 0 -2px #ffdd00, 0 4px #0b0c0c;\n  text-decoration: none;\n}\n@supports not (text-wrap: balance) {\n  .govuk-tabs__tab:focus {\n    box-decoration-break: clone;\n  }\n}\n.govuk-tabs__tab:link {\n  color: #1d70b8;\n}\n.govuk-tabs__tab:visited {\n  color: #4c2c92;\n}\n.govuk-tabs__tab:hover {\n  color: #003078;\n}\n.govuk-tabs__tab:active {\n  color: #0b0c0c;\n}\n.govuk-tabs__tab:focus {\n  color: #0b0c0c;\n}\n\n.govuk-tabs__panel {\n  margin-bottom: 30px;\n}\n@media (min-width: 40.0625em) {\n  .govuk-tabs__panel {\n    margin-bottom: 50px;\n  }\n}\n\n@media (min-width: 40.0625em) {\n  .govuk-frontend-supported .govuk-tabs__list {\n    margin-bottom: 0;\n    border-bottom: 1px solid #b1b4b6;\n  }\n  .govuk-frontend-supported .govuk-tabs__list::after {\n    content: \"\";\n    display: block;\n    clear: both;\n  }\n  .govuk-frontend-supported .govuk-tabs__title {\n    display: none;\n  }\n  .govuk-frontend-supported .govuk-tabs__list-item {\n    position: relative;\n    margin-right: 5px;\n    margin-bottom: 0;\n    margin-left: 0;\n    padding: 10px 20px;\n    float: left;\n    background-color: #f3f2f1;\n    text-align: center;\n  }\n  .govuk-frontend-supported .govuk-tabs__list-item::before {\n    content: none;\n  }\n  .govuk-frontend-supported .govuk-tabs__list-item--selected {\n    position: relative;\n    margin-top: -5px;\n    margin-bottom: -1px;\n    padding-top: 14px;\n    padding-right: 19px;\n    padding-bottom: 16px;\n    padding-left: 19px;\n    border: 1px solid #b1b4b6;\n    border-bottom: 0;\n    background-color: #ffffff;\n  }\n  .govuk-frontend-supported .govuk-tabs__list-item--selected .govuk-tabs__tab {\n    text-decoration: none;\n  }\n  .govuk-frontend-supported .govuk-tabs__tab {\n    margin-bottom: 0;\n  }\n  .govuk-frontend-supported .govuk-tabs__tab:link, .govuk-frontend-supported .govuk-tabs__tab:visited {\n    color: #0b0c0c;\n  }\n}\n@media print and (min-width: 40.0625em) {\n  .govuk-frontend-supported .govuk-tabs__tab:link, .govuk-frontend-supported .govuk-tabs__tab:visited {\n    color: #000000;\n  }\n}\n@media (min-width: 40.0625em) {\n  .govuk-frontend-supported .govuk-tabs__tab:hover {\n    color: rgba(11, 12, 12, 0.99);\n  }\n  .govuk-frontend-supported .govuk-tabs__tab:active, .govuk-frontend-supported .govuk-tabs__tab:focus {\n    color: #0b0c0c;\n  }\n}\n@media print and (min-width: 40.0625em) {\n  .govuk-frontend-supported .govuk-tabs__tab:active, .govuk-frontend-supported .govuk-tabs__tab:focus {\n    color: #000000;\n  }\n}\n@media (min-width: 40.0625em) {\n  .govuk-frontend-supported .govuk-tabs__tab::after {\n    content: \"\";\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n  }\n  .govuk-frontend-supported .govuk-tabs__panel {\n    margin-bottom: 0;\n    padding: 30px 20px;\n    border: 1px solid #b1b4b6;\n    border-top: 0;\n  }\n  .govuk-frontend-supported .govuk-tabs__panel > :last-child {\n    margin-bottom: 0;\n  }\n  .govuk-frontend-supported .govuk-tabs__panel--hidden {\n    display: none;\n  }\n}\n\n.govuk-task-list {\n  font-family: \"GDS Transport\", arial, sans-serif;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  font-weight: 400;\n  font-size: 1rem;\n  line-height: 1.25;\n  margin-top: 0;\n  margin-bottom: 20px;\n  padding: 0;\n  list-style-type: none;\n}\n@media print {\n  .govuk-task-list {\n    font-family: sans-serif;\n  }\n}\n@media (min-width: 40.0625em) {\n  .govuk-task-list {\n    font-size: 1.1875rem;\n    line-height: 1.3157894737;\n  }\n}\n@media print {\n  .govuk-task-list {\n    font-size: 14pt;\n    line-height: 1.15;\n  }\n}\n@media (min-width: 40.0625em) {\n  .govuk-task-list {\n    margin-bottom: 30px;\n  }\n}\n\n.govuk-task-list__item {\n  display: table;\n  position: relative;\n  width: 100%;\n  margin-bottom: 0;\n  padding-top: 10px;\n  padding-bottom: 10px;\n  border-bottom: 1px solid #b1b4b6;\n}\n\n.govuk-task-list__item:first-child {\n  border-top: 1px solid #b1b4b6;\n}\n\n.govuk-task-list__item--with-link:hover {\n  background: #f3f2f1;\n}\n\n.govuk-task-list__name-and-hint {\n  display: table-cell;\n  vertical-align: top;\n  color: #0b0c0c;\n}\n@media print {\n  .govuk-task-list__name-and-hint {\n    color: #000000;\n  }\n}\n\n.govuk-task-list__status {\n  display: table-cell;\n  padding-left: 10px;\n  text-align: right;\n  vertical-align: top;\n  color: #0b0c0c;\n}\n@media print {\n  .govuk-task-list__status {\n    color: #000000;\n  }\n}\n\n.govuk-task-list__status--cannot-start-yet {\n  color: #505a5f;\n}\n\n.govuk-task-list__link::after {\n  content: \"\";\n  display: block;\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n}\n\n.govuk-task-list__hint {\n  margin-top: 5px;\n  color: #505a5f;\n}\n\n.govuk-warning-text {\n  font-family: \"GDS Transport\", arial, sans-serif;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  font-weight: 400;\n  font-size: 1rem;\n  line-height: 1.25;\n  margin-bottom: 20px;\n  font-weight: 700;\n  position: relative;\n  padding: 10px 0;\n}\n@media print {\n  .govuk-warning-text {\n    font-family: sans-serif;\n  }\n}\n@media (min-width: 40.0625em) {\n  .govuk-warning-text {\n    font-size: 1.1875rem;\n    line-height: 1.3157894737;\n  }\n}\n@media print {\n  .govuk-warning-text {\n    font-size: 14pt;\n    line-height: 1.15;\n  }\n}\n@media (min-width: 40.0625em) {\n  .govuk-warning-text {\n    margin-bottom: 30px;\n  }\n}\n\n.govuk-warning-text__icon {\n  box-sizing: border-box;\n  display: inline-block;\n  position: absolute;\n  left: 0;\n  min-width: 35px;\n  min-height: 35px;\n  margin-top: -7px;\n  border: 3px solid #0b0c0c;\n  border-radius: 50%;\n  color: #ffffff;\n  background: #0b0c0c;\n  font-size: 30px;\n  line-height: 29px;\n  text-align: center;\n  user-select: none;\n  forced-color-adjust: none;\n}\n@media (min-width: 40.0625em) {\n  .govuk-warning-text__icon {\n    margin-top: -5px;\n  }\n}\n@media screen and (forced-colors: active) {\n  .govuk-warning-text__icon {\n    border-color: windowText;\n    color: windowText;\n    background: transparent;\n  }\n}\n\n.govuk-warning-text__text {\n  color: #0b0c0c;\n  display: block;\n  padding-left: 45px;\n  font-weight: inherit;\n}\n@media print {\n  .govuk-warning-text__text {\n    color: #000000;\n  }\n}\n\n.govuk-clearfix::after {\n  content: \"\";\n  display: block;\n  clear: both;\n}\n\n.govuk-visually-hidden {\n  position: absolute !important;\n  width: 1px !important;\n  height: 1px !important;\n  margin: 0 !important;\n  padding: 0 !important;\n  overflow: hidden !important;\n  clip: rect(0 0 0 0) !important;\n  clip-path: inset(50%) !important;\n  border: 0 !important;\n  white-space: nowrap !important;\n  user-select: none;\n}\n.govuk-visually-hidden::before {\n  content: \" \";\n}\n.govuk-visually-hidden::after {\n  content: \" \";\n}\n\n.govuk-visually-hidden-focusable:not(:active):not(:focus):not(.\\:focus) {\n  position: absolute !important;\n  width: 1px !important;\n  height: 1px !important;\n  margin: 0 !important;\n  padding: 0 !important;\n  overflow: hidden !important;\n  clip: rect(0 0 0 0) !important;\n  clip-path: inset(50%) !important;\n  border: 0 !important;\n  white-space: nowrap !important;\n  user-select: none;\n}\n\n.govuk-\\!-display-inline {\n  display: inline !important;\n}\n\n.govuk-\\!-display-inline-block {\n  display: inline-block !important;\n}\n\n.govuk-\\!-display-block {\n  display: block !important;\n}\n\n.govuk-\\!-display-none {\n  display: none !important;\n}\n\n@media print {\n  .govuk-\\!-display-none-print {\n    display: none !important;\n  }\n}\n.govuk-\\!-margin-0 {\n  margin: 0 !important;\n}\n\n.govuk-\\!-margin-top-0 {\n  margin-top: 0 !important;\n}\n\n.govuk-\\!-margin-right-0 {\n  margin-right: 0 !important;\n}\n\n.govuk-\\!-margin-bottom-0 {\n  margin-bottom: 0 !important;\n}\n\n.govuk-\\!-margin-left-0 {\n  margin-left: 0 !important;\n}\n\n.govuk-\\!-margin-1 {\n  margin: 5px !important;\n}\n\n.govuk-\\!-margin-top-1 {\n  margin-top: 5px !important;\n}\n\n.govuk-\\!-margin-right-1 {\n  margin-right: 5px !important;\n}\n\n.govuk-\\!-margin-bottom-1 {\n  margin-bottom: 5px !important;\n}\n\n.govuk-\\!-margin-left-1 {\n  margin-left: 5px !important;\n}\n\n.govuk-\\!-margin-2 {\n  margin: 10px !important;\n}\n\n.govuk-\\!-margin-top-2 {\n  margin-top: 10px !important;\n}\n\n.govuk-\\!-margin-right-2 {\n  margin-right: 10px !important;\n}\n\n.govuk-\\!-margin-bottom-2 {\n  margin-bottom: 10px !important;\n}\n\n.govuk-\\!-margin-left-2 {\n  margin-left: 10px !important;\n}\n\n.govuk-\\!-margin-3 {\n  margin: 15px !important;\n}\n\n.govuk-\\!-margin-top-3 {\n  margin-top: 15px !important;\n}\n\n.govuk-\\!-margin-right-3 {\n  margin-right: 15px !important;\n}\n\n.govuk-\\!-margin-bottom-3 {\n  margin-bottom: 15px !important;\n}\n\n.govuk-\\!-margin-left-3 {\n  margin-left: 15px !important;\n}\n\n.govuk-\\!-margin-4 {\n  margin: 15px !important;\n}\n@media (min-width: 40.0625em) {\n  .govuk-\\!-margin-4 {\n    margin: 20px !important;\n  }\n}\n\n.govuk-\\!-margin-top-4 {\n  margin-top: 15px !important;\n}\n@media (min-width: 40.0625em) {\n  .govuk-\\!-margin-top-4 {\n    margin-top: 20px !important;\n  }\n}\n\n.govuk-\\!-margin-right-4 {\n  margin-right: 15px !important;\n}\n@media (min-width: 40.0625em) {\n  .govuk-\\!-margin-right-4 {\n    margin-right: 20px !important;\n  }\n}\n\n.govuk-\\!-margin-bottom-4 {\n  margin-bottom: 15px !important;\n}\n@media (min-width: 40.0625em) {\n  .govuk-\\!-margin-bottom-4 {\n    margin-bottom: 20px !important;\n  }\n}\n\n.govuk-\\!-margin-left-4 {\n  margin-left: 15px !important;\n}\n@media (min-width: 40.0625em) {\n  .govuk-\\!-margin-left-4 {\n    margin-left: 20px !important;\n  }\n}\n\n.govuk-\\!-margin-5 {\n  margin: 15px !important;\n}\n@media (min-width: 40.0625em) {\n  .govuk-\\!-margin-5 {\n    margin: 25px !important;\n  }\n}\n\n.govuk-\\!-margin-top-5 {\n  margin-top: 15px !important;\n}\n@media (min-width: 40.0625em) {\n  .govuk-\\!-margin-top-5 {\n    margin-top: 25px !important;\n  }\n}\n\n.govuk-\\!-margin-right-5 {\n  margin-right: 15px !important;\n}\n@media (min-width: 40.0625em) {\n  .govuk-\\!-margin-right-5 {\n    margin-right: 25px !important;\n  }\n}\n\n.govuk-\\!-margin-bottom-5 {\n  margin-bottom: 15px !important;\n}\n@media (min-width: 40.0625em) {\n  .govuk-\\!-margin-bottom-5 {\n    margin-bottom: 25px !important;\n  }\n}\n\n.govuk-\\!-margin-left-5 {\n  margin-left: 15px !important;\n}\n@media (min-width: 40.0625em) {\n  .govuk-\\!-margin-left-5 {\n    margin-left: 25px !important;\n  }\n}\n\n.govuk-\\!-margin-6 {\n  margin: 20px !important;\n}\n@media (min-width: 40.0625em) {\n  .govuk-\\!-margin-6 {\n    margin: 30px !important;\n  }\n}\n\n.govuk-\\!-margin-top-6 {\n  margin-top: 20px !important;\n}\n@media (min-width: 40.0625em) {\n  .govuk-\\!-margin-top-6 {\n    margin-top: 30px !important;\n  }\n}\n\n.govuk-\\!-margin-right-6 {\n  margin-right: 20px !important;\n}\n@media (min-width: 40.0625em) {\n  .govuk-\\!-margin-right-6 {\n    margin-right: 30px !important;\n  }\n}\n\n.govuk-\\!-margin-bottom-6 {\n  margin-bottom: 20px !important;\n}\n@media (min-width: 40.0625em) {\n  .govuk-\\!-margin-bottom-6 {\n    margin-bottom: 30px !important;\n  }\n}\n\n.govuk-\\!-margin-left-6 {\n  margin-left: 20px !important;\n}\n@media (min-width: 40.0625em) {\n  .govuk-\\!-margin-left-6 {\n    margin-left: 30px !important;\n  }\n}\n\n.govuk-\\!-margin-7 {\n  margin: 25px !important;\n}\n@media (min-width: 40.0625em) {\n  .govuk-\\!-margin-7 {\n    margin: 40px !important;\n  }\n}\n\n.govuk-\\!-margin-top-7 {\n  margin-top: 25px !important;\n}\n@media (min-width: 40.0625em) {\n  .govuk-\\!-margin-top-7 {\n    margin-top: 40px !important;\n  }\n}\n\n.govuk-\\!-margin-right-7 {\n  margin-right: 25px !important;\n}\n@media (min-width: 40.0625em) {\n  .govuk-\\!-margin-right-7 {\n    margin-right: 40px !important;\n  }\n}\n\n.govuk-\\!-margin-bottom-7 {\n  margin-bottom: 25px !important;\n}\n@media (min-width: 40.0625em) {\n  .govuk-\\!-margin-bottom-7 {\n    margin-bottom: 40px !important;\n  }\n}\n\n.govuk-\\!-margin-left-7 {\n  margin-left: 25px !important;\n}\n@media (min-width: 40.0625em) {\n  .govuk-\\!-margin-left-7 {\n    margin-left: 40px !important;\n  }\n}\n\n.govuk-\\!-margin-8 {\n  margin: 30px !important;\n}\n@media (min-width: 40.0625em) {\n  .govuk-\\!-margin-8 {\n    margin: 50px !important;\n  }\n}\n\n.govuk-\\!-margin-top-8 {\n  margin-top: 30px !important;\n}\n@media (min-width: 40.0625em) {\n  .govuk-\\!-margin-top-8 {\n    margin-top: 50px !important;\n  }\n}\n\n.govuk-\\!-margin-right-8 {\n  margin-right: 30px !important;\n}\n@media (min-width: 40.0625em) {\n  .govuk-\\!-margin-right-8 {\n    margin-right: 50px !important;\n  }\n}\n\n.govuk-\\!-margin-bottom-8 {\n  margin-bottom: 30px !important;\n}\n@media (min-width: 40.0625em) {\n  .govuk-\\!-margin-bottom-8 {\n    margin-bottom: 50px !important;\n  }\n}\n\n.govuk-\\!-margin-left-8 {\n  margin-left: 30px !important;\n}\n@media (min-width: 40.0625em) {\n  .govuk-\\!-margin-left-8 {\n    margin-left: 50px !important;\n  }\n}\n\n.govuk-\\!-margin-9 {\n  margin: 40px !important;\n}\n@media (min-width: 40.0625em) {\n  .govuk-\\!-margin-9 {\n    margin: 60px !important;\n  }\n}\n\n.govuk-\\!-margin-top-9 {\n  margin-top: 40px !important;\n}\n@media (min-width: 40.0625em) {\n  .govuk-\\!-margin-top-9 {\n    margin-top: 60px !important;\n  }\n}\n\n.govuk-\\!-margin-right-9 {\n  margin-right: 40px !important;\n}\n@media (min-width: 40.0625em) {\n  .govuk-\\!-margin-right-9 {\n    margin-right: 60px !important;\n  }\n}\n\n.govuk-\\!-margin-bottom-9 {\n  margin-bottom: 40px !important;\n}\n@media (min-width: 40.0625em) {\n  .govuk-\\!-margin-bottom-9 {\n    margin-bottom: 60px !important;\n  }\n}\n\n.govuk-\\!-margin-left-9 {\n  margin-left: 40px !important;\n}\n@media (min-width: 40.0625em) {\n  .govuk-\\!-margin-left-9 {\n    margin-left: 60px !important;\n  }\n}\n\n.govuk-\\!-padding-0 {\n  padding: 0 !important;\n}\n\n.govuk-\\!-padding-top-0 {\n  padding-top: 0 !important;\n}\n\n.govuk-\\!-padding-right-0 {\n  padding-right: 0 !important;\n}\n\n.govuk-\\!-padding-bottom-0 {\n  padding-bottom: 0 !important;\n}\n\n.govuk-\\!-padding-left-0 {\n  padding-left: 0 !important;\n}\n\n.govuk-\\!-padding-1 {\n  padding: 5px !important;\n}\n\n.govuk-\\!-padding-top-1 {\n  padding-top: 5px !important;\n}\n\n.govuk-\\!-padding-right-1 {\n  padding-right: 5px !important;\n}\n\n.govuk-\\!-padding-bottom-1 {\n  padding-bottom: 5px !important;\n}\n\n.govuk-\\!-padding-left-1 {\n  padding-left: 5px !important;\n}\n\n.govuk-\\!-padding-2 {\n  padding: 10px !important;\n}\n\n.govuk-\\!-padding-top-2 {\n  padding-top: 10px !important;\n}\n\n.govuk-\\!-padding-right-2 {\n  padding-right: 10px !important;\n}\n\n.govuk-\\!-padding-bottom-2 {\n  padding-bottom: 10px !important;\n}\n\n.govuk-\\!-padding-left-2 {\n  padding-left: 10px !important;\n}\n\n.govuk-\\!-padding-3 {\n  padding: 15px !important;\n}\n\n.govuk-\\!-padding-top-3 {\n  padding-top: 15px !important;\n}\n\n.govuk-\\!-padding-right-3 {\n  padding-right: 15px !important;\n}\n\n.govuk-\\!-padding-bottom-3 {\n  padding-bottom: 15px !important;\n}\n\n.govuk-\\!-padding-left-3 {\n  padding-left: 15px !important;\n}\n\n.govuk-\\!-padding-4 {\n  padding: 15px !important;\n}\n@media (min-width: 40.0625em) {\n  .govuk-\\!-padding-4 {\n    padding: 20px !important;\n  }\n}\n\n.govuk-\\!-padding-top-4 {\n  padding-top: 15px !important;\n}\n@media (min-width: 40.0625em) {\n  .govuk-\\!-padding-top-4 {\n    padding-top: 20px !important;\n  }\n}\n\n.govuk-\\!-padding-right-4 {\n  padding-right: 15px !important;\n}\n@media (min-width: 40.0625em) {\n  .govuk-\\!-padding-right-4 {\n    padding-right: 20px !important;\n  }\n}\n\n.govuk-\\!-padding-bottom-4 {\n  padding-bottom: 15px !important;\n}\n@media (min-width: 40.0625em) {\n  .govuk-\\!-padding-bottom-4 {\n    padding-bottom: 20px !important;\n  }\n}\n\n.govuk-\\!-padding-left-4 {\n  padding-left: 15px !important;\n}\n@media (min-width: 40.0625em) {\n  .govuk-\\!-padding-left-4 {\n    padding-left: 20px !important;\n  }\n}\n\n.govuk-\\!-padding-5 {\n  padding: 15px !important;\n}\n@media (min-width: 40.0625em) {\n  .govuk-\\!-padding-5 {\n    padding: 25px !important;\n  }\n}\n\n.govuk-\\!-padding-top-5 {\n  padding-top: 15px !important;\n}\n@media (min-width: 40.0625em) {\n  .govuk-\\!-padding-top-5 {\n    padding-top: 25px !important;\n  }\n}\n\n.govuk-\\!-padding-right-5 {\n  padding-right: 15px !important;\n}\n@media (min-width: 40.0625em) {\n  .govuk-\\!-padding-right-5 {\n    padding-right: 25px !important;\n  }\n}\n\n.govuk-\\!-padding-bottom-5 {\n  padding-bottom: 15px !important;\n}\n@media (min-width: 40.0625em) {\n  .govuk-\\!-padding-bottom-5 {\n    padding-bottom: 25px !important;\n  }\n}\n\n.govuk-\\!-padding-left-5 {\n  padding-left: 15px !important;\n}\n@media (min-width: 40.0625em) {\n  .govuk-\\!-padding-left-5 {\n    padding-left: 25px !important;\n  }\n}\n\n.govuk-\\!-padding-6 {\n  padding: 20px !important;\n}\n@media (min-width: 40.0625em) {\n  .govuk-\\!-padding-6 {\n    padding: 30px !important;\n  }\n}\n\n.govuk-\\!-padding-top-6 {\n  padding-top: 20px !important;\n}\n@media (min-width: 40.0625em) {\n  .govuk-\\!-padding-top-6 {\n    padding-top: 30px !important;\n  }\n}\n\n.govuk-\\!-padding-right-6 {\n  padding-right: 20px !important;\n}\n@media (min-width: 40.0625em) {\n  .govuk-\\!-padding-right-6 {\n    padding-right: 30px !important;\n  }\n}\n\n.govuk-\\!-padding-bottom-6 {\n  padding-bottom: 20px !important;\n}\n@media (min-width: 40.0625em) {\n  .govuk-\\!-padding-bottom-6 {\n    padding-bottom: 30px !important;\n  }\n}\n\n.govuk-\\!-padding-left-6 {\n  padding-left: 20px !important;\n}\n@media (min-width: 40.0625em) {\n  .govuk-\\!-padding-left-6 {\n    padding-left: 30px !important;\n  }\n}\n\n.govuk-\\!-padding-7 {\n  padding: 25px !important;\n}\n@media (min-width: 40.0625em) {\n  .govuk-\\!-padding-7 {\n    padding: 40px !important;\n  }\n}\n\n.govuk-\\!-padding-top-7 {\n  padding-top: 25px !important;\n}\n@media (min-width: 40.0625em) {\n  .govuk-\\!-padding-top-7 {\n    padding-top: 40px !important;\n  }\n}\n\n.govuk-\\!-padding-right-7 {\n  padding-right: 25px !important;\n}\n@media (min-width: 40.0625em) {\n  .govuk-\\!-padding-right-7 {\n    padding-right: 40px !important;\n  }\n}\n\n.govuk-\\!-padding-bottom-7 {\n  padding-bottom: 25px !important;\n}\n@media (min-width: 40.0625em) {\n  .govuk-\\!-padding-bottom-7 {\n    padding-bottom: 40px !important;\n  }\n}\n\n.govuk-\\!-padding-left-7 {\n  padding-left: 25px !important;\n}\n@media (min-width: 40.0625em) {\n  .govuk-\\!-padding-left-7 {\n    padding-left: 40px !important;\n  }\n}\n\n.govuk-\\!-padding-8 {\n  padding: 30px !important;\n}\n@media (min-width: 40.0625em) {\n  .govuk-\\!-padding-8 {\n    padding: 50px !important;\n  }\n}\n\n.govuk-\\!-padding-top-8 {\n  padding-top: 30px !important;\n}\n@media (min-width: 40.0625em) {\n  .govuk-\\!-padding-top-8 {\n    padding-top: 50px !important;\n  }\n}\n\n.govuk-\\!-padding-right-8 {\n  padding-right: 30px !important;\n}\n@media (min-width: 40.0625em) {\n  .govuk-\\!-padding-right-8 {\n    padding-right: 50px !important;\n  }\n}\n\n.govuk-\\!-padding-bottom-8 {\n  padding-bottom: 30px !important;\n}\n@media (min-width: 40.0625em) {\n  .govuk-\\!-padding-bottom-8 {\n    padding-bottom: 50px !important;\n  }\n}\n\n.govuk-\\!-padding-left-8 {\n  padding-left: 30px !important;\n}\n@media (min-width: 40.0625em) {\n  .govuk-\\!-padding-left-8 {\n    padding-left: 50px !important;\n  }\n}\n\n.govuk-\\!-padding-9 {\n  padding: 40px !important;\n}\n@media (min-width: 40.0625em) {\n  .govuk-\\!-padding-9 {\n    padding: 60px !important;\n  }\n}\n\n.govuk-\\!-padding-top-9 {\n  padding-top: 40px !important;\n}\n@media (min-width: 40.0625em) {\n  .govuk-\\!-padding-top-9 {\n    padding-top: 60px !important;\n  }\n}\n\n.govuk-\\!-padding-right-9 {\n  padding-right: 40px !important;\n}\n@media (min-width: 40.0625em) {\n  .govuk-\\!-padding-right-9 {\n    padding-right: 60px !important;\n  }\n}\n\n.govuk-\\!-padding-bottom-9 {\n  padding-bottom: 40px !important;\n}\n@media (min-width: 40.0625em) {\n  .govuk-\\!-padding-bottom-9 {\n    padding-bottom: 60px !important;\n  }\n}\n\n.govuk-\\!-padding-left-9 {\n  padding-left: 40px !important;\n}\n@media (min-width: 40.0625em) {\n  .govuk-\\!-padding-left-9 {\n    padding-left: 60px !important;\n  }\n}\n\n.govuk-\\!-static-margin-0 {\n  margin: 0 !important;\n}\n\n.govuk-\\!-static-margin-top-0 {\n  margin-top: 0 !important;\n}\n\n.govuk-\\!-static-margin-right-0 {\n  margin-right: 0 !important;\n}\n\n.govuk-\\!-static-margin-bottom-0 {\n  margin-bottom: 0 !important;\n}\n\n.govuk-\\!-static-margin-left-0 {\n  margin-left: 0 !important;\n}\n\n.govuk-\\!-static-margin-1 {\n  margin: 5px !important;\n}\n\n.govuk-\\!-static-margin-top-1 {\n  margin-top: 5px !important;\n}\n\n.govuk-\\!-static-margin-right-1 {\n  margin-right: 5px !important;\n}\n\n.govuk-\\!-static-margin-bottom-1 {\n  margin-bottom: 5px !important;\n}\n\n.govuk-\\!-static-margin-left-1 {\n  margin-left: 5px !important;\n}\n\n.govuk-\\!-static-margin-2 {\n  margin: 10px !important;\n}\n\n.govuk-\\!-static-margin-top-2 {\n  margin-top: 10px !important;\n}\n\n.govuk-\\!-static-margin-right-2 {\n  margin-right: 10px !important;\n}\n\n.govuk-\\!-static-margin-bottom-2 {\n  margin-bottom: 10px !important;\n}\n\n.govuk-\\!-static-margin-left-2 {\n  margin-left: 10px !important;\n}\n\n.govuk-\\!-static-margin-3 {\n  margin: 15px !important;\n}\n\n.govuk-\\!-static-margin-top-3 {\n  margin-top: 15px !important;\n}\n\n.govuk-\\!-static-margin-right-3 {\n  margin-right: 15px !important;\n}\n\n.govuk-\\!-static-margin-bottom-3 {\n  margin-bottom: 15px !important;\n}\n\n.govuk-\\!-static-margin-left-3 {\n  margin-left: 15px !important;\n}\n\n.govuk-\\!-static-margin-4 {\n  margin: 20px !important;\n}\n\n.govuk-\\!-static-margin-top-4 {\n  margin-top: 20px !important;\n}\n\n.govuk-\\!-static-margin-right-4 {\n  margin-right: 20px !important;\n}\n\n.govuk-\\!-static-margin-bottom-4 {\n  margin-bottom: 20px !important;\n}\n\n.govuk-\\!-static-margin-left-4 {\n  margin-left: 20px !important;\n}\n\n.govuk-\\!-static-margin-5 {\n  margin: 25px !important;\n}\n\n.govuk-\\!-static-margin-top-5 {\n  margin-top: 25px !important;\n}\n\n.govuk-\\!-static-margin-right-5 {\n  margin-right: 25px !important;\n}\n\n.govuk-\\!-static-margin-bottom-5 {\n  margin-bottom: 25px !important;\n}\n\n.govuk-\\!-static-margin-left-5 {\n  margin-left: 25px !important;\n}\n\n.govuk-\\!-static-margin-6 {\n  margin: 30px !important;\n}\n\n.govuk-\\!-static-margin-top-6 {\n  margin-top: 30px !important;\n}\n\n.govuk-\\!-static-margin-right-6 {\n  margin-right: 30px !important;\n}\n\n.govuk-\\!-static-margin-bottom-6 {\n  margin-bottom: 30px !important;\n}\n\n.govuk-\\!-static-margin-left-6 {\n  margin-left: 30px !important;\n}\n\n.govuk-\\!-static-margin-7 {\n  margin: 40px !important;\n}\n\n.govuk-\\!-static-margin-top-7 {\n  margin-top: 40px !important;\n}\n\n.govuk-\\!-static-margin-right-7 {\n  margin-right: 40px !important;\n}\n\n.govuk-\\!-static-margin-bottom-7 {\n  margin-bottom: 40px !important;\n}\n\n.govuk-\\!-static-margin-left-7 {\n  margin-left: 40px !important;\n}\n\n.govuk-\\!-static-margin-8 {\n  margin: 50px !important;\n}\n\n.govuk-\\!-static-margin-top-8 {\n  margin-top: 50px !important;\n}\n\n.govuk-\\!-static-margin-right-8 {\n  margin-right: 50px !important;\n}\n\n.govuk-\\!-static-margin-bottom-8 {\n  margin-bottom: 50px !important;\n}\n\n.govuk-\\!-static-margin-left-8 {\n  margin-left: 50px !important;\n}\n\n.govuk-\\!-static-margin-9 {\n  margin: 60px !important;\n}\n\n.govuk-\\!-static-margin-top-9 {\n  margin-top: 60px !important;\n}\n\n.govuk-\\!-static-margin-right-9 {\n  margin-right: 60px !important;\n}\n\n.govuk-\\!-static-margin-bottom-9 {\n  margin-bottom: 60px !important;\n}\n\n.govuk-\\!-static-margin-left-9 {\n  margin-left: 60px !important;\n}\n\n.govuk-\\!-static-padding-0 {\n  padding: 0 !important;\n}\n\n.govuk-\\!-static-padding-top-0 {\n  padding-top: 0 !important;\n}\n\n.govuk-\\!-static-padding-right-0 {\n  padding-right: 0 !important;\n}\n\n.govuk-\\!-static-padding-bottom-0 {\n  padding-bottom: 0 !important;\n}\n\n.govuk-\\!-static-padding-left-0 {\n  padding-left: 0 !important;\n}\n\n.govuk-\\!-static-padding-1 {\n  padding: 5px !important;\n}\n\n.govuk-\\!-static-padding-top-1 {\n  padding-top: 5px !important;\n}\n\n.govuk-\\!-static-padding-right-1 {\n  padding-right: 5px !important;\n}\n\n.govuk-\\!-static-padding-bottom-1 {\n  padding-bottom: 5px !important;\n}\n\n.govuk-\\!-static-padding-left-1 {\n  padding-left: 5px !important;\n}\n\n.govuk-\\!-static-padding-2 {\n  padding: 10px !important;\n}\n\n.govuk-\\!-static-padding-top-2 {\n  padding-top: 10px !important;\n}\n\n.govuk-\\!-static-padding-right-2 {\n  padding-right: 10px !important;\n}\n\n.govuk-\\!-static-padding-bottom-2 {\n  padding-bottom: 10px !important;\n}\n\n.govuk-\\!-static-padding-left-2 {\n  padding-left: 10px !important;\n}\n\n.govuk-\\!-static-padding-3 {\n  padding: 15px !important;\n}\n\n.govuk-\\!-static-padding-top-3 {\n  padding-top: 15px !important;\n}\n\n.govuk-\\!-static-padding-right-3 {\n  padding-right: 15px !important;\n}\n\n.govuk-\\!-static-padding-bottom-3 {\n  padding-bottom: 15px !important;\n}\n\n.govuk-\\!-static-padding-left-3 {\n  padding-left: 15px !important;\n}\n\n.govuk-\\!-static-padding-4 {\n  padding: 20px !important;\n}\n\n.govuk-\\!-static-padding-top-4 {\n  padding-top: 20px !important;\n}\n\n.govuk-\\!-static-padding-right-4 {\n  padding-right: 20px !important;\n}\n\n.govuk-\\!-static-padding-bottom-4 {\n  padding-bottom: 20px !important;\n}\n\n.govuk-\\!-static-padding-left-4 {\n  padding-left: 20px !important;\n}\n\n.govuk-\\!-static-padding-5 {\n  padding: 25px !important;\n}\n\n.govuk-\\!-static-padding-top-5 {\n  padding-top: 25px !important;\n}\n\n.govuk-\\!-static-padding-right-5 {\n  padding-right: 25px !important;\n}\n\n.govuk-\\!-static-padding-bottom-5 {\n  padding-bottom: 25px !important;\n}\n\n.govuk-\\!-static-padding-left-5 {\n  padding-left: 25px !important;\n}\n\n.govuk-\\!-static-padding-6 {\n  padding: 30px !important;\n}\n\n.govuk-\\!-static-padding-top-6 {\n  padding-top: 30px !important;\n}\n\n.govuk-\\!-static-padding-right-6 {\n  padding-right: 30px !important;\n}\n\n.govuk-\\!-static-padding-bottom-6 {\n  padding-bottom: 30px !important;\n}\n\n.govuk-\\!-static-padding-left-6 {\n  padding-left: 30px !important;\n}\n\n.govuk-\\!-static-padding-7 {\n  padding: 40px !important;\n}\n\n.govuk-\\!-static-padding-top-7 {\n  padding-top: 40px !important;\n}\n\n.govuk-\\!-static-padding-right-7 {\n  padding-right: 40px !important;\n}\n\n.govuk-\\!-static-padding-bottom-7 {\n  padding-bottom: 40px !important;\n}\n\n.govuk-\\!-static-padding-left-7 {\n  padding-left: 40px !important;\n}\n\n.govuk-\\!-static-padding-8 {\n  padding: 50px !important;\n}\n\n.govuk-\\!-static-padding-top-8 {\n  padding-top: 50px !important;\n}\n\n.govuk-\\!-static-padding-right-8 {\n  padding-right: 50px !important;\n}\n\n.govuk-\\!-static-padding-bottom-8 {\n  padding-bottom: 50px !important;\n}\n\n.govuk-\\!-static-padding-left-8 {\n  padding-left: 50px !important;\n}\n\n.govuk-\\!-static-padding-9 {\n  padding: 60px !important;\n}\n\n.govuk-\\!-static-padding-top-9 {\n  padding-top: 60px !important;\n}\n\n.govuk-\\!-static-padding-right-9 {\n  padding-right: 60px !important;\n}\n\n.govuk-\\!-static-padding-bottom-9 {\n  padding-bottom: 60px !important;\n}\n\n.govuk-\\!-static-padding-left-9 {\n  padding-left: 60px !important;\n}\n\n.govuk-\\!-text-align-left {\n  text-align: left !important;\n}\n\n.govuk-\\!-text-align-centre {\n  text-align: center !important;\n}\n\n.govuk-\\!-text-align-right {\n  text-align: right !important;\n}\n\n.govuk-\\!-font-size-80 {\n  font-size: 3.3125rem !important;\n  line-height: 1.0377358491 !important;\n}\n@media (min-width: 40.0625em) {\n  .govuk-\\!-font-size-80 {\n    font-size: 5rem !important;\n    line-height: 1 !important;\n  }\n}\n@media print {\n  .govuk-\\!-font-size-80 {\n    font-size: 53pt !important;\n    line-height: 1.1 !important;\n  }\n}\n\n.govuk-\\!-font-size-48 {\n  font-size: 2rem !important;\n  line-height: 1.09375 !important;\n}\n@media (min-width: 40.0625em) {\n  .govuk-\\!-font-size-48 {\n    font-size: 3rem !important;\n    line-height: 1.0416666667 !important;\n  }\n}\n@media print {\n  .govuk-\\!-font-size-48 {\n    font-size: 32pt !important;\n    line-height: 1.15 !important;\n  }\n}\n\n.govuk-\\!-font-size-36 {\n  font-size: 1.5rem !important;\n  line-height: 1.0416666667 !important;\n}\n@media (min-width: 40.0625em) {\n  .govuk-\\!-font-size-36 {\n    font-size: 2.25rem !important;\n    line-height: 1.1111111111 !important;\n  }\n}\n@media print {\n  .govuk-\\!-font-size-36 {\n    font-size: 24pt !important;\n    line-height: 1.05 !important;\n  }\n}\n\n.govuk-\\!-font-size-27 {\n  font-size: 1.125rem !important;\n  line-height: 1.1111111111 !important;\n}\n@media (min-width: 40.0625em) {\n  .govuk-\\!-font-size-27 {\n    font-size: 1.6875rem !important;\n    line-height: 1.1111111111 !important;\n  }\n}\n@media print {\n  .govuk-\\!-font-size-27 {\n    font-size: 18pt !important;\n    line-height: 1.15 !important;\n  }\n}\n\n.govuk-\\!-font-size-24 {\n  font-size: 1.125rem !important;\n  line-height: 1.1111111111 !important;\n}\n@media (min-width: 40.0625em) {\n  .govuk-\\!-font-size-24 {\n    font-size: 1.5rem !important;\n    line-height: 1.25 !important;\n  }\n}\n@media print {\n  .govuk-\\!-font-size-24 {\n    font-size: 18pt !important;\n    line-height: 1.15 !important;\n  }\n}\n\n.govuk-\\!-font-size-19 {\n  font-size: 1rem !important;\n  line-height: 1.25 !important;\n}\n@media (min-width: 40.0625em) {\n  .govuk-\\!-font-size-19 {\n    font-size: 1.1875rem !important;\n    line-height: 1.3157894737 !important;\n  }\n}\n@media print {\n  .govuk-\\!-font-size-19 {\n    font-size: 14pt !important;\n    line-height: 1.15 !important;\n  }\n}\n\n.govuk-\\!-font-size-16 {\n  font-size: 0.875rem !important;\n  line-height: 1.1428571429 !important;\n}\n@media (min-width: 40.0625em) {\n  .govuk-\\!-font-size-16 {\n    font-size: 1rem !important;\n    line-height: 1.25 !important;\n  }\n}\n@media print {\n  .govuk-\\!-font-size-16 {\n    font-size: 14pt !important;\n    line-height: 1.2 !important;\n  }\n}\n\n.govuk-\\!-font-size-14 {\n  font-size: 0.75rem !important;\n  line-height: 1.25 !important;\n}\n@media (min-width: 40.0625em) {\n  .govuk-\\!-font-size-14 {\n    font-size: 0.875rem !important;\n    line-height: 1.4285714286 !important;\n  }\n}\n@media print {\n  .govuk-\\!-font-size-14 {\n    font-size: 12pt !important;\n    line-height: 1.2 !important;\n  }\n}\n\n.govuk-\\!-font-weight-regular {\n  font-weight: 400 !important;\n}\n\n.govuk-\\!-font-weight-bold {\n  font-weight: 700 !important;\n}\n\n.govuk-\\!-font-tabular-numbers {\n  font-variant-numeric: tabular-nums !important;\n}\n\n.govuk-\\!-text-break-word {\n  word-wrap: break-word !important;\n  overflow-wrap: break-word !important;\n}\n\n.govuk-\\!-width-full {\n  width: 100% !important;\n}\n\n.govuk-\\!-width-three-quarters {\n  width: 100% !important;\n}\n@media (min-width: 40.0625em) {\n  .govuk-\\!-width-three-quarters {\n    width: 75% !important;\n  }\n}\n\n.govuk-\\!-width-two-thirds {\n  width: 100% !important;\n}\n@media (min-width: 40.0625em) {\n  .govuk-\\!-width-two-thirds {\n    width: 66.66% !important;\n  }\n}\n\n.govuk-\\!-width-one-half {\n  width: 100% !important;\n}\n@media (min-width: 40.0625em) {\n  .govuk-\\!-width-one-half {\n    width: 50% !important;\n  }\n}\n\n.govuk-\\!-width-one-third {\n  width: 100% !important;\n}\n@media (min-width: 40.0625em) {\n  .govuk-\\!-width-one-third {\n    width: 33.33% !important;\n  }\n}\n\n.govuk-\\!-width-one-quarter {\n  width: 100% !important;\n}\n@media (min-width: 40.0625em) {\n  .govuk-\\!-width-one-quarter {\n    width: 25% !important;\n  }\n}",":root {\n  // This variable is automatically overwritten during builds and releases.\n  // It doesn't need to be updated manually.\n  --govuk-frontend-version: \"development\";\n\n  // CSS custom property for each breakpoint\n  @each $name, $value in $govuk-breakpoints {\n    --govuk-breakpoint-#{$name}: #{govuk-px-to-rem($value)};\n\n    // Deprecated, use `--govuk-breakpoint-[name]` instead\n    --govuk-frontend-breakpoint-#{$name}: var(--govuk-breakpoint-#{$name});\n  }\n}\n","@include govuk-exports(\"govuk/core/links\") {\n  %govuk-link {\n    @include govuk-link-common;\n    @include govuk-link-style-default;\n    @include govuk-link-print-friendly;\n  }\n\n  .govuk-link {\n    @extend %govuk-link;\n  }\n\n  // Variant classes should always be used in conjunction with the .govuk-link\n  // class, so we do not need the common link styles as they will be inherited.\n\n  .govuk-link--muted {\n    @include govuk-link-style-muted;\n  }\n\n  .govuk-link--text-colour {\n    @include govuk-link-style-text;\n  }\n\n  .govuk-link--inverse {\n    @include govuk-link-style-inverse;\n  }\n\n  .govuk-link--no-underline {\n    @include govuk-link-style-no-underline;\n  }\n\n  .govuk-link--no-visited-state {\n    @include govuk-link-style-no-visited-state;\n  }\n\n  // Links that only contain images\n\n  .govuk-link-image {\n    @include govuk-link-image;\n  }\n}\n","////\n/// @group helpers/typography\n////\n\n@import \"../tools/px-to-rem\";\n\n/// 'Common typography' helper\n///\n/// Sets the font family and associated properties, such as font smoothing. Also\n/// overrides the font for print.\n///\n/// @param {List} $font-family [$govuk-font-family] Font family to use\n/// @access public\n\n@mixin govuk-typography-common($font-family: $govuk-font-family) {\n  font-family: $font-family;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n\n  // If the user is using the default GDS Transport font we need to include\n  // the font-face declarations.\n  @if $govuk-include-default-font-face {\n    @include _govuk-font-face-gds-transport;\n  }\n\n  @include govuk-media-query($media-type: print) {\n    font-family: $govuk-font-family-print;\n  }\n}\n\n/// Text colour helper\n///\n/// Sets the text colour, including a suitable override for print.\n///\n/// @access public\n\n@mixin govuk-text-colour {\n  color: $govuk-text-colour;\n\n  @include govuk-media-query($media-type: print) {\n    color: $govuk-print-text-colour;\n  }\n}\n\n/// Regular font weight helper\n///\n/// @param {Boolean} $important [false] - Whether to mark declarations as\n///   `!important`. Generally Used to create override classes.\n/// @access public\n\n@mixin govuk-typography-weight-regular($important: false) {\n  font-weight: $govuk-font-weight-regular if($important, !important, null);\n}\n\n/// Bold font weight helper\n///\n/// @param {Boolean} $important [false] - Whether to mark declarations as\n///   `!important`. Generally Used to create override classes.\n/// @access public\n\n@mixin govuk-typography-weight-bold($important: false) {\n  font-weight: $govuk-font-weight-bold if($important, !important, null);\n}\n\n/// Tabular number helper\n///\n/// Switches numerical glyphs (0–9) to use alternative forms with a\n/// monospaced bounding box. This ensures that columns of numbers, such\n/// as those in tables, remain horizontally aligned with one another.\n/// This also has the useful side effect of making numbers more legible\n/// in some situations, such as reference codes, as the numbers are more\n/// distinct and visually separated from one another.\n///\n/// @param {Boolean} $important [false] - Whether to mark declarations as\n///   `!important`. Generally Used to create override classes.\n/// @access public\n\n@mixin govuk-font-tabular-numbers($important: false) {\n  font-variant-numeric: tabular-nums if($important, !important, null);\n}\n\n/// Word break helper\n///\n/// Forcibly breaks long words that lack spaces, such as email addresses,\n/// across multiple lines when they wouldn't otherwise fit.\n///\n/// @param {Boolean} $important [false] - Whether to mark declarations as\n///   `!important`. Generally used to create override classes.\n/// @access public\n\n@mixin govuk-text-break-word($important: false) {\n  // IE 11 and Edge 16–17 only support the non-standard `word-wrap` property\n  word-wrap: break-word if($important, !important, null);\n\n  // All other browsers support `overflow-wrap`\n  overflow-wrap: break-word if($important, !important, null);\n}\n\n/// Convert line-heights specified in pixels into a relative value, unless\n/// they are already unit-less (and thus already treated as relative values)\n/// or the units do not match the units used for the font size.\n///\n/// @param {Number} $line-height Line height\n/// @param {Number} $font-size Font size\n/// @return {Number} The line height as either a relative value or unmodified\n///\n/// @access private\n\n@function _govuk-line-height($line-height, $font-size) {\n  @if not unitless($line-height) and unit($line-height) == unit($font-size) {\n    $line-height: $line-height / $font-size;\n  }\n\n  @return $line-height;\n}\n\n/// Font size and line height helper\n///\n/// @param {Number} $size - Point from the type scale (the size as it would\n///   appear on tablet and above)\n/// @param {Number} $override-line-height [false] - Non responsive custom line\n///   height. Omit to use the line height from the font map.\n/// @param {Boolean} $important [false] - Whether to mark declarations as\n///   `!important`.\n///\n/// @throw if `$size` is not a valid point from the type scale\n///\n/// @access public\n///\n/// @alias govuk-font-size\n/// @deprecated Use `govuk-font-size` instead\n\n@mixin govuk-typography-responsive($size, $override-line-height: false, $important: false) {\n  @include _warning(\n    \"govuk-typography-responsive\",\n    \"govuk-typography-responsive is deprecated. Use govuk-font-size instead.\"\n  );\n  @include govuk-font-size($size, $override-line-height, $important);\n}\n\n/// Font size and line height helper\n///\n/// Takes a point from the responsive 'font map' as an argument (the size as it\n/// would appear on tablet and above), and uses it to create font-size and\n/// line-height declarations for different breakpoints, and print.\n///\n/// Example font map:\n///\n/// ```scss\n/// 19: (\n///   null: (\n///     font-size: 16px,\n///     line-height: 20px\n///   ),\n///   tablet: (\n///     font-size: 19px,\n///     line-height: 25px\n///   ),\n///   print: (\n///     font-size: 14pt,\n///     line-height: 1.15\n///   )\n/// );\n/// ```\n///\n/// @param {Number | String} $size - Point from the type scale (the size as\n///   it would appear on tablet and above)\n/// @param {Number} $line-height [false] - Non responsive custom line\n///   height. Omit to use the line height from the font map.\n/// @param {Boolean} $important [false] - Whether to mark declarations as\n///   `!important`.\n///\n/// @throw if `$size` is not a valid point from the type scale\n///\n/// @access public\n\n@mixin govuk-font-size($size, $line-height: false, $important: false) {\n  // Flag font sizes that start with underscores so we can suppress warnings on\n  // deprecated sizes used internally, for example `govuk-font($size: \"_14\")`\n  $size-internal-use-only: str-slice(#{$size}, 1, 1) == \"_\";\n\n  // Remove underscore from font sizes flagged for internal use\n  @if $size-internal-use-only {\n    $size: str-slice(#{$size}, 2);\n  }\n\n  // Check for a font map exactly matching the given size\n  $font-map: map-get($govuk-typography-scale, $size);\n\n  // No match? Try with string type (e.g. $size: \"16\" not 16)\n  @if not $font-map {\n    @each $font-size in map-keys($govuk-typography-scale) {\n      @if not $font-map and \"#{$font-size}\" == \"#{$size}\" {\n        $font-map: map-get($govuk-typography-scale, $font-size);\n      }\n    }\n  }\n\n  // Still no match? Throw error\n  @if not $font-map {\n    @error \"Unknown font size `#{$size}` - expected a point from the type scale.\";\n  }\n\n  // Check for a deprecation within the type scale\n  $deprecation: map-get($font-map, \"deprecation\");\n\n  @if $deprecation {\n    // Warn on deprecated font sizes unless flagged for internal use\n    @if not $size-internal-use-only {\n      @include _warning(map-get($deprecation, \"key\"), map-get($deprecation, \"message\"));\n    }\n\n    // remove the deprecation map keys so they do not break the breakpoint loop\n    $font-map: map-remove($font-map, \"deprecation\");\n  }\n\n  @each $breakpoint, $breakpoint-map in $font-map {\n    $font-size: map-get($breakpoint-map, \"font-size\");\n    $font-size-rem: govuk-px-to-rem($font-size);\n\n    // $calculated-line-height is a separate variable from $line-height,\n    // as otherwise the value would get redefined with each loop and\n    // eventually break _govuk-line-height.\n    //\n    // We continue to call the param $line-height to stay consistent with the\n    // naming with govuk-font.\n    $calculated-line-height: _govuk-line-height(\n      $line-height: if($line-height, $line-height, map-get($breakpoint-map, \"line-height\")),\n      $font-size: $font-size\n    );\n\n    // Mark rules as !important if $important is true - this will result in\n    // these variables becoming strings, so this needs to happen *after* they\n    // are used in calculations\n    $font-size: $font-size if($important, !important, null);\n    $font-size-rem: $font-size-rem if($important, !important, null);\n    $calculated-line-height: $calculated-line-height if($important, !important, null);\n\n    @if not $breakpoint {\n      font-size: $font-size-rem;\n      line-height: $calculated-line-height;\n    } @else if $breakpoint == \"print\" {\n      @include govuk-media-query($media-type: print) {\n        font-size: $font-size;\n        line-height: $calculated-line-height;\n      }\n    } @else {\n      @include govuk-media-query($from: $breakpoint) {\n        font-size: $font-size-rem;\n        line-height: $calculated-line-height;\n      }\n    }\n  }\n}\n\n/// Font helper\n///\n/// @param {Number | Boolean | String} $size Point from the type scale (the\n///   size as it would appear on tablet and above). Use `false` to avoid setting\n///   a size.\n/// @param {String} $weight [regular] - Weight: `bold` or `regular`\n/// @param {Boolean} $tabular [false] - Whether to use tabular numbers or not\n/// @param {Number} $line-height [false] - Line-height, if overriding the\n///   default\n///\n/// @throw if `$size` is not a valid point from the type scale (or false)\n///\n/// @access public\n\n@mixin govuk-font($size, $weight: regular, $tabular: false, $line-height: false) {\n  @include govuk-typography-common;\n\n  @if $tabular {\n    @include govuk-font-tabular-numbers;\n  }\n\n  @if $weight == regular {\n    @include govuk-typography-weight-regular;\n  } @else if $weight == bold {\n    @include govuk-typography-weight-bold;\n  }\n\n  @if $size {\n    @include govuk-font-size($size, $line-height);\n  }\n}\n","////\n/// @group settings/typography\n////\n\n// =========================================================\n// Font families\n// =========================================================\n\n/// Font families to use for all typography on screen media\n///\n/// @type List\n/// @access public\n\n$govuk-font-family: \"GDS Transport\", arial, sans-serif !default;\n\n/// Font families to use for print media\n///\n/// We recommend that you use system fonts when printing. This will avoid issues\n/// with some printer drivers and operating systems.\n///\n/// @type List\n/// @access public\n\n$govuk-font-family-print: sans-serif !default;\n\n/// Include the default @font-face declarations\n///\n/// Defaults to true if \"GDS Transport\" appears in the $govuk-font-family\n/// setting.\n///\n/// @type Boolean\n/// @access public\n\n$govuk-include-default-font-face: if(index($govuk-font-family, \"GDS Transport\"), true, false) !default;\n\n// =========================================================\n// Font weights\n// =========================================================\n\n/// Font weight for regular typography\n///\n/// @type Number\n/// @access public\n$govuk-font-weight-regular: 400 !default;\n\n/// Font weight for bold typography\n///\n/// @type Number\n/// @access public\n$govuk-font-weight-bold: 700 !default;\n","////\n/// @group helpers/links\n////\n\n/// Common link styles\n///\n/// Provides the typography and focus state, regardless of link style.\n///\n/// @access public\n\n@mixin govuk-link-common {\n  @include govuk-typography-common;\n  @include govuk-link-decoration;\n\n  &:hover {\n    @include govuk-link-hover-decoration;\n  }\n\n  &:focus {\n    @include govuk-focused-text;\n  }\n}\n\n/// Link decoration\n///\n/// Provides the text decoration for links, including thickness and underline\n/// offset. Use this mixin only if you cannot use the `govuk-link-common` mixin.\n///\n/// @access public\n@mixin govuk-link-decoration {\n  text-decoration: underline;\n\n  @if $govuk-link-underline-thickness {\n    text-decoration-thickness: $govuk-link-underline-thickness;\n  }\n\n  @if $govuk-link-underline-offset {\n    text-underline-offset: $govuk-link-underline-offset;\n  }\n}\n\n/// Link hover decoration\n///\n/// Provides the text decoration for links in their hover state, for you to use\n/// within a `:hover` pseudo-selector. Use this mixin only if you cannot use the\n/// `govuk-link-common` mixin.\n///\n/// @access public\n\n@mixin govuk-link-hover-decoration {\n  @if $govuk-link-hover-underline-thickness {\n    text-decoration-thickness: $govuk-link-hover-underline-thickness;\n    // Disable ink skipping on underlines on hover. Browsers haven't\n    // standardised on this part of the spec yet, so set both properties\n    text-decoration-skip-ink: none; // Chromium, Firefox\n    text-decoration-skip: none; // Safari\n  }\n}\n\n/// Default link styles\n///\n/// Makes links use the default unvisited, visited, hover and active colours.\n///\n/// If you use this mixin in a component, you must also include the\n/// `govuk-link-common` mixin to get the correct focus and hover states.\n///\n/// @example scss\n///   .govuk-component__link {\n///     @include govuk-link-common;\n///     @include govuk-link-style-default;\n///   }\n///\n/// @access public\n\n@mixin govuk-link-style-default {\n  &:link {\n    color: $govuk-link-colour;\n  }\n\n  &:visited {\n    color: $govuk-link-visited-colour;\n  }\n\n  &:hover {\n    color: $govuk-link-hover-colour;\n  }\n\n  &:active {\n    color: $govuk-link-active-colour;\n  }\n\n  // When focussed, the text colour needs to be darker to ensure that colour\n  // contrast is still acceptable\n  &:focus {\n    color: $govuk-focus-text-colour;\n  }\n}\n\n/// Error link styles\n///\n/// Makes links use the error colour. The link will darken if it's active or a\n/// user hovers their cursor over it.\n///\n/// If you use this mixin in a component, you must also include the\n/// `govuk-link-common` mixin to get the correct focus and hover states.\n///\n/// @example scss\n///   .govuk-component__link {\n///     @include govuk-link-common;\n///     @include govuk-link-style-error;\n///   }\n///\n/// @access public\n\n@mixin govuk-link-style-error {\n  &:link,\n  &:visited {\n    color: $govuk-error-colour;\n  }\n\n  &:hover {\n    color: scale-color($govuk-error-colour, $lightness: -30%);\n  }\n\n  &:active {\n    color: $govuk-error-colour;\n  }\n\n  // When focussed, the text colour needs to be darker to ensure that colour\n  // contrast is still acceptable\n  &:focus {\n    color: $govuk-focus-text-colour;\n  }\n}\n\n/// Success link styles\n///\n/// Makes links use the success colour. The link will darken if it's active or a\n/// user hovers their cursor over it.\n///\n/// If you use this mixin in a component, you must also include the\n/// `govuk-link-common` mixin to get the correct focus and hover states.\n///\n/// @example scss\n///   .govuk-component__link {\n///     @include govuk-link-common;\n///     @include govuk-link-style-success;\n///   }\n///\n/// @access public\n\n@mixin govuk-link-style-success {\n  &:link,\n  &:visited {\n    color: $govuk-success-colour;\n  }\n\n  &:hover {\n    color: scale-color($govuk-success-colour, $lightness: -30%);\n  }\n\n  &:active {\n    color: $govuk-success-colour;\n  }\n\n  // When focussed, the text colour needs to be darker to ensure that colour\n  // contrast is still acceptable\n  &:focus {\n    color: $govuk-focus-text-colour;\n  }\n}\n\n/// Muted link styles\n///\n/// Makes links use the secondary text colour. The link will darken if it's\n/// active or a user hovers their cursor over it.\n///\n/// If you use this mixin in a component, you must also include the\n/// `govuk-link-common` mixin to get the correct focus and hover states.\n///\n/// @example scss\n///   .govuk-component__link {\n///     @include govuk-link-common;\n///     @include govuk-link-style-muted;\n///   }\n///\n/// @access public\n\n@mixin govuk-link-style-muted {\n  &:link,\n  &:visited {\n    color: $govuk-secondary-text-colour;\n  }\n\n  &:hover,\n  &:active {\n    color: $govuk-text-colour;\n  }\n\n  // When focussed, the text colour needs to be darker to ensure that colour\n  // contrast is still acceptable\n  &:focus {\n    color: $govuk-focus-text-colour;\n  }\n}\n\n/// Text link styles\n///\n/// Makes links use the primary text colour, in all states. Use this mixin for\n/// navigation components, such as breadcrumbs or the back link.\n///\n/// If you use this mixin in a component, you must also include the\n/// `govuk-link-common` mixin to get the correct focus and hover states.\n///\n/// @example scss\n///   .govuk-component__link {\n///     @include govuk-link-common;\n///     @include govuk-link-style-text;\n///   }\n///\n/// @access public\n\n@mixin govuk-link-style-text {\n  &:link,\n  &:visited {\n    @include govuk-text-colour;\n  }\n\n  // Force a colour change on hover to work around a bug in Safari\n  // https://webkit.org/b/224483\n  &:hover {\n    @if type-of($govuk-text-colour) == color {\n      color: rgba($govuk-text-colour, 0.99);\n    }\n  }\n\n  &:active,\n  &:focus {\n    @include govuk-text-colour;\n  }\n}\n\n/// Inverse link styles\n///\n/// Makes links white, in all states. Use this mixin if you're displaying links\n/// against a dark background.\n///\n/// If you use this mixin in a component, you must also include the\n/// `govuk-link-common` mixin to get the correct focus and hover states.\n///\n/// @example scss\n///   .govuk-component__link {\n///     @include govuk-link-common;\n///     @include govuk-link-style-inverse;\n///   }\n///\n/// @access public\n\n@mixin govuk-link-style-inverse {\n  &:link,\n  &:visited {\n    color: govuk-colour(\"white\");\n  }\n\n  // Force a colour change on hover to work around a bug in Safari\n  // https://webkit.org/b/224483\n  &:hover,\n  &:active {\n    color: rgba(govuk-colour(\"white\"), 0.99);\n  }\n\n  &:focus {\n    color: $govuk-focus-text-colour;\n  }\n}\n\n/// Default link styles, without a visited state\n///\n/// Makes links use the default unvisited, hover and active colours, with no\n/// distinct visited state.\n///\n/// Use this mixin when it's not helpful to distinguish between visited and\n/// non-visited links. For example, when you link to pages with\n/// frequently-changing content, such as the dashboard for an admin interface.\n///\n/// If you use this mixin in a component, you must also include the\n/// `govuk-link-common` mixin to get the correct focus and hover states.\n///\n/// @example scss\n///   .govuk-component__link {\n///     @include govuk-link-common;\n///     @include govuk-link-style-no-visited-state;\n///   }\n///\n/// @access public\n\n@mixin govuk-link-style-no-visited-state {\n  &:link {\n    color: $govuk-link-colour;\n  }\n\n  &:visited {\n    color: $govuk-link-colour;\n  }\n\n  &:hover {\n    color: $govuk-link-hover-colour;\n  }\n\n  &:active {\n    color: $govuk-link-active-colour;\n  }\n\n  // When focussed, the text colour needs to be darker to ensure that colour\n  // contrast is still acceptable\n  &:focus {\n    color: $govuk-focus-text-colour;\n  }\n}\n\n/// Remove underline from links\n///\n/// Remove underlines from links unless the link is active or a user hovers\n/// their cursor over it.\n///\n/// @example scss\n///   .govuk-component__link {\n///     @include govuk-link-common;\n///     @include govuk-link-style-default;\n///     @include govuk-link-style-no-underline;\n///   }\n///\n/// @access public\n\n@mixin govuk-link-style-no-underline {\n  &:not(:hover):not(:active) {\n    text-decoration: none;\n  }\n}\n\n/// Include link destination when printing the page\n///\n/// If the user prints the page, add the destination URL after the link text, if\n/// the URL starts with `/`, `http://` or `https://`.\n///\n/// @access public\n\n@mixin govuk-link-print-friendly {\n  @include govuk-media-query($media-type: print) {\n    &[href^=\"/\"],\n    &[href^=\"http://\"],\n    &[href^=\"https://\"]\n    {\n      &::after {\n        content: \" (\" attr(href) \")\";\n        font-size: 90%;\n\n        // Because the URLs may be very long, ensure that they may be broken\n        // at arbitrary points if there are no otherwise acceptable break\n        // points in the line\n        word-wrap: break-word;\n      }\n    }\n  }\n}\n\n/// Image link styles\n///\n/// Prepares and provides the focus state for links that only contain images\n/// with no accompanying text.\n///\n/// @access public\n\n@mixin govuk-link-image {\n  // Needed to draw the focus around the entire image\n  display: inline-block;\n\n  // Remove extra space at the bottom of the image that's added by line-height\n  line-height: 0;\n\n  // Don't render an underline\n  text-decoration: none;\n\n  &:focus {\n    @include govuk-focused-box;\n  }\n}\n","////\n/// @group settings/links\n////\n\n/// Thickness of link underlines\n///\n/// The default will be either:\n///\n///  - 1px\n///  - 0.0625rem, if it's thicker than 1px because the user has changed the text\n///    size in their browser\n///\n/// Set this variable to `false` to avoid setting a thickness.\n///\n/// @type Number\n/// @access public\n\n$govuk-link-underline-thickness: unquote(\"max(1px, .0625rem)\") !default;\n\n/// Offset of link underlines from text baseline\n///\n/// The default is 3px expressed as ems, as calculated against the default body\n/// font size (on desktop) of 19px.\n/// 3 ÷ 19 = 0.1578\n///\n/// Set this variable to `false` to avoid setting an offset.\n///\n/// @type Number\n/// @access public\n\n$govuk-link-underline-offset: 0.1578em !default;\n\n/// Thickness of link underlines in hover state\n///\n/// The default for each link will be the thickest of the following:\n///\n///  - 3px\n///  - 0.1875rem, if it's thicker than 3px because the user has changed the text\n///    size in their browser\n///  - 0.12em (relative to the link's text size)\n///\n/// Set this variable to `false` to avoid setting a thickness.\n///\n/// @type Number\n/// @access public\n\n$govuk-link-hover-underline-thickness: unquote(\"max(3px, .1875rem, .12em)\") !default;\n","////\n/// @group helpers\n////\n\n@import \"../tools/exports\";\n\n/// Font Face - GDS Transport\n///\n/// Outputs the font-face declaration for GDS Transport at the root of the CSS document\n/// the first time it is called.\n///\n/// @access private\n\n@mixin _govuk-font-face-gds-transport {\n  @include govuk-exports(\"govuk/helpers/font-faces\") {\n    @at-root {\n      /*! Copyright (c) 2011 by Margaret Calvert & Henrik Kubel. All rights reserved. The font has been customised for exclusive use on gov.uk. This cut is not commercially available. */ /* stylelint-disable-line scss/comment-no-loud  */\n      @font-face {\n        font-family: \"GDS Transport\";\n        font-style: normal;\n        font-weight: normal;\n        src:\n          govuk-font-url(\"light-94a07e06a1-v2.woff2\") format(\"woff2\"),\n          govuk-font-url(\"light-f591b13f7d-v2.woff\") format(\"woff\");\n        font-display: fallback;\n      }\n\n      @font-face {\n        font-family: \"GDS Transport\";\n        font-style: normal;\n        font-weight: bold;\n        src:\n          govuk-font-url(\"bold-b542beb274-v2.woff2\") format(\"woff2\"),\n          govuk-font-url(\"bold-affa96571d-v2.woff\") format(\"woff\");\n        font-display: fallback;\n      }\n    }\n  }\n}\n","// mq() v4.0.2\n// sass-mq/sass-mq\n\n@charset \"UTF-8\"; // Fixes an issue where Ruby locale is not set properly\n                  // See https://github.com/sass-mq/sass-mq/pull/10\n\n/// Base font size on the `<body>` element\n/// @type Number (unit)\n$mq-base-font-size: 16px !default;\n\n/// Responsive mode\n///\n/// Set to `false` to enable support for browsers that do not support @media queries,\n/// (IE <= 8, Firefox <= 3, Opera <= 9)\n///\n/// You could create a stylesheet served exclusively to older browsers,\n/// where @media queries are rasterized\n///\n/// @example scss\n///  // old-ie.scss\n///  $mq-responsive: false;\n///  @import 'main'; // @media queries in this file will be rasterized up to $mq-static-breakpoint\n///                   // larger breakpoints will be ignored\n///\n/// @type Boolean\n/// @link https://github.com/sass-mq/sass-mq#responsive-mode-off Disabled responsive mode documentation\n$mq-responsive: true !default;\n\n/// Breakpoint list\n///\n/// Name your breakpoints in a way that creates a ubiquitous language\n/// across team members. It will improve communication between\n/// stakeholders, designers, developers, and testers.\n///\n/// @type Map\n/// @link https://github.com/sass-mq/sass-mq#seeing-the-currently-active-breakpoint Full documentation and examples\n$mq-breakpoints: (\n    mobile:  320px,\n    tablet:  740px,\n    desktop: 980px,\n    wide:    1300px\n) !default;\n\n/// Static breakpoint (for fixed-width layouts)\n///\n/// Define the breakpoint from $mq-breakpoints that should\n/// be used as the target width for the fixed-width layout\n/// (i.e. when $mq-responsive is set to 'false') in a old-ie.scss\n///\n/// @example scss\n///  // tablet-only.scss\n///  //\n///  // Ignore all styles above tablet breakpoint,\n///  // and fix the styles (e.g. layout) at tablet width\n///  $mq-responsive: false;\n///  $mq-static-breakpoint: tablet;\n///  @import 'main'; // @media queries in this file will be rasterized up to tablet\n///                   // larger breakpoints will be ignored\n///\n/// @type String\n/// @link https://github.com/sass-mq/sass-mq#adding-custom-breakpoints Full documentation and examples\n$mq-static-breakpoint: desktop !default;\n\n/// Show breakpoints in the top right corner\n///\n/// If you want to display the currently active breakpoint in the top\n/// right corner of your site during development, add the breakpoints\n/// to this list, ordered by width, e.g. (mobile, tablet, desktop).\n///\n/// @type map\n$mq-show-breakpoints: () !default;\n\n/// Customize the media type (e.g. `@media screen` or `@media print`)\n/// By default sass-mq uses an \"all\" media type (`@media all and …`)\n///\n/// @type String\n/// @link https://github.com/sass-mq/sass-mq#changing-media-type Full documentation and examples\n$mq-media-type: all !default;\n\n/// Convert pixels to ems\n///\n/// @param {Number} $px - value to convert\n/// @param {Number} $base-font-size ($mq-base-font-size) - `<body>` font size\n///\n/// @example scss\n///  $font-size-in-ems: mq-px2em(16px);\n///  p { font-size: mq-px2em(16px); }\n///\n/// @requires $mq-base-font-size\n/// @returns {Number}\n@function mq-px2em($px, $base-font-size: $mq-base-font-size) {\n    @if unitless($px) {\n        @warn \"Assuming #{$px} to be in pixels, attempting to convert it into pixels.\";\n        @return mq-px2em($px * 1px, $base-font-size);\n    } @else if unit($px) == em {\n        @return $px;\n    }\n    @return ($px / $base-font-size) * 1em;\n}\n\n/// Get a breakpoint's width\n///\n/// @param {String} $name - Name of the breakpoint. One of $mq-breakpoints\n///\n/// @example scss\n///  $tablet-width: mq-get-breakpoint-width(tablet);\n///  @media (min-width: mq-get-breakpoint-width(desktop)) {}\n///\n/// @requires {Variable} $mq-breakpoints\n///\n/// @returns {Number} Value in pixels\n@function mq-get-breakpoint-width($name, $breakpoints: $mq-breakpoints) {\n    @if map-has-key($breakpoints, $name) {\n        @return map-get($breakpoints, $name);\n    } @else {\n        @warn \"Breakpoint #{$name} wasn't found in $breakpoints.\";\n    }\n}\n\n/// Media Query mixin\n///\n/// @param {String | Boolean} $from (false) - One of $mq-breakpoints\n/// @param {String | Boolean} $until (false) - One of $mq-breakpoints\n/// @param {String | Boolean} $and (false) - Additional media query parameters\n/// @param {String} $media-type ($mq-media-type) - Media type: screen, print…\n///\n/// @ignore Undocumented API, for advanced use only:\n/// @ignore @param {Map} $breakpoints ($mq-breakpoints)\n/// @ignore @param {String} $static-breakpoint ($mq-static-breakpoint)\n///\n/// @content styling rules, wrapped into a @media query when $responsive is true\n///\n/// @requires {Variable} $mq-media-type\n/// @requires {Variable} $mq-breakpoints\n/// @requires {Variable} $mq-static-breakpoint\n/// @requires {function} mq-px2em\n/// @requires {function} mq-get-breakpoint-width\n///\n/// @link https://github.com/sass-mq/sass-mq#responsive-mode-on-default Full documentation and examples\n///\n/// @example scss\n///  .element {\n///    @include mq($from: mobile) {\n///      color: red;\n///    }\n///    @include mq($until: tablet) {\n///      color: blue;\n///    }\n///    @include mq(mobile, tablet) {\n///      color: green;\n///    }\n///    @include mq($from: tablet, $and: '(orientation: landscape)') {\n///      color: teal;\n///    }\n///    @include mq(950px) {\n///      color: hotpink;\n///    }\n///    @include mq(tablet, $media-type: screen) {\n///      color: hotpink;\n///    }\n///    // Advanced use:\n///    $my-breakpoints: (L: 900px, XL: 1200px);\n///    @include mq(L, $breakpoints: $my-breakpoints, $static-breakpoint: L) {\n///      color: hotpink;\n///    }\n///  }\n@mixin mq(\n    $from: false,\n    $until: false,\n    $and: false,\n    $media-type: $mq-media-type,\n    $breakpoints: $mq-breakpoints,\n    $responsive: $mq-responsive,\n    $static-breakpoint: $mq-static-breakpoint\n) {\n    $min-width: 0;\n    $max-width: 0;\n    $media-query: '';\n\n    // From: this breakpoint (inclusive)\n    @if $from {\n        @if type-of($from) == number {\n            $min-width: mq-px2em($from);\n        } @else {\n            $min-width: mq-px2em(mq-get-breakpoint-width($from, $breakpoints));\n        }\n    }\n\n    // Until: that breakpoint (exclusive)\n    @if $until {\n        @if type-of($until) == number {\n            $max-width: mq-px2em($until);\n        } @else {\n            $max-width: mq-px2em(mq-get-breakpoint-width($until, $breakpoints)) - .01em;\n        }\n    }\n\n    // Responsive support is disabled, rasterize the output outside @media blocks\n    // The browser will rely on the cascade itself.\n    @if $responsive == false {\n        $static-breakpoint-width: mq-get-breakpoint-width($static-breakpoint, $breakpoints);\n        $target-width: mq-px2em($static-breakpoint-width);\n\n        // Output only rules that start at or span our target width\n        @if (\n            $and == false\n            and $min-width <= $target-width\n            and (\n                $until == false or $max-width >= $target-width\n            )\n            and $media-type != 'print'\n        ) {\n            @content;\n        }\n    }\n\n    // Responsive support is enabled, output rules inside @media queries\n    @else {\n        @if $min-width != 0 { $media-query: '#{$media-query} and (min-width: #{$min-width})'; }\n        @if $max-width != 0 { $media-query: '#{$media-query} and (max-width: #{$max-width})'; }\n        @if $and            { $media-query: '#{$media-query} and #{$and}'; }\n\n        // Remove unnecessary media query prefix 'all and '\n        @if ($media-type == 'all' and $media-query != '') {\n            $media-type: '';\n            $media-query: str-slice(unquote($media-query), 6);\n        }\n\n        @media #{$media-type + $media-query} {\n            @content;\n        }\n    }\n}\n\n/// Quick sort\n///\n/// @author Sam Richards\n/// @access private\n/// @param {List} $list - List to sort\n/// @returns {List} Sorted List\n@function _mq-quick-sort($list) {\n    $less:  ();\n    $equal: ();\n    $large: ();\n\n    @if length($list) > 1 {\n        $seed: nth($list, ceil(length($list) / 2));\n\n        @each $item in $list {\n            @if ($item == $seed) {\n                $equal: append($equal, $item);\n            } @else if ($item < $seed) {\n                $less: append($less, $item);\n            } @else if ($item > $seed) {\n                $large: append($large, $item);\n            }\n        }\n\n        @return join(join(_mq-quick-sort($less), $equal), _mq-quick-sort($large));\n    }\n\n    @return $list;\n}\n\n/// Sort a map by values (works with numbers only)\n///\n/// @access private\n/// @param {Map} $map - Map to sort\n/// @returns {Map} Map sorted by value\n@function _mq-map-sort-by-value($map) {\n    $map-sorted: ();\n    $map-keys: map-keys($map);\n    $map-values: map-values($map);\n    $map-values-sorted: _mq-quick-sort($map-values);\n\n    // Reorder key/value pairs based on key values\n    @each $value in $map-values-sorted {\n        $index: index($map-values, $value);\n        $key: nth($map-keys, $index);\n        $map-sorted: map-merge($map-sorted, ($key: $value));\n\n        // Unset the value in $map-values to prevent the loop\n        // from finding the same index twice\n        $map-values: set-nth($map-values, $index, 0);\n    }\n\n    @return $map-sorted;\n}\n\n/// Add a breakpoint\n///\n/// @param {String} $name - Name of the breakpoint\n/// @param {Number} $width - Width of the breakpoint\n///\n/// @requires {Variable} $mq-breakpoints\n///\n/// @example scss\n///  @include mq-add-breakpoint(tvscreen, 1920px);\n///  @include mq(tvscreen) {}\n@mixin mq-add-breakpoint($name, $width) {\n    $new-breakpoint: ($name: $width);\n    $mq-breakpoints: map-merge($mq-breakpoints, $new-breakpoint) !global;\n    $mq-breakpoints: _mq-map-sort-by-value($mq-breakpoints) !global;\n}\n\n/// Show the active breakpoint in the top right corner of the viewport\n/// @link https://github.com/sass-mq/sass-mq#seeing-the-currently-active-breakpoint\n///\n/// @param {List} $show-breakpoints ($mq-show-breakpoints) - List of breakpoints to show in the top right corner\n/// @param {Map} $breakpoints ($mq-breakpoints) - Breakpoint names and sizes\n///\n/// @requires {Variable} $mq-breakpoints\n/// @requires {Variable} $mq-show-breakpoints\n///\n/// @example scss\n///  // Show breakpoints using global settings\n///  @include mq-show-breakpoints;\n///\n///  // Show breakpoints using custom settings\n///  @include mq-show-breakpoints((L, XL), (S: 300px, L: 800px, XL: 1200px));\n@mixin mq-show-breakpoints($show-breakpoints: $mq-show-breakpoints, $breakpoints: $mq-breakpoints) {\n    body::before {\n        background-color: #FCF8E3;\n        border-bottom: 1px solid #FBEED5;\n        border-left: 1px solid #FBEED5;\n        color: #C09853;\n        font: small-caption;\n        padding: 3px 6px;\n        pointer-events: none;\n        position: fixed;\n        right: 0;\n        top: 0;\n        z-index: 100;\n\n        // Loop through the breakpoints that should be shown\n        @each $show-breakpoint in $show-breakpoints {\n            $width: mq-get-breakpoint-width($show-breakpoint, $breakpoints);\n            @include mq($show-breakpoint, $breakpoints: $breakpoints) {\n                content: \"#{$show-breakpoint} ≥ #{$width} (#{mq-px2em($width)})\";\n            }\n        }\n    }\n}\n\n@if length($mq-show-breakpoints) > 0 {\n    @include mq-show-breakpoints;\n}\n","////\n/// @group helpers/accessibility\n////\n\n/// Focused text\n///\n/// Provides an outline to clearly indicate when the target element is focused.\n/// Used for interactive text-based elements.\n///\n/// @example scss - Styling the focus state for a link\n///   .govuk-link:focus {\n///     @include govuk-focused-text;\n///   }\n///\n/// @access public\n\n@mixin govuk-focused-text {\n  // When colours are overridden, for example when users have a dark mode,\n  // backgrounds and box-shadows disappear, so we need to ensure there's a\n  // transparent outline which will be set to a visible colour.\n\n  outline: $govuk-focus-width solid transparent;\n  color: $govuk-focus-text-colour;\n  background-color: $govuk-focus-colour;\n  box-shadow:\n    0 -2px $govuk-focus-colour,\n    0 4px $govuk-focus-text-colour;\n  // When link is focussed, hide the default underline since the\n  // box shadow adds the \"underline\"\n  text-decoration: none;\n\n  // Fixes an issue in Chromium 108–111 where the box-shadow on the focus state\n  // is missing on links that wrap across multiple lines [1].\n  //\n  // However, text-wrap: balance doesn't play nicely with box-decoration-break:\n  // clone, causing links to re-flow when focused [2]. As text-wrap: balance\n  // wasn't introduced until Chromium 114 we can use it as a way to target\n  // this fix to just 108–111.\n  //\n  // [1]: http://crbug.com/40884971\n  // [2]: https://github.com/alphagov/govuk-frontend/issues/5878\n  @supports not (text-wrap: balance) {\n    box-decoration-break: clone;\n  }\n}\n\n/// Focused box\n///\n/// Provides an outline to clearly indicate when the target element is focused.\n/// Unlike govuk-focused-text, which only draws an underline below the element,\n/// govuk-focused-box draws an outline around all sides of the element.\n/// Best used for non-text content contained within links.\n///\n/// @example scss - Styling the focus state for a linked image\n///   .govuk-link-image:focus {\n///     @include govuk-focused-box;\n///   }\n///\n/// @access public\n\n@mixin govuk-focused-box {\n  outline: $govuk-focus-width solid transparent;\n  box-shadow:\n    0 0 0 4px $govuk-focus-colour,\n    0 0 0 8px $govuk-focus-text-colour;\n}\n\n/// Focused form input\n///\n/// Provides an outline to clearly indicate when the target element is focused.\n/// Used for form inputs.\n///\n/// @example scss - Styling the focus state for a form input\n///   .govuk-input:focus {\n///     @include govuk-focused-form-input;\n///   }\n///\n/// @access public\n\n@mixin govuk-focused-form-input {\n  outline: $govuk-focus-width solid $govuk-focus-colour;\n  // Ensure outline appears outside of the element\n  outline-offset: 0;\n  // Double the border by adding its width again. Use `box-shadow` for this\n  // instead of changing `border-width` - this is for consistency with\n  // components such as textarea where we avoid changing `border-width` as\n  // it will change the element size. Also, `outline` cannot be utilised\n  // here as it is already used for the yellow focus state.\n  box-shadow: inset 0 0 0 $govuk-border-width-form-element;\n}\n","////\n/// @group settings/colours\n////\n\n@import \"../helpers/colour\";\n\n// =========================================================\n// Generic\n// =========================================================\n\n/// Brand colour\n///\n/// @type Colour\n/// @access public\n\n$govuk-brand-colour: govuk-colour(\"blue\") !default;\n\n/// Text colour\n///\n/// @type Colour\n/// @access public\n\n$govuk-text-colour: govuk-colour(\"black\") !default;\n\n/// Canvas background colour\n///\n/// Used by the footer component and template to give the illusion of a long\n/// footer.\n///\n/// @type Colour\n/// @access public\n/// @deprecated \"$govuk-canvas-background-colour has been deprecated and will be removed in the next major\n/// version. Use `$govuk-template-background-colour` if you want to change the background of\n/// the `<html>` element and background colour of elements that need to match for visual\n/// continuity.\n$govuk-canvas-background-colour: govuk-colour(\"light-grey\") !default;\n\n// Output a deprecation warning if $govuk-canvas-background-colour is being overridden\n// Remove in next major version.\n@if $govuk-canvas-background-colour != govuk-colour(\"light-grey\") {\n  @include _warning(\n    \"$govuk-canvas-background-colour\",\n    \"$govuk-canvas-background-colour has been deprecated and will be removed in the next major version.\"\n  );\n}\n\n/// Template background colour\n///\n/// Used by components that want to give the illusion of extending\n/// the template background (such as the footer and cookie banner).\n///\n/// @type Colour\n/// @access public\n\n$govuk-template-background-colour: govuk-colour(\"light-grey\") !default;\n\n/// Body background colour\n///\n/// @type Colour\n/// @access public\n\n$govuk-body-background-colour: govuk-colour(\"white\") !default;\n\n/// Text colour for print media\n///\n/// Use 'true black' to avoid printers using colour ink to print body text\n///\n/// @type Colour\n/// @access public\n\n$govuk-print-text-colour: #000000 !default;\n\n/// Secondary text colour\n///\n/// Used in for example 'muted' text and help text.\n///\n/// @type Colour\n/// @access public\n\n$govuk-secondary-text-colour: govuk-colour(\"dark-grey\") !default;\n\n/// Focus colour\n///\n/// Used for outline (and background, where appropriate) when interactive\n/// elements (links, form controls) have keyboard focus.\n///\n/// @type Colour\n/// @access public\n\n$govuk-focus-colour: govuk-colour(\"yellow\") !default;\n\n/// Focused text colour\n///\n/// Ensure that the contrast between the text and background colour passes\n/// WCAG Level AA contrast requirements.\n///\n/// @type Colour\n/// @access public\n\n$govuk-focus-text-colour: govuk-colour(\"black\") !default;\n\n/// Error colour\n///\n/// Used to highlight error messages and form controls in an error state\n///\n/// @type Colour\n/// @access public\n\n$govuk-error-colour: govuk-colour(\"red\") !default;\n\n/// Success colour\n///\n/// Used to highlight success messages and banners\n///\n/// @type Colour\n/// @access public\n\n$govuk-success-colour: govuk-colour(\"green\") !default;\n\n/// Border colour\n///\n/// Used in for example borders, separators, rules and keylines.\n///\n/// @type Colour\n/// @access public\n\n$govuk-border-colour: govuk-colour(\"mid-grey\") !default;\n\n/// Input border colour\n///\n/// Used for form inputs and controls\n///\n/// @type Colour\n/// @access public\n\n$govuk-input-border-colour: govuk-colour(\"black\") !default;\n\n/// Input hover colour\n///\n/// Used for hover states on form controls\n///\n/// @type Colour\n/// @access public\n\n$govuk-hover-colour: govuk-colour(\"mid-grey\") !default;\n\n// =============================================================================\n// Links\n// =============================================================================\n\n/// Link colour\n///\n/// @type Colour\n/// @access public\n\n$govuk-link-colour: govuk-colour(\"blue\") !default;\n\n/// Visited link colour\n///\n/// @type Colour\n/// @access public\n\n$govuk-link-visited-colour: govuk-colour(\"purple\") !default;\n\n/// Link hover colour\n///\n/// @type Colour\n/// @access public\n\n$govuk-link-hover-colour: govuk-colour(\"dark-blue\") !default;\n\n/// Active link colour\n///\n/// @type Colour\n/// @access public\n\n$govuk-link-active-colour: govuk-colour(\"black\") !default;\n\n// =============================================================================\n// Brand refresh\n// =============================================================================\n\n/// Updated template background colour\n///\n/// @type Colour\n/// @access private\n$_govuk-rebrand-template-background-colour: govuk-tint($govuk-brand-colour, 95%);\n\n/// Border colour for areas on a light-blue background\n///\n/// @type Colour\n/// @access private\n$_govuk-rebrand-border-colour-on-blue-tint-95: govuk-tint($govuk-brand-colour, 50%);\n","@include govuk-exports(\"govuk/core/lists\") {\n  %govuk-list {\n    @include govuk-font($size: 19);\n    @include govuk-text-colour;\n    margin-top: 0;\n    @include govuk-responsive-margin(4, \"bottom\");\n    padding-left: 0;\n    list-style-type: none;\n\n    // Add a top margin for nested lists\n    %govuk-list {\n      margin-top: govuk-spacing(2);\n    }\n  }\n\n  %govuk-list > li {\n    // Lists without numbers or bullets should always have extra space between\n    // list items. Lists with numbers or bullets only have this extra space on\n    // tablet and above\n    margin-bottom: govuk-spacing(1);\n  }\n\n  .govuk-list {\n    @extend %govuk-list;\n  }\n\n  %govuk-list--bullet {\n    padding-left: govuk-spacing(4);\n    list-style-type: disc;\n  }\n\n  %govuk-list--number {\n    padding-left: govuk-spacing(4);\n    list-style-type: decimal;\n  }\n\n  %govuk-list--bullet > li,\n  %govuk-list--number > li {\n    margin-bottom: 0;\n\n    @include govuk-media-query($from: tablet) {\n      margin-bottom: govuk-spacing(1);\n    }\n  }\n\n  %govuk-list--spaced > li {\n    margin-bottom: govuk-spacing(2);\n\n    @include govuk-media-query($from: tablet) {\n      margin-bottom: govuk-spacing(3);\n    }\n  }\n\n  .govuk-list--bullet {\n    @extend %govuk-list--bullet;\n  }\n\n  .govuk-list--number {\n    @extend %govuk-list--number;\n  }\n\n  .govuk-list--spaced {\n    @extend %govuk-list--spaced;\n  }\n}\n","////\n/// @group helpers/spacing\n////\n\n/// Single point spacing\n///\n/// Returns measurement corresponding to the spacing point requested.\n///\n/// @param {Number} $spacing-point - Point on the spacing scale\n///  (set in `settings/_spacing.scss`)\n///\n/// @returns {String} Spacing measurement eg. 10px\n///\n/// @example scss\n///   .element {\n///     padding: govuk-spacing(5);\n///   }\n///\n/// @example scss Using negative spacing\n///   .element {\n///     margin-top: govuk-spacing(-1);\n///   }\n///\n/// @example scss Marking spacing declarations as important\n///   .element {\n///     margin-top: govuk-spacing(1) !important;\n///   }\n///\n/// @access public\n\n@function govuk-spacing($spacing-point) {\n  $actual-input-type: type-of($spacing-point);\n  @if $actual-input-type != \"number\" {\n    @error \"Expected a number (integer), but got a \"\n      + \"#{$actual-input-type}.\";\n  }\n\n  $is-negative: false;\n  @if $spacing-point < 0 {\n    $is-negative: true;\n    $spacing-point: abs($spacing-point);\n  }\n\n  @if not map-has-key($govuk-spacing-points, $spacing-point) {\n    @error \"Unknown spacing variable `#{$spacing-point}`. Make sure you are using a point from the spacing scale in `_settings/spacing.scss`.\";\n  }\n\n  $value: map-get($govuk-spacing-points, $spacing-point);\n  @return if($is-negative, $value * -1, $value);\n}\n\n/// Responsive spacing\n///\n/// Adds responsive spacing (either padding or margin, depending on `$property`)\n/// by fetching a 'spacing map' from the responsive spacing scale, which defines\n/// different spacing values at different breakpoints.\n///\n/// To generate responsive spacing, use 'govuk-responsive-margin' or\n/// 'govuk-responsive-padding' mixins\n///\n/// @param {Number} $responsive-spacing-point - Point on the responsive spacing\n///   scale, corresponds to a map of breakpoints and spacing values\n/// @param {String} $property - Property to add spacing to (e.g. 'margin')\n/// @param {String} $direction [all] - Direction to add spacing to\n///   (`top`, `right`, `bottom`, `left`, `all`)\n/// @param {Boolean} $important [false] - Whether to mark as `!important`\n/// @param {Number} $adjustment [false] - Offset to adjust spacing by\n///\n/// @access private\n\n@mixin _govuk-responsive-spacing(\n  $responsive-spacing-point,\n  $property,\n  $direction: \"all\",\n  $important: false,\n  $adjustment: false\n) {\n  $actual-input-type: type-of($responsive-spacing-point);\n  @if $actual-input-type != \"number\" {\n    @error \"Expected a number (integer), but got a \" + \"#{$actual-input-type}.\";\n  }\n\n  @if not map-has-key($govuk-spacing-responsive-scale, $responsive-spacing-point) {\n    @error \"Unknown spacing point `#{$responsive-spacing-point}`. Make sure you are using a point from the \"\n      + \"responsive spacing scale in `_settings/spacing.scss`.\";\n  }\n\n  // Make sure that the return value from `_settings/spacing.scss` is a map.\n  $scale-map: map-get($govuk-spacing-responsive-scale, $responsive-spacing-point);\n  $actual-map-type: type-of($scale-map);\n  @if $actual-map-type != \"map\" {\n    @error \"Expected a number (integer), but got a \"\n      + \"#{$actual-map-type}. Make sure you are using a map to set the responsive spacing in `_settings/spacing.scss`)\";\n  }\n\n  // Loop through each breakpoint in the map\n  @each $breakpoint, $breakpoint-value in $scale-map {\n    @if $adjustment {\n      $breakpoint-value: $breakpoint-value + $adjustment;\n    }\n\n    // The 'null' breakpoint is for mobile.\n    @if not $breakpoint {\n      @if $direction == all {\n        #{$property}: $breakpoint-value if($important, !important, null);\n      } @else {\n        #{$property}-#{$direction}: $breakpoint-value if($important, !important, null);\n      }\n    } @else {\n      @include govuk-media-query($from: $breakpoint) {\n        @if $direction == all {\n          #{$property}: $breakpoint-value if($important, !important, null);\n        } @else {\n          #{$property}-#{$direction}: $breakpoint-value if($important, !important, null);\n        }\n      }\n    }\n  }\n}\n\n/// Responsive margin\n///\n/// Adds responsive margin by fetching a 'spacing map' from the responsive\n/// spacing scale, which defines different spacing values at different\n/// breakpoints. Wrapper for the `_govuk-responsive-spacing` mixin.\n///\n/// @see {mixin} _govuk-responsive-spacing\n///\n/// @param {Number} $responsive-spacing-point - Point on the responsive spacing\n/// scale, corresponds to a map of breakpoints and spacing values\n/// @param {String} $direction [all] - Direction to add spacing to\n///   (`top`, `right`, `bottom`, `left`, `all`)\n/// @param {Boolean} $important [false] - Whether to mark as `!important`\n/// @param {Number} $adjustment [false] - Offset to adjust spacing by\n///\n/// @example scss\n///   .element {\n///      @include govuk-responsive-margin(6, \"left\", $adjustment: 1px);\n///   }\n///\n/// @access public\n\n@mixin govuk-responsive-margin($responsive-spacing-point, $direction: \"all\", $important: false, $adjustment: false) {\n  @include _govuk-responsive-spacing($responsive-spacing-point, \"margin\", $direction, $important, $adjustment);\n}\n\n/// Responsive padding\n///\n/// Adds responsive padding by fetching a 'spacing map' from the responsive\n/// spacing scale, which defines different spacing values at different\n/// breakpoints. Wrapper for the `_govuk-responsive-spacing` mixin.\n///\n/// @see {mixin} _govuk-responsive-spacing\n///\n/// @param {Number} $responsive-spacing-point - Point on the responsive spacing\n///   scale, corresponds to a map of breakpoints and spacing values\n/// @param {String} $direction [all] - Direction to add spacing to\n///   (`top`, `right`, `bottom`, `left`, `all`)\n/// @param {Boolean} $important [false] - Whether to mark as `!important`\n/// @param {Number} $adjustment [false] - Offset to adjust spacing\n///\n/// @example scss\n///   .element {\n///      @include govuk-responsive-padding(6, \"left\", $adjustment: 1px);\n///   }\n///\n/// @access public\n\n@mixin govuk-responsive-padding($responsive-spacing-point, $direction: \"all\", $important: false, $adjustment: false) {\n  @include _govuk-responsive-spacing($responsive-spacing-point, \"padding\", $direction, $important, $adjustment);\n}\n","@include govuk-exports(\"govuk/core/typography\") {\n  // Headings\n\n  %govuk-heading-xl {\n    @include govuk-text-colour;\n    @include govuk-font($size: 48, $weight: bold);\n\n    display: block;\n\n    margin-top: 0;\n    @include govuk-responsive-margin(8, \"bottom\");\n  }\n\n  .govuk-heading-xl {\n    @extend %govuk-heading-xl;\n  }\n\n  %govuk-heading-l {\n    @include govuk-text-colour;\n    @include govuk-font($size: 36, $weight: bold);\n\n    display: block;\n\n    margin-top: 0;\n    @include govuk-responsive-margin(6, \"bottom\");\n  }\n\n  .govuk-heading-l {\n    @extend %govuk-heading-l;\n  }\n\n  %govuk-heading-m {\n    @include govuk-text-colour;\n    @include govuk-font($size: 24, $weight: bold);\n\n    display: block;\n\n    margin-top: 0;\n    @include govuk-responsive-margin(4, \"bottom\");\n  }\n\n  .govuk-heading-m {\n    @extend %govuk-heading-m;\n  }\n\n  %govuk-heading-s {\n    @include govuk-text-colour;\n    @include govuk-font($size: 19, $weight: bold);\n\n    display: block;\n\n    margin-top: 0;\n    @include govuk-responsive-margin(4, \"bottom\");\n  }\n\n  .govuk-heading-s {\n    @extend %govuk-heading-s;\n  }\n\n  // Captions to be used inside headings\n\n  .govuk-caption-xl {\n    @include govuk-font($size: 27);\n\n    display: block;\n\n    margin-bottom: govuk-spacing(1);\n\n    color: $govuk-secondary-text-colour;\n  }\n\n  .govuk-caption-l {\n    @include govuk-font($size: 24);\n\n    display: block;\n\n    margin-bottom: govuk-spacing(1);\n    color: $govuk-secondary-text-colour;\n\n    @include govuk-media-query($from: tablet) {\n      margin-bottom: 0;\n    }\n  }\n\n  .govuk-caption-m {\n    @include govuk-font($size: 19);\n\n    display: block;\n\n    color: $govuk-secondary-text-colour;\n  }\n\n  // Body (paragraphs)\n\n  %govuk-body-l {\n    @include govuk-text-colour;\n    @include govuk-font($size: 24);\n\n    margin-top: 0;\n    @include govuk-responsive-margin(6, \"bottom\");\n  }\n\n  .govuk-body-l {\n    @extend %govuk-body-l;\n  }\n\n  %govuk-body-m {\n    @include govuk-text-colour;\n    @include govuk-font($size: 19);\n\n    margin-top: 0;\n    @include govuk-responsive-margin(4, \"bottom\");\n  }\n\n  .govuk-body-m {\n    @extend %govuk-body-m;\n  }\n\n  %govuk-body-s {\n    @include govuk-text-colour;\n    @include govuk-font($size: 16);\n\n    margin-top: 0;\n    @include govuk-responsive-margin(4, \"bottom\");\n  }\n\n  .govuk-body-s {\n    @extend %govuk-body-s;\n  }\n\n  // @deprecated\n  %govuk-body-xs {\n    @include govuk-text-colour;\n    @include govuk-font($size: _14);\n\n    margin-top: 0;\n    @include govuk-responsive-margin(4, \"bottom\");\n  }\n\n  // @deprecated\n  .govuk-body-xs {\n    @extend %govuk-body-xs;\n  }\n\n  // Usage aliases\n\n  // Using extend to alias means we also inherit any contextual adjustments that\n  // refer to the 'original' class name\n\n  .govuk-body-lead {\n    @extend %govuk-body-l;\n  }\n\n  .govuk-body {\n    @extend %govuk-body-m;\n  }\n\n  // Contextual adjustments\n  // Add top padding to headings that appear directly after paragraphs.\n\n  %govuk-body-l + %govuk-heading-l {\n    padding-top: govuk-spacing(1);\n\n    @include govuk-media-query($from: tablet) {\n      padding-top: govuk-spacing(2);\n    }\n  }\n\n  %govuk-body-m + %govuk-heading-l,\n  %govuk-body-s + %govuk-heading-l,\n  %govuk-list + %govuk-heading-l {\n    @include govuk-responsive-padding(4, \"top\");\n  }\n\n  %govuk-body-m + %govuk-heading-m,\n  %govuk-body-s + %govuk-heading-m,\n  %govuk-list + %govuk-heading-m,\n  %govuk-body-m + %govuk-heading-s,\n  %govuk-body-s + %govuk-heading-s,\n  %govuk-list + %govuk-heading-s {\n    padding-top: govuk-spacing(1);\n\n    @include govuk-media-query($from: tablet) {\n      padding-top: govuk-spacing(2);\n    }\n  }\n}\n","@include govuk-exports(\"govuk/core/section-break\") {\n  %govuk-section-break {\n    margin: 0;\n    border: 0;\n  }\n\n  .govuk-section-break {\n    @extend %govuk-section-break;\n  }\n\n  // Sizes\n\n  %govuk-section-break--xl {\n    @include govuk-responsive-margin(8, \"top\");\n    @include govuk-responsive-margin(8, \"bottom\");\n  }\n\n  .govuk-section-break--xl {\n    @extend %govuk-section-break--xl;\n  }\n\n  %govuk-section-break--l {\n    @include govuk-responsive-margin(6, \"top\");\n    @include govuk-responsive-margin(6, \"bottom\");\n  }\n\n  .govuk-section-break--l {\n    @extend %govuk-section-break--l;\n  }\n\n  %govuk-section-break--m {\n    @include govuk-responsive-margin(4, \"top\");\n    @include govuk-responsive-margin(4, \"bottom\");\n  }\n\n  .govuk-section-break--m {\n    @extend %govuk-section-break--m;\n  }\n\n  // Visible variant\n\n  %govuk-section-break--visible {\n    border-bottom: 1px solid $govuk-border-colour;\n  }\n\n  .govuk-section-break--visible {\n    @extend %govuk-section-break--visible;\n  }\n}\n","@import \"../base\";\n\n@include govuk-exports(\"govuk/objects/button-group\") {\n  // Button groups can be used to group buttons and links together as a group.\n  //\n  // Within a button group:\n  //\n  // - links are styled to line up visually with the buttons, including being\n  //   centre-aligned on mobile\n  // - spacing between the buttons and links is handled automatically, including\n  //   when they wrap across multiple lines\n  .govuk-button-group {\n    $horizontal-gap: govuk-spacing(3);\n    $vertical-gap: govuk-spacing(3);\n\n    // These need to be kept in sync with the button component's styles\n    $button-padding: govuk-spacing(2);\n    $button-shadow-size: $govuk-border-width-form-element;\n\n    $link-spacing: govuk-spacing(1);\n\n    @include govuk-responsive-margin(6, \"bottom\", $adjustment: $vertical-gap * -1);\n\n    // Flexbox is used to center-align links on mobile, align everything along\n    // the baseline on tablet and above, and to removes extra whitespace that\n    // we'd get between the buttons and links because they're inline-blocks.\n    //\n    // Ideally we'd use `gap` with flexbox rather than having to do it all with\n    // margins, but unfortunately the support isn't there (yet) and @supports\n    // doesn't play nicely with it\n    // (https://github.com/w3c/csswg-drafts/issues/3559)\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n\n    // Give links within the button group the same font-size and line-height\n    // as buttons.\n    //\n    // Because we want the focus state to be tight around the link text, we use\n    // margins where the buttons would use padding.\n    .govuk-link {\n      @include govuk-font($size: 19, $line-height: 19px);\n      display: inline-block;\n      // Prevent links overflowing their container in IE10/11 because of bug\n      // with align-items: center\n      max-width: 100%;\n      margin-top: $link-spacing;\n      margin-bottom: $link-spacing + $vertical-gap;\n      text-align: center;\n    }\n\n    // Reduce the bottom margin to the size of the vertical gap (accommodating\n    // the button shadow) – the 'lost' margin is moved to the button-group.\n    .govuk-button {\n      margin-bottom: $vertical-gap + $button-shadow-size;\n    }\n\n    // On tablet and above, we also introduce a 'column gap' between the\n    // buttons and links in each row and left align links\n    @include govuk-media-query($from: tablet) {\n      // Cancel out the column gap for the last item in each row\n      margin-right: ($horizontal-gap * -1);\n\n      flex-direction: row;\n      flex-wrap: wrap;\n      align-items: baseline;\n\n      .govuk-button,\n      .govuk-link {\n        margin-right: $horizontal-gap;\n      }\n\n      .govuk-link {\n        text-align: left;\n      }\n    }\n  }\n}\n","@import \"../base\";\n\n@include govuk-exports(\"govuk/objects/form-group\") {\n  .govuk-form-group {\n    @include govuk-clearfix;\n    @include govuk-responsive-margin(6, \"bottom\");\n\n    .govuk-form-group:last-of-type {\n      margin-bottom: 0; // Remove margin from last item in nested groups\n    }\n  }\n\n  .govuk-form-group--error {\n    padding-left: govuk-spacing(3);\n    border-left: $govuk-border-width-form-group-error solid $govuk-error-colour;\n\n    .govuk-form-group {\n      // Reset error styles in nested form groups that might have error class\n      padding: 0;\n      border: 0;\n    }\n  }\n}\n","////\n/// @group helpers/layout\n////\n\n/// Clear floated content within a container using a pseudo element\n///\n/// @access public\n\n@mixin govuk-clearfix {\n  &::after {\n    content: \"\";\n    display: block;\n    clear: both;\n  }\n}\n","@import \"../base\";\n\n@include govuk-exports(\"govuk/objects/grid\") {\n  .govuk-grid-row {\n    @include govuk-clearfix;\n    margin-right: -($govuk-gutter-half);\n    margin-left: -($govuk-gutter-half);\n  }\n\n  @each $width in map-keys($govuk-grid-widths) {\n    .govuk-grid-column-#{$width} {\n      @include govuk-grid-column($width);\n    }\n  }\n\n  // These *must* be defined in a separate loop as they have the same\n  // specificity as the non-breakpoint specific classes, so need to appear after\n  // them in the outputted CSS\n  @each $width in map-keys($govuk-grid-widths) {\n    .govuk-grid-column-#{$width}-from-desktop {\n      @include govuk-grid-column($width, $at: desktop);\n    }\n  }\n}\n","////\n/// @group helpers/layout\n////\n\n/// Grid width percentage\n///\n/// @param {String} $key - Name of grid width (e.g. two-thirds)\n/// @return {Number} Percentage width\n/// @throw if `$key` is not a valid grid width\n/// @access public\n\n@function govuk-grid-width($key) {\n  @if map-has-key($govuk-grid-widths, $key) {\n    @return map-get($govuk-grid-widths, $key);\n  }\n\n  @error \"Unknown grid width `#{$key}`\";\n}\n\n/// Generate grid column styles\n///\n/// Creates a grid column with standard gutter between the columns.\n///\n/// Grid widths are defined in the `$govuk-grid-widths` map.\n///\n/// By default the column width changes from 100% to specified width at the\n/// 'tablet' breakpoint, but other breakpoints can be specified using the `$at`\n/// parameter.\n///\n/// @param {String} $width [full] name of a grid width from $govuk-grid-widths\n/// @param {String} $float [left] left | right\n/// @param {String} $at [tablet] - mobile | tablet | desktop | any custom breakpoint\n///\n/// @example scss - Default\n///   .govuk-grid-column-two-thirds {\n///     @include govuk-grid-column(two-thirds)\n///   }\n///\n/// @example scss - Customising the breakpoint where width percentage is applied\n///   .govuk-grid-column-one-half-from-desktop {\n///     @include govuk-grid-column(one-half, $at: desktop);\n///   }\n///\n/// @example scss - Customising the float direction\n///   .govuk-grid-column-one-half-right {\n///     @include govuk-grid-column(two-thirds, $float: right);\n///   }\n///\n/// @access public\n\n@mixin govuk-grid-column($width: full, $float: left, $at: tablet) {\n  box-sizing: border-box;\n  @if $at != desktop {\n    width: 100%;\n  }\n  padding: 0 $govuk-gutter-half;\n  @include govuk-media-query($from: $at) {\n    width: govuk-grid-width($width);\n    float: $float;\n  }\n}\n","@import \"../base\";\n\n////\n/// @group objects/layout\n////\n\n// Example usage with Breadcrumbs, phase banners, back links:\n// <div class=\"govuk-width-container\">\n//   <!-- Breadcrumbs, phase banners, back links are placed in here. -->\n//   <div class=\"govuk-main-wrapper\">\n//       <!-- Wrapper for the main content of your page which applies padding\n//            to the top / bottom -->\n//   </div>\n// </div>\n//\n// Example usage without Breadcrumbs, phase banners, back links:\n// <div class=\"govuk-width-container\">\n//   <div class=\"govuk-main-wrapper govuk-main-wrapper--l\">\n//       <!-- Wrapper for the main content of your page which applies padding\n//            to the top / bottom -->\n//   </div>\n// </div>\n\n@include govuk-exports(\"govuk/objects/main-wrapper\") {\n  .govuk-main-wrapper {\n    // In IE11 the `main` element can be used, but is not recognized  –\n    // meaning it's not defined in IE's default style sheet,\n    // so it uses CSS initial value, which is inline.\n    display: block;\n    padding-top: govuk-spacing(4);\n    padding-bottom: govuk-spacing(4);\n\n    @include govuk-media-query($from: tablet) {\n      // This spacing is manually adjusted to replicate the margin of\n      // govuk-heading-xl (50px) minus the spacing of back link and\n      // breadcrumbs (10px)\n      padding-top: govuk-spacing(7);\n      padding-bottom: govuk-spacing(7);\n    }\n  }\n\n  // Using the `.govuk-main-wrapper--auto-spacing` modifier should apply the\n  // correct spacing depending on whether there are any elements\n  // (such the back link, breadcrumbs or phase banner components) before the\n  // `.govuk-main-wrapper` in the `govuk-width-container`.\n  //\n  // If you need to control the spacing manually, use the\n  // `govuk-main-wrapper--l` modifier instead.\n  .govuk-main-wrapper--auto-spacing:first-child,\n  .govuk-main-wrapper--l {\n    @include govuk-responsive-padding(8, \"top\");\n  }\n}\n","@import \"../base\";\n\n@include govuk-exports(\"govuk/objects/template\") {\n  // Applied to the <html> element\n  .govuk-template {\n    // Set the overall page background colour to the same colour as used by the\n    // footer to give the illusion of a long footer.\n    @include _govuk-rebrand(\n      background-color,\n      $from: $govuk-template-background-colour,\n      $to: $_govuk-rebrand-template-background-colour\n    );\n\n    // Prevent automatic text sizing, as we already cater for small devices and\n    // would like the browser to stay on 100% text zoom by default.\n    text-size-adjust: 100%;\n\n    // Add scroll padding to the top of govuk-template but remove it if the\n    // exit this page component is present.\n    //\n    // This is a solution to exit this page potentially failing WCAG SC 2.4.12:\n    // Focus Not Obscured (https://www.w3.org/WAI/WCAG22/Understanding/focus-not-obscured-minimum.html)\n    // due to it's sticky positioning.\n    //\n    // This will apply scroll-padding-top in any browsers that don't support :has\n    // (https://caniuse.com/css-has). This is part of the reason we do this in\n    // a \"wrong way round\" way as we hypothesise that the risks of having\n    // scroll-padding unnecessarily is better than risking not having scroll-padding\n    // and needing it to account for exit this page.\n    @supports (position: sticky) {\n      scroll-padding-top: govuk-spacing(9);\n\n      &:not(:has(.govuk-exit-this-page)) {\n        scroll-padding-top: 0;\n      }\n    }\n\n    // Force the scrollbar to always display in IE, to prevent horizontal page\n    // jumps as content height changes (e.g. autocomplete results open).\n    @include govuk-media-query($media-type: screen) {\n      overflow-y: scroll;\n    }\n  }\n\n  // Applied to the <body> element\n  .govuk-template__body {\n    // The default margins set by user-agents are not required since we have our\n    // own containers.\n    margin: 0;\n    // Set the overall body of the page back to the typical background colour.\n    background-color: $govuk-body-background-colour;\n  }\n}\n","////\n/// @group tools\n////\n\n/// Wraps rebranded properties in the feature flag selector\n///\n/// @example scss - Wrap a block of multiple properties\n///   .foo {\n///     border-width: 1px;\n///     border-colour: #fff;\n///\n///     @include _govuk-rebrand() {\n///       border-width: 10px;\n///       border-colour: #000;\n///     }\n///   }\n///\n/// @example scss - Wrap a single property\n///   .foo {\n///     @include _govuk-rebrand(\"background-color\", $from: #fff, $to: #000)\n///   }\n///\n///\n/// @param {String} $property - The name of the property being rebranded\n/// @param {String} $from - The original value of the property\n/// @param {String} $to - The rebranded value of the property\n/// @throw if `$property` is set but `$from` or `$to` are missing\n/// @access private\n@mixin _govuk-rebrand($property: null, $from: null, $to: null) {\n  @if $property {\n    @if not $from {\n      @error \"`_govuk-rebrand` needs the original value, `$from`\";\n    }\n\n    @if not $to {\n      @error \"`_govuk-rebrand` needs the rebranded value, `$to`\";\n    }\n\n    #{$property}: #{$from};\n\n    @include _govuk-rebrand-wrapper {\n      #{$property}: #{$to};\n    }\n  } @else {\n    @include _govuk-rebrand-wrapper {\n      @content;\n    }\n  }\n}\n\n@mixin _govuk-rebrand-wrapper() {\n  $selector: \"#{&}\";\n\n  @if $selector == \".govuk-template\" {\n    @at-root .govuk-template--rebranded {\n      @content;\n    }\n  } @else {\n    .govuk-template--rebranded & {\n      @content;\n    }\n  }\n}\n","@import \"../base\";\n\n////\n/// @group objects/layout\n////\n\n/// Width container mixin\n///\n/// Used to create page width and custom width container classes.\n///\n/// @param {String} $width [$govuk-page-width] - Width in pixels\n///\n/// @example scss - Creating a 1200px wide container class\n///  .app-width-container--wide {\n///    @include govuk-width-container(1200px);\n///  }\n///\n/// @access public\n\n@mixin govuk-width-container($width: $govuk-page-width) {\n  // By default, limit the width of the container to the page width\n  max-width: $width;\n\n  // On mobile, add half width gutters\n  margin-right: $govuk-gutter-half;\n  margin-left: $govuk-gutter-half;\n\n  // Respect 'display cutout' safe area (avoids notches and rounded corners)\n  @supports (margin: unquote(\"max(calc(0px))\")) {\n    $gutter-safe-area-right: calc(#{$govuk-gutter-half} + env(safe-area-inset-right));\n    $gutter-safe-area-left: calc(#{$govuk-gutter-half} + env(safe-area-inset-left));\n\n    // Use max() to pick largest margin, default or with safe area\n    // Escaped due to Sass max() vs. CSS native max()\n    margin-right: unquote(\"max(#{$govuk-gutter-half}, #{$gutter-safe-area-right})\");\n    margin-left: unquote(\"max(#{$govuk-gutter-half}, #{$gutter-safe-area-left})\");\n  }\n\n  // On tablet, add full width gutters\n  @include govuk-media-query($from: tablet) {\n    margin-right: $govuk-gutter;\n    margin-left: $govuk-gutter;\n\n    // Respect 'display cutout' safe area (avoids notches and rounded corners)\n    @supports (margin: unquote(\"max(calc(0px))\")) {\n      $gutter-safe-area-right: calc(#{$govuk-gutter-half} + env(safe-area-inset-right));\n      $gutter-safe-area-left: calc(#{$govuk-gutter-half} + env(safe-area-inset-left));\n\n      // Use max() to pick largest margin, default or with safe area\n      // Escaped due to Sass max() vs. CSS native max()\n      margin-right: unquote(\"max(#{$govuk-gutter}, #{$gutter-safe-area-right})\");\n      margin-left: unquote(\"max(#{$govuk-gutter}, #{$gutter-safe-area-left})\");\n    }\n  }\n\n  // As soon as the viewport is greater than the width of the page plus the\n  // gutters, just centre the content instead of adding gutters.\n  @include govuk-media-query($and: \"(min-width: #{($width + $govuk-gutter * 2)})\") {\n    margin-right: auto;\n    margin-left: auto;\n\n    // Since a safe area may have previously been set above,\n    // we need to duplicate this margin that centers the page.\n    @supports (margin: unquote(\"max(calc(0px))\")) {\n      margin-right: auto;\n      margin-left: auto;\n    }\n  }\n}\n\n@include govuk-exports(\"govuk/objects/width-container\") {\n  .govuk-width-container {\n    @include govuk-width-container;\n  }\n}\n","////\n/// @group settings/layout\n////\n\n// =========================================================\n// Page layout\n// =========================================================\n\n/// Width of main container\n///\n/// @type Number\n/// @access public\n\n$govuk-page-width: 960px !default;\n\n/// Map of grid column widths\n///\n/// @type Map\n/// @access public\n\n$govuk-grid-widths: (\n  one-quarter: (\n    100% / 4\n  ),\n  one-third: (\n    100% / 3\n  ),\n  one-half: (\n    100% / 2\n  ),\n  two-thirds: (\n    200% / 3\n  ),\n  three-quarters: (\n    300% / 4\n  ),\n  full: 100%\n) !default;\n\n/// Width of gutter between grid columns\n///\n/// @type Number\n/// @access public\n\n$govuk-gutter: 30px !default;\n\n/// Width of half the gutter between grid columns\n///\n/// @type Number\n/// @access public\n\n$govuk-gutter-half: $govuk-gutter / 2;\n\n// =========================================================\n// Borders\n// =========================================================\n\n/// Standard border width\n///\n/// @type Number\n/// @access public\n\n$govuk-border-width: 5px !default;\n\n/// Wide border width\n///\n/// @type Number\n/// @access public\n\n$govuk-border-width-wide: 10px !default;\n\n/// Narrow border width\n///\n/// @type Number\n/// @access public\n\n$govuk-border-width-narrow: 4px !default;\n\n/// Form control border width\n///\n/// @type Number\n/// @access public\n\n$govuk-border-width-form-element: 2px !default;\n\n/// Form group border width when in error state\n///\n/// @type Number\n/// @access public\n\n$govuk-border-width-form-group-error: $govuk-border-width !default;\n\n/// Border width of focus outline\n///\n/// @type Number\n/// @access public\n\n$govuk-focus-width: 3px !default;\n\n/// Hover width for form controls with a hover state\n///\n/// @type Number\n/// @access public\n\n$govuk-hover-width: 10px !default;\n","@include govuk-exports(\"govuk/component/accordion\") {\n  $govuk-accordion-base-colour: govuk-colour(\"black\");\n  $govuk-accordion-hover-colour: govuk-colour(\"light-grey\");\n  $govuk-accordion-icon-focus-colour: $govuk-focus-colour;\n  $govuk-accordion-bottom-border-width: 1px;\n\n  .govuk-accordion {\n    @include govuk-responsive-margin(6, \"bottom\");\n  }\n\n  .govuk-accordion__section {\n    padding-top: govuk-spacing(3);\n  }\n\n  .govuk-accordion__section-heading {\n    // Override browser defaults to ensure consistent element height\n    margin-top: 0;\n    margin-bottom: 0;\n\n    padding-top: govuk-spacing(3);\n    padding-bottom: govuk-spacing(3);\n  }\n\n  .govuk-accordion__section-button {\n    @include govuk-font($size: 24, $weight: bold);\n    @include govuk-text-colour;\n\n    display: block;\n    margin-bottom: 0;\n    padding-top: govuk-spacing(3);\n  }\n\n  // Remove the bottom margin from the last item inside the content\n  .govuk-accordion__section-content > :last-child {\n    margin-bottom: 0;\n  }\n\n  // GOV.UK Frontend JavaScript enabled\n  .govuk-frontend-supported {\n    .govuk-accordion {\n      // Border at the bottom of the whole accordion\n      border-bottom: $govuk-accordion-bottom-border-width solid $govuk-border-colour;\n    }\n\n    .govuk-accordion__section {\n      padding-top: 0;\n    }\n\n    // Hide the body of collapsed sections by default for browsers that lack\n    // support for `content-visibility` paired with [hidden=until-found]\n    .govuk-accordion__section-content {\n      display: none;\n\n      @include govuk-responsive-padding(3, \"top\");\n      @include govuk-responsive-padding(8, \"bottom\");\n    }\n\n    // Hide the body of collapsed sections using `content-visibility` to enable\n    // page search within [hidden=until-found] regions where browser supported\n    .govuk-accordion__section-content[hidden] {\n      @supports (content-visibility: hidden) {\n        content-visibility: hidden;\n        display: inherit;\n      }\n\n      // Hide the padding of collapsed sections\n      padding-top: 0;\n      padding-bottom: 0;\n    }\n\n    // Show the body of expanded sections\n    .govuk-accordion__section--expanded .govuk-accordion__section-content {\n      display: block;\n    }\n\n    .govuk-accordion__show-all {\n      @include govuk-font($size: 19);\n      position: relative;\n      z-index: 1;\n\n      margin-bottom: 9px;\n      padding: govuk-spacing(1) 2px govuk-spacing(1) 0;\n\n      border-width: 0;\n\n      color: $govuk-link-colour;\n      background: none;\n\n      cursor: pointer;\n      -webkit-appearance: none;\n\n      @include govuk-media-query($from: tablet) {\n        margin-bottom: 14px;\n      }\n\n      // Remove default button focus outline in Firefox\n      &::-moz-focus-inner {\n        padding: 0;\n        border: 0;\n      }\n\n      &:hover {\n        color: $govuk-accordion-base-colour;\n        background: $govuk-accordion-hover-colour;\n        // The focus state adds a box-shadow to the top and bottom of the\n        // button. We add a grey box-shadow on hover too, to make the height of\n        // the hover state match the height of the focus state.\n        box-shadow:\n          0 -2px $govuk-accordion-hover-colour,\n          0 4px $govuk-accordion-hover-colour;\n\n        .govuk-accordion__section-toggle-text {\n          color: $govuk-accordion-base-colour;\n        }\n\n        .govuk-accordion-nav__chevron {\n          color: $govuk-accordion-base-colour;\n          background: $govuk-accordion-base-colour;\n        }\n\n        .govuk-accordion-nav__chevron::after {\n          color: $govuk-accordion-hover-colour;\n        }\n      }\n\n      &:focus {\n        @include govuk-focused-text;\n\n        .govuk-accordion-nav__chevron {\n          background: $govuk-accordion-base-colour;\n        }\n\n        .govuk-accordion-nav__chevron::after {\n          color: $govuk-accordion-icon-focus-colour;\n        }\n      }\n    }\n\n    .govuk-accordion__section-heading {\n      padding: 0;\n    }\n\n    // Create Chevron icon aligned with text\n    .govuk-accordion-nav__chevron {\n      box-sizing: border-box;\n      display: inline-block;\n\n      position: relative;\n\n      // Set size using rems so icon scales with text\n      width: govuk-px-to-rem(20px);\n      height: govuk-px-to-rem(20px);\n\n      border: govuk-px-to-rem(1px) solid;\n      border-radius: 50%;\n\n      vertical-align: middle;\n\n      // Create inner chevron arrow\n      &::after {\n        content: \"\";\n        box-sizing: border-box;\n        display: block;\n\n        position: absolute;\n        bottom: govuk-px-to-rem(5px);\n        left: govuk-px-to-rem(6px);\n\n        width: govuk-px-to-rem(6px);\n        height: govuk-px-to-rem(6px);\n\n        transform: rotate(-45deg);\n\n        border-top: govuk-px-to-rem(2px) solid;\n        border-right: govuk-px-to-rem(2px) solid;\n      }\n    }\n\n    // Rotate icon to create \"Down\" version\n    .govuk-accordion-nav__chevron--down {\n      transform: rotate(180deg);\n    }\n\n    .govuk-accordion__section-button {\n      width: 100%;\n\n      padding: govuk-spacing(2) 0 0;\n\n      border: 0;\n\n      border-top: $govuk-accordion-bottom-border-width solid $govuk-border-colour;\n\n      // Visually separate the section from the one underneath when user changes\n      // colours in their browser. See\n      // https://github.com/alphagov/govuk-frontend/issues/2321#issuecomment-924201488\n      border-bottom: govuk-spacing(2) solid transparent;\n\n      color: $govuk-text-colour;\n      background: none;\n\n      text-align: left;\n      // Section headers have a pointer cursor as an additional affordance\n      cursor: pointer;\n      -webkit-appearance: none;\n\n      @include govuk-media-query($from: tablet) {\n        padding-bottom: govuk-spacing(2);\n      }\n\n      &:active {\n        color: $govuk-link-active-colour;\n        background: none;\n      }\n\n      &:hover {\n        color: $govuk-accordion-base-colour;\n        background: $govuk-accordion-hover-colour;\n\n        .govuk-accordion__section-toggle-text {\n          color: $govuk-accordion-base-colour;\n        }\n\n        .govuk-accordion-nav__chevron {\n          color: $govuk-accordion-base-colour;\n          background: $govuk-accordion-base-colour;\n        }\n\n        .govuk-accordion-nav__chevron::after {\n          color: $govuk-accordion-hover-colour;\n        }\n      }\n\n      &:focus {\n        // Remove default focus border around button as styling is being applied\n        // to inner text elements that receive focus\n        outline: 0;\n\n        .govuk-accordion__section-heading-text-focus,\n        .govuk-accordion__section-summary-focus,\n        .govuk-accordion__section-toggle-focus {\n          @include govuk-focused-text;\n        }\n\n        .govuk-accordion-nav__chevron {\n          color: $govuk-accordion-base-colour;\n          background: $govuk-accordion-base-colour;\n        }\n\n        .govuk-accordion-nav__chevron::after {\n          color: $govuk-accordion-icon-focus-colour;\n        }\n      }\n\n      // Remove default button focus outline in Firefox\n      &::-moz-focus-inner {\n        padding: 0;\n        border: 0;\n      }\n    }\n\n    // Remove the transparent border when the section is expanded to make it\n    // clear that the heading relates to the content below. Adjust padding to\n    // maintain the height of the element. See\n    // https://github.com/alphagov/govuk-frontend/pull/2257#issuecomment-951920798\n    .govuk-accordion__section--expanded .govuk-accordion__section-button {\n      padding-bottom: govuk-spacing(3);\n      border-bottom: 0;\n\n      @include govuk-media-query($from: tablet) {\n        padding-bottom: govuk-spacing(4);\n      }\n    }\n\n    // As Chevron icon is vertically aligned it overlaps with the focus state\n    // bottom border – this adds some spacing\n    .govuk-accordion__section-button:focus .govuk-accordion__section-toggle-focus {\n      padding-bottom: 3px;\n\n      @include govuk-media-query($from: desktop) {\n        padding-bottom: 2px;\n      }\n    }\n\n    .govuk-accordion__section-toggle,\n    .govuk-accordion__section-heading-text,\n    .govuk-accordion__section-summary {\n      display: block;\n      margin-bottom: 13px;\n\n      .govuk-accordion__section-heading-text-focus,\n      .govuk-accordion__section-summary-focus,\n      .govuk-accordion__section-toggle-focus {\n        display: inline;\n      }\n    }\n\n    // Add toggle link with Chevron icon on left.\n    .govuk-accordion__section-toggle {\n      @include govuk-font-size($size: 19);\n      @include govuk-typography-weight-regular;\n      color: $govuk-link-colour;\n    }\n\n    // Add space between the icon and text. Avoid applying spacing directly to\n    // the icon as the use of `transform` will change the placement of any\n    // margins.\n    .govuk-accordion__show-all-text,\n    .govuk-accordion__section-toggle-text {\n      margin-left: govuk-spacing(1);\n      vertical-align: middle;\n    }\n\n    // Background colour adjustment when user changes colours in Firefox\n    //\n    // When user changes colours in Firefox, text colour inside <button> is\n    // always black (regardless of the custom colours the user has set). This is\n    // fine when the text in the button is not nested inside another element\n    // because when user changes colours in Firefox, the immediate background\n    // colour of buttons is always white (again, regardless of user's custom\n    // colours).\n    //\n    // However, when the text inside <button> is wrapped inside another element\n    // AND that element sets a background colour, the text colour is still black\n    // but the background of that nested element gets the user's custom\n    // background colour. When the custom background is a lighter hue, the\n    // contrast might be sufficient. But if the user's custom background colour\n    // is a darker colour, the contrast with the text might not be sufficient.\n    //\n    // To ensure sufficient contrast, override the background colour set by the\n    // focus state on the nested elements to be transparent.\n    //\n    // Also override the background colour of the Show/Hide chevrons which set a\n    // background colour on hover.\n    @media screen and (forced-colors: active) {\n      .govuk-accordion__show-all:hover,\n      .govuk-accordion__section-button:hover {\n        .govuk-accordion-nav__chevron {\n          background-color: transparent;\n        }\n      }\n\n      .govuk-accordion__show-all:focus,\n      .govuk-accordion__section-button:focus {\n        .govuk-accordion__section-heading-text-focus,\n        .govuk-accordion__section-summary-focus,\n        .govuk-accordion__section-toggle-focus,\n        .govuk-accordion-nav__chevron {\n          background: transparent;\n          background-color: transparent;\n        }\n      }\n    }\n\n    // For devices that can't hover such as touch devices,\n    // remove hover state as it can be stuck in that state (iOS).\n    @media (hover: none) {\n      .govuk-accordion__section-header:hover {\n        border-top-color: $govuk-border-colour;\n\n        box-shadow: inset 0 3px 0 0 $govuk-link-colour;\n\n        .govuk-accordion__section-button {\n          border-top-color: $govuk-border-colour;\n        }\n      }\n    }\n  }\n}\n","@include govuk-exports(\"govuk/component/back-link\") {\n  // Component font-size on the Frontend (used for calculations)\n  $font-size: 16;\n\n  // Size of chevron (excluding border)\n  $chevron-size: govuk-em(7px, $font-size);\n\n  // Size of chevron border\n  $chevron-border-min-width: 1px;\n  $chevron-border-width: govuk-em($chevron-border-min-width, $font-size);\n\n  // Colour of chevron\n  $chevron-border-colour: $govuk-secondary-text-colour;\n\n  .govuk-back-link {\n    @include govuk-font-size($size: $font-size);\n    @include govuk-link-common;\n    @include govuk-link-style-text;\n\n    display: inline-block;\n    position: relative;\n\n    margin-top: govuk-spacing(3);\n    margin-bottom: govuk-spacing(3);\n\n    // Allow space for the arrow\n    padding-left: govuk-em(14px, $font-size);\n  }\n\n  // Prepend left pointing chevron\n  .govuk-back-link::before {\n    content: \"\";\n    display: block;\n\n    // Vertically align with the parent element\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    left: govuk-em(3px, $font-size);\n\n    width: $chevron-size;\n    height: $chevron-size;\n\n    margin: auto 0;\n\n    transform: rotate(225deg);\n\n    border: solid;\n    border-width: $chevron-border-min-width $chevron-border-min-width 0 0;\n    border-color: $chevron-border-colour;\n\n    @supports (border-width: unquote(\"max(0px)\")) {\n      $border-width-eval: \"max(#{$chevron-border-min-width}, #{$chevron-border-width})\";\n\n      // Ensure that the chevron never gets smaller than 16px\n      border-width: unquote($border-width-eval) unquote($border-width-eval) 0 0;\n      font-size: unquote(\"max(#{$font-size * 1px}, 1em)\");\n    }\n  }\n\n  .govuk-back-link:focus::before {\n    border-color: $govuk-focus-text-colour;\n  }\n\n  .govuk-back-link::after {\n    content: \"\";\n    position: absolute;\n    top: -14px;\n    right: 0;\n    bottom: -14px;\n    left: 0;\n  }\n\n  .govuk-back-link--inverse {\n    @include govuk-link-style-inverse;\n\n    &::before {\n      border-color: currentcolor;\n    }\n  }\n}\n","@include govuk-exports(\"govuk/component/breadcrumbs\") {\n  // Component font-size on the Frontend (used for calculations)\n  $font-size: 16;\n\n  // Size of chevron (excluding border)\n  $chevron-size: govuk-em(7px, $font-size);\n\n  // Size of chevron border\n  $chevron-border-min-width: 1px;\n  $chevron-border-width: govuk-em($chevron-border-min-width, $font-size);\n\n  // Colour of chevron\n  $chevron-border-colour: $govuk-secondary-text-colour;\n\n  // Calculated altitude (△↕) of the right-angled isosceles chevron with sides\n  // of length 8 (7px + 1px border):\n  //\n  // √(8² + 8²) * 0.5 ≅ 5.655\n  $chevron-altitude-calculated: govuk-em(5.655px, $font-size);\n\n  .govuk-breadcrumbs {\n    @include govuk-font($size: $font-size);\n    @include govuk-text-colour;\n\n    margin-top: govuk-spacing(3);\n    margin-bottom: govuk-spacing(2);\n  }\n\n  .govuk-breadcrumbs__list {\n    @include govuk-clearfix;\n\n    margin: 0;\n    padding: 0;\n    list-style-type: none;\n  }\n\n  .govuk-breadcrumbs__list-item {\n    display: inline-block;\n    position: relative;\n\n    margin-bottom: govuk-spacing(1);\n\n    // Add both margin and padding such that the chevron appears centrally\n    // between each breadcrumb item\n    margin-left: govuk-em(govuk-spacing(2), $font-size);\n    padding-left: govuk-em(govuk-spacing(2), $font-size) + $chevron-altitude-calculated;\n\n    float: left;\n\n    // Create a chevron using a box with borders on two sides, rotated 45deg.\n    &::before {\n      content: \"\";\n      display: block;\n\n      position: absolute;\n      top: 0;\n      bottom: 0;\n\n      // Offset by the difference between the width of the non-rotated square\n      // and its width when rotated\n      left: (($chevron-altitude-calculated * -2) + $chevron-size + $chevron-border-width);\n\n      width: $chevron-size;\n      height: $chevron-size;\n\n      margin: auto 0;\n\n      transform: rotate(45deg);\n\n      border: solid;\n      border-width: $chevron-border-min-width $chevron-border-min-width 0 0;\n      border-color: $chevron-border-colour;\n\n      @supports (border-width: unquote(\"max(0px)\")) {\n        $border-width-eval: \"max(#{$chevron-border-min-width}, #{$chevron-border-width})\";\n\n        // Ensure that the chevron never gets smaller than 16px\n        border-width: unquote($border-width-eval) unquote($border-width-eval) 0 0;\n        font-size: unquote(\"max(#{$font-size * 1px}, 1em)\");\n      }\n    }\n\n    &:first-child {\n      margin-left: 0;\n      padding-left: 0;\n\n      &::before {\n        content: none;\n        display: none;\n      }\n    }\n  }\n\n  .govuk-breadcrumbs__link {\n    @include govuk-link-common;\n    @include govuk-link-style-text;\n  }\n\n  .govuk-breadcrumbs--collapse-on-mobile {\n    @include govuk-media-query($until: tablet) {\n      .govuk-breadcrumbs__list-item {\n        display: none;\n\n        &:first-child,\n        &:last-child {\n          display: inline-block;\n        }\n\n        &::before {\n          top: govuk-em(6px, $font-size);\n          margin: 0;\n        }\n      }\n\n      .govuk-breadcrumbs__list {\n        display: flex;\n      }\n    }\n  }\n\n  .govuk-breadcrumbs--inverse {\n    color: govuk-colour(\"white\");\n\n    .govuk-breadcrumbs__link {\n      @include govuk-link-style-inverse;\n    }\n\n    .govuk-breadcrumbs__list-item::before {\n      border-color: currentcolor;\n    }\n  }\n}\n","////\n/// @group components/button\n////\n\n/// Button component background colour\n///\n/// @type Colour\n/// @access public\n\n$govuk-button-background-colour: govuk-colour(\"green\") !default;\n\n/// Button component text colour\n///\n/// @type Colour\n/// @access public\n\n$govuk-button-text-colour: govuk-colour(\"white\") !default;\n\n/// Inverted button component background colour\n///\n/// @type Colour\n/// @access public\n\n$govuk-inverse-button-background-colour: govuk-colour(\"white\") !default;\n\n/// Inverted button component text colour\n///\n/// @type Colour\n/// @access public\n\n$govuk-inverse-button-text-colour: $govuk-brand-colour !default;\n\n@include govuk-exports(\"govuk/component/button\") {\n  $govuk-button-colour: $govuk-button-background-colour;\n  $govuk-button-text-colour: $govuk-button-text-colour;\n  $govuk-button-hover-colour: govuk-shade($govuk-button-colour, 20%);\n  $govuk-button-shadow-colour: govuk-shade($govuk-button-colour, 60%);\n\n  // Secondary button variables\n  $govuk-secondary-button-colour: govuk-colour(\"light-grey\");\n  $govuk-secondary-button-text-colour: govuk-colour(\"black\");\n  $govuk-secondary-button-hover-colour: govuk-shade($govuk-secondary-button-colour, 10%);\n  $govuk-secondary-button-shadow-colour: govuk-shade($govuk-secondary-button-colour, 40%);\n\n  // Warning button variables\n  $govuk-warning-button-colour: govuk-colour(\"red\");\n  $govuk-warning-button-text-colour: govuk-colour(\"white\");\n  $govuk-warning-button-hover-colour: govuk-shade($govuk-warning-button-colour, 20%);\n  $govuk-warning-button-shadow-colour: govuk-shade($govuk-warning-button-colour, 60%);\n\n  // Inverse button variables\n  $govuk-inverse-button-colour: $govuk-inverse-button-background-colour;\n  $govuk-inverse-button-text-colour: $govuk-inverse-button-text-colour;\n  $govuk-inverse-button-hover-colour: govuk-tint($govuk-inverse-button-text-colour, 90%);\n  $govuk-inverse-button-shadow-colour: govuk-shade($govuk-inverse-button-text-colour, 30%);\n\n  // Because the shadow (s0) is visually 'part of' the button, we need to reduce\n  // the height of the button to compensate by adjusting its padding (s1) and\n  // increase the bottom margin to include it (s2).\n  $button-shadow-size: $govuk-border-width-form-element;\n\n  .govuk-button {\n    @include govuk-font($size: 19, $line-height: 19px);\n\n    box-sizing: border-box;\n    display: inline-block;\n    position: relative;\n    width: 100%;\n    margin-top: 0;\n    margin-right: 0;\n    margin-left: 0;\n    @include govuk-responsive-margin(6, \"bottom\", $adjustment: $button-shadow-size); // s2\n    padding: (govuk-spacing(2) - $govuk-border-width-form-element) govuk-spacing(2)\n      (govuk-spacing(2) - $govuk-border-width-form-element - ($button-shadow-size / 2)); // s1\n    border: $govuk-border-width-form-element solid transparent;\n    border-radius: 0;\n    color: $govuk-button-text-colour;\n    background-color: $govuk-button-colour;\n    box-shadow: 0 $button-shadow-size 0 $govuk-button-shadow-colour; // s0\n    text-align: center;\n    vertical-align: top;\n    cursor: pointer;\n    -webkit-appearance: none;\n\n    @include govuk-media-query($from: tablet) {\n      width: auto;\n    }\n\n    // Ensure that any global link styles are overridden\n    &:link,\n    &:visited,\n    &:active,\n    &:hover {\n      color: $govuk-button-text-colour;\n      text-decoration: none;\n    }\n\n    // Fix unwanted button padding in Firefox\n    &::-moz-focus-inner {\n      padding: 0;\n      border: 0;\n    }\n\n    &:hover {\n      background-color: $govuk-button-hover-colour;\n    }\n\n    &:active {\n      // Bump the button down so it looks like its being pressed in\n      top: $button-shadow-size;\n    }\n\n    &:focus {\n      border-color: $govuk-focus-colour;\n      outline: $govuk-focus-width solid transparent;\n      box-shadow: inset 0 0 0 1px $govuk-focus-colour;\n    }\n\n    &:focus:not(:active):not(:hover) {\n      border-color: $govuk-focus-colour;\n      color: $govuk-focus-text-colour;\n      background-color: $govuk-focus-colour;\n      box-shadow: 0 2px 0 $govuk-focus-text-colour;\n    }\n\n    // The following adjustments do not work for <input type=\"button\"> as\n    // non-container elements cannot include pseudo elements (i.e. ::before).\n\n    // Use a pseudo element to expand the click target area to include the\n    // button's shadow as well, in case users try to click it.\n    &::before {\n      content: \"\";\n      display: block;\n\n      position: absolute;\n\n      top: -$govuk-border-width-form-element;\n      right: -$govuk-border-width-form-element;\n      bottom: -($govuk-border-width-form-element + $button-shadow-size);\n      left: -$govuk-border-width-form-element;\n\n      background: transparent;\n    }\n\n    // When the button is active it is shifted down by $button-shadow-size to\n    // denote a 'pressed' state. If the user happened to click at the very top\n    // of the button, their mouse is no longer over the button (because it has\n    // 'moved beneath them') and so the click event is not fired.\n    //\n    // This corrects that by shifting the top of the pseudo element so that it\n    // continues to cover the area that the user originally clicked, which means\n    // the click event is still fired.\n    //\n    // 🎉\n    &:active::before {\n      top: -($govuk-border-width-form-element + $button-shadow-size);\n    }\n  }\n\n  .govuk-button[disabled] {\n    opacity: (0.5);\n\n    &:hover {\n      background-color: $govuk-button-colour;\n      cursor: not-allowed;\n    }\n\n    &:active {\n      top: 0;\n      box-shadow: 0 $button-shadow-size 0 $govuk-button-shadow-colour; // s0\n    }\n  }\n\n  .govuk-button--secondary {\n    background-color: $govuk-secondary-button-colour;\n    box-shadow: 0 $button-shadow-size 0 $govuk-secondary-button-shadow-colour;\n\n    &,\n    &:link,\n    &:visited,\n    &:active,\n    &:hover {\n      color: $govuk-secondary-button-text-colour;\n    }\n\n    &:hover {\n      background-color: $govuk-secondary-button-hover-colour;\n\n      &[disabled] {\n        background-color: $govuk-secondary-button-colour;\n      }\n    }\n  }\n\n  .govuk-button--warning {\n    background-color: $govuk-warning-button-colour;\n    box-shadow: 0 $button-shadow-size 0 $govuk-warning-button-shadow-colour;\n\n    &,\n    &:link,\n    &:visited,\n    &:active,\n    &:hover {\n      color: $govuk-warning-button-text-colour;\n    }\n\n    &:hover {\n      background-color: $govuk-warning-button-hover-colour;\n\n      &[disabled] {\n        background-color: $govuk-warning-button-colour;\n      }\n    }\n  }\n\n  .govuk-button--inverse {\n    background-color: $govuk-inverse-button-colour;\n    box-shadow: 0 $button-shadow-size 0 $govuk-inverse-button-shadow-colour;\n\n    &,\n    &:link,\n    &:visited,\n    &:active,\n    &:hover {\n      color: $govuk-inverse-button-text-colour;\n    }\n\n    &:hover {\n      background-color: $govuk-inverse-button-hover-colour;\n\n      &[disabled] {\n        background-color: $govuk-inverse-button-colour;\n      }\n    }\n  }\n\n  .govuk-button--start {\n    @include govuk-typography-weight-bold;\n    @include govuk-font-size($size: 24, $line-height: 1);\n\n    display: inline-flex;\n    min-height: auto;\n\n    justify-content: center;\n  }\n\n  .govuk-button__start-icon {\n    margin-left: govuk-spacing(1);\n\n    @include govuk-media-query($from: desktop) {\n      margin-left: govuk-spacing(2);\n    }\n    vertical-align: middle;\n    flex-shrink: 0;\n    align-self: center;\n    // Work around SVGs not inheriting color from parent in forced color mode\n    // (https://github.com/w3c/csswg-drafts/issues/6310)\n    forced-color-adjust: auto;\n  }\n}\n","@include govuk-exports(\"govuk/component/error-message\") {\n  .govuk-error-message {\n    @include govuk-font($size: 19, $weight: bold);\n\n    display: block;\n    margin-top: 0; // Reset any default browser margins for paragraphs\n    margin-bottom: govuk-spacing(3);\n    clear: both;\n\n    color: $govuk-error-colour;\n  }\n}\n","@include govuk-exports(\"govuk/component/hint\") {\n  .govuk-hint {\n    @include govuk-font($size: 19);\n\n    margin-bottom: govuk-spacing(3);\n\n    color: $govuk-secondary-text-colour;\n  }\n\n  // Reduces margin-bottom of hint when used after the default label (no class)\n  // or govuk-label--s for better vertical alignment.\n\n  // This adjustment will not work when the label is inside the <h1>, however it\n  // is unlikely that the default or govuk-label--s class would be used in this\n  // case.\n\n  // This adjustment will not work in browsers that do not support :not().\n  // Users with these browsers will see the default size margin (5px larger).\n\n  .govuk-label:not(.govuk-label--m):not(.govuk-label--l):not(.govuk-label--xl) + .govuk-hint {\n    margin-bottom: govuk-spacing(2);\n  }\n\n  // Reduces margin-bottom of hint when used after the default legend (no class)\n  // or govuk-fieldset__legend--s for better vertical alignment.\n\n  // This adjustment will not work when the legend is outside the <h1>, however\n  // it is unlikely that the default or govuk-fieldset__legend--s class would be\n  // used in this case.\n\n  // This adjustment will not work in browsers that do not support :not().\n  // Users with these browsers will see the default size margin (5px larger).\n\n  // prettier-ignore\n  .govuk-fieldset__legend:not(.govuk-fieldset__legend--m):not(.govuk-fieldset__legend--l):not(.govuk-fieldset__legend--xl) + .govuk-hint {\n    margin-bottom: govuk-spacing(2);\n  }\n\n  // Reduces visual spacing of legend when there is a hint\n  .govuk-fieldset__legend + .govuk-hint {\n    margin-top: govuk-spacing(-1);\n  }\n}\n","@include govuk-exports(\"govuk/component/label\") {\n  .govuk-label {\n    @include govuk-font($size: 19);\n    @include govuk-text-colour;\n\n    display: block;\n\n    margin-bottom: govuk-spacing(1);\n  }\n\n  // Modifiers that make labels look more like their equivalent headings\n  .govuk-label--xl,\n  .govuk-label--l,\n  .govuk-label--m {\n    @include govuk-typography-weight-bold;\n    margin-bottom: govuk-spacing(3);\n  }\n\n  .govuk-label--xl {\n    @include govuk-font-size($size: 48);\n  }\n\n  .govuk-label--l {\n    @include govuk-font-size($size: 36);\n  }\n\n  .govuk-label--m {\n    @include govuk-font-size($size: 24);\n  }\n\n  .govuk-label--s {\n    @include govuk-typography-weight-bold;\n  }\n\n  // When the label is nested inside a heading, override the heading so that it\n  // does not have a margin. Effectively we want to be able to treat the heading\n  // as if it is not there.\n  //\n  // This breaks BEM conventions because it exists as a parent of the 'block',\n  // so we can't really consider an element.\n  .govuk-label-wrapper {\n    margin: 0;\n  }\n}\n","@import \"../error-message/index\";\n@import \"../hint/index\";\n@import \"../label/index\";\n\n@include govuk-exports(\"govuk/component/textarea\") {\n  .govuk-textarea {\n    @include govuk-font($size: 19, $line-height: 1.25);\n\n    box-sizing: border-box;\n    display: block;\n    width: 100%;\n    min-height: 40px;\n    @include govuk-responsive-margin(6, \"bottom\");\n    padding: govuk-spacing(1);\n\n    resize: vertical;\n\n    border: $govuk-border-width-form-element solid $govuk-input-border-colour;\n    border-radius: 0;\n\n    -webkit-appearance: none;\n\n    &:focus {\n      @include govuk-focused-form-input;\n    }\n\n    &:disabled {\n      opacity: 0.5;\n      color: inherit;\n      background-color: transparent;\n      cursor: not-allowed;\n    }\n  }\n\n  .govuk-textarea--error {\n    border-color: $govuk-error-colour;\n\n    &:focus {\n      border-color: $govuk-input-border-colour;\n    }\n  }\n}\n","@include govuk-exports(\"govuk/component/fieldset\") {\n  .govuk-fieldset {\n    min-width: 0;\n    margin: 0;\n    padding: 0;\n    border: 0;\n    @include govuk-clearfix;\n  }\n\n  // Fix for Firefox < 53 (https://bugzil.la/504622)\n  // stylelint-disable selector-type-no-unknown -- Ignore 'x:-moz-any-link'\n  @supports not (caret-color: auto) {\n    .govuk-fieldset,\n    x:-moz-any-link {\n      display: table-cell;\n    }\n  }\n  // stylelint-enable selector-type-no-unknown\n\n  .govuk-fieldset__legend {\n    @include govuk-font($size: 19);\n    @include govuk-text-colour;\n\n    // Fix legend text wrapping in Edge and IE\n    // 1. IE9-11 & Edge 12-13\n    // 2. IE8-11\n    box-sizing: border-box; // 1\n    display: table; // 2\n    max-width: 100%; // 1\n    margin-bottom: govuk-spacing(2);\n    padding: 0;\n\n    white-space: normal; // 1\n  }\n\n  // Modifiers that make legends look more like their equivalent headings\n  .govuk-fieldset__legend--xl,\n  .govuk-fieldset__legend--l,\n  .govuk-fieldset__legend--m {\n    @include govuk-typography-weight-bold;\n    margin-bottom: govuk-spacing(3);\n  }\n\n  .govuk-fieldset__legend--xl {\n    @include govuk-font-size($size: 48);\n  }\n\n  .govuk-fieldset__legend--l {\n    @include govuk-font-size($size: 36);\n  }\n\n  .govuk-fieldset__legend--m {\n    @include govuk-font-size($size: 24);\n  }\n\n  .govuk-fieldset__legend--s {\n    @include govuk-typography-weight-bold;\n  }\n\n  // When the legend contains an H1, we want the H1 to inherit all styles from\n  // the legend. Effectively treat the heading as if it is not there.\n  .govuk-fieldset__heading {\n    margin: 0;\n    font-size: inherit;\n    font-weight: inherit;\n  }\n}\n","@import \"../error-message/index\";\n@import \"../fieldset/index\";\n@import \"../hint/index\";\n@import \"../label/index\";\n\n@include govuk-exports(\"govuk/component/checkboxes\") {\n  $govuk-touch-target-gutter: 4px;\n  $govuk-checkboxes-size: 40px;\n  $govuk-touch-target-size: ($govuk-checkboxes-size + $govuk-touch-target-gutter);\n  $govuk-small-checkboxes-size: 24px;\n  $govuk-checkboxes-label-padding-left-right: govuk-spacing(3);\n  $govuk-checkbox-check-horizontal-position: 10px;\n\n  .govuk-checkboxes__item {\n    display: flex;\n    flex-wrap: wrap;\n    position: relative;\n    margin-bottom: govuk-spacing(2);\n  }\n\n  .govuk-checkboxes__item:last-child,\n  .govuk-checkboxes__item:last-of-type {\n    margin-bottom: 0;\n  }\n\n  .govuk-checkboxes__input {\n    // Allow the input to sit above the label, enabling its proper detection\n    // when exploring by touch or using automation tools like Selenium\n    z-index: 1;\n    width: $govuk-touch-target-size;\n    height: $govuk-touch-target-size;\n    margin: 0;\n    opacity: 0;\n    cursor: pointer;\n  }\n\n  .govuk-checkboxes__label {\n    align-self: center;\n\n    // Ensure that the width of the label is never more than the width of the\n    // container minus the input width minus the padding on either side of\n    // the label. This prevents the label from going onto the next line due to\n    // __item using flex-wrap because we want hints on a separate line.\n    max-width: calc(100% - #{(($govuk-checkboxes-label-padding-left-right * 2) + $govuk-touch-target-size)});\n    margin-bottom: 0;\n    padding: (govuk-spacing(1) + $govuk-border-width-form-element) govuk-spacing(3);\n    cursor: pointer;\n    // remove 300ms pause on mobile\n    touch-action: manipulation;\n  }\n\n  // [ ] Check box\n  .govuk-checkboxes__label::before {\n    content: \"\";\n    box-sizing: border-box;\n    position: absolute;\n    top: ($govuk-touch-target-gutter / 2);\n    left: ($govuk-touch-target-gutter / 2);\n    width: $govuk-checkboxes-size;\n    height: $govuk-checkboxes-size;\n    border: $govuk-border-width-form-element solid currentcolor;\n    background: transparent;\n  }\n\n  // ✔ Check mark\n  //\n  // The check mark is a box with a border on the left and bottom side (└──),\n  // rotated 45 degrees\n  .govuk-checkboxes__label::after {\n    content: \"\";\n    box-sizing: border-box;\n    position: absolute;\n\n    // Use \"magic numbers\" to define shape and position of check mark because\n    // the complexity of the shape makes it difficult to calculate dynamically.\n    top: 13px;\n    left: $govuk-checkbox-check-horizontal-position;\n    width: 23px;\n    height: 12px;\n    transform: rotate(-45deg);\n    border: solid;\n    border-width: 0 0 5px 5px;\n    // Fix bug in IE11 caused by transform rotate (-45deg).\n    // See: alphagov/govuk_elements/issues/518\n    border-top-color: transparent;\n    opacity: 0;\n    background: transparent;\n  }\n\n  .govuk-checkboxes__hint {\n    display: block;\n    width: 100%;\n    margin-top: govuk-spacing(-1);\n    padding-right: $govuk-checkboxes-label-padding-left-right;\n    padding-left: ($govuk-checkboxes-label-padding-left-right + $govuk-touch-target-size);\n  }\n\n  // This is to bypass govuk-hint's specificity on hints following labels having\n  // a margin bottom of 10px (govuk-spacing(2)). Because checkboxes are flexbox,\n  // the margin doesn't collapse so we have to do this manually.\n  .govuk-label:not(.govuk-label--m):not(.govuk-label--l):not(.govuk-label--xl) + .govuk-checkboxes__hint {\n    margin-bottom: 0;\n  }\n\n  // Focused state\n  .govuk-checkboxes__input:focus + .govuk-checkboxes__label::before {\n    border-width: 4px;\n\n    // When colours are overridden, the yellow box-shadow becomes invisible\n    // which means the focus state is less obvious. By adding a transparent\n    // outline, which becomes solid (text-coloured) in that context, we ensure\n    // the focus remains clearly visible.\n    outline: $govuk-focus-width solid transparent;\n    outline-offset: 1px;\n\n    // When in an explicit forced-color mode, we can use the Highlight system\n    // color for the outline to better match focus states of native controls\n    @media screen and (forced-colors: active), (-ms-high-contrast: active) {\n      outline-color: Highlight;\n    }\n\n    box-shadow: 0 0 0 $govuk-focus-width $govuk-focus-colour;\n  }\n\n  // Selected state\n  .govuk-checkboxes__input:checked + .govuk-checkboxes__label::after {\n    opacity: 1;\n  }\n\n  // Disabled state\n  .govuk-checkboxes__input:disabled,\n  .govuk-checkboxes__input:disabled + .govuk-checkboxes__label {\n    cursor: not-allowed;\n  }\n\n  .govuk-checkboxes__input:disabled + .govuk-checkboxes__label,\n  .govuk-checkboxes__input:disabled ~ .govuk-hint {\n    opacity: 0.5;\n  }\n\n  // =========================================================\n  // Dividers ('or')\n  // =========================================================\n\n  .govuk-checkboxes__divider {\n    @include govuk-font($size: 19);\n    @include govuk-text-colour;\n    $govuk-divider-size: $govuk-checkboxes-size !default;\n    width: $govuk-divider-size;\n    margin-bottom: govuk-spacing(2);\n    text-align: center;\n  }\n\n  // =========================================================\n  // Conditional reveals\n  // =========================================================\n\n  // The narrow border is used in the conditional reveals because the border has\n  // to be an even number in order to be centred under the 40px checkbox or radio.\n  $conditional-border-width: $govuk-border-width-narrow;\n  // Calculate the amount of padding needed to keep the border centered against the checkbox.\n  $conditional-border-padding: ($govuk-touch-target-size / 2) - ($conditional-border-width / 2);\n  // Move the border centered with the checkbox\n  $conditional-margin-left: $conditional-border-padding;\n  // Move the contents of the conditional inline with the label\n  $conditional-padding-left: $conditional-border-padding + $govuk-checkboxes-label-padding-left-right;\n\n  .govuk-checkboxes__conditional {\n    @include govuk-responsive-margin(4, \"bottom\");\n    margin-left: $conditional-margin-left;\n    padding-left: $conditional-padding-left;\n    border-left: $conditional-border-width solid $govuk-border-colour;\n\n    .govuk-frontend-supported &--hidden {\n      display: none;\n    }\n\n    & > :last-child {\n      margin-bottom: 0;\n    }\n  }\n\n  // =========================================================\n  // Small checkboxes\n  // =========================================================\n\n  .govuk-checkboxes--small {\n    $input-offset: ($govuk-touch-target-size - $govuk-small-checkboxes-size) / 2;\n\n    .govuk-checkboxes__item {\n      margin-bottom: 0;\n    }\n\n    // Shift the touch target into the left margin so that the visible edge of\n    // the control is aligned\n    //\n    //   ┆What colours do you like?\n    //  ┌┆───┐\n    //  │┆[] │ Purple\n    //  └┆▲──┘\n    //  ▲┆└─ Check box pseudo element, aligned with margin\n    //  └─── Touch target (invisible input), shifted into the margin\n    .govuk-checkboxes__input {\n      margin-left: $input-offset * -1;\n    }\n\n    .govuk-checkboxes__label {\n      // Create a tiny space between the small checkbox hover state so that it\n      // doesn't clash with the label\n      padding-left: 1px;\n    }\n\n    // [ ] Check box\n    //\n    // Reduce the size of the check box [1], vertically center it within the\n    // touch target [2]\n    // Left here is 0 because we've shifted the input into the left margin\n    .govuk-checkboxes__label::before {\n      top: $input-offset; // 2\n      left: 0;\n      width: $govuk-small-checkboxes-size; // 1\n      height: $govuk-small-checkboxes-size; // 1\n    }\n\n    // ✔ Check mark\n    //\n    // Reduce the size of the check mark and re-align within the checkbox\n    .govuk-checkboxes__label::after {\n      top: 17px;\n\n      // Horizontal position is just the normal sized left value accounting for\n      // the new width of the smaller checkbox\n      left: (16px - $govuk-checkbox-check-horizontal-position);\n      width: 12px;\n      height: 6.5px;\n      border-width: 0 0 3px 3px;\n    }\n\n    // Fix position of hint with small checkboxes\n    //\n    // Do not use hints with small checkboxes – because they're within the input\n    // wrapper they trigger the hover state, but clicking them doesn't actually\n    // activate the control.\n    //\n    // (If you do use them, they won't look completely broken... but seriously,\n    // don't use them)\n    .govuk-checkboxes__hint {\n      padding-left: ($govuk-small-checkboxes-size + $input-offset);\n    }\n\n    // Align conditional reveals with small checkboxes\n    .govuk-checkboxes__conditional {\n      $margin-left: ($govuk-small-checkboxes-size / 2) - ($conditional-border-width / 2);\n      margin-left: $margin-left;\n      padding-left: ($govuk-touch-target-size - $input-offset) - ($margin-left + $conditional-border-width);\n    }\n\n    .govuk-checkboxes__divider {\n      width: $govuk-small-checkboxes-size;\n      margin-bottom: govuk-spacing(1);\n    }\n\n    // Hover state for small checkboxes.\n    //\n    // We use a hover state for small checkboxes because the touch target size\n    // is so much larger than their visible size, and so we need to provide\n    // feedback to the user as to which checkbox they will select when their\n    // cursor is outside of the visible area.\n    .govuk-checkboxes__item:hover .govuk-checkboxes__input:not(:disabled) + .govuk-checkboxes__label::before {\n      // Forced colours modes tend to ignore box-shadow.\n      // Apply an outline for those modes to use instead.\n      outline: $govuk-focus-width dashed transparent;\n      outline-offset: 1px;\n      box-shadow: 0 0 0 $govuk-hover-width $govuk-hover-colour;\n    }\n\n    // Because we've overridden the border-shadow provided by the focus state,\n    // we need to redefine that too.\n    //\n    // We use two box shadows, one that restores the original focus state [1]\n    // and another that then applies the hover state [2].\n    .govuk-checkboxes__item:hover .govuk-checkboxes__input:focus + .govuk-checkboxes__label::before {\n      // Set different HCM colour when we have both hover/focus applied at once\n      @media screen and (forced-colors: active), (-ms-high-contrast: active) {\n        outline-color: Highlight;\n      }\n      // prettier-ignore\n      box-shadow:\n        0 0 0 $govuk-focus-width $govuk-focus-colour, // 1\n        0 0 0 $govuk-hover-width $govuk-hover-colour; // 2\n    }\n\n    // For devices that explicitly don't support hover, don't provide a hover\n    // state (e.g. on touch devices like iOS).\n    //\n    // We can't use `@media (hover: hover)` because we wouldn't get the hover\n    // state in browsers that don't support `@media (hover)` (like Internet\n    // Explorer) – so we have to 'undo' the hover state instead.\n    @media (hover: none), (pointer: coarse) {\n      .govuk-checkboxes__item:hover .govuk-checkboxes__input:not(:disabled) + .govuk-checkboxes__label::before {\n        box-shadow: initial;\n      }\n\n      .govuk-checkboxes__item:hover .govuk-checkboxes__input:focus + .govuk-checkboxes__label::before {\n        box-shadow: 0 0 0 $govuk-focus-width $govuk-focus-colour;\n      }\n    }\n  }\n}\n","@import \"../button/index\";\n\n@include govuk-exports(\"govuk/component/cookie-banner\") {\n  // This needs to be kept in sync with the header component's styles\n  $border-bottom-width: govuk-spacing(2);\n\n  .govuk-cookie-banner {\n    padding-top: govuk-spacing(4);\n    // The component does not set bottom spacing. The bottom spacing should be\n    // created by the items inside the component.\n\n    // Visually separate the cookie banner from content underneath when user\n    // changes colours in their browser.\n    border-bottom: $border-bottom-width solid transparent;\n\n    @include _govuk-rebrand(\n      \"background-color\",\n      $govuk-template-background-colour,\n      $_govuk-rebrand-template-background-colour\n    );\n  }\n\n  // Support older browsers which don't hide elements with the `hidden` attribute\n  // when user hides the whole cookie banner with a 'Hide' button.\n  .govuk-cookie-banner[hidden] {\n    display: none;\n  }\n\n  .govuk-cookie-banner__message {\n    // Remove the extra height added by the separator border.\n    margin-bottom: -$border-bottom-width;\n\n    &[hidden] {\n      // Support older browsers which don't hide elements with the `hidden`\n      // attribute when the visibility of cookie and replacement messages is\n      // toggled.\n      display: none;\n    }\n\n    &:focus {\n      // Remove the native visible focus indicator when the element is\n      // programmatically focused.\n      //\n      // The focused cookie banner is the first element on the page and the last\n      // thing the user interacted with prior to it gaining focus. We therefore\n      // assume that moving focus to it is not going to surprise users, and that\n      // giving it a visible focus indicator could be more confusing than\n      // helpful, especially as the element is not normally keyboard operable.\n      //\n      // We have flagged this in the research section of the guidance as\n      // something to monitor.\n      //\n      // A related discussion: https://github.com/w3c/wcag/issues/1001\n      outline: none;\n    }\n  }\n}\n","@import \"../error-message/index\";\n@import \"../hint/index\";\n@import \"../label/index\";\n\n@include govuk-exports(\"govuk/component/input\") {\n  .govuk-input {\n    @include govuk-font($size: 19);\n\n    box-sizing: border-box;\n    width: 100%;\n    height: govuk-px-to-rem(40px);\n    margin-top: 0;\n    padding: govuk-spacing(1);\n    // Setting any background-color makes text invisible when changing colours\n    // to dark backgrounds in Firefox (https://bugzil.la/1335476). As\n    // background-color and color need to always be set together, color should\n    // not be set either\n    border: $govuk-border-width-form-element solid $govuk-input-border-colour;\n    border-radius: 0;\n\n    // Disable inner shadow and remove rounded corners\n    appearance: none;\n\n    &:focus {\n      @include govuk-focused-form-input;\n    }\n\n    &:disabled {\n      opacity: 0.5;\n      color: inherit;\n      background-color: transparent;\n      cursor: not-allowed;\n    }\n  }\n\n  .govuk-input::-webkit-outer-spin-button,\n  .govuk-input::-webkit-inner-spin-button {\n    margin: 0;\n    -webkit-appearance: none;\n  }\n\n  .govuk-input[type=\"number\"] {\n    -moz-appearance: textfield;\n  }\n\n  .govuk-input--error {\n    border-color: $govuk-error-colour;\n\n    &:focus {\n      border-color: $govuk-input-border-colour;\n    }\n  }\n\n  .govuk-input--extra-letter-spacing {\n    @include govuk-font-tabular-numbers;\n    letter-spacing: 0.05em;\n  }\n\n  // em measurements are based on the point size of the typeface\n  // Extra space is added on the right to allow for the Safari prefill icon\n\n  .govuk-input--width-30 {\n    max-width: 29.5em;\n  }\n\n  .govuk-input--width-20 {\n    max-width: 20.5em;\n  }\n\n  .govuk-input--width-10 {\n    max-width: 11.5em;\n  }\n\n  .govuk-input--width-5 {\n    max-width: 5.5em;\n  }\n\n  .govuk-input--width-4 {\n    max-width: 4.5em;\n  }\n\n  .govuk-input--width-3 {\n    max-width: 3.75em;\n  }\n\n  .govuk-input--width-2 {\n    max-width: 2.75em;\n  }\n\n  .govuk-input__wrapper {\n    display: flex;\n\n    .govuk-input {\n      flex: 0 1 auto;\n    }\n\n    .govuk-input:focus {\n      // Hack to stop focus style being overlapped by the suffix\n      z-index: 1;\n    }\n\n    // Split prefix/suffix onto separate lines on narrow screens\n    @include govuk-media-query($until: mobile) {\n      display: block;\n\n      .govuk-input {\n        // Set max-width to override potential width override class on the input\n        max-width: 100%;\n      }\n    }\n  }\n\n  .govuk-input__prefix,\n  .govuk-input__suffix {\n    @include govuk-font($size: 19);\n    box-sizing: border-box;\n    // Use flexbox to align text within the prefix and suffix\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    min-width: govuk-px-to-rem(40px);\n    height: govuk-px-to-rem(40px);\n    padding: govuk-spacing(1);\n    border: $govuk-border-width-form-element solid $govuk-input-border-colour;\n    background-color: govuk-colour(\"light-grey\");\n    text-align: center;\n    white-space: nowrap;\n    // Emphasise non-editable status of prefixes and suffixes\n    cursor: default;\n    flex: 0 0 auto;\n    // Split prefix/suffix onto separate lines on narrow screens\n    @include govuk-media-query($until: mobile) {\n      display: block;\n      height: 100%;\n      white-space: normal;\n    }\n  }\n\n  .govuk-input__prefix {\n    @include govuk-media-query($until: mobile) {\n      border-bottom: 0;\n    }\n    @include govuk-media-query($from: mobile) {\n      border-right: 0;\n    }\n  }\n\n  // Split prefix/suffix onto separate lines on narrow screens\n  .govuk-input__suffix {\n    @include govuk-media-query($until: mobile) {\n      border-top: 0;\n    }\n    @include govuk-media-query($from: mobile) {\n      border-left: 0;\n    }\n  }\n}\n","@import \"../error-message/index\";\n@import \"../input/index\";\n@import \"../hint/index\";\n@import \"../label/index\";\n@import \"../fieldset/index\";\n\n@include govuk-exports(\"govuk/component/date-input\") {\n  .govuk-date-input {\n    @include govuk-clearfix;\n    font-size: 0; // removes whitespace caused by inline-block\n  }\n\n  .govuk-date-input__item {\n    display: inline-block;\n    margin-right: govuk-spacing(4);\n    margin-bottom: 0;\n  }\n\n  .govuk-date-input__label {\n    display: block;\n  }\n\n  .govuk-date-input__input {\n    margin-bottom: 0;\n  }\n}\n","@include govuk-exports(\"govuk/component/details\") {\n  .govuk-details {\n    @include govuk-font($size: 19);\n    @include govuk-text-colour;\n    @include govuk-responsive-margin(6, \"bottom\");\n\n    display: block;\n  }\n\n  .govuk-details__summary {\n    display: block;\n  }\n\n  .govuk-details[open] .govuk-details__summary {\n    margin-bottom: govuk-spacing(1);\n  }\n\n  .govuk-details__summary-text {\n    > :first-child {\n      margin-top: 0;\n    }\n\n    > :only-child,\n    > :last-child {\n      margin-bottom: 0;\n    }\n  }\n\n  .govuk-details__text {\n    padding-top: govuk-spacing(3);\n    padding-bottom: govuk-spacing(3);\n    padding-left: govuk-spacing(4);\n  }\n\n  .govuk-details__text p {\n    margin-top: 0;\n    margin-bottom: govuk-spacing(4);\n  }\n\n  .govuk-details__text > :last-child {\n    margin-bottom: 0;\n  }\n\n  // Hack to target IE8 - IE11 (and REALLY old Firefox)\n  // These browsers don't support the details element, so fall back to looking\n  // like inset text\n  @media screen\\0 {\n    .govuk-details {\n      border-left: $govuk-border-width-wide solid $govuk-border-colour;\n    }\n\n    .govuk-details__summary {\n      margin-top: govuk-spacing(3);\n    }\n\n    .govuk-details__summary-text {\n      @include govuk-typography-weight-bold;\n      @include govuk-responsive-margin(4, \"bottom\");\n      padding-left: govuk-spacing(4);\n    }\n  }\n\n  // We wrap styles for newer browsers in a feature query, which is ignored by\n  // older browsers, which always expand the details element.\n  //\n  // Additionally, -ms-ime-align is only supported by Edge 12 - 18\n  //\n  // This ensures we don't use these styles in browsers which:\n  //   - support ES6 modules but not the <details> element (Edge 16 - 18)\n  //   - do not support ES6 modules or the <details> element (eg, IE8+)\n  @supports not (-ms-ime-align: auto) {\n    .govuk-details__summary {\n      // Absolutely position the marker against this element\n      position: relative;\n\n      // Make the focus outline shrink-wrap the text content of the summary\n      width: fit-content;\n\n      // Allow for absolutely positioned marker and align with disclosed text\n      padding-left: govuk-spacing(4) + $govuk-border-width;\n\n      // Style the summary to look like a link...\n      color: $govuk-link-colour;\n      cursor: pointer;\n\n      &:hover {\n        color: $govuk-link-hover-colour;\n      }\n\n      &:focus {\n        @include govuk-focused-text;\n      }\n    }\n    // ...but only underline the text, not the arrow\n    .govuk-details__summary-text {\n      @include govuk-link-decoration;\n    }\n\n    .govuk-details__summary:hover .govuk-details__summary-text {\n      @include govuk-link-hover-decoration;\n    }\n\n    // Remove the underline when focussed to avoid duplicate borders\n    .govuk-details__summary:focus .govuk-details__summary-text {\n      text-decoration: none;\n    }\n\n    // Remove the default details marker so we can style our own consistently and\n    // ensure it displays in Firefox (see implementation.md for details)\n    .govuk-details__summary::-webkit-details-marker {\n      display: none;\n    }\n\n    // Append our own open / closed marker using a pseudo-element\n    .govuk-details__summary::before {\n      content: \"\";\n      position: absolute;\n\n      top: -1px;\n      bottom: 0;\n      left: 0;\n\n      margin: auto;\n\n      @include govuk-shape-arrow($direction: right, $base: 14px);\n\n      .govuk-details[open] > & {\n        @include govuk-shape-arrow($direction: down, $base: 14px);\n      }\n    }\n\n    .govuk-details__text {\n      border-left: $govuk-border-width solid $govuk-border-colour;\n    }\n  }\n}\n","////\n/// @group helpers/shapes\n////\n\n/// Calculate the height of an equilateral triangle\n///\n/// Multiplying half the length of the base of an equilateral triangle by the\n/// square root of three gives us its height. We use 1.732 as an approximation.\n///\n/// @param {Number} $base - Length of the base of the triangle\n/// @return {Number} Calculated height of the triangle\n/// @access private\n\n@function _govuk-equilateral-height($base) {\n  $square-root-of-three: 1.732;\n\n  @return ($base / 2) * $square-root-of-three;\n}\n\n/// Arrow mixin\n///\n/// Generate Arrows (triangles) by using a mix of transparent (1) and coloured\n/// borders. The coloured borders inherit the text colour of the element (2).\n///\n/// Ensure the arrow is rendered correctly if browser colours are overridden by\n/// providing a clip path (3). Without this the transparent borders are\n/// overridden to become visible which results in a square.\n///\n/// We need both because older browsers do not support clip-path.\n///\n/// @param {String} $direction - Direction for arrow: up, right, down, left.\n/// @param {Number} $base - Length of the triangle 'base' side\n/// @param {Number} $height [null] - Height of triangle. Omit for equilateral.\n/// @param {String} $display [block] - CSS display property of the arrow\n///\n/// @access public\n\n@mixin govuk-shape-arrow($direction, $base, $height: null, $display: block) {\n  display: $display;\n\n  width: 0;\n  height: 0;\n\n  border-style: solid;\n  border-color: transparent; // 1\n\n  $perpendicular: $base / 2;\n\n  @if not $height {\n    $height: _govuk-equilateral-height($base);\n  }\n\n  @if $direction == \"up\" {\n    clip-path: polygon(50% 0%, 0% 100%, 100% 100%); // 3\n\n    border-width: 0 $perpendicular $height;\n    border-bottom-color: inherit; // 2\n  } @else if $direction == \"right\" {\n    clip-path: polygon(0% 0%, 100% 50%, 0% 100%); // 3\n\n    border-width: $perpendicular 0 $perpendicular $height;\n    border-left-color: inherit; // 2\n  } @else if $direction == \"down\" {\n    clip-path: polygon(0% 0%, 50% 100%, 100% 0%); // 3\n\n    border-width: $height $perpendicular 0 $perpendicular;\n    border-top-color: inherit; // 2\n  } @else if $direction == \"left\" {\n    clip-path: polygon(0% 50%, 100% 100%, 100% 0%); // 3\n\n    border-width: $perpendicular $height $perpendicular 0;\n    border-right-color: inherit; // 2\n  } @else {\n    @error \"Invalid arrow direction: expected `up`, `right`, `down` or `left`, got `#{$direction}`\";\n  }\n}\n","@import \"../../core/lists\";\n\n@include govuk-exports(\"govuk/component/error-summary\") {\n  .govuk-error-summary {\n    @include govuk-font($size: 19);\n    @include govuk-text-colour;\n    @include govuk-responsive-padding(4);\n    @include govuk-responsive-margin(8, \"bottom\");\n\n    border: $govuk-border-width solid $govuk-error-colour;\n\n    &:focus {\n      outline: $govuk-focus-width solid $govuk-focus-colour;\n    }\n  }\n\n  .govuk-error-summary__title {\n    @include govuk-font-size($size: 24);\n    @include govuk-typography-weight-bold;\n\n    margin-top: 0;\n    @include govuk-responsive-margin(4, \"bottom\");\n  }\n\n  .govuk-error-summary__body {\n    p {\n      margin-bottom: 0;\n    }\n\n    > * + * {\n      @include govuk-responsive-margin(4, \"top\");\n    }\n\n    > :last-child {\n      @include govuk-responsive-margin(1, \"bottom\");\n    }\n  }\n\n  // Cross-component class - adjusts styling of list component\n  .govuk-error-summary__list {\n    margin-bottom: 0;\n  }\n\n  // Remove the bottom margin from the last list item\n  .govuk-error-summary__list li:last-child {\n    margin-bottom: 0;\n  }\n\n  .govuk-error-summary__list a {\n    @include govuk-typography-weight-bold;\n    @include govuk-link-common;\n    @include govuk-link-style-error;\n  }\n}\n","@import \"../button/index\";\n\n@include govuk-exports(\"govuk/component/exit-this-page\") {\n  $indicator-size: 0.75em;\n\n  .govuk-exit-this-page {\n    @include govuk-responsive-margin(8, \"bottom\");\n    position: sticky;\n    z-index: 1000;\n    top: 0;\n    left: 0;\n    width: 100%;\n\n    @include govuk-media-query($from: tablet) {\n      display: inline-block;\n      right: 0;\n      left: auto;\n      width: auto;\n      float: right;\n    }\n  }\n\n  .govuk-exit-this-page__button {\n    margin-bottom: 0;\n  }\n\n  .govuk-exit-this-page__indicator {\n    @include govuk-responsive-padding(2);\n    display: none;\n    padding-bottom: 0;\n    color: inherit;\n    line-height: 0; // removes extra negative space below the indicators\n    text-align: center;\n    pointer-events: none;\n  }\n\n  .govuk-exit-this-page__indicator--visible {\n    display: block;\n  }\n\n  .govuk-exit-this-page__indicator-light {\n    box-sizing: border-box;\n    display: inline-block;\n    width: $indicator-size;\n    height: $indicator-size;\n    margin: 0 0.125em;\n    border-width: 2px;\n    border-style: solid;\n    border-radius: 50%;\n    border-color: currentcolor;\n  }\n\n  .govuk-exit-this-page__indicator-light--on {\n    border-width: $indicator-size / 2;\n  }\n\n  @media only print {\n    .govuk-exit-this-page {\n      display: none;\n    }\n  }\n\n  .govuk-exit-this-page-overlay {\n    position: fixed;\n    z-index: 9999;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    background-color: govuk-colour(\"white\");\n  }\n\n  // This class is added to the body when the Exit This Page button is activated\n  // in addition to the overlay to both block the entire screen and hide everything\n  // underneath it.\n  //\n  // We do this to ensure that users don't risk interacting with the page underneath\n  // the overlay between activating the button and navigating to the next page.\n  .govuk-exit-this-page-hide-content {\n    // stylelint-disable declaration-no-important\n    * {\n      display: none !important;\n    }\n\n    .govuk-exit-this-page-overlay {\n      display: block !important;\n    }\n  }\n}\n","@import \"../error-message/index\";\n@import \"../hint/index\";\n@import \"../label/index\";\n\n@include govuk-exports(\"govuk/component/file-upload\") {\n  $file-upload-border-width: 2px;\n  $component-padding: govuk-spacing(1);\n  $empty-button-background-colour: govuk-colour(\"white\");\n  $empty-pseudo-button-background-colour: govuk-colour(\"light-grey\");\n  $empty-status-background-colour: govuk-tint(govuk-colour(\"blue\"), 70%);\n\n  .govuk-file-upload {\n    @include govuk-font($size: 19);\n    @include govuk-text-colour;\n    max-width: 100%;\n    margin-left: -$component-padding;\n    padding: $component-padding;\n\n    // The default file upload button in Safari does not support setting a\n    // custom font-size. Set `-webkit-appearance` to `button` to drop out of the\n    // native appearance so the font-size is set to 19px\n    // https://webkit.org/b/224746\n    &::-webkit-file-upload-button {\n      -webkit-appearance: button;\n      color: inherit;\n      font: inherit;\n    }\n\n    &:focus {\n      outline: $govuk-focus-width solid $govuk-focus-colour;\n      // Use `box-shadow` to add border instead of changing `border-width`\n      // (which changes element size) and since `outline` is already used for\n      // the yellow focus state.\n      box-shadow: inset 0 0 0 4px $govuk-input-border-colour;\n    }\n\n    // Set \"focus-within\" to fix https://bugzil.la/1430196 so that component\n    // receives focus in Firefox.\n    // This can't be set together with `:focus` as all versions of IE fail\n    // to recognise `focus-within` and don't set any styles from the block\n    // when it's a selector.\n    &:focus-within {\n      outline: $govuk-focus-width solid $govuk-focus-colour;\n\n      box-shadow: inset 0 0 0 4px $govuk-input-border-colour;\n    }\n\n    &:disabled {\n      opacity: 0.5;\n      cursor: not-allowed;\n    }\n  }\n\n  .govuk-drop-zone {\n    display: block;\n    position: relative;\n    z-index: 0;\n    background-color: $govuk-body-background-colour;\n  }\n\n  // required because disabling pointer events\n  // on the button means that the cursor style\n  // be applied on the button itself\n  .govuk-drop-zone--disabled {\n    cursor: not-allowed;\n  }\n\n  .govuk-file-upload-button__pseudo-button {\n    width: auto;\n    margin-right: govuk-spacing(2);\n    margin-bottom: $govuk-border-width-form-element + 1;\n    flex-shrink: 0;\n  }\n\n  .govuk-file-upload-button__instruction {\n    margin-top: govuk-spacing(2) - ($govuk-border-width-form-element + 1);\n    margin-bottom: 0;\n    text-align: left;\n  }\n\n  .govuk-file-upload-button__status {\n    display: block;\n    margin-bottom: govuk-spacing(2);\n    padding: govuk-spacing(3) govuk-spacing(2);\n    background-color: govuk-colour(\"white\");\n    text-align: left;\n  }\n\n  // bugs documented with button using flex\n  // https://github.com/philipwalton/flexbugs#flexbug-9\n  // so we need a container here\n  .govuk-file-upload-button__pseudo-button-container {\n    display: flex;\n    align-items: baseline;\n    flex-wrap: wrap;\n  }\n\n  .govuk-file-upload-button {\n    width: 100%;\n    // align the padding to be same as notification banner and error summary accounting for the thicker borders\n    padding: (govuk-spacing(3) + $govuk-border-width - $file-upload-border-width);\n    border: $file-upload-border-width govuk-colour(\"mid-grey\") solid;\n    background-color: govuk-colour(\"light-grey\");\n    cursor: pointer;\n\n    @include govuk-media-query($from: tablet) {\n      padding: (govuk-spacing(4) + $govuk-border-width - $file-upload-border-width);\n    }\n\n    .govuk-file-upload-button__pseudo-button {\n      background-color: govuk-colour(\"white\");\n    }\n\n    &:hover {\n      background-color: govuk-tint(govuk-colour(\"mid-grey\"), 20%);\n\n      .govuk-file-upload-button__pseudo-button {\n        background-color: govuk-shade(govuk-colour(\"light-grey\"), 10%);\n      }\n\n      .govuk-file-upload-button__status {\n        background-color: govuk-tint(govuk-colour(\"blue\"), 80%);\n      }\n    }\n\n    &:active,\n    &:focus {\n      border: $file-upload-border-width solid govuk-colour(\"black\");\n      outline: $govuk-focus-width solid $govuk-focus-colour;\n      // Ensure outline appears outside of the element\n      outline-offset: 0;\n      background-color: govuk-tint(govuk-colour(\"mid-grey\"), 20%);\n      // Double the border by adding its width again. Use `box-shadow` for this\n      // instead of changing `border-width` - this is for consistency with\n      // components such as textarea where we avoid changing `border-width` as\n      // it will change the element size. Also, `outline` cannot be utilised\n      // here as it is already used for the yellow focus state.\n      box-shadow: inset 0 0 0 $govuk-border-width-form-element;\n\n      .govuk-file-upload-button__pseudo-button {\n        background-color: $govuk-focus-colour;\n        box-shadow: 0 2px 0 govuk-colour(\"black\");\n      }\n\n      &:hover .govuk-file-upload-button__pseudo-button {\n        border-color: $govuk-focus-colour;\n        outline: 3px solid transparent;\n        background-color: govuk-colour(\"light-grey\");\n        box-shadow: inset 0 0 0 1px $govuk-focus-colour;\n      }\n    }\n  }\n\n  .govuk-file-upload-button--empty {\n    border-style: dashed;\n    background-color: $empty-button-background-colour;\n\n    .govuk-file-upload-button__pseudo-button {\n      background-color: $empty-pseudo-button-background-colour;\n    }\n\n    .govuk-file-upload-button__status {\n      color: govuk-shade(govuk-colour(\"blue\"), 60%);\n      background-color: $empty-status-background-colour;\n    }\n\n    &:hover,\n    &:focus,\n    &:active {\n      background-color: govuk-colour(\"light-grey\");\n\n      .govuk-file-upload-button__status {\n        background-color: govuk-tint(govuk-colour(\"blue\"), 80%);\n      }\n    }\n  }\n\n  .govuk-file-upload-button--dragging {\n    border-style: solid;\n    border-color: govuk-colour(\"black\");\n\n    // extra specificity to apply when\n    // empty\n    &.govuk-file-upload-button {\n      background-color: govuk-tint(govuk-colour(\"mid-grey\"), 20%);\n    }\n\n    &.govuk-file-upload-button--empty {\n      background-color: govuk-colour(\"light-grey\");\n    }\n\n    &.govuk-file-upload-button--empty:not(:disabled) .govuk-file-upload-button__status,\n    &.govuk-file-upload-button--empty .govuk-file-upload-button__pseudo-button {\n      background-color: govuk-colour(\"white\");\n    }\n\n    .govuk-file-upload-button__pseudo-button {\n      background-color: govuk-shade(govuk-colour(\"light-grey\"), 10%);\n    }\n  }\n\n  .govuk-file-upload-button:disabled {\n    pointer-events: none;\n    opacity: 0.5;\n\n    background-color: $empty-button-background-colour;\n\n    .govuk-file-upload-button__pseudo-button {\n      background-color: $empty-pseudo-button-background-colour;\n    }\n\n    .govuk-file-upload-button__status {\n      background-color: $empty-status-background-colour;\n    }\n  }\n}\n","@include govuk-exports(\"govuk/component/footer\") {\n  $govuk-footer-background: $govuk-template-background-colour;\n  $govuk-footer-text: $govuk-text-colour;\n  $govuk-footer-content-border: $govuk-border-colour;\n\n  // Royal Arms image dimensions\n  $govuk-footer-crest-image-width: 125px;\n  $govuk-footer-crest-image-height: 102px;\n\n  .govuk-footer {\n    @include govuk-font($size: if($govuk-new-typography-scale, 19, 16));\n    @include govuk-responsive-padding(7, \"top\");\n    @include govuk-responsive-padding(5, \"bottom\");\n\n    border-top: 10px solid $govuk-brand-colour;\n    color: $govuk-footer-text;\n    @include _govuk-rebrand(\n      \"background\",\n      $from: $govuk-footer-background,\n      $to: $_govuk-rebrand-template-background-colour\n    );\n  }\n\n  .govuk-footer__crown {\n    margin-bottom: govuk-spacing(5);\n  }\n\n  .govuk-footer__link {\n    @include govuk-link-common;\n    @include govuk-link-style-text;\n  }\n\n  .govuk-footer__section-break {\n    margin: 0; // Reset `<hr>` default margins\n    @include govuk-responsive-margin(8, \"bottom\");\n    border: 0; // Reset `<hr>` default borders\n    border-bottom: 1px solid;\n    @include _govuk-rebrand(\n      \"border-bottom-color\",\n      $from: $govuk-footer-content-border,\n      $to: $_govuk-rebrand-border-colour-on-blue-tint-95\n    );\n  }\n\n  .govuk-footer__meta {\n    display: flex; // Support: Flexbox\n    margin-right: -$govuk-gutter-half;\n    margin-left: -$govuk-gutter-half;\n    flex-wrap: wrap; // Support: Flexbox\n    align-items: flex-end; // Support: Flexbox\n    justify-content: center; // Support: Flexbox\n  }\n\n  .govuk-footer__meta-item {\n    margin-right: $govuk-gutter-half;\n    margin-bottom: govuk-spacing(5);\n    margin-left: $govuk-gutter-half;\n  }\n\n  .govuk-footer__meta-item--grow {\n    flex: 1; // Support: Flexbox\n    @include govuk-media-query($until: tablet) {\n      flex-basis: 320px; // Support: Flexbox\n    }\n  }\n\n  .govuk-footer__licence-logo {\n    display: inline-block;\n    margin-right: govuk-spacing(2);\n    @include govuk-media-query($until: desktop) {\n      margin-bottom: govuk-spacing(3);\n    }\n    vertical-align: top;\n    // Work around SVGs not inheriting color from parent in forced color mode\n    // (https://github.com/w3c/csswg-drafts/issues/6310)\n    forced-color-adjust: auto;\n  }\n\n  .govuk-footer__licence-description {\n    // This makes the license description reflow under the logo when space gets too narrow\n    display: inline-block;\n    // This prevents the description from having orphans when space is narrow enough\n    // and makes the text reflow more nicely\n    text-wrap: balance;\n  }\n\n  .govuk-footer__copyright-logo::before {\n    content: \"\";\n    display: block;\n    width: 100%;\n    padding-top: ($govuk-footer-crest-image-height + govuk-spacing(2));\n    background-image: govuk-image-url(\"govuk-crest.svg\");\n    background-repeat: no-repeat;\n    background-position: 50% 0%;\n    background-size: $govuk-footer-crest-image-width $govuk-footer-crest-image-height;\n    text-align: center;\n    white-space: nowrap;\n\n    // Where possible use the crest as a mask instead. This lets us use\n    // currentColor, increasing the contrast of the image and matching the\n    // user's prefered foreground colour in e.g. forced colors mode.\n    // We test for `mask-position` rather than `mask-image` because of a false\n    // positive in Edge 17.\n    @supports (mask-position: initial) {\n      background: currentcolor;\n      mask-image: govuk-image-url(\"govuk-crest.svg\");\n      mask-repeat: no-repeat;\n      mask-position: 50% 0%;\n      mask-size: $govuk-footer-crest-image-width $govuk-footer-crest-image-height;\n\n      // currentcolor doesn't seem to be computed correctly in forced colors\n      // mode so force the background color to match the system link color\n      // (matching the text in the link)\n      @media screen and (forced-colors: active) {\n        background: linktext;\n      }\n    }\n  }\n\n  .govuk-footer__inline-list {\n    margin-top: 0;\n    margin-bottom: govuk-spacing(3);\n    padding: 0;\n  }\n\n  .govuk-footer__meta-custom {\n    margin-bottom: govuk-spacing(4);\n  }\n\n  .govuk-footer__inline-list-item {\n    display: inline-block;\n    margin-right: govuk-spacing(3);\n    margin-bottom: govuk-spacing(1);\n  }\n\n  .govuk-footer__heading {\n    margin-bottom: govuk-spacing(6);\n    padding-bottom: govuk-spacing(4);\n\n    @include govuk-media-query($until: tablet) {\n      padding-bottom: govuk-spacing(2);\n    }\n\n    border-bottom: 1px solid;\n    @include _govuk-rebrand(\n      \"border-bottom-color\",\n      $from: $govuk-footer-content-border,\n      $to: $_govuk-rebrand-border-colour-on-blue-tint-95\n    );\n  }\n\n  .govuk-footer__navigation {\n    @include govuk-clearfix;\n    margin-right: -$govuk-gutter-half;\n    margin-left: -$govuk-gutter-half;\n  }\n\n  .govuk-footer__section {\n    display: inline-block;\n    margin-bottom: $govuk-gutter;\n    vertical-align: top;\n  }\n\n  .govuk-footer__list {\n    margin: 0;\n    padding: 0;\n    list-style: none;\n    column-gap: $govuk-gutter; // Support: Columns\n  }\n\n  @include govuk-media-query($from: desktop) {\n    .govuk-footer__list--columns-2 {\n      column-count: 2; // Support: Columns\n    }\n\n    .govuk-footer__list--columns-3 {\n      column-count: 3; // Support: Columns\n    }\n  }\n\n  .govuk-footer__list-item {\n    @include govuk-responsive-margin(4, \"bottom\");\n  }\n\n  .govuk-footer__list-item:last-child {\n    margin-bottom: 0;\n  }\n}\n","@include govuk-exports(\"govuk/component/header\") {\n  $govuk-header-background: govuk-colour(\"black\");\n  $govuk-header-border-color: $govuk-brand-colour;\n  $govuk-header-border-width: govuk-spacing(2);\n  $govuk-header-text: govuk-colour(\"white\");\n  $govuk-header-link-active: #1d8feb;\n  $govuk-header-nav-item-border-color: #2e3133;\n  $govuk-header-link-underline-thickness: 3px;\n  $govuk-header-vertical-spacing-value: 2;\n  // This crown height is only used to calculate top offset of mobile menu button\n  // as the crown svg height is the only thing that controls the height of the header\n  $govuk-header-crown-height: 30px;\n  $govuk-header-menu-button-height: 24px;\n  $govuk-header-menu-button-width: 80px;\n\n  $govuk-header-rebrand-background: $govuk-brand-colour;\n  $govuk-header-rebrand-logo-bottom-margin: 2px;\n\n  .govuk-header {\n    @include govuk-font($size: 16, $line-height: 1);\n\n    // Add a transparent bottom border for forced-colour modes\n    @include _govuk-rebrand(\n      \"border-bottom\",\n      $from: govuk-spacing(2) solid govuk-colour(\"white\"),\n      $to: 1px solid transparent\n    );\n    @include _govuk-rebrand(\"background\", $from: $govuk-header-background, $to: $govuk-header-rebrand-background);\n\n    color: $govuk-header-text;\n  }\n\n  .govuk-header--with-js-navigation {\n    @include govuk-media-query($until: desktop) {\n      .govuk-header__logo {\n        // Protect the absolute positioned menu button from overlapping with the\n        // logo with right padding using the button's width\n        padding-right: $govuk-header-menu-button-width;\n      }\n    }\n  }\n\n  .govuk-header__container--full-width {\n    padding: 0 govuk-spacing(3);\n    border-color: $govuk-header-border-color;\n\n    .govuk-header__menu-button {\n      right: govuk-spacing(3);\n    }\n  }\n\n  .govuk-header__container {\n    @include govuk-clearfix;\n    position: relative;\n    margin-bottom: -$govuk-header-border-width;\n    padding-top: govuk-spacing($govuk-header-vertical-spacing-value);\n    border-bottom: $govuk-header-border-width solid $govuk-header-border-color;\n\n    @include _govuk-rebrand {\n      // Remove the space allocated to the blue bar\n      margin-bottom: 0;\n\n      // Remove padding as the child elements are now responsible for spacing\n      padding-top: 0;\n\n      // Remove the blue bar\n      border-bottom: none;\n    }\n  }\n\n  // TODO: Remove this when _govuk-rebrand becomes the default\n  .govuk-header--full-width-border {\n    border-bottom-color: $govuk-header-border-color;\n\n    .govuk-header__container {\n      border-bottom-color: transparent;\n    }\n  }\n\n  .govuk-header__logotype {\n    display: inline-block;\n    position: relative;\n    top: -3px;\n\n    // Add a gap after the logo in case it's followed by a product name. This\n    // gets removed later if the logotype is a :last-child.\n    margin-right: govuk-spacing(1);\n    fill: currentcolor;\n    vertical-align: top;\n\n    // Prevent readability backplate from obscuring underline in Windows High\n    // Contrast Mode\n    @media (forced-colors: active) {\n      forced-color-adjust: none;\n      color: linktext;\n    }\n\n    // Remove the gap after the logo if there's no product name to keep hover\n    // and focus states neat\n    &:last-child {\n      margin-right: 0;\n    }\n\n    @include _govuk-rebrand {\n      margin-right: govuk-px-to-rem(7px); // 1 'dot'\n      margin-bottom: $govuk-header-rebrand-logo-bottom-margin;\n\n      // Remove right-margin if there's no product name\n      &:last-child {\n        margin-right: 0;\n      }\n    }\n  }\n\n  // Colour in the Dot\n  .govuk-logo-dot {\n    fill: #00ffe0;\n\n    // Override Dot colour when printing\n    @include govuk-media-query($media-type: print) {\n      fill: currentcolor;\n    }\n\n    // Override Dot colour on forced colours mode\n    @media (forced-colors: active) {\n      fill: currentcolor;\n    }\n\n    // Override Dot colour on focus\n    :focus & {\n      fill: currentcolor;\n    }\n  }\n\n  .govuk-header__product-name {\n    $product-name-offset: if($govuk-new-typography-scale, 7px, 10px);\n    $product-name-offset-tablet: 5px;\n\n    @include govuk-font-size($size: 24, $line-height: 1);\n    @include govuk-typography-weight-regular;\n    display: inline-table;\n\n    // Maintain space below logo when wrapped\n    margin-top: $product-name-offset;\n\n    // Firefox places the GOV.UK logo one pixel higher, due to how it rounds\n    // subpixels, so nudge the product name in FF to still be aligned.\n    @-moz-document url-prefix() {\n      margin-top: $product-name-offset - 0.5px;\n    }\n\n    // Align vertically with logo when not wrapped\n    vertical-align: top;\n\n    @include govuk-media-query($from: tablet) {\n      margin-top: $product-name-offset-tablet;\n      @-moz-document url-prefix() {\n        margin-top: $product-name-offset-tablet - 0.5px;\n      }\n    }\n\n    @include _govuk-rebrand {\n      // Remove top margin\n      margin-top: 0;\n\n      // Remove 1px from the bottom to account for the font-size being 1px\n      // larger than the logo height.\n      margin-bottom: govuk-px-to-rem(-1px);\n\n      // Magic number font-size that visually aligns with GOV.UK logo.\n      // Also stops reducing the product name size on narrow screens\n      font-size: govuk-px-to-rem(31px);\n\n      // Reduce letter spacing\n      letter-spacing: -0.015em;\n\n      // Prevent forced colour modes from applying a background colour behind\n      // the product name, which cuts off the underline that appears on hover.\n      forced-color-adjust: none;\n\n      @media screen and (forced-colors: active) {\n        color: LinkText;\n        background: transparent;\n      }\n\n      // Remove top margin on the breakpoints too\n      @include govuk-media-query($from: tablet) {\n        margin-top: 0;\n      }\n\n      @include govuk-media-query($from: desktop) {\n        margin-top: 0;\n      }\n    }\n  }\n\n  .govuk-header__link {\n    // Avoid using the `govuk-link-common` mixin because the links in the header\n    // get a special treatment, because:\n    //\n    // - underlines are only visible on hover\n    // - all links get a 3px underline regardless of text size, as there are\n    //   multiple grouped elements close to one another and having slightly\n    //   different underline widths looks unbalanced\n    @include govuk-link-style-inverse;\n\n    text-decoration: none;\n\n    &:hover {\n      text-decoration: underline;\n      text-decoration-thickness: $govuk-header-link-underline-thickness;\n\n      @if $govuk-link-underline-offset {\n        text-underline-offset: $govuk-link-underline-offset;\n      }\n    }\n\n    &:focus {\n      @include govuk-focused-text;\n    }\n  }\n\n  .govuk-header__link--homepage {\n    // Font size needs to be set on the link so that the box sizing is correct\n    // in Firefox\n    display: inline-block;\n    margin-right: govuk-spacing(2);\n    font-size: 30px; // We don't have a mixin that produces 30px font size\n\n    @include govuk-media-query($from: desktop) {\n      display: inline;\n    }\n\n    &:link,\n    &:visited {\n      text-decoration: none;\n    }\n\n    &:hover,\n    &:active {\n      // Negate the added border\n      margin-bottom: $govuk-header-link-underline-thickness * -1;\n      border-bottom: $govuk-header-link-underline-thickness solid;\n    }\n\n    // Remove any borders that show when focused and hovered.\n    &:focus {\n      margin-bottom: 0;\n      border-bottom: 0;\n    }\n\n    @include _govuk-rebrand {\n      display: inline;\n\n      // Remove word-spacing from within the logo so we can ignore\n      // whitespace characters in the HTML\n      word-spacing: govuk-px-to-rem(-6px);\n\n      // Reset word-spacing for child elements\n      > * {\n        word-spacing: 0;\n      }\n\n      &:not(:focus) {\n        background-color: $govuk-header-rebrand-background;\n      }\n    }\n  }\n\n  .govuk-header__service-name {\n    display: inline-block;\n    margin-bottom: govuk-spacing(2);\n    @include govuk-font-size($size: 24);\n    @include govuk-typography-weight-bold;\n\n    @include _govuk-rebrand {\n      // Apply margins to internal elements to emulate padding\n      margin-bottom: govuk-spacing(3);\n\n      @include govuk-media-query($from: desktop) {\n        // Magic number to align service name baseline with the GOV.UK logo\n        $service-name-offset: 4px;\n\n        margin: (govuk-spacing(3) + $service-name-offset) 0 (govuk-spacing(3) - $service-name-offset);\n      }\n    }\n  }\n\n  .govuk-header__logo,\n  .govuk-header__content {\n    box-sizing: border-box;\n  }\n\n  .govuk-header__logo {\n    @include govuk-responsive-margin($govuk-header-vertical-spacing-value, \"bottom\");\n\n    @include govuk-media-query($from: desktop) {\n      width: 33.33%;\n      padding-right: $govuk-gutter-half;\n      float: left;\n      vertical-align: top;\n\n      // Reset float when logo is the last child, without a navigation\n      &:last-child {\n        width: auto;\n        padding-right: 0;\n        float: none;\n      }\n    }\n\n    @include _govuk-rebrand {\n      // Apply margins to internal elements to emulate padding\n      margin-bottom: 0;\n\n      // Magic numbers, set padding to vertically centre align the logo\n      padding-top: 16px;\n      padding-bottom: 14px - $govuk-header-rebrand-logo-bottom-margin;\n    }\n  }\n\n  .govuk-header__content {\n    @include govuk-media-query($from: desktop) {\n      width: 66.66%;\n      padding-left: $govuk-gutter-half;\n      float: left;\n    }\n  }\n\n  .govuk-header__menu-button {\n    @include govuk-font($size: 16);\n    max-width: $govuk-header-menu-button-width;\n    min-height: $govuk-header-menu-button-height;\n    margin-bottom: govuk-spacing(1);\n    padding: 0;\n    border: 0;\n    color: govuk-colour(\"white\");\n    background: none;\n    word-break: break-all;\n    cursor: pointer;\n\n    &:hover {\n      text-decoration: solid underline $govuk-header-link-underline-thickness;\n\n      @if $govuk-link-underline-offset {\n        text-underline-offset: $govuk-link-underline-offset;\n      }\n    }\n\n    &:focus {\n      @include govuk-focused-text;\n    }\n\n    &::after {\n      @include govuk-shape-arrow($direction: down, $base: 10px, $display: inline-block);\n      content: \"\";\n      margin-left: govuk-spacing(1);\n    }\n\n    &[aria-expanded=\"true\"]::after {\n      @include govuk-shape-arrow($direction: up, $base: 10px, $display: inline-block);\n    }\n\n    @include govuk-media-query($from: mobile) {\n      position: absolute;\n      // calculate top offset by:\n      // - getting the vertical spacing for the top and the bottom of the header\n      // - adding that to the crown height\n      // - dividing it by 2 so you have the vertical centre of the header\n      // - subtracting half the height of the menu button\n      top: (((govuk-spacing($govuk-header-vertical-spacing-value) * 2) + $govuk-header-crown-height) / 2) -\n        ($govuk-header-menu-button-height / 2);\n      right: 0;\n      margin: 0;\n    }\n\n    @include govuk-media-query($from: tablet) {\n      top: govuk-spacing(3);\n    }\n\n    .govuk-frontend-supported & {\n      display: block;\n    }\n\n    &[hidden],\n    .govuk-frontend-supported &[hidden] {\n      display: none;\n    }\n  }\n\n  .govuk-header__navigation {\n    @include govuk-media-query($until: mobile) {\n      @include _govuk-rebrand {\n        padding-bottom: govuk-spacing(3);\n      }\n    }\n\n    @include govuk-media-query($from: desktop) {\n      margin-bottom: govuk-spacing(2);\n\n      @include _govuk-rebrand {\n        // Magic number so that the bottom of the nav links aligns with the\n        // baseline of the GOV.UK logo\n        $navigation-offset: 7px;\n\n        // Apply margins to internal elements to emulate padding\n        margin-bottom: 0;\n        padding: (govuk-spacing(3) + $navigation-offset) 0 (govuk-spacing(3) - $navigation-offset);\n      }\n    }\n  }\n\n  .govuk-header__service-name + .govuk-header__navigation {\n    @include _govuk-rebrand {\n      @include govuk-media-query($from: desktop) {\n        // If there's both a service name and navigation,\n        // remove the extra padding between them on desktop\n        padding-top: 0;\n\n        // Restore the full bottom padding as the navigation isn't standalone\n        padding-bottom: govuk-spacing(3);\n      }\n    }\n  }\n\n  .govuk-header__navigation-list {\n    // Reset user-agent default list styles\n    margin: 0;\n    padding: 0;\n    list-style: none;\n\n    &[hidden] {\n      display: none;\n    }\n\n    @include _govuk-rebrand {\n      @include govuk-media-query($from: mobile, $until: desktop) {\n        padding-bottom: govuk-spacing(3);\n      }\n    }\n  }\n\n  .govuk-header__navigation--end {\n    @include govuk-media-query($from: desktop) {\n      margin: 0;\n      padding: govuk-spacing(1) 0;\n      text-align: right;\n    }\n  }\n\n  .govuk-header__navigation-item {\n    padding: govuk-spacing(2) 0;\n    border-bottom: 1px solid $govuk-header-nav-item-border-color;\n\n    @include govuk-media-query($from: desktop) {\n      display: inline-block;\n      margin-right: govuk-spacing(3);\n      padding: govuk-spacing(1) 0;\n      border: 0;\n    }\n\n    a {\n      @include govuk-font-size($size: 16);\n      @include govuk-typography-weight-bold;\n      white-space: nowrap;\n    }\n\n    @include _govuk-rebrand {\n      // Increase top padding of nav items...\n      padding-top: govuk-spacing(3);\n\n      // ...except on desktop\n      @include govuk-media-query($from: desktop) {\n        padding-top: govuk-spacing(1);\n      }\n\n      // Change the dividing line colour between mobile nav items\n      border-bottom-color: govuk-colour(\"white\");\n\n      // Reduce default weight of links so that we can use bold for active ones\n      a {\n        @include govuk-typography-weight-regular;\n      }\n    }\n  }\n\n  .govuk-header__navigation-item--active {\n    a {\n      @include _govuk-rebrand {\n        // Change active links to use bold text instead of changing colour\n        @include govuk-typography-weight-bold;\n      }\n\n      &:link,\n      &:hover,\n      &:visited {\n        color: $govuk-header-link-active;\n\n        @include _govuk-rebrand {\n          color: inherit;\n        }\n      }\n\n      // When printing, use the normal blue as this contrasts better with the\n      // white printing header\n      @include govuk-media-query($media-type: print) {\n        color: $govuk-brand-colour;\n      }\n\n      // When focussed, the text colour needs to be darker to ensure that colour\n      // contrast is still acceptable\n      &:focus {\n        color: $govuk-focus-text-colour;\n\n        @include _govuk-rebrand {\n          color: $govuk-focus-text-colour;\n        }\n      }\n    }\n  }\n\n  .govuk-header__navigation-item:last-child {\n    margin-right: 0;\n    border-bottom: 0;\n  }\n\n  @include govuk-media-query($media-type: print) {\n    .govuk-header {\n      border-bottom-width: 0;\n      color: govuk-colour(\"black\");\n      background: transparent;\n    }\n\n    .govuk-header__link {\n      &:link,\n      &:visited {\n        color: govuk-colour(\"black\");\n      }\n\n      // Do not append link href to GOV.UK link when printing (e.g. '(/)')\n      &::after {\n        display: none;\n      }\n    }\n  }\n}\n","@include govuk-exports(\"govuk/component/inset-text\") {\n  .govuk-inset-text {\n    @include govuk-font($size: 19);\n    @include govuk-text-colour;\n    padding: govuk-spacing(3);\n    // Margin top intended to collapse\n    // This adds an additional 10px to the paragraph above\n    @include govuk-responsive-margin(6, \"top\");\n    @include govuk-responsive-margin(6, \"bottom\");\n\n    clear: both;\n\n    border-left: $govuk-border-width-wide solid $govuk-border-colour;\n\n    > :first-child {\n      margin-top: 0;\n    }\n\n    > :only-child,\n    > :last-child {\n      margin-bottom: 0;\n    }\n  }\n}\n","@include govuk-exports(\"govuk/component/notification-banner\") {\n  .govuk-notification-banner {\n    @include govuk-font($size: 19);\n    @include govuk-responsive-margin(8, \"bottom\");\n\n    border: $govuk-border-width solid $govuk-brand-colour;\n\n    background-color: $govuk-brand-colour;\n\n    &:focus {\n      outline: $govuk-focus-width solid $govuk-focus-colour;\n    }\n  }\n\n  .govuk-notification-banner__header {\n    padding: 2px govuk-spacing(3) govuk-spacing(1);\n\n    // Ensures the notification header appears separate to the notification body\n    // text in high contrast mode\n    border-bottom: 1px solid transparent;\n\n    @include govuk-media-query($from: tablet) {\n      padding: 2px govuk-spacing(4) govuk-spacing(1);\n    }\n  }\n\n  .govuk-notification-banner__title {\n    // Set the size again because this element is a heading and the user agent\n    // font size overrides the inherited font size\n    @include govuk-font-size($size: 19);\n    @include govuk-typography-weight-bold;\n    margin: 0;\n    padding: 0;\n    color: govuk-colour(\"white\");\n  }\n\n  .govuk-notification-banner__content {\n    $padding-tablet: govuk-spacing(4);\n    @include govuk-text-colour;\n    padding: govuk-spacing(3);\n\n    background-color: $govuk-body-background-colour;\n\n    @include govuk-media-query($from: tablet) {\n      padding: $padding-tablet;\n    }\n\n    // Wrap content at the same place that a 2/3 grid column ends, to maintain\n    // shorter line-lengths when the notification banner is full width\n    > * {\n      // When elements have their own padding (like lists), include the padding\n      // in the max-width calculation\n      box-sizing: border-box;\n\n      // Calculate the internal width of a two-thirds column...\n      $two-col-width: ($govuk-page-width * 2 / 3) - ($govuk-gutter * 1 / 3);\n\n      // ...and then factor in the left border and padding\n      $banner-exterior: ($padding-tablet + $govuk-border-width);\n      max-width: $two-col-width - $banner-exterior;\n    }\n\n    > :last-child {\n      margin-bottom: 0;\n    }\n  }\n\n  .govuk-notification-banner__heading {\n    @include govuk-font-size($size: 24);\n    @include govuk-typography-weight-bold;\n\n    margin: 0 0 govuk-spacing(3);\n\n    padding: 0;\n  }\n\n  .govuk-notification-banner__link {\n    @include govuk-link-common;\n    @include govuk-link-style-no-visited-state;\n  }\n\n  .govuk-notification-banner--success {\n    border-color: $govuk-success-colour;\n\n    background-color: $govuk-success-colour;\n\n    .govuk-notification-banner__link {\n      @include govuk-link-style-success;\n    }\n  }\n}\n","@include govuk-exports(\"govuk/component/pagination\") {\n  // Flexbox enhancement for small screen visual design\n  // Falls back to a float: left layout on non-flex browsers\n  .govuk-pagination {\n    @include govuk-responsive-margin(6, \"bottom\");\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    flex-wrap: wrap;\n\n    @include govuk-media-query($from: tablet) {\n      flex-direction: row;\n      align-items: flex-start;\n    }\n  }\n\n  .govuk-pagination__list {\n    margin: 0;\n    padding: 0;\n    list-style: none;\n  }\n\n  .govuk-pagination__item,\n  .govuk-pagination__next,\n  .govuk-pagination__prev {\n    @include govuk-font(19);\n    box-sizing: border-box;\n    position: relative;\n    min-width: 45px;\n    min-height: 45px;\n    padding: govuk-spacing(2) govuk-spacing(3);\n    float: left; // Float is ignored if flex is active for prev/next links\n\n    &:hover {\n      background-color: govuk-colour(\"light-grey\");\n    }\n  }\n\n  .govuk-pagination__item {\n    // Hide items on small screens except the prev/next items,\n    // non-link items and the first and last items\n    display: none;\n\n    // Center align pagination links in their parent list item so that they\n    // visually sit in the middle of their touch area\n    text-align: center;\n\n    @include govuk-media-query($from: tablet) {\n      display: block;\n    }\n  }\n\n  .govuk-pagination__prev,\n  .govuk-pagination__next {\n    @include govuk-typography-weight-bold;\n\n    // Use flex to avoid extra space being introduced when whitespace exists\n    // between the arrow svg and the link text\n    .govuk-pagination__link {\n      display: flex;\n      align-items: center;\n    }\n  }\n\n  .govuk-pagination__prev {\n    padding-left: 0;\n  }\n\n  .govuk-pagination__next {\n    padding-right: 0;\n  }\n\n  // Only show first, last and non-link items on mobile\n  .govuk-pagination__item--current,\n  .govuk-pagination__item--ellipses,\n  .govuk-pagination__item:first-child,\n  .govuk-pagination__item:last-child {\n    display: block;\n  }\n\n  .govuk-pagination__item--current {\n    @include govuk-typography-weight-bold;\n    outline: 1px solid transparent;\n    background-color: $govuk-link-colour;\n\n    &:hover {\n      background-color: $govuk-link-colour;\n    }\n\n    .govuk-pagination__link {\n      @include govuk-link-style-inverse;\n    }\n  }\n\n  .govuk-pagination__item--ellipses {\n    @include govuk-typography-weight-bold;\n    color: $govuk-secondary-text-colour;\n\n    // Remove hover state for ellipsis items as they don't contain links\n    &:hover {\n      background-color: transparent;\n    }\n  }\n\n  .govuk-pagination__link {\n    display: block;\n    min-width: govuk-spacing(3);\n\n    // Increase the touch area for the link to the parent element.\n    @media screen {\n      &::after {\n        content: \"\";\n        position: absolute;\n        top: 0;\n        right: 0;\n        bottom: 0;\n        left: 0;\n      }\n    }\n\n    // Add link hover decoration to prev/next text if no label present on\n    // prev/next only mode,  so that we have a hover state in all cases\n    &:hover,\n    &:active {\n      .govuk-pagination__link-title--decorated {\n        @include govuk-link-decoration;\n      }\n\n      .govuk-pagination__link-label,\n      .govuk-pagination__link-title--decorated {\n        @include govuk-link-hover-decoration;\n      }\n    }\n\n    &:focus {\n      .govuk-pagination__icon {\n        color: $govuk-focus-text-colour;\n      }\n\n      .govuk-pagination__link-label {\n        text-decoration: none;\n      }\n\n      .govuk-pagination__link-title--decorated {\n        text-decoration: none;\n      }\n    }\n  }\n\n  .govuk-pagination__link-title {\n    text-decoration-thickness: inherit;\n  }\n\n  .govuk-pagination__link-label {\n    @include govuk-typography-weight-regular;\n    @include govuk-link-decoration;\n    display: inline-block;\n  }\n\n  .govuk-pagination__icon {\n    // Set size using rems to make the icon scale with text\n    width: govuk-px-to-rem(15px);\n    height: govuk-px-to-rem(13px);\n    color: $govuk-secondary-text-colour;\n    fill: currentcolor;\n    forced-color-adjust: auto;\n  }\n\n  .govuk-pagination__icon--prev {\n    margin-right: govuk-spacing(3);\n  }\n\n  .govuk-pagination__icon--next {\n    margin-left: govuk-spacing(3);\n  }\n\n  // Block mode - position previous and next links above and below numbers\n  .govuk-pagination--block {\n    display: block;\n\n    .govuk-pagination__next,\n    .govuk-pagination__prev {\n      padding-left: 0;\n      float: none;\n\n      .govuk-pagination__link {\n        display: inline-block;\n      }\n    }\n\n    .govuk-pagination__next {\n      padding-right: govuk-spacing(3);\n    }\n\n    // Only apply a border between prev and next if both are present\n    .govuk-pagination__prev + .govuk-pagination__next {\n      border-top: 1px solid $govuk-border-colour;\n    }\n\n    // Set the after pseudo element to a block which makes the title visually\n    // display as block level whilst programmatically being inline. We do this\n    // to get around an NVDA quirk where adjacent block level elements are\n    // always read out separately\n    .govuk-pagination__link-title::after {\n      content: \"\";\n      display: block;\n    }\n\n    .govuk-pagination__link {\n      padding-left: govuk-spacing(6);\n      text-align: left;\n\n      &:not(:focus) {\n        text-decoration: none;\n      }\n    }\n\n    .govuk-pagination__icon {\n      // This magic number is brought to you by the following equation:\n      // ((lineHeight − arrowHeight) ÷ 2) ÷ fontSize\n      // ((25 − 13) ÷ 2) ÷ 19 = 0.326em\n      //\n      // This could have been done programmatically but we don't have functions\n      // for grabbing the line-height of specific typography sizes just yet.\n      margin-top: 0.326em;\n      margin-left: govuk-spacing(6) * -1;\n      float: left;\n    }\n  }\n}\n","@include govuk-exports(\"govuk/component/panel\") {\n  .govuk-panel {\n    @include govuk-font($size: 36);\n\n    box-sizing: border-box;\n\n    margin-bottom: govuk-spacing(3);\n    padding: govuk-spacing(7) - $govuk-border-width;\n\n    border: $govuk-border-width solid transparent;\n\n    text-align: center;\n\n    @include govuk-media-query($until: tablet) {\n      padding: govuk-spacing(if($govuk-new-typography-scale, 4, 3)) - $govuk-border-width;\n\n      // This is an if-all-else-fails attempt to stop long words from\n      // overflowing the container on very narrow viewports by forcing them to\n      // break and wrap instead. This overflowing is more likely to happen when\n      // user increases text size on a mobile eg. using iOS Safari text resize\n      // controls.\n      //\n      // The overflowing is a particular problem with the panel component since\n      // it uses white text: when the text overflows the container, it is\n      // invisible on the white (page) background. When the text in our other\n      // components overflow, the user might have to scroll horizontally to view\n      // it but the the text remains legible.\n      overflow-wrap: break-word;\n\n      // Support IE (autoprefixer doesn't add this as it's not a prefix)\n      word-wrap: break-word;\n    }\n  }\n\n  .govuk-panel--confirmation {\n    color: govuk-colour(\"white\");\n    background: govuk-colour(\"green\");\n\n    @include govuk-media-query($media-type: print) {\n      border-color: currentcolor;\n      color: $govuk-print-text-colour;\n      background: none;\n    }\n  }\n\n  .govuk-panel__title {\n    @include govuk-font-size($size: 48);\n    @include govuk-typography-weight-bold;\n    margin-top: 0;\n    margin-bottom: govuk-spacing(6);\n  }\n\n  .govuk-panel__title:last-child {\n    margin-bottom: 0;\n  }\n}\n","@import \"../button/index\";\n@import \"../input/index\";\n\n@include govuk-exports(\"govuk/component/password-input\") {\n  .govuk-password-input__wrapper {\n    // This element inherits styles from .govuk-input__wrapper, including:\n    // - being display: block with contents in a stacked column below the mobile\n    //   breakpoint\n    // - being display: flex above the mobile breakpoint\n\n    @include govuk-media-query($from: mobile) {\n      flex-direction: row;\n\n      // The default of `stretch` makes the toggle button appear taller than the\n      // input, due to using box-shadow, which we don't particularly want in\n      // this situation\n      align-items: flex-start;\n    }\n  }\n\n  .govuk-password-input__input {\n    // IE 11 and Microsoft Edge comes with its own password reveal function. We\n    // want to hide it, so that there aren't two controls presented to the user\n    // that do the same thing but aren't in sync with one another. This doesn't\n    // affect the function that allows Edge users to toggle password visibility\n    // by pressing Alt+F8, which cannot be programmatically disabled.\n    &::-ms-reveal {\n      display: none;\n    }\n  }\n\n  .govuk-password-input__toggle {\n    // Add top margin so the button doesn't obscure the input's focus style\n    margin-top: govuk-spacing(1);\n\n    // Remove default margin-bottom from button\n    margin-bottom: 0;\n\n    // Hide the button by default, JS removes this attribute\n    &[hidden] {\n      display: none;\n    }\n\n    @include govuk-media-query($from: mobile) {\n      // Buttons are normally 100% wide on mobile, but we don't want that here\n      width: auto;\n      flex-shrink: 0;\n      flex-basis: 5em;\n\n      // Move the spacing from top to the left\n      margin-top: 0;\n      margin-left: govuk-spacing(1);\n    }\n  }\n}\n","@include govuk-exports(\"govuk/component/tag\") {\n  $govuk-tag-max-width: if(map-has-key($govuk-breakpoints, \"mobile\"), map-get($govuk-breakpoints, \"mobile\") / 2, 160px);\n\n  .govuk-tag {\n    @include govuk-font($size: 19);\n\n    display: inline-block;\n\n    // set a max-width along with overflow-wrap: break-word below for instances\n    // where a tag has a single long word and could overflow its boundaries.\n    // The max-width is necessary as break-word requires a bounding box to base\n    // where to break off of.\n    max-width: $govuk-tag-max-width;\n\n    // These negative margins make sure that the tag component doesn’t increase\n    // the size of its container. Otherwise, for example, a table row containing\n    // a tag will be taller than one containing plain text.\n    //\n    // The negative margin added to the top and bottom matches the extra padding\n    // added.\n    margin-top: -2px;\n    margin-bottom: -3px;\n\n    padding-top: 2px;\n    padding-right: 8px;\n    padding-bottom: 3px;\n    padding-left: 8px;\n    color: govuk-shade(govuk-colour(\"blue\"), 60%);\n    background-color: govuk-tint(govuk-colour(\"blue\"), 70%);\n    text-decoration: none;\n    overflow-wrap: break-word;\n\n    // When forced colour mode is active, for example to provide high contrast,\n    // the background colour of the tag is the same as the rest of the page. To\n    // ensure that the tag is perceived as separate from any surround text, it\n    // is made bold.\n    //\n    // Transparent outlines are no longer added, as they make the Tag look\n    // indistinguishable from a button – but the tag is not interactive in the\n    // same way.\n    @media screen and (forced-colors: active) {\n      font-weight: bold;\n    }\n  }\n\n  .govuk-tag--grey {\n    color: govuk-shade(govuk-colour(\"dark-grey\"), 50%);\n    background-color: govuk-tint(govuk-colour(\"dark-grey\"), 85%);\n  }\n\n  .govuk-tag--purple {\n    color: govuk-shade(govuk-colour(\"bright-purple\"), 50%);\n    background-color: govuk-tint(govuk-colour(\"bright-purple\"), 85%);\n  }\n\n  .govuk-tag--turquoise {\n    color: govuk-shade(govuk-colour(\"turquoise\"), 60%);\n    background-color: govuk-tint(govuk-colour(\"turquoise\"), 80%);\n  }\n\n  .govuk-tag--blue {\n    color: govuk-shade(govuk-colour(\"blue\"), 60%);\n    background-color: govuk-tint(govuk-colour(\"blue\"), 70%);\n  }\n\n  .govuk-tag--light-blue {\n    color: govuk-shade(govuk-colour(\"blue\"), 60%);\n    background-color: govuk-tint(govuk-colour(\"blue\"), 90%);\n  }\n\n  .govuk-tag--yellow {\n    color: govuk-shade(govuk-colour(\"yellow\"), 65%);\n    background-color: govuk-tint(govuk-colour(\"yellow\"), 75%);\n  }\n\n  .govuk-tag--orange {\n    color: govuk-shade(govuk-colour(\"orange\"), 55%);\n    background-color: govuk-tint(govuk-colour(\"orange\"), 70%);\n  }\n\n  .govuk-tag--red {\n    color: govuk-shade(govuk-colour(\"red\"), 80%);\n    background-color: govuk-tint(govuk-colour(\"red\"), 75%);\n  }\n\n  .govuk-tag--pink {\n    color: govuk-shade(govuk-colour(\"pink\"), 50%);\n    background-color: govuk-tint(govuk-colour(\"pink\"), 85%);\n  }\n\n  .govuk-tag--green {\n    color: govuk-shade(govuk-colour(\"green\"), 20%);\n    background-color: govuk-tint(govuk-colour(\"green\"), 80%);\n  }\n}\n","@import \"../tag/index\";\n\n@include govuk-exports(\"govuk/component/phase-banner\") {\n  .govuk-phase-banner {\n    padding-top: govuk-spacing(2);\n    padding-bottom: govuk-spacing(2);\n\n    border-bottom: 1px solid $govuk-border-colour;\n  }\n\n  .govuk-phase-banner__content {\n    @include govuk-font($size: 16);\n    @include govuk-text-colour;\n\n    display: table;\n    margin: 0;\n  }\n\n  .govuk-phase-banner__content__tag {\n    @include govuk-font-size($size: 16);\n    margin-right: govuk-spacing(if($govuk-new-typography-scale, 3, 2));\n\n    @if $govuk-new-typography-scale {\n      @include govuk-media-query($from: tablet) {\n        margin-right: govuk-spacing(2);\n      }\n    }\n  }\n\n  .govuk-phase-banner__text {\n    display: table-cell;\n    vertical-align: middle;\n  }\n}\n","@import \"../error-message/index\";\n@import \"../fieldset/index\";\n@import \"../hint/index\";\n@import \"../label/index\";\n\n@include govuk-exports(\"govuk/component/radios\") {\n  $govuk-touch-target-gutter: 4px;\n  $govuk-radios-size: 40px;\n  $govuk-touch-target-size: ($govuk-radios-size + $govuk-touch-target-gutter);\n  $govuk-small-radios-size: 24px;\n  $govuk-radios-label-padding-left-right: govuk-spacing(3);\n  // When the default focus width is used on a curved edge it looks visually\n  // smaller. So for the circular radios we bump the default to make it look\n  // visually consistent.\n  $govuk-radios-focus-width: $govuk-focus-width + 1px;\n\n  .govuk-radios__item {\n    display: flex;\n    flex-wrap: wrap;\n    position: relative;\n    margin-bottom: govuk-spacing(2);\n  }\n\n  .govuk-radios__item:last-child,\n  .govuk-radios__item:last-of-type {\n    margin-bottom: 0;\n  }\n\n  .govuk-radios__input {\n    // Allow the input to sit above the label, enabling its proper detection\n    // when exploring by touch or using automation tools like Selenium\n    z-index: 1;\n    width: $govuk-touch-target-size;\n    height: $govuk-touch-target-size;\n    margin: 0;\n    opacity: 0;\n    cursor: pointer;\n  }\n\n  .govuk-radios__label {\n    align-self: center;\n\n    // Ensure that the width of the label is never more than the width of the\n    // container minus the input width minus the padding on either side of\n    // the label. This prevents the label from going onto the next line due to\n    // __item using flex-wrap because we want hints on a separate line\n    max-width: calc(100% - #{($govuk-radios-label-padding-left-right + $govuk-touch-target-size + govuk-spacing(3))});\n    margin-bottom: 0;\n    padding: (govuk-spacing(1) + $govuk-border-width-form-element) govuk-spacing(3);\n    cursor: pointer;\n    // remove 300ms pause on mobile\n    touch-action: manipulation;\n  }\n\n  // ( ) Radio ring\n  .govuk-radios__label::before {\n    content: \"\";\n    box-sizing: border-box;\n    position: absolute;\n    top: ($govuk-touch-target-gutter / 2);\n    left: ($govuk-touch-target-gutter / 2);\n    width: $govuk-radios-size;\n    height: $govuk-radios-size;\n    border: $govuk-border-width-form-element solid currentcolor;\n    border-radius: 50%;\n    background: transparent;\n  }\n\n  //  •  Radio button\n  //\n  // We create the 'button' entirely out of 'border' so that they remain\n  // 'filled' even when colours are overridden in the browser.\n  .govuk-radios__label::after {\n    $radio-button-size: govuk-spacing(2);\n\n    content: \"\";\n    position: absolute;\n\n    // Positioned by getting half the touch target, so we have the centre of the\n    // input, and then moving back by the button's border width, thus positioning\n    // the centre of the button in the centre of the input.\n    top: (($govuk-touch-target-size / 2) - $radio-button-size);\n    left: (($govuk-touch-target-size / 2) - $radio-button-size);\n    width: 0;\n    height: 0;\n    border: $radio-button-size solid currentcolor;\n    border-radius: 50%;\n    opacity: 0;\n    background: currentcolor;\n  }\n\n  .govuk-radios__hint {\n    display: block;\n    width: 100%;\n    margin-top: govuk-spacing(-1);\n    padding-right: $govuk-radios-label-padding-left-right;\n    padding-left: ($govuk-radios-label-padding-left-right + $govuk-touch-target-size);\n  }\n\n  // This is to bypass govuk-hint's specificity on hints following labels having\n  // a margin bottom of 10px (govuk-spacing(2)). Because radios are flexbox,\n  // the margin doesn't collapse so we have to do this manually.\n  .govuk-label:not(.govuk-label--m):not(.govuk-label--l):not(.govuk-label--xl) + .govuk-radios__hint {\n    margin-bottom: 0;\n  }\n\n  // Focused state\n  .govuk-radios__input:focus + .govuk-radios__label::before {\n    border-width: 4px;\n\n    // When colours are overridden, the yellow box-shadow becomes invisible\n    // which means the focus state is less obvious. By adding a transparent\n    // outline, which becomes solid (text-coloured) in that context, we ensure\n    // the focus remains clearly visible.\n    outline: $govuk-focus-width solid transparent;\n    outline-offset: 1px;\n\n    // When in an explicit forced-color mode, we can use the Highlight system\n    // color for the outline to better match focus states of native controls\n    @media screen and (forced-colors: active), (-ms-high-contrast: active) {\n      outline-color: Highlight;\n    }\n\n    box-shadow: 0 0 0 $govuk-radios-focus-width $govuk-focus-colour;\n  }\n\n  // Selected state\n  .govuk-radios__input:checked + .govuk-radios__label::after {\n    opacity: 1;\n  }\n\n  // Disabled state\n  .govuk-radios__input:disabled,\n  .govuk-radios__input:disabled + .govuk-radios__label {\n    cursor: not-allowed;\n  }\n\n  .govuk-radios__input:disabled + .govuk-radios__label,\n  .govuk-radios__input:disabled ~ .govuk-hint {\n    opacity: 0.5;\n  }\n\n  // =========================================================\n  // Inline radios\n  // =========================================================\n\n  .govuk-radios--inline {\n    @include govuk-media-query($from: tablet) {\n      display: flex;\n      flex-wrap: wrap;\n      align-items: flex-start;\n\n      .govuk-radios__item {\n        margin-right: govuk-spacing(4);\n      }\n    }\n  }\n\n  // =========================================================\n  // Dividers ('or')\n  // =========================================================\n\n  .govuk-radios__divider {\n    @include govuk-font($size: 19);\n    @include govuk-text-colour;\n    $govuk-divider-size: $govuk-radios-size !default;\n    width: $govuk-divider-size;\n    margin-bottom: govuk-spacing(2);\n    text-align: center;\n  }\n\n  // =========================================================\n  // Conditional reveals\n  // =========================================================\n\n  // The narrow border is used in the conditional reveals because the border has\n  // to be an even number in order to be centred under the 40px checkbox radio.\n  $conditional-border-width: $govuk-border-width-narrow;\n  // Calculate the amount of padding needed to keep the border centered against\n  // the radios.\n  $conditional-border-padding: ($govuk-touch-target-size / 2) - ($conditional-border-width / 2);\n  // Move the border centered with the radios\n  $conditional-margin-left: $conditional-border-padding;\n  // Move the contents of the conditional inline with the label\n  $conditional-padding-left: $conditional-border-padding + $govuk-radios-label-padding-left-right;\n\n  .govuk-radios__conditional {\n    @include govuk-responsive-margin(4, \"bottom\");\n    margin-left: $conditional-margin-left;\n    padding-left: $conditional-padding-left;\n    border-left: $conditional-border-width solid $govuk-border-colour;\n\n    .govuk-frontend-supported &--hidden {\n      display: none;\n    }\n\n    & > :last-child {\n      margin-bottom: 0;\n    }\n  }\n\n  // =========================================================\n  // Small checkboxes\n  // =========================================================\n\n  .govuk-radios--small {\n    $input-offset: ($govuk-touch-target-size - $govuk-small-radios-size) / 2;\n\n    .govuk-radios__item {\n      margin-bottom: 0;\n    }\n\n    // Shift the touch target into the left margin so that the visible edge of\n    // the control is aligned\n    //\n    //   ┆Which colour is your favourite?\n    //  ┌┆───┐\n    //  │┆() │ Purple\n    //  └┆▲──┘\n    //  ▲┆└─ Radio pseudo element, aligned with margin\n    //  └─── Touch target (invisible input), shifted into the margin\n    .govuk-radios__input {\n      margin-left: $input-offset * -1;\n    }\n\n    .govuk-radios__label {\n      // Create a tiny space between the small radio hover state so that it\n      // doesn't clash with the label\n      padding-left: 1px;\n    }\n\n    // ( ) Radio ring\n    //\n    // Reduce the size of the control [1], vertically centering it within the\n    // touch target [2]\n    // Left here is 0 because we've shifted the input into the left margin\n    .govuk-radios__label::before {\n      top: $input-offset; // 2\n      left: 0;\n      width: $govuk-small-radios-size; // 1\n      height: $govuk-small-radios-size; // 1\n    }\n\n    //  •  Radio button\n    //\n    // Reduce the size of the 'button' and center it within the ring\n    .govuk-radios__label::after {\n      $radio-button-size: govuk-spacing(1);\n\n      // The same calculation as normal radio buttons but reduce the border width\n      top: (($govuk-touch-target-size / 2) - $radio-button-size);\n      left: ((($govuk-touch-target-size / 2) - $radio-button-size) - $input-offset);\n      border-width: $radio-button-size;\n    }\n\n    // Fix position of hint with small radios\n    //\n    // Do not use hints with small radios – because they're within the input\n    // wrapper they trigger the hover state, but clicking them doesn't actually\n    // activate the control.\n    //\n    // (If you do use them, they won't look completely broken... but seriously,\n    // don't use them)\n    .govuk-radios__hint {\n      padding-left: ($govuk-small-radios-size + $input-offset);\n    }\n\n    // Align conditional reveals with small radios\n    .govuk-radios__conditional {\n      $margin-left: ($govuk-small-radios-size / 2) - ($conditional-border-width / 2);\n      margin-left: $margin-left;\n      padding-left: ($govuk-touch-target-size - $input-offset) - ($margin-left + $conditional-border-width);\n    }\n\n    .govuk-radios__divider {\n      width: $govuk-small-radios-size;\n      margin-bottom: govuk-spacing(1);\n    }\n\n    // Hover state for small radios.\n    //\n    // We use a hover state for small radios because the touch target size\n    // is so much larger than their visible size, and so we need to provide\n    // feedback to the user as to which radio they will select when their\n    // cursor is outside of the visible area.\n    .govuk-radios__item:hover .govuk-radios__input:not(:disabled) + .govuk-radios__label::before {\n      // Forced colours modes tend to ignore box-shadow.\n      // Apply an outline for those modes to use instead.\n      outline: $govuk-radios-focus-width dashed transparent;\n      outline-offset: 1px;\n      box-shadow: 0 0 0 $govuk-hover-width $govuk-hover-colour;\n    }\n\n    // Because we've overridden the border-shadow provided by the focus state,\n    // we need to redefine that too.\n    //\n    // We use two box shadows, one that restores the original focus state [1]\n    // and another that then applies the hover state [2].\n    .govuk-radios__item:hover .govuk-radios__input:focus + .govuk-radios__label::before {\n      // Set different HCM colour when we have both hover/focus applied at once\n      @media screen and (forced-colors: active), (-ms-high-contrast: active) {\n        outline-color: Highlight;\n      }\n      // prettier-ignore\n      box-shadow:\n        0 0 0 $govuk-radios-focus-width $govuk-focus-colour // 1,\n        0 0 0 $govuk-hover-width $govuk-hover-colour; // 2\n    }\n\n    // For devices that explicitly don't support hover, don't provide a hover\n    // state (e.g. on touch devices like iOS).\n    //\n    // We can't use `@media (hover: hover)` because we wouldn't get the hover\n    // state in browsers that don't support `@media (hover)` (like Internet\n    // Explorer) – so we have to 'undo' the hover state instead.\n    @media (hover: none), (pointer: coarse) {\n      .govuk-radios__item:hover .govuk-radios__input:not(:disabled) + .govuk-radios__label::before {\n        box-shadow: initial;\n      }\n\n      .govuk-radios__item:hover .govuk-radios__input:focus + .govuk-radios__label::before {\n        box-shadow: 0 0 0 $govuk-radios-focus-width $govuk-focus-colour;\n      }\n    }\n  }\n}\n","@import \"../error-message/index\";\n@import \"../hint/index\";\n@import \"../label/index\";\n\n@include govuk-exports(\"govuk/component/select\") {\n  .govuk-select {\n    @include govuk-font($size: 19, $line-height: 1.25);\n\n    box-sizing: border-box;\n\n    // This min-width was chosen because:\n    // - it makes the Select wider than it is tall (which is what users expect)\n    // - 11.5em matches the 'length-10' variant of the input component\n    // - it fits comfortably on screens as narrow as 240px wide\n    min-width: 11.5em;\n    max-width: 100%;\n    height: govuk-px-to-rem(40px);\n    padding: govuk-spacing(1);\n    border: $govuk-border-width-form-element solid $govuk-input-border-colour;\n\n    // Default user agent colours for selects can have low contrast,\n    // and may look disabled (#2435)\n    color: $govuk-text-colour;\n    background-color: govuk-colour(\"white\");\n\n    &:focus {\n      @include govuk-focused-form-input;\n    }\n\n    &:disabled {\n      opacity: 0.5;\n      color: inherit;\n      cursor: not-allowed;\n    }\n  }\n\n  .govuk-select option:active,\n  .govuk-select option:checked,\n  .govuk-select:focus::-ms-value {\n    color: govuk-colour(\"white\");\n    background-color: govuk-colour(\"blue\");\n  }\n\n  .govuk-select--error {\n    border-color: $govuk-error-colour;\n\n    &:focus {\n      border-color: $govuk-input-border-colour;\n    }\n  }\n}\n","@include govuk-exports(\"govuk/component/service-navigation\") {\n  $govuk-service-navigation-active-link-border-width: govuk-spacing(1);\n  $govuk-service-navigation-background: govuk-colour(\"light-grey\");\n  $govuk-service-navigation-border-colour: $govuk-border-colour;\n\n  // We make the link colour a little darker than normal here so that it has\n  // better perceptual contrast with the navigation background.\n  $govuk-service-navigation-link-colour: govuk-shade($govuk-link-colour, 10%);\n\n  .govuk-service-navigation {\n    border-bottom-width: 1px;\n    border-bottom-style: solid;\n    @include _govuk-rebrand(\n      \"border-bottom-color\",\n      $from: $govuk-service-navigation-border-colour,\n      $to: $_govuk-rebrand-border-colour-on-blue-tint-95\n    );\n    @include _govuk-rebrand(\n      \"background-color\",\n      $from: $govuk-service-navigation-background,\n      $to: $_govuk-rebrand-template-background-colour\n    );\n  }\n\n  .govuk-service-navigation__container {\n    display: flex;\n    flex-direction: column;\n    align-items: start;\n\n    @include govuk-media-query($from: tablet) {\n      flex-direction: row;\n      flex-wrap: wrap;\n    }\n  }\n\n  // These styles are shared between nav items and the service name, they\n  // ensure that both of them remain vertically aligned with one another\n  .govuk-service-navigation__item,\n  .govuk-service-navigation__service-name {\n    position: relative;\n    margin: govuk-spacing(2) 0;\n    border: 0 solid $govuk-service-navigation-link-colour;\n\n    @include govuk-media-query($from: tablet) {\n      // inline-block is used as a fallback for browsers that don't support flexbox\n      display: inline-block;\n\n      margin-top: 0;\n      margin-bottom: 0;\n      padding: govuk-spacing(4) 0;\n\n      @include _govuk-rebrand {\n        padding: govuk-spacing(3) 0;\n\n        // More magic numbers ahoy:\n        // 29 is the desired height of the element (60), minus top and bottom\n        // padding (2×15), minus bottom border (1); 19 is the font-size at this\n        // point. This gives us the perfect fractional line height to make the\n        // overall component 60px high\n        line-height: (29 / 19);\n      }\n\n      &:not(:last-child) {\n        @include govuk-responsive-margin(6, $direction: right);\n      }\n    }\n  }\n\n  // Remove the top margin of the first nav item if there is a service name but\n  // there's no menu button (either because it doesn't exist or it's hidden)\n  .govuk-service-navigation__service-name + .govuk-service-navigation__wrapper {\n    .govuk-service-navigation__list:first-child,\n    .govuk-service-navigation__toggle[hidden] + .govuk-service-navigation__list {\n      .govuk-service-navigation__item:first-child {\n        margin-top: 0;\n      }\n    }\n  }\n\n  .govuk-service-navigation__item--active {\n    @include govuk-media-query($until: tablet) {\n      // Negative offset the left margin so we can place a current page indicator\n      // to the left without misaligning the list item text.\n      margin-left: ((govuk-spacing(2) + $govuk-service-navigation-active-link-border-width) * -1);\n      padding-left: govuk-spacing(2);\n      border-left-width: $govuk-service-navigation-active-link-border-width;\n    }\n\n    @include govuk-media-query($from: tablet) {\n      @include _govuk-rebrand(\n        \"padding-bottom\",\n        $from: govuk-spacing(4) - $govuk-service-navigation-active-link-border-width,\n        $to: govuk-spacing(3) - $govuk-service-navigation-active-link-border-width\n      );\n      border-bottom-width: $govuk-service-navigation-active-link-border-width;\n    }\n  }\n\n  .govuk-service-navigation__link {\n    @include govuk-link-common;\n    @include govuk-link-style-no-underline;\n    @include govuk-link-style-no-visited-state;\n\n    &:not(:hover):not(:focus) {\n      // We set the colour here as we don't want to override the hover or\n      // focus colours\n      color: $govuk-service-navigation-link-colour;\n    }\n  }\n\n  //\n  // Service name specific code\n  //\n\n  .govuk-service-navigation__service-name {\n    @include govuk-font($size: 19, $weight: bold);\n  }\n\n  // Annoyingly this requires a compound selector in order to overcome the\n  // specificity of the other link colour override we're doing\n  .govuk-service-navigation__service-name .govuk-service-navigation__link {\n    @include govuk-link-style-text;\n  }\n\n  // Allow navigation section to always take up maximum available space,\n  // rather than sizing to fit the content. This makes it easier to right align\n  // nav items and use slots.\n  .govuk-service-navigation__wrapper {\n    flex-grow: 1;\n  }\n\n  //\n  // Navigation list specific code\n  //\n\n  .govuk-service-navigation__toggle {\n    @include govuk-font($size: 19, $weight: bold);\n    display: inline-flex;\n    margin: govuk-spacing(2) 0;\n    padding: 0;\n    border: 0;\n    color: $govuk-service-navigation-link-colour;\n    background: none;\n    word-break: break-all;\n    cursor: pointer;\n    align-items: center;\n\n    &:focus {\n      @include govuk-focused-text;\n    }\n\n    &::after {\n      @include govuk-shape-arrow($direction: down, $base: 10px, $display: inline-block);\n      content: \"\";\n      margin-left: govuk-spacing(1);\n    }\n\n    &[aria-expanded=\"true\"]::after {\n      @include govuk-shape-arrow($direction: up, $base: 10px, $display: inline-block);\n    }\n\n    // Ensure the button stays hidden if the hidden attribute is present\n    &[hidden] {\n      display: none;\n    }\n\n    // If we have both a service name and navigation toggle, remove the\n    // margin-top so that there isn't a bunch of space between them\n    .govuk-service-navigation__service-name + .govuk-service-navigation__wrapper & {\n      margin-top: 0;\n    }\n  }\n\n  .govuk-service-navigation__list {\n    @include govuk-font($size: 19);\n    margin: 0;\n    margin-bottom: govuk-spacing(3);\n    padding: 0;\n    list-style: none;\n\n    // Make the navigation list a flexbox. Doing so resolves a couple of\n    // accessibility problems caused by the list items being inline-blocks:\n    // - Removes the extra whitespace from between each list item that screen\n    //   readers would pointlessly announce.\n    // - Fixes an NVDA issue in Firefox and Chrome <= 124 where it would read\n    //   all of the links as a run-on sentence.\n    @include govuk-media-query($from: tablet) {\n      display: flex;\n      flex-wrap: wrap;\n      margin-bottom: 0;\n\n      // However... IE11 totally trips over flexbox and doesn't wrap anything,\n      // making all of the items into a single, horizontally scrolling row,\n      // which is no good. This CSS hack removes the flexbox definition for\n      // IE 9–11, reverting it to the flawed, but OK, non-flexbox version.\n      //\n      // CSS hack from http://browserhacks.com/#hack-a60b03e301a67f76a5a22221c739dc64\n      @media screen and (min-width: 0\\0) {\n        display: block;\n      }\n    }\n  }\n\n  // This is a <strong> element that is used as a fallback mechanism for\n  // visually indicating the current page in scenarios where CSS isn't\n  // available. We don't actually want it to be bold normally, so set it to\n  // inherit the parent font-weight.\n  .govuk-service-navigation__active-fallback {\n    font-weight: inherit;\n  }\n\n  // Inverted colour scheme style intended for product pages\n  .govuk-service-navigation--inverse {\n    @include _govuk-rebrand {\n      // Remove bottom border to add width-container ones\n      border-bottom: none;\n\n      // Set colour here so non-link text (service name, slot content) can\n      // use it too.\n      color: govuk-colour(\"white\");\n\n      background-color: $govuk-brand-colour;\n\n      .govuk-width-container {\n        border-width: 1px 0;\n        border-style: solid;\n        border-color: $_govuk-rebrand-border-colour-on-blue-tint-95;\n      }\n\n      // Subtract 1px of space to account for the extra border-top\n      .govuk-service-navigation__container {\n        margin-top: -1px;\n      }\n\n      // Override the 'active' border colour\n      .govuk-service-navigation__item,\n      .govuk-service-navigation__service-name {\n        border-color: govuk-colour(\"white\");\n      }\n\n      // Override link styles\n      .govuk-service-navigation__link {\n        @include govuk-link-style-inverse;\n      }\n\n      // Override mobile menu toggle colour when not focused\n      .govuk-service-navigation__toggle:not(:focus) {\n        color: currentcolor;\n      }\n    }\n  }\n}\n","@include govuk-exports(\"govuk/component/skip-link\") {\n  .govuk-skip-link {\n    @include govuk-visually-hidden-focusable;\n    @include govuk-link-decoration;\n    @include govuk-link-style-text;\n    @include govuk-font($size: 16);\n\n    display: block;\n    padding: govuk-spacing(2) govuk-spacing(3);\n\n    // Respect 'display cutout' safe area (avoids notches and rounded corners)\n    @supports (padding: unquote(\"max(calc(0px))\")) {\n      $padding-safe-area-right: calc(#{govuk-spacing(3)} + env(safe-area-inset-right));\n      $padding-safe-area-left: calc(#{govuk-spacing(3)} + env(safe-area-inset-left));\n\n      // Use max() to pick largest padding, default or with safe area\n      // Escaped due to Sass max() vs. CSS native max()\n      padding-right: unquote(\"max(#{govuk-spacing(3)}, #{$padding-safe-area-right})\");\n      padding-left: unquote(\"max(#{govuk-spacing(3)}, #{$padding-safe-area-left})\");\n    }\n\n    &:focus {\n      outline: $govuk-focus-width solid $govuk-focus-colour;\n      outline-offset: 0;\n      background-color: $govuk-focus-colour;\n\n      // Undo unwanted changes when global styles are enabled\n      @if $govuk-global-styles {\n        @include govuk-link-decoration;\n        box-shadow: none;\n      }\n    }\n  }\n\n  .govuk-skip-link-focused-element {\n    &:focus {\n      // Remove the native visible focus indicator when the element is\n      // programmatically focused.\n      //\n      // We set the focus on the linked element (this is usually the <main>\n      // element) when the skip link is activated to improve screen reader\n      // announcements. However, we remove the visible focus indicator from the\n      // linked element because the user cannot interact with it.\n      //\n      // A related discussion: https://github.com/w3c/wcag/issues/1001\n      outline: none;\n    }\n  }\n}\n","////\n/// @group helpers/accessibility\n////\n\n/// Helper function containing the common code for the following two mixins\n///\n/// @link https://snook.ca/archives/html_and_css/hiding-content-for-accessibility\n///   - Hiding Content for Accessibility, Jonathan Snook, February 2011\n/// @link https://github.com/h5bp/html5-boilerplate/blob/9f13695d21ff92c55c78dfa9f16bb02a1b6e911f/src/css/main.css#L121-L158\n///   - h5bp/html5-boilerplate - Thanks!\n///\n/// @param {Boolean} $important [true] - Whether to mark as `!important`\n///\n/// @access private\n\n@mixin _govuk-visually-hide-content($important: true) {\n  position: absolute if($important, !important, null);\n\n  width: 1px if($important, !important, null);\n  height: 1px if($important, !important, null);\n  // If margin is set to a negative value it can cause text to be announced in\n  // the wrong order in VoiceOver for OSX\n  margin: 0 if($important, !important, null);\n  padding: 0 if($important, !important, null);\n\n  overflow: hidden if($important, !important, null);\n\n  // `clip` is needed for IE11 support\n  clip: rect(0 0 0 0) if($important, !important, null);\n  clip-path: inset(50%) if($important, !important, null);\n\n  border: 0 if($important, !important, null);\n\n  // For long content, line feeds are not interpreted as spaces and small width\n  // causes content to wrap 1 word per line:\n  // https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe\n  white-space: nowrap if($important, !important, null);\n\n  // Prevent users from selecting or copying visually-hidden text. This prevents\n  // a user unintentionally copying more text than they intended and needing to\n  // manually trim it down again.\n  user-select: none;\n}\n\n/// Hide an element visually, but have it available for screen readers\n///\n/// @param {Boolean} $important [true] - Whether to mark as `!important`\n///\n/// @access public\n\n@mixin govuk-visually-hidden($important: true) {\n  @include _govuk-visually-hide-content($important: $important);\n\n  // Absolute positioning has the unintended consequence of removing any\n  // whitespace surrounding visually hidden text from the accessibility tree.\n  // Insert a space character before and after visually hidden text to separate\n  // it from any visible text surrounding it.\n  &::before {\n    content: \"\\00a0\";\n  }\n\n  &::after {\n    content: \"\\00a0\";\n  }\n}\n\n/// Hide an element visually, but have it available for screen readers whilst\n/// allowing the element to be focused when navigated to via the keyboard (e.g.\n/// for the skip link)\n///\n/// @param {Boolean} $important [true] - Whether to mark as `!important`\n///\n/// @access public\n\n@mixin govuk-visually-hidden-focusable($important: true) {\n  // IE 11 doesn't support the combined `:not(:active, :focus)` syntax.\n  // Also allows for ':focus' companion classes from postcss-pseudo-classes\n  // which the plugin unfortunately doesn't handle automatically.\n  // stylelint-disable-next-line selector-class-pattern\n  &:not(:active):not(:focus):not(.\\:focus) {\n    @include _govuk-visually-hide-content($important: $important);\n  }\n}\n","@include govuk-exports(\"govuk/component/summary-list\") {\n  .govuk-summary-list {\n    @include govuk-font($size: 19);\n    @include govuk-text-colour;\n    @include govuk-media-query($from: tablet) {\n      display: table;\n      width: 100%;\n      table-layout: fixed; // Required to allow us to wrap words that overflow.\n      border-collapse: collapse;\n    }\n    margin: 0; // Reset default user agent styles\n    @include govuk-responsive-margin(6, \"bottom\");\n  }\n\n  .govuk-summary-list__row {\n    border-bottom: 1px solid $govuk-border-colour;\n\n    @include govuk-media-query($until: tablet) {\n      margin-bottom: govuk-spacing(3);\n    }\n    @include govuk-media-query($from: tablet) {\n      display: table-row;\n    }\n  }\n\n  // Remove right padding from the last column in the row\n  .govuk-summary-list__row:not(.govuk-summary-list__row--no-actions) > :last-child {\n    padding-right: 0;\n  }\n\n  // Provide an empty 'cell' for rows that don't have actions – otherwise the\n  // bottom border is not drawn for that part of the row in some browsers.\n  .govuk-summary-list__row--no-actions {\n    @include govuk-media-query($from: tablet) {\n      &::after {\n        content: \"\";\n        display: table-cell;\n        width: 20%;\n      }\n    }\n  }\n\n  .govuk-summary-list__key,\n  .govuk-summary-list__value,\n  .govuk-summary-list__actions {\n    margin: 0; // Reset default user agent styles\n\n    @include govuk-media-query($from: tablet) {\n      display: table-cell;\n      padding-top: govuk-spacing(2);\n      padding-right: govuk-spacing(4);\n      padding-bottom: govuk-spacing(2);\n    }\n  }\n\n  .govuk-summary-list__actions {\n    margin-bottom: govuk-spacing(3);\n    @include govuk-media-query($from: tablet) {\n      width: 20%;\n      text-align: right;\n    }\n  }\n\n  .govuk-summary-list__key,\n  .govuk-summary-list__value {\n    // Automatic wrapping for unbreakable text (e.g. URLs)\n    word-wrap: break-word; // Fallback for older browsers only\n    overflow-wrap: break-word;\n  }\n\n  .govuk-summary-list__key {\n    margin-bottom: govuk-spacing(1);\n    @include govuk-typography-weight-bold;\n    @include govuk-media-query($from: tablet) {\n      width: 30%;\n    }\n  }\n\n  .govuk-summary-list__value {\n    @include govuk-media-query($until: tablet) {\n      margin-bottom: govuk-spacing(3);\n    }\n  }\n\n  .govuk-summary-list__value > p {\n    margin-bottom: govuk-spacing(2);\n  }\n\n  .govuk-summary-list__value > :last-child {\n    margin-bottom: 0;\n  }\n\n  .govuk-summary-list__actions-list {\n    width: 100%;\n    margin: 0; // Reset default user agent styles\n    padding: 0; // Reset default user agent styles\n  }\n\n  .govuk-summary-list__actions-list-item,\n  .govuk-summary-card__action {\n    display: inline-block;\n  }\n\n  @include govuk-media-query($until: tablet) {\n    .govuk-summary-list__actions-list-item,\n    .govuk-summary-card__action {\n      margin-right: govuk-spacing(2);\n      padding-right: govuk-spacing(2);\n      border-right: 1px solid $govuk-border-colour;\n    }\n\n    .govuk-summary-list__actions-list-item:last-child,\n    .govuk-summary-card__action:last-child {\n      margin-right: 0;\n      padding-right: 0;\n      border: 0;\n    }\n  }\n\n  @include govuk-media-query($from: tablet) {\n    .govuk-summary-list__actions-list-item,\n    .govuk-summary-card__action {\n      margin-left: govuk-spacing(2);\n      padding-left: govuk-spacing(2);\n    }\n\n    .govuk-summary-list__actions-list-item:not(:first-child),\n    .govuk-summary-card__action:not(:first-child) {\n      border-left: 1px solid $govuk-border-colour;\n    }\n\n    .govuk-summary-list__actions-list-item:first-child,\n    .govuk-summary-card__action:first-child {\n      margin-left: 0;\n      padding-left: 0;\n      border: 0;\n    }\n  }\n\n  // Large groups of action links may wrap onto multiple lines. Because the link\n  // focus styles are applied outside of the link's bounding box, there are\n  // situations where the focus style on a link can be overlapped by subsequent\n  // links. We don't want this, so let's create a new stacking context on focus\n  // so the link always appears to be 'on top'.\n  .govuk-summary-list__actions-list-item .govuk-link:focus {\n    isolation: isolate;\n  }\n\n  // No border on entire summary list\n  .govuk-summary-list--no-border {\n    .govuk-summary-list__row {\n      border: 0;\n    }\n\n    // Increase padding by 1px to compensate for 'missing' border\n    @include govuk-media-query($from: tablet) {\n      .govuk-summary-list__key,\n      .govuk-summary-list__value,\n      .govuk-summary-list__actions {\n        padding-bottom: govuk-spacing(2) + 1px;\n      }\n    }\n  }\n\n  // No border on specific rows\n  .govuk-summary-list__row--no-border {\n    border: 0;\n\n    // Increase padding by 1px to compensate for 'missing' border\n    @include govuk-media-query($from: tablet) {\n      .govuk-summary-list__key,\n      .govuk-summary-list__value,\n      .govuk-summary-list__actions {\n        padding-bottom: govuk-spacing(2) + 1px;\n      }\n    }\n  }\n\n  // Additional block for the summary card\n  .govuk-summary-card {\n    @include govuk-responsive-margin(6, \"bottom\");\n    border: 1px solid $govuk-border-colour;\n  }\n\n  .govuk-summary-card__title-wrapper {\n    padding: govuk-spacing(3);\n\n    // Ensures the card header appears separate to the summary list in forced\n    // colours mode\n    border-bottom: 1px solid transparent;\n    background-color: govuk-colour(\"light-grey\");\n\n    @include govuk-media-query($from: \"tablet\") {\n      display: flex;\n      justify-content: space-between;\n      flex-wrap: nowrap;\n      padding: govuk-spacing(3) govuk-spacing(4);\n    }\n  }\n\n  .govuk-summary-card__title {\n    @include govuk-font($size: 19, $weight: bold);\n    @include govuk-text-colour;\n    margin: govuk-spacing(1) govuk-spacing(4) govuk-spacing(2) 0;\n\n    @include govuk-media-query($from: \"tablet\") {\n      margin-bottom: govuk-spacing(1);\n    }\n  }\n\n  .govuk-summary-card__actions {\n    @include govuk-font-size($size: 19);\n    @include govuk-typography-weight-bold;\n    display: flex;\n    flex-wrap: wrap;\n    row-gap: 10px;\n    margin: govuk-spacing(1) 0;\n    padding: 0;\n    list-style: none;\n\n    @include govuk-media-query($from: \"tablet\") {\n      justify-content: right;\n      text-align: right;\n    }\n  }\n\n  .govuk-summary-card__action {\n    display: inline;\n\n    // We use the following media query to target IE11 and 10 only to add margin\n    // between actions.\n    //\n    // We do this because we're using row-gap to create space between actions on\n    // more evergreen browsers which IE doesn't support. @supports currently isn't\n    // a viable solution, see https://github.com/w3c/csswg-drafts/issues/3559.\n    //\n    // Solution taken from https://stackoverflow.com/questions/11173106/apply-style-only-on-ie#answer-36448860\n    // which also includes an explanation of why this works\n    @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {\n      margin-bottom: govuk-spacing(1);\n    }\n  }\n\n  .govuk-summary-card__action:last-child {\n    // See above comment for why this is here\n    @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {\n      margin-bottom: 0;\n    }\n  }\n\n  .govuk-summary-card__content {\n    padding: govuk-spacing(3) govuk-spacing(3) 0;\n\n    @include govuk-media-query($from: \"tablet\") {\n      padding: govuk-spacing(3) govuk-spacing(4);\n    }\n\n    .govuk-summary-list {\n      margin-bottom: 0;\n    }\n\n    .govuk-summary-list__row:last-of-type {\n      margin-bottom: 0;\n      border-bottom: none;\n    }\n  }\n}\n","@include govuk-exports(\"govuk/component/table\") {\n  .govuk-table {\n    @include govuk-font($size: 19);\n    @include govuk-text-colour;\n    width: 100%;\n    @include govuk-responsive-margin(6, \"bottom\");\n\n    border-spacing: 0;\n    border-collapse: collapse;\n  }\n\n  @if $govuk-new-typography-scale {\n    // Modifier for tables with a lot of data. Tables with lots of data benefit\n    // from a smaller font size on small screens.\n    .govuk-table--small-text-until-tablet {\n      @include govuk-media-query($until: tablet) {\n        @include govuk-font-size($size: 16);\n      }\n    }\n  }\n\n  .govuk-table__header {\n    @include govuk-typography-weight-bold;\n  }\n\n  .govuk-table__header,\n  .govuk-table__cell {\n    padding: govuk-spacing(2) govuk-spacing(4) govuk-spacing(2) 0;\n    border-bottom: 1px solid $govuk-border-colour;\n    text-align: left;\n    vertical-align: top;\n  }\n\n  .govuk-table__cell--numeric {\n    @include govuk-font-tabular-numbers;\n  }\n\n  .govuk-table__header--numeric,\n  .govuk-table__cell--numeric {\n    text-align: right;\n  }\n\n  .govuk-table__header:last-child,\n  .govuk-table__cell:last-child {\n    padding-right: 0;\n  }\n\n  .govuk-table__caption {\n    @include govuk-typography-weight-bold;\n\n    display: table-caption;\n    text-align: left;\n  }\n\n  // Modifiers that make captions look more like their equivalent headings\n  .govuk-table__caption--xl,\n  .govuk-table__caption--l,\n  .govuk-table__caption--m {\n    margin-bottom: govuk-spacing(3);\n  }\n\n  .govuk-table__caption--xl {\n    @include govuk-font-size($size: 48);\n  }\n\n  .govuk-table__caption--l {\n    @include govuk-font-size($size: 36);\n  }\n\n  .govuk-table__caption--m {\n    @include govuk-font-size($size: 24);\n  }\n}\n","@include govuk-exports(\"govuk/component/tabs\") {\n  .govuk-tabs {\n    @include govuk-responsive-margin(1, \"top\");\n    @include govuk-responsive-margin(6, \"bottom\");\n    @include govuk-font($size: 19);\n  }\n\n  .govuk-tabs__title {\n    // Set the size and weight again because this element is a heading and the\n    // user agent font size overrides the inherited font size\n    @include govuk-font-size($size: 19);\n    @include govuk-typography-weight-regular;\n    @include govuk-text-colour;\n    margin-bottom: govuk-spacing(2);\n  }\n\n  .govuk-tabs__list {\n    margin: 0;\n    padding: 0;\n    list-style: none;\n    @include govuk-responsive-margin(6, \"bottom\");\n  }\n\n  .govuk-tabs__list-item {\n    margin-left: govuk-spacing(5);\n\n    &::before {\n      @include govuk-text-colour;\n      content: \"\\2014 \"; // \"— \"\n      margin-left: govuk-spacing(-5);\n      padding-right: govuk-spacing(1);\n    }\n  }\n\n  .govuk-tabs__tab {\n    @include govuk-link-common;\n    @include govuk-link-style-default;\n\n    display: inline-block;\n    margin-bottom: govuk-spacing(2);\n  }\n\n  .govuk-tabs__panel {\n    @include govuk-responsive-margin(8, \"bottom\");\n  }\n\n  // GOV.UK Frontend JavaScript enabled\n  .govuk-frontend-supported {\n    @include govuk-media-query($from: tablet) {\n      .govuk-tabs__list {\n        @include govuk-clearfix;\n        margin-bottom: 0;\n        border-bottom: 1px solid $govuk-border-colour;\n      }\n\n      .govuk-tabs__title {\n        display: none;\n      }\n\n      .govuk-tabs__list-item {\n        position: relative;\n\n        margin-right: govuk-spacing(1);\n        margin-bottom: 0;\n        margin-left: 0;\n        padding: govuk-spacing(2) govuk-spacing(4);\n\n        float: left;\n        background-color: govuk-colour(\"light-grey\");\n        text-align: center;\n\n        &::before {\n          content: none;\n        }\n      }\n\n      .govuk-tabs__list-item--selected {\n        $border-width: 1px;\n\n        position: relative;\n\n        margin-top: govuk-spacing(-1);\n\n        // Compensation for border (otherwise we get a shift)\n        margin-bottom: -$border-width;\n        padding-top: govuk-spacing(3) - $border-width;\n        padding-right: govuk-spacing(4) - $border-width;\n        padding-bottom: govuk-spacing(3) + $border-width;\n        padding-left: govuk-spacing(4) - $border-width;\n\n        border: $border-width solid $govuk-border-colour;\n        border-bottom: 0;\n\n        background-color: $govuk-body-background-colour;\n\n        .govuk-tabs__tab {\n          text-decoration: none;\n        }\n      }\n\n      .govuk-tabs__tab {\n        @include govuk-link-style-text;\n\n        margin-bottom: 0;\n\n        &::after {\n          content: \"\";\n          position: absolute;\n          top: 0;\n          right: 0;\n          bottom: 0;\n          left: 0;\n        }\n      }\n\n      .govuk-tabs__panel {\n        @include govuk-responsive-margin(0, \"bottom\");\n        padding: govuk-spacing(6) govuk-spacing(4);\n        border: 1px solid $govuk-border-colour;\n        border-top: 0;\n\n        & > :last-child {\n          margin-bottom: 0;\n        }\n      }\n\n      .govuk-tabs__panel--hidden {\n        display: none;\n      }\n    }\n  }\n}\n","@import \"../tag/index\";\n\n@include govuk-exports(\"govuk/component/task-list\") {\n  $govuk-task-list-hover-colour: govuk-colour(\"light-grey\");\n\n  .govuk-task-list {\n    @include govuk-font($size: 19);\n    margin-top: 0;\n    @include govuk-responsive-margin(6, \"bottom\");\n    padding: 0;\n    list-style-type: none;\n  }\n\n  // This uses table layout so that the task name and status always appear\n  // side-by-side, with the width of each 'column' being flexible depending upon\n  // the length of the task names and statuses.\n  //\n  // The position is set to 'relative' so than an absolutely-positioned\n  // transparent element box can be added within the link so that the whole row\n  // can be clickable.\n  .govuk-task-list__item {\n    display: table;\n    position: relative;\n    width: 100%;\n    margin-bottom: 0;\n    padding-top: govuk-spacing(2);\n    padding-bottom: govuk-spacing(2);\n    border-bottom: 1px solid $govuk-border-colour;\n  }\n\n  .govuk-task-list__item:first-child {\n    border-top: 1px solid $govuk-border-colour;\n  }\n\n  // This class is added to the <li> elements where the task name is a link. The\n  // background hover colour is added to help indicate that the whole row is\n  // clickable, rather than just the visible link text.\n  .govuk-task-list__item--with-link:hover {\n    background: $govuk-task-list-hover-colour;\n  }\n\n  .govuk-task-list__name-and-hint {\n    display: table-cell;\n    vertical-align: top;\n    @include govuk-text-colour;\n  }\n\n  .govuk-task-list__status {\n    display: table-cell;\n    padding-left: govuk-spacing(2);\n    text-align: right;\n    vertical-align: top;\n    @include govuk-text-colour;\n  }\n\n  .govuk-task-list__status--cannot-start-yet {\n    color: $govuk-secondary-text-colour;\n  }\n\n  // This adds an empty transparent box covering the whole row, including the\n  // task status and any hint text. Because this is generated within the link\n  // element, this allows the whole area to be clickable.\n  .govuk-task-list__link::after {\n    content: \"\";\n    display: block;\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n  }\n\n  .govuk-task-list__hint {\n    margin-top: govuk-spacing(1);\n    color: $govuk-secondary-text-colour;\n  }\n}\n","@include govuk-exports(\"govuk/component/warning-text\") {\n  .govuk-warning-text {\n    @include govuk-font($size: 19);\n    @include govuk-responsive-margin(6, \"bottom\");\n    @include govuk-typography-weight-bold;\n    position: relative;\n    padding: govuk-spacing(2) 0;\n  }\n\n  .govuk-warning-text__icon {\n    box-sizing: border-box;\n\n    display: inline-block;\n\n    position: absolute;\n    left: 0;\n\n    min-width: 35px;\n    min-height: 35px;\n    margin-top: -7px;\n\n    @include govuk-media-query($from: tablet) {\n      margin-top: -5px;\n    }\n\n    // When a user customises their colours the background colour will often be\n    // removed. Adding a border to the component keeps it's shape as a circle.\n    border: 3px solid $govuk-text-colour;\n    border-radius: 50%;\n\n    color: $govuk-body-background-colour;\n    background: $govuk-text-colour;\n\n    font-size: 30px;\n    line-height: 29px;\n\n    text-align: center;\n\n    // Prevent the exclamation mark from being included when the warning text\n    // is copied, for example.\n    user-select: none;\n\n    // Improve rendering in Windows High Contrast Mode (Edge), where a\n    // readability backplate behind the exclamation mark obscures the circle\n    forced-color-adjust: none;\n\n    @media screen and (forced-colors: active) {\n      border-color: windowText;\n      color: windowText;\n      background: transparent;\n    }\n  }\n\n  .govuk-warning-text__text {\n    @include govuk-text-colour;\n    display: block;\n    padding-left: 45px;\n    // While `<strong>` is styled `bold` or `bolder` by user-agents\n    // this can be reset by the app's stylesheet\n    font-weight: inherit;\n  }\n}\n","@include govuk-exports(\"govuk/utilities/visually-hidden\") {\n  .govuk-visually-hidden {\n    @include govuk-visually-hidden;\n  }\n\n  .govuk-visually-hidden-focusable {\n    @include govuk-visually-hidden-focusable;\n  }\n}\n","// stylelint-disable declaration-no-important\n@include govuk-exports(\"govuk/overrides/display\") {\n  .govuk-\\!-display-inline {\n    display: inline !important;\n  }\n\n  .govuk-\\!-display-inline-block {\n    display: inline-block !important;\n  }\n\n  .govuk-\\!-display-block {\n    display: block !important;\n  }\n\n  .govuk-\\!-display-none {\n    display: none !important;\n  }\n\n  @include govuk-media-query($media-type: print) {\n    .govuk-\\!-display-none-print {\n      display: none !important;\n    }\n  }\n}\n","////\n/// @group overrides\n////\n\n// stylelint-disable declaration-no-important\n\n/// Directions for spacing\n///\n/// @type Map\n/// @access private\n\n$_spacing-directions: (\"top\", \"right\", \"bottom\", \"left\") !default;\n\n/// Generate responsive spacing override classes\n///\n/// Generate spacing override classes for the given property (e.g. margin)\n/// for each point in the responsive spacing scale.\n///\n/// @param {String} $property - Property to add spacing to (e.g. 'margin')\n///\n/// @example css\n///  .govuk-\\!-margin-4 {\n///    margin: 15px !important;\n///  }\n///\n///  @media (min-width: 40.0625em) {\n///    .govuk-\\!-margin-4 {\n///      margin: 20px !important;\n///    }\n///  }\n///\n/// @access private\n\n@mixin _govuk-generate-responsive-spacing-overrides($property) {\n  // For each point in the spacing scale (defined in settings), create an\n  // override that affects all directions...\n  @each $scale-point, $scale-map in $govuk-spacing-responsive-scale {\n    .govuk-\\!-#{$property}-#{$scale-point} {\n      @include _govuk-responsive-spacing($scale-point, $property, \"all\", true);\n    }\n\n    // ... and then an override for each individual direction\n    @each $direction in $_spacing-directions {\n      .govuk-\\!-#{$property}-#{$direction}-#{$scale-point} {\n        @include _govuk-responsive-spacing($scale-point, $property, $direction, true);\n      }\n    }\n  }\n}\n\n/// Generate static spacing override classes\n///\n/// Generate spacing override classes for the given property (e.g. margin)\n/// for each point in the non-responsive spacing scale.\n///\n/// @param {String} $property - Property to add spacing to (e.g. 'margin')\n///\n/// @example css\n///   .govuk-\\!-static-margin-4 {\n///      margin: 20px !important;\n///   }\n///\n/// @access private\n@mixin _govuk-generate-static-spacing-overrides($property) {\n  @each $spacing-point in map-keys($govuk-spacing-points) {\n    .govuk-\\!-static-#{$property}-#{$spacing-point} {\n      #{$property}: govuk-spacing($spacing-point) !important;\n    }\n\n    @each $direction in $_spacing-directions {\n      .govuk-\\!-static-#{$property}-#{$direction}-#{$spacing-point} {\n        #{$property}-#{$direction}: govuk-spacing($spacing-point) !important;\n      }\n    }\n  }\n}\n\n@include govuk-exports(\"govuk/overrides/spacing\") {\n  @include _govuk-generate-responsive-spacing-overrides(\"margin\");\n  @include _govuk-generate-responsive-spacing-overrides(\"padding\");\n\n  @include _govuk-generate-static-spacing-overrides(\"margin\");\n  @include _govuk-generate-static-spacing-overrides(\"padding\");\n}\n","// stylelint-disable declaration-no-important\n@include govuk-exports(\"govuk/overrides/text-align\") {\n  .govuk-\\!-text-align-left {\n    text-align: left !important;\n  }\n\n  .govuk-\\!-text-align-centre {\n    text-align: center !important;\n  }\n\n  .govuk-\\!-text-align-right {\n    text-align: right !important;\n  }\n}\n","@include govuk-exports(\"govuk/overrides/typography\") {\n  // Font size and line height\n\n  // Generate typography override classes for each responsive font map in the\n  // typography scale eg .govuk-\\!-font-size-80\n  //\n  // govuk-!-font-size-14 is deprecated\n  @each $size, $font-map in $govuk-typography-scale {\n    .govuk-\\!-font-size-#{$size} {\n      $font-map: map-get($govuk-typography-scale, $size);\n\n      // Add underscore to deprecated typography scale keys\n      @if map-has-key($font-map, \"deprecation\") {\n        $size: _#{$size};\n      }\n\n      @include govuk-font-size($size, $important: true);\n    }\n  }\n\n  // Weights\n\n  .govuk-\\!-font-weight-regular {\n    @include govuk-typography-weight-regular($important: true);\n  }\n\n  .govuk-\\!-font-weight-bold {\n    @include govuk-typography-weight-bold($important: true);\n  }\n\n  // Typography helpers\n\n  .govuk-\\!-font-tabular-numbers {\n    @include govuk-font-tabular-numbers($important: true);\n  }\n\n  .govuk-\\!-text-break-word {\n    @include govuk-text-break-word($important: true);\n  }\n}\n","// stylelint-disable declaration-no-important\n@include govuk-exports(\"govuk/overrides/width\") {\n  .govuk-\\!-width-full {\n    width: 100% !important;\n  }\n\n  .govuk-\\!-width-three-quarters {\n    width: 100% !important;\n\n    @include govuk-media-query($from: tablet) {\n      width: 75% !important;\n    }\n  }\n\n  .govuk-\\!-width-two-thirds {\n    width: 100% !important;\n\n    @include govuk-media-query($from: tablet) {\n      width: 66.66% !important;\n    }\n  }\n\n  .govuk-\\!-width-one-half {\n    width: 100% !important;\n\n    @include govuk-media-query($from: tablet) {\n      width: 50% !important;\n    }\n  }\n\n  .govuk-\\!-width-one-third {\n    width: 100% !important;\n\n    @include govuk-media-query($from: tablet) {\n      width: 33.33% !important;\n    }\n  }\n\n  .govuk-\\!-width-one-quarter {\n    width: 100% !important;\n\n    @include govuk-media-query($from: tablet) {\n      width: 25% !important;\n    }\n  }\n}\n"]}
diff --git a/node_modules/govuk-frontend/dist/govuk/govuk-frontend.min.js b/node_modules/govuk-frontend/dist/govuk/govuk-frontend.min.js
new file mode 100644
index 0000000..29e1840
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/govuk-frontend.min.js
@@ -0,0 +1 @@
+const version="5.12.0";function getBreakpoint(t){const e=`--govuk-breakpoint-${t}`;return{property:e,value:window.getComputedStyle(document.documentElement).getPropertyValue(e)||void 0}}function setFocus(t,e={}){var i;const n=t.getAttribute("tabindex");function onBlur(){var i;null==(i=e.onBlur)||i.call(t),n||t.removeAttribute("tabindex")}n||t.setAttribute("tabindex","-1"),t.addEventListener("focus",(function(){t.addEventListener("blur",onBlur,{once:!0})}),{once:!0}),null==(i=e.onBeforeFocus)||i.call(t),t.focus()}function isSupported(t=document.body){return!!t&&t.classList.contains("govuk-frontend-supported")}function isObject(t){return!!t&&"object"==typeof t&&!function(t){return Array.isArray(t)}(t)}function isScope(t){return!!t&&(t instanceof Element||t instanceof Document)}function formatErrorMessage(Component,t){return`${Component.moduleName}: ${t}`}class GOVUKFrontendError extends Error{constructor(...t){super(...t),this.name="GOVUKFrontendError"}}class SupportError extends GOVUKFrontendError{constructor(t=document.body){const e="noModule"in HTMLScriptElement.prototype?'GOV.UK Frontend initialised without `<body class="govuk-frontend-supported">` from template `<script>` snippet':"GOV.UK Frontend is not supported in this browser";super(t?e:'GOV.UK Frontend initialised without `<script type="module">`'),this.name="SupportError"}}class ConfigError extends GOVUKFrontendError{constructor(...t){super(...t),this.name="ConfigError"}}class ElementError extends GOVUKFrontendError{constructor(t){let e="string"==typeof t?t:"";if(isObject(t)){const{component:i,identifier:n,element:s,expectedType:o}=t;e=n,e+=s?` is not of type ${null!=o?o:"HTMLElement"}`:" not found",i&&(e=formatErrorMessage(i,e))}super(e),this.name="ElementError"}}class InitError extends GOVUKFrontendError{constructor(t){super("string"==typeof t?t:formatErrorMessage(t,"Root element (`$root`) already initialised")),this.name="InitError"}}class Component{get $root(){return this._$root}constructor(t){this._$root=void 0;const e=this.constructor;if("string"!=typeof e.moduleName)throw new InitError("`moduleName` not defined in component");if(!(t instanceof e.elementType))throw new ElementError({element:t,component:e,identifier:"Root element (`$root`)",expectedType:e.elementType.name});this._$root=t,e.checkSupport(),this.checkInitialised();const i=e.moduleName;this.$root.setAttribute(`data-${i}-init`,"")}checkInitialised(){const t=this.constructor,e=t.moduleName;if(e&&function(t,e){return t instanceof HTMLElement&&t.hasAttribute(`data-${e}-init`)}(this.$root,e))throw new InitError(t)}static checkSupport(){if(!isSupported())throw new SupportError}}Component.elementType=HTMLElement;const t=Symbol.for("configOverride");class ConfigurableComponent extends Component{[t](t){return{}}get config(){return this._config}constructor(e,i){super(e),this._config=void 0;const n=this.constructor;if(!isObject(n.defaults))throw new ConfigError(formatErrorMessage(n,"Config passed as parameter into constructor but no defaults defined"));const s=function(Component,t){if(!isObject(Component.schema))throw new ConfigError(formatErrorMessage(Component,"Config passed as parameter into constructor but no schema defined"));const e={},i=Object.entries(Component.schema.properties);for(const n of i){const[i,s]=n,o=i.toString();o in t&&(e[o]=normaliseString(t[o],s)),"object"===(null==s?void 0:s.type)&&(e[o]=extractConfigByNamespace(Component.schema,t,i))}return e}(n,this._$root.dataset);this._config=mergeConfigs(n.defaults,null!=i?i:{},this[t](s),s)}}function normaliseString(t,e){const i=t?t.trim():"";let n,s=null==e?void 0:e.type;switch(s||(["true","false"].includes(i)&&(s="boolean"),i.length>0&&isFinite(Number(i))&&(s="number")),s){case"boolean":n="true"===i;break;case"number":n=Number(i);break;default:n=t}return n}function normaliseOptions(t){let e,i=document;if(isObject(t)){const n=t;(isScope(n.scope)||null===n.scope)&&(i=n.scope),"function"==typeof n.onError&&(e=n.onError)}return isScope(t)?i=t:null===t?i=null:"function"==typeof t&&(e=t),{scope:i,onError:e}}function mergeConfigs(...t){const e={};for(const i of t)for(const t of Object.keys(i)){const n=e[t],s=i[t];isObject(n)&&isObject(s)?e[t]=mergeConfigs(n,s):e[t]=s}return e}function extractConfigByNamespace(t,e,i){const n=t.properties[i];if("object"!==(null==n?void 0:n.type))return;const s={[i]:{}};for(const[o,r]of Object.entries(e)){let t=s;const e=o.split(".");for(const[n,s]of e.entries())isObject(t)&&(n<e.length-1?(isObject(t[s])||(t[s]={}),t=t[s]):o!==i&&(t[s]=normaliseString(r)))}return s[i]}class I18n{constructor(t={},e={}){var i;this.translations=void 0,this.locale=void 0,this.translations=t,this.locale=null!=(i=e.locale)?i:document.documentElement.lang||"en"}t(t,e){if(!t)throw new Error("i18n: lookup key missing");let i=this.translations[t];if("number"==typeof(null==e?void 0:e.count)&&isObject(i)){const n=i[this.getPluralSuffix(t,e.count)];n&&(i=n)}if("string"==typeof i){if(i.match(/%{(.\S+)}/)){if(!e)throw new Error("i18n: cannot replace placeholders in string if no option data provided");return this.replacePlaceholders(i,e)}return i}return t}replacePlaceholders(t,e){const i=Intl.NumberFormat.supportedLocalesOf(this.locale).length?new Intl.NumberFormat(this.locale):void 0;return t.replace(/%{(.\S+)}/g,(function(t,n){if(Object.prototype.hasOwnProperty.call(e,n)){const t=e[n];return!1===t||"number"!=typeof t&&"string"!=typeof t?"":"number"==typeof t?i?i.format(t):`${t}`:t}throw new Error(`i18n: no data found to replace ${t} placeholder in string`)}))}hasIntlPluralRulesSupport(){return Boolean("PluralRules"in window.Intl&&Intl.PluralRules.supportedLocalesOf(this.locale).length)}getPluralSuffix(t,e){if(e=Number(e),!isFinite(e))return"other";const i=this.translations[t],n=this.hasIntlPluralRulesSupport()?new Intl.PluralRules(this.locale).select(e):"other";if(isObject(i)){if(n in i)return n;if("other"in i)return console.warn(`i18n: Missing plural form ".${n}" for "${this.locale}" locale. Falling back to ".other".`),"other"}throw new Error(`i18n: Plural form ".other" is required for "${this.locale}" locale`)}}class Accordion extends ConfigurableComponent{constructor(t,e={}){super(t,e),this.i18n=void 0,this.controlsClass="govuk-accordion__controls",this.showAllClass="govuk-accordion__show-all",this.showAllTextClass="govuk-accordion__show-all-text",this.sectionClass="govuk-accordion__section",this.sectionExpandedClass="govuk-accordion__section--expanded",this.sectionButtonClass="govuk-accordion__section-button",this.sectionHeaderClass="govuk-accordion__section-header",this.sectionHeadingClass="govuk-accordion__section-heading",this.sectionHeadingDividerClass="govuk-accordion__section-heading-divider",this.sectionHeadingTextClass="govuk-accordion__section-heading-text",this.sectionHeadingTextFocusClass="govuk-accordion__section-heading-text-focus",this.sectionShowHideToggleClass="govuk-accordion__section-toggle",this.sectionShowHideToggleFocusClass="govuk-accordion__section-toggle-focus",this.sectionShowHideTextClass="govuk-accordion__section-toggle-text",this.upChevronIconClass="govuk-accordion-nav__chevron",this.downChevronIconClass="govuk-accordion-nav__chevron--down",this.sectionSummaryClass="govuk-accordion__section-summary",this.sectionSummaryFocusClass="govuk-accordion__section-summary-focus",this.sectionContentClass="govuk-accordion__section-content",this.$sections=void 0,this.$showAllButton=null,this.$showAllIcon=null,this.$showAllText=null,this.i18n=new I18n(this.config.i18n);const i=this.$root.querySelectorAll(`.${this.sectionClass}`);if(!i.length)throw new ElementError({component:Accordion,identifier:`Sections (\`<div class="${this.sectionClass}">\`)`});this.$sections=i,this.initControls(),this.initSectionHeaders(),this.updateShowAllButton(this.areAllSectionsOpen())}initControls(){this.$showAllButton=document.createElement("button"),this.$showAllButton.setAttribute("type","button"),this.$showAllButton.setAttribute("class",this.showAllClass),this.$showAllButton.setAttribute("aria-expanded","false"),this.$showAllIcon=document.createElement("span"),this.$showAllIcon.classList.add(this.upChevronIconClass),this.$showAllButton.appendChild(this.$showAllIcon);const t=document.createElement("div");t.setAttribute("class",this.controlsClass),t.appendChild(this.$showAllButton),this.$root.insertBefore(t,this.$root.firstChild),this.$showAllText=document.createElement("span"),this.$showAllText.classList.add(this.showAllTextClass),this.$showAllButton.appendChild(this.$showAllText),this.$showAllButton.addEventListener("click",(()=>this.onShowOrHideAllToggle())),"onbeforematch"in document&&document.addEventListener("beforematch",(t=>this.onBeforeMatch(t)))}initSectionHeaders(){this.$sections.forEach(((t,e)=>{const i=t.querySelector(`.${this.sectionHeaderClass}`);if(!i)throw new ElementError({component:Accordion,identifier:`Section headers (\`<div class="${this.sectionHeaderClass}">\`)`});this.constructHeaderMarkup(i,e),this.setExpanded(this.isExpanded(t),t),i.addEventListener("click",(()=>this.onSectionToggle(t))),this.setInitialState(t)}))}constructHeaderMarkup(t,e){const i=t.querySelector(`.${this.sectionButtonClass}`),n=t.querySelector(`.${this.sectionHeadingClass}`),s=t.querySelector(`.${this.sectionSummaryClass}`);if(!n)throw new ElementError({component:Accordion,identifier:`Section heading (\`.${this.sectionHeadingClass}\`)`});if(!i)throw new ElementError({component:Accordion,identifier:`Section button placeholder (\`<span class="${this.sectionButtonClass}">\`)`});const o=document.createElement("button");o.setAttribute("type","button"),o.setAttribute("aria-controls",`${this.$root.id}-content-${e+1}`);for(const d of Array.from(i.attributes))"id"!==d.name&&o.setAttribute(d.name,d.value);const r=document.createElement("span");r.classList.add(this.sectionHeadingTextClass),r.id=i.id;const a=document.createElement("span");a.classList.add(this.sectionHeadingTextFocusClass),r.appendChild(a),Array.from(i.childNodes).forEach((t=>a.appendChild(t)));const l=document.createElement("span");l.classList.add(this.sectionShowHideToggleClass),l.setAttribute("data-nosnippet","");const c=document.createElement("span");c.classList.add(this.sectionShowHideToggleFocusClass),l.appendChild(c);const u=document.createElement("span"),h=document.createElement("span");if(h.classList.add(this.upChevronIconClass),c.appendChild(h),u.classList.add(this.sectionShowHideTextClass),c.appendChild(u),o.appendChild(r),o.appendChild(this.getButtonPunctuationEl()),s){const t=document.createElement("span"),e=document.createElement("span");e.classList.add(this.sectionSummaryFocusClass),t.appendChild(e);for(const i of Array.from(s.attributes))t.setAttribute(i.name,i.value);Array.from(s.childNodes).forEach((t=>e.appendChild(t))),s.remove(),o.appendChild(t),o.appendChild(this.getButtonPunctuationEl())}o.appendChild(l),n.removeChild(i),n.appendChild(o)}onBeforeMatch(t){const e=t.target;if(!(e instanceof Element))return;const i=e.closest(`.${this.sectionClass}`);i&&this.setExpanded(!0,i)}onSectionToggle(t){const e=!this.isExpanded(t);this.setExpanded(e,t),this.storeState(t,e)}onShowOrHideAllToggle(){const t=!this.areAllSectionsOpen();this.$sections.forEach((e=>{this.setExpanded(t,e),this.storeState(e,t)})),this.updateShowAllButton(t)}setExpanded(t,e){const i=e.querySelector(`.${this.upChevronIconClass}`),n=e.querySelector(`.${this.sectionShowHideTextClass}`),s=e.querySelector(`.${this.sectionButtonClass}`),o=e.querySelector(`.${this.sectionContentClass}`);if(!o)throw new ElementError({component:Accordion,identifier:`Section content (\`<div class="${this.sectionContentClass}">\`)`});if(!i||!n||!s)return;const r=t?this.i18n.t("hideSection"):this.i18n.t("showSection");n.textContent=r,s.setAttribute("aria-expanded",`${t}`);const a=[],l=e.querySelector(`.${this.sectionHeadingTextClass}`);l&&a.push(l.textContent.trim());const c=e.querySelector(`.${this.sectionSummaryClass}`);c&&a.push(c.textContent.trim());const u=t?this.i18n.t("hideSectionAriaLabel"):this.i18n.t("showSectionAriaLabel");a.push(u),s.setAttribute("aria-label",a.join(" , ")),t?(o.removeAttribute("hidden"),e.classList.add(this.sectionExpandedClass),i.classList.remove(this.downChevronIconClass)):(o.setAttribute("hidden","until-found"),e.classList.remove(this.sectionExpandedClass),i.classList.add(this.downChevronIconClass)),this.updateShowAllButton(this.areAllSectionsOpen())}isExpanded(t){return t.classList.contains(this.sectionExpandedClass)}areAllSectionsOpen(){return Array.from(this.$sections).every((t=>this.isExpanded(t)))}updateShowAllButton(t){this.$showAllButton&&this.$showAllText&&this.$showAllIcon&&(this.$showAllButton.setAttribute("aria-expanded",t.toString()),this.$showAllText.textContent=t?this.i18n.t("hideAllSections"):this.i18n.t("showAllSections"),this.$showAllIcon.classList.toggle(this.downChevronIconClass,!t))}getIdentifier(t){const e=t.querySelector(`.${this.sectionButtonClass}`);return null==e?void 0:e.getAttribute("aria-controls")}storeState(t,e){if(!this.config.rememberExpanded)return;const i=this.getIdentifier(t);if(i)try{window.sessionStorage.setItem(i,e.toString())}catch(n){}}setInitialState(t){if(!this.config.rememberExpanded)return;const e=this.getIdentifier(t);if(e)try{const i=window.sessionStorage.getItem(e);null!==i&&this.setExpanded("true"===i,t)}catch(i){}}getButtonPunctuationEl(){const t=document.createElement("span");return t.classList.add("govuk-visually-hidden",this.sectionHeadingDividerClass),t.textContent=", ",t}}Accordion.moduleName="govuk-accordion",Accordion.defaults=Object.freeze({i18n:{hideAllSections:"Hide all sections",hideSection:"Hide",hideSectionAriaLabel:"Hide this section",showAllSections:"Show all sections",showSection:"Show",showSectionAriaLabel:"Show this section"},rememberExpanded:!0}),Accordion.schema=Object.freeze({properties:{i18n:{type:"object"},rememberExpanded:{type:"boolean"}}});class Button extends ConfigurableComponent{constructor(t,e={}){super(t,e),this.debounceFormSubmitTimer=null,this.$root.addEventListener("keydown",(t=>this.handleKeyDown(t))),this.$root.addEventListener("click",(t=>this.debounce(t)))}handleKeyDown(t){const e=t.target;" "===t.key&&e instanceof HTMLElement&&"button"===e.getAttribute("role")&&(t.preventDefault(),e.click())}debounce(t){if(this.config.preventDoubleClick)return this.debounceFormSubmitTimer?(t.preventDefault(),!1):void(this.debounceFormSubmitTimer=window.setTimeout((()=>{this.debounceFormSubmitTimer=null}),1e3))}}function closestAttributeValue(t,e){const i=t.closest(`[${e}]`);return i?i.getAttribute(e):null}Button.moduleName="govuk-button",Button.defaults=Object.freeze({preventDoubleClick:!1}),Button.schema=Object.freeze({properties:{preventDoubleClick:{type:"boolean"}}});class CharacterCount extends ConfigurableComponent{[t](t){let e={};return("maxwords"in t||"maxlength"in t)&&(e={maxlength:void 0,maxwords:void 0}),e}constructor(t,e={}){var i,n;super(t,e),this.$textarea=void 0,this.$visibleCountMessage=void 0,this.$screenReaderCountMessage=void 0,this.lastInputTimestamp=null,this.lastInputValue="",this.valueChecker=null,this.i18n=void 0,this.maxLength=void 0;const s=this.$root.querySelector(".govuk-js-character-count");if(!(s instanceof HTMLTextAreaElement||s instanceof HTMLInputElement))throw new ElementError({component:CharacterCount,element:s,expectedType:"HTMLTextareaElement or HTMLInputElement",identifier:"Form field (`.govuk-js-character-count`)"});const o=function(t,e){const i=[];for(const[n,s]of Object.entries(t)){const t=[];if(Array.isArray(s)){for(const{required:i,errorMessage:n}of s)i.every((t=>!!e[t]))||t.push(n);"anyOf"!==n||s.length-t.length>=1||i.push(...t)}}return i}(CharacterCount.schema,this.config);if(o[0])throw new ConfigError(formatErrorMessage(CharacterCount,o[0]));this.i18n=new I18n(this.config.i18n,{locale:closestAttributeValue(this.$root,"lang")}),this.maxLength=null!=(i=null!=(n=this.config.maxwords)?n:this.config.maxlength)?i:1/0,this.$textarea=s;const r=`${this.$textarea.id}-info`,a=document.getElementById(r);if(!a)throw new ElementError({component:CharacterCount,element:a,identifier:`Count message (\`id="${r}"\`)`});this.$errorMessage=this.$root.querySelector(".govuk-error-message"),a.textContent.match(/^\s*$/)&&(a.textContent=this.i18n.t("textareaDescription",{count:this.maxLength})),this.$textarea.insertAdjacentElement("afterend",a);const l=document.createElement("div");l.className="govuk-character-count__sr-status govuk-visually-hidden",l.setAttribute("aria-live","polite"),this.$screenReaderCountMessage=l,a.insertAdjacentElement("afterend",l);const c=document.createElement("div");c.className=a.className,c.classList.add("govuk-character-count__status"),c.setAttribute("aria-hidden","true"),this.$visibleCountMessage=c,a.insertAdjacentElement("afterend",c),a.classList.add("govuk-visually-hidden"),this.$textarea.removeAttribute("maxlength"),this.bindChangeEvents(),window.addEventListener("pageshow",(()=>this.updateCountMessage())),this.updateCountMessage()}bindChangeEvents(){this.$textarea.addEventListener("keyup",(()=>this.handleKeyUp())),this.$textarea.addEventListener("focus",(()=>this.handleFocus())),this.$textarea.addEventListener("blur",(()=>this.handleBlur()))}handleKeyUp(){this.updateVisibleCountMessage(),this.lastInputTimestamp=Date.now()}handleFocus(){this.valueChecker=window.setInterval((()=>{(!this.lastInputTimestamp||Date.now()-500>=this.lastInputTimestamp)&&this.updateIfValueChanged()}),1e3)}handleBlur(){this.valueChecker&&window.clearInterval(this.valueChecker)}updateIfValueChanged(){this.$textarea.value!==this.lastInputValue&&(this.lastInputValue=this.$textarea.value,this.updateCountMessage())}updateCountMessage(){this.updateVisibleCountMessage(),this.updateScreenReaderCountMessage()}updateVisibleCountMessage(){const t=this.maxLength-this.count(this.$textarea.value)<0;this.$visibleCountMessage.classList.toggle("govuk-character-count__message--disabled",!this.isOverThreshold()),this.$errorMessage||this.$textarea.classList.toggle("govuk-textarea--error",t),this.$visibleCountMessage.classList.toggle("govuk-error-message",t),this.$visibleCountMessage.classList.toggle("govuk-hint",!t),this.$visibleCountMessage.textContent=this.getCountMessage()}updateScreenReaderCountMessage(){this.isOverThreshold()?this.$screenReaderCountMessage.removeAttribute("aria-hidden"):this.$screenReaderCountMessage.setAttribute("aria-hidden","true"),this.$screenReaderCountMessage.textContent=this.getCountMessage()}count(t){if(this.config.maxwords){var e;return(null!=(e=t.match(/\S+/g))?e:[]).length}return t.length}getCountMessage(){const t=this.maxLength-this.count(this.$textarea.value),e=this.config.maxwords?"words":"characters";return this.formatCountMessage(t,e)}formatCountMessage(t,e){if(0===t)return this.i18n.t(`${e}AtLimit`);const i=t<0?"OverLimit":"UnderLimit";return this.i18n.t(`${e}${i}`,{count:Math.abs(t)})}isOverThreshold(){if(!this.config.threshold)return!0;const t=this.count(this.$textarea.value);return this.maxLength*this.config.threshold/100<=t}}CharacterCount.moduleName="govuk-character-count",CharacterCount.defaults=Object.freeze({threshold:0,i18n:{charactersUnderLimit:{one:"You have %{count} character remaining",other:"You have %{count} characters remaining"},charactersAtLimit:"You have 0 characters remaining",charactersOverLimit:{one:"You have %{count} character too many",other:"You have %{count} characters too many"},wordsUnderLimit:{one:"You have %{count} word remaining",other:"You have %{count} words remaining"},wordsAtLimit:"You have 0 words remaining",wordsOverLimit:{one:"You have %{count} word too many",other:"You have %{count} words too many"},textareaDescription:{other:""}}}),CharacterCount.schema=Object.freeze({properties:{i18n:{type:"object"},maxwords:{type:"number"},maxlength:{type:"number"},threshold:{type:"number"}},anyOf:[{required:["maxwords"],errorMessage:'Either "maxlength" or "maxwords" must be provided'},{required:["maxlength"],errorMessage:'Either "maxlength" or "maxwords" must be provided'}]});class Checkboxes extends Component{constructor(t){super(t),this.$inputs=void 0;const e=this.$root.querySelectorAll('input[type="checkbox"]');if(!e.length)throw new ElementError({component:Checkboxes,identifier:'Form inputs (`<input type="checkbox">`)'});this.$inputs=e,this.$inputs.forEach((t=>{const e=t.getAttribute("data-aria-controls");if(e){if(!document.getElementById(e))throw new ElementError({component:Checkboxes,identifier:`Conditional reveal (\`id="${e}"\`)`});t.setAttribute("aria-controls",e),t.removeAttribute("data-aria-controls")}})),window.addEventListener("pageshow",(()=>this.syncAllConditionalReveals())),this.syncAllConditionalReveals(),this.$root.addEventListener("click",(t=>this.handleClick(t)))}syncAllConditionalReveals(){this.$inputs.forEach((t=>this.syncConditionalRevealWithInputState(t)))}syncConditionalRevealWithInputState(t){const e=t.getAttribute("aria-controls");if(!e)return;const i=document.getElementById(e);if(null!=i&&i.classList.contains("govuk-checkboxes__conditional")){const e=t.checked;t.setAttribute("aria-expanded",e.toString()),i.classList.toggle("govuk-checkboxes__conditional--hidden",!e)}}unCheckAllInputsExcept(t){document.querySelectorAll(`input[type="checkbox"][name="${t.name}"]`).forEach((e=>{t.form===e.form&&e!==t&&(e.checked=!1,this.syncConditionalRevealWithInputState(e))}))}unCheckExclusiveInputs(t){document.querySelectorAll(`input[data-behaviour="exclusive"][type="checkbox"][name="${t.name}"]`).forEach((e=>{t.form===e.form&&(e.checked=!1,this.syncConditionalRevealWithInputState(e))}))}handleClick(t){const e=t.target;if(!(e instanceof HTMLInputElement)||"checkbox"!==e.type)return;if(e.getAttribute("aria-controls")&&this.syncConditionalRevealWithInputState(e),!e.checked)return;"exclusive"===e.getAttribute("data-behaviour")?this.unCheckAllInputsExcept(e):this.unCheckExclusiveInputs(e)}}Checkboxes.moduleName="govuk-checkboxes";class ErrorSummary extends ConfigurableComponent{constructor(t,e={}){super(t,e),this.config.disableAutoFocus||setFocus(this.$root),this.$root.addEventListener("click",(t=>this.handleClick(t)))}handleClick(t){const e=t.target;e&&this.focusTarget(e)&&t.preventDefault()}focusTarget(t){if(!(t instanceof HTMLAnchorElement))return!1;const e=t.hash.replace("#","");if(!e)return!1;const i=document.getElementById(e);if(!i)return!1;const n=this.getAssociatedLegendOrLabel(i);return!!n&&(n.scrollIntoView(),i.focus({preventScroll:!0}),!0)}getAssociatedLegendOrLabel(t){var e;const i=t.closest("fieldset");if(i){const e=i.getElementsByTagName("legend");if(e.length){const i=e[0];if(t instanceof HTMLInputElement&&("checkbox"===t.type||"radio"===t.type))return i;const n=i.getBoundingClientRect().top,s=t.getBoundingClientRect();if(s.height&&window.innerHeight){if(s.top+s.height-n<window.innerHeight/2)return i}}}return null!=(e=document.querySelector(`label[for='${t.getAttribute("id")}']`))?e:t.closest("label")}}ErrorSummary.moduleName="govuk-error-summary",ErrorSummary.defaults=Object.freeze({disableAutoFocus:!1}),ErrorSummary.schema=Object.freeze({properties:{disableAutoFocus:{type:"boolean"}}});class ExitThisPage extends ConfigurableComponent{constructor(t,e={}){super(t,e),this.i18n=void 0,this.$button=void 0,this.$skiplinkButton=null,this.$updateSpan=null,this.$indicatorContainer=null,this.$overlay=null,this.keypressCounter=0,this.lastKeyWasModified=!1,this.timeoutTime=5e3,this.keypressTimeoutId=null,this.timeoutMessageId=null;const i=this.$root.querySelector(".govuk-exit-this-page__button");if(!(i instanceof HTMLAnchorElement))throw new ElementError({component:ExitThisPage,element:i,expectedType:"HTMLAnchorElement",identifier:"Button (`.govuk-exit-this-page__button`)"});this.i18n=new I18n(this.config.i18n),this.$button=i;const n=document.querySelector(".govuk-js-exit-this-page-skiplink");n instanceof HTMLAnchorElement&&(this.$skiplinkButton=n),this.buildIndicator(),this.initUpdateSpan(),this.initButtonClickHandler(),"govukFrontendExitThisPageKeypress"in document.body.dataset||(document.addEventListener("keyup",this.handleKeypress.bind(this),!0),document.body.dataset.govukFrontendExitThisPageKeypress="true"),window.addEventListener("pageshow",this.resetPage.bind(this))}initUpdateSpan(){this.$updateSpan=document.createElement("span"),this.$updateSpan.setAttribute("role","status"),this.$updateSpan.className="govuk-visually-hidden",this.$root.appendChild(this.$updateSpan)}initButtonClickHandler(){this.$button.addEventListener("click",this.handleClick.bind(this)),this.$skiplinkButton&&this.$skiplinkButton.addEventListener("click",this.handleClick.bind(this))}buildIndicator(){this.$indicatorContainer=document.createElement("div"),this.$indicatorContainer.className="govuk-exit-this-page__indicator",this.$indicatorContainer.setAttribute("aria-hidden","true");for(let t=0;t<3;t++){const t=document.createElement("div");t.className="govuk-exit-this-page__indicator-light",this.$indicatorContainer.appendChild(t)}this.$button.appendChild(this.$indicatorContainer)}updateIndicator(){if(!this.$indicatorContainer)return;this.$indicatorContainer.classList.toggle("govuk-exit-this-page__indicator--visible",this.keypressCounter>0);this.$indicatorContainer.querySelectorAll(".govuk-exit-this-page__indicator-light").forEach(((t,e)=>{t.classList.toggle("govuk-exit-this-page__indicator-light--on",e<this.keypressCounter)}))}exitPage(){this.$updateSpan&&(this.$updateSpan.textContent="",document.body.classList.add("govuk-exit-this-page-hide-content"),this.$overlay=document.createElement("div"),this.$overlay.className="govuk-exit-this-page-overlay",this.$overlay.setAttribute("role","alert"),document.body.appendChild(this.$overlay),this.$overlay.textContent=this.i18n.t("activated"),window.location.href=this.$button.href)}handleClick(t){t.preventDefault(),this.exitPage()}handleKeypress(t){this.$updateSpan&&("Shift"!==t.key||this.lastKeyWasModified?this.keypressTimeoutId&&this.resetKeypressTimer():(this.keypressCounter+=1,this.updateIndicator(),this.timeoutMessageId&&(window.clearTimeout(this.timeoutMessageId),this.timeoutMessageId=null),this.keypressCounter>=3?(this.keypressCounter=0,this.keypressTimeoutId&&(window.clearTimeout(this.keypressTimeoutId),this.keypressTimeoutId=null),this.exitPage()):1===this.keypressCounter?this.$updateSpan.textContent=this.i18n.t("pressTwoMoreTimes"):this.$updateSpan.textContent=this.i18n.t("pressOneMoreTime"),this.setKeypressTimer()),this.lastKeyWasModified=t.shiftKey)}setKeypressTimer(){this.keypressTimeoutId&&window.clearTimeout(this.keypressTimeoutId),this.keypressTimeoutId=window.setTimeout(this.resetKeypressTimer.bind(this),this.timeoutTime)}resetKeypressTimer(){if(!this.$updateSpan)return;this.keypressTimeoutId&&(window.clearTimeout(this.keypressTimeoutId),this.keypressTimeoutId=null);const t=this.$updateSpan;this.keypressCounter=0,t.textContent=this.i18n.t("timedOut"),this.timeoutMessageId=window.setTimeout((()=>{t.textContent=""}),this.timeoutTime),this.updateIndicator()}resetPage(){document.body.classList.remove("govuk-exit-this-page-hide-content"),this.$overlay&&(this.$overlay.remove(),this.$overlay=null),this.$updateSpan&&(this.$updateSpan.setAttribute("role","status"),this.$updateSpan.textContent=""),this.updateIndicator(),this.keypressTimeoutId&&window.clearTimeout(this.keypressTimeoutId),this.timeoutMessageId&&window.clearTimeout(this.timeoutMessageId)}}ExitThisPage.moduleName="govuk-exit-this-page",ExitThisPage.defaults=Object.freeze({i18n:{activated:"Loading.",timedOut:"Exit this page expired.",pressTwoMoreTimes:"Shift, press 2 more times to exit.",pressOneMoreTime:"Shift, press 1 more time to exit."}}),ExitThisPage.schema=Object.freeze({properties:{i18n:{type:"object"}}});class FileUpload extends ConfigurableComponent{constructor(t,e={}){super(t,e),this.$input=void 0,this.$button=void 0,this.$status=void 0,this.i18n=void 0,this.id=void 0,this.$announcements=void 0,this.enteredAnotherElement=void 0;const i=this.$root.querySelector("input");if(null===i)throw new ElementError({component:FileUpload,identifier:'File inputs (`<input type="file">`)'});if("file"!==i.type)throw new ElementError(formatErrorMessage(FileUpload,'File input (`<input type="file">`) attribute (`type`) is not `file`'));if(this.$input=i,!this.$input.id)throw new ElementError({component:FileUpload,identifier:'File input (`<input type="file">`) attribute (`id`)'});this.id=this.$input.id,this.i18n=new I18n(this.config.i18n,{locale:closestAttributeValue(this.$root,"lang")});const n=this.findLabel();n.id||(n.id=`${this.id}-label`),this.$input.id=`${this.id}-input`,this.$input.setAttribute("hidden","true");const s=document.createElement("button");s.classList.add("govuk-file-upload-button"),s.type="button",s.id=this.id,s.classList.add("govuk-file-upload-button--empty");const o=this.$input.getAttribute("aria-describedby");o&&s.setAttribute("aria-describedby",o);const r=document.createElement("span");r.className="govuk-body govuk-file-upload-button__status",r.setAttribute("aria-live","polite"),r.innerText=this.i18n.t("noFileChosen"),s.appendChild(r);const a=document.createElement("span");a.className="govuk-visually-hidden",a.innerText=", ",a.id=`${this.id}-comma`,s.appendChild(a);const l=document.createElement("span");l.className="govuk-file-upload-button__pseudo-button-container";const c=document.createElement("span");c.className="govuk-button govuk-button--secondary govuk-file-upload-button__pseudo-button",c.innerText=this.i18n.t("chooseFilesButton"),l.appendChild(c),l.insertAdjacentText("beforeend"," ");const u=document.createElement("span");u.className="govuk-body govuk-file-upload-button__instruction",u.innerText=this.i18n.t("dropInstruction"),l.appendChild(u),s.appendChild(l),s.setAttribute("aria-labelledby",`${n.id} ${a.id} ${s.id}`),s.addEventListener("click",this.onClick.bind(this)),s.addEventListener("dragover",(t=>{t.preventDefault()})),this.$root.insertAdjacentElement("afterbegin",s),this.$input.setAttribute("tabindex","-1"),this.$input.setAttribute("aria-hidden","true"),this.$button=s,this.$status=r,this.$input.addEventListener("change",this.onChange.bind(this)),this.updateDisabledState(),this.observeDisabledState(),this.$announcements=document.createElement("span"),this.$announcements.classList.add("govuk-file-upload-announcements"),this.$announcements.classList.add("govuk-visually-hidden"),this.$announcements.setAttribute("aria-live","assertive"),this.$root.insertAdjacentElement("afterend",this.$announcements),this.$button.addEventListener("drop",this.onDrop.bind(this)),document.addEventListener("dragenter",this.updateDropzoneVisibility.bind(this)),document.addEventListener("dragenter",(()=>{this.enteredAnotherElement=!0})),document.addEventListener("dragleave",(()=>{this.enteredAnotherElement||this.$button.disabled||(this.hideDraggingState(),this.$announcements.innerText=this.i18n.t("leftDropZone")),this.enteredAnotherElement=!1}))}updateDropzoneVisibility(t){this.$button.disabled||t.target instanceof Node&&(this.$root.contains(t.target)?t.dataTransfer&&isContainingFiles(t.dataTransfer)&&(this.$button.classList.contains("govuk-file-upload-button--dragging")||(this.showDraggingState(),this.$announcements.innerText=this.i18n.t("enteredDropZone"))):this.$button.classList.contains("govuk-file-upload-button--dragging")&&(this.hideDraggingState(),this.$announcements.innerText=this.i18n.t("leftDropZone")))}showDraggingState(){this.$button.classList.add("govuk-file-upload-button--dragging")}hideDraggingState(){this.$button.classList.remove("govuk-file-upload-button--dragging")}onDrop(t){t.preventDefault(),t.dataTransfer&&isContainingFiles(t.dataTransfer)&&(this.$input.files=t.dataTransfer.files,this.$input.dispatchEvent(new CustomEvent("change")),this.hideDraggingState())}onChange(){const t=this.$input.files.length;0===t?(this.$status.innerText=this.i18n.t("noFileChosen"),this.$button.classList.add("govuk-file-upload-button--empty")):(this.$status.innerText=1===t?this.$input.files[0].name:this.i18n.t("multipleFilesChosen",{count:t}),this.$button.classList.remove("govuk-file-upload-button--empty"))}findLabel(){const t=document.querySelector(`label[for="${this.$input.id}"]`);if(!t)throw new ElementError({component:FileUpload,identifier:`Field label (\`<label for=${this.$input.id}>\`)`});return t}onClick(){this.$input.click()}observeDisabledState(){new MutationObserver((t=>{for(const e of t)"attributes"===e.type&&"disabled"===e.attributeName&&this.updateDisabledState()})).observe(this.$input,{attributes:!0})}updateDisabledState(){this.$button.disabled=this.$input.disabled,this.$root.classList.toggle("govuk-drop-zone--disabled",this.$button.disabled)}}function isContainingFiles(t){const e=0===t.types.length,i=t.types.some((t=>"Files"===t));return e||i}FileUpload.moduleName="govuk-file-upload",FileUpload.defaults=Object.freeze({i18n:{chooseFilesButton:"Choose file",dropInstruction:"or drop file",noFileChosen:"No file chosen",multipleFilesChosen:{one:"%{count} file chosen",other:"%{count} files chosen"},enteredDropZone:"Entered drop zone",leftDropZone:"Left drop zone"}}),FileUpload.schema=Object.freeze({properties:{i18n:{type:"object"}}});class Header extends Component{constructor(t){super(t),this.$menuButton=void 0,this.$menu=void 0,this.menuIsOpen=!1,this.mql=null;const e=this.$root.querySelector(".govuk-js-header-toggle");if(!e)return this;this.$root.classList.add("govuk-header--with-js-navigation");const i=e.getAttribute("aria-controls");if(!i)throw new ElementError({component:Header,identifier:'Navigation button (`<button class="govuk-js-header-toggle">`) attribute (`aria-controls`)'});const n=document.getElementById(i);if(!n)throw new ElementError({component:Header,element:n,identifier:`Navigation (\`<ul id="${i}">\`)`});this.$menu=n,this.$menuButton=e,this.setupResponsiveChecks(),this.$menuButton.addEventListener("click",(()=>this.handleMenuButtonClick()))}setupResponsiveChecks(){const t=getBreakpoint("desktop");if(!t.value)throw new ElementError({component:Header,identifier:`CSS custom property (\`${t.property}\`) on pseudo-class \`:root\``});this.mql=window.matchMedia(`(min-width: ${t.value})`),"addEventListener"in this.mql?this.mql.addEventListener("change",(()=>this.checkMode())):this.mql.addListener((()=>this.checkMode())),this.checkMode()}checkMode(){this.mql&&this.$menu&&this.$menuButton&&(this.mql.matches?(this.$menu.removeAttribute("hidden"),this.$menuButton.setAttribute("hidden","")):(this.$menuButton.removeAttribute("hidden"),this.$menuButton.setAttribute("aria-expanded",this.menuIsOpen.toString()),this.menuIsOpen?this.$menu.removeAttribute("hidden"):this.$menu.setAttribute("hidden","")))}handleMenuButtonClick(){this.menuIsOpen=!this.menuIsOpen,this.checkMode()}}Header.moduleName="govuk-header";class NotificationBanner extends ConfigurableComponent{constructor(t,e={}){super(t,e),"alert"!==this.$root.getAttribute("role")||this.config.disableAutoFocus||setFocus(this.$root)}}NotificationBanner.moduleName="govuk-notification-banner",NotificationBanner.defaults=Object.freeze({disableAutoFocus:!1}),NotificationBanner.schema=Object.freeze({properties:{disableAutoFocus:{type:"boolean"}}});class PasswordInput extends ConfigurableComponent{constructor(t,e={}){super(t,e),this.i18n=void 0,this.$input=void 0,this.$showHideButton=void 0,this.$screenReaderStatusMessage=void 0;const i=this.$root.querySelector(".govuk-js-password-input-input");if(!(i instanceof HTMLInputElement))throw new ElementError({component:PasswordInput,element:i,expectedType:"HTMLInputElement",identifier:"Form field (`.govuk-js-password-input-input`)"});if("password"!==i.type)throw new ElementError("Password input: Form field (`.govuk-js-password-input-input`) must be of type `password`.");const n=this.$root.querySelector(".govuk-js-password-input-toggle");if(!(n instanceof HTMLButtonElement))throw new ElementError({component:PasswordInput,element:n,expectedType:"HTMLButtonElement",identifier:"Button (`.govuk-js-password-input-toggle`)"});if("button"!==n.type)throw new ElementError("Password input: Button (`.govuk-js-password-input-toggle`) must be of type `button`.");this.$input=i,this.$showHideButton=n,this.i18n=new I18n(this.config.i18n,{locale:closestAttributeValue(this.$root,"lang")}),this.$showHideButton.removeAttribute("hidden");const s=document.createElement("div");s.className="govuk-password-input__sr-status govuk-visually-hidden",s.setAttribute("aria-live","polite"),this.$screenReaderStatusMessage=s,this.$input.insertAdjacentElement("afterend",s),this.$showHideButton.addEventListener("click",this.toggle.bind(this)),this.$input.form&&this.$input.form.addEventListener("submit",(()=>this.hide())),window.addEventListener("pageshow",(t=>{t.persisted&&"password"!==this.$input.type&&this.hide()})),this.hide()}toggle(t){t.preventDefault(),"password"!==this.$input.type?this.hide():this.show()}show(){this.setType("text")}hide(){this.setType("password")}setType(t){if(t===this.$input.type)return;this.$input.setAttribute("type",t);const e="password"===t,i=e?"show":"hide",n=e?"passwordHidden":"passwordShown";this.$showHideButton.innerText=this.i18n.t(`${i}Password`),this.$showHideButton.setAttribute("aria-label",this.i18n.t(`${i}PasswordAriaLabel`)),this.$screenReaderStatusMessage.innerText=this.i18n.t(`${n}Announcement`)}}PasswordInput.moduleName="govuk-password-input",PasswordInput.defaults=Object.freeze({i18n:{showPassword:"Show",hidePassword:"Hide",showPasswordAriaLabel:"Show password",hidePasswordAriaLabel:"Hide password",passwordShownAnnouncement:"Your password is visible",passwordHiddenAnnouncement:"Your password is hidden"}}),PasswordInput.schema=Object.freeze({properties:{i18n:{type:"object"}}});class Radios extends Component{constructor(t){super(t),this.$inputs=void 0;const e=this.$root.querySelectorAll('input[type="radio"]');if(!e.length)throw new ElementError({component:Radios,identifier:'Form inputs (`<input type="radio">`)'});this.$inputs=e,this.$inputs.forEach((t=>{const e=t.getAttribute("data-aria-controls");if(e){if(!document.getElementById(e))throw new ElementError({component:Radios,identifier:`Conditional reveal (\`id="${e}"\`)`});t.setAttribute("aria-controls",e),t.removeAttribute("data-aria-controls")}})),window.addEventListener("pageshow",(()=>this.syncAllConditionalReveals())),this.syncAllConditionalReveals(),this.$root.addEventListener("click",(t=>this.handleClick(t)))}syncAllConditionalReveals(){this.$inputs.forEach((t=>this.syncConditionalRevealWithInputState(t)))}syncConditionalRevealWithInputState(t){const e=t.getAttribute("aria-controls");if(!e)return;const i=document.getElementById(e);if(null!=i&&i.classList.contains("govuk-radios__conditional")){const e=t.checked;t.setAttribute("aria-expanded",e.toString()),i.classList.toggle("govuk-radios__conditional--hidden",!e)}}handleClick(t){const e=t.target;if(!(e instanceof HTMLInputElement)||"radio"!==e.type)return;const i=document.querySelectorAll('input[type="radio"][aria-controls]'),n=e.form,s=e.name;i.forEach((t=>{const e=t.form===n;t.name===s&&e&&this.syncConditionalRevealWithInputState(t)}))}}Radios.moduleName="govuk-radios";class ServiceNavigation extends Component{constructor(t){super(t),this.$menuButton=void 0,this.$menu=void 0,this.menuIsOpen=!1,this.mql=null;const e=this.$root.querySelector(".govuk-js-service-navigation-toggle");if(!e)return this;const i=e.getAttribute("aria-controls");if(!i)throw new ElementError({component:ServiceNavigation,identifier:'Navigation button (`<button class="govuk-js-service-navigation-toggle">`) attribute (`aria-controls`)'});const n=document.getElementById(i);if(!n)throw new ElementError({component:ServiceNavigation,element:n,identifier:`Navigation (\`<ul id="${i}">\`)`});this.$menu=n,this.$menuButton=e,this.setupResponsiveChecks(),this.$menuButton.addEventListener("click",(()=>this.handleMenuButtonClick()))}setupResponsiveChecks(){const t=getBreakpoint("tablet");if(!t.value)throw new ElementError({component:ServiceNavigation,identifier:`CSS custom property (\`${t.property}\`) on pseudo-class \`:root\``});this.mql=window.matchMedia(`(min-width: ${t.value})`),"addEventListener"in this.mql?this.mql.addEventListener("change",(()=>this.checkMode())):this.mql.addListener((()=>this.checkMode())),this.checkMode()}checkMode(){this.mql&&this.$menu&&this.$menuButton&&(this.mql.matches?(this.$menu.removeAttribute("hidden"),this.$menuButton.setAttribute("hidden","")):(this.$menuButton.removeAttribute("hidden"),this.$menuButton.setAttribute("aria-expanded",this.menuIsOpen.toString()),this.menuIsOpen?this.$menu.removeAttribute("hidden"):this.$menu.setAttribute("hidden","")))}handleMenuButtonClick(){this.menuIsOpen=!this.menuIsOpen,this.checkMode()}}ServiceNavigation.moduleName="govuk-service-navigation";class SkipLink extends Component{constructor(t){var e;super(t);const i=this.$root.hash,n=null!=(e=this.$root.getAttribute("href"))?e:"";if(this.$root.origin!==window.location.origin||this.$root.pathname!==window.location.pathname)return;const s=i.replace("#","");if(!s)throw new ElementError(`Skip link: Target link (\`href="${n}"\`) has no hash fragment`);const o=document.getElementById(s);if(!o)throw new ElementError({component:SkipLink,element:o,identifier:`Target content (\`id="${s}"\`)`});this.$root.addEventListener("click",(()=>setFocus(o,{onBeforeFocus(){o.classList.add("govuk-skip-link-focused-element")},onBlur(){o.classList.remove("govuk-skip-link-focused-element")}})))}}SkipLink.elementType=HTMLAnchorElement,SkipLink.moduleName="govuk-skip-link";class Tabs extends Component{constructor(t){super(t),this.$tabs=void 0,this.$tabList=void 0,this.$tabListItems=void 0,this.jsHiddenClass="govuk-tabs__panel--hidden",this.changingHash=!1,this.boundTabClick=void 0,this.boundTabKeydown=void 0,this.boundOnHashChange=void 0,this.mql=null;const e=this.$root.querySelectorAll("a.govuk-tabs__tab");if(!e.length)throw new ElementError({component:Tabs,identifier:'Links (`<a class="govuk-tabs__tab">`)'});this.$tabs=e,this.boundTabClick=this.onTabClick.bind(this),this.boundTabKeydown=this.onTabKeydown.bind(this),this.boundOnHashChange=this.onHashChange.bind(this);const i=this.$root.querySelector(".govuk-tabs__list"),n=this.$root.querySelectorAll("li.govuk-tabs__list-item");if(!i)throw new ElementError({component:Tabs,identifier:'List (`<ul class="govuk-tabs__list">`)'});if(!n.length)throw new ElementError({component:Tabs,identifier:'List items (`<li class="govuk-tabs__list-item">`)'});this.$tabList=i,this.$tabListItems=n,this.setupResponsiveChecks()}setupResponsiveChecks(){const t=getBreakpoint("tablet");if(!t.value)throw new ElementError({component:Tabs,identifier:`CSS custom property (\`${t.property}\`) on pseudo-class \`:root\``});this.mql=window.matchMedia(`(min-width: ${t.value})`),"addEventListener"in this.mql?this.mql.addEventListener("change",(()=>this.checkMode())):this.mql.addListener((()=>this.checkMode())),this.checkMode()}checkMode(){var t;null!=(t=this.mql)&&t.matches?this.setup():this.teardown()}setup(){var t;this.$tabList.setAttribute("role","tablist"),this.$tabListItems.forEach((t=>{t.setAttribute("role","presentation")})),this.$tabs.forEach((t=>{this.setAttributes(t),t.addEventListener("click",this.boundTabClick,!0),t.addEventListener("keydown",this.boundTabKeydown,!0),this.hideTab(t)}));const e=null!=(t=this.getTab(window.location.hash))?t:this.$tabs[0];this.showTab(e),window.addEventListener("hashchange",this.boundOnHashChange,!0)}teardown(){this.$tabList.removeAttribute("role"),this.$tabListItems.forEach((t=>{t.removeAttribute("role")})),this.$tabs.forEach((t=>{t.removeEventListener("click",this.boundTabClick,!0),t.removeEventListener("keydown",this.boundTabKeydown,!0),this.unsetAttributes(t)})),window.removeEventListener("hashchange",this.boundOnHashChange,!0)}onHashChange(){const t=window.location.hash,e=this.getTab(t);if(!e)return;if(this.changingHash)return void(this.changingHash=!1);const i=this.getCurrentTab();i&&(this.hideTab(i),this.showTab(e),e.focus())}hideTab(t){this.unhighlightTab(t),this.hidePanel(t)}showTab(t){this.highlightTab(t),this.showPanel(t)}getTab(t){return this.$root.querySelector(`a.govuk-tabs__tab[href="${t}"]`)}setAttributes(t){const e=t.hash.replace("#","");if(!e)return;t.setAttribute("id",`tab_${e}`),t.setAttribute("role","tab"),t.setAttribute("aria-controls",e),t.setAttribute("aria-selected","false"),t.setAttribute("tabindex","-1");const i=this.getPanel(t);i&&(i.setAttribute("role","tabpanel"),i.setAttribute("aria-labelledby",t.id),i.classList.add(this.jsHiddenClass))}unsetAttributes(t){t.removeAttribute("id"),t.removeAttribute("role"),t.removeAttribute("aria-controls"),t.removeAttribute("aria-selected"),t.removeAttribute("tabindex");const e=this.getPanel(t);e&&(e.removeAttribute("role"),e.removeAttribute("aria-labelledby"),e.classList.remove(this.jsHiddenClass))}onTabClick(t){const e=this.getCurrentTab(),i=t.currentTarget;e&&i instanceof HTMLAnchorElement&&(t.preventDefault(),this.hideTab(e),this.showTab(i),this.createHistoryEntry(i))}createHistoryEntry(t){const e=this.getPanel(t);if(!e)return;const i=e.id;e.id="",this.changingHash=!0,window.location.hash=i,e.id=i}onTabKeydown(t){switch(t.key){case"ArrowLeft":case"Left":this.activatePreviousTab(),t.preventDefault();break;case"ArrowRight":case"Right":this.activateNextTab(),t.preventDefault()}}activateNextTab(){const t=this.getCurrentTab();if(null==t||!t.parentElement)return;const e=t.parentElement.nextElementSibling;if(!e)return;const i=e.querySelector("a.govuk-tabs__tab");i&&(this.hideTab(t),this.showTab(i),i.focus(),this.createHistoryEntry(i))}activatePreviousTab(){const t=this.getCurrentTab();if(null==t||!t.parentElement)return;const e=t.parentElement.previousElementSibling;if(!e)return;const i=e.querySelector("a.govuk-tabs__tab");i&&(this.hideTab(t),this.showTab(i),i.focus(),this.createHistoryEntry(i))}getPanel(t){const e=t.hash.replace("#","");return e?this.$root.querySelector(`#${e}`):null}showPanel(t){const e=this.getPanel(t);e&&e.classList.remove(this.jsHiddenClass)}hidePanel(t){const e=this.getPanel(t);e&&e.classList.add(this.jsHiddenClass)}unhighlightTab(t){t.parentElement&&(t.setAttribute("aria-selected","false"),t.parentElement.classList.remove("govuk-tabs__list-item--selected"),t.setAttribute("tabindex","-1"))}highlightTab(t){t.parentElement&&(t.setAttribute("aria-selected","true"),t.parentElement.classList.add("govuk-tabs__list-item--selected"),t.setAttribute("tabindex","0"))}getCurrentTab(){return this.$root.querySelector(".govuk-tabs__list-item--selected a.govuk-tabs__tab")}}function initAll(t={}){const e=isObject(t)?t:{},i=normaliseOptions(t);try{if(!isSupported())throw new SupportError;if(null===i.scope)throw new ElementError({element:i.scope,identifier:"GOV.UK Frontend scope element (`$scope`)"})}catch(n){return void(i.onError?i.onError(n,{config:e}):console.log(n))}[[Accordion,e.accordion],[Button,e.button],[CharacterCount,e.characterCount],[Checkboxes],[ErrorSummary,e.errorSummary],[ExitThisPage,e.exitThisPage],[FileUpload,e.fileUpload],[Header],[NotificationBanner,e.notificationBanner],[PasswordInput,e.passwordInput],[Radios],[ServiceNavigation],[SkipLink],[Tabs]].forEach((([Component,t])=>{createAll(Component,t,i)}))}function createAll(Component,t,e){let i;const n=normaliseOptions(e);try{var s;if(!isSupported())throw new SupportError;if(null===n.scope)throw new ElementError({element:n.scope,component:Component,identifier:"Scope element (`$scope`)"});i=null==(s=n.scope)?void 0:s.querySelectorAll(`[data-module="${Component.moduleName}"]`)}catch(o){return n.onError?n.onError(o,{component:Component,config:t}):console.log(o),[]}return Array.from(null!=i?i:[]).map((e=>{try{return void 0!==t?new Component(e,t):new Component(e)}catch(o){return n.onError?n.onError(o,{element:e,component:Component,config:t}):console.log(o),null}})).filter(Boolean)}Tabs.moduleName="govuk-tabs";export{Accordion,Button,CharacterCount,Checkboxes,Component,ConfigurableComponent,ErrorSummary,ExitThisPage,FileUpload,Header,NotificationBanner,PasswordInput,Radios,ServiceNavigation,SkipLink,Tabs,createAll,initAll,isSupported,version};//# sourceMappingURL=govuk-frontend.min.js.map
diff --git a/node_modules/govuk-frontend/dist/govuk/govuk-frontend.min.js.map b/node_modules/govuk-frontend/dist/govuk/govuk-frontend.min.js.map
new file mode 100644
index 0000000..c4932e9
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/govuk-frontend.min.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"govuk-frontend.min.js","sources":["../../src/govuk/common/govuk-frontend-version.mjs","../../src/govuk/common/index.mjs","../../src/govuk/errors/index.mjs","../../src/govuk/component.mjs","../../src/govuk/common/configuration.mjs","../../src/govuk/i18n.mjs","../../src/govuk/components/accordion/accordion.mjs","../../src/govuk/components/button/button.mjs","../../src/govuk/common/closest-attribute-value.mjs","../../src/govuk/components/character-count/character-count.mjs","../../src/govuk/components/checkboxes/checkboxes.mjs","../../src/govuk/components/error-summary/error-summary.mjs","../../src/govuk/components/exit-this-page/exit-this-page.mjs","../../src/govuk/components/file-upload/file-upload.mjs","../../src/govuk/components/header/header.mjs","../../src/govuk/components/notification-banner/notification-banner.mjs","../../src/govuk/components/password-input/password-input.mjs","../../src/govuk/components/radios/radios.mjs","../../src/govuk/components/service-navigation/service-navigation.mjs","../../src/govuk/components/skip-link/skip-link.mjs","../../src/govuk/components/tabs/tabs.mjs","../../src/govuk/init.mjs"],"sourcesContent":["/*\n * This variable is automatically overwritten during builds and releases.\n * It doesn't need to be updated manually.\n */\n\n/**\n * GOV.UK Frontend release version\n *\n * {@link https://github.com/alphagov/govuk-frontend/releases}\n */\nexport const version = 'development'\n","/**\n * Common helpers which do not require polyfill.\n *\n * IMPORTANT: If a helper require a polyfill, please isolate it in its own module\n * so that the polyfill can be properly tree-shaken and does not burden\n * the components that do not need that helper\n */\n\n/**\n * Get GOV.UK Frontend breakpoint value from CSS custom property\n *\n * @private\n * @param {string} name - Breakpoint name\n * @returns {{ property: string, value?: string }} Breakpoint object\n */\nexport function getBreakpoint(name) {\n  const property = `--govuk-breakpoint-${name}`\n\n  // Get value from `<html>` with breakpoints on CSS :root\n  const value = window\n    .getComputedStyle(document.documentElement)\n    .getPropertyValue(property)\n\n  return {\n    property,\n    value: value || undefined\n  }\n}\n\n/**\n * Move focus to element\n *\n * Sets tabindex to -1 to make the element programmatically focusable,\n * but removes it on blur as the element doesn't need to be focused again.\n *\n * @private\n * @template {HTMLElement} FocusElement\n * @param {FocusElement} $element - HTML element\n * @param {object} [options] - Handler options\n * @param {function(this: FocusElement): void} [options.onBeforeFocus] - Callback before focus\n * @param {function(this: FocusElement): void} [options.onBlur] - Callback on blur\n */\nexport function setFocus($element, options = {}) {\n  const isFocusable = $element.getAttribute('tabindex')\n\n  if (!isFocusable) {\n    $element.setAttribute('tabindex', '-1')\n  }\n\n  /**\n   * Handle element focus\n   */\n  function onFocus() {\n    $element.addEventListener('blur', onBlur, { once: true })\n  }\n\n  /**\n   * Handle element blur\n   */\n  function onBlur() {\n    options.onBlur?.call($element)\n\n    if (!isFocusable) {\n      $element.removeAttribute('tabindex')\n    }\n  }\n\n  // Add listener to reset element on blur, after focus\n  $element.addEventListener('focus', onFocus, { once: true })\n\n  // Focus element\n  options.onBeforeFocus?.call($element)\n  $element.focus()\n}\n\n/**\n * Checks if component is already initialised\n *\n * @internal\n * @param {Element} $root - HTML element to be checked\n * @param {string} moduleName - name of component module\n * @returns {boolean} Whether component is already initialised\n */\nexport function isInitialised($root, moduleName) {\n  return (\n    $root instanceof HTMLElement &&\n    $root.hasAttribute(`data-${moduleName}-init`)\n  )\n}\n\n/**\n * Checks if GOV.UK Frontend is supported on this page\n *\n * Some browsers will load and run our JavaScript but GOV.UK Frontend\n * won't be supported.\n *\n * @param {HTMLElement | null} [$scope] - (internal) `<body>` HTML element checked for browser support\n * @returns {boolean} Whether GOV.UK Frontend is supported on this page\n */\nexport function isSupported($scope = document.body) {\n  if (!$scope) {\n    return false\n  }\n\n  return $scope.classList.contains('govuk-frontend-supported')\n}\n\n/**\n * Check for an array\n *\n * @internal\n * @param {unknown} option - Option to check\n * @returns {boolean} Whether the option is an array\n */\nfunction isArray(option) {\n  return Array.isArray(option)\n}\n\n/**\n * Check for an object\n *\n * @internal\n * @template {Partial<Record<keyof ObjectType, unknown>>} ObjectType\n * @param {unknown | ObjectType} option - Option to check\n * @returns {option is ObjectType} Whether the option is an object\n */\nexport function isObject(option) {\n  return !!option && typeof option === 'object' && !isArray(option)\n}\n\n/**\n * Check for valid scope\n *\n * @internal\n * @template {Element | Document} ScopeType\n * @param {unknown | ScopeType} $scope - Scope of the document to search within\n * @returns {$scope is ScopeType} Whether the scope can be queried\n */\nexport function isScope($scope) {\n  return !!$scope && ($scope instanceof Element || $scope instanceof Document)\n}\n\n/**\n * Format error message\n *\n * @internal\n * @param {ComponentWithModuleName} Component - Component that threw the error\n * @param {string} message - Error message\n * @returns {string} - Formatted error message\n */\nexport function formatErrorMessage(Component, message) {\n  return `${Component.moduleName}: ${message}`\n}\n\n/* eslint-disable jsdoc/valid-types --\n * `{new(...args: any[] ): object}` is not recognised as valid\n * https://github.com/gajus/eslint-plugin-jsdoc/issues/145#issuecomment-1308722878\n * https://github.com/jsdoc-type-pratt-parser/jsdoc-type-pratt-parser/issues/131\n **/\n\n/**\n * @typedef ComponentWithModuleName\n * @property {string} moduleName - Name of the component\n */\n\n/* eslint-enable jsdoc/valid-types */\n","import { formatErrorMessage, isObject } from '../common/index.mjs'\n\n/**\n * GOV.UK Frontend error\n *\n * A base class for `Error`s thrown by GOV.UK Frontend.\n *\n * It is meant to be extended into specific types of errors\n * to be thrown by our code.\n *\n * @example\n * ```js\n * class MissingRootError extends GOVUKFrontendError {\n *   // Setting an explicit name is important as extending the class will not\n *   // set a new `name` on the subclass. The `name` property is important\n *   // to ensure intelligible error names even if the class name gets\n *   // mangled by a minifier\n *   name = \"MissingRootError\"\n * }\n * ```\n * @virtual\n */\nexport class GOVUKFrontendError extends Error {\n  name = 'GOVUKFrontendError'\n}\n\n/**\n * Indicates that GOV.UK Frontend is not supported\n */\nexport class SupportError extends GOVUKFrontendError {\n  name = 'SupportError'\n\n  /**\n   * Checks if GOV.UK Frontend is supported on this page\n   *\n   * @param {HTMLElement | null} [$scope] - HTML element `<body>` checked for browser support\n   */\n  constructor($scope = document.body) {\n    const supportMessage =\n      'noModule' in HTMLScriptElement.prototype\n        ? 'GOV.UK Frontend initialised without `<body class=\"govuk-frontend-supported\">` from template `<script>` snippet'\n        : 'GOV.UK Frontend is not supported in this browser'\n\n    super(\n      $scope\n        ? supportMessage\n        : 'GOV.UK Frontend initialised without `<script type=\"module\">`'\n    )\n  }\n}\n\n/**\n * Indicates that a component has received an illegal configuration\n */\nexport class ConfigError extends GOVUKFrontendError {\n  name = 'ConfigError'\n}\n\n/**\n * Indicates an issue with an element (possibly `null` or `undefined`)\n */\nexport class ElementError extends GOVUKFrontendError {\n  name = 'ElementError'\n\n  /**\n   * @internal\n   * @overload\n   * @param {string} message - Element error message\n   */\n\n  /**\n   * @internal\n   * @overload\n   * @param {ElementErrorOptions} options - Element error options\n   */\n\n  /**\n   * @internal\n   * @param {string | ElementErrorOptions} messageOrOptions - Element error message or options\n   */\n  constructor(messageOrOptions) {\n    let message = typeof messageOrOptions === 'string' ? messageOrOptions : ''\n\n    // Build message from options\n    if (isObject(messageOrOptions)) {\n      const { component, identifier, element, expectedType } = messageOrOptions\n\n      message = identifier\n\n      // Append reason\n      message += element\n        ? ` is not of type ${expectedType ?? 'HTMLElement'}`\n        : ' not found'\n\n      // Prepend with module name (optional)\n      if (component) {\n        message = formatErrorMessage(component, message)\n      }\n    }\n\n    super(message)\n  }\n}\n\n/**\n * Indicates that a component is already initialised\n */\nexport class InitError extends GOVUKFrontendError {\n  name = 'InitError'\n\n  /**\n   * @internal\n   * @param {ComponentWithModuleName | string} componentOrMessage - name of the component module\n   */\n  constructor(componentOrMessage) {\n    const message =\n      typeof componentOrMessage === 'string'\n        ? componentOrMessage\n        : formatErrorMessage(\n            componentOrMessage,\n            `Root element (\\`$root\\`) already initialised`\n          )\n\n    super(message)\n  }\n}\n\n/**\n * Element error options\n *\n * @internal\n * @typedef {object} ElementErrorOptions\n * @property {Element | Document | null} [element] - The element in error (optional)\n * @property {ComponentWithModuleName} [component] - Component throwing the error (optional)\n * @property {string} identifier - An identifier that'll let the user understand which element has an error. This is whatever makes the most sense\n * @property {string} [expectedType] - The type that was expected for the identifier (optional)\n */\n\n/**\n * @import { ComponentWithModuleName } from '../common/index.mjs'\n */\n","import { isInitialised, isSupported } from './common/index.mjs'\nimport { ElementError, InitError, SupportError } from './errors/index.mjs'\n\n/**\n * Base Component class\n *\n * Centralises the behaviours shared by our components\n *\n * @virtual\n * @template {Element} [RootElementType=HTMLElement]\n */\nexport class Component {\n  /**\n   * @type {typeof Element}\n   */\n  static elementType = HTMLElement\n\n  // allows Typescript user to work around the lack of types\n  // in GOVUKFrontend package, Typescript is not aware of $root\n  // in components that extend GOVUKFrontendComponent\n  /**\n   * Returns the root element of the component\n   *\n   * @protected\n   * @returns {RootElementType} - the root element of component\n   */\n  get $root() {\n    return this._$root\n  }\n\n  /**\n   * @protected\n   * @type {RootElementType}\n   */\n  _$root\n\n  /**\n   * Constructs a new component, validating that GOV.UK Frontend is supported\n   *\n   * @internal\n   * @param {Element | null} [$root] - HTML element to use for component\n   */\n  constructor($root) {\n    const childConstructor = /** @type {ChildClassConstructor} */ (\n      this.constructor\n    )\n\n    // TypeScript does not enforce that inheriting classes will define a `moduleName`\n    // (even if we add a `@virtual` `static moduleName` property to this class).\n    // While we trust users to do this correctly, we do a little check to provide them\n    // a helpful error message.\n    //\n    // After this, we'll be sure that `childConstructor` has a `moduleName`\n    // as expected of the `ChildClassConstructor` we've cast `this.constructor` to.\n    if (typeof childConstructor.moduleName !== 'string') {\n      throw new InitError(`\\`moduleName\\` not defined in component`)\n    }\n\n    if (!($root instanceof childConstructor.elementType)) {\n      throw new ElementError({\n        element: $root,\n        component: childConstructor,\n        identifier: 'Root element (`$root`)',\n        expectedType: childConstructor.elementType.name\n      })\n    } else {\n      this._$root = /** @type {RootElementType} */ ($root)\n    }\n\n    childConstructor.checkSupport()\n\n    this.checkInitialised()\n\n    const moduleName = childConstructor.moduleName\n\n    this.$root.setAttribute(`data-${moduleName}-init`, '')\n  }\n\n  /**\n   * Validates whether component is already initialised\n   *\n   * @private\n   * @throws {InitError} when component is already initialised\n   */\n  checkInitialised() {\n    const constructor = /** @type {ChildClassConstructor} */ (this.constructor)\n    const moduleName = constructor.moduleName\n\n    if (moduleName && isInitialised(this.$root, moduleName)) {\n      throw new InitError(constructor)\n    }\n  }\n\n  /**\n   * Validates whether components are supported\n   *\n   * @throws {SupportError} when the components are not supported\n   */\n  static checkSupport() {\n    if (!isSupported()) {\n      throw new SupportError()\n    }\n  }\n}\n\n/**\n * @typedef ChildClass\n * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component\n */\n\n/**\n * @typedef {typeof Component & ChildClass} ChildClassConstructor\n */\n","import { Component } from '../component.mjs'\nimport { ConfigError } from '../errors/index.mjs'\n\nimport { isObject, isScope, formatErrorMessage } from './index.mjs'\n\nexport const configOverride = Symbol.for('configOverride')\n\n/**\n * Base Component class\n *\n * Centralises the behaviours shared by our components\n *\n * @virtual\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]\n * @template {Element & { dataset: DOMStringMap }} [RootElementType=HTMLElement]\n * @augments Component<RootElementType>\n */\nexport class ConfigurableComponent extends Component {\n  /**\n   * configOverride\n   *\n   * Function which defines configuration overrides to prioritize\n   * properties from the root element's dataset.\n   *\n   * It should take a subset of configuration as input and return\n   * a new configuration object with properties that should be\n   * overridden based on the root element's dataset. A Symbol\n   * is used for indexing to prevent conflicts.\n   *\n   * @internal\n   * @virtual\n   * @param {Partial<ConfigurationType>} [param] - Configuration object\n   * @returns {Partial<ConfigurationType>} return - Configuration object\n   */\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  [configOverride](param) {\n    return {}\n  }\n\n  /**\n   * Returns the root element of the component\n   *\n   * @protected\n   * @returns {ConfigurationType} - the root element of component\n   */\n  get config() {\n    return this._config\n  }\n\n  /**\n   *\n   * @type {ConfigurationType}\n   */\n  _config\n\n  /**\n   * Constructs a new component, validating that GOV.UK Frontend is supported\n   *\n   * @internal\n   * @param {Element | null} [$root] - HTML element to use for component\n   * @param {ConfigurationType} [config] - HTML element to use for component\n   */\n  constructor($root, config) {\n    super($root)\n\n    const childConstructor =\n      /** @type {ChildClassConstructor<ConfigurationType>} */ (this.constructor)\n\n    if (!isObject(childConstructor.defaults)) {\n      throw new ConfigError(\n        formatErrorMessage(\n          childConstructor,\n          'Config passed as parameter into constructor but no defaults defined'\n        )\n      )\n    }\n\n    const datasetConfig = /** @type {ConfigurationType} */ (\n      normaliseDataset(childConstructor, this._$root.dataset)\n    )\n\n    this._config = /** @type {ConfigurationType} */ (\n      mergeConfigs(\n        childConstructor.defaults,\n        config ?? {},\n        this[configOverride](datasetConfig),\n        datasetConfig\n      )\n    )\n  }\n}\n\n/**\n * Normalise string\n *\n * 'If it looks like a duck, and it quacks like a duck…' 🦆\n *\n * If the passed value looks like a boolean or a number, convert it to a boolean\n * or number.\n *\n * Designed to be used to convert config passed via data attributes (which are\n * always strings) into something sensible.\n *\n * @internal\n * @param {DOMStringMap[string]} value - The value to normalise\n * @param {SchemaProperty} [property] - Component schema property\n * @returns {string | boolean | number | undefined} Normalised data\n */\nexport function normaliseString(value, property) {\n  const trimmedValue = value ? value.trim() : ''\n\n  let output\n  let outputType = property?.type\n\n  // No schema type set? Determine automatically\n  if (!outputType) {\n    if (['true', 'false'].includes(trimmedValue)) {\n      outputType = 'boolean'\n    }\n\n    // Empty / whitespace-only strings are considered finite so we need to check\n    // the length of the trimmed string as well\n    if (trimmedValue.length > 0 && isFinite(Number(trimmedValue))) {\n      outputType = 'number'\n    }\n  }\n\n  switch (outputType) {\n    case 'boolean':\n      output = trimmedValue === 'true'\n      break\n\n    case 'number':\n      output = Number(trimmedValue)\n      break\n\n    default:\n      output = value\n  }\n\n  return output\n}\n\n/**\n * Normalise dataset\n *\n * Loop over an object and normalise each value using {@link normaliseString},\n * optionally expanding nested `i18n.field`\n *\n * @internal\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @template {[keyof ConfigurationType, SchemaProperty | undefined][]} SchemaEntryType\n * @param {{ schema?: Schema<ConfigurationType>, moduleName: string }} Component - Component class\n * @param {DOMStringMap} dataset - HTML element dataset\n * @returns {ObjectNested} Normalised dataset\n */\nexport function normaliseDataset(Component, dataset) {\n  if (!isObject(Component.schema)) {\n    throw new ConfigError(\n      formatErrorMessage(\n        Component,\n        'Config passed as parameter into constructor but no schema defined'\n      )\n    )\n  }\n\n  const out = /** @type {ObjectNested} */ ({})\n  const entries = /** @type {SchemaEntryType} */ (\n    Object.entries(Component.schema.properties)\n  )\n\n  // Normalise top-level dataset ('data-*') values using schema types\n  for (const entry of entries) {\n    const [namespace, property] = entry\n\n    // Cast the `namespace` to string so it can be used to access the dataset\n    const field = namespace.toString()\n\n    if (field in dataset) {\n      out[field] = normaliseString(dataset[field], property)\n    }\n\n    /**\n     * Extract and normalise nested object values automatically using\n     * {@link normaliseString} but only schema object types are allowed\n     */\n    if (property?.type === 'object') {\n      out[field] = extractConfigByNamespace(\n        Component.schema,\n        dataset,\n        namespace\n      )\n    }\n  }\n\n  return out\n}\n\n/**\n * Normalise options passed to `initAll` or `createAll`\n *\n * @internal\n * @template {CompatibleClass} ComponentClass\n * @param {Config | CreateAllOptions<ComponentClass> | OnErrorCallback<ComponentClass> | Element | Document | null} [scopeOrOptions] - Scope of the document to search within, initialisation options or error callback function\n * @returns {CreateAllOptions<ComponentClass>} Normalised options\n */\nexport function normaliseOptions(scopeOrOptions) {\n  let /** @type {Element | Document | null} */ $scope = document\n  let /** @type {OnErrorCallback<ComponentClass> | undefined} */ onError\n\n  // Handle options object\n  if (isObject(scopeOrOptions)) {\n    const options = scopeOrOptions\n\n    // Scope must be valid or null\n    if (isScope(options.scope) || options.scope === null) {\n      $scope = options.scope\n    }\n\n    // Error handler must be a function\n    if (typeof options.onError === 'function') {\n      onError = options.onError\n    }\n  }\n\n  if (isScope(scopeOrOptions)) {\n    $scope = scopeOrOptions\n  } else if (scopeOrOptions === null) {\n    $scope = null\n  } else if (typeof scopeOrOptions === 'function') {\n    onError = scopeOrOptions\n  }\n\n  return {\n    scope: $scope,\n    onError\n  }\n}\n\n/**\n * Config merging function\n *\n * Takes any number of objects and combines them together, with\n * greatest priority on the LAST item passed in.\n *\n * @internal\n * @param {...{ [key: string]: unknown }} configObjects - Config objects to merge\n * @returns {{ [key: string]: unknown }} A merged config object\n */\nexport function mergeConfigs(...configObjects) {\n  // Start with an empty object as our base\n  /** @type {{ [key: string]: unknown }} */\n  const formattedConfigObject = {}\n\n  // Loop through each of the passed objects\n  for (const configObject of configObjects) {\n    for (const key of Object.keys(configObject)) {\n      const option = formattedConfigObject[key]\n      const override = configObject[key]\n\n      // Push their keys one-by-one into formattedConfigObject. Any duplicate\n      // keys with object values will be merged, otherwise the new value will\n      // override the existing value.\n      if (isObject(option) && isObject(override)) {\n        formattedConfigObject[key] = mergeConfigs(option, override)\n      } else {\n        // Apply override\n        formattedConfigObject[key] = override\n      }\n    }\n  }\n\n  return formattedConfigObject\n}\n\n/**\n * Validate component config by schema\n *\n * Follows limited examples in JSON schema for wider support in future\n *\n * {@link https://ajv.js.org/json-schema.html#compound-keywords}\n * {@link https://ajv.js.org/packages/ajv-errors.html#single-message}\n *\n * @internal\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @param {Schema<ConfigurationType>} schema - The schema of a component\n * @param {ConfigurationType} config - Component config\n * @returns {string[]} List of validation errors\n */\nexport function validateConfig(schema, config) {\n  const validationErrors = []\n\n  // Check errors for each schema\n  for (const [name, conditions] of Object.entries(schema)) {\n    const errors = []\n\n    // Check errors for each schema condition\n    if (Array.isArray(conditions)) {\n      for (const { required, errorMessage } of conditions) {\n        if (!required.every((key) => !!config[key])) {\n          errors.push(errorMessage) // Missing config key value\n        }\n      }\n\n      // Check one condition passes or add errors\n      if (name === 'anyOf' && !(conditions.length - errors.length >= 1)) {\n        validationErrors.push(...errors)\n      }\n    }\n  }\n\n  return validationErrors\n}\n\n/**\n * Extracts keys starting with a particular namespace from dataset ('data-*')\n * object, removing the namespace in the process, normalising all values\n *\n * @internal\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @param {Schema<ConfigurationType>} schema - The schema of a component\n * @param {DOMStringMap} dataset - The object to extract key-value pairs from\n * @param {keyof ConfigurationType} namespace - The namespace to filter keys with\n * @returns {ObjectNested | undefined} Nested object with dot-separated key namespace removed\n */\nexport function extractConfigByNamespace(schema, dataset, namespace) {\n  const property = schema.properties[namespace]\n\n  // Only extract configs for object schema properties\n  if (property?.type !== 'object') {\n    return\n  }\n\n  // Add default empty config\n  const newObject = /** @type {Record<typeof namespace, ObjectNested>} */ ({\n    [namespace]: {}\n  })\n\n  for (const [key, value] of Object.entries(dataset)) {\n    /** @type {ObjectNested | ObjectNested[NestedKey]} */\n    let current = newObject\n\n    // Split the key into parts, using . as our namespace separator\n    const keyParts = key.split('.')\n\n    /**\n     * Create new level per part\n     *\n     * e.g. 'i18n.textareaDescription.other' becomes\n     * `{ i18n: { textareaDescription: { other } } }`\n     */\n    for (const [index, name] of keyParts.entries()) {\n      if (isObject(current)) {\n        // Drop down to nested object until the last part\n        if (index < keyParts.length - 1) {\n          // New nested object (optionally) replaces existing value\n          if (!isObject(current[name])) {\n            current[name] = {}\n          }\n\n          // Drop down into new or existing nested object\n          current = current[name]\n        } else if (key !== namespace) {\n          // Normalised value (optionally) replaces existing value\n          current[name] = normaliseString(value)\n        }\n      }\n    }\n  }\n\n  return newObject[namespace]\n}\n\n/**\n * @internal\n * @typedef {keyof ObjectNested} NestedKey\n * @typedef {{ [key: string]: string | boolean | number | ObjectNested | undefined }} ObjectNested\n */\n\n/**\n * Schema for component config\n *\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @typedef {object} Schema\n * @property {Record<keyof ConfigurationType, SchemaProperty | undefined>} properties - Schema properties\n * @property {SchemaCondition<ConfigurationType>[]} [anyOf] - List of schema conditions\n */\n\n/**\n * Schema property for component config\n *\n * @typedef {object} SchemaProperty\n * @property {'string' | 'boolean' | 'number' | 'object'} type - Property type\n */\n\n/**\n * Schema condition for component config\n *\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} ConfigurationType\n * @typedef {object} SchemaCondition\n * @property {(keyof ConfigurationType)[]} required - List of required config fields\n * @property {string} errorMessage - Error message when required config fields not provided\n */\n\n/**\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]\n * @typedef ChildClass\n * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component\n * @property {Schema<ConfigurationType>} [schema] - The schema of the component configuration\n * @property {ConfigurationType} [defaults] - The default values of the configuration of the component\n */\n\n/**\n * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]\n * @typedef {typeof Component & ChildClass<ConfigurationType>} ChildClassConstructor<ConfigurationType>\n */\n\n/**\n * @import { CompatibleClass, Config, CreateAllOptions, OnErrorCallback } from '../init.mjs'\n */\n","import { isObject } from './common/index.mjs'\n\n/**\n * Internal support for selecting messages to render, with placeholder\n * interpolation and locale-aware number formatting and pluralisation\n *\n * @internal\n */\nexport class I18n {\n  translations\n  locale\n\n  /**\n   * @internal\n   * @param {{ [key: string]: string | TranslationPluralForms }} translations - Key-value pairs of the translation strings to use.\n   * @param {object} [config] - Configuration options for the function.\n   * @param {string | null} [config.locale] - An overriding locale for the PluralRules functionality.\n   */\n  constructor(translations = {}, config = {}) {\n    // Make list of translations available throughout function\n    this.translations = translations\n\n    // The locale to use for PluralRules and NumberFormat\n    this.locale = config.locale ?? (document.documentElement.lang || 'en')\n  }\n\n  /**\n   * The most used function - takes the key for a given piece of UI text and\n   * returns the appropriate string.\n   *\n   * @internal\n   * @param {string} lookupKey - The lookup key of the string to use.\n   * @param {{ [key: string]: unknown }} [options] - Any options passed with the translation string, e.g: for string interpolation.\n   * @returns {string} The appropriate translation string.\n   * @throws {Error} Lookup key required\n   * @throws {Error} Options required for `${}` placeholders\n   */\n  t(lookupKey, options) {\n    if (!lookupKey) {\n      // Print a console error if no lookup key has been provided\n      throw new Error('i18n: lookup key missing')\n    }\n\n    // Fetch the translation for that lookup key\n    let translation = this.translations[lookupKey]\n\n    // If the `count` option is set, determine which plural suffix is needed and\n    // change the lookupKey to match. We check to see if it's numeric instead of\n    // falsy, as this could legitimately be 0.\n    if (typeof options?.count === 'number' && isObject(translation)) {\n      const translationPluralForm =\n        translation[this.getPluralSuffix(lookupKey, options.count)]\n\n      // Update translation with plural suffix\n      if (translationPluralForm) {\n        translation = translationPluralForm\n      }\n    }\n\n    if (typeof translation === 'string') {\n      // Check for ${} placeholders in the translation string\n      // eslint-disable-next-line @typescript-eslint/prefer-regexp-exec\n      if (translation.match(/%{(.\\S+)}/)) {\n        if (!options) {\n          throw new Error(\n            'i18n: cannot replace placeholders in string if no option data provided'\n          )\n        }\n\n        return this.replacePlaceholders(translation, options)\n      }\n\n      return translation\n    }\n\n    // If the key wasn't found in our translations object,\n    // return the lookup key itself as the fallback\n    return lookupKey\n  }\n\n  /**\n   * Takes a translation string with placeholders, and replaces the placeholders\n   * with the provided data\n   *\n   * @internal\n   * @param {string} translationString - The translation string\n   * @param {{ [key: string]: unknown }} options - Any options passed with the translation string, e.g: for string interpolation.\n   * @returns {string} The translation string to output, with $\\{\\} placeholders replaced\n   */\n  replacePlaceholders(translationString, options) {\n    const formatter = Intl.NumberFormat.supportedLocalesOf(this.locale).length\n      ? new Intl.NumberFormat(this.locale)\n      : undefined\n\n    return translationString.replace(\n      /%{(.\\S+)}/g,\n\n      /**\n       * Replace translation string placeholders\n       *\n       * @internal\n       * @param {string} placeholderWithBraces - Placeholder with braces\n       * @param {string} placeholderKey - Placeholder key\n       * @returns {string} Placeholder value\n       */\n      function (placeholderWithBraces, placeholderKey) {\n        if (Object.prototype.hasOwnProperty.call(options, placeholderKey)) {\n          const placeholderValue = options[placeholderKey]\n\n          // If a user has passed `false` as the value for the placeholder\n          // treat it as though the value should not be displayed\n          if (\n            placeholderValue === false ||\n            (typeof placeholderValue !== 'number' &&\n              typeof placeholderValue !== 'string')\n          ) {\n            return ''\n          }\n\n          // If the placeholder's value is a number, localise the number formatting\n          if (typeof placeholderValue === 'number') {\n            return formatter\n              ? formatter.format(placeholderValue)\n              : `${placeholderValue}`\n          }\n\n          return placeholderValue\n        }\n\n        throw new Error(\n          `i18n: no data found to replace ${placeholderWithBraces} placeholder in string`\n        )\n      }\n    )\n  }\n\n  /**\n   * Check to see if the browser supports Intl.PluralRules\n   *\n   * It requires all conditions to be met in order to be supported:\n   * - The implementation of Intl supports PluralRules (NOT true in Safari 10–12)\n   * - The browser/OS has plural rules for the current locale (browser dependent)\n   *\n   * {@link https://browsersl.ist/#q=supports+es6-module+and+not+supports+intl-pluralrules}\n   *\n   * @internal\n   * @returns {boolean} Returns true if all conditions are met. Returns false otherwise.\n   */\n  hasIntlPluralRulesSupport() {\n    return Boolean(\n      'PluralRules' in window.Intl &&\n        Intl.PluralRules.supportedLocalesOf(this.locale).length\n    )\n  }\n\n  /**\n   * Get the appropriate suffix for the plural form.\n   *\n   * Uses Intl.PluralRules (or our own fallback implementation) to get the\n   * 'preferred' form to use for the given count.\n   *\n   * Checks that a translation has been provided for that plural form – if it\n   * hasn't, it'll fall back to the 'other' plural form (unless that doesn't exist\n   * either, in which case an error will be thrown)\n   *\n   * @internal\n   * @param {string} lookupKey - The lookup key of the string to use.\n   * @param {number} count - Number used to determine which pluralisation to use.\n   * @returns {PluralRule} The suffix associated with the correct pluralisation for this locale.\n   * @throws {Error} Plural form `.other` required when preferred plural form is missing\n   */\n  getPluralSuffix(lookupKey, count) {\n    // Validate that the number is actually a number.\n    //\n    // Number(count) will turn anything that can't be converted to a Number type\n    // into 'NaN'. isFinite filters out NaN, as it isn't a finite number.\n    // eslint-disable-next-line @typescript-eslint/no-unnecessary-type-conversion\n    count = Number(count)\n    if (!isFinite(count)) {\n      return 'other'\n    }\n\n    // Fetch the translation for that lookup key\n    const translation = this.translations[lookupKey]\n\n    // Check to verify that all the requirements for Intl.PluralRules are met.\n    // If so, we can use that instead of our custom implementation. Otherwise,\n    // use the hardcoded fallback.\n    const preferredForm = this.hasIntlPluralRulesSupport()\n      ? new Intl.PluralRules(this.locale).select(count)\n      : 'other'\n\n    // Use the correct plural form if provided\n    if (isObject(translation)) {\n      if (preferredForm in translation) {\n        return preferredForm\n        // Fall back to `other` if the plural form is missing, but log a warning\n        // to the console\n      } else if ('other' in translation) {\n        console.warn(\n          `i18n: Missing plural form \".${preferredForm}\" for \"${this.locale}\" locale. Falling back to \".other\".`\n        )\n\n        return 'other'\n      }\n    }\n\n    // If the required `other` plural form is missing, all we can do is error\n    throw new Error(\n      `i18n: Plural form \".other\" is required for \"${this.locale}\" locale`\n    )\n  }\n}\n\n/**\n * Plural rule category mnemonic tags\n *\n * @internal\n * @typedef {'zero' | 'one' | 'two' | 'few' | 'many' | 'other'} PluralRule\n */\n\n/**\n * Translated message by plural rule they correspond to.\n *\n * Allows to group pluralised messages under a single key when passing\n * translations to a component's constructor\n *\n * @internal\n * @typedef {object} TranslationPluralForms\n * @property {string} [other] - General plural form\n * @property {string} [zero] - Plural form used with 0\n * @property {string} [one] - Plural form used with 1\n * @property {string} [two] - Plural form used with 2\n * @property {string} [few] - Plural form used for a few\n * @property {string} [many] - Plural form used for many\n */\n","import { ConfigurableComponent } from '../../common/configuration.mjs'\nimport { ElementError } from '../../errors/index.mjs'\nimport { I18n } from '../../i18n.mjs'\n\n/**\n * Accordion component\n *\n * This allows a collection of sections to be collapsed by default, showing only\n * their headers. Sections can be expanded or collapsed individually by clicking\n * their headers. A \"Show all sections\" button is also added to the top of the\n * accordion, which switches to \"Hide all sections\" when all the sections are\n * expanded.\n *\n * The state of each section is saved to the DOM via the `aria-expanded`\n * attribute, which also provides accessibility.\n *\n * @preserve\n * @augments ConfigurableComponent<AccordionConfig>\n */\nexport class Accordion extends ConfigurableComponent {\n  /** @private */\n  i18n\n\n  /** @private */\n  controlsClass = 'govuk-accordion__controls'\n\n  /** @private */\n  showAllClass = 'govuk-accordion__show-all'\n\n  /** @private */\n  showAllTextClass = 'govuk-accordion__show-all-text'\n\n  /** @private */\n  sectionClass = 'govuk-accordion__section'\n\n  /** @private */\n  sectionExpandedClass = 'govuk-accordion__section--expanded'\n\n  /** @private */\n  sectionButtonClass = 'govuk-accordion__section-button'\n\n  /** @private */\n  sectionHeaderClass = 'govuk-accordion__section-header'\n\n  /** @private */\n  sectionHeadingClass = 'govuk-accordion__section-heading'\n\n  /** @private */\n  sectionHeadingDividerClass = 'govuk-accordion__section-heading-divider'\n\n  /** @private */\n  sectionHeadingTextClass = 'govuk-accordion__section-heading-text'\n\n  /** @private */\n  sectionHeadingTextFocusClass = 'govuk-accordion__section-heading-text-focus'\n\n  /** @private */\n  sectionShowHideToggleClass = 'govuk-accordion__section-toggle'\n\n  /** @private */\n  sectionShowHideToggleFocusClass = 'govuk-accordion__section-toggle-focus'\n\n  /** @private */\n  sectionShowHideTextClass = 'govuk-accordion__section-toggle-text'\n\n  /** @private */\n  upChevronIconClass = 'govuk-accordion-nav__chevron'\n\n  /** @private */\n  downChevronIconClass = 'govuk-accordion-nav__chevron--down'\n\n  /** @private */\n  sectionSummaryClass = 'govuk-accordion__section-summary'\n\n  /** @private */\n  sectionSummaryFocusClass = 'govuk-accordion__section-summary-focus'\n\n  /** @private */\n  sectionContentClass = 'govuk-accordion__section-content'\n\n  /** @private */\n  $sections\n\n  /**\n   * @private\n   * @type {HTMLButtonElement | null}\n   */\n  $showAllButton = null\n\n  /**\n   * @private\n   * @type {HTMLElement | null}\n   */\n  $showAllIcon = null\n\n  /**\n   * @private\n   * @type {HTMLElement | null}\n   */\n  $showAllText = null\n\n  /**\n   * @param {Element | null} $root - HTML element to use for accordion\n   * @param {AccordionConfig} [config] - Accordion config\n   */\n  constructor($root, config = {}) {\n    super($root, config)\n\n    this.i18n = new I18n(this.config.i18n)\n\n    const $sections = this.$root.querySelectorAll(`.${this.sectionClass}`)\n    if (!$sections.length) {\n      throw new ElementError({\n        component: Accordion,\n        identifier: `Sections (\\`<div class=\"${this.sectionClass}\">\\`)`\n      })\n    }\n\n    this.$sections = $sections\n\n    this.initControls()\n    this.initSectionHeaders()\n\n    this.updateShowAllButton(this.areAllSectionsOpen())\n  }\n\n  /**\n   * Initialise controls and set attributes\n   *\n   * @private\n   */\n  initControls() {\n    // Create \"Show all\" button and set attributes\n    this.$showAllButton = document.createElement('button')\n    this.$showAllButton.setAttribute('type', 'button')\n    this.$showAllButton.setAttribute('class', this.showAllClass)\n    this.$showAllButton.setAttribute('aria-expanded', 'false')\n\n    // Create icon, add to element\n    this.$showAllIcon = document.createElement('span')\n    this.$showAllIcon.classList.add(this.upChevronIconClass)\n    this.$showAllButton.appendChild(this.$showAllIcon)\n\n    // Create control wrapper and add controls to it\n    const $accordionControls = document.createElement('div')\n    $accordionControls.setAttribute('class', this.controlsClass)\n    $accordionControls.appendChild(this.$showAllButton)\n    this.$root.insertBefore($accordionControls, this.$root.firstChild)\n\n    // Build additional wrapper for Show all toggle text and place after icon\n    this.$showAllText = document.createElement('span')\n    this.$showAllText.classList.add(this.showAllTextClass)\n    this.$showAllButton.appendChild(this.$showAllText)\n\n    // Handle click events on the show/hide all button\n    this.$showAllButton.addEventListener('click', () =>\n      this.onShowOrHideAllToggle()\n    )\n\n    // Handle 'beforematch' events, if the user agent supports them\n    if ('onbeforematch' in document) {\n      document.addEventListener('beforematch', (event) =>\n        this.onBeforeMatch(event)\n      )\n    }\n  }\n\n  /**\n   * Initialise section headers\n   *\n   * @private\n   */\n  initSectionHeaders() {\n    this.$sections.forEach(($section, i) => {\n      const $header = $section.querySelector(`.${this.sectionHeaderClass}`)\n      if (!$header) {\n        throw new ElementError({\n          component: Accordion,\n          identifier: `Section headers (\\`<div class=\"${this.sectionHeaderClass}\">\\`)`\n        })\n      }\n\n      // Set header attributes\n      this.constructHeaderMarkup($header, i)\n      this.setExpanded(this.isExpanded($section), $section)\n\n      // Handle events\n      $header.addEventListener('click', () => this.onSectionToggle($section))\n\n      // See if there is any state stored in sessionStorage and set the sections\n      // to open or closed.\n      this.setInitialState($section)\n    })\n  }\n\n  /**\n   * Construct section header\n   *\n   * @private\n   * @param {Element} $header - Section header\n   * @param {number} index - Section index\n   */\n  constructHeaderMarkup($header, index) {\n    const $span = $header.querySelector(`.${this.sectionButtonClass}`)\n    const $heading = $header.querySelector(`.${this.sectionHeadingClass}`)\n    const $summary = $header.querySelector(`.${this.sectionSummaryClass}`)\n\n    if (!$heading) {\n      throw new ElementError({\n        component: Accordion,\n        identifier: `Section heading (\\`.${this.sectionHeadingClass}\\`)`\n      })\n    }\n\n    if (!$span) {\n      throw new ElementError({\n        component: Accordion,\n        identifier: `Section button placeholder (\\`<span class=\"${this.sectionButtonClass}\">\\`)`\n      })\n    }\n\n    // Create a button element that will replace the\n    // '.govuk-accordion__section-button' span\n    const $button = document.createElement('button')\n    $button.setAttribute('type', 'button')\n    $button.setAttribute(\n      'aria-controls',\n      `${this.$root.id}-content-${index + 1}`\n    )\n\n    // Copy all attributes from $span to $button (except `id`, which gets added\n    // to the `$headingText` element)\n    for (const attr of Array.from($span.attributes)) {\n      if (attr.name !== 'id') {\n        $button.setAttribute(attr.name, attr.value)\n      }\n    }\n\n    // Create container for heading text so it can be styled\n    const $headingText = document.createElement('span')\n    $headingText.classList.add(this.sectionHeadingTextClass)\n    // Copy the span ID to the heading text to allow it to be referenced by\n    // `aria-labelledby` on the hidden content area without \"Show this section\"\n    $headingText.id = $span.id\n\n    // Create an inner heading text container to limit the width of the focus\n    // state\n    const $headingTextFocus = document.createElement('span')\n    $headingTextFocus.classList.add(this.sectionHeadingTextFocusClass)\n    $headingText.appendChild($headingTextFocus)\n    // span could contain HTML elements\n    // (see https://www.w3.org/TR/2011/WD-html5-20110525/content-models.html#phrasing-content)\n    Array.from($span.childNodes).forEach(($child) =>\n      $headingTextFocus.appendChild($child)\n    )\n\n    // Create container for show / hide icons and text.\n    const $showHideToggle = document.createElement('span')\n    $showHideToggle.classList.add(this.sectionShowHideToggleClass)\n    // Tell Google not to index the 'show' text as part of the heading. Must be\n    // set on the element before it's added to the DOM.\n    // See https://developers.google.com/search/docs/advanced/robots/robots_meta_tag#data-nosnippet-attr\n    $showHideToggle.setAttribute('data-nosnippet', '')\n    // Create an inner container to limit the width of the focus state\n    const $showHideToggleFocus = document.createElement('span')\n    $showHideToggleFocus.classList.add(this.sectionShowHideToggleFocusClass)\n    $showHideToggle.appendChild($showHideToggleFocus)\n    // Create wrapper for the show / hide text. Append text after the show/hide icon\n    const $showHideText = document.createElement('span')\n    const $showHideIcon = document.createElement('span')\n    $showHideIcon.classList.add(this.upChevronIconClass)\n    $showHideToggleFocus.appendChild($showHideIcon)\n    $showHideText.classList.add(this.sectionShowHideTextClass)\n    $showHideToggleFocus.appendChild($showHideText)\n\n    // Append elements to the button:\n    // 1. Heading text\n    // 2. Punctuation\n    // 3. (Optional: Summary line followed by punctuation)\n    // 4. Show / hide toggle\n    $button.appendChild($headingText)\n    $button.appendChild(this.getButtonPunctuationEl())\n\n    // If summary content exists add to DOM in correct order\n    if ($summary) {\n      // Create a new `span` element and copy the summary line content from the\n      // original `div` to the new `span`. This is because the summary line text\n      // is now inside a button element, which can only contain phrasing\n      // content.\n      const $summarySpan = document.createElement('span')\n      // Create an inner summary container to limit the width of the summary\n      // focus state\n      const $summarySpanFocus = document.createElement('span')\n      $summarySpanFocus.classList.add(this.sectionSummaryFocusClass)\n      $summarySpan.appendChild($summarySpanFocus)\n\n      // Get original attributes, and pass them to the replacement\n      for (const attr of Array.from($summary.attributes)) {\n        $summarySpan.setAttribute(attr.name, attr.value)\n      }\n\n      // Copy original contents of summary to the new summary span\n      Array.from($summary.childNodes).forEach(($child) =>\n        $summarySpanFocus.appendChild($child)\n      )\n\n      // Replace the original summary `div` with the new summary `span`\n      $summary.remove()\n\n      $button.appendChild($summarySpan)\n      $button.appendChild(this.getButtonPunctuationEl())\n    }\n\n    $button.appendChild($showHideToggle)\n\n    $heading.removeChild($span)\n    $heading.appendChild($button)\n  }\n\n  /**\n   * When a section is opened by the user agent via the 'beforematch' event\n   *\n   * @private\n   * @param {Event} event - Generic event\n   */\n  onBeforeMatch(event) {\n    const $fragment = event.target\n\n    // Handle elements with `.closest()` support only\n    if (!($fragment instanceof Element)) {\n      return\n    }\n\n    // Handle when fragment is inside section\n    const $section = $fragment.closest(`.${this.sectionClass}`)\n    if ($section) {\n      this.setExpanded(true, $section)\n    }\n  }\n\n  /**\n   * When section toggled, set and store state\n   *\n   * @private\n   * @param {Element} $section - Section element\n   */\n  onSectionToggle($section) {\n    const nowExpanded = !this.isExpanded($section)\n    this.setExpanded(nowExpanded, $section)\n\n    // Store the state in sessionStorage when a change is triggered\n    this.storeState($section, nowExpanded)\n  }\n\n  /**\n   * When Open/Close All toggled, set and store state\n   *\n   * @private\n   */\n  onShowOrHideAllToggle() {\n    const nowExpanded = !this.areAllSectionsOpen()\n\n    this.$sections.forEach(($section) => {\n      this.setExpanded(nowExpanded, $section)\n      this.storeState($section, nowExpanded)\n    })\n\n    this.updateShowAllButton(nowExpanded)\n  }\n\n  /**\n   * Set section attributes when opened/closed\n   *\n   * @private\n   * @param {boolean} expanded - Section expanded\n   * @param {Element} $section - Section element\n   */\n  setExpanded(expanded, $section) {\n    const $showHideIcon = $section.querySelector(`.${this.upChevronIconClass}`)\n    const $showHideText = $section.querySelector(\n      `.${this.sectionShowHideTextClass}`\n    )\n    const $button = $section.querySelector(`.${this.sectionButtonClass}`)\n    const $content = $section.querySelector(`.${this.sectionContentClass}`)\n\n    if (!$content) {\n      throw new ElementError({\n        component: Accordion,\n        identifier: `Section content (\\`<div class=\"${this.sectionContentClass}\">\\`)`\n      })\n    }\n\n    if (!$showHideIcon || !$showHideText || !$button) {\n      // Return early for elements we create\n      return\n    }\n\n    const newButtonText = expanded\n      ? this.i18n.t('hideSection')\n      : this.i18n.t('showSection')\n\n    $showHideText.textContent = newButtonText\n    $button.setAttribute('aria-expanded', `${expanded}`)\n\n    // Update aria-label combining\n    const ariaLabelParts = []\n\n    const $headingText = $section.querySelector(\n      `.${this.sectionHeadingTextClass}`\n    )\n    if ($headingText) {\n      ariaLabelParts.push($headingText.textContent.trim())\n    }\n\n    const $summary = $section.querySelector(`.${this.sectionSummaryClass}`)\n    if ($summary) {\n      ariaLabelParts.push($summary.textContent.trim())\n    }\n\n    const ariaLabelMessage = expanded\n      ? this.i18n.t('hideSectionAriaLabel')\n      : this.i18n.t('showSectionAriaLabel')\n    ariaLabelParts.push(ariaLabelMessage)\n\n    /*\n     * Join with a comma to add pause for assistive technology.\n     * Example: [heading]Section A ,[pause] Show this section.\n     * https://accessibility.blog.gov.uk/2017/12/18/what-working-on-gov-uk-navigation-taught-us-about-accessibility/\n     */\n    $button.setAttribute('aria-label', ariaLabelParts.join(' , '))\n\n    // Swap icon, change class\n    if (expanded) {\n      $content.removeAttribute('hidden')\n      $section.classList.add(this.sectionExpandedClass)\n      $showHideIcon.classList.remove(this.downChevronIconClass)\n    } else {\n      $content.setAttribute('hidden', 'until-found')\n      $section.classList.remove(this.sectionExpandedClass)\n      $showHideIcon.classList.add(this.downChevronIconClass)\n    }\n\n    // See if \"Show all sections\" button text should be updated\n    this.updateShowAllButton(this.areAllSectionsOpen())\n  }\n\n  /**\n   * Get state of section\n   *\n   * @private\n   * @param {Element} $section - Section element\n   * @returns {boolean} True if expanded\n   */\n  isExpanded($section) {\n    return $section.classList.contains(this.sectionExpandedClass)\n  }\n\n  /**\n   * Check if all sections are open\n   *\n   * @private\n   * @returns {boolean} True if all sections are open\n   */\n  areAllSectionsOpen() {\n    return Array.from(this.$sections).every(($section) =>\n      this.isExpanded($section)\n    )\n  }\n\n  /**\n   * Update \"Show all sections\" button\n   *\n   * @private\n   * @param {boolean} expanded - Section expanded\n   */\n  updateShowAllButton(expanded) {\n    if (!this.$showAllButton || !this.$showAllText || !this.$showAllIcon) {\n      return\n    }\n\n    this.$showAllButton.setAttribute('aria-expanded', expanded.toString())\n    this.$showAllText.textContent = expanded\n      ? this.i18n.t('hideAllSections')\n      : this.i18n.t('showAllSections')\n    this.$showAllIcon.classList.toggle(this.downChevronIconClass, !expanded)\n  }\n\n  /**\n   * Get the identifier for a section\n   *\n   * We need a unique way of identifying each content in the Accordion.\n   * Since an `#id` should be unique and an `id` is required for `aria-`\n   * attributes `id` can be safely used.\n   *\n   * @param {Element} $section - Section element\n   * @returns {string | undefined | null} Identifier for section\n   */\n  getIdentifier($section) {\n    const $button = $section.querySelector(`.${this.sectionButtonClass}`)\n\n    return $button?.getAttribute('aria-controls')\n  }\n\n  /**\n   * Set the state of the accordions in sessionStorage\n   *\n   * @private\n   * @param {Element} $section - Section element\n   * @param {boolean} isExpanded - Whether the section is expanded\n   */\n  storeState($section, isExpanded) {\n    if (!this.config.rememberExpanded) {\n      return\n    }\n\n    const id = this.getIdentifier($section)\n\n    if (id) {\n      try {\n        window.sessionStorage.setItem(id, isExpanded.toString())\n      } catch {}\n    }\n  }\n\n  /**\n   * Read the state of the accordions from sessionStorage\n   *\n   * @private\n   * @param {Element} $section - Section element\n   */\n  setInitialState($section) {\n    if (!this.config.rememberExpanded) {\n      return\n    }\n\n    const id = this.getIdentifier($section)\n\n    if (id) {\n      try {\n        const state = window.sessionStorage.getItem(id)\n\n        if (state !== null) {\n          this.setExpanded(state === 'true', $section)\n        }\n      } catch {}\n    }\n  }\n\n  /**\n   * Create an element to improve semantics of the section button with\n   * punctuation\n   *\n   * Adding punctuation to the button can also improve its general semantics by\n   * dividing its contents into thematic chunks. See\n   * https://github.com/alphagov/govuk-frontend/issues/2327#issuecomment-922957442\n   *\n   * @private\n   * @returns {Element} DOM element\n   */\n  getButtonPunctuationEl() {\n    const $punctuationEl = document.createElement('span')\n    $punctuationEl.classList.add(\n      'govuk-visually-hidden',\n      this.sectionHeadingDividerClass\n    )\n    $punctuationEl.textContent = ', '\n    return $punctuationEl\n  }\n\n  /**\n   * Name for the component used when initialising using data-module attributes.\n   */\n  static moduleName = 'govuk-accordion'\n\n  /**\n   * Accordion default config\n   *\n   * @see {@link AccordionConfig}\n   * @constant\n   * @type {AccordionConfig}\n   */\n  static defaults = Object.freeze({\n    i18n: {\n      hideAllSections: 'Hide all sections',\n      hideSection: 'Hide',\n      hideSectionAriaLabel: 'Hide this section',\n      showAllSections: 'Show all sections',\n      showSection: 'Show',\n      showSectionAriaLabel: 'Show this section'\n    },\n    rememberExpanded: true\n  })\n\n  /**\n   * Accordion config schema\n   *\n   * @constant\n   * @satisfies {Schema<AccordionConfig>}\n   */\n  static schema = Object.freeze({\n    properties: {\n      i18n: { type: 'object' },\n      rememberExpanded: { type: 'boolean' }\n    }\n  })\n}\n\n/**\n * Accordion config\n *\n * @see {@link Accordion.defaults}\n * @typedef {object} AccordionConfig\n * @property {AccordionTranslations} [i18n=Accordion.defaults.i18n] - Accordion translations\n * @property {boolean} [rememberExpanded] - Whether the expanded and collapsed\n *   state of each section is remembered and restored when navigating.\n */\n\n/**\n * Accordion translations\n *\n * @see {@link Accordion.defaults.i18n}\n * @typedef {object} AccordionTranslations\n *\n * Messages used by the component for the labels of its buttons. This includes\n * the visible text shown on screen, and text to help assistive technology users\n * for the buttons toggling each section.\n * @property {string} [hideAllSections] - The text content for the 'Hide all\n *   sections' button, used when at least one section is expanded.\n * @property {string} [hideSection] - The text content for the 'Hide'\n *   button, used when a section is expanded.\n * @property {string} [hideSectionAriaLabel] - The text content appended to the\n *   'Hide' button's accessible name when a section is expanded.\n * @property {string} [showAllSections] - The text content for the 'Show all\n *   sections' button, used when all sections are collapsed.\n * @property {string} [showSection] - The text content for the 'Show'\n *   button, used when a section is collapsed.\n * @property {string} [showSectionAriaLabel] - The text content appended to the\n *   'Show' button's accessible name when a section is expanded.\n */\n\n/**\n * @import { Schema } from '../../common/configuration.mjs'\n */\n","import { ConfigurableComponent } from '../../common/configuration.mjs'\n\nconst DEBOUNCE_TIMEOUT_IN_SECONDS = 1\n\n/**\n * JavaScript enhancements for the Button component\n *\n * @preserve\n * @augments ConfigurableComponent<ButtonConfig>\n */\nexport class Button extends ConfigurableComponent {\n  /**\n   * @private\n   * @type {number | null}\n   */\n  debounceFormSubmitTimer = null\n\n  /**\n   * @param {Element | null} $root - HTML element to use for button\n   * @param {ButtonConfig} [config] - Button config\n   */\n  constructor($root, config = {}) {\n    super($root, config)\n\n    this.$root.addEventListener('keydown', (event) => this.handleKeyDown(event))\n    this.$root.addEventListener('click', (event) => this.debounce(event))\n  }\n\n  /**\n   * Trigger a click event when the space key is pressed\n   *\n   * Some screen readers tell users they can use the space bar to activate\n   * things with the 'button' role, so we need to match the functionality of\n   * native HTML buttons.\n   *\n   * See https://github.com/alphagov/govuk_elements/pull/272#issuecomment-233028270\n   *\n   * @private\n   * @param {KeyboardEvent} event - Keydown event\n   */\n  handleKeyDown(event) {\n    const $target = event.target\n\n    // Handle space bar only\n    if (event.key !== ' ') {\n      return\n    }\n\n    // Handle elements with [role=\"button\"] only\n    if (\n      $target instanceof HTMLElement &&\n      $target.getAttribute('role') === 'button'\n    ) {\n      event.preventDefault() // prevent the page from scrolling\n      $target.click()\n    }\n  }\n\n  /**\n   * Debounce double-clicks\n   *\n   * If the click quickly succeeds a previous click then nothing will happen.\n   * This stops people accidentally causing multiple form submissions by double\n   * clicking buttons.\n   *\n   * @private\n   * @param {MouseEvent} event - Mouse click event\n   * @returns {undefined | false} Returns undefined, or false when debounced\n   */\n  debounce(event) {\n    // Check the button that was clicked has preventDoubleClick enabled\n    if (!this.config.preventDoubleClick) {\n      return\n    }\n\n    // If the timer is still running, prevent the click from submitting the form\n    if (this.debounceFormSubmitTimer) {\n      event.preventDefault()\n      return false\n    }\n\n    this.debounceFormSubmitTimer = window.setTimeout(() => {\n      this.debounceFormSubmitTimer = null\n    }, DEBOUNCE_TIMEOUT_IN_SECONDS * 1000)\n  }\n\n  /**\n   * Name for the component used when initialising using data-module attributes.\n   */\n  static moduleName = 'govuk-button'\n\n  /**\n   * Button default config\n   *\n   * @see {@link ButtonConfig}\n   * @constant\n   * @type {ButtonConfig}\n   */\n  static defaults = Object.freeze({\n    preventDoubleClick: false\n  })\n\n  /**\n   * Button config schema\n   *\n   * @constant\n   * @satisfies {Schema<ButtonConfig>}\n   */\n  static schema = Object.freeze({\n    properties: {\n      preventDoubleClick: { type: 'boolean' }\n    }\n  })\n}\n\n/**\n * Button config\n *\n * @typedef {object} ButtonConfig\n * @property {boolean} [preventDoubleClick=false] - Prevent accidental double\n *   clicks on submit buttons from submitting forms multiple times.\n */\n\n/**\n * @import { Schema } from '../../common/configuration.mjs'\n */\n","/**\n * Returns the value of the given attribute closest to the given element (including itself)\n *\n * @internal\n * @param {Element} $element - The element to start walking the DOM tree up\n * @param {string} attributeName - The name of the attribute\n * @returns {string | null} Attribute value\n */\nexport function closestAttributeValue($element, attributeName) {\n  const $closestElementWithAttribute = $element.closest(`[${attributeName}]`)\n  return $closestElementWithAttribute\n    ? $closestElementWithAttribute.getAttribute(attributeName)\n    : null\n}\n","import { closestAttributeValue } from '../../common/closest-attribute-value.mjs'\nimport {\n  validateConfig,\n  ConfigurableComponent,\n  configOverride\n} from '../../common/configuration.mjs'\nimport { formatErrorMessage } from '../../common/index.mjs'\nimport { ConfigError, ElementError } from '../../errors/index.mjs'\nimport { I18n } from '../../i18n.mjs'\n\n/**\n * Character count component\n *\n * Tracks the number of characters or words in the `.govuk-js-character-count`\n * `<textarea>` inside the element. Displays a message with the remaining number\n * of characters/words available, or the number of characters/words in excess.\n *\n * You can configure the message to only appear after a certain percentage\n * of the available characters/words has been entered.\n *\n * @preserve\n * @augments ConfigurableComponent<CharacterCountConfig>\n */\nexport class CharacterCount extends ConfigurableComponent {\n  /** @private */\n  $textarea\n\n  /** @private */\n  $visibleCountMessage\n\n  /** @private */\n  $screenReaderCountMessage\n\n  /**\n   * @private\n   * @type {number | null}\n   */\n  lastInputTimestamp = null\n\n  /** @private */\n  lastInputValue = ''\n\n  /**\n   * @private\n   * @type {number | null}\n   */\n  valueChecker = null\n\n  /** @private */\n  i18n\n\n  /** @private */\n  maxLength;\n\n  /**\n   * Character count config override\n   *\n   * To ensure data-attributes take complete precedence, even if they change\n   * the type of count, we need to reset the `maxlength` and `maxwords` from\n   * the JavaScript config.\n   *\n   * @internal\n   * @param {CharacterCountConfig} datasetConfig - configuration specified by dataset\n   * @returns {CharacterCountConfig} - configuration to override by dataset\n   */\n  [configOverride](datasetConfig) {\n    let configOverrides = {}\n    if ('maxwords' in datasetConfig || 'maxlength' in datasetConfig) {\n      configOverrides = {\n        maxlength: undefined,\n        maxwords: undefined\n      }\n    }\n\n    return configOverrides\n  }\n\n  /**\n   * @param {Element | null} $root - HTML element to use for character count\n   * @param {CharacterCountConfig} [config] - Character count config\n   */\n  constructor($root, config = {}) {\n    super($root, config)\n\n    const $textarea = this.$root.querySelector('.govuk-js-character-count')\n    if (\n      !(\n        $textarea instanceof HTMLTextAreaElement ||\n        $textarea instanceof HTMLInputElement\n      )\n    ) {\n      throw new ElementError({\n        component: CharacterCount,\n        element: $textarea,\n        expectedType: 'HTMLTextareaElement or HTMLInputElement',\n        identifier: 'Form field (`.govuk-js-character-count`)'\n      })\n    }\n\n    // Check for valid config\n    const errors = validateConfig(CharacterCount.schema, this.config)\n    if (errors[0]) {\n      throw new ConfigError(formatErrorMessage(CharacterCount, errors[0]))\n    }\n\n    this.i18n = new I18n(this.config.i18n, {\n      // Read the fallback if necessary rather than have it set in the defaults\n      locale: closestAttributeValue(this.$root, 'lang')\n    })\n\n    // Determine the limit attribute (characters or words)\n    this.maxLength = this.config.maxwords ?? this.config.maxlength ?? Infinity\n\n    this.$textarea = $textarea\n\n    const textareaDescriptionId = `${this.$textarea.id}-info`\n    const $textareaDescription = document.getElementById(textareaDescriptionId)\n    if (!$textareaDescription) {\n      throw new ElementError({\n        component: CharacterCount,\n        element: $textareaDescription,\n        identifier: `Count message (\\`id=\"${textareaDescriptionId}\"\\`)`\n      })\n    }\n\n    // Pre-existing validation error rendered from server\n    this.$errorMessage = this.$root.querySelector('.govuk-error-message')\n\n    // Inject a description for the textarea if none is present already\n    // for when the component was rendered with no maxlength, maxwords\n    // nor custom textareaDescriptionText\n    // eslint-disable-next-line @typescript-eslint/prefer-regexp-exec\n    if ($textareaDescription.textContent.match(/^\\s*$/)) {\n      $textareaDescription.textContent = this.i18n.t('textareaDescription', {\n        count: this.maxLength\n      })\n    }\n\n    // Move the textarea description to be immediately after the textarea\n    // Kept for backwards compatibility\n    this.$textarea.insertAdjacentElement('afterend', $textareaDescription)\n\n    // Create the *screen reader* specific live-updating counter\n    // This doesn't need any styling classes, as it is never visible\n    const $screenReaderCountMessage = document.createElement('div')\n    $screenReaderCountMessage.className =\n      'govuk-character-count__sr-status govuk-visually-hidden'\n    $screenReaderCountMessage.setAttribute('aria-live', 'polite')\n    this.$screenReaderCountMessage = $screenReaderCountMessage\n    $textareaDescription.insertAdjacentElement(\n      'afterend',\n      $screenReaderCountMessage\n    )\n\n    // Create our live-updating counter element, copying the classes from the\n    // textarea description for backwards compatibility as these may have been\n    // configured\n    const $visibleCountMessage = document.createElement('div')\n    $visibleCountMessage.className = $textareaDescription.className\n    $visibleCountMessage.classList.add('govuk-character-count__status')\n    $visibleCountMessage.setAttribute('aria-hidden', 'true')\n    this.$visibleCountMessage = $visibleCountMessage\n    $textareaDescription.insertAdjacentElement('afterend', $visibleCountMessage)\n\n    // Hide the textarea description\n    $textareaDescription.classList.add('govuk-visually-hidden')\n\n    // Remove hard limit if set\n    this.$textarea.removeAttribute('maxlength')\n\n    this.bindChangeEvents()\n\n    // When the page is restored after navigating 'back' in some browsers the\n    // state of form controls is not restored until *after* the DOMContentLoaded\n    // event is fired, so we need to sync after the pageshow event.\n    window.addEventListener('pageshow', () => this.updateCountMessage())\n\n    // Although we've set up handlers to sync state on the pageshow event, init\n    // could be called after those events have fired, for example if they are\n    // added to the page dynamically, so update now too.\n    this.updateCountMessage()\n  }\n\n  /**\n   * Bind change events\n   *\n   * Set up event listeners on the $textarea so that the count messages update\n   * when the user types.\n   *\n   * @private\n   */\n  bindChangeEvents() {\n    this.$textarea.addEventListener('keyup', () => this.handleKeyUp())\n\n    // Bind focus/blur events to start/stop polling\n    this.$textarea.addEventListener('focus', () => this.handleFocus())\n    this.$textarea.addEventListener('blur', () => this.handleBlur())\n  }\n\n  /**\n   * Handle key up event\n   *\n   * Update the visible character counter and keep track of when the last update\n   * happened for each keypress\n   *\n   * @private\n   */\n  handleKeyUp() {\n    this.updateVisibleCountMessage()\n    this.lastInputTimestamp = Date.now()\n  }\n\n  /**\n   * Handle focus event\n   *\n   * Speech recognition software such as Dragon NaturallySpeaking will modify\n   * the fields by directly changing its `value`. These changes don't trigger\n   * events in JavaScript, so we need to poll to handle when and if they occur.\n   *\n   * Once the keyup event hasn't been detected for at least 1000 ms (1s), check\n   * if the textarea value has changed and update the count message if it has.\n   *\n   * This is so that the update triggered by the manual comparison doesn't\n   * conflict with debounced KeyboardEvent updates.\n   *\n   * @private\n   */\n  handleFocus() {\n    this.valueChecker = window.setInterval(() => {\n      if (\n        !this.lastInputTimestamp ||\n        Date.now() - 500 >= this.lastInputTimestamp\n      ) {\n        this.updateIfValueChanged()\n      }\n    }, 1000)\n  }\n\n  /**\n   * Handle blur event\n   *\n   * Stop checking the textarea value once the textarea no longer has focus\n   *\n   * @private\n   */\n  handleBlur() {\n    // Cancel value checking on blur\n    if (this.valueChecker) {\n      window.clearInterval(this.valueChecker)\n    }\n  }\n\n  /**\n   * Update count message if textarea value has changed\n   *\n   * @private\n   */\n  updateIfValueChanged() {\n    if (this.$textarea.value !== this.lastInputValue) {\n      this.lastInputValue = this.$textarea.value\n      this.updateCountMessage()\n    }\n  }\n\n  /**\n   * Update count message\n   *\n   * Helper function to update both the visible and screen reader-specific\n   * counters simultaneously (e.g. on init)\n   *\n   * @private\n   */\n  updateCountMessage() {\n    this.updateVisibleCountMessage()\n    this.updateScreenReaderCountMessage()\n  }\n\n  /**\n   * Update visible count message\n   *\n   * @private\n   */\n  updateVisibleCountMessage() {\n    const remainingNumber = this.maxLength - this.count(this.$textarea.value)\n    const isError = remainingNumber < 0\n\n    // If input is over the threshold, remove the disabled class which renders\n    // the counter invisible.\n    this.$visibleCountMessage.classList.toggle(\n      'govuk-character-count__message--disabled',\n      !this.isOverThreshold()\n    )\n\n    // Update styles\n    if (!this.$errorMessage) {\n      // Only toggle the textarea error class if there isn't an error message\n      // already, as it may be unrelated to the limit (eg: allowed characters)\n      // and would set the border colour back to black.\n      this.$textarea.classList.toggle('govuk-textarea--error', isError)\n    }\n    this.$visibleCountMessage.classList.toggle('govuk-error-message', isError)\n    this.$visibleCountMessage.classList.toggle('govuk-hint', !isError)\n\n    // Update message\n    this.$visibleCountMessage.textContent = this.getCountMessage()\n  }\n\n  /**\n   * Update screen reader count message\n   *\n   * @private\n   */\n  updateScreenReaderCountMessage() {\n    // If over the threshold, remove the aria-hidden attribute, allowing screen\n    // readers to announce the content of the element.\n    if (this.isOverThreshold()) {\n      this.$screenReaderCountMessage.removeAttribute('aria-hidden')\n    } else {\n      this.$screenReaderCountMessage.setAttribute('aria-hidden', 'true')\n    }\n\n    // Update message\n    this.$screenReaderCountMessage.textContent = this.getCountMessage()\n  }\n\n  /**\n   * Count the number of characters (or words, if `config.maxwords` is set)\n   * in the given text\n   *\n   * @private\n   * @param {string} text - The text to count the characters of\n   * @returns {number} the number of characters (or words) in the text\n   */\n  count(text) {\n    if (this.config.maxwords) {\n      const tokens = text.match(/\\S+/g) ?? [] // Matches consecutive non-whitespace chars\n      return tokens.length\n    }\n\n    return text.length\n  }\n\n  /**\n   * Get count message\n   *\n   * @private\n   * @returns {string} Status message\n   */\n  getCountMessage() {\n    const remainingNumber = this.maxLength - this.count(this.$textarea.value)\n    const countType = this.config.maxwords ? 'words' : 'characters'\n    return this.formatCountMessage(remainingNumber, countType)\n  }\n\n  /**\n   * Formats the message shown to users according to what's counted\n   * and how many remain\n   *\n   * @private\n   * @param {number} remainingNumber - The number of words/characaters remaining\n   * @param {string} countType - \"words\" or \"characters\"\n   * @returns {string} Status message\n   */\n  formatCountMessage(remainingNumber, countType) {\n    if (remainingNumber === 0) {\n      return this.i18n.t(`${countType}AtLimit`)\n    }\n\n    const translationKeySuffix =\n      remainingNumber < 0 ? 'OverLimit' : 'UnderLimit'\n\n    return this.i18n.t(`${countType}${translationKeySuffix}`, {\n      count: Math.abs(remainingNumber)\n    })\n  }\n\n  /**\n   * Check if count is over threshold\n   *\n   * Checks whether the value is over the configured threshold for the input.\n   * If there is no configured threshold, it is set to 0 and this function will\n   * always return true.\n   *\n   * @private\n   * @returns {boolean} true if the current count is over the config.threshold\n   *   (or no threshold is set)\n   */\n  isOverThreshold() {\n    // No threshold means we're always above threshold so save some computation\n    if (!this.config.threshold) {\n      return true\n    }\n\n    // Determine the remaining number of characters/words\n    const currentLength = this.count(this.$textarea.value)\n    const maxLength = this.maxLength\n\n    const thresholdValue = (maxLength * this.config.threshold) / 100\n\n    return thresholdValue <= currentLength\n  }\n\n  /**\n   * Name for the component used when initialising using data-module attributes.\n   */\n  static moduleName = 'govuk-character-count'\n\n  /**\n   * Character count default config\n   *\n   * @see {@link CharacterCountConfig}\n   * @constant\n   * @type {CharacterCountConfig}\n   */\n  static defaults = Object.freeze({\n    threshold: 0,\n    i18n: {\n      // Characters\n      charactersUnderLimit: {\n        one: 'You have %{count} character remaining',\n        other: 'You have %{count} characters remaining'\n      },\n      charactersAtLimit: 'You have 0 characters remaining',\n      charactersOverLimit: {\n        one: 'You have %{count} character too many',\n        other: 'You have %{count} characters too many'\n      },\n      // Words\n      wordsUnderLimit: {\n        one: 'You have %{count} word remaining',\n        other: 'You have %{count} words remaining'\n      },\n      wordsAtLimit: 'You have 0 words remaining',\n      wordsOverLimit: {\n        one: 'You have %{count} word too many',\n        other: 'You have %{count} words too many'\n      },\n      textareaDescription: {\n        other: ''\n      }\n    }\n  })\n\n  /**\n   * Character count config schema\n   *\n   * @constant\n   * @satisfies {Schema<CharacterCountConfig>}\n   */\n  static schema = Object.freeze({\n    properties: {\n      i18n: { type: 'object' },\n      maxwords: { type: 'number' },\n      maxlength: { type: 'number' },\n      threshold: { type: 'number' }\n    },\n    anyOf: [\n      {\n        required: ['maxwords'],\n        errorMessage: 'Either \"maxlength\" or \"maxwords\" must be provided'\n      },\n      {\n        required: ['maxlength'],\n        errorMessage: 'Either \"maxlength\" or \"maxwords\" must be provided'\n      }\n    ]\n  })\n}\n\n/**\n * Character count config\n *\n * @see {@link CharacterCount.defaults}\n * @typedef {object} CharacterCountConfig\n * @property {number} [maxlength] - The maximum number of characters.\n *   If maxwords is provided, the maxlength option will be ignored.\n * @property {number} [maxwords] - The maximum number of words. If maxwords is\n *   provided, the maxlength option will be ignored.\n * @property {number} [threshold=0] - The percentage value of the limit at\n *   which point the count message is displayed. If this attribute is set, the\n *   count message will be hidden by default.\n * @property {CharacterCountTranslations} [i18n=CharacterCount.defaults.i18n] - Character count translations\n */\n\n/**\n * Character count translations\n *\n * @see {@link CharacterCount.defaults.i18n}\n * @typedef {object} CharacterCountTranslations\n *\n * Messages shown to users as they type. It provides feedback on how many words\n * or characters they have remaining or if they are over the limit. This also\n * includes a message used as an accessible description for the textarea.\n * @property {TranslationPluralForms} [charactersUnderLimit] - Message displayed\n *   when the number of characters is under the configured maximum, `maxlength`.\n *   This message is displayed visually and through assistive technologies. The\n *   component will replace the `%{count}` placeholder with the number of\n *   remaining characters. This is a [pluralised list of\n *   messages](https://frontend.design-system.service.gov.uk/localise-govuk-frontend).\n * @property {string} [charactersAtLimit] - Message displayed when the number of\n *   characters reaches the configured maximum, `maxlength`. This message is\n *   displayed visually and through assistive technologies.\n * @property {TranslationPluralForms} [charactersOverLimit] - Message displayed\n *   when the number of characters is over the configured maximum, `maxlength`.\n *   This message is displayed visually and through assistive technologies. The\n *   component will replace the `%{count}` placeholder with the number of\n *   remaining characters. This is a [pluralised list of\n *   messages](https://frontend.design-system.service.gov.uk/localise-govuk-frontend).\n * @property {TranslationPluralForms} [wordsUnderLimit] - Message displayed when\n *   the number of words is under the configured maximum, `maxlength`. This\n *   message is displayed visually and through assistive technologies. The\n *   component will replace the `%{count}` placeholder with the number of\n *   remaining words. This is a [pluralised list of\n *   messages](https://frontend.design-system.service.gov.uk/localise-govuk-frontend).\n * @property {string} [wordsAtLimit] - Message displayed when the number of\n *   words reaches the configured maximum, `maxlength`. This message is\n *   displayed visually and through assistive technologies.\n * @property {TranslationPluralForms} [wordsOverLimit] - Message displayed when\n *   the number of words is over the configured maximum, `maxlength`. This\n *   message is displayed visually and through assistive technologies. The\n *   component will replace the `%{count}` placeholder with the number of\n *   remaining words. This is a [pluralised list of\n *   messages](https://frontend.design-system.service.gov.uk/localise-govuk-frontend).\n * @property {TranslationPluralForms} [textareaDescription] - Message made\n *   available to assistive technologies, if none is already present in the\n *   HTML, to describe that the component accepts only a limited amount of\n *   content. It is visible on the page when JavaScript is unavailable. The\n *   component will replace the `%{count}` placeholder with the value of the\n *   `maxlength` or `maxwords` parameter.\n */\n\n/**\n * @import { Schema } from '../../common/configuration.mjs'\n * @import { TranslationPluralForms } from '../../i18n.mjs'\n */\n","import { Component } from '../../component.mjs'\nimport { ElementError } from '../../errors/index.mjs'\n\n/**\n * Checkboxes component\n *\n * @preserve\n */\nexport class Checkboxes extends Component {\n  /** @private */\n  $inputs\n\n  /**\n   * Checkboxes can be associated with a 'conditionally revealed' content block\n   * – for example, a checkbox for 'Phone' could reveal an additional form field\n   * for the user to enter their phone number.\n   *\n   * These associations are made using a `data-aria-controls` attribute, which\n   * is promoted to an aria-controls attribute during initialisation.\n   *\n   * We also need to restore the state of any conditional reveals on the page\n   * (for example if the user has navigated back), and set up event handlers to\n   * keep the reveal in sync with the checkbox state.\n   *\n   * @param {Element | null} $root - HTML element to use for checkboxes\n   */\n  constructor($root) {\n    super($root)\n\n    const $inputs = this.$root.querySelectorAll('input[type=\"checkbox\"]')\n    if (!$inputs.length) {\n      throw new ElementError({\n        component: Checkboxes,\n        identifier: 'Form inputs (`<input type=\"checkbox\">`)'\n      })\n    }\n\n    this.$inputs = $inputs\n\n    this.$inputs.forEach(($input) => {\n      const targetId = $input.getAttribute('data-aria-controls')\n\n      // Skip radios without data-aria-controls attributes\n      if (!targetId) {\n        return\n      }\n\n      // Throw if target conditional element does not exist.\n      if (!document.getElementById(targetId)) {\n        throw new ElementError({\n          component: Checkboxes,\n          identifier: `Conditional reveal (\\`id=\"${targetId}\"\\`)`\n        })\n      }\n\n      // Promote the data-aria-controls attribute to a aria-controls attribute\n      // so that the relationship is exposed in the AOM\n      $input.setAttribute('aria-controls', targetId)\n      $input.removeAttribute('data-aria-controls')\n    })\n\n    // When the page is restored after navigating 'back' in some browsers the\n    // state of form controls is not restored until *after* the DOMContentLoaded\n    // event is fired, so we need to sync after the pageshow event.\n    window.addEventListener('pageshow', () => this.syncAllConditionalReveals())\n\n    // Although we've set up handlers to sync state on the pageshow event, init\n    // could be called after those events have fired, for example if they are\n    // added to the page dynamically, so sync now too.\n    this.syncAllConditionalReveals()\n\n    // Handle events\n    this.$root.addEventListener('click', (event) => this.handleClick(event))\n  }\n\n  /**\n   * Sync the conditional reveal states for all checkboxes in this component.\n   *\n   * @private\n   */\n  syncAllConditionalReveals() {\n    this.$inputs.forEach(($input) =>\n      this.syncConditionalRevealWithInputState($input)\n    )\n  }\n\n  /**\n   * Sync conditional reveal with the input state\n   *\n   * Synchronise the visibility of the conditional reveal, and its accessible\n   * state, with the input's checked state.\n   *\n   * @private\n   * @param {HTMLInputElement} $input - Checkbox input\n   */\n  syncConditionalRevealWithInputState($input) {\n    const targetId = $input.getAttribute('aria-controls')\n    if (!targetId) {\n      return\n    }\n\n    const $target = document.getElementById(targetId)\n    if ($target?.classList.contains('govuk-checkboxes__conditional')) {\n      const inputIsChecked = $input.checked\n\n      $input.setAttribute('aria-expanded', inputIsChecked.toString())\n      $target.classList.toggle(\n        'govuk-checkboxes__conditional--hidden',\n        !inputIsChecked\n      )\n    }\n  }\n\n  /**\n   * Uncheck other checkboxes\n   *\n   * Find any other checkbox inputs with the same name value, and uncheck them.\n   * This is useful for when a “None of these\" checkbox is checked.\n   *\n   * @private\n   * @param {HTMLInputElement} $input - Checkbox input\n   */\n  unCheckAllInputsExcept($input) {\n    const allInputsWithSameName = document.querySelectorAll(\n      `input[type=\"checkbox\"][name=\"${$input.name}\"]`\n    )\n\n    allInputsWithSameName.forEach(($inputWithSameName) => {\n      const hasSameFormOwner = $input.form === $inputWithSameName.form\n      if (hasSameFormOwner && $inputWithSameName !== $input) {\n        $inputWithSameName.checked = false\n        this.syncConditionalRevealWithInputState($inputWithSameName)\n      }\n    })\n  }\n\n  /**\n   * Uncheck exclusive checkboxes\n   *\n   * Find any checkbox inputs with the same name value and the 'exclusive'\n   * behaviour, and uncheck them. This helps prevent someone checking both a\n   * regular checkbox and a \"None of these\" checkbox in the same fieldset.\n   *\n   * @private\n   * @param {HTMLInputElement} $input - Checkbox input\n   */\n  unCheckExclusiveInputs($input) {\n    const allInputsWithSameNameAndExclusiveBehaviour =\n      document.querySelectorAll(\n        `input[data-behaviour=\"exclusive\"][type=\"checkbox\"][name=\"${$input.name}\"]`\n      )\n\n    allInputsWithSameNameAndExclusiveBehaviour.forEach(($exclusiveInput) => {\n      const hasSameFormOwner = $input.form === $exclusiveInput.form\n      if (hasSameFormOwner) {\n        $exclusiveInput.checked = false\n        this.syncConditionalRevealWithInputState($exclusiveInput)\n      }\n    })\n  }\n\n  /**\n   * Click event handler\n   *\n   * Handle a click within the component root – if the click occurred on a checkbox,\n   * sync the state of any associated conditional reveal with the checkbox\n   * state.\n   *\n   * @private\n   * @param {MouseEvent} event - Click event\n   */\n  handleClick(event) {\n    const $clickedInput = event.target\n\n    // Ignore clicks on things that aren't checkbox inputs\n    if (\n      !($clickedInput instanceof HTMLInputElement) ||\n      $clickedInput.type !== 'checkbox'\n    ) {\n      return\n    }\n\n    // If the checkbox conditionally-reveals some content, sync the state\n    const hasAriaControls = $clickedInput.getAttribute('aria-controls')\n    if (hasAriaControls) {\n      this.syncConditionalRevealWithInputState($clickedInput)\n    }\n\n    // No further behaviour needed for unchecking\n    if (!$clickedInput.checked) {\n      return\n    }\n\n    // Handle 'exclusive' checkbox behaviour (ie \"None of these\")\n    const hasBehaviourExclusive =\n      $clickedInput.getAttribute('data-behaviour') === 'exclusive'\n    if (hasBehaviourExclusive) {\n      this.unCheckAllInputsExcept($clickedInput)\n    } else {\n      this.unCheckExclusiveInputs($clickedInput)\n    }\n  }\n\n  /**\n   * Name for the component used when initialising using data-module attributes.\n   */\n  static moduleName = 'govuk-checkboxes'\n}\n","import { ConfigurableComponent } from '../../common/configuration.mjs'\nimport { setFocus } from '../../common/index.mjs'\n\n/**\n * Error summary component\n *\n * Takes focus on initialisation for accessible announcement, unless disabled in\n * configuration.\n *\n * @preserve\n * @augments ConfigurableComponent<ErrorSummaryConfig>\n */\nexport class ErrorSummary extends ConfigurableComponent {\n  /**\n   * @param {Element | null} $root - HTML element to use for error summary\n   * @param {ErrorSummaryConfig} [config] - Error summary config\n   */\n  constructor($root, config = {}) {\n    super($root, config)\n\n    /**\n     * Focus the error summary\n     */\n    if (!this.config.disableAutoFocus) {\n      setFocus(this.$root)\n    }\n\n    this.$root.addEventListener('click', (event) => this.handleClick(event))\n  }\n\n  /**\n   * Click event handler\n   *\n   * @private\n   * @param {MouseEvent} event - Click event\n   */\n  handleClick(event) {\n    const $target = event.target\n    if ($target && this.focusTarget($target)) {\n      event.preventDefault()\n    }\n  }\n\n  /**\n   * Focus the target element\n   *\n   * By default, the browser will scroll the target into view. Because our\n   * labels or legends appear above the input, this means the user will be\n   * presented with an input without any context, as the label or legend will be\n   * off the top of the screen.\n   *\n   * Manually handling the click event, scrolling the question into view and\n   * then focussing the element solves this.\n   *\n   * This also results in the label and/or legend being announced correctly in\n   * NVDA (as tested in 2018.3.2) - without this only the field type is\n   * announced (e.g. \"Edit, has autocomplete\").\n   *\n   * @private\n   * @param {EventTarget} $target - Event target\n   * @returns {boolean} True if the target was able to be focussed\n   */\n  focusTarget($target) {\n    // If the element that was clicked was not a link, return early\n    if (!($target instanceof HTMLAnchorElement)) {\n      return false\n    }\n\n    const inputId = $target.hash.replace('#', '')\n    if (!inputId) {\n      return false\n    }\n\n    const $input = document.getElementById(inputId)\n    if (!$input) {\n      return false\n    }\n\n    const $legendOrLabel = this.getAssociatedLegendOrLabel($input)\n    if (!$legendOrLabel) {\n      return false\n    }\n\n    // Scroll the legend or label into view *before* calling focus on the input\n    // to avoid extra scrolling in browsers that don't support `preventScroll`\n    // (which at time of writing is most of them...)\n    $legendOrLabel.scrollIntoView()\n    $input.focus({ preventScroll: true })\n\n    return true\n  }\n\n  /**\n   * Get associated legend or label\n   *\n   * Returns the first element that exists from this list:\n   *\n   * - The `<legend>` associated with the closest `<fieldset>` ancestor, as long\n   *   as the top of it is no more than half a viewport height away from the\n   *   bottom of the input\n   * - The first `<label>` that is associated with the input using for=\"inputId\"\n   * - The closest parent `<label>`\n   *\n   * @private\n   * @param {Element} $input - The input\n   * @returns {Element | null} Associated legend or label, or null if no\n   *   associated legend or label can be found\n   */\n  getAssociatedLegendOrLabel($input) {\n    const $fieldset = $input.closest('fieldset')\n\n    if ($fieldset) {\n      const $legends = $fieldset.getElementsByTagName('legend')\n\n      if ($legends.length) {\n        const $candidateLegend = $legends[0]\n\n        // If the input type is radio or checkbox, always use the legend if\n        // there is one.\n        if (\n          $input instanceof HTMLInputElement &&\n          ($input.type === 'checkbox' || $input.type === 'radio')\n        ) {\n          return $candidateLegend\n        }\n\n        // For other input types, only scroll to the fieldset’s legend (instead\n        // of the label associated with the input) if the input would end up in\n        // the top half of the screen.\n        //\n        // This should avoid situations where the input either ends up off the\n        // screen, or obscured by a software keyboard.\n        const legendTop = $candidateLegend.getBoundingClientRect().top\n        const inputRect = $input.getBoundingClientRect()\n\n        // If the browser doesn't support Element.getBoundingClientRect().height\n        // or window.innerHeight (like IE8), bail and just link to the label.\n        if (inputRect.height && window.innerHeight) {\n          const inputBottom = inputRect.top + inputRect.height\n\n          if (inputBottom - legendTop < window.innerHeight / 2) {\n            return $candidateLegend\n          }\n        }\n      }\n    }\n\n    return (\n      document.querySelector(`label[for='${$input.getAttribute('id')}']`) ??\n      $input.closest('label')\n    )\n  }\n\n  /**\n   * Name for the component used when initialising using data-module attributes.\n   */\n  static moduleName = 'govuk-error-summary'\n\n  /**\n   * Error summary default config\n   *\n   * @see {@link ErrorSummaryConfig}\n   * @constant\n   * @type {ErrorSummaryConfig}\n   */\n  static defaults = Object.freeze({\n    disableAutoFocus: false\n  })\n\n  /**\n   * Error summary config schema\n   *\n   * @constant\n   * @satisfies {Schema<ErrorSummaryConfig>}\n   */\n  static schema = Object.freeze({\n    properties: {\n      disableAutoFocus: { type: 'boolean' }\n    }\n  })\n}\n\n/**\n * Error summary config\n *\n * @typedef {object} ErrorSummaryConfig\n * @property {boolean} [disableAutoFocus=false] - If set to `true` the error\n *   summary will not be focussed when the page loads.\n */\n\n/**\n * @import { Schema } from '../../common/configuration.mjs'\n */\n","import { ConfigurableComponent } from '../../common/configuration.mjs'\nimport { ElementError } from '../../errors/index.mjs'\nimport { I18n } from '../../i18n.mjs'\n\n/**\n * Exit this page component\n *\n * @preserve\n * @augments ConfigurableComponent<ExitThisPageConfig>\n */\nexport class ExitThisPage extends ConfigurableComponent {\n  /** @private */\n  i18n\n\n  /** @private */\n  $button\n\n  /**\n   * @private\n   * @type {HTMLAnchorElement | null}\n   */\n  $skiplinkButton = null\n\n  /**\n   * @private\n   * @type {HTMLElement | null}\n   */\n  $updateSpan = null\n\n  /**\n   * @private\n   * @type {HTMLElement | null}\n   */\n  $indicatorContainer = null\n\n  /**\n   * @private\n   * @type {HTMLElement | null}\n   */\n  $overlay = null\n\n  /** @private */\n  keypressCounter = 0\n\n  /** @private */\n  lastKeyWasModified = false\n\n  /** @private */\n  timeoutTime = 5000 // milliseconds\n\n  // Store the timeout events so that we can clear them to avoid user keypresses overlapping\n  // setTimeout returns an id that we can use to clear it with clearTimeout,\n  // hence the 'Id' suffix\n\n  /**\n   * @private\n   * @type {number | null}\n   */\n  keypressTimeoutId = null\n\n  /**\n   * @private\n   * @type {number | null}\n   */\n  timeoutMessageId = null\n\n  /**\n   * @param {Element | null} $root - HTML element that wraps the Exit This Page button\n   * @param {ExitThisPageConfig} [config] - Exit This Page config\n   */\n  constructor($root, config = {}) {\n    super($root, config)\n\n    const $button = this.$root.querySelector('.govuk-exit-this-page__button')\n    if (!($button instanceof HTMLAnchorElement)) {\n      throw new ElementError({\n        component: ExitThisPage,\n        element: $button,\n        expectedType: 'HTMLAnchorElement',\n        identifier: 'Button (`.govuk-exit-this-page__button`)'\n      })\n    }\n\n    this.i18n = new I18n(this.config.i18n)\n    this.$button = $button\n\n    const $skiplinkButton = document.querySelector(\n      '.govuk-js-exit-this-page-skiplink'\n    )\n    if ($skiplinkButton instanceof HTMLAnchorElement) {\n      this.$skiplinkButton = $skiplinkButton\n    }\n\n    this.buildIndicator()\n    this.initUpdateSpan()\n    this.initButtonClickHandler()\n\n    // Check to see if this has already been done by a previous initialisation of ExitThisPage\n    if (!('govukFrontendExitThisPageKeypress' in document.body.dataset)) {\n      document.addEventListener('keyup', this.handleKeypress.bind(this), true)\n      document.body.dataset.govukFrontendExitThisPageKeypress = 'true'\n    }\n\n    // When the page is restored after navigating 'back' in some browsers the\n    // blank overlay remains present, rendering the page unusable. Here, we check\n    // to see if it's present on page (re)load, and remove it if so.\n    window.addEventListener('pageshow', this.resetPage.bind(this))\n  }\n\n  /**\n   * Create the <span> we use for screen reader announcements.\n   *\n   * @private\n   */\n  initUpdateSpan() {\n    this.$updateSpan = document.createElement('span')\n    this.$updateSpan.setAttribute('role', 'status')\n    this.$updateSpan.className = 'govuk-visually-hidden'\n\n    this.$root.appendChild(this.$updateSpan)\n  }\n\n  /**\n   * Create button click handlers.\n   *\n   * @private\n   */\n  initButtonClickHandler() {\n    // Main EtP button\n    this.$button.addEventListener('click', this.handleClick.bind(this))\n\n    // EtP secondary link\n    if (this.$skiplinkButton) {\n      this.$skiplinkButton.addEventListener(\n        'click',\n        this.handleClick.bind(this)\n      )\n    }\n  }\n\n  /**\n   * Create the HTML for the 'three lights' indicator on the button.\n   *\n   * @private\n   */\n  buildIndicator() {\n    // Build container\n    // Putting `aria-hidden` on it as it won't contain any readable information\n    this.$indicatorContainer = document.createElement('div')\n    this.$indicatorContainer.className = 'govuk-exit-this-page__indicator'\n    this.$indicatorContainer.setAttribute('aria-hidden', 'true')\n\n    // Create three 'lights' and place them within the container\n    for (let i = 0; i < 3; i++) {\n      const $indicator = document.createElement('div')\n      $indicator.className = 'govuk-exit-this-page__indicator-light'\n      this.$indicatorContainer.appendChild($indicator)\n    }\n\n    // Append it all to the module\n    this.$button.appendChild(this.$indicatorContainer)\n  }\n\n  /**\n   * Update whether the lights are visible and which ones are lit up depending on\n   * the value of `keypressCounter`.\n   *\n   * @private\n   */\n  updateIndicator() {\n    if (!this.$indicatorContainer) {\n      return\n    }\n\n    // Show or hide the indicator container depending on keypressCounter value\n    this.$indicatorContainer.classList.toggle(\n      'govuk-exit-this-page__indicator--visible',\n      this.keypressCounter > 0\n    )\n\n    // Turn on only the indicators we want on\n    const $indicators = this.$indicatorContainer.querySelectorAll(\n      '.govuk-exit-this-page__indicator-light'\n    )\n    $indicators.forEach(($indicator, index) => {\n      $indicator.classList.toggle(\n        'govuk-exit-this-page__indicator-light--on',\n        index < this.keypressCounter\n      )\n    })\n  }\n\n  /**\n   * Initiates the redirection away from the current page.\n   * Includes the loading overlay functionality, which covers the current page with a\n   * white overlay so that the contents are not visible during the loading\n   * process. This is particularly important on slow network connections.\n   *\n   * @private\n   */\n  exitPage() {\n    if (!this.$updateSpan) {\n      return\n    }\n\n    this.$updateSpan.textContent = ''\n\n    // Blank the page\n    // As well as creating an overlay with text, we also set the body to hidden\n    // to prevent screen reader and sequential navigation users potentially\n    // navigating through the page behind the overlay during loading\n    document.body.classList.add('govuk-exit-this-page-hide-content')\n    this.$overlay = document.createElement('div')\n    this.$overlay.className = 'govuk-exit-this-page-overlay'\n    this.$overlay.setAttribute('role', 'alert')\n\n    // we do these this way round, thus incurring a second paint, because changing\n    // the element text after adding it means that screen readers pick up the\n    // announcement more reliably.\n    document.body.appendChild(this.$overlay)\n    this.$overlay.textContent = this.i18n.t('activated')\n\n    window.location.href = this.$button.href\n  }\n\n  /**\n   * Pre-activation logic for when the button is clicked/activated via mouse or\n   * pointer.\n   *\n   * We do this to differentiate it from the keyboard activation event because we\n   * need to run `e.preventDefault` as the button or skiplink are both links and we\n   * want to apply some additional logic in `exitPage` before navigating.\n   *\n   * @private\n   * @param {MouseEvent} event - mouse click event\n   */\n  handleClick(event) {\n    event.preventDefault()\n    this.exitPage()\n  }\n\n  /**\n   * Logic for the 'quick escape' keyboard sequence functionality (pressing the\n   * Shift key three times without interruption, within a time limit).\n   *\n   * @private\n   * @param {KeyboardEvent} event - keyup event\n   */\n  handleKeypress(event) {\n    if (!this.$updateSpan) {\n      return\n    }\n\n    // Detect if the 'Shift' key has been pressed. We want to only do things if it\n    // was pressed by itself and not in a combination with another key—so we keep\n    // track of whether the preceding keyup had shiftKey: true on it, and if it\n    // did, we ignore the next Shift keyup event.\n    //\n    // This works because using Shift as a modifier key (e.g. pressing Shift + A)\n    // will fire TWO keyup events, one for A (with e.shiftKey: true) and the other\n    // for Shift (with e.shiftKey: false).\n    if (event.key === 'Shift' && !this.lastKeyWasModified) {\n      this.keypressCounter += 1\n\n      // Update the indicator before the below if statement can reset it back to 0\n      this.updateIndicator()\n\n      // Clear the timeout for the keypress timeout message clearing itself\n      if (this.timeoutMessageId) {\n        window.clearTimeout(this.timeoutMessageId)\n        this.timeoutMessageId = null\n      }\n\n      if (this.keypressCounter >= 3) {\n        this.keypressCounter = 0\n\n        if (this.keypressTimeoutId) {\n          window.clearTimeout(this.keypressTimeoutId)\n          this.keypressTimeoutId = null\n        }\n\n        this.exitPage()\n      } else {\n        if (this.keypressCounter === 1) {\n          this.$updateSpan.textContent = this.i18n.t('pressTwoMoreTimes')\n        } else {\n          this.$updateSpan.textContent = this.i18n.t('pressOneMoreTime')\n        }\n      }\n\n      this.setKeypressTimer()\n    } else if (this.keypressTimeoutId) {\n      // If the user pressed any key other than 'Shift', after having pressed\n      // 'Shift' and activating the timer, stop and reset the timer.\n      this.resetKeypressTimer()\n    }\n\n    // Keep track of whether the Shift modifier key was held during this keypress\n    this.lastKeyWasModified = event.shiftKey\n  }\n\n  /**\n   * Starts the 'quick escape' keyboard sequence timer.\n   *\n   * This can be invoked several times. We want this to be possible so that the\n   * timer is restarted each time the shortcut key is pressed (e.g. the user has\n   * up to n seconds between each keypress, rather than n seconds to invoke the\n   * entire sequence.)\n   *\n   * @private\n   */\n  setKeypressTimer() {\n    // Clear any existing timeout. This is so only one timer is running even if\n    // there are multiple keypresses in quick succession.\n    if (this.keypressTimeoutId) {\n      window.clearTimeout(this.keypressTimeoutId)\n    }\n\n    // Set a fresh timeout\n    this.keypressTimeoutId = window.setTimeout(\n      this.resetKeypressTimer.bind(this),\n      this.timeoutTime\n    )\n  }\n\n  /**\n   * Stops and resets the 'quick escape' keyboard sequence timer.\n   *\n   * @private\n   */\n  resetKeypressTimer() {\n    if (!this.$updateSpan) {\n      return\n    }\n\n    if (this.keypressTimeoutId) {\n      window.clearTimeout(this.keypressTimeoutId)\n      this.keypressTimeoutId = null\n    }\n\n    const $updateSpan = this.$updateSpan\n\n    this.keypressCounter = 0\n    $updateSpan.textContent = this.i18n.t('timedOut')\n\n    this.timeoutMessageId = window.setTimeout(() => {\n      $updateSpan.textContent = ''\n    }, this.timeoutTime)\n\n    this.updateIndicator()\n  }\n\n  /**\n   * Reset the page using the EtP button\n   *\n   * We use this in situations where a user may re-enter a page using the browser\n   * back button. In these cases, the browser can choose to restore the state of\n   * the page as it was previously, including restoring the 'ghost page' overlay,\n   * the announcement span having it's role set to \"alert\" and the keypress\n   * indicator still active, leaving the page in an unusable state.\n   *\n   * By running this check when the page is shown, we can programatically restore\n   * the page and the component to a \"default\" state\n   *\n   * @private\n   */\n  resetPage() {\n    // If an overlay is set, remove it and reset the value\n    document.body.classList.remove('govuk-exit-this-page-hide-content')\n\n    if (this.$overlay) {\n      this.$overlay.remove()\n      this.$overlay = null\n    }\n\n    // Ensure the announcement span's role is status, not alert and clear any text\n    if (this.$updateSpan) {\n      this.$updateSpan.setAttribute('role', 'status')\n      this.$updateSpan.textContent = ''\n    }\n\n    // Sync the keypress indicator lights\n    this.updateIndicator()\n\n    // If the timeouts are active, clear them\n    if (this.keypressTimeoutId) {\n      window.clearTimeout(this.keypressTimeoutId)\n    }\n\n    if (this.timeoutMessageId) {\n      window.clearTimeout(this.timeoutMessageId)\n    }\n  }\n\n  /**\n   * Name for the component used when initialising using data-module attributes.\n   */\n  static moduleName = 'govuk-exit-this-page'\n\n  /**\n   * Exit this page default config\n   *\n   * @see {@link ExitThisPageConfig}\n   * @constant\n   * @type {ExitThisPageConfig}\n   */\n  static defaults = Object.freeze({\n    i18n: {\n      activated: 'Loading.',\n      timedOut: 'Exit this page expired.',\n      pressTwoMoreTimes: 'Shift, press 2 more times to exit.',\n      pressOneMoreTime: 'Shift, press 1 more time to exit.'\n    }\n  })\n\n  /**\n   * Exit this page config schema\n   *\n   * @constant\n   * @satisfies {Schema<ExitThisPageConfig>}\n   */\n  static schema = Object.freeze({\n    properties: {\n      i18n: { type: 'object' }\n    }\n  })\n}\n\n/**\n * Exit this Page config\n *\n * @see {@link ExitThisPage.defaults}\n * @typedef {object} ExitThisPageConfig\n * @property {ExitThisPageTranslations} [i18n=ExitThisPage.defaults.i18n] - Exit this page translations\n */\n\n/**\n * Exit this Page translations\n *\n * @see {@link ExitThisPage.defaults.i18n}\n * @typedef {object} ExitThisPageTranslations\n *\n * Messages used by the component programatically inserted text, including\n * overlay text and screen reader announcements.\n * @property {string} [activated] - Screen reader announcement for when EtP\n *   keypress functionality has been successfully activated.\n * @property {string} [timedOut] - Screen reader announcement for when the EtP\n *   keypress functionality has timed out.\n * @property {string} [pressTwoMoreTimes] - Screen reader announcement informing\n *   the user they must press the activation key two more times.\n * @property {string} [pressOneMoreTime] - Screen reader announcement informing\n *   the user they must press the activation key one more time.\n */\n\n/**\n * @import { Schema } from '../../common/configuration.mjs'\n */\n","import { closestAttributeValue } from '../../common/closest-attribute-value.mjs'\nimport { ConfigurableComponent } from '../../common/configuration.mjs'\nimport { formatErrorMessage } from '../../common/index.mjs'\nimport { ElementError } from '../../errors/index.mjs'\nimport { I18n } from '../../i18n.mjs'\n\n/**\n * File upload component\n *\n * @preserve\n * @augments ConfigurableComponent<FileUploadConfig>\n */\nexport class FileUpload extends ConfigurableComponent {\n  /**\n   * @private\n   * @type {HTMLFileInputElement}\n   */\n  $input\n\n  /**\n   * @private\n   */\n  $button\n\n  /**\n   * @private\n   */\n  $status\n\n  /** @private */\n  i18n\n\n  /** @private */\n  id\n\n  /** @private */\n  $announcements\n\n  /**\n   * @private\n   * @type {boolean | undefined}\n   */\n  enteredAnotherElement\n\n  /**\n   * @param {Element | null} $root - File input element\n   * @param {FileUploadConfig} [config] - File Upload config\n   */\n  constructor($root, config = {}) {\n    super($root, config)\n\n    const $input = this.$root.querySelector('input')\n\n    if ($input === null) {\n      throw new ElementError({\n        component: FileUpload,\n        identifier: 'File inputs (`<input type=\"file\">`)'\n      })\n    }\n\n    if ($input.type !== 'file') {\n      throw new ElementError(\n        formatErrorMessage(\n          FileUpload,\n          'File input (`<input type=\"file\">`) attribute (`type`) is not `file`'\n        )\n      )\n    }\n\n    this.$input = /** @type {HTMLFileInputElement} */ ($input)\n\n    if (!this.$input.id) {\n      throw new ElementError({\n        component: FileUpload,\n        identifier: 'File input (`<input type=\"file\">`) attribute (`id`)'\n      })\n    }\n\n    this.id = this.$input.id\n\n    this.i18n = new I18n(this.config.i18n, {\n      // Read the fallback if necessary rather than have it set in the defaults\n      locale: closestAttributeValue(this.$root, 'lang')\n    })\n\n    const $label = this.findLabel()\n    // Add an ID to the label if it doesn't have one already\n    // so it can be referenced by `aria-labelledby`\n    if (!$label.id) {\n      $label.id = `${this.id}-label`\n    }\n\n    // we need to copy the 'id' of the root element\n    // to the new button replacement element\n    // so that focus will work in the error summary\n    this.$input.id = `${this.id}-input`\n\n    // Hide the native input\n    this.$input.setAttribute('hidden', 'true')\n\n    // Create the file selection button\n    const $button = document.createElement('button')\n    $button.classList.add('govuk-file-upload-button')\n    $button.type = 'button'\n    $button.id = this.id\n    $button.classList.add('govuk-file-upload-button--empty')\n\n    // Copy `aria-describedby` if present so hints and errors\n    // are associated to the `<button>`\n    const ariaDescribedBy = this.$input.getAttribute('aria-describedby')\n    if (ariaDescribedBy) {\n      $button.setAttribute('aria-describedby', ariaDescribedBy)\n    }\n\n    // Create status element that shows what/how many files are selected\n    const $status = document.createElement('span')\n    $status.className = 'govuk-body govuk-file-upload-button__status'\n    $status.setAttribute('aria-live', 'polite')\n    $status.innerText = this.i18n.t('noFileChosen')\n\n    $button.appendChild($status)\n\n    const commaSpan = document.createElement('span')\n    commaSpan.className = 'govuk-visually-hidden'\n    commaSpan.innerText = ', '\n    commaSpan.id = `${this.id}-comma`\n\n    $button.appendChild(commaSpan)\n\n    const containerSpan = document.createElement('span')\n    containerSpan.className =\n      'govuk-file-upload-button__pseudo-button-container'\n\n    const buttonSpan = document.createElement('span')\n    buttonSpan.className =\n      'govuk-button govuk-button--secondary govuk-file-upload-button__pseudo-button'\n    buttonSpan.innerText = this.i18n.t('chooseFilesButton')\n\n    containerSpan.appendChild(buttonSpan)\n\n    // Add a space so the button and instruction read correctly\n    // when CSS is disabled\n    containerSpan.insertAdjacentText('beforeend', ' ')\n\n    const instructionSpan = document.createElement('span')\n    instructionSpan.className =\n      'govuk-body govuk-file-upload-button__instruction'\n    instructionSpan.innerText = this.i18n.t('dropInstruction')\n\n    containerSpan.appendChild(instructionSpan)\n\n    $button.appendChild(containerSpan)\n    $button.setAttribute(\n      'aria-labelledby',\n      `${$label.id} ${commaSpan.id} ${$button.id}`\n    )\n    $button.addEventListener('click', this.onClick.bind(this))\n    $button.addEventListener('dragover', (event) => {\n      // prevent default to allow drop\n      event.preventDefault()\n    })\n\n    // Assemble these all together\n    this.$root.insertAdjacentElement('afterbegin', $button)\n\n    this.$input.setAttribute('tabindex', '-1')\n    this.$input.setAttribute('aria-hidden', 'true')\n\n    // Make all these new variables available to the module\n    this.$button = $button\n    this.$status = $status\n\n    // Bind change event to the underlying input\n    this.$input.addEventListener('change', this.onChange.bind(this))\n\n    // Synchronise the `disabled` state between the button and underlying input\n    this.updateDisabledState()\n    this.observeDisabledState()\n\n    // Handle drop zone visibility\n    // A live region to announce when users enter or leave the drop zone\n    this.$announcements = document.createElement('span')\n    this.$announcements.classList.add('govuk-file-upload-announcements')\n    this.$announcements.classList.add('govuk-visually-hidden')\n    this.$announcements.setAttribute('aria-live', 'assertive')\n    this.$root.insertAdjacentElement('afterend', this.$announcements)\n\n    // if there is no CSS and input is hidden\n    // button will need to handle drop event\n    this.$button.addEventListener('drop', this.onDrop.bind(this))\n\n    // While user is dragging, it gets a little more complex because of Safari.\n    // Safari doesn't fill `relatedTarget` on `dragleave` (nor `dragenter`).\n    // This means we can't use `relatedTarget` to:\n    // - check if the user is still within the wrapper\n    //   (`relatedTarget` being a descendant of the wrapper)\n    // - check if the user is still over the viewport\n    //   (`relatedTarget` being null if outside)\n\n    // Thanks to `dragenter` bubbling, we can listen on the `document` with a\n    // single function and update the visibility based on whether we entered a\n    // node inside or outside the wrapper.\n    document.addEventListener(\n      'dragenter',\n      this.updateDropzoneVisibility.bind(this)\n    )\n\n    // To detect if we're outside the document, we can track if there was a\n    // `dragenter` event preceding a `dragleave`. If there wasn't, this means\n    // we're outside the document.\n    //\n    // The order of events is guaranteed by the HTML specs:\n    // https://html.spec.whatwg.org/multipage/dnd.html#drag-and-drop-processing-model\n    document.addEventListener('dragenter', () => {\n      this.enteredAnotherElement = true\n    })\n\n    document.addEventListener('dragleave', () => {\n      if (!this.enteredAnotherElement && !this.$button.disabled) {\n        this.hideDraggingState()\n        this.$announcements.innerText = this.i18n.t('leftDropZone')\n      }\n\n      this.enteredAnotherElement = false\n    })\n  }\n\n  /**\n   * Updates the visibility of the dropzone as users enters the various elements on the page\n   *\n   * @private\n   * @param {DragEvent} event - The `dragenter` event\n   */\n  updateDropzoneVisibility(event) {\n    if (this.$button.disabled) return\n\n    // DOM interfaces only type `event.target` as `EventTarget`\n    // so we first need to make sure it's a `Node`\n    if (event.target instanceof Node) {\n      if (this.$root.contains(event.target)) {\n        if (event.dataTransfer && isContainingFiles(event.dataTransfer)) {\n          // Only update the class and make the announcement if not already visible\n          // to avoid repeated announcements on NVDA (2024.4) + Firefox (133)\n          if (\n            !this.$button.classList.contains(\n              'govuk-file-upload-button--dragging'\n            )\n          ) {\n            this.showDraggingState()\n            this.$announcements.innerText = this.i18n.t('enteredDropZone')\n          }\n        }\n      } else {\n        // Only hide the dropzone if it is visible to prevent announcing user\n        // left the drop zone when they enter the page but haven't reached yet\n        // the file upload component\n        if (\n          this.$button.classList.contains('govuk-file-upload-button--dragging')\n        ) {\n          this.hideDraggingState()\n          this.$announcements.innerText = this.i18n.t('leftDropZone')\n        }\n      }\n    }\n  }\n\n  /**\n   * Show the drop zone visually\n   *\n   * @private\n   */\n  showDraggingState() {\n    this.$button.classList.add('govuk-file-upload-button--dragging')\n  }\n\n  /**\n   * Hides the drop zone visually\n   *\n   * @private\n   */\n  hideDraggingState() {\n    this.$button.classList.remove('govuk-file-upload-button--dragging')\n  }\n\n  /**\n   * Handles user dropping on the component\n   *\n   * @private\n   * @param {DragEvent} event - The `dragenter` event\n   */\n  onDrop(event) {\n    event.preventDefault()\n\n    if (event.dataTransfer && isContainingFiles(event.dataTransfer)) {\n      this.$input.files = event.dataTransfer.files\n\n      // Dispatch a `change` event so external code that would rely on the `<input>`\n      // dispatching an event when files are dropped still work.\n      // Use a `CustomEvent` so our events are distinguishable from browser's native events\n      this.$input.dispatchEvent(new CustomEvent('change'))\n\n      this.hideDraggingState()\n    }\n  }\n\n  /**\n   * Check if the value of the underlying input has changed\n   *\n   * @private\n   */\n  onChange() {\n    const fileCount = this.$input.files.length\n\n    if (fileCount === 0) {\n      // If there are no files, show the default selection text\n      this.$status.innerText = this.i18n.t('noFileChosen')\n      this.$button.classList.add('govuk-file-upload-button--empty')\n    } else {\n      if (\n        // If there is 1 file, just show the file name\n        fileCount === 1\n      ) {\n        this.$status.innerText = this.$input.files[0].name\n      } else {\n        // Otherwise, tell the user how many files are selected\n        this.$status.innerText = this.i18n.t('multipleFilesChosen', {\n          count: fileCount\n        })\n      }\n\n      this.$button.classList.remove('govuk-file-upload-button--empty')\n    }\n  }\n\n  /**\n   * Looks up the `<label>` element associated to the field\n   *\n   * @private\n   * @returns {HTMLElement} The `<label>` element associated to the field\n   * @throws {ElementError} If the `<label>` cannot be found\n   */\n  findLabel() {\n    // Use `label` in the selector so TypeScript knows the type fo `HTMLElement`\n    const $label = document.querySelector(`label[for=\"${this.$input.id}\"]`)\n\n    if (!$label) {\n      throw new ElementError({\n        component: FileUpload,\n        identifier: `Field label (\\`<label for=${this.$input.id}>\\`)`\n      })\n    }\n\n    return $label\n  }\n\n  /**\n   * When the button is clicked, emulate clicking the actual, hidden file input\n   *\n   * @private\n   */\n  onClick() {\n    this.$input.click()\n  }\n\n  /**\n   * Create a mutation observer to check if the input's attributes altered.\n   *\n   * @private\n   */\n  observeDisabledState() {\n    const observer = new MutationObserver((mutationList) => {\n      for (const mutation of mutationList) {\n        if (\n          mutation.type === 'attributes' &&\n          mutation.attributeName === 'disabled'\n        ) {\n          this.updateDisabledState()\n        }\n      }\n    })\n\n    observer.observe(this.$input, {\n      attributes: true\n    })\n  }\n\n  /**\n   * Synchronise the `disabled` state between the input and replacement button.\n   *\n   * @private\n   */\n  updateDisabledState() {\n    this.$button.disabled = this.$input.disabled\n\n    this.$root.classList.toggle(\n      'govuk-drop-zone--disabled',\n      this.$button.disabled\n    )\n  }\n\n  /**\n   * Name for the component used when initialising using data-module attributes.\n   */\n  static moduleName = 'govuk-file-upload'\n\n  /**\n   * File upload default config\n   *\n   * @see {@link FileUploadConfig}\n   * @constant\n   * @type {FileUploadConfig}\n   */\n  static defaults = Object.freeze({\n    i18n: {\n      chooseFilesButton: 'Choose file',\n      dropInstruction: 'or drop file',\n      noFileChosen: 'No file chosen',\n      multipleFilesChosen: {\n        // the 'one' string isn't used as the component displays the filename\n        // instead, however it's here for coverage's sake\n        one: '%{count} file chosen',\n        other: '%{count} files chosen'\n      },\n      enteredDropZone: 'Entered drop zone',\n      leftDropZone: 'Left drop zone'\n    }\n  })\n\n  /**\n   * File upload config schema\n   *\n   * @constant\n   * @satisfies {Schema<FileUploadConfig>}\n   */\n  static schema = Object.freeze({\n    properties: {\n      i18n: { type: 'object' }\n    }\n  })\n}\n\n/**\n * Checks if the given `DataTransfer` contains files\n *\n * @internal\n * @param {DataTransfer} dataTransfer - The `DataTransfer` to check\n * @returns {boolean} - `true` if it contains files or we can't infer it, `false` otherwise\n */\nfunction isContainingFiles(dataTransfer) {\n  // Safari sometimes does not provide info about types :'(\n  // In which case best not to assume anything and try to set the files\n  const hasNoTypesInfo = dataTransfer.types.length === 0\n\n  // When dragging images, there's a mix of mime types + Files\n  // which we can't assign to the native input\n  const isDraggingFiles = dataTransfer.types.some((type) => type === 'Files')\n\n  return hasNoTypesInfo || isDraggingFiles\n}\n\n/**\n * @typedef {HTMLInputElement & {files: FileList}} HTMLFileInputElement\n */\n\n/**\n * File upload config\n *\n * @see {@link FileUpload.defaults}\n * @typedef {object} FileUploadConfig\n * @property {FileUploadTranslations} [i18n=FileUpload.defaults.i18n] - File upload translations\n */\n\n/**\n * File upload translations\n *\n * @see {@link FileUpload.defaults.i18n}\n * @typedef {object} FileUploadTranslations\n *\n * Messages used by the component\n * @property {string} [chooseFile] - The text of the button that opens the file picker\n * @property {string} [dropInstruction] - The text informing users they can drop files\n * @property {TranslationPluralForms} [multipleFilesChosen] - The text displayed when multiple files\n *   have been chosen by the user\n * @property {string} [noFileChosen] - The text to displayed when no file has been chosen by the user\n * @property {string} [enteredDropZone] - The text announced by assistive technology\n *   when user drags files and enters the drop zone\n * @property {string} [leftDropZone] - The text announced by assistive technology\n *   when user drags files and leaves the drop zone without dropping\n */\n\n/**\n * @import { Schema } from '../../common/configuration.mjs'\n * @import { TranslationPluralForms } from '../../i18n.mjs'\n */\n","import { getBreakpoint } from '../../common/index.mjs'\nimport { Component } from '../../component.mjs'\nimport { ElementError } from '../../errors/index.mjs'\n\n/**\n * Header component\n *\n * @preserve\n */\nexport class Header extends Component {\n  /** @private */\n  $menuButton\n\n  /** @private */\n  $menu\n\n  /**\n   * Save the opened/closed state for the nav in memory so that we can\n   * accurately maintain state when the screen is changed from small to big and\n   * back to small\n   *\n   * @private\n   */\n  menuIsOpen = false\n\n  /**\n   * A global const for storing a matchMedia instance which we'll use to detect\n   * when a screen size change happens. We rely on it being null if the feature\n   * isn't available to initially apply hidden attributes\n   *\n   * @private\n   * @type {MediaQueryList | null}\n   */\n  mql = null\n\n  /**\n   * Apply a matchMedia for desktop which will trigger a state sync if the\n   * browser viewport moves between states.\n   *\n   * @param {Element | null} $root - HTML element to use for header\n   */\n  constructor($root) {\n    super($root)\n\n    const $menuButton = this.$root.querySelector('.govuk-js-header-toggle')\n\n    // Headers don't necessarily have a navigation. When they don't, the menu\n    // toggle won't be rendered by our macro (or may be omitted when writing\n    // plain HTML)\n    if (!$menuButton) {\n      return this\n    }\n\n    // Pad the header logo so it doesn't overlap the menu button\n    this.$root.classList.add('govuk-header--with-js-navigation')\n\n    const menuId = $menuButton.getAttribute('aria-controls')\n    if (!menuId) {\n      throw new ElementError({\n        component: Header,\n        identifier:\n          'Navigation button (`<button class=\"govuk-js-header-toggle\">`) attribute (`aria-controls`)'\n      })\n    }\n\n    const $menu = document.getElementById(menuId)\n    if (!$menu) {\n      throw new ElementError({\n        component: Header,\n        element: $menu,\n        identifier: `Navigation (\\`<ul id=\"${menuId}\">\\`)`\n      })\n    }\n\n    this.$menu = $menu\n    this.$menuButton = $menuButton\n\n    this.setupResponsiveChecks()\n\n    this.$menuButton.addEventListener('click', () =>\n      this.handleMenuButtonClick()\n    )\n  }\n\n  /**\n   * Setup viewport resize check\n   *\n   * @private\n   */\n  setupResponsiveChecks() {\n    const breakpoint = getBreakpoint('desktop')\n\n    if (!breakpoint.value) {\n      throw new ElementError({\n        component: Header,\n        identifier: `CSS custom property (\\`${breakpoint.property}\\`) on pseudo-class \\`:root\\``\n      })\n    }\n\n    // Media query list for GOV.UK Frontend desktop breakpoint\n    this.mql = window.matchMedia(`(min-width: ${breakpoint.value})`)\n\n    // MediaQueryList.addEventListener isn't supported by Safari < 14 so we need\n    // to be able to fall back to the deprecated MediaQueryList.addListener\n    if ('addEventListener' in this.mql) {\n      this.mql.addEventListener('change', () => this.checkMode())\n    } else {\n      // @ts-expect-error Property 'addListener' does not exist\n      // eslint-disable-next-line @typescript-eslint/no-unsafe-call\n      this.mql.addListener(() => this.checkMode())\n    }\n\n    this.checkMode()\n  }\n\n  /**\n   * Sync menu state\n   *\n   * Uses the global variable menuIsOpen to correctly set the accessible and\n   * visual states of the menu and the menu button.\n   * Additionally will force the menu to be visible and the menu button to be\n   * hidden if the matchMedia is triggered to desktop.\n   *\n   * @private\n   */\n  checkMode() {\n    if (!this.mql || !this.$menu || !this.$menuButton) {\n      return\n    }\n\n    if (this.mql.matches) {\n      this.$menu.removeAttribute('hidden')\n      this.$menuButton.setAttribute('hidden', '')\n    } else {\n      this.$menuButton.removeAttribute('hidden')\n      this.$menuButton.setAttribute('aria-expanded', this.menuIsOpen.toString())\n\n      if (this.menuIsOpen) {\n        this.$menu.removeAttribute('hidden')\n      } else {\n        this.$menu.setAttribute('hidden', '')\n      }\n    }\n  }\n\n  /**\n   * Handle menu button click\n   *\n   * When the menu button is clicked, change the visibility of the menu and then\n   * sync the accessibility state and menu button state\n   *\n   * @private\n   */\n  handleMenuButtonClick() {\n    this.menuIsOpen = !this.menuIsOpen\n    this.checkMode()\n  }\n\n  /**\n   * Name for the component used when initialising using data-module attributes.\n   */\n  static moduleName = 'govuk-header'\n}\n","import { ConfigurableComponent } from '../../common/configuration.mjs'\nimport { setFocus } from '../../common/index.mjs'\n\n/**\n * Notification Banner component\n *\n * @preserve\n * @augments ConfigurableComponent<NotificationBannerConfig>\n */\nexport class NotificationBanner extends ConfigurableComponent {\n  /**\n   * @param {Element | null} $root - HTML element to use for notification banner\n   * @param {NotificationBannerConfig} [config] - Notification banner config\n   */\n  constructor($root, config = {}) {\n    super($root, config)\n\n    /**\n     * Focus the notification banner\n     *\n     * If `role=\"alert\"` is set, focus the element to help some assistive\n     * technologies prioritise announcing it.\n     *\n     * You can turn off the auto-focus functionality by setting\n     * `data-disable-auto-focus=\"true\"` in the component HTML. You might wish to\n     * do this based on user research findings, or to avoid a clash with another\n     * element which should be focused when the page loads.\n     */\n    if (\n      this.$root.getAttribute('role') === 'alert' &&\n      !this.config.disableAutoFocus\n    ) {\n      setFocus(this.$root)\n    }\n  }\n\n  /**\n   * Name for the component used when initialising using data-module attributes.\n   */\n  static moduleName = 'govuk-notification-banner'\n\n  /**\n   * Notification banner default config\n   *\n   * @see {@link NotificationBannerConfig}\n   * @constant\n   * @type {NotificationBannerConfig}\n   */\n  static defaults = Object.freeze({\n    disableAutoFocus: false\n  })\n\n  /**\n   * Notification banner config schema\n   *\n   * @constant\n   * @satisfies {Schema<NotificationBannerConfig>}\n   */\n  static schema = Object.freeze({\n    properties: {\n      disableAutoFocus: { type: 'boolean' }\n    }\n  })\n}\n\n/**\n * Notification banner config\n *\n * @typedef {object} NotificationBannerConfig\n * @property {boolean} [disableAutoFocus=false] - If set to `true` the\n *   notification banner will not be focussed when the page loads. This only\n *   applies if the component has a `role` of `alert` – in other cases the\n *   component will not be focused on page load, regardless of this option.\n */\n\n/**\n * @import { Schema } from '../../common/configuration.mjs'\n */\n","import { closestAttributeValue } from '../../common/closest-attribute-value.mjs'\nimport { ConfigurableComponent } from '../../common/configuration.mjs'\nimport { ElementError } from '../../errors/index.mjs'\nimport { I18n } from '../../i18n.mjs'\n\n/**\n * Password input component\n *\n * @preserve\n * @augments ConfigurableComponent<PasswordInputConfig>\n */\nexport class PasswordInput extends ConfigurableComponent {\n  /** @private */\n  i18n\n\n  /**\n   * @private\n   * @type {HTMLInputElement}\n   */\n  $input\n\n  /**\n   * @private\n   * @type {HTMLButtonElement}\n   */\n  $showHideButton\n\n  /** @private */\n  $screenReaderStatusMessage\n\n  /**\n   * @param {Element | null} $root - HTML element to use for password input\n   * @param {PasswordInputConfig} [config] - Password input config\n   */\n  constructor($root, config = {}) {\n    super($root, config)\n\n    const $input = this.$root.querySelector('.govuk-js-password-input-input')\n    if (!($input instanceof HTMLInputElement)) {\n      throw new ElementError({\n        component: PasswordInput,\n        element: $input,\n        expectedType: 'HTMLInputElement',\n        identifier: 'Form field (`.govuk-js-password-input-input`)'\n      })\n    }\n\n    if ($input.type !== 'password') {\n      throw new ElementError(\n        'Password input: Form field (`.govuk-js-password-input-input`) must be of type `password`.'\n      )\n    }\n\n    const $showHideButton = this.$root.querySelector(\n      '.govuk-js-password-input-toggle'\n    )\n    if (!($showHideButton instanceof HTMLButtonElement)) {\n      throw new ElementError({\n        component: PasswordInput,\n        element: $showHideButton,\n        expectedType: 'HTMLButtonElement',\n        identifier: 'Button (`.govuk-js-password-input-toggle`)'\n      })\n    }\n\n    if ($showHideButton.type !== 'button') {\n      throw new ElementError(\n        'Password input: Button (`.govuk-js-password-input-toggle`) must be of type `button`.'\n      )\n    }\n\n    this.$input = $input\n    this.$showHideButton = $showHideButton\n\n    this.i18n = new I18n(this.config.i18n, {\n      // Read the fallback if necessary rather than have it set in the defaults\n      locale: closestAttributeValue(this.$root, 'lang')\n    })\n\n    // Show the toggle button element\n    this.$showHideButton.removeAttribute('hidden')\n\n    // Create and append the status text for screen readers.\n    // This is injected between the input and button so that users get a sensible reading order if\n    // moving through the page content linearly:\n    // [password input] -> [your password is visible/hidden] -> [show/hide password]\n    const $screenReaderStatusMessage = document.createElement('div')\n    $screenReaderStatusMessage.className =\n      'govuk-password-input__sr-status govuk-visually-hidden'\n    $screenReaderStatusMessage.setAttribute('aria-live', 'polite')\n    this.$screenReaderStatusMessage = $screenReaderStatusMessage\n    this.$input.insertAdjacentElement('afterend', $screenReaderStatusMessage)\n\n    // Bind toggle button\n    this.$showHideButton.addEventListener('click', this.toggle.bind(this))\n\n    // Bind event to revert the password visibility to hidden\n    if (this.$input.form) {\n      this.$input.form.addEventListener('submit', () => this.hide())\n    }\n\n    // If the page is restored from bfcache and the password is visible, hide it again\n    window.addEventListener('pageshow', (event) => {\n      if (event.persisted && this.$input.type !== 'password') {\n        this.hide()\n      }\n    })\n\n    // Default the component to having the password hidden.\n    this.hide()\n  }\n\n  /**\n   * Toggle the visibility of the password input\n   *\n   * @private\n   * @param {MouseEvent} event - Click event\n   */\n  toggle(event) {\n    event.preventDefault()\n\n    // If on this click, the field is type=\"password\", show the value\n    if (this.$input.type === 'password') {\n      this.show()\n      return\n    }\n\n    // Otherwise, hide it\n    // Being defensive - hiding should always be the default\n    this.hide()\n  }\n\n  /**\n   * Show the password input value in plain text.\n   *\n   * @private\n   */\n  show() {\n    this.setType('text')\n  }\n\n  /**\n   * Hide the password input value.\n   *\n   * @private\n   */\n  hide() {\n    this.setType('password')\n  }\n\n  /**\n   * Set the password input type\n   *\n   * @param {'text' | 'password'} type - Input type\n   * @private\n   */\n  setType(type) {\n    if (type === this.$input.type) {\n      return\n    }\n\n    // Update input type\n    this.$input.setAttribute('type', type)\n\n    const isHidden = type === 'password'\n    const prefixButton = isHidden ? 'show' : 'hide'\n    const prefixStatus = isHidden ? 'passwordHidden' : 'passwordShown'\n\n    // Update button text\n    this.$showHideButton.innerText = this.i18n.t(`${prefixButton}Password`)\n\n    // Update button aria-label\n    this.$showHideButton.setAttribute(\n      'aria-label',\n      this.i18n.t(`${prefixButton}PasswordAriaLabel`)\n    )\n\n    // Update status change text\n    this.$screenReaderStatusMessage.innerText = this.i18n.t(\n      `${prefixStatus}Announcement`\n    )\n  }\n\n  /**\n   * Name for the component used when initialising using data-module attributes.\n   */\n  static moduleName = 'govuk-password-input'\n\n  /**\n   * Password input default config\n   *\n   * @see {@link PasswordInputConfig}\n   * @constant\n   * @default\n   * @type {PasswordInputConfig}\n   */\n  static defaults = Object.freeze({\n    i18n: {\n      showPassword: 'Show',\n      hidePassword: 'Hide',\n      showPasswordAriaLabel: 'Show password',\n      hidePasswordAriaLabel: 'Hide password',\n      passwordShownAnnouncement: 'Your password is visible',\n      passwordHiddenAnnouncement: 'Your password is hidden'\n    }\n  })\n\n  /**\n   * Password input config schema\n   *\n   * @constant\n   * @satisfies {Schema<PasswordInputConfig>}\n   */\n  static schema = Object.freeze({\n    properties: {\n      i18n: { type: 'object' }\n    }\n  })\n}\n\n/**\n * Password input config\n *\n * @typedef {object} PasswordInputConfig\n * @property {PasswordInputTranslations} [i18n=PasswordInput.defaults.i18n] - Password input translations\n */\n\n/**\n * Password input translations\n *\n * @see {@link PasswordInput.defaults.i18n}\n * @typedef {object} PasswordInputTranslations\n *\n * Messages displayed to the user indicating the state of the show/hide toggle.\n * @property {string} [showPassword] - Visible text of the button when the\n *   password is currently hidden. Plain text only.\n * @property {string} [hidePassword] - Visible text of the button when the\n *   password is currently visible. Plain text only.\n * @property {string} [showPasswordAriaLabel] - aria-label of the button when\n *   the password is currently hidden. Plain text only.\n * @property {string} [hidePasswordAriaLabel] - aria-label of the button when\n *   the password is currently visible. Plain text only.\n * @property {string} [passwordShownAnnouncement] - Screen reader\n *   announcement to make when the password has just become visible.\n *   Plain text only.\n * @property {string} [passwordHiddenAnnouncement] - Screen reader\n *   announcement to make when the password has just been hidden.\n *   Plain text only.\n */\n\n/**\n * @import { Schema } from '../../common/configuration.mjs'\n */\n","import { Component } from '../../component.mjs'\nimport { ElementError } from '../../errors/index.mjs'\n\n/**\n * Radios component\n *\n * @preserve\n */\nexport class Radios extends Component {\n  /** @private */\n  $inputs\n\n  /**\n   * Radios can be associated with a 'conditionally revealed' content block –\n   * for example, a radio for 'Phone' could reveal an additional form field for\n   * the user to enter their phone number.\n   *\n   * These associations are made using a `data-aria-controls` attribute, which\n   * is promoted to an aria-controls attribute during initialisation.\n   *\n   * We also need to restore the state of any conditional reveals on the page\n   * (for example if the user has navigated back), and set up event handlers to\n   * keep the reveal in sync with the radio state.\n   *\n   * @param {Element | null} $root - HTML element to use for radios\n   */\n  constructor($root) {\n    super($root)\n\n    const $inputs = this.$root.querySelectorAll('input[type=\"radio\"]')\n    if (!$inputs.length) {\n      throw new ElementError({\n        component: Radios,\n        identifier: 'Form inputs (`<input type=\"radio\">`)'\n      })\n    }\n\n    this.$inputs = $inputs\n\n    this.$inputs.forEach(($input) => {\n      const targetId = $input.getAttribute('data-aria-controls')\n\n      // Skip radios without data-aria-controls attributes\n      if (!targetId) {\n        return\n      }\n\n      // Throw if target conditional element does not exist.\n      if (!document.getElementById(targetId)) {\n        throw new ElementError({\n          component: Radios,\n          identifier: `Conditional reveal (\\`id=\"${targetId}\"\\`)`\n        })\n      }\n\n      // Promote the data-aria-controls attribute to a aria-controls attribute\n      // so that the relationship is exposed in the AOM\n      $input.setAttribute('aria-controls', targetId)\n      $input.removeAttribute('data-aria-controls')\n    })\n\n    // When the page is restored after navigating 'back' in some browsers the\n    // state of form controls is not restored until *after* the DOMContentLoaded\n    // event is fired, so we need to sync after the pageshow event.\n    window.addEventListener('pageshow', () => this.syncAllConditionalReveals())\n\n    // Although we've set up handlers to sync state on the pageshow event, init\n    // could be called after those events have fired, for example if they are\n    // added to the page dynamically, so sync now too.\n    this.syncAllConditionalReveals()\n\n    // Handle events\n    this.$root.addEventListener('click', (event) => this.handleClick(event))\n  }\n\n  /**\n   * Sync the conditional reveal states for all radio buttons in this component.\n   *\n   * @private\n   */\n  syncAllConditionalReveals() {\n    this.$inputs.forEach(($input) =>\n      this.syncConditionalRevealWithInputState($input)\n    )\n  }\n\n  /**\n   * Sync conditional reveal with the input state\n   *\n   * Synchronise the visibility of the conditional reveal, and its accessible\n   * state, with the input's checked state.\n   *\n   * @private\n   * @param {HTMLInputElement} $input - Radio input\n   */\n  syncConditionalRevealWithInputState($input) {\n    const targetId = $input.getAttribute('aria-controls')\n    if (!targetId) {\n      return\n    }\n\n    const $target = document.getElementById(targetId)\n    if ($target?.classList.contains('govuk-radios__conditional')) {\n      const inputIsChecked = $input.checked\n\n      $input.setAttribute('aria-expanded', inputIsChecked.toString())\n      $target.classList.toggle(\n        'govuk-radios__conditional--hidden',\n        !inputIsChecked\n      )\n    }\n  }\n\n  /**\n   * Click event handler\n   *\n   * Handle a click within the component root – if the click occurred on a radio, sync\n   * the state of the conditional reveal for all radio buttons in the same form\n   * with the same name (because checking one radio could have un-checked a\n   * radio under the root of another Radio component)\n   *\n   * @private\n   * @param {MouseEvent} event - Click event\n   */\n  handleClick(event) {\n    const $clickedInput = event.target\n\n    // Ignore clicks on things that aren't radio buttons\n    if (\n      !($clickedInput instanceof HTMLInputElement) ||\n      $clickedInput.type !== 'radio'\n    ) {\n      return\n    }\n\n    // We only need to consider radios with conditional reveals, which will have\n    // aria-controls attributes.\n    const $allInputs = document.querySelectorAll(\n      'input[type=\"radio\"][aria-controls]'\n    )\n\n    const $clickedInputForm = $clickedInput.form\n    const $clickedInputName = $clickedInput.name\n\n    $allInputs.forEach(($input) => {\n      const hasSameFormOwner = $input.form === $clickedInputForm\n      const hasSameName = $input.name === $clickedInputName\n\n      if (hasSameName && hasSameFormOwner) {\n        this.syncConditionalRevealWithInputState($input)\n      }\n    })\n  }\n\n  /**\n   * Name for the component used when initialising using data-module attributes.\n   */\n  static moduleName = 'govuk-radios'\n}\n","import { getBreakpoint } from '../../common/index.mjs'\nimport { Component } from '../../component.mjs'\nimport { ElementError } from '../../errors/index.mjs'\n\n/**\n * Service Navigation component\n *\n * @preserve\n */\nexport class ServiceNavigation extends Component {\n  /** @private */\n  $menuButton\n\n  /** @private */\n  $menu\n\n  /**\n   * Remember the open/closed state of the nav so we can maintain it when the\n   * screen is resized.\n   *\n   * @private\n   */\n  menuIsOpen = false\n\n  /**\n   * A global const for storing a matchMedia instance which we'll use to detect\n   * when a screen size change happens. We rely on it being null if the feature\n   * isn't available to initially apply hidden attributes\n   *\n   * @private\n   * @type {MediaQueryList | null}\n   */\n  mql = null\n\n  /**\n   * @param {Element | null} $root - HTML element to use for header\n   */\n  constructor($root) {\n    super($root)\n\n    const $menuButton = this.$root.querySelector(\n      '.govuk-js-service-navigation-toggle'\n    )\n\n    // Headers don't necessarily have a navigation. When they don't, the menu\n    // toggle won't be rendered by our macro (or may be omitted when writing\n    // plain HTML)\n    if (!$menuButton) {\n      return this\n    }\n\n    const menuId = $menuButton.getAttribute('aria-controls')\n    if (!menuId) {\n      throw new ElementError({\n        component: ServiceNavigation,\n        identifier:\n          'Navigation button (`<button class=\"govuk-js-service-navigation-toggle\">`) attribute (`aria-controls`)'\n      })\n    }\n\n    const $menu = document.getElementById(menuId)\n    if (!$menu) {\n      throw new ElementError({\n        component: ServiceNavigation,\n        element: $menu,\n        identifier: `Navigation (\\`<ul id=\"${menuId}\">\\`)`\n      })\n    }\n\n    this.$menu = $menu\n    this.$menuButton = $menuButton\n\n    this.setupResponsiveChecks()\n\n    this.$menuButton.addEventListener('click', () =>\n      this.handleMenuButtonClick()\n    )\n  }\n\n  /**\n   * Setup viewport resize check\n   *\n   * @private\n   */\n  setupResponsiveChecks() {\n    const breakpoint = getBreakpoint('tablet')\n\n    if (!breakpoint.value) {\n      throw new ElementError({\n        component: ServiceNavigation,\n        identifier: `CSS custom property (\\`${breakpoint.property}\\`) on pseudo-class \\`:root\\``\n      })\n    }\n\n    // Media query list for GOV.UK Frontend desktop breakpoint\n    this.mql = window.matchMedia(`(min-width: ${breakpoint.value})`)\n\n    // MediaQueryList.addEventListener isn't supported by Safari < 14 so we need\n    // to be able to fall back to the deprecated MediaQueryList.addListener\n    if ('addEventListener' in this.mql) {\n      this.mql.addEventListener('change', () => this.checkMode())\n    } else {\n      // @ts-expect-error Property 'addListener' does not exist\n      // eslint-disable-next-line @typescript-eslint/no-unsafe-call\n      this.mql.addListener(() => this.checkMode())\n    }\n\n    this.checkMode()\n  }\n\n  /**\n   * Sync menu state\n   *\n   * Uses the global variable menuIsOpen to correctly set the accessible and\n   * visual states of the menu and the menu button.\n   * Additionally will force the menu to be visible and the menu button to be\n   * hidden if the matchMedia is triggered to desktop.\n   *\n   * @private\n   */\n  checkMode() {\n    if (!this.mql || !this.$menu || !this.$menuButton) {\n      return\n    }\n\n    if (this.mql.matches) {\n      this.$menu.removeAttribute('hidden')\n      this.$menuButton.setAttribute('hidden', '')\n    } else {\n      this.$menuButton.removeAttribute('hidden')\n      this.$menuButton.setAttribute('aria-expanded', this.menuIsOpen.toString())\n\n      if (this.menuIsOpen) {\n        this.$menu.removeAttribute('hidden')\n      } else {\n        this.$menu.setAttribute('hidden', '')\n      }\n    }\n  }\n\n  /**\n   * Handle menu button click\n   *\n   * When the menu button is clicked, change the visibility of the menu and then\n   * sync the accessibility state and menu button state\n   *\n   * @private\n   */\n  handleMenuButtonClick() {\n    this.menuIsOpen = !this.menuIsOpen\n    this.checkMode()\n  }\n\n  /**\n   * Name for the component used when initialising using data-module attributes.\n   */\n  static moduleName = 'govuk-service-navigation'\n}\n","import { setFocus } from '../../common/index.mjs'\nimport { Component } from '../../component.mjs'\nimport { ElementError } from '../../errors/index.mjs'\n\n/**\n * Skip link component\n *\n * @preserve\n * @augments Component<HTMLAnchorElement>\n */\nexport class SkipLink extends Component {\n  static elementType = HTMLAnchorElement\n\n  /**\n   * @param {Element | null} $root - HTML element to use for skip link\n   * @throws {ElementError} when $root is not set or the wrong type\n   * @throws {ElementError} when $root.hash does not contain a hash\n   * @throws {ElementError} when the linked element is missing or the wrong type\n   */\n  constructor($root) {\n    super($root)\n\n    const hash = this.$root.hash\n    const href = this.$root.getAttribute('href') ?? ''\n\n    // Return early for external URLs or links to other pages\n    if (\n      this.$root.origin !== window.location.origin ||\n      this.$root.pathname !== window.location.pathname\n    ) {\n      return\n    }\n\n    const linkedElementId = hash.replace('#', '')\n\n    // Check link path matching current page\n    if (!linkedElementId) {\n      throw new ElementError(\n        `Skip link: Target link (\\`href=\"${href}\"\\`) has no hash fragment`\n      )\n    }\n\n    const $linkedElement = document.getElementById(linkedElementId)\n\n    // Check for link target element\n    if (!$linkedElement) {\n      throw new ElementError({\n        component: SkipLink,\n        element: $linkedElement,\n        identifier: `Target content (\\`id=\"${linkedElementId}\"\\`)`\n      })\n    }\n\n    /**\n     * Focus the linked element on click\n     *\n     * Adds a helper CSS class to hide native focus styles,\n     * but removes it on blur to restore native focus styles\n     */\n    this.$root.addEventListener('click', () =>\n      setFocus($linkedElement, {\n        onBeforeFocus() {\n          $linkedElement.classList.add('govuk-skip-link-focused-element')\n        },\n        onBlur() {\n          $linkedElement.classList.remove('govuk-skip-link-focused-element')\n        }\n      })\n    )\n  }\n\n  /**\n   * Name for the component used when initialising using data-module attributes.\n   */\n  static moduleName = 'govuk-skip-link'\n}\n","import { getBreakpoint } from '../../common/index.mjs'\nimport { Component } from '../../component.mjs'\nimport { ElementError } from '../../errors/index.mjs'\n\n/**\n * Tabs component\n *\n * @preserve\n */\nexport class Tabs extends Component {\n  /** @private */\n  $tabs\n\n  /** @private */\n  $tabList\n\n  /** @private */\n  $tabListItems\n\n  /** @private */\n  jsHiddenClass = 'govuk-tabs__panel--hidden'\n\n  /** @private */\n  changingHash = false\n\n  /** @private */\n  boundTabClick\n\n  /** @private */\n  boundTabKeydown\n\n  /** @private */\n  boundOnHashChange\n\n  /**\n   * @private\n   * @type {MediaQueryList | null}\n   */\n  mql = null\n\n  /**\n   * @param {Element | null} $root - HTML element to use for tabs\n   */\n  constructor($root) {\n    super($root)\n\n    const $tabs = this.$root.querySelectorAll('a.govuk-tabs__tab')\n    if (!$tabs.length) {\n      throw new ElementError({\n        component: Tabs,\n        identifier: 'Links (`<a class=\"govuk-tabs__tab\">`)'\n      })\n    }\n\n    this.$tabs = $tabs\n\n    // Save bound functions so we can remove event listeners during teardown\n    this.boundTabClick = this.onTabClick.bind(this)\n    this.boundTabKeydown = this.onTabKeydown.bind(this)\n    this.boundOnHashChange = this.onHashChange.bind(this)\n\n    const $tabList = this.$root.querySelector('.govuk-tabs__list')\n    const $tabListItems = this.$root.querySelectorAll(\n      'li.govuk-tabs__list-item'\n    )\n\n    if (!$tabList) {\n      throw new ElementError({\n        component: Tabs,\n        identifier: 'List (`<ul class=\"govuk-tabs__list\">`)'\n      })\n    }\n\n    if (!$tabListItems.length) {\n      throw new ElementError({\n        component: Tabs,\n        identifier: 'List items (`<li class=\"govuk-tabs__list-item\">`)'\n      })\n    }\n\n    this.$tabList = $tabList\n    this.$tabListItems = $tabListItems\n\n    this.setupResponsiveChecks()\n  }\n\n  /**\n   * Setup viewport resize check\n   *\n   * @private\n   */\n  setupResponsiveChecks() {\n    const breakpoint = getBreakpoint('tablet')\n\n    if (!breakpoint.value) {\n      throw new ElementError({\n        component: Tabs,\n        identifier: `CSS custom property (\\`${breakpoint.property}\\`) on pseudo-class \\`:root\\``\n      })\n    }\n\n    // Media query list for GOV.UK Frontend tablet breakpoint\n    this.mql = window.matchMedia(`(min-width: ${breakpoint.value})`)\n\n    // MediaQueryList.addEventListener isn't supported by Safari < 14 so we need\n    // to be able to fall back to the deprecated MediaQueryList.addListener\n    if ('addEventListener' in this.mql) {\n      this.mql.addEventListener('change', () => this.checkMode())\n    } else {\n      // @ts-expect-error Property 'addListener' does not exist\n      // eslint-disable-next-line @typescript-eslint/no-unsafe-call\n      this.mql.addListener(() => this.checkMode())\n    }\n\n    this.checkMode()\n  }\n\n  /**\n   * Setup or teardown handler for viewport resize check\n   *\n   * @private\n   */\n  checkMode() {\n    if (this.mql?.matches) {\n      this.setup()\n    } else {\n      this.teardown()\n    }\n  }\n\n  /**\n   * Setup tab component\n   *\n   * @private\n   */\n  setup() {\n    this.$tabList.setAttribute('role', 'tablist')\n\n    this.$tabListItems.forEach(($item) => {\n      $item.setAttribute('role', 'presentation')\n    })\n\n    this.$tabs.forEach(($tab) => {\n      // Set HTML attributes\n      this.setAttributes($tab)\n\n      // Handle events\n      $tab.addEventListener('click', this.boundTabClick, true)\n      $tab.addEventListener('keydown', this.boundTabKeydown, true)\n\n      // Remove old active panels\n      this.hideTab($tab)\n    })\n\n    // Show either the active tab according to the URL's hash or the first tab\n    const $activeTab = this.getTab(window.location.hash) ?? this.$tabs[0]\n\n    this.showTab($activeTab)\n\n    // Handle hashchange events\n    window.addEventListener('hashchange', this.boundOnHashChange, true)\n  }\n\n  /**\n   * Teardown tab component\n   *\n   * @private\n   */\n  teardown() {\n    this.$tabList.removeAttribute('role')\n\n    this.$tabListItems.forEach(($item) => {\n      $item.removeAttribute('role')\n    })\n\n    this.$tabs.forEach(($tab) => {\n      // Remove events\n      $tab.removeEventListener('click', this.boundTabClick, true)\n      $tab.removeEventListener('keydown', this.boundTabKeydown, true)\n\n      // Unset HTML attributes\n      this.unsetAttributes($tab)\n    })\n\n    // Remove hashchange event handler\n    window.removeEventListener('hashchange', this.boundOnHashChange, true)\n  }\n\n  /**\n   * Handle hashchange event\n   *\n   * @private\n   * @returns {void | undefined} Returns void, or undefined when prevented\n   */\n  onHashChange() {\n    const hash = window.location.hash\n    const $tabWithHash = this.getTab(hash)\n    if (!$tabWithHash) {\n      return\n    }\n\n    // Prevent changing the hash\n    if (this.changingHash) {\n      this.changingHash = false\n      return\n    }\n\n    // Show either the active tab according to the URL's hash or the first tab\n    const $previousTab = this.getCurrentTab()\n    if (!$previousTab) {\n      return\n    }\n\n    this.hideTab($previousTab)\n    this.showTab($tabWithHash)\n    $tabWithHash.focus()\n  }\n\n  /**\n   * Hide panel for tab link\n   *\n   * @private\n   * @param {HTMLAnchorElement} $tab - Tab link\n   */\n  hideTab($tab) {\n    this.unhighlightTab($tab)\n    this.hidePanel($tab)\n  }\n\n  /**\n   * Show panel for tab link\n   *\n   * @private\n   * @param {HTMLAnchorElement} $tab - Tab link\n   */\n  showTab($tab) {\n    this.highlightTab($tab)\n    this.showPanel($tab)\n  }\n\n  /**\n   * Get tab link by hash\n   *\n   * @private\n   * @param {string} hash - Hash fragment including #\n   * @returns {HTMLAnchorElement | null} Tab link\n   */\n  getTab(hash) {\n    return this.$root.querySelector(`a.govuk-tabs__tab[href=\"${hash}\"]`)\n  }\n\n  /**\n   * Set tab link and panel attributes\n   *\n   * @private\n   * @param {HTMLAnchorElement} $tab - Tab link\n   */\n  setAttributes($tab) {\n    const panelId = $tab.hash.replace('#', '')\n    if (!panelId) {\n      return\n    }\n\n    // Set tab attributes\n    $tab.setAttribute('id', `tab_${panelId}`)\n    $tab.setAttribute('role', 'tab')\n    $tab.setAttribute('aria-controls', panelId)\n    $tab.setAttribute('aria-selected', 'false')\n    $tab.setAttribute('tabindex', '-1')\n\n    // Set panel attributes\n    const $panel = this.getPanel($tab)\n    if (!$panel) {\n      return\n    }\n\n    $panel.setAttribute('role', 'tabpanel')\n    $panel.setAttribute('aria-labelledby', $tab.id)\n    $panel.classList.add(this.jsHiddenClass)\n  }\n\n  /**\n   * Unset tab link and panel attributes\n   *\n   * @private\n   * @param {HTMLAnchorElement} $tab - Tab link\n   */\n  unsetAttributes($tab) {\n    // unset tab attributes\n    $tab.removeAttribute('id')\n    $tab.removeAttribute('role')\n    $tab.removeAttribute('aria-controls')\n    $tab.removeAttribute('aria-selected')\n    $tab.removeAttribute('tabindex')\n\n    // unset panel attributes\n    const $panel = this.getPanel($tab)\n    if (!$panel) {\n      return\n    }\n\n    $panel.removeAttribute('role')\n    $panel.removeAttribute('aria-labelledby')\n    $panel.classList.remove(this.jsHiddenClass)\n  }\n\n  /**\n   * Handle tab link clicks\n   *\n   * @private\n   * @param {MouseEvent} event - Mouse click event\n   * @returns {void} Returns void\n   */\n  onTabClick(event) {\n    const $currentTab = this.getCurrentTab()\n    const $nextTab = event.currentTarget\n\n    if (!$currentTab || !($nextTab instanceof HTMLAnchorElement)) {\n      return\n    }\n\n    event.preventDefault()\n\n    this.hideTab($currentTab)\n    this.showTab($nextTab)\n    this.createHistoryEntry($nextTab)\n  }\n\n  /**\n   * Update browser URL hash fragment for tab\n   *\n   * - Allows back/forward to navigate tabs\n   * - Avoids page jump when hash changes\n   *\n   * @private\n   * @param {HTMLAnchorElement} $tab - Tab link\n   */\n  createHistoryEntry($tab) {\n    const $panel = this.getPanel($tab)\n    if (!$panel) {\n      return\n    }\n\n    // Save and restore the id so the page doesn't jump when a user clicks a tab\n    // (which changes the hash)\n    const panelId = $panel.id\n    $panel.id = ''\n    this.changingHash = true\n    window.location.hash = panelId\n    $panel.id = panelId\n  }\n\n  /**\n   * Handle tab keydown event\n   *\n   * - Press right arrow for next tab\n   * - Press left arrow for previous tab\n   *\n   * @private\n   * @param {KeyboardEvent} event - Keydown event\n   */\n  onTabKeydown(event) {\n    switch (event.key) {\n      // 'Left' and 'Right' required for Edge 16 support.\n      case 'ArrowLeft':\n      case 'Left':\n        this.activatePreviousTab()\n        event.preventDefault()\n        break\n      case 'ArrowRight':\n      case 'Right':\n        this.activateNextTab()\n        event.preventDefault()\n        break\n    }\n  }\n\n  /**\n   * Activate next tab\n   *\n   * @private\n   */\n  activateNextTab() {\n    const $currentTab = this.getCurrentTab()\n    if (!$currentTab?.parentElement) {\n      return\n    }\n\n    const $nextTabListItem = $currentTab.parentElement.nextElementSibling\n    if (!$nextTabListItem) {\n      return\n    }\n\n    const $nextTab = $nextTabListItem.querySelector('a.govuk-tabs__tab')\n    if (!$nextTab) {\n      return\n    }\n\n    this.hideTab($currentTab)\n    this.showTab($nextTab)\n    $nextTab.focus()\n    this.createHistoryEntry($nextTab)\n  }\n\n  /**\n   * Activate previous tab\n   *\n   * @private\n   */\n  activatePreviousTab() {\n    const $currentTab = this.getCurrentTab()\n    if (!$currentTab?.parentElement) {\n      return\n    }\n\n    const $previousTabListItem =\n      $currentTab.parentElement.previousElementSibling\n    if (!$previousTabListItem) {\n      return\n    }\n\n    const $previousTab = $previousTabListItem.querySelector('a.govuk-tabs__tab')\n    if (!$previousTab) {\n      return\n    }\n\n    this.hideTab($currentTab)\n    this.showTab($previousTab)\n    $previousTab.focus()\n    this.createHistoryEntry($previousTab)\n  }\n\n  /**\n   * Get tab panel for tab link\n   *\n   * @private\n   * @param {HTMLAnchorElement} $tab - Tab link\n   * @returns {Element | null} Tab panel\n   */\n  getPanel($tab) {\n    const panelId = $tab.hash.replace('#', '')\n    if (!panelId) {\n      return null\n    }\n\n    return this.$root.querySelector(`#${panelId}`)\n  }\n\n  /**\n   * Show tab panel for tab link\n   *\n   * @private\n   * @param {HTMLAnchorElement} $tab - Tab link\n   */\n  showPanel($tab) {\n    const $panel = this.getPanel($tab)\n    if (!$panel) {\n      return\n    }\n\n    $panel.classList.remove(this.jsHiddenClass)\n  }\n\n  /**\n   * Hide tab panel for tab link\n   *\n   * @private\n   * @param {HTMLAnchorElement} $tab - Tab link\n   */\n  hidePanel($tab) {\n    const $panel = this.getPanel($tab)\n    if (!$panel) {\n      return\n    }\n\n    $panel.classList.add(this.jsHiddenClass)\n  }\n\n  /**\n   * Unset 'selected' state for tab link\n   *\n   * @private\n   * @param {HTMLAnchorElement} $tab - Tab link\n   */\n  unhighlightTab($tab) {\n    if (!$tab.parentElement) {\n      return\n    }\n\n    $tab.setAttribute('aria-selected', 'false')\n    $tab.parentElement.classList.remove('govuk-tabs__list-item--selected')\n    $tab.setAttribute('tabindex', '-1')\n  }\n\n  /**\n   * Set 'selected' state for tab link\n   *\n   * @private\n   * @param {HTMLAnchorElement} $tab - Tab link\n   */\n  highlightTab($tab) {\n    if (!$tab.parentElement) {\n      return\n    }\n\n    $tab.setAttribute('aria-selected', 'true')\n    $tab.parentElement.classList.add('govuk-tabs__list-item--selected')\n    $tab.setAttribute('tabindex', '0')\n  }\n\n  /**\n   * Get current tab link\n   *\n   * @private\n   * @returns {HTMLAnchorElement | null} Tab link\n   */\n  getCurrentTab() {\n    return this.$root.querySelector(\n      '.govuk-tabs__list-item--selected a.govuk-tabs__tab'\n    )\n  }\n\n  /**\n   * Name for the component used when initialising using data-module attributes.\n   */\n  static moduleName = 'govuk-tabs'\n}\n","import { normaliseOptions } from './common/configuration.mjs'\nimport { isObject, isSupported } from './common/index.mjs'\nimport { Accordion } from './components/accordion/accordion.mjs'\nimport { Button } from './components/button/button.mjs'\nimport { CharacterCount } from './components/character-count/character-count.mjs'\nimport { Checkboxes } from './components/checkboxes/checkboxes.mjs'\nimport { ErrorSummary } from './components/error-summary/error-summary.mjs'\nimport { ExitThisPage } from './components/exit-this-page/exit-this-page.mjs'\nimport { FileUpload } from './components/file-upload/file-upload.mjs'\nimport { Header } from './components/header/header.mjs'\nimport { NotificationBanner } from './components/notification-banner/notification-banner.mjs'\nimport { PasswordInput } from './components/password-input/password-input.mjs'\nimport { Radios } from './components/radios/radios.mjs'\nimport { ServiceNavigation } from './components/service-navigation/service-navigation.mjs'\nimport { SkipLink } from './components/skip-link/skip-link.mjs'\nimport { Tabs } from './components/tabs/tabs.mjs'\nimport { ElementError, SupportError } from './errors/index.mjs'\n\n/**\n * Initialise all components\n *\n * Use the `data-module` attributes to find, instantiate and init all of the\n * components provided as part of GOV.UK Frontend.\n *\n * @param {Config | Element | Document | null} [scopeOrConfig] - Scope of the document to search within or config for all components (with optional scope)\n */\nfunction initAll(scopeOrConfig = {}) {\n  const config = isObject(scopeOrConfig) ? scopeOrConfig : {}\n\n  // Extract initialisation options\n  const options = normaliseOptions(scopeOrConfig)\n\n  try {\n    // Skip initialisation when GOV.UK Frontend is not supported\n    if (!isSupported()) {\n      throw new SupportError()\n    }\n\n    // Users can initialise GOV.UK Frontend in certain sections of the page\n    // unless the scope is null (for example, query selector not found)\n    if (options.scope === null) {\n      throw new ElementError({\n        element: options.scope,\n        identifier: 'GOV.UK Frontend scope element (`$scope`)'\n      })\n    }\n  } catch (error) {\n    if (options.onError) {\n      options.onError(error, {\n        config\n      })\n    } else {\n      console.log(error)\n    }\n\n    return\n  }\n\n  const components = /** @type {const} */ ([\n    [Accordion, config.accordion],\n    [Button, config.button],\n    [CharacterCount, config.characterCount],\n    [Checkboxes],\n    [ErrorSummary, config.errorSummary],\n    [ExitThisPage, config.exitThisPage],\n    [FileUpload, config.fileUpload],\n    [Header],\n    [NotificationBanner, config.notificationBanner],\n    [PasswordInput, config.passwordInput],\n    [Radios],\n    [ServiceNavigation],\n    [SkipLink],\n    [Tabs]\n  ])\n\n  components.forEach(([Component, componentConfig]) => {\n    createAll(Component, componentConfig, options)\n  })\n}\n\n/**\n * Create all instances of a specific component on the page\n *\n * Uses the `data-module` attribute to find all elements matching the specified\n * component on the page, creating instances of the component object for each\n * of them.\n *\n * Any component errors will be caught and logged to the console.\n *\n * @template {CompatibleClass} ComponentClass\n * @param {ComponentClass} Component - class of the component to create\n * @param {ComponentConfig<ComponentClass>} [config] - Config supplied to component\n * @param {OnErrorCallback<ComponentClass> | Element | Document | null | CreateAllOptions<ComponentClass>} [scopeOrOptions] - options for createAll including scope of the document to search within and callback function if error throw by component on init\n * @returns {Array<InstanceType<ComponentClass>>} - array of instantiated components\n */\nfunction createAll(Component, config, scopeOrOptions) {\n  let /** @type {NodeListOf<Element> | undefined} */ $elements\n\n  // Extract initialisation options\n  const options = normaliseOptions(scopeOrOptions)\n\n  try {\n    // Skip initialisation when GOV.UK Frontend is not supported\n    if (!isSupported()) {\n      throw new SupportError()\n    }\n\n    // Users can initialise GOV.UK Frontend in certain sections of the page\n    // unless the scope is null (for example, query selector not found)\n    if (options.scope === null) {\n      throw new ElementError({\n        element: options.scope,\n        component: Component,\n        identifier: 'Scope element (`$scope`)'\n      })\n    }\n\n    $elements = options.scope?.querySelectorAll(\n      `[data-module=\"${Component.moduleName}\"]`\n    )\n  } catch (error) {\n    if (options.onError) {\n      options.onError(error, {\n        component: Component,\n        config\n      })\n    } else {\n      console.log(error)\n    }\n\n    return []\n  }\n\n  /* eslint-disable-next-line @typescript-eslint/no-unsafe-return --\n   * We can't define CompatibleClass as `{new(): CompatibleClass, moduleName: string}`,\n   * as when doing `typeof Accordion` (or any component), TypeScript doesn't seem\n   * to acknowledge the static `moduleName` that's set in our component classes.\n   * This means we have to set the constructor of `CompatibleClass` as `{new(): any}`,\n   * leading to ESLint frowning that we're returning `any[]`.\n   */\n  return Array.from($elements ?? [])\n    .map(($element) => {\n      try {\n        // Only pass config to components that accept it\n        // eslint-disable-next-line @typescript-eslint/no-unsafe-return\n        return typeof config !== 'undefined'\n          ? new Component($element, config)\n          : new Component($element)\n      } catch (error) {\n        if (options.onError) {\n          options.onError(error, {\n            element: $element,\n            component: Component,\n            config\n          })\n        } else {\n          console.log(error)\n        }\n\n        return null\n      }\n    })\n    .filter(Boolean) // Exclude components that errored\n}\n\nexport { initAll, createAll }\n\n/* eslint-disable jsdoc/valid-types --\n * `{new(...args: any[] ): object}` is not recognised as valid\n * https://github.com/gajus/eslint-plugin-jsdoc/issues/145#issuecomment-1308722878\n * https://github.com/jsdoc-type-pratt-parser/jsdoc-type-pratt-parser/issues/131\n **/\n\n/**\n * @typedef {{new (...args: any[]): any, moduleName: string}} CompatibleClass\n */\n\n/* eslint-enable jsdoc/valid-types */\n\n/**\n * Config for all components via `initAll()`\n *\n * @typedef {object} Config\n * @property {Element | Document | null} [scope] - Scope of the document to search within\n * @property {OnErrorCallback<CompatibleClass>} [onError] - Initialisation error callback\n * @property {AccordionConfig} [accordion] - Accordion config\n * @property {ButtonConfig} [button] - Button config\n * @property {CharacterCountConfig} [characterCount] - Character Count config\n * @property {ErrorSummaryConfig} [errorSummary] - Error Summary config\n * @property {ExitThisPageConfig} [exitThisPage] - Exit This Page config\n * @property {FileUploadConfig} [fileUpload] - File Upload config\n * @property {NotificationBannerConfig} [notificationBanner] - Notification Banner config\n * @property {PasswordInputConfig} [passwordInput] - Password input config\n */\n\n/**\n * Config for individual components\n *\n * @import { AccordionConfig } from './components/accordion/accordion.mjs'\n * @import { ButtonConfig } from './components/button/button.mjs'\n * @import { CharacterCountConfig } from './components/character-count/character-count.mjs'\n * @import { ErrorSummaryConfig } from './components/error-summary/error-summary.mjs'\n * @import { ExitThisPageConfig } from './components/exit-this-page/exit-this-page.mjs'\n * @import { NotificationBannerConfig } from './components/notification-banner/notification-banner.mjs'\n * @import { PasswordInputConfig } from './components/password-input/password-input.mjs'\n * @import { FileUploadConfig } from './components/file-upload/file-upload.mjs'\n */\n\n/**\n * Component config keys, e.g. `accordion` and `characterCount`\n *\n * @typedef {keyof Omit<Config, 'scope' | 'onError'>} ConfigKey\n */\n\n/**\n * @template {CompatibleClass} ComponentClass\n * @typedef {ConstructorParameters<ComponentClass>[1]} ComponentConfig\n */\n\n/**\n * @template {CompatibleClass} ComponentClass\n * @typedef {object} ErrorContext\n * @property {Element} [element] - Element used for component module initialisation\n * @property {ComponentClass} [component] - Class of component\n * @property {Config | ComponentConfig<ComponentClass>} [config] - Config supplied to components\n */\n\n/**\n * @template {CompatibleClass} ComponentClass\n * @callback OnErrorCallback\n * @param {unknown} error - Thrown error\n * @param {ErrorContext<ComponentClass>} context - Object containing the element, component class and configuration\n */\n\n/**\n * @template {CompatibleClass} ComponentClass\n * @typedef {object} CreateAllOptions\n * @property {Element | Document | null} [scope] - scope of the document to search within\n * @property {OnErrorCallback<ComponentClass>} [onError] - callback function if error throw by component on init\n */\n"],"names":["version","getBreakpoint","name","property","value","window","getComputedStyle","document","documentElement","getPropertyValue","undefined","setFocus","$element","options","_options$onBeforeFocu","isFocusable","getAttribute","onBlur","_options$onBlur","call","removeAttribute","setAttribute","addEventListener","once","onBeforeFocus","focus","isSupported","$scope","body","classList","contains","isObject","option","Array","isArray","isScope","Element","Document","formatErrorMessage","Component","message","moduleName","GOVUKFrontendError","Error","constructor","args","super","this","SupportError","supportMessage","HTMLScriptElement","prototype","ConfigError","ElementError","messageOrOptions","component","identifier","element","expectedType","InitError","componentOrMessage","$root","_$root","childConstructor","elementType","checkSupport","checkInitialised","HTMLElement","hasAttribute","isInitialised","configOverride","Symbol","for","ConfigurableComponent","param","config","_config","defaults","datasetConfig","dataset","schema","out","entries","Object","properties","entry","namespace","field","toString","normaliseString","type","extractConfigByNamespace","normaliseDataset","mergeConfigs","trimmedValue","trim","output","outputType","includes","length","isFinite","Number","normaliseOptions","scopeOrOptions","onError","scope","configObjects","formattedConfigObject","configObject","key","keys","override","newObject","current","keyParts","split","index","I18n","translations","_config$locale","locale","lang","t","lookupKey","translation","count","translationPluralForm","getPluralSuffix","match","replacePlaceholders","translationString","formatter","Intl","NumberFormat","supportedLocalesOf","replace","placeholderWithBraces","placeholderKey","hasOwnProperty","placeholderValue","format","hasIntlPluralRulesSupport","Boolean","PluralRules","preferredForm","select","console","warn","Accordion","i18n","controlsClass","showAllClass","showAllTextClass","sectionClass","sectionExpandedClass","sectionButtonClass","sectionHeaderClass","sectionHeadingClass","sectionHeadingDividerClass","sectionHeadingTextClass","sectionHeadingTextFocusClass","sectionShowHideToggleClass","sectionShowHideToggleFocusClass","sectionShowHideTextClass","upChevronIconClass","downChevronIconClass","sectionSummaryClass","sectionSummaryFocusClass","sectionContentClass","$sections","$showAllButton","$showAllIcon","$showAllText","querySelectorAll","initControls","initSectionHeaders","updateShowAllButton","areAllSectionsOpen","createElement","add","appendChild","$accordionControls","insertBefore","firstChild","onShowOrHideAllToggle","event","onBeforeMatch","forEach","$section","i","$header","querySelector","constructHeaderMarkup","setExpanded","isExpanded","onSectionToggle","setInitialState","$span","$heading","$summary","$button","id","attr","from","attributes","$headingText","$headingTextFocus","childNodes","$child","$showHideToggle","$showHideToggleFocus","$showHideText","$showHideIcon","getButtonPunctuationEl","$summarySpan","$summarySpanFocus","remove","removeChild","$fragment","target","closest","nowExpanded","storeState","expanded","$content","newButtonText","textContent","ariaLabelParts","push","ariaLabelMessage","join","every","toggle","getIdentifier","rememberExpanded","sessionStorage","setItem","_unused","state","getItem","_unused2","$punctuationEl","freeze","hideAllSections","hideSection","hideSectionAriaLabel","showAllSections","showSection","showSectionAriaLabel","Button","debounceFormSubmitTimer","handleKeyDown","debounce","$target","preventDefault","click","preventDoubleClick","setTimeout","DEBOUNCE_TIMEOUT_IN_SECONDS","closestAttributeValue","attributeName","$closestElementWithAttribute","CharacterCount","configOverrides","maxlength","maxwords","_ref","_this$config$maxwords","$textarea","$visibleCountMessage","$screenReaderCountMessage","lastInputTimestamp","lastInputValue","valueChecker","maxLength","HTMLTextAreaElement","HTMLInputElement","errors","validationErrors","conditions","required","errorMessage","validateConfig","Infinity","textareaDescriptionId","$textareaDescription","getElementById","$errorMessage","insertAdjacentElement","className","bindChangeEvents","updateCountMessage","handleKeyUp","handleFocus","handleBlur","updateVisibleCountMessage","Date","now","setInterval","updateIfValueChanged","clearInterval","updateScreenReaderCountMessage","isError","isOverThreshold","getCountMessage","text","_text$match","remainingNumber","countType","formatCountMessage","translationKeySuffix","Math","abs","threshold","currentLength","charactersUnderLimit","one","other","charactersAtLimit","charactersOverLimit","wordsUnderLimit","wordsAtLimit","wordsOverLimit","textareaDescription","anyOf","Checkboxes","$inputs","$input","targetId","syncAllConditionalReveals","handleClick","syncConditionalRevealWithInputState","inputIsChecked","checked","unCheckAllInputsExcept","$inputWithSameName","form","unCheckExclusiveInputs","$exclusiveInput","$clickedInput","ErrorSummary","disableAutoFocus","focusTarget","HTMLAnchorElement","inputId","hash","$legendOrLabel","getAssociatedLegendOrLabel","scrollIntoView","preventScroll","_document$querySelect","$fieldset","$legends","getElementsByTagName","$candidateLegend","legendTop","getBoundingClientRect","top","inputRect","height","innerHeight","ExitThisPage","$skiplinkButton","$updateSpan","$indicatorContainer","$overlay","keypressCounter","lastKeyWasModified","timeoutTime","keypressTimeoutId","timeoutMessageId","buildIndicator","initUpdateSpan","initButtonClickHandler","handleKeypress","bind","govukFrontendExitThisPageKeypress","resetPage","$indicator","updateIndicator","exitPage","location","href","resetKeypressTimer","clearTimeout","setKeypressTimer","shiftKey","activated","timedOut","pressTwoMoreTimes","pressOneMoreTime","FileUpload","$status","$announcements","enteredAnotherElement","$label","findLabel","ariaDescribedBy","innerText","commaSpan","containerSpan","buttonSpan","insertAdjacentText","instructionSpan","onClick","onChange","updateDisabledState","observeDisabledState","onDrop","updateDropzoneVisibility","disabled","hideDraggingState","Node","dataTransfer","isContainingFiles","showDraggingState","files","dispatchEvent","CustomEvent","fileCount","MutationObserver","mutationList","mutation","observe","hasNoTypesInfo","types","isDraggingFiles","some","chooseFilesButton","dropInstruction","noFileChosen","multipleFilesChosen","enteredDropZone","leftDropZone","Header","$menuButton","$menu","menuIsOpen","mql","menuId","setupResponsiveChecks","handleMenuButtonClick","breakpoint","matchMedia","checkMode","addListener","matches","NotificationBanner","PasswordInput","$showHideButton","$screenReaderStatusMessage","HTMLButtonElement","hide","persisted","show","setType","isHidden","prefixButton","prefixStatus","showPassword","hidePassword","showPasswordAriaLabel","hidePasswordAriaLabel","passwordShownAnnouncement","passwordHiddenAnnouncement","Radios","$allInputs","$clickedInputForm","$clickedInputName","hasSameFormOwner","ServiceNavigation","SkipLink","_this$$root$getAttrib","origin","pathname","linkedElementId","$linkedElement","Tabs","$tabs","$tabList","$tabListItems","jsHiddenClass","changingHash","boundTabClick","boundTabKeydown","boundOnHashChange","onTabClick","onTabKeydown","onHashChange","_this$mql","setup","teardown","_this$getTab","$item","$tab","setAttributes","hideTab","$activeTab","getTab","showTab","removeEventListener","unsetAttributes","$tabWithHash","$previousTab","getCurrentTab","unhighlightTab","hidePanel","highlightTab","showPanel","panelId","$panel","getPanel","$currentTab","$nextTab","currentTarget","createHistoryEntry","activatePreviousTab","activateNextTab","parentElement","$nextTabListItem","nextElementSibling","$previousTabListItem","previousElementSibling","initAll","scopeOrConfig","error","log","accordion","button","characterCount","errorSummary","exitThisPage","fileUpload","notificationBanner","passwordInput","componentConfig","createAll","$elements","_options$scope","map","filter"],"mappings":"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"}
\ No newline at end of file
diff --git a/node_modules/govuk-frontend/dist/govuk/helpers/_all.scss b/node_modules/govuk-frontend/dist/govuk/helpers/_all.scss
new file mode 100644
index 0000000..b6850af
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/helpers/_all.scss
@@ -0,0 +1,10 @@
+@import "../settings/warnings";
+@import "index";
+
+@include _warning(
+  "import-using-all",
+  "Importing using 'govuk/helpers/all' is deprecated. Update your import statement to import 'govuk/helpers/index'.",
+  $silence-further-warnings: false
+);
+
+/*# sourceMappingURL=_all.scss.map */
diff --git a/node_modules/govuk-frontend/dist/govuk/helpers/_all.scss.map b/node_modules/govuk-frontend/dist/govuk/helpers/_all.scss.map
new file mode 100644
index 0000000..954d1e8
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/helpers/_all.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/govuk/helpers/_all.scss"],"names":[],"mappings":"AAAA,8BAA8B;AAC9B,eAAe;;AAEf;;;;CAIC","file":"_all.scss","sourcesContent":["@import \"../settings/warnings\";\n@import \"index\";\n\n@include _warning(\n  \"import-using-all\",\n  \"Importing using 'govuk/helpers/all' is deprecated. Update your import statement to import 'govuk/helpers/index'.\",\n  $silence-further-warnings: false\n);\n"]}
diff --git a/node_modules/govuk-frontend/dist/govuk/helpers/_clearfix.scss b/node_modules/govuk-frontend/dist/govuk/helpers/_clearfix.scss
new file mode 100644
index 0000000..ffd94cc
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/helpers/_clearfix.scss
@@ -0,0 +1,17 @@
+////
+/// @group helpers/layout
+////
+
+/// Clear floated content within a container using a pseudo element
+///
+/// @access public
+
+@mixin govuk-clearfix {
+  &::after {
+    content: "";
+    display: block;
+    clear: both;
+  }
+}
+
+/*# sourceMappingURL=_clearfix.scss.map */
diff --git a/node_modules/govuk-frontend/dist/govuk/helpers/_clearfix.scss.map b/node_modules/govuk-frontend/dist/govuk/helpers/_clearfix.scss.map
new file mode 100644
index 0000000..e28a225
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/helpers/_clearfix.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/govuk/helpers/_clearfix.scss"],"names":[],"mappings":"AAAA,GAAG;AACH,wBAAwB;AACxB,GAAG;;AAEH,kEAAkE;AAClE,EAAE;AACF,iBAAiB;;AAEjB;EACE;IACE,WAAW;IACX,cAAc;IACd,WAAW;EACb;AACF","file":"_clearfix.scss","sourcesContent":["////\n/// @group helpers/layout\n////\n\n/// Clear floated content within a container using a pseudo element\n///\n/// @access public\n\n@mixin govuk-clearfix {\n  &::after {\n    content: \"\";\n    display: block;\n    clear: both;\n  }\n}\n"]}
diff --git a/node_modules/govuk-frontend/dist/govuk/helpers/_colour.scss b/node_modules/govuk-frontend/dist/govuk/helpers/_colour.scss
new file mode 100644
index 0000000..e044d39
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/helpers/_colour.scss
@@ -0,0 +1,167 @@
+@import "../settings/colours-palette";
+@import "../settings/colours-organisations";
+@import "../settings/warnings";
+
+////
+/// @group helpers/colour
+////
+
+/// Get colour
+///
+/// @param {String | Colour} $colour - Name of colour from the colour palette
+///   (`$govuk-colours`)
+/// @param {String | Colour | Boolean} $legacy [false] - Deprecated.
+///   The `$legacy` parameter is deprecated and is non-operational, as the
+///   legacy colour palette has been removed. The parameter will be removed in
+///   the next major version.
+/// @return {Colour} Representation of named colour
+///
+/// @throw if `$colour` is not a colour from the colour palette
+/// @access public
+
+@function govuk-colour($colour, $legacy: false) {
+  // Output a warning if $legacy is set to anything.
+  @if $legacy and _should-warn("legacy-colour-param") {
+    @warn _warning-text("legacy-colour-param", "The `$legacy` parameter of " +
+    "`govuk-colour` is deprecated and is non-operational. It will be " +
+    "removed in the next major version.");
+  }
+
+  @if type-of($colour) == "color" {
+    // stylelint-disable-next-line scss/function-quote-no-quoted-strings-inside
+    $colour: quote("#{$colour}");
+  }
+
+  @if not map-has-key($govuk-colours, $colour) {
+    @error "Unknown colour `#{$colour}`";
+  }
+
+  @return map-get($govuk-colours, $colour);
+}
+
+/// Get the colour for a government organisation
+///
+/// @param {String} $organisation - Organisation name, lowercase, hyphenated
+/// @param {Boolean} $websafe - Deprecated. Use $contrast-safe instead.
+/// @param {Boolean} $contrast-safe [true] - By default a version of the colour
+///   will be returned which has a minimum 4.5:1 contrast ratio when used with
+///   white, as per the WCAG 2.1 Level AA guidelines. If you want to use the
+///   non-contrast safe version you can set this to `false` but your should
+///   ensure that you still meets contrast requirements for accessibility -
+///   for example, do not use the non-contrast safe version for text.
+///
+/// @return {Colour} Representation of colour for organisation
+/// @throw if `$organisation` is not a known organisation
+/// @access public
+
+@function govuk-organisation-colour($organisation, $websafe: null, $contrast-safe: true) {
+  // Check if the $organisation exists in the aliases map. If so, change the
+  // value of $organisation to the aliased value.
+  @if map-has-key($_govuk_colours-organisations-aliases, $organisation) {
+    $organisation: map-get($_govuk_colours-organisations-aliases, $organisation);
+  }
+
+  // Check to see if the organisation exists
+  @if not map-has-key($govuk-colours-organisations, $organisation) {
+    @error "Unknown organisation `#{$organisation}`";
+  }
+
+  // Output a deprecation warning if the legacy colour palette is being used.
+  // Remove in next major version.
+  $is-legacy: $govuk-colours-organisations == $_govuk-legacy-organisation-colours;
+  @if $is-legacy and _should-warn("legacy-organisation-colours") {
+    @warn _warning-text("legacy-organisation-colours",
+      "We've updated the organisation colour palette. Opt in to the new " +
+      "colours using `$govuk-new-organisation-colours: true`. The old " +
+      "palette is deprecated and we'll remove it in the next major version."
+    );
+  }
+
+  // Output a warning if $websafe is set.
+  @if $websafe and _should-warn("organisation-colour-websafe-param") {
+    @warn _warning-text("organisation-colour-websafe-param",
+      "The `$websafe` parameter of `govuk-organisation-colour` has been " +
+      "renamed to `$contrast-safe`. The old parameter name will be removed in " +
+      "the next major version."
+    );
+  }
+
+  $org-colour: map-get($govuk-colours-organisations, $organisation);
+
+  @if map-has-key($org-colour, deprecation-message) and _should-warn("organisation-colours") {
+    @warn _warning-text(
+      "organisation-colours",
+      map-get($org-colour, deprecation-message)
+    );
+  }
+
+  // If the $websafe parameter is being used (it has been explicitly set as true
+  // or false), assume the user hasn't updated to use $contrast-safe yet and map
+  // the old parameter's value onto the new parameter.
+  @if type-of($websafe) != "null" {
+    $contrast-safe: $websafe;
+  }
+
+  // Determine the contrast-safe key to use depending on whether it's the new
+  // palette or the legacy palette
+  $safe-key: if($govuk-new-organisation-colours, "contrast-safe", "colour-websafe");
+
+  @if $contrast-safe and map-has-key($org-colour, $safe-key) {
+    @return map-get($org-colour, $safe-key);
+  } @else {
+    @return map-get($org-colour, colour);
+  }
+}
+
+/// Make a colour darker by mixing it with black
+///
+/// @param {Colour} $colour - colour to shade
+/// @param {Number} $percentage - percentage of black to mix with $colour
+/// @return {Colour}
+/// @access public
+
+@function govuk-shade($colour, $percentage) {
+  // Ensure the output is a hex string so that Safari <12 can render the colour
+  // without issues from float values in `rgb()`
+  @return _as-hexadecimal(mix(#000000, $colour, $percentage));
+}
+
+/// Make a colour lighter by mixing it with white
+///
+/// @param {Colour} $colour - colour to tint
+/// @param {Number} $percentage - percentage of white to mix with $colour
+/// @return {Colour}
+/// @access public
+
+@function govuk-tint($colour, $percentage) {
+  // Ensure the output is a hex string so that Safari <12 can render the colour
+  // without issues from float values in `rgb()`
+  @return _as-hexadecimal(mix(govuk-colour("white"), $colour, $percentage));
+}
+
+/// Converts a colour with potential float values for its RGB channels
+/// into hexadecimal notation
+///
+/// This ensures the colour is rendered properly by Safari < 12
+///
+/// @param {Colour} $colour - The colour to convert
+/// @return {Colour}
+/// @access private
+@function _as-hexadecimal($colour) {
+  @if not function-exists(change-color) {
+    @return $colour;
+  }
+
+  // `red`,`green` and `blue` functions are limited to 'legacy' colour spaces
+  // ensuring we don't get floating computations on them
+  $parts: (
+    "red": red($colour),
+    "green": green($colour),
+    "blue": blue($colour),
+    "alpha": alpha($colour)
+  );
+
+  @return change-color($colour, $parts...);
+}
+
+/*# sourceMappingURL=_colour.scss.map */
diff --git a/node_modules/govuk-frontend/dist/govuk/helpers/_colour.scss.map b/node_modules/govuk-frontend/dist/govuk/helpers/_colour.scss.map
new file mode 100644
index 0000000..5774289
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/helpers/_colour.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/govuk/helpers/_colour.scss"],"names":[],"mappings":"AAAA,qCAAqC;AACrC,2CAA2C;AAC3C,8BAA8B;;AAE9B,GAAG;AACH,wBAAwB;AACxB,GAAG;;AAEH,aAAa;AACb,EAAE;AACF,4EAA4E;AAC5E,uBAAuB;AACvB,mEAAmE;AACnE,yEAAyE;AACzE,6EAA6E;AAC7E,4BAA4B;AAC5B,kDAAkD;AAClD,EAAE;AACF,8DAA8D;AAC9D,iBAAiB;;AAEjB;EACE,iDAAiD;EACjD;IACE;;yCAEqC;EACvC;;EAEA;IACE,0EAA0E;IAC1E,4BAA4B;EAC9B;;EAEA;IACE,oCAAoC;EACtC;;EAEA,wCAAwC;AAC1C;;AAEA,+CAA+C;AAC/C,EAAE;AACF,2EAA2E;AAC3E,sEAAsE;AACtE,8EAA8E;AAC9E,6EAA6E;AAC7E,2EAA2E;AAC3E,0EAA0E;AAC1E,0EAA0E;AAC1E,oEAAoE;AACpE,EAAE;AACF,6DAA6D;AAC7D,wDAAwD;AACxD,iBAAiB;;AAEjB;EACE,yEAAyE;EACzE,8CAA8C;EAC9C;IACE,4EAA4E;EAC9E;;EAEA,yCAAyC;EACzC;IACE,gDAAgD;EAClD;;EAEA,0EAA0E;EAC1E,+BAA+B;EAC/B,+EAA+E;EAC/E;IACE;;;;KAIC;EACH;;EAEA,sCAAsC;EACtC;IACE;;;;KAIC;EACH;;EAEA,iEAAiE;;EAEjE;IACE;;;KAGC;EACH;;EAEA,6EAA6E;EAC7E,6EAA6E;EAC7E,mDAAmD;EACnD;IACE,wBAAwB;EAC1B;;EAEA,0EAA0E;EAC1E,+BAA+B;EAC/B,iFAAiF;;EAEjF;IACE,uCAAuC;EACzC,EAAE;IACA,oCAAoC;EACtC;AACF;;AAEA,+CAA+C;AAC/C,EAAE;AACF,4CAA4C;AAC5C,wEAAwE;AACxE,mBAAmB;AACnB,iBAAiB;;AAEjB;EACE,4EAA4E;EAC5E,6CAA6C;EAC7C,2DAA2D;AAC7D;;AAEA,gDAAgD;AAChD,EAAE;AACF,2CAA2C;AAC3C,wEAAwE;AACxE,mBAAmB;AACnB,iBAAiB;;AAEjB;EACE,4EAA4E;EAC5E,6CAA6C;EAC7C,yEAAyE;AAC3E;;AAEA,qEAAqE;AACrE,4BAA4B;AAC5B,EAAE;AACF,8DAA8D;AAC9D,EAAE;AACF,kDAAkD;AAClD,mBAAmB;AACnB,kBAAkB;AAClB;EACE;IACE,eAAe;EACjB;;EAEA,0EAA0E;EAC1E,qDAAqD;EACrD;;;;;GAKC;;EAED,wCAAwC;AAC1C","file":"_colour.scss","sourcesContent":["@import \"../settings/colours-palette\";\n@import \"../settings/colours-organisations\";\n@import \"../settings/warnings\";\n\n////\n/// @group helpers/colour\n////\n\n/// Get colour\n///\n/// @param {String | Colour} $colour - Name of colour from the colour palette\n///   (`$govuk-colours`)\n/// @param {String | Colour | Boolean} $legacy [false] - Deprecated.\n///   The `$legacy` parameter is deprecated and is non-operational, as the\n///   legacy colour palette has been removed. The parameter will be removed in\n///   the next major version.\n/// @return {Colour} Representation of named colour\n///\n/// @throw if `$colour` is not a colour from the colour palette\n/// @access public\n\n@function govuk-colour($colour, $legacy: false) {\n  // Output a warning if $legacy is set to anything.\n  @if $legacy and _should-warn(\"legacy-colour-param\") {\n    @warn _warning-text(\"legacy-colour-param\", \"The `$legacy` parameter of \" +\n    \"`govuk-colour` is deprecated and is non-operational. It will be \" +\n    \"removed in the next major version.\");\n  }\n\n  @if type-of($colour) == \"color\" {\n    // stylelint-disable-next-line scss/function-quote-no-quoted-strings-inside\n    $colour: quote(\"#{$colour}\");\n  }\n\n  @if not map-has-key($govuk-colours, $colour) {\n    @error \"Unknown colour `#{$colour}`\";\n  }\n\n  @return map-get($govuk-colours, $colour);\n}\n\n/// Get the colour for a government organisation\n///\n/// @param {String} $organisation - Organisation name, lowercase, hyphenated\n/// @param {Boolean} $websafe - Deprecated. Use $contrast-safe instead.\n/// @param {Boolean} $contrast-safe [true] - By default a version of the colour\n///   will be returned which has a minimum 4.5:1 contrast ratio when used with\n///   white, as per the WCAG 2.1 Level AA guidelines. If you want to use the\n///   non-contrast safe version you can set this to `false` but your should\n///   ensure that you still meets contrast requirements for accessibility -\n///   for example, do not use the non-contrast safe version for text.\n///\n/// @return {Colour} Representation of colour for organisation\n/// @throw if `$organisation` is not a known organisation\n/// @access public\n\n@function govuk-organisation-colour($organisation, $websafe: null, $contrast-safe: true) {\n  // Check if the $organisation exists in the aliases map. If so, change the\n  // value of $organisation to the aliased value.\n  @if map-has-key($_govuk_colours-organisations-aliases, $organisation) {\n    $organisation: map-get($_govuk_colours-organisations-aliases, $organisation);\n  }\n\n  // Check to see if the organisation exists\n  @if not map-has-key($govuk-colours-organisations, $organisation) {\n    @error \"Unknown organisation `#{$organisation}`\";\n  }\n\n  // Output a deprecation warning if the legacy colour palette is being used.\n  // Remove in next major version.\n  $is-legacy: $govuk-colours-organisations == $_govuk-legacy-organisation-colours;\n  @if $is-legacy and _should-warn(\"legacy-organisation-colours\") {\n    @warn _warning-text(\"legacy-organisation-colours\",\n      \"We've updated the organisation colour palette. Opt in to the new \" +\n      \"colours using `$govuk-new-organisation-colours: true`. The old \" +\n      \"palette is deprecated and we'll remove it in the next major version.\"\n    );\n  }\n\n  // Output a warning if $websafe is set.\n  @if $websafe and _should-warn(\"organisation-colour-websafe-param\") {\n    @warn _warning-text(\"organisation-colour-websafe-param\",\n      \"The `$websafe` parameter of `govuk-organisation-colour` has been \" +\n      \"renamed to `$contrast-safe`. The old parameter name will be removed in \" +\n      \"the next major version.\"\n    );\n  }\n\n  $org-colour: map-get($govuk-colours-organisations, $organisation);\n\n  @if map-has-key($org-colour, deprecation-message) and _should-warn(\"organisation-colours\") {\n    @warn _warning-text(\n      \"organisation-colours\",\n      map-get($org-colour, deprecation-message)\n    );\n  }\n\n  // If the $websafe parameter is being used (it has been explicitly set as true\n  // or false), assume the user hasn't updated to use $contrast-safe yet and map\n  // the old parameter's value onto the new parameter.\n  @if type-of($websafe) != \"null\" {\n    $contrast-safe: $websafe;\n  }\n\n  // Determine the contrast-safe key to use depending on whether it's the new\n  // palette or the legacy palette\n  $safe-key: if($govuk-new-organisation-colours, \"contrast-safe\", \"colour-websafe\");\n\n  @if $contrast-safe and map-has-key($org-colour, $safe-key) {\n    @return map-get($org-colour, $safe-key);\n  } @else {\n    @return map-get($org-colour, colour);\n  }\n}\n\n/// Make a colour darker by mixing it with black\n///\n/// @param {Colour} $colour - colour to shade\n/// @param {Number} $percentage - percentage of black to mix with $colour\n/// @return {Colour}\n/// @access public\n\n@function govuk-shade($colour, $percentage) {\n  // Ensure the output is a hex string so that Safari <12 can render the colour\n  // without issues from float values in `rgb()`\n  @return _as-hexadecimal(mix(#000000, $colour, $percentage));\n}\n\n/// Make a colour lighter by mixing it with white\n///\n/// @param {Colour} $colour - colour to tint\n/// @param {Number} $percentage - percentage of white to mix with $colour\n/// @return {Colour}\n/// @access public\n\n@function govuk-tint($colour, $percentage) {\n  // Ensure the output is a hex string so that Safari <12 can render the colour\n  // without issues from float values in `rgb()`\n  @return _as-hexadecimal(mix(govuk-colour(\"white\"), $colour, $percentage));\n}\n\n/// Converts a colour with potential float values for its RGB channels\n/// into hexadecimal notation\n///\n/// This ensures the colour is rendered properly by Safari < 12\n///\n/// @param {Colour} $colour - The colour to convert\n/// @return {Colour}\n/// @access private\n@function _as-hexadecimal($colour) {\n  @if not function-exists(change-color) {\n    @return $colour;\n  }\n\n  // `red`,`green` and `blue` functions are limited to 'legacy' colour spaces\n  // ensuring we don't get floating computations on them\n  $parts: (\n    \"red\": red($colour),\n    \"green\": green($colour),\n    \"blue\": blue($colour),\n    \"alpha\": alpha($colour)\n  );\n\n  @return change-color($colour, $parts...);\n}\n"]}
diff --git a/node_modules/govuk-frontend/dist/govuk/helpers/_device-pixels.scss b/node_modules/govuk-frontend/dist/govuk/helpers/_device-pixels.scss
new file mode 100644
index 0000000..22c3a48
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/helpers/_device-pixels.scss
@@ -0,0 +1,38 @@
+////
+/// @group helpers
+////
+
+/// Media query for retina images (device-pixel-ratio)
+///
+/// @param {Number} $ratio [2] - Device pixel ratio
+/// @content Passed content will be outputted within the media query
+///
+/// @example scss - Providing a @2x image for screens that support it
+///   background-image: govuk-image-url("my-image.png");
+///
+///   @include govuk-device-pixel-ratio {
+///     background-image: govuk-image-url("my-image-2x.png");
+///   }
+///
+/// @example scss - Using a custom ratio
+///   background-image: govuk-image-url("my-image.png");
+///
+///   @include govuk-device-pixel-ratio {
+///     background-image: govuk-image-url("my-image-2x.png");
+///   }
+///
+///   @include govuk-device-pixel-ratio(3) {
+///     background-image: govuk-image-url("my-image-3x.png");
+///   }
+///
+/// @access public
+
+@mixin govuk-device-pixel-ratio($ratio: 2) {
+  @media only screen and (-webkit-min-device-pixel-ratio: $ratio),
+    only screen and (min-resolution: #{($ratio * 96)}dpi),
+    only screen and (min-resolution: #{$ratio}dppx) {
+    @content;
+  }
+}
+
+/*# sourceMappingURL=_device-pixels.scss.map */
diff --git a/node_modules/govuk-frontend/dist/govuk/helpers/_device-pixels.scss.map b/node_modules/govuk-frontend/dist/govuk/helpers/_device-pixels.scss.map
new file mode 100644
index 0000000..947f0e7
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/helpers/_device-pixels.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/govuk/helpers/_device-pixels.scss"],"names":[],"mappings":"AAAA,GAAG;AACH,iBAAiB;AACjB,GAAG;;AAEH,qDAAqD;AACrD,EAAE;AACF,kDAAkD;AAClD,mEAAmE;AACnE,EAAE;AACF,oEAAoE;AACpE,uDAAuD;AACvD,EAAE;AACF,wCAAwC;AACxC,4DAA4D;AAC5D,MAAM;AACN,EAAE;AACF,uCAAuC;AACvC,uDAAuD;AACvD,EAAE;AACF,wCAAwC;AACxC,4DAA4D;AAC5D,MAAM;AACN,EAAE;AACF,2CAA2C;AAC3C,4DAA4D;AAC5D,MAAM;AACN,EAAE;AACF,iBAAiB;;AAEjB;EACE;;;IAIE,QAAQ;EACV;AACF","file":"_device-pixels.scss","sourcesContent":["////\n/// @group helpers\n////\n\n/// Media query for retina images (device-pixel-ratio)\n///\n/// @param {Number} $ratio [2] - Device pixel ratio\n/// @content Passed content will be outputted within the media query\n///\n/// @example scss - Providing a @2x image for screens that support it\n///   background-image: govuk-image-url(\"my-image.png\");\n///\n///   @include govuk-device-pixel-ratio {\n///     background-image: govuk-image-url(\"my-image-2x.png\");\n///   }\n///\n/// @example scss - Using a custom ratio\n///   background-image: govuk-image-url(\"my-image.png\");\n///\n///   @include govuk-device-pixel-ratio {\n///     background-image: govuk-image-url(\"my-image-2x.png\");\n///   }\n///\n///   @include govuk-device-pixel-ratio(3) {\n///     background-image: govuk-image-url(\"my-image-3x.png\");\n///   }\n///\n/// @access public\n\n@mixin govuk-device-pixel-ratio($ratio: 2) {\n  @media only screen and (-webkit-min-device-pixel-ratio: $ratio),\n    only screen and (-o-min-device-pixel-ratio: #{($ratio * 10)} / 10),\n    only screen and (min-resolution: #{($ratio * 96)}dpi),\n    only screen and (min-resolution: #{$ratio}dppx) {\n    @content;\n  }\n}\n"]}
diff --git a/node_modules/govuk-frontend/dist/govuk/helpers/_focused.scss b/node_modules/govuk-frontend/dist/govuk/helpers/_focused.scss
new file mode 100644
index 0000000..f943aeb
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/helpers/_focused.scss
@@ -0,0 +1,93 @@
+////
+/// @group helpers/accessibility
+////
+
+/// Focused text
+///
+/// Provides an outline to clearly indicate when the target element is focused.
+/// Used for interactive text-based elements.
+///
+/// @example scss - Styling the focus state for a link
+///   .govuk-link:focus {
+///     @include govuk-focused-text;
+///   }
+///
+/// @access public
+
+@mixin govuk-focused-text {
+  // When colours are overridden, for example when users have a dark mode,
+  // backgrounds and box-shadows disappear, so we need to ensure there's a
+  // transparent outline which will be set to a visible colour.
+
+  outline: $govuk-focus-width solid transparent;
+  color: $govuk-focus-text-colour;
+  background-color: $govuk-focus-colour;
+  box-shadow:
+    0 -2px $govuk-focus-colour,
+    0 4px $govuk-focus-text-colour;
+  // When link is focussed, hide the default underline since the
+  // box shadow adds the "underline"
+  text-decoration: none;
+
+  // Fixes an issue in Chromium 108–111 where the box-shadow on the focus state
+  // is missing on links that wrap across multiple lines [1].
+  //
+  // However, text-wrap: balance doesn't play nicely with box-decoration-break:
+  // clone, causing links to re-flow when focused [2]. As text-wrap: balance
+  // wasn't introduced until Chromium 114 we can use it as a way to target
+  // this fix to just 108–111.
+  //
+  // [1]: http://crbug.com/40884971
+  // [2]: https://github.com/alphagov/govuk-frontend/issues/5878
+  @supports not (text-wrap: balance) {
+    -webkit-box-decoration-break: clone;
+            box-decoration-break: clone;
+  }
+}
+
+/// Focused box
+///
+/// Provides an outline to clearly indicate when the target element is focused.
+/// Unlike govuk-focused-text, which only draws an underline below the element,
+/// govuk-focused-box draws an outline around all sides of the element.
+/// Best used for non-text content contained within links.
+///
+/// @example scss - Styling the focus state for a linked image
+///   .govuk-link-image:focus {
+///     @include govuk-focused-box;
+///   }
+///
+/// @access public
+
+@mixin govuk-focused-box {
+  outline: $govuk-focus-width solid transparent;
+  box-shadow:
+    0 0 0 4px $govuk-focus-colour,
+    0 0 0 8px $govuk-focus-text-colour;
+}
+
+/// Focused form input
+///
+/// Provides an outline to clearly indicate when the target element is focused.
+/// Used for form inputs.
+///
+/// @example scss - Styling the focus state for a form input
+///   .govuk-input:focus {
+///     @include govuk-focused-form-input;
+///   }
+///
+/// @access public
+
+@mixin govuk-focused-form-input {
+  outline: $govuk-focus-width solid $govuk-focus-colour;
+  // Ensure outline appears outside of the element
+  outline-offset: 0;
+  // Double the border by adding its width again. Use `box-shadow` for this
+  // instead of changing `border-width` - this is for consistency with
+  // components such as textarea where we avoid changing `border-width` as
+  // it will change the element size. Also, `outline` cannot be utilised
+  // here as it is already used for the yellow focus state.
+  box-shadow: inset 0 0 0 $govuk-border-width-form-element;
+}
+
+/*# sourceMappingURL=_focused.scss.map */
diff --git a/node_modules/govuk-frontend/dist/govuk/helpers/_focused.scss.map b/node_modules/govuk-frontend/dist/govuk/helpers/_focused.scss.map
new file mode 100644
index 0000000..14450eb
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/helpers/_focused.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/govuk/helpers/_focused.scss"],"names":[],"mappings":"AAAA,GAAG;AACH,+BAA+B;AAC/B,GAAG;;AAEH,eAAe;AACf,EAAE;AACF,8EAA8E;AAC9E,4CAA4C;AAC5C,EAAE;AACF,qDAAqD;AACrD,wBAAwB;AACxB,mCAAmC;AACnC,MAAM;AACN,EAAE;AACF,iBAAiB;;AAEjB;EACE,uEAAuE;EACvE,uEAAuE;EACvE,4DAA4D;;EAE5D,6CAA6C;EAC7C,+BAA+B;EAC/B,qCAAqC;EACrC;;kCAEgC;EAChC,6DAA6D;EAC7D,iCAAiC;EACjC,qBAAqB;;EAErB,4EAA4E;EAC5E,0DAA0D;EAC1D,CAAC;EACD,4EAA4E;EAC5E,yEAAyE;EACzE,uEAAuE;EACvE,2BAA2B;EAC3B,CAAC;EACD,gCAAgC;EAChC,6DAA6D;EAC7D;IACE,mCAA2B;YAA3B,2BAA2B;EAC7B;AACF;;AAEA,cAAc;AACd,EAAE;AACF,8EAA8E;AAC9E,8EAA8E;AAC9E,sEAAsE;AACtE,yDAAyD;AACzD,EAAE;AACF,6DAA6D;AAC7D,8BAA8B;AAC9B,kCAAkC;AAClC,MAAM;AACN,EAAE;AACF,iBAAiB;;AAEjB;EACE,6CAA6C;EAC7C;;sCAEoC;AACtC;;AAEA,qBAAqB;AACrB,EAAE;AACF,8EAA8E;AAC9E,wBAAwB;AACxB,EAAE;AACF,2DAA2D;AAC3D,yBAAyB;AACzB,yCAAyC;AACzC,MAAM;AACN,EAAE;AACF,iBAAiB;;AAEjB;EACE,qDAAqD;EACrD,+CAA+C;EAC/C,iBAAiB;EACjB,wEAAwE;EACxE,mEAAmE;EACnE,uEAAuE;EACvE,qEAAqE;EACrE,wDAAwD;EACxD,wDAAwD;AAC1D","file":"_focused.scss","sourcesContent":["////\n/// @group helpers/accessibility\n////\n\n/// Focused text\n///\n/// Provides an outline to clearly indicate when the target element is focused.\n/// Used for interactive text-based elements.\n///\n/// @example scss - Styling the focus state for a link\n///   .govuk-link:focus {\n///     @include govuk-focused-text;\n///   }\n///\n/// @access public\n\n@mixin govuk-focused-text {\n  // When colours are overridden, for example when users have a dark mode,\n  // backgrounds and box-shadows disappear, so we need to ensure there's a\n  // transparent outline which will be set to a visible colour.\n\n  outline: $govuk-focus-width solid transparent;\n  color: $govuk-focus-text-colour;\n  background-color: $govuk-focus-colour;\n  box-shadow:\n    0 -2px $govuk-focus-colour,\n    0 4px $govuk-focus-text-colour;\n  // When link is focussed, hide the default underline since the\n  // box shadow adds the \"underline\"\n  text-decoration: none;\n\n  // Fixes an issue in Chromium 108–111 where the box-shadow on the focus state\n  // is missing on links that wrap across multiple lines [1].\n  //\n  // However, text-wrap: balance doesn't play nicely with box-decoration-break:\n  // clone, causing links to re-flow when focused [2]. As text-wrap: balance\n  // wasn't introduced until Chromium 114 we can use it as a way to target\n  // this fix to just 108–111.\n  //\n  // [1]: http://crbug.com/40884971\n  // [2]: https://github.com/alphagov/govuk-frontend/issues/5878\n  @supports not (text-wrap: balance) {\n    box-decoration-break: clone;\n  }\n}\n\n/// Focused box\n///\n/// Provides an outline to clearly indicate when the target element is focused.\n/// Unlike govuk-focused-text, which only draws an underline below the element,\n/// govuk-focused-box draws an outline around all sides of the element.\n/// Best used for non-text content contained within links.\n///\n/// @example scss - Styling the focus state for a linked image\n///   .govuk-link-image:focus {\n///     @include govuk-focused-box;\n///   }\n///\n/// @access public\n\n@mixin govuk-focused-box {\n  outline: $govuk-focus-width solid transparent;\n  box-shadow:\n    0 0 0 4px $govuk-focus-colour,\n    0 0 0 8px $govuk-focus-text-colour;\n}\n\n/// Focused form input\n///\n/// Provides an outline to clearly indicate when the target element is focused.\n/// Used for form inputs.\n///\n/// @example scss - Styling the focus state for a form input\n///   .govuk-input:focus {\n///     @include govuk-focused-form-input;\n///   }\n///\n/// @access public\n\n@mixin govuk-focused-form-input {\n  outline: $govuk-focus-width solid $govuk-focus-colour;\n  // Ensure outline appears outside of the element\n  outline-offset: 0;\n  // Double the border by adding its width again. Use `box-shadow` for this\n  // instead of changing `border-width` - this is for consistency with\n  // components such as textarea where we avoid changing `border-width` as\n  // it will change the element size. Also, `outline` cannot be utilised\n  // here as it is already used for the yellow focus state.\n  box-shadow: inset 0 0 0 $govuk-border-width-form-element;\n}\n"]}
diff --git a/node_modules/govuk-frontend/dist/govuk/helpers/_font-faces.scss b/node_modules/govuk-frontend/dist/govuk/helpers/_font-faces.scss
new file mode 100644
index 0000000..e39858c
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/helpers/_font-faces.scss
@@ -0,0 +1,41 @@
+////
+/// @group helpers
+////
+
+@import "../tools/exports";
+
+/// Font Face - GDS Transport
+///
+/// Outputs the font-face declaration for GDS Transport at the root of the CSS document
+/// the first time it is called.
+///
+/// @access private
+
+@mixin _govuk-font-face-gds-transport {
+  @include govuk-exports("govuk/helpers/font-faces") {
+    @at-root {
+      /*! Copyright (c) 2011 by Margaret Calvert & Henrik Kubel. All rights reserved. The font has been customised for exclusive use on gov.uk. This cut is not commercially available. */ /* stylelint-disable-line scss/comment-no-loud  */
+      @font-face {
+        font-family: "GDS Transport";
+        font-style: normal;
+        font-weight: normal;
+        src:
+          govuk-font-url("light-94a07e06a1-v2.woff2") format("woff2"),
+          govuk-font-url("light-f591b13f7d-v2.woff") format("woff");
+        font-display: fallback;
+      }
+
+      @font-face {
+        font-family: "GDS Transport";
+        font-style: normal;
+        font-weight: bold;
+        src:
+          govuk-font-url("bold-b542beb274-v2.woff2") format("woff2"),
+          govuk-font-url("bold-affa96571d-v2.woff") format("woff");
+        font-display: fallback;
+      }
+    }
+  }
+}
+
+/*# sourceMappingURL=_font-faces.scss.map */
diff --git a/node_modules/govuk-frontend/dist/govuk/helpers/_font-faces.scss.map b/node_modules/govuk-frontend/dist/govuk/helpers/_font-faces.scss.map
new file mode 100644
index 0000000..a1128c2
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/helpers/_font-faces.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/govuk/helpers/_font-faces.scss"],"names":[],"mappings":"AAAA,GAAG;AACH,iBAAiB;AACjB,GAAG;;AAEH,0BAA0B;;AAE1B,4BAA4B;AAC5B,EAAE;AACF,sFAAsF;AACtF,+BAA+B;AAC/B,EAAE;AACF,kBAAkB;;AAElB;EACE;IACE;MACE,mLAAmL,EAAE,iDAAiD;MACtO;QACE,4BAA4B;QAC5B,kBAAkB;QAClB,mBAAmB;QACnB;;mEAE2D;QAC3D,sBAAsB;MACxB;;MAEA;QACE,4BAA4B;QAC5B,kBAAkB;QAClB,iBAAiB;QACjB;;kEAE0D;QAC1D,sBAAsB;MACxB;IACF;EACF;AACF","file":"_font-faces.scss","sourcesContent":["////\n/// @group helpers\n////\n\n@import \"../tools/exports\";\n\n/// Font Face - GDS Transport\n///\n/// Outputs the font-face declaration for GDS Transport at the root of the CSS document\n/// the first time it is called.\n///\n/// @access private\n\n@mixin _govuk-font-face-gds-transport {\n  @include govuk-exports(\"govuk/helpers/font-faces\") {\n    @at-root {\n      /*! Copyright (c) 2011 by Margaret Calvert & Henrik Kubel. All rights reserved. The font has been customised for exclusive use on gov.uk. This cut is not commercially available. */ /* stylelint-disable-line scss/comment-no-loud  */\n      @font-face {\n        font-family: \"GDS Transport\";\n        font-style: normal;\n        font-weight: normal;\n        src:\n          govuk-font-url(\"light-94a07e06a1-v2.woff2\") format(\"woff2\"),\n          govuk-font-url(\"light-f591b13f7d-v2.woff\") format(\"woff\");\n        font-display: fallback;\n      }\n\n      @font-face {\n        font-family: \"GDS Transport\";\n        font-style: normal;\n        font-weight: bold;\n        src:\n          govuk-font-url(\"bold-b542beb274-v2.woff2\") format(\"woff2\"),\n          govuk-font-url(\"bold-affa96571d-v2.woff\") format(\"woff\");\n        font-display: fallback;\n      }\n    }\n  }\n}\n"]}
diff --git a/node_modules/govuk-frontend/dist/govuk/helpers/_grid.scss b/node_modules/govuk-frontend/dist/govuk/helpers/_grid.scss
new file mode 100644
index 0000000..bc0e620
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/helpers/_grid.scss
@@ -0,0 +1,63 @@
+////
+/// @group helpers/layout
+////
+
+/// Grid width percentage
+///
+/// @param {String} $key - Name of grid width (e.g. two-thirds)
+/// @return {Number} Percentage width
+/// @throw if `$key` is not a valid grid width
+/// @access public
+
+@function govuk-grid-width($key) {
+  @if map-has-key($govuk-grid-widths, $key) {
+    @return map-get($govuk-grid-widths, $key);
+  }
+
+  @error "Unknown grid width `#{$key}`";
+}
+
+/// Generate grid column styles
+///
+/// Creates a grid column with standard gutter between the columns.
+///
+/// Grid widths are defined in the `$govuk-grid-widths` map.
+///
+/// By default the column width changes from 100% to specified width at the
+/// 'tablet' breakpoint, but other breakpoints can be specified using the `$at`
+/// parameter.
+///
+/// @param {String} $width [full] name of a grid width from $govuk-grid-widths
+/// @param {String} $float [left] left | right
+/// @param {String} $at [tablet] - mobile | tablet | desktop | any custom breakpoint
+///
+/// @example scss - Default
+///   .govuk-grid-column-two-thirds {
+///     @include govuk-grid-column(two-thirds)
+///   }
+///
+/// @example scss - Customising the breakpoint where width percentage is applied
+///   .govuk-grid-column-one-half-from-desktop {
+///     @include govuk-grid-column(one-half, $at: desktop);
+///   }
+///
+/// @example scss - Customising the float direction
+///   .govuk-grid-column-one-half-right {
+///     @include govuk-grid-column(two-thirds, $float: right);
+///   }
+///
+/// @access public
+
+@mixin govuk-grid-column($width: full, $float: left, $at: tablet) {
+  box-sizing: border-box;
+  @if $at != desktop {
+    width: 100%;
+  }
+  padding: 0 $govuk-gutter-half;
+  @include govuk-media-query($from: $at) {
+    width: govuk-grid-width($width);
+    float: $float;
+  }
+}
+
+/*# sourceMappingURL=_grid.scss.map */
diff --git a/node_modules/govuk-frontend/dist/govuk/helpers/_grid.scss.map b/node_modules/govuk-frontend/dist/govuk/helpers/_grid.scss.map
new file mode 100644
index 0000000..151a650
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/helpers/_grid.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/govuk/helpers/_grid.scss"],"names":[],"mappings":"AAAA,GAAG;AACH,wBAAwB;AACxB,GAAG;;AAEH,wBAAwB;AACxB,EAAE;AACF,8DAA8D;AAC9D,oCAAoC;AACpC,6CAA6C;AAC7C,iBAAiB;;AAEjB;EACE;IACE,yCAAyC;EAC3C;;EAEA,qCAAqC;AACvC;;AAEA,8BAA8B;AAC9B,EAAE;AACF,kEAAkE;AAClE,EAAE;AACF,2DAA2D;AAC3D,EAAE;AACF,0EAA0E;AAC1E,8EAA8E;AAC9E,aAAa;AACb,EAAE;AACF,6EAA6E;AAC7E,6CAA6C;AAC7C,mFAAmF;AACnF,EAAE;AACF,0BAA0B;AAC1B,oCAAoC;AACpC,6CAA6C;AAC7C,MAAM;AACN,EAAE;AACF,+EAA+E;AAC/E,+CAA+C;AAC/C,0DAA0D;AAC1D,MAAM;AACN,EAAE;AACF,kDAAkD;AAClD,wCAAwC;AACxC,6DAA6D;AAC7D,MAAM;AACN,EAAE;AACF,iBAAiB;;AAEjB;EACE,sBAAsB;EACtB;IACE,WAAW;EACb;EACA,6BAA6B;EAC7B;IACE,+BAA+B;IAC/B,aAAa;EACf;AACF","file":"_grid.scss","sourcesContent":["////\n/// @group helpers/layout\n////\n\n/// Grid width percentage\n///\n/// @param {String} $key - Name of grid width (e.g. two-thirds)\n/// @return {Number} Percentage width\n/// @throw if `$key` is not a valid grid width\n/// @access public\n\n@function govuk-grid-width($key) {\n  @if map-has-key($govuk-grid-widths, $key) {\n    @return map-get($govuk-grid-widths, $key);\n  }\n\n  @error \"Unknown grid width `#{$key}`\";\n}\n\n/// Generate grid column styles\n///\n/// Creates a grid column with standard gutter between the columns.\n///\n/// Grid widths are defined in the `$govuk-grid-widths` map.\n///\n/// By default the column width changes from 100% to specified width at the\n/// 'tablet' breakpoint, but other breakpoints can be specified using the `$at`\n/// parameter.\n///\n/// @param {String} $width [full] name of a grid width from $govuk-grid-widths\n/// @param {String} $float [left] left | right\n/// @param {String} $at [tablet] - mobile | tablet | desktop | any custom breakpoint\n///\n/// @example scss - Default\n///   .govuk-grid-column-two-thirds {\n///     @include govuk-grid-column(two-thirds)\n///   }\n///\n/// @example scss - Customising the breakpoint where width percentage is applied\n///   .govuk-grid-column-one-half-from-desktop {\n///     @include govuk-grid-column(one-half, $at: desktop);\n///   }\n///\n/// @example scss - Customising the float direction\n///   .govuk-grid-column-one-half-right {\n///     @include govuk-grid-column(two-thirds, $float: right);\n///   }\n///\n/// @access public\n\n@mixin govuk-grid-column($width: full, $float: left, $at: tablet) {\n  box-sizing: border-box;\n  @if $at != desktop {\n    width: 100%;\n  }\n  padding: 0 $govuk-gutter-half;\n  @include govuk-media-query($from: $at) {\n    width: govuk-grid-width($width);\n    float: $float;\n  }\n}\n"]}
diff --git a/node_modules/govuk-frontend/dist/govuk/helpers/_index.scss b/node_modules/govuk-frontend/dist/govuk/helpers/_index.scss
new file mode 100644
index 0000000..7a039bd
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/helpers/_index.scss
@@ -0,0 +1,14 @@
+@import "clearfix";
+@import "colour";
+@import "device-pixels";
+@import "focused";
+@import "font-faces";
+@import "grid";
+@import "links";
+@import "media-queries";
+@import "shape-arrow";
+@import "spacing";
+@import "typography";
+@import "visually-hidden";
+
+/*# sourceMappingURL=_index.scss.map */
diff --git a/node_modules/govuk-frontend/dist/govuk/helpers/_index.scss.map b/node_modules/govuk-frontend/dist/govuk/helpers/_index.scss.map
new file mode 100644
index 0000000..d5bc0d2
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/helpers/_index.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/govuk/helpers/_index.scss"],"names":[],"mappings":"AAAA,kBAAkB;AAClB,gBAAgB;AAChB,uBAAuB;AACvB,iBAAiB;AACjB,oBAAoB;AACpB,cAAc;AACd,eAAe;AACf,uBAAuB;AACvB,qBAAqB;AACrB,iBAAiB;AACjB,oBAAoB;AACpB,yBAAyB","file":"_index.scss","sourcesContent":["@import \"clearfix\";\n@import \"colour\";\n@import \"device-pixels\";\n@import \"focused\";\n@import \"font-faces\";\n@import \"grid\";\n@import \"links\";\n@import \"media-queries\";\n@import \"shape-arrow\";\n@import \"spacing\";\n@import \"typography\";\n@import \"visually-hidden\";\n"]}
diff --git a/node_modules/govuk-frontend/dist/govuk/helpers/_links.scss b/node_modules/govuk-frontend/dist/govuk/helpers/_links.scss
new file mode 100644
index 0000000..a19ee3b
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/helpers/_links.scss
@@ -0,0 +1,391 @@
+////
+/// @group helpers/links
+////
+
+/// Common link styles
+///
+/// Provides the typography and focus state, regardless of link style.
+///
+/// @access public
+
+@mixin govuk-link-common {
+  @include govuk-typography-common;
+  @include govuk-link-decoration;
+
+  &:hover {
+    @include govuk-link-hover-decoration;
+  }
+
+  &:focus {
+    @include govuk-focused-text;
+  }
+}
+
+/// Link decoration
+///
+/// Provides the text decoration for links, including thickness and underline
+/// offset. Use this mixin only if you cannot use the `govuk-link-common` mixin.
+///
+/// @access public
+@mixin govuk-link-decoration {
+  text-decoration: underline;
+
+  @if $govuk-link-underline-thickness {
+    text-decoration-thickness: $govuk-link-underline-thickness;
+  }
+
+  @if $govuk-link-underline-offset {
+    text-underline-offset: $govuk-link-underline-offset;
+  }
+}
+
+/// Link hover decoration
+///
+/// Provides the text decoration for links in their hover state, for you to use
+/// within a `:hover` pseudo-selector. Use this mixin only if you cannot use the
+/// `govuk-link-common` mixin.
+///
+/// @access public
+
+@mixin govuk-link-hover-decoration {
+  @if $govuk-link-hover-underline-thickness {
+    text-decoration-thickness: $govuk-link-hover-underline-thickness;
+    // Disable ink skipping on underlines on hover. Browsers haven't
+    // standardised on this part of the spec yet, so set both properties
+    -webkit-text-decoration-skip-ink: none;
+            text-decoration-skip-ink: none; // Chromium, Firefox
+    -webkit-text-decoration-skip: none;
+            text-decoration-skip: none; // Safari
+  }
+}
+
+/// Default link styles
+///
+/// Makes links use the default unvisited, visited, hover and active colours.
+///
+/// If you use this mixin in a component, you must also include the
+/// `govuk-link-common` mixin to get the correct focus and hover states.
+///
+/// @example scss
+///   .govuk-component__link {
+///     @include govuk-link-common;
+///     @include govuk-link-style-default;
+///   }
+///
+/// @access public
+
+@mixin govuk-link-style-default {
+  &:link {
+    color: $govuk-link-colour;
+  }
+
+  &:visited {
+    color: $govuk-link-visited-colour;
+  }
+
+  &:hover {
+    color: $govuk-link-hover-colour;
+  }
+
+  &:active {
+    color: $govuk-link-active-colour;
+  }
+
+  // When focussed, the text colour needs to be darker to ensure that colour
+  // contrast is still acceptable
+  &:focus {
+    color: $govuk-focus-text-colour;
+  }
+}
+
+/// Error link styles
+///
+/// Makes links use the error colour. The link will darken if it's active or a
+/// user hovers their cursor over it.
+///
+/// If you use this mixin in a component, you must also include the
+/// `govuk-link-common` mixin to get the correct focus and hover states.
+///
+/// @example scss
+///   .govuk-component__link {
+///     @include govuk-link-common;
+///     @include govuk-link-style-error;
+///   }
+///
+/// @access public
+
+@mixin govuk-link-style-error {
+  &:link,
+  &:visited {
+    color: $govuk-error-colour;
+  }
+
+  &:hover {
+    color: scale-color($govuk-error-colour, $lightness: -30%);
+  }
+
+  &:active {
+    color: $govuk-error-colour;
+  }
+
+  // When focussed, the text colour needs to be darker to ensure that colour
+  // contrast is still acceptable
+  &:focus {
+    color: $govuk-focus-text-colour;
+  }
+}
+
+/// Success link styles
+///
+/// Makes links use the success colour. The link will darken if it's active or a
+/// user hovers their cursor over it.
+///
+/// If you use this mixin in a component, you must also include the
+/// `govuk-link-common` mixin to get the correct focus and hover states.
+///
+/// @example scss
+///   .govuk-component__link {
+///     @include govuk-link-common;
+///     @include govuk-link-style-success;
+///   }
+///
+/// @access public
+
+@mixin govuk-link-style-success {
+  &:link,
+  &:visited {
+    color: $govuk-success-colour;
+  }
+
+  &:hover {
+    color: scale-color($govuk-success-colour, $lightness: -30%);
+  }
+
+  &:active {
+    color: $govuk-success-colour;
+  }
+
+  // When focussed, the text colour needs to be darker to ensure that colour
+  // contrast is still acceptable
+  &:focus {
+    color: $govuk-focus-text-colour;
+  }
+}
+
+/// Muted link styles
+///
+/// Makes links use the secondary text colour. The link will darken if it's
+/// active or a user hovers their cursor over it.
+///
+/// If you use this mixin in a component, you must also include the
+/// `govuk-link-common` mixin to get the correct focus and hover states.
+///
+/// @example scss
+///   .govuk-component__link {
+///     @include govuk-link-common;
+///     @include govuk-link-style-muted;
+///   }
+///
+/// @access public
+
+@mixin govuk-link-style-muted {
+  &:link,
+  &:visited {
+    color: $govuk-secondary-text-colour;
+  }
+
+  &:hover,
+  &:active {
+    color: $govuk-text-colour;
+  }
+
+  // When focussed, the text colour needs to be darker to ensure that colour
+  // contrast is still acceptable
+  &:focus {
+    color: $govuk-focus-text-colour;
+  }
+}
+
+/// Text link styles
+///
+/// Makes links use the primary text colour, in all states. Use this mixin for
+/// navigation components, such as breadcrumbs or the back link.
+///
+/// If you use this mixin in a component, you must also include the
+/// `govuk-link-common` mixin to get the correct focus and hover states.
+///
+/// @example scss
+///   .govuk-component__link {
+///     @include govuk-link-common;
+///     @include govuk-link-style-text;
+///   }
+///
+/// @access public
+
+@mixin govuk-link-style-text {
+  &:link,
+  &:visited {
+    @include govuk-text-colour;
+  }
+
+  // Force a colour change on hover to work around a bug in Safari
+  // https://webkit.org/b/224483
+  &:hover {
+    @if type-of($govuk-text-colour) == color {
+      color: rgba($govuk-text-colour, 0.99);
+    }
+  }
+
+  &:active,
+  &:focus {
+    @include govuk-text-colour;
+  }
+}
+
+/// Inverse link styles
+///
+/// Makes links white, in all states. Use this mixin if you're displaying links
+/// against a dark background.
+///
+/// If you use this mixin in a component, you must also include the
+/// `govuk-link-common` mixin to get the correct focus and hover states.
+///
+/// @example scss
+///   .govuk-component__link {
+///     @include govuk-link-common;
+///     @include govuk-link-style-inverse;
+///   }
+///
+/// @access public
+
+@mixin govuk-link-style-inverse {
+  &:link,
+  &:visited {
+    color: govuk-colour("white");
+  }
+
+  // Force a colour change on hover to work around a bug in Safari
+  // https://webkit.org/b/224483
+  &:hover,
+  &:active {
+    color: rgba(govuk-colour("white"), 0.99);
+  }
+
+  &:focus {
+    color: $govuk-focus-text-colour;
+  }
+}
+
+/// Default link styles, without a visited state
+///
+/// Makes links use the default unvisited, hover and active colours, with no
+/// distinct visited state.
+///
+/// Use this mixin when it's not helpful to distinguish between visited and
+/// non-visited links. For example, when you link to pages with
+/// frequently-changing content, such as the dashboard for an admin interface.
+///
+/// If you use this mixin in a component, you must also include the
+/// `govuk-link-common` mixin to get the correct focus and hover states.
+///
+/// @example scss
+///   .govuk-component__link {
+///     @include govuk-link-common;
+///     @include govuk-link-style-no-visited-state;
+///   }
+///
+/// @access public
+
+@mixin govuk-link-style-no-visited-state {
+  &:link {
+    color: $govuk-link-colour;
+  }
+
+  &:visited {
+    color: $govuk-link-colour;
+  }
+
+  &:hover {
+    color: $govuk-link-hover-colour;
+  }
+
+  &:active {
+    color: $govuk-link-active-colour;
+  }
+
+  // When focussed, the text colour needs to be darker to ensure that colour
+  // contrast is still acceptable
+  &:focus {
+    color: $govuk-focus-text-colour;
+  }
+}
+
+/// Remove underline from links
+///
+/// Remove underlines from links unless the link is active or a user hovers
+/// their cursor over it.
+///
+/// @example scss
+///   .govuk-component__link {
+///     @include govuk-link-common;
+///     @include govuk-link-style-default;
+///     @include govuk-link-style-no-underline;
+///   }
+///
+/// @access public
+
+@mixin govuk-link-style-no-underline {
+  &:not(:hover):not(:active) {
+    text-decoration: none;
+  }
+}
+
+/// Include link destination when printing the page
+///
+/// If the user prints the page, add the destination URL after the link text, if
+/// the URL starts with `/`, `http://` or `https://`.
+///
+/// @access public
+
+@mixin govuk-link-print-friendly {
+  @include govuk-media-query($media-type: print) {
+    &[href^="/"],
+    &[href^="http://"],
+    &[href^="https://"]
+    {
+      &::after {
+        content: " (" attr(href) ")";
+        font-size: 90%;
+
+        // Because the URLs may be very long, ensure that they may be broken
+        // at arbitrary points if there are no otherwise acceptable break
+        // points in the line
+        word-wrap: break-word;
+      }
+    }
+  }
+}
+
+/// Image link styles
+///
+/// Prepares and provides the focus state for links that only contain images
+/// with no accompanying text.
+///
+/// @access public
+
+@mixin govuk-link-image {
+  // Needed to draw the focus around the entire image
+  display: inline-block;
+
+  // Remove extra space at the bottom of the image that's added by line-height
+  line-height: 0;
+
+  // Don't render an underline
+  text-decoration: none;
+
+  &:focus {
+    @include govuk-focused-box;
+  }
+}
+
+/*# sourceMappingURL=_links.scss.map */
diff --git a/node_modules/govuk-frontend/dist/govuk/helpers/_links.scss.map b/node_modules/govuk-frontend/dist/govuk/helpers/_links.scss.map
new file mode 100644
index 0000000..3793c5e
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/helpers/_links.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/govuk/helpers/_links.scss"],"names":[],"mappings":"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","file":"_links.scss","sourcesContent":["////\n/// @group helpers/links\n////\n\n/// Common link styles\n///\n/// Provides the typography and focus state, regardless of link style.\n///\n/// @access public\n\n@mixin govuk-link-common {\n  @include govuk-typography-common;\n  @include govuk-link-decoration;\n\n  &:hover {\n    @include govuk-link-hover-decoration;\n  }\n\n  &:focus {\n    @include govuk-focused-text;\n  }\n}\n\n/// Link decoration\n///\n/// Provides the text decoration for links, including thickness and underline\n/// offset. Use this mixin only if you cannot use the `govuk-link-common` mixin.\n///\n/// @access public\n@mixin govuk-link-decoration {\n  text-decoration: underline;\n\n  @if $govuk-link-underline-thickness {\n    text-decoration-thickness: $govuk-link-underline-thickness;\n  }\n\n  @if $govuk-link-underline-offset {\n    text-underline-offset: $govuk-link-underline-offset;\n  }\n}\n\n/// Link hover decoration\n///\n/// Provides the text decoration for links in their hover state, for you to use\n/// within a `:hover` pseudo-selector. Use this mixin only if you cannot use the\n/// `govuk-link-common` mixin.\n///\n/// @access public\n\n@mixin govuk-link-hover-decoration {\n  @if $govuk-link-hover-underline-thickness {\n    text-decoration-thickness: $govuk-link-hover-underline-thickness;\n    // Disable ink skipping on underlines on hover. Browsers haven't\n    // standardised on this part of the spec yet, so set both properties\n    text-decoration-skip-ink: none; // Chromium, Firefox\n    text-decoration-skip: none; // Safari\n  }\n}\n\n/// Default link styles\n///\n/// Makes links use the default unvisited, visited, hover and active colours.\n///\n/// If you use this mixin in a component, you must also include the\n/// `govuk-link-common` mixin to get the correct focus and hover states.\n///\n/// @example scss\n///   .govuk-component__link {\n///     @include govuk-link-common;\n///     @include govuk-link-style-default;\n///   }\n///\n/// @access public\n\n@mixin govuk-link-style-default {\n  &:link {\n    color: $govuk-link-colour;\n  }\n\n  &:visited {\n    color: $govuk-link-visited-colour;\n  }\n\n  &:hover {\n    color: $govuk-link-hover-colour;\n  }\n\n  &:active {\n    color: $govuk-link-active-colour;\n  }\n\n  // When focussed, the text colour needs to be darker to ensure that colour\n  // contrast is still acceptable\n  &:focus {\n    color: $govuk-focus-text-colour;\n  }\n}\n\n/// Error link styles\n///\n/// Makes links use the error colour. The link will darken if it's active or a\n/// user hovers their cursor over it.\n///\n/// If you use this mixin in a component, you must also include the\n/// `govuk-link-common` mixin to get the correct focus and hover states.\n///\n/// @example scss\n///   .govuk-component__link {\n///     @include govuk-link-common;\n///     @include govuk-link-style-error;\n///   }\n///\n/// @access public\n\n@mixin govuk-link-style-error {\n  &:link,\n  &:visited {\n    color: $govuk-error-colour;\n  }\n\n  &:hover {\n    color: scale-color($govuk-error-colour, $lightness: -30%);\n  }\n\n  &:active {\n    color: $govuk-error-colour;\n  }\n\n  // When focussed, the text colour needs to be darker to ensure that colour\n  // contrast is still acceptable\n  &:focus {\n    color: $govuk-focus-text-colour;\n  }\n}\n\n/// Success link styles\n///\n/// Makes links use the success colour. The link will darken if it's active or a\n/// user hovers their cursor over it.\n///\n/// If you use this mixin in a component, you must also include the\n/// `govuk-link-common` mixin to get the correct focus and hover states.\n///\n/// @example scss\n///   .govuk-component__link {\n///     @include govuk-link-common;\n///     @include govuk-link-style-success;\n///   }\n///\n/// @access public\n\n@mixin govuk-link-style-success {\n  &:link,\n  &:visited {\n    color: $govuk-success-colour;\n  }\n\n  &:hover {\n    color: scale-color($govuk-success-colour, $lightness: -30%);\n  }\n\n  &:active {\n    color: $govuk-success-colour;\n  }\n\n  // When focussed, the text colour needs to be darker to ensure that colour\n  // contrast is still acceptable\n  &:focus {\n    color: $govuk-focus-text-colour;\n  }\n}\n\n/// Muted link styles\n///\n/// Makes links use the secondary text colour. The link will darken if it's\n/// active or a user hovers their cursor over it.\n///\n/// If you use this mixin in a component, you must also include the\n/// `govuk-link-common` mixin to get the correct focus and hover states.\n///\n/// @example scss\n///   .govuk-component__link {\n///     @include govuk-link-common;\n///     @include govuk-link-style-muted;\n///   }\n///\n/// @access public\n\n@mixin govuk-link-style-muted {\n  &:link,\n  &:visited {\n    color: $govuk-secondary-text-colour;\n  }\n\n  &:hover,\n  &:active {\n    color: $govuk-text-colour;\n  }\n\n  // When focussed, the text colour needs to be darker to ensure that colour\n  // contrast is still acceptable\n  &:focus {\n    color: $govuk-focus-text-colour;\n  }\n}\n\n/// Text link styles\n///\n/// Makes links use the primary text colour, in all states. Use this mixin for\n/// navigation components, such as breadcrumbs or the back link.\n///\n/// If you use this mixin in a component, you must also include the\n/// `govuk-link-common` mixin to get the correct focus and hover states.\n///\n/// @example scss\n///   .govuk-component__link {\n///     @include govuk-link-common;\n///     @include govuk-link-style-text;\n///   }\n///\n/// @access public\n\n@mixin govuk-link-style-text {\n  &:link,\n  &:visited {\n    @include govuk-text-colour;\n  }\n\n  // Force a colour change on hover to work around a bug in Safari\n  // https://webkit.org/b/224483\n  &:hover {\n    @if type-of($govuk-text-colour) == color {\n      color: rgba($govuk-text-colour, 0.99);\n    }\n  }\n\n  &:active,\n  &:focus {\n    @include govuk-text-colour;\n  }\n}\n\n/// Inverse link styles\n///\n/// Makes links white, in all states. Use this mixin if you're displaying links\n/// against a dark background.\n///\n/// If you use this mixin in a component, you must also include the\n/// `govuk-link-common` mixin to get the correct focus and hover states.\n///\n/// @example scss\n///   .govuk-component__link {\n///     @include govuk-link-common;\n///     @include govuk-link-style-inverse;\n///   }\n///\n/// @access public\n\n@mixin govuk-link-style-inverse {\n  &:link,\n  &:visited {\n    color: govuk-colour(\"white\");\n  }\n\n  // Force a colour change on hover to work around a bug in Safari\n  // https://webkit.org/b/224483\n  &:hover,\n  &:active {\n    color: rgba(govuk-colour(\"white\"), 0.99);\n  }\n\n  &:focus {\n    color: $govuk-focus-text-colour;\n  }\n}\n\n/// Default link styles, without a visited state\n///\n/// Makes links use the default unvisited, hover and active colours, with no\n/// distinct visited state.\n///\n/// Use this mixin when it's not helpful to distinguish between visited and\n/// non-visited links. For example, when you link to pages with\n/// frequently-changing content, such as the dashboard for an admin interface.\n///\n/// If you use this mixin in a component, you must also include the\n/// `govuk-link-common` mixin to get the correct focus and hover states.\n///\n/// @example scss\n///   .govuk-component__link {\n///     @include govuk-link-common;\n///     @include govuk-link-style-no-visited-state;\n///   }\n///\n/// @access public\n\n@mixin govuk-link-style-no-visited-state {\n  &:link {\n    color: $govuk-link-colour;\n  }\n\n  &:visited {\n    color: $govuk-link-colour;\n  }\n\n  &:hover {\n    color: $govuk-link-hover-colour;\n  }\n\n  &:active {\n    color: $govuk-link-active-colour;\n  }\n\n  // When focussed, the text colour needs to be darker to ensure that colour\n  // contrast is still acceptable\n  &:focus {\n    color: $govuk-focus-text-colour;\n  }\n}\n\n/// Remove underline from links\n///\n/// Remove underlines from links unless the link is active or a user hovers\n/// their cursor over it.\n///\n/// @example scss\n///   .govuk-component__link {\n///     @include govuk-link-common;\n///     @include govuk-link-style-default;\n///     @include govuk-link-style-no-underline;\n///   }\n///\n/// @access public\n\n@mixin govuk-link-style-no-underline {\n  &:not(:hover):not(:active) {\n    text-decoration: none;\n  }\n}\n\n/// Include link destination when printing the page\n///\n/// If the user prints the page, add the destination URL after the link text, if\n/// the URL starts with `/`, `http://` or `https://`.\n///\n/// @access public\n\n@mixin govuk-link-print-friendly {\n  @include govuk-media-query($media-type: print) {\n    &[href^=\"/\"],\n    &[href^=\"http://\"],\n    &[href^=\"https://\"]\n    {\n      &::after {\n        content: \" (\" attr(href) \")\";\n        font-size: 90%;\n\n        // Because the URLs may be very long, ensure that they may be broken\n        // at arbitrary points if there are no otherwise acceptable break\n        // points in the line\n        word-wrap: break-word;\n      }\n    }\n  }\n}\n\n/// Image link styles\n///\n/// Prepares and provides the focus state for links that only contain images\n/// with no accompanying text.\n///\n/// @access public\n\n@mixin govuk-link-image {\n  // Needed to draw the focus around the entire image\n  display: inline-block;\n\n  // Remove extra space at the bottom of the image that's added by line-height\n  line-height: 0;\n\n  // Don't render an underline\n  text-decoration: none;\n\n  &:focus {\n    @include govuk-focused-box;\n  }\n}\n"]}
diff --git a/node_modules/govuk-frontend/dist/govuk/helpers/_media-queries.scss b/node_modules/govuk-frontend/dist/govuk/helpers/_media-queries.scss
new file mode 100644
index 0000000..be3f024
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/helpers/_media-queries.scss
@@ -0,0 +1,82 @@
+////
+/// @group helpers/layout
+////
+
+// =========================================================
+// Wrangle sass-mq config...
+// =========================================================
+
+// Pass our breakpoint definitions through to sass-mq.
+$mq-breakpoints: if(variable-exists(govuk-breakpoints), $govuk-breakpoints, ());
+
+$mq-show-breakpoints: ();
+
+@if variable-exists(govuk-show-breakpoints) and $govuk-show-breakpoints {
+  $mq-show-breakpoints: map-keys($govuk-breakpoints);
+}
+
+// This is a horrible, horrible hack to prevent the 'dev mode' CSS to display
+// the current breakpoint from being included multiple times.
+//
+// We can't use the `exports` mixin for this because import directives cannot be
+// used within control directives 😠
+$sass-mq-already-included: false !default;
+
+@if $sass-mq-already-included {
+  $mq-show-breakpoints: ();
+}
+
+@import "../vendor/sass-mq";
+
+$sass-mq-already-included: true;
+
+// =========================================================
+// Helpers
+// =========================================================
+
+/// Media Query
+///
+/// This is a currently a wrapper for sass-mq - abstracted so that we can
+/// replace it in the future if we so choose.
+///
+/// @param {String | Boolean} $from [false] - One of $govuk-breakpoints
+/// @param {String | Boolean} $until [false] - One of $govuk-breakpoints
+/// @param {String | Boolean} $and [false] - Additional media query parameters
+/// @param {String} $media-type [all] - Media type: screen, print…
+///
+/// @ignore Undocumented mq API, for advanced use only:
+/// @ignore @param {Map} $breakpoints [$govuk-breakpoints]
+///
+/// @content styling rules, wrapped into a @media query when $responsive is true
+///
+/// @example scss
+///  .element {
+///    @include govuk-media-query($from: mobile) {
+///      color: red;
+///    }
+///    @include govuk-media-query($until: tablet) {
+///      color: blue;
+///    }
+///    @include govuk-media-query(mobile, tablet) {
+///      color: green;
+///    }
+///    @include govuk-media-query($from: tablet, $and: '(orientation: landscape)') {
+///      color: teal;
+///    }
+///    @include govuk-media-query(950px) {
+///      color: hotpink;
+///    }
+///    @include govuk-media-query(tablet, $media-type: screen) {
+///      color: hotpink;
+///    }
+///  }
+///
+/// @access public
+
+@mixin govuk-media-query($args...) {
+  @include mq($args...) {
+    @content;
+  }
+}
+
+/*# sourceMappingURL=_media-queries.scss.map */
diff --git a/node_modules/govuk-frontend/dist/govuk/helpers/_media-queries.scss.map b/node_modules/govuk-frontend/dist/govuk/helpers/_media-queries.scss.map
new file mode 100644
index 0000000..6e2d6dd
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/helpers/_media-queries.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/govuk/helpers/_media-queries.scss"],"names":[],"mappings":"AAAA,GAAG;AACH,wBAAwB;AACxB,GAAG;;AAEH,2DAA2D;AAC3D,2BAA2B;AAC3B,2DAA2D;;AAE3D,qDAAqD;AACrD,+EAA+E;;AAE/E,wBAAwB;;AAExB;EACE,kDAAkD;AACpD;;AAEA,4EAA4E;AAC5E,4DAA4D;AAC5D,CAAC;AACD,+EAA+E;AAC/E,mCAAmC;AACnC,yCAAyC;;AAEzC;EACE,wBAAwB;AAC1B;;AAEA,2BAA2B;;AAE3B,+BAA+B;;AAE/B,2DAA2D;AAC3D,SAAS;AACT,2DAA2D;;AAE3D,cAAc;AACd,EAAE;AACF,wEAAwE;AACxE,4CAA4C;AAC5C,EAAE;AACF,sEAAsE;AACtE,uEAAuE;AACvE,6EAA6E;AAC7E,iEAAiE;AACjE,EAAE;AACF,sDAAsD;AACtD,yDAAyD;AACzD,EAAE;AACF,+EAA+E;AAC/E,EAAE;AACF,gBAAgB;AAChB,cAAc;AACd,iDAAiD;AACjD,mBAAmB;AACnB,OAAO;AACP,kDAAkD;AAClD,oBAAoB;AACpB,OAAO;AACP,kDAAkD;AAClD,qBAAqB;AACrB,OAAO;AACP,mFAAmF;AACnF,oBAAoB;AACpB,OAAO;AACP,yCAAyC;AACzC,uBAAuB;AACvB,OAAO;AACP,+DAA+D;AAC/D,uBAAuB;AACvB,OAAO;AACP,KAAK;AACL,EAAE;AACF,iBAAiB;;AAEjB;EACE;IACE,QAAQ;EACV;AACF","file":"_media-queries.scss","sourcesContent":["////\n/// @group helpers/layout\n////\n\n// =========================================================\n// Wrangle sass-mq config...\n// =========================================================\n\n// Pass our breakpoint definitions through to sass-mq.\n$mq-breakpoints: if(variable-exists(govuk-breakpoints), $govuk-breakpoints, ());\n\n$mq-show-breakpoints: ();\n\n@if variable-exists(govuk-show-breakpoints) and $govuk-show-breakpoints {\n  $mq-show-breakpoints: map-keys($govuk-breakpoints);\n}\n\n// This is a horrible, horrible hack to prevent the 'dev mode' CSS to display\n// the current breakpoint from being included multiple times.\n//\n// We can't use the `exports` mixin for this because import directives cannot be\n// used within control directives 😠\n$sass-mq-already-included: false !default;\n\n@if $sass-mq-already-included {\n  $mq-show-breakpoints: ();\n}\n\n@import \"../vendor/sass-mq\";\n\n$sass-mq-already-included: true;\n\n// =========================================================\n// Helpers\n// =========================================================\n\n/// Media Query\n///\n/// This is a currently a wrapper for sass-mq - abstracted so that we can\n/// replace it in the future if we so choose.\n///\n/// @param {String | Boolean} $from [false] - One of $govuk-breakpoints\n/// @param {String | Boolean} $until [false] - One of $govuk-breakpoints\n/// @param {String | Boolean} $and [false] - Additional media query parameters\n/// @param {String} $media-type [all] - Media type: screen, print…\n///\n/// @ignore Undocumented mq API, for advanced use only:\n/// @ignore @param {Map} $breakpoints [$govuk-breakpoints]\n///\n/// @content styling rules, wrapped into a @media query when $responsive is true\n///\n/// @example scss\n///  .element {\n///    @include govuk-media-query($from: mobile) {\n///      color: red;\n///    }\n///    @include govuk-media-query($until: tablet) {\n///      color: blue;\n///    }\n///    @include govuk-media-query(mobile, tablet) {\n///      color: green;\n///    }\n///    @include govuk-media-query($from: tablet, $and: '(orientation: landscape)') {\n///      color: teal;\n///    }\n///    @include govuk-media-query(950px) {\n///      color: hotpink;\n///    }\n///    @include govuk-media-query(tablet, $media-type: screen) {\n///      color: hotpink;\n///    }\n///  }\n///\n/// @access public\n\n@mixin govuk-media-query($args...) {\n  @include mq($args...) {\n    @content;\n  }\n}\n"]}
diff --git a/node_modules/govuk-frontend/dist/govuk/helpers/_shape-arrow.scss b/node_modules/govuk-frontend/dist/govuk/helpers/_shape-arrow.scss
new file mode 100644
index 0000000..5cb74cf
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/helpers/_shape-arrow.scss
@@ -0,0 +1,82 @@
+////
+/// @group helpers/shapes
+////
+
+/// Calculate the height of an equilateral triangle
+///
+/// Multiplying half the length of the base of an equilateral triangle by the
+/// square root of three gives us its height. We use 1.732 as an approximation.
+///
+/// @param {Number} $base - Length of the base of the triangle
+/// @return {Number} Calculated height of the triangle
+/// @access private
+
+@function _govuk-equilateral-height($base) {
+  $square-root-of-three: 1.732;
+
+  @return ($base / 2) * $square-root-of-three;
+}
+
+/// Arrow mixin
+///
+/// Generate Arrows (triangles) by using a mix of transparent (1) and coloured
+/// borders. The coloured borders inherit the text colour of the element (2).
+///
+/// Ensure the arrow is rendered correctly if browser colours are overridden by
+/// providing a clip path (3). Without this the transparent borders are
+/// overridden to become visible which results in a square.
+///
+/// We need both because older browsers do not support clip-path.
+///
+/// @param {String} $direction - Direction for arrow: up, right, down, left.
+/// @param {Number} $base - Length of the triangle 'base' side
+/// @param {Number} $height [null] - Height of triangle. Omit for equilateral.
+/// @param {String} $display [block] - CSS display property of the arrow
+///
+/// @access public
+
+@mixin govuk-shape-arrow($direction, $base, $height: null, $display: block) {
+  display: $display;
+
+  width: 0;
+  height: 0;
+
+  border-style: solid;
+  border-color: transparent; // 1
+
+  $perpendicular: $base / 2;
+
+  @if not $height {
+    $height: _govuk-equilateral-height($base);
+  }
+
+  @if $direction == "up" {
+    -webkit-clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
+            clip-path: polygon(50% 0%, 0% 100%, 100% 100%); // 3
+
+    border-width: 0 $perpendicular $height;
+    border-bottom-color: inherit; // 2
+  } @else if $direction == "right" {
+    -webkit-clip-path: polygon(0% 0%, 100% 50%, 0% 100%);
+            clip-path: polygon(0% 0%, 100% 50%, 0% 100%); // 3
+
+    border-width: $perpendicular 0 $perpendicular $height;
+    border-left-color: inherit; // 2
+  } @else if $direction == "down" {
+    -webkit-clip-path: polygon(0% 0%, 50% 100%, 100% 0%);
+            clip-path: polygon(0% 0%, 50% 100%, 100% 0%); // 3
+
+    border-width: $height $perpendicular 0 $perpendicular;
+    border-top-color: inherit; // 2
+  } @else if $direction == "left" {
+    -webkit-clip-path: polygon(0% 50%, 100% 100%, 100% 0%);
+            clip-path: polygon(0% 50%, 100% 100%, 100% 0%); // 3
+
+    border-width: $perpendicular $height $perpendicular 0;
+    border-right-color: inherit; // 2
+  } @else {
+    @error "Invalid arrow direction: expected `up`, `right`, `down` or `left`, got `#{$direction}`";
+  }
+}
+
+/*# sourceMappingURL=_shape-arrow.scss.map */
diff --git a/node_modules/govuk-frontend/dist/govuk/helpers/_shape-arrow.scss.map b/node_modules/govuk-frontend/dist/govuk/helpers/_shape-arrow.scss.map
new file mode 100644
index 0000000..23b5e54
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/helpers/_shape-arrow.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/govuk/helpers/_shape-arrow.scss"],"names":[],"mappings":"AAAA,GAAG;AACH,wBAAwB;AACxB,GAAG;;AAEH,kDAAkD;AAClD,EAAE;AACF,4EAA4E;AAC5E,8EAA8E;AAC9E,EAAE;AACF,6DAA6D;AAC7D,qDAAqD;AACrD,kBAAkB;;AAElB;EACE,4BAA4B;;EAE5B,2CAA2C;AAC7C;;AAEA,cAAc;AACd,EAAE;AACF,6EAA6E;AAC7E,4EAA4E;AAC5E,EAAE;AACF,8EAA8E;AAC9E,sEAAsE;AACtE,0DAA0D;AAC1D,EAAE;AACF,gEAAgE;AAChE,EAAE;AACF,2EAA2E;AAC3E,6DAA6D;AAC7D,6EAA6E;AAC7E,uEAAuE;AACvE,EAAE;AACF,iBAAiB;;AAEjB;EACE,iBAAiB;;EAEjB,QAAQ;EACR,SAAS;;EAET,mBAAmB;EACnB,yBAAyB,EAAE,GAAG;;EAE9B,yBAAyB;;EAEzB;IACE,yCAAyC;EAC3C;;EAEA;IACE,sDAA8C;YAA9C,8CAA8C,EAAE,GAAG;;IAEnD,sCAAsC;IACtC,4BAA4B,EAAE,GAAG;EACnC,EAAE;IACA,oDAA4C;YAA5C,4CAA4C,EAAE,GAAG;;IAEjD,qDAAqD;IACrD,0BAA0B,EAAE,GAAG;EACjC,EAAE;IACA,oDAA4C;YAA5C,4CAA4C,EAAE,GAAG;;IAEjD,qDAAqD;IACrD,yBAAyB,EAAE,GAAG;EAChC,EAAE;IACA,sDAA8C;YAA9C,8CAA8C,EAAE,GAAG;;IAEnD,qDAAqD;IACrD,2BAA2B,EAAE,GAAG;EAClC,EAAE;IACA,+FAA+F;EACjG;AACF","file":"_shape-arrow.scss","sourcesContent":["////\n/// @group helpers/shapes\n////\n\n/// Calculate the height of an equilateral triangle\n///\n/// Multiplying half the length of the base of an equilateral triangle by the\n/// square root of three gives us its height. We use 1.732 as an approximation.\n///\n/// @param {Number} $base - Length of the base of the triangle\n/// @return {Number} Calculated height of the triangle\n/// @access private\n\n@function _govuk-equilateral-height($base) {\n  $square-root-of-three: 1.732;\n\n  @return ($base / 2) * $square-root-of-three;\n}\n\n/// Arrow mixin\n///\n/// Generate Arrows (triangles) by using a mix of transparent (1) and coloured\n/// borders. The coloured borders inherit the text colour of the element (2).\n///\n/// Ensure the arrow is rendered correctly if browser colours are overridden by\n/// providing a clip path (3). Without this the transparent borders are\n/// overridden to become visible which results in a square.\n///\n/// We need both because older browsers do not support clip-path.\n///\n/// @param {String} $direction - Direction for arrow: up, right, down, left.\n/// @param {Number} $base - Length of the triangle 'base' side\n/// @param {Number} $height [null] - Height of triangle. Omit for equilateral.\n/// @param {String} $display [block] - CSS display property of the arrow\n///\n/// @access public\n\n@mixin govuk-shape-arrow($direction, $base, $height: null, $display: block) {\n  display: $display;\n\n  width: 0;\n  height: 0;\n\n  border-style: solid;\n  border-color: transparent; // 1\n\n  $perpendicular: $base / 2;\n\n  @if not $height {\n    $height: _govuk-equilateral-height($base);\n  }\n\n  @if $direction == \"up\" {\n    clip-path: polygon(50% 0%, 0% 100%, 100% 100%); // 3\n\n    border-width: 0 $perpendicular $height;\n    border-bottom-color: inherit; // 2\n  } @else if $direction == \"right\" {\n    clip-path: polygon(0% 0%, 100% 50%, 0% 100%); // 3\n\n    border-width: $perpendicular 0 $perpendicular $height;\n    border-left-color: inherit; // 2\n  } @else if $direction == \"down\" {\n    clip-path: polygon(0% 0%, 50% 100%, 100% 0%); // 3\n\n    border-width: $height $perpendicular 0 $perpendicular;\n    border-top-color: inherit; // 2\n  } @else if $direction == \"left\" {\n    clip-path: polygon(0% 50%, 100% 100%, 100% 0%); // 3\n\n    border-width: $perpendicular $height $perpendicular 0;\n    border-right-color: inherit; // 2\n  } @else {\n    @error \"Invalid arrow direction: expected `up`, `right`, `down` or `left`, got `#{$direction}`\";\n  }\n}\n"]}
diff --git a/node_modules/govuk-frontend/dist/govuk/helpers/_spacing.scss b/node_modules/govuk-frontend/dist/govuk/helpers/_spacing.scss
new file mode 100644
index 0000000..ee53065
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/helpers/_spacing.scss
@@ -0,0 +1,173 @@
+////
+/// @group helpers/spacing
+////
+
+/// Single point spacing
+///
+/// Returns measurement corresponding to the spacing point requested.
+///
+/// @param {Number} $spacing-point - Point on the spacing scale
+///  (set in `settings/_spacing.scss`)
+///
+/// @returns {String} Spacing measurement eg. 10px
+///
+/// @example scss
+///   .element {
+///     padding: govuk-spacing(5);
+///   }
+///
+/// @example scss Using negative spacing
+///   .element {
+///     margin-top: govuk-spacing(-1);
+///   }
+///
+/// @example scss Marking spacing declarations as important
+///   .element {
+///     margin-top: govuk-spacing(1) !important;
+///   }
+///
+/// @access public
+
+@function govuk-spacing($spacing-point) {
+  $actual-input-type: type-of($spacing-point);
+  @if $actual-input-type != "number" {
+    @error "Expected a number (integer), but got a "
+      + "#{$actual-input-type}.";
+  }
+
+  $is-negative: false;
+  @if $spacing-point < 0 {
+    $is-negative: true;
+    $spacing-point: abs($spacing-point);
+  }
+
+  @if not map-has-key($govuk-spacing-points, $spacing-point) {
+    @error "Unknown spacing variable `#{$spacing-point}`. Make sure you are using a point from the spacing scale in `_settings/spacing.scss`.";
+  }
+
+  $value: map-get($govuk-spacing-points, $spacing-point);
+  @return if($is-negative, $value * -1, $value);
+}
+
+/// Responsive spacing
+///
+/// Adds responsive spacing (either padding or margin, depending on `$property`)
+/// by fetching a 'spacing map' from the responsive spacing scale, which defines
+/// different spacing values at different breakpoints.
+///
+/// To generate responsive spacing, use 'govuk-responsive-margin' or
+/// 'govuk-responsive-padding' mixins
+///
+/// @param {Number} $responsive-spacing-point - Point on the responsive spacing
+///   scale, corresponds to a map of breakpoints and spacing values
+/// @param {String} $property - Property to add spacing to (e.g. 'margin')
+/// @param {String} $direction [all] - Direction to add spacing to
+///   (`top`, `right`, `bottom`, `left`, `all`)
+/// @param {Boolean} $important [false] - Whether to mark as `!important`
+/// @param {Number} $adjustment [false] - Offset to adjust spacing by
+///
+/// @access private
+
+@mixin _govuk-responsive-spacing(
+  $responsive-spacing-point,
+  $property,
+  $direction: "all",
+  $important: false,
+  $adjustment: false
+) {
+  $actual-input-type: type-of($responsive-spacing-point);
+  @if $actual-input-type != "number" {
+    @error "Expected a number (integer), but got a " + "#{$actual-input-type}.";
+  }
+
+  @if not map-has-key($govuk-spacing-responsive-scale, $responsive-spacing-point) {
+    @error "Unknown spacing point `#{$responsive-spacing-point}`. Make sure you are using a point from the "
+      + "responsive spacing scale in `_settings/spacing.scss`.";
+  }
+
+  // Make sure that the return value from `_settings/spacing.scss` is a map.
+  $scale-map: map-get($govuk-spacing-responsive-scale, $responsive-spacing-point);
+  $actual-map-type: type-of($scale-map);
+  @if $actual-map-type != "map" {
+    @error "Expected a number (integer), but got a "
+      + "#{$actual-map-type}. Make sure you are using a map to set the responsive spacing in `_settings/spacing.scss`)";
+  }
+
+  // Loop through each breakpoint in the map
+  @each $breakpoint, $breakpoint-value in $scale-map {
+    @if $adjustment {
+      $breakpoint-value: $breakpoint-value + $adjustment;
+    }
+
+    // The 'null' breakpoint is for mobile.
+    @if not $breakpoint {
+      @if $direction == all {
+        #{$property}: $breakpoint-value if($important, !important, null);
+      } @else {
+        #{$property}-#{$direction}: $breakpoint-value if($important, !important, null);
+      }
+    } @else {
+      @include govuk-media-query($from: $breakpoint) {
+        @if $direction == all {
+          #{$property}: $breakpoint-value if($important, !important, null);
+        } @else {
+          #{$property}-#{$direction}: $breakpoint-value if($important, !important, null);
+        }
+      }
+    }
+  }
+}
+
+/// Responsive margin
+///
+/// Adds responsive margin by fetching a 'spacing map' from the responsive
+/// spacing scale, which defines different spacing values at different
+/// breakpoints. Wrapper for the `_govuk-responsive-spacing` mixin.
+///
+/// @see {mixin} _govuk-responsive-spacing
+///
+/// @param {Number} $responsive-spacing-point - Point on the responsive spacing
+/// scale, corresponds to a map of breakpoints and spacing values
+/// @param {String} $direction [all] - Direction to add spacing to
+///   (`top`, `right`, `bottom`, `left`, `all`)
+/// @param {Boolean} $important [false] - Whether to mark as `!important`
+/// @param {Number} $adjustment [false] - Offset to adjust spacing by
+///
+/// @example scss
+///   .element {
+///      @include govuk-responsive-margin(6, "left", $adjustment: 1px);
+///   }
+///
+/// @access public
+
+@mixin govuk-responsive-margin($responsive-spacing-point, $direction: "all", $important: false, $adjustment: false) {
+  @include _govuk-responsive-spacing($responsive-spacing-point, "margin", $direction, $important, $adjustment);
+}
+
+/// Responsive padding
+///
+/// Adds responsive padding by fetching a 'spacing map' from the responsive
+/// spacing scale, which defines different spacing values at different
+/// breakpoints. Wrapper for the `_govuk-responsive-spacing` mixin.
+///
+/// @see {mixin} _govuk-responsive-spacing
+///
+/// @param {Number} $responsive-spacing-point - Point on the responsive spacing
+///   scale, corresponds to a map of breakpoints and spacing values
+/// @param {String} $direction [all] - Direction to add spacing to
+///   (`top`, `right`, `bottom`, `left`, `all`)
+/// @param {Boolean} $important [false] - Whether to mark as `!important`
+/// @param {Number} $adjustment [false] - Offset to adjust spacing
+///
+/// @example scss
+///   .element {
+///      @include govuk-responsive-padding(6, "left", $adjustment: 1px);
+///   }
+///
+/// @access public
+
+@mixin govuk-responsive-padding($responsive-spacing-point, $direction: "all", $important: false, $adjustment: false) {
+  @include _govuk-responsive-spacing($responsive-spacing-point, "padding", $direction, $important, $adjustment);
+}
+
+/*# sourceMappingURL=_spacing.scss.map */
diff --git a/node_modules/govuk-frontend/dist/govuk/helpers/_spacing.scss.map b/node_modules/govuk-frontend/dist/govuk/helpers/_spacing.scss.map
new file mode 100644
index 0000000..3cf90e1
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/helpers/_spacing.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/govuk/helpers/_spacing.scss"],"names":[],"mappings":"AAAA,GAAG;AACH,yBAAyB;AACzB,GAAG;;AAEH,uBAAuB;AACvB,EAAE;AACF,oEAAoE;AACpE,EAAE;AACF,8DAA8D;AAC9D,qCAAqC;AACrC,EAAE;AACF,iDAAiD;AACjD,EAAE;AACF,gBAAgB;AAChB,eAAe;AACf,iCAAiC;AACjC,MAAM;AACN,EAAE;AACF,uCAAuC;AACvC,eAAe;AACf,qCAAqC;AACrC,MAAM;AACN,EAAE;AACF,0DAA0D;AAC1D,eAAe;AACf,+CAA+C;AAC/C,MAAM;AACN,EAAE;AACF,iBAAiB;;AAEjB;EACE,2CAA2C;EAC3C;IACE;gCAC4B;EAC9B;;EAEA,mBAAmB;EACnB;IACE,kBAAkB;IAClB,mCAAmC;EACrC;;EAEA;IACE,0IAA0I;EAC5I;;EAEA,sDAAsD;EACtD,6CAA6C;AAC/C;;AAEA,qBAAqB;AACrB,EAAE;AACF,+EAA+E;AAC/E,+EAA+E;AAC/E,qDAAqD;AACrD,EAAE;AACF,mEAAmE;AACnE,oCAAoC;AACpC,EAAE;AACF,8EAA8E;AAC9E,kEAAkE;AAClE,yEAAyE;AACzE,iEAAiE;AACjE,8CAA8C;AAC9C,wEAAwE;AACxE,oEAAoE;AACpE,EAAE;AACF,kBAAkB;;AAElB;;;;;;;EAOE,sDAAsD;EACtD;IACE,2EAA2E;EAC7E;;EAEA;IACE;+DAC2D;EAC7D;;EAEA,yEAAyE;EACzE,+EAA+E;EAC/E,qCAAqC;EACrC;IACE;uHACmH;EACrH;;EAEA,yCAAyC;EACzC;IACE;MACE,kDAAkD;IACpD;;IAEA,sCAAsC;IACtC;MACE;QACE,gEAAgE;MAClE,EAAE;QACA,8EAA8E;MAChF;IACF,EAAE;MACA;QACE;UACE,gEAAgE;QAClE,EAAE;UACA,8EAA8E;QAChF;MACF;IACF;EACF;AACF;;AAEA,oBAAoB;AACpB,EAAE;AACF,yEAAyE;AACzE,qEAAqE;AACrE,kEAAkE;AAClE,EAAE;AACF,yCAAyC;AACzC,EAAE;AACF,8EAA8E;AAC9E,gEAAgE;AAChE,iEAAiE;AACjE,8CAA8C;AAC9C,wEAAwE;AACxE,oEAAoE;AACpE,EAAE;AACF,gBAAgB;AAChB,eAAe;AACf,sEAAsE;AACtE,MAAM;AACN,EAAE;AACF,iBAAiB;;AAEjB;EACE,4GAA4G;AAC9G;;AAEA,qBAAqB;AACrB,EAAE;AACF,0EAA0E;AAC1E,qEAAqE;AACrE,kEAAkE;AAClE,EAAE;AACF,yCAAyC;AACzC,EAAE;AACF,8EAA8E;AAC9E,kEAAkE;AAClE,iEAAiE;AACjE,8CAA8C;AAC9C,wEAAwE;AACxE,iEAAiE;AACjE,EAAE;AACF,gBAAgB;AAChB,eAAe;AACf,uEAAuE;AACvE,MAAM;AACN,EAAE;AACF,iBAAiB;;AAEjB;EACE,6GAA6G;AAC/G","file":"_spacing.scss","sourcesContent":["////\n/// @group helpers/spacing\n////\n\n/// Single point spacing\n///\n/// Returns measurement corresponding to the spacing point requested.\n///\n/// @param {Number} $spacing-point - Point on the spacing scale\n///  (set in `settings/_spacing.scss`)\n///\n/// @returns {String} Spacing measurement eg. 10px\n///\n/// @example scss\n///   .element {\n///     padding: govuk-spacing(5);\n///   }\n///\n/// @example scss Using negative spacing\n///   .element {\n///     margin-top: govuk-spacing(-1);\n///   }\n///\n/// @example scss Marking spacing declarations as important\n///   .element {\n///     margin-top: govuk-spacing(1) !important;\n///   }\n///\n/// @access public\n\n@function govuk-spacing($spacing-point) {\n  $actual-input-type: type-of($spacing-point);\n  @if $actual-input-type != \"number\" {\n    @error \"Expected a number (integer), but got a \"\n      + \"#{$actual-input-type}.\";\n  }\n\n  $is-negative: false;\n  @if $spacing-point < 0 {\n    $is-negative: true;\n    $spacing-point: abs($spacing-point);\n  }\n\n  @if not map-has-key($govuk-spacing-points, $spacing-point) {\n    @error \"Unknown spacing variable `#{$spacing-point}`. Make sure you are using a point from the spacing scale in `_settings/spacing.scss`.\";\n  }\n\n  $value: map-get($govuk-spacing-points, $spacing-point);\n  @return if($is-negative, $value * -1, $value);\n}\n\n/// Responsive spacing\n///\n/// Adds responsive spacing (either padding or margin, depending on `$property`)\n/// by fetching a 'spacing map' from the responsive spacing scale, which defines\n/// different spacing values at different breakpoints.\n///\n/// To generate responsive spacing, use 'govuk-responsive-margin' or\n/// 'govuk-responsive-padding' mixins\n///\n/// @param {Number} $responsive-spacing-point - Point on the responsive spacing\n///   scale, corresponds to a map of breakpoints and spacing values\n/// @param {String} $property - Property to add spacing to (e.g. 'margin')\n/// @param {String} $direction [all] - Direction to add spacing to\n///   (`top`, `right`, `bottom`, `left`, `all`)\n/// @param {Boolean} $important [false] - Whether to mark as `!important`\n/// @param {Number} $adjustment [false] - Offset to adjust spacing by\n///\n/// @access private\n\n@mixin _govuk-responsive-spacing(\n  $responsive-spacing-point,\n  $property,\n  $direction: \"all\",\n  $important: false,\n  $adjustment: false\n) {\n  $actual-input-type: type-of($responsive-spacing-point);\n  @if $actual-input-type != \"number\" {\n    @error \"Expected a number (integer), but got a \" + \"#{$actual-input-type}.\";\n  }\n\n  @if not map-has-key($govuk-spacing-responsive-scale, $responsive-spacing-point) {\n    @error \"Unknown spacing point `#{$responsive-spacing-point}`. Make sure you are using a point from the \"\n      + \"responsive spacing scale in `_settings/spacing.scss`.\";\n  }\n\n  // Make sure that the return value from `_settings/spacing.scss` is a map.\n  $scale-map: map-get($govuk-spacing-responsive-scale, $responsive-spacing-point);\n  $actual-map-type: type-of($scale-map);\n  @if $actual-map-type != \"map\" {\n    @error \"Expected a number (integer), but got a \"\n      + \"#{$actual-map-type}. Make sure you are using a map to set the responsive spacing in `_settings/spacing.scss`)\";\n  }\n\n  // Loop through each breakpoint in the map\n  @each $breakpoint, $breakpoint-value in $scale-map {\n    @if $adjustment {\n      $breakpoint-value: $breakpoint-value + $adjustment;\n    }\n\n    // The 'null' breakpoint is for mobile.\n    @if not $breakpoint {\n      @if $direction == all {\n        #{$property}: $breakpoint-value if($important, !important, null);\n      } @else {\n        #{$property}-#{$direction}: $breakpoint-value if($important, !important, null);\n      }\n    } @else {\n      @include govuk-media-query($from: $breakpoint) {\n        @if $direction == all {\n          #{$property}: $breakpoint-value if($important, !important, null);\n        } @else {\n          #{$property}-#{$direction}: $breakpoint-value if($important, !important, null);\n        }\n      }\n    }\n  }\n}\n\n/// Responsive margin\n///\n/// Adds responsive margin by fetching a 'spacing map' from the responsive\n/// spacing scale, which defines different spacing values at different\n/// breakpoints. Wrapper for the `_govuk-responsive-spacing` mixin.\n///\n/// @see {mixin} _govuk-responsive-spacing\n///\n/// @param {Number} $responsive-spacing-point - Point on the responsive spacing\n/// scale, corresponds to a map of breakpoints and spacing values\n/// @param {String} $direction [all] - Direction to add spacing to\n///   (`top`, `right`, `bottom`, `left`, `all`)\n/// @param {Boolean} $important [false] - Whether to mark as `!important`\n/// @param {Number} $adjustment [false] - Offset to adjust spacing by\n///\n/// @example scss\n///   .element {\n///      @include govuk-responsive-margin(6, \"left\", $adjustment: 1px);\n///   }\n///\n/// @access public\n\n@mixin govuk-responsive-margin($responsive-spacing-point, $direction: \"all\", $important: false, $adjustment: false) {\n  @include _govuk-responsive-spacing($responsive-spacing-point, \"margin\", $direction, $important, $adjustment);\n}\n\n/// Responsive padding\n///\n/// Adds responsive padding by fetching a 'spacing map' from the responsive\n/// spacing scale, which defines different spacing values at different\n/// breakpoints. Wrapper for the `_govuk-responsive-spacing` mixin.\n///\n/// @see {mixin} _govuk-responsive-spacing\n///\n/// @param {Number} $responsive-spacing-point - Point on the responsive spacing\n///   scale, corresponds to a map of breakpoints and spacing values\n/// @param {String} $direction [all] - Direction to add spacing to\n///   (`top`, `right`, `bottom`, `left`, `all`)\n/// @param {Boolean} $important [false] - Whether to mark as `!important`\n/// @param {Number} $adjustment [false] - Offset to adjust spacing\n///\n/// @example scss\n///   .element {\n///      @include govuk-responsive-padding(6, \"left\", $adjustment: 1px);\n///   }\n///\n/// @access public\n\n@mixin govuk-responsive-padding($responsive-spacing-point, $direction: \"all\", $important: false, $adjustment: false) {\n  @include _govuk-responsive-spacing($responsive-spacing-point, \"padding\", $direction, $important, $adjustment);\n}\n"]}
diff --git a/node_modules/govuk-frontend/dist/govuk/helpers/_typography.scss b/node_modules/govuk-frontend/dist/govuk/helpers/_typography.scss
new file mode 100644
index 0000000..2ed03dd
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/helpers/_typography.scss
@@ -0,0 +1,288 @@
+////
+/// @group helpers/typography
+////
+
+@import "../tools/px-to-rem";
+
+/// 'Common typography' helper
+///
+/// Sets the font family and associated properties, such as font smoothing. Also
+/// overrides the font for print.
+///
+/// @param {List} $font-family [$govuk-font-family] Font family to use
+/// @access public
+
+@mixin govuk-typography-common($font-family: $govuk-font-family) {
+  font-family: $font-family;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+
+  // If the user is using the default GDS Transport font we need to include
+  // the font-face declarations.
+  @if $govuk-include-default-font-face {
+    @include _govuk-font-face-gds-transport;
+  }
+
+  @include govuk-media-query($media-type: print) {
+    font-family: $govuk-font-family-print;
+  }
+}
+
+/// Text colour helper
+///
+/// Sets the text colour, including a suitable override for print.
+///
+/// @access public
+
+@mixin govuk-text-colour {
+  color: $govuk-text-colour;
+
+  @include govuk-media-query($media-type: print) {
+    color: $govuk-print-text-colour;
+  }
+}
+
+/// Regular font weight helper
+///
+/// @param {Boolean} $important [false] - Whether to mark declarations as
+///   `!important`. Generally Used to create override classes.
+/// @access public
+
+@mixin govuk-typography-weight-regular($important: false) {
+  font-weight: $govuk-font-weight-regular if($important, !important, null);
+}
+
+/// Bold font weight helper
+///
+/// @param {Boolean} $important [false] - Whether to mark declarations as
+///   `!important`. Generally Used to create override classes.
+/// @access public
+
+@mixin govuk-typography-weight-bold($important: false) {
+  font-weight: $govuk-font-weight-bold if($important, !important, null);
+}
+
+/// Tabular number helper
+///
+/// Switches numerical glyphs (0–9) to use alternative forms with a
+/// monospaced bounding box. This ensures that columns of numbers, such
+/// as those in tables, remain horizontally aligned with one another.
+/// This also has the useful side effect of making numbers more legible
+/// in some situations, such as reference codes, as the numbers are more
+/// distinct and visually separated from one another.
+///
+/// @param {Boolean} $important [false] - Whether to mark declarations as
+///   `!important`. Generally Used to create override classes.
+/// @access public
+
+@mixin govuk-font-tabular-numbers($important: false) {
+  font-variant-numeric: tabular-nums if($important, !important, null);
+}
+
+/// Word break helper
+///
+/// Forcibly breaks long words that lack spaces, such as email addresses,
+/// across multiple lines when they wouldn't otherwise fit.
+///
+/// @param {Boolean} $important [false] - Whether to mark declarations as
+///   `!important`. Generally used to create override classes.
+/// @access public
+
+@mixin govuk-text-break-word($important: false) {
+  // IE 11 and Edge 16–17 only support the non-standard `word-wrap` property
+  word-wrap: break-word if($important, !important, null);
+
+  // All other browsers support `overflow-wrap`
+  overflow-wrap: break-word if($important, !important, null);
+}
+
+/// Convert line-heights specified in pixels into a relative value, unless
+/// they are already unit-less (and thus already treated as relative values)
+/// or the units do not match the units used for the font size.
+///
+/// @param {Number} $line-height Line height
+/// @param {Number} $font-size Font size
+/// @return {Number} The line height as either a relative value or unmodified
+///
+/// @access private
+
+@function _govuk-line-height($line-height, $font-size) {
+  @if not unitless($line-height) and unit($line-height) == unit($font-size) {
+    $line-height: $line-height / $font-size;
+  }
+
+  @return $line-height;
+}
+
+/// Font size and line height helper
+///
+/// @param {Number} $size - Point from the type scale (the size as it would
+///   appear on tablet and above)
+/// @param {Number} $override-line-height [false] - Non responsive custom line
+///   height. Omit to use the line height from the font map.
+/// @param {Boolean} $important [false] - Whether to mark declarations as
+///   `!important`.
+///
+/// @throw if `$size` is not a valid point from the type scale
+///
+/// @access public
+///
+/// @alias govuk-font-size
+/// @deprecated Use `govuk-font-size` instead
+
+@mixin govuk-typography-responsive($size, $override-line-height: false, $important: false) {
+  @include _warning(
+    "govuk-typography-responsive",
+    "govuk-typography-responsive is deprecated. Use govuk-font-size instead."
+  );
+  @include govuk-font-size($size, $override-line-height, $important);
+}
+
+/// Font size and line height helper
+///
+/// Takes a point from the responsive 'font map' as an argument (the size as it
+/// would appear on tablet and above), and uses it to create font-size and
+/// line-height declarations for different breakpoints, and print.
+///
+/// Example font map:
+///
+/// ```scss
+/// 19: (
+///   null: (
+///     font-size: 16px,
+///     line-height: 20px
+///   ),
+///   tablet: (
+///     font-size: 19px,
+///     line-height: 25px
+///   ),
+///   print: (
+///     font-size: 14pt,
+///     line-height: 1.15
+///   )
+/// );
+/// ```
+///
+/// @param {Number | String} $size - Point from the type scale (the size as
+///   it would appear on tablet and above)
+/// @param {Number} $line-height [false] - Non responsive custom line
+///   height. Omit to use the line height from the font map.
+/// @param {Boolean} $important [false] - Whether to mark declarations as
+///   `!important`.
+///
+/// @throw if `$size` is not a valid point from the type scale
+///
+/// @access public
+
+@mixin govuk-font-size($size, $line-height: false, $important: false) {
+  // Flag font sizes that start with underscores so we can suppress warnings on
+  // deprecated sizes used internally, for example `govuk-font($size: "_14")`
+  $size-internal-use-only: str-slice(#{$size}, 1, 1) == "_";
+
+  // Remove underscore from font sizes flagged for internal use
+  @if $size-internal-use-only {
+    $size: str-slice(#{$size}, 2);
+  }
+
+  // Check for a font map exactly matching the given size
+  $font-map: map-get($govuk-typography-scale, $size);
+
+  // No match? Try with string type (e.g. $size: "16" not 16)
+  @if not $font-map {
+    @each $font-size in map-keys($govuk-typography-scale) {
+      @if not $font-map and "#{$font-size}" == "#{$size}" {
+        $font-map: map-get($govuk-typography-scale, $font-size);
+      }
+    }
+  }
+
+  // Still no match? Throw error
+  @if not $font-map {
+    @error "Unknown font size `#{$size}` - expected a point from the type scale.";
+  }
+
+  // Check for a deprecation within the type scale
+  $deprecation: map-get($font-map, "deprecation");
+
+  @if $deprecation {
+    // Warn on deprecated font sizes unless flagged for internal use
+    @if not $size-internal-use-only {
+      @include _warning(map-get($deprecation, "key"), map-get($deprecation, "message"));
+    }
+
+    // remove the deprecation map keys so they do not break the breakpoint loop
+    $font-map: map-remove($font-map, "deprecation");
+  }
+
+  @each $breakpoint, $breakpoint-map in $font-map {
+    $font-size: map-get($breakpoint-map, "font-size");
+    $font-size-rem: govuk-px-to-rem($font-size);
+
+    // $calculated-line-height is a separate variable from $line-height,
+    // as otherwise the value would get redefined with each loop and
+    // eventually break _govuk-line-height.
+    //
+    // We continue to call the param $line-height to stay consistent with the
+    // naming with govuk-font.
+    $calculated-line-height: _govuk-line-height(
+      $line-height: if($line-height, $line-height, map-get($breakpoint-map, "line-height")),
+      $font-size: $font-size
+    );
+
+    // Mark rules as !important if $important is true - this will result in
+    // these variables becoming strings, so this needs to happen *after* they
+    // are used in calculations
+    $font-size: $font-size if($important, !important, null);
+    $font-size-rem: $font-size-rem if($important, !important, null);
+    $calculated-line-height: $calculated-line-height if($important, !important, null);
+
+    @if not $breakpoint {
+      font-size: $font-size-rem;
+      line-height: $calculated-line-height;
+    } @else if $breakpoint == "print" {
+      @include govuk-media-query($media-type: print) {
+        font-size: $font-size;
+        line-height: $calculated-line-height;
+      }
+    } @else {
+      @include govuk-media-query($from: $breakpoint) {
+        font-size: $font-size-rem;
+        line-height: $calculated-line-height;
+      }
+    }
+  }
+}
+
+/// Font helper
+///
+/// @param {Number | Boolean | String} $size Point from the type scale (the
+///   size as it would appear on tablet and above). Use `false` to avoid setting
+///   a size.
+/// @param {String} $weight [regular] - Weight: `bold` or `regular`
+/// @param {Boolean} $tabular [false] - Whether to use tabular numbers or not
+/// @param {Number} $line-height [false] - Line-height, if overriding the
+///   default
+///
+/// @throw if `$size` is not a valid point from the type scale (or false)
+///
+/// @access public
+
+@mixin govuk-font($size, $weight: regular, $tabular: false, $line-height: false) {
+  @include govuk-typography-common;
+
+  @if $tabular {
+    @include govuk-font-tabular-numbers;
+  }
+
+  @if $weight == regular {
+    @include govuk-typography-weight-regular;
+  } @else if $weight == bold {
+    @include govuk-typography-weight-bold;
+  }
+
+  @if $size {
+    @include govuk-font-size($size, $line-height);
+  }
+}
+
+/*# sourceMappingURL=_typography.scss.map */
diff --git a/node_modules/govuk-frontend/dist/govuk/helpers/_typography.scss.map b/node_modules/govuk-frontend/dist/govuk/helpers/_typography.scss.map
new file mode 100644
index 0000000..5bcbe15
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/helpers/_typography.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/govuk/helpers/_typography.scss"],"names":[],"mappings":"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","file":"_typography.scss","sourcesContent":["////\n/// @group helpers/typography\n////\n\n@import \"../tools/px-to-rem\";\n\n/// 'Common typography' helper\n///\n/// Sets the font family and associated properties, such as font smoothing. Also\n/// overrides the font for print.\n///\n/// @param {List} $font-family [$govuk-font-family] Font family to use\n/// @access public\n\n@mixin govuk-typography-common($font-family: $govuk-font-family) {\n  font-family: $font-family;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n\n  // If the user is using the default GDS Transport font we need to include\n  // the font-face declarations.\n  @if $govuk-include-default-font-face {\n    @include _govuk-font-face-gds-transport;\n  }\n\n  @include govuk-media-query($media-type: print) {\n    font-family: $govuk-font-family-print;\n  }\n}\n\n/// Text colour helper\n///\n/// Sets the text colour, including a suitable override for print.\n///\n/// @access public\n\n@mixin govuk-text-colour {\n  color: $govuk-text-colour;\n\n  @include govuk-media-query($media-type: print) {\n    color: $govuk-print-text-colour;\n  }\n}\n\n/// Regular font weight helper\n///\n/// @param {Boolean} $important [false] - Whether to mark declarations as\n///   `!important`. Generally Used to create override classes.\n/// @access public\n\n@mixin govuk-typography-weight-regular($important: false) {\n  font-weight: $govuk-font-weight-regular if($important, !important, null);\n}\n\n/// Bold font weight helper\n///\n/// @param {Boolean} $important [false] - Whether to mark declarations as\n///   `!important`. Generally Used to create override classes.\n/// @access public\n\n@mixin govuk-typography-weight-bold($important: false) {\n  font-weight: $govuk-font-weight-bold if($important, !important, null);\n}\n\n/// Tabular number helper\n///\n/// Switches numerical glyphs (0–9) to use alternative forms with a\n/// monospaced bounding box. This ensures that columns of numbers, such\n/// as those in tables, remain horizontally aligned with one another.\n/// This also has the useful side effect of making numbers more legible\n/// in some situations, such as reference codes, as the numbers are more\n/// distinct and visually separated from one another.\n///\n/// @param {Boolean} $important [false] - Whether to mark declarations as\n///   `!important`. Generally Used to create override classes.\n/// @access public\n\n@mixin govuk-font-tabular-numbers($important: false) {\n  font-variant-numeric: tabular-nums if($important, !important, null);\n}\n\n/// Word break helper\n///\n/// Forcibly breaks long words that lack spaces, such as email addresses,\n/// across multiple lines when they wouldn't otherwise fit.\n///\n/// @param {Boolean} $important [false] - Whether to mark declarations as\n///   `!important`. Generally used to create override classes.\n/// @access public\n\n@mixin govuk-text-break-word($important: false) {\n  // IE 11 and Edge 16–17 only support the non-standard `word-wrap` property\n  word-wrap: break-word if($important, !important, null);\n\n  // All other browsers support `overflow-wrap`\n  overflow-wrap: break-word if($important, !important, null);\n}\n\n/// Convert line-heights specified in pixels into a relative value, unless\n/// they are already unit-less (and thus already treated as relative values)\n/// or the units do not match the units used for the font size.\n///\n/// @param {Number} $line-height Line height\n/// @param {Number} $font-size Font size\n/// @return {Number} The line height as either a relative value or unmodified\n///\n/// @access private\n\n@function _govuk-line-height($line-height, $font-size) {\n  @if not unitless($line-height) and unit($line-height) == unit($font-size) {\n    $line-height: $line-height / $font-size;\n  }\n\n  @return $line-height;\n}\n\n/// Font size and line height helper\n///\n/// @param {Number} $size - Point from the type scale (the size as it would\n///   appear on tablet and above)\n/// @param {Number} $override-line-height [false] - Non responsive custom line\n///   height. Omit to use the line height from the font map.\n/// @param {Boolean} $important [false] - Whether to mark declarations as\n///   `!important`.\n///\n/// @throw if `$size` is not a valid point from the type scale\n///\n/// @access public\n///\n/// @alias govuk-font-size\n/// @deprecated Use `govuk-font-size` instead\n\n@mixin govuk-typography-responsive($size, $override-line-height: false, $important: false) {\n  @include _warning(\n    \"govuk-typography-responsive\",\n    \"govuk-typography-responsive is deprecated. Use govuk-font-size instead.\"\n  );\n  @include govuk-font-size($size, $override-line-height, $important);\n}\n\n/// Font size and line height helper\n///\n/// Takes a point from the responsive 'font map' as an argument (the size as it\n/// would appear on tablet and above), and uses it to create font-size and\n/// line-height declarations for different breakpoints, and print.\n///\n/// Example font map:\n///\n/// ```scss\n/// 19: (\n///   null: (\n///     font-size: 16px,\n///     line-height: 20px\n///   ),\n///   tablet: (\n///     font-size: 19px,\n///     line-height: 25px\n///   ),\n///   print: (\n///     font-size: 14pt,\n///     line-height: 1.15\n///   )\n/// );\n/// ```\n///\n/// @param {Number | String} $size - Point from the type scale (the size as\n///   it would appear on tablet and above)\n/// @param {Number} $line-height [false] - Non responsive custom line\n///   height. Omit to use the line height from the font map.\n/// @param {Boolean} $important [false] - Whether to mark declarations as\n///   `!important`.\n///\n/// @throw if `$size` is not a valid point from the type scale\n///\n/// @access public\n\n@mixin govuk-font-size($size, $line-height: false, $important: false) {\n  // Flag font sizes that start with underscores so we can suppress warnings on\n  // deprecated sizes used internally, for example `govuk-font($size: \"_14\")`\n  $size-internal-use-only: str-slice(#{$size}, 1, 1) == \"_\";\n\n  // Remove underscore from font sizes flagged for internal use\n  @if $size-internal-use-only {\n    $size: str-slice(#{$size}, 2);\n  }\n\n  // Check for a font map exactly matching the given size\n  $font-map: map-get($govuk-typography-scale, $size);\n\n  // No match? Try with string type (e.g. $size: \"16\" not 16)\n  @if not $font-map {\n    @each $font-size in map-keys($govuk-typography-scale) {\n      @if not $font-map and \"#{$font-size}\" == \"#{$size}\" {\n        $font-map: map-get($govuk-typography-scale, $font-size);\n      }\n    }\n  }\n\n  // Still no match? Throw error\n  @if not $font-map {\n    @error \"Unknown font size `#{$size}` - expected a point from the type scale.\";\n  }\n\n  // Check for a deprecation within the type scale\n  $deprecation: map-get($font-map, \"deprecation\");\n\n  @if $deprecation {\n    // Warn on deprecated font sizes unless flagged for internal use\n    @if not $size-internal-use-only {\n      @include _warning(map-get($deprecation, \"key\"), map-get($deprecation, \"message\"));\n    }\n\n    // remove the deprecation map keys so they do not break the breakpoint loop\n    $font-map: map-remove($font-map, \"deprecation\");\n  }\n\n  @each $breakpoint, $breakpoint-map in $font-map {\n    $font-size: map-get($breakpoint-map, \"font-size\");\n    $font-size-rem: govuk-px-to-rem($font-size);\n\n    // $calculated-line-height is a separate variable from $line-height,\n    // as otherwise the value would get redefined with each loop and\n    // eventually break _govuk-line-height.\n    //\n    // We continue to call the param $line-height to stay consistent with the\n    // naming with govuk-font.\n    $calculated-line-height: _govuk-line-height(\n      $line-height: if($line-height, $line-height, map-get($breakpoint-map, \"line-height\")),\n      $font-size: $font-size\n    );\n\n    // Mark rules as !important if $important is true - this will result in\n    // these variables becoming strings, so this needs to happen *after* they\n    // are used in calculations\n    $font-size: $font-size if($important, !important, null);\n    $font-size-rem: $font-size-rem if($important, !important, null);\n    $calculated-line-height: $calculated-line-height if($important, !important, null);\n\n    @if not $breakpoint {\n      font-size: $font-size-rem;\n      line-height: $calculated-line-height;\n    } @else if $breakpoint == \"print\" {\n      @include govuk-media-query($media-type: print) {\n        font-size: $font-size;\n        line-height: $calculated-line-height;\n      }\n    } @else {\n      @include govuk-media-query($from: $breakpoint) {\n        font-size: $font-size-rem;\n        line-height: $calculated-line-height;\n      }\n    }\n  }\n}\n\n/// Font helper\n///\n/// @param {Number | Boolean | String} $size Point from the type scale (the\n///   size as it would appear on tablet and above). Use `false` to avoid setting\n///   a size.\n/// @param {String} $weight [regular] - Weight: `bold` or `regular`\n/// @param {Boolean} $tabular [false] - Whether to use tabular numbers or not\n/// @param {Number} $line-height [false] - Line-height, if overriding the\n///   default\n///\n/// @throw if `$size` is not a valid point from the type scale (or false)\n///\n/// @access public\n\n@mixin govuk-font($size, $weight: regular, $tabular: false, $line-height: false) {\n  @include govuk-typography-common;\n\n  @if $tabular {\n    @include govuk-font-tabular-numbers;\n  }\n\n  @if $weight == regular {\n    @include govuk-typography-weight-regular;\n  } @else if $weight == bold {\n    @include govuk-typography-weight-bold;\n  }\n\n  @if $size {\n    @include govuk-font-size($size, $line-height);\n  }\n}\n"]}
diff --git a/node_modules/govuk-frontend/dist/govuk/helpers/_visually-hidden.scss b/node_modules/govuk-frontend/dist/govuk/helpers/_visually-hidden.scss
new file mode 100644
index 0000000..d8ccb91
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/helpers/_visually-hidden.scss
@@ -0,0 +1,88 @@
+////
+/// @group helpers/accessibility
+////
+
+/// Helper function containing the common code for the following two mixins
+///
+/// @link https://snook.ca/archives/html_and_css/hiding-content-for-accessibility
+///   - Hiding Content for Accessibility, Jonathan Snook, February 2011
+/// @link https://github.com/h5bp/html5-boilerplate/blob/9f13695d21ff92c55c78dfa9f16bb02a1b6e911f/src/css/main.css#L121-L158
+///   - h5bp/html5-boilerplate - Thanks!
+///
+/// @param {Boolean} $important [true] - Whether to mark as `!important`
+///
+/// @access private
+
+@mixin _govuk-visually-hide-content($important: true) {
+  position: absolute if($important, !important, null);
+
+  width: 1px if($important, !important, null);
+  height: 1px if($important, !important, null);
+  // If margin is set to a negative value it can cause text to be announced in
+  // the wrong order in VoiceOver for OSX
+  margin: 0 if($important, !important, null);
+  padding: 0 if($important, !important, null);
+
+  overflow: hidden if($important, !important, null);
+
+  // `clip` is needed for IE11 support
+  clip: rect(0 0 0 0) if($important, !important, null);
+  -webkit-clip-path: inset(50%) if($important, !important, null);
+          clip-path: inset(50%) if($important, !important, null);
+
+  border: 0 if($important, !important, null);
+
+  // For long content, line feeds are not interpreted as spaces and small width
+  // causes content to wrap 1 word per line:
+  // https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe
+  white-space: nowrap if($important, !important, null);
+
+  // Prevent users from selecting or copying visually-hidden text. This prevents
+  // a user unintentionally copying more text than they intended and needing to
+  // manually trim it down again.
+  -webkit-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
+}
+
+/// Hide an element visually, but have it available for screen readers
+///
+/// @param {Boolean} $important [true] - Whether to mark as `!important`
+///
+/// @access public
+
+@mixin govuk-visually-hidden($important: true) {
+  @include _govuk-visually-hide-content($important: $important);
+
+  // Absolute positioning has the unintended consequence of removing any
+  // whitespace surrounding visually hidden text from the accessibility tree.
+  // Insert a space character before and after visually hidden text to separate
+  // it from any visible text surrounding it.
+  &::before {
+    content: "\00a0";
+  }
+
+  &::after {
+    content: "\00a0";
+  }
+}
+
+/// Hide an element visually, but have it available for screen readers whilst
+/// allowing the element to be focused when navigated to via the keyboard (e.g.
+/// for the skip link)
+///
+/// @param {Boolean} $important [true] - Whether to mark as `!important`
+///
+/// @access public
+
+@mixin govuk-visually-hidden-focusable($important: true) {
+  // IE 11 doesn't support the combined `:not(:active, :focus)` syntax.
+  // Also allows for ':focus' companion classes from postcss-pseudo-classes
+  // which the plugin unfortunately doesn't handle automatically.
+  // stylelint-disable-next-line selector-class-pattern
+  &:not(:active):not(:focus):not(.\:focus) {
+    @include _govuk-visually-hide-content($important: $important);
+  }
+}
+
+/*# sourceMappingURL=_visually-hidden.scss.map */
diff --git a/node_modules/govuk-frontend/dist/govuk/helpers/_visually-hidden.scss.map b/node_modules/govuk-frontend/dist/govuk/helpers/_visually-hidden.scss.map
new file mode 100644
index 0000000..3fb7285
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/helpers/_visually-hidden.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/govuk/helpers/_visually-hidden.scss"],"names":[],"mappings":"AAAA,GAAG;AACH,+BAA+B;AAC/B,GAAG;;AAEH,0EAA0E;AAC1E,EAAE;AACF,gFAAgF;AAChF,sEAAsE;AACtE,2HAA2H;AAC3H,uCAAuC;AACvC,EAAE;AACF,uEAAuE;AACvE,EAAE;AACF,kBAAkB;;AAElB;EACE,mDAAmD;;EAEnD,2CAA2C;EAC3C,4CAA4C;EAC5C,2EAA2E;EAC3E,sCAAsC;EACtC,0CAA0C;EAC1C,2CAA2C;;EAE3C,iDAAiD;;EAEjD,mCAAmC;EACnC,oDAAoD;EACpD,8DAAsD;UAAtD,sDAAsD;;EAEtD,0CAA0C;;EAE1C,4EAA4E;EAC5E,yCAAyC;EACzC,uFAAuF;EACvF,oDAAoD;;EAEpD,6EAA6E;EAC7E,4EAA4E;EAC5E,8BAA8B;EAC9B,yBAAiB;MAAjB,qBAAiB;UAAjB,iBAAiB;AACnB;;AAEA,qEAAqE;AACrE,EAAE;AACF,uEAAuE;AACvE,EAAE;AACF,iBAAiB;;AAEjB;EACE,6DAA6D;;EAE7D,qEAAqE;EACrE,0EAA0E;EAC1E,4EAA4E;EAC5E,0CAA0C;EAC1C;IACE,gBAAgB;EAClB;;EAEA;IACE,gBAAgB;EAClB;AACF;;AAEA,4EAA4E;AAC5E,8EAA8E;AAC9E,qBAAqB;AACrB,EAAE;AACF,uEAAuE;AACvE,EAAE;AACF,iBAAiB;;AAEjB;EACE,oEAAoE;EACpE,wEAAwE;EACxE,8DAA8D;EAC9D,oDAAoD;EACpD;IACE,6DAA6D;EAC/D;AACF","file":"_visually-hidden.scss","sourcesContent":["////\n/// @group helpers/accessibility\n////\n\n/// Helper function containing the common code for the following two mixins\n///\n/// @link https://snook.ca/archives/html_and_css/hiding-content-for-accessibility\n///   - Hiding Content for Accessibility, Jonathan Snook, February 2011\n/// @link https://github.com/h5bp/html5-boilerplate/blob/9f13695d21ff92c55c78dfa9f16bb02a1b6e911f/src/css/main.css#L121-L158\n///   - h5bp/html5-boilerplate - Thanks!\n///\n/// @param {Boolean} $important [true] - Whether to mark as `!important`\n///\n/// @access private\n\n@mixin _govuk-visually-hide-content($important: true) {\n  position: absolute if($important, !important, null);\n\n  width: 1px if($important, !important, null);\n  height: 1px if($important, !important, null);\n  // If margin is set to a negative value it can cause text to be announced in\n  // the wrong order in VoiceOver for OSX\n  margin: 0 if($important, !important, null);\n  padding: 0 if($important, !important, null);\n\n  overflow: hidden if($important, !important, null);\n\n  // `clip` is needed for IE11 support\n  clip: rect(0 0 0 0) if($important, !important, null);\n  clip-path: inset(50%) if($important, !important, null);\n\n  border: 0 if($important, !important, null);\n\n  // For long content, line feeds are not interpreted as spaces and small width\n  // causes content to wrap 1 word per line:\n  // https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe\n  white-space: nowrap if($important, !important, null);\n\n  // Prevent users from selecting or copying visually-hidden text. This prevents\n  // a user unintentionally copying more text than they intended and needing to\n  // manually trim it down again.\n  user-select: none;\n}\n\n/// Hide an element visually, but have it available for screen readers\n///\n/// @param {Boolean} $important [true] - Whether to mark as `!important`\n///\n/// @access public\n\n@mixin govuk-visually-hidden($important: true) {\n  @include _govuk-visually-hide-content($important: $important);\n\n  // Absolute positioning has the unintended consequence of removing any\n  // whitespace surrounding visually hidden text from the accessibility tree.\n  // Insert a space character before and after visually hidden text to separate\n  // it from any visible text surrounding it.\n  &::before {\n    content: \"\\00a0\";\n  }\n\n  &::after {\n    content: \"\\00a0\";\n  }\n}\n\n/// Hide an element visually, but have it available for screen readers whilst\n/// allowing the element to be focused when navigated to via the keyboard (e.g.\n/// for the skip link)\n///\n/// @param {Boolean} $important [true] - Whether to mark as `!important`\n///\n/// @access public\n\n@mixin govuk-visually-hidden-focusable($important: true) {\n  // IE 11 doesn't support the combined `:not(:active, :focus)` syntax.\n  // Also allows for ':focus' companion classes from postcss-pseudo-classes\n  // which the plugin unfortunately doesn't handle automatically.\n  // stylelint-disable-next-line selector-class-pattern\n  &:not(:active):not(:focus):not(.\\:focus) {\n    @include _govuk-visually-hide-content($important: $important);\n  }\n}\n"]}
diff --git a/node_modules/govuk-frontend/dist/govuk/i18n.mjs b/node_modules/govuk-frontend/dist/govuk/i18n.mjs
new file mode 100644
index 0000000..6da1063
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/i18n.mjs
@@ -0,0 +1,72 @@
+import { isObject } from './common/index.mjs';
+
+class I18n {
+  constructor(translations = {}, config = {}) {
+    var _config$locale;
+    this.translations = void 0;
+    this.locale = void 0;
+    this.translations = translations;
+    this.locale = (_config$locale = config.locale) != null ? _config$locale : document.documentElement.lang || 'en';
+  }
+  t(lookupKey, options) {
+    if (!lookupKey) {
+      throw new Error('i18n: lookup key missing');
+    }
+    let translation = this.translations[lookupKey];
+    if (typeof (options == null ? void 0 : options.count) === 'number' && isObject(translation)) {
+      const translationPluralForm = translation[this.getPluralSuffix(lookupKey, options.count)];
+      if (translationPluralForm) {
+        translation = translationPluralForm;
+      }
+    }
+    if (typeof translation === 'string') {
+      if (translation.match(/%{(.\S+)}/)) {
+        if (!options) {
+          throw new Error('i18n: cannot replace placeholders in string if no option data provided');
+        }
+        return this.replacePlaceholders(translation, options);
+      }
+      return translation;
+    }
+    return lookupKey;
+  }
+  replacePlaceholders(translationString, options) {
+    const formatter = Intl.NumberFormat.supportedLocalesOf(this.locale).length ? new Intl.NumberFormat(this.locale) : undefined;
+    return translationString.replace(/%{(.\S+)}/g, function (placeholderWithBraces, placeholderKey) {
+      if (Object.prototype.hasOwnProperty.call(options, placeholderKey)) {
+        const placeholderValue = options[placeholderKey];
+        if (placeholderValue === false || typeof placeholderValue !== 'number' && typeof placeholderValue !== 'string') {
+          return '';
+        }
+        if (typeof placeholderValue === 'number') {
+          return formatter ? formatter.format(placeholderValue) : `${placeholderValue}`;
+        }
+        return placeholderValue;
+      }
+      throw new Error(`i18n: no data found to replace ${placeholderWithBraces} placeholder in string`);
+    });
+  }
+  hasIntlPluralRulesSupport() {
+    return Boolean('PluralRules' in window.Intl && Intl.PluralRules.supportedLocalesOf(this.locale).length);
+  }
+  getPluralSuffix(lookupKey, count) {
+    count = Number(count);
+    if (!isFinite(count)) {
+      return 'other';
+    }
+    const translation = this.translations[lookupKey];
+    const preferredForm = this.hasIntlPluralRulesSupport() ? new Intl.PluralRules(this.locale).select(count) : 'other';
+    if (isObject(translation)) {
+      if (preferredForm in translation) {
+        return preferredForm;
+      } else if ('other' in translation) {
+        console.warn(`i18n: Missing plural form ".${preferredForm}" for "${this.locale}" locale. Falling back to ".other".`);
+        return 'other';
+      }
+    }
+    throw new Error(`i18n: Plural form ".other" is required for "${this.locale}" locale`);
+  }
+}
+
+export { I18n };
+//# sourceMappingURL=i18n.mjs.map
diff --git a/node_modules/govuk-frontend/dist/govuk/i18n.mjs.map b/node_modules/govuk-frontend/dist/govuk/i18n.mjs.map
new file mode 100644
index 0000000..1f55e84
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/i18n.mjs.map
@@ -0,0 +1 @@
+{"version":3,"file":"i18n.mjs","sources":["../../src/govuk/i18n.mjs"],"sourcesContent":["import { isObject } from './common/index.mjs'\n\n/**\n * Internal support for selecting messages to render, with placeholder\n * interpolation and locale-aware number formatting and pluralisation\n *\n * @internal\n */\nexport class I18n {\n  translations\n  locale\n\n  /**\n   * @internal\n   * @param {{ [key: string]: string | TranslationPluralForms }} translations - Key-value pairs of the translation strings to use.\n   * @param {object} [config] - Configuration options for the function.\n   * @param {string | null} [config.locale] - An overriding locale for the PluralRules functionality.\n   */\n  constructor(translations = {}, config = {}) {\n    // Make list of translations available throughout function\n    this.translations = translations\n\n    // The locale to use for PluralRules and NumberFormat\n    this.locale = config.locale ?? (document.documentElement.lang || 'en')\n  }\n\n  /**\n   * The most used function - takes the key for a given piece of UI text and\n   * returns the appropriate string.\n   *\n   * @internal\n   * @param {string} lookupKey - The lookup key of the string to use.\n   * @param {{ [key: string]: unknown }} [options] - Any options passed with the translation string, e.g: for string interpolation.\n   * @returns {string} The appropriate translation string.\n   * @throws {Error} Lookup key required\n   * @throws {Error} Options required for `${}` placeholders\n   */\n  t(lookupKey, options) {\n    if (!lookupKey) {\n      // Print a console error if no lookup key has been provided\n      throw new Error('i18n: lookup key missing')\n    }\n\n    // Fetch the translation for that lookup key\n    let translation = this.translations[lookupKey]\n\n    // If the `count` option is set, determine which plural suffix is needed and\n    // change the lookupKey to match. We check to see if it's numeric instead of\n    // falsy, as this could legitimately be 0.\n    if (typeof options?.count === 'number' && isObject(translation)) {\n      const translationPluralForm =\n        translation[this.getPluralSuffix(lookupKey, options.count)]\n\n      // Update translation with plural suffix\n      if (translationPluralForm) {\n        translation = translationPluralForm\n      }\n    }\n\n    if (typeof translation === 'string') {\n      // Check for ${} placeholders in the translation string\n      // eslint-disable-next-line @typescript-eslint/prefer-regexp-exec\n      if (translation.match(/%{(.\\S+)}/)) {\n        if (!options) {\n          throw new Error(\n            'i18n: cannot replace placeholders in string if no option data provided'\n          )\n        }\n\n        return this.replacePlaceholders(translation, options)\n      }\n\n      return translation\n    }\n\n    // If the key wasn't found in our translations object,\n    // return the lookup key itself as the fallback\n    return lookupKey\n  }\n\n  /**\n   * Takes a translation string with placeholders, and replaces the placeholders\n   * with the provided data\n   *\n   * @internal\n   * @param {string} translationString - The translation string\n   * @param {{ [key: string]: unknown }} options - Any options passed with the translation string, e.g: for string interpolation.\n   * @returns {string} The translation string to output, with $\\{\\} placeholders replaced\n   */\n  replacePlaceholders(translationString, options) {\n    const formatter = Intl.NumberFormat.supportedLocalesOf(this.locale).length\n      ? new Intl.NumberFormat(this.locale)\n      : undefined\n\n    return translationString.replace(\n      /%{(.\\S+)}/g,\n\n      /**\n       * Replace translation string placeholders\n       *\n       * @internal\n       * @param {string} placeholderWithBraces - Placeholder with braces\n       * @param {string} placeholderKey - Placeholder key\n       * @returns {string} Placeholder value\n       */\n      function (placeholderWithBraces, placeholderKey) {\n        if (Object.prototype.hasOwnProperty.call(options, placeholderKey)) {\n          const placeholderValue = options[placeholderKey]\n\n          // If a user has passed `false` as the value for the placeholder\n          // treat it as though the value should not be displayed\n          if (\n            placeholderValue === false ||\n            (typeof placeholderValue !== 'number' &&\n              typeof placeholderValue !== 'string')\n          ) {\n            return ''\n          }\n\n          // If the placeholder's value is a number, localise the number formatting\n          if (typeof placeholderValue === 'number') {\n            return formatter\n              ? formatter.format(placeholderValue)\n              : `${placeholderValue}`\n          }\n\n          return placeholderValue\n        }\n\n        throw new Error(\n          `i18n: no data found to replace ${placeholderWithBraces} placeholder in string`\n        )\n      }\n    )\n  }\n\n  /**\n   * Check to see if the browser supports Intl.PluralRules\n   *\n   * It requires all conditions to be met in order to be supported:\n   * - The implementation of Intl supports PluralRules (NOT true in Safari 10–12)\n   * - The browser/OS has plural rules for the current locale (browser dependent)\n   *\n   * {@link https://browsersl.ist/#q=supports+es6-module+and+not+supports+intl-pluralrules}\n   *\n   * @internal\n   * @returns {boolean} Returns true if all conditions are met. Returns false otherwise.\n   */\n  hasIntlPluralRulesSupport() {\n    return Boolean(\n      'PluralRules' in window.Intl &&\n        Intl.PluralRules.supportedLocalesOf(this.locale).length\n    )\n  }\n\n  /**\n   * Get the appropriate suffix for the plural form.\n   *\n   * Uses Intl.PluralRules (or our own fallback implementation) to get the\n   * 'preferred' form to use for the given count.\n   *\n   * Checks that a translation has been provided for that plural form – if it\n   * hasn't, it'll fall back to the 'other' plural form (unless that doesn't exist\n   * either, in which case an error will be thrown)\n   *\n   * @internal\n   * @param {string} lookupKey - The lookup key of the string to use.\n   * @param {number} count - Number used to determine which pluralisation to use.\n   * @returns {PluralRule} The suffix associated with the correct pluralisation for this locale.\n   * @throws {Error} Plural form `.other` required when preferred plural form is missing\n   */\n  getPluralSuffix(lookupKey, count) {\n    // Validate that the number is actually a number.\n    //\n    // Number(count) will turn anything that can't be converted to a Number type\n    // into 'NaN'. isFinite filters out NaN, as it isn't a finite number.\n    // eslint-disable-next-line @typescript-eslint/no-unnecessary-type-conversion\n    count = Number(count)\n    if (!isFinite(count)) {\n      return 'other'\n    }\n\n    // Fetch the translation for that lookup key\n    const translation = this.translations[lookupKey]\n\n    // Check to verify that all the requirements for Intl.PluralRules are met.\n    // If so, we can use that instead of our custom implementation. Otherwise,\n    // use the hardcoded fallback.\n    const preferredForm = this.hasIntlPluralRulesSupport()\n      ? new Intl.PluralRules(this.locale).select(count)\n      : 'other'\n\n    // Use the correct plural form if provided\n    if (isObject(translation)) {\n      if (preferredForm in translation) {\n        return preferredForm\n        // Fall back to `other` if the plural form is missing, but log a warning\n        // to the console\n      } else if ('other' in translation) {\n        console.warn(\n          `i18n: Missing plural form \".${preferredForm}\" for \"${this.locale}\" locale. Falling back to \".other\".`\n        )\n\n        return 'other'\n      }\n    }\n\n    // If the required `other` plural form is missing, all we can do is error\n    throw new Error(\n      `i18n: Plural form \".other\" is required for \"${this.locale}\" locale`\n    )\n  }\n}\n\n/**\n * Plural rule category mnemonic tags\n *\n * @internal\n * @typedef {'zero' | 'one' | 'two' | 'few' | 'many' | 'other'} PluralRule\n */\n\n/**\n * Translated message by plural rule they correspond to.\n *\n * Allows to group pluralised messages under a single key when passing\n * translations to a component's constructor\n *\n * @internal\n * @typedef {object} TranslationPluralForms\n * @property {string} [other] - General plural form\n * @property {string} [zero] - Plural form used with 0\n * @property {string} [one] - Plural form used with 1\n * @property {string} [two] - Plural form used with 2\n * @property {string} [few] - Plural form used for a few\n * @property {string} [many] - Plural form used for many\n */\n"],"names":["I18n","constructor","translations","config","_config$locale","locale","document","documentElement","lang","t","lookupKey","options","Error","translation","count","isObject","translationPluralForm","getPluralSuffix","match","replacePlaceholders","translationString","formatter","Intl","NumberFormat","supportedLocalesOf","length","undefined","replace","placeholderWithBraces","placeholderKey","Object","prototype","hasOwnProperty","call","placeholderValue","format","hasIntlPluralRulesSupport","Boolean","window","PluralRules","Number","isFinite","preferredForm","select","console","warn"],"mappings":";;AAQO,MAAMA,IAAI,CAAC;EAUhBC,WAAWA,CAACC,YAAY,GAAG,EAAE,EAAEC,MAAM,GAAG,EAAE,EAAE;AAAA,IAAA,IAAAC,cAAA;AAAA,IAAA,IAAA,CAT5CF,YAAY,GAAA,MAAA;AAAA,IAAA,IAAA,CACZG,MAAM,GAAA,MAAA;IAUJ,IAAI,CAACH,YAAY,GAAGA,YAAY;AAGhC,IAAA,IAAI,CAACG,MAAM,GAAA,CAAAD,cAAA,GAAGD,MAAM,CAACE,MAAM,KAAA,IAAA,GAAAD,cAAA,GAAKE,QAAQ,CAACC,eAAe,CAACC,IAAI,IAAI,IAAK;AACxE,EAAA;AAaAC,EAAAA,CAACA,CAACC,SAAS,EAAEC,OAAO,EAAE;IACpB,IAAI,CAACD,SAAS,EAAE;AAEd,MAAA,MAAM,IAAIE,KAAK,CAAC,0BAA0B,CAAC;AAC7C,IAAA;AAGA,IAAA,IAAIC,WAAW,GAAG,IAAI,CAACX,YAAY,CAACQ,SAAS,CAAC;AAK9C,IAAA,IAAI,QAAOC,OAAO,IAAA,IAAA,GAAA,MAAA,GAAPA,OAAO,CAAEG,KAAK,CAAA,KAAK,QAAQ,IAAIC,QAAQ,CAACF,WAAW,CAAC,EAAE;AAC/D,MAAA,MAAMG,qBAAqB,GACzBH,WAAW,CAAC,IAAI,CAACI,eAAe,CAACP,SAAS,EAAEC,OAAO,CAACG,KAAK,CAAC,CAAC;AAG7D,MAAA,IAAIE,qBAAqB,EAAE;AACzBH,QAAAA,WAAW,GAAGG,qBAAqB;AACrC,MAAA;AACF,IAAA;AAEA,IAAA,IAAI,OAAOH,WAAW,KAAK,QAAQ,EAAE;AAGnC,MAAA,IAAIA,WAAW,CAACK,KAAK,CAAC,WAAW,CAAC,EAAE;QAClC,IAAI,CAACP,OAAO,EAAE;AACZ,UAAA,MAAM,IAAIC,KAAK,CACb,wEACF,CAAC;AACH,QAAA;AAEA,QAAA,OAAO,IAAI,CAACO,mBAAmB,CAACN,WAAW,EAAEF,OAAO,CAAC;AACvD,MAAA;AAEA,MAAA,OAAOE,WAAW;AACpB,IAAA;AAIA,IAAA,OAAOH,SAAS;AAClB,EAAA;AAWAS,EAAAA,mBAAmBA,CAACC,iBAAiB,EAAET,OAAO,EAAE;IAC9C,MAAMU,SAAS,GAAGC,IAAI,CAACC,YAAY,CAACC,kBAAkB,CAAC,IAAI,CAACnB,MAAM,CAAC,CAACoB,MAAM,GACtE,IAAIH,IAAI,CAACC,YAAY,CAAC,IAAI,CAAClB,MAAM,CAAC,GAClCqB,SAAS;IAEb,OAAON,iBAAiB,CAACO,OAAO,CAC9B,YAAY,EAUZ,UAAUC,qBAAqB,EAAEC,cAAc,EAAE;AAC/C,MAAA,IAAIC,MAAM,CAACC,SAAS,CAACC,cAAc,CAACC,IAAI,CAACtB,OAAO,EAAEkB,cAAc,CAAC,EAAE;AACjE,QAAA,MAAMK,gBAAgB,GAAGvB,OAAO,CAACkB,cAAc,CAAC;AAIhD,QAAA,IACEK,gBAAgB,KAAK,KAAK,IACzB,OAAOA,gBAAgB,KAAK,QAAQ,IACnC,OAAOA,gBAAgB,KAAK,QAAS,EACvC;AACA,UAAA,OAAO,EAAE;AACX,QAAA;AAGA,QAAA,IAAI,OAAOA,gBAAgB,KAAK,QAAQ,EAAE;UACxC,OAAOb,SAAS,GACZA,SAAS,CAACc,MAAM,CAACD,gBAAgB,CAAC,GAClC,CAAA,EAAGA,gBAAgB,CAAA,CAAE;AAC3B,QAAA;AAEA,QAAA,OAAOA,gBAAgB;AACzB,MAAA;AAEA,MAAA,MAAM,IAAItB,KAAK,CACb,CAAA,+BAAA,EAAkCgB,qBAAqB,wBACzD,CAAC;AACH,IAAA,CACF,CAAC;AACH,EAAA;AAcAQ,EAAAA,yBAAyBA,GAAG;IAC1B,OAAOC,OAAO,CACZ,aAAa,IAAIC,MAAM,CAAChB,IAAI,IAC1BA,IAAI,CAACiB,WAAW,CAACf,kBAAkB,CAAC,IAAI,CAACnB,MAAM,CAAC,CAACoB,MACrD,CAAC;AACH,EAAA;AAkBAR,EAAAA,eAAeA,CAACP,SAAS,EAAEI,KAAK,EAAE;AAMhCA,IAAAA,KAAK,GAAG0B,MAAM,CAAC1B,KAAK,CAAC;AACrB,IAAA,IAAI,CAAC2B,QAAQ,CAAC3B,KAAK,CAAC,EAAE;AACpB,MAAA,OAAO,OAAO;AAChB,IAAA;AAGA,IAAA,MAAMD,WAAW,GAAG,IAAI,CAACX,YAAY,CAACQ,SAAS,CAAC;IAKhD,MAAMgC,aAAa,GAAG,IAAI,CAACN,yBAAyB,EAAE,GAClD,IAAId,IAAI,CAACiB,WAAW,CAAC,IAAI,CAAClC,MAAM,CAAC,CAACsC,MAAM,CAAC7B,KAAK,CAAC,GAC/C,OAAO;AAGX,IAAA,IAAIC,QAAQ,CAACF,WAAW,CAAC,EAAE;MACzB,IAAI6B,aAAa,IAAI7B,WAAW,EAAE;AAChC,QAAA,OAAO6B,aAAa;AAGtB,MAAA,CAAC,MAAM,IAAI,OAAO,IAAI7B,WAAW,EAAE;QACjC+B,OAAO,CAACC,IAAI,CACV,CAAA,4BAAA,EAA+BH,aAAa,UAAU,IAAI,CAACrC,MAAM,CAAA,mCAAA,CACnE,CAAC;AAED,QAAA,OAAO,OAAO;AAChB,MAAA;AACF,IAAA;IAGA,MAAM,IAAIO,KAAK,CACb,CAAA,4CAAA,EAA+C,IAAI,CAACP,MAAM,UAC5D,CAAC;AACH,EAAA;AACF;;;;"}
\ No newline at end of file
diff --git a/node_modules/govuk-frontend/dist/govuk/index.scss b/node_modules/govuk-frontend/dist/govuk/index.scss
new file mode 100644
index 0000000..393a85f
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/index.scss
@@ -0,0 +1,11 @@
+@import "base";
+
+@import "core/index";
+@import "objects/index";
+
+@import "components/index";
+
+@import "utilities/index";
+@import "overrides/index";
+
+/*# sourceMappingURL=index.scss.map */
diff --git a/node_modules/govuk-frontend/dist/govuk/index.scss.map b/node_modules/govuk-frontend/dist/govuk/index.scss.map
new file mode 100644
index 0000000..18521dc
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/index.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/govuk/index.scss"],"names":[],"mappings":"AAAA,cAAc;;AAEd,oBAAoB;AACpB,uBAAuB;;AAEvB,0BAA0B;;AAE1B,yBAAyB;AACzB,yBAAyB","file":"index.scss","sourcesContent":["@import \"base\";\n\n@import \"core/index\";\n@import \"objects/index\";\n\n@import \"components/index\";\n\n@import \"utilities/index\";\n@import \"overrides/index\";\n"]}
diff --git a/node_modules/govuk-frontend/dist/govuk/init.mjs b/node_modules/govuk-frontend/dist/govuk/init.mjs
new file mode 100644
index 0000000..0900208
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/init.mjs
@@ -0,0 +1,175 @@
+import { normaliseOptions } from './common/configuration.mjs';
+import { isSupported, isObject } from './common/index.mjs';
+import { Accordion } from './components/accordion/accordion.mjs';
+import { Button } from './components/button/button.mjs';
+import { CharacterCount } from './components/character-count/character-count.mjs';
+import { Checkboxes } from './components/checkboxes/checkboxes.mjs';
+import { ErrorSummary } from './components/error-summary/error-summary.mjs';
+import { ExitThisPage } from './components/exit-this-page/exit-this-page.mjs';
+import { FileUpload } from './components/file-upload/file-upload.mjs';
+import { Header } from './components/header/header.mjs';
+import { NotificationBanner } from './components/notification-banner/notification-banner.mjs';
+import { PasswordInput } from './components/password-input/password-input.mjs';
+import { Radios } from './components/radios/radios.mjs';
+import { ServiceNavigation } from './components/service-navigation/service-navigation.mjs';
+import { SkipLink } from './components/skip-link/skip-link.mjs';
+import { Tabs } from './components/tabs/tabs.mjs';
+import { SupportError, ElementError } from './errors/index.mjs';
+
+/**
+ * Initialise all components
+ *
+ * Use the `data-module` attributes to find, instantiate and init all of the
+ * components provided as part of GOV.UK Frontend.
+ *
+ * @param {Config | Element | Document | null} [scopeOrConfig] - Scope of the document to search within or config for all components (with optional scope)
+ */
+function initAll(scopeOrConfig = {}) {
+  const config = isObject(scopeOrConfig) ? scopeOrConfig : {};
+  const options = normaliseOptions(scopeOrConfig);
+  try {
+    if (!isSupported()) {
+      throw new SupportError();
+    }
+    if (options.scope === null) {
+      throw new ElementError({
+        element: options.scope,
+        identifier: 'GOV.UK Frontend scope element (`$scope`)'
+      });
+    }
+  } catch (error) {
+    if (options.onError) {
+      options.onError(error, {
+        config
+      });
+    } else {
+      console.log(error);
+    }
+    return;
+  }
+  const components = [[Accordion, config.accordion], [Button, config.button], [CharacterCount, config.characterCount], [Checkboxes], [ErrorSummary, config.errorSummary], [ExitThisPage, config.exitThisPage], [FileUpload, config.fileUpload], [Header], [NotificationBanner, config.notificationBanner], [PasswordInput, config.passwordInput], [Radios], [ServiceNavigation], [SkipLink], [Tabs]];
+  components.forEach(([Component, componentConfig]) => {
+    createAll(Component, componentConfig, options);
+  });
+}
+
+/**
+ * Create all instances of a specific component on the page
+ *
+ * Uses the `data-module` attribute to find all elements matching the specified
+ * component on the page, creating instances of the component object for each
+ * of them.
+ *
+ * Any component errors will be caught and logged to the console.
+ *
+ * @template {CompatibleClass} ComponentClass
+ * @param {ComponentClass} Component - class of the component to create
+ * @param {ComponentConfig<ComponentClass>} [config] - Config supplied to component
+ * @param {OnErrorCallback<ComponentClass> | Element | Document | null | CreateAllOptions<ComponentClass>} [scopeOrOptions] - options for createAll including scope of the document to search within and callback function if error throw by component on init
+ * @returns {Array<InstanceType<ComponentClass>>} - array of instantiated components
+ */
+function createAll(Component, config, scopeOrOptions) {
+  let $elements;
+  const options = normaliseOptions(scopeOrOptions);
+  try {
+    var _options$scope;
+    if (!isSupported()) {
+      throw new SupportError();
+    }
+    if (options.scope === null) {
+      throw new ElementError({
+        element: options.scope,
+        component: Component,
+        identifier: 'Scope element (`$scope`)'
+      });
+    }
+    $elements = (_options$scope = options.scope) == null ? void 0 : _options$scope.querySelectorAll(`[data-module="${Component.moduleName}"]`);
+  } catch (error) {
+    if (options.onError) {
+      options.onError(error, {
+        component: Component,
+        config
+      });
+    } else {
+      console.log(error);
+    }
+    return [];
+  }
+  return Array.from($elements != null ? $elements : []).map($element => {
+    try {
+      return typeof config !== 'undefined' ? new Component($element, config) : new Component($element);
+    } catch (error) {
+      if (options.onError) {
+        options.onError(error, {
+          element: $element,
+          component: Component,
+          config
+        });
+      } else {
+        console.log(error);
+      }
+      return null;
+    }
+  }).filter(Boolean);
+}
+/**
+ * @typedef {{new (...args: any[]): any, moduleName: string}} CompatibleClass
+ */
+/**
+ * Config for all components via `initAll()`
+ *
+ * @typedef {object} Config
+ * @property {Element | Document | null} [scope] - Scope of the document to search within
+ * @property {OnErrorCallback<CompatibleClass>} [onError] - Initialisation error callback
+ * @property {AccordionConfig} [accordion] - Accordion config
+ * @property {ButtonConfig} [button] - Button config
+ * @property {CharacterCountConfig} [characterCount] - Character Count config
+ * @property {ErrorSummaryConfig} [errorSummary] - Error Summary config
+ * @property {ExitThisPageConfig} [exitThisPage] - Exit This Page config
+ * @property {FileUploadConfig} [fileUpload] - File Upload config
+ * @property {NotificationBannerConfig} [notificationBanner] - Notification Banner config
+ * @property {PasswordInputConfig} [passwordInput] - Password input config
+ */
+/**
+ * Config for individual components
+ *
+ * @import { AccordionConfig } from './components/accordion/accordion.mjs'
+ * @import { ButtonConfig } from './components/button/button.mjs'
+ * @import { CharacterCountConfig } from './components/character-count/character-count.mjs'
+ * @import { ErrorSummaryConfig } from './components/error-summary/error-summary.mjs'
+ * @import { ExitThisPageConfig } from './components/exit-this-page/exit-this-page.mjs'
+ * @import { NotificationBannerConfig } from './components/notification-banner/notification-banner.mjs'
+ * @import { PasswordInputConfig } from './components/password-input/password-input.mjs'
+ * @import { FileUploadConfig } from './components/file-upload/file-upload.mjs'
+ */
+/**
+ * Component config keys, e.g. `accordion` and `characterCount`
+ *
+ * @typedef {keyof Omit<Config, 'scope' | 'onError'>} ConfigKey
+ */
+/**
+ * @template {CompatibleClass} ComponentClass
+ * @typedef {ConstructorParameters<ComponentClass>[1]} ComponentConfig
+ */
+/**
+ * @template {CompatibleClass} ComponentClass
+ * @typedef {object} ErrorContext
+ * @property {Element} [element] - Element used for component module initialisation
+ * @property {ComponentClass} [component] - Class of component
+ * @property {Config | ComponentConfig<ComponentClass>} [config] - Config supplied to components
+ */
+/**
+ * @template {CompatibleClass} ComponentClass
+ * @callback OnErrorCallback
+ * @param {unknown} error - Thrown error
+ * @param {ErrorContext<ComponentClass>} context - Object containing the element, component class and configuration
+ */
+/**
+ * @template {CompatibleClass} ComponentClass
+ * @typedef {object} CreateAllOptions
+ * @property {Element | Document | null} [scope] - scope of the document to search within
+ * @property {OnErrorCallback<ComponentClass>} [onError] - callback function if error throw by component on init
+ */
+
+export { createAll, initAll };
+//# sourceMappingURL=init.mjs.map
diff --git a/node_modules/govuk-frontend/dist/govuk/init.mjs.map b/node_modules/govuk-frontend/dist/govuk/init.mjs.map
new file mode 100644
index 0000000..1c93fbe
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/init.mjs.map
@@ -0,0 +1 @@
+{"version":3,"file":"init.mjs","sources":["../../src/govuk/init.mjs"],"sourcesContent":["import { normaliseOptions } from './common/configuration.mjs'\nimport { isObject, isSupported } from './common/index.mjs'\nimport { Accordion } from './components/accordion/accordion.mjs'\nimport { Button } from './components/button/button.mjs'\nimport { CharacterCount } from './components/character-count/character-count.mjs'\nimport { Checkboxes } from './components/checkboxes/checkboxes.mjs'\nimport { ErrorSummary } from './components/error-summary/error-summary.mjs'\nimport { ExitThisPage } from './components/exit-this-page/exit-this-page.mjs'\nimport { FileUpload } from './components/file-upload/file-upload.mjs'\nimport { Header } from './components/header/header.mjs'\nimport { NotificationBanner } from './components/notification-banner/notification-banner.mjs'\nimport { PasswordInput } from './components/password-input/password-input.mjs'\nimport { Radios } from './components/radios/radios.mjs'\nimport { ServiceNavigation } from './components/service-navigation/service-navigation.mjs'\nimport { SkipLink } from './components/skip-link/skip-link.mjs'\nimport { Tabs } from './components/tabs/tabs.mjs'\nimport { ElementError, SupportError } from './errors/index.mjs'\n\n/**\n * Initialise all components\n *\n * Use the `data-module` attributes to find, instantiate and init all of the\n * components provided as part of GOV.UK Frontend.\n *\n * @param {Config | Element | Document | null} [scopeOrConfig] - Scope of the document to search within or config for all components (with optional scope)\n */\nfunction initAll(scopeOrConfig = {}) {\n  const config = isObject(scopeOrConfig) ? scopeOrConfig : {}\n\n  // Extract initialisation options\n  const options = normaliseOptions(scopeOrConfig)\n\n  try {\n    // Skip initialisation when GOV.UK Frontend is not supported\n    if (!isSupported()) {\n      throw new SupportError()\n    }\n\n    // Users can initialise GOV.UK Frontend in certain sections of the page\n    // unless the scope is null (for example, query selector not found)\n    if (options.scope === null) {\n      throw new ElementError({\n        element: options.scope,\n        identifier: 'GOV.UK Frontend scope element (`$scope`)'\n      })\n    }\n  } catch (error) {\n    if (options.onError) {\n      options.onError(error, {\n        config\n      })\n    } else {\n      console.log(error)\n    }\n\n    return\n  }\n\n  const components = /** @type {const} */ ([\n    [Accordion, config.accordion],\n    [Button, config.button],\n    [CharacterCount, config.characterCount],\n    [Checkboxes],\n    [ErrorSummary, config.errorSummary],\n    [ExitThisPage, config.exitThisPage],\n    [FileUpload, config.fileUpload],\n    [Header],\n    [NotificationBanner, config.notificationBanner],\n    [PasswordInput, config.passwordInput],\n    [Radios],\n    [ServiceNavigation],\n    [SkipLink],\n    [Tabs]\n  ])\n\n  components.forEach(([Component, componentConfig]) => {\n    createAll(Component, componentConfig, options)\n  })\n}\n\n/**\n * Create all instances of a specific component on the page\n *\n * Uses the `data-module` attribute to find all elements matching the specified\n * component on the page, creating instances of the component object for each\n * of them.\n *\n * Any component errors will be caught and logged to the console.\n *\n * @template {CompatibleClass} ComponentClass\n * @param {ComponentClass} Component - class of the component to create\n * @param {ComponentConfig<ComponentClass>} [config] - Config supplied to component\n * @param {OnErrorCallback<ComponentClass> | Element | Document | null | CreateAllOptions<ComponentClass>} [scopeOrOptions] - options for createAll including scope of the document to search within and callback function if error throw by component on init\n * @returns {Array<InstanceType<ComponentClass>>} - array of instantiated components\n */\nfunction createAll(Component, config, scopeOrOptions) {\n  let /** @type {NodeListOf<Element> | undefined} */ $elements\n\n  // Extract initialisation options\n  const options = normaliseOptions(scopeOrOptions)\n\n  try {\n    // Skip initialisation when GOV.UK Frontend is not supported\n    if (!isSupported()) {\n      throw new SupportError()\n    }\n\n    // Users can initialise GOV.UK Frontend in certain sections of the page\n    // unless the scope is null (for example, query selector not found)\n    if (options.scope === null) {\n      throw new ElementError({\n        element: options.scope,\n        component: Component,\n        identifier: 'Scope element (`$scope`)'\n      })\n    }\n\n    $elements = options.scope?.querySelectorAll(\n      `[data-module=\"${Component.moduleName}\"]`\n    )\n  } catch (error) {\n    if (options.onError) {\n      options.onError(error, {\n        component: Component,\n        config\n      })\n    } else {\n      console.log(error)\n    }\n\n    return []\n  }\n\n  /* eslint-disable-next-line @typescript-eslint/no-unsafe-return --\n   * We can't define CompatibleClass as `{new(): CompatibleClass, moduleName: string}`,\n   * as when doing `typeof Accordion` (or any component), TypeScript doesn't seem\n   * to acknowledge the static `moduleName` that's set in our component classes.\n   * This means we have to set the constructor of `CompatibleClass` as `{new(): any}`,\n   * leading to ESLint frowning that we're returning `any[]`.\n   */\n  return Array.from($elements ?? [])\n    .map(($element) => {\n      try {\n        // Only pass config to components that accept it\n        // eslint-disable-next-line @typescript-eslint/no-unsafe-return\n        return typeof config !== 'undefined'\n          ? new Component($element, config)\n          : new Component($element)\n      } catch (error) {\n        if (options.onError) {\n          options.onError(error, {\n            element: $element,\n            component: Component,\n            config\n          })\n        } else {\n          console.log(error)\n        }\n\n        return null\n      }\n    })\n    .filter(Boolean) // Exclude components that errored\n}\n\nexport { initAll, createAll }\n\n/* eslint-disable jsdoc/valid-types --\n * `{new(...args: any[] ): object}` is not recognised as valid\n * https://github.com/gajus/eslint-plugin-jsdoc/issues/145#issuecomment-1308722878\n * https://github.com/jsdoc-type-pratt-parser/jsdoc-type-pratt-parser/issues/131\n **/\n\n/**\n * @typedef {{new (...args: any[]): any, moduleName: string}} CompatibleClass\n */\n\n/* eslint-enable jsdoc/valid-types */\n\n/**\n * Config for all components via `initAll()`\n *\n * @typedef {object} Config\n * @property {Element | Document | null} [scope] - Scope of the document to search within\n * @property {OnErrorCallback<CompatibleClass>} [onError] - Initialisation error callback\n * @property {AccordionConfig} [accordion] - Accordion config\n * @property {ButtonConfig} [button] - Button config\n * @property {CharacterCountConfig} [characterCount] - Character Count config\n * @property {ErrorSummaryConfig} [errorSummary] - Error Summary config\n * @property {ExitThisPageConfig} [exitThisPage] - Exit This Page config\n * @property {FileUploadConfig} [fileUpload] - File Upload config\n * @property {NotificationBannerConfig} [notificationBanner] - Notification Banner config\n * @property {PasswordInputConfig} [passwordInput] - Password input config\n */\n\n/**\n * Config for individual components\n *\n * @import { AccordionConfig } from './components/accordion/accordion.mjs'\n * @import { ButtonConfig } from './components/button/button.mjs'\n * @import { CharacterCountConfig } from './components/character-count/character-count.mjs'\n * @import { ErrorSummaryConfig } from './components/error-summary/error-summary.mjs'\n * @import { ExitThisPageConfig } from './components/exit-this-page/exit-this-page.mjs'\n * @import { NotificationBannerConfig } from './components/notification-banner/notification-banner.mjs'\n * @import { PasswordInputConfig } from './components/password-input/password-input.mjs'\n * @import { FileUploadConfig } from './components/file-upload/file-upload.mjs'\n */\n\n/**\n * Component config keys, e.g. `accordion` and `characterCount`\n *\n * @typedef {keyof Omit<Config, 'scope' | 'onError'>} ConfigKey\n */\n\n/**\n * @template {CompatibleClass} ComponentClass\n * @typedef {ConstructorParameters<ComponentClass>[1]} ComponentConfig\n */\n\n/**\n * @template {CompatibleClass} ComponentClass\n * @typedef {object} ErrorContext\n * @property {Element} [element] - Element used for component module initialisation\n * @property {ComponentClass} [component] - Class of component\n * @property {Config | ComponentConfig<ComponentClass>} [config] - Config supplied to components\n */\n\n/**\n * @template {CompatibleClass} ComponentClass\n * @callback OnErrorCallback\n * @param {unknown} error - Thrown error\n * @param {ErrorContext<ComponentClass>} context - Object containing the element, component class and configuration\n */\n\n/**\n * @template {CompatibleClass} ComponentClass\n * @typedef {object} CreateAllOptions\n * @property {Element | Document | null} [scope] - scope of the document to search within\n * @property {OnErrorCallback<ComponentClass>} [onError] - callback function if error throw by component on init\n */\n"],"names":["initAll","scopeOrConfig","config","isObject","options","normaliseOptions","isSupported","SupportError","scope","ElementError","element","identifier","error","onError","console","log","components","Accordion","accordion","Button","button","CharacterCount","characterCount","Checkboxes","ErrorSummary","errorSummary","ExitThisPage","exitThisPage","FileUpload","fileUpload","Header","NotificationBanner","notificationBanner","PasswordInput","passwordInput","Radios","ServiceNavigation","SkipLink","Tabs","forEach","Component","componentConfig","createAll","scopeOrOptions","$elements","_options$scope","component","querySelectorAll","moduleName","Array","from","map","$element","filter","Boolean"],"mappings":"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"}
\ No newline at end of file
diff --git a/node_modules/govuk-frontend/dist/govuk/macros/attributes.njk b/node_modules/govuk-frontend/dist/govuk/macros/attributes.njk
new file mode 100644
index 0000000..a8415c1
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/macros/attributes.njk
@@ -0,0 +1,94 @@
+{#
+  Renders component attributes as string
+
+  * By default or using `optional: false`, attributes render as ` name="value"`
+  * Using `optional: true`, attributes with empty (`null`, `undefined` or `false`) values are omitted
+  * Using `optional: true`, attributes with `true` (boolean) values render `name` only without value
+
+  {@link https://developer.mozilla.org/en-US/docs/Glossary/Boolean/HTML}
+
+  @example
+  Output attribute ` aria-hidden="true"` when `true` (boolean) or `"true"` (string)
+
+  ```njk
+  govukAttributes({
+    "aria-hidden": true
+  })
+  ```
+
+  @example
+  Output attribute ` aria-hidden="false"` when `false` (boolean) or `"false"` (string)
+
+  ```njk
+  govukAttributes({
+    "aria-hidden": false
+  })
+  ```
+
+  @example
+  Output attribute ` hidden=""` when `null`, `undefined` or empty `""` (string)
+
+  ```njk
+  govukAttributes({
+    "hidden": undefined
+  })
+  ```
+
+  @example
+  Output attribute ` hidden` as boolean attribute when optional and `true`
+
+  ```njk
+  govukAttributes({
+    hidden: {
+      value: true,
+      optional: true
+    },
+  })
+  ```
+
+  @example
+  Output empty string when optional and `null`, `undefined` or `false`
+
+  ```njk
+  govukAttributes({
+    hidden: {
+      value: undefined,
+      optional: true
+    },
+  })
+  ```
+
+  @private
+  @param {{ [attribute: string]: string | { value: string, optional?: boolean } } | string} attributes - Component attributes param
+#}
+{% macro govukAttributes(attributes) -%}
+  {#- Default attributes output -#}
+  {% set attributesHtml = attributes if attributes is string else "" %}
+
+  {#- Append attribute name/value pairs -#}
+  {%- if attributes is mapping %}
+    {% for name, value in attributes %}
+      {#- Detect if this is a `safe` filtered value. Just pass the value through if so. -#}
+      {#- https://github.com/alphagov/govuk-frontend/issues/4937 -#}
+      {% if value is mapping and not [undefined, null].includes(value.val) and value.length %}
+        {% set value = value.val %}
+      {% endif %}
+
+      {#- Set default attribute options -#}
+      {% set options = value if value is mapping else {
+        value: value,
+        optional: false
+      } %}
+
+      {#- Output ` name` only (no value) for boolean attributes -#}
+      {% if options.optional === true and options.value === true %}
+        {% set attributesHtml = attributesHtml + " " + name | escape %}
+      {#- Skip optional empty attributes or output ` name="value"` pair by default -#}
+      {% elif (options.optional === true and not [undefined, null, false].includes(options.value)) or options.optional !== true %}
+        {% set attributesHtml = attributesHtml + " " + name | escape + '="' + options.value | escape + '"' %}
+      {% endif %}
+    {% endfor %}
+  {% endif -%}
+
+  {{- attributesHtml | safe -}}
+{%- endmacro %}
diff --git a/node_modules/govuk-frontend/dist/govuk/macros/i18n.njk b/node_modules/govuk-frontend/dist/govuk/macros/i18n.njk
new file mode 100644
index 0000000..f24a3cb
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/macros/i18n.njk
@@ -0,0 +1,21 @@
+{#
+  Renders translated text into data attributes by translation key
+
+  - Provide params.message for translation text, singular
+  - Provide params.messages for translation text by corresponding plural rule
+
+  {@link https://cldr.unicode.org/index/cldr-spec/plural-rules}
+
+  Helps reduce the boilerplate in component templates as they're quite verbose
+
+  @private
+  @param {object} params - i18n macro params
+  @param {string} params.key - Translation key (kebab-case)
+  @param {string} [params.message] - Translation text, singular
+  @param {{ [pluralRule: string]: string }} [params.messages] - Translation text by corresponding plural rule (optional, overrides params.message)
+#}
+{% macro govukI18nAttributes(params) %}
+  {%- if params.messages -%}
+    {% for pluralRule, message in params.messages %} data-i18n.{{ params.key }}.{{ pluralRule }}="{{ message | escape }}"{% endfor %}
+  {% elseif params.message %} data-i18n.{{ params.key }}="{{ params.message | escape }}"{% endif -%}
+{% endmacro %}
diff --git a/node_modules/govuk-frontend/dist/govuk/macros/logo.njk b/node_modules/govuk-frontend/dist/govuk/macros/logo.njk
new file mode 100644
index 0000000..cae9506
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/macros/logo.njk
@@ -0,0 +1,78 @@
+{#- This macro is for interal use within GOV.UK Frontend. It isn't intended for
+external use and may receive undocumented breaking changes in non-breaking
+releases of Frontend. #}
+
+{% from "./attributes.njk" import govukAttributes %}
+
+{% macro govukLogo(params) %}
+  {#- Default options #}
+  {%- set rebrand = params.rebrand | default(false) %}
+  {%- set useLogotype = params.useLogotype | default(true) %}
+  {%- set useTudorCrown = params.useTudorCrown | default(true) %}
+
+  {# Force use of Tudor Crown if rebrand flag is on. #}
+  {%- set useTudorCrown = true if rebrand else useTudorCrown  %}
+
+  {#- Calculate how wide the logo needs to be for the given parameters. #}
+  {%- set svgWidth = 32 if useTudorCrown else 36 %}
+  {%- set svgWidth = svgWidth + 116 if (useLogotype and not rebrand) else svgWidth %}
+  {%- set svgWidth = svgWidth + 130 if (useLogotype and rebrand) else svgWidth %}
+
+  {#- Charles III's Tudor Crown icon has been the default since February 2024. #}
+  {%- set _tudorCrown %}
+    <g>
+      <circle cx="20" cy="17.6" r="3.7"/>
+      <circle cx="10.2" cy="23.5" r="3.7"/>
+      <circle cx="3.7" cy="33.2" r="3.7"/>
+      <circle cx="31.7" cy="30.6" r="3.7"/>
+      <circle cx="43.3" cy="17.6" r="3.7"/>
+      <circle cx="53.2" cy="23.5" r="3.7"/>
+      <circle cx="59.7" cy="33.2" r="3.7"/>
+      <circle cx="31.7" cy="30.6" r="3.7"/>
+      <path d="M33.1,9.8c.2-.1.3-.3.5-.5l4.6,2.4v-6.8l-4.6,1.5c-.1-.2-.3-.3-.5-.5l1.9-5.9h-6.7l1.9,5.9c-.2.1-.3.3-.5.5l-4.6-1.5v6.8l4.6-2.4c.1.2.3.3.5.5l-2.6,8c-.9,2.8,1.2,5.7,4.1,5.7h0c3,0,5.1-2.9,4.1-5.7l-2.6-8ZM37,37.9s-3.4,3.8-4.1,6.1c2.2,0,4.2-.5,6.4-2.8l-.7,8.5c-2-2.8-4.4-4.1-5.7-3.8.1,3.1.5,6.7,5.8,7.2,3.7.3,6.7-1.5,7-3.8.4-2.6-2-4.3-3.7-1.6-1.4-4.5,2.4-6.1,4.9-3.2-1.9-4.5-1.8-7.7,2.4-10.9,3,4,2.6,7.3-1.2,11.1,2.4-1.3,6.2,0,4,4.6-1.2-2.8-3.7-2.2-4.2.2-.3,1.7.7,3.7,3,4.2,1.9.3,4.7-.9,7-5.9-1.3,0-2.4.7-3.9,1.7l2.4-8c.6,2.3,1.4,3.7,2.2,4.5.6-1.6.5-2.8,0-5.3l5,1.8c-2.6,3.6-5.2,8.7-7.3,17.5-7.4-1.1-15.7-1.7-24.5-1.7h0c-8.8,0-17.1.6-24.5,1.7-2.1-8.9-4.7-13.9-7.3-17.5l5-1.8c-.5,2.5-.6,3.7,0,5.3.8-.8,1.6-2.3,2.2-4.5l2.4,8c-1.5-1-2.6-1.7-3.9-1.7,2.3,5,5.2,6.2,7,5.9,2.3-.4,3.3-2.4,3-4.2-.5-2.4-3-3.1-4.2-.2-2.2-4.6,1.6-6,4-4.6-3.7-3.7-4.2-7.1-1.2-11.1,4.2,3.2,4.3,6.4,2.4,10.9,2.5-2.8,6.3-1.3,4.9,3.2-1.8-2.7-4.1-1-3.7,1.6.3,2.3,3.3,4.1,7,3.8,5.4-.5,5.7-4.2,5.8-7.2-1.3-.2-3.7,1-5.7,3.8l-.7-8.5c2.2,2.3,4.2,2.7,6.4,2.8-.7-2.3-4.1-6.1-4.1-6.1h10.6,0Z"/>
+    </g>
+  {%- endset %}
+
+  {#- St. Edward's Crown was the logo under Elizabeth II. It's included to avoid
+  a breaking change in services. It can be removed in Frontend v6. #}
+  {%- set _stEdwardsCrown %}
+    <path d="M13.4,22.3c2,.8,4.2-.2,5-2s-.2-4.2-2-5c-2-.8-4.2.2-5,2-.8,2,0,4.2,2,5M4.8,27.3c2,.8,4.2-.2,5-2s-.2-4.2-2-5c-2-.8-4.2.2-5,2-1,2,0,4.2,2,5M2.2,36.9c2,.8,4.2-.2,5-2,.8-2-.2-4.2-2-5-2-.8-4.2.2-5,2-.8,2,0,4.2,2,5M23,25.3c2,.8,4.2-.2,5-2s-.2-4.2-2-5c-2-.8-4.2.2-5,2s0,4.2,2,5M57.8,22.3c-2,.8-4.2-.2-5-2s.2-4.2,2-5c2-.8,4.2.2,5,2,1,2,0,4.2-2,5M66.4,27.3c-2,.8-4.2-.2-5-2s.2-4.2,2-5c2-.8,4.2.2,5,2,1,2,0,4.2-2,5M69,36.9c-2,.8-4.2-.2-5-2-.8-2,.2-4.2,2-5,2-.8,4.2.2,5,2,.8,2,0,4.2-2,5M48.2,25.3c-2,.8-4.2-.2-5-2s.2-4.2,2-5c2-.8,4.2.2,5,2s0,4.2-2,5M37.6,15.5l4.8,2.6v-7.2l-4.8,1.6c-.2-.2-.2-.4-.4-.4s2-6,2-6h-6.8l2,6c-.2.2-.4.2-.4.4-.2.2-4.8-1.4-4.8-1.4v7l4.8-2.6c-.2.2,0,.4.2.6l-2.8,8.4c-.2.4-.2.8-.2,1.4,0,2.2,1.6,4.2,3.8,4.4h1.2c2.2-.4,3.8-2.2,3.8-4.4s0-.8-.2-1.4l-2.8-8.4c.4-.2.6-.4.6-.6M35.6,56.1c9.2,0,17.8.6,25.6,1.8,2.2-9.2,4.8-14.4,7.6-18.2l-5.2-1.8c.6,2.6.6,3.8,0,5.6-.8-.8-1.6-2.4-2.2-4.8l-2.4,8.4c1.6-1,2.8-1.8,4-1.8-2.4,5.2-5.4,6.4-7.2,6-2.4-.4-3.4-2.6-3-4.4.6-2.6,3.2-3.2,4.4-.2,2.4-4.8-1.6-6.2-4.2-4.8,3.8-3.8,4.4-7.2,1.2-11.4-4.4,3.4-4.4,6.6-2.4,11.2-2.6-3-6.6-1.4-5,3.4,1.8-2.8,4.2-1,4,1.6-.4,2.4-3.4,4.2-7.4,4-5.6-.4-6-4.4-6-7.4,1.4-.2,3.8,1,6,4l.8-8.8c-2.2,2.4-4.4,2.8-6.6,2.8.8-2.4,4.2-6.2,4.2-6.2h-11s3.6,4,4.2,6.2c-2.2,0-4.4-.6-6.6-2.8l.8,8.8c2.2-3,4.6-4.2,6-4-.2,3.2-.4,7-6,7.4-3.8.4-7-1.6-7.4-4-.4-2.6,2-4.4,3.8-1.6,1.4-4.8-2.6-6.2-5.2-3.4,2-4.6,2-8-2.4-11.2-3.2,4.2-2.6,7.6,1.2,11.4-2.6-1.4-6.4,0-4.2,4.8,1.2-3,3.8-2.2,4.4.2.4,1.8-.8,3.8-3,4.4-2,.4-5-1-7.4-6,1.4,0,2.6.8,4,1.8l-3-8.4c-.6,2.4-1.4,3.8-2.4,4.8-.6-1.6-.4-3,0-5.6l-5.2,1.8c3,3.8,5.6,9,7.8,18.2,7.6-1,16.4-1.8,25.4-1.8"/>
+  {%- endset %}
+
+  {#- The GOV.UK logotype with standard dot. This needs to be slightly offset if
+  using the St. Edward's Crown, as that crown is wider. #}
+  {%- set _logotype %}
+    <path {%- if not useTudorCrown %} transform="translate(8 0)"{% endif %} d="M88.6,33.2c0,1.8.2,3.4.6,5s1.2,3,2,4.4c1,1.2,2,2.2,3.4,3s3,1.2,5,1.2,3.4-.2,4.6-.8,2.2-1.4,3-2.2,1.2-1.8,1.6-3c.2-1,.4-2,.4-3v-.4h-10.6v-6.4h18.8v23h-7.4v-5c-.6.8-1.2,1.6-2,2.2-.8.6-1.6,1.2-2.6,1.8-1,.4-2,.8-3.2,1.2s-2.4.4-3.6.4c-3,0-5.8-.6-8-1.6-2.4-1.2-4.4-2.6-6-4.6s-2.8-4.2-3.6-6.8c-.6-2.8-1-5.6-1-8.6s.4-5.8,1.4-8.4,2.2-4.8,4-6.8,3.8-3.4,6.2-4.6c2.4-1.2,5.2-1.6,8.2-1.6s3.8.2,5.6.6c1.8.4,3.4,1.2,4.8,2s2.8,1.8,3.8,3c1.2,1.2,2,2.6,2.8,4l-7.4,4.2c-.4-.8-1-1.8-1.6-2.4-.6-.8-1.2-1.4-2-2s-1.6-1-2.6-1.4-2.2-.4-3.4-.4c-2,0-3.6.4-5,1.2-1.4.8-2.6,1.8-3.4,3-1,1.2-1.6,2.8-2,4.4-.6,1.6-.8,3.8-.8,5.4ZM161.4,24.6c-.8-2.6-2.2-4.8-4-6.8s-3.8-3.4-6.2-4.6c-2.4-1.2-5.2-1.6-8.4-1.6s-5.8.6-8.4,1.6c-2.2,1.2-4.4,2.8-6,4.6-1.8,2-3,4.2-4,6.8-.8,2.6-1.4,5.4-1.4,8.4s.4,5.8,1.4,8.4c.8,2.6,2.2,4.8,4,6.8s3.8,3.4,6.2,4.6c2.4,1.2,5.2,1.6,8.4,1.6s5.8-.6,8.4-1.6c2.4-1.2,4.6-2.6,6.2-4.6,1.8-2,3-4.2,4-6.8.8-2.6,1.4-5.4,1.4-8.4-.2-3-.6-5.8-1.6-8.4h0ZM154,33.2c0,2-.2,3.8-.8,5.4-.4,1.6-1.2,3.2-2.2,4.4s-2.2,2.2-3.4,2.8c-1.4.6-3,1-4.8,1s-3.4-.4-4.8-1-2.6-1.6-3.4-2.8c-1-1.2-1.6-2.6-2.2-4.4-.4-1.6-.8-3.4-.8-5.4v-.2c0-2,.2-3.8.8-5.4.4-1.6,1.2-3.2,2.2-4.4,1-1.2,2.2-2.2,3.4-2.8,1.4-.6,3-1,4.8-1s3.4.4,4.8,1,2.6,1.6,3.4,2.8c1,1.2,1.6,2.6,2.2,4.4.4,1.6.8,3.4.8,5.4v.2ZM177.8,54l-11.8-42h9.4l8,31.4h.2l8-31.4h9.4l-11.8,42h-11.4,0ZM235.4,46.7c1.2,0,2.4-.2,3.4-.6,1-.4,2-.8,2.8-1.6s1.4-1.6,1.8-2.8c.4-1.2.6-2.4.6-4V11.8h8.2v27.2c0,2.4-.4,4.4-1.2,6.2s-2,3.4-3.6,4.8c-1.4,1.4-3.2,2.4-5.4,3-2,.8-4.4,1-6.8,1s-4.8-.4-6.8-1c-2-.8-3.8-1.8-5.4-3-1.6-1.4-2.6-3-3.6-4.8-.8-1.8-1.2-4-1.2-6.2V11.7h8.4v26c0,1.6.2,2.8.6,4,.4,1.2,1,2,1.8,2.8s1.6,1.2,2.8,1.6c1.2.4,2.2.6,3.6.6h0ZM261.4,11.9h8.4v18.2l14.8-18.2h10.4l-14.4,16.8,15.4,25.2h-9.8l-11-18.8-5.4,6v12.8h-8.4V11.9h0ZM206.2,44.2c-3,0-5.4,2.4-5.4,5.4s2.4,5.4,5.4,5.4,5.4-2.4,5.4-5.4-2.4-5.4-5.4-5.4Z"/>
+  {%- endset %}
+
+  {#- The GOV.UK logotype with raised and coloured dot. This is only intended for
+  use alongide the Tudor Crown, so don't bother with offsetting for the
+  St. Edward's Crown. #}
+  {%- set _dotLogotype %}
+    <circle class="govuk-logo-dot" cx="226" cy="36" r="7.3"/>
+    <path d="M93.94 41.25c.4 1.81 1.2 3.21 2.21 4.62 1 1.4 2.21 2.41 3.61 3.21s3.21 1.2 5.22 1.2 3.61-.4 4.82-1c1.4-.6 2.41-1.4 3.21-2.41.8-1 1.4-2.01 1.61-3.01s.4-2.01.4-3.01v.14h-10.86v-7.02h20.07v24.08h-8.03v-5.56c-.6.8-1.38 1.61-2.19 2.41-.8.8-1.81 1.2-2.81 1.81-1 .4-2.21.8-3.41 1.2s-2.41.4-3.81.4a18.56 18.56 0 0 1-14.65-6.63c-1.6-2.01-3.01-4.41-3.81-7.02s-1.4-5.62-1.4-8.83.4-6.02 1.4-8.83a20.45 20.45 0 0 1 19.46-13.65c3.21 0 4.01.2 5.82.8 1.81.4 3.61 1.2 5.02 2.01 1.61.8 2.81 2.01 4.01 3.21s2.21 2.61 2.81 4.21l-7.63 4.41c-.4-1-1-1.81-1.61-2.61-.6-.8-1.4-1.4-2.21-2.01-.8-.6-1.81-1-2.81-1.4-1-.4-2.21-.4-3.61-.4-2.01 0-3.81.4-5.22 1.2-1.4.8-2.61 1.81-3.61 3.21s-1.61 2.81-2.21 4.62c-.4 1.81-.6 3.71-.6 5.42s.8 5.22.8 5.22Zm57.8-27.9c3.21 0 6.22.6 8.63 1.81 2.41 1.2 4.82 2.81 6.62 4.82S170.2 24.39 171 27s1.4 5.62 1.4 8.83-.4 6.02-1.4 8.83-2.41 5.02-4.01 7.02-4.01 3.61-6.62 4.82-5.42 1.81-8.63 1.81-6.22-.6-8.63-1.81-4.82-2.81-6.42-4.82-3.21-4.41-4.01-7.02-1.4-5.62-1.4-8.83.4-6.02 1.4-8.83 2.41-5.02 4.01-7.02 4.01-3.61 6.42-4.82 5.42-1.81 8.63-1.81Zm0 36.73c1.81 0 3.61-.4 5.02-1s2.61-1.81 3.61-3.01 1.81-2.81 2.21-4.41c.4-1.81.8-3.61.8-5.62 0-2.21-.2-4.21-.8-6.02s-1.2-3.21-2.21-4.62c-1-1.2-2.21-2.21-3.61-3.01s-3.21-1-5.02-1-3.61.4-5.02 1c-1.4.8-2.61 1.81-3.61 3.01s-1.81 2.81-2.21 4.62c-.4 1.81-.8 3.61-.8 5.62 0 2.41.2 4.21.8 6.02.4 1.81 1.2 3.21 2.21 4.41s2.21 2.21 3.61 3.01c1.4.8 3.21 1 5.02 1Zm36.32 7.96-12.24-44.15h9.83l8.43 32.77h.4l8.23-32.77h9.83L200.3 58.04h-12.24Zm74.14-7.96c2.18 0 3.51-.6 3.51-.6 1.2-.6 2.01-1 2.81-1.81s1.4-1.81 1.81-2.81a13 13 0 0 0 .8-4.01V13.9h8.63v28.15c0 2.41-.4 4.62-1.4 6.62-.8 2.01-2.21 3.61-3.61 5.02s-3.41 2.41-5.62 3.21-4.62 1.2-7.02 1.2-5.02-.4-7.02-1.2c-2.21-.8-4.01-1.81-5.62-3.21s-2.81-3.01-3.61-5.02-1.4-4.21-1.4-6.62V13.9h8.63v26.95c0 1.61.2 3.01.8 4.01.4 1.2 1.2 2.21 2.01 2.81.8.8 1.81 1.4 2.81 1.81 0 0 1.34.6 3.51.6Zm34.22-36.18v18.92l15.65-18.92h10.82l-15.03 17.32 16.03 26.83h-10.21l-11.44-20.21-5.62 6.22v13.99h-8.83V13.9"/>
+  {%- endset %}
+
+  {#- The SVG needs `focusable="false"` so that Internet Explorer does not treat
+  it as an interactive element - without this it will be 'focusable' when using
+  the keyboard to navigate. #}
+  <svg
+    focusable="false"
+    role="{{ "img" if params.ariaLabelText else "presentation" }}"
+    xmlns="http://www.w3.org/2000/svg"
+    {#- The viewbox is 2x the actual display dimensions #}
+    viewBox="0 0 {{ svgWidth * 2 }} 60"
+    height="30"
+    width="{{ svgWidth }}"
+    fill="currentcolor"
+    {%- if params.classes %} class="{{ params.classes }}"{% endif %}
+    {%- if params.ariaLabelText %} aria-label="{{ params.ariaLabelText }}"{% endif %}
+    {{- govukAttributes(params.attributes) }}
+  >
+    {%- if params.ariaLabelText %}<title>{{ params.ariaLabelText }}</title>{% endif %}
+    {{ (_stEdwardsCrown if not useTudorCrown else _tudorCrown) | safe | trim | indent(2) }}
+    {% if useLogotype %}
+      {{ (_dotLogotype if rebrand else _logotype) | safe | trim | indent(2) }}
+    {% endif %}
+  </svg>
+{% endmacro %}
diff --git a/node_modules/govuk-frontend/dist/govuk/objects/_all.scss b/node_modules/govuk-frontend/dist/govuk/objects/_all.scss
new file mode 100644
index 0000000..a393b27
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/objects/_all.scss
@@ -0,0 +1,10 @@
+@import "../settings/warnings";
+@import "index";
+
+@include _warning(
+  "import-using-all",
+  "Importing using 'govuk/objects/all' is deprecated. Update your import statement to import 'govuk/objects/index'.",
+  $silence-further-warnings: false
+);
+
+/*# sourceMappingURL=_all.scss.map */
diff --git a/node_modules/govuk-frontend/dist/govuk/objects/_all.scss.map b/node_modules/govuk-frontend/dist/govuk/objects/_all.scss.map
new file mode 100644
index 0000000..c0f6160
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/objects/_all.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/govuk/objects/_all.scss"],"names":[],"mappings":"AAAA,8BAA8B;AAC9B,eAAe;;AAEf;;;;CAIC","file":"_all.scss","sourcesContent":["@import \"../settings/warnings\";\n@import \"index\";\n\n@include _warning(\n  \"import-using-all\",\n  \"Importing using 'govuk/objects/all' is deprecated. Update your import statement to import 'govuk/objects/index'.\",\n  $silence-further-warnings: false\n);\n"]}
diff --git a/node_modules/govuk-frontend/dist/govuk/objects/_button-group.scss b/node_modules/govuk-frontend/dist/govuk/objects/_button-group.scss
new file mode 100644
index 0000000..057a5ae
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/objects/_button-group.scss
@@ -0,0 +1,80 @@
+@import "../base";
+
+@include govuk-exports("govuk/objects/button-group") {
+  // Button groups can be used to group buttons and links together as a group.
+  //
+  // Within a button group:
+  //
+  // - links are styled to line up visually with the buttons, including being
+  //   centre-aligned on mobile
+  // - spacing between the buttons and links is handled automatically, including
+  //   when they wrap across multiple lines
+  .govuk-button-group {
+    $horizontal-gap: govuk-spacing(3);
+    $vertical-gap: govuk-spacing(3);
+
+    // These need to be kept in sync with the button component's styles
+    $button-padding: govuk-spacing(2);
+    $button-shadow-size: $govuk-border-width-form-element;
+
+    $link-spacing: govuk-spacing(1);
+
+    @include govuk-responsive-margin(6, "bottom", $adjustment: $vertical-gap * -1);
+
+    // Flexbox is used to center-align links on mobile, align everything along
+    // the baseline on tablet and above, and to removes extra whitespace that
+    // we'd get between the buttons and links because they're inline-blocks.
+    //
+    // Ideally we'd use `gap` with flexbox rather than having to do it all with
+    // margins, but unfortunately the support isn't there (yet) and @supports
+    // doesn't play nicely with it
+    // (https://github.com/w3c/csswg-drafts/issues/3559)
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+
+    // Give links within the button group the same font-size and line-height
+    // as buttons.
+    //
+    // Because we want the focus state to be tight around the link text, we use
+    // margins where the buttons would use padding.
+    .govuk-link {
+      @include govuk-font($size: 19, $line-height: 19px);
+      display: inline-block;
+      // Prevent links overflowing their container in IE10/11 because of bug
+      // with align-items: center
+      max-width: 100%;
+      margin-top: $link-spacing;
+      margin-bottom: $link-spacing + $vertical-gap;
+      text-align: center;
+    }
+
+    // Reduce the bottom margin to the size of the vertical gap (accommodating
+    // the button shadow) – the 'lost' margin is moved to the button-group.
+    .govuk-button {
+      margin-bottom: $vertical-gap + $button-shadow-size;
+    }
+
+    // On tablet and above, we also introduce a 'column gap' between the
+    // buttons and links in each row and left align links
+    @include govuk-media-query($from: tablet) {
+      // Cancel out the column gap for the last item in each row
+      margin-right: ($horizontal-gap * -1);
+
+      flex-direction: row;
+      flex-wrap: wrap;
+      align-items: baseline;
+
+      .govuk-button,
+      .govuk-link {
+        margin-right: $horizontal-gap;
+      }
+
+      .govuk-link {
+        text-align: left;
+      }
+    }
+  }
+}
+
+/*# sourceMappingURL=_button-group.scss.map */
diff --git a/node_modules/govuk-frontend/dist/govuk/objects/_button-group.scss.map b/node_modules/govuk-frontend/dist/govuk/objects/_button-group.scss.map
new file mode 100644
index 0000000..fbd6ca6
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/objects/_button-group.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/govuk/objects/_button-group.scss"],"names":[],"mappings":"AAAA,iBAAiB;;AAEjB;EACE,2EAA2E;EAC3E,CAAC;EACD,wBAAwB;EACxB,CAAC;EACD,0EAA0E;EAC1E,4BAA4B;EAC5B,6EAA6E;EAC7E,wCAAwC;EACxC;IACE,iCAAiC;IACjC,+BAA+B;;IAE/B,kEAAkE;IAClE,iCAAiC;IACjC,qDAAqD;;IAErD,+BAA+B;;IAE/B,8EAA8E;;IAE9E,yEAAyE;IACzE,wEAAwE;IACxE,uEAAuE;IACvE,CAAC;IACD,0EAA0E;IAC1E,wEAAwE;IACxE,6BAA6B;IAC7B,mDAAmD;IACnD,aAAa;IACb,sBAAsB;IACtB,mBAAmB;;IAEnB,uEAAuE;IACvE,aAAa;IACb,CAAC;IACD,0EAA0E;IAC1E,8CAA8C;IAC9C;MACE,kDAAkD;MAClD,qBAAqB;MACrB,qEAAqE;MACrE,0BAA0B;MAC1B,eAAe;MACf,yBAAyB;MACzB,4CAA4C;MAC5C,kBAAkB;IACpB;;IAEA,yEAAyE;IACzE,sEAAsE;IACtE;MACE,kDAAkD;IACpD;;IAEA,mEAAmE;IACnE,oDAAoD;IACpD;MACE,yDAAyD;MACzD,oCAAoC;;MAEpC,mBAAmB;MACnB,eAAe;MACf,qBAAqB;;MAErB;;QAEE,6BAA6B;MAC/B;;MAEA;QACE,gBAAgB;MAClB;IACF;EACF;AACF","file":"_button-group.scss","sourcesContent":["@import \"../base\";\n\n@include govuk-exports(\"govuk/objects/button-group\") {\n  // Button groups can be used to group buttons and links together as a group.\n  //\n  // Within a button group:\n  //\n  // - links are styled to line up visually with the buttons, including being\n  //   centre-aligned on mobile\n  // - spacing between the buttons and links is handled automatically, including\n  //   when they wrap across multiple lines\n  .govuk-button-group {\n    $horizontal-gap: govuk-spacing(3);\n    $vertical-gap: govuk-spacing(3);\n\n    // These need to be kept in sync with the button component's styles\n    $button-padding: govuk-spacing(2);\n    $button-shadow-size: $govuk-border-width-form-element;\n\n    $link-spacing: govuk-spacing(1);\n\n    @include govuk-responsive-margin(6, \"bottom\", $adjustment: $vertical-gap * -1);\n\n    // Flexbox is used to center-align links on mobile, align everything along\n    // the baseline on tablet and above, and to removes extra whitespace that\n    // we'd get between the buttons and links because they're inline-blocks.\n    //\n    // Ideally we'd use `gap` with flexbox rather than having to do it all with\n    // margins, but unfortunately the support isn't there (yet) and @supports\n    // doesn't play nicely with it\n    // (https://github.com/w3c/csswg-drafts/issues/3559)\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n\n    // Give links within the button group the same font-size and line-height\n    // as buttons.\n    //\n    // Because we want the focus state to be tight around the link text, we use\n    // margins where the buttons would use padding.\n    .govuk-link {\n      @include govuk-font($size: 19, $line-height: 19px);\n      display: inline-block;\n      // Prevent links overflowing their container in IE10/11 because of bug\n      // with align-items: center\n      max-width: 100%;\n      margin-top: $link-spacing;\n      margin-bottom: $link-spacing + $vertical-gap;\n      text-align: center;\n    }\n\n    // Reduce the bottom margin to the size of the vertical gap (accommodating\n    // the button shadow) – the 'lost' margin is moved to the button-group.\n    .govuk-button {\n      margin-bottom: $vertical-gap + $button-shadow-size;\n    }\n\n    // On tablet and above, we also introduce a 'column gap' between the\n    // buttons and links in each row and left align links\n    @include govuk-media-query($from: tablet) {\n      // Cancel out the column gap for the last item in each row\n      margin-right: ($horizontal-gap * -1);\n\n      flex-direction: row;\n      flex-wrap: wrap;\n      align-items: baseline;\n\n      .govuk-button,\n      .govuk-link {\n        margin-right: $horizontal-gap;\n      }\n\n      .govuk-link {\n        text-align: left;\n      }\n    }\n  }\n}\n"]}
diff --git a/node_modules/govuk-frontend/dist/govuk/objects/_form-group.scss b/node_modules/govuk-frontend/dist/govuk/objects/_form-group.scss
new file mode 100644
index 0000000..32576c0
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/objects/_form-group.scss
@@ -0,0 +1,25 @@
+@import "../base";
+
+@include govuk-exports("govuk/objects/form-group") {
+  .govuk-form-group {
+    @include govuk-clearfix;
+    @include govuk-responsive-margin(6, "bottom");
+
+    .govuk-form-group:last-of-type {
+      margin-bottom: 0; // Remove margin from last item in nested groups
+    }
+  }
+
+  .govuk-form-group--error {
+    padding-left: govuk-spacing(3);
+    border-left: $govuk-border-width-form-group-error solid $govuk-error-colour;
+
+    .govuk-form-group {
+      // Reset error styles in nested form groups that might have error class
+      padding: 0;
+      border: 0;
+    }
+  }
+}
+
+/*# sourceMappingURL=_form-group.scss.map */
diff --git a/node_modules/govuk-frontend/dist/govuk/objects/_form-group.scss.map b/node_modules/govuk-frontend/dist/govuk/objects/_form-group.scss.map
new file mode 100644
index 0000000..71ca8be
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/objects/_form-group.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/govuk/objects/_form-group.scss"],"names":[],"mappings":"AAAA,iBAAiB;;AAEjB;EACE;IACE,uBAAuB;IACvB,6CAA6C;;IAE7C;MACE,gBAAgB,EAAE,+CAA+C;IACnE;EACF;;EAEA;IACE,8BAA8B;IAC9B,2EAA2E;;IAE3E;MACE,sEAAsE;MACtE,UAAU;MACV,SAAS;IACX;EACF;AACF","file":"_form-group.scss","sourcesContent":["@import \"../base\";\n\n@include govuk-exports(\"govuk/objects/form-group\") {\n  .govuk-form-group {\n    @include govuk-clearfix;\n    @include govuk-responsive-margin(6, \"bottom\");\n\n    .govuk-form-group:last-of-type {\n      margin-bottom: 0; // Remove margin from last item in nested groups\n    }\n  }\n\n  .govuk-form-group--error {\n    padding-left: govuk-spacing(3);\n    border-left: $govuk-border-width-form-group-error solid $govuk-error-colour;\n\n    .govuk-form-group {\n      // Reset error styles in nested form groups that might have error class\n      padding: 0;\n      border: 0;\n    }\n  }\n}\n"]}
diff --git a/node_modules/govuk-frontend/dist/govuk/objects/_grid.scss b/node_modules/govuk-frontend/dist/govuk/objects/_grid.scss
new file mode 100644
index 0000000..2348eaf
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/objects/_grid.scss
@@ -0,0 +1,26 @@
+@import "../base";
+
+@include govuk-exports("govuk/objects/grid") {
+  .govuk-grid-row {
+    @include govuk-clearfix;
+    margin-right: -($govuk-gutter-half);
+    margin-left: -($govuk-gutter-half);
+  }
+
+  @each $width in map-keys($govuk-grid-widths) {
+    .govuk-grid-column-#{$width} {
+      @include govuk-grid-column($width);
+    }
+  }
+
+  // These *must* be defined in a separate loop as they have the same
+  // specificity as the non-breakpoint specific classes, so need to appear after
+  // them in the outputted CSS
+  @each $width in map-keys($govuk-grid-widths) {
+    .govuk-grid-column-#{$width}-from-desktop {
+      @include govuk-grid-column($width, $at: desktop);
+    }
+  }
+}
+
+/*# sourceMappingURL=_grid.scss.map */
diff --git a/node_modules/govuk-frontend/dist/govuk/objects/_grid.scss.map b/node_modules/govuk-frontend/dist/govuk/objects/_grid.scss.map
new file mode 100644
index 0000000..88b5558
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/objects/_grid.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/govuk/objects/_grid.scss"],"names":[],"mappings":"AAAA,iBAAiB;;AAEjB;EACE;IACE,uBAAuB;IACvB,mCAAmC;IACnC,kCAAkC;EACpC;;EAEA;IACE;MACE,kCAAkC;IACpC;EACF;;EAEA,kEAAkE;EAClE,6EAA6E;EAC7E,2BAA2B;EAC3B;IACE;MACE,gDAAgD;IAClD;EACF;AACF","file":"_grid.scss","sourcesContent":["@import \"../base\";\n\n@include govuk-exports(\"govuk/objects/grid\") {\n  .govuk-grid-row {\n    @include govuk-clearfix;\n    margin-right: -($govuk-gutter-half);\n    margin-left: -($govuk-gutter-half);\n  }\n\n  @each $width in map-keys($govuk-grid-widths) {\n    .govuk-grid-column-#{$width} {\n      @include govuk-grid-column($width);\n    }\n  }\n\n  // These *must* be defined in a separate loop as they have the same\n  // specificity as the non-breakpoint specific classes, so need to appear after\n  // them in the outputted CSS\n  @each $width in map-keys($govuk-grid-widths) {\n    .govuk-grid-column-#{$width}-from-desktop {\n      @include govuk-grid-column($width, $at: desktop);\n    }\n  }\n}\n"]}
diff --git a/node_modules/govuk-frontend/dist/govuk/objects/_index.scss b/node_modules/govuk-frontend/dist/govuk/objects/_index.scss
new file mode 100644
index 0000000..9a9ec28
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/objects/_index.scss
@@ -0,0 +1,8 @@
+@import "button-group";
+@import "form-group";
+@import "grid";
+@import "main-wrapper";
+@import "template";
+@import "width-container";
+
+/*# sourceMappingURL=_index.scss.map */
diff --git a/node_modules/govuk-frontend/dist/govuk/objects/_index.scss.map b/node_modules/govuk-frontend/dist/govuk/objects/_index.scss.map
new file mode 100644
index 0000000..13fdb7e
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/objects/_index.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/govuk/objects/_index.scss"],"names":[],"mappings":"AAAA,sBAAsB;AACtB,oBAAoB;AACpB,cAAc;AACd,sBAAsB;AACtB,kBAAkB;AAClB,yBAAyB","file":"_index.scss","sourcesContent":["@import \"button-group\";\n@import \"form-group\";\n@import \"grid\";\n@import \"main-wrapper\";\n@import \"template\";\n@import \"width-container\";\n"]}
diff --git a/node_modules/govuk-frontend/dist/govuk/objects/_main-wrapper.scss b/node_modules/govuk-frontend/dist/govuk/objects/_main-wrapper.scss
new file mode 100644
index 0000000..f3762fc
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/objects/_main-wrapper.scss
@@ -0,0 +1,55 @@
+@import "../base";
+
+////
+/// @group objects/layout
+////
+
+// Example usage with Breadcrumbs, phase banners, back links:
+// <div class="govuk-width-container">
+//   <!-- Breadcrumbs, phase banners, back links are placed in here. -->
+//   <div class="govuk-main-wrapper">
+//       <!-- Wrapper for the main content of your page which applies padding
+//            to the top / bottom -->
+//   </div>
+// </div>
+//
+// Example usage without Breadcrumbs, phase banners, back links:
+// <div class="govuk-width-container">
+//   <div class="govuk-main-wrapper govuk-main-wrapper--l">
+//       <!-- Wrapper for the main content of your page which applies padding
+//            to the top / bottom -->
+//   </div>
+// </div>
+
+@include govuk-exports("govuk/objects/main-wrapper") {
+  .govuk-main-wrapper {
+    // In IE11 the `main` element can be used, but is not recognized  –
+    // meaning it's not defined in IE's default style sheet,
+    // so it uses CSS initial value, which is inline.
+    display: block;
+    padding-top: govuk-spacing(4);
+    padding-bottom: govuk-spacing(4);
+
+    @include govuk-media-query($from: tablet) {
+      // This spacing is manually adjusted to replicate the margin of
+      // govuk-heading-xl (50px) minus the spacing of back link and
+      // breadcrumbs (10px)
+      padding-top: govuk-spacing(7);
+      padding-bottom: govuk-spacing(7);
+    }
+  }
+
+  // Using the `.govuk-main-wrapper--auto-spacing` modifier should apply the
+  // correct spacing depending on whether there are any elements
+  // (such the back link, breadcrumbs or phase banner components) before the
+  // `.govuk-main-wrapper` in the `govuk-width-container`.
+  //
+  // If you need to control the spacing manually, use the
+  // `govuk-main-wrapper--l` modifier instead.
+  .govuk-main-wrapper--auto-spacing:first-child,
+  .govuk-main-wrapper--l {
+    @include govuk-responsive-padding(8, "top");
+  }
+}
+
+/*# sourceMappingURL=_main-wrapper.scss.map */
diff --git a/node_modules/govuk-frontend/dist/govuk/objects/_main-wrapper.scss.map b/node_modules/govuk-frontend/dist/govuk/objects/_main-wrapper.scss.map
new file mode 100644
index 0000000..63b89af
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/objects/_main-wrapper.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/govuk/objects/_main-wrapper.scss"],"names":[],"mappings":"AAAA,iBAAiB;;AAEjB,GAAG;AACH,wBAAwB;AACxB,GAAG;;AAEH,4DAA4D;AAC5D,qCAAqC;AACrC,uEAAuE;AACvE,oCAAoC;AACpC,4EAA4E;AAC5E,oCAAoC;AACpC,UAAU;AACV,QAAQ;AACR,CAAC;AACD,+DAA+D;AAC/D,qCAAqC;AACrC,0DAA0D;AAC1D,4EAA4E;AAC5E,oCAAoC;AACpC,UAAU;AACV,QAAQ;;AAER;EACE;IACE,kEAAkE;IAClE,uDAAuD;IACvD,gDAAgD;IAChD,cAAc;IACd,6BAA6B;IAC7B,gCAAgC;;IAEhC;MACE,8DAA8D;MAC9D,4DAA4D;MAC5D,oBAAoB;MACpB,6BAA6B;MAC7B,gCAAgC;IAClC;EACF;;EAEA,yEAAyE;EACzE,6DAA6D;EAC7D,yEAAyE;EACzE,uDAAuD;EACvD,CAAC;EACD,sDAAsD;EACtD,2CAA2C;EAC3C;;IAEE,2CAA2C;EAC7C;AACF","file":"_main-wrapper.scss","sourcesContent":["@import \"../base\";\n\n////\n/// @group objects/layout\n////\n\n// Example usage with Breadcrumbs, phase banners, back links:\n// <div class=\"govuk-width-container\">\n//   <!-- Breadcrumbs, phase banners, back links are placed in here. -->\n//   <div class=\"govuk-main-wrapper\">\n//       <!-- Wrapper for the main content of your page which applies padding\n//            to the top / bottom -->\n//   </div>\n// </div>\n//\n// Example usage without Breadcrumbs, phase banners, back links:\n// <div class=\"govuk-width-container\">\n//   <div class=\"govuk-main-wrapper govuk-main-wrapper--l\">\n//       <!-- Wrapper for the main content of your page which applies padding\n//            to the top / bottom -->\n//   </div>\n// </div>\n\n@include govuk-exports(\"govuk/objects/main-wrapper\") {\n  .govuk-main-wrapper {\n    // In IE11 the `main` element can be used, but is not recognized  –\n    // meaning it's not defined in IE's default style sheet,\n    // so it uses CSS initial value, which is inline.\n    display: block;\n    padding-top: govuk-spacing(4);\n    padding-bottom: govuk-spacing(4);\n\n    @include govuk-media-query($from: tablet) {\n      // This spacing is manually adjusted to replicate the margin of\n      // govuk-heading-xl (50px) minus the spacing of back link and\n      // breadcrumbs (10px)\n      padding-top: govuk-spacing(7);\n      padding-bottom: govuk-spacing(7);\n    }\n  }\n\n  // Using the `.govuk-main-wrapper--auto-spacing` modifier should apply the\n  // correct spacing depending on whether there are any elements\n  // (such the back link, breadcrumbs or phase banner components) before the\n  // `.govuk-main-wrapper` in the `govuk-width-container`.\n  //\n  // If you need to control the spacing manually, use the\n  // `govuk-main-wrapper--l` modifier instead.\n  .govuk-main-wrapper--auto-spacing:first-child,\n  .govuk-main-wrapper--l {\n    @include govuk-responsive-padding(8, \"top\");\n  }\n}\n"]}
diff --git a/node_modules/govuk-frontend/dist/govuk/objects/_template.scss b/node_modules/govuk-frontend/dist/govuk/objects/_template.scss
new file mode 100644
index 0000000..a0c40c5
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/objects/_template.scss
@@ -0,0 +1,57 @@
+@import "../base";
+
+@include govuk-exports("govuk/objects/template") {
+  // Applied to the <html> element
+  .govuk-template {
+    // Set the overall page background colour to the same colour as used by the
+    // footer to give the illusion of a long footer.
+    @include _govuk-rebrand(
+      background-color,
+      $from: $govuk-template-background-colour,
+      $to: $_govuk-rebrand-template-background-colour
+    );
+
+    // Prevent automatic text sizing, as we already cater for small devices and
+    // would like the browser to stay on 100% text zoom by default.
+    -webkit-text-size-adjust: 100%;
+       -moz-text-size-adjust: 100%;
+            text-size-adjust: 100%;
+
+    // Add scroll padding to the top of govuk-template but remove it if the
+    // exit this page component is present.
+    //
+    // This is a solution to exit this page potentially failing WCAG SC 2.4.12:
+    // Focus Not Obscured (https://www.w3.org/WAI/WCAG22/Understanding/focus-not-obscured-minimum.html)
+    // due to it's sticky positioning.
+    //
+    // This will apply scroll-padding-top in any browsers that don't support :has
+    // (https://caniuse.com/css-has). This is part of the reason we do this in
+    // a "wrong way round" way as we hypothesise that the risks of having
+    // scroll-padding unnecessarily is better than risking not having scroll-padding
+    // and needing it to account for exit this page.
+    @supports ((position: -webkit-sticky) or (position: sticky)) {
+      scroll-padding-top: govuk-spacing(9);
+
+      &:not(:has(.govuk-exit-this-page)) {
+        scroll-padding-top: 0;
+      }
+    }
+
+    // Force the scrollbar to always display in IE, to prevent horizontal page
+    // jumps as content height changes (e.g. autocomplete results open).
+    @include govuk-media-query($media-type: screen) {
+      overflow-y: scroll;
+    }
+  }
+
+  // Applied to the <body> element
+  .govuk-template__body {
+    // The default margins set by user-agents are not required since we have our
+    // own containers.
+    margin: 0;
+    // Set the overall body of the page back to the typical background colour.
+    background-color: $govuk-body-background-colour;
+  }
+}
+
+/*# sourceMappingURL=_template.scss.map */
diff --git a/node_modules/govuk-frontend/dist/govuk/objects/_template.scss.map b/node_modules/govuk-frontend/dist/govuk/objects/_template.scss.map
new file mode 100644
index 0000000..b2e80dd
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/objects/_template.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/govuk/objects/_template.scss"],"names":[],"mappings":"AAAA,iBAAiB;;AAEjB;EACE,+BAA+B;EAC/B;IACE,0EAA0E;IAC1E,+CAA+C;IAC/C;;;;KAIC;;IAED,0EAA0E;IAC1E,8DAA8D;IAC9D,8BAAsB;OAAtB,2BAAsB;YAAtB,sBAAsB;;IAEtB,sEAAsE;IACtE,sCAAsC;IACtC,CAAC;IACD,0EAA0E;IAC1E,kGAAkG;IAClG,iCAAiC;IACjC,CAAC;IACD,4EAA4E;IAC5E,yEAAyE;IACzE,oEAAoE;IACpE,+EAA+E;IAC/E,+CAA+C;IAC/C;MACE,oCAAoC;;MAEpC;QACE,qBAAqB;MACvB;IACF;;IAEA,yEAAyE;IACzE,mEAAmE;IACnE;MACE,kBAAkB;IACpB;EACF;;EAEA,+BAA+B;EAC/B;IACE,2EAA2E;IAC3E,iBAAiB;IACjB,SAAS;IACT,yEAAyE;IACzE,+CAA+C;EACjD;AACF","file":"_template.scss","sourcesContent":["@import \"../base\";\n\n@include govuk-exports(\"govuk/objects/template\") {\n  // Applied to the <html> element\n  .govuk-template {\n    // Set the overall page background colour to the same colour as used by the\n    // footer to give the illusion of a long footer.\n    @include _govuk-rebrand(\n      background-color,\n      $from: $govuk-template-background-colour,\n      $to: $_govuk-rebrand-template-background-colour\n    );\n\n    // Prevent automatic text sizing, as we already cater for small devices and\n    // would like the browser to stay on 100% text zoom by default.\n    text-size-adjust: 100%;\n\n    // Add scroll padding to the top of govuk-template but remove it if the\n    // exit this page component is present.\n    //\n    // This is a solution to exit this page potentially failing WCAG SC 2.4.12:\n    // Focus Not Obscured (https://www.w3.org/WAI/WCAG22/Understanding/focus-not-obscured-minimum.html)\n    // due to it's sticky positioning.\n    //\n    // This will apply scroll-padding-top in any browsers that don't support :has\n    // (https://caniuse.com/css-has). This is part of the reason we do this in\n    // a \"wrong way round\" way as we hypothesise that the risks of having\n    // scroll-padding unnecessarily is better than risking not having scroll-padding\n    // and needing it to account for exit this page.\n    @supports (position: sticky) {\n      scroll-padding-top: govuk-spacing(9);\n\n      &:not(:has(.govuk-exit-this-page)) {\n        scroll-padding-top: 0;\n      }\n    }\n\n    // Force the scrollbar to always display in IE, to prevent horizontal page\n    // jumps as content height changes (e.g. autocomplete results open).\n    @include govuk-media-query($media-type: screen) {\n      overflow-y: scroll;\n    }\n  }\n\n  // Applied to the <body> element\n  .govuk-template__body {\n    // The default margins set by user-agents are not required since we have our\n    // own containers.\n    margin: 0;\n    // Set the overall body of the page back to the typical background colour.\n    background-color: $govuk-body-background-colour;\n  }\n}\n"]}
diff --git a/node_modules/govuk-frontend/dist/govuk/objects/_width-container.scss b/node_modules/govuk-frontend/dist/govuk/objects/_width-container.scss
new file mode 100644
index 0000000..b40abcc
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/objects/_width-container.scss
@@ -0,0 +1,77 @@
+@import "../base";
+
+////
+/// @group objects/layout
+////
+
+/// Width container mixin
+///
+/// Used to create page width and custom width container classes.
+///
+/// @param {String} $width [$govuk-page-width] - Width in pixels
+///
+/// @example scss - Creating a 1200px wide container class
+///  .app-width-container--wide {
+///    @include govuk-width-container(1200px);
+///  }
+///
+/// @access public
+
+@mixin govuk-width-container($width: $govuk-page-width) {
+  // By default, limit the width of the container to the page width
+  max-width: $width;
+
+  // On mobile, add half width gutters
+  margin-right: $govuk-gutter-half;
+  margin-left: $govuk-gutter-half;
+
+  // Respect 'display cutout' safe area (avoids notches and rounded corners)
+  @supports (margin: unquote("max(calc(0px))")) {
+    $gutter-safe-area-right: calc(#{$govuk-gutter-half} + env(safe-area-inset-right));
+    $gutter-safe-area-left: calc(#{$govuk-gutter-half} + env(safe-area-inset-left));
+
+    // Use max() to pick largest margin, default or with safe area
+    // Escaped due to Sass max() vs. CSS native max()
+    margin-right: unquote("max(#{$govuk-gutter-half}, #{$gutter-safe-area-right})");
+    margin-left: unquote("max(#{$govuk-gutter-half}, #{$gutter-safe-area-left})");
+  }
+
+  // On tablet, add full width gutters
+  @include govuk-media-query($from: tablet) {
+    margin-right: $govuk-gutter;
+    margin-left: $govuk-gutter;
+
+    // Respect 'display cutout' safe area (avoids notches and rounded corners)
+    @supports (margin: unquote("max(calc(0px))")) {
+      $gutter-safe-area-right: calc(#{$govuk-gutter-half} + env(safe-area-inset-right));
+      $gutter-safe-area-left: calc(#{$govuk-gutter-half} + env(safe-area-inset-left));
+
+      // Use max() to pick largest margin, default or with safe area
+      // Escaped due to Sass max() vs. CSS native max()
+      margin-right: unquote("max(#{$govuk-gutter}, #{$gutter-safe-area-right})");
+      margin-left: unquote("max(#{$govuk-gutter}, #{$gutter-safe-area-left})");
+    }
+  }
+
+  // As soon as the viewport is greater than the width of the page plus the
+  // gutters, just centre the content instead of adding gutters.
+  @include govuk-media-query($and: "(min-width: #{($width + $govuk-gutter * 2)})") {
+    margin-right: auto;
+    margin-left: auto;
+
+    // Since a safe area may have previously been set above,
+    // we need to duplicate this margin that centers the page.
+    @supports (margin: unquote("max(calc(0px))")) {
+      margin-right: auto;
+      margin-left: auto;
+    }
+  }
+}
+
+@include govuk-exports("govuk/objects/width-container") {
+  .govuk-width-container {
+    @include govuk-width-container;
+  }
+}
+
+/*# sourceMappingURL=_width-container.scss.map */
diff --git a/node_modules/govuk-frontend/dist/govuk/objects/_width-container.scss.map b/node_modules/govuk-frontend/dist/govuk/objects/_width-container.scss.map
new file mode 100644
index 0000000..b15afd1
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/objects/_width-container.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/govuk/objects/_width-container.scss"],"names":[],"mappings":"AAAA,iBAAiB;;AAEjB,GAAG;AACH,wBAAwB;AACxB,GAAG;;AAEH,wBAAwB;AACxB,EAAE;AACF,gEAAgE;AAChE,EAAE;AACF,+DAA+D;AAC/D,EAAE;AACF,yDAAyD;AACzD,gCAAgC;AAChC,6CAA6C;AAC7C,KAAK;AACL,EAAE;AACF,iBAAiB;;AAEjB;EACE,gEAAgE;EAChE,iBAAiB;;EAEjB,mCAAmC;EACnC,gCAAgC;EAChC,+BAA+B;;EAE/B,yEAAyE;EACzE;IACE,iFAAiF;IACjF,+EAA+E;;IAE/E,6DAA6D;IAC7D,gDAAgD;IAChD,+EAA+E;IAC/E,6EAA6E;EAC/E;;EAEA,mCAAmC;EACnC;IACE,2BAA2B;IAC3B,0BAA0B;;IAE1B,yEAAyE;IACzE;MACE,iFAAiF;MACjF,+EAA+E;;MAE/E,6DAA6D;MAC7D,gDAAgD;MAChD,0EAA0E;MAC1E,wEAAwE;IAC1E;EACF;;EAEA,wEAAwE;EACxE,6DAA6D;EAC7D;IACE,kBAAkB;IAClB,iBAAiB;;IAEjB,uDAAuD;IACvD,yDAAyD;IACzD;MACE,kBAAkB;MAClB,iBAAiB;IACnB;EACF;AACF;;AAEA;EACE;IACE,8BAA8B;EAChC;AACF","file":"_width-container.scss","sourcesContent":["@import \"../base\";\n\n////\n/// @group objects/layout\n////\n\n/// Width container mixin\n///\n/// Used to create page width and custom width container classes.\n///\n/// @param {String} $width [$govuk-page-width] - Width in pixels\n///\n/// @example scss - Creating a 1200px wide container class\n///  .app-width-container--wide {\n///    @include govuk-width-container(1200px);\n///  }\n///\n/// @access public\n\n@mixin govuk-width-container($width: $govuk-page-width) {\n  // By default, limit the width of the container to the page width\n  max-width: $width;\n\n  // On mobile, add half width gutters\n  margin-right: $govuk-gutter-half;\n  margin-left: $govuk-gutter-half;\n\n  // Respect 'display cutout' safe area (avoids notches and rounded corners)\n  @supports (margin: unquote(\"max(calc(0px))\")) {\n    $gutter-safe-area-right: calc(#{$govuk-gutter-half} + env(safe-area-inset-right));\n    $gutter-safe-area-left: calc(#{$govuk-gutter-half} + env(safe-area-inset-left));\n\n    // Use max() to pick largest margin, default or with safe area\n    // Escaped due to Sass max() vs. CSS native max()\n    margin-right: unquote(\"max(#{$govuk-gutter-half}, #{$gutter-safe-area-right})\");\n    margin-left: unquote(\"max(#{$govuk-gutter-half}, #{$gutter-safe-area-left})\");\n  }\n\n  // On tablet, add full width gutters\n  @include govuk-media-query($from: tablet) {\n    margin-right: $govuk-gutter;\n    margin-left: $govuk-gutter;\n\n    // Respect 'display cutout' safe area (avoids notches and rounded corners)\n    @supports (margin: unquote(\"max(calc(0px))\")) {\n      $gutter-safe-area-right: calc(#{$govuk-gutter-half} + env(safe-area-inset-right));\n      $gutter-safe-area-left: calc(#{$govuk-gutter-half} + env(safe-area-inset-left));\n\n      // Use max() to pick largest margin, default or with safe area\n      // Escaped due to Sass max() vs. CSS native max()\n      margin-right: unquote(\"max(#{$govuk-gutter}, #{$gutter-safe-area-right})\");\n      margin-left: unquote(\"max(#{$govuk-gutter}, #{$gutter-safe-area-left})\");\n    }\n  }\n\n  // As soon as the viewport is greater than the width of the page plus the\n  // gutters, just centre the content instead of adding gutters.\n  @include govuk-media-query($and: \"(min-width: #{($width + $govuk-gutter * 2)})\") {\n    margin-right: auto;\n    margin-left: auto;\n\n    // Since a safe area may have previously been set above,\n    // we need to duplicate this margin that centers the page.\n    @supports (margin: unquote(\"max(calc(0px))\")) {\n      margin-right: auto;\n      margin-left: auto;\n    }\n  }\n}\n\n@include govuk-exports(\"govuk/objects/width-container\") {\n  .govuk-width-container {\n    @include govuk-width-container;\n  }\n}\n"]}
diff --git a/node_modules/govuk-frontend/dist/govuk/overrides/_all.scss b/node_modules/govuk-frontend/dist/govuk/overrides/_all.scss
new file mode 100644
index 0000000..d28d0e7
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/overrides/_all.scss
@@ -0,0 +1,9 @@
+@import "../settings/warnings";
+@import "index";
+
+@include _warning(
+  "import-using-all",
+  "Importing using 'govuk/overrides/all' is deprecated. Update your import statement to import 'govuk/overrides/index'."
+);
+
+/*# sourceMappingURL=_all.scss.map */
diff --git a/node_modules/govuk-frontend/dist/govuk/overrides/_all.scss.map b/node_modules/govuk-frontend/dist/govuk/overrides/_all.scss.map
new file mode 100644
index 0000000..3c7c062
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/overrides/_all.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/govuk/overrides/_all.scss"],"names":[],"mappings":"AAAA,8BAA8B;AAC9B,eAAe;;AAEf;;;CAGC","file":"_all.scss","sourcesContent":["@import \"../settings/warnings\";\n@import \"index\";\n\n@include _warning(\n  \"import-using-all\",\n  \"Importing using 'govuk/overrides/all' is deprecated. Update your import statement to import 'govuk/overrides/index'.\"\n);\n"]}
diff --git a/node_modules/govuk-frontend/dist/govuk/overrides/_display.scss b/node_modules/govuk-frontend/dist/govuk/overrides/_display.scss
new file mode 100644
index 0000000..44186a4
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/overrides/_display.scss
@@ -0,0 +1,26 @@
+// stylelint-disable declaration-no-important
+@include govuk-exports("govuk/overrides/display") {
+  .govuk-\!-display-inline {
+    display: inline !important;
+  }
+
+  .govuk-\!-display-inline-block {
+    display: inline-block !important;
+  }
+
+  .govuk-\!-display-block {
+    display: block !important;
+  }
+
+  .govuk-\!-display-none {
+    display: none !important;
+  }
+
+  @include govuk-media-query($media-type: print) {
+    .govuk-\!-display-none-print {
+      display: none !important;
+    }
+  }
+}
+
+/*# sourceMappingURL=_display.scss.map */
diff --git a/node_modules/govuk-frontend/dist/govuk/overrides/_display.scss.map b/node_modules/govuk-frontend/dist/govuk/overrides/_display.scss.map
new file mode 100644
index 0000000..2fbdf61
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/overrides/_display.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/govuk/overrides/_display.scss"],"names":[],"mappings":"AAAA,4CAA4C;AAC5C;EACE;IACE,0BAA0B;EAC5B;;EAEA;IACE,gCAAgC;EAClC;;EAEA;IACE,yBAAyB;EAC3B;;EAEA;IACE,wBAAwB;EAC1B;;EAEA;IACE;MACE,wBAAwB;IAC1B;EACF;AACF","file":"_display.scss","sourcesContent":["// stylelint-disable declaration-no-important\n@include govuk-exports(\"govuk/overrides/display\") {\n  .govuk-\\!-display-inline {\n    display: inline !important;\n  }\n\n  .govuk-\\!-display-inline-block {\n    display: inline-block !important;\n  }\n\n  .govuk-\\!-display-block {\n    display: block !important;\n  }\n\n  .govuk-\\!-display-none {\n    display: none !important;\n  }\n\n  @include govuk-media-query($media-type: print) {\n    .govuk-\\!-display-none-print {\n      display: none !important;\n    }\n  }\n}\n"]}
diff --git a/node_modules/govuk-frontend/dist/govuk/overrides/_index.scss b/node_modules/govuk-frontend/dist/govuk/overrides/_index.scss
new file mode 100644
index 0000000..27886c3
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/overrides/_index.scss
@@ -0,0 +1,7 @@
+@import "display";
+@import "spacing";
+@import "text-align";
+@import "typography";
+@import "width";
+
+/*# sourceMappingURL=_index.scss.map */
diff --git a/node_modules/govuk-frontend/dist/govuk/overrides/_index.scss.map b/node_modules/govuk-frontend/dist/govuk/overrides/_index.scss.map
new file mode 100644
index 0000000..633005d
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/overrides/_index.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/govuk/overrides/_index.scss"],"names":[],"mappings":"AAAA,iBAAiB;AACjB,iBAAiB;AACjB,oBAAoB;AACpB,oBAAoB;AACpB,eAAe","file":"_index.scss","sourcesContent":["@import \"display\";\n@import \"spacing\";\n@import \"text-align\";\n@import \"typography\";\n@import \"width\";\n"]}
diff --git a/node_modules/govuk-frontend/dist/govuk/overrides/_spacing.scss b/node_modules/govuk-frontend/dist/govuk/overrides/_spacing.scss
new file mode 100644
index 0000000..ba840e4
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/overrides/_spacing.scss
@@ -0,0 +1,86 @@
+////
+/// @group overrides
+////
+
+// stylelint-disable declaration-no-important
+
+/// Directions for spacing
+///
+/// @type Map
+/// @access private
+
+$_spacing-directions: ("top", "right", "bottom", "left") !default;
+
+/// Generate responsive spacing override classes
+///
+/// Generate spacing override classes for the given property (e.g. margin)
+/// for each point in the responsive spacing scale.
+///
+/// @param {String} $property - Property to add spacing to (e.g. 'margin')
+///
+/// @example css
+///  .govuk-\!-margin-4 {
+///    margin: 15px !important;
+///  }
+///
+///  @media (min-width: 40.0625em) {
+///    .govuk-\!-margin-4 {
+///      margin: 20px !important;
+///    }
+///  }
+///
+/// @access private
+
+@mixin _govuk-generate-responsive-spacing-overrides($property) {
+  // For each point in the spacing scale (defined in settings), create an
+  // override that affects all directions...
+  @each $scale-point, $scale-map in $govuk-spacing-responsive-scale {
+    .govuk-\!-#{$property}-#{$scale-point} {
+      @include _govuk-responsive-spacing($scale-point, $property, "all", true);
+    }
+
+    // ... and then an override for each individual direction
+    @each $direction in $_spacing-directions {
+      .govuk-\!-#{$property}-#{$direction}-#{$scale-point} {
+        @include _govuk-responsive-spacing($scale-point, $property, $direction, true);
+      }
+    }
+  }
+}
+
+/// Generate static spacing override classes
+///
+/// Generate spacing override classes for the given property (e.g. margin)
+/// for each point in the non-responsive spacing scale.
+///
+/// @param {String} $property - Property to add spacing to (e.g. 'margin')
+///
+/// @example css
+///   .govuk-\!-static-margin-4 {
+///      margin: 20px !important;
+///   }
+///
+/// @access private
+@mixin _govuk-generate-static-spacing-overrides($property) {
+  @each $spacing-point in map-keys($govuk-spacing-points) {
+    .govuk-\!-static-#{$property}-#{$spacing-point} {
+      #{$property}: govuk-spacing($spacing-point) !important;
+    }
+
+    @each $direction in $_spacing-directions {
+      .govuk-\!-static-#{$property}-#{$direction}-#{$spacing-point} {
+        #{$property}-#{$direction}: govuk-spacing($spacing-point) !important;
+      }
+    }
+  }
+}
+
+@include govuk-exports("govuk/overrides/spacing") {
+  @include _govuk-generate-responsive-spacing-overrides("margin");
+  @include _govuk-generate-responsive-spacing-overrides("padding");
+
+  @include _govuk-generate-static-spacing-overrides("margin");
+  @include _govuk-generate-static-spacing-overrides("padding");
+}
+
+/*# sourceMappingURL=_spacing.scss.map */
diff --git a/node_modules/govuk-frontend/dist/govuk/overrides/_spacing.scss.map b/node_modules/govuk-frontend/dist/govuk/overrides/_spacing.scss.map
new file mode 100644
index 0000000..7564727
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/overrides/_spacing.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/govuk/overrides/_spacing.scss"],"names":[],"mappings":"AAAA,GAAG;AACH,mBAAmB;AACnB,GAAG;;AAEH,4CAA4C;;AAE5C,yBAAyB;AACzB,EAAE;AACF,YAAY;AACZ,kBAAkB;;AAElB,iEAAiE;;AAEjE,+CAA+C;AAC/C,EAAE;AACF,yEAAyE;AACzE,kDAAkD;AAClD,EAAE;AACF,yEAAyE;AACzE,EAAE;AACF,eAAe;AACf,wBAAwB;AACxB,8BAA8B;AAC9B,KAAK;AACL,EAAE;AACF,mCAAmC;AACnC,0BAA0B;AAC1B,gCAAgC;AAChC,OAAO;AACP,KAAK;AACL,EAAE;AACF,kBAAkB;;AAElB;EACE,sEAAsE;EACtE,yCAAyC;EACzC;IACE;MACE,wEAAwE;IAC1E;;IAEA,wDAAwD;IACxD;MACE;QACE,6EAA6E;MAC/E;IACF;EACF;AACF;;AAEA,2CAA2C;AAC3C,EAAE;AACF,yEAAyE;AACzE,sDAAsD;AACtD,EAAE;AACF,yEAAyE;AACzE,EAAE;AACF,eAAe;AACf,gCAAgC;AAChC,gCAAgC;AAChC,MAAM;AACN,EAAE;AACF,kBAAkB;AAClB;EACE;IACE;MACE,sDAAsD;IACxD;;IAEA;MACE;QACE,oEAAoE;MACtE;IACF;EACF;AACF;;AAEA;EACE,+DAA+D;EAC/D,gEAAgE;;EAEhE,2DAA2D;EAC3D,4DAA4D;AAC9D","file":"_spacing.scss","sourcesContent":["////\n/// @group overrides\n////\n\n// stylelint-disable declaration-no-important\n\n/// Directions for spacing\n///\n/// @type Map\n/// @access private\n\n$_spacing-directions: (\"top\", \"right\", \"bottom\", \"left\") !default;\n\n/// Generate responsive spacing override classes\n///\n/// Generate spacing override classes for the given property (e.g. margin)\n/// for each point in the responsive spacing scale.\n///\n/// @param {String} $property - Property to add spacing to (e.g. 'margin')\n///\n/// @example css\n///  .govuk-\\!-margin-4 {\n///    margin: 15px !important;\n///  }\n///\n///  @media (min-width: 40.0625em) {\n///    .govuk-\\!-margin-4 {\n///      margin: 20px !important;\n///    }\n///  }\n///\n/// @access private\n\n@mixin _govuk-generate-responsive-spacing-overrides($property) {\n  // For each point in the spacing scale (defined in settings), create an\n  // override that affects all directions...\n  @each $scale-point, $scale-map in $govuk-spacing-responsive-scale {\n    .govuk-\\!-#{$property}-#{$scale-point} {\n      @include _govuk-responsive-spacing($scale-point, $property, \"all\", true);\n    }\n\n    // ... and then an override for each individual direction\n    @each $direction in $_spacing-directions {\n      .govuk-\\!-#{$property}-#{$direction}-#{$scale-point} {\n        @include _govuk-responsive-spacing($scale-point, $property, $direction, true);\n      }\n    }\n  }\n}\n\n/// Generate static spacing override classes\n///\n/// Generate spacing override classes for the given property (e.g. margin)\n/// for each point in the non-responsive spacing scale.\n///\n/// @param {String} $property - Property to add spacing to (e.g. 'margin')\n///\n/// @example css\n///   .govuk-\\!-static-margin-4 {\n///      margin: 20px !important;\n///   }\n///\n/// @access private\n@mixin _govuk-generate-static-spacing-overrides($property) {\n  @each $spacing-point in map-keys($govuk-spacing-points) {\n    .govuk-\\!-static-#{$property}-#{$spacing-point} {\n      #{$property}: govuk-spacing($spacing-point) !important;\n    }\n\n    @each $direction in $_spacing-directions {\n      .govuk-\\!-static-#{$property}-#{$direction}-#{$spacing-point} {\n        #{$property}-#{$direction}: govuk-spacing($spacing-point) !important;\n      }\n    }\n  }\n}\n\n@include govuk-exports(\"govuk/overrides/spacing\") {\n  @include _govuk-generate-responsive-spacing-overrides(\"margin\");\n  @include _govuk-generate-responsive-spacing-overrides(\"padding\");\n\n  @include _govuk-generate-static-spacing-overrides(\"margin\");\n  @include _govuk-generate-static-spacing-overrides(\"padding\");\n}\n"]}
diff --git a/node_modules/govuk-frontend/dist/govuk/overrides/_text-align.scss b/node_modules/govuk-frontend/dist/govuk/overrides/_text-align.scss
new file mode 100644
index 0000000..fbb7838
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/overrides/_text-align.scss
@@ -0,0 +1,16 @@
+// stylelint-disable declaration-no-important
+@include govuk-exports("govuk/overrides/text-align") {
+  .govuk-\!-text-align-left {
+    text-align: left !important;
+  }
+
+  .govuk-\!-text-align-centre {
+    text-align: center !important;
+  }
+
+  .govuk-\!-text-align-right {
+    text-align: right !important;
+  }
+}
+
+/*# sourceMappingURL=_text-align.scss.map */
diff --git a/node_modules/govuk-frontend/dist/govuk/overrides/_text-align.scss.map b/node_modules/govuk-frontend/dist/govuk/overrides/_text-align.scss.map
new file mode 100644
index 0000000..e48aa7e
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/overrides/_text-align.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/govuk/overrides/_text-align.scss"],"names":[],"mappings":"AAAA,4CAA4C;AAC5C;EACE;IACE,2BAA2B;EAC7B;;EAEA;IACE,6BAA6B;EAC/B;;EAEA;IACE,4BAA4B;EAC9B;AACF","file":"_text-align.scss","sourcesContent":["// stylelint-disable declaration-no-important\n@include govuk-exports(\"govuk/overrides/text-align\") {\n  .govuk-\\!-text-align-left {\n    text-align: left !important;\n  }\n\n  .govuk-\\!-text-align-centre {\n    text-align: center !important;\n  }\n\n  .govuk-\\!-text-align-right {\n    text-align: right !important;\n  }\n}\n"]}
diff --git a/node_modules/govuk-frontend/dist/govuk/overrides/_typography.scss b/node_modules/govuk-frontend/dist/govuk/overrides/_typography.scss
new file mode 100644
index 0000000..3b542c7
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/overrides/_typography.scss
@@ -0,0 +1,42 @@
+@include govuk-exports("govuk/overrides/typography") {
+  // Font size and line height
+
+  // Generate typography override classes for each responsive font map in the
+  // typography scale eg .govuk-\!-font-size-80
+  //
+  // govuk-!-font-size-14 is deprecated
+  @each $size, $font-map in $govuk-typography-scale {
+    .govuk-\!-font-size-#{$size} {
+      $font-map: map-get($govuk-typography-scale, $size);
+
+      // Add underscore to deprecated typography scale keys
+      @if map-has-key($font-map, "deprecation") {
+        $size: _#{$size};
+      }
+
+      @include govuk-font-size($size, $important: true);
+    }
+  }
+
+  // Weights
+
+  .govuk-\!-font-weight-regular {
+    @include govuk-typography-weight-regular($important: true);
+  }
+
+  .govuk-\!-font-weight-bold {
+    @include govuk-typography-weight-bold($important: true);
+  }
+
+  // Typography helpers
+
+  .govuk-\!-font-tabular-numbers {
+    @include govuk-font-tabular-numbers($important: true);
+  }
+
+  .govuk-\!-text-break-word {
+    @include govuk-text-break-word($important: true);
+  }
+}
+
+/*# sourceMappingURL=_typography.scss.map */
diff --git a/node_modules/govuk-frontend/dist/govuk/overrides/_typography.scss.map b/node_modules/govuk-frontend/dist/govuk/overrides/_typography.scss.map
new file mode 100644
index 0000000..ef656ac
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/overrides/_typography.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/govuk/overrides/_typography.scss"],"names":[],"mappings":"AAAA;EACE,2BAA2B;;EAE3B,0EAA0E;EAC1E,4CAA4C;EAC5C,CAAC;EACD,oCAAoC;EACpC;IACE;MACE,kDAAkD;;MAElD,oDAAoD;MACpD;QACE,gBAAgB;MAClB;;MAEA,iDAAiD;IACnD;EACF;;EAEA,SAAS;;EAET;IACE,0DAA0D;EAC5D;;EAEA;IACE,uDAAuD;EACzD;;EAEA,oBAAoB;;EAEpB;IACE,qDAAqD;EACvD;;EAEA;IACE,gDAAgD;EAClD;AACF","file":"_typography.scss","sourcesContent":["@include govuk-exports(\"govuk/overrides/typography\") {\n  // Font size and line height\n\n  // Generate typography override classes for each responsive font map in the\n  // typography scale eg .govuk-\\!-font-size-80\n  //\n  // govuk-!-font-size-14 is deprecated\n  @each $size, $font-map in $govuk-typography-scale {\n    .govuk-\\!-font-size-#{$size} {\n      $font-map: map-get($govuk-typography-scale, $size);\n\n      // Add underscore to deprecated typography scale keys\n      @if map-has-key($font-map, \"deprecation\") {\n        $size: _#{$size};\n      }\n\n      @include govuk-font-size($size, $important: true);\n    }\n  }\n\n  // Weights\n\n  .govuk-\\!-font-weight-regular {\n    @include govuk-typography-weight-regular($important: true);\n  }\n\n  .govuk-\\!-font-weight-bold {\n    @include govuk-typography-weight-bold($important: true);\n  }\n\n  // Typography helpers\n\n  .govuk-\\!-font-tabular-numbers {\n    @include govuk-font-tabular-numbers($important: true);\n  }\n\n  .govuk-\\!-text-break-word {\n    @include govuk-text-break-word($important: true);\n  }\n}\n"]}
diff --git a/node_modules/govuk-frontend/dist/govuk/overrides/_width.scss b/node_modules/govuk-frontend/dist/govuk/overrides/_width.scss
new file mode 100644
index 0000000..b3b0fd6
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/overrides/_width.scss
@@ -0,0 +1,48 @@
+// stylelint-disable declaration-no-important
+@include govuk-exports("govuk/overrides/width") {
+  .govuk-\!-width-full {
+    width: 100% !important;
+  }
+
+  .govuk-\!-width-three-quarters {
+    width: 100% !important;
+
+    @include govuk-media-query($from: tablet) {
+      width: 75% !important;
+    }
+  }
+
+  .govuk-\!-width-two-thirds {
+    width: 100% !important;
+
+    @include govuk-media-query($from: tablet) {
+      width: 66.66% !important;
+    }
+  }
+
+  .govuk-\!-width-one-half {
+    width: 100% !important;
+
+    @include govuk-media-query($from: tablet) {
+      width: 50% !important;
+    }
+  }
+
+  .govuk-\!-width-one-third {
+    width: 100% !important;
+
+    @include govuk-media-query($from: tablet) {
+      width: 33.33% !important;
+    }
+  }
+
+  .govuk-\!-width-one-quarter {
+    width: 100% !important;
+
+    @include govuk-media-query($from: tablet) {
+      width: 25% !important;
+    }
+  }
+}
+
+/*# sourceMappingURL=_width.scss.map */
diff --git a/node_modules/govuk-frontend/dist/govuk/overrides/_width.scss.map b/node_modules/govuk-frontend/dist/govuk/overrides/_width.scss.map
new file mode 100644
index 0000000..95ead1c
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/overrides/_width.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/govuk/overrides/_width.scss"],"names":[],"mappings":"AAAA,4CAA4C;AAC5C;EACE;IACE,sBAAsB;EACxB;;EAEA;IACE,sBAAsB;;IAEtB;MACE,qBAAqB;IACvB;EACF;;EAEA;IACE,sBAAsB;;IAEtB;MACE,wBAAwB;IAC1B;EACF;;EAEA;IACE,sBAAsB;;IAEtB;MACE,qBAAqB;IACvB;EACF;;EAEA;IACE,sBAAsB;;IAEtB;MACE,wBAAwB;IAC1B;EACF;;EAEA;IACE,sBAAsB;;IAEtB;MACE,qBAAqB;IACvB;EACF;AACF","file":"_width.scss","sourcesContent":["// stylelint-disable declaration-no-important\n@include govuk-exports(\"govuk/overrides/width\") {\n  .govuk-\\!-width-full {\n    width: 100% !important;\n  }\n\n  .govuk-\\!-width-three-quarters {\n    width: 100% !important;\n\n    @include govuk-media-query($from: tablet) {\n      width: 75% !important;\n    }\n  }\n\n  .govuk-\\!-width-two-thirds {\n    width: 100% !important;\n\n    @include govuk-media-query($from: tablet) {\n      width: 66.66% !important;\n    }\n  }\n\n  .govuk-\\!-width-one-half {\n    width: 100% !important;\n\n    @include govuk-media-query($from: tablet) {\n      width: 50% !important;\n    }\n  }\n\n  .govuk-\\!-width-one-third {\n    width: 100% !important;\n\n    @include govuk-media-query($from: tablet) {\n      width: 33.33% !important;\n    }\n  }\n\n  .govuk-\\!-width-one-quarter {\n    width: 100% !important;\n\n    @include govuk-media-query($from: tablet) {\n      width: 25% !important;\n    }\n  }\n}\n"]}
diff --git a/node_modules/govuk-frontend/dist/govuk/settings/_all.scss b/node_modules/govuk-frontend/dist/govuk/settings/_all.scss
new file mode 100644
index 0000000..7fc16e9
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/settings/_all.scss
@@ -0,0 +1,10 @@
+@import "../settings/warnings";
+@import "index";
+
+@include _warning(
+  "import-using-all",
+  "Importing using 'govuk/settings/all' is deprecated. Update your import statement to import 'govuk/settings/index'.",
+  $silence-further-warnings: false
+);
+
+/*# sourceMappingURL=_all.scss.map */
diff --git a/node_modules/govuk-frontend/dist/govuk/settings/_all.scss.map b/node_modules/govuk-frontend/dist/govuk/settings/_all.scss.map
new file mode 100644
index 0000000..61fe652
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/settings/_all.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/govuk/settings/_all.scss"],"names":[],"mappings":"AAAA,8BAA8B;AAC9B,eAAe;;AAEf;;;;CAIC","file":"_all.scss","sourcesContent":["@import \"../settings/warnings\";\n@import \"index\";\n\n@include _warning(\n  \"import-using-all\",\n  \"Importing using 'govuk/settings/all' is deprecated. Update your import statement to import 'govuk/settings/index'.\",\n  $silence-further-warnings: false\n);\n"]}
diff --git a/node_modules/govuk-frontend/dist/govuk/settings/_assets.scss b/node_modules/govuk-frontend/dist/govuk/settings/_assets.scss
new file mode 100644
index 0000000..a8eb947
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/settings/_assets.scss
@@ -0,0 +1,84 @@
+////
+/// @group settings/assets
+////
+
+/// Path to the assets directory, with trailing slash.
+///
+/// This is the directory where the images and fonts subdirectories live. You
+/// will need to make this directory available via your application – see the
+/// README for details.
+///
+/// @type String
+/// @access public
+
+$govuk-assets-path: "/assets/" !default;
+
+/// Path to the images folder, with trailing slash.
+///
+/// @type String
+/// @access public
+
+$govuk-images-path: "#{$govuk-assets-path}images/" !default;
+
+/// Path to the fonts folder, with trailing slash.
+///
+/// @type String
+/// @access public
+
+$govuk-fonts-path: "#{$govuk-assets-path}fonts/" !default;
+
+/// Custom image URL function
+///
+/// If the built-in image URL helper does not meet your needs, you can specify
+/// the name of a custom handler – either built in or by writing your own
+/// function.
+///
+/// If you are writing your own handler, ensure that it returns a string wrapped
+/// with `url()`
+///
+/// @type String
+///
+/// @example scss - Rails asset handling
+///   $govuk-image-url-function: 'image-url';
+///
+/// @example scss - Custom asset handling
+///
+///   @function my-url-handler($filename) {
+///     // Some custom URL handling
+///     @return url('example.jpg');
+///   }
+///
+///   $govuk-image-url-function: 'my-url-handler';
+///
+/// @access public
+
+$govuk-image-url-function: false !default;
+
+/// Custom font URL function
+///
+/// If the built-in font URL helper does not meet your needs, you can specify
+/// the name of a custom handler – either built in or by writing your own
+/// function.
+///
+/// If you are writing your own handler, ensure that it returns a string wrapped
+/// with `url()`
+///
+/// @type String
+///
+/// @example scss - Rails asset handling
+///   $govuk-font-url-function: 'font-url';
+///
+/// @example scss - Custom asset handling
+///
+///   @function my-url-handler($filename) {
+///     // Some custom URL handling
+///     @return url('example.woff');
+///   }
+///
+///   $govuk-font-url-function: 'my-url-handler';
+///
+/// @access public
+
+$govuk-font-url-function: false !default;
+
+/*# sourceMappingURL=_assets.scss.map */
diff --git a/node_modules/govuk-frontend/dist/govuk/settings/_assets.scss.map b/node_modules/govuk-frontend/dist/govuk/settings/_assets.scss.map
new file mode 100644
index 0000000..3c302c0
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/settings/_assets.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/govuk/settings/_assets.scss"],"names":[],"mappings":"AAAA,GAAG;AACH,yBAAyB;AACzB,GAAG;;AAEH,qDAAqD;AACrD,EAAE;AACF,4EAA4E;AAC5E,4EAA4E;AAC5E,sBAAsB;AACtB,EAAE;AACF,eAAe;AACf,iBAAiB;;AAEjB,uCAAuC;;AAEvC,kDAAkD;AAClD,EAAE;AACF,eAAe;AACf,iBAAiB;;AAEjB,2DAA2D;;AAE3D,iDAAiD;AACjD,EAAE;AACF,eAAe;AACf,iBAAiB;;AAEjB,yDAAyD;;AAEzD,4BAA4B;AAC5B,EAAE;AACF,6EAA6E;AAC7E,wEAAwE;AACxE,YAAY;AACZ,EAAE;AACF,+EAA+E;AAC/E,eAAe;AACf,EAAE;AACF,eAAe;AACf,EAAE;AACF,uCAAuC;AACvC,4CAA4C;AAC5C,EAAE;AACF,wCAAwC;AACxC,EAAE;AACF,0CAA0C;AAC1C,kCAAkC;AAClC,kCAAkC;AAClC,MAAM;AACN,EAAE;AACF,iDAAiD;AACjD,EAAE;AACF,iBAAiB;;AAEjB,yCAAyC;;AAEzC,2BAA2B;AAC3B,EAAE;AACF,4EAA4E;AAC5E,wEAAwE;AACxE,YAAY;AACZ,EAAE;AACF,+EAA+E;AAC/E,eAAe;AACf,EAAE;AACF,eAAe;AACf,EAAE;AACF,uCAAuC;AACvC,0CAA0C;AAC1C,EAAE;AACF,wCAAwC;AACxC,EAAE;AACF,0CAA0C;AAC1C,kCAAkC;AAClC,mCAAmC;AACnC,MAAM;AACN,EAAE;AACF,gDAAgD;AAChD,EAAE;AACF,iBAAiB;;AAEjB,wCAAwC","file":"_assets.scss","sourcesContent":["////\n/// @group settings/assets\n////\n\n/// Path to the assets directory, with trailing slash.\n///\n/// This is the directory where the images and fonts subdirectories live. You\n/// will need to make this directory available via your application – see the\n/// README for details.\n///\n/// @type String\n/// @access public\n\n$govuk-assets-path: \"/assets/\" !default;\n\n/// Path to the images folder, with trailing slash.\n///\n/// @type String\n/// @access public\n\n$govuk-images-path: \"#{$govuk-assets-path}images/\" !default;\n\n/// Path to the fonts folder, with trailing slash.\n///\n/// @type String\n/// @access public\n\n$govuk-fonts-path: \"#{$govuk-assets-path}fonts/\" !default;\n\n/// Custom image URL function\n///\n/// If the built-in image URL helper does not meet your needs, you can specify\n/// the name of a custom handler – either built in or by writing your own\n/// function.\n///\n/// If you are writing your own handler, ensure that it returns a string wrapped\n/// with `url()`\n///\n/// @type String\n///\n/// @example scss - Rails asset handling\n///   $govuk-image-url-function: 'image-url';\n///\n/// @example scss - Custom asset handling\n///\n///   @function my-url-handler($filename) {\n///     // Some custom URL handling\n///     @return url('example.jpg');\n///   }\n///\n///   $govuk-image-url-function: 'my-url-handler';\n///\n/// @access public\n\n$govuk-image-url-function: false !default;\n\n/// Custom font URL function\n///\n/// If the built-in font URL helper does not meet your needs, you can specify\n/// the name of a custom handler – either built in or by writing your own\n/// function.\n///\n/// If you are writing your own handler, ensure that it returns a string wrapped\n/// with `url()`\n///\n/// @type String\n///\n/// @example scss - Rails asset handling\n///   $govuk-font-url-function: 'font-url';\n///\n/// @example scss - Custom asset handling\n///\n///   @function my-url-handler($filename) {\n///     // Some custom URL handling\n///     @return url('example.woff');\n///   }\n///\n///   $govuk-font-url-function: 'my-url-handler';\n///\n/// @access public\n\n$govuk-font-url-function: false !default;\n"]}
diff --git a/node_modules/govuk-frontend/dist/govuk/settings/_colours-applied.scss b/node_modules/govuk-frontend/dist/govuk/settings/_colours-applied.scss
new file mode 100644
index 0000000..75ecbe4
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/settings/_colours-applied.scss
@@ -0,0 +1,195 @@
+////
+/// @group settings/colours
+////
+
+@import "../helpers/colour";
+
+// =========================================================
+// Generic
+// =========================================================
+
+/// Brand colour
+///
+/// @type Colour
+/// @access public
+
+$govuk-brand-colour: govuk-colour("blue") !default;
+
+/// Text colour
+///
+/// @type Colour
+/// @access public
+
+$govuk-text-colour: govuk-colour("black") !default;
+
+/// Canvas background colour
+///
+/// Used by the footer component and template to give the illusion of a long
+/// footer.
+///
+/// @type Colour
+/// @access public
+/// @deprecated "$govuk-canvas-background-colour has been deprecated and will be removed in the next major
+/// version. Use `$govuk-template-background-colour` if you want to change the background of
+/// the `<html>` element and background colour of elements that need to match for visual
+/// continuity.
+$govuk-canvas-background-colour: govuk-colour("light-grey") !default;
+
+// Output a deprecation warning if $govuk-canvas-background-colour is being overridden
+// Remove in next major version.
+@if $govuk-canvas-background-colour != govuk-colour("light-grey") {
+  @include _warning(
+    "$govuk-canvas-background-colour",
+    "$govuk-canvas-background-colour has been deprecated and will be removed in the next major version."
+  );
+}
+
+/// Template background colour
+///
+/// Used by components that want to give the illusion of extending
+/// the template background (such as the footer and cookie banner).
+///
+/// @type Colour
+/// @access public
+
+$govuk-template-background-colour: govuk-colour("light-grey") !default;
+
+/// Body background colour
+///
+/// @type Colour
+/// @access public
+
+$govuk-body-background-colour: govuk-colour("white") !default;
+
+/// Text colour for print media
+///
+/// Use 'true black' to avoid printers using colour ink to print body text
+///
+/// @type Colour
+/// @access public
+
+$govuk-print-text-colour: #000000 !default;
+
+/// Secondary text colour
+///
+/// Used in for example 'muted' text and help text.
+///
+/// @type Colour
+/// @access public
+
+$govuk-secondary-text-colour: govuk-colour("dark-grey") !default;
+
+/// Focus colour
+///
+/// Used for outline (and background, where appropriate) when interactive
+/// elements (links, form controls) have keyboard focus.
+///
+/// @type Colour
+/// @access public
+
+$govuk-focus-colour: govuk-colour("yellow") !default;
+
+/// Focused text colour
+///
+/// Ensure that the contrast between the text and background colour passes
+/// WCAG Level AA contrast requirements.
+///
+/// @type Colour
+/// @access public
+
+$govuk-focus-text-colour: govuk-colour("black") !default;
+
+/// Error colour
+///
+/// Used to highlight error messages and form controls in an error state
+///
+/// @type Colour
+/// @access public
+
+$govuk-error-colour: govuk-colour("red") !default;
+
+/// Success colour
+///
+/// Used to highlight success messages and banners
+///
+/// @type Colour
+/// @access public
+
+$govuk-success-colour: govuk-colour("green") !default;
+
+/// Border colour
+///
+/// Used in for example borders, separators, rules and keylines.
+///
+/// @type Colour
+/// @access public
+
+$govuk-border-colour: govuk-colour("mid-grey") !default;
+
+/// Input border colour
+///
+/// Used for form inputs and controls
+///
+/// @type Colour
+/// @access public
+
+$govuk-input-border-colour: govuk-colour("black") !default;
+
+/// Input hover colour
+///
+/// Used for hover states on form controls
+///
+/// @type Colour
+/// @access public
+
+$govuk-hover-colour: govuk-colour("mid-grey") !default;
+
+// =============================================================================
+// Links
+// =============================================================================
+
+/// Link colour
+///
+/// @type Colour
+/// @access public
+
+$govuk-link-colour: govuk-colour("blue") !default;
+
+/// Visited link colour
+///
+/// @type Colour
+/// @access public
+
+$govuk-link-visited-colour: govuk-colour("purple") !default;
+
+/// Link hover colour
+///
+/// @type Colour
+/// @access public
+
+$govuk-link-hover-colour: govuk-colour("dark-blue") !default;
+
+/// Active link colour
+///
+/// @type Colour
+/// @access public
+
+$govuk-link-active-colour: govuk-colour("black") !default;
+
+// =============================================================================
+// Brand refresh
+// =============================================================================
+
+/// Updated template background colour
+///
+/// @type Colour
+/// @access private
+$_govuk-rebrand-template-background-colour: govuk-tint($govuk-brand-colour, 95%);
+
+/// Border colour for areas on a light-blue background
+///
+/// @type Colour
+/// @access private
+$_govuk-rebrand-border-colour-on-blue-tint-95: govuk-tint($govuk-brand-colour, 50%);
+
+/*# sourceMappingURL=_colours-applied.scss.map */
diff --git a/node_modules/govuk-frontend/dist/govuk/settings/_colours-applied.scss.map b/node_modules/govuk-frontend/dist/govuk/settings/_colours-applied.scss.map
new file mode 100644
index 0000000..4eb6301
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/settings/_colours-applied.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/govuk/settings/_colours-applied.scss"],"names":[],"mappings":"AAAA,GAAG;AACH,0BAA0B;AAC1B,GAAG;;AAEH,2BAA2B;;AAE3B,2DAA2D;AAC3D,SAAS;AACT,2DAA2D;;AAE3D,eAAe;AACf,EAAE;AACF,eAAe;AACf,iBAAiB;;AAEjB,kDAAkD;;AAElD,cAAc;AACd,EAAE;AACF,eAAe;AACf,iBAAiB;;AAEjB,kDAAkD;;AAElD,2BAA2B;AAC3B,EAAE;AACF,2EAA2E;AAC3E,UAAU;AACV,EAAE;AACF,eAAe;AACf,iBAAiB;AACjB,yGAAyG;AACzG,2FAA2F;AAC3F,uFAAuF;AACvF,cAAc;AACd,oEAAoE;;AAEpE,qFAAqF;AACrF,+BAA+B;AAC/B;EACE;;;GAGC;AACH;;AAEA,6BAA6B;AAC7B,EAAE;AACF,iEAAiE;AACjE,kEAAkE;AAClE,EAAE;AACF,eAAe;AACf,iBAAiB;;AAEjB,sEAAsE;;AAEtE,yBAAyB;AACzB,EAAE;AACF,eAAe;AACf,iBAAiB;;AAEjB,6DAA6D;;AAE7D,8BAA8B;AAC9B,EAAE;AACF,yEAAyE;AACzE,EAAE;AACF,eAAe;AACf,iBAAiB;;AAEjB,0CAA0C;;AAE1C,wBAAwB;AACxB,EAAE;AACF,kDAAkD;AAClD,EAAE;AACF,eAAe;AACf,iBAAiB;;AAEjB,gEAAgE;;AAEhE,eAAe;AACf,EAAE;AACF,wEAAwE;AACxE,uDAAuD;AACvD,EAAE;AACF,eAAe;AACf,iBAAiB;;AAEjB,oDAAoD;;AAEpD,sBAAsB;AACtB,EAAE;AACF,yEAAyE;AACzE,uCAAuC;AACvC,EAAE;AACF,eAAe;AACf,iBAAiB;;AAEjB,wDAAwD;;AAExD,eAAe;AACf,EAAE;AACF,uEAAuE;AACvE,EAAE;AACF,eAAe;AACf,iBAAiB;;AAEjB,iDAAiD;;AAEjD,iBAAiB;AACjB,EAAE;AACF,iDAAiD;AACjD,EAAE;AACF,eAAe;AACf,iBAAiB;;AAEjB,qDAAqD;;AAErD,gBAAgB;AAChB,EAAE;AACF,+DAA+D;AAC/D,EAAE;AACF,eAAe;AACf,iBAAiB;;AAEjB,uDAAuD;;AAEvD,sBAAsB;AACtB,EAAE;AACF,oCAAoC;AACpC,EAAE;AACF,eAAe;AACf,iBAAiB;;AAEjB,0DAA0D;;AAE1D,qBAAqB;AACrB,EAAE;AACF,yCAAyC;AACzC,EAAE;AACF,eAAe;AACf,iBAAiB;;AAEjB,sDAAsD;;AAEtD,+EAA+E;AAC/E,OAAO;AACP,+EAA+E;;AAE/E,cAAc;AACd,EAAE;AACF,eAAe;AACf,iBAAiB;;AAEjB,iDAAiD;;AAEjD,sBAAsB;AACtB,EAAE;AACF,eAAe;AACf,iBAAiB;;AAEjB,2DAA2D;;AAE3D,oBAAoB;AACpB,EAAE;AACF,eAAe;AACf,iBAAiB;;AAEjB,4DAA4D;;AAE5D,qBAAqB;AACrB,EAAE;AACF,eAAe;AACf,iBAAiB;;AAEjB,yDAAyD;;AAEzD,+EAA+E;AAC/E,eAAe;AACf,+EAA+E;;AAE/E,qCAAqC;AACrC,EAAE;AACF,eAAe;AACf,kBAAkB;AAClB,gFAAgF;;AAEhF,qDAAqD;AACrD,EAAE;AACF,eAAe;AACf,kBAAkB;AAClB,mFAAmF","file":"_colours-applied.scss","sourcesContent":["////\n/// @group settings/colours\n////\n\n@import \"../helpers/colour\";\n\n// =========================================================\n// Generic\n// =========================================================\n\n/// Brand colour\n///\n/// @type Colour\n/// @access public\n\n$govuk-brand-colour: govuk-colour(\"blue\") !default;\n\n/// Text colour\n///\n/// @type Colour\n/// @access public\n\n$govuk-text-colour: govuk-colour(\"black\") !default;\n\n/// Canvas background colour\n///\n/// Used by the footer component and template to give the illusion of a long\n/// footer.\n///\n/// @type Colour\n/// @access public\n/// @deprecated \"$govuk-canvas-background-colour has been deprecated and will be removed in the next major\n/// version. Use `$govuk-template-background-colour` if you want to change the background of\n/// the `<html>` element and background colour of elements that need to match for visual\n/// continuity.\n$govuk-canvas-background-colour: govuk-colour(\"light-grey\") !default;\n\n// Output a deprecation warning if $govuk-canvas-background-colour is being overridden\n// Remove in next major version.\n@if $govuk-canvas-background-colour != govuk-colour(\"light-grey\") {\n  @include _warning(\n    \"$govuk-canvas-background-colour\",\n    \"$govuk-canvas-background-colour has been deprecated and will be removed in the next major version.\"\n  );\n}\n\n/// Template background colour\n///\n/// Used by components that want to give the illusion of extending\n/// the template background (such as the footer and cookie banner).\n///\n/// @type Colour\n/// @access public\n\n$govuk-template-background-colour: govuk-colour(\"light-grey\") !default;\n\n/// Body background colour\n///\n/// @type Colour\n/// @access public\n\n$govuk-body-background-colour: govuk-colour(\"white\") !default;\n\n/// Text colour for print media\n///\n/// Use 'true black' to avoid printers using colour ink to print body text\n///\n/// @type Colour\n/// @access public\n\n$govuk-print-text-colour: #000000 !default;\n\n/// Secondary text colour\n///\n/// Used in for example 'muted' text and help text.\n///\n/// @type Colour\n/// @access public\n\n$govuk-secondary-text-colour: govuk-colour(\"dark-grey\") !default;\n\n/// Focus colour\n///\n/// Used for outline (and background, where appropriate) when interactive\n/// elements (links, form controls) have keyboard focus.\n///\n/// @type Colour\n/// @access public\n\n$govuk-focus-colour: govuk-colour(\"yellow\") !default;\n\n/// Focused text colour\n///\n/// Ensure that the contrast between the text and background colour passes\n/// WCAG Level AA contrast requirements.\n///\n/// @type Colour\n/// @access public\n\n$govuk-focus-text-colour: govuk-colour(\"black\") !default;\n\n/// Error colour\n///\n/// Used to highlight error messages and form controls in an error state\n///\n/// @type Colour\n/// @access public\n\n$govuk-error-colour: govuk-colour(\"red\") !default;\n\n/// Success colour\n///\n/// Used to highlight success messages and banners\n///\n/// @type Colour\n/// @access public\n\n$govuk-success-colour: govuk-colour(\"green\") !default;\n\n/// Border colour\n///\n/// Used in for example borders, separators, rules and keylines.\n///\n/// @type Colour\n/// @access public\n\n$govuk-border-colour: govuk-colour(\"mid-grey\") !default;\n\n/// Input border colour\n///\n/// Used for form inputs and controls\n///\n/// @type Colour\n/// @access public\n\n$govuk-input-border-colour: govuk-colour(\"black\") !default;\n\n/// Input hover colour\n///\n/// Used for hover states on form controls\n///\n/// @type Colour\n/// @access public\n\n$govuk-hover-colour: govuk-colour(\"mid-grey\") !default;\n\n// =============================================================================\n// Links\n// =============================================================================\n\n/// Link colour\n///\n/// @type Colour\n/// @access public\n\n$govuk-link-colour: govuk-colour(\"blue\") !default;\n\n/// Visited link colour\n///\n/// @type Colour\n/// @access public\n\n$govuk-link-visited-colour: govuk-colour(\"purple\") !default;\n\n/// Link hover colour\n///\n/// @type Colour\n/// @access public\n\n$govuk-link-hover-colour: govuk-colour(\"dark-blue\") !default;\n\n/// Active link colour\n///\n/// @type Colour\n/// @access public\n\n$govuk-link-active-colour: govuk-colour(\"black\") !default;\n\n// =============================================================================\n// Brand refresh\n// =============================================================================\n\n/// Updated template background colour\n///\n/// @type Colour\n/// @access private\n$_govuk-rebrand-template-background-colour: govuk-tint($govuk-brand-colour, 95%);\n\n/// Border colour for areas on a light-blue background\n///\n/// @type Colour\n/// @access private\n$_govuk-rebrand-border-colour-on-blue-tint-95: govuk-tint($govuk-brand-colour, 50%);\n"]}
diff --git a/node_modules/govuk-frontend/dist/govuk/settings/_colours-organisations.scss b/node_modules/govuk-frontend/dist/govuk/settings/_colours-organisations.scss
new file mode 100644
index 0000000..9b69d35
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/settings/_colours-organisations.scss
@@ -0,0 +1,382 @@
+@import "../settings/warnings";
+
+////
+/// @group settings/colours
+////
+
+/// Feature flag for updated organisation list and colours
+///
+/// When set to true, $govuk-colours-organisations will use the new
+/// organisation list and colour selection.
+///
+/// Should be removed in 6.0.
+///
+/// @type Boolean
+/// @access public
+/// @deprecated Using new organisation colours will become the default in Frontend v6.0.
+
+$govuk-new-organisation-colours: false !default;
+
+/// Current organisation colours
+///
+/// @type Map
+///
+/// @prop $organisation.colour - Colour for the given `$organisation`
+/// @prop $organisation.contrast-safe - 'Contrast safe' colour for the given
+///   `$organisation`. This colour has at least a 4.5:1 contrast against
+///   white, to be used for copy and meet the AAA (large text) and AA (smaller
+///   copy) WCAG guidelines.
+/// @prop $organisation.deprecation-message - Marks this organisation as
+///   deprecated (usually because it has ceased to exist). Value is the
+///   deprecation message output to the terminal when compiling.
+///
+/// @access private
+
+$_govuk-organisation-colours: (
+  "attorney-generals-office": (
+    colour: #a91c8e
+  ),
+  "cabinet-office": (
+    colour: #0056b8
+  ),
+  "civil-service": (
+    colour: #b2292e
+  ),
+  "department-for-business-trade": (
+    colour: #e52d13,
+    contrast-safe: #e02c13
+  ),
+  "department-for-business-energy-industrial-strategy": (
+    colour: #003479,
+    deprecation-message:
+      "`department-for-business-energy-industrial-strategy` was dissolved in 2023. It was replaced by `department-for-business-trade`, `department-for-energy-security-net-zero` and `department-science-innovation-technology`."
+  ),
+  "department-for-business-innovation-skills": (
+    colour: #003479,
+    deprecation-message:
+      "`department-for-business-innovation-skills` became `department-for-business-energy-industrial-strategy` in 2016. As of 2023, it is equivalent to `department-for-business-trade` or `department-science-innovation-technology`."
+  ),
+  "department-for-communities-local-government": (
+    colour: #009999,
+    contrast-safe: #008080,
+    deprecation-message:
+      "`department-for-communities-local-government` became `ministry-of-housing-communities-local-government` in 2018."
+  ),
+  "department-for-culture-media-sport": (
+    colour: #ed1588,
+    contrast-safe: #d6177a
+  ),
+  "department-for-digital-culture-media-sport": (
+    colour: #d40072,
+    deprecation-message:
+      "`department-for-digital-culture-media-sport` became `department-for-culture-media-sport` in 2023."
+  ),
+  "department-for-education": (
+    colour: #003764
+  ),
+  "department-for-energy-security-net-zero": (
+    colour: #00a33b,
+    contrast-safe: #00852f
+  ),
+  "department-for-environment-food-rural-affairs": (
+    colour: #00a33b,
+    contrast-safe: #008531
+  ),
+  "department-for-exiting-the-european-union": (
+    colour: #009fe3,
+    contrast-safe: #007db6,
+    deprecation-message: "`department-for-exiting-the-european-union` was dissolved in 2020."
+  ),
+  "department-for-international-development": (
+    colour: #002878,
+    deprecation-message:
+      "`department-for-international-development` was merged into `foreign-commonwealth-development-office` in 2020."
+  ),
+  "department-for-international-trade": (
+    colour: #cf102d,
+    deprecation-message: "`department-for-international-trade` was merged into `department-for-business-trade` in 2023."
+  ),
+  "department-for-levelling-up-housing-communities": (
+    colour: #012169,
+    deprecation-message:
+      "`department-for-levelling-up-housing-communities` was renamed to `ministry-of-housing-communities-local-government` in 2024."
+  ),
+  "department-for-science-innovation-technology": (
+    colour: #00f8f8,
+    contrast-safe: #008180
+  ),
+  "department-for-transport": (
+    colour: #006853
+  ),
+  "department-for-work-pensions": (
+    colour: #00bcb5,
+    contrast-safe: #00857e
+  ),
+  "department-of-energy-climate-change": (
+    colour: #009ddb,
+    contrast-safe: #007db3,
+    deprecation-message:
+      "`department-of-energy-climate-change` was merged into `department-for-business-energy-industrial-strategy` in 2016. As of 2023, it is equivalent to `department-for-energy-security-net-zero`."
+  ),
+  "department-of-health": (
+    colour: #00ad93,
+    contrast-safe: #008573,
+    deprecation-message: "`department-of-health` became `department-of-health-social-care` in 2018."
+  ),
+  "department-of-health-social-care": (
+    colour: #00a990,
+    contrast-safe: #008674
+  ),
+  "foreign-commonwealth-office": (
+    colour: #003e74,
+    deprecation-message: "`foreign-commonwealth-office` became `foreign-commonwealth-development-office` in 2018."
+  ),
+  "foreign-commonwealth-development-office": (
+    colour: #012069
+  ),
+  "government-equalities-office": (
+    colour: #0056b8,
+    deprecation-message: "`government-equalities-office` is deprecated. Use `cabinet-office` instead."
+  ),
+  "hm-government": (
+    colour: #266ebc
+  ),
+  "hm-revenue-customs": (
+    colour: #008476
+  ),
+  "hm-treasury": (
+    colour: #b2292e
+  ),
+  "home-office": (
+    colour: #732282
+  ),
+  "ministry-of-defence": (
+    colour: #532a45
+  ),
+  "ministry-of-housing-communities-local-government": (
+    colour: #00625e
+  ),
+  "ministry-of-justice": (
+    colour: #000000
+  ),
+  "northern-ireland-office": (
+    colour: #00205c
+  ),
+  "office-of-the-advocate-general-for-scotland": (
+    colour: #00205c
+  ),
+  "office-of-the-leader-of-the-house-of-commons": (
+    colour: #497629
+  ),
+  "office-of-the-leader-of-the-house-of-lords": (
+    colour: #9c182f
+  ),
+  "office-of-the-secretary-of-state-for-scotland": (
+    colour: #00205c,
+    deprecation-message: "`office-of-the-secretary-of-state-for-scotland` was renamed to `scotland-office` in 2024."
+  ),
+  "office-of-the-secretary-of-state-for-wales": (
+    colour: #a8353a,
+    deprecation-message: "`office-of-the-secretary-of-state-for-wales` was renamed to `wales-office` in 2024."
+  ),
+  "prime-ministers-office-10-downing-street": (
+    colour: #0b0c0c
+  ),
+  "scotland-office": (
+    colour: #00205c
+  ),
+  "serious-fraud-office": (
+    colour: #82368c
+  ),
+  "uk-export-finance": (
+    colour: #cf102d
+  ),
+  "uk-trade-investment": (
+    colour: #c80651,
+    deprecation-message:
+      "`uk-trade-investment` became `department-for-international-trade` in 2016. As of 2023, it is equivalent to `department-for-business-trade`."
+  ),
+  "wales-office": (
+    colour: #a33038
+  )
+);
+
+/// Legacy organisation colours
+///
+/// These are the colours included with Frontend prior to 5.3.0. They will be
+/// removed in a future major version of Frontend.
+///
+/// @type Map
+///
+/// @prop $organisation.colour - Colour for the given `$organisation`
+/// @prop $organisation.colour-websafe - Optional alternative shade of the
+///   organisation colour. Despite the name, is not guaranteed to be websafe
+///   nor provide better contrast than the base colour.
+///
+/// @access private
+/// @deprecated Migrate to using the new organisation colour palette instead.
+
+$_govuk-legacy-organisation-colours: (
+  "attorney-generals-office": (
+    colour: #9f1888,
+    colour-websafe: #a03a88
+  ),
+  "cabinet-office": (
+    colour: #005abb,
+    colour-websafe: #347da4
+  ),
+  "civil-service": (
+    colour: #af292e
+  ),
+  "department-for-business-innovation-skills": (
+    colour: #003479,
+    colour-websafe: #347da4
+  ),
+  "department-for-communities-local-government": (
+    colour: #009999,
+    colour-websafe: #37836e
+  ),
+  "department-for-culture-media-sport": (
+    colour: #d40072,
+    colour-websafe: #a03155
+  ),
+  "department-for-education": (
+    colour: #003a69,
+    colour-websafe: #347ca9
+  ),
+  "department-for-environment-food-rural-affairs": (
+    colour: #00a33b,
+    colour-websafe: #008938
+  ),
+  "department-for-international-development": (
+    colour: #002878,
+    colour-websafe: #405e9a
+  ),
+  "department-for-international-trade": (
+    colour: #cf102d,
+    colour-websafe: #005ea5
+  ),
+  "department-for-business-trade": (
+    colour: #cf102d,
+    colour-websafe: #005ea5
+  ),
+  "department-for-levelling-up-housing-communities": (
+    colour: #012169
+  ),
+  "department-for-transport": (
+    colour: #006c56,
+    colour-websafe: #398373
+  ),
+  "department-for-work-pensions": (
+    colour: #00beb7,
+    colour-websafe: #37807b
+  ),
+  "department-of-energy-climate-change": (
+    colour: #009ddb,
+    colour-websafe: #2b7cac
+  ),
+  "department-of-health": (
+    colour: #00ad93,
+    colour-websafe: #39836e
+  ),
+  "foreign-commonwealth-development-office": (
+    colour: #012169
+  ),
+  "foreign-commonwealth-office": (
+    colour: #003e74,
+    colour-websafe: #406e97
+  ),
+  "government-equalities-office": (
+    colour: #9325b2
+  ),
+  "hm-government": (
+    colour: #0076c0,
+    colour-websafe: #347da4
+  ),
+  "hm-revenue-customs": (
+    colour: #009390,
+    colour-websafe: #008670
+  ),
+  "hm-treasury": (
+    colour: #af292e,
+    colour-websafe: #832322
+  ),
+  "home-office": (
+    colour: #9325b2,
+    colour-websafe: #9440b2
+  ),
+  "ministry-of-defence": (
+    colour: #4d2942,
+    colour-websafe: #5a5c92
+  ),
+  "ministry-of-justice": (
+    colour: #231f20,
+    colour-websafe: #5a5c92
+  ),
+  "northern-ireland-office": (
+    colour: #002663,
+    colour-websafe: #3e598c
+  ),
+  "office-of-the-advocate-general-for-scotland": (
+    colour: #002663,
+    colour-websafe: #005ea5
+  ),
+  "office-of-the-leader-of-the-house-of-commons": (
+    colour: #317023,
+    colour-websafe: #005f8f
+  ),
+  "office-of-the-leader-of-the-house-of-lords": (
+    colour: #9c132e,
+    colour-websafe: #c2395d
+  ),
+  "scotland-office": (
+    colour: #002663,
+    colour-websafe: #405c8a
+  ),
+  "uk-export-finance": (
+    colour: #005747,
+    colour-websafe: #005ea5
+  ),
+  "uk-trade-investment": (
+    colour: #c80651,
+    colour-websafe: #005ea5
+  ),
+  "wales-office": (
+    colour: #a33038,
+    colour-websafe: #7a242a
+  )
+);
+
+/// Set public organisation colours variable to one of the two maps.
+/// Users can also pass their own map to this to override it entirely.
+///
+/// @type Map
+/// @access public
+
+$govuk-colours-organisations: $_govuk-legacy-organisation-colours !default;
+
+@if $govuk-new-organisation-colours and $govuk-colours-organisations == $_govuk-legacy-organisation-colours {
+  $govuk-colours-organisations: $_govuk-organisation-colours;
+}
+
+/// Organisation colour aliases
+///
+/// Some organisations have been renamed within our code over time. Here we
+/// map the prior key to the new equivalent key.
+///
+/// Note: This is for internal renames only. If a department has changed name
+/// or brand colour in a machinery of government change, it should be added to
+/// $govuk-colours-organisations as a new entry with any superseded
+/// organisations marked deprecated.
+///
+/// @type Map
+///
+/// @access private
+
+$_govuk-colours-organisations-aliases: (
+  "department-for-business-and-trade": "department-for-business-trade",
+  "department-for-communities-and-local-government": "department-for-communities-local-government",
+  "department-for-levelling-up-housing-and-communities": "department-for-levelling-up-housing-communities"
+);
+
+/*# sourceMappingURL=_colours-organisations.scss.map */
diff --git a/node_modules/govuk-frontend/dist/govuk/settings/_colours-organisations.scss.map b/node_modules/govuk-frontend/dist/govuk/settings/_colours-organisations.scss.map
new file mode 100644
index 0000000..2e6716f
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/settings/_colours-organisations.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/govuk/settings/_colours-organisations.scss"],"names":[],"mappings":"AAAA,8BAA8B;;AAE9B,GAAG;AACH,0BAA0B;AAC1B,GAAG;;AAEH,yDAAyD;AACzD,EAAE;AACF,kEAAkE;AAClE,0CAA0C;AAC1C,EAAE;AACF,4BAA4B;AAC5B,EAAE;AACF,gBAAgB;AAChB,iBAAiB;AACjB,uFAAuF;;AAEvF,+CAA+C;;AAE/C,+BAA+B;AAC/B,EAAE;AACF,YAAY;AACZ,EAAE;AACF,oEAAoE;AACpE,2EAA2E;AAC3E,uEAAuE;AACvE,6EAA6E;AAC7E,2BAA2B;AAC3B,uEAAuE;AACvE,sEAAsE;AACtE,+DAA+D;AAC/D,EAAE;AACF,kBAAkB;;AAElB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuKC;;AAED,8BAA8B;AAC9B,EAAE;AACF,4EAA4E;AAC5E,iDAAiD;AACjD,EAAE;AACF,YAAY;AACZ,EAAE;AACF,oEAAoE;AACpE,yEAAyE;AACzE,2EAA2E;AAC3E,sDAAsD;AACtD,EAAE;AACF,kBAAkB;AAClB,4EAA4E;;AAE5E;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiIC;;AAED,mEAAmE;AACnE,qEAAqE;AACrE,EAAE;AACF,YAAY;AACZ,iBAAiB;;AAEjB,0EAA0E;;AAE1E;EACE,0DAA0D;AAC5D;;AAEA,8BAA8B;AAC9B,EAAE;AACF,0EAA0E;AAC1E,+CAA+C;AAC/C,EAAE;AACF,4EAA4E;AAC5E,6EAA6E;AAC7E,kEAAkE;AAClE,mCAAmC;AACnC,EAAE;AACF,YAAY;AACZ,EAAE;AACF,kBAAkB;;AAElB;;;;CAIC","file":"_colours-organisations.scss","sourcesContent":["@import \"../settings/warnings\";\n\n////\n/// @group settings/colours\n////\n\n/// Feature flag for updated organisation list and colours\n///\n/// When set to true, $govuk-colours-organisations will use the new\n/// organisation list and colour selection.\n///\n/// Should be removed in 6.0.\n///\n/// @type Boolean\n/// @access public\n/// @deprecated Using new organisation colours will become the default in Frontend v6.0.\n\n$govuk-new-organisation-colours: false !default;\n\n/// Current organisation colours\n///\n/// @type Map\n///\n/// @prop $organisation.colour - Colour for the given `$organisation`\n/// @prop $organisation.contrast-safe - 'Contrast safe' colour for the given\n///   `$organisation`. This colour has at least a 4.5:1 contrast against\n///   white, to be used for copy and meet the AAA (large text) and AA (smaller\n///   copy) WCAG guidelines.\n/// @prop $organisation.deprecation-message - Marks this organisation as\n///   deprecated (usually because it has ceased to exist). Value is the\n///   deprecation message output to the terminal when compiling.\n///\n/// @access private\n\n$_govuk-organisation-colours: (\n  \"attorney-generals-office\": (\n    colour: #a91c8e\n  ),\n  \"cabinet-office\": (\n    colour: #0056b8\n  ),\n  \"civil-service\": (\n    colour: #b2292e\n  ),\n  \"department-for-business-trade\": (\n    colour: #e52d13,\n    contrast-safe: #e02c13\n  ),\n  \"department-for-business-energy-industrial-strategy\": (\n    colour: #003479,\n    deprecation-message:\n      \"`department-for-business-energy-industrial-strategy` was dissolved in 2023. It was replaced by `department-for-business-trade`, `department-for-energy-security-net-zero` and `department-science-innovation-technology`.\"\n  ),\n  \"department-for-business-innovation-skills\": (\n    colour: #003479,\n    deprecation-message:\n      \"`department-for-business-innovation-skills` became `department-for-business-energy-industrial-strategy` in 2016. As of 2023, it is equivalent to `department-for-business-trade` or `department-science-innovation-technology`.\"\n  ),\n  \"department-for-communities-local-government\": (\n    colour: #009999,\n    contrast-safe: #008080,\n    deprecation-message:\n      \"`department-for-communities-local-government` became `ministry-of-housing-communities-local-government` in 2018.\"\n  ),\n  \"department-for-culture-media-sport\": (\n    colour: #ed1588,\n    contrast-safe: #d6177a\n  ),\n  \"department-for-digital-culture-media-sport\": (\n    colour: #d40072,\n    deprecation-message:\n      \"`department-for-digital-culture-media-sport` became `department-for-culture-media-sport` in 2023.\"\n  ),\n  \"department-for-education\": (\n    colour: #003764\n  ),\n  \"department-for-energy-security-net-zero\": (\n    colour: #00a33b,\n    contrast-safe: #00852f\n  ),\n  \"department-for-environment-food-rural-affairs\": (\n    colour: #00a33b,\n    contrast-safe: #008531\n  ),\n  \"department-for-exiting-the-european-union\": (\n    colour: #009fe3,\n    contrast-safe: #007db6,\n    deprecation-message: \"`department-for-exiting-the-european-union` was dissolved in 2020.\"\n  ),\n  \"department-for-international-development\": (\n    colour: #002878,\n    deprecation-message:\n      \"`department-for-international-development` was merged into `foreign-commonwealth-development-office` in 2020.\"\n  ),\n  \"department-for-international-trade\": (\n    colour: #cf102d,\n    deprecation-message: \"`department-for-international-trade` was merged into `department-for-business-trade` in 2023.\"\n  ),\n  \"department-for-levelling-up-housing-communities\": (\n    colour: #012169,\n    deprecation-message:\n      \"`department-for-levelling-up-housing-communities` was renamed to `ministry-of-housing-communities-local-government` in 2024.\"\n  ),\n  \"department-for-science-innovation-technology\": (\n    colour: #00f8f8,\n    contrast-safe: #008180\n  ),\n  \"department-for-transport\": (\n    colour: #006853\n  ),\n  \"department-for-work-pensions\": (\n    colour: #00bcb5,\n    contrast-safe: #00857e\n  ),\n  \"department-of-energy-climate-change\": (\n    colour: #009ddb,\n    contrast-safe: #007db3,\n    deprecation-message:\n      \"`department-of-energy-climate-change` was merged into `department-for-business-energy-industrial-strategy` in 2016. As of 2023, it is equivalent to `department-for-energy-security-net-zero`.\"\n  ),\n  \"department-of-health\": (\n    colour: #00ad93,\n    contrast-safe: #008573,\n    deprecation-message: \"`department-of-health` became `department-of-health-social-care` in 2018.\"\n  ),\n  \"department-of-health-social-care\": (\n    colour: #00a990,\n    contrast-safe: #008674\n  ),\n  \"foreign-commonwealth-office\": (\n    colour: #003e74,\n    deprecation-message: \"`foreign-commonwealth-office` became `foreign-commonwealth-development-office` in 2018.\"\n  ),\n  \"foreign-commonwealth-development-office\": (\n    colour: #012069\n  ),\n  \"government-equalities-office\": (\n    colour: #0056b8,\n    deprecation-message: \"`government-equalities-office` is deprecated. Use `cabinet-office` instead.\"\n  ),\n  \"hm-government\": (\n    colour: #266ebc\n  ),\n  \"hm-revenue-customs\": (\n    colour: #008476\n  ),\n  \"hm-treasury\": (\n    colour: #b2292e\n  ),\n  \"home-office\": (\n    colour: #732282\n  ),\n  \"ministry-of-defence\": (\n    colour: #532a45\n  ),\n  \"ministry-of-housing-communities-local-government\": (\n    colour: #00625e\n  ),\n  \"ministry-of-justice\": (\n    colour: #000000\n  ),\n  \"northern-ireland-office\": (\n    colour: #00205c\n  ),\n  \"office-of-the-advocate-general-for-scotland\": (\n    colour: #00205c\n  ),\n  \"office-of-the-leader-of-the-house-of-commons\": (\n    colour: #497629\n  ),\n  \"office-of-the-leader-of-the-house-of-lords\": (\n    colour: #9c182f\n  ),\n  \"office-of-the-secretary-of-state-for-scotland\": (\n    colour: #00205c,\n    deprecation-message: \"`office-of-the-secretary-of-state-for-scotland` was renamed to `scotland-office` in 2024.\"\n  ),\n  \"office-of-the-secretary-of-state-for-wales\": (\n    colour: #a8353a,\n    deprecation-message: \"`office-of-the-secretary-of-state-for-wales` was renamed to `wales-office` in 2024.\"\n  ),\n  \"prime-ministers-office-10-downing-street\": (\n    colour: #0b0c0c\n  ),\n  \"scotland-office\": (\n    colour: #00205c\n  ),\n  \"serious-fraud-office\": (\n    colour: #82368c\n  ),\n  \"uk-export-finance\": (\n    colour: #cf102d\n  ),\n  \"uk-trade-investment\": (\n    colour: #c80651,\n    deprecation-message:\n      \"`uk-trade-investment` became `department-for-international-trade` in 2016. As of 2023, it is equivalent to `department-for-business-trade`.\"\n  ),\n  \"wales-office\": (\n    colour: #a33038\n  )\n);\n\n/// Legacy organisation colours\n///\n/// These are the colours included with Frontend prior to 5.3.0. They will be\n/// removed in a future major version of Frontend.\n///\n/// @type Map\n///\n/// @prop $organisation.colour - Colour for the given `$organisation`\n/// @prop $organisation.colour-websafe - Optional alternative shade of the\n///   organisation colour. Despite the name, is not guaranteed to be websafe\n///   nor provide better contrast than the base colour.\n///\n/// @access private\n/// @deprecated Migrate to using the new organisation colour palette instead.\n\n$_govuk-legacy-organisation-colours: (\n  \"attorney-generals-office\": (\n    colour: #9f1888,\n    colour-websafe: #a03a88\n  ),\n  \"cabinet-office\": (\n    colour: #005abb,\n    colour-websafe: #347da4\n  ),\n  \"civil-service\": (\n    colour: #af292e\n  ),\n  \"department-for-business-innovation-skills\": (\n    colour: #003479,\n    colour-websafe: #347da4\n  ),\n  \"department-for-communities-local-government\": (\n    colour: #009999,\n    colour-websafe: #37836e\n  ),\n  \"department-for-culture-media-sport\": (\n    colour: #d40072,\n    colour-websafe: #a03155\n  ),\n  \"department-for-education\": (\n    colour: #003a69,\n    colour-websafe: #347ca9\n  ),\n  \"department-for-environment-food-rural-affairs\": (\n    colour: #00a33b,\n    colour-websafe: #008938\n  ),\n  \"department-for-international-development\": (\n    colour: #002878,\n    colour-websafe: #405e9a\n  ),\n  \"department-for-international-trade\": (\n    colour: #cf102d,\n    colour-websafe: #005ea5\n  ),\n  \"department-for-business-trade\": (\n    colour: #cf102d,\n    colour-websafe: #005ea5\n  ),\n  \"department-for-levelling-up-housing-communities\": (\n    colour: #012169\n  ),\n  \"department-for-transport\": (\n    colour: #006c56,\n    colour-websafe: #398373\n  ),\n  \"department-for-work-pensions\": (\n    colour: #00beb7,\n    colour-websafe: #37807b\n  ),\n  \"department-of-energy-climate-change\": (\n    colour: #009ddb,\n    colour-websafe: #2b7cac\n  ),\n  \"department-of-health\": (\n    colour: #00ad93,\n    colour-websafe: #39836e\n  ),\n  \"foreign-commonwealth-development-office\": (\n    colour: #012169\n  ),\n  \"foreign-commonwealth-office\": (\n    colour: #003e74,\n    colour-websafe: #406e97\n  ),\n  \"government-equalities-office\": (\n    colour: #9325b2\n  ),\n  \"hm-government\": (\n    colour: #0076c0,\n    colour-websafe: #347da4\n  ),\n  \"hm-revenue-customs\": (\n    colour: #009390,\n    colour-websafe: #008670\n  ),\n  \"hm-treasury\": (\n    colour: #af292e,\n    colour-websafe: #832322\n  ),\n  \"home-office\": (\n    colour: #9325b2,\n    colour-websafe: #9440b2\n  ),\n  \"ministry-of-defence\": (\n    colour: #4d2942,\n    colour-websafe: #5a5c92\n  ),\n  \"ministry-of-justice\": (\n    colour: #231f20,\n    colour-websafe: #5a5c92\n  ),\n  \"northern-ireland-office\": (\n    colour: #002663,\n    colour-websafe: #3e598c\n  ),\n  \"office-of-the-advocate-general-for-scotland\": (\n    colour: #002663,\n    colour-websafe: #005ea5\n  ),\n  \"office-of-the-leader-of-the-house-of-commons\": (\n    colour: #317023,\n    colour-websafe: #005f8f\n  ),\n  \"office-of-the-leader-of-the-house-of-lords\": (\n    colour: #9c132e,\n    colour-websafe: #c2395d\n  ),\n  \"scotland-office\": (\n    colour: #002663,\n    colour-websafe: #405c8a\n  ),\n  \"uk-export-finance\": (\n    colour: #005747,\n    colour-websafe: #005ea5\n  ),\n  \"uk-trade-investment\": (\n    colour: #c80651,\n    colour-websafe: #005ea5\n  ),\n  \"wales-office\": (\n    colour: #a33038,\n    colour-websafe: #7a242a\n  )\n);\n\n/// Set public organisation colours variable to one of the two maps.\n/// Users can also pass their own map to this to override it entirely.\n///\n/// @type Map\n/// @access public\n\n$govuk-colours-organisations: $_govuk-legacy-organisation-colours !default;\n\n@if $govuk-new-organisation-colours and $govuk-colours-organisations == $_govuk-legacy-organisation-colours {\n  $govuk-colours-organisations: $_govuk-organisation-colours;\n}\n\n/// Organisation colour aliases\n///\n/// Some organisations have been renamed within our code over time. Here we\n/// map the prior key to the new equivalent key.\n///\n/// Note: This is for internal renames only. If a department has changed name\n/// or brand colour in a machinery of government change, it should be added to\n/// $govuk-colours-organisations as a new entry with any superseded\n/// organisations marked deprecated.\n///\n/// @type Map\n///\n/// @access private\n\n$_govuk-colours-organisations-aliases: (\n  \"department-for-business-and-trade\": \"department-for-business-trade\",\n  \"department-for-communities-and-local-government\": \"department-for-communities-local-government\",\n  \"department-for-levelling-up-housing-and-communities\": \"department-for-levelling-up-housing-communities\"\n);\n"]}
diff --git a/node_modules/govuk-frontend/dist/govuk/settings/_colours-palette.scss b/node_modules/govuk-frontend/dist/govuk/settings/_colours-palette.scss
new file mode 100644
index 0000000..3714f88
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/settings/_colours-palette.scss
@@ -0,0 +1,37 @@
+////
+/// @group settings/colours
+////
+
+/// Colour palette
+///
+/// @type Map
+///
+/// @prop $colour - Representation for the given $colour, where $colour is the
+///   friendly name for the colour (e.g. "red": #ff0000);
+///
+/// @access public
+
+$govuk-colours: (
+  "red": #d4351c,
+  "yellow": #ffdd00,
+  "green": #00703c,
+  "blue": #1d70b8,
+  "dark-blue": #003078,
+  "light-blue": #5694ca,
+  "purple": #4c2c92,
+  "black": #0b0c0c,
+  "dark-grey": #505a5f,
+  "mid-grey": #b1b4b6,
+  "light-grey": #f3f2f1,
+  "white": #ffffff,
+  "light-purple": #6f72af,
+  "bright-purple": #912b88,
+  "pink": #d53880,
+  "light-pink": #f499be,
+  "orange": #f47738,
+  "brown": #b58840,
+  "light-green": #85994b,
+  "turquoise": #28a197
+) !default;
+
+/*# sourceMappingURL=_colours-palette.scss.map */
diff --git a/node_modules/govuk-frontend/dist/govuk/settings/_colours-palette.scss.map b/node_modules/govuk-frontend/dist/govuk/settings/_colours-palette.scss.map
new file mode 100644
index 0000000..4fcb20b
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/settings/_colours-palette.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/govuk/settings/_colours-palette.scss"],"names":[],"mappings":"AAAA,GAAG;AACH,0BAA0B;AAC1B,GAAG;;AAEH,iBAAiB;AACjB,EAAE;AACF,YAAY;AACZ,EAAE;AACF,6EAA6E;AAC7E,wDAAwD;AACxD,EAAE;AACF,iBAAiB;;AAEjB;;;;;;;;;;;;;;;;;;;;;UAqBU","file":"_colours-palette.scss","sourcesContent":["////\n/// @group settings/colours\n////\n\n/// Colour palette\n///\n/// @type Map\n///\n/// @prop $colour - Representation for the given $colour, where $colour is the\n///   friendly name for the colour (e.g. \"red\": #ff0000);\n///\n/// @access public\n\n$govuk-colours: (\n  \"red\": #d4351c,\n  \"yellow\": #ffdd00,\n  \"green\": #00703c,\n  \"blue\": #1d70b8,\n  \"dark-blue\": #003078,\n  \"light-blue\": #5694ca,\n  \"purple\": #4c2c92,\n  \"black\": #0b0c0c,\n  \"dark-grey\": #505a5f,\n  \"mid-grey\": #b1b4b6,\n  \"light-grey\": #f3f2f1,\n  \"white\": #ffffff,\n  \"light-purple\": #6f72af,\n  \"bright-purple\": #912b88,\n  \"pink\": #d53880,\n  \"light-pink\": #f499be,\n  \"orange\": #f47738,\n  \"brown\": #b58840,\n  \"light-green\": #85994b,\n  \"turquoise\": #28a197\n) !default;\n"]}
diff --git a/node_modules/govuk-frontend/dist/govuk/settings/_global-styles.scss b/node_modules/govuk-frontend/dist/govuk/settings/_global-styles.scss
new file mode 100644
index 0000000..970b8a2
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/settings/_global-styles.scss
@@ -0,0 +1,15 @@
+////
+/// @group settings/global-styles
+////
+
+/// Include 'global' styles
+///
+/// Whether to style paragraphs (`<p>`) and links (`<a>`) without explicitly
+/// having to apply the `govuk-body` and `govuk-link` classes.
+///
+/// @type Boolean
+/// @access public
+
+$govuk-global-styles: false !default;
+
+/*# sourceMappingURL=_global-styles.scss.map */
diff --git a/node_modules/govuk-frontend/dist/govuk/settings/_global-styles.scss.map b/node_modules/govuk-frontend/dist/govuk/settings/_global-styles.scss.map
new file mode 100644
index 0000000..22aac19
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/settings/_global-styles.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/govuk/settings/_global-styles.scss"],"names":[],"mappings":"AAAA,GAAG;AACH,gCAAgC;AAChC,GAAG;;AAEH,0BAA0B;AAC1B,EAAE;AACF,2EAA2E;AAC3E,6DAA6D;AAC7D,EAAE;AACF,gBAAgB;AAChB,iBAAiB;;AAEjB,oCAAoC","file":"_global-styles.scss","sourcesContent":["////\n/// @group settings/global-styles\n////\n\n/// Include 'global' styles\n///\n/// Whether to style paragraphs (`<p>`) and links (`<a>`) without explicitly\n/// having to apply the `govuk-body` and `govuk-link` classes.\n///\n/// @type Boolean\n/// @access public\n\n$govuk-global-styles: false !default;\n"]}
diff --git a/node_modules/govuk-frontend/dist/govuk/settings/_index.scss b/node_modules/govuk-frontend/dist/govuk/settings/_index.scss
new file mode 100644
index 0000000..9cbf277
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/settings/_index.scss
@@ -0,0 +1,36 @@
+// The order we import settings in is important, as some settings files rely on
+// others
+
+@import "assets";
+
+@import "warnings";
+@import "global-styles";
+
+@import "media-queries";
+
+@import "colours-palette";
+@import "colours-organisations";
+@import "colours-applied";
+
+@import "spacing";
+@import "measurements";
+
+@import "typography-font";
+@import "typography-responsive";
+
+@import "links";
+
+// LibSass evaluates this as a single unquoted string, equivalent to
+// "true == false", whereas Dart Sass evaluates it as "true" == "false".
+// Because a string in Sass is truthy, LibSass will output the warning; Dart
+// Sass will not.
+@if #{true} == #{false} {
+  @include _warning(
+    "libsass",
+    "It looks like you may be using LibSass to compile your Sass. LibSass is " +
+      "deprecated and will not be supported by the next major version of " +
+      "GOV.UK Frontend. See https://sass-lang.com/libsass/ for more information."
+  );
+}
+
+/*# sourceMappingURL=_index.scss.map */
diff --git a/node_modules/govuk-frontend/dist/govuk/settings/_index.scss.map b/node_modules/govuk-frontend/dist/govuk/settings/_index.scss.map
new file mode 100644
index 0000000..eb8873b
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/settings/_index.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/govuk/settings/_index.scss"],"names":[],"mappings":"AAAA,8EAA8E;AAC9E,QAAQ;;AAER,gBAAgB;;AAEhB,kBAAkB;AAClB,uBAAuB;;AAEvB,uBAAuB;;AAEvB,yBAAyB;AACzB,+BAA+B;AAC/B,yBAAyB;;AAEzB,iBAAiB;AACjB,sBAAsB;;AAEtB,yBAAyB;AACzB,+BAA+B;;AAE/B,eAAe;;AAEf,mEAAmE;AACnE,uEAAuE;AACvE,2EAA2E;AAC3E,gBAAgB;AAChB;EACE;;;;;GAKC;AACH","file":"_index.scss","sourcesContent":["// The order we import settings in is important, as some settings files rely on\n// others\n\n@import \"assets\";\n\n@import \"warnings\";\n@import \"global-styles\";\n\n@import \"media-queries\";\n\n@import \"colours-palette\";\n@import \"colours-organisations\";\n@import \"colours-applied\";\n\n@import \"spacing\";\n@import \"measurements\";\n\n@import \"typography-font\";\n@import \"typography-responsive\";\n\n@import \"links\";\n\n// LibSass evaluates this as a single unquoted string, equivalent to\n// \"true == false\", whereas Dart Sass evaluates it as \"true\" == \"false\".\n// Because a string in Sass is truthy, LibSass will output the warning; Dart\n// Sass will not.\n@if #{true} == #{false} {\n  @include _warning(\n    \"libsass\",\n    \"It looks like you may be using LibSass to compile your Sass. LibSass is \" +\n      \"deprecated and will not be supported by the next major version of \" +\n      \"GOV.UK Frontend. See https://sass-lang.com/libsass/ for more information.\"\n  );\n}\n"]}
diff --git a/node_modules/govuk-frontend/dist/govuk/settings/_links.scss b/node_modules/govuk-frontend/dist/govuk/settings/_links.scss
new file mode 100644
index 0000000..b3782ac
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/settings/_links.scss
@@ -0,0 +1,49 @@
+////
+/// @group settings/links
+////
+
+/// Thickness of link underlines
+///
+/// The default will be either:
+///
+///  - 1px
+///  - 0.0625rem, if it's thicker than 1px because the user has changed the text
+///    size in their browser
+///
+/// Set this variable to `false` to avoid setting a thickness.
+///
+/// @type Number
+/// @access public
+
+$govuk-link-underline-thickness: unquote("max(1px, .0625rem)") !default;
+
+/// Offset of link underlines from text baseline
+///
+/// The default is 3px expressed as ems, as calculated against the default body
+/// font size (on desktop) of 19px.
+/// 3 ÷ 19 = 0.1578
+///
+/// Set this variable to `false` to avoid setting an offset.
+///
+/// @type Number
+/// @access public
+
+$govuk-link-underline-offset: 0.1578em !default;
+
+/// Thickness of link underlines in hover state
+///
+/// The default for each link will be the thickest of the following:
+///
+///  - 3px
+///  - 0.1875rem, if it's thicker than 3px because the user has changed the text
+///    size in their browser
+///  - 0.12em (relative to the link's text size)
+///
+/// Set this variable to `false` to avoid setting a thickness.
+///
+/// @type Number
+/// @access public
+
+$govuk-link-hover-underline-thickness: unquote("max(3px, .1875rem, .12em)") !default;
+
+/*# sourceMappingURL=_links.scss.map */
diff --git a/node_modules/govuk-frontend/dist/govuk/settings/_links.scss.map b/node_modules/govuk-frontend/dist/govuk/settings/_links.scss.map
new file mode 100644
index 0000000..201755b
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/settings/_links.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/govuk/settings/_links.scss"],"names":[],"mappings":"AAAA,GAAG;AACH,wBAAwB;AACxB,GAAG;;AAEH,+BAA+B;AAC/B,EAAE;AACF,8BAA8B;AAC9B,EAAE;AACF,SAAS;AACT,+EAA+E;AAC/E,2BAA2B;AAC3B,EAAE;AACF,6DAA6D;AAC7D,EAAE;AACF,eAAe;AACf,iBAAiB;;AAEjB,uEAAuE;;AAEvE,+CAA+C;AAC/C,EAAE;AACF,8EAA8E;AAC9E,kCAAkC;AAClC,kBAAkB;AAClB,EAAE;AACF,2DAA2D;AAC3D,EAAE;AACF,eAAe;AACf,iBAAiB;;AAEjB,+CAA+C;;AAE/C,8CAA8C;AAC9C,EAAE;AACF,mEAAmE;AACnE,EAAE;AACF,SAAS;AACT,+EAA+E;AAC/E,2BAA2B;AAC3B,+CAA+C;AAC/C,EAAE;AACF,6DAA6D;AAC7D,EAAE;AACF,eAAe;AACf,iBAAiB;;AAEjB,oFAAoF","file":"_links.scss","sourcesContent":["////\n/// @group settings/links\n////\n\n/// Thickness of link underlines\n///\n/// The default will be either:\n///\n///  - 1px\n///  - 0.0625rem, if it's thicker than 1px because the user has changed the text\n///    size in their browser\n///\n/// Set this variable to `false` to avoid setting a thickness.\n///\n/// @type Number\n/// @access public\n\n$govuk-link-underline-thickness: unquote(\"max(1px, .0625rem)\") !default;\n\n/// Offset of link underlines from text baseline\n///\n/// The default is 3px expressed as ems, as calculated against the default body\n/// font size (on desktop) of 19px.\n/// 3 ÷ 19 = 0.1578\n///\n/// Set this variable to `false` to avoid setting an offset.\n///\n/// @type Number\n/// @access public\n\n$govuk-link-underline-offset: 0.1578em !default;\n\n/// Thickness of link underlines in hover state\n///\n/// The default for each link will be the thickest of the following:\n///\n///  - 3px\n///  - 0.1875rem, if it's thicker than 3px because the user has changed the text\n///    size in their browser\n///  - 0.12em (relative to the link's text size)\n///\n/// Set this variable to `false` to avoid setting a thickness.\n///\n/// @type Number\n/// @access public\n\n$govuk-link-hover-underline-thickness: unquote(\"max(3px, .1875rem, .12em)\") !default;\n"]}
diff --git a/node_modules/govuk-frontend/dist/govuk/settings/_measurements.scss b/node_modules/govuk-frontend/dist/govuk/settings/_measurements.scss
new file mode 100644
index 0000000..21081c6
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/settings/_measurements.scss
@@ -0,0 +1,107 @@
+////
+/// @group settings/layout
+////
+
+// =========================================================
+// Page layout
+// =========================================================
+
+/// Width of main container
+///
+/// @type Number
+/// @access public
+
+$govuk-page-width: 960px !default;
+
+/// Map of grid column widths
+///
+/// @type Map
+/// @access public
+
+$govuk-grid-widths: (
+  one-quarter: (
+    100% / 4
+  ),
+  one-third: (
+    100% / 3
+  ),
+  one-half: (
+    100% / 2
+  ),
+  two-thirds: (
+    200% / 3
+  ),
+  three-quarters: (
+    300% / 4
+  ),
+  full: 100%
+) !default;
+
+/// Width of gutter between grid columns
+///
+/// @type Number
+/// @access public
+
+$govuk-gutter: 30px !default;
+
+/// Width of half the gutter between grid columns
+///
+/// @type Number
+/// @access public
+
+$govuk-gutter-half: $govuk-gutter / 2;
+
+// =========================================================
+// Borders
+// =========================================================
+
+/// Standard border width
+///
+/// @type Number
+/// @access public
+
+$govuk-border-width: 5px !default;
+
+/// Wide border width
+///
+/// @type Number
+/// @access public
+
+$govuk-border-width-wide: 10px !default;
+
+/// Narrow border width
+///
+/// @type Number
+/// @access public
+
+$govuk-border-width-narrow: 4px !default;
+
+/// Form control border width
+///
+/// @type Number
+/// @access public
+
+$govuk-border-width-form-element: 2px !default;
+
+/// Form group border width when in error state
+///
+/// @type Number
+/// @access public
+
+$govuk-border-width-form-group-error: $govuk-border-width !default;
+
+/// Border width of focus outline
+///
+/// @type Number
+/// @access public
+
+$govuk-focus-width: 3px !default;
+
+/// Hover width for form controls with a hover state
+///
+/// @type Number
+/// @access public
+
+$govuk-hover-width: 10px !default;
+
+/*# sourceMappingURL=_measurements.scss.map */
diff --git a/node_modules/govuk-frontend/dist/govuk/settings/_measurements.scss.map b/node_modules/govuk-frontend/dist/govuk/settings/_measurements.scss.map
new file mode 100644
index 0000000..d6a9379
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/settings/_measurements.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/govuk/settings/_measurements.scss"],"names":[],"mappings":"AAAA,GAAG;AACH,yBAAyB;AACzB,GAAG;;AAEH,2DAA2D;AAC3D,aAAa;AACb,2DAA2D;;AAE3D,0BAA0B;AAC1B,EAAE;AACF,eAAe;AACf,iBAAiB;;AAEjB,iCAAiC;;AAEjC,4BAA4B;AAC5B,EAAE;AACF,YAAY;AACZ,iBAAiB;;AAEjB;;;;;;;;;;;;;;;;;UAiBU;;AAEV,uCAAuC;AACvC,EAAE;AACF,eAAe;AACf,iBAAiB;;AAEjB,4BAA4B;;AAE5B,gDAAgD;AAChD,EAAE;AACF,eAAe;AACf,iBAAiB;;AAEjB,qCAAqC;;AAErC,2DAA2D;AAC3D,SAAS;AACT,2DAA2D;;AAE3D,wBAAwB;AACxB,EAAE;AACF,eAAe;AACf,iBAAiB;;AAEjB,iCAAiC;;AAEjC,oBAAoB;AACpB,EAAE;AACF,eAAe;AACf,iBAAiB;;AAEjB,uCAAuC;;AAEvC,sBAAsB;AACtB,EAAE;AACF,eAAe;AACf,iBAAiB;;AAEjB,wCAAwC;;AAExC,4BAA4B;AAC5B,EAAE;AACF,eAAe;AACf,iBAAiB;;AAEjB,8CAA8C;;AAE9C,8CAA8C;AAC9C,EAAE;AACF,eAAe;AACf,iBAAiB;;AAEjB,kEAAkE;;AAElE,gCAAgC;AAChC,EAAE;AACF,eAAe;AACf,iBAAiB;;AAEjB,gCAAgC;;AAEhC,mDAAmD;AACnD,EAAE;AACF,eAAe;AACf,iBAAiB;;AAEjB,iCAAiC","file":"_measurements.scss","sourcesContent":["////\n/// @group settings/layout\n////\n\n// =========================================================\n// Page layout\n// =========================================================\n\n/// Width of main container\n///\n/// @type Number\n/// @access public\n\n$govuk-page-width: 960px !default;\n\n/// Map of grid column widths\n///\n/// @type Map\n/// @access public\n\n$govuk-grid-widths: (\n  one-quarter: (\n    100% / 4\n  ),\n  one-third: (\n    100% / 3\n  ),\n  one-half: (\n    100% / 2\n  ),\n  two-thirds: (\n    200% / 3\n  ),\n  three-quarters: (\n    300% / 4\n  ),\n  full: 100%\n) !default;\n\n/// Width of gutter between grid columns\n///\n/// @type Number\n/// @access public\n\n$govuk-gutter: 30px !default;\n\n/// Width of half the gutter between grid columns\n///\n/// @type Number\n/// @access public\n\n$govuk-gutter-half: $govuk-gutter / 2;\n\n// =========================================================\n// Borders\n// =========================================================\n\n/// Standard border width\n///\n/// @type Number\n/// @access public\n\n$govuk-border-width: 5px !default;\n\n/// Wide border width\n///\n/// @type Number\n/// @access public\n\n$govuk-border-width-wide: 10px !default;\n\n/// Narrow border width\n///\n/// @type Number\n/// @access public\n\n$govuk-border-width-narrow: 4px !default;\n\n/// Form control border width\n///\n/// @type Number\n/// @access public\n\n$govuk-border-width-form-element: 2px !default;\n\n/// Form group border width when in error state\n///\n/// @type Number\n/// @access public\n\n$govuk-border-width-form-group-error: $govuk-border-width !default;\n\n/// Border width of focus outline\n///\n/// @type Number\n/// @access public\n\n$govuk-focus-width: 3px !default;\n\n/// Hover width for form controls with a hover state\n///\n/// @type Number\n/// @access public\n\n$govuk-hover-width: 10px !default;\n"]}
diff --git a/node_modules/govuk-frontend/dist/govuk/settings/_media-queries.scss b/node_modules/govuk-frontend/dist/govuk/settings/_media-queries.scss
new file mode 100644
index 0000000..44dcd5a
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/settings/_media-queries.scss
@@ -0,0 +1,25 @@
+////
+/// @group settings/layout
+////
+
+/// Breakpoint definitions
+///
+/// @type Map
+/// @access public
+
+$govuk-breakpoints: (
+  mobile: 320px,
+  tablet: 641px,
+  desktop: 769px
+) !default;
+
+/// Show active breakpoint in top-right corner.
+///
+/// Only use this during local development.
+///
+/// @type Boolean
+/// @access public
+
+$govuk-show-breakpoints: false !default;
+
+/*# sourceMappingURL=_media-queries.scss.map */
diff --git a/node_modules/govuk-frontend/dist/govuk/settings/_media-queries.scss.map b/node_modules/govuk-frontend/dist/govuk/settings/_media-queries.scss.map
new file mode 100644
index 0000000..9f69f0f
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/settings/_media-queries.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/govuk/settings/_media-queries.scss"],"names":[],"mappings":"AAAA,GAAG;AACH,yBAAyB;AACzB,GAAG;;AAEH,yBAAyB;AACzB,EAAE;AACF,YAAY;AACZ,iBAAiB;;AAEjB;;;;UAIU;;AAEV,8CAA8C;AAC9C,EAAE;AACF,0CAA0C;AAC1C,EAAE;AACF,gBAAgB;AAChB,iBAAiB;;AAEjB,uCAAuC","file":"_media-queries.scss","sourcesContent":["////\n/// @group settings/layout\n////\n\n/// Breakpoint definitions\n///\n/// @type Map\n/// @access public\n\n$govuk-breakpoints: (\n  mobile: 320px,\n  tablet: 641px,\n  desktop: 769px\n) !default;\n\n/// Show active breakpoint in top-right corner.\n///\n/// Only use this during local development.\n///\n/// @type Boolean\n/// @access public\n\n$govuk-show-breakpoints: false !default;\n"]}
diff --git a/node_modules/govuk-frontend/dist/govuk/settings/_spacing.scss b/node_modules/govuk-frontend/dist/govuk/settings/_spacing.scss
new file mode 100644
index 0000000..77333e1
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/settings/_spacing.scss
@@ -0,0 +1,78 @@
+////
+/// @group settings/spacing
+////
+
+/// Single point spacing variables. Access using `govuk-spacing()`
+/// (see `helpers/spacing`).
+///
+/// @type Map
+/// @access private
+
+$govuk-spacing-points: (
+  0: 0,
+  1: 5px,
+  2: 10px,
+  3: 15px,
+  4: 20px,
+  5: 25px,
+  6: 30px,
+  7: 40px,
+  8: 50px,
+  9: 60px
+) !default;
+
+/// Responsive spacing maps
+///
+/// These definitions are used to generate responsive spacing that adapts
+/// according to the breakpoints (see 'helpers/spacing'). These maps should be
+/// used wherever possible to standardise responsive spacing.
+///
+/// You can define different behaviour on tablet and desktop. The 'null'
+/// breakpoint is for mobile.
+///
+/// Access responsive spacing with `govuk-responsive-margin` or
+/// `govuk-responsive-padding` mixins (see `helpers/spacing`).
+///
+/// @type Map
+/// @access private
+
+$govuk-spacing-responsive-scale: (
+  0: (
+    null: 0
+  ),
+  1: (
+    null: 5px
+  ),
+  2: (
+    null: 10px
+  ),
+  3: (
+    null: 15px
+  ),
+  4: (
+    null: 15px,
+    tablet: 20px
+  ),
+  5: (
+    null: 15px,
+    tablet: 25px
+  ),
+  6: (
+    null: 20px,
+    tablet: 30px
+  ),
+  7: (
+    null: 25px,
+    tablet: 40px
+  ),
+  8: (
+    null: 30px,
+    tablet: 50px
+  ),
+  9: (
+    null: 40px,
+    tablet: 60px
+  )
+) !default;
+
+/*# sourceMappingURL=_spacing.scss.map */
diff --git a/node_modules/govuk-frontend/dist/govuk/settings/_spacing.scss.map b/node_modules/govuk-frontend/dist/govuk/settings/_spacing.scss.map
new file mode 100644
index 0000000..9d08d8d
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/settings/_spacing.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/govuk/settings/_spacing.scss"],"names":[],"mappings":"AAAA,GAAG;AACH,0BAA0B;AAC1B,GAAG;;AAEH,iEAAiE;AACjE,2BAA2B;AAC3B,EAAE;AACF,YAAY;AACZ,kBAAkB;;AAElB;;;;;;;;;;;UAWU;;AAEV,0BAA0B;AAC1B,EAAE;AACF,wEAAwE;AACxE,6EAA6E;AAC7E,4DAA4D;AAC5D,EAAE;AACF,uEAAuE;AACvE,4BAA4B;AAC5B,EAAE;AACF,8DAA8D;AAC9D,6DAA6D;AAC7D,EAAE;AACF,YAAY;AACZ,kBAAkB;;AAElB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;UAqCU","file":"_spacing.scss","sourcesContent":["////\n/// @group settings/spacing\n////\n\n/// Single point spacing variables. Access using `govuk-spacing()`\n/// (see `helpers/spacing`).\n///\n/// @type Map\n/// @access private\n\n$govuk-spacing-points: (\n  0: 0,\n  1: 5px,\n  2: 10px,\n  3: 15px,\n  4: 20px,\n  5: 25px,\n  6: 30px,\n  7: 40px,\n  8: 50px,\n  9: 60px\n) !default;\n\n/// Responsive spacing maps\n///\n/// These definitions are used to generate responsive spacing that adapts\n/// according to the breakpoints (see 'helpers/spacing'). These maps should be\n/// used wherever possible to standardise responsive spacing.\n///\n/// You can define different behaviour on tablet and desktop. The 'null'\n/// breakpoint is for mobile.\n///\n/// Access responsive spacing with `govuk-responsive-margin` or\n/// `govuk-responsive-padding` mixins (see `helpers/spacing`).\n///\n/// @type Map\n/// @access private\n\n$govuk-spacing-responsive-scale: (\n  0: (\n    null: 0\n  ),\n  1: (\n    null: 5px\n  ),\n  2: (\n    null: 10px\n  ),\n  3: (\n    null: 15px\n  ),\n  4: (\n    null: 15px,\n    tablet: 20px\n  ),\n  5: (\n    null: 15px,\n    tablet: 25px\n  ),\n  6: (\n    null: 20px,\n    tablet: 30px\n  ),\n  7: (\n    null: 25px,\n    tablet: 40px\n  ),\n  8: (\n    null: 30px,\n    tablet: 50px\n  ),\n  9: (\n    null: 40px,\n    tablet: 60px\n  )\n) !default;\n"]}
diff --git a/node_modules/govuk-frontend/dist/govuk/settings/_typography-font.scss b/node_modules/govuk-frontend/dist/govuk/settings/_typography-font.scss
new file mode 100644
index 0000000..58ecd5d
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/settings/_typography-font.scss
@@ -0,0 +1,52 @@
+////
+/// @group settings/typography
+////
+
+// =========================================================
+// Font families
+// =========================================================
+
+/// Font families to use for all typography on screen media
+///
+/// @type List
+/// @access public
+
+$govuk-font-family: "GDS Transport", arial, sans-serif !default;
+
+/// Font families to use for print media
+///
+/// We recommend that you use system fonts when printing. This will avoid issues
+/// with some printer drivers and operating systems.
+///
+/// @type List
+/// @access public
+
+$govuk-font-family-print: sans-serif !default;
+
+/// Include the default @font-face declarations
+///
+/// Defaults to true if "GDS Transport" appears in the $govuk-font-family
+/// setting.
+///
+/// @type Boolean
+/// @access public
+
+$govuk-include-default-font-face: if(index($govuk-font-family, "GDS Transport"), true, false) !default;
+
+// =========================================================
+// Font weights
+// =========================================================
+
+/// Font weight for regular typography
+///
+/// @type Number
+/// @access public
+$govuk-font-weight-regular: 400 !default;
+
+/// Font weight for bold typography
+///
+/// @type Number
+/// @access public
+$govuk-font-weight-bold: 700 !default;
+
+/*# sourceMappingURL=_typography-font.scss.map */
diff --git a/node_modules/govuk-frontend/dist/govuk/settings/_typography-font.scss.map b/node_modules/govuk-frontend/dist/govuk/settings/_typography-font.scss.map
new file mode 100644
index 0000000..7dd729a
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/settings/_typography-font.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/govuk/settings/_typography-font.scss"],"names":[],"mappings":"AAAA,GAAG;AACH,6BAA6B;AAC7B,GAAG;;AAEH,2DAA2D;AAC3D,eAAe;AACf,2DAA2D;;AAE3D,0DAA0D;AAC1D,EAAE;AACF,aAAa;AACb,iBAAiB;;AAEjB,+DAA+D;;AAE/D,uCAAuC;AACvC,EAAE;AACF,+EAA+E;AAC/E,mDAAmD;AACnD,EAAE;AACF,aAAa;AACb,iBAAiB;;AAEjB,6CAA6C;;AAE7C,8CAA8C;AAC9C,EAAE;AACF,wEAAwE;AACxE,WAAW;AACX,EAAE;AACF,gBAAgB;AAChB,iBAAiB;;AAEjB,sGAAsG;;AAEtG,2DAA2D;AAC3D,cAAc;AACd,2DAA2D;;AAE3D,qCAAqC;AACrC,EAAE;AACF,eAAe;AACf,iBAAiB;AACjB,wCAAwC;;AAExC,kCAAkC;AAClC,EAAE;AACF,eAAe;AACf,iBAAiB;AACjB,qCAAqC","file":"_typography-font.scss","sourcesContent":["////\n/// @group settings/typography\n////\n\n// =========================================================\n// Font families\n// =========================================================\n\n/// Font families to use for all typography on screen media\n///\n/// @type List\n/// @access public\n\n$govuk-font-family: \"GDS Transport\", arial, sans-serif !default;\n\n/// Font families to use for print media\n///\n/// We recommend that you use system fonts when printing. This will avoid issues\n/// with some printer drivers and operating systems.\n///\n/// @type List\n/// @access public\n\n$govuk-font-family-print: sans-serif !default;\n\n/// Include the default @font-face declarations\n///\n/// Defaults to true if \"GDS Transport\" appears in the $govuk-font-family\n/// setting.\n///\n/// @type Boolean\n/// @access public\n\n$govuk-include-default-font-face: if(index($govuk-font-family, \"GDS Transport\"), true, false) !default;\n\n// =========================================================\n// Font weights\n// =========================================================\n\n/// Font weight for regular typography\n///\n/// @type Number\n/// @access public\n$govuk-font-weight-regular: 400 !default;\n\n/// Font weight for bold typography\n///\n/// @type Number\n/// @access public\n$govuk-font-weight-bold: 700 !default;\n"]}
diff --git a/node_modules/govuk-frontend/dist/govuk/settings/_typography-responsive.scss b/node_modules/govuk-frontend/dist/govuk/settings/_typography-responsive.scss
new file mode 100644
index 0000000..0e892f2
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/settings/_typography-responsive.scss
@@ -0,0 +1,317 @@
+////
+/// @group settings/typography
+////
+
+/// Root font size
+///
+/// This is used to calculate rem sizes for the typography, and should match the
+/// _effective_ font-size of your root (or html) element.
+///
+/// Ideally you should not be setting the font-size on the html or root element
+/// in order to allow it to scale with user-preference, in which case this
+/// should be set to 16px.
+///
+/// @type Number
+/// @access public
+
+$govuk-root-font-size: 16px !default;
+
+/// Feature flag for new typography scale
+///
+/// When set to true, $govuk-typography-scale will use the new font map instead
+/// of the current/old one as well as apply changes in components to account
+/// for the updated scale.
+///
+/// Should be removed in 6.0.
+///
+/// @type Boolean
+/// @access public
+
+$govuk-new-typography-scale: false !default;
+
+/// The font map for the old typography scale
+///
+/// @type Map
+///
+/// @prop {Number} $point.$breakpoint.font-size - Font size for `$point` at `$breakpoint`
+/// @prop {Number} $point.$breakpoint.line-height - Line height for `$point` at `$breakpoint`
+/// @prop {Number} $point.print.font-size - Font size for `$point` when printing
+/// @prop {Number} $point.print.line-height - Line height for `$point` when printing
+///
+/// @access private
+
+$_govuk-typography-scale-legacy: (
+  80: (
+    null: (
+      font-size: 53px,
+      line-height: 55px
+    ),
+    tablet: (
+      font-size: 80px,
+      line-height: 80px
+    ),
+    print: (
+      font-size: 53pt,
+      line-height: 1.1
+    )
+  ),
+  48: (
+    null: (
+      font-size: 32px,
+      line-height: 35px
+    ),
+    tablet: (
+      font-size: 48px,
+      line-height: 50px
+    ),
+    print: (
+      font-size: 32pt,
+      line-height: 1.15
+    )
+  ),
+  36: (
+    null: (
+      font-size: 24px,
+      line-height: 25px
+    ),
+    tablet: (
+      font-size: 36px,
+      line-height: 40px
+    ),
+    print: (
+      font-size: 24pt,
+      line-height: 1.05
+    )
+  ),
+  27: (
+    null: (
+      font-size: 18px,
+      line-height: 20px
+    ),
+    tablet: (
+      font-size: 27px,
+      line-height: 30px
+    ),
+    print: (
+      font-size: 18pt,
+      line-height: 1.15
+    )
+  ),
+  24: (
+    null: (
+      font-size: 18px,
+      line-height: 20px
+    ),
+    tablet: (
+      font-size: 24px,
+      line-height: 30px
+    ),
+    print: (
+      font-size: 18pt,
+      line-height: 1.15
+    )
+  ),
+  19: (
+    null: (
+      font-size: 16px,
+      line-height: 20px
+    ),
+    tablet: (
+      font-size: 19px,
+      line-height: 25px
+    ),
+    print: (
+      font-size: 14pt,
+      line-height: 1.15
+    )
+  ),
+  16: (
+    null: (
+      font-size: 14px,
+      line-height: 16px
+    ),
+    tablet: (
+      font-size: 16px,
+      line-height: 20px
+    ),
+    print: (
+      font-size: 14pt,
+      line-height: 1.2
+    )
+  ),
+  14: (
+    null: (
+      font-size: 12px,
+      line-height: 15px
+    ),
+    tablet: (
+      font-size: 14px,
+      line-height: 20px
+    ),
+    print: (
+      font-size: 12pt,
+      line-height: 1.2
+    ),
+    deprecation: (
+      key: "govuk-typography-scale-14",
+      message: "14 on the type scale is deprecated and will be removed as " +
+        "a possible option in the next major version."
+    )
+  )
+);
+
+/// The font map for the new typography scale
+///
+/// @type Map
+///
+/// @prop {Number} $point.$breakpoint.font-size - Font size for `$point` at `$breakpoint`
+/// @prop {Number} $point.$breakpoint.line-height - Line height for `$point` at `$breakpoint`
+/// @prop {Number} $point.print.font-size - Font size for `$point` when printing
+/// @prop {Number} $point.print.line-height - Line height for `$point` when printing
+///
+/// @access private
+
+$_govuk-typography-scale-modern: (
+  80: (
+    null: (
+      font-size: 53px,
+      line-height: 55px
+    ),
+    tablet: (
+      font-size: 80px,
+      line-height: 80px
+    ),
+    print: (
+      font-size: 53pt,
+      line-height: 1.1
+    )
+  ),
+  48: (
+    null: (
+      font-size: 32px,
+      line-height: 35px
+    ),
+    tablet: (
+      font-size: 48px,
+      line-height: 50px
+    ),
+    print: (
+      font-size: 32pt,
+      line-height: 1.15
+    )
+  ),
+  36: (
+    null: (
+      font-size: 27px,
+      line-height: 30px
+    ),
+    tablet: (
+      font-size: 36px,
+      line-height: 40px
+    ),
+    print: (
+      font-size: 24pt,
+      line-height: 1.05
+    )
+  ),
+  27: (
+    // Made same as 24 on mobile (consider deprecating this size)
+    null: (
+        font-size: 21px,
+        line-height: 25px
+      ),
+    tablet: (
+      font-size: 27px,
+      line-height: 30px
+    ),
+    print: (
+      font-size: 18pt,
+      line-height: 1.15
+    )
+  ),
+  24: (
+    // Bump up mobile size from 18/20 to 21/25
+    null: (
+        font-size: 21px,
+        line-height: 25px
+      ),
+    tablet: (
+      font-size: 24px,
+      line-height: 30px
+    ),
+    print: (
+      font-size: 18pt,
+      line-height: 1.15
+    )
+  ),
+  19: (
+    // Stay at 19/25 at all sizes
+    null: (
+        font-size: 19px,
+        line-height: 25px
+      ),
+    print: (
+      font-size: 14pt,
+      line-height: 1.15
+    )
+  ),
+  16: (
+    // Stay at 16/20 at all sizes
+    null: (
+        font-size: 16px,
+        line-height: 20px
+      ),
+    print: (
+      font-size: 14pt,
+      line-height: 1.2
+    )
+  ),
+  14: (
+    // Stay at 14/20 at all sizes (consider deprecating this size)
+    null: (
+        font-size: 14px,
+        line-height: 20px
+      ),
+    print: (
+      font-size: 12pt,
+      line-height: 1.2
+    ),
+    deprecation: (
+      key: "govuk-typography-scale-14",
+      message: "14 on the type scale is deprecated and will be removed as " +
+        "a possible option in the next major version."
+    )
+  )
+);
+
+/// Responsive typography font map
+///
+/// This is used to generate responsive typography that adapts according to the
+/// breakpoints.
+///
+/// Font size and font weight can be defined for each breakpoint. You can define
+/// different behaviour on tablet and desktop. The 'null' breakpoint is for
+/// mobile.
+///
+/// Line-heights will automatically be converted from pixel measurements into
+/// relative values. For example, with a font-size of 16px and a line-height of
+/// 24px, the line-height will be converted to 1.5 before output.
+///
+/// You can also specify a separate font size and line height for print media.
+///
+/// @type Map
+///
+/// @prop {Number} $point.$breakpoint.font-size - Font size for `$point` at `$breakpoint`
+/// @prop {Number} $point.$breakpoint.line-height - Line height for `$point` at `$breakpoint`
+/// @prop {Number} $point.print.font-size - Font size for `$point` when printing
+/// @prop {Number} $point.print.line-height - Line height for `$point` when printing
+///
+/// @access public
+
+$govuk-typography-scale: if(
+  $govuk-new-typography-scale,
+  $_govuk-typography-scale-modern,
+  $_govuk-typography-scale-legacy
+) !default;
+
+/*# sourceMappingURL=_typography-responsive.scss.map */
diff --git a/node_modules/govuk-frontend/dist/govuk/settings/_typography-responsive.scss.map b/node_modules/govuk-frontend/dist/govuk/settings/_typography-responsive.scss.map
new file mode 100644
index 0000000..5592bee
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/settings/_typography-responsive.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/govuk/settings/_typography-responsive.scss"],"names":[],"mappings":"AAAA,GAAG;AACH,6BAA6B;AAC7B,GAAG;;AAEH,iBAAiB;AACjB,EAAE;AACF,+EAA+E;AAC/E,wDAAwD;AACxD,EAAE;AACF,8EAA8E;AAC9E,yEAAyE;AACzE,yBAAyB;AACzB,EAAE;AACF,eAAe;AACf,iBAAiB;;AAEjB,oCAAoC;;AAEpC,wCAAwC;AACxC,EAAE;AACF,8EAA8E;AAC9E,2EAA2E;AAC3E,yBAAyB;AACzB,EAAE;AACF,4BAA4B;AAC5B,EAAE;AACF,gBAAgB;AAChB,iBAAiB;;AAEjB,2CAA2C;;AAE3C,4CAA4C;AAC5C,EAAE;AACF,YAAY;AACZ,EAAE;AACF,wFAAwF;AACxF,4FAA4F;AAC5F,+EAA+E;AAC/E,mFAAmF;AACnF,EAAE;AACF,kBAAkB;;AAElB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsHC;;AAED,4CAA4C;AAC5C,EAAE;AACF,YAAY;AACZ,EAAE;AACF,wFAAwF;AACxF,4FAA4F;AAC5F,+EAA+E;AAC/E,mFAAmF;AACnF,EAAE;AACF,kBAAkB;;AAElB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+GC;;AAED,iCAAiC;AACjC,EAAE;AACF,8EAA8E;AAC9E,eAAe;AACf,EAAE;AACF,+EAA+E;AAC/E,0EAA0E;AAC1E,UAAU;AACV,EAAE;AACF,4EAA4E;AAC5E,8EAA8E;AAC9E,gEAAgE;AAChE,EAAE;AACF,6EAA6E;AAC7E,EAAE;AACF,YAAY;AACZ,EAAE;AACF,wFAAwF;AACxF,4FAA4F;AAC5F,+EAA+E;AAC/E,mFAAmF;AACnF,EAAE;AACF,iBAAiB;;AAEjB;;;;UAIU","file":"_typography-responsive.scss","sourcesContent":["////\n/// @group settings/typography\n////\n\n/// Root font size\n///\n/// This is used to calculate rem sizes for the typography, and should match the\n/// _effective_ font-size of your root (or html) element.\n///\n/// Ideally you should not be setting the font-size on the html or root element\n/// in order to allow it to scale with user-preference, in which case this\n/// should be set to 16px.\n///\n/// @type Number\n/// @access public\n\n$govuk-root-font-size: 16px !default;\n\n/// Feature flag for new typography scale\n///\n/// When set to true, $govuk-typography-scale will use the new font map instead\n/// of the current/old one as well as apply changes in components to account\n/// for the updated scale.\n///\n/// Should be removed in 6.0.\n///\n/// @type Boolean\n/// @access public\n\n$govuk-new-typography-scale: false !default;\n\n/// The font map for the old typography scale\n///\n/// @type Map\n///\n/// @prop {Number} $point.$breakpoint.font-size - Font size for `$point` at `$breakpoint`\n/// @prop {Number} $point.$breakpoint.line-height - Line height for `$point` at `$breakpoint`\n/// @prop {Number} $point.print.font-size - Font size for `$point` when printing\n/// @prop {Number} $point.print.line-height - Line height for `$point` when printing\n///\n/// @access private\n\n$_govuk-typography-scale-legacy: (\n  80: (\n    null: (\n      font-size: 53px,\n      line-height: 55px\n    ),\n    tablet: (\n      font-size: 80px,\n      line-height: 80px\n    ),\n    print: (\n      font-size: 53pt,\n      line-height: 1.1\n    )\n  ),\n  48: (\n    null: (\n      font-size: 32px,\n      line-height: 35px\n    ),\n    tablet: (\n      font-size: 48px,\n      line-height: 50px\n    ),\n    print: (\n      font-size: 32pt,\n      line-height: 1.15\n    )\n  ),\n  36: (\n    null: (\n      font-size: 24px,\n      line-height: 25px\n    ),\n    tablet: (\n      font-size: 36px,\n      line-height: 40px\n    ),\n    print: (\n      font-size: 24pt,\n      line-height: 1.05\n    )\n  ),\n  27: (\n    null: (\n      font-size: 18px,\n      line-height: 20px\n    ),\n    tablet: (\n      font-size: 27px,\n      line-height: 30px\n    ),\n    print: (\n      font-size: 18pt,\n      line-height: 1.15\n    )\n  ),\n  24: (\n    null: (\n      font-size: 18px,\n      line-height: 20px\n    ),\n    tablet: (\n      font-size: 24px,\n      line-height: 30px\n    ),\n    print: (\n      font-size: 18pt,\n      line-height: 1.15\n    )\n  ),\n  19: (\n    null: (\n      font-size: 16px,\n      line-height: 20px\n    ),\n    tablet: (\n      font-size: 19px,\n      line-height: 25px\n    ),\n    print: (\n      font-size: 14pt,\n      line-height: 1.15\n    )\n  ),\n  16: (\n    null: (\n      font-size: 14px,\n      line-height: 16px\n    ),\n    tablet: (\n      font-size: 16px,\n      line-height: 20px\n    ),\n    print: (\n      font-size: 14pt,\n      line-height: 1.2\n    )\n  ),\n  14: (\n    null: (\n      font-size: 12px,\n      line-height: 15px\n    ),\n    tablet: (\n      font-size: 14px,\n      line-height: 20px\n    ),\n    print: (\n      font-size: 12pt,\n      line-height: 1.2\n    ),\n    deprecation: (\n      key: \"govuk-typography-scale-14\",\n      message: \"14 on the type scale is deprecated and will be removed as \" +\n        \"a possible option in the next major version.\"\n    )\n  )\n);\n\n/// The font map for the new typography scale\n///\n/// @type Map\n///\n/// @prop {Number} $point.$breakpoint.font-size - Font size for `$point` at `$breakpoint`\n/// @prop {Number} $point.$breakpoint.line-height - Line height for `$point` at `$breakpoint`\n/// @prop {Number} $point.print.font-size - Font size for `$point` when printing\n/// @prop {Number} $point.print.line-height - Line height for `$point` when printing\n///\n/// @access private\n\n$_govuk-typography-scale-modern: (\n  80: (\n    null: (\n      font-size: 53px,\n      line-height: 55px\n    ),\n    tablet: (\n      font-size: 80px,\n      line-height: 80px\n    ),\n    print: (\n      font-size: 53pt,\n      line-height: 1.1\n    )\n  ),\n  48: (\n    null: (\n      font-size: 32px,\n      line-height: 35px\n    ),\n    tablet: (\n      font-size: 48px,\n      line-height: 50px\n    ),\n    print: (\n      font-size: 32pt,\n      line-height: 1.15\n    )\n  ),\n  36: (\n    null: (\n      font-size: 27px,\n      line-height: 30px\n    ),\n    tablet: (\n      font-size: 36px,\n      line-height: 40px\n    ),\n    print: (\n      font-size: 24pt,\n      line-height: 1.05\n    )\n  ),\n  27: (\n    // Made same as 24 on mobile (consider deprecating this size)\n    null: (\n        font-size: 21px,\n        line-height: 25px\n      ),\n    tablet: (\n      font-size: 27px,\n      line-height: 30px\n    ),\n    print: (\n      font-size: 18pt,\n      line-height: 1.15\n    )\n  ),\n  24: (\n    // Bump up mobile size from 18/20 to 21/25\n    null: (\n        font-size: 21px,\n        line-height: 25px\n      ),\n    tablet: (\n      font-size: 24px,\n      line-height: 30px\n    ),\n    print: (\n      font-size: 18pt,\n      line-height: 1.15\n    )\n  ),\n  19: (\n    // Stay at 19/25 at all sizes\n    null: (\n        font-size: 19px,\n        line-height: 25px\n      ),\n    print: (\n      font-size: 14pt,\n      line-height: 1.15\n    )\n  ),\n  16: (\n    // Stay at 16/20 at all sizes\n    null: (\n        font-size: 16px,\n        line-height: 20px\n      ),\n    print: (\n      font-size: 14pt,\n      line-height: 1.2\n    )\n  ),\n  14: (\n    // Stay at 14/20 at all sizes (consider deprecating this size)\n    null: (\n        font-size: 14px,\n        line-height: 20px\n      ),\n    print: (\n      font-size: 12pt,\n      line-height: 1.2\n    ),\n    deprecation: (\n      key: \"govuk-typography-scale-14\",\n      message: \"14 on the type scale is deprecated and will be removed as \" +\n        \"a possible option in the next major version.\"\n    )\n  )\n);\n\n/// Responsive typography font map\n///\n/// This is used to generate responsive typography that adapts according to the\n/// breakpoints.\n///\n/// Font size and font weight can be defined for each breakpoint. You can define\n/// different behaviour on tablet and desktop. The 'null' breakpoint is for\n/// mobile.\n///\n/// Line-heights will automatically be converted from pixel measurements into\n/// relative values. For example, with a font-size of 16px and a line-height of\n/// 24px, the line-height will be converted to 1.5 before output.\n///\n/// You can also specify a separate font size and line height for print media.\n///\n/// @type Map\n///\n/// @prop {Number} $point.$breakpoint.font-size - Font size for `$point` at `$breakpoint`\n/// @prop {Number} $point.$breakpoint.line-height - Line height for `$point` at `$breakpoint`\n/// @prop {Number} $point.print.font-size - Font size for `$point` when printing\n/// @prop {Number} $point.print.line-height - Line height for `$point` when printing\n///\n/// @access public\n\n$govuk-typography-scale: if(\n  $govuk-new-typography-scale,\n  $_govuk-typography-scale-modern,\n  $_govuk-typography-scale-legacy\n) !default;\n"]}
diff --git a/node_modules/govuk-frontend/dist/govuk/settings/_warnings.scss b/node_modules/govuk-frontend/dist/govuk/settings/_warnings.scss
new file mode 100644
index 0000000..e9fe535
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/settings/_warnings.scss
@@ -0,0 +1,78 @@
+////
+/// @group settings/warnings
+////
+
+/// Suppressed warnings map
+///
+/// This map is used to determine which deprecation warnings to **not** show
+/// to users when compiling sass. This is in place for codebases that do not
+/// have the necessary capacity to upgrade and remove the deprecation,
+/// particularly if the deprecation is significant. For example, the removal of
+/// mixins and functions that were previously available to users of Frontend.
+///
+/// You can add to this map and define which warnings to suppress by appending to
+/// it using the warning key, found in the warning message. For example:
+///
+/// @example scss:
+///   // warning message:
+///   //  $foobar is no longer supported. To silence this warning, update
+///   //  $govuk-suppressed-warnings with key: "foobar"
+///   $govuk-suppressed-warnings: (
+///     foobar
+///   );
+///
+/// @type List
+/// @access public
+
+$govuk-suppressed-warnings: () !default;
+
+/// Warnings
+///
+/// Acts as a wrapper for the built in `@warn` sass function
+///
+/// We use this instead of using `@warn` for 3 reasons:
+///
+/// - To check if a warning is being suppressed through `$govuk-suppressed-warnings`,
+/// in which case we don't call `@warn` and printing the warning to the user
+/// - To format the passed warning `$message` with the warning key at the end
+/// - To prevent duplicate warnings by adding the passed `$key` to
+/// `$govuk-suppressed-warnings` after `@warn` is called to ensure it only runs
+/// once per sass compilation (unless $silence-further-warnings is false)
+///
+/// @param {String} $key - The key to be checked against `$govuk-suppressed-warnings`
+/// and then passed to it to prevent multiple of the same warning.
+/// @param {String} $message - The message to use when calling `@warn`
+/// @param {Boolean} $silence-further-warnings - Whether to silence future
+/// warnings that use the same $key
+/// @access private
+
+@mixin _warning($key, $message, $silence-further-warnings: true) {
+  @if _should-warn($key) {
+    @warn _warning-text($key, $message);
+
+    @if $silence-further-warnings {
+      $govuk-suppressed-warnings: append($govuk-suppressed-warnings, $key) !global;
+    }
+  }
+}
+
+/// Check whether a key is present in the suppressed warnings list.
+///
+/// @param {String} $key - The key to be checked against `$govuk-suppressed-warnings`.
+/// @access private
+
+@function _should-warn($key) {
+  @return index($govuk-suppressed-warnings, $key) == null;
+}
+
+/// Format a warning by appending information on how to suppress it.
+///
+/// @param {String} $key - The key needed to suppress the warning.
+/// @param {String} $message - The warning text.
+/// @access private
+
+@function _warning-text($key, $message) {
+  @return $message + " To silence this warning, update $govuk-suppressed-warnings " + 'with key: "#{$key}"';
+}
+
+/*# sourceMappingURL=_warnings.scss.map */
diff --git a/node_modules/govuk-frontend/dist/govuk/settings/_warnings.scss.map b/node_modules/govuk-frontend/dist/govuk/settings/_warnings.scss.map
new file mode 100644
index 0000000..c27798b
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/settings/_warnings.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/govuk/settings/_warnings.scss"],"names":[],"mappings":"AAAA,GAAG;AACH,2BAA2B;AAC3B,GAAG;;AAEH,0BAA0B;AAC1B,EAAE;AACF,2EAA2E;AAC3E,2EAA2E;AAC3E,qEAAqE;AACrE,8EAA8E;AAC9E,4EAA4E;AAC5E,EAAE;AACF,gFAAgF;AAChF,uEAAuE;AACvE,EAAE;AACF,iBAAiB;AACjB,wBAAwB;AACxB,wEAAwE;AACxE,sDAAsD;AACtD,kCAAkC;AAClC,aAAa;AACb,OAAO;AACP,EAAE;AACF,aAAa;AACb,iBAAiB;;AAEjB,uCAAuC;;AAEvC,WAAW;AACX,EAAE;AACF,2DAA2D;AAC3D,EAAE;AACF,sDAAsD;AACtD,EAAE;AACF,oFAAoF;AACpF,2EAA2E;AAC3E,4EAA4E;AAC5E,iEAAiE;AACjE,8EAA8E;AAC9E,wEAAwE;AACxE,EAAE;AACF,oFAAoF;AACpF,iEAAiE;AACjE,qEAAqE;AACrE,yEAAyE;AACzE,kCAAkC;AAClC,kBAAkB;;AAElB;EACE;IACE,mCAAmC;;IAEnC;MACE,4EAA4E;IAC9E;EACF;AACF;;AAEA,kEAAkE;AAClE,EAAE;AACF,qFAAqF;AACrF,kBAAkB;;AAElB;EACE,uDAAuD;AACzD;;AAEA,mEAAmE;AACnE,EAAE;AACF,iEAAiE;AACjE,+CAA+C;AAC/C,kBAAkB;;AAElB;EACE,yGAAyG;AAC3G","file":"_warnings.scss","sourcesContent":["////\n/// @group settings/warnings\n////\n\n/// Suppressed warnings map\n///\n/// This map is used to determine which deprecation warnings to **not** show\n/// to users when compiling sass. This is in place for codebases that do not\n/// have the necessary capacity to upgrade and remove the deprecation,\n/// particularly if the deprecation is significant. For example, the removal of\n/// mixins and functions that were previously available to users of Frontend.\n///\n/// You can add to this map and define which warnings to suppress by appending to\n/// it using the warning key, found in the warning message. For example:\n///\n/// @example scss:\n///   // warning message:\n///   //  $foobar is no longer supported. To silence this warning, update\n///   //  $govuk-suppressed-warnings with key: \"foobar\"\n///   $govuk-suppressed-warnings: (\n///     foobar\n///   );\n///\n/// @type List\n/// @access public\n\n$govuk-suppressed-warnings: () !default;\n\n/// Warnings\n///\n/// Acts as a wrapper for the built in `@warn` sass function\n///\n/// We use this instead of using `@warn` for 3 reasons:\n///\n/// - To check if a warning is being suppressed through `$govuk-suppressed-warnings`,\n/// in which case we don't call `@warn` and printing the warning to the user\n/// - To format the passed warning `$message` with the warning key at the end\n/// - To prevent duplicate warnings by adding the passed `$key` to\n/// `$govuk-suppressed-warnings` after `@warn` is called to ensure it only runs\n/// once per sass compilation (unless $silence-further-warnings is false)\n///\n/// @param {String} $key - The key to be checked against `$govuk-suppressed-warnings`\n/// and then passed to it to prevent multiple of the same warning.\n/// @param {String} $message - The message to use when calling `@warn`\n/// @param {Boolean} $silence-further-warnings - Whether to silence future\n/// warnings that use the same $key\n/// @access private\n\n@mixin _warning($key, $message, $silence-further-warnings: true) {\n  @if _should-warn($key) {\n    @warn _warning-text($key, $message);\n\n    @if $silence-further-warnings {\n      $govuk-suppressed-warnings: append($govuk-suppressed-warnings, $key) !global;\n    }\n  }\n}\n\n/// Check whether a key is present in the suppressed warnings list.\n///\n/// @param {String} $key - The key to be checked against `$govuk-suppressed-warnings`.\n/// @access private\n\n@function _should-warn($key) {\n  @return index($govuk-suppressed-warnings, $key) == null;\n}\n\n/// Format a warning by appending information on how to suppress it.\n///\n/// @param {String} $key - The key needed to suppress the warning.\n/// @param {String} $message - The warning text.\n/// @access private\n\n@function _warning-text($key, $message) {\n  @return $message + \" To silence this warning, update $govuk-suppressed-warnings \" + 'with key: \"#{$key}\"';\n}\n"]}
diff --git a/node_modules/govuk-frontend/dist/govuk/template.njk b/node_modules/govuk-frontend/dist/govuk/template.njk
new file mode 100644
index 0000000..89b9273
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/template.njk
@@ -0,0 +1,69 @@
+{% from "./macros/attributes.njk" import govukAttributes -%}
+{% from "./components/skip-link/macro.njk" import govukSkipLink -%}
+{% from "./components/header/macro.njk" import govukHeader -%}
+{% from "./components/footer/macro.njk" import govukFooter -%}
+
+{%- set _rebrand = govukRebrand() if govukRebrand is callable else govukRebrand -%}
+
+{# Hardcoded value is $govuk-brand-blue if rebrand, otherwise govuk-colour("black") -#}
+{% set themeColor = themeColor | default("#1d70b8" if _rebrand else "#0b0c0c", true) -%}
+{% set assetPath = assetPath | default("/assets/rebrand" if _rebrand else "/assets", true) -%}
+
+<!DOCTYPE html>
+<html lang="{{ htmlLang | default("en", true) }}" class="govuk-template {%- if _rebrand %} govuk-template--rebranded{% endif %} {%- if htmlClasses %} {{ htmlClasses }}{% endif %}">
+  <head>
+    <meta charset="utf-8">
+    <title {%- if pageTitleLang %} lang="{{ pageTitleLang }}"{% endif %}>{% block pageTitle %}GOV.UK - The best place to find government services and information{% endblock %}</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+    <meta name="theme-color" content="{{ themeColor }}">
+
+    {% block headIcons %}
+      <link rel="icon" sizes="48x48" href="{{ assetPath }}/images/favicon.ico">
+      <link rel="icon" sizes="any" href="{{ assetPath }}/images/favicon.svg" type="image/svg+xml">
+      <link rel="mask-icon" href="{{ assetPath }}/images/govuk-icon-mask.svg" color="{{ themeColor }}">
+      <link rel="apple-touch-icon" href="{{ assetPath }}/images/govuk-icon-180.png">
+      <link rel="manifest" href="{{ assetPath }}/manifest.json">
+    {% endblock %}
+
+    {% block head %}{% endblock %}
+
+    {#- OpenGraph images needs to be absolute, so we need either a URL for the image or for assetUrl to be set #}
+    {% if opengraphImageUrl or assetUrl %}
+    <meta property="og:image" content="{{ opengraphImageUrl | default(assetUrl + "/images/govuk-opengraph-image.png", true) }}">
+    {% endif %}
+  </head>
+  <body class="govuk-template__body {%- if bodyClasses %} {{ bodyClasses }}{% endif %}" {{- govukAttributes(bodyAttributes) }}>
+    <script {%- if cspNonce %} nonce="{{ cspNonce }}"{% endif %}>document.body.className += ' js-enabled' + ('noModule' in HTMLScriptElement.prototype ? ' govuk-frontend-supported' : '');</script>
+    {% block bodyStart %}{% endblock %}
+
+    {% block skipLink %}
+      {{ govukSkipLink({
+        href: '#main-content',
+        text: 'Skip to main content'
+      }) }}
+    {% endblock %}
+
+    {% block header %}
+      {{ govukHeader({
+        rebrand: _rebrand
+      }) }}
+    {% endblock %}
+
+    {% block main %}
+      <div class="govuk-width-container {%- if containerClasses %} {{ containerClasses }}{% endif %}">
+        {% block beforeContent %}{% endblock %}
+        <main class="govuk-main-wrapper {%- if mainClasses %} {{ mainClasses }}{% endif %}" id="main-content" {%- if mainLang %} lang="{{ mainLang }}"{% endif %}>
+          {% block content %}{% endblock %}
+        </main>
+      </div>
+    {% endblock %}
+
+    {% block footer %}
+      {{ govukFooter({
+        rebrand: _rebrand
+      }) }}
+    {% endblock %}
+
+    {% block bodyEnd %}{% endblock %}
+  </body>
+</html>
diff --git a/node_modules/govuk-frontend/dist/govuk/tools/_all.scss b/node_modules/govuk-frontend/dist/govuk/tools/_all.scss
new file mode 100644
index 0000000..857712d
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/tools/_all.scss
@@ -0,0 +1,10 @@
+@import "../settings/warnings";
+@import "index";
+
+@include _warning(
+  "import-using-all",
+  "Importing using 'govuk/tools/all' is deprecated. Update your import statement to import 'govuk/tools/index'.",
+  $silence-further-warnings: false
+);
+
+/*# sourceMappingURL=_all.scss.map */
diff --git a/node_modules/govuk-frontend/dist/govuk/tools/_all.scss.map b/node_modules/govuk-frontend/dist/govuk/tools/_all.scss.map
new file mode 100644
index 0000000..99cb24f
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/tools/_all.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/govuk/tools/_all.scss"],"names":[],"mappings":"AAAA,8BAA8B;AAC9B,eAAe;;AAEf;;;;CAIC","file":"_all.scss","sourcesContent":["@import \"../settings/warnings\";\n@import \"index\";\n\n@include _warning(\n  \"import-using-all\",\n  \"Importing using 'govuk/tools/all' is deprecated. Update your import statement to import 'govuk/tools/index'.\",\n  $silence-further-warnings: false\n);\n"]}
diff --git a/node_modules/govuk-frontend/dist/govuk/tools/_exports.scss b/node_modules/govuk-frontend/dist/govuk/tools/_exports.scss
new file mode 100644
index 0000000..cc27989
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/tools/_exports.scss
@@ -0,0 +1,35 @@
+////
+/// @group tools
+////
+
+/// List of modules which have already been exported
+///
+/// @type List
+/// @access private
+
+$_govuk-imported-modules: () !default;
+
+/// Export module
+///
+/// Ensure that the modules of CSS that we define throughout Frontend are only
+/// included in the generated CSS once, no matter how many times they are
+/// imported across the individual components.
+///
+/// @param {String} $name - Name of module - must be unique within the codebase
+/// @content The passed content will only be outputted if a module of the same
+///   $name has not already been outputted
+/// @access public
+
+@mixin govuk-exports($name) {
+  // If the mixin is not in the list of modules already exported...
+  @if not index($_govuk-imported-modules, $name) {
+    // ... then add it to the list
+    $_govuk-imported-modules: append($_govuk-imported-modules, $name) !global;
+    // ... and output the CSS for that module
+    @content;
+  }
+  // The next time exports is called for the module of the same name, it will be
+  // found in the list and so nothing will be outputted.
+}
+
+/*# sourceMappingURL=_exports.scss.map */
diff --git a/node_modules/govuk-frontend/dist/govuk/tools/_exports.scss.map b/node_modules/govuk-frontend/dist/govuk/tools/_exports.scss.map
new file mode 100644
index 0000000..8ea50a3
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/tools/_exports.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/govuk/tools/_exports.scss"],"names":[],"mappings":"AAAA,GAAG;AACH,eAAe;AACf,GAAG;;AAEH,mDAAmD;AACnD,EAAE;AACF,aAAa;AACb,kBAAkB;;AAElB,qCAAqC;;AAErC,gBAAgB;AAChB,EAAE;AACF,6EAA6E;AAC7E,wEAAwE;AACxE,6CAA6C;AAC7C,EAAE;AACF,8EAA8E;AAC9E,6EAA6E;AAC7E,yCAAyC;AACzC,iBAAiB;;AAEjB;EACE,gEAAgE;EAChE;IACE,6BAA6B;IAC7B,yEAAyE;IACzE,wCAAwC;IACxC,QAAQ;EACV;EACA,6EAA6E;EAC7E,qDAAqD;AACvD","file":"_exports.scss","sourcesContent":["////\n/// @group tools\n////\n\n/// List of modules which have already been exported\n///\n/// @type List\n/// @access private\n\n$_govuk-imported-modules: () !default;\n\n/// Export module\n///\n/// Ensure that the modules of CSS that we define throughout Frontend are only\n/// included in the generated CSS once, no matter how many times they are\n/// imported across the individual components.\n///\n/// @param {String} $name - Name of module - must be unique within the codebase\n/// @content The passed content will only be outputted if a module of the same\n///   $name has not already been outputted\n/// @access public\n\n@mixin govuk-exports($name) {\n  // If the mixin is not in the list of modules already exported...\n  @if not index($_govuk-imported-modules, $name) {\n    // ... then add it to the list\n    $_govuk-imported-modules: append($_govuk-imported-modules, $name) !global;\n    // ... and output the CSS for that module\n    @content;\n  }\n  // The next time exports is called for the module of the same name, it will be\n  // found in the list and so nothing will be outputted.\n}\n"]}
diff --git a/node_modules/govuk-frontend/dist/govuk/tools/_font-url.scss b/node_modules/govuk-frontend/dist/govuk/tools/_font-url.scss
new file mode 100644
index 0000000..1f46cdb
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/tools/_font-url.scss
@@ -0,0 +1,28 @@
+////
+/// @group tools/assets
+////
+
+/// Font URL
+///
+/// If a custom font-url handler is defined ($govuk-font-url-function) then
+/// it will be called, otherwise a url will be returned with the filename
+/// appended to the font path.
+///
+/// @param {String} $filename - Font filename
+/// @return {String} URL for the filename, wrapped in `url()`
+/// @access public
+
+@function govuk-font-url($filename) {
+  // prettier-ignore
+  $use-custom-function: variable-exists("govuk-font-url-function")
+    and $govuk-font-url-function
+    and function-exists($govuk-font-url-function);
+
+  @if $use-custom-function {
+    @return call(get-function($govuk-font-url-function), $filename);
+  } @else {
+    @return url($govuk-fonts-path + $filename);
+  }
+}
+
+/*# sourceMappingURL=_font-url.scss.map */
diff --git a/node_modules/govuk-frontend/dist/govuk/tools/_font-url.scss.map b/node_modules/govuk-frontend/dist/govuk/tools/_font-url.scss.map
new file mode 100644
index 0000000..d3ad56d
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/tools/_font-url.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/govuk/tools/_font-url.scss"],"names":[],"mappings":"AAAA,GAAG;AACH,sBAAsB;AACtB,GAAG;;AAEH,WAAW;AACX,EAAE;AACF,0EAA0E;AAC1E,wEAAwE;AACxE,6BAA6B;AAC7B,EAAE;AACF,4CAA4C;AAC5C,4DAA4D;AAC5D,iBAAiB;;AAEjB;EACE,iBAAiB;EACjB;;iDAE+C;;EAE/C;IACE,+DAA+D;EACjE,EAAE;IACA,0CAA0C;EAC5C;AACF","file":"_font-url.scss","sourcesContent":["////\n/// @group tools/assets\n////\n\n/// Font URL\n///\n/// If a custom font-url handler is defined ($govuk-font-url-function) then\n/// it will be called, otherwise a url will be returned with the filename\n/// appended to the font path.\n///\n/// @param {String} $filename - Font filename\n/// @return {String} URL for the filename, wrapped in `url()`\n/// @access public\n\n@function govuk-font-url($filename) {\n  // prettier-ignore\n  $use-custom-function: variable-exists(\"govuk-font-url-function\")\n    and $govuk-font-url-function\n    and function-exists($govuk-font-url-function);\n\n  @if $use-custom-function {\n    @return call(get-function($govuk-font-url-function), $filename);\n  } @else {\n    @return url($govuk-fonts-path + $filename);\n  }\n}\n"]}
diff --git a/node_modules/govuk-frontend/dist/govuk/tools/_image-url.scss b/node_modules/govuk-frontend/dist/govuk/tools/_image-url.scss
new file mode 100644
index 0000000..e759e42
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/tools/_image-url.scss
@@ -0,0 +1,28 @@
+////
+/// @group tools/assets
+////
+
+/// Image URL
+///
+/// If a custom image-url handler is defined ($govuk-image-url-function) then
+/// it will be called, otherwise a url will be returned with the filename
+/// appended to the image path.
+///
+/// @param {String} Filename for the image to load
+/// @return {String} URL for the filename, wrapped in `url()`
+/// @access public
+
+@function govuk-image-url($filename) {
+  // prettier-ignore
+  $use-custom-function: variable-exists("govuk-image-url-function")
+    and $govuk-image-url-function
+    and function-exists($govuk-image-url-function);
+
+  @if $use-custom-function {
+    @return call(get-function($govuk-image-url-function), $filename);
+  } @else {
+    @return url($govuk-images-path + $filename);
+  }
+}
+
+/*# sourceMappingURL=_image-url.scss.map */
diff --git a/node_modules/govuk-frontend/dist/govuk/tools/_image-url.scss.map b/node_modules/govuk-frontend/dist/govuk/tools/_image-url.scss.map
new file mode 100644
index 0000000..dcd3938
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/tools/_image-url.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/govuk/tools/_image-url.scss"],"names":[],"mappings":"AAAA,GAAG;AACH,sBAAsB;AACtB,GAAG;;AAEH,YAAY;AACZ,EAAE;AACF,4EAA4E;AAC5E,wEAAwE;AACxE,8BAA8B;AAC9B,EAAE;AACF,iDAAiD;AACjD,4DAA4D;AAC5D,iBAAiB;;AAEjB;EACE,iBAAiB;EACjB;;kDAEgD;;EAEhD;IACE,gEAAgE;EAClE,EAAE;IACA,2CAA2C;EAC7C;AACF","file":"_image-url.scss","sourcesContent":["////\n/// @group tools/assets\n////\n\n/// Image URL\n///\n/// If a custom image-url handler is defined ($govuk-image-url-function) then\n/// it will be called, otherwise a url will be returned with the filename\n/// appended to the image path.\n///\n/// @param {String} Filename for the image to load\n/// @return {String} URL for the filename, wrapped in `url()`\n/// @access public\n\n@function govuk-image-url($filename) {\n  // prettier-ignore\n  $use-custom-function: variable-exists(\"govuk-image-url-function\")\n    and $govuk-image-url-function\n    and function-exists($govuk-image-url-function);\n\n  @if $use-custom-function {\n    @return call(get-function($govuk-image-url-function), $filename);\n  } @else {\n    @return url($govuk-images-path + $filename);\n  }\n}\n"]}
diff --git a/node_modules/govuk-frontend/dist/govuk/tools/_index.scss b/node_modules/govuk-frontend/dist/govuk/tools/_index.scss
new file mode 100644
index 0000000..9515587
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/tools/_index.scss
@@ -0,0 +1,8 @@
+@import "exports";
+@import "font-url";
+@import "image-url";
+@import "px-to-em";
+@import "px-to-rem";
+@import "rebrand";
+
+/*# sourceMappingURL=_index.scss.map */
diff --git a/node_modules/govuk-frontend/dist/govuk/tools/_index.scss.map b/node_modules/govuk-frontend/dist/govuk/tools/_index.scss.map
new file mode 100644
index 0000000..777a513
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/tools/_index.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/govuk/tools/_index.scss"],"names":[],"mappings":"AAAA,iBAAiB;AACjB,kBAAkB;AAClB,mBAAmB;AACnB,kBAAkB;AAClB,mBAAmB;AACnB,iBAAiB","file":"_index.scss","sourcesContent":["@import \"exports\";\n@import \"font-url\";\n@import \"image-url\";\n@import \"px-to-em\";\n@import \"px-to-rem\";\n@import \"rebrand\";\n"]}
diff --git a/node_modules/govuk-frontend/dist/govuk/tools/_px-to-em.scss b/node_modules/govuk-frontend/dist/govuk/tools/_px-to-em.scss
new file mode 100644
index 0000000..ae711b9
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/tools/_px-to-em.scss
@@ -0,0 +1,22 @@
+////
+/// @group tools/unit-conversion
+////
+
+/// Convert pixels to em
+///
+/// @param {Number} $value - Length in pixels
+/// @param {Number} $context-font-size - Font size of element
+/// @return {Number} Length in ems
+/// @access public
+
+@function govuk-em($value, $context-font-size) {
+  @if unitless($value) {
+    $value: $value * 1px;
+  }
+  @if unitless($context-font-size) {
+    $context-font-size: $context-font-size * 1px;
+  }
+  @return $value / $context-font-size * 1em;
+}
+
+/*# sourceMappingURL=_px-to-em.scss.map */
diff --git a/node_modules/govuk-frontend/dist/govuk/tools/_px-to-em.scss.map b/node_modules/govuk-frontend/dist/govuk/tools/_px-to-em.scss.map
new file mode 100644
index 0000000..923de58
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/tools/_px-to-em.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/govuk/tools/_px-to-em.scss"],"names":[],"mappings":"AAAA,GAAG;AACH,+BAA+B;AAC/B,GAAG;;AAEH,uBAAuB;AACvB,EAAE;AACF,4CAA4C;AAC5C,4DAA4D;AAC5D,iCAAiC;AACjC,iBAAiB;;AAEjB;EACE;IACE,oBAAoB;EACtB;EACA;IACE,4CAA4C;EAC9C;EACA,yCAAyC;AAC3C","file":"_px-to-em.scss","sourcesContent":["////\n/// @group tools/unit-conversion\n////\n\n/// Convert pixels to em\n///\n/// @param {Number} $value - Length in pixels\n/// @param {Number} $context-font-size - Font size of element\n/// @return {Number} Length in ems\n/// @access public\n\n@function govuk-em($value, $context-font-size) {\n  @if unitless($value) {\n    $value: $value * 1px;\n  }\n  @if unitless($context-font-size) {\n    $context-font-size: $context-font-size * 1px;\n  }\n  @return $value / $context-font-size * 1em;\n}\n"]}
diff --git a/node_modules/govuk-frontend/dist/govuk/tools/_px-to-rem.scss b/node_modules/govuk-frontend/dist/govuk/tools/_px-to-rem.scss
new file mode 100644
index 0000000..8d2dcae
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/tools/_px-to-rem.scss
@@ -0,0 +1,22 @@
+////
+/// @group tools/unit-conversion
+////
+
+/// Convert pixels to rem
+///
+/// The $govuk-root-font-size (defined in settings/_typography-responsive.scss)
+/// must be configured to match the font-size of your root (html) element
+///
+/// @param {Number} $value - Length in pixels
+/// @return {Number} Length in rems
+/// @access public
+
+@function govuk-px-to-rem($value) {
+  @if unitless($value) {
+    $value: $value * 1px;
+  }
+
+  @return $value / $govuk-root-font-size * 1rem;
+}
+
+/*# sourceMappingURL=_px-to-rem.scss.map */
diff --git a/node_modules/govuk-frontend/dist/govuk/tools/_px-to-rem.scss.map b/node_modules/govuk-frontend/dist/govuk/tools/_px-to-rem.scss.map
new file mode 100644
index 0000000..0a76437
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/tools/_px-to-rem.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/govuk/tools/_px-to-rem.scss"],"names":[],"mappings":"AAAA,GAAG;AACH,+BAA+B;AAC/B,GAAG;;AAEH,wBAAwB;AACxB,EAAE;AACF,8EAA8E;AAC9E,wEAAwE;AACxE,EAAE;AACF,4CAA4C;AAC5C,kCAAkC;AAClC,iBAAiB;;AAEjB;EACE;IACE,oBAAoB;EACtB;;EAEA,6CAA6C;AAC/C","file":"_px-to-rem.scss","sourcesContent":["////\n/// @group tools/unit-conversion\n////\n\n/// Convert pixels to rem\n///\n/// The $govuk-root-font-size (defined in settings/_typography-responsive.scss)\n/// must be configured to match the font-size of your root (html) element\n///\n/// @param {Number} $value - Length in pixels\n/// @return {Number} Length in rems\n/// @access public\n\n@function govuk-px-to-rem($value) {\n  @if unitless($value) {\n    $value: $value * 1px;\n  }\n\n  @return $value / $govuk-root-font-size * 1rem;\n}\n"]}
diff --git a/node_modules/govuk-frontend/dist/govuk/tools/_rebrand.scss b/node_modules/govuk-frontend/dist/govuk/tools/_rebrand.scss
new file mode 100644
index 0000000..f578d50
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/tools/_rebrand.scss
@@ -0,0 +1,65 @@
+////
+/// @group tools
+////
+
+/// Wraps rebranded properties in the feature flag selector
+///
+/// @example scss - Wrap a block of multiple properties
+///   .foo {
+///     border-width: 1px;
+///     border-colour: #fff;
+///
+///     @include _govuk-rebrand() {
+///       border-width: 10px;
+///       border-colour: #000;
+///     }
+///   }
+///
+/// @example scss - Wrap a single property
+///   .foo {
+///     @include _govuk-rebrand("background-color", $from: #fff, $to: #000)
+///   }
+///
+///
+/// @param {String} $property - The name of the property being rebranded
+/// @param {String} $from - The original value of the property
+/// @param {String} $to - The rebranded value of the property
+/// @throw if `$property` is set but `$from` or `$to` are missing
+/// @access private
+@mixin _govuk-rebrand($property: null, $from: null, $to: null) {
+  @if $property {
+    @if not $from {
+      @error "`_govuk-rebrand` needs the original value, `$from`";
+    }
+
+    @if not $to {
+      @error "`_govuk-rebrand` needs the rebranded value, `$to`";
+    }
+
+    #{$property}: #{$from};
+
+    @include _govuk-rebrand-wrapper {
+      #{$property}: #{$to};
+    }
+  } @else {
+    @include _govuk-rebrand-wrapper {
+      @content;
+    }
+  }
+}
+
+@mixin _govuk-rebrand-wrapper() {
+  $selector: "#{&}";
+
+  @if $selector == ".govuk-template" {
+    @at-root .govuk-template--rebranded {
+      @content;
+    }
+  } @else {
+    .govuk-template--rebranded & {
+      @content;
+    }
+  }
+}
+
+/*# sourceMappingURL=_rebrand.scss.map */
diff --git a/node_modules/govuk-frontend/dist/govuk/tools/_rebrand.scss.map b/node_modules/govuk-frontend/dist/govuk/tools/_rebrand.scss.map
new file mode 100644
index 0000000..94d7d61
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/tools/_rebrand.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/govuk/tools/_rebrand.scss"],"names":[],"mappings":"AAAA,GAAG;AACH,eAAe;AACf,GAAG;;AAEH,0DAA0D;AAC1D,EAAE;AACF,sDAAsD;AACtD,WAAW;AACX,yBAAyB;AACzB,2BAA2B;AAC3B,EAAE;AACF,kCAAkC;AAClC,4BAA4B;AAC5B,6BAA6B;AAC7B,QAAQ;AACR,MAAM;AACN,EAAE;AACF,yCAAyC;AACzC,WAAW;AACX,0EAA0E;AAC1E,MAAM;AACN,EAAE;AACF,EAAE;AACF,uEAAuE;AACvE,6DAA6D;AAC7D,4DAA4D;AAC5D,gEAAgE;AAChE,kBAAkB;AAClB;EACE;IACE;MACE,2DAA2D;IAC7D;;IAEA;MACE,0DAA0D;IAC5D;;IAEA,sBAAsB;;IAEtB;MACE,oBAAoB;IACtB;EACF,EAAE;IACA;MACE,QAAQ;IACV;EACF;AACF;;AAEA;EACE,iBAAiB;;EAEjB;IACE;MACE,QAAQ;IACV;EACF,EAAE;IACA;MACE,QAAQ;IACV;EACF;AACF","file":"_rebrand.scss","sourcesContent":["////\n/// @group tools\n////\n\n/// Wraps rebranded properties in the feature flag selector\n///\n/// @example scss - Wrap a block of multiple properties\n///   .foo {\n///     border-width: 1px;\n///     border-colour: #fff;\n///\n///     @include _govuk-rebrand() {\n///       border-width: 10px;\n///       border-colour: #000;\n///     }\n///   }\n///\n/// @example scss - Wrap a single property\n///   .foo {\n///     @include _govuk-rebrand(\"background-color\", $from: #fff, $to: #000)\n///   }\n///\n///\n/// @param {String} $property - The name of the property being rebranded\n/// @param {String} $from - The original value of the property\n/// @param {String} $to - The rebranded value of the property\n/// @throw if `$property` is set but `$from` or `$to` are missing\n/// @access private\n@mixin _govuk-rebrand($property: null, $from: null, $to: null) {\n  @if $property {\n    @if not $from {\n      @error \"`_govuk-rebrand` needs the original value, `$from`\";\n    }\n\n    @if not $to {\n      @error \"`_govuk-rebrand` needs the rebranded value, `$to`\";\n    }\n\n    #{$property}: #{$from};\n\n    @include _govuk-rebrand-wrapper {\n      #{$property}: #{$to};\n    }\n  } @else {\n    @include _govuk-rebrand-wrapper {\n      @content;\n    }\n  }\n}\n\n@mixin _govuk-rebrand-wrapper() {\n  $selector: \"#{&}\";\n\n  @if $selector == \".govuk-template\" {\n    @at-root .govuk-template--rebranded {\n      @content;\n    }\n  } @else {\n    .govuk-template--rebranded & {\n      @content;\n    }\n  }\n}\n"]}
diff --git a/node_modules/govuk-frontend/dist/govuk/utilities/_all.scss b/node_modules/govuk-frontend/dist/govuk/utilities/_all.scss
new file mode 100644
index 0000000..cc1da2a
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/utilities/_all.scss
@@ -0,0 +1,10 @@
+@import "../settings/warnings";
+@import "index";
+
+@include _warning(
+  "import-using-all",
+  "Importing using 'govuk/utilities/all' is deprecated. Update your import statement to import 'govuk/utilities/index'.",
+  $silence-further-warnings: false
+);
+
+/*# sourceMappingURL=_all.scss.map */
diff --git a/node_modules/govuk-frontend/dist/govuk/utilities/_all.scss.map b/node_modules/govuk-frontend/dist/govuk/utilities/_all.scss.map
new file mode 100644
index 0000000..cc5b7a8
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/utilities/_all.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/govuk/utilities/_all.scss"],"names":[],"mappings":"AAAA,8BAA8B;AAC9B,eAAe;;AAEf;;;;CAIC","file":"_all.scss","sourcesContent":["@import \"../settings/warnings\";\n@import \"index\";\n\n@include _warning(\n  \"import-using-all\",\n  \"Importing using 'govuk/utilities/all' is deprecated. Update your import statement to import 'govuk/utilities/index'.\",\n  $silence-further-warnings: false\n);\n"]}
diff --git a/node_modules/govuk-frontend/dist/govuk/utilities/_clearfix.scss b/node_modules/govuk-frontend/dist/govuk/utilities/_clearfix.scss
new file mode 100644
index 0000000..c3c36d9
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/utilities/_clearfix.scss
@@ -0,0 +1,7 @@
+@include govuk-exports("govuk/utilities/clearfix") {
+  .govuk-clearfix {
+    @include govuk-clearfix;
+  }
+}
+
+/*# sourceMappingURL=_clearfix.scss.map */
diff --git a/node_modules/govuk-frontend/dist/govuk/utilities/_clearfix.scss.map b/node_modules/govuk-frontend/dist/govuk/utilities/_clearfix.scss.map
new file mode 100644
index 0000000..4ce0643
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/utilities/_clearfix.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/govuk/utilities/_clearfix.scss"],"names":[],"mappings":"AAAA;EACE;IACE,uBAAuB;EACzB;AACF","file":"_clearfix.scss","sourcesContent":["@include govuk-exports(\"govuk/utilities/clearfix\") {\n  .govuk-clearfix {\n    @include govuk-clearfix;\n  }\n}\n"]}
diff --git a/node_modules/govuk-frontend/dist/govuk/utilities/_index.scss b/node_modules/govuk-frontend/dist/govuk/utilities/_index.scss
new file mode 100644
index 0000000..7adb7f6
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/utilities/_index.scss
@@ -0,0 +1,4 @@
+@import "clearfix";
+@import "visually-hidden";
+
+/*# sourceMappingURL=_index.scss.map */
diff --git a/node_modules/govuk-frontend/dist/govuk/utilities/_index.scss.map b/node_modules/govuk-frontend/dist/govuk/utilities/_index.scss.map
new file mode 100644
index 0000000..8aaa4eb
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/utilities/_index.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/govuk/utilities/_index.scss"],"names":[],"mappings":"AAAA,kBAAkB;AAClB,yBAAyB","file":"_index.scss","sourcesContent":["@import \"clearfix\";\n@import \"visually-hidden\";\n"]}
diff --git a/node_modules/govuk-frontend/dist/govuk/utilities/_visually-hidden.scss b/node_modules/govuk-frontend/dist/govuk/utilities/_visually-hidden.scss
new file mode 100644
index 0000000..4d70b34
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/utilities/_visually-hidden.scss
@@ -0,0 +1,11 @@
+@include govuk-exports("govuk/utilities/visually-hidden") {
+  .govuk-visually-hidden {
+    @include govuk-visually-hidden;
+  }
+
+  .govuk-visually-hidden-focusable {
+    @include govuk-visually-hidden-focusable;
+  }
+}
+
+/*# sourceMappingURL=_visually-hidden.scss.map */
diff --git a/node_modules/govuk-frontend/dist/govuk/utilities/_visually-hidden.scss.map b/node_modules/govuk-frontend/dist/govuk/utilities/_visually-hidden.scss.map
new file mode 100644
index 0000000..7d86f7f
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/utilities/_visually-hidden.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/govuk/utilities/_visually-hidden.scss"],"names":[],"mappings":"AAAA;EACE;IACE,8BAA8B;EAChC;;EAEA;IACE,wCAAwC;EAC1C;AACF","file":"_visually-hidden.scss","sourcesContent":["@include govuk-exports(\"govuk/utilities/visually-hidden\") {\n  .govuk-visually-hidden {\n    @include govuk-visually-hidden;\n  }\n\n  .govuk-visually-hidden-focusable {\n    @include govuk-visually-hidden-focusable;\n  }\n}\n"]}
diff --git a/node_modules/govuk-frontend/dist/govuk/vendor/_sass-mq.scss b/node_modules/govuk-frontend/dist/govuk/vendor/_sass-mq.scss
new file mode 100644
index 0000000..0ae6659
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/vendor/_sass-mq.scss
@@ -0,0 +1,349 @@
+// mq() v4.0.2
+// sass-mq/sass-mq
+
+@charset "UTF-8"; // Fixes an issue where Ruby locale is not set properly
+                  // See https://github.com/sass-mq/sass-mq/pull/10
+
+/// Base font size on the `<body>` element
+/// @type Number (unit)
+$mq-base-font-size: 16px !default;
+
+/// Responsive mode
+///
+/// Set to `false` to enable support for browsers that do not support @media queries,
+/// (IE <= 8, Firefox <= 3, Opera <= 9)
+///
+/// You could create a stylesheet served exclusively to older browsers,
+/// where @media queries are rasterized
+///
+/// @example scss
+///  // old-ie.scss
+///  $mq-responsive: false;
+///  @import 'main'; // @media queries in this file will be rasterized up to $mq-static-breakpoint
+///                   // larger breakpoints will be ignored
+///
+/// @type Boolean
+/// @link https://github.com/sass-mq/sass-mq#responsive-mode-off Disabled responsive mode documentation
+$mq-responsive: true !default;
+
+/// Breakpoint list
+///
+/// Name your breakpoints in a way that creates a ubiquitous language
+/// across team members. It will improve communication between
+/// stakeholders, designers, developers, and testers.
+///
+/// @type Map
+/// @link https://github.com/sass-mq/sass-mq#seeing-the-currently-active-breakpoint Full documentation and examples
+$mq-breakpoints: (
+    mobile:  320px,
+    tablet:  740px,
+    desktop: 980px,
+    wide:    1300px
+) !default;
+
+/// Static breakpoint (for fixed-width layouts)
+///
+/// Define the breakpoint from $mq-breakpoints that should
+/// be used as the target width for the fixed-width layout
+/// (i.e. when $mq-responsive is set to 'false') in a old-ie.scss
+///
+/// @example scss
+///  // tablet-only.scss
+///  //
+///  // Ignore all styles above tablet breakpoint,
+///  // and fix the styles (e.g. layout) at tablet width
+///  $mq-responsive: false;
+///  $mq-static-breakpoint: tablet;
+///  @import 'main'; // @media queries in this file will be rasterized up to tablet
+///                   // larger breakpoints will be ignored
+///
+/// @type String
+/// @link https://github.com/sass-mq/sass-mq#adding-custom-breakpoints Full documentation and examples
+$mq-static-breakpoint: desktop !default;
+
+/// Show breakpoints in the top right corner
+///
+/// If you want to display the currently active breakpoint in the top
+/// right corner of your site during development, add the breakpoints
+/// to this list, ordered by width, e.g. (mobile, tablet, desktop).
+///
+/// @type map
+$mq-show-breakpoints: () !default;
+
+/// Customize the media type (e.g. `@media screen` or `@media print`)
+/// By default sass-mq uses an "all" media type (`@media all and …`)
+///
+/// @type String
+/// @link https://github.com/sass-mq/sass-mq#changing-media-type Full documentation and examples
+$mq-media-type: all !default;
+
+/// Convert pixels to ems
+///
+/// @param {Number} $px - value to convert
+/// @param {Number} $base-font-size ($mq-base-font-size) - `<body>` font size
+///
+/// @example scss
+///  $font-size-in-ems: mq-px2em(16px);
+///  p { font-size: mq-px2em(16px); }
+///
+/// @requires $mq-base-font-size
+/// @returns {Number}
+@function mq-px2em($px, $base-font-size: $mq-base-font-size) {
+    @if unitless($px) {
+        @warn "Assuming #{$px} to be in pixels, attempting to convert it into pixels.";
+        @return mq-px2em($px * 1px, $base-font-size);
+    } @else if unit($px) == em {
+        @return $px;
+    }
+    @return ($px / $base-font-size) * 1em;
+}
+
+/// Get a breakpoint's width
+///
+/// @param {String} $name - Name of the breakpoint. One of $mq-breakpoints
+///
+/// @example scss
+///  $tablet-width: mq-get-breakpoint-width(tablet);
+///  @media (min-width: mq-get-breakpoint-width(desktop)) {}
+///
+/// @requires {Variable} $mq-breakpoints
+///
+/// @returns {Number} Value in pixels
+@function mq-get-breakpoint-width($name, $breakpoints: $mq-breakpoints) {
+    @if map-has-key($breakpoints, $name) {
+        @return map-get($breakpoints, $name);
+    } @else {
+        @warn "Breakpoint #{$name} wasn't found in $breakpoints.";
+    }
+}
+
+/// Media Query mixin
+///
+/// @param {String | Boolean} $from (false) - One of $mq-breakpoints
+/// @param {String | Boolean} $until (false) - One of $mq-breakpoints
+/// @param {String | Boolean} $and (false) - Additional media query parameters
+/// @param {String} $media-type ($mq-media-type) - Media type: screen, print…
+///
+/// @ignore Undocumented API, for advanced use only:
+/// @ignore @param {Map} $breakpoints ($mq-breakpoints)
+/// @ignore @param {String} $static-breakpoint ($mq-static-breakpoint)
+///
+/// @content styling rules, wrapped into a @media query when $responsive is true
+///
+/// @requires {Variable} $mq-media-type
+/// @requires {Variable} $mq-breakpoints
+/// @requires {Variable} $mq-static-breakpoint
+/// @requires {function} mq-px2em
+/// @requires {function} mq-get-breakpoint-width
+///
+/// @link https://github.com/sass-mq/sass-mq#responsive-mode-on-default Full documentation and examples
+///
+/// @example scss
+///  .element {
+///    @include mq($from: mobile) {
+///      color: red;
+///    }
+///    @include mq($until: tablet) {
+///      color: blue;
+///    }
+///    @include mq(mobile, tablet) {
+///      color: green;
+///    }
+///    @include mq($from: tablet, $and: '(orientation: landscape)') {
+///      color: teal;
+///    }
+///    @include mq(950px) {
+///      color: hotpink;
+///    }
+///    @include mq(tablet, $media-type: screen) {
+///      color: hotpink;
+///    }
+///    // Advanced use:
+///    $my-breakpoints: (L: 900px, XL: 1200px);
+///    @include mq(L, $breakpoints: $my-breakpoints, $static-breakpoint: L) {
+///      color: hotpink;
+///    }
+///  }
+@mixin mq(
+    $from: false,
+    $until: false,
+    $and: false,
+    $media-type: $mq-media-type,
+    $breakpoints: $mq-breakpoints,
+    $responsive: $mq-responsive,
+    $static-breakpoint: $mq-static-breakpoint
+) {
+    $min-width: 0;
+    $max-width: 0;
+    $media-query: '';
+
+    // From: this breakpoint (inclusive)
+    @if $from {
+        @if type-of($from) == number {
+            $min-width: mq-px2em($from);
+        } @else {
+            $min-width: mq-px2em(mq-get-breakpoint-width($from, $breakpoints));
+        }
+    }
+
+    // Until: that breakpoint (exclusive)
+    @if $until {
+        @if type-of($until) == number {
+            $max-width: mq-px2em($until);
+        } @else {
+            $max-width: mq-px2em(mq-get-breakpoint-width($until, $breakpoints)) - .01em;
+        }
+    }
+
+    // Responsive support is disabled, rasterize the output outside @media blocks
+    // The browser will rely on the cascade itself.
+    @if $responsive == false {
+        $static-breakpoint-width: mq-get-breakpoint-width($static-breakpoint, $breakpoints);
+        $target-width: mq-px2em($static-breakpoint-width);
+
+        // Output only rules that start at or span our target width
+        @if (
+            $and == false
+            and $min-width <= $target-width
+            and (
+                $until == false or $max-width >= $target-width
+            )
+            and $media-type != 'print'
+        ) {
+            @content;
+        }
+    }
+
+    // Responsive support is enabled, output rules inside @media queries
+    @else {
+        @if $min-width != 0 { $media-query: '#{$media-query} and (min-width: #{$min-width})'; }
+        @if $max-width != 0 { $media-query: '#{$media-query} and (max-width: #{$max-width})'; }
+        @if $and            { $media-query: '#{$media-query} and #{$and}'; }
+
+        // Remove unnecessary media query prefix 'all and '
+        @if ($media-type == 'all' and $media-query != '') {
+            $media-type: '';
+            $media-query: str-slice(unquote($media-query), 6);
+        }
+
+        @media #{$media-type + $media-query} {
+            @content;
+        }
+    }
+}
+
+/// Quick sort
+///
+/// @author Sam Richards
+/// @access private
+/// @param {List} $list - List to sort
+/// @returns {List} Sorted List
+@function _mq-quick-sort($list) {
+    $less:  ();
+    $equal: ();
+    $large: ();
+
+    @if length($list) > 1 {
+        $seed: nth($list, ceil(length($list) / 2));
+
+        @each $item in $list {
+            @if ($item == $seed) {
+                $equal: append($equal, $item);
+            } @else if ($item < $seed) {
+                $less: append($less, $item);
+            } @else if ($item > $seed) {
+                $large: append($large, $item);
+            }
+        }
+
+        @return join(join(_mq-quick-sort($less), $equal), _mq-quick-sort($large));
+    }
+
+    @return $list;
+}
+
+/// Sort a map by values (works with numbers only)
+///
+/// @access private
+/// @param {Map} $map - Map to sort
+/// @returns {Map} Map sorted by value
+@function _mq-map-sort-by-value($map) {
+    $map-sorted: ();
+    $map-keys: map-keys($map);
+    $map-values: map-values($map);
+    $map-values-sorted: _mq-quick-sort($map-values);
+
+    // Reorder key/value pairs based on key values
+    @each $value in $map-values-sorted {
+        $index: index($map-values, $value);
+        $key: nth($map-keys, $index);
+        $map-sorted: map-merge($map-sorted, ($key: $value));
+
+        // Unset the value in $map-values to prevent the loop
+        // from finding the same index twice
+        $map-values: set-nth($map-values, $index, 0);
+    }
+
+    @return $map-sorted;
+}
+
+/// Add a breakpoint
+///
+/// @param {String} $name - Name of the breakpoint
+/// @param {Number} $width - Width of the breakpoint
+///
+/// @requires {Variable} $mq-breakpoints
+///
+/// @example scss
+///  @include mq-add-breakpoint(tvscreen, 1920px);
+///  @include mq(tvscreen) {}
+@mixin mq-add-breakpoint($name, $width) {
+    $new-breakpoint: ($name: $width);
+    $mq-breakpoints: map-merge($mq-breakpoints, $new-breakpoint) !global;
+    $mq-breakpoints: _mq-map-sort-by-value($mq-breakpoints) !global;
+}
+
+/// Show the active breakpoint in the top right corner of the viewport
+/// @link https://github.com/sass-mq/sass-mq#seeing-the-currently-active-breakpoint
+///
+/// @param {List} $show-breakpoints ($mq-show-breakpoints) - List of breakpoints to show in the top right corner
+/// @param {Map} $breakpoints ($mq-breakpoints) - Breakpoint names and sizes
+///
+/// @requires {Variable} $mq-breakpoints
+/// @requires {Variable} $mq-show-breakpoints
+///
+/// @example scss
+///  // Show breakpoints using global settings
+///  @include mq-show-breakpoints;
+///
+///  // Show breakpoints using custom settings
+///  @include mq-show-breakpoints((L, XL), (S: 300px, L: 800px, XL: 1200px));
+@mixin mq-show-breakpoints($show-breakpoints: $mq-show-breakpoints, $breakpoints: $mq-breakpoints) {
+    body::before {
+        background-color: #FCF8E3;
+        border-bottom: 1px solid #FBEED5;
+        border-left: 1px solid #FBEED5;
+        color: #C09853;
+        font: small-caption;
+        padding: 3px 6px;
+        pointer-events: none;
+        position: fixed;
+        right: 0;
+        top: 0;
+        z-index: 100;
+
+        // Loop through the breakpoints that should be shown
+        @each $show-breakpoint in $show-breakpoints {
+            $width: mq-get-breakpoint-width($show-breakpoint, $breakpoints);
+            @include mq($show-breakpoint, $breakpoints: $breakpoints) {
+                content: "#{$show-breakpoint} ≥ #{$width} (#{mq-px2em($width)})";
+            }
+        }
+    }
+}
+
+@if length($mq-show-breakpoints) > 0 {
+    @include mq-show-breakpoints;
+}
+
+/*# sourceMappingURL=_sass-mq.scss.map */
diff --git a/node_modules/govuk-frontend/dist/govuk/vendor/_sass-mq.scss.map b/node_modules/govuk-frontend/dist/govuk/vendor/_sass-mq.scss.map
new file mode 100644
index 0000000..7a3ee28
--- /dev/null
+++ b/node_modules/govuk-frontend/dist/govuk/vendor/_sass-mq.scss.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/govuk/vendor/_sass-mq.scss"],"names":[],"mappings":"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","file":"_sass-mq.scss","sourcesContent":["// mq() v4.0.2\n// sass-mq/sass-mq\n\n@charset \"UTF-8\"; // Fixes an issue where Ruby locale is not set properly\n                  // See https://github.com/sass-mq/sass-mq/pull/10\n\n/// Base font size on the `<body>` element\n/// @type Number (unit)\n$mq-base-font-size: 16px !default;\n\n/// Responsive mode\n///\n/// Set to `false` to enable support for browsers that do not support @media queries,\n/// (IE <= 8, Firefox <= 3, Opera <= 9)\n///\n/// You could create a stylesheet served exclusively to older browsers,\n/// where @media queries are rasterized\n///\n/// @example scss\n///  // old-ie.scss\n///  $mq-responsive: false;\n///  @import 'main'; // @media queries in this file will be rasterized up to $mq-static-breakpoint\n///                   // larger breakpoints will be ignored\n///\n/// @type Boolean\n/// @link https://github.com/sass-mq/sass-mq#responsive-mode-off Disabled responsive mode documentation\n$mq-responsive: true !default;\n\n/// Breakpoint list\n///\n/// Name your breakpoints in a way that creates a ubiquitous language\n/// across team members. It will improve communication between\n/// stakeholders, designers, developers, and testers.\n///\n/// @type Map\n/// @link https://github.com/sass-mq/sass-mq#seeing-the-currently-active-breakpoint Full documentation and examples\n$mq-breakpoints: (\n    mobile:  320px,\n    tablet:  740px,\n    desktop: 980px,\n    wide:    1300px\n) !default;\n\n/// Static breakpoint (for fixed-width layouts)\n///\n/// Define the breakpoint from $mq-breakpoints that should\n/// be used as the target width for the fixed-width layout\n/// (i.e. when $mq-responsive is set to 'false') in a old-ie.scss\n///\n/// @example scss\n///  // tablet-only.scss\n///  //\n///  // Ignore all styles above tablet breakpoint,\n///  // and fix the styles (e.g. layout) at tablet width\n///  $mq-responsive: false;\n///  $mq-static-breakpoint: tablet;\n///  @import 'main'; // @media queries in this file will be rasterized up to tablet\n///                   // larger breakpoints will be ignored\n///\n/// @type String\n/// @link https://github.com/sass-mq/sass-mq#adding-custom-breakpoints Full documentation and examples\n$mq-static-breakpoint: desktop !default;\n\n/// Show breakpoints in the top right corner\n///\n/// If you want to display the currently active breakpoint in the top\n/// right corner of your site during development, add the breakpoints\n/// to this list, ordered by width, e.g. (mobile, tablet, desktop).\n///\n/// @type map\n$mq-show-breakpoints: () !default;\n\n/// Customize the media type (e.g. `@media screen` or `@media print`)\n/// By default sass-mq uses an \"all\" media type (`@media all and …`)\n///\n/// @type String\n/// @link https://github.com/sass-mq/sass-mq#changing-media-type Full documentation and examples\n$mq-media-type: all !default;\n\n/// Convert pixels to ems\n///\n/// @param {Number} $px - value to convert\n/// @param {Number} $base-font-size ($mq-base-font-size) - `<body>` font size\n///\n/// @example scss\n///  $font-size-in-ems: mq-px2em(16px);\n///  p { font-size: mq-px2em(16px); }\n///\n/// @requires $mq-base-font-size\n/// @returns {Number}\n@function mq-px2em($px, $base-font-size: $mq-base-font-size) {\n    @if unitless($px) {\n        @warn \"Assuming #{$px} to be in pixels, attempting to convert it into pixels.\";\n        @return mq-px2em($px * 1px, $base-font-size);\n    } @else if unit($px) == em {\n        @return $px;\n    }\n    @return ($px / $base-font-size) * 1em;\n}\n\n/// Get a breakpoint's width\n///\n/// @param {String} $name - Name of the breakpoint. One of $mq-breakpoints\n///\n/// @example scss\n///  $tablet-width: mq-get-breakpoint-width(tablet);\n///  @media (min-width: mq-get-breakpoint-width(desktop)) {}\n///\n/// @requires {Variable} $mq-breakpoints\n///\n/// @returns {Number} Value in pixels\n@function mq-get-breakpoint-width($name, $breakpoints: $mq-breakpoints) {\n    @if map-has-key($breakpoints, $name) {\n        @return map-get($breakpoints, $name);\n    } @else {\n        @warn \"Breakpoint #{$name} wasn't found in $breakpoints.\";\n    }\n}\n\n/// Media Query mixin\n///\n/// @param {String | Boolean} $from (false) - One of $mq-breakpoints\n/// @param {String | Boolean} $until (false) - One of $mq-breakpoints\n/// @param {String | Boolean} $and (false) - Additional media query parameters\n/// @param {String} $media-type ($mq-media-type) - Media type: screen, print…\n///\n/// @ignore Undocumented API, for advanced use only:\n/// @ignore @param {Map} $breakpoints ($mq-breakpoints)\n/// @ignore @param {String} $static-breakpoint ($mq-static-breakpoint)\n///\n/// @content styling rules, wrapped into a @media query when $responsive is true\n///\n/// @requires {Variable} $mq-media-type\n/// @requires {Variable} $mq-breakpoints\n/// @requires {Variable} $mq-static-breakpoint\n/// @requires {function} mq-px2em\n/// @requires {function} mq-get-breakpoint-width\n///\n/// @link https://github.com/sass-mq/sass-mq#responsive-mode-on-default Full documentation and examples\n///\n/// @example scss\n///  .element {\n///    @include mq($from: mobile) {\n///      color: red;\n///    }\n///    @include mq($until: tablet) {\n///      color: blue;\n///    }\n///    @include mq(mobile, tablet) {\n///      color: green;\n///    }\n///    @include mq($from: tablet, $and: '(orientation: landscape)') {\n///      color: teal;\n///    }\n///    @include mq(950px) {\n///      color: hotpink;\n///    }\n///    @include mq(tablet, $media-type: screen) {\n///      color: hotpink;\n///    }\n///    // Advanced use:\n///    $my-breakpoints: (L: 900px, XL: 1200px);\n///    @include mq(L, $breakpoints: $my-breakpoints, $static-breakpoint: L) {\n///      color: hotpink;\n///    }\n///  }\n@mixin mq(\n    $from: false,\n    $until: false,\n    $and: false,\n    $media-type: $mq-media-type,\n    $breakpoints: $mq-breakpoints,\n    $responsive: $mq-responsive,\n    $static-breakpoint: $mq-static-breakpoint\n) {\n    $min-width: 0;\n    $max-width: 0;\n    $media-query: '';\n\n    // From: this breakpoint (inclusive)\n    @if $from {\n        @if type-of($from) == number {\n            $min-width: mq-px2em($from);\n        } @else {\n            $min-width: mq-px2em(mq-get-breakpoint-width($from, $breakpoints));\n        }\n    }\n\n    // Until: that breakpoint (exclusive)\n    @if $until {\n        @if type-of($until) == number {\n            $max-width: mq-px2em($until);\n        } @else {\n            $max-width: mq-px2em(mq-get-breakpoint-width($until, $breakpoints)) - .01em;\n        }\n    }\n\n    // Responsive support is disabled, rasterize the output outside @media blocks\n    // The browser will rely on the cascade itself.\n    @if $responsive == false {\n        $static-breakpoint-width: mq-get-breakpoint-width($static-breakpoint, $breakpoints);\n        $target-width: mq-px2em($static-breakpoint-width);\n\n        // Output only rules that start at or span our target width\n        @if (\n            $and == false\n            and $min-width <= $target-width\n            and (\n                $until == false or $max-width >= $target-width\n            )\n            and $media-type != 'print'\n        ) {\n            @content;\n        }\n    }\n\n    // Responsive support is enabled, output rules inside @media queries\n    @else {\n        @if $min-width != 0 { $media-query: '#{$media-query} and (min-width: #{$min-width})'; }\n        @if $max-width != 0 { $media-query: '#{$media-query} and (max-width: #{$max-width})'; }\n        @if $and            { $media-query: '#{$media-query} and #{$and}'; }\n\n        // Remove unnecessary media query prefix 'all and '\n        @if ($media-type == 'all' and $media-query != '') {\n            $media-type: '';\n            $media-query: str-slice(unquote($media-query), 6);\n        }\n\n        @media #{$media-type + $media-query} {\n            @content;\n        }\n    }\n}\n\n/// Quick sort\n///\n/// @author Sam Richards\n/// @access private\n/// @param {List} $list - List to sort\n/// @returns {List} Sorted List\n@function _mq-quick-sort($list) {\n    $less:  ();\n    $equal: ();\n    $large: ();\n\n    @if length($list) > 1 {\n        $seed: nth($list, ceil(length($list) / 2));\n\n        @each $item in $list {\n            @if ($item == $seed) {\n                $equal: append($equal, $item);\n            } @else if ($item < $seed) {\n                $less: append($less, $item);\n            } @else if ($item > $seed) {\n                $large: append($large, $item);\n            }\n        }\n\n        @return join(join(_mq-quick-sort($less), $equal), _mq-quick-sort($large));\n    }\n\n    @return $list;\n}\n\n/// Sort a map by values (works with numbers only)\n///\n/// @access private\n/// @param {Map} $map - Map to sort\n/// @returns {Map} Map sorted by value\n@function _mq-map-sort-by-value($map) {\n    $map-sorted: ();\n    $map-keys: map-keys($map);\n    $map-values: map-values($map);\n    $map-values-sorted: _mq-quick-sort($map-values);\n\n    // Reorder key/value pairs based on key values\n    @each $value in $map-values-sorted {\n        $index: index($map-values, $value);\n        $key: nth($map-keys, $index);\n        $map-sorted: map-merge($map-sorted, ($key: $value));\n\n        // Unset the value in $map-values to prevent the loop\n        // from finding the same index twice\n        $map-values: set-nth($map-values, $index, 0);\n    }\n\n    @return $map-sorted;\n}\n\n/// Add a breakpoint\n///\n/// @param {String} $name - Name of the breakpoint\n/// @param {Number} $width - Width of the breakpoint\n///\n/// @requires {Variable} $mq-breakpoints\n///\n/// @example scss\n///  @include mq-add-breakpoint(tvscreen, 1920px);\n///  @include mq(tvscreen) {}\n@mixin mq-add-breakpoint($name, $width) {\n    $new-breakpoint: ($name: $width);\n    $mq-breakpoints: map-merge($mq-breakpoints, $new-breakpoint) !global;\n    $mq-breakpoints: _mq-map-sort-by-value($mq-breakpoints) !global;\n}\n\n/// Show the active breakpoint in the top right corner of the viewport\n/// @link https://github.com/sass-mq/sass-mq#seeing-the-currently-active-breakpoint\n///\n/// @param {List} $show-breakpoints ($mq-show-breakpoints) - List of breakpoints to show in the top right corner\n/// @param {Map} $breakpoints ($mq-breakpoints) - Breakpoint names and sizes\n///\n/// @requires {Variable} $mq-breakpoints\n/// @requires {Variable} $mq-show-breakpoints\n///\n/// @example scss\n///  // Show breakpoints using global settings\n///  @include mq-show-breakpoints;\n///\n///  // Show breakpoints using custom settings\n///  @include mq-show-breakpoints((L, XL), (S: 300px, L: 800px, XL: 1200px));\n@mixin mq-show-breakpoints($show-breakpoints: $mq-show-breakpoints, $breakpoints: $mq-breakpoints) {\n    body::before {\n        background-color: #FCF8E3;\n        border-bottom: 1px solid #FBEED5;\n        border-left: 1px solid #FBEED5;\n        color: #C09853;\n        font: small-caption;\n        padding: 3px 6px;\n        pointer-events: none;\n        position: fixed;\n        right: 0;\n        top: 0;\n        z-index: 100;\n\n        // Loop through the breakpoints that should be shown\n        @each $show-breakpoint in $show-breakpoints {\n            $width: mq-get-breakpoint-width($show-breakpoint, $breakpoints);\n            @include mq($show-breakpoint, $breakpoints: $breakpoints) {\n                content: \"#{$show-breakpoint} ≥ #{$width} (#{mq-px2em($width)})\";\n            }\n        }\n    }\n}\n\n@if length($mq-show-breakpoints) > 0 {\n    @include mq-show-breakpoints;\n}\n"]}
diff --git a/node_modules/govuk-frontend/govuk-prototype-kit.config.json b/node_modules/govuk-frontend/govuk-prototype-kit.config.json
new file mode 100644
index 0000000..e686695
--- /dev/null
+++ b/node_modules/govuk-frontend/govuk-prototype-kit.config.json
@@ -0,0 +1,179 @@
+{
+  "meta": {
+    "description": "GOV.UK Frontend contains the code you need to start building a user interface for government platforms and services.",
+    "urls": {
+      "documentation": "https://design-system.service.gov.uk/",
+      "releaseNotes": "https://github.com/alphagov/govuk-frontend/releases/tag/v5.12.0",
+      "versionHistory": "https://github.com/alphagov/govuk-frontend/releases"
+    }
+  },
+  "assets": [
+    "/dist/govuk/assets",
+    "/dist/govuk/govuk-frontend.min.js.map"
+  ],
+  "sass": [
+    "/dist/govuk-prototype-kit/init.scss"
+  ],
+  "scripts": [
+    {
+      "path": "/dist/govuk/govuk-frontend.min.js",
+      "type": "module"
+    },
+    {
+      "path": "/dist/govuk-prototype-kit/init.js",
+      "type": "module"
+    }
+  ],
+  "nunjucksMacros": [
+    {
+      "importFrom": "govuk/components/accordion/macro.njk",
+      "macroName": "govukAccordion"
+    },
+    {
+      "importFrom": "govuk/components/back-link/macro.njk",
+      "macroName": "govukBackLink"
+    },
+    {
+      "importFrom": "govuk/components/breadcrumbs/macro.njk",
+      "macroName": "govukBreadcrumbs"
+    },
+    {
+      "importFrom": "govuk/components/button/macro.njk",
+      "macroName": "govukButton"
+    },
+    {
+      "importFrom": "govuk/components/character-count/macro.njk",
+      "macroName": "govukCharacterCount"
+    },
+    {
+      "importFrom": "govuk/components/checkboxes/macro.njk",
+      "macroName": "govukCheckboxes"
+    },
+    {
+      "importFrom": "govuk/components/cookie-banner/macro.njk",
+      "macroName": "govukCookieBanner"
+    },
+    {
+      "importFrom": "govuk/components/date-input/macro.njk",
+      "macroName": "govukDateInput"
+    },
+    {
+      "importFrom": "govuk/components/details/macro.njk",
+      "macroName": "govukDetails"
+    },
+    {
+      "importFrom": "govuk/components/error-message/macro.njk",
+      "macroName": "govukErrorMessage"
+    },
+    {
+      "importFrom": "govuk/components/error-summary/macro.njk",
+      "macroName": "govukErrorSummary"
+    },
+    {
+      "importFrom": "govuk/components/exit-this-page/macro.njk",
+      "macroName": "govukExitThisPage"
+    },
+    {
+      "importFrom": "govuk/components/fieldset/macro.njk",
+      "macroName": "govukFieldset"
+    },
+    {
+      "importFrom": "govuk/components/file-upload/macro.njk",
+      "macroName": "govukFileUpload"
+    },
+    {
+      "importFrom": "govuk/components/footer/macro.njk",
+      "macroName": "govukFooter"
+    },
+    {
+      "importFrom": "govuk/components/header/macro.njk",
+      "macroName": "govukHeader"
+    },
+    {
+      "importFrom": "govuk/components/hint/macro.njk",
+      "macroName": "govukHint"
+    },
+    {
+      "importFrom": "govuk/components/input/macro.njk",
+      "macroName": "govukInput"
+    },
+    {
+      "importFrom": "govuk/components/inset-text/macro.njk",
+      "macroName": "govukInsetText"
+    },
+    {
+      "importFrom": "govuk/components/label/macro.njk",
+      "macroName": "govukLabel"
+    },
+    {
+      "importFrom": "govuk/components/notification-banner/macro.njk",
+      "macroName": "govukNotificationBanner"
+    },
+    {
+      "importFrom": "govuk/components/pagination/macro.njk",
+      "macroName": "govukPagination"
+    },
+    {
+      "importFrom": "govuk/components/panel/macro.njk",
+      "macroName": "govukPanel"
+    },
+    {
+      "importFrom": "govuk/components/password-input/macro.njk",
+      "macroName": "govukPasswordInput"
+    },
+    {
+      "importFrom": "govuk/components/phase-banner/macro.njk",
+      "macroName": "govukPhaseBanner"
+    },
+    {
+      "importFrom": "govuk/components/radios/macro.njk",
+      "macroName": "govukRadios"
+    },
+    {
+      "importFrom": "govuk/components/select/macro.njk",
+      "macroName": "govukSelect"
+    },
+    {
+      "importFrom": "govuk/components/service-navigation/macro.njk",
+      "macroName": "govukServiceNavigation"
+    },
+    {
+      "importFrom": "govuk/components/skip-link/macro.njk",
+      "macroName": "govukSkipLink"
+    },
+    {
+      "importFrom": "govuk/components/summary-list/macro.njk",
+      "macroName": "govukSummaryList"
+    },
+    {
+      "importFrom": "govuk/components/table/macro.njk",
+      "macroName": "govukTable"
+    },
+    {
+      "importFrom": "govuk/components/tabs/macro.njk",
+      "macroName": "govukTabs"
+    },
+    {
+      "importFrom": "govuk/components/tag/macro.njk",
+      "macroName": "govukTag"
+    },
+    {
+      "importFrom": "govuk/components/task-list/macro.njk",
+      "macroName": "govukTaskList"
+    },
+    {
+      "importFrom": "govuk/components/textarea/macro.njk",
+      "macroName": "govukTextarea"
+    },
+    {
+      "importFrom": "govuk/components/warning-text/macro.njk",
+      "macroName": "govukWarningText"
+    }
+  ],
+  "nunjucksPaths": [
+    "/dist"
+  ],
+  "nunjucksFunctions": [
+    "/dist/govuk-prototype-kit/functions.js"
+  ]
+}
diff --git a/node_modules/govuk-frontend/package.json b/node_modules/govuk-frontend/package.json
new file mode 100644
index 0000000..29fce35
--- /dev/null
+++ b/node_modules/govuk-frontend/package.json
@@ -0,0 +1,93 @@
+{
+  "name": "govuk-frontend",
+  "description": "GOV.UK Frontend contains the code you need to start building a user interface for government platforms and services.",
+  "version": "5.12.0",
+  "main": "dist/govuk/all.bundle.js",
+  "module": "dist/govuk/all.mjs",
+  "sass": "dist/govuk/index.scss",
+  "files": [
+    "dist",
+    "govuk-prototype-kit.config.json",
+    "package.json",
+    "README.md"
+  ],
+  "exports": {
+    ".": {
+      "sass": "./dist/govuk/index.scss",
+      "import": "./dist/govuk/all.mjs",
+      "require": "./dist/govuk/all.bundle.js",
+      "default": "./dist/govuk/all.bundle.js"
+    },
+    "./*": "./*",
+    "./dist/": "./dist/",
+    "./govuk-prototype-kit.config.json": "./govuk-prototype-kit.config.json",
+    "./package.json": "./package.json"
+  },
+  "sideEffects": false,
+  "engines": {
+    "node": ">= 4.2.0"
+  },
+  "author": {
+    "name": "GOV.UK Design System Team (Government Digital Service)",
+    "email": "design-system-developers@digital.cabinet-office.gov.uk"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/alphagov/govuk-frontend.git",
+    "directory": "packages/govuk-frontend"
+  },
+  "bugs": {
+    "url": "https://github.com/alphagov/govuk-frontend/issues"
+  },
+  "homepage": "https://frontend.design-system.service.gov.uk/",
+  "keywords": [
+    "govuk",
+    "frontend",
+    "design system",
+    "template"
+  ],
+  "license": "MIT",
+  "scripts": {
+    "dev": "gulp dev --color",
+    "prebuild:package": "npm run clean:package",
+    "prebuild:release": "npm run clean:release",
+    "build": "npm run build:package",
+    "build:package": "gulp build:package --color",
+    "build:release": "gulp build:release --color",
+    "build:stats": "npm run stats --workspace @govuk-frontend/stats",
+    "build:types": "tsc --build tsconfig.json",
+    "clean": "npm run clean:package",
+    "clean:package": "del-cli *.tsbuildinfo dist govuk-prototype-kit.config.json",
+    "clean:release": "del-cli ../../dist --force",
+    "postbuild:package": "npm run build:stats && govuk-prototype-kit validate-plugin .",
+    "version": "echo $npm_package_version"
+  },
+  "devDependencies": {
+    "@babel/core": "^7.28.3",
+    "@babel/preset-env": "^7.28.3",
+    "@govuk-frontend/config": "*",
+    "@govuk-frontend/helpers": "*",
+    "@govuk-frontend/lib": "*",
+    "@govuk-frontend/tasks": "*",
+    "@rollup/plugin-babel": "^6.0.4",
+    "@rollup/plugin-replace": "^6.0.2",
+    "@rollup/plugin-terser": "^0.4.4",
+    "autoprefixer": "^10.4.21",
+    "cssnano": "^7.1.1",
+    "cssnano-preset-default": "^7.0.1",
+    "govuk-prototype-kit": "^13.18.0",
+    "gulp": "^5.0.1",
+    "gulp-cli": "^3.0.0",
+    "html-validate": "9.7.1",
+    "nunjucks": "^3.2.4",
+    "outdent": "^0.8.0",
+    "postcss": "^8.5.6",
+    "postcss-scss": "^4.0.9",
+    "puppeteer": "^24.19.0",
+    "rollup": "^4.50.0",
+    "sass-color-helpers": "^2.1.1",
+    "sass-embedded": "^1.89.2",
+    "sassdoc": "^2.7.4",
+    "slash": "^5.1.0"
+  }
+}
diff --git a/node_modules/immutable/LICENSE b/node_modules/immutable/LICENSE
new file mode 100644
index 0000000..1e3c4f3
--- /dev/null
+++ b/node_modules/immutable/LICENSE
@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2014-present, Lee Byron and other contributors.
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
diff --git a/node_modules/immutable/README.md b/node_modules/immutable/README.md
new file mode 100644
index 0000000..76cda05
--- /dev/null
+++ b/node_modules/immutable/README.md
@@ -0,0 +1,731 @@
+# Immutable collections for JavaScript
+
+[![Build Status](https://github.com/immutable-js/immutable-js/actions/workflows/ci.yml/badge.svg?branch=main)](https://github.com/immutable-js/immutable-js/actions/workflows/ci.yml?query=branch%3Amain) [Chat on slack](https://immutable-js.slack.com)
+
+[Read the docs](https://immutable-js.com/docs/) and eat your vegetables.
+
+Docs are automatically generated from [README.md][] and [immutable.d.ts][].
+Please contribute! Also, don't miss the [wiki][] which contains articles on
+additional specific topics. Can't find something? Open an [issue][].
+
+**Table of contents:**
+
+- [Introduction](#introduction)
+- [Getting started](#getting-started)
+- [The case for Immutability](#the-case-for-immutability)
+- [JavaScript-first API](#javascript-first-api)
+- [Nested Structures](#nested-structures)
+- [Equality treats Collections as Values](#equality-treats-collections-as-values)
+- [Batching Mutations](#batching-mutations)
+- [Lazy Seq](#lazy-seq)
+- [Additional Tools and Resources](#additional-tools-and-resources)
+- [Contributing](#contributing)
+
+## Introduction
+
+[Immutable][] data cannot be changed once created, leading to much simpler
+application development, no defensive copying, and enabling advanced memoization
+and change detection techniques with simple logic. [Persistent][] data presents
+a mutative API which does not update the data in-place, but instead always
+yields new updated data.
+
+Immutable.js provides many Persistent Immutable data structures including:
+`List`, `Stack`, `Map`, `OrderedMap`, `Set`, `OrderedSet` and `Record`.
+
+These data structures are highly efficient on modern JavaScript VMs by using
+structural sharing via [hash maps tries][] and [vector tries][] as popularized
+by Clojure and Scala, minimizing the need to copy or cache data.
+
+Immutable.js also provides a lazy `Seq`, allowing efficient
+chaining of collection methods like `map` and `filter` without creating
+intermediate representations. Create some `Seq` with `Range` and `Repeat`.
+
+Want to hear more? Watch the presentation about Immutable.js:
+
+[![Immutable Data and React](website/public/Immutable-Data-and-React-YouTube.png)](https://youtu.be/I7IdS-PbEgI)
+
+[README.md]: https://github.com/immutable-js/immutable-js/blob/main/README.md
+[immutable.d.ts]: https://github.com/immutable-js/immutable-js/blob/main/type-definitions/immutable.d.ts
+[wiki]: https://github.com/immutable-js/immutable-js/wiki
+[issue]: https://github.com/immutable-js/immutable-js/issues
+[Persistent]: https://en.wikipedia.org/wiki/Persistent_data_structure
+[Immutable]: https://en.wikipedia.org/wiki/Immutable_object
+[hash maps tries]: https://en.wikipedia.org/wiki/Hash_array_mapped_trie
+[vector tries]: https://hypirion.com/musings/understanding-persistent-vector-pt-1
+
+## Getting started
+
+Install `immutable` using npm.
+
+```shell
+# using npm
+npm install immutable
+
+# using Yarn
+yarn add immutable
+
+# using pnpm
+pnpm add immutable
+
+# using Bun
+bun add immutable
+```
+
+Then require it into any module.
+
+```js
+import { Map } from 'immutable';
+const map1 = Map({ a: 1, b: 2, c: 3 });
+const map2 = map1.set('b', 50);
+map1.get('b') + ' vs. ' + map2.get('b'); // 2 vs. 50
+```
+
+### Browser
+
+Immutable.js has no dependencies, which makes it predictable to include in a Browser.
+
+It's highly recommended to use a module bundler like [webpack](https://webpack.js.org/),
+[rollup](https://rollupjs.org/), or
+[browserify](https://browserify.org/). The `immutable` npm module works
+without any additional consideration. All examples throughout the documentation
+will assume use of this kind of tool.
+
+Alternatively, Immutable.js may be directly included as a script tag. Download
+or link to a CDN such as [CDNJS](https://cdnjs.com/libraries/immutable)
+or [jsDelivr](https://www.jsdelivr.com/package/npm/immutable).
+
+Use a script tag to directly add `Immutable` to the global scope:
+
+```html
+<script src="immutable.min.js"></script>
+<script>
+  var map1 = Immutable.Map({ a: 1, b: 2, c: 3 });
+  var map2 = map1.set('b', 50);
+  map1.get('b'); // 2
+  map2.get('b'); // 50
+</script>
+```
+
+Or use an AMD-style loader (such as [RequireJS](https://requirejs.org/)):
+
+```js
+require(['./immutable.min.js'], function (Immutable) {
+  var map1 = Immutable.Map({ a: 1, b: 2, c: 3 });
+  var map2 = map1.set('b', 50);
+  map1.get('b'); // 2
+  map2.get('b'); // 50
+});
+```
+
+### Flow & TypeScript
+
+Use these Immutable collections and sequences as you would use native
+collections in your [Flowtype](https://flowtype.org/) or [TypeScript](https://typescriptlang.org) programs while still taking
+advantage of type generics, error detection, and auto-complete in your IDE.
+
+Installing `immutable` via npm brings with it type definitions for Flow (v0.55.0 or higher)
+and TypeScript (v4.5 or higher), so you shouldn't need to do anything at all!
+
+#### Using TypeScript with Immutable.js v4+
+
+Immutable.js type definitions embrace ES2015. While Immutable.js itself supports
+legacy browsers and environments, its type definitions require TypeScript's 2015
+lib. Include either `"target": "es2015"` or `"lib": "es2015"` in your
+`tsconfig.json`, or provide `--target es2015` or `--lib es2015` to the
+`tsc` command.
+
+```js
+import { Map } from 'immutable';
+const map1 = Map({ a: 1, b: 2, c: 3 });
+const map2 = map1.set('b', 50);
+map1.get('b') + ' vs. ' + map2.get('b'); // 2 vs. 50
+```
+
+#### Using TypeScript with Immutable.js v3 and earlier:
+
+Previous versions of Immutable.js include a reference file which you can include
+via relative path to the type definitions at the top of your file.
+
+```js
+///<reference path='./node_modules/immutable/dist/immutable.d.ts'/>
+import { Map } from 'immutable';
+var map1: Map<string, number>;
+map1 = Map({ a: 1, b: 2, c: 3 });
+var map2 = map1.set('b', 50);
+map1.get('b'); // 2
+map2.get('b'); // 50
+```
+
+## The case for Immutability
+
+Much of what makes application development difficult is tracking mutation and
+maintaining state. Developing with immutable data encourages you to think
+differently about how data flows through your application.
+
+Subscribing to data events throughout your application creates a huge overhead of
+book-keeping which can hurt performance, sometimes dramatically, and creates
+opportunities for areas of your application to get out of sync with each other
+due to easy to make programmer error. Since immutable data never changes,
+subscribing to changes throughout the model is a dead-end and new data can only
+ever be passed from above.
+
+This model of data flow aligns well with the architecture of [React][]
+and especially well with an application designed using the ideas of [Flux][].
+
+When data is passed from above rather than being subscribed to, and you're only
+interested in doing work when something has changed, you can use equality.
+
+Immutable collections should be treated as _values_ rather than _objects_. While
+objects represent some thing which could change over time, a value represents
+the state of that thing at a particular instance of time. This principle is most
+important to understanding the appropriate use of immutable data. In order to
+treat Immutable.js collections as values, it's important to use the
+`Immutable.is()` function or `.equals()` method to determine _value equality_
+instead of the `===` operator which determines object _reference identity_.
+
+```js
+import { Map } from 'immutable';
+const map1 = Map({ a: 1, b: 2, c: 3 });
+const map2 = Map({ a: 1, b: 2, c: 3 });
+map1.equals(map2); // true
+map1 === map2; // false
+```
+
+Note: As a performance optimization Immutable.js attempts to return the existing
+collection when an operation would result in an identical collection, allowing
+for using `===` reference equality to determine if something definitely has not
+changed. This can be extremely useful when used within a memoization function
+which would prefer to re-run the function if a deeper equality check could
+potentially be more costly. The `===` equality check is also used internally by
+`Immutable.is` and `.equals()` as a performance optimization.
+
+```js
+import { Map } from 'immutable';
+const map1 = Map({ a: 1, b: 2, c: 3 });
+const map2 = map1.set('b', 2); // Set to same value
+map1 === map2; // true
+```
+
+If an object is immutable, it can be "copied" simply by making another reference
+to it instead of copying the entire object. Because a reference is much smaller
+than the object itself, this results in memory savings and a potential boost in
+execution speed for programs which rely on copies (such as an undo-stack).
+
+```js
+import { Map } from 'immutable';
+const map = Map({ a: 1, b: 2, c: 3 });
+const mapCopy = map; // Look, "copies" are free!
+```
+
+[React]: https://reactjs.org/
+[Flux]: https://facebook.github.io/flux/docs/in-depth-overview/
+
+## JavaScript-first API
+
+While Immutable.js is inspired by Clojure, Scala, Haskell and other functional
+programming environments, it's designed to bring these powerful concepts to
+JavaScript, and therefore has an Object-Oriented API that closely mirrors that
+of [ES2015][] [Array][], [Map][], and [Set][].
+
+[es2015]: https://developer.mozilla.org/en-US/docs/Web/JavaScript/New_in_JavaScript/ECMAScript_6_support_in_Mozilla
+[array]: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array
+[map]: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Map
+[set]: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Set
+
+The difference for the immutable collections is that methods which would mutate
+the collection, like `push`, `set`, `unshift` or `splice`, instead return a new
+immutable collection. Methods which return new arrays, like `slice` or `concat`,
+instead return new immutable collections.
+
+```js
+import { List } from 'immutable';
+const list1 = List([1, 2]);
+const list2 = list1.push(3, 4, 5);
+const list3 = list2.unshift(0);
+const list4 = list1.concat(list2, list3);
+assert.equal(list1.size, 2);
+assert.equal(list2.size, 5);
+assert.equal(list3.size, 6);
+assert.equal(list4.size, 13);
+assert.equal(list4.get(0), 1);
+```
+
+Almost all of the methods on [Array][] will be found in similar form on
+`Immutable.List`, those of [Map][] found on `Immutable.Map`, and those of [Set][]
+found on `Immutable.Set`, including collection operations like `forEach()`
+and `map()`.
+
+```js
+import { Map } from 'immutable';
+const alpha = Map({ a: 1, b: 2, c: 3, d: 4 });
+alpha.map((v, k) => k.toUpperCase()).join();
+// 'A,B,C,D'
+```
+
+### Convert from raw JavaScript objects and arrays.
+
+Designed to inter-operate with your existing JavaScript, Immutable.js
+accepts plain JavaScript Arrays and Objects anywhere a method expects a
+`Collection`.
+
+```js
+import { Map, List } from 'immutable';
+const map1 = Map({ a: 1, b: 2, c: 3, d: 4 });
+const map2 = Map({ c: 10, a: 20, t: 30 });
+const obj = { d: 100, o: 200, g: 300 };
+const map3 = map1.merge(map2, obj);
+// Map { a: 20, b: 2, c: 10, d: 100, t: 30, o: 200, g: 300 }
+const list1 = List([1, 2, 3]);
+const list2 = List([4, 5, 6]);
+const array = [7, 8, 9];
+const list3 = list1.concat(list2, array);
+// List [ 1, 2, 3, 4, 5, 6, 7, 8, 9 ]
+```
+
+This is possible because Immutable.js can treat any JavaScript Array or Object
+as a Collection. You can take advantage of this in order to get sophisticated
+collection methods on JavaScript Objects, which otherwise have a very sparse
+native API. Because Seq evaluates lazily and does not cache intermediate
+results, these operations can be extremely efficient.
+
+```js
+import { Seq } from 'immutable';
+const myObject = { a: 1, b: 2, c: 3 };
+Seq(myObject)
+  .map((x) => x * x)
+  .toObject();
+// { a: 1, b: 4, c: 9 }
+```
+
+Keep in mind, when using JS objects to construct Immutable Maps, that
+JavaScript Object properties are always strings, even if written in a quote-less
+shorthand, while Immutable Maps accept keys of any type.
+
+```js
+import { fromJS } from 'immutable';
+
+const obj = { 1: 'one' };
+console.log(Object.keys(obj)); // [ "1" ]
+console.log(obj['1'], obj[1]); // "one", "one"
+
+const map = fromJS(obj);
+console.log(map.get('1'), map.get(1)); // "one", undefined
+```
+
+Property access for JavaScript Objects first converts the key to a string, but
+since Immutable Map keys can be of any type the argument to `get()` is
+not altered.
+
+### Converts back to raw JavaScript objects.
+
+All Immutable.js Collections can be converted to plain JavaScript Arrays and
+Objects shallowly with `toArray()` and `toObject()` or deeply with `toJS()`.
+All Immutable Collections also implement `toJSON()` allowing them to be passed
+to `JSON.stringify` directly. They also respect the custom `toJSON()` methods of
+nested objects.
+
+```js
+import { Map, List } from 'immutable';
+const deep = Map({ a: 1, b: 2, c: List([3, 4, 5]) });
+console.log(deep.toObject()); // { a: 1, b: 2, c: List [ 3, 4, 5 ] }
+console.log(deep.toArray()); // [ 1, 2, List [ 3, 4, 5 ] ]
+console.log(deep.toJS()); // { a: 1, b: 2, c: [ 3, 4, 5 ] }
+JSON.stringify(deep); // '{"a":1,"b":2,"c":[3,4,5]}'
+```
+
+### Embraces ES2015
+
+Immutable.js supports all JavaScript environments, including legacy
+browsers (even IE11). However it also takes advantage of features added to
+JavaScript in [ES2015][], the latest standard version of JavaScript, including
+[Iterators][], [Arrow Functions][], [Classes][], and [Modules][]. It's inspired
+by the native [Map][] and [Set][] collections added to ES2015.
+
+All examples in the Documentation are presented in ES2015. To run in all
+browsers, they need to be translated to ES5.
+
+```js
+// ES2015
+const mapped = foo.map((x) => x * x);
+// ES5
+var mapped = foo.map(function (x) {
+  return x * x;
+});
+```
+
+All Immutable.js collections are [Iterable][iterators], which allows them to be
+used anywhere an Iterable is expected, such as when spreading into an Array.
+
+```js
+import { List } from 'immutable';
+const aList = List([1, 2, 3]);
+const anArray = [0, ...aList, 4, 5]; // [ 0, 1, 2, 3, 4, 5 ]
+```
+
+Note: A Collection is always iterated in the same order, however that order may
+not always be well defined, as is the case for the `Map` and `Set`.
+
+[Iterators]: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/The_Iterator_protocol
+[Arrow Functions]: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/Arrow_functions
+[Classes]: https://wiki.ecmascript.org/doku.php?id=strawman:maximally_minimal_classes
+[Modules]: https://www.2ality.com/2014/09/es6-modules-final.html
+
+## Nested Structures
+
+The collections in Immutable.js are intended to be nested, allowing for deep
+trees of data, similar to JSON.
+
+```js
+import { fromJS } from 'immutable';
+const nested = fromJS({ a: { b: { c: [3, 4, 5] } } });
+// Map { a: Map { b: Map { c: List [ 3, 4, 5 ] } } }
+```
+
+A few power-tools allow for reading and operating on nested data. The
+most useful are `mergeDeep`, `getIn`, `setIn`, and `updateIn`, found on `List`,
+`Map` and `OrderedMap`.
+
+```js
+import { fromJS } from 'immutable';
+const nested = fromJS({ a: { b: { c: [3, 4, 5] } } });
+
+const nested2 = nested.mergeDeep({ a: { b: { d: 6 } } });
+// Map { a: Map { b: Map { c: List [ 3, 4, 5 ], d: 6 } } }
+
+console.log(nested2.getIn(['a', 'b', 'd'])); // 6
+
+const nested3 = nested2.updateIn(['a', 'b', 'd'], (value) => value + 1);
+console.log(nested3);
+// Map { a: Map { b: Map { c: List [ 3, 4, 5 ], d: 7 } } }
+
+const nested4 = nested3.updateIn(['a', 'b', 'c'], (list) => list.push(6));
+// Map { a: Map { b: Map { c: List [ 3, 4, 5, 6 ], d: 7 } } }
+```
+
+## Equality treats Collections as Values
+
+Immutable.js collections are treated as pure data _values_. Two immutable
+collections are considered _value equal_ (via `.equals()` or `is()`) if they
+represent the same collection of values. This differs from JavaScript's typical
+_reference equal_ (via `===` or `==`) for Objects and Arrays which only
+determines if two variables represent references to the same object instance.
+
+Consider the example below where two identical `Map` instances are not
+_reference equal_ but are _value equal_.
+
+```js
+// First consider:
+const obj1 = { a: 1, b: 2, c: 3 };
+const obj2 = { a: 1, b: 2, c: 3 };
+obj1 !== obj2; // two different instances are always not equal with ===
+
+import { Map, is } from 'immutable';
+const map1 = Map({ a: 1, b: 2, c: 3 });
+const map2 = Map({ a: 1, b: 2, c: 3 });
+map1 !== map2; // two different instances are not reference-equal
+map1.equals(map2); // but are value-equal if they have the same values
+is(map1, map2); // alternatively can use the is() function
+```
+
+Value equality allows Immutable.js collections to be used as keys in Maps or
+values in Sets, and retrieved with different but equivalent collections:
+
+```js
+import { Map, Set } from 'immutable';
+const map1 = Map({ a: 1, b: 2, c: 3 });
+const map2 = Map({ a: 1, b: 2, c: 3 });
+const set = Set().add(map1);
+set.has(map2); // true because these are value-equal
+```
+
+Note: `is()` uses the same measure of equality as [Object.is][] for scalar
+strings and numbers, but uses value equality for Immutable collections,
+determining if both are immutable and all keys and values are equal
+using the same measure of equality.
+
+[object.is]: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/is
+
+#### Performance tradeoffs
+
+While value equality is useful in many circumstances, it has different
+performance characteristics than reference equality. Understanding these
+tradeoffs may help you decide which to use in each case, especially when used
+to memoize some operation.
+
+When comparing two collections, value equality may require considering every
+item in each collection, on an `O(N)` time complexity. For large collections of
+values, this could become a costly operation. Though if the two are not equal
+and hardly similar, the inequality is determined very quickly. In contrast, when
+comparing two collections with reference equality, only the initial references
+to memory need to be compared which is not based on the size of the collections,
+which has an `O(1)` time complexity. Checking reference equality is always very
+fast, however just because two collections are not reference-equal does not rule
+out the possibility that they may be value-equal.
+
+#### Return self on no-op optimization
+
+When possible, Immutable.js avoids creating new objects for updates where no
+change in _value_ occurred, to allow for efficient _reference equality_ checking
+to quickly determine if no change occurred.
+
+```js
+import { Map } from 'immutable';
+const originalMap = Map({ a: 1, b: 2, c: 3 });
+const updatedMap = originalMap.set('b', 2);
+updatedMap === originalMap; // No-op .set() returned the original reference.
+```
+
+However updates which do result in a change will return a new reference. Each
+of these operations occur independently, so two similar updates will not return
+the same reference:
+
+```js
+import { Map } from 'immutable';
+const originalMap = Map({ a: 1, b: 2, c: 3 });
+const updatedMap = originalMap.set('b', 1000);
+// New instance, leaving the original immutable.
+updatedMap !== originalMap;
+const anotherUpdatedMap = originalMap.set('b', 1000);
+// Despite both the results of the same operation, each created a new reference.
+anotherUpdatedMap !== updatedMap;
+// However the two are value equal.
+anotherUpdatedMap.equals(updatedMap);
+```
+
+## Batching Mutations
+
+> If a tree falls in the woods, does it make a sound?
+>
+> If a pure function mutates some local data in order to produce an immutable
+> return value, is that ok?
+>
+> — Rich Hickey, Clojure
+
+Applying a mutation to create a new immutable object results in some overhead,
+which can add up to a minor performance penalty. If you need to apply a series
+of mutations locally before returning, Immutable.js gives you the ability to
+create a temporary mutable (transient) copy of a collection and apply a batch of
+mutations in a performant manner by using `withMutations`. In fact, this is
+exactly how Immutable.js applies complex mutations itself.
+
+As an example, building `list2` results in the creation of 1, not 3, new
+immutable Lists.
+
+```js
+import { List } from 'immutable';
+const list1 = List([1, 2, 3]);
+const list2 = list1.withMutations(function (list) {
+  list.push(4).push(5).push(6);
+});
+assert.equal(list1.size, 3);
+assert.equal(list2.size, 6);
+```
+
+Note: Immutable.js also provides `asMutable` and `asImmutable`, but only
+encourages their use when `withMutations` will not suffice. Use caution to not
+return a mutable copy, which could result in undesired behavior.
+
+_Important!_: Only a select few methods can be used in `withMutations` including
+`set`, `push` and `pop`. These methods can be applied directly against a
+persistent data-structure where other methods like `map`, `filter`, `sort`,
+and `splice` will always return new immutable data-structures and never mutate
+a mutable collection.
+
+## Lazy Seq
+
+`Seq` describes a lazy operation, allowing them to efficiently chain
+use of all the higher-order collection methods (such as `map` and `filter`)
+by not creating intermediate collections.
+
+**Seq is immutable** — Once a Seq is created, it cannot be
+changed, appended to, rearranged or otherwise modified. Instead, any mutative
+method called on a `Seq` will return a new `Seq`.
+
+**Seq is lazy** — `Seq` does as little work as necessary to respond to any
+method call. Values are often created during iteration, including implicit
+iteration when reducing or converting to a concrete data structure such as
+a `List` or JavaScript `Array`.
+
+For example, the following performs no work, because the resulting
+`Seq`'s values are never iterated:
+
+```js
+import { Seq } from 'immutable';
+const oddSquares = Seq([1, 2, 3, 4, 5, 6, 7, 8])
+  .filter((x) => x % 2 !== 0)
+  .map((x) => x * x);
+```
+
+Once the `Seq` is used, it performs only the work necessary. In this
+example, no intermediate arrays are ever created, filter is called three
+times, and map is only called once:
+
+```js
+oddSquares.get(1); // 9
+```
+
+Any collection can be converted to a lazy Seq with `Seq()`.
+
+```js
+import { Map, Seq } from 'immutable';
+const map = Map({ a: 1, b: 2, c: 3 });
+const lazySeq = Seq(map);
+```
+
+`Seq` allows for the efficient chaining of operations, allowing for the
+expression of logic that can otherwise be very tedious:
+
+```js
+lazySeq
+  .flip()
+  .map((key) => key.toUpperCase())
+  .flip();
+// Seq { A: 1, B: 2, C: 3 }
+```
+
+As well as expressing logic that would otherwise seem memory or time
+limited, for example `Range` is a special kind of Lazy sequence.
+
+```js
+import { Range } from 'immutable';
+Range(1, Infinity)
+  .skip(1000)
+  .map((n) => -n)
+  .filter((n) => n % 2 === 0)
+  .take(2)
+  .reduce((r, n) => r * n, 1);
+// 1006008
+```
+
+## Comparison of filter(), groupBy(), and partition()
+
+The `filter()`, `groupBy()`, and `partition()` methods are similar in that they
+all divide a collection into parts based on applying a function to each element.
+All three call the predicate or grouping function once for each item in the
+input collection. All three return zero or more collections of the same type as
+their input. The returned collections are always distinct from the input
+(according to `===`), even if the contents are identical.
+
+Of these methods, `filter()` is the only one that is lazy and the only one which
+discards items from the input collection. It is the simplest to use, and the
+fact that it returns exactly one collection makes it easy to combine with other
+methods to form a pipeline of operations.
+
+The `partition()` method is similar to an eager version of `filter()`, but it
+returns two collections; the first contains the items that would have been
+discarded by `filter()`, and the second contains the items that would have been
+kept. It always returns an array of exactly two collections, which can make it
+easier to use than `groupBy()`. Compared to making two separate calls to
+`filter()`, `partition()` makes half as many calls it the predicate passed to
+it.
+
+The `groupBy()` method is a more generalized version of `partition()` that can
+group by an arbitrary function rather than just a predicate. It returns a map
+with zero or more entries, where the keys are the values returned by the
+grouping function, and the values are nonempty collections of the corresponding
+arguments. Although `groupBy()` is more powerful than `partition()`, it can be
+harder to use because it is not always possible predict in advance how many
+entries the returned map will have and what their keys will be.
+
+| Summary                       | `filter` | `partition` | `groupBy`      |
+| :---------------------------- | :------- | :---------- | :------------- |
+| ease of use                   | easiest  | moderate    | hardest        |
+| generality                    | least    | moderate    | most           |
+| laziness                      | lazy     | eager       | eager          |
+| # of returned sub-collections | 1        | 2           | 0 or more      |
+| sub-collections may be empty  | yes      | yes         | no             |
+| can discard items             | yes      | no          | no             |
+| wrapping container            | none     | array       | Map/OrderedMap |
+
+## Additional Tools and Resources
+
+- [Atom-store](https://github.com/jameshopkins/atom-store/)
+
+  - A Clojure-inspired atom implementation in Javascript with configurability
+    for external persistance.
+
+- [Chai Immutable](https://github.com/astorije/chai-immutable)
+
+  - If you are using the [Chai Assertion Library](https://chaijs.com/), this
+    provides a set of assertions to use against Immutable.js collections.
+
+- [Fantasy-land](https://github.com/fantasyland/fantasy-land)
+
+  - Specification for interoperability of common algebraic structures in JavaScript.
+
+- [Immutagen](https://github.com/pelotom/immutagen)
+
+  - A library for simulating immutable generators in JavaScript.
+
+- [Immutable-cursor](https://github.com/redbadger/immutable-cursor)
+
+  - Immutable cursors incorporating the Immutable.js interface over
+    Clojure-inspired atom.
+
+- [Immutable-ext](https://github.com/DrBoolean/immutable-ext)
+
+  - Fantasyland extensions for immutablejs
+
+- [Immutable-js-tools](https://github.com/madeinfree/immutable-js-tools)
+
+  - Util tools for immutable.js
+
+- [Immutable-Redux](https://github.com/gajus/redux-immutable)
+
+  - redux-immutable is used to create an equivalent function of Redux
+    combineReducers that works with Immutable.js state.
+
+- [Immutable-Treeutils](https://github.com/lukasbuenger/immutable-treeutils)
+
+  - Functional tree traversal helpers for ImmutableJS data structures.
+
+- [Irecord](https://github.com/ericelliott/irecord)
+
+  - An immutable store that exposes an RxJS observable. Great for React.
+
+- [Mudash](https://github.com/brianneisler/mudash)
+
+  - Lodash wrapper providing Immutable.JS support.
+
+- [React-Immutable-PropTypes](https://github.com/HurricaneJames/react-immutable-proptypes)
+
+  - PropType validators that work with Immutable.js.
+
+- [Redux-Immutablejs](https://github.com/indexiatech/redux-immutablejs)
+
+  - Redux Immutable facilities.
+
+- [Rxstate](https://github.com/yamalight/rxstate)
+
+  - Simple opinionated state management library based on RxJS and Immutable.js.
+
+- [Transit-Immutable-js](https://github.com/glenjamin/transit-immutable-js)
+  - Transit serialisation for Immutable.js.
+  - See also: [Transit-js](https://github.com/cognitect/transit-js)
+
+Have an additional tool designed to work with Immutable.js?
+Submit a PR to add it to this list in alphabetical order.
+
+## Contributing
+
+Use [Github issues](https://github.com/immutable-js/immutable-js/issues) for requests.
+
+We actively welcome pull requests, learn how to [contribute](https://github.com/immutable-js/immutable-js/blob/main/.github/CONTRIBUTING.md).
+
+Immutable.js is maintained within the [Contributor Covenant's Code of Conduct](https://www.contributor-covenant.org/version/2/0/code_of_conduct/).
+
+### Changelog
+
+Changes are tracked as [Github releases](https://github.com/immutable-js/immutable-js/releases).
+
+### License
+
+Immutable.js is [MIT-licensed](./LICENSE).
+
+### Thanks
+
+[Phil Bagwell](https://www.youtube.com/watch?v=K2NYwP90bNs), for his inspiration
+and research in persistent data structures.
+
+[Hugh Jackson](https://github.com/hughfdjackson/), for providing the npm package
+name. If you're looking for his unsupported package, see [this repository](https://github.com/hughfdjackson/immutable).
diff --git a/node_modules/immutable/dist/immutable.d.ts b/node_modules/immutable/dist/immutable.d.ts
new file mode 100644
index 0000000..5882a7b
--- /dev/null
+++ b/node_modules/immutable/dist/immutable.d.ts
@@ -0,0 +1,5126 @@
+/** @ignore we should disable this rules, but let's activate it to enable eslint first */
+/**
+ * Immutable data encourages pure functions (data-in, data-out) and lends itself
+ * to much simpler application development and enabling techniques from
+ * functional programming such as lazy evaluation.
+ *
+ * While designed to bring these powerful functional concepts to JavaScript, it
+ * presents an Object-Oriented API familiar to Javascript engineers and closely
+ * mirroring that of Array, Map, and Set. It is easy and efficient to convert to
+ * and from plain Javascript types.
+ *
+ * ## How to read these docs
+ *
+ * In order to better explain what kinds of values the Immutable.js API expects
+ * and produces, this documentation is presented in a statically typed dialect of
+ * JavaScript (like [Flow][] or [TypeScript][]). You *don't need* to use these
+ * type checking tools in order to use Immutable.js, however becoming familiar
+ * with their syntax will help you get a deeper understanding of this API.
+ *
+ * **A few examples and how to read them.**
+ *
+ * All methods describe the kinds of data they accept and the kinds of data
+ * they return. For example a function which accepts two numbers and returns
+ * a number would look like this:
+ *
+ * ```js
+ * sum(first: number, second: number): number
+ * ```
+ *
+ * Sometimes, methods can accept different kinds of data or return different
+ * kinds of data, and this is described with a *type variable*, which is
+ * typically in all-caps. For example, a function which always returns the same
+ * kind of data it was provided would look like this:
+ *
+ * ```js
+ * identity<T>(value: T): T
+ * ```
+ *
+ * Type variables are defined with classes and referred to in methods. For
+ * example, a class that holds onto a value for you might look like this:
+ *
+ * ```js
+ * class Box<T> {
+ *   constructor(value: T)
+ *   getValue(): T
+ * }
+ * ```
+ *
+ * In order to manipulate Immutable data, methods that we're used to affecting
+ * a Collection instead return a new Collection of the same type. The type
+ * `this` refers to the same kind of class. For example, a List which returns
+ * new Lists when you `push` a value onto it might look like:
+ *
+ * ```js
+ * class List<T> {
+ *   push(value: T): this
+ * }
+ * ```
+ *
+ * Many methods in Immutable.js accept values which implement the JavaScript
+ * [Iterable][] protocol, and might appear like `Iterable<string>` for something
+ * which represents sequence of strings. Typically in JavaScript we use plain
+ * Arrays (`[]`) when an Iterable is expected, but also all of the Immutable.js
+ * collections are iterable themselves!
+ *
+ * For example, to get a value deep within a structure of data, we might use
+ * `getIn` which expects an `Iterable` path:
+ *
+ * ```
+ * getIn(path: Iterable<string | number>): unknown
+ * ```
+ *
+ * To use this method, we could pass an array: `data.getIn([ "key", 2 ])`.
+ *
+ *
+ * Note: All examples are presented in the modern [ES2015][] version of
+ * JavaScript. Use tools like Babel to support older browsers.
+ *
+ * For example:
+ *
+ * ```js
+ * // ES2015
+ * const mappedFoo = foo.map(x => x * x);
+ * // ES5
+ * var mappedFoo = foo.map(function (x) { return x * x; });
+ * ```
+ *
+ * [ES2015]: https://developer.mozilla.org/en-US/docs/Web/JavaScript/New_in_JavaScript/ECMAScript_6_support_in_Mozilla
+ * [TypeScript]: https://www.typescriptlang.org/
+ * [Flow]: https://flowtype.org/
+ * [Iterable]: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Iteration_protocols
+ */
+
+declare namespace Immutable {
+  /** @ignore */
+  type OnlyObject<T> = Extract<T, object>;
+
+  /** @ignore */
+  type ContainObject<T> =
+    OnlyObject<T> extends object
+      ? OnlyObject<T> extends never
+        ? false
+        : true
+      : false;
+
+  /**
+   * @ignore
+   *
+   * Used to convert deeply all immutable types to a plain TS type.
+   * Using `unknown` on object instead of recursive call as we have a circular reference issue
+   */
+  export type DeepCopy<T> =
+    T extends Record<infer R>
+      ? // convert Record to DeepCopy plain JS object
+        {
+          [key in keyof R]: ContainObject<R[key]> extends true
+            ? unknown
+            : R[key];
+        }
+      : T extends MapOf<infer R>
+        ? // convert MapOf to DeepCopy plain JS object
+          {
+            [key in keyof R]: ContainObject<R[key]> extends true
+              ? unknown
+              : R[key];
+          }
+        : T extends Collection.Keyed<infer KeyedKey, infer V>
+          ? // convert KeyedCollection to DeepCopy plain JS object
+            {
+              [key in KeyedKey extends PropertyKey
+                ? KeyedKey
+                : string]: V extends object ? unknown : V;
+            }
+          : // convert IndexedCollection or Immutable.Set to DeepCopy plain JS array
+            // eslint-disable-next-line @typescript-eslint/no-unused-vars
+            T extends Collection<infer _, infer V>
+            ? Array<DeepCopy<V>>
+            : T extends string | number // Iterable scalar types : should be kept as is
+              ? T
+              : T extends Iterable<infer V> // Iterable are converted to plain JS array
+                ? Array<DeepCopy<V>>
+                : T extends object // plain JS object are converted deeply
+                  ? {
+                      [ObjectKey in keyof T]: ContainObject<
+                        T[ObjectKey]
+                      > extends true
+                        ? unknown
+                        : T[ObjectKey];
+                    }
+                  : // other case : should be kept as is
+                    T;
+
+  /**
+   * Describes which item in a pair should be placed first when sorting
+   *
+   * @ignore
+   */
+  export enum PairSorting {
+    LeftThenRight = -1,
+    RightThenLeft = +1,
+  }
+
+  /**
+   * Function comparing two items of the same type. It can return:
+   *
+   * * a PairSorting value, to indicate whether the left-hand item or the right-hand item should be placed before the other
+   *
+   * * the traditional numeric return value - especially -1, 0, or 1
+   *
+   * @ignore
+   */
+  export type Comparator<T> = (left: T, right: T) => PairSorting | number;
+
+  /**
+   * @ignore
+   *
+   * KeyPath allowed for `xxxIn` methods
+   */
+  export type KeyPath<K> = OrderedCollection<K> | ArrayLike<K>;
+
+  /**
+   * Lists are ordered indexed dense collections, much like a JavaScript
+   * Array.
+   *
+   * Lists are immutable and fully persistent with O(log32 N) gets and sets,
+   * and O(1) push and pop.
+   *
+   * Lists implement Deque, with efficient addition and removal from both the
+   * end (`push`, `pop`) and beginning (`unshift`, `shift`).
+   *
+   * Unlike a JavaScript Array, there is no distinction between an
+   * "unset" index and an index set to `undefined`. `List#forEach` visits all
+   * indices from 0 to size, regardless of whether they were explicitly defined.
+   */
+  namespace List {
+    /**
+     * True if the provided value is a List
+     */
+    function isList(maybeList: unknown): maybeList is List<unknown>;
+
+    /**
+     * Creates a new List containing `values`.
+     *
+     * Note: Values are not altered or converted in any way.
+     */
+    function of<T>(...values: Array<T>): List<T>;
+  }
+
+  /**
+   * Create a new immutable List containing the values of the provided
+   * collection-like.
+   *
+   * Note: `List` is a factory function and not a class, and does not use the
+   * `new` keyword during construction.
+   */
+  function List<T>(collection?: Iterable<T> | ArrayLike<T>): List<T>;
+
+  interface List<T> extends Collection.Indexed<T> {
+    /**
+     * The number of items in this List.
+     */
+    readonly size: number;
+
+    // Persistent changes
+
+    /**
+     * Returns a new List which includes `value` at `index`. If `index` already
+     * exists in this List, it will be replaced.
+     *
+     * `index` may be a negative number, which indexes back from the end of the
+     * List. `v.set(-1, "value")` sets the last item in the List.
+     *
+     * If `index` larger than `size`, the returned List's `size` will be large
+     * enough to include the `index`.
+     *
+     * Note: `set` can be used in `withMutations`.
+     */
+    set(index: number, value: T): List<T>;
+
+    /**
+     * Returns a new List which excludes this `index` and with a size 1 less
+     * than this List. Values at indices above `index` are shifted down by 1 to
+     * fill the position.
+     *
+     * This is synonymous with `list.splice(index, 1)`.
+     *
+     * `index` may be a negative number, which indexes back from the end of the
+     * List. `v.delete(-1)` deletes the last item in the List.
+     *
+     * Note: `delete` cannot be safely used in IE8
+     *
+     * Since `delete()` re-indexes values, it produces a complete copy, which
+     * has `O(N)` complexity.
+     *
+     * Note: `delete` *cannot* be used in `withMutations`.
+     *
+     * @alias remove
+     */
+    delete(index: number): List<T>;
+    remove(index: number): List<T>;
+
+    /**
+     * Returns a new List with `value` at `index` with a size 1 more than this
+     * List. Values at indices above `index` are shifted over by 1.
+     *
+     * This is synonymous with `list.splice(index, 0, value)`.
+     *
+     * Since `insert()` re-indexes values, it produces a complete copy, which
+     * has `O(N)` complexity.
+     *
+     * Note: `insert` *cannot* be used in `withMutations`.
+     */
+    insert(index: number, value: T): List<T>;
+
+    /**
+     * Returns a new List with 0 size and no values in constant time.
+     *
+     * Note: `clear` can be used in `withMutations`.
+     */
+    clear(): List<T>;
+
+    /**
+     * Returns a new List with the provided `values` appended, starting at this
+     * List's `size`.
+     *
+     * Note: `push` can be used in `withMutations`.
+     */
+    push(...values: Array<T>): List<T>;
+
+    /**
+     * Returns a new List with a size ones less than this List, excluding
+     * the last index in this List.
+     *
+     * Note: this differs from `Array#pop` because it returns a new
+     * List rather than the removed value. Use `last()` to get the last value
+     * in this List.
+     *
+     * ```js
+     * List([ 1, 2, 3, 4 ]).pop()
+     * // List[ 1, 2, 3 ]
+     * ```
+     *
+     * Note: `pop` can be used in `withMutations`.
+     */
+    pop(): List<T>;
+
+    /**
+     * Returns a new List with the provided `values` prepended, shifting other
+     * values ahead to higher indices.
+     *
+     * Note: `unshift` can be used in `withMutations`.
+     */
+    unshift(...values: Array<T>): List<T>;
+
+    /**
+     * Returns a new List with a size ones less than this List, excluding
+     * the first index in this List, shifting all other values to a lower index.
+     *
+     * Note: this differs from `Array#shift` because it returns a new
+     * List rather than the removed value. Use `first()` to get the first
+     * value in this List.
+     *
+     * Note: `shift` can be used in `withMutations`.
+     */
+    shift(): List<T>;
+
+    /**
+     * Returns a new List with an updated value at `index` with the return
+     * value of calling `updater` with the existing value, or `notSetValue` if
+     * `index` was not set. If called with a single argument, `updater` is
+     * called with the List itself.
+     *
+     * `index` may be a negative number, which indexes back from the end of the
+     * List. `v.update(-1)` updates the last item in the List.
+     *
+     * This can be very useful as a way to "chain" a normal function into a
+     * sequence of methods. RxJS calls this "let" and lodash calls it "thru".
+     *
+     * For example, to sum a List after mapping and filtering:
+     *
+     * Note: `update(index)` can be used in `withMutations`.
+     *
+     * @see `Map#update`
+     */
+    update(index: number, notSetValue: T, updater: (value: T) => T): this;
+    update(
+      index: number,
+      updater: (value: T | undefined) => T | undefined
+    ): this;
+    update<R>(updater: (value: this) => R): R;
+
+    /**
+     * Returns a new List with size `size`. If `size` is less than this
+     * List's size, the new List will exclude values at the higher indices.
+     * If `size` is greater than this List's size, the new List will have
+     * undefined values for the newly available indices.
+     *
+     * When building a new List and the final size is known up front, `setSize`
+     * used in conjunction with `withMutations` may result in the more
+     * performant construction.
+     */
+    setSize(size: number): List<T>;
+
+    // Deep persistent changes
+
+    /**
+     * Returns a new List having set `value` at this `keyPath`. If any keys in
+     * `keyPath` do not exist, a new immutable Map will be created at that key.
+     *
+     * Index numbers are used as keys to determine the path to follow in
+     * the List.
+     *
+     * Plain JavaScript Object or Arrays may be nested within an Immutable.js
+     * Collection, and setIn() can update those values as well, treating them
+     * immutably by creating new copies of those values with the changes applied.
+     *
+     * Note: `setIn` can be used in `withMutations`.
+     */
+    setIn(keyPath: Iterable<unknown>, value: unknown): this;
+
+    /**
+     * Returns a new List having removed the value at this `keyPath`. If any
+     * keys in `keyPath` do not exist, no change will occur.
+     *
+     * Plain JavaScript Object or Arrays may be nested within an Immutable.js
+     * Collection, and removeIn() can update those values as well, treating them
+     * immutably by creating new copies of those values with the changes applied.
+     *
+     * Note: `deleteIn` *cannot* be safely used in `withMutations`.
+     *
+     * @alias removeIn
+     */
+    deleteIn(keyPath: Iterable<unknown>): this;
+    removeIn(keyPath: Iterable<unknown>): this;
+
+    /**
+     * Note: `updateIn` can be used in `withMutations`.
+     *
+     * @see `Map#updateIn`
+     */
+    updateIn(
+      keyPath: Iterable<unknown>,
+      notSetValue: unknown,
+      updater: (value: unknown) => unknown
+    ): this;
+    updateIn(
+      keyPath: Iterable<unknown>,
+      updater: (value: unknown) => unknown
+    ): this;
+
+    /**
+     * Note: `mergeIn` can be used in `withMutations`.
+     *
+     * @see `Map#mergeIn`
+     */
+    mergeIn(keyPath: Iterable<unknown>, ...collections: Array<unknown>): this;
+
+    /**
+     * Note: `mergeDeepIn` can be used in `withMutations`.
+     *
+     * @see `Map#mergeDeepIn`
+     */
+    mergeDeepIn(
+      keyPath: Iterable<unknown>,
+      ...collections: Array<unknown>
+    ): this;
+
+    // Transient changes
+
+    /**
+     * Note: Not all methods can be safely used on a mutable collection or within
+     * `withMutations`! Check the documentation for each method to see if it
+     * allows being used in `withMutations`.
+     *
+     * @see `Map#withMutations`
+     */
+    withMutations(mutator: (mutable: this) => unknown): this;
+
+    /**
+     * An alternative API for withMutations()
+     *
+     * Note: Not all methods can be safely used on a mutable collection or within
+     * `withMutations`! Check the documentation for each method to see if it
+     * allows being used in `withMutations`.
+     *
+     * @see `Map#asMutable`
+     */
+    asMutable(): this;
+
+    /**
+     * @see `Map#wasAltered`
+     */
+    wasAltered(): boolean;
+
+    /**
+     * @see `Map#asImmutable`
+     */
+    asImmutable(): this;
+
+    // Sequence algorithms
+
+    /**
+     * Returns a new List with other values or collections concatenated to this one.
+     *
+     * Note: `concat` can be used in `withMutations`.
+     *
+     * @alias merge
+     */
+    concat<C>(...valuesOrCollections: Array<Iterable<C> | C>): List<T | C>;
+    merge<C>(...collections: Array<Iterable<C>>): List<T | C>;
+
+    /**
+     * Returns a new List with values passed through a
+     * `mapper` function.
+     */
+    map<M>(
+      mapper: (value: T, key: number, iter: this) => M,
+      context?: unknown
+    ): List<M>;
+
+    /**
+     * Flat-maps the List, returning a new List.
+     *
+     * Similar to `list.map(...).flatten(true)`.
+     */
+    flatMap<M>(
+      mapper: (value: T, key: number, iter: this) => Iterable<M>,
+      context?: unknown
+    ): List<M>;
+
+    /**
+     * Returns a new List with only the values for which the `predicate`
+     * function returns true.
+     *
+     * Note: `filter()` always returns a new instance, even if it results in
+     * not filtering out any values.
+     */
+    filter<F extends T>(
+      predicate: (value: T, index: number, iter: this) => value is F,
+      context?: unknown
+    ): List<F>;
+    filter(
+      predicate: (value: T, index: number, iter: this) => unknown,
+      context?: unknown
+    ): this;
+
+    /**
+     * Returns a new List with the values for which the `predicate`
+     * function returns false and another for which is returns true.
+     */
+    partition<F extends T, C>(
+      predicate: (this: C, value: T, index: number, iter: this) => value is F,
+      context?: C
+    ): [List<T>, List<F>];
+    partition<C>(
+      predicate: (this: C, value: T, index: number, iter: this) => unknown,
+      context?: C
+    ): [this, this];
+
+    /**
+     * Returns a List "zipped" with the provided collection.
+     *
+     * Like `zipWith`, but using the default `zipper`: creating an `Array`.
+     */
+    zip<U>(other: Collection<unknown, U>): List<[T, U]>;
+    zip<U, V>(
+      other: Collection<unknown, U>,
+      other2: Collection<unknown, V>
+    ): List<[T, U, V]>;
+    zip(...collections: Array<Collection<unknown, unknown>>): List<unknown>;
+
+    /**
+     * Returns a List "zipped" with the provided collections.
+     *
+     * Unlike `zip`, `zipAll` continues zipping until the longest collection is
+     * exhausted. Missing values from shorter collections are filled with `undefined`.
+     *
+     * Note: Since zipAll will return a collection as large as the largest
+     * input, some results may contain undefined values. TypeScript cannot
+     * account for these without cases (as of v2.5).
+     */
+    zipAll<U>(other: Collection<unknown, U>): List<[T, U]>;
+    zipAll<U, V>(
+      other: Collection<unknown, U>,
+      other2: Collection<unknown, V>
+    ): List<[T, U, V]>;
+    zipAll(...collections: Array<Collection<unknown, unknown>>): List<unknown>;
+
+    /**
+     * Returns a List "zipped" with the provided collections by using a
+     * custom `zipper` function.
+     */
+    zipWith<U, Z>(
+      zipper: (value: T, otherValue: U) => Z,
+      otherCollection: Collection<unknown, U>
+    ): List<Z>;
+    zipWith<U, V, Z>(
+      zipper: (value: T, otherValue: U, thirdValue: V) => Z,
+      otherCollection: Collection<unknown, U>,
+      thirdCollection: Collection<unknown, V>
+    ): List<Z>;
+    zipWith<Z>(
+      zipper: (...values: Array<unknown>) => Z,
+      ...collections: Array<Collection<unknown, unknown>>
+    ): List<Z>;
+
+    /**
+     * Returns a new List with its values shuffled thanks to the
+     * [Fisher–Yates](https://en.wikipedia.org/wiki/Fisher%E2%80%93Yates_shuffle)
+     * algorithm.
+     * It uses Math.random, but you can provide your own random number generator.
+     */
+    shuffle(random?: () => number): this;
+  }
+
+  /**
+   * Immutable Map is an unordered Collection.Keyed of (key, value) pairs with
+   * `O(log32 N)` gets and `O(log32 N)` persistent sets.
+   *
+   * Iteration order of a Map is undefined, however is stable. Multiple
+   * iterations of the same Map will iterate in the same order.
+   *
+   * Map's keys can be of any type, and use `Immutable.is` to determine key
+   * equality. This allows the use of any value (including NaN) as a key.
+   *
+   * Because `Immutable.is` returns equality based on value semantics, and
+   * Immutable collections are treated as values, any Immutable collection may
+   * be used as a key.
+   *
+   * Any JavaScript object may be used as a key, however strict identity is used
+   * to evaluate key equality. Two similar looking objects will represent two
+   * different keys.
+   *
+   * Implemented by a hash-array mapped trie.
+   */
+  namespace Map {
+    /**
+     * True if the provided value is a Map
+     */
+    function isMap(maybeMap: unknown): maybeMap is Map<unknown, unknown>;
+  }
+
+  /**
+   * Creates a new Immutable Map.
+   *
+   * Created with the same key value pairs as the provided Collection.Keyed or
+   * JavaScript Object or expects a Collection of [K, V] tuple entries.
+   *
+   * Note: `Map` is a factory function and not a class, and does not use the
+   * `new` keyword during construction.
+   *
+   * Keep in mind, when using JS objects to construct Immutable Maps, that
+   * JavaScript Object properties are always strings, even if written in a
+   * quote-less shorthand, while Immutable Maps accept keys of any type.
+   *
+   * Property access for JavaScript Objects first converts the key to a string,
+   * but since Immutable Map keys can be of any type the argument to `get()` is
+   * not altered.
+   */
+  function Map<K, V>(collection?: Iterable<readonly [K, V]>): Map<K, V>;
+  function Map<R extends { [key in PropertyKey]: unknown }>(obj: R): MapOf<R>;
+  function Map<V>(obj: { [key: string]: V }): Map<string, V>;
+  function Map<K extends string | symbol, V>(obj: { [P in K]?: V }): Map<K, V>;
+
+  /**
+   * Represent a Map constructed by an object
+   *
+   * @ignore
+   */
+  interface MapOf<R extends { [key in PropertyKey]: unknown }>
+    extends Map<keyof R, R[keyof R]> {
+    /**
+     * Returns the value associated with the provided key, or notSetValue if
+     * the Collection does not contain this key.
+     *
+     * Note: it is possible a key may be associated with an `undefined` value,
+     * so if `notSetValue` is not provided and this method returns `undefined`,
+     * that does not guarantee the key was not found.
+     */
+    get<K extends keyof R>(key: K, notSetValue?: unknown): R[K];
+    get<NSV>(key: unknown, notSetValue: NSV): NSV;
+
+    // TODO `<const P extends ...>` can be used after dropping support for TypeScript 4.x
+    // reference: https://www.typescriptlang.org/docs/handbook/release-notes/typescript-5-0.html#const-type-parameters
+    // after this change, `as const` assertions can be remove from the type tests
+    getIn<P extends ReadonlyArray<PropertyKey>>(
+      searchKeyPath: [...P],
+      notSetValue?: unknown
+    ): RetrievePath<R, P>;
+
+    set<K extends keyof R>(key: K, value: R[K]): this;
+
+    update(updater: (value: this) => this): this;
+    update<K extends keyof R>(key: K, updater: (value: R[K]) => R[K]): this;
+    update<K extends keyof R, NSV extends R[K]>(
+      key: K,
+      notSetValue: NSV,
+      updater: (value: R[K]) => R[K]
+    ): this;
+
+    // Possible best type is MapOf<Omit<R, K>> but Omit seems to broke other function calls
+    // and generate recursion error with other methods (update, merge, etc.) until those functions are defined in MapOf
+    delete<K extends keyof R>(
+      key: K
+    ): Extract<R[K], undefined> extends never ? never : this;
+    remove<K extends keyof R>(
+      key: K
+    ): Extract<R[K], undefined> extends never ? never : this;
+
+    toJS(): { [K in keyof R]: DeepCopy<R[K]> };
+
+    toJSON(): { [K in keyof R]: R[K] };
+  }
+
+  // Loosely based off of this work.
+  // https://github.com/immutable-js/immutable-js/issues/1462#issuecomment-584123268
+
+  /**
+   * @ignore
+   * Convert an immutable type to the equivalent plain TS type
+   * - MapOf -> object
+   * - List -> Array
+   */
+  type GetNativeType<S> =
+    S extends MapOf<infer T> ? T : S extends List<infer I> ? Array<I> : S;
+
+  /** @ignore */
+  type Head<T extends ReadonlyArray<unknown>> = T extends [
+    infer H,
+    ...Array<unknown>,
+  ]
+    ? H
+    : never;
+  /** @ignore */
+  type Tail<T extends ReadonlyArray<unknown>> = T extends [unknown, ...infer I]
+    ? I
+    : Array<never>;
+  /** @ignore */
+  type RetrievePathReducer<
+    T,
+    C,
+    L extends ReadonlyArray<unknown>,
+    NT = GetNativeType<T>,
+  > =
+    // we can not retrieve a path from a primitive type
+    T extends string | number | boolean | null | undefined
+      ? never
+      : C extends keyof NT
+        ? L extends [] // L extends [] means we are at the end of the path, lets return the current type
+          ? NT[C]
+          : // we are not at the end of the path, lets continue with the next key
+            RetrievePathReducer<NT[C], Head<L>, Tail<L>>
+        : // C is not a "key" of NT, so the path is invalid
+          never;
+
+  /** @ignore */
+  type RetrievePath<R, P extends ReadonlyArray<unknown>> = P extends []
+    ? P
+    : RetrievePathReducer<R, Head<P>, Tail<P>>;
+
+  interface Map<K, V> extends Collection.Keyed<K, V> {
+    /**
+     * The number of entries in this Map.
+     */
+    readonly size: number;
+
+    // Persistent changes
+
+    /**
+     * Returns a new Map also containing the new key, value pair. If an equivalent
+     * key already exists in this Map, it will be replaced.
+     *
+     * Note: `set` can be used in `withMutations`.
+     */
+    set(key: K, value: V): this;
+
+    /**
+     * Returns a new Map which excludes this `key`.
+     *
+     * Note: `delete` cannot be safely used in IE8, but is provided to mirror
+     * the ES6 collection API.
+     *
+     * Note: `delete` can be used in `withMutations`.
+     *
+     * @alias remove
+     */
+    delete(key: K): this;
+    remove(key: K): this;
+
+    /**
+     * Returns a new Map which excludes the provided `keys`.
+     *
+     * Note: `deleteAll` can be used in `withMutations`.
+     *
+     * @alias removeAll
+     */
+    deleteAll(keys: Iterable<K>): this;
+    removeAll(keys: Iterable<K>): this;
+
+    /**
+     * Returns a new Map containing no keys or values.
+     *
+     * Note: `clear` can be used in `withMutations`.
+     */
+    clear(): this;
+
+    /**
+     * Returns a new Map having updated the value at this `key` with the return
+     * value of calling `updater` with the existing value.
+     *
+     * Similar to: `map.set(key, updater(map.get(key)))`.
+     *
+     * This is most commonly used to call methods on collections within a
+     * structure of data. For example, in order to `.push()` onto a nested `List`,
+     * `update` and `push` can be used together:
+     *
+     * When a `notSetValue` is provided, it is provided to the `updater`
+     * function when the value at the key does not exist in the Map.
+     *
+     * However, if the `updater` function returns the same value it was called
+     * with, then no change will occur. This is still true if `notSetValue`
+     * is provided.
+     *
+     * For code using ES2015 or later, using `notSetValue` is discourged in
+     * favor of function parameter default values. This helps to avoid any
+     * potential confusion with identify functions as described above.
+     *
+     * The previous example behaves differently when written with default values:
+     *
+     * If no key is provided, then the `updater` function return value is
+     * returned as well.
+     *
+     * This can be very useful as a way to "chain" a normal function into a
+     * sequence of methods. RxJS calls this "let" and lodash calls it "thru".
+     *
+     * For example, to sum the values in a Map
+     *
+     * Note: `update(key)` can be used in `withMutations`.
+     */
+    update(key: K, notSetValue: V, updater: (value: V) => V): this;
+    update(key: K, updater: (value: V | undefined) => V | undefined): this;
+    update<R>(updater: (value: this) => R): R;
+
+    /**
+     * Returns a new Map resulting from merging the provided Collections
+     * (or JS objects) into this Map. In other words, this takes each entry of
+     * each collection and sets it on this Map.
+     *
+     * Note: Values provided to `merge` are shallowly converted before being
+     * merged. No nested values are altered.
+     * ```
+     *
+     * Note: `merge` can be used in `withMutations`.
+     *
+     * @alias concat
+     */
+    merge<KC, VC>(
+      ...collections: Array<Iterable<[KC, VC]>>
+    ): Map<K | KC, Exclude<V, VC> | VC>;
+    merge<C>(
+      ...collections: Array<{ [key: string]: C }>
+    ): Map<K | string, Exclude<V, C> | C>;
+
+    concat<KC, VC>(
+      ...collections: Array<Iterable<[KC, VC]>>
+    ): Map<K | KC, Exclude<V, VC> | VC>;
+    concat<C>(
+      ...collections: Array<{ [key: string]: C }>
+    ): Map<K | string, Exclude<V, C> | C>;
+
+    /**
+     * Like `merge()`, `mergeWith()` returns a new Map resulting from merging
+     * the provided Collections (or JS objects) into this Map, but uses the
+     * `merger` function for dealing with conflicts.
+     *
+     * Note: `mergeWith` can be used in `withMutations`.
+     */
+    mergeWith<KC, VC, VCC>(
+      merger: (oldVal: V, newVal: VC, key: K) => VCC,
+      ...collections: Array<Iterable<[KC, VC]>>
+    ): Map<K | KC, V | VC | VCC>;
+    mergeWith<C, CC>(
+      merger: (oldVal: V, newVal: C, key: string) => CC,
+      ...collections: Array<{ [key: string]: C }>
+    ): Map<K | string, V | C | CC>;
+
+    /**
+     * Like `merge()`, but when two compatible collections are encountered with
+     * the same key, it merges them as well, recursing deeply through the nested
+     * data. Two collections are considered to be compatible (and thus will be
+     * merged together) if they both fall into one of three categories: keyed
+     * (e.g., `Map`s, `Record`s, and objects), indexed (e.g., `List`s and
+     * arrays), or set-like (e.g., `Set`s). If they fall into separate
+     * categories, `mergeDeep` will replace the existing collection with the
+     * collection being merged in. This behavior can be customized by using
+     * `mergeDeepWith()`.
+     *
+     * Note: Indexed and set-like collections are merged using
+     * `concat()`/`union()` and therefore do not recurse.
+     *
+     * Note: `mergeDeep` can be used in `withMutations`.
+     */
+    mergeDeep<KC, VC>(
+      ...collections: Array<Iterable<[KC, VC]>>
+    ): Map<K | KC, V | VC>;
+    mergeDeep<C>(
+      ...collections: Array<{ [key: string]: C }>
+    ): Map<K | string, V | C>;
+
+    /**
+     * Like `mergeDeep()`, but when two non-collections or incompatible
+     * collections are encountered at the same key, it uses the `merger`
+     * function to determine the resulting value. Collections are considered
+     * incompatible if they fall into separate categories between keyed,
+     * indexed, and set-like.
+     *
+     * Note: `mergeDeepWith` can be used in `withMutations`.
+     */
+    mergeDeepWith(
+      merger: (oldVal: unknown, newVal: unknown, key: unknown) => unknown,
+      ...collections: Array<Iterable<[K, V]> | { [key: string]: V }>
+    ): this;
+
+    // Deep persistent changes
+
+    /**
+     * Returns a new Map having set `value` at this `keyPath`. If any keys in
+     * `keyPath` do not exist, a new immutable Map will be created at that key.
+     *
+     * Plain JavaScript Object or Arrays may be nested within an Immutable.js
+     * Collection, and setIn() can update those values as well, treating them
+     * immutably by creating new copies of those values with the changes applied.
+     *
+     * If any key in the path exists but cannot be updated (such as a primitive
+     * like number or a custom Object like Date), an error will be thrown.
+     *
+     * Note: `setIn` can be used in `withMutations`.
+     */
+    setIn(keyPath: Iterable<unknown>, value: unknown): this;
+
+    /**
+     * Returns a new Map having removed the value at this `keyPath`. If any keys
+     * in `keyPath` do not exist, no change will occur.
+     *
+     * Note: `deleteIn` can be used in `withMutations`.
+     *
+     * @alias removeIn
+     */
+    deleteIn(keyPath: Iterable<unknown>): this;
+    removeIn(keyPath: Iterable<unknown>): this;
+
+    /**
+     * Returns a new Map having applied the `updater` to the entry found at the
+     * keyPath.
+     *
+     * This is most commonly used to call methods on collections nested within a
+     * structure of data. For example, in order to `.push()` onto a nested `List`,
+     * `updateIn` and `push` can be used together:
+
+     *
+     * If any keys in `keyPath` do not exist, new Immutable `Map`s will
+     * be created at those keys. If the `keyPath` does not already contain a
+     * value, the `updater` function will be called with `notSetValue`, if
+     * provided, otherwise `undefined`.
+     *
+     * If the `updater` function returns the same value it was called with, then
+     * no change will occur. This is still true if `notSetValue` is provided.
+     *
+     * For code using ES2015 or later, using `notSetValue` is discourged in
+     * favor of function parameter default values. This helps to avoid any
+     * potential confusion with identify functions as described above.
+     *
+     * The previous example behaves differently when written with default values:
+     *
+     * Plain JavaScript Object or Arrays may be nested within an Immutable.js
+     * Collection, and updateIn() can update those values as well, treating them
+     * immutably by creating new copies of those values with the changes applied.
+     *
+     * If any key in the path exists but cannot be updated (such as a primitive
+     * like number or a custom Object like Date), an error will be thrown.
+     *
+     * Note: `updateIn` can be used in `withMutations`.
+     */
+    updateIn(
+      keyPath: Iterable<unknown>,
+      notSetValue: unknown,
+      updater: (value: unknown) => unknown
+    ): this;
+    updateIn(
+      keyPath: Iterable<unknown>,
+      updater: (value: unknown) => unknown
+    ): this;
+
+    /**
+     * A combination of `updateIn` and `merge`, returning a new Map, but
+     * performing the merge at a point arrived at by following the keyPath.
+     * In other words, these two lines are equivalent:
+     *
+     * ```js
+     * map.updateIn(['a', 'b', 'c'], abc => abc.merge(y))
+     * map.mergeIn(['a', 'b', 'c'], y)
+     * ```
+     *
+     * Note: `mergeIn` can be used in `withMutations`.
+     */
+    mergeIn(keyPath: Iterable<unknown>, ...collections: Array<unknown>): this;
+
+    /**
+     * A combination of `updateIn` and `mergeDeep`, returning a new Map, but
+     * performing the deep merge at a point arrived at by following the keyPath.
+     * In other words, these two lines are equivalent:
+     *
+     * ```js
+     * map.updateIn(['a', 'b', 'c'], abc => abc.mergeDeep(y))
+     * map.mergeDeepIn(['a', 'b', 'c'], y)
+     * ```
+     *
+     * Note: `mergeDeepIn` can be used in `withMutations`.
+     */
+    mergeDeepIn(
+      keyPath: Iterable<unknown>,
+      ...collections: Array<unknown>
+    ): this;
+
+    // Transient changes
+
+    /**
+     * Every time you call one of the above functions, a new immutable Map is
+     * created. If a pure function calls a number of these to produce a final
+     * return value, then a penalty on performance and memory has been paid by
+     * creating all of the intermediate immutable Maps.
+     *
+     * If you need to apply a series of mutations to produce a new immutable
+     * Map, `withMutations()` creates a temporary mutable copy of the Map which
+     * can apply mutations in a highly performant manner. In fact, this is
+     * exactly how complex mutations like `merge` are done.
+     *
+     * As an example, this results in the creation of 2, not 4, new Maps:
+     *
+     * Note: Not all methods can be used on a mutable collection or within
+     * `withMutations`! Read the documentation for each method to see if it
+     * is safe to use in `withMutations`.
+     */
+    withMutations(mutator: (mutable: this) => unknown): this;
+
+    /**
+     * Another way to avoid creation of intermediate Immutable maps is to create
+     * a mutable copy of this collection. Mutable copies *always* return `this`,
+     * and thus shouldn't be used for equality. Your function should never return
+     * a mutable copy of a collection, only use it internally to create a new
+     * collection.
+     *
+     * If possible, use `withMutations` to work with temporary mutable copies as
+     * it provides an easier to use API and considers many common optimizations.
+     *
+     * Note: if the collection is already mutable, `asMutable` returns itself.
+     *
+     * Note: Not all methods can be used on a mutable collection or within
+     * `withMutations`! Read the documentation for each method to see if it
+     * is safe to use in `withMutations`.
+     *
+     * @see `Map#asImmutable`
+     */
+    asMutable(): this;
+
+    /**
+     * Returns true if this is a mutable copy (see `asMutable()`) and mutative
+     * alterations have been applied.
+     *
+     * @see `Map#asMutable`
+     */
+    wasAltered(): boolean;
+
+    /**
+     * The yin to `asMutable`'s yang. Because it applies to mutable collections,
+     * this operation is *mutable* and may return itself (though may not
+     * return itself, i.e. if the result is an empty collection). Once
+     * performed, the original mutable copy must no longer be mutated since it
+     * may be the immutable result.
+     *
+     * If possible, use `withMutations` to work with temporary mutable copies as
+     * it provides an easier to use API and considers many common optimizations.
+     *
+     * @see `Map#asMutable`
+     */
+    asImmutable(): this;
+
+    // Sequence algorithms
+
+    /**
+     * Returns a new Map with values passed through a
+     * `mapper` function.
+     *
+     *     Map({ a: 1, b: 2 }).map(x => 10 * x)
+     *     // Map { a: 10, b: 20 }
+     */
+    map<M>(
+      mapper: (value: V, key: K, iter: this) => M,
+      context?: unknown
+    ): Map<K, M>;
+
+    /**
+     * @see Collection.Keyed.mapKeys
+     */
+    mapKeys<M>(
+      mapper: (key: K, value: V, iter: this) => M,
+      context?: unknown
+    ): Map<M, V>;
+
+    /**
+     * @see Collection.Keyed.mapEntries
+     */
+    mapEntries<KM, VM>(
+      mapper: (
+        entry: [K, V],
+        index: number,
+        iter: this
+      ) => [KM, VM] | undefined,
+      context?: unknown
+    ): Map<KM, VM>;
+
+    /**
+     * Flat-maps the Map, returning a new Map.
+     *
+     * Similar to `data.map(...).flatten(true)`.
+     */
+    flatMap<KM, VM>(
+      mapper: (value: V, key: K, iter: this) => Iterable<[KM, VM]>,
+      context?: unknown
+    ): Map<KM, VM>;
+
+    /**
+     * Returns a new Map with only the entries for which the `predicate`
+     * function returns true.
+     *
+     * Note: `filter()` always returns a new instance, even if it results in
+     * not filtering out any values.
+     */
+    filter<F extends V>(
+      predicate: (value: V, key: K, iter: this) => value is F,
+      context?: unknown
+    ): Map<K, F>;
+    filter(
+      predicate: (value: V, key: K, iter: this) => unknown,
+      context?: unknown
+    ): this;
+
+    /**
+     * Returns a new Map with the values for which the `predicate`
+     * function returns false and another for which is returns true.
+     */
+    partition<F extends V, C>(
+      predicate: (this: C, value: V, key: K, iter: this) => value is F,
+      context?: C
+    ): [Map<K, V>, Map<K, F>];
+    partition<C>(
+      predicate: (this: C, value: V, key: K, iter: this) => unknown,
+      context?: C
+    ): [this, this];
+
+    /**
+     * @see Collection.Keyed.flip
+     */
+    flip(): Map<V, K>;
+
+    /**
+     * Returns an OrderedMap of the same type which includes the same entries,
+     * stably sorted by using a `comparator`.
+     *
+     * If a `comparator` is not provided, a default comparator uses `<` and `>`.
+     *
+     * `comparator(valueA, valueB)`:
+     *
+     *   * Returns `0` if the elements should not be swapped.
+     *   * Returns `-1` (or any negative number) if `valueA` comes before `valueB`
+     *   * Returns `1` (or any positive number) if `valueA` comes after `valueB`
+     *   * Alternatively, can return a value of the `PairSorting` enum type
+     *   * Is pure, i.e. it must always return the same value for the same pair
+     *     of values.
+     *
+     * Note: `sort()` Always returns a new instance, even if the original was
+     * already sorted.
+     *
+     * Note: This is always an eager operation.
+     */
+    sort(comparator?: Comparator<V>): this & OrderedMap<K, V>;
+
+    /**
+     * Like `sort`, but also accepts a `comparatorValueMapper` which allows for
+     * sorting by more sophisticated means:
+     *
+     * Note: `sortBy()` Always returns a new instance, even if the original was
+     * already sorted.
+     *
+     * Note: This is always an eager operation.
+     */
+    sortBy<C>(
+      comparatorValueMapper: (value: V, key: K, iter: this) => C,
+      comparator?: (valueA: C, valueB: C) => number
+    ): this & OrderedMap<K, V>;
+  }
+
+  /**
+   * A type of Map that has the additional guarantee that the iteration order of
+   * entries will be the order in which they were set().
+   *
+   * The iteration behavior of OrderedMap is the same as native ES6 Map and
+   * JavaScript Object.
+   *
+   * Note that `OrderedMap` are more expensive than non-ordered `Map` and may
+   * consume more memory. `OrderedMap#set` is amortized O(log32 N), but not
+   * stable.
+   */
+  namespace OrderedMap {
+    /**
+     * True if the provided value is an OrderedMap.
+     */
+    function isOrderedMap(
+      maybeOrderedMap: unknown
+    ): maybeOrderedMap is OrderedMap<unknown, unknown>;
+  }
+
+  /**
+   * Creates a new Immutable OrderedMap.
+   *
+   * Created with the same key value pairs as the provided Collection.Keyed or
+   * JavaScript Object or expects a Collection of [K, V] tuple entries.
+   *
+   * The iteration order of key-value pairs provided to this constructor will
+   * be preserved in the OrderedMap.
+   *
+   *     let newOrderedMap = OrderedMap({key: "value"})
+   *     let newOrderedMap = OrderedMap([["key", "value"]])
+   *
+   * Note: `OrderedMap` is a factory function and not a class, and does not use
+   * the `new` keyword during construction.
+   */
+  function OrderedMap<K, V>(collection?: Iterable<[K, V]>): OrderedMap<K, V>;
+  function OrderedMap<V>(obj: { [key: string]: V }): OrderedMap<string, V>;
+
+  interface OrderedMap<K, V> extends Map<K, V>, OrderedCollection<[K, V]> {
+    /**
+     * The number of entries in this OrderedMap.
+     */
+    readonly size: number;
+
+    /**
+     * Returns a new OrderedMap also containing the new key, value pair. If an
+     * equivalent key already exists in this OrderedMap, it will be replaced
+     * while maintaining the existing order.
+     *
+     * Note: `set` can be used in `withMutations`.
+     */
+    set(key: K, value: V): this;
+
+    /**
+     * Returns a new OrderedMap resulting from merging the provided Collections
+     * (or JS objects) into this OrderedMap. In other words, this takes each
+     * entry of each collection and sets it on this OrderedMap.
+     *
+     * Note: Values provided to `merge` are shallowly converted before being
+     * merged. No nested values are altered.
+     *
+     * Note: `merge` can be used in `withMutations`.
+     *
+     * @alias concat
+     */
+    merge<KC, VC>(
+      ...collections: Array<Iterable<[KC, VC]>>
+    ): OrderedMap<K | KC, Exclude<V, VC> | VC>;
+    merge<C>(
+      ...collections: Array<{ [key: string]: C }>
+    ): OrderedMap<K | string, Exclude<V, C> | C>;
+
+    concat<KC, VC>(
+      ...collections: Array<Iterable<[KC, VC]>>
+    ): OrderedMap<K | KC, Exclude<V, VC> | VC>;
+    concat<C>(
+      ...collections: Array<{ [key: string]: C }>
+    ): OrderedMap<K | string, Exclude<V, C> | C>;
+
+    mergeWith<KC, VC, VCC>(
+      merger: (oldVal: V, newVal: VC, key: K) => VCC,
+      ...collections: Array<Iterable<[KC, VC]>>
+    ): OrderedMap<K | KC, V | VC | VCC>;
+    mergeWith<C, CC>(
+      merger: (oldVal: V, newVal: C, key: string) => CC,
+      ...collections: Array<{ [key: string]: C }>
+    ): OrderedMap<K | string, V | C | CC>;
+
+    mergeDeep<KC, VC>(
+      ...collections: Array<Iterable<[KC, VC]>>
+    ): OrderedMap<K | KC, V | VC>;
+    mergeDeep<C>(
+      ...collections: Array<{ [key: string]: C }>
+    ): OrderedMap<K | string, V | C>;
+
+    // Sequence algorithms
+
+    /**
+     * Returns a new OrderedMap with values passed through a
+     * `mapper` function.
+     *
+     *     OrderedMap({ a: 1, b: 2 }).map(x => 10 * x)
+     *     // OrderedMap { "a": 10, "b": 20 }
+     *
+     * Note: `map()` always returns a new instance, even if it produced the same
+     * value at every step.
+     */
+    map<M>(
+      mapper: (value: V, key: K, iter: this) => M,
+      context?: unknown
+    ): OrderedMap<K, M>;
+
+    /**
+     * @see Collection.Keyed.mapKeys
+     */
+    mapKeys<M>(
+      mapper: (key: K, value: V, iter: this) => M,
+      context?: unknown
+    ): OrderedMap<M, V>;
+
+    /**
+     * @see Collection.Keyed.mapEntries
+     */
+    mapEntries<KM, VM>(
+      mapper: (
+        entry: [K, V],
+        index: number,
+        iter: this
+      ) => [KM, VM] | undefined,
+      context?: unknown
+    ): OrderedMap<KM, VM>;
+
+    /**
+     * Flat-maps the OrderedMap, returning a new OrderedMap.
+     *
+     * Similar to `data.map(...).flatten(true)`.
+     */
+    flatMap<KM, VM>(
+      mapper: (value: V, key: K, iter: this) => Iterable<[KM, VM]>,
+      context?: unknown
+    ): OrderedMap<KM, VM>;
+
+    /**
+     * Returns a new OrderedMap with only the entries for which the `predicate`
+     * function returns true.
+     *
+     * Note: `filter()` always returns a new instance, even if it results in
+     * not filtering out any values.
+     */
+    filter<F extends V>(
+      predicate: (value: V, key: K, iter: this) => value is F,
+      context?: unknown
+    ): OrderedMap<K, F>;
+    filter(
+      predicate: (value: V, key: K, iter: this) => unknown,
+      context?: unknown
+    ): this;
+
+    /**
+     * Returns a new OrderedMap with the values for which the `predicate`
+     * function returns false and another for which is returns true.
+     */
+    partition<F extends V, C>(
+      predicate: (this: C, value: V, key: K, iter: this) => value is F,
+      context?: C
+    ): [OrderedMap<K, V>, OrderedMap<K, F>];
+    partition<C>(
+      predicate: (this: C, value: V, key: K, iter: this) => unknown,
+      context?: C
+    ): [this, this];
+
+    /**
+     * @see Collection.Keyed.flip
+     */
+    flip(): OrderedMap<V, K>;
+  }
+
+  /**
+   * A Collection of unique values with `O(log32 N)` adds and has.
+   *
+   * When iterating a Set, the entries will be (value, value) pairs. Iteration
+   * order of a Set is undefined, however is stable. Multiple iterations of the
+   * same Set will iterate in the same order.
+   *
+   * Set values, like Map keys, may be of any type. Equality is determined using
+   * `Immutable.is`, enabling Sets to uniquely include other Immutable
+   * collections, custom value types, and NaN.
+   */
+  namespace Set {
+    /**
+     * True if the provided value is a Set
+     */
+    function isSet(maybeSet: unknown): maybeSet is Set<unknown>;
+
+    /**
+     * Creates a new Set containing `values`.
+     */
+    function of<T>(...values: Array<T>): Set<T>;
+
+    /**
+     * `Set.fromKeys()` creates a new immutable Set containing the keys from
+     * this Collection or JavaScript Object.
+     */
+    function fromKeys<T>(iter: Collection.Keyed<T, unknown>): Set<T>;
+    function fromKeys<T>(iter: Collection<T, unknown>): Set<T>;
+    function fromKeys(obj: { [key: string]: unknown }): Set<string>;
+
+    /**
+     * `Set.intersect()` creates a new immutable Set that is the intersection of
+     * a collection of other sets.
+     *
+     * ```js
+     * import { Set } from 'immutable'
+     * const intersected = Set.intersect([
+     *   Set([ 'a', 'b', 'c' ])
+     *   Set([ 'c', 'a', 't' ])
+     * ])
+     * // Set [ "a", "c" ]
+     * ```
+     */
+    function intersect<T>(sets: Iterable<Iterable<T>>): Set<T>;
+
+    /**
+     * `Set.union()` creates a new immutable Set that is the union of a
+     * collection of other sets.
+     *
+     * ```js
+     * import { Set } from 'immutable'
+     * const unioned = Set.union([
+     *   Set([ 'a', 'b', 'c' ])
+     *   Set([ 'c', 'a', 't' ])
+     * ])
+     * // Set [ "a", "b", "c", "t" ]
+     * ```
+     */
+    function union<T>(sets: Iterable<Iterable<T>>): Set<T>;
+  }
+
+  /**
+   * Create a new immutable Set containing the values of the provided
+   * collection-like.
+   *
+   * Note: `Set` is a factory function and not a class, and does not use the
+   * `new` keyword during construction.
+   */
+  function Set<T>(collection?: Iterable<T> | ArrayLike<T>): Set<T>;
+
+  interface Set<T> extends Collection.Set<T> {
+    /**
+     * The number of items in this Set.
+     */
+    readonly size: number;
+
+    // Persistent changes
+
+    /**
+     * Returns a new Set which also includes this value.
+     *
+     * Note: `add` can be used in `withMutations`.
+     */
+    add(value: T): this;
+
+    /**
+     * Returns a new Set which excludes this value.
+     *
+     * Note: `delete` can be used in `withMutations`.
+     *
+     * Note: `delete` **cannot** be safely used in IE8, use `remove` if
+     * supporting old browsers.
+     *
+     * @alias remove
+     */
+    delete(value: T): this;
+    remove(value: T): this;
+
+    /**
+     * Returns a new Set containing no values.
+     *
+     * Note: `clear` can be used in `withMutations`.
+     */
+    clear(): this;
+
+    /**
+     * Returns a Set including any value from `collections` that does not already
+     * exist in this Set.
+     *
+     * Note: `union` can be used in `withMutations`.
+     * @alias merge
+     * @alias concat
+     */
+    union<C>(...collections: Array<Iterable<C>>): Set<T | C>;
+    merge<C>(...collections: Array<Iterable<C>>): Set<T | C>;
+    concat<C>(...collections: Array<Iterable<C>>): Set<T | C>;
+
+    /**
+     * Returns a Set which has removed any values not also contained
+     * within `collections`.
+     *
+     * Note: `intersect` can be used in `withMutations`.
+     */
+    intersect(...collections: Array<Iterable<T>>): this;
+
+    /**
+     * Returns a Set excluding any values contained within `collections`.
+     *
+     * Note: `subtract` can be used in `withMutations`.
+     */
+    subtract(...collections: Array<Iterable<T>>): this;
+
+    // Transient changes
+
+    /**
+     * Note: Not all methods can be used on a mutable collection or within
+     * `withMutations`! Check the documentation for each method to see if it
+     * mentions being safe to use in `withMutations`.
+     *
+     * @see `Map#withMutations`
+     */
+    withMutations(mutator: (mutable: this) => unknown): this;
+
+    /**
+     * Note: Not all methods can be used on a mutable collection or within
+     * `withMutations`! Check the documentation for each method to see if it
+     * mentions being safe to use in `withMutations`.
+     *
+     * @see `Map#asMutable`
+     */
+    asMutable(): this;
+
+    /**
+     * @see `Map#wasAltered`
+     */
+    wasAltered(): boolean;
+
+    /**
+     * @see `Map#asImmutable`
+     */
+    asImmutable(): this;
+
+    // Sequence algorithms
+
+    /**
+     * Returns a new Set with values passed through a
+     * `mapper` function.
+     *
+     *     Set([1,2]).map(x => 10 * x)
+     *     // Set [10,20]
+     */
+    map<M>(
+      mapper: (value: T, key: T, iter: this) => M,
+      context?: unknown
+    ): Set<M>;
+
+    /**
+     * Flat-maps the Set, returning a new Set.
+     *
+     * Similar to `set.map(...).flatten(true)`.
+     */
+    flatMap<M>(
+      mapper: (value: T, key: T, iter: this) => Iterable<M>,
+      context?: unknown
+    ): Set<M>;
+
+    /**
+     * Returns a new Set with only the values for which the `predicate`
+     * function returns true.
+     *
+     * Note: `filter()` always returns a new instance, even if it results in
+     * not filtering out any values.
+     */
+    filter<F extends T>(
+      predicate: (value: T, key: T, iter: this) => value is F,
+      context?: unknown
+    ): Set<F>;
+    filter(
+      predicate: (value: T, key: T, iter: this) => unknown,
+      context?: unknown
+    ): this;
+
+    /**
+     * Returns a new Set with the values for which the `predicate` function
+     * returns false and another for which is returns true.
+     */
+    partition<F extends T, C>(
+      predicate: (this: C, value: T, key: T, iter: this) => value is F,
+      context?: C
+    ): [Set<T>, Set<F>];
+    partition<C>(
+      predicate: (this: C, value: T, key: T, iter: this) => unknown,
+      context?: C
+    ): [this, this];
+
+    /**
+     * Returns an OrderedSet of the same type which includes the same entries,
+     * stably sorted by using a `comparator`.
+     *
+     * If a `comparator` is not provided, a default comparator uses `<` and `>`.
+     *
+     * `comparator(valueA, valueB)`:
+     *
+     *   * Returns `0` if the elements should not be swapped.
+     *   * Returns `-1` (or any negative number) if `valueA` comes before `valueB`
+     *   * Returns `1` (or any positive number) if `valueA` comes after `valueB`
+     *   * Alternatively, can return a value of the `PairSorting` enum type
+     *   * Is pure, i.e. it must always return the same value for the same pair
+     *     of values.
+     *
+     * Note: `sort()` Always returns a new instance, even if the original was
+     * already sorted.
+     *
+     * Note: This is always an eager operation.
+     */
+    sort(comparator?: Comparator<T>): this & OrderedSet<T>;
+
+    /**
+     * Like `sort`, but also accepts a `comparatorValueMapper` which allows for
+     * sorting by more sophisticated means:
+     *
+     * Note: `sortBy()` Always returns a new instance, even if the original was
+     * already sorted.
+     *
+     * Note: This is always an eager operation.
+     */
+    sortBy<C>(
+      comparatorValueMapper: (value: T, key: T, iter: this) => C,
+      comparator?: (valueA: C, valueB: C) => number
+    ): this & OrderedSet<T>;
+  }
+
+  /**
+   * A type of Set that has the additional guarantee that the iteration order of
+   * values will be the order in which they were `add`ed.
+   *
+   * The iteration behavior of OrderedSet is the same as native ES6 Set.
+   *
+   * Note that `OrderedSet` are more expensive than non-ordered `Set` and may
+   * consume more memory. `OrderedSet#add` is amortized O(log32 N), but not
+   * stable.
+   */
+  namespace OrderedSet {
+    /**
+     * True if the provided value is an OrderedSet.
+     */
+    function isOrderedSet(
+      maybeOrderedSet: unknown
+    ): maybeOrderedSet is OrderedSet<unknown>;
+
+    /**
+     * Creates a new OrderedSet containing `values`.
+     */
+    function of<T>(...values: Array<T>): OrderedSet<T>;
+
+    /**
+     * `OrderedSet.fromKeys()` creates a new immutable OrderedSet containing
+     * the keys from this Collection or JavaScript Object.
+     */
+    function fromKeys<T>(iter: Collection.Keyed<T, unknown>): OrderedSet<T>;
+    function fromKeys<T>(iter: Collection<T, unknown>): OrderedSet<T>;
+    function fromKeys(obj: { [key: string]: unknown }): OrderedSet<string>;
+  }
+
+  /**
+   * Create a new immutable OrderedSet containing the values of the provided
+   * collection-like.
+   *
+   * Note: `OrderedSet` is a factory function and not a class, and does not use
+   * the `new` keyword during construction.
+   */
+  function OrderedSet<T>(
+    collection?: Iterable<T> | ArrayLike<T>
+  ): OrderedSet<T>;
+
+  interface OrderedSet<T> extends Set<T>, OrderedCollection<T> {
+    /**
+     * The number of items in this OrderedSet.
+     */
+    readonly size: number;
+
+    /**
+     * Returns an OrderedSet including any value from `collections` that does
+     * not already exist in this OrderedSet.
+     *
+     * Note: `union` can be used in `withMutations`.
+     * @alias merge
+     * @alias concat
+     */
+    union<C>(...collections: Array<Iterable<C>>): OrderedSet<T | C>;
+    merge<C>(...collections: Array<Iterable<C>>): OrderedSet<T | C>;
+    concat<C>(...collections: Array<Iterable<C>>): OrderedSet<T | C>;
+
+    // Sequence algorithms
+
+    /**
+     * Returns a new Set with values passed through a
+     * `mapper` function.
+     *
+     *     OrderedSet([ 1, 2 ]).map(x => 10 * x)
+     *     // OrderedSet [10, 20]
+     */
+    map<M>(
+      mapper: (value: T, key: T, iter: this) => M,
+      context?: unknown
+    ): OrderedSet<M>;
+
+    /**
+     * Flat-maps the OrderedSet, returning a new OrderedSet.
+     *
+     * Similar to `set.map(...).flatten(true)`.
+     */
+    flatMap<M>(
+      mapper: (value: T, key: T, iter: this) => Iterable<M>,
+      context?: unknown
+    ): OrderedSet<M>;
+
+    /**
+     * Returns a new OrderedSet with only the values for which the `predicate`
+     * function returns true.
+     *
+     * Note: `filter()` always returns a new instance, even if it results in
+     * not filtering out any values.
+     */
+    filter<F extends T>(
+      predicate: (value: T, key: T, iter: this) => value is F,
+      context?: unknown
+    ): OrderedSet<F>;
+    filter(
+      predicate: (value: T, key: T, iter: this) => unknown,
+      context?: unknown
+    ): this;
+
+    /**
+     * Returns a new OrderedSet with the values for which the `predicate`
+     * function returns false and another for which is returns true.
+     */
+    partition<F extends T, C>(
+      predicate: (this: C, value: T, key: T, iter: this) => value is F,
+      context?: C
+    ): [OrderedSet<T>, OrderedSet<F>];
+    partition<C>(
+      predicate: (this: C, value: T, key: T, iter: this) => unknown,
+      context?: C
+    ): [this, this];
+
+    /**
+     * Returns an OrderedSet of the same type "zipped" with the provided
+     * collections.
+     *
+     * Like `zipWith`, but using the default `zipper`: creating an `Array`.
+     *
+     * ```js
+     * const a = OrderedSet([ 1, 2, 3 ])
+     * const b = OrderedSet([ 4, 5, 6 ])
+     * const c = a.zip(b)
+     * // OrderedSet [ [ 1, 4 ], [ 2, 5 ], [ 3, 6 ] ]
+     * ```
+     */
+    zip<U>(other: Collection<unknown, U>): OrderedSet<[T, U]>;
+    zip<U, V>(
+      other1: Collection<unknown, U>,
+      other2: Collection<unknown, V>
+    ): OrderedSet<[T, U, V]>;
+    zip(
+      ...collections: Array<Collection<unknown, unknown>>
+    ): OrderedSet<unknown>;
+
+    /**
+     * Returns a OrderedSet of the same type "zipped" with the provided
+     * collections.
+     *
+     * Unlike `zip`, `zipAll` continues zipping until the longest collection is
+     * exhausted. Missing values from shorter collections are filled with `undefined`.
+     *
+     * ```js
+     * const a = OrderedSet([ 1, 2 ]);
+     * const b = OrderedSet([ 3, 4, 5 ]);
+     * const c = a.zipAll(b); // OrderedSet [ [ 1, 3 ], [ 2, 4 ], [ undefined, 5 ] ]
+     * ```
+     *
+     * Note: Since zipAll will return a collection as large as the largest
+     * input, some results may contain undefined values. TypeScript cannot
+     * account for these without cases (as of v2.5).
+     */
+    zipAll<U>(other: Collection<unknown, U>): OrderedSet<[T, U]>;
+    zipAll<U, V>(
+      other1: Collection<unknown, U>,
+      other2: Collection<unknown, V>
+    ): OrderedSet<[T, U, V]>;
+    zipAll(
+      ...collections: Array<Collection<unknown, unknown>>
+    ): OrderedSet<unknown>;
+
+    /**
+     * Returns an OrderedSet of the same type "zipped" with the provided
+     * collections by using a custom `zipper` function.
+     *
+     * @see Seq.Indexed.zipWith
+     */
+    zipWith<U, Z>(
+      zipper: (value: T, otherValue: U) => Z,
+      otherCollection: Collection<unknown, U>
+    ): OrderedSet<Z>;
+    zipWith<U, V, Z>(
+      zipper: (value: T, otherValue: U, thirdValue: V) => Z,
+      otherCollection: Collection<unknown, U>,
+      thirdCollection: Collection<unknown, V>
+    ): OrderedSet<Z>;
+    zipWith<Z>(
+      zipper: (...values: Array<unknown>) => Z,
+      ...collections: Array<Collection<unknown, unknown>>
+    ): OrderedSet<Z>;
+  }
+
+  /**
+   * Stacks are indexed collections which support very efficient O(1) addition
+   * and removal from the front using `unshift(v)` and `shift()`.
+   *
+   * For familiarity, Stack also provides `push(v)`, `pop()`, and `peek()`, but
+   * be aware that they also operate on the front of the list, unlike List or
+   * a JavaScript Array.
+   *
+   * Note: `reverse()` or any inherent reverse traversal (`reduceRight`,
+   * `lastIndexOf`, etc.) is not efficient with a Stack.
+   *
+   * Stack is implemented with a Single-Linked List.
+   */
+  namespace Stack {
+    /**
+     * True if the provided value is a Stack
+     */
+    function isStack(maybeStack: unknown): maybeStack is Stack<unknown>;
+
+    /**
+     * Creates a new Stack containing `values`.
+     */
+    function of<T>(...values: Array<T>): Stack<T>;
+  }
+
+  /**
+   * Create a new immutable Stack containing the values of the provided
+   * collection-like.
+   *
+   * The iteration order of the provided collection is preserved in the
+   * resulting `Stack`.
+   *
+   * Note: `Stack` is a factory function and not a class, and does not use the
+   * `new` keyword during construction.
+   */
+  function Stack<T>(collection?: Iterable<T> | ArrayLike<T>): Stack<T>;
+
+  interface Stack<T> extends Collection.Indexed<T> {
+    /**
+     * The number of items in this Stack.
+     */
+    readonly size: number;
+
+    // Reading values
+
+    /**
+     * Alias for `Stack.first()`.
+     */
+    peek(): T | undefined;
+
+    // Persistent changes
+
+    /**
+     * Returns a new Stack with 0 size and no values.
+     *
+     * Note: `clear` can be used in `withMutations`.
+     */
+    clear(): Stack<T>;
+
+    /**
+     * Returns a new Stack with the provided `values` prepended, shifting other
+     * values ahead to higher indices.
+     *
+     * This is very efficient for Stack.
+     *
+     * Note: `unshift` can be used in `withMutations`.
+     */
+    unshift(...values: Array<T>): Stack<T>;
+
+    /**
+     * Like `Stack#unshift`, but accepts a collection rather than varargs.
+     *
+     * Note: `unshiftAll` can be used in `withMutations`.
+     */
+    unshiftAll(iter: Iterable<T>): Stack<T>;
+
+    /**
+     * Returns a new Stack with a size ones less than this Stack, excluding
+     * the first item in this Stack, shifting all other values to a lower index.
+     *
+     * Note: this differs from `Array#shift` because it returns a new
+     * Stack rather than the removed value. Use `first()` or `peek()` to get the
+     * first value in this Stack.
+     *
+     * Note: `shift` can be used in `withMutations`.
+     */
+    shift(): Stack<T>;
+
+    /**
+     * Alias for `Stack#unshift` and is not equivalent to `List#push`.
+     */
+    push(...values: Array<T>): Stack<T>;
+
+    /**
+     * Alias for `Stack#unshiftAll`.
+     */
+    pushAll(iter: Iterable<T>): Stack<T>;
+
+    /**
+     * Alias for `Stack#shift` and is not equivalent to `List#pop`.
+     */
+    pop(): Stack<T>;
+
+    // Transient changes
+
+    /**
+     * Note: Not all methods can be used on a mutable collection or within
+     * `withMutations`! Check the documentation for each method to see if it
+     * mentions being safe to use in `withMutations`.
+     *
+     * @see `Map#withMutations`
+     */
+    withMutations(mutator: (mutable: this) => unknown): this;
+
+    /**
+     * Note: Not all methods can be used on a mutable collection or within
+     * `withMutations`! Check the documentation for each method to see if it
+     * mentions being safe to use in `withMutations`.
+     *
+     * @see `Map#asMutable`
+     */
+    asMutable(): this;
+
+    /**
+     * @see `Map#wasAltered`
+     */
+    wasAltered(): boolean;
+
+    /**
+     * @see `Map#asImmutable`
+     */
+    asImmutable(): this;
+
+    // Sequence algorithms
+
+    /**
+     * Returns a new Stack with other collections concatenated to this one.
+     */
+    concat<C>(...valuesOrCollections: Array<Iterable<C> | C>): Stack<T | C>;
+
+    /**
+     * Returns a new Stack with values passed through a
+     * `mapper` function.
+     *
+     *     Stack([ 1, 2 ]).map(x => 10 * x)
+     *     // Stack [ 10, 20 ]
+     *
+     * Note: `map()` always returns a new instance, even if it produced the same
+     * value at every step.
+     */
+    map<M>(
+      mapper: (value: T, key: number, iter: this) => M,
+      context?: unknown
+    ): Stack<M>;
+
+    /**
+     * Flat-maps the Stack, returning a new Stack.
+     *
+     * Similar to `stack.map(...).flatten(true)`.
+     */
+    flatMap<M>(
+      mapper: (value: T, key: number, iter: this) => Iterable<M>,
+      context?: unknown
+    ): Stack<M>;
+
+    /**
+     * Returns a new Set with only the values for which the `predicate`
+     * function returns true.
+     *
+     * Note: `filter()` always returns a new instance, even if it results in
+     * not filtering out any values.
+     */
+    filter<F extends T>(
+      predicate: (value: T, index: number, iter: this) => value is F,
+      context?: unknown
+    ): Set<F>;
+    filter(
+      predicate: (value: T, index: number, iter: this) => unknown,
+      context?: unknown
+    ): this;
+
+    /**
+     * Returns a Stack "zipped" with the provided collections.
+     *
+     * Like `zipWith`, but using the default `zipper`: creating an `Array`.
+     *
+     * ```js
+     * const a = Stack([ 1, 2, 3 ]);
+     * const b = Stack([ 4, 5, 6 ]);
+     * const c = a.zip(b); // Stack [ [ 1, 4 ], [ 2, 5 ], [ 3, 6 ] ]
+     * ```
+     */
+    zip<U>(other: Collection<unknown, U>): Stack<[T, U]>;
+    zip<U, V>(
+      other: Collection<unknown, U>,
+      other2: Collection<unknown, V>
+    ): Stack<[T, U, V]>;
+    zip(...collections: Array<Collection<unknown, unknown>>): Stack<unknown>;
+
+    /**
+     * Returns a Stack "zipped" with the provided collections.
+     *
+     * Unlike `zip`, `zipAll` continues zipping until the longest collection is
+     * exhausted. Missing values from shorter collections are filled with `undefined`.
+     *
+     * ```js
+     * const a = Stack([ 1, 2 ]);
+     * const b = Stack([ 3, 4, 5 ]);
+     * const c = a.zipAll(b); // Stack [ [ 1, 3 ], [ 2, 4 ], [ undefined, 5 ] ]
+     * ```
+     *
+     * Note: Since zipAll will return a collection as large as the largest
+     * input, some results may contain undefined values. TypeScript cannot
+     * account for these without cases (as of v2.5).
+     */
+    zipAll<U>(other: Collection<unknown, U>): Stack<[T, U]>;
+    zipAll<U, V>(
+      other: Collection<unknown, U>,
+      other2: Collection<unknown, V>
+    ): Stack<[T, U, V]>;
+    zipAll(...collections: Array<Collection<unknown, unknown>>): Stack<unknown>;
+
+    /**
+     * Returns a Stack "zipped" with the provided collections by using a
+     * custom `zipper` function.
+     *
+     * ```js
+     * const a = Stack([ 1, 2, 3 ]);
+     * const b = Stack([ 4, 5, 6 ]);
+     * const c = a.zipWith((a, b) => a + b, b);
+     * // Stack [ 5, 7, 9 ]
+     * ```
+     */
+    zipWith<U, Z>(
+      zipper: (value: T, otherValue: U) => Z,
+      otherCollection: Collection<unknown, U>
+    ): Stack<Z>;
+    zipWith<U, V, Z>(
+      zipper: (value: T, otherValue: U, thirdValue: V) => Z,
+      otherCollection: Collection<unknown, U>,
+      thirdCollection: Collection<unknown, V>
+    ): Stack<Z>;
+    zipWith<Z>(
+      zipper: (...values: Array<unknown>) => Z,
+      ...collections: Array<Collection<unknown, unknown>>
+    ): Stack<Z>;
+  }
+
+  /**
+   * Returns a Seq.Indexed of numbers from `start` (inclusive) to `end`
+   * (exclusive), by `step`, where `start` defaults to 0, `step` to 1, and `end` to
+   * infinity. When `start` is equal to `end`, returns empty range.
+   *
+   * Note: `Range` is a factory function and not a class, and does not use the
+   * `new` keyword during construction.
+   *
+   * ```js
+   * import { Range } from 'immutable'
+   * Range(10, 15) // [ 10, 11, 12, 13, 14 ]
+   * Range(10, 30, 5) // [ 10, 15, 20, 25 ]
+   * Range(30, 10, 5) // [ 30, 25, 20, 15 ]
+   * Range(30, 30, 5) // []
+   * ```
+   */
+  function Range(
+    start: number,
+    end: number,
+    step?: number
+  ): Seq.Indexed<number>;
+
+  /**
+   * Returns a Seq.Indexed of `value` repeated `times` times. When `times` is
+   * not defined, returns an infinite `Seq` of `value`.
+   *
+   * Note: `Repeat` is a factory function and not a class, and does not use the
+   * `new` keyword during construction.
+   *
+   * ```js
+   * import { Repeat } from 'immutable'
+   * Repeat('foo') // [ 'foo', 'foo', 'foo', ... ]
+   * Repeat('bar', 4) // [ 'bar', 'bar', 'bar', 'bar' ]
+   * ```
+   */
+  function Repeat<T>(value: T, times?: number): Seq.Indexed<T>;
+
+  /**
+   * A record is similar to a JS object, but enforces a specific set of allowed
+   * string keys, and has default values.
+   *
+   * The `Record()` function produces new Record Factories, which when called
+   * create Record instances.
+   *
+   * ```js
+   * import { Record } from 'immutable'
+   * const ABRecord = Record({ a: 1, b: 2 })
+   * const myRecord = ABRecord({ b: 3 })
+   * ```
+   *
+   * Records always have a value for the keys they define. `remove`ing a key
+   * from a record simply resets it to the default value for that key.
+   *
+   * ```js
+   * myRecord.get('a') // 1
+   * myRecord.get('b') // 3
+   * const myRecordWithoutB = myRecord.remove('b')
+   * myRecordWithoutB.get('b') // 2
+   * ```
+   *
+   * Values provided to the constructor not found in the Record type will
+   * be ignored. For example, in this case, ABRecord is provided a key "x" even
+   * though only "a" and "b" have been defined. The value for "x" will be
+   * ignored for this record.
+   *
+   * ```js
+   * const myRecord = ABRecord({ b: 3, x: 10 })
+   * myRecord.get('x') // undefined
+   * ```
+   *
+   * Because Records have a known set of string keys, property get access works
+   * as expected, however property sets will throw an Error.
+   *
+   * Note: IE8 does not support property access. Only use `get()` when
+   * supporting IE8.
+   *
+   * ```js
+   * myRecord.b // 3
+   * myRecord.b = 5 // throws Error
+   * ```
+   *
+   * Record Types can be extended as well, allowing for custom methods on your
+   * Record. This is not a common pattern in functional environments, but is in
+   * many JS programs.
+   *
+   * However Record Types are more restricted than typical JavaScript classes.
+   * They do not use a class constructor, which also means they cannot use
+   * class properties (since those are technically part of a constructor).
+   *
+   * While Record Types can be syntactically created with the JavaScript `class`
+   * form, the resulting Record function is actually a factory function, not a
+   * class constructor. Even though Record Types are not classes, JavaScript
+   * currently requires the use of `new` when creating new Record instances if
+   * they are defined as a `class`.
+   *
+   * ```
+   * class ABRecord extends Record({ a: 1, b: 2 }) {
+   *   getAB() {
+   *     return this.a + this.b;
+   *   }
+   * }
+   *
+   * var myRecord = new ABRecord({b: 3})
+   * myRecord.getAB() // 4
+   * ```
+   *
+   *
+   * **Flow Typing Records:**
+   *
+   * Immutable.js exports two Flow types designed to make it easier to use
+   * Records with flow typed code, `RecordOf<TProps>` and `RecordFactory<TProps>`.
+   *
+   * When defining a new kind of Record factory function, use a flow type that
+   * describes the values the record contains along with `RecordFactory<TProps>`.
+   * To type instances of the Record (which the factory function returns),
+   * use `RecordOf<TProps>`.
+   *
+   * Typically, new Record definitions will export both the Record factory
+   * function as well as the Record instance type for use in other code.
+   *
+   * ```js
+   * import type { RecordFactory, RecordOf } from 'immutable';
+   *
+   * // Use RecordFactory<TProps> for defining new Record factory functions.
+   * type Point3DProps = { x: number, y: number, z: number };
+   * const defaultValues: Point3DProps = { x: 0, y: 0, z: 0 };
+   * const makePoint3D: RecordFactory<Point3DProps> = Record(defaultValues);
+   * export makePoint3D;
+   *
+   * // Use RecordOf<T> for defining new instances of that Record.
+   * export type Point3D = RecordOf<Point3DProps>;
+   * const some3DPoint: Point3D = makePoint3D({ x: 10, y: 20, z: 30 });
+   * ```
+   *
+   * **Flow Typing Record Subclasses:**
+   *
+   * Records can be subclassed as a means to add additional methods to Record
+   * instances. This is generally discouraged in favor of a more functional API,
+   * since Subclasses have some minor overhead. However the ability to create
+   * a rich API on Record types can be quite valuable.
+   *
+   * When using Flow to type Subclasses, do not use `RecordFactory<TProps>`,
+   * instead apply the props type when subclassing:
+   *
+   * ```js
+   * type PersonProps = {name: string, age: number};
+   * const defaultValues: PersonProps = {name: 'Aristotle', age: 2400};
+   * const PersonRecord = Record(defaultValues);
+   * class Person extends PersonRecord<PersonProps> {
+   *   getName(): string {
+   *     return this.get('name')
+   *   }
+   *
+   *   setName(name: string): this {
+   *     return this.set('name', name);
+   *   }
+   * }
+   * ```
+   *
+   * **Choosing Records vs plain JavaScript objects**
+   *
+   * Records offer a persistently immutable alternative to plain JavaScript
+   * objects, however they're not required to be used within Immutable.js
+   * collections. In fact, the deep-access and deep-updating functions
+   * like `getIn()` and `setIn()` work with plain JavaScript Objects as well.
+   *
+   * Deciding to use Records or Objects in your application should be informed
+   * by the tradeoffs and relative benefits of each:
+   *
+   * - *Runtime immutability*: plain JS objects may be carefully treated as
+   *   immutable, however Record instances will *throw* if attempted to be
+   *   mutated directly. Records provide this additional guarantee, however at
+   *   some marginal runtime cost. While JS objects are mutable by nature, the
+   *   use of type-checking tools like [Flow](https://medium.com/@gcanti/immutability-with-flow-faa050a1aef4)
+   *   can help gain confidence in code written to favor immutability.
+   *
+   * - *Value equality*: Records use value equality when compared with `is()`
+   *   or `record.equals()`. That is, two Records with the same keys and values
+   *   are equal. Plain objects use *reference equality*. Two objects with the
+   *   same keys and values are not equal since they are different objects.
+   *   This is important to consider when using objects as keys in a `Map` or
+   *   values in a `Set`, which use equality when retrieving values.
+   *
+   * - *API methods*: Records have a full featured API, with methods like
+   *   `.getIn()`, and `.equals()`. These can make working with these values
+   *   easier, but comes at the cost of not allowing keys with those names.
+   *
+   * - *Default values*: Records provide default values for every key, which
+   *   can be useful when constructing Records with often unchanging values.
+   *   However default values can make using Flow and TypeScript more laborious.
+   *
+   * - *Serialization*: Records use a custom internal representation to
+   *   efficiently store and update their values. Converting to and from this
+   *   form isn't free. If converting Records to plain objects is common,
+   *   consider sticking with plain objects to begin with.
+   */
+  namespace Record {
+    /**
+     * True if `maybeRecord` is an instance of a Record.
+     */
+    function isRecord(maybeRecord: unknown): maybeRecord is Record<object>;
+
+    /**
+     * Records allow passing a second parameter to supply a descriptive name
+     * that appears when converting a Record to a string or in any error
+     * messages. A descriptive name for any record can be accessed by using this
+     * method. If one was not provided, the string "Record" is returned.
+     *
+     * ```js
+     * import { Record } from 'immutable'
+     * const Person = Record({
+     *   name: null
+     * }, 'Person')
+     *
+     * var me = Person({ name: 'My Name' })
+     * me.toString() // "Person { "name": "My Name" }"
+     * Record.getDescriptiveName(me) // "Person"
+     * ```
+     */
+    function getDescriptiveName<TProps extends object>(
+      record: RecordOf<TProps>
+    ): string;
+
+    /**
+     * A Record.Factory is created by the `Record()` function. Record instances
+     * are created by passing it some of the accepted values for that Record
+     * type:
+     *
+     * Note that Record Factories return `Record<TProps> & Readonly<TProps>`,
+     * this allows use of both the Record instance API, and direct property
+     * access on the resulting instances:
+     */
+    namespace Factory {}
+
+    interface Factory<TProps extends object> {
+      (
+        values?: Partial<TProps> | Iterable<[string, unknown]>
+      ): RecordOf<TProps>;
+      new (
+        values?: Partial<TProps> | Iterable<[string, unknown]>
+      ): RecordOf<TProps>;
+
+      /**
+       * The name provided to `Record(values, name)` can be accessed with
+       * `displayName`.
+       */
+      displayName: string;
+    }
+
+    function Factory<TProps extends object>(
+      values?: Partial<TProps> | Iterable<[string, unknown]>
+    ): RecordOf<TProps>;
+  }
+
+  /**
+   * Unlike other types in Immutable.js, the `Record()` function creates a new
+   * Record Factory, which is a function that creates Record instances.
+   *
+   * See above for examples of using `Record()`.
+   *
+   * Note: `Record` is a factory function and not a class, and does not use the
+   * `new` keyword during construction.
+   */
+  function Record<TProps extends object>(
+    defaultValues: TProps,
+    name?: string
+  ): Record.Factory<TProps>;
+
+  interface Record<TProps extends object> {
+    // Reading values
+
+    has(key: string): key is keyof TProps & string;
+
+    /**
+     * Returns the value associated with the provided key, which may be the
+     * default value defined when creating the Record factory function.
+     *
+     * If the requested key is not defined by this Record type, then
+     * notSetValue will be returned if provided. Note that this scenario would
+     * produce an error when using Flow or TypeScript.
+     */
+    get<K extends keyof TProps>(key: K, notSetValue?: unknown): TProps[K];
+    get<T>(key: string, notSetValue: T): T;
+
+    // Reading deep values
+
+    hasIn(keyPath: Iterable<unknown>): boolean;
+    getIn(keyPath: Iterable<unknown>): unknown;
+
+    // Value equality
+
+    equals(other: unknown): boolean;
+    hashCode(): number;
+
+    // Persistent changes
+
+    set<K extends keyof TProps>(key: K, value: TProps[K]): this;
+    update<K extends keyof TProps>(
+      key: K,
+      updater: (value: TProps[K]) => TProps[K]
+    ): this;
+    merge(
+      ...collections: Array<Partial<TProps> | Iterable<[string, unknown]>>
+    ): this;
+    mergeDeep(
+      ...collections: Array<Partial<TProps> | Iterable<[string, unknown]>>
+    ): this;
+
+    mergeWith(
+      merger: (oldVal: unknown, newVal: unknown, key: keyof TProps) => unknown,
+      ...collections: Array<Partial<TProps> | Iterable<[string, unknown]>>
+    ): this;
+    mergeDeepWith(
+      merger: (oldVal: unknown, newVal: unknown, key: unknown) => unknown,
+      ...collections: Array<Partial<TProps> | Iterable<[string, unknown]>>
+    ): this;
+
+    /**
+     * Returns a new instance of this Record type with the value for the
+     * specific key set to its default value.
+     *
+     * @alias remove
+     */
+    delete<K extends keyof TProps>(key: K): this;
+    remove<K extends keyof TProps>(key: K): this;
+
+    /**
+     * Returns a new instance of this Record type with all values set
+     * to their default values.
+     */
+    clear(): this;
+
+    // Deep persistent changes
+
+    setIn(keyPath: Iterable<unknown>, value: unknown): this;
+    updateIn(
+      keyPath: Iterable<unknown>,
+      updater: (value: unknown) => unknown
+    ): this;
+    mergeIn(keyPath: Iterable<unknown>, ...collections: Array<unknown>): this;
+    mergeDeepIn(
+      keyPath: Iterable<unknown>,
+      ...collections: Array<unknown>
+    ): this;
+
+    /**
+     * @alias removeIn
+     */
+    deleteIn(keyPath: Iterable<unknown>): this;
+    removeIn(keyPath: Iterable<unknown>): this;
+
+    // Conversion to JavaScript types
+
+    /**
+     * Deeply converts this Record to equivalent native JavaScript Object.
+     *
+     * Note: This method may not be overridden. Objects with custom
+     * serialization to plain JS may override toJSON() instead.
+     */
+    toJS(): DeepCopy<TProps>;
+
+    /**
+     * Shallowly converts this Record to equivalent native JavaScript Object.
+     */
+    toJSON(): TProps;
+
+    /**
+     * Shallowly converts this Record to equivalent JavaScript Object.
+     */
+    toObject(): TProps;
+
+    // Transient changes
+
+    /**
+     * Note: Not all methods can be used on a mutable collection or within
+     * `withMutations`! Only `set` may be used mutatively.
+     *
+     * @see `Map#withMutations`
+     */
+    withMutations(mutator: (mutable: this) => unknown): this;
+
+    /**
+     * @see `Map#asMutable`
+     */
+    asMutable(): this;
+
+    /**
+     * @see `Map#wasAltered`
+     */
+    wasAltered(): boolean;
+
+    /**
+     * @see `Map#asImmutable`
+     */
+    asImmutable(): this;
+
+    // Sequence algorithms
+
+    toSeq(): Seq.Keyed<keyof TProps, TProps[keyof TProps]>;
+
+    [Symbol.iterator](): IterableIterator<[keyof TProps, TProps[keyof TProps]]>;
+  }
+
+  /**
+   * RecordOf<T> is used in TypeScript to define interfaces expecting an
+   * instance of record with type T.
+   *
+   * This is equivalent to an instance of a record created by a Record Factory.
+   */
+  type RecordOf<TProps extends object> = Record<TProps> & Readonly<TProps>;
+
+  /**
+   * `Seq` describes a lazy operation, allowing them to efficiently chain
+   * use of all the higher-order collection methods (such as `map` and `filter`)
+   * by not creating intermediate collections.
+   *
+   * **Seq is immutable** — Once a Seq is created, it cannot be
+   * changed, appended to, rearranged or otherwise modified. Instead, any
+   * mutative method called on a `Seq` will return a new `Seq`.
+   *
+   * **Seq is lazy** — `Seq` does as little work as necessary to respond to any
+   * method call. Values are often created during iteration, including implicit
+   * iteration when reducing or converting to a concrete data structure such as
+   * a `List` or JavaScript `Array`.
+   *
+   * For example, the following performs no work, because the resulting
+   * `Seq`'s values are never iterated:
+   *
+   * ```js
+   * import { Seq } from 'immutable'
+   * const oddSquares = Seq([ 1, 2, 3, 4, 5, 6, 7, 8 ])
+   *   .filter(x => x % 2 !== 0)
+   *   .map(x => x * x)
+   * ```
+   *
+   * Once the `Seq` is used, it performs only the work necessary. In this
+   * example, no intermediate arrays are ever created, filter is called three
+   * times, and map is only called once:
+   *
+   * ```js
+   * oddSquares.get(1); // 9
+   * ```
+   *
+   * Any collection can be converted to a lazy Seq with `Seq()`.
+   *
+   * `Seq` allows for the efficient chaining of operations, allowing for the
+   * expression of logic that can otherwise be very tedious:
+   *
+   * ```js
+   * lazySeq
+   *   .flip()
+   *   .map(key => key.toUpperCase())
+   *   .flip()
+   * // Seq { A: 1, B: 1, C: 1 }
+   * ```
+   *
+   * As well as expressing logic that would otherwise seem memory or time
+   * limited, for example `Range` is a special kind of Lazy sequence.
+   *
+   * Seq is often used to provide a rich collection API to JavaScript Object.
+   *
+   * ```js
+   * Seq({ x: 0, y: 1, z: 2 }).map(v => v * 2).toObject();
+   * // { x: 0, y: 2, z: 4 }
+   * ```
+   */
+
+  namespace Seq {
+    /**
+     * True if `maybeSeq` is a Seq, it is not backed by a concrete
+     * structure such as Map, List, or Set.
+     */
+    function isSeq(
+      maybeSeq: unknown
+    ): maybeSeq is
+      | Seq.Indexed<unknown>
+      | Seq.Keyed<unknown, unknown>
+      | Seq.Set<unknown>;
+
+    /**
+     * `Seq` which represents key-value pairs.
+     */
+    namespace Keyed {}
+
+    /**
+     * Always returns a Seq.Keyed, if input is not keyed, expects an
+     * collection of [K, V] tuples.
+     *
+     * Note: `Seq.Keyed` is a conversion function and not a class, and does not
+     * use the `new` keyword during construction.
+     */
+    function Keyed<K, V>(collection?: Iterable<[K, V]>): Seq.Keyed<K, V>;
+    function Keyed<V>(obj: { [key: string]: V }): Seq.Keyed<string, V>;
+
+    interface Keyed<K, V> extends Seq<K, V>, Collection.Keyed<K, V> {
+      /**
+       * Deeply converts this Keyed Seq to equivalent native JavaScript Object.
+       *
+       * Converts keys to Strings.
+       */
+      toJS(): { [key in PropertyKey]: DeepCopy<V> };
+
+      /**
+       * Shallowly converts this Keyed Seq to equivalent native JavaScript Object.
+       *
+       * Converts keys to Strings.
+       */
+      toJSON(): { [key in PropertyKey]: V };
+
+      /**
+       * Shallowly converts this collection to an Array.
+       */
+      toArray(): Array<[K, V]>;
+
+      /**
+       * Returns itself
+       */
+      toSeq(): this;
+
+      /**
+       * Returns a new Seq with other collections concatenated to this one.
+       *
+       * All entries will be present in the resulting Seq, even if they
+       * have the same key.
+       */
+      concat<KC, VC>(
+        ...collections: Array<Iterable<[KC, VC]>>
+      ): Seq.Keyed<K | KC, V | VC>;
+      concat<C>(
+        ...collections: Array<{ [key: string]: C }>
+      ): Seq.Keyed<K | string, V | C>;
+
+      /**
+       * Returns a new Seq.Keyed with values passed through a
+       * `mapper` function.
+       *
+       * ```js
+       * import { Seq } from 'immutable'
+       * Seq.Keyed({ a: 1, b: 2 }).map(x => 10 * x)
+       * // Seq { "a": 10, "b": 20 }
+       * ```
+       *
+       * Note: `map()` always returns a new instance, even if it produced the
+       * same value at every step.
+       */
+      map<M>(
+        mapper: (value: V, key: K, iter: this) => M,
+        context?: unknown
+      ): Seq.Keyed<K, M>;
+
+      /**
+       * @see Collection.Keyed.mapKeys
+       */
+      mapKeys<M>(
+        mapper: (key: K, value: V, iter: this) => M,
+        context?: unknown
+      ): Seq.Keyed<M, V>;
+
+      /**
+       * @see Collection.Keyed.mapEntries
+       */
+      mapEntries<KM, VM>(
+        mapper: (
+          entry: [K, V],
+          index: number,
+          iter: this
+        ) => [KM, VM] | undefined,
+        context?: unknown
+      ): Seq.Keyed<KM, VM>;
+
+      /**
+       * Flat-maps the Seq, returning a Seq of the same type.
+       *
+       * Similar to `seq.map(...).flatten(true)`.
+       */
+      flatMap<KM, VM>(
+        mapper: (value: V, key: K, iter: this) => Iterable<[KM, VM]>,
+        context?: unknown
+      ): Seq.Keyed<KM, VM>;
+
+      /**
+       * Returns a new Seq with only the entries for which the `predicate`
+       * function returns true.
+       *
+       * Note: `filter()` always returns a new instance, even if it results in
+       * not filtering out any values.
+       */
+      filter<F extends V>(
+        predicate: (value: V, key: K, iter: this) => value is F,
+        context?: unknown
+      ): Seq.Keyed<K, F>;
+      filter(
+        predicate: (value: V, key: K, iter: this) => unknown,
+        context?: unknown
+      ): this;
+
+      /**
+       * Returns a new keyed Seq with the values for which the `predicate`
+       * function returns false and another for which is returns true.
+       */
+      partition<F extends V, C>(
+        predicate: (this: C, value: V, key: K, iter: this) => value is F,
+        context?: C
+      ): [Seq.Keyed<K, V>, Seq.Keyed<K, F>];
+      partition<C>(
+        predicate: (this: C, value: V, key: K, iter: this) => unknown,
+        context?: C
+      ): [this, this];
+
+      /**
+       * @see Collection.Keyed.flip
+       */
+      flip(): Seq.Keyed<V, K>;
+
+      [Symbol.iterator](): IterableIterator<[K, V]>;
+    }
+
+    /**
+     * `Seq` which represents an ordered indexed list of values.
+     */
+    namespace Indexed {
+      /**
+       * Provides an Seq.Indexed of the values provided.
+       */
+      function of<T>(...values: Array<T>): Seq.Indexed<T>;
+    }
+
+    /**
+     * Always returns Seq.Indexed, discarding associated keys and
+     * supplying incrementing indices.
+     *
+     * Note: `Seq.Indexed` is a conversion function and not a class, and does
+     * not use the `new` keyword during construction.
+     */
+    function Indexed<T>(
+      collection?: Iterable<T> | ArrayLike<T>
+    ): Seq.Indexed<T>;
+
+    interface Indexed<T> extends Seq<number, T>, Collection.Indexed<T> {
+      /**
+       * Deeply converts this Indexed Seq to equivalent native JavaScript Array.
+       */
+      toJS(): Array<DeepCopy<T>>;
+
+      /**
+       * Shallowly converts this Indexed Seq to equivalent native JavaScript Array.
+       */
+      toJSON(): Array<T>;
+
+      /**
+       * Shallowly converts this collection to an Array.
+       */
+      toArray(): Array<T>;
+
+      /**
+       * Returns itself
+       */
+      toSeq(): this;
+
+      /**
+       * Returns a new Seq with other collections concatenated to this one.
+       */
+      concat<C>(
+        ...valuesOrCollections: Array<Iterable<C> | C>
+      ): Seq.Indexed<T | C>;
+
+      /**
+       * Returns a new Seq.Indexed with values passed through a
+       * `mapper` function.
+       *
+       * ```js
+       * import { Seq } from 'immutable'
+       * Seq.Indexed([ 1, 2 ]).map(x => 10 * x)
+       * // Seq [ 10, 20 ]
+       * ```
+       *
+       * Note: `map()` always returns a new instance, even if it produced the
+       * same value at every step.
+       */
+      map<M>(
+        mapper: (value: T, key: number, iter: this) => M,
+        context?: unknown
+      ): Seq.Indexed<M>;
+
+      /**
+       * Flat-maps the Seq, returning a a Seq of the same type.
+       *
+       * Similar to `seq.map(...).flatten(true)`.
+       */
+      flatMap<M>(
+        mapper: (value: T, key: number, iter: this) => Iterable<M>,
+        context?: unknown
+      ): Seq.Indexed<M>;
+
+      /**
+       * Returns a new Seq with only the values for which the `predicate`
+       * function returns true.
+       *
+       * Note: `filter()` always returns a new instance, even if it results in
+       * not filtering out any values.
+       */
+      filter<F extends T>(
+        predicate: (value: T, index: number, iter: this) => value is F,
+        context?: unknown
+      ): Seq.Indexed<F>;
+      filter(
+        predicate: (value: T, index: number, iter: this) => unknown,
+        context?: unknown
+      ): this;
+
+      /**
+       * Returns a new indexed Seq with the values for which the `predicate`
+       * function returns false and another for which is returns true.
+       */
+      partition<F extends T, C>(
+        predicate: (this: C, value: T, index: number, iter: this) => value is F,
+        context?: C
+      ): [Seq.Indexed<T>, Seq.Indexed<F>];
+      partition<C>(
+        predicate: (this: C, value: T, index: number, iter: this) => unknown,
+        context?: C
+      ): [this, this];
+
+      /**
+       * Returns a Seq "zipped" with the provided collections.
+       *
+       * Like `zipWith`, but using the default `zipper`: creating an `Array`.
+       *
+       * ```js
+       * const a = Seq([ 1, 2, 3 ]);
+       * const b = Seq([ 4, 5, 6 ]);
+       * const c = a.zip(b); // Seq [ [ 1, 4 ], [ 2, 5 ], [ 3, 6 ] ]
+       * ```
+       */
+      zip<U>(other: Collection<unknown, U>): Seq.Indexed<[T, U]>;
+      zip<U, V>(
+        other: Collection<unknown, U>,
+        other2: Collection<unknown, V>
+      ): Seq.Indexed<[T, U, V]>;
+      zip(
+        ...collections: Array<Collection<unknown, unknown>>
+      ): Seq.Indexed<unknown>;
+
+      /**
+       * Returns a Seq "zipped" with the provided collections.
+       *
+       * Unlike `zip`, `zipAll` continues zipping until the longest collection is
+       * exhausted. Missing values from shorter collections are filled with `undefined`.
+       *
+       * ```js
+       * const a = Seq([ 1, 2 ]);
+       * const b = Seq([ 3, 4, 5 ]);
+       * const c = a.zipAll(b); // Seq [ [ 1, 3 ], [ 2, 4 ], [ undefined, 5 ] ]
+       * ```
+       */
+      zipAll<U>(other: Collection<unknown, U>): Seq.Indexed<[T, U]>;
+      zipAll<U, V>(
+        other: Collection<unknown, U>,
+        other2: Collection<unknown, V>
+      ): Seq.Indexed<[T, U, V]>;
+      zipAll(
+        ...collections: Array<Collection<unknown, unknown>>
+      ): Seq.Indexed<unknown>;
+
+      /**
+       * Returns a Seq "zipped" with the provided collections by using a
+       * custom `zipper` function.
+       *
+       * ```js
+       * const a = Seq([ 1, 2, 3 ]);
+       * const b = Seq([ 4, 5, 6 ]);
+       * const c = a.zipWith((a, b) => a + b, b);
+       * // Seq [ 5, 7, 9 ]
+       * ```
+       */
+      zipWith<U, Z>(
+        zipper: (value: T, otherValue: U) => Z,
+        otherCollection: Collection<unknown, U>
+      ): Seq.Indexed<Z>;
+      zipWith<U, V, Z>(
+        zipper: (value: T, otherValue: U, thirdValue: V) => Z,
+        otherCollection: Collection<unknown, U>,
+        thirdCollection: Collection<unknown, V>
+      ): Seq.Indexed<Z>;
+      zipWith<Z>(
+        zipper: (...values: Array<unknown>) => Z,
+        ...collections: Array<Collection<unknown, unknown>>
+      ): Seq.Indexed<Z>;
+
+      [Symbol.iterator](): IterableIterator<T>;
+    }
+
+    /**
+     * `Seq` which represents a set of values.
+     *
+     * Because `Seq` are often lazy, `Seq.Set` does not provide the same guarantee
+     * of value uniqueness as the concrete `Set`.
+     */
+    namespace Set {
+      /**
+       * Returns a Seq.Set of the provided values
+       */
+      function of<T>(...values: Array<T>): Seq.Set<T>;
+    }
+
+    /**
+     * Always returns a Seq.Set, discarding associated indices or keys.
+     *
+     * Note: `Seq.Set` is a conversion function and not a class, and does not
+     * use the `new` keyword during construction.
+     */
+    function Set<T>(collection?: Iterable<T> | ArrayLike<T>): Seq.Set<T>;
+
+    interface Set<T> extends Seq<T, T>, Collection.Set<T> {
+      /**
+       * Deeply converts this Set Seq to equivalent native JavaScript Array.
+       */
+      toJS(): Array<DeepCopy<T>>;
+
+      /**
+       * Shallowly converts this Set Seq to equivalent native JavaScript Array.
+       */
+      toJSON(): Array<T>;
+
+      /**
+       * Shallowly converts this collection to an Array.
+       */
+      toArray(): Array<T>;
+
+      /**
+       * Returns itself
+       */
+      toSeq(): this;
+
+      /**
+       * Returns a new Seq with other collections concatenated to this one.
+       *
+       * All entries will be present in the resulting Seq, even if they
+       * are duplicates.
+       */
+      concat<U>(...collections: Array<Iterable<U>>): Seq.Set<T | U>;
+
+      /**
+       * Returns a new Seq.Set with values passed through a
+       * `mapper` function.
+       *
+       * ```js
+       * Seq.Set([ 1, 2 ]).map(x => 10 * x)
+       * // Seq { 10, 20 }
+       * ```
+       *
+       * Note: `map()` always returns a new instance, even if it produced the
+       * same value at every step.
+       */
+      map<M>(
+        mapper: (value: T, key: T, iter: this) => M,
+        context?: unknown
+      ): Seq.Set<M>;
+
+      /**
+       * Flat-maps the Seq, returning a Seq of the same type.
+       *
+       * Similar to `seq.map(...).flatten(true)`.
+       */
+      flatMap<M>(
+        mapper: (value: T, key: T, iter: this) => Iterable<M>,
+        context?: unknown
+      ): Seq.Set<M>;
+
+      /**
+       * Returns a new Seq with only the values for which the `predicate`
+       * function returns true.
+       *
+       * Note: `filter()` always returns a new instance, even if it results in
+       * not filtering out any values.
+       */
+      filter<F extends T>(
+        predicate: (value: T, key: T, iter: this) => value is F,
+        context?: unknown
+      ): Seq.Set<F>;
+      filter(
+        predicate: (value: T, key: T, iter: this) => unknown,
+        context?: unknown
+      ): this;
+
+      /**
+       * Returns a new set Seq with the values for which the `predicate`
+       * function returns false and another for which is returns true.
+       */
+      partition<F extends T, C>(
+        predicate: (this: C, value: T, key: T, iter: this) => value is F,
+        context?: C
+      ): [Seq.Set<T>, Seq.Set<F>];
+      partition<C>(
+        predicate: (this: C, value: T, key: T, iter: this) => unknown,
+        context?: C
+      ): [this, this];
+
+      [Symbol.iterator](): IterableIterator<T>;
+    }
+  }
+
+  /**
+   * Creates a Seq.
+   *
+   * Returns a particular kind of `Seq` based on the input.
+   *
+   *   * If a `Seq`, that same `Seq`.
+   *   * If an `Collection`, a `Seq` of the same kind (Keyed, Indexed, or Set).
+   *   * If an Array-like, an `Seq.Indexed`.
+   *   * If an Iterable Object, an `Seq.Indexed`.
+   *   * If an Object, a `Seq.Keyed`.
+   *
+   * Note: An Iterator itself will be treated as an object, becoming a `Seq.Keyed`,
+   * which is usually not what you want. You should turn your Iterator Object into
+   * an iterable object by defining a Symbol.iterator (or @@iterator) method which
+   * returns `this`.
+   *
+   * Note: `Seq` is a conversion function and not a class, and does not use the
+   * `new` keyword during construction.
+   */
+  function Seq<S extends Seq<unknown, unknown>>(seq: S): S;
+  function Seq<K, V>(collection: Collection.Keyed<K, V>): Seq.Keyed<K, V>;
+  function Seq<T>(collection: Collection.Set<T>): Seq.Set<T>;
+  function Seq<T>(
+    collection: Collection.Indexed<T> | Iterable<T> | ArrayLike<T>
+  ): Seq.Indexed<T>;
+  function Seq<V>(obj: { [key: string]: V }): Seq.Keyed<string, V>;
+  function Seq<K = unknown, V = unknown>(): Seq<K, V>;
+
+  interface Seq<K, V> extends Collection<K, V> {
+    /**
+     * Some Seqs can describe their size lazily. When this is the case,
+     * size will be an integer. Otherwise it will be undefined.
+     *
+     * For example, Seqs returned from `map()` or `reverse()`
+     * preserve the size of the original `Seq` while `filter()` does not.
+     *
+     * Note: `Range`, `Repeat` and `Seq`s made from `Array`s and `Object`s will
+     * always have a size.
+     */
+    readonly size: number | undefined;
+
+    // Force evaluation
+
+    /**
+     * Because Sequences are lazy and designed to be chained together, they do
+     * not cache their results. For example, this map function is called a total
+     * of 6 times, as each `join` iterates the Seq of three values.
+     *
+     *     var squares = Seq([ 1, 2, 3 ]).map(x => x * x)
+     *     squares.join() + squares.join()
+     *
+     * If you know a `Seq` will be used multiple times, it may be more
+     * efficient to first cache it in memory. Here, the map function is called
+     * only 3 times.
+     *
+     *     var squares = Seq([ 1, 2, 3 ]).map(x => x * x).cacheResult()
+     *     squares.join() + squares.join()
+     *
+     * Use this method judiciously, as it must fully evaluate a Seq which can be
+     * a burden on memory and possibly performance.
+     *
+     * Note: after calling `cacheResult`, a Seq will always have a `size`.
+     */
+    cacheResult(): this;
+
+    // Sequence algorithms
+
+    /**
+     * Returns a new Seq with values passed through a
+     * `mapper` function.
+     *
+     * ```js
+     * import { Seq } from 'immutable'
+     * Seq([ 1, 2 ]).map(x => 10 * x)
+     * // Seq [ 10, 20 ]
+     * ```
+     *
+     * Note: `map()` always returns a new instance, even if it produced the same
+     * value at every step.
+     */
+    map<M>(
+      mapper: (value: V, key: K, iter: this) => M,
+      context?: unknown
+    ): Seq<K, M>;
+
+    /**
+     * Returns a new Seq with values passed through a
+     * `mapper` function.
+     *
+     * ```js
+     * import { Seq } from 'immutable'
+     * Seq([ 1, 2 ]).map(x => 10 * x)
+     * // Seq [ 10, 20 ]
+     * ```
+     *
+     * Note: `map()` always returns a new instance, even if it produced the same
+     * value at every step.
+     * Note: used only for sets.
+     */
+    map<M>(
+      mapper: (value: V, key: K, iter: this) => M,
+      context?: unknown
+    ): Seq<M, M>;
+
+    /**
+     * Flat-maps the Seq, returning a Seq of the same type.
+     *
+     * Similar to `seq.map(...).flatten(true)`.
+     */
+    flatMap<M>(
+      mapper: (value: V, key: K, iter: this) => Iterable<M>,
+      context?: unknown
+    ): Seq<K, M>;
+
+    /**
+     * Flat-maps the Seq, returning a Seq of the same type.
+     *
+     * Similar to `seq.map(...).flatten(true)`.
+     * Note: Used only for sets.
+     */
+    flatMap<M>(
+      mapper: (value: V, key: K, iter: this) => Iterable<M>,
+      context?: unknown
+    ): Seq<M, M>;
+
+    /**
+     * Returns a new Seq with only the values for which the `predicate`
+     * function returns true.
+     *
+     * Note: `filter()` always returns a new instance, even if it results in
+     * not filtering out any values.
+     */
+    filter<F extends V>(
+      predicate: (value: V, key: K, iter: this) => value is F,
+      context?: unknown
+    ): Seq<K, F>;
+    filter(
+      predicate: (value: V, key: K, iter: this) => unknown,
+      context?: unknown
+    ): this;
+
+    /**
+     * Returns a new Seq with the values for which the `predicate` function
+     * returns false and another for which is returns true.
+     */
+    partition<F extends V, C>(
+      predicate: (this: C, value: V, key: K, iter: this) => value is F,
+      context?: C
+    ): [Seq<K, V>, Seq<K, F>];
+    partition<C>(
+      predicate: (this: C, value: V, key: K, iter: this) => unknown,
+      context?: C
+    ): [this, this];
+
+    /**
+     * Returns a new Sequence of the same type with other values and
+     * collection-like concatenated to this one.
+     *
+     * All entries will be present in the resulting Seq, even if they
+     * have the same key.
+     */
+    concat(...valuesOrCollections: Array<unknown>): Seq<unknown, unknown>;
+  }
+
+  /**
+   * The `Collection` is a set of (key, value) entries which can be iterated, and
+   * is the base class for all collections in `immutable`, allowing them to
+   * make use of all the Collection methods (such as `map` and `filter`).
+   *
+   * Note: A collection is always iterated in the same order, however that order
+   * may not always be well defined, as is the case for the `Map` and `Set`.
+   *
+   * Collection is the abstract base class for concrete data structures. It
+   * cannot be constructed directly.
+   *
+   * Implementations should extend one of the subclasses, `Collection.Keyed`,
+   * `Collection.Indexed`, or `Collection.Set`.
+   */
+  namespace Collection {
+    /**
+     * Keyed Collections have discrete keys tied to each value.
+     *
+     * When iterating `Collection.Keyed`, each iteration will yield a `[K, V]`
+     * tuple, in other words, `Collection#entries` is the default iterator for
+     * Keyed Collections.
+     */
+    namespace Keyed {}
+
+    /**
+     * Creates a Collection.Keyed
+     *
+     * Similar to `Collection()`, however it expects collection-likes of [K, V]
+     * tuples if not constructed from a Collection.Keyed or JS Object.
+     *
+     * Note: `Collection.Keyed` is a conversion function and not a class, and
+     * does not use the `new` keyword during construction.
+     */
+    function Keyed<K, V>(collection?: Iterable<[K, V]>): Collection.Keyed<K, V>;
+    function Keyed<V>(obj: { [key: string]: V }): Collection.Keyed<string, V>;
+
+    interface Keyed<K, V> extends Collection<K, V> {
+      /**
+       * Deeply converts this Keyed collection to equivalent native JavaScript Object.
+       *
+       * Converts keys to Strings.
+       */
+      toJS(): { [key in PropertyKey]: DeepCopy<V> };
+
+      /**
+       * Shallowly converts this Keyed collection to equivalent native JavaScript Object.
+       *
+       * Converts keys to Strings.
+       */
+      toJSON(): { [key in PropertyKey]: V };
+
+      /**
+       * Shallowly converts this collection to an Array.
+       */
+      toArray(): Array<[K, V]>;
+
+      /**
+       * Returns Seq.Keyed.
+       * @override
+       */
+      toSeq(): Seq.Keyed<K, V>;
+
+      // Sequence functions
+
+      /**
+       * Returns a new Collection.Keyed of the same type where the keys and values
+       * have been flipped.
+       */
+      flip(): Collection.Keyed<V, K>;
+
+      /**
+       * Returns a new Collection with other collections concatenated to this one.
+       */
+      concat<KC, VC>(
+        ...collections: Array<Iterable<[KC, VC]>>
+      ): Collection.Keyed<K | KC, V | VC>;
+      concat<C>(
+        ...collections: Array<{ [key: string]: C }>
+      ): Collection.Keyed<K | string, V | C>;
+
+      /**
+       * Returns a new Collection.Keyed with values passed through a
+       * `mapper` function.
+       *
+       * ```js
+       * import { Collection } from 'immutable'
+       * Collection.Keyed({ a: 1, b: 2 }).map(x => 10 * x)
+       * // Seq { "a": 10, "b": 20 }
+       * ```
+       *
+       * Note: `map()` always returns a new instance, even if it produced the
+       * same value at every step.
+       */
+      map<M>(
+        mapper: (value: V, key: K, iter: this) => M,
+        context?: unknown
+      ): Collection.Keyed<K, M>;
+
+      /**
+       * Returns a new Collection.Keyed of the same type with keys passed through
+       * a `mapper` function.
+       *
+       * Note: `mapKeys()` always returns a new instance, even if it produced
+       * the same key at every step.
+       */
+      mapKeys<M>(
+        mapper: (key: K, value: V, iter: this) => M,
+        context?: unknown
+      ): Collection.Keyed<M, V>;
+
+      /**
+       * Returns a new Collection.Keyed of the same type with entries
+       * ([key, value] tuples) passed through a `mapper` function.
+       *
+       * Note: `mapEntries()` always returns a new instance, even if it produced
+       * the same entry at every step.
+       *
+       * If the mapper function returns `undefined`, then the entry will be filtered
+       */
+      mapEntries<KM, VM>(
+        mapper: (
+          entry: [K, V],
+          index: number,
+          iter: this
+        ) => [KM, VM] | undefined,
+        context?: unknown
+      ): Collection.Keyed<KM, VM>;
+
+      /**
+       * Flat-maps the Collection, returning a Collection of the same type.
+       *
+       * Similar to `collection.map(...).flatten(true)`.
+       */
+      flatMap<KM, VM>(
+        mapper: (value: V, key: K, iter: this) => Iterable<[KM, VM]>,
+        context?: unknown
+      ): Collection.Keyed<KM, VM>;
+
+      /**
+       * Returns a new Collection with only the values for which the `predicate`
+       * function returns true.
+       *
+       * Note: `filter()` always returns a new instance, even if it results in
+       * not filtering out any values.
+       */
+      filter<F extends V>(
+        predicate: (value: V, key: K, iter: this) => value is F,
+        context?: unknown
+      ): Collection.Keyed<K, F>;
+      filter(
+        predicate: (value: V, key: K, iter: this) => unknown,
+        context?: unknown
+      ): this;
+
+      /**
+       * Returns a new keyed Collection with the values for which the
+       * `predicate` function returns false and another for which is returns
+       * true.
+       */
+      partition<F extends V, C>(
+        predicate: (this: C, value: V, key: K, iter: this) => value is F,
+        context?: C
+      ): [Collection.Keyed<K, V>, Collection.Keyed<K, F>];
+      partition<C>(
+        predicate: (this: C, value: V, key: K, iter: this) => unknown,
+        context?: C
+      ): [this, this];
+
+      [Symbol.iterator](): IterableIterator<[K, V]>;
+    }
+
+    /**
+     * Indexed Collections have incrementing numeric keys. They exhibit
+     * slightly different behavior than `Collection.Keyed` for some methods in order
+     * to better mirror the behavior of JavaScript's `Array`, and add methods
+     * which do not make sense on non-indexed Collections such as `indexOf`.
+     *
+     * Unlike JavaScript arrays, `Collection.Indexed`s are always dense. "Unset"
+     * indices and `undefined` indices are indistinguishable, and all indices from
+     * 0 to `size` are visited when iterated.
+     *
+     * All Collection.Indexed methods return re-indexed Collections. In other words,
+     * indices always start at 0 and increment until size. If you wish to
+     * preserve indices, using them as keys, convert to a Collection.Keyed by
+     * calling `toKeyedSeq`.
+     */
+    namespace Indexed {}
+
+    /**
+     * Creates a new Collection.Indexed.
+     *
+     * Note: `Collection.Indexed` is a conversion function and not a class, and
+     * does not use the `new` keyword during construction.
+     */
+    function Indexed<T>(
+      collection?: Iterable<T> | ArrayLike<T>
+    ): Collection.Indexed<T>;
+
+    interface Indexed<T> extends Collection<number, T>, OrderedCollection<T> {
+      /**
+       * Deeply converts this Indexed collection to equivalent native JavaScript Array.
+       */
+      toJS(): Array<DeepCopy<T>>;
+
+      /**
+       * Shallowly converts this Indexed collection to equivalent native JavaScript Array.
+       */
+      toJSON(): Array<T>;
+
+      /**
+       * Shallowly converts this collection to an Array.
+       */
+      toArray(): Array<T>;
+
+      // Reading values
+
+      /**
+       * Returns the value associated with the provided index, or notSetValue if
+       * the index is beyond the bounds of the Collection.
+       *
+       * `index` may be a negative number, which indexes back from the end of the
+       * Collection. `s.get(-1)` gets the last item in the Collection.
+       */
+      get<NSV>(index: number, notSetValue: NSV): T | NSV;
+      get(index: number): T | undefined;
+
+      // Conversion to Seq
+
+      /**
+       * Returns Seq.Indexed.
+       * @override
+       */
+      toSeq(): Seq.Indexed<T>;
+
+      /**
+       * If this is a collection of [key, value] entry tuples, it will return a
+       * Seq.Keyed of those entries.
+       */
+      fromEntrySeq(): Seq.Keyed<unknown, unknown>;
+
+      // Combination
+
+      /**
+       * Returns a Collection of the same type with `separator` between each item
+       * in this Collection.
+       */
+      interpose(separator: T): this;
+
+      /**
+       * Returns a Collection of the same type with the provided `collections`
+       * interleaved into this collection.
+       *
+       * The resulting Collection includes the first item from each, then the
+       * second from each, etc.
+       *
+       * The shortest Collection stops interleave.
+       *
+       * Since `interleave()` re-indexes values, it produces a complete copy,
+       * which has `O(N)` complexity.
+       *
+       * Note: `interleave` *cannot* be used in `withMutations`.
+       */
+      interleave(...collections: Array<Collection<unknown, T>>): this;
+
+      /**
+       * Splice returns a new indexed Collection by replacing a region of this
+       * Collection with new values. If values are not provided, it only skips the
+       * region to be removed.
+       *
+       * `index` may be a negative number, which indexes back from the end of the
+       * Collection. `s.splice(-2)` splices after the second to last item.
+       *
+       * Since `splice()` re-indexes values, it produces a complete copy, which
+       * has `O(N)` complexity.
+       *
+       * Note: `splice` *cannot* be used in `withMutations`.
+       */
+      splice(index: number, removeNum: number, ...values: Array<T>): this;
+
+      /**
+       * Returns a Collection of the same type "zipped" with the provided
+       * collections.
+       *
+       * Like `zipWith`, but using the default `zipper`: creating an `Array`.
+       */
+      zip<U>(other: Collection<unknown, U>): Collection.Indexed<[T, U]>;
+      zip<U, V>(
+        other: Collection<unknown, U>,
+        other2: Collection<unknown, V>
+      ): Collection.Indexed<[T, U, V]>;
+      zip(
+        ...collections: Array<Collection<unknown, unknown>>
+      ): Collection.Indexed<unknown>;
+
+      /**
+       * Returns a Collection "zipped" with the provided collections.
+       *
+       * Unlike `zip`, `zipAll` continues zipping until the longest collection is
+       * exhausted. Missing values from shorter collections are filled with `undefined`.
+       *
+       * ```js
+       * const a = List([ 1, 2 ]);
+       * const b = List([ 3, 4, 5 ]);
+       * const c = a.zipAll(b); // List [ [ 1, 3 ], [ 2, 4 ], [ undefined, 5 ] ]
+       * ```
+       */
+      zipAll<U>(other: Collection<unknown, U>): Collection.Indexed<[T, U]>;
+      zipAll<U, V>(
+        other: Collection<unknown, U>,
+        other2: Collection<unknown, V>
+      ): Collection.Indexed<[T, U, V]>;
+      zipAll(
+        ...collections: Array<Collection<unknown, unknown>>
+      ): Collection.Indexed<unknown>;
+
+      /**
+       * Returns a Collection of the same type "zipped" with the provided
+       * collections by using a custom `zipper` function.
+       */
+      zipWith<U, Z>(
+        zipper: (value: T, otherValue: U) => Z,
+        otherCollection: Collection<unknown, U>
+      ): Collection.Indexed<Z>;
+      zipWith<U, V, Z>(
+        zipper: (value: T, otherValue: U, thirdValue: V) => Z,
+        otherCollection: Collection<unknown, U>,
+        thirdCollection: Collection<unknown, V>
+      ): Collection.Indexed<Z>;
+      zipWith<Z>(
+        zipper: (...values: Array<unknown>) => Z,
+        ...collections: Array<Collection<unknown, unknown>>
+      ): Collection.Indexed<Z>;
+
+      // Search for value
+
+      /**
+       * Returns the first index at which a given value can be found in the
+       * Collection, or -1 if it is not present.
+       */
+      indexOf(searchValue: T): number;
+
+      /**
+       * Returns the last index at which a given value can be found in the
+       * Collection, or -1 if it is not present.
+       */
+      lastIndexOf(searchValue: T): number;
+
+      /**
+       * Returns the first index in the Collection where a value satisfies the
+       * provided predicate function. Otherwise -1 is returned.
+       */
+      findIndex(
+        predicate: (value: T, index: number, iter: this) => boolean,
+        context?: unknown
+      ): number;
+
+      /**
+       * Returns the last index in the Collection where a value satisfies the
+       * provided predicate function. Otherwise -1 is returned.
+       */
+      findLastIndex(
+        predicate: (value: T, index: number, iter: this) => boolean,
+        context?: unknown
+      ): number;
+
+      // Sequence algorithms
+
+      /**
+       * Returns a new Collection with other collections concatenated to this one.
+       */
+      concat<C>(
+        ...valuesOrCollections: Array<Iterable<C> | C>
+      ): Collection.Indexed<T | C>;
+
+      /**
+       * Returns a new Collection.Indexed with values passed through a
+       * `mapper` function.
+       *
+       * ```js
+       * import { Collection } from 'immutable'
+       * Collection.Indexed([1,2]).map(x => 10 * x)
+       * // Seq [ 1, 2 ]
+       * ```
+       *
+       * Note: `map()` always returns a new instance, even if it produced the
+       * same value at every step.
+       */
+      map<M>(
+        mapper: (value: T, key: number, iter: this) => M,
+        context?: unknown
+      ): Collection.Indexed<M>;
+
+      /**
+       * Flat-maps the Collection, returning a Collection of the same type.
+       *
+       * Similar to `collection.map(...).flatten(true)`.
+       */
+      flatMap<M>(
+        mapper: (value: T, key: number, iter: this) => Iterable<M>,
+        context?: unknown
+      ): Collection.Indexed<M>;
+
+      /**
+       * Returns a new Collection with only the values for which the `predicate`
+       * function returns true.
+       *
+       * Note: `filter()` always returns a new instance, even if it results in
+       * not filtering out any values.
+       */
+      filter<F extends T>(
+        predicate: (value: T, index: number, iter: this) => value is F,
+        context?: unknown
+      ): Collection.Indexed<F>;
+      filter(
+        predicate: (value: T, index: number, iter: this) => unknown,
+        context?: unknown
+      ): this;
+
+      /**
+       * Returns a new indexed Collection with the values for which the
+       * `predicate` function returns false and another for which is returns
+       * true.
+       */
+      partition<F extends T, C>(
+        predicate: (this: C, value: T, index: number, iter: this) => value is F,
+        context?: C
+      ): [Collection.Indexed<T>, Collection.Indexed<F>];
+      partition<C>(
+        predicate: (this: C, value: T, index: number, iter: this) => unknown,
+        context?: C
+      ): [this, this];
+
+      [Symbol.iterator](): IterableIterator<T>;
+    }
+
+    /**
+     * Set Collections only represent values. They have no associated keys or
+     * indices. Duplicate values are possible in the lazy `Seq.Set`s, however
+     * the concrete `Set` Collection does not allow duplicate values.
+     *
+     * Collection methods on Collection.Set such as `map` and `forEach` will provide
+     * the value as both the first and second arguments to the provided function.
+     *
+     * ```js
+     * import { Collection } from 'immutable'
+     * const seq = Collection.Set([ 'A', 'B', 'C' ])
+     * // Seq { "A", "B", "C" }
+     * seq.forEach((v, k) =>
+     *  assert.equal(v, k)
+     * )
+     * ```
+     */
+    namespace Set {}
+
+    /**
+     * Similar to `Collection()`, but always returns a Collection.Set.
+     *
+     * Note: `Collection.Set` is a factory function and not a class, and does
+     * not use the `new` keyword during construction.
+     */
+    function Set<T>(collection?: Iterable<T> | ArrayLike<T>): Collection.Set<T>;
+
+    interface Set<T> extends Collection<T, T> {
+      /**
+       * Deeply converts this Set collection to equivalent native JavaScript Array.
+       */
+      toJS(): Array<DeepCopy<T>>;
+
+      /**
+       * Shallowly converts this Set collection to equivalent native JavaScript Array.
+       */
+      toJSON(): Array<T>;
+
+      /**
+       * Shallowly converts this collection to an Array.
+       */
+      toArray(): Array<T>;
+
+      /**
+       * Returns Seq.Set.
+       * @override
+       */
+      toSeq(): Seq.Set<T>;
+
+      // Sequence algorithms
+
+      /**
+       * Returns a new Collection with other collections concatenated to this one.
+       */
+      concat<U>(...collections: Array<Iterable<U>>): Collection.Set<T | U>;
+
+      /**
+       * Returns a new Collection.Set with values passed through a
+       * `mapper` function.
+       *
+       * ```
+       * Collection.Set([ 1, 2 ]).map(x => 10 * x)
+       * // Seq { 1, 2 }
+       * ```
+       *
+       * Note: `map()` always returns a new instance, even if it produced the
+       * same value at every step.
+       */
+      map<M>(
+        mapper: (value: T, key: T, iter: this) => M,
+        context?: unknown
+      ): Collection.Set<M>;
+
+      /**
+       * Flat-maps the Collection, returning a Collection of the same type.
+       *
+       * Similar to `collection.map(...).flatten(true)`.
+       */
+      flatMap<M>(
+        mapper: (value: T, key: T, iter: this) => Iterable<M>,
+        context?: unknown
+      ): Collection.Set<M>;
+
+      /**
+       * Returns a new Collection with only the values for which the `predicate`
+       * function returns true.
+       *
+       * Note: `filter()` always returns a new instance, even if it results in
+       * not filtering out any values.
+       */
+      filter<F extends T>(
+        predicate: (value: T, key: T, iter: this) => value is F,
+        context?: unknown
+      ): Collection.Set<F>;
+      filter(
+        predicate: (value: T, key: T, iter: this) => unknown,
+        context?: unknown
+      ): this;
+
+      /**
+       * Returns a new set Collection with the values for which the
+       * `predicate` function returns false and another for which is returns
+       * true.
+       */
+      partition<F extends T, C>(
+        predicate: (this: C, value: T, key: T, iter: this) => value is F,
+        context?: C
+      ): [Collection.Set<T>, Collection.Set<F>];
+      partition<C>(
+        predicate: (this: C, value: T, key: T, iter: this) => unknown,
+        context?: C
+      ): [this, this];
+
+      [Symbol.iterator](): IterableIterator<T>;
+    }
+  }
+
+  /**
+   * Creates a Collection.
+   *
+   * The type of Collection created is based on the input.
+   *
+   *   * If an `Collection`, that same `Collection`.
+   *   * If an Array-like, an `Collection.Indexed`.
+   *   * If an Object with an Iterator defined, an `Collection.Indexed`.
+   *   * If an Object, an `Collection.Keyed`.
+   *
+   * This methods forces the conversion of Objects and Strings to Collections.
+   * If you want to ensure that a Collection of one item is returned, use
+   * `Seq.of`.
+   *
+   * Note: An Iterator itself will be treated as an object, becoming a `Seq.Keyed`,
+   * which is usually not what you want. You should turn your Iterator Object into
+   * an iterable object by defining a Symbol.iterator (or @@iterator) method which
+   * returns `this`.
+   *
+   * Note: `Collection` is a conversion function and not a class, and does not
+   * use the `new` keyword during construction.
+   */
+  function Collection<I extends Collection<unknown, unknown>>(collection: I): I;
+  function Collection<T>(
+    collection: Iterable<T> | ArrayLike<T>
+  ): Collection.Indexed<T>;
+  function Collection<V>(obj: {
+    [key: string]: V;
+  }): Collection.Keyed<string, V>;
+  function Collection<K = unknown, V = unknown>(): Collection<K, V>;
+
+  interface Collection<K, V> extends ValueObject {
+    // Value equality
+
+    /**
+     * True if this and the other Collection have value equality, as defined
+     * by `Immutable.is()`.
+     *
+     * Note: This is equivalent to `Immutable.is(this, other)`, but provided to
+     * allow for chained expressions.
+     */
+    equals(other: unknown): boolean;
+
+    /**
+     * Computes and returns the hashed identity for this Collection.
+     *
+     * The `hashCode` of a Collection is used to determine potential equality,
+     * and is used when adding this to a `Set` or as a key in a `Map`, enabling
+     * lookup via a different instance.
+     *
+     * If two values have the same `hashCode`, they are [not guaranteed
+     * to be equal][Hash Collision]. If two values have different `hashCode`s,
+     * they must not be equal.
+     *
+     * [Hash Collision]: https://en.wikipedia.org/wiki/Collision_(computer_science)
+     */
+    hashCode(): number;
+
+    // Reading values
+
+    /**
+     * Returns the value associated with the provided key, or notSetValue if
+     * the Collection does not contain this key.
+     *
+     * Note: it is possible a key may be associated with an `undefined` value,
+     * so if `notSetValue` is not provided and this method returns `undefined`,
+     * that does not guarantee the key was not found.
+     */
+    get<NSV>(key: K, notSetValue: NSV): V | NSV;
+    get(key: K): V | undefined;
+
+    /**
+     * True if a key exists within this `Collection`, using `Immutable.is`
+     * to determine equality
+     */
+    has(key: K): boolean;
+
+    /**
+     * True if a value exists within this `Collection`, using `Immutable.is`
+     * to determine equality
+     * @alias contains
+     */
+    includes(value: V): boolean;
+    contains(value: V): boolean;
+
+    /**
+     * In case the `Collection` is not empty returns the first element of the
+     * `Collection`.
+     * In case the `Collection` is empty returns the optional default
+     * value if provided, if no default value is provided returns undefined.
+     */
+    first<NSV>(notSetValue: NSV): V | NSV;
+    first(): V | undefined;
+
+    /**
+     * In case the `Collection` is not empty returns the last element of the
+     * `Collection`.
+     * In case the `Collection` is empty returns the optional default
+     * value if provided, if no default value is provided returns undefined.
+     */
+    last<NSV>(notSetValue: NSV): V | NSV;
+    last(): V | undefined;
+
+    // Reading deep values
+
+    /**
+     * Returns the value found by following a path of keys or indices through
+     * nested Collections.
+     *
+     * Plain JavaScript Object or Arrays may be nested within an Immutable.js
+     * Collection, and getIn() can access those values as well:
+     */
+    getIn(searchKeyPath: Iterable<unknown>, notSetValue?: unknown): unknown;
+
+    /**
+     * True if the result of following a path of keys or indices through nested
+     * Collections results in a set value.
+     */
+    hasIn(searchKeyPath: Iterable<unknown>): boolean;
+
+    // Persistent changes
+
+    /**
+     * This can be very useful as a way to "chain" a normal function into a
+     * sequence of methods. RxJS calls this "let" and lodash calls it "thru".
+     *
+     * For example, to sum a Seq after mapping and filtering:
+     */
+    update<R>(updater: (value: this) => R): R;
+
+    // Conversion to JavaScript types
+
+    /**
+     * Deeply converts this Collection to equivalent native JavaScript Array or Object.
+     *
+     * `Collection.Indexed`, and `Collection.Set` become `Array`, while
+     * `Collection.Keyed` become `Object`, converting keys to Strings.
+     */
+    toJS(): Array<DeepCopy<V>> | { [key in PropertyKey]: DeepCopy<V> };
+
+    /**
+     * Shallowly converts this Collection to equivalent native JavaScript Array or Object.
+     *
+     * `Collection.Indexed`, and `Collection.Set` become `Array`, while
+     * `Collection.Keyed` become `Object`, converting keys to Strings.
+     */
+    toJSON(): Array<V> | { [key in PropertyKey]: V };
+
+    /**
+     * Shallowly converts this collection to an Array.
+     *
+     * `Collection.Indexed`, and `Collection.Set` produce an Array of values.
+     * `Collection.Keyed` produce an Array of [key, value] tuples.
+     */
+    toArray(): Array<V> | Array<[K, V]>;
+
+    /**
+     * Shallowly converts this Collection to an Object.
+     *
+     * Converts keys to Strings.
+     */
+    toObject(): { [key: string]: V };
+
+    // Conversion to Collections
+
+    /**
+     * Converts this Collection to a Map, Throws if keys are not hashable.
+     *
+     * Note: This is equivalent to `Map(this.toKeyedSeq())`, but provided
+     * for convenience and to allow for chained expressions.
+     */
+    toMap(): Map<K, V>;
+
+    /**
+     * Converts this Collection to a Map, maintaining the order of iteration.
+     *
+     * Note: This is equivalent to `OrderedMap(this.toKeyedSeq())`, but
+     * provided for convenience and to allow for chained expressions.
+     */
+    toOrderedMap(): OrderedMap<K, V>;
+
+    /**
+     * Converts this Collection to a Set, discarding keys. Throws if values
+     * are not hashable.
+     *
+     * Note: This is equivalent to `Set(this)`, but provided to allow for
+     * chained expressions.
+     */
+    toSet(): Set<V>;
+
+    /**
+     * Converts this Collection to a Set, maintaining the order of iteration and
+     * discarding keys.
+     *
+     * Note: This is equivalent to `OrderedSet(this.valueSeq())`, but provided
+     * for convenience and to allow for chained expressions.
+     */
+    toOrderedSet(): OrderedSet<V>;
+
+    /**
+     * Converts this Collection to a List, discarding keys.
+     *
+     * This is similar to `List(collection)`, but provided to allow for chained
+     * expressions. However, when called on `Map` or other keyed collections,
+     * `collection.toList()` discards the keys and creates a list of only the
+     * values, whereas `List(collection)` creates a list of entry tuples.
+     */
+    toList(): List<V>;
+
+    /**
+     * Converts this Collection to a Stack, discarding keys. Throws if values
+     * are not hashable.
+     *
+     * Note: This is equivalent to `Stack(this)`, but provided to allow for
+     * chained expressions.
+     */
+    toStack(): Stack<V>;
+
+    // Conversion to Seq
+
+    /**
+     * Converts this Collection to a Seq of the same kind (indexed,
+     * keyed, or set).
+     */
+    toSeq(): Seq<K, V>;
+
+    /**
+     * Returns a Seq.Keyed from this Collection where indices are treated as keys.
+     *
+     * This is useful if you want to operate on an
+     * Collection.Indexed and preserve the [index, value] pairs.
+     *
+     * The returned Seq will have identical iteration order as
+     * this Collection.
+     */
+    toKeyedSeq(): Seq.Keyed<K, V>;
+
+    /**
+     * Returns an Seq.Indexed of the values of this Collection, discarding keys.
+     */
+    toIndexedSeq(): Seq.Indexed<V>;
+
+    /**
+     * Returns a Seq.Set of the values of this Collection, discarding keys.
+     */
+    toSetSeq(): Seq.Set<V>;
+
+    // Iterators
+
+    /**
+     * An iterator of this `Collection`'s keys.
+     *
+     * Note: this will return an ES6 iterator which does not support
+     * Immutable.js sequence algorithms. Use `keySeq` instead, if this is
+     * what you want.
+     */
+    keys(): IterableIterator<K>;
+
+    /**
+     * An iterator of this `Collection`'s values.
+     *
+     * Note: this will return an ES6 iterator which does not support
+     * Immutable.js sequence algorithms. Use `valueSeq` instead, if this is
+     * what you want.
+     */
+    values(): IterableIterator<V>;
+
+    /**
+     * An iterator of this `Collection`'s entries as `[ key, value ]` tuples.
+     *
+     * Note: this will return an ES6 iterator which does not support
+     * Immutable.js sequence algorithms. Use `entrySeq` instead, if this is
+     * what you want.
+     */
+    entries(): IterableIterator<[K, V]>;
+
+    [Symbol.iterator](): IterableIterator<unknown>;
+
+    // Collections (Seq)
+
+    /**
+     * Returns a new Seq.Indexed of the keys of this Collection,
+     * discarding values.
+     */
+    keySeq(): Seq.Indexed<K>;
+
+    /**
+     * Returns an Seq.Indexed of the values of this Collection, discarding keys.
+     */
+    valueSeq(): Seq.Indexed<V>;
+
+    /**
+     * Returns a new Seq.Indexed of [key, value] tuples.
+     */
+    entrySeq(): Seq.Indexed<[K, V]>;
+
+    // Sequence algorithms
+
+    /**
+     * Returns a new Collection of the same type with values passed through a
+     * `mapper` function.
+     *
+     * Note: `map()` always returns a new instance, even if it produced the same
+     * value at every step.
+     */
+    map<M>(
+      mapper: (value: V, key: K, iter: this) => M,
+      context?: unknown
+    ): Collection<K, M>;
+
+    /**
+     * Note: used only for sets, which return Collection<M, M> but are otherwise
+     * identical to normal `map()`.
+     *
+     * @ignore
+     */
+    map(...args: Array<never>): unknown;
+
+    /**
+     * Returns a new Collection of the same type with only the entries for which
+     * the `predicate` function returns true.
+     *
+     * Note: `filter()` always returns a new instance, even if it results in
+     * not filtering out any values.
+     */
+    filter<F extends V>(
+      predicate: (value: V, key: K, iter: this) => value is F,
+      context?: unknown
+    ): Collection<K, F>;
+    filter(
+      predicate: (value: V, key: K, iter: this) => unknown,
+      context?: unknown
+    ): this;
+
+    /**
+     * Returns a new Collection of the same type with only the entries for which
+     * the `predicate` function returns false.
+     *
+     * Note: `filterNot()` always returns a new instance, even if it results in
+     * not filtering out any values.
+     */
+    filterNot(
+      predicate: (value: V, key: K, iter: this) => boolean,
+      context?: unknown
+    ): this;
+
+    /**
+     * Returns a new Collection with the values for which the `predicate`
+     * function returns false and another for which is returns true.
+     */
+    partition<F extends V, C>(
+      predicate: (this: C, value: V, key: K, iter: this) => value is F,
+      context?: C
+    ): [Collection<K, V>, Collection<K, F>];
+    partition<C>(
+      predicate: (this: C, value: V, key: K, iter: this) => unknown,
+      context?: C
+    ): [this, this];
+
+    /**
+     * Returns a new Collection of the same type in reverse order.
+     */
+    reverse(): this;
+
+    /**
+     * Returns a new Collection of the same type which includes the same entries,
+     * stably sorted by using a `comparator`.
+     *
+     * If a `comparator` is not provided, a default comparator uses `<` and `>`.
+     *
+     * `comparator(valueA, valueB)`:
+     *
+     *   * Returns `0` if the elements should not be swapped.
+     *   * Returns `-1` (or any negative number) if `valueA` comes before `valueB`
+     *   * Returns `1` (or any positive number) if `valueA` comes after `valueB`
+     *   * Alternatively, can return a value of the `PairSorting` enum type
+     *   * Is pure, i.e. it must always return the same value for the same pair
+     *     of values.
+     *
+     * When sorting collections which have no defined order, their ordered
+     * equivalents will be returned. e.g. `map.sort()` returns OrderedMap.
+     *
+     * Note: `sort()` Always returns a new instance, even if the original was
+     * already sorted.
+     *
+     * Note: This is always an eager operation.
+     */
+    sort(comparator?: Comparator<V>): this;
+
+    /**
+     * Like `sort`, but also accepts a `comparatorValueMapper` which allows for
+     * sorting by more sophisticated means:
+     *
+     * Note: `sortBy()` Always returns a new instance, even if the original was
+     * already sorted.
+     *
+     * Note: This is always an eager operation.
+     */
+    sortBy<C>(
+      comparatorValueMapper: (value: V, key: K, iter: this) => C,
+      comparator?: Comparator<C>
+    ): this;
+
+    /**
+     * Returns a `Map` of `Collection`, grouped by the return
+     * value of the `grouper` function.
+     *
+     * Note: This is always an eager operation.
+     */
+    groupBy<G>(
+      grouper: (value: V, key: K, iter: this) => G,
+      context?: unknown
+    ): Map<G, this>;
+
+    // Side effects
+
+    /**
+     * The `sideEffect` is executed for every entry in the Collection.
+     *
+     * Unlike `Array#forEach`, if any call of `sideEffect` returns
+     * `false`, the iteration will stop. Returns the number of entries iterated
+     * (including the last iteration which returned false).
+     */
+    forEach(
+      sideEffect: (value: V, key: K, iter: this) => unknown,
+      context?: unknown
+    ): number;
+
+    // Creating subsets
+
+    /**
+     * Returns a new Collection of the same type representing a portion of this
+     * Collection from start up to but not including end.
+     *
+     * If begin is negative, it is offset from the end of the Collection. e.g.
+     * `slice(-2)` returns a Collection of the last two entries. If it is not
+     * provided the new Collection will begin at the beginning of this Collection.
+     *
+     * If end is negative, it is offset from the end of the Collection. e.g.
+     * `slice(0, -1)` returns a Collection of everything but the last entry. If
+     * it is not provided, the new Collection will continue through the end of
+     * this Collection.
+     *
+     * If the requested slice is equivalent to the current Collection, then it
+     * will return itself.
+     */
+    slice(begin?: number, end?: number): this;
+
+    /**
+     * Returns a new Collection of the same type containing all entries except
+     * the first.
+     */
+    rest(): this;
+
+    /**
+     * Returns a new Collection of the same type containing all entries except
+     * the last.
+     */
+    butLast(): this;
+
+    /**
+     * Returns a new Collection of the same type which excludes the first `amount`
+     * entries from this Collection.
+     */
+    skip(amount: number): this;
+
+    /**
+     * Returns a new Collection of the same type which excludes the last `amount`
+     * entries from this Collection.
+     */
+    skipLast(amount: number): this;
+
+    /**
+     * Returns a new Collection of the same type which includes entries starting
+     * from when `predicate` first returns false.
+     */
+    skipWhile(
+      predicate: (value: V, key: K, iter: this) => boolean,
+      context?: unknown
+    ): this;
+
+    /**
+     * Returns a new Collection of the same type which includes entries starting
+     * from when `predicate` first returns true.
+     */
+    skipUntil(
+      predicate: (value: V, key: K, iter: this) => boolean,
+      context?: unknown
+    ): this;
+
+    /**
+     * Returns a new Collection of the same type which includes the first `amount`
+     * entries from this Collection.
+     */
+    take(amount: number): this;
+
+    /**
+     * Returns a new Collection of the same type which includes the last `amount`
+     * entries from this Collection.
+     */
+    takeLast(amount: number): this;
+
+    /**
+     * Returns a new Collection of the same type which includes entries from this
+     * Collection as long as the `predicate` returns true.
+     */
+    takeWhile(
+      predicate: (value: V, key: K, iter: this) => boolean,
+      context?: unknown
+    ): this;
+
+    /**
+     * Returns a new Collection of the same type which includes entries from this
+     * Collection as long as the `predicate` returns false.
+     */
+    takeUntil(
+      predicate: (value: V, key: K, iter: this) => boolean,
+      context?: unknown
+    ): this;
+
+    // Combination
+
+    /**
+     * Returns a new Collection of the same type with other values and
+     * collection-like concatenated to this one.
+     *
+     * For Seqs, all entries will be present in the resulting Seq, even if they
+     * have the same key.
+     */
+    concat(
+      ...valuesOrCollections: Array<unknown>
+    ): Collection<unknown, unknown>;
+
+    /**
+     * Flattens nested Collections.
+     *
+     * Will deeply flatten the Collection by default, returning a Collection of the
+     * same type, but a `depth` can be provided in the form of a number or
+     * boolean (where true means to shallowly flatten one level). A depth of 0
+     * (or shallow: false) will deeply flatten.
+     *
+     * Flattens only others Collection, not Arrays or Objects.
+     *
+     * Note: `flatten(true)` operates on Collection<unknown, Collection<K, V>> and
+     * returns Collection<K, V>
+     */
+    flatten(depth?: number): Collection<unknown, unknown>;
+    flatten(shallow?: boolean): Collection<unknown, unknown>;
+
+    /**
+     * Flat-maps the Collection, returning a Collection of the same type.
+     *
+     * Similar to `collection.map(...).flatten(true)`.
+     */
+    flatMap<M>(
+      mapper: (value: V, key: K, iter: this) => Iterable<M>,
+      context?: unknown
+    ): Collection<K, M>;
+
+    /**
+     * Flat-maps the Collection, returning a Collection of the same type.
+     *
+     * Similar to `collection.map(...).flatten(true)`.
+     * Used for Dictionaries only.
+     */
+    flatMap<KM, VM>(
+      mapper: (value: V, key: K, iter: this) => Iterable<[KM, VM]>,
+      context?: unknown
+    ): Collection<KM, VM>;
+
+    // Reducing a value
+
+    /**
+     * Reduces the Collection to a value by calling the `reducer` for every entry
+     * in the Collection and passing along the reduced value.
+     *
+     * If `initialReduction` is not provided, the first item in the
+     * Collection will be used.
+     *
+     * @see `Array#reduce`.
+     */
+    reduce<R>(
+      reducer: (reduction: R, value: V, key: K, iter: this) => R,
+      initialReduction: R,
+      context?: unknown
+    ): R;
+    reduce<R>(
+      reducer: (reduction: V | R, value: V, key: K, iter: this) => R
+    ): R;
+
+    /**
+     * Reduces the Collection in reverse (from the right side).
+     *
+     * Note: Similar to this.reverse().reduce(), and provided for parity
+     * with `Array#reduceRight`.
+     */
+    reduceRight<R>(
+      reducer: (reduction: R, value: V, key: K, iter: this) => R,
+      initialReduction: R,
+      context?: unknown
+    ): R;
+    reduceRight<R>(
+      reducer: (reduction: V | R, value: V, key: K, iter: this) => R
+    ): R;
+
+    /**
+     * True if `predicate` returns true for all entries in the Collection.
+     */
+    every(
+      predicate: (value: V, key: K, iter: this) => boolean,
+      context?: unknown
+    ): boolean;
+
+    /**
+     * True if `predicate` returns true for any entry in the Collection.
+     */
+    some(
+      predicate: (value: V, key: K, iter: this) => boolean,
+      context?: unknown
+    ): boolean;
+
+    /**
+     * Joins values together as a string, inserting a separator between each.
+     * The default separator is `","`.
+     */
+    join(separator?: string): string;
+
+    /**
+     * Returns true if this Collection includes no values.
+     *
+     * For some lazy `Seq`, `isEmpty` might need to iterate to determine
+     * emptiness. At most one iteration will occur.
+     */
+    isEmpty(): boolean;
+
+    /**
+     * Returns the size of this Collection.
+     *
+     * Regardless of if this Collection can describe its size lazily (some Seqs
+     * cannot), this method will always return the correct size. E.g. it
+     * evaluates a lazy `Seq` if necessary.
+     *
+     * If `predicate` is provided, then this returns the count of entries in the
+     * Collection for which the `predicate` returns true.
+     */
+    count(): number;
+    count(
+      predicate: (value: V, key: K, iter: this) => boolean,
+      context?: unknown
+    ): number;
+
+    /**
+     * Returns a `Seq.Keyed` of counts, grouped by the return value of
+     * the `grouper` function.
+     *
+     * Note: This is not a lazy operation.
+     */
+    countBy<G>(
+      grouper: (value: V, key: K, iter: this) => G,
+      context?: unknown
+    ): Map<G, number>;
+
+    // Search for value
+
+    /**
+     * Returns the first value for which the `predicate` returns true.
+     */
+    find(
+      predicate: (value: V, key: K, iter: this) => boolean,
+      context?: unknown,
+      notSetValue?: V
+    ): V | undefined;
+
+    /**
+     * Returns the last value for which the `predicate` returns true.
+     *
+     * Note: `predicate` will be called for each entry in reverse.
+     */
+    findLast(
+      predicate: (value: V, key: K, iter: this) => boolean,
+      context?: unknown,
+      notSetValue?: V
+    ): V | undefined;
+
+    /**
+     * Returns the first [key, value] entry for which the `predicate` returns true.
+     */
+    findEntry(
+      predicate: (value: V, key: K, iter: this) => boolean,
+      context?: unknown,
+      notSetValue?: V
+    ): [K, V] | undefined;
+
+    /**
+     * Returns the last [key, value] entry for which the `predicate`
+     * returns true.
+     *
+     * Note: `predicate` will be called for each entry in reverse.
+     */
+    findLastEntry(
+      predicate: (value: V, key: K, iter: this) => boolean,
+      context?: unknown,
+      notSetValue?: V
+    ): [K, V] | undefined;
+
+    /**
+     * Returns the key for which the `predicate` returns true.
+     */
+    findKey(
+      predicate: (value: V, key: K, iter: this) => boolean,
+      context?: unknown
+    ): K | undefined;
+
+    /**
+     * Returns the last key for which the `predicate` returns true.
+     *
+     * Note: `predicate` will be called for each entry in reverse.
+     */
+    findLastKey(
+      predicate: (value: V, key: K, iter: this) => boolean,
+      context?: unknown
+    ): K | undefined;
+
+    /**
+     * Returns the key associated with the search value, or undefined.
+     */
+    keyOf(searchValue: V): K | undefined;
+
+    /**
+     * Returns the last key associated with the search value, or undefined.
+     */
+    lastKeyOf(searchValue: V): K | undefined;
+
+    /**
+     * Returns the maximum value in this collection. If any values are
+     * comparatively equivalent, the first one found will be returned.
+     *
+     * The `comparator` is used in the same way as `Collection#sort`. If it is not
+     * provided, the default comparator is `>`.
+     *
+     * When two values are considered equivalent, the first encountered will be
+     * returned. Otherwise, `max` will operate independent of the order of input
+     * as long as the comparator is commutative. The default comparator `>` is
+     * commutative *only* when types do not differ.
+     *
+     * If `comparator` returns 0 and either value is NaN, undefined, or null,
+     * that value will be returned.
+     */
+    max(comparator?: Comparator<V>): V | undefined;
+
+    /**
+     * Like `max`, but also accepts a `comparatorValueMapper` which allows for
+     * comparing by more sophisticated means:
+     */
+    maxBy<C>(
+      comparatorValueMapper: (value: V, key: K, iter: this) => C,
+      comparator?: Comparator<C>
+    ): V | undefined;
+
+    /**
+     * Returns the minimum value in this collection. If any values are
+     * comparatively equivalent, the first one found will be returned.
+     *
+     * The `comparator` is used in the same way as `Collection#sort`. If it is not
+     * provided, the default comparator is `<`.
+     *
+     * When two values are considered equivalent, the first encountered will be
+     * returned. Otherwise, `min` will operate independent of the order of input
+     * as long as the comparator is commutative. The default comparator `<` is
+     * commutative *only* when types do not differ.
+     *
+     * If `comparator` returns 0 and either value is NaN, undefined, or null,
+     * that value will be returned.
+     */
+    min(comparator?: Comparator<V>): V | undefined;
+
+    /**
+     * Like `min`, but also accepts a `comparatorValueMapper` which allows for
+     * comparing by more sophisticated means:
+     */
+    minBy<C>(
+      comparatorValueMapper: (value: V, key: K, iter: this) => C,
+      comparator?: Comparator<C>
+    ): V | undefined;
+
+    // Comparison
+
+    /**
+     * True if `iter` includes every value in this Collection.
+     */
+    isSubset(iter: Iterable<V>): boolean;
+
+    /**
+     * True if this Collection includes every value in `iter`.
+     */
+    isSuperset(iter: Iterable<V>): boolean;
+  }
+
+  /**
+   * The interface to fulfill to qualify as a Value Object.
+   */
+  interface ValueObject {
+    /**
+     * True if this and the other Collection have value equality, as defined
+     * by `Immutable.is()`.
+     *
+     * Note: This is equivalent to `Immutable.is(this, other)`, but provided to
+     * allow for chained expressions.
+     */
+    equals(other: unknown): boolean;
+
+    /**
+     * Computes and returns the hashed identity for this Collection.
+     *
+     * The `hashCode` of a Collection is used to determine potential equality,
+     * and is used when adding this to a `Set` or as a key in a `Map`, enabling
+     * lookup via a different instance.
+     *
+     * Note: hashCode() MUST return a Uint32 number. The easiest way to
+     * guarantee this is to return `myHash | 0` from a custom implementation.
+     *
+     * If two values have the same `hashCode`, they are [not guaranteed
+     * to be equal][Hash Collision]. If two values have different `hashCode`s,
+     * they must not be equal.
+     *
+     * Note: `hashCode()` is not guaranteed to always be called before
+     * `equals()`. Most but not all Immutable.js collections use hash codes to
+     * organize their internal data structures, while all Immutable.js
+     * collections use equality during lookups.
+     *
+     * [Hash Collision]: https://en.wikipedia.org/wiki/Collision_(computer_science)
+     */
+    hashCode(): number;
+  }
+
+  /**
+   * Interface representing all oredered collections.
+   * This includes `List`, `Stack`, `Map`, `OrderedMap`, `Set`, and `OrderedSet`.
+   * return of `isOrdered()` return true in that case.
+   */
+  interface OrderedCollection<T> {
+    /**
+     * Shallowly converts this collection to an Array.
+     */
+    toArray(): Array<T>;
+
+    [Symbol.iterator](): IterableIterator<T>;
+  }
+
+  /**
+   * Deeply converts plain JS objects and arrays to Immutable Maps and Lists.
+   *
+   * `fromJS` will convert Arrays and [array-like objects][2] to a List, and
+   * plain objects (without a custom prototype) to a Map. [Iterable objects][3]
+   * may be converted to List, Map, or Set.
+   *
+   * If a `reviver` is optionally provided, it will be called with every
+   * collection as a Seq (beginning with the most nested collections
+   * and proceeding to the top-level collection itself), along with the key
+   * referring to each collection and the parent JS object provided as `this`.
+   * For the top level, object, the key will be `""`. This `reviver` is expected
+   * to return a new Immutable Collection, allowing for custom conversions from
+   * deep JS objects. Finally, a `path` is provided which is the sequence of
+   * keys to this value from the starting value.
+   *
+   * `reviver` acts similarly to the [same parameter in `JSON.parse`][1].
+   *
+   * If `reviver` is not provided, the default behavior will convert Objects
+   * into Maps and Arrays into Lists like so:
+   *
+   * Accordingly, this example converts native JS data to OrderedMap and List:
+   *
+   * Keep in mind, when using JS objects to construct Immutable Maps, that
+   * JavaScript Object properties are always strings, even if written in a
+   * quote-less shorthand, while Immutable Maps accept keys of any type.
+   *
+   * Property access for JavaScript Objects first converts the key to a string,
+   * but since Immutable Map keys can be of any type the argument to `get()` is
+   * not altered.
+   *
+   * [1]: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/JSON/parse#Example.3A_Using_the_reviver_parameter
+   *      "Using the reviver parameter"
+   * [2]: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Indexed_collections#working_with_array-like_objects
+   *      "Working with array-like objects"
+   * [3]: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Iteration_protocols#the_iterable_protocol
+   *      "The iterable protocol"
+   */
+  function fromJS<JSValue>(
+    jsValue: JSValue,
+    reviver?: undefined
+  ): FromJS<JSValue>;
+  function fromJS(
+    jsValue: unknown,
+    reviver?: (
+      key: string | number,
+      sequence: Collection.Keyed<string, unknown> | Collection.Indexed<unknown>,
+      path?: Array<string | number>
+    ) => unknown
+  ): Collection<unknown, unknown>;
+
+  type FromJS<JSValue> = JSValue extends FromJSNoTransform
+    ? JSValue
+    : JSValue extends Array<unknown>
+      ? FromJSArray<JSValue>
+      : JSValue extends object
+        ? FromJSObject<JSValue>
+        : unknown;
+
+  type FromJSNoTransform =
+    | Collection<unknown, unknown>
+    | number
+    | string
+    | null
+    | undefined;
+
+  type FromJSArray<JSValue> =
+    JSValue extends Array<infer T> ? List<FromJS<T>> : never;
+
+  type FromJSObject<JSValue> = JSValue extends object
+    ? Map<keyof JSValue, FromJS<JSValue[keyof JSValue]>>
+    : never;
+
+  /**
+   * Value equality check with semantics similar to `Object.is`, but treats
+   * Immutable `Collection`s as values, equal if the second `Collection` includes
+   * equivalent values.
+   *
+   * It's used throughout Immutable when checking for equality, including `Map`
+   * key equality and `Set` membership.
+   *
+   * `is()` compares primitive types like strings and numbers, Immutable.js
+   * collections like `Map` and `List`, but also any custom object which
+   * implements `ValueObject` by providing `equals()` and `hashCode()` methods.
+   *
+   * Note: Unlike `Object.is`, `Immutable.is` assumes `0` and `-0` are the same
+   * value, matching the behavior of ES6 Map key equality.
+   */
+  function is(first: unknown, second: unknown): boolean;
+
+  /**
+   * The `hash()` function is an important part of how Immutable determines if
+   * two values are equivalent and is used to determine how to store those
+   * values. Provided with any value, `hash()` will return a 31-bit integer.
+   *
+   * When designing Objects which may be equal, it's important that when a
+   * `.equals()` method returns true, that both values `.hashCode()` method
+   * return the same value. `hash()` may be used to produce those values.
+   *
+   * For non-Immutable Objects that do not provide a `.hashCode()` functions
+   * (including plain Objects, plain Arrays, Date objects, etc), a unique hash
+   * value will be created for each *instance*. That is, the create hash
+   * represents referential equality, and not value equality for Objects. This
+   * ensures that if that Object is mutated over time that its hash code will
+   * remain consistent, allowing Objects to be used as keys and values in
+   * Immutable.js collections.
+   *
+   * Note that `hash()` attempts to balance between speed and avoiding
+   * collisions, however it makes no attempt to produce secure hashes.
+   *
+   * *New in Version 4.0*
+   */
+  function hash(value: unknown): number;
+
+  /**
+   * True if `maybeImmutable` is an Immutable Collection or Record.
+   *
+   * Note: Still returns true even if the collections is within a `withMutations()`.
+   */
+  function isImmutable(
+    maybeImmutable: unknown
+  ): maybeImmutable is Collection<unknown, unknown>;
+
+  /**
+   * True if `maybeCollection` is a Collection, or any of its subclasses.
+   */
+  function isCollection(
+    maybeCollection: unknown
+  ): maybeCollection is Collection<unknown, unknown>;
+
+  /**
+   * True if `maybeKeyed` is a Collection.Keyed, or any of its subclasses.
+   */
+  function isKeyed(
+    maybeKeyed: unknown
+  ): maybeKeyed is Collection.Keyed<unknown, unknown>;
+
+  /**
+   * True if `maybeIndexed` is a Collection.Indexed, or any of its subclasses.
+   */
+  function isIndexed(
+    maybeIndexed: unknown
+  ): maybeIndexed is Collection.Indexed<unknown>;
+
+  /**
+   * True if `maybeAssociative` is either a Keyed or Indexed Collection.
+   */
+  function isAssociative(
+    maybeAssociative: unknown
+  ): maybeAssociative is
+    | Collection.Keyed<unknown, unknown>
+    | Collection.Indexed<unknown>;
+
+  /**
+   * True if `maybeOrdered` is a Collection where iteration order is well
+   * defined. True for Collection.Indexed as well as OrderedMap and OrderedSet.
+   */
+  function isOrdered<T>(
+    maybeOrdered: Iterable<T>
+  ): maybeOrdered is OrderedCollection<T>;
+  function isOrdered(
+    maybeOrdered: unknown
+  ): maybeOrdered is OrderedCollection<unknown>;
+
+  /**
+   * True if `maybeValue` is a JavaScript Object which has *both* `equals()`
+   * and `hashCode()` methods.
+   *
+   * Any two instances of *value objects* can be compared for value equality with
+   * `Immutable.is()` and can be used as keys in a `Map` or members in a `Set`.
+   */
+  function isValueObject(maybeValue: unknown): maybeValue is ValueObject;
+
+  /**
+   * True if `maybeSeq` is a Seq.
+   */
+  function isSeq(
+    maybeSeq: unknown
+  ): maybeSeq is
+    | Seq.Indexed<unknown>
+    | Seq.Keyed<unknown, unknown>
+    | Seq.Set<unknown>;
+
+  /**
+   * True if `maybeList` is a List.
+   */
+  function isList(maybeList: unknown): maybeList is List<unknown>;
+
+  /**
+   * True if `maybeMap` is a Map.
+   *
+   * Also true for OrderedMaps.
+   */
+  function isMap(maybeMap: unknown): maybeMap is Map<unknown, unknown>;
+
+  /**
+   * True if `maybeOrderedMap` is an OrderedMap.
+   */
+  function isOrderedMap(
+    maybeOrderedMap: unknown
+  ): maybeOrderedMap is OrderedMap<unknown, unknown>;
+
+  /**
+   * True if `maybeStack` is a Stack.
+   */
+  function isStack(maybeStack: unknown): maybeStack is Stack<unknown>;
+
+  /**
+   * True if `maybeSet` is a Set.
+   *
+   * Also true for OrderedSets.
+   */
+  function isSet(maybeSet: unknown): maybeSet is Set<unknown>;
+
+  /**
+   * True if `maybeOrderedSet` is an OrderedSet.
+   */
+  function isOrderedSet(
+    maybeOrderedSet: unknown
+  ): maybeOrderedSet is OrderedSet<unknown>;
+
+  /**
+   * True if `maybeRecord` is a Record.
+   */
+  function isRecord(maybeRecord: unknown): maybeRecord is Record<object>;
+
+  /**
+   * Returns the value within the provided collection associated with the
+   * provided key, or notSetValue if the key is not defined in the collection.
+   *
+   * A functional alternative to `collection.get(key)` which will also work on
+   * plain Objects and Arrays as an alternative for `collection[key]`.
+   */
+  function get<K, V>(collection: Collection<K, V>, key: K): V | undefined;
+  function get<K, V, NSV>(
+    collection: Collection<K, V>,
+    key: K,
+    notSetValue: NSV
+  ): V | NSV;
+  function get<TProps extends object, K extends keyof TProps>(
+    record: Record<TProps>,
+    key: K,
+    notSetValue: unknown
+  ): TProps[K];
+  function get<V>(collection: Array<V>, key: number): V | undefined;
+  function get<V, NSV>(
+    collection: Array<V>,
+    key: number,
+    notSetValue: NSV
+  ): V | NSV;
+  function get<C extends object, K extends keyof C>(
+    object: C,
+    key: K,
+    notSetValue: unknown
+  ): C[K];
+  function get<V>(
+    collection: { [key: PropertyKey]: V },
+    key: string
+  ): V | undefined;
+  function get<V, NSV>(
+    collection: { [key: PropertyKey]: V },
+    key: string,
+    notSetValue: NSV
+  ): V | NSV;
+
+  /**
+   * Returns true if the key is defined in the provided collection.
+   *
+   * A functional alternative to `collection.has(key)` which will also work with
+   * plain Objects and Arrays as an alternative for
+   * `collection.hasOwnProperty(key)`.
+   */
+  function has(collection: object, key: unknown): boolean;
+
+  /**
+   * Returns a copy of the collection with the value at key removed.
+   *
+   * A functional alternative to `collection.remove(key)` which will also work
+   * with plain Objects and Arrays as an alternative for
+   * `delete collectionCopy[key]`.
+   */
+  function remove<K, C extends Collection<K, unknown>>(
+    collection: C,
+    key: K
+  ): C;
+  function remove<
+    TProps extends object,
+    C extends Record<TProps>,
+    K extends keyof TProps,
+  >(collection: C, key: K): C;
+  function remove<C extends Array<unknown>>(collection: C, key: number): C;
+  function remove<C, K extends keyof C>(collection: C, key: K): C;
+  function remove<C extends { [key: string]: unknown }, K extends keyof C>(
+    collection: C,
+    key: K
+  ): C;
+
+  /**
+   * Returns a copy of the collection with the value at key set to the provided
+   * value.
+   *
+   * A functional alternative to `collection.set(key, value)` which will also
+   * work with plain Objects and Arrays as an alternative for
+   * `collectionCopy[key] = value`.
+   */
+  function set<K, V, C extends Collection<K, V>>(
+    collection: C,
+    key: K,
+    value: V
+  ): C;
+  function set<
+    TProps extends object,
+    C extends Record<TProps>,
+    K extends keyof TProps,
+  >(record: C, key: K, value: TProps[K]): C;
+  function set<V, C extends Array<V>>(collection: C, key: number, value: V): C;
+  function set<C, K extends keyof C>(object: C, key: K, value: C[K]): C;
+  function set<V, C extends { [key: string]: V }>(
+    collection: C,
+    key: string,
+    value: V
+  ): C;
+
+  /**
+   * Returns a copy of the collection with the value at key set to the result of
+   * providing the existing value to the updating function.
+   *
+   * A functional alternative to `collection.update(key, fn)` which will also
+   * work with plain Objects and Arrays as an alternative for
+   * `collectionCopy[key] = fn(collection[key])`.
+   */
+  function update<K, V, C extends Collection<K, V>>(
+    collection: C,
+    key: K,
+    updater: (value: V | undefined) => V | undefined
+  ): C;
+  function update<K, V, C extends Collection<K, V>, NSV>(
+    collection: C,
+    key: K,
+    notSetValue: NSV,
+    updater: (value: V | NSV) => V
+  ): C;
+  function update<
+    TProps extends object,
+    C extends Record<TProps>,
+    K extends keyof TProps,
+  >(record: C, key: K, updater: (value: TProps[K]) => TProps[K]): C;
+  function update<
+    TProps extends object,
+    C extends Record<TProps>,
+    K extends keyof TProps,
+    NSV,
+  >(
+    record: C,
+    key: K,
+    notSetValue: NSV,
+    updater: (value: TProps[K] | NSV) => TProps[K]
+  ): C;
+  function update<V>(
+    collection: Array<V>,
+    key: number,
+    updater: (value: V | undefined) => V | undefined
+  ): Array<V>;
+  function update<V, NSV>(
+    collection: Array<V>,
+    key: number,
+    notSetValue: NSV,
+    updater: (value: V | NSV) => V
+  ): Array<V>;
+  function update<C, K extends keyof C>(
+    object: C,
+    key: K,
+    updater: (value: C[K]) => C[K]
+  ): C;
+  function update<C, K extends keyof C, NSV>(
+    object: C,
+    key: K,
+    notSetValue: NSV,
+    updater: (value: C[K] | NSV) => C[K]
+  ): C;
+  function update<V, C extends { [key: string]: V }, K extends keyof C>(
+    collection: C,
+    key: K,
+    updater: (value: V) => V
+  ): { [key: string]: V };
+  function update<V, C extends { [key: string]: V }, K extends keyof C, NSV>(
+    collection: C,
+    key: K,
+    notSetValue: NSV,
+    updater: (value: V | NSV) => V
+  ): { [key: string]: V };
+
+  // TODO `<const P extends ...>` can be used after dropping support for TypeScript 4.x
+  // reference: https://www.typescriptlang.org/docs/handbook/release-notes/typescript-5-0.html#const-type-parameters
+  // after this change, `as const` assertions can be remove from the type tests
+  /**
+   * Returns the value at the provided key path starting at the provided
+   * collection, or notSetValue if the key path is not defined.
+   *
+   * A functional alternative to `collection.getIn(keypath)` which will also
+   * work with plain Objects and Arrays.
+   */
+  function getIn<C, P extends ReadonlyArray<PropertyKey>>(
+    object: C,
+    keyPath: [...P]
+  ): RetrievePath<C, P>;
+  function getIn<C, P extends KeyPath<unknown>>(object: C, keyPath: P): unknown;
+  function getIn<C, P extends ReadonlyArray<PropertyKey>, NSV>(
+    collection: C,
+    keyPath: [...P],
+    notSetValue: NSV
+  ): RetrievePath<C, P> extends never ? NSV : RetrievePath<C, P>;
+  function getIn<C, P extends KeyPath<unknown>, NSV>(
+    object: C,
+    keyPath: P,
+    notSetValue: NSV
+  ): unknown;
+
+  /**
+   * Returns true if the key path is defined in the provided collection.
+   *
+   * A functional alternative to `collection.hasIn(keypath)` which will also
+   * work with plain Objects and Arrays.
+   */
+  function hasIn(
+    collection: string | boolean | number,
+    keyPath: KeyPath<unknown>
+  ): never;
+  function hasIn<K>(collection: unknown, keyPath: KeyPath<K>): boolean;
+
+  /**
+   * Returns a copy of the collection with the value at the key path removed.
+   *
+   * A functional alternative to `collection.removeIn(keypath)` which will also
+   * work with plain Objects and Arrays.
+   */
+  function removeIn<C>(collection: C, keyPath: Iterable<unknown>): C;
+
+  /**
+   * Returns a copy of the collection with the value at the key path set to the
+   * provided value.
+   *
+   * A functional alternative to `collection.setIn(keypath)` which will also
+   * work with plain Objects and Arrays.
+   */
+  function setIn<C>(
+    collection: C,
+    keyPath: Iterable<unknown>,
+    value: unknown
+  ): C;
+
+  /**
+   * Returns a copy of the collection with the value at key path set to the
+   * result of providing the existing value to the updating function.
+   *
+   * A functional alternative to `collection.updateIn(keypath)` which will also
+   * work with plain Objects and Arrays.
+   */
+  function updateIn<K extends PropertyKey, V, C extends Collection<K, V>>(
+    collection: C,
+    keyPath: KeyPath<K>,
+    updater: (
+      value: RetrievePath<C, Array<K>> | undefined
+    ) => unknown | undefined
+  ): C;
+  function updateIn<K extends PropertyKey, V, C extends Collection<K, V>, NSV>(
+    collection: C,
+    keyPath: KeyPath<K>,
+    notSetValue: NSV,
+    updater: (value: RetrievePath<C, Array<K>> | NSV) => unknown
+  ): C;
+  function updateIn<
+    TProps extends object,
+    C extends Record<TProps>,
+    K extends keyof TProps,
+  >(
+    record: C,
+    keyPath: KeyPath<K>,
+    updater: (value: RetrievePath<C, Array<K>>) => unknown
+  ): C;
+  function updateIn<
+    TProps extends object,
+    C extends Record<TProps>,
+    K extends keyof TProps,
+    NSV,
+  >(
+    record: C,
+    keyPath: KeyPath<K>,
+    notSetValue: NSV,
+    updater: (value: RetrievePath<C, Array<K>> | NSV) => unknown
+  ): C;
+  function updateIn<K extends PropertyKey, V, C extends Array<V>>(
+    collection: Array<V>,
+    keyPath: KeyPath<string | number>,
+    updater: (
+      value: RetrievePath<C, Array<K>> | undefined
+    ) => unknown | undefined
+  ): Array<V>;
+  function updateIn<K extends PropertyKey, V, C extends Array<V>, NSV>(
+    collection: Array<V>,
+    keyPath: KeyPath<K>,
+    notSetValue: NSV,
+    updater: (value: RetrievePath<C, Array<K>> | NSV) => unknown
+  ): Array<V>;
+  function updateIn<K extends PropertyKey, C>(
+    object: C,
+    keyPath: KeyPath<K>,
+    updater: (value: RetrievePath<C, Array<K>>) => unknown
+  ): C;
+  function updateIn<K extends PropertyKey, C, NSV>(
+    object: C,
+    keyPath: KeyPath<K>,
+    notSetValue: NSV,
+    updater: (value: RetrievePath<C, Array<K>> | NSV) => unknown
+  ): C;
+  function updateIn<
+    K extends PropertyKey,
+    V,
+    C extends { [key: PropertyKey]: V },
+  >(
+    collection: C,
+    keyPath: KeyPath<K>,
+    updater: (value: RetrievePath<C, Array<K>>) => unknown
+  ): { [key: PropertyKey]: V };
+  function updateIn<
+    K extends PropertyKey,
+    V,
+    C extends { [key: PropertyKey]: V },
+    NSV,
+  >(
+    collection: C,
+    keyPath: KeyPath<K>,
+    notSetValue: NSV,
+    updater: (value: RetrievePath<C, Array<K>> | NSV) => unknown
+  ): { [key: PropertyKey]: V };
+
+  /**
+   * Returns a copy of the collection with the remaining collections merged in.
+   *
+   * A functional alternative to `collection.merge()` which will also work with
+   * plain Objects and Arrays.
+   */
+  function merge<C>(
+    collection: C,
+    ...collections: Array<
+      | Iterable<unknown>
+      | Iterable<[unknown, unknown]>
+      | { [key: string]: unknown }
+    >
+  ): C;
+
+  /**
+   * Returns a copy of the collection with the remaining collections merged in,
+   * calling the `merger` function whenever an existing value is encountered.
+   *
+   * A functional alternative to `collection.mergeWith()` which will also work
+   * with plain Objects and Arrays.
+   */
+  function mergeWith<C>(
+    merger: (oldVal: unknown, newVal: unknown, key: unknown) => unknown,
+    collection: C,
+    ...collections: Array<
+      | Iterable<unknown>
+      | Iterable<[unknown, unknown]>
+      | { [key: string]: unknown }
+    >
+  ): C;
+
+  /**
+   * Like `merge()`, but when two compatible collections are encountered with
+   * the same key, it merges them as well, recursing deeply through the nested
+   * data. Two collections are considered to be compatible (and thus will be
+   * merged together) if they both fall into one of three categories: keyed
+   * (e.g., `Map`s, `Record`s, and objects), indexed (e.g., `List`s and
+   * arrays), or set-like (e.g., `Set`s). If they fall into separate
+   * categories, `mergeDeep` will replace the existing collection with the
+   * collection being merged in. This behavior can be customized by using
+   * `mergeDeepWith()`.
+   *
+   * Note: Indexed and set-like collections are merged using
+   * `concat()`/`union()` and therefore do not recurse.
+   *
+   * A functional alternative to `collection.mergeDeep()` which will also work
+   * with plain Objects and Arrays.
+   */
+  function mergeDeep<C>(
+    collection: C,
+    ...collections: Array<
+      | Iterable<unknown>
+      | Iterable<[unknown, unknown]>
+      | { [key: string]: unknown }
+    >
+  ): C;
+
+  /**
+   * Like `mergeDeep()`, but when two non-collections or incompatible
+   * collections are encountered at the same key, it uses the `merger` function
+   * to determine the resulting value. Collections are considered incompatible
+   * if they fall into separate categories between keyed, indexed, and set-like.
+   *
+   * A functional alternative to `collection.mergeDeepWith()` which will also
+   * work with plain Objects and Arrays.
+   */
+  function mergeDeepWith<C>(
+    merger: (oldVal: unknown, newVal: unknown, key: unknown) => unknown,
+    collection: C,
+    ...collections: Array<
+      | Iterable<unknown>
+      | Iterable<[unknown, unknown]>
+      | { [key: string]: unknown }
+    >
+  ): C;
+}
+
+/**
+ * Defines the main export of the immutable module to be the Immutable namespace
+ * This supports many common module import patterns:
+ *
+ *     const Immutable = require("immutable");
+ *     const { List } = require("immutable");
+ *     import Immutable from "immutable";
+ *     import * as Immutable from "immutable";
+ *     import { List } from "immutable";
+ *
+ */
+export = Immutable;
+
+/**
+ * A global "Immutable" namespace used by UMD modules which allows the use of
+ * the full Immutable API.
+ *
+ * If using Immutable as an imported module, prefer using:
+ *
+ *     import Immutable from 'immutable'
+ *
+ */
+export as namespace Immutable;
diff --git a/node_modules/immutable/dist/immutable.es.js b/node_modules/immutable/dist/immutable.es.js
new file mode 100644
index 0000000..3ceb2c7
--- /dev/null
+++ b/node_modules/immutable/dist/immutable.es.js
@@ -0,0 +1,6182 @@
+/**
+ * @license
+ * MIT License
+ * 
+ * Copyright (c) 2014-present, Lee Byron and other contributors.
+ * 
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ * 
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ * 
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ */
+// Used for setting prototype methods that IE8 chokes on.
+var DELETE = 'delete';
+// Constants describing the size of trie nodes.
+var SHIFT = 5; // Resulted in best performance after ______?
+var SIZE = 1 << SHIFT;
+var MASK = SIZE - 1;
+// A consistent shared value representing "not set" which equals nothing other
+// than itself, and nothing that could be provided externally.
+var NOT_SET = {};
+// Boolean references, Rough equivalent of `bool &`.
+function MakeRef() {
+    return { value: false };
+}
+function SetRef(ref) {
+    if (ref) {
+        ref.value = true;
+    }
+}
+// A function which returns a value representing an "owner" for transient writes
+// to tries. The return value will only ever equal itself, and will not equal
+// the return of any subsequent call of this function.
+function OwnerID() { }
+function ensureSize(iter) {
+    // @ts-expect-error size should exists on Collection
+    if (iter.size === undefined) {
+        // @ts-expect-error size should exists on Collection, __iterate does exist on Collection
+        iter.size = iter.__iterate(returnTrue);
+    }
+    // @ts-expect-error size should exists on Collection
+    return iter.size;
+}
+function wrapIndex(iter, index) {
+    // This implements "is array index" which the ECMAString spec defines as:
+    //
+    //     A String property name P is an array index if and only if
+    //     ToString(ToUint32(P)) is equal to P and ToUint32(P) is not equal
+    //     to 2^32−1.
+    //
+    // http://www.ecma-international.org/ecma-262/6.0/#sec-array-exotic-objects
+    if (typeof index !== 'number') {
+        var uint32Index = index >>> 0; // N >>> 0 is shorthand for ToUint32
+        if ('' + uint32Index !== index || uint32Index === 4294967295) {
+            return NaN;
+        }
+        index = uint32Index;
+    }
+    return index < 0 ? ensureSize(iter) + index : index;
+}
+function returnTrue() {
+    return true;
+}
+function wholeSlice(begin, end, size) {
+    return (((begin === 0 && !isNeg(begin)) ||
+        (size !== undefined && begin <= -size)) &&
+        (end === undefined || (size !== undefined && end >= size)));
+}
+function resolveBegin(begin, size) {
+    return resolveIndex(begin, size, 0);
+}
+function resolveEnd(end, size) {
+    return resolveIndex(end, size, size);
+}
+function resolveIndex(index, size, defaultIndex) {
+    // Sanitize indices using this shorthand for ToInt32(argument)
+    // http://www.ecma-international.org/ecma-262/6.0/#sec-toint32
+    return index === undefined
+        ? defaultIndex
+        : isNeg(index)
+            ? size === Infinity
+                ? size
+                : Math.max(0, size + index) | 0
+            : size === undefined || size === index
+                ? index
+                : Math.min(size, index) | 0;
+}
+function isNeg(value) {
+    // Account for -0 which is negative, but not less than 0.
+    return value < 0 || (value === 0 && 1 / value === -Infinity);
+}
+
+// Note: value is unchanged to not break immutable-devtools.
+var IS_COLLECTION_SYMBOL = '@@__IMMUTABLE_ITERABLE__@@';
+/**
+ * True if `maybeCollection` is a Collection, or any of its subclasses.
+ *
+ * ```js
+ * import { isCollection, Map, List, Stack } from 'immutable';
+ *
+ * isCollection([]); // false
+ * isCollection({}); // false
+ * isCollection(Map()); // true
+ * isCollection(List()); // true
+ * isCollection(Stack()); // true
+ * ```
+ */
+function isCollection(maybeCollection) {
+    return Boolean(maybeCollection &&
+        // @ts-expect-error: maybeCollection is typed as `{}`, need to change in 6.0 to `maybeCollection && typeof maybeCollection === 'object' && IS_COLLECTION_SYMBOL in maybeCollection`
+        maybeCollection[IS_COLLECTION_SYMBOL]);
+}
+
+var IS_KEYED_SYMBOL = '@@__IMMUTABLE_KEYED__@@';
+/**
+ * True if `maybeKeyed` is a Collection.Keyed, or any of its subclasses.
+ *
+ * ```js
+ * import { isKeyed, Map, List, Stack } from 'immutable';
+ *
+ * isKeyed([]); // false
+ * isKeyed({}); // false
+ * isKeyed(Map()); // true
+ * isKeyed(List()); // false
+ * isKeyed(Stack()); // false
+ * ```
+ */
+function isKeyed(maybeKeyed) {
+    return Boolean(maybeKeyed &&
+        // @ts-expect-error: maybeKeyed is typed as `{}`, need to change in 6.0 to `maybeKeyed && typeof maybeKeyed === 'object' && IS_KEYED_SYMBOL in maybeKeyed`
+        maybeKeyed[IS_KEYED_SYMBOL]);
+}
+
+var IS_INDEXED_SYMBOL = '@@__IMMUTABLE_INDEXED__@@';
+/**
+ * True if `maybeIndexed` is a Collection.Indexed, or any of its subclasses.
+ *
+ * ```js
+ * import { isIndexed, Map, List, Stack, Set } from 'immutable';
+ *
+ * isIndexed([]); // false
+ * isIndexed({}); // false
+ * isIndexed(Map()); // false
+ * isIndexed(List()); // true
+ * isIndexed(Stack()); // true
+ * isIndexed(Set()); // false
+ * ```
+ */
+function isIndexed(maybeIndexed) {
+    return Boolean(maybeIndexed &&
+        // @ts-expect-error: maybeIndexed is typed as `{}`, need to change in 6.0 to `maybeIndexed && typeof maybeIndexed === 'object' && IS_INDEXED_SYMBOL in maybeIndexed`
+        maybeIndexed[IS_INDEXED_SYMBOL]);
+}
+
+/**
+ * True if `maybeAssociative` is either a Keyed or Indexed Collection.
+ *
+ * ```js
+ * import { isAssociative, Map, List, Stack, Set } from 'immutable';
+ *
+ * isAssociative([]); // false
+ * isAssociative({}); // false
+ * isAssociative(Map()); // true
+ * isAssociative(List()); // true
+ * isAssociative(Stack()); // true
+ * isAssociative(Set()); // false
+ * ```
+ */
+function isAssociative(maybeAssociative) {
+    return isKeyed(maybeAssociative) || isIndexed(maybeAssociative);
+}
+
+var Collection = function Collection(value) {
+  // eslint-disable-next-line no-constructor-return
+  return isCollection(value) ? value : Seq(value);
+};
+
+var KeyedCollection = /*@__PURE__*/(function (Collection) {
+  function KeyedCollection(value) {
+    // eslint-disable-next-line no-constructor-return
+    return isKeyed(value) ? value : KeyedSeq(value);
+  }
+
+  if ( Collection ) KeyedCollection.__proto__ = Collection;
+  KeyedCollection.prototype = Object.create( Collection && Collection.prototype );
+  KeyedCollection.prototype.constructor = KeyedCollection;
+
+  return KeyedCollection;
+}(Collection));
+
+var IndexedCollection = /*@__PURE__*/(function (Collection) {
+  function IndexedCollection(value) {
+    // eslint-disable-next-line no-constructor-return
+    return isIndexed(value) ? value : IndexedSeq(value);
+  }
+
+  if ( Collection ) IndexedCollection.__proto__ = Collection;
+  IndexedCollection.prototype = Object.create( Collection && Collection.prototype );
+  IndexedCollection.prototype.constructor = IndexedCollection;
+
+  return IndexedCollection;
+}(Collection));
+
+var SetCollection = /*@__PURE__*/(function (Collection) {
+  function SetCollection(value) {
+    // eslint-disable-next-line no-constructor-return
+    return isCollection(value) && !isAssociative(value) ? value : SetSeq(value);
+  }
+
+  if ( Collection ) SetCollection.__proto__ = Collection;
+  SetCollection.prototype = Object.create( Collection && Collection.prototype );
+  SetCollection.prototype.constructor = SetCollection;
+
+  return SetCollection;
+}(Collection));
+
+Collection.Keyed = KeyedCollection;
+Collection.Indexed = IndexedCollection;
+Collection.Set = SetCollection;
+
+var IS_SEQ_SYMBOL = '@@__IMMUTABLE_SEQ__@@';
+/**
+ * True if `maybeSeq` is a Seq.
+ */
+function isSeq(maybeSeq) {
+    return Boolean(maybeSeq &&
+        // @ts-expect-error: maybeSeq is typed as `{}`, need to change in 6.0 to `maybeSeq && typeof maybeSeq === 'object' && MAYBE_SEQ_SYMBOL in maybeSeq`
+        maybeSeq[IS_SEQ_SYMBOL]);
+}
+
+var IS_RECORD_SYMBOL = '@@__IMMUTABLE_RECORD__@@';
+/**
+ * True if `maybeRecord` is a Record.
+ */
+function isRecord(maybeRecord) {
+    return Boolean(maybeRecord &&
+        // @ts-expect-error: maybeRecord is typed as `{}`, need to change in 6.0 to `maybeRecord && typeof maybeRecord === 'object' && IS_RECORD_SYMBOL in maybeRecord`
+        maybeRecord[IS_RECORD_SYMBOL]);
+}
+
+/**
+ * True if `maybeImmutable` is an Immutable Collection or Record.
+ *
+ * Note: Still returns true even if the collections is within a `withMutations()`.
+ *
+ * ```js
+ * import { isImmutable, Map, List, Stack } from 'immutable';
+ * isImmutable([]); // false
+ * isImmutable({}); // false
+ * isImmutable(Map()); // true
+ * isImmutable(List()); // true
+ * isImmutable(Stack()); // true
+ * isImmutable(Map().asMutable()); // true
+ * ```
+ */
+function isImmutable(maybeImmutable) {
+    return isCollection(maybeImmutable) || isRecord(maybeImmutable);
+}
+
+var IS_ORDERED_SYMBOL = '@@__IMMUTABLE_ORDERED__@@';
+function isOrdered(maybeOrdered) {
+    return Boolean(maybeOrdered &&
+        // @ts-expect-error: maybeOrdered is typed as `{}`, need to change in 6.0 to `maybeOrdered && typeof maybeOrdered === 'object' && IS_ORDERED_SYMBOL in maybeOrdered`
+        maybeOrdered[IS_ORDERED_SYMBOL]);
+}
+
+var ITERATE_KEYS = 0;
+var ITERATE_VALUES = 1;
+var ITERATE_ENTRIES = 2;
+
+var REAL_ITERATOR_SYMBOL = typeof Symbol === 'function' && Symbol.iterator;
+var FAUX_ITERATOR_SYMBOL = '@@iterator';
+
+var ITERATOR_SYMBOL = REAL_ITERATOR_SYMBOL || FAUX_ITERATOR_SYMBOL;
+
+var Iterator = function Iterator(next) {
+  this.next = next;
+};
+
+Iterator.prototype.toString = function toString () {
+  return '[Iterator]';
+};
+
+Iterator.KEYS = ITERATE_KEYS;
+Iterator.VALUES = ITERATE_VALUES;
+Iterator.ENTRIES = ITERATE_ENTRIES;
+
+Iterator.prototype.inspect = Iterator.prototype.toSource = function () {
+  return this.toString();
+};
+Iterator.prototype[ITERATOR_SYMBOL] = function () {
+  return this;
+};
+
+function iteratorValue(type, k, v, iteratorResult) {
+  var value =
+    type === ITERATE_KEYS ? k : type === ITERATE_VALUES ? v : [k, v];
+  // eslint-disable-next-line @typescript-eslint/no-unused-expressions -- TODO enable eslint here
+  iteratorResult
+    ? (iteratorResult.value = value)
+    : (iteratorResult = {
+        value: value,
+        done: false,
+      });
+  return iteratorResult;
+}
+
+function iteratorDone() {
+  return { value: undefined, done: true };
+}
+
+function hasIterator(maybeIterable) {
+  if (Array.isArray(maybeIterable)) {
+    // IE11 trick as it does not support `Symbol.iterator`
+    return true;
+  }
+
+  return !!getIteratorFn(maybeIterable);
+}
+
+function isIterator(maybeIterator) {
+  return maybeIterator && typeof maybeIterator.next === 'function';
+}
+
+function getIterator(iterable) {
+  var iteratorFn = getIteratorFn(iterable);
+  return iteratorFn && iteratorFn.call(iterable);
+}
+
+function getIteratorFn(iterable) {
+  var iteratorFn =
+    iterable &&
+    ((REAL_ITERATOR_SYMBOL && iterable[REAL_ITERATOR_SYMBOL]) ||
+      iterable[FAUX_ITERATOR_SYMBOL]);
+  if (typeof iteratorFn === 'function') {
+    return iteratorFn;
+  }
+}
+
+function isEntriesIterable(maybeIterable) {
+  var iteratorFn = getIteratorFn(maybeIterable);
+  return iteratorFn && iteratorFn === maybeIterable.entries;
+}
+
+function isKeysIterable(maybeIterable) {
+  var iteratorFn = getIteratorFn(maybeIterable);
+  return iteratorFn && iteratorFn === maybeIterable.keys;
+}
+
+var hasOwnProperty = Object.prototype.hasOwnProperty;
+
+function isArrayLike(value) {
+    if (Array.isArray(value) || typeof value === 'string') {
+        return true;
+    }
+    // @ts-expect-error "Type 'unknown' is not assignable to type 'boolean'" : convert to Boolean
+    return (value &&
+        typeof value === 'object' &&
+        // @ts-expect-error check that `'length' in value &&`
+        Number.isInteger(value.length) &&
+        // @ts-expect-error check that `'length' in value &&`
+        value.length >= 0 &&
+        // @ts-expect-error check that `'length' in value &&`
+        (value.length === 0
+            ? // Only {length: 0} is considered Array-like.
+                Object.keys(value).length === 1
+            : // An object is only Array-like if it has a property where the last value
+                // in the array-like may be found (which could be undefined).
+                // @ts-expect-error check that `'length' in value &&`
+                value.hasOwnProperty(value.length - 1)));
+}
+
+var Seq = /*@__PURE__*/(function (Collection) {
+  function Seq(value) {
+    // eslint-disable-next-line no-constructor-return
+    return value === undefined || value === null
+      ? emptySequence()
+      : isImmutable(value)
+        ? value.toSeq()
+        : seqFromValue(value);
+  }
+
+  if ( Collection ) Seq.__proto__ = Collection;
+  Seq.prototype = Object.create( Collection && Collection.prototype );
+  Seq.prototype.constructor = Seq;
+
+  Seq.prototype.toSeq = function toSeq () {
+    return this;
+  };
+
+  Seq.prototype.toString = function toString () {
+    return this.__toString('Seq {', '}');
+  };
+
+  Seq.prototype.cacheResult = function cacheResult () {
+    if (!this._cache && this.__iterateUncached) {
+      this._cache = this.entrySeq().toArray();
+      this.size = this._cache.length;
+    }
+    return this;
+  };
+
+  // abstract __iterateUncached(fn, reverse)
+
+  Seq.prototype.__iterate = function __iterate (fn, reverse) {
+    var cache = this._cache;
+    if (cache) {
+      var size = cache.length;
+      var i = 0;
+      while (i !== size) {
+        var entry = cache[reverse ? size - ++i : i++];
+        if (fn(entry[1], entry[0], this) === false) {
+          break;
+        }
+      }
+      return i;
+    }
+    return this.__iterateUncached(fn, reverse);
+  };
+
+  // abstract __iteratorUncached(type, reverse)
+
+  Seq.prototype.__iterator = function __iterator (type, reverse) {
+    var cache = this._cache;
+    if (cache) {
+      var size = cache.length;
+      var i = 0;
+      return new Iterator(function () {
+        if (i === size) {
+          return iteratorDone();
+        }
+        var entry = cache[reverse ? size - ++i : i++];
+        return iteratorValue(type, entry[0], entry[1]);
+      });
+    }
+    return this.__iteratorUncached(type, reverse);
+  };
+
+  return Seq;
+}(Collection));
+
+var KeyedSeq = /*@__PURE__*/(function (Seq) {
+  function KeyedSeq(value) {
+    // eslint-disable-next-line no-constructor-return
+    return value === undefined || value === null
+      ? emptySequence().toKeyedSeq()
+      : isCollection(value)
+        ? isKeyed(value)
+          ? value.toSeq()
+          : value.fromEntrySeq()
+        : isRecord(value)
+          ? value.toSeq()
+          : keyedSeqFromValue(value);
+  }
+
+  if ( Seq ) KeyedSeq.__proto__ = Seq;
+  KeyedSeq.prototype = Object.create( Seq && Seq.prototype );
+  KeyedSeq.prototype.constructor = KeyedSeq;
+
+  KeyedSeq.prototype.toKeyedSeq = function toKeyedSeq () {
+    return this;
+  };
+
+  return KeyedSeq;
+}(Seq));
+
+var IndexedSeq = /*@__PURE__*/(function (Seq) {
+  function IndexedSeq(value) {
+    // eslint-disable-next-line no-constructor-return
+    return value === undefined || value === null
+      ? emptySequence()
+      : isCollection(value)
+        ? isKeyed(value)
+          ? value.entrySeq()
+          : value.toIndexedSeq()
+        : isRecord(value)
+          ? value.toSeq().entrySeq()
+          : indexedSeqFromValue(value);
+  }
+
+  if ( Seq ) IndexedSeq.__proto__ = Seq;
+  IndexedSeq.prototype = Object.create( Seq && Seq.prototype );
+  IndexedSeq.prototype.constructor = IndexedSeq;
+
+  IndexedSeq.of = function of (/*...values*/) {
+    return IndexedSeq(arguments);
+  };
+
+  IndexedSeq.prototype.toIndexedSeq = function toIndexedSeq () {
+    return this;
+  };
+
+  IndexedSeq.prototype.toString = function toString () {
+    return this.__toString('Seq [', ']');
+  };
+
+  return IndexedSeq;
+}(Seq));
+
+var SetSeq = /*@__PURE__*/(function (Seq) {
+  function SetSeq(value) {
+    // eslint-disable-next-line no-constructor-return
+    return (
+      isCollection(value) && !isAssociative(value) ? value : IndexedSeq(value)
+    ).toSetSeq();
+  }
+
+  if ( Seq ) SetSeq.__proto__ = Seq;
+  SetSeq.prototype = Object.create( Seq && Seq.prototype );
+  SetSeq.prototype.constructor = SetSeq;
+
+  SetSeq.of = function of (/*...values*/) {
+    return SetSeq(arguments);
+  };
+
+  SetSeq.prototype.toSetSeq = function toSetSeq () {
+    return this;
+  };
+
+  return SetSeq;
+}(Seq));
+
+Seq.isSeq = isSeq;
+Seq.Keyed = KeyedSeq;
+Seq.Set = SetSeq;
+Seq.Indexed = IndexedSeq;
+
+Seq.prototype[IS_SEQ_SYMBOL] = true;
+
+// #pragma Root Sequences
+
+var ArraySeq = /*@__PURE__*/(function (IndexedSeq) {
+  function ArraySeq(array) {
+    this._array = array;
+    this.size = array.length;
+  }
+
+  if ( IndexedSeq ) ArraySeq.__proto__ = IndexedSeq;
+  ArraySeq.prototype = Object.create( IndexedSeq && IndexedSeq.prototype );
+  ArraySeq.prototype.constructor = ArraySeq;
+
+  ArraySeq.prototype.get = function get (index, notSetValue) {
+    return this.has(index) ? this._array[wrapIndex(this, index)] : notSetValue;
+  };
+
+  ArraySeq.prototype.__iterate = function __iterate (fn, reverse) {
+    var array = this._array;
+    var size = array.length;
+    var i = 0;
+    while (i !== size) {
+      var ii = reverse ? size - ++i : i++;
+      if (fn(array[ii], ii, this) === false) {
+        break;
+      }
+    }
+    return i;
+  };
+
+  ArraySeq.prototype.__iterator = function __iterator (type, reverse) {
+    var array = this._array;
+    var size = array.length;
+    var i = 0;
+    return new Iterator(function () {
+      if (i === size) {
+        return iteratorDone();
+      }
+      var ii = reverse ? size - ++i : i++;
+      return iteratorValue(type, ii, array[ii]);
+    });
+  };
+
+  return ArraySeq;
+}(IndexedSeq));
+
+var ObjectSeq = /*@__PURE__*/(function (KeyedSeq) {
+  function ObjectSeq(object) {
+    var keys = Object.keys(object).concat(
+      Object.getOwnPropertySymbols ? Object.getOwnPropertySymbols(object) : []
+    );
+    this._object = object;
+    this._keys = keys;
+    this.size = keys.length;
+  }
+
+  if ( KeyedSeq ) ObjectSeq.__proto__ = KeyedSeq;
+  ObjectSeq.prototype = Object.create( KeyedSeq && KeyedSeq.prototype );
+  ObjectSeq.prototype.constructor = ObjectSeq;
+
+  ObjectSeq.prototype.get = function get (key, notSetValue) {
+    if (notSetValue !== undefined && !this.has(key)) {
+      return notSetValue;
+    }
+    return this._object[key];
+  };
+
+  ObjectSeq.prototype.has = function has (key) {
+    return hasOwnProperty.call(this._object, key);
+  };
+
+  ObjectSeq.prototype.__iterate = function __iterate (fn, reverse) {
+    var object = this._object;
+    var keys = this._keys;
+    var size = keys.length;
+    var i = 0;
+    while (i !== size) {
+      var key = keys[reverse ? size - ++i : i++];
+      if (fn(object[key], key, this) === false) {
+        break;
+      }
+    }
+    return i;
+  };
+
+  ObjectSeq.prototype.__iterator = function __iterator (type, reverse) {
+    var object = this._object;
+    var keys = this._keys;
+    var size = keys.length;
+    var i = 0;
+    return new Iterator(function () {
+      if (i === size) {
+        return iteratorDone();
+      }
+      var key = keys[reverse ? size - ++i : i++];
+      return iteratorValue(type, key, object[key]);
+    });
+  };
+
+  return ObjectSeq;
+}(KeyedSeq));
+ObjectSeq.prototype[IS_ORDERED_SYMBOL] = true;
+
+var CollectionSeq = /*@__PURE__*/(function (IndexedSeq) {
+  function CollectionSeq(collection) {
+    this._collection = collection;
+    this.size = collection.length || collection.size;
+  }
+
+  if ( IndexedSeq ) CollectionSeq.__proto__ = IndexedSeq;
+  CollectionSeq.prototype = Object.create( IndexedSeq && IndexedSeq.prototype );
+  CollectionSeq.prototype.constructor = CollectionSeq;
+
+  CollectionSeq.prototype.__iterateUncached = function __iterateUncached (fn, reverse) {
+    if (reverse) {
+      return this.cacheResult().__iterate(fn, reverse);
+    }
+    var collection = this._collection;
+    var iterator = getIterator(collection);
+    var iterations = 0;
+    if (isIterator(iterator)) {
+      var step;
+      while (!(step = iterator.next()).done) {
+        if (fn(step.value, iterations++, this) === false) {
+          break;
+        }
+      }
+    }
+    return iterations;
+  };
+
+  CollectionSeq.prototype.__iteratorUncached = function __iteratorUncached (type, reverse) {
+    if (reverse) {
+      return this.cacheResult().__iterator(type, reverse);
+    }
+    var collection = this._collection;
+    var iterator = getIterator(collection);
+    if (!isIterator(iterator)) {
+      return new Iterator(iteratorDone);
+    }
+    var iterations = 0;
+    return new Iterator(function () {
+      var step = iterator.next();
+      return step.done ? step : iteratorValue(type, iterations++, step.value);
+    });
+  };
+
+  return CollectionSeq;
+}(IndexedSeq));
+
+// # pragma Helper functions
+
+var EMPTY_SEQ;
+
+function emptySequence() {
+  return EMPTY_SEQ || (EMPTY_SEQ = new ArraySeq([]));
+}
+
+function keyedSeqFromValue(value) {
+  var seq = maybeIndexedSeqFromValue(value);
+  if (seq) {
+    return seq.fromEntrySeq();
+  }
+  if (typeof value === 'object') {
+    return new ObjectSeq(value);
+  }
+  throw new TypeError(
+    'Expected Array or collection object of [k, v] entries, or keyed object: ' +
+      value
+  );
+}
+
+function indexedSeqFromValue(value) {
+  var seq = maybeIndexedSeqFromValue(value);
+  if (seq) {
+    return seq;
+  }
+  throw new TypeError(
+    'Expected Array or collection object of values: ' + value
+  );
+}
+
+function seqFromValue(value) {
+  var seq = maybeIndexedSeqFromValue(value);
+  if (seq) {
+    return isEntriesIterable(value)
+      ? seq.fromEntrySeq()
+      : isKeysIterable(value)
+        ? seq.toSetSeq()
+        : seq;
+  }
+  if (typeof value === 'object') {
+    return new ObjectSeq(value);
+  }
+  throw new TypeError(
+    'Expected Array or collection object of values, or keyed object: ' + value
+  );
+}
+
+function maybeIndexedSeqFromValue(value) {
+  return isArrayLike(value)
+    ? new ArraySeq(value)
+    : hasIterator(value)
+      ? new CollectionSeq(value)
+      : undefined;
+}
+
+var IS_MAP_SYMBOL = '@@__IMMUTABLE_MAP__@@';
+/**
+ * True if `maybeMap` is a Map.
+ *
+ * Also true for OrderedMaps.
+ */
+function isMap(maybeMap) {
+    return Boolean(maybeMap &&
+        // @ts-expect-error: maybeMap is typed as `{}`, need to change in 6.0 to `maybeMap && typeof maybeMap === 'object' && IS_MAP_SYMBOL in maybeMap`
+        maybeMap[IS_MAP_SYMBOL]);
+}
+
+/**
+ * True if `maybeOrderedMap` is an OrderedMap.
+ */
+function isOrderedMap(maybeOrderedMap) {
+    return isMap(maybeOrderedMap) && isOrdered(maybeOrderedMap);
+}
+
+/**
+ * True if `maybeValue` is a JavaScript Object which has *both* `equals()`
+ * and `hashCode()` methods.
+ *
+ * Any two instances of *value objects* can be compared for value equality with
+ * `Immutable.is()` and can be used as keys in a `Map` or members in a `Set`.
+ */
+function isValueObject(maybeValue) {
+    return Boolean(maybeValue &&
+        // @ts-expect-error: maybeValue is typed as `{}`
+        typeof maybeValue.equals === 'function' &&
+        // @ts-expect-error: maybeValue is typed as `{}`
+        typeof maybeValue.hashCode === 'function');
+}
+
+/**
+ * An extension of the "same-value" algorithm as [described for use by ES6 Map
+ * and Set](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Map#Key_equality)
+ *
+ * NaN is considered the same as NaN, however -0 and 0 are considered the same
+ * value, which is different from the algorithm described by
+ * [`Object.is`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/is).
+ *
+ * This is extended further to allow Objects to describe the values they
+ * represent, by way of `valueOf` or `equals` (and `hashCode`).
+ *
+ * Note: because of this extension, the key equality of Immutable.Map and the
+ * value equality of Immutable.Set will differ from ES6 Map and Set.
+ *
+ * ### Defining custom values
+ *
+ * The easiest way to describe the value an object represents is by implementing
+ * `valueOf`. For example, `Date` represents a value by returning a unix
+ * timestamp for `valueOf`:
+ *
+ *     var date1 = new Date(1234567890000); // Fri Feb 13 2009 ...
+ *     var date2 = new Date(1234567890000);
+ *     date1.valueOf(); // 1234567890000
+ *     assert( date1 !== date2 );
+ *     assert( Immutable.is( date1, date2 ) );
+ *
+ * Note: overriding `valueOf` may have other implications if you use this object
+ * where JavaScript expects a primitive, such as implicit string coercion.
+ *
+ * For more complex types, especially collections, implementing `valueOf` may
+ * not be performant. An alternative is to implement `equals` and `hashCode`.
+ *
+ * `equals` takes another object, presumably of similar type, and returns true
+ * if it is equal. Equality is symmetrical, so the same result should be
+ * returned if this and the argument are flipped.
+ *
+ *     assert( a.equals(b) === b.equals(a) );
+ *
+ * `hashCode` returns a 32bit integer number representing the object which will
+ * be used to determine how to store the value object in a Map or Set. You must
+ * provide both or neither methods, one must not exist without the other.
+ *
+ * Also, an important relationship between these methods must be upheld: if two
+ * values are equal, they *must* return the same hashCode. If the values are not
+ * equal, they might have the same hashCode; this is called a hash collision,
+ * and while undesirable for performance reasons, it is acceptable.
+ *
+ *     if (a.equals(b)) {
+ *       assert( a.hashCode() === b.hashCode() );
+ *     }
+ *
+ * All Immutable collections are Value Objects: they implement `equals()`
+ * and `hashCode()`.
+ */
+function is(valueA, valueB) {
+    if (valueA === valueB || (valueA !== valueA && valueB !== valueB)) {
+        return true;
+    }
+    if (!valueA || !valueB) {
+        return false;
+    }
+    if (typeof valueA.valueOf === 'function' &&
+        typeof valueB.valueOf === 'function') {
+        valueA = valueA.valueOf();
+        valueB = valueB.valueOf();
+        if (valueA === valueB || (valueA !== valueA && valueB !== valueB)) {
+            return true;
+        }
+        if (!valueA || !valueB) {
+            return false;
+        }
+    }
+    return !!(isValueObject(valueA) &&
+        isValueObject(valueB) &&
+        valueA.equals(valueB));
+}
+
+var imul =
+  typeof Math.imul === 'function' && Math.imul(0xffffffff, 2) === -2
+    ? Math.imul
+    : function imul(a, b) {
+        a |= 0; // int
+        b |= 0; // int
+        var c = a & 0xffff;
+        var d = b & 0xffff;
+        // Shift by 0 fixes the sign on the high part.
+        return (c * d + ((((a >>> 16) * d + c * (b >>> 16)) << 16) >>> 0)) | 0; // int
+      };
+
+// v8 has an optimization for storing 31-bit signed numbers.
+// Values which have either 00 or 11 as the high order bits qualify.
+// This function drops the highest order bit in a signed number, maintaining
+// the sign bit.
+function smi(i32) {
+  return ((i32 >>> 1) & 0x40000000) | (i32 & 0xbfffffff);
+}
+
+var defaultValueOf = Object.prototype.valueOf;
+
+function hash(o) {
+  // eslint-disable-next-line eqeqeq
+  if (o == null) {
+    return hashNullish(o);
+  }
+
+  if (typeof o.hashCode === 'function') {
+    // Drop any high bits from accidentally long hash codes.
+    return smi(o.hashCode(o));
+  }
+
+  var v = valueOf(o);
+
+  // eslint-disable-next-line eqeqeq
+  if (v == null) {
+    return hashNullish(v);
+  }
+
+  switch (typeof v) {
+    case 'boolean':
+      // The hash values for built-in constants are a 1 value for each 5-byte
+      // shift region expect for the first, which encodes the value. This
+      // reduces the odds of a hash collision for these common values.
+      return v ? 0x42108421 : 0x42108420;
+    case 'number':
+      return hashNumber(v);
+    case 'string':
+      return v.length > STRING_HASH_CACHE_MIN_STRLEN
+        ? cachedHashString(v)
+        : hashString(v);
+    case 'object':
+    case 'function':
+      return hashJSObj(v);
+    case 'symbol':
+      return hashSymbol(v);
+    default:
+      if (typeof v.toString === 'function') {
+        return hashString(v.toString());
+      }
+      throw new Error('Value type ' + typeof v + ' cannot be hashed.');
+  }
+}
+
+function hashNullish(nullish) {
+  return nullish === null ? 0x42108422 : /* undefined */ 0x42108423;
+}
+
+// Compress arbitrarily large numbers into smi hashes.
+function hashNumber(n) {
+  if (n !== n || n === Infinity) {
+    return 0;
+  }
+  var hash = n | 0;
+  if (hash !== n) {
+    hash ^= n * 0xffffffff;
+  }
+  while (n > 0xffffffff) {
+    n /= 0xffffffff;
+    hash ^= n;
+  }
+  return smi(hash);
+}
+
+function cachedHashString(string) {
+  var hashed = stringHashCache[string];
+  if (hashed === undefined) {
+    hashed = hashString(string);
+    if (STRING_HASH_CACHE_SIZE === STRING_HASH_CACHE_MAX_SIZE) {
+      STRING_HASH_CACHE_SIZE = 0;
+      stringHashCache = {};
+    }
+    STRING_HASH_CACHE_SIZE++;
+    stringHashCache[string] = hashed;
+  }
+  return hashed;
+}
+
+// http://jsperf.com/hashing-strings
+function hashString(string) {
+  // This is the hash from JVM
+  // The hash code for a string is computed as
+  // s[0] * 31 ^ (n - 1) + s[1] * 31 ^ (n - 2) + ... + s[n - 1],
+  // where s[i] is the ith character of the string and n is the length of
+  // the string. We "mod" the result to make it between 0 (inclusive) and 2^31
+  // (exclusive) by dropping high bits.
+  var hashed = 0;
+  for (var ii = 0; ii < string.length; ii++) {
+    hashed = (31 * hashed + string.charCodeAt(ii)) | 0;
+  }
+  return smi(hashed);
+}
+
+function hashSymbol(sym) {
+  var hashed = symbolMap[sym];
+  if (hashed !== undefined) {
+    return hashed;
+  }
+
+  hashed = nextHash();
+
+  symbolMap[sym] = hashed;
+
+  return hashed;
+}
+
+function hashJSObj(obj) {
+  var hashed;
+  if (usingWeakMap) {
+    hashed = weakMap.get(obj);
+    if (hashed !== undefined) {
+      return hashed;
+    }
+  }
+
+  hashed = obj[UID_HASH_KEY];
+  if (hashed !== undefined) {
+    return hashed;
+  }
+
+  if (!canDefineProperty) {
+    hashed = obj.propertyIsEnumerable && obj.propertyIsEnumerable[UID_HASH_KEY];
+    if (hashed !== undefined) {
+      return hashed;
+    }
+
+    hashed = getIENodeHash(obj);
+    if (hashed !== undefined) {
+      return hashed;
+    }
+  }
+
+  hashed = nextHash();
+
+  if (usingWeakMap) {
+    weakMap.set(obj, hashed);
+  } else if (isExtensible !== undefined && isExtensible(obj) === false) {
+    throw new Error('Non-extensible objects are not allowed as keys.');
+  } else if (canDefineProperty) {
+    Object.defineProperty(obj, UID_HASH_KEY, {
+      enumerable: false,
+      configurable: false,
+      writable: false,
+      value: hashed,
+    });
+  } else if (
+    obj.propertyIsEnumerable !== undefined &&
+    obj.propertyIsEnumerable === obj.constructor.prototype.propertyIsEnumerable
+  ) {
+    // Since we can't define a non-enumerable property on the object
+    // we'll hijack one of the less-used non-enumerable properties to
+    // save our hash on it. Since this is a function it will not show up in
+    // `JSON.stringify` which is what we want.
+    obj.propertyIsEnumerable = function () {
+      return this.constructor.prototype.propertyIsEnumerable.apply(
+        this,
+        arguments
+      );
+    };
+    obj.propertyIsEnumerable[UID_HASH_KEY] = hashed;
+  } else if (obj.nodeType !== undefined) {
+    // At this point we couldn't get the IE `uniqueID` to use as a hash
+    // and we couldn't use a non-enumerable property to exploit the
+    // dontEnum bug so we simply add the `UID_HASH_KEY` on the node
+    // itself.
+    obj[UID_HASH_KEY] = hashed;
+  } else {
+    throw new Error('Unable to set a non-enumerable property on object.');
+  }
+
+  return hashed;
+}
+
+// Get references to ES5 object methods.
+var isExtensible = Object.isExtensible;
+
+// True if Object.defineProperty works as expected. IE8 fails this test.
+var canDefineProperty = (function () {
+  try {
+    Object.defineProperty({}, '@', {});
+    return true;
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+  } catch (e) {
+    return false;
+  }
+})();
+
+// IE has a `uniqueID` property on DOM nodes. We can construct the hash from it
+// and avoid memory leaks from the IE cloneNode bug.
+function getIENodeHash(node) {
+  if (node && node.nodeType > 0) {
+    switch (node.nodeType) {
+      case 1: // Element
+        return node.uniqueID;
+      case 9: // Document
+        return node.documentElement && node.documentElement.uniqueID;
+    }
+  }
+}
+
+function valueOf(obj) {
+  return obj.valueOf !== defaultValueOf && typeof obj.valueOf === 'function'
+    ? obj.valueOf(obj)
+    : obj;
+}
+
+function nextHash() {
+  var nextHash = ++_objHashUID;
+  if (_objHashUID & 0x40000000) {
+    _objHashUID = 0;
+  }
+  return nextHash;
+}
+
+// If possible, use a WeakMap.
+var usingWeakMap = typeof WeakMap === 'function';
+var weakMap;
+if (usingWeakMap) {
+  weakMap = new WeakMap();
+}
+
+var symbolMap = Object.create(null);
+
+var _objHashUID = 0;
+
+var UID_HASH_KEY = '__immutablehash__';
+if (typeof Symbol === 'function') {
+  UID_HASH_KEY = Symbol(UID_HASH_KEY);
+}
+
+var STRING_HASH_CACHE_MIN_STRLEN = 16;
+var STRING_HASH_CACHE_MAX_SIZE = 255;
+var STRING_HASH_CACHE_SIZE = 0;
+var stringHashCache = {};
+
+var ToKeyedSequence = /*@__PURE__*/(function (KeyedSeq) {
+  function ToKeyedSequence(indexed, useKeys) {
+    this._iter = indexed;
+    this._useKeys = useKeys;
+    this.size = indexed.size;
+  }
+
+  if ( KeyedSeq ) ToKeyedSequence.__proto__ = KeyedSeq;
+  ToKeyedSequence.prototype = Object.create( KeyedSeq && KeyedSeq.prototype );
+  ToKeyedSequence.prototype.constructor = ToKeyedSequence;
+
+  ToKeyedSequence.prototype.get = function get (key, notSetValue) {
+    return this._iter.get(key, notSetValue);
+  };
+
+  ToKeyedSequence.prototype.has = function has (key) {
+    return this._iter.has(key);
+  };
+
+  ToKeyedSequence.prototype.valueSeq = function valueSeq () {
+    return this._iter.valueSeq();
+  };
+
+  ToKeyedSequence.prototype.reverse = function reverse () {
+    var this$1$1 = this;
+
+    var reversedSequence = reverseFactory(this, true);
+    if (!this._useKeys) {
+      reversedSequence.valueSeq = function () { return this$1$1._iter.toSeq().reverse(); };
+    }
+    return reversedSequence;
+  };
+
+  ToKeyedSequence.prototype.map = function map (mapper, context) {
+    var this$1$1 = this;
+
+    var mappedSequence = mapFactory(this, mapper, context);
+    if (!this._useKeys) {
+      mappedSequence.valueSeq = function () { return this$1$1._iter.toSeq().map(mapper, context); };
+    }
+    return mappedSequence;
+  };
+
+  ToKeyedSequence.prototype.__iterate = function __iterate (fn, reverse) {
+    var this$1$1 = this;
+
+    return this._iter.__iterate(function (v, k) { return fn(v, k, this$1$1); }, reverse);
+  };
+
+  ToKeyedSequence.prototype.__iterator = function __iterator (type, reverse) {
+    return this._iter.__iterator(type, reverse);
+  };
+
+  return ToKeyedSequence;
+}(KeyedSeq));
+ToKeyedSequence.prototype[IS_ORDERED_SYMBOL] = true;
+
+var ToIndexedSequence = /*@__PURE__*/(function (IndexedSeq) {
+  function ToIndexedSequence(iter) {
+    this._iter = iter;
+    this.size = iter.size;
+  }
+
+  if ( IndexedSeq ) ToIndexedSequence.__proto__ = IndexedSeq;
+  ToIndexedSequence.prototype = Object.create( IndexedSeq && IndexedSeq.prototype );
+  ToIndexedSequence.prototype.constructor = ToIndexedSequence;
+
+  ToIndexedSequence.prototype.includes = function includes (value) {
+    return this._iter.includes(value);
+  };
+
+  ToIndexedSequence.prototype.__iterate = function __iterate (fn, reverse) {
+    var this$1$1 = this;
+
+    var i = 0;
+    // eslint-disable-next-line @typescript-eslint/no-unused-expressions -- TODO enable eslint here
+    reverse && ensureSize(this);
+    return this._iter.__iterate(
+      function (v) { return fn(v, reverse ? this$1$1.size - ++i : i++, this$1$1); },
+      reverse
+    );
+  };
+
+  ToIndexedSequence.prototype.__iterator = function __iterator (type, reverse) {
+    var this$1$1 = this;
+
+    var iterator = this._iter.__iterator(ITERATE_VALUES, reverse);
+    var i = 0;
+    // eslint-disable-next-line @typescript-eslint/no-unused-expressions -- TODO enable eslint here
+    reverse && ensureSize(this);
+    return new Iterator(function () {
+      var step = iterator.next();
+      return step.done
+        ? step
+        : iteratorValue(
+            type,
+            reverse ? this$1$1.size - ++i : i++,
+            step.value,
+            step
+          );
+    });
+  };
+
+  return ToIndexedSequence;
+}(IndexedSeq));
+
+var ToSetSequence = /*@__PURE__*/(function (SetSeq) {
+  function ToSetSequence(iter) {
+    this._iter = iter;
+    this.size = iter.size;
+  }
+
+  if ( SetSeq ) ToSetSequence.__proto__ = SetSeq;
+  ToSetSequence.prototype = Object.create( SetSeq && SetSeq.prototype );
+  ToSetSequence.prototype.constructor = ToSetSequence;
+
+  ToSetSequence.prototype.has = function has (key) {
+    return this._iter.includes(key);
+  };
+
+  ToSetSequence.prototype.__iterate = function __iterate (fn, reverse) {
+    var this$1$1 = this;
+
+    return this._iter.__iterate(function (v) { return fn(v, v, this$1$1); }, reverse);
+  };
+
+  ToSetSequence.prototype.__iterator = function __iterator (type, reverse) {
+    var iterator = this._iter.__iterator(ITERATE_VALUES, reverse);
+    return new Iterator(function () {
+      var step = iterator.next();
+      return step.done
+        ? step
+        : iteratorValue(type, step.value, step.value, step);
+    });
+  };
+
+  return ToSetSequence;
+}(SetSeq));
+
+var FromEntriesSequence = /*@__PURE__*/(function (KeyedSeq) {
+  function FromEntriesSequence(entries) {
+    this._iter = entries;
+    this.size = entries.size;
+  }
+
+  if ( KeyedSeq ) FromEntriesSequence.__proto__ = KeyedSeq;
+  FromEntriesSequence.prototype = Object.create( KeyedSeq && KeyedSeq.prototype );
+  FromEntriesSequence.prototype.constructor = FromEntriesSequence;
+
+  FromEntriesSequence.prototype.entrySeq = function entrySeq () {
+    return this._iter.toSeq();
+  };
+
+  FromEntriesSequence.prototype.__iterate = function __iterate (fn, reverse) {
+    var this$1$1 = this;
+
+    return this._iter.__iterate(function (entry) {
+      // Check if entry exists first so array access doesn't throw for holes
+      // in the parent iteration.
+      if (entry) {
+        validateEntry(entry);
+        var indexedCollection = isCollection(entry);
+        return fn(
+          indexedCollection ? entry.get(1) : entry[1],
+          indexedCollection ? entry.get(0) : entry[0],
+          this$1$1
+        );
+      }
+    }, reverse);
+  };
+
+  FromEntriesSequence.prototype.__iterator = function __iterator (type, reverse) {
+    var iterator = this._iter.__iterator(ITERATE_VALUES, reverse);
+    return new Iterator(function () {
+      while (true) {
+        var step = iterator.next();
+        if (step.done) {
+          return step;
+        }
+        var entry = step.value;
+        // Check if entry exists first so array access doesn't throw for holes
+        // in the parent iteration.
+        if (entry) {
+          validateEntry(entry);
+          var indexedCollection = isCollection(entry);
+          return iteratorValue(
+            type,
+            indexedCollection ? entry.get(0) : entry[0],
+            indexedCollection ? entry.get(1) : entry[1],
+            step
+          );
+        }
+      }
+    });
+  };
+
+  return FromEntriesSequence;
+}(KeyedSeq));
+
+ToIndexedSequence.prototype.cacheResult =
+  ToKeyedSequence.prototype.cacheResult =
+  ToSetSequence.prototype.cacheResult =
+  FromEntriesSequence.prototype.cacheResult =
+    cacheResultThrough;
+
+function flipFactory(collection) {
+  var flipSequence = makeSequence(collection);
+  flipSequence._iter = collection;
+  flipSequence.size = collection.size;
+  flipSequence.flip = function () { return collection; };
+  flipSequence.reverse = function () {
+    var reversedSequence = collection.reverse.apply(this); // super.reverse()
+    reversedSequence.flip = function () { return collection.reverse(); };
+    return reversedSequence;
+  };
+  flipSequence.has = function (key) { return collection.includes(key); };
+  flipSequence.includes = function (key) { return collection.has(key); };
+  flipSequence.cacheResult = cacheResultThrough;
+  flipSequence.__iterateUncached = function (fn, reverse) {
+    var this$1$1 = this;
+
+    return collection.__iterate(function (v, k) { return fn(k, v, this$1$1) !== false; }, reverse);
+  };
+  flipSequence.__iteratorUncached = function (type, reverse) {
+    if (type === ITERATE_ENTRIES) {
+      var iterator = collection.__iterator(type, reverse);
+      return new Iterator(function () {
+        var step = iterator.next();
+        if (!step.done) {
+          var k = step.value[0];
+          step.value[0] = step.value[1];
+          step.value[1] = k;
+        }
+        return step;
+      });
+    }
+    return collection.__iterator(
+      type === ITERATE_VALUES ? ITERATE_KEYS : ITERATE_VALUES,
+      reverse
+    );
+  };
+  return flipSequence;
+}
+
+function mapFactory(collection, mapper, context) {
+  var mappedSequence = makeSequence(collection);
+  mappedSequence.size = collection.size;
+  mappedSequence.has = function (key) { return collection.has(key); };
+  mappedSequence.get = function (key, notSetValue) {
+    var v = collection.get(key, NOT_SET);
+    return v === NOT_SET
+      ? notSetValue
+      : mapper.call(context, v, key, collection);
+  };
+  mappedSequence.__iterateUncached = function (fn, reverse) {
+    var this$1$1 = this;
+
+    return collection.__iterate(
+      function (v, k, c) { return fn(mapper.call(context, v, k, c), k, this$1$1) !== false; },
+      reverse
+    );
+  };
+  mappedSequence.__iteratorUncached = function (type, reverse) {
+    var iterator = collection.__iterator(ITERATE_ENTRIES, reverse);
+    return new Iterator(function () {
+      var step = iterator.next();
+      if (step.done) {
+        return step;
+      }
+      var entry = step.value;
+      var key = entry[0];
+      return iteratorValue(
+        type,
+        key,
+        mapper.call(context, entry[1], key, collection),
+        step
+      );
+    });
+  };
+  return mappedSequence;
+}
+
+function reverseFactory(collection, useKeys) {
+  var this$1$1 = this;
+
+  var reversedSequence = makeSequence(collection);
+  reversedSequence._iter = collection;
+  reversedSequence.size = collection.size;
+  reversedSequence.reverse = function () { return collection; };
+  if (collection.flip) {
+    reversedSequence.flip = function () {
+      var flipSequence = flipFactory(collection);
+      flipSequence.reverse = function () { return collection.flip(); };
+      return flipSequence;
+    };
+  }
+  reversedSequence.get = function (key, notSetValue) { return collection.get(useKeys ? key : -1 - key, notSetValue); };
+  reversedSequence.has = function (key) { return collection.has(useKeys ? key : -1 - key); };
+  reversedSequence.includes = function (value) { return collection.includes(value); };
+  reversedSequence.cacheResult = cacheResultThrough;
+  reversedSequence.__iterate = function (fn, reverse) {
+    var this$1$1 = this;
+
+    var i = 0;
+    // eslint-disable-next-line @typescript-eslint/no-unused-expressions -- TODO enable eslint here
+    reverse && ensureSize(collection);
+    return collection.__iterate(
+      function (v, k) { return fn(v, useKeys ? k : reverse ? this$1$1.size - ++i : i++, this$1$1); },
+      !reverse
+    );
+  };
+  reversedSequence.__iterator = function (type, reverse) {
+    var i = 0;
+    // eslint-disable-next-line @typescript-eslint/no-unused-expressions -- TODO enable eslint here
+    reverse && ensureSize(collection);
+    var iterator = collection.__iterator(ITERATE_ENTRIES, !reverse);
+    return new Iterator(function () {
+      var step = iterator.next();
+      if (step.done) {
+        return step;
+      }
+      var entry = step.value;
+      return iteratorValue(
+        type,
+        useKeys ? entry[0] : reverse ? this$1$1.size - ++i : i++,
+        entry[1],
+        step
+      );
+    });
+  };
+  return reversedSequence;
+}
+
+function filterFactory(collection, predicate, context, useKeys) {
+  var filterSequence = makeSequence(collection);
+  if (useKeys) {
+    filterSequence.has = function (key) {
+      var v = collection.get(key, NOT_SET);
+      return v !== NOT_SET && !!predicate.call(context, v, key, collection);
+    };
+    filterSequence.get = function (key, notSetValue) {
+      var v = collection.get(key, NOT_SET);
+      return v !== NOT_SET && predicate.call(context, v, key, collection)
+        ? v
+        : notSetValue;
+    };
+  }
+  filterSequence.__iterateUncached = function (fn, reverse) {
+    var this$1$1 = this;
+
+    var iterations = 0;
+    collection.__iterate(function (v, k, c) {
+      if (predicate.call(context, v, k, c)) {
+        iterations++;
+        return fn(v, useKeys ? k : iterations - 1, this$1$1);
+      }
+    }, reverse);
+    return iterations;
+  };
+  filterSequence.__iteratorUncached = function (type, reverse) {
+    var iterator = collection.__iterator(ITERATE_ENTRIES, reverse);
+    var iterations = 0;
+    return new Iterator(function () {
+      while (true) {
+        var step = iterator.next();
+        if (step.done) {
+          return step;
+        }
+        var entry = step.value;
+        var key = entry[0];
+        var value = entry[1];
+        if (predicate.call(context, value, key, collection)) {
+          return iteratorValue(type, useKeys ? key : iterations++, value, step);
+        }
+      }
+    });
+  };
+  return filterSequence;
+}
+
+function countByFactory(collection, grouper, context) {
+  var groups = Map().asMutable();
+  collection.__iterate(function (v, k) {
+    groups.update(grouper.call(context, v, k, collection), 0, function (a) { return a + 1; });
+  });
+  return groups.asImmutable();
+}
+
+function groupByFactory(collection, grouper, context) {
+  var isKeyedIter = isKeyed(collection);
+  var groups = (isOrdered(collection) ? OrderedMap() : Map()).asMutable();
+  collection.__iterate(function (v, k) {
+    groups.update(
+      grouper.call(context, v, k, collection),
+      function (a) { return ((a = a || []), a.push(isKeyedIter ? [k, v] : v), a); }
+    );
+  });
+  var coerce = collectionClass(collection);
+  return groups.map(function (arr) { return reify(collection, coerce(arr)); }).asImmutable();
+}
+
+function partitionFactory(collection, predicate, context) {
+  var isKeyedIter = isKeyed(collection);
+  var groups = [[], []];
+  collection.__iterate(function (v, k) {
+    groups[predicate.call(context, v, k, collection) ? 1 : 0].push(
+      isKeyedIter ? [k, v] : v
+    );
+  });
+  var coerce = collectionClass(collection);
+  return groups.map(function (arr) { return reify(collection, coerce(arr)); });
+}
+
+function sliceFactory(collection, begin, end, useKeys) {
+  var originalSize = collection.size;
+
+  if (wholeSlice(begin, end, originalSize)) {
+    return collection;
+  }
+
+  // begin or end can not be resolved if they were provided as negative numbers and
+  // this collection's size is unknown. In that case, cache first so there is
+  // a known size and these do not resolve to NaN.
+  if (typeof originalSize === 'undefined' && (begin < 0 || end < 0)) {
+    return sliceFactory(collection.toSeq().cacheResult(), begin, end, useKeys);
+  }
+
+  var resolvedBegin = resolveBegin(begin, originalSize);
+  var resolvedEnd = resolveEnd(end, originalSize);
+
+  // Note: resolvedEnd is undefined when the original sequence's length is
+  // unknown and this slice did not supply an end and should contain all
+  // elements after resolvedBegin.
+  // In that case, resolvedSize will be NaN and sliceSize will remain undefined.
+  var resolvedSize = resolvedEnd - resolvedBegin;
+  var sliceSize;
+  if (resolvedSize === resolvedSize) {
+    sliceSize = resolvedSize < 0 ? 0 : resolvedSize;
+  }
+
+  var sliceSeq = makeSequence(collection);
+
+  // If collection.size is undefined, the size of the realized sliceSeq is
+  // unknown at this point unless the number of items to slice is 0
+  sliceSeq.size =
+    sliceSize === 0 ? sliceSize : (collection.size && sliceSize) || undefined;
+
+  if (!useKeys && isSeq(collection) && sliceSize >= 0) {
+    sliceSeq.get = function (index, notSetValue) {
+      index = wrapIndex(this, index);
+      return index >= 0 && index < sliceSize
+        ? collection.get(index + resolvedBegin, notSetValue)
+        : notSetValue;
+    };
+  }
+
+  sliceSeq.__iterateUncached = function (fn, reverse) {
+    var this$1$1 = this;
+
+    if (sliceSize === 0) {
+      return 0;
+    }
+    if (reverse) {
+      return this.cacheResult().__iterate(fn, reverse);
+    }
+    var skipped = 0;
+    var isSkipping = true;
+    var iterations = 0;
+    collection.__iterate(function (v, k) {
+      if (!(isSkipping && (isSkipping = skipped++ < resolvedBegin))) {
+        iterations++;
+        return (
+          fn(v, useKeys ? k : iterations - 1, this$1$1) !== false &&
+          iterations !== sliceSize
+        );
+      }
+    });
+    return iterations;
+  };
+
+  sliceSeq.__iteratorUncached = function (type, reverse) {
+    if (sliceSize !== 0 && reverse) {
+      return this.cacheResult().__iterator(type, reverse);
+    }
+    // Don't bother instantiating parent iterator if taking 0.
+    if (sliceSize === 0) {
+      return new Iterator(iteratorDone);
+    }
+    var iterator = collection.__iterator(type, reverse);
+    var skipped = 0;
+    var iterations = 0;
+    return new Iterator(function () {
+      while (skipped++ < resolvedBegin) {
+        iterator.next();
+      }
+      if (++iterations > sliceSize) {
+        return iteratorDone();
+      }
+      var step = iterator.next();
+      if (useKeys || type === ITERATE_VALUES || step.done) {
+        return step;
+      }
+      if (type === ITERATE_KEYS) {
+        return iteratorValue(type, iterations - 1, undefined, step);
+      }
+      return iteratorValue(type, iterations - 1, step.value[1], step);
+    });
+  };
+
+  return sliceSeq;
+}
+
+function takeWhileFactory(collection, predicate, context) {
+  var takeSequence = makeSequence(collection);
+  takeSequence.__iterateUncached = function (fn, reverse) {
+    var this$1$1 = this;
+
+    if (reverse) {
+      return this.cacheResult().__iterate(fn, reverse);
+    }
+    var iterations = 0;
+    collection.__iterate(
+      function (v, k, c) { return predicate.call(context, v, k, c) && ++iterations && fn(v, k, this$1$1); }
+    );
+    return iterations;
+  };
+  takeSequence.__iteratorUncached = function (type, reverse) {
+    var this$1$1 = this;
+
+    if (reverse) {
+      return this.cacheResult().__iterator(type, reverse);
+    }
+    var iterator = collection.__iterator(ITERATE_ENTRIES, reverse);
+    var iterating = true;
+    return new Iterator(function () {
+      if (!iterating) {
+        return iteratorDone();
+      }
+      var step = iterator.next();
+      if (step.done) {
+        return step;
+      }
+      var entry = step.value;
+      var k = entry[0];
+      var v = entry[1];
+      if (!predicate.call(context, v, k, this$1$1)) {
+        iterating = false;
+        return iteratorDone();
+      }
+      return type === ITERATE_ENTRIES ? step : iteratorValue(type, k, v, step);
+    });
+  };
+  return takeSequence;
+}
+
+function skipWhileFactory(collection, predicate, context, useKeys) {
+  var skipSequence = makeSequence(collection);
+  skipSequence.__iterateUncached = function (fn, reverse) {
+    var this$1$1 = this;
+
+    if (reverse) {
+      return this.cacheResult().__iterate(fn, reverse);
+    }
+    var isSkipping = true;
+    var iterations = 0;
+    collection.__iterate(function (v, k, c) {
+      if (!(isSkipping && (isSkipping = predicate.call(context, v, k, c)))) {
+        iterations++;
+        return fn(v, useKeys ? k : iterations - 1, this$1$1);
+      }
+    });
+    return iterations;
+  };
+  skipSequence.__iteratorUncached = function (type, reverse) {
+    var this$1$1 = this;
+
+    if (reverse) {
+      return this.cacheResult().__iterator(type, reverse);
+    }
+    var iterator = collection.__iterator(ITERATE_ENTRIES, reverse);
+    var skipping = true;
+    var iterations = 0;
+    return new Iterator(function () {
+      var step;
+      var k;
+      var v;
+      do {
+        step = iterator.next();
+        if (step.done) {
+          if (useKeys || type === ITERATE_VALUES) {
+            return step;
+          }
+          if (type === ITERATE_KEYS) {
+            return iteratorValue(type, iterations++, undefined, step);
+          }
+          return iteratorValue(type, iterations++, step.value[1], step);
+        }
+        var entry = step.value;
+        k = entry[0];
+        v = entry[1];
+        // eslint-disable-next-line @typescript-eslint/no-unused-expressions -- TODO enable eslint here
+        skipping && (skipping = predicate.call(context, v, k, this$1$1));
+      } while (skipping);
+      return type === ITERATE_ENTRIES ? step : iteratorValue(type, k, v, step);
+    });
+  };
+  return skipSequence;
+}
+
+var ConcatSeq = /*@__PURE__*/(function (Seq) {
+  function ConcatSeq(iterables) {
+    this._wrappedIterables = iterables.flatMap(function (iterable) {
+      if (iterable._wrappedIterables) {
+        return iterable._wrappedIterables;
+      }
+      return [iterable];
+    });
+    this.size = this._wrappedIterables.reduce(function (sum, iterable) {
+      if (sum !== undefined) {
+        var size = iterable.size;
+        if (size !== undefined) {
+          return sum + size;
+        }
+      }
+    }, 0);
+    this[IS_KEYED_SYMBOL] = this._wrappedIterables[0][IS_KEYED_SYMBOL];
+    this[IS_INDEXED_SYMBOL] = this._wrappedIterables[0][IS_INDEXED_SYMBOL];
+    this[IS_ORDERED_SYMBOL] = this._wrappedIterables[0][IS_ORDERED_SYMBOL];
+  }
+
+  if ( Seq ) ConcatSeq.__proto__ = Seq;
+  ConcatSeq.prototype = Object.create( Seq && Seq.prototype );
+  ConcatSeq.prototype.constructor = ConcatSeq;
+
+  ConcatSeq.prototype.__iterateUncached = function __iterateUncached (fn, reverse) {
+    if (this._wrappedIterables.length === 0) {
+      return;
+    }
+
+    if (reverse) {
+      return this.cacheResult().__iterate(fn, reverse);
+    }
+
+    var iterableIndex = 0;
+    var useKeys = isKeyed(this);
+    var iteratorType = useKeys ? ITERATE_ENTRIES : ITERATE_VALUES;
+    var currentIterator = this._wrappedIterables[iterableIndex].__iterator(
+      iteratorType,
+      reverse
+    );
+
+    var keepGoing = true;
+    var index = 0;
+    while (keepGoing) {
+      var next = currentIterator.next();
+      while (next.done) {
+        iterableIndex++;
+        if (iterableIndex === this._wrappedIterables.length) {
+          return index;
+        }
+        currentIterator = this._wrappedIterables[iterableIndex].__iterator(
+          iteratorType,
+          reverse
+        );
+        next = currentIterator.next();
+      }
+      var fnResult = useKeys
+        ? fn(next.value[1], next.value[0], this)
+        : fn(next.value, index, this);
+      keepGoing = fnResult !== false;
+      index++;
+    }
+    return index;
+  };
+
+  ConcatSeq.prototype.__iteratorUncached = function __iteratorUncached (type, reverse) {
+    var this$1$1 = this;
+
+    if (this._wrappedIterables.length === 0) {
+      return new Iterator(iteratorDone);
+    }
+
+    if (reverse) {
+      return this.cacheResult().__iterator(type, reverse);
+    }
+
+    var iterableIndex = 0;
+    var currentIterator = this._wrappedIterables[iterableIndex].__iterator(
+      type,
+      reverse
+    );
+    return new Iterator(function () {
+      var next = currentIterator.next();
+      while (next.done) {
+        iterableIndex++;
+        if (iterableIndex === this$1$1._wrappedIterables.length) {
+          return next;
+        }
+        currentIterator = this$1$1._wrappedIterables[iterableIndex].__iterator(
+          type,
+          reverse
+        );
+        next = currentIterator.next();
+      }
+      return next;
+    });
+  };
+
+  return ConcatSeq;
+}(Seq));
+
+function concatFactory(collection, values) {
+  var isKeyedCollection = isKeyed(collection);
+  var iters = [collection]
+    .concat(values)
+    .map(function (v) {
+      if (!isCollection(v)) {
+        v = isKeyedCollection
+          ? keyedSeqFromValue(v)
+          : indexedSeqFromValue(Array.isArray(v) ? v : [v]);
+      } else if (isKeyedCollection) {
+        v = KeyedCollection(v);
+      }
+      return v;
+    })
+    .filter(function (v) { return v.size !== 0; });
+
+  if (iters.length === 0) {
+    return collection;
+  }
+
+  if (iters.length === 1) {
+    var singleton = iters[0];
+    if (
+      singleton === collection ||
+      (isKeyedCollection && isKeyed(singleton)) ||
+      (isIndexed(collection) && isIndexed(singleton))
+    ) {
+      return singleton;
+    }
+  }
+
+  return new ConcatSeq(iters);
+}
+
+function flattenFactory(collection, depth, useKeys) {
+  var flatSequence = makeSequence(collection);
+  flatSequence.__iterateUncached = function (fn, reverse) {
+    if (reverse) {
+      return this.cacheResult().__iterate(fn, reverse);
+    }
+    var iterations = 0;
+    var stopped = false;
+    function flatDeep(iter, currentDepth) {
+      iter.__iterate(function (v, k) {
+        if ((!depth || currentDepth < depth) && isCollection(v)) {
+          flatDeep(v, currentDepth + 1);
+        } else {
+          iterations++;
+          if (fn(v, useKeys ? k : iterations - 1, flatSequence) === false) {
+            stopped = true;
+          }
+        }
+        return !stopped;
+      }, reverse);
+    }
+    flatDeep(collection, 0);
+    return iterations;
+  };
+  flatSequence.__iteratorUncached = function (type, reverse) {
+    if (reverse) {
+      return this.cacheResult().__iterator(type, reverse);
+    }
+    var iterator = collection.__iterator(type, reverse);
+    var stack = [];
+    var iterations = 0;
+    return new Iterator(function () {
+      while (iterator) {
+        var step = iterator.next();
+        if (step.done !== false) {
+          iterator = stack.pop();
+          continue;
+        }
+        var v = step.value;
+        if (type === ITERATE_ENTRIES) {
+          v = v[1];
+        }
+        if ((!depth || stack.length < depth) && isCollection(v)) {
+          stack.push(iterator);
+          iterator = v.__iterator(type, reverse);
+        } else {
+          return useKeys ? step : iteratorValue(type, iterations++, v, step);
+        }
+      }
+      return iteratorDone();
+    });
+  };
+  return flatSequence;
+}
+
+function flatMapFactory(collection, mapper, context) {
+  var coerce = collectionClass(collection);
+  return collection
+    .toSeq()
+    .map(function (v, k) { return coerce(mapper.call(context, v, k, collection)); })
+    .flatten(true);
+}
+
+function interposeFactory(collection, separator) {
+  var interposedSequence = makeSequence(collection);
+  interposedSequence.size = collection.size && collection.size * 2 - 1;
+  interposedSequence.__iterateUncached = function (fn, reverse) {
+    var this$1$1 = this;
+
+    var iterations = 0;
+    collection.__iterate(
+      function (v) { return (!iterations || fn(separator, iterations++, this$1$1) !== false) &&
+        fn(v, iterations++, this$1$1) !== false; },
+      reverse
+    );
+    return iterations;
+  };
+  interposedSequence.__iteratorUncached = function (type, reverse) {
+    var iterator = collection.__iterator(ITERATE_VALUES, reverse);
+    var iterations = 0;
+    var step;
+    return new Iterator(function () {
+      if (!step || iterations % 2) {
+        step = iterator.next();
+        if (step.done) {
+          return step;
+        }
+      }
+      return iterations % 2
+        ? iteratorValue(type, iterations++, separator)
+        : iteratorValue(type, iterations++, step.value, step);
+    });
+  };
+  return interposedSequence;
+}
+
+function sortFactory(collection, comparator, mapper) {
+  if (!comparator) {
+    comparator = defaultComparator;
+  }
+  var isKeyedCollection = isKeyed(collection);
+  var index = 0;
+  var entries = collection
+    .toSeq()
+    .map(function (v, k) { return [k, v, index++, mapper ? mapper(v, k, collection) : v]; })
+    .valueSeq()
+    .toArray();
+  entries
+    .sort(function (a, b) { return comparator(a[3], b[3]) || a[2] - b[2]; })
+    .forEach(
+      isKeyedCollection
+        ? function (v, i) {
+            entries[i].length = 2;
+          }
+        : function (v, i) {
+            entries[i] = v[1];
+          }
+    );
+  return isKeyedCollection
+    ? KeyedSeq(entries)
+    : isIndexed(collection)
+      ? IndexedSeq(entries)
+      : SetSeq(entries);
+}
+
+function maxFactory(collection, comparator, mapper) {
+  if (!comparator) {
+    comparator = defaultComparator;
+  }
+  if (mapper) {
+    var entry = collection
+      .toSeq()
+      .map(function (v, k) { return [v, mapper(v, k, collection)]; })
+      .reduce(function (a, b) { return (maxCompare(comparator, a[1], b[1]) ? b : a); });
+    return entry && entry[0];
+  }
+  return collection.reduce(function (a, b) { return (maxCompare(comparator, a, b) ? b : a); });
+}
+
+function maxCompare(comparator, a, b) {
+  var comp = comparator(b, a);
+  // b is considered the new max if the comparator declares them equal, but
+  // they are not equal and b is in fact a nullish value.
+  return (
+    (comp === 0 && b !== a && (b === undefined || b === null || b !== b)) ||
+    comp > 0
+  );
+}
+
+function zipWithFactory(keyIter, zipper, iters, zipAll) {
+  var zipSequence = makeSequence(keyIter);
+  var sizes = new ArraySeq(iters).map(function (i) { return i.size; });
+  zipSequence.size = zipAll ? sizes.max() : sizes.min();
+  // Note: this a generic base implementation of __iterate in terms of
+  // __iterator which may be more generically useful in the future.
+  zipSequence.__iterate = function (fn, reverse) {
+    /* generic:
+    var iterator = this.__iterator(ITERATE_ENTRIES, reverse);
+    var step;
+    var iterations = 0;
+    while (!(step = iterator.next()).done) {
+      iterations++;
+      if (fn(step.value[1], step.value[0], this) === false) {
+        break;
+      }
+    }
+    return iterations;
+    */
+    // indexed:
+    var iterator = this.__iterator(ITERATE_VALUES, reverse);
+    var step;
+    var iterations = 0;
+    while (!(step = iterator.next()).done) {
+      if (fn(step.value, iterations++, this) === false) {
+        break;
+      }
+    }
+    return iterations;
+  };
+  zipSequence.__iteratorUncached = function (type, reverse) {
+    var iterators = iters.map(
+      function (i) { return ((i = Collection(i)), getIterator(reverse ? i.reverse() : i)); }
+    );
+    var iterations = 0;
+    var isDone = false;
+    return new Iterator(function () {
+      var steps;
+      if (!isDone) {
+        steps = iterators.map(function (i) { return i.next(); });
+        isDone = zipAll
+          ? steps.every(function (s) { return s.done; })
+          : steps.some(function (s) { return s.done; });
+      }
+      if (isDone) {
+        return iteratorDone();
+      }
+      return iteratorValue(
+        type,
+        iterations++,
+        zipper.apply(
+          null,
+          steps.map(function (s) { return s.value; })
+        )
+      );
+    });
+  };
+  return zipSequence;
+}
+
+// #pragma Helper Functions
+
+function reify(iter, seq) {
+  return iter === seq ? iter : isSeq(iter) ? seq : iter.constructor(seq);
+}
+
+function validateEntry(entry) {
+  if (entry !== Object(entry)) {
+    throw new TypeError('Expected [K, V] tuple: ' + entry);
+  }
+}
+
+function collectionClass(collection) {
+  return isKeyed(collection)
+    ? KeyedCollection
+    : isIndexed(collection)
+      ? IndexedCollection
+      : SetCollection;
+}
+
+function makeSequence(collection) {
+  return Object.create(
+    (isKeyed(collection)
+      ? KeyedSeq
+      : isIndexed(collection)
+        ? IndexedSeq
+        : SetSeq
+    ).prototype
+  );
+}
+
+function cacheResultThrough() {
+  if (this._iter.cacheResult) {
+    this._iter.cacheResult();
+    this.size = this._iter.size;
+    return this;
+  }
+  return Seq.prototype.cacheResult.call(this);
+}
+
+function defaultComparator(a, b) {
+  if (a === undefined && b === undefined) {
+    return 0;
+  }
+
+  if (a === undefined) {
+    return 1;
+  }
+
+  if (b === undefined) {
+    return -1;
+  }
+
+  return a > b ? 1 : a < b ? -1 : 0;
+}
+
+// http://jsperf.com/copy-array-inline
+function arrCopy(arr, offset) {
+    offset = offset || 0;
+    var len = Math.max(0, arr.length - offset);
+    var newArr = new Array(len);
+    for (var ii = 0; ii < len; ii++) {
+        // @ts-expect-error We may want to guard for undefined values with `if (arr[ii + offset] !== undefined`, but ths should not happen by design
+        newArr[ii] = arr[ii + offset];
+    }
+    return newArr;
+}
+
+function invariant(condition, error) {
+    if (!condition)
+        { throw new Error(error); }
+}
+
+function assertNotInfinite(size) {
+    invariant(size !== Infinity, 'Cannot perform this action with an infinite size.');
+}
+
+function coerceKeyPath(keyPath) {
+    if (isArrayLike(keyPath) && typeof keyPath !== 'string') {
+        return keyPath;
+    }
+    if (isOrdered(keyPath)) {
+        return keyPath.toArray();
+    }
+    throw new TypeError('Invalid keyPath: expected Ordered Collection or Array: ' + keyPath);
+}
+
+var toString = Object.prototype.toString;
+function isPlainObject(value) {
+    // The base prototype's toString deals with Argument objects and native namespaces like Math
+    if (!value ||
+        typeof value !== 'object' ||
+        toString.call(value) !== '[object Object]') {
+        return false;
+    }
+    var proto = Object.getPrototypeOf(value);
+    if (proto === null) {
+        return true;
+    }
+    // Iteratively going up the prototype chain is needed for cross-realm environments (differing contexts, iframes, etc)
+    var parentProto = proto;
+    var nextProto = Object.getPrototypeOf(proto);
+    while (nextProto !== null) {
+        parentProto = nextProto;
+        nextProto = Object.getPrototypeOf(parentProto);
+    }
+    return parentProto === proto;
+}
+
+/**
+ * Returns true if the value is a potentially-persistent data structure, either
+ * provided by Immutable.js or a plain Array or Object.
+ */
+function isDataStructure(value) {
+    return (typeof value === 'object' &&
+        (isImmutable(value) || Array.isArray(value) || isPlainObject(value)));
+}
+
+/**
+ * Converts a value to a string, adding quotes if a string was provided.
+ */
+function quoteString(value) {
+    try {
+        return typeof value === 'string' ? JSON.stringify(value) : String(value);
+        // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    }
+    catch (_ignoreError) {
+        return JSON.stringify(value);
+    }
+}
+
+/**
+ * Returns true if the key is defined in the provided collection.
+ *
+ * A functional alternative to `collection.has(key)` which will also work with
+ * plain Objects and Arrays as an alternative for
+ * `collection.hasOwnProperty(key)`.
+ */
+function has(collection, key) {
+    return isImmutable(collection)
+        ? // @ts-expect-error key might be a number or symbol, which is not handled be Record key type
+            collection.has(key)
+        : // @ts-expect-error key might be anything else than PropertyKey, and will return false in that case but runtime is OK
+            isDataStructure(collection) && hasOwnProperty.call(collection, key);
+}
+
+function get(collection, key, notSetValue) {
+    return isImmutable(collection)
+        ? collection.get(key, notSetValue)
+        : !has(collection, key)
+            ? notSetValue
+            : // @ts-expect-error weird "get" here,
+                typeof collection.get === 'function'
+                    ? // @ts-expect-error weird "get" here,
+                        collection.get(key)
+                    : // @ts-expect-error key is unknown here,
+                        collection[key];
+}
+
+function shallowCopy(from) {
+    if (Array.isArray(from)) {
+        return arrCopy(from);
+    }
+    var to = {};
+    for (var key in from) {
+        if (hasOwnProperty.call(from, key)) {
+            to[key] = from[key];
+        }
+    }
+    return to;
+}
+
+function remove(collection, key) {
+    if (!isDataStructure(collection)) {
+        throw new TypeError('Cannot update non-data-structure value: ' + collection);
+    }
+    if (isImmutable(collection)) {
+        // @ts-expect-error weird "remove" here,
+        if (!collection.remove) {
+            throw new TypeError('Cannot update immutable value without .remove() method: ' + collection);
+        }
+        // @ts-expect-error weird "remove" here,
+        return collection.remove(key);
+    }
+    // @ts-expect-error assert that key is a string, a number or a symbol here
+    if (!hasOwnProperty.call(collection, key)) {
+        return collection;
+    }
+    var collectionCopy = shallowCopy(collection);
+    if (Array.isArray(collectionCopy)) {
+        // @ts-expect-error assert that key is a number here
+        collectionCopy.splice(key, 1);
+    }
+    else {
+        // @ts-expect-error assert that key is a string, a number or a symbol here
+        delete collectionCopy[key];
+    }
+    return collectionCopy;
+}
+
+function set(collection, key, value) {
+    if (!isDataStructure(collection)) {
+        throw new TypeError('Cannot update non-data-structure value: ' + collection);
+    }
+    if (isImmutable(collection)) {
+        // @ts-expect-error weird "set" here,
+        if (!collection.set) {
+            throw new TypeError('Cannot update immutable value without .set() method: ' + collection);
+        }
+        // @ts-expect-error weird "set" here,
+        return collection.set(key, value);
+    }
+    // @ts-expect-error mix of key and string here. Probably need a more fine type here
+    if (hasOwnProperty.call(collection, key) && value === collection[key]) {
+        return collection;
+    }
+    var collectionCopy = shallowCopy(collection);
+    // @ts-expect-error mix of key and string here. Probably need a more fine type here
+    collectionCopy[key] = value;
+    return collectionCopy;
+}
+
+function updateIn$1(collection, keyPath, notSetValue, updater) {
+    if (!updater) {
+        // handle the fact that `notSetValue` is optional here, in that case `updater` is the updater function
+        // @ts-expect-error updater is a function here
+        updater = notSetValue;
+        notSetValue = undefined;
+    }
+    var updatedValue = updateInDeeply(isImmutable(collection), 
+    // @ts-expect-error type issues with Record and mixed types
+    collection, coerceKeyPath(keyPath), 0, notSetValue, updater);
+    // @ts-expect-error mixed return type
+    return updatedValue === NOT_SET ? notSetValue : updatedValue;
+}
+function updateInDeeply(inImmutable, existing, keyPath, i, notSetValue, updater) {
+    var wasNotSet = existing === NOT_SET;
+    if (i === keyPath.length) {
+        var existingValue = wasNotSet ? notSetValue : existing;
+        // @ts-expect-error mixed type with optional value
+        var newValue = updater(existingValue);
+        // @ts-expect-error mixed type
+        return newValue === existingValue ? existing : newValue;
+    }
+    if (!wasNotSet && !isDataStructure(existing)) {
+        throw new TypeError('Cannot update within non-data-structure value in path [' +
+            Array.from(keyPath).slice(0, i).map(quoteString) +
+            ']: ' +
+            existing);
+    }
+    var key = keyPath[i];
+    var nextExisting = wasNotSet ? NOT_SET : get(existing, key, NOT_SET);
+    var nextUpdated = updateInDeeply(nextExisting === NOT_SET ? inImmutable : isImmutable(nextExisting), 
+    // @ts-expect-error mixed type
+    nextExisting, keyPath, i + 1, notSetValue, updater);
+    return nextUpdated === nextExisting
+        ? existing
+        : nextUpdated === NOT_SET
+            ? remove(existing, key)
+            : set(wasNotSet ? (inImmutable ? emptyMap() : {}) : existing, key, nextUpdated);
+}
+
+/**
+ * Returns a copy of the collection with the value at the key path set to the
+ * provided value.
+ *
+ * A functional alternative to `collection.setIn(keypath)` which will also
+ * work with plain Objects and Arrays.
+ */
+function setIn$1(collection, keyPath, value) {
+    return updateIn$1(collection, keyPath, NOT_SET, function () { return value; });
+}
+
+function setIn(keyPath, v) {
+  return setIn$1(this, keyPath, v);
+}
+
+/**
+ * Returns a copy of the collection with the value at the key path removed.
+ *
+ * A functional alternative to `collection.removeIn(keypath)` which will also
+ * work with plain Objects and Arrays.
+ */
+function removeIn(collection, keyPath) {
+    return updateIn$1(collection, keyPath, function () { return NOT_SET; });
+}
+
+function deleteIn(keyPath) {
+  return removeIn(this, keyPath);
+}
+
+function update$1(collection, key, notSetValue, updater) {
+    return updateIn$1(
+    // @ts-expect-error Index signature for type string is missing in type V[]
+    collection, [key], notSetValue, updater);
+}
+
+function update(key, notSetValue, updater) {
+  return arguments.length === 1
+    ? key(this)
+    : update$1(this, key, notSetValue, updater);
+}
+
+function updateIn(keyPath, notSetValue, updater) {
+  return updateIn$1(this, keyPath, notSetValue, updater);
+}
+
+function merge$1() {
+  var iters = [], len = arguments.length;
+  while ( len-- ) iters[ len ] = arguments[ len ];
+
+  return mergeIntoKeyedWith(this, iters);
+}
+
+function mergeWith$1(merger) {
+  var iters = [], len = arguments.length - 1;
+  while ( len-- > 0 ) iters[ len ] = arguments[ len + 1 ];
+
+  if (typeof merger !== 'function') {
+    throw new TypeError('Invalid merger function: ' + merger);
+  }
+  return mergeIntoKeyedWith(this, iters, merger);
+}
+
+function mergeIntoKeyedWith(collection, collections, merger) {
+  var iters = [];
+  for (var ii = 0; ii < collections.length; ii++) {
+    var collection$1 = KeyedCollection(collections[ii]);
+    if (collection$1.size !== 0) {
+      iters.push(collection$1);
+    }
+  }
+  if (iters.length === 0) {
+    return collection;
+  }
+  if (
+    collection.toSeq().size === 0 &&
+    !collection.__ownerID &&
+    iters.length === 1
+  ) {
+    return isRecord(collection)
+      ? collection // Record is empty and will not be updated: return the same instance
+      : collection.constructor(iters[0]);
+  }
+  return collection.withMutations(function (collection) {
+    var mergeIntoCollection = merger
+      ? function (value, key) {
+          update$1(collection, key, NOT_SET, function (oldVal) { return oldVal === NOT_SET ? value : merger(oldVal, value, key); }
+          );
+        }
+      : function (value, key) {
+          collection.set(key, value);
+        };
+    for (var ii = 0; ii < iters.length; ii++) {
+      iters[ii].forEach(mergeIntoCollection);
+    }
+  });
+}
+
+function merge(collection) {
+  var sources = [], len = arguments.length - 1;
+  while ( len-- > 0 ) sources[ len ] = arguments[ len + 1 ];
+
+  return mergeWithSources(collection, sources);
+}
+
+function mergeWith(merger, collection) {
+  var sources = [], len = arguments.length - 2;
+  while ( len-- > 0 ) sources[ len ] = arguments[ len + 2 ];
+
+  return mergeWithSources(collection, sources, merger);
+}
+
+function mergeDeep$1(collection) {
+  var sources = [], len = arguments.length - 1;
+  while ( len-- > 0 ) sources[ len ] = arguments[ len + 1 ];
+
+  return mergeDeepWithSources(collection, sources);
+}
+
+function mergeDeepWith$1(merger, collection) {
+  var sources = [], len = arguments.length - 2;
+  while ( len-- > 0 ) sources[ len ] = arguments[ len + 2 ];
+
+  return mergeDeepWithSources(collection, sources, merger);
+}
+
+function mergeDeepWithSources(collection, sources, merger) {
+  return mergeWithSources(collection, sources, deepMergerWith(merger));
+}
+
+function mergeWithSources(collection, sources, merger) {
+  if (!isDataStructure(collection)) {
+    throw new TypeError(
+      'Cannot merge into non-data-structure value: ' + collection
+    );
+  }
+  if (isImmutable(collection)) {
+    return typeof merger === 'function' && collection.mergeWith
+      ? collection.mergeWith.apply(collection, [ merger ].concat( sources ))
+      : collection.merge
+        ? collection.merge.apply(collection, sources)
+        : collection.concat.apply(collection, sources);
+  }
+  var isArray = Array.isArray(collection);
+  var merged = collection;
+  var Collection = isArray ? IndexedCollection : KeyedCollection;
+  var mergeItem = isArray
+    ? function (value) {
+        // Copy on write
+        if (merged === collection) {
+          merged = shallowCopy(merged);
+        }
+        merged.push(value);
+      }
+    : function (value, key) {
+        var hasVal = hasOwnProperty.call(merged, key);
+        var nextVal =
+          hasVal && merger ? merger(merged[key], value, key) : value;
+        if (!hasVal || nextVal !== merged[key]) {
+          // Copy on write
+          if (merged === collection) {
+            merged = shallowCopy(merged);
+          }
+          merged[key] = nextVal;
+        }
+      };
+  for (var i = 0; i < sources.length; i++) {
+    Collection(sources[i]).forEach(mergeItem);
+  }
+  return merged;
+}
+
+function deepMergerWith(merger) {
+  function deepMerger(oldValue, newValue, key) {
+    return isDataStructure(oldValue) &&
+      isDataStructure(newValue) &&
+      areMergeable(oldValue, newValue)
+      ? mergeWithSources(oldValue, [newValue], deepMerger)
+      : merger
+        ? merger(oldValue, newValue, key)
+        : newValue;
+  }
+  return deepMerger;
+}
+
+/**
+ * It's unclear what the desired behavior is for merging two collections that
+ * fall into separate categories between keyed, indexed, or set-like, so we only
+ * consider them mergeable if they fall into the same category.
+ */
+function areMergeable(oldDataStructure, newDataStructure) {
+  var oldSeq = Seq(oldDataStructure);
+  var newSeq = Seq(newDataStructure);
+  // This logic assumes that a sequence can only fall into one of the three
+  // categories mentioned above (since there's no `isSetLike()` method).
+  return (
+    isIndexed(oldSeq) === isIndexed(newSeq) &&
+    isKeyed(oldSeq) === isKeyed(newSeq)
+  );
+}
+
+function mergeDeep() {
+  var iters = [], len = arguments.length;
+  while ( len-- ) iters[ len ] = arguments[ len ];
+
+  return mergeDeepWithSources(this, iters);
+}
+
+function mergeDeepWith(merger) {
+  var iters = [], len = arguments.length - 1;
+  while ( len-- > 0 ) iters[ len ] = arguments[ len + 1 ];
+
+  return mergeDeepWithSources(this, iters, merger);
+}
+
+function mergeIn(keyPath) {
+  var iters = [], len = arguments.length - 1;
+  while ( len-- > 0 ) iters[ len ] = arguments[ len + 1 ];
+
+  return updateIn$1(this, keyPath, emptyMap(), function (m) { return mergeWithSources(m, iters); });
+}
+
+function mergeDeepIn(keyPath) {
+  var iters = [], len = arguments.length - 1;
+  while ( len-- > 0 ) iters[ len ] = arguments[ len + 1 ];
+
+  return updateIn$1(this, keyPath, emptyMap(), function (m) { return mergeDeepWithSources(m, iters); }
+  );
+}
+
+function withMutations(fn) {
+  var mutable = this.asMutable();
+  fn(mutable);
+  return mutable.wasAltered() ? mutable.__ensureOwner(this.__ownerID) : this;
+}
+
+function asMutable() {
+  return this.__ownerID ? this : this.__ensureOwner(new OwnerID());
+}
+
+function asImmutable() {
+  return this.__ensureOwner();
+}
+
+function wasAltered() {
+  return this.__altered;
+}
+
+var Map = /*@__PURE__*/(function (KeyedCollection) {
+  function Map(value) {
+    // eslint-disable-next-line no-constructor-return
+    return value === undefined || value === null
+      ? emptyMap()
+      : isMap(value) && !isOrdered(value)
+        ? value
+        : emptyMap().withMutations(function (map) {
+            var iter = KeyedCollection(value);
+            assertNotInfinite(iter.size);
+            iter.forEach(function (v, k) { return map.set(k, v); });
+          });
+  }
+
+  if ( KeyedCollection ) Map.__proto__ = KeyedCollection;
+  Map.prototype = Object.create( KeyedCollection && KeyedCollection.prototype );
+  Map.prototype.constructor = Map;
+
+  Map.prototype.toString = function toString () {
+    return this.__toString('Map {', '}');
+  };
+
+  // @pragma Access
+
+  Map.prototype.get = function get (k, notSetValue) {
+    return this._root
+      ? this._root.get(0, undefined, k, notSetValue)
+      : notSetValue;
+  };
+
+  // @pragma Modification
+
+  Map.prototype.set = function set (k, v) {
+    return updateMap(this, k, v);
+  };
+
+  Map.prototype.remove = function remove (k) {
+    return updateMap(this, k, NOT_SET);
+  };
+
+  Map.prototype.deleteAll = function deleteAll (keys) {
+    var collection = Collection(keys);
+
+    if (collection.size === 0) {
+      return this;
+    }
+
+    return this.withMutations(function (map) {
+      collection.forEach(function (key) { return map.remove(key); });
+    });
+  };
+
+  Map.prototype.clear = function clear () {
+    if (this.size === 0) {
+      return this;
+    }
+    if (this.__ownerID) {
+      this.size = 0;
+      this._root = null;
+      this.__hash = undefined;
+      this.__altered = true;
+      return this;
+    }
+    return emptyMap();
+  };
+
+  // @pragma Composition
+
+  Map.prototype.sort = function sort (comparator) {
+    // Late binding
+    return OrderedMap(sortFactory(this, comparator));
+  };
+
+  Map.prototype.sortBy = function sortBy (mapper, comparator) {
+    // Late binding
+    return OrderedMap(sortFactory(this, comparator, mapper));
+  };
+
+  Map.prototype.map = function map (mapper, context) {
+    var this$1$1 = this;
+
+    return this.withMutations(function (map) {
+      map.forEach(function (value, key) {
+        map.set(key, mapper.call(context, value, key, this$1$1));
+      });
+    });
+  };
+
+  // @pragma Mutability
+
+  Map.prototype.__iterator = function __iterator (type, reverse) {
+    return new MapIterator(this, type, reverse);
+  };
+
+  Map.prototype.__iterate = function __iterate (fn, reverse) {
+    var this$1$1 = this;
+
+    var iterations = 0;
+    // eslint-disable-next-line @typescript-eslint/no-unused-expressions -- TODO enable eslint here
+    this._root &&
+      this._root.iterate(function (entry) {
+        iterations++;
+        return fn(entry[1], entry[0], this$1$1);
+      }, reverse);
+    return iterations;
+  };
+
+  Map.prototype.__ensureOwner = function __ensureOwner (ownerID) {
+    if (ownerID === this.__ownerID) {
+      return this;
+    }
+    if (!ownerID) {
+      if (this.size === 0) {
+        return emptyMap();
+      }
+      this.__ownerID = ownerID;
+      this.__altered = false;
+      return this;
+    }
+    return makeMap(this.size, this._root, ownerID, this.__hash);
+  };
+
+  return Map;
+}(KeyedCollection));
+
+Map.isMap = isMap;
+
+var MapPrototype = Map.prototype;
+MapPrototype[IS_MAP_SYMBOL] = true;
+MapPrototype[DELETE] = MapPrototype.remove;
+MapPrototype.removeAll = MapPrototype.deleteAll;
+MapPrototype.setIn = setIn;
+MapPrototype.removeIn = MapPrototype.deleteIn = deleteIn;
+MapPrototype.update = update;
+MapPrototype.updateIn = updateIn;
+MapPrototype.merge = MapPrototype.concat = merge$1;
+MapPrototype.mergeWith = mergeWith$1;
+MapPrototype.mergeDeep = mergeDeep;
+MapPrototype.mergeDeepWith = mergeDeepWith;
+MapPrototype.mergeIn = mergeIn;
+MapPrototype.mergeDeepIn = mergeDeepIn;
+MapPrototype.withMutations = withMutations;
+MapPrototype.wasAltered = wasAltered;
+MapPrototype.asImmutable = asImmutable;
+MapPrototype['@@transducer/init'] = MapPrototype.asMutable = asMutable;
+MapPrototype['@@transducer/step'] = function (result, arr) {
+  return result.set(arr[0], arr[1]);
+};
+MapPrototype['@@transducer/result'] = function (obj) {
+  return obj.asImmutable();
+};
+
+// #pragma Trie Nodes
+
+var ArrayMapNode = function ArrayMapNode(ownerID, entries) {
+  this.ownerID = ownerID;
+  this.entries = entries;
+};
+
+ArrayMapNode.prototype.get = function get (shift, keyHash, key, notSetValue) {
+  var entries = this.entries;
+  for (var ii = 0, len = entries.length; ii < len; ii++) {
+    if (is(key, entries[ii][0])) {
+      return entries[ii][1];
+    }
+  }
+  return notSetValue;
+};
+
+ArrayMapNode.prototype.update = function update (ownerID, shift, keyHash, key, value, didChangeSize, didAlter) {
+  var removed = value === NOT_SET;
+
+  var entries = this.entries;
+  var idx = 0;
+  var len = entries.length;
+  for (; idx < len; idx++) {
+    if (is(key, entries[idx][0])) {
+      break;
+    }
+  }
+  var exists = idx < len;
+
+  if (exists ? entries[idx][1] === value : removed) {
+    return this;
+  }
+
+  SetRef(didAlter);
+  // eslint-disable-next-line @typescript-eslint/no-unused-expressions -- TODO enable eslint here
+  (removed || !exists) && SetRef(didChangeSize);
+
+  if (removed && entries.length === 1) {
+    return; // undefined
+  }
+
+  if (!exists && !removed && entries.length >= MAX_ARRAY_MAP_SIZE) {
+    return createNodes(ownerID, entries, key, value);
+  }
+
+  var isEditable = ownerID && ownerID === this.ownerID;
+  var newEntries = isEditable ? entries : arrCopy(entries);
+
+  if (exists) {
+    if (removed) {
+      // eslint-disable-next-line @typescript-eslint/no-unused-expressions -- TODO enable eslint here
+      idx === len - 1
+        ? newEntries.pop()
+        : (newEntries[idx] = newEntries.pop());
+    } else {
+      newEntries[idx] = [key, value];
+    }
+  } else {
+    newEntries.push([key, value]);
+  }
+
+  if (isEditable) {
+    this.entries = newEntries;
+    return this;
+  }
+
+  return new ArrayMapNode(ownerID, newEntries);
+};
+
+var BitmapIndexedNode = function BitmapIndexedNode(ownerID, bitmap, nodes) {
+  this.ownerID = ownerID;
+  this.bitmap = bitmap;
+  this.nodes = nodes;
+};
+
+BitmapIndexedNode.prototype.get = function get (shift, keyHash, key, notSetValue) {
+  if (keyHash === undefined) {
+    keyHash = hash(key);
+  }
+  var bit = 1 << ((shift === 0 ? keyHash : keyHash >>> shift) & MASK);
+  var bitmap = this.bitmap;
+  return (bitmap & bit) === 0
+    ? notSetValue
+    : this.nodes[popCount(bitmap & (bit - 1))].get(
+        shift + SHIFT,
+        keyHash,
+        key,
+        notSetValue
+      );
+};
+
+BitmapIndexedNode.prototype.update = function update (ownerID, shift, keyHash, key, value, didChangeSize, didAlter) {
+  if (keyHash === undefined) {
+    keyHash = hash(key);
+  }
+  var keyHashFrag = (shift === 0 ? keyHash : keyHash >>> shift) & MASK;
+  var bit = 1 << keyHashFrag;
+  var bitmap = this.bitmap;
+  var exists = (bitmap & bit) !== 0;
+
+  if (!exists && value === NOT_SET) {
+    return this;
+  }
+
+  var idx = popCount(bitmap & (bit - 1));
+  var nodes = this.nodes;
+  var node = exists ? nodes[idx] : undefined;
+  var newNode = updateNode(
+    node,
+    ownerID,
+    shift + SHIFT,
+    keyHash,
+    key,
+    value,
+    didChangeSize,
+    didAlter
+  );
+
+  if (newNode === node) {
+    return this;
+  }
+
+  if (!exists && newNode && nodes.length >= MAX_BITMAP_INDEXED_SIZE) {
+    return expandNodes(ownerID, nodes, bitmap, keyHashFrag, newNode);
+  }
+
+  if (
+    exists &&
+    !newNode &&
+    nodes.length === 2 &&
+    isLeafNode(nodes[idx ^ 1])
+  ) {
+    return nodes[idx ^ 1];
+  }
+
+  if (exists && newNode && nodes.length === 1 && isLeafNode(newNode)) {
+    return newNode;
+  }
+
+  var isEditable = ownerID && ownerID === this.ownerID;
+  var newBitmap = exists ? (newNode ? bitmap : bitmap ^ bit) : bitmap | bit;
+  var newNodes = exists
+    ? newNode
+      ? setAt(nodes, idx, newNode, isEditable)
+      : spliceOut(nodes, idx, isEditable)
+    : spliceIn(nodes, idx, newNode, isEditable);
+
+  if (isEditable) {
+    this.bitmap = newBitmap;
+    this.nodes = newNodes;
+    return this;
+  }
+
+  return new BitmapIndexedNode(ownerID, newBitmap, newNodes);
+};
+
+var HashArrayMapNode = function HashArrayMapNode(ownerID, count, nodes) {
+  this.ownerID = ownerID;
+  this.count = count;
+  this.nodes = nodes;
+};
+
+HashArrayMapNode.prototype.get = function get (shift, keyHash, key, notSetValue) {
+  if (keyHash === undefined) {
+    keyHash = hash(key);
+  }
+  var idx = (shift === 0 ? keyHash : keyHash >>> shift) & MASK;
+  var node = this.nodes[idx];
+  return node
+    ? node.get(shift + SHIFT, keyHash, key, notSetValue)
+    : notSetValue;
+};
+
+HashArrayMapNode.prototype.update = function update (ownerID, shift, keyHash, key, value, didChangeSize, didAlter) {
+  if (keyHash === undefined) {
+    keyHash = hash(key);
+  }
+  var idx = (shift === 0 ? keyHash : keyHash >>> shift) & MASK;
+  var removed = value === NOT_SET;
+  var nodes = this.nodes;
+  var node = nodes[idx];
+
+  if (removed && !node) {
+    return this;
+  }
+
+  var newNode = updateNode(
+    node,
+    ownerID,
+    shift + SHIFT,
+    keyHash,
+    key,
+    value,
+    didChangeSize,
+    didAlter
+  );
+  if (newNode === node) {
+    return this;
+  }
+
+  var newCount = this.count;
+  if (!node) {
+    newCount++;
+  } else if (!newNode) {
+    newCount--;
+    if (newCount < MIN_HASH_ARRAY_MAP_SIZE) {
+      return packNodes(ownerID, nodes, newCount, idx);
+    }
+  }
+
+  var isEditable = ownerID && ownerID === this.ownerID;
+  var newNodes = setAt(nodes, idx, newNode, isEditable);
+
+  if (isEditable) {
+    this.count = newCount;
+    this.nodes = newNodes;
+    return this;
+  }
+
+  return new HashArrayMapNode(ownerID, newCount, newNodes);
+};
+
+var HashCollisionNode = function HashCollisionNode(ownerID, keyHash, entries) {
+  this.ownerID = ownerID;
+  this.keyHash = keyHash;
+  this.entries = entries;
+};
+
+HashCollisionNode.prototype.get = function get (shift, keyHash, key, notSetValue) {
+  var entries = this.entries;
+  for (var ii = 0, len = entries.length; ii < len; ii++) {
+    if (is(key, entries[ii][0])) {
+      return entries[ii][1];
+    }
+  }
+  return notSetValue;
+};
+
+HashCollisionNode.prototype.update = function update (ownerID, shift, keyHash, key, value, didChangeSize, didAlter) {
+  if (keyHash === undefined) {
+    keyHash = hash(key);
+  }
+
+  var removed = value === NOT_SET;
+
+  if (keyHash !== this.keyHash) {
+    if (removed) {
+      return this;
+    }
+    SetRef(didAlter);
+    SetRef(didChangeSize);
+    return mergeIntoNode(this, ownerID, shift, keyHash, [key, value]);
+  }
+
+  var entries = this.entries;
+  var idx = 0;
+  var len = entries.length;
+  for (; idx < len; idx++) {
+    if (is(key, entries[idx][0])) {
+      break;
+    }
+  }
+  var exists = idx < len;
+
+  if (exists ? entries[idx][1] === value : removed) {
+    return this;
+  }
+
+  SetRef(didAlter);
+  // eslint-disable-next-line @typescript-eslint/no-unused-expressions -- TODO enable eslint here
+  (removed || !exists) && SetRef(didChangeSize);
+
+  if (removed && len === 2) {
+    return new ValueNode(ownerID, this.keyHash, entries[idx ^ 1]);
+  }
+
+  var isEditable = ownerID && ownerID === this.ownerID;
+  var newEntries = isEditable ? entries : arrCopy(entries);
+
+  if (exists) {
+    if (removed) {
+      // eslint-disable-next-line @typescript-eslint/no-unused-expressions -- TODO enable eslint here
+      idx === len - 1
+        ? newEntries.pop()
+        : (newEntries[idx] = newEntries.pop());
+    } else {
+      newEntries[idx] = [key, value];
+    }
+  } else {
+    newEntries.push([key, value]);
+  }
+
+  if (isEditable) {
+    this.entries = newEntries;
+    return this;
+  }
+
+  return new HashCollisionNode(ownerID, this.keyHash, newEntries);
+};
+
+var ValueNode = function ValueNode(ownerID, keyHash, entry) {
+  this.ownerID = ownerID;
+  this.keyHash = keyHash;
+  this.entry = entry;
+};
+
+ValueNode.prototype.get = function get (shift, keyHash, key, notSetValue) {
+  return is(key, this.entry[0]) ? this.entry[1] : notSetValue;
+};
+
+ValueNode.prototype.update = function update (ownerID, shift, keyHash, key, value, didChangeSize, didAlter) {
+  var removed = value === NOT_SET;
+  var keyMatch = is(key, this.entry[0]);
+  if (keyMatch ? value === this.entry[1] : removed) {
+    return this;
+  }
+
+  SetRef(didAlter);
+
+  if (removed) {
+    SetRef(didChangeSize);
+    return; // undefined
+  }
+
+  if (keyMatch) {
+    if (ownerID && ownerID === this.ownerID) {
+      this.entry[1] = value;
+      return this;
+    }
+    return new ValueNode(ownerID, this.keyHash, [key, value]);
+  }
+
+  SetRef(didChangeSize);
+  return mergeIntoNode(this, ownerID, shift, hash(key), [key, value]);
+};
+
+// #pragma Iterators
+
+ArrayMapNode.prototype.iterate = HashCollisionNode.prototype.iterate =
+  function (fn, reverse) {
+    var entries = this.entries;
+    for (var ii = 0, maxIndex = entries.length - 1; ii <= maxIndex; ii++) {
+      if (fn(entries[reverse ? maxIndex - ii : ii]) === false) {
+        return false;
+      }
+    }
+  };
+
+BitmapIndexedNode.prototype.iterate = HashArrayMapNode.prototype.iterate =
+  function (fn, reverse) {
+    var nodes = this.nodes;
+    for (var ii = 0, maxIndex = nodes.length - 1; ii <= maxIndex; ii++) {
+      var node = nodes[reverse ? maxIndex - ii : ii];
+      if (node && node.iterate(fn, reverse) === false) {
+        return false;
+      }
+    }
+  };
+
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+ValueNode.prototype.iterate = function (fn, reverse) {
+  return fn(this.entry);
+};
+
+var MapIterator = /*@__PURE__*/(function (Iterator) {
+  function MapIterator(map, type, reverse) {
+    this._type = type;
+    this._reverse = reverse;
+    this._stack = map._root && mapIteratorFrame(map._root);
+  }
+
+  if ( Iterator ) MapIterator.__proto__ = Iterator;
+  MapIterator.prototype = Object.create( Iterator && Iterator.prototype );
+  MapIterator.prototype.constructor = MapIterator;
+
+  MapIterator.prototype.next = function next () {
+    var type = this._type;
+    var stack = this._stack;
+    while (stack) {
+      var node = stack.node;
+      var index = stack.index++;
+      var maxIndex = (void 0);
+      if (node.entry) {
+        if (index === 0) {
+          return mapIteratorValue(type, node.entry);
+        }
+      } else if (node.entries) {
+        maxIndex = node.entries.length - 1;
+        if (index <= maxIndex) {
+          return mapIteratorValue(
+            type,
+            node.entries[this._reverse ? maxIndex - index : index]
+          );
+        }
+      } else {
+        maxIndex = node.nodes.length - 1;
+        if (index <= maxIndex) {
+          var subNode = node.nodes[this._reverse ? maxIndex - index : index];
+          if (subNode) {
+            if (subNode.entry) {
+              return mapIteratorValue(type, subNode.entry);
+            }
+            stack = this._stack = mapIteratorFrame(subNode, stack);
+          }
+          continue;
+        }
+      }
+      stack = this._stack = this._stack.__prev;
+    }
+    return iteratorDone();
+  };
+
+  return MapIterator;
+}(Iterator));
+
+function mapIteratorValue(type, entry) {
+  return iteratorValue(type, entry[0], entry[1]);
+}
+
+function mapIteratorFrame(node, prev) {
+  return {
+    node: node,
+    index: 0,
+    __prev: prev,
+  };
+}
+
+function makeMap(size, root, ownerID, hash) {
+  var map = Object.create(MapPrototype);
+  map.size = size;
+  map._root = root;
+  map.__ownerID = ownerID;
+  map.__hash = hash;
+  map.__altered = false;
+  return map;
+}
+
+var EMPTY_MAP;
+function emptyMap() {
+  return EMPTY_MAP || (EMPTY_MAP = makeMap(0));
+}
+
+function updateMap(map, k, v) {
+  var newRoot;
+  var newSize;
+  if (!map._root) {
+    if (v === NOT_SET) {
+      return map;
+    }
+    newSize = 1;
+    newRoot = new ArrayMapNode(map.__ownerID, [[k, v]]);
+  } else {
+    var didChangeSize = MakeRef();
+    var didAlter = MakeRef();
+    newRoot = updateNode(
+      map._root,
+      map.__ownerID,
+      0,
+      undefined,
+      k,
+      v,
+      didChangeSize,
+      didAlter
+    );
+    if (!didAlter.value) {
+      return map;
+    }
+    newSize = map.size + (didChangeSize.value ? (v === NOT_SET ? -1 : 1) : 0);
+  }
+  if (map.__ownerID) {
+    map.size = newSize;
+    map._root = newRoot;
+    map.__hash = undefined;
+    map.__altered = true;
+    return map;
+  }
+  return newRoot ? makeMap(newSize, newRoot) : emptyMap();
+}
+
+function updateNode(
+  node,
+  ownerID,
+  shift,
+  keyHash,
+  key,
+  value,
+  didChangeSize,
+  didAlter
+) {
+  if (!node) {
+    if (value === NOT_SET) {
+      return node;
+    }
+    SetRef(didAlter);
+    SetRef(didChangeSize);
+    return new ValueNode(ownerID, keyHash, [key, value]);
+  }
+  return node.update(
+    ownerID,
+    shift,
+    keyHash,
+    key,
+    value,
+    didChangeSize,
+    didAlter
+  );
+}
+
+function isLeafNode(node) {
+  return (
+    node.constructor === ValueNode || node.constructor === HashCollisionNode
+  );
+}
+
+function mergeIntoNode(node, ownerID, shift, keyHash, entry) {
+  if (node.keyHash === keyHash) {
+    return new HashCollisionNode(ownerID, keyHash, [node.entry, entry]);
+  }
+
+  var idx1 = (shift === 0 ? node.keyHash : node.keyHash >>> shift) & MASK;
+  var idx2 = (shift === 0 ? keyHash : keyHash >>> shift) & MASK;
+
+  var newNode;
+  var nodes =
+    idx1 === idx2
+      ? [mergeIntoNode(node, ownerID, shift + SHIFT, keyHash, entry)]
+      : ((newNode = new ValueNode(ownerID, keyHash, entry)),
+        idx1 < idx2 ? [node, newNode] : [newNode, node]);
+
+  return new BitmapIndexedNode(ownerID, (1 << idx1) | (1 << idx2), nodes);
+}
+
+function createNodes(ownerID, entries, key, value) {
+  if (!ownerID) {
+    ownerID = new OwnerID();
+  }
+  var node = new ValueNode(ownerID, hash(key), [key, value]);
+  for (var ii = 0; ii < entries.length; ii++) {
+    var entry = entries[ii];
+    node = node.update(ownerID, 0, undefined, entry[0], entry[1]);
+  }
+  return node;
+}
+
+function packNodes(ownerID, nodes, count, excluding) {
+  var bitmap = 0;
+  var packedII = 0;
+  var packedNodes = new Array(count);
+  for (var ii = 0, bit = 1, len = nodes.length; ii < len; ii++, bit <<= 1) {
+    var node = nodes[ii];
+    if (node !== undefined && ii !== excluding) {
+      bitmap |= bit;
+      packedNodes[packedII++] = node;
+    }
+  }
+  return new BitmapIndexedNode(ownerID, bitmap, packedNodes);
+}
+
+function expandNodes(ownerID, nodes, bitmap, including, node) {
+  var count = 0;
+  var expandedNodes = new Array(SIZE);
+  for (var ii = 0; bitmap !== 0; ii++, bitmap >>>= 1) {
+    expandedNodes[ii] = bitmap & 1 ? nodes[count++] : undefined;
+  }
+  expandedNodes[including] = node;
+  return new HashArrayMapNode(ownerID, count + 1, expandedNodes);
+}
+
+function popCount(x) {
+  x -= (x >> 1) & 0x55555555;
+  x = (x & 0x33333333) + ((x >> 2) & 0x33333333);
+  x = (x + (x >> 4)) & 0x0f0f0f0f;
+  x += x >> 8;
+  x += x >> 16;
+  return x & 0x7f;
+}
+
+function setAt(array, idx, val, canEdit) {
+  var newArray = canEdit ? array : arrCopy(array);
+  newArray[idx] = val;
+  return newArray;
+}
+
+function spliceIn(array, idx, val, canEdit) {
+  var newLen = array.length + 1;
+  if (canEdit && idx + 1 === newLen) {
+    array[idx] = val;
+    return array;
+  }
+  var newArray = new Array(newLen);
+  var after = 0;
+  for (var ii = 0; ii < newLen; ii++) {
+    if (ii === idx) {
+      newArray[ii] = val;
+      after = -1;
+    } else {
+      newArray[ii] = array[ii + after];
+    }
+  }
+  return newArray;
+}
+
+function spliceOut(array, idx, canEdit) {
+  var newLen = array.length - 1;
+  if (canEdit && idx === newLen) {
+    array.pop();
+    return array;
+  }
+  var newArray = new Array(newLen);
+  var after = 0;
+  for (var ii = 0; ii < newLen; ii++) {
+    if (ii === idx) {
+      after = 1;
+    }
+    newArray[ii] = array[ii + after];
+  }
+  return newArray;
+}
+
+var MAX_ARRAY_MAP_SIZE = SIZE / 4;
+var MAX_BITMAP_INDEXED_SIZE = SIZE / 2;
+var MIN_HASH_ARRAY_MAP_SIZE = SIZE / 4;
+
+var IS_LIST_SYMBOL = '@@__IMMUTABLE_LIST__@@';
+/**
+ * True if `maybeList` is a List.
+ */
+function isList(maybeList) {
+    return Boolean(maybeList &&
+        // @ts-expect-error: maybeList is typed as `{}`, need to change in 6.0 to `maybeList && typeof maybeList === 'object' && IS_LIST_SYMBOL in maybeList`
+        maybeList[IS_LIST_SYMBOL]);
+}
+
+var List = /*@__PURE__*/(function (IndexedCollection) {
+  function List(value) {
+    var empty = emptyList();
+    if (value === undefined || value === null) {
+      // eslint-disable-next-line no-constructor-return
+      return empty;
+    }
+    if (isList(value)) {
+      // eslint-disable-next-line no-constructor-return
+      return value;
+    }
+    var iter = IndexedCollection(value);
+    var size = iter.size;
+    if (size === 0) {
+      // eslint-disable-next-line no-constructor-return
+      return empty;
+    }
+    assertNotInfinite(size);
+    if (size > 0 && size < SIZE) {
+      // eslint-disable-next-line no-constructor-return
+      return makeList(0, size, SHIFT, null, new VNode(iter.toArray()));
+    }
+    // eslint-disable-next-line no-constructor-return
+    return empty.withMutations(function (list) {
+      list.setSize(size);
+      iter.forEach(function (v, i) { return list.set(i, v); });
+    });
+  }
+
+  if ( IndexedCollection ) List.__proto__ = IndexedCollection;
+  List.prototype = Object.create( IndexedCollection && IndexedCollection.prototype );
+  List.prototype.constructor = List;
+
+  List.of = function of (/*...values*/) {
+    return this(arguments);
+  };
+
+  List.prototype.toString = function toString () {
+    return this.__toString('List [', ']');
+  };
+
+  // @pragma Access
+
+  List.prototype.get = function get (index, notSetValue) {
+    index = wrapIndex(this, index);
+    if (index >= 0 && index < this.size) {
+      index += this._origin;
+      var node = listNodeFor(this, index);
+      return node && node.array[index & MASK];
+    }
+    return notSetValue;
+  };
+
+  // @pragma Modification
+
+  List.prototype.set = function set (index, value) {
+    return updateList(this, index, value);
+  };
+
+  List.prototype.remove = function remove (index) {
+    return !this.has(index)
+      ? this
+      : index === 0
+        ? this.shift()
+        : index === this.size - 1
+          ? this.pop()
+          : this.splice(index, 1);
+  };
+
+  List.prototype.insert = function insert (index, value) {
+    return this.splice(index, 0, value);
+  };
+
+  List.prototype.clear = function clear () {
+    if (this.size === 0) {
+      return this;
+    }
+    if (this.__ownerID) {
+      this.size = this._origin = this._capacity = 0;
+      this._level = SHIFT;
+      this._root = this._tail = this.__hash = undefined;
+      this.__altered = true;
+      return this;
+    }
+    return emptyList();
+  };
+
+  List.prototype.push = function push (/*...values*/) {
+    var values = arguments;
+    var oldSize = this.size;
+    return this.withMutations(function (list) {
+      setListBounds(list, 0, oldSize + values.length);
+      for (var ii = 0; ii < values.length; ii++) {
+        list.set(oldSize + ii, values[ii]);
+      }
+    });
+  };
+
+  List.prototype.pop = function pop () {
+    return setListBounds(this, 0, -1);
+  };
+
+  List.prototype.unshift = function unshift (/*...values*/) {
+    var values = arguments;
+    return this.withMutations(function (list) {
+      setListBounds(list, -values.length);
+      for (var ii = 0; ii < values.length; ii++) {
+        list.set(ii, values[ii]);
+      }
+    });
+  };
+
+  List.prototype.shift = function shift () {
+    return setListBounds(this, 1);
+  };
+
+  List.prototype.shuffle = function shuffle (random) {
+    if ( random === void 0 ) random = Math.random;
+
+    return this.withMutations(function (mutable) {
+      // implementation of the Fisher-Yates shuffle: https://en.wikipedia.org/wiki/Fisher%E2%80%93Yates_shuffle
+      var current = mutable.size;
+      var destination;
+      var tmp;
+
+      while (current) {
+        destination = Math.floor(random() * current--);
+
+        tmp = mutable.get(destination);
+        mutable.set(destination, mutable.get(current));
+        mutable.set(current, tmp);
+      }
+    });
+  };
+
+  // @pragma Composition
+
+  List.prototype.concat = function concat (/*...collections*/) {
+    var arguments$1 = arguments;
+
+    var seqs = [];
+    for (var i = 0; i < arguments.length; i++) {
+      var argument = arguments$1[i];
+      var seq = IndexedCollection(
+        typeof argument !== 'string' && hasIterator(argument)
+          ? argument
+          : [argument]
+      );
+      if (seq.size !== 0) {
+        seqs.push(seq);
+      }
+    }
+    if (seqs.length === 0) {
+      return this;
+    }
+    if (this.size === 0 && !this.__ownerID && seqs.length === 1) {
+      return this.constructor(seqs[0]);
+    }
+    return this.withMutations(function (list) {
+      seqs.forEach(function (seq) { return seq.forEach(function (value) { return list.push(value); }); });
+    });
+  };
+
+  List.prototype.setSize = function setSize (size) {
+    return setListBounds(this, 0, size);
+  };
+
+  List.prototype.map = function map (mapper, context) {
+    var this$1$1 = this;
+
+    return this.withMutations(function (list) {
+      for (var i = 0; i < this$1$1.size; i++) {
+        list.set(i, mapper.call(context, list.get(i), i, this$1$1));
+      }
+    });
+  };
+
+  // @pragma Iteration
+
+  List.prototype.slice = function slice (begin, end) {
+    var size = this.size;
+    if (wholeSlice(begin, end, size)) {
+      return this;
+    }
+    return setListBounds(
+      this,
+      resolveBegin(begin, size),
+      resolveEnd(end, size)
+    );
+  };
+
+  List.prototype.__iterator = function __iterator (type, reverse) {
+    var index = reverse ? this.size : 0;
+    var values = iterateList(this, reverse);
+    return new Iterator(function () {
+      var value = values();
+      return value === DONE
+        ? iteratorDone()
+        : iteratorValue(type, reverse ? --index : index++, value);
+    });
+  };
+
+  List.prototype.__iterate = function __iterate (fn, reverse) {
+    var index = reverse ? this.size : 0;
+    var values = iterateList(this, reverse);
+    var value;
+    while ((value = values()) !== DONE) {
+      if (fn(value, reverse ? --index : index++, this) === false) {
+        break;
+      }
+    }
+    return index;
+  };
+
+  List.prototype.__ensureOwner = function __ensureOwner (ownerID) {
+    if (ownerID === this.__ownerID) {
+      return this;
+    }
+    if (!ownerID) {
+      if (this.size === 0) {
+        return emptyList();
+      }
+      this.__ownerID = ownerID;
+      this.__altered = false;
+      return this;
+    }
+    return makeList(
+      this._origin,
+      this._capacity,
+      this._level,
+      this._root,
+      this._tail,
+      ownerID,
+      this.__hash
+    );
+  };
+
+  return List;
+}(IndexedCollection));
+
+List.isList = isList;
+
+var ListPrototype = List.prototype;
+ListPrototype[IS_LIST_SYMBOL] = true;
+ListPrototype[DELETE] = ListPrototype.remove;
+ListPrototype.merge = ListPrototype.concat;
+ListPrototype.setIn = setIn;
+ListPrototype.deleteIn = ListPrototype.removeIn = deleteIn;
+ListPrototype.update = update;
+ListPrototype.updateIn = updateIn;
+ListPrototype.mergeIn = mergeIn;
+ListPrototype.mergeDeepIn = mergeDeepIn;
+ListPrototype.withMutations = withMutations;
+ListPrototype.wasAltered = wasAltered;
+ListPrototype.asImmutable = asImmutable;
+ListPrototype['@@transducer/init'] = ListPrototype.asMutable = asMutable;
+ListPrototype['@@transducer/step'] = function (result, arr) {
+  return result.push(arr);
+};
+ListPrototype['@@transducer/result'] = function (obj) {
+  return obj.asImmutable();
+};
+
+var VNode = function VNode(array, ownerID) {
+  this.array = array;
+  this.ownerID = ownerID;
+};
+
+// TODO: seems like these methods are very similar
+
+VNode.prototype.removeBefore = function removeBefore (ownerID, level, index) {
+  if (
+    (index & ((1 << (level + SHIFT)) - 1)) === 0 ||
+    this.array.length === 0
+  ) {
+    return this;
+  }
+  var originIndex = (index >>> level) & MASK;
+  if (originIndex >= this.array.length) {
+    return new VNode([], ownerID);
+  }
+  var removingFirst = originIndex === 0;
+  var newChild;
+  if (level > 0) {
+    var oldChild = this.array[originIndex];
+    newChild =
+      oldChild && oldChild.removeBefore(ownerID, level - SHIFT, index);
+    if (newChild === oldChild && removingFirst) {
+      return this;
+    }
+  }
+  if (removingFirst && !newChild) {
+    return this;
+  }
+  var editable = editableVNode(this, ownerID);
+  if (!removingFirst) {
+    for (var ii = 0; ii < originIndex; ii++) {
+      editable.array[ii] = undefined;
+    }
+  }
+  if (newChild) {
+    editable.array[originIndex] = newChild;
+  }
+  return editable;
+};
+
+VNode.prototype.removeAfter = function removeAfter (ownerID, level, index) {
+  if (
+    index === (level ? 1 << (level + SHIFT) : SIZE) ||
+    this.array.length === 0
+  ) {
+    return this;
+  }
+  var sizeIndex = ((index - 1) >>> level) & MASK;
+  if (sizeIndex >= this.array.length) {
+    return this;
+  }
+
+  var newChild;
+  if (level > 0) {
+    var oldChild = this.array[sizeIndex];
+    newChild =
+      oldChild && oldChild.removeAfter(ownerID, level - SHIFT, index);
+    if (newChild === oldChild && sizeIndex === this.array.length - 1) {
+      return this;
+    }
+  }
+
+  var editable = editableVNode(this, ownerID);
+  editable.array.splice(sizeIndex + 1);
+  if (newChild) {
+    editable.array[sizeIndex] = newChild;
+  }
+  return editable;
+};
+
+var DONE = {};
+
+function iterateList(list, reverse) {
+  var left = list._origin;
+  var right = list._capacity;
+  var tailPos = getTailOffset(right);
+  var tail = list._tail;
+
+  return iterateNodeOrLeaf(list._root, list._level, 0);
+
+  function iterateNodeOrLeaf(node, level, offset) {
+    return level === 0
+      ? iterateLeaf(node, offset)
+      : iterateNode(node, level, offset);
+  }
+
+  function iterateLeaf(node, offset) {
+    var array = offset === tailPos ? tail && tail.array : node && node.array;
+    var from = offset > left ? 0 : left - offset;
+    var to = right - offset;
+    if (to > SIZE) {
+      to = SIZE;
+    }
+    return function () {
+      if (from === to) {
+        return DONE;
+      }
+      var idx = reverse ? --to : from++;
+      return array && array[idx];
+    };
+  }
+
+  function iterateNode(node, level, offset) {
+    var values;
+    var array = node && node.array;
+    var from = offset > left ? 0 : (left - offset) >> level;
+    var to = ((right - offset) >> level) + 1;
+    if (to > SIZE) {
+      to = SIZE;
+    }
+    return function () {
+      while (true) {
+        if (values) {
+          var value = values();
+          if (value !== DONE) {
+            return value;
+          }
+          values = null;
+        }
+        if (from === to) {
+          return DONE;
+        }
+        var idx = reverse ? --to : from++;
+        values = iterateNodeOrLeaf(
+          array && array[idx],
+          level - SHIFT,
+          offset + (idx << level)
+        );
+      }
+    };
+  }
+}
+
+function makeList(origin, capacity, level, root, tail, ownerID, hash) {
+  var list = Object.create(ListPrototype);
+  list.size = capacity - origin;
+  list._origin = origin;
+  list._capacity = capacity;
+  list._level = level;
+  list._root = root;
+  list._tail = tail;
+  list.__ownerID = ownerID;
+  list.__hash = hash;
+  list.__altered = false;
+  return list;
+}
+
+function emptyList() {
+  return makeList(0, 0, SHIFT);
+}
+
+function updateList(list, index, value) {
+  index = wrapIndex(list, index);
+
+  if (index !== index) {
+    return list;
+  }
+
+  if (index >= list.size || index < 0) {
+    return list.withMutations(function (list) {
+      // eslint-disable-next-line @typescript-eslint/no-unused-expressions -- TODO enable eslint here
+      index < 0
+        ? setListBounds(list, index).set(0, value)
+        : setListBounds(list, 0, index + 1).set(index, value);
+    });
+  }
+
+  index += list._origin;
+
+  var newTail = list._tail;
+  var newRoot = list._root;
+  var didAlter = MakeRef();
+  if (index >= getTailOffset(list._capacity)) {
+    newTail = updateVNode(newTail, list.__ownerID, 0, index, value, didAlter);
+  } else {
+    newRoot = updateVNode(
+      newRoot,
+      list.__ownerID,
+      list._level,
+      index,
+      value,
+      didAlter
+    );
+  }
+
+  if (!didAlter.value) {
+    return list;
+  }
+
+  if (list.__ownerID) {
+    list._root = newRoot;
+    list._tail = newTail;
+    list.__hash = undefined;
+    list.__altered = true;
+    return list;
+  }
+  return makeList(list._origin, list._capacity, list._level, newRoot, newTail);
+}
+
+function updateVNode(node, ownerID, level, index, value, didAlter) {
+  var idx = (index >>> level) & MASK;
+  var nodeHas = node && idx < node.array.length;
+  if (!nodeHas && value === undefined) {
+    return node;
+  }
+
+  var newNode;
+
+  if (level > 0) {
+    var lowerNode = node && node.array[idx];
+    var newLowerNode = updateVNode(
+      lowerNode,
+      ownerID,
+      level - SHIFT,
+      index,
+      value,
+      didAlter
+    );
+    if (newLowerNode === lowerNode) {
+      return node;
+    }
+    newNode = editableVNode(node, ownerID);
+    newNode.array[idx] = newLowerNode;
+    return newNode;
+  }
+
+  if (nodeHas && node.array[idx] === value) {
+    return node;
+  }
+
+  if (didAlter) {
+    SetRef(didAlter);
+  }
+
+  newNode = editableVNode(node, ownerID);
+  if (value === undefined && idx === newNode.array.length - 1) {
+    newNode.array.pop();
+  } else {
+    newNode.array[idx] = value;
+  }
+  return newNode;
+}
+
+function editableVNode(node, ownerID) {
+  if (ownerID && node && ownerID === node.ownerID) {
+    return node;
+  }
+  return new VNode(node ? node.array.slice() : [], ownerID);
+}
+
+function listNodeFor(list, rawIndex) {
+  if (rawIndex >= getTailOffset(list._capacity)) {
+    return list._tail;
+  }
+  if (rawIndex < 1 << (list._level + SHIFT)) {
+    var node = list._root;
+    var level = list._level;
+    while (node && level > 0) {
+      node = node.array[(rawIndex >>> level) & MASK];
+      level -= SHIFT;
+    }
+    return node;
+  }
+}
+
+function setListBounds(list, begin, end) {
+  // Sanitize begin & end using this shorthand for ToInt32(argument)
+  // http://www.ecma-international.org/ecma-262/6.0/#sec-toint32
+  if (begin !== undefined) {
+    begin |= 0;
+  }
+  if (end !== undefined) {
+    end |= 0;
+  }
+  var owner = list.__ownerID || new OwnerID();
+  var oldOrigin = list._origin;
+  var oldCapacity = list._capacity;
+  var newOrigin = oldOrigin + begin;
+  var newCapacity =
+    end === undefined
+      ? oldCapacity
+      : end < 0
+        ? oldCapacity + end
+        : oldOrigin + end;
+  if (newOrigin === oldOrigin && newCapacity === oldCapacity) {
+    return list;
+  }
+
+  // If it's going to end after it starts, it's empty.
+  if (newOrigin >= newCapacity) {
+    return list.clear();
+  }
+
+  var newLevel = list._level;
+  var newRoot = list._root;
+
+  // New origin might need creating a higher root.
+  var offsetShift = 0;
+  while (newOrigin + offsetShift < 0) {
+    newRoot = new VNode(
+      newRoot && newRoot.array.length ? [undefined, newRoot] : [],
+      owner
+    );
+    newLevel += SHIFT;
+    offsetShift += 1 << newLevel;
+  }
+  if (offsetShift) {
+    newOrigin += offsetShift;
+    oldOrigin += offsetShift;
+    newCapacity += offsetShift;
+    oldCapacity += offsetShift;
+  }
+
+  var oldTailOffset = getTailOffset(oldCapacity);
+  var newTailOffset = getTailOffset(newCapacity);
+
+  // New size might need creating a higher root.
+  while (newTailOffset >= 1 << (newLevel + SHIFT)) {
+    newRoot = new VNode(
+      newRoot && newRoot.array.length ? [newRoot] : [],
+      owner
+    );
+    newLevel += SHIFT;
+  }
+
+  // Locate or create the new tail.
+  var oldTail = list._tail;
+  var newTail =
+    newTailOffset < oldTailOffset
+      ? listNodeFor(list, newCapacity - 1)
+      : newTailOffset > oldTailOffset
+        ? new VNode([], owner)
+        : oldTail;
+
+  // Merge Tail into tree.
+  if (
+    oldTail &&
+    newTailOffset > oldTailOffset &&
+    newOrigin < oldCapacity &&
+    oldTail.array.length
+  ) {
+    newRoot = editableVNode(newRoot, owner);
+    var node = newRoot;
+    for (var level = newLevel; level > SHIFT; level -= SHIFT) {
+      var idx = (oldTailOffset >>> level) & MASK;
+      node = node.array[idx] = editableVNode(node.array[idx], owner);
+    }
+    node.array[(oldTailOffset >>> SHIFT) & MASK] = oldTail;
+  }
+
+  // If the size has been reduced, there's a chance the tail needs to be trimmed.
+  if (newCapacity < oldCapacity) {
+    newTail = newTail && newTail.removeAfter(owner, 0, newCapacity);
+  }
+
+  // If the new origin is within the tail, then we do not need a root.
+  if (newOrigin >= newTailOffset) {
+    newOrigin -= newTailOffset;
+    newCapacity -= newTailOffset;
+    newLevel = SHIFT;
+    newRoot = null;
+    newTail = newTail && newTail.removeBefore(owner, 0, newOrigin);
+
+    // Otherwise, if the root has been trimmed, garbage collect.
+  } else if (newOrigin > oldOrigin || newTailOffset < oldTailOffset) {
+    offsetShift = 0;
+
+    // Identify the new top root node of the subtree of the old root.
+    while (newRoot) {
+      var beginIndex = (newOrigin >>> newLevel) & MASK;
+      if ((beginIndex !== newTailOffset >>> newLevel) & MASK) {
+        break;
+      }
+      if (beginIndex) {
+        offsetShift += (1 << newLevel) * beginIndex;
+      }
+      newLevel -= SHIFT;
+      newRoot = newRoot.array[beginIndex];
+    }
+
+    // Trim the new sides of the new root.
+    if (newRoot && newOrigin > oldOrigin) {
+      newRoot = newRoot.removeBefore(owner, newLevel, newOrigin - offsetShift);
+    }
+    if (newRoot && newTailOffset < oldTailOffset) {
+      newRoot = newRoot.removeAfter(
+        owner,
+        newLevel,
+        newTailOffset - offsetShift
+      );
+    }
+    if (offsetShift) {
+      newOrigin -= offsetShift;
+      newCapacity -= offsetShift;
+    }
+  }
+
+  if (list.__ownerID) {
+    list.size = newCapacity - newOrigin;
+    list._origin = newOrigin;
+    list._capacity = newCapacity;
+    list._level = newLevel;
+    list._root = newRoot;
+    list._tail = newTail;
+    list.__hash = undefined;
+    list.__altered = true;
+    return list;
+  }
+  return makeList(newOrigin, newCapacity, newLevel, newRoot, newTail);
+}
+
+function getTailOffset(size) {
+  return size < SIZE ? 0 : ((size - 1) >>> SHIFT) << SHIFT;
+}
+
+var OrderedMap = /*@__PURE__*/(function (Map) {
+  function OrderedMap(value) {
+    // eslint-disable-next-line no-constructor-return
+    return value === undefined || value === null
+      ? emptyOrderedMap()
+      : isOrderedMap(value)
+        ? value
+        : emptyOrderedMap().withMutations(function (map) {
+            var iter = KeyedCollection(value);
+            assertNotInfinite(iter.size);
+            iter.forEach(function (v, k) { return map.set(k, v); });
+          });
+  }
+
+  if ( Map ) OrderedMap.__proto__ = Map;
+  OrderedMap.prototype = Object.create( Map && Map.prototype );
+  OrderedMap.prototype.constructor = OrderedMap;
+
+  OrderedMap.of = function of (/*...values*/) {
+    return this(arguments);
+  };
+
+  OrderedMap.prototype.toString = function toString () {
+    return this.__toString('OrderedMap {', '}');
+  };
+
+  // @pragma Access
+
+  OrderedMap.prototype.get = function get (k, notSetValue) {
+    var index = this._map.get(k);
+    return index !== undefined ? this._list.get(index)[1] : notSetValue;
+  };
+
+  // @pragma Modification
+
+  OrderedMap.prototype.clear = function clear () {
+    if (this.size === 0) {
+      return this;
+    }
+    if (this.__ownerID) {
+      this.size = 0;
+      this._map.clear();
+      this._list.clear();
+      this.__altered = true;
+      return this;
+    }
+    return emptyOrderedMap();
+  };
+
+  OrderedMap.prototype.set = function set (k, v) {
+    return updateOrderedMap(this, k, v);
+  };
+
+  OrderedMap.prototype.remove = function remove (k) {
+    return updateOrderedMap(this, k, NOT_SET);
+  };
+
+  OrderedMap.prototype.__iterate = function __iterate (fn, reverse) {
+    var this$1$1 = this;
+
+    return this._list.__iterate(
+      function (entry) { return entry && fn(entry[1], entry[0], this$1$1); },
+      reverse
+    );
+  };
+
+  OrderedMap.prototype.__iterator = function __iterator (type, reverse) {
+    return this._list.fromEntrySeq().__iterator(type, reverse);
+  };
+
+  OrderedMap.prototype.__ensureOwner = function __ensureOwner (ownerID) {
+    if (ownerID === this.__ownerID) {
+      return this;
+    }
+    var newMap = this._map.__ensureOwner(ownerID);
+    var newList = this._list.__ensureOwner(ownerID);
+    if (!ownerID) {
+      if (this.size === 0) {
+        return emptyOrderedMap();
+      }
+      this.__ownerID = ownerID;
+      this.__altered = false;
+      this._map = newMap;
+      this._list = newList;
+      return this;
+    }
+    return makeOrderedMap(newMap, newList, ownerID, this.__hash);
+  };
+
+  return OrderedMap;
+}(Map));
+
+OrderedMap.isOrderedMap = isOrderedMap;
+
+OrderedMap.prototype[IS_ORDERED_SYMBOL] = true;
+OrderedMap.prototype[DELETE] = OrderedMap.prototype.remove;
+
+function makeOrderedMap(map, list, ownerID, hash) {
+  var omap = Object.create(OrderedMap.prototype);
+  omap.size = map ? map.size : 0;
+  omap._map = map;
+  omap._list = list;
+  omap.__ownerID = ownerID;
+  omap.__hash = hash;
+  omap.__altered = false;
+  return omap;
+}
+
+var EMPTY_ORDERED_MAP;
+function emptyOrderedMap() {
+  return (
+    EMPTY_ORDERED_MAP ||
+    (EMPTY_ORDERED_MAP = makeOrderedMap(emptyMap(), emptyList()))
+  );
+}
+
+function updateOrderedMap(omap, k, v) {
+  var map = omap._map;
+  var list = omap._list;
+  var i = map.get(k);
+  var has = i !== undefined;
+  var newMap;
+  var newList;
+  if (v === NOT_SET) {
+    // removed
+    if (!has) {
+      return omap;
+    }
+    if (list.size >= SIZE && list.size >= map.size * 2) {
+      newList = list.filter(function (entry, idx) { return entry !== undefined && i !== idx; });
+      newMap = newList
+        .toKeyedSeq()
+        .map(function (entry) { return entry[0]; })
+        .flip()
+        .toMap();
+      if (omap.__ownerID) {
+        newMap.__ownerID = newList.__ownerID = omap.__ownerID;
+      }
+    } else {
+      newMap = map.remove(k);
+      newList = i === list.size - 1 ? list.pop() : list.set(i, undefined);
+    }
+  } else if (has) {
+    if (v === list.get(i)[1]) {
+      return omap;
+    }
+    newMap = map;
+    newList = list.set(i, [k, v]);
+  } else {
+    newMap = map.set(k, list.size);
+    newList = list.set(list.size, [k, v]);
+  }
+  if (omap.__ownerID) {
+    omap.size = newMap.size;
+    omap._map = newMap;
+    omap._list = newList;
+    omap.__hash = undefined;
+    omap.__altered = true;
+    return omap;
+  }
+  return makeOrderedMap(newMap, newList);
+}
+
+var IS_STACK_SYMBOL = '@@__IMMUTABLE_STACK__@@';
+/**
+ * True if `maybeStack` is a Stack.
+ */
+function isStack(maybeStack) {
+    return Boolean(maybeStack &&
+        // @ts-expect-error: maybeStack is typed as `{}`, need to change in 6.0 to `maybeStack && typeof maybeStack === 'object' && MAYBE_STACK_SYMBOL in maybeStack`
+        maybeStack[IS_STACK_SYMBOL]);
+}
+
+var Stack = /*@__PURE__*/(function (IndexedCollection) {
+  function Stack(value) {
+    // eslint-disable-next-line no-constructor-return
+    return value === undefined || value === null
+      ? emptyStack()
+      : isStack(value)
+        ? value
+        : emptyStack().pushAll(value);
+  }
+
+  if ( IndexedCollection ) Stack.__proto__ = IndexedCollection;
+  Stack.prototype = Object.create( IndexedCollection && IndexedCollection.prototype );
+  Stack.prototype.constructor = Stack;
+
+  Stack.of = function of (/*...values*/) {
+    return this(arguments);
+  };
+
+  Stack.prototype.toString = function toString () {
+    return this.__toString('Stack [', ']');
+  };
+
+  // @pragma Access
+
+  Stack.prototype.get = function get (index, notSetValue) {
+    var head = this._head;
+    index = wrapIndex(this, index);
+    while (head && index--) {
+      head = head.next;
+    }
+    return head ? head.value : notSetValue;
+  };
+
+  Stack.prototype.peek = function peek () {
+    return this._head && this._head.value;
+  };
+
+  // @pragma Modification
+
+  Stack.prototype.push = function push (/*...values*/) {
+    var arguments$1 = arguments;
+
+    if (arguments.length === 0) {
+      return this;
+    }
+    var newSize = this.size + arguments.length;
+    var head = this._head;
+    for (var ii = arguments.length - 1; ii >= 0; ii--) {
+      head = {
+        value: arguments$1[ii],
+        next: head,
+      };
+    }
+    if (this.__ownerID) {
+      this.size = newSize;
+      this._head = head;
+      this.__hash = undefined;
+      this.__altered = true;
+      return this;
+    }
+    return makeStack(newSize, head);
+  };
+
+  Stack.prototype.pushAll = function pushAll (iter) {
+    iter = IndexedCollection(iter);
+    if (iter.size === 0) {
+      return this;
+    }
+    if (this.size === 0 && isStack(iter)) {
+      return iter;
+    }
+    assertNotInfinite(iter.size);
+    var newSize = this.size;
+    var head = this._head;
+    iter.__iterate(function (value) {
+      newSize++;
+      head = {
+        value: value,
+        next: head,
+      };
+    }, /* reverse */ true);
+    if (this.__ownerID) {
+      this.size = newSize;
+      this._head = head;
+      this.__hash = undefined;
+      this.__altered = true;
+      return this;
+    }
+    return makeStack(newSize, head);
+  };
+
+  Stack.prototype.pop = function pop () {
+    return this.slice(1);
+  };
+
+  Stack.prototype.clear = function clear () {
+    if (this.size === 0) {
+      return this;
+    }
+    if (this.__ownerID) {
+      this.size = 0;
+      this._head = undefined;
+      this.__hash = undefined;
+      this.__altered = true;
+      return this;
+    }
+    return emptyStack();
+  };
+
+  Stack.prototype.slice = function slice (begin, end) {
+    if (wholeSlice(begin, end, this.size)) {
+      return this;
+    }
+    var resolvedBegin = resolveBegin(begin, this.size);
+    var resolvedEnd = resolveEnd(end, this.size);
+    if (resolvedEnd !== this.size) {
+      // super.slice(begin, end);
+      return IndexedCollection.prototype.slice.call(this, begin, end);
+    }
+    var newSize = this.size - resolvedBegin;
+    var head = this._head;
+    while (resolvedBegin--) {
+      head = head.next;
+    }
+    if (this.__ownerID) {
+      this.size = newSize;
+      this._head = head;
+      this.__hash = undefined;
+      this.__altered = true;
+      return this;
+    }
+    return makeStack(newSize, head);
+  };
+
+  // @pragma Mutability
+
+  Stack.prototype.__ensureOwner = function __ensureOwner (ownerID) {
+    if (ownerID === this.__ownerID) {
+      return this;
+    }
+    if (!ownerID) {
+      if (this.size === 0) {
+        return emptyStack();
+      }
+      this.__ownerID = ownerID;
+      this.__altered = false;
+      return this;
+    }
+    return makeStack(this.size, this._head, ownerID, this.__hash);
+  };
+
+  // @pragma Iteration
+
+  Stack.prototype.__iterate = function __iterate (fn, reverse) {
+    var this$1$1 = this;
+
+    if (reverse) {
+      return new ArraySeq(this.toArray()).__iterate(
+        function (v, k) { return fn(v, k, this$1$1); },
+        reverse
+      );
+    }
+    var iterations = 0;
+    var node = this._head;
+    while (node) {
+      if (fn(node.value, iterations++, this) === false) {
+        break;
+      }
+      node = node.next;
+    }
+    return iterations;
+  };
+
+  Stack.prototype.__iterator = function __iterator (type, reverse) {
+    if (reverse) {
+      return new ArraySeq(this.toArray()).__iterator(type, reverse);
+    }
+    var iterations = 0;
+    var node = this._head;
+    return new Iterator(function () {
+      if (node) {
+        var value = node.value;
+        node = node.next;
+        return iteratorValue(type, iterations++, value);
+      }
+      return iteratorDone();
+    });
+  };
+
+  return Stack;
+}(IndexedCollection));
+
+Stack.isStack = isStack;
+
+var StackPrototype = Stack.prototype;
+StackPrototype[IS_STACK_SYMBOL] = true;
+StackPrototype.shift = StackPrototype.pop;
+StackPrototype.unshift = StackPrototype.push;
+StackPrototype.unshiftAll = StackPrototype.pushAll;
+StackPrototype.withMutations = withMutations;
+StackPrototype.wasAltered = wasAltered;
+StackPrototype.asImmutable = asImmutable;
+StackPrototype['@@transducer/init'] = StackPrototype.asMutable = asMutable;
+StackPrototype['@@transducer/step'] = function (result, arr) {
+  return result.unshift(arr);
+};
+StackPrototype['@@transducer/result'] = function (obj) {
+  return obj.asImmutable();
+};
+
+function makeStack(size, head, ownerID, hash) {
+  var map = Object.create(StackPrototype);
+  map.size = size;
+  map._head = head;
+  map.__ownerID = ownerID;
+  map.__hash = hash;
+  map.__altered = false;
+  return map;
+}
+
+var EMPTY_STACK;
+function emptyStack() {
+  return EMPTY_STACK || (EMPTY_STACK = makeStack(0));
+}
+
+var IS_SET_SYMBOL = '@@__IMMUTABLE_SET__@@';
+/**
+ * True if `maybeSet` is a Set.
+ *
+ * Also true for OrderedSets.
+ */
+function isSet(maybeSet) {
+    return Boolean(maybeSet &&
+        // @ts-expect-error: maybeSet is typed as `{}`,  need to change in 6.0 to `maybeSeq && typeof maybeSet === 'object' && MAYBE_SET_SYMBOL in maybeSet`
+        maybeSet[IS_SET_SYMBOL]);
+}
+
+/**
+ * True if `maybeOrderedSet` is an OrderedSet.
+ */
+function isOrderedSet(maybeOrderedSet) {
+    return isSet(maybeOrderedSet) && isOrdered(maybeOrderedSet);
+}
+
+function deepEqual(a, b) {
+    if (a === b) {
+        return true;
+    }
+    if (!isCollection(b) ||
+        // @ts-expect-error size should exists on Collection
+        (a.size !== undefined && b.size !== undefined && a.size !== b.size) ||
+        // @ts-expect-error __hash exists on Collection
+        (a.__hash !== undefined &&
+            // @ts-expect-error __hash exists on Collection
+            b.__hash !== undefined &&
+            // @ts-expect-error __hash exists on Collection
+            a.__hash !== b.__hash) ||
+        isKeyed(a) !== isKeyed(b) ||
+        isIndexed(a) !== isIndexed(b) ||
+        // @ts-expect-error Range extends Collection, which implements [Symbol.iterator], so it is valid
+        isOrdered(a) !== isOrdered(b)) {
+        return false;
+    }
+    // @ts-expect-error size should exists on Collection
+    if (a.size === 0 && b.size === 0) {
+        return true;
+    }
+    var notAssociative = !isAssociative(a);
+    // @ts-expect-error Range extends Collection, which implements [Symbol.iterator], so it is valid
+    if (isOrdered(a)) {
+        var entries = a.entries();
+        // @ts-expect-error need to cast as boolean
+        return (b.every(function (v, k) {
+            var entry = entries.next().value;
+            return entry && is(entry[1], v) && (notAssociative || is(entry[0], k));
+        }) && entries.next().done);
+    }
+    var flipped = false;
+    if (a.size === undefined) {
+        // @ts-expect-error size should exists on Collection
+        if (b.size === undefined) {
+            if (typeof a.cacheResult === 'function') {
+                a.cacheResult();
+            }
+        }
+        else {
+            flipped = true;
+            var _ = a;
+            a = b;
+            b = _;
+        }
+    }
+    var allEqual = true;
+    var bSize = 
+    // @ts-expect-error b is Range | Repeat | Collection<unknown, unknown> as it may have been flipped, and __iterate is valid
+    b.__iterate(function (v, k) {
+        if (notAssociative
+            ? // @ts-expect-error has exists on Collection
+                !a.has(v)
+            : flipped
+                ? // @ts-expect-error type of `get` does not "catch" the version with `notSetValue`
+                    !is(v, a.get(k, NOT_SET))
+                : // @ts-expect-error type of `get` does not "catch" the version with `notSetValue`
+                    !is(a.get(k, NOT_SET), v)) {
+            allEqual = false;
+            return false;
+        }
+    });
+    return (allEqual &&
+        // @ts-expect-error size should exists on Collection
+        a.size === bSize);
+}
+
+/**
+ * Contributes additional methods to a constructor
+ */
+function mixin(ctor, 
+// eslint-disable-next-line @typescript-eslint/no-unsafe-function-type
+methods) {
+    var keyCopier = function (key) {
+        // @ts-expect-error how to handle symbol ?
+        ctor.prototype[key] = methods[key];
+    };
+    Object.keys(methods).forEach(keyCopier);
+    // eslint-disable-next-line @typescript-eslint/no-unused-expressions -- TODO enable eslint here
+    Object.getOwnPropertySymbols &&
+        Object.getOwnPropertySymbols(methods).forEach(keyCopier);
+    return ctor;
+}
+
+function toJS(value) {
+  if (!value || typeof value !== 'object') {
+    return value;
+  }
+  if (!isCollection(value)) {
+    if (!isDataStructure(value)) {
+      return value;
+    }
+    value = Seq(value);
+  }
+  if (isKeyed(value)) {
+    var result$1 = {};
+    value.__iterate(function (v, k) {
+      result$1[k] = toJS(v);
+    });
+    return result$1;
+  }
+  var result = [];
+  value.__iterate(function (v) {
+    result.push(toJS(v));
+  });
+  return result;
+}
+
+var Set = /*@__PURE__*/(function (SetCollection) {
+  function Set(value) {
+    // eslint-disable-next-line no-constructor-return
+    return value === undefined || value === null
+      ? emptySet()
+      : isSet(value) && !isOrdered(value)
+        ? value
+        : emptySet().withMutations(function (set) {
+            var iter = SetCollection(value);
+            assertNotInfinite(iter.size);
+            iter.forEach(function (v) { return set.add(v); });
+          });
+  }
+
+  if ( SetCollection ) Set.__proto__ = SetCollection;
+  Set.prototype = Object.create( SetCollection && SetCollection.prototype );
+  Set.prototype.constructor = Set;
+
+  Set.of = function of (/*...values*/) {
+    return this(arguments);
+  };
+
+  Set.fromKeys = function fromKeys (value) {
+    return this(KeyedCollection(value).keySeq());
+  };
+
+  Set.intersect = function intersect (sets) {
+    sets = Collection(sets).toArray();
+    return sets.length
+      ? SetPrototype.intersect.apply(Set(sets.pop()), sets)
+      : emptySet();
+  };
+
+  Set.union = function union (sets) {
+    sets = Collection(sets).toArray();
+    return sets.length
+      ? SetPrototype.union.apply(Set(sets.pop()), sets)
+      : emptySet();
+  };
+
+  Set.prototype.toString = function toString () {
+    return this.__toString('Set {', '}');
+  };
+
+  // @pragma Access
+
+  Set.prototype.has = function has (value) {
+    return this._map.has(value);
+  };
+
+  // @pragma Modification
+
+  Set.prototype.add = function add (value) {
+    return updateSet(this, this._map.set(value, value));
+  };
+
+  Set.prototype.remove = function remove (value) {
+    return updateSet(this, this._map.remove(value));
+  };
+
+  Set.prototype.clear = function clear () {
+    return updateSet(this, this._map.clear());
+  };
+
+  // @pragma Composition
+
+  Set.prototype.map = function map (mapper, context) {
+    var this$1$1 = this;
+
+    // keep track if the set is altered by the map function
+    var didChanges = false;
+
+    var newMap = updateSet(
+      this,
+      this._map.mapEntries(function (ref) {
+        var v = ref[1];
+
+        var mapped = mapper.call(context, v, v, this$1$1);
+
+        if (mapped !== v) {
+          didChanges = true;
+        }
+
+        return [mapped, mapped];
+      }, context)
+    );
+
+    return didChanges ? newMap : this;
+  };
+
+  Set.prototype.union = function union () {
+    var iters = [], len = arguments.length;
+    while ( len-- ) iters[ len ] = arguments[ len ];
+
+    iters = iters.filter(function (x) { return x.size !== 0; });
+    if (iters.length === 0) {
+      return this;
+    }
+    if (this.size === 0 && !this.__ownerID && iters.length === 1) {
+      return this.constructor(iters[0]);
+    }
+    return this.withMutations(function (set) {
+      for (var ii = 0; ii < iters.length; ii++) {
+        if (typeof iters[ii] === 'string') {
+          set.add(iters[ii]);
+        } else {
+          SetCollection(iters[ii]).forEach(function (value) { return set.add(value); });
+        }
+      }
+    });
+  };
+
+  Set.prototype.intersect = function intersect () {
+    var iters = [], len = arguments.length;
+    while ( len-- ) iters[ len ] = arguments[ len ];
+
+    if (iters.length === 0) {
+      return this;
+    }
+    iters = iters.map(function (iter) { return SetCollection(iter); });
+    var toRemove = [];
+    this.forEach(function (value) {
+      if (!iters.every(function (iter) { return iter.includes(value); })) {
+        toRemove.push(value);
+      }
+    });
+    return this.withMutations(function (set) {
+      toRemove.forEach(function (value) {
+        set.remove(value);
+      });
+    });
+  };
+
+  Set.prototype.subtract = function subtract () {
+    var iters = [], len = arguments.length;
+    while ( len-- ) iters[ len ] = arguments[ len ];
+
+    if (iters.length === 0) {
+      return this;
+    }
+    iters = iters.map(function (iter) { return SetCollection(iter); });
+    var toRemove = [];
+    this.forEach(function (value) {
+      if (iters.some(function (iter) { return iter.includes(value); })) {
+        toRemove.push(value);
+      }
+    });
+    return this.withMutations(function (set) {
+      toRemove.forEach(function (value) {
+        set.remove(value);
+      });
+    });
+  };
+
+  Set.prototype.sort = function sort (comparator) {
+    // Late binding
+    return OrderedSet(sortFactory(this, comparator));
+  };
+
+  Set.prototype.sortBy = function sortBy (mapper, comparator) {
+    // Late binding
+    return OrderedSet(sortFactory(this, comparator, mapper));
+  };
+
+  Set.prototype.wasAltered = function wasAltered () {
+    return this._map.wasAltered();
+  };
+
+  Set.prototype.__iterate = function __iterate (fn, reverse) {
+    var this$1$1 = this;
+
+    return this._map.__iterate(function (k) { return fn(k, k, this$1$1); }, reverse);
+  };
+
+  Set.prototype.__iterator = function __iterator (type, reverse) {
+    return this._map.__iterator(type, reverse);
+  };
+
+  Set.prototype.__ensureOwner = function __ensureOwner (ownerID) {
+    if (ownerID === this.__ownerID) {
+      return this;
+    }
+    var newMap = this._map.__ensureOwner(ownerID);
+    if (!ownerID) {
+      if (this.size === 0) {
+        return this.__empty();
+      }
+      this.__ownerID = ownerID;
+      this._map = newMap;
+      return this;
+    }
+    return this.__make(newMap, ownerID);
+  };
+
+  return Set;
+}(SetCollection));
+
+Set.isSet = isSet;
+
+var SetPrototype = Set.prototype;
+SetPrototype[IS_SET_SYMBOL] = true;
+SetPrototype[DELETE] = SetPrototype.remove;
+SetPrototype.merge = SetPrototype.concat = SetPrototype.union;
+SetPrototype.withMutations = withMutations;
+SetPrototype.asImmutable = asImmutable;
+SetPrototype['@@transducer/init'] = SetPrototype.asMutable = asMutable;
+SetPrototype['@@transducer/step'] = function (result, arr) {
+  return result.add(arr);
+};
+SetPrototype['@@transducer/result'] = function (obj) {
+  return obj.asImmutable();
+};
+
+SetPrototype.__empty = emptySet;
+SetPrototype.__make = makeSet;
+
+function updateSet(set, newMap) {
+  if (set.__ownerID) {
+    set.size = newMap.size;
+    set._map = newMap;
+    return set;
+  }
+  return newMap === set._map
+    ? set
+    : newMap.size === 0
+      ? set.__empty()
+      : set.__make(newMap);
+}
+
+function makeSet(map, ownerID) {
+  var set = Object.create(SetPrototype);
+  set.size = map ? map.size : 0;
+  set._map = map;
+  set.__ownerID = ownerID;
+  return set;
+}
+
+var EMPTY_SET;
+function emptySet() {
+  return EMPTY_SET || (EMPTY_SET = makeSet(emptyMap()));
+}
+
+/**
+ * Returns a lazy seq of nums from start (inclusive) to end
+ * (exclusive), by step, where start defaults to 0, step to 1, and end to
+ * infinity. When start is equal to end, returns empty list.
+ */
+var Range = /*@__PURE__*/(function (IndexedSeq) {
+  function Range(start, end, step) {
+    if ( step === void 0 ) step = 1;
+
+    if (!(this instanceof Range)) {
+      // eslint-disable-next-line no-constructor-return
+      return new Range(start, end, step);
+    }
+    invariant(step !== 0, 'Cannot step a Range by 0');
+    invariant(
+      start !== undefined,
+      'You must define a start value when using Range'
+    );
+    invariant(
+      end !== undefined,
+      'You must define an end value when using Range'
+    );
+
+    step = Math.abs(step);
+    if (end < start) {
+      step = -step;
+    }
+    this._start = start;
+    this._end = end;
+    this._step = step;
+    this.size = Math.max(0, Math.ceil((end - start) / step - 1) + 1);
+    if (this.size === 0) {
+      if (EMPTY_RANGE) {
+        // eslint-disable-next-line no-constructor-return
+        return EMPTY_RANGE;
+      }
+      // eslint-disable-next-line @typescript-eslint/no-this-alias
+      EMPTY_RANGE = this;
+    }
+  }
+
+  if ( IndexedSeq ) Range.__proto__ = IndexedSeq;
+  Range.prototype = Object.create( IndexedSeq && IndexedSeq.prototype );
+  Range.prototype.constructor = Range;
+
+  Range.prototype.toString = function toString () {
+    return this.size === 0
+      ? 'Range []'
+      : ("Range [ " + (this._start) + "..." + (this._end) + (this._step !== 1 ? ' by ' + this._step : '') + " ]");
+  };
+
+  Range.prototype.get = function get (index, notSetValue) {
+    return this.has(index)
+      ? this._start + wrapIndex(this, index) * this._step
+      : notSetValue;
+  };
+
+  Range.prototype.includes = function includes (searchValue) {
+    var possibleIndex = (searchValue - this._start) / this._step;
+    return (
+      possibleIndex >= 0 &&
+      possibleIndex < this.size &&
+      possibleIndex === Math.floor(possibleIndex)
+    );
+  };
+
+  Range.prototype.slice = function slice (begin, end) {
+    if (wholeSlice(begin, end, this.size)) {
+      return this;
+    }
+    begin = resolveBegin(begin, this.size);
+    end = resolveEnd(end, this.size);
+    if (end <= begin) {
+      return new Range(0, 0);
+    }
+    return new Range(
+      this.get(begin, this._end),
+      this.get(end, this._end),
+      this._step
+    );
+  };
+
+  Range.prototype.indexOf = function indexOf (searchValue) {
+    var offsetValue = searchValue - this._start;
+    if (offsetValue % this._step === 0) {
+      var index = offsetValue / this._step;
+      if (index >= 0 && index < this.size) {
+        return index;
+      }
+    }
+    return -1;
+  };
+
+  Range.prototype.lastIndexOf = function lastIndexOf (searchValue) {
+    return this.indexOf(searchValue);
+  };
+
+  Range.prototype.__iterate = function __iterate (fn, reverse) {
+    var size = this.size;
+    var step = this._step;
+    var value = reverse ? this._start + (size - 1) * step : this._start;
+    var i = 0;
+    while (i !== size) {
+      if (fn(value, reverse ? size - ++i : i++, this) === false) {
+        break;
+      }
+      value += reverse ? -step : step;
+    }
+    return i;
+  };
+
+  Range.prototype.__iterator = function __iterator (type, reverse) {
+    var size = this.size;
+    var step = this._step;
+    var value = reverse ? this._start + (size - 1) * step : this._start;
+    var i = 0;
+    return new Iterator(function () {
+      if (i === size) {
+        return iteratorDone();
+      }
+      var v = value;
+      value += reverse ? -step : step;
+      return iteratorValue(type, reverse ? size - ++i : i++, v);
+    });
+  };
+
+  Range.prototype.equals = function equals (other) {
+    return other instanceof Range
+      ? this._start === other._start &&
+          this._end === other._end &&
+          this._step === other._step
+      : deepEqual(this, other);
+  };
+
+  return Range;
+}(IndexedSeq));
+
+var EMPTY_RANGE;
+
+/**
+ * Returns the value at the provided key path starting at the provided
+ * collection, or notSetValue if the key path is not defined.
+ *
+ * A functional alternative to `collection.getIn(keypath)` which will also
+ * work with plain Objects and Arrays.
+ */
+function getIn$1(collection, searchKeyPath, notSetValue) {
+    var keyPath = coerceKeyPath(searchKeyPath);
+    var i = 0;
+    while (i !== keyPath.length) {
+        // @ts-expect-error keyPath[i++] can not be undefined by design
+        collection = get(collection, keyPath[i++], NOT_SET);
+        if (collection === NOT_SET) {
+            return notSetValue;
+        }
+    }
+    return collection;
+}
+
+function getIn(searchKeyPath, notSetValue) {
+  return getIn$1(this, searchKeyPath, notSetValue);
+}
+
+/**
+ * Returns true if the key path is defined in the provided collection.
+ *
+ * A functional alternative to `collection.hasIn(keypath)` which will also
+ * work with plain Objects and Arrays.
+ */
+function hasIn$1(collection, keyPath) {
+    return getIn$1(collection, keyPath, NOT_SET) !== NOT_SET;
+}
+
+function hasIn(searchKeyPath) {
+  return hasIn$1(this, searchKeyPath);
+}
+
+function toObject() {
+  assertNotInfinite(this.size);
+  var object = {};
+  this.__iterate(function (v, k) {
+    object[k] = v;
+  });
+  return object;
+}
+
+Collection.Iterator = Iterator;
+
+mixin(Collection, {
+  // ### Conversion to other types
+
+  toArray: function toArray() {
+    assertNotInfinite(this.size);
+    var array = new Array(this.size || 0);
+    var useTuples = isKeyed(this);
+    var i = 0;
+    this.__iterate(function (v, k) {
+      // Keyed collections produce an array of tuples.
+      array[i++] = useTuples ? [k, v] : v;
+    });
+    return array;
+  },
+
+  toIndexedSeq: function toIndexedSeq() {
+    return new ToIndexedSequence(this);
+  },
+
+  toJS: function toJS$1() {
+    return toJS(this);
+  },
+
+  toKeyedSeq: function toKeyedSeq() {
+    return new ToKeyedSequence(this, true);
+  },
+
+  toMap: function toMap() {
+    // Use Late Binding here to solve the circular dependency.
+    return Map(this.toKeyedSeq());
+  },
+
+  toObject: toObject,
+
+  toOrderedMap: function toOrderedMap() {
+    // Use Late Binding here to solve the circular dependency.
+    return OrderedMap(this.toKeyedSeq());
+  },
+
+  toOrderedSet: function toOrderedSet() {
+    // Use Late Binding here to solve the circular dependency.
+    return OrderedSet(isKeyed(this) ? this.valueSeq() : this);
+  },
+
+  toSet: function toSet() {
+    // Use Late Binding here to solve the circular dependency.
+    return Set(isKeyed(this) ? this.valueSeq() : this);
+  },
+
+  toSetSeq: function toSetSeq() {
+    return new ToSetSequence(this);
+  },
+
+  toSeq: function toSeq() {
+    return isIndexed(this)
+      ? this.toIndexedSeq()
+      : isKeyed(this)
+        ? this.toKeyedSeq()
+        : this.toSetSeq();
+  },
+
+  toStack: function toStack() {
+    // Use Late Binding here to solve the circular dependency.
+    return Stack(isKeyed(this) ? this.valueSeq() : this);
+  },
+
+  toList: function toList() {
+    // Use Late Binding here to solve the circular dependency.
+    return List(isKeyed(this) ? this.valueSeq() : this);
+  },
+
+  // ### Common JavaScript methods and properties
+
+  toString: function toString() {
+    return '[Collection]';
+  },
+
+  __toString: function __toString(head, tail) {
+    if (this.size === 0) {
+      return head + tail;
+    }
+    return (
+      head +
+      ' ' +
+      this.toSeq().map(this.__toStringMapper).join(', ') +
+      ' ' +
+      tail
+    );
+  },
+
+  // ### ES6 Collection methods (ES6 Array and Map)
+
+  concat: function concat() {
+    var values = [], len = arguments.length;
+    while ( len-- ) values[ len ] = arguments[ len ];
+
+    return reify(this, concatFactory(this, values));
+  },
+
+  includes: function includes(searchValue) {
+    return this.some(function (value) { return is(value, searchValue); });
+  },
+
+  entries: function entries() {
+    return this.__iterator(ITERATE_ENTRIES);
+  },
+
+  every: function every(predicate, context) {
+    assertNotInfinite(this.size);
+    var returnValue = true;
+    this.__iterate(function (v, k, c) {
+      if (!predicate.call(context, v, k, c)) {
+        returnValue = false;
+        return false;
+      }
+    });
+    return returnValue;
+  },
+
+  filter: function filter(predicate, context) {
+    return reify(this, filterFactory(this, predicate, context, true));
+  },
+
+  partition: function partition(predicate, context) {
+    return partitionFactory(this, predicate, context);
+  },
+
+  find: function find(predicate, context, notSetValue) {
+    var entry = this.findEntry(predicate, context);
+    return entry ? entry[1] : notSetValue;
+  },
+
+  forEach: function forEach(sideEffect, context) {
+    assertNotInfinite(this.size);
+    return this.__iterate(context ? sideEffect.bind(context) : sideEffect);
+  },
+
+  join: function join(separator) {
+    assertNotInfinite(this.size);
+    separator = separator !== undefined ? '' + separator : ',';
+    var joined = '';
+    var isFirst = true;
+    this.__iterate(function (v) {
+      // eslint-disable-next-line @typescript-eslint/no-unused-expressions -- TODO enable eslint here
+      isFirst ? (isFirst = false) : (joined += separator);
+      joined += v !== null && v !== undefined ? v.toString() : '';
+    });
+    return joined;
+  },
+
+  keys: function keys() {
+    return this.__iterator(ITERATE_KEYS);
+  },
+
+  map: function map(mapper, context) {
+    return reify(this, mapFactory(this, mapper, context));
+  },
+
+  reduce: function reduce$1(reducer, initialReduction, context) {
+    return reduce(
+      this,
+      reducer,
+      initialReduction,
+      context,
+      arguments.length < 2,
+      false
+    );
+  },
+
+  reduceRight: function reduceRight(reducer, initialReduction, context) {
+    return reduce(
+      this,
+      reducer,
+      initialReduction,
+      context,
+      arguments.length < 2,
+      true
+    );
+  },
+
+  reverse: function reverse() {
+    return reify(this, reverseFactory(this, true));
+  },
+
+  slice: function slice(begin, end) {
+    return reify(this, sliceFactory(this, begin, end, true));
+  },
+
+  some: function some(predicate, context) {
+    assertNotInfinite(this.size);
+    var returnValue = false;
+    this.__iterate(function (v, k, c) {
+      if (predicate.call(context, v, k, c)) {
+        returnValue = true;
+        return false;
+      }
+    });
+    return returnValue;
+  },
+
+  sort: function sort(comparator) {
+    return reify(this, sortFactory(this, comparator));
+  },
+
+  values: function values() {
+    return this.__iterator(ITERATE_VALUES);
+  },
+
+  // ### More sequential methods
+
+  butLast: function butLast() {
+    return this.slice(0, -1);
+  },
+
+  isEmpty: function isEmpty() {
+    return this.size !== undefined ? this.size === 0 : !this.some(function () { return true; });
+  },
+
+  count: function count(predicate, context) {
+    return ensureSize(
+      predicate ? this.toSeq().filter(predicate, context) : this
+    );
+  },
+
+  countBy: function countBy(grouper, context) {
+    return countByFactory(this, grouper, context);
+  },
+
+  equals: function equals(other) {
+    return deepEqual(this, other);
+  },
+
+  entrySeq: function entrySeq() {
+    // eslint-disable-next-line @typescript-eslint/no-this-alias
+    var collection = this;
+    if (collection._cache) {
+      // We cache as an entries array, so we can just return the cache!
+      return new ArraySeq(collection._cache);
+    }
+    var entriesSequence = collection.toSeq().map(entryMapper).toIndexedSeq();
+    entriesSequence.fromEntrySeq = function () { return collection.toSeq(); };
+    return entriesSequence;
+  },
+
+  filterNot: function filterNot(predicate, context) {
+    return this.filter(not(predicate), context);
+  },
+
+  findEntry: function findEntry(predicate, context, notSetValue) {
+    var found = notSetValue;
+    this.__iterate(function (v, k, c) {
+      if (predicate.call(context, v, k, c)) {
+        found = [k, v];
+        return false;
+      }
+    });
+    return found;
+  },
+
+  findKey: function findKey(predicate, context) {
+    var entry = this.findEntry(predicate, context);
+    return entry && entry[0];
+  },
+
+  findLast: function findLast(predicate, context, notSetValue) {
+    return this.toKeyedSeq().reverse().find(predicate, context, notSetValue);
+  },
+
+  findLastEntry: function findLastEntry(predicate, context, notSetValue) {
+    return this.toKeyedSeq()
+      .reverse()
+      .findEntry(predicate, context, notSetValue);
+  },
+
+  findLastKey: function findLastKey(predicate, context) {
+    return this.toKeyedSeq().reverse().findKey(predicate, context);
+  },
+
+  first: function first(notSetValue) {
+    return this.find(returnTrue, null, notSetValue);
+  },
+
+  flatMap: function flatMap(mapper, context) {
+    return reify(this, flatMapFactory(this, mapper, context));
+  },
+
+  flatten: function flatten(depth) {
+    return reify(this, flattenFactory(this, depth, true));
+  },
+
+  fromEntrySeq: function fromEntrySeq() {
+    return new FromEntriesSequence(this);
+  },
+
+  get: function get(searchKey, notSetValue) {
+    return this.find(function (_, key) { return is(key, searchKey); }, undefined, notSetValue);
+  },
+
+  getIn: getIn,
+
+  groupBy: function groupBy(grouper, context) {
+    return groupByFactory(this, grouper, context);
+  },
+
+  has: function has(searchKey) {
+    return this.get(searchKey, NOT_SET) !== NOT_SET;
+  },
+
+  hasIn: hasIn,
+
+  isSubset: function isSubset(iter) {
+    iter = typeof iter.includes === 'function' ? iter : Collection(iter);
+    return this.every(function (value) { return iter.includes(value); });
+  },
+
+  isSuperset: function isSuperset(iter) {
+    iter = typeof iter.isSubset === 'function' ? iter : Collection(iter);
+    return iter.isSubset(this);
+  },
+
+  keyOf: function keyOf(searchValue) {
+    return this.findKey(function (value) { return is(value, searchValue); });
+  },
+
+  keySeq: function keySeq() {
+    return this.toSeq().map(keyMapper).toIndexedSeq();
+  },
+
+  last: function last(notSetValue) {
+    return this.toSeq().reverse().first(notSetValue);
+  },
+
+  lastKeyOf: function lastKeyOf(searchValue) {
+    return this.toKeyedSeq().reverse().keyOf(searchValue);
+  },
+
+  max: function max(comparator) {
+    return maxFactory(this, comparator);
+  },
+
+  maxBy: function maxBy(mapper, comparator) {
+    return maxFactory(this, comparator, mapper);
+  },
+
+  min: function min(comparator) {
+    return maxFactory(
+      this,
+      comparator ? neg(comparator) : defaultNegComparator
+    );
+  },
+
+  minBy: function minBy(mapper, comparator) {
+    return maxFactory(
+      this,
+      comparator ? neg(comparator) : defaultNegComparator,
+      mapper
+    );
+  },
+
+  rest: function rest() {
+    return this.slice(1);
+  },
+
+  skip: function skip(amount) {
+    return amount === 0 ? this : this.slice(Math.max(0, amount));
+  },
+
+  skipLast: function skipLast(amount) {
+    return amount === 0 ? this : this.slice(0, -Math.max(0, amount));
+  },
+
+  skipWhile: function skipWhile(predicate, context) {
+    return reify(this, skipWhileFactory(this, predicate, context, true));
+  },
+
+  skipUntil: function skipUntil(predicate, context) {
+    return this.skipWhile(not(predicate), context);
+  },
+
+  sortBy: function sortBy(mapper, comparator) {
+    return reify(this, sortFactory(this, comparator, mapper));
+  },
+
+  take: function take(amount) {
+    return this.slice(0, Math.max(0, amount));
+  },
+
+  takeLast: function takeLast(amount) {
+    return this.slice(-Math.max(0, amount));
+  },
+
+  takeWhile: function takeWhile(predicate, context) {
+    return reify(this, takeWhileFactory(this, predicate, context));
+  },
+
+  takeUntil: function takeUntil(predicate, context) {
+    return this.takeWhile(not(predicate), context);
+  },
+
+  update: function update(fn) {
+    return fn(this);
+  },
+
+  valueSeq: function valueSeq() {
+    return this.toIndexedSeq();
+  },
+
+  // ### Hashable Object
+
+  hashCode: function hashCode() {
+    return this.__hash || (this.__hash = hashCollection(this));
+  },
+
+  // ### Internal
+
+  // abstract __iterate(fn, reverse)
+
+  // abstract __iterator(type, reverse)
+});
+
+var CollectionPrototype = Collection.prototype;
+CollectionPrototype[IS_COLLECTION_SYMBOL] = true;
+CollectionPrototype[ITERATOR_SYMBOL] = CollectionPrototype.values;
+CollectionPrototype.toJSON = CollectionPrototype.toArray;
+CollectionPrototype.__toStringMapper = quoteString;
+CollectionPrototype.inspect = CollectionPrototype.toSource = function () {
+  return this.toString();
+};
+CollectionPrototype.chain = CollectionPrototype.flatMap;
+CollectionPrototype.contains = CollectionPrototype.includes;
+
+mixin(KeyedCollection, {
+  // ### More sequential methods
+
+  flip: function flip() {
+    return reify(this, flipFactory(this));
+  },
+
+  mapEntries: function mapEntries(mapper, context) {
+    var this$1$1 = this;
+
+    var iterations = 0;
+    return reify(
+      this,
+      this.toSeq()
+        .map(function (v, k) { return mapper.call(context, [k, v], iterations++, this$1$1); })
+        .fromEntrySeq()
+    );
+  },
+
+  mapKeys: function mapKeys(mapper, context) {
+    var this$1$1 = this;
+
+    return reify(
+      this,
+      this.toSeq()
+        .flip()
+        .map(function (k, v) { return mapper.call(context, k, v, this$1$1); })
+        .flip()
+    );
+  },
+});
+
+var KeyedCollectionPrototype = KeyedCollection.prototype;
+KeyedCollectionPrototype[IS_KEYED_SYMBOL] = true;
+KeyedCollectionPrototype[ITERATOR_SYMBOL] = CollectionPrototype.entries;
+KeyedCollectionPrototype.toJSON = toObject;
+KeyedCollectionPrototype.__toStringMapper = function (v, k) { return quoteString(k) + ': ' + quoteString(v); };
+
+mixin(IndexedCollection, {
+  // ### Conversion to other types
+
+  toKeyedSeq: function toKeyedSeq() {
+    return new ToKeyedSequence(this, false);
+  },
+
+  // ### ES6 Collection methods (ES6 Array and Map)
+
+  filter: function filter(predicate, context) {
+    return reify(this, filterFactory(this, predicate, context, false));
+  },
+
+  findIndex: function findIndex(predicate, context) {
+    var entry = this.findEntry(predicate, context);
+    return entry ? entry[0] : -1;
+  },
+
+  indexOf: function indexOf(searchValue) {
+    var key = this.keyOf(searchValue);
+    return key === undefined ? -1 : key;
+  },
+
+  lastIndexOf: function lastIndexOf(searchValue) {
+    var key = this.lastKeyOf(searchValue);
+    return key === undefined ? -1 : key;
+  },
+
+  reverse: function reverse() {
+    return reify(this, reverseFactory(this, false));
+  },
+
+  slice: function slice(begin, end) {
+    return reify(this, sliceFactory(this, begin, end, false));
+  },
+
+  splice: function splice(index, removeNum /*, ...values*/) {
+    var numArgs = arguments.length;
+    removeNum = Math.max(removeNum || 0, 0);
+    if (numArgs === 0 || (numArgs === 2 && !removeNum)) {
+      return this;
+    }
+    // If index is negative, it should resolve relative to the size of the
+    // collection. However size may be expensive to compute if not cached, so
+    // only call count() if the number is in fact negative.
+    index = resolveBegin(index, index < 0 ? this.count() : this.size);
+    var spliced = this.slice(0, index);
+    return reify(
+      this,
+      numArgs === 1
+        ? spliced
+        : spliced.concat(arrCopy(arguments, 2), this.slice(index + removeNum))
+    );
+  },
+
+  // ### More collection methods
+
+  findLastIndex: function findLastIndex(predicate, context) {
+    var entry = this.findLastEntry(predicate, context);
+    return entry ? entry[0] : -1;
+  },
+
+  first: function first(notSetValue) {
+    return this.get(0, notSetValue);
+  },
+
+  flatten: function flatten(depth) {
+    return reify(this, flattenFactory(this, depth, false));
+  },
+
+  get: function get(index, notSetValue) {
+    index = wrapIndex(this, index);
+    return index < 0 ||
+      this.size === Infinity ||
+      (this.size !== undefined && index > this.size)
+      ? notSetValue
+      : this.find(function (_, key) { return key === index; }, undefined, notSetValue);
+  },
+
+  has: function has(index) {
+    index = wrapIndex(this, index);
+    return (
+      index >= 0 &&
+      (this.size !== undefined
+        ? this.size === Infinity || index < this.size
+        : this.indexOf(index) !== -1)
+    );
+  },
+
+  interpose: function interpose(separator) {
+    return reify(this, interposeFactory(this, separator));
+  },
+
+  interleave: function interleave(/*...collections*/) {
+    var collections = [this].concat(arrCopy(arguments));
+    var zipped = zipWithFactory(this.toSeq(), IndexedSeq.of, collections);
+    var interleaved = zipped.flatten(true);
+    if (zipped.size) {
+      interleaved.size = zipped.size * collections.length;
+    }
+    return reify(this, interleaved);
+  },
+
+  keySeq: function keySeq() {
+    return Range(0, this.size);
+  },
+
+  last: function last(notSetValue) {
+    return this.get(-1, notSetValue);
+  },
+
+  skipWhile: function skipWhile(predicate, context) {
+    return reify(this, skipWhileFactory(this, predicate, context, false));
+  },
+
+  zip: function zip(/*, ...collections */) {
+    var collections = [this].concat(arrCopy(arguments));
+    return reify(this, zipWithFactory(this, defaultZipper, collections));
+  },
+
+  zipAll: function zipAll(/*, ...collections */) {
+    var collections = [this].concat(arrCopy(arguments));
+    return reify(this, zipWithFactory(this, defaultZipper, collections, true));
+  },
+
+  zipWith: function zipWith(zipper /*, ...collections */) {
+    var collections = arrCopy(arguments);
+    collections[0] = this;
+    return reify(this, zipWithFactory(this, zipper, collections));
+  },
+});
+
+var IndexedCollectionPrototype = IndexedCollection.prototype;
+IndexedCollectionPrototype[IS_INDEXED_SYMBOL] = true;
+IndexedCollectionPrototype[IS_ORDERED_SYMBOL] = true;
+
+mixin(SetCollection, {
+  // ### ES6 Collection methods (ES6 Array and Map)
+
+  get: function get(value, notSetValue) {
+    return this.has(value) ? value : notSetValue;
+  },
+
+  includes: function includes(value) {
+    return this.has(value);
+  },
+
+  // ### More sequential methods
+
+  keySeq: function keySeq() {
+    return this.valueSeq();
+  },
+});
+
+var SetCollectionPrototype = SetCollection.prototype;
+SetCollectionPrototype.has = CollectionPrototype.includes;
+SetCollectionPrototype.contains = SetCollectionPrototype.includes;
+SetCollectionPrototype.keys = SetCollectionPrototype.values;
+
+// Mixin subclasses
+
+mixin(KeyedSeq, KeyedCollectionPrototype);
+mixin(IndexedSeq, IndexedCollectionPrototype);
+mixin(SetSeq, SetCollectionPrototype);
+
+// #pragma Helper functions
+
+function reduce(collection, reducer, reduction, context, useFirst, reverse) {
+  assertNotInfinite(collection.size);
+  collection.__iterate(function (v, k, c) {
+    if (useFirst) {
+      useFirst = false;
+      reduction = v;
+    } else {
+      reduction = reducer.call(context, reduction, v, k, c);
+    }
+  }, reverse);
+  return reduction;
+}
+
+function keyMapper(v, k) {
+  return k;
+}
+
+function entryMapper(v, k) {
+  return [k, v];
+}
+
+function not(predicate) {
+  return function () {
+    return !predicate.apply(this, arguments);
+  };
+}
+
+function neg(predicate) {
+  return function () {
+    return -predicate.apply(this, arguments);
+  };
+}
+
+function defaultZipper() {
+  return arrCopy(arguments);
+}
+
+function defaultNegComparator(a, b) {
+  return a < b ? 1 : a > b ? -1 : 0;
+}
+
+function hashCollection(collection) {
+  if (collection.size === Infinity) {
+    return 0;
+  }
+  var ordered = isOrdered(collection);
+  var keyed = isKeyed(collection);
+  var h = ordered ? 1 : 0;
+
+  collection.__iterate(
+    keyed
+      ? ordered
+        ? function (v, k) {
+            h = (31 * h + hashMerge(hash(v), hash(k))) | 0;
+          }
+        : function (v, k) {
+            h = (h + hashMerge(hash(v), hash(k))) | 0;
+          }
+      : ordered
+        ? function (v) {
+            h = (31 * h + hash(v)) | 0;
+          }
+        : function (v) {
+            h = (h + hash(v)) | 0;
+          }
+  );
+
+  return murmurHashOfSize(collection.size, h);
+}
+
+function murmurHashOfSize(size, h) {
+  h = imul(h, 0xcc9e2d51);
+  h = imul((h << 15) | (h >>> -15), 0x1b873593);
+  h = imul((h << 13) | (h >>> -13), 5);
+  h = ((h + 0xe6546b64) | 0) ^ size;
+  h = imul(h ^ (h >>> 16), 0x85ebca6b);
+  h = imul(h ^ (h >>> 13), 0xc2b2ae35);
+  h = smi(h ^ (h >>> 16));
+  return h;
+}
+
+function hashMerge(a, b) {
+  return (a ^ (b + 0x9e3779b9 + (a << 6) + (a >> 2))) | 0; // int
+}
+
+var OrderedSet = /*@__PURE__*/(function (Set) {
+  function OrderedSet(value) {
+    // eslint-disable-next-line no-constructor-return
+    return value === undefined || value === null
+      ? emptyOrderedSet()
+      : isOrderedSet(value)
+        ? value
+        : emptyOrderedSet().withMutations(function (set) {
+            var iter = SetCollection(value);
+            assertNotInfinite(iter.size);
+            iter.forEach(function (v) { return set.add(v); });
+          });
+  }
+
+  if ( Set ) OrderedSet.__proto__ = Set;
+  OrderedSet.prototype = Object.create( Set && Set.prototype );
+  OrderedSet.prototype.constructor = OrderedSet;
+
+  OrderedSet.of = function of (/*...values*/) {
+    return this(arguments);
+  };
+
+  OrderedSet.fromKeys = function fromKeys (value) {
+    return this(KeyedCollection(value).keySeq());
+  };
+
+  OrderedSet.prototype.toString = function toString () {
+    return this.__toString('OrderedSet {', '}');
+  };
+
+  return OrderedSet;
+}(Set));
+
+OrderedSet.isOrderedSet = isOrderedSet;
+
+var OrderedSetPrototype = OrderedSet.prototype;
+OrderedSetPrototype[IS_ORDERED_SYMBOL] = true;
+OrderedSetPrototype.zip = IndexedCollectionPrototype.zip;
+OrderedSetPrototype.zipWith = IndexedCollectionPrototype.zipWith;
+OrderedSetPrototype.zipAll = IndexedCollectionPrototype.zipAll;
+
+OrderedSetPrototype.__empty = emptyOrderedSet;
+OrderedSetPrototype.__make = makeOrderedSet;
+
+function makeOrderedSet(map, ownerID) {
+  var set = Object.create(OrderedSetPrototype);
+  set.size = map ? map.size : 0;
+  set._map = map;
+  set.__ownerID = ownerID;
+  return set;
+}
+
+var EMPTY_ORDERED_SET;
+function emptyOrderedSet() {
+  return (
+    EMPTY_ORDERED_SET || (EMPTY_ORDERED_SET = makeOrderedSet(emptyOrderedMap()))
+  );
+}
+
+var PairSorting = {
+  LeftThenRight: -1,
+  RightThenLeft: 1,
+};
+
+function throwOnInvalidDefaultValues(defaultValues) {
+  if (isRecord(defaultValues)) {
+    throw new Error(
+      'Can not call `Record` with an immutable Record as default values. Use a plain javascript object instead.'
+    );
+  }
+
+  if (isImmutable(defaultValues)) {
+    throw new Error(
+      'Can not call `Record` with an immutable Collection as default values. Use a plain javascript object instead.'
+    );
+  }
+
+  if (defaultValues === null || typeof defaultValues !== 'object') {
+    throw new Error(
+      'Can not call `Record` with a non-object as default values. Use a plain javascript object instead.'
+    );
+  }
+}
+
+var Record = function Record(defaultValues, name) {
+  var hasInitialized;
+
+  throwOnInvalidDefaultValues(defaultValues);
+
+  var RecordType = function Record(values) {
+    var this$1$1 = this;
+
+    if (values instanceof RecordType) {
+      return values;
+    }
+    if (!(this instanceof RecordType)) {
+      return new RecordType(values);
+    }
+    if (!hasInitialized) {
+      hasInitialized = true;
+      var keys = Object.keys(defaultValues);
+      var indices = (RecordTypePrototype._indices = {});
+      // Deprecated: left to attempt not to break any external code which
+      // relies on a ._name property existing on record instances.
+      // Use Record.getDescriptiveName() instead
+      RecordTypePrototype._name = name;
+      RecordTypePrototype._keys = keys;
+      RecordTypePrototype._defaultValues = defaultValues;
+      for (var i = 0; i < keys.length; i++) {
+        var propName = keys[i];
+        indices[propName] = i;
+        if (RecordTypePrototype[propName]) {
+          /* eslint-disable no-console */
+          // eslint-disable-next-line @typescript-eslint/no-unused-expressions -- TODO enable eslint here
+          typeof console === 'object' &&
+            console.warn &&
+            console.warn(
+              'Cannot define ' +
+                recordName(this) +
+                ' with property "' +
+                propName +
+                '" since that property name is part of the Record API.'
+            );
+          /* eslint-enable no-console */
+        } else {
+          setProp(RecordTypePrototype, propName);
+        }
+      }
+    }
+    this.__ownerID = undefined;
+    this._values = List().withMutations(function (l) {
+      l.setSize(this$1$1._keys.length);
+      KeyedCollection(values).forEach(function (v, k) {
+        l.set(this$1$1._indices[k], v === this$1$1._defaultValues[k] ? undefined : v);
+      });
+    });
+    return this;
+  };
+
+  var RecordTypePrototype = (RecordType.prototype =
+    Object.create(RecordPrototype));
+  RecordTypePrototype.constructor = RecordType;
+
+  if (name) {
+    RecordType.displayName = name;
+  }
+
+  // eslint-disable-next-line no-constructor-return
+  return RecordType;
+};
+
+Record.prototype.toString = function toString () {
+  var str = recordName(this) + ' { ';
+  var keys = this._keys;
+  var k;
+  for (var i = 0, l = keys.length; i !== l; i++) {
+    k = keys[i];
+    str += (i ? ', ' : '') + k + ': ' + quoteString(this.get(k));
+  }
+  return str + ' }';
+};
+
+Record.prototype.equals = function equals (other) {
+  return (
+    this === other ||
+    (isRecord(other) && recordSeq(this).equals(recordSeq(other)))
+  );
+};
+
+Record.prototype.hashCode = function hashCode () {
+  return recordSeq(this).hashCode();
+};
+
+// @pragma Access
+
+Record.prototype.has = function has (k) {
+  return this._indices.hasOwnProperty(k);
+};
+
+Record.prototype.get = function get (k, notSetValue) {
+  if (!this.has(k)) {
+    return notSetValue;
+  }
+  var index = this._indices[k];
+  var value = this._values.get(index);
+  return value === undefined ? this._defaultValues[k] : value;
+};
+
+// @pragma Modification
+
+Record.prototype.set = function set (k, v) {
+  if (this.has(k)) {
+    var newValues = this._values.set(
+      this._indices[k],
+      v === this._defaultValues[k] ? undefined : v
+    );
+    if (newValues !== this._values && !this.__ownerID) {
+      return makeRecord(this, newValues);
+    }
+  }
+  return this;
+};
+
+Record.prototype.remove = function remove (k) {
+  return this.set(k);
+};
+
+Record.prototype.clear = function clear () {
+  var newValues = this._values.clear().setSize(this._keys.length);
+
+  return this.__ownerID ? this : makeRecord(this, newValues);
+};
+
+Record.prototype.wasAltered = function wasAltered () {
+  return this._values.wasAltered();
+};
+
+Record.prototype.toSeq = function toSeq () {
+  return recordSeq(this);
+};
+
+Record.prototype.toJS = function toJS$1 () {
+  return toJS(this);
+};
+
+Record.prototype.entries = function entries () {
+  return this.__iterator(ITERATE_ENTRIES);
+};
+
+Record.prototype.__iterator = function __iterator (type, reverse) {
+  return recordSeq(this).__iterator(type, reverse);
+};
+
+Record.prototype.__iterate = function __iterate (fn, reverse) {
+  return recordSeq(this).__iterate(fn, reverse);
+};
+
+Record.prototype.__ensureOwner = function __ensureOwner (ownerID) {
+  if (ownerID === this.__ownerID) {
+    return this;
+  }
+  var newValues = this._values.__ensureOwner(ownerID);
+  if (!ownerID) {
+    this.__ownerID = ownerID;
+    this._values = newValues;
+    return this;
+  }
+  return makeRecord(this, newValues, ownerID);
+};
+
+Record.isRecord = isRecord;
+Record.getDescriptiveName = recordName;
+var RecordPrototype = Record.prototype;
+RecordPrototype[IS_RECORD_SYMBOL] = true;
+RecordPrototype[DELETE] = RecordPrototype.remove;
+RecordPrototype.deleteIn = RecordPrototype.removeIn = deleteIn;
+RecordPrototype.getIn = getIn;
+RecordPrototype.hasIn = CollectionPrototype.hasIn;
+RecordPrototype.merge = merge$1;
+RecordPrototype.mergeWith = mergeWith$1;
+RecordPrototype.mergeIn = mergeIn;
+RecordPrototype.mergeDeep = mergeDeep;
+RecordPrototype.mergeDeepWith = mergeDeepWith;
+RecordPrototype.mergeDeepIn = mergeDeepIn;
+RecordPrototype.setIn = setIn;
+RecordPrototype.update = update;
+RecordPrototype.updateIn = updateIn;
+RecordPrototype.withMutations = withMutations;
+RecordPrototype.asMutable = asMutable;
+RecordPrototype.asImmutable = asImmutable;
+RecordPrototype[ITERATOR_SYMBOL] = RecordPrototype.entries;
+RecordPrototype.toJSON = RecordPrototype.toObject =
+  CollectionPrototype.toObject;
+RecordPrototype.inspect = RecordPrototype.toSource = function () {
+  return this.toString();
+};
+
+function makeRecord(likeRecord, values, ownerID) {
+  var record = Object.create(Object.getPrototypeOf(likeRecord));
+  record._values = values;
+  record.__ownerID = ownerID;
+  return record;
+}
+
+function recordName(record) {
+  return record.constructor.displayName || record.constructor.name || 'Record';
+}
+
+function recordSeq(record) {
+  return keyedSeqFromValue(record._keys.map(function (k) { return [k, record.get(k)]; }));
+}
+
+function setProp(prototype, name) {
+  try {
+    Object.defineProperty(prototype, name, {
+      get: function () {
+        return this.get(name);
+      },
+      set: function (value) {
+        invariant(this.__ownerID, 'Cannot set on an immutable record.');
+        this.set(name, value);
+      },
+    });
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars -- TODO enable eslint here
+  } catch (error) {
+    // Object.defineProperty failed. Probably IE8.
+  }
+}
+
+/**
+ * Returns a lazy Seq of `value` repeated `times` times. When `times` is
+ * undefined, returns an infinite sequence of `value`.
+ */
+var Repeat = /*@__PURE__*/(function (IndexedSeq) {
+  function Repeat(value, times) {
+    if (!(this instanceof Repeat)) {
+      // eslint-disable-next-line no-constructor-return
+      return new Repeat(value, times);
+    }
+    this._value = value;
+    this.size = times === undefined ? Infinity : Math.max(0, times);
+    if (this.size === 0) {
+      if (EMPTY_REPEAT) {
+        // eslint-disable-next-line no-constructor-return
+        return EMPTY_REPEAT;
+      }
+      // eslint-disable-next-line @typescript-eslint/no-this-alias
+      EMPTY_REPEAT = this;
+    }
+  }
+
+  if ( IndexedSeq ) Repeat.__proto__ = IndexedSeq;
+  Repeat.prototype = Object.create( IndexedSeq && IndexedSeq.prototype );
+  Repeat.prototype.constructor = Repeat;
+
+  Repeat.prototype.toString = function toString () {
+    if (this.size === 0) {
+      return 'Repeat []';
+    }
+    return 'Repeat [ ' + this._value + ' ' + this.size + ' times ]';
+  };
+
+  Repeat.prototype.get = function get (index, notSetValue) {
+    return this.has(index) ? this._value : notSetValue;
+  };
+
+  Repeat.prototype.includes = function includes (searchValue) {
+    return is(this._value, searchValue);
+  };
+
+  Repeat.prototype.slice = function slice (begin, end) {
+    var size = this.size;
+    return wholeSlice(begin, end, size)
+      ? this
+      : new Repeat(
+          this._value,
+          resolveEnd(end, size) - resolveBegin(begin, size)
+        );
+  };
+
+  Repeat.prototype.reverse = function reverse () {
+    return this;
+  };
+
+  Repeat.prototype.indexOf = function indexOf (searchValue) {
+    if (is(this._value, searchValue)) {
+      return 0;
+    }
+    return -1;
+  };
+
+  Repeat.prototype.lastIndexOf = function lastIndexOf (searchValue) {
+    if (is(this._value, searchValue)) {
+      return this.size;
+    }
+    return -1;
+  };
+
+  Repeat.prototype.__iterate = function __iterate (fn, reverse) {
+    var size = this.size;
+    var i = 0;
+    while (i !== size) {
+      if (fn(this._value, reverse ? size - ++i : i++, this) === false) {
+        break;
+      }
+    }
+    return i;
+  };
+
+  Repeat.prototype.__iterator = function __iterator (type, reverse) {
+    var this$1$1 = this;
+
+    var size = this.size;
+    var i = 0;
+    return new Iterator(function () { return i === size
+        ? iteratorDone()
+        : iteratorValue(type, reverse ? size - ++i : i++, this$1$1._value); }
+    );
+  };
+
+  Repeat.prototype.equals = function equals (other) {
+    return other instanceof Repeat
+      ? is(this._value, other._value)
+      : deepEqual(this, other);
+  };
+
+  return Repeat;
+}(IndexedSeq));
+
+var EMPTY_REPEAT;
+
+function fromJS(value, converter) {
+  return fromJSWith(
+    [],
+    converter || defaultConverter,
+    value,
+    '',
+    converter && converter.length > 2 ? [] : undefined,
+    { '': value }
+  );
+}
+
+function fromJSWith(stack, converter, value, key, keyPath, parentValue) {
+  if (
+    typeof value !== 'string' &&
+    !isImmutable(value) &&
+    (isArrayLike(value) || hasIterator(value) || isPlainObject(value))
+  ) {
+    if (~stack.indexOf(value)) {
+      throw new TypeError('Cannot convert circular structure to Immutable');
+    }
+    stack.push(value);
+    // eslint-disable-next-line @typescript-eslint/no-unused-expressions -- TODO enable eslint here
+    keyPath && key !== '' && keyPath.push(key);
+    var converted = converter.call(
+      parentValue,
+      key,
+      Seq(value).map(function (v, k) { return fromJSWith(stack, converter, v, k, keyPath, value); }
+      ),
+      keyPath && keyPath.slice()
+    );
+    stack.pop();
+    // eslint-disable-next-line @typescript-eslint/no-unused-expressions -- TODO enable eslint here
+    keyPath && keyPath.pop();
+    return converted;
+  }
+  return value;
+}
+
+function defaultConverter(k, v) {
+  // Effectively the opposite of "Collection.toSeq()"
+  return isIndexed(v) ? v.toList() : isKeyed(v) ? v.toMap() : v.toSet();
+}
+
+var version = "5.1.3";
+
+// Note: Iterable is deprecated
+var Iterable = Collection;
+
+export { Collection, Iterable, List, Map, OrderedMap, OrderedSet, PairSorting, Range, Record, Repeat, Seq, Set, Stack, fromJS, get, getIn$1 as getIn, has, hasIn$1 as hasIn, hash, is, isAssociative, isCollection, isImmutable, isIndexed, isKeyed, isList, isMap, isOrdered, isOrderedMap, isOrderedSet, isPlainObject, isRecord, isSeq, isSet, isStack, isValueObject, merge, mergeDeep$1 as mergeDeep, mergeDeepWith$1 as mergeDeepWith, mergeWith, remove, removeIn, set, setIn$1 as setIn, update$1 as update, updateIn$1 as updateIn, version };
diff --git a/node_modules/immutable/dist/immutable.js b/node_modules/immutable/dist/immutable.js
new file mode 100644
index 0000000..873902a
--- /dev/null
+++ b/node_modules/immutable/dist/immutable.js
@@ -0,0 +1,6236 @@
+/**
+ * @license
+ * MIT License
+ * 
+ * Copyright (c) 2014-present, Lee Byron and other contributors.
+ * 
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ * 
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ * 
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ */
+(function (global, factory) {
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports) :
+    typeof define === 'function' && define.amd ? define(['exports'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.Immutable = {}));
+})(this, (function (exports) { 'use strict';
+
+    // Used for setting prototype methods that IE8 chokes on.
+    var DELETE = 'delete';
+    // Constants describing the size of trie nodes.
+    var SHIFT = 5; // Resulted in best performance after ______?
+    var SIZE = 1 << SHIFT;
+    var MASK = SIZE - 1;
+    // A consistent shared value representing "not set" which equals nothing other
+    // than itself, and nothing that could be provided externally.
+    var NOT_SET = {};
+    // Boolean references, Rough equivalent of `bool &`.
+    function MakeRef() {
+        return { value: false };
+    }
+    function SetRef(ref) {
+        if (ref) {
+            ref.value = true;
+        }
+    }
+    // A function which returns a value representing an "owner" for transient writes
+    // to tries. The return value will only ever equal itself, and will not equal
+    // the return of any subsequent call of this function.
+    function OwnerID() { }
+    function ensureSize(iter) {
+        // @ts-expect-error size should exists on Collection
+        if (iter.size === undefined) {
+            // @ts-expect-error size should exists on Collection, __iterate does exist on Collection
+            iter.size = iter.__iterate(returnTrue);
+        }
+        // @ts-expect-error size should exists on Collection
+        return iter.size;
+    }
+    function wrapIndex(iter, index) {
+        // This implements "is array index" which the ECMAString spec defines as:
+        //
+        //     A String property name P is an array index if and only if
+        //     ToString(ToUint32(P)) is equal to P and ToUint32(P) is not equal
+        //     to 2^32−1.
+        //
+        // http://www.ecma-international.org/ecma-262/6.0/#sec-array-exotic-objects
+        if (typeof index !== 'number') {
+            var uint32Index = index >>> 0; // N >>> 0 is shorthand for ToUint32
+            if ('' + uint32Index !== index || uint32Index === 4294967295) {
+                return NaN;
+            }
+            index = uint32Index;
+        }
+        return index < 0 ? ensureSize(iter) + index : index;
+    }
+    function returnTrue() {
+        return true;
+    }
+    function wholeSlice(begin, end, size) {
+        return (((begin === 0 && !isNeg(begin)) ||
+            (size !== undefined && begin <= -size)) &&
+            (end === undefined || (size !== undefined && end >= size)));
+    }
+    function resolveBegin(begin, size) {
+        return resolveIndex(begin, size, 0);
+    }
+    function resolveEnd(end, size) {
+        return resolveIndex(end, size, size);
+    }
+    function resolveIndex(index, size, defaultIndex) {
+        // Sanitize indices using this shorthand for ToInt32(argument)
+        // http://www.ecma-international.org/ecma-262/6.0/#sec-toint32
+        return index === undefined
+            ? defaultIndex
+            : isNeg(index)
+                ? size === Infinity
+                    ? size
+                    : Math.max(0, size + index) | 0
+                : size === undefined || size === index
+                    ? index
+                    : Math.min(size, index) | 0;
+    }
+    function isNeg(value) {
+        // Account for -0 which is negative, but not less than 0.
+        return value < 0 || (value === 0 && 1 / value === -Infinity);
+    }
+
+    // Note: value is unchanged to not break immutable-devtools.
+    var IS_COLLECTION_SYMBOL = '@@__IMMUTABLE_ITERABLE__@@';
+    /**
+     * True if `maybeCollection` is a Collection, or any of its subclasses.
+     *
+     * ```js
+     * import { isCollection, Map, List, Stack } from 'immutable';
+     *
+     * isCollection([]); // false
+     * isCollection({}); // false
+     * isCollection(Map()); // true
+     * isCollection(List()); // true
+     * isCollection(Stack()); // true
+     * ```
+     */
+    function isCollection(maybeCollection) {
+        return Boolean(maybeCollection &&
+            // @ts-expect-error: maybeCollection is typed as `{}`, need to change in 6.0 to `maybeCollection && typeof maybeCollection === 'object' && IS_COLLECTION_SYMBOL in maybeCollection`
+            maybeCollection[IS_COLLECTION_SYMBOL]);
+    }
+
+    var IS_KEYED_SYMBOL = '@@__IMMUTABLE_KEYED__@@';
+    /**
+     * True if `maybeKeyed` is a Collection.Keyed, or any of its subclasses.
+     *
+     * ```js
+     * import { isKeyed, Map, List, Stack } from 'immutable';
+     *
+     * isKeyed([]); // false
+     * isKeyed({}); // false
+     * isKeyed(Map()); // true
+     * isKeyed(List()); // false
+     * isKeyed(Stack()); // false
+     * ```
+     */
+    function isKeyed(maybeKeyed) {
+        return Boolean(maybeKeyed &&
+            // @ts-expect-error: maybeKeyed is typed as `{}`, need to change in 6.0 to `maybeKeyed && typeof maybeKeyed === 'object' && IS_KEYED_SYMBOL in maybeKeyed`
+            maybeKeyed[IS_KEYED_SYMBOL]);
+    }
+
+    var IS_INDEXED_SYMBOL = '@@__IMMUTABLE_INDEXED__@@';
+    /**
+     * True if `maybeIndexed` is a Collection.Indexed, or any of its subclasses.
+     *
+     * ```js
+     * import { isIndexed, Map, List, Stack, Set } from 'immutable';
+     *
+     * isIndexed([]); // false
+     * isIndexed({}); // false
+     * isIndexed(Map()); // false
+     * isIndexed(List()); // true
+     * isIndexed(Stack()); // true
+     * isIndexed(Set()); // false
+     * ```
+     */
+    function isIndexed(maybeIndexed) {
+        return Boolean(maybeIndexed &&
+            // @ts-expect-error: maybeIndexed is typed as `{}`, need to change in 6.0 to `maybeIndexed && typeof maybeIndexed === 'object' && IS_INDEXED_SYMBOL in maybeIndexed`
+            maybeIndexed[IS_INDEXED_SYMBOL]);
+    }
+
+    /**
+     * True if `maybeAssociative` is either a Keyed or Indexed Collection.
+     *
+     * ```js
+     * import { isAssociative, Map, List, Stack, Set } from 'immutable';
+     *
+     * isAssociative([]); // false
+     * isAssociative({}); // false
+     * isAssociative(Map()); // true
+     * isAssociative(List()); // true
+     * isAssociative(Stack()); // true
+     * isAssociative(Set()); // false
+     * ```
+     */
+    function isAssociative(maybeAssociative) {
+        return isKeyed(maybeAssociative) || isIndexed(maybeAssociative);
+    }
+
+    var Collection = function Collection(value) {
+      // eslint-disable-next-line no-constructor-return
+      return isCollection(value) ? value : Seq(value);
+    };
+
+    var KeyedCollection = /*@__PURE__*/(function (Collection) {
+      function KeyedCollection(value) {
+        // eslint-disable-next-line no-constructor-return
+        return isKeyed(value) ? value : KeyedSeq(value);
+      }
+
+      if ( Collection ) KeyedCollection.__proto__ = Collection;
+      KeyedCollection.prototype = Object.create( Collection && Collection.prototype );
+      KeyedCollection.prototype.constructor = KeyedCollection;
+
+      return KeyedCollection;
+    }(Collection));
+
+    var IndexedCollection = /*@__PURE__*/(function (Collection) {
+      function IndexedCollection(value) {
+        // eslint-disable-next-line no-constructor-return
+        return isIndexed(value) ? value : IndexedSeq(value);
+      }
+
+      if ( Collection ) IndexedCollection.__proto__ = Collection;
+      IndexedCollection.prototype = Object.create( Collection && Collection.prototype );
+      IndexedCollection.prototype.constructor = IndexedCollection;
+
+      return IndexedCollection;
+    }(Collection));
+
+    var SetCollection = /*@__PURE__*/(function (Collection) {
+      function SetCollection(value) {
+        // eslint-disable-next-line no-constructor-return
+        return isCollection(value) && !isAssociative(value) ? value : SetSeq(value);
+      }
+
+      if ( Collection ) SetCollection.__proto__ = Collection;
+      SetCollection.prototype = Object.create( Collection && Collection.prototype );
+      SetCollection.prototype.constructor = SetCollection;
+
+      return SetCollection;
+    }(Collection));
+
+    Collection.Keyed = KeyedCollection;
+    Collection.Indexed = IndexedCollection;
+    Collection.Set = SetCollection;
+
+    var IS_SEQ_SYMBOL = '@@__IMMUTABLE_SEQ__@@';
+    /**
+     * True if `maybeSeq` is a Seq.
+     */
+    function isSeq(maybeSeq) {
+        return Boolean(maybeSeq &&
+            // @ts-expect-error: maybeSeq is typed as `{}`, need to change in 6.0 to `maybeSeq && typeof maybeSeq === 'object' && MAYBE_SEQ_SYMBOL in maybeSeq`
+            maybeSeq[IS_SEQ_SYMBOL]);
+    }
+
+    var IS_RECORD_SYMBOL = '@@__IMMUTABLE_RECORD__@@';
+    /**
+     * True if `maybeRecord` is a Record.
+     */
+    function isRecord(maybeRecord) {
+        return Boolean(maybeRecord &&
+            // @ts-expect-error: maybeRecord is typed as `{}`, need to change in 6.0 to `maybeRecord && typeof maybeRecord === 'object' && IS_RECORD_SYMBOL in maybeRecord`
+            maybeRecord[IS_RECORD_SYMBOL]);
+    }
+
+    /**
+     * True if `maybeImmutable` is an Immutable Collection or Record.
+     *
+     * Note: Still returns true even if the collections is within a `withMutations()`.
+     *
+     * ```js
+     * import { isImmutable, Map, List, Stack } from 'immutable';
+     * isImmutable([]); // false
+     * isImmutable({}); // false
+     * isImmutable(Map()); // true
+     * isImmutable(List()); // true
+     * isImmutable(Stack()); // true
+     * isImmutable(Map().asMutable()); // true
+     * ```
+     */
+    function isImmutable(maybeImmutable) {
+        return isCollection(maybeImmutable) || isRecord(maybeImmutable);
+    }
+
+    var IS_ORDERED_SYMBOL = '@@__IMMUTABLE_ORDERED__@@';
+    function isOrdered(maybeOrdered) {
+        return Boolean(maybeOrdered &&
+            // @ts-expect-error: maybeOrdered is typed as `{}`, need to change in 6.0 to `maybeOrdered && typeof maybeOrdered === 'object' && IS_ORDERED_SYMBOL in maybeOrdered`
+            maybeOrdered[IS_ORDERED_SYMBOL]);
+    }
+
+    var ITERATE_KEYS = 0;
+    var ITERATE_VALUES = 1;
+    var ITERATE_ENTRIES = 2;
+
+    var REAL_ITERATOR_SYMBOL = typeof Symbol === 'function' && Symbol.iterator;
+    var FAUX_ITERATOR_SYMBOL = '@@iterator';
+
+    var ITERATOR_SYMBOL = REAL_ITERATOR_SYMBOL || FAUX_ITERATOR_SYMBOL;
+
+    var Iterator = function Iterator(next) {
+      this.next = next;
+    };
+
+    Iterator.prototype.toString = function toString () {
+      return '[Iterator]';
+    };
+
+    Iterator.KEYS = ITERATE_KEYS;
+    Iterator.VALUES = ITERATE_VALUES;
+    Iterator.ENTRIES = ITERATE_ENTRIES;
+
+    Iterator.prototype.inspect = Iterator.prototype.toSource = function () {
+      return this.toString();
+    };
+    Iterator.prototype[ITERATOR_SYMBOL] = function () {
+      return this;
+    };
+
+    function iteratorValue(type, k, v, iteratorResult) {
+      var value =
+        type === ITERATE_KEYS ? k : type === ITERATE_VALUES ? v : [k, v];
+      // eslint-disable-next-line @typescript-eslint/no-unused-expressions -- TODO enable eslint here
+      iteratorResult
+        ? (iteratorResult.value = value)
+        : (iteratorResult = {
+            value: value,
+            done: false,
+          });
+      return iteratorResult;
+    }
+
+    function iteratorDone() {
+      return { value: undefined, done: true };
+    }
+
+    function hasIterator(maybeIterable) {
+      if (Array.isArray(maybeIterable)) {
+        // IE11 trick as it does not support `Symbol.iterator`
+        return true;
+      }
+
+      return !!getIteratorFn(maybeIterable);
+    }
+
+    function isIterator(maybeIterator) {
+      return maybeIterator && typeof maybeIterator.next === 'function';
+    }
+
+    function getIterator(iterable) {
+      var iteratorFn = getIteratorFn(iterable);
+      return iteratorFn && iteratorFn.call(iterable);
+    }
+
+    function getIteratorFn(iterable) {
+      var iteratorFn =
+        iterable &&
+        ((REAL_ITERATOR_SYMBOL && iterable[REAL_ITERATOR_SYMBOL]) ||
+          iterable[FAUX_ITERATOR_SYMBOL]);
+      if (typeof iteratorFn === 'function') {
+        return iteratorFn;
+      }
+    }
+
+    function isEntriesIterable(maybeIterable) {
+      var iteratorFn = getIteratorFn(maybeIterable);
+      return iteratorFn && iteratorFn === maybeIterable.entries;
+    }
+
+    function isKeysIterable(maybeIterable) {
+      var iteratorFn = getIteratorFn(maybeIterable);
+      return iteratorFn && iteratorFn === maybeIterable.keys;
+    }
+
+    var hasOwnProperty = Object.prototype.hasOwnProperty;
+
+    function isArrayLike(value) {
+        if (Array.isArray(value) || typeof value === 'string') {
+            return true;
+        }
+        // @ts-expect-error "Type 'unknown' is not assignable to type 'boolean'" : convert to Boolean
+        return (value &&
+            typeof value === 'object' &&
+            // @ts-expect-error check that `'length' in value &&`
+            Number.isInteger(value.length) &&
+            // @ts-expect-error check that `'length' in value &&`
+            value.length >= 0 &&
+            // @ts-expect-error check that `'length' in value &&`
+            (value.length === 0
+                ? // Only {length: 0} is considered Array-like.
+                    Object.keys(value).length === 1
+                : // An object is only Array-like if it has a property where the last value
+                    // in the array-like may be found (which could be undefined).
+                    // @ts-expect-error check that `'length' in value &&`
+                    value.hasOwnProperty(value.length - 1)));
+    }
+
+    var Seq = /*@__PURE__*/(function (Collection) {
+      function Seq(value) {
+        // eslint-disable-next-line no-constructor-return
+        return value === undefined || value === null
+          ? emptySequence()
+          : isImmutable(value)
+            ? value.toSeq()
+            : seqFromValue(value);
+      }
+
+      if ( Collection ) Seq.__proto__ = Collection;
+      Seq.prototype = Object.create( Collection && Collection.prototype );
+      Seq.prototype.constructor = Seq;
+
+      Seq.prototype.toSeq = function toSeq () {
+        return this;
+      };
+
+      Seq.prototype.toString = function toString () {
+        return this.__toString('Seq {', '}');
+      };
+
+      Seq.prototype.cacheResult = function cacheResult () {
+        if (!this._cache && this.__iterateUncached) {
+          this._cache = this.entrySeq().toArray();
+          this.size = this._cache.length;
+        }
+        return this;
+      };
+
+      // abstract __iterateUncached(fn, reverse)
+
+      Seq.prototype.__iterate = function __iterate (fn, reverse) {
+        var cache = this._cache;
+        if (cache) {
+          var size = cache.length;
+          var i = 0;
+          while (i !== size) {
+            var entry = cache[reverse ? size - ++i : i++];
+            if (fn(entry[1], entry[0], this) === false) {
+              break;
+            }
+          }
+          return i;
+        }
+        return this.__iterateUncached(fn, reverse);
+      };
+
+      // abstract __iteratorUncached(type, reverse)
+
+      Seq.prototype.__iterator = function __iterator (type, reverse) {
+        var cache = this._cache;
+        if (cache) {
+          var size = cache.length;
+          var i = 0;
+          return new Iterator(function () {
+            if (i === size) {
+              return iteratorDone();
+            }
+            var entry = cache[reverse ? size - ++i : i++];
+            return iteratorValue(type, entry[0], entry[1]);
+          });
+        }
+        return this.__iteratorUncached(type, reverse);
+      };
+
+      return Seq;
+    }(Collection));
+
+    var KeyedSeq = /*@__PURE__*/(function (Seq) {
+      function KeyedSeq(value) {
+        // eslint-disable-next-line no-constructor-return
+        return value === undefined || value === null
+          ? emptySequence().toKeyedSeq()
+          : isCollection(value)
+            ? isKeyed(value)
+              ? value.toSeq()
+              : value.fromEntrySeq()
+            : isRecord(value)
+              ? value.toSeq()
+              : keyedSeqFromValue(value);
+      }
+
+      if ( Seq ) KeyedSeq.__proto__ = Seq;
+      KeyedSeq.prototype = Object.create( Seq && Seq.prototype );
+      KeyedSeq.prototype.constructor = KeyedSeq;
+
+      KeyedSeq.prototype.toKeyedSeq = function toKeyedSeq () {
+        return this;
+      };
+
+      return KeyedSeq;
+    }(Seq));
+
+    var IndexedSeq = /*@__PURE__*/(function (Seq) {
+      function IndexedSeq(value) {
+        // eslint-disable-next-line no-constructor-return
+        return value === undefined || value === null
+          ? emptySequence()
+          : isCollection(value)
+            ? isKeyed(value)
+              ? value.entrySeq()
+              : value.toIndexedSeq()
+            : isRecord(value)
+              ? value.toSeq().entrySeq()
+              : indexedSeqFromValue(value);
+      }
+
+      if ( Seq ) IndexedSeq.__proto__ = Seq;
+      IndexedSeq.prototype = Object.create( Seq && Seq.prototype );
+      IndexedSeq.prototype.constructor = IndexedSeq;
+
+      IndexedSeq.of = function of (/*...values*/) {
+        return IndexedSeq(arguments);
+      };
+
+      IndexedSeq.prototype.toIndexedSeq = function toIndexedSeq () {
+        return this;
+      };
+
+      IndexedSeq.prototype.toString = function toString () {
+        return this.__toString('Seq [', ']');
+      };
+
+      return IndexedSeq;
+    }(Seq));
+
+    var SetSeq = /*@__PURE__*/(function (Seq) {
+      function SetSeq(value) {
+        // eslint-disable-next-line no-constructor-return
+        return (
+          isCollection(value) && !isAssociative(value) ? value : IndexedSeq(value)
+        ).toSetSeq();
+      }
+
+      if ( Seq ) SetSeq.__proto__ = Seq;
+      SetSeq.prototype = Object.create( Seq && Seq.prototype );
+      SetSeq.prototype.constructor = SetSeq;
+
+      SetSeq.of = function of (/*...values*/) {
+        return SetSeq(arguments);
+      };
+
+      SetSeq.prototype.toSetSeq = function toSetSeq () {
+        return this;
+      };
+
+      return SetSeq;
+    }(Seq));
+
+    Seq.isSeq = isSeq;
+    Seq.Keyed = KeyedSeq;
+    Seq.Set = SetSeq;
+    Seq.Indexed = IndexedSeq;
+
+    Seq.prototype[IS_SEQ_SYMBOL] = true;
+
+    // #pragma Root Sequences
+
+    var ArraySeq = /*@__PURE__*/(function (IndexedSeq) {
+      function ArraySeq(array) {
+        this._array = array;
+        this.size = array.length;
+      }
+
+      if ( IndexedSeq ) ArraySeq.__proto__ = IndexedSeq;
+      ArraySeq.prototype = Object.create( IndexedSeq && IndexedSeq.prototype );
+      ArraySeq.prototype.constructor = ArraySeq;
+
+      ArraySeq.prototype.get = function get (index, notSetValue) {
+        return this.has(index) ? this._array[wrapIndex(this, index)] : notSetValue;
+      };
+
+      ArraySeq.prototype.__iterate = function __iterate (fn, reverse) {
+        var array = this._array;
+        var size = array.length;
+        var i = 0;
+        while (i !== size) {
+          var ii = reverse ? size - ++i : i++;
+          if (fn(array[ii], ii, this) === false) {
+            break;
+          }
+        }
+        return i;
+      };
+
+      ArraySeq.prototype.__iterator = function __iterator (type, reverse) {
+        var array = this._array;
+        var size = array.length;
+        var i = 0;
+        return new Iterator(function () {
+          if (i === size) {
+            return iteratorDone();
+          }
+          var ii = reverse ? size - ++i : i++;
+          return iteratorValue(type, ii, array[ii]);
+        });
+      };
+
+      return ArraySeq;
+    }(IndexedSeq));
+
+    var ObjectSeq = /*@__PURE__*/(function (KeyedSeq) {
+      function ObjectSeq(object) {
+        var keys = Object.keys(object).concat(
+          Object.getOwnPropertySymbols ? Object.getOwnPropertySymbols(object) : []
+        );
+        this._object = object;
+        this._keys = keys;
+        this.size = keys.length;
+      }
+
+      if ( KeyedSeq ) ObjectSeq.__proto__ = KeyedSeq;
+      ObjectSeq.prototype = Object.create( KeyedSeq && KeyedSeq.prototype );
+      ObjectSeq.prototype.constructor = ObjectSeq;
+
+      ObjectSeq.prototype.get = function get (key, notSetValue) {
+        if (notSetValue !== undefined && !this.has(key)) {
+          return notSetValue;
+        }
+        return this._object[key];
+      };
+
+      ObjectSeq.prototype.has = function has (key) {
+        return hasOwnProperty.call(this._object, key);
+      };
+
+      ObjectSeq.prototype.__iterate = function __iterate (fn, reverse) {
+        var object = this._object;
+        var keys = this._keys;
+        var size = keys.length;
+        var i = 0;
+        while (i !== size) {
+          var key = keys[reverse ? size - ++i : i++];
+          if (fn(object[key], key, this) === false) {
+            break;
+          }
+        }
+        return i;
+      };
+
+      ObjectSeq.prototype.__iterator = function __iterator (type, reverse) {
+        var object = this._object;
+        var keys = this._keys;
+        var size = keys.length;
+        var i = 0;
+        return new Iterator(function () {
+          if (i === size) {
+            return iteratorDone();
+          }
+          var key = keys[reverse ? size - ++i : i++];
+          return iteratorValue(type, key, object[key]);
+        });
+      };
+
+      return ObjectSeq;
+    }(KeyedSeq));
+    ObjectSeq.prototype[IS_ORDERED_SYMBOL] = true;
+
+    var CollectionSeq = /*@__PURE__*/(function (IndexedSeq) {
+      function CollectionSeq(collection) {
+        this._collection = collection;
+        this.size = collection.length || collection.size;
+      }
+
+      if ( IndexedSeq ) CollectionSeq.__proto__ = IndexedSeq;
+      CollectionSeq.prototype = Object.create( IndexedSeq && IndexedSeq.prototype );
+      CollectionSeq.prototype.constructor = CollectionSeq;
+
+      CollectionSeq.prototype.__iterateUncached = function __iterateUncached (fn, reverse) {
+        if (reverse) {
+          return this.cacheResult().__iterate(fn, reverse);
+        }
+        var collection = this._collection;
+        var iterator = getIterator(collection);
+        var iterations = 0;
+        if (isIterator(iterator)) {
+          var step;
+          while (!(step = iterator.next()).done) {
+            if (fn(step.value, iterations++, this) === false) {
+              break;
+            }
+          }
+        }
+        return iterations;
+      };
+
+      CollectionSeq.prototype.__iteratorUncached = function __iteratorUncached (type, reverse) {
+        if (reverse) {
+          return this.cacheResult().__iterator(type, reverse);
+        }
+        var collection = this._collection;
+        var iterator = getIterator(collection);
+        if (!isIterator(iterator)) {
+          return new Iterator(iteratorDone);
+        }
+        var iterations = 0;
+        return new Iterator(function () {
+          var step = iterator.next();
+          return step.done ? step : iteratorValue(type, iterations++, step.value);
+        });
+      };
+
+      return CollectionSeq;
+    }(IndexedSeq));
+
+    // # pragma Helper functions
+
+    var EMPTY_SEQ;
+
+    function emptySequence() {
+      return EMPTY_SEQ || (EMPTY_SEQ = new ArraySeq([]));
+    }
+
+    function keyedSeqFromValue(value) {
+      var seq = maybeIndexedSeqFromValue(value);
+      if (seq) {
+        return seq.fromEntrySeq();
+      }
+      if (typeof value === 'object') {
+        return new ObjectSeq(value);
+      }
+      throw new TypeError(
+        'Expected Array or collection object of [k, v] entries, or keyed object: ' +
+          value
+      );
+    }
+
+    function indexedSeqFromValue(value) {
+      var seq = maybeIndexedSeqFromValue(value);
+      if (seq) {
+        return seq;
+      }
+      throw new TypeError(
+        'Expected Array or collection object of values: ' + value
+      );
+    }
+
+    function seqFromValue(value) {
+      var seq = maybeIndexedSeqFromValue(value);
+      if (seq) {
+        return isEntriesIterable(value)
+          ? seq.fromEntrySeq()
+          : isKeysIterable(value)
+            ? seq.toSetSeq()
+            : seq;
+      }
+      if (typeof value === 'object') {
+        return new ObjectSeq(value);
+      }
+      throw new TypeError(
+        'Expected Array or collection object of values, or keyed object: ' + value
+      );
+    }
+
+    function maybeIndexedSeqFromValue(value) {
+      return isArrayLike(value)
+        ? new ArraySeq(value)
+        : hasIterator(value)
+          ? new CollectionSeq(value)
+          : undefined;
+    }
+
+    var IS_MAP_SYMBOL = '@@__IMMUTABLE_MAP__@@';
+    /**
+     * True if `maybeMap` is a Map.
+     *
+     * Also true for OrderedMaps.
+     */
+    function isMap(maybeMap) {
+        return Boolean(maybeMap &&
+            // @ts-expect-error: maybeMap is typed as `{}`, need to change in 6.0 to `maybeMap && typeof maybeMap === 'object' && IS_MAP_SYMBOL in maybeMap`
+            maybeMap[IS_MAP_SYMBOL]);
+    }
+
+    /**
+     * True if `maybeOrderedMap` is an OrderedMap.
+     */
+    function isOrderedMap(maybeOrderedMap) {
+        return isMap(maybeOrderedMap) && isOrdered(maybeOrderedMap);
+    }
+
+    /**
+     * True if `maybeValue` is a JavaScript Object which has *both* `equals()`
+     * and `hashCode()` methods.
+     *
+     * Any two instances of *value objects* can be compared for value equality with
+     * `Immutable.is()` and can be used as keys in a `Map` or members in a `Set`.
+     */
+    function isValueObject(maybeValue) {
+        return Boolean(maybeValue &&
+            // @ts-expect-error: maybeValue is typed as `{}`
+            typeof maybeValue.equals === 'function' &&
+            // @ts-expect-error: maybeValue is typed as `{}`
+            typeof maybeValue.hashCode === 'function');
+    }
+
+    /**
+     * An extension of the "same-value" algorithm as [described for use by ES6 Map
+     * and Set](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Map#Key_equality)
+     *
+     * NaN is considered the same as NaN, however -0 and 0 are considered the same
+     * value, which is different from the algorithm described by
+     * [`Object.is`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/is).
+     *
+     * This is extended further to allow Objects to describe the values they
+     * represent, by way of `valueOf` or `equals` (and `hashCode`).
+     *
+     * Note: because of this extension, the key equality of Immutable.Map and the
+     * value equality of Immutable.Set will differ from ES6 Map and Set.
+     *
+     * ### Defining custom values
+     *
+     * The easiest way to describe the value an object represents is by implementing
+     * `valueOf`. For example, `Date` represents a value by returning a unix
+     * timestamp for `valueOf`:
+     *
+     *     var date1 = new Date(1234567890000); // Fri Feb 13 2009 ...
+     *     var date2 = new Date(1234567890000);
+     *     date1.valueOf(); // 1234567890000
+     *     assert( date1 !== date2 );
+     *     assert( Immutable.is( date1, date2 ) );
+     *
+     * Note: overriding `valueOf` may have other implications if you use this object
+     * where JavaScript expects a primitive, such as implicit string coercion.
+     *
+     * For more complex types, especially collections, implementing `valueOf` may
+     * not be performant. An alternative is to implement `equals` and `hashCode`.
+     *
+     * `equals` takes another object, presumably of similar type, and returns true
+     * if it is equal. Equality is symmetrical, so the same result should be
+     * returned if this and the argument are flipped.
+     *
+     *     assert( a.equals(b) === b.equals(a) );
+     *
+     * `hashCode` returns a 32bit integer number representing the object which will
+     * be used to determine how to store the value object in a Map or Set. You must
+     * provide both or neither methods, one must not exist without the other.
+     *
+     * Also, an important relationship between these methods must be upheld: if two
+     * values are equal, they *must* return the same hashCode. If the values are not
+     * equal, they might have the same hashCode; this is called a hash collision,
+     * and while undesirable for performance reasons, it is acceptable.
+     *
+     *     if (a.equals(b)) {
+     *       assert( a.hashCode() === b.hashCode() );
+     *     }
+     *
+     * All Immutable collections are Value Objects: they implement `equals()`
+     * and `hashCode()`.
+     */
+    function is(valueA, valueB) {
+        if (valueA === valueB || (valueA !== valueA && valueB !== valueB)) {
+            return true;
+        }
+        if (!valueA || !valueB) {
+            return false;
+        }
+        if (typeof valueA.valueOf === 'function' &&
+            typeof valueB.valueOf === 'function') {
+            valueA = valueA.valueOf();
+            valueB = valueB.valueOf();
+            if (valueA === valueB || (valueA !== valueA && valueB !== valueB)) {
+                return true;
+            }
+            if (!valueA || !valueB) {
+                return false;
+            }
+        }
+        return !!(isValueObject(valueA) &&
+            isValueObject(valueB) &&
+            valueA.equals(valueB));
+    }
+
+    var imul =
+      typeof Math.imul === 'function' && Math.imul(0xffffffff, 2) === -2
+        ? Math.imul
+        : function imul(a, b) {
+            a |= 0; // int
+            b |= 0; // int
+            var c = a & 0xffff;
+            var d = b & 0xffff;
+            // Shift by 0 fixes the sign on the high part.
+            return (c * d + ((((a >>> 16) * d + c * (b >>> 16)) << 16) >>> 0)) | 0; // int
+          };
+
+    // v8 has an optimization for storing 31-bit signed numbers.
+    // Values which have either 00 or 11 as the high order bits qualify.
+    // This function drops the highest order bit in a signed number, maintaining
+    // the sign bit.
+    function smi(i32) {
+      return ((i32 >>> 1) & 0x40000000) | (i32 & 0xbfffffff);
+    }
+
+    var defaultValueOf = Object.prototype.valueOf;
+
+    function hash(o) {
+      // eslint-disable-next-line eqeqeq
+      if (o == null) {
+        return hashNullish(o);
+      }
+
+      if (typeof o.hashCode === 'function') {
+        // Drop any high bits from accidentally long hash codes.
+        return smi(o.hashCode(o));
+      }
+
+      var v = valueOf(o);
+
+      // eslint-disable-next-line eqeqeq
+      if (v == null) {
+        return hashNullish(v);
+      }
+
+      switch (typeof v) {
+        case 'boolean':
+          // The hash values for built-in constants are a 1 value for each 5-byte
+          // shift region expect for the first, which encodes the value. This
+          // reduces the odds of a hash collision for these common values.
+          return v ? 0x42108421 : 0x42108420;
+        case 'number':
+          return hashNumber(v);
+        case 'string':
+          return v.length > STRING_HASH_CACHE_MIN_STRLEN
+            ? cachedHashString(v)
+            : hashString(v);
+        case 'object':
+        case 'function':
+          return hashJSObj(v);
+        case 'symbol':
+          return hashSymbol(v);
+        default:
+          if (typeof v.toString === 'function') {
+            return hashString(v.toString());
+          }
+          throw new Error('Value type ' + typeof v + ' cannot be hashed.');
+      }
+    }
+
+    function hashNullish(nullish) {
+      return nullish === null ? 0x42108422 : /* undefined */ 0x42108423;
+    }
+
+    // Compress arbitrarily large numbers into smi hashes.
+    function hashNumber(n) {
+      if (n !== n || n === Infinity) {
+        return 0;
+      }
+      var hash = n | 0;
+      if (hash !== n) {
+        hash ^= n * 0xffffffff;
+      }
+      while (n > 0xffffffff) {
+        n /= 0xffffffff;
+        hash ^= n;
+      }
+      return smi(hash);
+    }
+
+    function cachedHashString(string) {
+      var hashed = stringHashCache[string];
+      if (hashed === undefined) {
+        hashed = hashString(string);
+        if (STRING_HASH_CACHE_SIZE === STRING_HASH_CACHE_MAX_SIZE) {
+          STRING_HASH_CACHE_SIZE = 0;
+          stringHashCache = {};
+        }
+        STRING_HASH_CACHE_SIZE++;
+        stringHashCache[string] = hashed;
+      }
+      return hashed;
+    }
+
+    // http://jsperf.com/hashing-strings
+    function hashString(string) {
+      // This is the hash from JVM
+      // The hash code for a string is computed as
+      // s[0] * 31 ^ (n - 1) + s[1] * 31 ^ (n - 2) + ... + s[n - 1],
+      // where s[i] is the ith character of the string and n is the length of
+      // the string. We "mod" the result to make it between 0 (inclusive) and 2^31
+      // (exclusive) by dropping high bits.
+      var hashed = 0;
+      for (var ii = 0; ii < string.length; ii++) {
+        hashed = (31 * hashed + string.charCodeAt(ii)) | 0;
+      }
+      return smi(hashed);
+    }
+
+    function hashSymbol(sym) {
+      var hashed = symbolMap[sym];
+      if (hashed !== undefined) {
+        return hashed;
+      }
+
+      hashed = nextHash();
+
+      symbolMap[sym] = hashed;
+
+      return hashed;
+    }
+
+    function hashJSObj(obj) {
+      var hashed;
+      if (usingWeakMap) {
+        hashed = weakMap.get(obj);
+        if (hashed !== undefined) {
+          return hashed;
+        }
+      }
+
+      hashed = obj[UID_HASH_KEY];
+      if (hashed !== undefined) {
+        return hashed;
+      }
+
+      if (!canDefineProperty) {
+        hashed = obj.propertyIsEnumerable && obj.propertyIsEnumerable[UID_HASH_KEY];
+        if (hashed !== undefined) {
+          return hashed;
+        }
+
+        hashed = getIENodeHash(obj);
+        if (hashed !== undefined) {
+          return hashed;
+        }
+      }
+
+      hashed = nextHash();
+
+      if (usingWeakMap) {
+        weakMap.set(obj, hashed);
+      } else if (isExtensible !== undefined && isExtensible(obj) === false) {
+        throw new Error('Non-extensible objects are not allowed as keys.');
+      } else if (canDefineProperty) {
+        Object.defineProperty(obj, UID_HASH_KEY, {
+          enumerable: false,
+          configurable: false,
+          writable: false,
+          value: hashed,
+        });
+      } else if (
+        obj.propertyIsEnumerable !== undefined &&
+        obj.propertyIsEnumerable === obj.constructor.prototype.propertyIsEnumerable
+      ) {
+        // Since we can't define a non-enumerable property on the object
+        // we'll hijack one of the less-used non-enumerable properties to
+        // save our hash on it. Since this is a function it will not show up in
+        // `JSON.stringify` which is what we want.
+        obj.propertyIsEnumerable = function () {
+          return this.constructor.prototype.propertyIsEnumerable.apply(
+            this,
+            arguments
+          );
+        };
+        obj.propertyIsEnumerable[UID_HASH_KEY] = hashed;
+      } else if (obj.nodeType !== undefined) {
+        // At this point we couldn't get the IE `uniqueID` to use as a hash
+        // and we couldn't use a non-enumerable property to exploit the
+        // dontEnum bug so we simply add the `UID_HASH_KEY` on the node
+        // itself.
+        obj[UID_HASH_KEY] = hashed;
+      } else {
+        throw new Error('Unable to set a non-enumerable property on object.');
+      }
+
+      return hashed;
+    }
+
+    // Get references to ES5 object methods.
+    var isExtensible = Object.isExtensible;
+
+    // True if Object.defineProperty works as expected. IE8 fails this test.
+    var canDefineProperty = (function () {
+      try {
+        Object.defineProperty({}, '@', {});
+        return true;
+        // eslint-disable-next-line @typescript-eslint/no-unused-vars
+      } catch (e) {
+        return false;
+      }
+    })();
+
+    // IE has a `uniqueID` property on DOM nodes. We can construct the hash from it
+    // and avoid memory leaks from the IE cloneNode bug.
+    function getIENodeHash(node) {
+      if (node && node.nodeType > 0) {
+        switch (node.nodeType) {
+          case 1: // Element
+            return node.uniqueID;
+          case 9: // Document
+            return node.documentElement && node.documentElement.uniqueID;
+        }
+      }
+    }
+
+    function valueOf(obj) {
+      return obj.valueOf !== defaultValueOf && typeof obj.valueOf === 'function'
+        ? obj.valueOf(obj)
+        : obj;
+    }
+
+    function nextHash() {
+      var nextHash = ++_objHashUID;
+      if (_objHashUID & 0x40000000) {
+        _objHashUID = 0;
+      }
+      return nextHash;
+    }
+
+    // If possible, use a WeakMap.
+    var usingWeakMap = typeof WeakMap === 'function';
+    var weakMap;
+    if (usingWeakMap) {
+      weakMap = new WeakMap();
+    }
+
+    var symbolMap = Object.create(null);
+
+    var _objHashUID = 0;
+
+    var UID_HASH_KEY = '__immutablehash__';
+    if (typeof Symbol === 'function') {
+      UID_HASH_KEY = Symbol(UID_HASH_KEY);
+    }
+
+    var STRING_HASH_CACHE_MIN_STRLEN = 16;
+    var STRING_HASH_CACHE_MAX_SIZE = 255;
+    var STRING_HASH_CACHE_SIZE = 0;
+    var stringHashCache = {};
+
+    var ToKeyedSequence = /*@__PURE__*/(function (KeyedSeq) {
+      function ToKeyedSequence(indexed, useKeys) {
+        this._iter = indexed;
+        this._useKeys = useKeys;
+        this.size = indexed.size;
+      }
+
+      if ( KeyedSeq ) ToKeyedSequence.__proto__ = KeyedSeq;
+      ToKeyedSequence.prototype = Object.create( KeyedSeq && KeyedSeq.prototype );
+      ToKeyedSequence.prototype.constructor = ToKeyedSequence;
+
+      ToKeyedSequence.prototype.get = function get (key, notSetValue) {
+        return this._iter.get(key, notSetValue);
+      };
+
+      ToKeyedSequence.prototype.has = function has (key) {
+        return this._iter.has(key);
+      };
+
+      ToKeyedSequence.prototype.valueSeq = function valueSeq () {
+        return this._iter.valueSeq();
+      };
+
+      ToKeyedSequence.prototype.reverse = function reverse () {
+        var this$1$1 = this;
+
+        var reversedSequence = reverseFactory(this, true);
+        if (!this._useKeys) {
+          reversedSequence.valueSeq = function () { return this$1$1._iter.toSeq().reverse(); };
+        }
+        return reversedSequence;
+      };
+
+      ToKeyedSequence.prototype.map = function map (mapper, context) {
+        var this$1$1 = this;
+
+        var mappedSequence = mapFactory(this, mapper, context);
+        if (!this._useKeys) {
+          mappedSequence.valueSeq = function () { return this$1$1._iter.toSeq().map(mapper, context); };
+        }
+        return mappedSequence;
+      };
+
+      ToKeyedSequence.prototype.__iterate = function __iterate (fn, reverse) {
+        var this$1$1 = this;
+
+        return this._iter.__iterate(function (v, k) { return fn(v, k, this$1$1); }, reverse);
+      };
+
+      ToKeyedSequence.prototype.__iterator = function __iterator (type, reverse) {
+        return this._iter.__iterator(type, reverse);
+      };
+
+      return ToKeyedSequence;
+    }(KeyedSeq));
+    ToKeyedSequence.prototype[IS_ORDERED_SYMBOL] = true;
+
+    var ToIndexedSequence = /*@__PURE__*/(function (IndexedSeq) {
+      function ToIndexedSequence(iter) {
+        this._iter = iter;
+        this.size = iter.size;
+      }
+
+      if ( IndexedSeq ) ToIndexedSequence.__proto__ = IndexedSeq;
+      ToIndexedSequence.prototype = Object.create( IndexedSeq && IndexedSeq.prototype );
+      ToIndexedSequence.prototype.constructor = ToIndexedSequence;
+
+      ToIndexedSequence.prototype.includes = function includes (value) {
+        return this._iter.includes(value);
+      };
+
+      ToIndexedSequence.prototype.__iterate = function __iterate (fn, reverse) {
+        var this$1$1 = this;
+
+        var i = 0;
+        // eslint-disable-next-line @typescript-eslint/no-unused-expressions -- TODO enable eslint here
+        reverse && ensureSize(this);
+        return this._iter.__iterate(
+          function (v) { return fn(v, reverse ? this$1$1.size - ++i : i++, this$1$1); },
+          reverse
+        );
+      };
+
+      ToIndexedSequence.prototype.__iterator = function __iterator (type, reverse) {
+        var this$1$1 = this;
+
+        var iterator = this._iter.__iterator(ITERATE_VALUES, reverse);
+        var i = 0;
+        // eslint-disable-next-line @typescript-eslint/no-unused-expressions -- TODO enable eslint here
+        reverse && ensureSize(this);
+        return new Iterator(function () {
+          var step = iterator.next();
+          return step.done
+            ? step
+            : iteratorValue(
+                type,
+                reverse ? this$1$1.size - ++i : i++,
+                step.value,
+                step
+              );
+        });
+      };
+
+      return ToIndexedSequence;
+    }(IndexedSeq));
+
+    var ToSetSequence = /*@__PURE__*/(function (SetSeq) {
+      function ToSetSequence(iter) {
+        this._iter = iter;
+        this.size = iter.size;
+      }
+
+      if ( SetSeq ) ToSetSequence.__proto__ = SetSeq;
+      ToSetSequence.prototype = Object.create( SetSeq && SetSeq.prototype );
+      ToSetSequence.prototype.constructor = ToSetSequence;
+
+      ToSetSequence.prototype.has = function has (key) {
+        return this._iter.includes(key);
+      };
+
+      ToSetSequence.prototype.__iterate = function __iterate (fn, reverse) {
+        var this$1$1 = this;
+
+        return this._iter.__iterate(function (v) { return fn(v, v, this$1$1); }, reverse);
+      };
+
+      ToSetSequence.prototype.__iterator = function __iterator (type, reverse) {
+        var iterator = this._iter.__iterator(ITERATE_VALUES, reverse);
+        return new Iterator(function () {
+          var step = iterator.next();
+          return step.done
+            ? step
+            : iteratorValue(type, step.value, step.value, step);
+        });
+      };
+
+      return ToSetSequence;
+    }(SetSeq));
+
+    var FromEntriesSequence = /*@__PURE__*/(function (KeyedSeq) {
+      function FromEntriesSequence(entries) {
+        this._iter = entries;
+        this.size = entries.size;
+      }
+
+      if ( KeyedSeq ) FromEntriesSequence.__proto__ = KeyedSeq;
+      FromEntriesSequence.prototype = Object.create( KeyedSeq && KeyedSeq.prototype );
+      FromEntriesSequence.prototype.constructor = FromEntriesSequence;
+
+      FromEntriesSequence.prototype.entrySeq = function entrySeq () {
+        return this._iter.toSeq();
+      };
+
+      FromEntriesSequence.prototype.__iterate = function __iterate (fn, reverse) {
+        var this$1$1 = this;
+
+        return this._iter.__iterate(function (entry) {
+          // Check if entry exists first so array access doesn't throw for holes
+          // in the parent iteration.
+          if (entry) {
+            validateEntry(entry);
+            var indexedCollection = isCollection(entry);
+            return fn(
+              indexedCollection ? entry.get(1) : entry[1],
+              indexedCollection ? entry.get(0) : entry[0],
+              this$1$1
+            );
+          }
+        }, reverse);
+      };
+
+      FromEntriesSequence.prototype.__iterator = function __iterator (type, reverse) {
+        var iterator = this._iter.__iterator(ITERATE_VALUES, reverse);
+        return new Iterator(function () {
+          while (true) {
+            var step = iterator.next();
+            if (step.done) {
+              return step;
+            }
+            var entry = step.value;
+            // Check if entry exists first so array access doesn't throw for holes
+            // in the parent iteration.
+            if (entry) {
+              validateEntry(entry);
+              var indexedCollection = isCollection(entry);
+              return iteratorValue(
+                type,
+                indexedCollection ? entry.get(0) : entry[0],
+                indexedCollection ? entry.get(1) : entry[1],
+                step
+              );
+            }
+          }
+        });
+      };
+
+      return FromEntriesSequence;
+    }(KeyedSeq));
+
+    ToIndexedSequence.prototype.cacheResult =
+      ToKeyedSequence.prototype.cacheResult =
+      ToSetSequence.prototype.cacheResult =
+      FromEntriesSequence.prototype.cacheResult =
+        cacheResultThrough;
+
+    function flipFactory(collection) {
+      var flipSequence = makeSequence(collection);
+      flipSequence._iter = collection;
+      flipSequence.size = collection.size;
+      flipSequence.flip = function () { return collection; };
+      flipSequence.reverse = function () {
+        var reversedSequence = collection.reverse.apply(this); // super.reverse()
+        reversedSequence.flip = function () { return collection.reverse(); };
+        return reversedSequence;
+      };
+      flipSequence.has = function (key) { return collection.includes(key); };
+      flipSequence.includes = function (key) { return collection.has(key); };
+      flipSequence.cacheResult = cacheResultThrough;
+      flipSequence.__iterateUncached = function (fn, reverse) {
+        var this$1$1 = this;
+
+        return collection.__iterate(function (v, k) { return fn(k, v, this$1$1) !== false; }, reverse);
+      };
+      flipSequence.__iteratorUncached = function (type, reverse) {
+        if (type === ITERATE_ENTRIES) {
+          var iterator = collection.__iterator(type, reverse);
+          return new Iterator(function () {
+            var step = iterator.next();
+            if (!step.done) {
+              var k = step.value[0];
+              step.value[0] = step.value[1];
+              step.value[1] = k;
+            }
+            return step;
+          });
+        }
+        return collection.__iterator(
+          type === ITERATE_VALUES ? ITERATE_KEYS : ITERATE_VALUES,
+          reverse
+        );
+      };
+      return flipSequence;
+    }
+
+    function mapFactory(collection, mapper, context) {
+      var mappedSequence = makeSequence(collection);
+      mappedSequence.size = collection.size;
+      mappedSequence.has = function (key) { return collection.has(key); };
+      mappedSequence.get = function (key, notSetValue) {
+        var v = collection.get(key, NOT_SET);
+        return v === NOT_SET
+          ? notSetValue
+          : mapper.call(context, v, key, collection);
+      };
+      mappedSequence.__iterateUncached = function (fn, reverse) {
+        var this$1$1 = this;
+
+        return collection.__iterate(
+          function (v, k, c) { return fn(mapper.call(context, v, k, c), k, this$1$1) !== false; },
+          reverse
+        );
+      };
+      mappedSequence.__iteratorUncached = function (type, reverse) {
+        var iterator = collection.__iterator(ITERATE_ENTRIES, reverse);
+        return new Iterator(function () {
+          var step = iterator.next();
+          if (step.done) {
+            return step;
+          }
+          var entry = step.value;
+          var key = entry[0];
+          return iteratorValue(
+            type,
+            key,
+            mapper.call(context, entry[1], key, collection),
+            step
+          );
+        });
+      };
+      return mappedSequence;
+    }
+
+    function reverseFactory(collection, useKeys) {
+      var this$1$1 = this;
+
+      var reversedSequence = makeSequence(collection);
+      reversedSequence._iter = collection;
+      reversedSequence.size = collection.size;
+      reversedSequence.reverse = function () { return collection; };
+      if (collection.flip) {
+        reversedSequence.flip = function () {
+          var flipSequence = flipFactory(collection);
+          flipSequence.reverse = function () { return collection.flip(); };
+          return flipSequence;
+        };
+      }
+      reversedSequence.get = function (key, notSetValue) { return collection.get(useKeys ? key : -1 - key, notSetValue); };
+      reversedSequence.has = function (key) { return collection.has(useKeys ? key : -1 - key); };
+      reversedSequence.includes = function (value) { return collection.includes(value); };
+      reversedSequence.cacheResult = cacheResultThrough;
+      reversedSequence.__iterate = function (fn, reverse) {
+        var this$1$1 = this;
+
+        var i = 0;
+        // eslint-disable-next-line @typescript-eslint/no-unused-expressions -- TODO enable eslint here
+        reverse && ensureSize(collection);
+        return collection.__iterate(
+          function (v, k) { return fn(v, useKeys ? k : reverse ? this$1$1.size - ++i : i++, this$1$1); },
+          !reverse
+        );
+      };
+      reversedSequence.__iterator = function (type, reverse) {
+        var i = 0;
+        // eslint-disable-next-line @typescript-eslint/no-unused-expressions -- TODO enable eslint here
+        reverse && ensureSize(collection);
+        var iterator = collection.__iterator(ITERATE_ENTRIES, !reverse);
+        return new Iterator(function () {
+          var step = iterator.next();
+          if (step.done) {
+            return step;
+          }
+          var entry = step.value;
+          return iteratorValue(
+            type,
+            useKeys ? entry[0] : reverse ? this$1$1.size - ++i : i++,
+            entry[1],
+            step
+          );
+        });
+      };
+      return reversedSequence;
+    }
+
+    function filterFactory(collection, predicate, context, useKeys) {
+      var filterSequence = makeSequence(collection);
+      if (useKeys) {
+        filterSequence.has = function (key) {
+          var v = collection.get(key, NOT_SET);
+          return v !== NOT_SET && !!predicate.call(context, v, key, collection);
+        };
+        filterSequence.get = function (key, notSetValue) {
+          var v = collection.get(key, NOT_SET);
+          return v !== NOT_SET && predicate.call(context, v, key, collection)
+            ? v
+            : notSetValue;
+        };
+      }
+      filterSequence.__iterateUncached = function (fn, reverse) {
+        var this$1$1 = this;
+
+        var iterations = 0;
+        collection.__iterate(function (v, k, c) {
+          if (predicate.call(context, v, k, c)) {
+            iterations++;
+            return fn(v, useKeys ? k : iterations - 1, this$1$1);
+          }
+        }, reverse);
+        return iterations;
+      };
+      filterSequence.__iteratorUncached = function (type, reverse) {
+        var iterator = collection.__iterator(ITERATE_ENTRIES, reverse);
+        var iterations = 0;
+        return new Iterator(function () {
+          while (true) {
+            var step = iterator.next();
+            if (step.done) {
+              return step;
+            }
+            var entry = step.value;
+            var key = entry[0];
+            var value = entry[1];
+            if (predicate.call(context, value, key, collection)) {
+              return iteratorValue(type, useKeys ? key : iterations++, value, step);
+            }
+          }
+        });
+      };
+      return filterSequence;
+    }
+
+    function countByFactory(collection, grouper, context) {
+      var groups = Map().asMutable();
+      collection.__iterate(function (v, k) {
+        groups.update(grouper.call(context, v, k, collection), 0, function (a) { return a + 1; });
+      });
+      return groups.asImmutable();
+    }
+
+    function groupByFactory(collection, grouper, context) {
+      var isKeyedIter = isKeyed(collection);
+      var groups = (isOrdered(collection) ? OrderedMap() : Map()).asMutable();
+      collection.__iterate(function (v, k) {
+        groups.update(
+          grouper.call(context, v, k, collection),
+          function (a) { return ((a = a || []), a.push(isKeyedIter ? [k, v] : v), a); }
+        );
+      });
+      var coerce = collectionClass(collection);
+      return groups.map(function (arr) { return reify(collection, coerce(arr)); }).asImmutable();
+    }
+
+    function partitionFactory(collection, predicate, context) {
+      var isKeyedIter = isKeyed(collection);
+      var groups = [[], []];
+      collection.__iterate(function (v, k) {
+        groups[predicate.call(context, v, k, collection) ? 1 : 0].push(
+          isKeyedIter ? [k, v] : v
+        );
+      });
+      var coerce = collectionClass(collection);
+      return groups.map(function (arr) { return reify(collection, coerce(arr)); });
+    }
+
+    function sliceFactory(collection, begin, end, useKeys) {
+      var originalSize = collection.size;
+
+      if (wholeSlice(begin, end, originalSize)) {
+        return collection;
+      }
+
+      // begin or end can not be resolved if they were provided as negative numbers and
+      // this collection's size is unknown. In that case, cache first so there is
+      // a known size and these do not resolve to NaN.
+      if (typeof originalSize === 'undefined' && (begin < 0 || end < 0)) {
+        return sliceFactory(collection.toSeq().cacheResult(), begin, end, useKeys);
+      }
+
+      var resolvedBegin = resolveBegin(begin, originalSize);
+      var resolvedEnd = resolveEnd(end, originalSize);
+
+      // Note: resolvedEnd is undefined when the original sequence's length is
+      // unknown and this slice did not supply an end and should contain all
+      // elements after resolvedBegin.
+      // In that case, resolvedSize will be NaN and sliceSize will remain undefined.
+      var resolvedSize = resolvedEnd - resolvedBegin;
+      var sliceSize;
+      if (resolvedSize === resolvedSize) {
+        sliceSize = resolvedSize < 0 ? 0 : resolvedSize;
+      }
+
+      var sliceSeq = makeSequence(collection);
+
+      // If collection.size is undefined, the size of the realized sliceSeq is
+      // unknown at this point unless the number of items to slice is 0
+      sliceSeq.size =
+        sliceSize === 0 ? sliceSize : (collection.size && sliceSize) || undefined;
+
+      if (!useKeys && isSeq(collection) && sliceSize >= 0) {
+        sliceSeq.get = function (index, notSetValue) {
+          index = wrapIndex(this, index);
+          return index >= 0 && index < sliceSize
+            ? collection.get(index + resolvedBegin, notSetValue)
+            : notSetValue;
+        };
+      }
+
+      sliceSeq.__iterateUncached = function (fn, reverse) {
+        var this$1$1 = this;
+
+        if (sliceSize === 0) {
+          return 0;
+        }
+        if (reverse) {
+          return this.cacheResult().__iterate(fn, reverse);
+        }
+        var skipped = 0;
+        var isSkipping = true;
+        var iterations = 0;
+        collection.__iterate(function (v, k) {
+          if (!(isSkipping && (isSkipping = skipped++ < resolvedBegin))) {
+            iterations++;
+            return (
+              fn(v, useKeys ? k : iterations - 1, this$1$1) !== false &&
+              iterations !== sliceSize
+            );
+          }
+        });
+        return iterations;
+      };
+
+      sliceSeq.__iteratorUncached = function (type, reverse) {
+        if (sliceSize !== 0 && reverse) {
+          return this.cacheResult().__iterator(type, reverse);
+        }
+        // Don't bother instantiating parent iterator if taking 0.
+        if (sliceSize === 0) {
+          return new Iterator(iteratorDone);
+        }
+        var iterator = collection.__iterator(type, reverse);
+        var skipped = 0;
+        var iterations = 0;
+        return new Iterator(function () {
+          while (skipped++ < resolvedBegin) {
+            iterator.next();
+          }
+          if (++iterations > sliceSize) {
+            return iteratorDone();
+          }
+          var step = iterator.next();
+          if (useKeys || type === ITERATE_VALUES || step.done) {
+            return step;
+          }
+          if (type === ITERATE_KEYS) {
+            return iteratorValue(type, iterations - 1, undefined, step);
+          }
+          return iteratorValue(type, iterations - 1, step.value[1], step);
+        });
+      };
+
+      return sliceSeq;
+    }
+
+    function takeWhileFactory(collection, predicate, context) {
+      var takeSequence = makeSequence(collection);
+      takeSequence.__iterateUncached = function (fn, reverse) {
+        var this$1$1 = this;
+
+        if (reverse) {
+          return this.cacheResult().__iterate(fn, reverse);
+        }
+        var iterations = 0;
+        collection.__iterate(
+          function (v, k, c) { return predicate.call(context, v, k, c) && ++iterations && fn(v, k, this$1$1); }
+        );
+        return iterations;
+      };
+      takeSequence.__iteratorUncached = function (type, reverse) {
+        var this$1$1 = this;
+
+        if (reverse) {
+          return this.cacheResult().__iterator(type, reverse);
+        }
+        var iterator = collection.__iterator(ITERATE_ENTRIES, reverse);
+        var iterating = true;
+        return new Iterator(function () {
+          if (!iterating) {
+            return iteratorDone();
+          }
+          var step = iterator.next();
+          if (step.done) {
+            return step;
+          }
+          var entry = step.value;
+          var k = entry[0];
+          var v = entry[1];
+          if (!predicate.call(context, v, k, this$1$1)) {
+            iterating = false;
+            return iteratorDone();
+          }
+          return type === ITERATE_ENTRIES ? step : iteratorValue(type, k, v, step);
+        });
+      };
+      return takeSequence;
+    }
+
+    function skipWhileFactory(collection, predicate, context, useKeys) {
+      var skipSequence = makeSequence(collection);
+      skipSequence.__iterateUncached = function (fn, reverse) {
+        var this$1$1 = this;
+
+        if (reverse) {
+          return this.cacheResult().__iterate(fn, reverse);
+        }
+        var isSkipping = true;
+        var iterations = 0;
+        collection.__iterate(function (v, k, c) {
+          if (!(isSkipping && (isSkipping = predicate.call(context, v, k, c)))) {
+            iterations++;
+            return fn(v, useKeys ? k : iterations - 1, this$1$1);
+          }
+        });
+        return iterations;
+      };
+      skipSequence.__iteratorUncached = function (type, reverse) {
+        var this$1$1 = this;
+
+        if (reverse) {
+          return this.cacheResult().__iterator(type, reverse);
+        }
+        var iterator = collection.__iterator(ITERATE_ENTRIES, reverse);
+        var skipping = true;
+        var iterations = 0;
+        return new Iterator(function () {
+          var step;
+          var k;
+          var v;
+          do {
+            step = iterator.next();
+            if (step.done) {
+              if (useKeys || type === ITERATE_VALUES) {
+                return step;
+              }
+              if (type === ITERATE_KEYS) {
+                return iteratorValue(type, iterations++, undefined, step);
+              }
+              return iteratorValue(type, iterations++, step.value[1], step);
+            }
+            var entry = step.value;
+            k = entry[0];
+            v = entry[1];
+            // eslint-disable-next-line @typescript-eslint/no-unused-expressions -- TODO enable eslint here
+            skipping && (skipping = predicate.call(context, v, k, this$1$1));
+          } while (skipping);
+          return type === ITERATE_ENTRIES ? step : iteratorValue(type, k, v, step);
+        });
+      };
+      return skipSequence;
+    }
+
+    var ConcatSeq = /*@__PURE__*/(function (Seq) {
+      function ConcatSeq(iterables) {
+        this._wrappedIterables = iterables.flatMap(function (iterable) {
+          if (iterable._wrappedIterables) {
+            return iterable._wrappedIterables;
+          }
+          return [iterable];
+        });
+        this.size = this._wrappedIterables.reduce(function (sum, iterable) {
+          if (sum !== undefined) {
+            var size = iterable.size;
+            if (size !== undefined) {
+              return sum + size;
+            }
+          }
+        }, 0);
+        this[IS_KEYED_SYMBOL] = this._wrappedIterables[0][IS_KEYED_SYMBOL];
+        this[IS_INDEXED_SYMBOL] = this._wrappedIterables[0][IS_INDEXED_SYMBOL];
+        this[IS_ORDERED_SYMBOL] = this._wrappedIterables[0][IS_ORDERED_SYMBOL];
+      }
+
+      if ( Seq ) ConcatSeq.__proto__ = Seq;
+      ConcatSeq.prototype = Object.create( Seq && Seq.prototype );
+      ConcatSeq.prototype.constructor = ConcatSeq;
+
+      ConcatSeq.prototype.__iterateUncached = function __iterateUncached (fn, reverse) {
+        if (this._wrappedIterables.length === 0) {
+          return;
+        }
+
+        if (reverse) {
+          return this.cacheResult().__iterate(fn, reverse);
+        }
+
+        var iterableIndex = 0;
+        var useKeys = isKeyed(this);
+        var iteratorType = useKeys ? ITERATE_ENTRIES : ITERATE_VALUES;
+        var currentIterator = this._wrappedIterables[iterableIndex].__iterator(
+          iteratorType,
+          reverse
+        );
+
+        var keepGoing = true;
+        var index = 0;
+        while (keepGoing) {
+          var next = currentIterator.next();
+          while (next.done) {
+            iterableIndex++;
+            if (iterableIndex === this._wrappedIterables.length) {
+              return index;
+            }
+            currentIterator = this._wrappedIterables[iterableIndex].__iterator(
+              iteratorType,
+              reverse
+            );
+            next = currentIterator.next();
+          }
+          var fnResult = useKeys
+            ? fn(next.value[1], next.value[0], this)
+            : fn(next.value, index, this);
+          keepGoing = fnResult !== false;
+          index++;
+        }
+        return index;
+      };
+
+      ConcatSeq.prototype.__iteratorUncached = function __iteratorUncached (type, reverse) {
+        var this$1$1 = this;
+
+        if (this._wrappedIterables.length === 0) {
+          return new Iterator(iteratorDone);
+        }
+
+        if (reverse) {
+          return this.cacheResult().__iterator(type, reverse);
+        }
+
+        var iterableIndex = 0;
+        var currentIterator = this._wrappedIterables[iterableIndex].__iterator(
+          type,
+          reverse
+        );
+        return new Iterator(function () {
+          var next = currentIterator.next();
+          while (next.done) {
+            iterableIndex++;
+            if (iterableIndex === this$1$1._wrappedIterables.length) {
+              return next;
+            }
+            currentIterator = this$1$1._wrappedIterables[iterableIndex].__iterator(
+              type,
+              reverse
+            );
+            next = currentIterator.next();
+          }
+          return next;
+        });
+      };
+
+      return ConcatSeq;
+    }(Seq));
+
+    function concatFactory(collection, values) {
+      var isKeyedCollection = isKeyed(collection);
+      var iters = [collection]
+        .concat(values)
+        .map(function (v) {
+          if (!isCollection(v)) {
+            v = isKeyedCollection
+              ? keyedSeqFromValue(v)
+              : indexedSeqFromValue(Array.isArray(v) ? v : [v]);
+          } else if (isKeyedCollection) {
+            v = KeyedCollection(v);
+          }
+          return v;
+        })
+        .filter(function (v) { return v.size !== 0; });
+
+      if (iters.length === 0) {
+        return collection;
+      }
+
+      if (iters.length === 1) {
+        var singleton = iters[0];
+        if (
+          singleton === collection ||
+          (isKeyedCollection && isKeyed(singleton)) ||
+          (isIndexed(collection) && isIndexed(singleton))
+        ) {
+          return singleton;
+        }
+      }
+
+      return new ConcatSeq(iters);
+    }
+
+    function flattenFactory(collection, depth, useKeys) {
+      var flatSequence = makeSequence(collection);
+      flatSequence.__iterateUncached = function (fn, reverse) {
+        if (reverse) {
+          return this.cacheResult().__iterate(fn, reverse);
+        }
+        var iterations = 0;
+        var stopped = false;
+        function flatDeep(iter, currentDepth) {
+          iter.__iterate(function (v, k) {
+            if ((!depth || currentDepth < depth) && isCollection(v)) {
+              flatDeep(v, currentDepth + 1);
+            } else {
+              iterations++;
+              if (fn(v, useKeys ? k : iterations - 1, flatSequence) === false) {
+                stopped = true;
+              }
+            }
+            return !stopped;
+          }, reverse);
+        }
+        flatDeep(collection, 0);
+        return iterations;
+      };
+      flatSequence.__iteratorUncached = function (type, reverse) {
+        if (reverse) {
+          return this.cacheResult().__iterator(type, reverse);
+        }
+        var iterator = collection.__iterator(type, reverse);
+        var stack = [];
+        var iterations = 0;
+        return new Iterator(function () {
+          while (iterator) {
+            var step = iterator.next();
+            if (step.done !== false) {
+              iterator = stack.pop();
+              continue;
+            }
+            var v = step.value;
+            if (type === ITERATE_ENTRIES) {
+              v = v[1];
+            }
+            if ((!depth || stack.length < depth) && isCollection(v)) {
+              stack.push(iterator);
+              iterator = v.__iterator(type, reverse);
+            } else {
+              return useKeys ? step : iteratorValue(type, iterations++, v, step);
+            }
+          }
+          return iteratorDone();
+        });
+      };
+      return flatSequence;
+    }
+
+    function flatMapFactory(collection, mapper, context) {
+      var coerce = collectionClass(collection);
+      return collection
+        .toSeq()
+        .map(function (v, k) { return coerce(mapper.call(context, v, k, collection)); })
+        .flatten(true);
+    }
+
+    function interposeFactory(collection, separator) {
+      var interposedSequence = makeSequence(collection);
+      interposedSequence.size = collection.size && collection.size * 2 - 1;
+      interposedSequence.__iterateUncached = function (fn, reverse) {
+        var this$1$1 = this;
+
+        var iterations = 0;
+        collection.__iterate(
+          function (v) { return (!iterations || fn(separator, iterations++, this$1$1) !== false) &&
+            fn(v, iterations++, this$1$1) !== false; },
+          reverse
+        );
+        return iterations;
+      };
+      interposedSequence.__iteratorUncached = function (type, reverse) {
+        var iterator = collection.__iterator(ITERATE_VALUES, reverse);
+        var iterations = 0;
+        var step;
+        return new Iterator(function () {
+          if (!step || iterations % 2) {
+            step = iterator.next();
+            if (step.done) {
+              return step;
+            }
+          }
+          return iterations % 2
+            ? iteratorValue(type, iterations++, separator)
+            : iteratorValue(type, iterations++, step.value, step);
+        });
+      };
+      return interposedSequence;
+    }
+
+    function sortFactory(collection, comparator, mapper) {
+      if (!comparator) {
+        comparator = defaultComparator;
+      }
+      var isKeyedCollection = isKeyed(collection);
+      var index = 0;
+      var entries = collection
+        .toSeq()
+        .map(function (v, k) { return [k, v, index++, mapper ? mapper(v, k, collection) : v]; })
+        .valueSeq()
+        .toArray();
+      entries
+        .sort(function (a, b) { return comparator(a[3], b[3]) || a[2] - b[2]; })
+        .forEach(
+          isKeyedCollection
+            ? function (v, i) {
+                entries[i].length = 2;
+              }
+            : function (v, i) {
+                entries[i] = v[1];
+              }
+        );
+      return isKeyedCollection
+        ? KeyedSeq(entries)
+        : isIndexed(collection)
+          ? IndexedSeq(entries)
+          : SetSeq(entries);
+    }
+
+    function maxFactory(collection, comparator, mapper) {
+      if (!comparator) {
+        comparator = defaultComparator;
+      }
+      if (mapper) {
+        var entry = collection
+          .toSeq()
+          .map(function (v, k) { return [v, mapper(v, k, collection)]; })
+          .reduce(function (a, b) { return (maxCompare(comparator, a[1], b[1]) ? b : a); });
+        return entry && entry[0];
+      }
+      return collection.reduce(function (a, b) { return (maxCompare(comparator, a, b) ? b : a); });
+    }
+
+    function maxCompare(comparator, a, b) {
+      var comp = comparator(b, a);
+      // b is considered the new max if the comparator declares them equal, but
+      // they are not equal and b is in fact a nullish value.
+      return (
+        (comp === 0 && b !== a && (b === undefined || b === null || b !== b)) ||
+        comp > 0
+      );
+    }
+
+    function zipWithFactory(keyIter, zipper, iters, zipAll) {
+      var zipSequence = makeSequence(keyIter);
+      var sizes = new ArraySeq(iters).map(function (i) { return i.size; });
+      zipSequence.size = zipAll ? sizes.max() : sizes.min();
+      // Note: this a generic base implementation of __iterate in terms of
+      // __iterator which may be more generically useful in the future.
+      zipSequence.__iterate = function (fn, reverse) {
+        /* generic:
+        var iterator = this.__iterator(ITERATE_ENTRIES, reverse);
+        var step;
+        var iterations = 0;
+        while (!(step = iterator.next()).done) {
+          iterations++;
+          if (fn(step.value[1], step.value[0], this) === false) {
+            break;
+          }
+        }
+        return iterations;
+        */
+        // indexed:
+        var iterator = this.__iterator(ITERATE_VALUES, reverse);
+        var step;
+        var iterations = 0;
+        while (!(step = iterator.next()).done) {
+          if (fn(step.value, iterations++, this) === false) {
+            break;
+          }
+        }
+        return iterations;
+      };
+      zipSequence.__iteratorUncached = function (type, reverse) {
+        var iterators = iters.map(
+          function (i) { return ((i = Collection(i)), getIterator(reverse ? i.reverse() : i)); }
+        );
+        var iterations = 0;
+        var isDone = false;
+        return new Iterator(function () {
+          var steps;
+          if (!isDone) {
+            steps = iterators.map(function (i) { return i.next(); });
+            isDone = zipAll
+              ? steps.every(function (s) { return s.done; })
+              : steps.some(function (s) { return s.done; });
+          }
+          if (isDone) {
+            return iteratorDone();
+          }
+          return iteratorValue(
+            type,
+            iterations++,
+            zipper.apply(
+              null,
+              steps.map(function (s) { return s.value; })
+            )
+          );
+        });
+      };
+      return zipSequence;
+    }
+
+    // #pragma Helper Functions
+
+    function reify(iter, seq) {
+      return iter === seq ? iter : isSeq(iter) ? seq : iter.constructor(seq);
+    }
+
+    function validateEntry(entry) {
+      if (entry !== Object(entry)) {
+        throw new TypeError('Expected [K, V] tuple: ' + entry);
+      }
+    }
+
+    function collectionClass(collection) {
+      return isKeyed(collection)
+        ? KeyedCollection
+        : isIndexed(collection)
+          ? IndexedCollection
+          : SetCollection;
+    }
+
+    function makeSequence(collection) {
+      return Object.create(
+        (isKeyed(collection)
+          ? KeyedSeq
+          : isIndexed(collection)
+            ? IndexedSeq
+            : SetSeq
+        ).prototype
+      );
+    }
+
+    function cacheResultThrough() {
+      if (this._iter.cacheResult) {
+        this._iter.cacheResult();
+        this.size = this._iter.size;
+        return this;
+      }
+      return Seq.prototype.cacheResult.call(this);
+    }
+
+    function defaultComparator(a, b) {
+      if (a === undefined && b === undefined) {
+        return 0;
+      }
+
+      if (a === undefined) {
+        return 1;
+      }
+
+      if (b === undefined) {
+        return -1;
+      }
+
+      return a > b ? 1 : a < b ? -1 : 0;
+    }
+
+    // http://jsperf.com/copy-array-inline
+    function arrCopy(arr, offset) {
+        offset = offset || 0;
+        var len = Math.max(0, arr.length - offset);
+        var newArr = new Array(len);
+        for (var ii = 0; ii < len; ii++) {
+            // @ts-expect-error We may want to guard for undefined values with `if (arr[ii + offset] !== undefined`, but ths should not happen by design
+            newArr[ii] = arr[ii + offset];
+        }
+        return newArr;
+    }
+
+    function invariant(condition, error) {
+        if (!condition)
+            { throw new Error(error); }
+    }
+
+    function assertNotInfinite(size) {
+        invariant(size !== Infinity, 'Cannot perform this action with an infinite size.');
+    }
+
+    function coerceKeyPath(keyPath) {
+        if (isArrayLike(keyPath) && typeof keyPath !== 'string') {
+            return keyPath;
+        }
+        if (isOrdered(keyPath)) {
+            return keyPath.toArray();
+        }
+        throw new TypeError('Invalid keyPath: expected Ordered Collection or Array: ' + keyPath);
+    }
+
+    var toString = Object.prototype.toString;
+    function isPlainObject(value) {
+        // The base prototype's toString deals with Argument objects and native namespaces like Math
+        if (!value ||
+            typeof value !== 'object' ||
+            toString.call(value) !== '[object Object]') {
+            return false;
+        }
+        var proto = Object.getPrototypeOf(value);
+        if (proto === null) {
+            return true;
+        }
+        // Iteratively going up the prototype chain is needed for cross-realm environments (differing contexts, iframes, etc)
+        var parentProto = proto;
+        var nextProto = Object.getPrototypeOf(proto);
+        while (nextProto !== null) {
+            parentProto = nextProto;
+            nextProto = Object.getPrototypeOf(parentProto);
+        }
+        return parentProto === proto;
+    }
+
+    /**
+     * Returns true if the value is a potentially-persistent data structure, either
+     * provided by Immutable.js or a plain Array or Object.
+     */
+    function isDataStructure(value) {
+        return (typeof value === 'object' &&
+            (isImmutable(value) || Array.isArray(value) || isPlainObject(value)));
+    }
+
+    /**
+     * Converts a value to a string, adding quotes if a string was provided.
+     */
+    function quoteString(value) {
+        try {
+            return typeof value === 'string' ? JSON.stringify(value) : String(value);
+            // eslint-disable-next-line @typescript-eslint/no-unused-vars
+        }
+        catch (_ignoreError) {
+            return JSON.stringify(value);
+        }
+    }
+
+    /**
+     * Returns true if the key is defined in the provided collection.
+     *
+     * A functional alternative to `collection.has(key)` which will also work with
+     * plain Objects and Arrays as an alternative for
+     * `collection.hasOwnProperty(key)`.
+     */
+    function has(collection, key) {
+        return isImmutable(collection)
+            ? // @ts-expect-error key might be a number or symbol, which is not handled be Record key type
+                collection.has(key)
+            : // @ts-expect-error key might be anything else than PropertyKey, and will return false in that case but runtime is OK
+                isDataStructure(collection) && hasOwnProperty.call(collection, key);
+    }
+
+    function get(collection, key, notSetValue) {
+        return isImmutable(collection)
+            ? collection.get(key, notSetValue)
+            : !has(collection, key)
+                ? notSetValue
+                : // @ts-expect-error weird "get" here,
+                    typeof collection.get === 'function'
+                        ? // @ts-expect-error weird "get" here,
+                            collection.get(key)
+                        : // @ts-expect-error key is unknown here,
+                            collection[key];
+    }
+
+    function shallowCopy(from) {
+        if (Array.isArray(from)) {
+            return arrCopy(from);
+        }
+        var to = {};
+        for (var key in from) {
+            if (hasOwnProperty.call(from, key)) {
+                to[key] = from[key];
+            }
+        }
+        return to;
+    }
+
+    function remove(collection, key) {
+        if (!isDataStructure(collection)) {
+            throw new TypeError('Cannot update non-data-structure value: ' + collection);
+        }
+        if (isImmutable(collection)) {
+            // @ts-expect-error weird "remove" here,
+            if (!collection.remove) {
+                throw new TypeError('Cannot update immutable value without .remove() method: ' + collection);
+            }
+            // @ts-expect-error weird "remove" here,
+            return collection.remove(key);
+        }
+        // @ts-expect-error assert that key is a string, a number or a symbol here
+        if (!hasOwnProperty.call(collection, key)) {
+            return collection;
+        }
+        var collectionCopy = shallowCopy(collection);
+        if (Array.isArray(collectionCopy)) {
+            // @ts-expect-error assert that key is a number here
+            collectionCopy.splice(key, 1);
+        }
+        else {
+            // @ts-expect-error assert that key is a string, a number or a symbol here
+            delete collectionCopy[key];
+        }
+        return collectionCopy;
+    }
+
+    function set(collection, key, value) {
+        if (!isDataStructure(collection)) {
+            throw new TypeError('Cannot update non-data-structure value: ' + collection);
+        }
+        if (isImmutable(collection)) {
+            // @ts-expect-error weird "set" here,
+            if (!collection.set) {
+                throw new TypeError('Cannot update immutable value without .set() method: ' + collection);
+            }
+            // @ts-expect-error weird "set" here,
+            return collection.set(key, value);
+        }
+        // @ts-expect-error mix of key and string here. Probably need a more fine type here
+        if (hasOwnProperty.call(collection, key) && value === collection[key]) {
+            return collection;
+        }
+        var collectionCopy = shallowCopy(collection);
+        // @ts-expect-error mix of key and string here. Probably need a more fine type here
+        collectionCopy[key] = value;
+        return collectionCopy;
+    }
+
+    function updateIn$1(collection, keyPath, notSetValue, updater) {
+        if (!updater) {
+            // handle the fact that `notSetValue` is optional here, in that case `updater` is the updater function
+            // @ts-expect-error updater is a function here
+            updater = notSetValue;
+            notSetValue = undefined;
+        }
+        var updatedValue = updateInDeeply(isImmutable(collection), 
+        // @ts-expect-error type issues with Record and mixed types
+        collection, coerceKeyPath(keyPath), 0, notSetValue, updater);
+        // @ts-expect-error mixed return type
+        return updatedValue === NOT_SET ? notSetValue : updatedValue;
+    }
+    function updateInDeeply(inImmutable, existing, keyPath, i, notSetValue, updater) {
+        var wasNotSet = existing === NOT_SET;
+        if (i === keyPath.length) {
+            var existingValue = wasNotSet ? notSetValue : existing;
+            // @ts-expect-error mixed type with optional value
+            var newValue = updater(existingValue);
+            // @ts-expect-error mixed type
+            return newValue === existingValue ? existing : newValue;
+        }
+        if (!wasNotSet && !isDataStructure(existing)) {
+            throw new TypeError('Cannot update within non-data-structure value in path [' +
+                Array.from(keyPath).slice(0, i).map(quoteString) +
+                ']: ' +
+                existing);
+        }
+        var key = keyPath[i];
+        var nextExisting = wasNotSet ? NOT_SET : get(existing, key, NOT_SET);
+        var nextUpdated = updateInDeeply(nextExisting === NOT_SET ? inImmutable : isImmutable(nextExisting), 
+        // @ts-expect-error mixed type
+        nextExisting, keyPath, i + 1, notSetValue, updater);
+        return nextUpdated === nextExisting
+            ? existing
+            : nextUpdated === NOT_SET
+                ? remove(existing, key)
+                : set(wasNotSet ? (inImmutable ? emptyMap() : {}) : existing, key, nextUpdated);
+    }
+
+    /**
+     * Returns a copy of the collection with the value at the key path set to the
+     * provided value.
+     *
+     * A functional alternative to `collection.setIn(keypath)` which will also
+     * work with plain Objects and Arrays.
+     */
+    function setIn$1(collection, keyPath, value) {
+        return updateIn$1(collection, keyPath, NOT_SET, function () { return value; });
+    }
+
+    function setIn(keyPath, v) {
+      return setIn$1(this, keyPath, v);
+    }
+
+    /**
+     * Returns a copy of the collection with the value at the key path removed.
+     *
+     * A functional alternative to `collection.removeIn(keypath)` which will also
+     * work with plain Objects and Arrays.
+     */
+    function removeIn(collection, keyPath) {
+        return updateIn$1(collection, keyPath, function () { return NOT_SET; });
+    }
+
+    function deleteIn(keyPath) {
+      return removeIn(this, keyPath);
+    }
+
+    function update$1(collection, key, notSetValue, updater) {
+        return updateIn$1(
+        // @ts-expect-error Index signature for type string is missing in type V[]
+        collection, [key], notSetValue, updater);
+    }
+
+    function update(key, notSetValue, updater) {
+      return arguments.length === 1
+        ? key(this)
+        : update$1(this, key, notSetValue, updater);
+    }
+
+    function updateIn(keyPath, notSetValue, updater) {
+      return updateIn$1(this, keyPath, notSetValue, updater);
+    }
+
+    function merge$1() {
+      var iters = [], len = arguments.length;
+      while ( len-- ) iters[ len ] = arguments[ len ];
+
+      return mergeIntoKeyedWith(this, iters);
+    }
+
+    function mergeWith$1(merger) {
+      var iters = [], len = arguments.length - 1;
+      while ( len-- > 0 ) iters[ len ] = arguments[ len + 1 ];
+
+      if (typeof merger !== 'function') {
+        throw new TypeError('Invalid merger function: ' + merger);
+      }
+      return mergeIntoKeyedWith(this, iters, merger);
+    }
+
+    function mergeIntoKeyedWith(collection, collections, merger) {
+      var iters = [];
+      for (var ii = 0; ii < collections.length; ii++) {
+        var collection$1 = KeyedCollection(collections[ii]);
+        if (collection$1.size !== 0) {
+          iters.push(collection$1);
+        }
+      }
+      if (iters.length === 0) {
+        return collection;
+      }
+      if (
+        collection.toSeq().size === 0 &&
+        !collection.__ownerID &&
+        iters.length === 1
+      ) {
+        return isRecord(collection)
+          ? collection // Record is empty and will not be updated: return the same instance
+          : collection.constructor(iters[0]);
+      }
+      return collection.withMutations(function (collection) {
+        var mergeIntoCollection = merger
+          ? function (value, key) {
+              update$1(collection, key, NOT_SET, function (oldVal) { return oldVal === NOT_SET ? value : merger(oldVal, value, key); }
+              );
+            }
+          : function (value, key) {
+              collection.set(key, value);
+            };
+        for (var ii = 0; ii < iters.length; ii++) {
+          iters[ii].forEach(mergeIntoCollection);
+        }
+      });
+    }
+
+    function merge(collection) {
+      var sources = [], len = arguments.length - 1;
+      while ( len-- > 0 ) sources[ len ] = arguments[ len + 1 ];
+
+      return mergeWithSources(collection, sources);
+    }
+
+    function mergeWith(merger, collection) {
+      var sources = [], len = arguments.length - 2;
+      while ( len-- > 0 ) sources[ len ] = arguments[ len + 2 ];
+
+      return mergeWithSources(collection, sources, merger);
+    }
+
+    function mergeDeep$1(collection) {
+      var sources = [], len = arguments.length - 1;
+      while ( len-- > 0 ) sources[ len ] = arguments[ len + 1 ];
+
+      return mergeDeepWithSources(collection, sources);
+    }
+
+    function mergeDeepWith$1(merger, collection) {
+      var sources = [], len = arguments.length - 2;
+      while ( len-- > 0 ) sources[ len ] = arguments[ len + 2 ];
+
+      return mergeDeepWithSources(collection, sources, merger);
+    }
+
+    function mergeDeepWithSources(collection, sources, merger) {
+      return mergeWithSources(collection, sources, deepMergerWith(merger));
+    }
+
+    function mergeWithSources(collection, sources, merger) {
+      if (!isDataStructure(collection)) {
+        throw new TypeError(
+          'Cannot merge into non-data-structure value: ' + collection
+        );
+      }
+      if (isImmutable(collection)) {
+        return typeof merger === 'function' && collection.mergeWith
+          ? collection.mergeWith.apply(collection, [ merger ].concat( sources ))
+          : collection.merge
+            ? collection.merge.apply(collection, sources)
+            : collection.concat.apply(collection, sources);
+      }
+      var isArray = Array.isArray(collection);
+      var merged = collection;
+      var Collection = isArray ? IndexedCollection : KeyedCollection;
+      var mergeItem = isArray
+        ? function (value) {
+            // Copy on write
+            if (merged === collection) {
+              merged = shallowCopy(merged);
+            }
+            merged.push(value);
+          }
+        : function (value, key) {
+            var hasVal = hasOwnProperty.call(merged, key);
+            var nextVal =
+              hasVal && merger ? merger(merged[key], value, key) : value;
+            if (!hasVal || nextVal !== merged[key]) {
+              // Copy on write
+              if (merged === collection) {
+                merged = shallowCopy(merged);
+              }
+              merged[key] = nextVal;
+            }
+          };
+      for (var i = 0; i < sources.length; i++) {
+        Collection(sources[i]).forEach(mergeItem);
+      }
+      return merged;
+    }
+
+    function deepMergerWith(merger) {
+      function deepMerger(oldValue, newValue, key) {
+        return isDataStructure(oldValue) &&
+          isDataStructure(newValue) &&
+          areMergeable(oldValue, newValue)
+          ? mergeWithSources(oldValue, [newValue], deepMerger)
+          : merger
+            ? merger(oldValue, newValue, key)
+            : newValue;
+      }
+      return deepMerger;
+    }
+
+    /**
+     * It's unclear what the desired behavior is for merging two collections that
+     * fall into separate categories between keyed, indexed, or set-like, so we only
+     * consider them mergeable if they fall into the same category.
+     */
+    function areMergeable(oldDataStructure, newDataStructure) {
+      var oldSeq = Seq(oldDataStructure);
+      var newSeq = Seq(newDataStructure);
+      // This logic assumes that a sequence can only fall into one of the three
+      // categories mentioned above (since there's no `isSetLike()` method).
+      return (
+        isIndexed(oldSeq) === isIndexed(newSeq) &&
+        isKeyed(oldSeq) === isKeyed(newSeq)
+      );
+    }
+
+    function mergeDeep() {
+      var iters = [], len = arguments.length;
+      while ( len-- ) iters[ len ] = arguments[ len ];
+
+      return mergeDeepWithSources(this, iters);
+    }
+
+    function mergeDeepWith(merger) {
+      var iters = [], len = arguments.length - 1;
+      while ( len-- > 0 ) iters[ len ] = arguments[ len + 1 ];
+
+      return mergeDeepWithSources(this, iters, merger);
+    }
+
+    function mergeIn(keyPath) {
+      var iters = [], len = arguments.length - 1;
+      while ( len-- > 0 ) iters[ len ] = arguments[ len + 1 ];
+
+      return updateIn$1(this, keyPath, emptyMap(), function (m) { return mergeWithSources(m, iters); });
+    }
+
+    function mergeDeepIn(keyPath) {
+      var iters = [], len = arguments.length - 1;
+      while ( len-- > 0 ) iters[ len ] = arguments[ len + 1 ];
+
+      return updateIn$1(this, keyPath, emptyMap(), function (m) { return mergeDeepWithSources(m, iters); }
+      );
+    }
+
+    function withMutations(fn) {
+      var mutable = this.asMutable();
+      fn(mutable);
+      return mutable.wasAltered() ? mutable.__ensureOwner(this.__ownerID) : this;
+    }
+
+    function asMutable() {
+      return this.__ownerID ? this : this.__ensureOwner(new OwnerID());
+    }
+
+    function asImmutable() {
+      return this.__ensureOwner();
+    }
+
+    function wasAltered() {
+      return this.__altered;
+    }
+
+    var Map = /*@__PURE__*/(function (KeyedCollection) {
+      function Map(value) {
+        // eslint-disable-next-line no-constructor-return
+        return value === undefined || value === null
+          ? emptyMap()
+          : isMap(value) && !isOrdered(value)
+            ? value
+            : emptyMap().withMutations(function (map) {
+                var iter = KeyedCollection(value);
+                assertNotInfinite(iter.size);
+                iter.forEach(function (v, k) { return map.set(k, v); });
+              });
+      }
+
+      if ( KeyedCollection ) Map.__proto__ = KeyedCollection;
+      Map.prototype = Object.create( KeyedCollection && KeyedCollection.prototype );
+      Map.prototype.constructor = Map;
+
+      Map.prototype.toString = function toString () {
+        return this.__toString('Map {', '}');
+      };
+
+      // @pragma Access
+
+      Map.prototype.get = function get (k, notSetValue) {
+        return this._root
+          ? this._root.get(0, undefined, k, notSetValue)
+          : notSetValue;
+      };
+
+      // @pragma Modification
+
+      Map.prototype.set = function set (k, v) {
+        return updateMap(this, k, v);
+      };
+
+      Map.prototype.remove = function remove (k) {
+        return updateMap(this, k, NOT_SET);
+      };
+
+      Map.prototype.deleteAll = function deleteAll (keys) {
+        var collection = Collection(keys);
+
+        if (collection.size === 0) {
+          return this;
+        }
+
+        return this.withMutations(function (map) {
+          collection.forEach(function (key) { return map.remove(key); });
+        });
+      };
+
+      Map.prototype.clear = function clear () {
+        if (this.size === 0) {
+          return this;
+        }
+        if (this.__ownerID) {
+          this.size = 0;
+          this._root = null;
+          this.__hash = undefined;
+          this.__altered = true;
+          return this;
+        }
+        return emptyMap();
+      };
+
+      // @pragma Composition
+
+      Map.prototype.sort = function sort (comparator) {
+        // Late binding
+        return OrderedMap(sortFactory(this, comparator));
+      };
+
+      Map.prototype.sortBy = function sortBy (mapper, comparator) {
+        // Late binding
+        return OrderedMap(sortFactory(this, comparator, mapper));
+      };
+
+      Map.prototype.map = function map (mapper, context) {
+        var this$1$1 = this;
+
+        return this.withMutations(function (map) {
+          map.forEach(function (value, key) {
+            map.set(key, mapper.call(context, value, key, this$1$1));
+          });
+        });
+      };
+
+      // @pragma Mutability
+
+      Map.prototype.__iterator = function __iterator (type, reverse) {
+        return new MapIterator(this, type, reverse);
+      };
+
+      Map.prototype.__iterate = function __iterate (fn, reverse) {
+        var this$1$1 = this;
+
+        var iterations = 0;
+        // eslint-disable-next-line @typescript-eslint/no-unused-expressions -- TODO enable eslint here
+        this._root &&
+          this._root.iterate(function (entry) {
+            iterations++;
+            return fn(entry[1], entry[0], this$1$1);
+          }, reverse);
+        return iterations;
+      };
+
+      Map.prototype.__ensureOwner = function __ensureOwner (ownerID) {
+        if (ownerID === this.__ownerID) {
+          return this;
+        }
+        if (!ownerID) {
+          if (this.size === 0) {
+            return emptyMap();
+          }
+          this.__ownerID = ownerID;
+          this.__altered = false;
+          return this;
+        }
+        return makeMap(this.size, this._root, ownerID, this.__hash);
+      };
+
+      return Map;
+    }(KeyedCollection));
+
+    Map.isMap = isMap;
+
+    var MapPrototype = Map.prototype;
+    MapPrototype[IS_MAP_SYMBOL] = true;
+    MapPrototype[DELETE] = MapPrototype.remove;
+    MapPrototype.removeAll = MapPrototype.deleteAll;
+    MapPrototype.setIn = setIn;
+    MapPrototype.removeIn = MapPrototype.deleteIn = deleteIn;
+    MapPrototype.update = update;
+    MapPrototype.updateIn = updateIn;
+    MapPrototype.merge = MapPrototype.concat = merge$1;
+    MapPrototype.mergeWith = mergeWith$1;
+    MapPrototype.mergeDeep = mergeDeep;
+    MapPrototype.mergeDeepWith = mergeDeepWith;
+    MapPrototype.mergeIn = mergeIn;
+    MapPrototype.mergeDeepIn = mergeDeepIn;
+    MapPrototype.withMutations = withMutations;
+    MapPrototype.wasAltered = wasAltered;
+    MapPrototype.asImmutable = asImmutable;
+    MapPrototype['@@transducer/init'] = MapPrototype.asMutable = asMutable;
+    MapPrototype['@@transducer/step'] = function (result, arr) {
+      return result.set(arr[0], arr[1]);
+    };
+    MapPrototype['@@transducer/result'] = function (obj) {
+      return obj.asImmutable();
+    };
+
+    // #pragma Trie Nodes
+
+    var ArrayMapNode = function ArrayMapNode(ownerID, entries) {
+      this.ownerID = ownerID;
+      this.entries = entries;
+    };
+
+    ArrayMapNode.prototype.get = function get (shift, keyHash, key, notSetValue) {
+      var entries = this.entries;
+      for (var ii = 0, len = entries.length; ii < len; ii++) {
+        if (is(key, entries[ii][0])) {
+          return entries[ii][1];
+        }
+      }
+      return notSetValue;
+    };
+
+    ArrayMapNode.prototype.update = function update (ownerID, shift, keyHash, key, value, didChangeSize, didAlter) {
+      var removed = value === NOT_SET;
+
+      var entries = this.entries;
+      var idx = 0;
+      var len = entries.length;
+      for (; idx < len; idx++) {
+        if (is(key, entries[idx][0])) {
+          break;
+        }
+      }
+      var exists = idx < len;
+
+      if (exists ? entries[idx][1] === value : removed) {
+        return this;
+      }
+
+      SetRef(didAlter);
+      // eslint-disable-next-line @typescript-eslint/no-unused-expressions -- TODO enable eslint here
+      (removed || !exists) && SetRef(didChangeSize);
+
+      if (removed && entries.length === 1) {
+        return; // undefined
+      }
+
+      if (!exists && !removed && entries.length >= MAX_ARRAY_MAP_SIZE) {
+        return createNodes(ownerID, entries, key, value);
+      }
+
+      var isEditable = ownerID && ownerID === this.ownerID;
+      var newEntries = isEditable ? entries : arrCopy(entries);
+
+      if (exists) {
+        if (removed) {
+          // eslint-disable-next-line @typescript-eslint/no-unused-expressions -- TODO enable eslint here
+          idx === len - 1
+            ? newEntries.pop()
+            : (newEntries[idx] = newEntries.pop());
+        } else {
+          newEntries[idx] = [key, value];
+        }
+      } else {
+        newEntries.push([key, value]);
+      }
+
+      if (isEditable) {
+        this.entries = newEntries;
+        return this;
+      }
+
+      return new ArrayMapNode(ownerID, newEntries);
+    };
+
+    var BitmapIndexedNode = function BitmapIndexedNode(ownerID, bitmap, nodes) {
+      this.ownerID = ownerID;
+      this.bitmap = bitmap;
+      this.nodes = nodes;
+    };
+
+    BitmapIndexedNode.prototype.get = function get (shift, keyHash, key, notSetValue) {
+      if (keyHash === undefined) {
+        keyHash = hash(key);
+      }
+      var bit = 1 << ((shift === 0 ? keyHash : keyHash >>> shift) & MASK);
+      var bitmap = this.bitmap;
+      return (bitmap & bit) === 0
+        ? notSetValue
+        : this.nodes[popCount(bitmap & (bit - 1))].get(
+            shift + SHIFT,
+            keyHash,
+            key,
+            notSetValue
+          );
+    };
+
+    BitmapIndexedNode.prototype.update = function update (ownerID, shift, keyHash, key, value, didChangeSize, didAlter) {
+      if (keyHash === undefined) {
+        keyHash = hash(key);
+      }
+      var keyHashFrag = (shift === 0 ? keyHash : keyHash >>> shift) & MASK;
+      var bit = 1 << keyHashFrag;
+      var bitmap = this.bitmap;
+      var exists = (bitmap & bit) !== 0;
+
+      if (!exists && value === NOT_SET) {
+        return this;
+      }
+
+      var idx = popCount(bitmap & (bit - 1));
+      var nodes = this.nodes;
+      var node = exists ? nodes[idx] : undefined;
+      var newNode = updateNode(
+        node,
+        ownerID,
+        shift + SHIFT,
+        keyHash,
+        key,
+        value,
+        didChangeSize,
+        didAlter
+      );
+
+      if (newNode === node) {
+        return this;
+      }
+
+      if (!exists && newNode && nodes.length >= MAX_BITMAP_INDEXED_SIZE) {
+        return expandNodes(ownerID, nodes, bitmap, keyHashFrag, newNode);
+      }
+
+      if (
+        exists &&
+        !newNode &&
+        nodes.length === 2 &&
+        isLeafNode(nodes[idx ^ 1])
+      ) {
+        return nodes[idx ^ 1];
+      }
+
+      if (exists && newNode && nodes.length === 1 && isLeafNode(newNode)) {
+        return newNode;
+      }
+
+      var isEditable = ownerID && ownerID === this.ownerID;
+      var newBitmap = exists ? (newNode ? bitmap : bitmap ^ bit) : bitmap | bit;
+      var newNodes = exists
+        ? newNode
+          ? setAt(nodes, idx, newNode, isEditable)
+          : spliceOut(nodes, idx, isEditable)
+        : spliceIn(nodes, idx, newNode, isEditable);
+
+      if (isEditable) {
+        this.bitmap = newBitmap;
+        this.nodes = newNodes;
+        return this;
+      }
+
+      return new BitmapIndexedNode(ownerID, newBitmap, newNodes);
+    };
+
+    var HashArrayMapNode = function HashArrayMapNode(ownerID, count, nodes) {
+      this.ownerID = ownerID;
+      this.count = count;
+      this.nodes = nodes;
+    };
+
+    HashArrayMapNode.prototype.get = function get (shift, keyHash, key, notSetValue) {
+      if (keyHash === undefined) {
+        keyHash = hash(key);
+      }
+      var idx = (shift === 0 ? keyHash : keyHash >>> shift) & MASK;
+      var node = this.nodes[idx];
+      return node
+        ? node.get(shift + SHIFT, keyHash, key, notSetValue)
+        : notSetValue;
+    };
+
+    HashArrayMapNode.prototype.update = function update (ownerID, shift, keyHash, key, value, didChangeSize, didAlter) {
+      if (keyHash === undefined) {
+        keyHash = hash(key);
+      }
+      var idx = (shift === 0 ? keyHash : keyHash >>> shift) & MASK;
+      var removed = value === NOT_SET;
+      var nodes = this.nodes;
+      var node = nodes[idx];
+
+      if (removed && !node) {
+        return this;
+      }
+
+      var newNode = updateNode(
+        node,
+        ownerID,
+        shift + SHIFT,
+        keyHash,
+        key,
+        value,
+        didChangeSize,
+        didAlter
+      );
+      if (newNode === node) {
+        return this;
+      }
+
+      var newCount = this.count;
+      if (!node) {
+        newCount++;
+      } else if (!newNode) {
+        newCount--;
+        if (newCount < MIN_HASH_ARRAY_MAP_SIZE) {
+          return packNodes(ownerID, nodes, newCount, idx);
+        }
+      }
+
+      var isEditable = ownerID && ownerID === this.ownerID;
+      var newNodes = setAt(nodes, idx, newNode, isEditable);
+
+      if (isEditable) {
+        this.count = newCount;
+        this.nodes = newNodes;
+        return this;
+      }
+
+      return new HashArrayMapNode(ownerID, newCount, newNodes);
+    };
+
+    var HashCollisionNode = function HashCollisionNode(ownerID, keyHash, entries) {
+      this.ownerID = ownerID;
+      this.keyHash = keyHash;
+      this.entries = entries;
+    };
+
+    HashCollisionNode.prototype.get = function get (shift, keyHash, key, notSetValue) {
+      var entries = this.entries;
+      for (var ii = 0, len = entries.length; ii < len; ii++) {
+        if (is(key, entries[ii][0])) {
+          return entries[ii][1];
+        }
+      }
+      return notSetValue;
+    };
+
+    HashCollisionNode.prototype.update = function update (ownerID, shift, keyHash, key, value, didChangeSize, didAlter) {
+      if (keyHash === undefined) {
+        keyHash = hash(key);
+      }
+
+      var removed = value === NOT_SET;
+
+      if (keyHash !== this.keyHash) {
+        if (removed) {
+          return this;
+        }
+        SetRef(didAlter);
+        SetRef(didChangeSize);
+        return mergeIntoNode(this, ownerID, shift, keyHash, [key, value]);
+      }
+
+      var entries = this.entries;
+      var idx = 0;
+      var len = entries.length;
+      for (; idx < len; idx++) {
+        if (is(key, entries[idx][0])) {
+          break;
+        }
+      }
+      var exists = idx < len;
+
+      if (exists ? entries[idx][1] === value : removed) {
+        return this;
+      }
+
+      SetRef(didAlter);
+      // eslint-disable-next-line @typescript-eslint/no-unused-expressions -- TODO enable eslint here
+      (removed || !exists) && SetRef(didChangeSize);
+
+      if (removed && len === 2) {
+        return new ValueNode(ownerID, this.keyHash, entries[idx ^ 1]);
+      }
+
+      var isEditable = ownerID && ownerID === this.ownerID;
+      var newEntries = isEditable ? entries : arrCopy(entries);
+
+      if (exists) {
+        if (removed) {
+          // eslint-disable-next-line @typescript-eslint/no-unused-expressions -- TODO enable eslint here
+          idx === len - 1
+            ? newEntries.pop()
+            : (newEntries[idx] = newEntries.pop());
+        } else {
+          newEntries[idx] = [key, value];
+        }
+      } else {
+        newEntries.push([key, value]);
+      }
+
+      if (isEditable) {
+        this.entries = newEntries;
+        return this;
+      }
+
+      return new HashCollisionNode(ownerID, this.keyHash, newEntries);
+    };
+
+    var ValueNode = function ValueNode(ownerID, keyHash, entry) {
+      this.ownerID = ownerID;
+      this.keyHash = keyHash;
+      this.entry = entry;
+    };
+
+    ValueNode.prototype.get = function get (shift, keyHash, key, notSetValue) {
+      return is(key, this.entry[0]) ? this.entry[1] : notSetValue;
+    };
+
+    ValueNode.prototype.update = function update (ownerID, shift, keyHash, key, value, didChangeSize, didAlter) {
+      var removed = value === NOT_SET;
+      var keyMatch = is(key, this.entry[0]);
+      if (keyMatch ? value === this.entry[1] : removed) {
+        return this;
+      }
+
+      SetRef(didAlter);
+
+      if (removed) {
+        SetRef(didChangeSize);
+        return; // undefined
+      }
+
+      if (keyMatch) {
+        if (ownerID && ownerID === this.ownerID) {
+          this.entry[1] = value;
+          return this;
+        }
+        return new ValueNode(ownerID, this.keyHash, [key, value]);
+      }
+
+      SetRef(didChangeSize);
+      return mergeIntoNode(this, ownerID, shift, hash(key), [key, value]);
+    };
+
+    // #pragma Iterators
+
+    ArrayMapNode.prototype.iterate = HashCollisionNode.prototype.iterate =
+      function (fn, reverse) {
+        var entries = this.entries;
+        for (var ii = 0, maxIndex = entries.length - 1; ii <= maxIndex; ii++) {
+          if (fn(entries[reverse ? maxIndex - ii : ii]) === false) {
+            return false;
+          }
+        }
+      };
+
+    BitmapIndexedNode.prototype.iterate = HashArrayMapNode.prototype.iterate =
+      function (fn, reverse) {
+        var nodes = this.nodes;
+        for (var ii = 0, maxIndex = nodes.length - 1; ii <= maxIndex; ii++) {
+          var node = nodes[reverse ? maxIndex - ii : ii];
+          if (node && node.iterate(fn, reverse) === false) {
+            return false;
+          }
+        }
+      };
+
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    ValueNode.prototype.iterate = function (fn, reverse) {
+      return fn(this.entry);
+    };
+
+    var MapIterator = /*@__PURE__*/(function (Iterator) {
+      function MapIterator(map, type, reverse) {
+        this._type = type;
+        this._reverse = reverse;
+        this._stack = map._root && mapIteratorFrame(map._root);
+      }
+
+      if ( Iterator ) MapIterator.__proto__ = Iterator;
+      MapIterator.prototype = Object.create( Iterator && Iterator.prototype );
+      MapIterator.prototype.constructor = MapIterator;
+
+      MapIterator.prototype.next = function next () {
+        var type = this._type;
+        var stack = this._stack;
+        while (stack) {
+          var node = stack.node;
+          var index = stack.index++;
+          var maxIndex = (void 0);
+          if (node.entry) {
+            if (index === 0) {
+              return mapIteratorValue(type, node.entry);
+            }
+          } else if (node.entries) {
+            maxIndex = node.entries.length - 1;
+            if (index <= maxIndex) {
+              return mapIteratorValue(
+                type,
+                node.entries[this._reverse ? maxIndex - index : index]
+              );
+            }
+          } else {
+            maxIndex = node.nodes.length - 1;
+            if (index <= maxIndex) {
+              var subNode = node.nodes[this._reverse ? maxIndex - index : index];
+              if (subNode) {
+                if (subNode.entry) {
+                  return mapIteratorValue(type, subNode.entry);
+                }
+                stack = this._stack = mapIteratorFrame(subNode, stack);
+              }
+              continue;
+            }
+          }
+          stack = this._stack = this._stack.__prev;
+        }
+        return iteratorDone();
+      };
+
+      return MapIterator;
+    }(Iterator));
+
+    function mapIteratorValue(type, entry) {
+      return iteratorValue(type, entry[0], entry[1]);
+    }
+
+    function mapIteratorFrame(node, prev) {
+      return {
+        node: node,
+        index: 0,
+        __prev: prev,
+      };
+    }
+
+    function makeMap(size, root, ownerID, hash) {
+      var map = Object.create(MapPrototype);
+      map.size = size;
+      map._root = root;
+      map.__ownerID = ownerID;
+      map.__hash = hash;
+      map.__altered = false;
+      return map;
+    }
+
+    var EMPTY_MAP;
+    function emptyMap() {
+      return EMPTY_MAP || (EMPTY_MAP = makeMap(0));
+    }
+
+    function updateMap(map, k, v) {
+      var newRoot;
+      var newSize;
+      if (!map._root) {
+        if (v === NOT_SET) {
+          return map;
+        }
+        newSize = 1;
+        newRoot = new ArrayMapNode(map.__ownerID, [[k, v]]);
+      } else {
+        var didChangeSize = MakeRef();
+        var didAlter = MakeRef();
+        newRoot = updateNode(
+          map._root,
+          map.__ownerID,
+          0,
+          undefined,
+          k,
+          v,
+          didChangeSize,
+          didAlter
+        );
+        if (!didAlter.value) {
+          return map;
+        }
+        newSize = map.size + (didChangeSize.value ? (v === NOT_SET ? -1 : 1) : 0);
+      }
+      if (map.__ownerID) {
+        map.size = newSize;
+        map._root = newRoot;
+        map.__hash = undefined;
+        map.__altered = true;
+        return map;
+      }
+      return newRoot ? makeMap(newSize, newRoot) : emptyMap();
+    }
+
+    function updateNode(
+      node,
+      ownerID,
+      shift,
+      keyHash,
+      key,
+      value,
+      didChangeSize,
+      didAlter
+    ) {
+      if (!node) {
+        if (value === NOT_SET) {
+          return node;
+        }
+        SetRef(didAlter);
+        SetRef(didChangeSize);
+        return new ValueNode(ownerID, keyHash, [key, value]);
+      }
+      return node.update(
+        ownerID,
+        shift,
+        keyHash,
+        key,
+        value,
+        didChangeSize,
+        didAlter
+      );
+    }
+
+    function isLeafNode(node) {
+      return (
+        node.constructor === ValueNode || node.constructor === HashCollisionNode
+      );
+    }
+
+    function mergeIntoNode(node, ownerID, shift, keyHash, entry) {
+      if (node.keyHash === keyHash) {
+        return new HashCollisionNode(ownerID, keyHash, [node.entry, entry]);
+      }
+
+      var idx1 = (shift === 0 ? node.keyHash : node.keyHash >>> shift) & MASK;
+      var idx2 = (shift === 0 ? keyHash : keyHash >>> shift) & MASK;
+
+      var newNode;
+      var nodes =
+        idx1 === idx2
+          ? [mergeIntoNode(node, ownerID, shift + SHIFT, keyHash, entry)]
+          : ((newNode = new ValueNode(ownerID, keyHash, entry)),
+            idx1 < idx2 ? [node, newNode] : [newNode, node]);
+
+      return new BitmapIndexedNode(ownerID, (1 << idx1) | (1 << idx2), nodes);
+    }
+
+    function createNodes(ownerID, entries, key, value) {
+      if (!ownerID) {
+        ownerID = new OwnerID();
+      }
+      var node = new ValueNode(ownerID, hash(key), [key, value]);
+      for (var ii = 0; ii < entries.length; ii++) {
+        var entry = entries[ii];
+        node = node.update(ownerID, 0, undefined, entry[0], entry[1]);
+      }
+      return node;
+    }
+
+    function packNodes(ownerID, nodes, count, excluding) {
+      var bitmap = 0;
+      var packedII = 0;
+      var packedNodes = new Array(count);
+      for (var ii = 0, bit = 1, len = nodes.length; ii < len; ii++, bit <<= 1) {
+        var node = nodes[ii];
+        if (node !== undefined && ii !== excluding) {
+          bitmap |= bit;
+          packedNodes[packedII++] = node;
+        }
+      }
+      return new BitmapIndexedNode(ownerID, bitmap, packedNodes);
+    }
+
+    function expandNodes(ownerID, nodes, bitmap, including, node) {
+      var count = 0;
+      var expandedNodes = new Array(SIZE);
+      for (var ii = 0; bitmap !== 0; ii++, bitmap >>>= 1) {
+        expandedNodes[ii] = bitmap & 1 ? nodes[count++] : undefined;
+      }
+      expandedNodes[including] = node;
+      return new HashArrayMapNode(ownerID, count + 1, expandedNodes);
+    }
+
+    function popCount(x) {
+      x -= (x >> 1) & 0x55555555;
+      x = (x & 0x33333333) + ((x >> 2) & 0x33333333);
+      x = (x + (x >> 4)) & 0x0f0f0f0f;
+      x += x >> 8;
+      x += x >> 16;
+      return x & 0x7f;
+    }
+
+    function setAt(array, idx, val, canEdit) {
+      var newArray = canEdit ? array : arrCopy(array);
+      newArray[idx] = val;
+      return newArray;
+    }
+
+    function spliceIn(array, idx, val, canEdit) {
+      var newLen = array.length + 1;
+      if (canEdit && idx + 1 === newLen) {
+        array[idx] = val;
+        return array;
+      }
+      var newArray = new Array(newLen);
+      var after = 0;
+      for (var ii = 0; ii < newLen; ii++) {
+        if (ii === idx) {
+          newArray[ii] = val;
+          after = -1;
+        } else {
+          newArray[ii] = array[ii + after];
+        }
+      }
+      return newArray;
+    }
+
+    function spliceOut(array, idx, canEdit) {
+      var newLen = array.length - 1;
+      if (canEdit && idx === newLen) {
+        array.pop();
+        return array;
+      }
+      var newArray = new Array(newLen);
+      var after = 0;
+      for (var ii = 0; ii < newLen; ii++) {
+        if (ii === idx) {
+          after = 1;
+        }
+        newArray[ii] = array[ii + after];
+      }
+      return newArray;
+    }
+
+    var MAX_ARRAY_MAP_SIZE = SIZE / 4;
+    var MAX_BITMAP_INDEXED_SIZE = SIZE / 2;
+    var MIN_HASH_ARRAY_MAP_SIZE = SIZE / 4;
+
+    var IS_LIST_SYMBOL = '@@__IMMUTABLE_LIST__@@';
+    /**
+     * True if `maybeList` is a List.
+     */
+    function isList(maybeList) {
+        return Boolean(maybeList &&
+            // @ts-expect-error: maybeList is typed as `{}`, need to change in 6.0 to `maybeList && typeof maybeList === 'object' && IS_LIST_SYMBOL in maybeList`
+            maybeList[IS_LIST_SYMBOL]);
+    }
+
+    var List = /*@__PURE__*/(function (IndexedCollection) {
+      function List(value) {
+        var empty = emptyList();
+        if (value === undefined || value === null) {
+          // eslint-disable-next-line no-constructor-return
+          return empty;
+        }
+        if (isList(value)) {
+          // eslint-disable-next-line no-constructor-return
+          return value;
+        }
+        var iter = IndexedCollection(value);
+        var size = iter.size;
+        if (size === 0) {
+          // eslint-disable-next-line no-constructor-return
+          return empty;
+        }
+        assertNotInfinite(size);
+        if (size > 0 && size < SIZE) {
+          // eslint-disable-next-line no-constructor-return
+          return makeList(0, size, SHIFT, null, new VNode(iter.toArray()));
+        }
+        // eslint-disable-next-line no-constructor-return
+        return empty.withMutations(function (list) {
+          list.setSize(size);
+          iter.forEach(function (v, i) { return list.set(i, v); });
+        });
+      }
+
+      if ( IndexedCollection ) List.__proto__ = IndexedCollection;
+      List.prototype = Object.create( IndexedCollection && IndexedCollection.prototype );
+      List.prototype.constructor = List;
+
+      List.of = function of (/*...values*/) {
+        return this(arguments);
+      };
+
+      List.prototype.toString = function toString () {
+        return this.__toString('List [', ']');
+      };
+
+      // @pragma Access
+
+      List.prototype.get = function get (index, notSetValue) {
+        index = wrapIndex(this, index);
+        if (index >= 0 && index < this.size) {
+          index += this._origin;
+          var node = listNodeFor(this, index);
+          return node && node.array[index & MASK];
+        }
+        return notSetValue;
+      };
+
+      // @pragma Modification
+
+      List.prototype.set = function set (index, value) {
+        return updateList(this, index, value);
+      };
+
+      List.prototype.remove = function remove (index) {
+        return !this.has(index)
+          ? this
+          : index === 0
+            ? this.shift()
+            : index === this.size - 1
+              ? this.pop()
+              : this.splice(index, 1);
+      };
+
+      List.prototype.insert = function insert (index, value) {
+        return this.splice(index, 0, value);
+      };
+
+      List.prototype.clear = function clear () {
+        if (this.size === 0) {
+          return this;
+        }
+        if (this.__ownerID) {
+          this.size = this._origin = this._capacity = 0;
+          this._level = SHIFT;
+          this._root = this._tail = this.__hash = undefined;
+          this.__altered = true;
+          return this;
+        }
+        return emptyList();
+      };
+
+      List.prototype.push = function push (/*...values*/) {
+        var values = arguments;
+        var oldSize = this.size;
+        return this.withMutations(function (list) {
+          setListBounds(list, 0, oldSize + values.length);
+          for (var ii = 0; ii < values.length; ii++) {
+            list.set(oldSize + ii, values[ii]);
+          }
+        });
+      };
+
+      List.prototype.pop = function pop () {
+        return setListBounds(this, 0, -1);
+      };
+
+      List.prototype.unshift = function unshift (/*...values*/) {
+        var values = arguments;
+        return this.withMutations(function (list) {
+          setListBounds(list, -values.length);
+          for (var ii = 0; ii < values.length; ii++) {
+            list.set(ii, values[ii]);
+          }
+        });
+      };
+
+      List.prototype.shift = function shift () {
+        return setListBounds(this, 1);
+      };
+
+      List.prototype.shuffle = function shuffle (random) {
+        if ( random === void 0 ) random = Math.random;
+
+        return this.withMutations(function (mutable) {
+          // implementation of the Fisher-Yates shuffle: https://en.wikipedia.org/wiki/Fisher%E2%80%93Yates_shuffle
+          var current = mutable.size;
+          var destination;
+          var tmp;
+
+          while (current) {
+            destination = Math.floor(random() * current--);
+
+            tmp = mutable.get(destination);
+            mutable.set(destination, mutable.get(current));
+            mutable.set(current, tmp);
+          }
+        });
+      };
+
+      // @pragma Composition
+
+      List.prototype.concat = function concat (/*...collections*/) {
+        var arguments$1 = arguments;
+
+        var seqs = [];
+        for (var i = 0; i < arguments.length; i++) {
+          var argument = arguments$1[i];
+          var seq = IndexedCollection(
+            typeof argument !== 'string' && hasIterator(argument)
+              ? argument
+              : [argument]
+          );
+          if (seq.size !== 0) {
+            seqs.push(seq);
+          }
+        }
+        if (seqs.length === 0) {
+          return this;
+        }
+        if (this.size === 0 && !this.__ownerID && seqs.length === 1) {
+          return this.constructor(seqs[0]);
+        }
+        return this.withMutations(function (list) {
+          seqs.forEach(function (seq) { return seq.forEach(function (value) { return list.push(value); }); });
+        });
+      };
+
+      List.prototype.setSize = function setSize (size) {
+        return setListBounds(this, 0, size);
+      };
+
+      List.prototype.map = function map (mapper, context) {
+        var this$1$1 = this;
+
+        return this.withMutations(function (list) {
+          for (var i = 0; i < this$1$1.size; i++) {
+            list.set(i, mapper.call(context, list.get(i), i, this$1$1));
+          }
+        });
+      };
+
+      // @pragma Iteration
+
+      List.prototype.slice = function slice (begin, end) {
+        var size = this.size;
+        if (wholeSlice(begin, end, size)) {
+          return this;
+        }
+        return setListBounds(
+          this,
+          resolveBegin(begin, size),
+          resolveEnd(end, size)
+        );
+      };
+
+      List.prototype.__iterator = function __iterator (type, reverse) {
+        var index = reverse ? this.size : 0;
+        var values = iterateList(this, reverse);
+        return new Iterator(function () {
+          var value = values();
+          return value === DONE
+            ? iteratorDone()
+            : iteratorValue(type, reverse ? --index : index++, value);
+        });
+      };
+
+      List.prototype.__iterate = function __iterate (fn, reverse) {
+        var index = reverse ? this.size : 0;
+        var values = iterateList(this, reverse);
+        var value;
+        while ((value = values()) !== DONE) {
+          if (fn(value, reverse ? --index : index++, this) === false) {
+            break;
+          }
+        }
+        return index;
+      };
+
+      List.prototype.__ensureOwner = function __ensureOwner (ownerID) {
+        if (ownerID === this.__ownerID) {
+          return this;
+        }
+        if (!ownerID) {
+          if (this.size === 0) {
+            return emptyList();
+          }
+          this.__ownerID = ownerID;
+          this.__altered = false;
+          return this;
+        }
+        return makeList(
+          this._origin,
+          this._capacity,
+          this._level,
+          this._root,
+          this._tail,
+          ownerID,
+          this.__hash
+        );
+      };
+
+      return List;
+    }(IndexedCollection));
+
+    List.isList = isList;
+
+    var ListPrototype = List.prototype;
+    ListPrototype[IS_LIST_SYMBOL] = true;
+    ListPrototype[DELETE] = ListPrototype.remove;
+    ListPrototype.merge = ListPrototype.concat;
+    ListPrototype.setIn = setIn;
+    ListPrototype.deleteIn = ListPrototype.removeIn = deleteIn;
+    ListPrototype.update = update;
+    ListPrototype.updateIn = updateIn;
+    ListPrototype.mergeIn = mergeIn;
+    ListPrototype.mergeDeepIn = mergeDeepIn;
+    ListPrototype.withMutations = withMutations;
+    ListPrototype.wasAltered = wasAltered;
+    ListPrototype.asImmutable = asImmutable;
+    ListPrototype['@@transducer/init'] = ListPrototype.asMutable = asMutable;
+    ListPrototype['@@transducer/step'] = function (result, arr) {
+      return result.push(arr);
+    };
+    ListPrototype['@@transducer/result'] = function (obj) {
+      return obj.asImmutable();
+    };
+
+    var VNode = function VNode(array, ownerID) {
+      this.array = array;
+      this.ownerID = ownerID;
+    };
+
+    // TODO: seems like these methods are very similar
+
+    VNode.prototype.removeBefore = function removeBefore (ownerID, level, index) {
+      if (
+        (index & ((1 << (level + SHIFT)) - 1)) === 0 ||
+        this.array.length === 0
+      ) {
+        return this;
+      }
+      var originIndex = (index >>> level) & MASK;
+      if (originIndex >= this.array.length) {
+        return new VNode([], ownerID);
+      }
+      var removingFirst = originIndex === 0;
+      var newChild;
+      if (level > 0) {
+        var oldChild = this.array[originIndex];
+        newChild =
+          oldChild && oldChild.removeBefore(ownerID, level - SHIFT, index);
+        if (newChild === oldChild && removingFirst) {
+          return this;
+        }
+      }
+      if (removingFirst && !newChild) {
+        return this;
+      }
+      var editable = editableVNode(this, ownerID);
+      if (!removingFirst) {
+        for (var ii = 0; ii < originIndex; ii++) {
+          editable.array[ii] = undefined;
+        }
+      }
+      if (newChild) {
+        editable.array[originIndex] = newChild;
+      }
+      return editable;
+    };
+
+    VNode.prototype.removeAfter = function removeAfter (ownerID, level, index) {
+      if (
+        index === (level ? 1 << (level + SHIFT) : SIZE) ||
+        this.array.length === 0
+      ) {
+        return this;
+      }
+      var sizeIndex = ((index - 1) >>> level) & MASK;
+      if (sizeIndex >= this.array.length) {
+        return this;
+      }
+
+      var newChild;
+      if (level > 0) {
+        var oldChild = this.array[sizeIndex];
+        newChild =
+          oldChild && oldChild.removeAfter(ownerID, level - SHIFT, index);
+        if (newChild === oldChild && sizeIndex === this.array.length - 1) {
+          return this;
+        }
+      }
+
+      var editable = editableVNode(this, ownerID);
+      editable.array.splice(sizeIndex + 1);
+      if (newChild) {
+        editable.array[sizeIndex] = newChild;
+      }
+      return editable;
+    };
+
+    var DONE = {};
+
+    function iterateList(list, reverse) {
+      var left = list._origin;
+      var right = list._capacity;
+      var tailPos = getTailOffset(right);
+      var tail = list._tail;
+
+      return iterateNodeOrLeaf(list._root, list._level, 0);
+
+      function iterateNodeOrLeaf(node, level, offset) {
+        return level === 0
+          ? iterateLeaf(node, offset)
+          : iterateNode(node, level, offset);
+      }
+
+      function iterateLeaf(node, offset) {
+        var array = offset === tailPos ? tail && tail.array : node && node.array;
+        var from = offset > left ? 0 : left - offset;
+        var to = right - offset;
+        if (to > SIZE) {
+          to = SIZE;
+        }
+        return function () {
+          if (from === to) {
+            return DONE;
+          }
+          var idx = reverse ? --to : from++;
+          return array && array[idx];
+        };
+      }
+
+      function iterateNode(node, level, offset) {
+        var values;
+        var array = node && node.array;
+        var from = offset > left ? 0 : (left - offset) >> level;
+        var to = ((right - offset) >> level) + 1;
+        if (to > SIZE) {
+          to = SIZE;
+        }
+        return function () {
+          while (true) {
+            if (values) {
+              var value = values();
+              if (value !== DONE) {
+                return value;
+              }
+              values = null;
+            }
+            if (from === to) {
+              return DONE;
+            }
+            var idx = reverse ? --to : from++;
+            values = iterateNodeOrLeaf(
+              array && array[idx],
+              level - SHIFT,
+              offset + (idx << level)
+            );
+          }
+        };
+      }
+    }
+
+    function makeList(origin, capacity, level, root, tail, ownerID, hash) {
+      var list = Object.create(ListPrototype);
+      list.size = capacity - origin;
+      list._origin = origin;
+      list._capacity = capacity;
+      list._level = level;
+      list._root = root;
+      list._tail = tail;
+      list.__ownerID = ownerID;
+      list.__hash = hash;
+      list.__altered = false;
+      return list;
+    }
+
+    function emptyList() {
+      return makeList(0, 0, SHIFT);
+    }
+
+    function updateList(list, index, value) {
+      index = wrapIndex(list, index);
+
+      if (index !== index) {
+        return list;
+      }
+
+      if (index >= list.size || index < 0) {
+        return list.withMutations(function (list) {
+          // eslint-disable-next-line @typescript-eslint/no-unused-expressions -- TODO enable eslint here
+          index < 0
+            ? setListBounds(list, index).set(0, value)
+            : setListBounds(list, 0, index + 1).set(index, value);
+        });
+      }
+
+      index += list._origin;
+
+      var newTail = list._tail;
+      var newRoot = list._root;
+      var didAlter = MakeRef();
+      if (index >= getTailOffset(list._capacity)) {
+        newTail = updateVNode(newTail, list.__ownerID, 0, index, value, didAlter);
+      } else {
+        newRoot = updateVNode(
+          newRoot,
+          list.__ownerID,
+          list._level,
+          index,
+          value,
+          didAlter
+        );
+      }
+
+      if (!didAlter.value) {
+        return list;
+      }
+
+      if (list.__ownerID) {
+        list._root = newRoot;
+        list._tail = newTail;
+        list.__hash = undefined;
+        list.__altered = true;
+        return list;
+      }
+      return makeList(list._origin, list._capacity, list._level, newRoot, newTail);
+    }
+
+    function updateVNode(node, ownerID, level, index, value, didAlter) {
+      var idx = (index >>> level) & MASK;
+      var nodeHas = node && idx < node.array.length;
+      if (!nodeHas && value === undefined) {
+        return node;
+      }
+
+      var newNode;
+
+      if (level > 0) {
+        var lowerNode = node && node.array[idx];
+        var newLowerNode = updateVNode(
+          lowerNode,
+          ownerID,
+          level - SHIFT,
+          index,
+          value,
+          didAlter
+        );
+        if (newLowerNode === lowerNode) {
+          return node;
+        }
+        newNode = editableVNode(node, ownerID);
+        newNode.array[idx] = newLowerNode;
+        return newNode;
+      }
+
+      if (nodeHas && node.array[idx] === value) {
+        return node;
+      }
+
+      if (didAlter) {
+        SetRef(didAlter);
+      }
+
+      newNode = editableVNode(node, ownerID);
+      if (value === undefined && idx === newNode.array.length - 1) {
+        newNode.array.pop();
+      } else {
+        newNode.array[idx] = value;
+      }
+      return newNode;
+    }
+
+    function editableVNode(node, ownerID) {
+      if (ownerID && node && ownerID === node.ownerID) {
+        return node;
+      }
+      return new VNode(node ? node.array.slice() : [], ownerID);
+    }
+
+    function listNodeFor(list, rawIndex) {
+      if (rawIndex >= getTailOffset(list._capacity)) {
+        return list._tail;
+      }
+      if (rawIndex < 1 << (list._level + SHIFT)) {
+        var node = list._root;
+        var level = list._level;
+        while (node && level > 0) {
+          node = node.array[(rawIndex >>> level) & MASK];
+          level -= SHIFT;
+        }
+        return node;
+      }
+    }
+
+    function setListBounds(list, begin, end) {
+      // Sanitize begin & end using this shorthand for ToInt32(argument)
+      // http://www.ecma-international.org/ecma-262/6.0/#sec-toint32
+      if (begin !== undefined) {
+        begin |= 0;
+      }
+      if (end !== undefined) {
+        end |= 0;
+      }
+      var owner = list.__ownerID || new OwnerID();
+      var oldOrigin = list._origin;
+      var oldCapacity = list._capacity;
+      var newOrigin = oldOrigin + begin;
+      var newCapacity =
+        end === undefined
+          ? oldCapacity
+          : end < 0
+            ? oldCapacity + end
+            : oldOrigin + end;
+      if (newOrigin === oldOrigin && newCapacity === oldCapacity) {
+        return list;
+      }
+
+      // If it's going to end after it starts, it's empty.
+      if (newOrigin >= newCapacity) {
+        return list.clear();
+      }
+
+      var newLevel = list._level;
+      var newRoot = list._root;
+
+      // New origin might need creating a higher root.
+      var offsetShift = 0;
+      while (newOrigin + offsetShift < 0) {
+        newRoot = new VNode(
+          newRoot && newRoot.array.length ? [undefined, newRoot] : [],
+          owner
+        );
+        newLevel += SHIFT;
+        offsetShift += 1 << newLevel;
+      }
+      if (offsetShift) {
+        newOrigin += offsetShift;
+        oldOrigin += offsetShift;
+        newCapacity += offsetShift;
+        oldCapacity += offsetShift;
+      }
+
+      var oldTailOffset = getTailOffset(oldCapacity);
+      var newTailOffset = getTailOffset(newCapacity);
+
+      // New size might need creating a higher root.
+      while (newTailOffset >= 1 << (newLevel + SHIFT)) {
+        newRoot = new VNode(
+          newRoot && newRoot.array.length ? [newRoot] : [],
+          owner
+        );
+        newLevel += SHIFT;
+      }
+
+      // Locate or create the new tail.
+      var oldTail = list._tail;
+      var newTail =
+        newTailOffset < oldTailOffset
+          ? listNodeFor(list, newCapacity - 1)
+          : newTailOffset > oldTailOffset
+            ? new VNode([], owner)
+            : oldTail;
+
+      // Merge Tail into tree.
+      if (
+        oldTail &&
+        newTailOffset > oldTailOffset &&
+        newOrigin < oldCapacity &&
+        oldTail.array.length
+      ) {
+        newRoot = editableVNode(newRoot, owner);
+        var node = newRoot;
+        for (var level = newLevel; level > SHIFT; level -= SHIFT) {
+          var idx = (oldTailOffset >>> level) & MASK;
+          node = node.array[idx] = editableVNode(node.array[idx], owner);
+        }
+        node.array[(oldTailOffset >>> SHIFT) & MASK] = oldTail;
+      }
+
+      // If the size has been reduced, there's a chance the tail needs to be trimmed.
+      if (newCapacity < oldCapacity) {
+        newTail = newTail && newTail.removeAfter(owner, 0, newCapacity);
+      }
+
+      // If the new origin is within the tail, then we do not need a root.
+      if (newOrigin >= newTailOffset) {
+        newOrigin -= newTailOffset;
+        newCapacity -= newTailOffset;
+        newLevel = SHIFT;
+        newRoot = null;
+        newTail = newTail && newTail.removeBefore(owner, 0, newOrigin);
+
+        // Otherwise, if the root has been trimmed, garbage collect.
+      } else if (newOrigin > oldOrigin || newTailOffset < oldTailOffset) {
+        offsetShift = 0;
+
+        // Identify the new top root node of the subtree of the old root.
+        while (newRoot) {
+          var beginIndex = (newOrigin >>> newLevel) & MASK;
+          if ((beginIndex !== newTailOffset >>> newLevel) & MASK) {
+            break;
+          }
+          if (beginIndex) {
+            offsetShift += (1 << newLevel) * beginIndex;
+          }
+          newLevel -= SHIFT;
+          newRoot = newRoot.array[beginIndex];
+        }
+
+        // Trim the new sides of the new root.
+        if (newRoot && newOrigin > oldOrigin) {
+          newRoot = newRoot.removeBefore(owner, newLevel, newOrigin - offsetShift);
+        }
+        if (newRoot && newTailOffset < oldTailOffset) {
+          newRoot = newRoot.removeAfter(
+            owner,
+            newLevel,
+            newTailOffset - offsetShift
+          );
+        }
+        if (offsetShift) {
+          newOrigin -= offsetShift;
+          newCapacity -= offsetShift;
+        }
+      }
+
+      if (list.__ownerID) {
+        list.size = newCapacity - newOrigin;
+        list._origin = newOrigin;
+        list._capacity = newCapacity;
+        list._level = newLevel;
+        list._root = newRoot;
+        list._tail = newTail;
+        list.__hash = undefined;
+        list.__altered = true;
+        return list;
+      }
+      return makeList(newOrigin, newCapacity, newLevel, newRoot, newTail);
+    }
+
+    function getTailOffset(size) {
+      return size < SIZE ? 0 : ((size - 1) >>> SHIFT) << SHIFT;
+    }
+
+    var OrderedMap = /*@__PURE__*/(function (Map) {
+      function OrderedMap(value) {
+        // eslint-disable-next-line no-constructor-return
+        return value === undefined || value === null
+          ? emptyOrderedMap()
+          : isOrderedMap(value)
+            ? value
+            : emptyOrderedMap().withMutations(function (map) {
+                var iter = KeyedCollection(value);
+                assertNotInfinite(iter.size);
+                iter.forEach(function (v, k) { return map.set(k, v); });
+              });
+      }
+
+      if ( Map ) OrderedMap.__proto__ = Map;
+      OrderedMap.prototype = Object.create( Map && Map.prototype );
+      OrderedMap.prototype.constructor = OrderedMap;
+
+      OrderedMap.of = function of (/*...values*/) {
+        return this(arguments);
+      };
+
+      OrderedMap.prototype.toString = function toString () {
+        return this.__toString('OrderedMap {', '}');
+      };
+
+      // @pragma Access
+
+      OrderedMap.prototype.get = function get (k, notSetValue) {
+        var index = this._map.get(k);
+        return index !== undefined ? this._list.get(index)[1] : notSetValue;
+      };
+
+      // @pragma Modification
+
+      OrderedMap.prototype.clear = function clear () {
+        if (this.size === 0) {
+          return this;
+        }
+        if (this.__ownerID) {
+          this.size = 0;
+          this._map.clear();
+          this._list.clear();
+          this.__altered = true;
+          return this;
+        }
+        return emptyOrderedMap();
+      };
+
+      OrderedMap.prototype.set = function set (k, v) {
+        return updateOrderedMap(this, k, v);
+      };
+
+      OrderedMap.prototype.remove = function remove (k) {
+        return updateOrderedMap(this, k, NOT_SET);
+      };
+
+      OrderedMap.prototype.__iterate = function __iterate (fn, reverse) {
+        var this$1$1 = this;
+
+        return this._list.__iterate(
+          function (entry) { return entry && fn(entry[1], entry[0], this$1$1); },
+          reverse
+        );
+      };
+
+      OrderedMap.prototype.__iterator = function __iterator (type, reverse) {
+        return this._list.fromEntrySeq().__iterator(type, reverse);
+      };
+
+      OrderedMap.prototype.__ensureOwner = function __ensureOwner (ownerID) {
+        if (ownerID === this.__ownerID) {
+          return this;
+        }
+        var newMap = this._map.__ensureOwner(ownerID);
+        var newList = this._list.__ensureOwner(ownerID);
+        if (!ownerID) {
+          if (this.size === 0) {
+            return emptyOrderedMap();
+          }
+          this.__ownerID = ownerID;
+          this.__altered = false;
+          this._map = newMap;
+          this._list = newList;
+          return this;
+        }
+        return makeOrderedMap(newMap, newList, ownerID, this.__hash);
+      };
+
+      return OrderedMap;
+    }(Map));
+
+    OrderedMap.isOrderedMap = isOrderedMap;
+
+    OrderedMap.prototype[IS_ORDERED_SYMBOL] = true;
+    OrderedMap.prototype[DELETE] = OrderedMap.prototype.remove;
+
+    function makeOrderedMap(map, list, ownerID, hash) {
+      var omap = Object.create(OrderedMap.prototype);
+      omap.size = map ? map.size : 0;
+      omap._map = map;
+      omap._list = list;
+      omap.__ownerID = ownerID;
+      omap.__hash = hash;
+      omap.__altered = false;
+      return omap;
+    }
+
+    var EMPTY_ORDERED_MAP;
+    function emptyOrderedMap() {
+      return (
+        EMPTY_ORDERED_MAP ||
+        (EMPTY_ORDERED_MAP = makeOrderedMap(emptyMap(), emptyList()))
+      );
+    }
+
+    function updateOrderedMap(omap, k, v) {
+      var map = omap._map;
+      var list = omap._list;
+      var i = map.get(k);
+      var has = i !== undefined;
+      var newMap;
+      var newList;
+      if (v === NOT_SET) {
+        // removed
+        if (!has) {
+          return omap;
+        }
+        if (list.size >= SIZE && list.size >= map.size * 2) {
+          newList = list.filter(function (entry, idx) { return entry !== undefined && i !== idx; });
+          newMap = newList
+            .toKeyedSeq()
+            .map(function (entry) { return entry[0]; })
+            .flip()
+            .toMap();
+          if (omap.__ownerID) {
+            newMap.__ownerID = newList.__ownerID = omap.__ownerID;
+          }
+        } else {
+          newMap = map.remove(k);
+          newList = i === list.size - 1 ? list.pop() : list.set(i, undefined);
+        }
+      } else if (has) {
+        if (v === list.get(i)[1]) {
+          return omap;
+        }
+        newMap = map;
+        newList = list.set(i, [k, v]);
+      } else {
+        newMap = map.set(k, list.size);
+        newList = list.set(list.size, [k, v]);
+      }
+      if (omap.__ownerID) {
+        omap.size = newMap.size;
+        omap._map = newMap;
+        omap._list = newList;
+        omap.__hash = undefined;
+        omap.__altered = true;
+        return omap;
+      }
+      return makeOrderedMap(newMap, newList);
+    }
+
+    var IS_STACK_SYMBOL = '@@__IMMUTABLE_STACK__@@';
+    /**
+     * True if `maybeStack` is a Stack.
+     */
+    function isStack(maybeStack) {
+        return Boolean(maybeStack &&
+            // @ts-expect-error: maybeStack is typed as `{}`, need to change in 6.0 to `maybeStack && typeof maybeStack === 'object' && MAYBE_STACK_SYMBOL in maybeStack`
+            maybeStack[IS_STACK_SYMBOL]);
+    }
+
+    var Stack = /*@__PURE__*/(function (IndexedCollection) {
+      function Stack(value) {
+        // eslint-disable-next-line no-constructor-return
+        return value === undefined || value === null
+          ? emptyStack()
+          : isStack(value)
+            ? value
+            : emptyStack().pushAll(value);
+      }
+
+      if ( IndexedCollection ) Stack.__proto__ = IndexedCollection;
+      Stack.prototype = Object.create( IndexedCollection && IndexedCollection.prototype );
+      Stack.prototype.constructor = Stack;
+
+      Stack.of = function of (/*...values*/) {
+        return this(arguments);
+      };
+
+      Stack.prototype.toString = function toString () {
+        return this.__toString('Stack [', ']');
+      };
+
+      // @pragma Access
+
+      Stack.prototype.get = function get (index, notSetValue) {
+        var head = this._head;
+        index = wrapIndex(this, index);
+        while (head && index--) {
+          head = head.next;
+        }
+        return head ? head.value : notSetValue;
+      };
+
+      Stack.prototype.peek = function peek () {
+        return this._head && this._head.value;
+      };
+
+      // @pragma Modification
+
+      Stack.prototype.push = function push (/*...values*/) {
+        var arguments$1 = arguments;
+
+        if (arguments.length === 0) {
+          return this;
+        }
+        var newSize = this.size + arguments.length;
+        var head = this._head;
+        for (var ii = arguments.length - 1; ii >= 0; ii--) {
+          head = {
+            value: arguments$1[ii],
+            next: head,
+          };
+        }
+        if (this.__ownerID) {
+          this.size = newSize;
+          this._head = head;
+          this.__hash = undefined;
+          this.__altered = true;
+          return this;
+        }
+        return makeStack(newSize, head);
+      };
+
+      Stack.prototype.pushAll = function pushAll (iter) {
+        iter = IndexedCollection(iter);
+        if (iter.size === 0) {
+          return this;
+        }
+        if (this.size === 0 && isStack(iter)) {
+          return iter;
+        }
+        assertNotInfinite(iter.size);
+        var newSize = this.size;
+        var head = this._head;
+        iter.__iterate(function (value) {
+          newSize++;
+          head = {
+            value: value,
+            next: head,
+          };
+        }, /* reverse */ true);
+        if (this.__ownerID) {
+          this.size = newSize;
+          this._head = head;
+          this.__hash = undefined;
+          this.__altered = true;
+          return this;
+        }
+        return makeStack(newSize, head);
+      };
+
+      Stack.prototype.pop = function pop () {
+        return this.slice(1);
+      };
+
+      Stack.prototype.clear = function clear () {
+        if (this.size === 0) {
+          return this;
+        }
+        if (this.__ownerID) {
+          this.size = 0;
+          this._head = undefined;
+          this.__hash = undefined;
+          this.__altered = true;
+          return this;
+        }
+        return emptyStack();
+      };
+
+      Stack.prototype.slice = function slice (begin, end) {
+        if (wholeSlice(begin, end, this.size)) {
+          return this;
+        }
+        var resolvedBegin = resolveBegin(begin, this.size);
+        var resolvedEnd = resolveEnd(end, this.size);
+        if (resolvedEnd !== this.size) {
+          // super.slice(begin, end);
+          return IndexedCollection.prototype.slice.call(this, begin, end);
+        }
+        var newSize = this.size - resolvedBegin;
+        var head = this._head;
+        while (resolvedBegin--) {
+          head = head.next;
+        }
+        if (this.__ownerID) {
+          this.size = newSize;
+          this._head = head;
+          this.__hash = undefined;
+          this.__altered = true;
+          return this;
+        }
+        return makeStack(newSize, head);
+      };
+
+      // @pragma Mutability
+
+      Stack.prototype.__ensureOwner = function __ensureOwner (ownerID) {
+        if (ownerID === this.__ownerID) {
+          return this;
+        }
+        if (!ownerID) {
+          if (this.size === 0) {
+            return emptyStack();
+          }
+          this.__ownerID = ownerID;
+          this.__altered = false;
+          return this;
+        }
+        return makeStack(this.size, this._head, ownerID, this.__hash);
+      };
+
+      // @pragma Iteration
+
+      Stack.prototype.__iterate = function __iterate (fn, reverse) {
+        var this$1$1 = this;
+
+        if (reverse) {
+          return new ArraySeq(this.toArray()).__iterate(
+            function (v, k) { return fn(v, k, this$1$1); },
+            reverse
+          );
+        }
+        var iterations = 0;
+        var node = this._head;
+        while (node) {
+          if (fn(node.value, iterations++, this) === false) {
+            break;
+          }
+          node = node.next;
+        }
+        return iterations;
+      };
+
+      Stack.prototype.__iterator = function __iterator (type, reverse) {
+        if (reverse) {
+          return new ArraySeq(this.toArray()).__iterator(type, reverse);
+        }
+        var iterations = 0;
+        var node = this._head;
+        return new Iterator(function () {
+          if (node) {
+            var value = node.value;
+            node = node.next;
+            return iteratorValue(type, iterations++, value);
+          }
+          return iteratorDone();
+        });
+      };
+
+      return Stack;
+    }(IndexedCollection));
+
+    Stack.isStack = isStack;
+
+    var StackPrototype = Stack.prototype;
+    StackPrototype[IS_STACK_SYMBOL] = true;
+    StackPrototype.shift = StackPrototype.pop;
+    StackPrototype.unshift = StackPrototype.push;
+    StackPrototype.unshiftAll = StackPrototype.pushAll;
+    StackPrototype.withMutations = withMutations;
+    StackPrototype.wasAltered = wasAltered;
+    StackPrototype.asImmutable = asImmutable;
+    StackPrototype['@@transducer/init'] = StackPrototype.asMutable = asMutable;
+    StackPrototype['@@transducer/step'] = function (result, arr) {
+      return result.unshift(arr);
+    };
+    StackPrototype['@@transducer/result'] = function (obj) {
+      return obj.asImmutable();
+    };
+
+    function makeStack(size, head, ownerID, hash) {
+      var map = Object.create(StackPrototype);
+      map.size = size;
+      map._head = head;
+      map.__ownerID = ownerID;
+      map.__hash = hash;
+      map.__altered = false;
+      return map;
+    }
+
+    var EMPTY_STACK;
+    function emptyStack() {
+      return EMPTY_STACK || (EMPTY_STACK = makeStack(0));
+    }
+
+    var IS_SET_SYMBOL = '@@__IMMUTABLE_SET__@@';
+    /**
+     * True if `maybeSet` is a Set.
+     *
+     * Also true for OrderedSets.
+     */
+    function isSet(maybeSet) {
+        return Boolean(maybeSet &&
+            // @ts-expect-error: maybeSet is typed as `{}`,  need to change in 6.0 to `maybeSeq && typeof maybeSet === 'object' && MAYBE_SET_SYMBOL in maybeSet`
+            maybeSet[IS_SET_SYMBOL]);
+    }
+
+    /**
+     * True if `maybeOrderedSet` is an OrderedSet.
+     */
+    function isOrderedSet(maybeOrderedSet) {
+        return isSet(maybeOrderedSet) && isOrdered(maybeOrderedSet);
+    }
+
+    function deepEqual(a, b) {
+        if (a === b) {
+            return true;
+        }
+        if (!isCollection(b) ||
+            // @ts-expect-error size should exists on Collection
+            (a.size !== undefined && b.size !== undefined && a.size !== b.size) ||
+            // @ts-expect-error __hash exists on Collection
+            (a.__hash !== undefined &&
+                // @ts-expect-error __hash exists on Collection
+                b.__hash !== undefined &&
+                // @ts-expect-error __hash exists on Collection
+                a.__hash !== b.__hash) ||
+            isKeyed(a) !== isKeyed(b) ||
+            isIndexed(a) !== isIndexed(b) ||
+            // @ts-expect-error Range extends Collection, which implements [Symbol.iterator], so it is valid
+            isOrdered(a) !== isOrdered(b)) {
+            return false;
+        }
+        // @ts-expect-error size should exists on Collection
+        if (a.size === 0 && b.size === 0) {
+            return true;
+        }
+        var notAssociative = !isAssociative(a);
+        // @ts-expect-error Range extends Collection, which implements [Symbol.iterator], so it is valid
+        if (isOrdered(a)) {
+            var entries = a.entries();
+            // @ts-expect-error need to cast as boolean
+            return (b.every(function (v, k) {
+                var entry = entries.next().value;
+                return entry && is(entry[1], v) && (notAssociative || is(entry[0], k));
+            }) && entries.next().done);
+        }
+        var flipped = false;
+        if (a.size === undefined) {
+            // @ts-expect-error size should exists on Collection
+            if (b.size === undefined) {
+                if (typeof a.cacheResult === 'function') {
+                    a.cacheResult();
+                }
+            }
+            else {
+                flipped = true;
+                var _ = a;
+                a = b;
+                b = _;
+            }
+        }
+        var allEqual = true;
+        var bSize = 
+        // @ts-expect-error b is Range | Repeat | Collection<unknown, unknown> as it may have been flipped, and __iterate is valid
+        b.__iterate(function (v, k) {
+            if (notAssociative
+                ? // @ts-expect-error has exists on Collection
+                    !a.has(v)
+                : flipped
+                    ? // @ts-expect-error type of `get` does not "catch" the version with `notSetValue`
+                        !is(v, a.get(k, NOT_SET))
+                    : // @ts-expect-error type of `get` does not "catch" the version with `notSetValue`
+                        !is(a.get(k, NOT_SET), v)) {
+                allEqual = false;
+                return false;
+            }
+        });
+        return (allEqual &&
+            // @ts-expect-error size should exists on Collection
+            a.size === bSize);
+    }
+
+    /**
+     * Contributes additional methods to a constructor
+     */
+    function mixin(ctor, 
+    // eslint-disable-next-line @typescript-eslint/no-unsafe-function-type
+    methods) {
+        var keyCopier = function (key) {
+            // @ts-expect-error how to handle symbol ?
+            ctor.prototype[key] = methods[key];
+        };
+        Object.keys(methods).forEach(keyCopier);
+        // eslint-disable-next-line @typescript-eslint/no-unused-expressions -- TODO enable eslint here
+        Object.getOwnPropertySymbols &&
+            Object.getOwnPropertySymbols(methods).forEach(keyCopier);
+        return ctor;
+    }
+
+    function toJS(value) {
+      if (!value || typeof value !== 'object') {
+        return value;
+      }
+      if (!isCollection(value)) {
+        if (!isDataStructure(value)) {
+          return value;
+        }
+        value = Seq(value);
+      }
+      if (isKeyed(value)) {
+        var result$1 = {};
+        value.__iterate(function (v, k) {
+          result$1[k] = toJS(v);
+        });
+        return result$1;
+      }
+      var result = [];
+      value.__iterate(function (v) {
+        result.push(toJS(v));
+      });
+      return result;
+    }
+
+    var Set = /*@__PURE__*/(function (SetCollection) {
+      function Set(value) {
+        // eslint-disable-next-line no-constructor-return
+        return value === undefined || value === null
+          ? emptySet()
+          : isSet(value) && !isOrdered(value)
+            ? value
+            : emptySet().withMutations(function (set) {
+                var iter = SetCollection(value);
+                assertNotInfinite(iter.size);
+                iter.forEach(function (v) { return set.add(v); });
+              });
+      }
+
+      if ( SetCollection ) Set.__proto__ = SetCollection;
+      Set.prototype = Object.create( SetCollection && SetCollection.prototype );
+      Set.prototype.constructor = Set;
+
+      Set.of = function of (/*...values*/) {
+        return this(arguments);
+      };
+
+      Set.fromKeys = function fromKeys (value) {
+        return this(KeyedCollection(value).keySeq());
+      };
+
+      Set.intersect = function intersect (sets) {
+        sets = Collection(sets).toArray();
+        return sets.length
+          ? SetPrototype.intersect.apply(Set(sets.pop()), sets)
+          : emptySet();
+      };
+
+      Set.union = function union (sets) {
+        sets = Collection(sets).toArray();
+        return sets.length
+          ? SetPrototype.union.apply(Set(sets.pop()), sets)
+          : emptySet();
+      };
+
+      Set.prototype.toString = function toString () {
+        return this.__toString('Set {', '}');
+      };
+
+      // @pragma Access
+
+      Set.prototype.has = function has (value) {
+        return this._map.has(value);
+      };
+
+      // @pragma Modification
+
+      Set.prototype.add = function add (value) {
+        return updateSet(this, this._map.set(value, value));
+      };
+
+      Set.prototype.remove = function remove (value) {
+        return updateSet(this, this._map.remove(value));
+      };
+
+      Set.prototype.clear = function clear () {
+        return updateSet(this, this._map.clear());
+      };
+
+      // @pragma Composition
+
+      Set.prototype.map = function map (mapper, context) {
+        var this$1$1 = this;
+
+        // keep track if the set is altered by the map function
+        var didChanges = false;
+
+        var newMap = updateSet(
+          this,
+          this._map.mapEntries(function (ref) {
+            var v = ref[1];
+
+            var mapped = mapper.call(context, v, v, this$1$1);
+
+            if (mapped !== v) {
+              didChanges = true;
+            }
+
+            return [mapped, mapped];
+          }, context)
+        );
+
+        return didChanges ? newMap : this;
+      };
+
+      Set.prototype.union = function union () {
+        var iters = [], len = arguments.length;
+        while ( len-- ) iters[ len ] = arguments[ len ];
+
+        iters = iters.filter(function (x) { return x.size !== 0; });
+        if (iters.length === 0) {
+          return this;
+        }
+        if (this.size === 0 && !this.__ownerID && iters.length === 1) {
+          return this.constructor(iters[0]);
+        }
+        return this.withMutations(function (set) {
+          for (var ii = 0; ii < iters.length; ii++) {
+            if (typeof iters[ii] === 'string') {
+              set.add(iters[ii]);
+            } else {
+              SetCollection(iters[ii]).forEach(function (value) { return set.add(value); });
+            }
+          }
+        });
+      };
+
+      Set.prototype.intersect = function intersect () {
+        var iters = [], len = arguments.length;
+        while ( len-- ) iters[ len ] = arguments[ len ];
+
+        if (iters.length === 0) {
+          return this;
+        }
+        iters = iters.map(function (iter) { return SetCollection(iter); });
+        var toRemove = [];
+        this.forEach(function (value) {
+          if (!iters.every(function (iter) { return iter.includes(value); })) {
+            toRemove.push(value);
+          }
+        });
+        return this.withMutations(function (set) {
+          toRemove.forEach(function (value) {
+            set.remove(value);
+          });
+        });
+      };
+
+      Set.prototype.subtract = function subtract () {
+        var iters = [], len = arguments.length;
+        while ( len-- ) iters[ len ] = arguments[ len ];
+
+        if (iters.length === 0) {
+          return this;
+        }
+        iters = iters.map(function (iter) { return SetCollection(iter); });
+        var toRemove = [];
+        this.forEach(function (value) {
+          if (iters.some(function (iter) { return iter.includes(value); })) {
+            toRemove.push(value);
+          }
+        });
+        return this.withMutations(function (set) {
+          toRemove.forEach(function (value) {
+            set.remove(value);
+          });
+        });
+      };
+
+      Set.prototype.sort = function sort (comparator) {
+        // Late binding
+        return OrderedSet(sortFactory(this, comparator));
+      };
+
+      Set.prototype.sortBy = function sortBy (mapper, comparator) {
+        // Late binding
+        return OrderedSet(sortFactory(this, comparator, mapper));
+      };
+
+      Set.prototype.wasAltered = function wasAltered () {
+        return this._map.wasAltered();
+      };
+
+      Set.prototype.__iterate = function __iterate (fn, reverse) {
+        var this$1$1 = this;
+
+        return this._map.__iterate(function (k) { return fn(k, k, this$1$1); }, reverse);
+      };
+
+      Set.prototype.__iterator = function __iterator (type, reverse) {
+        return this._map.__iterator(type, reverse);
+      };
+
+      Set.prototype.__ensureOwner = function __ensureOwner (ownerID) {
+        if (ownerID === this.__ownerID) {
+          return this;
+        }
+        var newMap = this._map.__ensureOwner(ownerID);
+        if (!ownerID) {
+          if (this.size === 0) {
+            return this.__empty();
+          }
+          this.__ownerID = ownerID;
+          this._map = newMap;
+          return this;
+        }
+        return this.__make(newMap, ownerID);
+      };
+
+      return Set;
+    }(SetCollection));
+
+    Set.isSet = isSet;
+
+    var SetPrototype = Set.prototype;
+    SetPrototype[IS_SET_SYMBOL] = true;
+    SetPrototype[DELETE] = SetPrototype.remove;
+    SetPrototype.merge = SetPrototype.concat = SetPrototype.union;
+    SetPrototype.withMutations = withMutations;
+    SetPrototype.asImmutable = asImmutable;
+    SetPrototype['@@transducer/init'] = SetPrototype.asMutable = asMutable;
+    SetPrototype['@@transducer/step'] = function (result, arr) {
+      return result.add(arr);
+    };
+    SetPrototype['@@transducer/result'] = function (obj) {
+      return obj.asImmutable();
+    };
+
+    SetPrototype.__empty = emptySet;
+    SetPrototype.__make = makeSet;
+
+    function updateSet(set, newMap) {
+      if (set.__ownerID) {
+        set.size = newMap.size;
+        set._map = newMap;
+        return set;
+      }
+      return newMap === set._map
+        ? set
+        : newMap.size === 0
+          ? set.__empty()
+          : set.__make(newMap);
+    }
+
+    function makeSet(map, ownerID) {
+      var set = Object.create(SetPrototype);
+      set.size = map ? map.size : 0;
+      set._map = map;
+      set.__ownerID = ownerID;
+      return set;
+    }
+
+    var EMPTY_SET;
+    function emptySet() {
+      return EMPTY_SET || (EMPTY_SET = makeSet(emptyMap()));
+    }
+
+    /**
+     * Returns a lazy seq of nums from start (inclusive) to end
+     * (exclusive), by step, where start defaults to 0, step to 1, and end to
+     * infinity. When start is equal to end, returns empty list.
+     */
+    var Range = /*@__PURE__*/(function (IndexedSeq) {
+      function Range(start, end, step) {
+        if ( step === void 0 ) step = 1;
+
+        if (!(this instanceof Range)) {
+          // eslint-disable-next-line no-constructor-return
+          return new Range(start, end, step);
+        }
+        invariant(step !== 0, 'Cannot step a Range by 0');
+        invariant(
+          start !== undefined,
+          'You must define a start value when using Range'
+        );
+        invariant(
+          end !== undefined,
+          'You must define an end value when using Range'
+        );
+
+        step = Math.abs(step);
+        if (end < start) {
+          step = -step;
+        }
+        this._start = start;
+        this._end = end;
+        this._step = step;
+        this.size = Math.max(0, Math.ceil((end - start) / step - 1) + 1);
+        if (this.size === 0) {
+          if (EMPTY_RANGE) {
+            // eslint-disable-next-line no-constructor-return
+            return EMPTY_RANGE;
+          }
+          // eslint-disable-next-line @typescript-eslint/no-this-alias
+          EMPTY_RANGE = this;
+        }
+      }
+
+      if ( IndexedSeq ) Range.__proto__ = IndexedSeq;
+      Range.prototype = Object.create( IndexedSeq && IndexedSeq.prototype );
+      Range.prototype.constructor = Range;
+
+      Range.prototype.toString = function toString () {
+        return this.size === 0
+          ? 'Range []'
+          : ("Range [ " + (this._start) + "..." + (this._end) + (this._step !== 1 ? ' by ' + this._step : '') + " ]");
+      };
+
+      Range.prototype.get = function get (index, notSetValue) {
+        return this.has(index)
+          ? this._start + wrapIndex(this, index) * this._step
+          : notSetValue;
+      };
+
+      Range.prototype.includes = function includes (searchValue) {
+        var possibleIndex = (searchValue - this._start) / this._step;
+        return (
+          possibleIndex >= 0 &&
+          possibleIndex < this.size &&
+          possibleIndex === Math.floor(possibleIndex)
+        );
+      };
+
+      Range.prototype.slice = function slice (begin, end) {
+        if (wholeSlice(begin, end, this.size)) {
+          return this;
+        }
+        begin = resolveBegin(begin, this.size);
+        end = resolveEnd(end, this.size);
+        if (end <= begin) {
+          return new Range(0, 0);
+        }
+        return new Range(
+          this.get(begin, this._end),
+          this.get(end, this._end),
+          this._step
+        );
+      };
+
+      Range.prototype.indexOf = function indexOf (searchValue) {
+        var offsetValue = searchValue - this._start;
+        if (offsetValue % this._step === 0) {
+          var index = offsetValue / this._step;
+          if (index >= 0 && index < this.size) {
+            return index;
+          }
+        }
+        return -1;
+      };
+
+      Range.prototype.lastIndexOf = function lastIndexOf (searchValue) {
+        return this.indexOf(searchValue);
+      };
+
+      Range.prototype.__iterate = function __iterate (fn, reverse) {
+        var size = this.size;
+        var step = this._step;
+        var value = reverse ? this._start + (size - 1) * step : this._start;
+        var i = 0;
+        while (i !== size) {
+          if (fn(value, reverse ? size - ++i : i++, this) === false) {
+            break;
+          }
+          value += reverse ? -step : step;
+        }
+        return i;
+      };
+
+      Range.prototype.__iterator = function __iterator (type, reverse) {
+        var size = this.size;
+        var step = this._step;
+        var value = reverse ? this._start + (size - 1) * step : this._start;
+        var i = 0;
+        return new Iterator(function () {
+          if (i === size) {
+            return iteratorDone();
+          }
+          var v = value;
+          value += reverse ? -step : step;
+          return iteratorValue(type, reverse ? size - ++i : i++, v);
+        });
+      };
+
+      Range.prototype.equals = function equals (other) {
+        return other instanceof Range
+          ? this._start === other._start &&
+              this._end === other._end &&
+              this._step === other._step
+          : deepEqual(this, other);
+      };
+
+      return Range;
+    }(IndexedSeq));
+
+    var EMPTY_RANGE;
+
+    /**
+     * Returns the value at the provided key path starting at the provided
+     * collection, or notSetValue if the key path is not defined.
+     *
+     * A functional alternative to `collection.getIn(keypath)` which will also
+     * work with plain Objects and Arrays.
+     */
+    function getIn$1(collection, searchKeyPath, notSetValue) {
+        var keyPath = coerceKeyPath(searchKeyPath);
+        var i = 0;
+        while (i !== keyPath.length) {
+            // @ts-expect-error keyPath[i++] can not be undefined by design
+            collection = get(collection, keyPath[i++], NOT_SET);
+            if (collection === NOT_SET) {
+                return notSetValue;
+            }
+        }
+        return collection;
+    }
+
+    function getIn(searchKeyPath, notSetValue) {
+      return getIn$1(this, searchKeyPath, notSetValue);
+    }
+
+    /**
+     * Returns true if the key path is defined in the provided collection.
+     *
+     * A functional alternative to `collection.hasIn(keypath)` which will also
+     * work with plain Objects and Arrays.
+     */
+    function hasIn$1(collection, keyPath) {
+        return getIn$1(collection, keyPath, NOT_SET) !== NOT_SET;
+    }
+
+    function hasIn(searchKeyPath) {
+      return hasIn$1(this, searchKeyPath);
+    }
+
+    function toObject() {
+      assertNotInfinite(this.size);
+      var object = {};
+      this.__iterate(function (v, k) {
+        object[k] = v;
+      });
+      return object;
+    }
+
+    Collection.Iterator = Iterator;
+
+    mixin(Collection, {
+      // ### Conversion to other types
+
+      toArray: function toArray() {
+        assertNotInfinite(this.size);
+        var array = new Array(this.size || 0);
+        var useTuples = isKeyed(this);
+        var i = 0;
+        this.__iterate(function (v, k) {
+          // Keyed collections produce an array of tuples.
+          array[i++] = useTuples ? [k, v] : v;
+        });
+        return array;
+      },
+
+      toIndexedSeq: function toIndexedSeq() {
+        return new ToIndexedSequence(this);
+      },
+
+      toJS: function toJS$1() {
+        return toJS(this);
+      },
+
+      toKeyedSeq: function toKeyedSeq() {
+        return new ToKeyedSequence(this, true);
+      },
+
+      toMap: function toMap() {
+        // Use Late Binding here to solve the circular dependency.
+        return Map(this.toKeyedSeq());
+      },
+
+      toObject: toObject,
+
+      toOrderedMap: function toOrderedMap() {
+        // Use Late Binding here to solve the circular dependency.
+        return OrderedMap(this.toKeyedSeq());
+      },
+
+      toOrderedSet: function toOrderedSet() {
+        // Use Late Binding here to solve the circular dependency.
+        return OrderedSet(isKeyed(this) ? this.valueSeq() : this);
+      },
+
+      toSet: function toSet() {
+        // Use Late Binding here to solve the circular dependency.
+        return Set(isKeyed(this) ? this.valueSeq() : this);
+      },
+
+      toSetSeq: function toSetSeq() {
+        return new ToSetSequence(this);
+      },
+
+      toSeq: function toSeq() {
+        return isIndexed(this)
+          ? this.toIndexedSeq()
+          : isKeyed(this)
+            ? this.toKeyedSeq()
+            : this.toSetSeq();
+      },
+
+      toStack: function toStack() {
+        // Use Late Binding here to solve the circular dependency.
+        return Stack(isKeyed(this) ? this.valueSeq() : this);
+      },
+
+      toList: function toList() {
+        // Use Late Binding here to solve the circular dependency.
+        return List(isKeyed(this) ? this.valueSeq() : this);
+      },
+
+      // ### Common JavaScript methods and properties
+
+      toString: function toString() {
+        return '[Collection]';
+      },
+
+      __toString: function __toString(head, tail) {
+        if (this.size === 0) {
+          return head + tail;
+        }
+        return (
+          head +
+          ' ' +
+          this.toSeq().map(this.__toStringMapper).join(', ') +
+          ' ' +
+          tail
+        );
+      },
+
+      // ### ES6 Collection methods (ES6 Array and Map)
+
+      concat: function concat() {
+        var values = [], len = arguments.length;
+        while ( len-- ) values[ len ] = arguments[ len ];
+
+        return reify(this, concatFactory(this, values));
+      },
+
+      includes: function includes(searchValue) {
+        return this.some(function (value) { return is(value, searchValue); });
+      },
+
+      entries: function entries() {
+        return this.__iterator(ITERATE_ENTRIES);
+      },
+
+      every: function every(predicate, context) {
+        assertNotInfinite(this.size);
+        var returnValue = true;
+        this.__iterate(function (v, k, c) {
+          if (!predicate.call(context, v, k, c)) {
+            returnValue = false;
+            return false;
+          }
+        });
+        return returnValue;
+      },
+
+      filter: function filter(predicate, context) {
+        return reify(this, filterFactory(this, predicate, context, true));
+      },
+
+      partition: function partition(predicate, context) {
+        return partitionFactory(this, predicate, context);
+      },
+
+      find: function find(predicate, context, notSetValue) {
+        var entry = this.findEntry(predicate, context);
+        return entry ? entry[1] : notSetValue;
+      },
+
+      forEach: function forEach(sideEffect, context) {
+        assertNotInfinite(this.size);
+        return this.__iterate(context ? sideEffect.bind(context) : sideEffect);
+      },
+
+      join: function join(separator) {
+        assertNotInfinite(this.size);
+        separator = separator !== undefined ? '' + separator : ',';
+        var joined = '';
+        var isFirst = true;
+        this.__iterate(function (v) {
+          // eslint-disable-next-line @typescript-eslint/no-unused-expressions -- TODO enable eslint here
+          isFirst ? (isFirst = false) : (joined += separator);
+          joined += v !== null && v !== undefined ? v.toString() : '';
+        });
+        return joined;
+      },
+
+      keys: function keys() {
+        return this.__iterator(ITERATE_KEYS);
+      },
+
+      map: function map(mapper, context) {
+        return reify(this, mapFactory(this, mapper, context));
+      },
+
+      reduce: function reduce$1(reducer, initialReduction, context) {
+        return reduce(
+          this,
+          reducer,
+          initialReduction,
+          context,
+          arguments.length < 2,
+          false
+        );
+      },
+
+      reduceRight: function reduceRight(reducer, initialReduction, context) {
+        return reduce(
+          this,
+          reducer,
+          initialReduction,
+          context,
+          arguments.length < 2,
+          true
+        );
+      },
+
+      reverse: function reverse() {
+        return reify(this, reverseFactory(this, true));
+      },
+
+      slice: function slice(begin, end) {
+        return reify(this, sliceFactory(this, begin, end, true));
+      },
+
+      some: function some(predicate, context) {
+        assertNotInfinite(this.size);
+        var returnValue = false;
+        this.__iterate(function (v, k, c) {
+          if (predicate.call(context, v, k, c)) {
+            returnValue = true;
+            return false;
+          }
+        });
+        return returnValue;
+      },
+
+      sort: function sort(comparator) {
+        return reify(this, sortFactory(this, comparator));
+      },
+
+      values: function values() {
+        return this.__iterator(ITERATE_VALUES);
+      },
+
+      // ### More sequential methods
+
+      butLast: function butLast() {
+        return this.slice(0, -1);
+      },
+
+      isEmpty: function isEmpty() {
+        return this.size !== undefined ? this.size === 0 : !this.some(function () { return true; });
+      },
+
+      count: function count(predicate, context) {
+        return ensureSize(
+          predicate ? this.toSeq().filter(predicate, context) : this
+        );
+      },
+
+      countBy: function countBy(grouper, context) {
+        return countByFactory(this, grouper, context);
+      },
+
+      equals: function equals(other) {
+        return deepEqual(this, other);
+      },
+
+      entrySeq: function entrySeq() {
+        // eslint-disable-next-line @typescript-eslint/no-this-alias
+        var collection = this;
+        if (collection._cache) {
+          // We cache as an entries array, so we can just return the cache!
+          return new ArraySeq(collection._cache);
+        }
+        var entriesSequence = collection.toSeq().map(entryMapper).toIndexedSeq();
+        entriesSequence.fromEntrySeq = function () { return collection.toSeq(); };
+        return entriesSequence;
+      },
+
+      filterNot: function filterNot(predicate, context) {
+        return this.filter(not(predicate), context);
+      },
+
+      findEntry: function findEntry(predicate, context, notSetValue) {
+        var found = notSetValue;
+        this.__iterate(function (v, k, c) {
+          if (predicate.call(context, v, k, c)) {
+            found = [k, v];
+            return false;
+          }
+        });
+        return found;
+      },
+
+      findKey: function findKey(predicate, context) {
+        var entry = this.findEntry(predicate, context);
+        return entry && entry[0];
+      },
+
+      findLast: function findLast(predicate, context, notSetValue) {
+        return this.toKeyedSeq().reverse().find(predicate, context, notSetValue);
+      },
+
+      findLastEntry: function findLastEntry(predicate, context, notSetValue) {
+        return this.toKeyedSeq()
+          .reverse()
+          .findEntry(predicate, context, notSetValue);
+      },
+
+      findLastKey: function findLastKey(predicate, context) {
+        return this.toKeyedSeq().reverse().findKey(predicate, context);
+      },
+
+      first: function first(notSetValue) {
+        return this.find(returnTrue, null, notSetValue);
+      },
+
+      flatMap: function flatMap(mapper, context) {
+        return reify(this, flatMapFactory(this, mapper, context));
+      },
+
+      flatten: function flatten(depth) {
+        return reify(this, flattenFactory(this, depth, true));
+      },
+
+      fromEntrySeq: function fromEntrySeq() {
+        return new FromEntriesSequence(this);
+      },
+
+      get: function get(searchKey, notSetValue) {
+        return this.find(function (_, key) { return is(key, searchKey); }, undefined, notSetValue);
+      },
+
+      getIn: getIn,
+
+      groupBy: function groupBy(grouper, context) {
+        return groupByFactory(this, grouper, context);
+      },
+
+      has: function has(searchKey) {
+        return this.get(searchKey, NOT_SET) !== NOT_SET;
+      },
+
+      hasIn: hasIn,
+
+      isSubset: function isSubset(iter) {
+        iter = typeof iter.includes === 'function' ? iter : Collection(iter);
+        return this.every(function (value) { return iter.includes(value); });
+      },
+
+      isSuperset: function isSuperset(iter) {
+        iter = typeof iter.isSubset === 'function' ? iter : Collection(iter);
+        return iter.isSubset(this);
+      },
+
+      keyOf: function keyOf(searchValue) {
+        return this.findKey(function (value) { return is(value, searchValue); });
+      },
+
+      keySeq: function keySeq() {
+        return this.toSeq().map(keyMapper).toIndexedSeq();
+      },
+
+      last: function last(notSetValue) {
+        return this.toSeq().reverse().first(notSetValue);
+      },
+
+      lastKeyOf: function lastKeyOf(searchValue) {
+        return this.toKeyedSeq().reverse().keyOf(searchValue);
+      },
+
+      max: function max(comparator) {
+        return maxFactory(this, comparator);
+      },
+
+      maxBy: function maxBy(mapper, comparator) {
+        return maxFactory(this, comparator, mapper);
+      },
+
+      min: function min(comparator) {
+        return maxFactory(
+          this,
+          comparator ? neg(comparator) : defaultNegComparator
+        );
+      },
+
+      minBy: function minBy(mapper, comparator) {
+        return maxFactory(
+          this,
+          comparator ? neg(comparator) : defaultNegComparator,
+          mapper
+        );
+      },
+
+      rest: function rest() {
+        return this.slice(1);
+      },
+
+      skip: function skip(amount) {
+        return amount === 0 ? this : this.slice(Math.max(0, amount));
+      },
+
+      skipLast: function skipLast(amount) {
+        return amount === 0 ? this : this.slice(0, -Math.max(0, amount));
+      },
+
+      skipWhile: function skipWhile(predicate, context) {
+        return reify(this, skipWhileFactory(this, predicate, context, true));
+      },
+
+      skipUntil: function skipUntil(predicate, context) {
+        return this.skipWhile(not(predicate), context);
+      },
+
+      sortBy: function sortBy(mapper, comparator) {
+        return reify(this, sortFactory(this, comparator, mapper));
+      },
+
+      take: function take(amount) {
+        return this.slice(0, Math.max(0, amount));
+      },
+
+      takeLast: function takeLast(amount) {
+        return this.slice(-Math.max(0, amount));
+      },
+
+      takeWhile: function takeWhile(predicate, context) {
+        return reify(this, takeWhileFactory(this, predicate, context));
+      },
+
+      takeUntil: function takeUntil(predicate, context) {
+        return this.takeWhile(not(predicate), context);
+      },
+
+      update: function update(fn) {
+        return fn(this);
+      },
+
+      valueSeq: function valueSeq() {
+        return this.toIndexedSeq();
+      },
+
+      // ### Hashable Object
+
+      hashCode: function hashCode() {
+        return this.__hash || (this.__hash = hashCollection(this));
+      },
+
+      // ### Internal
+
+      // abstract __iterate(fn, reverse)
+
+      // abstract __iterator(type, reverse)
+    });
+
+    var CollectionPrototype = Collection.prototype;
+    CollectionPrototype[IS_COLLECTION_SYMBOL] = true;
+    CollectionPrototype[ITERATOR_SYMBOL] = CollectionPrototype.values;
+    CollectionPrototype.toJSON = CollectionPrototype.toArray;
+    CollectionPrototype.__toStringMapper = quoteString;
+    CollectionPrototype.inspect = CollectionPrototype.toSource = function () {
+      return this.toString();
+    };
+    CollectionPrototype.chain = CollectionPrototype.flatMap;
+    CollectionPrototype.contains = CollectionPrototype.includes;
+
+    mixin(KeyedCollection, {
+      // ### More sequential methods
+
+      flip: function flip() {
+        return reify(this, flipFactory(this));
+      },
+
+      mapEntries: function mapEntries(mapper, context) {
+        var this$1$1 = this;
+
+        var iterations = 0;
+        return reify(
+          this,
+          this.toSeq()
+            .map(function (v, k) { return mapper.call(context, [k, v], iterations++, this$1$1); })
+            .fromEntrySeq()
+        );
+      },
+
+      mapKeys: function mapKeys(mapper, context) {
+        var this$1$1 = this;
+
+        return reify(
+          this,
+          this.toSeq()
+            .flip()
+            .map(function (k, v) { return mapper.call(context, k, v, this$1$1); })
+            .flip()
+        );
+      },
+    });
+
+    var KeyedCollectionPrototype = KeyedCollection.prototype;
+    KeyedCollectionPrototype[IS_KEYED_SYMBOL] = true;
+    KeyedCollectionPrototype[ITERATOR_SYMBOL] = CollectionPrototype.entries;
+    KeyedCollectionPrototype.toJSON = toObject;
+    KeyedCollectionPrototype.__toStringMapper = function (v, k) { return quoteString(k) + ': ' + quoteString(v); };
+
+    mixin(IndexedCollection, {
+      // ### Conversion to other types
+
+      toKeyedSeq: function toKeyedSeq() {
+        return new ToKeyedSequence(this, false);
+      },
+
+      // ### ES6 Collection methods (ES6 Array and Map)
+
+      filter: function filter(predicate, context) {
+        return reify(this, filterFactory(this, predicate, context, false));
+      },
+
+      findIndex: function findIndex(predicate, context) {
+        var entry = this.findEntry(predicate, context);
+        return entry ? entry[0] : -1;
+      },
+
+      indexOf: function indexOf(searchValue) {
+        var key = this.keyOf(searchValue);
+        return key === undefined ? -1 : key;
+      },
+
+      lastIndexOf: function lastIndexOf(searchValue) {
+        var key = this.lastKeyOf(searchValue);
+        return key === undefined ? -1 : key;
+      },
+
+      reverse: function reverse() {
+        return reify(this, reverseFactory(this, false));
+      },
+
+      slice: function slice(begin, end) {
+        return reify(this, sliceFactory(this, begin, end, false));
+      },
+
+      splice: function splice(index, removeNum /*, ...values*/) {
+        var numArgs = arguments.length;
+        removeNum = Math.max(removeNum || 0, 0);
+        if (numArgs === 0 || (numArgs === 2 && !removeNum)) {
+          return this;
+        }
+        // If index is negative, it should resolve relative to the size of the
+        // collection. However size may be expensive to compute if not cached, so
+        // only call count() if the number is in fact negative.
+        index = resolveBegin(index, index < 0 ? this.count() : this.size);
+        var spliced = this.slice(0, index);
+        return reify(
+          this,
+          numArgs === 1
+            ? spliced
+            : spliced.concat(arrCopy(arguments, 2), this.slice(index + removeNum))
+        );
+      },
+
+      // ### More collection methods
+
+      findLastIndex: function findLastIndex(predicate, context) {
+        var entry = this.findLastEntry(predicate, context);
+        return entry ? entry[0] : -1;
+      },
+
+      first: function first(notSetValue) {
+        return this.get(0, notSetValue);
+      },
+
+      flatten: function flatten(depth) {
+        return reify(this, flattenFactory(this, depth, false));
+      },
+
+      get: function get(index, notSetValue) {
+        index = wrapIndex(this, index);
+        return index < 0 ||
+          this.size === Infinity ||
+          (this.size !== undefined && index > this.size)
+          ? notSetValue
+          : this.find(function (_, key) { return key === index; }, undefined, notSetValue);
+      },
+
+      has: function has(index) {
+        index = wrapIndex(this, index);
+        return (
+          index >= 0 &&
+          (this.size !== undefined
+            ? this.size === Infinity || index < this.size
+            : this.indexOf(index) !== -1)
+        );
+      },
+
+      interpose: function interpose(separator) {
+        return reify(this, interposeFactory(this, separator));
+      },
+
+      interleave: function interleave(/*...collections*/) {
+        var collections = [this].concat(arrCopy(arguments));
+        var zipped = zipWithFactory(this.toSeq(), IndexedSeq.of, collections);
+        var interleaved = zipped.flatten(true);
+        if (zipped.size) {
+          interleaved.size = zipped.size * collections.length;
+        }
+        return reify(this, interleaved);
+      },
+
+      keySeq: function keySeq() {
+        return Range(0, this.size);
+      },
+
+      last: function last(notSetValue) {
+        return this.get(-1, notSetValue);
+      },
+
+      skipWhile: function skipWhile(predicate, context) {
+        return reify(this, skipWhileFactory(this, predicate, context, false));
+      },
+
+      zip: function zip(/*, ...collections */) {
+        var collections = [this].concat(arrCopy(arguments));
+        return reify(this, zipWithFactory(this, defaultZipper, collections));
+      },
+
+      zipAll: function zipAll(/*, ...collections */) {
+        var collections = [this].concat(arrCopy(arguments));
+        return reify(this, zipWithFactory(this, defaultZipper, collections, true));
+      },
+
+      zipWith: function zipWith(zipper /*, ...collections */) {
+        var collections = arrCopy(arguments);
+        collections[0] = this;
+        return reify(this, zipWithFactory(this, zipper, collections));
+      },
+    });
+
+    var IndexedCollectionPrototype = IndexedCollection.prototype;
+    IndexedCollectionPrototype[IS_INDEXED_SYMBOL] = true;
+    IndexedCollectionPrototype[IS_ORDERED_SYMBOL] = true;
+
+    mixin(SetCollection, {
+      // ### ES6 Collection methods (ES6 Array and Map)
+
+      get: function get(value, notSetValue) {
+        return this.has(value) ? value : notSetValue;
+      },
+
+      includes: function includes(value) {
+        return this.has(value);
+      },
+
+      // ### More sequential methods
+
+      keySeq: function keySeq() {
+        return this.valueSeq();
+      },
+    });
+
+    var SetCollectionPrototype = SetCollection.prototype;
+    SetCollectionPrototype.has = CollectionPrototype.includes;
+    SetCollectionPrototype.contains = SetCollectionPrototype.includes;
+    SetCollectionPrototype.keys = SetCollectionPrototype.values;
+
+    // Mixin subclasses
+
+    mixin(KeyedSeq, KeyedCollectionPrototype);
+    mixin(IndexedSeq, IndexedCollectionPrototype);
+    mixin(SetSeq, SetCollectionPrototype);
+
+    // #pragma Helper functions
+
+    function reduce(collection, reducer, reduction, context, useFirst, reverse) {
+      assertNotInfinite(collection.size);
+      collection.__iterate(function (v, k, c) {
+        if (useFirst) {
+          useFirst = false;
+          reduction = v;
+        } else {
+          reduction = reducer.call(context, reduction, v, k, c);
+        }
+      }, reverse);
+      return reduction;
+    }
+
+    function keyMapper(v, k) {
+      return k;
+    }
+
+    function entryMapper(v, k) {
+      return [k, v];
+    }
+
+    function not(predicate) {
+      return function () {
+        return !predicate.apply(this, arguments);
+      };
+    }
+
+    function neg(predicate) {
+      return function () {
+        return -predicate.apply(this, arguments);
+      };
+    }
+
+    function defaultZipper() {
+      return arrCopy(arguments);
+    }
+
+    function defaultNegComparator(a, b) {
+      return a < b ? 1 : a > b ? -1 : 0;
+    }
+
+    function hashCollection(collection) {
+      if (collection.size === Infinity) {
+        return 0;
+      }
+      var ordered = isOrdered(collection);
+      var keyed = isKeyed(collection);
+      var h = ordered ? 1 : 0;
+
+      collection.__iterate(
+        keyed
+          ? ordered
+            ? function (v, k) {
+                h = (31 * h + hashMerge(hash(v), hash(k))) | 0;
+              }
+            : function (v, k) {
+                h = (h + hashMerge(hash(v), hash(k))) | 0;
+              }
+          : ordered
+            ? function (v) {
+                h = (31 * h + hash(v)) | 0;
+              }
+            : function (v) {
+                h = (h + hash(v)) | 0;
+              }
+      );
+
+      return murmurHashOfSize(collection.size, h);
+    }
+
+    function murmurHashOfSize(size, h) {
+      h = imul(h, 0xcc9e2d51);
+      h = imul((h << 15) | (h >>> -15), 0x1b873593);
+      h = imul((h << 13) | (h >>> -13), 5);
+      h = ((h + 0xe6546b64) | 0) ^ size;
+      h = imul(h ^ (h >>> 16), 0x85ebca6b);
+      h = imul(h ^ (h >>> 13), 0xc2b2ae35);
+      h = smi(h ^ (h >>> 16));
+      return h;
+    }
+
+    function hashMerge(a, b) {
+      return (a ^ (b + 0x9e3779b9 + (a << 6) + (a >> 2))) | 0; // int
+    }
+
+    var OrderedSet = /*@__PURE__*/(function (Set) {
+      function OrderedSet(value) {
+        // eslint-disable-next-line no-constructor-return
+        return value === undefined || value === null
+          ? emptyOrderedSet()
+          : isOrderedSet(value)
+            ? value
+            : emptyOrderedSet().withMutations(function (set) {
+                var iter = SetCollection(value);
+                assertNotInfinite(iter.size);
+                iter.forEach(function (v) { return set.add(v); });
+              });
+      }
+
+      if ( Set ) OrderedSet.__proto__ = Set;
+      OrderedSet.prototype = Object.create( Set && Set.prototype );
+      OrderedSet.prototype.constructor = OrderedSet;
+
+      OrderedSet.of = function of (/*...values*/) {
+        return this(arguments);
+      };
+
+      OrderedSet.fromKeys = function fromKeys (value) {
+        return this(KeyedCollection(value).keySeq());
+      };
+
+      OrderedSet.prototype.toString = function toString () {
+        return this.__toString('OrderedSet {', '}');
+      };
+
+      return OrderedSet;
+    }(Set));
+
+    OrderedSet.isOrderedSet = isOrderedSet;
+
+    var OrderedSetPrototype = OrderedSet.prototype;
+    OrderedSetPrototype[IS_ORDERED_SYMBOL] = true;
+    OrderedSetPrototype.zip = IndexedCollectionPrototype.zip;
+    OrderedSetPrototype.zipWith = IndexedCollectionPrototype.zipWith;
+    OrderedSetPrototype.zipAll = IndexedCollectionPrototype.zipAll;
+
+    OrderedSetPrototype.__empty = emptyOrderedSet;
+    OrderedSetPrototype.__make = makeOrderedSet;
+
+    function makeOrderedSet(map, ownerID) {
+      var set = Object.create(OrderedSetPrototype);
+      set.size = map ? map.size : 0;
+      set._map = map;
+      set.__ownerID = ownerID;
+      return set;
+    }
+
+    var EMPTY_ORDERED_SET;
+    function emptyOrderedSet() {
+      return (
+        EMPTY_ORDERED_SET || (EMPTY_ORDERED_SET = makeOrderedSet(emptyOrderedMap()))
+      );
+    }
+
+    var PairSorting = {
+      LeftThenRight: -1,
+      RightThenLeft: 1,
+    };
+
+    function throwOnInvalidDefaultValues(defaultValues) {
+      if (isRecord(defaultValues)) {
+        throw new Error(
+          'Can not call `Record` with an immutable Record as default values. Use a plain javascript object instead.'
+        );
+      }
+
+      if (isImmutable(defaultValues)) {
+        throw new Error(
+          'Can not call `Record` with an immutable Collection as default values. Use a plain javascript object instead.'
+        );
+      }
+
+      if (defaultValues === null || typeof defaultValues !== 'object') {
+        throw new Error(
+          'Can not call `Record` with a non-object as default values. Use a plain javascript object instead.'
+        );
+      }
+    }
+
+    var Record = function Record(defaultValues, name) {
+      var hasInitialized;
+
+      throwOnInvalidDefaultValues(defaultValues);
+
+      var RecordType = function Record(values) {
+        var this$1$1 = this;
+
+        if (values instanceof RecordType) {
+          return values;
+        }
+        if (!(this instanceof RecordType)) {
+          return new RecordType(values);
+        }
+        if (!hasInitialized) {
+          hasInitialized = true;
+          var keys = Object.keys(defaultValues);
+          var indices = (RecordTypePrototype._indices = {});
+          // Deprecated: left to attempt not to break any external code which
+          // relies on a ._name property existing on record instances.
+          // Use Record.getDescriptiveName() instead
+          RecordTypePrototype._name = name;
+          RecordTypePrototype._keys = keys;
+          RecordTypePrototype._defaultValues = defaultValues;
+          for (var i = 0; i < keys.length; i++) {
+            var propName = keys[i];
+            indices[propName] = i;
+            if (RecordTypePrototype[propName]) {
+              /* eslint-disable no-console */
+              // eslint-disable-next-line @typescript-eslint/no-unused-expressions -- TODO enable eslint here
+              typeof console === 'object' &&
+                console.warn &&
+                console.warn(
+                  'Cannot define ' +
+                    recordName(this) +
+                    ' with property "' +
+                    propName +
+                    '" since that property name is part of the Record API.'
+                );
+              /* eslint-enable no-console */
+            } else {
+              setProp(RecordTypePrototype, propName);
+            }
+          }
+        }
+        this.__ownerID = undefined;
+        this._values = List().withMutations(function (l) {
+          l.setSize(this$1$1._keys.length);
+          KeyedCollection(values).forEach(function (v, k) {
+            l.set(this$1$1._indices[k], v === this$1$1._defaultValues[k] ? undefined : v);
+          });
+        });
+        return this;
+      };
+
+      var RecordTypePrototype = (RecordType.prototype =
+        Object.create(RecordPrototype));
+      RecordTypePrototype.constructor = RecordType;
+
+      if (name) {
+        RecordType.displayName = name;
+      }
+
+      // eslint-disable-next-line no-constructor-return
+      return RecordType;
+    };
+
+    Record.prototype.toString = function toString () {
+      var str = recordName(this) + ' { ';
+      var keys = this._keys;
+      var k;
+      for (var i = 0, l = keys.length; i !== l; i++) {
+        k = keys[i];
+        str += (i ? ', ' : '') + k + ': ' + quoteString(this.get(k));
+      }
+      return str + ' }';
+    };
+
+    Record.prototype.equals = function equals (other) {
+      return (
+        this === other ||
+        (isRecord(other) && recordSeq(this).equals(recordSeq(other)))
+      );
+    };
+
+    Record.prototype.hashCode = function hashCode () {
+      return recordSeq(this).hashCode();
+    };
+
+    // @pragma Access
+
+    Record.prototype.has = function has (k) {
+      return this._indices.hasOwnProperty(k);
+    };
+
+    Record.prototype.get = function get (k, notSetValue) {
+      if (!this.has(k)) {
+        return notSetValue;
+      }
+      var index = this._indices[k];
+      var value = this._values.get(index);
+      return value === undefined ? this._defaultValues[k] : value;
+    };
+
+    // @pragma Modification
+
+    Record.prototype.set = function set (k, v) {
+      if (this.has(k)) {
+        var newValues = this._values.set(
+          this._indices[k],
+          v === this._defaultValues[k] ? undefined : v
+        );
+        if (newValues !== this._values && !this.__ownerID) {
+          return makeRecord(this, newValues);
+        }
+      }
+      return this;
+    };
+
+    Record.prototype.remove = function remove (k) {
+      return this.set(k);
+    };
+
+    Record.prototype.clear = function clear () {
+      var newValues = this._values.clear().setSize(this._keys.length);
+
+      return this.__ownerID ? this : makeRecord(this, newValues);
+    };
+
+    Record.prototype.wasAltered = function wasAltered () {
+      return this._values.wasAltered();
+    };
+
+    Record.prototype.toSeq = function toSeq () {
+      return recordSeq(this);
+    };
+
+    Record.prototype.toJS = function toJS$1 () {
+      return toJS(this);
+    };
+
+    Record.prototype.entries = function entries () {
+      return this.__iterator(ITERATE_ENTRIES);
+    };
+
+    Record.prototype.__iterator = function __iterator (type, reverse) {
+      return recordSeq(this).__iterator(type, reverse);
+    };
+
+    Record.prototype.__iterate = function __iterate (fn, reverse) {
+      return recordSeq(this).__iterate(fn, reverse);
+    };
+
+    Record.prototype.__ensureOwner = function __ensureOwner (ownerID) {
+      if (ownerID === this.__ownerID) {
+        return this;
+      }
+      var newValues = this._values.__ensureOwner(ownerID);
+      if (!ownerID) {
+        this.__ownerID = ownerID;
+        this._values = newValues;
+        return this;
+      }
+      return makeRecord(this, newValues, ownerID);
+    };
+
+    Record.isRecord = isRecord;
+    Record.getDescriptiveName = recordName;
+    var RecordPrototype = Record.prototype;
+    RecordPrototype[IS_RECORD_SYMBOL] = true;
+    RecordPrototype[DELETE] = RecordPrototype.remove;
+    RecordPrototype.deleteIn = RecordPrototype.removeIn = deleteIn;
+    RecordPrototype.getIn = getIn;
+    RecordPrototype.hasIn = CollectionPrototype.hasIn;
+    RecordPrototype.merge = merge$1;
+    RecordPrototype.mergeWith = mergeWith$1;
+    RecordPrototype.mergeIn = mergeIn;
+    RecordPrototype.mergeDeep = mergeDeep;
+    RecordPrototype.mergeDeepWith = mergeDeepWith;
+    RecordPrototype.mergeDeepIn = mergeDeepIn;
+    RecordPrototype.setIn = setIn;
+    RecordPrototype.update = update;
+    RecordPrototype.updateIn = updateIn;
+    RecordPrototype.withMutations = withMutations;
+    RecordPrototype.asMutable = asMutable;
+    RecordPrototype.asImmutable = asImmutable;
+    RecordPrototype[ITERATOR_SYMBOL] = RecordPrototype.entries;
+    RecordPrototype.toJSON = RecordPrototype.toObject =
+      CollectionPrototype.toObject;
+    RecordPrototype.inspect = RecordPrototype.toSource = function () {
+      return this.toString();
+    };
+
+    function makeRecord(likeRecord, values, ownerID) {
+      var record = Object.create(Object.getPrototypeOf(likeRecord));
+      record._values = values;
+      record.__ownerID = ownerID;
+      return record;
+    }
+
+    function recordName(record) {
+      return record.constructor.displayName || record.constructor.name || 'Record';
+    }
+
+    function recordSeq(record) {
+      return keyedSeqFromValue(record._keys.map(function (k) { return [k, record.get(k)]; }));
+    }
+
+    function setProp(prototype, name) {
+      try {
+        Object.defineProperty(prototype, name, {
+          get: function () {
+            return this.get(name);
+          },
+          set: function (value) {
+            invariant(this.__ownerID, 'Cannot set on an immutable record.');
+            this.set(name, value);
+          },
+        });
+        // eslint-disable-next-line @typescript-eslint/no-unused-vars -- TODO enable eslint here
+      } catch (error) {
+        // Object.defineProperty failed. Probably IE8.
+      }
+    }
+
+    /**
+     * Returns a lazy Seq of `value` repeated `times` times. When `times` is
+     * undefined, returns an infinite sequence of `value`.
+     */
+    var Repeat = /*@__PURE__*/(function (IndexedSeq) {
+      function Repeat(value, times) {
+        if (!(this instanceof Repeat)) {
+          // eslint-disable-next-line no-constructor-return
+          return new Repeat(value, times);
+        }
+        this._value = value;
+        this.size = times === undefined ? Infinity : Math.max(0, times);
+        if (this.size === 0) {
+          if (EMPTY_REPEAT) {
+            // eslint-disable-next-line no-constructor-return
+            return EMPTY_REPEAT;
+          }
+          // eslint-disable-next-line @typescript-eslint/no-this-alias
+          EMPTY_REPEAT = this;
+        }
+      }
+
+      if ( IndexedSeq ) Repeat.__proto__ = IndexedSeq;
+      Repeat.prototype = Object.create( IndexedSeq && IndexedSeq.prototype );
+      Repeat.prototype.constructor = Repeat;
+
+      Repeat.prototype.toString = function toString () {
+        if (this.size === 0) {
+          return 'Repeat []';
+        }
+        return 'Repeat [ ' + this._value + ' ' + this.size + ' times ]';
+      };
+
+      Repeat.prototype.get = function get (index, notSetValue) {
+        return this.has(index) ? this._value : notSetValue;
+      };
+
+      Repeat.prototype.includes = function includes (searchValue) {
+        return is(this._value, searchValue);
+      };
+
+      Repeat.prototype.slice = function slice (begin, end) {
+        var size = this.size;
+        return wholeSlice(begin, end, size)
+          ? this
+          : new Repeat(
+              this._value,
+              resolveEnd(end, size) - resolveBegin(begin, size)
+            );
+      };
+
+      Repeat.prototype.reverse = function reverse () {
+        return this;
+      };
+
+      Repeat.prototype.indexOf = function indexOf (searchValue) {
+        if (is(this._value, searchValue)) {
+          return 0;
+        }
+        return -1;
+      };
+
+      Repeat.prototype.lastIndexOf = function lastIndexOf (searchValue) {
+        if (is(this._value, searchValue)) {
+          return this.size;
+        }
+        return -1;
+      };
+
+      Repeat.prototype.__iterate = function __iterate (fn, reverse) {
+        var size = this.size;
+        var i = 0;
+        while (i !== size) {
+          if (fn(this._value, reverse ? size - ++i : i++, this) === false) {
+            break;
+          }
+        }
+        return i;
+      };
+
+      Repeat.prototype.__iterator = function __iterator (type, reverse) {
+        var this$1$1 = this;
+
+        var size = this.size;
+        var i = 0;
+        return new Iterator(function () { return i === size
+            ? iteratorDone()
+            : iteratorValue(type, reverse ? size - ++i : i++, this$1$1._value); }
+        );
+      };
+
+      Repeat.prototype.equals = function equals (other) {
+        return other instanceof Repeat
+          ? is(this._value, other._value)
+          : deepEqual(this, other);
+      };
+
+      return Repeat;
+    }(IndexedSeq));
+
+    var EMPTY_REPEAT;
+
+    function fromJS(value, converter) {
+      return fromJSWith(
+        [],
+        converter || defaultConverter,
+        value,
+        '',
+        converter && converter.length > 2 ? [] : undefined,
+        { '': value }
+      );
+    }
+
+    function fromJSWith(stack, converter, value, key, keyPath, parentValue) {
+      if (
+        typeof value !== 'string' &&
+        !isImmutable(value) &&
+        (isArrayLike(value) || hasIterator(value) || isPlainObject(value))
+      ) {
+        if (~stack.indexOf(value)) {
+          throw new TypeError('Cannot convert circular structure to Immutable');
+        }
+        stack.push(value);
+        // eslint-disable-next-line @typescript-eslint/no-unused-expressions -- TODO enable eslint here
+        keyPath && key !== '' && keyPath.push(key);
+        var converted = converter.call(
+          parentValue,
+          key,
+          Seq(value).map(function (v, k) { return fromJSWith(stack, converter, v, k, keyPath, value); }
+          ),
+          keyPath && keyPath.slice()
+        );
+        stack.pop();
+        // eslint-disable-next-line @typescript-eslint/no-unused-expressions -- TODO enable eslint here
+        keyPath && keyPath.pop();
+        return converted;
+      }
+      return value;
+    }
+
+    function defaultConverter(k, v) {
+      // Effectively the opposite of "Collection.toSeq()"
+      return isIndexed(v) ? v.toList() : isKeyed(v) ? v.toMap() : v.toSet();
+    }
+
+    var version = "5.1.3";
+
+    // Note: Iterable is deprecated
+    var Iterable = Collection;
+
+    exports.Collection = Collection;
+    exports.Iterable = Iterable;
+    exports.List = List;
+    exports.Map = Map;
+    exports.OrderedMap = OrderedMap;
+    exports.OrderedSet = OrderedSet;
+    exports.PairSorting = PairSorting;
+    exports.Range = Range;
+    exports.Record = Record;
+    exports.Repeat = Repeat;
+    exports.Seq = Seq;
+    exports.Set = Set;
+    exports.Stack = Stack;
+    exports.fromJS = fromJS;
+    exports.get = get;
+    exports.getIn = getIn$1;
+    exports.has = has;
+    exports.hasIn = hasIn$1;
+    exports.hash = hash;
+    exports.is = is;
+    exports.isAssociative = isAssociative;
+    exports.isCollection = isCollection;
+    exports.isImmutable = isImmutable;
+    exports.isIndexed = isIndexed;
+    exports.isKeyed = isKeyed;
+    exports.isList = isList;
+    exports.isMap = isMap;
+    exports.isOrdered = isOrdered;
+    exports.isOrderedMap = isOrderedMap;
+    exports.isOrderedSet = isOrderedSet;
+    exports.isPlainObject = isPlainObject;
+    exports.isRecord = isRecord;
+    exports.isSeq = isSeq;
+    exports.isSet = isSet;
+    exports.isStack = isStack;
+    exports.isValueObject = isValueObject;
+    exports.merge = merge;
+    exports.mergeDeep = mergeDeep$1;
+    exports.mergeDeepWith = mergeDeepWith$1;
+    exports.mergeWith = mergeWith;
+    exports.remove = remove;
+    exports.removeIn = removeIn;
+    exports.set = set;
+    exports.setIn = setIn$1;
+    exports.update = update$1;
+    exports.updateIn = updateIn$1;
+    exports.version = version;
+
+}));
diff --git a/node_modules/immutable/dist/immutable.js.flow b/node_modules/immutable/dist/immutable.js.flow
new file mode 100644
index 0000000..9ab444d
--- /dev/null
+++ b/node_modules/immutable/dist/immutable.js.flow
@@ -0,0 +1,2414 @@
+/**
+ * This file provides type definitions for use with the Flow type checker.
+ *
+ * An important caveat when using these definitions is that the types for
+ * `Collection.Keyed`, `Collection.Indexed`, `Seq.Keyed`, and so on are stubs.
+ * When referring to those types, you can get the proper definitions by
+ * importing the types `KeyedCollection`, `IndexedCollection`, `KeyedSeq`, etc.
+ * For example,
+ *
+ *     import { Seq } from 'immutable'
+ *     import type { IndexedCollection, IndexedSeq } from 'immutable'
+ *
+ *     const someSeq: IndexedSeq<number> = Seq.Indexed.of(1, 2, 3)
+ *
+ *     function takesASeq<T, TS: IndexedCollection<T>>(iter: TS): TS {
+ *       return iter.butLast()
+ *     }
+ *
+ *     takesASeq(someSeq)
+ *
+ * @flow strict
+ */
+
+// Helper type that represents plain objects allowed as arguments to
+// some constructors and functions.
+type PlainObjInput<K, V> = { +[key: K]: V, __proto__: null };
+
+type K<T> = $Keys<T>;
+
+// Helper types to extract the "keys" and "values" use by the *In() methods.
+type $KeyOf<C> = $Call<
+  (<K>(?_Collection<K, mixed>) => K) &
+    (<T>(?$ReadOnlyArray<T>) => number) &
+    (<T>(?RecordInstance<T> | T) => $Keys<T>) &
+    (<T: Object>(T) => $Keys<T>),
+  C,
+>;
+
+type $ValOf<C, K = $KeyOf<C>> = $Call<
+  (<V>(?_Collection<any, V>) => V) &
+    (<T>(?$ReadOnlyArray<T>) => T) &
+    (<T, K: $Keys<T>>(?RecordInstance<T> | T, K) => $ElementType<T, K>) &
+    (<T: Object>(T) => $Values<T>),
+  C,
+  K,
+>;
+
+type $IterableOf<C> = $Call<
+  (<V: Array<any> | IndexedCollection<any> | SetCollection<any>>(
+    V
+  ) => Iterable<$ValOf<V>>) &
+    (<
+      V:
+        | KeyedCollection<any, any>
+        | RecordInstance<any>
+        | PlainObjInput<any, any>,
+    >(
+      V
+    ) => Iterable<[$KeyOf<V>, $ValOf<V>]>),
+  C,
+>;
+
+const PairSorting: $ReadOnly<{ LeftThenRight: number, RightThenLeft: number }> =
+  {
+    LeftThenRight: -1,
+    RightThenLeft: +1,
+  };
+
+type Comparator<T> = (left: T, right: T) => number;
+
+declare class _Collection<K, +V> implements ValueObject {
+  equals(other: mixed): boolean;
+  hashCode(): number;
+  get(key: K, ..._: []): V | void;
+  get<NSV>(key: K, notSetValue: NSV): V | NSV;
+  has(key: K): boolean;
+  includes(value: V): boolean;
+  contains(value: V): boolean;
+  first(): V | void;
+  first<NSV>(notSetValue: NSV): V | NSV;
+  last(): V | void;
+  last<NSV>(notSetValue: NSV): V | NSV;
+
+  hasIn(keyPath: Iterable<mixed>): boolean;
+
+  getIn(keyPath: [], notSetValue?: mixed): this;
+  getIn<NSV>(keyPath: [K], notSetValue: NSV): V | NSV;
+  getIn<NSV, K2: $KeyOf<V>>(
+    keyPath: [K, K2],
+    notSetValue: NSV
+  ): $ValOf<V, K2> | NSV;
+  getIn<NSV, K2: $KeyOf<V>, K3: $KeyOf<$ValOf<V, K2>>>(
+    keyPath: [K, K2, K3],
+    notSetValue: NSV
+  ): $ValOf<$ValOf<V, K2>, K3> | NSV;
+  getIn<
+    NSV,
+    K2: $KeyOf<V>,
+    K3: $KeyOf<$ValOf<V, K2>>,
+    K4: $KeyOf<$ValOf<$ValOf<V, K2>, K3>>,
+  >(
+    keyPath: [K, K2, K3, K4],
+    notSetValue: NSV
+  ): $ValOf<$ValOf<$ValOf<V, K2>, K3>, K4> | NSV;
+  getIn<
+    NSV,
+    K2: $KeyOf<V>,
+    K3: $KeyOf<$ValOf<V, K2>>,
+    K4: $KeyOf<$ValOf<$ValOf<V, K2>, K3>>,
+    K5: $KeyOf<$ValOf<$ValOf<$ValOf<V, K2>, K3>, K4>>,
+  >(
+    keyPath: [K, K2, K3, K4, K5],
+    notSetValue: NSV
+  ): $ValOf<$ValOf<$ValOf<$ValOf<V, K2>, K3>, K4>, K5> | NSV;
+
+  update<U>(updater: (value: this) => U): U;
+
+  toJS(): Array<any> | { [key: string]: mixed };
+  toJSON(): Array<V> | { [key: string]: V };
+  toArray(): Array<V> | Array<[K, V]>;
+  toObject(): { [key: string]: V };
+  toMap(): Map<K, V>;
+  toOrderedMap(): OrderedMap<K, V>;
+  toSet(): Set<V>;
+  toOrderedSet(): OrderedSet<V>;
+  toList(): List<V>;
+  toStack(): Stack<V>;
+  toSeq(): Seq<K, V>;
+  toKeyedSeq(): KeyedSeq<K, V>;
+  toIndexedSeq(): IndexedSeq<V>;
+  toSetSeq(): SetSeq<V>;
+
+  keys(): Iterator<K>;
+  values(): Iterator<V>;
+  entries(): Iterator<[K, V]>;
+
+  keySeq(): IndexedSeq<K>;
+  valueSeq(): IndexedSeq<V>;
+  entrySeq(): IndexedSeq<[K, V]>;
+
+  reverse(): this;
+  sort(comparator?: Comparator<V>): this;
+
+  sortBy<C>(
+    comparatorValueMapper: (value: V, key: K, iter: this) => C,
+    comparator?: Comparator<C>
+  ): this;
+
+  groupBy<G>(
+    grouper: (value: V, key: K, iter: this) => G,
+    context?: mixed
+  ): KeyedSeq<G, this>;
+
+  forEach(
+    sideEffect: (value: V, key: K, iter: this) => any,
+    context?: mixed
+  ): number;
+
+  slice(begin?: number, end?: number): this;
+  rest(): this;
+  butLast(): this;
+  skip(amount: number): this;
+  skipLast(amount: number): this;
+  skipWhile(
+    predicate: (value: V, key: K, iter: this) => mixed,
+    context?: mixed
+  ): this;
+  skipUntil(
+    predicate: (value: V, key: K, iter: this) => mixed,
+    context?: mixed
+  ): this;
+  take(amount: number): this;
+  takeLast(amount: number): this;
+  takeWhile(
+    predicate: (value: V, key: K, iter: this) => mixed,
+    context?: mixed
+  ): this;
+  takeUntil(
+    predicate: (value: V, key: K, iter: this) => mixed,
+    context?: mixed
+  ): this;
+
+  filterNot(
+    predicate: (value: V, key: K, iter: this) => mixed,
+    context?: mixed
+  ): this;
+
+  reduce<R>(
+    reducer: (reduction: R, value: V, key: K, iter: this) => R,
+    initialReduction: R,
+    context?: mixed
+  ): R;
+  reduce<R>(reducer: (reduction: V | R, value: V, key: K, iter: this) => R): R;
+
+  reduceRight<R>(
+    reducer: (reduction: R, value: V, key: K, iter: this) => R,
+    initialReduction: R,
+    context?: mixed
+  ): R;
+  reduceRight<R>(
+    reducer: (reduction: V | R, value: V, key: K, iter: this) => R
+  ): R;
+
+  every(
+    predicate: (value: V, key: K, iter: this) => mixed,
+    context?: mixed
+  ): boolean;
+  some(
+    predicate: (value: V, key: K, iter: this) => mixed,
+    context?: mixed
+  ): boolean;
+  join(separator?: string): string;
+  isEmpty(): boolean;
+  count(
+    predicate?: (value: V, key: K, iter: this) => mixed,
+    context?: mixed
+  ): number;
+  countBy<G>(
+    grouper: (value: V, key: K, iter: this) => G,
+    context?: mixed
+  ): Map<G, number>;
+
+  find(
+    predicate: (value: V, key: K, iter: this) => mixed,
+    context?: mixed,
+    notSetValue?: V
+  ): V | void;
+  findLast(
+    predicate: (value: V, key: K, iter: this) => mixed,
+    context?: mixed,
+    notSetValue?: V
+  ): V | void;
+
+  findEntry(predicate: (value: V, key: K, iter: this) => mixed): [K, V] | void;
+  findLastEntry(
+    predicate: (value: V, key: K, iter: this) => mixed
+  ): [K, V] | void;
+
+  findKey(
+    predicate: (value: V, key: K, iter: this) => mixed,
+    context?: mixed
+  ): K | void;
+  findLastKey(
+    predicate: (value: V, key: K, iter: this) => mixed,
+    context?: mixed
+  ): K | void;
+
+  keyOf(searchValue: V): K | void;
+  lastKeyOf(searchValue: V): K | void;
+
+  max(comparator?: Comparator<V>): V;
+  maxBy<C>(
+    comparatorValueMapper: (value: V, key: K, iter: this) => C,
+    comparator?: Comparator<C>
+  ): V;
+  min(comparator?: Comparator<V>): V;
+  minBy<C>(
+    comparatorValueMapper: (value: V, key: K, iter: this) => C,
+    comparator?: Comparator<C>
+  ): V;
+
+  isSubset(iter: Iterable<V>): boolean;
+  isSuperset(iter: Iterable<V>): boolean;
+}
+
+declare function isImmutable(
+  maybeImmutable: mixed
+): boolean %checks(maybeImmutable instanceof Collection);
+declare function isCollection(
+  maybeCollection: mixed
+): boolean %checks(maybeCollection instanceof Collection);
+declare function isKeyed(
+  maybeKeyed: mixed
+): boolean %checks(maybeKeyed instanceof KeyedCollection);
+declare function isIndexed(
+  maybeIndexed: mixed
+): boolean %checks(maybeIndexed instanceof IndexedCollection);
+declare function isAssociative(
+  maybeAssociative: mixed
+): boolean %checks(maybeAssociative instanceof KeyedCollection ||
+  maybeAssociative instanceof IndexedCollection);
+declare function isOrdered(
+  maybeOrdered: mixed
+): boolean %checks(maybeOrdered instanceof IndexedCollection ||
+  maybeOrdered instanceof OrderedMap ||
+  maybeOrdered instanceof OrderedSet);
+declare function isValueObject(maybeValue: mixed): boolean;
+
+declare function isSeq(maybeSeq: any): boolean %checks(maybeSeq instanceof Seq);
+declare function isList(maybeList: any): boolean %checks(maybeList instanceof
+  List);
+declare function isMap(maybeMap: any): boolean %checks(maybeMap instanceof Map);
+declare function isOrderedMap(
+  maybeOrderedMap: any
+): boolean %checks(maybeOrderedMap instanceof OrderedMap);
+declare function isStack(maybeStack: any): boolean %checks(maybeStack instanceof
+  Stack);
+declare function isSet(maybeSet: any): boolean %checks(maybeSet instanceof Set);
+declare function isOrderedSet(
+  maybeOrderedSet: any
+): boolean %checks(maybeOrderedSet instanceof OrderedSet);
+declare function isRecord(
+  maybeRecord: any
+): boolean %checks(maybeRecord instanceof Record);
+
+declare interface ValueObject {
+  equals(other: mixed): boolean;
+  hashCode(): number;
+}
+
+declare class Collection<K, +V> extends _Collection<K, V> {
+  static Keyed: typeof KeyedCollection;
+  static Indexed: typeof IndexedCollection;
+  static Set: typeof SetCollection;
+
+  static isCollection: typeof isCollection;
+  static isKeyed: typeof isKeyed;
+  static isIndexed: typeof isIndexed;
+  static isAssociative: typeof isAssociative;
+  static isOrdered: typeof isOrdered;
+}
+
+declare class KeyedCollection<K, +V> extends Collection<K, V> {
+  static <K, V>(
+    values?: Iterable<[K, V]> | PlainObjInput<K, V>
+  ): KeyedCollection<K, V>;
+
+  toJS(): { [key: string]: mixed };
+  toJSON(): { [key: string]: V };
+  toArray(): Array<[K, V]>;
+  @@iterator(): Iterator<[K, V]>;
+  toSeq(): KeyedSeq<K, V>;
+  flip(): KeyedCollection<V, K>;
+
+  concat<KC, VC>(
+    ...iters: Array<Iterable<[KC, VC]> | PlainObjInput<KC, VC>>
+  ): KeyedCollection<K | KC, V | VC>;
+
+  filter(predicate: typeof Boolean): KeyedCollection<K, $NonMaybeType<V>>;
+  filter(
+    predicate: (value: V, key: K, iter: this) => mixed,
+    context?: mixed
+  ): KeyedCollection<K, V>;
+
+  partition(
+    predicate: (value: V, key: K, iter: this) => mixed,
+    context?: mixed
+  ): [this, this];
+
+  map<M>(
+    mapper: (value: V, key: K, iter: this) => M,
+    context?: mixed
+  ): KeyedCollection<K, M>;
+
+  mapKeys<M>(
+    mapper: (key: K, value: V, iter: this) => M,
+    context?: mixed
+  ): KeyedCollection<M, V>;
+
+  mapEntries<KM, VM>(
+    mapper: (entry: [K, V], index: number, iter: this) => [KM, VM],
+    context?: mixed
+  ): KeyedCollection<KM, VM>;
+
+  flatMap<KM, VM>(
+    mapper: (value: V, key: K, iter: this) => Iterable<[KM, VM]>,
+    context?: mixed
+  ): KeyedCollection<KM, VM>;
+
+  flatten(depth?: number): KeyedCollection<any, any>;
+  flatten(shallow?: boolean): KeyedCollection<any, any>;
+}
+
+Collection.Keyed = KeyedCollection;
+
+declare class IndexedCollection<+T> extends Collection<number, T> {
+  static <T>(iter?: Iterable<T>): IndexedCollection<T>;
+
+  toJS(): Array<mixed>;
+  toJSON(): Array<T>;
+  toArray(): Array<T>;
+  @@iterator(): Iterator<T>;
+  toSeq(): IndexedSeq<T>;
+  fromEntrySeq<K, V>(): KeyedSeq<K, V>;
+  interpose(separator: T): this;
+  interleave(...collections: Iterable<T>[]): this;
+  splice(index: number, removeNum: number, ...values: T[]): this;
+
+  zip<A>(a: Iterable<A>, ..._: []): IndexedCollection<[T, A]>;
+  zip<A, B>(
+    a: Iterable<A>,
+    b: Iterable<B>,
+    ..._: []
+  ): IndexedCollection<[T, A, B]>;
+  zip<A, B, C>(
+    a: Iterable<A>,
+    b: Iterable<B>,
+    c: Iterable<C>,
+    ..._: []
+  ): IndexedCollection<[T, A, B, C]>;
+  zip<A, B, C, D>(
+    a: Iterable<A>,
+    b: Iterable<B>,
+    c: Iterable<C>,
+    d: Iterable<D>,
+    ..._: []
+  ): IndexedCollection<[T, A, B, C, D]>;
+  zip<A, B, C, D, E>(
+    a: Iterable<A>,
+    b: Iterable<B>,
+    c: Iterable<C>,
+    d: Iterable<D>,
+    e: Iterable<E>,
+    ..._: []
+  ): IndexedCollection<[T, A, B, C, D, E]>;
+
+  zipAll<A>(a: Iterable<A>, ..._: []): IndexedCollection<[T | void, A | void]>;
+  zipAll<A, B>(
+    a: Iterable<A>,
+    b: Iterable<B>,
+    ..._: []
+  ): IndexedCollection<[T | void, A | void, B | void]>;
+  zipAll<A, B, C>(
+    a: Iterable<A>,
+    b: Iterable<B>,
+    c: Iterable<C>,
+    ..._: []
+  ): IndexedCollection<[T | void, A | void, B | void, C | void]>;
+  zipAll<A, B, C, D>(
+    a: Iterable<A>,
+    b: Iterable<B>,
+    c: Iterable<C>,
+    d: Iterable<D>,
+    ..._: []
+  ): IndexedCollection<[T | void, A | void, B | void, C | void, D | void]>;
+  zipAll<A, B, C, D, E>(
+    a: Iterable<A>,
+    b: Iterable<B>,
+    c: Iterable<C>,
+    d: Iterable<D>,
+    e: Iterable<E>,
+    ..._: []
+  ): IndexedCollection<
+    [T | void, A | void, B | void, C | void, D | void, E | void],
+  >;
+
+  zipWith<A, R>(
+    zipper: (value: T, a: A) => R,
+    a: Iterable<A>,
+    ..._: []
+  ): IndexedCollection<R>;
+  zipWith<A, B, R>(
+    zipper: (value: T, a: A, b: B) => R,
+    a: Iterable<A>,
+    b: Iterable<B>,
+    ..._: []
+  ): IndexedCollection<R>;
+  zipWith<A, B, C, R>(
+    zipper: (value: T, a: A, b: B, c: C) => R,
+    a: Iterable<A>,
+    b: Iterable<B>,
+    c: Iterable<C>,
+    ..._: []
+  ): IndexedCollection<R>;
+  zipWith<A, B, C, D, R>(
+    zipper: (value: T, a: A, b: B, c: C, d: D) => R,
+    a: Iterable<A>,
+    b: Iterable<B>,
+    c: Iterable<C>,
+    d: Iterable<D>,
+    ..._: []
+  ): IndexedCollection<R>;
+  zipWith<A, B, C, D, E, R>(
+    zipper: (value: T, a: A, b: B, c: C, d: D, e: E) => R,
+    a: Iterable<A>,
+    b: Iterable<B>,
+    c: Iterable<C>,
+    d: Iterable<D>,
+    e: Iterable<E>,
+    ..._: []
+  ): IndexedCollection<R>;
+
+  indexOf(searchValue: T): number;
+  lastIndexOf(searchValue: T): number;
+  findIndex(
+    predicate: (value: T, index: number, iter: this) => mixed,
+    context?: mixed
+  ): number;
+  findLastIndex(
+    predicate: (value: T, index: number, iter: this) => mixed,
+    context?: mixed
+  ): number;
+
+  concat<C>(...iters: Array<Iterable<C> | C>): IndexedCollection<T | C>;
+
+  filter(predicate: typeof Boolean): IndexedCollection<$NonMaybeType<T>>;
+  filter(
+    predicate: (value: T, index: number, iter: this) => mixed,
+    context?: mixed
+  ): IndexedCollection<T>;
+
+  partition(
+    predicate: (value: T, index: number, iter: this) => mixed,
+    context?: mixed
+  ): [this, this];
+
+  map<M>(
+    mapper: (value: T, index: number, iter: this) => M,
+    context?: mixed
+  ): IndexedCollection<M>;
+
+  flatMap<M>(
+    mapper: (value: T, index: number, iter: this) => Iterable<M>,
+    context?: mixed
+  ): IndexedCollection<M>;
+
+  flatten(depth?: number): IndexedCollection<any>;
+  flatten(shallow?: boolean): IndexedCollection<any>;
+}
+
+declare class SetCollection<+T> extends Collection<T, T> {
+  static <T>(iter?: Iterable<T>): SetCollection<T>;
+
+  toJS(): Array<mixed>;
+  toJSON(): Array<T>;
+  toArray(): Array<T>;
+  @@iterator(): Iterator<T>;
+  toSeq(): SetSeq<T>;
+
+  concat<U>(...collections: Iterable<U>[]): SetCollection<T | U>;
+
+  // `filter`, `map` and `flatMap` cannot be defined further up the hierarchy,
+  // because the implementation for `KeyedCollection` allows the value type to
+  // change without constraining the key type. That does not work for
+  // `SetCollection` - the value and key types *must* match.
+  filter(predicate: typeof Boolean): SetCollection<$NonMaybeType<T>>;
+  filter(
+    predicate: (value: T, value: T, iter: this) => mixed,
+    context?: mixed
+  ): SetCollection<T>;
+
+  partition(
+    predicate: (value: T, value: T, iter: this) => mixed,
+    context?: mixed
+  ): [this, this];
+
+  map<M>(
+    mapper: (value: T, value: T, iter: this) => M,
+    context?: mixed
+  ): SetCollection<M>;
+
+  flatMap<M>(
+    mapper: (value: T, value: T, iter: this) => Iterable<M>,
+    context?: mixed
+  ): SetCollection<M>;
+
+  flatten(depth?: number): SetCollection<any>;
+  flatten(shallow?: boolean): SetCollection<any>;
+}
+
+declare function isSeq(maybeSeq: mixed): boolean %checks(maybeSeq instanceof
+  Seq);
+declare class Seq<K, +V> extends _Collection<K, V> {
+  static Keyed: typeof KeyedSeq;
+  static Indexed: typeof IndexedSeq;
+  static Set: typeof SetSeq;
+
+  static <K, V>(values: KeyedSeq<K, V>): KeyedSeq<K, V>;
+  static <T>(values: SetSeq<T>): SetSeq<K, V>;
+  static <T>(values: Iterable<T>): IndexedSeq<T>;
+  static <K, V>(values?: PlainObjInput<K, V>): KeyedSeq<K, V>;
+
+  static isSeq: typeof isSeq;
+
+  size: number | void;
+  cacheResult(): this;
+  toSeq(): this;
+}
+
+declare class KeyedSeq<K, +V> extends Seq<K, V> mixins KeyedCollection<K, V> {
+  static <K, V>(
+    values?: Iterable<[K, V]> | PlainObjInput<K, V>
+  ): KeyedSeq<K, V>;
+
+  // Override specialized return types
+  flip(): KeyedSeq<V, K>;
+
+  concat<KC, VC>(
+    ...iters: Array<Iterable<[KC, VC]> | PlainObjInput<KC, VC>>
+  ): KeyedSeq<K | KC, V | VC>;
+
+  filter(predicate: typeof Boolean): KeyedSeq<K, $NonMaybeType<V>>;
+  filter(
+    predicate: (value: V, key: K, iter: this) => mixed,
+    context?: mixed
+  ): KeyedSeq<K, V>;
+
+  partition(
+    predicate: (value: V, key: K, iter: this) => mixed,
+    context?: mixed
+  ): [this, this];
+
+  map<M>(
+    mapper: (value: V, key: K, iter: this) => M,
+    context?: mixed
+  ): KeyedSeq<K, M>;
+
+  mapKeys<M>(
+    mapper: (key: K, value: V, iter: this) => M,
+    context?: mixed
+  ): KeyedSeq<M, V>;
+
+  mapEntries<KM, VM>(
+    mapper: (entry: [K, V], index: number, iter: this) => [KM, VM],
+    context?: mixed
+  ): KeyedSeq<KM, VM>;
+
+  flatMap<KM, VM>(
+    mapper: (value: V, key: K, iter: this) => Iterable<[KM, VM]>,
+    context?: mixed
+  ): KeyedSeq<KM, VM>;
+
+  flatten(depth?: number): KeyedSeq<any, any>;
+  flatten(shallow?: boolean): KeyedSeq<any, any>;
+}
+
+declare class IndexedSeq<+T>
+  extends Seq<number, T>
+  mixins IndexedCollection<T>
+{
+  static <T>(values?: Iterable<T>): IndexedSeq<T>;
+
+  static of<T>(...values: T[]): IndexedSeq<T>;
+
+  // Override specialized return types
+
+  concat<C>(...iters: Array<Iterable<C> | C>): IndexedSeq<T | C>;
+
+  filter(predicate: typeof Boolean): IndexedSeq<$NonMaybeType<T>>;
+  filter(
+    predicate: (value: T, index: number, iter: this) => mixed,
+    context?: mixed
+  ): IndexedSeq<T>;
+
+  partition(
+    predicate: (value: T, index: number, iter: this) => mixed,
+    context?: mixed
+  ): [this, this];
+
+  map<M>(
+    mapper: (value: T, index: number, iter: this) => M,
+    context?: mixed
+  ): IndexedSeq<M>;
+
+  flatMap<M>(
+    mapper: (value: T, index: number, iter: this) => Iterable<M>,
+    context?: mixed
+  ): IndexedSeq<M>;
+
+  flatten(depth?: number): IndexedSeq<any>;
+  flatten(shallow?: boolean): IndexedSeq<any>;
+
+  zip<A>(a: Iterable<A>, ..._: []): IndexedSeq<[T, A]>;
+  zip<A, B>(a: Iterable<A>, b: Iterable<B>, ..._: []): IndexedSeq<[T, A, B]>;
+  zip<A, B, C>(
+    a: Iterable<A>,
+    b: Iterable<B>,
+    c: Iterable<C>,
+    ..._: []
+  ): IndexedSeq<[T, A, B, C]>;
+  zip<A, B, C, D>(
+    a: Iterable<A>,
+    b: Iterable<B>,
+    c: Iterable<C>,
+    d: Iterable<D>,
+    ..._: []
+  ): IndexedSeq<[T, A, B, C, D]>;
+  zip<A, B, C, D, E>(
+    a: Iterable<A>,
+    b: Iterable<B>,
+    c: Iterable<C>,
+    d: Iterable<D>,
+    e: Iterable<E>,
+    ..._: []
+  ): IndexedSeq<[T, A, B, C, D, E]>;
+
+  zipAll<A>(a: Iterable<A>, ..._: []): IndexedSeq<[T | void, A | void]>;
+  zipAll<A, B>(
+    a: Iterable<A>,
+    b: Iterable<B>,
+    ..._: []
+  ): IndexedSeq<[T | void, A | void, B | void]>;
+  zipAll<A, B, C>(
+    a: Iterable<A>,
+    b: Iterable<B>,
+    c: Iterable<C>,
+    ..._: []
+  ): IndexedSeq<[T | void, A | void, B | void, C | void]>;
+  zipAll<A, B, C, D>(
+    a: Iterable<A>,
+    b: Iterable<B>,
+    c: Iterable<C>,
+    d: Iterable<D>,
+    ..._: []
+  ): IndexedSeq<[T | void, A | void, B | void, C | void, D | void]>;
+  zipAll<A, B, C, D, E>(
+    a: Iterable<A>,
+    b: Iterable<B>,
+    c: Iterable<C>,
+    d: Iterable<D>,
+    e: Iterable<E>,
+    ..._: []
+  ): IndexedSeq<[T | void, A | void, B | void, C | void, D | void, E | void]>;
+
+  zipWith<A, R>(
+    zipper: (value: T, a: A) => R,
+    a: Iterable<A>,
+    ..._: []
+  ): IndexedSeq<R>;
+  zipWith<A, B, R>(
+    zipper: (value: T, a: A, b: B) => R,
+    a: Iterable<A>,
+    b: Iterable<B>,
+    ..._: []
+  ): IndexedSeq<R>;
+  zipWith<A, B, C, R>(
+    zipper: (value: T, a: A, b: B, c: C) => R,
+    a: Iterable<A>,
+    b: Iterable<B>,
+    c: Iterable<C>,
+    ..._: []
+  ): IndexedSeq<R>;
+  zipWith<A, B, C, D, R>(
+    zipper: (value: T, a: A, b: B, c: C, d: D) => R,
+    a: Iterable<A>,
+    b: Iterable<B>,
+    c: Iterable<C>,
+    d: Iterable<D>,
+    ..._: []
+  ): IndexedSeq<R>;
+  zipWith<A, B, C, D, E, R>(
+    zipper: (value: T, a: A, b: B, c: C, d: D, e: E) => R,
+    a: Iterable<A>,
+    b: Iterable<B>,
+    c: Iterable<C>,
+    d: Iterable<D>,
+    e: Iterable<E>,
+    ..._: []
+  ): IndexedSeq<R>;
+}
+
+declare class SetSeq<+T> extends Seq<T, T> mixins SetCollection<T> {
+  static <T>(values?: Iterable<T>): SetSeq<T>;
+
+  static of<T>(...values: T[]): SetSeq<T>;
+
+  // Override specialized return types
+
+  concat<U>(...collections: Iterable<U>[]): SetSeq<T | U>;
+
+  filter(predicate: typeof Boolean): SetSeq<$NonMaybeType<T>>;
+  filter(
+    predicate: (value: T, value: T, iter: this) => mixed,
+    context?: mixed
+  ): SetSeq<T>;
+
+  partition(
+    predicate: (value: T, value: T, iter: this) => mixed,
+    context?: mixed
+  ): [this, this];
+
+  map<M>(
+    mapper: (value: T, value: T, iter: this) => M,
+    context?: mixed
+  ): SetSeq<M>;
+
+  flatMap<M>(
+    mapper: (value: T, value: T, iter: this) => Iterable<M>,
+    context?: mixed
+  ): SetSeq<M>;
+
+  flatten(depth?: number): SetSeq<any>;
+  flatten(shallow?: boolean): SetSeq<any>;
+}
+
+declare class UpdatableInCollection<K, +V> {
+  setIn<S>(keyPath: [], value: S): S;
+  setIn(keyPath: [K], value: V): this;
+  setIn<K2: $KeyOf<V>, S: $ValOf<V, K2>>(keyPath: [K, K2], value: S): this;
+  setIn<K2: $KeyOf<V>, K3: $KeyOf<$ValOf<V, K2>>, S: $ValOf<$ValOf<V, K2>, K3>>(
+    keyPath: [K, K2, K3],
+    value: S
+  ): this;
+  setIn<
+    K2: $KeyOf<V>,
+    K3: $KeyOf<$ValOf<V, K2>>,
+    K4: $KeyOf<$ValOf<$ValOf<V, K2>, K3>>,
+    S: $ValOf<$ValOf<$ValOf<V, K2>, K3>, K4>,
+  >(
+    keyPath: [K, K2, K3, K4],
+    value: S
+  ): this;
+  setIn<
+    K2: $KeyOf<V>,
+    K3: $KeyOf<$ValOf<V, K2>>,
+    K4: $KeyOf<$ValOf<$ValOf<V, K2>, K3>>,
+    K5: $KeyOf<$ValOf<$ValOf<$ValOf<V, K2>, K3>, K4>>,
+    S: $ValOf<$ValOf<$ValOf<$ValOf<V, K2>, K3>, K4>, K5>,
+  >(
+    keyPath: [K, K2, K3, K4, K5],
+    value: S
+  ): this;
+
+  deleteIn(keyPath: []): void;
+  deleteIn(keyPath: [K]): this;
+  deleteIn<K2: $KeyOf<V>>(keyPath: [K, K2]): this;
+  deleteIn<K2: $KeyOf<V>, K3: $KeyOf<$ValOf<V, K2>>>(
+    keyPath: [K, K2, K3]
+  ): this;
+  deleteIn<
+    K2: $KeyOf<V>,
+    K3: $KeyOf<$ValOf<V, K2>>,
+    K4: $KeyOf<$ValOf<$ValOf<V, K2>, K3>>,
+  >(
+    keyPath: [K, K2, K3, K4]
+  ): this;
+  deleteIn<
+    K2: $KeyOf<V>,
+    K3: $KeyOf<$ValOf<V, K2>>,
+    K4: $KeyOf<$ValOf<$ValOf<V, K2>, K3>>,
+    K5: $KeyOf<$ValOf<$ValOf<$ValOf<V, K2>, K3>, K4>>,
+  >(
+    keyPath: [K, K2, K3, K4, K5]
+  ): this;
+
+  removeIn(keyPath: []): void;
+  removeIn(keyPath: [K]): this;
+  removeIn<K2: $KeyOf<V>>(keyPath: [K, K2]): this;
+  removeIn<K2: $KeyOf<V>, K3: $KeyOf<$ValOf<V, K2>>>(
+    keyPath: [K, K2, K3]
+  ): this;
+  removeIn<
+    K2: $KeyOf<V>,
+    K3: $KeyOf<$ValOf<V, K2>>,
+    K4: $KeyOf<$ValOf<$ValOf<V, K2>, K3>>,
+  >(
+    keyPath: [K, K2, K3, K4]
+  ): this;
+  removeIn<
+    K2: $KeyOf<V>,
+    K3: $KeyOf<$ValOf<V, K2>>,
+    K4: $KeyOf<$ValOf<$ValOf<V, K2>, K3>>,
+    K5: $KeyOf<$ValOf<$ValOf<$ValOf<V, K2>, K3>, K4>>,
+  >(
+    keyPath: [K, K2, K3, K4, K5]
+  ): this;
+
+  updateIn<U>(keyPath: [], notSetValue: mixed, updater: (value: this) => U): U;
+  updateIn<U>(keyPath: [], updater: (value: this) => U): U;
+  updateIn<NSV>(keyPath: [K], notSetValue: NSV, updater: (value: V) => V): this;
+  updateIn(keyPath: [K], updater: (value: V) => V): this;
+  updateIn<NSV, K2: $KeyOf<V>, S: $ValOf<V, K2>>(
+    keyPath: [K, K2],
+    notSetValue: NSV,
+    updater: (value: $ValOf<V, K2> | NSV) => S
+  ): this;
+  updateIn<K2: $KeyOf<V>, S: $ValOf<V, K2>>(
+    keyPath: [K, K2],
+    updater: (value: $ValOf<V, K2>) => S
+  ): this;
+  updateIn<
+    NSV,
+    K2: $KeyOf<V>,
+    K3: $KeyOf<$ValOf<V, K2>>,
+    S: $ValOf<$ValOf<V, K2>, K3>,
+  >(
+    keyPath: [K, K2, K3],
+    notSetValue: NSV,
+    updater: (value: $ValOf<$ValOf<V, K2>, K3> | NSV) => S
+  ): this;
+  updateIn<
+    K2: $KeyOf<V>,
+    K3: $KeyOf<$ValOf<V, K2>>,
+    S: $ValOf<$ValOf<V, K2>, K3>,
+  >(
+    keyPath: [K, K2, K3],
+    updater: (value: $ValOf<$ValOf<V, K2>, K3>) => S
+  ): this;
+  updateIn<
+    NSV,
+    K2: $KeyOf<V>,
+    K3: $KeyOf<$ValOf<V, K2>>,
+    K4: $KeyOf<$ValOf<$ValOf<V, K2>, K3>>,
+    S: $ValOf<$ValOf<$ValOf<V, K2>, K3>, K4>,
+  >(
+    keyPath: [K, K2, K3, K4],
+    notSetValue: NSV,
+    updater: (value: $ValOf<$ValOf<$ValOf<V, K2>, K3>, K4> | NSV) => S
+  ): this;
+  updateIn<
+    K2: $KeyOf<V>,
+    K3: $KeyOf<$ValOf<V, K2>>,
+    K4: $KeyOf<$ValOf<$ValOf<V, K2>, K3>>,
+    S: $ValOf<$ValOf<$ValOf<V, K2>, K3>, K4>,
+  >(
+    keyPath: [K, K2, K3, K4],
+    updater: (value: $ValOf<$ValOf<$ValOf<V, K2>, K3>, K4>) => S
+  ): this;
+  updateIn<
+    NSV,
+    K2: $KeyOf<V>,
+    K3: $KeyOf<$ValOf<V, K2>>,
+    K4: $KeyOf<$ValOf<$ValOf<V, K2>, K3>>,
+    K5: $KeyOf<$ValOf<$ValOf<$ValOf<V, K2>, K3>, K4>>,
+    S: $ValOf<$ValOf<$ValOf<$ValOf<V, K2>, K3>, K4>, K5>,
+  >(
+    keyPath: [K, K2, K3, K4, K5],
+    notSetValue: NSV,
+    updater: (
+      value: $ValOf<$ValOf<$ValOf<$ValOf<V, K2>, K3>, K4>, K5> | NSV
+    ) => S
+  ): this;
+  updateIn<
+    K2: $KeyOf<V>,
+    K3: $KeyOf<$ValOf<V, K2>>,
+    K4: $KeyOf<$ValOf<$ValOf<V, K2>, K3>>,
+    K5: $KeyOf<$ValOf<$ValOf<$ValOf<V, K2>, K3>, K4>>,
+    S: $ValOf<$ValOf<$ValOf<$ValOf<V, K2>, K3>, K4>, K5>,
+  >(
+    keyPath: [K, K2, K3, K4, K5],
+    updater: (value: $ValOf<$ValOf<$ValOf<$ValOf<V, K2>, K3>, K4>, K5>) => S
+  ): this;
+}
+
+declare function isList(maybeList: mixed): boolean %checks(maybeList instanceof
+  List);
+declare class List<+T>
+  extends IndexedCollection<T>
+  mixins UpdatableInCollection<number, T>
+{
+  static <T>(collection?: Iterable<T>): List<T>;
+
+  static of<T>(...values: T[]): List<T>;
+
+  static isList: typeof isList;
+
+  size: number;
+
+  set<U>(index: number, value: U): List<T | U>;
+  delete(index: number): this;
+  remove(index: number): this;
+  insert<U>(index: number, value: U): List<T | U>;
+  clear(): this;
+  push<U>(...values: U[]): List<T | U>;
+  pop(): this;
+  unshift<U>(...values: U[]): List<T | U>;
+  shift(): this;
+
+  update<U>(updater: (value: this) => U): U;
+  update<U>(index: number, updater: (value: T) => U): List<T | U>;
+  update<U>(
+    index: number,
+    notSetValue: U,
+    updater: (value: T) => U
+  ): List<T | U>;
+
+  merge<U>(...collections: Iterable<U>[]): List<T | U>;
+
+  setSize(size: number): this;
+
+  mergeIn(keyPath: Iterable<mixed>, ...collections: Iterable<mixed>[]): this;
+  mergeDeepIn(
+    keyPath: Iterable<mixed>,
+    ...collections: Iterable<mixed>[]
+  ): this;
+
+  withMutations(mutator: (mutable: this) => mixed): this;
+  asMutable(): this;
+  wasAltered(): boolean;
+  asImmutable(): this;
+
+  // Override specialized return types
+
+  concat<C>(...iters: Array<Iterable<C> | C>): List<T | C>;
+
+  filter(predicate: typeof Boolean): List<$NonMaybeType<T>>;
+  filter(
+    predicate: (value: T, index: number, iter: this) => mixed,
+    context?: mixed
+  ): List<T>;
+
+  partition(
+    predicate: (value: T, index: number, iter: this) => mixed,
+    context?: mixed
+  ): [this, this];
+
+  map<M>(
+    mapper: (value: T, index: number, iter: this) => M,
+    context?: mixed
+  ): List<M>;
+
+  flatMap<M>(
+    mapper: (value: T, index: number, iter: this) => Iterable<M>,
+    context?: mixed
+  ): List<M>;
+
+  flatten(depth?: number): List<any>;
+  flatten(shallow?: boolean): List<any>;
+
+  zip<A>(a: Iterable<A>, ..._: []): List<[T, A]>;
+  zip<A, B>(a: Iterable<A>, b: Iterable<B>, ..._: []): List<[T, A, B]>;
+  zip<A, B, C>(
+    a: Iterable<A>,
+    b: Iterable<B>,
+    c: Iterable<C>,
+    ..._: []
+  ): List<[T, A, B, C]>;
+  zip<A, B, C, D>(
+    a: Iterable<A>,
+    b: Iterable<B>,
+    c: Iterable<C>,
+    d: Iterable<D>,
+    ..._: []
+  ): List<[T, A, B, C, D]>;
+  zip<A, B, C, D, E>(
+    a: Iterable<A>,
+    b: Iterable<B>,
+    c: Iterable<C>,
+    d: Iterable<D>,
+    e: Iterable<E>,
+    ..._: []
+  ): List<[T, A, B, C, D, E]>;
+
+  zipAll<A>(a: Iterable<A>, ..._: []): List<[T | void, A | void]>;
+  zipAll<A, B>(
+    a: Iterable<A>,
+    b: Iterable<B>,
+    ..._: []
+  ): List<[T | void, A | void, B | void]>;
+  zipAll<A, B, C>(
+    a: Iterable<A>,
+    b: Iterable<B>,
+    c: Iterable<C>,
+    ..._: []
+  ): List<[T | void, A | void, B | void, C | void]>;
+  zipAll<A, B, C, D>(
+    a: Iterable<A>,
+    b: Iterable<B>,
+    c: Iterable<C>,
+    d: Iterable<D>,
+    ..._: []
+  ): List<[T | void, A | void, B | void, C | void, D | void]>;
+  zipAll<A, B, C, D, E>(
+    a: Iterable<A>,
+    b: Iterable<B>,
+    c: Iterable<C>,
+    d: Iterable<D>,
+    e: Iterable<E>,
+    ..._: []
+  ): List<[T | void, A | void, B | void, C | void, D | void, E | void]>;
+
+  zipWith<A, R>(
+    zipper: (value: T, a: A) => R,
+    a: Iterable<A>,
+    ..._: []
+  ): List<R>;
+  zipWith<A, B, R>(
+    zipper: (value: T, a: A, b: B) => R,
+    a: Iterable<A>,
+    b: Iterable<B>,
+    ..._: []
+  ): List<R>;
+  zipWith<A, B, C, R>(
+    zipper: (value: T, a: A, b: B, c: C) => R,
+    a: Iterable<A>,
+    b: Iterable<B>,
+    c: Iterable<C>,
+    ..._: []
+  ): List<R>;
+  zipWith<A, B, C, D, R>(
+    zipper: (value: T, a: A, b: B, c: C, d: D) => R,
+    a: Iterable<A>,
+    b: Iterable<B>,
+    c: Iterable<C>,
+    d: Iterable<D>,
+    ..._: []
+  ): List<R>;
+  zipWith<A, B, C, D, E, R>(
+    zipper: (value: T, a: A, b: B, c: C, d: D, e: E) => R,
+    a: Iterable<A>,
+    b: Iterable<B>,
+    c: Iterable<C>,
+    d: Iterable<D>,
+    e: Iterable<E>,
+    ..._: []
+  ): List<R>;
+}
+
+declare function isMap(maybeMap: mixed): boolean %checks(maybeMap instanceof
+  Map);
+declare class Map<K, +V>
+  extends KeyedCollection<K, V>
+  mixins UpdatableInCollection<K, V>
+{
+  static <K, V>(values?: Iterable<[K, V]> | PlainObjInput<K, V>): Map<K, V>;
+
+  static isMap: typeof isMap;
+
+  size: number;
+
+  set<K_, V_>(key: K_, value: V_): Map<K | K_, V | V_>;
+  delete(key: K): this;
+  remove(key: K): this;
+  clear(): this;
+
+  deleteAll(keys: Iterable<K>): Map<K, V>;
+  removeAll(keys: Iterable<K>): Map<K, V>;
+
+  update<U>(updater: (value: this) => U): U;
+  update<V_>(key: K, updater: (value: V) => V_): Map<K, V | V_>;
+  update<V_>(
+    key: K,
+    notSetValue: V_,
+    updater: (value: V) => V_
+  ): Map<K, V | V_>;
+
+  merge<K_, V_>(
+    ...collections: (Iterable<[K_, V_]> | PlainObjInput<K_, V_>)[]
+  ): Map<K | K_, V | V_>;
+  concat<K_, V_>(
+    ...collections: (Iterable<[K_, V_]> | PlainObjInput<K_, V_>)[]
+  ): Map<K | K_, V | V_>;
+
+  mergeWith<K_, W, X>(
+    merger: (oldVal: V, newVal: W, key: K) => X,
+    ...collections: (Iterable<[K_, W]> | PlainObjInput<K_, W>)[]
+  ): Map<K | K_, V | W | X>;
+
+  mergeDeep<K_, V_>(
+    ...collections: (Iterable<[K_, V_]> | PlainObjInput<K_, V_>)[]
+  ): Map<K | K_, V | V_>;
+
+  mergeDeepWith<K_, V_>(
+    merger: (oldVal: any, newVal: any, key: any) => mixed,
+    ...collections: (Iterable<[K_, V_]> | PlainObjInput<K_, V_>)[]
+  ): Map<K | K_, V | V_>;
+
+  mergeIn(
+    keyPath: Iterable<mixed>,
+    ...collections: (Iterable<mixed> | PlainObjInput<mixed, mixed>)[]
+  ): this;
+  mergeDeepIn(
+    keyPath: Iterable<mixed>,
+    ...collections: (Iterable<mixed> | PlainObjInput<mixed, mixed>)[]
+  ): this;
+
+  withMutations(mutator: (mutable: this) => mixed): this;
+  asMutable(): this;
+  wasAltered(): boolean;
+  asImmutable(): this;
+
+  // Override specialized return types
+
+  flip(): Map<V, K>;
+
+  filter(predicate: typeof Boolean): Map<K, $NonMaybeType<V>>;
+  filter(
+    predicate: (value: V, key: K, iter: this) => mixed,
+    context?: mixed
+  ): Map<K, V>;
+
+  partition(
+    predicate: (value: V, key: K, iter: this) => mixed,
+    context?: mixed
+  ): [this, this];
+
+  map<M>(
+    mapper: (value: V, key: K, iter: this) => M,
+    context?: mixed
+  ): Map<K, M>;
+
+  mapKeys<M>(
+    mapper: (key: K, value: V, iter: this) => M,
+    context?: mixed
+  ): Map<M, V>;
+
+  mapEntries<KM, VM>(
+    mapper: (entry: [K, V], index: number, iter: this) => [KM, VM],
+    context?: mixed
+  ): Map<KM, VM>;
+
+  flatMap<KM, VM>(
+    mapper: (value: V, key: K, iter: this) => Iterable<[KM, VM]>,
+    context?: mixed
+  ): Map<KM, VM>;
+
+  flatten(depth?: number): Map<any, any>;
+  flatten(shallow?: boolean): Map<any, any>;
+}
+
+declare function isOrderedMap(
+  maybeOrderedMap: mixed
+): boolean %checks(maybeOrderedMap instanceof OrderedMap);
+declare class OrderedMap<K, +V>
+  extends Map<K, V>
+  mixins UpdatableInCollection<K, V>
+{
+  static <K, V>(
+    values?: Iterable<[K, V]> | PlainObjInput<K, V>
+  ): OrderedMap<K, V>;
+
+  static isOrderedMap: typeof isOrderedMap;
+
+  size: number;
+
+  set<K_, V_>(key: K_, value: V_): OrderedMap<K | K_, V | V_>;
+  delete(key: K): this;
+  remove(key: K): this;
+  clear(): this;
+
+  update<U>(updater: (value: this) => U): U;
+  update<V_>(key: K, updater: (value: V) => V_): OrderedMap<K, V | V_>;
+  update<V_>(
+    key: K,
+    notSetValue: V_,
+    updater: (value: V) => V_
+  ): OrderedMap<K, V | V_>;
+
+  merge<K_, V_>(
+    ...collections: (Iterable<[K_, V_]> | PlainObjInput<K_, V_>)[]
+  ): OrderedMap<K | K_, V | V_>;
+  concat<K_, V_>(
+    ...collections: (Iterable<[K_, V_]> | PlainObjInput<K_, V_>)[]
+  ): OrderedMap<K | K_, V | V_>;
+
+  mergeWith<K_, W, X>(
+    merger: (oldVal: V, newVal: W, key: K) => X,
+    ...collections: (Iterable<[K_, W]> | PlainObjInput<K_, W>)[]
+  ): OrderedMap<K | K_, V | W | X>;
+
+  mergeDeep<K_, V_>(
+    ...collections: (Iterable<[K_, V_]> | PlainObjInput<K_, V_>)[]
+  ): OrderedMap<K | K_, V | V_>;
+
+  mergeDeepWith<K_, V_>(
+    merger: (oldVal: any, newVal: any, key: any) => mixed,
+    ...collections: (Iterable<[K_, V_]> | PlainObjInput<K_, V_>)[]
+  ): OrderedMap<K | K_, V | V_>;
+
+  mergeIn(
+    keyPath: Iterable<mixed>,
+    ...collections: (Iterable<mixed> | PlainObjInput<mixed, mixed>)[]
+  ): this;
+  mergeDeepIn(
+    keyPath: Iterable<mixed>,
+    ...collections: (Iterable<mixed> | PlainObjInput<mixed, mixed>)[]
+  ): this;
+
+  withMutations(mutator: (mutable: this) => mixed): this;
+  asMutable(): this;
+  wasAltered(): boolean;
+  asImmutable(): this;
+
+  // Override specialized return types
+
+  flip(): OrderedMap<V, K>;
+
+  filter(predicate: typeof Boolean): OrderedMap<K, $NonMaybeType<V>>;
+  filter(
+    predicate: (value: V, key: K, iter: this) => mixed,
+    context?: mixed
+  ): OrderedMap<K, V>;
+
+  partition(
+    predicate: (value: V, key: K, iter: this) => mixed,
+    context?: mixed
+  ): [this, this];
+
+  map<M>(
+    mapper: (value: V, key: K, iter: this) => M,
+    context?: mixed
+  ): OrderedMap<K, M>;
+
+  mapKeys<M>(
+    mapper: (key: K, value: V, iter: this) => M,
+    context?: mixed
+  ): OrderedMap<M, V>;
+
+  mapEntries<KM, VM>(
+    mapper: (entry: [K, V], index: number, iter: this) => [KM, VM],
+    context?: mixed
+  ): OrderedMap<KM, VM>;
+
+  flatMap<KM, VM>(
+    mapper: (value: V, key: K, iter: this) => Iterable<[KM, VM]>,
+    context?: mixed
+  ): OrderedMap<KM, VM>;
+
+  flatten(depth?: number): OrderedMap<any, any>;
+  flatten(shallow?: boolean): OrderedMap<any, any>;
+}
+
+declare function isSet(maybeSet: mixed): boolean %checks(maybeSet instanceof
+  Set);
+declare class Set<+T> extends SetCollection<T> {
+  static <T>(values?: Iterable<T>): Set<T>;
+
+  static of<T>(...values: T[]): Set<T>;
+  static fromKeys<T>(
+    values: Iterable<[T, mixed]> | PlainObjInput<T, mixed>
+  ): Set<T>;
+
+  static intersect<T>(sets: Iterable<Iterable<T>>): Set<T>;
+  static union<T>(sets: Iterable<Iterable<T>>): Set<T>;
+
+  static isSet: typeof isSet;
+
+  size: number;
+
+  add<U>(value: U): Set<T | U>;
+  delete(value: T): this;
+  remove(value: T): this;
+  clear(): this;
+  union<U>(...collections: Iterable<U>[]): Set<T | U>;
+  merge<U>(...collections: Iterable<U>[]): Set<T | U>;
+  concat<U>(...collections: Iterable<U>[]): Set<T | U>;
+  intersect<U>(...collections: Iterable<U>[]): Set<T & U>;
+  subtract(...collections: Iterable<mixed>[]): this;
+
+  withMutations(mutator: (mutable: this) => mixed): this;
+  asMutable(): this;
+  wasAltered(): boolean;
+  asImmutable(): this;
+
+  // Override specialized return types
+
+  filter(predicate: typeof Boolean): Set<$NonMaybeType<T>>;
+  filter(
+    predicate: (value: T, value: T, iter: this) => mixed,
+    context?: mixed
+  ): Set<T>;
+
+  partition(
+    predicate: (value: T, value: T, iter: this) => mixed,
+    context?: mixed
+  ): [this, this];
+
+  map<M>(
+    mapper: (value: T, value: T, iter: this) => M,
+    context?: mixed
+  ): Set<M>;
+
+  flatMap<M>(
+    mapper: (value: T, value: T, iter: this) => Iterable<M>,
+    context?: mixed
+  ): Set<M>;
+
+  flatten(depth?: number): Set<any>;
+  flatten(shallow?: boolean): Set<any>;
+}
+
+// Overrides except for `isOrderedSet` are for specialized return types
+declare function isOrderedSet(
+  maybeOrderedSet: mixed
+): boolean %checks(maybeOrderedSet instanceof OrderedSet);
+declare class OrderedSet<+T> extends Set<T> {
+  static <T>(values?: Iterable<T>): OrderedSet<T>;
+
+  static of<T>(...values: T[]): OrderedSet<T>;
+  static fromKeys<T>(
+    values: Iterable<[T, mixed]> | PlainObjInput<T, mixed>
+  ): OrderedSet<T>;
+
+  static isOrderedSet: typeof isOrderedSet;
+
+  size: number;
+
+  add<U>(value: U): OrderedSet<T | U>;
+  union<U>(...collections: Iterable<U>[]): OrderedSet<T | U>;
+  merge<U>(...collections: Iterable<U>[]): OrderedSet<T | U>;
+  concat<U>(...collections: Iterable<U>[]): OrderedSet<T | U>;
+  intersect<U>(...collections: Iterable<U>[]): OrderedSet<T & U>;
+
+  filter(predicate: typeof Boolean): OrderedSet<$NonMaybeType<T>>;
+  filter(
+    predicate: (value: T, value: T, iter: this) => mixed,
+    context?: mixed
+  ): OrderedSet<T>;
+
+  partition(
+    predicate: (value: T, value: T, iter: this) => mixed,
+    context?: mixed
+  ): [this, this];
+
+  map<M>(
+    mapper: (value: T, value: T, iter: this) => M,
+    context?: mixed
+  ): OrderedSet<M>;
+
+  flatMap<M>(
+    mapper: (value: T, value: T, iter: this) => Iterable<M>,
+    context?: mixed
+  ): OrderedSet<M>;
+
+  flatten(depth?: number): OrderedSet<any>;
+  flatten(shallow?: boolean): OrderedSet<any>;
+
+  zip<A>(a: Iterable<A>, ..._: []): OrderedSet<[T, A]>;
+  zip<A, B>(a: Iterable<A>, b: Iterable<B>, ..._: []): OrderedSet<[T, A, B]>;
+  zip<A, B, C>(
+    a: Iterable<A>,
+    b: Iterable<B>,
+    c: Iterable<C>,
+    ..._: []
+  ): OrderedSet<[T, A, B, C]>;
+  zip<A, B, C, D>(
+    a: Iterable<A>,
+    b: Iterable<B>,
+    c: Iterable<C>,
+    d: Iterable<D>,
+    ..._: []
+  ): OrderedSet<[T, A, B, C, D]>;
+  zip<A, B, C, D, E>(
+    a: Iterable<A>,
+    b: Iterable<B>,
+    c: Iterable<C>,
+    d: Iterable<D>,
+    e: Iterable<E>,
+    ..._: []
+  ): OrderedSet<[T, A, B, C, D, E]>;
+
+  zipAll<A>(a: Iterable<A>, ..._: []): OrderedSet<[T | void, A | void]>;
+  zipAll<A, B>(
+    a: Iterable<A>,
+    b: Iterable<B>,
+    ..._: []
+  ): OrderedSet<[T | void, A | void, B | void]>;
+  zipAll<A, B, C>(
+    a: Iterable<A>,
+    b: Iterable<B>,
+    c: Iterable<C>,
+    ..._: []
+  ): OrderedSet<[T | void, A | void, B | void, C | void]>;
+  zipAll<A, B, C, D>(
+    a: Iterable<A>,
+    b: Iterable<B>,
+    c: Iterable<C>,
+    d: Iterable<D>,
+    ..._: []
+  ): OrderedSet<[T | void, A | void, B | void, C | void, D | void]>;
+  zipAll<A, B, C, D, E>(
+    a: Iterable<A>,
+    b: Iterable<B>,
+    c: Iterable<C>,
+    d: Iterable<D>,
+    e: Iterable<E>,
+    ..._: []
+  ): OrderedSet<[T | void, A | void, B | void, C | void, D | void, E | void]>;
+
+  zipWith<A, R>(
+    zipper: (value: T, a: A) => R,
+    a: Iterable<A>,
+    ..._: []
+  ): OrderedSet<R>;
+  zipWith<A, B, R>(
+    zipper: (value: T, a: A, b: B) => R,
+    a: Iterable<A>,
+    b: Iterable<B>,
+    ..._: []
+  ): OrderedSet<R>;
+  zipWith<A, B, C, R>(
+    zipper: (value: T, a: A, b: B, c: C) => R,
+    a: Iterable<A>,
+    b: Iterable<B>,
+    c: Iterable<C>,
+    ..._: []
+  ): OrderedSet<R>;
+  zipWith<A, B, C, D, R>(
+    zipper: (value: T, a: A, b: B, c: C, d: D) => R,
+    a: Iterable<A>,
+    b: Iterable<B>,
+    c: Iterable<C>,
+    d: Iterable<D>,
+    ..._: []
+  ): OrderedSet<R>;
+  zipWith<A, B, C, D, E, R>(
+    zipper: (value: T, a: A, b: B, c: C, d: D, e: E) => R,
+    a: Iterable<A>,
+    b: Iterable<B>,
+    c: Iterable<C>,
+    d: Iterable<D>,
+    e: Iterable<E>,
+    ..._: []
+  ): OrderedSet<R>;
+}
+
+declare function isStack(
+  maybeStack: mixed
+): boolean %checks(maybeStack instanceof Stack);
+declare class Stack<+T> extends IndexedCollection<T> {
+  static <T>(collection?: Iterable<T>): Stack<T>;
+
+  static isStack(maybeStack: mixed): boolean;
+  static of<T>(...values: T[]): Stack<T>;
+
+  static isStack: typeof isStack;
+
+  size: number;
+
+  peek(): T;
+  clear(): this;
+  unshift<U>(...values: U[]): Stack<T | U>;
+  unshiftAll<U>(iter: Iterable<U>): Stack<T | U>;
+  shift(): this;
+  push<U>(...values: U[]): Stack<T | U>;
+  pushAll<U>(iter: Iterable<U>): Stack<T | U>;
+  pop(): this;
+
+  withMutations(mutator: (mutable: this) => mixed): this;
+  asMutable(): this;
+  wasAltered(): boolean;
+  asImmutable(): this;
+
+  // Override specialized return types
+
+  concat<C>(...iters: Array<Iterable<C> | C>): Stack<T | C>;
+
+  filter(predicate: typeof Boolean): Stack<$NonMaybeType<T>>;
+  filter(
+    predicate: (value: T, index: number, iter: this) => mixed,
+    context?: mixed
+  ): Stack<T>;
+
+  map<M>(
+    mapper: (value: T, index: number, iter: this) => M,
+    context?: mixed
+  ): Stack<M>;
+
+  flatMap<M>(
+    mapper: (value: T, index: number, iter: this) => Iterable<M>,
+    context?: mixed
+  ): Stack<M>;
+
+  flatten(depth?: number): Stack<any>;
+  flatten(shallow?: boolean): Stack<any>;
+
+  zip<A>(a: Iterable<A>, ..._: []): Stack<[T, A]>;
+  zip<A, B>(a: Iterable<A>, b: Iterable<B>, ..._: []): Stack<[T, A, B]>;
+  zip<A, B, C>(
+    a: Iterable<A>,
+    b: Iterable<B>,
+    c: Iterable<C>,
+    ..._: []
+  ): Stack<[T, A, B, C]>;
+  zip<A, B, C, D>(
+    a: Iterable<A>,
+    b: Iterable<B>,
+    c: Iterable<C>,
+    d: Iterable<D>,
+    ..._: []
+  ): Stack<[T, A, B, C, D]>;
+  zip<A, B, C, D, E>(
+    a: Iterable<A>,
+    b: Iterable<B>,
+    c: Iterable<C>,
+    d: Iterable<D>,
+    e: Iterable<E>,
+    ..._: []
+  ): Stack<[T, A, B, C, D, E]>;
+
+  zipAll<A>(a: Iterable<A>, ..._: []): Stack<[T | void, A | void]>;
+  zipAll<A, B>(
+    a: Iterable<A>,
+    b: Iterable<B>,
+    ..._: []
+  ): Stack<[T | void, A | void, B | void]>;
+  zipAll<A, B, C>(
+    a: Iterable<A>,
+    b: Iterable<B>,
+    c: Iterable<C>,
+    ..._: []
+  ): Stack<[T | void, A | void, B | void, C | void]>;
+  zipAll<A, B, C, D>(
+    a: Iterable<A>,
+    b: Iterable<B>,
+    c: Iterable<C>,
+    d: Iterable<D>,
+    ..._: []
+  ): Stack<[T | void, A | void, B | void, C | void, D | void]>;
+  zipAll<A, B, C, D, E>(
+    a: Iterable<A>,
+    b: Iterable<B>,
+    c: Iterable<C>,
+    d: Iterable<D>,
+    e: Iterable<E>,
+    ..._: []
+  ): Stack<[T | void, A | void, B | void, C | void, D | void, E | void]>;
+
+  zipWith<A, R>(
+    zipper: (value: T, a: A) => R,
+    a: Iterable<A>,
+    ..._: []
+  ): Stack<R>;
+  zipWith<A, B, R>(
+    zipper: (value: T, a: A, b: B) => R,
+    a: Iterable<A>,
+    b: Iterable<B>,
+    ..._: []
+  ): Stack<R>;
+  zipWith<A, B, C, R>(
+    zipper: (value: T, a: A, b: B, c: C) => R,
+    a: Iterable<A>,
+    b: Iterable<B>,
+    c: Iterable<C>,
+    ..._: []
+  ): Stack<R>;
+  zipWith<A, B, C, D, R>(
+    zipper: (value: T, a: A, b: B, c: C, d: D) => R,
+    a: Iterable<A>,
+    b: Iterable<B>,
+    c: Iterable<C>,
+    d: Iterable<D>,
+    ..._: []
+  ): Stack<R>;
+  zipWith<A, B, C, D, E, R>(
+    zipper: (value: T, a: A, b: B, c: C, d: D, e: E) => R,
+    a: Iterable<A>,
+    b: Iterable<B>,
+    c: Iterable<C>,
+    d: Iterable<D>,
+    e: Iterable<E>,
+    ..._: []
+  ): Stack<R>;
+}
+
+declare function Range(
+  start?: number,
+  end?: number,
+  step?: number
+): IndexedSeq<number>;
+declare function Repeat<T>(value: T, times?: number): IndexedSeq<T>;
+
+// The type of a Record factory function.
+type RecordFactory<Values: Object> = Class<RecordInstance<Values>>;
+
+// The type of runtime Record instances.
+type RecordOf<Values: Object> = RecordInstance<Values> & $ReadOnly<Values>;
+
+// The values of a Record instance.
+type _RecordValues<T, R: RecordInstance<T> | T> = R;
+type RecordValues<R> = _RecordValues<*, R>;
+
+declare function isRecord(
+  maybeRecord: any
+): boolean %checks(maybeRecord instanceof RecordInstance);
+declare class Record {
+  static <Values: Object>(spec: Values, name?: string): typeof RecordInstance;
+  constructor<Values: Object>(
+    spec: Values,
+    name?: string
+  ): typeof RecordInstance;
+
+  static isRecord: typeof isRecord;
+
+  static getDescriptiveName(record: RecordInstance<any>): string;
+}
+
+declare class RecordInstance<T: Object = Object> {
+  static (values?: Iterable<[$Keys<T>, $ValOf<T>]> | $Shape<T>): RecordOf<T>;
+  // Note: a constructor can only create an instance of RecordInstance<T>,
+  // it's encouraged to not use `new` when creating Records.
+  constructor(values?: Iterable<[$Keys<T>, $ValOf<T>]> | $Shape<T>): void;
+
+  size: number;
+
+  has(key: string): boolean;
+
+  get<K: $Keys<T>>(key: K, ..._: []): $ElementType<T, K>;
+  get<K: $Keys<T>, NSV>(key: K, notSetValue: NSV): $ElementType<T, K> | NSV;
+
+  hasIn(keyPath: Iterable<mixed>): boolean;
+
+  getIn(keyPath: [], notSetValue?: mixed): this & $ReadOnly<T>;
+  getIn<K: $Keys<T>>(keyPath: [K], notSetValue?: mixed): $ElementType<T, K>;
+  getIn<NSV, K: $Keys<T>, K2: $KeyOf<$ValOf<T, K>>>(
+    keyPath: [K, K2],
+    notSetValue: NSV
+  ): $ValOf<$ValOf<T, K>, K2> | NSV;
+  getIn<
+    NSV,
+    K: $Keys<T>,
+    K2: $KeyOf<$ValOf<T, K>>,
+    K3: $KeyOf<$ValOf<$ValOf<T, K>, K2>>,
+  >(
+    keyPath: [K, K2, K3],
+    notSetValue: NSV
+  ): $ValOf<$ValOf<$ValOf<T, K>, K2>, K3> | NSV;
+  getIn<
+    NSV,
+    K: $Keys<T>,
+    K2: $KeyOf<$ValOf<T, K>>,
+    K3: $KeyOf<$ValOf<$ValOf<T, K>, K2>>,
+    K4: $KeyOf<$ValOf<$ValOf<$ValOf<T, K>, K2>, K3>>,
+  >(
+    keyPath: [K, K2, K3, K4],
+    notSetValue: NSV
+  ): $ValOf<$ValOf<$ValOf<$ValOf<T, K>, K2>, K3>, K4> | NSV;
+  getIn<
+    NSV,
+    K: $Keys<T>,
+    K2: $KeyOf<$ValOf<T, K>>,
+    K3: $KeyOf<$ValOf<$ValOf<T, K>, K2>>,
+    K4: $KeyOf<$ValOf<$ValOf<$ValOf<T, K>, K2>, K3>>,
+    K5: $KeyOf<$ValOf<$ValOf<$ValOf<$ValOf<T, K>, K2>, K3>, K4>>,
+  >(
+    keyPath: [K, K2, K3, K4, K5],
+    notSetValue: NSV
+  ): $ValOf<$ValOf<$ValOf<$ValOf<$ValOf<T, K>, K2>, K3>, K4>, K5> | NSV;
+
+  equals(other: any): boolean;
+  hashCode(): number;
+
+  set<K: $Keys<T>>(key: K, value: $ElementType<T, K>): this & $ReadOnly<T>;
+  update<K: $Keys<T>>(
+    key: K,
+    updater: (value: $ElementType<T, K>) => $ElementType<T, K>
+  ): this & $ReadOnly<T>;
+  merge(
+    ...collections: Array<Iterable<[$Keys<T>, $ValOf<T>]> | $Shape<T>>
+  ): this & $ReadOnly<T>;
+  mergeDeep(
+    ...collections: Array<Iterable<[$Keys<T>, $ValOf<T>]> | $Shape<T>>
+  ): this & $ReadOnly<T>;
+
+  mergeWith(
+    merger: (oldVal: $ValOf<T>, newVal: $ValOf<T>, key: $Keys<T>) => $ValOf<T>,
+    ...collections: Array<Iterable<[$Keys<T>, $ValOf<T>]> | $Shape<T>>
+  ): this & $ReadOnly<T>;
+  mergeDeepWith(
+    merger: (oldVal: any, newVal: any, key: any) => any,
+    ...collections: Array<Iterable<[$Keys<T>, $ValOf<T>]> | $Shape<T>>
+  ): this & $ReadOnly<T>;
+
+  delete<K: $Keys<T>>(key: K): this & $ReadOnly<T>;
+  remove<K: $Keys<T>>(key: K): this & $ReadOnly<T>;
+  clear(): this & $ReadOnly<T>;
+
+  setIn<S>(keyPath: [], value: S): S;
+  setIn<K: $Keys<T>, S: $ValOf<T, K>>(
+    keyPath: [K],
+    value: S
+  ): this & $ReadOnly<T>;
+  setIn<K: $Keys<T>, K2: $KeyOf<$ValOf<T, K>>, S: $ValOf<$ValOf<T, K>, K2>>(
+    keyPath: [K, K2],
+    value: S
+  ): this & $ReadOnly<T>;
+  setIn<
+    K: $Keys<T>,
+    K2: $KeyOf<$ValOf<T, K>>,
+    K3: $KeyOf<$ValOf<$ValOf<T, K>, K2>>,
+    S: $ValOf<$ValOf<$ValOf<T, K>, K2>, K3>,
+  >(
+    keyPath: [K, K2, K3],
+    value: S
+  ): this & $ReadOnly<T>;
+  setIn<
+    K: $Keys<T>,
+    K2: $KeyOf<$ValOf<T, K>>,
+    K3: $KeyOf<$ValOf<$ValOf<T, K>, K2>>,
+    K4: $KeyOf<$ValOf<$ValOf<$ValOf<T, K>, K2>, K3>>,
+    S: $ValOf<$ValOf<$ValOf<$ValOf<T, K>, K2>, K3>, K4>,
+  >(
+    keyPath: [K, K2, K3, K4],
+    value: S
+  ): this & $ReadOnly<T>;
+  setIn<
+    K: $Keys<T>,
+    K2: $KeyOf<$ValOf<T, K>>,
+    K3: $KeyOf<$ValOf<$ValOf<T, K>, K2>>,
+    K4: $KeyOf<$ValOf<$ValOf<$ValOf<T, K>, K2>, K3>>,
+    K5: $KeyOf<$ValOf<$ValOf<$ValOf<$ValOf<T, K>, K2>, K3>, K4>>,
+    S: $ValOf<$ValOf<$ValOf<$ValOf<$ValOf<T, K>, K2>, K3>, K4>, K5>,
+  >(
+    keyPath: [K, K2, K3, K4, K5],
+    value: S
+  ): this & $ReadOnly<T>;
+
+  deleteIn(keyPath: []): void;
+  deleteIn<K: $Keys<T>>(keyPath: [K]): this & $ReadOnly<T>;
+  deleteIn<K: $Keys<T>, K2: $KeyOf<$ValOf<T, K>>>(
+    keyPath: [K, K2]
+  ): this & $ReadOnly<T>;
+  deleteIn<
+    K: $Keys<T>,
+    K2: $KeyOf<$ValOf<T, K>>,
+    K3: $KeyOf<$ValOf<$ValOf<T, K>, K2>>,
+  >(
+    keyPath: [K, K2, K3]
+  ): this & $ReadOnly<T>;
+  deleteIn<
+    K: $Keys<T>,
+    K2: $KeyOf<$ValOf<T, K>>,
+    K3: $KeyOf<$ValOf<$ValOf<T, K>, K2>>,
+    K4: $KeyOf<$ValOf<$ValOf<$ValOf<T, K>, K2>, K3>>,
+  >(
+    keyPath: [K, K2, K3, K4]
+  ): this & $ReadOnly<T>;
+  deleteIn<
+    K: $Keys<T>,
+    K2: $KeyOf<$ValOf<T, K>>,
+    K3: $KeyOf<$ValOf<$ValOf<T, K>, K2>>,
+    K4: $KeyOf<$ValOf<$ValOf<$ValOf<T, K>, K2>, K3>>,
+    K5: $KeyOf<$ValOf<$ValOf<$ValOf<$ValOf<T, K>, K2>, K3>, K4>>,
+  >(
+    keyPath: [K, K2, K3, K4, K5]
+  ): this & $ReadOnly<T>;
+
+  removeIn(keyPath: []): void;
+  removeIn<K: $Keys<T>>(keyPath: [K]): this & $ReadOnly<T>;
+  removeIn<K: $Keys<T>, K2: $KeyOf<$ValOf<T, K>>>(
+    keyPath: [K, K2]
+  ): this & $ReadOnly<T>;
+  removeIn<
+    K: $Keys<T>,
+    K2: $KeyOf<$ValOf<T, K>>,
+    K3: $KeyOf<$ValOf<$ValOf<T, K>, K2>>,
+  >(
+    keyPath: [K, K2, K3]
+  ): this & $ReadOnly<T>;
+  removeIn<
+    K: $Keys<T>,
+    K2: $KeyOf<$ValOf<T, K>>,
+    K3: $KeyOf<$ValOf<$ValOf<T, K>, K2>>,
+    K4: $KeyOf<$ValOf<$ValOf<$ValOf<T, K>, K2>, K3>>,
+  >(
+    keyPath: [K, K2, K3, K4]
+  ): this & $ReadOnly<T>;
+  removeIn<
+    K: $Keys<T>,
+    K2: $KeyOf<$ValOf<T, K>>,
+    K3: $KeyOf<$ValOf<$ValOf<T, K>, K2>>,
+    K4: $KeyOf<$ValOf<$ValOf<$ValOf<T, K>, K2>, K3>>,
+    K5: $KeyOf<$ValOf<$ValOf<$ValOf<$ValOf<T, K>, K2>, K3>, K4>>,
+  >(
+    keyPath: [K, K2, K3, K4, K5]
+  ): this & $ReadOnly<T>;
+
+  updateIn<U>(
+    keyPath: [],
+    notSetValue: mixed,
+    updater: (value: this & T) => U
+  ): U;
+  updateIn<U>(keyPath: [], updater: (value: this & T) => U): U;
+  updateIn<NSV, K: $Keys<T>, S: $ValOf<T, K>>(
+    keyPath: [K],
+    notSetValue: NSV,
+    updater: (value: $ValOf<T, K>) => S
+  ): this & $ReadOnly<T>;
+  updateIn<K: $Keys<T>, S: $ValOf<T, K>>(
+    keyPath: [K],
+    updater: (value: $ValOf<T, K>) => S
+  ): this & $ReadOnly<T>;
+  updateIn<
+    NSV,
+    K: $Keys<T>,
+    K2: $KeyOf<$ValOf<T, K>>,
+    S: $ValOf<$ValOf<T, K>, K2>,
+  >(
+    keyPath: [K, K2],
+    notSetValue: NSV,
+    updater: (value: $ValOf<$ValOf<T, K>, K2> | NSV) => S
+  ): this & $ReadOnly<T>;
+  updateIn<K: $Keys<T>, K2: $KeyOf<$ValOf<T, K>>, S: $ValOf<$ValOf<T, K>, K2>>(
+    keyPath: [K, K2],
+    updater: (value: $ValOf<$ValOf<T, K>, K2>) => S
+  ): this & $ReadOnly<T>;
+  updateIn<
+    NSV,
+    K: $Keys<T>,
+    K2: $KeyOf<$ValOf<T, K>>,
+    K3: $KeyOf<$ValOf<$ValOf<T, K>, K2>>,
+    S: $ValOf<$ValOf<$ValOf<T, K>, K2>, K3>,
+  >(
+    keyPath: [K, K2, K3],
+    notSetValue: NSV,
+    updater: (value: $ValOf<$ValOf<$ValOf<T, K>, K2>, K3> | NSV) => S
+  ): this & $ReadOnly<T>;
+  updateIn<
+    K: $Keys<T>,
+    K2: $KeyOf<$ValOf<T, K>>,
+    K3: $KeyOf<$ValOf<$ValOf<T, K>, K2>>,
+    S: $ValOf<$ValOf<$ValOf<T, K>, K2>, K3>,
+  >(
+    keyPath: [K, K2, K3],
+    updater: (value: $ValOf<$ValOf<$ValOf<T, K>, K2>, K3>) => S
+  ): this & $ReadOnly<T>;
+  updateIn<
+    NSV,
+    K: $Keys<T>,
+    K2: $KeyOf<$ValOf<T, K>>,
+    K3: $KeyOf<$ValOf<$ValOf<T, K>, K2>>,
+    K4: $KeyOf<$ValOf<$ValOf<$ValOf<T, K>, K2>, K3>>,
+    S: $ValOf<$ValOf<$ValOf<$ValOf<T, K>, K2>, K3>, K4>,
+  >(
+    keyPath: [K, K2, K3, K4],
+    notSetValue: NSV,
+    updater: (
+      value: $ValOf<$ValOf<$ValOf<$ValOf<T, K>, K2>, K3>, K4> | NSV
+    ) => S
+  ): this & $ReadOnly<T>;
+  updateIn<
+    K: $Keys<T>,
+    K2: $KeyOf<$ValOf<T, K>>,
+    K3: $KeyOf<$ValOf<$ValOf<T, K>, K2>>,
+    K4: $KeyOf<$ValOf<$ValOf<$ValOf<T, K>, K2>, K3>>,
+    S: $ValOf<$ValOf<$ValOf<$ValOf<T, K>, K2>, K3>, K4>,
+  >(
+    keyPath: [K, K2, K3, K4],
+    updater: (value: $ValOf<$ValOf<$ValOf<$ValOf<T, K>, K2>, K3>, K4>) => S
+  ): this & $ReadOnly<T>;
+  updateIn<
+    NSV,
+    K: $Keys<T>,
+    K2: $KeyOf<$ValOf<T, K>>,
+    K3: $KeyOf<$ValOf<$ValOf<T, K>, K2>>,
+    K4: $KeyOf<$ValOf<$ValOf<$ValOf<T, K>, K2>, K3>>,
+    K5: $KeyOf<$ValOf<$ValOf<$ValOf<$ValOf<T, K>, K2>, K3>, K4>>,
+    S: $ValOf<$ValOf<$ValOf<$ValOf<$ValOf<T, K>, K2>, K3>, K4>, K5>,
+  >(
+    keyPath: [K, K2, K3, K4, K5],
+    notSetValue: NSV,
+    updater: (
+      value: $ValOf<$ValOf<$ValOf<$ValOf<$ValOf<T, K>, K2>, K3>, K4>, K5> | NSV
+    ) => S
+  ): this & $ReadOnly<T>;
+  updateIn<
+    K: $Keys<T>,
+    K2: $KeyOf<$ValOf<T, K>>,
+    K3: $KeyOf<$ValOf<$ValOf<T, K>, K2>>,
+    K4: $KeyOf<$ValOf<$ValOf<$ValOf<T, K>, K2>, K3>>,
+    K5: $KeyOf<$ValOf<$ValOf<$ValOf<$ValOf<T, K>, K2>, K3>, K4>>,
+    S: $ValOf<$ValOf<$ValOf<$ValOf<$ValOf<T, K>, K2>, K3>, K4>, K5>,
+  >(
+    keyPath: [K, K2, K3, K4, K5],
+    updater: (
+      value: $ValOf<$ValOf<$ValOf<$ValOf<$ValOf<T, K>, K2>, K3>, K4>, K5>
+    ) => S
+  ): this & $ReadOnly<T>;
+
+  mergeIn(
+    keyPath: Iterable<mixed>,
+    ...collections: Array<any>
+  ): this & $ReadOnly<T>;
+  mergeDeepIn(
+    keyPath: Iterable<mixed>,
+    ...collections: Array<any>
+  ): this & $ReadOnly<T>;
+
+  toSeq(): KeyedSeq<$Keys<T>, any>;
+
+  toJS(): { [key: $Keys<T>]: mixed };
+  toJSON(): T;
+  toObject(): T;
+
+  withMutations(mutator: (mutable: this & T) => mixed): this & $ReadOnly<T>;
+  asMutable(): this & $ReadOnly<T>;
+  wasAltered(): boolean;
+  asImmutable(): this & $ReadOnly<T>;
+
+  @@iterator(): Iterator<[$Keys<T>, $ValOf<T>]>;
+}
+
+declare function fromJS(
+  jsValue: mixed,
+  reviver?: (
+    key: string | number,
+    sequence: KeyedCollection<string, mixed> | IndexedCollection<mixed>,
+    path?: Array<string | number>
+  ) => mixed
+): Collection<mixed, mixed>;
+
+declare function is(first: mixed, second: mixed): boolean;
+declare function hash(value: mixed): number;
+
+declare function get<C: Object, K: $Keys<C>>(
+  collection: C,
+  key: K,
+  notSetValue: mixed
+): $ValOf<C, K>;
+declare function get<C, K: $KeyOf<C>, NSV>(
+  collection: C,
+  key: K,
+  notSetValue: NSV
+): $ValOf<C, K> | NSV;
+
+declare function has(collection: Object, key: mixed): boolean;
+declare function remove<C>(collection: C, key: $KeyOf<C>): C;
+declare function set<C, K: $KeyOf<C>, V: $ValOf<C, K>>(
+  collection: C,
+  key: K,
+  value: V
+): C;
+declare function update<C, K: $KeyOf<C>, V: $ValOf<C, K>, NSV>(
+  collection: C,
+  key: K,
+  notSetValue: NSV,
+  updater: ($ValOf<C, K> | NSV) => V
+): C;
+declare function update<C, K: $KeyOf<C>, V: $ValOf<C, K>>(
+  collection: C,
+  key: K,
+  updater: ($ValOf<C, K>) => V
+): C;
+
+declare function getIn<C>(collection: C, keyPath: [], notSetValue?: mixed): C;
+declare function getIn<C, K: $KeyOf<C>, NSV>(
+  collection: C,
+  keyPath: [K],
+  notSetValue: NSV
+): $ValOf<C, K> | NSV;
+declare function getIn<C, K: $KeyOf<C>, K2: $KeyOf<$ValOf<C, K>>, NSV>(
+  collection: C,
+  keyPath: [K, K2],
+  notSetValue: NSV
+): $ValOf<$ValOf<C, K>, K2> | NSV;
+declare function getIn<
+  C,
+  K: $KeyOf<C>,
+  K2: $KeyOf<$ValOf<C, K>>,
+  K3: $KeyOf<$ValOf<$ValOf<C, K>, K2>>,
+  NSV,
+>(
+  collection: C,
+  keyPath: [K, K2, K3],
+  notSetValue: NSV
+): $ValOf<$ValOf<$ValOf<C, K>, K2>, K3> | NSV;
+declare function getIn<
+  C,
+  K: $KeyOf<C>,
+  K2: $KeyOf<$ValOf<C, K>>,
+  K3: $KeyOf<$ValOf<$ValOf<C, K>, K2>>,
+  K4: $KeyOf<$ValOf<$ValOf<$ValOf<C, K>, K2>, K3>>,
+  NSV,
+>(
+  collection: C,
+  keyPath: [K, K2, K3, K4],
+  notSetValue: NSV
+): $ValOf<$ValOf<$ValOf<$ValOf<C, K>, K2>, K3>, K4> | NSV;
+declare function getIn<
+  C,
+  K: $KeyOf<C>,
+  K2: $KeyOf<$ValOf<C, K>>,
+  K3: $KeyOf<$ValOf<$ValOf<C, K>, K2>>,
+  K4: $KeyOf<$ValOf<$ValOf<$ValOf<C, K>, K2>, K3>>,
+  K5: $KeyOf<$ValOf<$ValOf<$ValOf<$ValOf<C, K>, K2>, K3>, K4>>,
+  NSV,
+>(
+  collection: C,
+  keyPath: [K, K2, K3, K4, K5],
+  notSetValue: NSV
+): $ValOf<$ValOf<$ValOf<$ValOf<$ValOf<C, K>, K2>, K3>, K4>, K5> | NSV;
+
+declare function hasIn(collection: Object, keyPath: Iterable<mixed>): boolean;
+
+declare function removeIn<C>(collection: C, keyPath: []): void;
+declare function removeIn<C, K: $KeyOf<C>>(collection: C, keyPath: [K]): C;
+declare function removeIn<C, K: $KeyOf<C>, K2: $KeyOf<$ValOf<C, K>>>(
+  collection: C,
+  keyPath: [K, K2]
+): C;
+declare function removeIn<
+  C,
+  K: $KeyOf<C>,
+  K2: $KeyOf<$ValOf<C, K>>,
+  K3: $KeyOf<$ValOf<$ValOf<C, K>, K2>>,
+>(
+  collection: C,
+  keyPath: [K, K2, K3]
+): C;
+declare function removeIn<
+  C,
+  K: $KeyOf<C>,
+  K2: $KeyOf<$ValOf<C, K>>,
+  K3: $KeyOf<$ValOf<$ValOf<C, K>, K2>>,
+  K4: $KeyOf<$ValOf<$ValOf<$ValOf<C, K>, K2>, K3>>,
+>(
+  collection: C,
+  keyPath: [K, K2, K3, K4]
+): C;
+declare function removeIn<
+  C,
+  K: $KeyOf<C>,
+  K2: $KeyOf<$ValOf<C, K>>,
+  K3: $KeyOf<$ValOf<$ValOf<C, K>, K2>>,
+  K4: $KeyOf<$ValOf<$ValOf<$ValOf<C, K>, K2>, K3>>,
+  K5: $KeyOf<$ValOf<$ValOf<$ValOf<$ValOf<C, K>, K2>, K3>, K4>>,
+>(
+  collection: C,
+  keyPath: [K, K2, K3, K4, K5]
+): C;
+
+declare function setIn<S>(collection: Object, keyPath: [], value: S): S;
+declare function setIn<C, K: $KeyOf<C>, S: $ValOf<C, K>>(
+  collection: C,
+  keyPath: [K],
+  value: S
+): C;
+declare function setIn<
+  C,
+  K: $KeyOf<C>,
+  K2: $KeyOf<$ValOf<C, K>>,
+  S: $ValOf<$ValOf<C, K>, K2>,
+>(
+  collection: C,
+  keyPath: [K, K2],
+  value: S
+): C;
+declare function setIn<
+  C,
+  K: $KeyOf<C>,
+  K2: $KeyOf<$ValOf<C, K>>,
+  K3: $KeyOf<$ValOf<$ValOf<C, K>, K2>>,
+  S: $ValOf<$ValOf<$ValOf<C, K>, K2>, K3>,
+>(
+  collection: C,
+  keyPath: [K, K2, K3],
+  value: S
+): C;
+declare function setIn<
+  C,
+  K: $KeyOf<C>,
+  K2: $KeyOf<$ValOf<C, K>>,
+  K3: $KeyOf<$ValOf<$ValOf<C, K>, K2>>,
+  K4: $KeyOf<$ValOf<$ValOf<$ValOf<C, K>, K2>, K3>>,
+  S: $ValOf<$ValOf<$ValOf<$ValOf<C, K>, K2>, K3>, K4>,
+>(
+  collection: C,
+  keyPath: [K, K2, K3, K4],
+  value: S
+): C;
+declare function setIn<
+  C,
+  K: $KeyOf<C>,
+  K2: $KeyOf<$ValOf<C, K>>,
+  K3: $KeyOf<$ValOf<$ValOf<C, K>, K2>>,
+  K4: $KeyOf<$ValOf<$ValOf<$ValOf<C, K>, K2>, K3>>,
+  K5: $KeyOf<$ValOf<$ValOf<$ValOf<$ValOf<C, K>, K2>, K3>, K4>>,
+  S: $ValOf<$ValOf<$ValOf<$ValOf<$ValOf<C, K>, K2>, K3>, K4>, K5>,
+>(
+  collection: C,
+  keyPath: [K, K2, K3, K4, K5],
+  value: S
+): C;
+
+declare function updateIn<C, S>(
+  collection: C,
+  keyPath: [],
+  notSetValue: mixed,
+  updater: (value: C) => S
+): S;
+declare function updateIn<C, S>(
+  collection: C,
+  keyPath: [],
+  updater: (value: C) => S
+): S;
+declare function updateIn<C, K: $KeyOf<C>, S: $ValOf<C, K>, NSV>(
+  collection: C,
+  keyPath: [K],
+  notSetValue: NSV,
+  updater: (value: $ValOf<C, K> | NSV) => S
+): C;
+declare function updateIn<C, K: $KeyOf<C>, S: $ValOf<C, K>>(
+  collection: C,
+  keyPath: [K],
+  updater: (value: $ValOf<C, K>) => S
+): C;
+declare function updateIn<
+  C,
+  K: $KeyOf<C>,
+  K2: $KeyOf<$ValOf<C, K>>,
+  S: $ValOf<$ValOf<C, K>, K2>,
+  NSV,
+>(
+  collection: C,
+  keyPath: [K, K2],
+  notSetValue: NSV,
+  updater: (value: $ValOf<$ValOf<C, K>, K2> | NSV) => S
+): C;
+declare function updateIn<
+  C,
+  K: $KeyOf<C>,
+  K2: $KeyOf<$ValOf<C, K>>,
+  S: $ValOf<$ValOf<C, K>, K2>,
+>(
+  collection: C,
+  keyPath: [K, K2],
+  updater: (value: $ValOf<$ValOf<C, K>, K2>) => S
+): C;
+declare function updateIn<
+  C,
+  K: $KeyOf<C>,
+  K2: $KeyOf<$ValOf<C, K>>,
+  K3: $KeyOf<$ValOf<$ValOf<C, K>, K2>>,
+  S: $ValOf<$ValOf<$ValOf<C, K>, K2>, K3>,
+  NSV,
+>(
+  collection: C,
+  keyPath: [K, K2, K3],
+  notSetValue: NSV,
+  updater: (value: $ValOf<$ValOf<$ValOf<C, K>, K2>, K3> | NSV) => S
+): C;
+declare function updateIn<
+  C,
+  K: $KeyOf<C>,
+  K2: $KeyOf<$ValOf<C, K>>,
+  K3: $KeyOf<$ValOf<$ValOf<C, K>, K2>>,
+  S: $ValOf<$ValOf<$ValOf<C, K>, K2>, K3>,
+>(
+  collection: C,
+  keyPath: [K, K2, K3],
+  updater: (value: $ValOf<$ValOf<$ValOf<C, K>, K2>, K3>) => S
+): C;
+declare function updateIn<
+  C,
+  K: $KeyOf<C>,
+  K2: $KeyOf<$ValOf<C, K>>,
+  K3: $KeyOf<$ValOf<$ValOf<C, K>, K2>>,
+  K4: $KeyOf<$ValOf<$ValOf<$ValOf<C, K>, K2>, K3>>,
+  S: $ValOf<$ValOf<$ValOf<$ValOf<C, K>, K2>, K3>, K4>,
+  NSV,
+>(
+  collection: C,
+  keyPath: [K, K2, K3, K4],
+  notSetValue: NSV,
+  updater: (value: $ValOf<$ValOf<$ValOf<$ValOf<C, K>, K2>, K3>, K4> | NSV) => S
+): C;
+declare function updateIn<
+  C,
+  K: $KeyOf<C>,
+  K2: $KeyOf<$ValOf<C, K>>,
+  K3: $KeyOf<$ValOf<$ValOf<C, K>, K2>>,
+  K4: $KeyOf<$ValOf<$ValOf<$ValOf<C, K>, K2>, K3>>,
+  S: $ValOf<$ValOf<$ValOf<$ValOf<C, K>, K2>, K3>, K4>,
+>(
+  collection: C,
+  keyPath: [K, K2, K3, K4],
+  updater: (value: $ValOf<$ValOf<$ValOf<$ValOf<C, K>, K2>, K3>, K4>) => S
+): C;
+declare function updateIn<
+  C,
+  K: $KeyOf<C>,
+  K2: $KeyOf<$ValOf<C, K>>,
+  K3: $KeyOf<$ValOf<$ValOf<C, K>, K2>>,
+  K4: $KeyOf<$ValOf<$ValOf<$ValOf<C, K>, K2>, K3>>,
+  K5: $KeyOf<$ValOf<$ValOf<$ValOf<$ValOf<C, K>, K2>, K3>, K4>>,
+  S: $ValOf<$ValOf<$ValOf<$ValOf<$ValOf<C, K>, K2>, K3>, K4>, K5>,
+  NSV,
+>(
+  collection: C,
+  keyPath: [K, K2, K3, K4, K5],
+  notSetValue: NSV,
+  updater: (
+    value: $ValOf<$ValOf<$ValOf<$ValOf<$ValOf<C, K>, K2>, K3>, K4>, K5> | NSV
+  ) => S
+): C;
+declare function updateIn<
+  C,
+  K: $KeyOf<C>,
+  K2: $KeyOf<$ValOf<C, K>>,
+  K3: $KeyOf<$ValOf<$ValOf<C, K>, K2>>,
+  K4: $KeyOf<$ValOf<$ValOf<$ValOf<C, K>, K2>, K3>>,
+  K5: $KeyOf<$ValOf<$ValOf<$ValOf<$ValOf<C, K>, K2>, K3>, K4>>,
+  S: $ValOf<$ValOf<$ValOf<$ValOf<$ValOf<C, K>, K2>, K3>, K4>, K5>,
+>(
+  collection: C,
+  keyPath: [K, K2, K3, K4, K5],
+  updater: (
+    value: $ValOf<$ValOf<$ValOf<$ValOf<$ValOf<C, K>, K2>, K3>, K4>, K5>
+  ) => S
+): C;
+
+declare function merge<C>(
+  collection: C,
+  ...collections: Array<
+    | $IterableOf<C>
+    | $Shape<RecordValues<C>>
+    | PlainObjInput<$KeyOf<C>, $ValOf<C>>,
+  >
+): C;
+declare function mergeWith<C>(
+  merger: (oldVal: $ValOf<C>, newVal: $ValOf<C>, key: $KeyOf<C>) => $ValOf<C>,
+  collection: C,
+  ...collections: Array<
+    | $IterableOf<C>
+    | $Shape<RecordValues<C>>
+    | PlainObjInput<$KeyOf<C>, $ValOf<C>>,
+  >
+): C;
+declare function mergeDeep<C>(
+  collection: C,
+  ...collections: Array<
+    | $IterableOf<C>
+    | $Shape<RecordValues<C>>
+    | PlainObjInput<$KeyOf<C>, $ValOf<C>>,
+  >
+): C;
+declare function mergeDeepWith<C>(
+  merger: (oldVal: any, newVal: any, key: any) => mixed,
+  collection: C,
+  ...collections: Array<
+    | $IterableOf<C>
+    | $Shape<RecordValues<C>>
+    | PlainObjInput<$KeyOf<C>, $ValOf<C>>,
+  >
+): C;
+
+export {
+  Collection,
+  Seq,
+  List,
+  Map,
+  OrderedMap,
+  OrderedSet,
+  Range,
+  Repeat,
+  Record,
+  Set,
+  Stack,
+  fromJS,
+  is,
+  hash,
+  isImmutable,
+  isCollection,
+  isKeyed,
+  isIndexed,
+  isAssociative,
+  isOrdered,
+  isRecord,
+  isValueObject,
+  get,
+  has,
+  remove,
+  set,
+  update,
+  getIn,
+  hasIn,
+  removeIn,
+  setIn,
+  updateIn,
+  merge,
+  mergeWith,
+  mergeDeep,
+  mergeDeepWith,
+};
+
+export default {
+  Collection,
+  Seq,
+
+  List,
+  Map,
+  OrderedMap,
+  OrderedSet,
+  PairSorting,
+  Range,
+  Repeat,
+  Record,
+  Set,
+  Stack,
+
+  fromJS,
+  is,
+  hash,
+
+  isImmutable,
+  isCollection,
+  isKeyed,
+  isIndexed,
+  isAssociative,
+  isOrdered,
+  isRecord,
+  isValueObject,
+
+  get,
+  has,
+  remove,
+  set,
+  update,
+  getIn,
+  hasIn,
+  removeIn,
+  setIn,
+  updateIn,
+  merge,
+  mergeWith,
+  mergeDeep,
+  mergeDeepWith,
+};
+
+export type {
+  Comparator,
+  KeyedCollection,
+  IndexedCollection,
+  SetCollection,
+  KeyedSeq,
+  IndexedSeq,
+  SetSeq,
+  RecordFactory,
+  RecordOf,
+  RecordInstance,
+  ValueObject,
+  $KeyOf,
+  $ValOf,
+};
diff --git a/node_modules/immutable/dist/immutable.min.js b/node_modules/immutable/dist/immutable.min.js
new file mode 100644
index 0000000..5b7ed01
--- /dev/null
+++ b/node_modules/immutable/dist/immutable.min.js
@@ -0,0 +1,25 @@
+/**
+ * @license
+ * MIT License
+ * 
+ * Copyright (c) 2014-present, Lee Byron and other contributors.
+ * 
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ * 
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ * 
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ */
+!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports):"function"==typeof define&&define.amd?define(["exports"],e):e((t="undefined"!=typeof globalThis?globalThis:t||self).Immutable={})}(this,(function(t){"use strict";var e="delete",r=5,n=1<<r,i=n-1,o={};function u(t){t&&(t.value=!0)}function s(){}function a(t){return void 0===t.size&&(t.size=t.__iterate(f)),t.size}function c(t,e){if("number"!=typeof e){var r=e>>>0;if(""+r!==e||4294967295===r)return NaN;e=r}return e<0?a(t)+e:e}function f(){return!0}function h(t,e,r){return(0===t&&!v(t)||void 0!==r&&t<=-r)&&(void 0===e||void 0!==r&&e>=r)}function p(t,e){return l(t,e,0)}function _(t,e){return l(t,e,e)}function l(t,e,r){return void 0===t?r:v(t)?e===1/0?e:0|Math.max(0,e+t):void 0===e||e===t?t:0|Math.min(e,t)}function v(t){return t<0||0===t&&1/t==-1/0}var y="@@__IMMUTABLE_ITERABLE__@@";function d(t){return Boolean(t&&t[y])}var g="@@__IMMUTABLE_KEYED__@@";function w(t){return Boolean(t&&t[g])}var m="@@__IMMUTABLE_INDEXED__@@";function b(t){return Boolean(t&&t[m])}function z(t){return w(t)||b(t)}var S=function(t){return d(t)?t:X(t)},I=function(t){function e(t){return w(t)?t:F(t)}return t&&(e.__proto__=t),e.prototype=Object.create(t&&t.prototype),e.prototype.constructor=e,e}(S),O=function(t){function e(t){return b(t)?t:G(t)}return t&&(e.__proto__=t),e.prototype=Object.create(t&&t.prototype),e.prototype.constructor=e,e}(S),E=function(t){function e(t){return d(t)&&!z(t)?t:Z(t)}return t&&(e.__proto__=t),e.prototype=Object.create(t&&t.prototype),e.prototype.constructor=e,e}(S);S.Keyed=I,S.Indexed=O,S.Set=E;var j="@@__IMMUTABLE_SEQ__@@";function q(t){return Boolean(t&&t[j])}var M="@@__IMMUTABLE_RECORD__@@";function D(t){return Boolean(t&&t[M])}function x(t){return d(t)||D(t)}var A="@@__IMMUTABLE_ORDERED__@@";function k(t){return Boolean(t&&t[A])}var R=0,U=1,T=2,B="function"==typeof Symbol&&Symbol.iterator,K="@@iterator",L=B||K,C=function(t){this.next=t};function P(t,e,r,n){var i=t===R?e:t===U?r:[e,r];return n?n.value=i:n={value:i,done:!1},n}function W(){return{value:void 0,done:!0}}function N(t){return!!Array.isArray(t)||!!V(t)}function H(t){return t&&"function"==typeof t.next}function J(t){var e=V(t);return e&&e.call(t)}function V(t){var e=t&&(B&&t[B]||t[K]);if("function"==typeof e)return e}C.prototype.toString=function(){return"[Iterator]"},C.KEYS=R,C.VALUES=U,C.ENTRIES=T,C.prototype.inspect=C.prototype.toSource=function(){return this.toString()},C.prototype[L]=function(){return this};var Y=Object.prototype.hasOwnProperty;function Q(t){return!(!Array.isArray(t)&&"string"!=typeof t)||t&&"object"==typeof t&&Number.isInteger(t.length)&&t.length>=0&&(0===t.length?1===Object.keys(t).length:t.hasOwnProperty(t.length-1))}var X=function(t){function e(t){return null==t?nt():x(t)?t.toSeq():function(t){var e=ut(t);if(e)return(n=V(r=t))&&n===r.entries?e.fromEntrySeq():function(t){var e=V(t);return e&&e===t.keys}(t)?e.toSetSeq():e;var r,n;if("object"==typeof t)return new tt(t);throw new TypeError("Expected Array or collection object of values, or keyed object: "+t)}(t)}return t&&(e.__proto__=t),e.prototype=Object.create(t&&t.prototype),e.prototype.constructor=e,e.prototype.toSeq=function(){return this},e.prototype.toString=function(){return this.__toString("Seq {","}")},e.prototype.cacheResult=function(){return!this._cache&&this.__iterateUncached&&(this._cache=this.entrySeq().toArray(),this.size=this._cache.length),this},e.prototype.__iterate=function(t,e){var r=this._cache;if(r){for(var n=r.length,i=0;i!==n;){var o=r[e?n-++i:i++];if(!1===t(o[1],o[0],this))break}return i}return this.__iterateUncached(t,e)},e.prototype.__iterator=function(t,e){var r=this._cache;if(r){var n=r.length,i=0;return new C((function(){if(i===n)return{value:void 0,done:!0};var o=r[e?n-++i:i++];return P(t,o[0],o[1])}))}return this.__iteratorUncached(t,e)},e}(S),F=function(t){function e(t){return null==t?nt().toKeyedSeq():d(t)?w(t)?t.toSeq():t.fromEntrySeq():D(t)?t.toSeq():it(t)}return t&&(e.__proto__=t),e.prototype=Object.create(t&&t.prototype),e.prototype.constructor=e,e.prototype.toKeyedSeq=function(){return this},e}(X),G=function(t){function e(t){return null==t?nt():d(t)?w(t)?t.entrySeq():t.toIndexedSeq():D(t)?t.toSeq().entrySeq():ot(t)}return t&&(e.__proto__=t),e.prototype=Object.create(t&&t.prototype),e.prototype.constructor=e,e.of=function(){return e(arguments)},e.prototype.toIndexedSeq=function(){return this},e.prototype.toString=function(){return this.__toString("Seq [","]")},e}(X),Z=function(t){function e(t){return(d(t)&&!z(t)?t:G(t)).toSetSeq()}return t&&(e.__proto__=t),e.prototype=Object.create(t&&t.prototype),e.prototype.constructor=e,e.of=function(){return e(arguments)},e.prototype.toSetSeq=function(){return this},e}(X);X.isSeq=q,X.Keyed=F,X.Set=Z,X.Indexed=G,X.prototype[j]=!0;var $=function(t){function e(t){this._array=t,this.size=t.length}return t&&(e.__proto__=t),e.prototype=Object.create(t&&t.prototype),e.prototype.constructor=e,e.prototype.get=function(t,e){return this.has(t)?this._array[c(this,t)]:e},e.prototype.__iterate=function(t,e){for(var r=this._array,n=r.length,i=0;i!==n;){var o=e?n-++i:i++;if(!1===t(r[o],o,this))break}return i},e.prototype.__iterator=function(t,e){var r=this._array,n=r.length,i=0;return new C((function(){if(i===n)return{value:void 0,done:!0};var o=e?n-++i:i++;return P(t,o,r[o])}))},e}(G),tt=function(t){function e(t){var e=Object.keys(t).concat(Object.getOwnPropertySymbols?Object.getOwnPropertySymbols(t):[]);this._object=t,this._keys=e,this.size=e.length}return t&&(e.__proto__=t),e.prototype=Object.create(t&&t.prototype),e.prototype.constructor=e,e.prototype.get=function(t,e){return void 0===e||this.has(t)?this._object[t]:e},e.prototype.has=function(t){return Y.call(this._object,t)},e.prototype.__iterate=function(t,e){for(var r=this._object,n=this._keys,i=n.length,o=0;o!==i;){var u=n[e?i-++o:o++];if(!1===t(r[u],u,this))break}return o},e.prototype.__iterator=function(t,e){var r=this._object,n=this._keys,i=n.length,o=0;return new C((function(){if(o===i)return{value:void 0,done:!0};var u=n[e?i-++o:o++];return P(t,u,r[u])}))},e}(F);tt.prototype[A]=!0;var et,rt=function(t){function e(t){this._collection=t,this.size=t.length||t.size}return t&&(e.__proto__=t),e.prototype=Object.create(t&&t.prototype),e.prototype.constructor=e,e.prototype.__iterateUncached=function(t,e){if(e)return this.cacheResult().__iterate(t,e);var r=J(this._collection),n=0;if(H(r))for(var i;!(i=r.next()).done&&!1!==t(i.value,n++,this););return n},e.prototype.__iteratorUncached=function(t,e){if(e)return this.cacheResult().__iterator(t,e);var r=J(this._collection);if(!H(r))return new C(W);var n=0;return new C((function(){var e=r.next();return e.done?e:P(t,n++,e.value)}))},e}(G);function nt(){return et||(et=new $([]))}function it(t){var e=ut(t);if(e)return e.fromEntrySeq();if("object"==typeof t)return new tt(t);throw new TypeError("Expected Array or collection object of [k, v] entries, or keyed object: "+t)}function ot(t){var e=ut(t);if(e)return e;throw new TypeError("Expected Array or collection object of values: "+t)}function ut(t){return Q(t)?new $(t):N(t)?new rt(t):void 0}var st="@@__IMMUTABLE_MAP__@@";function at(t){return Boolean(t&&t[st])}function ct(t){return at(t)&&k(t)}function ft(t){return Boolean(t&&"function"==typeof t.equals&&"function"==typeof t.hashCode)}function ht(t,e){if(t===e||t!=t&&e!=e)return!0;if(!t||!e)return!1;if("function"==typeof t.valueOf&&"function"==typeof e.valueOf){if((t=t.valueOf())===(e=e.valueOf())||t!=t&&e!=e)return!0;if(!t||!e)return!1}return!!(ft(t)&&ft(e)&&t.equals(e))}var pt="function"==typeof Math.imul&&-2===Math.imul(4294967295,2)?Math.imul:function(t,e){var r=65535&(t|=0),n=65535&(e|=0);return r*n+((t>>>16)*n+r*(e>>>16)<<16>>>0)|0};function _t(t){return t>>>1&1073741824|3221225471&t}var lt=Object.prototype.valueOf;function vt(t){if(null==t)return yt(t);if("function"==typeof t.hashCode)return _t(t.hashCode(t));var e,r=(e=t).valueOf!==lt&&"function"==typeof e.valueOf?e.valueOf(e):e;if(null==r)return yt(r);switch(typeof r){case"boolean":return r?1108378657:1108378656;case"number":return function(t){if(t!=t||t===1/0)return 0;var e=0|t;e!==t&&(e^=4294967295*t);for(;t>4294967295;)e^=t/=4294967295;return _t(e)}(r);case"string":return r.length>Et?function(t){var e=Mt[t];void 0===e&&(e=dt(t),qt===jt&&(qt=0,Mt={}),qt++,Mt[t]=e);return e}(r):dt(r);case"object":case"function":return function(t){var e;if(zt&&void 0!==(e=bt.get(t)))return e;if(e=t[Ot],void 0!==e)return e;if(!wt){if(void 0!==(e=t.propertyIsEnumerable&&t.propertyIsEnumerable[Ot]))return e;if(void 0!==(e=function(t){if(t&&t.nodeType>0)switch(t.nodeType){case 1:return t.uniqueID;case 9:return t.documentElement&&t.documentElement.uniqueID}}(t)))return e}if(e=mt(),zt)bt.set(t,e);else{if(void 0!==gt&&!1===gt(t))throw new Error("Non-extensible objects are not allowed as keys.");if(wt)Object.defineProperty(t,Ot,{enumerable:!1,configurable:!1,writable:!1,value:e});else if(void 0!==t.propertyIsEnumerable&&t.propertyIsEnumerable===t.constructor.prototype.propertyIsEnumerable)t.propertyIsEnumerable=function(){return this.constructor.prototype.propertyIsEnumerable.apply(this,arguments)},t.propertyIsEnumerable[Ot]=e;else{if(void 0===t.nodeType)throw new Error("Unable to set a non-enumerable property on object.");t[Ot]=e}}return e}(r);case"symbol":return function(t){var e=St[t];if(void 0!==e)return e;return e=mt(),St[t]=e,e}(r);default:if("function"==typeof r.toString)return dt(r.toString());throw new Error("Value type "+typeof r+" cannot be hashed.")}}function yt(t){return null===t?1108378658:1108378659}function dt(t){for(var e=0,r=0;r<t.length;r++)e=31*e+t.charCodeAt(r)|0;return _t(e)}var gt=Object.isExtensible,wt=function(){try{return Object.defineProperty({},"@",{}),!0}catch(t){return!1}}();function mt(){var t=++It;return 1073741824&It&&(It=0),t}var bt,zt="function"==typeof WeakMap;zt&&(bt=new WeakMap);var St=Object.create(null),It=0,Ot="__immutablehash__";"function"==typeof Symbol&&(Ot=Symbol(Ot));var Et=16,jt=255,qt=0,Mt={},Dt=function(t){function e(t,e){this._iter=t,this._useKeys=e,this.size=t.size}return t&&(e.__proto__=t),e.prototype=Object.create(t&&t.prototype),e.prototype.constructor=e,e.prototype.get=function(t,e){return this._iter.get(t,e)},e.prototype.has=function(t){return this._iter.has(t)},e.prototype.valueSeq=function(){return this._iter.valueSeq()},e.prototype.reverse=function(){var t=this,e=Tt(this,!0);return this._useKeys||(e.valueSeq=function(){return t._iter.toSeq().reverse()}),e},e.prototype.map=function(t,e){var r=this,n=Ut(this,t,e);return this._useKeys||(n.valueSeq=function(){return r._iter.toSeq().map(t,e)}),n},e.prototype.__iterate=function(t,e){var r=this;return this._iter.__iterate((function(e,n){return t(e,n,r)}),e)},e.prototype.__iterator=function(t,e){return this._iter.__iterator(t,e)},e}(F);Dt.prototype[A]=!0;var xt=function(t){function e(t){this._iter=t,this.size=t.size}return t&&(e.__proto__=t),e.prototype=Object.create(t&&t.prototype),e.prototype.constructor=e,e.prototype.includes=function(t){return this._iter.includes(t)},e.prototype.__iterate=function(t,e){var r=this,n=0;return e&&a(this),this._iter.__iterate((function(i){return t(i,e?r.size-++n:n++,r)}),e)},e.prototype.__iterator=function(t,e){var r=this,n=this._iter.__iterator(U,e),i=0;return e&&a(this),new C((function(){var o=n.next();return o.done?o:P(t,e?r.size-++i:i++,o.value,o)}))},e}(G),At=function(t){function e(t){this._iter=t,this.size=t.size}return t&&(e.__proto__=t),e.prototype=Object.create(t&&t.prototype),e.prototype.constructor=e,e.prototype.has=function(t){return this._iter.includes(t)},e.prototype.__iterate=function(t,e){var r=this;return this._iter.__iterate((function(e){return t(e,e,r)}),e)},e.prototype.__iterator=function(t,e){var r=this._iter.__iterator(U,e);return new C((function(){var e=r.next();return e.done?e:P(t,e.value,e.value,e)}))},e}(Z),kt=function(t){function e(t){this._iter=t,this.size=t.size}return t&&(e.__proto__=t),e.prototype=Object.create(t&&t.prototype),e.prototype.constructor=e,e.prototype.entrySeq=function(){return this._iter.toSeq()},e.prototype.__iterate=function(t,e){var r=this;return this._iter.__iterate((function(e){if(e){Yt(e);var n=d(e);return t(n?e.get(1):e[1],n?e.get(0):e[0],r)}}),e)},e.prototype.__iterator=function(t,e){var r=this._iter.__iterator(U,e);return new C((function(){for(;;){var e=r.next();if(e.done)return e;var n=e.value;if(n){Yt(n);var i=d(n);return P(t,i?n.get(0):n[0],i?n.get(1):n[1],e)}}}))},e}(F);function Rt(t){var e=Xt(t);return e._iter=t,e.size=t.size,e.flip=function(){return t},e.reverse=function(){var e=t.reverse.apply(this);return e.flip=function(){return t.reverse()},e},e.has=function(e){return t.includes(e)},e.includes=function(e){return t.has(e)},e.cacheResult=Ft,e.__iterateUncached=function(e,r){var n=this;return t.__iterate((function(t,r){return!1!==e(r,t,n)}),r)},e.__iteratorUncached=function(e,r){if(e===T){var n=t.__iterator(e,r);return new C((function(){var t=n.next();if(!t.done){var e=t.value[0];t.value[0]=t.value[1],t.value[1]=e}return t}))}return t.__iterator(e===U?R:U,r)},e}function Ut(t,e,r){var n=Xt(t);return n.size=t.size,n.has=function(e){return t.has(e)},n.get=function(n,i){var u=t.get(n,o);return u===o?i:e.call(r,u,n,t)},n.__iterateUncached=function(n,i){var o=this;return t.__iterate((function(t,i,u){return!1!==n(e.call(r,t,i,u),i,o)}),i)},n.__iteratorUncached=function(n,i){var o=t.__iterator(T,i);return new C((function(){var i=o.next();if(i.done)return i;var u=i.value,s=u[0];return P(n,s,e.call(r,u[1],s,t),i)}))},n}function Tt(t,e){var r=this,n=Xt(t);return n._iter=t,n.size=t.size,n.reverse=function(){return t},t.flip&&(n.flip=function(){var e=Rt(t);return e.reverse=function(){return t.flip()},e}),n.get=function(r,n){return t.get(e?r:-1-r,n)},n.has=function(r){return t.has(e?r:-1-r)},n.includes=function(e){return t.includes(e)},n.cacheResult=Ft,n.__iterate=function(r,n){var i=this,o=0;return n&&a(t),t.__iterate((function(t,u){return r(t,e?u:n?i.size-++o:o++,i)}),!n)},n.__iterator=function(n,i){var o=0;i&&a(t);var u=t.__iterator(T,!i);return new C((function(){var t=u.next();if(t.done)return t;var s=t.value;return P(n,e?s[0]:i?r.size-++o:o++,s[1],t)}))},n}function Bt(t,e,r,n){var i=Xt(t);return n&&(i.has=function(n){var i=t.get(n,o);return i!==o&&!!e.call(r,i,n,t)},i.get=function(n,i){var u=t.get(n,o);return u!==o&&e.call(r,u,n,t)?u:i}),i.__iterateUncached=function(i,o){var u=this,s=0;return t.__iterate((function(t,o,a){if(e.call(r,t,o,a))return s++,i(t,n?o:s-1,u)}),o),s},i.__iteratorUncached=function(i,o){var u=t.__iterator(T,o),s=0;return new C((function(){for(;;){var o=u.next();if(o.done)return o;var a=o.value,c=a[0],f=a[1];if(e.call(r,f,c,t))return P(i,n?c:s++,f,o)}}))},i}function Kt(t,e,r,n){var i=t.size;if(h(e,r,i))return t;if(void 0===i&&(e<0||r<0))return Kt(t.toSeq().cacheResult(),e,r,n);var o,u=p(e,i),s=_(r,i)-u;s==s&&(o=s<0?0:s);var a=Xt(t);return a.size=0===o?o:t.size&&o||void 0,!n&&q(t)&&o>=0&&(a.get=function(e,r){return(e=c(this,e))>=0&&e<o?t.get(e+u,r):r}),a.__iterateUncached=function(e,r){var i=this;if(0===o)return 0;if(r)return this.cacheResult().__iterate(e,r);var s=0,a=!0,c=0;return t.__iterate((function(t,r){if(!a||!(a=s++<u))return c++,!1!==e(t,n?r:c-1,i)&&c!==o})),c},a.__iteratorUncached=function(e,r){if(0!==o&&r)return this.cacheResult().__iterator(e,r);if(0===o)return new C(W);var i=t.__iterator(e,r),s=0,a=0;return new C((function(){for(;s++<u;)i.next();if(++a>o)return{value:void 0,done:!0};var t=i.next();return n||e===U||t.done?t:P(e,a-1,e===R?void 0:t.value[1],t)}))},a}function Lt(t,e,r,n){var i=Xt(t);return i.__iterateUncached=function(i,o){var u=this;if(o)return this.cacheResult().__iterate(i,o);var s=!0,a=0;return t.__iterate((function(t,o,c){if(!s||!(s=e.call(r,t,o,c)))return a++,i(t,n?o:a-1,u)})),a},i.__iteratorUncached=function(i,o){var u=this;if(o)return this.cacheResult().__iterator(i,o);var s=t.__iterator(T,o),a=!0,c=0;return new C((function(){var t,o,f;do{if((t=s.next()).done)return n||i===U?t:P(i,c++,i===R?void 0:t.value[1],t);var h=t.value;o=h[0],f=h[1],a&&(a=e.call(r,f,o,u))}while(a);return i===T?t:P(i,o,f,t)}))},i}xt.prototype.cacheResult=Dt.prototype.cacheResult=At.prototype.cacheResult=kt.prototype.cacheResult=Ft;var Ct=function(t){function e(t){this._wrappedIterables=t.flatMap((function(t){return t._wrappedIterables?t._wrappedIterables:[t]})),this.size=this._wrappedIterables.reduce((function(t,e){if(void 0!==t){var r=e.size;if(void 0!==r)return t+r}}),0),this[g]=this._wrappedIterables[0][g],this[m]=this._wrappedIterables[0][m],this[A]=this._wrappedIterables[0][A]}return t&&(e.__proto__=t),e.prototype=Object.create(t&&t.prototype),e.prototype.constructor=e,e.prototype.__iterateUncached=function(t,e){if(0!==this._wrappedIterables.length){if(e)return this.cacheResult().__iterate(t,e);for(var r=0,n=w(this),i=n?T:U,o=this._wrappedIterables[r].__iterator(i,e),u=!0,s=0;u;){for(var a=o.next();a.done;){if(++r===this._wrappedIterables.length)return s;a=(o=this._wrappedIterables[r].__iterator(i,e)).next()}u=!1!==(n?t(a.value[1],a.value[0],this):t(a.value,s,this)),s++}return s}},e.prototype.__iteratorUncached=function(t,e){var r=this;if(0===this._wrappedIterables.length)return new C(W);if(e)return this.cacheResult().__iterator(t,e);var n=0,i=this._wrappedIterables[n].__iterator(t,e);return new C((function(){for(var o=i.next();o.done;){if(++n===r._wrappedIterables.length)return o;o=(i=r._wrappedIterables[n].__iterator(t,e)).next()}return o}))},e}(X);function Pt(t,e,r){var n=Xt(t);return n.__iterateUncached=function(i,o){if(o)return this.cacheResult().__iterate(i,o);var u=0,s=!1;return function t(a,c){a.__iterate((function(o,a){return(!e||c<e)&&d(o)?t(o,c+1):(u++,!1===i(o,r?a:u-1,n)&&(s=!0)),!s}),o)}(t,0),u},n.__iteratorUncached=function(n,i){if(i)return this.cacheResult().__iterator(n,i);var o=t.__iterator(n,i),u=[],s=0;return new C((function(){for(;o;){var t=o.next();if(!1===t.done){var a=t.value;if(n===T&&(a=a[1]),e&&!(u.length<e)||!d(a))return r?t:P(n,s++,a,t);u.push(o),o=a.__iterator(n,i)}else o=u.pop()}return{value:void 0,done:!0}}))},n}function Wt(t,e,r){e||(e=Gt);var n=w(t),i=0,o=t.toSeq().map((function(e,n){return[n,e,i++,r?r(e,n,t):e]})).valueSeq().toArray();return o.sort((function(t,r){return e(t[3],r[3])||t[2]-r[2]})).forEach(n?function(t,e){o[e].length=2}:function(t,e){o[e]=t[1]}),n?F(o):b(t)?G(o):Z(o)}function Nt(t,e,r){if(e||(e=Gt),r){var n=t.toSeq().map((function(e,n){return[e,r(e,n,t)]})).reduce((function(t,r){return Ht(e,t[1],r[1])?r:t}));return n&&n[0]}return t.reduce((function(t,r){return Ht(e,t,r)?r:t}))}function Ht(t,e,r){var n=t(r,e);return 0===n&&r!==e&&(null==r||r!=r)||n>0}function Jt(t,e,r,n){var i=Xt(t),o=new $(r).map((function(t){return t.size}));return i.size=n?o.max():o.min(),i.__iterate=function(t,e){for(var r,n=this.__iterator(U,e),i=0;!(r=n.next()).done&&!1!==t(r.value,i++,this););return i},i.__iteratorUncached=function(t,i){var o=r.map((function(t){return t=S(t),J(i?t.reverse():t)})),u=0,s=!1;return new C((function(){var r;return s||(r=o.map((function(t){return t.next()})),s=n?r.every((function(t){return t.done})):r.some((function(t){return t.done}))),s?{value:void 0,done:!0}:P(t,u++,e.apply(null,r.map((function(t){return t.value}))))}))},i}function Vt(t,e){return t===e?t:q(t)?e:t.constructor(e)}function Yt(t){if(t!==Object(t))throw new TypeError("Expected [K, V] tuple: "+t)}function Qt(t){return w(t)?I:b(t)?O:E}function Xt(t){return Object.create((w(t)?F:b(t)?G:Z).prototype)}function Ft(){return this._iter.cacheResult?(this._iter.cacheResult(),this.size=this._iter.size,this):X.prototype.cacheResult.call(this)}function Gt(t,e){return void 0===t&&void 0===e?0:void 0===t?1:void 0===e?-1:t>e?1:t<e?-1:0}function Zt(t,e){e=e||0;for(var r=Math.max(0,t.length-e),n=new Array(r),i=0;i<r;i++)n[i]=t[i+e];return n}function $t(t,e){if(!t)throw new Error(e)}function te(t){$t(t!==1/0,"Cannot perform this action with an infinite size.")}function ee(t){if(Q(t)&&"string"!=typeof t)return t;if(k(t))return t.toArray();throw new TypeError("Invalid keyPath: expected Ordered Collection or Array: "+t)}var re=Object.prototype.toString;function ne(t){if(!t||"object"!=typeof t||"[object Object]"!==re.call(t))return!1;var e=Object.getPrototypeOf(t);if(null===e)return!0;for(var r=e,n=Object.getPrototypeOf(e);null!==n;)r=n,n=Object.getPrototypeOf(r);return r===e}function ie(t){return"object"==typeof t&&(x(t)||Array.isArray(t)||ne(t))}function oe(t){try{return"string"==typeof t?JSON.stringify(t):String(t)}catch(e){return JSON.stringify(t)}}function ue(t,e){return x(t)?t.has(e):ie(t)&&Y.call(t,e)}function se(t,e,r){return x(t)?t.get(e,r):ue(t,e)?"function"==typeof t.get?t.get(e):t[e]:r}function ae(t){if(Array.isArray(t))return Zt(t);var e={};for(var r in t)Y.call(t,r)&&(e[r]=t[r]);return e}function ce(t,e){if(!ie(t))throw new TypeError("Cannot update non-data-structure value: "+t);if(x(t)){if(!t.remove)throw new TypeError("Cannot update immutable value without .remove() method: "+t);return t.remove(e)}if(!Y.call(t,e))return t;var r=ae(t);return Array.isArray(r)?r.splice(e,1):delete r[e],r}function fe(t,e,r){if(!ie(t))throw new TypeError("Cannot update non-data-structure value: "+t);if(x(t)){if(!t.set)throw new TypeError("Cannot update immutable value without .set() method: "+t);return t.set(e,r)}if(Y.call(t,e)&&r===t[e])return t;var n=ae(t);return n[e]=r,n}function he(t,e,r,n){n||(n=r,r=void 0);var i=pe(x(t),t,ee(e),0,r,n);return i===o?r:i}function pe(t,e,r,n,i,u){var s=e===o;if(n===r.length){var a=s?i:e,c=u(a);return c===a?e:c}if(!s&&!ie(e))throw new TypeError("Cannot update within non-data-structure value in path ["+Array.from(r).slice(0,n).map(oe)+"]: "+e);var f=r[n],h=s?o:se(e,f,o),p=pe(h===o?t:x(h),h,r,n+1,i,u);return p===h?e:p===o?ce(e,f):fe(s?t?Je():{}:e,f,p)}function _e(t,e,r){return he(t,e,o,(function(){return r}))}function le(t,e){return _e(this,t,e)}function ve(t,e){return he(t,e,(function(){return o}))}function ye(t){return ve(this,t)}function de(t,e,r,n){return he(t,[e],r,n)}function ge(t,e,r){return 1===arguments.length?t(this):de(this,t,e,r)}function we(t,e,r){return he(this,t,e,r)}function me(){for(var t=[],e=arguments.length;e--;)t[e]=arguments[e];return ze(this,t)}function be(t){for(var e=[],r=arguments.length-1;r-- >0;)e[r]=arguments[r+1];if("function"!=typeof t)throw new TypeError("Invalid merger function: "+t);return ze(this,e,t)}function ze(t,e,r){for(var n=[],i=0;i<e.length;i++){var u=I(e[i]);0!==u.size&&n.push(u)}return 0===n.length?t:0!==t.toSeq().size||t.__ownerID||1!==n.length?t.withMutations((function(t){for(var e=r?function(e,n){de(t,n,o,(function(t){return t===o?e:r(t,e,n)}))}:function(e,r){t.set(r,e)},i=0;i<n.length;i++)n[i].forEach(e)})):D(t)?t:t.constructor(n[0])}function Se(t,e,r){return Ie(t,e,function(t){function e(r,n,i){return ie(r)&&ie(n)&&(o=n,u=X(r),s=X(o),b(u)===b(s)&&w(u)===w(s))?Ie(r,[n],e):t?t(r,n,i):n;var o,u,s}return e}(r))}function Ie(t,e,r){if(!ie(t))throw new TypeError("Cannot merge into non-data-structure value: "+t);if(x(t))return"function"==typeof r&&t.mergeWith?t.mergeWith.apply(t,[r].concat(e)):t.merge?t.merge.apply(t,e):t.concat.apply(t,e);for(var n=Array.isArray(t),i=t,o=n?O:I,u=n?function(e){i===t&&(i=ae(i)),i.push(e)}:function(e,n){var o=Y.call(i,n),u=o&&r?r(i[n],e,n):e;o&&u===i[n]||(i===t&&(i=ae(i)),i[n]=u)},s=0;s<e.length;s++)o(e[s]).forEach(u);return i}function Oe(){for(var t=[],e=arguments.length;e--;)t[e]=arguments[e];return Se(this,t)}function Ee(t){for(var e=[],r=arguments.length-1;r-- >0;)e[r]=arguments[r+1];return Se(this,e,t)}function je(t){for(var e=[],r=arguments.length-1;r-- >0;)e[r]=arguments[r+1];return he(this,t,Je(),(function(t){return Ie(t,e)}))}function qe(t){for(var e=[],r=arguments.length-1;r-- >0;)e[r]=arguments[r+1];return he(this,t,Je(),(function(t){return Se(t,e)}))}function Me(t){var e=this.asMutable();return t(e),e.wasAltered()?e.__ensureOwner(this.__ownerID):this}function De(){return this.__ownerID?this:this.__ensureOwner(new s)}function xe(){return this.__ensureOwner()}function Ae(){return this.__altered}var ke=function(t){function e(e){return null==e?Je():at(e)&&!k(e)?e:Je().withMutations((function(r){var n=t(e);te(n.size),n.forEach((function(t,e){return r.set(e,t)}))}))}return t&&(e.__proto__=t),e.prototype=Object.create(t&&t.prototype),e.prototype.constructor=e,e.prototype.toString=function(){return this.__toString("Map {","}")},e.prototype.get=function(t,e){return this._root?this._root.get(0,void 0,t,e):e},e.prototype.set=function(t,e){return Ve(this,t,e)},e.prototype.remove=function(t){return Ve(this,t,o)},e.prototype.deleteAll=function(t){var e=S(t);return 0===e.size?this:this.withMutations((function(t){e.forEach((function(e){return t.remove(e)}))}))},e.prototype.clear=function(){return 0===this.size?this:this.__ownerID?(this.size=0,this._root=null,this.__hash=void 0,this.__altered=!0,this):Je()},e.prototype.sort=function(t){return yr(Wt(this,t))},e.prototype.sortBy=function(t,e){return yr(Wt(this,e,t))},e.prototype.map=function(t,e){var r=this;return this.withMutations((function(n){n.forEach((function(i,o){n.set(o,t.call(e,i,o,r))}))}))},e.prototype.__iterator=function(t,e){return new Pe(this,t,e)},e.prototype.__iterate=function(t,e){var r=this,n=0;return this._root&&this._root.iterate((function(e){return n++,t(e[1],e[0],r)}),e),n},e.prototype.__ensureOwner=function(t){return t===this.__ownerID?this:t?He(this.size,this._root,t,this.__hash):0===this.size?Je():(this.__ownerID=t,this.__altered=!1,this)},e}(I);ke.isMap=at;var Re=ke.prototype;Re[st]=!0,Re[e]=Re.remove,Re.removeAll=Re.deleteAll,Re.setIn=le,Re.removeIn=Re.deleteIn=ye,Re.update=ge,Re.updateIn=we,Re.merge=Re.concat=me,Re.mergeWith=be,Re.mergeDeep=Oe,Re.mergeDeepWith=Ee,Re.mergeIn=je,Re.mergeDeepIn=qe,Re.withMutations=Me,Re.wasAltered=Ae,Re.asImmutable=xe,Re["@@transducer/init"]=Re.asMutable=De,Re["@@transducer/step"]=function(t,e){return t.set(e[0],e[1])},Re["@@transducer/result"]=function(t){return t.asImmutable()};var Ue=function(t,e){this.ownerID=t,this.entries=e};Ue.prototype.get=function(t,e,r,n){for(var i=this.entries,o=0,u=i.length;o<u;o++)if(ht(r,i[o][0]))return i[o][1];return n},Ue.prototype.update=function(t,e,r,n,i,a,c){for(var f=i===o,h=this.entries,p=0,_=h.length;p<_&&!ht(n,h[p][0]);p++);var l=p<_;if(l?h[p][1]===i:f)return this;if(u(c),(f||!l)&&u(a),!f||1!==h.length){if(!l&&!f&&h.length>=Ze)return function(t,e,r,n){t||(t=new s);for(var i=new Le(t,vt(r),[r,n]),o=0;o<e.length;o++){var u=e[o];i=i.update(t,0,void 0,u[0],u[1])}return i}(t,h,n,i);var v=t&&t===this.ownerID,y=v?h:Zt(h);return l?f?p===_-1?y.pop():y[p]=y.pop():y[p]=[n,i]:y.push([n,i]),v?(this.entries=y,this):new Ue(t,y)}};var Te=function(t,e,r){this.ownerID=t,this.bitmap=e,this.nodes=r};Te.prototype.get=function(t,e,n,o){void 0===e&&(e=vt(n));var u=1<<((0===t?e:e>>>t)&i),s=this.bitmap;return 0==(s&u)?o:this.nodes[Fe(s&u-1)].get(t+r,e,n,o)},Te.prototype.update=function(t,e,u,s,a,c,f){void 0===u&&(u=vt(s));var h=(0===e?u:u>>>e)&i,p=1<<h,_=this.bitmap,l=0!=(_&p);if(!l&&a===o)return this;var v=Fe(_&p-1),y=this.nodes,d=l?y[v]:void 0,g=Ye(d,t,e+r,u,s,a,c,f);if(g===d)return this;if(!l&&g&&y.length>=$e)return function(t,e,r,i,o){for(var u=0,s=new Array(n),a=0;0!==r;a++,r>>>=1)s[a]=1&r?e[u++]:void 0;return s[i]=o,new Be(t,u+1,s)}(t,y,_,h,g);if(l&&!g&&2===y.length&&Qe(y[1^v]))return y[1^v];if(l&&g&&1===y.length&&Qe(g))return g;var w=t&&t===this.ownerID,m=l?g?_:_^p:_|p,b=l?g?Ge(y,v,g,w):function(t,e,r){var n=t.length-1;if(r&&e===n)return t.pop(),t;for(var i=new Array(n),o=0,u=0;u<n;u++)u===e&&(o=1),i[u]=t[u+o];return i}(y,v,w):function(t,e,r,n){var i=t.length+1;if(n&&e+1===i)return t[e]=r,t;for(var o=new Array(i),u=0,s=0;s<i;s++)s===e?(o[s]=r,u=-1):o[s]=t[s+u];return o}(y,v,g,w);return w?(this.bitmap=m,this.nodes=b,this):new Te(t,m,b)};var Be=function(t,e,r){this.ownerID=t,this.count=e,this.nodes=r};Be.prototype.get=function(t,e,n,o){void 0===e&&(e=vt(n));var u=(0===t?e:e>>>t)&i,s=this.nodes[u];return s?s.get(t+r,e,n,o):o},Be.prototype.update=function(t,e,n,u,s,a,c){void 0===n&&(n=vt(u));var f=(0===e?n:n>>>e)&i,h=s===o,p=this.nodes,_=p[f];if(h&&!_)return this;var l=Ye(_,t,e+r,n,u,s,a,c);if(l===_)return this;var v=this.count;if(_){if(!l&&--v<tr)return function(t,e,r,n){for(var i=0,o=0,u=new Array(r),s=0,a=1,c=e.length;s<c;s++,a<<=1){var f=e[s];void 0!==f&&s!==n&&(i|=a,u[o++]=f)}return new Te(t,i,u)}(t,p,v,f)}else v++;var y=t&&t===this.ownerID,d=Ge(p,f,l,y);return y?(this.count=v,this.nodes=d,this):new Be(t,v,d)};var Ke=function(t,e,r){this.ownerID=t,this.keyHash=e,this.entries=r};Ke.prototype.get=function(t,e,r,n){for(var i=this.entries,o=0,u=i.length;o<u;o++)if(ht(r,i[o][0]))return i[o][1];return n},Ke.prototype.update=function(t,e,r,n,i,s,a){void 0===r&&(r=vt(n));var c=i===o;if(r!==this.keyHash)return c?this:(u(a),u(s),Xe(this,t,e,r,[n,i]));for(var f=this.entries,h=0,p=f.length;h<p&&!ht(n,f[h][0]);h++);var _=h<p;if(_?f[h][1]===i:c)return this;if(u(a),(c||!_)&&u(s),c&&2===p)return new Le(t,this.keyHash,f[1^h]);var l=t&&t===this.ownerID,v=l?f:Zt(f);return _?c?h===p-1?v.pop():v[h]=v.pop():v[h]=[n,i]:v.push([n,i]),l?(this.entries=v,this):new Ke(t,this.keyHash,v)};var Le=function(t,e,r){this.ownerID=t,this.keyHash=e,this.entry=r};Le.prototype.get=function(t,e,r,n){return ht(r,this.entry[0])?this.entry[1]:n},Le.prototype.update=function(t,e,r,n,i,s,a){var c=i===o,f=ht(n,this.entry[0]);return(f?i===this.entry[1]:c)?this:(u(a),c?void u(s):f?t&&t===this.ownerID?(this.entry[1]=i,this):new Le(t,this.keyHash,[n,i]):(u(s),Xe(this,t,e,vt(n),[n,i])))},Ue.prototype.iterate=Ke.prototype.iterate=function(t,e){for(var r=this.entries,n=0,i=r.length-1;n<=i;n++)if(!1===t(r[e?i-n:n]))return!1},Te.prototype.iterate=Be.prototype.iterate=function(t,e){for(var r=this.nodes,n=0,i=r.length-1;n<=i;n++){var o=r[e?i-n:n];if(o&&!1===o.iterate(t,e))return!1}},Le.prototype.iterate=function(t,e){return t(this.entry)};var Ce,Pe=function(t){function e(t,e,r){this._type=e,this._reverse=r,this._stack=t._root&&Ne(t._root)}return t&&(e.__proto__=t),e.prototype=Object.create(t&&t.prototype),e.prototype.constructor=e,e.prototype.next=function(){for(var t=this._type,e=this._stack;e;){var r=e.node,n=e.index++,i=void 0;if(r.entry){if(0===n)return We(t,r.entry)}else if(r.entries){if(n<=(i=r.entries.length-1))return We(t,r.entries[this._reverse?i-n:n])}else if(n<=(i=r.nodes.length-1)){var o=r.nodes[this._reverse?i-n:n];if(o){if(o.entry)return We(t,o.entry);e=this._stack=Ne(o,e)}continue}e=this._stack=this._stack.__prev}return{value:void 0,done:!0}},e}(C);function We(t,e){return P(t,e[0],e[1])}function Ne(t,e){return{node:t,index:0,__prev:e}}function He(t,e,r,n){var i=Object.create(Re);return i.size=t,i._root=e,i.__ownerID=r,i.__hash=n,i.__altered=!1,i}function Je(){return Ce||(Ce=He(0))}function Ve(t,e,r){var n,i;if(t._root){var u={value:!1},s={value:!1};if(n=Ye(t._root,t.__ownerID,0,void 0,e,r,u,s),!s.value)return t;i=t.size+(u.value?r===o?-1:1:0)}else{if(r===o)return t;i=1,n=new Ue(t.__ownerID,[[e,r]])}return t.__ownerID?(t.size=i,t._root=n,t.__hash=void 0,t.__altered=!0,t):n?He(i,n):Je()}function Ye(t,e,r,n,i,s,a,c){return t?t.update(e,r,n,i,s,a,c):s===o?t:(u(c),u(a),new Le(e,n,[i,s]))}function Qe(t){return t.constructor===Le||t.constructor===Ke}function Xe(t,e,n,o,u){if(t.keyHash===o)return new Ke(e,o,[t.entry,u]);var s,a=(0===n?t.keyHash:t.keyHash>>>n)&i,c=(0===n?o:o>>>n)&i,f=a===c?[Xe(t,e,n+r,o,u)]:(s=new Le(e,o,u),a<c?[t,s]:[s,t]);return new Te(e,1<<a|1<<c,f)}function Fe(t){return t=(t=(858993459&(t-=t>>1&1431655765))+(t>>2&858993459))+(t>>4)&252645135,t+=t>>8,127&(t+=t>>16)}function Ge(t,e,r,n){var i=n?t:Zt(t);return i[e]=r,i}var Ze=n/4,$e=n/2,tr=n/4,er="@@__IMMUTABLE_LIST__@@";function rr(t){return Boolean(t&&t[er])}var nr=function(t){function e(e){var i=cr();if(null==e)return i;if(rr(e))return e;var o=t(e),u=o.size;return 0===u?i:(te(u),u>0&&u<n?ar(0,u,r,null,new or(o.toArray())):i.withMutations((function(t){t.setSize(u),o.forEach((function(e,r){return t.set(r,e)}))})))}return t&&(e.__proto__=t),e.prototype=Object.create(t&&t.prototype),e.prototype.constructor=e,e.of=function(){return this(arguments)},e.prototype.toString=function(){return this.__toString("List [","]")},e.prototype.get=function(t,e){if((t=c(this,t))>=0&&t<this.size){var r=pr(this,t+=this._origin);return r&&r.array[t&i]}return e},e.prototype.set=function(t,e){return function(t,e,r){if(e=c(t,e),e!=e)return t;if(e>=t.size||e<0)return t.withMutations((function(t){e<0?_r(t,e).set(0,r):_r(t,0,e+1).set(e,r)}));e+=t._origin;var n=t._tail,i=t._root,o={value:!1};e>=lr(t._capacity)?n=fr(n,t.__ownerID,0,e,r,o):i=fr(i,t.__ownerID,t._level,e,r,o);if(!o.value)return t;if(t.__ownerID)return t._root=i,t._tail=n,t.__hash=void 0,t.__altered=!0,t;return ar(t._origin,t._capacity,t._level,i,n)}(this,t,e)},e.prototype.remove=function(t){return this.has(t)?0===t?this.shift():t===this.size-1?this.pop():this.splice(t,1):this},e.prototype.insert=function(t,e){return this.splice(t,0,e)},e.prototype.clear=function(){return 0===this.size?this:this.__ownerID?(this.size=this._origin=this._capacity=0,this._level=r,this._root=this._tail=this.__hash=void 0,this.__altered=!0,this):cr()},e.prototype.push=function(){var t=arguments,e=this.size;return this.withMutations((function(r){_r(r,0,e+t.length);for(var n=0;n<t.length;n++)r.set(e+n,t[n])}))},e.prototype.pop=function(){return _r(this,0,-1)},e.prototype.unshift=function(){var t=arguments;return this.withMutations((function(e){_r(e,-t.length);for(var r=0;r<t.length;r++)e.set(r,t[r])}))},e.prototype.shift=function(){return _r(this,1)},e.prototype.shuffle=function(t){return void 0===t&&(t=Math.random),this.withMutations((function(e){for(var r,n,i=e.size;i;)r=Math.floor(t()*i--),n=e.get(r),e.set(r,e.get(i)),e.set(i,n)}))},e.prototype.concat=function(){for(var e=arguments,r=[],n=0;n<arguments.length;n++){var i=e[n],o=t("string"!=typeof i&&N(i)?i:[i]);0!==o.size&&r.push(o)}return 0===r.length?this:0!==this.size||this.__ownerID||1!==r.length?this.withMutations((function(t){r.forEach((function(e){return e.forEach((function(e){return t.push(e)}))}))})):this.constructor(r[0])},e.prototype.setSize=function(t){return _r(this,0,t)},e.prototype.map=function(t,e){var r=this;return this.withMutations((function(n){for(var i=0;i<r.size;i++)n.set(i,t.call(e,n.get(i),i,r))}))},e.prototype.slice=function(t,e){var r=this.size;return h(t,e,r)?this:_r(this,p(t,r),_(e,r))},e.prototype.__iterator=function(t,e){var r=e?this.size:0,n=sr(this,e);return new C((function(){var i=n();return i===ur?{value:void 0,done:!0}:P(t,e?--r:r++,i)}))},e.prototype.__iterate=function(t,e){for(var r,n=e?this.size:0,i=sr(this,e);(r=i())!==ur&&!1!==t(r,e?--n:n++,this););return n},e.prototype.__ensureOwner=function(t){return t===this.__ownerID?this:t?ar(this._origin,this._capacity,this._level,this._root,this._tail,t,this.__hash):0===this.size?cr():(this.__ownerID=t,this.__altered=!1,this)},e}(O);nr.isList=rr;var ir=nr.prototype;ir[er]=!0,ir[e]=ir.remove,ir.merge=ir.concat,ir.setIn=le,ir.deleteIn=ir.removeIn=ye,ir.update=ge,ir.updateIn=we,ir.mergeIn=je,ir.mergeDeepIn=qe,ir.withMutations=Me,ir.wasAltered=Ae,ir.asImmutable=xe,ir["@@transducer/init"]=ir.asMutable=De,ir["@@transducer/step"]=function(t,e){return t.push(e)},ir["@@transducer/result"]=function(t){return t.asImmutable()};var or=function(t,e){this.array=t,this.ownerID=e};or.prototype.removeBefore=function(t,e,n){if(0==(n&(1<<e+r)-1)||0===this.array.length)return this;var o=n>>>e&i;if(o>=this.array.length)return new or([],t);var u,s=0===o;if(e>0){var a=this.array[o];if((u=a&&a.removeBefore(t,e-r,n))===a&&s)return this}if(s&&!u)return this;var c=hr(this,t);if(!s)for(var f=0;f<o;f++)c.array[f]=void 0;return u&&(c.array[o]=u),c},or.prototype.removeAfter=function(t,e,o){if(o===(e?1<<e+r:n)||0===this.array.length)return this;var u,s=o-1>>>e&i;if(s>=this.array.length)return this;if(e>0){var a=this.array[s];if((u=a&&a.removeAfter(t,e-r,o))===a&&s===this.array.length-1)return this}var c=hr(this,t);return c.array.splice(s+1),u&&(c.array[s]=u),c};var ur={};function sr(t,e){var i=t._origin,o=t._capacity,u=lr(o),s=t._tail;return a(t._root,t._level,0);function a(t,c,f){return 0===c?function(t,r){var a=r===u?s&&s.array:t&&t.array,c=r>i?0:i-r,f=o-r;f>n&&(f=n);return function(){if(c===f)return ur;var t=e?--f:c++;return a&&a[t]}}(t,f):function(t,u,s){var c,f=t&&t.array,h=s>i?0:i-s>>u,p=1+(o-s>>u);p>n&&(p=n);return function(){for(;;){if(c){var t=c();if(t!==ur)return t;c=null}if(h===p)return ur;var n=e?--p:h++;c=a(f&&f[n],u-r,s+(n<<u))}}}(t,c,f)}}function ar(t,e,r,n,i,o,u){var s=Object.create(ir);return s.size=e-t,s._origin=t,s._capacity=e,s._level=r,s._root=n,s._tail=i,s.__ownerID=o,s.__hash=u,s.__altered=!1,s}function cr(){return ar(0,0,r)}function fr(t,e,n,o,s,a){var c,f=o>>>n&i,h=t&&f<t.array.length;if(!h&&void 0===s)return t;if(n>0){var p=t&&t.array[f],_=fr(p,e,n-r,o,s,a);return _===p?t:((c=hr(t,e)).array[f]=_,c)}return h&&t.array[f]===s?t:(a&&u(a),c=hr(t,e),void 0===s&&f===c.array.length-1?c.array.pop():c.array[f]=s,c)}function hr(t,e){return e&&t&&e===t.ownerID?t:new or(t?t.array.slice():[],e)}function pr(t,e){if(e>=lr(t._capacity))return t._tail;if(e<1<<t._level+r){for(var n=t._root,o=t._level;n&&o>0;)n=n.array[e>>>o&i],o-=r;return n}}function _r(t,e,n){void 0!==e&&(e|=0),void 0!==n&&(n|=0);var o=t.__ownerID||new s,u=t._origin,a=t._capacity,c=u+e,f=void 0===n?a:n<0?a+n:u+n;if(c===u&&f===a)return t;if(c>=f)return t.clear();for(var h=t._level,p=t._root,_=0;c+_<0;)p=new or(p&&p.array.length?[void 0,p]:[],o),_+=1<<(h+=r);_&&(c+=_,u+=_,f+=_,a+=_);for(var l=lr(a),v=lr(f);v>=1<<h+r;)p=new or(p&&p.array.length?[p]:[],o),h+=r;var y=t._tail,d=v<l?pr(t,f-1):v>l?new or([],o):y;if(y&&v>l&&c<a&&y.array.length){for(var g=p=hr(p,o),w=h;w>r;w-=r){var m=l>>>w&i;g=g.array[m]=hr(g.array[m],o)}g.array[l>>>r&i]=y}if(f<a&&(d=d&&d.removeAfter(o,0,f)),c>=v)c-=v,f-=v,h=r,p=null,d=d&&d.removeBefore(o,0,c);else if(c>u||v<l){for(_=0;p;){var b=c>>>h&i;if(b!==v>>>h&i)break;b&&(_+=(1<<h)*b),h-=r,p=p.array[b]}p&&c>u&&(p=p.removeBefore(o,h,c-_)),p&&v<l&&(p=p.removeAfter(o,h,v-_)),_&&(c-=_,f-=_)}return t.__ownerID?(t.size=f-c,t._origin=c,t._capacity=f,t._level=h,t._root=p,t._tail=d,t.__hash=void 0,t.__altered=!0,t):ar(c,f,h,p,d)}function lr(t){return t<n?0:t-1>>>r<<r}var vr,yr=function(t){function e(t){return null==t?gr():ct(t)?t:gr().withMutations((function(e){var r=I(t);te(r.size),r.forEach((function(t,r){return e.set(r,t)}))}))}return t&&(e.__proto__=t),e.prototype=Object.create(t&&t.prototype),e.prototype.constructor=e,e.of=function(){return this(arguments)},e.prototype.toString=function(){return this.__toString("OrderedMap {","}")},e.prototype.get=function(t,e){var r=this._map.get(t);return void 0!==r?this._list.get(r)[1]:e},e.prototype.clear=function(){return 0===this.size?this:this.__ownerID?(this.size=0,this._map.clear(),this._list.clear(),this.__altered=!0,this):gr()},e.prototype.set=function(t,e){return wr(this,t,e)},e.prototype.remove=function(t){return wr(this,t,o)},e.prototype.__iterate=function(t,e){var r=this;return this._list.__iterate((function(e){return e&&t(e[1],e[0],r)}),e)},e.prototype.__iterator=function(t,e){return this._list.fromEntrySeq().__iterator(t,e)},e.prototype.__ensureOwner=function(t){if(t===this.__ownerID)return this;var e=this._map.__ensureOwner(t),r=this._list.__ensureOwner(t);return t?dr(e,r,t,this.__hash):0===this.size?gr():(this.__ownerID=t,this.__altered=!1,this._map=e,this._list=r,this)},e}(ke);function dr(t,e,r,n){var i=Object.create(yr.prototype);return i.size=t?t.size:0,i._map=t,i._list=e,i.__ownerID=r,i.__hash=n,i.__altered=!1,i}function gr(){return vr||(vr=dr(Je(),cr()))}function wr(t,e,r){var i,u,s=t._map,a=t._list,c=s.get(e),f=void 0!==c;if(r===o){if(!f)return t;a.size>=n&&a.size>=2*s.size?(i=(u=a.filter((function(t,e){return void 0!==t&&c!==e}))).toKeyedSeq().map((function(t){return t[0]})).flip().toMap(),t.__ownerID&&(i.__ownerID=u.__ownerID=t.__ownerID)):(i=s.remove(e),u=c===a.size-1?a.pop():a.set(c,void 0))}else if(f){if(r===a.get(c)[1])return t;i=s,u=a.set(c,[e,r])}else i=s.set(e,a.size),u=a.set(a.size,[e,r]);return t.__ownerID?(t.size=i.size,t._map=i,t._list=u,t.__hash=void 0,t.__altered=!0,t):dr(i,u)}yr.isOrderedMap=ct,yr.prototype[A]=!0,yr.prototype[e]=yr.prototype.remove;var mr="@@__IMMUTABLE_STACK__@@";function br(t){return Boolean(t&&t[mr])}var zr=function(t){function e(t){return null==t?Er():br(t)?t:Er().pushAll(t)}return t&&(e.__proto__=t),e.prototype=Object.create(t&&t.prototype),e.prototype.constructor=e,e.of=function(){return this(arguments)},e.prototype.toString=function(){return this.__toString("Stack [","]")},e.prototype.get=function(t,e){var r=this._head;for(t=c(this,t);r&&t--;)r=r.next;return r?r.value:e},e.prototype.peek=function(){return this._head&&this._head.value},e.prototype.push=function(){var t=arguments;if(0===arguments.length)return this;for(var e=this.size+arguments.length,r=this._head,n=arguments.length-1;n>=0;n--)r={value:t[n],next:r};return this.__ownerID?(this.size=e,this._head=r,this.__hash=void 0,this.__altered=!0,this):Or(e,r)},e.prototype.pushAll=function(e){if(0===(e=t(e)).size)return this;if(0===this.size&&br(e))return e;te(e.size);var r=this.size,n=this._head;return e.__iterate((function(t){r++,n={value:t,next:n}}),!0),this.__ownerID?(this.size=r,this._head=n,this.__hash=void 0,this.__altered=!0,this):Or(r,n)},e.prototype.pop=function(){return this.slice(1)},e.prototype.clear=function(){return 0===this.size?this:this.__ownerID?(this.size=0,this._head=void 0,this.__hash=void 0,this.__altered=!0,this):Er()},e.prototype.slice=function(e,r){if(h(e,r,this.size))return this;var n=p(e,this.size);if(_(r,this.size)!==this.size)return t.prototype.slice.call(this,e,r);for(var i=this.size-n,o=this._head;n--;)o=o.next;return this.__ownerID?(this.size=i,this._head=o,this.__hash=void 0,this.__altered=!0,this):Or(i,o)},e.prototype.__ensureOwner=function(t){return t===this.__ownerID?this:t?Or(this.size,this._head,t,this.__hash):0===this.size?Er():(this.__ownerID=t,this.__altered=!1,this)},e.prototype.__iterate=function(t,e){var r=this;if(e)return new $(this.toArray()).__iterate((function(e,n){return t(e,n,r)}),e);for(var n=0,i=this._head;i&&!1!==t(i.value,n++,this);)i=i.next;return n},e.prototype.__iterator=function(t,e){if(e)return new $(this.toArray()).__iterator(t,e);var r=0,n=this._head;return new C((function(){if(n){var e=n.value;return n=n.next,P(t,r++,e)}return{value:void 0,done:!0}}))},e}(O);zr.isStack=br;var Sr,Ir=zr.prototype;function Or(t,e,r,n){var i=Object.create(Ir);return i.size=t,i._head=e,i.__ownerID=r,i.__hash=n,i.__altered=!1,i}function Er(){return Sr||(Sr=Or(0))}Ir[mr]=!0,Ir.shift=Ir.pop,Ir.unshift=Ir.push,Ir.unshiftAll=Ir.pushAll,Ir.withMutations=Me,Ir.wasAltered=Ae,Ir.asImmutable=xe,Ir["@@transducer/init"]=Ir.asMutable=De,Ir["@@transducer/step"]=function(t,e){return t.unshift(e)},Ir["@@transducer/result"]=function(t){return t.asImmutable()};var jr="@@__IMMUTABLE_SET__@@";function qr(t){return Boolean(t&&t[jr])}function Mr(t){return qr(t)&&k(t)}function Dr(t,e){if(t===e)return!0;if(!d(e)||void 0!==t.size&&void 0!==e.size&&t.size!==e.size||void 0!==t.__hash&&void 0!==e.__hash&&t.__hash!==e.__hash||w(t)!==w(e)||b(t)!==b(e)||k(t)!==k(e))return!1;if(0===t.size&&0===e.size)return!0;var r=!z(t);if(k(t)){var n=t.entries();return e.every((function(t,e){var i=n.next().value;return i&&ht(i[1],t)&&(r||ht(i[0],e))}))&&n.next().done}var i=!1;if(void 0===t.size)if(void 0===e.size)"function"==typeof t.cacheResult&&t.cacheResult();else{i=!0;var u=t;t=e,e=u}var s=!0,a=e.__iterate((function(e,n){if(r?!t.has(e):i?!ht(e,t.get(n,o)):!ht(t.get(n,o),e))return s=!1,!1}));return s&&t.size===a}function xr(t,e){var r=function(r){t.prototype[r]=e[r]};return Object.keys(e).forEach(r),Object.getOwnPropertySymbols&&Object.getOwnPropertySymbols(e).forEach(r),t}function Ar(t){if(!t||"object"!=typeof t)return t;if(!d(t)){if(!ie(t))return t;t=X(t)}if(w(t)){var e={};return t.__iterate((function(t,r){e[r]=Ar(t)})),e}var r=[];return t.__iterate((function(t){r.push(Ar(t))})),r}var kr=function(t){function e(e){return null==e?Kr():qr(e)&&!k(e)?e:Kr().withMutations((function(r){var n=t(e);te(n.size),n.forEach((function(t){return r.add(t)}))}))}return t&&(e.__proto__=t),e.prototype=Object.create(t&&t.prototype),e.prototype.constructor=e,e.of=function(){return this(arguments)},e.fromKeys=function(t){return this(I(t).keySeq())},e.intersect=function(t){return(t=S(t).toArray()).length?Ur.intersect.apply(e(t.pop()),t):Kr()},e.union=function(t){return(t=S(t).toArray()).length?Ur.union.apply(e(t.pop()),t):Kr()},e.prototype.toString=function(){return this.__toString("Set {","}")},e.prototype.has=function(t){return this._map.has(t)},e.prototype.add=function(t){return Tr(this,this._map.set(t,t))},e.prototype.remove=function(t){return Tr(this,this._map.remove(t))},e.prototype.clear=function(){return Tr(this,this._map.clear())},e.prototype.map=function(t,e){var r=this,n=!1,i=Tr(this,this._map.mapEntries((function(i){var o=i[1],u=t.call(e,o,o,r);return u!==o&&(n=!0),[u,u]}),e));return n?i:this},e.prototype.union=function(){for(var e=[],r=arguments.length;r--;)e[r]=arguments[r];return 0===(e=e.filter((function(t){return 0!==t.size}))).length?this:0!==this.size||this.__ownerID||1!==e.length?this.withMutations((function(r){for(var n=0;n<e.length;n++)"string"==typeof e[n]?r.add(e[n]):t(e[n]).forEach((function(t){return r.add(t)}))})):this.constructor(e[0])},e.prototype.intersect=function(){for(var e=[],r=arguments.length;r--;)e[r]=arguments[r];if(0===e.length)return this;e=e.map((function(e){return t(e)}));var n=[];return this.forEach((function(t){e.every((function(e){return e.includes(t)}))||n.push(t)})),this.withMutations((function(t){n.forEach((function(e){t.remove(e)}))}))},e.prototype.subtract=function(){for(var e=[],r=arguments.length;r--;)e[r]=arguments[r];if(0===e.length)return this;e=e.map((function(e){return t(e)}));var n=[];return this.forEach((function(t){e.some((function(e){return e.includes(t)}))&&n.push(t)})),this.withMutations((function(t){n.forEach((function(e){t.remove(e)}))}))},e.prototype.sort=function(t){return nn(Wt(this,t))},e.prototype.sortBy=function(t,e){return nn(Wt(this,e,t))},e.prototype.wasAltered=function(){return this._map.wasAltered()},e.prototype.__iterate=function(t,e){var r=this;return this._map.__iterate((function(e){return t(e,e,r)}),e)},e.prototype.__iterator=function(t,e){return this._map.__iterator(t,e)},e.prototype.__ensureOwner=function(t){if(t===this.__ownerID)return this;var e=this._map.__ensureOwner(t);return t?this.__make(e,t):0===this.size?this.__empty():(this.__ownerID=t,this._map=e,this)},e}(E);kr.isSet=qr;var Rr,Ur=kr.prototype;function Tr(t,e){return t.__ownerID?(t.size=e.size,t._map=e,t):e===t._map?t:0===e.size?t.__empty():t.__make(e)}function Br(t,e){var r=Object.create(Ur);return r.size=t?t.size:0,r._map=t,r.__ownerID=e,r}function Kr(){return Rr||(Rr=Br(Je()))}Ur[jr]=!0,Ur[e]=Ur.remove,Ur.merge=Ur.concat=Ur.union,Ur.withMutations=Me,Ur.asImmutable=xe,Ur["@@transducer/init"]=Ur.asMutable=De,Ur["@@transducer/step"]=function(t,e){return t.add(e)},Ur["@@transducer/result"]=function(t){return t.asImmutable()},Ur.__empty=Kr,Ur.__make=Br;var Lr,Cr=function(t){function e(t,r,n){if(void 0===n&&(n=1),!(this instanceof e))return new e(t,r,n);if($t(0!==n,"Cannot step a Range by 0"),$t(void 0!==t,"You must define a start value when using Range"),$t(void 0!==r,"You must define an end value when using Range"),n=Math.abs(n),r<t&&(n=-n),this._start=t,this._end=r,this._step=n,this.size=Math.max(0,Math.ceil((r-t)/n-1)+1),0===this.size){if(Lr)return Lr;Lr=this}}return t&&(e.__proto__=t),e.prototype=Object.create(t&&t.prototype),e.prototype.constructor=e,e.prototype.toString=function(){return 0===this.size?"Range []":"Range [ "+this._start+"..."+this._end+(1!==this._step?" by "+this._step:"")+" ]"},e.prototype.get=function(t,e){return this.has(t)?this._start+c(this,t)*this._step:e},e.prototype.includes=function(t){var e=(t-this._start)/this._step;return e>=0&&e<this.size&&e===Math.floor(e)},e.prototype.slice=function(t,r){return h(t,r,this.size)?this:(t=p(t,this.size),(r=_(r,this.size))<=t?new e(0,0):new e(this.get(t,this._end),this.get(r,this._end),this._step))},e.prototype.indexOf=function(t){var e=t-this._start;if(e%this._step==0){var r=e/this._step;if(r>=0&&r<this.size)return r}return-1},e.prototype.lastIndexOf=function(t){return this.indexOf(t)},e.prototype.__iterate=function(t,e){for(var r=this.size,n=this._step,i=e?this._start+(r-1)*n:this._start,o=0;o!==r&&!1!==t(i,e?r-++o:o++,this);)i+=e?-n:n;return o},e.prototype.__iterator=function(t,e){var r=this.size,n=this._step,i=e?this._start+(r-1)*n:this._start,o=0;return new C((function(){if(o===r)return{value:void 0,done:!0};var u=i;return i+=e?-n:n,P(t,e?r-++o:o++,u)}))},e.prototype.equals=function(t){return t instanceof e?this._start===t._start&&this._end===t._end&&this._step===t._step:Dr(this,t)},e}(G);function Pr(t,e,r){for(var n=ee(e),i=0;i!==n.length;)if((t=se(t,n[i++],o))===o)return r;return t}function Wr(t,e){return Pr(this,t,e)}function Nr(t,e){return Pr(t,e,o)!==o}function Hr(){te(this.size);var t={};return this.__iterate((function(e,r){t[r]=e})),t}S.Iterator=C,xr(S,{toArray:function(){te(this.size);var t=new Array(this.size||0),e=w(this),r=0;return this.__iterate((function(n,i){t[r++]=e?[i,n]:n})),t},toIndexedSeq:function(){return new xt(this)},toJS:function(){return Ar(this)},toKeyedSeq:function(){return new Dt(this,!0)},toMap:function(){return ke(this.toKeyedSeq())},toObject:Hr,toOrderedMap:function(){return yr(this.toKeyedSeq())},toOrderedSet:function(){return nn(w(this)?this.valueSeq():this)},toSet:function(){return kr(w(this)?this.valueSeq():this)},toSetSeq:function(){return new At(this)},toSeq:function(){return b(this)?this.toIndexedSeq():w(this)?this.toKeyedSeq():this.toSetSeq()},toStack:function(){return zr(w(this)?this.valueSeq():this)},toList:function(){return nr(w(this)?this.valueSeq():this)},toString:function(){return"[Collection]"},__toString:function(t,e){return 0===this.size?t+e:t+" "+this.toSeq().map(this.__toStringMapper).join(", ")+" "+e},concat:function(){for(var t=[],e=arguments.length;e--;)t[e]=arguments[e];return Vt(this,function(t,e){var r=w(t),n=[t].concat(e).map((function(t){return d(t)?r&&(t=I(t)):t=r?it(t):ot(Array.isArray(t)?t:[t]),t})).filter((function(t){return 0!==t.size}));if(0===n.length)return t;if(1===n.length){var i=n[0];if(i===t||r&&w(i)||b(t)&&b(i))return i}return new Ct(n)}(this,t))},includes:function(t){return this.some((function(e){return ht(e,t)}))},entries:function(){return this.__iterator(T)},every:function(t,e){te(this.size);var r=!0;return this.__iterate((function(n,i,o){if(!t.call(e,n,i,o))return r=!1,!1})),r},filter:function(t,e){return Vt(this,Bt(this,t,e,!0))},partition:function(t,e){return function(t,e,r){var n=w(t),i=[[],[]];t.__iterate((function(o,u){i[e.call(r,o,u,t)?1:0].push(n?[u,o]:o)}));var o=Qt(t);return i.map((function(e){return Vt(t,o(e))}))}(this,t,e)},find:function(t,e,r){var n=this.findEntry(t,e);return n?n[1]:r},forEach:function(t,e){return te(this.size),this.__iterate(e?t.bind(e):t)},join:function(t){te(this.size),t=void 0!==t?""+t:",";var e="",r=!0;return this.__iterate((function(n){r?r=!1:e+=t,e+=null!=n?n.toString():""})),e},keys:function(){return this.__iterator(R)},map:function(t,e){return Vt(this,Ut(this,t,e))},reduce:function(t,e,r){return Xr(this,t,e,r,arguments.length<2,!1)},reduceRight:function(t,e,r){return Xr(this,t,e,r,arguments.length<2,!0)},reverse:function(){return Vt(this,Tt(this,!0))},slice:function(t,e){return Vt(this,Kt(this,t,e,!0))},some:function(t,e){te(this.size);var r=!1;return this.__iterate((function(n,i,o){if(t.call(e,n,i,o))return r=!0,!1})),r},sort:function(t){return Vt(this,Wt(this,t))},values:function(){return this.__iterator(U)},butLast:function(){return this.slice(0,-1)},isEmpty:function(){return void 0!==this.size?0===this.size:!this.some((function(){return!0}))},count:function(t,e){return a(t?this.toSeq().filter(t,e):this)},countBy:function(t,e){return function(t,e,r){var n=ke().asMutable();return t.__iterate((function(i,o){n.update(e.call(r,i,o,t),0,(function(t){return t+1}))})),n.asImmutable()}(this,t,e)},equals:function(t){return Dr(this,t)},entrySeq:function(){var t=this;if(t._cache)return new $(t._cache);var e=t.toSeq().map(Gr).toIndexedSeq();return e.fromEntrySeq=function(){return t.toSeq()},e},filterNot:function(t,e){return this.filter(Zr(t),e)},findEntry:function(t,e,r){var n=r;return this.__iterate((function(r,i,o){if(t.call(e,r,i,o))return n=[i,r],!1})),n},findKey:function(t,e){var r=this.findEntry(t,e);return r&&r[0]},findLast:function(t,e,r){return this.toKeyedSeq().reverse().find(t,e,r)},findLastEntry:function(t,e,r){return this.toKeyedSeq().reverse().findEntry(t,e,r)},findLastKey:function(t,e){return this.toKeyedSeq().reverse().findKey(t,e)},first:function(t){return this.find(f,null,t)},flatMap:function(t,e){return Vt(this,function(t,e,r){var n=Qt(t);return t.toSeq().map((function(i,o){return n(e.call(r,i,o,t))})).flatten(!0)}(this,t,e))},flatten:function(t){return Vt(this,Pt(this,t,!0))},fromEntrySeq:function(){return new kt(this)},get:function(t,e){return this.find((function(e,r){return ht(r,t)}),void 0,e)},getIn:Wr,groupBy:function(t,e){return function(t,e,r){var n=w(t),i=(k(t)?yr():ke()).asMutable();t.__iterate((function(o,u){i.update(e.call(r,o,u,t),(function(t){return(t=t||[]).push(n?[u,o]:o),t}))}));var o=Qt(t);return i.map((function(e){return Vt(t,o(e))})).asImmutable()}(this,t,e)},has:function(t){return this.get(t,o)!==o},hasIn:function(t){return Nr(this,t)},isSubset:function(t){return t="function"==typeof t.includes?t:S(t),this.every((function(e){return t.includes(e)}))},isSuperset:function(t){return(t="function"==typeof t.isSubset?t:S(t)).isSubset(this)},keyOf:function(t){return this.findKey((function(e){return ht(e,t)}))},keySeq:function(){return this.toSeq().map(Fr).toIndexedSeq()},last:function(t){return this.toSeq().reverse().first(t)},lastKeyOf:function(t){return this.toKeyedSeq().reverse().keyOf(t)},max:function(t){return Nt(this,t)},maxBy:function(t,e){return Nt(this,e,t)},min:function(t){return Nt(this,t?$r(t):en)},minBy:function(t,e){return Nt(this,e?$r(e):en,t)},rest:function(){return this.slice(1)},skip:function(t){return 0===t?this:this.slice(Math.max(0,t))},skipLast:function(t){return 0===t?this:this.slice(0,-Math.max(0,t))},skipWhile:function(t,e){return Vt(this,Lt(this,t,e,!0))},skipUntil:function(t,e){return this.skipWhile(Zr(t),e)},sortBy:function(t,e){return Vt(this,Wt(this,e,t))},take:function(t){return this.slice(0,Math.max(0,t))},takeLast:function(t){return this.slice(-Math.max(0,t))},takeWhile:function(t,e){return Vt(this,function(t,e,r){var n=Xt(t);return n.__iterateUncached=function(n,i){var o=this;if(i)return this.cacheResult().__iterate(n,i);var u=0;return t.__iterate((function(t,i,s){return e.call(r,t,i,s)&&++u&&n(t,i,o)})),u},n.__iteratorUncached=function(n,i){var o=this;if(i)return this.cacheResult().__iterator(n,i);var u=t.__iterator(T,i),s=!0;return new C((function(){if(!s)return{value:void 0,done:!0};var t=u.next();if(t.done)return t;var i=t.value,a=i[0],c=i[1];return e.call(r,c,a,o)?n===T?t:P(n,a,c,t):(s=!1,{value:void 0,done:!0})}))},n}(this,t,e))},takeUntil:function(t,e){return this.takeWhile(Zr(t),e)},update:function(t){return t(this)},valueSeq:function(){return this.toIndexedSeq()},hashCode:function(){return this.__hash||(this.__hash=function(t){if(t.size===1/0)return 0;var e=k(t),r=w(t),n=e?1:0;return t.__iterate(r?e?function(t,e){n=31*n+rn(vt(t),vt(e))|0}:function(t,e){n=n+rn(vt(t),vt(e))|0}:e?function(t){n=31*n+vt(t)|0}:function(t){n=n+vt(t)|0}),function(t,e){return e=pt(e,3432918353),e=pt(e<<15|e>>>-15,461845907),e=pt(e<<13|e>>>-13,5),e=pt((e=(e+3864292196|0)^t)^e>>>16,2246822507),e=_t((e=pt(e^e>>>13,3266489909))^e>>>16)}(t.size,n)}(this))}});var Jr=S.prototype;Jr[y]=!0,Jr[L]=Jr.values,Jr.toJSON=Jr.toArray,Jr.__toStringMapper=oe,Jr.inspect=Jr.toSource=function(){return this.toString()},Jr.chain=Jr.flatMap,Jr.contains=Jr.includes,xr(I,{flip:function(){return Vt(this,Rt(this))},mapEntries:function(t,e){var r=this,n=0;return Vt(this,this.toSeq().map((function(i,o){return t.call(e,[o,i],n++,r)})).fromEntrySeq())},mapKeys:function(t,e){var r=this;return Vt(this,this.toSeq().flip().map((function(n,i){return t.call(e,n,i,r)})).flip())}});var Vr=I.prototype;Vr[g]=!0,Vr[L]=Jr.entries,Vr.toJSON=Hr,Vr.__toStringMapper=function(t,e){return oe(e)+": "+oe(t)},xr(O,{toKeyedSeq:function(){return new Dt(this,!1)},filter:function(t,e){return Vt(this,Bt(this,t,e,!1))},findIndex:function(t,e){var r=this.findEntry(t,e);return r?r[0]:-1},indexOf:function(t){var e=this.keyOf(t);return void 0===e?-1:e},lastIndexOf:function(t){var e=this.lastKeyOf(t);return void 0===e?-1:e},reverse:function(){return Vt(this,Tt(this,!1))},slice:function(t,e){return Vt(this,Kt(this,t,e,!1))},splice:function(t,e){var r=arguments.length;if(e=Math.max(e||0,0),0===r||2===r&&!e)return this;t=p(t,t<0?this.count():this.size);var n=this.slice(0,t);return Vt(this,1===r?n:n.concat(Zt(arguments,2),this.slice(t+e)))},findLastIndex:function(t,e){var r=this.findLastEntry(t,e);return r?r[0]:-1},first:function(t){return this.get(0,t)},flatten:function(t){return Vt(this,Pt(this,t,!1))},get:function(t,e){return(t=c(this,t))<0||this.size===1/0||void 0!==this.size&&t>this.size?e:this.find((function(e,r){return r===t}),void 0,e)},has:function(t){return(t=c(this,t))>=0&&(void 0!==this.size?this.size===1/0||t<this.size:-1!==this.indexOf(t))},interpose:function(t){return Vt(this,function(t,e){var r=Xt(t);return r.size=t.size&&2*t.size-1,r.__iterateUncached=function(r,n){var i=this,o=0;return t.__iterate((function(t){return(!o||!1!==r(e,o++,i))&&!1!==r(t,o++,i)}),n),o},r.__iteratorUncached=function(r,n){var i,o=t.__iterator(U,n),u=0;return new C((function(){return(!i||u%2)&&(i=o.next()).done?i:u%2?P(r,u++,e):P(r,u++,i.value,i)}))},r}(this,t))},interleave:function(){var t=[this].concat(Zt(arguments)),e=Jt(this.toSeq(),G.of,t),r=e.flatten(!0);return e.size&&(r.size=e.size*t.length),Vt(this,r)},keySeq:function(){return Cr(0,this.size)},last:function(t){return this.get(-1,t)},skipWhile:function(t,e){return Vt(this,Lt(this,t,e,!1))},zip:function(){return Vt(this,Jt(this,tn,[this].concat(Zt(arguments))))},zipAll:function(){return Vt(this,Jt(this,tn,[this].concat(Zt(arguments)),!0))},zipWith:function(t){var e=Zt(arguments);return e[0]=this,Vt(this,Jt(this,t,e))}});var Yr=O.prototype;Yr[m]=!0,Yr[A]=!0,xr(E,{get:function(t,e){return this.has(t)?t:e},includes:function(t){return this.has(t)},keySeq:function(){return this.valueSeq()}});var Qr=E.prototype;function Xr(t,e,r,n,i,o){return te(t.size),t.__iterate((function(t,o,u){i?(i=!1,r=t):r=e.call(n,r,t,o,u)}),o),r}function Fr(t,e){return e}function Gr(t,e){return[e,t]}function Zr(t){return function(){return!t.apply(this,arguments)}}function $r(t){return function(){return-t.apply(this,arguments)}}function tn(){return Zt(arguments)}function en(t,e){return t<e?1:t>e?-1:0}function rn(t,e){return t^e+2654435769+(t<<6)+(t>>2)|0}Qr.has=Jr.includes,Qr.contains=Qr.includes,Qr.keys=Qr.values,xr(F,Vr),xr(G,Yr),xr(Z,Qr);var nn=function(t){function e(t){return null==t?an():Mr(t)?t:an().withMutations((function(e){var r=E(t);te(r.size),r.forEach((function(t){return e.add(t)}))}))}return t&&(e.__proto__=t),e.prototype=Object.create(t&&t.prototype),e.prototype.constructor=e,e.of=function(){return this(arguments)},e.fromKeys=function(t){return this(I(t).keySeq())},e.prototype.toString=function(){return this.__toString("OrderedSet {","}")},e}(kr);nn.isOrderedSet=Mr;var on,un=nn.prototype;function sn(t,e){var r=Object.create(un);return r.size=t?t.size:0,r._map=t,r.__ownerID=e,r}function an(){return on||(on=sn(gr()))}un[A]=!0,un.zip=Yr.zip,un.zipWith=Yr.zipWith,un.zipAll=Yr.zipAll,un.__empty=an,un.__make=sn;var cn=function(t,e){var r;!function(t){if(D(t))throw new Error("Can not call `Record` with an immutable Record as default values. Use a plain javascript object instead.");if(x(t))throw new Error("Can not call `Record` with an immutable Collection as default values. Use a plain javascript object instead.");if(null===t||"object"!=typeof t)throw new Error("Can not call `Record` with a non-object as default values. Use a plain javascript object instead.")}(t);var n=function(o){var u=this;if(o instanceof n)return o;if(!(this instanceof n))return new n(o);if(!r){r=!0;var s=Object.keys(t),a=i._indices={};i._name=e,i._keys=s,i._defaultValues=t;for(var c=0;c<s.length;c++){var f=s[c];a[f]=c,i[f]?"object"==typeof console&&console.warn&&console.warn("Cannot define "+pn(this)+' with property "'+f+'" since that property name is part of the Record API.'):ln(i,f)}}return this.__ownerID=void 0,this._values=nr().withMutations((function(t){t.setSize(u._keys.length),I(o).forEach((function(e,r){t.set(u._indices[r],e===u._defaultValues[r]?void 0:e)}))})),this},i=n.prototype=Object.create(fn);return i.constructor=n,e&&(n.displayName=e),n};cn.prototype.toString=function(){for(var t,e=pn(this)+" { ",r=this._keys,n=0,i=r.length;n!==i;n++)e+=(n?", ":"")+(t=r[n])+": "+oe(this.get(t));return e+" }"},cn.prototype.equals=function(t){return this===t||D(t)&&_n(this).equals(_n(t))},cn.prototype.hashCode=function(){return _n(this).hashCode()},cn.prototype.has=function(t){return this._indices.hasOwnProperty(t)},cn.prototype.get=function(t,e){if(!this.has(t))return e;var r=this._indices[t],n=this._values.get(r);return void 0===n?this._defaultValues[t]:n},cn.prototype.set=function(t,e){if(this.has(t)){var r=this._values.set(this._indices[t],e===this._defaultValues[t]?void 0:e);if(r!==this._values&&!this.__ownerID)return hn(this,r)}return this},cn.prototype.remove=function(t){return this.set(t)},cn.prototype.clear=function(){var t=this._values.clear().setSize(this._keys.length);return this.__ownerID?this:hn(this,t)},cn.prototype.wasAltered=function(){return this._values.wasAltered()},cn.prototype.toSeq=function(){return _n(this)},cn.prototype.toJS=function(){return Ar(this)},cn.prototype.entries=function(){return this.__iterator(T)},cn.prototype.__iterator=function(t,e){return _n(this).__iterator(t,e)},cn.prototype.__iterate=function(t,e){return _n(this).__iterate(t,e)},cn.prototype.__ensureOwner=function(t){if(t===this.__ownerID)return this;var e=this._values.__ensureOwner(t);return t?hn(this,e,t):(this.__ownerID=t,this._values=e,this)},cn.isRecord=D,cn.getDescriptiveName=pn;var fn=cn.prototype;function hn(t,e,r){var n=Object.create(Object.getPrototypeOf(t));return n._values=e,n.__ownerID=r,n}function pn(t){return t.constructor.displayName||t.constructor.name||"Record"}function _n(t){return it(t._keys.map((function(e){return[e,t.get(e)]})))}function ln(t,e){try{Object.defineProperty(t,e,{get:function(){return this.get(e)},set:function(t){$t(this.__ownerID,"Cannot set on an immutable record."),this.set(e,t)}})}catch(t){}}fn[M]=!0,fn[e]=fn.remove,fn.deleteIn=fn.removeIn=ye,fn.getIn=Wr,fn.hasIn=Jr.hasIn,fn.merge=me,fn.mergeWith=be,fn.mergeIn=je,fn.mergeDeep=Oe,fn.mergeDeepWith=Ee,fn.mergeDeepIn=qe,fn.setIn=le,fn.update=ge,fn.updateIn=we,fn.withMutations=Me,fn.asMutable=De,fn.asImmutable=xe,fn[L]=fn.entries,fn.toJSON=fn.toObject=Jr.toObject,fn.inspect=fn.toSource=function(){return this.toString()};var vn,yn=function(t){function e(t,r){if(!(this instanceof e))return new e(t,r);if(this._value=t,this.size=void 0===r?1/0:Math.max(0,r),0===this.size){if(vn)return vn;vn=this}}return t&&(e.__proto__=t),e.prototype=Object.create(t&&t.prototype),e.prototype.constructor=e,e.prototype.toString=function(){return 0===this.size?"Repeat []":"Repeat [ "+this._value+" "+this.size+" times ]"},e.prototype.get=function(t,e){return this.has(t)?this._value:e},e.prototype.includes=function(t){return ht(this._value,t)},e.prototype.slice=function(t,r){var n=this.size;return h(t,r,n)?this:new e(this._value,_(r,n)-p(t,n))},e.prototype.reverse=function(){return this},e.prototype.indexOf=function(t){return ht(this._value,t)?0:-1},e.prototype.lastIndexOf=function(t){return ht(this._value,t)?this.size:-1},e.prototype.__iterate=function(t,e){for(var r=this.size,n=0;n!==r&&!1!==t(this._value,e?r-++n:n++,this););return n},e.prototype.__iterator=function(t,e){var r=this,n=this.size,i=0;return new C((function(){return i===n?{value:void 0,done:!0}:P(t,e?n-++i:i++,r._value)}))},e.prototype.equals=function(t){return t instanceof e?ht(this._value,t._value):Dr(this,t)},e}(G);function dn(t,e,r,n,i,o){if("string"!=typeof r&&!x(r)&&(Q(r)||N(r)||ne(r))){if(~t.indexOf(r))throw new TypeError("Cannot convert circular structure to Immutable");t.push(r),i&&""!==n&&i.push(n);var u=e.call(o,n,X(r).map((function(n,o){return dn(t,e,n,o,i,r)})),i&&i.slice());return t.pop(),i&&i.pop(),u}return r}function gn(t,e){return b(e)?e.toList():w(e)?e.toMap():e.toSet()}var wn=S;t.Collection=S,t.Iterable=wn,t.List=nr,t.Map=ke,t.OrderedMap=yr,t.OrderedSet=nn,t.PairSorting={LeftThenRight:-1,RightThenLeft:1},t.Range=Cr,t.Record=cn,t.Repeat=yn,t.Seq=X,t.Set=kr,t.Stack=zr,t.fromJS=function(t,e){return dn([],e||gn,t,"",e&&e.length>2?[]:void 0,{"":t})},t.get=se,t.getIn=Pr,t.has=ue,t.hasIn=Nr,t.hash=vt,t.is=ht,t.isAssociative=z,t.isCollection=d,t.isImmutable=x,t.isIndexed=b,t.isKeyed=w,t.isList=rr,t.isMap=at,t.isOrdered=k,t.isOrderedMap=ct,t.isOrderedSet=Mr,t.isPlainObject=ne,t.isRecord=D,t.isSeq=q,t.isSet=qr,t.isStack=br,t.isValueObject=ft,t.merge=function(t){for(var e=[],r=arguments.length-1;r-- >0;)e[r]=arguments[r+1];return Ie(t,e)},t.mergeDeep=function(t){for(var e=[],r=arguments.length-1;r-- >0;)e[r]=arguments[r+1];return Se(t,e)},t.mergeDeepWith=function(t,e){for(var r=[],n=arguments.length-2;n-- >0;)r[n]=arguments[n+2];return Se(e,r,t)},t.mergeWith=function(t,e){for(var r=[],n=arguments.length-2;n-- >0;)r[n]=arguments[n+2];return Ie(e,r,t)},t.remove=ce,t.removeIn=ve,t.set=fe,t.setIn=_e,t.update=de,t.updateIn=he,t.version="5.1.3"}));
diff --git a/node_modules/immutable/package.json b/node_modules/immutable/package.json
new file mode 100644
index 0000000..3ae65c8
--- /dev/null
+++ b/node_modules/immutable/package.json
@@ -0,0 +1,38 @@
+{
+  "name": "immutable",
+  "version": "5.1.3",
+  "description": "Immutable Data Collections",
+  "license": "MIT",
+  "homepage": "https://immutable-js.com",
+  "author": {
+    "name": "Lee Byron",
+    "url": "https://github.com/leebyron"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git://github.com/immutable-js/immutable-js.git"
+  },
+  "bugs": {
+    "url": "https://github.com/immutable-js/immutable-js/issues"
+  },
+  "main": "dist/immutable.js",
+  "module": "dist/immutable.es.js",
+  "types": "dist/immutable.d.ts",
+  "files": [
+    "dist",
+    "README.md",
+    "LICENSE"
+  ],
+  "keywords": [
+    "immutable",
+    "persistent",
+    "lazy",
+    "data",
+    "datastructure",
+    "functional",
+    "collection",
+    "stateless",
+    "sequence",
+    "iteration"
+  ]
+}
\ No newline at end of file
diff --git a/node_modules/is-extglob/LICENSE b/node_modules/is-extglob/LICENSE
new file mode 100644
index 0000000..842218c
--- /dev/null
+++ b/node_modules/is-extglob/LICENSE
@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2014-2016, Jon Schlinkert
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.
diff --git a/node_modules/is-extglob/README.md b/node_modules/is-extglob/README.md
new file mode 100644
index 0000000..0416af5
--- /dev/null
+++ b/node_modules/is-extglob/README.md
@@ -0,0 +1,107 @@
+# is-extglob [![NPM version](https://img.shields.io/npm/v/is-extglob.svg?style=flat)](https://www.npmjs.com/package/is-extglob) [![NPM downloads](https://img.shields.io/npm/dm/is-extglob.svg?style=flat)](https://npmjs.org/package/is-extglob) [![Build Status](https://img.shields.io/travis/jonschlinkert/is-extglob.svg?style=flat)](https://travis-ci.org/jonschlinkert/is-extglob)
+
+> Returns true if a string has an extglob.
+
+## Install
+
+Install with [npm](https://www.npmjs.com/):
+
+```sh
+$ npm install --save is-extglob
+```
+
+## Usage
+
+```js
+var isExtglob = require('is-extglob');
+```
+
+**True**
+
+```js
+isExtglob('?(abc)');
+isExtglob('@(abc)');
+isExtglob('!(abc)');
+isExtglob('*(abc)');
+isExtglob('+(abc)');
+```
+
+**False**
+
+Escaped extglobs:
+
+```js
+isExtglob('\\?(abc)');
+isExtglob('\\@(abc)');
+isExtglob('\\!(abc)');
+isExtglob('\\*(abc)');
+isExtglob('\\+(abc)');
+```
+
+Everything else...
+
+```js
+isExtglob('foo.js');
+isExtglob('!foo.js');
+isExtglob('*.js');
+isExtglob('**/abc.js');
+isExtglob('abc/*.js');
+isExtglob('abc/(aaa|bbb).js');
+isExtglob('abc/[a-z].js');
+isExtglob('abc/{a,b}.js');
+isExtglob('abc/?.js');
+isExtglob('abc.js');
+isExtglob('abc/def/ghi.js');
+```
+
+## History
+
+**v2.0**
+
+Adds support for escaping. Escaped exglobs no longer return true.
+
+## About
+
+### Related projects
+
+* [has-glob](https://www.npmjs.com/package/has-glob): Returns `true` if an array has a glob pattern. | [homepage](https://github.com/jonschlinkert/has-glob "Returns `true` if an array has a glob pattern.")
+* [is-glob](https://www.npmjs.com/package/is-glob): Returns `true` if the given string looks like a glob pattern or an extglob pattern… [more](https://github.com/jonschlinkert/is-glob) | [homepage](https://github.com/jonschlinkert/is-glob "Returns `true` if the given string looks like a glob pattern or an extglob pattern. This makes it easy to create code that only uses external modules like node-glob when necessary, resulting in much faster code execution and initialization time, and a bet")
+* [micromatch](https://www.npmjs.com/package/micromatch): Glob matching for javascript/node.js. A drop-in replacement and faster alternative to minimatch and multimatch. | [homepage](https://github.com/jonschlinkert/micromatch "Glob matching for javascript/node.js. A drop-in replacement and faster alternative to minimatch and multimatch.")
+
+### Contributing
+
+Pull requests and stars are always welcome. For bugs and feature requests, [please create an issue](../../issues/new).
+
+### Building docs
+
+_(This document was generated by [verb-generate-readme](https://github.com/verbose/verb-generate-readme) (a [verb](https://github.com/verbose/verb) generator), please don't edit the readme directly. Any changes to the readme must be made in [.verb.md](.verb.md).)_
+
+To generate the readme and API documentation with [verb](https://github.com/verbose/verb):
+
+```sh
+$ npm install -g verb verb-generate-readme && verb
+```
+
+### Running tests
+
+Install dev dependencies:
+
+```sh
+$ npm install -d && npm test
+```
+
+### Author
+
+**Jon Schlinkert**
+
+* [github/jonschlinkert](https://github.com/jonschlinkert)
+* [twitter/jonschlinkert](http://twitter.com/jonschlinkert)
+
+### License
+
+Copyright © 2016, [Jon Schlinkert](https://github.com/jonschlinkert).
+Released under the [MIT license](https://github.com/jonschlinkert/is-extglob/blob/master/LICENSE).
+
+***
+
+_This file was generated by [verb-generate-readme](https://github.com/verbose/verb-generate-readme), v0.1.31, on October 12, 2016._
\ No newline at end of file
diff --git a/node_modules/is-extglob/index.js b/node_modules/is-extglob/index.js
new file mode 100644
index 0000000..c1d986f
--- /dev/null
+++ b/node_modules/is-extglob/index.js
@@ -0,0 +1,20 @@
+/*!
+ * is-extglob <https://github.com/jonschlinkert/is-extglob>
+ *
+ * Copyright (c) 2014-2016, Jon Schlinkert.
+ * Licensed under the MIT License.
+ */
+
+module.exports = function isExtglob(str) {
+  if (typeof str !== 'string' || str === '') {
+    return false;
+  }
+
+  var match;
+  while ((match = /(\\).|([@?!+*]\(.*\))/g.exec(str))) {
+    if (match[2]) return true;
+    str = str.slice(match.index + match[0].length);
+  }
+
+  return false;
+};
diff --git a/node_modules/is-extglob/package.json b/node_modules/is-extglob/package.json
new file mode 100644
index 0000000..7a90836
--- /dev/null
+++ b/node_modules/is-extglob/package.json
@@ -0,0 +1,69 @@
+{
+  "name": "is-extglob",
+  "description": "Returns true if a string has an extglob.",
+  "version": "2.1.1",
+  "homepage": "https://github.com/jonschlinkert/is-extglob",
+  "author": "Jon Schlinkert (https://github.com/jonschlinkert)",
+  "repository": "jonschlinkert/is-extglob",
+  "bugs": {
+    "url": "https://github.com/jonschlinkert/is-extglob/issues"
+  },
+  "license": "MIT",
+  "files": [
+    "index.js"
+  ],
+  "main": "index.js",
+  "engines": {
+    "node": ">=0.10.0"
+  },
+  "scripts": {
+    "test": "mocha"
+  },
+  "devDependencies": {
+    "gulp-format-md": "^0.1.10",
+    "mocha": "^3.0.2"
+  },
+  "keywords": [
+    "bash",
+    "braces",
+    "check",
+    "exec",
+    "expression",
+    "extglob",
+    "glob",
+    "globbing",
+    "globstar",
+    "is",
+    "match",
+    "matches",
+    "pattern",
+    "regex",
+    "regular",
+    "string",
+    "test"
+  ],
+  "verb": {
+    "toc": false,
+    "layout": "default",
+    "tasks": [
+      "readme"
+    ],
+    "plugins": [
+      "gulp-format-md"
+    ],
+    "related": {
+      "list": [
+        "has-glob",
+        "is-glob",
+        "micromatch"
+      ]
+    },
+    "reflinks": [
+      "verb",
+      "verb-generate-readme"
+    ],
+    "lint": {
+      "reflinks": true
+    }
+  }
+}
diff --git a/node_modules/is-glob/LICENSE b/node_modules/is-glob/LICENSE
new file mode 100644
index 0000000..3f2eca1
--- /dev/null
+++ b/node_modules/is-glob/LICENSE
@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2014-2017, Jon Schlinkert.
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.
diff --git a/node_modules/is-glob/README.md b/node_modules/is-glob/README.md
new file mode 100644
index 0000000..740724b
--- /dev/null
+++ b/node_modules/is-glob/README.md
@@ -0,0 +1,206 @@
+# is-glob [![NPM version](https://img.shields.io/npm/v/is-glob.svg?style=flat)](https://www.npmjs.com/package/is-glob) [![NPM monthly downloads](https://img.shields.io/npm/dm/is-glob.svg?style=flat)](https://npmjs.org/package/is-glob) [![NPM total downloads](https://img.shields.io/npm/dt/is-glob.svg?style=flat)](https://npmjs.org/package/is-glob) [![Build Status](https://img.shields.io/github/workflow/status/micromatch/is-glob/dev)](https://github.com/micromatch/is-glob/actions)
+
+> Returns `true` if the given string looks like a glob pattern or an extglob pattern. This makes it easy to create code that only uses external modules like node-glob when necessary, resulting in much faster code execution and initialization time, and a better user experience.
+
+Please consider following this project's author, [Jon Schlinkert](https://github.com/jonschlinkert), and consider starring the project to show your :heart: and support.
+
+## Install
+
+Install with [npm](https://www.npmjs.com/):
+
+```sh
+$ npm install --save is-glob
+```
+
+You might also be interested in [is-valid-glob](https://github.com/jonschlinkert/is-valid-glob) and [has-glob](https://github.com/jonschlinkert/has-glob).
+
+## Usage
+
+```js
+var isGlob = require('is-glob');
+```
+
+### Default behavior
+
+**True**
+
+Patterns that have glob characters or regex patterns will return `true`:
+
+```js
+isGlob('!foo.js');
+isGlob('*.js');
+isGlob('**/abc.js');
+isGlob('abc/*.js');
+isGlob('abc/(aaa|bbb).js');
+isGlob('abc/[a-z].js');
+isGlob('abc/{a,b}.js');
+//=> true
+```
+
+Extglobs
+
+```js
+isGlob('abc/@(a).js');
+isGlob('abc/!(a).js');
+isGlob('abc/+(a).js');
+isGlob('abc/*(a).js');
+isGlob('abc/?(a).js');
+//=> true
+```
+
+**False**
+
+Escaped globs or extglobs return `false`:
+
+```js
+isGlob('abc/\\@(a).js');
+isGlob('abc/\\!(a).js');
+isGlob('abc/\\+(a).js');
+isGlob('abc/\\*(a).js');
+isGlob('abc/\\?(a).js');
+isGlob('\\!foo.js');
+isGlob('\\*.js');
+isGlob('\\*\\*/abc.js');
+isGlob('abc/\\*.js');
+isGlob('abc/\\(aaa|bbb).js');
+isGlob('abc/\\[a-z].js');
+isGlob('abc/\\{a,b}.js');
+//=> false
+```
+
+Patterns that do not have glob patterns return `false`:
+
+```js
+isGlob('abc.js');
+isGlob('abc/def/ghi.js');
+isGlob('foo.js');
+isGlob('abc/@.js');
+isGlob('abc/+.js');
+isGlob('abc/?.js');
+isGlob();
+isGlob(null);
+//=> false
+```
+
+Arrays are also `false` (If you want to check if an array has a glob pattern, use [has-glob](https://github.com/jonschlinkert/has-glob)):
+
+```js
+isGlob(['**/*.js']);
+isGlob(['foo.js']);
+//=> false
+```
+
+### Option strict
+
+When `options.strict === false` the behavior is less strict in determining if a pattern is a glob. Meaning that
+some patterns that would return `false` may return `true`. This is done so that matching libraries like [micromatch](https://github.com/micromatch/micromatch) have a chance at determining if the pattern is a glob or not.
+
+**True**
+
+Patterns that have glob characters or regex patterns will return `true`:
+
+```js
+isGlob('!foo.js', {strict: false});
+isGlob('*.js', {strict: false});
+isGlob('**/abc.js', {strict: false});
+isGlob('abc/*.js', {strict: false});
+isGlob('abc/(aaa|bbb).js', {strict: false});
+isGlob('abc/[a-z].js', {strict: false});
+isGlob('abc/{a,b}.js', {strict: false});
+//=> true
+```
+
+Extglobs
+
+```js
+isGlob('abc/@(a).js', {strict: false});
+isGlob('abc/!(a).js', {strict: false});
+isGlob('abc/+(a).js', {strict: false});
+isGlob('abc/*(a).js', {strict: false});
+isGlob('abc/?(a).js', {strict: false});
+//=> true
+```
+
+**False**
+
+Escaped globs or extglobs return `false`:
+
+```js
+isGlob('\\!foo.js', {strict: false});
+isGlob('\\*.js', {strict: false});
+isGlob('\\*\\*/abc.js', {strict: false});
+isGlob('abc/\\*.js', {strict: false});
+isGlob('abc/\\(aaa|bbb).js', {strict: false});
+isGlob('abc/\\[a-z].js', {strict: false});
+isGlob('abc/\\{a,b}.js', {strict: false});
+//=> false
+```
+
+## About
+
+<details>
+<summary><strong>Contributing</strong></summary>
+
+Pull requests and stars are always welcome. For bugs and feature requests, [please create an issue](../../issues/new).
+
+</details>
+
+<details>
+<summary><strong>Running Tests</strong></summary>
+
+Running and reviewing unit tests is a great way to get familiarized with a library and its API. You can install dependencies and run tests with the following command:
+
+```sh
+$ npm install && npm test
+```
+
+</details>
+
+<details>
+<summary><strong>Building docs</strong></summary>
+
+_(This project's readme.md is generated by [verb](https://github.com/verbose/verb-generate-readme), please don't edit the readme directly. Any changes to the readme must be made in the [.verb.md](.verb.md) readme template.)_
+
+To generate the readme, run the following command:
+
+```sh
+$ npm install -g verbose/verb#dev verb-generate-readme && verb
+```
+
+</details>
+
+### Related projects
+
+You might also be interested in these projects:
+
+* [assemble](https://www.npmjs.com/package/assemble): Get the rocks out of your socks! Assemble makes you fast at creating web projects… [more](https://github.com/assemble/assemble) | [homepage](https://github.com/assemble/assemble "Get the rocks out of your socks! Assemble makes you fast at creating web projects. Assemble is used by thousands of projects for rapid prototyping, creating themes, scaffolds, boilerplates, e-books, UI components, API documentation, blogs, building websit")
+* [base](https://www.npmjs.com/package/base): Framework for rapidly creating high quality, server-side node.js applications, using plugins like building blocks | [homepage](https://github.com/node-base/base "Framework for rapidly creating high quality, server-side node.js applications, using plugins like building blocks")
+* [update](https://www.npmjs.com/package/update): Be scalable! Update is a new, open source developer framework and CLI for automating updates… [more](https://github.com/update/update) | [homepage](https://github.com/update/update "Be scalable! Update is a new, open source developer framework and CLI for automating updates of any kind in code projects.")
+* [verb](https://www.npmjs.com/package/verb): Documentation generator for GitHub projects. Verb is extremely powerful, easy to use, and is used… [more](https://github.com/verbose/verb) | [homepage](https://github.com/verbose/verb "Documentation generator for GitHub projects. Verb is extremely powerful, easy to use, and is used on hundreds of projects of all sizes to generate everything from API docs to readmes.")
+
+### Contributors
+
+| **Commits** | **Contributor** |  
+| --- | --- |  
+| 47 | [jonschlinkert](https://github.com/jonschlinkert) |  
+| 5  | [doowb](https://github.com/doowb) |  
+| 1  | [phated](https://github.com/phated) |  
+| 1  | [danhper](https://github.com/danhper) |  
+| 1  | [paulmillr](https://github.com/paulmillr) |  
+
+### Author
+
+**Jon Schlinkert**
+
+* [GitHub Profile](https://github.com/jonschlinkert)
+* [Twitter Profile](https://twitter.com/jonschlinkert)
+* [LinkedIn Profile](https://linkedin.com/in/jonschlinkert)
+
+### License
+
+Copyright © 2019, [Jon Schlinkert](https://github.com/jonschlinkert).
+Released under the [MIT License](LICENSE).
+
+***
+
+_This file was generated by [verb-generate-readme](https://github.com/verbose/verb-generate-readme), v0.8.0, on March 27, 2019._
\ No newline at end of file
diff --git a/node_modules/is-glob/index.js b/node_modules/is-glob/index.js
new file mode 100644
index 0000000..620f563
--- /dev/null
+++ b/node_modules/is-glob/index.js
@@ -0,0 +1,150 @@
+/*!
+ * is-glob <https://github.com/jonschlinkert/is-glob>
+ *
+ * Copyright (c) 2014-2017, Jon Schlinkert.
+ * Released under the MIT License.
+ */
+
+var isExtglob = require('is-extglob');
+var chars = { '{': '}', '(': ')', '[': ']'};
+var strictCheck = function(str) {
+  if (str[0] === '!') {
+    return true;
+  }
+  var index = 0;
+  var pipeIndex = -2;
+  var closeSquareIndex = -2;
+  var closeCurlyIndex = -2;
+  var closeParenIndex = -2;
+  var backSlashIndex = -2;
+  while (index < str.length) {
+    if (str[index] === '*') {
+      return true;
+    }
+
+    if (str[index + 1] === '?' && /[\].+)]/.test(str[index])) {
+      return true;
+    }
+
+    if (closeSquareIndex !== -1 && str[index] === '[' && str[index + 1] !== ']') {
+      if (closeSquareIndex < index) {
+        closeSquareIndex = str.indexOf(']', index);
+      }
+      if (closeSquareIndex > index) {
+        if (backSlashIndex === -1 || backSlashIndex > closeSquareIndex) {
+          return true;
+        }
+        backSlashIndex = str.indexOf('\\', index);
+        if (backSlashIndex === -1 || backSlashIndex > closeSquareIndex) {
+          return true;
+        }
+      }
+    }
+
+    if (closeCurlyIndex !== -1 && str[index] === '{' && str[index + 1] !== '}') {
+      closeCurlyIndex = str.indexOf('}', index);
+      if (closeCurlyIndex > index) {
+        backSlashIndex = str.indexOf('\\', index);
+        if (backSlashIndex === -1 || backSlashIndex > closeCurlyIndex) {
+          return true;
+        }
+      }
+    }
+
+    if (closeParenIndex !== -1 && str[index] === '(' && str[index + 1] === '?' && /[:!=]/.test(str[index + 2]) && str[index + 3] !== ')') {
+      closeParenIndex = str.indexOf(')', index);
+      if (closeParenIndex > index) {
+        backSlashIndex = str.indexOf('\\', index);
+        if (backSlashIndex === -1 || backSlashIndex > closeParenIndex) {
+          return true;
+        }
+      }
+    }
+
+    if (pipeIndex !== -1 && str[index] === '(' && str[index + 1] !== '|') {
+      if (pipeIndex < index) {
+        pipeIndex = str.indexOf('|', index);
+      }
+      if (pipeIndex !== -1 && str[pipeIndex + 1] !== ')') {
+        closeParenIndex = str.indexOf(')', pipeIndex);
+        if (closeParenIndex > pipeIndex) {
+          backSlashIndex = str.indexOf('\\', pipeIndex);
+          if (backSlashIndex === -1 || backSlashIndex > closeParenIndex) {
+            return true;
+          }
+        }
+      }
+    }
+
+    if (str[index] === '\\') {
+      var open = str[index + 1];
+      index += 2;
+      var close = chars[open];
+
+      if (close) {
+        var n = str.indexOf(close, index);
+        if (n !== -1) {
+          index = n + 1;
+        }
+      }
+
+      if (str[index] === '!') {
+        return true;
+      }
+    } else {
+      index++;
+    }
+  }
+  return false;
+};
+
+var relaxedCheck = function(str) {
+  if (str[0] === '!') {
+    return true;
+  }
+  var index = 0;
+  while (index < str.length) {
+    if (/[*?{}()[\]]/.test(str[index])) {
+      return true;
+    }
+
+    if (str[index] === '\\') {
+      var open = str[index + 1];
+      index += 2;
+      var close = chars[open];
+
+      if (close) {
+        var n = str.indexOf(close, index);
+        if (n !== -1) {
+          index = n + 1;
+        }
+      }
+
+      if (str[index] === '!') {
+        return true;
+      }
+    } else {
+      index++;
+    }
+  }
+  return false;
+};
+
+module.exports = function isGlob(str, options) {
+  if (typeof str !== 'string' || str === '') {
+    return false;
+  }
+
+  if (isExtglob(str)) {
+    return true;
+  }
+
+  var check = strictCheck;
+
+  // optionally relax check
+  if (options && options.strict === false) {
+    check = relaxedCheck;
+  }
+
+  return check(str);
+};
diff --git a/node_modules/is-glob/package.json b/node_modules/is-glob/package.json
new file mode 100644
index 0000000..858af03
--- /dev/null
+++ b/node_modules/is-glob/package.json
@@ -0,0 +1,81 @@
+{
+  "name": "is-glob",
+  "description": "Returns `true` if the given string looks like a glob pattern or an extglob pattern. This makes it easy to create code that only uses external modules like node-glob when necessary, resulting in much faster code execution and initialization time, and a better user experience.",
+  "version": "4.0.3",
+  "homepage": "https://github.com/micromatch/is-glob",
+  "author": "Jon Schlinkert (https://github.com/jonschlinkert)",
+  "contributors": [
+    "Brian Woodward (https://twitter.com/doowb)",
+    "Daniel Perez (https://tuvistavie.com)",
+    "Jon Schlinkert (http://twitter.com/jonschlinkert)"
+  ],
+  "repository": "micromatch/is-glob",
+  "bugs": {
+    "url": "https://github.com/micromatch/is-glob/issues"
+  },
+  "license": "MIT",
+  "files": [
+    "index.js"
+  ],
+  "main": "index.js",
+  "engines": {
+    "node": ">=0.10.0"
+  },
+  "scripts": {
+    "test": "mocha && node benchmark.js"
+  },
+  "dependencies": {
+    "is-extglob": "^2.1.1"
+  },
+  "devDependencies": {
+    "gulp-format-md": "^0.1.10",
+    "mocha": "^3.0.2"
+  },
+  "keywords": [
+    "bash",
+    "braces",
+    "check",
+    "exec",
+    "expression",
+    "extglob",
+    "glob",
+    "globbing",
+    "globstar",
+    "is",
+    "match",
+    "matches",
+    "pattern",
+    "regex",
+    "regular",
+    "string",
+    "test"
+  ],
+  "verb": {
+    "layout": "default",
+    "plugins": [
+      "gulp-format-md"
+    ],
+    "related": {
+      "list": [
+        "assemble",
+        "base",
+        "update",
+        "verb"
+      ]
+    },
+    "reflinks": [
+      "assemble",
+      "bach",
+      "base",
+      "composer",
+      "gulp",
+      "has-glob",
+      "is-valid-glob",
+      "micromatch",
+      "npm",
+      "scaffold",
+      "verb",
+      "vinyl"
+    ]
+  }
+}
diff --git a/node_modules/is-number/LICENSE b/node_modules/is-number/LICENSE
new file mode 100644
index 0000000..9af4a67
--- /dev/null
+++ b/node_modules/is-number/LICENSE
@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2014-present, Jon Schlinkert.
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.
diff --git a/node_modules/is-number/README.md b/node_modules/is-number/README.md
new file mode 100644
index 0000000..eb8149e
--- /dev/null
+++ b/node_modules/is-number/README.md
@@ -0,0 +1,187 @@
+# is-number [![NPM version](https://img.shields.io/npm/v/is-number.svg?style=flat)](https://www.npmjs.com/package/is-number) [![NPM monthly downloads](https://img.shields.io/npm/dm/is-number.svg?style=flat)](https://npmjs.org/package/is-number) [![NPM total downloads](https://img.shields.io/npm/dt/is-number.svg?style=flat)](https://npmjs.org/package/is-number) [![Linux Build Status](https://img.shields.io/travis/jonschlinkert/is-number.svg?style=flat&label=Travis)](https://travis-ci.org/jonschlinkert/is-number)
+
+> Returns true if the value is a finite number.
+
+Please consider following this project's author, [Jon Schlinkert](https://github.com/jonschlinkert), and consider starring the project to show your :heart: and support.
+
+## Install
+
+Install with [npm](https://www.npmjs.com/):
+
+```sh
+$ npm install --save is-number
+```
+
+## Why is this needed?
+
+In JavaScript, it's not always as straightforward as it should be to reliably check if a value is a number. It's common for devs to use `+`, `-`, or `Number()` to cast a string value to a number (for example, when values are returned from user input, regex matches, parsers, etc). But there are many non-intuitive edge cases that yield unexpected results:
+
+```js
+console.log(+[]); //=> 0
+console.log(+''); //=> 0
+console.log(+'   '); //=> 0
+console.log(typeof NaN); //=> 'number'
+```
+
+This library offers a performant way to smooth out edge cases like these.
+
+## Usage
+
+```js
+const isNumber = require('is-number');
+```
+
+See the [tests](./test.js) for more examples.
+
+### true
+
+```js
+isNumber(5e3);               // true
+isNumber(0xff);              // true
+isNumber(-1.1);              // true
+isNumber(0);                 // true
+isNumber(1);                 // true
+isNumber(1.1);               // true
+isNumber(10);                // true
+isNumber(10.10);             // true
+isNumber(100);               // true
+isNumber('-1.1');            // true
+isNumber('0');               // true
+isNumber('012');             // true
+isNumber('0xff');            // true
+isNumber('1');               // true
+isNumber('1.1');             // true
+isNumber('10');              // true
+isNumber('10.10');           // true
+isNumber('100');             // true
+isNumber('5e3');             // true
+isNumber(parseInt('012'));   // true
+isNumber(parseFloat('012')); // true
+```
+
+### False
+
+Everything else is false, as you would expect:
+
+```js
+isNumber(Infinity);          // false
+isNumber(NaN);               // false
+isNumber(null);              // false
+isNumber(undefined);         // false
+isNumber('');                // false
+isNumber('   ');             // false
+isNumber('foo');             // false
+isNumber([1]);               // false
+isNumber([]);                // false
+isNumber(function () {});    // false
+isNumber({});                // false
+```
+
+## Release history
+
+### 7.0.0
+
+* Refactor. Now uses `.isFinite` if it exists.
+* Performance is about the same as v6.0 when the value is a string or number. But it's now 3x-4x faster when the value is not a string or number.
+
+### 6.0.0
+
+* Optimizations, thanks to @benaadams.
+
+### 5.0.0
+
+**Breaking changes**
+
+* removed support for `instanceof Number` and `instanceof String`
+
+## Benchmarks
+
+As with all benchmarks, take these with a grain of salt. See the [benchmarks](./benchmark/index.js) for more detail.
+
+```
+# all
+v7.0 x 413,222 ops/sec ±2.02% (86 runs sampled)
+v6.0 x 111,061 ops/sec ±1.29% (85 runs sampled)
+parseFloat x 317,596 ops/sec ±1.36% (86 runs sampled)
+fastest is 'v7.0'
+
+# string
+v7.0 x 3,054,496 ops/sec ±1.05% (89 runs sampled)
+v6.0 x 2,957,781 ops/sec ±0.98% (88 runs sampled)
+parseFloat x 3,071,060 ops/sec ±1.13% (88 runs sampled)
+fastest is 'parseFloat,v7.0'
+
+# number
+v7.0 x 3,146,895 ops/sec ±0.89% (89 runs sampled)
+v6.0 x 3,214,038 ops/sec ±1.07% (89 runs sampled)
+parseFloat x 3,077,588 ops/sec ±1.07% (87 runs sampled)
+fastest is 'v6.0'
+```
+
+## About
+
+<details>
+<summary><strong>Contributing</strong></summary>
+
+Pull requests and stars are always welcome. For bugs and feature requests, [please create an issue](../../issues/new).
+
+</details>
+
+<details>
+<summary><strong>Running Tests</strong></summary>
+
+Running and reviewing unit tests is a great way to get familiarized with a library and its API. You can install dependencies and run tests with the following command:
+
+```sh
+$ npm install && npm test
+```
+
+</details>
+
+<details>
+<summary><strong>Building docs</strong></summary>
+
+_(This project's readme.md is generated by [verb](https://github.com/verbose/verb-generate-readme), please don't edit the readme directly. Any changes to the readme must be made in the [.verb.md](.verb.md) readme template.)_
+
+To generate the readme, run the following command:
+
+```sh
+$ npm install -g verbose/verb#dev verb-generate-readme && verb
+```
+
+</details>
+
+### Related projects
+
+You might also be interested in these projects:
+
+* [is-plain-object](https://www.npmjs.com/package/is-plain-object): Returns true if an object was created by the `Object` constructor. | [homepage](https://github.com/jonschlinkert/is-plain-object "Returns true if an object was created by the `Object` constructor.")
+* [is-primitive](https://www.npmjs.com/package/is-primitive): Returns `true` if the value is a primitive.  | [homepage](https://github.com/jonschlinkert/is-primitive "Returns `true` if the value is a primitive. ")
+* [isobject](https://www.npmjs.com/package/isobject): Returns true if the value is an object and not an array or null. | [homepage](https://github.com/jonschlinkert/isobject "Returns true if the value is an object and not an array or null.")
+* [kind-of](https://www.npmjs.com/package/kind-of): Get the native type of a value. | [homepage](https://github.com/jonschlinkert/kind-of "Get the native type of a value.")
+
+### Contributors
+
+| **Commits** | **Contributor** | 
+| --- | --- |
+| 49 | [jonschlinkert](https://github.com/jonschlinkert) |
+| 5 | [charlike-old](https://github.com/charlike-old) |
+| 1 | [benaadams](https://github.com/benaadams) |
+| 1 | [realityking](https://github.com/realityking) |
+
+### Author
+
+**Jon Schlinkert**
+
+* [LinkedIn Profile](https://linkedin.com/in/jonschlinkert)
+* [GitHub Profile](https://github.com/jonschlinkert)
+* [Twitter Profile](https://twitter.com/jonschlinkert)
+
+### License
+
+Copyright © 2018, [Jon Schlinkert](https://github.com/jonschlinkert).
+Released under the [MIT License](LICENSE).
+
+***
+
+_This file was generated by [verb-generate-readme](https://github.com/verbose/verb-generate-readme), v0.6.0, on June 15, 2018._
\ No newline at end of file
diff --git a/node_modules/is-number/index.js b/node_modules/is-number/index.js
new file mode 100644
index 0000000..27f19b7
--- /dev/null
+++ b/node_modules/is-number/index.js
@@ -0,0 +1,18 @@
+/*!
+ * is-number <https://github.com/jonschlinkert/is-number>
+ *
+ * Copyright (c) 2014-present, Jon Schlinkert.
+ * Released under the MIT License.
+ */
+
+'use strict';
+
+module.exports = function(num) {
+  if (typeof num === 'number') {
+    return num - num === 0;
+  }
+  if (typeof num === 'string' && num.trim() !== '') {
+    return Number.isFinite ? Number.isFinite(+num) : isFinite(+num);
+  }
+  return false;
+};
diff --git a/node_modules/is-number/package.json b/node_modules/is-number/package.json
new file mode 100644
index 0000000..3715072
--- /dev/null
+++ b/node_modules/is-number/package.json
@@ -0,0 +1,82 @@
+{
+  "name": "is-number",
+  "description": "Returns true if a number or string value is a finite number. Useful for regex matches, parsing, user input, etc.",
+  "version": "7.0.0",
+  "homepage": "https://github.com/jonschlinkert/is-number",
+  "author": "Jon Schlinkert (https://github.com/jonschlinkert)",
+  "contributors": [
+    "Jon Schlinkert (http://twitter.com/jonschlinkert)",
+    "Olsten Larck (https://i.am.charlike.online)",
+    "Rouven Weßling (www.rouvenwessling.de)"
+  ],
+  "repository": "jonschlinkert/is-number",
+  "bugs": {
+    "url": "https://github.com/jonschlinkert/is-number/issues"
+  },
+  "license": "MIT",
+  "files": [
+    "index.js"
+  ],
+  "main": "index.js",
+  "engines": {
+    "node": ">=0.12.0"
+  },
+  "scripts": {
+    "test": "mocha"
+  },
+  "devDependencies": {
+    "ansi": "^0.3.1",
+    "benchmark": "^2.1.4",
+    "gulp-format-md": "^1.0.0",
+    "mocha": "^3.5.3"
+  },
+  "keywords": [
+    "cast",
+    "check",
+    "coerce",
+    "coercion",
+    "finite",
+    "integer",
+    "is",
+    "isnan",
+    "is-nan",
+    "is-num",
+    "is-number",
+    "isnumber",
+    "isfinite",
+    "istype",
+    "kind",
+    "math",
+    "nan",
+    "num",
+    "number",
+    "numeric",
+    "parseFloat",
+    "parseInt",
+    "test",
+    "type",
+    "typeof",
+    "value"
+  ],
+  "verb": {
+    "toc": false,
+    "layout": "default",
+    "tasks": [
+      "readme"
+    ],
+    "related": {
+      "list": [
+        "is-plain-object",
+        "is-primitive",
+        "isobject",
+        "kind-of"
+      ]
+    },
+    "plugins": [
+      "gulp-format-md"
+    ],
+    "lint": {
+      "reflinks": true
+    }
+  }
+}
diff --git a/node_modules/micromatch/LICENSE b/node_modules/micromatch/LICENSE
new file mode 100755
index 0000000..9af4a67
--- /dev/null
+++ b/node_modules/micromatch/LICENSE
@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2014-present, Jon Schlinkert.
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.
diff --git a/node_modules/micromatch/README.md b/node_modules/micromatch/README.md
new file mode 100644
index 0000000..d72a059
--- /dev/null
+++ b/node_modules/micromatch/README.md
@@ -0,0 +1,1024 @@
+# micromatch [![NPM version](https://img.shields.io/npm/v/micromatch.svg?style=flat)](https://www.npmjs.com/package/micromatch) [![NPM monthly downloads](https://img.shields.io/npm/dm/micromatch.svg?style=flat)](https://npmjs.org/package/micromatch) [![NPM total downloads](https://img.shields.io/npm/dt/micromatch.svg?style=flat)](https://npmjs.org/package/micromatch)  [![Tests](https://github.com/micromatch/micromatch/actions/workflows/test.yml/badge.svg)](https://github.com/micromatch/micromatch/actions/workflows/test.yml)
+
+> Glob matching for javascript/node.js. A replacement and faster alternative to minimatch and multimatch.
+
+Please consider following this project's author, [Jon Schlinkert](https://github.com/jonschlinkert), and consider starring the project to show your :heart: and support.
+
+## Table of Contents
+
+<details>
+<summary><strong>Details</strong></summary>
+
+  * [Install](#install)
+- [Sponsors](#sponsors)
+  * [Gold Sponsors](#gold-sponsors)
+  * [Quickstart](#quickstart)
+  * [Why use micromatch?](#why-use-micromatch)
+    + [Matching features](#matching-features)
+  * [Switching to micromatch](#switching-to-micromatch)
+    + [From minimatch](#from-minimatch)
+    + [From multimatch](#from-multimatch)
+  * [API](#api)
+  * [Options](#options)
+  * [Options Examples](#options-examples)
+    + [options.basename](#optionsbasename)
+    + [options.bash](#optionsbash)
+    + [options.expandRange](#optionsexpandrange)
+    + [options.format](#optionsformat)
+    + [options.ignore](#optionsignore)
+    + [options.matchBase](#optionsmatchbase)
+    + [options.noextglob](#optionsnoextglob)
+    + [options.nonegate](#optionsnonegate)
+    + [options.noglobstar](#optionsnoglobstar)
+    + [options.nonull](#optionsnonull)
+    + [options.nullglob](#optionsnullglob)
+    + [options.onIgnore](#optionsonignore)
+    + [options.onMatch](#optionsonmatch)
+    + [options.onResult](#optionsonresult)
+    + [options.posixSlashes](#optionsposixslashes)
+    + [options.unescape](#optionsunescape)
+  * [Extended globbing](#extended-globbing)
+    + [Extglobs](#extglobs)
+    + [Braces](#braces)
+    + [Regex character classes](#regex-character-classes)
+    + [Regex groups](#regex-groups)
+    + [POSIX bracket expressions](#posix-bracket-expressions)
+  * [Notes](#notes)
+    + [Bash 4.3 parity](#bash-43-parity)
+    + [Backslashes](#backslashes)
+  * [Benchmarks](#benchmarks)
+    + [Running benchmarks](#running-benchmarks)
+    + [Latest results](#latest-results)
+  * [Contributing](#contributing)
+  * [About](#about)
+
+</details>
+
+## Install
+
+Install with [npm](https://www.npmjs.com/):
+
+```sh
+$ npm install --save micromatch
+```
+
+<br />
+
+# Sponsors
+
+[Become a Sponsor](https://github.com/sponsors/jonschlinkert) to add your logo to this README, or any of [my other projects](https://github.com/jonschlinkert?tab=repositories&q=&type=&language=&sort=stargazers)
+
+<br />
+
+## Quickstart
+
+```js
+const micromatch = require('micromatch');
+// micromatch(list, patterns[, options]);
+```
+
+The [main export](#micromatch) takes a list of strings and one or more glob patterns:
+
+```js
+console.log(micromatch(['foo', 'bar', 'baz', 'qux'], ['f*', 'b*'])) //=> ['foo', 'bar', 'baz']
+console.log(micromatch(['foo', 'bar', 'baz', 'qux'], ['*', '!b*'])) //=> ['foo', 'qux']
+```
+
+Use [.isMatch()](#ismatch) to for boolean matching:
+
+```js
+console.log(micromatch.isMatch('foo', 'f*')) //=> true
+console.log(micromatch.isMatch('foo', ['b*', 'f*'])) //=> true
+```
+
+[Switching](#switching-to-micromatch) from minimatch and multimatch is easy!
+
+<br>
+
+## Why use micromatch?
+
+> micromatch is a [replacement](#switching-to-micromatch) for minimatch and multimatch
+
+* Supports all of the same matching features as [minimatch](https://github.com/isaacs/minimatch) and [multimatch](https://github.com/sindresorhus/multimatch)
+* More complete support for the Bash 4.3 specification than minimatch and multimatch. Micromatch passes _all of the spec tests_ from bash, including some that bash still fails.
+* **Fast & Performant** - Loads in about 5ms and performs [fast matches](#benchmarks).
+* **Glob matching** - Using wildcards (`*` and `?`), globstars (`**`) for nested directories
+* **[Advanced globbing](#extended-globbing)** - Supports [extglobs](#extglobs), [braces](#braces-1), and [POSIX brackets](#posix-bracket-expressions), and support for escaping special characters with `\` or quotes.
+* **Accurate** - Covers more scenarios [than minimatch](https://github.com/yarnpkg/yarn/pull/3339)
+* **Well tested** - More than 5,000 [test assertions](./test)
+* **Windows support** - More reliable windows support than minimatch and multimatch.
+* **[Safe](https://github.com/micromatch/braces#braces-is-safe)** - Micromatch is not subject to DoS with brace patterns like minimatch and multimatch.
+
+### Matching features
+
+* Support for multiple glob patterns (no need for wrappers like multimatch)
+* Wildcards (`**`, `*.js`)
+* Negation (`'!a/*.js'`, `'*!(b).js'`)
+* [extglobs](#extglobs) (`+(x|y)`, `!(a|b)`)
+* [POSIX character classes](#posix-bracket-expressions) (`[[:alpha:][:digit:]]`)
+* [brace expansion](https://github.com/micromatch/braces) (`foo/{1..5}.md`, `bar/{a,b,c}.js`)
+* regex character classes (`foo-[1-5].js`)
+* regex logical "or" (`foo/(abc|xyz).js`)
+
+You can mix and match these features to create whatever patterns you need!
+
+## Switching to micromatch
+
+_(There is one notable difference between micromatch and minimatch in regards to how backslashes are handled. See [the notes about backslashes](#backslashes) for more information.)_
+
+### From minimatch
+
+Use [micromatch.isMatch()](#ismatch) instead of `minimatch()`:
+
+```js
+console.log(micromatch.isMatch('foo', 'b*')); //=> false
+```
+
+Use [micromatch.match()](#match) instead of `minimatch.match()`:
+
+```js
+console.log(micromatch.match(['foo', 'bar'], 'b*')); //=> 'bar'
+```
+
+### From multimatch
+
+Same signature:
+
+```js
+console.log(micromatch(['foo', 'bar', 'baz'], ['f*', '*z'])); //=> ['foo', 'baz']
+```
+
+## API
+
+**Params**
+
+* `list` **{String|Array<string>}**: List of strings to match.
+* `patterns` **{String|Array<string>}**: One or more glob patterns to use for matching.
+* `options` **{Object}**: See available [options](#options)
+* `returns` **{Array}**: Returns an array of matches
+
+**Example**
+
+```js
+const mm = require('micromatch');
+// mm(list, patterns[, options]);
+
+console.log(mm(['a.js', 'a.txt'], ['*.js']));
+//=> [ 'a.js' ]
+```
+
+### [.matcher](index.js#L109)
+
+Returns a matcher function from the given glob `pattern` and `options`. The returned function takes a string to match as its only argument and returns true if the string is a match.
+
+**Params**
+
+* `pattern` **{String}**: Glob pattern
+* `options` **{Object}**
+* `returns` **{Function}**: Returns a matcher function.
+
+**Example**
+
+```js
+const mm = require('micromatch');
+// mm.matcher(pattern[, options]);
+
+const isMatch = mm.matcher('*.!(*a)');
+console.log(isMatch('a.a')); //=> false
+console.log(isMatch('a.b')); //=> true
+```
+
+### [.isMatch](index.js#L128)
+
+Returns true if **any** of the given glob `patterns` match the specified `string`.
+
+**Params**
+
+* `str` **{String}**: The string to test.
+* `patterns` **{String|Array}**: One or more glob patterns to use for matching.
+* `[options]` **{Object}**: See available [options](#options).
+* `returns` **{Boolean}**: Returns true if any patterns match `str`
+
+**Example**
+
+```js
+const mm = require('micromatch');
+// mm.isMatch(string, patterns[, options]);
+
+console.log(mm.isMatch('a.a', ['b.*', '*.a'])); //=> true
+console.log(mm.isMatch('a.a', 'b.*')); //=> false
+```
+
+### [.not](index.js#L153)
+
+Returns a list of strings that _**do not match any**_ of the given `patterns`.
+
+**Params**
+
+* `list` **{Array}**: Array of strings to match.
+* `patterns` **{String|Array}**: One or more glob pattern to use for matching.
+* `options` **{Object}**: See available [options](#options) for changing how matches are performed
+* `returns` **{Array}**: Returns an array of strings that **do not match** the given patterns.
+
+**Example**
+
+```js
+const mm = require('micromatch');
+// mm.not(list, patterns[, options]);
+
+console.log(mm.not(['a.a', 'b.b', 'c.c'], '*.a'));
+//=> ['b.b', 'c.c']
+```
+
+### [.contains](index.js#L193)
+
+Returns true if the given `string` contains the given pattern. Similar to [.isMatch](#isMatch) but the pattern can match any part of the string.
+
+**Params**
+
+* `str` **{String}**: The string to match.
+* `patterns` **{String|Array}**: Glob pattern to use for matching.
+* `options` **{Object}**: See available [options](#options) for changing how matches are performed
+* `returns` **{Boolean}**: Returns true if any of the patterns matches any part of `str`.
+
+**Example**
+
+```js
+var mm = require('micromatch');
+// mm.contains(string, pattern[, options]);
+
+console.log(mm.contains('aa/bb/cc', '*b'));
+//=> true
+console.log(mm.contains('aa/bb/cc', '*d'));
+//=> false
+```
+
+### [.matchKeys](index.js#L235)
+
+Filter the keys of the given object with the given `glob` pattern and `options`. Does not attempt to match nested keys. If you need this feature, use [glob-object](https://github.com/jonschlinkert/glob-object) instead.
+
+**Params**
+
+* `object` **{Object}**: The object with keys to filter.
+* `patterns` **{String|Array}**: One or more glob patterns to use for matching.
+* `options` **{Object}**: See available [options](#options) for changing how matches are performed
+* `returns` **{Object}**: Returns an object with only keys that match the given patterns.
+
+**Example**
+
+```js
+const mm = require('micromatch');
+// mm.matchKeys(object, patterns[, options]);
+
+const obj = { aa: 'a', ab: 'b', ac: 'c' };
+console.log(mm.matchKeys(obj, '*b'));
+//=> { ab: 'b' }
+```
+
+### [.some](index.js#L264)
+
+Returns true if some of the strings in the given `list` match any of the given glob `patterns`.
+
+**Params**
+
+* `list` **{String|Array}**: The string or array of strings to test. Returns as soon as the first match is found.
+* `patterns` **{String|Array}**: One or more glob patterns to use for matching.
+* `options` **{Object}**: See available [options](#options) for changing how matches are performed
+* `returns` **{Boolean}**: Returns true if any `patterns` matches any of the strings in `list`
+
+**Example**
+
+```js
+const mm = require('micromatch');
+// mm.some(list, patterns[, options]);
+
+console.log(mm.some(['foo.js', 'bar.js'], ['*.js', '!foo.js']));
+// true
+console.log(mm.some(['foo.js'], ['*.js', '!foo.js']));
+// false
+```
+
+### [.every](index.js#L300)
+
+Returns true if every string in the given `list` matches any of the given glob `patterns`.
+
+**Params**
+
+* `list` **{String|Array}**: The string or array of strings to test.
+* `patterns` **{String|Array}**: One or more glob patterns to use for matching.
+* `options` **{Object}**: See available [options](#options) for changing how matches are performed
+* `returns` **{Boolean}**: Returns true if all `patterns` matches all of the strings in `list`
+
+**Example**
+
+```js
+const mm = require('micromatch');
+// mm.every(list, patterns[, options]);
+
+console.log(mm.every('foo.js', ['foo.js']));
+// true
+console.log(mm.every(['foo.js', 'bar.js'], ['*.js']));
+// true
+console.log(mm.every(['foo.js', 'bar.js'], ['*.js', '!foo.js']));
+// false
+console.log(mm.every(['foo.js'], ['*.js', '!foo.js']));
+// false
+```
+
+### [.all](index.js#L339)
+
+Returns true if **all** of the given `patterns` match the specified string.
+
+**Params**
+
+* `str` **{String|Array}**: The string to test.
+* `patterns` **{String|Array}**: One or more glob patterns to use for matching.
+* `options` **{Object}**: See available [options](#options) for changing how matches are performed
+* `returns` **{Boolean}**: Returns true if any patterns match `str`
+
+**Example**
+
+```js
+const mm = require('micromatch');
+// mm.all(string, patterns[, options]);
+
+console.log(mm.all('foo.js', ['foo.js']));
+// true
+
+console.log(mm.all('foo.js', ['*.js', '!foo.js']));
+// false
+
+console.log(mm.all('foo.js', ['*.js', 'foo.js']));
+// true
+
+console.log(mm.all('foo.js', ['*.js', 'f*', '*o*', '*o.js']));
+// true
+```
+
+### [.capture](index.js#L366)
+
+Returns an array of matches captured by `pattern` in `string, or`null` if the pattern did not match.
+
+**Params**
+
+* `glob` **{String}**: Glob pattern to use for matching.
+* `input` **{String}**: String to match
+* `options` **{Object}**: See available [options](#options) for changing how matches are performed
+* `returns` **{Array|null}**: Returns an array of captures if the input matches the glob pattern, otherwise `null`.
+
+**Example**
+
+```js
+const mm = require('micromatch');
+// mm.capture(pattern, string[, options]);
+
+console.log(mm.capture('test/*.js', 'test/foo.js'));
+//=> ['foo']
+console.log(mm.capture('test/*.js', 'foo/bar.css'));
+//=> null
+```
+
+### [.makeRe](index.js#L392)
+
+Create a regular expression from the given glob `pattern`.
+
+**Params**
+
+* `pattern` **{String}**: A glob pattern to convert to regex.
+* `options` **{Object}**
+* `returns` **{RegExp}**: Returns a regex created from the given pattern.
+
+**Example**
+
+```js
+const mm = require('micromatch');
+// mm.makeRe(pattern[, options]);
+
+console.log(mm.makeRe('*.js'));
+//=> /^(?:(\.[\\\/])?(?!\.)(?=.)[^\/]*?\.js)$/
+```
+
+### [.scan](index.js#L408)
+
+Scan a glob pattern to separate the pattern into segments. Used by the [split](#split) method.
+
+**Params**
+
+* `pattern` **{String}**
+* `options` **{Object}**
+* `returns` **{Object}**: Returns an object with
+
+**Example**
+
+```js
+const mm = require('micromatch');
+const state = mm.scan(pattern[, options]);
+```
+
+### [.parse](index.js#L424)
+
+Parse a glob pattern to create the source string for a regular expression.
+
+**Params**
+
+* `glob` **{String}**
+* `options` **{Object}**
+* `returns` **{Object}**: Returns an object with useful properties and output to be used as regex source string.
+
+**Example**
+
+```js
+const mm = require('micromatch');
+const state = mm.parse(pattern[, options]);
+```
+
+### [.braces](index.js#L451)
+
+Process the given brace `pattern`.
+
+**Params**
+
+* `pattern` **{String}**: String with brace pattern to process.
+* `options` **{Object}**: Any [options](#options) to change how expansion is performed. See the [braces](https://github.com/micromatch/braces) library for all available options.
+* `returns` **{Array}**
+
+**Example**
+
+```js
+const { braces } = require('micromatch');
+console.log(braces('foo/{a,b,c}/bar'));
+//=> [ 'foo/(a|b|c)/bar' ]
+
+console.log(braces('foo/{a,b,c}/bar', { expand: true }));
+//=> [ 'foo/a/bar', 'foo/b/bar', 'foo/c/bar' ]
+```
+
+## Options
+
+| **Option** | **Type** | **Default value** | **Description** |
+| --- | --- | --- | --- |
+| `basename`            | `boolean`      | `false`     | If set, then patterns without slashes will be matched against the basename of the path if it contains slashes.  For example, `a?b` would match the path `/xyz/123/acb`, but not `/xyz/acb/123`. |
+| `bash`                | `boolean`      | `false`     | Follow bash matching rules more strictly - disallows backslashes as escape characters, and treats single stars as globstars (`**`). |
+| `capture`             | `boolean`      | `undefined` | Return regex matches in supporting methods. |
+| `contains`            | `boolean`      | `undefined` | Allows glob to match any part of the given string(s). |
+| `cwd`                 | `string`       | `process.cwd()` | Current working directory. Used by `picomatch.split()` |
+| `debug`               | `boolean`      | `undefined` | Debug regular expressions when an error is thrown. |
+| `dot`                 | `boolean`      | `false`     | Match dotfiles. Otherwise dotfiles are ignored unless a `.` is explicitly defined in the pattern. |
+| `expandRange`         | `function`     | `undefined` | Custom function for expanding ranges in brace patterns, such as `{a..z}`. The function receives the range values as two arguments, and it must return a string to be used in the generated regex. It's recommended that returned strings be wrapped in parentheses. This option is overridden by the `expandBrace` option. |
+| `failglob`            | `boolean`      | `false`     | Similar to the `failglob` behavior in Bash, throws an error when no matches are found. Based on the bash option of the same name. |
+| `fastpaths`           | `boolean`      | `true`      | To speed up processing, full parsing is skipped for a handful common glob patterns. Disable this behavior by setting this option to `false`. |
+| `flags`               | `boolean`      | `undefined` | Regex flags to use in the generated regex. If defined, the `nocase` option will be overridden. |
+| [format](#optionsformat) | `function` | `undefined` | Custom function for formatting the returned string. This is useful for removing leading slashes, converting Windows paths to Posix paths, etc. |
+| `ignore`              | `array\|string` | `undefined` | One or more glob patterns for excluding strings that should not be matched from the result. |
+| `keepQuotes`          | `boolean`      | `false`     | Retain quotes in the generated regex, since quotes may also be used as an alternative to backslashes.  |
+| `literalBrackets`     | `boolean`      | `undefined` | When `true`, brackets in the glob pattern will be escaped so that only literal brackets will be matched. |
+| `lookbehinds`         | `boolean`      | `true`      | Support regex positive and negative lookbehinds. Note that you must be using Node 8.1.10 or higher to enable regex lookbehinds. |
+| `matchBase`           | `boolean`      | `false`     | Alias for `basename` |
+| `maxLength`           | `boolean`      | `65536`     | Limit the max length of the input string. An error is thrown if the input string is longer than this value. |
+| `nobrace`             | `boolean`      | `false`     | Disable brace matching, so that `{a,b}` and `{1..3}` would be treated as literal characters. |
+| `nobracket`           | `boolean`      | `undefined` | Disable matching with regex brackets. |
+| `nocase`              | `boolean`      | `false`     | Perform case-insensitive matching. Equivalent to the regex `i` flag. Note that this option is ignored when the `flags` option is defined. |
+| `nodupes`             | `boolean`      | `true`      | Deprecated, use `nounique` instead. This option will be removed in a future major release. By default duplicates are removed. Disable uniquification by setting this option to false. |
+| `noext`               | `boolean`      | `false`     | Alias for `noextglob` |
+| `noextglob`           | `boolean`      | `false`     | Disable support for matching with [extglobs](#extglobs) (like `+(a\|b)`) |
+| `noglobstar`          | `boolean`      | `false`     | Disable support for matching nested directories with globstars (`**`) |
+| `nonegate`            | `boolean`      | `false`     | Disable support for negating with leading `!` |
+| `noquantifiers`       | `boolean`      | `false`     | Disable support for regex quantifiers (like `a{1,2}`) and treat them as brace patterns to be expanded. |
+| [onIgnore](#optionsonIgnore) | `function` | `undefined` | Function to be called on ignored items. |
+| [onMatch](#optionsonMatch) | `function` | `undefined` | Function to be called on matched items. |
+| [onResult](#optionsonResult) | `function` | `undefined` | Function to be called on all items, regardless of whether or not they are matched or ignored. |
+| `posix`               | `boolean`      | `false`     | Support [POSIX character classes](#posix-bracket-expressions) ("posix brackets"). |
+| `posixSlashes`        | `boolean`      | `undefined` | Convert all slashes in file paths to forward slashes. This does not convert slashes in the glob pattern itself |
+| `prepend`             | `string`       | `undefined` | String to prepend to the generated regex used for matching. |
+| `regex`               | `boolean`      | `false`     | Use regular expression rules for `+` (instead of matching literal `+`), and for stars that follow closing parentheses or brackets (as in `)*` and `]*`). |
+| `strictBrackets`      | `boolean`      | `undefined` | Throw an error if brackets, braces, or parens are imbalanced. |
+| `strictSlashes`       | `boolean`      | `undefined` | When true, picomatch won't match trailing slashes with single stars. |
+| `unescape`            | `boolean`      | `undefined` | Remove preceding backslashes from escaped glob characters before creating the regular expression to perform matches. |
+| `unixify`             | `boolean`      | `undefined` | Alias for `posixSlashes`, for backwards compatitibility. |
+
+## Options Examples
+
+### options.basename
+
+Allow glob patterns without slashes to match a file path based on its basename. Same behavior as [minimatch](https://github.com/isaacs/minimatch) option `matchBase`.
+
+**Type**: `Boolean`
+
+**Default**: `false`
+
+**Example**
+
+```js
+micromatch(['a/b.js', 'a/c.md'], '*.js');
+//=> []
+
+micromatch(['a/b.js', 'a/c.md'], '*.js', { basename: true });
+//=> ['a/b.js']
+```
+
+### options.bash
+
+Enabled by default, this option enforces bash-like behavior with stars immediately following a bracket expression. Bash bracket expressions are similar to regex character classes, but unlike regex, a star following a bracket expression **does not repeat the bracketed characters**. Instead, the star is treated the same as any other star.
+
+**Type**: `Boolean`
+
+**Default**: `true`
+
+**Example**
+
+```js
+const files = ['abc', 'ajz'];
+console.log(micromatch(files, '[a-c]*'));
+//=> ['abc', 'ajz']
+
+console.log(micromatch(files, '[a-c]*', { bash: false }));
+```
+
+### options.expandRange
+
+**Type**: `function`
+
+**Default**: `undefined`
+
+Custom function for expanding ranges in brace patterns. The [fill-range](https://github.com/jonschlinkert/fill-range) library is ideal for this purpose, or you can use custom code to do whatever you need.
+
+**Example**
+
+The following example shows how to create a glob that matches a numeric folder name between `01` and `25`, with leading zeros.
+
+```js
+const fill = require('fill-range');
+const regex = micromatch.makeRe('foo/{01..25}/bar', {
+  expandRange(a, b) {
+    return `(${fill(a, b, { toRegex: true })})`;
+  }
+});
+
+console.log(regex)
+//=> /^(?:foo\/((?:0[1-9]|1[0-9]|2[0-5]))\/bar)$/
+
+console.log(regex.test('foo/00/bar')) // false
+console.log(regex.test('foo/01/bar')) // true
+console.log(regex.test('foo/10/bar')) // true
+console.log(regex.test('foo/22/bar')) // true
+console.log(regex.test('foo/25/bar')) // true
+console.log(regex.test('foo/26/bar')) // false
+```
+
+### options.format
+
+**Type**: `function`
+
+**Default**: `undefined`
+
+Custom function for formatting strings before they're matched.
+
+**Example**
+
+```js
+// strip leading './' from strings
+const format = str => str.replace(/^\.\//, '');
+const isMatch = picomatch('foo/*.js', { format });
+console.log(isMatch('./foo/bar.js')) //=> true
+```
+
+### options.ignore
+
+String or array of glob patterns to match files to ignore.
+
+**Type**: `String|Array`
+
+**Default**: `undefined`
+
+```js
+const isMatch = micromatch.matcher('*', { ignore: 'f*' });
+console.log(isMatch('foo')) //=> false
+console.log(isMatch('bar')) //=> true
+console.log(isMatch('baz')) //=> true
+```
+
+### options.matchBase
+
+Alias for [options.basename](#options-basename).
+
+### options.noextglob
+
+Disable extglob support, so that [extglobs](#extglobs) are regarded as literal characters.
+
+**Type**: `Boolean`
+
+**Default**: `undefined`
+
+**Examples**
+
+```js
+console.log(micromatch(['a/z', 'a/b', 'a/!(z)'], 'a/!(z)'));
+//=> ['a/b', 'a/!(z)']
+
+console.log(micromatch(['a/z', 'a/b', 'a/!(z)'], 'a/!(z)', { noextglob: true }));
+//=> ['a/!(z)'] (matches only as literal characters)
+```
+
+### options.nonegate
+
+Disallow negation (`!`) patterns, and treat leading `!` as a literal character to match.
+
+**Type**: `Boolean`
+
+**Default**: `undefined`
+
+### options.noglobstar
+
+Disable matching with globstars (`**`).
+
+**Type**: `Boolean`
+
+**Default**: `undefined`
+
+```js
+micromatch(['a/b', 'a/b/c', 'a/b/c/d'], 'a/**');
+//=> ['a/b', 'a/b/c', 'a/b/c/d']
+
+micromatch(['a/b', 'a/b/c', 'a/b/c/d'], 'a/**', {noglobstar: true});
+//=> ['a/b']
+```
+
+### options.nonull
+
+Alias for [options.nullglob](#options-nullglob).
+
+### options.nullglob
+
+If `true`, when no matches are found the actual (arrayified) glob pattern is returned instead of an empty array. Same behavior as [minimatch](https://github.com/isaacs/minimatch) option `nonull`.
+
+**Type**: `Boolean`
+
+**Default**: `undefined`
+
+### options.onIgnore
+
+```js
+const onIgnore = ({ glob, regex, input, output }) => {
+  console.log({ glob, regex, input, output });
+  // { glob: '*', regex: /^(?:(?!\.)(?=.)[^\/]*?\/?)$/, input: 'foo', output: 'foo' }
+};
+
+const isMatch = micromatch.matcher('*', { onIgnore, ignore: 'f*' });
+isMatch('foo');
+isMatch('bar');
+isMatch('baz');
+```
+
+### options.onMatch
+
+```js
+const onMatch = ({ glob, regex, input, output }) => {
+  console.log({ input, output });
+  // { input: 'some\\path', output: 'some/path' }
+  // { input: 'some\\path', output: 'some/path' }
+  // { input: 'some\\path', output: 'some/path' }
+};
+
+const isMatch = micromatch.matcher('**', { onMatch, posixSlashes: true });
+isMatch('some\\path');
+isMatch('some\\path');
+isMatch('some\\path');
+```
+
+### options.onResult
+
+```js
+const onResult = ({ glob, regex, input, output }) => {
+  console.log({ glob, regex, input, output });
+};
+
+const isMatch = micromatch('*', { onResult, ignore: 'f*' });
+isMatch('foo');
+isMatch('bar');
+isMatch('baz');
+```
+
+### options.posixSlashes
+
+Convert path separators on returned files to posix/unix-style forward slashes. Aliased as `unixify` for backwards compatibility.
+
+**Type**: `Boolean`
+
+**Default**: `true` on windows, `false` everywhere else.
+
+**Example**
+
+```js
+console.log(micromatch.match(['a\\b\\c'], 'a/**'));
+//=> ['a/b/c']
+
+console.log(micromatch.match(['a\\b\\c'], { posixSlashes: false }));
+//=> ['a\\b\\c']
+```
+
+### options.unescape
+
+Remove backslashes from escaped glob characters before creating the regular expression to perform matches.
+
+**Type**: `Boolean`
+
+**Default**: `undefined`
+
+**Example**
+
+In this example we want to match a literal `*`:
+
+```js
+console.log(micromatch.match(['abc', 'a\\*c'], 'a\\*c'));
+//=> ['a\\*c']
+
+console.log(micromatch.match(['abc', 'a\\*c'], 'a\\*c', { unescape: true }));
+//=> ['a*c']
+```
+
+<br>
+<br>
+
+## Extended globbing
+
+Micromatch supports the following extended globbing features.
+
+### Extglobs
+
+Extended globbing, as described by the bash man page:
+
+| **pattern** | **regex equivalent** | **description** |
+| --- | --- | --- |
+| `?(pattern)` | `(pattern)?` | Matches zero or one occurrence of the given patterns |
+| `*(pattern)` | `(pattern)*` | Matches zero or more occurrences of the given patterns |
+| `+(pattern)` | `(pattern)+` | Matches one or more occurrences of the given patterns |
+| `@(pattern)` | `(pattern)` <sup>*</sup> | Matches one of the given patterns |
+| `!(pattern)` | N/A (equivalent regex is much more complicated) | Matches anything except one of the given patterns |
+
+<sup><strong>*</strong></sup> Note that `@` isn't a regex character.
+
+### Braces
+
+Brace patterns can be used to match specific ranges or sets of characters.
+
+**Example**
+
+The pattern `{f,b}*/{1..3}/{b,q}*` would match any of following strings:
+
+```
+foo/1/bar
+foo/2/bar
+foo/3/bar
+baz/1/qux
+baz/2/qux
+baz/3/qux
+```
+
+Visit [braces](https://github.com/micromatch/braces) to see the full range of features and options related to brace expansion, or to create brace matching or expansion related issues.
+
+### Regex character classes
+
+Given the list: `['a.js', 'b.js', 'c.js', 'd.js', 'E.js']`:
+
+* `[ac].js`: matches both `a` and `c`, returning `['a.js', 'c.js']`
+* `[b-d].js`: matches from `b` to `d`, returning `['b.js', 'c.js', 'd.js']`
+* `a/[A-Z].js`: matches and uppercase letter, returning `['a/E.md']`
+
+Learn about [regex character classes](http://www.regular-expressions.info/charclass.html).
+
+### Regex groups
+
+Given `['a.js', 'b.js', 'c.js', 'd.js', 'E.js']`:
+
+* `(a|c).js`: would match either `a` or `c`, returning `['a.js', 'c.js']`
+* `(b|d).js`: would match either `b` or `d`, returning `['b.js', 'd.js']`
+* `(b|[A-Z]).js`: would match either `b` or an uppercase letter, returning `['b.js', 'E.js']`
+
+As with regex, parens can be nested, so patterns like `((a|b)|c)/b` will work. Although brace expansion might be friendlier to use, depending on preference.
+
+### POSIX bracket expressions
+
+POSIX brackets are intended to be more user-friendly than regex character classes. This of course is in the eye of the beholder.
+
+**Example**
+
+```js
+console.log(micromatch.isMatch('a1', '[[:alpha:][:digit:]]')) //=> true
+console.log(micromatch.isMatch('a1', '[[:alpha:][:alpha:]]')) //=> false
+```
+
+***
+
+## Notes
+
+### Bash 4.3 parity
+
+Whenever possible matching behavior is based on behavior Bash 4.3, which is mostly consistent with minimatch.
+
+However, it's suprising how many edge cases and rabbit holes there are with glob matching, and since there is no real glob specification, and micromatch is more accurate than both Bash and minimatch, there are cases where best-guesses were made for behavior. In a few cases where Bash had no answers, we used wildmatch (used by git) as a fallback.
+
+### Backslashes
+
+There is an important, notable difference between minimatch and micromatch _in regards to how backslashes are handled_ in glob patterns.
+
+* Micromatch exclusively and explicitly reserves backslashes for escaping characters in a glob pattern, even on windows, which is consistent with bash behavior. _More importantly, unescaping globs can result in unsafe regular expressions_.
+* Minimatch converts all backslashes to forward slashes, which means you can't use backslashes to escape any characters in your glob patterns.
+
+We made this decision for micromatch for a couple of reasons:
+
+* Consistency with bash conventions.
+* Glob patterns are not filepaths. They are a type of [regular language](https://en.wikipedia.org/wiki/Regular_language) that is converted to a JavaScript regular expression. Thus, when forward slashes are defined in a glob pattern, the resulting regular expression will match windows or POSIX path separators just fine.
+
+**A note about joining paths to globs**
+
+Note that when you pass something like `path.join('foo', '*')` to micromatch, you are creating a filepath and expecting it to still work as a glob pattern. This causes problems on windows, since the `path.sep` is `\\`.
+
+In other words, since `\\` is reserved as an escape character in globs, on windows `path.join('foo', '*')` would result in `foo\\*`, which tells micromatch to match `*` as a literal character. This is the same behavior as bash.
+
+To solve this, you might be inspired to do something like `'foo\\*'.replace(/\\/g, '/')`, but this causes another, potentially much more serious, problem.
+
+## Benchmarks
+
+### Running benchmarks
+
+Install dependencies for running benchmarks:
+
+```sh
+$ cd bench && npm install
+```
+
+Run the benchmarks:
+
+```sh
+$ npm run bench
+```
+
+### Latest results
+
+As of August 23, 2024 (longer bars are better):
+
+```sh
+# .makeRe star
+  micromatch x 2,232,802 ops/sec ±2.34% (89 runs sampled))
+  minimatch x 781,018 ops/sec ±6.74% (92 runs sampled))
+
+# .makeRe star; dot=true
+  micromatch x 1,863,453 ops/sec ±0.74% (93 runs sampled)
+  minimatch x 723,105 ops/sec ±0.75% (93 runs sampled)
+
+# .makeRe globstar
+  micromatch x 1,624,179 ops/sec ±2.22% (91 runs sampled)
+  minimatch x 1,117,230 ops/sec ±2.78% (86 runs sampled))
+
+# .makeRe globstars
+  micromatch x 1,658,642 ops/sec ±0.86% (92 runs sampled)
+  minimatch x 741,224 ops/sec ±1.24% (89 runs sampled))
+
+# .makeRe with leading star
+  micromatch x 1,525,014 ops/sec ±1.63% (90 runs sampled)
+  minimatch x 561,074 ops/sec ±3.07% (89 runs sampled)
+
+# .makeRe - braces
+  micromatch x 172,478 ops/sec ±2.37% (78 runs sampled)
+  minimatch x 96,087 ops/sec ±2.34% (88 runs sampled)))
+
+# .makeRe braces - range (expanded)
+  micromatch x 26,973 ops/sec ±0.84% (89 runs sampled)
+  minimatch x 3,023 ops/sec ±0.99% (90 runs sampled))
+
+# .makeRe braces - range (compiled)
+  micromatch x 152,892 ops/sec ±1.67% (83 runs sampled)
+  minimatch x 992 ops/sec ±3.50% (89 runs sampled)d))
+
+# .makeRe braces - nested ranges (expanded)
+  micromatch x 15,816 ops/sec ±13.05% (80 runs sampled)
+  minimatch x 2,953 ops/sec ±1.64% (91 runs sampled)
+
+# .makeRe braces - nested ranges (compiled)
+  micromatch x 110,881 ops/sec ±1.85% (82 runs sampled)
+  minimatch x 1,008 ops/sec ±1.51% (91 runs sampled)
+
+# .makeRe braces - set (compiled)
+  micromatch x 134,930 ops/sec ±3.54% (63 runs sampled))
+  minimatch x 43,242 ops/sec ±0.60% (93 runs sampled)
+
+# .makeRe braces - nested sets (compiled)
+  micromatch x 94,455 ops/sec ±1.74% (69 runs sampled))
+  minimatch x 27,720 ops/sec ±1.84% (93 runs sampled))
+```
+
+## Contributing
+
+All contributions are welcome! Please read [the contributing guide](.github/contributing.md) to get started.
+
+**Bug reports**
+
+Please create an issue if you encounter a bug or matching behavior that doesn't seem correct. If you find a matching-related issue, please:
+
+* [research existing issues first](../../issues) (open and closed)
+* visit the [GNU Bash documentation](https://www.gnu.org/software/bash/manual/) to see how Bash deals with the pattern
+* visit the [minimatch](https://github.com/isaacs/minimatch) documentation to cross-check expected behavior in node.js
+* if all else fails, since there is no real specification for globs we will probably need to discuss expected behavior and decide how to resolve it. which means any detail you can provide to help with this discussion would be greatly appreciated.
+
+**Platform issues**
+
+It's important to us that micromatch work consistently on all platforms. If you encounter any platform-specific matching or path related issues, please let us know (pull requests are also greatly appreciated).
+
+## About
+
+<details>
+<summary><strong>Contributing</strong></summary>
+
+Pull requests and stars are always welcome. For bugs and feature requests, [please create an issue](../../issues/new).
+
+Please read the [contributing guide](.github/contributing.md) for advice on opening issues, pull requests, and coding standards.
+
+</details>
+
+<details>
+<summary><strong>Running Tests</strong></summary>
+
+Running and reviewing unit tests is a great way to get familiarized with a library and its API. You can install dependencies and run tests with the following command:
+
+```sh
+$ npm install && npm test
+```
+
+</details>
+
+<details>
+<summary><strong>Building docs</strong></summary>
+
+_(This project's readme.md is generated by [verb](https://github.com/verbose/verb-generate-readme), please don't edit the readme directly. Any changes to the readme must be made in the [.verb.md](.verb.md) readme template.)_
+
+To generate the readme, run the following command:
+
+```sh
+$ npm install -g verbose/verb#dev verb-generate-readme && verb
+```
+
+</details>
+
+### Related projects
+
+You might also be interested in these projects:
+
+* [braces](https://www.npmjs.com/package/braces): Bash-like brace expansion, implemented in JavaScript. Safer than other brace expansion libs, with complete support… [more](https://github.com/micromatch/braces) | [homepage](https://github.com/micromatch/braces "Bash-like brace expansion, implemented in JavaScript. Safer than other brace expansion libs, with complete support for the Bash 4.3 braces specification, without sacrificing speed.")
+* [expand-brackets](https://www.npmjs.com/package/expand-brackets): Expand POSIX bracket expressions (character classes) in glob patterns. | [homepage](https://github.com/micromatch/expand-brackets "Expand POSIX bracket expressions (character classes) in glob patterns.")
+* [extglob](https://www.npmjs.com/package/extglob): Extended glob support for JavaScript. Adds (almost) the expressive power of regular expressions to glob… [more](https://github.com/micromatch/extglob) | [homepage](https://github.com/micromatch/extglob "Extended glob support for JavaScript. Adds (almost) the expressive power of regular expressions to glob patterns.")
+* [fill-range](https://www.npmjs.com/package/fill-range): Fill in a range of numbers or letters, optionally passing an increment or `step` to… [more](https://github.com/jonschlinkert/fill-range) | [homepage](https://github.com/jonschlinkert/fill-range "Fill in a range of numbers or letters, optionally passing an increment or `step` to use, or create a regex-compatible range with `options.toRegex`")
+* [nanomatch](https://www.npmjs.com/package/nanomatch): Fast, minimal glob matcher for node.js. Similar to micromatch, minimatch and multimatch, but complete Bash… [more](https://github.com/micromatch/nanomatch) | [homepage](https://github.com/micromatch/nanomatch "Fast, minimal glob matcher for node.js. Similar to micromatch, minimatch and multimatch, but complete Bash 4.3 wildcard support only (no support for exglobs, posix brackets or braces)")
+
+### Contributors
+
+| **Commits** | **Contributor** |  
+| --- | --- |  
+| 523 | [jonschlinkert](https://github.com/jonschlinkert) |  
+| 12  | [es128](https://github.com/es128) |  
+| 9   | [danez](https://github.com/danez) |  
+| 8   | [doowb](https://github.com/doowb) |  
+| 6   | [paulmillr](https://github.com/paulmillr) |  
+| 5   | [mrmlnc](https://github.com/mrmlnc) |  
+| 3   | [DrPizza](https://github.com/DrPizza) |  
+| 2   | [Tvrqvoise](https://github.com/Tvrqvoise) |  
+| 2   | [antonyk](https://github.com/antonyk) |  
+| 2   | [MartinKolarik](https://github.com/MartinKolarik) |  
+| 2   | [Glazy](https://github.com/Glazy) |  
+| 2   | [mceIdo](https://github.com/mceIdo) |  
+| 2   | [TrySound](https://github.com/TrySound) |  
+| 1   | [yvele](https://github.com/yvele) |  
+| 1   | [wtgtybhertgeghgtwtg](https://github.com/wtgtybhertgeghgtwtg) |  
+| 1   | [simlu](https://github.com/simlu) |  
+| 1   | [curbengh](https://github.com/curbengh) |  
+| 1   | [fidian](https://github.com/fidian) |  
+| 1   | [tomByrer](https://github.com/tomByrer) |  
+| 1   | [ZoomerTedJackson](https://github.com/ZoomerTedJackson) |  
+| 1   | [styfle](https://github.com/styfle) |  
+| 1   | [sebdeckers](https://github.com/sebdeckers) |  
+| 1   | [muescha](https://github.com/muescha) |  
+| 1   | [juszczykjakub](https://github.com/juszczykjakub) |  
+| 1   | [joyceerhl](https://github.com/joyceerhl) |  
+| 1   | [donatj](https://github.com/donatj) |  
+| 1   | [frangio](https://github.com/frangio) |  
+| 1   | [UltCombo](https://github.com/UltCombo) |  
+| 1   | [DianeLooney](https://github.com/DianeLooney) |  
+| 1   | [devongovett](https://github.com/devongovett) |  
+| 1   | [Cslove](https://github.com/Cslove) |  
+| 1   | [amilajack](https://github.com/amilajack) |  
+
+### Author
+
+**Jon Schlinkert**
+
+* [GitHub Profile](https://github.com/jonschlinkert)
+* [Twitter Profile](https://twitter.com/jonschlinkert)
+* [LinkedIn Profile](https://linkedin.com/in/jonschlinkert)
+
+### License
+
+Copyright © 2024, [Jon Schlinkert](https://github.com/jonschlinkert).
+Released under the [MIT License](LICENSE).
+
+***
+
+_This file was generated by [verb-generate-readme](https://github.com/verbose/verb-generate-readme), v0.8.0, on August 23, 2024._
\ No newline at end of file
diff --git a/node_modules/micromatch/index.js b/node_modules/micromatch/index.js
new file mode 100644
index 0000000..cb9d9ef
--- /dev/null
+++ b/node_modules/micromatch/index.js
@@ -0,0 +1,474 @@
+'use strict';
+
+const util = require('util');
+const braces = require('braces');
+const picomatch = require('picomatch');
+const utils = require('picomatch/lib/utils');
+
+const isEmptyString = v => v === '' || v === './';
+const hasBraces = v => {
+  const index = v.indexOf('{');
+  return index > -1 && v.indexOf('}', index) > -1;
+};
+
+/**
+ * Returns an array of strings that match one or more glob patterns.
+ *
+ * ```js
+ * const mm = require('micromatch');
+ * // mm(list, patterns[, options]);
+ *
+ * console.log(mm(['a.js', 'a.txt'], ['*.js']));
+ * //=> [ 'a.js' ]
+ * ```
+ * @param {String|Array<string>} `list` List of strings to match.
+ * @param {String|Array<string>} `patterns` One or more glob patterns to use for matching.
+ * @param {Object} `options` See available [options](#options)
+ * @return {Array} Returns an array of matches
+ * @summary false
+ * @api public
+ */
+
+const micromatch = (list, patterns, options) => {
+  patterns = [].concat(patterns);
+  list = [].concat(list);
+
+  let omit = new Set();
+  let keep = new Set();
+  let items = new Set();
+  let negatives = 0;
+
+  let onResult = state => {
+    items.add(state.output);
+    if (options && options.onResult) {
+      options.onResult(state);
+    }
+  };
+
+  for (let i = 0; i < patterns.length; i++) {
+    let isMatch = picomatch(String(patterns[i]), { ...options, onResult }, true);
+    let negated = isMatch.state.negated || isMatch.state.negatedExtglob;
+    if (negated) negatives++;
+
+    for (let item of list) {
+      let matched = isMatch(item, true);
+
+      let match = negated ? !matched.isMatch : matched.isMatch;
+      if (!match) continue;
+
+      if (negated) {
+        omit.add(matched.output);
+      } else {
+        omit.delete(matched.output);
+        keep.add(matched.output);
+      }
+    }
+  }
+
+  let result = negatives === patterns.length ? [...items] : [...keep];
+  let matches = result.filter(item => !omit.has(item));
+
+  if (options && matches.length === 0) {
+    if (options.failglob === true) {
+      throw new Error(`No matches found for "${patterns.join(', ')}"`);
+    }
+
+    if (options.nonull === true || options.nullglob === true) {
+      return options.unescape ? patterns.map(p => p.replace(/\\/g, '')) : patterns;
+    }
+  }
+
+  return matches;
+};
+
+/**
+ * Backwards compatibility
+ */
+
+micromatch.match = micromatch;
+
+/**
+ * Returns a matcher function from the given glob `pattern` and `options`.
+ * The returned function takes a string to match as its only argument and returns
+ * true if the string is a match.
+ *
+ * ```js
+ * const mm = require('micromatch');
+ * // mm.matcher(pattern[, options]);
+ *
+ * const isMatch = mm.matcher('*.!(*a)');
+ * console.log(isMatch('a.a')); //=> false
+ * console.log(isMatch('a.b')); //=> true
+ * ```
+ * @param {String} `pattern` Glob pattern
+ * @param {Object} `options`
+ * @return {Function} Returns a matcher function.
+ * @api public
+ */
+
+micromatch.matcher = (pattern, options) => picomatch(pattern, options);
+
+/**
+ * Returns true if **any** of the given glob `patterns` match the specified `string`.
+ *
+ * ```js
+ * const mm = require('micromatch');
+ * // mm.isMatch(string, patterns[, options]);
+ *
+ * console.log(mm.isMatch('a.a', ['b.*', '*.a'])); //=> true
+ * console.log(mm.isMatch('a.a', 'b.*')); //=> false
+ * ```
+ * @param {String} `str` The string to test.
+ * @param {String|Array} `patterns` One or more glob patterns to use for matching.
+ * @param {Object} `[options]` See available [options](#options).
+ * @return {Boolean} Returns true if any patterns match `str`
+ * @api public
+ */
+
+micromatch.isMatch = (str, patterns, options) => picomatch(patterns, options)(str);
+
+/**
+ * Backwards compatibility
+ */
+
+micromatch.any = micromatch.isMatch;
+
+/**
+ * Returns a list of strings that _**do not match any**_ of the given `patterns`.
+ *
+ * ```js
+ * const mm = require('micromatch');
+ * // mm.not(list, patterns[, options]);
+ *
+ * console.log(mm.not(['a.a', 'b.b', 'c.c'], '*.a'));
+ * //=> ['b.b', 'c.c']
+ * ```
+ * @param {Array} `list` Array of strings to match.
+ * @param {String|Array} `patterns` One or more glob pattern to use for matching.
+ * @param {Object} `options` See available [options](#options) for changing how matches are performed
+ * @return {Array} Returns an array of strings that **do not match** the given patterns.
+ * @api public
+ */
+
+micromatch.not = (list, patterns, options = {}) => {
+  patterns = [].concat(patterns).map(String);
+  let result = new Set();
+  let items = [];
+
+  let onResult = state => {
+    if (options.onResult) options.onResult(state);
+    items.push(state.output);
+  };
+
+  let matches = new Set(micromatch(list, patterns, { ...options, onResult }));
+
+  for (let item of items) {
+    if (!matches.has(item)) {
+      result.add(item);
+    }
+  }
+  return [...result];
+};
+
+/**
+ * Returns true if the given `string` contains the given pattern. Similar
+ * to [.isMatch](#isMatch) but the pattern can match any part of the string.
+ *
+ * ```js
+ * var mm = require('micromatch');
+ * // mm.contains(string, pattern[, options]);
+ *
+ * console.log(mm.contains('aa/bb/cc', '*b'));
+ * //=> true
+ * console.log(mm.contains('aa/bb/cc', '*d'));
+ * //=> false
+ * ```
+ * @param {String} `str` The string to match.
+ * @param {String|Array} `patterns` Glob pattern to use for matching.
+ * @param {Object} `options` See available [options](#options) for changing how matches are performed
+ * @return {Boolean} Returns true if any of the patterns matches any part of `str`.
+ * @api public
+ */
+
+micromatch.contains = (str, pattern, options) => {
+  if (typeof str !== 'string') {
+    throw new TypeError(`Expected a string: "${util.inspect(str)}"`);
+  }
+
+  if (Array.isArray(pattern)) {
+    return pattern.some(p => micromatch.contains(str, p, options));
+  }
+
+  if (typeof pattern === 'string') {
+    if (isEmptyString(str) || isEmptyString(pattern)) {
+      return false;
+    }
+
+    if (str.includes(pattern) || (str.startsWith('./') && str.slice(2).includes(pattern))) {
+      return true;
+    }
+  }
+
+  return micromatch.isMatch(str, pattern, { ...options, contains: true });
+};
+
+/**
+ * Filter the keys of the given object with the given `glob` pattern
+ * and `options`. Does not attempt to match nested keys. If you need this feature,
+ * use [glob-object][] instead.
+ *
+ * ```js
+ * const mm = require('micromatch');
+ * // mm.matchKeys(object, patterns[, options]);
+ *
+ * const obj = { aa: 'a', ab: 'b', ac: 'c' };
+ * console.log(mm.matchKeys(obj, '*b'));
+ * //=> { ab: 'b' }
+ * ```
+ * @param {Object} `object` The object with keys to filter.
+ * @param {String|Array} `patterns` One or more glob patterns to use for matching.
+ * @param {Object} `options` See available [options](#options) for changing how matches are performed
+ * @return {Object} Returns an object with only keys that match the given patterns.
+ * @api public
+ */
+
+micromatch.matchKeys = (obj, patterns, options) => {
+  if (!utils.isObject(obj)) {
+    throw new TypeError('Expected the first argument to be an object');
+  }
+  let keys = micromatch(Object.keys(obj), patterns, options);
+  let res = {};
+  for (let key of keys) res[key] = obj[key];
+  return res;
+};
+
+/**
+ * Returns true if some of the strings in the given `list` match any of the given glob `patterns`.
+ *
+ * ```js
+ * const mm = require('micromatch');
+ * // mm.some(list, patterns[, options]);
+ *
+ * console.log(mm.some(['foo.js', 'bar.js'], ['*.js', '!foo.js']));
+ * // true
+ * console.log(mm.some(['foo.js'], ['*.js', '!foo.js']));
+ * // false
+ * ```
+ * @param {String|Array} `list` The string or array of strings to test. Returns as soon as the first match is found.
+ * @param {String|Array} `patterns` One or more glob patterns to use for matching.
+ * @param {Object} `options` See available [options](#options) for changing how matches are performed
+ * @return {Boolean} Returns true if any `patterns` matches any of the strings in `list`
+ * @api public
+ */
+
+micromatch.some = (list, patterns, options) => {
+  let items = [].concat(list);
+
+  for (let pattern of [].concat(patterns)) {
+    let isMatch = picomatch(String(pattern), options);
+    if (items.some(item => isMatch(item))) {
+      return true;
+    }
+  }
+  return false;
+};
+
+/**
+ * Returns true if every string in the given `list` matches
+ * any of the given glob `patterns`.
+ *
+ * ```js
+ * const mm = require('micromatch');
+ * // mm.every(list, patterns[, options]);
+ *
+ * console.log(mm.every('foo.js', ['foo.js']));
+ * // true
+ * console.log(mm.every(['foo.js', 'bar.js'], ['*.js']));
+ * // true
+ * console.log(mm.every(['foo.js', 'bar.js'], ['*.js', '!foo.js']));
+ * // false
+ * console.log(mm.every(['foo.js'], ['*.js', '!foo.js']));
+ * // false
+ * ```
+ * @param {String|Array} `list` The string or array of strings to test.
+ * @param {String|Array} `patterns` One or more glob patterns to use for matching.
+ * @param {Object} `options` See available [options](#options) for changing how matches are performed
+ * @return {Boolean} Returns true if all `patterns` matches all of the strings in `list`
+ * @api public
+ */
+
+micromatch.every = (list, patterns, options) => {
+  let items = [].concat(list);
+
+  for (let pattern of [].concat(patterns)) {
+    let isMatch = picomatch(String(pattern), options);
+    if (!items.every(item => isMatch(item))) {
+      return false;
+    }
+  }
+  return true;
+};
+
+/**
+ * Returns true if **all** of the given `patterns` match
+ * the specified string.
+ *
+ * ```js
+ * const mm = require('micromatch');
+ * // mm.all(string, patterns[, options]);
+ *
+ * console.log(mm.all('foo.js', ['foo.js']));
+ * // true
+ *
+ * console.log(mm.all('foo.js', ['*.js', '!foo.js']));
+ * // false
+ *
+ * console.log(mm.all('foo.js', ['*.js', 'foo.js']));
+ * // true
+ *
+ * console.log(mm.all('foo.js', ['*.js', 'f*', '*o*', '*o.js']));
+ * // true
+ * ```
+ * @param {String|Array} `str` The string to test.
+ * @param {String|Array} `patterns` One or more glob patterns to use for matching.
+ * @param {Object} `options` See available [options](#options) for changing how matches are performed
+ * @return {Boolean} Returns true if any patterns match `str`
+ * @api public
+ */
+
+micromatch.all = (str, patterns, options) => {
+  if (typeof str !== 'string') {
+    throw new TypeError(`Expected a string: "${util.inspect(str)}"`);
+  }
+
+  return [].concat(patterns).every(p => picomatch(p, options)(str));
+};
+
+/**
+ * Returns an array of matches captured by `pattern` in `string, or `null` if the pattern did not match.
+ *
+ * ```js
+ * const mm = require('micromatch');
+ * // mm.capture(pattern, string[, options]);
+ *
+ * console.log(mm.capture('test/*.js', 'test/foo.js'));
+ * //=> ['foo']
+ * console.log(mm.capture('test/*.js', 'foo/bar.css'));
+ * //=> null
+ * ```
+ * @param {String} `glob` Glob pattern to use for matching.
+ * @param {String} `input` String to match
+ * @param {Object} `options` See available [options](#options) for changing how matches are performed
+ * @return {Array|null} Returns an array of captures if the input matches the glob pattern, otherwise `null`.
+ * @api public
+ */
+
+micromatch.capture = (glob, input, options) => {
+  let posix = utils.isWindows(options);
+  let regex = picomatch.makeRe(String(glob), { ...options, capture: true });
+  let match = regex.exec(posix ? utils.toPosixSlashes(input) : input);
+
+  if (match) {
+    return match.slice(1).map(v => v === void 0 ? '' : v);
+  }
+};
+
+/**
+ * Create a regular expression from the given glob `pattern`.
+ *
+ * ```js
+ * const mm = require('micromatch');
+ * // mm.makeRe(pattern[, options]);
+ *
+ * console.log(mm.makeRe('*.js'));
+ * //=> /^(?:(\.[\\\/])?(?!\.)(?=.)[^\/]*?\.js)$/
+ * ```
+ * @param {String} `pattern` A glob pattern to convert to regex.
+ * @param {Object} `options`
+ * @return {RegExp} Returns a regex created from the given pattern.
+ * @api public
+ */
+
+micromatch.makeRe = (...args) => picomatch.makeRe(...args);
+
+/**
+ * Scan a glob pattern to separate the pattern into segments. Used
+ * by the [split](#split) method.
+ *
+ * ```js
+ * const mm = require('micromatch');
+ * const state = mm.scan(pattern[, options]);
+ * ```
+ * @param {String} `pattern`
+ * @param {Object} `options`
+ * @return {Object} Returns an object with
+ * @api public
+ */
+
+micromatch.scan = (...args) => picomatch.scan(...args);
+
+/**
+ * Parse a glob pattern to create the source string for a regular
+ * expression.
+ *
+ * ```js
+ * const mm = require('micromatch');
+ * const state = mm.parse(pattern[, options]);
+ * ```
+ * @param {String} `glob`
+ * @param {Object} `options`
+ * @return {Object} Returns an object with useful properties and output to be used as regex source string.
+ * @api public
+ */
+
+micromatch.parse = (patterns, options) => {
+  let res = [];
+  for (let pattern of [].concat(patterns || [])) {
+    for (let str of braces(String(pattern), options)) {
+      res.push(picomatch.parse(str, options));
+    }
+  }
+  return res;
+};
+
+/**
+ * Process the given brace `pattern`.
+ *
+ * ```js
+ * const { braces } = require('micromatch');
+ * console.log(braces('foo/{a,b,c}/bar'));
+ * //=> [ 'foo/(a|b|c)/bar' ]
+ *
+ * console.log(braces('foo/{a,b,c}/bar', { expand: true }));
+ * //=> [ 'foo/a/bar', 'foo/b/bar', 'foo/c/bar' ]
+ * ```
+ * @param {String} `pattern` String with brace pattern to process.
+ * @param {Object} `options` Any [options](#options) to change how expansion is performed. See the [braces][] library for all available options.
+ * @return {Array}
+ * @api public
+ */
+
+micromatch.braces = (pattern, options) => {
+  if (typeof pattern !== 'string') throw new TypeError('Expected a string');
+  if ((options && options.nobrace === true) || !hasBraces(pattern)) {
+    return [pattern];
+  }
+  return braces(pattern, options);
+};
+
+/**
+ * Expand braces
+ */
+
+micromatch.braceExpand = (pattern, options) => {
+  if (typeof pattern !== 'string') throw new TypeError('Expected a string');
+  return micromatch.braces(pattern, { ...options, expand: true });
+};
+
+/**
+ * Expose micromatch
+ */
+
+// exposed for tests
+micromatch.hasBraces = hasBraces;
+module.exports = micromatch;
diff --git a/node_modules/micromatch/package.json b/node_modules/micromatch/package.json
new file mode 100644
index 0000000..d5558bb
--- /dev/null
+++ b/node_modules/micromatch/package.json
@@ -0,0 +1,119 @@
+{
+  "name": "micromatch",
+  "description": "Glob matching for javascript/node.js. A replacement and faster alternative to minimatch and multimatch.",
+  "version": "4.0.8",
+  "homepage": "https://github.com/micromatch/micromatch",
+  "author": "Jon Schlinkert (https://github.com/jonschlinkert)",
+  "contributors": [
+    "(https://github.com/DianeLooney)",
+    "Amila Welihinda (amilajack.com)",
+    "Bogdan Chadkin (https://github.com/TrySound)",
+    "Brian Woodward (https://twitter.com/doowb)",
+    "Devon Govett (http://badassjs.com)",
+    "Elan Shanker (https://github.com/es128)",
+    "Fabrício Matté (https://ultcombo.js.org)",
+    "Jon Schlinkert (http://twitter.com/jonschlinkert)",
+    "Martin Kolárik (https://kolarik.sk)",
+    "Olsten Larck (https://i.am.charlike.online)",
+    "Paul Miller (paulmillr.com)",
+    "Tom Byrer (https://github.com/tomByrer)",
+    "Tyler Akins (http://rumkin.com)",
+    "Peter Bright <drpizza@quiscalusmexicanus.org> (https://github.com/drpizza)",
+    "Kuba Juszczyk (https://github.com/ku8ar)"
+  ],
+  "repository": "micromatch/micromatch",
+  "bugs": {
+    "url": "https://github.com/micromatch/micromatch/issues"
+  },
+  "license": "MIT",
+  "files": [
+    "index.js"
+  ],
+  "main": "index.js",
+  "engines": {
+    "node": ">=8.6"
+  },
+  "scripts": {
+    "test": "mocha"
+  },
+  "dependencies": {
+    "braces": "^3.0.3",
+    "picomatch": "^2.3.1"
+  },
+  "devDependencies": {
+    "fill-range": "^7.0.1",
+    "gulp-format-md": "^2.0.0",
+    "minimatch": "^5.0.1",
+    "mocha": "^9.2.2",
+    "time-require": "github:jonschlinkert/time-require"
+  },
+  "keywords": [
+    "bash",
+    "bracket",
+    "character-class",
+    "expand",
+    "expansion",
+    "expression",
+    "extglob",
+    "extglobs",
+    "file",
+    "files",
+    "filter",
+    "find",
+    "glob",
+    "globbing",
+    "globs",
+    "globstar",
+    "lookahead",
+    "lookaround",
+    "lookbehind",
+    "match",
+    "matcher",
+    "matches",
+    "matching",
+    "micromatch",
+    "minimatch",
+    "multimatch",
+    "negate",
+    "negation",
+    "path",
+    "pattern",
+    "patterns",
+    "posix",
+    "regex",
+    "regexp",
+    "regular",
+    "shell",
+    "star",
+    "wildcard"
+  ],
+  "verb": {
+    "toc": "collapsible",
+    "layout": "default",
+    "tasks": [
+      "readme"
+    ],
+    "plugins": [
+      "gulp-format-md"
+    ],
+    "lint": {
+      "reflinks": true
+    },
+    "related": {
+      "list": [
+        "braces",
+        "expand-brackets",
+        "extglob",
+        "fill-range",
+        "nanomatch"
+      ]
+    },
+    "reflinks": [
+      "extglob",
+      "fill-range",
+      "glob-object",
+      "minimatch",
+      "multimatch"
+    ]
+  }
+}
diff --git a/node_modules/node-addon-api/LICENSE.md b/node_modules/node-addon-api/LICENSE.md
new file mode 100644
index 0000000..819d91a
--- /dev/null
+++ b/node_modules/node-addon-api/LICENSE.md
@@ -0,0 +1,9 @@
+The MIT License (MIT)
+
+Copyright (c) 2017 [Node.js API collaborators](https://github.com/nodejs/node-addon-api#collaborators)
+
+Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
diff --git a/node_modules/node-addon-api/README.md b/node_modules/node-addon-api/README.md
new file mode 100644
index 0000000..e90eb7c
--- /dev/null
+++ b/node_modules/node-addon-api/README.md
@@ -0,0 +1,319 @@
+NOTE: The default branch has been renamed!
+master is now named main
+
+If you have a local clone, you can update it by running:
+
+```shell
+git branch -m master main
+git fetch origin
+git branch -u origin/main main
+```
+
+# **node-addon-api module**
+This module contains  **header-only C++ wrapper classes** which simplify
+the use of the C based [Node-API](https://nodejs.org/dist/latest/docs/api/n-api.html)
+provided by Node.js when using C++. It provides a C++ object model
+and exception handling semantics with low overhead.
+
+There are three options for implementing addons: Node-API, nan, or direct
+use of internal V8, libuv, and Node.js libraries. Unless there is a need for
+direct access to functionality that is not exposed by Node-API as outlined
+in [C/C++ addons](https://nodejs.org/dist/latest/docs/api/addons.html)
+in Node.js core, use Node-API. Refer to
+[C/C++ addons with Node-API](https://nodejs.org/dist/latest/docs/api/n-api.html)
+for more information on Node-API.
+
+Node-API is an ABI stable C interface provided by Node.js for building native
+addons. It is independent of the underlying JavaScript runtime (e.g. V8 or ChakraCore)
+and is maintained as part of Node.js itself. It is intended to insulate
+native addons from changes in the underlying JavaScript engine and allow
+modules compiled for one version to run on later versions of Node.js without
+recompilation.
+
+The `node-addon-api` module, which is not part of Node.js, preserves the benefits
+of the Node-API as it consists only of inline code that depends only on the stable API
+provided by Node-API. As such, modules built against one version of Node.js
+using node-addon-api should run without having to be rebuilt with newer versions
+of Node.js.
+
+It is important to remember that *other* Node.js interfaces such as
+`libuv` (included in a project via `#include <uv.h>`) are not ABI-stable across
+Node.js major versions. Thus, an addon must use Node-API and/or `node-addon-api`
+exclusively and build against a version of Node.js that includes an
+implementation of Node-API (meaning an active LTS version of Node.js) in
+order to benefit from ABI stability across Node.js major versions. Node.js
+provides an [ABI stability guide][] containing a detailed explanation of ABI
+stability in general, and the Node-API ABI stability guarantee in particular.
+
+As new APIs are added to Node-API, node-addon-api must be updated to provide
+wrappers for those new APIs. For this reason, node-addon-api provides
+methods that allow callers to obtain the underlying Node-API handles so
+direct calls to Node-API and the use of the objects/methods provided by
+node-addon-api can be used together. For example, in order to be able
+to use an API for which the node-addon-api does not yet provide a wrapper.
+
+APIs exposed by node-addon-api are generally used to create and
+manipulate JavaScript values. Concepts and operations generally map
+to ideas specified in the **ECMA262 Language Specification**.
+
+The [Node-API Resource](https://nodejs.github.io/node-addon-examples/) offers an
+excellent orientation and tips for developers just getting started with Node-API
+and node-addon-api.
+
+- **[Setup](#setup)**
+- **[API Documentation](#api)**
+- **[Examples](#examples)**
+- **[Tests](#tests)**
+- **[More resource and info about native Addons](#resources)**
+- **[Badges](#badges)**
+- **[Code of Conduct](CODE_OF_CONDUCT.md)**
+- **[Contributors](#contributors)**
+- **[License](#license)**
+
+## **Current version: 7.1.1**
+
+(See [CHANGELOG.md](CHANGELOG.md) for complete Changelog)
+
+[![NPM](https://nodei.co/npm/node-addon-api.png?downloads=true&downloadRank=true)](https://nodei.co/npm/node-addon-api/) [![NPM](https://nodei.co/npm-dl/node-addon-api.png?months=6&height=1)](https://nodei.co/npm/node-addon-api/)
+
+<a name="setup"></a>
+
+node-addon-api is based on [Node-API](https://nodejs.org/api/n-api.html) and supports using different Node-API versions.
+This allows addons built with it to run with Node.js versions which support the targeted Node-API version.
+**However** the node-addon-api support model is to support only the active LTS Node.js versions. This means that
+every year there will be a new major which drops support for the Node.js LTS version which has gone out of service.
+
+The oldest Node.js version supported by the current version of node-addon-api is Node.js 16.x.
+
+## Setup
+  - [Installation and usage](doc/setup.md)
+  - [node-gyp](doc/node-gyp.md)
+  - [cmake-js](doc/cmake-js.md)
+  - [Conversion tool](doc/conversion-tool.md)
+  - [Checker tool](doc/checker-tool.md)
+  - [Generator](doc/generator.md)
+  - [Prebuild tools](doc/prebuild_tools.md)
+
+<a name="api"></a>
+
+### **API Documentation**
+
+The following is the documentation for node-addon-api.
+
+ - [Full Class Hierarchy](doc/hierarchy.md)
+ - [Addon Structure](doc/addon.md)
+ - Data Types:
+    - [Env](doc/env.md)
+    - [CallbackInfo](doc/callbackinfo.md)
+    - [Reference](doc/reference.md)
+    - [Value](doc/value.md)
+        - [Name](doc/name.md)
+            - [Symbol](doc/symbol.md)
+            - [String](doc/string.md)
+        - [Number](doc/number.md)
+        - [Date](doc/date.md)
+        - [BigInt](doc/bigint.md)
+        - [Boolean](doc/boolean.md)
+        - [External](doc/external.md)
+        - [Object](doc/object.md)
+            - [Array](doc/array.md)
+            - [ObjectReference](doc/object_reference.md)
+    - [PropertyDescriptor](doc/property_descriptor.md)
+    - [Function](doc/function.md)
+        - [FunctionReference](doc/function_reference.md)
+    - [ObjectWrap](doc/object_wrap.md)
+        - [ClassPropertyDescriptor](doc/class_property_descriptor.md)
+    - [Buffer](doc/buffer.md)
+    - [ArrayBuffer](doc/array_buffer.md)
+    - [TypedArray](doc/typed_array.md)
+      - [TypedArrayOf](doc/typed_array_of.md)
+    - [DataView](doc/dataview.md)
+ - [Error Handling](doc/error_handling.md)
+    - [Error](doc/error.md)
+      - [TypeError](doc/type_error.md)
+      - [RangeError](doc/range_error.md)
+      - [SyntaxError](doc/syntax_error.md)
+ - [Object Lifetime Management](doc/object_lifetime_management.md)
+    - [HandleScope](doc/handle_scope.md)
+    - [EscapableHandleScope](doc/escapable_handle_scope.md)
+ - [Memory Management](doc/memory_management.md)
+ - [Async Operations](doc/async_operations.md)
+    - [AsyncWorker](doc/async_worker.md)
+    - [AsyncContext](doc/async_context.md)
+    - [AsyncWorker Variants](doc/async_worker_variants.md)
+ - [Thread-safe Functions](doc/threadsafe.md)
+    - [ThreadSafeFunction](doc/threadsafe_function.md)
+    - [TypedThreadSafeFunction](doc/typed_threadsafe_function.md)
+ - [Promises](doc/promises.md)
+ - [Version management](doc/version_management.md)
+
+<a name="examples"></a>
+
+### **Examples**
+
+Are you new to **node-addon-api**? Take a look at our **[examples](https://github.com/nodejs/node-addon-examples)**
+
+- **[Hello World](https://github.com/nodejs/node-addon-examples/tree/main/src/1-getting-started/1_hello_world)**
+- **[Pass arguments to a function](https://github.com/nodejs/node-addon-examples/tree/main/src/1-getting-started/2_function_arguments/node-addon-api)**
+- **[Callbacks](https://github.com/nodejs/node-addon-examples/tree/main/src/1-getting-started/3_callbacks/node-addon-api)**
+- **[Object factory](https://github.com/nodejs/node-addon-examples/tree/main/src/1-getting-started/4_object_factory/node-addon-api)**
+- **[Function factory](https://github.com/nodejs/node-addon-examples/tree/main/src/1-getting-started/5_function_factory/node-addon-api)**
+- **[Wrapping C++ Object](https://github.com/nodejs/node-addon-examples/tree/main/src/1-getting-started/6_object_wrap/node-addon-api)**
+- **[Factory of wrapped object](https://github.com/nodejs/node-addon-examples/tree/main/src/1-getting-started/7_factory_wrap/node-addon-api)**
+- **[Passing wrapped object around](https://github.com/nodejs/node-addon-examples/tree/main/src/2-js-to-native-conversion/8_passing_wrapped/node-addon-api)**
+
+<a name="tests"></a>
+
+### **Tests**
+
+To run the **node-addon-api** tests do:
+
+```
+npm install
+npm test
+```
+
+To avoid testing the deprecated portions of the API run
+```
+npm install
+npm test --disable-deprecated
+```
+
+To run the tests targeting a specific version of Node-API run
+```
+npm install
+export NAPI_VERSION=X
+npm test --NAPI_VERSION=X
+```
+
+where X is the version of Node-API you want to target.
+
+To run a specific unit test, filter conditions are available
+
+**Example:**
+  compile and run only tests on objectwrap.cc and objectwrap.js
+  ```
+    npm run unit --filter=objectwrap
+  ```
+
+Multiple unit tests cane be selected with wildcards
+
+**Example:**
+compile and run all test files ending with "reference" -> function_reference.cc, object_reference.cc, reference.cc
+ ```
+    npm run unit --filter=*reference
+ ```
+
+Multiple filter conditions can be joined to broaden the test selection
+
+**Example:**
+ compile and run all tests under folders threadsafe_function and typed_threadsafe_function and also the objectwrap.cc file
+    npm run unit --filter='*function objectwrap'
+
+### **Debug**
+
+To run the **node-addon-api** tests with `--debug` option:
+
+```
+npm run-script dev
+```
+
+If you want a faster build, you might use the following option:
+
+```
+npm run-script dev:incremental
+```
+
+Take a look and get inspired by our **[test suite](https://github.com/nodejs/node-addon-api/tree/HEAD/test)**
+
+### **Benchmarks**
+
+You can run the available benchmarks using the following command:
+
+```
+npm run-script benchmark
+```
+
+See [benchmark/README.md](benchmark/README.md) for more details about running and adding benchmarks.
+
+<a name="resources"></a>
+
+### **More resource and info about native Addons**
+- **[C++ Addons](https://nodejs.org/dist/latest/docs/api/addons.html)**
+- **[Node-API](https://nodejs.org/dist/latest/docs/api/n-api.html)**
+- **[Node-API - Next Generation Node API for Native Modules](https://youtu.be/-Oniup60Afs)**
+- **[How We Migrated Realm JavaScript From NAN to Node-API](https://developer.mongodb.com/article/realm-javascript-nan-to-n-api)**
+
+As node-addon-api's core mission is to expose the plain C Node-API as C++
+wrappers, tools that facilitate n-api/node-addon-api providing more
+convenient patterns for developing a Node.js add-on with n-api/node-addon-api
+can be published to NPM as standalone packages. It is also recommended to tag
+such packages with `node-addon-api` to provide more visibility to the community.
+
+Quick links to NPM searches: [keywords:node-addon-api](https://www.npmjs.com/search?q=keywords%3Anode-addon-api).
+
+<a name="other-bindings"></a>
+
+### **Other bindings**
+
+- **[napi-rs](https://napi.rs)** - (`Rust`)
+
+<a name="badges"></a>
+
+### **Badges**
+
+The use of badges is recommended to indicate the minimum version of Node-API
+required for the module. This helps to determine which Node.js major versions are
+supported. Addon maintainers can consult the [Node-API support matrix][] to determine
+which Node.js versions provide a given Node-API version. The following badges are
+available:
+
+![Node-API v1 Badge](https://github.com/nodejs/abi-stable-node/blob/doc/assets/Node-API%20v1%20Badge.svg)
+![Node-API v2 Badge](https://github.com/nodejs/abi-stable-node/blob/doc/assets/Node-API%20v2%20Badge.svg)
+![Node-API v3 Badge](https://github.com/nodejs/abi-stable-node/blob/doc/assets/Node-API%20v3%20Badge.svg)
+![Node-API v4 Badge](https://github.com/nodejs/abi-stable-node/blob/doc/assets/Node-API%20v4%20Badge.svg)
+![Node-API v5 Badge](https://github.com/nodejs/abi-stable-node/blob/doc/assets/Node-API%20v5%20Badge.svg)
+![Node-API v6 Badge](https://github.com/nodejs/abi-stable-node/blob/doc/assets/Node-API%20v6%20Badge.svg)
+![Node-API v7 Badge](https://github.com/nodejs/abi-stable-node/blob/doc/assets/Node-API%20v7%20Badge.svg)
+![Node-API v8 Badge](https://github.com/nodejs/abi-stable-node/blob/doc/assets/Node-API%20v8%20Badge.svg)
+![Node-API v9 Badge](https://github.com/nodejs/abi-stable-node/blob/doc/assets/Node-API%20v9%20Badge.svg)
+![Node-API Experimental Version Badge](https://github.com/nodejs/abi-stable-node/blob/doc/assets/Node-API%20Experimental%20Version%20Badge.svg)
+
+## **Contributing**
+
+We love contributions from the community to **node-addon-api**!
+See [CONTRIBUTING.md](CONTRIBUTING.md) for more details on our philosophy around extending this module.
+
+<a name="contributors"></a>
+
+## Team members
+
+### Active
+| Name                | GitHub Link                                           |
+| ------------------- | ----------------------------------------------------- |
+| Anna Henningsen     | [addaleax](https://github.com/addaleax)               |
+| Chengzhong Wu       | [legendecas](https://github.com/legendecas)           |
+| Jack Xia            | [JckXia](https://github.com/JckXia)                   |
+| Kevin Eady          | [KevinEady](https://github.com/KevinEady)             |
+| Michael Dawson      | [mhdawson](https://github.com/mhdawson)               |
+| Nicola Del Gobbo    | [NickNaso](https://github.com/NickNaso)               |
+| Vladimir Morozov    | [vmoroz](https://github.com/vmoroz)                   |
+
+### Emeritus
+| Name                | GitHub Link                                           |
+| ------------------- | ----------------------------------------------------- |
+| Arunesh Chandra     | [aruneshchandra](https://github.com/aruneshchandra)   |
+| Benjamin Byholm     | [kkoopa](https://github.com/kkoopa)                   |
+| Gabriel Schulhof    | [gabrielschulhof](https://github.com/gabrielschulhof) |
+| Hitesh Kanwathirtha | [digitalinfinity](https://github.com/digitalinfinity) |
+| Jason Ginchereau    | [jasongin](https://github.com/jasongin)               |
+| Jim Schlight        | [jschlight](https://github.com/jschlight)             |
+| Sampson Gao         | [sampsongao](https://github.com/sampsongao)           |
+| Taylor Woll         | [boingoing](https://github.com/boingoing)             |
+
+<a name="license"></a>
+
+Licensed under [MIT](./LICENSE.md)
+
+[ABI stability guide]: https://nodejs.org/en/docs/guides/abi-stability/
+[Node-API support matrix]: https://nodejs.org/dist/latest/docs/api/n-api.html#n_api_n_api_version_matrix
diff --git a/node_modules/node-addon-api/common.gypi b/node_modules/node-addon-api/common.gypi
new file mode 100644
index 0000000..06c0176
--- /dev/null
+++ b/node_modules/node-addon-api/common.gypi
@@ -0,0 +1,20 @@
+{
+  'variables': {
+    'NAPI_VERSION%': "<!(node -p \"process.env.NAPI_VERSION || process.versions.napi\")",
+    'disable_deprecated': "<!(node -p \"process.env['npm_config_disable_deprecated']\")"
+  },
+  'conditions': [
+    ['NAPI_VERSION!=""', { 'defines': ['NAPI_VERSION=<@(NAPI_VERSION)'] } ],
+    ['disable_deprecated=="true"', {
+      'defines': ['NODE_ADDON_API_DISABLE_DEPRECATED']
+    }],
+    ['OS=="mac"', {
+      'cflags+': ['-fvisibility=hidden'],
+      'xcode_settings': {
+        'OTHER_CFLAGS': ['-fvisibility=hidden']
+      }
+    }]
+  ],
+  'cflags': [ '-Werror', '-Wall', '-Wextra', '-Wpedantic', '-Wunused-parameter' ],
+  'cflags_cc': [ '-Werror', '-Wall', '-Wextra', '-Wpedantic', '-Wunused-parameter' ]
+}
diff --git a/node_modules/node-addon-api/except.gypi b/node_modules/node-addon-api/except.gypi
new file mode 100644
index 0000000..e2fb2c5
--- /dev/null
+++ b/node_modules/node-addon-api/except.gypi
@@ -0,0 +1,25 @@
+{
+  'defines': [ 'NAPI_CPP_EXCEPTIONS' ],
+  'cflags!': [ '-fno-exceptions' ],
+  'cflags_cc!': [ '-fno-exceptions' ],
+  'conditions': [
+    ["OS=='win'", {
+      "defines": [
+        "_HAS_EXCEPTIONS=1"
+      ],
+      "msvs_settings": {
+        "VCCLCompilerTool": {
+          "ExceptionHandling": 1,
+          'EnablePREfast': 'true',
+        },
+      },
+    }],
+    ["OS=='mac'", {
+      'xcode_settings': {
+        'GCC_ENABLE_CPP_EXCEPTIONS': 'YES',
+        'CLANG_CXX_LIBRARY': 'libc++',
+        'MACOSX_DEPLOYMENT_TARGET': '10.7',
+      },
+    }],
+  ],
+}
diff --git a/node_modules/node-addon-api/index.js b/node_modules/node-addon-api/index.js
new file mode 100644
index 0000000..4877abc
--- /dev/null
+++ b/node_modules/node-addon-api/index.js
@@ -0,0 +1,12 @@
+const path = require('path');
+
+const includeDir = path.relative('.', __dirname);
+
+module.exports = {
+  include: `"${__dirname}"`, // deprecated, can be removed as part of 4.0.0
+  include_dir: includeDir,
+  gyp: path.join(includeDir, 'node_api.gyp:nothing'), // deprecated.
+  targets: path.join(includeDir, 'node_addon_api.gyp'),
+  isNodeApiBuiltin: true,
+  needsFlag: false
+};
diff --git a/node_modules/node-addon-api/napi-inl.deprecated.h b/node_modules/node-addon-api/napi-inl.deprecated.h
new file mode 100644
index 0000000..3ddbb2e
--- /dev/null
+++ b/node_modules/node-addon-api/napi-inl.deprecated.h
@@ -0,0 +1,186 @@
+#ifndef SRC_NAPI_INL_DEPRECATED_H_
+#define SRC_NAPI_INL_DEPRECATED_H_
+
+////////////////////////////////////////////////////////////////////////////////
+// PropertyDescriptor class
+////////////////////////////////////////////////////////////////////////////////
+
+template <typename Getter>
+inline PropertyDescriptor PropertyDescriptor::Accessor(
+    const char* utf8name,
+    Getter getter,
+    napi_property_attributes attributes,
+    void* /*data*/) {
+  using CbData = details::CallbackData<Getter, Napi::Value>;
+  // TODO: Delete when the function is destroyed
+  auto callbackData = new CbData({getter, nullptr});
+
+  return PropertyDescriptor({utf8name,
+                             nullptr,
+                             nullptr,
+                             CbData::Wrapper,
+                             nullptr,
+                             nullptr,
+                             attributes,
+                             callbackData});
+}
+
+template <typename Getter>
+inline PropertyDescriptor PropertyDescriptor::Accessor(
+    const std::string& utf8name,
+    Getter getter,
+    napi_property_attributes attributes,
+    void* data) {
+  return Accessor(utf8name.c_str(), getter, attributes, data);
+}
+
+template <typename Getter>
+inline PropertyDescriptor PropertyDescriptor::Accessor(
+    napi_value name,
+    Getter getter,
+    napi_property_attributes attributes,
+    void* /*data*/) {
+  using CbData = details::CallbackData<Getter, Napi::Value>;
+  // TODO: Delete when the function is destroyed
+  auto callbackData = new CbData({getter, nullptr});
+
+  return PropertyDescriptor({nullptr,
+                             name,
+                             nullptr,
+                             CbData::Wrapper,
+                             nullptr,
+                             nullptr,
+                             attributes,
+                             callbackData});
+}
+
+template <typename Getter>
+inline PropertyDescriptor PropertyDescriptor::Accessor(
+    Name name, Getter getter, napi_property_attributes attributes, void* data) {
+  napi_value nameValue = name;
+  return PropertyDescriptor::Accessor(nameValue, getter, attributes, data);
+}
+
+template <typename Getter, typename Setter>
+inline PropertyDescriptor PropertyDescriptor::Accessor(
+    const char* utf8name,
+    Getter getter,
+    Setter setter,
+    napi_property_attributes attributes,
+    void* /*data*/) {
+  using CbData = details::AccessorCallbackData<Getter, Setter>;
+  // TODO: Delete when the function is destroyed
+  auto callbackData = new CbData({getter, setter, nullptr});
+
+  return PropertyDescriptor({utf8name,
+                             nullptr,
+                             nullptr,
+                             CbData::GetterWrapper,
+                             CbData::SetterWrapper,
+                             nullptr,
+                             attributes,
+                             callbackData});
+}
+
+template <typename Getter, typename Setter>
+inline PropertyDescriptor PropertyDescriptor::Accessor(
+    const std::string& utf8name,
+    Getter getter,
+    Setter setter,
+    napi_property_attributes attributes,
+    void* data) {
+  return Accessor(utf8name.c_str(), getter, setter, attributes, data);
+}
+
+template <typename Getter, typename Setter>
+inline PropertyDescriptor PropertyDescriptor::Accessor(
+    napi_value name,
+    Getter getter,
+    Setter setter,
+    napi_property_attributes attributes,
+    void* /*data*/) {
+  using CbData = details::AccessorCallbackData<Getter, Setter>;
+  // TODO: Delete when the function is destroyed
+  auto callbackData = new CbData({getter, setter, nullptr});
+
+  return PropertyDescriptor({nullptr,
+                             name,
+                             nullptr,
+                             CbData::GetterWrapper,
+                             CbData::SetterWrapper,
+                             nullptr,
+                             attributes,
+                             callbackData});
+}
+
+template <typename Getter, typename Setter>
+inline PropertyDescriptor PropertyDescriptor::Accessor(
+    Name name,
+    Getter getter,
+    Setter setter,
+    napi_property_attributes attributes,
+    void* data) {
+  napi_value nameValue = name;
+  return PropertyDescriptor::Accessor(
+      nameValue, getter, setter, attributes, data);
+}
+
+template <typename Callable>
+inline PropertyDescriptor PropertyDescriptor::Function(
+    const char* utf8name,
+    Callable cb,
+    napi_property_attributes attributes,
+    void* /*data*/) {
+  using ReturnType = decltype(cb(CallbackInfo(nullptr, nullptr)));
+  using CbData = details::CallbackData<Callable, ReturnType>;
+  // TODO: Delete when the function is destroyed
+  auto callbackData = new CbData({cb, nullptr});
+
+  return PropertyDescriptor({utf8name,
+                             nullptr,
+                             CbData::Wrapper,
+                             nullptr,
+                             nullptr,
+                             nullptr,
+                             attributes,
+                             callbackData});
+}
+
+template <typename Callable>
+inline PropertyDescriptor PropertyDescriptor::Function(
+    const std::string& utf8name,
+    Callable cb,
+    napi_property_attributes attributes,
+    void* data) {
+  return Function(utf8name.c_str(), cb, attributes, data);
+}
+
+template <typename Callable>
+inline PropertyDescriptor PropertyDescriptor::Function(
+    napi_value name,
+    Callable cb,
+    napi_property_attributes attributes,
+    void* /*data*/) {
+  using ReturnType = decltype(cb(CallbackInfo(nullptr, nullptr)));
+  using CbData = details::CallbackData<Callable, ReturnType>;
+  // TODO: Delete when the function is destroyed
+  auto callbackData = new CbData({cb, nullptr});
+
+  return PropertyDescriptor({nullptr,
+                             name,
+                             CbData::Wrapper,
+                             nullptr,
+                             nullptr,
+                             nullptr,
+                             attributes,
+                             callbackData});
+}
+
+template <typename Callable>
+inline PropertyDescriptor PropertyDescriptor::Function(
+    Name name, Callable cb, napi_property_attributes attributes, void* data) {
+  napi_value nameValue = name;
+  return PropertyDescriptor::Function(nameValue, cb, attributes, data);
+}
+
+#endif  // !SRC_NAPI_INL_DEPRECATED_H_
diff --git a/node_modules/node-addon-api/napi-inl.h b/node_modules/node-addon-api/napi-inl.h
new file mode 100644
index 0000000..a5ae7af
--- /dev/null
+++ b/node_modules/node-addon-api/napi-inl.h
@@ -0,0 +1,6607 @@
+#ifndef SRC_NAPI_INL_H_
+#define SRC_NAPI_INL_H_
+
+////////////////////////////////////////////////////////////////////////////////
+// Node-API C++ Wrapper Classes
+//
+// Inline header-only implementations for "Node-API" ABI-stable C APIs for
+// Node.js.
+////////////////////////////////////////////////////////////////////////////////
+
+// Note: Do not include this file directly! Include "napi.h" instead.
+
+#include <algorithm>
+#include <cstring>
+#if NAPI_HAS_THREADS
+#include <mutex>
+#endif  // NAPI_HAS_THREADS
+#include <type_traits>
+#include <utility>
+
+namespace Napi {
+
+#ifdef NAPI_CPP_CUSTOM_NAMESPACE
+namespace NAPI_CPP_CUSTOM_NAMESPACE {
+#endif
+
+// Helpers to handle functions exposed from C++ and internal constants.
+namespace details {
+
+// New napi_status constants not yet available in all supported versions of
+// Node.js releases. Only necessary when they are used in napi.h and napi-inl.h.
+constexpr int napi_no_external_buffers_allowed = 22;
+
+template <typename FreeType>
+inline void default_finalizer(napi_env /*env*/, void* data, void* /*hint*/) {
+  delete static_cast<FreeType*>(data);
+}
+
+// Attach a data item to an object and delete it when the object gets
+// garbage-collected.
+// TODO: Replace this code with `napi_add_finalizer()` whenever it becomes
+// available on all supported versions of Node.js.
+template <typename FreeType,
+          napi_finalize finalizer = default_finalizer<FreeType>>
+inline napi_status AttachData(napi_env env,
+                              napi_value obj,
+                              FreeType* data,
+                              void* hint = nullptr) {
+  napi_status status;
+#if (NAPI_VERSION < 5)
+  napi_value symbol, external;
+  status = napi_create_symbol(env, nullptr, &symbol);
+  if (status == napi_ok) {
+    status = napi_create_external(env, data, finalizer, hint, &external);
+    if (status == napi_ok) {
+      napi_property_descriptor desc = {nullptr,
+                                       symbol,
+                                       nullptr,
+                                       nullptr,
+                                       nullptr,
+                                       external,
+                                       napi_default,
+                                       nullptr};
+      status = napi_define_properties(env, obj, 1, &desc);
+    }
+  }
+#else  // NAPI_VERSION >= 5
+  status = napi_add_finalizer(env, obj, data, finalizer, hint, nullptr);
+#endif
+  return status;
+}
+
+// For use in JS to C++ callback wrappers to catch any Napi::Error exceptions
+// and rethrow them as JavaScript exceptions before returning from the callback.
+template <typename Callable>
+inline napi_value WrapCallback(Callable callback) {
+#ifdef NAPI_CPP_EXCEPTIONS
+  try {
+    return callback();
+  } catch (const Error& e) {
+    e.ThrowAsJavaScriptException();
+    return nullptr;
+  }
+#else   // NAPI_CPP_EXCEPTIONS
+  // When C++ exceptions are disabled, errors are immediately thrown as JS
+  // exceptions, so there is no need to catch and rethrow them here.
+  return callback();
+#endif  // NAPI_CPP_EXCEPTIONS
+}
+
+// For use in JS to C++ void callback wrappers to catch any Napi::Error
+// exceptions and rethrow them as JavaScript exceptions before returning from
+// the callback.
+template <typename Callable>
+inline void WrapVoidCallback(Callable callback) {
+#ifdef NAPI_CPP_EXCEPTIONS
+  try {
+    callback();
+  } catch (const Error& e) {
+    e.ThrowAsJavaScriptException();
+  }
+#else   // NAPI_CPP_EXCEPTIONS
+  // When C++ exceptions are disabled, errors are immediately thrown as JS
+  // exceptions, so there is no need to catch and rethrow them here.
+  callback();
+#endif  // NAPI_CPP_EXCEPTIONS
+}
+
+template <typename Callable, typename Return>
+struct CallbackData {
+  static inline napi_value Wrapper(napi_env env, napi_callback_info info) {
+    return details::WrapCallback([&] {
+      CallbackInfo callbackInfo(env, info);
+      CallbackData* callbackData =
+          static_cast<CallbackData*>(callbackInfo.Data());
+      callbackInfo.SetData(callbackData->data);
+      return callbackData->callback(callbackInfo);
+    });
+  }
+
+  Callable callback;
+  void* data;
+};
+
+template <typename Callable>
+struct CallbackData<Callable, void> {
+  static inline napi_value Wrapper(napi_env env, napi_callback_info info) {
+    return details::WrapCallback([&] {
+      CallbackInfo callbackInfo(env, info);
+      CallbackData* callbackData =
+          static_cast<CallbackData*>(callbackInfo.Data());
+      callbackInfo.SetData(callbackData->data);
+      callbackData->callback(callbackInfo);
+      return nullptr;
+    });
+  }
+
+  Callable callback;
+  void* data;
+};
+
+template <void (*Callback)(const CallbackInfo& info)>
+napi_value TemplatedVoidCallback(napi_env env,
+                                 napi_callback_info info) NAPI_NOEXCEPT {
+  return details::WrapCallback([&] {
+    CallbackInfo cbInfo(env, info);
+    Callback(cbInfo);
+    return nullptr;
+  });
+}
+
+template <Napi::Value (*Callback)(const CallbackInfo& info)>
+napi_value TemplatedCallback(napi_env env,
+                             napi_callback_info info) NAPI_NOEXCEPT {
+  return details::WrapCallback([&] {
+    CallbackInfo cbInfo(env, info);
+    return Callback(cbInfo);
+  });
+}
+
+template <typename T,
+          Napi::Value (T::*UnwrapCallback)(const CallbackInfo& info)>
+napi_value TemplatedInstanceCallback(napi_env env,
+                                     napi_callback_info info) NAPI_NOEXCEPT {
+  return details::WrapCallback([&] {
+    CallbackInfo cbInfo(env, info);
+    T* instance = T::Unwrap(cbInfo.This().As<Object>());
+    return instance ? (instance->*UnwrapCallback)(cbInfo) : Napi::Value();
+  });
+}
+
+template <typename T, void (T::*UnwrapCallback)(const CallbackInfo& info)>
+napi_value TemplatedInstanceVoidCallback(napi_env env, napi_callback_info info)
+    NAPI_NOEXCEPT {
+  return details::WrapCallback([&] {
+    CallbackInfo cbInfo(env, info);
+    T* instance = T::Unwrap(cbInfo.This().As<Object>());
+    if (instance) (instance->*UnwrapCallback)(cbInfo);
+    return nullptr;
+  });
+}
+
+template <typename T, typename Finalizer, typename Hint = void>
+struct FinalizeData {
+  static inline void Wrapper(napi_env env,
+                             void* data,
+                             void* finalizeHint) NAPI_NOEXCEPT {
+    WrapVoidCallback([&] {
+      FinalizeData* finalizeData = static_cast<FinalizeData*>(finalizeHint);
+      finalizeData->callback(Env(env), static_cast<T*>(data));
+      delete finalizeData;
+    });
+  }
+
+  static inline void WrapperWithHint(napi_env env,
+                                     void* data,
+                                     void* finalizeHint) NAPI_NOEXCEPT {
+    WrapVoidCallback([&] {
+      FinalizeData* finalizeData = static_cast<FinalizeData*>(finalizeHint);
+      finalizeData->callback(
+          Env(env), static_cast<T*>(data), finalizeData->hint);
+      delete finalizeData;
+    });
+  }
+
+  Finalizer callback;
+  Hint* hint;
+};
+
+#if (NAPI_VERSION > 3 && NAPI_HAS_THREADS)
+template <typename ContextType = void,
+          typename Finalizer = std::function<void(Env, void*, ContextType*)>,
+          typename FinalizerDataType = void>
+struct ThreadSafeFinalize {
+  static inline void Wrapper(napi_env env,
+                             void* rawFinalizeData,
+                             void* /* rawContext */) {
+    if (rawFinalizeData == nullptr) return;
+
+    ThreadSafeFinalize* finalizeData =
+        static_cast<ThreadSafeFinalize*>(rawFinalizeData);
+    finalizeData->callback(Env(env));
+    delete finalizeData;
+  }
+
+  static inline void FinalizeWrapperWithData(napi_env env,
+                                             void* rawFinalizeData,
+                                             void* /* rawContext */) {
+    if (rawFinalizeData == nullptr) return;
+
+    ThreadSafeFinalize* finalizeData =
+        static_cast<ThreadSafeFinalize*>(rawFinalizeData);
+    finalizeData->callback(Env(env), finalizeData->data);
+    delete finalizeData;
+  }
+
+  static inline void FinalizeWrapperWithContext(napi_env env,
+                                                void* rawFinalizeData,
+                                                void* rawContext) {
+    if (rawFinalizeData == nullptr) return;
+
+    ThreadSafeFinalize* finalizeData =
+        static_cast<ThreadSafeFinalize*>(rawFinalizeData);
+    finalizeData->callback(Env(env), static_cast<ContextType*>(rawContext));
+    delete finalizeData;
+  }
+
+  static inline void FinalizeFinalizeWrapperWithDataAndContext(
+      napi_env env, void* rawFinalizeData, void* rawContext) {
+    if (rawFinalizeData == nullptr) return;
+
+    ThreadSafeFinalize* finalizeData =
+        static_cast<ThreadSafeFinalize*>(rawFinalizeData);
+    finalizeData->callback(
+        Env(env), finalizeData->data, static_cast<ContextType*>(rawContext));
+    delete finalizeData;
+  }
+
+  FinalizerDataType* data;
+  Finalizer callback;
+};
+
+template <typename ContextType, typename DataType, typename CallJs, CallJs call>
+inline typename std::enable_if<call != static_cast<CallJs>(nullptr)>::type
+CallJsWrapper(napi_env env, napi_value jsCallback, void* context, void* data) {
+  details::WrapVoidCallback([&]() {
+    call(env,
+         Function(env, jsCallback),
+         static_cast<ContextType*>(context),
+         static_cast<DataType*>(data));
+  });
+}
+
+template <typename ContextType, typename DataType, typename CallJs, CallJs call>
+inline typename std::enable_if<call == static_cast<CallJs>(nullptr)>::type
+CallJsWrapper(napi_env env,
+              napi_value jsCallback,
+              void* /*context*/,
+              void* /*data*/) {
+  details::WrapVoidCallback([&]() {
+    if (jsCallback != nullptr) {
+      Function(env, jsCallback).Call(0, nullptr);
+    }
+  });
+}
+
+#if NAPI_VERSION > 4
+
+template <typename CallbackType, typename TSFN>
+napi_value DefaultCallbackWrapper(napi_env /*env*/, std::nullptr_t /*cb*/) {
+  return nullptr;
+}
+
+template <typename CallbackType, typename TSFN>
+napi_value DefaultCallbackWrapper(napi_env /*env*/, Napi::Function cb) {
+  return cb;
+}
+
+#else
+template <typename CallbackType, typename TSFN>
+napi_value DefaultCallbackWrapper(napi_env env, Napi::Function cb) {
+  if (cb.IsEmpty()) {
+    return TSFN::EmptyFunctionFactory(env);
+  }
+  return cb;
+}
+#endif  // NAPI_VERSION > 4
+#endif  // NAPI_VERSION > 3 && NAPI_HAS_THREADS
+
+template <typename Getter, typename Setter>
+struct AccessorCallbackData {
+  static inline napi_value GetterWrapper(napi_env env,
+                                         napi_callback_info info) {
+    return details::WrapCallback([&] {
+      CallbackInfo callbackInfo(env, info);
+      AccessorCallbackData* callbackData =
+          static_cast<AccessorCallbackData*>(callbackInfo.Data());
+      callbackInfo.SetData(callbackData->data);
+      return callbackData->getterCallback(callbackInfo);
+    });
+  }
+
+  static inline napi_value SetterWrapper(napi_env env,
+                                         napi_callback_info info) {
+    return details::WrapCallback([&] {
+      CallbackInfo callbackInfo(env, info);
+      AccessorCallbackData* callbackData =
+          static_cast<AccessorCallbackData*>(callbackInfo.Data());
+      callbackInfo.SetData(callbackData->data);
+      callbackData->setterCallback(callbackInfo);
+      return nullptr;
+    });
+  }
+
+  Getter getterCallback;
+  Setter setterCallback;
+  void* data;
+};
+
+}  // namespace details
+
+#ifndef NODE_ADDON_API_DISABLE_DEPRECATED
+#include "napi-inl.deprecated.h"
+#endif  // !NODE_ADDON_API_DISABLE_DEPRECATED
+
+////////////////////////////////////////////////////////////////////////////////
+// Module registration
+////////////////////////////////////////////////////////////////////////////////
+
+// Register an add-on based on an initializer function.
+#define NODE_API_MODULE(modname, regfunc)                                      \
+  static napi_value __napi_##regfunc(napi_env env, napi_value exports) {       \
+    return Napi::RegisterModule(env, exports, regfunc);                        \
+  }                                                                            \
+  NAPI_MODULE(modname, __napi_##regfunc)
+
+// Register an add-on based on a subclass of `Addon<T>` with a custom Node.js
+// module name.
+#define NODE_API_NAMED_ADDON(modname, classname)                               \
+  static napi_value __napi_##classname(napi_env env, napi_value exports) {     \
+    return Napi::RegisterModule(env, exports, &classname::Init);               \
+  }                                                                            \
+  NAPI_MODULE(modname, __napi_##classname)
+
+// Register an add-on based on a subclass of `Addon<T>` with the Node.js module
+// name given by node-gyp from the `target_name` in binding.gyp.
+#define NODE_API_ADDON(classname)                                              \
+  NODE_API_NAMED_ADDON(NODE_GYP_MODULE_NAME, classname)
+
+// Adapt the NAPI_MODULE registration function:
+//  - Wrap the arguments in NAPI wrappers.
+//  - Catch any NAPI errors and rethrow as JS exceptions.
+inline napi_value RegisterModule(napi_env env,
+                                 napi_value exports,
+                                 ModuleRegisterCallback registerCallback) {
+  return details::WrapCallback([&] {
+    return napi_value(
+        registerCallback(Napi::Env(env), Napi::Object(env, exports)));
+  });
+}
+
+////////////////////////////////////////////////////////////////////////////////
+// Maybe class
+////////////////////////////////////////////////////////////////////////////////
+
+template <class T>
+bool Maybe<T>::IsNothing() const {
+  return !_has_value;
+}
+
+template <class T>
+bool Maybe<T>::IsJust() const {
+  return _has_value;
+}
+
+template <class T>
+void Maybe<T>::Check() const {
+  NAPI_CHECK(IsJust(), "Napi::Maybe::Check", "Maybe value is Nothing.");
+}
+
+template <class T>
+T Maybe<T>::Unwrap() const {
+  NAPI_CHECK(IsJust(), "Napi::Maybe::Unwrap", "Maybe value is Nothing.");
+  return _value;
+}
+
+template <class T>
+T Maybe<T>::UnwrapOr(const T& default_value) const {
+  return _has_value ? _value : default_value;
+}
+
+template <class T>
+bool Maybe<T>::UnwrapTo(T* out) const {
+  if (IsJust()) {
+    *out = _value;
+    return true;
+  };
+  return false;
+}
+
+template <class T>
+bool Maybe<T>::operator==(const Maybe& other) const {
+  return (IsJust() == other.IsJust()) &&
+         (!IsJust() || Unwrap() == other.Unwrap());
+}
+
+template <class T>
+bool Maybe<T>::operator!=(const Maybe& other) const {
+  return !operator==(other);
+}
+
+template <class T>
+Maybe<T>::Maybe() : _has_value(false) {}
+
+template <class T>
+Maybe<T>::Maybe(const T& t) : _has_value(true), _value(t) {}
+
+template <class T>
+inline Maybe<T> Nothing() {
+  return Maybe<T>();
+}
+
+template <class T>
+inline Maybe<T> Just(const T& t) {
+  return Maybe<T>(t);
+}
+
+////////////////////////////////////////////////////////////////////////////////
+// Env class
+////////////////////////////////////////////////////////////////////////////////
+
+inline Env::Env(napi_env env) : _env(env) {}
+
+inline Env::operator napi_env() const {
+  return _env;
+}
+
+inline Object Env::Global() const {
+  napi_value value;
+  napi_status status = napi_get_global(*this, &value);
+  NAPI_THROW_IF_FAILED(*this, status, Object());
+  return Object(*this, value);
+}
+
+inline Value Env::Undefined() const {
+  napi_value value;
+  napi_status status = napi_get_undefined(*this, &value);
+  NAPI_THROW_IF_FAILED(*this, status, Value());
+  return Value(*this, value);
+}
+
+inline Value Env::Null() const {
+  napi_value value;
+  napi_status status = napi_get_null(*this, &value);
+  NAPI_THROW_IF_FAILED(*this, status, Value());
+  return Value(*this, value);
+}
+
+inline bool Env::IsExceptionPending() const {
+  bool result;
+  napi_status status = napi_is_exception_pending(_env, &result);
+  if (status != napi_ok)
+    result = false;  // Checking for a pending exception shouldn't throw.
+  return result;
+}
+
+inline Error Env::GetAndClearPendingException() const {
+  napi_value value;
+  napi_status status = napi_get_and_clear_last_exception(_env, &value);
+  if (status != napi_ok) {
+    // Don't throw another exception when failing to get the exception!
+    return Error();
+  }
+  return Error(_env, value);
+}
+
+inline MaybeOrValue<Value> Env::RunScript(const char* utf8script) const {
+  String script = String::New(_env, utf8script);
+  return RunScript(script);
+}
+
+inline MaybeOrValue<Value> Env::RunScript(const std::string& utf8script) const {
+  return RunScript(utf8script.c_str());
+}
+
+inline MaybeOrValue<Value> Env::RunScript(String script) const {
+  napi_value result;
+  napi_status status = napi_run_script(_env, script, &result);
+  NAPI_RETURN_OR_THROW_IF_FAILED(
+      _env, status, Napi::Value(_env, result), Napi::Value);
+}
+
+#if NAPI_VERSION > 2
+template <typename Hook, typename Arg>
+void Env::CleanupHook<Hook, Arg>::Wrapper(void* data) NAPI_NOEXCEPT {
+  auto* cleanupData =
+      static_cast<typename Napi::Env::CleanupHook<Hook, Arg>::CleanupData*>(
+          data);
+  cleanupData->hook();
+  delete cleanupData;
+}
+
+template <typename Hook, typename Arg>
+void Env::CleanupHook<Hook, Arg>::WrapperWithArg(void* data) NAPI_NOEXCEPT {
+  auto* cleanupData =
+      static_cast<typename Napi::Env::CleanupHook<Hook, Arg>::CleanupData*>(
+          data);
+  cleanupData->hook(static_cast<Arg*>(cleanupData->arg));
+  delete cleanupData;
+}
+#endif  // NAPI_VERSION > 2
+
+#if NAPI_VERSION > 5
+template <typename T, Env::Finalizer<T> fini>
+inline void Env::SetInstanceData(T* data) const {
+  napi_status status = napi_set_instance_data(
+      _env,
+      data,
+      [](napi_env env, void* data, void*) { fini(env, static_cast<T*>(data)); },
+      nullptr);
+  NAPI_THROW_IF_FAILED_VOID(_env, status);
+}
+
+template <typename DataType,
+          typename HintType,
+          Napi::Env::FinalizerWithHint<DataType, HintType> fini>
+inline void Env::SetInstanceData(DataType* data, HintType* hint) const {
+  napi_status status = napi_set_instance_data(
+      _env,
+      data,
+      [](napi_env env, void* data, void* hint) {
+        fini(env, static_cast<DataType*>(data), static_cast<HintType*>(hint));
+      },
+      hint);
+  NAPI_THROW_IF_FAILED_VOID(_env, status);
+}
+
+template <typename T>
+inline T* Env::GetInstanceData() const {
+  void* data = nullptr;
+
+  napi_status status = napi_get_instance_data(_env, &data);
+  NAPI_THROW_IF_FAILED(_env, status, nullptr);
+
+  return static_cast<T*>(data);
+}
+
+template <typename T>
+void Env::DefaultFini(Env, T* data) {
+  delete data;
+}
+
+template <typename DataType, typename HintType>
+void Env::DefaultFiniWithHint(Env, DataType* data, HintType*) {
+  delete data;
+}
+#endif  // NAPI_VERSION > 5
+
+#if NAPI_VERSION > 8
+inline const char* Env::GetModuleFileName() const {
+  const char* result;
+  napi_status status = node_api_get_module_file_name(_env, &result);
+  NAPI_THROW_IF_FAILED(*this, status, nullptr);
+  return result;
+}
+#endif  // NAPI_VERSION > 8
+////////////////////////////////////////////////////////////////////////////////
+// Value class
+////////////////////////////////////////////////////////////////////////////////
+
+inline Value::Value() : _env(nullptr), _value(nullptr) {}
+
+inline Value::Value(napi_env env, napi_value value)
+    : _env(env), _value(value) {}
+
+inline Value::operator napi_value() const {
+  return _value;
+}
+
+inline bool Value::operator==(const Value& other) const {
+  return StrictEquals(other);
+}
+
+inline bool Value::operator!=(const Value& other) const {
+  return !this->operator==(other);
+}
+
+inline bool Value::StrictEquals(const Value& other) const {
+  bool result;
+  napi_status status = napi_strict_equals(_env, *this, other, &result);
+  NAPI_THROW_IF_FAILED(_env, status, false);
+  return result;
+}
+
+inline Napi::Env Value::Env() const {
+  return Napi::Env(_env);
+}
+
+inline bool Value::IsEmpty() const {
+  return _value == nullptr;
+}
+
+inline napi_valuetype Value::Type() const {
+  if (IsEmpty()) {
+    return napi_undefined;
+  }
+
+  napi_valuetype type;
+  napi_status status = napi_typeof(_env, _value, &type);
+  NAPI_THROW_IF_FAILED(_env, status, napi_undefined);
+  return type;
+}
+
+inline bool Value::IsUndefined() const {
+  return Type() == napi_undefined;
+}
+
+inline bool Value::IsNull() const {
+  return Type() == napi_null;
+}
+
+inline bool Value::IsBoolean() const {
+  return Type() == napi_boolean;
+}
+
+inline bool Value::IsNumber() const {
+  return Type() == napi_number;
+}
+
+#if NAPI_VERSION > 5
+inline bool Value::IsBigInt() const {
+  return Type() == napi_bigint;
+}
+#endif  // NAPI_VERSION > 5
+
+#if (NAPI_VERSION > 4)
+inline bool Value::IsDate() const {
+  if (IsEmpty()) {
+    return false;
+  }
+
+  bool result;
+  napi_status status = napi_is_date(_env, _value, &result);
+  NAPI_THROW_IF_FAILED(_env, status, false);
+  return result;
+}
+#endif
+
+inline bool Value::IsString() const {
+  return Type() == napi_string;
+}
+
+inline bool Value::IsSymbol() const {
+  return Type() == napi_symbol;
+}
+
+inline bool Value::IsArray() const {
+  if (IsEmpty()) {
+    return false;
+  }
+
+  bool result;
+  napi_status status = napi_is_array(_env, _value, &result);
+  NAPI_THROW_IF_FAILED(_env, status, false);
+  return result;
+}
+
+inline bool Value::IsArrayBuffer() const {
+  if (IsEmpty()) {
+    return false;
+  }
+
+  bool result;
+  napi_status status = napi_is_arraybuffer(_env, _value, &result);
+  NAPI_THROW_IF_FAILED(_env, status, false);
+  return result;
+}
+
+inline bool Value::IsTypedArray() const {
+  if (IsEmpty()) {
+    return false;
+  }
+
+  bool result;
+  napi_status status = napi_is_typedarray(_env, _value, &result);
+  NAPI_THROW_IF_FAILED(_env, status, false);
+  return result;
+}
+
+inline bool Value::IsObject() const {
+  return Type() == napi_object || IsFunction();
+}
+
+inline bool Value::IsFunction() const {
+  return Type() == napi_function;
+}
+
+inline bool Value::IsPromise() const {
+  if (IsEmpty()) {
+    return false;
+  }
+
+  bool result;
+  napi_status status = napi_is_promise(_env, _value, &result);
+  NAPI_THROW_IF_FAILED(_env, status, false);
+  return result;
+}
+
+inline bool Value::IsDataView() const {
+  if (IsEmpty()) {
+    return false;
+  }
+
+  bool result;
+  napi_status status = napi_is_dataview(_env, _value, &result);
+  NAPI_THROW_IF_FAILED(_env, status, false);
+  return result;
+}
+
+inline bool Value::IsBuffer() const {
+  if (IsEmpty()) {
+    return false;
+  }
+
+  bool result;
+  napi_status status = napi_is_buffer(_env, _value, &result);
+  NAPI_THROW_IF_FAILED(_env, status, false);
+  return result;
+}
+
+inline bool Value::IsExternal() const {
+  return Type() == napi_external;
+}
+
+template <typename T>
+inline T Value::As() const {
+#ifdef NODE_ADDON_API_ENABLE_TYPE_CHECK_ON_AS
+  T::CheckCast(_env, _value);
+#endif
+  return T(_env, _value);
+}
+
+inline MaybeOrValue<Boolean> Value::ToBoolean() const {
+  napi_value result;
+  napi_status status = napi_coerce_to_bool(_env, _value, &result);
+  NAPI_RETURN_OR_THROW_IF_FAILED(
+      _env, status, Napi::Boolean(_env, result), Napi::Boolean);
+}
+
+inline MaybeOrValue<Number> Value::ToNumber() const {
+  napi_value result;
+  napi_status status = napi_coerce_to_number(_env, _value, &result);
+  NAPI_RETURN_OR_THROW_IF_FAILED(
+      _env, status, Napi::Number(_env, result), Napi::Number);
+}
+
+inline MaybeOrValue<String> Value::ToString() const {
+  napi_value result;
+  napi_status status = napi_coerce_to_string(_env, _value, &result);
+  NAPI_RETURN_OR_THROW_IF_FAILED(
+      _env, status, Napi::String(_env, result), Napi::String);
+}
+
+inline MaybeOrValue<Object> Value::ToObject() const {
+  napi_value result;
+  napi_status status = napi_coerce_to_object(_env, _value, &result);
+  NAPI_RETURN_OR_THROW_IF_FAILED(
+      _env, status, Napi::Object(_env, result), Napi::Object);
+}
+
+////////////////////////////////////////////////////////////////////////////////
+// Boolean class
+////////////////////////////////////////////////////////////////////////////////
+
+inline Boolean Boolean::New(napi_env env, bool val) {
+  napi_value value;
+  napi_status status = napi_get_boolean(env, val, &value);
+  NAPI_THROW_IF_FAILED(env, status, Boolean());
+  return Boolean(env, value);
+}
+
+inline void Boolean::CheckCast(napi_env env, napi_value value) {
+  NAPI_CHECK(value != nullptr, "Boolean::CheckCast", "empty value");
+
+  napi_valuetype type;
+  napi_status status = napi_typeof(env, value, &type);
+  NAPI_CHECK(status == napi_ok, "Boolean::CheckCast", "napi_typeof failed");
+  NAPI_CHECK(
+      type == napi_boolean, "Boolean::CheckCast", "value is not napi_boolean");
+}
+
+inline Boolean::Boolean() : Napi::Value() {}
+
+inline Boolean::Boolean(napi_env env, napi_value value)
+    : Napi::Value(env, value) {}
+
+inline Boolean::operator bool() const {
+  return Value();
+}
+
+inline bool Boolean::Value() const {
+  bool result;
+  napi_status status = napi_get_value_bool(_env, _value, &result);
+  NAPI_THROW_IF_FAILED(_env, status, false);
+  return result;
+}
+
+////////////////////////////////////////////////////////////////////////////////
+// Number class
+////////////////////////////////////////////////////////////////////////////////
+
+inline Number Number::New(napi_env env, double val) {
+  napi_value value;
+  napi_status status = napi_create_double(env, val, &value);
+  NAPI_THROW_IF_FAILED(env, status, Number());
+  return Number(env, value);
+}
+
+inline void Number::CheckCast(napi_env env, napi_value value) {
+  NAPI_CHECK(value != nullptr, "Number::CheckCast", "empty value");
+
+  napi_valuetype type;
+  napi_status status = napi_typeof(env, value, &type);
+  NAPI_CHECK(status == napi_ok, "Number::CheckCast", "napi_typeof failed");
+  NAPI_CHECK(
+      type == napi_number, "Number::CheckCast", "value is not napi_number");
+}
+
+inline Number::Number() : Value() {}
+
+inline Number::Number(napi_env env, napi_value value) : Value(env, value) {}
+
+inline Number::operator int32_t() const {
+  return Int32Value();
+}
+
+inline Number::operator uint32_t() const {
+  return Uint32Value();
+}
+
+inline Number::operator int64_t() const {
+  return Int64Value();
+}
+
+inline Number::operator float() const {
+  return FloatValue();
+}
+
+inline Number::operator double() const {
+  return DoubleValue();
+}
+
+inline int32_t Number::Int32Value() const {
+  int32_t result;
+  napi_status status = napi_get_value_int32(_env, _value, &result);
+  NAPI_THROW_IF_FAILED(_env, status, 0);
+  return result;
+}
+
+inline uint32_t Number::Uint32Value() const {
+  uint32_t result;
+  napi_status status = napi_get_value_uint32(_env, _value, &result);
+  NAPI_THROW_IF_FAILED(_env, status, 0);
+  return result;
+}
+
+inline int64_t Number::Int64Value() const {
+  int64_t result;
+  napi_status status = napi_get_value_int64(_env, _value, &result);
+  NAPI_THROW_IF_FAILED(_env, status, 0);
+  return result;
+}
+
+inline float Number::FloatValue() const {
+  return static_cast<float>(DoubleValue());
+}
+
+inline double Number::DoubleValue() const {
+  double result;
+  napi_status status = napi_get_value_double(_env, _value, &result);
+  NAPI_THROW_IF_FAILED(_env, status, 0);
+  return result;
+}
+
+#if NAPI_VERSION > 5
+////////////////////////////////////////////////////////////////////////////////
+// BigInt Class
+////////////////////////////////////////////////////////////////////////////////
+
+inline BigInt BigInt::New(napi_env env, int64_t val) {
+  napi_value value;
+  napi_status status = napi_create_bigint_int64(env, val, &value);
+  NAPI_THROW_IF_FAILED(env, status, BigInt());
+  return BigInt(env, value);
+}
+
+inline BigInt BigInt::New(napi_env env, uint64_t val) {
+  napi_value value;
+  napi_status status = napi_create_bigint_uint64(env, val, &value);
+  NAPI_THROW_IF_FAILED(env, status, BigInt());
+  return BigInt(env, value);
+}
+
+inline BigInt BigInt::New(napi_env env,
+                          int sign_bit,
+                          size_t word_count,
+                          const uint64_t* words) {
+  napi_value value;
+  napi_status status =
+      napi_create_bigint_words(env, sign_bit, word_count, words, &value);
+  NAPI_THROW_IF_FAILED(env, status, BigInt());
+  return BigInt(env, value);
+}
+
+inline void BigInt::CheckCast(napi_env env, napi_value value) {
+  NAPI_CHECK(value != nullptr, "BigInt::CheckCast", "empty value");
+
+  napi_valuetype type;
+  napi_status status = napi_typeof(env, value, &type);
+  NAPI_CHECK(status == napi_ok, "BigInt::CheckCast", "napi_typeof failed");
+  NAPI_CHECK(
+      type == napi_bigint, "BigInt::CheckCast", "value is not napi_bigint");
+}
+
+inline BigInt::BigInt() : Value() {}
+
+inline BigInt::BigInt(napi_env env, napi_value value) : Value(env, value) {}
+
+inline int64_t BigInt::Int64Value(bool* lossless) const {
+  int64_t result;
+  napi_status status =
+      napi_get_value_bigint_int64(_env, _value, &result, lossless);
+  NAPI_THROW_IF_FAILED(_env, status, 0);
+  return result;
+}
+
+inline uint64_t BigInt::Uint64Value(bool* lossless) const {
+  uint64_t result;
+  napi_status status =
+      napi_get_value_bigint_uint64(_env, _value, &result, lossless);
+  NAPI_THROW_IF_FAILED(_env, status, 0);
+  return result;
+}
+
+inline size_t BigInt::WordCount() const {
+  size_t word_count;
+  napi_status status =
+      napi_get_value_bigint_words(_env, _value, nullptr, &word_count, nullptr);
+  NAPI_THROW_IF_FAILED(_env, status, 0);
+  return word_count;
+}
+
+inline void BigInt::ToWords(int* sign_bit,
+                            size_t* word_count,
+                            uint64_t* words) {
+  napi_status status =
+      napi_get_value_bigint_words(_env, _value, sign_bit, word_count, words);
+  NAPI_THROW_IF_FAILED_VOID(_env, status);
+}
+#endif  // NAPI_VERSION > 5
+
+#if (NAPI_VERSION > 4)
+////////////////////////////////////////////////////////////////////////////////
+// Date Class
+////////////////////////////////////////////////////////////////////////////////
+
+inline Date Date::New(napi_env env, double val) {
+  napi_value value;
+  napi_status status = napi_create_date(env, val, &value);
+  NAPI_THROW_IF_FAILED(env, status, Date());
+  return Date(env, value);
+}
+
+inline void Date::CheckCast(napi_env env, napi_value value) {
+  NAPI_CHECK(value != nullptr, "Date::CheckCast", "empty value");
+
+  bool result;
+  napi_status status = napi_is_date(env, value, &result);
+  NAPI_CHECK(status == napi_ok, "Date::CheckCast", "napi_is_date failed");
+  NAPI_CHECK(result, "Date::CheckCast", "value is not date");
+}
+
+inline Date::Date() : Value() {}
+
+inline Date::Date(napi_env env, napi_value value) : Value(env, value) {}
+
+inline Date::operator double() const {
+  return ValueOf();
+}
+
+inline double Date::ValueOf() const {
+  double result;
+  napi_status status = napi_get_date_value(_env, _value, &result);
+  NAPI_THROW_IF_FAILED(_env, status, 0);
+  return result;
+}
+#endif
+
+////////////////////////////////////////////////////////////////////////////////
+// Name class
+////////////////////////////////////////////////////////////////////////////////
+inline void Name::CheckCast(napi_env env, napi_value value) {
+  NAPI_CHECK(value != nullptr, "Name::CheckCast", "empty value");
+
+  napi_valuetype type;
+  napi_status status = napi_typeof(env, value, &type);
+  NAPI_CHECK(status == napi_ok, "Name::CheckCast", "napi_typeof failed");
+  NAPI_CHECK(type == napi_string || type == napi_symbol,
+             "Name::CheckCast",
+             "value is not napi_string or napi_symbol");
+}
+
+inline Name::Name() : Value() {}
+
+inline Name::Name(napi_env env, napi_value value) : Value(env, value) {}
+
+////////////////////////////////////////////////////////////////////////////////
+// String class
+////////////////////////////////////////////////////////////////////////////////
+
+inline String String::New(napi_env env, const std::string& val) {
+  return String::New(env, val.c_str(), val.size());
+}
+
+inline String String::New(napi_env env, const std::u16string& val) {
+  return String::New(env, val.c_str(), val.size());
+}
+
+inline String String::New(napi_env env, const char* val) {
+  // TODO(@gabrielschulhof) Remove if-statement when core's error handling is
+  // available in all supported versions.
+  if (val == nullptr) {
+    // Throw an error that looks like it came from core.
+    NAPI_THROW_IF_FAILED(env, napi_invalid_arg, String());
+  }
+  napi_value value;
+  napi_status status =
+      napi_create_string_utf8(env, val, std::strlen(val), &value);
+  NAPI_THROW_IF_FAILED(env, status, String());
+  return String(env, value);
+}
+
+inline String String::New(napi_env env, const char16_t* val) {
+  napi_value value;
+  // TODO(@gabrielschulhof) Remove if-statement when core's error handling is
+  // available in all supported versions.
+  if (val == nullptr) {
+    // Throw an error that looks like it came from core.
+    NAPI_THROW_IF_FAILED(env, napi_invalid_arg, String());
+  }
+  napi_status status =
+      napi_create_string_utf16(env, val, std::u16string(val).size(), &value);
+  NAPI_THROW_IF_FAILED(env, status, String());
+  return String(env, value);
+}
+
+inline String String::New(napi_env env, const char* val, size_t length) {
+  napi_value value;
+  napi_status status = napi_create_string_utf8(env, val, length, &value);
+  NAPI_THROW_IF_FAILED(env, status, String());
+  return String(env, value);
+}
+
+inline String String::New(napi_env env, const char16_t* val, size_t length) {
+  napi_value value;
+  napi_status status = napi_create_string_utf16(env, val, length, &value);
+  NAPI_THROW_IF_FAILED(env, status, String());
+  return String(env, value);
+}
+
+inline void String::CheckCast(napi_env env, napi_value value) {
+  NAPI_CHECK(value != nullptr, "String::CheckCast", "empty value");
+
+  napi_valuetype type;
+  napi_status status = napi_typeof(env, value, &type);
+  NAPI_CHECK(status == napi_ok, "String::CheckCast", "napi_typeof failed");
+  NAPI_CHECK(
+      type == napi_string, "String::CheckCast", "value is not napi_string");
+}
+
+inline String::String() : Name() {}
+
+inline String::String(napi_env env, napi_value value) : Name(env, value) {}
+
+inline String::operator std::string() const {
+  return Utf8Value();
+}
+
+inline String::operator std::u16string() const {
+  return Utf16Value();
+}
+
+inline std::string String::Utf8Value() const {
+  size_t length;
+  napi_status status =
+      napi_get_value_string_utf8(_env, _value, nullptr, 0, &length);
+  NAPI_THROW_IF_FAILED(_env, status, "");
+
+  std::string value;
+  value.reserve(length + 1);
+  value.resize(length);
+  status = napi_get_value_string_utf8(
+      _env, _value, &value[0], value.capacity(), nullptr);
+  NAPI_THROW_IF_FAILED(_env, status, "");
+  return value;
+}
+
+inline std::u16string String::Utf16Value() const {
+  size_t length;
+  napi_status status =
+      napi_get_value_string_utf16(_env, _value, nullptr, 0, &length);
+  NAPI_THROW_IF_FAILED(_env, status, NAPI_WIDE_TEXT(""));
+
+  std::u16string value;
+  value.reserve(length + 1);
+  value.resize(length);
+  status = napi_get_value_string_utf16(
+      _env, _value, &value[0], value.capacity(), nullptr);
+  NAPI_THROW_IF_FAILED(_env, status, NAPI_WIDE_TEXT(""));
+  return value;
+}
+
+////////////////////////////////////////////////////////////////////////////////
+// Symbol class
+////////////////////////////////////////////////////////////////////////////////
+
+inline Symbol Symbol::New(napi_env env, const char* description) {
+  napi_value descriptionValue = description != nullptr
+                                    ? String::New(env, description)
+                                    : static_cast<napi_value>(nullptr);
+  return Symbol::New(env, descriptionValue);
+}
+
+inline Symbol Symbol::New(napi_env env, const std::string& description) {
+  napi_value descriptionValue = String::New(env, description);
+  return Symbol::New(env, descriptionValue);
+}
+
+inline Symbol Symbol::New(napi_env env, String description) {
+  napi_value descriptionValue = description;
+  return Symbol::New(env, descriptionValue);
+}
+
+inline Symbol Symbol::New(napi_env env, napi_value description) {
+  napi_value value;
+  napi_status status = napi_create_symbol(env, description, &value);
+  NAPI_THROW_IF_FAILED(env, status, Symbol());
+  return Symbol(env, value);
+}
+
+inline MaybeOrValue<Symbol> Symbol::WellKnown(napi_env env,
+                                              const std::string& name) {
+#if defined(NODE_ADDON_API_ENABLE_MAYBE)
+  Value symbol_obj;
+  Value symbol_value;
+  if (Napi::Env(env).Global().Get("Symbol").UnwrapTo(&symbol_obj) &&
+      symbol_obj.As<Object>().Get(name).UnwrapTo(&symbol_value)) {
+    return Just<Symbol>(symbol_value.As<Symbol>());
+  }
+  return Nothing<Symbol>();
+#else
+  return Napi::Env(env)
+      .Global()
+      .Get("Symbol")
+      .As<Object>()
+      .Get(name)
+      .As<Symbol>();
+#endif
+}
+
+inline MaybeOrValue<Symbol> Symbol::For(napi_env env,
+                                        const std::string& description) {
+  napi_value descriptionValue = String::New(env, description);
+  return Symbol::For(env, descriptionValue);
+}
+
+inline MaybeOrValue<Symbol> Symbol::For(napi_env env, const char* description) {
+  napi_value descriptionValue = String::New(env, description);
+  return Symbol::For(env, descriptionValue);
+}
+
+inline MaybeOrValue<Symbol> Symbol::For(napi_env env, String description) {
+  return Symbol::For(env, static_cast<napi_value>(description));
+}
+
+inline MaybeOrValue<Symbol> Symbol::For(napi_env env, napi_value description) {
+#if defined(NODE_ADDON_API_ENABLE_MAYBE)
+  Value symbol_obj;
+  Value symbol_for_value;
+  Value symbol_value;
+  if (Napi::Env(env).Global().Get("Symbol").UnwrapTo(&symbol_obj) &&
+      symbol_obj.As<Object>().Get("for").UnwrapTo(&symbol_for_value) &&
+      symbol_for_value.As<Function>()
+          .Call(symbol_obj, {description})
+          .UnwrapTo(&symbol_value)) {
+    return Just<Symbol>(symbol_value.As<Symbol>());
+  }
+  return Nothing<Symbol>();
+#else
+  Object symbol_obj = Napi::Env(env).Global().Get("Symbol").As<Object>();
+  return symbol_obj.Get("for")
+      .As<Function>()
+      .Call(symbol_obj, {description})
+      .As<Symbol>();
+#endif
+}
+
+inline void Symbol::CheckCast(napi_env env, napi_value value) {
+  NAPI_CHECK(value != nullptr, "Symbol::CheckCast", "empty value");
+
+  napi_valuetype type;
+  napi_status status = napi_typeof(env, value, &type);
+  NAPI_CHECK(status == napi_ok, "Symbol::CheckCast", "napi_typeof failed");
+  NAPI_CHECK(
+      type == napi_symbol, "Symbol::CheckCast", "value is not napi_symbol");
+}
+
+inline Symbol::Symbol() : Name() {}
+
+inline Symbol::Symbol(napi_env env, napi_value value) : Name(env, value) {}
+
+////////////////////////////////////////////////////////////////////////////////
+// Automagic value creation
+////////////////////////////////////////////////////////////////////////////////
+
+namespace details {
+template <typename T>
+struct vf_number {
+  static Number From(napi_env env, T value) {
+    return Number::New(env, static_cast<double>(value));
+  }
+};
+
+template <>
+struct vf_number<bool> {
+  static Boolean From(napi_env env, bool value) {
+    return Boolean::New(env, value);
+  }
+};
+
+struct vf_utf8_charp {
+  static String From(napi_env env, const char* value) {
+    return String::New(env, value);
+  }
+};
+
+struct vf_utf16_charp {
+  static String From(napi_env env, const char16_t* value) {
+    return String::New(env, value);
+  }
+};
+struct vf_utf8_string {
+  static String From(napi_env env, const std::string& value) {
+    return String::New(env, value);
+  }
+};
+
+struct vf_utf16_string {
+  static String From(napi_env env, const std::u16string& value) {
+    return String::New(env, value);
+  }
+};
+
+template <typename T>
+struct vf_fallback {
+  static Value From(napi_env env, const T& value) { return Value(env, value); }
+};
+
+template <typename...>
+struct disjunction : std::false_type {};
+template <typename B>
+struct disjunction<B> : B {};
+template <typename B, typename... Bs>
+struct disjunction<B, Bs...>
+    : std::conditional<bool(B::value), B, disjunction<Bs...>>::type {};
+
+template <typename T>
+struct can_make_string
+    : disjunction<typename std::is_convertible<T, const char*>::type,
+                  typename std::is_convertible<T, const char16_t*>::type,
+                  typename std::is_convertible<T, std::string>::type,
+                  typename std::is_convertible<T, std::u16string>::type> {};
+}  // namespace details
+
+template <typename T>
+Value Value::From(napi_env env, const T& value) {
+  using Helper = typename std::conditional<
+      std::is_integral<T>::value || std::is_floating_point<T>::value,
+      details::vf_number<T>,
+      typename std::conditional<details::can_make_string<T>::value,
+                                String,
+                                details::vf_fallback<T>>::type>::type;
+  return Helper::From(env, value);
+}
+
+template <typename T>
+String String::From(napi_env env, const T& value) {
+  struct Dummy {};
+  using Helper = typename std::conditional<
+      std::is_convertible<T, const char*>::value,
+      details::vf_utf8_charp,
+      typename std::conditional<
+          std::is_convertible<T, const char16_t*>::value,
+          details::vf_utf16_charp,
+          typename std::conditional<
+              std::is_convertible<T, std::string>::value,
+              details::vf_utf8_string,
+              typename std::conditional<
+                  std::is_convertible<T, std::u16string>::value,
+                  details::vf_utf16_string,
+                  Dummy>::type>::type>::type>::type;
+  return Helper::From(env, value);
+}
+
+////////////////////////////////////////////////////////////////////////////////
+// TypeTaggable class
+////////////////////////////////////////////////////////////////////////////////
+
+inline TypeTaggable::TypeTaggable() : Value() {}
+
+inline TypeTaggable::TypeTaggable(napi_env _env, napi_value _value)
+    : Value(_env, _value) {}
+
+#if NAPI_VERSION >= 8
+
+inline void TypeTaggable::TypeTag(const napi_type_tag* type_tag) const {
+  napi_status status = napi_type_tag_object(_env, _value, type_tag);
+  NAPI_THROW_IF_FAILED_VOID(_env, status);
+}
+
+inline bool TypeTaggable::CheckTypeTag(const napi_type_tag* type_tag) const {
+  bool result;
+  napi_status status =
+      napi_check_object_type_tag(_env, _value, type_tag, &result);
+  NAPI_THROW_IF_FAILED(_env, status, false);
+  return result;
+}
+
+#endif  // NAPI_VERSION >= 8
+
+////////////////////////////////////////////////////////////////////////////////
+// Object class
+////////////////////////////////////////////////////////////////////////////////
+
+template <typename Key>
+inline Object::PropertyLValue<Key>::operator Value() const {
+  MaybeOrValue<Value> val = Object(_env, _object).Get(_key);
+#ifdef NODE_ADDON_API_ENABLE_MAYBE
+  return val.Unwrap();
+#else
+  return val;
+#endif
+}
+
+template <typename Key>
+template <typename ValueType>
+inline Object::PropertyLValue<Key>& Object::PropertyLValue<Key>::operator=(
+    ValueType value) {
+#ifdef NODE_ADDON_API_ENABLE_MAYBE
+  MaybeOrValue<bool> result =
+#endif
+      Object(_env, _object).Set(_key, value);
+#ifdef NODE_ADDON_API_ENABLE_MAYBE
+  result.Unwrap();
+#endif
+  return *this;
+}
+
+template <typename Key>
+inline Object::PropertyLValue<Key>::PropertyLValue(Object object, Key key)
+    : _env(object.Env()), _object(object), _key(key) {}
+
+inline Object Object::New(napi_env env) {
+  napi_value value;
+  napi_status status = napi_create_object(env, &value);
+  NAPI_THROW_IF_FAILED(env, status, Object());
+  return Object(env, value);
+}
+
+inline void Object::CheckCast(napi_env env, napi_value value) {
+  NAPI_CHECK(value != nullptr, "Object::CheckCast", "empty value");
+
+  napi_valuetype type;
+  napi_status status = napi_typeof(env, value, &type);
+  NAPI_CHECK(status == napi_ok, "Object::CheckCast", "napi_typeof failed");
+  NAPI_CHECK(
+      type == napi_object, "Object::CheckCast", "value is not napi_object");
+}
+
+inline Object::Object() : TypeTaggable() {}
+
+inline Object::Object(napi_env env, napi_value value)
+    : TypeTaggable(env, value) {}
+
+inline Object::PropertyLValue<std::string> Object::operator[](
+    const char* utf8name) {
+  return PropertyLValue<std::string>(*this, utf8name);
+}
+
+inline Object::PropertyLValue<std::string> Object::operator[](
+    const std::string& utf8name) {
+  return PropertyLValue<std::string>(*this, utf8name);
+}
+
+inline Object::PropertyLValue<uint32_t> Object::operator[](uint32_t index) {
+  return PropertyLValue<uint32_t>(*this, index);
+}
+
+inline Object::PropertyLValue<Value> Object::operator[](Value index) const {
+  return PropertyLValue<Value>(*this, index);
+}
+
+inline MaybeOrValue<Value> Object::operator[](const char* utf8name) const {
+  return Get(utf8name);
+}
+
+inline MaybeOrValue<Value> Object::operator[](
+    const std::string& utf8name) const {
+  return Get(utf8name);
+}
+
+inline MaybeOrValue<Value> Object::operator[](uint32_t index) const {
+  return Get(index);
+}
+
+inline MaybeOrValue<bool> Object::Has(napi_value key) const {
+  bool result;
+  napi_status status = napi_has_property(_env, _value, key, &result);
+  NAPI_RETURN_OR_THROW_IF_FAILED(_env, status, result, bool);
+}
+
+inline MaybeOrValue<bool> Object::Has(Value key) const {
+  bool result;
+  napi_status status = napi_has_property(_env, _value, key, &result);
+  NAPI_RETURN_OR_THROW_IF_FAILED(_env, status, result, bool);
+}
+
+inline MaybeOrValue<bool> Object::Has(const char* utf8name) const {
+  bool result;
+  napi_status status = napi_has_named_property(_env, _value, utf8name, &result);
+  NAPI_RETURN_OR_THROW_IF_FAILED(_env, status, result, bool);
+}
+
+inline MaybeOrValue<bool> Object::Has(const std::string& utf8name) const {
+  return Has(utf8name.c_str());
+}
+
+inline MaybeOrValue<bool> Object::HasOwnProperty(napi_value key) const {
+  bool result;
+  napi_status status = napi_has_own_property(_env, _value, key, &result);
+  NAPI_RETURN_OR_THROW_IF_FAILED(_env, status, result, bool);
+}
+
+inline MaybeOrValue<bool> Object::HasOwnProperty(Value key) const {
+  bool result;
+  napi_status status = napi_has_own_property(_env, _value, key, &result);
+  NAPI_RETURN_OR_THROW_IF_FAILED(_env, status, result, bool);
+}
+
+inline MaybeOrValue<bool> Object::HasOwnProperty(const char* utf8name) const {
+  napi_value key;
+  napi_status status =
+      napi_create_string_utf8(_env, utf8name, std::strlen(utf8name), &key);
+  NAPI_MAYBE_THROW_IF_FAILED(_env, status, bool);
+  return HasOwnProperty(key);
+}
+
+inline MaybeOrValue<bool> Object::HasOwnProperty(
+    const std::string& utf8name) const {
+  return HasOwnProperty(utf8name.c_str());
+}
+
+inline MaybeOrValue<Value> Object::Get(napi_value key) const {
+  napi_value result;
+  napi_status status = napi_get_property(_env, _value, key, &result);
+  NAPI_RETURN_OR_THROW_IF_FAILED(_env, status, Value(_env, result), Value);
+}
+
+inline MaybeOrValue<Value> Object::Get(Value key) const {
+  napi_value result;
+  napi_status status = napi_get_property(_env, _value, key, &result);
+  NAPI_RETURN_OR_THROW_IF_FAILED(_env, status, Value(_env, result), Value);
+}
+
+inline MaybeOrValue<Value> Object::Get(const char* utf8name) const {
+  napi_value result;
+  napi_status status = napi_get_named_property(_env, _value, utf8name, &result);
+  NAPI_RETURN_OR_THROW_IF_FAILED(_env, status, Value(_env, result), Value);
+}
+
+inline MaybeOrValue<Value> Object::Get(const std::string& utf8name) const {
+  return Get(utf8name.c_str());
+}
+
+template <typename ValueType>
+inline MaybeOrValue<bool> Object::Set(napi_value key,
+                                      const ValueType& value) const {
+  napi_status status =
+      napi_set_property(_env, _value, key, Value::From(_env, value));
+  NAPI_RETURN_OR_THROW_IF_FAILED(_env, status, status == napi_ok, bool);
+}
+
+template <typename ValueType>
+inline MaybeOrValue<bool> Object::Set(Value key, const ValueType& value) const {
+  napi_status status =
+      napi_set_property(_env, _value, key, Value::From(_env, value));
+  NAPI_RETURN_OR_THROW_IF_FAILED(_env, status, status == napi_ok, bool);
+}
+
+template <typename ValueType>
+inline MaybeOrValue<bool> Object::Set(const char* utf8name,
+                                      const ValueType& value) const {
+  napi_status status =
+      napi_set_named_property(_env, _value, utf8name, Value::From(_env, value));
+  NAPI_RETURN_OR_THROW_IF_FAILED(_env, status, status == napi_ok, bool);
+}
+
+template <typename ValueType>
+inline MaybeOrValue<bool> Object::Set(const std::string& utf8name,
+                                      const ValueType& value) const {
+  return Set(utf8name.c_str(), value);
+}
+
+inline MaybeOrValue<bool> Object::Delete(napi_value key) const {
+  bool result;
+  napi_status status = napi_delete_property(_env, _value, key, &result);
+  NAPI_RETURN_OR_THROW_IF_FAILED(_env, status, result, bool);
+}
+
+inline MaybeOrValue<bool> Object::Delete(Value key) const {
+  bool result;
+  napi_status status = napi_delete_property(_env, _value, key, &result);
+  NAPI_RETURN_OR_THROW_IF_FAILED(_env, status, result, bool);
+}
+
+inline MaybeOrValue<bool> Object::Delete(const char* utf8name) const {
+  return Delete(String::New(_env, utf8name));
+}
+
+inline MaybeOrValue<bool> Object::Delete(const std::string& utf8name) const {
+  return Delete(String::New(_env, utf8name));
+}
+
+inline MaybeOrValue<bool> Object::Has(uint32_t index) const {
+  bool result;
+  napi_status status = napi_has_element(_env, _value, index, &result);
+  NAPI_RETURN_OR_THROW_IF_FAILED(_env, status, result, bool);
+}
+
+inline MaybeOrValue<Value> Object::Get(uint32_t index) const {
+  napi_value value;
+  napi_status status = napi_get_element(_env, _value, index, &value);
+  NAPI_RETURN_OR_THROW_IF_FAILED(_env, status, Value(_env, value), Value);
+}
+
+template <typename ValueType>
+inline MaybeOrValue<bool> Object::Set(uint32_t index,
+                                      const ValueType& value) const {
+  napi_status status =
+      napi_set_element(_env, _value, index, Value::From(_env, value));
+  NAPI_RETURN_OR_THROW_IF_FAILED(_env, status, status == napi_ok, bool);
+}
+
+inline MaybeOrValue<bool> Object::Delete(uint32_t index) const {
+  bool result;
+  napi_status status = napi_delete_element(_env, _value, index, &result);
+  NAPI_RETURN_OR_THROW_IF_FAILED(_env, status, result, bool);
+}
+
+inline MaybeOrValue<Array> Object::GetPropertyNames() const {
+  napi_value result;
+  napi_status status = napi_get_property_names(_env, _value, &result);
+  NAPI_RETURN_OR_THROW_IF_FAILED(_env, status, Array(_env, result), Array);
+}
+
+inline MaybeOrValue<bool> Object::DefineProperty(
+    const PropertyDescriptor& property) const {
+  napi_status status = napi_define_properties(
+      _env,
+      _value,
+      1,
+      reinterpret_cast<const napi_property_descriptor*>(&property));
+  NAPI_RETURN_OR_THROW_IF_FAILED(_env, status, status == napi_ok, bool);
+}
+
+inline MaybeOrValue<bool> Object::DefineProperties(
+    const std::initializer_list<PropertyDescriptor>& properties) const {
+  napi_status status = napi_define_properties(
+      _env,
+      _value,
+      properties.size(),
+      reinterpret_cast<const napi_property_descriptor*>(properties.begin()));
+  NAPI_RETURN_OR_THROW_IF_FAILED(_env, status, status == napi_ok, bool);
+}
+
+inline MaybeOrValue<bool> Object::DefineProperties(
+    const std::vector<PropertyDescriptor>& properties) const {
+  napi_status status = napi_define_properties(
+      _env,
+      _value,
+      properties.size(),
+      reinterpret_cast<const napi_property_descriptor*>(properties.data()));
+  NAPI_RETURN_OR_THROW_IF_FAILED(_env, status, status == napi_ok, bool);
+}
+
+inline MaybeOrValue<bool> Object::InstanceOf(
+    const Function& constructor) const {
+  bool result;
+  napi_status status = napi_instanceof(_env, _value, constructor, &result);
+  NAPI_RETURN_OR_THROW_IF_FAILED(_env, status, result, bool);
+}
+
+template <typename Finalizer, typename T>
+inline void Object::AddFinalizer(Finalizer finalizeCallback, T* data) const {
+  details::FinalizeData<T, Finalizer>* finalizeData =
+      new details::FinalizeData<T, Finalizer>(
+          {std::move(finalizeCallback), nullptr});
+  napi_status status =
+      details::AttachData<T, details::FinalizeData<T, Finalizer>::Wrapper>(
+          _env, *this, data, finalizeData);
+  if (status != napi_ok) {
+    delete finalizeData;
+    NAPI_THROW_IF_FAILED_VOID(_env, status);
+  }
+}
+
+template <typename Finalizer, typename T, typename Hint>
+inline void Object::AddFinalizer(Finalizer finalizeCallback,
+                                 T* data,
+                                 Hint* finalizeHint) const {
+  details::FinalizeData<T, Finalizer, Hint>* finalizeData =
+      new details::FinalizeData<T, Finalizer, Hint>(
+          {std::move(finalizeCallback), finalizeHint});
+  napi_status status = details::
+      AttachData<T, details::FinalizeData<T, Finalizer, Hint>::WrapperWithHint>(
+          _env, *this, data, finalizeData);
+  if (status != napi_ok) {
+    delete finalizeData;
+    NAPI_THROW_IF_FAILED_VOID(_env, status);
+  }
+}
+
+#ifdef NAPI_CPP_EXCEPTIONS
+inline Object::const_iterator::const_iterator(const Object* object,
+                                              const Type type) {
+  _object = object;
+  _keys = object->GetPropertyNames();
+  _index = type == Type::BEGIN ? 0 : _keys.Length();
+}
+
+inline Object::const_iterator Napi::Object::begin() const {
+  const_iterator it(this, Object::const_iterator::Type::BEGIN);
+  return it;
+}
+
+inline Object::const_iterator Napi::Object::end() const {
+  const_iterator it(this, Object::const_iterator::Type::END);
+  return it;
+}
+
+inline Object::const_iterator& Object::const_iterator::operator++() {
+  ++_index;
+  return *this;
+}
+
+inline bool Object::const_iterator::operator==(
+    const const_iterator& other) const {
+  return _index == other._index;
+}
+
+inline bool Object::const_iterator::operator!=(
+    const const_iterator& other) const {
+  return _index != other._index;
+}
+
+inline const std::pair<Value, Object::PropertyLValue<Value>>
+Object::const_iterator::operator*() const {
+  const Value key = _keys[_index];
+  const PropertyLValue<Value> value = (*_object)[key];
+  return {key, value};
+}
+
+inline Object::iterator::iterator(Object* object, const Type type) {
+  _object = object;
+  _keys = object->GetPropertyNames();
+  _index = type == Type::BEGIN ? 0 : _keys.Length();
+}
+
+inline Object::iterator Napi::Object::begin() {
+  iterator it(this, Object::iterator::Type::BEGIN);
+  return it;
+}
+
+inline Object::iterator Napi::Object::end() {
+  iterator it(this, Object::iterator::Type::END);
+  return it;
+}
+
+inline Object::iterator& Object::iterator::operator++() {
+  ++_index;
+  return *this;
+}
+
+inline bool Object::iterator::operator==(const iterator& other) const {
+  return _index == other._index;
+}
+
+inline bool Object::iterator::operator!=(const iterator& other) const {
+  return _index != other._index;
+}
+
+inline std::pair<Value, Object::PropertyLValue<Value>>
+Object::iterator::operator*() {
+  Value key = _keys[_index];
+  PropertyLValue<Value> value = (*_object)[key];
+  return {key, value};
+}
+#endif  // NAPI_CPP_EXCEPTIONS
+
+#if NAPI_VERSION >= 8
+inline MaybeOrValue<bool> Object::Freeze() const {
+  napi_status status = napi_object_freeze(_env, _value);
+  NAPI_RETURN_OR_THROW_IF_FAILED(_env, status, status == napi_ok, bool);
+}
+
+inline MaybeOrValue<bool> Object::Seal() const {
+  napi_status status = napi_object_seal(_env, _value);
+  NAPI_RETURN_OR_THROW_IF_FAILED(_env, status, status == napi_ok, bool);
+}
+#endif  // NAPI_VERSION >= 8
+
+////////////////////////////////////////////////////////////////////////////////
+// External class
+////////////////////////////////////////////////////////////////////////////////
+
+template <typename T>
+inline External<T> External<T>::New(napi_env env, T* data) {
+  napi_value value;
+  napi_status status =
+      napi_create_external(env, data, nullptr, nullptr, &value);
+  NAPI_THROW_IF_FAILED(env, status, External());
+  return External(env, value);
+}
+
+template <typename T>
+template <typename Finalizer>
+inline External<T> External<T>::New(napi_env env,
+                                    T* data,
+                                    Finalizer finalizeCallback) {
+  napi_value value;
+  details::FinalizeData<T, Finalizer>* finalizeData =
+      new details::FinalizeData<T, Finalizer>(
+          {std::move(finalizeCallback), nullptr});
+  napi_status status =
+      napi_create_external(env,
+                           data,
+                           details::FinalizeData<T, Finalizer>::Wrapper,
+                           finalizeData,
+                           &value);
+  if (status != napi_ok) {
+    delete finalizeData;
+    NAPI_THROW_IF_FAILED(env, status, External());
+  }
+  return External(env, value);
+}
+
+template <typename T>
+template <typename Finalizer, typename Hint>
+inline External<T> External<T>::New(napi_env env,
+                                    T* data,
+                                    Finalizer finalizeCallback,
+                                    Hint* finalizeHint) {
+  napi_value value;
+  details::FinalizeData<T, Finalizer, Hint>* finalizeData =
+      new details::FinalizeData<T, Finalizer, Hint>(
+          {std::move(finalizeCallback), finalizeHint});
+  napi_status status = napi_create_external(
+      env,
+      data,
+      details::FinalizeData<T, Finalizer, Hint>::WrapperWithHint,
+      finalizeData,
+      &value);
+  if (status != napi_ok) {
+    delete finalizeData;
+    NAPI_THROW_IF_FAILED(env, status, External());
+  }
+  return External(env, value);
+}
+
+template <typename T>
+inline void External<T>::CheckCast(napi_env env, napi_value value) {
+  NAPI_CHECK(value != nullptr, "External::CheckCast", "empty value");
+
+  napi_valuetype type;
+  napi_status status = napi_typeof(env, value, &type);
+  NAPI_CHECK(status == napi_ok, "External::CheckCast", "napi_typeof failed");
+  NAPI_CHECK(type == napi_external,
+             "External::CheckCast",
+             "value is not napi_external");
+}
+
+template <typename T>
+inline External<T>::External() : TypeTaggable() {}
+
+template <typename T>
+inline External<T>::External(napi_env env, napi_value value)
+    : TypeTaggable(env, value) {}
+
+template <typename T>
+inline T* External<T>::Data() const {
+  void* data;
+  napi_status status = napi_get_value_external(_env, _value, &data);
+  NAPI_THROW_IF_FAILED(_env, status, nullptr);
+  return reinterpret_cast<T*>(data);
+}
+
+////////////////////////////////////////////////////////////////////////////////
+// Array class
+////////////////////////////////////////////////////////////////////////////////
+
+inline Array Array::New(napi_env env) {
+  napi_value value;
+  napi_status status = napi_create_array(env, &value);
+  NAPI_THROW_IF_FAILED(env, status, Array());
+  return Array(env, value);
+}
+
+inline Array Array::New(napi_env env, size_t length) {
+  napi_value value;
+  napi_status status = napi_create_array_with_length(env, length, &value);
+  NAPI_THROW_IF_FAILED(env, status, Array());
+  return Array(env, value);
+}
+
+inline void Array::CheckCast(napi_env env, napi_value value) {
+  NAPI_CHECK(value != nullptr, "Array::CheckCast", "empty value");
+
+  bool result;
+  napi_status status = napi_is_array(env, value, &result);
+  NAPI_CHECK(status == napi_ok, "Array::CheckCast", "napi_is_array failed");
+  NAPI_CHECK(result, "Array::CheckCast", "value is not array");
+}
+
+inline Array::Array() : Object() {}
+
+inline Array::Array(napi_env env, napi_value value) : Object(env, value) {}
+
+inline uint32_t Array::Length() const {
+  uint32_t result;
+  napi_status status = napi_get_array_length(_env, _value, &result);
+  NAPI_THROW_IF_FAILED(_env, status, 0);
+  return result;
+}
+
+////////////////////////////////////////////////////////////////////////////////
+// ArrayBuffer class
+////////////////////////////////////////////////////////////////////////////////
+
+inline ArrayBuffer ArrayBuffer::New(napi_env env, size_t byteLength) {
+  napi_value value;
+  void* data;
+  napi_status status = napi_create_arraybuffer(env, byteLength, &data, &value);
+  NAPI_THROW_IF_FAILED(env, status, ArrayBuffer());
+
+  return ArrayBuffer(env, value);
+}
+
+#ifndef NODE_API_NO_EXTERNAL_BUFFERS_ALLOWED
+inline ArrayBuffer ArrayBuffer::New(napi_env env,
+                                    void* externalData,
+                                    size_t byteLength) {
+  napi_value value;
+  napi_status status = napi_create_external_arraybuffer(
+      env, externalData, byteLength, nullptr, nullptr, &value);
+  NAPI_THROW_IF_FAILED(env, status, ArrayBuffer());
+
+  return ArrayBuffer(env, value);
+}
+
+template <typename Finalizer>
+inline ArrayBuffer ArrayBuffer::New(napi_env env,
+                                    void* externalData,
+                                    size_t byteLength,
+                                    Finalizer finalizeCallback) {
+  napi_value value;
+  details::FinalizeData<void, Finalizer>* finalizeData =
+      new details::FinalizeData<void, Finalizer>(
+          {std::move(finalizeCallback), nullptr});
+  napi_status status = napi_create_external_arraybuffer(
+      env,
+      externalData,
+      byteLength,
+      details::FinalizeData<void, Finalizer>::Wrapper,
+      finalizeData,
+      &value);
+  if (status != napi_ok) {
+    delete finalizeData;
+    NAPI_THROW_IF_FAILED(env, status, ArrayBuffer());
+  }
+
+  return ArrayBuffer(env, value);
+}
+
+template <typename Finalizer, typename Hint>
+inline ArrayBuffer ArrayBuffer::New(napi_env env,
+                                    void* externalData,
+                                    size_t byteLength,
+                                    Finalizer finalizeCallback,
+                                    Hint* finalizeHint) {
+  napi_value value;
+  details::FinalizeData<void, Finalizer, Hint>* finalizeData =
+      new details::FinalizeData<void, Finalizer, Hint>(
+          {std::move(finalizeCallback), finalizeHint});
+  napi_status status = napi_create_external_arraybuffer(
+      env,
+      externalData,
+      byteLength,
+      details::FinalizeData<void, Finalizer, Hint>::WrapperWithHint,
+      finalizeData,
+      &value);
+  if (status != napi_ok) {
+    delete finalizeData;
+    NAPI_THROW_IF_FAILED(env, status, ArrayBuffer());
+  }
+
+  return ArrayBuffer(env, value);
+}
+#endif  // NODE_API_NO_EXTERNAL_BUFFERS_ALLOWED
+
+inline void ArrayBuffer::CheckCast(napi_env env, napi_value value) {
+  NAPI_CHECK(value != nullptr, "ArrayBuffer::CheckCast", "empty value");
+
+  bool result;
+  napi_status status = napi_is_arraybuffer(env, value, &result);
+  NAPI_CHECK(status == napi_ok,
+             "ArrayBuffer::CheckCast",
+             "napi_is_arraybuffer failed");
+  NAPI_CHECK(result, "ArrayBuffer::CheckCast", "value is not arraybuffer");
+}
+
+inline ArrayBuffer::ArrayBuffer() : Object() {}
+
+inline ArrayBuffer::ArrayBuffer(napi_env env, napi_value value)
+    : Object(env, value) {}
+
+inline void* ArrayBuffer::Data() {
+  void* data;
+  napi_status status = napi_get_arraybuffer_info(_env, _value, &data, nullptr);
+  NAPI_THROW_IF_FAILED(_env, status, nullptr);
+  return data;
+}
+
+inline size_t ArrayBuffer::ByteLength() {
+  size_t length;
+  napi_status status =
+      napi_get_arraybuffer_info(_env, _value, nullptr, &length);
+  NAPI_THROW_IF_FAILED(_env, status, 0);
+  return length;
+}
+
+#if NAPI_VERSION >= 7
+inline bool ArrayBuffer::IsDetached() const {
+  bool detached;
+  napi_status status = napi_is_detached_arraybuffer(_env, _value, &detached);
+  NAPI_THROW_IF_FAILED(_env, status, false);
+  return detached;
+}
+
+inline void ArrayBuffer::Detach() {
+  napi_status status = napi_detach_arraybuffer(_env, _value);
+  NAPI_THROW_IF_FAILED_VOID(_env, status);
+}
+#endif  // NAPI_VERSION >= 7
+
+////////////////////////////////////////////////////////////////////////////////
+// DataView class
+////////////////////////////////////////////////////////////////////////////////
+inline DataView DataView::New(napi_env env, Napi::ArrayBuffer arrayBuffer) {
+  return New(env, arrayBuffer, 0, arrayBuffer.ByteLength());
+}
+
+inline DataView DataView::New(napi_env env,
+                              Napi::ArrayBuffer arrayBuffer,
+                              size_t byteOffset) {
+  if (byteOffset > arrayBuffer.ByteLength()) {
+    NAPI_THROW(RangeError::New(
+                   env, "Start offset is outside the bounds of the buffer"),
+               DataView());
+  }
+  return New(
+      env, arrayBuffer, byteOffset, arrayBuffer.ByteLength() - byteOffset);
+}
+
+inline DataView DataView::New(napi_env env,
+                              Napi::ArrayBuffer arrayBuffer,
+                              size_t byteOffset,
+                              size_t byteLength) {
+  if (byteOffset + byteLength > arrayBuffer.ByteLength()) {
+    NAPI_THROW(RangeError::New(env, "Invalid DataView length"), DataView());
+  }
+  napi_value value;
+  napi_status status =
+      napi_create_dataview(env, byteLength, arrayBuffer, byteOffset, &value);
+  NAPI_THROW_IF_FAILED(env, status, DataView());
+  return DataView(env, value);
+}
+
+inline void DataView::CheckCast(napi_env env, napi_value value) {
+  NAPI_CHECK(value != nullptr, "DataView::CheckCast", "empty value");
+
+  bool result;
+  napi_status status = napi_is_dataview(env, value, &result);
+  NAPI_CHECK(
+      status == napi_ok, "DataView::CheckCast", "napi_is_dataview failed");
+  NAPI_CHECK(result, "DataView::CheckCast", "value is not dataview");
+}
+
+inline DataView::DataView() : Object() {}
+
+inline DataView::DataView(napi_env env, napi_value value) : Object(env, value) {
+  napi_status status = napi_get_dataview_info(_env,
+                                              _value /* dataView */,
+                                              &_length /* byteLength */,
+                                              &_data /* data */,
+                                              nullptr /* arrayBuffer */,
+                                              nullptr /* byteOffset */);
+  NAPI_THROW_IF_FAILED_VOID(_env, status);
+}
+
+inline Napi::ArrayBuffer DataView::ArrayBuffer() const {
+  napi_value arrayBuffer;
+  napi_status status = napi_get_dataview_info(_env,
+                                              _value /* dataView */,
+                                              nullptr /* byteLength */,
+                                              nullptr /* data */,
+                                              &arrayBuffer /* arrayBuffer */,
+                                              nullptr /* byteOffset */);
+  NAPI_THROW_IF_FAILED(_env, status, Napi::ArrayBuffer());
+  return Napi::ArrayBuffer(_env, arrayBuffer);
+}
+
+inline size_t DataView::ByteOffset() const {
+  size_t byteOffset;
+  napi_status status = napi_get_dataview_info(_env,
+                                              _value /* dataView */,
+                                              nullptr /* byteLength */,
+                                              nullptr /* data */,
+                                              nullptr /* arrayBuffer */,
+                                              &byteOffset /* byteOffset */);
+  NAPI_THROW_IF_FAILED(_env, status, 0);
+  return byteOffset;
+}
+
+inline size_t DataView::ByteLength() const {
+  return _length;
+}
+
+inline void* DataView::Data() const {
+  return _data;
+}
+
+inline float DataView::GetFloat32(size_t byteOffset) const {
+  return ReadData<float>(byteOffset);
+}
+
+inline double DataView::GetFloat64(size_t byteOffset) const {
+  return ReadData<double>(byteOffset);
+}
+
+inline int8_t DataView::GetInt8(size_t byteOffset) const {
+  return ReadData<int8_t>(byteOffset);
+}
+
+inline int16_t DataView::GetInt16(size_t byteOffset) const {
+  return ReadData<int16_t>(byteOffset);
+}
+
+inline int32_t DataView::GetInt32(size_t byteOffset) const {
+  return ReadData<int32_t>(byteOffset);
+}
+
+inline uint8_t DataView::GetUint8(size_t byteOffset) const {
+  return ReadData<uint8_t>(byteOffset);
+}
+
+inline uint16_t DataView::GetUint16(size_t byteOffset) const {
+  return ReadData<uint16_t>(byteOffset);
+}
+
+inline uint32_t DataView::GetUint32(size_t byteOffset) const {
+  return ReadData<uint32_t>(byteOffset);
+}
+
+inline void DataView::SetFloat32(size_t byteOffset, float value) const {
+  WriteData<float>(byteOffset, value);
+}
+
+inline void DataView::SetFloat64(size_t byteOffset, double value) const {
+  WriteData<double>(byteOffset, value);
+}
+
+inline void DataView::SetInt8(size_t byteOffset, int8_t value) const {
+  WriteData<int8_t>(byteOffset, value);
+}
+
+inline void DataView::SetInt16(size_t byteOffset, int16_t value) const {
+  WriteData<int16_t>(byteOffset, value);
+}
+
+inline void DataView::SetInt32(size_t byteOffset, int32_t value) const {
+  WriteData<int32_t>(byteOffset, value);
+}
+
+inline void DataView::SetUint8(size_t byteOffset, uint8_t value) const {
+  WriteData<uint8_t>(byteOffset, value);
+}
+
+inline void DataView::SetUint16(size_t byteOffset, uint16_t value) const {
+  WriteData<uint16_t>(byteOffset, value);
+}
+
+inline void DataView::SetUint32(size_t byteOffset, uint32_t value) const {
+  WriteData<uint32_t>(byteOffset, value);
+}
+
+template <typename T>
+inline T DataView::ReadData(size_t byteOffset) const {
+  if (byteOffset + sizeof(T) > _length ||
+      byteOffset + sizeof(T) < byteOffset) {  // overflow
+    NAPI_THROW(
+        RangeError::New(_env, "Offset is outside the bounds of the DataView"),
+        0);
+  }
+
+  return *reinterpret_cast<T*>(static_cast<uint8_t*>(_data) + byteOffset);
+}
+
+template <typename T>
+inline void DataView::WriteData(size_t byteOffset, T value) const {
+  if (byteOffset + sizeof(T) > _length ||
+      byteOffset + sizeof(T) < byteOffset) {  // overflow
+    NAPI_THROW_VOID(
+        RangeError::New(_env, "Offset is outside the bounds of the DataView"));
+  }
+
+  *reinterpret_cast<T*>(static_cast<uint8_t*>(_data) + byteOffset) = value;
+}
+
+////////////////////////////////////////////////////////////////////////////////
+// TypedArray class
+////////////////////////////////////////////////////////////////////////////////
+inline void TypedArray::CheckCast(napi_env env, napi_value value) {
+  NAPI_CHECK(value != nullptr, "TypedArray::CheckCast", "empty value");
+
+  bool result;
+  napi_status status = napi_is_typedarray(env, value, &result);
+  NAPI_CHECK(
+      status == napi_ok, "TypedArray::CheckCast", "napi_is_typedarray failed");
+  NAPI_CHECK(result, "TypedArray::CheckCast", "value is not typedarray");
+}
+
+inline TypedArray::TypedArray()
+    : Object(), _type(napi_typedarray_type::napi_int8_array), _length(0) {}
+
+inline TypedArray::TypedArray(napi_env env, napi_value value)
+    : Object(env, value),
+      _type(napi_typedarray_type::napi_int8_array),
+      _length(0) {
+  if (value != nullptr) {
+    napi_status status =
+        napi_get_typedarray_info(_env,
+                                 _value,
+                                 &const_cast<TypedArray*>(this)->_type,
+                                 &const_cast<TypedArray*>(this)->_length,
+                                 nullptr,
+                                 nullptr,
+                                 nullptr);
+    NAPI_THROW_IF_FAILED_VOID(_env, status);
+  }
+}
+
+inline TypedArray::TypedArray(napi_env env,
+                              napi_value value,
+                              napi_typedarray_type type,
+                              size_t length)
+    : Object(env, value), _type(type), _length(length) {}
+
+inline napi_typedarray_type TypedArray::TypedArrayType() const {
+  return _type;
+}
+
+inline uint8_t TypedArray::ElementSize() const {
+  switch (_type) {
+    case napi_int8_array:
+    case napi_uint8_array:
+    case napi_uint8_clamped_array:
+      return 1;
+    case napi_int16_array:
+    case napi_uint16_array:
+      return 2;
+    case napi_int32_array:
+    case napi_uint32_array:
+    case napi_float32_array:
+      return 4;
+    case napi_float64_array:
+#if (NAPI_VERSION > 5)
+    case napi_bigint64_array:
+    case napi_biguint64_array:
+#endif  // (NAPI_VERSION > 5)
+      return 8;
+    default:
+      return 0;
+  }
+}
+
+inline size_t TypedArray::ElementLength() const {
+  return _length;
+}
+
+inline size_t TypedArray::ByteOffset() const {
+  size_t byteOffset;
+  napi_status status = napi_get_typedarray_info(
+      _env, _value, nullptr, nullptr, nullptr, nullptr, &byteOffset);
+  NAPI_THROW_IF_FAILED(_env, status, 0);
+  return byteOffset;
+}
+
+inline size_t TypedArray::ByteLength() const {
+  return ElementSize() * ElementLength();
+}
+
+inline Napi::ArrayBuffer TypedArray::ArrayBuffer() const {
+  napi_value arrayBuffer;
+  napi_status status = napi_get_typedarray_info(
+      _env, _value, nullptr, nullptr, nullptr, &arrayBuffer, nullptr);
+  NAPI_THROW_IF_FAILED(_env, status, Napi::ArrayBuffer());
+  return Napi::ArrayBuffer(_env, arrayBuffer);
+}
+
+////////////////////////////////////////////////////////////////////////////////
+// TypedArrayOf<T> class
+////////////////////////////////////////////////////////////////////////////////
+template <typename T>
+inline void TypedArrayOf<T>::CheckCast(napi_env env, napi_value value) {
+  TypedArray::CheckCast(env, value);
+  napi_typedarray_type type;
+  napi_status status = napi_get_typedarray_info(
+      env, value, &type, nullptr, nullptr, nullptr, nullptr);
+  NAPI_CHECK(status == napi_ok,
+             "TypedArrayOf::CheckCast",
+             "napi_is_typedarray failed");
+
+  NAPI_CHECK(
+      (type == TypedArrayTypeForPrimitiveType<T>() ||
+       (type == napi_uint8_clamped_array && std::is_same<T, uint8_t>::value)),
+      "TypedArrayOf::CheckCast",
+      "Array type must match the template parameter. (Uint8 arrays may "
+      "optionally have the \"clamped\" array type.)");
+}
+
+template <typename T>
+inline TypedArrayOf<T> TypedArrayOf<T>::New(napi_env env,
+                                            size_t elementLength,
+                                            napi_typedarray_type type) {
+  Napi::ArrayBuffer arrayBuffer =
+      Napi::ArrayBuffer::New(env, elementLength * sizeof(T));
+  return New(env, elementLength, arrayBuffer, 0, type);
+}
+
+template <typename T>
+inline TypedArrayOf<T> TypedArrayOf<T>::New(napi_env env,
+                                            size_t elementLength,
+                                            Napi::ArrayBuffer arrayBuffer,
+                                            size_t bufferOffset,
+                                            napi_typedarray_type type) {
+  napi_value value;
+  napi_status status = napi_create_typedarray(
+      env, type, elementLength, arrayBuffer, bufferOffset, &value);
+  NAPI_THROW_IF_FAILED(env, status, TypedArrayOf<T>());
+
+  return TypedArrayOf<T>(
+      env,
+      value,
+      type,
+      elementLength,
+      reinterpret_cast<T*>(reinterpret_cast<uint8_t*>(arrayBuffer.Data()) +
+                           bufferOffset));
+}
+
+template <typename T>
+inline TypedArrayOf<T>::TypedArrayOf() : TypedArray(), _data(nullptr) {}
+
+template <typename T>
+inline TypedArrayOf<T>::TypedArrayOf(napi_env env, napi_value value)
+    : TypedArray(env, value), _data(nullptr) {
+  napi_status status = napi_ok;
+  if (value != nullptr) {
+    void* data = nullptr;
+    status = napi_get_typedarray_info(
+        _env, _value, &_type, &_length, &data, nullptr, nullptr);
+    _data = static_cast<T*>(data);
+  } else {
+    _type = TypedArrayTypeForPrimitiveType<T>();
+    _length = 0;
+  }
+  NAPI_THROW_IF_FAILED_VOID(_env, status);
+}
+
+template <typename T>
+inline TypedArrayOf<T>::TypedArrayOf(napi_env env,
+                                     napi_value value,
+                                     napi_typedarray_type type,
+                                     size_t length,
+                                     T* data)
+    : TypedArray(env, value, type, length), _data(data) {
+  if (!(type == TypedArrayTypeForPrimitiveType<T>() ||
+        (type == napi_uint8_clamped_array &&
+         std::is_same<T, uint8_t>::value))) {
+    NAPI_THROW_VOID(TypeError::New(
+        env,
+        "Array type must match the template parameter. "
+        "(Uint8 arrays may optionally have the \"clamped\" array type.)"));
+  }
+}
+
+template <typename T>
+inline T& TypedArrayOf<T>::operator[](size_t index) {
+  return _data[index];
+}
+
+template <typename T>
+inline const T& TypedArrayOf<T>::operator[](size_t index) const {
+  return _data[index];
+}
+
+template <typename T>
+inline T* TypedArrayOf<T>::Data() {
+  return _data;
+}
+
+template <typename T>
+inline const T* TypedArrayOf<T>::Data() const {
+  return _data;
+}
+
+////////////////////////////////////////////////////////////////////////////////
+// Function class
+////////////////////////////////////////////////////////////////////////////////
+
+template <typename CbData>
+inline napi_status CreateFunction(napi_env env,
+                                  const char* utf8name,
+                                  napi_callback cb,
+                                  CbData* data,
+                                  napi_value* result) {
+  napi_status status =
+      napi_create_function(env, utf8name, NAPI_AUTO_LENGTH, cb, data, result);
+  if (status == napi_ok) {
+    status = Napi::details::AttachData(env, *result, data);
+  }
+
+  return status;
+}
+
+template <Function::VoidCallback cb>
+inline Function Function::New(napi_env env, const char* utf8name, void* data) {
+  napi_value result = nullptr;
+  napi_status status = napi_create_function(env,
+                                            utf8name,
+                                            NAPI_AUTO_LENGTH,
+                                            details::TemplatedVoidCallback<cb>,
+                                            data,
+                                            &result);
+  NAPI_THROW_IF_FAILED(env, status, Function());
+  return Function(env, result);
+}
+
+template <Function::Callback cb>
+inline Function Function::New(napi_env env, const char* utf8name, void* data) {
+  napi_value result = nullptr;
+  napi_status status = napi_create_function(env,
+                                            utf8name,
+                                            NAPI_AUTO_LENGTH,
+                                            details::TemplatedCallback<cb>,
+                                            data,
+                                            &result);
+  NAPI_THROW_IF_FAILED(env, status, Function());
+  return Function(env, result);
+}
+
+template <Function::VoidCallback cb>
+inline Function Function::New(napi_env env,
+                              const std::string& utf8name,
+                              void* data) {
+  return Function::New<cb>(env, utf8name.c_str(), data);
+}
+
+template <Function::Callback cb>
+inline Function Function::New(napi_env env,
+                              const std::string& utf8name,
+                              void* data) {
+  return Function::New<cb>(env, utf8name.c_str(), data);
+}
+
+template <typename Callable>
+inline Function Function::New(napi_env env,
+                              Callable cb,
+                              const char* utf8name,
+                              void* data) {
+  using ReturnType = decltype(cb(CallbackInfo(nullptr, nullptr)));
+  using CbData = details::CallbackData<Callable, ReturnType>;
+  auto callbackData = new CbData{std::move(cb), data};
+
+  napi_value value;
+  napi_status status =
+      CreateFunction(env, utf8name, CbData::Wrapper, callbackData, &value);
+  if (status != napi_ok) {
+    delete callbackData;
+    NAPI_THROW_IF_FAILED(env, status, Function());
+  }
+
+  return Function(env, value);
+}
+
+template <typename Callable>
+inline Function Function::New(napi_env env,
+                              Callable cb,
+                              const std::string& utf8name,
+                              void* data) {
+  return New(env, cb, utf8name.c_str(), data);
+}
+
+inline void Function::CheckCast(napi_env env, napi_value value) {
+  NAPI_CHECK(value != nullptr, "Function::CheckCast", "empty value");
+
+  napi_valuetype type;
+  napi_status status = napi_typeof(env, value, &type);
+  NAPI_CHECK(status == napi_ok, "Function::CheckCast", "napi_typeof failed");
+  NAPI_CHECK(type == napi_function,
+             "Function::CheckCast",
+             "value is not napi_function");
+}
+
+inline Function::Function() : Object() {}
+
+inline Function::Function(napi_env env, napi_value value)
+    : Object(env, value) {}
+
+inline MaybeOrValue<Value> Function::operator()(
+    const std::initializer_list<napi_value>& args) const {
+  return Call(Env().Undefined(), args);
+}
+
+inline MaybeOrValue<Value> Function::Call(
+    const std::initializer_list<napi_value>& args) const {
+  return Call(Env().Undefined(), args);
+}
+
+inline MaybeOrValue<Value> Function::Call(
+    const std::vector<napi_value>& args) const {
+  return Call(Env().Undefined(), args);
+}
+
+inline MaybeOrValue<Value> Function::Call(
+    const std::vector<Value>& args) const {
+  return Call(Env().Undefined(), args);
+}
+
+inline MaybeOrValue<Value> Function::Call(size_t argc,
+                                          const napi_value* args) const {
+  return Call(Env().Undefined(), argc, args);
+}
+
+inline MaybeOrValue<Value> Function::Call(
+    napi_value recv, const std::initializer_list<napi_value>& args) const {
+  return Call(recv, args.size(), args.begin());
+}
+
+inline MaybeOrValue<Value> Function::Call(
+    napi_value recv, const std::vector<napi_value>& args) const {
+  return Call(recv, args.size(), args.data());
+}
+
+inline MaybeOrValue<Value> Function::Call(
+    napi_value recv, const std::vector<Value>& args) const {
+  const size_t argc = args.size();
+  const size_t stackArgsCount = 6;
+  napi_value stackArgs[stackArgsCount];
+  std::vector<napi_value> heapArgs;
+  napi_value* argv;
+  if (argc <= stackArgsCount) {
+    argv = stackArgs;
+  } else {
+    heapArgs.resize(argc);
+    argv = heapArgs.data();
+  }
+
+  for (size_t index = 0; index < argc; index++) {
+    argv[index] = static_cast<napi_value>(args[index]);
+  }
+
+  return Call(recv, argc, argv);
+}
+
+inline MaybeOrValue<Value> Function::Call(napi_value recv,
+                                          size_t argc,
+                                          const napi_value* args) const {
+  napi_value result;
+  napi_status status =
+      napi_call_function(_env, recv, _value, argc, args, &result);
+  NAPI_RETURN_OR_THROW_IF_FAILED(
+      _env, status, Napi::Value(_env, result), Napi::Value);
+}
+
+inline MaybeOrValue<Value> Function::MakeCallback(
+    napi_value recv,
+    const std::initializer_list<napi_value>& args,
+    napi_async_context context) const {
+  return MakeCallback(recv, args.size(), args.begin(), context);
+}
+
+inline MaybeOrValue<Value> Function::MakeCallback(
+    napi_value recv,
+    const std::vector<napi_value>& args,
+    napi_async_context context) const {
+  return MakeCallback(recv, args.size(), args.data(), context);
+}
+
+inline MaybeOrValue<Value> Function::MakeCallback(
+    napi_value recv,
+    size_t argc,
+    const napi_value* args,
+    napi_async_context context) const {
+  napi_value result;
+  napi_status status =
+      napi_make_callback(_env, context, recv, _value, argc, args, &result);
+  NAPI_RETURN_OR_THROW_IF_FAILED(
+      _env, status, Napi::Value(_env, result), Napi::Value);
+}
+
+inline MaybeOrValue<Object> Function::New(
+    const std::initializer_list<napi_value>& args) const {
+  return New(args.size(), args.begin());
+}
+
+inline MaybeOrValue<Object> Function::New(
+    const std::vector<napi_value>& args) const {
+  return New(args.size(), args.data());
+}
+
+inline MaybeOrValue<Object> Function::New(size_t argc,
+                                          const napi_value* args) const {
+  napi_value result;
+  napi_status status = napi_new_instance(_env, _value, argc, args, &result);
+  NAPI_RETURN_OR_THROW_IF_FAILED(
+      _env, status, Napi::Object(_env, result), Napi::Object);
+}
+
+////////////////////////////////////////////////////////////////////////////////
+// Promise class
+////////////////////////////////////////////////////////////////////////////////
+
+inline Promise::Deferred Promise::Deferred::New(napi_env env) {
+  return Promise::Deferred(env);
+}
+
+inline Promise::Deferred::Deferred(napi_env env) : _env(env) {
+  napi_status status = napi_create_promise(_env, &_deferred, &_promise);
+  NAPI_THROW_IF_FAILED_VOID(_env, status);
+}
+
+inline Promise Promise::Deferred::Promise() const {
+  return Napi::Promise(_env, _promise);
+}
+
+inline Napi::Env Promise::Deferred::Env() const {
+  return Napi::Env(_env);
+}
+
+inline void Promise::Deferred::Resolve(napi_value value) const {
+  napi_status status = napi_resolve_deferred(_env, _deferred, value);
+  NAPI_THROW_IF_FAILED_VOID(_env, status);
+}
+
+inline void Promise::Deferred::Reject(napi_value value) const {
+  napi_status status = napi_reject_deferred(_env, _deferred, value);
+  NAPI_THROW_IF_FAILED_VOID(_env, status);
+}
+
+inline void Promise::CheckCast(napi_env env, napi_value value) {
+  NAPI_CHECK(value != nullptr, "Promise::CheckCast", "empty value");
+
+  bool result;
+  napi_status status = napi_is_promise(env, value, &result);
+  NAPI_CHECK(status == napi_ok, "Promise::CheckCast", "napi_is_promise failed");
+  NAPI_CHECK(result, "Promise::CheckCast", "value is not promise");
+}
+
+inline Promise::Promise(napi_env env, napi_value value) : Object(env, value) {}
+
+////////////////////////////////////////////////////////////////////////////////
+// Buffer<T> class
+////////////////////////////////////////////////////////////////////////////////
+
+template <typename T>
+inline Buffer<T> Buffer<T>::New(napi_env env, size_t length) {
+  napi_value value;
+  void* data;
+  napi_status status =
+      napi_create_buffer(env, length * sizeof(T), &data, &value);
+  NAPI_THROW_IF_FAILED(env, status, Buffer<T>());
+  return Buffer(env, value);
+}
+
+#ifndef NODE_API_NO_EXTERNAL_BUFFERS_ALLOWED
+template <typename T>
+inline Buffer<T> Buffer<T>::New(napi_env env, T* data, size_t length) {
+  napi_value value;
+  napi_status status = napi_create_external_buffer(
+      env, length * sizeof(T), data, nullptr, nullptr, &value);
+  NAPI_THROW_IF_FAILED(env, status, Buffer<T>());
+  return Buffer(env, value);
+}
+
+template <typename T>
+template <typename Finalizer>
+inline Buffer<T> Buffer<T>::New(napi_env env,
+                                T* data,
+                                size_t length,
+                                Finalizer finalizeCallback) {
+  napi_value value;
+  details::FinalizeData<T, Finalizer>* finalizeData =
+      new details::FinalizeData<T, Finalizer>(
+          {std::move(finalizeCallback), nullptr});
+  napi_status status =
+      napi_create_external_buffer(env,
+                                  length * sizeof(T),
+                                  data,
+                                  details::FinalizeData<T, Finalizer>::Wrapper,
+                                  finalizeData,
+                                  &value);
+  if (status != napi_ok) {
+    delete finalizeData;
+    NAPI_THROW_IF_FAILED(env, status, Buffer());
+  }
+  return Buffer(env, value);
+}
+
+template <typename T>
+template <typename Finalizer, typename Hint>
+inline Buffer<T> Buffer<T>::New(napi_env env,
+                                T* data,
+                                size_t length,
+                                Finalizer finalizeCallback,
+                                Hint* finalizeHint) {
+  napi_value value;
+  details::FinalizeData<T, Finalizer, Hint>* finalizeData =
+      new details::FinalizeData<T, Finalizer, Hint>(
+          {std::move(finalizeCallback), finalizeHint});
+  napi_status status = napi_create_external_buffer(
+      env,
+      length * sizeof(T),
+      data,
+      details::FinalizeData<T, Finalizer, Hint>::WrapperWithHint,
+      finalizeData,
+      &value);
+  if (status != napi_ok) {
+    delete finalizeData;
+    NAPI_THROW_IF_FAILED(env, status, Buffer());
+  }
+  return Buffer(env, value);
+}
+#endif  // NODE_API_NO_EXTERNAL_BUFFERS_ALLOWED
+
+template <typename T>
+inline Buffer<T> Buffer<T>::NewOrCopy(napi_env env, T* data, size_t length) {
+#ifndef NODE_API_NO_EXTERNAL_BUFFERS_ALLOWED
+  napi_value value;
+  napi_status status = napi_create_external_buffer(
+      env, length * sizeof(T), data, nullptr, nullptr, &value);
+  if (status == details::napi_no_external_buffers_allowed) {
+#endif  // NODE_API_NO_EXTERNAL_BUFFERS_ALLOWED
+    // If we can't create an external buffer, we'll just copy the data.
+    return Buffer<T>::Copy(env, data, length);
+#ifndef NODE_API_NO_EXTERNAL_BUFFERS_ALLOWED
+  }
+  NAPI_THROW_IF_FAILED(env, status, Buffer<T>());
+  return Buffer(env, value);
+#endif  // NODE_API_NO_EXTERNAL_BUFFERS_ALLOWED
+}
+
+template <typename T>
+template <typename Finalizer>
+inline Buffer<T> Buffer<T>::NewOrCopy(napi_env env,
+                                      T* data,
+                                      size_t length,
+                                      Finalizer finalizeCallback) {
+  details::FinalizeData<T, Finalizer>* finalizeData =
+      new details::FinalizeData<T, Finalizer>(
+          {std::move(finalizeCallback), nullptr});
+#ifndef NODE_API_NO_EXTERNAL_BUFFERS_ALLOWED
+  napi_value value;
+  napi_status status =
+      napi_create_external_buffer(env,
+                                  length * sizeof(T),
+                                  data,
+                                  details::FinalizeData<T, Finalizer>::Wrapper,
+                                  finalizeData,
+                                  &value);
+  if (status == details::napi_no_external_buffers_allowed) {
+#endif  // NODE_API_NO_EXTERNAL_BUFFERS_ALLOWED
+    // If we can't create an external buffer, we'll just copy the data.
+    Buffer<T> ret = Buffer<T>::Copy(env, data, length);
+    details::FinalizeData<T, Finalizer>::Wrapper(env, data, finalizeData);
+    return ret;
+#ifndef NODE_API_NO_EXTERNAL_BUFFERS_ALLOWED
+  }
+  if (status != napi_ok) {
+    delete finalizeData;
+    NAPI_THROW_IF_FAILED(env, status, Buffer());
+  }
+  return Buffer(env, value);
+#endif  // NODE_API_NO_EXTERNAL_BUFFERS_ALLOWED
+}
+
+template <typename T>
+template <typename Finalizer, typename Hint>
+inline Buffer<T> Buffer<T>::NewOrCopy(napi_env env,
+                                      T* data,
+                                      size_t length,
+                                      Finalizer finalizeCallback,
+                                      Hint* finalizeHint) {
+  details::FinalizeData<T, Finalizer, Hint>* finalizeData =
+      new details::FinalizeData<T, Finalizer, Hint>(
+          {std::move(finalizeCallback), finalizeHint});
+#ifndef NODE_API_NO_EXTERNAL_BUFFERS_ALLOWED
+  napi_value value;
+  napi_status status = napi_create_external_buffer(
+      env,
+      length * sizeof(T),
+      data,
+      details::FinalizeData<T, Finalizer, Hint>::WrapperWithHint,
+      finalizeData,
+      &value);
+  if (status == details::napi_no_external_buffers_allowed) {
+#endif
+    // If we can't create an external buffer, we'll just copy the data.
+    Buffer<T> ret = Buffer<T>::Copy(env, data, length);
+    details::FinalizeData<T, Finalizer, Hint>::WrapperWithHint(
+        env, data, finalizeData);
+    return ret;
+#ifndef NODE_API_NO_EXTERNAL_BUFFERS_ALLOWED
+  }
+  if (status != napi_ok) {
+    delete finalizeData;
+    NAPI_THROW_IF_FAILED(env, status, Buffer());
+  }
+  return Buffer(env, value);
+#endif
+}
+
+template <typename T>
+inline Buffer<T> Buffer<T>::Copy(napi_env env, const T* data, size_t length) {
+  napi_value value;
+  napi_status status =
+      napi_create_buffer_copy(env, length * sizeof(T), data, nullptr, &value);
+  NAPI_THROW_IF_FAILED(env, status, Buffer<T>());
+  return Buffer<T>(env, value);
+}
+
+template <typename T>
+inline void Buffer<T>::CheckCast(napi_env env, napi_value value) {
+  NAPI_CHECK(value != nullptr, "Buffer::CheckCast", "empty value");
+
+  bool result;
+  napi_status status = napi_is_buffer(env, value, &result);
+  NAPI_CHECK(status == napi_ok, "Buffer::CheckCast", "napi_is_buffer failed");
+  NAPI_CHECK(result, "Buffer::CheckCast", "value is not buffer");
+}
+
+template <typename T>
+inline Buffer<T>::Buffer() : Uint8Array() {}
+
+template <typename T>
+inline Buffer<T>::Buffer(napi_env env, napi_value value)
+    : Uint8Array(env, value) {}
+
+template <typename T>
+inline size_t Buffer<T>::Length() const {
+  return ByteLength() / sizeof(T);
+}
+
+template <typename T>
+inline T* Buffer<T>::Data() const {
+  return reinterpret_cast<T*>(const_cast<uint8_t*>(Uint8Array::Data()));
+}
+
+////////////////////////////////////////////////////////////////////////////////
+// Error class
+////////////////////////////////////////////////////////////////////////////////
+
+inline Error Error::New(napi_env env) {
+  napi_status status;
+  napi_value error = nullptr;
+  bool is_exception_pending;
+  napi_extended_error_info last_error_info_copy;
+
+  {
+    // We must retrieve the last error info before doing anything else because
+    // doing anything else will replace the last error info.
+    const napi_extended_error_info* last_error_info;
+    status = napi_get_last_error_info(env, &last_error_info);
+    NAPI_FATAL_IF_FAILED(status, "Error::New", "napi_get_last_error_info");
+
+    // All fields of the `napi_extended_error_info` structure gets reset in
+    // subsequent Node-API function calls on the same `env`. This includes a
+    // call to `napi_is_exception_pending()`. So here it is necessary to make a
+    // copy of the information as the `error_code` field is used later on.
+    memcpy(&last_error_info_copy,
+           last_error_info,
+           sizeof(napi_extended_error_info));
+  }
+
+  status = napi_is_exception_pending(env, &is_exception_pending);
+  NAPI_FATAL_IF_FAILED(status, "Error::New", "napi_is_exception_pending");
+
+  // A pending exception takes precedence over any internal error status.
+  if (is_exception_pending) {
+    status = napi_get_and_clear_last_exception(env, &error);
+    NAPI_FATAL_IF_FAILED(
+        status, "Error::New", "napi_get_and_clear_last_exception");
+  } else {
+    const char* error_message = last_error_info_copy.error_message != nullptr
+                                    ? last_error_info_copy.error_message
+                                    : "Error in native callback";
+
+    napi_value message;
+    status = napi_create_string_utf8(
+        env, error_message, std::strlen(error_message), &message);
+    NAPI_FATAL_IF_FAILED(status, "Error::New", "napi_create_string_utf8");
+
+    switch (last_error_info_copy.error_code) {
+      case napi_object_expected:
+      case napi_string_expected:
+      case napi_boolean_expected:
+      case napi_number_expected:
+        status = napi_create_type_error(env, nullptr, message, &error);
+        break;
+      default:
+        status = napi_create_error(env, nullptr, message, &error);
+        break;
+    }
+    NAPI_FATAL_IF_FAILED(status, "Error::New", "napi_create_error");
+  }
+
+  return Error(env, error);
+}
+
+inline Error Error::New(napi_env env, const char* message) {
+  return Error::New<Error>(
+      env, message, std::strlen(message), napi_create_error);
+}
+
+inline Error Error::New(napi_env env, const std::string& message) {
+  return Error::New<Error>(
+      env, message.c_str(), message.size(), napi_create_error);
+}
+
+inline NAPI_NO_RETURN void Error::Fatal(const char* location,
+                                        const char* message) {
+  napi_fatal_error(location, NAPI_AUTO_LENGTH, message, NAPI_AUTO_LENGTH);
+}
+
+inline Error::Error() : ObjectReference() {}
+
+inline Error::Error(napi_env env, napi_value value)
+    : ObjectReference(env, nullptr) {
+  if (value != nullptr) {
+    // Attempting to create a reference on the error object.
+    // If it's not a Object/Function/Symbol, this call will return an error
+    // status.
+    napi_status status = napi_create_reference(env, value, 1, &_ref);
+
+    if (status != napi_ok) {
+      napi_value wrappedErrorObj;
+
+      // Create an error object
+      status = napi_create_object(env, &wrappedErrorObj);
+      NAPI_FATAL_IF_FAILED(status, "Error::Error", "napi_create_object");
+
+      // property flag that we attach to show the error object is wrapped
+      napi_property_descriptor wrapObjFlag = {
+          ERROR_WRAP_VALUE(),  // Unique GUID identifier since Symbol isn't a
+                               // viable option
+          nullptr,
+          nullptr,
+          nullptr,
+          nullptr,
+          Value::From(env, value),
+          napi_enumerable,
+          nullptr};
+
+      status = napi_define_properties(env, wrappedErrorObj, 1, &wrapObjFlag);
+#ifdef NODE_API_SWALLOW_UNTHROWABLE_EXCEPTIONS
+      if (status == napi_pending_exception) {
+        // Test if the pending exception was reported because the environment is
+        // shutting down. We assume that a status of napi_pending_exception
+        // coupled with the absence of an actual pending exception means that
+        // the environment is shutting down. If so, we replace the
+        // napi_pending_exception status with napi_ok.
+        bool is_exception_pending = false;
+        status = napi_is_exception_pending(env, &is_exception_pending);
+        if (status == napi_ok && !is_exception_pending) {
+          status = napi_ok;
+        } else {
+          status = napi_pending_exception;
+        }
+      }
+#endif  // NODE_API_SWALLOW_UNTHROWABLE_EXCEPTIONS
+      NAPI_FATAL_IF_FAILED(status, "Error::Error", "napi_define_properties");
+
+      // Create a reference on the newly wrapped object
+      status = napi_create_reference(env, wrappedErrorObj, 1, &_ref);
+    }
+
+    // Avoid infinite recursion in the failure case.
+    NAPI_FATAL_IF_FAILED(status, "Error::Error", "napi_create_reference");
+  }
+}
+
+inline Object Error::Value() const {
+  if (_ref == nullptr) {
+    return Object(_env, nullptr);
+  }
+
+  napi_value refValue;
+  napi_status status = napi_get_reference_value(_env, _ref, &refValue);
+  NAPI_THROW_IF_FAILED(_env, status, Object());
+
+  napi_valuetype type;
+  status = napi_typeof(_env, refValue, &type);
+  NAPI_THROW_IF_FAILED(_env, status, Object());
+
+  // If refValue isn't a symbol, then we proceed to whether the refValue has the
+  // wrapped error flag
+  if (type != napi_symbol) {
+    // We are checking if the object is wrapped
+    bool isWrappedObject = false;
+
+    status = napi_has_property(_env,
+                               refValue,
+                               String::From(_env, ERROR_WRAP_VALUE()),
+                               &isWrappedObject);
+
+    // Don't care about status
+    if (isWrappedObject) {
+      napi_value unwrappedValue;
+      status = napi_get_property(_env,
+                                 refValue,
+                                 String::From(_env, ERROR_WRAP_VALUE()),
+                                 &unwrappedValue);
+      NAPI_THROW_IF_FAILED(_env, status, Object());
+
+      return Object(_env, unwrappedValue);
+    }
+  }
+
+  return Object(_env, refValue);
+}
+
+inline Error::Error(Error&& other) : ObjectReference(std::move(other)) {}
+
+inline Error& Error::operator=(Error&& other) {
+  static_cast<Reference<Object>*>(this)->operator=(std::move(other));
+  return *this;
+}
+
+inline Error::Error(const Error& other) : ObjectReference(other) {}
+
+inline Error& Error::operator=(const Error& other) {
+  Reset();
+
+  _env = other.Env();
+  HandleScope scope(_env);
+
+  napi_value value = other.Value();
+  if (value != nullptr) {
+    napi_status status = napi_create_reference(_env, value, 1, &_ref);
+    NAPI_THROW_IF_FAILED(_env, status, *this);
+  }
+
+  return *this;
+}
+
+inline const std::string& Error::Message() const NAPI_NOEXCEPT {
+  if (_message.size() == 0 && _env != nullptr) {
+#ifdef NAPI_CPP_EXCEPTIONS
+    try {
+      _message = Get("message").As<String>();
+    } catch (...) {
+      // Catch all errors here, to include e.g. a std::bad_alloc from
+      // the std::string::operator=, because this method may not throw.
+    }
+#else  // NAPI_CPP_EXCEPTIONS
+#if defined(NODE_ADDON_API_ENABLE_MAYBE)
+    Napi::Value message_val;
+    if (Get("message").UnwrapTo(&message_val)) {
+      _message = message_val.As<String>();
+    }
+#else
+    _message = Get("message").As<String>();
+#endif
+#endif  // NAPI_CPP_EXCEPTIONS
+  }
+  return _message;
+}
+
+// we created an object on the &_ref
+inline void Error::ThrowAsJavaScriptException() const {
+  HandleScope scope(_env);
+  if (!IsEmpty()) {
+#ifdef NODE_API_SWALLOW_UNTHROWABLE_EXCEPTIONS
+    bool pendingException = false;
+
+    // check if there is already a pending exception. If so don't try to throw a
+    // new one as that is not allowed/possible
+    napi_status status = napi_is_exception_pending(_env, &pendingException);
+
+    if ((status != napi_ok) ||
+        ((status == napi_ok) && (pendingException == false))) {
+      // We intentionally don't use `NAPI_THROW_*` macros here to ensure
+      // that there is no possible recursion as `ThrowAsJavaScriptException`
+      // is part of `NAPI_THROW_*` macro definition for noexcept.
+
+      status = napi_throw(_env, Value());
+
+      if (status == napi_pending_exception) {
+        // The environment must be terminating as we checked earlier and there
+        // was no pending exception. In this case continuing will result
+        // in a fatal error and there is nothing the author has done incorrectly
+        // in their code that is worth flagging through a fatal error
+        return;
+      }
+    } else {
+      status = napi_pending_exception;
+    }
+#else
+    // We intentionally don't use `NAPI_THROW_*` macros here to ensure
+    // that there is no possible recursion as `ThrowAsJavaScriptException`
+    // is part of `NAPI_THROW_*` macro definition for noexcept.
+
+    napi_status status = napi_throw(_env, Value());
+#endif
+
+#ifdef NAPI_CPP_EXCEPTIONS
+    if (status != napi_ok) {
+      throw Error::New(_env);
+    }
+#else   // NAPI_CPP_EXCEPTIONS
+    NAPI_FATAL_IF_FAILED(
+        status, "Error::ThrowAsJavaScriptException", "napi_throw");
+#endif  // NAPI_CPP_EXCEPTIONS
+  }
+}
+
+#ifdef NAPI_CPP_EXCEPTIONS
+
+inline const char* Error::what() const NAPI_NOEXCEPT {
+  return Message().c_str();
+}
+
+#endif  // NAPI_CPP_EXCEPTIONS
+
+inline const char* Error::ERROR_WRAP_VALUE() NAPI_NOEXCEPT {
+  return "4bda9e7e-4913-4dbc-95de-891cbf66598e-errorVal";
+}
+
+template <typename TError>
+inline TError Error::New(napi_env env,
+                         const char* message,
+                         size_t length,
+                         create_error_fn create_error) {
+  napi_value str;
+  napi_status status = napi_create_string_utf8(env, message, length, &str);
+  NAPI_THROW_IF_FAILED(env, status, TError());
+
+  napi_value error;
+  status = create_error(env, nullptr, str, &error);
+  NAPI_THROW_IF_FAILED(env, status, TError());
+
+  return TError(env, error);
+}
+
+inline TypeError TypeError::New(napi_env env, const char* message) {
+  return Error::New<TypeError>(
+      env, message, std::strlen(message), napi_create_type_error);
+}
+
+inline TypeError TypeError::New(napi_env env, const std::string& message) {
+  return Error::New<TypeError>(
+      env, message.c_str(), message.size(), napi_create_type_error);
+}
+
+inline TypeError::TypeError() : Error() {}
+
+inline TypeError::TypeError(napi_env env, napi_value value)
+    : Error(env, value) {}
+
+inline RangeError RangeError::New(napi_env env, const char* message) {
+  return Error::New<RangeError>(
+      env, message, std::strlen(message), napi_create_range_error);
+}
+
+inline RangeError RangeError::New(napi_env env, const std::string& message) {
+  return Error::New<RangeError>(
+      env, message.c_str(), message.size(), napi_create_range_error);
+}
+
+inline RangeError::RangeError() : Error() {}
+
+inline RangeError::RangeError(napi_env env, napi_value value)
+    : Error(env, value) {}
+
+#if NAPI_VERSION > 8
+inline SyntaxError SyntaxError::New(napi_env env, const char* message) {
+  return Error::New<SyntaxError>(
+      env, message, std::strlen(message), node_api_create_syntax_error);
+}
+
+inline SyntaxError SyntaxError::New(napi_env env, const std::string& message) {
+  return Error::New<SyntaxError>(
+      env, message.c_str(), message.size(), node_api_create_syntax_error);
+}
+
+inline SyntaxError::SyntaxError() : Error() {}
+
+inline SyntaxError::SyntaxError(napi_env env, napi_value value)
+    : Error(env, value) {}
+#endif  // NAPI_VERSION > 8
+
+////////////////////////////////////////////////////////////////////////////////
+// Reference<T> class
+////////////////////////////////////////////////////////////////////////////////
+
+template <typename T>
+inline Reference<T> Reference<T>::New(const T& value,
+                                      uint32_t initialRefcount) {
+  napi_env env = value.Env();
+  napi_value val = value;
+
+  if (val == nullptr) {
+    return Reference<T>(env, nullptr);
+  }
+
+  napi_ref ref;
+  napi_status status = napi_create_reference(env, value, initialRefcount, &ref);
+  NAPI_THROW_IF_FAILED(env, status, Reference<T>());
+
+  return Reference<T>(env, ref);
+}
+
+template <typename T>
+inline Reference<T>::Reference()
+    : _env(nullptr), _ref(nullptr), _suppressDestruct(false) {}
+
+template <typename T>
+inline Reference<T>::Reference(napi_env env, napi_ref ref)
+    : _env(env), _ref(ref), _suppressDestruct(false) {}
+
+template <typename T>
+inline Reference<T>::~Reference() {
+  if (_ref != nullptr) {
+    if (!_suppressDestruct) {
+      napi_delete_reference(_env, _ref);
+    }
+
+    _ref = nullptr;
+  }
+}
+
+template <typename T>
+inline Reference<T>::Reference(Reference<T>&& other)
+    : _env(other._env),
+      _ref(other._ref),
+      _suppressDestruct(other._suppressDestruct) {
+  other._env = nullptr;
+  other._ref = nullptr;
+  other._suppressDestruct = false;
+}
+
+template <typename T>
+inline Reference<T>& Reference<T>::operator=(Reference<T>&& other) {
+  Reset();
+  _env = other._env;
+  _ref = other._ref;
+  _suppressDestruct = other._suppressDestruct;
+  other._env = nullptr;
+  other._ref = nullptr;
+  other._suppressDestruct = false;
+  return *this;
+}
+
+template <typename T>
+inline Reference<T>::Reference(const Reference<T>& other)
+    : _env(other._env), _ref(nullptr), _suppressDestruct(false) {
+  HandleScope scope(_env);
+
+  napi_value value = other.Value();
+  if (value != nullptr) {
+    // Copying is a limited scenario (currently only used for Error object) and
+    // always creates a strong reference to the given value even if the incoming
+    // reference is weak.
+    napi_status status = napi_create_reference(_env, value, 1, &_ref);
+    NAPI_FATAL_IF_FAILED(
+        status, "Reference<T>::Reference", "napi_create_reference");
+  }
+}
+
+template <typename T>
+inline Reference<T>::operator napi_ref() const {
+  return _ref;
+}
+
+template <typename T>
+inline bool Reference<T>::operator==(const Reference<T>& other) const {
+  HandleScope scope(_env);
+  return this->Value().StrictEquals(other.Value());
+}
+
+template <typename T>
+inline bool Reference<T>::operator!=(const Reference<T>& other) const {
+  return !this->operator==(other);
+}
+
+template <typename T>
+inline Napi::Env Reference<T>::Env() const {
+  return Napi::Env(_env);
+}
+
+template <typename T>
+inline bool Reference<T>::IsEmpty() const {
+  return _ref == nullptr;
+}
+
+template <typename T>
+inline T Reference<T>::Value() const {
+  if (_ref == nullptr) {
+    return T(_env, nullptr);
+  }
+
+  napi_value value;
+  napi_status status = napi_get_reference_value(_env, _ref, &value);
+  NAPI_THROW_IF_FAILED(_env, status, T());
+  return T(_env, value);
+}
+
+template <typename T>
+inline uint32_t Reference<T>::Ref() const {
+  uint32_t result;
+  napi_status status = napi_reference_ref(_env, _ref, &result);
+  NAPI_THROW_IF_FAILED(_env, status, 0);
+  return result;
+}
+
+template <typename T>
+inline uint32_t Reference<T>::Unref() const {
+  uint32_t result;
+  napi_status status = napi_reference_unref(_env, _ref, &result);
+  NAPI_THROW_IF_FAILED(_env, status, 0);
+  return result;
+}
+
+template <typename T>
+inline void Reference<T>::Reset() {
+  if (_ref != nullptr) {
+    napi_status status = napi_delete_reference(_env, _ref);
+    NAPI_THROW_IF_FAILED_VOID(_env, status);
+    _ref = nullptr;
+  }
+}
+
+template <typename T>
+inline void Reference<T>::Reset(const T& value, uint32_t refcount) {
+  Reset();
+  _env = value.Env();
+
+  napi_value val = value;
+  if (val != nullptr) {
+    napi_status status = napi_create_reference(_env, value, refcount, &_ref);
+    NAPI_THROW_IF_FAILED_VOID(_env, status);
+  }
+}
+
+template <typename T>
+inline void Reference<T>::SuppressDestruct() {
+  _suppressDestruct = true;
+}
+
+template <typename T>
+inline Reference<T> Weak(T value) {
+  return Reference<T>::New(value, 0);
+}
+
+inline ObjectReference Weak(Object value) {
+  return Reference<Object>::New(value, 0);
+}
+
+inline FunctionReference Weak(Function value) {
+  return Reference<Function>::New(value, 0);
+}
+
+template <typename T>
+inline Reference<T> Persistent(T value) {
+  return Reference<T>::New(value, 1);
+}
+
+inline ObjectReference Persistent(Object value) {
+  return Reference<Object>::New(value, 1);
+}
+
+inline FunctionReference Persistent(Function value) {
+  return Reference<Function>::New(value, 1);
+}
+
+////////////////////////////////////////////////////////////////////////////////
+// ObjectReference class
+////////////////////////////////////////////////////////////////////////////////
+
+inline ObjectReference::ObjectReference() : Reference<Object>() {}
+
+inline ObjectReference::ObjectReference(napi_env env, napi_ref ref)
+    : Reference<Object>(env, ref) {}
+
+inline ObjectReference::ObjectReference(Reference<Object>&& other)
+    : Reference<Object>(std::move(other)) {}
+
+inline ObjectReference& ObjectReference::operator=(Reference<Object>&& other) {
+  static_cast<Reference<Object>*>(this)->operator=(std::move(other));
+  return *this;
+}
+
+inline ObjectReference::ObjectReference(ObjectReference&& other)
+    : Reference<Object>(std::move(other)) {}
+
+inline ObjectReference& ObjectReference::operator=(ObjectReference&& other) {
+  static_cast<Reference<Object>*>(this)->operator=(std::move(other));
+  return *this;
+}
+
+inline ObjectReference::ObjectReference(const ObjectReference& other)
+    : Reference<Object>(other) {}
+
+inline MaybeOrValue<Napi::Value> ObjectReference::Get(
+    const char* utf8name) const {
+  EscapableHandleScope scope(_env);
+  MaybeOrValue<Napi::Value> result = Value().Get(utf8name);
+#ifdef NODE_ADDON_API_ENABLE_MAYBE
+  if (result.IsJust()) {
+    return Just(scope.Escape(result.Unwrap()));
+  }
+  return result;
+#else
+  if (scope.Env().IsExceptionPending()) {
+    return Value();
+  }
+  return scope.Escape(result);
+#endif
+}
+
+inline MaybeOrValue<Napi::Value> ObjectReference::Get(
+    const std::string& utf8name) const {
+  EscapableHandleScope scope(_env);
+  MaybeOrValue<Napi::Value> result = Value().Get(utf8name);
+#ifdef NODE_ADDON_API_ENABLE_MAYBE
+  if (result.IsJust()) {
+    return Just(scope.Escape(result.Unwrap()));
+  }
+  return result;
+#else
+  if (scope.Env().IsExceptionPending()) {
+    return Value();
+  }
+  return scope.Escape(result);
+#endif
+}
+
+inline MaybeOrValue<bool> ObjectReference::Set(const char* utf8name,
+                                               napi_value value) const {
+  HandleScope scope(_env);
+  return Value().Set(utf8name, value);
+}
+
+inline MaybeOrValue<bool> ObjectReference::Set(const char* utf8name,
+                                               Napi::Value value) const {
+  HandleScope scope(_env);
+  return Value().Set(utf8name, value);
+}
+
+inline MaybeOrValue<bool> ObjectReference::Set(const char* utf8name,
+                                               const char* utf8value) const {
+  HandleScope scope(_env);
+  return Value().Set(utf8name, utf8value);
+}
+
+inline MaybeOrValue<bool> ObjectReference::Set(const char* utf8name,
+                                               bool boolValue) const {
+  HandleScope scope(_env);
+  return Value().Set(utf8name, boolValue);
+}
+
+inline MaybeOrValue<bool> ObjectReference::Set(const char* utf8name,
+                                               double numberValue) const {
+  HandleScope scope(_env);
+  return Value().Set(utf8name, numberValue);
+}
+
+inline MaybeOrValue<bool> ObjectReference::Set(const std::string& utf8name,
+                                               napi_value value) const {
+  HandleScope scope(_env);
+  return Value().Set(utf8name, value);
+}
+
+inline MaybeOrValue<bool> ObjectReference::Set(const std::string& utf8name,
+                                               Napi::Value value) const {
+  HandleScope scope(_env);
+  return Value().Set(utf8name, value);
+}
+
+inline MaybeOrValue<bool> ObjectReference::Set(const std::string& utf8name,
+                                               std::string& utf8value) const {
+  HandleScope scope(_env);
+  return Value().Set(utf8name, utf8value);
+}
+
+inline MaybeOrValue<bool> ObjectReference::Set(const std::string& utf8name,
+                                               bool boolValue) const {
+  HandleScope scope(_env);
+  return Value().Set(utf8name, boolValue);
+}
+
+inline MaybeOrValue<bool> ObjectReference::Set(const std::string& utf8name,
+                                               double numberValue) const {
+  HandleScope scope(_env);
+  return Value().Set(utf8name, numberValue);
+}
+
+inline MaybeOrValue<Napi::Value> ObjectReference::Get(uint32_t index) const {
+  EscapableHandleScope scope(_env);
+  MaybeOrValue<Napi::Value> result = Value().Get(index);
+#ifdef NODE_ADDON_API_ENABLE_MAYBE
+  if (result.IsJust()) {
+    return Just(scope.Escape(result.Unwrap()));
+  }
+  return result;
+#else
+  if (scope.Env().IsExceptionPending()) {
+    return Value();
+  }
+  return scope.Escape(result);
+#endif
+}
+
+inline MaybeOrValue<bool> ObjectReference::Set(uint32_t index,
+                                               napi_value value) const {
+  HandleScope scope(_env);
+  return Value().Set(index, value);
+}
+
+inline MaybeOrValue<bool> ObjectReference::Set(uint32_t index,
+                                               Napi::Value value) const {
+  HandleScope scope(_env);
+  return Value().Set(index, value);
+}
+
+inline MaybeOrValue<bool> ObjectReference::Set(uint32_t index,
+                                               const char* utf8value) const {
+  HandleScope scope(_env);
+  return Value().Set(index, utf8value);
+}
+
+inline MaybeOrValue<bool> ObjectReference::Set(
+    uint32_t index, const std::string& utf8value) const {
+  HandleScope scope(_env);
+  return Value().Set(index, utf8value);
+}
+
+inline MaybeOrValue<bool> ObjectReference::Set(uint32_t index,
+                                               bool boolValue) const {
+  HandleScope scope(_env);
+  return Value().Set(index, boolValue);
+}
+
+inline MaybeOrValue<bool> ObjectReference::Set(uint32_t index,
+                                               double numberValue) const {
+  HandleScope scope(_env);
+  return Value().Set(index, numberValue);
+}
+
+////////////////////////////////////////////////////////////////////////////////
+// FunctionReference class
+////////////////////////////////////////////////////////////////////////////////
+
+inline FunctionReference::FunctionReference() : Reference<Function>() {}
+
+inline FunctionReference::FunctionReference(napi_env env, napi_ref ref)
+    : Reference<Function>(env, ref) {}
+
+inline FunctionReference::FunctionReference(Reference<Function>&& other)
+    : Reference<Function>(std::move(other)) {}
+
+inline FunctionReference& FunctionReference::operator=(
+    Reference<Function>&& other) {
+  static_cast<Reference<Function>*>(this)->operator=(std::move(other));
+  return *this;
+}
+
+inline FunctionReference::FunctionReference(FunctionReference&& other)
+    : Reference<Function>(std::move(other)) {}
+
+inline FunctionReference& FunctionReference::operator=(
+    FunctionReference&& other) {
+  static_cast<Reference<Function>*>(this)->operator=(std::move(other));
+  return *this;
+}
+
+inline MaybeOrValue<Napi::Value> FunctionReference::operator()(
+    const std::initializer_list<napi_value>& args) const {
+  EscapableHandleScope scope(_env);
+  MaybeOrValue<Napi::Value> result = Value()(args);
+#ifdef NODE_ADDON_API_ENABLE_MAYBE
+  if (result.IsJust()) {
+    return Just(scope.Escape(result.Unwrap()));
+  }
+  return result;
+#else
+  if (scope.Env().IsExceptionPending()) {
+    return Value();
+  }
+  return scope.Escape(result);
+#endif
+}
+
+inline MaybeOrValue<Napi::Value> FunctionReference::Call(
+    const std::initializer_list<napi_value>& args) const {
+  EscapableHandleScope scope(_env);
+  MaybeOrValue<Napi::Value> result = Value().Call(args);
+#ifdef NODE_ADDON_API_ENABLE_MAYBE
+  if (result.IsJust()) {
+    return Just(scope.Escape(result.Unwrap()));
+  }
+  return result;
+#else
+  if (scope.Env().IsExceptionPending()) {
+    return Value();
+  }
+  return scope.Escape(result);
+#endif
+}
+
+inline MaybeOrValue<Napi::Value> FunctionReference::Call(
+    const std::vector<napi_value>& args) const {
+  EscapableHandleScope scope(_env);
+  MaybeOrValue<Napi::Value> result = Value().Call(args);
+#ifdef NODE_ADDON_API_ENABLE_MAYBE
+  if (result.IsJust()) {
+    return Just(scope.Escape(result.Unwrap()));
+  }
+  return result;
+#else
+  if (scope.Env().IsExceptionPending()) {
+    return Value();
+  }
+  return scope.Escape(result);
+#endif
+}
+
+inline MaybeOrValue<Napi::Value> FunctionReference::Call(
+    napi_value recv, const std::initializer_list<napi_value>& args) const {
+  EscapableHandleScope scope(_env);
+  MaybeOrValue<Napi::Value> result = Value().Call(recv, args);
+#ifdef NODE_ADDON_API_ENABLE_MAYBE
+  if (result.IsJust()) {
+    return Just(scope.Escape(result.Unwrap()));
+  }
+  return result;
+#else
+  if (scope.Env().IsExceptionPending()) {
+    return Value();
+  }
+  return scope.Escape(result);
+#endif
+}
+
+inline MaybeOrValue<Napi::Value> FunctionReference::Call(
+    napi_value recv, const std::vector<napi_value>& args) const {
+  EscapableHandleScope scope(_env);
+  MaybeOrValue<Napi::Value> result = Value().Call(recv, args);
+#ifdef NODE_ADDON_API_ENABLE_MAYBE
+  if (result.IsJust()) {
+    return Just(scope.Escape(result.Unwrap()));
+  }
+  return result;
+#else
+  if (scope.Env().IsExceptionPending()) {
+    return Value();
+  }
+  return scope.Escape(result);
+#endif
+}
+
+inline MaybeOrValue<Napi::Value> FunctionReference::Call(
+    napi_value recv, size_t argc, const napi_value* args) const {
+  EscapableHandleScope scope(_env);
+  MaybeOrValue<Napi::Value> result = Value().Call(recv, argc, args);
+#ifdef NODE_ADDON_API_ENABLE_MAYBE
+  if (result.IsJust()) {
+    return Just(scope.Escape(result.Unwrap()));
+  }
+  return result;
+#else
+  if (scope.Env().IsExceptionPending()) {
+    return Value();
+  }
+  return scope.Escape(result);
+#endif
+}
+
+inline MaybeOrValue<Napi::Value> FunctionReference::MakeCallback(
+    napi_value recv,
+    const std::initializer_list<napi_value>& args,
+    napi_async_context context) const {
+  EscapableHandleScope scope(_env);
+  MaybeOrValue<Napi::Value> result = Value().MakeCallback(recv, args, context);
+#ifdef NODE_ADDON_API_ENABLE_MAYBE
+  if (result.IsJust()) {
+    return Just(scope.Escape(result.Unwrap()));
+  }
+
+  return result;
+#else
+  if (scope.Env().IsExceptionPending()) {
+    return Value();
+  }
+  return scope.Escape(result);
+#endif
+}
+
+inline MaybeOrValue<Napi::Value> FunctionReference::MakeCallback(
+    napi_value recv,
+    const std::vector<napi_value>& args,
+    napi_async_context context) const {
+  EscapableHandleScope scope(_env);
+  MaybeOrValue<Napi::Value> result = Value().MakeCallback(recv, args, context);
+#ifdef NODE_ADDON_API_ENABLE_MAYBE
+  if (result.IsJust()) {
+    return Just(scope.Escape(result.Unwrap()));
+  }
+  return result;
+#else
+  if (scope.Env().IsExceptionPending()) {
+    return Value();
+  }
+  return scope.Escape(result);
+#endif
+}
+
+inline MaybeOrValue<Napi::Value> FunctionReference::MakeCallback(
+    napi_value recv,
+    size_t argc,
+    const napi_value* args,
+    napi_async_context context) const {
+  EscapableHandleScope scope(_env);
+  MaybeOrValue<Napi::Value> result =
+      Value().MakeCallback(recv, argc, args, context);
+#ifdef NODE_ADDON_API_ENABLE_MAYBE
+  if (result.IsJust()) {
+    return Just(scope.Escape(result.Unwrap()));
+  }
+  return result;
+#else
+  if (scope.Env().IsExceptionPending()) {
+    return Value();
+  }
+  return scope.Escape(result);
+#endif
+}
+
+inline MaybeOrValue<Object> FunctionReference::New(
+    const std::initializer_list<napi_value>& args) const {
+  EscapableHandleScope scope(_env);
+  MaybeOrValue<Object> result = Value().New(args);
+#ifdef NODE_ADDON_API_ENABLE_MAYBE
+  if (result.IsJust()) {
+    return Just(scope.Escape(result.Unwrap()).As<Object>());
+  }
+  return result;
+#else
+  if (scope.Env().IsExceptionPending()) {
+    return Object();
+  }
+  return scope.Escape(result).As<Object>();
+#endif
+}
+
+inline MaybeOrValue<Object> FunctionReference::New(
+    const std::vector<napi_value>& args) const {
+  EscapableHandleScope scope(_env);
+  MaybeOrValue<Object> result = Value().New(args);
+#ifdef NODE_ADDON_API_ENABLE_MAYBE
+  if (result.IsJust()) {
+    return Just(scope.Escape(result.Unwrap()).As<Object>());
+  }
+  return result;
+#else
+  if (scope.Env().IsExceptionPending()) {
+    return Object();
+  }
+  return scope.Escape(result).As<Object>();
+#endif
+}
+
+////////////////////////////////////////////////////////////////////////////////
+// CallbackInfo class
+////////////////////////////////////////////////////////////////////////////////
+
+inline CallbackInfo::CallbackInfo(napi_env env, napi_callback_info info)
+    : _env(env),
+      _info(info),
+      _this(nullptr),
+      _dynamicArgs(nullptr),
+      _data(nullptr) {
+  _argc = _staticArgCount;
+  _argv = _staticArgs;
+  napi_status status =
+      napi_get_cb_info(env, info, &_argc, _argv, &_this, &_data);
+  NAPI_THROW_IF_FAILED_VOID(_env, status);
+
+  if (_argc > _staticArgCount) {
+    // Use either a fixed-size array (on the stack) or a dynamically-allocated
+    // array (on the heap) depending on the number of args.
+    _dynamicArgs = new napi_value[_argc];
+    _argv = _dynamicArgs;
+
+    status = napi_get_cb_info(env, info, &_argc, _argv, nullptr, nullptr);
+    NAPI_THROW_IF_FAILED_VOID(_env, status);
+  }
+}
+
+inline CallbackInfo::~CallbackInfo() {
+  if (_dynamicArgs != nullptr) {
+    delete[] _dynamicArgs;
+  }
+}
+
+inline CallbackInfo::operator napi_callback_info() const {
+  return _info;
+}
+
+inline Value CallbackInfo::NewTarget() const {
+  napi_value newTarget;
+  napi_status status = napi_get_new_target(_env, _info, &newTarget);
+  NAPI_THROW_IF_FAILED(_env, status, Value());
+  return Value(_env, newTarget);
+}
+
+inline bool CallbackInfo::IsConstructCall() const {
+  return !NewTarget().IsEmpty();
+}
+
+inline Napi::Env CallbackInfo::Env() const {
+  return Napi::Env(_env);
+}
+
+inline size_t CallbackInfo::Length() const {
+  return _argc;
+}
+
+inline const Value CallbackInfo::operator[](size_t index) const {
+  return index < _argc ? Value(_env, _argv[index]) : Env().Undefined();
+}
+
+inline Value CallbackInfo::This() const {
+  if (_this == nullptr) {
+    return Env().Undefined();
+  }
+  return Object(_env, _this);
+}
+
+inline void* CallbackInfo::Data() const {
+  return _data;
+}
+
+inline void CallbackInfo::SetData(void* data) {
+  _data = data;
+}
+
+////////////////////////////////////////////////////////////////////////////////
+// PropertyDescriptor class
+////////////////////////////////////////////////////////////////////////////////
+
+template <typename PropertyDescriptor::GetterCallback Getter>
+PropertyDescriptor PropertyDescriptor::Accessor(
+    const char* utf8name, napi_property_attributes attributes, void* data) {
+  napi_property_descriptor desc = napi_property_descriptor();
+
+  desc.utf8name = utf8name;
+  desc.getter = details::TemplatedCallback<Getter>;
+  desc.attributes = attributes;
+  desc.data = data;
+
+  return desc;
+}
+
+template <typename PropertyDescriptor::GetterCallback Getter>
+PropertyDescriptor PropertyDescriptor::Accessor(
+    const std::string& utf8name,
+    napi_property_attributes attributes,
+    void* data) {
+  return Accessor<Getter>(utf8name.c_str(), attributes, data);
+}
+
+template <typename PropertyDescriptor::GetterCallback Getter>
+PropertyDescriptor PropertyDescriptor::Accessor(
+    Name name, napi_property_attributes attributes, void* data) {
+  napi_property_descriptor desc = napi_property_descriptor();
+
+  desc.name = name;
+  desc.getter = details::TemplatedCallback<Getter>;
+  desc.attributes = attributes;
+  desc.data = data;
+
+  return desc;
+}
+
+template <typename PropertyDescriptor::GetterCallback Getter,
+          typename PropertyDescriptor::SetterCallback Setter>
+PropertyDescriptor PropertyDescriptor::Accessor(
+    const char* utf8name, napi_property_attributes attributes, void* data) {
+  napi_property_descriptor desc = napi_property_descriptor();
+
+  desc.utf8name = utf8name;
+  desc.getter = details::TemplatedCallback<Getter>;
+  desc.setter = details::TemplatedVoidCallback<Setter>;
+  desc.attributes = attributes;
+  desc.data = data;
+
+  return desc;
+}
+
+template <typename PropertyDescriptor::GetterCallback Getter,
+          typename PropertyDescriptor::SetterCallback Setter>
+PropertyDescriptor PropertyDescriptor::Accessor(
+    const std::string& utf8name,
+    napi_property_attributes attributes,
+    void* data) {
+  return Accessor<Getter, Setter>(utf8name.c_str(), attributes, data);
+}
+
+template <typename PropertyDescriptor::GetterCallback Getter,
+          typename PropertyDescriptor::SetterCallback Setter>
+PropertyDescriptor PropertyDescriptor::Accessor(
+    Name name, napi_property_attributes attributes, void* data) {
+  napi_property_descriptor desc = napi_property_descriptor();
+
+  desc.name = name;
+  desc.getter = details::TemplatedCallback<Getter>;
+  desc.setter = details::TemplatedVoidCallback<Setter>;
+  desc.attributes = attributes;
+  desc.data = data;
+
+  return desc;
+}
+
+template <typename Getter>
+inline PropertyDescriptor PropertyDescriptor::Accessor(
+    Napi::Env env,
+    Napi::Object object,
+    const char* utf8name,
+    Getter getter,
+    napi_property_attributes attributes,
+    void* data) {
+  using CbData = details::CallbackData<Getter, Napi::Value>;
+  auto callbackData = new CbData({getter, data});
+
+  napi_status status = AttachData(env, object, callbackData);
+  if (status != napi_ok) {
+    delete callbackData;
+    NAPI_THROW_IF_FAILED(env, status, napi_property_descriptor());
+  }
+
+  return PropertyDescriptor({utf8name,
+                             nullptr,
+                             nullptr,
+                             CbData::Wrapper,
+                             nullptr,
+                             nullptr,
+                             attributes,
+                             callbackData});
+}
+
+template <typename Getter>
+inline PropertyDescriptor PropertyDescriptor::Accessor(
+    Napi::Env env,
+    Napi::Object object,
+    const std::string& utf8name,
+    Getter getter,
+    napi_property_attributes attributes,
+    void* data) {
+  return Accessor(env, object, utf8name.c_str(), getter, attributes, data);
+}
+
+template <typename Getter>
+inline PropertyDescriptor PropertyDescriptor::Accessor(
+    Napi::Env env,
+    Napi::Object object,
+    Name name,
+    Getter getter,
+    napi_property_attributes attributes,
+    void* data) {
+  using CbData = details::CallbackData<Getter, Napi::Value>;
+  auto callbackData = new CbData({getter, data});
+
+  napi_status status = AttachData(env, object, callbackData);
+  if (status != napi_ok) {
+    delete callbackData;
+    NAPI_THROW_IF_FAILED(env, status, napi_property_descriptor());
+  }
+
+  return PropertyDescriptor({nullptr,
+                             name,
+                             nullptr,
+                             CbData::Wrapper,
+                             nullptr,
+                             nullptr,
+                             attributes,
+                             callbackData});
+}
+
+template <typename Getter, typename Setter>
+inline PropertyDescriptor PropertyDescriptor::Accessor(
+    Napi::Env env,
+    Napi::Object object,
+    const char* utf8name,
+    Getter getter,
+    Setter setter,
+    napi_property_attributes attributes,
+    void* data) {
+  using CbData = details::AccessorCallbackData<Getter, Setter>;
+  auto callbackData = new CbData({getter, setter, data});
+
+  napi_status status = AttachData(env, object, callbackData);
+  if (status != napi_ok) {
+    delete callbackData;
+    NAPI_THROW_IF_FAILED(env, status, napi_property_descriptor());
+  }
+
+  return PropertyDescriptor({utf8name,
+                             nullptr,
+                             nullptr,
+                             CbData::GetterWrapper,
+                             CbData::SetterWrapper,
+                             nullptr,
+                             attributes,
+                             callbackData});
+}
+
+template <typename Getter, typename Setter>
+inline PropertyDescriptor PropertyDescriptor::Accessor(
+    Napi::Env env,
+    Napi::Object object,
+    const std::string& utf8name,
+    Getter getter,
+    Setter setter,
+    napi_property_attributes attributes,
+    void* data) {
+  return Accessor(
+      env, object, utf8name.c_str(), getter, setter, attributes, data);
+}
+
+template <typename Getter, typename Setter>
+inline PropertyDescriptor PropertyDescriptor::Accessor(
+    Napi::Env env,
+    Napi::Object object,
+    Name name,
+    Getter getter,
+    Setter setter,
+    napi_property_attributes attributes,
+    void* data) {
+  using CbData = details::AccessorCallbackData<Getter, Setter>;
+  auto callbackData = new CbData({getter, setter, data});
+
+  napi_status status = AttachData(env, object, callbackData);
+  if (status != napi_ok) {
+    delete callbackData;
+    NAPI_THROW_IF_FAILED(env, status, napi_property_descriptor());
+  }
+
+  return PropertyDescriptor({nullptr,
+                             name,
+                             nullptr,
+                             CbData::GetterWrapper,
+                             CbData::SetterWrapper,
+                             nullptr,
+                             attributes,
+                             callbackData});
+}
+
+template <typename Callable>
+inline PropertyDescriptor PropertyDescriptor::Function(
+    Napi::Env env,
+    Napi::Object /*object*/,
+    const char* utf8name,
+    Callable cb,
+    napi_property_attributes attributes,
+    void* data) {
+  return PropertyDescriptor({utf8name,
+                             nullptr,
+                             nullptr,
+                             nullptr,
+                             nullptr,
+                             Napi::Function::New(env, cb, utf8name, data),
+                             attributes,
+                             nullptr});
+}
+
+template <typename Callable>
+inline PropertyDescriptor PropertyDescriptor::Function(
+    Napi::Env env,
+    Napi::Object object,
+    const std::string& utf8name,
+    Callable cb,
+    napi_property_attributes attributes,
+    void* data) {
+  return Function(env, object, utf8name.c_str(), cb, attributes, data);
+}
+
+template <typename Callable>
+inline PropertyDescriptor PropertyDescriptor::Function(
+    Napi::Env env,
+    Napi::Object /*object*/,
+    Name name,
+    Callable cb,
+    napi_property_attributes attributes,
+    void* data) {
+  return PropertyDescriptor({nullptr,
+                             name,
+                             nullptr,
+                             nullptr,
+                             nullptr,
+                             Napi::Function::New(env, cb, nullptr, data),
+                             attributes,
+                             nullptr});
+}
+
+inline PropertyDescriptor PropertyDescriptor::Value(
+    const char* utf8name,
+    napi_value value,
+    napi_property_attributes attributes) {
+  return PropertyDescriptor({utf8name,
+                             nullptr,
+                             nullptr,
+                             nullptr,
+                             nullptr,
+                             value,
+                             attributes,
+                             nullptr});
+}
+
+inline PropertyDescriptor PropertyDescriptor::Value(
+    const std::string& utf8name,
+    napi_value value,
+    napi_property_attributes attributes) {
+  return Value(utf8name.c_str(), value, attributes);
+}
+
+inline PropertyDescriptor PropertyDescriptor::Value(
+    napi_value name, napi_value value, napi_property_attributes attributes) {
+  return PropertyDescriptor(
+      {nullptr, name, nullptr, nullptr, nullptr, value, attributes, nullptr});
+}
+
+inline PropertyDescriptor PropertyDescriptor::Value(
+    Name name, Napi::Value value, napi_property_attributes attributes) {
+  napi_value nameValue = name;
+  napi_value valueValue = value;
+  return PropertyDescriptor::Value(nameValue, valueValue, attributes);
+}
+
+inline PropertyDescriptor::PropertyDescriptor(napi_property_descriptor desc)
+    : _desc(desc) {}
+
+inline PropertyDescriptor::operator napi_property_descriptor&() {
+  return _desc;
+}
+
+inline PropertyDescriptor::operator const napi_property_descriptor&() const {
+  return _desc;
+}
+
+////////////////////////////////////////////////////////////////////////////////
+// InstanceWrap<T> class
+////////////////////////////////////////////////////////////////////////////////
+
+template <typename T>
+inline void InstanceWrap<T>::AttachPropData(
+    napi_env env, napi_value value, const napi_property_descriptor* prop) {
+  napi_status status;
+  if (!(prop->attributes & napi_static)) {
+    if (prop->method == T::InstanceVoidMethodCallbackWrapper) {
+      status = Napi::details::AttachData(
+          env, value, static_cast<InstanceVoidMethodCallbackData*>(prop->data));
+      NAPI_THROW_IF_FAILED_VOID(env, status);
+    } else if (prop->method == T::InstanceMethodCallbackWrapper) {
+      status = Napi::details::AttachData(
+          env, value, static_cast<InstanceMethodCallbackData*>(prop->data));
+      NAPI_THROW_IF_FAILED_VOID(env, status);
+    } else if (prop->getter == T::InstanceGetterCallbackWrapper ||
+               prop->setter == T::InstanceSetterCallbackWrapper) {
+      status = Napi::details::AttachData(
+          env, value, static_cast<InstanceAccessorCallbackData*>(prop->data));
+      NAPI_THROW_IF_FAILED_VOID(env, status);
+    }
+  }
+}
+
+template <typename T>
+inline ClassPropertyDescriptor<T> InstanceWrap<T>::InstanceMethod(
+    const char* utf8name,
+    InstanceVoidMethodCallback method,
+    napi_property_attributes attributes,
+    void* data) {
+  InstanceVoidMethodCallbackData* callbackData =
+      new InstanceVoidMethodCallbackData({method, data});
+
+  napi_property_descriptor desc = napi_property_descriptor();
+  desc.utf8name = utf8name;
+  desc.method = T::InstanceVoidMethodCallbackWrapper;
+  desc.data = callbackData;
+  desc.attributes = attributes;
+  return desc;
+}
+
+template <typename T>
+inline ClassPropertyDescriptor<T> InstanceWrap<T>::InstanceMethod(
+    const char* utf8name,
+    InstanceMethodCallback method,
+    napi_property_attributes attributes,
+    void* data) {
+  InstanceMethodCallbackData* callbackData =
+      new InstanceMethodCallbackData({method, data});
+
+  napi_property_descriptor desc = napi_property_descriptor();
+  desc.utf8name = utf8name;
+  desc.method = T::InstanceMethodCallbackWrapper;
+  desc.data = callbackData;
+  desc.attributes = attributes;
+  return desc;
+}
+
+template <typename T>
+inline ClassPropertyDescriptor<T> InstanceWrap<T>::InstanceMethod(
+    Symbol name,
+    InstanceVoidMethodCallback method,
+    napi_property_attributes attributes,
+    void* data) {
+  InstanceVoidMethodCallbackData* callbackData =
+      new InstanceVoidMethodCallbackData({method, data});
+
+  napi_property_descriptor desc = napi_property_descriptor();
+  desc.name = name;
+  desc.method = T::InstanceVoidMethodCallbackWrapper;
+  desc.data = callbackData;
+  desc.attributes = attributes;
+  return desc;
+}
+
+template <typename T>
+inline ClassPropertyDescriptor<T> InstanceWrap<T>::InstanceMethod(
+    Symbol name,
+    InstanceMethodCallback method,
+    napi_property_attributes attributes,
+    void* data) {
+  InstanceMethodCallbackData* callbackData =
+      new InstanceMethodCallbackData({method, data});
+
+  napi_property_descriptor desc = napi_property_descriptor();
+  desc.name = name;
+  desc.method = T::InstanceMethodCallbackWrapper;
+  desc.data = callbackData;
+  desc.attributes = attributes;
+  return desc;
+}
+
+template <typename T>
+template <typename InstanceWrap<T>::InstanceVoidMethodCallback method>
+inline ClassPropertyDescriptor<T> InstanceWrap<T>::InstanceMethod(
+    const char* utf8name, napi_property_attributes attributes, void* data) {
+  napi_property_descriptor desc = napi_property_descriptor();
+  desc.utf8name = utf8name;
+  desc.method = details::TemplatedInstanceVoidCallback<T, method>;
+  desc.data = data;
+  desc.attributes = attributes;
+  return desc;
+}
+
+template <typename T>
+template <typename InstanceWrap<T>::InstanceMethodCallback method>
+inline ClassPropertyDescriptor<T> InstanceWrap<T>::InstanceMethod(
+    const char* utf8name, napi_property_attributes attributes, void* data) {
+  napi_property_descriptor desc = napi_property_descriptor();
+  desc.utf8name = utf8name;
+  desc.method = details::TemplatedInstanceCallback<T, method>;
+  desc.data = data;
+  desc.attributes = attributes;
+  return desc;
+}
+
+template <typename T>
+template <typename InstanceWrap<T>::InstanceVoidMethodCallback method>
+inline ClassPropertyDescriptor<T> InstanceWrap<T>::InstanceMethod(
+    Symbol name, napi_property_attributes attributes, void* data) {
+  napi_property_descriptor desc = napi_property_descriptor();
+  desc.name = name;
+  desc.method = details::TemplatedInstanceVoidCallback<T, method>;
+  desc.data = data;
+  desc.attributes = attributes;
+  return desc;
+}
+
+template <typename T>
+template <typename InstanceWrap<T>::InstanceMethodCallback method>
+inline ClassPropertyDescriptor<T> InstanceWrap<T>::InstanceMethod(
+    Symbol name, napi_property_attributes attributes, void* data) {
+  napi_property_descriptor desc = napi_property_descriptor();
+  desc.name = name;
+  desc.method = details::TemplatedInstanceCallback<T, method>;
+  desc.data = data;
+  desc.attributes = attributes;
+  return desc;
+}
+
+template <typename T>
+inline ClassPropertyDescriptor<T> InstanceWrap<T>::InstanceAccessor(
+    const char* utf8name,
+    InstanceGetterCallback getter,
+    InstanceSetterCallback setter,
+    napi_property_attributes attributes,
+    void* data) {
+  InstanceAccessorCallbackData* callbackData =
+      new InstanceAccessorCallbackData({getter, setter, data});
+
+  napi_property_descriptor desc = napi_property_descriptor();
+  desc.utf8name = utf8name;
+  desc.getter = getter != nullptr ? T::InstanceGetterCallbackWrapper : nullptr;
+  desc.setter = setter != nullptr ? T::InstanceSetterCallbackWrapper : nullptr;
+  desc.data = callbackData;
+  desc.attributes = attributes;
+  return desc;
+}
+
+template <typename T>
+inline ClassPropertyDescriptor<T> InstanceWrap<T>::InstanceAccessor(
+    Symbol name,
+    InstanceGetterCallback getter,
+    InstanceSetterCallback setter,
+    napi_property_attributes attributes,
+    void* data) {
+  InstanceAccessorCallbackData* callbackData =
+      new InstanceAccessorCallbackData({getter, setter, data});
+
+  napi_property_descriptor desc = napi_property_descriptor();
+  desc.name = name;
+  desc.getter = getter != nullptr ? T::InstanceGetterCallbackWrapper : nullptr;
+  desc.setter = setter != nullptr ? T::InstanceSetterCallbackWrapper : nullptr;
+  desc.data = callbackData;
+  desc.attributes = attributes;
+  return desc;
+}
+
+template <typename T>
+template <typename InstanceWrap<T>::InstanceGetterCallback getter,
+          typename InstanceWrap<T>::InstanceSetterCallback setter>
+inline ClassPropertyDescriptor<T> InstanceWrap<T>::InstanceAccessor(
+    const char* utf8name, napi_property_attributes attributes, void* data) {
+  napi_property_descriptor desc = napi_property_descriptor();
+  desc.utf8name = utf8name;
+  desc.getter = details::TemplatedInstanceCallback<T, getter>;
+  desc.setter = This::WrapSetter(This::SetterTag<setter>());
+  desc.data = data;
+  desc.attributes = attributes;
+  return desc;
+}
+
+template <typename T>
+template <typename InstanceWrap<T>::InstanceGetterCallback getter,
+          typename InstanceWrap<T>::InstanceSetterCallback setter>
+inline ClassPropertyDescriptor<T> InstanceWrap<T>::InstanceAccessor(
+    Symbol name, napi_property_attributes attributes, void* data) {
+  napi_property_descriptor desc = napi_property_descriptor();
+  desc.name = name;
+  desc.getter = details::TemplatedInstanceCallback<T, getter>;
+  desc.setter = This::WrapSetter(This::SetterTag<setter>());
+  desc.data = data;
+  desc.attributes = attributes;
+  return desc;
+}
+
+template <typename T>
+inline ClassPropertyDescriptor<T> InstanceWrap<T>::InstanceValue(
+    const char* utf8name,
+    Napi::Value value,
+    napi_property_attributes attributes) {
+  napi_property_descriptor desc = napi_property_descriptor();
+  desc.utf8name = utf8name;
+  desc.value = value;
+  desc.attributes = attributes;
+  return desc;
+}
+
+template <typename T>
+inline ClassPropertyDescriptor<T> InstanceWrap<T>::InstanceValue(
+    Symbol name, Napi::Value value, napi_property_attributes attributes) {
+  napi_property_descriptor desc = napi_property_descriptor();
+  desc.name = name;
+  desc.value = value;
+  desc.attributes = attributes;
+  return desc;
+}
+
+template <typename T>
+inline napi_value InstanceWrap<T>::InstanceVoidMethodCallbackWrapper(
+    napi_env env, napi_callback_info info) {
+  return details::WrapCallback([&] {
+    CallbackInfo callbackInfo(env, info);
+    InstanceVoidMethodCallbackData* callbackData =
+        reinterpret_cast<InstanceVoidMethodCallbackData*>(callbackInfo.Data());
+    callbackInfo.SetData(callbackData->data);
+    T* instance = T::Unwrap(callbackInfo.This().As<Object>());
+    auto cb = callbackData->callback;
+    if (instance) (instance->*cb)(callbackInfo);
+    return nullptr;
+  });
+}
+
+template <typename T>
+inline napi_value InstanceWrap<T>::InstanceMethodCallbackWrapper(
+    napi_env env, napi_callback_info info) {
+  return details::WrapCallback([&] {
+    CallbackInfo callbackInfo(env, info);
+    InstanceMethodCallbackData* callbackData =
+        reinterpret_cast<InstanceMethodCallbackData*>(callbackInfo.Data());
+    callbackInfo.SetData(callbackData->data);
+    T* instance = T::Unwrap(callbackInfo.This().As<Object>());
+    auto cb = callbackData->callback;
+    return instance ? (instance->*cb)(callbackInfo) : Napi::Value();
+  });
+}
+
+template <typename T>
+inline napi_value InstanceWrap<T>::InstanceGetterCallbackWrapper(
+    napi_env env, napi_callback_info info) {
+  return details::WrapCallback([&] {
+    CallbackInfo callbackInfo(env, info);
+    InstanceAccessorCallbackData* callbackData =
+        reinterpret_cast<InstanceAccessorCallbackData*>(callbackInfo.Data());
+    callbackInfo.SetData(callbackData->data);
+    T* instance = T::Unwrap(callbackInfo.This().As<Object>());
+    auto cb = callbackData->getterCallback;
+    return instance ? (instance->*cb)(callbackInfo) : Napi::Value();
+  });
+}
+
+template <typename T>
+inline napi_value InstanceWrap<T>::InstanceSetterCallbackWrapper(
+    napi_env env, napi_callback_info info) {
+  return details::WrapCallback([&] {
+    CallbackInfo callbackInfo(env, info);
+    InstanceAccessorCallbackData* callbackData =
+        reinterpret_cast<InstanceAccessorCallbackData*>(callbackInfo.Data());
+    callbackInfo.SetData(callbackData->data);
+    T* instance = T::Unwrap(callbackInfo.This().As<Object>());
+    auto cb = callbackData->setterCallback;
+    if (instance) (instance->*cb)(callbackInfo, callbackInfo[0]);
+    return nullptr;
+  });
+}
+
+template <typename T>
+template <typename InstanceWrap<T>::InstanceSetterCallback method>
+inline napi_value InstanceWrap<T>::WrappedMethod(
+    napi_env env, napi_callback_info info) NAPI_NOEXCEPT {
+  return details::WrapCallback([&] {
+    const CallbackInfo cbInfo(env, info);
+    T* instance = T::Unwrap(cbInfo.This().As<Object>());
+    if (instance) (instance->*method)(cbInfo, cbInfo[0]);
+    return nullptr;
+  });
+}
+
+////////////////////////////////////////////////////////////////////////////////
+// ObjectWrap<T> class
+////////////////////////////////////////////////////////////////////////////////
+
+template <typename T>
+inline ObjectWrap<T>::ObjectWrap(const Napi::CallbackInfo& callbackInfo) {
+  napi_env env = callbackInfo.Env();
+  napi_value wrapper = callbackInfo.This();
+  napi_status status;
+  napi_ref ref;
+  T* instance = static_cast<T*>(this);
+  status = napi_wrap(env, wrapper, instance, FinalizeCallback, nullptr, &ref);
+  NAPI_THROW_IF_FAILED_VOID(env, status);
+
+  Reference<Object>* instanceRef = instance;
+  *instanceRef = Reference<Object>(env, ref);
+}
+
+template <typename T>
+inline ObjectWrap<T>::~ObjectWrap() {
+  // If the JS object still exists at this point, remove the finalizer added
+  // through `napi_wrap()`.
+  if (!IsEmpty()) {
+    Object object = Value();
+    // It is not valid to call `napi_remove_wrap()` with an empty `object`.
+    // This happens e.g. during garbage collection.
+    if (!object.IsEmpty() && _construction_failed) {
+      napi_remove_wrap(Env(), object, nullptr);
+    }
+  }
+}
+
+template <typename T>
+inline T* ObjectWrap<T>::Unwrap(Object wrapper) {
+  void* unwrapped;
+  napi_status status = napi_unwrap(wrapper.Env(), wrapper, &unwrapped);
+  NAPI_THROW_IF_FAILED(wrapper.Env(), status, nullptr);
+  return static_cast<T*>(unwrapped);
+}
+
+template <typename T>
+inline Function ObjectWrap<T>::DefineClass(
+    Napi::Env env,
+    const char* utf8name,
+    const size_t props_count,
+    const napi_property_descriptor* descriptors,
+    void* data) {
+  napi_status status;
+  std::vector<napi_property_descriptor> props(props_count);
+
+  // We copy the descriptors to a local array because before defining the class
+  // we must replace static method property descriptors with value property
+  // descriptors such that the value is a function-valued `napi_value` created
+  // with `CreateFunction()`.
+  //
+  // This replacement could be made for instance methods as well, but V8 aborts
+  // if we do that, because it expects methods defined on the prototype template
+  // to have `FunctionTemplate`s.
+  for (size_t index = 0; index < props_count; index++) {
+    props[index] = descriptors[index];
+    napi_property_descriptor* prop = &props[index];
+    if (prop->method == T::StaticMethodCallbackWrapper) {
+      status =
+          CreateFunction(env,
+                         utf8name,
+                         prop->method,
+                         static_cast<StaticMethodCallbackData*>(prop->data),
+                         &(prop->value));
+      NAPI_THROW_IF_FAILED(env, status, Function());
+      prop->method = nullptr;
+      prop->data = nullptr;
+    } else if (prop->method == T::StaticVoidMethodCallbackWrapper) {
+      status =
+          CreateFunction(env,
+                         utf8name,
+                         prop->method,
+                         static_cast<StaticVoidMethodCallbackData*>(prop->data),
+                         &(prop->value));
+      NAPI_THROW_IF_FAILED(env, status, Function());
+      prop->method = nullptr;
+      prop->data = nullptr;
+    }
+  }
+
+  napi_value value;
+  status = napi_define_class(env,
+                             utf8name,
+                             NAPI_AUTO_LENGTH,
+                             T::ConstructorCallbackWrapper,
+                             data,
+                             props_count,
+                             props.data(),
+                             &value);
+  NAPI_THROW_IF_FAILED(env, status, Function());
+
+  // After defining the class we iterate once more over the property descriptors
+  // and attach the data associated with accessors and instance methods to the
+  // newly created JavaScript class.
+  for (size_t idx = 0; idx < props_count; idx++) {
+    const napi_property_descriptor* prop = &props[idx];
+
+    if (prop->getter == T::StaticGetterCallbackWrapper ||
+        prop->setter == T::StaticSetterCallbackWrapper) {
+      status = Napi::details::AttachData(
+          env, value, static_cast<StaticAccessorCallbackData*>(prop->data));
+      NAPI_THROW_IF_FAILED(env, status, Function());
+    } else {
+      // InstanceWrap<T>::AttachPropData is responsible for attaching the data
+      // of instance methods and accessors.
+      T::AttachPropData(env, value, prop);
+    }
+  }
+
+  return Function(env, value);
+}
+
+template <typename T>
+inline Function ObjectWrap<T>::DefineClass(
+    Napi::Env env,
+    const char* utf8name,
+    const std::initializer_list<ClassPropertyDescriptor<T>>& properties,
+    void* data) {
+  return DefineClass(
+      env,
+      utf8name,
+      properties.size(),
+      reinterpret_cast<const napi_property_descriptor*>(properties.begin()),
+      data);
+}
+
+template <typename T>
+inline Function ObjectWrap<T>::DefineClass(
+    Napi::Env env,
+    const char* utf8name,
+    const std::vector<ClassPropertyDescriptor<T>>& properties,
+    void* data) {
+  return DefineClass(
+      env,
+      utf8name,
+      properties.size(),
+      reinterpret_cast<const napi_property_descriptor*>(properties.data()),
+      data);
+}
+
+template <typename T>
+inline ClassPropertyDescriptor<T> ObjectWrap<T>::StaticMethod(
+    const char* utf8name,
+    StaticVoidMethodCallback method,
+    napi_property_attributes attributes,
+    void* data) {
+  StaticVoidMethodCallbackData* callbackData =
+      new StaticVoidMethodCallbackData({method, data});
+
+  napi_property_descriptor desc = napi_property_descriptor();
+  desc.utf8name = utf8name;
+  desc.method = T::StaticVoidMethodCallbackWrapper;
+  desc.data = callbackData;
+  desc.attributes =
+      static_cast<napi_property_attributes>(attributes | napi_static);
+  return desc;
+}
+
+template <typename T>
+inline ClassPropertyDescriptor<T> ObjectWrap<T>::StaticMethod(
+    const char* utf8name,
+    StaticMethodCallback method,
+    napi_property_attributes attributes,
+    void* data) {
+  StaticMethodCallbackData* callbackData =
+      new StaticMethodCallbackData({method, data});
+
+  napi_property_descriptor desc = napi_property_descriptor();
+  desc.utf8name = utf8name;
+  desc.method = T::StaticMethodCallbackWrapper;
+  desc.data = callbackData;
+  desc.attributes =
+      static_cast<napi_property_attributes>(attributes | napi_static);
+  return desc;
+}
+
+template <typename T>
+inline ClassPropertyDescriptor<T> ObjectWrap<T>::StaticMethod(
+    Symbol name,
+    StaticVoidMethodCallback method,
+    napi_property_attributes attributes,
+    void* data) {
+  StaticVoidMethodCallbackData* callbackData =
+      new StaticVoidMethodCallbackData({method, data});
+
+  napi_property_descriptor desc = napi_property_descriptor();
+  desc.name = name;
+  desc.method = T::StaticVoidMethodCallbackWrapper;
+  desc.data = callbackData;
+  desc.attributes =
+      static_cast<napi_property_attributes>(attributes | napi_static);
+  return desc;
+}
+
+template <typename T>
+inline ClassPropertyDescriptor<T> ObjectWrap<T>::StaticMethod(
+    Symbol name,
+    StaticMethodCallback method,
+    napi_property_attributes attributes,
+    void* data) {
+  StaticMethodCallbackData* callbackData =
+      new StaticMethodCallbackData({method, data});
+
+  napi_property_descriptor desc = napi_property_descriptor();
+  desc.name = name;
+  desc.method = T::StaticMethodCallbackWrapper;
+  desc.data = callbackData;
+  desc.attributes =
+      static_cast<napi_property_attributes>(attributes | napi_static);
+  return desc;
+}
+
+template <typename T>
+template <typename ObjectWrap<T>::StaticVoidMethodCallback method>
+inline ClassPropertyDescriptor<T> ObjectWrap<T>::StaticMethod(
+    const char* utf8name, napi_property_attributes attributes, void* data) {
+  napi_property_descriptor desc = napi_property_descriptor();
+  desc.utf8name = utf8name;
+  desc.method = details::TemplatedVoidCallback<method>;
+  desc.data = data;
+  desc.attributes =
+      static_cast<napi_property_attributes>(attributes | napi_static);
+  return desc;
+}
+
+template <typename T>
+template <typename ObjectWrap<T>::StaticVoidMethodCallback method>
+inline ClassPropertyDescriptor<T> ObjectWrap<T>::StaticMethod(
+    Symbol name, napi_property_attributes attributes, void* data) {
+  napi_property_descriptor desc = napi_property_descriptor();
+  desc.name = name;
+  desc.method = details::TemplatedVoidCallback<method>;
+  desc.data = data;
+  desc.attributes =
+      static_cast<napi_property_attributes>(attributes | napi_static);
+  return desc;
+}
+
+template <typename T>
+template <typename ObjectWrap<T>::StaticMethodCallback method>
+inline ClassPropertyDescriptor<T> ObjectWrap<T>::StaticMethod(
+    const char* utf8name, napi_property_attributes attributes, void* data) {
+  napi_property_descriptor desc = napi_property_descriptor();
+  desc.utf8name = utf8name;
+  desc.method = details::TemplatedCallback<method>;
+  desc.data = data;
+  desc.attributes =
+      static_cast<napi_property_attributes>(attributes | napi_static);
+  return desc;
+}
+
+template <typename T>
+template <typename ObjectWrap<T>::StaticMethodCallback method>
+inline ClassPropertyDescriptor<T> ObjectWrap<T>::StaticMethod(
+    Symbol name, napi_property_attributes attributes, void* data) {
+  napi_property_descriptor desc = napi_property_descriptor();
+  desc.name = name;
+  desc.method = details::TemplatedCallback<method>;
+  desc.data = data;
+  desc.attributes =
+      static_cast<napi_property_attributes>(attributes | napi_static);
+  return desc;
+}
+
+template <typename T>
+inline ClassPropertyDescriptor<T> ObjectWrap<T>::StaticAccessor(
+    const char* utf8name,
+    StaticGetterCallback getter,
+    StaticSetterCallback setter,
+    napi_property_attributes attributes,
+    void* data) {
+  StaticAccessorCallbackData* callbackData =
+      new StaticAccessorCallbackData({getter, setter, data});
+
+  napi_property_descriptor desc = napi_property_descriptor();
+  desc.utf8name = utf8name;
+  desc.getter = getter != nullptr ? T::StaticGetterCallbackWrapper : nullptr;
+  desc.setter = setter != nullptr ? T::StaticSetterCallbackWrapper : nullptr;
+  desc.data = callbackData;
+  desc.attributes =
+      static_cast<napi_property_attributes>(attributes | napi_static);
+  return desc;
+}
+
+template <typename T>
+inline ClassPropertyDescriptor<T> ObjectWrap<T>::StaticAccessor(
+    Symbol name,
+    StaticGetterCallback getter,
+    StaticSetterCallback setter,
+    napi_property_attributes attributes,
+    void* data) {
+  StaticAccessorCallbackData* callbackData =
+      new StaticAccessorCallbackData({getter, setter, data});
+
+  napi_property_descriptor desc = napi_property_descriptor();
+  desc.name = name;
+  desc.getter = getter != nullptr ? T::StaticGetterCallbackWrapper : nullptr;
+  desc.setter = setter != nullptr ? T::StaticSetterCallbackWrapper : nullptr;
+  desc.data = callbackData;
+  desc.attributes =
+      static_cast<napi_property_attributes>(attributes | napi_static);
+  return desc;
+}
+
+template <typename T>
+template <typename ObjectWrap<T>::StaticGetterCallback getter,
+          typename ObjectWrap<T>::StaticSetterCallback setter>
+inline ClassPropertyDescriptor<T> ObjectWrap<T>::StaticAccessor(
+    const char* utf8name, napi_property_attributes attributes, void* data) {
+  napi_property_descriptor desc = napi_property_descriptor();
+  desc.utf8name = utf8name;
+  desc.getter = details::TemplatedCallback<getter>;
+  desc.setter = This::WrapStaticSetter(This::StaticSetterTag<setter>());
+  desc.data = data;
+  desc.attributes =
+      static_cast<napi_property_attributes>(attributes | napi_static);
+  return desc;
+}
+
+template <typename T>
+template <typename ObjectWrap<T>::StaticGetterCallback getter,
+          typename ObjectWrap<T>::StaticSetterCallback setter>
+inline ClassPropertyDescriptor<T> ObjectWrap<T>::StaticAccessor(
+    Symbol name, napi_property_attributes attributes, void* data) {
+  napi_property_descriptor desc = napi_property_descriptor();
+  desc.name = name;
+  desc.getter = details::TemplatedCallback<getter>;
+  desc.setter = This::WrapStaticSetter(This::StaticSetterTag<setter>());
+  desc.data = data;
+  desc.attributes =
+      static_cast<napi_property_attributes>(attributes | napi_static);
+  return desc;
+}
+
+template <typename T>
+inline ClassPropertyDescriptor<T> ObjectWrap<T>::StaticValue(
+    const char* utf8name,
+    Napi::Value value,
+    napi_property_attributes attributes) {
+  napi_property_descriptor desc = napi_property_descriptor();
+  desc.utf8name = utf8name;
+  desc.value = value;
+  desc.attributes =
+      static_cast<napi_property_attributes>(attributes | napi_static);
+  return desc;
+}
+
+template <typename T>
+inline ClassPropertyDescriptor<T> ObjectWrap<T>::StaticValue(
+    Symbol name, Napi::Value value, napi_property_attributes attributes) {
+  napi_property_descriptor desc = napi_property_descriptor();
+  desc.name = name;
+  desc.value = value;
+  desc.attributes =
+      static_cast<napi_property_attributes>(attributes | napi_static);
+  return desc;
+}
+
+template <typename T>
+inline Value ObjectWrap<T>::OnCalledAsFunction(
+    const Napi::CallbackInfo& callbackInfo) {
+  NAPI_THROW(
+      TypeError::New(callbackInfo.Env(),
+                     "Class constructors cannot be invoked without 'new'"),
+      Napi::Value());
+}
+
+template <typename T>
+inline void ObjectWrap<T>::Finalize(Napi::Env /*env*/) {}
+
+template <typename T>
+inline napi_value ObjectWrap<T>::ConstructorCallbackWrapper(
+    napi_env env, napi_callback_info info) {
+  napi_value new_target;
+  napi_status status = napi_get_new_target(env, info, &new_target);
+  if (status != napi_ok) return nullptr;
+
+  bool isConstructCall = (new_target != nullptr);
+  if (!isConstructCall) {
+    return details::WrapCallback(
+        [&] { return T::OnCalledAsFunction(CallbackInfo(env, info)); });
+  }
+
+  napi_value wrapper = details::WrapCallback([&] {
+    CallbackInfo callbackInfo(env, info);
+    T* instance = new T(callbackInfo);
+#ifdef NAPI_CPP_EXCEPTIONS
+    instance->_construction_failed = false;
+#else
+    if (callbackInfo.Env().IsExceptionPending()) {
+      // We need to clear the exception so that removing the wrap might work.
+      Error e = callbackInfo.Env().GetAndClearPendingException();
+      delete instance;
+      e.ThrowAsJavaScriptException();
+    } else {
+      instance->_construction_failed = false;
+    }
+#endif  // NAPI_CPP_EXCEPTIONS
+    return callbackInfo.This();
+  });
+
+  return wrapper;
+}
+
+template <typename T>
+inline napi_value ObjectWrap<T>::StaticVoidMethodCallbackWrapper(
+    napi_env env, napi_callback_info info) {
+  return details::WrapCallback([&] {
+    CallbackInfo callbackInfo(env, info);
+    StaticVoidMethodCallbackData* callbackData =
+        reinterpret_cast<StaticVoidMethodCallbackData*>(callbackInfo.Data());
+    callbackInfo.SetData(callbackData->data);
+    callbackData->callback(callbackInfo);
+    return nullptr;
+  });
+}
+
+template <typename T>
+inline napi_value ObjectWrap<T>::StaticMethodCallbackWrapper(
+    napi_env env, napi_callback_info info) {
+  return details::WrapCallback([&] {
+    CallbackInfo callbackInfo(env, info);
+    StaticMethodCallbackData* callbackData =
+        reinterpret_cast<StaticMethodCallbackData*>(callbackInfo.Data());
+    callbackInfo.SetData(callbackData->data);
+    return callbackData->callback(callbackInfo);
+  });
+}
+
+template <typename T>
+inline napi_value ObjectWrap<T>::StaticGetterCallbackWrapper(
+    napi_env env, napi_callback_info info) {
+  return details::WrapCallback([&] {
+    CallbackInfo callbackInfo(env, info);
+    StaticAccessorCallbackData* callbackData =
+        reinterpret_cast<StaticAccessorCallbackData*>(callbackInfo.Data());
+    callbackInfo.SetData(callbackData->data);
+    return callbackData->getterCallback(callbackInfo);
+  });
+}
+
+template <typename T>
+inline napi_value ObjectWrap<T>::StaticSetterCallbackWrapper(
+    napi_env env, napi_callback_info info) {
+  return details::WrapCallback([&] {
+    CallbackInfo callbackInfo(env, info);
+    StaticAccessorCallbackData* callbackData =
+        reinterpret_cast<StaticAccessorCallbackData*>(callbackInfo.Data());
+    callbackInfo.SetData(callbackData->data);
+    callbackData->setterCallback(callbackInfo, callbackInfo[0]);
+    return nullptr;
+  });
+}
+
+template <typename T>
+inline void ObjectWrap<T>::FinalizeCallback(napi_env env,
+                                            void* data,
+                                            void* /*hint*/) {
+  HandleScope scope(env);
+  T* instance = static_cast<T*>(data);
+  instance->Finalize(Napi::Env(env));
+  delete instance;
+}
+
+template <typename T>
+template <typename ObjectWrap<T>::StaticSetterCallback method>
+inline napi_value ObjectWrap<T>::WrappedMethod(
+    napi_env env, napi_callback_info info) NAPI_NOEXCEPT {
+  return details::WrapCallback([&] {
+    const CallbackInfo cbInfo(env, info);
+    method(cbInfo, cbInfo[0]);
+    return nullptr;
+  });
+}
+
+////////////////////////////////////////////////////////////////////////////////
+// HandleScope class
+////////////////////////////////////////////////////////////////////////////////
+
+inline HandleScope::HandleScope(napi_env env, napi_handle_scope scope)
+    : _env(env), _scope(scope) {}
+
+inline HandleScope::HandleScope(Napi::Env env) : _env(env) {
+  napi_status status = napi_open_handle_scope(_env, &_scope);
+  NAPI_THROW_IF_FAILED_VOID(_env, status);
+}
+
+inline HandleScope::~HandleScope() {
+  napi_status status = napi_close_handle_scope(_env, _scope);
+  NAPI_FATAL_IF_FAILED(
+      status, "HandleScope::~HandleScope", "napi_close_handle_scope");
+}
+
+inline HandleScope::operator napi_handle_scope() const {
+  return _scope;
+}
+
+inline Napi::Env HandleScope::Env() const {
+  return Napi::Env(_env);
+}
+
+////////////////////////////////////////////////////////////////////////////////
+// EscapableHandleScope class
+////////////////////////////////////////////////////////////////////////////////
+
+inline EscapableHandleScope::EscapableHandleScope(
+    napi_env env, napi_escapable_handle_scope scope)
+    : _env(env), _scope(scope) {}
+
+inline EscapableHandleScope::EscapableHandleScope(Napi::Env env) : _env(env) {
+  napi_status status = napi_open_escapable_handle_scope(_env, &_scope);
+  NAPI_THROW_IF_FAILED_VOID(_env, status);
+}
+
+inline EscapableHandleScope::~EscapableHandleScope() {
+  napi_status status = napi_close_escapable_handle_scope(_env, _scope);
+  NAPI_FATAL_IF_FAILED(status,
+                       "EscapableHandleScope::~EscapableHandleScope",
+                       "napi_close_escapable_handle_scope");
+}
+
+inline EscapableHandleScope::operator napi_escapable_handle_scope() const {
+  return _scope;
+}
+
+inline Napi::Env EscapableHandleScope::Env() const {
+  return Napi::Env(_env);
+}
+
+inline Value EscapableHandleScope::Escape(napi_value escapee) {
+  napi_value result;
+  napi_status status = napi_escape_handle(_env, _scope, escapee, &result);
+  NAPI_THROW_IF_FAILED(_env, status, Value());
+  return Value(_env, result);
+}
+
+#if (NAPI_VERSION > 2)
+////////////////////////////////////////////////////////////////////////////////
+// CallbackScope class
+////////////////////////////////////////////////////////////////////////////////
+
+inline CallbackScope::CallbackScope(napi_env env, napi_callback_scope scope)
+    : _env(env), _scope(scope) {}
+
+inline CallbackScope::CallbackScope(napi_env env, napi_async_context context)
+    : _env(env) {
+  napi_status status =
+      napi_open_callback_scope(_env, Object::New(env), context, &_scope);
+  NAPI_THROW_IF_FAILED_VOID(_env, status);
+}
+
+inline CallbackScope::~CallbackScope() {
+  napi_status status = napi_close_callback_scope(_env, _scope);
+  NAPI_FATAL_IF_FAILED(
+      status, "CallbackScope::~CallbackScope", "napi_close_callback_scope");
+}
+
+inline CallbackScope::operator napi_callback_scope() const {
+  return _scope;
+}
+
+inline Napi::Env CallbackScope::Env() const {
+  return Napi::Env(_env);
+}
+#endif
+
+////////////////////////////////////////////////////////////////////////////////
+// AsyncContext class
+////////////////////////////////////////////////////////////////////////////////
+
+inline AsyncContext::AsyncContext(napi_env env, const char* resource_name)
+    : AsyncContext(env, resource_name, Object::New(env)) {}
+
+inline AsyncContext::AsyncContext(napi_env env,
+                                  const char* resource_name,
+                                  const Object& resource)
+    : _env(env), _context(nullptr) {
+  napi_value resource_id;
+  napi_status status = napi_create_string_utf8(
+      _env, resource_name, NAPI_AUTO_LENGTH, &resource_id);
+  NAPI_THROW_IF_FAILED_VOID(_env, status);
+
+  status = napi_async_init(_env, resource, resource_id, &_context);
+  NAPI_THROW_IF_FAILED_VOID(_env, status);
+}
+
+inline AsyncContext::~AsyncContext() {
+  if (_context != nullptr) {
+    napi_async_destroy(_env, _context);
+    _context = nullptr;
+  }
+}
+
+inline AsyncContext::AsyncContext(AsyncContext&& other) {
+  _env = other._env;
+  other._env = nullptr;
+  _context = other._context;
+  other._context = nullptr;
+}
+
+inline AsyncContext& AsyncContext::operator=(AsyncContext&& other) {
+  _env = other._env;
+  other._env = nullptr;
+  _context = other._context;
+  other._context = nullptr;
+  return *this;
+}
+
+inline AsyncContext::operator napi_async_context() const {
+  return _context;
+}
+
+inline Napi::Env AsyncContext::Env() const {
+  return Napi::Env(_env);
+}
+
+////////////////////////////////////////////////////////////////////////////////
+// AsyncWorker class
+////////////////////////////////////////////////////////////////////////////////
+
+#if NAPI_HAS_THREADS
+
+inline AsyncWorker::AsyncWorker(const Function& callback)
+    : AsyncWorker(callback, "generic") {}
+
+inline AsyncWorker::AsyncWorker(const Function& callback,
+                                const char* resource_name)
+    : AsyncWorker(callback, resource_name, Object::New(callback.Env())) {}
+
+inline AsyncWorker::AsyncWorker(const Function& callback,
+                                const char* resource_name,
+                                const Object& resource)
+    : AsyncWorker(
+          Object::New(callback.Env()), callback, resource_name, resource) {}
+
+inline AsyncWorker::AsyncWorker(const Object& receiver,
+                                const Function& callback)
+    : AsyncWorker(receiver, callback, "generic") {}
+
+inline AsyncWorker::AsyncWorker(const Object& receiver,
+                                const Function& callback,
+                                const char* resource_name)
+    : AsyncWorker(
+          receiver, callback, resource_name, Object::New(callback.Env())) {}
+
+inline AsyncWorker::AsyncWorker(const Object& receiver,
+                                const Function& callback,
+                                const char* resource_name,
+                                const Object& resource)
+    : _env(callback.Env()),
+      _receiver(Napi::Persistent(receiver)),
+      _callback(Napi::Persistent(callback)),
+      _suppress_destruct(false) {
+  napi_value resource_id;
+  napi_status status = napi_create_string_latin1(
+      _env, resource_name, NAPI_AUTO_LENGTH, &resource_id);
+  NAPI_THROW_IF_FAILED_VOID(_env, status);
+
+  status = napi_create_async_work(_env,
+                                  resource,
+                                  resource_id,
+                                  OnAsyncWorkExecute,
+                                  OnAsyncWorkComplete,
+                                  this,
+                                  &_work);
+  NAPI_THROW_IF_FAILED_VOID(_env, status);
+}
+
+inline AsyncWorker::AsyncWorker(Napi::Env env) : AsyncWorker(env, "generic") {}
+
+inline AsyncWorker::AsyncWorker(Napi::Env env, const char* resource_name)
+    : AsyncWorker(env, resource_name, Object::New(env)) {}
+
+inline AsyncWorker::AsyncWorker(Napi::Env env,
+                                const char* resource_name,
+                                const Object& resource)
+    : _env(env), _receiver(), _callback(), _suppress_destruct(false) {
+  napi_value resource_id;
+  napi_status status = napi_create_string_latin1(
+      _env, resource_name, NAPI_AUTO_LENGTH, &resource_id);
+  NAPI_THROW_IF_FAILED_VOID(_env, status);
+
+  status = napi_create_async_work(_env,
+                                  resource,
+                                  resource_id,
+                                  OnAsyncWorkExecute,
+                                  OnAsyncWorkComplete,
+                                  this,
+                                  &_work);
+  NAPI_THROW_IF_FAILED_VOID(_env, status);
+}
+
+inline AsyncWorker::~AsyncWorker() {
+  if (_work != nullptr) {
+    napi_delete_async_work(_env, _work);
+    _work = nullptr;
+  }
+}
+
+inline void AsyncWorker::Destroy() {
+  delete this;
+}
+
+inline AsyncWorker::operator napi_async_work() const {
+  return _work;
+}
+
+inline Napi::Env AsyncWorker::Env() const {
+  return Napi::Env(_env);
+}
+
+inline void AsyncWorker::Queue() {
+  napi_status status = napi_queue_async_work(_env, _work);
+  NAPI_THROW_IF_FAILED_VOID(_env, status);
+}
+
+inline void AsyncWorker::Cancel() {
+  napi_status status = napi_cancel_async_work(_env, _work);
+  NAPI_THROW_IF_FAILED_VOID(_env, status);
+}
+
+inline ObjectReference& AsyncWorker::Receiver() {
+  return _receiver;
+}
+
+inline FunctionReference& AsyncWorker::Callback() {
+  return _callback;
+}
+
+inline void AsyncWorker::SuppressDestruct() {
+  _suppress_destruct = true;
+}
+
+inline void AsyncWorker::OnOK() {
+  if (!_callback.IsEmpty()) {
+    _callback.Call(_receiver.Value(), GetResult(_callback.Env()));
+  }
+}
+
+inline void AsyncWorker::OnError(const Error& e) {
+  if (!_callback.IsEmpty()) {
+    _callback.Call(_receiver.Value(),
+                   std::initializer_list<napi_value>{e.Value()});
+  }
+}
+
+inline void AsyncWorker::SetError(const std::string& error) {
+  _error = error;
+}
+
+inline std::vector<napi_value> AsyncWorker::GetResult(Napi::Env /*env*/) {
+  return {};
+}
+// The OnAsyncWorkExecute method receives an napi_env argument. However, do NOT
+// use it within this method, as it does not run on the JavaScript thread and
+// must not run any method that would cause JavaScript to run. In practice,
+// this means that almost any use of napi_env will be incorrect.
+inline void AsyncWorker::OnAsyncWorkExecute(napi_env env, void* asyncworker) {
+  AsyncWorker* self = static_cast<AsyncWorker*>(asyncworker);
+  self->OnExecute(env);
+}
+// The OnExecute method receives an napi_env argument. However, do NOT
+// use it within this method, as it does not run on the JavaScript thread and
+// must not run any method that would cause JavaScript to run. In practice,
+// this means that almost any use of napi_env will be incorrect.
+inline void AsyncWorker::OnExecute(Napi::Env /*DO_NOT_USE*/) {
+#ifdef NAPI_CPP_EXCEPTIONS
+  try {
+    Execute();
+  } catch (const std::exception& e) {
+    SetError(e.what());
+  }
+#else   // NAPI_CPP_EXCEPTIONS
+  Execute();
+#endif  // NAPI_CPP_EXCEPTIONS
+}
+
+inline void AsyncWorker::OnAsyncWorkComplete(napi_env env,
+                                             napi_status status,
+                                             void* asyncworker) {
+  AsyncWorker* self = static_cast<AsyncWorker*>(asyncworker);
+  self->OnWorkComplete(env, status);
+}
+inline void AsyncWorker::OnWorkComplete(Napi::Env /*env*/, napi_status status) {
+  if (status != napi_cancelled) {
+    HandleScope scope(_env);
+    details::WrapCallback([&] {
+      if (_error.size() == 0) {
+        OnOK();
+      } else {
+        OnError(Error::New(_env, _error));
+      }
+      return nullptr;
+    });
+  }
+  if (!_suppress_destruct) {
+    Destroy();
+  }
+}
+
+#endif  // NAPI_HAS_THREADS
+
+#if (NAPI_VERSION > 3 && NAPI_HAS_THREADS)
+////////////////////////////////////////////////////////////////////////////////
+// TypedThreadSafeFunction<ContextType,DataType,CallJs> class
+////////////////////////////////////////////////////////////////////////////////
+
+// Starting with NAPI 5, the JavaScript function `func` parameter of
+// `napi_create_threadsafe_function` is optional.
+#if NAPI_VERSION > 4
+// static, with Callback [missing] Resource [missing] Finalizer [missing]
+template <typename ContextType,
+          typename DataType,
+          void (*CallJs)(Napi::Env, Napi::Function, ContextType*, DataType*)>
+template <typename ResourceString>
+inline TypedThreadSafeFunction<ContextType, DataType, CallJs>
+TypedThreadSafeFunction<ContextType, DataType, CallJs>::New(
+    napi_env env,
+    ResourceString resourceName,
+    size_t maxQueueSize,
+    size_t initialThreadCount,
+    ContextType* context) {
+  TypedThreadSafeFunction<ContextType, DataType, CallJs> tsfn;
+
+  napi_status status =
+      napi_create_threadsafe_function(env,
+                                      nullptr,
+                                      nullptr,
+                                      String::From(env, resourceName),
+                                      maxQueueSize,
+                                      initialThreadCount,
+                                      nullptr,
+                                      nullptr,
+                                      context,
+                                      CallJsInternal,
+                                      &tsfn._tsfn);
+  if (status != napi_ok) {
+    NAPI_THROW_IF_FAILED(
+        env, status, TypedThreadSafeFunction<ContextType, DataType, CallJs>());
+  }
+
+  return tsfn;
+}
+
+// static, with Callback [missing] Resource [passed] Finalizer [missing]
+template <typename ContextType,
+          typename DataType,
+          void (*CallJs)(Napi::Env, Napi::Function, ContextType*, DataType*)>
+template <typename ResourceString>
+inline TypedThreadSafeFunction<ContextType, DataType, CallJs>
+TypedThreadSafeFunction<ContextType, DataType, CallJs>::New(
+    napi_env env,
+    const Object& resource,
+    ResourceString resourceName,
+    size_t maxQueueSize,
+    size_t initialThreadCount,
+    ContextType* context) {
+  TypedThreadSafeFunction<ContextType, DataType, CallJs> tsfn;
+
+  napi_status status =
+      napi_create_threadsafe_function(env,
+                                      nullptr,
+                                      resource,
+                                      String::From(env, resourceName),
+                                      maxQueueSize,
+                                      initialThreadCount,
+                                      nullptr,
+                                      nullptr,
+                                      context,
+                                      CallJsInternal,
+                                      &tsfn._tsfn);
+  if (status != napi_ok) {
+    NAPI_THROW_IF_FAILED(
+        env, status, TypedThreadSafeFunction<ContextType, DataType, CallJs>());
+  }
+
+  return tsfn;
+}
+
+// static, with Callback [missing] Resource [missing] Finalizer [passed]
+template <typename ContextType,
+          typename DataType,
+          void (*CallJs)(Napi::Env, Napi::Function, ContextType*, DataType*)>
+template <typename ResourceString,
+          typename Finalizer,
+          typename FinalizerDataType>
+inline TypedThreadSafeFunction<ContextType, DataType, CallJs>
+TypedThreadSafeFunction<ContextType, DataType, CallJs>::New(
+    napi_env env,
+    ResourceString resourceName,
+    size_t maxQueueSize,
+    size_t initialThreadCount,
+    ContextType* context,
+    Finalizer finalizeCallback,
+    FinalizerDataType* data) {
+  TypedThreadSafeFunction<ContextType, DataType, CallJs> tsfn;
+
+  auto* finalizeData = new details::
+      ThreadSafeFinalize<ContextType, Finalizer, FinalizerDataType>(
+          {data, finalizeCallback});
+  napi_status status = napi_create_threadsafe_function(
+      env,
+      nullptr,
+      nullptr,
+      String::From(env, resourceName),
+      maxQueueSize,
+      initialThreadCount,
+      finalizeData,
+      details::ThreadSafeFinalize<ContextType, Finalizer, FinalizerDataType>::
+          FinalizeFinalizeWrapperWithDataAndContext,
+      context,
+      CallJsInternal,
+      &tsfn._tsfn);
+  if (status != napi_ok) {
+    delete finalizeData;
+    NAPI_THROW_IF_FAILED(
+        env, status, TypedThreadSafeFunction<ContextType, DataType, CallJs>());
+  }
+
+  return tsfn;
+}
+
+// static, with Callback [missing] Resource [passed] Finalizer [passed]
+template <typename ContextType,
+          typename DataType,
+          void (*CallJs)(Napi::Env, Napi::Function, ContextType*, DataType*)>
+template <typename ResourceString,
+          typename Finalizer,
+          typename FinalizerDataType>
+inline TypedThreadSafeFunction<ContextType, DataType, CallJs>
+TypedThreadSafeFunction<ContextType, DataType, CallJs>::New(
+    napi_env env,
+    const Object& resource,
+    ResourceString resourceName,
+    size_t maxQueueSize,
+    size_t initialThreadCount,
+    ContextType* context,
+    Finalizer finalizeCallback,
+    FinalizerDataType* data) {
+  TypedThreadSafeFunction<ContextType, DataType, CallJs> tsfn;
+
+  auto* finalizeData = new details::
+      ThreadSafeFinalize<ContextType, Finalizer, FinalizerDataType>(
+          {data, finalizeCallback});
+  napi_status status = napi_create_threadsafe_function(
+      env,
+      nullptr,
+      resource,
+      String::From(env, resourceName),
+      maxQueueSize,
+      initialThreadCount,
+      finalizeData,
+      details::ThreadSafeFinalize<ContextType, Finalizer, FinalizerDataType>::
+          FinalizeFinalizeWrapperWithDataAndContext,
+      context,
+      CallJsInternal,
+      &tsfn._tsfn);
+  if (status != napi_ok) {
+    delete finalizeData;
+    NAPI_THROW_IF_FAILED(
+        env, status, TypedThreadSafeFunction<ContextType, DataType, CallJs>());
+  }
+
+  return tsfn;
+}
+#endif
+
+// static, with Callback [passed] Resource [missing] Finalizer [missing]
+template <typename ContextType,
+          typename DataType,
+          void (*CallJs)(Napi::Env, Napi::Function, ContextType*, DataType*)>
+template <typename ResourceString>
+inline TypedThreadSafeFunction<ContextType, DataType, CallJs>
+TypedThreadSafeFunction<ContextType, DataType, CallJs>::New(
+    napi_env env,
+    const Function& callback,
+    ResourceString resourceName,
+    size_t maxQueueSize,
+    size_t initialThreadCount,
+    ContextType* context) {
+  TypedThreadSafeFunction<ContextType, DataType, CallJs> tsfn;
+
+  napi_status status =
+      napi_create_threadsafe_function(env,
+                                      callback,
+                                      nullptr,
+                                      String::From(env, resourceName),
+                                      maxQueueSize,
+                                      initialThreadCount,
+                                      nullptr,
+                                      nullptr,
+                                      context,
+                                      CallJsInternal,
+                                      &tsfn._tsfn);
+  if (status != napi_ok) {
+    NAPI_THROW_IF_FAILED(
+        env, status, TypedThreadSafeFunction<ContextType, DataType, CallJs>());
+  }
+
+  return tsfn;
+}
+
+// static, with Callback [passed] Resource [passed] Finalizer [missing]
+template <typename ContextType,
+          typename DataType,
+          void (*CallJs)(Napi::Env, Napi::Function, ContextType*, DataType*)>
+template <typename ResourceString>
+inline TypedThreadSafeFunction<ContextType, DataType, CallJs>
+TypedThreadSafeFunction<ContextType, DataType, CallJs>::New(
+    napi_env env,
+    const Function& callback,
+    const Object& resource,
+    ResourceString resourceName,
+    size_t maxQueueSize,
+    size_t initialThreadCount,
+    ContextType* context) {
+  TypedThreadSafeFunction<ContextType, DataType, CallJs> tsfn;
+
+  napi_status status =
+      napi_create_threadsafe_function(env,
+                                      callback,
+                                      resource,
+                                      String::From(env, resourceName),
+                                      maxQueueSize,
+                                      initialThreadCount,
+                                      nullptr,
+                                      nullptr,
+                                      context,
+                                      CallJsInternal,
+                                      &tsfn._tsfn);
+  if (status != napi_ok) {
+    NAPI_THROW_IF_FAILED(
+        env, status, TypedThreadSafeFunction<ContextType, DataType, CallJs>());
+  }
+
+  return tsfn;
+}
+
+// static, with Callback [passed] Resource [missing] Finalizer [passed]
+template <typename ContextType,
+          typename DataType,
+          void (*CallJs)(Napi::Env, Napi::Function, ContextType*, DataType*)>
+template <typename ResourceString,
+          typename Finalizer,
+          typename FinalizerDataType>
+inline TypedThreadSafeFunction<ContextType, DataType, CallJs>
+TypedThreadSafeFunction<ContextType, DataType, CallJs>::New(
+    napi_env env,
+    const Function& callback,
+    ResourceString resourceName,
+    size_t maxQueueSize,
+    size_t initialThreadCount,
+    ContextType* context,
+    Finalizer finalizeCallback,
+    FinalizerDataType* data) {
+  TypedThreadSafeFunction<ContextType, DataType, CallJs> tsfn;
+
+  auto* finalizeData = new details::
+      ThreadSafeFinalize<ContextType, Finalizer, FinalizerDataType>(
+          {data, finalizeCallback});
+  napi_status status = napi_create_threadsafe_function(
+      env,
+      callback,
+      nullptr,
+      String::From(env, resourceName),
+      maxQueueSize,
+      initialThreadCount,
+      finalizeData,
+      details::ThreadSafeFinalize<ContextType, Finalizer, FinalizerDataType>::
+          FinalizeFinalizeWrapperWithDataAndContext,
+      context,
+      CallJsInternal,
+      &tsfn._tsfn);
+  if (status != napi_ok) {
+    delete finalizeData;
+    NAPI_THROW_IF_FAILED(
+        env, status, TypedThreadSafeFunction<ContextType, DataType, CallJs>());
+  }
+
+  return tsfn;
+}
+
+// static, with: Callback [passed] Resource [passed] Finalizer [passed]
+template <typename ContextType,
+          typename DataType,
+          void (*CallJs)(Napi::Env, Napi::Function, ContextType*, DataType*)>
+template <typename CallbackType,
+          typename ResourceString,
+          typename Finalizer,
+          typename FinalizerDataType>
+inline TypedThreadSafeFunction<ContextType, DataType, CallJs>
+TypedThreadSafeFunction<ContextType, DataType, CallJs>::New(
+    napi_env env,
+    CallbackType callback,
+    const Object& resource,
+    ResourceString resourceName,
+    size_t maxQueueSize,
+    size_t initialThreadCount,
+    ContextType* context,
+    Finalizer finalizeCallback,
+    FinalizerDataType* data) {
+  TypedThreadSafeFunction<ContextType, DataType, CallJs> tsfn;
+
+  auto* finalizeData = new details::
+      ThreadSafeFinalize<ContextType, Finalizer, FinalizerDataType>(
+          {data, finalizeCallback});
+  napi_status status = napi_create_threadsafe_function(
+      env,
+      details::DefaultCallbackWrapper<
+          CallbackType,
+          TypedThreadSafeFunction<ContextType, DataType, CallJs>>(env,
+                                                                  callback),
+      resource,
+      String::From(env, resourceName),
+      maxQueueSize,
+      initialThreadCount,
+      finalizeData,
+      details::ThreadSafeFinalize<ContextType, Finalizer, FinalizerDataType>::
+          FinalizeFinalizeWrapperWithDataAndContext,
+      context,
+      CallJsInternal,
+      &tsfn._tsfn);
+  if (status != napi_ok) {
+    delete finalizeData;
+    NAPI_THROW_IF_FAILED(
+        env, status, TypedThreadSafeFunction<ContextType, DataType, CallJs>());
+  }
+
+  return tsfn;
+}
+
+template <typename ContextType,
+          typename DataType,
+          void (*CallJs)(Napi::Env, Napi::Function, ContextType*, DataType*)>
+inline TypedThreadSafeFunction<ContextType, DataType, CallJs>::
+    TypedThreadSafeFunction()
+    : _tsfn() {}
+
+template <typename ContextType,
+          typename DataType,
+          void (*CallJs)(Napi::Env, Napi::Function, ContextType*, DataType*)>
+inline TypedThreadSafeFunction<ContextType, DataType, CallJs>::
+    TypedThreadSafeFunction(napi_threadsafe_function tsfn)
+    : _tsfn(tsfn) {}
+
+template <typename ContextType,
+          typename DataType,
+          void (*CallJs)(Napi::Env, Napi::Function, ContextType*, DataType*)>
+inline TypedThreadSafeFunction<ContextType, DataType, CallJs>::
+operator napi_threadsafe_function() const {
+  return _tsfn;
+}
+
+template <typename ContextType,
+          typename DataType,
+          void (*CallJs)(Napi::Env, Napi::Function, ContextType*, DataType*)>
+inline napi_status
+TypedThreadSafeFunction<ContextType, DataType, CallJs>::BlockingCall(
+    DataType* data) const {
+  return napi_call_threadsafe_function(_tsfn, data, napi_tsfn_blocking);
+}
+
+template <typename ContextType,
+          typename DataType,
+          void (*CallJs)(Napi::Env, Napi::Function, ContextType*, DataType*)>
+inline napi_status
+TypedThreadSafeFunction<ContextType, DataType, CallJs>::NonBlockingCall(
+    DataType* data) const {
+  return napi_call_threadsafe_function(_tsfn, data, napi_tsfn_nonblocking);
+}
+
+template <typename ContextType,
+          typename DataType,
+          void (*CallJs)(Napi::Env, Napi::Function, ContextType*, DataType*)>
+inline void TypedThreadSafeFunction<ContextType, DataType, CallJs>::Ref(
+    napi_env env) const {
+  if (_tsfn != nullptr) {
+    napi_status status = napi_ref_threadsafe_function(env, _tsfn);
+    NAPI_THROW_IF_FAILED_VOID(env, status);
+  }
+}
+
+template <typename ContextType,
+          typename DataType,
+          void (*CallJs)(Napi::Env, Napi::Function, ContextType*, DataType*)>
+inline void TypedThreadSafeFunction<ContextType, DataType, CallJs>::Unref(
+    napi_env env) const {
+  if (_tsfn != nullptr) {
+    napi_status status = napi_unref_threadsafe_function(env, _tsfn);
+    NAPI_THROW_IF_FAILED_VOID(env, status);
+  }
+}
+
+template <typename ContextType,
+          typename DataType,
+          void (*CallJs)(Napi::Env, Napi::Function, ContextType*, DataType*)>
+inline napi_status
+TypedThreadSafeFunction<ContextType, DataType, CallJs>::Acquire() const {
+  return napi_acquire_threadsafe_function(_tsfn);
+}
+
+template <typename ContextType,
+          typename DataType,
+          void (*CallJs)(Napi::Env, Napi::Function, ContextType*, DataType*)>
+inline napi_status
+TypedThreadSafeFunction<ContextType, DataType, CallJs>::Release() const {
+  return napi_release_threadsafe_function(_tsfn, napi_tsfn_release);
+}
+
+template <typename ContextType,
+          typename DataType,
+          void (*CallJs)(Napi::Env, Napi::Function, ContextType*, DataType*)>
+inline napi_status
+TypedThreadSafeFunction<ContextType, DataType, CallJs>::Abort() const {
+  return napi_release_threadsafe_function(_tsfn, napi_tsfn_abort);
+}
+
+template <typename ContextType,
+          typename DataType,
+          void (*CallJs)(Napi::Env, Napi::Function, ContextType*, DataType*)>
+inline ContextType*
+TypedThreadSafeFunction<ContextType, DataType, CallJs>::GetContext() const {
+  void* context;
+  napi_status status = napi_get_threadsafe_function_context(_tsfn, &context);
+  NAPI_FATAL_IF_FAILED(status,
+                       "TypedThreadSafeFunction::GetContext",
+                       "napi_get_threadsafe_function_context");
+  return static_cast<ContextType*>(context);
+}
+
+// static
+template <typename ContextType,
+          typename DataType,
+          void (*CallJs)(Napi::Env, Napi::Function, ContextType*, DataType*)>
+void TypedThreadSafeFunction<ContextType, DataType, CallJs>::CallJsInternal(
+    napi_env env, napi_value jsCallback, void* context, void* data) {
+  details::CallJsWrapper<ContextType, DataType, decltype(CallJs), CallJs>(
+      env, jsCallback, context, data);
+}
+
+#if NAPI_VERSION == 4
+// static
+template <typename ContextType,
+          typename DataType,
+          void (*CallJs)(Napi::Env, Napi::Function, ContextType*, DataType*)>
+Napi::Function
+TypedThreadSafeFunction<ContextType, DataType, CallJs>::EmptyFunctionFactory(
+    Napi::Env env) {
+  return Napi::Function::New(env, [](const CallbackInfo& cb) {});
+}
+
+// static
+template <typename ContextType,
+          typename DataType,
+          void (*CallJs)(Napi::Env, Napi::Function, ContextType*, DataType*)>
+Napi::Function
+TypedThreadSafeFunction<ContextType, DataType, CallJs>::FunctionOrEmpty(
+    Napi::Env env, Napi::Function& callback) {
+  if (callback.IsEmpty()) {
+    return EmptyFunctionFactory(env);
+  }
+  return callback;
+}
+
+#else
+// static
+template <typename ContextType,
+          typename DataType,
+          void (*CallJs)(Napi::Env, Napi::Function, ContextType*, DataType*)>
+std::nullptr_t
+TypedThreadSafeFunction<ContextType, DataType, CallJs>::EmptyFunctionFactory(
+    Napi::Env /*env*/) {
+  return nullptr;
+}
+
+// static
+template <typename ContextType,
+          typename DataType,
+          void (*CallJs)(Napi::Env, Napi::Function, ContextType*, DataType*)>
+Napi::Function
+TypedThreadSafeFunction<ContextType, DataType, CallJs>::FunctionOrEmpty(
+    Napi::Env /*env*/, Napi::Function& callback) {
+  return callback;
+}
+
+#endif
+
+////////////////////////////////////////////////////////////////////////////////
+// ThreadSafeFunction class
+////////////////////////////////////////////////////////////////////////////////
+
+// static
+template <typename ResourceString>
+inline ThreadSafeFunction ThreadSafeFunction::New(napi_env env,
+                                                  const Function& callback,
+                                                  ResourceString resourceName,
+                                                  size_t maxQueueSize,
+                                                  size_t initialThreadCount) {
+  return New(
+      env, callback, Object(), resourceName, maxQueueSize, initialThreadCount);
+}
+
+// static
+template <typename ResourceString, typename ContextType>
+inline ThreadSafeFunction ThreadSafeFunction::New(napi_env env,
+                                                  const Function& callback,
+                                                  ResourceString resourceName,
+                                                  size_t maxQueueSize,
+                                                  size_t initialThreadCount,
+                                                  ContextType* context) {
+  return New(env,
+             callback,
+             Object(),
+             resourceName,
+             maxQueueSize,
+             initialThreadCount,
+             context);
+}
+
+// static
+template <typename ResourceString, typename Finalizer>
+inline ThreadSafeFunction ThreadSafeFunction::New(napi_env env,
+                                                  const Function& callback,
+                                                  ResourceString resourceName,
+                                                  size_t maxQueueSize,
+                                                  size_t initialThreadCount,
+                                                  Finalizer finalizeCallback) {
+  return New(env,
+             callback,
+             Object(),
+             resourceName,
+             maxQueueSize,
+             initialThreadCount,
+             finalizeCallback);
+}
+
+// static
+template <typename ResourceString,
+          typename Finalizer,
+          typename FinalizerDataType>
+inline ThreadSafeFunction ThreadSafeFunction::New(napi_env env,
+                                                  const Function& callback,
+                                                  ResourceString resourceName,
+                                                  size_t maxQueueSize,
+                                                  size_t initialThreadCount,
+                                                  Finalizer finalizeCallback,
+                                                  FinalizerDataType* data) {
+  return New(env,
+             callback,
+             Object(),
+             resourceName,
+             maxQueueSize,
+             initialThreadCount,
+             finalizeCallback,
+             data);
+}
+
+// static
+template <typename ResourceString, typename ContextType, typename Finalizer>
+inline ThreadSafeFunction ThreadSafeFunction::New(napi_env env,
+                                                  const Function& callback,
+                                                  ResourceString resourceName,
+                                                  size_t maxQueueSize,
+                                                  size_t initialThreadCount,
+                                                  ContextType* context,
+                                                  Finalizer finalizeCallback) {
+  return New(env,
+             callback,
+             Object(),
+             resourceName,
+             maxQueueSize,
+             initialThreadCount,
+             context,
+             finalizeCallback);
+}
+
+// static
+template <typename ResourceString,
+          typename ContextType,
+          typename Finalizer,
+          typename FinalizerDataType>
+inline ThreadSafeFunction ThreadSafeFunction::New(napi_env env,
+                                                  const Function& callback,
+                                                  ResourceString resourceName,
+                                                  size_t maxQueueSize,
+                                                  size_t initialThreadCount,
+                                                  ContextType* context,
+                                                  Finalizer finalizeCallback,
+                                                  FinalizerDataType* data) {
+  return New(env,
+             callback,
+             Object(),
+             resourceName,
+             maxQueueSize,
+             initialThreadCount,
+             context,
+             finalizeCallback,
+             data);
+}
+
+// static
+template <typename ResourceString>
+inline ThreadSafeFunction ThreadSafeFunction::New(napi_env env,
+                                                  const Function& callback,
+                                                  const Object& resource,
+                                                  ResourceString resourceName,
+                                                  size_t maxQueueSize,
+                                                  size_t initialThreadCount) {
+  return New(env,
+             callback,
+             resource,
+             resourceName,
+             maxQueueSize,
+             initialThreadCount,
+             static_cast<void*>(nullptr) /* context */);
+}
+
+// static
+template <typename ResourceString, typename ContextType>
+inline ThreadSafeFunction ThreadSafeFunction::New(napi_env env,
+                                                  const Function& callback,
+                                                  const Object& resource,
+                                                  ResourceString resourceName,
+                                                  size_t maxQueueSize,
+                                                  size_t initialThreadCount,
+                                                  ContextType* context) {
+  return New(env,
+             callback,
+             resource,
+             resourceName,
+             maxQueueSize,
+             initialThreadCount,
+             context,
+             [](Env, ContextType*) {} /* empty finalizer */);
+}
+
+// static
+template <typename ResourceString, typename Finalizer>
+inline ThreadSafeFunction ThreadSafeFunction::New(napi_env env,
+                                                  const Function& callback,
+                                                  const Object& resource,
+                                                  ResourceString resourceName,
+                                                  size_t maxQueueSize,
+                                                  size_t initialThreadCount,
+                                                  Finalizer finalizeCallback) {
+  return New(env,
+             callback,
+             resource,
+             resourceName,
+             maxQueueSize,
+             initialThreadCount,
+             static_cast<void*>(nullptr) /* context */,
+             finalizeCallback,
+             static_cast<void*>(nullptr) /* data */,
+             details::ThreadSafeFinalize<void, Finalizer>::Wrapper);
+}
+
+// static
+template <typename ResourceString,
+          typename Finalizer,
+          typename FinalizerDataType>
+inline ThreadSafeFunction ThreadSafeFunction::New(napi_env env,
+                                                  const Function& callback,
+                                                  const Object& resource,
+                                                  ResourceString resourceName,
+                                                  size_t maxQueueSize,
+                                                  size_t initialThreadCount,
+                                                  Finalizer finalizeCallback,
+                                                  FinalizerDataType* data) {
+  return New(env,
+             callback,
+             resource,
+             resourceName,
+             maxQueueSize,
+             initialThreadCount,
+             static_cast<void*>(nullptr) /* context */,
+             finalizeCallback,
+             data,
+             details::ThreadSafeFinalize<void, Finalizer, FinalizerDataType>::
+                 FinalizeWrapperWithData);
+}
+
+// static
+template <typename ResourceString, typename ContextType, typename Finalizer>
+inline ThreadSafeFunction ThreadSafeFunction::New(napi_env env,
+                                                  const Function& callback,
+                                                  const Object& resource,
+                                                  ResourceString resourceName,
+                                                  size_t maxQueueSize,
+                                                  size_t initialThreadCount,
+                                                  ContextType* context,
+                                                  Finalizer finalizeCallback) {
+  return New(
+      env,
+      callback,
+      resource,
+      resourceName,
+      maxQueueSize,
+      initialThreadCount,
+      context,
+      finalizeCallback,
+      static_cast<void*>(nullptr) /* data */,
+      details::ThreadSafeFinalize<ContextType,
+                                  Finalizer>::FinalizeWrapperWithContext);
+}
+
+// static
+template <typename ResourceString,
+          typename ContextType,
+          typename Finalizer,
+          typename FinalizerDataType>
+inline ThreadSafeFunction ThreadSafeFunction::New(napi_env env,
+                                                  const Function& callback,
+                                                  const Object& resource,
+                                                  ResourceString resourceName,
+                                                  size_t maxQueueSize,
+                                                  size_t initialThreadCount,
+                                                  ContextType* context,
+                                                  Finalizer finalizeCallback,
+                                                  FinalizerDataType* data) {
+  return New(
+      env,
+      callback,
+      resource,
+      resourceName,
+      maxQueueSize,
+      initialThreadCount,
+      context,
+      finalizeCallback,
+      data,
+      details::ThreadSafeFinalize<ContextType, Finalizer, FinalizerDataType>::
+          FinalizeFinalizeWrapperWithDataAndContext);
+}
+
+inline ThreadSafeFunction::ThreadSafeFunction() : _tsfn() {}
+
+inline ThreadSafeFunction::ThreadSafeFunction(napi_threadsafe_function tsfn)
+    : _tsfn(tsfn) {}
+
+inline ThreadSafeFunction::operator napi_threadsafe_function() const {
+  return _tsfn;
+}
+
+inline napi_status ThreadSafeFunction::BlockingCall() const {
+  return CallInternal(nullptr, napi_tsfn_blocking);
+}
+
+template <>
+inline napi_status ThreadSafeFunction::BlockingCall(void* data) const {
+  return napi_call_threadsafe_function(_tsfn, data, napi_tsfn_blocking);
+}
+
+template <typename Callback>
+inline napi_status ThreadSafeFunction::BlockingCall(Callback callback) const {
+  return CallInternal(new CallbackWrapper(callback), napi_tsfn_blocking);
+}
+
+template <typename DataType, typename Callback>
+inline napi_status ThreadSafeFunction::BlockingCall(DataType* data,
+                                                    Callback callback) const {
+  auto wrapper = [data, callback](Env env, Function jsCallback) {
+    callback(env, jsCallback, data);
+  };
+  return CallInternal(new CallbackWrapper(wrapper), napi_tsfn_blocking);
+}
+
+inline napi_status ThreadSafeFunction::NonBlockingCall() const {
+  return CallInternal(nullptr, napi_tsfn_nonblocking);
+}
+
+template <>
+inline napi_status ThreadSafeFunction::NonBlockingCall(void* data) const {
+  return napi_call_threadsafe_function(_tsfn, data, napi_tsfn_nonblocking);
+}
+
+template <typename Callback>
+inline napi_status ThreadSafeFunction::NonBlockingCall(
+    Callback callback) const {
+  return CallInternal(new CallbackWrapper(callback), napi_tsfn_nonblocking);
+}
+
+template <typename DataType, typename Callback>
+inline napi_status ThreadSafeFunction::NonBlockingCall(
+    DataType* data, Callback callback) const {
+  auto wrapper = [data, callback](Env env, Function jsCallback) {
+    callback(env, jsCallback, data);
+  };
+  return CallInternal(new CallbackWrapper(wrapper), napi_tsfn_nonblocking);
+}
+
+inline void ThreadSafeFunction::Ref(napi_env env) const {
+  if (_tsfn != nullptr) {
+    napi_status status = napi_ref_threadsafe_function(env, _tsfn);
+    NAPI_THROW_IF_FAILED_VOID(env, status);
+  }
+}
+
+inline void ThreadSafeFunction::Unref(napi_env env) const {
+  if (_tsfn != nullptr) {
+    napi_status status = napi_unref_threadsafe_function(env, _tsfn);
+    NAPI_THROW_IF_FAILED_VOID(env, status);
+  }
+}
+
+inline napi_status ThreadSafeFunction::Acquire() const {
+  return napi_acquire_threadsafe_function(_tsfn);
+}
+
+inline napi_status ThreadSafeFunction::Release() const {
+  return napi_release_threadsafe_function(_tsfn, napi_tsfn_release);
+}
+
+inline napi_status ThreadSafeFunction::Abort() const {
+  return napi_release_threadsafe_function(_tsfn, napi_tsfn_abort);
+}
+
+inline ThreadSafeFunction::ConvertibleContext ThreadSafeFunction::GetContext()
+    const {
+  void* context;
+  napi_status status = napi_get_threadsafe_function_context(_tsfn, &context);
+  NAPI_FATAL_IF_FAILED(status,
+                       "ThreadSafeFunction::GetContext",
+                       "napi_get_threadsafe_function_context");
+  return ConvertibleContext({context});
+}
+
+// static
+template <typename ResourceString,
+          typename ContextType,
+          typename Finalizer,
+          typename FinalizerDataType>
+inline ThreadSafeFunction ThreadSafeFunction::New(napi_env env,
+                                                  const Function& callback,
+                                                  const Object& resource,
+                                                  ResourceString resourceName,
+                                                  size_t maxQueueSize,
+                                                  size_t initialThreadCount,
+                                                  ContextType* context,
+                                                  Finalizer finalizeCallback,
+                                                  FinalizerDataType* data,
+                                                  napi_finalize wrapper) {
+  static_assert(details::can_make_string<ResourceString>::value ||
+                    std::is_convertible<ResourceString, napi_value>::value,
+                "Resource name should be convertible to the string type");
+
+  ThreadSafeFunction tsfn;
+  auto* finalizeData = new details::
+      ThreadSafeFinalize<ContextType, Finalizer, FinalizerDataType>(
+          {data, finalizeCallback});
+  napi_status status =
+      napi_create_threadsafe_function(env,
+                                      callback,
+                                      resource,
+                                      Value::From(env, resourceName),
+                                      maxQueueSize,
+                                      initialThreadCount,
+                                      finalizeData,
+                                      wrapper,
+                                      context,
+                                      CallJS,
+                                      &tsfn._tsfn);
+  if (status != napi_ok) {
+    delete finalizeData;
+    NAPI_THROW_IF_FAILED(env, status, ThreadSafeFunction());
+  }
+
+  return tsfn;
+}
+
+inline napi_status ThreadSafeFunction::CallInternal(
+    CallbackWrapper* callbackWrapper,
+    napi_threadsafe_function_call_mode mode) const {
+  napi_status status =
+      napi_call_threadsafe_function(_tsfn, callbackWrapper, mode);
+  if (status != napi_ok && callbackWrapper != nullptr) {
+    delete callbackWrapper;
+  }
+
+  return status;
+}
+
+// static
+inline void ThreadSafeFunction::CallJS(napi_env env,
+                                       napi_value jsCallback,
+                                       void* /* context */,
+                                       void* data) {
+  if (env == nullptr && jsCallback == nullptr) {
+    return;
+  }
+
+  details::WrapVoidCallback([&]() {
+    if (data != nullptr) {
+      auto* callbackWrapper = static_cast<CallbackWrapper*>(data);
+      (*callbackWrapper)(env, Function(env, jsCallback));
+      delete callbackWrapper;
+    } else if (jsCallback != nullptr) {
+      Function(env, jsCallback).Call({});
+    }
+  });
+}
+
+////////////////////////////////////////////////////////////////////////////////
+// Async Progress Worker Base class
+////////////////////////////////////////////////////////////////////////////////
+template <typename DataType>
+inline AsyncProgressWorkerBase<DataType>::AsyncProgressWorkerBase(
+    const Object& receiver,
+    const Function& callback,
+    const char* resource_name,
+    const Object& resource,
+    size_t queue_size)
+    : AsyncWorker(receiver, callback, resource_name, resource) {
+  // Fill all possible arguments to work around ambiguous
+  // ThreadSafeFunction::New signatures.
+  _tsfn = ThreadSafeFunction::New(callback.Env(),
+                                  callback,
+                                  resource,
+                                  resource_name,
+                                  queue_size,
+                                  /** initialThreadCount */ 1,
+                                  /** context */ this,
+                                  OnThreadSafeFunctionFinalize,
+                                  /** finalizeData */ this);
+}
+
+#if NAPI_VERSION > 4
+template <typename DataType>
+inline AsyncProgressWorkerBase<DataType>::AsyncProgressWorkerBase(
+    Napi::Env env,
+    const char* resource_name,
+    const Object& resource,
+    size_t queue_size)
+    : AsyncWorker(env, resource_name, resource) {
+  // TODO: Once the changes to make the callback optional for threadsafe
+  // functions are available on all versions we can remove the dummy Function
+  // here.
+  Function callback;
+  // Fill all possible arguments to work around ambiguous
+  // ThreadSafeFunction::New signatures.
+  _tsfn = ThreadSafeFunction::New(env,
+                                  callback,
+                                  resource,
+                                  resource_name,
+                                  queue_size,
+                                  /** initialThreadCount */ 1,
+                                  /** context */ this,
+                                  OnThreadSafeFunctionFinalize,
+                                  /** finalizeData */ this);
+}
+#endif
+
+template <typename DataType>
+inline AsyncProgressWorkerBase<DataType>::~AsyncProgressWorkerBase() {
+  // Abort pending tsfn call.
+  // Don't send progress events after we've already completed.
+  // It's ok to call ThreadSafeFunction::Abort and ThreadSafeFunction::Release
+  // duplicated.
+  _tsfn.Abort();
+}
+
+template <typename DataType>
+inline void AsyncProgressWorkerBase<DataType>::OnAsyncWorkProgress(
+    Napi::Env /* env */, Napi::Function /* jsCallback */, void* data) {
+  ThreadSafeData* tsd = static_cast<ThreadSafeData*>(data);
+  tsd->asyncprogressworker()->OnWorkProgress(tsd->data());
+  delete tsd;
+}
+
+template <typename DataType>
+inline napi_status AsyncProgressWorkerBase<DataType>::NonBlockingCall(
+    DataType* data) {
+  auto tsd = new AsyncProgressWorkerBase::ThreadSafeData(this, data);
+  auto ret = _tsfn.NonBlockingCall(tsd, OnAsyncWorkProgress);
+  if (ret != napi_ok) {
+    delete tsd;
+  }
+  return ret;
+}
+
+template <typename DataType>
+inline void AsyncProgressWorkerBase<DataType>::OnWorkComplete(
+    Napi::Env /* env */, napi_status status) {
+  _work_completed = true;
+  _complete_status = status;
+  _tsfn.Release();
+}
+
+template <typename DataType>
+inline void AsyncProgressWorkerBase<DataType>::OnThreadSafeFunctionFinalize(
+    Napi::Env env, void* /* data */, AsyncProgressWorkerBase* context) {
+  if (context->_work_completed) {
+    context->AsyncWorker::OnWorkComplete(env, context->_complete_status);
+  }
+}
+
+////////////////////////////////////////////////////////////////////////////////
+// Async Progress Worker class
+////////////////////////////////////////////////////////////////////////////////
+template <class T>
+inline AsyncProgressWorker<T>::AsyncProgressWorker(const Function& callback)
+    : AsyncProgressWorker(callback, "generic") {}
+
+template <class T>
+inline AsyncProgressWorker<T>::AsyncProgressWorker(const Function& callback,
+                                                   const char* resource_name)
+    : AsyncProgressWorker(
+          callback, resource_name, Object::New(callback.Env())) {}
+
+template <class T>
+inline AsyncProgressWorker<T>::AsyncProgressWorker(const Function& callback,
+                                                   const char* resource_name,
+                                                   const Object& resource)
+    : AsyncProgressWorker(
+          Object::New(callback.Env()), callback, resource_name, resource) {}
+
+template <class T>
+inline AsyncProgressWorker<T>::AsyncProgressWorker(const Object& receiver,
+                                                   const Function& callback)
+    : AsyncProgressWorker(receiver, callback, "generic") {}
+
+template <class T>
+inline AsyncProgressWorker<T>::AsyncProgressWorker(const Object& receiver,
+                                                   const Function& callback,
+                                                   const char* resource_name)
+    : AsyncProgressWorker(
+          receiver, callback, resource_name, Object::New(callback.Env())) {}
+
+template <class T>
+inline AsyncProgressWorker<T>::AsyncProgressWorker(const Object& receiver,
+                                                   const Function& callback,
+                                                   const char* resource_name,
+                                                   const Object& resource)
+    : AsyncProgressWorkerBase(receiver, callback, resource_name, resource),
+      _asyncdata(nullptr),
+      _asyncsize(0),
+      _signaled(false) {}
+
+#if NAPI_VERSION > 4
+template <class T>
+inline AsyncProgressWorker<T>::AsyncProgressWorker(Napi::Env env)
+    : AsyncProgressWorker(env, "generic") {}
+
+template <class T>
+inline AsyncProgressWorker<T>::AsyncProgressWorker(Napi::Env env,
+                                                   const char* resource_name)
+    : AsyncProgressWorker(env, resource_name, Object::New(env)) {}
+
+template <class T>
+inline AsyncProgressWorker<T>::AsyncProgressWorker(Napi::Env env,
+                                                   const char* resource_name,
+                                                   const Object& resource)
+    : AsyncProgressWorkerBase(env, resource_name, resource),
+      _asyncdata(nullptr),
+      _asyncsize(0) {}
+#endif
+
+template <class T>
+inline AsyncProgressWorker<T>::~AsyncProgressWorker() {
+  {
+    std::lock_guard<std::mutex> lock(this->_mutex);
+    _asyncdata = nullptr;
+    _asyncsize = 0;
+  }
+}
+
+template <class T>
+inline void AsyncProgressWorker<T>::Execute() {
+  ExecutionProgress progress(this);
+  Execute(progress);
+}
+
+template <class T>
+inline void AsyncProgressWorker<T>::OnWorkProgress(void*) {
+  T* data;
+  size_t size;
+  bool signaled;
+  {
+    std::lock_guard<std::mutex> lock(this->_mutex);
+    data = this->_asyncdata;
+    size = this->_asyncsize;
+    signaled = this->_signaled;
+    this->_asyncdata = nullptr;
+    this->_asyncsize = 0;
+    this->_signaled = false;
+  }
+
+  /**
+   * The callback of ThreadSafeFunction is not been invoked immediately on the
+   * callback of uv_async_t (uv io poll), rather the callback of TSFN is
+   * invoked on the right next uv idle callback. There are chances that during
+   * the deferring the signal of uv_async_t is been sent again, i.e. potential
+   * not coalesced two calls of the TSFN callback.
+   */
+  if (data == nullptr && !signaled) {
+    return;
+  }
+
+  this->OnProgress(data, size);
+  delete[] data;
+}
+
+template <class T>
+inline void AsyncProgressWorker<T>::SendProgress_(const T* data, size_t count) {
+  T* new_data = new T[count];
+  std::copy(data, data + count, new_data);
+
+  T* old_data;
+  {
+    std::lock_guard<std::mutex> lock(this->_mutex);
+    old_data = _asyncdata;
+    _asyncdata = new_data;
+    _asyncsize = count;
+    _signaled = false;
+  }
+  this->NonBlockingCall(nullptr);
+
+  delete[] old_data;
+}
+
+template <class T>
+inline void AsyncProgressWorker<T>::Signal() {
+  {
+    std::lock_guard<std::mutex> lock(this->_mutex);
+    _signaled = true;
+  }
+  this->NonBlockingCall(static_cast<T*>(nullptr));
+}
+
+template <class T>
+inline void AsyncProgressWorker<T>::ExecutionProgress::Signal() const {
+  this->_worker->Signal();
+}
+
+template <class T>
+inline void AsyncProgressWorker<T>::ExecutionProgress::Send(
+    const T* data, size_t count) const {
+  _worker->SendProgress_(data, count);
+}
+
+////////////////////////////////////////////////////////////////////////////////
+// Async Progress Queue Worker class
+////////////////////////////////////////////////////////////////////////////////
+template <class T>
+inline AsyncProgressQueueWorker<T>::AsyncProgressQueueWorker(
+    const Function& callback)
+    : AsyncProgressQueueWorker(callback, "generic") {}
+
+template <class T>
+inline AsyncProgressQueueWorker<T>::AsyncProgressQueueWorker(
+    const Function& callback, const char* resource_name)
+    : AsyncProgressQueueWorker(
+          callback, resource_name, Object::New(callback.Env())) {}
+
+template <class T>
+inline AsyncProgressQueueWorker<T>::AsyncProgressQueueWorker(
+    const Function& callback, const char* resource_name, const Object& resource)
+    : AsyncProgressQueueWorker(
+          Object::New(callback.Env()), callback, resource_name, resource) {}
+
+template <class T>
+inline AsyncProgressQueueWorker<T>::AsyncProgressQueueWorker(
+    const Object& receiver, const Function& callback)
+    : AsyncProgressQueueWorker(receiver, callback, "generic") {}
+
+template <class T>
+inline AsyncProgressQueueWorker<T>::AsyncProgressQueueWorker(
+    const Object& receiver, const Function& callback, const char* resource_name)
+    : AsyncProgressQueueWorker(
+          receiver, callback, resource_name, Object::New(callback.Env())) {}
+
+template <class T>
+inline AsyncProgressQueueWorker<T>::AsyncProgressQueueWorker(
+    const Object& receiver,
+    const Function& callback,
+    const char* resource_name,
+    const Object& resource)
+    : AsyncProgressWorkerBase<std::pair<T*, size_t>>(
+          receiver,
+          callback,
+          resource_name,
+          resource,
+          /** unlimited queue size */ 0) {}
+
+#if NAPI_VERSION > 4
+template <class T>
+inline AsyncProgressQueueWorker<T>::AsyncProgressQueueWorker(Napi::Env env)
+    : AsyncProgressQueueWorker(env, "generic") {}
+
+template <class T>
+inline AsyncProgressQueueWorker<T>::AsyncProgressQueueWorker(
+    Napi::Env env, const char* resource_name)
+    : AsyncProgressQueueWorker(env, resource_name, Object::New(env)) {}
+
+template <class T>
+inline AsyncProgressQueueWorker<T>::AsyncProgressQueueWorker(
+    Napi::Env env, const char* resource_name, const Object& resource)
+    : AsyncProgressWorkerBase<std::pair<T*, size_t>>(
+          env, resource_name, resource, /** unlimited queue size */ 0) {}
+#endif
+
+template <class T>
+inline void AsyncProgressQueueWorker<T>::Execute() {
+  ExecutionProgress progress(this);
+  Execute(progress);
+}
+
+template <class T>
+inline void AsyncProgressQueueWorker<T>::OnWorkProgress(
+    std::pair<T*, size_t>* datapair) {
+  if (datapair == nullptr) {
+    return;
+  }
+
+  T* data = datapair->first;
+  size_t size = datapair->second;
+
+  this->OnProgress(data, size);
+  delete datapair;
+  delete[] data;
+}
+
+template <class T>
+inline void AsyncProgressQueueWorker<T>::SendProgress_(const T* data,
+                                                       size_t count) {
+  T* new_data = new T[count];
+  std::copy(data, data + count, new_data);
+
+  auto pair = new std::pair<T*, size_t>(new_data, count);
+  this->NonBlockingCall(pair);
+}
+
+template <class T>
+inline void AsyncProgressQueueWorker<T>::Signal() const {
+  this->SendProgress_(static_cast<T*>(nullptr), 0);
+}
+
+template <class T>
+inline void AsyncProgressQueueWorker<T>::OnWorkComplete(Napi::Env env,
+                                                        napi_status status) {
+  // Draining queued items in TSFN.
+  AsyncProgressWorkerBase<std::pair<T*, size_t>>::OnWorkComplete(env, status);
+}
+
+template <class T>
+inline void AsyncProgressQueueWorker<T>::ExecutionProgress::Signal() const {
+  _worker->SendProgress_(static_cast<T*>(nullptr), 0);
+}
+
+template <class T>
+inline void AsyncProgressQueueWorker<T>::ExecutionProgress::Send(
+    const T* data, size_t count) const {
+  _worker->SendProgress_(data, count);
+}
+#endif  // NAPI_VERSION > 3 && NAPI_HAS_THREADS
+
+////////////////////////////////////////////////////////////////////////////////
+// Memory Management class
+////////////////////////////////////////////////////////////////////////////////
+
+inline int64_t MemoryManagement::AdjustExternalMemory(Env env,
+                                                      int64_t change_in_bytes) {
+  int64_t result;
+  napi_status status =
+      napi_adjust_external_memory(env, change_in_bytes, &result);
+  NAPI_THROW_IF_FAILED(env, status, 0);
+  return result;
+}
+
+////////////////////////////////////////////////////////////////////////////////
+// Version Management class
+////////////////////////////////////////////////////////////////////////////////
+
+inline uint32_t VersionManagement::GetNapiVersion(Env env) {
+  uint32_t result;
+  napi_status status = napi_get_version(env, &result);
+  NAPI_THROW_IF_FAILED(env, status, 0);
+  return result;
+}
+
+inline const napi_node_version* VersionManagement::GetNodeVersion(Env env) {
+  const napi_node_version* result;
+  napi_status status = napi_get_node_version(env, &result);
+  NAPI_THROW_IF_FAILED(env, status, 0);
+  return result;
+}
+
+#if NAPI_VERSION > 5
+////////////////////////////////////////////////////////////////////////////////
+// Addon<T> class
+////////////////////////////////////////////////////////////////////////////////
+
+template <typename T>
+inline Object Addon<T>::Init(Env env, Object exports) {
+  T* addon = new T(env, exports);
+  env.SetInstanceData(addon);
+  return addon->entry_point_;
+}
+
+template <typename T>
+inline T* Addon<T>::Unwrap(Object wrapper) {
+  return wrapper.Env().GetInstanceData<T>();
+}
+
+template <typename T>
+inline void Addon<T>::DefineAddon(
+    Object exports, const std::initializer_list<AddonProp>& props) {
+  DefineProperties(exports, props);
+  entry_point_ = exports;
+}
+
+template <typename T>
+inline Napi::Object Addon<T>::DefineProperties(
+    Object object, const std::initializer_list<AddonProp>& props) {
+  const napi_property_descriptor* properties =
+      reinterpret_cast<const napi_property_descriptor*>(props.begin());
+  size_t size = props.size();
+  napi_status status =
+      napi_define_properties(object.Env(), object, size, properties);
+  NAPI_THROW_IF_FAILED(object.Env(), status, object);
+  for (size_t idx = 0; idx < size; idx++)
+    T::AttachPropData(object.Env(), object, &properties[idx]);
+  return object;
+}
+#endif  // NAPI_VERSION > 5
+
+#if NAPI_VERSION > 2
+template <typename Hook, typename Arg>
+Env::CleanupHook<Hook, Arg> Env::AddCleanupHook(Hook hook, Arg* arg) {
+  return CleanupHook<Hook, Arg>(*this, hook, arg);
+}
+
+template <typename Hook>
+Env::CleanupHook<Hook> Env::AddCleanupHook(Hook hook) {
+  return CleanupHook<Hook>(*this, hook);
+}
+
+template <typename Hook, typename Arg>
+Env::CleanupHook<Hook, Arg>::CleanupHook() {
+  data = nullptr;
+}
+
+template <typename Hook, typename Arg>
+Env::CleanupHook<Hook, Arg>::CleanupHook(Napi::Env env, Hook hook)
+    : wrapper(Env::CleanupHook<Hook, Arg>::Wrapper) {
+  data = new CleanupData{std::move(hook), nullptr};
+  napi_status status = napi_add_env_cleanup_hook(env, wrapper, data);
+  if (status != napi_ok) {
+    delete data;
+    data = nullptr;
+  }
+}
+
+template <typename Hook, typename Arg>
+Env::CleanupHook<Hook, Arg>::CleanupHook(Napi::Env env, Hook hook, Arg* arg)
+    : wrapper(Env::CleanupHook<Hook, Arg>::WrapperWithArg) {
+  data = new CleanupData{std::move(hook), arg};
+  napi_status status = napi_add_env_cleanup_hook(env, wrapper, data);
+  if (status != napi_ok) {
+    delete data;
+    data = nullptr;
+  }
+}
+
+template <class Hook, class Arg>
+bool Env::CleanupHook<Hook, Arg>::Remove(Env env) {
+  napi_status status = napi_remove_env_cleanup_hook(env, wrapper, data);
+  delete data;
+  data = nullptr;
+  return status == napi_ok;
+}
+
+template <class Hook, class Arg>
+bool Env::CleanupHook<Hook, Arg>::IsEmpty() const {
+  return data == nullptr;
+}
+#endif  // NAPI_VERSION > 2
+
+#ifdef NAPI_CPP_CUSTOM_NAMESPACE
+}  // namespace NAPI_CPP_CUSTOM_NAMESPACE
+#endif
+
+}  // namespace Napi
+
+#endif  // SRC_NAPI_INL_H_
diff --git a/node_modules/node-addon-api/napi.h b/node_modules/node-addon-api/napi.h
new file mode 100644
index 0000000..9f20cb8
--- /dev/null
+++ b/node_modules/node-addon-api/napi.h
@@ -0,0 +1,3201 @@
+#ifndef SRC_NAPI_H_
+#define SRC_NAPI_H_
+
+#ifndef NAPI_HAS_THREADS
+#if !defined(__wasm__) || (defined(__EMSCRIPTEN_PTHREADS__) ||                 \
+                           (defined(__wasi__) && defined(_REENTRANT)))
+#define NAPI_HAS_THREADS 1
+#else
+#define NAPI_HAS_THREADS 0
+#endif
+#endif
+
+#include <node_api.h>
+#include <functional>
+#include <initializer_list>
+#include <memory>
+#if NAPI_HAS_THREADS
+#include <mutex>
+#endif  // NAPI_HAS_THREADS
+#include <string>
+#include <vector>
+
+// VS2015 RTM has bugs with constexpr, so require min of VS2015 Update 3 (known
+// good version)
+#if !defined(_MSC_VER) || _MSC_FULL_VER >= 190024210
+#define NAPI_HAS_CONSTEXPR 1
+#endif
+
+// VS2013 does not support char16_t literal strings, so we'll work around it
+// using wchar_t strings and casting them. This is safe as long as the character
+// sizes are the same.
+#if defined(_MSC_VER) && _MSC_VER <= 1800
+static_assert(sizeof(char16_t) == sizeof(wchar_t),
+              "Size mismatch between char16_t and wchar_t");
+#define NAPI_WIDE_TEXT(x) reinterpret_cast<char16_t*>(L##x)
+#else
+#define NAPI_WIDE_TEXT(x) u##x
+#endif
+
+// If C++ exceptions are not explicitly enabled or disabled, enable them
+// if exceptions were enabled in the compiler settings.
+#if !defined(NAPI_CPP_EXCEPTIONS) && !defined(NAPI_DISABLE_CPP_EXCEPTIONS)
+#if defined(_CPPUNWIND) || defined(__EXCEPTIONS)
+#define NAPI_CPP_EXCEPTIONS
+#else
+#error Exception support not detected. \
+      Define either NAPI_CPP_EXCEPTIONS or NAPI_DISABLE_CPP_EXCEPTIONS.
+#endif
+#endif
+
+// If C++ NAPI_CPP_EXCEPTIONS are enabled, NODE_ADDON_API_ENABLE_MAYBE should
+// not be set
+#if defined(NAPI_CPP_EXCEPTIONS) && defined(NODE_ADDON_API_ENABLE_MAYBE)
+#error NODE_ADDON_API_ENABLE_MAYBE should not be set when \
+    NAPI_CPP_EXCEPTIONS is defined.
+#endif
+
+#ifdef _NOEXCEPT
+#define NAPI_NOEXCEPT _NOEXCEPT
+#else
+#define NAPI_NOEXCEPT noexcept
+#endif
+
+#ifdef NAPI_CPP_EXCEPTIONS
+
+// When C++ exceptions are enabled, Errors are thrown directly. There is no need
+// to return anything after the throw statements. The variadic parameter is an
+// optional return value that is ignored.
+// We need _VOID versions of the macros to avoid warnings resulting from
+// leaving the NAPI_THROW_* `...` argument empty.
+
+#define NAPI_THROW(e, ...) throw e
+#define NAPI_THROW_VOID(e) throw e
+
+#define NAPI_THROW_IF_FAILED(env, status, ...)                                 \
+  if ((status) != napi_ok) throw Napi::Error::New(env);
+
+#define NAPI_THROW_IF_FAILED_VOID(env, status)                                 \
+  if ((status) != napi_ok) throw Napi::Error::New(env);
+
+#else  // NAPI_CPP_EXCEPTIONS
+
+// When C++ exceptions are disabled, Errors are thrown as JavaScript exceptions,
+// which are pending until the callback returns to JS.  The variadic parameter
+// is an optional return value; usually it is an empty result.
+// We need _VOID versions of the macros to avoid warnings resulting from
+// leaving the NAPI_THROW_* `...` argument empty.
+
+#define NAPI_THROW(e, ...)                                                     \
+  do {                                                                         \
+    (e).ThrowAsJavaScriptException();                                          \
+    return __VA_ARGS__;                                                        \
+  } while (0)
+
+#define NAPI_THROW_VOID(e)                                                     \
+  do {                                                                         \
+    (e).ThrowAsJavaScriptException();                                          \
+    return;                                                                    \
+  } while (0)
+
+#define NAPI_THROW_IF_FAILED(env, status, ...)                                 \
+  if ((status) != napi_ok) {                                                   \
+    Napi::Error::New(env).ThrowAsJavaScriptException();                        \
+    return __VA_ARGS__;                                                        \
+  }
+
+#define NAPI_THROW_IF_FAILED_VOID(env, status)                                 \
+  if ((status) != napi_ok) {                                                   \
+    Napi::Error::New(env).ThrowAsJavaScriptException();                        \
+    return;                                                                    \
+  }
+
+#endif  // NAPI_CPP_EXCEPTIONS
+
+#ifdef NODE_ADDON_API_ENABLE_MAYBE
+#define NAPI_MAYBE_THROW_IF_FAILED(env, status, type)                          \
+  NAPI_THROW_IF_FAILED(env, status, Napi::Nothing<type>())
+
+#define NAPI_RETURN_OR_THROW_IF_FAILED(env, status, result, type)              \
+  NAPI_MAYBE_THROW_IF_FAILED(env, status, type);                               \
+  return Napi::Just<type>(result);
+#else
+#define NAPI_MAYBE_THROW_IF_FAILED(env, status, type)                          \
+  NAPI_THROW_IF_FAILED(env, status, type())
+
+#define NAPI_RETURN_OR_THROW_IF_FAILED(env, status, result, type)              \
+  NAPI_MAYBE_THROW_IF_FAILED(env, status, type);                               \
+  return result;
+#endif
+
+#define NAPI_DISALLOW_ASSIGN(CLASS) void operator=(const CLASS&) = delete;
+#define NAPI_DISALLOW_COPY(CLASS) CLASS(const CLASS&) = delete;
+
+#define NAPI_DISALLOW_ASSIGN_COPY(CLASS)                                       \
+  NAPI_DISALLOW_ASSIGN(CLASS)                                                  \
+  NAPI_DISALLOW_COPY(CLASS)
+
+#define NAPI_CHECK(condition, location, message)                               \
+  do {                                                                         \
+    if (!(condition)) {                                                        \
+      Napi::Error::Fatal((location), (message));                               \
+    }                                                                          \
+  } while (0)
+
+#define NAPI_FATAL_IF_FAILED(status, location, message)                        \
+  NAPI_CHECK((status) == napi_ok, location, message)
+
+////////////////////////////////////////////////////////////////////////////////
+/// Node-API C++ Wrapper Classes
+///
+/// These classes wrap the "Node-API" ABI-stable C APIs for Node.js, providing a
+/// C++ object model and C++ exception-handling semantics with low overhead.
+/// The wrappers are all header-only so that they do not affect the ABI.
+////////////////////////////////////////////////////////////////////////////////
+namespace Napi {
+
+#ifdef NAPI_CPP_CUSTOM_NAMESPACE
+// NAPI_CPP_CUSTOM_NAMESPACE can be #define'd per-addon to avoid symbol
+// conflicts between different instances of node-addon-api
+
+// First dummy definition of the namespace to make sure that Napi::(name) still
+// refers to the right things inside this file.
+namespace NAPI_CPP_CUSTOM_NAMESPACE {}
+using namespace NAPI_CPP_CUSTOM_NAMESPACE;
+
+namespace NAPI_CPP_CUSTOM_NAMESPACE {
+#endif
+
+// Forward declarations
+class Env;
+class Value;
+class Boolean;
+class Number;
+#if NAPI_VERSION > 5
+class BigInt;
+#endif  // NAPI_VERSION > 5
+#if (NAPI_VERSION > 4)
+class Date;
+#endif
+class String;
+class Object;
+class Array;
+class ArrayBuffer;
+class Function;
+class Error;
+class PropertyDescriptor;
+class CallbackInfo;
+class TypedArray;
+template <typename T>
+class TypedArrayOf;
+
+using Int8Array =
+    TypedArrayOf<int8_t>;  ///< Typed-array of signed 8-bit integers
+using Uint8Array =
+    TypedArrayOf<uint8_t>;  ///< Typed-array of unsigned 8-bit integers
+using Int16Array =
+    TypedArrayOf<int16_t>;  ///< Typed-array of signed 16-bit integers
+using Uint16Array =
+    TypedArrayOf<uint16_t>;  ///< Typed-array of unsigned 16-bit integers
+using Int32Array =
+    TypedArrayOf<int32_t>;  ///< Typed-array of signed 32-bit integers
+using Uint32Array =
+    TypedArrayOf<uint32_t>;  ///< Typed-array of unsigned 32-bit integers
+using Float32Array =
+    TypedArrayOf<float>;  ///< Typed-array of 32-bit floating-point values
+using Float64Array =
+    TypedArrayOf<double>;  ///< Typed-array of 64-bit floating-point values
+#if NAPI_VERSION > 5
+using BigInt64Array =
+    TypedArrayOf<int64_t>;  ///< Typed array of signed 64-bit integers
+using BigUint64Array =
+    TypedArrayOf<uint64_t>;  ///< Typed array of unsigned 64-bit integers
+#endif                       // NAPI_VERSION > 5
+
+/// Defines the signature of a Node-API C++ module's registration callback
+/// (init) function.
+using ModuleRegisterCallback = Object (*)(Env env, Object exports);
+
+class MemoryManagement;
+
+/// A simple Maybe type, representing an object which may or may not have a
+/// value.
+///
+/// If an API method returns a Maybe<>, the API method can potentially fail
+/// either because an exception is thrown, or because an exception is pending,
+/// e.g. because a previous API call threw an exception that hasn't been
+/// caught yet. In that case, a "Nothing" value is returned.
+template <class T>
+class Maybe {
+ public:
+  bool IsNothing() const;
+  bool IsJust() const;
+
+  /// Short-hand for Unwrap(), which doesn't return a value. Could be used
+  /// where the actual value of the Maybe is not needed like Object::Set.
+  /// If this Maybe is nothing (empty), node-addon-api will crash the
+  /// process.
+  void Check() const;
+
+  /// Return the value of type T contained in the Maybe. If this Maybe is
+  /// nothing (empty), node-addon-api will crash the process.
+  T Unwrap() const;
+
+  /// Return the value of type T contained in the Maybe, or using a default
+  /// value if this Maybe is nothing (empty).
+  T UnwrapOr(const T& default_value) const;
+
+  /// Converts this Maybe to a value of type T in the out. If this Maybe is
+  /// nothing (empty), `false` is returned and `out` is left untouched.
+  bool UnwrapTo(T* out) const;
+
+  bool operator==(const Maybe& other) const;
+  bool operator!=(const Maybe& other) const;
+
+ private:
+  Maybe();
+  explicit Maybe(const T& t);
+
+  bool _has_value;
+  T _value;
+
+  template <class U>
+  friend Maybe<U> Nothing();
+  template <class U>
+  friend Maybe<U> Just(const U& u);
+};
+
+template <class T>
+inline Maybe<T> Nothing();
+
+template <class T>
+inline Maybe<T> Just(const T& t);
+
+#if defined(NODE_ADDON_API_ENABLE_MAYBE)
+template <typename T>
+using MaybeOrValue = Maybe<T>;
+#else
+template <typename T>
+using MaybeOrValue = T;
+#endif
+
+/// Environment for Node-API values and operations.
+///
+/// All Node-API values and operations must be associated with an environment.
+/// An environment instance is always provided to callback functions; that
+/// environment must then be used for any creation of Node-API values or other
+/// Node-API operations within the callback. (Many methods infer the
+/// environment from the `this` instance that the method is called on.)
+///
+/// In the future, multiple environments per process may be supported,
+/// although current implementations only support one environment per process.
+///
+/// In the V8 JavaScript engine, a Node-API environment approximately
+/// corresponds to an Isolate.
+class Env {
+ private:
+  napi_env _env;
+#if NAPI_VERSION > 5
+  template <typename T>
+  static void DefaultFini(Env, T* data);
+  template <typename DataType, typename HintType>
+  static void DefaultFiniWithHint(Env, DataType* data, HintType* hint);
+#endif  // NAPI_VERSION > 5
+ public:
+  Env(napi_env env);
+
+  operator napi_env() const;
+
+  Object Global() const;
+  Value Undefined() const;
+  Value Null() const;
+
+  bool IsExceptionPending() const;
+  Error GetAndClearPendingException() const;
+
+  MaybeOrValue<Value> RunScript(const char* utf8script) const;
+  MaybeOrValue<Value> RunScript(const std::string& utf8script) const;
+  MaybeOrValue<Value> RunScript(String script) const;
+
+#if NAPI_VERSION > 2
+  template <typename Hook, typename Arg = void>
+  class CleanupHook;
+
+  template <typename Hook>
+  CleanupHook<Hook> AddCleanupHook(Hook hook);
+
+  template <typename Hook, typename Arg>
+  CleanupHook<Hook, Arg> AddCleanupHook(Hook hook, Arg* arg);
+#endif  // NAPI_VERSION > 2
+
+#if NAPI_VERSION > 5
+  template <typename T>
+  T* GetInstanceData() const;
+
+  template <typename T>
+  using Finalizer = void (*)(Env, T*);
+  template <typename T, Finalizer<T> fini = Env::DefaultFini<T>>
+  void SetInstanceData(T* data) const;
+
+  template <typename DataType, typename HintType>
+  using FinalizerWithHint = void (*)(Env, DataType*, HintType*);
+  template <typename DataType,
+            typename HintType,
+            FinalizerWithHint<DataType, HintType> fini =
+                Env::DefaultFiniWithHint<DataType, HintType>>
+  void SetInstanceData(DataType* data, HintType* hint) const;
+#endif  // NAPI_VERSION > 5
+
+#if NAPI_VERSION > 2
+  template <typename Hook, typename Arg>
+  class CleanupHook {
+   public:
+    CleanupHook();
+    CleanupHook(Env env, Hook hook, Arg* arg);
+    CleanupHook(Env env, Hook hook);
+    bool Remove(Env env);
+    bool IsEmpty() const;
+
+   private:
+    static inline void Wrapper(void* data) NAPI_NOEXCEPT;
+    static inline void WrapperWithArg(void* data) NAPI_NOEXCEPT;
+
+    void (*wrapper)(void* arg);
+    struct CleanupData {
+      Hook hook;
+      Arg* arg;
+    } * data;
+  };
+#endif  // NAPI_VERSION > 2
+
+#if NAPI_VERSION > 8
+  const char* GetModuleFileName() const;
+#endif  // NAPI_VERSION > 8
+};
+
+/// A JavaScript value of unknown type.
+///
+/// For type-specific operations, convert to one of the Value subclasses using a
+/// `To*` or `As()` method. The `To*` methods do type coercion; the `As()`
+/// method does not.
+///
+///     Napi::Value value = ...
+///     if (!value.IsString()) throw Napi::TypeError::New(env, "Invalid
+///     arg..."); Napi::String str = value.As<Napi::String>(); // Cast to a
+///     string value
+///
+///     Napi::Value anotherValue = ...
+///     bool isTruthy = anotherValue.ToBoolean(); // Coerce to a boolean value
+class Value {
+ public:
+  Value();  ///< Creates a new _empty_ Value instance.
+  Value(napi_env env,
+        napi_value value);  ///< Wraps a Node-API value primitive.
+
+  /// Creates a JS value from a C++ primitive.
+  ///
+  /// `value` may be any of:
+  /// - bool
+  /// - Any integer type
+  /// - Any floating point type
+  /// - const char* (encoded using UTF-8, null-terminated)
+  /// - const char16_t* (encoded using UTF-16-LE, null-terminated)
+  /// - std::string (encoded using UTF-8)
+  /// - std::u16string
+  /// - napi::Value
+  /// - napi_value
+  template <typename T>
+  static Value From(napi_env env, const T& value);
+
+  /// Converts to a Node-API value primitive.
+  ///
+  /// If the instance is _empty_, this returns `nullptr`.
+  operator napi_value() const;
+
+  /// Tests if this value strictly equals another value.
+  bool operator==(const Value& other) const;
+
+  /// Tests if this value does not strictly equal another value.
+  bool operator!=(const Value& other) const;
+
+  /// Tests if this value strictly equals another value.
+  bool StrictEquals(const Value& other) const;
+
+  /// Gets the environment the value is associated with.
+  Napi::Env Env() const;
+
+  /// Checks if the value is empty (uninitialized).
+  ///
+  /// An empty value is invalid, and most attempts to perform an operation on an
+  /// empty value will result in an exception. Note an empty value is distinct
+  /// from JavaScript `null` or `undefined`, which are valid values.
+  ///
+  /// When C++ exceptions are disabled at compile time, a method with a `Value`
+  /// return type may return an empty value to indicate a pending exception. So
+  /// when not using C++ exceptions, callers should check whether the value is
+  /// empty before attempting to use it.
+  bool IsEmpty() const;
+
+  napi_valuetype Type() const;  ///< Gets the type of the value.
+
+  bool IsUndefined()
+      const;            ///< Tests if a value is an undefined JavaScript value.
+  bool IsNull() const;  ///< Tests if a value is a null JavaScript value.
+  bool IsBoolean() const;  ///< Tests if a value is a JavaScript boolean.
+  bool IsNumber() const;   ///< Tests if a value is a JavaScript number.
+#if NAPI_VERSION > 5
+  bool IsBigInt() const;  ///< Tests if a value is a JavaScript bigint.
+#endif                    // NAPI_VERSION > 5
+#if (NAPI_VERSION > 4)
+  bool IsDate() const;  ///< Tests if a value is a JavaScript date.
+#endif
+  bool IsString() const;  ///< Tests if a value is a JavaScript string.
+  bool IsSymbol() const;  ///< Tests if a value is a JavaScript symbol.
+  bool IsArray() const;   ///< Tests if a value is a JavaScript array.
+  bool IsArrayBuffer()
+      const;  ///< Tests if a value is a JavaScript array buffer.
+  bool IsTypedArray() const;  ///< Tests if a value is a JavaScript typed array.
+  bool IsObject() const;      ///< Tests if a value is a JavaScript object.
+  bool IsFunction() const;    ///< Tests if a value is a JavaScript function.
+  bool IsPromise() const;     ///< Tests if a value is a JavaScript promise.
+  bool IsDataView() const;    ///< Tests if a value is a JavaScript data view.
+  bool IsBuffer() const;      ///< Tests if a value is a Node buffer.
+  bool IsExternal() const;  ///< Tests if a value is a pointer to external data.
+
+  /// Casts to another type of `Napi::Value`, when the actual type is known or
+  /// assumed.
+  ///
+  /// This conversion does NOT coerce the type. Calling any methods
+  /// inappropriate for the actual value type will throw `Napi::Error`.
+  ///
+  /// If `NODE_ADDON_API_ENABLE_TYPE_CHECK_ON_AS` is defined, this method
+  /// asserts that the actual type is the expected type.
+  template <typename T>
+  T As() const;
+
+  MaybeOrValue<Boolean> ToBoolean()
+      const;  ///< Coerces a value to a JavaScript boolean.
+  MaybeOrValue<Number> ToNumber()
+      const;  ///< Coerces a value to a JavaScript number.
+  MaybeOrValue<String> ToString()
+      const;  ///< Coerces a value to a JavaScript string.
+  MaybeOrValue<Object> ToObject()
+      const;  ///< Coerces a value to a JavaScript object.
+
+ protected:
+  /// !cond INTERNAL
+  napi_env _env;
+  napi_value _value;
+  /// !endcond
+};
+
+/// A JavaScript boolean value.
+class Boolean : public Value {
+ public:
+  static Boolean New(napi_env env,  ///< Node-API environment
+                     bool value     ///< Boolean value
+  );
+
+  static void CheckCast(napi_env env, napi_value value);
+
+  Boolean();  ///< Creates a new _empty_ Boolean instance.
+  Boolean(napi_env env,
+          napi_value value);  ///< Wraps a Node-API value primitive.
+
+  operator bool() const;  ///< Converts a Boolean value to a boolean primitive.
+  bool Value() const;     ///< Converts a Boolean value to a boolean primitive.
+};
+
+/// A JavaScript number value.
+class Number : public Value {
+ public:
+  static Number New(napi_env env,  ///< Node-API environment
+                    double value   ///< Number value
+  );
+
+  static void CheckCast(napi_env env, napi_value value);
+
+  Number();  ///< Creates a new _empty_ Number instance.
+  Number(napi_env env,
+         napi_value value);  ///< Wraps a Node-API value primitive.
+
+  operator int32_t()
+      const;  ///< Converts a Number value to a 32-bit signed integer value.
+  operator uint32_t()
+      const;  ///< Converts a Number value to a 32-bit unsigned integer value.
+  operator int64_t()
+      const;  ///< Converts a Number value to a 64-bit signed integer value.
+  operator float()
+      const;  ///< Converts a Number value to a 32-bit floating-point value.
+  operator double()
+      const;  ///< Converts a Number value to a 64-bit floating-point value.
+
+  int32_t Int32Value()
+      const;  ///< Converts a Number value to a 32-bit signed integer value.
+  uint32_t Uint32Value()
+      const;  ///< Converts a Number value to a 32-bit unsigned integer value.
+  int64_t Int64Value()
+      const;  ///< Converts a Number value to a 64-bit signed integer value.
+  float FloatValue()
+      const;  ///< Converts a Number value to a 32-bit floating-point value.
+  double DoubleValue()
+      const;  ///< Converts a Number value to a 64-bit floating-point value.
+};
+
+#if NAPI_VERSION > 5
+/// A JavaScript bigint value.
+class BigInt : public Value {
+ public:
+  static BigInt New(napi_env env,  ///< Node-API environment
+                    int64_t value  ///< Number value
+  );
+  static BigInt New(napi_env env,   ///< Node-API environment
+                    uint64_t value  ///< Number value
+  );
+
+  /// Creates a new BigInt object using a specified sign bit and a
+  /// specified list of digits/words.
+  /// The resulting number is calculated as:
+  /// (-1)^sign_bit * (words[0] * (2^64)^0 + words[1] * (2^64)^1 + ...)
+  static BigInt New(napi_env env,          ///< Node-API environment
+                    int sign_bit,          ///< Sign bit. 1 if negative.
+                    size_t word_count,     ///< Number of words in array
+                    const uint64_t* words  ///< Array of words
+  );
+
+  static void CheckCast(napi_env env, napi_value value);
+
+  BigInt();  ///< Creates a new _empty_ BigInt instance.
+  BigInt(napi_env env,
+         napi_value value);  ///< Wraps a Node-API value primitive.
+
+  int64_t Int64Value(bool* lossless)
+      const;  ///< Converts a BigInt value to a 64-bit signed integer value.
+  uint64_t Uint64Value(bool* lossless)
+      const;  ///< Converts a BigInt value to a 64-bit unsigned integer value.
+
+  size_t WordCount() const;  ///< The number of 64-bit words needed to store
+                             ///< the result of ToWords().
+
+  /// Writes the contents of this BigInt to a specified memory location.
+  /// `sign_bit` must be provided and will be set to 1 if this BigInt is
+  /// negative.
+  /// `*word_count` has to be initialized to the length of the `words` array.
+  /// Upon return, it will be set to the actual number of words that would
+  /// be needed to store this BigInt (i.e. the return value of `WordCount()`).
+  void ToWords(int* sign_bit, size_t* word_count, uint64_t* words);
+};
+#endif  // NAPI_VERSION > 5
+
+#if (NAPI_VERSION > 4)
+/// A JavaScript date value.
+class Date : public Value {
+ public:
+  /// Creates a new Date value from a double primitive.
+  static Date New(napi_env env,  ///< Node-API environment
+                  double value   ///< Number value
+  );
+
+  static void CheckCast(napi_env env, napi_value value);
+
+  Date();  ///< Creates a new _empty_ Date instance.
+  Date(napi_env env, napi_value value);  ///< Wraps a Node-API value primitive.
+  operator double() const;  ///< Converts a Date value to double primitive
+
+  double ValueOf() const;  ///< Converts a Date value to a double primitive.
+};
+#endif
+
+/// A JavaScript string or symbol value (that can be used as a property name).
+class Name : public Value {
+ public:
+  static void CheckCast(napi_env env, napi_value value);
+
+  Name();  ///< Creates a new _empty_ Name instance.
+  Name(napi_env env,
+       napi_value value);  ///< Wraps a Node-API value primitive.
+};
+
+/// A JavaScript string value.
+class String : public Name {
+ public:
+  /// Creates a new String value from a UTF-8 encoded C++ string.
+  static String New(napi_env env,             ///< Node-API environment
+                    const std::string& value  ///< UTF-8 encoded C++ string
+  );
+
+  /// Creates a new String value from a UTF-16 encoded C++ string.
+  static String New(napi_env env,                ///< Node-API environment
+                    const std::u16string& value  ///< UTF-16 encoded C++ string
+  );
+
+  /// Creates a new String value from a UTF-8 encoded C string.
+  static String New(
+      napi_env env,      ///< Node-API environment
+      const char* value  ///< UTF-8 encoded null-terminated C string
+  );
+
+  /// Creates a new String value from a UTF-16 encoded C string.
+  static String New(
+      napi_env env,          ///< Node-API environment
+      const char16_t* value  ///< UTF-16 encoded null-terminated C string
+  );
+
+  /// Creates a new String value from a UTF-8 encoded C string with specified
+  /// length.
+  static String New(napi_env env,       ///< Node-API environment
+                    const char* value,  ///< UTF-8 encoded C string (not
+                                        ///< necessarily null-terminated)
+                    size_t length       ///< length of the string in bytes
+  );
+
+  /// Creates a new String value from a UTF-16 encoded C string with specified
+  /// length.
+  static String New(
+      napi_env env,           ///< Node-API environment
+      const char16_t* value,  ///< UTF-16 encoded C string (not necessarily
+                              ///< null-terminated)
+      size_t length           ///< Length of the string in 2-byte code units
+  );
+
+  /// Creates a new String based on the original object's type.
+  ///
+  /// `value` may be any of:
+  /// - const char* (encoded using UTF-8, null-terminated)
+  /// - const char16_t* (encoded using UTF-16-LE, null-terminated)
+  /// - std::string (encoded using UTF-8)
+  /// - std::u16string
+  template <typename T>
+  static String From(napi_env env, const T& value);
+
+  static void CheckCast(napi_env env, napi_value value);
+
+  String();  ///< Creates a new _empty_ String instance.
+  String(napi_env env,
+         napi_value value);  ///< Wraps a Node-API value primitive.
+
+  operator std::string()
+      const;  ///< Converts a String value to a UTF-8 encoded C++ string.
+  operator std::u16string()
+      const;  ///< Converts a String value to a UTF-16 encoded C++ string.
+  std::string Utf8Value()
+      const;  ///< Converts a String value to a UTF-8 encoded C++ string.
+  std::u16string Utf16Value()
+      const;  ///< Converts a String value to a UTF-16 encoded C++ string.
+};
+
+/// A JavaScript symbol value.
+class Symbol : public Name {
+ public:
+  /// Creates a new Symbol value with an optional description.
+  static Symbol New(
+      napi_env env,  ///< Node-API environment
+      const char* description =
+          nullptr  ///< Optional UTF-8 encoded null-terminated C string
+                   ///  describing the symbol
+  );
+
+  /// Creates a new Symbol value with a description.
+  static Symbol New(
+      napi_env env,  ///< Node-API environment
+      const std::string&
+          description  ///< UTF-8 encoded C++ string describing the symbol
+  );
+
+  /// Creates a new Symbol value with a description.
+  static Symbol New(napi_env env,       ///< Node-API environment
+                    String description  ///< String value describing the symbol
+  );
+
+  /// Creates a new Symbol value with a description.
+  static Symbol New(
+      napi_env env,           ///< Node-API environment
+      napi_value description  ///< String value describing the symbol
+  );
+
+  /// Get a public Symbol (e.g. Symbol.iterator).
+  static MaybeOrValue<Symbol> WellKnown(napi_env, const std::string& name);
+
+  // Create a symbol in the global registry, UTF-8 Encoded cpp string
+  static MaybeOrValue<Symbol> For(napi_env env, const std::string& description);
+
+  // Create a symbol in the global registry, C style string (null terminated)
+  static MaybeOrValue<Symbol> For(napi_env env, const char* description);
+
+  // Create a symbol in the global registry, String value describing the symbol
+  static MaybeOrValue<Symbol> For(napi_env env, String description);
+
+  // Create a symbol in the global registry, napi_value describing the symbol
+  static MaybeOrValue<Symbol> For(napi_env env, napi_value description);
+
+  static void CheckCast(napi_env env, napi_value value);
+
+  Symbol();  ///< Creates a new _empty_ Symbol instance.
+  Symbol(napi_env env,
+         napi_value value);  ///< Wraps a Node-API value primitive.
+};
+
+class TypeTaggable : public Value {
+ public:
+#if NAPI_VERSION >= 8
+  void TypeTag(const napi_type_tag* type_tag) const;
+  bool CheckTypeTag(const napi_type_tag* type_tag) const;
+#endif  // NAPI_VERSION >= 8
+ protected:
+  TypeTaggable();
+  TypeTaggable(napi_env env, napi_value value);
+};
+
+/// A JavaScript object value.
+class Object : public TypeTaggable {
+ public:
+  /// Enables property and element assignments using indexing syntax.
+  ///
+  /// This is a convenient helper to get and set object properties. As
+  /// getting and setting object properties may throw with JavaScript
+  /// exceptions, it is notable that these operations may fail.
+  /// When NODE_ADDON_API_ENABLE_MAYBE is defined, the process will abort
+  /// on JavaScript exceptions.
+  ///
+  /// Example:
+  ///
+  ///     Napi::Value propertyValue = object1['A'];
+  ///     object2['A'] = propertyValue;
+  ///     Napi::Value elementValue = array[0];
+  ///     array[1] = elementValue;
+  template <typename Key>
+  class PropertyLValue {
+   public:
+    /// Converts an L-value to a value.
+    operator Value() const;
+
+    /// Assigns a value to the property. The type of value can be
+    /// anything supported by `Object::Set`.
+    template <typename ValueType>
+    PropertyLValue& operator=(ValueType value);
+
+   private:
+    PropertyLValue() = delete;
+    PropertyLValue(Object object, Key key);
+    napi_env _env;
+    napi_value _object;
+    Key _key;
+
+    friend class Napi::Object;
+  };
+
+  /// Creates a new Object value.
+  static Object New(napi_env env  ///< Node-API environment
+  );
+
+  static void CheckCast(napi_env env, napi_value value);
+
+  Object();  ///< Creates a new _empty_ Object instance.
+  Object(napi_env env,
+         napi_value value);  ///< Wraps a Node-API value primitive.
+
+  /// Gets or sets a named property.
+  PropertyLValue<std::string> operator[](
+      const char* utf8name  ///< UTF-8 encoded null-terminated property name
+  );
+
+  /// Gets or sets a named property.
+  PropertyLValue<std::string> operator[](
+      const std::string& utf8name  ///< UTF-8 encoded property name
+  );
+
+  /// Gets or sets an indexed property or array element.
+  PropertyLValue<uint32_t> operator[](
+      uint32_t index  /// Property / element index
+  );
+
+  /// Gets or sets an indexed property or array element.
+  PropertyLValue<Value> operator[](Value index  /// Property / element index
+  ) const;
+
+  /// Gets a named property.
+  MaybeOrValue<Value> operator[](
+      const char* utf8name  ///< UTF-8 encoded null-terminated property name
+  ) const;
+
+  /// Gets a named property.
+  MaybeOrValue<Value> operator[](
+      const std::string& utf8name  ///< UTF-8 encoded property name
+  ) const;
+
+  /// Gets an indexed property or array element.
+  MaybeOrValue<Value> operator[](uint32_t index  ///< Property / element index
+  ) const;
+
+  /// Checks whether a property is present.
+  MaybeOrValue<bool> Has(napi_value key  ///< Property key primitive
+  ) const;
+
+  /// Checks whether a property is present.
+  MaybeOrValue<bool> Has(Value key  ///< Property key
+  ) const;
+
+  /// Checks whether a named property is present.
+  MaybeOrValue<bool> Has(
+      const char* utf8name  ///< UTF-8 encoded null-terminated property name
+  ) const;
+
+  /// Checks whether a named property is present.
+  MaybeOrValue<bool> Has(
+      const std::string& utf8name  ///< UTF-8 encoded property name
+  ) const;
+
+  /// Checks whether a own property is present.
+  MaybeOrValue<bool> HasOwnProperty(napi_value key  ///< Property key primitive
+  ) const;
+
+  /// Checks whether a own property is present.
+  MaybeOrValue<bool> HasOwnProperty(Value key  ///< Property key
+  ) const;
+
+  /// Checks whether a own property is present.
+  MaybeOrValue<bool> HasOwnProperty(
+      const char* utf8name  ///< UTF-8 encoded null-terminated property name
+  ) const;
+
+  /// Checks whether a own property is present.
+  MaybeOrValue<bool> HasOwnProperty(
+      const std::string& utf8name  ///< UTF-8 encoded property name
+  ) const;
+
+  /// Gets a property.
+  MaybeOrValue<Value> Get(napi_value key  ///< Property key primitive
+  ) const;
+
+  /// Gets a property.
+  MaybeOrValue<Value> Get(Value key  ///< Property key
+  ) const;
+
+  /// Gets a named property.
+  MaybeOrValue<Value> Get(
+      const char* utf8name  ///< UTF-8 encoded null-terminated property name
+  ) const;
+
+  /// Gets a named property.
+  MaybeOrValue<Value> Get(
+      const std::string& utf8name  ///< UTF-8 encoded property name
+  ) const;
+
+  /// Sets a property.
+  template <typename ValueType>
+  MaybeOrValue<bool> Set(napi_value key,         ///< Property key primitive
+                         const ValueType& value  ///< Property value primitive
+  ) const;
+
+  /// Sets a property.
+  template <typename ValueType>
+  MaybeOrValue<bool> Set(Value key,              ///< Property key
+                         const ValueType& value  ///< Property value
+  ) const;
+
+  /// Sets a named property.
+  template <typename ValueType>
+  MaybeOrValue<bool> Set(
+      const char* utf8name,  ///< UTF-8 encoded null-terminated property name
+      const ValueType& value) const;
+
+  /// Sets a named property.
+  template <typename ValueType>
+  MaybeOrValue<bool> Set(
+      const std::string& utf8name,  ///< UTF-8 encoded property name
+      const ValueType& value        ///< Property value primitive
+  ) const;
+
+  /// Delete property.
+  MaybeOrValue<bool> Delete(napi_value key  ///< Property key primitive
+  ) const;
+
+  /// Delete property.
+  MaybeOrValue<bool> Delete(Value key  ///< Property key
+  ) const;
+
+  /// Delete property.
+  MaybeOrValue<bool> Delete(
+      const char* utf8name  ///< UTF-8 encoded null-terminated property name
+  ) const;
+
+  /// Delete property.
+  MaybeOrValue<bool> Delete(
+      const std::string& utf8name  ///< UTF-8 encoded property name
+  ) const;
+
+  /// Checks whether an indexed property is present.
+  MaybeOrValue<bool> Has(uint32_t index  ///< Property / element index
+  ) const;
+
+  /// Gets an indexed property or array element.
+  MaybeOrValue<Value> Get(uint32_t index  ///< Property / element index
+  ) const;
+
+  /// Sets an indexed property or array element.
+  template <typename ValueType>
+  MaybeOrValue<bool> Set(uint32_t index,         ///< Property / element index
+                         const ValueType& value  ///< Property value primitive
+  ) const;
+
+  /// Deletes an indexed property or array element.
+  MaybeOrValue<bool> Delete(uint32_t index  ///< Property / element index
+  ) const;
+
+  /// This operation can fail in case of Proxy.[[OwnPropertyKeys]] and
+  /// Proxy.[[GetOwnProperty]] calling into JavaScript. See:
+  /// -
+  /// https://tc39.es/ecma262/#sec-proxy-object-internal-methods-and-internal-slots-ownpropertykeys
+  /// -
+  /// https://tc39.es/ecma262/#sec-proxy-object-internal-methods-and-internal-slots-getownproperty-p
+  MaybeOrValue<Array> GetPropertyNames() const;  ///< Get all property names
+
+  /// Defines a property on the object.
+  ///
+  /// This operation can fail in case of Proxy.[[DefineOwnProperty]] calling
+  /// into JavaScript. See
+  /// https://tc39.es/ecma262/#sec-proxy-object-internal-methods-and-internal-slots-defineownproperty-p-desc
+  MaybeOrValue<bool> DefineProperty(
+      const PropertyDescriptor&
+          property  ///< Descriptor for the property to be defined
+  ) const;
+
+  /// Defines properties on the object.
+  ///
+  /// This operation can fail in case of Proxy.[[DefineOwnProperty]] calling
+  /// into JavaScript. See
+  /// https://tc39.es/ecma262/#sec-proxy-object-internal-methods-and-internal-slots-defineownproperty-p-desc
+  MaybeOrValue<bool> DefineProperties(
+      const std::initializer_list<PropertyDescriptor>& properties
+      ///< List of descriptors for the properties to be defined
+  ) const;
+
+  /// Defines properties on the object.
+  ///
+  /// This operation can fail in case of Proxy.[[DefineOwnProperty]] calling
+  /// into JavaScript. See
+  /// https://tc39.es/ecma262/#sec-proxy-object-internal-methods-and-internal-slots-defineownproperty-p-desc
+  MaybeOrValue<bool> DefineProperties(
+      const std::vector<PropertyDescriptor>& properties
+      ///< Vector of descriptors for the properties to be defined
+  ) const;
+
+  /// Checks if an object is an instance created by a constructor function.
+  ///
+  /// This is equivalent to the JavaScript `instanceof` operator.
+  ///
+  /// This operation can fail in case of Proxy.[[GetPrototypeOf]] calling into
+  /// JavaScript.
+  /// See
+  /// https://tc39.es/ecma262/#sec-proxy-object-internal-methods-and-internal-slots-getprototypeof
+  MaybeOrValue<bool> InstanceOf(
+      const Function& constructor  ///< Constructor function
+  ) const;
+
+  template <typename Finalizer, typename T>
+  inline void AddFinalizer(Finalizer finalizeCallback, T* data) const;
+
+  template <typename Finalizer, typename T, typename Hint>
+  inline void AddFinalizer(Finalizer finalizeCallback,
+                           T* data,
+                           Hint* finalizeHint) const;
+
+#ifdef NAPI_CPP_EXCEPTIONS
+  class const_iterator;
+
+  inline const_iterator begin() const;
+
+  inline const_iterator end() const;
+
+  class iterator;
+
+  inline iterator begin();
+
+  inline iterator end();
+#endif  // NAPI_CPP_EXCEPTIONS
+
+#if NAPI_VERSION >= 8
+  /// This operation can fail in case of Proxy.[[GetPrototypeOf]] calling into
+  /// JavaScript.
+  /// See
+  /// https://tc39.es/ecma262/#sec-proxy-object-internal-methods-and-internal-slots-getprototypeof
+  MaybeOrValue<bool> Freeze() const;
+  /// This operation can fail in case of Proxy.[[GetPrototypeOf]] calling into
+  /// JavaScript.
+  /// See
+  /// https://tc39.es/ecma262/#sec-proxy-object-internal-methods-and-internal-slots-getprototypeof
+  MaybeOrValue<bool> Seal() const;
+#endif  // NAPI_VERSION >= 8
+};
+
+template <typename T>
+class External : public TypeTaggable {
+ public:
+  static External New(napi_env env, T* data);
+
+  // Finalizer must implement `void operator()(Env env, T* data)`.
+  template <typename Finalizer>
+  static External New(napi_env env, T* data, Finalizer finalizeCallback);
+  // Finalizer must implement `void operator()(Env env, T* data, Hint* hint)`.
+  template <typename Finalizer, typename Hint>
+  static External New(napi_env env,
+                      T* data,
+                      Finalizer finalizeCallback,
+                      Hint* finalizeHint);
+
+  static void CheckCast(napi_env env, napi_value value);
+
+  External();
+  External(napi_env env, napi_value value);
+
+  T* Data() const;
+};
+
+class Array : public Object {
+ public:
+  static Array New(napi_env env);
+  static Array New(napi_env env, size_t length);
+
+  static void CheckCast(napi_env env, napi_value value);
+
+  Array();
+  Array(napi_env env, napi_value value);
+
+  uint32_t Length() const;
+};
+
+#ifdef NAPI_CPP_EXCEPTIONS
+class Object::const_iterator {
+ private:
+  enum class Type { BEGIN, END };
+
+  inline const_iterator(const Object* object, const Type type);
+
+ public:
+  inline const_iterator& operator++();
+
+  inline bool operator==(const const_iterator& other) const;
+
+  inline bool operator!=(const const_iterator& other) const;
+
+  inline const std::pair<Value, Object::PropertyLValue<Value>> operator*()
+      const;
+
+ private:
+  const Napi::Object* _object;
+  Array _keys;
+  uint32_t _index;
+
+  friend class Object;
+};
+
+class Object::iterator {
+ private:
+  enum class Type { BEGIN, END };
+
+  inline iterator(Object* object, const Type type);
+
+ public:
+  inline iterator& operator++();
+
+  inline bool operator==(const iterator& other) const;
+
+  inline bool operator!=(const iterator& other) const;
+
+  inline std::pair<Value, Object::PropertyLValue<Value>> operator*();
+
+ private:
+  Napi::Object* _object;
+  Array _keys;
+  uint32_t _index;
+
+  friend class Object;
+};
+#endif  // NAPI_CPP_EXCEPTIONS
+
+/// A JavaScript array buffer value.
+class ArrayBuffer : public Object {
+ public:
+  /// Creates a new ArrayBuffer instance over a new automatically-allocated
+  /// buffer.
+  static ArrayBuffer New(
+      napi_env env,      ///< Node-API environment
+      size_t byteLength  ///< Length of the buffer to be allocated, in bytes
+  );
+
+#ifndef NODE_API_NO_EXTERNAL_BUFFERS_ALLOWED
+  /// Creates a new ArrayBuffer instance, using an external buffer with
+  /// specified byte length.
+  static ArrayBuffer New(
+      napi_env env,        ///< Node-API environment
+      void* externalData,  ///< Pointer to the external buffer to be used by
+                           ///< the array
+      size_t byteLength    ///< Length of the external buffer to be used by the
+                           ///< array, in bytes
+  );
+
+  /// Creates a new ArrayBuffer instance, using an external buffer with
+  /// specified byte length.
+  template <typename Finalizer>
+  static ArrayBuffer New(
+      napi_env env,        ///< Node-API environment
+      void* externalData,  ///< Pointer to the external buffer to be used by
+                           ///< the array
+      size_t byteLength,   ///< Length of the external buffer to be used by the
+                           ///< array,
+                           ///  in bytes
+      Finalizer finalizeCallback  ///< Function to be called when the array
+                                  ///< buffer is destroyed;
+                                  ///  must implement `void operator()(Env env,
+                                  ///  void* externalData)`
+  );
+
+  /// Creates a new ArrayBuffer instance, using an external buffer with
+  /// specified byte length.
+  template <typename Finalizer, typename Hint>
+  static ArrayBuffer New(
+      napi_env env,        ///< Node-API environment
+      void* externalData,  ///< Pointer to the external buffer to be used by
+                           ///< the array
+      size_t byteLength,   ///< Length of the external buffer to be used by the
+                           ///< array,
+                           ///  in bytes
+      Finalizer finalizeCallback,  ///< Function to be called when the array
+                                   ///< buffer is destroyed;
+                                   ///  must implement `void operator()(Env
+                                   ///  env, void* externalData, Hint* hint)`
+      Hint* finalizeHint  ///< Hint (second parameter) to be passed to the
+                          ///< finalize callback
+  );
+#endif  // NODE_API_NO_EXTERNAL_BUFFERS_ALLOWED
+
+  static void CheckCast(napi_env env, napi_value value);
+
+  ArrayBuffer();  ///< Creates a new _empty_ ArrayBuffer instance.
+  ArrayBuffer(napi_env env,
+              napi_value value);  ///< Wraps a Node-API value primitive.
+
+  void* Data();         ///< Gets a pointer to the data buffer.
+  size_t ByteLength();  ///< Gets the length of the array buffer in bytes.
+
+#if NAPI_VERSION >= 7
+  bool IsDetached() const;
+  void Detach();
+#endif  // NAPI_VERSION >= 7
+};
+
+/// A JavaScript typed-array value with unknown array type.
+///
+/// For type-specific operations, cast to a `TypedArrayOf<T>` instance using the
+/// `As()` method:
+///
+///     Napi::TypedArray array = ...
+///     if (t.TypedArrayType() == napi_int32_array) {
+///         Napi::Int32Array int32Array = t.As<Napi::Int32Array>();
+///     }
+class TypedArray : public Object {
+ public:
+  static void CheckCast(napi_env env, napi_value value);
+
+  TypedArray();  ///< Creates a new _empty_ TypedArray instance.
+  TypedArray(napi_env env,
+             napi_value value);  ///< Wraps a Node-API value primitive.
+
+  napi_typedarray_type TypedArrayType()
+      const;  ///< Gets the type of this typed-array.
+  Napi::ArrayBuffer ArrayBuffer() const;  ///< Gets the backing array buffer.
+
+  uint8_t ElementSize()
+      const;  ///< Gets the size in bytes of one element in the array.
+  size_t ElementLength() const;  ///< Gets the number of elements in the array.
+  size_t ByteOffset()
+      const;  ///< Gets the offset into the buffer where the array starts.
+  size_t ByteLength() const;  ///< Gets the length of the array in bytes.
+
+ protected:
+  /// !cond INTERNAL
+  napi_typedarray_type _type;
+  size_t _length;
+
+  TypedArray(napi_env env,
+             napi_value value,
+             napi_typedarray_type type,
+             size_t length);
+
+  template <typename T>
+  static
+#if defined(NAPI_HAS_CONSTEXPR)
+      constexpr
+#endif
+      napi_typedarray_type
+      TypedArrayTypeForPrimitiveType() {
+    return std::is_same<T, int8_t>::value     ? napi_int8_array
+           : std::is_same<T, uint8_t>::value  ? napi_uint8_array
+           : std::is_same<T, int16_t>::value  ? napi_int16_array
+           : std::is_same<T, uint16_t>::value ? napi_uint16_array
+           : std::is_same<T, int32_t>::value  ? napi_int32_array
+           : std::is_same<T, uint32_t>::value ? napi_uint32_array
+           : std::is_same<T, float>::value    ? napi_float32_array
+           : std::is_same<T, double>::value   ? napi_float64_array
+#if NAPI_VERSION > 5
+           : std::is_same<T, int64_t>::value  ? napi_bigint64_array
+           : std::is_same<T, uint64_t>::value ? napi_biguint64_array
+#endif  // NAPI_VERSION > 5
+                                              : napi_int8_array;
+  }
+  /// !endcond
+};
+
+/// A JavaScript typed-array value with known array type.
+///
+/// Note while it is possible to create and access Uint8 "clamped" arrays using
+/// this class, the _clamping_ behavior is only applied in JavaScript.
+template <typename T>
+class TypedArrayOf : public TypedArray {
+ public:
+  /// Creates a new TypedArray instance over a new automatically-allocated array
+  /// buffer.
+  ///
+  /// The array type parameter can normally be omitted (because it is inferred
+  /// from the template parameter T), except when creating a "clamped" array:
+  ///
+  ///     Uint8Array::New(env, length, napi_uint8_clamped_array)
+  static TypedArrayOf New(
+      napi_env env,          ///< Node-API environment
+      size_t elementLength,  ///< Length of the created array, as a number of
+                             ///< elements
+#if defined(NAPI_HAS_CONSTEXPR)
+      napi_typedarray_type type =
+          TypedArray::TypedArrayTypeForPrimitiveType<T>()
+#else
+        napi_typedarray_type type
+#endif
+      ///< Type of array, if different from the default array type for the
+      ///< template parameter T.
+  );
+
+  /// Creates a new TypedArray instance over a provided array buffer.
+  ///
+  /// The array type parameter can normally be omitted (because it is inferred
+  /// from the template parameter T), except when creating a "clamped" array:
+  ///
+  ///     Uint8Array::New(env, length, buffer, 0, napi_uint8_clamped_array)
+  static TypedArrayOf New(
+      napi_env env,          ///< Node-API environment
+      size_t elementLength,  ///< Length of the created array, as a number of
+                             ///< elements
+      Napi::ArrayBuffer arrayBuffer,  ///< Backing array buffer instance to use
+      size_t bufferOffset,  ///< Offset into the array buffer where the
+                            ///< typed-array starts
+#if defined(NAPI_HAS_CONSTEXPR)
+      napi_typedarray_type type =
+          TypedArray::TypedArrayTypeForPrimitiveType<T>()
+#else
+        napi_typedarray_type type
+#endif
+      ///< Type of array, if different from the default array type for the
+      ///< template parameter T.
+  );
+
+  static void CheckCast(napi_env env, napi_value value);
+
+  TypedArrayOf();  ///< Creates a new _empty_ TypedArrayOf instance.
+  TypedArrayOf(napi_env env,
+               napi_value value);  ///< Wraps a Node-API value primitive.
+
+  T& operator[](size_t index);  ///< Gets or sets an element in the array.
+  const T& operator[](size_t index) const;  ///< Gets an element in the array.
+
+  /// Gets a pointer to the array's backing buffer.
+  ///
+  /// This is not necessarily the same as the `ArrayBuffer::Data()` pointer,
+  /// because the typed-array may have a non-zero `ByteOffset()` into the
+  /// `ArrayBuffer`.
+  T* Data();
+
+  /// Gets a pointer to the array's backing buffer.
+  ///
+  /// This is not necessarily the same as the `ArrayBuffer::Data()` pointer,
+  /// because the typed-array may have a non-zero `ByteOffset()` into the
+  /// `ArrayBuffer`.
+  const T* Data() const;
+
+ private:
+  T* _data;
+
+  TypedArrayOf(napi_env env,
+               napi_value value,
+               napi_typedarray_type type,
+               size_t length,
+               T* data);
+};
+
+/// The DataView provides a low-level interface for reading/writing multiple
+/// number types in an ArrayBuffer irrespective of the platform's endianness.
+class DataView : public Object {
+ public:
+  static DataView New(napi_env env, Napi::ArrayBuffer arrayBuffer);
+  static DataView New(napi_env env,
+                      Napi::ArrayBuffer arrayBuffer,
+                      size_t byteOffset);
+  static DataView New(napi_env env,
+                      Napi::ArrayBuffer arrayBuffer,
+                      size_t byteOffset,
+                      size_t byteLength);
+
+  static void CheckCast(napi_env env, napi_value value);
+
+  DataView();  ///< Creates a new _empty_ DataView instance.
+  DataView(napi_env env,
+           napi_value value);  ///< Wraps a Node-API value primitive.
+
+  Napi::ArrayBuffer ArrayBuffer() const;  ///< Gets the backing array buffer.
+  size_t ByteOffset()
+      const;  ///< Gets the offset into the buffer where the array starts.
+  size_t ByteLength() const;  ///< Gets the length of the array in bytes.
+
+  void* Data() const;
+
+  float GetFloat32(size_t byteOffset) const;
+  double GetFloat64(size_t byteOffset) const;
+  int8_t GetInt8(size_t byteOffset) const;
+  int16_t GetInt16(size_t byteOffset) const;
+  int32_t GetInt32(size_t byteOffset) const;
+  uint8_t GetUint8(size_t byteOffset) const;
+  uint16_t GetUint16(size_t byteOffset) const;
+  uint32_t GetUint32(size_t byteOffset) const;
+
+  void SetFloat32(size_t byteOffset, float value) const;
+  void SetFloat64(size_t byteOffset, double value) const;
+  void SetInt8(size_t byteOffset, int8_t value) const;
+  void SetInt16(size_t byteOffset, int16_t value) const;
+  void SetInt32(size_t byteOffset, int32_t value) const;
+  void SetUint8(size_t byteOffset, uint8_t value) const;
+  void SetUint16(size_t byteOffset, uint16_t value) const;
+  void SetUint32(size_t byteOffset, uint32_t value) const;
+
+ private:
+  template <typename T>
+  T ReadData(size_t byteOffset) const;
+
+  template <typename T>
+  void WriteData(size_t byteOffset, T value) const;
+
+  void* _data;
+  size_t _length;
+};
+
+class Function : public Object {
+ public:
+  using VoidCallback = void (*)(const CallbackInfo& info);
+  using Callback = Value (*)(const CallbackInfo& info);
+
+  template <VoidCallback cb>
+  static Function New(napi_env env,
+                      const char* utf8name = nullptr,
+                      void* data = nullptr);
+
+  template <Callback cb>
+  static Function New(napi_env env,
+                      const char* utf8name = nullptr,
+                      void* data = nullptr);
+
+  template <VoidCallback cb>
+  static Function New(napi_env env,
+                      const std::string& utf8name,
+                      void* data = nullptr);
+
+  template <Callback cb>
+  static Function New(napi_env env,
+                      const std::string& utf8name,
+                      void* data = nullptr);
+
+  /// Callable must implement operator() accepting a const CallbackInfo&
+  /// and return either void or Value.
+  template <typename Callable>
+  static Function New(napi_env env,
+                      Callable cb,
+                      const char* utf8name = nullptr,
+                      void* data = nullptr);
+  /// Callable must implement operator() accepting a const CallbackInfo&
+  /// and return either void or Value.
+  template <typename Callable>
+  static Function New(napi_env env,
+                      Callable cb,
+                      const std::string& utf8name,
+                      void* data = nullptr);
+
+  static void CheckCast(napi_env env, napi_value value);
+
+  Function();
+  Function(napi_env env, napi_value value);
+
+  MaybeOrValue<Value> operator()(
+      const std::initializer_list<napi_value>& args) const;
+
+  MaybeOrValue<Value> Call(const std::initializer_list<napi_value>& args) const;
+  MaybeOrValue<Value> Call(const std::vector<napi_value>& args) const;
+  MaybeOrValue<Value> Call(const std::vector<Value>& args) const;
+  MaybeOrValue<Value> Call(size_t argc, const napi_value* args) const;
+  MaybeOrValue<Value> Call(napi_value recv,
+                           const std::initializer_list<napi_value>& args) const;
+  MaybeOrValue<Value> Call(napi_value recv,
+                           const std::vector<napi_value>& args) const;
+  MaybeOrValue<Value> Call(napi_value recv,
+                           const std::vector<Value>& args) const;
+  MaybeOrValue<Value> Call(napi_value recv,
+                           size_t argc,
+                           const napi_value* args) const;
+
+  MaybeOrValue<Value> MakeCallback(
+      napi_value recv,
+      const std::initializer_list<napi_value>& args,
+      napi_async_context context = nullptr) const;
+  MaybeOrValue<Value> MakeCallback(napi_value recv,
+                                   const std::vector<napi_value>& args,
+                                   napi_async_context context = nullptr) const;
+  MaybeOrValue<Value> MakeCallback(napi_value recv,
+                                   size_t argc,
+                                   const napi_value* args,
+                                   napi_async_context context = nullptr) const;
+
+  MaybeOrValue<Object> New(const std::initializer_list<napi_value>& args) const;
+  MaybeOrValue<Object> New(const std::vector<napi_value>& args) const;
+  MaybeOrValue<Object> New(size_t argc, const napi_value* args) const;
+};
+
+class Promise : public Object {
+ public:
+  class Deferred {
+   public:
+    static Deferred New(napi_env env);
+    Deferred(napi_env env);
+
+    Napi::Promise Promise() const;
+    Napi::Env Env() const;
+
+    void Resolve(napi_value value) const;
+    void Reject(napi_value value) const;
+
+   private:
+    napi_env _env;
+    napi_deferred _deferred;
+    napi_value _promise;
+  };
+
+  static void CheckCast(napi_env env, napi_value value);
+
+  Promise(napi_env env, napi_value value);
+};
+
+template <typename T>
+class Buffer : public Uint8Array {
+ public:
+  static Buffer<T> New(napi_env env, size_t length);
+#ifndef NODE_API_NO_EXTERNAL_BUFFERS_ALLOWED
+  static Buffer<T> New(napi_env env, T* data, size_t length);
+
+  // Finalizer must implement `void operator()(Env env, T* data)`.
+  template <typename Finalizer>
+  static Buffer<T> New(napi_env env,
+                       T* data,
+                       size_t length,
+                       Finalizer finalizeCallback);
+  // Finalizer must implement `void operator()(Env env, T* data, Hint* hint)`.
+  template <typename Finalizer, typename Hint>
+  static Buffer<T> New(napi_env env,
+                       T* data,
+                       size_t length,
+                       Finalizer finalizeCallback,
+                       Hint* finalizeHint);
+#endif  // NODE_API_NO_EXTERNAL_BUFFERS_ALLOWED
+
+  static Buffer<T> NewOrCopy(napi_env env, T* data, size_t length);
+  // Finalizer must implement `void operator()(Env env, T* data)`.
+  template <typename Finalizer>
+  static Buffer<T> NewOrCopy(napi_env env,
+                             T* data,
+                             size_t length,
+                             Finalizer finalizeCallback);
+  // Finalizer must implement `void operator()(Env env, T* data, Hint* hint)`.
+  template <typename Finalizer, typename Hint>
+  static Buffer<T> NewOrCopy(napi_env env,
+                             T* data,
+                             size_t length,
+                             Finalizer finalizeCallback,
+                             Hint* finalizeHint);
+
+  static Buffer<T> Copy(napi_env env, const T* data, size_t length);
+
+  static void CheckCast(napi_env env, napi_value value);
+
+  Buffer();
+  Buffer(napi_env env, napi_value value);
+  size_t Length() const;
+  T* Data() const;
+
+ private:
+};
+
+/// Holds a counted reference to a value; initially a weak reference unless
+/// otherwise specified, may be changed to/from a strong reference by adjusting
+/// the refcount.
+///
+/// The referenced value is not immediately destroyed when the reference count
+/// is zero; it is merely then eligible for garbage-collection if there are no
+/// other references to the value.
+template <typename T>
+class Reference {
+ public:
+  static Reference<T> New(const T& value, uint32_t initialRefcount = 0);
+
+  Reference();
+  Reference(napi_env env, napi_ref ref);
+  ~Reference();
+
+  // A reference can be moved but cannot be copied.
+  Reference(Reference<T>&& other);
+  Reference<T>& operator=(Reference<T>&& other);
+  NAPI_DISALLOW_ASSIGN(Reference<T>)
+
+  operator napi_ref() const;
+  bool operator==(const Reference<T>& other) const;
+  bool operator!=(const Reference<T>& other) const;
+
+  Napi::Env Env() const;
+  bool IsEmpty() const;
+
+  // Note when getting the value of a Reference it is usually correct to do so
+  // within a HandleScope so that the value handle gets cleaned up efficiently.
+  T Value() const;
+
+  uint32_t Ref() const;
+  uint32_t Unref() const;
+  void Reset();
+  void Reset(const T& value, uint32_t refcount = 0);
+
+  // Call this on a reference that is declared as static data, to prevent its
+  // destructor from running at program shutdown time, which would attempt to
+  // reset the reference when the environment is no longer valid. Avoid using
+  // this if at all possible. If you do need to use static data, MAKE SURE to
+  // warn your users that your addon is NOT threadsafe.
+  void SuppressDestruct();
+
+ protected:
+  Reference(const Reference<T>&);
+
+  /// !cond INTERNAL
+  napi_env _env;
+  napi_ref _ref;
+  /// !endcond
+
+ private:
+  bool _suppressDestruct;
+};
+
+class ObjectReference : public Reference<Object> {
+ public:
+  ObjectReference();
+  ObjectReference(napi_env env, napi_ref ref);
+
+  // A reference can be moved but cannot be copied.
+  ObjectReference(Reference<Object>&& other);
+  ObjectReference& operator=(Reference<Object>&& other);
+  ObjectReference(ObjectReference&& other);
+  ObjectReference& operator=(ObjectReference&& other);
+  NAPI_DISALLOW_ASSIGN(ObjectReference)
+
+  MaybeOrValue<Napi::Value> Get(const char* utf8name) const;
+  MaybeOrValue<Napi::Value> Get(const std::string& utf8name) const;
+  MaybeOrValue<bool> Set(const char* utf8name, napi_value value) const;
+  MaybeOrValue<bool> Set(const char* utf8name, Napi::Value value) const;
+  MaybeOrValue<bool> Set(const char* utf8name, const char* utf8value) const;
+  MaybeOrValue<bool> Set(const char* utf8name, bool boolValue) const;
+  MaybeOrValue<bool> Set(const char* utf8name, double numberValue) const;
+  MaybeOrValue<bool> Set(const std::string& utf8name, napi_value value) const;
+  MaybeOrValue<bool> Set(const std::string& utf8name, Napi::Value value) const;
+  MaybeOrValue<bool> Set(const std::string& utf8name,
+                         std::string& utf8value) const;
+  MaybeOrValue<bool> Set(const std::string& utf8name, bool boolValue) const;
+  MaybeOrValue<bool> Set(const std::string& utf8name, double numberValue) const;
+
+  MaybeOrValue<Napi::Value> Get(uint32_t index) const;
+  MaybeOrValue<bool> Set(uint32_t index, const napi_value value) const;
+  MaybeOrValue<bool> Set(uint32_t index, const Napi::Value value) const;
+  MaybeOrValue<bool> Set(uint32_t index, const char* utf8value) const;
+  MaybeOrValue<bool> Set(uint32_t index, const std::string& utf8value) const;
+  MaybeOrValue<bool> Set(uint32_t index, bool boolValue) const;
+  MaybeOrValue<bool> Set(uint32_t index, double numberValue) const;
+
+ protected:
+  ObjectReference(const ObjectReference&);
+};
+
+class FunctionReference : public Reference<Function> {
+ public:
+  FunctionReference();
+  FunctionReference(napi_env env, napi_ref ref);
+
+  // A reference can be moved but cannot be copied.
+  FunctionReference(Reference<Function>&& other);
+  FunctionReference& operator=(Reference<Function>&& other);
+  FunctionReference(FunctionReference&& other);
+  FunctionReference& operator=(FunctionReference&& other);
+  NAPI_DISALLOW_ASSIGN_COPY(FunctionReference)
+
+  MaybeOrValue<Napi::Value> operator()(
+      const std::initializer_list<napi_value>& args) const;
+
+  MaybeOrValue<Napi::Value> Call(
+      const std::initializer_list<napi_value>& args) const;
+  MaybeOrValue<Napi::Value> Call(const std::vector<napi_value>& args) const;
+  MaybeOrValue<Napi::Value> Call(
+      napi_value recv, const std::initializer_list<napi_value>& args) const;
+  MaybeOrValue<Napi::Value> Call(napi_value recv,
+                                 const std::vector<napi_value>& args) const;
+  MaybeOrValue<Napi::Value> Call(napi_value recv,
+                                 size_t argc,
+                                 const napi_value* args) const;
+
+  MaybeOrValue<Napi::Value> MakeCallback(
+      napi_value recv,
+      const std::initializer_list<napi_value>& args,
+      napi_async_context context = nullptr) const;
+  MaybeOrValue<Napi::Value> MakeCallback(
+      napi_value recv,
+      const std::vector<napi_value>& args,
+      napi_async_context context = nullptr) const;
+  MaybeOrValue<Napi::Value> MakeCallback(
+      napi_value recv,
+      size_t argc,
+      const napi_value* args,
+      napi_async_context context = nullptr) const;
+
+  MaybeOrValue<Object> New(const std::initializer_list<napi_value>& args) const;
+  MaybeOrValue<Object> New(const std::vector<napi_value>& args) const;
+};
+
+// Shortcuts to creating a new reference with inferred type and refcount = 0.
+template <typename T>
+Reference<T> Weak(T value);
+ObjectReference Weak(Object value);
+FunctionReference Weak(Function value);
+
+// Shortcuts to creating a new reference with inferred type and refcount = 1.
+template <typename T>
+Reference<T> Persistent(T value);
+ObjectReference Persistent(Object value);
+FunctionReference Persistent(Function value);
+
+/// A persistent reference to a JavaScript error object. Use of this class
+/// depends somewhat on whether C++ exceptions are enabled at compile time.
+///
+/// ### Handling Errors With C++ Exceptions
+///
+/// If C++ exceptions are enabled, then the `Error` class extends
+/// `std::exception` and enables integrated error-handling for C++ exceptions
+/// and JavaScript exceptions.
+///
+/// If a Node-API call fails without executing any JavaScript code (for
+/// example due to an invalid argument), then the Node-API wrapper
+/// automatically converts and throws the error as a C++ exception of type
+/// `Napi::Error`. Or if a JavaScript function called by C++ code via Node-API
+/// throws a JavaScript exception, then the Node-API wrapper automatically
+/// converts and throws it as a C++ exception of type `Napi::Error`.
+///
+/// If a C++ exception of type `Napi::Error` escapes from a Node-API C++
+/// callback, then the Node-API wrapper automatically converts and throws it
+/// as a JavaScript exception. Therefore, catching a C++ exception of type
+/// `Napi::Error` prevents a JavaScript exception from being thrown.
+///
+/// #### Example 1A - Throwing a C++ exception:
+///
+///     Napi::Env env = ...
+///     throw Napi::Error::New(env, "Example exception");
+///
+/// Following C++ statements will not be executed. The exception will bubble
+/// up as a C++ exception of type `Napi::Error`, until it is either caught
+/// while still in C++, or else automatically propataged as a JavaScript
+/// exception when the callback returns to JavaScript.
+///
+/// #### Example 2A - Propagating a Node-API C++ exception:
+///
+///     Napi::Function jsFunctionThatThrows = someObj.As<Napi::Function>();
+///     Napi::Value result = jsFunctionThatThrows({ arg1, arg2 });
+///
+/// Following C++ statements will not be executed. The exception will bubble
+/// up as a C++ exception of type `Napi::Error`, until it is either caught
+/// while still in C++, or else automatically propagated as a JavaScript
+/// exception when the callback returns to JavaScript.
+///
+/// #### Example 3A - Handling a Node-API C++ exception:
+///
+///     Napi::Function jsFunctionThatThrows = someObj.As<Napi::Function>();
+///     Napi::Value result;
+///     try {
+///        result = jsFunctionThatThrows({ arg1, arg2 });
+///     } catch (const Napi::Error& e) {
+///       cerr << "Caught JavaScript exception: " + e.what();
+///     }
+///
+/// Since the exception was caught here, it will not be propagated as a
+/// JavaScript exception.
+///
+/// ### Handling Errors Without C++ Exceptions
+///
+/// If C++ exceptions are disabled (by defining `NAPI_DISABLE_CPP_EXCEPTIONS`)
+/// then this class does not extend `std::exception`, and APIs in the `Napi`
+/// namespace do not throw C++ exceptions when they fail. Instead, they raise
+/// _pending_ JavaScript exceptions and return _empty_ `Value`s. Calling code
+/// should check `Value::IsEmpty()` before attempting to use a returned value,
+/// and may use methods on the `Env` class to check for, get, and clear a
+/// pending JavaScript exception. If the pending exception is not cleared, it
+/// will be thrown when the native callback returns to JavaScript.
+///
+/// #### Example 1B - Throwing a JS exception
+///
+///     Napi::Env env = ...
+///     Napi::Error::New(env, "Example
+///     exception").ThrowAsJavaScriptException(); return;
+///
+/// After throwing a JS exception, the code should generally return
+/// immediately from the native callback, after performing any necessary
+/// cleanup.
+///
+/// #### Example 2B - Propagating a Node-API JS exception:
+///
+///     Napi::Function jsFunctionThatThrows = someObj.As<Napi::Function>();
+///     Napi::Value result = jsFunctionThatThrows({ arg1, arg2 });
+///     if (result.IsEmpty()) return;
+///
+/// An empty value result from a Node-API call indicates an error occurred,
+/// and a JavaScript exception is pending. To let the exception propagate, the
+/// code should generally return immediately from the native callback, after
+/// performing any necessary cleanup.
+///
+/// #### Example 3B - Handling a Node-API JS exception:
+///
+///     Napi::Function jsFunctionThatThrows = someObj.As<Napi::Function>();
+///     Napi::Value result = jsFunctionThatThrows({ arg1, arg2 });
+///     if (result.IsEmpty()) {
+///       Napi::Error e = env.GetAndClearPendingException();
+///       cerr << "Caught JavaScript exception: " + e.Message();
+///     }
+///
+/// Since the exception was cleared here, it will not be propagated as a
+/// JavaScript exception after the native callback returns.
+class Error : public ObjectReference
+#ifdef NAPI_CPP_EXCEPTIONS
+    ,
+              public std::exception
+#endif  // NAPI_CPP_EXCEPTIONS
+{
+ public:
+  static Error New(napi_env env);
+  static Error New(napi_env env, const char* message);
+  static Error New(napi_env env, const std::string& message);
+
+  static NAPI_NO_RETURN void Fatal(const char* location, const char* message);
+
+  Error();
+  Error(napi_env env, napi_value value);
+
+  // An error can be moved or copied.
+  Error(Error&& other);
+  Error& operator=(Error&& other);
+  Error(const Error&);
+  Error& operator=(const Error&);
+
+  const std::string& Message() const NAPI_NOEXCEPT;
+  void ThrowAsJavaScriptException() const;
+
+  Object Value() const;
+
+#ifdef NAPI_CPP_EXCEPTIONS
+  const char* what() const NAPI_NOEXCEPT override;
+#endif  // NAPI_CPP_EXCEPTIONS
+
+ protected:
+  /// !cond INTERNAL
+  using create_error_fn = napi_status (*)(napi_env envb,
+                                          napi_value code,
+                                          napi_value msg,
+                                          napi_value* result);
+
+  template <typename TError>
+  static TError New(napi_env env,
+                    const char* message,
+                    size_t length,
+                    create_error_fn create_error);
+  /// !endcond
+
+ private:
+  static inline const char* ERROR_WRAP_VALUE() NAPI_NOEXCEPT;
+  mutable std::string _message;
+};
+
+class TypeError : public Error {
+ public:
+  static TypeError New(napi_env env, const char* message);
+  static TypeError New(napi_env env, const std::string& message);
+
+  TypeError();
+  TypeError(napi_env env, napi_value value);
+};
+
+class RangeError : public Error {
+ public:
+  static RangeError New(napi_env env, const char* message);
+  static RangeError New(napi_env env, const std::string& message);
+
+  RangeError();
+  RangeError(napi_env env, napi_value value);
+};
+
+#if NAPI_VERSION > 8
+class SyntaxError : public Error {
+ public:
+  static SyntaxError New(napi_env env, const char* message);
+  static SyntaxError New(napi_env env, const std::string& message);
+
+  SyntaxError();
+  SyntaxError(napi_env env, napi_value value);
+};
+#endif  // NAPI_VERSION > 8
+
+class CallbackInfo {
+ public:
+  CallbackInfo(napi_env env, napi_callback_info info);
+  ~CallbackInfo();
+
+  // Disallow copying to prevent multiple free of _dynamicArgs
+  NAPI_DISALLOW_ASSIGN_COPY(CallbackInfo)
+
+  Napi::Env Env() const;
+  Value NewTarget() const;
+  bool IsConstructCall() const;
+  size_t Length() const;
+  const Value operator[](size_t index) const;
+  Value This() const;
+  void* Data() const;
+  void SetData(void* data);
+  explicit operator napi_callback_info() const;
+
+ private:
+  const size_t _staticArgCount = 6;
+  napi_env _env;
+  napi_callback_info _info;
+  napi_value _this;
+  size_t _argc;
+  napi_value* _argv;
+  napi_value _staticArgs[6];
+  napi_value* _dynamicArgs;
+  void* _data;
+};
+
+class PropertyDescriptor {
+ public:
+  using GetterCallback = Napi::Value (*)(const Napi::CallbackInfo& info);
+  using SetterCallback = void (*)(const Napi::CallbackInfo& info);
+
+#ifndef NODE_ADDON_API_DISABLE_DEPRECATED
+  template <typename Getter>
+  static PropertyDescriptor Accessor(
+      const char* utf8name,
+      Getter getter,
+      napi_property_attributes attributes = napi_default,
+      void* data = nullptr);
+  template <typename Getter>
+  static PropertyDescriptor Accessor(
+      const std::string& utf8name,
+      Getter getter,
+      napi_property_attributes attributes = napi_default,
+      void* data = nullptr);
+  template <typename Getter>
+  static PropertyDescriptor Accessor(
+      napi_value name,
+      Getter getter,
+      napi_property_attributes attributes = napi_default,
+      void* data = nullptr);
+  template <typename Getter>
+  static PropertyDescriptor Accessor(
+      Name name,
+      Getter getter,
+      napi_property_attributes attributes = napi_default,
+      void* data = nullptr);
+  template <typename Getter, typename Setter>
+  static PropertyDescriptor Accessor(
+      const char* utf8name,
+      Getter getter,
+      Setter setter,
+      napi_property_attributes attributes = napi_default,
+      void* data = nullptr);
+  template <typename Getter, typename Setter>
+  static PropertyDescriptor Accessor(
+      const std::string& utf8name,
+      Getter getter,
+      Setter setter,
+      napi_property_attributes attributes = napi_default,
+      void* data = nullptr);
+  template <typename Getter, typename Setter>
+  static PropertyDescriptor Accessor(
+      napi_value name,
+      Getter getter,
+      Setter setter,
+      napi_property_attributes attributes = napi_default,
+      void* data = nullptr);
+  template <typename Getter, typename Setter>
+  static PropertyDescriptor Accessor(
+      Name name,
+      Getter getter,
+      Setter setter,
+      napi_property_attributes attributes = napi_default,
+      void* data = nullptr);
+  template <typename Callable>
+  static PropertyDescriptor Function(
+      const char* utf8name,
+      Callable cb,
+      napi_property_attributes attributes = napi_default,
+      void* data = nullptr);
+  template <typename Callable>
+  static PropertyDescriptor Function(
+      const std::string& utf8name,
+      Callable cb,
+      napi_property_attributes attributes = napi_default,
+      void* data = nullptr);
+  template <typename Callable>
+  static PropertyDescriptor Function(
+      napi_value name,
+      Callable cb,
+      napi_property_attributes attributes = napi_default,
+      void* data = nullptr);
+  template <typename Callable>
+  static PropertyDescriptor Function(
+      Name name,
+      Callable cb,
+      napi_property_attributes attributes = napi_default,
+      void* data = nullptr);
+#endif  // !NODE_ADDON_API_DISABLE_DEPRECATED
+
+  template <GetterCallback Getter>
+  static PropertyDescriptor Accessor(
+      const char* utf8name,
+      napi_property_attributes attributes = napi_default,
+      void* data = nullptr);
+
+  template <GetterCallback Getter>
+  static PropertyDescriptor Accessor(
+      const std::string& utf8name,
+      napi_property_attributes attributes = napi_default,
+      void* data = nullptr);
+
+  template <GetterCallback Getter>
+  static PropertyDescriptor Accessor(
+      Name name,
+      napi_property_attributes attributes = napi_default,
+      void* data = nullptr);
+
+  template <GetterCallback Getter, SetterCallback Setter>
+  static PropertyDescriptor Accessor(
+      const char* utf8name,
+      napi_property_attributes attributes = napi_default,
+      void* data = nullptr);
+
+  template <GetterCallback Getter, SetterCallback Setter>
+  static PropertyDescriptor Accessor(
+      const std::string& utf8name,
+      napi_property_attributes attributes = napi_default,
+      void* data = nullptr);
+
+  template <GetterCallback Getter, SetterCallback Setter>
+  static PropertyDescriptor Accessor(
+      Name name,
+      napi_property_attributes attributes = napi_default,
+      void* data = nullptr);
+
+  template <typename Getter>
+  static PropertyDescriptor Accessor(
+      Napi::Env env,
+      Napi::Object object,
+      const char* utf8name,
+      Getter getter,
+      napi_property_attributes attributes = napi_default,
+      void* data = nullptr);
+  template <typename Getter>
+  static PropertyDescriptor Accessor(
+      Napi::Env env,
+      Napi::Object object,
+      const std::string& utf8name,
+      Getter getter,
+      napi_property_attributes attributes = napi_default,
+      void* data = nullptr);
+  template <typename Getter>
+  static PropertyDescriptor Accessor(
+      Napi::Env env,
+      Napi::Object object,
+      Name name,
+      Getter getter,
+      napi_property_attributes attributes = napi_default,
+      void* data = nullptr);
+  template <typename Getter, typename Setter>
+  static PropertyDescriptor Accessor(
+      Napi::Env env,
+      Napi::Object object,
+      const char* utf8name,
+      Getter getter,
+      Setter setter,
+      napi_property_attributes attributes = napi_default,
+      void* data = nullptr);
+  template <typename Getter, typename Setter>
+  static PropertyDescriptor Accessor(
+      Napi::Env env,
+      Napi::Object object,
+      const std::string& utf8name,
+      Getter getter,
+      Setter setter,
+      napi_property_attributes attributes = napi_default,
+      void* data = nullptr);
+  template <typename Getter, typename Setter>
+  static PropertyDescriptor Accessor(
+      Napi::Env env,
+      Napi::Object object,
+      Name name,
+      Getter getter,
+      Setter setter,
+      napi_property_attributes attributes = napi_default,
+      void* data = nullptr);
+  template <typename Callable>
+  static PropertyDescriptor Function(
+      Napi::Env env,
+      Napi::Object object,
+      const char* utf8name,
+      Callable cb,
+      napi_property_attributes attributes = napi_default,
+      void* data = nullptr);
+  template <typename Callable>
+  static PropertyDescriptor Function(
+      Napi::Env env,
+      Napi::Object object,
+      const std::string& utf8name,
+      Callable cb,
+      napi_property_attributes attributes = napi_default,
+      void* data = nullptr);
+  template <typename Callable>
+  static PropertyDescriptor Function(
+      Napi::Env env,
+      Napi::Object object,
+      Name name,
+      Callable cb,
+      napi_property_attributes attributes = napi_default,
+      void* data = nullptr);
+  static PropertyDescriptor Value(
+      const char* utf8name,
+      napi_value value,
+      napi_property_attributes attributes = napi_default);
+  static PropertyDescriptor Value(
+      const std::string& utf8name,
+      napi_value value,
+      napi_property_attributes attributes = napi_default);
+  static PropertyDescriptor Value(
+      napi_value name,
+      napi_value value,
+      napi_property_attributes attributes = napi_default);
+  static PropertyDescriptor Value(
+      Name name,
+      Napi::Value value,
+      napi_property_attributes attributes = napi_default);
+
+  PropertyDescriptor(napi_property_descriptor desc);
+
+  operator napi_property_descriptor&();
+  operator const napi_property_descriptor&() const;
+
+ private:
+  napi_property_descriptor _desc;
+};
+
+/// Property descriptor for use with `ObjectWrap::DefineClass()`.
+///
+/// This is different from the standalone `PropertyDescriptor` because it is
+/// specific to each `ObjectWrap<T>` subclass. This prevents using descriptors
+/// from a different class when defining a new class (preventing the callbacks
+/// from having incorrect `this` pointers).
+template <typename T>
+class ClassPropertyDescriptor {
+ public:
+  ClassPropertyDescriptor(napi_property_descriptor desc) : _desc(desc) {}
+
+  operator napi_property_descriptor&() { return _desc; }
+  operator const napi_property_descriptor&() const { return _desc; }
+
+ private:
+  napi_property_descriptor _desc;
+};
+
+template <typename T, typename TCallback>
+struct MethodCallbackData {
+  TCallback callback;
+  void* data;
+};
+
+template <typename T, typename TGetterCallback, typename TSetterCallback>
+struct AccessorCallbackData {
+  TGetterCallback getterCallback;
+  TSetterCallback setterCallback;
+  void* data;
+};
+
+template <typename T>
+class InstanceWrap {
+ public:
+  using InstanceVoidMethodCallback = void (T::*)(const CallbackInfo& info);
+  using InstanceMethodCallback = Napi::Value (T::*)(const CallbackInfo& info);
+  using InstanceGetterCallback = Napi::Value (T::*)(const CallbackInfo& info);
+  using InstanceSetterCallback = void (T::*)(const CallbackInfo& info,
+                                             const Napi::Value& value);
+
+  using PropertyDescriptor = ClassPropertyDescriptor<T>;
+
+  static PropertyDescriptor InstanceMethod(
+      const char* utf8name,
+      InstanceVoidMethodCallback method,
+      napi_property_attributes attributes = napi_default,
+      void* data = nullptr);
+  static PropertyDescriptor InstanceMethod(
+      const char* utf8name,
+      InstanceMethodCallback method,
+      napi_property_attributes attributes = napi_default,
+      void* data = nullptr);
+  static PropertyDescriptor InstanceMethod(
+      Symbol name,
+      InstanceVoidMethodCallback method,
+      napi_property_attributes attributes = napi_default,
+      void* data = nullptr);
+  static PropertyDescriptor InstanceMethod(
+      Symbol name,
+      InstanceMethodCallback method,
+      napi_property_attributes attributes = napi_default,
+      void* data = nullptr);
+  template <InstanceVoidMethodCallback method>
+  static PropertyDescriptor InstanceMethod(
+      const char* utf8name,
+      napi_property_attributes attributes = napi_default,
+      void* data = nullptr);
+  template <InstanceMethodCallback method>
+  static PropertyDescriptor InstanceMethod(
+      const char* utf8name,
+      napi_property_attributes attributes = napi_default,
+      void* data = nullptr);
+  template <InstanceVoidMethodCallback method>
+  static PropertyDescriptor InstanceMethod(
+      Symbol name,
+      napi_property_attributes attributes = napi_default,
+      void* data = nullptr);
+  template <InstanceMethodCallback method>
+  static PropertyDescriptor InstanceMethod(
+      Symbol name,
+      napi_property_attributes attributes = napi_default,
+      void* data = nullptr);
+  static PropertyDescriptor InstanceAccessor(
+      const char* utf8name,
+      InstanceGetterCallback getter,
+      InstanceSetterCallback setter,
+      napi_property_attributes attributes = napi_default,
+      void* data = nullptr);
+  static PropertyDescriptor InstanceAccessor(
+      Symbol name,
+      InstanceGetterCallback getter,
+      InstanceSetterCallback setter,
+      napi_property_attributes attributes = napi_default,
+      void* data = nullptr);
+  template <InstanceGetterCallback getter,
+            InstanceSetterCallback setter = nullptr>
+  static PropertyDescriptor InstanceAccessor(
+      const char* utf8name,
+      napi_property_attributes attributes = napi_default,
+      void* data = nullptr);
+  template <InstanceGetterCallback getter,
+            InstanceSetterCallback setter = nullptr>
+  static PropertyDescriptor InstanceAccessor(
+      Symbol name,
+      napi_property_attributes attributes = napi_default,
+      void* data = nullptr);
+  static PropertyDescriptor InstanceValue(
+      const char* utf8name,
+      Napi::Value value,
+      napi_property_attributes attributes = napi_default);
+  static PropertyDescriptor InstanceValue(
+      Symbol name,
+      Napi::Value value,
+      napi_property_attributes attributes = napi_default);
+
+ protected:
+  static void AttachPropData(napi_env env,
+                             napi_value value,
+                             const napi_property_descriptor* prop);
+
+ private:
+  using This = InstanceWrap<T>;
+
+  using InstanceVoidMethodCallbackData =
+      MethodCallbackData<T, InstanceVoidMethodCallback>;
+  using InstanceMethodCallbackData =
+      MethodCallbackData<T, InstanceMethodCallback>;
+  using InstanceAccessorCallbackData =
+      AccessorCallbackData<T, InstanceGetterCallback, InstanceSetterCallback>;
+
+  static napi_value InstanceVoidMethodCallbackWrapper(napi_env env,
+                                                      napi_callback_info info);
+  static napi_value InstanceMethodCallbackWrapper(napi_env env,
+                                                  napi_callback_info info);
+  static napi_value InstanceGetterCallbackWrapper(napi_env env,
+                                                  napi_callback_info info);
+  static napi_value InstanceSetterCallbackWrapper(napi_env env,
+                                                  napi_callback_info info);
+
+  template <InstanceSetterCallback method>
+  static napi_value WrappedMethod(napi_env env,
+                                  napi_callback_info info) NAPI_NOEXCEPT;
+
+  template <InstanceSetterCallback setter>
+  struct SetterTag {};
+
+  template <InstanceSetterCallback setter>
+  static napi_callback WrapSetter(SetterTag<setter>) NAPI_NOEXCEPT {
+    return &This::WrappedMethod<setter>;
+  }
+  static napi_callback WrapSetter(SetterTag<nullptr>) NAPI_NOEXCEPT {
+    return nullptr;
+  }
+};
+
+/// Base class to be extended by C++ classes exposed to JavaScript; each C++
+/// class instance gets "wrapped" by a JavaScript object that is managed by this
+/// class.
+///
+/// At initialization time, the `DefineClass()` method must be used to
+/// hook up the accessor and method callbacks. It takes a list of
+/// property descriptors, which can be constructed via the various
+/// static methods on the base class.
+///
+/// #### Example:
+///
+///     class Example: public Napi::ObjectWrap<Example> {
+///       public:
+///         static void Initialize(Napi::Env& env, Napi::Object& target) {
+///           Napi::Function constructor = DefineClass(env, "Example", {
+///             InstanceAccessor<&Example::GetSomething,
+///             &Example::SetSomething>("value"),
+///             InstanceMethod<&Example::DoSomething>("doSomething"),
+///           });
+///           target.Set("Example", constructor);
+///         }
+///
+///         Example(const Napi::CallbackInfo& info); // Constructor
+///         Napi::Value GetSomething(const Napi::CallbackInfo& info);
+///         void SetSomething(const Napi::CallbackInfo& info, const Napi::Value&
+///         value); Napi::Value DoSomething(const Napi::CallbackInfo& info);
+///     }
+template <typename T>
+class ObjectWrap : public InstanceWrap<T>, public Reference<Object> {
+ public:
+  ObjectWrap(const CallbackInfo& callbackInfo);
+  virtual ~ObjectWrap();
+
+  static T* Unwrap(Object wrapper);
+
+  // Methods exposed to JavaScript must conform to one of these callback
+  // signatures.
+  using StaticVoidMethodCallback = void (*)(const CallbackInfo& info);
+  using StaticMethodCallback = Napi::Value (*)(const CallbackInfo& info);
+  using StaticGetterCallback = Napi::Value (*)(const CallbackInfo& info);
+  using StaticSetterCallback = void (*)(const CallbackInfo& info,
+                                        const Napi::Value& value);
+
+  using PropertyDescriptor = ClassPropertyDescriptor<T>;
+
+  static Function DefineClass(
+      Napi::Env env,
+      const char* utf8name,
+      const std::initializer_list<PropertyDescriptor>& properties,
+      void* data = nullptr);
+  static Function DefineClass(Napi::Env env,
+                              const char* utf8name,
+                              const std::vector<PropertyDescriptor>& properties,
+                              void* data = nullptr);
+  static PropertyDescriptor StaticMethod(
+      const char* utf8name,
+      StaticVoidMethodCallback method,
+      napi_property_attributes attributes = napi_default,
+      void* data = nullptr);
+  static PropertyDescriptor StaticMethod(
+      const char* utf8name,
+      StaticMethodCallback method,
+      napi_property_attributes attributes = napi_default,
+      void* data = nullptr);
+  static PropertyDescriptor StaticMethod(
+      Symbol name,
+      StaticVoidMethodCallback method,
+      napi_property_attributes attributes = napi_default,
+      void* data = nullptr);
+  static PropertyDescriptor StaticMethod(
+      Symbol name,
+      StaticMethodCallback method,
+      napi_property_attributes attributes = napi_default,
+      void* data = nullptr);
+  template <StaticVoidMethodCallback method>
+  static PropertyDescriptor StaticMethod(
+      const char* utf8name,
+      napi_property_attributes attributes = napi_default,
+      void* data = nullptr);
+  template <StaticVoidMethodCallback method>
+  static PropertyDescriptor StaticMethod(
+      Symbol name,
+      napi_property_attributes attributes = napi_default,
+      void* data = nullptr);
+  template <StaticMethodCallback method>
+  static PropertyDescriptor StaticMethod(
+      const char* utf8name,
+      napi_property_attributes attributes = napi_default,
+      void* data = nullptr);
+  template <StaticMethodCallback method>
+  static PropertyDescriptor StaticMethod(
+      Symbol name,
+      napi_property_attributes attributes = napi_default,
+      void* data = nullptr);
+  static PropertyDescriptor StaticAccessor(
+      const char* utf8name,
+      StaticGetterCallback getter,
+      StaticSetterCallback setter,
+      napi_property_attributes attributes = napi_default,
+      void* data = nullptr);
+  static PropertyDescriptor StaticAccessor(
+      Symbol name,
+      StaticGetterCallback getter,
+      StaticSetterCallback setter,
+      napi_property_attributes attributes = napi_default,
+      void* data = nullptr);
+  template <StaticGetterCallback getter, StaticSetterCallback setter = nullptr>
+  static PropertyDescriptor StaticAccessor(
+      const char* utf8name,
+      napi_property_attributes attributes = napi_default,
+      void* data = nullptr);
+  template <StaticGetterCallback getter, StaticSetterCallback setter = nullptr>
+  static PropertyDescriptor StaticAccessor(
+      Symbol name,
+      napi_property_attributes attributes = napi_default,
+      void* data = nullptr);
+  static PropertyDescriptor StaticValue(
+      const char* utf8name,
+      Napi::Value value,
+      napi_property_attributes attributes = napi_default);
+  static PropertyDescriptor StaticValue(
+      Symbol name,
+      Napi::Value value,
+      napi_property_attributes attributes = napi_default);
+  static Napi::Value OnCalledAsFunction(const Napi::CallbackInfo& callbackInfo);
+  virtual void Finalize(Napi::Env env);
+
+ private:
+  using This = ObjectWrap<T>;
+
+  static napi_value ConstructorCallbackWrapper(napi_env env,
+                                               napi_callback_info info);
+  static napi_value StaticVoidMethodCallbackWrapper(napi_env env,
+                                                    napi_callback_info info);
+  static napi_value StaticMethodCallbackWrapper(napi_env env,
+                                                napi_callback_info info);
+  static napi_value StaticGetterCallbackWrapper(napi_env env,
+                                                napi_callback_info info);
+  static napi_value StaticSetterCallbackWrapper(napi_env env,
+                                                napi_callback_info info);
+  static void FinalizeCallback(napi_env env, void* data, void* hint);
+  static Function DefineClass(Napi::Env env,
+                              const char* utf8name,
+                              const size_t props_count,
+                              const napi_property_descriptor* props,
+                              void* data = nullptr);
+
+  using StaticVoidMethodCallbackData =
+      MethodCallbackData<T, StaticVoidMethodCallback>;
+  using StaticMethodCallbackData = MethodCallbackData<T, StaticMethodCallback>;
+
+  using StaticAccessorCallbackData =
+      AccessorCallbackData<T, StaticGetterCallback, StaticSetterCallback>;
+
+  template <StaticSetterCallback method>
+  static napi_value WrappedMethod(napi_env env,
+                                  napi_callback_info info) NAPI_NOEXCEPT;
+
+  template <StaticSetterCallback setter>
+  struct StaticSetterTag {};
+
+  template <StaticSetterCallback setter>
+  static napi_callback WrapStaticSetter(StaticSetterTag<setter>) NAPI_NOEXCEPT {
+    return &This::WrappedMethod<setter>;
+  }
+  static napi_callback WrapStaticSetter(StaticSetterTag<nullptr>)
+      NAPI_NOEXCEPT {
+    return nullptr;
+  }
+
+  bool _construction_failed = true;
+};
+
+class HandleScope {
+ public:
+  HandleScope(napi_env env, napi_handle_scope scope);
+  explicit HandleScope(Napi::Env env);
+  ~HandleScope();
+
+  // Disallow copying to prevent double close of napi_handle_scope
+  NAPI_DISALLOW_ASSIGN_COPY(HandleScope)
+
+  operator napi_handle_scope() const;
+
+  Napi::Env Env() const;
+
+ private:
+  napi_env _env;
+  napi_handle_scope _scope;
+};
+
+class EscapableHandleScope {
+ public:
+  EscapableHandleScope(napi_env env, napi_escapable_handle_scope scope);
+  explicit EscapableHandleScope(Napi::Env env);
+  ~EscapableHandleScope();
+
+  // Disallow copying to prevent double close of napi_escapable_handle_scope
+  NAPI_DISALLOW_ASSIGN_COPY(EscapableHandleScope)
+
+  operator napi_escapable_handle_scope() const;
+
+  Napi::Env Env() const;
+  Value Escape(napi_value escapee);
+
+ private:
+  napi_env _env;
+  napi_escapable_handle_scope _scope;
+};
+
+#if (NAPI_VERSION > 2)
+class CallbackScope {
+ public:
+  CallbackScope(napi_env env, napi_callback_scope scope);
+  CallbackScope(napi_env env, napi_async_context context);
+  virtual ~CallbackScope();
+
+  // Disallow copying to prevent double close of napi_callback_scope
+  NAPI_DISALLOW_ASSIGN_COPY(CallbackScope)
+
+  operator napi_callback_scope() const;
+
+  Napi::Env Env() const;
+
+ private:
+  napi_env _env;
+  napi_callback_scope _scope;
+};
+#endif
+
+class AsyncContext {
+ public:
+  explicit AsyncContext(napi_env env, const char* resource_name);
+  explicit AsyncContext(napi_env env,
+                        const char* resource_name,
+                        const Object& resource);
+  virtual ~AsyncContext();
+
+  AsyncContext(AsyncContext&& other);
+  AsyncContext& operator=(AsyncContext&& other);
+  NAPI_DISALLOW_ASSIGN_COPY(AsyncContext)
+
+  operator napi_async_context() const;
+
+  Napi::Env Env() const;
+
+ private:
+  napi_env _env;
+  napi_async_context _context;
+};
+
+#if NAPI_HAS_THREADS
+class AsyncWorker {
+ public:
+  virtual ~AsyncWorker();
+
+  NAPI_DISALLOW_ASSIGN_COPY(AsyncWorker)
+
+  operator napi_async_work() const;
+
+  Napi::Env Env() const;
+
+  void Queue();
+  void Cancel();
+  void SuppressDestruct();
+
+  ObjectReference& Receiver();
+  FunctionReference& Callback();
+
+  virtual void OnExecute(Napi::Env env);
+  virtual void OnWorkComplete(Napi::Env env, napi_status status);
+
+ protected:
+  explicit AsyncWorker(const Function& callback);
+  explicit AsyncWorker(const Function& callback, const char* resource_name);
+  explicit AsyncWorker(const Function& callback,
+                       const char* resource_name,
+                       const Object& resource);
+  explicit AsyncWorker(const Object& receiver, const Function& callback);
+  explicit AsyncWorker(const Object& receiver,
+                       const Function& callback,
+                       const char* resource_name);
+  explicit AsyncWorker(const Object& receiver,
+                       const Function& callback,
+                       const char* resource_name,
+                       const Object& resource);
+
+  explicit AsyncWorker(Napi::Env env);
+  explicit AsyncWorker(Napi::Env env, const char* resource_name);
+  explicit AsyncWorker(Napi::Env env,
+                       const char* resource_name,
+                       const Object& resource);
+
+  virtual void Execute() = 0;
+  virtual void OnOK();
+  virtual void OnError(const Error& e);
+  virtual void Destroy();
+  virtual std::vector<napi_value> GetResult(Napi::Env env);
+
+  void SetError(const std::string& error);
+
+ private:
+  static inline void OnAsyncWorkExecute(napi_env env, void* asyncworker);
+  static inline void OnAsyncWorkComplete(napi_env env,
+                                         napi_status status,
+                                         void* asyncworker);
+
+  napi_env _env;
+  napi_async_work _work;
+  ObjectReference _receiver;
+  FunctionReference _callback;
+  std::string _error;
+  bool _suppress_destruct;
+};
+#endif  // NAPI_HAS_THREADS
+
+#if (NAPI_VERSION > 3 && NAPI_HAS_THREADS)
+class ThreadSafeFunction {
+ public:
+  // This API may only be called from the main thread.
+  template <typename ResourceString>
+  static ThreadSafeFunction New(napi_env env,
+                                const Function& callback,
+                                ResourceString resourceName,
+                                size_t maxQueueSize,
+                                size_t initialThreadCount);
+
+  // This API may only be called from the main thread.
+  template <typename ResourceString, typename ContextType>
+  static ThreadSafeFunction New(napi_env env,
+                                const Function& callback,
+                                ResourceString resourceName,
+                                size_t maxQueueSize,
+                                size_t initialThreadCount,
+                                ContextType* context);
+
+  // This API may only be called from the main thread.
+  template <typename ResourceString, typename Finalizer>
+  static ThreadSafeFunction New(napi_env env,
+                                const Function& callback,
+                                ResourceString resourceName,
+                                size_t maxQueueSize,
+                                size_t initialThreadCount,
+                                Finalizer finalizeCallback);
+
+  // This API may only be called from the main thread.
+  template <typename ResourceString,
+            typename Finalizer,
+            typename FinalizerDataType>
+  static ThreadSafeFunction New(napi_env env,
+                                const Function& callback,
+                                ResourceString resourceName,
+                                size_t maxQueueSize,
+                                size_t initialThreadCount,
+                                Finalizer finalizeCallback,
+                                FinalizerDataType* data);
+
+  // This API may only be called from the main thread.
+  template <typename ResourceString, typename ContextType, typename Finalizer>
+  static ThreadSafeFunction New(napi_env env,
+                                const Function& callback,
+                                ResourceString resourceName,
+                                size_t maxQueueSize,
+                                size_t initialThreadCount,
+                                ContextType* context,
+                                Finalizer finalizeCallback);
+
+  // This API may only be called from the main thread.
+  template <typename ResourceString,
+            typename ContextType,
+            typename Finalizer,
+            typename FinalizerDataType>
+  static ThreadSafeFunction New(napi_env env,
+                                const Function& callback,
+                                ResourceString resourceName,
+                                size_t maxQueueSize,
+                                size_t initialThreadCount,
+                                ContextType* context,
+                                Finalizer finalizeCallback,
+                                FinalizerDataType* data);
+
+  // This API may only be called from the main thread.
+  template <typename ResourceString>
+  static ThreadSafeFunction New(napi_env env,
+                                const Function& callback,
+                                const Object& resource,
+                                ResourceString resourceName,
+                                size_t maxQueueSize,
+                                size_t initialThreadCount);
+
+  // This API may only be called from the main thread.
+  template <typename ResourceString, typename ContextType>
+  static ThreadSafeFunction New(napi_env env,
+                                const Function& callback,
+                                const Object& resource,
+                                ResourceString resourceName,
+                                size_t maxQueueSize,
+                                size_t initialThreadCount,
+                                ContextType* context);
+
+  // This API may only be called from the main thread.
+  template <typename ResourceString, typename Finalizer>
+  static ThreadSafeFunction New(napi_env env,
+                                const Function& callback,
+                                const Object& resource,
+                                ResourceString resourceName,
+                                size_t maxQueueSize,
+                                size_t initialThreadCount,
+                                Finalizer finalizeCallback);
+
+  // This API may only be called from the main thread.
+  template <typename ResourceString,
+            typename Finalizer,
+            typename FinalizerDataType>
+  static ThreadSafeFunction New(napi_env env,
+                                const Function& callback,
+                                const Object& resource,
+                                ResourceString resourceName,
+                                size_t maxQueueSize,
+                                size_t initialThreadCount,
+                                Finalizer finalizeCallback,
+                                FinalizerDataType* data);
+
+  // This API may only be called from the main thread.
+  template <typename ResourceString, typename ContextType, typename Finalizer>
+  static ThreadSafeFunction New(napi_env env,
+                                const Function& callback,
+                                const Object& resource,
+                                ResourceString resourceName,
+                                size_t maxQueueSize,
+                                size_t initialThreadCount,
+                                ContextType* context,
+                                Finalizer finalizeCallback);
+
+  // This API may only be called from the main thread.
+  template <typename ResourceString,
+            typename ContextType,
+            typename Finalizer,
+            typename FinalizerDataType>
+  static ThreadSafeFunction New(napi_env env,
+                                const Function& callback,
+                                const Object& resource,
+                                ResourceString resourceName,
+                                size_t maxQueueSize,
+                                size_t initialThreadCount,
+                                ContextType* context,
+                                Finalizer finalizeCallback,
+                                FinalizerDataType* data);
+
+  ThreadSafeFunction();
+  ThreadSafeFunction(napi_threadsafe_function tsFunctionValue);
+
+  operator napi_threadsafe_function() const;
+
+  // This API may be called from any thread.
+  napi_status BlockingCall() const;
+
+  // This API may be called from any thread.
+  template <typename Callback>
+  napi_status BlockingCall(Callback callback) const;
+
+  // This API may be called from any thread.
+  template <typename DataType, typename Callback>
+  napi_status BlockingCall(DataType* data, Callback callback) const;
+
+  // This API may be called from any thread.
+  napi_status NonBlockingCall() const;
+
+  // This API may be called from any thread.
+  template <typename Callback>
+  napi_status NonBlockingCall(Callback callback) const;
+
+  // This API may be called from any thread.
+  template <typename DataType, typename Callback>
+  napi_status NonBlockingCall(DataType* data, Callback callback) const;
+
+  // This API may only be called from the main thread.
+  void Ref(napi_env env) const;
+
+  // This API may only be called from the main thread.
+  void Unref(napi_env env) const;
+
+  // This API may be called from any thread.
+  napi_status Acquire() const;
+
+  // This API may be called from any thread.
+  napi_status Release() const;
+
+  // This API may be called from any thread.
+  napi_status Abort() const;
+
+  struct ConvertibleContext {
+    template <class T>
+    operator T*() {
+      return static_cast<T*>(context);
+    }
+    void* context;
+  };
+
+  // This API may be called from any thread.
+  ConvertibleContext GetContext() const;
+
+ private:
+  using CallbackWrapper = std::function<void(Napi::Env, Napi::Function)>;
+
+  template <typename ResourceString,
+            typename ContextType,
+            typename Finalizer,
+            typename FinalizerDataType>
+  static ThreadSafeFunction New(napi_env env,
+                                const Function& callback,
+                                const Object& resource,
+                                ResourceString resourceName,
+                                size_t maxQueueSize,
+                                size_t initialThreadCount,
+                                ContextType* context,
+                                Finalizer finalizeCallback,
+                                FinalizerDataType* data,
+                                napi_finalize wrapper);
+
+  napi_status CallInternal(CallbackWrapper* callbackWrapper,
+                           napi_threadsafe_function_call_mode mode) const;
+
+  static void CallJS(napi_env env,
+                     napi_value jsCallback,
+                     void* context,
+                     void* data);
+
+  napi_threadsafe_function _tsfn;
+};
+
+// A TypedThreadSafeFunction by default has no context (nullptr) and can
+// accept any type (void) to its CallJs.
+template <typename ContextType = std::nullptr_t,
+          typename DataType = void,
+          void (*CallJs)(Napi::Env, Napi::Function, ContextType*, DataType*) =
+              nullptr>
+class TypedThreadSafeFunction {
+ public:
+  // This API may only be called from the main thread.
+  // Helper function that returns nullptr if running Node-API 5+, otherwise a
+  // non-empty, no-op Function. This provides the ability to specify at
+  // compile-time a callback parameter to `New` that safely does no action
+  // when targeting _any_ Node-API version.
+#if NAPI_VERSION > 4
+  static std::nullptr_t EmptyFunctionFactory(Napi::Env env);
+#else
+  static Napi::Function EmptyFunctionFactory(Napi::Env env);
+#endif
+  static Napi::Function FunctionOrEmpty(Napi::Env env,
+                                        Napi::Function& callback);
+
+#if NAPI_VERSION > 4
+  // This API may only be called from the main thread.
+  // Creates a new threadsafe function with:
+  //   Callback [missing] Resource [missing] Finalizer [missing]
+  template <typename ResourceString>
+  static TypedThreadSafeFunction<ContextType, DataType, CallJs> New(
+      napi_env env,
+      ResourceString resourceName,
+      size_t maxQueueSize,
+      size_t initialThreadCount,
+      ContextType* context = nullptr);
+
+  // This API may only be called from the main thread.
+  // Creates a new threadsafe function with:
+  //   Callback [missing] Resource [passed] Finalizer [missing]
+  template <typename ResourceString>
+  static TypedThreadSafeFunction<ContextType, DataType, CallJs> New(
+      napi_env env,
+      const Object& resource,
+      ResourceString resourceName,
+      size_t maxQueueSize,
+      size_t initialThreadCount,
+      ContextType* context = nullptr);
+
+  // This API may only be called from the main thread.
+  // Creates a new threadsafe function with:
+  //   Callback [missing] Resource [missing] Finalizer [passed]
+  template <typename ResourceString,
+            typename Finalizer,
+            typename FinalizerDataType = void>
+  static TypedThreadSafeFunction<ContextType, DataType, CallJs> New(
+      napi_env env,
+      ResourceString resourceName,
+      size_t maxQueueSize,
+      size_t initialThreadCount,
+      ContextType* context,
+      Finalizer finalizeCallback,
+      FinalizerDataType* data = nullptr);
+
+  // This API may only be called from the main thread.
+  // Creates a new threadsafe function with:
+  //   Callback [missing] Resource [passed] Finalizer [passed]
+  template <typename ResourceString,
+            typename Finalizer,
+            typename FinalizerDataType = void>
+  static TypedThreadSafeFunction<ContextType, DataType, CallJs> New(
+      napi_env env,
+      const Object& resource,
+      ResourceString resourceName,
+      size_t maxQueueSize,
+      size_t initialThreadCount,
+      ContextType* context,
+      Finalizer finalizeCallback,
+      FinalizerDataType* data = nullptr);
+#endif
+
+  // This API may only be called from the main thread.
+  // Creates a new threadsafe function with:
+  //   Callback [passed] Resource [missing] Finalizer [missing]
+  template <typename ResourceString>
+  static TypedThreadSafeFunction<ContextType, DataType, CallJs> New(
+      napi_env env,
+      const Function& callback,
+      ResourceString resourceName,
+      size_t maxQueueSize,
+      size_t initialThreadCount,
+      ContextType* context = nullptr);
+
+  // This API may only be called from the main thread.
+  // Creates a new threadsafe function with:
+  //   Callback [passed] Resource [passed] Finalizer [missing]
+  template <typename ResourceString>
+  static TypedThreadSafeFunction<ContextType, DataType, CallJs> New(
+      napi_env env,
+      const Function& callback,
+      const Object& resource,
+      ResourceString resourceName,
+      size_t maxQueueSize,
+      size_t initialThreadCount,
+      ContextType* context = nullptr);
+
+  // This API may only be called from the main thread.
+  // Creates a new threadsafe function with:
+  //   Callback [passed] Resource [missing] Finalizer [passed]
+  template <typename ResourceString,
+            typename Finalizer,
+            typename FinalizerDataType = void>
+  static TypedThreadSafeFunction<ContextType, DataType, CallJs> New(
+      napi_env env,
+      const Function& callback,
+      ResourceString resourceName,
+      size_t maxQueueSize,
+      size_t initialThreadCount,
+      ContextType* context,
+      Finalizer finalizeCallback,
+      FinalizerDataType* data = nullptr);
+
+  // This API may only be called from the main thread.
+  // Creates a new threadsafe function with:
+  //   Callback [passed] Resource [passed] Finalizer [passed]
+  template <typename CallbackType,
+            typename ResourceString,
+            typename Finalizer,
+            typename FinalizerDataType>
+  static TypedThreadSafeFunction<ContextType, DataType, CallJs> New(
+      napi_env env,
+      CallbackType callback,
+      const Object& resource,
+      ResourceString resourceName,
+      size_t maxQueueSize,
+      size_t initialThreadCount,
+      ContextType* context,
+      Finalizer finalizeCallback,
+      FinalizerDataType* data = nullptr);
+
+  TypedThreadSafeFunction();
+  TypedThreadSafeFunction(napi_threadsafe_function tsFunctionValue);
+
+  operator napi_threadsafe_function() const;
+
+  // This API may be called from any thread.
+  napi_status BlockingCall(DataType* data = nullptr) const;
+
+  // This API may be called from any thread.
+  napi_status NonBlockingCall(DataType* data = nullptr) const;
+
+  // This API may only be called from the main thread.
+  void Ref(napi_env env) const;
+
+  // This API may only be called from the main thread.
+  void Unref(napi_env env) const;
+
+  // This API may be called from any thread.
+  napi_status Acquire() const;
+
+  // This API may be called from any thread.
+  napi_status Release() const;
+
+  // This API may be called from any thread.
+  napi_status Abort() const;
+
+  // This API may be called from any thread.
+  ContextType* GetContext() const;
+
+ private:
+  template <typename ResourceString,
+            typename Finalizer,
+            typename FinalizerDataType>
+  static TypedThreadSafeFunction<ContextType, DataType, CallJs> New(
+      napi_env env,
+      const Function& callback,
+      const Object& resource,
+      ResourceString resourceName,
+      size_t maxQueueSize,
+      size_t initialThreadCount,
+      ContextType* context,
+      Finalizer finalizeCallback,
+      FinalizerDataType* data,
+      napi_finalize wrapper);
+
+  static void CallJsInternal(napi_env env,
+                             napi_value jsCallback,
+                             void* context,
+                             void* data);
+
+ protected:
+  napi_threadsafe_function _tsfn;
+};
+template <typename DataType>
+class AsyncProgressWorkerBase : public AsyncWorker {
+ public:
+  virtual void OnWorkProgress(DataType* data) = 0;
+  class ThreadSafeData {
+   public:
+    ThreadSafeData(AsyncProgressWorkerBase* asyncprogressworker, DataType* data)
+        : _asyncprogressworker(asyncprogressworker), _data(data) {}
+
+    AsyncProgressWorkerBase* asyncprogressworker() {
+      return _asyncprogressworker;
+    };
+    DataType* data() { return _data; };
+
+   private:
+    AsyncProgressWorkerBase* _asyncprogressworker;
+    DataType* _data;
+  };
+  void OnWorkComplete(Napi::Env env, napi_status status) override;
+
+ protected:
+  explicit AsyncProgressWorkerBase(const Object& receiver,
+                                   const Function& callback,
+                                   const char* resource_name,
+                                   const Object& resource,
+                                   size_t queue_size = 1);
+  virtual ~AsyncProgressWorkerBase();
+
+// Optional callback of Napi::ThreadSafeFunction only available after
+// NAPI_VERSION 4. Refs: https://github.com/nodejs/node/pull/27791
+#if NAPI_VERSION > 4
+  explicit AsyncProgressWorkerBase(Napi::Env env,
+                                   const char* resource_name,
+                                   const Object& resource,
+                                   size_t queue_size = 1);
+#endif
+
+  static inline void OnAsyncWorkProgress(Napi::Env env,
+                                         Napi::Function jsCallback,
+                                         void* data);
+
+  napi_status NonBlockingCall(DataType* data);
+
+ private:
+  ThreadSafeFunction _tsfn;
+  bool _work_completed = false;
+  napi_status _complete_status;
+  static inline void OnThreadSafeFunctionFinalize(
+      Napi::Env env, void* data, AsyncProgressWorkerBase* context);
+};
+
+template <class T>
+class AsyncProgressWorker : public AsyncProgressWorkerBase<void> {
+ public:
+  virtual ~AsyncProgressWorker();
+
+  class ExecutionProgress {
+    friend class AsyncProgressWorker;
+
+   public:
+    void Signal() const;
+    void Send(const T* data, size_t count) const;
+
+   private:
+    explicit ExecutionProgress(AsyncProgressWorker* worker) : _worker(worker) {}
+    AsyncProgressWorker* const _worker;
+  };
+
+  void OnWorkProgress(void*) override;
+
+ protected:
+  explicit AsyncProgressWorker(const Function& callback);
+  explicit AsyncProgressWorker(const Function& callback,
+                               const char* resource_name);
+  explicit AsyncProgressWorker(const Function& callback,
+                               const char* resource_name,
+                               const Object& resource);
+  explicit AsyncProgressWorker(const Object& receiver,
+                               const Function& callback);
+  explicit AsyncProgressWorker(const Object& receiver,
+                               const Function& callback,
+                               const char* resource_name);
+  explicit AsyncProgressWorker(const Object& receiver,
+                               const Function& callback,
+                               const char* resource_name,
+                               const Object& resource);
+
+// Optional callback of Napi::ThreadSafeFunction only available after
+// NAPI_VERSION 4. Refs: https://github.com/nodejs/node/pull/27791
+#if NAPI_VERSION > 4
+  explicit AsyncProgressWorker(Napi::Env env);
+  explicit AsyncProgressWorker(Napi::Env env, const char* resource_name);
+  explicit AsyncProgressWorker(Napi::Env env,
+                               const char* resource_name,
+                               const Object& resource);
+#endif
+  virtual void Execute(const ExecutionProgress& progress) = 0;
+  virtual void OnProgress(const T* data, size_t count) = 0;
+
+ private:
+  void Execute() override;
+  void Signal();
+  void SendProgress_(const T* data, size_t count);
+
+  std::mutex _mutex;
+  T* _asyncdata;
+  size_t _asyncsize;
+  bool _signaled;
+};
+
+template <class T>
+class AsyncProgressQueueWorker
+    : public AsyncProgressWorkerBase<std::pair<T*, size_t>> {
+ public:
+  virtual ~AsyncProgressQueueWorker(){};
+
+  class ExecutionProgress {
+    friend class AsyncProgressQueueWorker;
+
+   public:
+    void Signal() const;
+    void Send(const T* data, size_t count) const;
+
+   private:
+    explicit ExecutionProgress(AsyncProgressQueueWorker* worker)
+        : _worker(worker) {}
+    AsyncProgressQueueWorker* const _worker;
+  };
+
+  void OnWorkComplete(Napi::Env env, napi_status status) override;
+  void OnWorkProgress(std::pair<T*, size_t>*) override;
+
+ protected:
+  explicit AsyncProgressQueueWorker(const Function& callback);
+  explicit AsyncProgressQueueWorker(const Function& callback,
+                                    const char* resource_name);
+  explicit AsyncProgressQueueWorker(const Function& callback,
+                                    const char* resource_name,
+                                    const Object& resource);
+  explicit AsyncProgressQueueWorker(const Object& receiver,
+                                    const Function& callback);
+  explicit AsyncProgressQueueWorker(const Object& receiver,
+                                    const Function& callback,
+                                    const char* resource_name);
+  explicit AsyncProgressQueueWorker(const Object& receiver,
+                                    const Function& callback,
+                                    const char* resource_name,
+                                    const Object& resource);
+
+// Optional callback of Napi::ThreadSafeFunction only available after
+// NAPI_VERSION 4. Refs: https://github.com/nodejs/node/pull/27791
+#if NAPI_VERSION > 4
+  explicit AsyncProgressQueueWorker(Napi::Env env);
+  explicit AsyncProgressQueueWorker(Napi::Env env, const char* resource_name);
+  explicit AsyncProgressQueueWorker(Napi::Env env,
+                                    const char* resource_name,
+                                    const Object& resource);
+#endif
+  virtual void Execute(const ExecutionProgress& progress) = 0;
+  virtual void OnProgress(const T* data, size_t count) = 0;
+
+ private:
+  void Execute() override;
+  void Signal() const;
+  void SendProgress_(const T* data, size_t count);
+};
+#endif  // NAPI_VERSION > 3 && NAPI_HAS_THREADS
+
+// Memory management.
+class MemoryManagement {
+ public:
+  static int64_t AdjustExternalMemory(Env env, int64_t change_in_bytes);
+};
+
+// Version management
+class VersionManagement {
+ public:
+  static uint32_t GetNapiVersion(Env env);
+  static const napi_node_version* GetNodeVersion(Env env);
+};
+
+#if NAPI_VERSION > 5
+template <typename T>
+class Addon : public InstanceWrap<T> {
+ public:
+  static inline Object Init(Env env, Object exports);
+  static T* Unwrap(Object wrapper);
+
+ protected:
+  using AddonProp = ClassPropertyDescriptor<T>;
+  void DefineAddon(Object exports,
+                   const std::initializer_list<AddonProp>& props);
+  Napi::Object DefineProperties(Object object,
+                                const std::initializer_list<AddonProp>& props);
+
+ private:
+  Object entry_point_;
+};
+#endif  // NAPI_VERSION > 5
+
+#ifdef NAPI_CPP_CUSTOM_NAMESPACE
+}  // namespace NAPI_CPP_CUSTOM_NAMESPACE
+#endif
+
+}  // namespace Napi
+
+// Inline implementations of all the above class methods are included here.
+#include "napi-inl.h"
+
+#endif  // SRC_NAPI_H_
diff --git a/node_modules/node-addon-api/node_addon_api.gyp b/node_modules/node-addon-api/node_addon_api.gyp
new file mode 100644
index 0000000..29905ed
--- /dev/null
+++ b/node_modules/node-addon-api/node_addon_api.gyp
@@ -0,0 +1,32 @@
+{
+  'targets': [
+    {
+      'target_name': 'node_addon_api',
+      'type': 'none',
+      'sources': [ 'napi.h', 'napi-inl.h' ],
+      'direct_dependent_settings': {
+        'include_dirs': [ '.' ],
+        'includes': ['noexcept.gypi'],
+      }
+    },
+    {
+      'target_name': 'node_addon_api_except',
+      'type': 'none',
+      'sources': [ 'napi.h', 'napi-inl.h' ],
+      'direct_dependent_settings': {
+        'include_dirs': [ '.' ],
+        'includes': ['except.gypi'],
+      }
+    },
+    {
+      'target_name': 'node_addon_api_maybe',
+      'type': 'none',
+      'sources': [ 'napi.h', 'napi-inl.h' ],
+      'direct_dependent_settings': {
+        'include_dirs': [ '.' ],
+        'includes': ['noexcept.gypi'],
+        'defines': ['NODE_ADDON_API_ENABLE_MAYBE']
+      }
+    },
+  ]
+}
diff --git a/node_modules/node-addon-api/node_api.gyp b/node_modules/node-addon-api/node_api.gyp
new file mode 100644
index 0000000..4ff0ae7
--- /dev/null
+++ b/node_modules/node-addon-api/node_api.gyp
@@ -0,0 +1,9 @@
+{
+  'targets': [
+    {
+      'target_name': 'nothing',
+      'type': 'static_library',
+      'sources': [ 'nothing.c' ]
+    }
+  ]
+}
diff --git a/node_modules/node-addon-api/noexcept.gypi b/node_modules/node-addon-api/noexcept.gypi
new file mode 100644
index 0000000..404a05f
--- /dev/null
+++ b/node_modules/node-addon-api/noexcept.gypi
@@ -0,0 +1,26 @@
+{
+  'defines': [ 'NAPI_DISABLE_CPP_EXCEPTIONS' ],
+  'cflags': [ '-fno-exceptions' ],
+  'cflags_cc': [ '-fno-exceptions' ],
+  'conditions': [
+    ["OS=='win'", {
+      # _HAS_EXCEPTIONS is already defined and set to 0 in common.gypi
+      #"defines": [
+      #  "_HAS_EXCEPTIONS=0"
+      #],
+      "msvs_settings": {
+        "VCCLCompilerTool": {
+          'ExceptionHandling': 0,
+          'EnablePREfast': 'true',
+        },
+      },
+    }],
+    ["OS=='mac'", {
+      'xcode_settings': {
+        'CLANG_CXX_LIBRARY': 'libc++',
+        'MACOSX_DEPLOYMENT_TARGET': '10.7',
+        'GCC_ENABLE_CPP_EXCEPTIONS': 'NO',
+      },
+    }],
+  ],
+}
diff --git a/node_modules/node-addon-api/nothing.c b/node_modules/node-addon-api/nothing.c
new file mode 100644
index 0000000..e69de29
diff --git a/node_modules/node-addon-api/package-support.json b/node_modules/node-addon-api/package-support.json
new file mode 100644
index 0000000..10d3607
--- /dev/null
+++ b/node_modules/node-addon-api/package-support.json
@@ -0,0 +1,21 @@
+{
+  "versions": [
+    {
+      "version": "*",
+      "target": {
+        "node": "active"
+      },
+      "response": {
+        "type": "time-permitting",
+        "paid": false,
+        "contact": {
+          "name": "node-addon-api team",
+          "url": "https://github.com/nodejs/node-addon-api/issues"
+        }
+      },
+      "backing": [ { "project": "https://github.com/nodejs" },
+                   { "foundation": "https://openjsf.org/" }
+      ]
+    }
+  ]
+}
diff --git a/node_modules/node-addon-api/package.json b/node_modules/node-addon-api/package.json
new file mode 100644
index 0000000..d772ddc
--- /dev/null
+++ b/node_modules/node-addon-api/package.json
@@ -0,0 +1,480 @@
+{
+  "bugs": {
+    "url": "https://github.com/nodejs/node-addon-api/issues"
+  },
+  "contributors": [
+    {
+      "name": "Abhishek Kumar Singh",
+      "url": "https://github.com/abhi11210646"
+    },
+    {
+      "name": "Alba Mendez",
+      "url": "https://github.com/jmendeth"
+    },
+    {
+      "name": "Alexander Floh",
+      "url": "https://github.com/alexanderfloh"
+    },
+    {
+      "name": "Ammar Faizi",
+      "url": "https://github.com/ammarfaizi2"
+    },
+    {
+      "name": "András Timár, Dr",
+      "url": "https://github.com/timarandras"
+    },
+    {
+      "name": "Andrew Petersen",
+      "url": "https://github.com/kirbysayshi"
+    },
+    {
+      "name": "Anisha Rohra",
+      "url": "https://github.com/anisha-rohra"
+    },
+    {
+      "name": "Anna Henningsen",
+      "url": "https://github.com/addaleax"
+    },
+    {
+      "name": "Arnaud Botella",
+      "url": "https://github.com/BotellaA"
+    },
+    {
+      "name": "Arunesh Chandra",
+      "url": "https://github.com/aruneshchandra"
+    },
+    {
+      "name": "Azlan Mukhtar",
+      "url": "https://github.com/azlan"
+    },
+    {
+      "name": "Ben Berman",
+      "url": "https://github.com/rivertam"
+    },
+    {
+      "name": "Benjamin Byholm",
+      "url": "https://github.com/kkoopa"
+    },
+    {
+      "name": "Bill Gallafent",
+      "url": "https://github.com/gallafent"
+    },
+    {
+      "name": "blagoev",
+      "url": "https://github.com/blagoev"
+    },
+    {
+      "name": "Bruce A. MacNaughton",
+      "url": "https://github.com/bmacnaughton"
+    },
+    {
+      "name": "Cory Mickelson",
+      "url": "https://github.com/corymickelson"
+    },
+    {
+      "name": "Daniel Bevenius",
+      "url": "https://github.com/danbev"
+    },
+    {
+      "name": "Dante Calderón",
+      "url": "https://github.com/dantehemerson"
+    },
+    {
+      "name": "Darshan Sen",
+      "url": "https://github.com/RaisinTen"
+    },
+    {
+      "name": "David Halls",
+      "url": "https://github.com/davedoesdev"
+    },
+    {
+      "name": "Deepak Rajamohan",
+      "url": "https://github.com/deepakrkris"
+    },
+    {
+      "name": "Dmitry Ashkadov",
+      "url": "https://github.com/dmitryash"
+    },
+    {
+      "name": "Dongjin Na",
+      "url": "https://github.com/nadongguri"
+    },
+    {
+      "name": "Doni Rubiagatra",
+      "url": "https://github.com/rubiagatra"
+    },
+    {
+      "name": "Eric Bickle",
+      "url": "https://github.com/ebickle"
+    },
+    {
+      "name": "extremeheat",
+      "url": "https://github.com/extremeheat"
+    },
+    {
+      "name": "Feng Yu",
+      "url": "https://github.com/F3n67u"
+    },
+    {
+      "name": "Ferdinand Holzer",
+      "url": "https://github.com/fholzer"
+    },
+    {
+      "name": "Gabriel Schulhof",
+      "url": "https://github.com/gabrielschulhof"
+    },
+    {
+      "name": "Guenter Sandner",
+      "url": "https://github.com/gms1"
+    },
+    {
+      "name": "Gus Caplan",
+      "url": "https://github.com/devsnek"
+    },
+    {
+      "name": "Helio Frota",
+      "url": "https://github.com/helio-frota"
+    },
+    {
+      "name": "Hitesh Kanwathirtha",
+      "url": "https://github.com/digitalinfinity"
+    },
+    {
+      "name": "ikokostya",
+      "url": "https://github.com/ikokostya"
+    },
+    {
+      "name": "Jack Xia",
+      "url": "https://github.com/JckXia"
+    },
+    {
+      "name": "Jake Barnes",
+      "url": "https://github.com/DuBistKomisch"
+    },
+    {
+      "name": "Jake Yoon",
+      "url": "https://github.com/yjaeseok"
+    },
+    {
+      "name": "Jason Ginchereau",
+      "url": "https://github.com/jasongin"
+    },
+    {
+      "name": "Jenny",
+      "url": "https://github.com/egg-bread"
+    },
+    {
+      "name": "Jeroen Janssen",
+      "url": "https://github.com/japj"
+    },
+    {
+      "name": "Jim Schlight",
+      "url": "https://github.com/jschlight"
+    },
+    {
+      "name": "Jinho Bang",
+      "url": "https://github.com/romandev"
+    },
+    {
+      "name": "José Expósito",
+      "url": "https://github.com/JoseExposito"
+    },
+    {
+      "name": "joshgarde",
+      "url": "https://github.com/joshgarde"
+    },
+    {
+      "name": "Julian Mesa",
+      "url": "https://github.com/julianmesa-gitkraken"
+    },
+    {
+      "name": "Kasumi Hanazuki",
+      "url": "https://github.com/hanazuki"
+    },
+    {
+      "name": "Kelvin",
+      "url": "https://github.com/kelvinhammond"
+    },
+    {
+      "name": "Kevin Eady",
+      "url": "https://github.com/KevinEady"
+    },
+    {
+      "name": "Kévin VOYER",
+      "url": "https://github.com/kecsou"
+    },
+    {
+      "name": "kidneysolo",
+      "url": "https://github.com/kidneysolo"
+    },
+    {
+      "name": "Koki Nishihara",
+      "url": "https://github.com/Nishikoh"
+    },
+    {
+      "name": "Konstantin Tarkus",
+      "url": "https://github.com/koistya"
+    },
+    {
+      "name": "Kyle Farnung",
+      "url": "https://github.com/kfarnung"
+    },
+    {
+      "name": "Kyle Kovacs",
+      "url": "https://github.com/nullromo"
+    },
+    {
+      "name": "legendecas",
+      "url": "https://github.com/legendecas"
+    },
+    {
+      "name": "LongYinan",
+      "url": "https://github.com/Brooooooklyn"
+    },
+    {
+      "name": "Lovell Fuller",
+      "url": "https://github.com/lovell"
+    },
+    {
+      "name": "Luciano Martorella",
+      "url": "https://github.com/lmartorella"
+    },
+    {
+      "name": "mastergberry",
+      "url": "https://github.com/mastergberry"
+    },
+    {
+      "name": "Mathias Küsel",
+      "url": "https://github.com/mathiask88"
+    },
+    {
+      "name": "Mathias Stearn",
+      "url": "https://github.com/RedBeard0531"
+    },
+    {
+      "name": "Matteo Collina",
+      "url": "https://github.com/mcollina"
+    },
+    {
+      "name": "Michael Dawson",
+      "url": "https://github.com/mhdawson"
+    },
+    {
+      "name": "Michael Price",
+      "url": "https://github.com/mikepricedev"
+    },
+    {
+      "name": "Michele Campus",
+      "url": "https://github.com/kYroL01"
+    },
+    {
+      "name": "Mikhail Cheshkov",
+      "url": "https://github.com/mcheshkov"
+    },
+    {
+      "name": "nempoBu4",
+      "url": "https://github.com/nempoBu4"
+    },
+    {
+      "name": "Nicola Del Gobbo",
+      "url": "https://github.com/NickNaso"
+    },
+    {
+      "name": "Nick Soggin",
+      "url": "https://github.com/iSkore"
+    },
+    {
+      "name": "Nikolai Vavilov",
+      "url": "https://github.com/seishun"
+    },
+    {
+      "name": "Nurbol Alpysbayev",
+      "url": "https://github.com/anurbol"
+    },
+    {
+      "name": "pacop",
+      "url": "https://github.com/pacop"
+    },
+    {
+      "name": "Peter Šándor",
+      "url": "https://github.com/petersandor"
+    },
+    {
+      "name": "Philipp Renoth",
+      "url": "https://github.com/DaAitch"
+    },
+    {
+      "name": "rgerd",
+      "url": "https://github.com/rgerd"
+    },
+    {
+      "name": "Richard Lau",
+      "url": "https://github.com/richardlau"
+    },
+    {
+      "name": "Rolf Timmermans",
+      "url": "https://github.com/rolftimmermans"
+    },
+    {
+      "name": "Ross Weir",
+      "url": "https://github.com/ross-weir"
+    },
+    {
+      "name": "Ryuichi Okumura",
+      "url": "https://github.com/okuryu"
+    },
+    {
+      "name": "Saint Gabriel",
+      "url": "https://github.com/chineduG"
+    },
+    {
+      "name": "Sampson Gao",
+      "url": "https://github.com/sampsongao"
+    },
+    {
+      "name": "Sam Roberts",
+      "url": "https://github.com/sam-github"
+    },
+    {
+      "name": "strager",
+      "url": "https://github.com/strager"
+    },
+    {
+      "name": "Taylor Woll",
+      "url": "https://github.com/boingoing"
+    },
+    {
+      "name": "Thomas Gentilhomme",
+      "url": "https://github.com/fraxken"
+    },
+    {
+      "name": "Tim Rach",
+      "url": "https://github.com/timrach"
+    },
+    {
+      "name": "Tobias Nießen",
+      "url": "https://github.com/tniessen"
+    },
+    {
+      "name": "todoroff",
+      "url": "https://github.com/todoroff"
+    },
+    {
+      "name": "Toyo Li",
+      "url": "https://github.com/toyobayashi"
+    },
+    {
+      "name": "Tux3",
+      "url": "https://github.com/tux3"
+    },
+    {
+      "name": "Vlad Velmisov",
+      "url": "https://github.com/Velmisov"
+    },
+    {
+      "name": "Vladimir Morozov",
+      "url": "https://github.com/vmoroz"
+
+    },
+    {
+      "name": "WenheLI",
+      "url": "https://github.com/WenheLI"
+    },
+    {
+      "name": "Xuguang Mei",
+      "url": "https://github.com/meixg"
+    },
+    {
+      "name": "Yohei Kishimoto",
+      "url": "https://github.com/morokosi"
+    },
+    {
+      "name": "Yulong Wang",
+      "url": "https://github.com/fs-eire"
+    },
+    {
+      "name": "Ziqiu Zhao",
+      "url": "https://github.com/ZzqiZQute"
+    },
+    {
+      "name": "Feng Yu",
+      "url": "https://github.com/F3n67u"
+    },
+    {
+      "name": "wanlu wang",
+      "url": "https://github.com/wanlu"
+    },
+    {
+      "name": "Caleb Hearon",
+      "url": "https://github.com/chearon"
+    },
+    {
+      "name": "Marx",
+      "url": "https://github.com/MarxJiao"
+    },
+    {
+      "name": "Ömer AKGÜL",
+      "url": "https://github.com/tuhalf"
+    }
+  ],
+  "description": "Node.js API (Node-API)",
+  "devDependencies": {
+    "benchmark": "^2.1.4",
+    "bindings": "^1.5.0",
+    "clang-format": "^1.4.0",
+    "eslint": "^7.32.0",
+    "eslint-config-semistandard": "^16.0.0",
+    "eslint-config-standard": "^16.0.3",
+    "eslint-plugin-import": "^2.24.2",
+    "eslint-plugin-node": "^11.1.0",
+    "eslint-plugin-promise": "^5.1.0",
+    "fs-extra": "^11.1.1",
+    "path": "^0.12.7",
+    "pre-commit": "^1.2.2",
+    "safe-buffer": "^5.1.1"
+  },
+  "directories": {},
+  "gypfile": false,
+  "homepage": "https://github.com/nodejs/node-addon-api",
+  "keywords": [
+    "n-api",
+    "napi",
+    "addon",
+    "native",
+    "bindings",
+    "c",
+    "c++",
+    "nan",
+    "node-addon-api"
+  ],
+  "license": "MIT",
+  "main": "index.js",
+  "name": "node-addon-api",
+  "readme": "README.md",
+  "repository": {
+    "type": "git",
+    "url": "git://github.com/nodejs/node-addon-api.git"
+  },
+  "files": [
+    "*.{c,h,gyp,gypi}",
+    "package-support.json",
+    "tools/"
+  ],
+  "scripts": {
+    "prebenchmark": "node-gyp rebuild -C benchmark",
+    "benchmark": "node benchmark",
+    "pretest": "node-gyp rebuild -C test",
+    "test": "node test",
+    "test:debug": "node-gyp rebuild -C test --debug && NODE_API_BUILD_CONFIG=Debug node ./test/index.js",
+    "predev": "node-gyp rebuild -C test --debug",
+    "dev": "node test",
+    "predev:incremental": "node-gyp configure build -C test --debug",
+    "dev:incremental": "node test",
+    "doc": "doxygen doc/Doxyfile",
+    "lint": "node tools/eslint-format && node tools/clang-format",
+    "lint:fix": "node tools/clang-format --fix && node tools/eslint-format --fix"
+  },
+  "pre-commit": "lint",
+  "version": "7.1.1",
+  "support": true
+}
diff --git a/node_modules/node-addon-api/tools/README.md b/node_modules/node-addon-api/tools/README.md
new file mode 100644
index 0000000..6b80e94
--- /dev/null
+++ b/node_modules/node-addon-api/tools/README.md
@@ -0,0 +1,73 @@
+# Tools
+
+## clang-format
+
+The clang-format checking tools is designed to check changed lines of code compared to given git-refs.
+
+## Migration Script
+
+The migration tool is designed to reduce repetitive work in the migration process. However, the script is not aiming to convert every thing for you. There are usually some small fixes and major reconstruction required.
+
+### How To Use
+
+To run the conversion script, first make sure you have the latest `node-addon-api` in your `node_modules` directory.
+```
+npm install node-addon-api
+```
+
+Then run the script passing your project directory
+```
+node ./node_modules/node-addon-api/tools/conversion.js ./
+```
+
+After finish, recompile and debug things that are missed by the script.
+
+
+### Quick Fixes
+Here is the list of things that can be fixed easily.
+  1. Change your methods' return value to void if it doesn't return value to JavaScript.
+  2. Use `.` to access attribute or to invoke member function in Napi::Object instead of `->`.
+  3. `Napi::New(env, value);` to `Napi::[Type]::New(env, value);
+
+
+### Major Reconstructions
+The implementation of `Napi::ObjectWrap` is significantly different from NAN's. `Napi::ObjectWrap` takes a pointer to the wrapped object and creates a reference to the wrapped object inside ObjectWrap constructor. `Napi::ObjectWrap` also associates wrapped object's instance methods to Javascript module instead of static methods like NAN.
+
+So if you use Nan::ObjectWrap in your module, you will need to execute the following steps.
+
+  1. Convert your [ClassName]::New function to a constructor function that takes a `Napi::CallbackInfo`. Declare it as
+```
+[ClassName](const Napi::CallbackInfo& info);
+```
+and define it as
+```
+[ClassName]::[ClassName](const Napi::CallbackInfo& info) : Napi::ObjectWrap<[ClassName]>(info){
+  ...
+}
+```
+This way, the `Napi::ObjectWrap` constructor will be invoked after the object has been instantiated and `Napi::ObjectWrap` can use the `this` pointer to create a reference to the wrapped object.
+
+  2. Move your original constructor code into the new constructor. Delete your original constructor.
+  3. In your class initialization function, associate native methods in the following way.
+```
+Napi::FunctionReference constructor;
+
+void [ClassName]::Init(Napi::Env env, Napi::Object exports, Napi::Object module) {
+  Napi::HandleScope scope(env);
+  Napi::Function ctor = DefineClass(env, "Canvas", {
+    InstanceMethod<&[ClassName]::Func1>("Func1"),
+    InstanceMethod<&[ClassName]::Func2>("Func2"),
+    InstanceAccessor<&[ClassName]::ValueGetter>("Value"),
+    StaticMethod<&[ClassName]::StaticMethod>("MethodName"),
+    InstanceValue("Value", Napi::[Type]::New(env, value)),
+  });
+
+  constructor = Napi::Persistent(ctor);
+  constructor .SuppressDestruct();
+  exports.Set("[ClassName]", ctor);
+}
+```
+  4. In function where you need to Unwrap the ObjectWrap in NAN like `[ClassName]* native = Nan::ObjectWrap::Unwrap<[ClassName]>(info.This());`, use `this` pointer directly as the unwrapped object as each ObjectWrap instance is associated with a unique object instance.
+
+
+If you still find issues after following this guide, please leave us an issue describing your problem and we will try to resolve it.
diff --git a/node_modules/node-addon-api/tools/check-napi.js b/node_modules/node-addon-api/tools/check-napi.js
new file mode 100644
index 0000000..9199af3
--- /dev/null
+++ b/node_modules/node-addon-api/tools/check-napi.js
@@ -0,0 +1,99 @@
+'use strict';
+// Descend into a directory structure and, for each file matching *.node, output
+// based on the imports found in the file whether it's an N-API module or not.
+
+const fs = require('fs');
+const path = require('path');
+
+// Read the output of the command, break it into lines, and use the reducer to
+// decide whether the file is an N-API module or not.
+function checkFile (file, command, argv, reducer) {
+  const child = require('child_process').spawn(command, argv, {
+    stdio: ['inherit', 'pipe', 'inherit']
+  });
+  let leftover = '';
+  let isNapi;
+  child.stdout.on('data', (chunk) => {
+    if (isNapi === undefined) {
+      chunk = (leftover + chunk.toString()).split(/[\r\n]+/);
+      leftover = chunk.pop();
+      isNapi = chunk.reduce(reducer, isNapi);
+      if (isNapi !== undefined) {
+        child.kill();
+      }
+    }
+  });
+  child.on('close', (code, signal) => {
+    if ((code === null && signal !== null) || (code !== 0)) {
+      console.log(
+        command + ' exited with code: ' + code + ' and signal: ' + signal);
+    } else {
+      // Green if it's a N-API module, red otherwise.
+      console.log(
+        '\x1b[' + (isNapi ? '42' : '41') + 'm' +
+          (isNapi ? '    N-API' : 'Not N-API') +
+          '\x1b[0m: ' + file);
+    }
+  });
+}
+
+// Use nm -a to list symbols.
+function checkFileUNIX (file) {
+  checkFile(file, 'nm', ['-a', file], (soFar, line) => {
+    if (soFar === undefined) {
+      line = line.match(/([0-9a-f]*)? ([a-zA-Z]) (.*$)/);
+      if (line[2] === 'U') {
+        if (/^napi/.test(line[3])) {
+          soFar = true;
+        }
+      }
+    }
+    return soFar;
+  });
+}
+
+// Use dumpbin /imports to list symbols.
+function checkFileWin32 (file) {
+  checkFile(file, 'dumpbin', ['/imports', file], (soFar, line) => {
+    if (soFar === undefined) {
+      line = line.match(/([0-9a-f]*)? +([a-zA-Z0-9]) (.*$)/);
+      if (line && /^napi/.test(line[line.length - 1])) {
+        soFar = true;
+      }
+    }
+    return soFar;
+  });
+}
+
+// Descend into a directory structure and pass each file ending in '.node' to
+// one of the above checks, depending on the OS.
+function recurse (top) {
+  fs.readdir(top, (error, items) => {
+    if (error) {
+      throw new Error('error reading directory ' + top + ': ' + error);
+    }
+    items.forEach((item) => {
+      item = path.join(top, item);
+      fs.stat(item, ((item) => (error, stats) => {
+        if (error) {
+          throw new Error('error about ' + item + ': ' + error);
+        }
+        if (stats.isDirectory()) {
+          recurse(item);
+        } else if (/[.]node$/.test(item) &&
+            // Explicitly ignore files called 'nothing.node' because they are
+            // artefacts of node-addon-api having identified a version of
+            // Node.js that ships with a correct implementation of N-API.
+            path.basename(item) !== 'nothing.node') {
+          process.platform === 'win32'
+            ? checkFileWin32(item)
+            : checkFileUNIX(item);
+        }
+      })(item));
+    });
+  });
+}
+
+// Start with the directory given on the command line or the current directory
+// if nothing was given.
+recurse(process.argv.length > 3 ? process.argv[2] : '.');
diff --git a/node_modules/node-addon-api/tools/clang-format.js b/node_modules/node-addon-api/tools/clang-format.js
new file mode 100644
index 0000000..e4bb4f5
--- /dev/null
+++ b/node_modules/node-addon-api/tools/clang-format.js
@@ -0,0 +1,71 @@
+#!/usr/bin/env node
+
+const spawn = require('child_process').spawnSync;
+const path = require('path');
+
+const filesToCheck = ['*.h', '*.cc'];
+const FORMAT_START = process.env.FORMAT_START || 'main';
+
+function main (args) {
+  let fix = false;
+  while (args.length > 0) {
+    switch (args[0]) {
+      case '-f':
+      case '--fix':
+        fix = true;
+        break;
+      default:
+    }
+    args.shift();
+  }
+
+  const clangFormatPath = path.dirname(require.resolve('clang-format'));
+  const binary = process.platform === 'win32'
+    ? 'node_modules\\.bin\\clang-format.cmd'
+    : 'node_modules/.bin/clang-format';
+  const options = ['--binary=' + binary, '--style=file'];
+  if (fix) {
+    options.push(FORMAT_START);
+  } else {
+    options.push('--diff', FORMAT_START);
+  }
+
+  const gitClangFormatPath = path.join(clangFormatPath, 'bin/git-clang-format');
+  const result = spawn(
+    'python',
+    [gitClangFormatPath, ...options, '--', ...filesToCheck],
+    { encoding: 'utf-8' }
+  );
+
+  if (result.stderr) {
+    console.error('Error running git-clang-format:', result.stderr);
+    return 2;
+  }
+
+  const clangFormatOutput = result.stdout.trim();
+  // Bail fast if in fix mode.
+  if (fix) {
+    console.log(clangFormatOutput);
+    return 0;
+  }
+  // Detect if there is any complains from clang-format
+  if (
+    clangFormatOutput !== '' &&
+    clangFormatOutput !== 'no modified files to format' &&
+    clangFormatOutput !== 'clang-format did not modify any files'
+  ) {
+    console.error(clangFormatOutput);
+    const fixCmd = 'npm run lint:fix';
+    console.error(`
+      ERROR: please run "${fixCmd}" to format changes in your commit
+        Note that when running the command locally, please keep your local
+        main branch and working branch up to date with nodejs/node-addon-api
+        to exclude un-related complains.
+        Or you can run "env FORMAT_START=upstream/main ${fixCmd}".`);
+    return 1;
+  }
+}
+
+if (require.main === module) {
+  process.exitCode = main(process.argv.slice(2));
+}
diff --git a/node_modules/node-addon-api/tools/conversion.js b/node_modules/node-addon-api/tools/conversion.js
new file mode 100755
index 0000000..f89245a
--- /dev/null
+++ b/node_modules/node-addon-api/tools/conversion.js
@@ -0,0 +1,301 @@
+#! /usr/bin/env node
+
+'use strict';
+
+const fs = require('fs');
+const path = require('path');
+
+const args = process.argv.slice(2);
+const dir = args[0];
+if (!dir) {
+  console.log('Usage: node ' + path.basename(__filename) + ' <target-dir>');
+  process.exit(1);
+}
+
+const NodeApiVersion = require('../package.json').version;
+
+const disable = args[1];
+let ConfigFileOperations;
+if (disable !== '--disable' && dir !== '--disable') {
+  ConfigFileOperations = {
+    'package.json': [
+      [/([ ]*)"dependencies": {/g, '$1"dependencies": {\n$1  "node-addon-api": "' + NodeApiVersion + '",'],
+      [/[ ]*"nan": *"[^"]+"(,|)[\n\r]/g, '']
+    ],
+    'binding.gyp': [
+      [/([ ]*)'include_dirs': \[/g, '$1\'include_dirs\': [\n$1  \'<!(node -p "require(\\\'node-addon-api\\\').include_dir")\','],
+      [/([ ]*)"include_dirs": \[/g, '$1"include_dirs": [\n$1  "<!(node -p \\"require(\'node-addon-api\').include_dir\\")",'],
+      [/[ ]*("|')<!\(node -e ("|'|\\"|\\')require\(("|'|\\"|\\')nan("|'|\\"|\\')\)("|'|\\"|\\')\)("|')(,|)[\r\n]/g, ''],
+      [/([ ]*)("|')target_name("|'): ("|')(.+?)("|'),/g, '$1$2target_name$2: $4$5$6,\n      $2cflags!$2: [ $2-fno-exceptions$2 ],\n      $2cflags_cc!$2: [ $2-fno-exceptions$2 ],\n      $2xcode_settings$2: { $2GCC_ENABLE_CPP_EXCEPTIONS$2: $2YES$2,\n        $2CLANG_CXX_LIBRARY$2: $2libc++$2,\n        $2MACOSX_DEPLOYMENT_TARGET$2: $210.7$2,\n      },\n      $2msvs_settings$2: {\n        $2VCCLCompilerTool$2: { $2ExceptionHandling$2: 1 },\n      },']
+    ]
+  };
+} else {
+  ConfigFileOperations = {
+    'package.json': [
+      [/([ ]*)"dependencies": {/g, '$1"dependencies": {\n$1  "node-addon-api": "' + NodeApiVersion + '",'],
+      [/[ ]*"nan": *"[^"]+"(,|)[\n\r]/g, '']
+    ],
+    'binding.gyp': [
+      [/([ ]*)'include_dirs': \[/g, '$1\'include_dirs\': [\n$1  \'<!(node -p "require(\\\'node-addon-api\\\').include_dir")\','],
+      [/([ ]*)"include_dirs": \[/g, '$1"include_dirs": [\n$1  "<!(node -p \'require(\\"node-addon-api\\").include_dir\')",'],
+      [/[ ]*("|')<!\(node -e ("|'|\\"|\\')require\(("|'|\\"|\\')nan("|'|\\"|\\')\)("|'|\\"|\\')\)("|')(,|)[\r\n]/g, ''],
+      [/([ ]*)("|')target_name("|'): ("|')(.+?)("|'),/g, '$1$2target_name$2: $4$5$6,\n      $2cflags!$2: [ $2-fno-exceptions$2 ],\n      $2cflags_cc!$2: [ $2-fno-exceptions$2 ],\n      $2defines$2: [ $2NAPI_DISABLE_CPP_EXCEPTIONS$2 ],\n      $2conditions$2: [\n        [\'OS=="win"\', { $2defines$2: [ $2_HAS_EXCEPTIONS=1$2 ] }]\n      ]']
+    ]
+  };
+}
+
+const SourceFileOperations = [
+  [/Nan::SetMethod\(target,[\s]*"(.*)"[\s]*,[\s]*([^)]+)\)/g, 'exports.Set(Napi::String::New(env, "$1"), Napi::Function::New(env, $2))'],
+
+  [/v8::Local<v8::FunctionTemplate>\s+(\w+)\s*=\s*Nan::New<FunctionTemplate>\([\w\d:]+\);(?:\w+->Reset\(\1\))?\s+\1->SetClassName\(Nan::String::New\("(\w+)"\)\);/g, 'Napi::Function $1 = DefineClass(env, "$2", {'],
+  [/Local<FunctionTemplate>\s+(\w+)\s*=\s*Nan::New<FunctionTemplate>\([\w\d:]+\);\s+(\w+)\.Reset\((\1)\);\s+\1->SetClassName\((Nan::String::New|Nan::New<(v8::)*String>)\("(.+?)"\)\);/g, 'Napi::Function $1 = DefineClass(env, "$6", {'],
+  [/Local<FunctionTemplate>\s+(\w+)\s*=\s*Nan::New<FunctionTemplate>\([\w\d:]+\);(?:\w+->Reset\(\1\))?\s+\1->SetClassName\(Nan::String::New\("(\w+)"\)\);/g, 'Napi::Function $1 = DefineClass(env, "$2", {'],
+  [/Nan::New<v8::FunctionTemplate>\(([\w\d:]+)\)->GetFunction\(\)/g, 'Napi::Function::New(env, $1)'],
+  [/Nan::New<FunctionTemplate>\(([\w\d:]+)\)->GetFunction()/g, 'Napi::Function::New(env, $1);'],
+  [/Nan::New<v8::FunctionTemplate>\(([\w\d:]+)\)/g, 'Napi::Function::New(env, $1)'],
+  [/Nan::New<FunctionTemplate>\(([\w\d:]+)\)/g, 'Napi::Function::New(env, $1)'],
+
+  // FunctionTemplate to FunctionReference
+  [/Nan::Persistent<(v8::)*FunctionTemplate>/g, 'Napi::FunctionReference'],
+  [/Nan::Persistent<(v8::)*Function>/g, 'Napi::FunctionReference'],
+  [/v8::Local<v8::FunctionTemplate>/g, 'Napi::FunctionReference'],
+  [/Local<FunctionTemplate>/g, 'Napi::FunctionReference'],
+  [/v8::FunctionTemplate/g, 'Napi::FunctionReference'],
+  [/FunctionTemplate/g, 'Napi::FunctionReference'],
+
+  [/([ ]*)Nan::SetPrototypeMethod\(\w+, "(\w+)", (\w+)\);/g, '$1InstanceMethod("$2", &$3),'],
+  [/([ ]*)(?:\w+\.Reset\(\w+\);\s+)?\(target\)\.Set\("(\w+)",\s*Nan::GetFunction\((\w+)\)\);/gm,
+    '});\n\n' +
+    '$1constructor = Napi::Persistent($3);\n' +
+    '$1constructor.SuppressDestruct();\n' +
+    '$1target.Set("$2", $3);'],
+
+  // TODO: Other attribute combinations
+  [/static_cast<PropertyAttribute>\(ReadOnly\s*\|\s*DontDelete\)/gm,
+    'static_cast<napi_property_attributes>(napi_enumerable | napi_configurable)'],
+
+  [/([\w\d:<>]+?)::Cast\((.+?)\)/g, '$2.As<$1>()'],
+
+  [/\*Nan::Utf8String\(([^)]+)\)/g, '$1->As<Napi::String>().Utf8Value().c_str()'],
+  [/Nan::Utf8String +(\w+)\(([^)]+)\)/g, 'std::string $1 = $2.As<Napi::String>()'],
+  [/Nan::Utf8String/g, 'std::string'],
+
+  [/v8::String::Utf8Value (.+?)\((.+?)\)/g, 'Napi::String $1(env, $2)'],
+  [/String::Utf8Value (.+?)\((.+?)\)/g, 'Napi::String $1(env, $2)'],
+  [/\.length\(\)/g, '.Length()'],
+
+  [/Nan::MakeCallback\(([^,]+),[\s\\]+([^,]+),/gm, '$2.MakeCallback($1,'],
+
+  [/class\s+(\w+)\s*:\s*public\s+Nan::ObjectWrap/g, 'class $1 : public Napi::ObjectWrap<$1>'],
+  [/(\w+)\(([^)]*)\)\s*:\s*Nan::ObjectWrap\(\)\s*(,)?/gm, '$1($2) : Napi::ObjectWrap<$1>()$3'],
+
+  // HandleOKCallback to OnOK
+  [/HandleOKCallback/g, 'OnOK'],
+  // HandleErrorCallback to OnError
+  [/HandleErrorCallback/g, 'OnError'],
+
+  // ex. .As<Function>() to .As<Napi::Object>()
+  [/\.As<v8::(Value|Boolean|String|Number|Object|Array|Symbol|External|Function)>\(\)/g, '.As<Napi::$1>()'],
+  [/\.As<(Value|Boolean|String|Number|Object|Array|Symbol|External|Function)>\(\)/g, '.As<Napi::$1>()'],
+
+  // ex. Nan::New<Number>(info[0]) to Napi::Number::New(info[0])
+  [/Nan::New<(v8::)*Integer>\((.+?)\)/g, 'Napi::Number::New(env, $2)'],
+  [/Nan::New\(([0-9.]+)\)/g, 'Napi::Number::New(env, $1)'],
+  [/Nan::New<(v8::)*String>\("(.+?)"\)/g, 'Napi::String::New(env, "$2")'],
+  [/Nan::New\("(.+?)"\)/g, 'Napi::String::New(env, "$1")'],
+  [/Nan::New<(v8::)*(.+?)>\(\)/g, 'Napi::$2::New(env)'],
+  [/Nan::New<(.+?)>\(\)/g, 'Napi::$1::New(env)'],
+  [/Nan::New<(v8::)*(.+?)>\(/g, 'Napi::$2::New(env, '],
+  [/Nan::New<(.+?)>\(/g, 'Napi::$1::New(env, '],
+  [/Nan::NewBuffer\(/g, 'Napi::Buffer<char>::New(env, '],
+  // TODO: Properly handle this
+  [/Nan::New\(/g, 'Napi::New(env, '],
+
+  [/\.IsInt32\(\)/g, '.IsNumber()'],
+  [/->IsInt32\(\)/g, '.IsNumber()'],
+
+  [/(.+?)->BooleanValue\(\)/g, '$1.As<Napi::Boolean>().Value()'],
+  [/(.+?)->Int32Value\(\)/g, '$1.As<Napi::Number>().Int32Value()'],
+  [/(.+?)->Uint32Value\(\)/g, '$1.As<Napi::Number>().Uint32Value()'],
+  [/(.+?)->IntegerValue\(\)/g, '$1.As<Napi::Number>().Int64Value()'],
+  [/(.+?)->NumberValue\(\)/g, '$1.As<Napi::Number>().DoubleValue()'],
+
+  // ex. Nan::To<bool>(info[0]) to info[0].Value()
+  [/Nan::To<v8::(Boolean|String|Number|Object|Array|Symbol|Function)>\((.+?)\)/g, '$2.To<Napi::$1>()'],
+  [/Nan::To<(Boolean|String|Number|Object|Array|Symbol|Function)>\((.+?)\)/g, '$2.To<Napi::$1>()'],
+  // ex. Nan::To<bool>(info[0]) to info[0].As<Napi::Boolean>().Value()
+  [/Nan::To<bool>\((.+?)\)/g, '$1.As<Napi::Boolean>().Value()'],
+  // ex. Nan::To<int>(info[0]) to info[0].As<Napi::Number>().Int32Value()
+  [/Nan::To<int>\((.+?)\)/g, '$1.As<Napi::Number>().Int32Value()'],
+  // ex. Nan::To<int32_t>(info[0]) to info[0].As<Napi::Number>().Int32Value()
+  [/Nan::To<int32_t>\((.+?)\)/g, '$1.As<Napi::Number>().Int32Value()'],
+  // ex. Nan::To<uint32_t>(info[0]) to info[0].As<Napi::Number>().Uint32Value()
+  [/Nan::To<uint32_t>\((.+?)\)/g, '$1.As<Napi::Number>().Uint32Value()'],
+  // ex. Nan::To<int64_t>(info[0]) to info[0].As<Napi::Number>().Int64Value()
+  [/Nan::To<int64_t>\((.+?)\)/g, '$1.As<Napi::Number>().Int64Value()'],
+  // ex. Nan::To<float>(info[0]) to info[0].As<Napi::Number>().FloatValue()
+  [/Nan::To<float>\((.+?)\)/g, '$1.As<Napi::Number>().FloatValue()'],
+  // ex. Nan::To<double>(info[0]) to info[0].As<Napi::Number>().DoubleValue()
+  [/Nan::To<double>\((.+?)\)/g, '$1.As<Napi::Number>().DoubleValue()'],
+
+  [/Nan::New\((\w+)\)->HasInstance\((\w+)\)/g, '$2.InstanceOf($1.Value())'],
+
+  [/Nan::Has\(([^,]+),\s*/gm, '($1).Has('],
+  [/\.Has\([\s|\\]*Nan::New<(v8::)*String>\(([^)]+)\)\)/gm, '.Has($1)'],
+  [/\.Has\([\s|\\]*Nan::New\(([^)]+)\)\)/gm, '.Has($1)'],
+
+  [/Nan::Get\(([^,]+),\s*/gm, '($1).Get('],
+  [/\.Get\([\s|\\]*Nan::New<(v8::)*String>\(([^)]+)\)\)/gm, '.Get($1)'],
+  [/\.Get\([\s|\\]*Nan::New\(([^)]+)\)\)/gm, '.Get($1)'],
+
+  [/Nan::Set\(([^,]+),\s*/gm, '($1).Set('],
+  [/\.Set\([\s|\\]*Nan::New<(v8::)*String>\(([^)]+)\)\s*,/gm, '.Set($1,'],
+  [/\.Set\([\s|\\]*Nan::New\(([^)]+)\)\s*,/gm, '.Set($1,'],
+
+  // ex. node::Buffer::HasInstance(info[0]) to info[0].IsBuffer()
+  [/node::Buffer::HasInstance\((.+?)\)/g, '$1.IsBuffer()'],
+  // ex. node::Buffer::Length(info[0]) to info[0].Length()
+  [/node::Buffer::Length\((.+?)\)/g, '$1.As<Napi::Buffer<char>>().Length()'],
+  // ex. node::Buffer::Data(info[0]) to info[0].Data()
+  [/node::Buffer::Data\((.+?)\)/g, '$1.As<Napi::Buffer<char>>().Data()'],
+  [/Nan::CopyBuffer\(/g, 'Napi::Buffer::Copy(env, '],
+
+  // Nan::AsyncQueueWorker(worker)
+  [/Nan::AsyncQueueWorker\((.+)\);/g, '$1.Queue();'],
+  [/Nan::(Undefined|Null|True|False)\(\)/g, 'env.$1()'],
+
+  // Nan::ThrowError(error) to Napi::Error::New(env, error).ThrowAsJavaScriptException()
+  [/([ ]*)return Nan::Throw(\w*?)Error\((.+?)\);/g, '$1Napi::$2Error::New(env, $3).ThrowAsJavaScriptException();\n$1return env.Null();'],
+  [/Nan::Throw(\w*?)Error\((.+?)\);\n(\s*)return;/g, 'Napi::$1Error::New(env, $2).ThrowAsJavaScriptException();\n$3return env.Null();'],
+  [/Nan::Throw(\w*?)Error\((.+?)\);/g, 'Napi::$1Error::New(env, $2).ThrowAsJavaScriptException();\n'],
+  // Nan::RangeError(error) to Napi::RangeError::New(env, error)
+  [/Nan::(\w*?)Error\((.+)\)/g, 'Napi::$1Error::New(env, $2)'],
+
+  [/Nan::Set\((.+?),\n* *(.+?),\n* *(.+?),\n* *(.+?)\)/g, '$1.Set($2, $3, $4)'],
+
+  [/Nan::(Escapable)?HandleScope\s+(\w+)\s*;/g, 'Napi::$1HandleScope $2(env);'],
+  [/Nan::(Escapable)?HandleScope/g, 'Napi::$1HandleScope'],
+  [/Nan::ForceSet\(([^,]+), ?/g, '$1->DefineProperty('],
+  [/\.ForceSet\(Napi::String::New\(env, "(\w+)"\),\s*?/g, '.DefineProperty("$1", '],
+  // [ /Nan::GetPropertyNames\(([^,]+)\)/, '$1->GetPropertyNames()' ],
+  [/Nan::Equals\(([^,]+),/g, '$1.StrictEquals('],
+
+  [/(.+)->Set\(/g, '$1.Set('],
+
+  [/Nan::Callback/g, 'Napi::FunctionReference'],
+
+  [/Nan::Persistent<Object>/g, 'Napi::ObjectReference'],
+  [/Nan::ADDON_REGISTER_FUNCTION_ARGS_TYPE target/g, 'Napi::Env& env, Napi::Object& target'],
+
+  [/(\w+)\*\s+(\w+)\s*=\s*Nan::ObjectWrap::Unwrap<\w+>\(info\.This\(\)\);/g, '$1* $2 = this;'],
+  [/Nan::ObjectWrap::Unwrap<(\w+)>\((.*)\);/g, '$2.Unwrap<$1>();'],
+
+  [/Nan::NAN_METHOD_RETURN_TYPE/g, 'void'],
+  [/NAN_INLINE/g, 'inline'],
+
+  [/Nan::NAN_METHOD_ARGS_TYPE/g, 'const Napi::CallbackInfo&'],
+  [/NAN_METHOD\(([\w\d:]+?)\)/g, 'Napi::Value $1(const Napi::CallbackInfo& info)'],
+  [/static\s*NAN_GETTER\(([\w\d:]+?)\)/g, 'Napi::Value $1(const Napi::CallbackInfo& info)'],
+  [/NAN_GETTER\(([\w\d:]+?)\)/g, 'Napi::Value $1(const Napi::CallbackInfo& info)'],
+  [/static\s*NAN_SETTER\(([\w\d:]+?)\)/g, 'void $1(const Napi::CallbackInfo& info, const Napi::Value& value)'],
+  [/NAN_SETTER\(([\w\d:]+?)\)/g, 'void $1(const Napi::CallbackInfo& info, const Napi::Value& value)'],
+  [/void Init\((v8::)*Local<(v8::)*Object> exports\)/g, 'Napi::Object Init(Napi::Env env, Napi::Object exports)'],
+  [/NAN_MODULE_INIT\(([\w\d:]+?)\);/g, 'Napi::Object $1(Napi::Env env, Napi::Object exports);'],
+  [/NAN_MODULE_INIT\(([\w\d:]+?)\)/g, 'Napi::Object $1(Napi::Env env, Napi::Object exports)'],
+
+  [/::(Init(?:ialize)?)\(target\)/g, '::$1(env, target, module)'],
+  [/constructor_template/g, 'constructor'],
+
+  [/Nan::FunctionCallbackInfo<(v8::)?Value>[ ]*& [ ]*info\)[ ]*{\n*([ ]*)/gm, 'Napi::CallbackInfo& info) {\n$2Napi::Env env = info.Env();\n$2'],
+  [/Nan::FunctionCallbackInfo<(v8::)*Value>\s*&\s*info\);/g, 'Napi::CallbackInfo& info);'],
+  [/Nan::FunctionCallbackInfo<(v8::)*Value>\s*&/g, 'Napi::CallbackInfo&'],
+
+  [/Buffer::HasInstance\(([^)]+)\)/g, '$1.IsBuffer()'],
+
+  [/info\[(\d+)\]->/g, 'info[$1].'],
+  [/info\[([\w\d]+)\]->/g, 'info[$1].'],
+  [/info\.This\(\)->/g, 'info.This().'],
+  [/->Is(Object|String|Int32|Number)\(\)/g, '.Is$1()'],
+  [/info.GetReturnValue\(\).SetUndefined\(\)/g, 'return env.Undefined()'],
+  [/info\.GetReturnValue\(\)\.Set\(((\n|.)+?)\);/g, 'return $1;'],
+
+  // ex. Local<Value> to Napi::Value
+  [/v8::Local<v8::(Value|Boolean|String|Number|Object|Array|Symbol|External|Function)>/g, 'Napi::$1'],
+  [/Local<(Value|Boolean|String|Number|Object|Array|Symbol|External|Function)>/g, 'Napi::$1'],
+
+  // Declare an env in helper functions that take a Napi::Value
+  [/(\w+)\(Napi::Value (\w+)(,\s*[^()]+)?\)\s*{\n*([ ]*)/gm, '$1(Napi::Value $2$3) {\n$4Napi::Env env = $2.Env();\n$4'],
+
+  // delete #include <node.h> and/or <v8.h>
+  [/#include +(<|")(?:node|nan).h("|>)/g, '#include $1napi.h$2\n#include $1uv.h$2'],
+  // NODE_MODULE to NODE_API_MODULE
+  [/NODE_MODULE/g, 'NODE_API_MODULE'],
+  [/Nan::/g, 'Napi::'],
+  [/nan.h/g, 'napi.h'],
+
+  // delete .FromJust()
+  [/\.FromJust\(\)/g, ''],
+  // delete .ToLocalCheck()
+  [/\.ToLocalChecked\(\)/g, ''],
+  [/^.*->SetInternalFieldCount\(.*$/gm, ''],
+
+  // replace using node; and/or using v8; to using Napi;
+  [/using (node|v8);/g, 'using Napi;'],
+  [/using namespace (node|Nan|v8);/g, 'using namespace Napi;'],
+  // delete using v8::Local;
+  [/using v8::Local;\n/g, ''],
+  // replace using v8::XXX; with using Napi::XXX
+  [/using v8::([A-Za-z]+);/g, 'using Napi::$1;']
+
+];
+
+const paths = listFiles(dir);
+paths.forEach(function (dirEntry) {
+  const filename = dirEntry.split('\\').pop().split('/').pop();
+
+  // Check whether the file is a source file or a config file
+  // then execute function accordingly
+  const sourcePattern = /.+\.h|.+\.cc|.+\.cpp/;
+  if (sourcePattern.test(filename)) {
+    convertFile(dirEntry, SourceFileOperations);
+  } else if (ConfigFileOperations[filename] != null) {
+    convertFile(dirEntry, ConfigFileOperations[filename]);
+  }
+});
+
+function listFiles (dir, filelist) {
+  const files = fs.readdirSync(dir);
+  filelist = filelist || [];
+  files.forEach(function (file) {
+    if (file === 'node_modules') {
+      return;
+    }
+
+    if (fs.statSync(path.join(dir, file)).isDirectory()) {
+      filelist = listFiles(path.join(dir, file), filelist);
+    } else {
+      filelist.push(path.join(dir, file));
+    }
+  });
+  return filelist;
+}
+
+function convert (content, operations) {
+  for (let i = 0; i < operations.length; i++) {
+    const operation = operations[i];
+    content = content.replace(operation[0], operation[1]);
+  }
+  return content;
+}
+
+function convertFile (fileName, operations) {
+  fs.readFile(fileName, 'utf-8', function (err, file) {
+    if (err) throw err;
+
+    file = convert(file, operations);
+
+    fs.writeFile(fileName, file, function (err) {
+      if (err) throw err;
+    });
+  });
+}
diff --git a/node_modules/node-addon-api/tools/eslint-format.js b/node_modules/node-addon-api/tools/eslint-format.js
new file mode 100644
index 0000000..6923ab7
--- /dev/null
+++ b/node_modules/node-addon-api/tools/eslint-format.js
@@ -0,0 +1,79 @@
+#!/usr/bin/env node
+
+const spawn = require('child_process').spawnSync;
+
+const filesToCheck = '*.js';
+const FORMAT_START = process.env.FORMAT_START || 'main';
+const IS_WIN = process.platform === 'win32';
+const ESLINT_PATH = IS_WIN ? 'node_modules\\.bin\\eslint.cmd' : 'node_modules/.bin/eslint';
+
+function main (args) {
+  let fix = false;
+  while (args.length > 0) {
+    switch (args[0]) {
+      case '-f':
+      case '--fix':
+        fix = true;
+        break;
+      default:
+    }
+    args.shift();
+  }
+
+  // Check js files that change on unstaged file
+  const fileUnStaged = spawn(
+    'git',
+    ['diff', '--name-only', '--diff-filter=d', FORMAT_START, filesToCheck],
+    {
+      encoding: 'utf-8'
+    }
+  );
+
+  // Check js files that change on staged file
+  const fileStaged = spawn(
+    'git',
+    ['diff', '--name-only', '--cached', '--diff-filter=d', FORMAT_START, filesToCheck],
+    {
+      encoding: 'utf-8'
+    }
+  );
+
+  const options = [
+    ...fileStaged.stdout.split('\n').filter((f) => f !== ''),
+    ...fileUnStaged.stdout.split('\n').filter((f) => f !== '')
+  ];
+
+  if (fix) {
+    options.push('--fix');
+  }
+
+  const result = spawn(ESLINT_PATH, [...options], {
+    encoding: 'utf-8'
+  });
+
+  if (result.error && result.error.errno === 'ENOENT') {
+    console.error('Eslint not found! Eslint is supposed to be found at ', ESLINT_PATH);
+    return 2;
+  }
+
+  if (result.status === 1) {
+    console.error('Eslint error:', result.stdout);
+    const fixCmd = 'npm run lint:fix';
+    console.error(`ERROR: please run "${fixCmd}" to format changes in your commit
+    Note that when running the command locally, please keep your local
+    main branch and working branch up to date with nodejs/node-addon-api
+    to exclude un-related complains.
+    Or you can run "env FORMAT_START=upstream/main ${fixCmd}".
+    Also fix JS files by yourself if necessary.`);
+    return 1;
+  }
+
+  if (result.stderr) {
+    console.error('Error running eslint:', result.stderr);
+    return 2;
+  }
+}
+
+if (require.main === module) {
+  process.exitCode = main(process.argv.slice(2));
+}
diff --git a/node_modules/picomatch/CHANGELOG.md b/node_modules/picomatch/CHANGELOG.md
new file mode 100644
index 0000000..8ccc6c1
--- /dev/null
+++ b/node_modules/picomatch/CHANGELOG.md
@@ -0,0 +1,136 @@
+# Release history
+
+**All notable changes to this project will be documented in this file.**
+
+The format is based on [Keep a Changelog](http://keepachangelog.com/en/1.0.0/)
+and this project adheres to [Semantic Versioning](http://semver.org/spec/v2.0.0.html).
+
+<details>
+  <summary><strong>Guiding Principles</strong></summary>
+
+- Changelogs are for humans, not machines.
+- There should be an entry for every single version.
+- The same types of changes should be grouped.
+- Versions and sections should be linkable.
+- The latest version comes first.
+- The release date of each versions is displayed.
+- Mention whether you follow Semantic Versioning.
+
+</details>
+
+<details>
+  <summary><strong>Types of changes</strong></summary>
+
+Changelog entries are classified using the following labels _(from [keep-a-changelog](http://keepachangelog.com/)_):
+
+- `Added` for new features.
+- `Changed` for changes in existing functionality.
+- `Deprecated` for soon-to-be removed features.
+- `Removed` for now removed features.
+- `Fixed` for any bug fixes.
+- `Security` in case of vulnerabilities.
+
+</details>
+
+## 2.3.1 (2022-01-02)
+
+### Fixed
+
+* Fixes bug when a pattern containing an expression after the closing parenthesis (`/!(*.d).{ts,tsx}`) was incorrectly converted to regexp ([9f241ef](https://github.com/micromatch/picomatch/commit/9f241ef)).
+
+### Changed
+
+* Some documentation improvements ([f81d236](https://github.com/micromatch/picomatch/commit/f81d236), [421e0e7](https://github.com/micromatch/picomatch/commit/421e0e7)).
+
+## 2.3.0 (2021-05-21)
+
+### Fixed
+
+* Fixes bug where file names with two dots were not being matched consistently with negation extglobs containing a star ([56083ef](https://github.com/micromatch/picomatch/commit/56083ef))
+
+## 2.2.3 (2021-04-10)
+
+### Fixed
+
+* Do not skip pattern seperator for square brackets ([fb08a30](https://github.com/micromatch/picomatch/commit/fb08a30)).
+* Set negatedExtGlob also if it does not span the whole pattern ([032e3f5](https://github.com/micromatch/picomatch/commit/032e3f5)).
+
+## 2.2.2 (2020-03-21)
+
+### Fixed
+
+* Correctly handle parts of the pattern after parentheses in the `scan` method ([e15b920](https://github.com/micromatch/picomatch/commit/e15b920)).
+
+## 2.2.1 (2020-01-04)
+
+* Fixes [#49](https://github.com/micromatch/picomatch/issues/49), so that braces with no sets or ranges are now propertly treated as literals.
+
+## 2.2.0 (2020-01-04)
+
+* Disable fastpaths mode for the parse method ([5b8d33f](https://github.com/micromatch/picomatch/commit/5b8d33f))
+* Add `tokens`, `slashes`, and `parts` to the object returned by `picomatch.scan()`.
+
+## 2.1.0 (2019-10-31)
+
+* add benchmarks for scan ([4793b92](https://github.com/micromatch/picomatch/commit/4793b92))
+* Add eslint object-curly-spacing rule ([707c650](https://github.com/micromatch/picomatch/commit/707c650))
+* Add prefer-const eslint rule ([5c7501c](https://github.com/micromatch/picomatch/commit/5c7501c))
+* Add support for nonegate in scan API ([275c9b9](https://github.com/micromatch/picomatch/commit/275c9b9))
+* Change lets to consts. Move root import up. ([4840625](https://github.com/micromatch/picomatch/commit/4840625))
+* closes https://github.com/micromatch/picomatch/issues/21 ([766bcb0](https://github.com/micromatch/picomatch/commit/766bcb0))
+* Fix "Extglobs" table in readme ([eb19da8](https://github.com/micromatch/picomatch/commit/eb19da8))
+* fixes https://github.com/micromatch/picomatch/issues/20 ([9caca07](https://github.com/micromatch/picomatch/commit/9caca07))
+* fixes https://github.com/micromatch/picomatch/issues/26 ([fa58f45](https://github.com/micromatch/picomatch/commit/fa58f45))
+* Lint test ([d433a34](https://github.com/micromatch/picomatch/commit/d433a34))
+* lint unit tests ([0159b55](https://github.com/micromatch/picomatch/commit/0159b55))
+* Make scan work with noext ([6c02e03](https://github.com/micromatch/picomatch/commit/6c02e03))
+* minor linting ([c2a2b87](https://github.com/micromatch/picomatch/commit/c2a2b87))
+* minor parser improvements ([197671d](https://github.com/micromatch/picomatch/commit/197671d))
+* remove eslint since it... ([07876fa](https://github.com/micromatch/picomatch/commit/07876fa))
+* remove funding file ([8ebe96d](https://github.com/micromatch/picomatch/commit/8ebe96d))
+* Remove unused funks ([cbc6d54](https://github.com/micromatch/picomatch/commit/cbc6d54))
+* Run eslint during pretest, fix existing eslint findings ([0682367](https://github.com/micromatch/picomatch/commit/0682367))
+* support `noparen` in scan ([3d37569](https://github.com/micromatch/picomatch/commit/3d37569))
+* update changelog ([7b34e77](https://github.com/micromatch/picomatch/commit/7b34e77))
+* update travis ([777f038](https://github.com/micromatch/picomatch/commit/777f038))
+* Use eslint-disable-next-line instead of eslint-disable ([4e7c1fd](https://github.com/micromatch/picomatch/commit/4e7c1fd))
+
+## 2.0.7 (2019-05-14)
+
+* 2.0.7 ([9eb9a71](https://github.com/micromatch/picomatch/commit/9eb9a71))
+* supports lookbehinds ([1f63f7e](https://github.com/micromatch/picomatch/commit/1f63f7e))
+* update .verb.md file with typo change ([2741279](https://github.com/micromatch/picomatch/commit/2741279))
+* fix: typo in README ([0753e44](https://github.com/micromatch/picomatch/commit/0753e44))
+
+## 2.0.4 (2019-04-10)
+
+### Fixed
+
+- Readme link [fixed](https://github.com/micromatch/picomatch/pull/13/commits/a96ab3aa2b11b6861c23289964613d85563b05df) by @danez.
+- `options.capture` now works as expected when fastpaths are enabled. See https://github.com/micromatch/picomatch/pull/12/commits/26aefd71f1cfaf95c37f1c1fcab68a693b037304. Thanks to @DrPizza.
+
+## 2.0.0 (2019-04-10)
+
+### Added
+
+- Adds support for `options.onIgnore`. See the readme for details
+- Adds support for `options.onResult`. See the readme for details
+
+### Breaking changes
+
+- The unixify option was renamed to `windows`
+- caching and all related options and methods have been removed
+
+## 1.0.0 (2018-11-05)
+
+- adds `.onMatch` option
+- improvements to `.scan` method
+- numerous improvements and optimizations for matching and parsing
+- better windows path handling
+
+## 0.1.0 - 2017-04-13
+
+First release.
+
+
+[keep-a-changelog]: https://github.com/olivierlacan/keep-a-changelog
diff --git a/node_modules/picomatch/LICENSE b/node_modules/picomatch/LICENSE
new file mode 100644
index 0000000..3608dca
--- /dev/null
+++ b/node_modules/picomatch/LICENSE
@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2017-present, Jon Schlinkert.
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.
diff --git a/node_modules/picomatch/README.md b/node_modules/picomatch/README.md
new file mode 100644
index 0000000..b0526e2
--- /dev/null
+++ b/node_modules/picomatch/README.md
@@ -0,0 +1,708 @@
+<h1 align="center">Picomatch</h1>
+
+<p align="center">
+<a href="https://npmjs.org/package/picomatch">
+<img src="https://img.shields.io/npm/v/picomatch.svg" alt="version">
+</a>
+<a href="https://github.com/micromatch/picomatch/actions?workflow=Tests">
+<img src="https://github.com/micromatch/picomatch/workflows/Tests/badge.svg" alt="test status">
+</a>
+<a href="https://coveralls.io/github/micromatch/picomatch">
+<img src="https://img.shields.io/coveralls/github/micromatch/picomatch/master.svg" alt="coverage status">
+</a>
+<a href="https://npmjs.org/package/picomatch">
+<img src="https://img.shields.io/npm/dm/picomatch.svg" alt="downloads">
+</a>
+</p>
+
+<br>
+<br>
+
+<p align="center">
+<strong>Blazing fast and accurate glob matcher written in JavaScript.</strong></br>
+<em>No dependencies and full support for standard and extended Bash glob features, including braces, extglobs, POSIX brackets, and regular expressions.</em>
+</p>
+
+<br>
+<br>
+
+## Why picomatch?
+
+* **Lightweight** - No dependencies
+* **Minimal** - Tiny API surface. Main export is a function that takes a glob pattern and returns a matcher function.
+* **Fast** - Loads in about 2ms (that's several times faster than a [single frame of a HD movie](http://www.endmemo.com/sconvert/framespersecondframespermillisecond.php) at 60fps)
+* **Performant** - Use the returned matcher function to speed up repeat matching (like when watching files)
+* **Accurate matching** - Using wildcards (`*` and `?`), globstars (`**`) for nested directories, [advanced globbing](#advanced-globbing) with extglobs, braces, and POSIX brackets, and support for escaping special characters with `\` or quotes.
+* **Well tested** - Thousands of unit tests
+
+See the [library comparison](#library-comparisons) to other libraries.
+
+<br>
+<br>
+
+## Table of Contents
+
+<details><summary> Click to expand </summary>
+
+- [Install](#install)
+- [Usage](#usage)
+- [API](#api)
+  * [picomatch](#picomatch)
+  * [.test](#test)
+  * [.matchBase](#matchbase)
+  * [.isMatch](#ismatch)
+  * [.parse](#parse)
+  * [.scan](#scan)
+  * [.compileRe](#compilere)
+  * [.makeRe](#makere)
+  * [.toRegex](#toregex)
+- [Options](#options)
+  * [Picomatch options](#picomatch-options)
+  * [Scan Options](#scan-options)
+  * [Options Examples](#options-examples)
+- [Globbing features](#globbing-features)
+  * [Basic globbing](#basic-globbing)
+  * [Advanced globbing](#advanced-globbing)
+  * [Braces](#braces)
+  * [Matching special characters as literals](#matching-special-characters-as-literals)
+- [Library Comparisons](#library-comparisons)
+- [Benchmarks](#benchmarks)
+- [Philosophies](#philosophies)
+- [About](#about)
+  * [Author](#author)
+  * [License](#license)
+
+_(TOC generated by [verb](https://github.com/verbose/verb) using [markdown-toc](https://github.com/jonschlinkert/markdown-toc))_
+
+</details>
+
+<br>
+<br>
+
+## Install
+
+Install with [npm](https://www.npmjs.com/):
+
+```sh
+npm install --save picomatch
+```
+
+<br>
+
+## Usage
+
+The main export is a function that takes a glob pattern and an options object and returns a function for matching strings.
+
+```js
+const pm = require('picomatch');
+const isMatch = pm('*.js');
+
+console.log(isMatch('abcd')); //=> false
+console.log(isMatch('a.js')); //=> true
+console.log(isMatch('a.md')); //=> false
+console.log(isMatch('a/b.js')); //=> false
+```
+
+<br>
+
+## API
+
+### [picomatch](lib/picomatch.js#L32)
+
+Creates a matcher function from one or more glob patterns. The returned function takes a string to match as its first argument, and returns true if the string is a match. The returned matcher function also takes a boolean as the second argument that, when true, returns an object with additional information.
+
+**Params**
+
+* `globs` **{String|Array}**: One or more glob patterns.
+* `options` **{Object=}**
+* `returns` **{Function=}**: Returns a matcher function.
+
+**Example**
+
+```js
+const picomatch = require('picomatch');
+// picomatch(glob[, options]);
+
+const isMatch = picomatch('*.!(*a)');
+console.log(isMatch('a.a')); //=> false
+console.log(isMatch('a.b')); //=> true
+```
+
+### [.test](lib/picomatch.js#L117)
+
+Test `input` with the given `regex`. This is used by the main `picomatch()` function to test the input string.
+
+**Params**
+
+* `input` **{String}**: String to test.
+* `regex` **{RegExp}**
+* `returns` **{Object}**: Returns an object with matching info.
+
+**Example**
+
+```js
+const picomatch = require('picomatch');
+// picomatch.test(input, regex[, options]);
+
+console.log(picomatch.test('foo/bar', /^(?:([^/]*?)\/([^/]*?))$/));
+// { isMatch: true, match: [ 'foo/', 'foo', 'bar' ], output: 'foo/bar' }
+```
+
+### [.matchBase](lib/picomatch.js#L161)
+
+Match the basename of a filepath.
+
+**Params**
+
+* `input` **{String}**: String to test.
+* `glob` **{RegExp|String}**: Glob pattern or regex created by [.makeRe](#makeRe).
+* `returns` **{Boolean}**
+
+**Example**
+
+```js
+const picomatch = require('picomatch');
+// picomatch.matchBase(input, glob[, options]);
+console.log(picomatch.matchBase('foo/bar.js', '*.js'); // true
+```
+
+### [.isMatch](lib/picomatch.js#L183)
+
+Returns true if **any** of the given glob `patterns` match the specified `string`.
+
+**Params**
+
+* **{String|Array}**: str The string to test.
+* **{String|Array}**: patterns One or more glob patterns to use for matching.
+* **{Object}**: See available [options](#options).
+* `returns` **{Boolean}**: Returns true if any patterns match `str`
+
+**Example**
+
+```js
+const picomatch = require('picomatch');
+// picomatch.isMatch(string, patterns[, options]);
+
+console.log(picomatch.isMatch('a.a', ['b.*', '*.a'])); //=> true
+console.log(picomatch.isMatch('a.a', 'b.*')); //=> false
+```
+
+### [.parse](lib/picomatch.js#L199)
+
+Parse a glob pattern to create the source string for a regular expression.
+
+**Params**
+
+* `pattern` **{String}**
+* `options` **{Object}**
+* `returns` **{Object}**: Returns an object with useful properties and output to be used as a regex source string.
+
+**Example**
+
+```js
+const picomatch = require('picomatch');
+const result = picomatch.parse(pattern[, options]);
+```
+
+### [.scan](lib/picomatch.js#L231)
+
+Scan a glob pattern to separate the pattern into segments.
+
+**Params**
+
+* `input` **{String}**: Glob pattern to scan.
+* `options` **{Object}**
+* `returns` **{Object}**: Returns an object with
+
+**Example**
+
+```js
+const picomatch = require('picomatch');
+// picomatch.scan(input[, options]);
+
+const result = picomatch.scan('!./foo/*.js');
+console.log(result);
+{ prefix: '!./',
+  input: '!./foo/*.js',
+  start: 3,
+  base: 'foo',
+  glob: '*.js',
+  isBrace: false,
+  isBracket: false,
+  isGlob: true,
+  isExtglob: false,
+  isGlobstar: false,
+  negated: true }
+```
+
+### [.compileRe](lib/picomatch.js#L245)
+
+Compile a regular expression from the `state` object returned by the
+[parse()](#parse) method.
+
+**Params**
+
+* `state` **{Object}**
+* `options` **{Object}**
+* `returnOutput` **{Boolean}**: Intended for implementors, this argument allows you to return the raw output from the parser.
+* `returnState` **{Boolean}**: Adds the state to a `state` property on the returned regex. Useful for implementors and debugging.
+* `returns` **{RegExp}**
+
+### [.makeRe](lib/picomatch.js#L286)
+
+Create a regular expression from a parsed glob pattern.
+
+**Params**
+
+* `state` **{String}**: The object returned from the `.parse` method.
+* `options` **{Object}**
+* `returnOutput` **{Boolean}**: Implementors may use this argument to return the compiled output, instead of a regular expression. This is not exposed on the options to prevent end-users from mutating the result.
+* `returnState` **{Boolean}**: Implementors may use this argument to return the state from the parsed glob with the returned regular expression.
+* `returns` **{RegExp}**: Returns a regex created from the given pattern.
+
+**Example**
+
+```js
+const picomatch = require('picomatch');
+const state = picomatch.parse('*.js');
+// picomatch.compileRe(state[, options]);
+
+console.log(picomatch.compileRe(state));
+//=> /^(?:(?!\.)(?=.)[^/]*?\.js)$/
+```
+
+### [.toRegex](lib/picomatch.js#L321)
+
+Create a regular expression from the given regex source string.
+
+**Params**
+
+* `source` **{String}**: Regular expression source string.
+* `options` **{Object}**
+* `returns` **{RegExp}**
+
+**Example**
+
+```js
+const picomatch = require('picomatch');
+// picomatch.toRegex(source[, options]);
+
+const { output } = picomatch.parse('*.js');
+console.log(picomatch.toRegex(output));
+//=> /^(?:(?!\.)(?=.)[^/]*?\.js)$/
+```
+
+<br>
+
+## Options
+
+### Picomatch options
+
+The following options may be used with the main `picomatch()` function or any of the methods on the picomatch API.
+
+| **Option** | **Type** | **Default value** | **Description** |
+| --- | --- | --- | --- |
+| `basename`            | `boolean`      | `false`     | If set, then patterns without slashes will be matched against the basename of the path if it contains slashes.  For example, `a?b` would match the path `/xyz/123/acb`, but not `/xyz/acb/123`. |
+| `bash`                | `boolean`      | `false`     | Follow bash matching rules more strictly - disallows backslashes as escape characters, and treats single stars as globstars (`**`). |
+| `capture`             | `boolean`      | `undefined` | Return regex matches in supporting methods. |
+| `contains`            | `boolean`      | `undefined` | Allows glob to match any part of the given string(s). |
+| `cwd`                 | `string`       | `process.cwd()` | Current working directory. Used by `picomatch.split()` |
+| `debug`               | `boolean`      | `undefined` | Debug regular expressions when an error is thrown. |
+| `dot`                 | `boolean`      | `false`     | Enable dotfile matching. By default, dotfiles are ignored unless a `.` is explicitly defined in the pattern, or `options.dot` is true |
+| `expandRange`         | `function`     | `undefined` | Custom function for expanding ranges in brace patterns, such as `{a..z}`. The function receives the range values as two arguments, and it must return a string to be used in the generated regex. It's recommended that returned strings be wrapped in parentheses. |
+| `failglob`            | `boolean`      | `false`     | Throws an error if no matches are found. Based on the bash option of the same name. |
+| `fastpaths`           | `boolean`      | `true`      | To speed up processing, full parsing is skipped for a handful common glob patterns. Disable this behavior by setting this option to `false`. |
+| `flags`               | `string`      | `undefined` | Regex flags to use in the generated regex. If defined, the `nocase` option will be overridden. |
+| [format](#optionsformat) | `function` | `undefined` | Custom function for formatting the returned string. This is useful for removing leading slashes, converting Windows paths to Posix paths, etc. |
+| `ignore`              | `array\|string` | `undefined` | One or more glob patterns for excluding strings that should not be matched from the result. |
+| `keepQuotes`          | `boolean`      | `false`     | Retain quotes in the generated regex, since quotes may also be used as an alternative to backslashes.  |
+| `literalBrackets`     | `boolean`      | `undefined` | When `true`, brackets in the glob pattern will be escaped so that only literal brackets will be matched. |
+| `matchBase`           | `boolean`      | `false`     | Alias for `basename` |
+| `maxLength`           | `boolean`      | `65536`     | Limit the max length of the input string. An error is thrown if the input string is longer than this value. |
+| `nobrace`             | `boolean`      | `false`     | Disable brace matching, so that `{a,b}` and `{1..3}` would be treated as literal characters. |
+| `nobracket`           | `boolean`      | `undefined` | Disable matching with regex brackets. |
+| `nocase`              | `boolean`      | `false`     | Make matching case-insensitive. Equivalent to the regex `i` flag. Note that this option is overridden by the `flags` option. |
+| `nodupes`             | `boolean`      | `true`      | Deprecated, use `nounique` instead. This option will be removed in a future major release. By default duplicates are removed. Disable uniquification by setting this option to false. |
+| `noext`               | `boolean`      | `false`     | Alias for `noextglob` |
+| `noextglob`           | `boolean`      | `false`     | Disable support for matching with extglobs (like `+(a\|b)`) |
+| `noglobstar`          | `boolean`      | `false`     | Disable support for matching nested directories with globstars (`**`) |
+| `nonegate`            | `boolean`      | `false`     | Disable support for negating with leading `!` |
+| `noquantifiers`       | `boolean`      | `false`     | Disable support for regex quantifiers (like `a{1,2}`) and treat them as brace patterns to be expanded. |
+| [onIgnore](#optionsonIgnore) | `function` | `undefined` | Function to be called on ignored items. |
+| [onMatch](#optionsonMatch) | `function` | `undefined` | Function to be called on matched items. |
+| [onResult](#optionsonResult) | `function` | `undefined` | Function to be called on all items, regardless of whether or not they are matched or ignored. |
+| `posix`               | `boolean`      | `false`     | Support POSIX character classes ("posix brackets"). |
+| `posixSlashes`        | `boolean`      | `undefined` | Convert all slashes in file paths to forward slashes. This does not convert slashes in the glob pattern itself |
+| `prepend`             | `boolean`      | `undefined` | String to prepend to the generated regex used for matching. |
+| `regex`               | `boolean`      | `false`     | Use regular expression rules for `+` (instead of matching literal `+`), and for stars that follow closing parentheses or brackets (as in `)*` and `]*`). |
+| `strictBrackets`      | `boolean`      | `undefined` | Throw an error if brackets, braces, or parens are imbalanced. |
+| `strictSlashes`       | `boolean`      | `undefined` | When true, picomatch won't match trailing slashes with single stars. |
+| `unescape`            | `boolean`      | `undefined` | Remove backslashes preceding escaped characters in the glob pattern. By default, backslashes are retained. |
+| `unixify`             | `boolean`      | `undefined` | Alias for `posixSlashes`, for backwards compatibility. |
+
+picomatch has automatic detection for regex positive and negative lookbehinds. If the pattern contains a negative lookbehind, you must be using Node.js >= 8.10 or else picomatch will throw an error.
+
+### Scan Options
+
+In addition to the main [picomatch options](#picomatch-options), the following options may also be used with the [.scan](#scan) method.
+
+| **Option** | **Type** | **Default value** | **Description** |
+| --- | --- | --- | --- |
+| `tokens` | `boolean` | `false` | When `true`, the returned object will include an array of tokens (objects), representing each path "segment" in the scanned glob pattern |
+| `parts` | `boolean` | `false` | When `true`, the returned object will include an array of strings representing each path "segment" in the scanned glob pattern. This is automatically enabled when `options.tokens` is true |
+
+**Example**
+
+```js
+const picomatch = require('picomatch');
+const result = picomatch.scan('!./foo/*.js', { tokens: true });
+console.log(result);
+// {
+//   prefix: '!./',
+//   input: '!./foo/*.js',
+//   start: 3,
+//   base: 'foo',
+//   glob: '*.js',
+//   isBrace: false,
+//   isBracket: false,
+//   isGlob: true,
+//   isExtglob: false,
+//   isGlobstar: false,
+//   negated: true,
+//   maxDepth: 2,
+//   tokens: [
+//     { value: '!./', depth: 0, isGlob: false, negated: true, isPrefix: true },
+//     { value: 'foo', depth: 1, isGlob: false },
+//     { value: '*.js', depth: 1, isGlob: true }
+//   ],
+//   slashes: [ 2, 6 ],
+//   parts: [ 'foo', '*.js' ]
+// }
+```
+
+<br>
+
+### Options Examples
+
+#### options.expandRange
+
+**Type**: `function`
+
+**Default**: `undefined`
+
+Custom function for expanding ranges in brace patterns. The [fill-range](https://github.com/jonschlinkert/fill-range) library is ideal for this purpose, or you can use custom code to do whatever you need.
+
+**Example**
+
+The following example shows how to create a glob that matches a folder
+
+```js
+const fill = require('fill-range');
+const regex = pm.makeRe('foo/{01..25}/bar', {
+  expandRange(a, b) {
+    return `(${fill(a, b, { toRegex: true })})`;
+  }
+});
+
+console.log(regex);
+//=> /^(?:foo\/((?:0[1-9]|1[0-9]|2[0-5]))\/bar)$/
+
+console.log(regex.test('foo/00/bar'))  // false
+console.log(regex.test('foo/01/bar'))  // true
+console.log(regex.test('foo/10/bar')) // true
+console.log(regex.test('foo/22/bar')) // true
+console.log(regex.test('foo/25/bar')) // true
+console.log(regex.test('foo/26/bar')) // false
+```
+
+#### options.format
+
+**Type**: `function`
+
+**Default**: `undefined`
+
+Custom function for formatting strings before they're matched.
+
+**Example**
+
+```js
+// strip leading './' from strings
+const format = str => str.replace(/^\.\//, '');
+const isMatch = picomatch('foo/*.js', { format });
+console.log(isMatch('./foo/bar.js')); //=> true
+```
+
+#### options.onMatch
+
+```js
+const onMatch = ({ glob, regex, input, output }) => {
+  console.log({ glob, regex, input, output });
+};
+
+const isMatch = picomatch('*', { onMatch });
+isMatch('foo');
+isMatch('bar');
+isMatch('baz');
+```
+
+#### options.onIgnore
+
+```js
+const onIgnore = ({ glob, regex, input, output }) => {
+  console.log({ glob, regex, input, output });
+};
+
+const isMatch = picomatch('*', { onIgnore, ignore: 'f*' });
+isMatch('foo');
+isMatch('bar');
+isMatch('baz');
+```
+
+#### options.onResult
+
+```js
+const onResult = ({ glob, regex, input, output }) => {
+  console.log({ glob, regex, input, output });
+};
+
+const isMatch = picomatch('*', { onResult, ignore: 'f*' });
+isMatch('foo');
+isMatch('bar');
+isMatch('baz');
+```
+
+<br>
+<br>
+
+## Globbing features
+
+* [Basic globbing](#basic-globbing) (Wildcard matching)
+* [Advanced globbing](#advanced-globbing) (extglobs, posix brackets, brace matching)
+
+### Basic globbing
+
+| **Character** | **Description** |
+| --- | --- |
+| `*` | Matches any character zero or more times, excluding path separators. Does _not match_ path separators or hidden files or directories ("dotfiles"), unless explicitly enabled by setting the `dot` option to `true`. |
+| `**` | Matches any character zero or more times, including path separators. Note that `**` will only match path separators (`/`, and `\\` on Windows) when they are the only characters in a path segment. Thus, `foo**/bar` is equivalent to `foo*/bar`, and `foo/a**b/bar` is equivalent to `foo/a*b/bar`, and _more than two_ consecutive stars in a glob path segment are regarded as _a single star_. Thus, `foo/***/bar` is equivalent to `foo/*/bar`. |
+| `?` | Matches any character excluding path separators one time. Does _not match_ path separators or leading dots.  |
+| `[abc]` | Matches any characters inside the brackets. For example, `[abc]` would match the characters `a`, `b` or `c`, and nothing else. |
+
+#### Matching behavior vs. Bash
+
+Picomatch's matching features and expected results in unit tests are based on Bash's unit tests and the Bash 4.3 specification, with the following exceptions:
+
+* Bash will match `foo/bar/baz` with `*`. Picomatch only matches nested directories with `**`.
+* Bash greedily matches with negated extglobs. For example, Bash 4.3 says that `!(foo)*` should match `foo` and `foobar`, since the trailing `*` bracktracks to match the preceding pattern. This is very memory-inefficient, and IMHO, also incorrect. Picomatch would return `false` for both `foo` and `foobar`.
+
+<br>
+
+### Advanced globbing
+
+* [extglobs](#extglobs)
+* [POSIX brackets](#posix-brackets)
+* [Braces](#brace-expansion)
+
+#### Extglobs
+
+| **Pattern** | **Description** |
+| --- | --- |
+| `@(pattern)` | Match _only one_ consecutive occurrence of `pattern` |
+| `*(pattern)` | Match _zero or more_ consecutive occurrences of `pattern` |
+| `+(pattern)` | Match _one or more_ consecutive occurrences of `pattern` |
+| `?(pattern)` | Match _zero or **one**_ consecutive occurrences of `pattern` |
+| `!(pattern)` | Match _anything but_ `pattern` |
+
+**Examples**
+
+```js
+const pm = require('picomatch');
+
+// *(pattern) matches ZERO or more of "pattern"
+console.log(pm.isMatch('a', 'a*(z)')); // true
+console.log(pm.isMatch('az', 'a*(z)')); // true
+console.log(pm.isMatch('azzz', 'a*(z)')); // true
+
+// +(pattern) matches ONE or more of "pattern"
+console.log(pm.isMatch('a', 'a*(z)')); // true
+console.log(pm.isMatch('az', 'a*(z)')); // true
+console.log(pm.isMatch('azzz', 'a*(z)')); // true
+
+// supports multiple extglobs
+console.log(pm.isMatch('foo.bar', '!(foo).!(bar)')); // false
+
+// supports nested extglobs
+console.log(pm.isMatch('foo.bar', '!(!(foo)).!(!(bar))')); // true
+```
+
+#### POSIX brackets
+
+POSIX classes are disabled by default. Enable this feature by setting the `posix` option to true.
+
+**Enable POSIX bracket support**
+
+```js
+console.log(pm.makeRe('[[:word:]]+', { posix: true }));
+//=> /^(?:(?=.)[A-Za-z0-9_]+\/?)$/
+```
+
+**Supported POSIX classes**
+
+The following named POSIX bracket expressions are supported:
+
+* `[:alnum:]` - Alphanumeric characters, equ `[a-zA-Z0-9]`
+* `[:alpha:]` - Alphabetical characters, equivalent to `[a-zA-Z]`.
+* `[:ascii:]` - ASCII characters, equivalent to `[\\x00-\\x7F]`.
+* `[:blank:]` - Space and tab characters, equivalent to `[ \\t]`.
+* `[:cntrl:]` - Control characters, equivalent to `[\\x00-\\x1F\\x7F]`.
+* `[:digit:]` - Numerical digits, equivalent to `[0-9]`.
+* `[:graph:]` - Graph characters, equivalent to `[\\x21-\\x7E]`.
+* `[:lower:]` - Lowercase letters, equivalent to `[a-z]`.
+* `[:print:]` - Print characters, equivalent to `[\\x20-\\x7E ]`.
+* `[:punct:]` - Punctuation and symbols, equivalent to `[\\-!"#$%&\'()\\*+,./:;<=>?@[\\]^_`{|}~]`.
+* `[:space:]` - Extended space characters, equivalent to `[ \\t\\r\\n\\v\\f]`.
+* `[:upper:]` - Uppercase letters, equivalent to `[A-Z]`.
+* `[:word:]` -  Word characters (letters, numbers and underscores), equivalent to `[A-Za-z0-9_]`.
+* `[:xdigit:]` - Hexadecimal digits, equivalent to `[A-Fa-f0-9]`.
+
+See the [Bash Reference Manual](https://www.gnu.org/software/bash/manual/html_node/Pattern-Matching.html) for more information.
+
+### Braces
+
+Picomatch does not do brace expansion. For [brace expansion](https://www.gnu.org/software/bash/manual/html_node/Brace-Expansion.html) and advanced matching with braces, use [micromatch](https://github.com/micromatch/micromatch) instead. Picomatch has very basic support for braces.
+
+### Matching special characters as literals
+
+If you wish to match the following special characters in a filepath, and you want to use these characters in your glob pattern, they must be escaped with backslashes or quotes:
+
+**Special Characters**
+
+Some characters that are used for matching in regular expressions are also regarded as valid file path characters on some platforms.
+
+To match any of the following characters as literals: `$^*+?()[]
+
+Examples:
+
+```js
+console.log(pm.makeRe('foo/bar \\(1\\)'));
+console.log(pm.makeRe('foo/bar \\(1\\)'));
+```
+
+<br>
+<br>
+
+## Library Comparisons
+
+The following table shows which features are supported by [minimatch](https://github.com/isaacs/minimatch), [micromatch](https://github.com/micromatch/micromatch), [picomatch](https://github.com/micromatch/picomatch), [nanomatch](https://github.com/micromatch/nanomatch), [extglob](https://github.com/micromatch/extglob), [braces](https://github.com/micromatch/braces), and [expand-brackets](https://github.com/micromatch/expand-brackets).
+
+| **Feature** | `minimatch` | `micromatch` | `picomatch` | `nanomatch` | `extglob` | `braces` | `expand-brackets` |
+| --- | --- | --- | --- | --- | --- | --- | --- |
+| Wildcard matching (`*?+`) | ✔ | ✔ | ✔ | ✔ | - | - | - |
+| Advancing globbing        | ✔ | ✔ | ✔ | - | - | - | - |
+| Brace _matching_          | ✔ | ✔ | ✔ | - | - | ✔ | - |
+| Brace _expansion_         | ✔ | ✔ | - | - | - | ✔ | - |
+| Extglobs                  | partial | ✔ | ✔ | - | ✔ | - | - |
+| Posix brackets            | - | ✔ | ✔ | - | - | - | ✔ |
+| Regular expression syntax | - | ✔ | ✔ | ✔ | ✔ | - | ✔ |
+| File system operations    | - | - | - | - | - | - | - |
+
+<br>
+<br>
+
+## Benchmarks
+
+Performance comparison of picomatch and minimatch.
+
+```
+# .makeRe star
+  picomatch x 1,993,050 ops/sec ±0.51% (91 runs sampled)
+  minimatch x 627,206 ops/sec ±1.96% (87 runs sampled))
+
+# .makeRe star; dot=true
+  picomatch x 1,436,640 ops/sec ±0.62% (91 runs sampled)
+  minimatch x 525,876 ops/sec ±0.60% (88 runs sampled)
+
+# .makeRe globstar
+  picomatch x 1,592,742 ops/sec ±0.42% (90 runs sampled)
+  minimatch x 962,043 ops/sec ±1.76% (91 runs sampled)d)
+
+# .makeRe globstars
+  picomatch x 1,615,199 ops/sec ±0.35% (94 runs sampled)
+  minimatch x 477,179 ops/sec ±1.33% (91 runs sampled)
+
+# .makeRe with leading star
+  picomatch x 1,220,856 ops/sec ±0.40% (92 runs sampled)
+  minimatch x 453,564 ops/sec ±1.43% (94 runs sampled)
+
+# .makeRe - basic braces
+  picomatch x 392,067 ops/sec ±0.70% (90 runs sampled)
+  minimatch x 99,532 ops/sec ±2.03% (87 runs sampled))
+```
+
+<br>
+<br>
+
+## Philosophies
+
+The goal of this library is to be blazing fast, without compromising on accuracy.
+
+**Accuracy**
+
+The number one of goal of this library is accuracy. However, it's not unusual for different glob implementations to have different rules for matching behavior, even with simple wildcard matching. It gets increasingly more complicated when combinations of different features are combined, like when extglobs are combined with globstars, braces, slashes, and so on: `!(**/{a,b,*/c})`.
+
+Thus, given that there is no canonical glob specification to use as a single source of truth when differences of opinion arise regarding behavior, sometimes we have to implement our best judgement and rely on feedback from users to make improvements.
+
+**Performance**
+
+Although this library performs well in benchmarks, and in most cases it's faster than other popular libraries we benchmarked against, we will always choose accuracy over performance. It's not helpful to anyone if our library is faster at returning the wrong answer.
+
+<br>
+<br>
+
+## About
+
+<details>
+<summary><strong>Contributing</strong></summary>
+
+Pull requests and stars are always welcome. For bugs and feature requests, [please create an issue](../../issues/new).
+
+Please read the [contributing guide](.github/contributing.md) for advice on opening issues, pull requests, and coding standards.
+
+</details>
+
+<details>
+<summary><strong>Running Tests</strong></summary>
+
+Running and reviewing unit tests is a great way to get familiarized with a library and its API. You can install dependencies and run tests with the following command:
+
+```sh
+npm install && npm test
+```
+
+</details>
+
+<details>
+<summary><strong>Building docs</strong></summary>
+
+_(This project's readme.md is generated by [verb](https://github.com/verbose/verb-generate-readme), please don't edit the readme directly. Any changes to the readme must be made in the [.verb.md](.verb.md) readme template.)_
+
+To generate the readme, run the following command:
+
+```sh
+npm install -g verbose/verb#dev verb-generate-readme && verb
+```
+
+</details>
+
+### Author
+
+**Jon Schlinkert**
+
+* [GitHub Profile](https://github.com/jonschlinkert)
+* [Twitter Profile](https://twitter.com/jonschlinkert)
+* [LinkedIn Profile](https://linkedin.com/in/jonschlinkert)
+
+### License
+
+Copyright © 2017-present, [Jon Schlinkert](https://github.com/jonschlinkert).
+Released under the [MIT License](LICENSE).
diff --git a/node_modules/picomatch/index.js b/node_modules/picomatch/index.js
new file mode 100644
index 0000000..d2f2bc5
--- /dev/null
+++ b/node_modules/picomatch/index.js
@@ -0,0 +1,3 @@
+'use strict';
+
+module.exports = require('./lib/picomatch');
diff --git a/node_modules/picomatch/lib/constants.js b/node_modules/picomatch/lib/constants.js
new file mode 100644
index 0000000..a62ef38
--- /dev/null
+++ b/node_modules/picomatch/lib/constants.js
@@ -0,0 +1,179 @@
+'use strict';
+
+const path = require('path');
+const WIN_SLASH = '\\\\/';
+const WIN_NO_SLASH = `[^${WIN_SLASH}]`;
+
+/**
+ * Posix glob regex
+ */
+
+const DOT_LITERAL = '\\.';
+const PLUS_LITERAL = '\\+';
+const QMARK_LITERAL = '\\?';
+const SLASH_LITERAL = '\\/';
+const ONE_CHAR = '(?=.)';
+const QMARK = '[^/]';
+const END_ANCHOR = `(?:${SLASH_LITERAL}|$)`;
+const START_ANCHOR = `(?:^|${SLASH_LITERAL})`;
+const DOTS_SLASH = `${DOT_LITERAL}{1,2}${END_ANCHOR}`;
+const NO_DOT = `(?!${DOT_LITERAL})`;
+const NO_DOTS = `(?!${START_ANCHOR}${DOTS_SLASH})`;
+const NO_DOT_SLASH = `(?!${DOT_LITERAL}{0,1}${END_ANCHOR})`;
+const NO_DOTS_SLASH = `(?!${DOTS_SLASH})`;
+const QMARK_NO_DOT = `[^.${SLASH_LITERAL}]`;
+const STAR = `${QMARK}*?`;
+
+const POSIX_CHARS = {
+  DOT_LITERAL,
+  PLUS_LITERAL,
+  QMARK_LITERAL,
+  SLASH_LITERAL,
+  ONE_CHAR,
+  QMARK,
+  END_ANCHOR,
+  DOTS_SLASH,
+  NO_DOT,
+  NO_DOTS,
+  NO_DOT_SLASH,
+  NO_DOTS_SLASH,
+  QMARK_NO_DOT,
+  STAR,
+  START_ANCHOR
+};
+
+/**
+ * Windows glob regex
+ */
+
+const WINDOWS_CHARS = {
+  ...POSIX_CHARS,
+
+  SLASH_LITERAL: `[${WIN_SLASH}]`,
+  QMARK: WIN_NO_SLASH,
+  STAR: `${WIN_NO_SLASH}*?`,
+  DOTS_SLASH: `${DOT_LITERAL}{1,2}(?:[${WIN_SLASH}]|$)`,
+  NO_DOT: `(?!${DOT_LITERAL})`,
+  NO_DOTS: `(?!(?:^|[${WIN_SLASH}])${DOT_LITERAL}{1,2}(?:[${WIN_SLASH}]|$))`,
+  NO_DOT_SLASH: `(?!${DOT_LITERAL}{0,1}(?:[${WIN_SLASH}]|$))`,
+  NO_DOTS_SLASH: `(?!${DOT_LITERAL}{1,2}(?:[${WIN_SLASH}]|$))`,
+  QMARK_NO_DOT: `[^.${WIN_SLASH}]`,
+  START_ANCHOR: `(?:^|[${WIN_SLASH}])`,
+  END_ANCHOR: `(?:[${WIN_SLASH}]|$)`
+};
+
+/**
+ * POSIX Bracket Regex
+ */
+
+const POSIX_REGEX_SOURCE = {
+  alnum: 'a-zA-Z0-9',
+  alpha: 'a-zA-Z',
+  ascii: '\\x00-\\x7F',
+  blank: ' \\t',
+  cntrl: '\\x00-\\x1F\\x7F',
+  digit: '0-9',
+  graph: '\\x21-\\x7E',
+  lower: 'a-z',
+  print: '\\x20-\\x7E ',
+  punct: '\\-!"#$%&\'()\\*+,./:;<=>?@[\\]^_`{|}~',
+  space: ' \\t\\r\\n\\v\\f',
+  upper: 'A-Z',
+  word: 'A-Za-z0-9_',
+  xdigit: 'A-Fa-f0-9'
+};
+
+module.exports = {
+  MAX_LENGTH: 1024 * 64,
+  POSIX_REGEX_SOURCE,
+
+  // regular expressions
+  REGEX_BACKSLASH: /\\(?![*+?^${}(|)[\]])/g,
+  REGEX_NON_SPECIAL_CHARS: /^[^@![\].,$*+?^{}()|\\/]+/,
+  REGEX_SPECIAL_CHARS: /[-*+?.^${}(|)[\]]/,
+  REGEX_SPECIAL_CHARS_BACKREF: /(\\?)((\W)(\3*))/g,
+  REGEX_SPECIAL_CHARS_GLOBAL: /([-*+?.^${}(|)[\]])/g,
+  REGEX_REMOVE_BACKSLASH: /(?:\[.*?[^\\]\]|\\(?=.))/g,
+
+  // Replace globs with equivalent patterns to reduce parsing time.
+  REPLACEMENTS: {
+    '***': '*',
+    '**/**': '**',
+    '**/**/**': '**'
+  },
+
+  // Digits
+  CHAR_0: 48, /* 0 */
+  CHAR_9: 57, /* 9 */
+
+  // Alphabet chars.
+  CHAR_UPPERCASE_A: 65, /* A */
+  CHAR_LOWERCASE_A: 97, /* a */
+  CHAR_UPPERCASE_Z: 90, /* Z */
+  CHAR_LOWERCASE_Z: 122, /* z */
+
+  CHAR_LEFT_PARENTHESES: 40, /* ( */
+  CHAR_RIGHT_PARENTHESES: 41, /* ) */
+
+  CHAR_ASTERISK: 42, /* * */
+
+  // Non-alphabetic chars.
+  CHAR_AMPERSAND: 38, /* & */
+  CHAR_AT: 64, /* @ */
+  CHAR_BACKWARD_SLASH: 92, /* \ */
+  CHAR_CARRIAGE_RETURN: 13, /* \r */
+  CHAR_CIRCUMFLEX_ACCENT: 94, /* ^ */
+  CHAR_COLON: 58, /* : */
+  CHAR_COMMA: 44, /* , */
+  CHAR_DOT: 46, /* . */
+  CHAR_DOUBLE_QUOTE: 34, /* " */
+  CHAR_EQUAL: 61, /* = */
+  CHAR_EXCLAMATION_MARK: 33, /* ! */
+  CHAR_FORM_FEED: 12, /* \f */
+  CHAR_FORWARD_SLASH: 47, /* / */
+  CHAR_GRAVE_ACCENT: 96, /* ` */
+  CHAR_HASH: 35, /* # */
+  CHAR_HYPHEN_MINUS: 45, /* - */
+  CHAR_LEFT_ANGLE_BRACKET: 60, /* < */
+  CHAR_LEFT_CURLY_BRACE: 123, /* { */
+  CHAR_LEFT_SQUARE_BRACKET: 91, /* [ */
+  CHAR_LINE_FEED: 10, /* \n */
+  CHAR_NO_BREAK_SPACE: 160, /* \u00A0 */
+  CHAR_PERCENT: 37, /* % */
+  CHAR_PLUS: 43, /* + */
+  CHAR_QUESTION_MARK: 63, /* ? */
+  CHAR_RIGHT_ANGLE_BRACKET: 62, /* > */
+  CHAR_RIGHT_CURLY_BRACE: 125, /* } */
+  CHAR_RIGHT_SQUARE_BRACKET: 93, /* ] */
+  CHAR_SEMICOLON: 59, /* ; */
+  CHAR_SINGLE_QUOTE: 39, /* ' */
+  CHAR_SPACE: 32, /*   */
+  CHAR_TAB: 9, /* \t */
+  CHAR_UNDERSCORE: 95, /* _ */
+  CHAR_VERTICAL_LINE: 124, /* | */
+  CHAR_ZERO_WIDTH_NOBREAK_SPACE: 65279, /* \uFEFF */
+
+  SEP: path.sep,
+
+  /**
+   * Create EXTGLOB_CHARS
+   */
+
+  extglobChars(chars) {
+    return {
+      '!': { type: 'negate', open: '(?:(?!(?:', close: `))${chars.STAR})` },
+      '?': { type: 'qmark', open: '(?:', close: ')?' },
+      '+': { type: 'plus', open: '(?:', close: ')+' },
+      '*': { type: 'star', open: '(?:', close: ')*' },
+      '@': { type: 'at', open: '(?:', close: ')' }
+    };
+  },
+
+  /**
+   * Create GLOB_CHARS
+   */
+
+  globChars(win32) {
+    return win32 === true ? WINDOWS_CHARS : POSIX_CHARS;
+  }
+};
diff --git a/node_modules/picomatch/lib/parse.js b/node_modules/picomatch/lib/parse.js
new file mode 100644
index 0000000..58269d0
--- /dev/null
+++ b/node_modules/picomatch/lib/parse.js
@@ -0,0 +1,1091 @@
+'use strict';
+
+const constants = require('./constants');
+const utils = require('./utils');
+
+/**
+ * Constants
+ */
+
+const {
+  MAX_LENGTH,
+  POSIX_REGEX_SOURCE,
+  REGEX_NON_SPECIAL_CHARS,
+  REGEX_SPECIAL_CHARS_BACKREF,
+  REPLACEMENTS
+} = constants;
+
+/**
+ * Helpers
+ */
+
+const expandRange = (args, options) => {
+  if (typeof options.expandRange === 'function') {
+    return options.expandRange(...args, options);
+  }
+
+  args.sort();
+  const value = `[${args.join('-')}]`;
+
+  try {
+    /* eslint-disable-next-line no-new */
+    new RegExp(value);
+  } catch (ex) {
+    return args.map(v => utils.escapeRegex(v)).join('..');
+  }
+
+  return value;
+};
+
+/**
+ * Create the message for a syntax error
+ */
+
+const syntaxError = (type, char) => {
+  return `Missing ${type}: "${char}" - use "\\\\${char}" to match literal characters`;
+};
+
+/**
+ * Parse the given input string.
+ * @param {String} input
+ * @param {Object} options
+ * @return {Object}
+ */
+
+const parse = (input, options) => {
+  if (typeof input !== 'string') {
+    throw new TypeError('Expected a string');
+  }
+
+  input = REPLACEMENTS[input] || input;
+
+  const opts = { ...options };
+  const max = typeof opts.maxLength === 'number' ? Math.min(MAX_LENGTH, opts.maxLength) : MAX_LENGTH;
+
+  let len = input.length;
+  if (len > max) {
+    throw new SyntaxError(`Input length: ${len}, exceeds maximum allowed length: ${max}`);
+  }
+
+  const bos = { type: 'bos', value: '', output: opts.prepend || '' };
+  const tokens = [bos];
+
+  const capture = opts.capture ? '' : '?:';
+  const win32 = utils.isWindows(options);
+
+  // create constants based on platform, for windows or posix
+  const PLATFORM_CHARS = constants.globChars(win32);
+  const EXTGLOB_CHARS = constants.extglobChars(PLATFORM_CHARS);
+
+  const {
+    DOT_LITERAL,
+    PLUS_LITERAL,
+    SLASH_LITERAL,
+    ONE_CHAR,
+    DOTS_SLASH,
+    NO_DOT,
+    NO_DOT_SLASH,
+    NO_DOTS_SLASH,
+    QMARK,
+    QMARK_NO_DOT,
+    STAR,
+    START_ANCHOR
+  } = PLATFORM_CHARS;
+
+  const globstar = opts => {
+    return `(${capture}(?:(?!${START_ANCHOR}${opts.dot ? DOTS_SLASH : DOT_LITERAL}).)*?)`;
+  };
+
+  const nodot = opts.dot ? '' : NO_DOT;
+  const qmarkNoDot = opts.dot ? QMARK : QMARK_NO_DOT;
+  let star = opts.bash === true ? globstar(opts) : STAR;
+
+  if (opts.capture) {
+    star = `(${star})`;
+  }
+
+  // minimatch options support
+  if (typeof opts.noext === 'boolean') {
+    opts.noextglob = opts.noext;
+  }
+
+  const state = {
+    input,
+    index: -1,
+    start: 0,
+    dot: opts.dot === true,
+    consumed: '',
+    output: '',
+    prefix: '',
+    backtrack: false,
+    negated: false,
+    brackets: 0,
+    braces: 0,
+    parens: 0,
+    quotes: 0,
+    globstar: false,
+    tokens
+  };
+
+  input = utils.removePrefix(input, state);
+  len = input.length;
+
+  const extglobs = [];
+  const braces = [];
+  const stack = [];
+  let prev = bos;
+  let value;
+
+  /**
+   * Tokenizing helpers
+   */
+
+  const eos = () => state.index === len - 1;
+  const peek = state.peek = (n = 1) => input[state.index + n];
+  const advance = state.advance = () => input[++state.index] || '';
+  const remaining = () => input.slice(state.index + 1);
+  const consume = (value = '', num = 0) => {
+    state.consumed += value;
+    state.index += num;
+  };
+
+  const append = token => {
+    state.output += token.output != null ? token.output : token.value;
+    consume(token.value);
+  };
+
+  const negate = () => {
+    let count = 1;
+
+    while (peek() === '!' && (peek(2) !== '(' || peek(3) === '?')) {
+      advance();
+      state.start++;
+      count++;
+    }
+
+    if (count % 2 === 0) {
+      return false;
+    }
+
+    state.negated = true;
+    state.start++;
+    return true;
+  };
+
+  const increment = type => {
+    state[type]++;
+    stack.push(type);
+  };
+
+  const decrement = type => {
+    state[type]--;
+    stack.pop();
+  };
+
+  /**
+   * Push tokens onto the tokens array. This helper speeds up
+   * tokenizing by 1) helping us avoid backtracking as much as possible,
+   * and 2) helping us avoid creating extra tokens when consecutive
+   * characters are plain text. This improves performance and simplifies
+   * lookbehinds.
+   */
+
+  const push = tok => {
+    if (prev.type === 'globstar') {
+      const isBrace = state.braces > 0 && (tok.type === 'comma' || tok.type === 'brace');
+      const isExtglob = tok.extglob === true || (extglobs.length && (tok.type === 'pipe' || tok.type === 'paren'));
+
+      if (tok.type !== 'slash' && tok.type !== 'paren' && !isBrace && !isExtglob) {
+        state.output = state.output.slice(0, -prev.output.length);
+        prev.type = 'star';
+        prev.value = '*';
+        prev.output = star;
+        state.output += prev.output;
+      }
+    }
+
+    if (extglobs.length && tok.type !== 'paren') {
+      extglobs[extglobs.length - 1].inner += tok.value;
+    }
+
+    if (tok.value || tok.output) append(tok);
+    if (prev && prev.type === 'text' && tok.type === 'text') {
+      prev.value += tok.value;
+      prev.output = (prev.output || '') + tok.value;
+      return;
+    }
+
+    tok.prev = prev;
+    tokens.push(tok);
+    prev = tok;
+  };
+
+  const extglobOpen = (type, value) => {
+    const token = { ...EXTGLOB_CHARS[value], conditions: 1, inner: '' };
+
+    token.prev = prev;
+    token.parens = state.parens;
+    token.output = state.output;
+    const output = (opts.capture ? '(' : '') + token.open;
+
+    increment('parens');
+    push({ type, value, output: state.output ? '' : ONE_CHAR });
+    push({ type: 'paren', extglob: true, value: advance(), output });
+    extglobs.push(token);
+  };
+
+  const extglobClose = token => {
+    let output = token.close + (opts.capture ? ')' : '');
+    let rest;
+
+    if (token.type === 'negate') {
+      let extglobStar = star;
+
+      if (token.inner && token.inner.length > 1 && token.inner.includes('/')) {
+        extglobStar = globstar(opts);
+      }
+
+      if (extglobStar !== star || eos() || /^\)+$/.test(remaining())) {
+        output = token.close = `)$))${extglobStar}`;
+      }
+
+      if (token.inner.includes('*') && (rest = remaining()) && /^\.[^\\/.]+$/.test(rest)) {
+        // Any non-magical string (`.ts`) or even nested expression (`.{ts,tsx}`) can follow after the closing parenthesis.
+        // In this case, we need to parse the string and use it in the output of the original pattern.
+        // Suitable patterns: `/!(*.d).ts`, `/!(*.d).{ts,tsx}`, `**/!(*-dbg).@(js)`.
+        //
+        // Disabling the `fastpaths` option due to a problem with parsing strings as `.ts` in the pattern like `**/!(*.d).ts`.
+        const expression = parse(rest, { ...options, fastpaths: false }).output;
+
+        output = token.close = `)${expression})${extglobStar})`;
+      }
+
+      if (token.prev.type === 'bos') {
+        state.negatedExtglob = true;
+      }
+    }
+
+    push({ type: 'paren', extglob: true, value, output });
+    decrement('parens');
+  };
+
+  /**
+   * Fast paths
+   */
+
+  if (opts.fastpaths !== false && !/(^[*!]|[/()[\]{}"])/.test(input)) {
+    let backslashes = false;
+
+    let output = input.replace(REGEX_SPECIAL_CHARS_BACKREF, (m, esc, chars, first, rest, index) => {
+      if (first === '\\') {
+        backslashes = true;
+        return m;
+      }
+
+      if (first === '?') {
+        if (esc) {
+          return esc + first + (rest ? QMARK.repeat(rest.length) : '');
+        }
+        if (index === 0) {
+          return qmarkNoDot + (rest ? QMARK.repeat(rest.length) : '');
+        }
+        return QMARK.repeat(chars.length);
+      }
+
+      if (first === '.') {
+        return DOT_LITERAL.repeat(chars.length);
+      }
+
+      if (first === '*') {
+        if (esc) {
+          return esc + first + (rest ? star : '');
+        }
+        return star;
+      }
+      return esc ? m : `\\${m}`;
+    });
+
+    if (backslashes === true) {
+      if (opts.unescape === true) {
+        output = output.replace(/\\/g, '');
+      } else {
+        output = output.replace(/\\+/g, m => {
+          return m.length % 2 === 0 ? '\\\\' : (m ? '\\' : '');
+        });
+      }
+    }
+
+    if (output === input && opts.contains === true) {
+      state.output = input;
+      return state;
+    }
+
+    state.output = utils.wrapOutput(output, state, options);
+    return state;
+  }
+
+  /**
+   * Tokenize input until we reach end-of-string
+   */
+
+  while (!eos()) {
+    value = advance();
+
+    if (value === '\u0000') {
+      continue;
+    }
+
+    /**
+     * Escaped characters
+     */
+
+    if (value === '\\') {
+      const next = peek();
+
+      if (next === '/' && opts.bash !== true) {
+        continue;
+      }
+
+      if (next === '.' || next === ';') {
+        continue;
+      }
+
+      if (!next) {
+        value += '\\';
+        push({ type: 'text', value });
+        continue;
+      }
+
+      // collapse slashes to reduce potential for exploits
+      const match = /^\\+/.exec(remaining());
+      let slashes = 0;
+
+      if (match && match[0].length > 2) {
+        slashes = match[0].length;
+        state.index += slashes;
+        if (slashes % 2 !== 0) {
+          value += '\\';
+        }
+      }
+
+      if (opts.unescape === true) {
+        value = advance();
+      } else {
+        value += advance();
+      }
+
+      if (state.brackets === 0) {
+        push({ type: 'text', value });
+        continue;
+      }
+    }
+
+    /**
+     * If we're inside a regex character class, continue
+     * until we reach the closing bracket.
+     */
+
+    if (state.brackets > 0 && (value !== ']' || prev.value === '[' || prev.value === '[^')) {
+      if (opts.posix !== false && value === ':') {
+        const inner = prev.value.slice(1);
+        if (inner.includes('[')) {
+          prev.posix = true;
+
+          if (inner.includes(':')) {
+            const idx = prev.value.lastIndexOf('[');
+            const pre = prev.value.slice(0, idx);
+            const rest = prev.value.slice(idx + 2);
+            const posix = POSIX_REGEX_SOURCE[rest];
+            if (posix) {
+              prev.value = pre + posix;
+              state.backtrack = true;
+              advance();
+
+              if (!bos.output && tokens.indexOf(prev) === 1) {
+                bos.output = ONE_CHAR;
+              }
+              continue;
+            }
+          }
+        }
+      }
+
+      if ((value === '[' && peek() !== ':') || (value === '-' && peek() === ']')) {
+        value = `\\${value}`;
+      }
+
+      if (value === ']' && (prev.value === '[' || prev.value === '[^')) {
+        value = `\\${value}`;
+      }
+
+      if (opts.posix === true && value === '!' && prev.value === '[') {
+        value = '^';
+      }
+
+      prev.value += value;
+      append({ value });
+      continue;
+    }
+
+    /**
+     * If we're inside a quoted string, continue
+     * until we reach the closing double quote.
+     */
+
+    if (state.quotes === 1 && value !== '"') {
+      value = utils.escapeRegex(value);
+      prev.value += value;
+      append({ value });
+      continue;
+    }
+
+    /**
+     * Double quotes
+     */
+
+    if (value === '"') {
+      state.quotes = state.quotes === 1 ? 0 : 1;
+      if (opts.keepQuotes === true) {
+        push({ type: 'text', value });
+      }
+      continue;
+    }
+
+    /**
+     * Parentheses
+     */
+
+    if (value === '(') {
+      increment('parens');
+      push({ type: 'paren', value });
+      continue;
+    }
+
+    if (value === ')') {
+      if (state.parens === 0 && opts.strictBrackets === true) {
+        throw new SyntaxError(syntaxError('opening', '('));
+      }
+
+      const extglob = extglobs[extglobs.length - 1];
+      if (extglob && state.parens === extglob.parens + 1) {
+        extglobClose(extglobs.pop());
+        continue;
+      }
+
+      push({ type: 'paren', value, output: state.parens ? ')' : '\\)' });
+      decrement('parens');
+      continue;
+    }
+
+    /**
+     * Square brackets
+     */
+
+    if (value === '[') {
+      if (opts.nobracket === true || !remaining().includes(']')) {
+        if (opts.nobracket !== true && opts.strictBrackets === true) {
+          throw new SyntaxError(syntaxError('closing', ']'));
+        }
+
+        value = `\\${value}`;
+      } else {
+        increment('brackets');
+      }
+
+      push({ type: 'bracket', value });
+      continue;
+    }
+
+    if (value === ']') {
+      if (opts.nobracket === true || (prev && prev.type === 'bracket' && prev.value.length === 1)) {
+        push({ type: 'text', value, output: `\\${value}` });
+        continue;
+      }
+
+      if (state.brackets === 0) {
+        if (opts.strictBrackets === true) {
+          throw new SyntaxError(syntaxError('opening', '['));
+        }
+
+        push({ type: 'text', value, output: `\\${value}` });
+        continue;
+      }
+
+      decrement('brackets');
+
+      const prevValue = prev.value.slice(1);
+      if (prev.posix !== true && prevValue[0] === '^' && !prevValue.includes('/')) {
+        value = `/${value}`;
+      }
+
+      prev.value += value;
+      append({ value });
+
+      // when literal brackets are explicitly disabled
+      // assume we should match with a regex character class
+      if (opts.literalBrackets === false || utils.hasRegexChars(prevValue)) {
+        continue;
+      }
+
+      const escaped = utils.escapeRegex(prev.value);
+      state.output = state.output.slice(0, -prev.value.length);
+
+      // when literal brackets are explicitly enabled
+      // assume we should escape the brackets to match literal characters
+      if (opts.literalBrackets === true) {
+        state.output += escaped;
+        prev.value = escaped;
+        continue;
+      }
+
+      // when the user specifies nothing, try to match both
+      prev.value = `(${capture}${escaped}|${prev.value})`;
+      state.output += prev.value;
+      continue;
+    }
+
+    /**
+     * Braces
+     */
+
+    if (value === '{' && opts.nobrace !== true) {
+      increment('braces');
+
+      const open = {
+        type: 'brace',
+        value,
+        output: '(',
+        outputIndex: state.output.length,
+        tokensIndex: state.tokens.length
+      };
+
+      braces.push(open);
+      push(open);
+      continue;
+    }
+
+    if (value === '}') {
+      const brace = braces[braces.length - 1];
+
+      if (opts.nobrace === true || !brace) {
+        push({ type: 'text', value, output: value });
+        continue;
+      }
+
+      let output = ')';
+
+      if (brace.dots === true) {
+        const arr = tokens.slice();
+        const range = [];
+
+        for (let i = arr.length - 1; i >= 0; i--) {
+          tokens.pop();
+          if (arr[i].type === 'brace') {
+            break;
+          }
+          if (arr[i].type !== 'dots') {
+            range.unshift(arr[i].value);
+          }
+        }
+
+        output = expandRange(range, opts);
+        state.backtrack = true;
+      }
+
+      if (brace.comma !== true && brace.dots !== true) {
+        const out = state.output.slice(0, brace.outputIndex);
+        const toks = state.tokens.slice(brace.tokensIndex);
+        brace.value = brace.output = '\\{';
+        value = output = '\\}';
+        state.output = out;
+        for (const t of toks) {
+          state.output += (t.output || t.value);
+        }
+      }
+
+      push({ type: 'brace', value, output });
+      decrement('braces');
+      braces.pop();
+      continue;
+    }
+
+    /**
+     * Pipes
+     */
+
+    if (value === '|') {
+      if (extglobs.length > 0) {
+        extglobs[extglobs.length - 1].conditions++;
+      }
+      push({ type: 'text', value });
+      continue;
+    }
+
+    /**
+     * Commas
+     */
+
+    if (value === ',') {
+      let output = value;
+
+      const brace = braces[braces.length - 1];
+      if (brace && stack[stack.length - 1] === 'braces') {
+        brace.comma = true;
+        output = '|';
+      }
+
+      push({ type: 'comma', value, output });
+      continue;
+    }
+
+    /**
+     * Slashes
+     */
+
+    if (value === '/') {
+      // if the beginning of the glob is "./", advance the start
+      // to the current index, and don't add the "./" characters
+      // to the state. This greatly simplifies lookbehinds when
+      // checking for BOS characters like "!" and "." (not "./")
+      if (prev.type === 'dot' && state.index === state.start + 1) {
+        state.start = state.index + 1;
+        state.consumed = '';
+        state.output = '';
+        tokens.pop();
+        prev = bos; // reset "prev" to the first token
+        continue;
+      }
+
+      push({ type: 'slash', value, output: SLASH_LITERAL });
+      continue;
+    }
+
+    /**
+     * Dots
+     */
+
+    if (value === '.') {
+      if (state.braces > 0 && prev.type === 'dot') {
+        if (prev.value === '.') prev.output = DOT_LITERAL;
+        const brace = braces[braces.length - 1];
+        prev.type = 'dots';
+        prev.output += value;
+        prev.value += value;
+        brace.dots = true;
+        continue;
+      }
+
+      if ((state.braces + state.parens) === 0 && prev.type !== 'bos' && prev.type !== 'slash') {
+        push({ type: 'text', value, output: DOT_LITERAL });
+        continue;
+      }
+
+      push({ type: 'dot', value, output: DOT_LITERAL });
+      continue;
+    }
+
+    /**
+     * Question marks
+     */
+
+    if (value === '?') {
+      const isGroup = prev && prev.value === '(';
+      if (!isGroup && opts.noextglob !== true && peek() === '(' && peek(2) !== '?') {
+        extglobOpen('qmark', value);
+        continue;
+      }
+
+      if (prev && prev.type === 'paren') {
+        const next = peek();
+        let output = value;
+
+        if (next === '<' && !utils.supportsLookbehinds()) {
+          throw new Error('Node.js v10 or higher is required for regex lookbehinds');
+        }
+
+        if ((prev.value === '(' && !/[!=<:]/.test(next)) || (next === '<' && !/<([!=]|\w+>)/.test(remaining()))) {
+          output = `\\${value}`;
+        }
+
+        push({ type: 'text', value, output });
+        continue;
+      }
+
+      if (opts.dot !== true && (prev.type === 'slash' || prev.type === 'bos')) {
+        push({ type: 'qmark', value, output: QMARK_NO_DOT });
+        continue;
+      }
+
+      push({ type: 'qmark', value, output: QMARK });
+      continue;
+    }
+
+    /**
+     * Exclamation
+     */
+
+    if (value === '!') {
+      if (opts.noextglob !== true && peek() === '(') {
+        if (peek(2) !== '?' || !/[!=<:]/.test(peek(3))) {
+          extglobOpen('negate', value);
+          continue;
+        }
+      }
+
+      if (opts.nonegate !== true && state.index === 0) {
+        negate();
+        continue;
+      }
+    }
+
+    /**
+     * Plus
+     */
+
+    if (value === '+') {
+      if (opts.noextglob !== true && peek() === '(' && peek(2) !== '?') {
+        extglobOpen('plus', value);
+        continue;
+      }
+
+      if ((prev && prev.value === '(') || opts.regex === false) {
+        push({ type: 'plus', value, output: PLUS_LITERAL });
+        continue;
+      }
+
+      if ((prev && (prev.type === 'bracket' || prev.type === 'paren' || prev.type === 'brace')) || state.parens > 0) {
+        push({ type: 'plus', value });
+        continue;
+      }
+
+      push({ type: 'plus', value: PLUS_LITERAL });
+      continue;
+    }
+
+    /**
+     * Plain text
+     */
+
+    if (value === '@') {
+      if (opts.noextglob !== true && peek() === '(' && peek(2) !== '?') {
+        push({ type: 'at', extglob: true, value, output: '' });
+        continue;
+      }
+
+      push({ type: 'text', value });
+      continue;
+    }
+
+    /**
+     * Plain text
+     */
+
+    if (value !== '*') {
+      if (value === '$' || value === '^') {
+        value = `\\${value}`;
+      }
+
+      const match = REGEX_NON_SPECIAL_CHARS.exec(remaining());
+      if (match) {
+        value += match[0];
+        state.index += match[0].length;
+      }
+
+      push({ type: 'text', value });
+      continue;
+    }
+
+    /**
+     * Stars
+     */
+
+    if (prev && (prev.type === 'globstar' || prev.star === true)) {
+      prev.type = 'star';
+      prev.star = true;
+      prev.value += value;
+      prev.output = star;
+      state.backtrack = true;
+      state.globstar = true;
+      consume(value);
+      continue;
+    }
+
+    let rest = remaining();
+    if (opts.noextglob !== true && /^\([^?]/.test(rest)) {
+      extglobOpen('star', value);
+      continue;
+    }
+
+    if (prev.type === 'star') {
+      if (opts.noglobstar === true) {
+        consume(value);
+        continue;
+      }
+
+      const prior = prev.prev;
+      const before = prior.prev;
+      const isStart = prior.type === 'slash' || prior.type === 'bos';
+      const afterStar = before && (before.type === 'star' || before.type === 'globstar');
+
+      if (opts.bash === true && (!isStart || (rest[0] && rest[0] !== '/'))) {
+        push({ type: 'star', value, output: '' });
+        continue;
+      }
+
+      const isBrace = state.braces > 0 && (prior.type === 'comma' || prior.type === 'brace');
+      const isExtglob = extglobs.length && (prior.type === 'pipe' || prior.type === 'paren');
+      if (!isStart && prior.type !== 'paren' && !isBrace && !isExtglob) {
+        push({ type: 'star', value, output: '' });
+        continue;
+      }
+
+      // strip consecutive `/**/`
+      while (rest.slice(0, 3) === '/**') {
+        const after = input[state.index + 4];
+        if (after && after !== '/') {
+          break;
+        }
+        rest = rest.slice(3);
+        consume('/**', 3);
+      }
+
+      if (prior.type === 'bos' && eos()) {
+        prev.type = 'globstar';
+        prev.value += value;
+        prev.output = globstar(opts);
+        state.output = prev.output;
+        state.globstar = true;
+        consume(value);
+        continue;
+      }
+
+      if (prior.type === 'slash' && prior.prev.type !== 'bos' && !afterStar && eos()) {
+        state.output = state.output.slice(0, -(prior.output + prev.output).length);
+        prior.output = `(?:${prior.output}`;
+
+        prev.type = 'globstar';
+        prev.output = globstar(opts) + (opts.strictSlashes ? ')' : '|$)');
+        prev.value += value;
+        state.globstar = true;
+        state.output += prior.output + prev.output;
+        consume(value);
+        continue;
+      }
+
+      if (prior.type === 'slash' && prior.prev.type !== 'bos' && rest[0] === '/') {
+        const end = rest[1] !== void 0 ? '|$' : '';
+
+        state.output = state.output.slice(0, -(prior.output + prev.output).length);
+        prior.output = `(?:${prior.output}`;
+
+        prev.type = 'globstar';
+        prev.output = `${globstar(opts)}${SLASH_LITERAL}|${SLASH_LITERAL}${end})`;
+        prev.value += value;
+
+        state.output += prior.output + prev.output;
+        state.globstar = true;
+
+        consume(value + advance());
+
+        push({ type: 'slash', value: '/', output: '' });
+        continue;
+      }
+
+      if (prior.type === 'bos' && rest[0] === '/') {
+        prev.type = 'globstar';
+        prev.value += value;
+        prev.output = `(?:^|${SLASH_LITERAL}|${globstar(opts)}${SLASH_LITERAL})`;
+        state.output = prev.output;
+        state.globstar = true;
+        consume(value + advance());
+        push({ type: 'slash', value: '/', output: '' });
+        continue;
+      }
+
+      // remove single star from output
+      state.output = state.output.slice(0, -prev.output.length);
+
+      // reset previous token to globstar
+      prev.type = 'globstar';
+      prev.output = globstar(opts);
+      prev.value += value;
+
+      // reset output with globstar
+      state.output += prev.output;
+      state.globstar = true;
+      consume(value);
+      continue;
+    }
+
+    const token = { type: 'star', value, output: star };
+
+    if (opts.bash === true) {
+      token.output = '.*?';
+      if (prev.type === 'bos' || prev.type === 'slash') {
+        token.output = nodot + token.output;
+      }
+      push(token);
+      continue;
+    }
+
+    if (prev && (prev.type === 'bracket' || prev.type === 'paren') && opts.regex === true) {
+      token.output = value;
+      push(token);
+      continue;
+    }
+
+    if (state.index === state.start || prev.type === 'slash' || prev.type === 'dot') {
+      if (prev.type === 'dot') {
+        state.output += NO_DOT_SLASH;
+        prev.output += NO_DOT_SLASH;
+
+      } else if (opts.dot === true) {
+        state.output += NO_DOTS_SLASH;
+        prev.output += NO_DOTS_SLASH;
+
+      } else {
+        state.output += nodot;
+        prev.output += nodot;
+      }
+
+      if (peek() !== '*') {
+        state.output += ONE_CHAR;
+        prev.output += ONE_CHAR;
+      }
+    }
+
+    push(token);
+  }
+
+  while (state.brackets > 0) {
+    if (opts.strictBrackets === true) throw new SyntaxError(syntaxError('closing', ']'));
+    state.output = utils.escapeLast(state.output, '[');
+    decrement('brackets');
+  }
+
+  while (state.parens > 0) {
+    if (opts.strictBrackets === true) throw new SyntaxError(syntaxError('closing', ')'));
+    state.output = utils.escapeLast(state.output, '(');
+    decrement('parens');
+  }
+
+  while (state.braces > 0) {
+    if (opts.strictBrackets === true) throw new SyntaxError(syntaxError('closing', '}'));
+    state.output = utils.escapeLast(state.output, '{');
+    decrement('braces');
+  }
+
+  if (opts.strictSlashes !== true && (prev.type === 'star' || prev.type === 'bracket')) {
+    push({ type: 'maybe_slash', value: '', output: `${SLASH_LITERAL}?` });
+  }
+
+  // rebuild the output if we had to backtrack at any point
+  if (state.backtrack === true) {
+    state.output = '';
+
+    for (const token of state.tokens) {
+      state.output += token.output != null ? token.output : token.value;
+
+      if (token.suffix) {
+        state.output += token.suffix;
+      }
+    }
+  }
+
+  return state;
+};
+
+/**
+ * Fast paths for creating regular expressions for common glob patterns.
+ * This can significantly speed up processing and has very little downside
+ * impact when none of the fast paths match.
+ */
+
+parse.fastpaths = (input, options) => {
+  const opts = { ...options };
+  const max = typeof opts.maxLength === 'number' ? Math.min(MAX_LENGTH, opts.maxLength) : MAX_LENGTH;
+  const len = input.length;
+  if (len > max) {
+    throw new SyntaxError(`Input length: ${len}, exceeds maximum allowed length: ${max}`);
+  }
+
+  input = REPLACEMENTS[input] || input;
+  const win32 = utils.isWindows(options);
+
+  // create constants based on platform, for windows or posix
+  const {
+    DOT_LITERAL,
+    SLASH_LITERAL,
+    ONE_CHAR,
+    DOTS_SLASH,
+    NO_DOT,
+    NO_DOTS,
+    NO_DOTS_SLASH,
+    STAR,
+    START_ANCHOR
+  } = constants.globChars(win32);
+
+  const nodot = opts.dot ? NO_DOTS : NO_DOT;
+  const slashDot = opts.dot ? NO_DOTS_SLASH : NO_DOT;
+  const capture = opts.capture ? '' : '?:';
+  const state = { negated: false, prefix: '' };
+  let star = opts.bash === true ? '.*?' : STAR;
+
+  if (opts.capture) {
+    star = `(${star})`;
+  }
+
+  const globstar = opts => {
+    if (opts.noglobstar === true) return star;
+    return `(${capture}(?:(?!${START_ANCHOR}${opts.dot ? DOTS_SLASH : DOT_LITERAL}).)*?)`;
+  };
+
+  const create = str => {
+    switch (str) {
+      case '*':
+        return `${nodot}${ONE_CHAR}${star}`;
+
+      case '.*':
+        return `${DOT_LITERAL}${ONE_CHAR}${star}`;
+
+      case '*.*':
+        return `${nodot}${star}${DOT_LITERAL}${ONE_CHAR}${star}`;
+
+      case '*/*':
+        return `${nodot}${star}${SLASH_LITERAL}${ONE_CHAR}${slashDot}${star}`;
+
+      case '**':
+        return nodot + globstar(opts);
+
+      case '**/*':
+        return `(?:${nodot}${globstar(opts)}${SLASH_LITERAL})?${slashDot}${ONE_CHAR}${star}`;
+
+      case '**/*.*':
+        return `(?:${nodot}${globstar(opts)}${SLASH_LITERAL})?${slashDot}${star}${DOT_LITERAL}${ONE_CHAR}${star}`;
+
+      case '**/.*':
+        return `(?:${nodot}${globstar(opts)}${SLASH_LITERAL})?${DOT_LITERAL}${ONE_CHAR}${star}`;
+
+      default: {
+        const match = /^(.*?)\.(\w+)$/.exec(str);
+        if (!match) return;
+
+        const source = create(match[1]);
+        if (!source) return;
+
+        return source + DOT_LITERAL + match[2];
+      }
+    }
+  };
+
+  const output = utils.removePrefix(input, state);
+  let source = create(output);
+
+  if (source && opts.strictSlashes !== true) {
+    source += `${SLASH_LITERAL}?`;
+  }
+
+  return source;
+};
+
+module.exports = parse;
diff --git a/node_modules/picomatch/lib/picomatch.js b/node_modules/picomatch/lib/picomatch.js
new file mode 100644
index 0000000..782d809
--- /dev/null
+++ b/node_modules/picomatch/lib/picomatch.js
@@ -0,0 +1,342 @@
+'use strict';
+
+const path = require('path');
+const scan = require('./scan');
+const parse = require('./parse');
+const utils = require('./utils');
+const constants = require('./constants');
+const isObject = val => val && typeof val === 'object' && !Array.isArray(val);
+
+/**
+ * Creates a matcher function from one or more glob patterns. The
+ * returned function takes a string to match as its first argument,
+ * and returns true if the string is a match. The returned matcher
+ * function also takes a boolean as the second argument that, when true,
+ * returns an object with additional information.
+ *
+ * ```js
+ * const picomatch = require('picomatch');
+ * // picomatch(glob[, options]);
+ *
+ * const isMatch = picomatch('*.!(*a)');
+ * console.log(isMatch('a.a')); //=> false
+ * console.log(isMatch('a.b')); //=> true
+ * ```
+ * @name picomatch
+ * @param {String|Array} `globs` One or more glob patterns.
+ * @param {Object=} `options`
+ * @return {Function=} Returns a matcher function.
+ * @api public
+ */
+
+const picomatch = (glob, options, returnState = false) => {
+  if (Array.isArray(glob)) {
+    const fns = glob.map(input => picomatch(input, options, returnState));
+    const arrayMatcher = str => {
+      for (const isMatch of fns) {
+        const state = isMatch(str);
+        if (state) return state;
+      }
+      return false;
+    };
+    return arrayMatcher;
+  }
+
+  const isState = isObject(glob) && glob.tokens && glob.input;
+
+  if (glob === '' || (typeof glob !== 'string' && !isState)) {
+    throw new TypeError('Expected pattern to be a non-empty string');
+  }
+
+  const opts = options || {};
+  const posix = utils.isWindows(options);
+  const regex = isState
+    ? picomatch.compileRe(glob, options)
+    : picomatch.makeRe(glob, options, false, true);
+
+  const state = regex.state;
+  delete regex.state;
+
+  let isIgnored = () => false;
+  if (opts.ignore) {
+    const ignoreOpts = { ...options, ignore: null, onMatch: null, onResult: null };
+    isIgnored = picomatch(opts.ignore, ignoreOpts, returnState);
+  }
+
+  const matcher = (input, returnObject = false) => {
+    const { isMatch, match, output } = picomatch.test(input, regex, options, { glob, posix });
+    const result = { glob, state, regex, posix, input, output, match, isMatch };
+
+    if (typeof opts.onResult === 'function') {
+      opts.onResult(result);
+    }
+
+    if (isMatch === false) {
+      result.isMatch = false;
+      return returnObject ? result : false;
+    }
+
+    if (isIgnored(input)) {
+      if (typeof opts.onIgnore === 'function') {
+        opts.onIgnore(result);
+      }
+      result.isMatch = false;
+      return returnObject ? result : false;
+    }
+
+    if (typeof opts.onMatch === 'function') {
+      opts.onMatch(result);
+    }
+    return returnObject ? result : true;
+  };
+
+  if (returnState) {
+    matcher.state = state;
+  }
+
+  return matcher;
+};
+
+/**
+ * Test `input` with the given `regex`. This is used by the main
+ * `picomatch()` function to test the input string.
+ *
+ * ```js
+ * const picomatch = require('picomatch');
+ * // picomatch.test(input, regex[, options]);
+ *
+ * console.log(picomatch.test('foo/bar', /^(?:([^/]*?)\/([^/]*?))$/));
+ * // { isMatch: true, match: [ 'foo/', 'foo', 'bar' ], output: 'foo/bar' }
+ * ```
+ * @param {String} `input` String to test.
+ * @param {RegExp} `regex`
+ * @return {Object} Returns an object with matching info.
+ * @api public
+ */
+
+picomatch.test = (input, regex, options, { glob, posix } = {}) => {
+  if (typeof input !== 'string') {
+    throw new TypeError('Expected input to be a string');
+  }
+
+  if (input === '') {
+    return { isMatch: false, output: '' };
+  }
+
+  const opts = options || {};
+  const format = opts.format || (posix ? utils.toPosixSlashes : null);
+  let match = input === glob;
+  let output = (match && format) ? format(input) : input;
+
+  if (match === false) {
+    output = format ? format(input) : input;
+    match = output === glob;
+  }
+
+  if (match === false || opts.capture === true) {
+    if (opts.matchBase === true || opts.basename === true) {
+      match = picomatch.matchBase(input, regex, options, posix);
+    } else {
+      match = regex.exec(output);
+    }
+  }
+
+  return { isMatch: Boolean(match), match, output };
+};
+
+/**
+ * Match the basename of a filepath.
+ *
+ * ```js
+ * const picomatch = require('picomatch');
+ * // picomatch.matchBase(input, glob[, options]);
+ * console.log(picomatch.matchBase('foo/bar.js', '*.js'); // true
+ * ```
+ * @param {String} `input` String to test.
+ * @param {RegExp|String} `glob` Glob pattern or regex created by [.makeRe](#makeRe).
+ * @return {Boolean}
+ * @api public
+ */
+
+picomatch.matchBase = (input, glob, options, posix = utils.isWindows(options)) => {
+  const regex = glob instanceof RegExp ? glob : picomatch.makeRe(glob, options);
+  return regex.test(path.basename(input));
+};
+
+/**
+ * Returns true if **any** of the given glob `patterns` match the specified `string`.
+ *
+ * ```js
+ * const picomatch = require('picomatch');
+ * // picomatch.isMatch(string, patterns[, options]);
+ *
+ * console.log(picomatch.isMatch('a.a', ['b.*', '*.a'])); //=> true
+ * console.log(picomatch.isMatch('a.a', 'b.*')); //=> false
+ * ```
+ * @param {String|Array} str The string to test.
+ * @param {String|Array} patterns One or more glob patterns to use for matching.
+ * @param {Object} [options] See available [options](#options).
+ * @return {Boolean} Returns true if any patterns match `str`
+ * @api public
+ */
+
+picomatch.isMatch = (str, patterns, options) => picomatch(patterns, options)(str);
+
+/**
+ * Parse a glob pattern to create the source string for a regular
+ * expression.
+ *
+ * ```js
+ * const picomatch = require('picomatch');
+ * const result = picomatch.parse(pattern[, options]);
+ * ```
+ * @param {String} `pattern`
+ * @param {Object} `options`
+ * @return {Object} Returns an object with useful properties and output to be used as a regex source string.
+ * @api public
+ */
+
+picomatch.parse = (pattern, options) => {
+  if (Array.isArray(pattern)) return pattern.map(p => picomatch.parse(p, options));
+  return parse(pattern, { ...options, fastpaths: false });
+};
+
+/**
+ * Scan a glob pattern to separate the pattern into segments.
+ *
+ * ```js
+ * const picomatch = require('picomatch');
+ * // picomatch.scan(input[, options]);
+ *
+ * const result = picomatch.scan('!./foo/*.js');
+ * console.log(result);
+ * { prefix: '!./',
+ *   input: '!./foo/*.js',
+ *   start: 3,
+ *   base: 'foo',
+ *   glob: '*.js',
+ *   isBrace: false,
+ *   isBracket: false,
+ *   isGlob: true,
+ *   isExtglob: false,
+ *   isGlobstar: false,
+ *   negated: true }
+ * ```
+ * @param {String} `input` Glob pattern to scan.
+ * @param {Object} `options`
+ * @return {Object} Returns an object with
+ * @api public
+ */
+
+picomatch.scan = (input, options) => scan(input, options);
+
+/**
+ * Compile a regular expression from the `state` object returned by the
+ * [parse()](#parse) method.
+ *
+ * @param {Object} `state`
+ * @param {Object} `options`
+ * @param {Boolean} `returnOutput` Intended for implementors, this argument allows you to return the raw output from the parser.
+ * @param {Boolean} `returnState` Adds the state to a `state` property on the returned regex. Useful for implementors and debugging.
+ * @return {RegExp}
+ * @api public
+ */
+
+picomatch.compileRe = (state, options, returnOutput = false, returnState = false) => {
+  if (returnOutput === true) {
+    return state.output;
+  }
+
+  const opts = options || {};
+  const prepend = opts.contains ? '' : '^';
+  const append = opts.contains ? '' : '$';
+
+  let source = `${prepend}(?:${state.output})${append}`;
+  if (state && state.negated === true) {
+    source = `^(?!${source}).*$`;
+  }
+
+  const regex = picomatch.toRegex(source, options);
+  if (returnState === true) {
+    regex.state = state;
+  }
+
+  return regex;
+};
+
+/**
+ * Create a regular expression from a parsed glob pattern.
+ *
+ * ```js
+ * const picomatch = require('picomatch');
+ * const state = picomatch.parse('*.js');
+ * // picomatch.compileRe(state[, options]);
+ *
+ * console.log(picomatch.compileRe(state));
+ * //=> /^(?:(?!\.)(?=.)[^/]*?\.js)$/
+ * ```
+ * @param {String} `state` The object returned from the `.parse` method.
+ * @param {Object} `options`
+ * @param {Boolean} `returnOutput` Implementors may use this argument to return the compiled output, instead of a regular expression. This is not exposed on the options to prevent end-users from mutating the result.
+ * @param {Boolean} `returnState` Implementors may use this argument to return the state from the parsed glob with the returned regular expression.
+ * @return {RegExp} Returns a regex created from the given pattern.
+ * @api public
+ */
+
+picomatch.makeRe = (input, options = {}, returnOutput = false, returnState = false) => {
+  if (!input || typeof input !== 'string') {
+    throw new TypeError('Expected a non-empty string');
+  }
+
+  let parsed = { negated: false, fastpaths: true };
+
+  if (options.fastpaths !== false && (input[0] === '.' || input[0] === '*')) {
+    parsed.output = parse.fastpaths(input, options);
+  }
+
+  if (!parsed.output) {
+    parsed = parse(input, options);
+  }
+
+  return picomatch.compileRe(parsed, options, returnOutput, returnState);
+};
+
+/**
+ * Create a regular expression from the given regex source string.
+ *
+ * ```js
+ * const picomatch = require('picomatch');
+ * // picomatch.toRegex(source[, options]);
+ *
+ * const { output } = picomatch.parse('*.js');
+ * console.log(picomatch.toRegex(output));
+ * //=> /^(?:(?!\.)(?=.)[^/]*?\.js)$/
+ * ```
+ * @param {String} `source` Regular expression source string.
+ * @param {Object} `options`
+ * @return {RegExp}
+ * @api public
+ */
+
+picomatch.toRegex = (source, options) => {
+  try {
+    const opts = options || {};
+    return new RegExp(source, opts.flags || (opts.nocase ? 'i' : ''));
+  } catch (err) {
+    if (options && options.debug === true) throw err;
+    return /$^/;
+  }
+};
+
+/**
+ * Picomatch constants.
+ * @return {Object}
+ */
+
+picomatch.constants = constants;
+
+/**
+ * Expose "picomatch"
+ */
+
+module.exports = picomatch;
diff --git a/node_modules/picomatch/lib/scan.js b/node_modules/picomatch/lib/scan.js
new file mode 100644
index 0000000..e59cd7a
--- /dev/null
+++ b/node_modules/picomatch/lib/scan.js
@@ -0,0 +1,391 @@
+'use strict';
+
+const utils = require('./utils');
+const {
+  CHAR_ASTERISK,             /* * */
+  CHAR_AT,                   /* @ */
+  CHAR_BACKWARD_SLASH,       /* \ */
+  CHAR_COMMA,                /* , */
+  CHAR_DOT,                  /* . */
+  CHAR_EXCLAMATION_MARK,     /* ! */
+  CHAR_FORWARD_SLASH,        /* / */
+  CHAR_LEFT_CURLY_BRACE,     /* { */
+  CHAR_LEFT_PARENTHESES,     /* ( */
+  CHAR_LEFT_SQUARE_BRACKET,  /* [ */
+  CHAR_PLUS,                 /* + */
+  CHAR_QUESTION_MARK,        /* ? */
+  CHAR_RIGHT_CURLY_BRACE,    /* } */
+  CHAR_RIGHT_PARENTHESES,    /* ) */
+  CHAR_RIGHT_SQUARE_BRACKET  /* ] */
+} = require('./constants');
+
+const isPathSeparator = code => {
+  return code === CHAR_FORWARD_SLASH || code === CHAR_BACKWARD_SLASH;
+};
+
+const depth = token => {
+  if (token.isPrefix !== true) {
+    token.depth = token.isGlobstar ? Infinity : 1;
+  }
+};
+
+/**
+ * Quickly scans a glob pattern and returns an object with a handful of
+ * useful properties, like `isGlob`, `path` (the leading non-glob, if it exists),
+ * `glob` (the actual pattern), `negated` (true if the path starts with `!` but not
+ * with `!(`) and `negatedExtglob` (true if the path starts with `!(`).
+ *
+ * ```js
+ * const pm = require('picomatch');
+ * console.log(pm.scan('foo/bar/*.js'));
+ * { isGlob: true, input: 'foo/bar/*.js', base: 'foo/bar', glob: '*.js' }
+ * ```
+ * @param {String} `str`
+ * @param {Object} `options`
+ * @return {Object} Returns an object with tokens and regex source string.
+ * @api public
+ */
+
+const scan = (input, options) => {
+  const opts = options || {};
+
+  const length = input.length - 1;
+  const scanToEnd = opts.parts === true || opts.scanToEnd === true;
+  const slashes = [];
+  const tokens = [];
+  const parts = [];
+
+  let str = input;
+  let index = -1;
+  let start = 0;
+  let lastIndex = 0;
+  let isBrace = false;
+  let isBracket = false;
+  let isGlob = false;
+  let isExtglob = false;
+  let isGlobstar = false;
+  let braceEscaped = false;
+  let backslashes = false;
+  let negated = false;
+  let negatedExtglob = false;
+  let finished = false;
+  let braces = 0;
+  let prev;
+  let code;
+  let token = { value: '', depth: 0, isGlob: false };
+
+  const eos = () => index >= length;
+  const peek = () => str.charCodeAt(index + 1);
+  const advance = () => {
+    prev = code;
+    return str.charCodeAt(++index);
+  };
+
+  while (index < length) {
+    code = advance();
+    let next;
+
+    if (code === CHAR_BACKWARD_SLASH) {
+      backslashes = token.backslashes = true;
+      code = advance();
+
+      if (code === CHAR_LEFT_CURLY_BRACE) {
+        braceEscaped = true;
+      }
+      continue;
+    }
+
+    if (braceEscaped === true || code === CHAR_LEFT_CURLY_BRACE) {
+      braces++;
+
+      while (eos() !== true && (code = advance())) {
+        if (code === CHAR_BACKWARD_SLASH) {
+          backslashes = token.backslashes = true;
+          advance();
+          continue;
+        }
+
+        if (code === CHAR_LEFT_CURLY_BRACE) {
+          braces++;
+          continue;
+        }
+
+        if (braceEscaped !== true && code === CHAR_DOT && (code = advance()) === CHAR_DOT) {
+          isBrace = token.isBrace = true;
+          isGlob = token.isGlob = true;
+          finished = true;
+
+          if (scanToEnd === true) {
+            continue;
+          }
+
+          break;
+        }
+
+        if (braceEscaped !== true && code === CHAR_COMMA) {
+          isBrace = token.isBrace = true;
+          isGlob = token.isGlob = true;
+          finished = true;
+
+          if (scanToEnd === true) {
+            continue;
+          }
+
+          break;
+        }
+
+        if (code === CHAR_RIGHT_CURLY_BRACE) {
+          braces--;
+
+          if (braces === 0) {
+            braceEscaped = false;
+            isBrace = token.isBrace = true;
+            finished = true;
+            break;
+          }
+        }
+      }
+
+      if (scanToEnd === true) {
+        continue;
+      }
+
+      break;
+    }
+
+    if (code === CHAR_FORWARD_SLASH) {
+      slashes.push(index);
+      tokens.push(token);
+      token = { value: '', depth: 0, isGlob: false };
+
+      if (finished === true) continue;
+      if (prev === CHAR_DOT && index === (start + 1)) {
+        start += 2;
+        continue;
+      }
+
+      lastIndex = index + 1;
+      continue;
+    }
+
+    if (opts.noext !== true) {
+      const isExtglobChar = code === CHAR_PLUS
+        || code === CHAR_AT
+        || code === CHAR_ASTERISK
+        || code === CHAR_QUESTION_MARK
+        || code === CHAR_EXCLAMATION_MARK;
+
+      if (isExtglobChar === true && peek() === CHAR_LEFT_PARENTHESES) {
+        isGlob = token.isGlob = true;
+        isExtglob = token.isExtglob = true;
+        finished = true;
+        if (code === CHAR_EXCLAMATION_MARK && index === start) {
+          negatedExtglob = true;
+        }
+
+        if (scanToEnd === true) {
+          while (eos() !== true && (code = advance())) {
+            if (code === CHAR_BACKWARD_SLASH) {
+              backslashes = token.backslashes = true;
+              code = advance();
+              continue;
+            }
+
+            if (code === CHAR_RIGHT_PARENTHESES) {
+              isGlob = token.isGlob = true;
+              finished = true;
+              break;
+            }
+          }
+          continue;
+        }
+        break;
+      }
+    }
+
+    if (code === CHAR_ASTERISK) {
+      if (prev === CHAR_ASTERISK) isGlobstar = token.isGlobstar = true;
+      isGlob = token.isGlob = true;
+      finished = true;
+
+      if (scanToEnd === true) {
+        continue;
+      }
+      break;
+    }
+
+    if (code === CHAR_QUESTION_MARK) {
+      isGlob = token.isGlob = true;
+      finished = true;
+
+      if (scanToEnd === true) {
+        continue;
+      }
+      break;
+    }
+
+    if (code === CHAR_LEFT_SQUARE_BRACKET) {
+      while (eos() !== true && (next = advance())) {
+        if (next === CHAR_BACKWARD_SLASH) {
+          backslashes = token.backslashes = true;
+          advance();
+          continue;
+        }
+
+        if (next === CHAR_RIGHT_SQUARE_BRACKET) {
+          isBracket = token.isBracket = true;
+          isGlob = token.isGlob = true;
+          finished = true;
+          break;
+        }
+      }
+
+      if (scanToEnd === true) {
+        continue;
+      }
+
+      break;
+    }
+
+    if (opts.nonegate !== true && code === CHAR_EXCLAMATION_MARK && index === start) {
+      negated = token.negated = true;
+      start++;
+      continue;
+    }
+
+    if (opts.noparen !== true && code === CHAR_LEFT_PARENTHESES) {
+      isGlob = token.isGlob = true;
+
+      if (scanToEnd === true) {
+        while (eos() !== true && (code = advance())) {
+          if (code === CHAR_LEFT_PARENTHESES) {
+            backslashes = token.backslashes = true;
+            code = advance();
+            continue;
+          }
+
+          if (code === CHAR_RIGHT_PARENTHESES) {
+            finished = true;
+            break;
+          }
+        }
+        continue;
+      }
+      break;
+    }
+
+    if (isGlob === true) {
+      finished = true;
+
+      if (scanToEnd === true) {
+        continue;
+      }
+
+      break;
+    }
+  }
+
+  if (opts.noext === true) {
+    isExtglob = false;
+    isGlob = false;
+  }
+
+  let base = str;
+  let prefix = '';
+  let glob = '';
+
+  if (start > 0) {
+    prefix = str.slice(0, start);
+    str = str.slice(start);
+    lastIndex -= start;
+  }
+
+  if (base && isGlob === true && lastIndex > 0) {
+    base = str.slice(0, lastIndex);
+    glob = str.slice(lastIndex);
+  } else if (isGlob === true) {
+    base = '';
+    glob = str;
+  } else {
+    base = str;
+  }
+
+  if (base && base !== '' && base !== '/' && base !== str) {
+    if (isPathSeparator(base.charCodeAt(base.length - 1))) {
+      base = base.slice(0, -1);
+    }
+  }
+
+  if (opts.unescape === true) {
+    if (glob) glob = utils.removeBackslashes(glob);
+
+    if (base && backslashes === true) {
+      base = utils.removeBackslashes(base);
+    }
+  }
+
+  const state = {
+    prefix,
+    input,
+    start,
+    base,
+    glob,
+    isBrace,
+    isBracket,
+    isGlob,
+    isExtglob,
+    isGlobstar,
+    negated,
+    negatedExtglob
+  };
+
+  if (opts.tokens === true) {
+    state.maxDepth = 0;
+    if (!isPathSeparator(code)) {
+      tokens.push(token);
+    }
+    state.tokens = tokens;
+  }
+
+  if (opts.parts === true || opts.tokens === true) {
+    let prevIndex;
+
+    for (let idx = 0; idx < slashes.length; idx++) {
+      const n = prevIndex ? prevIndex + 1 : start;
+      const i = slashes[idx];
+      const value = input.slice(n, i);
+      if (opts.tokens) {
+        if (idx === 0 && start !== 0) {
+          tokens[idx].isPrefix = true;
+          tokens[idx].value = prefix;
+        } else {
+          tokens[idx].value = value;
+        }
+        depth(tokens[idx]);
+        state.maxDepth += tokens[idx].depth;
+      }
+      if (idx !== 0 || value !== '') {
+        parts.push(value);
+      }
+      prevIndex = i;
+    }
+
+    if (prevIndex && prevIndex + 1 < input.length) {
+      const value = input.slice(prevIndex + 1);
+      parts.push(value);
+
+      if (opts.tokens) {
+        tokens[tokens.length - 1].value = value;
+        depth(tokens[tokens.length - 1]);
+        state.maxDepth += tokens[tokens.length - 1].depth;
+      }
+    }
+
+    state.slashes = slashes;
+    state.parts = parts;
+  }
+
+  return state;
+};
+
+module.exports = scan;
diff --git a/node_modules/picomatch/lib/utils.js b/node_modules/picomatch/lib/utils.js
new file mode 100644
index 0000000..c3ca766
--- /dev/null
+++ b/node_modules/picomatch/lib/utils.js
@@ -0,0 +1,64 @@
+'use strict';
+
+const path = require('path');
+const win32 = process.platform === 'win32';
+const {
+  REGEX_BACKSLASH,
+  REGEX_REMOVE_BACKSLASH,
+  REGEX_SPECIAL_CHARS,
+  REGEX_SPECIAL_CHARS_GLOBAL
+} = require('./constants');
+
+exports.isObject = val => val !== null && typeof val === 'object' && !Array.isArray(val);
+exports.hasRegexChars = str => REGEX_SPECIAL_CHARS.test(str);
+exports.isRegexChar = str => str.length === 1 && exports.hasRegexChars(str);
+exports.escapeRegex = str => str.replace(REGEX_SPECIAL_CHARS_GLOBAL, '\\$1');
+exports.toPosixSlashes = str => str.replace(REGEX_BACKSLASH, '/');
+
+exports.removeBackslashes = str => {
+  return str.replace(REGEX_REMOVE_BACKSLASH, match => {
+    return match === '\\' ? '' : match;
+  });
+};
+
+exports.supportsLookbehinds = () => {
+  const segs = process.version.slice(1).split('.').map(Number);
+  if (segs.length === 3 && segs[0] >= 9 || (segs[0] === 8 && segs[1] >= 10)) {
+    return true;
+  }
+  return false;
+};
+
+exports.isWindows = options => {
+  if (options && typeof options.windows === 'boolean') {
+    return options.windows;
+  }
+  return win32 === true || path.sep === '\\';
+};
+
+exports.escapeLast = (input, char, lastIdx) => {
+  const idx = input.lastIndexOf(char, lastIdx);
+  if (idx === -1) return input;
+  if (input[idx - 1] === '\\') return exports.escapeLast(input, char, idx - 1);
+  return `${input.slice(0, idx)}\\${input.slice(idx)}`;
+};
+
+exports.removePrefix = (input, state = {}) => {
+  let output = input;
+  if (output.startsWith('./')) {
+    output = output.slice(2);
+    state.prefix = './';
+  }
+  return output;
+};
+
+exports.wrapOutput = (input, state = {}, options = {}) => {
+  const prepend = options.contains ? '' : '^';
+  const append = options.contains ? '' : '$';
+
+  let output = `${prepend}(?:${input})${append}`;
+  if (state.negated === true) {
+    output = `(?:^(?!${output}).*$)`;
+  }
+  return output;
+};
diff --git a/node_modules/picomatch/package.json b/node_modules/picomatch/package.json
new file mode 100644
index 0000000..3db22d4
--- /dev/null
+++ b/node_modules/picomatch/package.json
@@ -0,0 +1,81 @@
+{
+  "name": "picomatch",
+  "description": "Blazing fast and accurate glob matcher written in JavaScript, with no dependencies and full support for standard and extended Bash glob features, including braces, extglobs, POSIX brackets, and regular expressions.",
+  "version": "2.3.1",
+  "homepage": "https://github.com/micromatch/picomatch",
+  "author": "Jon Schlinkert (https://github.com/jonschlinkert)",
+  "funding": "https://github.com/sponsors/jonschlinkert",
+  "repository": "micromatch/picomatch",
+  "bugs": {
+    "url": "https://github.com/micromatch/picomatch/issues"
+  },
+  "license": "MIT",
+  "files": [
+    "index.js",
+    "lib"
+  ],
+  "main": "index.js",
+  "engines": {
+    "node": ">=8.6"
+  },
+  "scripts": {
+    "lint": "eslint --cache --cache-location node_modules/.cache/.eslintcache --report-unused-disable-directives --ignore-path .gitignore .",
+    "mocha": "mocha --reporter dot",
+    "test": "npm run lint && npm run mocha",
+    "test:ci": "npm run test:cover",
+    "test:cover": "nyc npm run mocha"
+  },
+  "devDependencies": {
+    "eslint": "^6.8.0",
+    "fill-range": "^7.0.1",
+    "gulp-format-md": "^2.0.0",
+    "mocha": "^6.2.2",
+    "nyc": "^15.0.0",
+    "time-require": "github:jonschlinkert/time-require"
+  },
+  "keywords": [
+    "glob",
+    "match",
+    "picomatch"
+  ],
+  "nyc": {
+    "reporter": [
+      "html",
+      "lcov",
+      "text-summary"
+    ]
+  },
+  "verb": {
+    "toc": {
+      "render": true,
+      "method": "preWrite",
+      "maxdepth": 3
+    },
+    "layout": "empty",
+    "tasks": [
+      "readme"
+    ],
+    "plugins": [
+      "gulp-format-md"
+    ],
+    "lint": {
+      "reflinks": true
+    },
+    "related": {
+      "list": [
+        "braces",
+        "micromatch"
+      ]
+    },
+    "reflinks": [
+      "braces",
+      "expand-brackets",
+      "extglob",
+      "fill-range",
+      "micromatch",
+      "minimatch",
+      "nanomatch",
+      "picomatch"
+    ]
+  }
+}
diff --git a/node_modules/readdirp/LICENSE b/node_modules/readdirp/LICENSE
new file mode 100644
index 0000000..037cbb4
--- /dev/null
+++ b/node_modules/readdirp/LICENSE
@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2012-2019 Thorsten Lorenz, Paul Miller (https://paulmillr.com)
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
diff --git a/node_modules/readdirp/README.md b/node_modules/readdirp/README.md
new file mode 100644
index 0000000..df8d32d
--- /dev/null
+++ b/node_modules/readdirp/README.md
@@ -0,0 +1,120 @@
+# readdirp [![Weekly downloads](https://img.shields.io/npm/dw/readdirp.svg)](https://github.com/paulmillr/readdirp)
+
+Recursive version of fs.readdir. Exposes a **stream API** (with small RAM & CPU footprint) and a **promise API**.
+
+```sh
+npm install readdirp
+jsr add jsr:@paulmillr/readdirp
+```
+
+```javascript
+// Use streams to achieve small RAM & CPU footprint.
+// 1) Streams example with for-await.
+import readdirp from 'readdirp';
+for await (const entry of readdirp('.')) {
+  const {path} = entry;
+  console.log(`${JSON.stringify({path})}`);
+}
+
+// 2) Streams example, non for-await.
+// Print out all JS files along with their size within the current folder & subfolders.
+import readdirp from 'readdirp';
+readdirp('.', {alwaysStat: true, fileFilter: (f) => f.basename.endsWith('.js')})
+  .on('data', (entry) => {
+    const {path, stats: {size}} = entry;
+    console.log(`${JSON.stringify({path, size})}`);
+  })
+  // Optionally call stream.destroy() in `warn()` in order to abort and cause 'close' to be emitted
+  .on('warn', error => console.error('non-fatal error', error))
+  .on('error', error => console.error('fatal error', error))
+  .on('end', () => console.log('done'));
+
+// 3) Promise example. More RAM and CPU than streams / for-await.
+import { readdirpPromise } from 'readdirp';
+const files = await readdirpPromise('.');
+console.log(files.map(file => file.path));
+
+// Other options.
+import readdirp from 'readdirp';
+readdirp('test', {
+  fileFilter: (f) => f.basename.endsWith('.js'),
+  directoryFilter: (d) => d.basename !== '.git',
+  // directoryFilter: (di) => di.basename.length === 9
+  type: 'files_directories',
+  depth: 1
+});
+```
+
+## API
+
+`const stream = readdirp(root[, options])` — **Stream API**
+
+- Reads given root recursively and returns a `stream` of [entry infos](#entryinfo)
+- Optionally can be used like `for await (const entry of stream)` with node.js 10+ (`asyncIterator`).
+- `on('data', (entry) => {})` [entry info](#entryinfo) for every file / dir.
+- `on('warn', (error) => {})` non-fatal `Error` that prevents a file / dir from being processed. Example: inaccessible to the user.
+- `on('error', (error) => {})` fatal `Error` which also ends the stream. Example: illegal options where passed.
+- `on('end')` — we are done. Called when all entries were found and no more will be emitted.
+- `on('close')` — stream is destroyed via `stream.destroy()`.
+  Could be useful if you want to manually abort even on a non fatal error.
+  At that point the stream is no longer `readable` and no more entries, warning or errors are emitted
+- To learn more about streams, consult the very detailed [nodejs streams documentation](https://nodejs.org/api/stream.html)
+  or the [stream-handbook](https://github.com/substack/stream-handbook)
+
+`const entries = await readdirp.promise(root[, options])` — **Promise API**. Returns a list of [entry infos](#entryinfo).
+
+First argument is awalys `root`, path in which to start reading and recursing into subdirectories.
+
+### options
+
+- `fileFilter`: filter to include or exclude files
+    - **Function**: a function that takes an entry info as a parameter and returns true to include or false to exclude the entry
+- `directoryFilter`: filter to include/exclude directories found and to recurse into. Directories that do not pass a filter will not be recursed into.
+- `depth: 5`: depth at which to stop recursing even if more subdirectories are found
+- `type: 'files'`: determines if data events on the stream should be emitted for `'files'` (default), `'directories'`, `'files_directories'`, or `'all'`. Setting to `'all'` will also include entries for other types of file descriptors like character devices, unix sockets and named pipes.
+- `alwaysStat: false`: always return `stats` property for every file. Default is `false`, readdirp will return `Dirent` entries. Setting it to `true` can double readdir execution time - use it only when you need file `size`, `mtime` etc. Cannot be enabled on node <10.10.0.
+- `lstat: false`: include symlink entries in the stream along with files. When `true`, `fs.lstat` would be used instead of `fs.stat`
+
+### `EntryInfo`
+
+Has the following properties:
+
+- `path: 'assets/javascripts/react.js'`: path to the file/directory (relative to given root)
+- `fullPath: '/Users/dev/projects/app/assets/javascripts/react.js'`: full path to the file/directory found
+- `basename: 'react.js'`: name of the file/directory
+- `dirent: fs.Dirent`: built-in [dir entry object](https://nodejs.org/api/fs.html#fs_class_fs_dirent) - only with `alwaysStat: false`
+- `stats: fs.Stats`: built in [stat object](https://nodejs.org/api/fs.html#fs_class_fs_stats) - only with `alwaysStat: true`
+
+## Changelog
+
+- 4.0 (Aug 25, 2024) rewritten in typescript, producing hybrid common.js / esm module.
+    - Remove glob support and all dependencies
+    - Make sure you're using `let {readdirp} = require('readdirp')` in common.js
+- 3.5 (Oct 13, 2020) disallows recursive directory-based symlinks.
+  Before, it could have entered infinite loop.
+- 3.4 (Mar 19, 2020) adds support for directory-based symlinks.
+- 3.3 (Dec 6, 2019) stabilizes RAM consumption and enables perf management with `highWaterMark` option. Fixes race conditions related to `for-await` looping.
+- 3.2 (Oct 14, 2019) improves performance by 250% and makes streams implementation more idiomatic.
+- 3.1 (Jul 7, 2019) brings `bigint` support to `stat` output on Windows. This is backwards-incompatible for some cases. Be careful. It you use it incorrectly, you'll see "TypeError: Cannot mix BigInt and other types, use explicit conversions".
+- 3.0 brings huge performance improvements and stream backpressure support.
+- Upgrading 2.x to 3.x:
+    - Signature changed from `readdirp(options)` to `readdirp(root, options)`
+    - Replaced callback API with promise API.
+    - Renamed `entryType` option to `type`
+    - Renamed `entryType: 'both'` to `'files_directories'`
+    - `EntryInfo`
+        - Renamed `stat` to `stats`
+            - Emitted only when `alwaysStat: true`
+            - `dirent` is emitted instead of `stats` by default with `alwaysStat: false`
+        - Renamed `name` to `basename`
+        - Removed `parentDir` and `fullParentDir` properties
+- Supported node.js versions:
+    - 4.x: node 14+
+    - 3.x: node 8+
+    - 2.x: node 0.6+
+
+## License
+
+Copyright (c) 2012-2019 Thorsten Lorenz, Paul Miller (<https://paulmillr.com>)
+
+MIT License, see [LICENSE](LICENSE) file.
diff --git a/node_modules/readdirp/esm/index.d.ts b/node_modules/readdirp/esm/index.d.ts
new file mode 100644
index 0000000..df93940
--- /dev/null
+++ b/node_modules/readdirp/esm/index.d.ts
@@ -0,0 +1,108 @@
+/**
+ * Recursive version of readdir. Exposes a streaming API and promise API.
+ * Streaming API allows to use a small amount of RAM.
+ *
+ * @module
+ * @example
+```js
+import readdirp from 'readdirp';
+for await (const entry of readdirp('.')) {
+  const {path} = entry;
+  console.log(`${JSON.stringify({path})}`);
+}
+```
+ */
+/*! readdirp - MIT License (c) 2012-2019 Thorsten Lorenz, Paul Miller (https://paulmillr.com) */
+import type { Stats, Dirent } from 'node:fs';
+import { Readable } from 'node:stream';
+/** Path in file system. */
+export type Path = string;
+/** Emitted entry. Contains relative & absolute path, basename, and either stats or dirent. */
+export interface EntryInfo {
+    path: string;
+    fullPath: string;
+    stats?: Stats;
+    dirent?: Dirent;
+    basename: string;
+}
+/** Path or dir entries (files) */
+export type PathOrDirent = Dirent | Path;
+/** Filterer for files */
+export type Tester = (entryInfo: EntryInfo) => boolean;
+export type Predicate = string[] | string | Tester;
+export declare const EntryTypes: {
+    readonly FILE_TYPE: "files";
+    readonly DIR_TYPE: "directories";
+    readonly FILE_DIR_TYPE: "files_directories";
+    readonly EVERYTHING_TYPE: "all";
+};
+export type EntryType = (typeof EntryTypes)[keyof typeof EntryTypes];
+/**
+ * Options for readdirp.
+ * * type: files, directories, or both
+ * * lstat: whether to use symlink-friendly stat
+ * * depth: max depth
+ * * alwaysStat: whether to use stat (more resources) or dirent
+ * * highWaterMark: streaming param, specifies max amount of resources per entry
+ */
+export type ReaddirpOptions = {
+    root: string;
+    fileFilter?: Predicate;
+    directoryFilter?: Predicate;
+    type?: EntryType;
+    lstat?: boolean;
+    depth?: number;
+    alwaysStat?: boolean;
+    highWaterMark?: number;
+};
+/** Directory entry. Contains path, depth count, and files. */
+export interface DirEntry {
+    files: PathOrDirent[];
+    depth: number;
+    path: Path;
+}
+/** Readable readdir stream, emitting new files as they're being listed. */
+export declare class ReaddirpStream extends Readable {
+    parents: any[];
+    reading: boolean;
+    parent?: DirEntry;
+    _stat: Function;
+    _maxDepth: number;
+    _wantsDir: boolean;
+    _wantsFile: boolean;
+    _wantsEverything: boolean;
+    _root: Path;
+    _isDirent: boolean;
+    _statsProp: 'dirent' | 'stats';
+    _rdOptions: {
+        encoding: 'utf8';
+        withFileTypes: boolean;
+    };
+    _fileFilter: Tester;
+    _directoryFilter: Tester;
+    constructor(options?: Partial<ReaddirpOptions>);
+    _read(batch: number): Promise<void>;
+    _exploreDir(path: Path, depth: number): Promise<{
+        files: string[] | undefined;
+        depth: number;
+        path: string;
+    }>;
+    _formatEntry(dirent: PathOrDirent, path: Path): Promise<EntryInfo | undefined>;
+    _onError(err: Error): void;
+    _getEntryType(entry: EntryInfo): Promise<void | '' | 'file' | 'directory'>;
+    _includeAsFile(entry: EntryInfo): boolean | undefined;
+}
+/**
+ * Streaming version: Reads all files and directories in given root recursively.
+ * Consumes ~constant small amount of RAM.
+ * @param root Root directory
+ * @param options Options to specify root (start directory), filters and recursion depth
+ */
+export declare function readdirp(root: Path, options?: Partial<ReaddirpOptions>): ReaddirpStream;
+/**
+ * Promise version: Reads all files and directories in given root recursively.
+ * Compared to streaming version, will consume a lot of RAM e.g. when 1 million files are listed.
+ * @returns array of paths and their entry infos
+ */
+export declare function readdirpPromise(root: Path, options?: Partial<ReaddirpOptions>): Promise<EntryInfo[]>;
+export default readdirp;
diff --git a/node_modules/readdirp/esm/index.js b/node_modules/readdirp/esm/index.js
new file mode 100644
index 0000000..ae8ca78
--- /dev/null
+++ b/node_modules/readdirp/esm/index.js
@@ -0,0 +1,257 @@
+import { stat, lstat, readdir, realpath } from 'node:fs/promises';
+import { Readable } from 'node:stream';
+import { resolve as presolve, relative as prelative, join as pjoin, sep as psep } from 'node:path';
+export const EntryTypes = {
+    FILE_TYPE: 'files',
+    DIR_TYPE: 'directories',
+    FILE_DIR_TYPE: 'files_directories',
+    EVERYTHING_TYPE: 'all',
+};
+const defaultOptions = {
+    root: '.',
+    fileFilter: (_entryInfo) => true,
+    directoryFilter: (_entryInfo) => true,
+    type: EntryTypes.FILE_TYPE,
+    lstat: false,
+    depth: 2147483648,
+    alwaysStat: false,
+    highWaterMark: 4096,
+};
+Object.freeze(defaultOptions);
+const RECURSIVE_ERROR_CODE = 'READDIRP_RECURSIVE_ERROR';
+const NORMAL_FLOW_ERRORS = new Set(['ENOENT', 'EPERM', 'EACCES', 'ELOOP', RECURSIVE_ERROR_CODE]);
+const ALL_TYPES = [
+    EntryTypes.DIR_TYPE,
+    EntryTypes.EVERYTHING_TYPE,
+    EntryTypes.FILE_DIR_TYPE,
+    EntryTypes.FILE_TYPE,
+];
+const DIR_TYPES = new Set([
+    EntryTypes.DIR_TYPE,
+    EntryTypes.EVERYTHING_TYPE,
+    EntryTypes.FILE_DIR_TYPE,
+]);
+const FILE_TYPES = new Set([
+    EntryTypes.EVERYTHING_TYPE,
+    EntryTypes.FILE_DIR_TYPE,
+    EntryTypes.FILE_TYPE,
+]);
+const isNormalFlowError = (error) => NORMAL_FLOW_ERRORS.has(error.code);
+const wantBigintFsStats = process.platform === 'win32';
+const emptyFn = (_entryInfo) => true;
+const normalizeFilter = (filter) => {
+    if (filter === undefined)
+        return emptyFn;
+    if (typeof filter === 'function')
+        return filter;
+    if (typeof filter === 'string') {
+        const fl = filter.trim();
+        return (entry) => entry.basename === fl;
+    }
+    if (Array.isArray(filter)) {
+        const trItems = filter.map((item) => item.trim());
+        return (entry) => trItems.some((f) => entry.basename === f);
+    }
+    return emptyFn;
+};
+/** Readable readdir stream, emitting new files as they're being listed. */
+export class ReaddirpStream extends Readable {
+    constructor(options = {}) {
+        super({
+            objectMode: true,
+            autoDestroy: true,
+            highWaterMark: options.highWaterMark,
+        });
+        const opts = { ...defaultOptions, ...options };
+        const { root, type } = opts;
+        this._fileFilter = normalizeFilter(opts.fileFilter);
+        this._directoryFilter = normalizeFilter(opts.directoryFilter);
+        const statMethod = opts.lstat ? lstat : stat;
+        // Use bigint stats if it's windows and stat() supports options (node 10+).
+        if (wantBigintFsStats) {
+            this._stat = (path) => statMethod(path, { bigint: true });
+        }
+        else {
+            this._stat = statMethod;
+        }
+        this._maxDepth = opts.depth ?? defaultOptions.depth;
+        this._wantsDir = type ? DIR_TYPES.has(type) : false;
+        this._wantsFile = type ? FILE_TYPES.has(type) : false;
+        this._wantsEverything = type === EntryTypes.EVERYTHING_TYPE;
+        this._root = presolve(root);
+        this._isDirent = !opts.alwaysStat;
+        this._statsProp = this._isDirent ? 'dirent' : 'stats';
+        this._rdOptions = { encoding: 'utf8', withFileTypes: this._isDirent };
+        // Launch stream with one parent, the root dir.
+        this.parents = [this._exploreDir(root, 1)];
+        this.reading = false;
+        this.parent = undefined;
+    }
+    async _read(batch) {
+        if (this.reading)
+            return;
+        this.reading = true;
+        try {
+            while (!this.destroyed && batch > 0) {
+                const par = this.parent;
+                const fil = par && par.files;
+                if (fil && fil.length > 0) {
+                    const { path, depth } = par;
+                    const slice = fil.splice(0, batch).map((dirent) => this._formatEntry(dirent, path));
+                    const awaited = await Promise.all(slice);
+                    for (const entry of awaited) {
+                        if (!entry)
+                            continue;
+                        if (this.destroyed)
+                            return;
+                        const entryType = await this._getEntryType(entry);
+                        if (entryType === 'directory' && this._directoryFilter(entry)) {
+                            if (depth <= this._maxDepth) {
+                                this.parents.push(this._exploreDir(entry.fullPath, depth + 1));
+                            }
+                            if (this._wantsDir) {
+                                this.push(entry);
+                                batch--;
+                            }
+                        }
+                        else if ((entryType === 'file' || this._includeAsFile(entry)) &&
+                            this._fileFilter(entry)) {
+                            if (this._wantsFile) {
+                                this.push(entry);
+                                batch--;
+                            }
+                        }
+                    }
+                }
+                else {
+                    const parent = this.parents.pop();
+                    if (!parent) {
+                        this.push(null);
+                        break;
+                    }
+                    this.parent = await parent;
+                    if (this.destroyed)
+                        return;
+                }
+            }
+        }
+        catch (error) {
+            this.destroy(error);
+        }
+        finally {
+            this.reading = false;
+        }
+    }
+    async _exploreDir(path, depth) {
+        let files;
+        try {
+            files = await readdir(path, this._rdOptions);
+        }
+        catch (error) {
+            this._onError(error);
+        }
+        return { files, depth, path };
+    }
+    async _formatEntry(dirent, path) {
+        let entry;
+        const basename = this._isDirent ? dirent.name : dirent;
+        try {
+            const fullPath = presolve(pjoin(path, basename));
+            entry = { path: prelative(this._root, fullPath), fullPath, basename };
+            entry[this._statsProp] = this._isDirent ? dirent : await this._stat(fullPath);
+        }
+        catch (err) {
+            this._onError(err);
+            return;
+        }
+        return entry;
+    }
+    _onError(err) {
+        if (isNormalFlowError(err) && !this.destroyed) {
+            this.emit('warn', err);
+        }
+        else {
+            this.destroy(err);
+        }
+    }
+    async _getEntryType(entry) {
+        // entry may be undefined, because a warning or an error were emitted
+        // and the statsProp is undefined
+        if (!entry && this._statsProp in entry) {
+            return '';
+        }
+        const stats = entry[this._statsProp];
+        if (stats.isFile())
+            return 'file';
+        if (stats.isDirectory())
+            return 'directory';
+        if (stats && stats.isSymbolicLink()) {
+            const full = entry.fullPath;
+            try {
+                const entryRealPath = await realpath(full);
+                const entryRealPathStats = await lstat(entryRealPath);
+                if (entryRealPathStats.isFile()) {
+                    return 'file';
+                }
+                if (entryRealPathStats.isDirectory()) {
+                    const len = entryRealPath.length;
+                    if (full.startsWith(entryRealPath) && full.substr(len, 1) === psep) {
+                        const recursiveError = new Error(`Circular symlink detected: "${full}" points to "${entryRealPath}"`);
+                        // @ts-ignore
+                        recursiveError.code = RECURSIVE_ERROR_CODE;
+                        return this._onError(recursiveError);
+                    }
+                    return 'directory';
+                }
+            }
+            catch (error) {
+                this._onError(error);
+                return '';
+            }
+        }
+    }
+    _includeAsFile(entry) {
+        const stats = entry && entry[this._statsProp];
+        return stats && this._wantsEverything && !stats.isDirectory();
+    }
+}
+/**
+ * Streaming version: Reads all files and directories in given root recursively.
+ * Consumes ~constant small amount of RAM.
+ * @param root Root directory
+ * @param options Options to specify root (start directory), filters and recursion depth
+ */
+export function readdirp(root, options = {}) {
+    // @ts-ignore
+    let type = options.entryType || options.type;
+    if (type === 'both')
+        type = EntryTypes.FILE_DIR_TYPE; // backwards-compatibility
+    if (type)
+        options.type = type;
+    if (!root) {
+        throw new Error('readdirp: root argument is required. Usage: readdirp(root, options)');
+    }
+    else if (typeof root !== 'string') {
+        throw new TypeError('readdirp: root argument must be a string. Usage: readdirp(root, options)');
+    }
+    else if (type && !ALL_TYPES.includes(type)) {
+        throw new Error(`readdirp: Invalid type passed. Use one of ${ALL_TYPES.join(', ')}`);
+    }
+    options.root = root;
+    return new ReaddirpStream(options);
+}
+/**
+ * Promise version: Reads all files and directories in given root recursively.
+ * Compared to streaming version, will consume a lot of RAM e.g. when 1 million files are listed.
+ * @returns array of paths and their entry infos
+ */
+export function readdirpPromise(root, options = {}) {
+    return new Promise((resolve, reject) => {
+        const files = [];
+        readdirp(root, options)
+            .on('data', (entry) => files.push(entry))
+            .on('end', () => resolve(files))
+            .on('error', (error) => reject(error));
+    });
+}
+export default readdirp;
diff --git a/node_modules/readdirp/esm/package.json b/node_modules/readdirp/esm/package.json
new file mode 100644
index 0000000..8769641
--- /dev/null
+++ b/node_modules/readdirp/esm/package.json
@@ -0,0 +1 @@
+{ "type": "module", "sideEffects": false }
diff --git a/node_modules/readdirp/index.d.ts b/node_modules/readdirp/index.d.ts
new file mode 100644
index 0000000..df93940
--- /dev/null
+++ b/node_modules/readdirp/index.d.ts
@@ -0,0 +1,108 @@
+/**
+ * Recursive version of readdir. Exposes a streaming API and promise API.
+ * Streaming API allows to use a small amount of RAM.
+ *
+ * @module
+ * @example
+```js
+import readdirp from 'readdirp';
+for await (const entry of readdirp('.')) {
+  const {path} = entry;
+  console.log(`${JSON.stringify({path})}`);
+}
+```
+ */
+/*! readdirp - MIT License (c) 2012-2019 Thorsten Lorenz, Paul Miller (https://paulmillr.com) */
+import type { Stats, Dirent } from 'node:fs';
+import { Readable } from 'node:stream';
+/** Path in file system. */
+export type Path = string;
+/** Emitted entry. Contains relative & absolute path, basename, and either stats or dirent. */
+export interface EntryInfo {
+    path: string;
+    fullPath: string;
+    stats?: Stats;
+    dirent?: Dirent;
+    basename: string;
+}
+/** Path or dir entries (files) */
+export type PathOrDirent = Dirent | Path;
+/** Filterer for files */
+export type Tester = (entryInfo: EntryInfo) => boolean;
+export type Predicate = string[] | string | Tester;
+export declare const EntryTypes: {
+    readonly FILE_TYPE: "files";
+    readonly DIR_TYPE: "directories";
+    readonly FILE_DIR_TYPE: "files_directories";
+    readonly EVERYTHING_TYPE: "all";
+};
+export type EntryType = (typeof EntryTypes)[keyof typeof EntryTypes];
+/**
+ * Options for readdirp.
+ * * type: files, directories, or both
+ * * lstat: whether to use symlink-friendly stat
+ * * depth: max depth
+ * * alwaysStat: whether to use stat (more resources) or dirent
+ * * highWaterMark: streaming param, specifies max amount of resources per entry
+ */
+export type ReaddirpOptions = {
+    root: string;
+    fileFilter?: Predicate;
+    directoryFilter?: Predicate;
+    type?: EntryType;
+    lstat?: boolean;
+    depth?: number;
+    alwaysStat?: boolean;
+    highWaterMark?: number;
+};
+/** Directory entry. Contains path, depth count, and files. */
+export interface DirEntry {
+    files: PathOrDirent[];
+    depth: number;
+    path: Path;
+}
+/** Readable readdir stream, emitting new files as they're being listed. */
+export declare class ReaddirpStream extends Readable {
+    parents: any[];
+    reading: boolean;
+    parent?: DirEntry;
+    _stat: Function;
+    _maxDepth: number;
+    _wantsDir: boolean;
+    _wantsFile: boolean;
+    _wantsEverything: boolean;
+    _root: Path;
+    _isDirent: boolean;
+    _statsProp: 'dirent' | 'stats';
+    _rdOptions: {
+        encoding: 'utf8';
+        withFileTypes: boolean;
+    };
+    _fileFilter: Tester;
+    _directoryFilter: Tester;
+    constructor(options?: Partial<ReaddirpOptions>);
+    _read(batch: number): Promise<void>;
+    _exploreDir(path: Path, depth: number): Promise<{
+        files: string[] | undefined;
+        depth: number;
+        path: string;
+    }>;
+    _formatEntry(dirent: PathOrDirent, path: Path): Promise<EntryInfo | undefined>;
+    _onError(err: Error): void;
+    _getEntryType(entry: EntryInfo): Promise<void | '' | 'file' | 'directory'>;
+    _includeAsFile(entry: EntryInfo): boolean | undefined;
+}
+/**
+ * Streaming version: Reads all files and directories in given root recursively.
+ * Consumes ~constant small amount of RAM.
+ * @param root Root directory
+ * @param options Options to specify root (start directory), filters and recursion depth
+ */
+export declare function readdirp(root: Path, options?: Partial<ReaddirpOptions>): ReaddirpStream;
+/**
+ * Promise version: Reads all files and directories in given root recursively.
+ * Compared to streaming version, will consume a lot of RAM e.g. when 1 million files are listed.
+ * @returns array of paths and their entry infos
+ */
+export declare function readdirpPromise(root: Path, options?: Partial<ReaddirpOptions>): Promise<EntryInfo[]>;
+export default readdirp;
diff --git a/node_modules/readdirp/index.js b/node_modules/readdirp/index.js
new file mode 100644
index 0000000..0e08e13
--- /dev/null
+++ b/node_modules/readdirp/index.js
@@ -0,0 +1,263 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ReaddirpStream = exports.EntryTypes = void 0;
+exports.readdirp = readdirp;
+exports.readdirpPromise = readdirpPromise;
+const promises_1 = require("node:fs/promises");
+const node_stream_1 = require("node:stream");
+const node_path_1 = require("node:path");
+exports.EntryTypes = {
+    FILE_TYPE: 'files',
+    DIR_TYPE: 'directories',
+    FILE_DIR_TYPE: 'files_directories',
+    EVERYTHING_TYPE: 'all',
+};
+const defaultOptions = {
+    root: '.',
+    fileFilter: (_entryInfo) => true,
+    directoryFilter: (_entryInfo) => true,
+    type: exports.EntryTypes.FILE_TYPE,
+    lstat: false,
+    depth: 2147483648,
+    alwaysStat: false,
+    highWaterMark: 4096,
+};
+Object.freeze(defaultOptions);
+const RECURSIVE_ERROR_CODE = 'READDIRP_RECURSIVE_ERROR';
+const NORMAL_FLOW_ERRORS = new Set(['ENOENT', 'EPERM', 'EACCES', 'ELOOP', RECURSIVE_ERROR_CODE]);
+const ALL_TYPES = [
+    exports.EntryTypes.DIR_TYPE,
+    exports.EntryTypes.EVERYTHING_TYPE,
+    exports.EntryTypes.FILE_DIR_TYPE,
+    exports.EntryTypes.FILE_TYPE,
+];
+const DIR_TYPES = new Set([
+    exports.EntryTypes.DIR_TYPE,
+    exports.EntryTypes.EVERYTHING_TYPE,
+    exports.EntryTypes.FILE_DIR_TYPE,
+]);
+const FILE_TYPES = new Set([
+    exports.EntryTypes.EVERYTHING_TYPE,
+    exports.EntryTypes.FILE_DIR_TYPE,
+    exports.EntryTypes.FILE_TYPE,
+]);
+const isNormalFlowError = (error) => NORMAL_FLOW_ERRORS.has(error.code);
+const wantBigintFsStats = process.platform === 'win32';
+const emptyFn = (_entryInfo) => true;
+const normalizeFilter = (filter) => {
+    if (filter === undefined)
+        return emptyFn;
+    if (typeof filter === 'function')
+        return filter;
+    if (typeof filter === 'string') {
+        const fl = filter.trim();
+        return (entry) => entry.basename === fl;
+    }
+    if (Array.isArray(filter)) {
+        const trItems = filter.map((item) => item.trim());
+        return (entry) => trItems.some((f) => entry.basename === f);
+    }
+    return emptyFn;
+};
+/** Readable readdir stream, emitting new files as they're being listed. */
+class ReaddirpStream extends node_stream_1.Readable {
+    constructor(options = {}) {
+        super({
+            objectMode: true,
+            autoDestroy: true,
+            highWaterMark: options.highWaterMark,
+        });
+        const opts = { ...defaultOptions, ...options };
+        const { root, type } = opts;
+        this._fileFilter = normalizeFilter(opts.fileFilter);
+        this._directoryFilter = normalizeFilter(opts.directoryFilter);
+        const statMethod = opts.lstat ? promises_1.lstat : promises_1.stat;
+        // Use bigint stats if it's windows and stat() supports options (node 10+).
+        if (wantBigintFsStats) {
+            this._stat = (path) => statMethod(path, { bigint: true });
+        }
+        else {
+            this._stat = statMethod;
+        }
+        this._maxDepth = opts.depth ?? defaultOptions.depth;
+        this._wantsDir = type ? DIR_TYPES.has(type) : false;
+        this._wantsFile = type ? FILE_TYPES.has(type) : false;
+        this._wantsEverything = type === exports.EntryTypes.EVERYTHING_TYPE;
+        this._root = (0, node_path_1.resolve)(root);
+        this._isDirent = !opts.alwaysStat;
+        this._statsProp = this._isDirent ? 'dirent' : 'stats';
+        this._rdOptions = { encoding: 'utf8', withFileTypes: this._isDirent };
+        // Launch stream with one parent, the root dir.
+        this.parents = [this._exploreDir(root, 1)];
+        this.reading = false;
+        this.parent = undefined;
+    }
+    async _read(batch) {
+        if (this.reading)
+            return;
+        this.reading = true;
+        try {
+            while (!this.destroyed && batch > 0) {
+                const par = this.parent;
+                const fil = par && par.files;
+                if (fil && fil.length > 0) {
+                    const { path, depth } = par;
+                    const slice = fil.splice(0, batch).map((dirent) => this._formatEntry(dirent, path));
+                    const awaited = await Promise.all(slice);
+                    for (const entry of awaited) {
+                        if (!entry)
+                            continue;
+                        if (this.destroyed)
+                            return;
+                        const entryType = await this._getEntryType(entry);
+                        if (entryType === 'directory' && this._directoryFilter(entry)) {
+                            if (depth <= this._maxDepth) {
+                                this.parents.push(this._exploreDir(entry.fullPath, depth + 1));
+                            }
+                            if (this._wantsDir) {
+                                this.push(entry);
+                                batch--;
+                            }
+                        }
+                        else if ((entryType === 'file' || this._includeAsFile(entry)) &&
+                            this._fileFilter(entry)) {
+                            if (this._wantsFile) {
+                                this.push(entry);
+                                batch--;
+                            }
+                        }
+                    }
+                }
+                else {
+                    const parent = this.parents.pop();
+                    if (!parent) {
+                        this.push(null);
+                        break;
+                    }
+                    this.parent = await parent;
+                    if (this.destroyed)
+                        return;
+                }
+            }
+        }
+        catch (error) {
+            this.destroy(error);
+        }
+        finally {
+            this.reading = false;
+        }
+    }
+    async _exploreDir(path, depth) {
+        let files;
+        try {
+            files = await (0, promises_1.readdir)(path, this._rdOptions);
+        }
+        catch (error) {
+            this._onError(error);
+        }
+        return { files, depth, path };
+    }
+    async _formatEntry(dirent, path) {
+        let entry;
+        const basename = this._isDirent ? dirent.name : dirent;
+        try {
+            const fullPath = (0, node_path_1.resolve)((0, node_path_1.join)(path, basename));
+            entry = { path: (0, node_path_1.relative)(this._root, fullPath), fullPath, basename };
+            entry[this._statsProp] = this._isDirent ? dirent : await this._stat(fullPath);
+        }
+        catch (err) {
+            this._onError(err);
+            return;
+        }
+        return entry;
+    }
+    _onError(err) {
+        if (isNormalFlowError(err) && !this.destroyed) {
+            this.emit('warn', err);
+        }
+        else {
+            this.destroy(err);
+        }
+    }
+    async _getEntryType(entry) {
+        // entry may be undefined, because a warning or an error were emitted
+        // and the statsProp is undefined
+        if (!entry && this._statsProp in entry) {
+            return '';
+        }
+        const stats = entry[this._statsProp];
+        if (stats.isFile())
+            return 'file';
+        if (stats.isDirectory())
+            return 'directory';
+        if (stats && stats.isSymbolicLink()) {
+            const full = entry.fullPath;
+            try {
+                const entryRealPath = await (0, promises_1.realpath)(full);
+                const entryRealPathStats = await (0, promises_1.lstat)(entryRealPath);
+                if (entryRealPathStats.isFile()) {
+                    return 'file';
+                }
+                if (entryRealPathStats.isDirectory()) {
+                    const len = entryRealPath.length;
+                    if (full.startsWith(entryRealPath) && full.substr(len, 1) === node_path_1.sep) {
+                        const recursiveError = new Error(`Circular symlink detected: "${full}" points to "${entryRealPath}"`);
+                        // @ts-ignore
+                        recursiveError.code = RECURSIVE_ERROR_CODE;
+                        return this._onError(recursiveError);
+                    }
+                    return 'directory';
+                }
+            }
+            catch (error) {
+                this._onError(error);
+                return '';
+            }
+        }
+    }
+    _includeAsFile(entry) {
+        const stats = entry && entry[this._statsProp];
+        return stats && this._wantsEverything && !stats.isDirectory();
+    }
+}
+exports.ReaddirpStream = ReaddirpStream;
+/**
+ * Streaming version: Reads all files and directories in given root recursively.
+ * Consumes ~constant small amount of RAM.
+ * @param root Root directory
+ * @param options Options to specify root (start directory), filters and recursion depth
+ */
+function readdirp(root, options = {}) {
+    // @ts-ignore
+    let type = options.entryType || options.type;
+    if (type === 'both')
+        type = exports.EntryTypes.FILE_DIR_TYPE; // backwards-compatibility
+    if (type)
+        options.type = type;
+    if (!root) {
+        throw new Error('readdirp: root argument is required. Usage: readdirp(root, options)');
+    }
+    else if (typeof root !== 'string') {
+        throw new TypeError('readdirp: root argument must be a string. Usage: readdirp(root, options)');
+    }
+    else if (type && !ALL_TYPES.includes(type)) {
+        throw new Error(`readdirp: Invalid type passed. Use one of ${ALL_TYPES.join(', ')}`);
+    }
+    options.root = root;
+    return new ReaddirpStream(options);
+}
+/**
+ * Promise version: Reads all files and directories in given root recursively.
+ * Compared to streaming version, will consume a lot of RAM e.g. when 1 million files are listed.
+ * @returns array of paths and their entry infos
+ */
+function readdirpPromise(root, options = {}) {
+    return new Promise((resolve, reject) => {
+        const files = [];
+        readdirp(root, options)
+            .on('data', (entry) => files.push(entry))
+            .on('end', () => resolve(files))
+            .on('error', (error) => reject(error));
+    });
+}
+exports.default = readdirp;
diff --git a/node_modules/readdirp/package.json b/node_modules/readdirp/package.json
new file mode 100644
index 0000000..118177c
--- /dev/null
+++ b/node_modules/readdirp/package.json
@@ -0,0 +1,70 @@
+{
+  "name": "readdirp",
+  "description": "Recursive version of fs.readdir with small RAM & CPU footprint.",
+  "version": "4.1.2",
+  "homepage": "https://github.com/paulmillr/readdirp",
+  "repository": {
+    "type": "git",
+    "url": "git://github.com/paulmillr/readdirp.git"
+  },
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/paulmillr/readdirp/issues"
+  },
+  "author": "Thorsten Lorenz <thlorenz@gmx.de> (thlorenz.com)",
+  "contributors": [
+    "Thorsten Lorenz <thlorenz@gmx.de> (thlorenz.com)",
+    "Paul Miller (https://paulmillr.com)"
+  ],
+  "engines": {
+    "node": ">= 14.18.0"
+  },
+  "files": [
+    "index.js",
+    "index.d.ts",
+    "index.d.ts.map",
+    "index.js.map",
+    "esm"
+  ],
+  "main": "./index.js",
+  "module": "./esm/index.js",
+  "types": "./index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./esm/index.js",
+      "require": "./index.js"
+    }
+  },
+  "sideEffects": false,
+  "keywords": [
+    "recursive",
+    "fs",
+    "stream",
+    "streams",
+    "readdir",
+    "filesystem",
+    "find",
+    "filter"
+  ],
+  "scripts": {
+    "build": "tsc && tsc -p tsconfig.cjs.json",
+    "lint": "prettier --check index.ts test/index.test.js",
+    "format": "prettier --write index.ts test/index.test.js",
+    "test": "node test/index.test.js",
+    "test:coverage": "c8 node test/index.test.js"
+  },
+  "devDependencies": {
+    "@paulmillr/jsbt": "0.3.1",
+    "@types/node": "20.14.8",
+    "c8": "10.1.3",
+    "chai": "4.3.4",
+    "chai-subset": "1.6.0",
+    "micro-should": "0.5.0",
+    "prettier": "3.1.1",
+    "typescript": "5.5.2"
+  },
+  "funding": {
+    "type": "individual",
+    "url": "https://paulmillr.com/funding/"
+  }
+}
\ No newline at end of file
diff --git a/node_modules/sass/LICENSE b/node_modules/sass/LICENSE
new file mode 100644
index 0000000..6a3f330
--- /dev/null
+++ b/node_modules/sass/LICENSE
@@ -0,0 +1,1693 @@
+Dart Sass license:
+
+Copyright (c) 2016, Google Inc.
+
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of this software and associated documentation files (the
+"Software"), to deal in the Software without restriction, including
+without limitation the rights to use, copy, modify, merge, publish,
+distribute, sublicense, and/or sell copies of the Software, and to
+permit persons to whom the Software is furnished to do so, subject to
+the following conditions:
+
+The above copyright notice and this permission notice shall be
+included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
+LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
+OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
+WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+
+
+--------------------------------------------------------------------------------
+
+Dart SDK license:
+
+Copyright 2012, the Dart project authors.
+
+Redistribution and use in source and binary forms, with or without
+modification, are permitted provided that the following conditions are
+met:
+    * Redistributions of source code must retain the above copyright
+      notice, this list of conditions and the following disclaimer.
+    * Redistributions in binary form must reproduce the above
+      copyright notice, this list of conditions and the following
+      disclaimer in the documentation and/or other materials provided
+      with the distribution.
+    * Neither the name of Google LLC nor the names of its
+      contributors may be used to endorse or promote products derived
+      from this software without specific prior written permission.
+
+THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
+"AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
+LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
+A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
+OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
+SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
+LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
+DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
+THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
+(INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
+OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
+
+
+--------------------------------------------------------------------------------
+
+_fe_analyzer_shared license:
+
+Copyright 2019, the Dart project authors.
+
+Redistribution and use in source and binary forms, with or without
+modification, are permitted provided that the following conditions are
+met:
+
+    * Redistributions of source code must retain the above copyright
+      notice, this list of conditions and the following disclaimer.
+    * Redistributions in binary form must reproduce the above
+      copyright notice, this list of conditions and the following
+      disclaimer in the documentation and/or other materials provided
+      with the distribution.
+    * Neither the name of Google LLC nor the names of its
+      contributors may be used to endorse or promote products derived
+      from this software without specific prior written permission.
+
+THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
+"AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
+LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
+A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
+OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
+SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
+LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
+DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
+THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
+(INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
+OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
+
+
+--------------------------------------------------------------------------------
+
+analyzer, protobuf and protoc_plugin license:
+
+Copyright 2013, the Dart project authors.
+
+Redistribution and use in source and binary forms, with or without
+modification, are permitted provided that the following conditions are
+met:
+
+    * Redistributions of source code must retain the above copyright
+      notice, this list of conditions and the following disclaimer.
+    * Redistributions in binary form must reproduce the above
+      copyright notice, this list of conditions and the following
+      disclaimer in the documentation and/or other materials provided
+      with the distribution.
+    * Neither the name of Google LLC nor the names of its
+      contributors may be used to endorse or promote products derived
+      from this software without specific prior written permission.
+
+THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
+"AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
+LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
+A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
+OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
+SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
+LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
+DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
+THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
+(INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
+OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
+
+
+--------------------------------------------------------------------------------
+
+archive license:
+
+The MIT License
+
+Copyright (c) 2013-2021 Brendan Duncan.
+All rights reserved.
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.
+
+--------------------------------------------------------------------------------
+
+args, csslib and logging license:
+
+Copyright 2013, the Dart project authors. 
+
+Redistribution and use in source and binary forms, with or without
+modification, are permitted provided that the following conditions are
+met:
+
+    * Redistributions of source code must retain the above copyright
+      notice, this list of conditions and the following disclaimer.
+    * Redistributions in binary form must reproduce the above
+      copyright notice, this list of conditions and the following
+      disclaimer in the documentation and/or other materials provided
+      with the distribution.
+    * Neither the name of Google LLC nor the names of its
+      contributors may be used to endorse or promote products derived
+      from this software without specific prior written permission.
+
+THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
+"AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
+LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
+A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
+OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
+SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
+LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
+DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
+THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
+(INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
+OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
+
+
+--------------------------------------------------------------------------------
+
+async, cli_util, collection, mime, stream_channel and typed_data license:
+
+Copyright 2015, the Dart project authors. 
+
+Redistribution and use in source and binary forms, with or without
+modification, are permitted provided that the following conditions are
+met:
+
+    * Redistributions of source code must retain the above copyright
+      notice, this list of conditions and the following disclaimer.
+    * Redistributions in binary form must reproduce the above
+      copyright notice, this list of conditions and the following
+      disclaimer in the documentation and/or other materials provided
+      with the distribution.
+    * Neither the name of Google LLC nor the names of its
+      contributors may be used to endorse or promote products derived
+      from this software without specific prior written permission.
+
+THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
+"AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
+LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
+A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
+OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
+SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
+LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
+DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
+THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
+(INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
+OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
+
+
+--------------------------------------------------------------------------------
+
+boolean_selector, meta and shelf_packages_handler license:
+
+Copyright 2016, the Dart project authors.
+
+Redistribution and use in source and binary forms, with or without
+modification, are permitted provided that the following conditions are
+met:
+
+    * Redistributions of source code must retain the above copyright
+      notice, this list of conditions and the following disclaimer.
+    * Redistributions in binary form must reproduce the above
+      copyright notice, this list of conditions and the following
+      disclaimer in the documentation and/or other materials provided
+      with the distribution.
+    * Neither the name of Google LLC nor the names of its
+      contributors may be used to endorse or promote products derived
+      from this software without specific prior written permission.
+
+THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
+"AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
+LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
+A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
+OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
+SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
+LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
+DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
+THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
+(INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
+OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
+
+
+--------------------------------------------------------------------------------
+
+charcode license:
+
+Copyright 2014, the Dart project authors. All rights reserved.
+Redistribution and use in source and binary forms, with or without
+modification, are permitted provided that the following conditions are
+met:
+
+    * Redistributions of source code must retain the above copyright
+      notice, this list of conditions and the following disclaimer.
+    * Redistributions in binary form must reproduce the above
+      copyright notice, this list of conditions and the following
+      disclaimer in the documentation and/or other materials provided
+      with the distribution.
+    * Neither the name of Google Inc. nor the names of its
+      contributors may be used to endorse or promote products derived
+      from this software without specific prior written permission.
+
+THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
+"AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
+LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
+A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
+OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
+SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
+LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
+DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
+THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
+(INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
+OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
+
+
+--------------------------------------------------------------------------------
+
+checked_yaml license:
+
+Copyright 2019, the Dart project authors. All rights reserved.
+Redistribution and use in source and binary forms, with or without
+modification, are permitted provided that the following conditions are
+met:
+
+    * Redistributions of source code must retain the above copyright
+      notice, this list of conditions and the following disclaimer.
+    * Redistributions in binary form must reproduce the above
+      copyright notice, this list of conditions and the following
+      disclaimer in the documentation and/or other materials provided
+      with the distribution.
+    * Neither the name of Google Inc. nor the names of its
+      contributors may be used to endorse or promote products derived
+      from this software without specific prior written permission.
+
+THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
+"AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
+LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
+A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
+OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
+SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
+LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
+DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
+THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
+(INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
+OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
+
+
+--------------------------------------------------------------------------------
+
+cli_config license:
+
+Copyright 2023, the Dart project authors.
+
+Redistribution and use in source and binary forms, with or without
+modification, are permitted provided that the following conditions are
+met:
+
+    * Redistributions of source code must retain the above copyright
+      notice, this list of conditions and the following disclaimer.
+    * Redistributions in binary form must reproduce the above
+      copyright notice, this list of conditions and the following
+      disclaimer in the documentation and/or other materials provided
+      with the distribution.
+    * Neither the name of Google LLC nor the names of its
+      contributors may be used to endorse or promote products derived
+      from this software without specific prior written permission.
+
+THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
+"AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
+LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
+A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
+OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
+SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
+LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
+DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
+THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
+(INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
+OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
+
+--------------------------------------------------------------------------------
+
+cli_pkg license:
+
+                                 Apache License
+                           Version 2.0, January 2004
+                        http://www.apache.org/licenses/
+
+   TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
+
+   1. Definitions.
+
+      "License" shall mean the terms and conditions for use, reproduction,
+      and distribution as defined by Sections 1 through 9 of this document.
+
+      "Licensor" shall mean the copyright owner or entity authorized by
+      the copyright owner that is granting the License.
+
+      "Legal Entity" shall mean the union of the acting entity and all
+      other entities that control, are controlled by, or are under common
+      control with that entity. For the purposes of this definition,
+      "control" means (i) the power, direct or indirect, to cause the
+      direction or management of such entity, whether by contract or
+      otherwise, or (ii) ownership of fifty percent (50%) or more of the
+      outstanding shares, or (iii) beneficial ownership of such entity.
+
+      "You" (or "Your") shall mean an individual or Legal Entity
+      exercising permissions granted by this License.
+
+      "Source" form shall mean the preferred form for making modifications,
+      including but not limited to software source code, documentation
+      source, and configuration files.
+
+      "Object" form shall mean any form resulting from mechanical
+      transformation or translation of a Source form, including but
+      not limited to compiled object code, generated documentation,
+      and conversions to other media types.
+
+      "Work" shall mean the work of authorship, whether in Source or
+      Object form, made available under the License, as indicated by a
+      copyright notice that is included in or attached to the work
+      (an example is provided in the Appendix below).
+
+      "Derivative Works" shall mean any work, whether in Source or Object
+      form, that is based on (or derived from) the Work and for which the
+      editorial revisions, annotations, elaborations, or other modifications
+      represent, as a whole, an original work of authorship. For the purposes
+      of this License, Derivative Works shall not include works that remain
+      separable from, or merely link (or bind by name) to the interfaces of,
+      the Work and Derivative Works thereof.
+
+      "Contribution" shall mean any work of authorship, including
+      the original version of the Work and any modifications or additions
+      to that Work or Derivative Works thereof, that is intentionally
+      submitted to Licensor for inclusion in the Work by the copyright owner
+      or by an individual or Legal Entity authorized to submit on behalf of
+      the copyright owner. For the purposes of this definition, "submitted"
+      means any form of electronic, verbal, or written communication sent
+      to the Licensor or its representatives, including but not limited to
+      communication on electronic mailing lists, source code control systems,
+      and issue tracking systems that are managed by, or on behalf of, the
+      Licensor for the purpose of discussing and improving the Work, but
+      excluding communication that is conspicuously marked or otherwise
+      designated in writing by the copyright owner as "Not a Contribution."
+
+      "Contributor" shall mean Licensor and any individual or Legal Entity
+      on behalf of whom a Contribution has been received by Licensor and
+      subsequently incorporated within the Work.
+
+   2. Grant of Copyright License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      copyright license to reproduce, prepare Derivative Works of,
+      publicly display, publicly perform, sublicense, and distribute the
+      Work and such Derivative Works in Source or Object form.
+
+   3. Grant of Patent License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      (except as stated in this section) patent license to make, have made,
+      use, offer to sell, sell, import, and otherwise transfer the Work,
+      where such license applies only to those patent claims licensable
+      by such Contributor that are necessarily infringed by their
+      Contribution(s) alone or by combination of their Contribution(s)
+      with the Work to which such Contribution(s) was submitted. If You
+      institute patent litigation against any entity (including a
+      cross-claim or counterclaim in a lawsuit) alleging that the Work
+      or a Contribution incorporated within the Work constitutes direct
+      or contributory patent infringement, then any patent licenses
+      granted to You under this License for that Work shall terminate
+      as of the date such litigation is filed.
+
+   4. Redistribution. You may reproduce and distribute copies of the
+      Work or Derivative Works thereof in any medium, with or without
+      modifications, and in Source or Object form, provided that You
+      meet the following conditions:
+
+      (a) You must give any other recipients of the Work or
+          Derivative Works a copy of this License; and
+
+      (b) You must cause any modified files to carry prominent notices
+          stating that You changed the files; and
+
+      (c) You must retain, in the Source form of any Derivative Works
+          that You distribute, all copyright, patent, trademark, and
+          attribution notices from the Source form of the Work,
+          excluding those notices that do not pertain to any part of
+          the Derivative Works; and
+
+      (d) If the Work includes a "NOTICE" text file as part of its
+          distribution, then any Derivative Works that You distribute must
+          include a readable copy of the attribution notices contained
+          within such NOTICE file, excluding those notices that do not
+          pertain to any part of the Derivative Works, in at least one
+          of the following places: within a NOTICE text file distributed
+          as part of the Derivative Works; within the Source form or
+          documentation, if provided along with the Derivative Works; or,
+          within a display generated by the Derivative Works, if and
+          wherever such third-party notices normally appear. The contents
+          of the NOTICE file are for informational purposes only and
+          do not modify the License. You may add Your own attribution
+          notices within Derivative Works that You distribute, alongside
+          or as an addendum to the NOTICE text from the Work, provided
+          that such additional attribution notices cannot be construed
+          as modifying the License.
+
+      You may add Your own copyright statement to Your modifications and
+      may provide additional or different license terms and conditions
+      for use, reproduction, or distribution of Your modifications, or
+      for any such Derivative Works as a whole, provided Your use,
+      reproduction, and distribution of the Work otherwise complies with
+      the conditions stated in this License.
+
+   5. Submission of Contributions. Unless You explicitly state otherwise,
+      any Contribution intentionally submitted for inclusion in the Work
+      by You to the Licensor shall be under the terms and conditions of
+      this License, without any additional terms or conditions.
+      Notwithstanding the above, nothing herein shall supersede or modify
+      the terms of any separate license agreement you may have executed
+      with Licensor regarding such Contributions.
+
+   6. Trademarks. This License does not grant permission to use the trade
+      names, trademarks, service marks, or product names of the Licensor,
+      except as required for reasonable and customary use in describing the
+      origin of the Work and reproducing the content of the NOTICE file.
+
+   7. Disclaimer of Warranty. Unless required by applicable law or
+      agreed to in writing, Licensor provides the Work (and each
+      Contributor provides its Contributions) on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
+      implied, including, without limitation, any warranties or conditions
+      of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
+      PARTICULAR PURPOSE. You are solely responsible for determining the
+      appropriateness of using or redistributing the Work and assume any
+      risks associated with Your exercise of permissions under this License.
+
+   8. Limitation of Liability. In no event and under no legal theory,
+      whether in tort (including negligence), contract, or otherwise,
+      unless required by applicable law (such as deliberate and grossly
+      negligent acts) or agreed to in writing, shall any Contributor be
+      liable to You for damages, including any direct, indirect, special,
+      incidental, or consequential damages of any character arising as a
+      result of this License or out of the use or inability to use the
+      Work (including but not limited to damages for loss of goodwill,
+      work stoppage, computer failure or malfunction, or any and all
+      other commercial damages or losses), even if such Contributor
+      has been advised of the possibility of such damages.
+
+   9. Accepting Warranty or Additional Liability. While redistributing
+      the Work or Derivative Works thereof, You may choose to offer,
+      and charge a fee for, acceptance of support, warranty, indemnity,
+      or other liability obligations and/or rights consistent with this
+      License. However, in accepting such obligations, You may act only
+      on Your own behalf and on Your sole responsibility, not on behalf
+      of any other Contributor, and only if You agree to indemnify,
+      defend, and hold each Contributor harmless for any liability
+      incurred by, or claims asserted against, such Contributor by reason
+      of your accepting any such warranty or additional liability.
+
+   END OF TERMS AND CONDITIONS
+
+   APPENDIX: How to apply the Apache License to your work.
+
+      To apply the Apache License to your work, attach the following
+      boilerplate notice, with the fields enclosed by brackets "[]"
+      replaced with your own identifying information. (Don't include
+      the brackets!)  The text should be enclosed in the appropriate
+      comment syntax for the file format. We also recommend that a
+      file or class name and description of purpose be included on the
+      same "printed page" as the copyright notice for easier
+      identification within third-party archives.
+
+   Copyright [yyyy] [name of copyright owner]
+
+   Licensed under the Apache License, Version 2.0 (the "License");
+   you may not use this file except in compliance with the License.
+   You may obtain a copy of the License at
+
+       http://www.apache.org/licenses/LICENSE-2.0
+
+   Unless required by applicable law or agreed to in writing, software
+   distributed under the License is distributed on an "AS IS" BASIS,
+   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+   See the License for the specific language governing permissions and
+   limitations under the License.
+
+
+--------------------------------------------------------------------------------
+
+cli_repl license:
+
+Copyright (c) 2018, Jennifer Thakar.
+All rights reserved.
+
+Redistribution and use in source and binary forms, with or without
+modification, are permitted provided that the following conditions are met:
+    * Redistributions of source code must retain the above copyright
+      notice, this list of conditions and the following disclaimer.
+    * Redistributions in binary form must reproduce the above copyright
+      notice, this list of conditions and the following disclaimer in the
+      documentation and/or other materials provided with the distribution.
+    * Neither the name of the project nor the names of its contributors may be
+      used to endorse or promote products derived from this software without
+      specific prior written permission.
+
+THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND
+ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
+WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
+DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE LIABLE FOR
+ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
+(INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
+LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND
+ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
+(INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS
+SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
+
+
+--------------------------------------------------------------------------------
+
+convert, crypto, shelf_static, source_map_stack_trace and vm_service license:
+
+Copyright 2015, the Dart project authors.
+
+Redistribution and use in source and binary forms, with or without
+modification, are permitted provided that the following conditions are
+met:
+
+    * Redistributions of source code must retain the above copyright
+      notice, this list of conditions and the following disclaimer.
+    * Redistributions in binary form must reproduce the above
+      copyright notice, this list of conditions and the following
+      disclaimer in the documentation and/or other materials provided
+      with the distribution.
+    * Neither the name of Google LLC nor the names of its
+      contributors may be used to endorse or promote products derived
+      from this software without specific prior written permission.
+
+THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
+"AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
+LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
+A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
+OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
+SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
+LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
+DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
+THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
+(INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
+OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
+
+
+--------------------------------------------------------------------------------
+
+coverage, dart_style, dartdoc, glob, http, http_parser, matcher, path, pool,
+pub_semver, source_span, string_scanner, test and watcher license:
+
+Copyright 2014, the Dart project authors. 
+
+Redistribution and use in source and binary forms, with or without
+modification, are permitted provided that the following conditions are
+met:
+
+    * Redistributions of source code must retain the above copyright
+      notice, this list of conditions and the following disclaimer.
+    * Redistributions in binary form must reproduce the above
+      copyright notice, this list of conditions and the following
+      disclaimer in the documentation and/or other materials provided
+      with the distribution.
+    * Neither the name of Google LLC nor the names of its
+      contributors may be used to endorse or promote products derived
+      from this software without specific prior written permission.
+
+THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
+"AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
+LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
+A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
+OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
+SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
+LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
+DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
+THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
+(INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
+OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
+
+
+--------------------------------------------------------------------------------
+
+dart_mappable and type_plus license:
+
+MIT License
+
+Copyright (c) 2021 Kilian Schulte
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
+
+--------------------------------------------------------------------------------
+
+ffi and package_config license:
+
+Copyright 2019, the Dart project authors. 
+
+Redistribution and use in source and binary forms, with or without
+modification, are permitted provided that the following conditions are
+met:
+
+    * Redistributions of source code must retain the above copyright
+      notice, this list of conditions and the following disclaimer.
+    * Redistributions in binary form must reproduce the above
+      copyright notice, this list of conditions and the following
+      disclaimer in the documentation and/or other materials provided
+      with the distribution.
+    * Neither the name of Google LLC nor the names of its
+      contributors may be used to endorse or promote products derived
+      from this software without specific prior written permission.
+
+THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
+"AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
+LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
+A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
+OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
+SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
+LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
+DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
+THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
+(INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
+OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
+
+
+--------------------------------------------------------------------------------
+
+file license:
+
+Copyright 2017, the Dart project authors. All rights reserved.
+Redistribution and use in source and binary forms, with or without
+modification, are permitted provided that the following conditions are
+met:
+
+    * Redistributions of source code must retain the above copyright
+      notice, this list of conditions and the following disclaimer.
+    * Redistributions in binary form must reproduce the above
+      copyright notice, this list of conditions and the following
+      disclaimer in the documentation and/or other materials provided
+      with the distribution.
+    * Neither the name of Google Inc. nor the names of its
+      contributors may be used to endorse or promote products derived
+      from this software without specific prior written permission.
+
+THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
+"AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
+LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
+A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
+OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
+SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
+LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
+DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
+THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
+(INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
+OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
+
+--------------------------------------------------------------------------------
+
+fixnum, http_multi_server, oauth2, shelf, shelf_web_socket, source_maps and
+stack_trace license:
+
+Copyright 2014, the Dart project authors.
+
+Redistribution and use in source and binary forms, with or without
+modification, are permitted provided that the following conditions are
+met:
+
+    * Redistributions of source code must retain the above copyright
+      notice, this list of conditions and the following disclaimer.
+    * Redistributions in binary form must reproduce the above
+      copyright notice, this list of conditions and the following
+      disclaimer in the documentation and/or other materials provided
+      with the distribution.
+    * Neither the name of Google LLC nor the names of its
+      contributors may be used to endorse or promote products derived
+      from this software without specific prior written permission.
+
+THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
+"AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
+LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
+A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
+OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
+SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
+LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
+DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
+THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
+(INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
+OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
+
+
+--------------------------------------------------------------------------------
+
+frontend_server_client license:
+
+Copyright 2020, the Dart project authors. 
+
+Redistribution and use in source and binary forms, with or without
+modification, are permitted provided that the following conditions are
+met:
+
+    * Redistributions of source code must retain the above copyright
+      notice, this list of conditions and the following disclaimer.
+    * Redistributions in binary form must reproduce the above
+      copyright notice, this list of conditions and the following
+      disclaimer in the documentation and/or other materials provided
+      with the distribution.
+    * Neither the name of Google LLC nor the names of its
+      contributors may be used to endorse or promote products derived
+      from this software without specific prior written permission.
+
+THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
+"AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
+LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
+A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
+OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
+SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
+LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
+DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
+THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
+(INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
+OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
+
+
+--------------------------------------------------------------------------------
+
+grinder and webkit_inspection_protocol license:
+
+Copyright 2013, Google Inc.
+All rights reserved.
+
+Redistribution and use in source and binary forms, with or without
+modification, are permitted provided that the following conditions are
+met:
+
+    * Redistributions of source code must retain the above copyright
+notice, this list of conditions and the following disclaimer.
+    * Redistributions in binary form must reproduce the above
+copyright notice, this list of conditions and the following disclaimer
+in the documentation and/or other materials provided with the
+distribution.
+    * Neither the name of Google Inc. nor the names of its
+contributors may be used to endorse or promote products derived from
+this software without specific prior written permission.
+
+THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
+"AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
+LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
+A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
+OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
+SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
+LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
+DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
+THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
+(INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
+OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
+
+
+--------------------------------------------------------------------------------
+
+html license:
+
+Copyright (c) 2006-2012 The Authors
+
+Contributors:
+James Graham - jg307@cam.ac.uk
+Anne van Kesteren - annevankesteren@gmail.com
+Lachlan Hunt - lachlan.hunt@lachy.id.au
+Matt McDonald - kanashii@kanashii.ca
+Sam Ruby - rubys@intertwingly.net
+Ian Hickson (Google) - ian@hixie.ch
+Thomas Broyer - t.broyer@ltgt.net
+Jacques Distler - distler@golem.ph.utexas.edu
+Henri Sivonen - hsivonen@iki.fi
+Adam Barth - abarth@webkit.org
+Eric Seidel - eric@webkit.org
+The Mozilla Foundation (contributions from Henri Sivonen since 2008)
+David Flanagan (Mozilla) - dflanagan@mozilla.com
+Google LLC (contributed the Dart port) - misc@dartlang.org
+
+Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+
+
+--------------------------------------------------------------------------------
+
+io, stream_transform and term_glyph license:
+
+Copyright 2017, the Dart project authors. 
+
+Redistribution and use in source and binary forms, with or without
+modification, are permitted provided that the following conditions are
+met:
+
+    * Redistributions of source code must retain the above copyright
+      notice, this list of conditions and the following disclaimer.
+    * Redistributions in binary form must reproduce the above
+      copyright notice, this list of conditions and the following
+      disclaimer in the documentation and/or other materials provided
+      with the distribution.
+    * Neither the name of Google LLC nor the names of its
+      contributors may be used to endorse or promote products derived
+      from this software without specific prior written permission.
+
+THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
+"AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
+LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
+A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
+OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
+SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
+LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
+DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
+THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
+(INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
+OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
+
+
+--------------------------------------------------------------------------------
+
+js license:
+
+Copyright 2012, the Dart project authors.
+
+Redistribution and use in source and binary forms, with or without
+modification, are permitted provided that the following conditions are
+met:
+
+    * Redistributions of source code must retain the above copyright
+      notice, this list of conditions and the following disclaimer.
+    * Redistributions in binary form must reproduce the above
+      copyright notice, this list of conditions and the following
+      disclaimer in the documentation and/or other materials provided
+      with the distribution.
+    * Neither the name of Google LLC nor the names of its
+      contributors may be used to endorse or promote products derived
+      from this software without specific prior written permission.
+
+THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
+"AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
+LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
+A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
+OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
+SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
+LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
+DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
+THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
+(INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
+OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
+
+
+--------------------------------------------------------------------------------
+
+json_annotation license:
+
+Copyright 2017, the Dart project authors. All rights reserved.
+Redistribution and use in source and binary forms, with or without
+modification, are permitted provided that the following conditions are
+met:
+
+    * Redistributions of source code must retain the above copyright
+      notice, this list of conditions and the following disclaimer.
+    * Redistributions in binary form must reproduce the above
+      copyright notice, this list of conditions and the following
+      disclaimer in the documentation and/or other materials provided
+      with the distribution.
+    * Neither the name of Google Inc. nor the names of its
+      contributors may be used to endorse or promote products derived
+      from this software without specific prior written permission.
+
+THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
+"AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
+LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
+A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
+OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
+SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
+LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
+DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
+THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
+(INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
+OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
+
+
+--------------------------------------------------------------------------------
+
+lints license:
+
+Copyright 2021, the Dart project authors.
+
+Redistribution and use in source and binary forms, with or without
+modification, are permitted provided that the following conditions are
+met:
+
+    * Redistributions of source code must retain the above copyright
+      notice, this list of conditions and the following disclaimer.
+    * Redistributions in binary form must reproduce the above
+      copyright notice, this list of conditions and the following
+      disclaimer in the documentation and/or other materials provided
+      with the distribution.
+    * Neither the name of Google LLC nor the names of its
+      contributors may be used to endorse or promote products derived
+      from this software without specific prior written permission.
+
+THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
+"AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
+LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
+A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
+OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
+SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
+LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
+DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
+THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
+(INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
+OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
+
+
+--------------------------------------------------------------------------------
+
+markdown license:
+
+Copyright 2012, the Dart project authors. 
+
+Redistribution and use in source and binary forms, with or without
+modification, are permitted provided that the following conditions are
+met:
+
+    * Redistributions of source code must retain the above copyright
+      notice, this list of conditions and the following disclaimer.
+    * Redistributions in binary form must reproduce the above
+      copyright notice, this list of conditions and the following
+      disclaimer in the documentation and/or other materials provided
+      with the distribution.
+    * Neither the name of Google LLC nor the names of its
+      contributors may be used to endorse or promote products derived
+      from this software without specific prior written permission.
+
+THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
+"AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
+LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
+A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
+OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
+SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
+LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
+DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
+THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
+(INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
+OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
+
+
+--------------------------------------------------------------------------------
+
+native_stack_traces license:
+
+Copyright 2020, the Dart project authors.
+
+Redistribution and use in source and binary forms, with or without
+modification, are permitted provided that the following conditions are
+met:
+
+    * Redistributions of source code must retain the above copyright
+      notice, this list of conditions and the following disclaimer.
+    * Redistributions in binary form must reproduce the above
+      copyright notice, this list of conditions and the following
+      disclaimer in the documentation and/or other materials provided
+      with the distribution.
+    * Neither the name of Google LLC nor the names of its
+      contributors may be used to endorse or promote products derived
+      from this software without specific prior written permission.
+
+THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
+"AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
+LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
+A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
+OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
+SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
+LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
+DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
+THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
+(INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
+OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
+
+
+--------------------------------------------------------------------------------
+
+native_synchronization license:
+
+Copyright 2023, the Dart project authors.
+
+Redistribution and use in source and binary forms, with or without
+modification, are permitted provided that the following conditions are
+met:
+
+    * Redistributions of source code must retain the above copyright
+      notice, this list of conditions and the following disclaimer.
+    * Redistributions in binary form must reproduce the above
+      copyright notice, this list of conditions and the following
+      disclaimer in the documentation and/or other materials provided
+      with the distribution.
+    * Neither the name of Google LLC nor the names of its
+      contributors may be used to endorse or promote products derived
+      from this software without specific prior written permission.
+
+THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
+"AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
+LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
+A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
+OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
+SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
+LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
+DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
+THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
+(INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
+OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
+
+
+--------------------------------------------------------------------------------
+
+node_interop license:
+
+Copyright (c) 2017, Anatoly Pulyaevskiy.
+All rights reserved.
+
+Redistribution and use in source and binary forms, with or without
+modification, are permitted provided that the following conditions are met:
+    * Redistributions of source code must retain the above copyright
+      notice, this list of conditions and the following disclaimer.
+    * Redistributions in binary form must reproduce the above copyright
+      notice, this list of conditions and the following disclaimer in the
+      documentation and/or other materials provided with the distribution.
+    * Neither the name of the <organization> nor the
+      names of its contributors may be used to endorse or promote products
+      derived from this software without specific prior written permission.
+
+THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND
+ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
+WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
+DISCLAIMED. IN NO EVENT SHALL <COPYRIGHT HOLDER> BE LIABLE FOR ANY
+DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
+(INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
+LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND
+ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
+(INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS
+SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
+
+
+--------------------------------------------------------------------------------
+
+node_preamble license:
+
+The MIT License (MIT)
+
+Copyright (c) 2015 Michael Bullington
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
+
+===
+
+Copyright 2012, the Dart project authors. All rights reserved.
+Redistribution and use in source and binary forms, with or without
+modification, are permitted provided that the following conditions are
+met:
+    * Redistributions of source code must retain the above copyright
+      notice, this list of conditions and the following disclaimer.
+    * Redistributions in binary form must reproduce the above
+      copyright notice, this list of conditions and the following
+      disclaimer in the documentation and/or other materials provided
+      with the distribution.
+    * Neither the name of Google Inc. nor the names of its
+      contributors may be used to endorse or promote products derived
+      from this software without specific prior written permission.
+THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
+"AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
+LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
+A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
+OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
+SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
+LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
+DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
+THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
+(INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
+OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
+
+
+--------------------------------------------------------------------------------
+
+petitparser license:
+
+The MIT License
+
+Copyright (c) 2006-2024 Lukas Renggli.
+All rights reserved.
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.
+
+
+--------------------------------------------------------------------------------
+
+pub_api_client license:
+
+MIT License
+
+Copyright (c) 2020 Leo Farias
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
+
+
+--------------------------------------------------------------------------------
+
+pubspec_parse license:
+
+Copyright 2018, the Dart project authors.
+
+Redistribution and use in source and binary forms, with or without
+modification, are permitted provided that the following conditions are
+met:
+
+    * Redistributions of source code must retain the above copyright
+      notice, this list of conditions and the following disclaimer.
+    * Redistributions in binary form must reproduce the above
+      copyright notice, this list of conditions and the following
+      disclaimer in the documentation and/or other materials provided
+      with the distribution.
+    * Neither the name of Google LLC nor the names of its
+      contributors may be used to endorse or promote products derived
+      from this software without specific prior written permission.
+
+THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
+"AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
+LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
+A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
+OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
+SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
+LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
+DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
+THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
+(INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
+OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
+
+
+--------------------------------------------------------------------------------
+
+retry license:
+
+
+                                 Apache License
+                           Version 2.0, January 2004
+                        http://www.apache.org/licenses/
+
+   TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
+
+   1. Definitions.
+
+      "License" shall mean the terms and conditions for use, reproduction,
+      and distribution as defined by Sections 1 through 9 of this document.
+
+      "Licensor" shall mean the copyright owner or entity authorized by
+      the copyright owner that is granting the License.
+
+      "Legal Entity" shall mean the union of the acting entity and all
+      other entities that control, are controlled by, or are under common
+      control with that entity. For the purposes of this definition,
+      "control" means (i) the power, direct or indirect, to cause the
+      direction or management of such entity, whether by contract or
+      otherwise, or (ii) ownership of fifty percent (50%) or more of the
+      outstanding shares, or (iii) beneficial ownership of such entity.
+
+      "You" (or "Your") shall mean an individual or Legal Entity
+      exercising permissions granted by this License.
+
+      "Source" form shall mean the preferred form for making modifications,
+      including but not limited to software source code, documentation
+      source, and configuration files.
+
+      "Object" form shall mean any form resulting from mechanical
+      transformation or translation of a Source form, including but
+      not limited to compiled object code, generated documentation,
+      and conversions to other media types.
+
+      "Work" shall mean the work of authorship, whether in Source or
+      Object form, made available under the License, as indicated by a
+      copyright notice that is included in or attached to the work
+      (an example is provided in the Appendix below).
+
+      "Derivative Works" shall mean any work, whether in Source or Object
+      form, that is based on (or derived from) the Work and for which the
+      editorial revisions, annotations, elaborations, or other modifications
+      represent, as a whole, an original work of authorship. For the purposes
+      of this License, Derivative Works shall not include works that remain
+      separable from, or merely link (or bind by name) to the interfaces of,
+      the Work and Derivative Works thereof.
+
+      "Contribution" shall mean any work of authorship, including
+      the original version of the Work and any modifications or additions
+      to that Work or Derivative Works thereof, that is intentionally
+      submitted to Licensor for inclusion in the Work by the copyright owner
+      or by an individual or Legal Entity authorized to submit on behalf of
+      the copyright owner. For the purposes of this definition, "submitted"
+      means any form of electronic, verbal, or written communication sent
+      to the Licensor or its representatives, including but not limited to
+      communication on electronic mailing lists, source code control systems,
+      and issue tracking systems that are managed by, or on behalf of, the
+      Licensor for the purpose of discussing and improving the Work, but
+      excluding communication that is conspicuously marked or otherwise
+      designated in writing by the copyright owner as "Not a Contribution."
+
+      "Contributor" shall mean Licensor and any individual or Legal Entity
+      on behalf of whom a Contribution has been received by Licensor and
+      subsequently incorporated within the Work.
+
+   2. Grant of Copyright License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      copyright license to reproduce, prepare Derivative Works of,
+      publicly display, publicly perform, sublicense, and distribute the
+      Work and such Derivative Works in Source or Object form.
+
+   3. Grant of Patent License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      (except as stated in this section) patent license to make, have made,
+      use, offer to sell, sell, import, and otherwise transfer the Work,
+      where such license applies only to those patent claims licensable
+      by such Contributor that are necessarily infringed by their
+      Contribution(s) alone or by combination of their Contribution(s)
+      with the Work to which such Contribution(s) was submitted. If You
+      institute patent litigation against any entity (including a
+      cross-claim or counterclaim in a lawsuit) alleging that the Work
+      or a Contribution incorporated within the Work constitutes direct
+      or contributory patent infringement, then any patent licenses
+      granted to You under this License for that Work shall terminate
+      as of the date such litigation is filed.
+
+   4. Redistribution. You may reproduce and distribute copies of the
+      Work or Derivative Works thereof in any medium, with or without
+      modifications, and in Source or Object form, provided that You
+      meet the following conditions:
+
+      (a) You must give any other recipients of the Work or
+          Derivative Works a copy of this License; and
+
+      (b) You must cause any modified files to carry prominent notices
+          stating that You changed the files; and
+
+      (c) You must retain, in the Source form of any Derivative Works
+          that You distribute, all copyright, patent, trademark, and
+          attribution notices from the Source form of the Work,
+          excluding those notices that do not pertain to any part of
+          the Derivative Works; and
+
+      (d) If the Work includes a "NOTICE" text file as part of its
+          distribution, then any Derivative Works that You distribute must
+          include a readable copy of the attribution notices contained
+          within such NOTICE file, excluding those notices that do not
+          pertain to any part of the Derivative Works, in at least one
+          of the following places: within a NOTICE text file distributed
+          as part of the Derivative Works; within the Source form or
+          documentation, if provided along with the Derivative Works; or,
+          within a display generated by the Derivative Works, if and
+          wherever such third-party notices normally appear. The contents
+          of the NOTICE file are for informational purposes only and
+          do not modify the License. You may add Your own attribution
+          notices within Derivative Works that You distribute, alongside
+          or as an addendum to the NOTICE text from the Work, provided
+          that such additional attribution notices cannot be construed
+          as modifying the License.
+
+      You may add Your own copyright statement to Your modifications and
+      may provide additional or different license terms and conditions
+      for use, reproduction, or distribution of Your modifications, or
+      for any such Derivative Works as a whole, provided Your use,
+      reproduction, and distribution of the Work otherwise complies with
+      the conditions stated in this License.
+
+   5. Submission of Contributions. Unless You explicitly state otherwise,
+      any Contribution intentionally submitted for inclusion in the Work
+      by You to the Licensor shall be under the terms and conditions of
+      this License, without any additional terms or conditions.
+      Notwithstanding the above, nothing herein shall supersede or modify
+      the terms of any separate license agreement you may have executed
+      with Licensor regarding such Contributions.
+
+   6. Trademarks. This License does not grant permission to use the trade
+      names, trademarks, service marks, or product names of the Licensor,
+      except as required for reasonable and customary use in describing the
+      origin of the Work and reproducing the content of the NOTICE file.
+
+   7. Disclaimer of Warranty. Unless required by applicable law or
+      agreed to in writing, Licensor provides the Work (and each
+      Contributor provides its Contributions) on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
+      implied, including, without limitation, any warranties or conditions
+      of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
+      PARTICULAR PURPOSE. You are solely responsible for determining the
+      appropriateness of using or redistributing the Work and assume any
+      risks associated with Your exercise of permissions under this License.
+
+   8. Limitation of Liability. In no event and under no legal theory,
+      whether in tort (including negligence), contract, or otherwise,
+      unless required by applicable law (such as deliberate and grossly
+      negligent acts) or agreed to in writing, shall any Contributor be
+      liable to You for damages, including any direct, indirect, special,
+      incidental, or consequential damages of any character arising as a
+      result of this License or out of the use or inability to use the
+      Work (including but not limited to damages for loss of goodwill,
+      work stoppage, computer failure or malfunction, or any and all
+      other commercial damages or losses), even if such Contributor
+      has been advised of the possibility of such damages.
+
+   9. Accepting Warranty or Additional Liability. While redistributing
+      the Work or Derivative Works thereof, You may choose to offer,
+      and charge a fee for, acceptance of support, warranty, indemnity,
+      or other liability obligations and/or rights consistent with this
+      License. However, in accepting such obligations, You may act only
+      on Your own behalf and on Your sole responsibility, not on behalf
+      of any other Contributor, and only if You agree to indemnify,
+      defend, and hold each Contributor harmless for any liability
+      incurred by, or claims asserted against, such Contributor by reason
+      of your accepting any such warranty or additional liability.
+
+   END OF TERMS AND CONDITIONS
+
+   APPENDIX: How to apply the Apache License to your work.
+
+      To apply the Apache License to your work, attach the following
+      boilerplate notice, with the fields enclosed by brackets "[]"
+      replaced with your own identifying information. (Don't include
+      the brackets!)  The text should be enclosed in the appropriate
+      comment syntax for the file format. We also recommend that a
+      file or class name and description of purpose be included on the
+      same "printed page" as the copyright notice for easier
+      identification within third-party archives.
+
+   Copyright [yyyy] [name of copyright owner]
+
+   Licensed under the Apache License, Version 2.0 (the "License");
+   you may not use this file except in compliance with the License.
+   You may obtain a copy of the License at
+
+       http://www.apache.org/licenses/LICENSE-2.0
+
+   Unless required by applicable law or agreed to in writing, software
+   distributed under the License is distributed on an "AS IS" BASIS,
+   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+   See the License for the specific language governing permissions and
+   limitations under the License.
+
+--------------------------------------------------------------------------------
+
+test_api and test_core license:
+
+Copyright 2018, the Dart project authors. 
+
+Redistribution and use in source and binary forms, with or without
+modification, are permitted provided that the following conditions are
+met:
+
+    * Redistributions of source code must retain the above copyright
+      notice, this list of conditions and the following disclaimer.
+    * Redistributions in binary form must reproduce the above
+      copyright notice, this list of conditions and the following
+      disclaimer in the documentation and/or other materials provided
+      with the distribution.
+    * Neither the name of Google LLC nor the names of its
+      contributors may be used to endorse or promote products derived
+      from this software without specific prior written permission.
+
+THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
+"AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
+LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
+A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
+OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
+SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
+LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
+DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
+THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
+(INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
+OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
+
+
+--------------------------------------------------------------------------------
+
+test_descriptor and web_socket_channel license:
+
+Copyright 2016, the Dart project authors. 
+
+Redistribution and use in source and binary forms, with or without
+modification, are permitted provided that the following conditions are
+met:
+
+    * Redistributions of source code must retain the above copyright
+      notice, this list of conditions and the following disclaimer.
+    * Redistributions in binary form must reproduce the above
+      copyright notice, this list of conditions and the following
+      disclaimer in the documentation and/or other materials provided
+      with the distribution.
+    * Neither the name of Google LLC nor the names of its
+      contributors may be used to endorse or promote products derived
+      from this software without specific prior written permission.
+
+THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
+"AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
+LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
+A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
+OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
+SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
+LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
+DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
+THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
+(INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
+OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
+
+
+--------------------------------------------------------------------------------
+
+test_process license:
+
+Copyright 2017, the Dart project authors.
+
+Redistribution and use in source and binary forms, with or without
+modification, are permitted provided that the following conditions are
+met:
+
+    * Redistributions of source code must retain the above copyright
+      notice, this list of conditions and the following disclaimer.
+    * Redistributions in binary form must reproduce the above
+      copyright notice, this list of conditions and the following
+      disclaimer in the documentation and/or other materials provided
+      with the distribution.
+    * Neither the name of Google LLC nor the names of its
+      contributors may be used to endorse or promote products derived
+      from this software without specific prior written permission.
+
+THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
+"AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
+LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
+A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
+OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
+SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
+LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
+DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
+THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
+(INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
+OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
+
+
+--------------------------------------------------------------------------------
+
+web license:
+
+Copyright 2023, the Dart project authors.
+
+Redistribution and use in source and binary forms, with or without
+modification, are permitted provided that the following conditions are
+met:
+    * Redistributions of source code must retain the above copyright
+      notice, this list of conditions and the following disclaimer.
+    * Redistributions in binary form must reproduce the above
+      copyright notice, this list of conditions and the following
+      disclaimer in the documentation and/or other materials provided
+      with the distribution.
+    * Neither the name of Google LLC nor the names of its
+      contributors may be used to endorse or promote products derived
+      from this software without specific prior written permission.
+
+THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
+"AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
+LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
+A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
+OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
+SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
+LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
+DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
+THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
+(INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
+OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
+
+
+--------------------------------------------------------------------------------
+
+web_socket license:
+
+Copyright 2024, the Dart project authors. 
+
+Redistribution and use in source and binary forms, with or without
+modification, are permitted provided that the following conditions are
+met:
+
+    * Redistributions of source code must retain the above copyright
+      notice, this list of conditions and the following disclaimer.
+    * Redistributions in binary form must reproduce the above
+      copyright notice, this list of conditions and the following
+      disclaimer in the documentation and/or other materials provided
+      with the distribution.
+    * Neither the name of Google LLC nor the names of its
+      contributors may be used to endorse or promote products derived
+      from this software without specific prior written permission.
+
+THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
+"AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
+LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
+A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
+OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
+SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
+LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
+DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
+THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
+(INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
+OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
+
+
+--------------------------------------------------------------------------------
+
+xml license:
+
+The MIT License
+
+Copyright (c) 2006-2025 Lukas Renggli.
+All rights reserved.
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.
+
+
+--------------------------------------------------------------------------------
+
+yaml license:
+
+Copyright (c) 2014, the Dart project authors.
+Copyright (c) 2006, Kirill Simonov.
+
+Permission is hereby granted, free of charge, to any person obtaining a copy of
+this software and associated documentation files (the "Software"), to deal in
+the Software without restriction, including without limitation the rights to
+use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies
+of the Software, and to permit persons to whom the Software is furnished to do
+so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
diff --git a/node_modules/sass/README.md b/node_modules/sass/README.md
new file mode 100644
index 0000000..c7ad591
--- /dev/null
+++ b/node_modules/sass/README.md
@@ -0,0 +1,173 @@
+A pure JavaScript implementation of [Sass][sass]. **Sass makes CSS fun again**.
+
+<table>
+  <tr>
+    <td>
+      <img width="118px" alt="Sass logo" src="https://rawgit.com/sass/sass-site/master/source/assets/img/logos/logo.svg" />
+    </td>
+    <td valign="middle">
+      <a href="https://www.npmjs.com/package/sass"><img width="100%" alt="npm statistics" src="https://nodei.co/npm/sass.png?downloads=true"></a>
+    </td>
+    <td valign="middle">
+      <a href="https://github.com/sass/dart-sass/actions"><img alt="GitHub actions build status" src="https://github.com/sass/dart-sass/workflows/CI/badge.svg"></a>
+      <br>
+      <a href="https://ci.appveyor.com/project/nex3/dart-sass"><img alt="Appveyor build status" src="https://ci.appveyor.com/api/projects/status/84rl9hvu8uoecgef?svg=true"></a>
+    </td>
+  </tr>
+</table>
+
+[sass]: https://sass-lang.com/
+
+This package is a distribution of [Dart Sass][], compiled to pure JavaScript
+with no native code or external dependencies. It provides a command-line `sass`
+executable and a Node.js API.
+
+[Dart Sass]: https://github.com/sass/dart-sass
+
+* [Usage](#usage)
+* [See Also](#see-also)
+* [Behavioral Differences from Ruby Sass](#behavioral-differences-from-ruby-sass)
+
+## Usage
+
+You can install Sass globally using `npm install -g sass` which will provide
+access to the `sass` executable. You can also add it to your project using
+`npm install --save-dev sass`. This provides the executable as well as a
+library:
+
+[npm]: https://www.npmjs.com/package/sass
+
+```js
+const sass = require('sass');
+
+const result = sass.compile(scssFilename);
+
+// OR
+
+// Note that `compileAsync()` is substantially slower than `compile()`.
+const result = await sass.compileAsync(scssFilename);
+```
+
+See [the Sass website][js api] for full API documentation.
+
+[js api]: https://sass-lang.com/documentation/js-api
+
+### Legacy API
+
+Dart Sass also supports an older JavaScript API that's fully compatible with
+[Node Sass] (with a few exceptions listed below), with support for both the
+[`render()`] and [`renderSync()`] functions. This API is considered deprecated
+and will be removed in Dart Sass 2.0.0, so it should be avoided in new projects.
+
+[Node Sass]: https://github.com/sass/node-sass
+[`render()`]: https://sass-lang.com/documentation/js-api/functions/render
+[`renderSync()`]: https://sass-lang.com/documentation/js-api/functions/renderSync
+
+Sass's support for the legacy JavaScript API has the following limitations:
+
+* Only the `"expanded"` and `"compressed"` values of [`outputStyle`] are
+  supported.
+
+* Dart Sass doesn't support the [`precision`] option. Dart Sass defaults to a
+  sufficiently high precision for all existing browsers, and making this
+  customizable would make the code substantially less efficient.
+
+* Dart Sass doesn't support the [`sourceComments`] option. Source maps are the
+  recommended way of locating the origin of generated selectors.
+
+[`outputStyle`]: https://sass-lang.com/documentation/js-api/interfaces/LegacySharedOptions#outputStyle
+[`precision`]: https://github.com/sass/node-sass#precision
+[`sourceComments`]: https://github.com/sass/node-sass#sourcecomments
+
+## See Also
+
+* [Dart Sass][], from which this package is compiled, can be used either as a
+  stand-alone executable or as a Dart library. Running Dart Sass on the Dart VM
+  is substantially faster than running the pure JavaScript version, so this may
+  be appropriate for performance-sensitive applications. The Dart API is also
+  (currently) more user-friendly than the JavaScript API. See
+  [the Dart Sass README][Using Dart Sass] for details on how to use it.
+
+* [Node Sass][], which is a wrapper around [LibSass][], the C++ implementation
+  of Sass. Node Sass supports the same API as this package and is also faster
+  (although it's usually a little slower than Dart Sass). However, it requires a
+  native library which may be difficult to install, and it's generally slower to
+  add features and fix bugs.
+
+[Using Dart Sass]: https://github.com/sass/dart-sass#using-dart-sass
+[Node Sass]: https://www.npmjs.com/package/node-sass
+[LibSass]: https://sass-lang.com/libsass
+
+## Behavioral Differences from Ruby Sass
+
+There are a few intentional behavioral differences between Dart Sass and Ruby
+Sass. These are generally places where Ruby Sass has an undesired behavior, and
+it's substantially easier to implement the correct behavior than it would be to
+implement compatible behavior. These should all have tracking bugs against Ruby
+Sass to update the reference behavior.
+
+1. `@extend` only accepts simple selectors, as does the second argument of
+   `selector-extend()`. See [issue 1599][].
+
+2. Subject selectors are not supported. See [issue 1126][].
+
+3. Pseudo selector arguments are parsed as `<declaration-value>`s rather than
+   having a more limited custom parsing. See [issue 2120][].
+
+4. The numeric precision is set to 10. See [issue 1122][].
+
+5. The indented syntax parser is more flexible: it doesn't require consistent
+   indentation across the whole document. See [issue 2176][].
+
+6. Colors do not support channel-by-channel arithmetic. See [issue 2144][].
+
+7. Unitless numbers aren't `==` to unit numbers with the same value. In
+   addition, map keys follow the same logic as `==`-equality. See
+   [issue 1496][].
+
+8. `rgba()` and `hsla()` alpha values with percentage units are interpreted as
+   percentages. Other units are forbidden. See [issue 1525][].
+
+9. Too many variable arguments passed to a function is an error. See
+   [issue 1408][].
+
+10. Allow `@extend` to reach outside a media query if there's an identical
+    `@extend` defined outside that query. This isn't tracked explicitly, because
+    it'll be irrelevant when [issue 1050][] is fixed.
+
+11. Some selector pseudos containing placeholder selectors will be compiled
+    where they wouldn't be in Ruby Sass. This better matches the semantics of
+    the selectors in question, and is more efficient. See [issue 2228][].
+
+12. The old-style `:property value` syntax is not supported in the indented
+    syntax. See [issue 2245][].
+
+13. The reference combinator is not supported. See [issue 303][].
+
+14. Universal selector unification is symmetrical. See [issue 2247][].
+
+15. `@extend` doesn't produce an error if it matches but fails to unify. See
+    [issue 2250][].
+
+16. Dart Sass currently only supports UTF-8 documents. We'd like to support
+    more, but Dart currently doesn't support them. See [dart-lang/sdk#11744][],
+    for example.
+
+[issue 1599]: https://github.com/sass/sass/issues/1599
+[issue 1126]: https://github.com/sass/sass/issues/1126
+[issue 2120]: https://github.com/sass/sass/issues/2120
+[issue 1122]: https://github.com/sass/sass/issues/1122
+[issue 2176]: https://github.com/sass/sass/issues/2176
+[issue 2144]: https://github.com/sass/sass/issues/2144
+[issue 1496]: https://github.com/sass/sass/issues/1496
+[issue 1525]: https://github.com/sass/sass/issues/1525
+[issue 1408]: https://github.com/sass/sass/issues/1408
+[issue 1050]: https://github.com/sass/sass/issues/1050
+[issue 2228]: https://github.com/sass/sass/issues/2228
+[issue 2245]: https://github.com/sass/sass/issues/2245
+[issue 303]: https://github.com/sass/sass/issues/303
+[issue 2247]: https://github.com/sass/sass/issues/2247
+[issue 2250]: https://github.com/sass/sass/issues/2250
+[dart-lang/sdk#11744]: https://github.com/dart-lang/sdk/issues/11744
+
+Disclaimer: this is not an official Google product.
diff --git a/node_modules/sass/package.json b/node_modules/sass/package.json
new file mode 100644
index 0000000..21b6822
--- /dev/null
+++ b/node_modules/sass/package.json
@@ -0,0 +1 @@
+{"name":"sass","description":"A pure JavaScript implementation of Sass.","license":"MIT","bugs":"https://github.com/sass/dart-sass/issues","homepage":"https://github.com/sass/dart-sass","repository":{"type":"git","url":"https://github.com/sass/dart-sass"},"author":{"name":"Natalie Weizenbaum","email":"nweiz@google.com","url":"https://github.com/nex3"},"engines":{"node":">=14.0.0"},"dependencies":{"chokidar":"^4.0.0","immutable":"^5.0.2","source-map-js":">=0.6.2 <2.0.0"},"optionalDependencies":{"@parcel/watcher":"^2.4.1"},"keywords":["style","scss","sass","preprocessor","css"],"types":"types/index.d.ts","exports":{"types":"./types/index.d.ts","node":{"require":"./sass.node.js","default":"./sass.node.mjs"},"default":{"require":"./sass.default.cjs","default":"./sass.default.js"}},"version":"1.93.2","bin":{"sass":"sass.js"},"main":"sass.node.js"}
\ No newline at end of file
diff --git a/node_modules/sass/sass.dart.js b/node_modules/sass/sass.dart.js
new file mode 100644
index 0000000..bfb792a
--- /dev/null
+++ b/node_modules/sass/sass.dart.js
@@ -0,0 +1,127622 @@
+// Because of vitejs/vite#12340, there's no way to reliably detect whether we're
+// running as a (possibly bundled/polyfilled) ESM module or as a CommonJS
+// module. In order to work everywhere, we have to provide the load function via
+// a side channel on the global object. We write it as a stack so that multiple
+// cli_pkg packages can depend on one another without clobbering their exports.
+if (!globalThis._cliPkgExports) {
+  globalThis._cliPkgExports = [];
+}
+let _cliPkgExports = {};
+globalThis._cliPkgExports.push(_cliPkgExports);
+
+_cliPkgExports.load = function(_cliPkgRequires, _cliPkgExportParam) {
+var dartNodeIsActuallyNode = typeof process !== "undefined" && (process.versions || {}).hasOwnProperty('node');
+
+// make sure to keep this as 'var'
+// we don't want block scoping
+var self = dartNodeIsActuallyNode ? Object.create(globalThis) : globalThis;
+
+self.scheduleImmediate = typeof setImmediate !== "undefined"
+    ? function (cb) {
+        setImmediate(cb);
+      }
+    : function(cb) {
+        setTimeout(cb, 0);
+      };
+
+// CommonJS globals.
+if (typeof require !== "undefined") {
+  self.require = require;
+}
+self.exports = _cliPkgExportParam || _cliPkgExports;
+
+// Node.js specific exports, check to see if they exist & or polyfilled
+
+if (typeof process !== "undefined") {
+  self.process = process;
+}
+
+if (typeof __dirname !== "undefined") {
+  self.__dirname = __dirname;
+}
+
+if (typeof __filename !== "undefined") {
+  self.__filename = __filename;
+}
+
+if (typeof Buffer !== "undefined") {
+  self.Buffer = Buffer;
+}
+
+// if we're running in a browser, Dart supports most of this out of box
+// make sure we only run these in Node.js environment
+
+if (dartNodeIsActuallyNode) {
+  // This line is to:
+  // 1) Prevent Webpack from bundling.
+  // 2) In Webpack on Node.js, make sure we're using the native Node.js require, which is available via __non_webpack_require__
+  // https://github.com/mbullington/node_preamble.dart/issues/18#issuecomment-527305561
+  var url = ("undefined" !== typeof __webpack_require__ ? __non_webpack_require__ : require)("url");
+
+  // Setting `self.location=` in Electron throws a `TypeError`, so we define it
+  // as a property instead to be safe.
+  Object.defineProperty(self, "location", {
+    value: {
+      get href() {
+        if (url.pathToFileURL) {
+          return url.pathToFileURL(process.cwd()).href + "/";
+        } else {
+          // This isn't really a correct transformation, but it's the best we have
+          // for versions of Node <10.12.0 which introduced `url.pathToFileURL()`.
+          // For example, it will fail for paths that contain characters that need
+          // to be escaped in URLs.
+          return "file://" + (function() {
+            var cwd = process.cwd();
+            if (process.platform != "win32") return cwd;
+            return "/" + cwd.replace(/\\/g, "/");
+          })() + "/"
+        }
+      }
+    }
+  });
+
+  (function() {
+    function computeCurrentScript() {
+      try {
+        throw new Error();
+      } catch(e) {
+        var stack = e.stack;
+        var re = new RegExp("^ *at [^(]*\\((.*):[0-9]*:[0-9]*\\)$", "mg");
+        var lastMatch = null;
+        do {
+          var match = re.exec(stack);
+          if (match != null) lastMatch = match;
+        } while (match != null);
+        return lastMatch[1];
+      }
+    }
+
+    // Setting `self.document=` isn't known to throw an error anywhere like
+    // `self.location=` does on Electron, but it's better to be future-proof
+    // just in case..
+    var cachedCurrentScript = null;
+    Object.defineProperty(self, "document", {
+      value: {
+        get currentScript() {
+          if (cachedCurrentScript == null) {
+            cachedCurrentScript = {src: computeCurrentScript()};
+          }
+          return cachedCurrentScript;
+        }
+      }
+    });
+  })();
+
+  self.dartDeferredLibraryLoader = function(uri, successCallback, errorCallback) {
+    try {
+     load(uri);
+      successCallback();
+    } catch (error) {
+      errorCallback(error);
+    }
+  };
+}
+
+Object.defineProperty(self, 'parcel_watcher', { get: _cliPkgRequires.parcel_watcher });
+self.immutable = _cliPkgRequires.immutable;
+self.chokidar = _cliPkgRequires.chokidar;
+self.readline = _cliPkgRequires.readline;
+self.fs = _cliPkgRequires.fs;
+self.nodeModule = _cliPkgRequires.nodeModule;
+self.stream = _cliPkgRequires.stream;
+self.util = _cliPkgRequires.util;
+// Generated by dart2js (, trust primitives, omit checks, lax runtime type, csp, intern-composite-values), the Dart to JavaScript compiler version: 3.9.3.
+// The code supports the following hooks:
+// dartPrint(message):
+//    if this function is defined it is called instead of the Dart [print]
+//    method.
+//
+// dartMainRunner(main, args):
+//    if this function is defined, the Dart [main] method will not be invoked
+//    directly. Instead, a closure that will invoke [main], and its arguments
+//    [args] is passed to [dartMainRunner].
+//
+// dartDeferredLibraryLoader(uri, successCallback, errorCallback, loadId, loadPriority):
+//    if this function is defined, it will be called when a deferred library
+//    is loaded. It should load and eval the javascript of `uri`, and call
+//    successCallback. If it fails to do so, it should call errorCallback with
+//    an error. The loadId argument is the deferred import that resulted in
+//    this uri being loaded. The loadPriority argument is an arbitrary argument
+//    string forwarded from the 'dart2js:load-priority' pragma option.
+// dartDeferredLibraryMultiLoader(uris, successCallback, errorCallback, loadId, loadPriority):
+//    if this function is defined, it will be called when a deferred library
+//    is loaded. It should load and eval the javascript of every URI in `uris`,
+//    and call successCallback. If it fails to do so, it should call
+//    errorCallback with an error. The loadId argument is the deferred import
+//    that resulted in this uri being loaded. The loadPriority argument is an
+//    arbitrary argument string forwarded from the 'dart2js:load-priority'
+//    pragma option.
+//
+// dartCallInstrumentation(id, qualifiedName):
+//    if this function is defined, it will be called at each entry of a
+//    method or constructor. Used only when compiling programs with
+//    --experiment-call-instrumentation.
+(function dartProgram() {
+  function copyProperties(from, to) {
+    var keys = Object.keys(from);
+    for (var i = 0; i < keys.length; i++) {
+      var key = keys[i];
+      to[key] = from[key];
+    }
+  }
+  function mixinPropertiesHard(from, to) {
+    var keys = Object.keys(from);
+    for (var i = 0; i < keys.length; i++) {
+      var key = keys[i];
+      if (!to.hasOwnProperty(key)) {
+        to[key] = from[key];
+      }
+    }
+  }
+  function mixinPropertiesEasy(from, to) {
+    Object.assign(to, from);
+  }
+  var supportsDirectProtoAccess = function() {
+    var cls = function() {
+    };
+    cls.prototype = {p: {}};
+    var object = new cls();
+    if (!(Object.getPrototypeOf(object) && Object.getPrototypeOf(object).p === cls.prototype.p))
+      return false;
+    try {
+      if (typeof navigator != "undefined" && typeof navigator.userAgent == "string" && navigator.userAgent.indexOf("Chrome/") >= 0)
+        return true;
+      if (typeof version == "function" && version.length == 0) {
+        var v = version();
+        if (/^\d+\.\d+\.\d+\.\d+$/.test(v))
+          return true;
+      }
+    } catch (_) {
+    }
+    return false;
+  }();
+  function inherit(cls, sup) {
+    cls.prototype.constructor = cls;
+    cls.prototype["$is" + cls.name] = cls;
+    if (sup != null) {
+      if (supportsDirectProtoAccess) {
+        Object.setPrototypeOf(cls.prototype, sup.prototype);
+        return;
+      }
+      var clsPrototype = Object.create(sup.prototype);
+      copyProperties(cls.prototype, clsPrototype);
+      cls.prototype = clsPrototype;
+    }
+  }
+  function inheritMany(sup, classes) {
+    for (var i = 0; i < classes.length; i++) {
+      inherit(classes[i], sup);
+    }
+  }
+  function mixinEasy(cls, mixin) {
+    mixinPropertiesEasy(mixin.prototype, cls.prototype);
+    cls.prototype.constructor = cls;
+  }
+  function mixinHard(cls, mixin) {
+    mixinPropertiesHard(mixin.prototype, cls.prototype);
+    cls.prototype.constructor = cls;
+  }
+  function lazy(holder, name, getterName, initializer) {
+    var uninitializedSentinel = holder;
+    holder[name] = uninitializedSentinel;
+    holder[getterName] = function() {
+      if (holder[name] === uninitializedSentinel) {
+        holder[name] = initializer();
+      }
+      holder[getterName] = function() {
+        return this[name];
+      };
+      return holder[name];
+    };
+  }
+  function lazyFinal(holder, name, getterName, initializer) {
+    var uninitializedSentinel = holder;
+    holder[name] = uninitializedSentinel;
+    holder[getterName] = function() {
+      if (holder[name] === uninitializedSentinel) {
+        var value = initializer();
+        if (holder[name] !== uninitializedSentinel) {
+          A.throwLateFieldADI(name);
+        }
+        holder[name] = value;
+      }
+      var finalValue = holder[name];
+      holder[getterName] = function() {
+        return finalValue;
+      };
+      return finalValue;
+    };
+  }
+  function makeConstList(list, rti) {
+    if (rti != null)
+      A._setArrayType(list, rti);
+    list.$flags = 7;
+    return list;
+  }
+  function convertToFastObject(properties) {
+    function t() {
+    }
+    t.prototype = properties;
+    new t();
+    return properties;
+  }
+  function convertAllToFastObject(arrayOfObjects) {
+    for (var i = 0; i < arrayOfObjects.length; ++i) {
+      convertToFastObject(arrayOfObjects[i]);
+    }
+  }
+  var functionCounter = 0;
+  function instanceTearOffGetter(isIntercepted, parameters) {
+    var cache = null;
+    return isIntercepted ? function(receiver) {
+      if (cache === null)
+        cache = A.closureFromTearOff(parameters);
+      return new cache(receiver, this);
+    } : function() {
+      if (cache === null)
+        cache = A.closureFromTearOff(parameters);
+      return new cache(this, null);
+    };
+  }
+  function staticTearOffGetter(parameters) {
+    var cache = null;
+    return function() {
+      if (cache === null)
+        cache = A.closureFromTearOff(parameters).prototype;
+      return cache;
+    };
+  }
+  var typesOffset = 0;
+  function tearOffParameters(container, isStatic, isIntercepted, requiredParameterCount, optionalParameterDefaultValues, callNames, funsOrNames, funType, applyIndex, needsDirectAccess) {
+    if (typeof funType == "number") {
+      funType += typesOffset;
+    }
+    return {co: container, iS: isStatic, iI: isIntercepted, rC: requiredParameterCount, dV: optionalParameterDefaultValues, cs: callNames, fs: funsOrNames, fT: funType, aI: applyIndex || 0, nDA: needsDirectAccess};
+  }
+  function installStaticTearOff(holder, getterName, requiredParameterCount, optionalParameterDefaultValues, callNames, funsOrNames, funType, applyIndex) {
+    var parameters = tearOffParameters(holder, true, false, requiredParameterCount, optionalParameterDefaultValues, callNames, funsOrNames, funType, applyIndex, false);
+    var getterFunction = staticTearOffGetter(parameters);
+    holder[getterName] = getterFunction;
+  }
+  function installInstanceTearOff(prototype, getterName, isIntercepted, requiredParameterCount, optionalParameterDefaultValues, callNames, funsOrNames, funType, applyIndex, needsDirectAccess) {
+    isIntercepted = !!isIntercepted;
+    var parameters = tearOffParameters(prototype, false, isIntercepted, requiredParameterCount, optionalParameterDefaultValues, callNames, funsOrNames, funType, applyIndex, !!needsDirectAccess);
+    var getterFunction = instanceTearOffGetter(isIntercepted, parameters);
+    prototype[getterName] = getterFunction;
+  }
+  function setOrUpdateInterceptorsByTag(newTags) {
+    var tags = init.interceptorsByTag;
+    if (!tags) {
+      init.interceptorsByTag = newTags;
+      return;
+    }
+    copyProperties(newTags, tags);
+  }
+  function setOrUpdateLeafTags(newTags) {
+    var tags = init.leafTags;
+    if (!tags) {
+      init.leafTags = newTags;
+      return;
+    }
+    copyProperties(newTags, tags);
+  }
+  function updateTypes(newTypes) {
+    var types = init.types;
+    var length = types.length;
+    types.push.apply(types, newTypes);
+    return length;
+  }
+  function updateHolder(holder, newHolder) {
+    copyProperties(newHolder, holder);
+    return holder;
+  }
+  var hunkHelpers = function() {
+    var mkInstance = function(isIntercepted, requiredParameterCount, optionalParameterDefaultValues, callNames, applyIndex) {
+        return function(container, getterName, name, funType) {
+          return installInstanceTearOff(container, getterName, isIntercepted, requiredParameterCount, optionalParameterDefaultValues, callNames, [name], funType, applyIndex, false);
+        };
+      },
+      mkStatic = function(requiredParameterCount, optionalParameterDefaultValues, callNames, applyIndex) {
+        return function(container, getterName, name, funType) {
+          return installStaticTearOff(container, getterName, requiredParameterCount, optionalParameterDefaultValues, callNames, [name], funType, applyIndex);
+        };
+      };
+    return {inherit: inherit, inheritMany: inheritMany, mixin: mixinEasy, mixinHard: mixinHard, installStaticTearOff: installStaticTearOff, installInstanceTearOff: installInstanceTearOff, _instance_0u: mkInstance(0, 0, null, ["call$0"], 0), _instance_1u: mkInstance(0, 1, null, ["call$1"], 0), _instance_2u: mkInstance(0, 2, null, ["call$2"], 0), _instance_0i: mkInstance(1, 0, null, ["call$0"], 0), _instance_1i: mkInstance(1, 1, null, ["call$1"], 0), _instance_2i: mkInstance(1, 2, null, ["call$2"], 0), _static_0: mkStatic(0, null, ["call$0"], 0), _static_1: mkStatic(1, null, ["call$1"], 0), _static_2: mkStatic(2, null, ["call$2"], 0), makeConstList: makeConstList, lazy: lazy, lazyFinal: lazyFinal, updateHolder: updateHolder, convertToFastObject: convertToFastObject, updateTypes: updateTypes, setOrUpdateInterceptorsByTag: setOrUpdateInterceptorsByTag, setOrUpdateLeafTags: setOrUpdateLeafTags};
+  }();
+  function initializeDeferredHunk(hunk) {
+    typesOffset = init.types.length;
+    hunk(hunkHelpers, init, holders, $);
+  }
+  var J = {
+    makeDispatchRecord(interceptor, proto, extension, indexability) {
+      return {i: interceptor, p: proto, e: extension, x: indexability};
+    },
+    getNativeInterceptor(object) {
+      var proto, objectProto, $constructor, interceptor, t1,
+        record = object[init.dispatchPropertyName];
+      if (record == null)
+        if ($.initNativeDispatchFlag == null) {
+          A.initNativeDispatch();
+          record = object[init.dispatchPropertyName];
+        }
+      if (record != null) {
+        proto = record.p;
+        if (false === proto)
+          return record.i;
+        if (true === proto)
+          return object;
+        objectProto = Object.getPrototypeOf(object);
+        if (proto === objectProto)
+          return record.i;
+        if (record.e === objectProto)
+          throw A.wrapException(A.UnimplementedError$("Return interceptor for " + A.S(proto(object, record))));
+      }
+      $constructor = object.constructor;
+      if ($constructor == null)
+        interceptor = null;
+      else {
+        t1 = $._JS_INTEROP_INTERCEPTOR_TAG;
+        if (t1 == null)
+          t1 = $._JS_INTEROP_INTERCEPTOR_TAG = init.getIsolateTag("_$dart_js");
+        interceptor = $constructor[t1];
+      }
+      if (interceptor != null)
+        return interceptor;
+      interceptor = A.lookupAndCacheInterceptor(object);
+      if (interceptor != null)
+        return interceptor;
+      if (typeof object == "function")
+        return B.JavaScriptFunction_methods;
+      proto = Object.getPrototypeOf(object);
+      if (proto == null)
+        return B.PlainJavaScriptObject_methods;
+      if (proto === Object.prototype)
+        return B.PlainJavaScriptObject_methods;
+      if (typeof $constructor == "function") {
+        t1 = $._JS_INTEROP_INTERCEPTOR_TAG;
+        if (t1 == null)
+          t1 = $._JS_INTEROP_INTERCEPTOR_TAG = init.getIsolateTag("_$dart_js");
+        Object.defineProperty($constructor, t1, {value: B.UnknownJavaScriptObject_methods, enumerable: false, writable: true, configurable: true});
+        return B.UnknownJavaScriptObject_methods;
+      }
+      return B.UnknownJavaScriptObject_methods;
+    },
+    JSArray_JSArray$fixed($length, $E) {
+      if ($length < 0 || $length > 4294967295)
+        throw A.wrapException(A.RangeError$range($length, 0, 4294967295, "length", null));
+      return J.JSArray_JSArray$markFixed(new Array($length), $E);
+    },
+    JSArray_JSArray$allocateFixed($length, $E) {
+      if ($length > 4294967295)
+        throw A.wrapException(A.RangeError$range($length, 0, 4294967295, "length", null));
+      return J.JSArray_JSArray$markFixed(new Array($length), $E);
+    },
+    JSArray_JSArray$growable($length, $E) {
+      if ($length < 0)
+        throw A.wrapException(A.ArgumentError$("Length must be a non-negative integer: " + $length, null));
+      return A._setArrayType(new Array($length), $E._eval$1("JSArray<0>"));
+    },
+    JSArray_JSArray$allocateGrowable($length, $E) {
+      if ($length < 0)
+        throw A.wrapException(A.ArgumentError$("Length must be a non-negative integer: " + $length, null));
+      return A._setArrayType(new Array($length), $E._eval$1("JSArray<0>"));
+    },
+    JSArray_JSArray$markFixed(allocation, $E) {
+      var t1 = A._setArrayType(allocation, $E._eval$1("JSArray<0>"));
+      t1.$flags = 1;
+      return t1;
+    },
+    JSArray__compareAny(a, b) {
+      return J.compareTo$1$ns(a, b);
+    },
+    JSString__isWhitespace(codeUnit) {
+      if (codeUnit < 256)
+        switch (codeUnit) {
+          case 9:
+          case 10:
+          case 11:
+          case 12:
+          case 13:
+          case 32:
+          case 133:
+          case 160:
+            return true;
+          default:
+            return false;
+        }
+      switch (codeUnit) {
+        case 5760:
+        case 8192:
+        case 8193:
+        case 8194:
+        case 8195:
+        case 8196:
+        case 8197:
+        case 8198:
+        case 8199:
+        case 8200:
+        case 8201:
+        case 8202:
+        case 8232:
+        case 8233:
+        case 8239:
+        case 8287:
+        case 12288:
+        case 65279:
+          return true;
+        default:
+          return false;
+      }
+    },
+    JSString__skipLeadingWhitespace(string, index) {
+      var t1, codeUnit;
+      for (t1 = string.length; index < t1;) {
+        codeUnit = string.charCodeAt(index);
+        if (codeUnit !== 32 && codeUnit !== 13 && !J.JSString__isWhitespace(codeUnit))
+          break;
+        ++index;
+      }
+      return index;
+    },
+    JSString__skipTrailingWhitespace(string, index) {
+      var index0, codeUnit;
+      for (; index > 0; index = index0) {
+        index0 = index - 1;
+        codeUnit = string.charCodeAt(index0);
+        if (codeUnit !== 32 && codeUnit !== 13 && !J.JSString__isWhitespace(codeUnit))
+          break;
+      }
+      return index;
+    },
+    getInterceptor$(receiver) {
+      if (typeof receiver == "number") {
+        if (Math.floor(receiver) == receiver)
+          return J.JSInt.prototype;
+        return J.JSNumNotInt.prototype;
+      }
+      if (typeof receiver == "string")
+        return J.JSString.prototype;
+      if (receiver == null)
+        return J.JSNull.prototype;
+      if (typeof receiver == "boolean")
+        return J.JSBool.prototype;
+      if (Array.isArray(receiver))
+        return J.JSArray.prototype;
+      if (typeof receiver != "object") {
+        if (typeof receiver == "function")
+          return J.JavaScriptFunction.prototype;
+        if (typeof receiver == "symbol")
+          return J.JavaScriptSymbol.prototype;
+        if (typeof receiver == "bigint")
+          return J.JavaScriptBigInt.prototype;
+        return receiver;
+      }
+      if (receiver instanceof A.Object)
+        return receiver;
+      return J.getNativeInterceptor(receiver);
+    },
+    getInterceptor$ansx(receiver) {
+      if (typeof receiver == "number")
+        return J.JSNumber.prototype;
+      if (typeof receiver == "string")
+        return J.JSString.prototype;
+      if (receiver == null)
+        return receiver;
+      if (Array.isArray(receiver))
+        return J.JSArray.prototype;
+      if (typeof receiver != "object") {
+        if (typeof receiver == "function")
+          return J.JavaScriptFunction.prototype;
+        if (typeof receiver == "symbol")
+          return J.JavaScriptSymbol.prototype;
+        if (typeof receiver == "bigint")
+          return J.JavaScriptBigInt.prototype;
+        return receiver;
+      }
+      if (receiver instanceof A.Object)
+        return receiver;
+      return J.getNativeInterceptor(receiver);
+    },
+    getInterceptor$asx(receiver) {
+      if (typeof receiver == "string")
+        return J.JSString.prototype;
+      if (receiver == null)
+        return receiver;
+      if (Array.isArray(receiver))
+        return J.JSArray.prototype;
+      if (typeof receiver != "object") {
+        if (typeof receiver == "function")
+          return J.JavaScriptFunction.prototype;
+        if (typeof receiver == "symbol")
+          return J.JavaScriptSymbol.prototype;
+        if (typeof receiver == "bigint")
+          return J.JavaScriptBigInt.prototype;
+        return receiver;
+      }
+      if (receiver instanceof A.Object)
+        return receiver;
+      return J.getNativeInterceptor(receiver);
+    },
+    getInterceptor$ax(receiver) {
+      if (receiver == null)
+        return receiver;
+      if (Array.isArray(receiver))
+        return J.JSArray.prototype;
+      if (typeof receiver != "object") {
+        if (typeof receiver == "function")
+          return J.JavaScriptFunction.prototype;
+        if (typeof receiver == "symbol")
+          return J.JavaScriptSymbol.prototype;
+        if (typeof receiver == "bigint")
+          return J.JavaScriptBigInt.prototype;
+        return receiver;
+      }
+      if (receiver instanceof A.Object)
+        return receiver;
+      return J.getNativeInterceptor(receiver);
+    },
+    getInterceptor$in(receiver) {
+      if (typeof receiver == "number") {
+        if (Math.floor(receiver) == receiver)
+          return J.JSInt.prototype;
+        return J.JSNumNotInt.prototype;
+      }
+      if (receiver == null)
+        return receiver;
+      if (!(receiver instanceof A.Object))
+        return J.UnknownJavaScriptObject.prototype;
+      return receiver;
+    },
+    getInterceptor$ns(receiver) {
+      if (typeof receiver == "number")
+        return J.JSNumber.prototype;
+      if (typeof receiver == "string")
+        return J.JSString.prototype;
+      if (receiver == null)
+        return receiver;
+      if (!(receiver instanceof A.Object))
+        return J.UnknownJavaScriptObject.prototype;
+      return receiver;
+    },
+    getInterceptor$s(receiver) {
+      if (typeof receiver == "string")
+        return J.JSString.prototype;
+      if (receiver == null)
+        return receiver;
+      if (!(receiver instanceof A.Object))
+        return J.UnknownJavaScriptObject.prototype;
+      return receiver;
+    },
+    getInterceptor$x(receiver) {
+      if (receiver == null)
+        return receiver;
+      if (typeof receiver != "object") {
+        if (typeof receiver == "function")
+          return J.JavaScriptFunction.prototype;
+        if (typeof receiver == "symbol")
+          return J.JavaScriptSymbol.prototype;
+        if (typeof receiver == "bigint")
+          return J.JavaScriptBigInt.prototype;
+        return receiver;
+      }
+      if (receiver instanceof A.Object)
+        return receiver;
+      return J.getNativeInterceptor(receiver);
+    },
+    getInterceptor$z(receiver) {
+      if (receiver == null)
+        return receiver;
+      if (!(receiver instanceof A.Object))
+        return J.UnknownJavaScriptObject.prototype;
+      return receiver;
+    },
+    set$AsyncCompiler$x(receiver, value) {
+      return J.getInterceptor$x(receiver).set$AsyncCompiler(receiver, value);
+    },
+    set$CalculationInterpolation$x(receiver, value) {
+      return J.getInterceptor$x(receiver).set$CalculationInterpolation(receiver, value);
+    },
+    set$CalculationOperation$x(receiver, value) {
+      return J.getInterceptor$x(receiver).set$CalculationOperation(receiver, value);
+    },
+    set$Compiler$x(receiver, value) {
+      return J.getInterceptor$x(receiver).set$Compiler(receiver, value);
+    },
+    set$Exception$x(receiver, value) {
+      return J.getInterceptor$x(receiver).set$Exception(receiver, value);
+    },
+    set$FALSE$x(receiver, value) {
+      return J.getInterceptor$x(receiver).set$FALSE(receiver, value);
+    },
+    set$Logger$x(receiver, value) {
+      return J.getInterceptor$x(receiver).set$Logger(receiver, value);
+    },
+    set$NULL$x(receiver, value) {
+      return J.getInterceptor$x(receiver).set$NULL(receiver, value);
+    },
+    set$NodePackageImporter$x(receiver, value) {
+      return J.getInterceptor$x(receiver).set$NodePackageImporter(receiver, value);
+    },
+    set$SassArgumentList$x(receiver, value) {
+      return J.getInterceptor$x(receiver).set$SassArgumentList(receiver, value);
+    },
+    set$SassBoolean$x(receiver, value) {
+      return J.getInterceptor$x(receiver).set$SassBoolean(receiver, value);
+    },
+    set$SassCalculation$x(receiver, value) {
+      return J.getInterceptor$x(receiver).set$SassCalculation(receiver, value);
+    },
+    set$SassColor$x(receiver, value) {
+      return J.getInterceptor$x(receiver).set$SassColor(receiver, value);
+    },
+    set$SassFunction$x(receiver, value) {
+      return J.getInterceptor$x(receiver).set$SassFunction(receiver, value);
+    },
+    set$SassList$x(receiver, value) {
+      return J.getInterceptor$x(receiver).set$SassList(receiver, value);
+    },
+    set$SassMap$x(receiver, value) {
+      return J.getInterceptor$x(receiver).set$SassMap(receiver, value);
+    },
+    set$SassMixin$x(receiver, value) {
+      return J.getInterceptor$x(receiver).set$SassMixin(receiver, value);
+    },
+    set$SassNumber$x(receiver, value) {
+      return J.getInterceptor$x(receiver).set$SassNumber(receiver, value);
+    },
+    set$SassString$x(receiver, value) {
+      return J.getInterceptor$x(receiver).set$SassString(receiver, value);
+    },
+    set$TRUE$x(receiver, value) {
+      return J.getInterceptor$x(receiver).set$TRUE(receiver, value);
+    },
+    set$Value$x(receiver, value) {
+      return J.getInterceptor$x(receiver).set$Value(receiver, value);
+    },
+    set$Version$x(receiver, value) {
+      return J.getInterceptor$x(receiver).set$Version(receiver, value);
+    },
+    set$cli_pkg_main_0_$x(receiver, value) {
+      return J.getInterceptor$x(receiver).set$cli_pkg_main_0_(receiver, value);
+    },
+    set$compile$x(receiver, value) {
+      return J.getInterceptor$x(receiver).set$compile(receiver, value);
+    },
+    set$compileAsync$x(receiver, value) {
+      return J.getInterceptor$x(receiver).set$compileAsync(receiver, value);
+    },
+    set$compileString$x(receiver, value) {
+      return J.getInterceptor$x(receiver).set$compileString(receiver, value);
+    },
+    set$compileStringAsync$x(receiver, value) {
+      return J.getInterceptor$x(receiver).set$compileStringAsync(receiver, value);
+    },
+    set$context$x(receiver, value) {
+      return J.getInterceptor$x(receiver).set$context(receiver, value);
+    },
+    set$dartValue$x(receiver, value) {
+      return J.getInterceptor$x(receiver).set$dartValue(receiver, value);
+    },
+    set$deprecations$x(receiver, value) {
+      return J.getInterceptor$x(receiver).set$deprecations(receiver, value);
+    },
+    set$exitCode$x(receiver, value) {
+      return J.getInterceptor$x(receiver).set$exitCode(receiver, value);
+    },
+    set$info$x(receiver, value) {
+      return J.getInterceptor$x(receiver).set$info(receiver, value);
+    },
+    set$initAsyncCompiler$x(receiver, value) {
+      return J.getInterceptor$x(receiver).set$initAsyncCompiler(receiver, value);
+    },
+    set$initCompiler$x(receiver, value) {
+      return J.getInterceptor$x(receiver).set$initCompiler(receiver, value);
+    },
+    set$length$asx(receiver, value) {
+      return J.getInterceptor$asx(receiver).set$length(receiver, value);
+    },
+    set$loadParserExports_$x(receiver, value) {
+      return J.getInterceptor$x(receiver).set$loadParserExports_(receiver, value);
+    },
+    set$render$x(receiver, value) {
+      return J.getInterceptor$x(receiver).set$render(receiver, value);
+    },
+    set$renderSync$x(receiver, value) {
+      return J.getInterceptor$x(receiver).set$renderSync(receiver, value);
+    },
+    set$sassFalse$x(receiver, value) {
+      return J.getInterceptor$x(receiver).set$sassFalse(receiver, value);
+    },
+    set$sassNull$x(receiver, value) {
+      return J.getInterceptor$x(receiver).set$sassNull(receiver, value);
+    },
+    set$sassTrue$x(receiver, value) {
+      return J.getInterceptor$x(receiver).set$sassTrue(receiver, value);
+    },
+    set$types$x(receiver, value) {
+      return J.getInterceptor$x(receiver).set$types(receiver, value);
+    },
+    get$$prototype$x(receiver) {
+      return J.getInterceptor$x(receiver).get$$prototype(receiver);
+    },
+    get$_dartException$x(receiver) {
+      return J.getInterceptor$x(receiver).get$_dartException(receiver);
+    },
+    get$alertAscii$x(receiver) {
+      return J.getInterceptor$x(receiver).get$alertAscii(receiver);
+    },
+    get$alertColor$x(receiver) {
+      return J.getInterceptor$x(receiver).get$alertColor(receiver);
+    },
+    get$argv$x(receiver) {
+      return J.getInterceptor$x(receiver).get$argv(receiver);
+    },
+    get$brackets$x(receiver) {
+      return J.getInterceptor$x(receiver).get$brackets(receiver);
+    },
+    get$charset$x(receiver) {
+      return J.getInterceptor$x(receiver).get$charset(receiver);
+    },
+    get$code$x(receiver) {
+      return J.getInterceptor$x(receiver).get$code(receiver);
+    },
+    get$current$x(receiver) {
+      return J.getInterceptor$x(receiver).get$current(receiver);
+    },
+    get$dartValue$x(receiver) {
+      return J.getInterceptor$x(receiver).get$dartValue(receiver);
+    },
+    get$debug$x(receiver) {
+      return J.getInterceptor$x(receiver).get$debug(receiver);
+    },
+    get$denominatorUnits$x(receiver) {
+      return J.getInterceptor$x(receiver).get$denominatorUnits(receiver);
+    },
+    get$env$x(receiver) {
+      return J.getInterceptor$x(receiver).get$env(receiver);
+    },
+    get$exitCode$x(receiver) {
+      return J.getInterceptor$x(receiver).get$exitCode(receiver);
+    },
+    get$fatalDeprecations$x(receiver) {
+      return J.getInterceptor$x(receiver).get$fatalDeprecations(receiver);
+    },
+    get$fiber$x(receiver) {
+      return J.getInterceptor$x(receiver).get$fiber(receiver);
+    },
+    get$file$x(receiver) {
+      return J.getInterceptor$x(receiver).get$file(receiver);
+    },
+    get$filename$x(receiver) {
+      return J.getInterceptor$x(receiver).get$filename(receiver);
+    },
+    get$first$ax(receiver) {
+      return J.getInterceptor$ax(receiver).get$first(receiver);
+    },
+    get$functions$x(receiver) {
+      return J.getInterceptor$x(receiver).get$functions(receiver);
+    },
+    get$futureDeprecations$x(receiver) {
+      return J.getInterceptor$x(receiver).get$futureDeprecations(receiver);
+    },
+    get$hashCode$(receiver) {
+      return J.getInterceptor$(receiver).get$hashCode(receiver);
+    },
+    get$id$x(receiver) {
+      return J.getInterceptor$x(receiver).get$id(receiver);
+    },
+    get$importer$x(receiver) {
+      return J.getInterceptor$x(receiver).get$importer(receiver);
+    },
+    get$importers$x(receiver) {
+      return J.getInterceptor$x(receiver).get$importers(receiver);
+    },
+    get$isEmpty$asx(receiver) {
+      return J.getInterceptor$asx(receiver).get$isEmpty(receiver);
+    },
+    get$isNotEmpty$asx(receiver) {
+      return J.getInterceptor$asx(receiver).get$isNotEmpty(receiver);
+    },
+    get$isTTY$x(receiver) {
+      return J.getInterceptor$x(receiver).get$isTTY(receiver);
+    },
+    get$iterator$ax(receiver) {
+      return J.getInterceptor$ax(receiver).get$iterator(receiver);
+    },
+    get$last$ax(receiver) {
+      return J.getInterceptor$ax(receiver).get$last(receiver);
+    },
+    get$length$asx(receiver) {
+      return J.getInterceptor$asx(receiver).get$length(receiver);
+    },
+    get$loadPaths$x(receiver) {
+      return J.getInterceptor$x(receiver).get$loadPaths(receiver);
+    },
+    get$logger$x(receiver) {
+      return J.getInterceptor$x(receiver).get$logger(receiver);
+    },
+    get$message$x(receiver) {
+      return J.getInterceptor$x(receiver).get$message(receiver);
+    },
+    get$method$x(receiver) {
+      return J.getInterceptor$x(receiver).get$method(receiver);
+    },
+    get$mtime$x(receiver) {
+      return J.getInterceptor$x(receiver).get$mtime(receiver);
+    },
+    get$name$x(receiver) {
+      return J.getInterceptor$x(receiver).get$name(receiver);
+    },
+    get$numeratorUnits$x(receiver) {
+      return J.getInterceptor$x(receiver).get$numeratorUnits(receiver);
+    },
+    get$options$x(receiver) {
+      return J.getInterceptor$x(receiver).get$options(receiver);
+    },
+    get$parent$z(receiver) {
+      return J.getInterceptor$z(receiver).get$parent(receiver);
+    },
+    get$path$x(receiver) {
+      return J.getInterceptor$x(receiver).get$path(receiver);
+    },
+    get$platform$x(receiver) {
+      return J.getInterceptor$x(receiver).get$platform(receiver);
+    },
+    get$quietDeps$x(receiver) {
+      return J.getInterceptor$x(receiver).get$quietDeps(receiver);
+    },
+    get$quotes$x(receiver) {
+      return J.getInterceptor$x(receiver).get$quotes(receiver);
+    },
+    get$realpathSync$x(receiver) {
+      return J.getInterceptor$x(receiver).get$realpathSync(receiver);
+    },
+    get$release$x(receiver) {
+      return J.getInterceptor$x(receiver).get$release(receiver);
+    },
+    get$reversed$ax(receiver) {
+      return J.getInterceptor$ax(receiver).get$reversed(receiver);
+    },
+    get$runtimeType$(receiver) {
+      return J.getInterceptor$(receiver).get$runtimeType(receiver);
+    },
+    get$separator$x(receiver) {
+      return J.getInterceptor$x(receiver).get$separator(receiver);
+    },
+    get$sign$in(receiver) {
+      if (typeof receiver === "number")
+        return receiver > 0 ? 1 : receiver < 0 ? -1 : receiver;
+      return J.getInterceptor$in(receiver).get$sign(receiver);
+    },
+    get$silenceDeprecations$x(receiver) {
+      return J.getInterceptor$x(receiver).get$silenceDeprecations(receiver);
+    },
+    get$single$ax(receiver) {
+      return J.getInterceptor$ax(receiver).get$single(receiver);
+    },
+    get$sourceMap$x(receiver) {
+      return J.getInterceptor$x(receiver).get$sourceMap(receiver);
+    },
+    get$sourceMapIncludeSources$x(receiver) {
+      return J.getInterceptor$x(receiver).get$sourceMapIncludeSources(receiver);
+    },
+    get$space$x(receiver) {
+      return J.getInterceptor$x(receiver).get$space(receiver);
+    },
+    get$span$z(receiver) {
+      return J.getInterceptor$z(receiver).get$span(receiver);
+    },
+    get$stderr$x(receiver) {
+      return J.getInterceptor$x(receiver).get$stderr(receiver);
+    },
+    get$stdout$x(receiver) {
+      return J.getInterceptor$x(receiver).get$stdout(receiver);
+    },
+    get$style$x(receiver) {
+      return J.getInterceptor$x(receiver).get$style(receiver);
+    },
+    get$syntax$x(receiver) {
+      return J.getInterceptor$x(receiver).get$syntax(receiver);
+    },
+    get$trace$z(receiver) {
+      return J.getInterceptor$z(receiver).get$trace(receiver);
+    },
+    get$url$x(receiver) {
+      return J.getInterceptor$x(receiver).get$url(receiver);
+    },
+    get$verbose$x(receiver) {
+      return J.getInterceptor$x(receiver).get$verbose(receiver);
+    },
+    get$warn$x(receiver) {
+      return J.getInterceptor$x(receiver).get$warn(receiver);
+    },
+    get$weight$x(receiver) {
+      return J.getInterceptor$x(receiver).get$weight(receiver);
+    },
+    $add$ansx(receiver, a0) {
+      if (typeof receiver == "number" && typeof a0 == "number")
+        return receiver + a0;
+      return J.getInterceptor$ansx(receiver).$add(receiver, a0);
+    },
+    $eq$(receiver, a0) {
+      if (receiver == null)
+        return a0 == null;
+      if (typeof receiver != "object")
+        return a0 != null && receiver === a0;
+      return J.getInterceptor$(receiver).$eq(receiver, a0);
+    },
+    $index$asx(receiver, a0) {
+      if (typeof a0 === "number")
+        if (Array.isArray(receiver) || typeof receiver == "string" || A.isJsIndexable(receiver, receiver[init.dispatchPropertyName]))
+          if (a0 >>> 0 === a0 && a0 < receiver.length)
+            return receiver[a0];
+      return J.getInterceptor$asx(receiver).$index(receiver, a0);
+    },
+    $indexSet$ax(receiver, a0, a1) {
+      if (typeof a0 === "number")
+        if ((Array.isArray(receiver) || A.isJsIndexable(receiver, receiver[init.dispatchPropertyName])) && !(receiver.$flags & 2) && a0 >>> 0 === a0 && a0 < receiver.length)
+          return receiver[a0] = a1;
+      return J.getInterceptor$ax(receiver).$indexSet(receiver, a0, a1);
+    },
+    $set$2$x(receiver, a0, a1) {
+      return J.getInterceptor$x(receiver).$set$2(receiver, a0, a1);
+    },
+    add$1$ax(receiver, a0) {
+      return J.getInterceptor$ax(receiver).add$1(receiver, a0);
+    },
+    addAll$1$ax(receiver, a0) {
+      return J.getInterceptor$ax(receiver).addAll$1(receiver, a0);
+    },
+    allMatches$1$s(receiver, a0) {
+      return J.getInterceptor$s(receiver).allMatches$1(receiver, a0);
+    },
+    allMatches$2$s(receiver, a0, a1) {
+      return J.getInterceptor$s(receiver).allMatches$2(receiver, a0, a1);
+    },
+    any$1$ax(receiver, a0) {
+      return J.getInterceptor$ax(receiver).any$1(receiver, a0);
+    },
+    apply$2$x(receiver, a0, a1) {
+      return J.getInterceptor$x(receiver).apply$2(receiver, a0, a1);
+    },
+    asImmutable$0$x(receiver) {
+      return J.getInterceptor$x(receiver).asImmutable$0(receiver);
+    },
+    asMutable$0$x(receiver) {
+      return J.getInterceptor$x(receiver).asMutable$0(receiver);
+    },
+    canonicalize$4$baseImporter$baseUrl$forImport$x(receiver, a0, a1, a2, a3) {
+      return J.getInterceptor$x(receiver).canonicalize$4$baseImporter$baseUrl$forImport(receiver, a0, a1, a2, a3);
+    },
+    cast$1$0$ax(receiver, $T1) {
+      return J.getInterceptor$ax(receiver).cast$1$0(receiver, $T1);
+    },
+    close$0$x(receiver) {
+      return J.getInterceptor$x(receiver).close$0(receiver);
+    },
+    codeUnitAt$1$s(receiver, a0) {
+      return J.getInterceptor$s(receiver).codeUnitAt$1(receiver, a0);
+    },
+    compareTo$1$ns(receiver, a0) {
+      return J.getInterceptor$ns(receiver).compareTo$1(receiver, a0);
+    },
+    contains$1$asx(receiver, a0) {
+      return J.getInterceptor$asx(receiver).contains$1(receiver, a0);
+    },
+    createInterface$1$x(receiver, a0) {
+      return J.getInterceptor$x(receiver).createInterface$1(receiver, a0);
+    },
+    createRequire$1$x(receiver, a0) {
+      return J.getInterceptor$x(receiver).createRequire$1(receiver, a0);
+    },
+    elementAt$1$ax(receiver, a0) {
+      return J.getInterceptor$ax(receiver).elementAt$1(receiver, a0);
+    },
+    error$1$x(receiver, a0) {
+      return J.getInterceptor$x(receiver).error$1(receiver, a0);
+    },
+    every$1$ax(receiver, a0) {
+      return J.getInterceptor$ax(receiver).every$1(receiver, a0);
+    },
+    existsSync$1$x(receiver, a0) {
+      return J.getInterceptor$x(receiver).existsSync$1(receiver, a0);
+    },
+    expand$1$1$ax(receiver, a0, $T1) {
+      return J.getInterceptor$ax(receiver).expand$1$1(receiver, a0, $T1);
+    },
+    fillRange$3$ax(receiver, a0, a1, a2) {
+      return J.getInterceptor$ax(receiver).fillRange$3(receiver, a0, a1, a2);
+    },
+    fold$2$ax(receiver, a0, a1) {
+      return J.getInterceptor$ax(receiver).fold$2(receiver, a0, a1);
+    },
+    forEach$1$ax(receiver, a0) {
+      return J.getInterceptor$ax(receiver).forEach$1(receiver, a0);
+    },
+    getRange$2$ax(receiver, a0, a1) {
+      return J.getInterceptor$ax(receiver).getRange$2(receiver, a0, a1);
+    },
+    getTime$0$x(receiver) {
+      return J.getInterceptor$x(receiver).getTime$0(receiver);
+    },
+    isDirectory$0$x(receiver) {
+      return J.getInterceptor$x(receiver).isDirectory$0(receiver);
+    },
+    isFile$0$x(receiver) {
+      return J.getInterceptor$x(receiver).isFile$0(receiver);
+    },
+    isSymbolicLink$0$x(receiver) {
+      return J.getInterceptor$x(receiver).isSymbolicLink$0(receiver);
+    },
+    join$1$ax(receiver, a0) {
+      return J.getInterceptor$ax(receiver).join$1(receiver, a0);
+    },
+    log$1$x(receiver, a0) {
+      return J.getInterceptor$x(receiver).log$1(receiver, a0);
+    },
+    lstatSync$1$x(receiver, a0) {
+      return J.getInterceptor$x(receiver).lstatSync$1(receiver, a0);
+    },
+    map$1$1$ax(receiver, a0, $T1) {
+      return J.getInterceptor$ax(receiver).map$1$1(receiver, a0, $T1);
+    },
+    matchAsPrefix$2$s(receiver, a0, a1) {
+      return J.getInterceptor$s(receiver).matchAsPrefix$2(receiver, a0, a1);
+    },
+    mkdirSync$1$x(receiver, a0) {
+      return J.getInterceptor$x(receiver).mkdirSync$1(receiver, a0);
+    },
+    native$1$x(receiver, a0) {
+      return J.getInterceptor$x(receiver).native$1(receiver, a0);
+    },
+    noSuchMethod$1$(receiver, a0) {
+      return J.getInterceptor$(receiver).noSuchMethod$1(receiver, a0);
+    },
+    on$2$x(receiver, a0, a1) {
+      return J.getInterceptor$x(receiver).on$2(receiver, a0, a1);
+    },
+    parse$0$z(receiver) {
+      return J.getInterceptor$z(receiver).parse$0(receiver);
+    },
+    readFileSync$2$x(receiver, a0, a1) {
+      return J.getInterceptor$x(receiver).readFileSync$2(receiver, a0, a1);
+    },
+    readdirSync$1$x(receiver, a0) {
+      return J.getInterceptor$x(receiver).readdirSync$1(receiver, a0);
+    },
+    removeRange$2$ax(receiver, a0, a1) {
+      return J.getInterceptor$ax(receiver).removeRange$2(receiver, a0, a1);
+    },
+    replaceFirst$2$s(receiver, a0, a1) {
+      return J.getInterceptor$s(receiver).replaceFirst$2(receiver, a0, a1);
+    },
+    resolve$1$x(receiver, a0) {
+      return J.getInterceptor$x(receiver).resolve$1(receiver, a0);
+    },
+    run$0$x(receiver) {
+      return J.getInterceptor$x(receiver).run$0(receiver);
+    },
+    run$1$x(receiver, a0) {
+      return J.getInterceptor$x(receiver).run$1(receiver, a0);
+    },
+    setRange$4$ax(receiver, a0, a1, a2, a3) {
+      return J.getInterceptor$ax(receiver).setRange$4(receiver, a0, a1, a2, a3);
+    },
+    skip$1$ax(receiver, a0) {
+      return J.getInterceptor$ax(receiver).skip$1(receiver, a0);
+    },
+    sort$1$ax(receiver, a0) {
+      return J.getInterceptor$ax(receiver).sort$1(receiver, a0);
+    },
+    startsWith$1$s(receiver, a0) {
+      return J.getInterceptor$s(receiver).startsWith$1(receiver, a0);
+    },
+    statSync$1$x(receiver, a0) {
+      return J.getInterceptor$x(receiver).statSync$1(receiver, a0);
+    },
+    sublist$1$ax(receiver, a0) {
+      return J.getInterceptor$ax(receiver).sublist$1(receiver, a0);
+    },
+    substring$2$s(receiver, a0, a1) {
+      return J.getInterceptor$s(receiver).substring$2(receiver, a0, a1);
+    },
+    take$1$ax(receiver, a0) {
+      return J.getInterceptor$ax(receiver).take$1(receiver, a0);
+    },
+    then$1$2$onError$x(receiver, a0, a1, $T1) {
+      return J.getInterceptor$x(receiver).then$1$2$onError(receiver, a0, a1, $T1);
+    },
+    then$2$x(receiver, a0, a1) {
+      return J.getInterceptor$x(receiver).then$2(receiver, a0, a1);
+    },
+    toArray$0$x(receiver) {
+      return J.getInterceptor$x(receiver).toArray$0(receiver);
+    },
+    toList$0$ax(receiver) {
+      return J.getInterceptor$ax(receiver).toList$0(receiver);
+    },
+    toString$0$(receiver) {
+      return J.getInterceptor$(receiver).toString$0(receiver);
+    },
+    toString$1$color$(receiver, a0) {
+      return J.getInterceptor$(receiver).toString$1$color(receiver, a0);
+    },
+    trim$0$s(receiver) {
+      return J.getInterceptor$s(receiver).trim$0(receiver);
+    },
+    unlinkSync$1$x(receiver, a0) {
+      return J.getInterceptor$x(receiver).unlinkSync$1(receiver, a0);
+    },
+    visitAtRootRule$1$x(receiver, a0) {
+      return J.getInterceptor$x(receiver).visitAtRootRule$1(receiver, a0);
+    },
+    visitAtRule$1$x(receiver, a0) {
+      return J.getInterceptor$x(receiver).visitAtRule$1(receiver, a0);
+    },
+    visitBinaryOperationExpression$1$x(receiver, a0) {
+      return J.getInterceptor$x(receiver).visitBinaryOperationExpression$1(receiver, a0);
+    },
+    visitBooleanExpression$1$x(receiver, a0) {
+      return J.getInterceptor$x(receiver).visitBooleanExpression$1(receiver, a0);
+    },
+    visitColorExpression$1$x(receiver, a0) {
+      return J.getInterceptor$x(receiver).visitColorExpression$1(receiver, a0);
+    },
+    visitContentBlock$1$x(receiver, a0) {
+      return J.getInterceptor$x(receiver).visitContentBlock$1(receiver, a0);
+    },
+    visitContentRule$1$x(receiver, a0) {
+      return J.getInterceptor$x(receiver).visitContentRule$1(receiver, a0);
+    },
+    visitDebugRule$1$x(receiver, a0) {
+      return J.getInterceptor$x(receiver).visitDebugRule$1(receiver, a0);
+    },
+    visitDeclaration$1$x(receiver, a0) {
+      return J.getInterceptor$x(receiver).visitDeclaration$1(receiver, a0);
+    },
+    visitEachRule$1$x(receiver, a0) {
+      return J.getInterceptor$x(receiver).visitEachRule$1(receiver, a0);
+    },
+    visitErrorRule$1$x(receiver, a0) {
+      return J.getInterceptor$x(receiver).visitErrorRule$1(receiver, a0);
+    },
+    visitExtendRule$1$x(receiver, a0) {
+      return J.getInterceptor$x(receiver).visitExtendRule$1(receiver, a0);
+    },
+    visitForRule$1$x(receiver, a0) {
+      return J.getInterceptor$x(receiver).visitForRule$1(receiver, a0);
+    },
+    visitForwardRule$1$x(receiver, a0) {
+      return J.getInterceptor$x(receiver).visitForwardRule$1(receiver, a0);
+    },
+    visitFunctionExpression$1$x(receiver, a0) {
+      return J.getInterceptor$x(receiver).visitFunctionExpression$1(receiver, a0);
+    },
+    visitFunctionRule$1$x(receiver, a0) {
+      return J.getInterceptor$x(receiver).visitFunctionRule$1(receiver, a0);
+    },
+    visitIfExpression$1$x(receiver, a0) {
+      return J.getInterceptor$x(receiver).visitIfExpression$1(receiver, a0);
+    },
+    visitIfRule$1$x(receiver, a0) {
+      return J.getInterceptor$x(receiver).visitIfRule$1(receiver, a0);
+    },
+    visitImportRule$1$x(receiver, a0) {
+      return J.getInterceptor$x(receiver).visitImportRule$1(receiver, a0);
+    },
+    visitIncludeRule$1$x(receiver, a0) {
+      return J.getInterceptor$x(receiver).visitIncludeRule$1(receiver, a0);
+    },
+    visitInterpolatedFunctionExpression$1$x(receiver, a0) {
+      return J.getInterceptor$x(receiver).visitInterpolatedFunctionExpression$1(receiver, a0);
+    },
+    visitListExpression$1$x(receiver, a0) {
+      return J.getInterceptor$x(receiver).visitListExpression$1(receiver, a0);
+    },
+    visitLoudComment$1$x(receiver, a0) {
+      return J.getInterceptor$x(receiver).visitLoudComment$1(receiver, a0);
+    },
+    visitMapExpression$1$x(receiver, a0) {
+      return J.getInterceptor$x(receiver).visitMapExpression$1(receiver, a0);
+    },
+    visitMediaRule$1$x(receiver, a0) {
+      return J.getInterceptor$x(receiver).visitMediaRule$1(receiver, a0);
+    },
+    visitMixinRule$1$x(receiver, a0) {
+      return J.getInterceptor$x(receiver).visitMixinRule$1(receiver, a0);
+    },
+    visitNullExpression$1$x(receiver, a0) {
+      return J.getInterceptor$x(receiver).visitNullExpression$1(receiver, a0);
+    },
+    visitNumberExpression$1$x(receiver, a0) {
+      return J.getInterceptor$x(receiver).visitNumberExpression$1(receiver, a0);
+    },
+    visitParenthesizedExpression$1$x(receiver, a0) {
+      return J.getInterceptor$x(receiver).visitParenthesizedExpression$1(receiver, a0);
+    },
+    visitReturnRule$1$x(receiver, a0) {
+      return J.getInterceptor$x(receiver).visitReturnRule$1(receiver, a0);
+    },
+    visitSelectorExpression$1$x(receiver, a0) {
+      return J.getInterceptor$x(receiver).visitSelectorExpression$1(receiver, a0);
+    },
+    visitSilentComment$1$x(receiver, a0) {
+      return J.getInterceptor$x(receiver).visitSilentComment$1(receiver, a0);
+    },
+    visitStringExpression$1$x(receiver, a0) {
+      return J.getInterceptor$x(receiver).visitStringExpression$1(receiver, a0);
+    },
+    visitStyleRule$1$x(receiver, a0) {
+      return J.getInterceptor$x(receiver).visitStyleRule$1(receiver, a0);
+    },
+    visitStylesheet$1$x(receiver, a0) {
+      return J.getInterceptor$x(receiver).visitStylesheet$1(receiver, a0);
+    },
+    visitSupportsExpression$1$x(receiver, a0) {
+      return J.getInterceptor$x(receiver).visitSupportsExpression$1(receiver, a0);
+    },
+    visitSupportsRule$1$x(receiver, a0) {
+      return J.getInterceptor$x(receiver).visitSupportsRule$1(receiver, a0);
+    },
+    visitUnaryOperationExpression$1$x(receiver, a0) {
+      return J.getInterceptor$x(receiver).visitUnaryOperationExpression$1(receiver, a0);
+    },
+    visitUseRule$1$x(receiver, a0) {
+      return J.getInterceptor$x(receiver).visitUseRule$1(receiver, a0);
+    },
+    visitValueExpression$1$x(receiver, a0) {
+      return J.getInterceptor$x(receiver).visitValueExpression$1(receiver, a0);
+    },
+    visitVariableDeclaration$1$x(receiver, a0) {
+      return J.getInterceptor$x(receiver).visitVariableDeclaration$1(receiver, a0);
+    },
+    visitVariableExpression$1$x(receiver, a0) {
+      return J.getInterceptor$x(receiver).visitVariableExpression$1(receiver, a0);
+    },
+    visitWarnRule$1$x(receiver, a0) {
+      return J.getInterceptor$x(receiver).visitWarnRule$1(receiver, a0);
+    },
+    visitWhileRule$1$x(receiver, a0) {
+      return J.getInterceptor$x(receiver).visitWhileRule$1(receiver, a0);
+    },
+    watch$2$x(receiver, a0, a1) {
+      return J.getInterceptor$x(receiver).watch$2(receiver, a0, a1);
+    },
+    where$1$ax(receiver, a0) {
+      return J.getInterceptor$ax(receiver).where$1(receiver, a0);
+    },
+    write$1$x(receiver, a0) {
+      return J.getInterceptor$x(receiver).write$1(receiver, a0);
+    },
+    writeFileSync$2$x(receiver, a0, a1) {
+      return J.getInterceptor$x(receiver).writeFileSync$2(receiver, a0, a1);
+    },
+    yield$0$x(receiver) {
+      return J.getInterceptor$x(receiver).yield$0(receiver);
+    },
+    Interceptor: function Interceptor() {
+    },
+    JSBool: function JSBool() {
+    },
+    JSNull: function JSNull() {
+    },
+    JavaScriptObject: function JavaScriptObject() {
+    },
+    LegacyJavaScriptObject: function LegacyJavaScriptObject() {
+    },
+    PlainJavaScriptObject: function PlainJavaScriptObject() {
+    },
+    UnknownJavaScriptObject: function UnknownJavaScriptObject() {
+    },
+    JavaScriptFunction: function JavaScriptFunction() {
+    },
+    JavaScriptBigInt: function JavaScriptBigInt() {
+    },
+    JavaScriptSymbol: function JavaScriptSymbol() {
+    },
+    JSArray: function JSArray(t0) {
+      this.$ti = t0;
+    },
+    JSArraySafeToStringHook: function JSArraySafeToStringHook() {
+    },
+    JSUnmodifiableArray: function JSUnmodifiableArray(t0) {
+      this.$ti = t0;
+    },
+    ArrayIterator: function ArrayIterator(t0, t1, t2) {
+      var _ = this;
+      _._iterable = t0;
+      _._length = t1;
+      _._index = 0;
+      _._current = null;
+      _.$ti = t2;
+    },
+    JSNumber: function JSNumber() {
+    },
+    JSInt: function JSInt() {
+    },
+    JSNumNotInt: function JSNumNotInt() {
+    },
+    JSString: function JSString() {
+    }
+  },
+  A = {JS_CONST: function JS_CONST() {
+    },
+    CastIterable_CastIterable(source, $S, $T) {
+      if (type$.EfficientLengthIterable_dynamic._is(source))
+        return new A._EfficientLengthCastIterable(source, $S._eval$1("@<0>")._bind$1($T)._eval$1("_EfficientLengthCastIterable<1,2>"));
+      return new A.CastIterable(source, $S._eval$1("@<0>")._bind$1($T)._eval$1("CastIterable<1,2>"));
+    },
+    LateError$fieldADI(fieldName) {
+      return new A.LateError("Field '" + fieldName + "' has been assigned during initialization.");
+    },
+    LateError$fieldNI(fieldName) {
+      return new A.LateError("Field '" + fieldName + "' has not been initialized.");
+    },
+    LateError$localNI(localName) {
+      return new A.LateError("Local '" + localName + "' has not been initialized.");
+    },
+    LateError$fieldAI(fieldName) {
+      return new A.LateError("Field '" + fieldName + "' has already been initialized.");
+    },
+    hexDigitValue(char) {
+      var letter,
+        digit = char ^ 48;
+      if (digit <= 9)
+        return digit;
+      letter = char | 32;
+      if (97 <= letter && letter <= 102)
+        return letter - 87;
+      return -1;
+    },
+    SystemHash_combine(hash, value) {
+      hash = hash + value & 536870911;
+      hash = hash + ((hash & 524287) << 10) & 536870911;
+      return hash ^ hash >>> 6;
+    },
+    SystemHash_finish(hash) {
+      hash = hash + ((hash & 67108863) << 3) & 536870911;
+      hash ^= hash >>> 11;
+      return hash + ((hash & 16383) << 15) & 536870911;
+    },
+    checkNotNullable(value, $name, $T) {
+      return value;
+    },
+    isToStringVisiting(object) {
+      var t1, i;
+      for (t1 = $.toStringVisiting.length, i = 0; i < t1; ++i)
+        if (object === $.toStringVisiting[i])
+          return true;
+      return false;
+    },
+    SubListIterable$(_iterable, _start, _endOrLength, $E) {
+      A.RangeError_checkNotNegative(_start, "start");
+      if (_endOrLength != null) {
+        A.RangeError_checkNotNegative(_endOrLength, "end");
+        if (_start > _endOrLength)
+          A.throwExpression(A.RangeError$range(_start, 0, _endOrLength, "start", null));
+      }
+      return new A.SubListIterable(_iterable, _start, _endOrLength, $E._eval$1("SubListIterable<0>"));
+    },
+    MappedIterable_MappedIterable(iterable, $function, $S, $T) {
+      if (type$.EfficientLengthIterable_dynamic._is(iterable))
+        return new A.EfficientLengthMappedIterable(iterable, $function, $S._eval$1("@<0>")._bind$1($T)._eval$1("EfficientLengthMappedIterable<1,2>"));
+      return new A.MappedIterable(iterable, $function, $S._eval$1("@<0>")._bind$1($T)._eval$1("MappedIterable<1,2>"));
+    },
+    TakeIterable_TakeIterable(iterable, takeCount, $E) {
+      var _s9_ = "takeCount";
+      A.ArgumentError_checkNotNull(takeCount, _s9_);
+      A.RangeError_checkNotNegative(takeCount, _s9_);
+      if (type$.EfficientLengthIterable_dynamic._is(iterable))
+        return new A.EfficientLengthTakeIterable(iterable, takeCount, $E._eval$1("EfficientLengthTakeIterable<0>"));
+      return new A.TakeIterable(iterable, takeCount, $E._eval$1("TakeIterable<0>"));
+    },
+    SkipIterable_SkipIterable(iterable, count, $E) {
+      var _s5_ = "count";
+      if (type$.EfficientLengthIterable_dynamic._is(iterable)) {
+        A.ArgumentError_checkNotNull(count, _s5_);
+        A.RangeError_checkNotNegative(count, _s5_);
+        return new A.EfficientLengthSkipIterable(iterable, count, $E._eval$1("EfficientLengthSkipIterable<0>"));
+      }
+      A.ArgumentError_checkNotNull(count, _s5_);
+      A.RangeError_checkNotNegative(count, _s5_);
+      return new A.SkipIterable(iterable, count, $E._eval$1("SkipIterable<0>"));
+    },
+    FollowedByIterable_FollowedByIterable$firstEfficient(first, second, $E) {
+      if (type$.EfficientLengthIterable_dynamic._is(second))
+        return new A.EfficientLengthFollowedByIterable(first, second, $E._eval$1("EfficientLengthFollowedByIterable<0>"));
+      return new A.FollowedByIterable(first, second, $E._eval$1("FollowedByIterable<0>"));
+    },
+    IterableElementError_noElement() {
+      return new A.StateError("No element");
+    },
+    IterableElementError_tooMany() {
+      return new A.StateError("Too many elements");
+    },
+    IterableElementError_tooFew() {
+      return new A.StateError("Too few elements");
+    },
+    Sort__doSort(a, left, right, compare) {
+      if (right - left <= 32)
+        A.Sort__insertionSort(a, left, right, compare);
+      else
+        A.Sort__dualPivotQuicksort(a, left, right, compare);
+    },
+    Sort__insertionSort(a, left, right, compare) {
+      var i, t1, el, j, j0;
+      for (i = left + 1, t1 = J.getInterceptor$asx(a); i <= right; ++i) {
+        el = t1.$index(a, i);
+        j = i;
+        while (true) {
+          if (!(j > left && compare.call$2(t1.$index(a, j - 1), el) > 0))
+            break;
+          j0 = j - 1;
+          t1.$indexSet(a, j, t1.$index(a, j0));
+          j = j0;
+        }
+        t1.$indexSet(a, j, el);
+      }
+    },
+    Sort__dualPivotQuicksort(a, left, right, compare) {
+      var t0, less, great, pivots_are_equal, k, ak, comp, great0, less0, t2,
+        sixth = B.JSInt_methods._tdivFast$1(right - left + 1, 6),
+        index1 = left + sixth,
+        index5 = right - sixth,
+        index3 = B.JSInt_methods._tdivFast$1(left + right, 2),
+        index2 = index3 - sixth,
+        index4 = index3 + sixth,
+        t1 = J.getInterceptor$asx(a),
+        el1 = t1.$index(a, index1),
+        el2 = t1.$index(a, index2),
+        el3 = t1.$index(a, index3),
+        el4 = t1.$index(a, index4),
+        el5 = t1.$index(a, index5);
+      if (compare.call$2(el1, el2) > 0) {
+        t0 = el2;
+        el2 = el1;
+        el1 = t0;
+      }
+      if (compare.call$2(el4, el5) > 0) {
+        t0 = el5;
+        el5 = el4;
+        el4 = t0;
+      }
+      if (compare.call$2(el1, el3) > 0) {
+        t0 = el3;
+        el3 = el1;
+        el1 = t0;
+      }
+      if (compare.call$2(el2, el3) > 0) {
+        t0 = el3;
+        el3 = el2;
+        el2 = t0;
+      }
+      if (compare.call$2(el1, el4) > 0) {
+        t0 = el4;
+        el4 = el1;
+        el1 = t0;
+      }
+      if (compare.call$2(el3, el4) > 0) {
+        t0 = el4;
+        el4 = el3;
+        el3 = t0;
+      }
+      if (compare.call$2(el2, el5) > 0) {
+        t0 = el5;
+        el5 = el2;
+        el2 = t0;
+      }
+      if (compare.call$2(el2, el3) > 0) {
+        t0 = el3;
+        el3 = el2;
+        el2 = t0;
+      }
+      if (compare.call$2(el4, el5) > 0) {
+        t0 = el5;
+        el5 = el4;
+        el4 = t0;
+      }
+      t1.$indexSet(a, index1, el1);
+      t1.$indexSet(a, index3, el3);
+      t1.$indexSet(a, index5, el5);
+      t1.$indexSet(a, index2, t1.$index(a, left));
+      t1.$indexSet(a, index4, t1.$index(a, right));
+      less = left + 1;
+      great = right - 1;
+      pivots_are_equal = J.$eq$(compare.call$2(el2, el4), 0);
+      if (pivots_are_equal)
+        for (k = less; k <= great; ++k) {
+          ak = t1.$index(a, k);
+          comp = compare.call$2(ak, el2);
+          if (comp === 0)
+            continue;
+          if (comp < 0) {
+            if (k !== less) {
+              t1.$indexSet(a, k, t1.$index(a, less));
+              t1.$indexSet(a, less, ak);
+            }
+            ++less;
+          } else
+            for (; true;) {
+              comp = compare.call$2(t1.$index(a, great), el2);
+              if (comp > 0) {
+                --great;
+                continue;
+              } else {
+                great0 = great - 1;
+                if (comp < 0) {
+                  t1.$indexSet(a, k, t1.$index(a, less));
+                  less0 = less + 1;
+                  t1.$indexSet(a, less, t1.$index(a, great));
+                  t1.$indexSet(a, great, ak);
+                  great = great0;
+                  less = less0;
+                  break;
+                } else {
+                  t1.$indexSet(a, k, t1.$index(a, great));
+                  t1.$indexSet(a, great, ak);
+                  great = great0;
+                  break;
+                }
+              }
+            }
+        }
+      else
+        for (k = less; k <= great; ++k) {
+          ak = t1.$index(a, k);
+          if (compare.call$2(ak, el2) < 0) {
+            if (k !== less) {
+              t1.$indexSet(a, k, t1.$index(a, less));
+              t1.$indexSet(a, less, ak);
+            }
+            ++less;
+          } else if (compare.call$2(ak, el4) > 0)
+            for (; true;)
+              if (compare.call$2(t1.$index(a, great), el4) > 0) {
+                --great;
+                if (great < k)
+                  break;
+                continue;
+              } else {
+                great0 = great - 1;
+                if (compare.call$2(t1.$index(a, great), el2) < 0) {
+                  t1.$indexSet(a, k, t1.$index(a, less));
+                  less0 = less + 1;
+                  t1.$indexSet(a, less, t1.$index(a, great));
+                  t1.$indexSet(a, great, ak);
+                  less = less0;
+                } else {
+                  t1.$indexSet(a, k, t1.$index(a, great));
+                  t1.$indexSet(a, great, ak);
+                }
+                great = great0;
+                break;
+              }
+        }
+      t2 = less - 1;
+      t1.$indexSet(a, left, t1.$index(a, t2));
+      t1.$indexSet(a, t2, el2);
+      t2 = great + 1;
+      t1.$indexSet(a, right, t1.$index(a, t2));
+      t1.$indexSet(a, t2, el4);
+      A.Sort__doSort(a, left, less - 2, compare);
+      A.Sort__doSort(a, great + 2, right, compare);
+      if (pivots_are_equal)
+        return;
+      if (less < index1 && great > index5) {
+        for (; J.$eq$(compare.call$2(t1.$index(a, less), el2), 0);)
+          ++less;
+        for (; J.$eq$(compare.call$2(t1.$index(a, great), el4), 0);)
+          --great;
+        for (k = less; k <= great; ++k) {
+          ak = t1.$index(a, k);
+          if (compare.call$2(ak, el2) === 0) {
+            if (k !== less) {
+              t1.$indexSet(a, k, t1.$index(a, less));
+              t1.$indexSet(a, less, ak);
+            }
+            ++less;
+          } else if (compare.call$2(ak, el4) === 0)
+            for (; true;)
+              if (compare.call$2(t1.$index(a, great), el4) === 0) {
+                --great;
+                if (great < k)
+                  break;
+                continue;
+              } else {
+                great0 = great - 1;
+                if (compare.call$2(t1.$index(a, great), el2) < 0) {
+                  t1.$indexSet(a, k, t1.$index(a, less));
+                  less0 = less + 1;
+                  t1.$indexSet(a, less, t1.$index(a, great));
+                  t1.$indexSet(a, great, ak);
+                  less = less0;
+                } else {
+                  t1.$indexSet(a, k, t1.$index(a, great));
+                  t1.$indexSet(a, great, ak);
+                }
+                great = great0;
+                break;
+              }
+        }
+        A.Sort__doSort(a, less, great, compare);
+      } else
+        A.Sort__doSort(a, less, great, compare);
+    },
+    _CastIterableBase: function _CastIterableBase() {
+    },
+    CastIterator: function CastIterator(t0, t1) {
+      this._source = t0;
+      this.$ti = t1;
+    },
+    CastIterable: function CastIterable(t0, t1) {
+      this._source = t0;
+      this.$ti = t1;
+    },
+    _EfficientLengthCastIterable: function _EfficientLengthCastIterable(t0, t1) {
+      this._source = t0;
+      this.$ti = t1;
+    },
+    _CastListBase: function _CastListBase() {
+    },
+    _CastListBase_sort_closure: function _CastListBase_sort_closure(t0, t1) {
+      this.$this = t0;
+      this.compare = t1;
+    },
+    CastList: function CastList(t0, t1) {
+      this._source = t0;
+      this.$ti = t1;
+    },
+    CastSet: function CastSet(t0, t1, t2) {
+      this._source = t0;
+      this._emptySet = t1;
+      this.$ti = t2;
+    },
+    CastMap: function CastMap(t0, t1) {
+      this._source = t0;
+      this.$ti = t1;
+    },
+    CastMap_forEach_closure: function CastMap_forEach_closure(t0, t1) {
+      this.$this = t0;
+      this.f = t1;
+    },
+    CastMap_entries_closure: function CastMap_entries_closure(t0) {
+      this.$this = t0;
+    },
+    LateError: function LateError(t0) {
+      this._message = t0;
+    },
+    CodeUnits: function CodeUnits(t0) {
+      this._string = t0;
+    },
+    nullFuture_closure: function nullFuture_closure() {
+    },
+    SentinelValue: function SentinelValue() {
+    },
+    EfficientLengthIterable: function EfficientLengthIterable() {
+    },
+    ListIterable: function ListIterable() {
+    },
+    SubListIterable: function SubListIterable(t0, t1, t2, t3) {
+      var _ = this;
+      _.__internal$_iterable = t0;
+      _._start = t1;
+      _._endOrLength = t2;
+      _.$ti = t3;
+    },
+    ListIterator: function ListIterator(t0, t1, t2) {
+      var _ = this;
+      _.__internal$_iterable = t0;
+      _.__internal$_length = t1;
+      _.__internal$_index = 0;
+      _.__internal$_current = null;
+      _.$ti = t2;
+    },
+    MappedIterable: function MappedIterable(t0, t1, t2) {
+      this.__internal$_iterable = t0;
+      this._f = t1;
+      this.$ti = t2;
+    },
+    EfficientLengthMappedIterable: function EfficientLengthMappedIterable(t0, t1, t2) {
+      this.__internal$_iterable = t0;
+      this._f = t1;
+      this.$ti = t2;
+    },
+    MappedIterator: function MappedIterator(t0, t1, t2) {
+      var _ = this;
+      _.__internal$_current = null;
+      _._iterator = t0;
+      _._f = t1;
+      _.$ti = t2;
+    },
+    MappedListIterable: function MappedListIterable(t0, t1, t2) {
+      this._source = t0;
+      this._f = t1;
+      this.$ti = t2;
+    },
+    WhereIterable: function WhereIterable(t0, t1, t2) {
+      this.__internal$_iterable = t0;
+      this._f = t1;
+      this.$ti = t2;
+    },
+    WhereIterator: function WhereIterator(t0, t1) {
+      this._iterator = t0;
+      this._f = t1;
+    },
+    ExpandIterable: function ExpandIterable(t0, t1, t2) {
+      this.__internal$_iterable = t0;
+      this._f = t1;
+      this.$ti = t2;
+    },
+    ExpandIterator: function ExpandIterator(t0, t1, t2, t3) {
+      var _ = this;
+      _._iterator = t0;
+      _._f = t1;
+      _._currentExpansion = t2;
+      _.__internal$_current = null;
+      _.$ti = t3;
+    },
+    TakeIterable: function TakeIterable(t0, t1, t2) {
+      this.__internal$_iterable = t0;
+      this._takeCount = t1;
+      this.$ti = t2;
+    },
+    EfficientLengthTakeIterable: function EfficientLengthTakeIterable(t0, t1, t2) {
+      this.__internal$_iterable = t0;
+      this._takeCount = t1;
+      this.$ti = t2;
+    },
+    TakeIterator: function TakeIterator(t0, t1, t2) {
+      this._iterator = t0;
+      this._remaining = t1;
+      this.$ti = t2;
+    },
+    SkipIterable: function SkipIterable(t0, t1, t2) {
+      this.__internal$_iterable = t0;
+      this._skipCount = t1;
+      this.$ti = t2;
+    },
+    EfficientLengthSkipIterable: function EfficientLengthSkipIterable(t0, t1, t2) {
+      this.__internal$_iterable = t0;
+      this._skipCount = t1;
+      this.$ti = t2;
+    },
+    SkipIterator: function SkipIterator(t0, t1) {
+      this._iterator = t0;
+      this._skipCount = t1;
+    },
+    SkipWhileIterable: function SkipWhileIterable(t0, t1, t2) {
+      this.__internal$_iterable = t0;
+      this._f = t1;
+      this.$ti = t2;
+    },
+    SkipWhileIterator: function SkipWhileIterator(t0, t1) {
+      this._iterator = t0;
+      this._f = t1;
+      this._hasSkipped = false;
+    },
+    EmptyIterable: function EmptyIterable(t0) {
+      this.$ti = t0;
+    },
+    EmptyIterator: function EmptyIterator() {
+    },
+    FollowedByIterable: function FollowedByIterable(t0, t1, t2) {
+      this.__internal$_first = t0;
+      this._second = t1;
+      this.$ti = t2;
+    },
+    EfficientLengthFollowedByIterable: function EfficientLengthFollowedByIterable(t0, t1, t2) {
+      this.__internal$_first = t0;
+      this._second = t1;
+      this.$ti = t2;
+    },
+    FollowedByIterator: function FollowedByIterator(t0, t1) {
+      this._currentIterator = t0;
+      this._nextIterable = t1;
+    },
+    WhereTypeIterable: function WhereTypeIterable(t0, t1) {
+      this._source = t0;
+      this.$ti = t1;
+    },
+    WhereTypeIterator: function WhereTypeIterator(t0, t1) {
+      this._source = t0;
+      this.$ti = t1;
+    },
+    NonNullsIterable: function NonNullsIterable(t0, t1) {
+      this._source = t0;
+      this.$ti = t1;
+    },
+    NonNullsIterator: function NonNullsIterator(t0) {
+      this._source = t0;
+      this.__internal$_current = null;
+    },
+    FixedLengthListMixin: function FixedLengthListMixin() {
+    },
+    UnmodifiableListMixin: function UnmodifiableListMixin() {
+    },
+    UnmodifiableListBase: function UnmodifiableListBase() {
+    },
+    ReversedListIterable: function ReversedListIterable(t0, t1) {
+      this._source = t0;
+      this.$ti = t1;
+    },
+    Symbol: function Symbol(t0) {
+      this.__internal$_name = t0;
+    },
+    __CastListBase__CastIterableBase_ListMixin: function __CastListBase__CastIterableBase_ListMixin() {
+    },
+    ConstantMap_ConstantMap$from(other, $K, $V) {
+      var allStrings, k, object, index, index0, map,
+        keys = A.List_List$from(other.get$keys(other), true, $K),
+        t1 = keys.length,
+        _i = 0;
+      while (true) {
+        if (!(_i < t1)) {
+          allStrings = true;
+          break;
+        }
+        k = keys[_i];
+        if (typeof k != "string" || "__proto__" === k) {
+          allStrings = false;
+          break;
+        }
+        ++_i;
+      }
+      if (allStrings) {
+        object = {};
+        for (index = 0, _i = 0; _i < keys.length; keys.length === t1 || (0, A.throwConcurrentModificationError)(keys), ++_i, index = index0) {
+          k = keys[_i];
+          other.$index(0, k);
+          index0 = index + 1;
+          object[k] = index;
+        }
+        map = new A.ConstantStringMap(object, A.List_List$from(other.get$values(other), true, $V), $K._eval$1("@<0>")._bind$1($V)._eval$1("ConstantStringMap<1,2>"));
+        map.$keys = keys;
+        return map;
+      }
+      return new A.ConstantMapView(A.LinkedHashMap_LinkedHashMap$from(other, $K, $V), $K._eval$1("@<0>")._bind$1($V)._eval$1("ConstantMapView<1,2>"));
+    },
+    ConstantMap__throwUnmodifiable() {
+      throw A.wrapException(A.UnsupportedError$("Cannot modify unmodifiable Map"));
+    },
+    ConstantSet__throwUnmodifiable() {
+      throw A.wrapException(A.UnsupportedError$("Cannot modify constant Set"));
+    },
+    instantiate1(f, $T1) {
+      var t1 = new A.Instantiation1(f, $T1._eval$1("Instantiation1<0>"));
+      t1.Instantiation$1(f);
+      return t1;
+    },
+    unminifyOrTag(rawClassName) {
+      var preserved = init.mangledGlobalNames[rawClassName];
+      if (preserved != null)
+        return preserved;
+      return rawClassName;
+    },
+    isJsIndexable(object, record) {
+      var result;
+      if (record != null) {
+        result = record.x;
+        if (result != null)
+          return result;
+      }
+      return type$.JavaScriptIndexingBehavior_dynamic._is(object);
+    },
+    S(value) {
+      var result;
+      if (typeof value == "string")
+        return value;
+      if (typeof value == "number") {
+        if (value !== 0)
+          return "" + value;
+      } else if (true === value)
+        return "true";
+      else if (false === value)
+        return "false";
+      else if (value == null)
+        return "null";
+      result = J.toString$0$(value);
+      return result;
+    },
+    JSInvocationMirror$(_memberName, _internalName, _kind, _arguments, _namedArgumentNames, _typeArgumentCount) {
+      return new A.JSInvocationMirror(_memberName, _kind, _arguments, _namedArgumentNames, _typeArgumentCount);
+    },
+    Primitives_objectHashCode(object) {
+      var hash,
+        property = $.Primitives__identityHashCodeProperty;
+      if (property == null)
+        property = $.Primitives__identityHashCodeProperty = Symbol("identityHashCode");
+      hash = object[property];
+      if (hash == null) {
+        hash = Math.random() * 0x3fffffff | 0;
+        object[property] = hash;
+      }
+      return hash;
+    },
+    Primitives_parseInt(source, radix) {
+      var decimalMatch, maxCharCode, digitsPart, t1, i, _null = null,
+        match = /^\s*[+-]?((0x[a-f0-9]+)|(\d+)|([a-z0-9]+))\s*$/i.exec(source);
+      if (match == null)
+        return _null;
+      decimalMatch = match[3];
+      if (radix == null) {
+        if (decimalMatch != null)
+          return parseInt(source, 10);
+        if (match[2] != null)
+          return parseInt(source, 16);
+        return _null;
+      }
+      if (radix < 2 || radix > 36)
+        throw A.wrapException(A.RangeError$range(radix, 2, 36, "radix", _null));
+      if (radix === 10 && decimalMatch != null)
+        return parseInt(source, 10);
+      if (radix < 10 || decimalMatch == null) {
+        maxCharCode = radix <= 10 ? 47 + radix : 86 + radix;
+        digitsPart = match[1];
+        for (t1 = digitsPart.length, i = 0; i < t1; ++i)
+          if ((digitsPart.charCodeAt(i) | 32) > maxCharCode)
+            return _null;
+      }
+      return parseInt(source, radix);
+    },
+    Primitives_parseDouble(source) {
+      var result, trimmed;
+      if (!/^\s*[+-]?(?:Infinity|NaN|(?:\.\d+|\d+(?:\.\d*)?)(?:[eE][+-]?\d+)?)\s*$/.test(source))
+        return null;
+      result = parseFloat(source);
+      if (isNaN(result)) {
+        trimmed = B.JSString_methods.trim$0(source);
+        if (trimmed === "NaN" || trimmed === "+NaN" || trimmed === "-NaN")
+          return result;
+        return null;
+      }
+      return result;
+    },
+    Primitives_objectTypeName(object) {
+      var interceptor, dispatchName, $constructor, constructorName;
+      if (object instanceof A.Object)
+        return A._rtiToString(A.instanceType(object), null);
+      interceptor = J.getInterceptor$(object);
+      if (interceptor === B.Interceptor_methods || interceptor === B.JavaScriptObject_methods || type$.UnknownJavaScriptObject._is(object)) {
+        dispatchName = B.C_JS_CONST(object);
+        if (dispatchName !== "Object" && dispatchName !== "")
+          return dispatchName;
+        $constructor = object.constructor;
+        if (typeof $constructor == "function") {
+          constructorName = $constructor.name;
+          if (typeof constructorName == "string" && constructorName !== "Object" && constructorName !== "")
+            return constructorName;
+        }
+      }
+      return A._rtiToString(A.instanceType(object), null);
+    },
+    Primitives_safeToString(object) {
+      var hooks, i, hookResult;
+      if (object == null || typeof object == "number" || A._isBool(object))
+        return J.toString$0$(object);
+      if (typeof object == "string")
+        return JSON.stringify(object);
+      if (object instanceof A.Closure)
+        return object.toString$0(0);
+      if (object instanceof A._Record)
+        return object._toString$1(true);
+      hooks = $.$get$_safeToStringHooks();
+      for (i = 0; i < 1; ++i) {
+        hookResult = hooks[i].tryFormat$1(object);
+        if (hookResult != null)
+          return hookResult;
+      }
+      return "Instance of '" + A.Primitives_objectTypeName(object) + "'";
+    },
+    Primitives_currentUri() {
+      if (!!self.location)
+        return self.location.href;
+      return null;
+    },
+    Primitives__fromCharCodeApply(array) {
+      var result, i, i0, chunkEnd,
+        end = array.length;
+      if (end <= 500)
+        return String.fromCharCode.apply(null, array);
+      for (result = "", i = 0; i < end; i = i0) {
+        i0 = i + 500;
+        chunkEnd = i0 < end ? i0 : end;
+        result += String.fromCharCode.apply(null, array.slice(i, chunkEnd));
+      }
+      return result;
+    },
+    Primitives_stringFromCodePoints(codePoints) {
+      var t1, _i, i,
+        a = A._setArrayType([], type$.JSArray_int);
+      for (t1 = codePoints.length, _i = 0; _i < codePoints.length; codePoints.length === t1 || (0, A.throwConcurrentModificationError)(codePoints), ++_i) {
+        i = codePoints[_i];
+        if (!A._isInt(i))
+          throw A.wrapException(A.argumentErrorValue(i));
+        if (i <= 65535)
+          a.push(i);
+        else if (i <= 1114111) {
+          a.push(55296 + (B.JSInt_methods._shrOtherPositive$1(i - 65536, 10) & 1023));
+          a.push(56320 + (i & 1023));
+        } else
+          throw A.wrapException(A.argumentErrorValue(i));
+      }
+      return A.Primitives__fromCharCodeApply(a);
+    },
+    Primitives_stringFromCharCodes(charCodes) {
+      var t1, _i, i;
+      for (t1 = charCodes.length, _i = 0; _i < t1; ++_i) {
+        i = charCodes[_i];
+        if (!A._isInt(i))
+          throw A.wrapException(A.argumentErrorValue(i));
+        if (i < 0)
+          throw A.wrapException(A.argumentErrorValue(i));
+        if (i > 65535)
+          return A.Primitives_stringFromCodePoints(charCodes);
+      }
+      return A.Primitives__fromCharCodeApply(charCodes);
+    },
+    Primitives_stringFromNativeUint8List(charCodes, start, end) {
+      var i, result, i0, chunkEnd;
+      if (end <= 500 && start === 0 && end === charCodes.length)
+        return String.fromCharCode.apply(null, charCodes);
+      for (i = start, result = ""; i < end; i = i0) {
+        i0 = i + 500;
+        chunkEnd = i0 < end ? i0 : end;
+        result += String.fromCharCode.apply(null, charCodes.subarray(i, chunkEnd));
+      }
+      return result;
+    },
+    Primitives_stringFromCharCode(charCode) {
+      var bits;
+      if (0 <= charCode) {
+        if (charCode <= 65535)
+          return String.fromCharCode(charCode);
+        if (charCode <= 1114111) {
+          bits = charCode - 65536;
+          return String.fromCharCode((B.JSInt_methods._shrOtherPositive$1(bits, 10) | 55296) >>> 0, bits & 1023 | 56320);
+        }
+      }
+      throw A.wrapException(A.RangeError$range(charCode, 0, 1114111, null, null));
+    },
+    Primitives_lazyAsJsDate(receiver) {
+      if (receiver.date === void 0)
+        receiver.date = new Date(receiver._value);
+      return receiver.date;
+    },
+    Primitives_getYear(receiver) {
+      var t1 = A.Primitives_lazyAsJsDate(receiver).getFullYear() + 0;
+      return t1;
+    },
+    Primitives_getMonth(receiver) {
+      var t1 = A.Primitives_lazyAsJsDate(receiver).getMonth() + 1;
+      return t1;
+    },
+    Primitives_getDay(receiver) {
+      var t1 = A.Primitives_lazyAsJsDate(receiver).getDate() + 0;
+      return t1;
+    },
+    Primitives_getHours(receiver) {
+      var t1 = A.Primitives_lazyAsJsDate(receiver).getHours() + 0;
+      return t1;
+    },
+    Primitives_getMinutes(receiver) {
+      var t1 = A.Primitives_lazyAsJsDate(receiver).getMinutes() + 0;
+      return t1;
+    },
+    Primitives_getSeconds(receiver) {
+      var t1 = A.Primitives_lazyAsJsDate(receiver).getSeconds() + 0;
+      return t1;
+    },
+    Primitives_getMilliseconds(receiver) {
+      var t1 = A.Primitives_lazyAsJsDate(receiver).getMilliseconds() + 0;
+      return t1;
+    },
+    Primitives_functionNoSuchMethod($function, positionalArguments, namedArguments) {
+      var $arguments, namedArgumentList, t1 = {};
+      t1.argumentCount = 0;
+      $arguments = [];
+      namedArgumentList = [];
+      t1.argumentCount = positionalArguments.length;
+      B.JSArray_methods.addAll$1($arguments, positionalArguments);
+      t1.names = "";
+      if (namedArguments != null && namedArguments.__js_helper$_length !== 0)
+        namedArguments.forEach$1(0, new A.Primitives_functionNoSuchMethod_closure(t1, namedArgumentList, $arguments));
+      return J.noSuchMethod$1$($function, new A.JSInvocationMirror(B.Symbol_call, 0, $arguments, namedArgumentList, 0));
+    },
+    Primitives_applyFunction($function, positionalArguments, namedArguments) {
+      var t1, argumentCount, jsStub;
+      if (Array.isArray(positionalArguments))
+        t1 = namedArguments == null || namedArguments.__js_helper$_length === 0;
+      else
+        t1 = false;
+      if (t1) {
+        argumentCount = positionalArguments.length;
+        if (argumentCount === 0) {
+          if (!!$function.call$0)
+            return $function.call$0();
+        } else if (argumentCount === 1) {
+          if (!!$function.call$1)
+            return $function.call$1(positionalArguments[0]);
+        } else if (argumentCount === 2) {
+          if (!!$function.call$2)
+            return $function.call$2(positionalArguments[0], positionalArguments[1]);
+        } else if (argumentCount === 3) {
+          if (!!$function.call$3)
+            return $function.call$3(positionalArguments[0], positionalArguments[1], positionalArguments[2]);
+        } else if (argumentCount === 4) {
+          if (!!$function.call$4)
+            return $function.call$4(positionalArguments[0], positionalArguments[1], positionalArguments[2], positionalArguments[3]);
+        } else if (argumentCount === 5)
+          if (!!$function.call$5)
+            return $function.call$5(positionalArguments[0], positionalArguments[1], positionalArguments[2], positionalArguments[3], positionalArguments[4]);
+        jsStub = $function["call" + "$" + argumentCount];
+        if (jsStub != null)
+          return jsStub.apply($function, positionalArguments);
+      }
+      return A.Primitives__generalApplyFunction($function, positionalArguments, namedArguments);
+    },
+    Primitives__generalApplyFunction($function, positionalArguments, namedArguments) {
+      var $arguments, argumentCount, requiredParameterCount, defaultValuesClosure, t1, defaultValues, interceptor, jsFunction, maxArguments, missingDefaults, keys, _i, defaultValue, used, t2;
+      if (Array.isArray(positionalArguments))
+        $arguments = positionalArguments;
+      else
+        $arguments = A.List_List$_of(positionalArguments, type$.dynamic);
+      argumentCount = $arguments.length;
+      requiredParameterCount = $function.$requiredArgCount;
+      if (argumentCount < requiredParameterCount)
+        return A.Primitives_functionNoSuchMethod($function, $arguments, namedArguments);
+      defaultValuesClosure = $function.$defaultValues;
+      t1 = defaultValuesClosure == null;
+      defaultValues = !t1 ? defaultValuesClosure() : null;
+      interceptor = J.getInterceptor$($function);
+      jsFunction = interceptor["call*"];
+      if (typeof jsFunction == "string")
+        jsFunction = interceptor[jsFunction];
+      if (t1) {
+        if (namedArguments != null && namedArguments.__js_helper$_length !== 0)
+          return A.Primitives_functionNoSuchMethod($function, $arguments, namedArguments);
+        if (argumentCount === requiredParameterCount)
+          return jsFunction.apply($function, $arguments);
+        return A.Primitives_functionNoSuchMethod($function, $arguments, namedArguments);
+      }
+      if (Array.isArray(defaultValues)) {
+        if (namedArguments != null && namedArguments.__js_helper$_length !== 0)
+          return A.Primitives_functionNoSuchMethod($function, $arguments, namedArguments);
+        maxArguments = requiredParameterCount + defaultValues.length;
+        if (argumentCount > maxArguments)
+          return A.Primitives_functionNoSuchMethod($function, $arguments, null);
+        if (argumentCount < maxArguments) {
+          missingDefaults = defaultValues.slice(argumentCount - requiredParameterCount);
+          if ($arguments === positionalArguments)
+            $arguments = A.List_List$_of($arguments, type$.dynamic);
+          B.JSArray_methods.addAll$1($arguments, missingDefaults);
+        }
+        return jsFunction.apply($function, $arguments);
+      } else {
+        if (argumentCount > requiredParameterCount)
+          return A.Primitives_functionNoSuchMethod($function, $arguments, namedArguments);
+        if ($arguments === positionalArguments)
+          $arguments = A.List_List$_of($arguments, type$.dynamic);
+        keys = Object.keys(defaultValues);
+        if (namedArguments == null)
+          for (t1 = keys.length, _i = 0; _i < keys.length; keys.length === t1 || (0, A.throwConcurrentModificationError)(keys), ++_i) {
+            defaultValue = defaultValues[keys[_i]];
+            if (B.C__Required === defaultValue)
+              return A.Primitives_functionNoSuchMethod($function, $arguments, namedArguments);
+            B.JSArray_methods.add$1($arguments, defaultValue);
+          }
+        else {
+          for (t1 = keys.length, used = 0, _i = 0; _i < keys.length; keys.length === t1 || (0, A.throwConcurrentModificationError)(keys), ++_i) {
+            t2 = keys[_i];
+            if (namedArguments.containsKey$1(t2)) {
+              ++used;
+              B.JSArray_methods.add$1($arguments, namedArguments.$index(0, t2));
+            } else {
+              defaultValue = defaultValues[t2];
+              if (B.C__Required === defaultValue)
+                return A.Primitives_functionNoSuchMethod($function, $arguments, namedArguments);
+              B.JSArray_methods.add$1($arguments, defaultValue);
+            }
+          }
+          if (used !== namedArguments.__js_helper$_length)
+            return A.Primitives_functionNoSuchMethod($function, $arguments, namedArguments);
+        }
+        return jsFunction.apply($function, $arguments);
+      }
+    },
+    Primitives_extractStackTrace(error) {
+      var jsError = error.$thrownJsError;
+      if (jsError == null)
+        return null;
+      return A.getTraceFromException(jsError);
+    },
+    Primitives_trySetStackTrace(error, stackTrace) {
+      var jsError;
+      if (error.$thrownJsError == null) {
+        jsError = new Error();
+        A.initializeExceptionWrapper(error, jsError);
+        error.$thrownJsError = jsError;
+        jsError.stack = stackTrace.toString$0(0);
+      }
+    },
+    diagnoseIndexError(indexable, index) {
+      var $length, _s5_ = "index";
+      if (!A._isInt(index))
+        return new A.ArgumentError(true, index, _s5_, null);
+      $length = J.get$length$asx(indexable);
+      if (index < 0 || index >= $length)
+        return A.IndexError$withLength(index, $length, indexable, null, _s5_);
+      return A.RangeError$value(index, _s5_, null);
+    },
+    diagnoseRangeError(start, end, $length) {
+      if (start < 0 || start > $length)
+        return A.RangeError$range(start, 0, $length, "start", null);
+      if (end != null)
+        if (end < start || end > $length)
+          return A.RangeError$range(end, start, $length, "end", null);
+      return new A.ArgumentError(true, end, "end", null);
+    },
+    argumentErrorValue(object) {
+      return new A.ArgumentError(true, object, null, null);
+    },
+    wrapException(ex) {
+      return A.initializeExceptionWrapper(ex, new Error());
+    },
+    initializeExceptionWrapper(ex, wrapper) {
+      var t1;
+      if (ex == null)
+        ex = new A.TypeError();
+      wrapper.dartException = ex;
+      t1 = A.toStringWrapper;
+      if ("defineProperty" in Object) {
+        Object.defineProperty(wrapper, "message", {get: t1});
+        wrapper.name = "";
+      } else
+        wrapper.toString = t1;
+      return wrapper;
+    },
+    toStringWrapper() {
+      return J.toString$0$(this.dartException);
+    },
+    throwExpression(ex, wrapper) {
+      throw A.initializeExceptionWrapper(ex, wrapper == null ? new Error() : wrapper);
+    },
+    throwUnsupportedOperation(o, operation, verb) {
+      var wrapper;
+      if (operation == null)
+        operation = 0;
+      if (verb == null)
+        verb = 0;
+      wrapper = Error();
+      A.throwExpression(A._diagnoseUnsupportedOperation(o, operation, verb), wrapper);
+    },
+    _diagnoseUnsupportedOperation(o, encodedOperation, encodedVerb) {
+      var operation, table, tableLength, index, verb, object, flags, article, adjective;
+      if (typeof encodedOperation == "string")
+        operation = encodedOperation;
+      else {
+        table = "[]=;add;removeWhere;retainWhere;removeRange;setRange;setInt8;setInt16;setInt32;setUint8;setUint16;setUint32;setFloat32;setFloat64".split(";");
+        tableLength = table.length;
+        index = encodedOperation;
+        if (index > tableLength) {
+          encodedVerb = index / tableLength | 0;
+          index %= tableLength;
+        }
+        operation = table[index];
+      }
+      verb = typeof encodedVerb == "string" ? encodedVerb : "modify;remove from;add to".split(";")[encodedVerb];
+      object = type$.List_dynamic._is(o) ? "list" : "ByteData";
+      flags = o.$flags | 0;
+      article = "a ";
+      if ((flags & 4) !== 0)
+        adjective = "constant ";
+      else if ((flags & 2) !== 0) {
+        adjective = "unmodifiable ";
+        article = "an ";
+      } else
+        adjective = (flags & 1) !== 0 ? "fixed-length " : "";
+      return new A.UnsupportedError("'" + operation + "': Cannot " + verb + " " + article + adjective + object);
+    },
+    throwConcurrentModificationError(collection) {
+      throw A.wrapException(A.ConcurrentModificationError$(collection));
+    },
+    TypeErrorDecoder_extractPattern(message) {
+      var match, $arguments, argumentsExpr, expr, method, receiver;
+      message = A.quoteStringForRegExp(message.replace(String({}), "$receiver$"));
+      match = message.match(/\\\$[a-zA-Z]+\\\$/g);
+      if (match == null)
+        match = A._setArrayType([], type$.JSArray_String);
+      $arguments = match.indexOf("\\$arguments\\$");
+      argumentsExpr = match.indexOf("\\$argumentsExpr\\$");
+      expr = match.indexOf("\\$expr\\$");
+      method = match.indexOf("\\$method\\$");
+      receiver = match.indexOf("\\$receiver\\$");
+      return new A.TypeErrorDecoder(message.replace(new RegExp("\\\\\\$arguments\\\\\\$", "g"), "((?:x|[^x])*)").replace(new RegExp("\\\\\\$argumentsExpr\\\\\\$", "g"), "((?:x|[^x])*)").replace(new RegExp("\\\\\\$expr\\\\\\$", "g"), "((?:x|[^x])*)").replace(new RegExp("\\\\\\$method\\\\\\$", "g"), "((?:x|[^x])*)").replace(new RegExp("\\\\\\$receiver\\\\\\$", "g"), "((?:x|[^x])*)"), $arguments, argumentsExpr, expr, method, receiver);
+    },
+    TypeErrorDecoder_provokeCallErrorOn(expression) {
+      return function($expr$) {
+        var $argumentsExpr$ = "$arguments$";
+        try {
+          $expr$.$method$($argumentsExpr$);
+        } catch (e) {
+          return e.message;
+        }
+      }(expression);
+    },
+    TypeErrorDecoder_provokePropertyErrorOn(expression) {
+      return function($expr$) {
+        try {
+          $expr$.$method$;
+        } catch (e) {
+          return e.message;
+        }
+      }(expression);
+    },
+    JsNoSuchMethodError$(_message, match) {
+      var t1 = match == null,
+        t2 = t1 ? null : match.method;
+      return new A.JsNoSuchMethodError(_message, t2, t1 ? null : match.receiver);
+    },
+    unwrapException(ex) {
+      if (ex == null)
+        return new A.NullThrownFromJavaScriptException(ex);
+      if (ex instanceof A.ExceptionAndStackTrace)
+        return A.saveStackTrace(ex, ex.dartException);
+      if (typeof ex !== "object")
+        return ex;
+      if ("dartException" in ex)
+        return A.saveStackTrace(ex, ex.dartException);
+      return A._unwrapNonDartException(ex);
+    },
+    saveStackTrace(ex, error) {
+      if (type$.Error._is(error))
+        if (error.$thrownJsError == null)
+          error.$thrownJsError = ex;
+      return error;
+    },
+    _unwrapNonDartException(ex) {
+      var message, number, ieErrorCode, nsme, notClosure, nullCall, nullLiteralCall, undefCall, undefLiteralCall, nullProperty, undefProperty, undefLiteralProperty, match;
+      if (!("message" in ex))
+        return ex;
+      message = ex.message;
+      if ("number" in ex && typeof ex.number == "number") {
+        number = ex.number;
+        ieErrorCode = number & 65535;
+        if ((B.JSInt_methods._shrOtherPositive$1(number, 16) & 8191) === 10)
+          switch (ieErrorCode) {
+            case 438:
+              return A.saveStackTrace(ex, A.JsNoSuchMethodError$(A.S(message) + " (Error " + ieErrorCode + ")", null));
+            case 445:
+            case 5007:
+              A.S(message);
+              return A.saveStackTrace(ex, new A.NullError());
+          }
+      }
+      if (ex instanceof TypeError) {
+        nsme = $.$get$TypeErrorDecoder_noSuchMethodPattern();
+        notClosure = $.$get$TypeErrorDecoder_notClosurePattern();
+        nullCall = $.$get$TypeErrorDecoder_nullCallPattern();
+        nullLiteralCall = $.$get$TypeErrorDecoder_nullLiteralCallPattern();
+        undefCall = $.$get$TypeErrorDecoder_undefinedCallPattern();
+        undefLiteralCall = $.$get$TypeErrorDecoder_undefinedLiteralCallPattern();
+        nullProperty = $.$get$TypeErrorDecoder_nullPropertyPattern();
+        $.$get$TypeErrorDecoder_nullLiteralPropertyPattern();
+        undefProperty = $.$get$TypeErrorDecoder_undefinedPropertyPattern();
+        undefLiteralProperty = $.$get$TypeErrorDecoder_undefinedLiteralPropertyPattern();
+        match = nsme.matchTypeError$1(message);
+        if (match != null)
+          return A.saveStackTrace(ex, A.JsNoSuchMethodError$(message, match));
+        else {
+          match = notClosure.matchTypeError$1(message);
+          if (match != null) {
+            match.method = "call";
+            return A.saveStackTrace(ex, A.JsNoSuchMethodError$(message, match));
+          } else if (nullCall.matchTypeError$1(message) != null || nullLiteralCall.matchTypeError$1(message) != null || undefCall.matchTypeError$1(message) != null || undefLiteralCall.matchTypeError$1(message) != null || nullProperty.matchTypeError$1(message) != null || nullLiteralCall.matchTypeError$1(message) != null || undefProperty.matchTypeError$1(message) != null || undefLiteralProperty.matchTypeError$1(message) != null)
+            return A.saveStackTrace(ex, new A.NullError());
+        }
+        return A.saveStackTrace(ex, new A.UnknownJsTypeError(typeof message == "string" ? message : ""));
+      }
+      if (ex instanceof RangeError) {
+        if (typeof message == "string" && message.indexOf("call stack") !== -1)
+          return new A.StackOverflowError();
+        message = function(ex) {
+          try {
+            return String(ex);
+          } catch (e) {
+          }
+          return null;
+        }(ex);
+        return A.saveStackTrace(ex, new A.ArgumentError(false, null, null, typeof message == "string" ? message.replace(/^RangeError:\s*/, "") : message));
+      }
+      if (typeof InternalError == "function" && ex instanceof InternalError)
+        if (typeof message == "string" && message === "too much recursion")
+          return new A.StackOverflowError();
+      return ex;
+    },
+    getTraceFromException(exception) {
+      var trace;
+      if (exception instanceof A.ExceptionAndStackTrace)
+        return exception.stackTrace;
+      if (exception == null)
+        return new A._StackTrace(exception);
+      trace = exception.$cachedTrace;
+      if (trace != null)
+        return trace;
+      trace = new A._StackTrace(exception);
+      if (typeof exception === "object")
+        exception.$cachedTrace = trace;
+      return trace;
+    },
+    objectHashCode(object) {
+      if (object == null)
+        return J.get$hashCode$(object);
+      if (typeof object == "object")
+        return A.Primitives_objectHashCode(object);
+      return J.get$hashCode$(object);
+    },
+    constantHashCode(key) {
+      if (typeof key == "number")
+        return B.JSNumber_methods.get$hashCode(key);
+      if (key instanceof A._Type)
+        return A.Primitives_objectHashCode(key);
+      if (key instanceof A._Record)
+        return key.get$hashCode(key);
+      if (key instanceof A.Symbol)
+        return key.get$hashCode(0);
+      return A.objectHashCode(key);
+    },
+    fillLiteralMap(keyValuePairs, result) {
+      var index, index0, index1,
+        $length = keyValuePairs.length;
+      for (index = 0; index < $length; index = index1) {
+        index0 = index + 1;
+        index1 = index0 + 1;
+        result.$indexSet(0, keyValuePairs[index], keyValuePairs[index0]);
+      }
+      return result;
+    },
+    fillLiteralSet(values, result) {
+      var index,
+        $length = values.length;
+      for (index = 0; index < $length; ++index)
+        result.add$1(0, values[index]);
+      return result;
+    },
+    _invokeClosure(closure, numberOfArguments, arg1, arg2, arg3, arg4) {
+      switch (numberOfArguments) {
+        case 0:
+          return closure.call$0();
+        case 1:
+          return closure.call$1(arg1);
+        case 2:
+          return closure.call$2(arg1, arg2);
+        case 3:
+          return closure.call$3(arg1, arg2, arg3);
+        case 4:
+          return closure.call$4(arg1, arg2, arg3, arg4);
+      }
+      throw A.wrapException(new A._Exception("Unsupported number of arguments for wrapped closure"));
+    },
+    convertDartClosureToJS(closure, arity) {
+      var $function;
+      if (closure == null)
+        return null;
+      $function = closure.$identity;
+      if (!!$function)
+        return $function;
+      $function = A.convertDartClosureToJSUncached(closure, arity);
+      closure.$identity = $function;
+      return $function;
+    },
+    convertDartClosureToJSUncached(closure, arity) {
+      var entry;
+      switch (arity) {
+        case 0:
+          entry = closure.call$0;
+          break;
+        case 1:
+          entry = closure.call$1;
+          break;
+        case 2:
+          entry = closure.call$2;
+          break;
+        case 3:
+          entry = closure.call$3;
+          break;
+        case 4:
+          entry = closure.call$4;
+          break;
+        default:
+          entry = null;
+      }
+      if (entry != null)
+        return entry.bind(closure);
+      return function(closure, arity, invoke) {
+        return function(a1, a2, a3, a4) {
+          return invoke(closure, arity, a1, a2, a3, a4);
+        };
+      }(closure, arity, A._invokeClosure);
+    },
+    Closure_fromTearOff(parameters) {
+      var $prototype, $constructor, t2, trampoline, applyTrampoline, i, stub, stub0, stubName, stubCallName,
+        container = parameters.co,
+        isStatic = parameters.iS,
+        isIntercepted = parameters.iI,
+        needsDirectAccess = parameters.nDA,
+        applyTrampolineIndex = parameters.aI,
+        funsOrNames = parameters.fs,
+        callNames = parameters.cs,
+        $name = funsOrNames[0],
+        callName = callNames[0],
+        $function = container[$name],
+        t1 = parameters.fT;
+      t1.toString;
+      $prototype = isStatic ? Object.create(new A.StaticClosure().constructor.prototype) : Object.create(new A.BoundClosure(null, null).constructor.prototype);
+      $prototype.$initialize = $prototype.constructor;
+      $constructor = isStatic ? function static_tear_off() {
+        this.$initialize();
+      } : function tear_off(a, b) {
+        this.$initialize(a, b);
+      };
+      $prototype.constructor = $constructor;
+      $constructor.prototype = $prototype;
+      $prototype.$_name = $name;
+      $prototype.$_target = $function;
+      t2 = !isStatic;
+      if (t2)
+        trampoline = A.Closure_forwardCallTo($name, $function, isIntercepted, needsDirectAccess);
+      else {
+        $prototype.$static_name = $name;
+        trampoline = $function;
+      }
+      $prototype.$signature = A.Closure__computeSignatureFunction(t1, isStatic, isIntercepted);
+      $prototype[callName] = trampoline;
+      for (applyTrampoline = trampoline, i = 1; i < funsOrNames.length; ++i) {
+        stub = funsOrNames[i];
+        if (typeof stub == "string") {
+          stub0 = container[stub];
+          stubName = stub;
+          stub = stub0;
+        } else
+          stubName = "";
+        stubCallName = callNames[i];
+        if (stubCallName != null) {
+          if (t2)
+            stub = A.Closure_forwardCallTo(stubName, stub, isIntercepted, needsDirectAccess);
+          $prototype[stubCallName] = stub;
+        }
+        if (i === applyTrampolineIndex)
+          applyTrampoline = stub;
+      }
+      $prototype["call*"] = applyTrampoline;
+      $prototype.$requiredArgCount = parameters.rC;
+      $prototype.$defaultValues = parameters.dV;
+      return $constructor;
+    },
+    Closure__computeSignatureFunction(functionType, isStatic, isIntercepted) {
+      if (typeof functionType == "number")
+        return functionType;
+      if (typeof functionType == "string") {
+        if (isStatic)
+          throw A.wrapException("Cannot compute signature for static tearoff.");
+        return function(recipe, evalOnReceiver) {
+          return function() {
+            return evalOnReceiver(this, recipe);
+          };
+        }(functionType, A.BoundClosure_evalRecipe);
+      }
+      throw A.wrapException("Error in functionType of tearoff");
+    },
+    Closure_cspForwardCall(arity, needsDirectAccess, stubName, $function) {
+      var getReceiver = A.BoundClosure_receiverOf;
+      switch (needsDirectAccess ? -1 : arity) {
+        case 0:
+          return function(entry, receiverOf) {
+            return function() {
+              return receiverOf(this)[entry]();
+            };
+          }(stubName, getReceiver);
+        case 1:
+          return function(entry, receiverOf) {
+            return function(a) {
+              return receiverOf(this)[entry](a);
+            };
+          }(stubName, getReceiver);
+        case 2:
+          return function(entry, receiverOf) {
+            return function(a, b) {
+              return receiverOf(this)[entry](a, b);
+            };
+          }(stubName, getReceiver);
+        case 3:
+          return function(entry, receiverOf) {
+            return function(a, b, c) {
+              return receiverOf(this)[entry](a, b, c);
+            };
+          }(stubName, getReceiver);
+        case 4:
+          return function(entry, receiverOf) {
+            return function(a, b, c, d) {
+              return receiverOf(this)[entry](a, b, c, d);
+            };
+          }(stubName, getReceiver);
+        case 5:
+          return function(entry, receiverOf) {
+            return function(a, b, c, d, e) {
+              return receiverOf(this)[entry](a, b, c, d, e);
+            };
+          }(stubName, getReceiver);
+        default:
+          return function(f, receiverOf) {
+            return function() {
+              return f.apply(receiverOf(this), arguments);
+            };
+          }($function, getReceiver);
+      }
+    },
+    Closure_forwardCallTo(stubName, $function, isIntercepted, needsDirectAccess) {
+      if (isIntercepted)
+        return A.Closure_forwardInterceptedCallTo(stubName, $function, needsDirectAccess);
+      return A.Closure_cspForwardCall($function.length, needsDirectAccess, stubName, $function);
+    },
+    Closure_cspForwardInterceptedCall(arity, needsDirectAccess, stubName, $function) {
+      var getReceiver = A.BoundClosure_receiverOf,
+        getInterceptor = A.BoundClosure_interceptorOf;
+      switch (needsDirectAccess ? -1 : arity) {
+        case 0:
+          throw A.wrapException(new A.RuntimeError("Intercepted function with no arguments."));
+        case 1:
+          return function(entry, interceptorOf, receiverOf) {
+            return function() {
+              return interceptorOf(this)[entry](receiverOf(this));
+            };
+          }(stubName, getInterceptor, getReceiver);
+        case 2:
+          return function(entry, interceptorOf, receiverOf) {
+            return function(a) {
+              return interceptorOf(this)[entry](receiverOf(this), a);
+            };
+          }(stubName, getInterceptor, getReceiver);
+        case 3:
+          return function(entry, interceptorOf, receiverOf) {
+            return function(a, b) {
+              return interceptorOf(this)[entry](receiverOf(this), a, b);
+            };
+          }(stubName, getInterceptor, getReceiver);
+        case 4:
+          return function(entry, interceptorOf, receiverOf) {
+            return function(a, b, c) {
+              return interceptorOf(this)[entry](receiverOf(this), a, b, c);
+            };
+          }(stubName, getInterceptor, getReceiver);
+        case 5:
+          return function(entry, interceptorOf, receiverOf) {
+            return function(a, b, c, d) {
+              return interceptorOf(this)[entry](receiverOf(this), a, b, c, d);
+            };
+          }(stubName, getInterceptor, getReceiver);
+        case 6:
+          return function(entry, interceptorOf, receiverOf) {
+            return function(a, b, c, d, e) {
+              return interceptorOf(this)[entry](receiverOf(this), a, b, c, d, e);
+            };
+          }(stubName, getInterceptor, getReceiver);
+        default:
+          return function(f, interceptorOf, receiverOf) {
+            return function() {
+              var a = [receiverOf(this)];
+              Array.prototype.push.apply(a, arguments);
+              return f.apply(interceptorOf(this), a);
+            };
+          }($function, getInterceptor, getReceiver);
+      }
+    },
+    Closure_forwardInterceptedCallTo(stubName, $function, needsDirectAccess) {
+      var arity, t1;
+      if ($.BoundClosure__interceptorFieldNameCache == null)
+        $.BoundClosure__interceptorFieldNameCache = A.BoundClosure__computeFieldNamed("interceptor");
+      if ($.BoundClosure__receiverFieldNameCache == null)
+        $.BoundClosure__receiverFieldNameCache = A.BoundClosure__computeFieldNamed("receiver");
+      arity = $function.length;
+      t1 = A.Closure_cspForwardInterceptedCall(arity, needsDirectAccess, stubName, $function);
+      return t1;
+    },
+    closureFromTearOff(parameters) {
+      return A.Closure_fromTearOff(parameters);
+    },
+    BoundClosure_evalRecipe(closure, recipe) {
+      return A._Universe_evalInEnvironment(init.typeUniverse, A.instanceType(closure._receiver), recipe);
+    },
+    BoundClosure_receiverOf(closure) {
+      return closure._receiver;
+    },
+    BoundClosure_interceptorOf(closure) {
+      return closure._interceptor;
+    },
+    BoundClosure__computeFieldNamed(fieldName) {
+      var names, i, $name,
+        template = new A.BoundClosure("receiver", "interceptor"),
+        t1 = Object.getOwnPropertyNames(template);
+      t1.$flags = 1;
+      names = t1;
+      for (t1 = names.length, i = 0; i < t1; ++i) {
+        $name = names[i];
+        if (template[$name] === fieldName)
+          return $name;
+      }
+      throw A.wrapException(A.ArgumentError$("Field name " + fieldName + " not found.", null));
+    },
+    getIsolateAffinityTag($name) {
+      return init.getIsolateTag($name);
+    },
+    defineProperty(obj, property, value) {
+      Object.defineProperty(obj, property, {value: value, enumerable: false, writable: true, configurable: true});
+    },
+    lookupAndCacheInterceptor(obj) {
+      var interceptor, interceptorClass, altTag, mark, t1,
+        tag = $.getTagFunction.call$1(obj),
+        record = $.dispatchRecordsForInstanceTags[tag];
+      if (record != null) {
+        Object.defineProperty(obj, init.dispatchPropertyName, {value: record, enumerable: false, writable: true, configurable: true});
+        return record.i;
+      }
+      interceptor = $.interceptorsForUncacheableTags[tag];
+      if (interceptor != null)
+        return interceptor;
+      interceptorClass = init.interceptorsByTag[tag];
+      if (interceptorClass == null) {
+        altTag = $.alternateTagFunction.call$2(obj, tag);
+        if (altTag != null) {
+          record = $.dispatchRecordsForInstanceTags[altTag];
+          if (record != null) {
+            Object.defineProperty(obj, init.dispatchPropertyName, {value: record, enumerable: false, writable: true, configurable: true});
+            return record.i;
+          }
+          interceptor = $.interceptorsForUncacheableTags[altTag];
+          if (interceptor != null)
+            return interceptor;
+          interceptorClass = init.interceptorsByTag[altTag];
+          tag = altTag;
+        }
+      }
+      if (interceptorClass == null)
+        return null;
+      interceptor = interceptorClass.prototype;
+      mark = tag[0];
+      if (mark === "!") {
+        record = A.makeLeafDispatchRecord(interceptor);
+        $.dispatchRecordsForInstanceTags[tag] = record;
+        Object.defineProperty(obj, init.dispatchPropertyName, {value: record, enumerable: false, writable: true, configurable: true});
+        return record.i;
+      }
+      if (mark === "~") {
+        $.interceptorsForUncacheableTags[tag] = interceptor;
+        return interceptor;
+      }
+      if (mark === "-") {
+        t1 = A.makeLeafDispatchRecord(interceptor);
+        Object.defineProperty(Object.getPrototypeOf(obj), init.dispatchPropertyName, {value: t1, enumerable: false, writable: true, configurable: true});
+        return t1.i;
+      }
+      if (mark === "+")
+        return A.patchInteriorProto(obj, interceptor);
+      if (mark === "*")
+        throw A.wrapException(A.UnimplementedError$(tag));
+      if (init.leafTags[tag] === true) {
+        t1 = A.makeLeafDispatchRecord(interceptor);
+        Object.defineProperty(Object.getPrototypeOf(obj), init.dispatchPropertyName, {value: t1, enumerable: false, writable: true, configurable: true});
+        return t1.i;
+      } else
+        return A.patchInteriorProto(obj, interceptor);
+    },
+    patchInteriorProto(obj, interceptor) {
+      var proto = Object.getPrototypeOf(obj);
+      Object.defineProperty(proto, init.dispatchPropertyName, {value: J.makeDispatchRecord(interceptor, proto, null, null), enumerable: false, writable: true, configurable: true});
+      return interceptor;
+    },
+    makeLeafDispatchRecord(interceptor) {
+      return J.makeDispatchRecord(interceptor, false, null, !!interceptor.$isJavaScriptIndexingBehavior);
+    },
+    makeDefaultDispatchRecord(tag, interceptorClass, proto) {
+      var interceptor = interceptorClass.prototype;
+      if (init.leafTags[tag] === true)
+        return A.makeLeafDispatchRecord(interceptor);
+      else
+        return J.makeDispatchRecord(interceptor, proto, null, null);
+    },
+    initNativeDispatch() {
+      if (true === $.initNativeDispatchFlag)
+        return;
+      $.initNativeDispatchFlag = true;
+      A.initNativeDispatchContinue();
+    },
+    initNativeDispatchContinue() {
+      var map, tags, fun, i, tag, proto, record, interceptorClass;
+      $.dispatchRecordsForInstanceTags = Object.create(null);
+      $.interceptorsForUncacheableTags = Object.create(null);
+      A.initHooks();
+      map = init.interceptorsByTag;
+      tags = Object.getOwnPropertyNames(map);
+      if (typeof window != "undefined") {
+        window;
+        fun = function() {
+        };
+        for (i = 0; i < tags.length; ++i) {
+          tag = tags[i];
+          proto = $.prototypeForTagFunction.call$1(tag);
+          if (proto != null) {
+            record = A.makeDefaultDispatchRecord(tag, map[tag], proto);
+            if (record != null) {
+              Object.defineProperty(proto, init.dispatchPropertyName, {value: record, enumerable: false, writable: true, configurable: true});
+              fun.prototype = proto;
+            }
+          }
+        }
+      }
+      for (i = 0; i < tags.length; ++i) {
+        tag = tags[i];
+        if (/^[A-Za-z_]/.test(tag)) {
+          interceptorClass = map[tag];
+          map["!" + tag] = interceptorClass;
+          map["~" + tag] = interceptorClass;
+          map["-" + tag] = interceptorClass;
+          map["+" + tag] = interceptorClass;
+          map["*" + tag] = interceptorClass;
+        }
+      }
+    },
+    initHooks() {
+      var transformers, i, transformer, getTag, getUnknownTag, prototypeForTag,
+        hooks = B.C_JS_CONST0();
+      hooks = A.applyHooksTransformer(B.C_JS_CONST1, A.applyHooksTransformer(B.C_JS_CONST2, A.applyHooksTransformer(B.C_JS_CONST3, A.applyHooksTransformer(B.C_JS_CONST3, A.applyHooksTransformer(B.C_JS_CONST4, A.applyHooksTransformer(B.C_JS_CONST5, A.applyHooksTransformer(B.C_JS_CONST6(B.C_JS_CONST), hooks)))))));
+      if (typeof dartNativeDispatchHooksTransformer != "undefined") {
+        transformers = dartNativeDispatchHooksTransformer;
+        if (typeof transformers == "function")
+          transformers = [transformers];
+        if (Array.isArray(transformers))
+          for (i = 0; i < transformers.length; ++i) {
+            transformer = transformers[i];
+            if (typeof transformer == "function")
+              hooks = transformer(hooks) || hooks;
+          }
+      }
+      getTag = hooks.getTag;
+      getUnknownTag = hooks.getUnknownTag;
+      prototypeForTag = hooks.prototypeForTag;
+      $.getTagFunction = new A.initHooks_closure(getTag);
+      $.alternateTagFunction = new A.initHooks_closure0(getUnknownTag);
+      $.prototypeForTagFunction = new A.initHooks_closure1(prototypeForTag);
+    },
+    applyHooksTransformer(transformer, hooks) {
+      return transformer(hooks) || hooks;
+    },
+    _RecordN__equalValues(a, b) {
+      var i;
+      for (i = 0; i < a.length; ++i)
+        if (!J.$eq$(a[i], b[i]))
+          return false;
+      return true;
+    },
+    createRecordTypePredicate(shape, fieldRtis) {
+      var $length = fieldRtis.length,
+        $function = init.rttc["" + $length + ";" + shape];
+      if ($function == null)
+        return null;
+      if ($length === 0)
+        return $function;
+      if ($length === $function.length)
+        return $function.apply(null, fieldRtis);
+      return $function(fieldRtis);
+    },
+    JSSyntaxRegExp_makeNative(source, multiLine, caseSensitive, unicode, dotAll, extraFlags) {
+      var m = multiLine ? "m" : "",
+        i = caseSensitive ? "" : "i",
+        u = unicode ? "u" : "",
+        s = dotAll ? "s" : "",
+        regexp = function(source, modifiers) {
+          try {
+            return new RegExp(source, modifiers);
+          } catch (e) {
+            return e;
+          }
+        }(source, m + i + u + s + extraFlags);
+      if (regexp instanceof RegExp)
+        return regexp;
+      throw A.wrapException(A.FormatException$("Illegal RegExp pattern (" + String(regexp) + ")", source, null));
+    },
+    stringContainsUnchecked(receiver, other, startIndex) {
+      var t1;
+      if (typeof other == "string")
+        return receiver.indexOf(other, startIndex) >= 0;
+      else if (other instanceof A.JSSyntaxRegExp) {
+        t1 = B.JSString_methods.substring$1(receiver, startIndex);
+        return other._nativeRegExp.test(t1);
+      } else
+        return !J.allMatches$1$s(other, B.JSString_methods.substring$1(receiver, startIndex)).get$isEmpty(0);
+    },
+    escapeReplacement(replacement) {
+      if (replacement.indexOf("$", 0) >= 0)
+        return replacement.replace(/\$/g, "$$$$");
+      return replacement;
+    },
+    stringReplaceFirstRE(receiver, regexp, replacement, startIndex) {
+      var match = regexp._execGlobal$2(receiver, startIndex);
+      if (match == null)
+        return receiver;
+      return A.stringReplaceRangeUnchecked(receiver, match._match.index, match.get$end(0), replacement);
+    },
+    quoteStringForRegExp(string) {
+      if (/[[\]{}()*+?.\\^$|]/.test(string))
+        return string.replace(/[[\]{}()*+?.\\^$|]/g, "\\$&");
+      return string;
+    },
+    stringReplaceAllUnchecked(receiver, pattern, replacement) {
+      var nativeRegexp;
+      if (typeof pattern == "string")
+        return A.stringReplaceAllUncheckedString(receiver, pattern, replacement);
+      if (pattern instanceof A.JSSyntaxRegExp) {
+        nativeRegexp = pattern.get$_nativeGlobalVersion();
+        nativeRegexp.lastIndex = 0;
+        return receiver.replace(nativeRegexp, A.escapeReplacement(replacement));
+      }
+      return A.stringReplaceAllGeneral(receiver, pattern, replacement);
+    },
+    stringReplaceAllGeneral(receiver, pattern, replacement) {
+      var t1, startIndex, t2, match;
+      for (t1 = J.allMatches$1$s(pattern, receiver), t1 = t1.get$iterator(t1), startIndex = 0, t2 = ""; t1.moveNext$0();) {
+        match = t1.get$current(t1);
+        t2 = t2 + receiver.substring(startIndex, match.get$start(match)) + replacement;
+        startIndex = match.get$end(match);
+      }
+      t1 = t2 + receiver.substring(startIndex);
+      return t1.charCodeAt(0) == 0 ? t1 : t1;
+    },
+    stringReplaceAllUncheckedString(receiver, pattern, replacement) {
+      var $length, t1, i;
+      if (pattern === "") {
+        if (receiver === "")
+          return replacement;
+        $length = receiver.length;
+        for (t1 = replacement, i = 0; i < $length; ++i)
+          t1 = t1 + receiver[i] + replacement;
+        return t1.charCodeAt(0) == 0 ? t1 : t1;
+      }
+      if (receiver.indexOf(pattern, 0) < 0)
+        return receiver;
+      if (receiver.length < 500 || replacement.indexOf("$", 0) >= 0)
+        return receiver.split(pattern).join(replacement);
+      return receiver.replace(new RegExp(A.quoteStringForRegExp(pattern), "g"), A.escapeReplacement(replacement));
+    },
+    stringReplaceFirstUnchecked(receiver, pattern, replacement, startIndex) {
+      var index, t1, matches, match;
+      if (typeof pattern == "string") {
+        index = receiver.indexOf(pattern, startIndex);
+        if (index < 0)
+          return receiver;
+        return A.stringReplaceRangeUnchecked(receiver, index, index + pattern.length, replacement);
+      }
+      if (pattern instanceof A.JSSyntaxRegExp)
+        return startIndex === 0 ? receiver.replace(pattern._nativeRegExp, A.escapeReplacement(replacement)) : A.stringReplaceFirstRE(receiver, pattern, replacement, startIndex);
+      t1 = J.allMatches$2$s(pattern, receiver, startIndex);
+      matches = t1.get$iterator(t1);
+      if (!matches.moveNext$0())
+        return receiver;
+      match = matches.get$current(matches);
+      return B.JSString_methods.replaceRange$3(receiver, match.get$start(match), match.get$end(match), replacement);
+    },
+    stringReplaceRangeUnchecked(receiver, start, end, replacement) {
+      return receiver.substring(0, start) + replacement + receiver.substring(end);
+    },
+    _Record_1: function _Record_1(t0) {
+      this._0 = t0;
+    },
+    _Record_2: function _Record_2(t0, t1) {
+      this._0 = t0;
+      this._1 = t1;
+    },
+    _Record_2_forImport: function _Record_2_forImport(t0, t1) {
+      this._0 = t0;
+      this._1 = t1;
+    },
+    _Record_2_imports_modules: function _Record_2_imports_modules(t0, t1) {
+      this._0 = t0;
+      this._1 = t1;
+    },
+    _Record_2_loadedUrls_stylesheet: function _Record_2_loadedUrls_stylesheet(t0, t1) {
+      this._0 = t0;
+      this._1 = t1;
+    },
+    _Record_2_sourceMap: function _Record_2_sourceMap(t0, t1) {
+      this._0 = t0;
+      this._1 = t1;
+    },
+    _Record_3: function _Record_3(t0, t1, t2) {
+      this._0 = t0;
+      this._1 = t1;
+      this._2 = t2;
+    },
+    _Record_3_deprecation_message_span: function _Record_3_deprecation_message_span(t0, t1, t2) {
+      this._0 = t0;
+      this._1 = t1;
+      this._2 = t2;
+    },
+    _Record_3_forImport: function _Record_3_forImport(t0, t1, t2) {
+      this._0 = t0;
+      this._1 = t1;
+      this._2 = t2;
+    },
+    _Record_3_importer_isDependency: function _Record_3_importer_isDependency(t0, t1, t2) {
+      this._0 = t0;
+      this._1 = t1;
+      this._2 = t2;
+    },
+    _Record_3_originalUrl: function _Record_3_originalUrl(t0, t1, t2) {
+      this._0 = t0;
+      this._1 = t1;
+      this._2 = t2;
+    },
+    _Record_5_named_namedNodes_positional_positionalNodes_separator: function _Record_5_named_namedNodes_positional_positionalNodes_separator(t0) {
+      this._values = t0;
+    },
+    ConstantMapView: function ConstantMapView(t0, t1) {
+      this._map = t0;
+      this.$ti = t1;
+    },
+    ConstantMap: function ConstantMap() {
+    },
+    ConstantStringMap: function ConstantStringMap(t0, t1, t2) {
+      this._jsIndex = t0;
+      this._values = t1;
+      this.$ti = t2;
+    },
+    _KeysOrValues: function _KeysOrValues(t0, t1) {
+      this._elements = t0;
+      this.$ti = t1;
+    },
+    _KeysOrValuesOrElementsIterator: function _KeysOrValuesOrElementsIterator(t0, t1, t2) {
+      var _ = this;
+      _._elements = t0;
+      _.__js_helper$_length = t1;
+      _.__js_helper$_index = 0;
+      _.__js_helper$_current = null;
+      _.$ti = t2;
+    },
+    ConstantSet: function ConstantSet() {
+    },
+    ConstantStringSet: function ConstantStringSet(t0, t1, t2) {
+      this._jsIndex = t0;
+      this.__js_helper$_length = t1;
+      this.$ti = t2;
+    },
+    GeneralConstantSet: function GeneralConstantSet(t0, t1) {
+      this._elements = t0;
+      this.$ti = t1;
+    },
+    Instantiation: function Instantiation() {
+    },
+    Instantiation1: function Instantiation1(t0, t1) {
+      this._genericClosure = t0;
+      this.$ti = t1;
+    },
+    JSInvocationMirror: function JSInvocationMirror(t0, t1, t2, t3, t4) {
+      var _ = this;
+      _.__js_helper$_memberName = t0;
+      _.__js_helper$_kind = t1;
+      _._arguments = t2;
+      _._namedArgumentNames = t3;
+      _._typeArgumentCount = t4;
+    },
+    Primitives_functionNoSuchMethod_closure: function Primitives_functionNoSuchMethod_closure(t0, t1, t2) {
+      this._box_0 = t0;
+      this.namedArgumentList = t1;
+      this.$arguments = t2;
+    },
+    SafeToStringHook: function SafeToStringHook() {
+    },
+    TypeErrorDecoder: function TypeErrorDecoder(t0, t1, t2, t3, t4, t5) {
+      var _ = this;
+      _._pattern = t0;
+      _._arguments = t1;
+      _._argumentsExpr = t2;
+      _._expr = t3;
+      _._method = t4;
+      _._receiver = t5;
+    },
+    NullError: function NullError() {
+    },
+    JsNoSuchMethodError: function JsNoSuchMethodError(t0, t1, t2) {
+      this.__js_helper$_message = t0;
+      this._method = t1;
+      this._receiver = t2;
+    },
+    UnknownJsTypeError: function UnknownJsTypeError(t0) {
+      this.__js_helper$_message = t0;
+    },
+    NullThrownFromJavaScriptException: function NullThrownFromJavaScriptException(t0) {
+      this._irritant = t0;
+    },
+    ExceptionAndStackTrace: function ExceptionAndStackTrace(t0, t1) {
+      this.dartException = t0;
+      this.stackTrace = t1;
+    },
+    _StackTrace: function _StackTrace(t0) {
+      this._exception = t0;
+      this._trace = null;
+    },
+    Closure: function Closure() {
+    },
+    Closure0Args: function Closure0Args() {
+    },
+    Closure2Args: function Closure2Args() {
+    },
+    TearOffClosure: function TearOffClosure() {
+    },
+    StaticClosure: function StaticClosure() {
+    },
+    BoundClosure: function BoundClosure(t0, t1) {
+      this._receiver = t0;
+      this._interceptor = t1;
+    },
+    RuntimeError: function RuntimeError(t0) {
+      this.message = t0;
+    },
+    _Required: function _Required() {
+    },
+    JsLinkedHashMap: function JsLinkedHashMap(t0) {
+      var _ = this;
+      _.__js_helper$_length = 0;
+      _._last = _._first = _.__js_helper$_rest = _._nums = _._strings = null;
+      _._modifications = 0;
+      _.$ti = t0;
+    },
+    JsLinkedHashMap_addAll_closure: function JsLinkedHashMap_addAll_closure(t0) {
+      this.$this = t0;
+    },
+    LinkedHashMapCell: function LinkedHashMapCell(t0, t1) {
+      var _ = this;
+      _.hashMapCellKey = t0;
+      _.hashMapCellValue = t1;
+      _._previous = _._next = null;
+    },
+    LinkedHashMapKeysIterable: function LinkedHashMapKeysIterable(t0, t1) {
+      this.__js_helper$_map = t0;
+      this.$ti = t1;
+    },
+    LinkedHashMapKeyIterator: function LinkedHashMapKeyIterator(t0, t1, t2) {
+      var _ = this;
+      _.__js_helper$_map = t0;
+      _._modifications = t1;
+      _._cell = t2;
+      _.__js_helper$_current = null;
+    },
+    LinkedHashMapValuesIterable: function LinkedHashMapValuesIterable(t0, t1) {
+      this.__js_helper$_map = t0;
+      this.$ti = t1;
+    },
+    LinkedHashMapValueIterator: function LinkedHashMapValueIterator(t0, t1, t2) {
+      var _ = this;
+      _.__js_helper$_map = t0;
+      _._modifications = t1;
+      _._cell = t2;
+      _.__js_helper$_current = null;
+    },
+    LinkedHashMapEntriesIterable: function LinkedHashMapEntriesIterable(t0, t1) {
+      this.__js_helper$_map = t0;
+      this.$ti = t1;
+    },
+    LinkedHashMapEntryIterator: function LinkedHashMapEntryIterator(t0, t1, t2, t3) {
+      var _ = this;
+      _.__js_helper$_map = t0;
+      _._modifications = t1;
+      _._cell = t2;
+      _.__js_helper$_current = null;
+      _.$ti = t3;
+    },
+    JsIdentityLinkedHashMap: function JsIdentityLinkedHashMap(t0) {
+      var _ = this;
+      _.__js_helper$_length = 0;
+      _._last = _._first = _.__js_helper$_rest = _._nums = _._strings = null;
+      _._modifications = 0;
+      _.$ti = t0;
+    },
+    JsConstantLinkedHashMap: function JsConstantLinkedHashMap(t0) {
+      var _ = this;
+      _.__js_helper$_length = 0;
+      _._last = _._first = _.__js_helper$_rest = _._nums = _._strings = null;
+      _._modifications = 0;
+      _.$ti = t0;
+    },
+    initHooks_closure: function initHooks_closure(t0) {
+      this.getTag = t0;
+    },
+    initHooks_closure0: function initHooks_closure0(t0) {
+      this.getUnknownTag = t0;
+    },
+    initHooks_closure1: function initHooks_closure1(t0) {
+      this.prototypeForTag = t0;
+    },
+    _Record: function _Record() {
+    },
+    _Record2: function _Record2() {
+    },
+    _Record1: function _Record1() {
+    },
+    _Record3: function _Record3() {
+    },
+    _RecordN: function _RecordN() {
+    },
+    JSSyntaxRegExp: function JSSyntaxRegExp(t0, t1) {
+      var _ = this;
+      _.pattern = t0;
+      _._nativeRegExp = t1;
+      _._hasCapturesCache = _._nativeAnchoredRegExp = _._nativeGlobalRegExp = null;
+    },
+    _MatchImplementation: function _MatchImplementation(t0) {
+      this._match = t0;
+    },
+    _AllMatchesIterable: function _AllMatchesIterable(t0, t1, t2) {
+      this._re = t0;
+      this.__js_helper$_string = t1;
+      this.__js_helper$_start = t2;
+    },
+    _AllMatchesIterator: function _AllMatchesIterator(t0, t1, t2) {
+      var _ = this;
+      _._regExp = t0;
+      _.__js_helper$_string = t1;
+      _._nextIndex = t2;
+      _.__js_helper$_current = null;
+    },
+    StringMatch: function StringMatch(t0, t1) {
+      this.start = t0;
+      this.pattern = t1;
+    },
+    _StringAllMatchesIterable: function _StringAllMatchesIterable(t0, t1, t2) {
+      this._input = t0;
+      this._pattern = t1;
+      this.__js_helper$_index = t2;
+    },
+    _StringAllMatchesIterator: function _StringAllMatchesIterator(t0, t1, t2) {
+      var _ = this;
+      _._input = t0;
+      _._pattern = t1;
+      _.__js_helper$_index = t2;
+      _.__js_helper$_current = null;
+    },
+    throwLateFieldADI(fieldName) {
+      throw A.initializeExceptionWrapper(A.LateError$fieldADI(fieldName), new Error());
+    },
+    throwUnnamedLateFieldNI() {
+      throw A.initializeExceptionWrapper(A.LateError$fieldNI(""), new Error());
+    },
+    throwUnnamedLateFieldAI() {
+      throw A.initializeExceptionWrapper(A.LateError$fieldAI(""), new Error());
+    },
+    throwUnnamedLateFieldADI() {
+      throw A.initializeExceptionWrapper(A.LateError$fieldADI(""), new Error());
+    },
+    _Cell$() {
+      var t1 = new A._Cell();
+      return t1.__late_helper$_value = t1;
+    },
+    _Cell: function _Cell() {
+      this.__late_helper$_value = null;
+    },
+    _ensureNativeList(list) {
+      return list;
+    },
+    NativeFloat64List_NativeFloat64List$fromList(elements) {
+      return new Float64Array(A._ensureNativeList(elements));
+    },
+    NativeInt8List__create1(arg) {
+      return new Int8Array(arg);
+    },
+    NativeUint8List_NativeUint8List($length) {
+      return new Uint8Array($length);
+    },
+    _checkValidIndex(index, list, $length) {
+      if (index >>> 0 !== index || index >= $length)
+        throw A.wrapException(A.diagnoseIndexError(list, index));
+    },
+    _checkValidRange(start, end, $length) {
+      var t1;
+      if (!(start >>> 0 !== start))
+        if (end == null)
+          t1 = start > $length;
+        else
+          t1 = end >>> 0 !== end || start > end || end > $length;
+      else
+        t1 = true;
+      if (t1)
+        throw A.wrapException(A.diagnoseRangeError(start, end, $length));
+      if (end == null)
+        return $length;
+      return end;
+    },
+    NativeByteBuffer: function NativeByteBuffer() {
+    },
+    NativeTypedData: function NativeTypedData() {
+    },
+    NativeByteData: function NativeByteData() {
+    },
+    NativeTypedArray: function NativeTypedArray() {
+    },
+    NativeTypedArrayOfDouble: function NativeTypedArrayOfDouble() {
+    },
+    NativeTypedArrayOfInt: function NativeTypedArrayOfInt() {
+    },
+    NativeFloat32List: function NativeFloat32List() {
+    },
+    NativeFloat64List: function NativeFloat64List() {
+    },
+    NativeInt16List: function NativeInt16List() {
+    },
+    NativeInt32List: function NativeInt32List() {
+    },
+    NativeInt8List: function NativeInt8List() {
+    },
+    NativeUint16List: function NativeUint16List() {
+    },
+    NativeUint32List: function NativeUint32List() {
+    },
+    NativeUint8ClampedList: function NativeUint8ClampedList() {
+    },
+    NativeUint8List: function NativeUint8List() {
+    },
+    _NativeTypedArrayOfDouble_NativeTypedArray_ListMixin: function _NativeTypedArrayOfDouble_NativeTypedArray_ListMixin() {
+    },
+    _NativeTypedArrayOfDouble_NativeTypedArray_ListMixin_FixedLengthListMixin: function _NativeTypedArrayOfDouble_NativeTypedArray_ListMixin_FixedLengthListMixin() {
+    },
+    _NativeTypedArrayOfInt_NativeTypedArray_ListMixin: function _NativeTypedArrayOfInt_NativeTypedArray_ListMixin() {
+    },
+    _NativeTypedArrayOfInt_NativeTypedArray_ListMixin_FixedLengthListMixin: function _NativeTypedArrayOfInt_NativeTypedArray_ListMixin_FixedLengthListMixin() {
+    },
+    Rti__getFutureFromFutureOr(universe, rti) {
+      var future = rti._precomputed1;
+      return future == null ? rti._precomputed1 = A._Universe__lookupInterfaceRti(universe, "Future", [rti._primary]) : future;
+    },
+    Rti__isUnionOfFunctionType(rti) {
+      var kind = rti._kind;
+      if (kind === 6 || kind === 7)
+        return A.Rti__isUnionOfFunctionType(rti._primary);
+      return kind === 11 || kind === 12;
+    },
+    Rti__getCanonicalRecipe(rti) {
+      return rti._canonicalRecipe;
+    },
+    pairwiseIsTest(fieldRtis, values) {
+      var i,
+        $length = values.length;
+      for (i = 0; i < $length; ++i)
+        if (!fieldRtis[i]._is(values[i]))
+          return false;
+      return true;
+    },
+    findType(recipe) {
+      return A._Universe_eval(init.typeUniverse, recipe, false);
+    },
+    instantiatedGenericFunctionType(genericFunctionRti, instantiationRti) {
+      var t1, cache, key, probe, rti;
+      if (genericFunctionRti == null)
+        return null;
+      t1 = instantiationRti._rest;
+      cache = genericFunctionRti._bindCache;
+      if (cache == null)
+        cache = genericFunctionRti._bindCache = new Map();
+      key = instantiationRti._canonicalRecipe;
+      probe = cache.get(key);
+      if (probe != null)
+        return probe;
+      rti = A._substitute(init.typeUniverse, genericFunctionRti._primary, t1, 0);
+      cache.set(key, rti);
+      return rti;
+    },
+    _substitute(universe, rti, typeArguments, depth) {
+      var baseType, substitutedBaseType, interfaceTypeArguments, substitutedInterfaceTypeArguments, base, substitutedBase, $arguments, substitutedArguments, t1, fields, substitutedFields, returnType, substitutedReturnType, functionParameters, substitutedFunctionParameters, bounds, substitutedBounds, index, argument,
+        kind = rti._kind;
+      switch (kind) {
+        case 5:
+        case 1:
+        case 2:
+        case 3:
+        case 4:
+          return rti;
+        case 6:
+          baseType = rti._primary;
+          substitutedBaseType = A._substitute(universe, baseType, typeArguments, depth);
+          if (substitutedBaseType === baseType)
+            return rti;
+          return A._Universe__lookupQuestionRti(universe, substitutedBaseType, true);
+        case 7:
+          baseType = rti._primary;
+          substitutedBaseType = A._substitute(universe, baseType, typeArguments, depth);
+          if (substitutedBaseType === baseType)
+            return rti;
+          return A._Universe__lookupFutureOrRti(universe, substitutedBaseType, true);
+        case 8:
+          interfaceTypeArguments = rti._rest;
+          substitutedInterfaceTypeArguments = A._substituteArray(universe, interfaceTypeArguments, typeArguments, depth);
+          if (substitutedInterfaceTypeArguments === interfaceTypeArguments)
+            return rti;
+          return A._Universe__lookupInterfaceRti(universe, rti._primary, substitutedInterfaceTypeArguments);
+        case 9:
+          base = rti._primary;
+          substitutedBase = A._substitute(universe, base, typeArguments, depth);
+          $arguments = rti._rest;
+          substitutedArguments = A._substituteArray(universe, $arguments, typeArguments, depth);
+          if (substitutedBase === base && substitutedArguments === $arguments)
+            return rti;
+          return A._Universe__lookupBindingRti(universe, substitutedBase, substitutedArguments);
+        case 10:
+          t1 = rti._primary;
+          fields = rti._rest;
+          substitutedFields = A._substituteArray(universe, fields, typeArguments, depth);
+          if (substitutedFields === fields)
+            return rti;
+          return A._Universe__lookupRecordRti(universe, t1, substitutedFields);
+        case 11:
+          returnType = rti._primary;
+          substitutedReturnType = A._substitute(universe, returnType, typeArguments, depth);
+          functionParameters = rti._rest;
+          substitutedFunctionParameters = A._substituteFunctionParameters(universe, functionParameters, typeArguments, depth);
+          if (substitutedReturnType === returnType && substitutedFunctionParameters === functionParameters)
+            return rti;
+          return A._Universe__lookupFunctionRti(universe, substitutedReturnType, substitutedFunctionParameters);
+        case 12:
+          bounds = rti._rest;
+          depth += bounds.length;
+          substitutedBounds = A._substituteArray(universe, bounds, typeArguments, depth);
+          base = rti._primary;
+          substitutedBase = A._substitute(universe, base, typeArguments, depth);
+          if (substitutedBounds === bounds && substitutedBase === base)
+            return rti;
+          return A._Universe__lookupGenericFunctionRti(universe, substitutedBase, substitutedBounds, true);
+        case 13:
+          index = rti._primary;
+          if (index < depth)
+            return rti;
+          argument = typeArguments[index - depth];
+          if (argument == null)
+            return rti;
+          return argument;
+        default:
+          throw A.wrapException(A.AssertionError$("Attempted to substitute unexpected RTI kind " + kind));
+      }
+    },
+    _substituteArray(universe, rtiArray, typeArguments, depth) {
+      var changed, i, rti, substitutedRti,
+        $length = rtiArray.length,
+        result = A._Utils_newArrayOrEmpty($length);
+      for (changed = false, i = 0; i < $length; ++i) {
+        rti = rtiArray[i];
+        substitutedRti = A._substitute(universe, rti, typeArguments, depth);
+        if (substitutedRti !== rti)
+          changed = true;
+        result[i] = substitutedRti;
+      }
+      return changed ? result : rtiArray;
+    },
+    _substituteNamed(universe, namedArray, typeArguments, depth) {
+      var changed, i, t1, t2, rti, substitutedRti,
+        $length = namedArray.length,
+        result = A._Utils_newArrayOrEmpty($length);
+      for (changed = false, i = 0; i < $length; i += 3) {
+        t1 = namedArray[i];
+        t2 = namedArray[i + 1];
+        rti = namedArray[i + 2];
+        substitutedRti = A._substitute(universe, rti, typeArguments, depth);
+        if (substitutedRti !== rti)
+          changed = true;
+        result.splice(i, 3, t1, t2, substitutedRti);
+      }
+      return changed ? result : namedArray;
+    },
+    _substituteFunctionParameters(universe, functionParameters, typeArguments, depth) {
+      var result,
+        requiredPositional = functionParameters._requiredPositional,
+        substitutedRequiredPositional = A._substituteArray(universe, requiredPositional, typeArguments, depth),
+        optionalPositional = functionParameters._optionalPositional,
+        substitutedOptionalPositional = A._substituteArray(universe, optionalPositional, typeArguments, depth),
+        named = functionParameters._named,
+        substitutedNamed = A._substituteNamed(universe, named, typeArguments, depth);
+      if (substitutedRequiredPositional === requiredPositional && substitutedOptionalPositional === optionalPositional && substitutedNamed === named)
+        return functionParameters;
+      result = new A._FunctionParameters();
+      result._requiredPositional = substitutedRequiredPositional;
+      result._optionalPositional = substitutedOptionalPositional;
+      result._named = substitutedNamed;
+      return result;
+    },
+    _setArrayType(target, rti) {
+      target[init.arrayRti] = rti;
+      return target;
+    },
+    closureFunctionType(closure) {
+      var signature = closure.$signature;
+      if (signature != null) {
+        if (typeof signature == "number")
+          return A.getTypeFromTypesTable(signature);
+        return closure.$signature();
+      }
+      return null;
+    },
+    instanceOrFunctionType(object, testRti) {
+      var rti;
+      if (A.Rti__isUnionOfFunctionType(testRti))
+        if (object instanceof A.Closure) {
+          rti = A.closureFunctionType(object);
+          if (rti != null)
+            return rti;
+        }
+      return A.instanceType(object);
+    },
+    instanceType(object) {
+      if (object instanceof A.Object)
+        return A._instanceType(object);
+      if (Array.isArray(object))
+        return A._arrayInstanceType(object);
+      return A._instanceTypeFromConstructor(J.getInterceptor$(object));
+    },
+    _arrayInstanceType(object) {
+      var rti = object[init.arrayRti],
+        defaultRti = type$.JSArray_dynamic;
+      if (rti == null)
+        return defaultRti;
+      if (rti.constructor !== defaultRti.constructor)
+        return defaultRti;
+      return rti;
+    },
+    _instanceType(object) {
+      var rti = object.$ti;
+      return rti != null ? rti : A._instanceTypeFromConstructor(object);
+    },
+    _instanceTypeFromConstructor(instance) {
+      var $constructor = instance.constructor,
+        probe = $constructor.$ccache;
+      if (probe != null)
+        return probe;
+      return A._instanceTypeFromConstructorMiss(instance, $constructor);
+    },
+    _instanceTypeFromConstructorMiss(instance, $constructor) {
+      var effectiveConstructor = instance instanceof A.Closure ? Object.getPrototypeOf(Object.getPrototypeOf(instance)).constructor : $constructor,
+        rti = A._Universe_findErasedType(init.typeUniverse, effectiveConstructor.name);
+      $constructor.$ccache = rti;
+      return rti;
+    },
+    getTypeFromTypesTable(index) {
+      var rti,
+        table = init.types,
+        type = table[index];
+      if (typeof type == "string") {
+        rti = A._Universe_eval(init.typeUniverse, type, false);
+        table[index] = rti;
+        return rti;
+      }
+      return type;
+    },
+    getRuntimeTypeOfDartObject(object) {
+      return A.createRuntimeType(A._instanceType(object));
+    },
+    getRuntimeTypeOfClosure(closure) {
+      var rti = A.closureFunctionType(closure);
+      return A.createRuntimeType(rti == null ? A.instanceType(closure) : rti);
+    },
+    _structuralTypeOf(object) {
+      var functionRti;
+      if (object instanceof A._Record)
+        return A.evaluateRtiForRecord(object.$recipe, object._getFieldValues$0());
+      functionRti = object instanceof A.Closure ? A.closureFunctionType(object) : null;
+      if (functionRti != null)
+        return functionRti;
+      if (type$.TrustedGetRuntimeType._is(object))
+        return J.get$runtimeType$(object)._rti;
+      if (Array.isArray(object))
+        return A._arrayInstanceType(object);
+      return A.instanceType(object);
+    },
+    createRuntimeType(rti) {
+      var t1 = rti._cachedRuntimeType;
+      return t1 == null ? rti._cachedRuntimeType = new A._Type(rti) : t1;
+    },
+    evaluateRtiForRecord(recordRecipe, valuesList) {
+      var bindings, i,
+        values = valuesList,
+        $length = values.length;
+      if ($length === 0)
+        return type$.Record_0;
+      bindings = A._Universe_evalInEnvironment(init.typeUniverse, A._structuralTypeOf(values[0]), "@<0>");
+      for (i = 1; i < $length; ++i)
+        bindings = A._Universe_bind(init.typeUniverse, bindings, A._structuralTypeOf(values[i]));
+      return A._Universe_evalInEnvironment(init.typeUniverse, bindings, recordRecipe);
+    },
+    typeLiteral(recipe) {
+      return A.createRuntimeType(A._Universe_eval(init.typeUniverse, recipe, false));
+    },
+    _installSpecializedIsTest(object) {
+      var testRti = this;
+      testRti._is = A._specializedIsTest(testRti);
+      return testRti._is(object);
+    },
+    _specializedIsTest(testRti) {
+      var kind, simpleIsFn, $name, predicate;
+      if (testRti === type$.Object)
+        return A._isObject;
+      if (A.isTopType(testRti))
+        return A._isTop;
+      kind = testRti._kind;
+      if (kind === 6)
+        return A._generalNullableIsTestImplementation;
+      if (kind === 1)
+        return A._isNever;
+      if (kind === 7)
+        return A._isFutureOr;
+      simpleIsFn = A._simpleSpecializedIsTest(testRti);
+      if (simpleIsFn != null)
+        return simpleIsFn;
+      if (kind === 8) {
+        $name = testRti._primary;
+        if (testRti._rest.every(A.isTopType)) {
+          testRti._specializedTestResource = "$is" + $name;
+          if ($name === "List")
+            return A._isListTestViaProperty;
+          if (testRti === type$.JSObject)
+            return A._isJSObject;
+          return A._isTestViaProperty;
+        }
+      } else if (kind === 10) {
+        predicate = A.createRecordTypePredicate(testRti._primary, testRti._rest);
+        return predicate == null ? A._isNever : predicate;
+      }
+      return A._generalIsTestImplementation;
+    },
+    _simpleSpecializedIsTest(testRti) {
+      if (testRti._kind === 8) {
+        if (testRti === type$.int)
+          return A._isInt;
+        if (testRti === type$.double || testRti === type$.num)
+          return A._isNum;
+        if (testRti === type$.String)
+          return A._isString;
+        if (testRti === type$.bool)
+          return A._isBool;
+      }
+      return null;
+    },
+    _installSpecializedAsCheck(object) {
+      var testRti = this,
+        asFn = A._generalAsCheckImplementation;
+      if (A.isTopType(testRti))
+        asFn = A._asTop;
+      else if (testRti === type$.Object)
+        asFn = A._asObject;
+      else if (A.isNullable(testRti)) {
+        asFn = A._generalNullableAsCheckImplementation;
+        if (testRti === type$.nullable_int)
+          asFn = A._asIntQ;
+        else if (testRti === type$.nullable_String)
+          asFn = A._asStringQ;
+        else if (testRti === type$.nullable_bool)
+          asFn = A._asBoolQ;
+        else if (testRti === type$.nullable_num)
+          asFn = A._asNumQ;
+        else if (testRti === type$.nullable_double)
+          asFn = A._asDoubleQ;
+        else if (testRti === type$.nullable_JSObject)
+          asFn = A._asJSObjectQ;
+      } else if (testRti === type$.int)
+        asFn = A._asInt;
+      else if (testRti === type$.String)
+        asFn = A._asString;
+      else if (testRti === type$.bool)
+        asFn = A._asBool;
+      else if (testRti === type$.num)
+        asFn = A._asNum;
+      else if (testRti === type$.double)
+        asFn = A._asDouble;
+      else if (testRti === type$.JSObject)
+        asFn = A._asJSObject;
+      testRti._as = asFn;
+      return testRti._as(object);
+    },
+    _generalIsTestImplementation(object) {
+      var testRti = this;
+      if (object == null)
+        return A.isNullable(testRti);
+      return A.isSubtype(init.typeUniverse, A.instanceOrFunctionType(object, testRti), testRti);
+    },
+    _generalNullableIsTestImplementation(object) {
+      if (object == null)
+        return true;
+      return this._primary._is(object);
+    },
+    _isTestViaProperty(object) {
+      var tag, testRti = this;
+      if (object == null)
+        return A.isNullable(testRti);
+      tag = testRti._specializedTestResource;
+      if (object instanceof A.Object)
+        return !!object[tag];
+      return !!J.getInterceptor$(object)[tag];
+    },
+    _isListTestViaProperty(object) {
+      var tag, testRti = this;
+      if (object == null)
+        return A.isNullable(testRti);
+      if (typeof object != "object")
+        return false;
+      if (Array.isArray(object))
+        return true;
+      tag = testRti._specializedTestResource;
+      if (object instanceof A.Object)
+        return !!object[tag];
+      return !!J.getInterceptor$(object)[tag];
+    },
+    _isJSObject(object) {
+      var t1 = this;
+      if (object == null)
+        return false;
+      if (typeof object == "object") {
+        if (object instanceof A.Object)
+          return !!object[t1._specializedTestResource];
+        return true;
+      }
+      if (typeof object == "function")
+        return true;
+      return false;
+    },
+    _isJSObjectStandalone(object) {
+      if (typeof object == "object") {
+        if (object instanceof A.Object)
+          return type$.JSObject._is(object);
+        return true;
+      }
+      if (typeof object == "function")
+        return true;
+      return false;
+    },
+    _generalAsCheckImplementation(object) {
+      var testRti = this;
+      if (object == null) {
+        if (A.isNullable(testRti))
+          return object;
+      } else if (testRti._is(object))
+        return object;
+      throw A.initializeExceptionWrapper(A._errorForAsCheck(object, testRti), new Error());
+    },
+    _generalNullableAsCheckImplementation(object) {
+      var testRti = this;
+      if (object == null || testRti._is(object))
+        return object;
+      throw A.initializeExceptionWrapper(A._errorForAsCheck(object, testRti), new Error());
+    },
+    _errorForAsCheck(object, testRti) {
+      return new A._TypeError("TypeError: " + A._Error_compose(object, A._rtiToString(testRti, null)));
+    },
+    _Error_compose(object, checkedTypeDescription) {
+      return A.Error_safeToString(object) + ": type '" + A._rtiToString(A._structuralTypeOf(object), null) + "' is not a subtype of type '" + checkedTypeDescription + "'";
+    },
+    _TypeError__TypeError$forType(object, type) {
+      return new A._TypeError("TypeError: " + A._Error_compose(object, type));
+    },
+    _isFutureOr(object) {
+      var testRti = this;
+      return testRti._primary._is(object) || A.Rti__getFutureFromFutureOr(init.typeUniverse, testRti)._is(object);
+    },
+    _isObject(object) {
+      return object != null;
+    },
+    _asObject(object) {
+      if (object != null)
+        return object;
+      throw A.initializeExceptionWrapper(A._TypeError__TypeError$forType(object, "Object"), new Error());
+    },
+    _isTop(object) {
+      return true;
+    },
+    _asTop(object) {
+      return object;
+    },
+    _isNever(object) {
+      return false;
+    },
+    _isBool(object) {
+      return true === object || false === object;
+    },
+    _asBool(object) {
+      if (true === object)
+        return true;
+      if (false === object)
+        return false;
+      throw A.initializeExceptionWrapper(A._TypeError__TypeError$forType(object, "bool"), new Error());
+    },
+    _asBoolQ(object) {
+      if (true === object)
+        return true;
+      if (false === object)
+        return false;
+      if (object == null)
+        return object;
+      throw A.initializeExceptionWrapper(A._TypeError__TypeError$forType(object, "bool?"), new Error());
+    },
+    _asDouble(object) {
+      if (typeof object == "number")
+        return object;
+      throw A.initializeExceptionWrapper(A._TypeError__TypeError$forType(object, "double"), new Error());
+    },
+    _asDoubleQ(object) {
+      if (typeof object == "number")
+        return object;
+      if (object == null)
+        return object;
+      throw A.initializeExceptionWrapper(A._TypeError__TypeError$forType(object, "double?"), new Error());
+    },
+    _isInt(object) {
+      return typeof object == "number" && Math.floor(object) === object;
+    },
+    _asInt(object) {
+      if (typeof object == "number" && Math.floor(object) === object)
+        return object;
+      throw A.initializeExceptionWrapper(A._TypeError__TypeError$forType(object, "int"), new Error());
+    },
+    _asIntQ(object) {
+      if (typeof object == "number" && Math.floor(object) === object)
+        return object;
+      if (object == null)
+        return object;
+      throw A.initializeExceptionWrapper(A._TypeError__TypeError$forType(object, "int?"), new Error());
+    },
+    _isNum(object) {
+      return typeof object == "number";
+    },
+    _asNum(object) {
+      if (typeof object == "number")
+        return object;
+      throw A.initializeExceptionWrapper(A._TypeError__TypeError$forType(object, "num"), new Error());
+    },
+    _asNumQ(object) {
+      if (typeof object == "number")
+        return object;
+      if (object == null)
+        return object;
+      throw A.initializeExceptionWrapper(A._TypeError__TypeError$forType(object, "num?"), new Error());
+    },
+    _isString(object) {
+      return typeof object == "string";
+    },
+    _asString(object) {
+      if (typeof object == "string")
+        return object;
+      throw A.initializeExceptionWrapper(A._TypeError__TypeError$forType(object, "String"), new Error());
+    },
+    _asStringQ(object) {
+      if (typeof object == "string")
+        return object;
+      if (object == null)
+        return object;
+      throw A.initializeExceptionWrapper(A._TypeError__TypeError$forType(object, "String?"), new Error());
+    },
+    _asJSObject(object) {
+      if (A._isJSObjectStandalone(object))
+        return object;
+      throw A.initializeExceptionWrapper(A._TypeError__TypeError$forType(object, "JSObject"), new Error());
+    },
+    _asJSObjectQ(object) {
+      if (object == null)
+        return object;
+      if (A._isJSObjectStandalone(object))
+        return object;
+      throw A.initializeExceptionWrapper(A._TypeError__TypeError$forType(object, "JSObject?"), new Error());
+    },
+    _rtiArrayToString(array, genericContext) {
+      var s, sep, i;
+      for (s = "", sep = "", i = 0; i < array.length; ++i, sep = ", ")
+        s += sep + A._rtiToString(array[i], genericContext);
+      return s;
+    },
+    _recordRtiToString(recordType, genericContext) {
+      var fieldCount, names, namesIndex, s, comma, i,
+        partialShape = recordType._primary,
+        fields = recordType._rest;
+      if ("" === partialShape)
+        return "(" + A._rtiArrayToString(fields, genericContext) + ")";
+      fieldCount = fields.length;
+      names = partialShape.split(",");
+      namesIndex = names.length - fieldCount;
+      for (s = "(", comma = "", i = 0; i < fieldCount; ++i, comma = ", ") {
+        s += comma;
+        if (namesIndex === 0)
+          s += "{";
+        s += A._rtiToString(fields[i], genericContext);
+        if (namesIndex >= 0)
+          s += " " + names[namesIndex];
+        ++namesIndex;
+      }
+      return s + "})";
+    },
+    _functionRtiToString(functionType, genericContext, bounds) {
+      var boundsLength, offset, i, t1, typeParametersText, typeSep, boundRti, kind, parameters, requiredPositional, requiredPositionalLength, optionalPositional, optionalPositionalLength, named, namedLength, returnTypeText, argumentsText, sep, _s2_ = ", ", outerContextLength = null;
+      if (bounds != null) {
+        boundsLength = bounds.length;
+        if (genericContext == null)
+          genericContext = A._setArrayType([], type$.JSArray_String);
+        else
+          outerContextLength = genericContext.length;
+        offset = genericContext.length;
+        for (i = boundsLength; i > 0; --i)
+          genericContext.push("T" + (offset + i));
+        for (t1 = type$.nullable_Object, typeParametersText = "<", typeSep = "", i = 0; i < boundsLength; ++i, typeSep = _s2_) {
+          typeParametersText = typeParametersText + typeSep + genericContext[genericContext.length - 1 - i];
+          boundRti = bounds[i];
+          kind = boundRti._kind;
+          if (!(kind === 2 || kind === 3 || kind === 4 || kind === 5 || boundRti === t1))
+            typeParametersText += " extends " + A._rtiToString(boundRti, genericContext);
+        }
+        typeParametersText += ">";
+      } else
+        typeParametersText = "";
+      t1 = functionType._primary;
+      parameters = functionType._rest;
+      requiredPositional = parameters._requiredPositional;
+      requiredPositionalLength = requiredPositional.length;
+      optionalPositional = parameters._optionalPositional;
+      optionalPositionalLength = optionalPositional.length;
+      named = parameters._named;
+      namedLength = named.length;
+      returnTypeText = A._rtiToString(t1, genericContext);
+      for (argumentsText = "", sep = "", i = 0; i < requiredPositionalLength; ++i, sep = _s2_)
+        argumentsText += sep + A._rtiToString(requiredPositional[i], genericContext);
+      if (optionalPositionalLength > 0) {
+        argumentsText += sep + "[";
+        for (sep = "", i = 0; i < optionalPositionalLength; ++i, sep = _s2_)
+          argumentsText += sep + A._rtiToString(optionalPositional[i], genericContext);
+        argumentsText += "]";
+      }
+      if (namedLength > 0) {
+        argumentsText += sep + "{";
+        for (sep = "", i = 0; i < namedLength; i += 3, sep = _s2_) {
+          argumentsText += sep;
+          if (named[i + 1])
+            argumentsText += "required ";
+          argumentsText += A._rtiToString(named[i + 2], genericContext) + " " + named[i];
+        }
+        argumentsText += "}";
+      }
+      if (outerContextLength != null) {
+        genericContext.toString;
+        genericContext.length = outerContextLength;
+      }
+      return typeParametersText + "(" + argumentsText + ") => " + returnTypeText;
+    },
+    _rtiToString(rti, genericContext) {
+      var questionArgument, s, argumentKind, $name, $arguments, t1,
+        kind = rti._kind;
+      if (kind === 5)
+        return "erased";
+      if (kind === 2)
+        return "dynamic";
+      if (kind === 3)
+        return "void";
+      if (kind === 1)
+        return "Never";
+      if (kind === 4)
+        return "any";
+      if (kind === 6) {
+        questionArgument = rti._primary;
+        s = A._rtiToString(questionArgument, genericContext);
+        argumentKind = questionArgument._kind;
+        return (argumentKind === 11 || argumentKind === 12 ? "(" + s + ")" : s) + "?";
+      }
+      if (kind === 7)
+        return "FutureOr<" + A._rtiToString(rti._primary, genericContext) + ">";
+      if (kind === 8) {
+        $name = A._unminifyOrTag(rti._primary);
+        $arguments = rti._rest;
+        return $arguments.length > 0 ? $name + ("<" + A._rtiArrayToString($arguments, genericContext) + ">") : $name;
+      }
+      if (kind === 10)
+        return A._recordRtiToString(rti, genericContext);
+      if (kind === 11)
+        return A._functionRtiToString(rti, genericContext, null);
+      if (kind === 12)
+        return A._functionRtiToString(rti._primary, genericContext, rti._rest);
+      if (kind === 13) {
+        t1 = rti._primary;
+        return genericContext[genericContext.length - 1 - t1];
+      }
+      return "?";
+    },
+    _unminifyOrTag(rawClassName) {
+      var preserved = init.mangledGlobalNames[rawClassName];
+      if (preserved != null)
+        return preserved;
+      return rawClassName;
+    },
+    _Universe_findRule(universe, targetType) {
+      var rule = universe.tR[targetType];
+      for (; typeof rule == "string";)
+        rule = universe.tR[rule];
+      return rule;
+    },
+    _Universe_findErasedType(universe, cls) {
+      var $length, erased, $arguments, i, $interface,
+        metadata = universe.eT,
+        probe = metadata[cls];
+      if (probe == null)
+        return A._Universe_eval(universe, cls, false);
+      else if (typeof probe == "number") {
+        $length = probe;
+        erased = A._Universe__lookupTerminalRti(universe, 5, "#");
+        $arguments = A._Utils_newArrayOrEmpty($length);
+        for (i = 0; i < $length; ++i)
+          $arguments[i] = erased;
+        $interface = A._Universe__lookupInterfaceRti(universe, cls, $arguments);
+        metadata[cls] = $interface;
+        return $interface;
+      } else
+        return probe;
+    },
+    _Universe_addRules(universe, rules) {
+      return A._Utils_objectAssign(universe.tR, rules);
+    },
+    _Universe_addErasedTypes(universe, types) {
+      return A._Utils_objectAssign(universe.eT, types);
+    },
+    _Universe_eval(universe, recipe, normalize) {
+      var rti,
+        cache = universe.eC,
+        probe = cache.get(recipe);
+      if (probe != null)
+        return probe;
+      rti = A._Parser_parse(A._Parser_create(universe, null, recipe, false));
+      cache.set(recipe, rti);
+      return rti;
+    },
+    _Universe_evalInEnvironment(universe, environment, recipe) {
+      var probe, rti,
+        cache = environment._evalCache;
+      if (cache == null)
+        cache = environment._evalCache = new Map();
+      probe = cache.get(recipe);
+      if (probe != null)
+        return probe;
+      rti = A._Parser_parse(A._Parser_create(universe, environment, recipe, true));
+      cache.set(recipe, rti);
+      return rti;
+    },
+    _Universe_bind(universe, environment, argumentsRti) {
+      var argumentsRecipe, probe, rti,
+        cache = environment._bindCache;
+      if (cache == null)
+        cache = environment._bindCache = new Map();
+      argumentsRecipe = argumentsRti._canonicalRecipe;
+      probe = cache.get(argumentsRecipe);
+      if (probe != null)
+        return probe;
+      rti = A._Universe__lookupBindingRti(universe, environment, argumentsRti._kind === 9 ? argumentsRti._rest : [argumentsRti]);
+      cache.set(argumentsRecipe, rti);
+      return rti;
+    },
+    _Universe__installTypeTests(universe, rti) {
+      rti._as = A._installSpecializedAsCheck;
+      rti._is = A._installSpecializedIsTest;
+      return rti;
+    },
+    _Universe__lookupTerminalRti(universe, kind, key) {
+      var rti, t1,
+        probe = universe.eC.get(key);
+      if (probe != null)
+        return probe;
+      rti = new A.Rti(null, null);
+      rti._kind = kind;
+      rti._canonicalRecipe = key;
+      t1 = A._Universe__installTypeTests(universe, rti);
+      universe.eC.set(key, t1);
+      return t1;
+    },
+    _Universe__lookupQuestionRti(universe, baseType, normalize) {
+      var t1,
+        key = baseType._canonicalRecipe + "?",
+        probe = universe.eC.get(key);
+      if (probe != null)
+        return probe;
+      t1 = A._Universe__createQuestionRti(universe, baseType, key, normalize);
+      universe.eC.set(key, t1);
+      return t1;
+    },
+    _Universe__createQuestionRti(universe, baseType, key, normalize) {
+      var baseKind, t1, rti;
+      if (normalize) {
+        baseKind = baseType._kind;
+        t1 = true;
+        if (!A.isTopType(baseType))
+          if (!(baseType === type$.Null || baseType === type$.JSNull))
+            if (baseKind !== 6)
+              t1 = baseKind === 7 && A.isNullable(baseType._primary);
+        if (t1)
+          return baseType;
+        else if (baseKind === 1)
+          return type$.Null;
+      }
+      rti = new A.Rti(null, null);
+      rti._kind = 6;
+      rti._primary = baseType;
+      rti._canonicalRecipe = key;
+      return A._Universe__installTypeTests(universe, rti);
+    },
+    _Universe__lookupFutureOrRti(universe, baseType, normalize) {
+      var t1,
+        key = baseType._canonicalRecipe + "/",
+        probe = universe.eC.get(key);
+      if (probe != null)
+        return probe;
+      t1 = A._Universe__createFutureOrRti(universe, baseType, key, normalize);
+      universe.eC.set(key, t1);
+      return t1;
+    },
+    _Universe__createFutureOrRti(universe, baseType, key, normalize) {
+      var t1, rti;
+      if (normalize) {
+        t1 = baseType._kind;
+        if (A.isTopType(baseType) || baseType === type$.Object)
+          return baseType;
+        else if (t1 === 1)
+          return A._Universe__lookupInterfaceRti(universe, "Future", [baseType]);
+        else if (baseType === type$.Null || baseType === type$.JSNull)
+          return type$.nullable_Future_Null;
+      }
+      rti = new A.Rti(null, null);
+      rti._kind = 7;
+      rti._primary = baseType;
+      rti._canonicalRecipe = key;
+      return A._Universe__installTypeTests(universe, rti);
+    },
+    _Universe__lookupGenericFunctionParameterRti(universe, index) {
+      var rti, t1,
+        key = "" + index + "^",
+        probe = universe.eC.get(key);
+      if (probe != null)
+        return probe;
+      rti = new A.Rti(null, null);
+      rti._kind = 13;
+      rti._primary = index;
+      rti._canonicalRecipe = key;
+      t1 = A._Universe__installTypeTests(universe, rti);
+      universe.eC.set(key, t1);
+      return t1;
+    },
+    _Universe__canonicalRecipeJoin($arguments) {
+      var s, sep, i,
+        $length = $arguments.length;
+      for (s = "", sep = "", i = 0; i < $length; ++i, sep = ",")
+        s += sep + $arguments[i]._canonicalRecipe;
+      return s;
+    },
+    _Universe__canonicalRecipeJoinNamed($arguments) {
+      var s, sep, i, t1, nameSep,
+        $length = $arguments.length;
+      for (s = "", sep = "", i = 0; i < $length; i += 3, sep = ",") {
+        t1 = $arguments[i];
+        nameSep = $arguments[i + 1] ? "!" : ":";
+        s += sep + t1 + nameSep + $arguments[i + 2]._canonicalRecipe;
+      }
+      return s;
+    },
+    _Universe__lookupInterfaceRti(universe, $name, $arguments) {
+      var probe, rti, t1,
+        s = $name;
+      if ($arguments.length > 0)
+        s += "<" + A._Universe__canonicalRecipeJoin($arguments) + ">";
+      probe = universe.eC.get(s);
+      if (probe != null)
+        return probe;
+      rti = new A.Rti(null, null);
+      rti._kind = 8;
+      rti._primary = $name;
+      rti._rest = $arguments;
+      if ($arguments.length > 0)
+        rti._precomputed1 = $arguments[0];
+      rti._canonicalRecipe = s;
+      t1 = A._Universe__installTypeTests(universe, rti);
+      universe.eC.set(s, t1);
+      return t1;
+    },
+    _Universe__lookupBindingRti(universe, base, $arguments) {
+      var newBase, newArguments, key, probe, rti, t1;
+      if (base._kind === 9) {
+        newBase = base._primary;
+        newArguments = base._rest.concat($arguments);
+      } else {
+        newArguments = $arguments;
+        newBase = base;
+      }
+      key = newBase._canonicalRecipe + (";<" + A._Universe__canonicalRecipeJoin(newArguments) + ">");
+      probe = universe.eC.get(key);
+      if (probe != null)
+        return probe;
+      rti = new A.Rti(null, null);
+      rti._kind = 9;
+      rti._primary = newBase;
+      rti._rest = newArguments;
+      rti._canonicalRecipe = key;
+      t1 = A._Universe__installTypeTests(universe, rti);
+      universe.eC.set(key, t1);
+      return t1;
+    },
+    _Universe__lookupRecordRti(universe, partialShapeTag, fields) {
+      var rti, t1,
+        key = "+" + (partialShapeTag + "(" + A._Universe__canonicalRecipeJoin(fields) + ")"),
+        probe = universe.eC.get(key);
+      if (probe != null)
+        return probe;
+      rti = new A.Rti(null, null);
+      rti._kind = 10;
+      rti._primary = partialShapeTag;
+      rti._rest = fields;
+      rti._canonicalRecipe = key;
+      t1 = A._Universe__installTypeTests(universe, rti);
+      universe.eC.set(key, t1);
+      return t1;
+    },
+    _Universe__lookupFunctionRti(universe, returnType, parameters) {
+      var sep, key, probe, rti, t1,
+        s = returnType._canonicalRecipe,
+        requiredPositional = parameters._requiredPositional,
+        requiredPositionalLength = requiredPositional.length,
+        optionalPositional = parameters._optionalPositional,
+        optionalPositionalLength = optionalPositional.length,
+        named = parameters._named,
+        namedLength = named.length,
+        recipe = "(" + A._Universe__canonicalRecipeJoin(requiredPositional);
+      if (optionalPositionalLength > 0) {
+        sep = requiredPositionalLength > 0 ? "," : "";
+        recipe += sep + "[" + A._Universe__canonicalRecipeJoin(optionalPositional) + "]";
+      }
+      if (namedLength > 0) {
+        sep = requiredPositionalLength > 0 ? "," : "";
+        recipe += sep + "{" + A._Universe__canonicalRecipeJoinNamed(named) + "}";
+      }
+      key = s + (recipe + ")");
+      probe = universe.eC.get(key);
+      if (probe != null)
+        return probe;
+      rti = new A.Rti(null, null);
+      rti._kind = 11;
+      rti._primary = returnType;
+      rti._rest = parameters;
+      rti._canonicalRecipe = key;
+      t1 = A._Universe__installTypeTests(universe, rti);
+      universe.eC.set(key, t1);
+      return t1;
+    },
+    _Universe__lookupGenericFunctionRti(universe, baseFunctionType, bounds, normalize) {
+      var t1,
+        key = baseFunctionType._canonicalRecipe + ("<" + A._Universe__canonicalRecipeJoin(bounds) + ">"),
+        probe = universe.eC.get(key);
+      if (probe != null)
+        return probe;
+      t1 = A._Universe__createGenericFunctionRti(universe, baseFunctionType, bounds, key, normalize);
+      universe.eC.set(key, t1);
+      return t1;
+    },
+    _Universe__createGenericFunctionRti(universe, baseFunctionType, bounds, key, normalize) {
+      var $length, typeArguments, count, i, bound, substitutedBase, substitutedBounds, rti;
+      if (normalize) {
+        $length = bounds.length;
+        typeArguments = A._Utils_newArrayOrEmpty($length);
+        for (count = 0, i = 0; i < $length; ++i) {
+          bound = bounds[i];
+          if (bound._kind === 1) {
+            typeArguments[i] = bound;
+            ++count;
+          }
+        }
+        if (count > 0) {
+          substitutedBase = A._substitute(universe, baseFunctionType, typeArguments, 0);
+          substitutedBounds = A._substituteArray(universe, bounds, typeArguments, 0);
+          return A._Universe__lookupGenericFunctionRti(universe, substitutedBase, substitutedBounds, bounds !== substitutedBounds);
+        }
+      }
+      rti = new A.Rti(null, null);
+      rti._kind = 12;
+      rti._primary = baseFunctionType;
+      rti._rest = bounds;
+      rti._canonicalRecipe = key;
+      return A._Universe__installTypeTests(universe, rti);
+    },
+    _Parser_create(universe, environment, recipe, normalize) {
+      return {u: universe, e: environment, r: recipe, s: [], p: 0, n: normalize};
+    },
+    _Parser_parse(parser) {
+      var t1, i, ch, u, array, end, item,
+        source = parser.r,
+        stack = parser.s;
+      for (t1 = source.length, i = 0; i < t1;) {
+        ch = source.charCodeAt(i);
+        if (ch >= 48 && ch <= 57)
+          i = A._Parser_handleDigit(i + 1, ch, source, stack);
+        else if ((((ch | 32) >>> 0) - 97 & 65535) < 26 || ch === 95 || ch === 36 || ch === 124)
+          i = A._Parser_handleIdentifier(parser, i, source, stack, false);
+        else if (ch === 46)
+          i = A._Parser_handleIdentifier(parser, i, source, stack, true);
+        else {
+          ++i;
+          switch (ch) {
+            case 44:
+              break;
+            case 58:
+              stack.push(false);
+              break;
+            case 33:
+              stack.push(true);
+              break;
+            case 59:
+              stack.push(A._Parser_toType(parser.u, parser.e, stack.pop()));
+              break;
+            case 94:
+              stack.push(A._Universe__lookupGenericFunctionParameterRti(parser.u, stack.pop()));
+              break;
+            case 35:
+              stack.push(A._Universe__lookupTerminalRti(parser.u, 5, "#"));
+              break;
+            case 64:
+              stack.push(A._Universe__lookupTerminalRti(parser.u, 2, "@"));
+              break;
+            case 126:
+              stack.push(A._Universe__lookupTerminalRti(parser.u, 3, "~"));
+              break;
+            case 60:
+              stack.push(parser.p);
+              parser.p = stack.length;
+              break;
+            case 62:
+              A._Parser_handleTypeArguments(parser, stack);
+              break;
+            case 38:
+              A._Parser_handleExtendedOperations(parser, stack);
+              break;
+            case 63:
+              u = parser.u;
+              stack.push(A._Universe__lookupQuestionRti(u, A._Parser_toType(u, parser.e, stack.pop()), parser.n));
+              break;
+            case 47:
+              u = parser.u;
+              stack.push(A._Universe__lookupFutureOrRti(u, A._Parser_toType(u, parser.e, stack.pop()), parser.n));
+              break;
+            case 40:
+              stack.push(-3);
+              stack.push(parser.p);
+              parser.p = stack.length;
+              break;
+            case 41:
+              A._Parser_handleArguments(parser, stack);
+              break;
+            case 91:
+              stack.push(parser.p);
+              parser.p = stack.length;
+              break;
+            case 93:
+              array = stack.splice(parser.p);
+              A._Parser_toTypes(parser.u, parser.e, array);
+              parser.p = stack.pop();
+              stack.push(array);
+              stack.push(-1);
+              break;
+            case 123:
+              stack.push(parser.p);
+              parser.p = stack.length;
+              break;
+            case 125:
+              array = stack.splice(parser.p);
+              A._Parser_toTypesNamed(parser.u, parser.e, array);
+              parser.p = stack.pop();
+              stack.push(array);
+              stack.push(-2);
+              break;
+            case 43:
+              end = source.indexOf("(", i);
+              stack.push(source.substring(i, end));
+              stack.push(-4);
+              stack.push(parser.p);
+              parser.p = stack.length;
+              i = end + 1;
+              break;
+            default:
+              throw "Bad character " + ch;
+          }
+        }
+      }
+      item = stack.pop();
+      return A._Parser_toType(parser.u, parser.e, item);
+    },
+    _Parser_handleDigit(i, digit, source, stack) {
+      var t1, ch,
+        value = digit - 48;
+      for (t1 = source.length; i < t1; ++i) {
+        ch = source.charCodeAt(i);
+        if (!(ch >= 48 && ch <= 57))
+          break;
+        value = value * 10 + (ch - 48);
+      }
+      stack.push(value);
+      return i;
+    },
+    _Parser_handleIdentifier(parser, start, source, stack, hasPeriod) {
+      var t1, ch, t2, string, environment, recipe,
+        i = start + 1;
+      for (t1 = source.length; i < t1; ++i) {
+        ch = source.charCodeAt(i);
+        if (ch === 46) {
+          if (hasPeriod)
+            break;
+          hasPeriod = true;
+        } else {
+          if (!((((ch | 32) >>> 0) - 97 & 65535) < 26 || ch === 95 || ch === 36 || ch === 124))
+            t2 = ch >= 48 && ch <= 57;
+          else
+            t2 = true;
+          if (!t2)
+            break;
+        }
+      }
+      string = source.substring(start, i);
+      if (hasPeriod) {
+        t1 = parser.u;
+        environment = parser.e;
+        if (environment._kind === 9)
+          environment = environment._primary;
+        recipe = A._Universe_findRule(t1, environment._primary)[string];
+        if (recipe == null)
+          A.throwExpression('No "' + string + '" in "' + A.Rti__getCanonicalRecipe(environment) + '"');
+        stack.push(A._Universe_evalInEnvironment(t1, environment, recipe));
+      } else
+        stack.push(string);
+      return i;
+    },
+    _Parser_handleTypeArguments(parser, stack) {
+      var base,
+        universe = parser.u,
+        $arguments = A._Parser_collectArray(parser, stack),
+        head = stack.pop();
+      if (typeof head == "string")
+        stack.push(A._Universe__lookupInterfaceRti(universe, head, $arguments));
+      else {
+        base = A._Parser_toType(universe, parser.e, head);
+        switch (base._kind) {
+          case 11:
+            stack.push(A._Universe__lookupGenericFunctionRti(universe, base, $arguments, parser.n));
+            break;
+          default:
+            stack.push(A._Universe__lookupBindingRti(universe, base, $arguments));
+            break;
+        }
+      }
+    },
+    _Parser_handleArguments(parser, stack) {
+      var requiredPositional, returnType, parameters,
+        universe = parser.u,
+        head = stack.pop(),
+        optionalPositional = null, named = null;
+      if (typeof head == "number")
+        switch (head) {
+          case -1:
+            optionalPositional = stack.pop();
+            break;
+          case -2:
+            named = stack.pop();
+            break;
+          default:
+            stack.push(head);
+            break;
+        }
+      else
+        stack.push(head);
+      requiredPositional = A._Parser_collectArray(parser, stack);
+      head = stack.pop();
+      switch (head) {
+        case -3:
+          head = stack.pop();
+          if (optionalPositional == null)
+            optionalPositional = universe.sEA;
+          if (named == null)
+            named = universe.sEA;
+          returnType = A._Parser_toType(universe, parser.e, head);
+          parameters = new A._FunctionParameters();
+          parameters._requiredPositional = requiredPositional;
+          parameters._optionalPositional = optionalPositional;
+          parameters._named = named;
+          stack.push(A._Universe__lookupFunctionRti(universe, returnType, parameters));
+          return;
+        case -4:
+          stack.push(A._Universe__lookupRecordRti(universe, stack.pop(), requiredPositional));
+          return;
+        default:
+          throw A.wrapException(A.AssertionError$("Unexpected state under `()`: " + A.S(head)));
+      }
+    },
+    _Parser_handleExtendedOperations(parser, stack) {
+      var $top = stack.pop();
+      if (0 === $top) {
+        stack.push(A._Universe__lookupTerminalRti(parser.u, 1, "0&"));
+        return;
+      }
+      if (1 === $top) {
+        stack.push(A._Universe__lookupTerminalRti(parser.u, 4, "1&"));
+        return;
+      }
+      throw A.wrapException(A.AssertionError$("Unexpected extended operation " + A.S($top)));
+    },
+    _Parser_collectArray(parser, stack) {
+      var array = stack.splice(parser.p);
+      A._Parser_toTypes(parser.u, parser.e, array);
+      parser.p = stack.pop();
+      return array;
+    },
+    _Parser_toType(universe, environment, item) {
+      if (typeof item == "string")
+        return A._Universe__lookupInterfaceRti(universe, item, universe.sEA);
+      else if (typeof item == "number") {
+        environment.toString;
+        return A._Parser_indexToType(universe, environment, item);
+      } else
+        return item;
+    },
+    _Parser_toTypes(universe, environment, items) {
+      var i,
+        $length = items.length;
+      for (i = 0; i < $length; ++i)
+        items[i] = A._Parser_toType(universe, environment, items[i]);
+    },
+    _Parser_toTypesNamed(universe, environment, items) {
+      var i,
+        $length = items.length;
+      for (i = 2; i < $length; i += 3)
+        items[i] = A._Parser_toType(universe, environment, items[i]);
+    },
+    _Parser_indexToType(universe, environment, index) {
+      var typeArguments, len,
+        kind = environment._kind;
+      if (kind === 9) {
+        if (index === 0)
+          return environment._primary;
+        typeArguments = environment._rest;
+        len = typeArguments.length;
+        if (index <= len)
+          return typeArguments[index - 1];
+        index -= len;
+        environment = environment._primary;
+        kind = environment._kind;
+      } else if (index === 0)
+        return environment;
+      if (kind !== 8)
+        throw A.wrapException(A.AssertionError$("Indexed base must be an interface type"));
+      typeArguments = environment._rest;
+      if (index <= typeArguments.length)
+        return typeArguments[index - 1];
+      throw A.wrapException(A.AssertionError$("Bad index " + index + " for " + environment.toString$0(0)));
+    },
+    isSubtype(universe, s, t) {
+      var result,
+        sCache = s._isSubtypeCache;
+      if (sCache == null)
+        sCache = s._isSubtypeCache = new Map();
+      result = sCache.get(t);
+      if (result == null) {
+        result = A._isSubtype(universe, s, null, t, null);
+        sCache.set(t, result);
+      }
+      return result;
+    },
+    _isSubtype(universe, s, sEnv, t, tEnv) {
+      var sKind, leftTypeVariable, tKind, t1, t2, sBounds, tBounds, sLength, i, sBound, tBound;
+      if (s === t)
+        return true;
+      if (A.isTopType(t))
+        return true;
+      sKind = s._kind;
+      if (sKind === 4)
+        return true;
+      if (A.isTopType(s))
+        return false;
+      if (s._kind === 1)
+        return true;
+      leftTypeVariable = sKind === 13;
+      if (leftTypeVariable)
+        if (A._isSubtype(universe, sEnv[s._primary], sEnv, t, tEnv))
+          return true;
+      tKind = t._kind;
+      t1 = type$.Null;
+      if (s === t1 || s === type$.JSNull) {
+        if (tKind === 7)
+          return A._isSubtype(universe, s, sEnv, t._primary, tEnv);
+        return t === t1 || t === type$.JSNull || tKind === 6;
+      }
+      if (t === type$.Object) {
+        if (sKind === 7)
+          return A._isSubtype(universe, s._primary, sEnv, t, tEnv);
+        return sKind !== 6;
+      }
+      if (sKind === 7) {
+        if (!A._isSubtype(universe, s._primary, sEnv, t, tEnv))
+          return false;
+        return A._isSubtype(universe, A.Rti__getFutureFromFutureOr(universe, s), sEnv, t, tEnv);
+      }
+      if (sKind === 6)
+        return A._isSubtype(universe, t1, sEnv, t, tEnv) && A._isSubtype(universe, s._primary, sEnv, t, tEnv);
+      if (tKind === 7) {
+        if (A._isSubtype(universe, s, sEnv, t._primary, tEnv))
+          return true;
+        return A._isSubtype(universe, s, sEnv, A.Rti__getFutureFromFutureOr(universe, t), tEnv);
+      }
+      if (tKind === 6)
+        return A._isSubtype(universe, s, sEnv, t1, tEnv) || A._isSubtype(universe, s, sEnv, t._primary, tEnv);
+      if (leftTypeVariable)
+        return false;
+      t1 = sKind !== 11;
+      if ((!t1 || sKind === 12) && t === type$.Function)
+        return true;
+      t2 = sKind === 10;
+      if (t2 && t === type$.Record)
+        return true;
+      if (tKind === 12) {
+        if (s === type$.JavaScriptFunction)
+          return true;
+        if (sKind !== 12)
+          return false;
+        sBounds = s._rest;
+        tBounds = t._rest;
+        sLength = sBounds.length;
+        if (sLength !== tBounds.length)
+          return false;
+        sEnv = sEnv == null ? sBounds : sBounds.concat(sEnv);
+        tEnv = tEnv == null ? tBounds : tBounds.concat(tEnv);
+        for (i = 0; i < sLength; ++i) {
+          sBound = sBounds[i];
+          tBound = tBounds[i];
+          if (!A._isSubtype(universe, sBound, sEnv, tBound, tEnv) || !A._isSubtype(universe, tBound, tEnv, sBound, sEnv))
+            return false;
+        }
+        return A._isFunctionSubtype(universe, s._primary, sEnv, t._primary, tEnv);
+      }
+      if (tKind === 11) {
+        if (s === type$.JavaScriptFunction)
+          return true;
+        if (t1)
+          return false;
+        return A._isFunctionSubtype(universe, s, sEnv, t, tEnv);
+      }
+      if (sKind === 8) {
+        if (tKind !== 8)
+          return false;
+        return A._isInterfaceSubtype(universe, s, sEnv, t, tEnv);
+      }
+      if (t2 && tKind === 10)
+        return A._isRecordSubtype(universe, s, sEnv, t, tEnv);
+      return false;
+    },
+    _isFunctionSubtype(universe, s, sEnv, t, tEnv) {
+      var sParameters, tParameters, sRequiredPositional, tRequiredPositional, sRequiredPositionalLength, tRequiredPositionalLength, requiredPositionalDelta, sOptionalPositional, tOptionalPositional, sOptionalPositionalLength, tOptionalPositionalLength, i, t1, sNamed, tNamed, sNamedLength, tNamedLength, sIndex, tIndex, tName, sName, sIsRequired;
+      if (!A._isSubtype(universe, s._primary, sEnv, t._primary, tEnv))
+        return false;
+      sParameters = s._rest;
+      tParameters = t._rest;
+      sRequiredPositional = sParameters._requiredPositional;
+      tRequiredPositional = tParameters._requiredPositional;
+      sRequiredPositionalLength = sRequiredPositional.length;
+      tRequiredPositionalLength = tRequiredPositional.length;
+      if (sRequiredPositionalLength > tRequiredPositionalLength)
+        return false;
+      requiredPositionalDelta = tRequiredPositionalLength - sRequiredPositionalLength;
+      sOptionalPositional = sParameters._optionalPositional;
+      tOptionalPositional = tParameters._optionalPositional;
+      sOptionalPositionalLength = sOptionalPositional.length;
+      tOptionalPositionalLength = tOptionalPositional.length;
+      if (sRequiredPositionalLength + sOptionalPositionalLength < tRequiredPositionalLength + tOptionalPositionalLength)
+        return false;
+      for (i = 0; i < sRequiredPositionalLength; ++i) {
+        t1 = sRequiredPositional[i];
+        if (!A._isSubtype(universe, tRequiredPositional[i], tEnv, t1, sEnv))
+          return false;
+      }
+      for (i = 0; i < requiredPositionalDelta; ++i) {
+        t1 = sOptionalPositional[i];
+        if (!A._isSubtype(universe, tRequiredPositional[sRequiredPositionalLength + i], tEnv, t1, sEnv))
+          return false;
+      }
+      for (i = 0; i < tOptionalPositionalLength; ++i) {
+        t1 = sOptionalPositional[requiredPositionalDelta + i];
+        if (!A._isSubtype(universe, tOptionalPositional[i], tEnv, t1, sEnv))
+          return false;
+      }
+      sNamed = sParameters._named;
+      tNamed = tParameters._named;
+      sNamedLength = sNamed.length;
+      tNamedLength = tNamed.length;
+      for (sIndex = 0, tIndex = 0; tIndex < tNamedLength; tIndex += 3) {
+        tName = tNamed[tIndex];
+        for (; true;) {
+          if (sIndex >= sNamedLength)
+            return false;
+          sName = sNamed[sIndex];
+          sIndex += 3;
+          if (tName < sName)
+            return false;
+          sIsRequired = sNamed[sIndex - 2];
+          if (sName < tName) {
+            if (sIsRequired)
+              return false;
+            continue;
+          }
+          t1 = tNamed[tIndex + 1];
+          if (sIsRequired && !t1)
+            return false;
+          t1 = sNamed[sIndex - 1];
+          if (!A._isSubtype(universe, tNamed[tIndex + 2], tEnv, t1, sEnv))
+            return false;
+          break;
+        }
+      }
+      for (; sIndex < sNamedLength;) {
+        if (sNamed[sIndex + 1])
+          return false;
+        sIndex += 3;
+      }
+      return true;
+    },
+    _isInterfaceSubtype(universe, s, sEnv, t, tEnv) {
+      var rule, recipes, $length, supertypeArgs, i,
+        sName = s._primary,
+        tName = t._primary;
+      for (; sName !== tName;) {
+        rule = universe.tR[sName];
+        if (rule == null)
+          return false;
+        if (typeof rule == "string") {
+          sName = rule;
+          continue;
+        }
+        recipes = rule[tName];
+        if (recipes == null)
+          return false;
+        $length = recipes.length;
+        supertypeArgs = $length > 0 ? new Array($length) : init.typeUniverse.sEA;
+        for (i = 0; i < $length; ++i)
+          supertypeArgs[i] = A._Universe_evalInEnvironment(universe, s, recipes[i]);
+        return A._areArgumentsSubtypes(universe, supertypeArgs, null, sEnv, t._rest, tEnv);
+      }
+      return A._areArgumentsSubtypes(universe, s._rest, null, sEnv, t._rest, tEnv);
+    },
+    _areArgumentsSubtypes(universe, sArgs, sVariances, sEnv, tArgs, tEnv) {
+      var i,
+        $length = sArgs.length;
+      for (i = 0; i < $length; ++i)
+        if (!A._isSubtype(universe, sArgs[i], sEnv, tArgs[i], tEnv))
+          return false;
+      return true;
+    },
+    _isRecordSubtype(universe, s, sEnv, t, tEnv) {
+      var i,
+        sFields = s._rest,
+        tFields = t._rest,
+        sCount = sFields.length;
+      if (sCount !== tFields.length)
+        return false;
+      if (s._primary !== t._primary)
+        return false;
+      for (i = 0; i < sCount; ++i)
+        if (!A._isSubtype(universe, sFields[i], sEnv, tFields[i], tEnv))
+          return false;
+      return true;
+    },
+    isNullable(t) {
+      var kind = t._kind,
+        t1 = true;
+      if (!(t === type$.Null || t === type$.JSNull))
+        if (!A.isTopType(t))
+          if (kind !== 6)
+            t1 = kind === 7 && A.isNullable(t._primary);
+      return t1;
+    },
+    isTopType(t) {
+      var kind = t._kind;
+      return kind === 2 || kind === 3 || kind === 4 || kind === 5 || t === type$.nullable_Object;
+    },
+    _Utils_objectAssign(o, other) {
+      var i, key,
+        keys = Object.keys(other),
+        $length = keys.length;
+      for (i = 0; i < $length; ++i) {
+        key = keys[i];
+        o[key] = other[key];
+      }
+    },
+    _Utils_newArrayOrEmpty($length) {
+      return $length > 0 ? new Array($length) : init.typeUniverse.sEA;
+    },
+    Rti: function Rti(t0, t1) {
+      var _ = this;
+      _._as = t0;
+      _._is = t1;
+      _._cachedRuntimeType = _._specializedTestResource = _._isSubtypeCache = _._precomputed1 = null;
+      _._kind = 0;
+      _._canonicalRecipe = _._bindCache = _._evalCache = _._rest = _._primary = null;
+    },
+    _FunctionParameters: function _FunctionParameters() {
+      this._named = this._optionalPositional = this._requiredPositional = null;
+    },
+    _Type: function _Type(t0) {
+      this._rti = t0;
+    },
+    _Error: function _Error() {
+    },
+    _TypeError: function _TypeError(t0) {
+      this.__rti$_message = t0;
+    },
+    _AsyncRun__initializeScheduleImmediate() {
+      var t1, div, span;
+      if (self.scheduleImmediate != null)
+        return A.async__AsyncRun__scheduleImmediateJsOverride$closure();
+      if (self.MutationObserver != null && self.document != null) {
+        t1 = {};
+        div = self.document.createElement("div");
+        span = self.document.createElement("span");
+        t1.storedCallback = null;
+        new self.MutationObserver(A.convertDartClosureToJS(new A._AsyncRun__initializeScheduleImmediate_internalCallback(t1), 1)).observe(div, {childList: true});
+        return new A._AsyncRun__initializeScheduleImmediate_closure(t1, div, span);
+      } else if (self.setImmediate != null)
+        return A.async__AsyncRun__scheduleImmediateWithSetImmediate$closure();
+      return A.async__AsyncRun__scheduleImmediateWithTimer$closure();
+    },
+    _AsyncRun__scheduleImmediateJsOverride(callback) {
+      self.scheduleImmediate(A.convertDartClosureToJS(new A._AsyncRun__scheduleImmediateJsOverride_internalCallback(callback), 0));
+    },
+    _AsyncRun__scheduleImmediateWithSetImmediate(callback) {
+      self.setImmediate(A.convertDartClosureToJS(new A._AsyncRun__scheduleImmediateWithSetImmediate_internalCallback(callback), 0));
+    },
+    _AsyncRun__scheduleImmediateWithTimer(callback) {
+      A.Timer__createTimer(B.Duration_0, callback);
+    },
+    Timer__createTimer(duration, callback) {
+      var milliseconds = B.JSInt_methods._tdivFast$1(duration._duration, 1000);
+      return A._TimerImpl$(milliseconds < 0 ? 0 : milliseconds, callback);
+    },
+    _TimerImpl$(milliseconds, callback) {
+      var t1 = new A._TimerImpl(true);
+      t1._TimerImpl$2(milliseconds, callback);
+      return t1;
+    },
+    _TimerImpl$periodic(milliseconds, callback) {
+      var t1 = new A._TimerImpl(false);
+      t1._TimerImpl$periodic$2(milliseconds, callback);
+      return t1;
+    },
+    _makeAsyncAwaitCompleter($T) {
+      return new A._AsyncAwaitCompleter(new A._Future($.Zone__current, $T._eval$1("_Future<0>")), $T._eval$1("_AsyncAwaitCompleter<0>"));
+    },
+    _asyncStartSync(bodyFunction, completer) {
+      bodyFunction.call$2(0, null);
+      completer.isSync = true;
+      return completer._future;
+    },
+    _asyncAwait(object, bodyFunction) {
+      A._awaitOnObject(object, bodyFunction);
+    },
+    _asyncReturn(object, completer) {
+      completer.complete$1(object);
+    },
+    _asyncRethrow(object, completer) {
+      completer.completeError$2(A.unwrapException(object), A.getTraceFromException(object));
+    },
+    _awaitOnObject(object, bodyFunction) {
+      var t1, future,
+        thenCallback = new A._awaitOnObject_closure(bodyFunction),
+        errorCallback = new A._awaitOnObject_closure0(bodyFunction);
+      if (object instanceof A._Future)
+        object._thenAwait$1$2(thenCallback, errorCallback, type$.dynamic);
+      else {
+        t1 = type$.dynamic;
+        if (object instanceof A._Future)
+          object.then$1$2$onError(0, thenCallback, errorCallback, t1);
+        else {
+          future = new A._Future($.Zone__current, type$._Future_dynamic);
+          future._state = 8;
+          future._resultOrListeners = object;
+          future._thenAwait$1$2(thenCallback, errorCallback, t1);
+        }
+      }
+    },
+    _wrapJsFunctionForAsync($function) {
+      var $protected = function(fn, ERROR) {
+        return function(errorCode, result) {
+          while (true) {
+            try {
+              fn(errorCode, result);
+              break;
+            } catch (error) {
+              result = error;
+              errorCode = ERROR;
+            }
+          }
+        };
+      }($function, 1);
+      return $.Zone__current.registerBinaryCallback$3$1(new A._wrapJsFunctionForAsync_closure($protected), type$.void, type$.int, type$.dynamic);
+    },
+    _SyncStarIterator__terminatedBody(_1, _2, _3) {
+      return 0;
+    },
+    AsyncError_defaultStackTrace(error) {
+      var stackTrace;
+      if (type$.Error._is(error)) {
+        stackTrace = error.get$stackTrace();
+        if (stackTrace != null)
+          return stackTrace;
+      }
+      return B._StringStackTrace_OdL;
+    },
+    Future_Future$value(value, $T) {
+      var t1;
+      $T._as(value);
+      t1 = new A._Future($.Zone__current, $T._eval$1("_Future<0>"));
+      t1._asyncComplete$1(value);
+      return t1;
+    },
+    Future_wait(futures, eagerError, $T) {
+      var handleError, future, pos, e, s, t1, t2, exception, t3, t4, _box_0 = {}, cleanUp = null,
+        _future = new A._Future($.Zone__current, $T._eval$1("_Future<List<0>>"));
+      _box_0.values = null;
+      _box_0.remaining = 0;
+      _box_0.stackTrace = _box_0.error = null;
+      handleError = new A.Future_wait_handleError(_box_0, cleanUp, eagerError, _future);
+      try {
+        for (t1 = J.get$iterator$ax(futures), t2 = type$.Null; t1.moveNext$0();) {
+          future = t1.get$current(t1);
+          pos = _box_0.remaining;
+          J.then$1$2$onError$x(future, new A.Future_wait_closure(_box_0, pos, _future, $T, cleanUp, eagerError), handleError, t2);
+          ++_box_0.remaining;
+        }
+        t1 = _box_0.remaining;
+        if (t1 === 0) {
+          t1 = _future;
+          t1._completeWithValue$1(A._setArrayType([], $T._eval$1("JSArray<0>")));
+          return t1;
+        }
+        _box_0.values = A.List_List$filled(t1, null, false, $T._eval$1("0?"));
+      } catch (exception) {
+        e = A.unwrapException(exception);
+        s = A.getTraceFromException(exception);
+        if (_box_0.remaining === 0 || eagerError) {
+          t1 = _future;
+          t2 = e;
+          t3 = s;
+          t4 = A._interceptError(t2, t3);
+          if (t4 == null)
+            t2 = new A.AsyncError(t2, t3 == null ? A.AsyncError_defaultStackTrace(t2) : t3);
+          else
+            t2 = t4;
+          t1._asyncCompleteErrorObject$1(t2);
+          return t1;
+        } else {
+          _box_0.error = e;
+          _box_0.stackTrace = s;
+        }
+      }
+      return _future;
+    },
+    _interceptError(error, stackTrace) {
+      var replacement, t1, t2,
+        zone = $.Zone__current;
+      if (zone === B.C__RootZone)
+        return null;
+      replacement = zone.errorCallback$2(error, stackTrace);
+      if (replacement == null)
+        return null;
+      t1 = replacement.error;
+      t2 = replacement.stackTrace;
+      if (type$.Error._is(t1))
+        A.Primitives_trySetStackTrace(t1, t2);
+      return replacement;
+    },
+    _interceptUserError(error, stackTrace) {
+      var replacement;
+      if ($.Zone__current !== B.C__RootZone) {
+        replacement = A._interceptError(error, stackTrace);
+        if (replacement != null)
+          return replacement;
+      }
+      if (stackTrace == null)
+        if (type$.Error._is(error)) {
+          stackTrace = error.get$stackTrace();
+          if (stackTrace == null) {
+            A.Primitives_trySetStackTrace(error, B._StringStackTrace_OdL);
+            stackTrace = B._StringStackTrace_OdL;
+          }
+        } else
+          stackTrace = B._StringStackTrace_OdL;
+      else if (type$.Error._is(error))
+        A.Primitives_trySetStackTrace(error, stackTrace);
+      return new A.AsyncError(error, stackTrace);
+    },
+    _Future$zoneValue(value, _zone, $T) {
+      var t1 = new A._Future(_zone, $T._eval$1("_Future<0>"));
+      t1._state = 8;
+      t1._resultOrListeners = value;
+      return t1;
+    },
+    _Future$value(value, $T) {
+      var t1 = new A._Future($.Zone__current, $T._eval$1("_Future<0>"));
+      t1._state = 8;
+      t1._resultOrListeners = value;
+      return t1;
+    },
+    _Future__chainCoreFuture(source, target, sync) {
+      var t2, ignoreError, listeners, _box_0 = {},
+        t1 = _box_0.source = source;
+      for (; t2 = t1._state, (t2 & 4) !== 0;) {
+        t1 = t1._resultOrListeners;
+        _box_0.source = t1;
+      }
+      if (t1 === target) {
+        t2 = A.StackTrace_current();
+        target._asyncCompleteErrorObject$1(new A.AsyncError(new A.ArgumentError(true, t1, null, "Cannot complete a future with itself"), t2));
+        return;
+      }
+      ignoreError = target._state & 1;
+      t2 = t1._state = t2 | ignoreError;
+      if ((t2 & 24) === 0) {
+        listeners = target._resultOrListeners;
+        target._state = target._state & 1 | 4;
+        target._resultOrListeners = t1;
+        t1._prependListeners$1(listeners);
+        return;
+      }
+      if (!sync)
+        if (target._resultOrListeners == null)
+          t1 = (t2 & 16) === 0 || ignoreError !== 0;
+        else
+          t1 = false;
+      else
+        t1 = true;
+      if (t1) {
+        listeners = target._removeListeners$0();
+        target._cloneResult$1(_box_0.source);
+        A._Future__propagateToListeners(target, listeners);
+        return;
+      }
+      target._state ^= 2;
+      target._zone.scheduleMicrotask$1(new A._Future__chainCoreFuture_closure(_box_0, target));
+    },
+    _Future__propagateToListeners(source, listeners) {
+      var _box_0, t2, t3, hasError, nextListener, nextListener0, sourceResult, t4, zone, oldZone, result, current, _box_1 = {},
+        t1 = _box_1.source = source;
+      for (; true;) {
+        _box_0 = {};
+        t2 = t1._state;
+        t3 = (t2 & 16) === 0;
+        hasError = !t3;
+        if (listeners == null) {
+          if (hasError && (t2 & 1) === 0) {
+            t2 = t1._resultOrListeners;
+            t1._zone.handleUncaughtError$2(t2.error, t2.stackTrace);
+          }
+          return;
+        }
+        _box_0.listener = listeners;
+        nextListener = listeners._nextListener;
+        for (t1 = listeners; nextListener != null; t1 = nextListener, nextListener = nextListener0) {
+          t1._nextListener = null;
+          A._Future__propagateToListeners(_box_1.source, t1);
+          _box_0.listener = nextListener;
+          nextListener0 = nextListener._nextListener;
+        }
+        t2 = _box_1.source;
+        sourceResult = t2._resultOrListeners;
+        _box_0.listenerHasError = hasError;
+        _box_0.listenerValueOrError = sourceResult;
+        if (t3) {
+          t4 = t1.state;
+          t4 = (t4 & 1) !== 0 || (t4 & 15) === 8;
+        } else
+          t4 = true;
+        if (t4) {
+          zone = t1.result._zone;
+          if (hasError) {
+            t1 = t2._zone;
+            t1 = !(t1 === zone || t1.get$errorZone() === zone.get$errorZone());
+          } else
+            t1 = false;
+          if (t1) {
+            t1 = _box_1.source;
+            t2 = t1._resultOrListeners;
+            t1._zone.handleUncaughtError$2(t2.error, t2.stackTrace);
+            return;
+          }
+          oldZone = $.Zone__current;
+          if (oldZone !== zone)
+            $.Zone__current = zone;
+          else
+            oldZone = null;
+          t1 = _box_0.listener.state;
+          if ((t1 & 15) === 8)
+            new A._Future__propagateToListeners_handleWhenCompleteCallback(_box_0, _box_1, hasError).call$0();
+          else if (t3) {
+            if ((t1 & 1) !== 0)
+              new A._Future__propagateToListeners_handleValueCallback(_box_0, sourceResult).call$0();
+          } else if ((t1 & 2) !== 0)
+            new A._Future__propagateToListeners_handleError(_box_1, _box_0).call$0();
+          if (oldZone != null)
+            $.Zone__current = oldZone;
+          t1 = _box_0.listenerValueOrError;
+          if (t1 instanceof A._Future) {
+            t2 = _box_0.listener.$ti;
+            t2 = t2._eval$1("Future<2>")._is(t1) || !t2._rest[1]._is(t1);
+          } else
+            t2 = false;
+          if (t2) {
+            result = _box_0.listener.result;
+            if ((t1._state & 24) !== 0) {
+              current = result._resultOrListeners;
+              result._resultOrListeners = null;
+              listeners = result._reverseListeners$1(current);
+              result._state = t1._state & 30 | result._state & 1;
+              result._resultOrListeners = t1._resultOrListeners;
+              _box_1.source = t1;
+              continue;
+            } else
+              A._Future__chainCoreFuture(t1, result, true);
+            return;
+          }
+        }
+        result = _box_0.listener.result;
+        current = result._resultOrListeners;
+        result._resultOrListeners = null;
+        listeners = result._reverseListeners$1(current);
+        t1 = _box_0.listenerHasError;
+        t2 = _box_0.listenerValueOrError;
+        if (!t1) {
+          result._state = 8;
+          result._resultOrListeners = t2;
+        } else {
+          result._state = result._state & 1 | 16;
+          result._resultOrListeners = t2;
+        }
+        _box_1.source = result;
+        t1 = result;
+      }
+    },
+    _registerErrorHandler(errorHandler, zone) {
+      if (type$.dynamic_Function_Object_StackTrace._is(errorHandler))
+        return zone.registerBinaryCallback$3$1(errorHandler, type$.dynamic, type$.Object, type$.StackTrace);
+      if (type$.dynamic_Function_Object._is(errorHandler))
+        return zone.registerUnaryCallback$2$1(errorHandler, type$.dynamic, type$.Object);
+      throw A.wrapException(A.ArgumentError$value(errorHandler, "onError", string$.Error_));
+    },
+    _microtaskLoop() {
+      var entry, next;
+      for (entry = $._nextCallback; entry != null; entry = $._nextCallback) {
+        $._lastPriorityCallback = null;
+        next = entry.next;
+        $._nextCallback = next;
+        if (next == null)
+          $._lastCallback = null;
+        entry.callback.call$0();
+      }
+    },
+    _startMicrotaskLoop() {
+      $._isInCallbackLoop = true;
+      try {
+        A._microtaskLoop();
+      } finally {
+        $._lastPriorityCallback = null;
+        $._isInCallbackLoop = false;
+        if ($._nextCallback != null)
+          $.$get$_AsyncRun__scheduleImmediateClosure().call$1(A.async___startMicrotaskLoop$closure());
+      }
+    },
+    _scheduleAsyncCallback(callback) {
+      var newEntry = new A._AsyncCallbackEntry(callback),
+        lastCallback = $._lastCallback;
+      if (lastCallback == null) {
+        $._nextCallback = $._lastCallback = newEntry;
+        if (!$._isInCallbackLoop)
+          $.$get$_AsyncRun__scheduleImmediateClosure().call$1(A.async___startMicrotaskLoop$closure());
+      } else
+        $._lastCallback = lastCallback.next = newEntry;
+    },
+    _schedulePriorityAsyncCallback(callback) {
+      var entry, lastPriorityCallback, next,
+        t1 = $._nextCallback;
+      if (t1 == null) {
+        A._scheduleAsyncCallback(callback);
+        $._lastPriorityCallback = $._lastCallback;
+        return;
+      }
+      entry = new A._AsyncCallbackEntry(callback);
+      lastPriorityCallback = $._lastPriorityCallback;
+      if (lastPriorityCallback == null) {
+        entry.next = t1;
+        $._nextCallback = $._lastPriorityCallback = entry;
+      } else {
+        next = lastPriorityCallback.next;
+        entry.next = next;
+        $._lastPriorityCallback = lastPriorityCallback.next = entry;
+        if (next == null)
+          $._lastCallback = entry;
+      }
+    },
+    scheduleMicrotask(callback) {
+      var t1, _null = null,
+        currentZone = $.Zone__current;
+      if (B.C__RootZone === currentZone) {
+        A._rootScheduleMicrotask(_null, _null, B.C__RootZone, callback);
+        return;
+      }
+      if (B.C__RootZone === currentZone.get$_scheduleMicrotask().zone)
+        t1 = B.C__RootZone.get$errorZone() === currentZone.get$errorZone();
+      else
+        t1 = false;
+      if (t1) {
+        A._rootScheduleMicrotask(_null, _null, currentZone, currentZone.registerCallback$1$1(callback, type$.void));
+        return;
+      }
+      t1 = $.Zone__current;
+      t1.scheduleMicrotask$1(t1.bindCallbackGuarded$1(callback));
+    },
+    Stream_Stream$fromFuture(future, $T) {
+      var _null = null,
+        t1 = $T._eval$1("_SyncStreamController<0>"),
+        controller = new A._SyncStreamController(_null, _null, _null, _null, t1);
+      future.then$1$2$onError(0, new A.Stream_Stream$fromFuture_closure(controller, $T), new A.Stream_Stream$fromFuture_closure0(controller), type$.Null);
+      return new A._ControllerStream(controller, t1._eval$1("_ControllerStream<1>"));
+    },
+    StreamIterator_StreamIterator(stream) {
+      return new A._StreamIterator(A.checkNotNullable(stream, "stream", type$.Object));
+    },
+    StreamController_StreamController(onCancel, onListen, onPause, onResume, sync, $T) {
+      return sync ? new A._SyncStreamController(onListen, onPause, onResume, onCancel, $T._eval$1("_SyncStreamController<0>")) : new A._AsyncStreamController(onListen, onPause, onResume, onCancel, $T._eval$1("_AsyncStreamController<0>"));
+    },
+    _runGuarded(notificationHandler) {
+      var e, s, exception;
+      if (notificationHandler == null)
+        return;
+      try {
+        notificationHandler.call$0();
+      } catch (exception) {
+        e = A.unwrapException(exception);
+        s = A.getTraceFromException(exception);
+        $.Zone__current.handleUncaughtError$2(e, s);
+      }
+    },
+    _ControllerSubscription$(_controller, onData, onError, onDone, cancelOnError, $T) {
+      var t1 = $.Zone__current,
+        t2 = cancelOnError ? 1 : 0,
+        t3 = onError != null ? 32 : 0,
+        t4 = A._BufferingStreamSubscription__registerDataHandler(t1, onData, $T),
+        t5 = A._BufferingStreamSubscription__registerErrorHandler(t1, onError),
+        t6 = onDone == null ? A.async___nullDoneHandler$closure() : onDone;
+      return new A._ControllerSubscription(_controller, t4, t5, t1.registerCallback$1$1(t6, type$.void), t1, t2 | t3, $T._eval$1("_ControllerSubscription<0>"));
+    },
+    _AddStreamState_makeErrorHandler(controller) {
+      return new A._AddStreamState_makeErrorHandler_closure(controller);
+    },
+    _BufferingStreamSubscription__registerDataHandler(zone, handleData, $T) {
+      var t1 = handleData == null ? A.async___nullDataHandler$closure() : handleData;
+      return zone.registerUnaryCallback$2$1(t1, type$.void, $T);
+    },
+    _BufferingStreamSubscription__registerErrorHandler(zone, handleError) {
+      if (handleError == null)
+        handleError = A.async___nullErrorHandler$closure();
+      if (type$.void_Function_Object_StackTrace._is(handleError))
+        return zone.registerBinaryCallback$3$1(handleError, type$.dynamic, type$.Object, type$.StackTrace);
+      if (type$.void_Function_Object._is(handleError))
+        return zone.registerUnaryCallback$2$1(handleError, type$.dynamic, type$.Object);
+      throw A.wrapException(A.ArgumentError$("handleError callback must take either an Object (the error), or both an Object (the error) and a StackTrace.", null));
+    },
+    _nullDataHandler(value) {
+    },
+    _nullErrorHandler(error, stackTrace) {
+      $.Zone__current.handleUncaughtError$2(error, stackTrace);
+    },
+    _nullDoneHandler() {
+    },
+    Timer_Timer(duration, callback) {
+      var t1 = $.Zone__current;
+      if (t1 === B.C__RootZone)
+        return t1.createTimer$2(duration, callback);
+      return t1.createTimer$2(duration, t1.bindCallbackGuarded$1(callback));
+    },
+    _rootHandleUncaughtError($self, $parent, zone, error, stackTrace) {
+      A._rootHandleError(error, stackTrace);
+    },
+    _rootHandleError(error, stackTrace) {
+      A._schedulePriorityAsyncCallback(new A._rootHandleError_closure(error, stackTrace));
+    },
+    _rootRun($self, $parent, zone, f) {
+      var old,
+        t1 = $.Zone__current;
+      if (t1 === zone)
+        return f.call$0();
+      $.Zone__current = zone;
+      old = t1;
+      try {
+        t1 = f.call$0();
+        return t1;
+      } finally {
+        $.Zone__current = old;
+      }
+    },
+    _rootRunUnary($self, $parent, zone, f, arg) {
+      var old,
+        t1 = $.Zone__current;
+      if (t1 === zone)
+        return f.call$1(arg);
+      $.Zone__current = zone;
+      old = t1;
+      try {
+        t1 = f.call$1(arg);
+        return t1;
+      } finally {
+        $.Zone__current = old;
+      }
+    },
+    _rootRunBinary($self, $parent, zone, f, arg1, arg2) {
+      var old,
+        t1 = $.Zone__current;
+      if (t1 === zone)
+        return f.call$2(arg1, arg2);
+      $.Zone__current = zone;
+      old = t1;
+      try {
+        t1 = f.call$2(arg1, arg2);
+        return t1;
+      } finally {
+        $.Zone__current = old;
+      }
+    },
+    _rootRegisterCallback($self, $parent, zone, f) {
+      return f;
+    },
+    _rootRegisterUnaryCallback($self, $parent, zone, f) {
+      return f;
+    },
+    _rootRegisterBinaryCallback($self, $parent, zone, f) {
+      return f;
+    },
+    _rootErrorCallback($self, $parent, zone, error, stackTrace) {
+      return null;
+    },
+    _rootScheduleMicrotask($self, $parent, zone, f) {
+      var t1, t2;
+      if (B.C__RootZone !== zone) {
+        t1 = B.C__RootZone.get$errorZone();
+        t2 = zone.get$errorZone();
+        f = t1 !== t2 ? zone.bindCallbackGuarded$1(f) : zone.bindCallback$1$1(f, type$.void);
+      }
+      A._scheduleAsyncCallback(f);
+    },
+    _rootCreateTimer($self, $parent, zone, duration, callback) {
+      return A.Timer__createTimer(duration, B.C__RootZone !== zone ? zone.bindCallback$1$1(callback, type$.void) : callback);
+    },
+    _rootCreatePeriodicTimer($self, $parent, zone, duration, callback) {
+      var milliseconds;
+      if (B.C__RootZone !== zone)
+        callback = zone.bindUnaryCallback$2$1(callback, type$.void, type$.Timer);
+      milliseconds = B.JSInt_methods._tdivFast$1(duration._duration, 1000);
+      return A._TimerImpl$periodic(milliseconds < 0 ? 0 : milliseconds, callback);
+    },
+    _rootPrint($self, $parent, zone, line) {
+      A.printString(line);
+    },
+    _printToZone(line) {
+      $.Zone__current.print$1(line);
+    },
+    _rootFork($self, $parent, zone, specification, zoneValues) {
+      var valueMap, t1, handleUncaughtError;
+      $.printToZone = A.async___printToZone$closure();
+      if (specification == null)
+        specification = B._ZoneSpecification_Ipa;
+      if (zoneValues == null)
+        valueMap = zone.get$_async$_map();
+      else {
+        t1 = type$.nullable_Object;
+        valueMap = A.HashMap_HashMap$from(zoneValues, t1, t1);
+      }
+      t1 = new A._CustomZone(zone.get$_run(), zone.get$_runUnary(), zone.get$_runBinary(), zone.get$_registerCallback(), zone.get$_registerUnaryCallback(), zone.get$_registerBinaryCallback(), zone.get$_errorCallback(), zone.get$_scheduleMicrotask(), zone.get$_createTimer(), zone.get$_createPeriodicTimer(), zone.get$_print(), zone.get$_fork(), zone.get$_handleUncaughtError(), zone, valueMap);
+      handleUncaughtError = specification.handleUncaughtError;
+      if (handleUncaughtError != null)
+        t1._handleUncaughtError = new A._ZoneFunction(t1, handleUncaughtError);
+      return t1;
+    },
+    runZoned(body, zoneValues, $R) {
+      return A._runZoned(body, zoneValues, null, $R);
+    },
+    _runZoned(body, zoneValues, specification, $R) {
+      return $.Zone__current.fork$2$specification$zoneValues(specification, zoneValues).run$1$1(0, body, $R);
+    },
+    _AsyncRun__initializeScheduleImmediate_internalCallback: function _AsyncRun__initializeScheduleImmediate_internalCallback(t0) {
+      this._box_0 = t0;
+    },
+    _AsyncRun__initializeScheduleImmediate_closure: function _AsyncRun__initializeScheduleImmediate_closure(t0, t1, t2) {
+      this._box_0 = t0;
+      this.div = t1;
+      this.span = t2;
+    },
+    _AsyncRun__scheduleImmediateJsOverride_internalCallback: function _AsyncRun__scheduleImmediateJsOverride_internalCallback(t0) {
+      this.callback = t0;
+    },
+    _AsyncRun__scheduleImmediateWithSetImmediate_internalCallback: function _AsyncRun__scheduleImmediateWithSetImmediate_internalCallback(t0) {
+      this.callback = t0;
+    },
+    _TimerImpl: function _TimerImpl(t0) {
+      this._once = t0;
+      this._handle = null;
+      this._tick = 0;
+    },
+    _TimerImpl_internalCallback: function _TimerImpl_internalCallback(t0, t1) {
+      this.$this = t0;
+      this.callback = t1;
+    },
+    _TimerImpl$periodic_closure: function _TimerImpl$periodic_closure(t0, t1, t2, t3) {
+      var _ = this;
+      _.$this = t0;
+      _.milliseconds = t1;
+      _.start = t2;
+      _.callback = t3;
+    },
+    _AsyncAwaitCompleter: function _AsyncAwaitCompleter(t0, t1) {
+      this._future = t0;
+      this.isSync = false;
+      this.$ti = t1;
+    },
+    _awaitOnObject_closure: function _awaitOnObject_closure(t0) {
+      this.bodyFunction = t0;
+    },
+    _awaitOnObject_closure0: function _awaitOnObject_closure0(t0) {
+      this.bodyFunction = t0;
+    },
+    _wrapJsFunctionForAsync_closure: function _wrapJsFunctionForAsync_closure(t0) {
+      this.$protected = t0;
+    },
+    _SyncStarIterator: function _SyncStarIterator(t0) {
+      var _ = this;
+      _._body = t0;
+      _._suspendedBodies = _._nestedIterator = _._datum = _._async$_current = null;
+    },
+    _SyncStarIterable: function _SyncStarIterable(t0, t1) {
+      this._outerHelper = t0;
+      this.$ti = t1;
+    },
+    AsyncError: function AsyncError(t0, t1) {
+      this.error = t0;
+      this.stackTrace = t1;
+    },
+    Future_wait_handleError: function Future_wait_handleError(t0, t1, t2, t3) {
+      var _ = this;
+      _._box_0 = t0;
+      _.cleanUp = t1;
+      _.eagerError = t2;
+      _._future = t3;
+    },
+    Future_wait_closure: function Future_wait_closure(t0, t1, t2, t3, t4, t5) {
+      var _ = this;
+      _._box_0 = t0;
+      _.pos = t1;
+      _._future = t2;
+      _.T = t3;
+      _.cleanUp = t4;
+      _.eagerError = t5;
+    },
+    _Completer: function _Completer() {
+    },
+    _AsyncCompleter: function _AsyncCompleter(t0, t1) {
+      this.future = t0;
+      this.$ti = t1;
+    },
+    _SyncCompleter: function _SyncCompleter(t0, t1) {
+      this.future = t0;
+      this.$ti = t1;
+    },
+    _FutureListener: function _FutureListener(t0, t1, t2, t3, t4) {
+      var _ = this;
+      _._nextListener = null;
+      _.result = t0;
+      _.state = t1;
+      _.callback = t2;
+      _.errorCallback = t3;
+      _.$ti = t4;
+    },
+    _Future: function _Future(t0, t1) {
+      var _ = this;
+      _._state = 0;
+      _._zone = t0;
+      _._resultOrListeners = null;
+      _.$ti = t1;
+    },
+    _Future__addListener_closure: function _Future__addListener_closure(t0, t1) {
+      this.$this = t0;
+      this.listener = t1;
+    },
+    _Future__prependListeners_closure: function _Future__prependListeners_closure(t0, t1) {
+      this._box_0 = t0;
+      this.$this = t1;
+    },
+    _Future__chainCoreFuture_closure: function _Future__chainCoreFuture_closure(t0, t1) {
+      this._box_0 = t0;
+      this.target = t1;
+    },
+    _Future__asyncCompleteWithValue_closure: function _Future__asyncCompleteWithValue_closure(t0, t1) {
+      this.$this = t0;
+      this.value = t1;
+    },
+    _Future__asyncCompleteErrorObject_closure: function _Future__asyncCompleteErrorObject_closure(t0, t1) {
+      this.$this = t0;
+      this.error = t1;
+    },
+    _Future__propagateToListeners_handleWhenCompleteCallback: function _Future__propagateToListeners_handleWhenCompleteCallback(t0, t1, t2) {
+      this._box_0 = t0;
+      this._box_1 = t1;
+      this.hasError = t2;
+    },
+    _Future__propagateToListeners_handleWhenCompleteCallback_closure: function _Future__propagateToListeners_handleWhenCompleteCallback_closure(t0, t1) {
+      this.joinedResult = t0;
+      this.originalSource = t1;
+    },
+    _Future__propagateToListeners_handleWhenCompleteCallback_closure0: function _Future__propagateToListeners_handleWhenCompleteCallback_closure0(t0) {
+      this.joinedResult = t0;
+    },
+    _Future__propagateToListeners_handleValueCallback: function _Future__propagateToListeners_handleValueCallback(t0, t1) {
+      this._box_0 = t0;
+      this.sourceResult = t1;
+    },
+    _Future__propagateToListeners_handleError: function _Future__propagateToListeners_handleError(t0, t1) {
+      this._box_1 = t0;
+      this._box_0 = t1;
+    },
+    _AsyncCallbackEntry: function _AsyncCallbackEntry(t0) {
+      this.callback = t0;
+      this.next = null;
+    },
+    Stream: function Stream() {
+    },
+    Stream_Stream$fromFuture_closure: function Stream_Stream$fromFuture_closure(t0, t1) {
+      this.controller = t0;
+      this.T = t1;
+    },
+    Stream_Stream$fromFuture_closure0: function Stream_Stream$fromFuture_closure0(t0) {
+      this.controller = t0;
+    },
+    Stream_length_closure: function Stream_length_closure(t0, t1) {
+      this._box_0 = t0;
+      this.$this = t1;
+    },
+    Stream_length_closure0: function Stream_length_closure0(t0, t1) {
+      this._box_0 = t0;
+      this.future = t1;
+    },
+    _StreamController: function _StreamController() {
+    },
+    _StreamController__subscribe_closure: function _StreamController__subscribe_closure(t0) {
+      this.$this = t0;
+    },
+    _StreamController__recordCancel_complete: function _StreamController__recordCancel_complete(t0) {
+      this.$this = t0;
+    },
+    _SyncStreamControllerDispatch: function _SyncStreamControllerDispatch() {
+    },
+    _AsyncStreamControllerDispatch: function _AsyncStreamControllerDispatch() {
+    },
+    _AsyncStreamController: function _AsyncStreamController(t0, t1, t2, t3, t4) {
+      var _ = this;
+      _._varData = null;
+      _._state = 0;
+      _._doneFuture = null;
+      _.onListen = t0;
+      _.onPause = t1;
+      _.onResume = t2;
+      _.onCancel = t3;
+      _.$ti = t4;
+    },
+    _SyncStreamController: function _SyncStreamController(t0, t1, t2, t3, t4) {
+      var _ = this;
+      _._varData = null;
+      _._state = 0;
+      _._doneFuture = null;
+      _.onListen = t0;
+      _.onPause = t1;
+      _.onResume = t2;
+      _.onCancel = t3;
+      _.$ti = t4;
+    },
+    _ControllerStream: function _ControllerStream(t0, t1) {
+      this._controller = t0;
+      this.$ti = t1;
+    },
+    _ControllerSubscription: function _ControllerSubscription(t0, t1, t2, t3, t4, t5, t6) {
+      var _ = this;
+      _._controller = t0;
+      _._onData = t1;
+      _._onError = t2;
+      _._onDone = t3;
+      _._zone = t4;
+      _._state = t5;
+      _._pending = _._cancelFuture = null;
+      _.$ti = t6;
+    },
+    _AddStreamState: function _AddStreamState() {
+    },
+    _AddStreamState_makeErrorHandler_closure: function _AddStreamState_makeErrorHandler_closure(t0) {
+      this.controller = t0;
+    },
+    _AddStreamState_cancel_closure: function _AddStreamState_cancel_closure(t0) {
+      this.$this = t0;
+    },
+    _StreamControllerAddStreamState: function _StreamControllerAddStreamState(t0, t1, t2) {
+      this._varData = t0;
+      this.addStreamFuture = t1;
+      this.addSubscription = t2;
+    },
+    _BufferingStreamSubscription: function _BufferingStreamSubscription() {
+    },
+    _BufferingStreamSubscription__sendError_sendError: function _BufferingStreamSubscription__sendError_sendError(t0, t1, t2) {
+      this.$this = t0;
+      this.error = t1;
+      this.stackTrace = t2;
+    },
+    _BufferingStreamSubscription__sendDone_sendDone: function _BufferingStreamSubscription__sendDone_sendDone(t0) {
+      this.$this = t0;
+    },
+    _StreamImpl: function _StreamImpl() {
+    },
+    _DelayedEvent: function _DelayedEvent() {
+    },
+    _DelayedData: function _DelayedData(t0) {
+      this.value = t0;
+      this.next = null;
+    },
+    _DelayedError: function _DelayedError(t0, t1) {
+      this.error = t0;
+      this.stackTrace = t1;
+      this.next = null;
+    },
+    _DelayedDone: function _DelayedDone() {
+    },
+    _PendingEvents: function _PendingEvents() {
+      this._state = 0;
+      this.lastPendingEvent = this.firstPendingEvent = null;
+    },
+    _PendingEvents_schedule_closure: function _PendingEvents_schedule_closure(t0, t1) {
+      this.$this = t0;
+      this.dispatch = t1;
+    },
+    _StreamIterator: function _StreamIterator(t0) {
+      this._subscription = null;
+      this._stateData = t0;
+      this._async$_hasValue = false;
+    },
+    _ForwardingStream: function _ForwardingStream() {
+    },
+    _ForwardingStreamSubscription: function _ForwardingStreamSubscription(t0, t1, t2, t3, t4, t5, t6) {
+      var _ = this;
+      _._stream = t0;
+      _._subscription = null;
+      _._onData = t1;
+      _._onError = t2;
+      _._onDone = t3;
+      _._zone = t4;
+      _._state = t5;
+      _._pending = _._cancelFuture = null;
+      _.$ti = t6;
+    },
+    _MapStream: function _MapStream(t0, t1, t2) {
+      this._transform = t0;
+      this._async$_source = t1;
+      this.$ti = t2;
+    },
+    _ZoneFunction: function _ZoneFunction(t0, t1) {
+      this.zone = t0;
+      this.$function = t1;
+    },
+    _ZoneSpecification: function _ZoneSpecification(t0, t1, t2, t3, t4, t5, t6, t7, t8, t9, t10, t11, t12) {
+      var _ = this;
+      _.handleUncaughtError = t0;
+      _.run = t1;
+      _.runUnary = t2;
+      _.runBinary = t3;
+      _.registerCallback = t4;
+      _.registerUnaryCallback = t5;
+      _.registerBinaryCallback = t6;
+      _.errorCallback = t7;
+      _.scheduleMicrotask = t8;
+      _.createTimer = t9;
+      _.createPeriodicTimer = t10;
+      _.print = t11;
+      _.fork = t12;
+    },
+    _ZoneDelegate: function _ZoneDelegate(t0) {
+      this._delegationTarget = t0;
+    },
+    _Zone: function _Zone() {
+    },
+    _CustomZone: function _CustomZone(t0, t1, t2, t3, t4, t5, t6, t7, t8, t9, t10, t11, t12, t13, t14) {
+      var _ = this;
+      _._run = t0;
+      _._runUnary = t1;
+      _._runBinary = t2;
+      _._registerCallback = t3;
+      _._registerUnaryCallback = t4;
+      _._registerBinaryCallback = t5;
+      _._errorCallback = t6;
+      _._scheduleMicrotask = t7;
+      _._createTimer = t8;
+      _._createPeriodicTimer = t9;
+      _._print = t10;
+      _._fork = t11;
+      _._handleUncaughtError = t12;
+      _._delegateCache = null;
+      _.parent = t13;
+      _._async$_map = t14;
+    },
+    _CustomZone_bindCallback_closure: function _CustomZone_bindCallback_closure(t0, t1, t2) {
+      this.$this = t0;
+      this.registered = t1;
+      this.R = t2;
+    },
+    _CustomZone_bindUnaryCallback_closure: function _CustomZone_bindUnaryCallback_closure(t0, t1, t2, t3) {
+      var _ = this;
+      _.$this = t0;
+      _.registered = t1;
+      _.T = t2;
+      _.R = t3;
+    },
+    _CustomZone_bindCallbackGuarded_closure: function _CustomZone_bindCallbackGuarded_closure(t0, t1) {
+      this.$this = t0;
+      this.registered = t1;
+    },
+    _rootHandleError_closure: function _rootHandleError_closure(t0, t1) {
+      this.error = t0;
+      this.stackTrace = t1;
+    },
+    _RootZone: function _RootZone() {
+    },
+    _RootZone_bindCallback_closure: function _RootZone_bindCallback_closure(t0, t1, t2) {
+      this.$this = t0;
+      this.f = t1;
+      this.R = t2;
+    },
+    _RootZone_bindUnaryCallback_closure: function _RootZone_bindUnaryCallback_closure(t0, t1, t2, t3) {
+      var _ = this;
+      _.$this = t0;
+      _.f = t1;
+      _.T = t2;
+      _.R = t3;
+    },
+    _RootZone_bindCallbackGuarded_closure: function _RootZone_bindCallbackGuarded_closure(t0, t1) {
+      this.$this = t0;
+      this.f = t1;
+    },
+    HashMap_HashMap($K, $V) {
+      return new A._HashMap($K._eval$1("@<0>")._bind$1($V)._eval$1("_HashMap<1,2>"));
+    },
+    _HashMap__getTableEntry(table, key) {
+      var entry = table[key];
+      return entry === table ? null : entry;
+    },
+    _HashMap__setTableEntry(table, key, value) {
+      if (value == null)
+        table[key] = table;
+      else
+        table[key] = value;
+    },
+    _HashMap__newHashTable() {
+      var table = Object.create(null);
+      A._HashMap__setTableEntry(table, "<non-identifier-key>", table);
+      delete table["<non-identifier-key>"];
+      return table;
+    },
+    LinkedHashMap_LinkedHashMap(equals, hashCode, isValidKey, $K, $V) {
+      if (isValidKey == null)
+        if (hashCode == null) {
+          if (equals == null)
+            return new A.JsLinkedHashMap($K._eval$1("@<0>")._bind$1($V)._eval$1("JsLinkedHashMap<1,2>"));
+          hashCode = A.collection___defaultHashCode$closure();
+        } else {
+          if (A.core__identityHashCode$closure() === hashCode && A.core__identical$closure() === equals)
+            return new A.JsIdentityLinkedHashMap($K._eval$1("@<0>")._bind$1($V)._eval$1("JsIdentityLinkedHashMap<1,2>"));
+          if (equals == null)
+            equals = A.collection___defaultEquals$closure();
+        }
+      else {
+        if (hashCode == null)
+          hashCode = A.collection___defaultHashCode$closure();
+        if (equals == null)
+          equals = A.collection___defaultEquals$closure();
+      }
+      return A._LinkedCustomHashMap$(equals, hashCode, isValidKey, $K, $V);
+    },
+    LinkedHashMap_LinkedHashMap$_literal(keyValuePairs, $K, $V) {
+      return A.fillLiteralMap(keyValuePairs, new A.JsLinkedHashMap($K._eval$1("@<0>")._bind$1($V)._eval$1("JsLinkedHashMap<1,2>")));
+    },
+    LinkedHashMap_LinkedHashMap$_empty($K, $V) {
+      return new A.JsLinkedHashMap($K._eval$1("@<0>")._bind$1($V)._eval$1("JsLinkedHashMap<1,2>"));
+    },
+    _LinkedCustomHashMap$(_equals, _hashCode, validKey, $K, $V) {
+      var t1 = validKey != null ? validKey : new A._LinkedCustomHashMap_closure($K);
+      return new A._LinkedCustomHashMap(_equals, _hashCode, t1, $K._eval$1("@<0>")._bind$1($V)._eval$1("_LinkedCustomHashMap<1,2>"));
+    },
+    LinkedHashSet_LinkedHashSet($E) {
+      return new A._LinkedHashSet($E._eval$1("_LinkedHashSet<0>"));
+    },
+    LinkedHashSet_LinkedHashSet$_empty($E) {
+      return new A._LinkedHashSet($E._eval$1("_LinkedHashSet<0>"));
+    },
+    LinkedHashSet_LinkedHashSet$_literal(values, $E) {
+      return A.fillLiteralSet(values, new A._LinkedHashSet($E._eval$1("_LinkedHashSet<0>")));
+    },
+    _LinkedHashSet__newHashTable() {
+      var table = Object.create(null);
+      table["<non-identifier-key>"] = table;
+      delete table["<non-identifier-key>"];
+      return table;
+    },
+    _LinkedHashSetIterator$(_set, _modifications, $E) {
+      var t1 = new A._LinkedHashSetIterator(_set, _modifications, $E._eval$1("_LinkedHashSetIterator<0>"));
+      t1._collection$_cell = _set._collection$_first;
+      return t1;
+    },
+    UnmodifiableListView$(source, $E) {
+      return new A.UnmodifiableListView(source, $E._eval$1("UnmodifiableListView<0>"));
+    },
+    _defaultEquals(a, b) {
+      return J.$eq$(a, b);
+    },
+    _defaultHashCode(a) {
+      return J.get$hashCode$(a);
+    },
+    HashMap_HashMap$from(other, $K, $V) {
+      var result = A.HashMap_HashMap($K, $V);
+      other.forEach$1(0, new A.HashMap_HashMap$from_closure(result, $K, $V));
+      return result;
+    },
+    IterableExtensions_get_firstOrNull(_this) {
+      var t2,
+        t1 = A._arrayInstanceType(_this),
+        iterator = new J.ArrayIterator(_this, _this.length, t1._eval$1("ArrayIterator<1>"));
+      if (iterator.moveNext$0()) {
+        t2 = iterator._current;
+        return t2 == null ? t1._precomputed1._as(t2) : t2;
+      }
+      return null;
+    },
+    LinkedHashMap_LinkedHashMap$from(other, $K, $V) {
+      var result = A.LinkedHashMap_LinkedHashMap(null, null, null, $K, $V);
+      other.forEach$1(0, new A.LinkedHashMap_LinkedHashMap$from_closure(result, $K, $V));
+      return result;
+    },
+    LinkedHashMap_LinkedHashMap$of(other, $K, $V) {
+      var t1 = A.LinkedHashMap_LinkedHashMap(null, null, null, $K, $V);
+      t1.addAll$1(0, other);
+      return t1;
+    },
+    LinkedHashSet_LinkedHashSet$from(elements, $E) {
+      var t1, _i,
+        result = A.LinkedHashSet_LinkedHashSet($E);
+      for (t1 = elements.length, _i = 0; _i < elements.length; elements.length === t1 || (0, A.throwConcurrentModificationError)(elements), ++_i)
+        result.add$1(0, $E._as(elements[_i]));
+      return result;
+    },
+    LinkedHashSet_LinkedHashSet$of(elements, $E) {
+      var t1 = A.LinkedHashSet_LinkedHashSet($E);
+      t1.addAll$1(0, elements);
+      return t1;
+    },
+    ListBase__compareAny(a, b) {
+      var t1 = type$.Comparable_dynamic;
+      return J.compareTo$1$ns(t1._as(a), t1._as(b));
+    },
+    MapBase_mapToString(m) {
+      var result, t1;
+      if (A.isToStringVisiting(m))
+        return "{...}";
+      result = new A.StringBuffer("");
+      try {
+        t1 = {};
+        $.toStringVisiting.push(m);
+        result._contents += "{";
+        t1.first = true;
+        m.forEach$1(0, new A.MapBase_mapToString_closure(t1, result));
+        result._contents += "}";
+      } finally {
+        $.toStringVisiting.pop();
+      }
+      t1 = result._contents;
+      return t1.charCodeAt(0) == 0 ? t1 : t1;
+    },
+    MapBase__fillMapWithIterables(map, keys, values) {
+      var keyIterator = keys.get$iterator(keys),
+        valueIterator = values.get$iterator(values),
+        hasNextKey = keyIterator.moveNext$0(),
+        hasNextValue = valueIterator.moveNext$0();
+      while (true) {
+        if (!(hasNextKey && hasNextValue))
+          break;
+        map.$indexSet(0, keyIterator.get$current(keyIterator), valueIterator.get$current(valueIterator));
+        hasNextKey = keyIterator.moveNext$0();
+        hasNextValue = valueIterator.moveNext$0();
+      }
+      if (hasNextKey || hasNextValue)
+        throw A.wrapException(A.ArgumentError$("Iterables do not have same length.", null));
+    },
+    ListQueue$($E) {
+      return new A.ListQueue(A.List_List$filled(A.ListQueue__calculateCapacity(null), null, false, $E._eval$1("0?")), $E._eval$1("ListQueue<0>"));
+    },
+    ListQueue__calculateCapacity(initialCapacity) {
+      return 8;
+    },
+    ListQueue__nextPowerOf2(number) {
+      var nextNumber;
+      number = (number << 1 >>> 0) - 1;
+      for (; true; number = nextNumber) {
+        nextNumber = (number & number - 1) >>> 0;
+        if (nextNumber === 0)
+          return number;
+      }
+    },
+    _ListQueueIterator$(queue, $E) {
+      return new A._ListQueueIterator(queue, queue._tail, queue._modificationCount, queue._head, $E._eval$1("_ListQueueIterator<0>"));
+    },
+    _UnmodifiableSetMixin__throwUnmodifiable() {
+      throw A.wrapException(A.UnsupportedError$("Cannot change an unmodifiable set"));
+    },
+    _HashMap: function _HashMap(t0) {
+      var _ = this;
+      _._collection$_length = 0;
+      _._collection$_keys = _._collection$_rest = _._collection$_nums = _._collection$_strings = null;
+      _.$ti = t0;
+    },
+    _HashMap_values_closure: function _HashMap_values_closure(t0) {
+      this.$this = t0;
+    },
+    _HashMap_addAll_closure: function _HashMap_addAll_closure(t0) {
+      this.$this = t0;
+    },
+    _IdentityHashMap: function _IdentityHashMap(t0) {
+      var _ = this;
+      _._collection$_length = 0;
+      _._collection$_keys = _._collection$_rest = _._collection$_nums = _._collection$_strings = null;
+      _.$ti = t0;
+    },
+    _HashMapKeyIterable: function _HashMapKeyIterable(t0, t1) {
+      this._map = t0;
+      this.$ti = t1;
+    },
+    _HashMapKeyIterator: function _HashMapKeyIterator(t0, t1, t2) {
+      var _ = this;
+      _._map = t0;
+      _._collection$_keys = t1;
+      _._offset = 0;
+      _._collection$_current = null;
+      _.$ti = t2;
+    },
+    _LinkedCustomHashMap: function _LinkedCustomHashMap(t0, t1, t2, t3) {
+      var _ = this;
+      _._equals = t0;
+      _._hashCode = t1;
+      _._validKey = t2;
+      _.__js_helper$_length = 0;
+      _._last = _._first = _.__js_helper$_rest = _._nums = _._strings = null;
+      _._modifications = 0;
+      _.$ti = t3;
+    },
+    _LinkedCustomHashMap_closure: function _LinkedCustomHashMap_closure(t0) {
+      this.K = t0;
+    },
+    _LinkedHashSet: function _LinkedHashSet(t0) {
+      var _ = this;
+      _._collection$_length = 0;
+      _._collection$_last = _._collection$_first = _._collection$_rest = _._collection$_nums = _._collection$_strings = null;
+      _._collection$_modifications = 0;
+      _.$ti = t0;
+    },
+    _LinkedIdentityHashSet: function _LinkedIdentityHashSet(t0) {
+      var _ = this;
+      _._collection$_length = 0;
+      _._collection$_last = _._collection$_first = _._collection$_rest = _._collection$_nums = _._collection$_strings = null;
+      _._collection$_modifications = 0;
+      _.$ti = t0;
+    },
+    _LinkedHashSetCell: function _LinkedHashSetCell(t0) {
+      this._element = t0;
+      this._collection$_previous = this._collection$_next = null;
+    },
+    _LinkedHashSetIterator: function _LinkedHashSetIterator(t0, t1, t2) {
+      var _ = this;
+      _._set = t0;
+      _._collection$_modifications = t1;
+      _._collection$_current = _._collection$_cell = null;
+      _.$ti = t2;
+    },
+    UnmodifiableListView: function UnmodifiableListView(t0, t1) {
+      this._collection$_source = t0;
+      this.$ti = t1;
+    },
+    HashMap_HashMap$from_closure: function HashMap_HashMap$from_closure(t0, t1, t2) {
+      this.result = t0;
+      this.K = t1;
+      this.V = t2;
+    },
+    LinkedHashMap_LinkedHashMap$from_closure: function LinkedHashMap_LinkedHashMap$from_closure(t0, t1, t2) {
+      this.result = t0;
+      this.K = t1;
+      this.V = t2;
+    },
+    ListBase: function ListBase() {
+    },
+    MapBase: function MapBase() {
+    },
+    MapBase_addAll_closure: function MapBase_addAll_closure(t0) {
+      this.$this = t0;
+    },
+    MapBase_entries_closure: function MapBase_entries_closure(t0) {
+      this.$this = t0;
+    },
+    MapBase_mapToString_closure: function MapBase_mapToString_closure(t0, t1) {
+      this._box_0 = t0;
+      this.result = t1;
+    },
+    UnmodifiableMapBase: function UnmodifiableMapBase() {
+    },
+    _MapBaseValueIterable: function _MapBaseValueIterable(t0, t1) {
+      this._map = t0;
+      this.$ti = t1;
+    },
+    _MapBaseValueIterator: function _MapBaseValueIterator(t0, t1, t2) {
+      var _ = this;
+      _._collection$_keys = t0;
+      _._map = t1;
+      _._collection$_current = null;
+      _.$ti = t2;
+    },
+    _UnmodifiableMapMixin: function _UnmodifiableMapMixin() {
+    },
+    MapView: function MapView() {
+    },
+    UnmodifiableMapView: function UnmodifiableMapView(t0, t1) {
+      this._map = t0;
+      this.$ti = t1;
+    },
+    ListQueue: function ListQueue(t0, t1) {
+      var _ = this;
+      _._table = t0;
+      _._modificationCount = _._tail = _._head = 0;
+      _.$ti = t1;
+    },
+    _ListQueueIterator: function _ListQueueIterator(t0, t1, t2, t3, t4) {
+      var _ = this;
+      _._queue = t0;
+      _._collection$_end = t1;
+      _._modificationCount = t2;
+      _._collection$_position = t3;
+      _._collection$_current = null;
+      _.$ti = t4;
+    },
+    SetBase: function SetBase() {
+    },
+    _SetBase: function _SetBase() {
+    },
+    _UnmodifiableSetMixin: function _UnmodifiableSetMixin() {
+    },
+    UnmodifiableSetView: function UnmodifiableSetView(t0, t1) {
+      this._collection$_source = t0;
+      this.$ti = t1;
+    },
+    _UnmodifiableMapView_MapView__UnmodifiableMapMixin: function _UnmodifiableMapView_MapView__UnmodifiableMapMixin() {
+    },
+    _UnmodifiableSetView_SetBase__UnmodifiableSetMixin: function _UnmodifiableSetView_SetBase__UnmodifiableSetMixin() {
+    },
+    _parseJson(source, reviver) {
+      var e, exception, t1, parsed = null;
+      try {
+        parsed = JSON.parse(source);
+      } catch (exception) {
+        e = A.unwrapException(exception);
+        t1 = A.FormatException$(String(e), null, null);
+        throw A.wrapException(t1);
+      }
+      t1 = A._convertJsonToDartLazy(parsed);
+      return t1;
+    },
+    _convertJsonToDartLazy(object) {
+      var i;
+      if (object == null)
+        return null;
+      if (typeof object != "object")
+        return object;
+      if (!Array.isArray(object))
+        return new A._JsonMap(object, Object.create(null));
+      for (i = 0; i < object.length; ++i)
+        object[i] = A._convertJsonToDartLazy(object[i]);
+      return object;
+    },
+    _Utf8Decoder__makeNativeUint8List(codeUnits, start, end) {
+      var bytes, t1, i, b,
+        $length = end - start;
+      if ($length <= 4096)
+        bytes = $.$get$_Utf8Decoder__reusableBuffer();
+      else
+        bytes = new Uint8Array($length);
+      for (t1 = J.getInterceptor$asx(codeUnits), i = 0; i < $length; ++i) {
+        b = t1.$index(codeUnits, start + i);
+        if ((b & 255) !== b)
+          b = 255;
+        bytes[i] = b;
+      }
+      return bytes;
+    },
+    _Utf8Decoder__convertInterceptedUint8List(allowMalformed, codeUnits, start, end) {
+      var decoder = allowMalformed ? $.$get$_Utf8Decoder__decoderNonfatal() : $.$get$_Utf8Decoder__decoder();
+      if (decoder == null)
+        return null;
+      if (0 === start && end === codeUnits.length)
+        return A._Utf8Decoder__useTextDecoder(decoder, codeUnits);
+      return A._Utf8Decoder__useTextDecoder(decoder, codeUnits.subarray(start, end));
+    },
+    _Utf8Decoder__useTextDecoder(decoder, codeUnits) {
+      var t1, exception;
+      try {
+        t1 = decoder.decode(codeUnits);
+        return t1;
+      } catch (exception) {
+      }
+      return null;
+    },
+    Base64Codec__checkPadding(source, sourceIndex, sourceEnd, firstPadding, paddingCount, $length) {
+      if (B.JSInt_methods.$mod($length, 4) !== 0)
+        throw A.wrapException(A.FormatException$("Invalid base64 padding, padded length must be multiple of four, is " + $length, source, sourceEnd));
+      if (firstPadding + paddingCount !== $length)
+        throw A.wrapException(A.FormatException$("Invalid base64 padding, '=' not at the end", source, sourceIndex));
+      if (paddingCount > 2)
+        throw A.wrapException(A.FormatException$("Invalid base64 padding, more than two '=' characters", source, sourceIndex));
+    },
+    _Base64Encoder_encodeChunk(alphabet, bytes, start, end, isLast, output, outputIndex, state) {
+      var t1, t2, i, byteOr, byte, outputIndex0, outputIndex1,
+        bits = state >>> 2,
+        expectedChars = 3 - (state & 3);
+      for (t1 = J.getInterceptor$asx(bytes), t2 = output.$flags | 0, i = start, byteOr = 0; i < end; ++i) {
+        byte = t1.$index(bytes, i);
+        byteOr = (byteOr | byte) >>> 0;
+        bits = (bits << 8 | byte) & 16777215;
+        --expectedChars;
+        if (expectedChars === 0) {
+          outputIndex0 = outputIndex + 1;
+          t2 & 2 && A.throwUnsupportedOperation(output);
+          output[outputIndex] = alphabet.charCodeAt(bits >>> 18 & 63);
+          outputIndex = outputIndex0 + 1;
+          output[outputIndex0] = alphabet.charCodeAt(bits >>> 12 & 63);
+          outputIndex0 = outputIndex + 1;
+          output[outputIndex] = alphabet.charCodeAt(bits >>> 6 & 63);
+          outputIndex = outputIndex0 + 1;
+          output[outputIndex0] = alphabet.charCodeAt(bits & 63);
+          bits = 0;
+          expectedChars = 3;
+        }
+      }
+      if (byteOr >= 0 && byteOr <= 255) {
+        if (isLast && expectedChars < 3) {
+          outputIndex0 = outputIndex + 1;
+          outputIndex1 = outputIndex0 + 1;
+          if (3 - expectedChars === 1) {
+            t2 & 2 && A.throwUnsupportedOperation(output);
+            output[outputIndex] = alphabet.charCodeAt(bits >>> 2 & 63);
+            output[outputIndex0] = alphabet.charCodeAt(bits << 4 & 63);
+            output[outputIndex1] = 61;
+            output[outputIndex1 + 1] = 61;
+          } else {
+            t2 & 2 && A.throwUnsupportedOperation(output);
+            output[outputIndex] = alphabet.charCodeAt(bits >>> 10 & 63);
+            output[outputIndex0] = alphabet.charCodeAt(bits >>> 4 & 63);
+            output[outputIndex1] = alphabet.charCodeAt(bits << 2 & 63);
+            output[outputIndex1 + 1] = 61;
+          }
+          return 0;
+        }
+        return (bits << 2 | 3 - expectedChars) >>> 0;
+      }
+      for (i = start; i < end;) {
+        byte = t1.$index(bytes, i);
+        if (byte < 0 || byte > 255)
+          break;
+        ++i;
+      }
+      throw A.wrapException(A.ArgumentError$value(bytes, "Not a byte value at index " + i + ": 0x" + B.JSInt_methods.toRadixString$1(t1.$index(bytes, i), 16), null));
+    },
+    JsonUnsupportedObjectError$(unsupportedObject, cause, partialResult) {
+      return new A.JsonUnsupportedObjectError(unsupportedObject, cause);
+    },
+    _defaultToEncodable(object) {
+      return object.toJson$0();
+    },
+    _JsonStringStringifier$(_sink, _toEncodable) {
+      return new A._JsonStringStringifier(_sink, [], A.convert___defaultToEncodable$closure());
+    },
+    _JsonStringStringifier_stringify(object, toEncodable, indent) {
+      var t1,
+        output = new A.StringBuffer(""),
+        stringifier = A._JsonStringStringifier$(output, toEncodable);
+      stringifier.writeObject$1(object);
+      t1 = output._contents;
+      return t1.charCodeAt(0) == 0 ? t1 : t1;
+    },
+    _Utf8Decoder_errorDescription(state) {
+      switch (state) {
+        case 65:
+          return "Missing extension byte";
+        case 67:
+          return "Unexpected extension byte";
+        case 69:
+          return "Invalid UTF-8 byte";
+        case 71:
+          return "Overlong encoding";
+        case 73:
+          return "Out of unicode range";
+        case 75:
+          return "Encoded surrogate";
+        case 77:
+          return "Unfinished UTF-8 octet sequence";
+        default:
+          return "";
+      }
+    },
+    _JsonMap: function _JsonMap(t0, t1) {
+      this._original = t0;
+      this._processed = t1;
+      this._data = null;
+    },
+    _JsonMap_values_closure: function _JsonMap_values_closure(t0) {
+      this.$this = t0;
+    },
+    _JsonMap_addAll_closure: function _JsonMap_addAll_closure(t0) {
+      this.$this = t0;
+    },
+    _JsonMapKeyIterable: function _JsonMapKeyIterable(t0) {
+      this._convert$_parent = t0;
+    },
+    _Utf8Decoder__decoder_closure: function _Utf8Decoder__decoder_closure() {
+    },
+    _Utf8Decoder__decoderNonfatal_closure: function _Utf8Decoder__decoderNonfatal_closure() {
+    },
+    AsciiCodec: function AsciiCodec() {
+    },
+    _UnicodeSubsetEncoder: function _UnicodeSubsetEncoder() {
+    },
+    AsciiEncoder: function AsciiEncoder(t0) {
+      this._subsetMask = t0;
+    },
+    Base64Codec: function Base64Codec() {
+    },
+    Base64Encoder: function Base64Encoder() {
+    },
+    _Base64Encoder: function _Base64Encoder(t0) {
+      this._convert$_state = 0;
+      this._alphabet = t0;
+    },
+    _Base64EncoderSink: function _Base64EncoderSink() {
+    },
+    _Utf8Base64EncoderSink: function _Utf8Base64EncoderSink(t0, t1) {
+      this._sink = t0;
+      this._encoder = t1;
+    },
+    ByteConversionSink: function ByteConversionSink() {
+    },
+    Codec: function Codec() {
+    },
+    Converter: function Converter() {
+    },
+    Encoding: function Encoding() {
+    },
+    JsonUnsupportedObjectError: function JsonUnsupportedObjectError(t0, t1) {
+      this.unsupportedObject = t0;
+      this.cause = t1;
+    },
+    JsonCyclicError: function JsonCyclicError(t0, t1) {
+      this.unsupportedObject = t0;
+      this.cause = t1;
+    },
+    JsonCodec: function JsonCodec() {
+    },
+    JsonEncoder: function JsonEncoder(t0) {
+      this._toEncodable = t0;
+    },
+    JsonDecoder: function JsonDecoder(t0) {
+      this._reviver = t0;
+    },
+    _JsonStringifier: function _JsonStringifier() {
+    },
+    _JsonStringifier_writeMap_closure: function _JsonStringifier_writeMap_closure(t0, t1) {
+      this._box_0 = t0;
+      this.keyValueList = t1;
+    },
+    _JsonStringStringifier: function _JsonStringStringifier(t0, t1, t2) {
+      this._sink = t0;
+      this._seen = t1;
+      this._toEncodable = t2;
+    },
+    StringConversionSink: function StringConversionSink() {
+    },
+    _StringSinkConversionSink: function _StringSinkConversionSink(t0) {
+      this._stringSink = t0;
+    },
+    _StringCallbackSink: function _StringCallbackSink(t0, t1) {
+      this._convert$_callback = t0;
+      this._stringSink = t1;
+    },
+    _Utf8StringSinkAdapter: function _Utf8StringSinkAdapter(t0, t1, t2) {
+      this._decoder = t0;
+      this._sink = t1;
+      this._stringSink = t2;
+    },
+    Utf8Codec: function Utf8Codec() {
+    },
+    Utf8Encoder: function Utf8Encoder() {
+    },
+    _Utf8Encoder: function _Utf8Encoder(t0) {
+      this._bufferIndex = 0;
+      this._buffer = t0;
+    },
+    Utf8Decoder: function Utf8Decoder(t0) {
+      this._allowMalformed = t0;
+    },
+    _Utf8Decoder: function _Utf8Decoder(t0) {
+      this.allowMalformed = t0;
+      this._convert$_state = 16;
+      this._charOrIndex = 0;
+    },
+    identityHashCode(object) {
+      return A.objectHashCode(object);
+    },
+    Function_apply($function, positionalArguments) {
+      return A.Primitives_applyFunction($function, positionalArguments, null);
+    },
+    Expando$() {
+      return new A.Expando(new WeakMap());
+    },
+    Expando__checkType(object) {
+      if (A._isBool(object) || typeof object == "number" || typeof object == "string" || object instanceof A._Record)
+        A.Expando__badExpandoKey(object);
+    },
+    Expando__badExpandoKey(object) {
+      throw A.wrapException(A.ArgumentError$value(object, "object", "Expandos are not allowed on strings, numbers, bools, records or null"));
+    },
+    int_parse(source, radix) {
+      var value = A.Primitives_parseInt(source, radix);
+      if (value != null)
+        return value;
+      throw A.wrapException(A.FormatException$(source, null, null));
+    },
+    double_parse(source) {
+      var value = A.Primitives_parseDouble(source);
+      if (value != null)
+        return value;
+      throw A.wrapException(A.FormatException$("Invalid double", source, null));
+    },
+    Error__throw(error, stackTrace) {
+      error = A.initializeExceptionWrapper(error, new Error());
+      error.stack = stackTrace.toString$0(0);
+      throw error;
+    },
+    List_List$filled($length, fill, growable, $E) {
+      var i,
+        result = growable ? J.JSArray_JSArray$growable($length, $E) : J.JSArray_JSArray$fixed($length, $E);
+      if ($length !== 0 && fill != null)
+        for (i = 0; i < result.length; ++i)
+          result[i] = fill;
+      return result;
+    },
+    List_List$from(elements, growable, $E) {
+      var t1,
+        list = A._setArrayType([], $E._eval$1("JSArray<0>"));
+      for (t1 = J.get$iterator$ax(elements); t1.moveNext$0();)
+        list.push(t1.get$current(t1));
+      if (growable)
+        return list;
+      list.$flags = 1;
+      return list;
+    },
+    List_List$of(elements, growable, $E) {
+      var t1;
+      if (growable)
+        t1 = A.List_List$_of(elements, $E);
+      else {
+        t1 = A.List_List$_of(elements, $E);
+        t1.$flags = 1;
+        t1 = t1;
+      }
+      return t1;
+    },
+    List_List$_of(elements, $E) {
+      var list, t1;
+      if (Array.isArray(elements))
+        return A._setArrayType(elements.slice(0), $E._eval$1("JSArray<0>"));
+      list = A._setArrayType([], $E._eval$1("JSArray<0>"));
+      for (t1 = J.get$iterator$ax(elements); t1.moveNext$0();)
+        list.push(t1.get$current(t1));
+      return list;
+    },
+    List_List$unmodifiable(elements, $E) {
+      var result = A.List_List$from(elements, false, $E);
+      result.$flags = 3;
+      return result;
+    },
+    String_String$fromCharCodes(charCodes, start, end) {
+      var t1, t2, maxLength, array, len;
+      A.RangeError_checkNotNegative(start, "start");
+      t1 = end == null;
+      t2 = !t1;
+      if (t2) {
+        maxLength = end - start;
+        if (maxLength < 0)
+          throw A.wrapException(A.RangeError$range(end, start, null, "end", null));
+        if (maxLength === 0)
+          return "";
+      }
+      if (Array.isArray(charCodes)) {
+        array = charCodes;
+        len = array.length;
+        if (t1)
+          end = len;
+        return A.Primitives_stringFromCharCodes(start > 0 || end < len ? array.slice(start, end) : array);
+      }
+      if (type$.NativeUint8List._is(charCodes))
+        return A.String__stringFromUint8List(charCodes, start, end);
+      if (t2)
+        charCodes = J.take$1$ax(charCodes, end);
+      if (start > 0)
+        charCodes = J.skip$1$ax(charCodes, start);
+      t1 = A.List_List$_of(charCodes, type$.int);
+      return A.Primitives_stringFromCharCodes(t1);
+    },
+    String_String$fromCharCode(charCode) {
+      return A.Primitives_stringFromCharCode(charCode);
+    },
+    String__stringFromUint8List(charCodes, start, endOrNull) {
+      var len = charCodes.length;
+      if (start >= len)
+        return "";
+      return A.Primitives_stringFromNativeUint8List(charCodes, start, endOrNull == null || endOrNull > len ? len : endOrNull);
+    },
+    RegExp_RegExp(source, multiLine) {
+      return new A.JSSyntaxRegExp(source, A.JSSyntaxRegExp_makeNative(source, multiLine, true, false, false, ""));
+    },
+    identical(a, b) {
+      return a == null ? b == null : a === b;
+    },
+    StringBuffer__writeAll(string, objects, separator) {
+      var iterator = J.get$iterator$ax(objects);
+      if (!iterator.moveNext$0())
+        return string;
+      if (separator.length === 0) {
+        do
+          string += A.S(iterator.get$current(iterator));
+        while (iterator.moveNext$0());
+      } else {
+        string += A.S(iterator.get$current(iterator));
+        for (; iterator.moveNext$0();)
+          string = string + separator + A.S(iterator.get$current(iterator));
+      }
+      return string;
+    },
+    NoSuchMethodError_NoSuchMethodError$withInvocation(receiver, invocation) {
+      return new A.NoSuchMethodError(receiver, invocation.get$memberName(), invocation.get$positionalArguments(), invocation.get$namedArguments());
+    },
+    Uri_base() {
+      var cachedUri, uri,
+        current = A.Primitives_currentUri();
+      if (current == null)
+        throw A.wrapException(A.UnsupportedError$("'Uri.base' is not supported"));
+      cachedUri = $.Uri__cachedBaseUri;
+      if (cachedUri != null && current === $.Uri__cachedBaseString)
+        return cachedUri;
+      uri = A.Uri_parse(current);
+      $.Uri__cachedBaseUri = uri;
+      $.Uri__cachedBaseString = current;
+      return uri;
+    },
+    _Uri__uriEncode(canonicalMask, text, encoding, spaceToPlus) {
+      var t1, bytes, i, t2, byte,
+        _s16_ = "0123456789ABCDEF";
+      if (encoding === B.C_Utf8Codec) {
+        t1 = $.$get$_Uri__needsNoEncoding();
+        t1 = t1._nativeRegExp.test(text);
+      } else
+        t1 = false;
+      if (t1)
+        return text;
+      bytes = B.C_Utf8Encoder.convert$1(text);
+      for (t1 = bytes.length, i = 0, t2 = ""; i < t1; ++i) {
+        byte = bytes[i];
+        if (byte < 128 && (string$.x00_____.charCodeAt(byte) & canonicalMask) !== 0)
+          t2 += A.Primitives_stringFromCharCode(byte);
+        else
+          t2 = spaceToPlus && byte === 32 ? t2 + "+" : t2 + "%" + _s16_[byte >>> 4 & 15] + _s16_[byte & 15];
+      }
+      return t2.charCodeAt(0) == 0 ? t2 : t2;
+    },
+    StackTrace_current() {
+      return A.getTraceFromException(new Error());
+    },
+    DateTime__fourDigits(n) {
+      var absN = Math.abs(n),
+        sign = n < 0 ? "-" : "";
+      if (absN >= 1000)
+        return "" + n;
+      if (absN >= 100)
+        return sign + "0" + absN;
+      if (absN >= 10)
+        return sign + "00" + absN;
+      return sign + "000" + absN;
+    },
+    DateTime__threeDigits(n) {
+      if (n >= 100)
+        return "" + n;
+      if (n >= 10)
+        return "0" + n;
+      return "00" + n;
+    },
+    DateTime__twoDigits(n) {
+      if (n >= 10)
+        return "" + n;
+      return "0" + n;
+    },
+    Duration$(microseconds, milliseconds) {
+      return new A.Duration(microseconds + 1000 * milliseconds);
+    },
+    EnumByName_byName(_this, $name) {
+      var _i, value;
+      for (_i = 0; _i < 4; ++_i) {
+        value = _this[_i];
+        if (value._name === $name)
+          return value;
+      }
+      throw A.wrapException(A.ArgumentError$value($name, "name", "No enum value with that name"));
+    },
+    Error_safeToString(object) {
+      if (typeof object == "number" || A._isBool(object) || object == null)
+        return J.toString$0$(object);
+      if (typeof object == "string")
+        return JSON.stringify(object);
+      return A.Primitives_safeToString(object);
+    },
+    Error_throwWithStackTrace(error, stackTrace) {
+      A.checkNotNullable(error, "error", type$.Object);
+      A.checkNotNullable(stackTrace, "stackTrace", type$.StackTrace);
+      A.Error__throw(error, stackTrace);
+    },
+    AssertionError$(message) {
+      return new A.AssertionError(message);
+    },
+    ArgumentError$(message, $name) {
+      return new A.ArgumentError(false, null, $name, message);
+    },
+    ArgumentError$value(value, $name, message) {
+      return new A.ArgumentError(true, value, $name, message);
+    },
+    ArgumentError_checkNotNull(argument, $name) {
+      return argument;
+    },
+    RangeError$(message) {
+      var _null = null;
+      return new A.RangeError(_null, _null, false, _null, _null, message);
+    },
+    RangeError$value(value, $name, message) {
+      return new A.RangeError(null, null, true, value, $name, message == null ? "Value not in range" : message);
+    },
+    RangeError$range(invalidValue, minValue, maxValue, $name, message) {
+      return new A.RangeError(minValue, maxValue, true, invalidValue, $name, message == null ? "Invalid value" : message);
+    },
+    RangeError_checkValueInInterval(value, minValue, maxValue, $name) {
+      if (value < minValue || value > maxValue)
+        throw A.wrapException(A.RangeError$range(value, minValue, maxValue, $name, null));
+      return value;
+    },
+    RangeError_checkValidRange(start, end, $length) {
+      if (0 > start || start > $length)
+        throw A.wrapException(A.RangeError$range(start, 0, $length, "start", null));
+      if (end != null) {
+        if (start > end || end > $length)
+          throw A.wrapException(A.RangeError$range(end, start, $length, "end", null));
+        return end;
+      }
+      return $length;
+    },
+    RangeError_checkNotNegative(value, $name) {
+      if (value < 0)
+        throw A.wrapException(A.RangeError$range(value, 0, null, $name, null));
+      return value;
+    },
+    IndexError$withLength(invalidValue, $length, indexable, message, $name) {
+      return new A.IndexError($length, true, invalidValue, $name, "Index out of range");
+    },
+    IndexError_check(index, $length, indexable, message, $name) {
+      if (0 > index || index >= $length)
+        throw A.wrapException(A.IndexError$withLength(index, $length, indexable, message, $name == null ? "index" : $name));
+      return index;
+    },
+    UnsupportedError$(message) {
+      return new A.UnsupportedError(message);
+    },
+    UnimplementedError$(message) {
+      return new A.UnimplementedError(message);
+    },
+    StateError$(message) {
+      return new A.StateError(message);
+    },
+    ConcurrentModificationError$(modifiedObject) {
+      return new A.ConcurrentModificationError(modifiedObject);
+    },
+    FormatException$(message, source, offset) {
+      return new A.FormatException(message, source, offset);
+    },
+    Iterable_Iterable$generate(count, generator, $E) {
+      if (count <= 0)
+        return new A.EmptyIterable($E._eval$1("EmptyIterable<0>"));
+      return new A._GeneratorIterable(count, generator, $E._eval$1("_GeneratorIterable<0>"));
+    },
+    Iterable_iterableToShortString(iterable, leftDelimiter, rightDelimiter) {
+      var parts, t1;
+      if (A.isToStringVisiting(iterable)) {
+        if (leftDelimiter === "(" && rightDelimiter === ")")
+          return "(...)";
+        return leftDelimiter + "..." + rightDelimiter;
+      }
+      parts = A._setArrayType([], type$.JSArray_String);
+      $.toStringVisiting.push(iterable);
+      try {
+        A._iterablePartsToStrings(iterable, parts);
+      } finally {
+        $.toStringVisiting.pop();
+      }
+      t1 = A.StringBuffer__writeAll(leftDelimiter, parts, ", ") + rightDelimiter;
+      return t1.charCodeAt(0) == 0 ? t1 : t1;
+    },
+    Iterable_iterableToFullString(iterable, leftDelimiter, rightDelimiter) {
+      var buffer, t1;
+      if (A.isToStringVisiting(iterable))
+        return leftDelimiter + "..." + rightDelimiter;
+      buffer = new A.StringBuffer(leftDelimiter);
+      $.toStringVisiting.push(iterable);
+      try {
+        t1 = buffer;
+        t1._contents = A.StringBuffer__writeAll(t1._contents, iterable, ", ");
+      } finally {
+        $.toStringVisiting.pop();
+      }
+      buffer._contents += rightDelimiter;
+      t1 = buffer._contents;
+      return t1.charCodeAt(0) == 0 ? t1 : t1;
+    },
+    _iterablePartsToStrings(iterable, parts) {
+      var next, ultimateString, penultimateString, penultimate, ultimate, ultimate0, elision,
+        it = iterable.get$iterator(iterable),
+        $length = 0, count = 0;
+      while (true) {
+        if (!($length < 80 || count < 3))
+          break;
+        if (!it.moveNext$0())
+          return;
+        next = A.S(it.get$current(it));
+        parts.push(next);
+        $length += next.length + 2;
+        ++count;
+      }
+      if (!it.moveNext$0()) {
+        if (count <= 5)
+          return;
+        ultimateString = parts.pop();
+        penultimateString = parts.pop();
+      } else {
+        penultimate = it.get$current(it);
+        ++count;
+        if (!it.moveNext$0()) {
+          if (count <= 4) {
+            parts.push(A.S(penultimate));
+            return;
+          }
+          ultimateString = A.S(penultimate);
+          penultimateString = parts.pop();
+          $length += ultimateString.length + 2;
+        } else {
+          ultimate = it.get$current(it);
+          ++count;
+          for (; it.moveNext$0(); penultimate = ultimate, ultimate = ultimate0) {
+            ultimate0 = it.get$current(it);
+            ++count;
+            if (count > 100) {
+              while (true) {
+                if (!($length > 75 && count > 3))
+                  break;
+                $length -= parts.pop().length + 2;
+                --count;
+              }
+              parts.push("...");
+              return;
+            }
+          }
+          penultimateString = A.S(penultimate);
+          ultimateString = A.S(ultimate);
+          $length += ultimateString.length + penultimateString.length + 4;
+        }
+      }
+      if (count > parts.length + 2) {
+        $length += 5;
+        elision = "...";
+      } else
+        elision = null;
+      while (true) {
+        if (!($length > 80 && parts.length > 3))
+          break;
+        $length -= parts.pop().length + 2;
+        if (elision == null) {
+          $length += 5;
+          elision = "...";
+        }
+      }
+      if (elision != null)
+        parts.push(elision);
+      parts.push(penultimateString);
+      parts.push(ultimateString);
+    },
+    Map_castFrom(source, $K, $V, $K2, $V2) {
+      return new A.CastMap(source, $K._eval$1("@<0>")._bind$1($V)._bind$1($K2)._bind$1($V2)._eval$1("CastMap<1,2,3,4>"));
+    },
+    Object_hash(object1, object2, object3, object4) {
+      var t1;
+      if (B.C_SentinelValue === object3) {
+        t1 = J.get$hashCode$(object1);
+        object2 = J.get$hashCode$(object2);
+        return A.SystemHash_finish(A.SystemHash_combine(A.SystemHash_combine($.$get$_hashSeed(), t1), object2));
+      }
+      if (B.C_SentinelValue === object4) {
+        t1 = J.get$hashCode$(object1);
+        object2 = J.get$hashCode$(object2);
+        object3 = J.get$hashCode$(object3);
+        return A.SystemHash_finish(A.SystemHash_combine(A.SystemHash_combine(A.SystemHash_combine($.$get$_hashSeed(), t1), object2), object3));
+      }
+      t1 = J.get$hashCode$(object1);
+      object2 = J.get$hashCode$(object2);
+      object3 = J.get$hashCode$(object3);
+      object4 = J.get$hashCode$(object4);
+      object4 = A.SystemHash_finish(A.SystemHash_combine(A.SystemHash_combine(A.SystemHash_combine(A.SystemHash_combine($.$get$_hashSeed(), t1), object2), object3), object4));
+      return object4;
+    },
+    Object_hashAll(objects) {
+      var t1, _i,
+        hash = $.$get$_hashSeed();
+      for (t1 = objects.length, _i = 0; _i < objects.length; objects.length === t1 || (0, A.throwConcurrentModificationError)(objects), ++_i)
+        hash = A.SystemHash_combine(hash, J.get$hashCode$(objects[_i]));
+      return A.SystemHash_finish(hash);
+    },
+    print(object) {
+      var line = A.S(object),
+        toZone = $.printToZone;
+      if (toZone == null)
+        A.printString(line);
+      else
+        toZone.call$1(line);
+    },
+    Set_Set$unmodifiable(elements, $E) {
+      return new A.UnmodifiableSetView(A.LinkedHashSet_LinkedHashSet$of(elements, $E), $E._eval$1("UnmodifiableSetView<0>"));
+    },
+    Set_castFrom(source, newSet, $S, $T) {
+      return new A.CastSet(source, newSet, $S._eval$1("@<0>")._bind$1($T)._eval$1("CastSet<1,2>"));
+    },
+    _combineSurrogatePair(start, end) {
+      return 65536 + ((start & 1023) << 10) + (end & 1023);
+    },
+    Uri_Uri$dataFromString($content, encoding, mimeType) {
+      var encodingName, t1,
+        buffer = new A.StringBuffer(""),
+        indices = A._setArrayType([-1], type$.JSArray_int);
+      if (encoding == null)
+        encodingName = null;
+      else
+        encodingName = "utf-8";
+      if (encoding == null)
+        encoding = B.C_AsciiCodec;
+      A.UriData__writeUri(mimeType, encodingName, null, buffer, indices);
+      indices.push(buffer._contents.length);
+      buffer._contents += ",";
+      A.UriData__uriEncodeBytes(256, encoding.encode$1($content), buffer);
+      t1 = buffer._contents;
+      return new A.UriData(t1.charCodeAt(0) == 0 ? t1 : t1, indices, null).get$uri();
+    },
+    Uri_parse(uri) {
+      var delta, indices, schemeEnd, hostStart, portStart, pathStart, queryStart, fragmentStart, isSimple, scheme, t1, t2, schemeAuth, queryStart0, pathStart0, port, userInfoStart, userInfo, host, portNumber, path, query, _null = null,
+        end = uri.length;
+      if (end >= 5) {
+        delta = ((uri.charCodeAt(4) ^ 58) * 3 | uri.charCodeAt(0) ^ 100 | uri.charCodeAt(1) ^ 97 | uri.charCodeAt(2) ^ 116 | uri.charCodeAt(3) ^ 97) >>> 0;
+        if (delta === 0)
+          return A.UriData__parse(end < end ? B.JSString_methods.substring$2(uri, 0, end) : uri, 5, _null).get$uri();
+        else if (delta === 32)
+          return A.UriData__parse(B.JSString_methods.substring$2(uri, 5, end), 0, _null).get$uri();
+      }
+      indices = A.List_List$filled(8, 0, false, type$.int);
+      indices[0] = 0;
+      indices[1] = -1;
+      indices[2] = -1;
+      indices[7] = -1;
+      indices[3] = 0;
+      indices[4] = 0;
+      indices[5] = end;
+      indices[6] = end;
+      if (A._scan(uri, 0, end, 0, indices) >= 14)
+        indices[7] = end;
+      schemeEnd = indices[1];
+      if (schemeEnd >= 0)
+        if (A._scan(uri, 0, schemeEnd, 20, indices) === 20)
+          indices[7] = schemeEnd;
+      hostStart = indices[2] + 1;
+      portStart = indices[3];
+      pathStart = indices[4];
+      queryStart = indices[5];
+      fragmentStart = indices[6];
+      if (fragmentStart < queryStart)
+        queryStart = fragmentStart;
+      if (pathStart < hostStart)
+        pathStart = queryStart;
+      else if (pathStart <= schemeEnd)
+        pathStart = schemeEnd + 1;
+      if (portStart < hostStart)
+        portStart = pathStart;
+      isSimple = indices[7] < 0;
+      scheme = _null;
+      if (isSimple) {
+        isSimple = false;
+        if (!(hostStart > schemeEnd + 3)) {
+          t1 = portStart > 0;
+          if (!(t1 && portStart + 1 === pathStart)) {
+            if (!B.JSString_methods.startsWith$2(uri, "\\", pathStart))
+              if (hostStart > 0)
+                t2 = B.JSString_methods.startsWith$2(uri, "\\", hostStart - 1) || B.JSString_methods.startsWith$2(uri, "\\", hostStart - 2);
+              else
+                t2 = false;
+            else
+              t2 = true;
+            if (!t2) {
+              if (!(queryStart < end && queryStart === pathStart + 2 && B.JSString_methods.startsWith$2(uri, "..", pathStart)))
+                t2 = queryStart > pathStart + 2 && B.JSString_methods.startsWith$2(uri, "/..", queryStart - 3);
+              else
+                t2 = true;
+              if (!t2)
+                if (schemeEnd === 4) {
+                  if (B.JSString_methods.startsWith$2(uri, "file", 0)) {
+                    if (hostStart <= 0) {
+                      if (!B.JSString_methods.startsWith$2(uri, "/", pathStart)) {
+                        schemeAuth = "file:///";
+                        delta = 3;
+                      } else {
+                        schemeAuth = "file://";
+                        delta = 2;
+                      }
+                      uri = schemeAuth + B.JSString_methods.substring$2(uri, pathStart, end);
+                      queryStart += delta;
+                      fragmentStart += delta;
+                      end = uri.length;
+                      hostStart = 7;
+                      portStart = 7;
+                      pathStart = 7;
+                    } else if (pathStart === queryStart) {
+                      ++fragmentStart;
+                      queryStart0 = queryStart + 1;
+                      uri = B.JSString_methods.replaceRange$3(uri, pathStart, queryStart, "/");
+                      ++end;
+                      queryStart = queryStart0;
+                    }
+                    scheme = "file";
+                  } else if (B.JSString_methods.startsWith$2(uri, "http", 0)) {
+                    if (t1 && portStart + 3 === pathStart && B.JSString_methods.startsWith$2(uri, "80", portStart + 1)) {
+                      fragmentStart -= 3;
+                      pathStart0 = pathStart - 3;
+                      queryStart -= 3;
+                      uri = B.JSString_methods.replaceRange$3(uri, portStart, pathStart, "");
+                      end -= 3;
+                      pathStart = pathStart0;
+                    }
+                    scheme = "http";
+                  }
+                } else if (schemeEnd === 5 && B.JSString_methods.startsWith$2(uri, "https", 0)) {
+                  if (t1 && portStart + 4 === pathStart && B.JSString_methods.startsWith$2(uri, "443", portStart + 1)) {
+                    fragmentStart -= 4;
+                    pathStart0 = pathStart - 4;
+                    queryStart -= 4;
+                    uri = B.JSString_methods.replaceRange$3(uri, portStart, pathStart, "");
+                    end -= 3;
+                    pathStart = pathStart0;
+                  }
+                  scheme = "https";
+                }
+              isSimple = !t2;
+            }
+          }
+        }
+      }
+      if (isSimple)
+        return new A._SimpleUri(end < uri.length ? B.JSString_methods.substring$2(uri, 0, end) : uri, schemeEnd, hostStart, portStart, pathStart, queryStart, fragmentStart, scheme);
+      if (scheme == null)
+        if (schemeEnd > 0)
+          scheme = A._Uri__makeScheme(uri, 0, schemeEnd);
+        else {
+          if (schemeEnd === 0)
+            A._Uri__fail(uri, 0, "Invalid empty scheme");
+          scheme = "";
+        }
+      port = _null;
+      if (hostStart > 0) {
+        userInfoStart = schemeEnd + 3;
+        userInfo = userInfoStart < hostStart ? A._Uri__makeUserInfo(uri, userInfoStart, hostStart - 1) : "";
+        host = A._Uri__makeHost(uri, hostStart, portStart, false);
+        t1 = portStart + 1;
+        if (t1 < pathStart) {
+          portNumber = A.Primitives_parseInt(B.JSString_methods.substring$2(uri, t1, pathStart), _null);
+          port = A._Uri__makePort(portNumber == null ? A.throwExpression(A.FormatException$("Invalid port", uri, t1)) : portNumber, scheme);
+        }
+      } else {
+        host = _null;
+        userInfo = "";
+      }
+      path = A._Uri__makePath(uri, pathStart, queryStart, _null, scheme, host != null);
+      query = queryStart < fragmentStart ? A._Uri__makeQuery(uri, queryStart + 1, fragmentStart, _null) : _null;
+      return A._Uri$_internal(scheme, userInfo, host, port, path, query, fragmentStart < end ? A._Uri__makeFragment(uri, fragmentStart + 1, end) : _null);
+    },
+    Uri_decodeComponent(encodedComponent) {
+      return A._Uri__uriDecode(encodedComponent, 0, encodedComponent.length, B.C_Utf8Codec, false);
+    },
+    Uri__parseIPv4Address(host, start, end) {
+      var i, partStart, partIndex, char, part, partIndex0,
+        _s43_ = "IPv4 address should contain exactly 4 parts",
+        _s37_ = "each part must be in the range 0..255",
+        error = new A.Uri__parseIPv4Address_error(host),
+        result = new Uint8Array(4);
+      for (i = start, partStart = i, partIndex = 0; i < end; ++i) {
+        char = host.charCodeAt(i);
+        if (char !== 46) {
+          if ((char ^ 48) > 9)
+            error.call$2("invalid character", i);
+        } else {
+          if (partIndex === 3)
+            error.call$2(_s43_, i);
+          part = A.int_parse(B.JSString_methods.substring$2(host, partStart, i), null);
+          if (part > 255)
+            error.call$2(_s37_, partStart);
+          partIndex0 = partIndex + 1;
+          result[partIndex] = part;
+          partStart = i + 1;
+          partIndex = partIndex0;
+        }
+      }
+      if (partIndex !== 3)
+        error.call$2(_s43_, end);
+      part = A.int_parse(B.JSString_methods.substring$2(host, partStart, end), null);
+      if (part > 255)
+        error.call$2(_s37_, partStart);
+      result[partIndex] = part;
+      return result;
+    },
+    Uri__validateIPvAddress(host, start, end) {
+      var error;
+      if (start === end)
+        throw A.wrapException(A.FormatException$("Empty IP address", host, start));
+      if (host.charCodeAt(start) === 118) {
+        error = A.Uri__validateIPvFutureAddress(host, start, end);
+        if (error != null)
+          throw A.wrapException(error);
+        return false;
+      }
+      A.Uri_parseIPv6Address(host, start, end);
+      return true;
+    },
+    Uri__validateIPvFutureAddress(host, start, end) {
+      var cursor, cursor0, char, ucChar,
+        _s38_ = "Missing hex-digit in IPvFuture address";
+      ++start;
+      for (cursor = start; true; cursor = cursor0) {
+        if (cursor < end) {
+          cursor0 = cursor + 1;
+          char = host.charCodeAt(cursor);
+          if ((char ^ 48) <= 9)
+            continue;
+          ucChar = char | 32;
+          if (ucChar >= 97 && ucChar <= 102)
+            continue;
+          if (char === 46) {
+            if (cursor0 - 1 === start)
+              return new A.FormatException(_s38_, host, cursor0);
+            cursor = cursor0;
+            break;
+          }
+          return new A.FormatException("Unexpected character", host, cursor0 - 1);
+        }
+        if (cursor - 1 === start)
+          return new A.FormatException(_s38_, host, cursor);
+        return new A.FormatException("Missing '.' in IPvFuture address", host, cursor);
+      }
+      if (cursor === end)
+        return new A.FormatException("Missing address in IPvFuture address, host, cursor", null, null);
+      for (; true;) {
+        if ((string$.x00_____.charCodeAt(host.charCodeAt(cursor)) & 16) !== 0) {
+          ++cursor;
+          if (cursor < end)
+            continue;
+          return null;
+        }
+        return new A.FormatException("Invalid IPvFuture address character", host, cursor);
+      }
+    },
+    Uri_parseIPv6Address(host, start, end) {
+      var parts, i, partStart, wildcardSeen, seenDot, char, atEnd, t1, last, bytes, wildCardLength, index, value, j, _null = null,
+        error = new A.Uri_parseIPv6Address_error(host),
+        parseHex = new A.Uri_parseIPv6Address_parseHex(error, host);
+      if (host.length < 2)
+        error.call$2("address is too short", _null);
+      parts = A._setArrayType([], type$.JSArray_int);
+      for (i = start, partStart = i, wildcardSeen = false, seenDot = false; i < end; ++i) {
+        char = host.charCodeAt(i);
+        if (char === 58) {
+          if (i === start) {
+            ++i;
+            if (host.charCodeAt(i) !== 58)
+              error.call$2("invalid start colon.", i);
+            partStart = i;
+          }
+          if (i === partStart) {
+            if (wildcardSeen)
+              error.call$2("only one wildcard `::` is allowed", i);
+            parts.push(-1);
+            wildcardSeen = true;
+          } else
+            parts.push(parseHex.call$2(partStart, i));
+          partStart = i + 1;
+        } else if (char === 46)
+          seenDot = true;
+      }
+      if (parts.length === 0)
+        error.call$2("too few parts", _null);
+      atEnd = partStart === end;
+      t1 = B.JSArray_methods.get$last(parts);
+      if (atEnd && t1 !== -1)
+        error.call$2("expected a part after last `:`", end);
+      if (!atEnd)
+        if (!seenDot)
+          parts.push(parseHex.call$2(partStart, end));
+        else {
+          last = A.Uri__parseIPv4Address(host, partStart, end);
+          parts.push((last[0] << 8 | last[1]) >>> 0);
+          parts.push((last[2] << 8 | last[3]) >>> 0);
+        }
+      if (wildcardSeen) {
+        if (parts.length > 7)
+          error.call$2("an address with a wildcard must have less than 7 parts", _null);
+      } else if (parts.length !== 8)
+        error.call$2("an address without a wildcard must contain exactly 8 parts", _null);
+      bytes = new Uint8Array(16);
+      for (t1 = parts.length, wildCardLength = 9 - t1, i = 0, index = 0; i < t1; ++i) {
+        value = parts[i];
+        if (value === -1)
+          for (j = 0; j < wildCardLength; ++j) {
+            bytes[index] = 0;
+            bytes[index + 1] = 0;
+            index += 2;
+          }
+        else {
+          bytes[index] = B.JSInt_methods._shrOtherPositive$1(value, 8);
+          bytes[index + 1] = value & 255;
+          index += 2;
+        }
+      }
+      return bytes;
+    },
+    _Uri$_internal(scheme, _userInfo, _host, _port, path, _query, _fragment) {
+      return new A._Uri(scheme, _userInfo, _host, _port, path, _query, _fragment);
+    },
+    _Uri__Uri(host, path, pathSegments, scheme) {
+      var userInfo, query, fragment, port, isFile, t1, hasAuthority, t2, _null = null;
+      scheme = scheme == null ? "" : A._Uri__makeScheme(scheme, 0, scheme.length);
+      userInfo = A._Uri__makeUserInfo(_null, 0, 0);
+      host = A._Uri__makeHost(host, 0, host == null ? 0 : host.length, false);
+      query = A._Uri__makeQuery(_null, 0, 0, _null);
+      fragment = A._Uri__makeFragment(_null, 0, 0);
+      port = A._Uri__makePort(_null, scheme);
+      isFile = scheme === "file";
+      if (host == null)
+        t1 = userInfo.length !== 0 || port != null || isFile;
+      else
+        t1 = false;
+      if (t1)
+        host = "";
+      t1 = host == null;
+      hasAuthority = !t1;
+      path = A._Uri__makePath(path, 0, path == null ? 0 : path.length, pathSegments, scheme, hasAuthority);
+      t2 = scheme.length === 0;
+      if (t2 && t1 && !B.JSString_methods.startsWith$1(path, "/"))
+        path = A._Uri__normalizeRelativePath(path, !t2 || hasAuthority);
+      else
+        path = A._Uri__removeDotSegments(path);
+      return A._Uri$_internal(scheme, userInfo, t1 && B.JSString_methods.startsWith$1(path, "//") ? "" : host, port, path, query, fragment);
+    },
+    _Uri__defaultPort(scheme) {
+      if (scheme === "http")
+        return 80;
+      if (scheme === "https")
+        return 443;
+      return 0;
+    },
+    _Uri__fail(uri, index, message) {
+      throw A.wrapException(A.FormatException$(message, uri, index));
+    },
+    _Uri__Uri$file(path, windows) {
+      return windows ? A._Uri__makeWindowsFileUrl(path, false) : A._Uri__makeFileUri(path, false);
+    },
+    _Uri__checkNonWindowsPathReservedCharacters(segments, argumentError) {
+      var t1, _i, segment;
+      for (t1 = segments.length, _i = 0; _i < t1; ++_i) {
+        segment = segments[_i];
+        if (A.stringContainsUnchecked(segment, "/", 0)) {
+          t1 = A.UnsupportedError$("Illegal path character " + segment);
+          throw A.wrapException(t1);
+        }
+      }
+    },
+    _Uri__checkWindowsPathReservedCharacters(segments, argumentError, firstSegment) {
+      var t1, t2, t3, t4;
+      for (t1 = A.SubListIterable$(segments, firstSegment, null, A._arrayInstanceType(segments)._precomputed1), t2 = t1.$ti, t1 = new A.ListIterator(t1, t1.get$length(0), t2._eval$1("ListIterator<ListIterable.E>")), t2 = t2._eval$1("ListIterable.E"); t1.moveNext$0();) {
+        t3 = t1.__internal$_current;
+        if (t3 == null)
+          t3 = t2._as(t3);
+        t4 = A.RegExp_RegExp('["*/:<>?\\\\|]', false);
+        if (A.stringContainsUnchecked(t3, t4, 0))
+          if (argumentError)
+            throw A.wrapException(A.ArgumentError$("Illegal character in path", null));
+          else
+            throw A.wrapException(A.UnsupportedError$("Illegal character in path: " + t3));
+      }
+    },
+    _Uri__checkWindowsDriveLetter(charCode, argumentError) {
+      var t1,
+        _s21_ = "Illegal drive letter ";
+      if (!(65 <= charCode && charCode <= 90))
+        t1 = 97 <= charCode && charCode <= 122;
+      else
+        t1 = true;
+      if (t1)
+        return;
+      if (argumentError)
+        throw A.wrapException(A.ArgumentError$(_s21_ + A.String_String$fromCharCode(charCode), null));
+      else
+        throw A.wrapException(A.UnsupportedError$(_s21_ + A.String_String$fromCharCode(charCode)));
+    },
+    _Uri__makeFileUri(path, slashTerminated) {
+      var _null = null,
+        segments = A._setArrayType(path.split("/"), type$.JSArray_String);
+      if (B.JSString_methods.startsWith$1(path, "/"))
+        return A._Uri__Uri(_null, _null, segments, "file");
+      else
+        return A._Uri__Uri(_null, _null, segments, _null);
+    },
+    _Uri__makeWindowsFileUrl(path, slashTerminated) {
+      var t1, pathSegments, pathStart, hostPart, _s1_ = "\\", _null = null, _s4_ = "file";
+      if (B.JSString_methods.startsWith$1(path, "\\\\?\\"))
+        if (B.JSString_methods.startsWith$2(path, "UNC\\", 4))
+          path = B.JSString_methods.replaceRange$3(path, 0, 7, _s1_);
+        else {
+          path = B.JSString_methods.substring$1(path, 4);
+          if (path.length < 3 || path.charCodeAt(1) !== 58 || path.charCodeAt(2) !== 92)
+            throw A.wrapException(A.ArgumentError$value(path, "path", "Windows paths with \\\\?\\ prefix must be absolute"));
+        }
+      else
+        path = A.stringReplaceAllUnchecked(path, "/", _s1_);
+      t1 = path.length;
+      if (t1 > 1 && path.charCodeAt(1) === 58) {
+        A._Uri__checkWindowsDriveLetter(path.charCodeAt(0), true);
+        if (t1 === 2 || path.charCodeAt(2) !== 92)
+          throw A.wrapException(A.ArgumentError$value(path, "path", "Windows paths with drive letter must be absolute"));
+        pathSegments = A._setArrayType(path.split(_s1_), type$.JSArray_String);
+        A._Uri__checkWindowsPathReservedCharacters(pathSegments, true, 1);
+        return A._Uri__Uri(_null, _null, pathSegments, _s4_);
+      }
+      if (B.JSString_methods.startsWith$1(path, _s1_))
+        if (B.JSString_methods.startsWith$2(path, _s1_, 1)) {
+          pathStart = B.JSString_methods.indexOf$2(path, _s1_, 2);
+          t1 = pathStart < 0;
+          hostPart = t1 ? B.JSString_methods.substring$1(path, 2) : B.JSString_methods.substring$2(path, 2, pathStart);
+          pathSegments = A._setArrayType((t1 ? "" : B.JSString_methods.substring$1(path, pathStart + 1)).split(_s1_), type$.JSArray_String);
+          A._Uri__checkWindowsPathReservedCharacters(pathSegments, true, 0);
+          return A._Uri__Uri(hostPart, _null, pathSegments, _s4_);
+        } else {
+          pathSegments = A._setArrayType(path.split(_s1_), type$.JSArray_String);
+          A._Uri__checkWindowsPathReservedCharacters(pathSegments, true, 0);
+          return A._Uri__Uri(_null, _null, pathSegments, _s4_);
+        }
+      else {
+        pathSegments = A._setArrayType(path.split(_s1_), type$.JSArray_String);
+        A._Uri__checkWindowsPathReservedCharacters(pathSegments, true, 0);
+        return A._Uri__Uri(_null, _null, pathSegments, _null);
+      }
+    },
+    _Uri__makePort(port, scheme) {
+      if (port != null && port === A._Uri__defaultPort(scheme))
+        return null;
+      return port;
+    },
+    _Uri__makeHost(host, start, end, strictIPv6) {
+      var index, t1, zoneID, index0, zoneIDstart, isIPv6, hostChars, i;
+      if (host == null)
+        return null;
+      if (start === end)
+        return "";
+      if (host.charCodeAt(start) === 91) {
+        index = end - 1;
+        if (host.charCodeAt(index) !== 93)
+          A._Uri__fail(host, start, "Missing end `]` to match `[` in host");
+        t1 = start + 1;
+        zoneID = "";
+        if (host.charCodeAt(t1) !== 118) {
+          index0 = A._Uri__checkZoneID(host, t1, index);
+          if (index0 < index) {
+            zoneIDstart = index0 + 1;
+            zoneID = A._Uri__normalizeZoneID(host, B.JSString_methods.startsWith$2(host, "25", zoneIDstart) ? index0 + 3 : zoneIDstart, index, "%25");
+          }
+          index = index0;
+        }
+        isIPv6 = A.Uri__validateIPvAddress(host, t1, index);
+        hostChars = B.JSString_methods.substring$2(host, t1, index);
+        return "[" + (isIPv6 ? hostChars.toLowerCase() : hostChars) + zoneID + "]";
+      }
+      for (i = start; i < end; ++i)
+        if (host.charCodeAt(i) === 58) {
+          index = B.JSString_methods.indexOf$2(host, "%", start);
+          index = index >= start && index < end ? index : end;
+          if (index < end) {
+            zoneIDstart = index + 1;
+            zoneID = A._Uri__normalizeZoneID(host, B.JSString_methods.startsWith$2(host, "25", zoneIDstart) ? index + 3 : zoneIDstart, end, "%25");
+          } else
+            zoneID = "";
+          A.Uri_parseIPv6Address(host, start, index);
+          return "[" + B.JSString_methods.substring$2(host, start, index) + zoneID + "]";
+        }
+      return A._Uri__normalizeRegName(host, start, end);
+    },
+    _Uri__checkZoneID(host, start, end) {
+      var index = B.JSString_methods.indexOf$2(host, "%", start);
+      return index >= start && index < end ? index : end;
+    },
+    _Uri__normalizeZoneID(host, start, end, prefix) {
+      var index, sectionStart, isNormalized, char, replacement, t1, t2, sourceLength, tail, slice,
+        buffer = prefix !== "" ? new A.StringBuffer(prefix) : null;
+      for (index = start, sectionStart = index, isNormalized = true; index < end;) {
+        char = host.charCodeAt(index);
+        if (char === 37) {
+          replacement = A._Uri__normalizeEscape(host, index, true);
+          t1 = replacement == null;
+          if (t1 && isNormalized) {
+            index += 3;
+            continue;
+          }
+          if (buffer == null)
+            buffer = new A.StringBuffer("");
+          t2 = buffer._contents += B.JSString_methods.substring$2(host, sectionStart, index);
+          if (t1)
+            replacement = B.JSString_methods.substring$2(host, index, index + 3);
+          else if (replacement === "%")
+            A._Uri__fail(host, index, "ZoneID should not contain % anymore");
+          buffer._contents = t2 + replacement;
+          index += 3;
+          sectionStart = index;
+          isNormalized = true;
+        } else if (char < 127 && (string$.x00_____.charCodeAt(char) & 1) !== 0) {
+          if (isNormalized && 65 <= char && 90 >= char) {
+            if (buffer == null)
+              buffer = new A.StringBuffer("");
+            if (sectionStart < index) {
+              buffer._contents += B.JSString_methods.substring$2(host, sectionStart, index);
+              sectionStart = index;
+            }
+            isNormalized = false;
+          }
+          ++index;
+        } else {
+          sourceLength = 1;
+          if ((char & 64512) === 55296 && index + 1 < end) {
+            tail = host.charCodeAt(index + 1);
+            if ((tail & 64512) === 56320) {
+              char = 65536 + ((char & 1023) << 10) + (tail & 1023);
+              sourceLength = 2;
+            }
+          }
+          slice = B.JSString_methods.substring$2(host, sectionStart, index);
+          if (buffer == null) {
+            buffer = new A.StringBuffer("");
+            t1 = buffer;
+          } else
+            t1 = buffer;
+          t1._contents += slice;
+          t2 = A._Uri__escapeChar(char);
+          t1._contents += t2;
+          index += sourceLength;
+          sectionStart = index;
+        }
+      }
+      if (buffer == null)
+        return B.JSString_methods.substring$2(host, start, end);
+      if (sectionStart < end) {
+        slice = B.JSString_methods.substring$2(host, sectionStart, end);
+        buffer._contents += slice;
+      }
+      t1 = buffer._contents;
+      return t1.charCodeAt(0) == 0 ? t1 : t1;
+    },
+    _Uri__normalizeRegName(host, start, end) {
+      var index, sectionStart, buffer, isNormalized, char, replacement, t1, slice, t2, sourceLength, tail,
+        _s128_ = string$.x00_____;
+      for (index = start, sectionStart = index, buffer = null, isNormalized = true; index < end;) {
+        char = host.charCodeAt(index);
+        if (char === 37) {
+          replacement = A._Uri__normalizeEscape(host, index, true);
+          t1 = replacement == null;
+          if (t1 && isNormalized) {
+            index += 3;
+            continue;
+          }
+          if (buffer == null)
+            buffer = new A.StringBuffer("");
+          slice = B.JSString_methods.substring$2(host, sectionStart, index);
+          if (!isNormalized)
+            slice = slice.toLowerCase();
+          t2 = buffer._contents += slice;
+          sourceLength = 3;
+          if (t1)
+            replacement = B.JSString_methods.substring$2(host, index, index + 3);
+          else if (replacement === "%") {
+            replacement = "%25";
+            sourceLength = 1;
+          }
+          buffer._contents = t2 + replacement;
+          index += sourceLength;
+          sectionStart = index;
+          isNormalized = true;
+        } else if (char < 127 && (_s128_.charCodeAt(char) & 32) !== 0) {
+          if (isNormalized && 65 <= char && 90 >= char) {
+            if (buffer == null)
+              buffer = new A.StringBuffer("");
+            if (sectionStart < index) {
+              buffer._contents += B.JSString_methods.substring$2(host, sectionStart, index);
+              sectionStart = index;
+            }
+            isNormalized = false;
+          }
+          ++index;
+        } else if (char <= 93 && (_s128_.charCodeAt(char) & 1024) !== 0)
+          A._Uri__fail(host, index, "Invalid character");
+        else {
+          sourceLength = 1;
+          if ((char & 64512) === 55296 && index + 1 < end) {
+            tail = host.charCodeAt(index + 1);
+            if ((tail & 64512) === 56320) {
+              char = 65536 + ((char & 1023) << 10) + (tail & 1023);
+              sourceLength = 2;
+            }
+          }
+          slice = B.JSString_methods.substring$2(host, sectionStart, index);
+          if (!isNormalized)
+            slice = slice.toLowerCase();
+          if (buffer == null) {
+            buffer = new A.StringBuffer("");
+            t1 = buffer;
+          } else
+            t1 = buffer;
+          t1._contents += slice;
+          t2 = A._Uri__escapeChar(char);
+          t1._contents += t2;
+          index += sourceLength;
+          sectionStart = index;
+        }
+      }
+      if (buffer == null)
+        return B.JSString_methods.substring$2(host, start, end);
+      if (sectionStart < end) {
+        slice = B.JSString_methods.substring$2(host, sectionStart, end);
+        if (!isNormalized)
+          slice = slice.toLowerCase();
+        buffer._contents += slice;
+      }
+      t1 = buffer._contents;
+      return t1.charCodeAt(0) == 0 ? t1 : t1;
+    },
+    _Uri__makeScheme(scheme, start, end) {
+      var i, containsUpperCase, codeUnit;
+      if (start === end)
+        return "";
+      if (!A._Uri__isAlphabeticCharacter(scheme.charCodeAt(start)))
+        A._Uri__fail(scheme, start, "Scheme not starting with alphabetic character");
+      for (i = start, containsUpperCase = false; i < end; ++i) {
+        codeUnit = scheme.charCodeAt(i);
+        if (!(codeUnit < 128 && (string$.x00_____.charCodeAt(codeUnit) & 8) !== 0))
+          A._Uri__fail(scheme, i, "Illegal scheme character");
+        if (65 <= codeUnit && codeUnit <= 90)
+          containsUpperCase = true;
+      }
+      scheme = B.JSString_methods.substring$2(scheme, start, end);
+      return A._Uri__canonicalizeScheme(containsUpperCase ? scheme.toLowerCase() : scheme);
+    },
+    _Uri__canonicalizeScheme(scheme) {
+      if (scheme === "http")
+        return "http";
+      if (scheme === "file")
+        return "file";
+      if (scheme === "https")
+        return "https";
+      if (scheme === "package")
+        return "package";
+      return scheme;
+    },
+    _Uri__makeUserInfo(userInfo, start, end) {
+      if (userInfo == null)
+        return "";
+      return A._Uri__normalizeOrSubstring(userInfo, start, end, 16, false, false);
+    },
+    _Uri__makePath(path, start, end, pathSegments, scheme, hasAuthority) {
+      var result,
+        isFile = scheme === "file",
+        ensureLeadingSlash = isFile || hasAuthority;
+      if (path == null) {
+        if (pathSegments == null)
+          return isFile ? "/" : "";
+        result = new A.MappedListIterable(pathSegments, new A._Uri__makePath_closure(), A._arrayInstanceType(pathSegments)._eval$1("MappedListIterable<1,String>")).join$1(0, "/");
+      } else if (pathSegments != null)
+        throw A.wrapException(A.ArgumentError$("Both path and pathSegments specified", null));
+      else
+        result = A._Uri__normalizeOrSubstring(path, start, end, 128, true, true);
+      if (result.length === 0) {
+        if (isFile)
+          return "/";
+      } else if (ensureLeadingSlash && !B.JSString_methods.startsWith$1(result, "/"))
+        result = "/" + result;
+      return A._Uri__normalizePath(result, scheme, hasAuthority);
+    },
+    _Uri__normalizePath(path, scheme, hasAuthority) {
+      var t1 = scheme.length === 0;
+      if (t1 && !hasAuthority && !B.JSString_methods.startsWith$1(path, "/") && !B.JSString_methods.startsWith$1(path, "\\"))
+        return A._Uri__normalizeRelativePath(path, !t1 || hasAuthority);
+      return A._Uri__removeDotSegments(path);
+    },
+    _Uri__makeQuery(query, start, end, queryParameters) {
+      if (query != null)
+        return A._Uri__normalizeOrSubstring(query, start, end, 256, true, false);
+      return null;
+    },
+    _Uri__makeFragment(fragment, start, end) {
+      if (fragment == null)
+        return null;
+      return A._Uri__normalizeOrSubstring(fragment, start, end, 256, true, false);
+    },
+    _Uri__normalizeEscape(source, index, lowerCase) {
+      var firstDigit, secondDigit, firstDigitValue, secondDigitValue, value,
+        t1 = index + 2;
+      if (t1 >= source.length)
+        return "%";
+      firstDigit = source.charCodeAt(index + 1);
+      secondDigit = source.charCodeAt(t1);
+      firstDigitValue = A.hexDigitValue(firstDigit);
+      secondDigitValue = A.hexDigitValue(secondDigit);
+      if (firstDigitValue < 0 || secondDigitValue < 0)
+        return "%";
+      value = firstDigitValue * 16 + secondDigitValue;
+      if (value < 127 && (string$.x00_____.charCodeAt(value) & 1) !== 0)
+        return A.Primitives_stringFromCharCode(lowerCase && 65 <= value && 90 >= value ? (value | 32) >>> 0 : value);
+      if (firstDigit >= 97 || secondDigit >= 97)
+        return B.JSString_methods.substring$2(source, index, index + 3).toUpperCase();
+      return null;
+    },
+    _Uri__escapeChar(char) {
+      var codeUnits, flag, encodedBytes, index, byte,
+        _s16_ = "0123456789ABCDEF";
+      if (char <= 127) {
+        codeUnits = new Uint8Array(3);
+        codeUnits[0] = 37;
+        codeUnits[1] = _s16_.charCodeAt(char >>> 4);
+        codeUnits[2] = _s16_.charCodeAt(char & 15);
+      } else {
+        if (char > 2047)
+          if (char > 65535) {
+            flag = 240;
+            encodedBytes = 4;
+          } else {
+            flag = 224;
+            encodedBytes = 3;
+          }
+        else {
+          flag = 192;
+          encodedBytes = 2;
+        }
+        codeUnits = new Uint8Array(3 * encodedBytes);
+        for (index = 0; --encodedBytes, encodedBytes >= 0; flag = 128) {
+          byte = B.JSInt_methods._shrReceiverPositive$1(char, 6 * encodedBytes) & 63 | flag;
+          codeUnits[index] = 37;
+          codeUnits[index + 1] = _s16_.charCodeAt(byte >>> 4);
+          codeUnits[index + 2] = _s16_.charCodeAt(byte & 15);
+          index += 3;
+        }
+      }
+      return A.String_String$fromCharCodes(codeUnits, 0, null);
+    },
+    _Uri__normalizeOrSubstring(component, start, end, charMask, escapeDelimiters, replaceBackslash) {
+      var t1 = A._Uri__normalize(component, start, end, charMask, escapeDelimiters, replaceBackslash);
+      return t1 == null ? B.JSString_methods.substring$2(component, start, end) : t1;
+    },
+    _Uri__normalize(component, start, end, charMask, escapeDelimiters, replaceBackslash) {
+      var t1, index, sectionStart, buffer, char, sourceLength, replacement, t2, tail, _null = null,
+        _s128_ = string$.x00_____;
+      for (t1 = !escapeDelimiters, index = start, sectionStart = index, buffer = _null; index < end;) {
+        char = component.charCodeAt(index);
+        if (char < 127 && (_s128_.charCodeAt(char) & charMask) !== 0)
+          ++index;
+        else {
+          sourceLength = 1;
+          if (char === 37) {
+            replacement = A._Uri__normalizeEscape(component, index, false);
+            if (replacement == null) {
+              index += 3;
+              continue;
+            }
+            if ("%" === replacement)
+              replacement = "%25";
+            else
+              sourceLength = 3;
+          } else if (char === 92 && replaceBackslash)
+            replacement = "/";
+          else if (t1 && char <= 93 && (_s128_.charCodeAt(char) & 1024) !== 0) {
+            A._Uri__fail(component, index, "Invalid character");
+            sourceLength = _null;
+            replacement = sourceLength;
+          } else {
+            if ((char & 64512) === 55296) {
+              t2 = index + 1;
+              if (t2 < end) {
+                tail = component.charCodeAt(t2);
+                if ((tail & 64512) === 56320) {
+                  char = 65536 + ((char & 1023) << 10) + (tail & 1023);
+                  sourceLength = 2;
+                }
+              }
+            }
+            replacement = A._Uri__escapeChar(char);
+          }
+          if (buffer == null) {
+            buffer = new A.StringBuffer("");
+            t2 = buffer;
+          } else
+            t2 = buffer;
+          t2._contents = (t2._contents += B.JSString_methods.substring$2(component, sectionStart, index)) + replacement;
+          index += sourceLength;
+          sectionStart = index;
+        }
+      }
+      if (buffer == null)
+        return _null;
+      if (sectionStart < end) {
+        t1 = B.JSString_methods.substring$2(component, sectionStart, end);
+        buffer._contents += t1;
+      }
+      t1 = buffer._contents;
+      return t1.charCodeAt(0) == 0 ? t1 : t1;
+    },
+    _Uri__mayContainDotSegments(path) {
+      if (B.JSString_methods.startsWith$1(path, "."))
+        return true;
+      return B.JSString_methods.indexOf$1(path, "/.") !== -1;
+    },
+    _Uri__removeDotSegments(path) {
+      var output, t1, t2, appendSlash, _i, segment;
+      if (!A._Uri__mayContainDotSegments(path))
+        return path;
+      output = A._setArrayType([], type$.JSArray_String);
+      for (t1 = path.split("/"), t2 = t1.length, appendSlash = false, _i = 0; _i < t2; ++_i) {
+        segment = t1[_i];
+        if (segment === "..") {
+          if (output.length !== 0) {
+            output.pop();
+            if (output.length === 0)
+              output.push("");
+          }
+          appendSlash = true;
+        } else {
+          appendSlash = "." === segment;
+          if (!appendSlash)
+            output.push(segment);
+        }
+      }
+      if (appendSlash)
+        output.push("");
+      return B.JSArray_methods.join$1(output, "/");
+    },
+    _Uri__normalizeRelativePath(path, allowScheme) {
+      var output, t1, t2, appendSlash, _i, segment;
+      if (!A._Uri__mayContainDotSegments(path))
+        return !allowScheme ? A._Uri__escapeScheme(path) : path;
+      output = A._setArrayType([], type$.JSArray_String);
+      for (t1 = path.split("/"), t2 = t1.length, appendSlash = false, _i = 0; _i < t2; ++_i) {
+        segment = t1[_i];
+        if (".." === segment) {
+          appendSlash = output.length !== 0 && B.JSArray_methods.get$last(output) !== "..";
+          if (appendSlash)
+            output.pop();
+          else
+            output.push("..");
+        } else {
+          appendSlash = "." === segment;
+          if (!appendSlash)
+            output.push(segment);
+        }
+      }
+      t1 = output.length;
+      if (t1 !== 0)
+        t1 = t1 === 1 && output[0].length === 0;
+      else
+        t1 = true;
+      if (t1)
+        return "./";
+      if (appendSlash || B.JSArray_methods.get$last(output) === "..")
+        output.push("");
+      if (!allowScheme)
+        output[0] = A._Uri__escapeScheme(output[0]);
+      return B.JSArray_methods.join$1(output, "/");
+    },
+    _Uri__escapeScheme(path) {
+      var i, char,
+        t1 = path.length;
+      if (t1 >= 2 && A._Uri__isAlphabeticCharacter(path.charCodeAt(0)))
+        for (i = 1; i < t1; ++i) {
+          char = path.charCodeAt(i);
+          if (char === 58)
+            return B.JSString_methods.substring$2(path, 0, i) + "%3A" + B.JSString_methods.substring$1(path, i + 1);
+          if (char > 127 || (string$.x00_____.charCodeAt(char) & 8) === 0)
+            break;
+        }
+      return path;
+    },
+    _Uri__packageNameEnd(uri, path) {
+      if (uri.isScheme$1("package") && uri._host == null)
+        return A._skipPackageNameChars(path, 0, path.length);
+      return -1;
+    },
+    _Uri__toWindowsFilePath(uri) {
+      var t2, hasDriveLetter, host,
+        segments = uri.get$pathSegments(),
+        t1 = segments.length;
+      if (t1 > 0) {
+        t2 = segments[0];
+        hasDriveLetter = t2.length === 2 && t2.charCodeAt(1) === 58;
+      } else
+        hasDriveLetter = false;
+      if (hasDriveLetter) {
+        A._Uri__checkWindowsDriveLetter(segments[0].charCodeAt(0), false);
+        A._Uri__checkWindowsPathReservedCharacters(segments, false, 1);
+      } else
+        A._Uri__checkWindowsPathReservedCharacters(segments, false, 0);
+      t2 = uri.get$hasAbsolutePath() && !hasDriveLetter ? "\\" : "";
+      if (uri.get$hasAuthority()) {
+        host = uri.get$host();
+        if (host.length !== 0)
+          t2 = t2 + "\\" + host + "\\";
+      }
+      t2 = A.StringBuffer__writeAll(t2, segments, "\\");
+      t1 = hasDriveLetter && t1 === 1 ? t2 + "\\" : t2;
+      return t1.charCodeAt(0) == 0 ? t1 : t1;
+    },
+    _Uri__hexCharPairToByte(s, pos) {
+      var byte, i, charCode;
+      for (byte = 0, i = 0; i < 2; ++i) {
+        charCode = s.charCodeAt(pos + i);
+        if (48 <= charCode && charCode <= 57)
+          byte = byte * 16 + charCode - 48;
+        else {
+          charCode |= 32;
+          if (97 <= charCode && charCode <= 102)
+            byte = byte * 16 + charCode - 87;
+          else
+            throw A.wrapException(A.ArgumentError$("Invalid URL encoding", null));
+        }
+      }
+      return byte;
+    },
+    _Uri__uriDecode(text, start, end, encoding, plusToSpace) {
+      var simple, codeUnit, t1, bytes,
+        i = start;
+      while (true) {
+        if (!(i < end)) {
+          simple = true;
+          break;
+        }
+        codeUnit = text.charCodeAt(i);
+        if (codeUnit <= 127)
+          t1 = codeUnit === 37;
+        else
+          t1 = true;
+        if (t1) {
+          simple = false;
+          break;
+        }
+        ++i;
+      }
+      if (simple)
+        if (B.C_Utf8Codec === encoding)
+          return B.JSString_methods.substring$2(text, start, end);
+        else
+          bytes = new A.CodeUnits(B.JSString_methods.substring$2(text, start, end));
+      else {
+        bytes = A._setArrayType([], type$.JSArray_int);
+        for (t1 = text.length, i = start; i < end; ++i) {
+          codeUnit = text.charCodeAt(i);
+          if (codeUnit > 127)
+            throw A.wrapException(A.ArgumentError$("Illegal percent encoding in URI", null));
+          if (codeUnit === 37) {
+            if (i + 3 > t1)
+              throw A.wrapException(A.ArgumentError$("Truncated URI", null));
+            bytes.push(A._Uri__hexCharPairToByte(text, i + 1));
+            i += 2;
+          } else
+            bytes.push(codeUnit);
+        }
+      }
+      return B.Utf8Decoder_false.convert$1(bytes);
+    },
+    _Uri__isAlphabeticCharacter(codeUnit) {
+      var lowerCase = codeUnit | 32;
+      return 97 <= lowerCase && lowerCase <= 122;
+    },
+    UriData__writeUri(mimeType, charsetName, parameters, buffer, indices) {
+      var t1, slashIndex;
+      if (mimeType != null)
+        t1 = 10 === mimeType.length && A._caseInsensitiveCompareStart("text/plain", mimeType, 0) >= 0;
+      else
+        t1 = true;
+      if (t1)
+        mimeType = "";
+      if (mimeType.length === 0 || mimeType === "application/octet-stream")
+        t1 = buffer._contents += mimeType;
+      else {
+        slashIndex = A.UriData__validateMimeType(mimeType);
+        if (slashIndex < 0)
+          throw A.wrapException(A.ArgumentError$value(mimeType, "mimeType", "Invalid MIME type"));
+        t1 = A._Uri__uriEncode(512, B.JSString_methods.substring$2(mimeType, 0, slashIndex), B.C_Utf8Codec, false);
+        buffer._contents = (buffer._contents += t1) + "/";
+        t1 = A._Uri__uriEncode(512, B.JSString_methods.substring$1(mimeType, slashIndex + 1), B.C_Utf8Codec, false);
+        t1 = buffer._contents += t1;
+      }
+      if (charsetName != null) {
+        indices.push(t1.length);
+        indices.push(buffer._contents.length + 8);
+        buffer._contents += ";charset=";
+        t1 = A._Uri__uriEncode(512, charsetName, B.C_Utf8Codec, false);
+        buffer._contents += t1;
+      }
+    },
+    UriData__validateMimeType(mimeType) {
+      var t1, slashIndex, i;
+      for (t1 = mimeType.length, slashIndex = -1, i = 0; i < t1; ++i) {
+        if (mimeType.charCodeAt(i) !== 47)
+          continue;
+        if (slashIndex < 0) {
+          slashIndex = i;
+          continue;
+        }
+        return -1;
+      }
+      return slashIndex;
+    },
+    UriData__parse(text, start, sourceUri) {
+      var t1, i, slashIndex, char, equalsIndex, lastSeparator, t2, data,
+        _s17_ = "Invalid MIME type",
+        indices = A._setArrayType([start - 1], type$.JSArray_int);
+      for (t1 = text.length, i = start, slashIndex = -1, char = null; i < t1; ++i) {
+        char = text.charCodeAt(i);
+        if (char === 44 || char === 59)
+          break;
+        if (char === 47) {
+          if (slashIndex < 0) {
+            slashIndex = i;
+            continue;
+          }
+          throw A.wrapException(A.FormatException$(_s17_, text, i));
+        }
+      }
+      if (slashIndex < 0 && i > start)
+        throw A.wrapException(A.FormatException$(_s17_, text, i));
+      for (; char !== 44;) {
+        indices.push(i);
+        ++i;
+        for (equalsIndex = -1; i < t1; ++i) {
+          char = text.charCodeAt(i);
+          if (char === 61) {
+            if (equalsIndex < 0)
+              equalsIndex = i;
+          } else if (char === 59 || char === 44)
+            break;
+        }
+        if (equalsIndex >= 0)
+          indices.push(equalsIndex);
+        else {
+          lastSeparator = B.JSArray_methods.get$last(indices);
+          if (char !== 44 || i !== lastSeparator + 7 || !B.JSString_methods.startsWith$2(text, "base64", lastSeparator + 1))
+            throw A.wrapException(A.FormatException$("Expecting '='", text, i));
+          break;
+        }
+      }
+      indices.push(i);
+      t2 = i + 1;
+      if ((indices.length & 1) === 1)
+        text = B.C_Base64Codec.normalize$3(text, t2, t1);
+      else {
+        data = A._Uri__normalize(text, t2, t1, 256, true, false);
+        if (data != null)
+          text = B.JSString_methods.replaceRange$3(text, t2, t1, data);
+      }
+      return new A.UriData(text, indices, sourceUri);
+    },
+    UriData__uriEncodeBytes(canonicalMask, bytes, buffer) {
+      var t1, byteOr, i, byte, t2,
+        _s16_ = "0123456789ABCDEF";
+      for (t1 = bytes.length, byteOr = 0, i = 0; i < t1; ++i) {
+        byte = bytes[i];
+        byteOr |= byte;
+        if (byte < 128 && (string$.x00_____.charCodeAt(byte) & canonicalMask) !== 0) {
+          t2 = A.Primitives_stringFromCharCode(byte);
+          buffer._contents += t2;
+        } else {
+          t2 = A.Primitives_stringFromCharCode(37);
+          buffer._contents += t2;
+          t2 = A.Primitives_stringFromCharCode(_s16_.charCodeAt(byte >>> 4));
+          buffer._contents += t2;
+          t2 = A.Primitives_stringFromCharCode(_s16_.charCodeAt(byte & 15));
+          buffer._contents += t2;
+        }
+      }
+      if ((byteOr & 4294967040) !== 0)
+        for (i = 0; i < t1; ++i) {
+          byte = bytes[i];
+          if (byte > 255)
+            throw A.wrapException(A.ArgumentError$value(byte, "non-byte value", null));
+        }
+    },
+    _scan(uri, start, end, state, indices) {
+      var i, char, transition;
+      for (i = start; i < end; ++i) {
+        char = uri.charCodeAt(i) ^ 96;
+        if (char > 95)
+          char = 31;
+        transition = '\xe1\x01\x01\x01\x01\x01\x01\x01\x01\x01\x01\x01\x01\x01\x01\x01\x01\x01\x01\x01\x01\x01\x01\x01\x01\x01\x01\xe1\xe1\xe1\x01\xe1\xe1\x01\x01\x01\x01\x01\x01\x01\x01\x01\x01\x01\x01\x01\x01\x01\x01\x01\x01\x01\x01\x01\x01\x01\x01\x01\x01\xe1\xe3\xe1\xe1\x01\xe1\x01\xe1\xcd\x01\xe1\x01\x01\x01\x01\x01\x01\x01\x01\x0e\x03\x01\x01\x01\x01\x01\x01\x01\x01\x01\x01"\x01\xe1\x01\xe1\xac\xe1\x01\x01\x01\x01\x01\x01\x01\x01\x01\x01\x01\x01\x01\x01\x01\x01\x01\x01\x01\x01\x01\x01\x01\x01\x01\x01\xe1\xe1\xe1\x01\xe1\xe1\x01\x01\x01\x01\x01\x01\x01\x01\x01\x01\x01\x01\x01\x01\x01\x01\x01\x01\x01\x01\x01\x01\x01\x01\x01\x01\xe1\xea\xe1\xe1\x01\xe1\x01\xe1\xcd\x01\xe1\x01\x01\x01\x01\x01\x01\x01\x01\x01\n\x01\x01\x01\x01\x01\x01\x01\x01\x01\x01"\x01\xe1\x01\xe1\xac\xeb\x8b\x8b\x8b\x8b\x8b\x8b\x8b\x8b\x8b\x8b\x8b\x8b\x8b\x8b\x8b\x8b\x8b\x8b\x8b\x8b\x8b\x8b\x8b\x8b\x8b\x8b\xeb\xeb\xeb\x8b\xeb\xeb\x8b\x8b\x8b\x8b\x8b\x8b\x8b\x8b\x8b\x8b\x8b\x8b\x8b\x8b\x8b\x8b\x8b\x8b\x8b\x8b\x8b\x8b\x8b\x8b\x8b\x8b\xeb\x83\xeb\xeb\x8b\xeb\x8b\xeb\xcd\x8b\xeb\x8b\x8b\x8b\x8b\x8b\x8b\x8b\x8b\x92\x83\x8b\x8b\x8b\x8b\x8b\x8b\x8b\x8b\x8b\x8b\xeb\x8b\xeb\x8b\xeb\xac\xeb\v\v\v\v\v\v\v\v\v\v\v\v\v\v\v\v\v\v\v\v\v\v\v\v\v\v\xeb\xeb\xeb\v\xeb\xeb\v\v\v\v\v\v\v\v\v\v\v\v\v\v\v\v\v\v\v\v\v\v\v\v\v\v\xebD\xeb\xeb\v\xeb\v\xeb\xcd\v\xeb\v\v\v\v\v\v\v\v\x12D\v\v\v\v\v\v\v\v\v\v\xeb\v\xeb\v\xeb\xac\xe5\x05\x05\x05\x05\x05\x05\x05\x05\x05\x05\x05\x05\x05\x05\x05\x05\x05\x05\x05\x05\x05\x05\x05\x05\x05\x05\xe5\xe5\xe5\x05\xe5D\xe5\xe5\xe5\xe5\xe5\xe5\xe5\xe5\xe5\xe5\xe5\xe5\xe5\xe5\xe5\xe5\xe5\xe5\xe5\xe5\xe5\xe5\xe5\xe5\xe5\xe5\xe8\x8a\xe5\xe5\x05\xe5\x05\xe5\xcd\x05\xe5\x05\x05\x05\x05\x05\x05\x05\x05\x05\x8a\x05\x05\x05\x05\x05\x05\x05\x05\x05\x05f\x05\xe5\x05\xe5\xac\xe5\x05\x05\x05\x05\x05\x05\x05\x05\x05\x05\x05\x05\x05\x05\x05\x05\x05\x05\x05\x05\x05\x05\x05\x05\x05\x05\xe5\xe5\xe5\x05\xe5D\xe5\xe5\xe5\xe5\xe5\xe5\xe5\xe5\xe5\xe5\xe5\xe5\xe5\xe5\xe5\xe5\xe5\xe5\xe5\xe5\xe5\xe5\xe5\xe5\xe5\xe5\xe5\x8a\xe5\xe5\x05\xe5\x05\xe5\xcd\x05\xe5\x05\x05\x05\x05\x05\x05\x05\x05\x05\x8a\x05\x05\x05\x05\x05\x05\x05\x05\x05\x05f\x05\xe5\x05\xe5\xac\xe7\xe7\xe7\xe7\xe7\xe7\xe7\xe7\xe7\xe7\xe7\xe7\xe7\xe7\xe7\xe7\xe7\xe7\xe7\xe7\xe7\xe7\xe7\xe7\xe7\xe7\xe7\xe7\xe7\xe7\xe7\xe7D\xe7\xe7\xe7\xe7\xe7\xe7\xe7\xe7\xe7\xe7\xe7\xe7\xe7\xe7\xe7\xe7\xe7\xe7\xe7\xe7\xe7\xe7\xe7\xe7\xe7\xe7\xe7\x8a\xe7\xe7\xe7\xe7\xe7\xe7\xcd\xe7\xe7\xe7\xe7\xe7\xe7\xe7\xe7\xe7\xe7\xe7\x8a\xe7\x07\x07\x07\x07\x07\x07\x07\x07\x07\xe7\xe7\xe7\xe7\xe7\xac\xe7\xe7\xe7\xe7\xe7\xe7\xe7\xe7\xe7\xe7\xe7\xe7\xe7\xe7\xe7\xe7\xe7\xe7\xe7\xe7\xe7\xe7\xe7\xe7\xe7\xe7\xe7\xe7\xe7\xe7\xe7\xe7D\xe7\xe7\xe7\xe7\xe7\xe7\xe7\xe7\xe7\xe7\xe7\xe7\xe7\xe7\xe7\xe7\xe7\xe7\xe7\xe7\xe7\xe7\xe7\xe7\xe7\xe7\xe7\x8a\xe7\xe7\xe7\xe7\xe7\xe7\xcd\xe7\xe7\xe7\xe7\xe7\xe7\xe7\xe7\xe7\xe7\xe7\x8a\x07\x07\x07\x07\x07\x07\x07\x07\x07\x07\xe7\xe7\xe7\xe7\xe7\xac\b\b\b\b\b\b\b\b\b\b\b\b\b\b\b\b\b\b\b\b\b\b\b\b\b\b\b\b\b\b\b\b\b\b\b\b\b\b\b\b\b\b\b\b\b\b\b\b\b\b\b\b\b\b\b\b\b\b\b\b\b\x05\b\b\b\b\b\b\b\b\b\b\b\b\b\b\b\b\b\b\b\b\b\b\b\b\b\b\b\b\b\b\b\b\b\b\xeb\v\v\v\v\v\v\v\v\v\v\v\v\v\v\v\v\v\v\v\v\v\v\v\v\v\v\xeb\xeb\xeb\v\xeb\xeb\v\v\v\v\v\v\v\v\v\v\v\v\v\v\v\v\v\v\v\v\v\v\v\v\v\v\xeb\xea\xeb\xeb\v\xeb\v\xeb\xcd\v\xeb\v\v\v\v\v\v\v\v\x10\xea\v\v\v\v\v\v\v\v\v\v\xeb\v\xeb\v\xeb\xac\xeb\v\v\v\v\v\v\v\v\v\v\v\v\v\v\v\v\v\v\v\v\v\v\v\v\v\v\xeb\xeb\xeb\v\xeb\xeb\v\v\v\v\v\v\v\v\v\v\v\v\v\v\v\v\v\v\v\v\v\v\v\v\v\v\xeb\xea\xeb\xeb\v\xeb\v\xeb\xcd\v\xeb\v\v\v\v\v\v\v\v\x12\n\v\v\v\v\v\v\v\v\v\v\xeb\v\xeb\v\xeb\xac\xeb\v\v\v\v\v\v\v\v\v\v\v\v\v\v\v\v\v\v\v\v\v\v\v\v\v\v\xeb\xeb\xeb\v\xeb\xeb\v\v\v\v\v\v\v\v\v\v\v\v\v\v\v\v\v\v\v\v\v\v\v\v\v\v\xeb\xea\xeb\xeb\v\xeb\v\xeb\xcd\v\xeb\v\v\v\v\v\v\v\v\v\n\v\v\v\v\v\v\v\v\v\v\xeb\v\xeb\v\xeb\xac\xec\f\f\f\f\f\f\f\f\f\f\f\f\f\f\f\f\f\f\f\f\f\f\f\f\f\f\xec\xec\xec\f\xec\xec\f\f\f\f\f\f\f\f\f\f\f\f\f\f\f\f\f\f\f\f\f\f\f\f\f\f\xec\xec\xec\xec\f\xec\f\xec\xcd\f\xec\f\f\f\f\f\f\f\f\f\xec\f\f\f\f\f\f\f\f\f\f\xec\f\xec\f\xec\f\xed\r\r\r\r\r\r\r\r\r\r\r\r\r\r\r\r\r\r\r\r\r\r\r\r\r\r\xed\xed\xed\r\xed\xed\r\r\r\r\r\r\r\r\r\r\r\r\r\r\r\r\r\r\r\r\r\r\r\r\r\r\xed\xed\xed\xed\r\xed\r\xed\xed\r\xed\r\r\r\r\r\r\r\r\r\xed\r\r\r\r\r\r\r\r\r\r\xed\r\xed\r\xed\r\xe1\x01\x01\x01\x01\x01\x01\x01\x01\x01\x01\x01\x01\x01\x01\x01\x01\x01\x01\x01\x01\x01\x01\x01\x01\x01\x01\xe1\xe1\xe1\x01\xe1\xe1\x01\x01\x01\x01\x01\x01\x01\x01\x01\x01\x01\x01\x01\x01\x01\x01\x01\x01\x01\x01\x01\x01\x01\x01\x01\x01\xe1\xea\xe1\xe1\x01\xe1\x01\xe1\xcd\x01\xe1\x01\x01\x01\x01\x01\x01\x01\x01\x0f\xea\x01\x01\x01\x01\x01\x01\x01\x01\x01\x01"\x01\xe1\x01\xe1\xac\xe1\x01\x01\x01\x01\x01\x01\x01\x01\x01\x01\x01\x01\x01\x01\x01\x01\x01\x01\x01\x01\x01\x01\x01\x01\x01\x01\xe1\xe1\xe1\x01\xe1\xe1\x01\x01\x01\x01\x01\x01\x01\x01\x01\x01\x01\x01\x01\x01\x01\x01\x01\x01\x01\x01\x01\x01\x01\x01\x01\x01\xe1\xe9\xe1\xe1\x01\xe1\x01\xe1\xcd\x01\xe1\x01\x01\x01\x01\x01\x01\x01\x01\x01\t\x01\x01\x01\x01\x01\x01\x01\x01\x01\x01"\x01\xe1\x01\xe1\xac\xeb\v\v\v\v\v\v\v\v\v\v\v\v\v\v\v\v\v\v\v\v\v\v\v\v\v\v\xeb\xeb\xeb\v\xeb\xeb\v\v\v\v\v\v\v\v\v\v\v\v\v\v\v\v\v\v\v\v\v\v\v\v\v\v\xeb\xea\xeb\xeb\v\xeb\v\xeb\xcd\v\xeb\v\v\v\v\v\v\v\v\x11\xea\v\v\v\v\v\v\v\v\v\v\xeb\v\xeb\v\xeb\xac\xeb\v\v\v\v\v\v\v\v\v\v\v\v\v\v\v\v\v\v\v\v\v\v\v\v\v\v\xeb\xeb\xeb\v\xeb\xeb\v\v\v\v\v\v\v\v\v\v\v\v\v\v\v\v\v\v\v\v\v\v\v\v\v\v\xeb\xe9\xeb\xeb\v\xeb\v\xeb\xcd\v\xeb\v\v\v\v\v\v\v\v\v\t\v\v\v\v\v\v\v\v\v\v\xeb\v\xeb\v\xeb\xac\xeb\v\v\v\v\v\v\v\v\v\v\v\v\v\v\v\v\v\v\v\v\v\v\v\v\v\v\xeb\xeb\xeb\v\xeb\xeb\v\v\v\v\v\v\v\v\v\v\v\v\v\v\v\v\v\v\v\v\v\v\v\v\v\v\xeb\xea\xeb\xeb\v\xeb\v\xeb\xcd\v\xeb\v\v\v\v\v\v\v\v\x13\xea\v\v\v\v\v\v\v\v\v\v\xeb\v\xeb\v\xeb\xac\xeb\v\v\v\v\v\v\v\v\v\v\v\v\v\v\v\v\v\v\v\v\v\v\v\v\v\v\xeb\xeb\xeb\v\xeb\xeb\v\v\v\v\v\v\v\v\v\v\v\v\v\v\v\v\v\v\v\v\v\v\v\v\v\v\xeb\xea\xeb\xeb\v\xeb\v\xeb\xcd\v\xeb\v\v\v\v\v\v\v\v\v\xea\v\v\v\v\v\v\v\v\v\v\xeb\v\xeb\v\xeb\xac\xf5\x15\x15\x15\x15\x15\x15\x15\x15\x15\x15\x15\x15\x15\x15\x15\x15\x15\x15\x15\x15\x15\x15\x15\x15\x15\x15\xf5\xf5\xf5\xf5\xf5\xf5\xf5\xf5\xf5\xf5\xf5\xf5\xf5\xf5\xf5\xf5\xf5\xf5\xf5\xf5\xf5\xf5\xf5\xf5\xf5\xf5\xf5\xf5\xf5\xf5\xf5\xf5\xf5\xf5\xf5\xf5\xf5\xf5\xf5\xf5\xf5\xf5\xf5\xf5\xf5\xf5\xf5\xf5\xf5\xf5\xf5\xf5\xf5\xf5\xf5\xf5\xf5\xf5\xf5\xf5\xf5\xf5\xf5\xf5\xf5\xf5\xf5\xf5\xf5\xf5\x15\x15\x15\x15\x15\x15\x15\x15\x15\x15\x15\x15\x15\x15\x15\x15\x15\x15\x15\x15\x15\x15\x15\x15\x15\x15\xf5\xf5\xf5\xf5\xf5\xf5\xf5\xf5\xf5\xf5\xf5\xf5\xf5\xf5\xf5\xf5\xf5\xf5\xf5\xf5\xf5\xf5\xf5\xf5\xf5\xf5\xf5\xf5\xf5\xf5\xf5\xf5\xf5\xf5\xf5\xf5\xf5\xf5\xf5\xf5\xf5\xf5\xf5\xf5\xf5\xf5\xf5\xf5\x15\xf5\x15\x15\xf5\x15\x15\x15\x15\x15\x15\x15\x15\x15\x15\xf5\xf5\xf5\xf5\xf5\xf5'.charCodeAt(state * 96 + char);
+        state = transition & 31;
+        indices[transition >>> 5] = i;
+      }
+      return state;
+    },
+    _SimpleUri__packageNameEnd(uri) {
+      if (uri._schemeEnd === 7 && B.JSString_methods.startsWith$1(uri._uri, "package") && uri._hostStart <= 0)
+        return A._skipPackageNameChars(uri._uri, uri._pathStart, uri._queryStart);
+      return -1;
+    },
+    _skipPackageNameChars(source, start, end) {
+      var i, dots, char;
+      for (i = start, dots = 0; i < end; ++i) {
+        char = source.charCodeAt(i);
+        if (char === 47)
+          return dots !== 0 ? i : -1;
+        if (char === 37 || char === 58)
+          return -1;
+        dots |= char ^ 46;
+      }
+      return -1;
+    },
+    _caseInsensitiveCompareStart(prefix, string, start) {
+      var t1, result, i, stringChar, delta, lowerChar;
+      for (t1 = prefix.length, result = 0, i = 0; i < t1; ++i) {
+        stringChar = string.charCodeAt(start + i);
+        delta = prefix.charCodeAt(i) ^ stringChar;
+        if (delta !== 0) {
+          if (delta === 32) {
+            lowerChar = stringChar | delta;
+            if (97 <= lowerChar && lowerChar <= 122) {
+              result = 32;
+              continue;
+            }
+          }
+          return -1;
+        }
+      }
+      return result;
+    },
+    NoSuchMethodError_toString_closure: function NoSuchMethodError_toString_closure(t0, t1) {
+      this._box_0 = t0;
+      this.sb = t1;
+    },
+    DateTime: function DateTime(t0, t1, t2) {
+      this._value = t0;
+      this._microsecond = t1;
+      this.isUtc = t2;
+    },
+    Duration: function Duration(t0) {
+      this._duration = t0;
+    },
+    _Enum: function _Enum() {
+    },
+    Error: function Error() {
+    },
+    AssertionError: function AssertionError(t0) {
+      this.message = t0;
+    },
+    TypeError: function TypeError() {
+    },
+    ArgumentError: function ArgumentError(t0, t1, t2, t3) {
+      var _ = this;
+      _._hasValue = t0;
+      _.invalidValue = t1;
+      _.name = t2;
+      _.message = t3;
+    },
+    RangeError: function RangeError(t0, t1, t2, t3, t4, t5) {
+      var _ = this;
+      _.start = t0;
+      _.end = t1;
+      _._hasValue = t2;
+      _.invalidValue = t3;
+      _.name = t4;
+      _.message = t5;
+    },
+    IndexError: function IndexError(t0, t1, t2, t3, t4) {
+      var _ = this;
+      _.length = t0;
+      _._hasValue = t1;
+      _.invalidValue = t2;
+      _.name = t3;
+      _.message = t4;
+    },
+    NoSuchMethodError: function NoSuchMethodError(t0, t1, t2, t3) {
+      var _ = this;
+      _._core$_receiver = t0;
+      _._memberName = t1;
+      _._core$_arguments = t2;
+      _._namedArguments = t3;
+    },
+    UnsupportedError: function UnsupportedError(t0) {
+      this.message = t0;
+    },
+    UnimplementedError: function UnimplementedError(t0) {
+      this.message = t0;
+    },
+    StateError: function StateError(t0) {
+      this.message = t0;
+    },
+    ConcurrentModificationError: function ConcurrentModificationError(t0) {
+      this.modifiedObject = t0;
+    },
+    OutOfMemoryError: function OutOfMemoryError() {
+    },
+    StackOverflowError: function StackOverflowError() {
+    },
+    _Exception: function _Exception(t0) {
+      this.message = t0;
+    },
+    FormatException: function FormatException(t0, t1, t2) {
+      this.message = t0;
+      this.source = t1;
+      this.offset = t2;
+    },
+    Iterable: function Iterable() {
+    },
+    _GeneratorIterable: function _GeneratorIterable(t0, t1, t2) {
+      this.length = t0;
+      this._generator = t1;
+      this.$ti = t2;
+    },
+    MapEntry: function MapEntry(t0, t1, t2) {
+      this.key = t0;
+      this.value = t1;
+      this.$ti = t2;
+    },
+    Null: function Null() {
+    },
+    Object: function Object() {
+    },
+    _StringStackTrace: function _StringStackTrace(t0) {
+      this._stackTrace = t0;
+    },
+    Runes: function Runes(t0) {
+      this.string = t0;
+    },
+    RuneIterator: function RuneIterator(t0) {
+      var _ = this;
+      _.string = t0;
+      _._nextPosition = _._position = 0;
+      _._currentCodePoint = -1;
+    },
+    StringBuffer: function StringBuffer(t0) {
+      this._contents = t0;
+    },
+    Uri__parseIPv4Address_error: function Uri__parseIPv4Address_error(t0) {
+      this.host = t0;
+    },
+    Uri_parseIPv6Address_error: function Uri_parseIPv6Address_error(t0) {
+      this.host = t0;
+    },
+    Uri_parseIPv6Address_parseHex: function Uri_parseIPv6Address_parseHex(t0, t1) {
+      this.error = t0;
+      this.host = t1;
+    },
+    _Uri: function _Uri(t0, t1, t2, t3, t4, t5, t6) {
+      var _ = this;
+      _.scheme = t0;
+      _._userInfo = t1;
+      _._host = t2;
+      _._port = t3;
+      _.path = t4;
+      _._query = t5;
+      _._fragment = t6;
+      _.___Uri_hashCode_FI = _.___Uri_pathSegments_FI = _.___Uri__text_FI = $;
+    },
+    _Uri__makePath_closure: function _Uri__makePath_closure() {
+    },
+    UriData: function UriData(t0, t1, t2) {
+      this._text = t0;
+      this._separatorIndices = t1;
+      this._uriCache = t2;
+    },
+    _SimpleUri: function _SimpleUri(t0, t1, t2, t3, t4, t5, t6, t7) {
+      var _ = this;
+      _._uri = t0;
+      _._schemeEnd = t1;
+      _._hostStart = t2;
+      _._portStart = t3;
+      _._pathStart = t4;
+      _._queryStart = t5;
+      _._fragmentStart = t6;
+      _._schemeCache = t7;
+      _._hashCodeCache = null;
+    },
+    _DataUri: function _DataUri(t0, t1, t2, t3, t4, t5, t6) {
+      var _ = this;
+      _.scheme = t0;
+      _._userInfo = t1;
+      _._host = t2;
+      _._port = t3;
+      _.path = t4;
+      _._query = t5;
+      _._fragment = t6;
+      _.___Uri_hashCode_FI = _.___Uri_pathSegments_FI = _.___Uri__text_FI = $;
+    },
+    Expando: function Expando(t0) {
+      this._jsWeakMap = t0;
+    },
+    _convertDartFunctionFast(f) {
+      var ret,
+        existing = f.$dart_jsFunction;
+      if (existing != null)
+        return existing;
+      ret = function(_call, f) {
+        return function() {
+          return _call(f, Array.prototype.slice.apply(arguments));
+        };
+      }(A._callDartFunctionFast, f);
+      ret[$.$get$DART_CLOSURE_PROPERTY_NAME()] = f;
+      f.$dart_jsFunction = ret;
+      return ret;
+    },
+    _convertDartFunctionFastCaptureThis(f) {
+      var ret,
+        existing = f._$dart_jsFunctionCaptureThis;
+      if (existing != null)
+        return existing;
+      ret = function(_call, f) {
+        return function() {
+          return _call(f, this, Array.prototype.slice.apply(arguments));
+        };
+      }(A._callDartFunctionFastCaptureThis, f);
+      ret[$.$get$DART_CLOSURE_PROPERTY_NAME()] = f;
+      f._$dart_jsFunctionCaptureThis = ret;
+      return ret;
+    },
+    _callDartFunctionFast(callback, $arguments) {
+      return A.Function_apply(callback, $arguments);
+    },
+    _callDartFunctionFastCaptureThis(callback, $self, $arguments) {
+      var t1 = [$self];
+      B.JSArray_methods.addAll$1(t1, $arguments);
+      return A.Function_apply(callback, t1);
+    },
+    allowInterop(f) {
+      if (typeof f == "function")
+        return f;
+      else
+        return A._convertDartFunctionFast(f);
+    },
+    allowInteropCaptureThis(f) {
+      if (typeof f == "function")
+        throw A.wrapException(A.ArgumentError$("Function is already a JS function so cannot capture this.", null));
+      else
+        return A._convertDartFunctionFastCaptureThis(f);
+    },
+    _callDartFunctionFast2(callback, arg1, arg2, $length) {
+      if ($length >= 2)
+        return callback.call$2(arg1, arg2);
+      if ($length === 1)
+        return callback.call$1(arg1);
+      return callback.call$0();
+    },
+    _noJsifyRequired(o) {
+      return o == null || A._isBool(o) || typeof o == "number" || typeof o == "string" || type$.Int8List._is(o) || type$.Uint8List._is(o) || type$.Uint8ClampedList._is(o) || type$.Int16List._is(o) || type$.Uint16List._is(o) || type$.Int32List._is(o) || type$.Uint32List._is(o) || type$.Float32List._is(o) || type$.Float64List._is(o) || type$.ByteBuffer._is(o) || type$.ByteData._is(o);
+    },
+    jsify(object) {
+      if (A._noJsifyRequired(object))
+        return object;
+      return new A.jsify__convert(new A._IdentityHashMap(type$._IdentityHashMap_of_nullable_Object_and_nullable_Object)).call$1(object);
+    },
+    _callMethodUnchecked0(o, method) {
+      return o[method]();
+    },
+    callConstructor(constr, $arguments) {
+      var args, factoryFunction;
+      if ($arguments instanceof Array)
+        switch ($arguments.length) {
+          case 0:
+            return new constr();
+          case 1:
+            return new constr($arguments[0]);
+          case 2:
+            return new constr($arguments[0], $arguments[1]);
+          case 3:
+            return new constr($arguments[0], $arguments[1], $arguments[2]);
+          case 4:
+            return new constr($arguments[0], $arguments[1], $arguments[2], $arguments[3]);
+        }
+      args = [null];
+      B.JSArray_methods.addAll$1(args, $arguments);
+      factoryFunction = constr.bind.apply(constr, args);
+      String(factoryFunction);
+      return new factoryFunction();
+    },
+    promiseToFuture(jsPromise, $T) {
+      var t1 = new A._Future($.Zone__current, $T._eval$1("_Future<0>")),
+        completer = new A._AsyncCompleter(t1, $T._eval$1("_AsyncCompleter<0>"));
+      jsPromise.then(A.convertDartClosureToJS(new A.promiseToFuture_closure(completer), 1), A.convertDartClosureToJS(new A.promiseToFuture_closure0(completer), 1));
+      return t1;
+    },
+    jsify__convert: function jsify__convert(t0) {
+      this._convertedObjects = t0;
+    },
+    promiseToFuture_closure: function promiseToFuture_closure(t0) {
+      this.completer = t0;
+    },
+    promiseToFuture_closure0: function promiseToFuture_closure0(t0) {
+      this.completer = t0;
+    },
+    NullRejectionException: function NullRejectionException(t0) {
+      this.isUndefined = t0;
+    },
+    max(a, b) {
+      return Math.max(a, b);
+    },
+    pow(x, exponent) {
+      return Math.pow(x, exponent);
+    },
+    Random_Random() {
+      return B.C__JSRandom;
+    },
+    _JSRandom: function _JSRandom() {
+    },
+    ArgParser: function ArgParser(t0, t1, t2, t3, t4, t5, t6) {
+      var _ = this;
+      _._arg_parser$_options = t0;
+      _._aliases = t1;
+      _.options = t2;
+      _.commands = t3;
+      _._optionsAndSeparators = t4;
+      _.allowTrailingOptions = t5;
+      _.usageLineLength = t6;
+    },
+    ArgParser__addOption_closure: function ArgParser__addOption_closure(t0) {
+      this.$this = t0;
+    },
+    ArgParserException$(message, commands, argumentName, source, offset) {
+      return new A.ArgParserException(commands == null ? B.List_empty : A.List_List$unmodifiable(commands, type$.String), argumentName, message, source, offset);
+    },
+    ArgParserException: function ArgParserException(t0, t1, t2, t3, t4) {
+      var _ = this;
+      _.commands = t0;
+      _.argumentName = t1;
+      _.message = t2;
+      _.source = t3;
+      _.offset = t4;
+    },
+    ArgResults: function ArgResults(t0, t1, t2, t3) {
+      var _ = this;
+      _._parser = t0;
+      _._parsed = t1;
+      _.name = t2;
+      _.rest = t3;
+    },
+    Option: function Option(t0, t1, t2, t3, t4, t5, t6, t7, t8, t9, t10, t11, t12, t13) {
+      var _ = this;
+      _.name = t0;
+      _.abbr = t1;
+      _.help = t2;
+      _.valueHelp = t3;
+      _.allowed = t4;
+      _.allowedHelp = t5;
+      _.defaultsTo = t6;
+      _.negatable = t7;
+      _.hideNegatedUsage = t8;
+      _.callback = t9;
+      _.type = t10;
+      _.splitCommas = t11;
+      _.mandatory = t12;
+      _.hide = t13;
+    },
+    OptionType: function OptionType(t0) {
+      this.name = t0;
+    },
+    Parser$(_commandName, _grammar, _args, _parent, rest) {
+      var t1 = A._setArrayType([], type$.JSArray_String);
+      if (rest != null)
+        B.JSArray_methods.addAll$1(t1, rest);
+      return new A.Parser0(_commandName, _parent, _grammar, _args, t1, A.LinkedHashMap_LinkedHashMap$_empty(type$.String, type$.dynamic));
+    },
+    _isLetterOrDigit(codeUnit) {
+      var t1 = true;
+      if (!(codeUnit >= 65 && codeUnit <= 90))
+        if (!(codeUnit >= 97 && codeUnit <= 122))
+          t1 = codeUnit >= 48 && codeUnit <= 57;
+      return t1;
+    },
+    Parser0: function Parser0(t0, t1, t2, t3, t4, t5) {
+      var _ = this;
+      _._commandName = t0;
+      _._parser$_parent = t1;
+      _._grammar = t2;
+      _._args = t3;
+      _._parser$_rest = t4;
+      _._results = t5;
+    },
+    Parser_parse_closure: function Parser_parse_closure(t0) {
+      this.$this = t0;
+    },
+    Parser__setOption_closure: function Parser__setOption_closure() {
+    },
+    _Usage: function _Usage(t0, t1, t2) {
+      var _ = this;
+      _._usage$_optionsAndSeparators = t0;
+      _._usage$_buffer = t1;
+      _._currentColumn = 0;
+      _.___Usage__columnWidths_FI = $;
+      _._newlinesNeeded = 0;
+      _.lineLength = t2;
+    },
+    _Usage__writeOption_closure: function _Usage__writeOption_closure() {
+    },
+    _Usage__buildAllowedList_closure: function _Usage__buildAllowedList_closure(t0) {
+      this.option = t0;
+    },
+    FutureGroup: function FutureGroup(t0, t1, t2) {
+      var _ = this;
+      _._future_group$_pending = 0;
+      _._future_group$_closed = false;
+      _._future_group$_completer = t0;
+      _._future_group$_values = t1;
+      _.$ti = t2;
+    },
+    FutureGroup_add_closure: function FutureGroup_add_closure(t0, t1) {
+      this.$this = t0;
+      this.index = t1;
+    },
+    FutureGroup_add_closure0: function FutureGroup_add_closure0(t0) {
+      this.$this = t0;
+    },
+    ErrorResult: function ErrorResult(t0, t1) {
+      this.error = t0;
+      this.stackTrace = t1;
+    },
+    ValueResult: function ValueResult(t0, t1) {
+      this.value = t0;
+      this.$ti = t1;
+    },
+    StreamCompleter: function StreamCompleter(t0, t1) {
+      this._stream_completer$_stream = t0;
+      this.$ti = t1;
+    },
+    _CompleterStream: function _CompleterStream(t0) {
+      this._sourceStream = this._stream_completer$_controller = null;
+      this.$ti = t0;
+    },
+    StreamGroup: function StreamGroup(t0, t1, t2) {
+      var _ = this;
+      _.__StreamGroup__controller_A = $;
+      _._closed = false;
+      _._stream_group$_state = t0;
+      _._subscriptions = t1;
+      _.$ti = t2;
+    },
+    StreamGroup_add_closure: function StreamGroup_add_closure() {
+    },
+    StreamGroup_add_closure0: function StreamGroup_add_closure0(t0, t1) {
+      this.$this = t0;
+      this.stream = t1;
+    },
+    StreamGroup__onListen_closure: function StreamGroup__onListen_closure() {
+    },
+    StreamGroup__onCancel_closure: function StreamGroup__onCancel_closure(t0) {
+      this.$this = t0;
+    },
+    StreamGroup__listenToStream_closure: function StreamGroup__listenToStream_closure(t0, t1) {
+      this.$this = t0;
+      this.stream = t1;
+    },
+    _StreamGroupState: function _StreamGroupState(t0) {
+      this.name = t0;
+    },
+    StreamQueue: function StreamQueue(t0, t1, t2, t3) {
+      var _ = this;
+      _._stream_queue$_source = t0;
+      _._stream_queue$_subscription = null;
+      _._isDone = false;
+      _._eventsReceived = 0;
+      _._eventQueue = t1;
+      _._requestQueue = t2;
+      _.$ti = t3;
+    },
+    StreamQueue__ensureListening_closure: function StreamQueue__ensureListening_closure(t0) {
+      this.$this = t0;
+    },
+    StreamQueue__ensureListening_closure1: function StreamQueue__ensureListening_closure1(t0) {
+      this.$this = t0;
+    },
+    StreamQueue__ensureListening_closure0: function StreamQueue__ensureListening_closure0(t0) {
+      this.$this = t0;
+    },
+    _NextRequest: function _NextRequest(t0, t1) {
+      this._completer = t0;
+      this.$ti = t1;
+    },
+    isNodeJs() {
+      var t1 = self.process;
+      if (t1 == null)
+        t1 = null;
+      else {
+        t1 = J.get$release$x(t1);
+        t1 = t1 == null ? null : J.get$name$x(t1);
+      }
+      return J.$eq$(t1, "node");
+    },
+    isBrowser() {
+      return !A.isNodeJs() && self.document != null && typeof self.document.querySelector == "function";
+    },
+    wrapJSExceptions(callback) {
+      var error, error0, error1, error2, t1, exception;
+      if (!$.$get$_isStrictMode())
+        return callback.call$0();
+      try {
+        t1 = callback.call$0();
+        return t1;
+      } catch (exception) {
+        t1 = A.unwrapException(exception);
+        if (typeof t1 == "string") {
+          error = t1;
+          throw A.wrapException(error);
+        } else if (A._isBool(t1)) {
+          error0 = t1;
+          throw A.wrapException(error0);
+        } else if (typeof t1 == "number") {
+          error1 = t1;
+          throw A.wrapException(error1);
+        } else {
+          error2 = t1;
+          if (typeof error2 == "symbol" || typeof error2 == "bigint" || error2 == null)
+            throw A.wrapException(A._callMethodUnchecked0(error2, "toString"));
+          throw exception;
+        }
+      }
+    },
+    _isStrictMode_closure: function _isStrictMode_closure() {
+    },
+    Repl: function Repl(t0, t1, t2, t3) {
+      var _ = this;
+      _.prompt = t0;
+      _.continuation = t1;
+      _.validator = t2;
+      _.__Repl__adapter_A = $;
+      _.history = t3;
+    },
+    alwaysValid_closure: function alwaysValid_closure() {
+    },
+    ReplAdapter: function ReplAdapter(t0) {
+      this.repl = t0;
+      this.rl = null;
+    },
+    ReplAdapter_runAsync_closure: function ReplAdapter_runAsync_closure(t0, t1, t2, t3) {
+      var _ = this;
+      _._box_0 = t0;
+      _.$this = t1;
+      _.rl = t2;
+      _.runController = t3;
+    },
+    ReplAdapter_runAsync__closure: function ReplAdapter_runAsync__closure(t0) {
+      this.lineController = t0;
+    },
+    Stdin: function Stdin() {
+    },
+    Stdout: function Stdout() {
+    },
+    ReadlineModule: function ReadlineModule() {
+    },
+    ReadlineOptions: function ReadlineOptions() {
+    },
+    ReadlineInterface: function ReadlineInterface() {
+    },
+    EmptyUnmodifiableSet: function EmptyUnmodifiableSet(t0) {
+      this.$ti = t0;
+    },
+    _EmptyUnmodifiableSet_IterableBase_UnmodifiableSetMixin: function _EmptyUnmodifiableSet_IterableBase_UnmodifiableSetMixin() {
+    },
+    DefaultEquality: function DefaultEquality() {
+    },
+    IterableEquality: function IterableEquality() {
+    },
+    ListEquality: function ListEquality() {
+    },
+    _MapEntry: function _MapEntry(t0, t1, t2) {
+      this.equality = t0;
+      this.key = t1;
+      this.value = t2;
+    },
+    MapEquality: function MapEquality(t0) {
+      this.$ti = t0;
+    },
+    QueueList$(initialCapacity, $E) {
+      return new A.QueueList(A.List_List$filled(A.QueueList__computeInitialCapacity(initialCapacity), null, false, $E._eval$1("0?")), 0, 0, $E._eval$1("QueueList<0>"));
+    },
+    QueueList_QueueList$from(source, $E) {
+      var $length, queue, t1;
+      if (type$.List_dynamic._is(source)) {
+        $length = J.get$length$asx(source);
+        queue = A.QueueList$($length + 1, $E);
+        J.setRange$4$ax(queue._queue_list$_table, 0, $length, source, 0);
+        queue._queue_list$_tail = $length;
+        return queue;
+      } else {
+        t1 = A.QueueList$(null, $E);
+        t1.addAll$1(0, source);
+        return t1;
+      }
+    },
+    QueueList__computeInitialCapacity(initialCapacity) {
+      if (initialCapacity == null || initialCapacity < 8)
+        return 8;
+      ++initialCapacity;
+      if ((initialCapacity & initialCapacity - 1) >>> 0 === 0)
+        return initialCapacity;
+      return A.QueueList__nextPowerOf2(initialCapacity);
+    },
+    QueueList__nextPowerOf2(number) {
+      var nextNumber;
+      number = (number << 1 >>> 0) - 1;
+      for (; true; number = nextNumber) {
+        nextNumber = (number & number - 1) >>> 0;
+        if (nextNumber === 0)
+          return number;
+      }
+    },
+    QueueList: function QueueList(t0, t1, t2, t3) {
+      var _ = this;
+      _._queue_list$_table = t0;
+      _._queue_list$_head = t1;
+      _._queue_list$_tail = t2;
+      _.$ti = t3;
+    },
+    _CastQueueList: function _CastQueueList(t0, t1, t2, t3, t4) {
+      var _ = this;
+      _._queue_list$_delegate = t0;
+      _._queue_list$_table = t1;
+      _._queue_list$_head = t2;
+      _._queue_list$_tail = t3;
+      _.$ti = t4;
+    },
+    _QueueList_Object_ListMixin: function _QueueList_Object_ListMixin() {
+    },
+    UnionSet: function UnionSet(t0, t1) {
+      this._sets = t0;
+      this.$ti = t1;
+    },
+    UnionSet__iterable_closure: function UnionSet__iterable_closure(t0) {
+      this.$this = t0;
+    },
+    UnionSet_contains_closure: function UnionSet_contains_closure(t0, t1) {
+      this.$this = t0;
+      this.element = t1;
+    },
+    _UnionSet_SetBase_UnmodifiableSetMixin: function _UnionSet_SetBase_UnmodifiableSetMixin() {
+    },
+    UnmodifiableSetMixin__throw() {
+      throw A.wrapException(A.UnsupportedError$("Cannot modify an unmodifiable Set"));
+    },
+    UnmodifiableSetView0: function UnmodifiableSetView0(t0, t1) {
+      this._base = t0;
+      this.$ti = t1;
+    },
+    UnmodifiableSetMixin: function UnmodifiableSetMixin() {
+    },
+    _UnmodifiableSetView_DelegatingSet_UnmodifiableSetMixin: function _UnmodifiableSetView_DelegatingSet_UnmodifiableSetMixin() {
+    },
+    _DelegatingIterableBase: function _DelegatingIterableBase() {
+    },
+    DelegatingSet: function DelegatingSet(t0, t1) {
+      this._base = t0;
+      this.$ti = t1;
+    },
+    MapKeySet: function MapKeySet(t0, t1) {
+      this._baseMap = t0;
+      this.$ti = t1;
+    },
+    MapKeySet_difference_closure: function MapKeySet_difference_closure(t0, t1) {
+      this.$this = t0;
+      this.other = t1;
+    },
+    _MapKeySet__DelegatingIterableBase_UnmodifiableSetMixin: function _MapKeySet__DelegatingIterableBase_UnmodifiableSetMixin() {
+    },
+    BufferModule: function BufferModule() {
+    },
+    BufferConstants: function BufferConstants() {
+    },
+    Buffer: function Buffer() {
+    },
+    ConsoleModule: function ConsoleModule() {
+    },
+    Console: function Console() {
+    },
+    EventEmitter: function EventEmitter() {
+    },
+    fs() {
+      var t1 = $._fs;
+      return t1 == null ? $._fs = self.fs : t1;
+    },
+    FS: function FS() {
+    },
+    FSConstants: function FSConstants() {
+    },
+    Realpath: function Realpath() {
+    },
+    RealpathSync: function RealpathSync() {
+    },
+    FSWatcher: function FSWatcher() {
+    },
+    ReadStream: function ReadStream() {
+    },
+    ReadStreamOptions: function ReadStreamOptions() {
+    },
+    WriteStream: function WriteStream() {
+    },
+    WriteStreamOptions: function WriteStreamOptions() {
+    },
+    FileOptions: function FileOptions() {
+    },
+    StatOptions: function StatOptions() {
+    },
+    MkdirOptions: function MkdirOptions() {
+    },
+    RmdirOptions: function RmdirOptions() {
+    },
+    WatchOptions: function WatchOptions() {
+    },
+    WatchFileOptions: function WatchFileOptions() {
+    },
+    Stats: function Stats() {
+    },
+    Promise: function Promise() {
+    },
+    Date: function Date() {
+    },
+    JsError: function JsError() {
+    },
+    Atomics: function Atomics() {
+    },
+    Modules: function Modules() {
+    },
+    Module: function Module() {
+    },
+    Net: function Net() {
+    },
+    Socket: function Socket() {
+    },
+    NetAddress: function NetAddress() {
+    },
+    NetServer: function NetServer() {
+    },
+    NodeJsError: function NodeJsError() {
+    },
+    JsAssertionError: function JsAssertionError() {
+    },
+    JsRangeError: function JsRangeError() {
+    },
+    JsReferenceError: function JsReferenceError() {
+    },
+    JsSyntaxError: function JsSyntaxError() {
+    },
+    JsTypeError: function JsTypeError() {
+    },
+    JsSystemError: function JsSystemError() {
+    },
+    Process: function Process() {
+    },
+    CPUUsage: function CPUUsage() {
+    },
+    Release: function Release() {
+    },
+    StreamModule: function StreamModule() {
+    },
+    Readable: function Readable() {
+    },
+    Writable: function Writable() {
+    },
+    Duplex: function Duplex() {
+    },
+    Transform: function Transform() {
+    },
+    WritableOptions: function WritableOptions() {
+    },
+    ReadableOptions: function ReadableOptions() {
+    },
+    Immediate: function Immediate() {
+    },
+    Timeout: function Timeout() {
+    },
+    TTY: function TTY() {
+    },
+    TTYReadStream: function TTYReadStream() {
+    },
+    TTYWriteStream: function TTYWriteStream() {
+    },
+    jsify0(dartObject) {
+      if (A._isBasicType(dartObject))
+        return dartObject;
+      return A.jsify(dartObject);
+    },
+    _isBasicType(value) {
+      return false;
+    },
+    promiseToFuture0(promise, $T) {
+      var t1 = new A._Future($.Zone__current, $T._eval$1("_Future<0>")),
+        completer = new A._SyncCompleter(t1, $T._eval$1("_SyncCompleter<0>"));
+      J.then$2$x(promise, A.allowInterop(new A.promiseToFuture_closure1(completer)), A.allowInterop(new A.promiseToFuture_closure2(completer)));
+      return t1;
+    },
+    futureToPromise(future, $T) {
+      return new self.Promise(A.allowInterop(new A.futureToPromise_closure(future, $T)));
+    },
+    Util: function Util() {
+    },
+    promiseToFuture_closure1: function promiseToFuture_closure1(t0) {
+      this.completer = t0;
+    },
+    promiseToFuture_closure2: function promiseToFuture_closure2(t0) {
+      this.completer = t0;
+    },
+    futureToPromise_closure: function futureToPromise_closure(t0, t1) {
+      this.future = t0;
+      this.T = t1;
+    },
+    futureToPromise__closure: function futureToPromise__closure(t0, t1) {
+      this.resolve = t0;
+      this.T = t1;
+    },
+    Context_Context(style) {
+      return new A.Context(style, ".");
+    },
+    _parseUri(uri) {
+      if (typeof uri == "string")
+        return A.Uri_parse(uri);
+      if (type$.Uri._is(uri))
+        return uri;
+      throw A.wrapException(A.ArgumentError$value(uri, "uri", "Value must be a String or a Uri"));
+    },
+    _validateArgList(method, args) {
+      var numArgs, i, numArgs0, message, t1, t2, t3, t4;
+      for (numArgs = args.length, i = 1; i < numArgs; ++i) {
+        if (args[i] == null || args[i - 1] != null)
+          continue;
+        for (; numArgs >= 1; numArgs = numArgs0) {
+          numArgs0 = numArgs - 1;
+          if (args[numArgs0] != null)
+            break;
+        }
+        message = new A.StringBuffer("");
+        t1 = method + "(";
+        message._contents = t1;
+        t2 = A._arrayInstanceType(args);
+        t3 = t2._eval$1("SubListIterable<1>");
+        t4 = new A.SubListIterable(args, 0, numArgs, t3);
+        t4.SubListIterable$3(args, 0, numArgs, t2._precomputed1);
+        t3 = t1 + new A.MappedListIterable(t4, new A._validateArgList_closure(), t3._eval$1("MappedListIterable<ListIterable.E,String>")).join$1(0, ", ");
+        message._contents = t3;
+        message._contents = t3 + ("): part " + (i - 1) + " was null, but part " + i + " was not.");
+        throw A.wrapException(A.ArgumentError$(message.toString$0(0), null));
+      }
+    },
+    Context: function Context(t0, t1) {
+      this.style = t0;
+      this._context$_current = t1;
+    },
+    Context_joinAll_closure: function Context_joinAll_closure() {
+    },
+    Context_split_closure: function Context_split_closure() {
+    },
+    _validateArgList_closure: function _validateArgList_closure() {
+    },
+    _PathDirection: function _PathDirection(t0) {
+      this.name = t0;
+    },
+    _PathRelation: function _PathRelation(t0) {
+      this.name = t0;
+    },
+    InternalStyle: function InternalStyle() {
+    },
+    ParsedPath_ParsedPath$parse(path, style) {
+      var t1, parts, separators, start, i,
+        root = style.getRoot$1(path),
+        isRootRelative = style.isRootRelative$1(path);
+      if (root != null)
+        path = B.JSString_methods.substring$1(path, root.length);
+      t1 = type$.JSArray_String;
+      parts = A._setArrayType([], t1);
+      separators = A._setArrayType([], t1);
+      t1 = path.length;
+      if (t1 !== 0 && style.isSeparator$1(path.charCodeAt(0))) {
+        separators.push(path[0]);
+        start = 1;
+      } else {
+        separators.push("");
+        start = 0;
+      }
+      for (i = start; i < t1; ++i)
+        if (style.isSeparator$1(path.charCodeAt(i))) {
+          parts.push(B.JSString_methods.substring$2(path, start, i));
+          separators.push(path[i]);
+          start = i + 1;
+        }
+      if (start < t1) {
+        parts.push(B.JSString_methods.substring$1(path, start));
+        separators.push("");
+      }
+      return new A.ParsedPath(style, root, isRootRelative, parts, separators);
+    },
+    ParsedPath: function ParsedPath(t0, t1, t2, t3, t4) {
+      var _ = this;
+      _.style = t0;
+      _.root = t1;
+      _.isRootRelative = t2;
+      _.parts = t3;
+      _.separators = t4;
+    },
+    ParsedPath__splitExtension_closure: function ParsedPath__splitExtension_closure() {
+    },
+    ParsedPath__splitExtension_closure0: function ParsedPath__splitExtension_closure0() {
+    },
+    PathException$(message) {
+      return new A.PathException(message);
+    },
+    PathException: function PathException(t0) {
+      this.message = t0;
+    },
+    PathMap__create(context, $V) {
+      var t1 = {};
+      t1.context = context;
+      t1.context = $.$get$context();
+      return A.LinkedHashMap_LinkedHashMap(new A.PathMap__create_closure(t1), new A.PathMap__create_closure0(t1), new A.PathMap__create_closure1(), type$.nullable_String, $V);
+    },
+    PathMap: function PathMap(t0, t1) {
+      this._map = t0;
+      this.$ti = t1;
+    },
+    PathMap__create_closure: function PathMap__create_closure(t0) {
+      this._box_0 = t0;
+    },
+    PathMap__create_closure0: function PathMap__create_closure0(t0) {
+      this._box_0 = t0;
+    },
+    PathMap__create_closure1: function PathMap__create_closure1() {
+    },
+    Style__getPlatformStyle() {
+      if (A.Uri_base().get$scheme() !== "file")
+        return $.$get$Style_url();
+      var t1 = A.Uri_base();
+      if (!B.JSString_methods.endsWith$1(t1.get$path(t1), "/"))
+        return $.$get$Style_url();
+      if (A._Uri__Uri(null, "a/b", null, null).toFilePath$0() === "a\\b")
+        return $.$get$Style_windows();
+      return $.$get$Style_posix();
+    },
+    Style: function Style() {
+    },
+    PosixStyle: function PosixStyle(t0, t1, t2) {
+      this.separatorPattern = t0;
+      this.needsSeparatorPattern = t1;
+      this.rootPattern = t2;
+    },
+    UrlStyle: function UrlStyle(t0, t1, t2, t3) {
+      var _ = this;
+      _.separatorPattern = t0;
+      _.needsSeparatorPattern = t1;
+      _.rootPattern = t2;
+      _.relativeRootPattern = t3;
+    },
+    WindowsStyle: function WindowsStyle(t0, t1, t2, t3) {
+      var _ = this;
+      _.separatorPattern = t0;
+      _.needsSeparatorPattern = t1;
+      _.rootPattern = t2;
+      _.relativeRootPattern = t3;
+    },
+    WindowsStyle_absolutePathToUri_closure: function WindowsStyle_absolutePathToUri_closure() {
+    },
+    Version$_(major, minor, patch, preRelease, build, _text) {
+      var t1 = preRelease == null || preRelease.length === 0 ? A._setArrayType([], type$.JSArray_Object) : A.Version__splitParts(preRelease),
+        t2 = build == null || build.length === 0 ? A._setArrayType([], type$.JSArray_Object) : A.Version__splitParts(build);
+      if (major < 0)
+        A.throwExpression(A.ArgumentError$("Major version must be non-negative.", null));
+      if (minor < 0)
+        A.throwExpression(A.ArgumentError$("Minor version must be non-negative.", null));
+      if (patch < 0)
+        A.throwExpression(A.ArgumentError$("Patch version must be non-negative.", null));
+      return new A.Version(major, minor, patch, t1, t2, _text);
+    },
+    Version_Version(major, minor, patch, pre) {
+      var text = "" + major + "." + minor + "." + patch;
+      if (pre != null)
+        text += "-" + pre;
+      return A.Version$_(major, minor, patch, pre, null, text);
+    },
+    Version___parse_tearOff(text) {
+      return A.Version_Version$parse(text);
+    },
+    Version_Version$parse(text) {
+      var major, minor, patch, preRelease, build, t1, exception, _null = null,
+        _s17_ = 'Could not parse "',
+        match = $.$get$completeVersion().firstMatch$1(text);
+      if (match == null)
+        throw A.wrapException(A.FormatException$(_s17_ + text + '".', _null, _null));
+      try {
+        t1 = match._match[1];
+        t1.toString;
+        major = A.int_parse(t1, _null);
+        t1 = match._match[2];
+        t1.toString;
+        minor = A.int_parse(t1, _null);
+        t1 = match._match[3];
+        t1.toString;
+        patch = A.int_parse(t1, _null);
+        preRelease = match._match[5];
+        build = match._match[8];
+        t1 = A.Version$_(major, minor, patch, preRelease, build, text);
+        return t1;
+      } catch (exception) {
+        if (type$.FormatException._is(A.unwrapException(exception)))
+          throw A.wrapException(A.FormatException$(_s17_ + text + '".', _null, _null));
+        else
+          throw exception;
+      }
+    },
+    Version__splitParts(text) {
+      var t1 = type$.MappedListIterable_String_Object;
+      t1 = A.List_List$_of(new A.MappedListIterable(A._setArrayType(text.split("."), type$.JSArray_String), new A.Version__splitParts_closure(), t1), t1._eval$1("ListIterable.E"));
+      return t1;
+    },
+    Version: function Version(t0, t1, t2, t3, t4, t5) {
+      var _ = this;
+      _.major = t0;
+      _.minor = t1;
+      _.patch = t2;
+      _.preRelease = t3;
+      _.build = t4;
+      _._version$_text = t5;
+    },
+    Version__splitParts_closure: function Version__splitParts_closure() {
+    },
+    VersionRange_VersionRange(includeMax, max) {
+      return new A.VersionRange(null, max, false, true);
+    },
+    VersionRange: function VersionRange(t0, t1, t2, t3) {
+      var _ = this;
+      _.min = t0;
+      _.max = t1;
+      _.includeMin = t2;
+      _.includeMax = t3;
+    },
+    CssMediaQuery$type(type, conditions, modifier) {
+      return new A.CssMediaQuery(modifier, type, true, conditions == null ? B.List_empty : A.List_List$unmodifiable(conditions, type$.String));
+    },
+    CssMediaQuery$condition(conditions, conjunction) {
+      var t1 = A.List_List$unmodifiable(conditions, type$.String);
+      if (t1.length > 1 && conjunction == null)
+        A.throwExpression(A.ArgumentError$(string$.If_con, null));
+      return new A.CssMediaQuery(null, null, conjunction !== false, t1);
+    },
+    CssMediaQuery: function CssMediaQuery(t0, t1, t2, t3) {
+      var _ = this;
+      _.modifier = t0;
+      _.type = t1;
+      _.conjunction = t2;
+      _.conditions = t3;
+    },
+    _SingletonCssMediaQueryMergeResult: function _SingletonCssMediaQueryMergeResult(t0) {
+      this._name = t0;
+    },
+    MediaQuerySuccessfulMergeResult: function MediaQuerySuccessfulMergeResult(t0) {
+      this.query = t0;
+    },
+    ModifiableCssAtRule$($name, span, childless, value) {
+      var t1 = A._setArrayType([], type$.JSArray_ModifiableCssNode);
+      return new A.ModifiableCssAtRule($name, value, childless, span, new A.UnmodifiableListView(t1, type$.UnmodifiableListView_ModifiableCssNode), t1);
+    },
+    ModifiableCssAtRule: function ModifiableCssAtRule(t0, t1, t2, t3, t4, t5) {
+      var _ = this;
+      _.name = t0;
+      _.value = t1;
+      _.isChildless = t2;
+      _.span = t3;
+      _.children = t4;
+      _._children = t5;
+      _._indexInParent = _._parent = null;
+      _.isGroupEnd = false;
+    },
+    ModifiableCssComment: function ModifiableCssComment(t0, t1) {
+      var _ = this;
+      _.text = t0;
+      _.span = t1;
+      _._indexInParent = _._parent = null;
+      _.isGroupEnd = false;
+    },
+    ModifiableCssDeclaration$($name, value, span, parsedAsCustomProperty, trace, valueSpanForMap) {
+      var t2,
+        t1 = valueSpanForMap == null ? value.span : valueSpanForMap;
+      if (parsedAsCustomProperty)
+        if (!B.JSString_methods.startsWith$1($name.value, "--"))
+          A.throwExpression(A.ArgumentError$(string$.parsed, null));
+        else {
+          t2 = value.value;
+          if (!(t2 instanceof A.SassString))
+            A.throwExpression(A.ArgumentError$(string$.If_par + value.toString$0(0) + "` of type " + A.getRuntimeTypeOfDartObject(t2).toString$0(0) + ").", null));
+        }
+      return new A.ModifiableCssDeclaration($name, value, parsedAsCustomProperty, t1, span);
+    },
+    ModifiableCssDeclaration: function ModifiableCssDeclaration(t0, t1, t2, t3, t4) {
+      var _ = this;
+      _.name = t0;
+      _.value = t1;
+      _.parsedAsCustomProperty = t2;
+      _.valueSpanForMap = t3;
+      _.span = t4;
+      _._indexInParent = _._parent = null;
+      _.isGroupEnd = false;
+    },
+    ModifiableCssImport: function ModifiableCssImport(t0, t1, t2) {
+      var _ = this;
+      _.url = t0;
+      _.modifiers = t1;
+      _.span = t2;
+      _._indexInParent = _._parent = null;
+      _.isGroupEnd = false;
+    },
+    ModifiableCssKeyframeBlock$(selector, span) {
+      var t1 = A._setArrayType([], type$.JSArray_ModifiableCssNode);
+      return new A.ModifiableCssKeyframeBlock(selector, span, new A.UnmodifiableListView(t1, type$.UnmodifiableListView_ModifiableCssNode), t1);
+    },
+    ModifiableCssKeyframeBlock: function ModifiableCssKeyframeBlock(t0, t1, t2, t3) {
+      var _ = this;
+      _.selector = t0;
+      _.span = t1;
+      _.children = t2;
+      _._children = t3;
+      _._indexInParent = _._parent = null;
+      _.isGroupEnd = false;
+    },
+    ModifiableCssMediaRule$(queries, span) {
+      var t1 = A.List_List$unmodifiable(queries, type$.CssMediaQuery),
+        t2 = A._setArrayType([], type$.JSArray_ModifiableCssNode);
+      if (J.get$isEmpty$asx(queries))
+        A.throwExpression(A.ArgumentError$value(queries, "queries", "may not be empty."));
+      return new A.ModifiableCssMediaRule(t1, span, new A.UnmodifiableListView(t2, type$.UnmodifiableListView_ModifiableCssNode), t2);
+    },
+    ModifiableCssMediaRule: function ModifiableCssMediaRule(t0, t1, t2, t3) {
+      var _ = this;
+      _.queries = t0;
+      _.span = t1;
+      _.children = t2;
+      _._children = t3;
+      _._indexInParent = _._parent = null;
+      _.isGroupEnd = false;
+    },
+    ModifiableCssNode: function ModifiableCssNode() {
+    },
+    ModifiableCssNode_hasFollowingSibling_closure: function ModifiableCssNode_hasFollowingSibling_closure() {
+    },
+    ModifiableCssParentNode: function ModifiableCssParentNode() {
+    },
+    ModifiableCssStyleRule$(_selector, span, fromPlainCss, originalSelector) {
+      var t1 = A._setArrayType([], type$.JSArray_ModifiableCssNode);
+      return new A.ModifiableCssStyleRule(_selector, originalSelector, span, fromPlainCss, new A.UnmodifiableListView(t1, type$.UnmodifiableListView_ModifiableCssNode), t1);
+    },
+    ModifiableCssStyleRule: function ModifiableCssStyleRule(t0, t1, t2, t3, t4, t5) {
+      var _ = this;
+      _._style_rule$_selector = t0;
+      _.originalSelector = t1;
+      _.span = t2;
+      _.fromPlainCss = t3;
+      _.children = t4;
+      _._children = t5;
+      _._indexInParent = _._parent = null;
+      _.isGroupEnd = false;
+    },
+    ModifiableCssStylesheet$(span) {
+      var t1 = A._setArrayType([], type$.JSArray_ModifiableCssNode);
+      return new A.ModifiableCssStylesheet(span, new A.UnmodifiableListView(t1, type$.UnmodifiableListView_ModifiableCssNode), t1);
+    },
+    ModifiableCssStylesheet: function ModifiableCssStylesheet(t0, t1, t2) {
+      var _ = this;
+      _.span = t0;
+      _.children = t1;
+      _._children = t2;
+      _._indexInParent = _._parent = null;
+      _.isGroupEnd = false;
+    },
+    ModifiableCssSupportsRule$(condition, span) {
+      var t1 = A._setArrayType([], type$.JSArray_ModifiableCssNode);
+      return new A.ModifiableCssSupportsRule(condition, span, new A.UnmodifiableListView(t1, type$.UnmodifiableListView_ModifiableCssNode), t1);
+    },
+    ModifiableCssSupportsRule: function ModifiableCssSupportsRule(t0, t1, t2, t3) {
+      var _ = this;
+      _.condition = t0;
+      _.span = t1;
+      _.children = t2;
+      _._children = t3;
+      _._indexInParent = _._parent = null;
+      _.isGroupEnd = false;
+    },
+    CssNode: function CssNode() {
+    },
+    CssParentNode: function CssParentNode() {
+    },
+    _IsInvisibleVisitor: function _IsInvisibleVisitor(t0, t1) {
+      this.includeBogus = t0;
+      this.includeComments = t1;
+    },
+    __IsInvisibleVisitor_Object_EveryCssVisitor: function __IsInvisibleVisitor_Object_EveryCssVisitor() {
+    },
+    CssStylesheet: function CssStylesheet(t0, t1) {
+      this.children = t0;
+      this.span = t1;
+    },
+    CssValue: function CssValue(t0, t1, t2) {
+      this.value = t0;
+      this.span = t1;
+      this.$ti = t2;
+    },
+    _FakeAstNode: function _FakeAstNode(t0) {
+      this._callback = t0;
+    },
+    ArgumentList$empty(span) {
+      return new A.ArgumentList(B.List_empty9, B.Map_empty4, null, null, span);
+    },
+    ArgumentList: function ArgumentList(t0, t1, t2, t3, t4) {
+      var _ = this;
+      _.positional = t0;
+      _.named = t1;
+      _.rest = t2;
+      _.keywordRest = t3;
+      _.span = t4;
+    },
+    AtRootQuery: function AtRootQuery(t0, t1, t2, t3) {
+      var _ = this;
+      _.include = t0;
+      _.names = t1;
+      _._all = t2;
+      _._at_root_query$_rule = t3;
+    },
+    ConfiguredVariable: function ConfiguredVariable(t0, t1, t2, t3) {
+      var _ = this;
+      _.name = t0;
+      _.expression = t1;
+      _.isGuarded = t2;
+      _.span = t3;
+    },
+    Expression: function Expression() {
+    },
+    BinaryOperationExpression: function BinaryOperationExpression(t0, t1, t2, t3) {
+      var _ = this;
+      _.operator = t0;
+      _.left = t1;
+      _.right = t2;
+      _.allowsSlash = t3;
+    },
+    BinaryOperator: function BinaryOperator(t0, t1, t2, t3, t4) {
+      var _ = this;
+      _.name = t0;
+      _.operator = t1;
+      _.precedence = t2;
+      _.isAssociative = t3;
+      _._name = t4;
+    },
+    BooleanExpression: function BooleanExpression(t0, t1) {
+      this.value = t0;
+      this.span = t1;
+    },
+    ColorExpression: function ColorExpression(t0, t1) {
+      this.value = t0;
+      this.span = t1;
+    },
+    FunctionExpression: function FunctionExpression(t0, t1, t2, t3, t4) {
+      var _ = this;
+      _.namespace = t0;
+      _.name = t1;
+      _.originalName = t2;
+      _.$arguments = t3;
+      _.span = t4;
+    },
+    IfExpression: function IfExpression(t0, t1) {
+      this.$arguments = t0;
+      this.span = t1;
+    },
+    InterpolatedFunctionExpression: function InterpolatedFunctionExpression(t0, t1, t2) {
+      this.name = t0;
+      this.$arguments = t1;
+      this.span = t2;
+    },
+    ListExpression: function ListExpression(t0, t1, t2, t3) {
+      var _ = this;
+      _.contents = t0;
+      _.separator = t1;
+      _.hasBrackets = t2;
+      _.span = t3;
+    },
+    ListExpression_toString_closure: function ListExpression_toString_closure(t0) {
+      this.$this = t0;
+    },
+    MapExpression: function MapExpression(t0, t1) {
+      this.pairs = t0;
+      this.span = t1;
+    },
+    NullExpression: function NullExpression(t0) {
+      this.span = t0;
+    },
+    NumberExpression: function NumberExpression(t0, t1, t2) {
+      this.value = t0;
+      this.unit = t1;
+      this.span = t2;
+    },
+    ParenthesizedExpression: function ParenthesizedExpression(t0, t1) {
+      this.expression = t0;
+      this.span = t1;
+    },
+    SelectorExpression: function SelectorExpression(t0) {
+      this.span = t0;
+    },
+    StringExpression_quoteText(text) {
+      var quote = A.StringExpression__bestQuote(A._setArrayType([text], type$.JSArray_String)),
+        buffer = new A.StringBuffer(""),
+        t1 = A.Primitives_stringFromCharCode(quote);
+      buffer._contents = t1;
+      A.StringExpression__quoteInnerText(text, quote, buffer, true);
+      t1 = buffer._contents += t1;
+      return t1.charCodeAt(0) == 0 ? t1 : t1;
+    },
+    StringExpression__quoteInnerText(text, quote, buffer, $static) {
+      var t1, t2, i, _1_0, _0_0, t3, t4, t5, t0;
+      for (t1 = text.length, t2 = t1 - 1, i = 0; i < t1; ++i) {
+        _1_0 = text.charCodeAt(i);
+        if (_1_0 === 10 || _1_0 === 13 || _1_0 === 12) {
+          buffer.writeCharCode$1(92);
+          buffer.writeCharCode$1(97);
+          if (i !== t2) {
+            _0_0 = text.charCodeAt(i + 1);
+            t3 = true;
+            if (!(_0_0 === 32 || _0_0 === 9 || _0_0 === 10 || _0_0 === 13 || _0_0 === 12))
+              if (!(_0_0 >= 48 && _0_0 <= 57))
+                if (!(_0_0 >= 97 && _0_0 <= 102))
+                  t3 = _0_0 >= 65 && _0_0 <= 70;
+            if (t3)
+              buffer.writeCharCode$1(32);
+          }
+          continue;
+        }
+        t3 = 92 === _1_0;
+        if (t3)
+          t4 = _1_0;
+        else
+          t4 = null;
+        if (!t3) {
+          t3 = false;
+          t5 = _1_0 === quote;
+          if (t5)
+            t4 = _1_0;
+          if (!t5)
+            if (35 === _1_0)
+              if ($static)
+                if (i < t2) {
+                  t3 = text.charCodeAt(i + 1) === 123;
+                  if (t3)
+                    t4 = _1_0;
+                  t0 = t4;
+                  t4 = t3;
+                  t3 = t0;
+                } else {
+                  t0 = t4;
+                  t4 = t3;
+                  t3 = t0;
+                }
+              else {
+                t0 = t4;
+                t4 = t3;
+                t3 = t0;
+              }
+            else {
+              t0 = t4;
+              t4 = t3;
+              t3 = t0;
+            }
+          else {
+            t3 = t4;
+            t4 = true;
+          }
+        } else {
+          t3 = t4;
+          t4 = true;
+        }
+        if (t4) {
+          buffer.writeCharCode$1(92);
+          buffer.writeCharCode$1(t3);
+          continue;
+        }
+        buffer.writeCharCode$1(_1_0);
+      }
+    },
+    StringExpression__bestQuote(strings) {
+      var t1, t2, t3, containsDoubleQuote, t4, t5;
+      for (t1 = J.get$iterator$ax(strings), t2 = type$.CodeUnits, t3 = t2._eval$1("ListIterator<ListBase.E>"), t2 = t2._eval$1("ListBase.E"), containsDoubleQuote = false; t1.moveNext$0();)
+        for (t4 = new A.CodeUnits(t1.get$current(t1)), t4 = new A.ListIterator(t4, t4.get$length(0), t3); t4.moveNext$0();) {
+          t5 = t4.__internal$_current;
+          if (t5 == null)
+            t5 = t2._as(t5);
+          if (t5 === 39)
+            return 34;
+          if (t5 === 34)
+            containsDoubleQuote = true;
+        }
+      return containsDoubleQuote ? 39 : 34;
+    },
+    StringExpression: function StringExpression(t0, t1) {
+      this.text = t0;
+      this.hasQuotes = t1;
+    },
+    SupportsExpression: function SupportsExpression(t0) {
+      this.condition = t0;
+    },
+    UnaryOperationExpression: function UnaryOperationExpression(t0, t1, t2) {
+      this.operator = t0;
+      this.operand = t1;
+      this.span = t2;
+    },
+    UnaryOperator: function UnaryOperator(t0, t1, t2) {
+      this.name = t0;
+      this.operator = t1;
+      this._name = t2;
+    },
+    ValueExpression: function ValueExpression(t0, t1) {
+      this.value = t0;
+      this.span = t1;
+    },
+    VariableExpression: function VariableExpression(t0, t1, t2) {
+      this.namespace = t0;
+      this.name = t1;
+      this.span = t2;
+    },
+    DynamicImport: function DynamicImport(t0, t1) {
+      this.urlString = t0;
+      this.span = t1;
+    },
+    StaticImport: function StaticImport(t0, t1, t2) {
+      this.url = t0;
+      this.modifiers = t1;
+      this.span = t2;
+    },
+    Interpolation$(contents, spans, span) {
+      var t1 = new A.Interpolation(A.List_List$unmodifiable(contents, type$.Object), A.List_List$unmodifiable(spans, type$.nullable_FileSpan), span);
+      t1.Interpolation$3(contents, spans, span);
+      return t1;
+    },
+    Interpolation: function Interpolation(t0, t1, t2) {
+      this.contents = t0;
+      this.spans = t1;
+      this.span = t2;
+    },
+    Interpolation_toString_closure: function Interpolation_toString_closure() {
+    },
+    Parameter: function Parameter(t0, t1, t2) {
+      this.name = t0;
+      this.defaultValue = t1;
+      this.span = t2;
+    },
+    ParameterList_ParameterList$parse(contents, url) {
+      return A.ScssParser$(contents, url).parseParameterList$0();
+    },
+    ParameterList: function ParameterList(t0, t1, t2) {
+      this.parameters = t0;
+      this.restParameter = t1;
+      this.span = t2;
+    },
+    ParameterList_verify_closure: function ParameterList_verify_closure() {
+    },
+    ParameterList_verify_closure0: function ParameterList_verify_closure0() {
+    },
+    Statement: function Statement() {
+    },
+    AtRootRule$(children, span, query) {
+      var t1 = A.List_List$unmodifiable(children, type$.Statement),
+        t2 = B.JSArray_methods.any$1(t1, new A.ParentStatement_closure());
+      return new A.AtRootRule(query, span, t1, t2);
+    },
+    AtRootRule: function AtRootRule(t0, t1, t2, t3) {
+      var _ = this;
+      _.query = t0;
+      _.span = t1;
+      _.children = t2;
+      _.hasDeclarations = t3;
+    },
+    AtRule$($name, span, children, value) {
+      var t1 = children == null ? null : A.List_List$unmodifiable(children, type$.Statement),
+        t2 = t1 == null ? null : B.JSArray_methods.any$1(t1, new A.ParentStatement_closure());
+      return new A.AtRule($name, value, span, t1, t2 === true);
+    },
+    AtRule: function AtRule(t0, t1, t2, t3, t4) {
+      var _ = this;
+      _.name = t0;
+      _.value = t1;
+      _.span = t2;
+      _.children = t3;
+      _.hasDeclarations = t4;
+    },
+    CallableDeclaration: function CallableDeclaration() {
+    },
+    ContentBlock$(parameters, children, span) {
+      var _s8_ = "@content",
+        t1 = A.stringReplaceAllUnchecked(_s8_, "_", "-"),
+        t2 = A.List_List$unmodifiable(children, type$.Statement),
+        t3 = B.JSArray_methods.any$1(t2, new A.ParentStatement_closure());
+      return new A.ContentBlock(t1, _s8_, parameters, span, t2, t3);
+    },
+    ContentBlock: function ContentBlock(t0, t1, t2, t3, t4, t5) {
+      var _ = this;
+      _.name = t0;
+      _.originalName = t1;
+      _.parameters = t2;
+      _.span = t3;
+      _.children = t4;
+      _.hasDeclarations = t5;
+    },
+    ContentRule: function ContentRule(t0, t1) {
+      this.$arguments = t0;
+      this.span = t1;
+    },
+    DebugRule: function DebugRule(t0, t1) {
+      this.expression = t0;
+      this.span = t1;
+    },
+    Declaration$($name, value, span) {
+      return new A.Declaration($name, value, span, null, false);
+    },
+    Declaration$nested($name, children, span, value) {
+      var t1 = A.List_List$unmodifiable(children, type$.Statement),
+        t2 = B.JSArray_methods.any$1(t1, new A.ParentStatement_closure());
+      return new A.Declaration($name, value, span, t1, t2);
+    },
+    Declaration: function Declaration(t0, t1, t2, t3, t4) {
+      var _ = this;
+      _.name = t0;
+      _.value = t1;
+      _.span = t2;
+      _.children = t3;
+      _.hasDeclarations = t4;
+    },
+    EachRule$(variables, list, children, span) {
+      var t1 = A.List_List$unmodifiable(variables, type$.String),
+        t2 = A.List_List$unmodifiable(children, type$.Statement),
+        t3 = B.JSArray_methods.any$1(t2, new A.ParentStatement_closure());
+      return new A.EachRule(t1, list, span, t2, t3);
+    },
+    EachRule: function EachRule(t0, t1, t2, t3, t4) {
+      var _ = this;
+      _.variables = t0;
+      _.list = t1;
+      _.span = t2;
+      _.children = t3;
+      _.hasDeclarations = t4;
+    },
+    EachRule_toString_closure: function EachRule_toString_closure() {
+    },
+    ErrorRule: function ErrorRule(t0, t1) {
+      this.expression = t0;
+      this.span = t1;
+    },
+    ExtendRule: function ExtendRule(t0, t1, t2) {
+      this.selector = t0;
+      this.isOptional = t1;
+      this.span = t2;
+    },
+    ForRule$(variable, from, to, children, span, exclusive) {
+      var t1 = A.List_List$unmodifiable(children, type$.Statement),
+        t2 = B.JSArray_methods.any$1(t1, new A.ParentStatement_closure());
+      return new A.ForRule(variable, from, to, exclusive, span, t1, t2);
+    },
+    ForRule: function ForRule(t0, t1, t2, t3, t4, t5, t6) {
+      var _ = this;
+      _.variable = t0;
+      _.from = t1;
+      _.to = t2;
+      _.isExclusive = t3;
+      _.span = t4;
+      _.children = t5;
+      _.hasDeclarations = t6;
+    },
+    ForwardRule: function ForwardRule(t0, t1, t2, t3, t4, t5, t6, t7) {
+      var _ = this;
+      _.url = t0;
+      _.shownMixinsAndFunctions = t1;
+      _.shownVariables = t2;
+      _.hiddenMixinsAndFunctions = t3;
+      _.hiddenVariables = t4;
+      _.prefix = t5;
+      _.configuration = t6;
+      _.span = t7;
+    },
+    FunctionRule$($name, parameters, children, span, comment) {
+      var t1 = A.stringReplaceAllUnchecked($name, "_", "-"),
+        t2 = A.List_List$unmodifiable(children, type$.Statement),
+        t3 = B.JSArray_methods.any$1(t2, new A.ParentStatement_closure());
+      return new A.FunctionRule(t1, $name, parameters, span, t2, t3);
+    },
+    FunctionRule: function FunctionRule(t0, t1, t2, t3, t4, t5) {
+      var _ = this;
+      _.name = t0;
+      _.originalName = t1;
+      _.parameters = t2;
+      _.span = t3;
+      _.children = t4;
+      _.hasDeclarations = t5;
+    },
+    IfClause$(expression, children) {
+      var t1 = A.List_List$unmodifiable(children, type$.Statement);
+      return new A.IfClause(expression, t1, B.JSArray_methods.any$1(t1, new A.IfRuleClause$__closure()));
+    },
+    ElseClause$(children) {
+      var t1 = A.List_List$unmodifiable(children, type$.Statement);
+      return new A.ElseClause(t1, B.JSArray_methods.any$1(t1, new A.IfRuleClause$__closure()));
+    },
+    IfRule: function IfRule(t0, t1, t2) {
+      this.clauses = t0;
+      this.lastClause = t1;
+      this.span = t2;
+    },
+    IfRule_toString_closure: function IfRule_toString_closure() {
+    },
+    IfRuleClause: function IfRuleClause() {
+    },
+    IfRuleClause$__closure: function IfRuleClause$__closure() {
+    },
+    IfRuleClause$___closure: function IfRuleClause$___closure() {
+    },
+    IfClause: function IfClause(t0, t1, t2) {
+      this.expression = t0;
+      this.children = t1;
+      this.hasDeclarations = t2;
+    },
+    ElseClause: function ElseClause(t0, t1) {
+      this.children = t0;
+      this.hasDeclarations = t1;
+    },
+    ImportRule: function ImportRule(t0, t1) {
+      this.imports = t0;
+      this.span = t1;
+    },
+    IncludeRule: function IncludeRule(t0, t1, t2, t3, t4, t5) {
+      var _ = this;
+      _.namespace = t0;
+      _.name = t1;
+      _.originalName = t2;
+      _.$arguments = t3;
+      _.content = t4;
+      _.span = t5;
+    },
+    LoudComment: function LoudComment(t0) {
+      this.text = t0;
+    },
+    MediaRule$(query, children, span) {
+      var t1 = A.List_List$unmodifiable(children, type$.Statement),
+        t2 = B.JSArray_methods.any$1(t1, new A.ParentStatement_closure());
+      return new A.MediaRule(query, span, t1, t2);
+    },
+    MediaRule: function MediaRule(t0, t1, t2, t3) {
+      var _ = this;
+      _.query = t0;
+      _.span = t1;
+      _.children = t2;
+      _.hasDeclarations = t3;
+    },
+    MixinRule$($name, parameters, children, span, comment) {
+      var t1 = A.stringReplaceAllUnchecked($name, "_", "-"),
+        t2 = A.List_List$unmodifiable(children, type$.Statement),
+        t3 = B.JSArray_methods.any$1(t2, new A.ParentStatement_closure());
+      return new A.MixinRule(t1, $name, parameters, span, t2, t3);
+    },
+    MixinRule: function MixinRule(t0, t1, t2, t3, t4, t5) {
+      var _ = this;
+      _.__MixinRule_hasContent_FI = $;
+      _.name = t0;
+      _.originalName = t1;
+      _.parameters = t2;
+      _.span = t3;
+      _.children = t4;
+      _.hasDeclarations = t5;
+    },
+    _HasContentVisitor: function _HasContentVisitor() {
+    },
+    __HasContentVisitor_Object_StatementSearchVisitor: function __HasContentVisitor_Object_StatementSearchVisitor() {
+    },
+    ParentStatement: function ParentStatement() {
+    },
+    ParentStatement_closure: function ParentStatement_closure() {
+    },
+    ParentStatement__closure: function ParentStatement__closure() {
+    },
+    ReturnRule: function ReturnRule(t0, t1) {
+      this.expression = t0;
+      this.span = t1;
+    },
+    SilentComment: function SilentComment(t0, t1) {
+      this.text = t0;
+      this.span = t1;
+    },
+    StyleRule$(selector, children, span) {
+      var t1 = A.List_List$unmodifiable(children, type$.Statement),
+        t2 = B.JSArray_methods.any$1(t1, new A.ParentStatement_closure());
+      return new A.StyleRule(selector, span, t1, t2);
+    },
+    StyleRule: function StyleRule(t0, t1, t2, t3) {
+      var _ = this;
+      _.selector = t0;
+      _.span = t1;
+      _.children = t2;
+      _.hasDeclarations = t3;
+    },
+    Stylesheet$(children, span) {
+      var t1 = A._setArrayType([], type$.JSArray_Record_3_nullable_Deprecation_deprecation_and_String_message_and_FileSpan_span),
+        t2 = A._setArrayType([], type$.JSArray_UseRule),
+        t3 = A._setArrayType([], type$.JSArray_ForwardRule),
+        t4 = A.List_List$unmodifiable(children, type$.Statement),
+        t5 = B.JSArray_methods.any$1(t4, new A.ParentStatement_closure());
+      t2 = new A.Stylesheet(span, false, t2, t3, new A.UnmodifiableListView(t1, type$.UnmodifiableListView_Record_3_nullable_Deprecation_deprecation_and_String_message_and_FileSpan_span), B.Map_empty6, t4, t5);
+      t2.Stylesheet$internal$5$globalVariables$plainCss(children, span, t1, null, false);
+      return t2;
+    },
+    Stylesheet$internal(children, span, parseTimeWarnings, globalVariables, plainCss) {
+      var t1 = A._setArrayType([], type$.JSArray_UseRule),
+        t2 = A._setArrayType([], type$.JSArray_ForwardRule),
+        t3 = globalVariables == null ? B.Map_empty6 : A.ConstantMap_ConstantMap$from(globalVariables, type$.String, type$.FileSpan),
+        t4 = A.List_List$unmodifiable(children, type$.Statement),
+        t5 = B.JSArray_methods.any$1(t4, new A.ParentStatement_closure());
+      t1 = new A.Stylesheet(span, plainCss, t1, t2, new A.UnmodifiableListView(parseTimeWarnings, type$.UnmodifiableListView_Record_3_nullable_Deprecation_deprecation_and_String_message_and_FileSpan_span), t3, t4, t5);
+      t1.Stylesheet$internal$5$globalVariables$plainCss(children, span, parseTimeWarnings, globalVariables, plainCss);
+      return t1;
+    },
+    Stylesheet_Stylesheet$parse(contents, syntax, url) {
+      var error, stackTrace, url0, t1, exception, t2;
+      try {
+        switch (syntax) {
+          case B.Syntax_Sass_sass:
+            t1 = new A.SassParser(A.LinkedHashMap_LinkedHashMap$_empty(type$.String, type$.FileSpan), A._setArrayType([], type$.JSArray_Record_3_nullable_Deprecation_deprecation_and_String_message_and_FileSpan_span), A.SpanScanner$(contents, url), null).parse$0(0);
+            return t1;
+          case B.Syntax_SCSS_scss:
+            t1 = A.ScssParser$(contents, url).parse$0(0);
+            return t1;
+          case B.Syntax_CSS_css:
+            t1 = new A.CssParser(A.LinkedHashMap_LinkedHashMap$_empty(type$.String, type$.FileSpan), A._setArrayType([], type$.JSArray_Record_3_nullable_Deprecation_deprecation_and_String_message_and_FileSpan_span), A.SpanScanner$(contents, url), null).parse$0(0);
+            return t1;
+        }
+      } catch (exception) {
+        t1 = A.unwrapException(exception);
+        if (t1 instanceof A.SassException) {
+          error = t1;
+          stackTrace = A.getTraceFromException(exception);
+          t1 = error;
+          t2 = J.getInterceptor$z(t1);
+          t1 = A.SourceSpanException.prototype.get$span.call(t2, t1);
+          url0 = t1.get$sourceUrl(t1);
+          if (url0 == null || url0.toString$0(0) === "stdin")
+            throw exception;
+          t1 = type$.Uri;
+          throw A.wrapException(A.throwWithTrace(error.withLoadedUrls$1(A.Set_Set$unmodifiable(A.LinkedHashSet_LinkedHashSet$_literal([url0], t1), t1)), error, stackTrace));
+        } else
+          throw exception;
+      }
+    },
+    Stylesheet: function Stylesheet(t0, t1, t2, t3, t4, t5, t6, t7) {
+      var _ = this;
+      _.span = t0;
+      _.plainCss = t1;
+      _._uses = t2;
+      _._forwards = t3;
+      _.parseTimeWarnings = t4;
+      _.globalVariables = t5;
+      _.children = t6;
+      _.hasDeclarations = t7;
+    },
+    SupportsRule$(condition, children, span) {
+      var t1 = A.List_List$unmodifiable(children, type$.Statement),
+        t2 = B.JSArray_methods.any$1(t1, new A.ParentStatement_closure());
+      return new A.SupportsRule(condition, span, t1, t2);
+    },
+    SupportsRule: function SupportsRule(t0, t1, t2, t3) {
+      var _ = this;
+      _.condition = t0;
+      _.span = t1;
+      _.children = t2;
+      _.hasDeclarations = t3;
+    },
+    UseRule: function UseRule(t0, t1, t2, t3) {
+      var _ = this;
+      _.url = t0;
+      _.namespace = t1;
+      _.configuration = t2;
+      _.span = t3;
+    },
+    VariableDeclaration$($name, expression, span, comment, global, guarded, namespace) {
+      if (namespace != null && global)
+        A.throwExpression(A.ArgumentError$(string$.Other_, null));
+      return new A.VariableDeclaration(namespace, $name, expression, guarded, global, span);
+    },
+    VariableDeclaration: function VariableDeclaration(t0, t1, t2, t3, t4, t5) {
+      var _ = this;
+      _.namespace = t0;
+      _.name = t1;
+      _.expression = t2;
+      _.isGuarded = t3;
+      _.isGlobal = t4;
+      _.span = t5;
+    },
+    WarnRule: function WarnRule(t0, t1) {
+      this.expression = t0;
+      this.span = t1;
+    },
+    WhileRule$(condition, children, span) {
+      var t1 = A.List_List$unmodifiable(children, type$.Statement),
+        t2 = B.JSArray_methods.any$1(t1, new A.ParentStatement_closure());
+      return new A.WhileRule(condition, span, t1, t2);
+    },
+    WhileRule: function WhileRule(t0, t1, t2, t3) {
+      var _ = this;
+      _.condition = t0;
+      _.span = t1;
+      _.children = t2;
+      _.hasDeclarations = t3;
+    },
+    SupportsAnything: function SupportsAnything(t0, t1) {
+      this.contents = t0;
+      this.span = t1;
+    },
+    SupportsDeclaration: function SupportsDeclaration(t0, t1, t2) {
+      this.name = t0;
+      this.value = t1;
+      this.span = t2;
+    },
+    SupportsFunction: function SupportsFunction(t0, t1, t2) {
+      this.name = t0;
+      this.$arguments = t1;
+      this.span = t2;
+    },
+    SupportsInterpolation: function SupportsInterpolation(t0, t1) {
+      this.expression = t0;
+      this.span = t1;
+    },
+    SupportsNegation: function SupportsNegation(t0, t1) {
+      this.condition = t0;
+      this.span = t1;
+    },
+    SupportsOperation$(left, right, operator, span) {
+      var lowerOperator = operator.toLowerCase();
+      if (lowerOperator !== "and" && lowerOperator !== "or")
+        A.throwExpression(A.ArgumentError$value(operator, "operator", 'may only be "and" or "or".'));
+      return new A.SupportsOperation(left, right, operator, span);
+    },
+    SupportsOperation: function SupportsOperation(t0, t1, t2, t3) {
+      var _ = this;
+      _.left = t0;
+      _.right = t1;
+      _.operator = t2;
+      _.span = t3;
+    },
+    Selector: function Selector() {
+    },
+    _IsInvisibleVisitor0: function _IsInvisibleVisitor0(t0) {
+      this.includeBogus = t0;
+    },
+    _IsBogusVisitor: function _IsBogusVisitor(t0) {
+      this.includeLeadingCombinator = t0;
+    },
+    _IsBogusVisitor_visitComplexSelector_closure: function _IsBogusVisitor_visitComplexSelector_closure(t0) {
+      this.$this = t0;
+    },
+    _IsUselessVisitor: function _IsUselessVisitor() {
+    },
+    _IsUselessVisitor_visitComplexSelector_closure: function _IsUselessVisitor_visitComplexSelector_closure(t0) {
+      this.$this = t0;
+    },
+    _ContainsParentSelectorVisitor: function _ContainsParentSelectorVisitor() {
+    },
+    __ContainsParentSelectorVisitor_Object_AnySelectorVisitor: function __ContainsParentSelectorVisitor_Object_AnySelectorVisitor() {
+    },
+    __IsBogusVisitor_Object_AnySelectorVisitor: function __IsBogusVisitor_Object_AnySelectorVisitor() {
+    },
+    __IsInvisibleVisitor_Object_AnySelectorVisitor: function __IsInvisibleVisitor_Object_AnySelectorVisitor() {
+    },
+    __IsUselessVisitor_Object_AnySelectorVisitor: function __IsUselessVisitor_Object_AnySelectorVisitor() {
+    },
+    AttributeSelector: function AttributeSelector(t0, t1, t2, t3, t4) {
+      var _ = this;
+      _.name = t0;
+      _.op = t1;
+      _.value = t2;
+      _.modifier = t3;
+      _.span = t4;
+    },
+    AttributeOperator: function AttributeOperator(t0, t1) {
+      this._attribute$_text = t0;
+      this._name = t1;
+    },
+    ClassSelector: function ClassSelector(t0, t1) {
+      this.name = t0;
+      this.span = t1;
+    },
+    Combinator: function Combinator(t0, t1) {
+      this._combinator$_text = t0;
+      this._name = t1;
+    },
+    ComplexSelector$(leadingCombinators, components, span, lineBreak) {
+      var t1 = A.List_List$unmodifiable(leadingCombinators, type$.CssValue_Combinator),
+        t2 = A.List_List$unmodifiable(components, type$.ComplexSelectorComponent);
+      if (t1.length === 0 && t2.length === 0)
+        A.throwExpression(A.ArgumentError$(string$.leadin, null));
+      return new A.ComplexSelector(t1, t2, lineBreak, span);
+    },
+    ComplexSelector: function ComplexSelector(t0, t1, t2, t3) {
+      var _ = this;
+      _.leadingCombinators = t0;
+      _.components = t1;
+      _.lineBreak = t2;
+      _.__ComplexSelector_specificity_FI = $;
+      _.span = t3;
+    },
+    ComplexSelector_specificity_closure: function ComplexSelector_specificity_closure() {
+    },
+    ComplexSelectorComponent: function ComplexSelectorComponent(t0, t1, t2) {
+      this.selector = t0;
+      this.combinators = t1;
+      this.span = t2;
+    },
+    ComplexSelectorComponent_toString_closure: function ComplexSelectorComponent_toString_closure() {
+    },
+    CompoundSelector$(components, span) {
+      var t1 = A.List_List$unmodifiable(components, type$.SimpleSelector);
+      if (t1.length === 0)
+        A.throwExpression(A.ArgumentError$("components may not be empty.", null));
+      return new A.CompoundSelector(t1, span);
+    },
+    CompoundSelector: function CompoundSelector(t0, t1) {
+      var _ = this;
+      _.components = t0;
+      _.__CompoundSelector_hasComplicatedSuperselectorSemantics_FI = _.__CompoundSelector_specificity_FI = $;
+      _.span = t1;
+    },
+    CompoundSelector_specificity_closure: function CompoundSelector_specificity_closure() {
+    },
+    CompoundSelector_hasComplicatedSuperselectorSemantics_closure: function CompoundSelector_hasComplicatedSuperselectorSemantics_closure() {
+    },
+    IDSelector: function IDSelector(t0, t1) {
+      this.name = t0;
+      this.span = t1;
+    },
+    IDSelector_unify_closure: function IDSelector_unify_closure(t0) {
+      this.$this = t0;
+    },
+    SelectorList$(components, span) {
+      var t1 = A.List_List$unmodifiable(components, type$.ComplexSelector);
+      if (t1.length === 0)
+        A.throwExpression(A.ArgumentError$("components may not be empty.", null));
+      return new A.SelectorList(t1, span);
+    },
+    SelectorList_SelectorList$parse(contents, allowParent, interpolationMap, plainCss) {
+      return new A.SelectorParser(allowParent, plainCss, A.SpanScanner$(contents, null), interpolationMap).parse$0(0);
+    },
+    SelectorList: function SelectorList(t0, t1) {
+      this.components = t0;
+      this.span = t1;
+    },
+    SelectorList_asSassList_closure: function SelectorList_asSassList_closure() {
+    },
+    SelectorList_nestWithin_closure: function SelectorList_nestWithin_closure(t0, t1, t2, t3) {
+      var _ = this;
+      _.$this = t0;
+      _.preserveParentSelectors = t1;
+      _.implicitParent = t2;
+      _.parent = t3;
+    },
+    SelectorList_nestWithin__closure: function SelectorList_nestWithin__closure(t0) {
+      this.complex = t0;
+    },
+    SelectorList_nestWithin__closure0: function SelectorList_nestWithin__closure0(t0) {
+      this.complex = t0;
+    },
+    SelectorList__nestWithinCompound_closure: function SelectorList__nestWithinCompound_closure() {
+    },
+    SelectorList__nestWithinCompound_closure0: function SelectorList__nestWithinCompound_closure0(t0) {
+      this.parent = t0;
+    },
+    SelectorList__nestWithinCompound_closure1: function SelectorList__nestWithinCompound_closure1(t0, t1, t2) {
+      this.parentSelector = t0;
+      this.resolvedSimples = t1;
+      this.component = t2;
+    },
+    SelectorList_withAdditionalCombinators_closure: function SelectorList_withAdditionalCombinators_closure(t0) {
+      this.combinators = t0;
+    },
+    _ParentSelectorVisitor: function _ParentSelectorVisitor() {
+    },
+    __ParentSelectorVisitor_Object_SelectorSearchVisitor: function __ParentSelectorVisitor_Object_SelectorSearchVisitor() {
+    },
+    ParentSelector: function ParentSelector(t0, t1) {
+      this.suffix = t0;
+      this.span = t1;
+    },
+    PlaceholderSelector: function PlaceholderSelector(t0, t1) {
+      this.name = t0;
+      this.span = t1;
+    },
+    PseudoSelector$($name, span, argument, element, selector) {
+      var t1 = !element,
+        t2 = t1 && !A.PseudoSelector__isFakePseudoElement($name);
+      return new A.PseudoSelector($name, A.unvendor($name), t2, t1, argument, selector, span);
+    },
+    PseudoSelector__isFakePseudoElement($name) {
+      switch ($name.charCodeAt(0)) {
+        case 97:
+        case 65:
+          return A.equalsIgnoreCase($name, "after");
+        case 98:
+        case 66:
+          return A.equalsIgnoreCase($name, "before");
+        case 102:
+        case 70:
+          return A.equalsIgnoreCase($name, "first-line") || A.equalsIgnoreCase($name, "first-letter");
+        default:
+          return false;
+      }
+    },
+    PseudoSelector: function PseudoSelector(t0, t1, t2, t3, t4, t5, t6) {
+      var _ = this;
+      _.name = t0;
+      _.normalizedName = t1;
+      _.isClass = t2;
+      _.isSyntacticClass = t3;
+      _.argument = t4;
+      _.selector = t5;
+      _.__PseudoSelector_specificity_FI = $;
+      _.span = t6;
+    },
+    PseudoSelector_specificity_closure: function PseudoSelector_specificity_closure(t0) {
+      this.$this = t0;
+    },
+    PseudoSelector_specificity__closure: function PseudoSelector_specificity__closure() {
+    },
+    PseudoSelector_specificity__closure0: function PseudoSelector_specificity__closure0() {
+    },
+    PseudoSelector_unify_closure: function PseudoSelector_unify_closure() {
+    },
+    QualifiedName: function QualifiedName(t0, t1) {
+      this.name = t0;
+      this.namespace = t1;
+    },
+    SimpleSelector: function SimpleSelector() {
+    },
+    SimpleSelector_isSuperselector_closure: function SimpleSelector_isSuperselector_closure(t0) {
+      this.$this = t0;
+    },
+    SimpleSelector_isSuperselector__closure: function SimpleSelector_isSuperselector__closure(t0) {
+      this.$this = t0;
+    },
+    TypeSelector: function TypeSelector(t0, t1) {
+      this.name = t0;
+      this.span = t1;
+    },
+    UniversalSelector: function UniversalSelector(t0, t1) {
+      this.namespace = t0;
+      this.span = t1;
+    },
+    compileAsync(path, charset, fatalDeprecations, futureDeprecations, importCache, logger, quietDeps, silenceDeprecations, sourceMap, style, syntax, verbose) {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.CompileResult),
+        $async$returnValue, t3, t4, t0, stylesheet, result, t1, t2;
+      var $async$compileAsync = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              t1 = type$.Deprecation;
+              t2 = A.LinkedHashSet_LinkedHashSet$_empty(t1);
+              t2.addAll$1(0, silenceDeprecations);
+              t3 = A.LinkedHashSet_LinkedHashSet$_empty(t1);
+              t3.addAll$1(0, fatalDeprecations);
+              t4 = A.LinkedHashSet_LinkedHashSet$_empty(t1);
+              t4.addAll$1(0, futureDeprecations);
+              logger = new A.DeprecationProcessingLogger(A.LinkedHashMap_LinkedHashMap$_empty(t1, type$.int), logger, t2, t3, t4, !verbose);
+              logger.validate$0();
+              t1 = syntax === A.Syntax_forPath(path);
+              $async$goto = t1 ? 3 : 5;
+              break;
+            case 3:
+              // then
+              t1 = $.$get$FilesystemImporter_cwd();
+              t2 = A.isNodeJs() ? self.process : null;
+              if (!J.$eq$(t2 == null ? null : J.get$platform$x(t2), "win32")) {
+                t2 = A.isNodeJs() ? self.process : null;
+                t2 = J.$eq$(t2 == null ? null : J.get$platform$x(t2), "darwin");
+              } else
+                t2 = true;
+              if (t2) {
+                t2 = A.absolute(path, null, null, null, null, null, null, null, null, null, null, null, null, null, null);
+                t3 = $.$get$context();
+                t2 = A._realCasePath(t3.normalize$1(t2));
+              } else {
+                t2 = $.$get$context();
+                t3 = t2.canonicalize$1(0, path);
+                t0 = t3;
+                t3 = t2;
+                t2 = t0;
+              }
+              $async$goto = 6;
+              return A._asyncAwait(importCache.importCanonical$3$originalUrl(t1, t3.toUri$1(t2), t3.toUri$1(path)), $async$compileAsync);
+            case 6:
+              // returning from await.
+              t3 = $async$result;
+              t3.toString;
+              stylesheet = t3;
+              // goto join
+              $async$goto = 4;
+              break;
+            case 5:
+              // else
+              t1 = A.readFile(path);
+              stylesheet = A.Stylesheet_Stylesheet$parse(t1, syntax, $.$get$context().toUri$1(path));
+            case 4:
+              // join
+              $async$goto = 7;
+              return A._asyncAwait(A._compileStylesheet0(stylesheet, logger, importCache, null, $.$get$FilesystemImporter_cwd(), null, style, true, null, null, quietDeps, sourceMap, charset), $async$compileAsync);
+            case 7:
+              // returning from await.
+              result = $async$result;
+              logger.summarize$1$js(false);
+              $async$returnValue = result;
+              // goto return
+              $async$goto = 1;
+              break;
+            case 1:
+              // return
+              return A._asyncReturn($async$returnValue, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$compileAsync, $async$completer);
+    },
+    compileStringAsync(source, charset, fatalDeprecations, futureDeprecations, importCache, importer, logger, quietDeps, silenceDeprecations, sourceMap, style, syntax, verbose) {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.CompileResult),
+        $async$returnValue, t3, t4, stylesheet, _0_0, result, t1, t2;
+      var $async$compileStringAsync = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              t1 = type$.Deprecation;
+              t2 = A.LinkedHashSet_LinkedHashSet$_empty(t1);
+              t2.addAll$1(0, silenceDeprecations);
+              t3 = A.LinkedHashSet_LinkedHashSet$_empty(t1);
+              t3.addAll$1(0, fatalDeprecations);
+              t4 = A.LinkedHashSet_LinkedHashSet$_empty(t1);
+              t4.addAll$1(0, futureDeprecations);
+              logger = new A.DeprecationProcessingLogger(A.LinkedHashMap_LinkedHashMap$_empty(t1, type$.int), logger, t2, t3, t4, !verbose);
+              logger.validate$0();
+              stylesheet = A.Stylesheet_Stylesheet$parse(source, syntax, null);
+              t1 = stylesheet.span;
+              _0_0 = t1.get$sourceUrl(t1);
+              if (type$.Uri._is(_0_0))
+                t2 = "" === _0_0.get$scheme();
+              else
+                t2 = false;
+              if (t2)
+                A.WarnForDeprecation_warnForDeprecation(logger, B.Deprecation_lJb, "Passing a relative `url` argument (" + A.S(t1.get$sourceUrl(t1)) + string$.x29x20to_cm, null, null);
+              $async$goto = 3;
+              return A._asyncAwait(A._compileStylesheet0(stylesheet, logger, importCache, null, importer, null, style, true, null, null, quietDeps, sourceMap, charset), $async$compileStringAsync);
+            case 3:
+              // returning from await.
+              result = $async$result;
+              logger.summarize$1$js(false);
+              $async$returnValue = result;
+              // goto return
+              $async$goto = 1;
+              break;
+            case 1:
+              // return
+              return A._asyncReturn($async$returnValue, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$compileStringAsync, $async$completer);
+    },
+    _compileStylesheet0(stylesheet, logger, importCache, nodeImporter, importer, functions, style, useSpaces, indentWidth, lineFeed, quietDeps, sourceMap, charset) {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.CompileResult),
+        $async$returnValue, serializeResult, resultSourceMap, $async$temp1;
+      var $async$_compileStylesheet0 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              $async$temp1 = A;
+              $async$goto = 3;
+              return A._asyncAwait(A._EvaluateVisitor$0(functions, importCache, logger, nodeImporter, quietDeps, sourceMap).run$2(0, importer, stylesheet), $async$_compileStylesheet0);
+            case 3:
+              // returning from await.
+              serializeResult = $async$temp1.serialize($async$result._1, charset, indentWidth, false, lineFeed, logger, sourceMap, style, true);
+              resultSourceMap = serializeResult._1;
+              if (resultSourceMap != null)
+                A.mapInPlace(resultSourceMap.urls, new A._compileStylesheet_closure0(stylesheet, importCache));
+              $async$returnValue = new A.CompileResult(serializeResult);
+              // goto return
+              $async$goto = 1;
+              break;
+            case 1:
+              // return
+              return A._asyncReturn($async$returnValue, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$_compileStylesheet0, $async$completer);
+    },
+    _compileStylesheet_closure0: function _compileStylesheet_closure0(t0, t1) {
+      this.stylesheet = t0;
+      this.importCache = t1;
+    },
+    AsyncEnvironment$() {
+      var t1 = type$.String,
+        t2 = type$.Module_AsyncCallable,
+        t3 = type$.AstNode,
+        t4 = type$.int,
+        t5 = type$.AsyncCallable,
+        t6 = type$.JSArray_Map_String_AsyncCallable;
+      return new A.AsyncEnvironment(A.LinkedHashMap_LinkedHashMap$_empty(t1, t2), A.LinkedHashMap_LinkedHashMap$_empty(t1, t3), A.LinkedHashMap_LinkedHashMap$_empty(t2, t3), A.LinkedHashMap_LinkedHashMap$_empty(t2, t3), null, null, A._setArrayType([], type$.JSArray_Module_AsyncCallable), A._setArrayType([A.LinkedHashMap_LinkedHashMap$_empty(t1, type$.Value)], type$.JSArray_Map_String_Value), A._setArrayType([A.LinkedHashMap_LinkedHashMap$_empty(t1, t3)], type$.JSArray_Map_String_AstNode), A.LinkedHashMap_LinkedHashMap$_empty(t1, t4), A._setArrayType([A.LinkedHashMap_LinkedHashMap$_empty(t1, t5)], t6), A.LinkedHashMap_LinkedHashMap$_empty(t1, t4), A._setArrayType([A.LinkedHashMap_LinkedHashMap$_empty(t1, t5)], t6), A.LinkedHashMap_LinkedHashMap$_empty(t1, t4), null, A.LinkedHashSet_LinkedHashSet$_empty(t1));
+    },
+    AsyncEnvironment$_(_modules, _namespaceNodes, _globalModules, _importedModules, _forwardedModules, _nestedForwardedModules, _allModules, _variables, _variableNodes, _functions, _mixins, _content, _configurableVariables) {
+      var t1 = type$.String,
+        t2 = type$.int;
+      return new A.AsyncEnvironment(_modules, _namespaceNodes, _globalModules, _importedModules, _forwardedModules, _nestedForwardedModules, _allModules, _variables, _variableNodes, A.LinkedHashMap_LinkedHashMap$_empty(t1, t2), _functions, A.LinkedHashMap_LinkedHashMap$_empty(t1, t2), _mixins, A.LinkedHashMap_LinkedHashMap$_empty(t1, t2), _content, _configurableVariables);
+    },
+    _EnvironmentModule__EnvironmentModule0(environment, css, preModuleComments, extensionStore, forwarded) {
+      var t1, t2, t3, t4, t5, t6, module, result, t7;
+      if (forwarded == null)
+        forwarded = B.Set_empty3;
+      t1 = type$.dynamic;
+      t1 = A.LinkedHashMap_LinkedHashMap$_empty(t1, t1);
+      for (t2 = type$.Module_AsyncCallable, t3 = type$.List_CssComment, t4 = A.MapExtensions_get_pairs(preModuleComments, t2, t3), t4 = t4.get$iterator(t4), t5 = type$.CssComment; t4.moveNext$0();) {
+        t6 = t4.get$current(t4);
+        module = t6._0;
+        result = A.List_List$from(t6._1, false, t5);
+        result.$flags = 3;
+        t1.$indexSet(0, module, result);
+      }
+      t1 = A.ConstantMap_ConstantMap$from(t1, t2, t3);
+      t2 = A._EnvironmentModule__makeModulesByVariable0(forwarded);
+      t3 = A._EnvironmentModule__memberMap0(B.JSArray_methods.get$first(environment._async_environment$_variables), forwarded.map$1$1(0, new A._EnvironmentModule__EnvironmentModule_closure5(), type$.Map_String_Value), type$.Value);
+      t4 = A._EnvironmentModule__memberMap0(B.JSArray_methods.get$first(environment._async_environment$_variableNodes), forwarded.map$1$1(0, new A._EnvironmentModule__EnvironmentModule_closure6(), type$.Map_String_AstNode), type$.AstNode);
+      t5 = type$.Map_String_AsyncCallable;
+      t6 = type$.AsyncCallable;
+      t7 = A._EnvironmentModule__memberMap0(B.JSArray_methods.get$first(environment._async_environment$_functions), forwarded.map$1$1(0, new A._EnvironmentModule__EnvironmentModule_closure7(), t5), t6);
+      t6 = A._EnvironmentModule__memberMap0(B.JSArray_methods.get$first(environment._async_environment$_mixins), forwarded.map$1$1(0, new A._EnvironmentModule__EnvironmentModule_closure8(), t5), t6);
+      t5 = J.get$isNotEmpty$asx(css.get$children(css)) || preModuleComments.get$isNotEmpty(preModuleComments) || B.JSArray_methods.any$1(environment._async_environment$_allModules, new A._EnvironmentModule__EnvironmentModule_closure9());
+      return A._EnvironmentModule$_0(environment, css, t1, extensionStore, t2, t3, t4, t7, t6, t5, !extensionStore.get$isEmpty(extensionStore) || B.JSArray_methods.any$1(environment._async_environment$_allModules, new A._EnvironmentModule__EnvironmentModule_closure10()));
+    },
+    _EnvironmentModule__makeModulesByVariable0(forwarded) {
+      var modulesByVariable, t1, t2, t3, t4, t5;
+      if (forwarded.get$isEmpty(forwarded))
+        return B.Map_empty8;
+      modulesByVariable = A.LinkedHashMap_LinkedHashMap$_empty(type$.String, type$.Module_AsyncCallable);
+      for (t1 = forwarded.get$iterator(forwarded); t1.moveNext$0();) {
+        t2 = t1.get$current(t1);
+        if (t2 instanceof A._EnvironmentModule0) {
+          for (t3 = t2._async_environment$_modulesByVariable, t3 = t3.get$values(t3), t3 = t3.get$iterator(t3); t3.moveNext$0();) {
+            t4 = t3.get$current(t3);
+            t5 = t4.get$variables();
+            A.setAll(modulesByVariable, t5.get$keys(t5), t4);
+          }
+          t3 = B.JSArray_methods.get$first(t2._async_environment$_environment._async_environment$_variables);
+          A.setAll(modulesByVariable, t3.get$keys(t3), t2);
+        } else {
+          t3 = t2.get$variables();
+          A.setAll(modulesByVariable, t3.get$keys(t3), t2);
+        }
+      }
+      return modulesByVariable;
+    },
+    _EnvironmentModule__memberMap0(localMap, otherMaps, $V) {
+      var t1, t2, t3;
+      localMap = new A.PublicMemberMapView(localMap, $V._eval$1("PublicMemberMapView<0>"));
+      if (otherMaps.get$isEmpty(otherMaps))
+        return localMap;
+      t1 = A._setArrayType([], $V._eval$1("JSArray<Map<String,0>>"));
+      for (t2 = otherMaps.get$iterator(otherMaps); t2.moveNext$0();) {
+        t3 = t2.get$current(t2);
+        if (t3.get$isNotEmpty(t3))
+          t1.push(t3);
+      }
+      t1.push(localMap);
+      if (t1.length === 1)
+        return localMap;
+      return A.MergedMapView$(t1, type$.String, $V);
+    },
+    _EnvironmentModule$_0(_environment, css, preModuleComments, extensionStore, _modulesByVariable, variables, variableNodes, functions, mixins, transitivelyContainsCss, transitivelyContainsExtensions) {
+      return new A._EnvironmentModule0(_environment._async_environment$_allModules, variables, variableNodes, functions, mixins, extensionStore, css, preModuleComments, transitivelyContainsCss, transitivelyContainsExtensions, _environment, _modulesByVariable);
+    },
+    AsyncEnvironment: function AsyncEnvironment(t0, t1, t2, t3, t4, t5, t6, t7, t8, t9, t10, t11, t12, t13, t14, t15) {
+      var _ = this;
+      _._async_environment$_modules = t0;
+      _._async_environment$_namespaceNodes = t1;
+      _._async_environment$_globalModules = t2;
+      _._async_environment$_importedModules = t3;
+      _._async_environment$_forwardedModules = t4;
+      _._async_environment$_nestedForwardedModules = t5;
+      _._async_environment$_allModules = t6;
+      _._async_environment$_variables = t7;
+      _._async_environment$_variableNodes = t8;
+      _._async_environment$_variableIndices = t9;
+      _._async_environment$_functions = t10;
+      _._async_environment$_functionIndices = t11;
+      _._async_environment$_mixins = t12;
+      _._async_environment$_mixinIndices = t13;
+      _._async_environment$_content = t14;
+      _._async_environment$_configurableVariables = t15;
+      _._async_environment$_inMixin = false;
+      _._async_environment$_inSemiGlobalScope = true;
+      _._async_environment$_lastVariableIndex = _._async_environment$_lastVariableName = null;
+    },
+    AsyncEnvironment__getVariableFromGlobalModule_closure: function AsyncEnvironment__getVariableFromGlobalModule_closure(t0) {
+      this.name = t0;
+    },
+    AsyncEnvironment_setVariable_closure: function AsyncEnvironment_setVariable_closure(t0, t1) {
+      this.$this = t0;
+      this.name = t1;
+    },
+    AsyncEnvironment_setVariable_closure0: function AsyncEnvironment_setVariable_closure0(t0) {
+      this.name = t0;
+    },
+    AsyncEnvironment_setVariable_closure1: function AsyncEnvironment_setVariable_closure1(t0, t1) {
+      this.$this = t0;
+      this.name = t1;
+    },
+    AsyncEnvironment__getFunctionFromGlobalModule_closure: function AsyncEnvironment__getFunctionFromGlobalModule_closure(t0) {
+      this.name = t0;
+    },
+    AsyncEnvironment__getMixinFromGlobalModule_closure: function AsyncEnvironment__getMixinFromGlobalModule_closure(t0) {
+      this.name = t0;
+    },
+    AsyncEnvironment_toModule_closure: function AsyncEnvironment_toModule_closure() {
+    },
+    AsyncEnvironment_toDummyModule_closure: function AsyncEnvironment_toDummyModule_closure() {
+    },
+    _EnvironmentModule0: function _EnvironmentModule0(t0, t1, t2, t3, t4, t5, t6, t7, t8, t9, t10, t11) {
+      var _ = this;
+      _.upstream = t0;
+      _.variables = t1;
+      _.variableNodes = t2;
+      _.functions = t3;
+      _.mixins = t4;
+      _.extensionStore = t5;
+      _.css = t6;
+      _.preModuleComments = t7;
+      _.transitivelyContainsCss = t8;
+      _.transitivelyContainsExtensions = t9;
+      _._async_environment$_environment = t10;
+      _._async_environment$_modulesByVariable = t11;
+    },
+    _EnvironmentModule__EnvironmentModule_closure5: function _EnvironmentModule__EnvironmentModule_closure5() {
+    },
+    _EnvironmentModule__EnvironmentModule_closure6: function _EnvironmentModule__EnvironmentModule_closure6() {
+    },
+    _EnvironmentModule__EnvironmentModule_closure7: function _EnvironmentModule__EnvironmentModule_closure7() {
+    },
+    _EnvironmentModule__EnvironmentModule_closure8: function _EnvironmentModule__EnvironmentModule_closure8() {
+    },
+    _EnvironmentModule__EnvironmentModule_closure9: function _EnvironmentModule__EnvironmentModule_closure9() {
+    },
+    _EnvironmentModule__EnvironmentModule_closure10: function _EnvironmentModule__EnvironmentModule_closure10() {
+    },
+    _EnvironmentModule_couldHaveBeenConfigured_closure0: function _EnvironmentModule_couldHaveBeenConfigured_closure0(t0) {
+      this.variables = t0;
+    },
+    AsyncImportCache__toImporters(importers, loadPaths, packageConfig) {
+      var t1, t2, t3, t4, _i, path, _null = null,
+        sassPath = A.getEnvironmentVariable("SASS_PATH");
+      if (A.isBrowser()) {
+        t1 = A._setArrayType([], type$.JSArray_AsyncImporter_2);
+        B.JSArray_methods.addAll$1(t1, importers);
+        return t1;
+      }
+      t1 = A._setArrayType([], type$.JSArray_AsyncImporter_2);
+      B.JSArray_methods.addAll$1(t1, importers);
+      for (t2 = J.get$iterator$ax(loadPaths); t2.moveNext$0();) {
+        t3 = t2.get$current(t2);
+        t1.push(new A.FilesystemImporter($.$get$context().absolute$15(t3, _null, _null, _null, _null, _null, _null, _null, _null, _null, _null, _null, _null, _null, _null), false));
+      }
+      if (sassPath != null) {
+        t2 = A.isNodeJs() ? self.process : _null;
+        t3 = sassPath.split(J.$eq$(t2 == null ? _null : J.get$platform$x(t2), "win32") ? ";" : ":");
+        t4 = t3.length;
+        _i = 0;
+        for (; _i < t4; ++_i) {
+          path = t3[_i];
+          t1.push(new A.FilesystemImporter($.$get$context().absolute$15(path, _null, _null, _null, _null, _null, _null, _null, _null, _null, _null, _null, _null, _null, _null), false));
+        }
+      }
+      return t1;
+    },
+    AsyncImportCache: function AsyncImportCache(t0, t1, t2, t3, t4, t5, t6) {
+      var _ = this;
+      _._async_import_cache$_importers = t0;
+      _._async_import_cache$_canonicalizeCache = t1;
+      _._async_import_cache$_perImporterCanonicalizeCache = t2;
+      _._async_import_cache$_nonCanonicalRelativeUrls = t3;
+      _._async_import_cache$_importCache = t4;
+      _._async_import_cache$_resultsCache = t5;
+      _._async_import_cache$_loadTimes = t6;
+    },
+    AsyncImportCache_canonicalize_closure: function AsyncImportCache_canonicalize_closure(t0, t1, t2, t3, t4, t5, t6) {
+      var _ = this;
+      _.$this = t0;
+      _.baseImporter = t1;
+      _.resolvedUrl = t2;
+      _.baseUrl = t3;
+      _.forImport = t4;
+      _.key = t5;
+      _.url = t6;
+    },
+    AsyncImportCache__canonicalize_closure: function AsyncImportCache__canonicalize_closure(t0, t1) {
+      this.importer = t0;
+      this.url = t1;
+    },
+    AsyncImportCache_importCanonical_closure: function AsyncImportCache_importCanonical_closure(t0, t1, t2, t3) {
+      var _ = this;
+      _.$this = t0;
+      _.importer = t1;
+      _.canonicalUrl = t2;
+      _.originalUrl = t3;
+    },
+    AsyncImportCache_humanize_closure: function AsyncImportCache_humanize_closure(t0) {
+      this.canonicalUrl = t0;
+    },
+    AsyncImportCache_humanize_closure0: function AsyncImportCache_humanize_closure0() {
+    },
+    AsyncImportCache_humanize_closure1: function AsyncImportCache_humanize_closure1() {
+    },
+    AsyncImportCache_humanize_closure2: function AsyncImportCache_humanize_closure2(t0) {
+      this.canonicalUrl = t0;
+    },
+    AsyncBuiltInCallable$mixin($name, parameters, callback, acceptsContent, url) {
+      return new A.AsyncBuiltInCallable($name, A.ScssParser$("@mixin " + $name + "(" + parameters + ") {", url).parseParameterList$0(), new A.AsyncBuiltInCallable$mixin_closure(callback), false);
+    },
+    AsyncBuiltInCallable: function AsyncBuiltInCallable(t0, t1, t2, t3) {
+      var _ = this;
+      _.name = t0;
+      _._parameters = t1;
+      _._async_built_in$_callback = t2;
+      _.acceptsContent = t3;
+    },
+    AsyncBuiltInCallable$mixin_closure: function AsyncBuiltInCallable$mixin_closure(t0) {
+      this.callback = t0;
+    },
+    AsyncBuiltInCallable_withDeprecationWarning_closure: function AsyncBuiltInCallable_withDeprecationWarning_closure(t0, t1, t2) {
+      this.$this = t0;
+      this.module = t1;
+      this.newName = t2;
+    },
+    BuiltInCallable$function($name, parameters, callback, url) {
+      return new A.BuiltInCallable($name, A._setArrayType([new A._Record_2(A.ScssParser$("@function " + $name + "(" + parameters + ") {", url).parseParameterList$0(), callback)], type$.JSArray_Record_2_ParameterList_and_Value_Function_List_Value), false);
+    },
+    BuiltInCallable$mixin($name, parameters, callback, acceptsContent, url) {
+      return new A.BuiltInCallable($name, A._setArrayType([new A._Record_2(A.ScssParser$("@mixin " + $name + "(" + parameters + ") {", url).parseParameterList$0(), new A.BuiltInCallable$mixin_closure(callback))], type$.JSArray_Record_2_ParameterList_and_Value_Function_List_Value), acceptsContent);
+    },
+    BuiltInCallable$overloadedFunction($name, overloads) {
+      var t2, t3, t4, t5, t6, t7, args, callback,
+        t1 = A._setArrayType([], type$.JSArray_Record_2_ParameterList_and_Value_Function_List_Value);
+      for (t2 = type$.String, t3 = A.MapExtensions_get_pairs(overloads, t2, type$.Value_Function_List_Value), t3 = t3.get$iterator(t3), t4 = "@function " + $name + "(", t5 = type$.FileSpan, t6 = type$.JSArray_Record_3_nullable_Deprecation_deprecation_and_String_message_and_FileSpan_span; t3.moveNext$0();) {
+        t7 = t3.get$current(t3);
+        args = t7._0;
+        callback = t7._1;
+        t1.push(new A._Record_2(new A.ScssParser(A.LinkedHashMap_LinkedHashMap$_empty(t2, t5), A._setArrayType([], t6), A.SpanScanner$(t4 + args + ") {", null), null).parseParameterList$0(), callback));
+      }
+      return new A.BuiltInCallable($name, t1, false);
+    },
+    BuiltInCallable: function BuiltInCallable(t0, t1, t2) {
+      this.name = t0;
+      this._overloads = t1;
+      this.acceptsContent = t2;
+    },
+    BuiltInCallable$mixin_closure: function BuiltInCallable$mixin_closure(t0) {
+      this.callback = t0;
+    },
+    BuiltInCallable_withDeprecationWarning_closure: function BuiltInCallable_withDeprecationWarning_closure(t0, t1, t2, t3) {
+      var _ = this;
+      _._box_0 = t0;
+      _.$this = t1;
+      _.module = t2;
+      _.newName = t3;
+    },
+    PlainCssCallable: function PlainCssCallable(t0) {
+      this.name = t0;
+    },
+    UserDefinedCallable: function UserDefinedCallable(t0, t1, t2, t3) {
+      var _ = this;
+      _.declaration = t0;
+      _.environment = t1;
+      _.inDependency = t2;
+      _.$ti = t3;
+    },
+    _compileStylesheet(stylesheet, logger, importCache, nodeImporter, importer, functions, style, useSpaces, indentWidth, lineFeed, quietDeps, sourceMap, charset) {
+      var serializeResult = A.serialize(A._EvaluateVisitor$(functions, importCache, logger, nodeImporter, quietDeps, sourceMap).run$2(0, importer, stylesheet)._1, charset, indentWidth, false, lineFeed, logger, sourceMap, style, true),
+        resultSourceMap = serializeResult._1;
+      if (resultSourceMap != null)
+        A.mapInPlace(resultSourceMap.urls, new A._compileStylesheet_closure(stylesheet, importCache));
+      return new A.CompileResult(serializeResult);
+    },
+    _compileStylesheet_closure: function _compileStylesheet_closure(t0, t1) {
+      this.stylesheet = t0;
+      this.importCache = t1;
+    },
+    CompileResult: function CompileResult(t0) {
+      this._serialize = t0;
+    },
+    Configuration: function Configuration(t0, t1) {
+      this._configuration$_values = t0;
+      this.__originalConfiguration = t1;
+    },
+    ExplicitConfiguration: function ExplicitConfiguration(t0, t1, t2) {
+      this.nodeWithSpan = t0;
+      this._configuration$_values = t1;
+      this.__originalConfiguration = t2;
+    },
+    ConfiguredValue: function ConfiguredValue(t0, t1, t2) {
+      this.value = t0;
+      this.configurationSpan = t1;
+      this.assignmentNode = t2;
+    },
+    Deprecation_fromId(id) {
+      return A.IterableExtension_firstWhereOrNull(B.List_d5F, new A.Deprecation_fromId_closure(id));
+    },
+    Deprecation_forVersion(version) {
+      var t2, _i, deprecation, $self, t3,
+        t1 = A.LinkedHashSet_LinkedHashSet$_empty(type$.Deprecation);
+      for (t2 = A.VersionRange_VersionRange(true, version).get$allows(), _i = 0; _i < 28; ++_i) {
+        deprecation = B.List_d5F[_i];
+        $self = deprecation._deprecatedIn;
+        t3 = $self == null ? null : A.Version___parse_tearOff($self);
+        t3 = t3 == null ? null : t2.call$1(t3);
+        if (t3 == null ? false : t3)
+          t1.add$1(0, deprecation);
+      }
+      return t1;
+    },
+    Deprecation: function Deprecation(t0, t1, t2, t3) {
+      var _ = this;
+      _.id = t0;
+      _._deprecatedIn = t1;
+      _._obsoleteIn = t2;
+      _._name = t3;
+    },
+    Deprecation_fromId_closure: function Deprecation_fromId_closure(t0) {
+      this.id = t0;
+    },
+    Environment$() {
+      var t1 = type$.String,
+        t2 = type$.Module_Callable,
+        t3 = type$.AstNode,
+        t4 = type$.int,
+        t5 = type$.Callable,
+        t6 = type$.JSArray_Map_String_Callable;
+      return new A.Environment(A.LinkedHashMap_LinkedHashMap$_empty(t1, t2), A.LinkedHashMap_LinkedHashMap$_empty(t1, t3), A.LinkedHashMap_LinkedHashMap$_empty(t2, t3), A.LinkedHashMap_LinkedHashMap$_empty(t2, t3), null, null, A._setArrayType([], type$.JSArray_Module_Callable), A._setArrayType([A.LinkedHashMap_LinkedHashMap$_empty(t1, type$.Value)], type$.JSArray_Map_String_Value), A._setArrayType([A.LinkedHashMap_LinkedHashMap$_empty(t1, t3)], type$.JSArray_Map_String_AstNode), A.LinkedHashMap_LinkedHashMap$_empty(t1, t4), A._setArrayType([A.LinkedHashMap_LinkedHashMap$_empty(t1, t5)], t6), A.LinkedHashMap_LinkedHashMap$_empty(t1, t4), A._setArrayType([A.LinkedHashMap_LinkedHashMap$_empty(t1, t5)], t6), A.LinkedHashMap_LinkedHashMap$_empty(t1, t4), null, A.LinkedHashSet_LinkedHashSet$_empty(t1));
+    },
+    Environment$_(_modules, _namespaceNodes, _globalModules, _importedModules, _forwardedModules, _nestedForwardedModules, _allModules, _variables, _variableNodes, _functions, _mixins, _content, _configurableVariables) {
+      var t1 = type$.String,
+        t2 = type$.int;
+      return new A.Environment(_modules, _namespaceNodes, _globalModules, _importedModules, _forwardedModules, _nestedForwardedModules, _allModules, _variables, _variableNodes, A.LinkedHashMap_LinkedHashMap$_empty(t1, t2), _functions, A.LinkedHashMap_LinkedHashMap$_empty(t1, t2), _mixins, A.LinkedHashMap_LinkedHashMap$_empty(t1, t2), _content, _configurableVariables);
+    },
+    _EnvironmentModule__EnvironmentModule(environment, css, preModuleComments, extensionStore, forwarded) {
+      var t1, t2, t3, t4, t5, t6, module, result, t7;
+      if (forwarded == null)
+        forwarded = B.Set_empty0;
+      t1 = type$.dynamic;
+      t1 = A.LinkedHashMap_LinkedHashMap$_empty(t1, t1);
+      for (t2 = type$.Module_Callable, t3 = type$.List_CssComment, t4 = A.MapExtensions_get_pairs(preModuleComments, t2, t3), t4 = t4.get$iterator(t4), t5 = type$.CssComment; t4.moveNext$0();) {
+        t6 = t4.get$current(t4);
+        module = t6._0;
+        result = A.List_List$from(t6._1, false, t5);
+        result.$flags = 3;
+        t1.$indexSet(0, module, result);
+      }
+      t1 = A.ConstantMap_ConstantMap$from(t1, t2, t3);
+      t2 = A._EnvironmentModule__makeModulesByVariable(forwarded);
+      t3 = A._EnvironmentModule__memberMap(B.JSArray_methods.get$first(environment._variables), forwarded.map$1$1(0, new A._EnvironmentModule__EnvironmentModule_closure(), type$.Map_String_Value), type$.Value);
+      t4 = A._EnvironmentModule__memberMap(B.JSArray_methods.get$first(environment._variableNodes), forwarded.map$1$1(0, new A._EnvironmentModule__EnvironmentModule_closure0(), type$.Map_String_AstNode), type$.AstNode);
+      t5 = type$.Map_String_Callable;
+      t6 = type$.Callable;
+      t7 = A._EnvironmentModule__memberMap(B.JSArray_methods.get$first(environment._functions), forwarded.map$1$1(0, new A._EnvironmentModule__EnvironmentModule_closure1(), t5), t6);
+      t6 = A._EnvironmentModule__memberMap(B.JSArray_methods.get$first(environment._mixins), forwarded.map$1$1(0, new A._EnvironmentModule__EnvironmentModule_closure2(), t5), t6);
+      t5 = J.get$isNotEmpty$asx(css.get$children(css)) || preModuleComments.get$isNotEmpty(preModuleComments) || B.JSArray_methods.any$1(environment._allModules, new A._EnvironmentModule__EnvironmentModule_closure3());
+      return A._EnvironmentModule$_(environment, css, t1, extensionStore, t2, t3, t4, t7, t6, t5, !extensionStore.get$isEmpty(extensionStore) || B.JSArray_methods.any$1(environment._allModules, new A._EnvironmentModule__EnvironmentModule_closure4()));
+    },
+    _EnvironmentModule__makeModulesByVariable(forwarded) {
+      var modulesByVariable, t1, t2, t3, t4, t5;
+      if (forwarded.get$isEmpty(forwarded))
+        return B.Map_empty0;
+      modulesByVariable = A.LinkedHashMap_LinkedHashMap$_empty(type$.String, type$.Module_Callable);
+      for (t1 = forwarded.get$iterator(forwarded); t1.moveNext$0();) {
+        t2 = t1.get$current(t1);
+        if (t2 instanceof A._EnvironmentModule) {
+          for (t3 = t2._modulesByVariable, t3 = t3.get$values(t3), t3 = t3.get$iterator(t3); t3.moveNext$0();) {
+            t4 = t3.get$current(t3);
+            t5 = t4.get$variables();
+            A.setAll(modulesByVariable, t5.get$keys(t5), t4);
+          }
+          t3 = B.JSArray_methods.get$first(t2._environment$_environment._variables);
+          A.setAll(modulesByVariable, t3.get$keys(t3), t2);
+        } else {
+          t3 = t2.get$variables();
+          A.setAll(modulesByVariable, t3.get$keys(t3), t2);
+        }
+      }
+      return modulesByVariable;
+    },
+    _EnvironmentModule__memberMap(localMap, otherMaps, $V) {
+      var t1, t2, t3;
+      localMap = new A.PublicMemberMapView(localMap, $V._eval$1("PublicMemberMapView<0>"));
+      if (otherMaps.get$isEmpty(otherMaps))
+        return localMap;
+      t1 = A._setArrayType([], $V._eval$1("JSArray<Map<String,0>>"));
+      for (t2 = otherMaps.get$iterator(otherMaps); t2.moveNext$0();) {
+        t3 = t2.get$current(t2);
+        if (t3.get$isNotEmpty(t3))
+          t1.push(t3);
+      }
+      t1.push(localMap);
+      if (t1.length === 1)
+        return localMap;
+      return A.MergedMapView$(t1, type$.String, $V);
+    },
+    _EnvironmentModule$_(_environment, css, preModuleComments, extensionStore, _modulesByVariable, variables, variableNodes, functions, mixins, transitivelyContainsCss, transitivelyContainsExtensions) {
+      return new A._EnvironmentModule(_environment._allModules, variables, variableNodes, functions, mixins, extensionStore, css, preModuleComments, transitivelyContainsCss, transitivelyContainsExtensions, _environment, _modulesByVariable);
+    },
+    Environment: function Environment(t0, t1, t2, t3, t4, t5, t6, t7, t8, t9, t10, t11, t12, t13, t14, t15) {
+      var _ = this;
+      _._environment$_modules = t0;
+      _._namespaceNodes = t1;
+      _._globalModules = t2;
+      _._importedModules = t3;
+      _._forwardedModules = t4;
+      _._nestedForwardedModules = t5;
+      _._allModules = t6;
+      _._variables = t7;
+      _._variableNodes = t8;
+      _._variableIndices = t9;
+      _._functions = t10;
+      _._functionIndices = t11;
+      _._mixins = t12;
+      _._mixinIndices = t13;
+      _._content = t14;
+      _._configurableVariables = t15;
+      _._inMixin = false;
+      _._inSemiGlobalScope = true;
+      _._lastVariableIndex = _._lastVariableName = null;
+    },
+    Environment__getVariableFromGlobalModule_closure: function Environment__getVariableFromGlobalModule_closure(t0) {
+      this.name = t0;
+    },
+    Environment_setVariable_closure: function Environment_setVariable_closure(t0, t1) {
+      this.$this = t0;
+      this.name = t1;
+    },
+    Environment_setVariable_closure0: function Environment_setVariable_closure0(t0) {
+      this.name = t0;
+    },
+    Environment_setVariable_closure1: function Environment_setVariable_closure1(t0, t1) {
+      this.$this = t0;
+      this.name = t1;
+    },
+    Environment__getFunctionFromGlobalModule_closure: function Environment__getFunctionFromGlobalModule_closure(t0) {
+      this.name = t0;
+    },
+    Environment__getMixinFromGlobalModule_closure: function Environment__getMixinFromGlobalModule_closure(t0) {
+      this.name = t0;
+    },
+    Environment_toModule_closure: function Environment_toModule_closure() {
+    },
+    Environment_toDummyModule_closure: function Environment_toDummyModule_closure() {
+    },
+    _EnvironmentModule: function _EnvironmentModule(t0, t1, t2, t3, t4, t5, t6, t7, t8, t9, t10, t11) {
+      var _ = this;
+      _.upstream = t0;
+      _.variables = t1;
+      _.variableNodes = t2;
+      _.functions = t3;
+      _.mixins = t4;
+      _.extensionStore = t5;
+      _.css = t6;
+      _.preModuleComments = t7;
+      _.transitivelyContainsCss = t8;
+      _.transitivelyContainsExtensions = t9;
+      _._environment$_environment = t10;
+      _._modulesByVariable = t11;
+    },
+    _EnvironmentModule__EnvironmentModule_closure: function _EnvironmentModule__EnvironmentModule_closure() {
+    },
+    _EnvironmentModule__EnvironmentModule_closure0: function _EnvironmentModule__EnvironmentModule_closure0() {
+    },
+    _EnvironmentModule__EnvironmentModule_closure1: function _EnvironmentModule__EnvironmentModule_closure1() {
+    },
+    _EnvironmentModule__EnvironmentModule_closure2: function _EnvironmentModule__EnvironmentModule_closure2() {
+    },
+    _EnvironmentModule__EnvironmentModule_closure3: function _EnvironmentModule__EnvironmentModule_closure3() {
+    },
+    _EnvironmentModule__EnvironmentModule_closure4: function _EnvironmentModule__EnvironmentModule_closure4() {
+    },
+    _EnvironmentModule_couldHaveBeenConfigured_closure: function _EnvironmentModule_couldHaveBeenConfigured_closure(t0) {
+      this.variables = t0;
+    },
+    SassException$(message, span, loadedUrls) {
+      return new A.SassException(loadedUrls == null ? B.Set_empty : A.Set_Set$unmodifiable(loadedUrls, type$.Uri), message, span);
+    },
+    MultiSpanSassException$(message, span, primaryLabel, secondarySpans, loadedUrls) {
+      var t1 = A.ConstantMap_ConstantMap$from(secondarySpans, type$.FileSpan, type$.String);
+      return new A.MultiSpanSassException(primaryLabel, t1, loadedUrls == null ? B.Set_empty : A.Set_Set$unmodifiable(loadedUrls, type$.Uri), message, span);
+    },
+    SassRuntimeException$(message, span, trace, loadedUrls) {
+      return new A.SassRuntimeException(trace, loadedUrls == null ? B.Set_empty : A.Set_Set$unmodifiable(loadedUrls, type$.Uri), message, span);
+    },
+    MultiSpanSassRuntimeException$(message, span, primaryLabel, secondarySpans, trace, loadedUrls) {
+      var t1 = A.ConstantMap_ConstantMap$from(secondarySpans, type$.FileSpan, type$.String);
+      return new A.MultiSpanSassRuntimeException(trace, primaryLabel, t1, loadedUrls == null ? B.Set_empty : A.Set_Set$unmodifiable(loadedUrls, type$.Uri), message, span);
+    },
+    SassFormatException$(message, span, loadedUrls) {
+      return new A.SassFormatException(loadedUrls == null ? B.Set_empty : A.Set_Set$unmodifiable(loadedUrls, type$.Uri), message, span);
+    },
+    MultiSpanSassFormatException$(message, span, primaryLabel, secondarySpans, loadedUrls) {
+      var t1 = A.ConstantMap_ConstantMap$from(secondarySpans, type$.FileSpan, type$.String);
+      return new A.MultiSpanSassFormatException(primaryLabel, t1, loadedUrls == null ? B.Set_empty : A.Set_Set$unmodifiable(loadedUrls, type$.Uri), message, span);
+    },
+    SassScriptException$(message, argumentName) {
+      return new A.SassScriptException(argumentName == null ? message : "$" + argumentName + ": " + message);
+    },
+    MultiSpanSassScriptException$(message, primaryLabel, secondarySpans) {
+      var t1 = A.ConstantMap_ConstantMap$from(secondarySpans, type$.FileSpan, type$.String);
+      return new A.MultiSpanSassScriptException(primaryLabel, t1, message);
+    },
+    SassException: function SassException(t0, t1, t2) {
+      this.loadedUrls = t0;
+      this._span_exception$_message = t1;
+      this._span = t2;
+    },
+    MultiSpanSassException: function MultiSpanSassException(t0, t1, t2, t3, t4) {
+      var _ = this;
+      _.primaryLabel = t0;
+      _.secondarySpans = t1;
+      _.loadedUrls = t2;
+      _._span_exception$_message = t3;
+      _._span = t4;
+    },
+    SassRuntimeException: function SassRuntimeException(t0, t1, t2, t3) {
+      var _ = this;
+      _.trace = t0;
+      _.loadedUrls = t1;
+      _._span_exception$_message = t2;
+      _._span = t3;
+    },
+    MultiSpanSassRuntimeException: function MultiSpanSassRuntimeException(t0, t1, t2, t3, t4, t5) {
+      var _ = this;
+      _.trace = t0;
+      _.primaryLabel = t1;
+      _.secondarySpans = t2;
+      _.loadedUrls = t3;
+      _._span_exception$_message = t4;
+      _._span = t5;
+    },
+    SassFormatException: function SassFormatException(t0, t1, t2) {
+      this.loadedUrls = t0;
+      this._span_exception$_message = t1;
+      this._span = t2;
+    },
+    MultiSpanSassFormatException: function MultiSpanSassFormatException(t0, t1, t2, t3, t4) {
+      var _ = this;
+      _.primaryLabel = t0;
+      _.secondarySpans = t1;
+      _.loadedUrls = t2;
+      _._span_exception$_message = t3;
+      _._span = t4;
+    },
+    SassScriptException: function SassScriptException(t0) {
+      this.message = t0;
+    },
+    MultiSpanSassScriptException: function MultiSpanSassScriptException(t0, t1, t2) {
+      this.primaryLabel = t0;
+      this.secondarySpans = t1;
+      this.message = t2;
+    },
+    compileStylesheet(options, graph, source, destination, ifModified) {
+      return A.compileStylesheet$body(options, graph, source, destination, ifModified);
+    },
+    compileStylesheet$body(options, graph, source, destination, ifModified) {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.nullable_Record_3_int_and_String_and_nullable_String),
+        $async$returnValue, $async$handler = 2, $async$errorStack = [], error, stackTrace, message, error0, stackTrace0, path, message0, exception, t1, $async$exception;
+      var $async$compileStylesheet = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1) {
+          $async$errorStack.push($async$result);
+          $async$goto = $async$handler;
+        }
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              $async$handler = 4;
+              $async$goto = 7;
+              return A._asyncAwait(A._compileStylesheetWithoutErrorHandling(options, graph, source, destination, ifModified), $async$compileStylesheet);
+            case 7:
+              // returning from await.
+              $async$handler = 2;
+              // goto after finally
+              $async$goto = 6;
+              break;
+            case 4:
+              // catch
+              $async$handler = 3;
+              $async$exception = $async$errorStack.pop();
+              t1 = A.unwrapException($async$exception);
+              if (t1 instanceof A.SassException) {
+                error = t1;
+                stackTrace = A.getTraceFromException($async$exception);
+                if (destination != null && !options.get$emitErrorCss())
+                  A._tryDelete(destination);
+                message = J.toString$1$color$(error, options.get$color());
+                if (A._asBool(options._options.$index(0, "trace"))) {
+                  t1 = A.getTrace(error);
+                  if (t1 == null)
+                    t1 = stackTrace;
+                } else
+                  t1 = null;
+                $async$returnValue = A._getErrorWithStackTrace(65, message, t1);
+                // goto return
+                $async$goto = 1;
+                break;
+              } else if (t1 instanceof A.FileSystemException) {
+                error0 = t1;
+                stackTrace0 = A.getTraceFromException($async$exception);
+                path = error0.path;
+                message0 = path == null ? error0.message : "Error reading " + $.$get$context().relative$2$from(path, null) + ": " + error0.message + ".";
+                if (A._asBool(options._options.$index(0, "trace"))) {
+                  t1 = A.getTrace(error0);
+                  if (t1 == null)
+                    t1 = stackTrace0;
+                } else
+                  t1 = null;
+                $async$returnValue = A._getErrorWithStackTrace(66, message0, t1);
+                // goto return
+                $async$goto = 1;
+                break;
+              } else
+                throw $async$exception;
+              // goto after finally
+              $async$goto = 6;
+              break;
+            case 3:
+              // uncaught
+              // goto rethrow
+              $async$goto = 2;
+              break;
+            case 6:
+              // after finally
+              $async$returnValue = null;
+              // goto return
+              $async$goto = 1;
+              break;
+            case 1:
+              // return
+              return A._asyncReturn($async$returnValue, $async$completer);
+            case 2:
+              // rethrow
+              return A._asyncRethrow($async$errorStack.at(-1), $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$compileStylesheet, $async$completer);
+    },
+    _compileStylesheetWithoutErrorHandling(options, graph, source, destination, ifModified) {
+      return A._compileStylesheetWithoutErrorHandling$body(options, graph, source, destination, ifModified);
+    },
+    _compileStylesheetWithoutErrorHandling$body(options, graph, source, destination, ifModified) {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.void),
+        $async$returnValue, $async$handler = 2, $async$errorStack = [], syntax, result, importCache, error, t1, exception, t2, t3, t4, t5, t6, t7, t8, t9, t10, result0, t11, t12, t13, t14, logger, stylesheet, _0_0, t0, css, buffer, sourceName, destinationName, nowStr, timestamp, importer, $async$exception;
+      var $async$_compileStylesheetWithoutErrorHandling = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1) {
+          $async$errorStack.push($async$result);
+          $async$goto = $async$handler;
+        }
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              importer = $.$get$FilesystemImporter_cwd();
+              if (ifModified)
+                try {
+                  t1 = false;
+                  if (source != null)
+                    if (destination != null) {
+                      t1 = A.absolute(source, null, null, null, null, null, null, null, null, null, null, null, null, null, null);
+                      t1 = !graph.modifiedSince$3($.$get$context().toUri$1(t1), A.modificationTime(destination), importer);
+                    }
+                  if (t1) {
+                    // goto return
+                    $async$goto = 1;
+                    break;
+                  }
+                } catch (exception) {
+                  if (!(A.unwrapException(exception) instanceof A.FileSystemException))
+                    throw exception;
+                }
+              syntax = null;
+              if (A._asBoolQ(options._ifParsed$1("indented")) === true)
+                syntax = B.Syntax_Sass_sass;
+              else if (source != null)
+                syntax = A.Syntax_forPath(source);
+              else
+                syntax = B.Syntax_SCSS_scss;
+              result = null;
+              $async$handler = 4;
+              t1 = options._options;
+              $async$goto = A._asBool(t1.$index(0, "async")) ? 7 : 9;
+              break;
+            case 7:
+              // then
+              t2 = type$.nullable_Record_3_AsyncImporter_and_Uri_and_Uri_originalUrl;
+              t3 = type$.Record_3_AsyncImporter_and_Uri_and_bool_forImport;
+              t4 = type$.Uri;
+              importCache = new A.AsyncImportCache(A.AsyncImportCache__toImporters(options.get$pkgImporters(), type$.List_String._as(t1.$index(0, "load-path")), null), A.LinkedHashMap_LinkedHashMap$_empty(type$.Record_2_Uri_and_bool_forImport, t2), A.LinkedHashMap_LinkedHashMap$_empty(t3, t2), A.LinkedHashMap_LinkedHashMap$_empty(t3, t4), A.LinkedHashMap_LinkedHashMap$_empty(t4, type$.nullable_Stylesheet), A.LinkedHashMap_LinkedHashMap$_empty(t4, type$.ImporterResult), A.LinkedHashMap_LinkedHashMap$_empty(t4, type$.DateTime));
+              $async$goto = source == null ? 10 : 12;
+              break;
+            case 10:
+              // then
+              $async$goto = 13;
+              return A._asyncAwait(A.readStdin(), $async$_compileStylesheetWithoutErrorHandling);
+            case 13:
+              // returning from await.
+              t2 = $async$result;
+              t3 = syntax;
+              t4 = A._asBool(t1.$index(0, "quiet")) ? $.$get$Logger_quiet() : new A.StderrLogger(options.get$color());
+              t5 = $.$get$FilesystemImporter_cwd();
+              t6 = J.$eq$(t1.$index(0, "style"), "compressed") ? B.OutputStyle_1 : B.OutputStyle_0;
+              t7 = A._asBool(t1.$index(0, "quiet-deps"));
+              t8 = A._asBool(t1.$index(0, "verbose"));
+              t9 = options.get$emitSourceMap();
+              t1 = A._asBool(t1.$index(0, "charset"));
+              t10 = options.get$silenceDeprecations(0);
+              $async$goto = 14;
+              return A._asyncAwait(A.compileStringAsync(t2, t1, options.get$fatalDeprecations(0), options.get$futureDeprecations(0), importCache, t5, t4, t7, t10, t9, t6, t3, t8), $async$_compileStylesheetWithoutErrorHandling);
+            case 14:
+              // returning from await.
+              result0 = $async$result;
+              // goto join
+              $async$goto = 11;
+              break;
+            case 12:
+              // else
+              t2 = syntax;
+              t3 = A._asBool(t1.$index(0, "quiet")) ? $.$get$Logger_quiet() : new A.StderrLogger(options.get$color());
+              t4 = J.$eq$(t1.$index(0, "style"), "compressed") ? B.OutputStyle_1 : B.OutputStyle_0;
+              t5 = A._asBool(t1.$index(0, "quiet-deps"));
+              t6 = A._asBool(t1.$index(0, "verbose"));
+              t7 = options.get$emitSourceMap();
+              t1 = A._asBool(t1.$index(0, "charset"));
+              t8 = options.get$silenceDeprecations(0);
+              $async$goto = 15;
+              return A._asyncAwait(A.compileAsync(source, t1, options.get$fatalDeprecations(0), options.get$futureDeprecations(0), importCache, t3, t5, t8, t7, t4, t2, t6), $async$_compileStylesheetWithoutErrorHandling);
+            case 15:
+              // returning from await.
+              result0 = $async$result;
+            case 11:
+              // join
+              result = result0;
+              // goto join
+              $async$goto = 8;
+              break;
+            case 9:
+              // else
+              graph.reloadAllModified$0();
+              $async$goto = source == null ? 16 : 18;
+              break;
+            case 16:
+              // then
+              $async$goto = 19;
+              return A._asyncAwait(A.readStdin(), $async$_compileStylesheetWithoutErrorHandling);
+            case 19:
+              // returning from await.
+              t2 = $async$result;
+              t3 = syntax;
+              t4 = A._asBool(t1.$index(0, "quiet")) ? $.$get$Logger_quiet() : new A.StderrLogger(options.get$color());
+              t5 = $.$get$FilesystemImporter_cwd();
+              t6 = J.$eq$(t1.$index(0, "style"), "compressed") ? B.OutputStyle_1 : B.OutputStyle_0;
+              t7 = A._asBool(t1.$index(0, "quiet-deps"));
+              t8 = A._asBool(t1.$index(0, "verbose"));
+              t9 = options.get$emitSourceMap();
+              t1 = A._asBool(t1.$index(0, "charset"));
+              t10 = options.get$silenceDeprecations(0);
+              t11 = options.get$fatalDeprecations(0);
+              t12 = options.get$futureDeprecations(0);
+              t13 = type$.Deprecation;
+              t14 = A.LinkedHashSet_LinkedHashSet$_empty(t13);
+              t14.addAll$1(0, t10);
+              t10 = A.LinkedHashSet_LinkedHashSet$_empty(t13);
+              t10.addAll$1(0, t11);
+              t11 = A.LinkedHashSet_LinkedHashSet$_empty(t13);
+              t11.addAll$1(0, t12);
+              logger = new A.DeprecationProcessingLogger(A.LinkedHashMap_LinkedHashMap$_empty(t13, type$.int), t4, t14, t10, t11, !t8);
+              logger.validate$0();
+              stylesheet = A.Stylesheet_Stylesheet$parse(t2, t3 == null ? B.Syntax_SCSS_scss : t3, null);
+              t2 = stylesheet.span;
+              _0_0 = t2.get$sourceUrl(t2);
+              if (type$.Uri._is(_0_0))
+                t3 = "" === _0_0.get$scheme();
+              else
+                t3 = false;
+              if (t3)
+                A.WarnForDeprecation_warnForDeprecation(logger, B.Deprecation_lJb, "Passing a relative `url` argument (" + A.S(t2.get$sourceUrl(t2)) + string$.x29x20to_cm, null, null);
+              result0 = A._compileStylesheet(stylesheet, logger, graph.importCache, null, t5, null, t6, true, null, null, t7, t9, t1);
+              logger.summarize$1$js(false);
+              // goto join
+              $async$goto = 17;
+              break;
+            case 18:
+              // else
+              t2 = syntax;
+              t3 = A._asBool(t1.$index(0, "quiet")) ? $.$get$Logger_quiet() : new A.StderrLogger(options.get$color());
+              importCache = graph.importCache;
+              t4 = J.$eq$(t1.$index(0, "style"), "compressed") ? B.OutputStyle_1 : B.OutputStyle_0;
+              t5 = A._asBool(t1.$index(0, "quiet-deps"));
+              t6 = A._asBool(t1.$index(0, "verbose"));
+              t7 = options.get$emitSourceMap();
+              t1 = A._asBool(t1.$index(0, "charset"));
+              t8 = options.get$silenceDeprecations(0);
+              t9 = options.get$fatalDeprecations(0);
+              t10 = options.get$futureDeprecations(0);
+              t11 = type$.Deprecation;
+              t12 = A.LinkedHashSet_LinkedHashSet$_empty(t11);
+              t12.addAll$1(0, t8);
+              t8 = A.LinkedHashSet_LinkedHashSet$_empty(t11);
+              t8.addAll$1(0, t9);
+              t9 = A.LinkedHashSet_LinkedHashSet$_empty(t11);
+              t9.addAll$1(0, t10);
+              logger = new A.DeprecationProcessingLogger(A.LinkedHashMap_LinkedHashMap$_empty(t11, type$.int), t3, t12, t8, t9, !t6);
+              logger.validate$0();
+              t3 = t2 == null || t2 === A.Syntax_forPath(source);
+              if (t3) {
+                t2 = $.$get$FilesystemImporter_cwd();
+                t3 = A.isNodeJs() ? self.process : null;
+                if (!J.$eq$(t3 == null ? null : J.get$platform$x(t3), "win32")) {
+                  t3 = A.isNodeJs() ? self.process : null;
+                  t3 = J.$eq$(t3 == null ? null : J.get$platform$x(t3), "darwin");
+                } else
+                  t3 = true;
+                if (t3) {
+                  t3 = A.absolute(source, null, null, null, null, null, null, null, null, null, null, null, null, null, null);
+                  t6 = $.$get$context();
+                  t3 = A._realCasePath(t6.normalize$1(t3));
+                } else {
+                  t3 = $.$get$context();
+                  t6 = t3.canonicalize$1(0, source);
+                  t0 = t6;
+                  t6 = t3;
+                  t3 = t0;
+                }
+                t6 = importCache.importCanonical$3$originalUrl(t2, t6.toUri$1(t3), t6.toUri$1(source));
+                t6.toString;
+                stylesheet = t6;
+              } else {
+                t3 = A.readFile(source);
+                if (t2 == null)
+                  t2 = A.Syntax_forPath(source);
+                stylesheet = A.Stylesheet_Stylesheet$parse(t3, t2, $.$get$context().toUri$1(source));
+              }
+              result0 = A._compileStylesheet(stylesheet, logger, importCache, null, $.$get$FilesystemImporter_cwd(), null, t4, true, null, null, t5, t7, t1);
+              logger.summarize$1$js(false);
+            case 17:
+              // join
+              result = result0;
+            case 8:
+              // join
+              $async$handler = 2;
+              // goto after finally
+              $async$goto = 6;
+              break;
+            case 4:
+              // catch
+              $async$handler = 3;
+              $async$exception = $async$errorStack.pop();
+              t1 = A.unwrapException($async$exception);
+              if (t1 instanceof A.SassException) {
+                error = t1;
+                if (options.get$emitErrorCss())
+                  if (destination == null)
+                    A.print(error.toCssString$0());
+                  else {
+                    A.ensureDir($.$get$context().dirname$1(destination));
+                    A.writeFile(destination, error.toCssString$0() + "\n");
+                  }
+                throw $async$exception;
+              } else
+                throw $async$exception;
+              // goto after finally
+              $async$goto = 6;
+              break;
+            case 3:
+              // uncaught
+              // goto rethrow
+              $async$goto = 2;
+              break;
+            case 6:
+              // after finally
+              css = result._serialize._0 + A._writeSourceMap(options, result._serialize._1, destination);
+              if (destination == null) {
+                if (css.length !== 0)
+                  A.print(css);
+              } else {
+                A.ensureDir($.$get$context().dirname$1(destination));
+                A.writeFile(destination, css + "\n");
+              }
+              t1 = options._options;
+              if (!A._asBool(t1.$index(0, "quiet")))
+                t1 = !A._asBool(t1.$index(0, "update")) && !A._asBool(t1.$index(0, "watch"));
+              else
+                t1 = true;
+              if (t1) {
+                // goto return
+                $async$goto = 1;
+                break;
+              }
+              buffer = new A.StringBuffer("");
+              if (source == null)
+                sourceName = "stdin";
+              else {
+                t1 = $.$get$context();
+                sourceName = t1.prettyUri$1(t1.toUri$1(source));
+              }
+              destination.toString;
+              t1 = $.$get$context();
+              destinationName = t1.prettyUri$1(t1.toUri$1(destination));
+              nowStr = new A.DateTime(Date.now(), 0, false).toString$0(0);
+              timestamp = B.JSString_methods.substring$2(nowStr, 0, nowStr.length - 7);
+              t1 = options.get$color() ? buffer._contents = "\x1b[90m" : "";
+              t1 = buffer._contents = t1 + ("[" + timestamp + "] ");
+              if (options.get$color())
+                t1 = buffer._contents = t1 + "\x1b[32m";
+              t1 += "Compiled " + sourceName + " to " + destinationName + ".";
+              buffer._contents = t1;
+              if (options.get$color())
+                buffer._contents = t1 + "\x1b[0m";
+              t1 = A.isNodeJs() ? self.process : null;
+              if (t1 != null) {
+                t1 = J.get$stdout$x(t1);
+                J.write$1$x(t1, buffer.toString$0(0) + "\n");
+              } else {
+                t1 = self.console;
+                J.log$1$x(t1, buffer);
+              }
+            case 1:
+              // return
+              return A._asyncReturn($async$returnValue, $async$completer);
+            case 2:
+              // rethrow
+              return A._asyncRethrow($async$errorStack.at(-1), $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$_compileStylesheetWithoutErrorHandling, $async$completer);
+    },
+    _writeSourceMap(options, sourceMap, destination) {
+      var t1, sourceMapText, url, sourceMapPath, t2, escapedUrl;
+      if (sourceMap == null)
+        return "";
+      if (destination != null) {
+        t1 = $.$get$context();
+        sourceMap.targetUrl = t1.toUri$1(A.ParsedPath_ParsedPath$parse(destination, t1.style).get$basename()).toString$0(0);
+      }
+      A.mapInPlace(sourceMap.urls, new A._writeSourceMap_closure(options, destination));
+      t1 = options._options;
+      sourceMapText = B.C_JsonCodec.encode$2$toEncodable(sourceMap.toJson$1$includeSourceContents(A._asBool(t1.$index(0, "embed-sources"))), null);
+      if (A._asBool(t1.$index(0, "embed-source-map")))
+        url = A.Uri_Uri$dataFromString(sourceMapText, B.C_Utf8Codec, "application/json");
+      else {
+        destination.toString;
+        sourceMapPath = destination + ".map";
+        t2 = $.$get$context();
+        A.ensureDir(t2.dirname$1(sourceMapPath));
+        A.writeFile(sourceMapPath, sourceMapText);
+        url = t2.toUri$1(t2.relative$2$from(sourceMapPath, t2.dirname$1(destination)));
+      }
+      t2 = url.toString$0(0);
+      escapedUrl = A.stringReplaceAllUnchecked(t2, "*/", "%2A/");
+      t1 = (J.$eq$(t1.$index(0, "style"), "compressed") ? B.OutputStyle_1 : B.OutputStyle_0) === B.OutputStyle_1 ? "" : "\n\n";
+      return t1 + ("/*# sourceMappingURL=" + escapedUrl + " */");
+    },
+    _tryDelete(path) {
+      var exception;
+      try {
+        A.deleteFile(path);
+      } catch (exception) {
+        if (!(A.unwrapException(exception) instanceof A.FileSystemException))
+          throw exception;
+      }
+    },
+    _getErrorWithStackTrace(exitCode, error, stackTrace) {
+      return new A._Record_3(exitCode, error, stackTrace != null ? B.JSString_methods.trimRight$0(A.Trace_Trace$from(stackTrace).get$terse().toString$0(0)) : null);
+    },
+    _writeSourceMap_closure: function _writeSourceMap_closure(t0, t1) {
+      this.options = t0;
+      this.destination = t1;
+    },
+    ExecutableOptions__separator(text) {
+      var t1 = $.$get$ExecutableOptions__separatorBar(),
+        t2 = B.JSString_methods.$mul(t1, 3),
+        t3 = A.hasTerminal() ? "\x1b[1m" : "",
+        t4 = A.hasTerminal() ? "\x1b[0m" : "";
+      return t2 + " " + t3 + text + t4 + " " + B.JSString_methods.$mul(t1, 35 - text.length);
+    },
+    ExecutableOptions__fail(message) {
+      return A.throwExpression(A.UsageException$(message));
+    },
+    ExecutableOptions_ExecutableOptions$parse(args) {
+      var options, error, t1, t2, exception;
+      try {
+        t1 = $.$get$ExecutableOptions__parser();
+        t2 = A.ListQueue$(type$.String);
+        t2.addAll$1(0, args);
+        t2 = A.Parser$(null, t1, t2, null, null).parse$0(0);
+        if (t2.wasParsed$1("poll") && !A._asBool(t2.$index(0, "watch")))
+          A.ExecutableOptions__fail("--poll may not be passed without --watch.");
+        options = new A.ExecutableOptions(t2);
+        if (A._asBool(options._options.$index(0, "help")))
+          A.ExecutableOptions__fail("Compile Sass to CSS.");
+        return options;
+      } catch (exception) {
+        t1 = A.unwrapException(exception);
+        if (type$.FormatException._is(t1)) {
+          error = t1;
+          A.ExecutableOptions__fail(J.get$message$x(error));
+        } else
+          throw exception;
+      }
+    },
+    UsageException$(message) {
+      return new A.UsageException(message);
+    },
+    ExecutableOptions: function ExecutableOptions(t0) {
+      var _ = this;
+      _._options = t0;
+      _.__ExecutableOptions_interactive_FI = $;
+      _._sourcesToDestinations = null;
+      _.__ExecutableOptions__sourceDirectoriesToDestinations_F = $;
+      _._fatalDeprecations = null;
+    },
+    ExecutableOptions__parser_closure: function ExecutableOptions__parser_closure() {
+    },
+    ExecutableOptions_interactive_closure: function ExecutableOptions_interactive_closure(t0) {
+      this.$this = t0;
+    },
+    ExecutableOptions_emitErrorCss_closure: function ExecutableOptions_emitErrorCss_closure() {
+    },
+    ExecutableOptions_fatalDeprecations_closure: function ExecutableOptions_fatalDeprecations_closure(t0) {
+      this.$this = t0;
+    },
+    UsageException: function UsageException(t0) {
+      this.message = t0;
+    },
+    repl(options) {
+      return A.repl$body(options);
+    },
+    repl$body(options) {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.void),
+        $async$handler = 1, $async$errorStack = [], $async$next = [], repl, trackingLogger, warn, evaluator, line, node, warnings, _1_0, node0, warnings0, _2_0, node1, warnings1, _3_0, error, stackTrace, logger, t4, t5, t6, t7, t8, t9, line0, toZone, exception, t1, t2, t3, repl0;
+      var $async$repl = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1) {
+          $async$errorStack.push($async$result);
+          $async$goto = $async$handler;
+        }
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              t1 = A._setArrayType([], type$.JSArray_String);
+              t2 = B.JSString_methods.$mul(" ", 3);
+              t3 = $.$get$alwaysValid();
+              repl0 = new A.Repl(">> ", t2, t3, t1);
+              repl0.__Repl__adapter_A = new A.ReplAdapter(repl0);
+              repl = repl0;
+              t1 = options._options;
+              trackingLogger = new A.TrackingLogger(A._asBool(t1.$index(0, "quiet")) ? $.$get$Logger_quiet() : new A.StderrLogger(options.get$color()));
+              logger = new A.DeprecationProcessingLogger(A.LinkedHashMap_LinkedHashMap$_empty(type$.Deprecation, type$.int), trackingLogger, options.get$silenceDeprecations(0), options.get$fatalDeprecations(0), options.get$futureDeprecations(0), !A._asBool(t1.$index(0, "verbose")));
+              logger.validate$0();
+              warn = new A.repl_warn(logger);
+              t2 = $.$get$FilesystemImporter_cwd();
+              evaluator = new A.Evaluator(A._EvaluateVisitor$(null, A.ImportCache$(options.get$pkgImporters(), type$.List_String._as(t1.$index(0, "load-path"))), logger, null, false, false), t2);
+              t2 = repl.__Repl__adapter_A;
+              t2 === $ && A.throwUnnamedLateFieldNI();
+              t2 = new A._StreamIterator(A.checkNotNullable(t2.runAsync$0(), "stream", type$.Object));
+              $async$handler = 2;
+              t1 = type$.String, t3 = type$.FileSpan, t4 = type$.JSArray_Record_3_nullable_Deprecation_deprecation_and_String_message_and_FileSpan_span, t5 = type$.Expression;
+            case 5:
+              // for condition
+              $async$goto = 7;
+              return A._asyncAwait(t2.moveNext$0(), $async$repl);
+            case 7:
+              // returning from await.
+              if (!$async$result) {
+                // goto after for
+                $async$goto = 6;
+                break;
+              }
+              line = t2.get$current(0);
+              if (J.trim$0$s(line).length === 0) {
+                // goto for condition
+                $async$goto = 5;
+                break;
+              }
+              try {
+                if (J.startsWith$1$s(line, "@")) {
+                  node = null;
+                  warnings = null;
+                  _1_0 = new A.ScssParser(A.LinkedHashMap_LinkedHashMap$_empty(t1, t3), A._setArrayType([], t4), A.SpanScanner$(line, null), null).parseUseRule$0();
+                  node = _1_0._0;
+                  warnings = _1_0._1;
+                  J.forEach$1$ax(warnings, warn);
+                  t6 = evaluator;
+                  t7 = node;
+                  t6._visitor.runStatement$2(t6._importer, t7);
+                  // goto for condition
+                  $async$goto = 5;
+                  break;
+                }
+                if (new A.Parser(A.SpanScanner$(line, null), null)._isVariableDeclarationLike$0()) {
+                  node0 = null;
+                  warnings0 = null;
+                  _2_0 = new A.ScssParser(A.LinkedHashMap_LinkedHashMap$_empty(t1, t3), A._setArrayType([], t4), A.SpanScanner$(line, null), null).parseVariableDeclaration$0();
+                  node0 = _2_0._0;
+                  warnings0 = _2_0._1;
+                  J.forEach$1$ax(warnings0, warn);
+                  t6 = evaluator;
+                  t7 = node0;
+                  t6._visitor.runStatement$2(t6._importer, t7);
+                  t7 = evaluator;
+                  t6 = node0.name;
+                  t8 = node0.span;
+                  t9 = node0.namespace;
+                  line0 = t7._visitor.runExpression$2(t7._importer, new A.VariableExpression(t9, t6, t8)).toString$0(0);
+                  toZone = $.printToZone;
+                  if (toZone == null)
+                    A.printString(line0);
+                  else
+                    toZone.call$1(line0);
+                } else {
+                  node1 = null;
+                  warnings1 = null;
+                  t6 = A._setArrayType([], t4);
+                  t7 = new A.ScssParser(A.LinkedHashMap_LinkedHashMap$_empty(t1, t3), t6, A.SpanScanner$(line, null), null);
+                  _3_0 = new A._Record_2(t7._parseSingleProduction$1$1(t7.get$_expression(), t5), t6);
+                  node1 = _3_0._0;
+                  warnings1 = _3_0._1;
+                  J.forEach$1$ax(warnings1, warn);
+                  t6 = evaluator;
+                  t7 = node1;
+                  line0 = t6._visitor.runExpression$2(t6._importer, t7).toString$0(0);
+                  toZone = $.printToZone;
+                  if (toZone == null)
+                    A.printString(line0);
+                  else
+                    toZone.call$1(line0);
+                }
+              } catch (exception) {
+                t6 = A.unwrapException(exception);
+                if (t6 instanceof A.SassException) {
+                  error = t6;
+                  stackTrace = A.getTraceFromException(exception);
+                  t6 = error;
+                  t7 = typeof t6 != "string";
+                  if (!t7 || typeof t6 == "number" || A._isBool(t6))
+                    t6 = null;
+                  else {
+                    t8 = $.$get$_traces();
+                    if (A._isBool(t6) || typeof t6 == "number" || !t7 || t6 instanceof A._Record)
+                      A.Expando__badExpandoKey(t6);
+                    t6 = t8._jsWeakMap.get(t6);
+                  }
+                  if (t6 == null)
+                    t6 = stackTrace;
+                  A._logError(error, t6, line, repl, options, trackingLogger);
+                } else
+                  throw exception;
+              }
+              // goto for condition
+              $async$goto = 5;
+              break;
+            case 6:
+              // after for
+              $async$next.push(4);
+              // goto finally
+              $async$goto = 3;
+              break;
+            case 2:
+              // uncaught
+              $async$next = [1];
+            case 3:
+              // finally
+              $async$handler = 1;
+              $async$goto = 8;
+              return A._asyncAwait(t2.cancel$0(), $async$repl);
+            case 8:
+              // returning from await.
+              // goto the next finally handler
+              $async$goto = $async$next.pop();
+              break;
+            case 4:
+              // after finally
+              // implicit return
+              return A._asyncReturn(null, $async$completer);
+            case 1:
+              // rethrow
+              return A._asyncRethrow($async$errorStack.at(-1), $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$repl, $async$completer);
+    },
+    _logError(error, stackTrace, line, repl, options, logger) {
+      var t2, spacesBeforeError, t3,
+        t1 = A.SourceSpanException.prototype.get$span.call(error, 0);
+      if (t1.get$sourceUrl(t1) == null)
+        if (!A._asBool(options._options.$index(0, "quiet")))
+          t1 = logger._emittedDebug || logger._emittedWarning;
+        else
+          t1 = false;
+      else
+        t1 = true;
+      if (t1) {
+        A.print(error.toString$1$color(0, options.get$color()));
+        return;
+      }
+      t1 = options.get$color() ? "\x1b[31m" : "";
+      t2 = A.SourceSpanException.prototype.get$span.call(error, 0);
+      t2 = t2.get$start(t2);
+      spacesBeforeError = repl.prompt.length + t2.file.getColumn$1(t2.offset);
+      if (options.get$color()) {
+        t2 = A.SourceSpanException.prototype.get$span.call(error, 0);
+        t2 = t2.get$start(t2);
+        t2 = t2.file.getColumn$1(t2.offset) < line.length;
+      } else
+        t2 = false;
+      if (t2)
+        t1 = t1 + ("\x1b[1F\x1b[" + spacesBeforeError + "C") + (A.SourceSpanException.prototype.get$span.call(error, 0).get$text() + "\n");
+      t2 = B.JSString_methods.$mul(" ", spacesBeforeError);
+      t3 = A.SourceSpanException.prototype.get$span.call(error, 0);
+      t3 = t1 + t2 + (B.JSString_methods.$mul("^", Math.max(1, t3.get$length(t3))) + "\n");
+      t1 = options.get$color() ? t3 + "\x1b[0m" : t3;
+      t1 += "Error: " + error._span_exception$_message + "\n";
+      if (A._asBool(options._options.$index(0, "trace")))
+        t1 += A.Trace_Trace$from(stackTrace).get$terse().toString$0(0);
+      A.print(B.JSString_methods.trimRight$0(t1.charCodeAt(0) == 0 ? t1 : t1));
+    },
+    repl_warn: function repl_warn(t0) {
+      this.logger = t0;
+    },
+    watch(options, graph) {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.void),
+        $async$returnValue, t1, t2, t3, t4, t5, t6, dirWatcher, sourcesToDestinations, t7, t8, t0;
+      var $async$watch = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              options._ensureSources$0();
+              t1 = options.__ExecutableOptions__sourceDirectoriesToDestinations_F;
+              t1 === $ && A.throwUnnamedLateFieldNI();
+              t2 = type$.String;
+              t1 = t1.cast$2$0(0, t2, t2);
+              t1 = A.List_List$_of(t1.get$keys(t1), t2);
+              for (options._ensureSources$0(), t3 = options._sourcesToDestinations.cast$2$0(0, t2, t2), t3 = t3.get$keys(t3), t3 = t3.get$iterator(t3); t3.moveNext$0();) {
+                t4 = t3.get$current(t3);
+                t1.push($.$get$context().dirname$1(t4));
+              }
+              t3 = options._options;
+              B.JSArray_methods.addAll$1(t1, type$.List_String._as(t3.$index(0, "load-path")));
+              t4 = A._asBool(t3.$index(0, "poll"));
+              t5 = type$.Stream_WatchEvent;
+              t6 = A.PathMap__create(null, t5);
+              t5 = new A.StreamGroup(B._StreamGroupState_dormant, A.LinkedHashMap_LinkedHashMap$_empty(t5, type$.nullable_StreamSubscription_WatchEvent), type$.StreamGroup_WatchEvent);
+              t5.__StreamGroup__controller_A = A.StreamController_StreamController(t5.get$_onCancel(), t5.get$_onListen(), t5.get$_onPause(), t5.get$_onResume(), true, type$.WatchEvent);
+              dirWatcher = new A.MultiDirWatcher(new A.PathMap(t6, type$.PathMap_Stream_WatchEvent), t5, t4);
+              $async$goto = 3;
+              return A._asyncAwait(A.Future_wait(new A.MappedListIterable(t1, new A.watch_closure(dirWatcher), A._arrayInstanceType(t1)._eval$1("MappedListIterable<1,Future<~>>")), false, type$.void), $async$watch);
+            case 3:
+              // returning from await.
+              options._ensureSources$0();
+              sourcesToDestinations = options._sourcesToDestinations.cast$2$0(0, t2, t2);
+              for (t1 = sourcesToDestinations.get$keys(sourcesToDestinations), t1 = t1.get$iterator(t1); t1.moveNext$0();) {
+                t4 = t1.get$current(t1);
+                t6 = $.$get$FilesystemImporter_cwd();
+                t7 = self.process;
+                if (t7 == null)
+                  t7 = null;
+                else {
+                  t7 = J.get$release$x(t7);
+                  t7 = t7 == null ? null : J.get$name$x(t7);
+                }
+                t7 = J.$eq$(t7, "node") ? self.process : null;
+                if (!J.$eq$(t7 == null ? null : J.get$platform$x(t7), "win32")) {
+                  t7 = self.process;
+                  if (t7 == null)
+                    t7 = null;
+                  else {
+                    t7 = J.get$release$x(t7);
+                    t7 = t7 == null ? null : J.get$name$x(t7);
+                  }
+                  t7 = J.$eq$(t7, "node") ? self.process : null;
+                  t7 = J.$eq$(t7 == null ? null : J.get$platform$x(t7), "darwin");
+                } else
+                  t7 = true;
+                if (t7) {
+                  t7 = $.$get$context();
+                  t8 = A._realCasePath(t7.normalize$1(t7.absolute$15(t4, null, null, null, null, null, null, null, null, null, null, null, null, null, null)));
+                  t0 = t8;
+                  t8 = t7;
+                  t7 = t0;
+                } else {
+                  t7 = $.$get$context();
+                  t8 = t7.canonicalize$1(0, t4);
+                  t0 = t8;
+                  t8 = t7;
+                  t7 = t0;
+                }
+                graph.addCanonical$4$recanonicalize(t6, t8.toUri$1(t7), t8.toUri$1(t4), false);
+              }
+              $async$goto = 4;
+              return A._asyncAwait(A.compileStylesheets(options, graph, sourcesToDestinations, true), $async$watch);
+            case 4:
+              // returning from await.
+              if (!$async$result && A._asBool(t3.$index(0, "stop-on-error"))) {
+                t1 = t5.__StreamGroup__controller_A;
+                new A._ControllerStream(t1, A._instanceType(t1)._eval$1("_ControllerStream<1>")).listen$1(0, null).cancel$0();
+                // goto return
+                $async$goto = 1;
+                break;
+              }
+              A.print("Sass is watching for changes. Press Ctrl-C to stop.\n");
+              $async$goto = 5;
+              return A._asyncAwait(new A._Watcher(options, graph, A.LinkedHashMap_LinkedHashMap$_empty(t2, t2)).watch$1(0, dirWatcher), $async$watch);
+            case 5:
+              // returning from await.
+            case 1:
+              // return
+              return A._asyncReturn($async$returnValue, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$watch, $async$completer);
+    },
+    watch_closure: function watch_closure(t0) {
+      this.dirWatcher = t0;
+    },
+    _Watcher: function _Watcher(t0, t1, t2) {
+      this._watch$_options = t0;
+      this._graph = t1;
+      this._toRecompile = t2;
+    },
+    _Watcher__debounceEvents_closure: function _Watcher__debounceEvents_closure() {
+    },
+    EmptyExtensionStore: function EmptyExtensionStore() {
+    },
+    Extension: function Extension(t0, t1, t2, t3, t4) {
+      var _ = this;
+      _.extender = t0;
+      _.target = t1;
+      _.mediaContext = t2;
+      _.isOptional = t3;
+      _.span = t4;
+    },
+    Extender: function Extender(t0, t1) {
+      this.selector = t0;
+      this.isOriginal = t1;
+      this._extension = null;
+    },
+    ExtensionStore__extendOrReplace(selector, source, targets, mode, span) {
+      var t1, t2, t3, t4, t5, t6, t7, t8, _i, complex, compound, t9, t10, t11, _i0, simple, t12, _i1, t13, t14,
+        extender = A.ExtensionStore$_mode(mode);
+      if (!selector.accept$1(B._IsInvisibleVisitor_true))
+        extender._originals.addAll$1(0, selector.components);
+      for (t1 = targets.components, t2 = t1.length, t3 = source.components, t4 = t3.length, t5 = type$.ComplexSelector, t6 = type$.Extension, t7 = type$.SimpleSelector, t8 = type$.Map_ComplexSelector_Extension, _i = 0; _i < t2; ++_i) {
+        complex = t1[_i];
+        compound = complex.get$singleCompound();
+        if (compound == null)
+          throw A.wrapException(A.SassScriptException$("Can't extend complex selector " + complex.toString$0(0) + ".", null));
+        t9 = A.LinkedHashMap_LinkedHashMap$_empty(t7, t8);
+        for (t10 = compound.components, t11 = t10.length, _i0 = 0; _i0 < t11; ++_i0) {
+          simple = t10[_i0];
+          t12 = A.LinkedHashMap_LinkedHashMap$_empty(t5, t6);
+          for (_i1 = 0; _i1 < t4; ++_i1) {
+            complex = t3[_i1];
+            complex.get$specificity();
+            t13 = new A.Extender(complex, false);
+            t14 = new A.Extension(t13, simple, null, true, span);
+            t13._extension = t14;
+            t12.$indexSet(0, complex, t14);
+          }
+          t9.$indexSet(0, simple, t12);
+        }
+        selector = extender._extendList$2(selector, t9);
+      }
+      return selector;
+    },
+    ExtensionStore$() {
+      var t1 = type$.SimpleSelector;
+      return new A.ExtensionStore(A.LinkedHashMap_LinkedHashMap$_empty(t1, type$.Set_ModifiableBox_SelectorList), A.LinkedHashMap_LinkedHashMap$_empty(t1, type$.Map_ComplexSelector_Extension), A.LinkedHashMap_LinkedHashMap$_empty(t1, type$.List_Extension), A.LinkedHashMap_LinkedHashMap$_empty(type$.ModifiableBox_SelectorList, type$.List_CssMediaQuery), new A.JsIdentityLinkedHashMap(type$.JsIdentityLinkedHashMap_SimpleSelector_int), new A._LinkedIdentityHashSet(type$._LinkedIdentityHashSet_ComplexSelector), B.ExtendMode_normal_normal);
+    },
+    ExtensionStore$_mode(_mode) {
+      var t1 = type$.SimpleSelector;
+      return new A.ExtensionStore(A.LinkedHashMap_LinkedHashMap$_empty(t1, type$.Set_ModifiableBox_SelectorList), A.LinkedHashMap_LinkedHashMap$_empty(t1, type$.Map_ComplexSelector_Extension), A.LinkedHashMap_LinkedHashMap$_empty(t1, type$.List_Extension), A.LinkedHashMap_LinkedHashMap$_empty(type$.ModifiableBox_SelectorList, type$.List_CssMediaQuery), new A.JsIdentityLinkedHashMap(type$.JsIdentityLinkedHashMap_SimpleSelector_int), new A._LinkedIdentityHashSet(type$._LinkedIdentityHashSet_ComplexSelector), _mode);
+    },
+    ExtensionStore: function ExtensionStore(t0, t1, t2, t3, t4, t5, t6) {
+      var _ = this;
+      _._selectors = t0;
+      _._extensions = t1;
+      _._extensionsByExtender = t2;
+      _._mediaContexts = t3;
+      _._sourceSpecificity = t4;
+      _._originals = t5;
+      _._mode = t6;
+    },
+    ExtensionStore_extensionsWhereTarget_closure: function ExtensionStore_extensionsWhereTarget_closure() {
+    },
+    ExtensionStore__registerSelector_closure: function ExtensionStore__registerSelector_closure() {
+    },
+    ExtensionStore_addExtension_closure: function ExtensionStore_addExtension_closure() {
+    },
+    ExtensionStore_addExtension_closure0: function ExtensionStore_addExtension_closure0() {
+    },
+    ExtensionStore_addExtension_closure1: function ExtensionStore_addExtension_closure1(t0) {
+      this.complex = t0;
+    },
+    ExtensionStore__extendExistingExtensions_closure: function ExtensionStore__extendExistingExtensions_closure() {
+    },
+    ExtensionStore__extendExistingExtensions_closure0: function ExtensionStore__extendExistingExtensions_closure0() {
+    },
+    ExtensionStore_addExtensions_closure: function ExtensionStore_addExtensions_closure() {
+    },
+    ExtensionStore__extendComplex_closure: function ExtensionStore__extendComplex_closure(t0, t1, t2) {
+      this._box_0 = t0;
+      this.$this = t1;
+      this.complex = t2;
+    },
+    ExtensionStore__extendComplex__closure: function ExtensionStore__extendComplex__closure(t0, t1, t2) {
+      this._box_0 = t0;
+      this.$this = t1;
+      this.complex = t2;
+    },
+    ExtensionStore__extendCompound_closure: function ExtensionStore__extendCompound_closure() {
+    },
+    ExtensionStore__extendCompound_closure0: function ExtensionStore__extendCompound_closure0() {
+    },
+    ExtensionStore__extendCompound_closure1: function ExtensionStore__extendCompound_closure1(t0) {
+      this.original = t0;
+    },
+    ExtensionStore__extendSimple_withoutPseudo: function ExtensionStore__extendSimple_withoutPseudo(t0, t1, t2) {
+      this.$this = t0;
+      this.extensions = t1;
+      this.targetsUsed = t2;
+    },
+    ExtensionStore__extendSimple_closure: function ExtensionStore__extendSimple_closure(t0, t1) {
+      this.$this = t0;
+      this.withoutPseudo = t1;
+    },
+    ExtensionStore__extendSimple_closure0: function ExtensionStore__extendSimple_closure0() {
+    },
+    ExtensionStore__extendPseudo_closure: function ExtensionStore__extendPseudo_closure() {
+    },
+    ExtensionStore__extendPseudo_closure0: function ExtensionStore__extendPseudo_closure0() {
+    },
+    ExtensionStore__extendPseudo_closure1: function ExtensionStore__extendPseudo_closure1() {
+    },
+    ExtensionStore__extendPseudo_closure2: function ExtensionStore__extendPseudo_closure2(t0) {
+      this.pseudo = t0;
+    },
+    ExtensionStore__extendPseudo_closure3: function ExtensionStore__extendPseudo_closure3(t0, t1) {
+      this.pseudo = t0;
+      this.selector = t1;
+    },
+    ExtensionStore__trim_closure: function ExtensionStore__trim_closure(t0, t1) {
+      this._box_0 = t0;
+      this.complex1 = t1;
+    },
+    ExtensionStore__trim_closure0: function ExtensionStore__trim_closure0(t0, t1) {
+      this._box_0 = t0;
+      this.complex1 = t1;
+    },
+    ExtensionStore_clone_closure: function ExtensionStore_clone_closure(t0, t1, t2, t3, t4) {
+      var _ = this;
+      _.$this = t0;
+      _.newSelectors = t1;
+      _.newBoxes = t2;
+      _.oldToNewSelectors = t3;
+      _.newMediaContexts = t4;
+    },
+    ExtensionStore_clone__closure: function ExtensionStore_clone__closure(t0) {
+      this.selector = t0;
+    },
+    unifyComplex(complexes, span) {
+      var t2, trailingCombinator, leadingCombinator, unifiedBase, t3, t4, _0_6_isSet, _0_6, t5, newLeadingCombinator, base, _1_1, newTrailingCombinator, unifiedBase0, t6, t7, t8, _null = null,
+        t1 = J.getInterceptor$asx(complexes);
+      if (t1.get$length(complexes) === 1)
+        return complexes;
+      for (t2 = t1.get$iterator(complexes), trailingCombinator = _null, leadingCombinator = trailingCombinator, unifiedBase = leadingCombinator; t2.moveNext$0();) {
+        t3 = t2.get$current(t2);
+        if (t3.accept$1(B.C__IsUselessVisitor))
+          return _null;
+        t4 = t3.components;
+        _0_6_isSet = t4.length === 1;
+        if (_0_6_isSet) {
+          _0_6 = t3.leadingCombinators;
+          t5 = _0_6.length === 1;
+        } else {
+          _0_6 = _null;
+          t5 = false;
+        }
+        if (t5) {
+          newLeadingCombinator = (_0_6_isSet ? _0_6 : t3.leadingCombinators)[0];
+          if (leadingCombinator == null)
+            leadingCombinator = newLeadingCombinator;
+          else if (!(leadingCombinator.$ti._is(newLeadingCombinator) && J.$eq$(newLeadingCombinator.value, leadingCombinator.value)))
+            return _null;
+        }
+        base = B.JSArray_methods.get$last(t4);
+        _1_1 = base.combinators;
+        if (_1_1.length === 1) {
+          newTrailingCombinator = _1_1[0];
+          if (trailingCombinator != null)
+            t3 = !(trailingCombinator.$ti._is(newTrailingCombinator) && J.$eq$(newTrailingCombinator.value, trailingCombinator.value));
+          else
+            t3 = false;
+          if (t3)
+            return _null;
+          trailingCombinator = newTrailingCombinator;
+        }
+        unifiedBase0 = base.selector;
+        if (unifiedBase == null)
+          unifiedBase = unifiedBase0;
+        else {
+          unifiedBase = A.unifyCompound(unifiedBase, unifiedBase0);
+          if (unifiedBase == null)
+            return _null;
+        }
+      }
+      t2 = type$.JSArray_ComplexSelector;
+      t3 = A._setArrayType([], t2);
+      for (t4 = t1.get$iterator(complexes); t4.moveNext$0();) {
+        t5 = t4.get$current(t4);
+        t6 = t5.components;
+        t7 = t6.length;
+        if (t7 > 1) {
+          t8 = t5.leadingCombinators;
+          t3.push(A.ComplexSelector$(t8, B.JSArray_methods.take$1(t6, t7 - 1), t5.span, t5.lineBreak));
+        }
+      }
+      t4 = leadingCombinator == null ? B.List_empty0 : A._setArrayType([leadingCombinator], type$.JSArray_CssValue_Combinator);
+      unifiedBase.toString;
+      t5 = trailingCombinator == null ? B.List_empty0 : A._setArrayType([trailingCombinator], type$.JSArray_CssValue_Combinator);
+      base = A.ComplexSelector$(t4, A._setArrayType([new A.ComplexSelectorComponent(unifiedBase, A.List_List$unmodifiable(t5, type$.CssValue_Combinator), span)], type$.JSArray_ComplexSelectorComponent), span, t1.any$1(complexes, new A.unifyComplex_closure()));
+      if (t3.length === 0)
+        t1 = A._setArrayType([base], t2);
+      else {
+        t1 = A.List_List$_of(A.IterableExtension_get_exceptLast(t3), type$.ComplexSelector);
+        t1.push(B.JSArray_methods.get$last(t3).concatenate$2(base, span));
+      }
+      return A.weave(t1, span, false);
+    },
+    unifyCompound(compound1, compound2) {
+      var t1, t2, pseudoElementFound, _i, simple, unified,
+        result = compound1.components,
+        pseudoResult = A._setArrayType([], type$.JSArray_SimpleSelector);
+      for (t1 = compound2.components, t2 = t1.length, pseudoElementFound = false, _i = 0; _i < t2; ++_i) {
+        simple = t1[_i];
+        if (pseudoElementFound && simple instanceof A.PseudoSelector) {
+          unified = simple.unify$1(pseudoResult);
+          if (unified == null)
+            return null;
+          pseudoResult = unified;
+        } else {
+          pseudoElementFound = B.JSBool_methods.$or(pseudoElementFound, simple instanceof A.PseudoSelector && !simple.isClass);
+          unified = simple.unify$1(result);
+          if (unified == null)
+            return null;
+          result = unified;
+        }
+      }
+      t1 = A.List_List$_of(result, type$.SimpleSelector);
+      B.JSArray_methods.addAll$1(t1, pseudoResult);
+      return A.CompoundSelector$(t1, compound1.span);
+    },
+    unifyUniversalAndElement(selector1, selector2) {
+      var namespace, $name, t1,
+        _0_0 = A._namespaceAndName(selector1, "selector1"),
+        namespace1 = _0_0._0,
+        name1 = _0_0._1,
+        _1_0 = A._namespaceAndName(selector2, "selector2"),
+        namespace2 = _1_0._0,
+        name2 = _1_0._1;
+      if (namespace1 == namespace2 || namespace2 === "*")
+        namespace = namespace1;
+      else {
+        if (namespace1 !== "*")
+          return null;
+        namespace = namespace2;
+      }
+      if (name1 == name2 || name2 == null)
+        $name = name1;
+      else {
+        if (!(name1 == null || name1 === "*"))
+          return null;
+        $name = name2;
+      }
+      t1 = selector1.span;
+      return $name == null ? new A.UniversalSelector(namespace, t1) : new A.TypeSelector(new A.QualifiedName($name, namespace), t1);
+    },
+    _namespaceAndName(selector, $name) {
+      var t1, _0_4;
+      $label0$0: {
+        if (selector instanceof A.UniversalSelector) {
+          t1 = new A._Record_2(selector.namespace, null);
+          break $label0$0;
+        }
+        if (selector instanceof A.TypeSelector) {
+          _0_4 = selector.name;
+          t1 = new A._Record_2(_0_4.namespace, _0_4.name);
+          break $label0$0;
+        }
+        t1 = A.throwExpression(A.ArgumentError$value(selector, $name, string$.must_b));
+      }
+      return t1;
+    },
+    weave(complexes, span, forceLineBreak) {
+      var complex, t2, prefixes, t3, t4, t5, t6, i, t7, t8, _i, t9, t10, _i0, parentPrefix, t11, t12,
+        t1 = J.getInterceptor$asx(complexes);
+      if (t1.get$length(complexes) === 1) {
+        complex = t1.$index(complexes, 0);
+        if (!forceLineBreak || complex.lineBreak)
+          return complexes;
+        return A._setArrayType([A.ComplexSelector$(complex.leadingCombinators, complex.components, complex.span, true)], type$.JSArray_ComplexSelector);
+      }
+      t2 = type$.JSArray_ComplexSelector;
+      prefixes = A._setArrayType([t1.get$first(complexes)], t2);
+      for (t1 = t1.skip$1(complexes, 1), t3 = t1.$ti, t1 = new A.ListIterator(t1, t1.get$length(0), t3._eval$1("ListIterator<ListIterable.E>")), t4 = type$.ComplexSelectorComponent, t3 = t3._eval$1("ListIterable.E"); t1.moveNext$0();) {
+        t5 = t1.__internal$_current;
+        if (t5 == null)
+          t5 = t3._as(t5);
+        t6 = t5.components;
+        if (t6.length === 1) {
+          for (i = 0; i < prefixes.length; ++i)
+            prefixes[i] = prefixes[i].concatenate$3$forceLineBreak(t5, span, forceLineBreak);
+          continue;
+        }
+        t7 = A._setArrayType([], t2);
+        for (t8 = prefixes.length, _i = 0; _i < prefixes.length; prefixes.length === t8 || (0, A.throwConcurrentModificationError)(prefixes), ++_i) {
+          t9 = A._weaveParents(prefixes[_i], t5, span);
+          if (t9 == null)
+            t9 = B.List_empty1;
+          t10 = t9.length;
+          _i0 = 0;
+          for (; _i0 < t9.length; t9.length === t10 || (0, A.throwConcurrentModificationError)(t9), ++_i0) {
+            parentPrefix = t9[_i0];
+            t11 = B.JSArray_methods.get$last(t6);
+            t12 = A.List_List$_of(parentPrefix.components, t4);
+            t12.push(t11);
+            t11 = parentPrefix.lineBreak || forceLineBreak;
+            t7.push(A.ComplexSelector$(parentPrefix.leadingCombinators, t12, span, t11));
+          }
+        }
+        prefixes = t7;
+      }
+      return prefixes;
+    },
+    _weaveParents(prefix, base, span) {
+      var t1, queue1, queue2, trailingCombinators, _0_1, _0_3, _0_3_isSet, rootish2, t2, rootish1, _0_30, rootish, t3, t0, rootish_case_1, groups1, groups2, lcs, choices, t4, _i, group, t5, t6, t7, _i0, chunk, t8, t9, _null = null,
+        leadingCombinators = A._mergeLeadingCombinators(prefix.leadingCombinators, base.leadingCombinators);
+      if (leadingCombinators == null)
+        return _null;
+      t1 = type$.ComplexSelectorComponent;
+      queue1 = A.QueueList_QueueList$from(prefix.components, t1);
+      queue2 = A.QueueList_QueueList$from(A.IterableExtension_get_exceptLast(base.components), t1);
+      trailingCombinators = A._mergeTrailingCombinators(queue1, queue2, span, _null);
+      if (trailingCombinators == null)
+        return _null;
+      $label0$0: {
+        _0_1 = A._firstIfRootish(queue1);
+        _0_3 = A._firstIfRootish(queue2);
+        _0_3_isSet = _0_1 != null;
+        rootish2 = _null;
+        t2 = false;
+        if (_0_3_isSet) {
+          t2 = _0_3 != null;
+          if (t2)
+            rootish2 = _0_3;
+          rootish1 = _0_1;
+          _0_30 = _0_3;
+        } else {
+          rootish1 = _null;
+          _0_30 = rootish1;
+        }
+        if (t2) {
+          rootish = A.unifyCompound(rootish1.selector, rootish2.selector);
+          if (rootish == null)
+            return _null;
+          t1 = rootish1.combinators;
+          t2 = rootish1.span;
+          t3 = type$.CssValue_Combinator;
+          queue1.addFirst$1(new A.ComplexSelectorComponent(rootish, A.List_List$unmodifiable(t1, t3), t2));
+          queue2.addFirst$1(new A.ComplexSelectorComponent(rootish, A.List_List$unmodifiable(rootish2.combinators, t3), t2));
+          break $label0$0;
+        }
+        t2 = _null;
+        t3 = false;
+        if (_0_1 != null) {
+          if (_0_3_isSet)
+            t2 = _0_30;
+          else {
+            t2 = _0_3;
+            _0_30 = t2;
+            _0_3_isSet = true;
+          }
+          t2 = t2 == null;
+          t3 = t2 ? _0_1 : _null;
+          t0 = t3;
+          t3 = t2;
+          t2 = t0;
+        }
+        if (!t3)
+          if (_0_1 == null) {
+            if (_0_3_isSet)
+              t3 = _0_30;
+            else {
+              t3 = _0_3;
+              _0_30 = t3;
+              _0_3_isSet = true;
+            }
+            t3 = t3 != null;
+            if (t3) {
+              rootish_case_1 = _0_3_isSet ? _0_30 : _0_3;
+              if (rootish_case_1 == null)
+                rootish_case_1 = t1._as(rootish_case_1);
+              t1 = rootish_case_1;
+            } else
+              t1 = t2;
+            t2 = t3;
+          } else {
+            t1 = t2;
+            t2 = false;
+          }
+        else {
+          t1 = t2;
+          t2 = true;
+        }
+        if (t2) {
+          queue1.addFirst$1(t1);
+          queue2.addFirst$1(t1);
+        }
+      }
+      groups1 = A._groupSelectors(queue1);
+      groups2 = A._groupSelectors(queue2);
+      t1 = type$.List_ComplexSelectorComponent;
+      lcs = A.longestCommonSubsequence(groups2, groups1, new A._weaveParents_closure(span), t1);
+      choices = A._setArrayType([], type$.JSArray_List_Iterable_ComplexSelectorComponent);
+      for (t2 = lcs.length, t3 = type$.JSArray_Iterable_ComplexSelectorComponent, t4 = type$.JSArray_ComplexSelectorComponent, _i = 0; _i < lcs.length; lcs.length === t2 || (0, A.throwConcurrentModificationError)(lcs), ++_i) {
+        group = lcs[_i];
+        t5 = A._setArrayType([], t3);
+        for (t6 = A._chunks(groups1, groups2, new A._weaveParents_closure0(group), t1), t7 = t6.length, _i0 = 0; _i0 < t6.length; t6.length === t7 || (0, A.throwConcurrentModificationError)(t6), ++_i0) {
+          chunk = t6[_i0];
+          t8 = A._setArrayType([], t4);
+          for (t9 = B.JSArray_methods.get$iterator(chunk); t9.moveNext$0();)
+            B.JSArray_methods.addAll$1(t8, t9.get$current(0));
+          t5.push(t8);
+        }
+        choices.push(t5);
+        choices.push(A._setArrayType([group], t3));
+        groups1.removeFirst$0();
+        groups2.removeFirst$0();
+      }
+      t2 = A._setArrayType([], t3);
+      for (t1 = A._chunks(groups1, groups2, new A._weaveParents_closure1(), t1), t3 = t1.length, _i = 0; _i < t1.length; t1.length === t3 || (0, A.throwConcurrentModificationError)(t1), ++_i) {
+        chunk = t1[_i];
+        t5 = A._setArrayType([], t4);
+        for (t6 = B.JSArray_methods.get$iterator(chunk); t6.moveNext$0();)
+          B.JSArray_methods.addAll$1(t5, t6.get$current(0));
+        t2.push(t5);
+      }
+      choices.push(t2);
+      B.JSArray_methods.addAll$1(choices, trailingCombinators);
+      t1 = A._setArrayType([], type$.JSArray_ComplexSelector);
+      for (t2 = J.get$iterator$ax(A.paths(new A.WhereIterable(choices, new A._weaveParents_closure2(), type$.WhereIterable_List_Iterable_ComplexSelectorComponent), type$.Iterable_ComplexSelectorComponent)), t3 = !prefix.lineBreak, t5 = base.lineBreak; t2.moveNext$0();) {
+        t6 = t2.get$current(t2);
+        t7 = A._setArrayType([], t4);
+        for (t6 = J.get$iterator$ax(t6); t6.moveNext$0();)
+          B.JSArray_methods.addAll$1(t7, t6.get$current(t6));
+        t1.push(A.ComplexSelector$(leadingCombinators, t7, span, !t3 || t5));
+      }
+      return t1;
+    },
+    _firstIfRootish(queue) {
+      var first, t1, t2, _i, simple, t3;
+      if (queue.get$length(0) >= 1) {
+        first = queue.$index(0, 0);
+        for (t1 = first.selector.components, t2 = t1.length, _i = 0; _i < t2; ++_i) {
+          simple = t1[_i];
+          t3 = false;
+          if (simple instanceof A.PseudoSelector)
+            if (simple.isClass)
+              t3 = $._rootishPseudoClasses.contains$1(0, simple.normalizedName);
+          if (t3) {
+            queue.removeFirst$0();
+            return first;
+          }
+        }
+      }
+      return null;
+    },
+    _mergeLeadingCombinators(combinators1, combinators2) {
+      var t1, _0_7, t2, _0_11_isSet, _0_11, combinators, _null = null;
+      $label0$0: {
+        t1 = _null;
+        _0_7 = combinators1.length;
+        t2 = _0_7;
+        t2 = t2 > 1;
+        _0_11_isSet = !t2;
+        _0_11 = _null;
+        if (_0_11_isSet) {
+          _0_11 = combinators2.length;
+          t2 = _0_11;
+          t2 = t2 > 1;
+        } else
+          t2 = true;
+        if (t2)
+          break $label0$0;
+        t2 = _0_7;
+        t2 = t2 <= 0;
+        if (t2)
+          combinators = combinators2;
+        else
+          combinators = t1;
+        t1 = t2;
+        if (!t1) {
+          t1 = false;
+          if (_0_11_isSet)
+            t1 = _0_11;
+          else {
+            _0_11 = combinators2.length;
+            t1 = _0_11;
+          }
+          t1 = t1 <= 0;
+          combinators = combinators1;
+        } else
+          t1 = true;
+        if (t1) {
+          t1 = combinators;
+          break $label0$0;
+        }
+        t1 = B.C_ListEquality.equals$2(0, combinators1, combinators2) ? combinators1 : _null;
+        break $label0$0;
+      }
+      return t1;
+    },
+    _mergeTrailingCombinators(components1, components2, span, result) {
+      var _0_1, t1, _1_1, t2, t3, _4_1, _4_3, _4_5_isSet, _4_4, _4_5, component1, component2, t4, t5, choices, _2_0, _4_6, _4_7, followingComponents, nextComponents, _4_4_isSet, _4_9, _4_6_isSet, _4_7_isSet, _4_10_isSet, _4_10, next, following, _3_0, _4_4_isSet0, siblingComponents_case_0, siblingComponents_case_1, t6, combinator2, unified, t7, combinatorComponents_case_0, descendantComponents_case_0, t0, combinator_case_1, descendantComponents_case_1, combinatorComponents_case_1, _null = null;
+      if (result == null)
+        result = A.QueueList$(_null, type$.List_List_ComplexSelectorComponent);
+      $label0$0: {
+        _0_1 = components1.get$length(0);
+        if (_0_1 >= 1) {
+          t1 = components1.$index(0, _0_1 - 1).combinators;
+          break $label0$0;
+        }
+        t1 = B.List_empty0;
+        break $label0$0;
+      }
+      $label1$1: {
+        _1_1 = components2.get$length(0);
+        if (_1_1 >= 1) {
+          t2 = components2.$index(0, _1_1 - 1).combinators;
+          break $label1$1;
+        }
+        t2 = B.List_empty0;
+        break $label1$1;
+      }
+      t3 = t1.length;
+      if (t3 === 0 && t2.length === 0)
+        return result;
+      if (t3 > 1 || t2.length > 1)
+        return _null;
+      $label2$2: {
+        t3 = A.IterableExtension_get_firstOrNull(t1);
+        t3 = t3 == null ? _null : t3.value;
+        t2 = A.IterableExtension_get_firstOrNull(t2);
+        t2 = [t3, t2 == null ? _null : t2.value, components1, components2];
+        _4_1 = t2[0];
+        _4_3 = B.Combinator_55N === _4_1;
+        _4_5_isSet = _4_3;
+        if (_4_5_isSet) {
+          _4_4 = t2[1];
+          _4_5 = B.Combinator_55N === _4_4;
+          t3 = _4_5;
+        } else {
+          _4_4 = _null;
+          _4_5 = _4_4;
+          t3 = false;
+        }
+        if (t3) {
+          component1 = components1.removeLast$0(0);
+          component2 = components2.removeLast$0(0);
+          t2 = component1.selector;
+          t3 = component2.selector;
+          if (A.compoundIsSuperselector(t2, t3, _null))
+            result.addFirst$1(A._setArrayType([A._setArrayType([component2], type$.JSArray_ComplexSelectorComponent)], type$.JSArray_List_ComplexSelectorComponent));
+          else {
+            t4 = type$.JSArray_ComplexSelectorComponent;
+            t5 = type$.JSArray_List_ComplexSelectorComponent;
+            if (A.compoundIsSuperselector(t3, t2, _null))
+              result.addFirst$1(A._setArrayType([A._setArrayType([component1], t4)], t5));
+            else {
+              choices = A._setArrayType([A._setArrayType([component1, component2], t4), A._setArrayType([component2, component1], t4)], t5);
+              _2_0 = A.unifyCompound(t2, t3);
+              if (_2_0 != null)
+                choices.push(A._setArrayType([new A.ComplexSelectorComponent(_2_0, A.List_List$unmodifiable(A._setArrayType([B.JSArray_methods.get$first(t1)], type$.JSArray_CssValue_Combinator), type$.CssValue_Combinator), span)], t4));
+              result.addFirst$1(choices);
+            }
+          }
+          break $label2$2;
+        }
+        _4_6 = _null;
+        _4_7 = _null;
+        followingComponents = _null;
+        nextComponents = _null;
+        if (_4_3) {
+          if (_4_5_isSet) {
+            t3 = _4_4;
+            _4_4_isSet = _4_5_isSet;
+          } else {
+            _4_4 = t2[1];
+            t3 = _4_4;
+            _4_4_isSet = true;
+          }
+          _4_9 = B.Combinator_bOP === t3;
+          _4_6_isSet = _4_9;
+          if (_4_6_isSet) {
+            _4_6 = t2[2];
+            _4_7 = t2[3];
+            nextComponents = _4_7;
+            followingComponents = _4_6;
+          }
+          t3 = _4_6_isSet;
+          _4_7_isSet = t3;
+        } else {
+          _4_9 = _null;
+          _4_4_isSet = _4_5_isSet;
+          _4_6_isSet = false;
+          _4_7_isSet = false;
+          t3 = false;
+        }
+        _4_10_isSet = !t3;
+        if (_4_10_isSet) {
+          _4_10 = B.Combinator_bOP === _4_1;
+          t3 = _4_10;
+          if (t3) {
+            if (_4_5_isSet)
+              t3 = _4_5;
+            else {
+              if (_4_4_isSet)
+                t3 = _4_4;
+              else {
+                _4_4 = t2[1];
+                t3 = _4_4;
+                _4_4_isSet = true;
+              }
+              _4_5 = B.Combinator_55N === t3;
+              t3 = _4_5;
+              _4_5_isSet = true;
+            }
+            if (t3) {
+              if (_4_6_isSet)
+                nextComponents = _4_6;
+              else {
+                _4_6 = t2[2];
+                nextComponents = _4_6;
+                _4_6_isSet = true;
+              }
+              if (_4_7_isSet)
+                followingComponents = _4_7;
+              else {
+                _4_7 = t2[3];
+                followingComponents = _4_7;
+                _4_7_isSet = true;
+              }
+            }
+          } else
+            t3 = false;
+        } else {
+          _4_10 = _null;
+          t3 = true;
+        }
+        if (t3) {
+          next = nextComponents.removeLast$0(0);
+          following = followingComponents.removeLast$0(0);
+          t1 = following.selector;
+          t2 = next.selector;
+          t3 = type$.JSArray_ComplexSelectorComponent;
+          t4 = type$.JSArray_List_ComplexSelectorComponent;
+          if (A.compoundIsSuperselector(t1, t2, _null))
+            result.addFirst$1(A._setArrayType([A._setArrayType([next], t3)], t4));
+          else {
+            t4 = A._setArrayType([A._setArrayType([following, next], t3)], t4);
+            _3_0 = A.unifyCompound(t1, t2);
+            if (_3_0 != null)
+              t4.push(A._setArrayType([new A.ComplexSelectorComponent(_3_0, A.List_List$unmodifiable(next.combinators, type$.CssValue_Combinator), span)], t3));
+            result.addFirst$1(t4);
+          }
+          break $label2$2;
+        }
+        t3 = _null;
+        if (B.Combinator_0mp === _4_1) {
+          _4_4_isSet0 = true;
+          if (_4_3)
+            t4 = _4_9;
+          else {
+            if (_4_4_isSet)
+              t4 = _4_4;
+            else {
+              _4_4 = t2[1];
+              t4 = _4_4;
+              _4_4_isSet = _4_4_isSet0;
+            }
+            _4_9 = B.Combinator_bOP === t4;
+            t4 = _4_9;
+          }
+          if (!t4)
+            if (_4_5_isSet)
+              t4 = _4_5;
+            else {
+              if (_4_4_isSet)
+                t4 = _4_4;
+              else {
+                _4_4 = t2[1];
+                t4 = _4_4;
+                _4_4_isSet = _4_4_isSet0;
+              }
+              _4_5 = B.Combinator_55N === t4;
+              t4 = _4_5;
+            }
+          else
+            t4 = true;
+          if (t4) {
+            if (_4_7_isSet)
+              siblingComponents_case_0 = _4_7;
+            else {
+              _4_7 = t2[3];
+              siblingComponents_case_0 = _4_7;
+              _4_7_isSet = true;
+            }
+            t3 = siblingComponents_case_0;
+          }
+        } else
+          t4 = false;
+        if (!t4) {
+          if (_4_10_isSet)
+            t4 = _4_10;
+          else {
+            _4_10 = B.Combinator_bOP === _4_1;
+            t4 = _4_10;
+          }
+          if (!t4)
+            t4 = _4_3;
+          else
+            t4 = true;
+          if (t4) {
+            if (_4_4_isSet)
+              t4 = _4_4;
+            else {
+              _4_4 = t2[1];
+              t4 = _4_4;
+              _4_4_isSet = true;
+            }
+            t4 = B.Combinator_0mp === t4;
+            if (t4) {
+              if (_4_6_isSet)
+                siblingComponents_case_1 = _4_6;
+              else {
+                _4_6 = t2[2];
+                siblingComponents_case_1 = _4_6;
+                _4_6_isSet = true;
+              }
+              t3 = siblingComponents_case_1;
+            }
+          } else
+            t4 = false;
+        } else
+          t4 = true;
+        if (t4) {
+          result.addFirst$1(A._setArrayType([A._setArrayType([t3.removeLast$0(0)], type$.JSArray_ComplexSelectorComponent)], type$.JSArray_List_ComplexSelectorComponent));
+          break $label2$2;
+        }
+        t3 = _4_1 == null;
+        t4 = !t3;
+        t5 = false;
+        if (t4) {
+          _4_4_isSet0 = true;
+          if (_4_4_isSet)
+            t6 = _4_4;
+          else {
+            _4_4 = t2[1];
+            t6 = _4_4;
+            _4_4_isSet = _4_4_isSet0;
+          }
+          if (t6 != null) {
+            if (_4_4_isSet)
+              combinator2 = _4_4;
+            else {
+              _4_4 = t2[1];
+              combinator2 = _4_4;
+              _4_4_isSet = _4_4_isSet0;
+            }
+            t5 = _4_1 === (combinator2 == null ? type$.Combinator._as(combinator2) : combinator2);
+          }
+        }
+        if (t5) {
+          unified = A.unifyCompound(components1.removeLast$0(0).selector, components2.removeLast$0(0).selector);
+          if (unified == null)
+            return _null;
+          result.addFirst$1(A._setArrayType([A._setArrayType([new A.ComplexSelectorComponent(unified, A.List_List$unmodifiable(A._setArrayType([B.JSArray_methods.get$first(t1)], type$.JSArray_CssValue_Combinator), type$.CssValue_Combinator), span)], type$.JSArray_ComplexSelectorComponent)], type$.JSArray_List_ComplexSelectorComponent));
+          break $label2$2;
+        }
+        t1 = _null;
+        t5 = _null;
+        t6 = _null;
+        t7 = false;
+        if (t4) {
+          if (_4_4_isSet)
+            t4 = _4_4;
+          else {
+            _4_4 = t2[1];
+            t4 = _4_4;
+            _4_4_isSet = true;
+          }
+          t4 = t4 == null;
+          if (t4) {
+            if (_4_6_isSet)
+              combinatorComponents_case_0 = _4_6;
+            else {
+              _4_6 = t2[2];
+              combinatorComponents_case_0 = _4_6;
+              _4_6_isSet = true;
+            }
+            if (_4_7_isSet)
+              descendantComponents_case_0 = _4_7;
+            else {
+              _4_7 = t2[3];
+              descendantComponents_case_0 = _4_7;
+              _4_7_isSet = true;
+            }
+            t1 = descendantComponents_case_0;
+            t6 = t1;
+            t1 = _4_1;
+            t5 = combinatorComponents_case_0;
+          }
+          t0 = t6;
+          t6 = t4;
+          t4 = t5;
+          t5 = t0;
+        } else {
+          t4 = t5;
+          t5 = t6;
+          t6 = t7;
+        }
+        if (!t6)
+          if (t3) {
+            if (_4_4_isSet)
+              t3 = _4_4;
+            else {
+              _4_4 = t2[1];
+              t3 = _4_4;
+              _4_4_isSet = true;
+            }
+            t3 = t3 != null;
+            if (t3) {
+              combinator_case_1 = _4_4_isSet ? _4_4 : t2[1];
+              if (combinator_case_1 == null)
+                combinator_case_1 = type$.Combinator._as(combinator_case_1);
+              descendantComponents_case_1 = _4_6_isSet ? _4_6 : t2[2];
+              combinatorComponents_case_1 = _4_7_isSet ? _4_7 : t2[3];
+              t1 = combinatorComponents_case_1;
+              t2 = descendantComponents_case_1;
+              t4 = t2;
+              t2 = t1;
+              t1 = combinator_case_1;
+            } else {
+              t2 = t4;
+              t4 = t5;
+            }
+            t0 = t4;
+            t4 = t3;
+            t3 = t0;
+          } else {
+            t3 = t5;
+            t2 = t4;
+            t4 = false;
+          }
+        else {
+          t3 = t5;
+          t2 = t4;
+          t4 = true;
+        }
+        if (t4) {
+          if (t1 === B.Combinator_0mp) {
+            t1 = A.IterableExtension_get_lastOrNull(t3);
+            t1 = t1 == null ? _null : A.compoundIsSuperselector(t1.selector, t2.get$last(t2).selector, _null);
+            t1 = t1 === true;
+          } else
+            t1 = false;
+          if (t1)
+            t3.removeLast$0(0);
+          result.addFirst$1(A._setArrayType([A._setArrayType([t2.removeLast$0(0)], type$.JSArray_ComplexSelectorComponent)], type$.JSArray_List_ComplexSelectorComponent));
+          break $label2$2;
+        }
+        return _null;
+      }
+      return A._mergeTrailingCombinators(components1, components2, span, result);
+    },
+    _mustUnify(complex1, complex2) {
+      var t2, t3, t4,
+        t1 = A.LinkedHashSet_LinkedHashSet$_empty(type$.SimpleSelector);
+      for (t2 = J.get$iterator$ax(complex1); t2.moveNext$0();)
+        for (t3 = B.JSArray_methods.get$iterator(t2.get$current(t2).selector.components), t4 = new A.WhereIterator(t3, A.functions___isUnique$closure()); t4.moveNext$0();)
+          t1.add$1(0, t3.get$current(0));
+      if (t1._collection$_length === 0)
+        return false;
+      return J.any$1$ax(complex2, new A._mustUnify_closure(t1));
+    },
+    _isUnique(simple) {
+      var t1;
+      if (!(simple instanceof A.IDSelector))
+        t1 = simple instanceof A.PseudoSelector && !simple.isClass;
+      else
+        t1 = true;
+      return t1;
+    },
+    _chunks(queue1, queue2, done, $T) {
+      var chunk2, _0_4, _0_7_isSet, _0_7, _0_5, chunk, _0_5_isSet, t2,
+        t1 = $T._eval$1("JSArray<0>"),
+        chunk1 = A._setArrayType([], t1);
+      for (; !done.call$1(queue1);)
+        chunk1.push(queue1.removeFirst$0());
+      chunk2 = A._setArrayType([], t1);
+      for (; !done.call$1(queue2);)
+        chunk2.push(queue2.removeFirst$0());
+      $label0$0: {
+        _0_4 = chunk1.length <= 0;
+        _0_7_isSet = _0_4;
+        if (_0_7_isSet) {
+          _0_7 = chunk2.length <= 0;
+          t1 = _0_7;
+          _0_5 = chunk2;
+        } else {
+          _0_7 = null;
+          _0_5 = null;
+          t1 = false;
+        }
+        if (t1) {
+          t1 = A._setArrayType([], $T._eval$1("JSArray<List<0>>"));
+          break $label0$0;
+        }
+        if (_0_4)
+          if (_0_7_isSet) {
+            chunk = _0_5;
+            _0_5_isSet = _0_7_isSet;
+          } else {
+            chunk = chunk2;
+            _0_5 = chunk;
+            _0_5_isSet = true;
+          }
+        else {
+          _0_5_isSet = _0_7_isSet;
+          chunk = null;
+        }
+        if (!_0_4) {
+          if (_0_7_isSet)
+            t1 = _0_7;
+          else {
+            _0_7 = (_0_5_isSet ? _0_5 : chunk2).length <= 0;
+            t1 = _0_7;
+          }
+          chunk = chunk1;
+        } else
+          t1 = true;
+        if (t1) {
+          t1 = A._setArrayType([chunk], $T._eval$1("JSArray<List<0>>"));
+          break $label0$0;
+        }
+        t1 = A.List_List$_of(chunk1, $T);
+        B.JSArray_methods.addAll$1(t1, chunk2);
+        t2 = A.List_List$_of(chunk2, $T);
+        B.JSArray_methods.addAll$1(t2, chunk1);
+        t1 = A._setArrayType([t1, t2], $T._eval$1("JSArray<List<0>>"));
+        break $label0$0;
+      }
+      return t1;
+    },
+    paths(choices, $T) {
+      return J.fold$2$ax(choices, A._setArrayType([A._setArrayType([], $T._eval$1("JSArray<0>"))], $T._eval$1("JSArray<List<0>>")), new A.paths_closure($T));
+    },
+    _groupSelectors(complex) {
+      var t2, t3, t4,
+        groups = A.QueueList$(null, type$.List_ComplexSelectorComponent),
+        t1 = type$.JSArray_ComplexSelectorComponent,
+        group = A._setArrayType([], t1);
+      for (t2 = complex.$ti, t3 = new A.ListIterator(complex, complex.get$length(0), t2._eval$1("ListIterator<ListBase.E>")), t2 = t2._eval$1("ListBase.E"); t3.moveNext$0();) {
+        t4 = t3.__internal$_current;
+        if (t4 == null)
+          t4 = t2._as(t4);
+        group.push(t4);
+        if (t4.combinators.length === 0) {
+          groups._queue_list$_add$1(group);
+          group = A._setArrayType([], t1);
+        }
+      }
+      if (group.length !== 0)
+        groups._queue_list$_add$1(group);
+      return groups;
+    },
+    listIsSuperselector(list1, list2) {
+      return B.JSArray_methods.every$1(list2, new A.listIsSuperselector_closure(list1));
+    },
+    _complexIsParentSuperselector(complex1, complex2) {
+      var t1, base, t2;
+      if (J.get$length$asx(complex1) > J.get$length$asx(complex2))
+        return false;
+      t1 = $.$get$bogusSpan();
+      base = new A.ComplexSelectorComponent(A.CompoundSelector$(A._setArrayType([new A.PlaceholderSelector("<temp>", t1)], type$.JSArray_SimpleSelector), t1), A.List_List$unmodifiable(B.List_empty0, type$.CssValue_Combinator), t1);
+      t1 = type$.ComplexSelectorComponent;
+      t2 = A.List_List$_of(complex1, t1);
+      t2.push(base);
+      t1 = A.List_List$_of(complex2, t1);
+      t1.push(base);
+      return A.complexIsSuperselector(t2, t1);
+    },
+    complexIsSuperselector(complex1, complex2) {
+      var t1, t2, previousCombinator, i1, i2, remaining1, remaining2, component1, t3, t4, endOfSubselector, component2, t5, combinator1, _null = null;
+      if (B.JSArray_methods.get$last(complex1).combinators.length !== 0)
+        return false;
+      if (B.JSArray_methods.get$last(complex2).combinators.length !== 0)
+        return false;
+      for (t1 = A._arrayInstanceType(complex2), t2 = t1._precomputed1, t1 = t1._eval$1("SubListIterable<1>"), previousCombinator = _null, i1 = 0, i2 = 0; true; previousCombinator = combinator1) {
+        remaining1 = complex1.length - i1;
+        remaining2 = complex2.length - i2;
+        if (remaining1 === 0 || remaining2 === 0)
+          return false;
+        if (remaining1 > remaining2)
+          return false;
+        component1 = complex1[i1];
+        t3 = component1.combinators;
+        if (t3.length > 1)
+          return false;
+        if (remaining1 === 1)
+          if (B.JSArray_methods.any$1(complex2, new A.complexIsSuperselector_closure()))
+            return false;
+          else {
+            t1 = component1.selector;
+            t2 = B.JSArray_methods.get$last(complex2);
+            t3 = t1.get$hasComplicatedSuperselectorSemantics() ? B.JSArray_methods.sublist$2(complex2, i2, complex2.length - 1) : _null;
+            return A.compoundIsSuperselector(t1, t2.selector, t3);
+          }
+        for (t4 = component1.selector, endOfSubselector = i2; true;) {
+          component2 = complex2[endOfSubselector];
+          if (component2.combinators.length > 1)
+            return false;
+          t5 = t4.get$hasComplicatedSuperselectorSemantics() ? B.JSArray_methods.sublist$2(complex2, i2, endOfSubselector) : _null;
+          if (A.compoundIsSuperselector(t4, component2.selector, t5))
+            break;
+          ++endOfSubselector;
+          if (endOfSubselector === complex2.length - 1)
+            return false;
+        }
+        t4 = new A.SubListIterable(complex2, 0, endOfSubselector, t1);
+        t4.SubListIterable$3(complex2, 0, endOfSubselector, t2);
+        if (!A._compatibleWithPreviousCombinator(previousCombinator, t4.skip$1(0, i2)))
+          return false;
+        component2 = complex2[endOfSubselector];
+        combinator1 = A.IterableExtension_get_firstOrNull(t3);
+        if (!A._isSupercombinator(combinator1, A.IterableExtension_get_firstOrNull(component2.combinators)))
+          return false;
+        ++i1;
+        i2 = endOfSubselector + 1;
+        if (complex1.length - i1 === 1) {
+          t3 = combinator1 == null;
+          if ((t3 ? _null : combinator1.value) === B.Combinator_55N) {
+            t3 = complex2.length - 1;
+            t4 = new A.SubListIterable(complex2, 0, t3, t1);
+            t4.SubListIterable$3(complex2, 0, t3, t2);
+            if (!t4.skip$1(0, i2).every$1(0, new A.complexIsSuperselector_closure0(combinator1)))
+              return false;
+          } else if (!t3)
+            if (complex2.length - i2 > 1)
+              return false;
+        }
+      }
+    },
+    _compatibleWithPreviousCombinator(previous, parents) {
+      if (parents.get$isEmpty(parents))
+        return true;
+      if (previous == null)
+        return true;
+      if (previous.value !== B.Combinator_55N)
+        return false;
+      return parents.every$1(0, new A._compatibleWithPreviousCombinator_closure());
+    },
+    _isSupercombinator(combinator1, combinator2) {
+      var t2, t3,
+        t1 = true;
+      if (!J.$eq$(combinator1, combinator2)) {
+        t2 = combinator1 == null;
+        if (t2)
+          t3 = (combinator2 == null ? null : combinator2.value) === B.Combinator_0mp;
+        else
+          t3 = false;
+        if (!t3)
+          if ((t2 ? null : combinator1.value) === B.Combinator_55N)
+            t1 = (combinator2 == null ? null : combinator2.value) === B.Combinator_bOP;
+          else
+            t1 = false;
+      }
+      return t1;
+    },
+    compoundIsSuperselector(compound1, compound2, parents) {
+      var t1, _0_1, _0_5, _0_5_isSet, _0_50, index1, pseudo2, index2, t2, pseudo1, t3, t4, t5, _i, simple1, _null = null;
+      if (!compound1.get$hasComplicatedSuperselectorSemantics() && !compound2.get$hasComplicatedSuperselectorSemantics()) {
+        t1 = compound1.components;
+        if (t1.length > compound2.components.length)
+          return false;
+        return B.JSArray_methods.every$1(t1, new A.compoundIsSuperselector_closure(compound2));
+      }
+      _0_1 = A._findPseudoElementIndexed(compound1);
+      _0_5 = A._findPseudoElementIndexed(compound2);
+      t1 = type$.Record_2_nullable_Object_and_nullable_Object;
+      _0_5_isSet = t1._is(_0_1);
+      _0_50 = _null;
+      index1 = _null;
+      pseudo2 = _null;
+      index2 = _null;
+      t2 = false;
+      if (_0_5_isSet) {
+        pseudo1 = _0_1._0;
+        index1 = _0_1._1;
+        t1 = t1._is(_0_5);
+        if (t1) {
+          pseudo2 = _0_5._0;
+          index2 = _0_5._1;
+        }
+        _0_50 = _0_5;
+      } else {
+        t1 = t2;
+        pseudo1 = _null;
+      }
+      if (t1) {
+        if (pseudo1.isSuperselector$1(pseudo2)) {
+          t1 = compound1.components;
+          t2 = type$.int;
+          t3 = A._arrayInstanceType(t1)._precomputed1;
+          t4 = compound2.components;
+          t5 = A._arrayInstanceType(t4)._precomputed1;
+          t1 = A._compoundComponentsIsSuperselector(A.SubListIterable$(t1, 0, A.checkNotNullable(index1, "count", t2), t3), A.SubListIterable$(t4, 0, A.checkNotNullable(index2, "count", t2), t5), parents) && A._compoundComponentsIsSuperselector(A.SubListIterable$(t1, index1 + 1, _null, t3), A.SubListIterable$(t4, index2 + 1, _null, t5), parents);
+        } else
+          t1 = false;
+        return t1;
+      }
+      if (_0_1 == null)
+        t1 = (_0_5_isSet ? _0_50 : _0_5) != null;
+      else
+        t1 = true;
+      if (t1)
+        return false;
+      for (t1 = compound1.components, t2 = t1.length, t3 = compound2.components, _i = 0; _i < t2; ++_i) {
+        simple1 = t1[_i];
+        if (simple1 instanceof A.PseudoSelector)
+          t4 = simple1.selector != null;
+        else
+          t4 = false;
+        if (t4) {
+          if (!A._selectorPseudoIsSuperselector(simple1, compound2, parents))
+            return false;
+        } else if (!B.JSArray_methods.any$1(t3, simple1.get$isSuperselector()))
+          return false;
+      }
+      return true;
+    },
+    _findPseudoElementIndexed(compound) {
+      var t1, t2, i, simple;
+      for (t1 = compound.components, t2 = t1.length, i = 0; i < t2; ++i) {
+        simple = t1[i];
+        if (simple instanceof A.PseudoSelector && !simple.isClass)
+          return new A._Record_2(simple, i);
+      }
+      return null;
+    },
+    _compoundComponentsIsSuperselector(compound1, compound2, parents) {
+      var t1;
+      if (compound1.get$length(0) === 0)
+        return true;
+      if (compound2.get$length(0) === 0)
+        compound2 = A._setArrayType([new A.UniversalSelector("*", $.$get$bogusSpan())], type$.JSArray_SimpleSelector);
+      t1 = $.$get$bogusSpan();
+      return A.compoundIsSuperselector(A.CompoundSelector$(compound1, t1), A.CompoundSelector$(compound2, t1), parents);
+    },
+    _selectorPseudoIsSuperselector(pseudo1, compound2, parents) {
+      var selector1 = pseudo1.selector;
+      if (selector1 == null)
+        throw A.wrapException(A.ArgumentError$("Selector " + pseudo1.toString$0(0) + " must have a selector argument.", null));
+      switch (pseudo1.normalizedName) {
+        case "is":
+        case "matches":
+        case "any":
+        case "where":
+          return A._selectorPseudoArgs(compound2, pseudo1.name, true).any$1(0, new A._selectorPseudoIsSuperselector_closure(selector1)) || B.JSArray_methods.any$1(selector1.components, new A._selectorPseudoIsSuperselector_closure0(parents, compound2));
+        case "has":
+        case "host":
+        case "host-context":
+          return A._selectorPseudoArgs(compound2, pseudo1.name, true).any$1(0, new A._selectorPseudoIsSuperselector_closure1(selector1));
+        case "slotted":
+          return A._selectorPseudoArgs(compound2, pseudo1.name, false).any$1(0, new A._selectorPseudoIsSuperselector_closure2(selector1));
+        case "not":
+          return B.JSArray_methods.every$1(selector1.components, new A._selectorPseudoIsSuperselector_closure3(compound2, pseudo1));
+        case "current":
+          return A._selectorPseudoArgs(compound2, pseudo1.name, true).any$1(0, new A._selectorPseudoIsSuperselector_closure4(selector1));
+        case "nth-child":
+        case "nth-last-child":
+          return B.JSArray_methods.any$1(compound2.components, new A._selectorPseudoIsSuperselector_closure5(pseudo1, selector1));
+        default:
+          throw A.wrapException("unreachable");
+      }
+    },
+    _selectorPseudoArgs(compound, $name, isClass) {
+      var t1 = type$.WhereTypeIterable_PseudoSelector;
+      return new A.NonNullsIterable(new A.MappedIterable(new A.WhereIterable(new A.WhereTypeIterable(compound.components, t1), new A._selectorPseudoArgs_closure(isClass, $name), t1._eval$1("WhereIterable<Iterable.E>")), new A._selectorPseudoArgs_closure0(), t1._eval$1("MappedIterable<Iterable.E,SelectorList?>")), type$.NonNullsIterable_SelectorList);
+    },
+    unifyComplex_closure: function unifyComplex_closure() {
+    },
+    _weaveParents_closure: function _weaveParents_closure(t0) {
+      this.span = t0;
+    },
+    _weaveParents_closure0: function _weaveParents_closure0(t0) {
+      this.group = t0;
+    },
+    _weaveParents_closure1: function _weaveParents_closure1() {
+    },
+    _weaveParents_closure2: function _weaveParents_closure2() {
+    },
+    _mustUnify_closure: function _mustUnify_closure(t0) {
+      this.uniqueSelectors = t0;
+    },
+    _mustUnify__closure: function _mustUnify__closure(t0) {
+      this.uniqueSelectors = t0;
+    },
+    paths_closure: function paths_closure(t0) {
+      this.T = t0;
+    },
+    paths__closure: function paths__closure(t0, t1) {
+      this.paths = t0;
+      this.T = t1;
+    },
+    paths___closure: function paths___closure(t0, t1) {
+      this.option = t0;
+      this.T = t1;
+    },
+    listIsSuperselector_closure: function listIsSuperselector_closure(t0) {
+      this.list1 = t0;
+    },
+    listIsSuperselector__closure: function listIsSuperselector__closure(t0) {
+      this.complex1 = t0;
+    },
+    complexIsSuperselector_closure: function complexIsSuperselector_closure() {
+    },
+    complexIsSuperselector_closure0: function complexIsSuperselector_closure0(t0) {
+      this.combinator1 = t0;
+    },
+    _compatibleWithPreviousCombinator_closure: function _compatibleWithPreviousCombinator_closure() {
+    },
+    compoundIsSuperselector_closure: function compoundIsSuperselector_closure(t0) {
+      this.compound2 = t0;
+    },
+    _selectorPseudoIsSuperselector_closure: function _selectorPseudoIsSuperselector_closure(t0) {
+      this.selector1 = t0;
+    },
+    _selectorPseudoIsSuperselector_closure0: function _selectorPseudoIsSuperselector_closure0(t0, t1) {
+      this.parents = t0;
+      this.compound2 = t1;
+    },
+    _selectorPseudoIsSuperselector_closure1: function _selectorPseudoIsSuperselector_closure1(t0) {
+      this.selector1 = t0;
+    },
+    _selectorPseudoIsSuperselector_closure2: function _selectorPseudoIsSuperselector_closure2(t0) {
+      this.selector1 = t0;
+    },
+    _selectorPseudoIsSuperselector_closure3: function _selectorPseudoIsSuperselector_closure3(t0, t1) {
+      this.compound2 = t0;
+      this.pseudo1 = t1;
+    },
+    _selectorPseudoIsSuperselector__closure: function _selectorPseudoIsSuperselector__closure(t0, t1) {
+      this.complex = t0;
+      this.pseudo1 = t1;
+    },
+    _selectorPseudoIsSuperselector___closure: function _selectorPseudoIsSuperselector___closure(t0) {
+      this.simple2 = t0;
+    },
+    _selectorPseudoIsSuperselector___closure0: function _selectorPseudoIsSuperselector___closure0(t0) {
+      this.simple2 = t0;
+    },
+    _selectorPseudoIsSuperselector_closure4: function _selectorPseudoIsSuperselector_closure4(t0) {
+      this.selector1 = t0;
+    },
+    _selectorPseudoIsSuperselector_closure5: function _selectorPseudoIsSuperselector_closure5(t0, t1) {
+      this.pseudo1 = t0;
+      this.selector1 = t1;
+    },
+    _selectorPseudoArgs_closure: function _selectorPseudoArgs_closure(t0, t1) {
+      this.isClass = t0;
+      this.name = t1;
+    },
+    _selectorPseudoArgs_closure0: function _selectorPseudoArgs_closure0() {
+    },
+    MergedExtension_merge(left, right) {
+      var t2, t3, t4,
+        t1 = left.extender.selector;
+      if (!t1.$eq(0, right.extender.selector) || !left.target.$eq(0, right.target))
+        throw A.wrapException(A.ArgumentError$(left.toString$0(0) + " and " + right.toString$0(0) + " aren't the same extension.", null));
+      t2 = left.mediaContext;
+      t3 = t2 == null;
+      if (!t3) {
+        t4 = right.mediaContext;
+        t4 = t4 != null && !B.C_ListEquality.equals$2(0, t2, t4);
+      } else
+        t4 = false;
+      if (t4)
+        throw A.wrapException(A.SassException$("From " + left.span.message$1(0, "") + string$.x0aYou_m, right.span, null));
+      if (right.isOptional && right.mediaContext == null)
+        return left;
+      if (left.isOptional && t3)
+        return right;
+      if (t3)
+        t2 = right.mediaContext;
+      t1.get$specificity();
+      t1 = new A.Extender(t1, false);
+      return t1._extension = new A.MergedExtension(left, right, t1, left.target, t2, true, left.span);
+    },
+    MergedExtension: function MergedExtension(t0, t1, t2, t3, t4, t5, t6) {
+      var _ = this;
+      _.left = t0;
+      _.right = t1;
+      _.extender = t2;
+      _.target = t3;
+      _.mediaContext = t4;
+      _.isOptional = t5;
+      _.span = t6;
+    },
+    ExtendMode: function ExtendMode(t0, t1) {
+      this.name = t0;
+      this._name = t1;
+    },
+    globalFunctions_closure: function globalFunctions_closure() {
+    },
+    _invert($arguments, global) {
+      var t2, color, rgb, channel2, space, weight, inSpace, t3, _1_9, channel0, channel1, t4, _s6_ = "weight", _s5_ = "space",
+        t1 = J.getInterceptor$asx($arguments),
+        weightNumber = t1.$index($arguments, 1).assertNumber$1(_s6_);
+      if (!(t1.$index($arguments, 0) instanceof A.SassNumber))
+        t2 = global && t1.$index($arguments, 0).get$isSpecialNumber();
+      else
+        t2 = true;
+      if (t2) {
+        if (weightNumber._number$_value !== 100 || !weightNumber.hasUnit$1("%"))
+          throw A.wrapException(string$.Only_oa);
+        return A._functionString("invert", t1.take$1($arguments, 1));
+      }
+      color = t1.$index($arguments, 0).assertColor$1("color");
+      if (t1.$index($arguments, 2).$eq(0, B.C__SassNull)) {
+        t1 = color._space;
+        if (!t1.get$isLegacyInternal())
+          throw A.wrapException(A.SassScriptException$(string$.To_usei + color.toString$0(0) + ", you must provide a $space.", "color"));
+        A._checkPercent(weightNumber, _s6_);
+        rgb = color.toSpace$1(B.RgbColorSpace_i0P);
+        channel2 = B.LinearChannel_vJ3;
+        return A._mixLegacy(A.SassColor_SassColor$rgbInternal(A._invertChannel(rgb, B.LinearChannel_qXC, rgb.channel0OrNull), A._invertChannel(rgb, B.LinearChannel_Z5r, rgb.channel1OrNull), A._invertChannel(rgb, channel2, rgb.channel2OrNull), color.alphaOrNull, null), color, weightNumber).toSpace$1(t1);
+      }
+      t1 = t1.$index($arguments, 2).assertString$1(_s5_);
+      t1.assertUnquoted$1(_s5_);
+      space = A.ColorSpace_fromName(t1._string$_text, _s5_);
+      weight = weightNumber.valueInRangeWithUnit$4(0, 100, _s6_, "%") / 100;
+      if (A.fuzzyEquals(weight, 0))
+        return color;
+      inSpace = color.toSpace$1(space);
+      $label0$0: {
+        if (B.HwbColorSpace_guQ === space) {
+          t1 = A._invertChannel(inSpace, space._channels[0], inSpace.channel0OrNull);
+          t2 = inSpace.alphaOrNull;
+          if (t2 == null)
+            t2 = 0;
+          t2 = A.SassColor_SassColor$hwb(t1, inSpace.channel2OrNull, inSpace.channel1OrNull, t2);
+          t1 = t2;
+          break $label0$0;
+        }
+        if (B.HslColorSpace_JQ2 === space || B.LchColorSpace_Bpv === space || B.OklchColorSpace_9Gj === space) {
+          t1 = space._channels;
+          t2 = A._invertChannel(inSpace, t1[0], inSpace.channel0OrNull);
+          t1 = A._invertChannel(inSpace, t1[2], inSpace.channel2OrNull);
+          t3 = inSpace.alphaOrNull;
+          if (t3 == null)
+            t3 = 0;
+          t3 = A.SassColor_SassColor$forSpaceInternal(space, t2, inSpace.channel1OrNull, t1, t3);
+          t1 = t3;
+          break $label0$0;
+        }
+        _1_9 = space._channels;
+        channel0 = _1_9[0];
+        channel1 = _1_9[1];
+        channel2 = _1_9[2];
+        t1 = A._invertChannel(inSpace, channel0, inSpace.channel0OrNull);
+        t2 = A._invertChannel(inSpace, channel1, inSpace.channel1OrNull);
+        t3 = A._invertChannel(inSpace, channel2, inSpace.channel2OrNull);
+        t4 = inSpace.alphaOrNull;
+        t1 = A.SassColor_SassColor$forSpaceInternal(space, t1, t2, t3, t4 == null ? 0 : t4);
+        break $label0$0;
+      }
+      return A.fuzzyEquals(weight, 1) ? t1.toSpace$2$legacyMissing(color._space, false) : color.interpolate$4$legacyMissing$weight(t1, A.InterpolationMethod$(space, null), false, 1 - weight);
+    },
+    _invertChannel(color, channel, value) {
+      var _0_2_isSet, _0_2, t1;
+      if (value == null)
+        A._missingChannelError(color, channel.name);
+      $label0$0: {
+        _0_2_isSet = channel instanceof A.LinearChannel;
+        if (_0_2_isSet) {
+          _0_2 = channel.min;
+          t1 = _0_2;
+          t1 = t1 < 0;
+        } else {
+          _0_2 = null;
+          t1 = false;
+        }
+        if (t1) {
+          t1 = -value;
+          break $label0$0;
+        }
+        if (_0_2_isSet)
+          t1 = 0 === _0_2;
+        else
+          t1 = false;
+        if (t1) {
+          t1 = channel.max - value;
+          break $label0$0;
+        }
+        if (channel.isPolarAngle) {
+          t1 = B.JSNumber_methods.$mod(value + 180, 360);
+          break $label0$0;
+        }
+        t1 = A.throwExpression(A.UnsupportedError$("Unknown channel " + channel.toString$0(0) + "."));
+      }
+      return t1;
+    },
+    _grayscale(colorArg) {
+      var hsl, t2, oklch,
+        color = colorArg.assertColor$1("color"),
+        t1 = color._space;
+      if (t1.get$isLegacyInternal()) {
+        hsl = color.toSpace$1(B.HslColorSpace_JQ2);
+        t2 = hsl.alphaOrNull;
+        if (t2 == null)
+          t2 = 0;
+        return A.SassColor_SassColor$hsl(hsl.channel0OrNull, 0, hsl.channel2OrNull, t2).toSpace$2$legacyMissing(t1, false);
+      } else {
+        oklch = color.toSpace$1(B.OklchColorSpace_9Gj);
+        t2 = oklch.alphaOrNull;
+        if (t2 == null)
+          t2 = 0;
+        return A.SassColor_SassColor$forSpaceInternal(B.OklchColorSpace_9Gj, oklch.channel0OrNull, 0, oklch.channel2OrNull, t2).toSpace$1(t1);
+      }
+    },
+    _updateComponents($arguments, adjust, change, scale) {
+      var t2, t3, keywords, originalColor, spaceKeyword, alphaArg, color, channelArgs, channelInfo, t4, value, channelIndex, result, i, alphaNumber, _null = null, _s5_ = "space",
+        t1 = J.getInterceptor$asx($arguments),
+        argumentList = type$.SassArgumentList._as(t1.$index($arguments, 1));
+      if (argumentList._list$_contents.length !== 0)
+        throw A.wrapException(A.SassScriptException$(string$.Only_op, _null));
+      argumentList._wereKeywordsAccessed = true;
+      t2 = type$.String;
+      t3 = type$.Value;
+      keywords = A.LinkedHashMap_LinkedHashMap$of(argumentList._keywords, t2, t3);
+      originalColor = t1.$index($arguments, 0).assertColor$1("color");
+      t1 = keywords.remove$1(0, _s5_);
+      spaceKeyword = t1 == null ? _null : t1.assertString$1(_s5_);
+      if (spaceKeyword == null)
+        spaceKeyword = _null;
+      else
+        spaceKeyword.assertUnquoted$1(_s5_);
+      alphaArg = keywords.remove$1(0, "alpha");
+      t1 = spaceKeyword == null;
+      if (t1 && originalColor._space.get$isLegacyInternal() && keywords.__js_helper$_length !== 0) {
+        t1 = A.NullableExtension_andThen(A._sniffLegacyColorSpace(keywords), new A._updateComponents_closure(originalColor));
+        color = t1 == null ? originalColor : t1;
+      } else
+        color = A._colorInSpace(originalColor, t1 ? B.C__SassNull : spaceKeyword, true);
+      channelArgs = A.List_List$filled(color.get$channels().length, _null, false, type$.nullable_Value);
+      t1 = color._space;
+      channelInfo = t1._channels;
+      for (t2 = A.MapExtensions_get_pairs(keywords, t2, t3), t2 = t2.get$iterator(t2); t2.moveNext$0();) {
+        t3 = {};
+        t4 = t2.get$current(t2);
+        t3.name = null;
+        t3.name = t4._0;
+        value = t4._1;
+        channelIndex = B.JSArray_methods.indexWhere$1(channelInfo, new A._updateComponents_closure0(t3));
+        if (channelIndex === -1)
+          throw A.wrapException(A.SassScriptException$("Color space " + t1.toString$0(0) + " doesn't have a channel with this name.", t3.name));
+        channelArgs[channelIndex] = value;
+      }
+      if (change)
+        result = A._changeColor(color, channelArgs, alphaArg);
+      else {
+        t2 = A._setArrayType([], type$.JSArray_nullable_SassNumber);
+        for (i = 0; i < 3; ++i) {
+          t3 = channelArgs[i];
+          t2.push(t3 == null ? _null : t3.assertNumber$1(channelInfo[i].name));
+        }
+        alphaNumber = alphaArg == null ? _null : alphaArg.assertNumber$1("alpha");
+        result = scale ? A.SassColor_SassColor$forSpaceInternal(t1, A._scaleChannel(color, channelInfo[0], color.channel0OrNull, t2[0]), A._scaleChannel(color, channelInfo[1], color.channel1OrNull, t2[1]), A._scaleChannel(color, channelInfo[2], color.channel2OrNull, t2[2]), A._scaleChannel(color, B.LinearChannel_XL8, color.alphaOrNull, alphaNumber)) : A._adjustColor(color, t2, alphaNumber);
+      }
+      return result.toSpace$2$legacyMissing(originalColor._space, false);
+    },
+    _changeColor(color, channelArgs, alphaArg) {
+      var t4, _s5_ = "alpha",
+        t1 = A._channelForChange(channelArgs[0], color, 0),
+        t2 = A._channelForChange(channelArgs[1], color, 1),
+        t3 = A._channelForChange(channelArgs[2], color, 2);
+      $label0$0: {
+        if (alphaArg == null) {
+          t4 = color.alphaOrNull;
+          if (t4 == null)
+            t4 = 0;
+          break $label0$0;
+        }
+        t4 = A._isNone(alphaArg);
+        if (t4) {
+          t4 = null;
+          break $label0$0;
+        }
+        t4 = alphaArg instanceof A.SassNumber;
+        if (t4 && !alphaArg.get$hasUnits()) {
+          t4 = alphaArg.valueInRange$3(0, 1, _s5_);
+          break $label0$0;
+        }
+        if (t4 && alphaArg.hasUnit$1("%")) {
+          t4 = alphaArg.valueInRangeWithUnit$4(0, 100, _s5_, "%") / 100;
+          break $label0$0;
+        }
+        if (t4) {
+          t4 = new A._changeColor_closure(alphaArg).call$0();
+          break $label0$0;
+        }
+        t4 = A.throwExpression(A.SassScriptException$(alphaArg.toString$0(0) + ' is not a number or unquoted "none".', _s5_));
+      }
+      return A._colorFromChannels(color._space, t1, t2, t3, t4, false, false);
+    },
+    _channelForChange(channelArg, color, channel) {
+      var _0_0, t1, t2;
+      if (channelArg == null) {
+        _0_0 = color.get$channelsOrNull()[channel];
+        $label0$0: {
+          if (_0_0 != null) {
+            t1 = color._space;
+            t2 = A.SassNumber_SassNumber(_0_0, (t1 === B.HslColorSpace_JQ2 || t1 === B.HwbColorSpace_guQ) && channel > 0 ? "%" : null);
+            t1 = t2;
+            break $label0$0;
+          }
+          t1 = null;
+          break $label0$0;
+        }
+        return t1;
+      }
+      if (A._isNone(channelArg))
+        return null;
+      if (channelArg instanceof A.SassNumber)
+        return channelArg;
+      throw A.wrapException(A.SassScriptException$(channelArg.toString$0(0) + ' is not a number or unquoted "none".', color._space._channels[channel].name));
+    },
+    _scaleChannel(color, channel, oldValue, factorArg) {
+      var t1, factor;
+      if (factorArg == null)
+        return oldValue;
+      if (!(channel instanceof A.LinearChannel))
+        throw A.wrapException(A.SassScriptException$("Channel isn't scalable.", channel.name));
+      if (oldValue == null)
+        A._missingChannelError(color, channel.name);
+      t1 = channel.name;
+      factorArg.assertUnit$2("%", t1);
+      factor = factorArg.valueInRangeWithUnit$4(-100, 100, t1, "%") / 100;
+      $label0$0: {
+        if (0 === factor) {
+          t1 = oldValue;
+          break $label0$0;
+        }
+        if (factor > 0) {
+          t1 = channel.max;
+          t1 = oldValue >= t1 ? oldValue : oldValue + (t1 - oldValue) * factor;
+          break $label0$0;
+        }
+        t1 = channel.min;
+        t1 = oldValue <= t1 ? oldValue : oldValue + (oldValue - t1) * factor;
+        break $label0$0;
+      }
+      return t1;
+    },
+    _adjustColor(color, channelArgs, alphaArg) {
+      var t1 = color._space,
+        t2 = t1._channels;
+      return A.SassColor_SassColor$forSpaceInternal(t1, A._adjustChannel(color, t2[0], color.channel0OrNull, channelArgs[0]), A._adjustChannel(color, t2[1], color.channel1OrNull, channelArgs[1]), A._adjustChannel(color, t2[2], color.channel2OrNull, channelArgs[2]), A.NullableExtension_andThen(A._adjustChannel(color, B.LinearChannel_XL8, color.alphaOrNull, alphaArg), new A._adjustColor_closure()));
+    },
+    _adjustChannel(color, channel, oldValue, adjustmentArg) {
+      var _0_1, _0_3, t1, _0_6_isSet, _0_6, _0_6_isSet0, t2, _0_11, result, min, max, _null = null;
+      if (adjustmentArg == null)
+        return oldValue;
+      if (oldValue == null)
+        A._missingChannelError(color, channel.name);
+      $label0$0: {
+        _0_1 = color._space;
+        _0_3 = B.HslColorSpace_JQ2 === _0_1;
+        t1 = _0_3;
+        if (!t1)
+          _0_6_isSet = B.HwbColorSpace_guQ === _0_1;
+        else
+          _0_6_isSet = true;
+        if (_0_6_isSet) {
+          t1 = channel.isPolarAngle;
+          _0_6 = channel;
+        } else {
+          _0_6 = _null;
+          t1 = false;
+        }
+        if (t1) {
+          adjustmentArg = A.SassNumber_SassNumber(A._angleValue(adjustmentArg, "hue"), _null);
+          break $label0$0;
+        }
+        t1 = false;
+        if (_0_3) {
+          _0_6_isSet0 = true;
+          if (_0_6_isSet)
+            t2 = _0_6;
+          else {
+            t2 = channel;
+            _0_6_isSet = _0_6_isSet0;
+            _0_6 = t2;
+          }
+          if (t2 instanceof A.LinearChannel) {
+            if (_0_6_isSet)
+              t1 = _0_6;
+            else {
+              t1 = channel;
+              _0_6_isSet = _0_6_isSet0;
+              _0_6 = t1;
+            }
+            _0_11 = type$.LinearChannel._as(t1).name;
+            t1 = _0_11;
+            if ("saturation" !== t1)
+              t1 = "lightness" === _0_11;
+            else
+              t1 = true;
+          }
+        }
+        if (t1) {
+          A._checkPercent(adjustmentArg, channel.name);
+          adjustmentArg = A.SassNumber_SassNumber(adjustmentArg._number$_value, "%");
+          break $label0$0;
+        }
+        if (B.LinearChannel_XL8 === (_0_6_isSet ? _0_6 : channel) && adjustmentArg.get$hasUnits()) {
+          A.warnForDeprecation("$alpha: Passing a number with unit " + adjustmentArg.get$unitString() + string$.x20is_de + adjustmentArg.unitSuggestion$1("alpha") + string$.x0a_Morex3af, B.Deprecation_ufl);
+          adjustmentArg = A.SassNumber_SassNumber(adjustmentArg._number$_value, _null);
+        }
+      }
+      t1 = A._channelFromValue(channel, adjustmentArg, false);
+      t1.toString;
+      result = oldValue + t1;
+      $label1$1: {
+        t1 = channel instanceof A.LinearChannel;
+        min = _null;
+        t2 = false;
+        if (t1)
+          if (channel.lowerClamped) {
+            min = channel.min;
+            t2 = result < min;
+          }
+        if (t2) {
+          t1 = oldValue < min ? Math.max(oldValue, result) : min;
+          break $label1$1;
+        }
+        max = _null;
+        t2 = false;
+        if (t1)
+          if (channel.upperClamped) {
+            max = channel.max;
+            t1 = result > max;
+          } else
+            t1 = t2;
+        else
+          t1 = t2;
+        if (t1) {
+          t1 = oldValue > max ? Math.min(oldValue, result) : max;
+          break $label1$1;
+        }
+        t1 = result;
+        break $label1$1;
+      }
+      return t1;
+    },
+    _sniffLegacyColorSpace(keywords) {
+      var t1, t2;
+      for (t1 = new A.LinkedHashMapKeyIterator(keywords, keywords._modifications, keywords._first); t1.moveNext$0();) {
+        t2 = t1.__js_helper$_current;
+        if ("red" === t2 || "green" === t2 || "blue" === t2)
+          return B.RgbColorSpace_i0P;
+        if ("saturation" === t2 || "lightness" === t2)
+          return B.HslColorSpace_JQ2;
+        if ("whiteness" === t2 || "blackness" === t2)
+          return B.HwbColorSpace_guQ;
+      }
+      return keywords.containsKey$1("hue") ? B.HslColorSpace_JQ2 : null;
+    },
+    _functionString($name, $arguments) {
+      return new A.SassString($name + "(" + J.map$1$1$ax($arguments, new A._functionString_closure(), type$.String).join$1(0, ", ") + ")", false);
+    },
+    _removedColorFunction($name, argument, negative) {
+      return A.BuiltInCallable$function($name, "$color, $amount", new A._removedColorFunction_closure($name, argument, negative), "sass:color");
+    },
+    _rgb($name, $arguments) {
+      var t3, t4,
+        t1 = J.getInterceptor$asx($arguments),
+        alpha = t1.get$length($arguments) > 3 ? t1.$index($arguments, 3) : null,
+        t2 = true;
+      if (!t1.$index($arguments, 0).get$isSpecialNumber())
+        if (!t1.$index($arguments, 1).get$isSpecialNumber())
+          if (!t1.$index($arguments, 2).get$isSpecialNumber()) {
+            t2 = alpha == null ? null : alpha.get$isSpecialNumber();
+            t2 = t2 === true;
+          }
+      if (t2)
+        return A._functionString($name, $arguments);
+      t2 = t1.$index($arguments, 0).assertNumber$1("red");
+      t3 = t1.$index($arguments, 1).assertNumber$1("green");
+      t1 = t1.$index($arguments, 2).assertNumber$1("blue");
+      t4 = A.NullableExtension_andThen(alpha, new A._rgb_closure());
+      return A._colorFromChannels(B.RgbColorSpace_i0P, t2, t3, t1, t4 == null ? 1 : t4, true, true);
+    },
+    _rgbTwoArg($name, $arguments) {
+      var t2, color,
+        t1 = J.getInterceptor$asx($arguments),
+        first = t1.$index($arguments, 0),
+        second = t1.$index($arguments, 1);
+      if (!first.get$isVar())
+        t2 = !(first instanceof A.SassColor) && second.get$isVar();
+      else
+        t2 = true;
+      if (t2)
+        return A._functionString($name, $arguments);
+      color = first.assertColor$1("color");
+      if (!color._space.get$isLegacyInternal())
+        throw A.wrapException(A.SassScriptException$("Expected " + color.toString$0(0) + string$.x20to_be_ + color.toString$0(0) + ", $alpha: " + second.toString$0(0) + ")", $name));
+      color.assertLegacy$1("color");
+      color = color.toSpace$1(B.RgbColorSpace_i0P);
+      if (second.get$isSpecialNumber())
+        return A._functionString($name, A._setArrayType([A.SassNumber_SassNumber(color.channel$1(0, "red"), null), A.SassNumber_SassNumber(color.channel$1(0, "green"), null), A.SassNumber_SassNumber(color.channel$1(0, "blue"), null), t1.$index($arguments, 1)], type$.JSArray_Value));
+      t1 = A._percentageOrUnitless(t1.$index($arguments, 1).assertNumber$1("alpha"), 1, "alpha");
+      return color.changeAlpha$1(isNaN(t1) ? 0 : B.JSNumber_methods.clamp$2(t1, 0, 1));
+    },
+    _hsl($name, $arguments) {
+      var t3, t4,
+        t1 = J.getInterceptor$asx($arguments),
+        alpha = t1.get$length($arguments) > 3 ? t1.$index($arguments, 3) : null,
+        t2 = true;
+      if (!t1.$index($arguments, 0).get$isSpecialNumber())
+        if (!t1.$index($arguments, 1).get$isSpecialNumber())
+          if (!t1.$index($arguments, 2).get$isSpecialNumber()) {
+            t2 = alpha == null ? null : alpha.get$isSpecialNumber();
+            t2 = t2 === true;
+          }
+      if (t2)
+        return A._functionString($name, $arguments);
+      t2 = t1.$index($arguments, 0).assertNumber$1("hue");
+      t3 = t1.$index($arguments, 1).assertNumber$1("saturation");
+      t1 = t1.$index($arguments, 2).assertNumber$1("lightness");
+      t4 = A.NullableExtension_andThen(alpha, new A._hsl_closure());
+      return A._colorFromChannels(B.HslColorSpace_JQ2, t2, t3, t1, t4 == null ? 1 : t4, true, false);
+    },
+    _angleValue(angleValue, $name) {
+      var angle = angleValue.assertNumber$1($name);
+      if (angle.compatibleWithUnit$1("deg"))
+        return angle.coerceValueToUnit$1("deg");
+      A.warnForDeprecation("$" + $name + ": Passing a unit other than deg (" + angle.toString$0(0) + string$.x29x20is_d_ + angle.unitSuggestion$1($name) + string$.x0a_See_, B.Deprecation_ufl);
+      return angle._number$_value;
+    },
+    _checkPercent(number, $name) {
+      if (number.hasUnit$1("%"))
+        return;
+      A.warnForDeprecation("$" + $name + ": Passing a number without unit % (" + number.toString$0(0) + string$.x29x20is_d_ + number.unitSuggestion$2($name, "%") + string$.x0a_Morex3af, B.Deprecation_ufl);
+    },
+    _percentageOrUnitless(number, max, $name) {
+      var value;
+      if (!number.get$hasUnits())
+        value = number._number$_value;
+      else if (number.hasUnit$1("%"))
+        value = max * number._number$_value / 100;
+      else
+        throw A.wrapException(A.SassScriptException$("Expected " + number.toString$0(0) + ' to have unit "%" or no units.', $name));
+      return value;
+    },
+    _mixLegacy(color1, color2, weight) {
+      var t2, alphaDistance, weight1, weight2, t3, t4, t5, t6, t7, t8,
+        rgb1 = color1.toSpace$1(B.RgbColorSpace_i0P),
+        rgb2 = color2.toSpace$1(B.RgbColorSpace_i0P),
+        weightScale = weight.valueInRange$3(0, 100, "weight") / 100,
+        normalizedWeight = weightScale * 2 - 1,
+        t1 = color1.alphaOrNull;
+      if (t1 == null)
+        t1 = 0;
+      t2 = color2.alphaOrNull;
+      alphaDistance = t1 - (t2 == null ? 0 : t2);
+      t1 = normalizedWeight * alphaDistance;
+      weight1 = ((t1 === -1 ? normalizedWeight : (normalizedWeight + alphaDistance) / (1 + t1)) + 1) / 2;
+      weight2 = 1 - weight1;
+      t1 = rgb1.channel0OrNull;
+      if (t1 == null)
+        t1 = 0;
+      t2 = rgb2.channel0OrNull;
+      if (t2 == null)
+        t2 = 0;
+      t3 = rgb1.channel1OrNull;
+      if (t3 == null)
+        t3 = 0;
+      t4 = rgb2.channel1OrNull;
+      if (t4 == null)
+        t4 = 0;
+      t5 = rgb1.channel2OrNull;
+      if (t5 == null)
+        t5 = 0;
+      t6 = rgb2.channel2OrNull;
+      if (t6 == null)
+        t6 = 0;
+      t7 = rgb1.alphaOrNull;
+      if (t7 == null)
+        t7 = 0;
+      t8 = rgb2.alphaOrNull;
+      if (t8 == null)
+        t8 = 0;
+      return A.SassColor_SassColor$rgbInternal(t1 * weight1 + t2 * weight2, t3 * weight1 + t4 * weight2, t5 * weight1 + t6 * weight2, t7 * weightScale + t8 * (1 - weightScale), null);
+    },
+    _opacify($name, $arguments) {
+      var result,
+        t1 = J.getInterceptor$asx($arguments),
+        color = t1.$index($arguments, 0).assertColor$1("color"),
+        amount = t1.$index($arguments, 1).assertNumber$1("amount");
+      if (!color._space.get$isLegacyInternal())
+        throw A.wrapException(A.SassScriptException$($name + string$.x28__is_oa, null));
+      t1 = color.alphaOrNull;
+      if (t1 == null)
+        t1 = 0;
+      t1 += amount.valueInRangeWithUnit$4(0, 1, "amount", "");
+      result = color.changeAlpha$1(isNaN(t1) ? 0 : B.JSNumber_methods.clamp$2(t1, 0, 1));
+      A.warnForDeprecation($name + "() is deprecated. " + A._suggestScaleAndAdjust(color, amount._number$_value, "alpha") + string$.x0a_Morex3ac, B.Deprecation_wlv);
+      return result;
+    },
+    _transparentize($name, $arguments) {
+      var result,
+        t1 = J.getInterceptor$asx($arguments),
+        color = t1.$index($arguments, 0).assertColor$1("color"),
+        amount = t1.$index($arguments, 1).assertNumber$1("amount");
+      if (!color._space.get$isLegacyInternal())
+        throw A.wrapException(A.SassScriptException$($name + string$.x28__is_oa, null));
+      t1 = color.alphaOrNull;
+      if (t1 == null)
+        t1 = 0;
+      t1 -= amount.valueInRangeWithUnit$4(0, 1, "amount", "");
+      result = color.changeAlpha$1(isNaN(t1) ? 0 : B.JSNumber_methods.clamp$2(t1, 0, 1));
+      A.warnForDeprecation($name + "() is deprecated. " + A._suggestScaleAndAdjust(color, -amount._number$_value, "alpha") + string$.x0a_Morex3ac, B.Deprecation_wlv);
+      return result;
+    },
+    _colorInSpace(colorUntyped, spaceUntyped, legacyMissing) {
+      var t1, _s5_ = "space",
+        color = colorUntyped.assertColor$1("color");
+      if (spaceUntyped.$eq(0, B.C__SassNull))
+        return color;
+      t1 = spaceUntyped.assertString$1(_s5_);
+      t1.assertUnquoted$1(_s5_);
+      return color.toSpace$2$legacyMissing(A.ColorSpace_fromName(t1._string$_text, _s5_), legacyMissing);
+    },
+    _parseChannels(functionName, input, $name, space) {
+      var parsedSlash, components, alphaValue, _2_0, _2_1, _2_5, _2_6_isSet, t1, _2_6, channels, first, rest, componentList, spaceName, i, channel, channelName, t2, t3, t4, _null = null;
+      if (input.get$isVar())
+        return A._functionString(functionName, A._setArrayType([input], type$.JSArray_Value));
+      parsedSlash = A._parseSlashChannels(input, $name);
+      if (parsedSlash == null)
+        return A._functionString(functionName, A._setArrayType([input], type$.JSArray_Value));
+      components = parsedSlash._0;
+      alphaValue = parsedSlash._1;
+      $label0$0: {
+        _2_0 = components.assertCommonListStyle$2$allowSlash($name, false);
+        _2_1 = _2_0.length;
+        if (_2_1 <= 0)
+          throw A.wrapException(A.SassScriptException$("Color component list may not be empty.", $name));
+        _2_5 = _2_1 >= 1;
+        _2_6_isSet = _2_5;
+        t1 = false;
+        if (_2_6_isSet) {
+          _2_6 = _2_0[0];
+          if (_2_6 instanceof A.SassString) {
+            type$.SassString._as(_2_6);
+            t1 = !_2_6._hasQuotes && _2_6._string$_text.toLowerCase() === "from";
+          }
+        } else
+          _2_6 = _null;
+        if (t1)
+          return A._functionString(functionName, A._setArrayType([input], type$.JSArray_Value));
+        t1 = components.get$isVar();
+        if (t1) {
+          channels = A._setArrayType([components], type$.JSArray_Value);
+          break $label0$0;
+        }
+        channels = _null;
+        if (_2_5) {
+          first = _2_6_isSet ? _2_6 : _2_0[0];
+          rest = B.JSArray_methods.sublist$1(_2_0, 1);
+          componentList = _2_0;
+        } else {
+          componentList = channels;
+          rest = componentList;
+          first = _null;
+        }
+        if (_2_5) {
+          if (space == null) {
+            spaceName = first.assertString$1($name);
+            spaceName.assertUnquoted$1($name);
+            space = spaceName.get$isVar() ? _null : A.ColorSpace_fromName(spaceName._string$_text, $name);
+            if (B.RgbColorSpace_i0P === space || B.HslColorSpace_JQ2 === space || B.HwbColorSpace_guQ === space || B.LabColorSpace_2nT === space || B.LchColorSpace_Bpv === space || B.OklabColorSpace_540 === space || B.OklchColorSpace_9Gj === space)
+              throw A.wrapException(A.SassScriptException$(string$.The_co + A.S(space) + ". Use the " + A.S(space) + "() function instead.", $name));
+            channels = rest;
+          } else
+            channels = componentList;
+          for (i = 0; i < channels.length; ++i) {
+            channel = channels[i];
+            t1 = false;
+            if (!channel.get$isSpecialNumber())
+              if (!(channel instanceof A.SassNumber))
+                t1 = !(channel instanceof A.SassString && !channel._hasQuotes && channel._string$_text.toLowerCase() === "none");
+            if (t1) {
+              t1 = _null;
+              if (space == null)
+                channelName = t1;
+              else {
+                t2 = space._channels;
+                t2 = i < 3 ? t2[i] : _null;
+                if (!(t2 == null))
+                  t1 = new A._parseChannels_closure().call$1(t2.name);
+                channelName = t1;
+              }
+              if (channelName == null)
+                channelName = "channel " + (i + 1);
+              throw A.wrapException(A.SassScriptException$("Expected " + channelName + " to be a number, was " + channel.toString$0(0) + ".", $name));
+            }
+          }
+          break $label0$0;
+        }
+        throw A.wrapException("unreachable");
+      }
+      t1 = alphaValue == null;
+      t2 = t1 ? _null : alphaValue.get$isSpecialNumber();
+      if (t2 === true) {
+        if (channels.length === 3 && B.Set_9FDyj.contains$1(0, space)) {
+          t1 = A.List_List$_of(channels, type$.Value);
+          alphaValue.toString;
+          t1.push(alphaValue);
+          t1 = A._functionString(functionName, t1);
+        } else
+          t1 = A._functionString(functionName, A._setArrayType([input], type$.JSArray_Value));
+        return t1;
+      }
+      $label1$1: {
+        if (t1) {
+          t2 = 1;
+          break $label1$1;
+        }
+        if (alphaValue instanceof A.SassString && !alphaValue._hasQuotes && "none" === alphaValue._string$_text) {
+          t2 = _null;
+          break $label1$1;
+        }
+        t2 = A._percentageOrUnitless(alphaValue.assertNumber$1($name), 1, "alpha");
+        t2 = isNaN(t2) ? 0 : B.JSNumber_methods.clamp$2(t2, 0, 1);
+        break $label1$1;
+      }
+      if (space == null)
+        return A._functionString(functionName, A._setArrayType([input], type$.JSArray_Value));
+      if (B.JSArray_methods.any$1(channels, new A._parseChannels_closure0())) {
+        if (channels.length === 3 && B.Set_9FDyj.contains$1(0, space)) {
+          t2 = A.List_List$_of(channels, type$.Value);
+          if (!t1)
+            t2.push(alphaValue);
+          t1 = A._functionString(functionName, t2);
+        } else
+          t1 = A._functionString(functionName, A._setArrayType([input], type$.JSArray_Value));
+        return t1;
+      }
+      if (channels.length !== 3)
+        throw A.wrapException(A.SassScriptException$("The " + space.toString$0(0) + " color space has 3 channels but " + input.toString$0(0) + " has " + channels.length + ".", $name));
+      t1 = channels[0];
+      t1 = t1 instanceof A.SassNumber ? t1 : _null;
+      t3 = channels[1];
+      t3 = t3 instanceof A.SassNumber ? t3 : _null;
+      t4 = channels[2];
+      t4 = t4 instanceof A.SassNumber ? t4 : _null;
+      return A._colorFromChannels(space, t1, t3, t4, t2, true, space === B.RgbColorSpace_i0P);
+    },
+    _parseSlashChannels(input, $name) {
+      var _1_1, alphaValue, t1, components, _1_7, _1_8_isSet, _1_9, _1_8, initial, t2, _0_0, _0_1, channel3, alpha, _1_16, _1_16_isSet, _1_9_isSet, _1_9_isSet0, t3, _null = null,
+        _1_0 = input.assertCommonListStyle$2$allowSlash($name, true);
+      $label0$0: {
+        _1_1 = _1_0.length;
+        alphaValue = _null;
+        t1 = false;
+        if (_1_1 === 2) {
+          components = _1_0[0];
+          alphaValue = _1_0[1];
+          t1 = input.get$separator(input) === B.ListSeparator_bRz;
+        } else
+          components = _null;
+        if (t1) {
+          t1 = new A._Record_2(components, alphaValue);
+          break $label0$0;
+        }
+        t1 = input.get$separator(input);
+        if (t1 === B.ListSeparator_bRz) {
+          t1 = _1_0.length;
+          A.throwExpression(A.SassScriptException$(string$.Only_2 + t1 + " " + A.pluralize("was", t1, "were") + " passed.", $name));
+        }
+        _1_7 = _1_1 >= 1;
+        _1_8_isSet = _1_7;
+        _1_9 = _null;
+        t1 = false;
+        if (_1_8_isSet) {
+          _1_8 = B.JSArray_methods.sublist$2(_1_0, 0, _1_1 - 1);
+          initial = _1_8;
+          _1_9 = _1_0[_1_1 - 1];
+          t2 = _1_9;
+          if (t2 instanceof A.SassString) {
+            type$.SassString._as(_1_9);
+            t1 = !_1_9._hasQuotes;
+          }
+        } else {
+          initial = _null;
+          _1_8 = initial;
+        }
+        if (t1) {
+          if (_1_8_isSet)
+            t1 = _1_9;
+          else {
+            _1_9 = _1_0[_1_1 - 1];
+            t1 = _1_9;
+          }
+          _0_0 = type$.SassString._as(t1)._string$_text.split("/");
+          $label1$1: {
+            _0_1 = _0_0.length;
+            if (_0_1 === 1) {
+              t1 = new A._Record_2(input, _null);
+              break $label1$1;
+            }
+            if (_0_1 === 2) {
+              channel3 = _0_0[0];
+              alpha = _0_0[1];
+              t1 = A.List_List$_of(initial, type$.Value);
+              t1.push(A._parseNumberOrString(channel3));
+              t1 = new A._Record_2(A.SassList$(t1, B.ListSeparator_qSL, false), A._parseNumberOrString(alpha));
+              break $label1$1;
+            }
+            t1 = _null;
+            break $label1$1;
+          }
+          break $label0$0;
+        }
+        _1_16 = _null;
+        _1_16_isSet = false;
+        t1 = false;
+        if (_1_7) {
+          _1_9_isSet = true;
+          if (_1_8_isSet)
+            initial = _1_8;
+          else {
+            _1_8 = B.JSArray_methods.sublist$2(_1_0, 0, _1_1 - 1);
+            initial = _1_8;
+          }
+          if (_1_8_isSet) {
+            t2 = _1_9;
+            _1_9_isSet0 = _1_8_isSet;
+          } else {
+            _1_9 = _1_0[_1_1 - 1];
+            t2 = _1_9;
+            _1_9_isSet0 = _1_9_isSet;
+          }
+          _1_16_isSet = t2 instanceof A.SassNumber;
+          if (_1_16_isSet) {
+            if (_1_9_isSet0) {
+              t1 = _1_9;
+              _1_9_isSet = _1_9_isSet0;
+            } else {
+              _1_9 = _1_0[_1_1 - 1];
+              t1 = _1_9;
+            }
+            _1_16 = type$.SassNumber._as(t1).asSlash;
+            t1 = _1_16;
+            t1 = type$.Record_2_nullable_Object_and_nullable_Object._is(t1);
+          } else
+            _1_9_isSet = _1_9_isSet0;
+        } else {
+          initial = _null;
+          _1_9_isSet = _1_8_isSet;
+        }
+        if (t1) {
+          if (_1_16_isSet)
+            t1 = _1_16;
+          else {
+            if (_1_9_isSet)
+              t1 = _1_9;
+            else {
+              _1_9 = _1_0[_1_1 - 1];
+              t1 = _1_9;
+              _1_9_isSet = true;
+            }
+            _1_16 = type$.SassNumber._as(t1).asSlash;
+            t1 = _1_16;
+            _1_16_isSet = true;
+          }
+          if (t1 == null)
+            t1 = type$.Record_2_nullable_Object_and_nullable_Object._as(t1);
+          if (_1_16_isSet)
+            t2 = _1_16;
+          else {
+            if (_1_9_isSet)
+              t2 = _1_9;
+            else {
+              _1_9 = _1_0[_1_1 - 1];
+              t2 = _1_9;
+            }
+            _1_16 = type$.SassNumber._as(t2).asSlash;
+            t2 = _1_16;
+          }
+          if (t2 == null)
+            t2 = type$.Record_2_nullable_Object_and_nullable_Object._as(t2);
+          t3 = A.List_List$_of(initial, type$.Value);
+          t3.push(t1._0);
+          t1 = new A._Record_2(A.SassList$(t3, B.ListSeparator_qSL, false), t2._1);
+          break $label0$0;
+        }
+        t1 = new A._Record_2(input, _null);
+        break $label0$0;
+      }
+      return t1;
+    },
+    _parseNumberOrString(text) {
+      var t1, expression, exception;
+      try {
+        t1 = A.ScssParser$(text, null);
+        expression = t1._parseSingleProduction$1$1(t1.get$_number(), type$.NumberExpression);
+        t1 = A.SassNumber_SassNumber(expression.value, expression.unit);
+        return t1;
+      } catch (exception) {
+        if (type$.SassFormatException._is(A.unwrapException(exception)))
+          return new A.SassString(text, false);
+        else
+          throw exception;
+      }
+    },
+    _colorFromChannels(space, channel0, channel1, channel2, alpha, clamp, fromRgbFunction) {
+      var t1, t2, whiteness, blackness, t3;
+      switch (space) {
+        case B.HslColorSpace_JQ2:
+          if (channel1 != null)
+            A._checkPercent(channel1, "saturation");
+          if (channel2 != null)
+            A._checkPercent(channel2, "lightness");
+          t1 = space._channels;
+          return A.SassColor_SassColor$hsl(A.NullableExtension_andThen(channel0, new A._colorFromChannels_closure()), A._channelFromValue(t1[1], A._forcePercent(channel1), clamp), A._channelFromValue(t1[2], A._forcePercent(channel2), clamp), alpha);
+        case B.HwbColorSpace_guQ:
+          t1 = channel1 == null;
+          if (!t1)
+            channel1.assertUnit$2("%", "whiteness");
+          t2 = channel2 == null;
+          if (!t2)
+            channel2.assertUnit$2("%", "blackness");
+          whiteness = t1 ? null : channel1._number$_value;
+          blackness = t2 ? null : channel2._number$_value;
+          if (whiteness != null && blackness != null && whiteness + blackness > 100) {
+            t1 = whiteness + blackness;
+            whiteness = whiteness / t1 * 100;
+            blackness = blackness / t1 * 100;
+          }
+          return A.SassColor_SassColor$hwb(A.NullableExtension_andThen(channel0, new A._colorFromChannels_closure0()), whiteness, blackness, alpha);
+        case B.RgbColorSpace_i0P:
+          t1 = space._channels;
+          t2 = A._channelFromValue(t1[0], channel0, clamp);
+          t3 = A._channelFromValue(t1[1], channel1, clamp);
+          t1 = A._channelFromValue(t1[2], channel2, clamp);
+          return A.SassColor_SassColor$rgbInternal(t2, t3, t1, alpha, fromRgbFunction ? B.C__ColorFormatEnum : null);
+        default:
+          t1 = space._channels;
+          return A.SassColor_SassColor$forSpaceInternal(space, A._channelFromValue(t1[0], channel0, clamp), A._channelFromValue(t1[1], channel1, clamp), A._channelFromValue(t1[2], channel2, clamp), alpha);
+      }
+    },
+    _forcePercent(number) {
+      var t1, _0_3;
+      $label0$0: {
+        if (number == null) {
+          t1 = null;
+          break $label0$0;
+        }
+        _0_3 = number.get$numeratorUnits(number);
+        if (_0_3.length === 1)
+          t1 = "%" === _0_3[0] && number.get$denominatorUnits(number).length <= 0;
+        else
+          t1 = false;
+        if (t1) {
+          t1 = number;
+          break $label0$0;
+        }
+        t1 = A.SassNumber_SassNumber(number._number$_value, "%");
+        break $label0$0;
+      }
+      return t1;
+    },
+    _channelFromValue(channel, value, clamp) {
+      return A.NullableExtension_andThen(value, new A._channelFromValue_closure(channel, clamp));
+    },
+    _isNone(value) {
+      return value instanceof A.SassString && !value._hasQuotes && value._string$_text.toLowerCase() === "none";
+    },
+    _channelFunction($name, space, getter, global, unit) {
+      return A.BuiltInCallable$function($name, "$color", new A._channelFunction_closure(getter, unit, global, $name, space), "sass:color");
+    },
+    _suggestScaleAndAdjust(original, adjustment, channelName) {
+      var t2, oldValue, newValue, factor, t3, suggestion,
+        channel = channelName === "alpha" ? B.LinearChannel_XL8 : type$.LinearChannel._as(B.JSArray_methods.firstWhere$1(B.List_oAL, new A._suggestScaleAndAdjust_closure(channelName))),
+        t1 = channel === B.LinearChannel_XL8;
+      if (t1) {
+        t2 = original.alphaOrNull;
+        oldValue = t2 == null ? 0 : t2;
+      } else
+        oldValue = original.toSpace$1(B.HslColorSpace_JQ2).channel$1(0, channelName);
+      newValue = oldValue + adjustment;
+      if (adjustment !== 0) {
+        factor = A._Cell$();
+        t2 = channel.max;
+        if (newValue > t2)
+          factor.__late_helper$_value = 1;
+        else {
+          t3 = channel.min;
+          if (newValue < t3)
+            factor.__late_helper$_value = -1;
+          else if (adjustment > 0)
+            factor.__late_helper$_value = adjustment / (t2 - oldValue);
+          else
+            factor.__late_helper$_value = (newValue - oldValue) / (oldValue - t3);
+        }
+        suggestion = "Suggestion" + ("s:\n\ncolor.scale($color, $" + channelName + ": " + A.serializeValue(A.SassNumber_SassNumber(factor._readLocal$0() * 100, "%"), false, true) + ")\n");
+      } else
+        suggestion = "Suggestion:\n\n";
+      return suggestion + ("color.adjust($color, $" + channelName + ": " + A.serializeValue(A.SassNumber_SassNumber(adjustment, t1 ? null : "%"), false, true) + ")");
+    },
+    _missingChannelError(color, channel) {
+      return A.throwExpression(A.SassScriptException$(string$.Becaus + color.toCssString$0() + ").", channel));
+    },
+    _channelName(value) {
+      var t1 = value.assertString$1("channel");
+      t1.assertQuoted$1("channel");
+      return t1._string$_text;
+    },
+    _function5($name, $arguments, callback) {
+      return A.BuiltInCallable$function($name, $arguments, callback, "sass:color");
+    },
+    global_closure0: function global_closure0() {
+    },
+    global_closure1: function global_closure1() {
+    },
+    global_closure2: function global_closure2() {
+    },
+    global_closure3: function global_closure3() {
+    },
+    global_closure4: function global_closure4() {
+    },
+    global_closure5: function global_closure5() {
+    },
+    global_closure6: function global_closure6() {
+    },
+    global_closure7: function global_closure7() {
+    },
+    global_closure8: function global_closure8() {
+    },
+    global_closure9: function global_closure9() {
+    },
+    global_closure10: function global_closure10() {
+    },
+    global_closure11: function global_closure11() {
+    },
+    global_closure12: function global_closure12() {
+    },
+    global_closure13: function global_closure13() {
+    },
+    global_closure14: function global_closure14() {
+    },
+    global_closure15: function global_closure15() {
+    },
+    global_closure16: function global_closure16() {
+    },
+    global_closure17: function global_closure17() {
+    },
+    global_closure18: function global_closure18() {
+    },
+    global_closure19: function global_closure19() {
+    },
+    global_closure20: function global_closure20() {
+    },
+    global_closure21: function global_closure21() {
+    },
+    global_closure22: function global_closure22() {
+    },
+    global_closure23: function global_closure23() {
+    },
+    global_closure24: function global_closure24() {
+    },
+    global_closure25: function global_closure25() {
+    },
+    global_closure26: function global_closure26() {
+    },
+    global_closure27: function global_closure27() {
+    },
+    global_closure28: function global_closure28() {
+    },
+    global_closure29: function global_closure29() {
+    },
+    global_closure30: function global_closure30() {
+    },
+    global_closure31: function global_closure31() {
+    },
+    global_closure32: function global_closure32() {
+    },
+    global_closure33: function global_closure33() {
+    },
+    global_closure34: function global_closure34() {
+    },
+    global_closure35: function global_closure35() {
+    },
+    global__closure: function global__closure() {
+    },
+    global_closure36: function global_closure36() {
+    },
+    global_closure37: function global_closure37() {
+    },
+    global_closure38: function global_closure38() {
+    },
+    global_closure39: function global_closure39() {
+    },
+    global_closure40: function global_closure40() {
+    },
+    global_closure41: function global_closure41() {
+    },
+    global_closure42: function global_closure42() {
+    },
+    module_closure1: function module_closure1() {
+    },
+    module_closure2: function module_closure2() {
+    },
+    module_closure3: function module_closure3() {
+    },
+    module_closure4: function module_closure4() {
+    },
+    module_closure5: function module_closure5() {
+    },
+    module_closure6: function module_closure6() {
+    },
+    module_closure7: function module_closure7() {
+    },
+    module_closure8: function module_closure8() {
+    },
+    module_closure9: function module_closure9() {
+    },
+    module_closure10: function module_closure10() {
+    },
+    module_closure11: function module_closure11() {
+    },
+    module_closure12: function module_closure12() {
+    },
+    module_closure13: function module_closure13() {
+    },
+    module_closure14: function module_closure14() {
+    },
+    module__closure2: function module__closure2() {
+    },
+    module_closure15: function module_closure15() {
+    },
+    module_closure16: function module_closure16() {
+    },
+    module_closure17: function module_closure17() {
+    },
+    module_closure18: function module_closure18() {
+    },
+    module_closure19: function module_closure19() {
+    },
+    module_closure20: function module_closure20() {
+    },
+    module_closure21: function module_closure21() {
+    },
+    module_closure22: function module_closure22() {
+    },
+    module__closure1: function module__closure1(t0) {
+      this.channelName = t0;
+    },
+    module_closure23: function module_closure23() {
+    },
+    module_closure_toXyzNoMissing: function module_closure_toXyzNoMissing() {
+    },
+    module_closure24: function module_closure24() {
+    },
+    _mix_closure: function _mix_closure() {
+    },
+    _complement_closure: function _complement_closure() {
+    },
+    _adjust_closure: function _adjust_closure() {
+    },
+    _scale_closure: function _scale_closure() {
+    },
+    _change_closure: function _change_closure() {
+    },
+    _ieHexStr_closure: function _ieHexStr_closure() {
+    },
+    _ieHexStr_closure_hexString: function _ieHexStr_closure_hexString() {
+    },
+    _updateComponents_closure: function _updateComponents_closure(t0) {
+      this.originalColor = t0;
+    },
+    _updateComponents_closure0: function _updateComponents_closure0(t0) {
+      this._box_0 = t0;
+    },
+    _changeColor_closure: function _changeColor_closure(t0) {
+      this.alphaArg = t0;
+    },
+    _adjustColor_closure: function _adjustColor_closure() {
+    },
+    _functionString_closure: function _functionString_closure() {
+    },
+    _removedColorFunction_closure: function _removedColorFunction_closure(t0, t1, t2) {
+      this.name = t0;
+      this.argument = t1;
+      this.negative = t2;
+    },
+    _rgb_closure: function _rgb_closure() {
+    },
+    _hsl_closure: function _hsl_closure() {
+    },
+    _parseChannels_closure: function _parseChannels_closure() {
+    },
+    _parseChannels_closure0: function _parseChannels_closure0() {
+    },
+    _colorFromChannels_closure: function _colorFromChannels_closure() {
+    },
+    _colorFromChannels_closure0: function _colorFromChannels_closure0() {
+    },
+    _channelFromValue_closure: function _channelFromValue_closure(t0, t1) {
+      this.channel = t0;
+      this.clamp = t1;
+    },
+    _channelFunction_closure: function _channelFunction_closure(t0, t1, t2, t3, t4) {
+      var _ = this;
+      _.getter = t0;
+      _.unit = t1;
+      _.global = t2;
+      _.name = t3;
+      _.space = t4;
+    },
+    _suggestScaleAndAdjust_closure: function _suggestScaleAndAdjust_closure(t0) {
+      this.channelName = t0;
+    },
+    _function4($name, $arguments, callback) {
+      return A.BuiltInCallable$function($name, $arguments, callback, "sass:list");
+    },
+    _length_closure0: function _length_closure0() {
+    },
+    _nth_closure: function _nth_closure() {
+    },
+    _setNth_closure: function _setNth_closure() {
+    },
+    _join_closure: function _join_closure() {
+    },
+    _append_closure0: function _append_closure0() {
+    },
+    _zip_closure: function _zip_closure() {
+    },
+    _zip__closure: function _zip__closure() {
+    },
+    _zip__closure0: function _zip__closure0(t0) {
+      this._box_0 = t0;
+    },
+    _zip__closure1: function _zip__closure1(t0) {
+      this._box_0 = t0;
+    },
+    _index_closure0: function _index_closure0() {
+    },
+    _separator_closure: function _separator_closure() {
+    },
+    _isBracketed_closure: function _isBracketed_closure() {
+    },
+    _slash_closure: function _slash_closure() {
+    },
+    _modify(map, keys, modify, addNesting) {
+      var keyIterator = J.get$iterator$ax(keys);
+      return keyIterator.moveNext$0() ? new A._modify_modifyNestedMap(keyIterator, modify, addNesting).call$1(map) : modify.call$1(map);
+    },
+    _deepMergeImpl(map1, map2) {
+      var t2, t3, result, t4, key, value, _1_1, _1_3, _1_3_isSet, resultMap, _1_30, valueMap, merged,
+        t1 = map1._map$_contents;
+      if (t1.get$isEmpty(t1))
+        return map2;
+      t2 = map2._map$_contents;
+      if (t2.get$isEmpty(t2))
+        return map1;
+      t3 = type$.Value;
+      result = A.LinkedHashMap_LinkedHashMap$of(t1, t3, t3);
+      for (t1 = A.MapExtensions_get_pairs(t2, t3, t3), t1 = t1.get$iterator(t1), t2 = type$.SassMap; t1.moveNext$0();) {
+        t4 = t1.get$current(t1);
+        key = t4._0;
+        value = t4._1;
+        t4 = result.$index(0, key);
+        _1_1 = t4 == null ? null : t4.tryMap$0();
+        _1_3 = value.tryMap$0();
+        _1_3_isSet = _1_1 != null;
+        t4 = false;
+        if (_1_3_isSet) {
+          t4 = _1_3 != null;
+          resultMap = _1_1;
+          _1_30 = _1_3;
+        } else {
+          _1_30 = null;
+          resultMap = null;
+        }
+        if (t4) {
+          valueMap = _1_3_isSet ? _1_30 : _1_3;
+          merged = A._deepMergeImpl(resultMap, valueMap == null ? t2._as(valueMap) : valueMap);
+          if (merged === resultMap)
+            continue;
+          result.$indexSet(0, key, merged);
+        } else
+          result.$indexSet(0, key, value);
+      }
+      return new A.SassMap(A.ConstantMap_ConstantMap$from(result, t3, t3));
+    },
+    _function3($name, $arguments, callback) {
+      return A.BuiltInCallable$function($name, $arguments, callback, "sass:map");
+    },
+    _get_closure: function _get_closure() {
+    },
+    _set_closure: function _set_closure() {
+    },
+    _set__closure0: function _set__closure0(t0) {
+      this.$arguments = t0;
+    },
+    _set_closure0: function _set_closure0() {
+    },
+    _set__closure: function _set__closure(t0) {
+      this._box_0 = t0;
+    },
+    _merge_closure: function _merge_closure() {
+    },
+    _merge_closure0: function _merge_closure0() {
+    },
+    _merge__closure: function _merge__closure(t0) {
+      this.map2 = t0;
+    },
+    _deepMerge_closure: function _deepMerge_closure() {
+    },
+    _deepRemove_closure: function _deepRemove_closure() {
+    },
+    _deepRemove__closure: function _deepRemove__closure(t0) {
+      this.keys = t0;
+    },
+    _remove_closure: function _remove_closure() {
+    },
+    _remove_closure0: function _remove_closure0() {
+    },
+    _keys_closure: function _keys_closure() {
+    },
+    _values_closure: function _values_closure() {
+    },
+    _hasKey_closure: function _hasKey_closure() {
+    },
+    _modify_modifyNestedMap: function _modify_modifyNestedMap(t0, t1, t2) {
+      this.keyIterator = t0;
+      this.modify = t1;
+      this.addNesting = t2;
+    },
+    _singleArgumentMathFunc($name, mathFunc) {
+      return A.BuiltInCallable$function($name, "$number", new A._singleArgumentMathFunc_closure(mathFunc), "sass:math");
+    },
+    _numberFunction($name, transform) {
+      return A.BuiltInCallable$function($name, "$number", new A._numberFunction_closure(transform), "sass:math");
+    },
+    _function2($name, $arguments, callback) {
+      return A.BuiltInCallable$function($name, $arguments, callback, "sass:math");
+    },
+    global_closure: function global_closure() {
+    },
+    module_closure0: function module_closure0() {
+    },
+    _ceil_closure: function _ceil_closure() {
+    },
+    _clamp_closure: function _clamp_closure() {
+    },
+    _floor_closure: function _floor_closure() {
+    },
+    _max_closure: function _max_closure() {
+    },
+    _min_closure: function _min_closure() {
+    },
+    _round_closure: function _round_closure() {
+    },
+    _hypot_closure: function _hypot_closure() {
+    },
+    _hypot__closure: function _hypot__closure() {
+    },
+    _log_closure: function _log_closure() {
+    },
+    _pow_closure: function _pow_closure() {
+    },
+    _atan2_closure: function _atan2_closure() {
+    },
+    _compatible_closure: function _compatible_closure() {
+    },
+    _isUnitless_closure: function _isUnitless_closure() {
+    },
+    _unit_closure: function _unit_closure() {
+    },
+    _percentage_closure: function _percentage_closure() {
+    },
+    _randomFunction_closure: function _randomFunction_closure() {
+    },
+    _div_closure: function _div_closure() {
+    },
+    _singleArgumentMathFunc_closure: function _singleArgumentMathFunc_closure(t0) {
+      this.mathFunc = t0;
+    },
+    _numberFunction_closure: function _numberFunction_closure(t0) {
+      this.transform = t0;
+    },
+    _function($name, $arguments, callback) {
+      return A.BuiltInCallable$function($name, $arguments, callback, "sass:meta");
+    },
+    _shared_closure: function _shared_closure() {
+    },
+    _shared_closure0: function _shared_closure0() {
+    },
+    _shared_closure1: function _shared_closure1() {
+    },
+    _shared_closure2: function _shared_closure2() {
+    },
+    moduleFunctions_closure: function moduleFunctions_closure() {
+    },
+    moduleFunctions_closure0: function moduleFunctions_closure0() {
+    },
+    moduleFunctions__closure: function moduleFunctions__closure() {
+    },
+    moduleFunctions_closure1: function moduleFunctions_closure1() {
+    },
+    _prependParent(compound) {
+      var _0_3, _0_4, t2, t3, rest,
+        t1 = A.EvaluationContext_currentOrNull(),
+        span = (t1 == null ? A.throwExpression(A.StateError$(string$.No_Sass)) : t1).get$currentCallableSpan(),
+        _0_0 = compound.components;
+      $label0$0: {
+        _0_3 = _0_0.length >= 1;
+        if (_0_3) {
+          _0_4 = _0_0[0];
+          t1 = _0_4 instanceof A.UniversalSelector;
+        } else {
+          _0_4 = null;
+          t1 = false;
+        }
+        t2 = null;
+        if (t1) {
+          t1 = t2;
+          break $label0$0;
+        }
+        t1 = false;
+        if (_0_3) {
+          t3 = _0_4;
+          if (t3 instanceof A.TypeSelector) {
+            t1 = _0_4;
+            t1 = type$.TypeSelector._as(t1).name.namespace != null;
+          }
+        }
+        if (t1) {
+          t1 = t2;
+          break $label0$0;
+        }
+        if (_0_3) {
+          t1 = _0_4;
+          t1 = t1 instanceof A.TypeSelector;
+        } else
+          t1 = false;
+        if (t1) {
+          t1 = _0_3 ? _0_4 : _0_0[0];
+          type$.TypeSelector._as(t1);
+          rest = B.JSArray_methods.sublist$1(_0_0, 1);
+          t1 = A._setArrayType([new A.ParentSelector(t1.name.name, span)], type$.JSArray_SimpleSelector);
+          B.JSArray_methods.addAll$1(t1, rest);
+          t1 = A.CompoundSelector$(t1, span);
+          break $label0$0;
+        }
+        t1 = A._setArrayType([new A.ParentSelector(null, span)], type$.JSArray_SimpleSelector);
+        B.JSArray_methods.addAll$1(t1, _0_0);
+        t1 = A.CompoundSelector$(t1, span);
+        break $label0$0;
+      }
+      return t1;
+    },
+    _function1($name, $arguments, callback) {
+      return A.BuiltInCallable$function($name, $arguments, callback, "sass:selector");
+    },
+    _nest_closure: function _nest_closure() {
+    },
+    _nest__closure: function _nest__closure(t0) {
+      this._box_0 = t0;
+    },
+    _nest__closure0: function _nest__closure0() {
+    },
+    _append_closure: function _append_closure() {
+    },
+    _append__closure: function _append__closure() {
+    },
+    _append__closure0: function _append__closure0(t0) {
+      this.span = t0;
+    },
+    _append___closure: function _append___closure(t0, t1) {
+      this.parent = t0;
+      this.span = t1;
+    },
+    _extend_closure: function _extend_closure() {
+    },
+    _replace_closure: function _replace_closure() {
+    },
+    _unify_closure: function _unify_closure() {
+    },
+    _isSuperselector_closure: function _isSuperselector_closure() {
+    },
+    _simpleSelectors_closure: function _simpleSelectors_closure() {
+    },
+    _simpleSelectors__closure: function _simpleSelectors__closure() {
+    },
+    _parse_closure: function _parse_closure() {
+    },
+    _codepointForIndex(index, lengthInCodepoints, allowNegative) {
+      var result;
+      if (index === 0)
+        return 0;
+      if (index > 0)
+        return Math.min(index - 1, lengthInCodepoints);
+      result = lengthInCodepoints + index;
+      if (result < 0 && !allowNegative)
+        return 0;
+      return result;
+    },
+    _function0($name, $arguments, callback) {
+      return A.BuiltInCallable$function($name, $arguments, callback, "sass:string");
+    },
+    module_closure: function module_closure() {
+    },
+    module__closure: function module__closure(t0) {
+      this.string = t0;
+    },
+    module__closure0: function module__closure0(t0) {
+      this.string = t0;
+    },
+    _unquote_closure: function _unquote_closure() {
+    },
+    _quote_closure: function _quote_closure() {
+    },
+    _length_closure: function _length_closure() {
+    },
+    _insert_closure: function _insert_closure() {
+    },
+    _index_closure: function _index_closure() {
+    },
+    _slice_closure: function _slice_closure() {
+    },
+    _toUpperCase_closure: function _toUpperCase_closure() {
+    },
+    _toLowerCase_closure: function _toLowerCase_closure() {
+    },
+    _uniqueId_closure: function _uniqueId_closure() {
+    },
+    ImportCache$(importers, loadPaths) {
+      var t1 = type$.nullable_Record_3_Importer_and_Uri_and_Uri_originalUrl,
+        t2 = type$.Record_3_Importer_and_Uri_and_bool_forImport,
+        t3 = type$.Uri;
+      return new A.ImportCache(A.ImportCache__toImporters(importers, loadPaths, null), A.LinkedHashMap_LinkedHashMap$_empty(type$.Record_2_Uri_and_bool_forImport, t1), A.LinkedHashMap_LinkedHashMap$_empty(t2, t1), A.LinkedHashMap_LinkedHashMap$_empty(t2, t3), A.LinkedHashMap_LinkedHashMap$_empty(t3, type$.nullable_Stylesheet), A.LinkedHashMap_LinkedHashMap$_empty(t3, type$.ImporterResult), A.LinkedHashMap_LinkedHashMap$_empty(t3, type$.DateTime));
+    },
+    ImportCache__toImporters(importers, loadPaths, packageConfig) {
+      var t1, t2, t3, t4, _i, path, _null = null,
+        sassPath = A.getEnvironmentVariable("SASS_PATH");
+      if (A.isBrowser()) {
+        t1 = A._setArrayType([], type$.JSArray_Importer);
+        B.JSArray_methods.addAll$1(t1, importers);
+        return t1;
+      }
+      t1 = A._setArrayType([], type$.JSArray_Importer);
+      B.JSArray_methods.addAll$1(t1, importers);
+      for (t2 = J.get$iterator$ax(loadPaths); t2.moveNext$0();) {
+        t3 = t2.get$current(t2);
+        t1.push(new A.FilesystemImporter($.$get$context().absolute$15(t3, _null, _null, _null, _null, _null, _null, _null, _null, _null, _null, _null, _null, _null, _null), false));
+      }
+      if (sassPath != null) {
+        t2 = A.isNodeJs() ? self.process : _null;
+        t3 = sassPath.split(J.$eq$(t2 == null ? _null : J.get$platform$x(t2), "win32") ? ";" : ":");
+        t4 = t3.length;
+        _i = 0;
+        for (; _i < t4; ++_i) {
+          path = t3[_i];
+          t1.push(new A.FilesystemImporter($.$get$context().absolute$15(path, _null, _null, _null, _null, _null, _null, _null, _null, _null, _null, _null, _null, _null, _null), false));
+        }
+      }
+      return t1;
+    },
+    ImportCache: function ImportCache(t0, t1, t2, t3, t4, t5, t6) {
+      var _ = this;
+      _._importers = t0;
+      _._canonicalizeCache = t1;
+      _._perImporterCanonicalizeCache = t2;
+      _._nonCanonicalRelativeUrls = t3;
+      _._importCache = t4;
+      _._resultsCache = t5;
+      _._loadTimes = t6;
+    },
+    ImportCache_canonicalize_closure: function ImportCache_canonicalize_closure(t0, t1, t2, t3, t4, t5, t6) {
+      var _ = this;
+      _.$this = t0;
+      _.baseImporter = t1;
+      _.resolvedUrl = t2;
+      _.baseUrl = t3;
+      _.forImport = t4;
+      _.key = t5;
+      _.url = t6;
+    },
+    ImportCache__canonicalize_closure: function ImportCache__canonicalize_closure(t0, t1) {
+      this.importer = t0;
+      this.url = t1;
+    },
+    ImportCache_importCanonical_closure: function ImportCache_importCanonical_closure(t0, t1, t2, t3) {
+      var _ = this;
+      _.$this = t0;
+      _.importer = t1;
+      _.canonicalUrl = t2;
+      _.originalUrl = t3;
+    },
+    ImportCache_humanize_closure: function ImportCache_humanize_closure(t0) {
+      this.canonicalUrl = t0;
+    },
+    ImportCache_humanize_closure0: function ImportCache_humanize_closure0() {
+    },
+    ImportCache_humanize_closure1: function ImportCache_humanize_closure1() {
+    },
+    ImportCache_humanize_closure2: function ImportCache_humanize_closure2(t0) {
+      this.canonicalUrl = t0;
+    },
+    Importer: function Importer() {
+    },
+    AsyncImporter: function AsyncImporter() {
+    },
+    CanonicalizeContext: function CanonicalizeContext(t0, t1) {
+      this._fromImport = t0;
+      this._containingUrl = t1;
+      this._wasContainingUrlAccessed = false;
+    },
+    FilesystemImporter: function FilesystemImporter(t0, t1) {
+      this._loadPath = t0;
+      this._loadPathDeprecated = t1;
+    },
+    FilesystemImporter_canonicalize_closure: function FilesystemImporter_canonicalize_closure() {
+    },
+    NoOpImporter: function NoOpImporter() {
+    },
+    NodePackageImporter: function NodePackageImporter() {
+      this.__NodePackageImporter__entryPointDirectory_F = $;
+    },
+    NodePackageImporter__nodePackageExportsResolve_closure: function NodePackageImporter__nodePackageExportsResolve_closure() {
+    },
+    NodePackageImporter__nodePackageExportsResolve_closure0: function NodePackageImporter__nodePackageExportsResolve_closure0() {
+    },
+    NodePackageImporter__nodePackageExportsResolve_closure1: function NodePackageImporter__nodePackageExportsResolve_closure1() {
+    },
+    NodePackageImporter__nodePackageExportsResolve_closure2: function NodePackageImporter__nodePackageExportsResolve_closure2(t0, t1, t2) {
+      this.$this = t0;
+      this.exports = t1;
+      this.packageRoot = t2;
+    },
+    NodePackageImporter__nodePackageExportsResolve__closure: function NodePackageImporter__nodePackageExportsResolve__closure(t0, t1, t2) {
+      this.$this = t0;
+      this.variant = t1;
+      this.packageRoot = t2;
+    },
+    NodePackageImporter__nodePackageExportsResolve__closure0: function NodePackageImporter__nodePackageExportsResolve__closure0() {
+    },
+    NodePackageImporter__getMainExport_closure: function NodePackageImporter__getMainExport_closure() {
+    },
+    ImporterResult: function ImporterResult(t0, t1, t2) {
+      this.contents = t0;
+      this._sourceMapUrl = t1;
+      this.syntax = t2;
+    },
+    fromImport() {
+      var t1 = type$.nullable_CanonicalizeContext._as($.Zone__current.$index(0, B.Symbol__canonicalizeContext));
+      t1 = t1 == null ? null : t1._fromImport;
+      return t1 === true;
+    },
+    canonicalizeContext() {
+      var t1,
+        _0_0 = $.Zone__current.$index(0, B.Symbol__canonicalizeContext);
+      $label0$0: {
+        if (_0_0 == null)
+          A.throwExpression(A.StateError$(string$.canoni));
+        if (_0_0 instanceof A.CanonicalizeContext) {
+          t1 = _0_0;
+          break $label0$0;
+        }
+        t1 = A.throwExpression(A.StateError$(string$.Unexpe + A.S(_0_0) + "."));
+      }
+      return t1;
+    },
+    resolveImportPath(path) {
+      var t1,
+        extension = A.ParsedPath_ParsedPath$parse(path, $.$get$context().style)._splitExtension$1(1)[1];
+      if (extension === ".sass" || extension === ".scss" || extension === ".css") {
+        t1 = A.fromImport() ? new A.resolveImportPath_closure(path, extension).call$0() : null;
+        return t1 == null ? A._exactlyOne(A._tryPath(path)) : t1;
+      }
+      t1 = A.fromImport() ? new A.resolveImportPath_closure0(path).call$0() : null;
+      if (t1 == null)
+        t1 = A._exactlyOne(A._tryPathWithExtensions(path));
+      return t1 == null ? A._tryPathAsDirectory(path) : t1;
+    },
+    _tryPathWithExtensions(path) {
+      var result = A._tryPath(path + ".sass");
+      B.JSArray_methods.addAll$1(result, A._tryPath(path + ".scss"));
+      return result.length !== 0 ? result : A._tryPath(path + ".css");
+    },
+    _tryPath(path) {
+      var t1 = $.$get$context(),
+        partial = A.join(t1.dirname$1(path), "_" + A.ParsedPath_ParsedPath$parse(path, t1.style).get$basename(), null);
+      t1 = A._setArrayType([], type$.JSArray_String);
+      if (A.fileExists(partial))
+        t1.push(partial);
+      if (A.fileExists(path))
+        t1.push(path);
+      return t1;
+    },
+    _tryPathAsDirectory(path) {
+      var t1;
+      if (!A.dirExists(path))
+        return null;
+      t1 = A.fromImport() ? new A._tryPathAsDirectory_closure(path).call$0() : null;
+      return t1 == null ? A._exactlyOne(A._tryPathWithExtensions(A.join(path, "index", null))) : t1;
+    },
+    _exactlyOne(paths) {
+      var _0_1, t1, path;
+      $label0$0: {
+        _0_1 = paths.length;
+        if (_0_1 <= 0) {
+          t1 = null;
+          break $label0$0;
+        }
+        if (_0_1 === 1) {
+          path = paths[0];
+          t1 = path;
+          break $label0$0;
+        }
+        t1 = A.throwExpression(string$.It_s_n + B.JSArray_methods.map$1$1(paths, new A._exactlyOne_closure(), type$.String).join$1(0, "\n"));
+      }
+      return t1;
+    },
+    resolveImportPath_closure: function resolveImportPath_closure(t0, t1) {
+      this.path = t0;
+      this.extension = t1;
+    },
+    resolveImportPath_closure0: function resolveImportPath_closure0(t0) {
+      this.path = t0;
+    },
+    _tryPathAsDirectory_closure: function _tryPathAsDirectory_closure(t0) {
+      this.path = t0;
+    },
+    _exactlyOne_closure: function _exactlyOne_closure() {
+    },
+    InterpolationBuffer: function InterpolationBuffer(t0, t1, t2) {
+      this._interpolation_buffer$_text = t0;
+      this._interpolation_buffer$_contents = t1;
+      this._spans = t2;
+    },
+    InterpolationMap$(_interpolation, targetLocations) {
+      var t1 = A.List_List$unmodifiable(targetLocations, type$.SourceLocation),
+        t2 = _interpolation.contents.length,
+        expectedLocations = Math.max(0, t2 - 1);
+      if (t1.length !== expectedLocations)
+        A.throwExpression(A.ArgumentError$("InterpolationMap must have " + A.S(expectedLocations) + string$.x20targe + t2 + " components.", null));
+      return new A.InterpolationMap(_interpolation, t1);
+    },
+    InterpolationMap: function InterpolationMap(t0, t1) {
+      this._interpolation = t0;
+      this._targetLocations = t1;
+    },
+    InterpolationMap_mapException_closure: function InterpolationMap_mapException_closure() {
+    },
+    _realCasePath(path) {
+      var prefix, _null = null,
+        t1 = A.isNodeJs() ? self.process : _null;
+      if (!J.$eq$(t1 == null ? _null : J.get$platform$x(t1), "win32")) {
+        t1 = A.isNodeJs() ? self.process : _null;
+        t1 = J.$eq$(t1 == null ? _null : J.get$platform$x(t1), "darwin");
+      } else
+        t1 = true;
+      if (!t1)
+        return path;
+      t1 = A.isNodeJs() ? self.process : _null;
+      if (J.$eq$(t1 == null ? _null : J.get$platform$x(t1), "win32")) {
+        prefix = B.JSString_methods.substring$2(path, 0, $.$get$context().style.rootLength$1(path));
+        t1 = prefix.length;
+        if (t1 !== 0 && A.CharacterExtension_get_isAlphabetic(prefix.charCodeAt(0)))
+          path = prefix.toUpperCase() + B.JSString_methods.substring$1(path, t1);
+      }
+      return new A._realCasePath_helper().call$1(path);
+    },
+    _realCasePath_helper: function _realCasePath_helper() {
+    },
+    _realCasePath_helper_closure: function _realCasePath_helper_closure(t0, t1, t2, t3) {
+      var _ = this;
+      _.path = t0;
+      _.realPath = t1;
+      _.helper = t2;
+      _.dirname = t3;
+    },
+    _realCasePath_helper__closure: function _realCasePath_helper__closure(t0) {
+      this.basename = t0;
+    },
+    printError(message) {
+      var t1 = A.isNodeJs() ? self.process : null;
+      if (t1 != null) {
+        t1 = J.get$stderr$x(t1);
+        J.write$1$x(t1, A.S(message == null ? "" : message) + "\n");
+      } else {
+        t1 = self.console;
+        J.error$1$x(t1, message == null ? "" : message);
+      }
+    },
+    readFile(path) {
+      var contents, sourceFile, t1, i;
+      if (!A.isNodeJs())
+        throw A.wrapException(A.UnsupportedError$("readFile() is only supported on Node.js"));
+      contents = A._asString(A._readFile(path, "utf8"));
+      if (!B.JSString_methods.contains$1(contents, "\ufffd"))
+        return contents;
+      sourceFile = A.SourceFile$fromString(contents, $.$get$context().toUri$1(path));
+      for (t1 = contents.length, i = 0; i < t1; ++i) {
+        if (contents.charCodeAt(i) !== 65533)
+          continue;
+        throw A.wrapException(A.SassException$("Invalid UTF-8.", A.FileLocation$_(sourceFile, i).pointSpan$0(), null));
+      }
+      return contents;
+    },
+    _readFile(path, encoding) {
+      return A._systemErrorToFileSystemException(new A._readFile_closure(path, encoding));
+    },
+    writeFile(path, contents) {
+      if (!A.isNodeJs())
+        throw A.wrapException(A.UnsupportedError$("writeFile() is only supported on Node.js"));
+      return A._systemErrorToFileSystemException(new A.writeFile_closure(path, contents));
+    },
+    deleteFile(path) {
+      if (!A.isNodeJs())
+        throw A.wrapException(A.UnsupportedError$("deleteFile() is only supported on Node.js"));
+      return A._systemErrorToFileSystemException(new A.deleteFile_closure(path));
+    },
+    readStdin() {
+      return A.readStdin$body();
+    },
+    readStdin$body() {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.String),
+        $async$returnValue, t3, completer, sink, t1, t2;
+      var $async$readStdin = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              t1 = {};
+              t2 = A.isNodeJs() ? self.process : null;
+              if (t2 == null)
+                throw A.wrapException(A.UnsupportedError$("readStdin() is only supported on Node.js"));
+              t3 = new A._Future($.Zone__current, type$._Future_String);
+              completer = new A._AsyncCompleter(t3, type$._AsyncCompleter_String);
+              t1.contents = null;
+              sink = new A._StringCallbackSink(new A.readStdin_closure(t1, completer), new A.StringBuffer("")).asUtf8Sink$1(false);
+              t1 = J.getInterceptor$x(t2);
+              J.on$2$x(t1.get$stdin(t2), "data", A.allowInterop(new A.readStdin_closure0(sink)));
+              J.on$2$x(t1.get$stdin(t2), "end", A.allowInterop(new A.readStdin_closure1(sink)));
+              J.on$2$x(t1.get$stdin(t2), "error", A.allowInterop(new A.readStdin_closure2(completer)));
+              $async$returnValue = t3;
+              // goto return
+              $async$goto = 1;
+              break;
+            case 1:
+              // return
+              return A._asyncReturn($async$returnValue, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$readStdin, $async$completer);
+    },
+    fileExists(path) {
+      if (!A.isNodeJs())
+        throw A.wrapException(A.UnsupportedError$(string$.fileEx));
+      return A._systemErrorToFileSystemException(new A.fileExists_closure(path));
+    },
+    dirExists(path) {
+      if (!A.isNodeJs())
+        throw A.wrapException(A.UnsupportedError$("dirExists() is only supported on Node.js"));
+      return A._systemErrorToFileSystemException(new A.dirExists_closure(path));
+    },
+    linkExists(path) {
+      if (!A.isNodeJs())
+        throw A.wrapException(A.UnsupportedError$(string$.linkEx));
+      return A._systemErrorToFileSystemException(new A.linkExists_closure(path));
+    },
+    ensureDir(path) {
+      if (!A.isNodeJs())
+        throw A.wrapException(A.UnsupportedError$("ensureDir() is only supported on Node.js"));
+      return A._systemErrorToFileSystemException(new A.ensureDir_closure(path));
+    },
+    listDir(path, recursive) {
+      if (!A.isNodeJs())
+        throw A.wrapException(A.UnsupportedError$("listDir() is only supported on Node.js"));
+      return A._systemErrorToFileSystemException(new A.listDir_closure(recursive, path));
+    },
+    realpath(path) {
+      if (!A.isNodeJs())
+        throw A.wrapException(A.UnsupportedError$("listDir() is only supported on Node.js"));
+      return A._systemErrorToFileSystemException(new A.realpath_closure(path));
+    },
+    modificationTime(path) {
+      if (!A.isNodeJs())
+        throw A.wrapException(A.UnsupportedError$("modificationTime() is only supported on Node.js"));
+      return A._systemErrorToFileSystemException(new A.modificationTime_closure(path));
+    },
+    getEnvironmentVariable($name) {
+      var t1 = A.isNodeJs() ? self.process : null,
+        env = t1 == null ? null : J.get$env$x(t1);
+      if (env == null)
+        t1 = null;
+      else
+        t1 = A._asStringQ(env[$name]);
+      return t1;
+    },
+    _systemErrorToFileSystemException(callback) {
+      var error, t1, exception, t2;
+      try {
+        t1 = callback.call$0();
+        return t1;
+      } catch (exception) {
+        error = A.unwrapException(exception);
+        if (!type$.JsSystemError._is(error))
+          throw exception;
+        t1 = error;
+        t2 = J.getInterceptor$x(t1);
+        throw A.wrapException(new A.FileSystemException(J.substring$2$s(t2.get$message(t1), (A.S(t2.get$code(t1)) + ": ").length, J.get$length$asx(t2.get$message(t1)) - (", " + A.S(t2.get$syscall(t1)) + " '" + A.S(t2.get$path(t1)) + "'").length), J.get$path$x(error)));
+      }
+    },
+    hasTerminal() {
+      var t1 = A.isNodeJs() ? self.process : null;
+      return J.$eq$(t1 == null ? null : J.get$isTTY$x(J.get$stdout$x(t1)), true);
+    },
+    isWindows() {
+      var t1 = A.isNodeJs() ? self.process : null;
+      return J.$eq$(t1 == null ? null : J.get$platform$x(t1), "win32");
+    },
+    watchDir(path, poll) {
+      return A.watchDir$body(path, poll);
+    },
+    watchDir$body(path, poll) {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.Stream_WatchEvent),
+        $async$returnValue, _0_0, t2, parcel, controller, watcher, t3, t1, $async$temp1, $async$temp2, $async$temp3;
+      var $async$watchDir = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              t1 = {};
+              if (!A.isNodeJs())
+                throw A.wrapException(A.UnsupportedError$("watchDir() is only supported on Node.js"));
+              t1.controller = null;
+              _0_0 = init.G.parcel_watcher;
+              if (_0_0 != null) {
+                t2 = !poll;
+                parcel = _0_0;
+              } else {
+                parcel = null;
+                t2 = false;
+              }
+              $async$goto = t2 ? 3 : 5;
+              break;
+            case 3:
+              // then
+              $async$temp1 = t1;
+              $async$temp2 = A;
+              $async$temp3 = A;
+              $async$goto = 6;
+              return A._asyncAwait(A.ParcelWatcher_subscribe(parcel, path, new A.watchDir_closure0(t1)), $async$watchDir);
+            case 6:
+              // returning from await.
+              controller = $async$temp1.controller = $async$temp2.StreamController_StreamController(new $async$temp3.watchDir_closure($async$result), null, null, null, false, type$.WatchEvent);
+              $async$returnValue = new A._ControllerStream(controller, A._instanceType(controller)._eval$1("_ControllerStream<1>"));
+              // goto return
+              $async$goto = 1;
+              break;
+              // goto join
+              $async$goto = 4;
+              break;
+            case 5:
+              // else
+              watcher = J.watch$2$x(self.chokidar, path, {usePolling: poll});
+              t2 = J.getInterceptor$x(watcher);
+              t2.on$2(watcher, "add", A.allowInterop(new A.watchDir_closure1(t1)));
+              t2.on$2(watcher, "change", A.allowInterop(new A.watchDir_closure2(t1)));
+              t2.on$2(watcher, "unlink", A.allowInterop(new A.watchDir_closure3(t1)));
+              t2.on$2(watcher, "error", A.allowInterop(new A.watchDir_closure4(t1)));
+              t3 = new A._Future($.Zone__current, type$._Future_Stream_WatchEvent);
+              t2.on$2(watcher, "ready", A.allowInterop(new A.watchDir_closure5(t1, watcher, new A._AsyncCompleter(t3, type$._AsyncCompleter_Stream_WatchEvent))));
+              $async$returnValue = t3;
+              // goto return
+              $async$goto = 1;
+              break;
+            case 4:
+              // join
+            case 1:
+              // return
+              return A._asyncReturn($async$returnValue, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$watchDir, $async$completer);
+    },
+    FileSystemException: function FileSystemException(t0, t1) {
+      this.message = t0;
+      this.path = t1;
+    },
+    _readFile_closure: function _readFile_closure(t0, t1) {
+      this.path = t0;
+      this.encoding = t1;
+    },
+    writeFile_closure: function writeFile_closure(t0, t1) {
+      this.path = t0;
+      this.contents = t1;
+    },
+    deleteFile_closure: function deleteFile_closure(t0) {
+      this.path = t0;
+    },
+    readStdin_closure: function readStdin_closure(t0, t1) {
+      this._box_0 = t0;
+      this.completer = t1;
+    },
+    readStdin_closure0: function readStdin_closure0(t0) {
+      this.sink = t0;
+    },
+    readStdin_closure1: function readStdin_closure1(t0) {
+      this.sink = t0;
+    },
+    readStdin_closure2: function readStdin_closure2(t0) {
+      this.completer = t0;
+    },
+    fileExists_closure: function fileExists_closure(t0) {
+      this.path = t0;
+    },
+    dirExists_closure: function dirExists_closure(t0) {
+      this.path = t0;
+    },
+    linkExists_closure: function linkExists_closure(t0) {
+      this.path = t0;
+    },
+    ensureDir_closure: function ensureDir_closure(t0) {
+      this.path = t0;
+    },
+    listDir_closure: function listDir_closure(t0, t1) {
+      this.recursive = t0;
+      this.path = t1;
+    },
+    listDir__closure: function listDir__closure(t0) {
+      this.path = t0;
+    },
+    listDir__closure0: function listDir__closure0() {
+    },
+    listDir_closure_list: function listDir_closure_list() {
+    },
+    listDir__list_closure: function listDir__list_closure(t0, t1) {
+      this.parent = t0;
+      this.list = t1;
+    },
+    realpath_closure: function realpath_closure(t0) {
+      this.path = t0;
+    },
+    modificationTime_closure: function modificationTime_closure(t0) {
+      this.path = t0;
+    },
+    watchDir_closure0: function watchDir_closure0(t0) {
+      this._box_0 = t0;
+    },
+    watchDir_closure: function watchDir_closure(t0) {
+      this.subscription = t0;
+    },
+    watchDir_closure1: function watchDir_closure1(t0) {
+      this._box_0 = t0;
+    },
+    watchDir_closure2: function watchDir_closure2(t0) {
+      this._box_0 = t0;
+    },
+    watchDir_closure3: function watchDir_closure3(t0) {
+      this._box_0 = t0;
+    },
+    watchDir_closure4: function watchDir_closure4(t0) {
+      this._box_0 = t0;
+    },
+    watchDir_closure5: function watchDir_closure5(t0, t1, t2) {
+      this._box_0 = t0;
+      this.watcher = t1;
+      this.completer = t2;
+    },
+    watchDir__closure: function watchDir__closure(t0) {
+      this.watcher = t0;
+    },
+    JSArray0: function JSArray0() {
+    },
+    Chokidar: function Chokidar() {
+    },
+    ChokidarOptions: function ChokidarOptions() {
+    },
+    ChokidarWatcher: function ChokidarWatcher() {
+    },
+    JSFunction: function JSFunction() {
+    },
+    ImmutableList: function ImmutableList() {
+    },
+    ImmutableMap: function ImmutableMap() {
+    },
+    NodeImporterResult: function NodeImporterResult() {
+    },
+    RenderContext: function RenderContext() {
+    },
+    RenderContextOptions: function RenderContextOptions() {
+    },
+    RenderContextResult: function RenderContextResult() {
+    },
+    RenderContextResultStats: function RenderContextResultStats() {
+    },
+    JSModule: function JSModule() {
+    },
+    JSModuleRequire: function JSModuleRequire() {
+    },
+    ParcelWatcher_subscribe(_this, path, callback) {
+      var result,
+        t1 = new A.ParcelWatcher_subscribe_closure(callback);
+      if (typeof t1 == "function")
+        A.throwExpression(A.ArgumentError$("Attempting to rewrap a JS function.", null));
+      result = function(_call, f) {
+        return function(arg1, arg2) {
+          return _call(f, arg1, arg2, arguments.length);
+        };
+      }(A._callDartFunctionFast2, t1);
+      result[$.$get$DART_CLOSURE_PROPERTY_NAME()] = t1;
+      return A.promiseToFuture(_this.subscribe(path, result), type$.JSObject);
+    },
+    ParcelWatcher_subscribe_closure: function ParcelWatcher_subscribe_closure(t0) {
+      this.callback = t0;
+    },
+    JSClass: function JSClass() {
+    },
+    JSUrl: function JSUrl() {
+    },
+    jsThrow0(error) {
+      return type$.Never._as($.$get$_jsThrow0().call$1(error));
+    },
+    _PropertyDescriptor: function _PropertyDescriptor() {
+    },
+    _RequireMain: function _RequireMain() {
+    },
+    WarnForDeprecation_warnForDeprecation(_this, deprecation, message, span, trace) {
+      _this.internalWarn$4$deprecation$span$trace(message, deprecation, span, trace);
+    },
+    LoggerWithDeprecationType: function LoggerWithDeprecationType() {
+    },
+    _QuietLogger: function _QuietLogger() {
+    },
+    DeprecationProcessingLogger: function DeprecationProcessingLogger(t0, t1, t2, t3, t4, t5) {
+      var _ = this;
+      _._warningCounts = t0;
+      _._inner = t1;
+      _.silenceDeprecations = t2;
+      _.fatalDeprecations = t3;
+      _.futureDeprecations = t4;
+      _.limitRepetition = t5;
+    },
+    DeprecationProcessingLogger_summarize_closure: function DeprecationProcessingLogger_summarize_closure() {
+    },
+    DeprecationProcessingLogger_summarize_closure0: function DeprecationProcessingLogger_summarize_closure0() {
+    },
+    StderrLogger: function StderrLogger(t0) {
+      this.color = t0;
+    },
+    TrackingLogger: function TrackingLogger(t0) {
+      this._tracking$_logger = t0;
+      this._emittedDebug = this._emittedWarning = false;
+    },
+    BuiltInModule$($name, functions, mixins, variables, $T) {
+      var t1 = A._Uri__Uri(null, $name, null, "sass"),
+        t2 = A.BuiltInModule__callableMap(functions, $T),
+        t3 = A.BuiltInModule__callableMap(mixins, $T),
+        t4 = variables == null ? B.Map_empty5 : new A.UnmodifiableMapView(variables, type$.UnmodifiableMapView_String_Value);
+      return new A.BuiltInModule(t1, t2, t3, t4, $T._eval$1("BuiltInModule<0>"));
+    },
+    BuiltInModule__callableMap(callables, $T) {
+      var t2, _i, callable,
+        t1 = type$.String;
+      if (callables == null)
+        t1 = A.LinkedHashMap_LinkedHashMap$_empty(t1, $T);
+      else {
+        t1 = A.LinkedHashMap_LinkedHashMap$_empty(t1, $T);
+        for (t2 = callables.length, _i = 0; _i < callables.length; callables.length === t2 || (0, A.throwConcurrentModificationError)(callables), ++_i) {
+          callable = callables[_i];
+          t1.$indexSet(0, callable.get$name(callable), callable);
+        }
+        t1 = new A.UnmodifiableMapView(t1, type$.$env_1_1_String._bind$1($T)._eval$1("UnmodifiableMapView<1,2>"));
+      }
+      return new A.UnmodifiableMapView(t1, type$.$env_1_1_String._bind$1($T)._eval$1("UnmodifiableMapView<1,2>"));
+    },
+    BuiltInModule: function BuiltInModule(t0, t1, t2, t3, t4) {
+      var _ = this;
+      _.url = t0;
+      _.functions = t1;
+      _.mixins = t2;
+      _.variables = t3;
+      _.$ti = t4;
+    },
+    ForwardedModuleView_ifNecessary(inner, rule, $T) {
+      var t2,
+        t1 = false;
+      if (rule.prefix == null)
+        if (rule.shownMixinsAndFunctions == null)
+          if (rule.shownVariables == null) {
+            t2 = rule.hiddenMixinsAndFunctions;
+            t2 = t2 == null ? null : t2._base.get$isEmpty(0);
+            if (t2 === true) {
+              t1 = rule.hiddenVariables;
+              t1 = t1 == null ? null : t1._base.get$isEmpty(0);
+              t1 = t1 === true;
+            }
+          }
+      if (t1)
+        return inner;
+      else
+        return A.ForwardedModuleView$(inner, rule, $T);
+    },
+    ForwardedModuleView$(_inner, _rule, $T) {
+      var t1 = _rule.prefix,
+        t2 = _rule.shownVariables,
+        t3 = _rule.hiddenVariables,
+        t4 = _rule.shownMixinsAndFunctions,
+        t5 = _rule.hiddenMixinsAndFunctions;
+      return new A.ForwardedModuleView(_inner, _rule, A.ForwardedModuleView__forwardedMap(_inner.get$variables(), t1, t2, t3, type$.Value), A.ForwardedModuleView__forwardedMap(_inner.get$variableNodes(), t1, t2, t3, type$.AstNode), A.ForwardedModuleView__forwardedMap(_inner.get$functions(_inner), t1, t4, t5, $T), A.ForwardedModuleView__forwardedMap(_inner.get$mixins(), t1, t4, t5, $T), $T._eval$1("ForwardedModuleView<0>"));
+    },
+    ForwardedModuleView__forwardedMap(map, prefix, safelist, blocklist, $V) {
+      var t1 = prefix == null,
+        t2 = false;
+      if (t1)
+        if (safelist == null)
+          t2 = blocklist == null || blocklist._base.get$isEmpty(0);
+      if (t2)
+        return map;
+      if (!t1)
+        map = new A.PrefixedMapView(map, prefix, $V._eval$1("PrefixedMapView<0>"));
+      if (safelist != null)
+        map = new A.LimitedMapView(map, safelist._base.intersection$1(new A.MapKeySet(map, type$.MapKeySet_nullable_Object)), type$.$env_1_1_String._bind$1($V)._eval$1("LimitedMapView<1,2>"));
+      else if (blocklist != null && blocklist._base.get$isNotEmpty(0))
+        map = A.LimitedMapView$blocklist(map, blocklist, type$.String, $V);
+      return map;
+    },
+    ForwardedModuleView: function ForwardedModuleView(t0, t1, t2, t3, t4, t5, t6) {
+      var _ = this;
+      _._forwarded_view$_inner = t0;
+      _._rule = t1;
+      _.variables = t2;
+      _.variableNodes = t3;
+      _.functions = t4;
+      _.mixins = t5;
+      _.$ti = t6;
+    },
+    ShadowedModuleView_ifNecessary(inner, functions, mixins, variables, $T) {
+      return A.ShadowedModuleView__needsBlocklist(inner.get$variables(), variables) || A.ShadowedModuleView__needsBlocklist(inner.get$functions(inner), functions) || A.ShadowedModuleView__needsBlocklist(inner.get$mixins(), mixins) ? new A.ShadowedModuleView(inner, A.ShadowedModuleView__shadowedMap(inner.get$variables(), variables, type$.Value), A.ShadowedModuleView__shadowedMap(inner.get$variableNodes(), variables, type$.AstNode), A.ShadowedModuleView__shadowedMap(inner.get$functions(inner), functions, $T), A.ShadowedModuleView__shadowedMap(inner.get$mixins(), mixins, $T), $T._eval$1("ShadowedModuleView<0>")) : null;
+    },
+    ShadowedModuleView__shadowedMap(map, blocklist, $V) {
+      var t1 = A.ShadowedModuleView__needsBlocklist(map, blocklist);
+      return !t1 ? map : A.LimitedMapView$blocklist(map, blocklist, type$.String, $V);
+    },
+    ShadowedModuleView__needsBlocklist(map, blocklist) {
+      return map.get$isNotEmpty(map) && blocklist.any$1(0, map.get$containsKey());
+    },
+    ShadowedModuleView: function ShadowedModuleView(t0, t1, t2, t3, t4, t5) {
+      var _ = this;
+      _._shadowed_view$_inner = t0;
+      _.variables = t1;
+      _.variableNodes = t2;
+      _.functions = t3;
+      _.mixins = t4;
+      _.$ti = t5;
+    },
+    AtRootQueryParser: function AtRootQueryParser(t0, t1) {
+      this.scanner = t0;
+      this._interpolationMap = t1;
+    },
+    AtRootQueryParser_parse_closure: function AtRootQueryParser_parse_closure(t0) {
+      this.$this = t0;
+    },
+    _disallowedFunctionNames_closure: function _disallowedFunctionNames_closure() {
+    },
+    CssParser: function CssParser(t0, t1, t2, t3) {
+      var _ = this;
+      _._isUseAllowed = true;
+      _._inExpression = _._inParentheses = _._inStyleRule = _._stylesheet$_inUnknownAtRule = _._inControlDirective = _._inContentBlock = _._stylesheet$_inMixin = false;
+      _._globalVariables = t0;
+      _.warnings = t1;
+      _.lastSilentComment = null;
+      _.scanner = t2;
+      _._interpolationMap = t3;
+    },
+    KeyframeSelectorParser: function KeyframeSelectorParser(t0, t1) {
+      this.scanner = t0;
+      this._interpolationMap = t1;
+    },
+    KeyframeSelectorParser_parse_closure: function KeyframeSelectorParser_parse_closure(t0) {
+      this.$this = t0;
+    },
+    MediaQueryParser: function MediaQueryParser(t0, t1) {
+      this.scanner = t0;
+      this._interpolationMap = t1;
+    },
+    MediaQueryParser_parse_closure: function MediaQueryParser_parse_closure(t0) {
+      this.$this = t0;
+    },
+    Parser_isIdentifier(text) {
+      var exception;
+      try {
+        new A.Parser(A.SpanScanner$(text, null), null)._parseIdentifier$0();
+        return true;
+      } catch (exception) {
+        if (type$.SassFormatException._is(A.unwrapException(exception)))
+          return false;
+        else
+          throw exception;
+      }
+    },
+    Parser: function Parser(t0, t1) {
+      this.scanner = t0;
+      this._interpolationMap = t1;
+    },
+    Parser__parseIdentifier_closure: function Parser__parseIdentifier_closure(t0) {
+      this.$this = t0;
+    },
+    Parser_escape_closure: function Parser_escape_closure() {
+    },
+    Parser_scanIdentChar_matches: function Parser_scanIdentChar_matches(t0, t1) {
+      this.caseSensitive = t0;
+      this.char = t1;
+    },
+    Parser_spanFrom_closure: function Parser_spanFrom_closure(t0, t1) {
+      this.$this = t0;
+      this.span = t1;
+    },
+    SassParser: function SassParser(t0, t1, t2, t3) {
+      var _ = this;
+      _._currentIndentation = 0;
+      _._spaces = _._nextIndentationEnd = _._nextIndentation = null;
+      _._isUseAllowed = true;
+      _._inExpression = _._inParentheses = _._inStyleRule = _._stylesheet$_inUnknownAtRule = _._inControlDirective = _._inContentBlock = _._stylesheet$_inMixin = false;
+      _._globalVariables = t0;
+      _.warnings = t1;
+      _.lastSilentComment = null;
+      _.scanner = t2;
+      _._interpolationMap = t3;
+    },
+    SassParser_styleRuleSelector_closure: function SassParser_styleRuleSelector_closure() {
+    },
+    SassParser_children_closure: function SassParser_children_closure(t0, t1, t2) {
+      this.$this = t0;
+      this.child = t1;
+      this.children = t2;
+    },
+    SassParser__peekIndentation_closure: function SassParser__peekIndentation_closure() {
+    },
+    SassParser__peekIndentation_closure0: function SassParser__peekIndentation_closure0() {
+    },
+    SassParser__tryTrailingSemicolon_closure: function SassParser__tryTrailingSemicolon_closure() {
+    },
+    ScssParser$(contents, url) {
+      return new A.ScssParser(A.LinkedHashMap_LinkedHashMap$_empty(type$.String, type$.FileSpan), A._setArrayType([], type$.JSArray_Record_3_nullable_Deprecation_deprecation_and_String_message_and_FileSpan_span), A.SpanScanner$(contents, url), null);
+    },
+    ScssParser: function ScssParser(t0, t1, t2, t3) {
+      var _ = this;
+      _._isUseAllowed = true;
+      _._inExpression = _._inParentheses = _._inStyleRule = _._stylesheet$_inUnknownAtRule = _._inControlDirective = _._inContentBlock = _._stylesheet$_inMixin = false;
+      _._globalVariables = t0;
+      _.warnings = t1;
+      _.lastSilentComment = null;
+      _.scanner = t2;
+      _._interpolationMap = t3;
+    },
+    SelectorParser: function SelectorParser(t0, t1, t2, t3) {
+      var _ = this;
+      _._allowParent = t0;
+      _._plainCss = t1;
+      _.scanner = t2;
+      _._interpolationMap = t3;
+    },
+    SelectorParser_parse_closure: function SelectorParser_parse_closure(t0) {
+      this.$this = t0;
+    },
+    SelectorParser_parseCompoundSelector_closure: function SelectorParser_parseCompoundSelector_closure(t0) {
+      this.$this = t0;
+    },
+    StylesheetParser: function StylesheetParser() {
+    },
+    StylesheetParser_parse_closure: function StylesheetParser_parse_closure(t0) {
+      this.$this = t0;
+    },
+    StylesheetParser_parse__closure: function StylesheetParser_parse__closure(t0) {
+      this.$this = t0;
+    },
+    StylesheetParser_parseParameterList_closure: function StylesheetParser_parseParameterList_closure(t0) {
+      this.$this = t0;
+    },
+    StylesheetParser_parseVariableDeclaration_closure: function StylesheetParser_parseVariableDeclaration_closure(t0) {
+      this.$this = t0;
+    },
+    StylesheetParser_parseUseRule_closure: function StylesheetParser_parseUseRule_closure(t0) {
+      this.$this = t0;
+    },
+    StylesheetParser__parseSingleProduction_closure: function StylesheetParser__parseSingleProduction_closure(t0, t1, t2) {
+      this.$this = t0;
+      this.production = t1;
+      this.T = t2;
+    },
+    StylesheetParser__statement_closure: function StylesheetParser__statement_closure(t0) {
+      this.$this = t0;
+    },
+    StylesheetParser_variableDeclarationWithoutNamespace_closure: function StylesheetParser_variableDeclarationWithoutNamespace_closure(t0, t1) {
+      this.$this = t0;
+      this.start = t1;
+    },
+    StylesheetParser_variableDeclarationWithoutNamespace_closure0: function StylesheetParser_variableDeclarationWithoutNamespace_closure0(t0) {
+      this.declaration = t0;
+    },
+    StylesheetParser__declarationOrBuffer_closure: function StylesheetParser__declarationOrBuffer_closure(t0) {
+      this.$this = t0;
+    },
+    StylesheetParser__declarationOrBuffer_closure0: function StylesheetParser__declarationOrBuffer_closure0(t0) {
+      this.$this = t0;
+    },
+    StylesheetParser__declarationOrBuffer_closure1: function StylesheetParser__declarationOrBuffer_closure1(t0) {
+      this.$this = t0;
+    },
+    StylesheetParser__styleRule_closure: function StylesheetParser__styleRule_closure(t0, t1, t2, t3) {
+      var _ = this;
+      _._box_0 = t0;
+      _.$this = t1;
+      _.wasInStyleRule = t2;
+      _.start = t3;
+    },
+    StylesheetParser__propertyOrVariableDeclaration_closure: function StylesheetParser__propertyOrVariableDeclaration_closure(t0) {
+      this.$this = t0;
+    },
+    StylesheetParser__tryDeclarationChildren_closure: function StylesheetParser__tryDeclarationChildren_closure(t0, t1) {
+      this.name = t0;
+      this.value = t1;
+    },
+    StylesheetParser__atRootRule_closure: function StylesheetParser__atRootRule_closure(t0) {
+      this.query = t0;
+    },
+    StylesheetParser__atRootRule_closure0: function StylesheetParser__atRootRule_closure0() {
+    },
+    StylesheetParser__eachRule_closure: function StylesheetParser__eachRule_closure(t0, t1, t2, t3) {
+      var _ = this;
+      _.$this = t0;
+      _.wasInControlDirective = t1;
+      _.variables = t2;
+      _.list = t3;
+    },
+    StylesheetParser__functionRule_closure: function StylesheetParser__functionRule_closure(t0, t1, t2) {
+      this.name = t0;
+      this.parameters = t1;
+      this.precedingComment = t2;
+    },
+    StylesheetParser__forRule_closure: function StylesheetParser__forRule_closure(t0, t1) {
+      this._box_0 = t0;
+      this.$this = t1;
+    },
+    StylesheetParser__forRule_closure0: function StylesheetParser__forRule_closure0(t0, t1, t2, t3, t4, t5) {
+      var _ = this;
+      _._box_0 = t0;
+      _.$this = t1;
+      _.wasInControlDirective = t2;
+      _.variable = t3;
+      _.from = t4;
+      _.to = t5;
+    },
+    StylesheetParser__memberList_closure: function StylesheetParser__memberList_closure(t0, t1, t2) {
+      this.$this = t0;
+      this.variables = t1;
+      this.identifiers = t2;
+    },
+    StylesheetParser__includeRule_closure: function StylesheetParser__includeRule_closure(t0) {
+      this.contentParameters_ = t0;
+    },
+    StylesheetParser_mediaRule_closure: function StylesheetParser_mediaRule_closure(t0) {
+      this.query = t0;
+    },
+    StylesheetParser__mixinRule_closure: function StylesheetParser__mixinRule_closure(t0, t1, t2, t3) {
+      var _ = this;
+      _.$this = t0;
+      _.name = t1;
+      _.parameters = t2;
+      _.precedingComment = t3;
+    },
+    StylesheetParser_mozDocumentRule_closure: function StylesheetParser_mozDocumentRule_closure(t0) {
+      this.$this = t0;
+    },
+    StylesheetParser_mozDocumentRule_closure0: function StylesheetParser_mozDocumentRule_closure0(t0, t1, t2, t3) {
+      var _ = this;
+      _._box_0 = t0;
+      _.$this = t1;
+      _.name = t2;
+      _.value = t3;
+    },
+    StylesheetParser_supportsRule_closure: function StylesheetParser_supportsRule_closure(t0) {
+      this.condition = t0;
+    },
+    StylesheetParser__whileRule_closure: function StylesheetParser__whileRule_closure(t0, t1, t2) {
+      this.$this = t0;
+      this.wasInControlDirective = t1;
+      this.condition = t2;
+    },
+    StylesheetParser_unknownAtRule_closure: function StylesheetParser_unknownAtRule_closure(t0, t1) {
+      this._box_0 = t0;
+      this.name = t1;
+    },
+    StylesheetParser__expression_resetState: function StylesheetParser__expression_resetState(t0, t1, t2) {
+      this._box_0 = t0;
+      this.$this = t1;
+      this.start = t2;
+    },
+    StylesheetParser__expression_resolveOneOperation: function StylesheetParser__expression_resolveOneOperation(t0, t1) {
+      this._box_0 = t0;
+      this.$this = t1;
+    },
+    StylesheetParser__expression_resolveOperations: function StylesheetParser__expression_resolveOperations(t0, t1) {
+      this._box_0 = t0;
+      this.resolveOneOperation = t1;
+    },
+    StylesheetParser__expression_addSingleExpression: function StylesheetParser__expression_addSingleExpression(t0, t1, t2, t3) {
+      var _ = this;
+      _._box_0 = t0;
+      _.$this = t1;
+      _.resetState = t2;
+      _.resolveOperations = t3;
+    },
+    StylesheetParser__expression_addOperator: function StylesheetParser__expression_addOperator(t0, t1, t2, t3) {
+      var _ = this;
+      _._box_0 = t0;
+      _.$this = t1;
+      _.resolveOneOperation = t2;
+      _.addSingleExpression = t3;
+    },
+    StylesheetParser__expression_resolveSpaceExpressions: function StylesheetParser__expression_resolveSpaceExpressions(t0, t1, t2) {
+      this._box_0 = t0;
+      this.$this = t1;
+      this.resolveOperations = t2;
+    },
+    StylesheetParser_expressionUntilComma_closure: function StylesheetParser_expressionUntilComma_closure(t0) {
+      this.$this = t0;
+    },
+    StylesheetParser__isHexColor_closure: function StylesheetParser__isHexColor_closure() {
+    },
+    StylesheetParser__unicodeRange_closure: function StylesheetParser__unicodeRange_closure() {
+    },
+    StylesheetParser__unicodeRange_closure0: function StylesheetParser__unicodeRange_closure0() {
+    },
+    StylesheetParser_namespacedExpression_closure: function StylesheetParser_namespacedExpression_closure(t0, t1) {
+      this.$this = t0;
+      this.start = t1;
+    },
+    StylesheetParser_trySpecialFunction_closure: function StylesheetParser_trySpecialFunction_closure() {
+    },
+    StylesheetParser__expressionUntilComparison_closure: function StylesheetParser__expressionUntilComparison_closure(t0) {
+      this.$this = t0;
+    },
+    StylesheetParser__publicIdentifier_closure: function StylesheetParser__publicIdentifier_closure(t0, t1) {
+      this.$this = t0;
+      this.start = t1;
+    },
+    StylesheetNode$_(_stylesheet, importer, canonicalUrl, allUpstream) {
+      var t1 = new A.StylesheetNode(_stylesheet, importer, canonicalUrl, allUpstream._1, allUpstream._0, A.LinkedHashSet_LinkedHashSet$_empty(type$.StylesheetNode));
+      t1.StylesheetNode$_$4(_stylesheet, importer, canonicalUrl, allUpstream);
+      return t1;
+    },
+    StylesheetGraph: function StylesheetGraph(t0, t1, t2) {
+      this._nodes = t0;
+      this.importCache = t1;
+      this._transitiveModificationTimes = t2;
+    },
+    StylesheetGraph_modifiedSince_transitiveModificationTime: function StylesheetGraph_modifiedSince_transitiveModificationTime(t0) {
+      this.$this = t0;
+    },
+    StylesheetGraph_modifiedSince_transitiveModificationTime_closure: function StylesheetGraph_modifiedSince_transitiveModificationTime_closure(t0, t1) {
+      this.node = t0;
+      this.transitiveModificationTime = t1;
+    },
+    StylesheetGraph__add_closure: function StylesheetGraph__add_closure(t0, t1, t2, t3) {
+      var _ = this;
+      _.$this = t0;
+      _.url = t1;
+      _.baseImporter = t2;
+      _.baseUrl = t3;
+    },
+    StylesheetGraph_addCanonical_closure: function StylesheetGraph_addCanonical_closure(t0, t1, t2, t3) {
+      var _ = this;
+      _.$this = t0;
+      _.importer = t1;
+      _.canonicalUrl = t2;
+      _.originalUrl = t3;
+    },
+    StylesheetGraph_reload_closure: function StylesheetGraph_reload_closure(t0, t1, t2) {
+      this.$this = t0;
+      this.node = t1;
+      this.canonicalUrl = t2;
+    },
+    StylesheetGraph__nodeFor_closure: function StylesheetGraph__nodeFor_closure(t0, t1, t2, t3, t4) {
+      var _ = this;
+      _.$this = t0;
+      _.url = t1;
+      _.baseImporter = t2;
+      _.baseUrl = t3;
+      _.forImport = t4;
+    },
+    StylesheetGraph__nodeFor_closure0: function StylesheetGraph__nodeFor_closure0(t0, t1) {
+      this._box_0 = t0;
+      this.$this = t1;
+    },
+    StylesheetNode: function StylesheetNode(t0, t1, t2, t3, t4, t5) {
+      var _ = this;
+      _._stylesheet = t0;
+      _.importer = t1;
+      _.canonicalUrl = t2;
+      _._upstream = t3;
+      _._upstreamImports = t4;
+      _._downstream = t5;
+    },
+    Syntax_forPath(path) {
+      var t1,
+        _0_0 = A.ParsedPath_ParsedPath$parse(path, $.$get$context().style)._splitExtension$1(1)[1];
+      $label0$0: {
+        if (".sass" === _0_0) {
+          t1 = B.Syntax_Sass_sass;
+          break $label0$0;
+        }
+        if (".css" === _0_0) {
+          t1 = B.Syntax_CSS_css;
+          break $label0$0;
+        }
+        t1 = B.Syntax_SCSS_scss;
+        break $label0$0;
+      }
+      return t1;
+    },
+    Syntax: function Syntax(t0, t1) {
+      this._syntax$_name = t0;
+      this._name = t1;
+    },
+    Box: function Box(t0, t1) {
+      this._box$_inner = t0;
+      this.$ti = t1;
+    },
+    ModifiableBox: function ModifiableBox(t0, t1) {
+      this.value = t0;
+      this.$ti = t1;
+    },
+    LazyFileSpan: function LazyFileSpan(t0) {
+      this._builder = t0;
+      this._lazy_file_span$_span = null;
+    },
+    LimitedMapView$blocklist(_map, blocklist, $K, $V) {
+      var t2, key,
+        t1 = A.LinkedHashSet_LinkedHashSet$_empty($K);
+      for (t2 = _map.get$keys(_map), t2 = t2.get$iterator(t2); t2.moveNext$0();) {
+        key = t2.get$current(t2);
+        if (!blocklist.contains$1(0, key))
+          t1.add$1(0, key);
+      }
+      return new A.LimitedMapView(_map, t1, $K._eval$1("@<0>")._bind$1($V)._eval$1("LimitedMapView<1,2>"));
+    },
+    LimitedMapView: function LimitedMapView(t0, t1, t2) {
+      this._limited_map_view$_map = t0;
+      this._limited_map_view$_keys = t1;
+      this.$ti = t2;
+    },
+    MapExtensions_get_pairs(_this, $K, $V) {
+      var t1 = _this.get$entries(_this);
+      return t1.map$1$1(t1, new A.MapExtensions_get_pairs_closure($K, $V), $K._eval$1("@<0>")._bind$1($V)._eval$1("+(1,2)"));
+    },
+    MapExtensions_get_pairs_closure: function MapExtensions_get_pairs_closure(t0, t1) {
+      this.K = t0;
+      this.V = t1;
+    },
+    MergedMapView$(maps, $K, $V) {
+      var t1 = $K._eval$1("@<0>")._bind$1($V);
+      t1 = new A.MergedMapView(A.LinkedHashMap_LinkedHashMap$_empty($K, t1._eval$1("Map<1,2>")), t1._eval$1("MergedMapView<1,2>"));
+      t1.MergedMapView$1(maps, $K, $V);
+      return t1;
+    },
+    MergedMapView: function MergedMapView(t0, t1) {
+      this._mapsByKey = t0;
+      this.$ti = t1;
+    },
+    MultiDirWatcher: function MultiDirWatcher(t0, t1, t2) {
+      this._watchers = t0;
+      this._group = t1;
+      this._poll = t2;
+    },
+    MultiSpan: function MultiSpan(t0, t1, t2) {
+      this._multi_span$_primary = t0;
+      this.primaryLabel = t1;
+      this.secondarySpans = t2;
+    },
+    NoSourceMapBuffer: function NoSourceMapBuffer(t0) {
+      this._no_source_map_buffer$_buffer = t0;
+    },
+    PrefixedMapView: function PrefixedMapView(t0, t1, t2) {
+      this._prefixed_map_view$_map = t0;
+      this._prefix = t1;
+      this.$ti = t2;
+    },
+    _PrefixedKeys: function _PrefixedKeys(t0) {
+      this._view = t0;
+    },
+    _PrefixedKeys_iterator_closure: function _PrefixedKeys_iterator_closure(t0) {
+      this.$this = t0;
+    },
+    PublicMemberMapView: function PublicMemberMapView(t0, t1) {
+      this._public_member_map_view$_inner = t0;
+      this.$ti = t1;
+    },
+    SourceMapBuffer: function SourceMapBuffer(t0, t1) {
+      var _ = this;
+      _._source_map_buffer$_buffer = t0;
+      _._entries = t1;
+      _._column = _._line = 0;
+      _._inSpan = false;
+    },
+    SourceMapBuffer_buildSourceMap_closure: function SourceMapBuffer_buildSourceMap_closure(t0, t1) {
+      this._box_0 = t0;
+      this.prefixLength = t1;
+    },
+    UnprefixedMapView: function UnprefixedMapView(t0, t1, t2) {
+      this._unprefixed_map_view$_map = t0;
+      this._unprefixed_map_view$_prefix = t1;
+      this.$ti = t2;
+    },
+    _UnprefixedKeys: function _UnprefixedKeys(t0) {
+      this._unprefixed_map_view$_view = t0;
+    },
+    _UnprefixedKeys_iterator_closure: function _UnprefixedKeys_iterator_closure(t0) {
+      this.$this = t0;
+    },
+    _UnprefixedKeys_iterator_closure0: function _UnprefixedKeys_iterator_closure0(t0) {
+      this.$this = t0;
+    },
+    toSentence(iter, conjunction) {
+      if (iter.get$length(iter) === 1)
+        return J.toString$0$(iter.get$first(iter));
+      return A.IterableExtension_get_exceptLast(iter).join$1(0, ", ") + (" " + conjunction + " " + A.S(iter.get$last(iter)));
+    },
+    indent(string, indentation) {
+      return new A.MappedListIterable(A._setArrayType(string.split("\n"), type$.JSArray_String), new A.indent_closure(indentation), type$.MappedListIterable_String_String).join$1(0, "\n");
+    },
+    pluralize($name, number, plural) {
+      if (number === 1)
+        return $name;
+      if (plural != null)
+        return plural;
+      return $name + "s";
+    },
+    trimAscii(string, excludeEscape) {
+      var t1,
+        start = A._firstNonWhitespace(string);
+      if (start == null)
+        t1 = "";
+      else {
+        t1 = A._lastNonWhitespace(string, true);
+        t1.toString;
+        t1 = B.JSString_methods.substring$2(string, start, t1 + 1);
+      }
+      return t1;
+    },
+    trimAsciiRight(string, excludeEscape) {
+      var end = A._lastNonWhitespace(string, excludeEscape);
+      return end == null ? "" : B.JSString_methods.substring$2(string, 0, end + 1);
+    },
+    _firstNonWhitespace(string) {
+      var t1, i, t2;
+      for (t1 = string.length, i = 0; i < t1; ++i) {
+        t2 = string.charCodeAt(i);
+        if (!(t2 === 32 || t2 === 9 || t2 === 10 || t2 === 13 || t2 === 12))
+          return i;
+      }
+      return null;
+    },
+    _lastNonWhitespace(string, excludeEscape) {
+      var i, i0, codeUnit;
+      for (i = string.length - 1, i0 = i; i0 >= 0; --i0) {
+        codeUnit = string.charCodeAt(i0);
+        if (!(codeUnit === 32 || codeUnit === 9 || codeUnit === 10 || codeUnit === 13 || codeUnit === 12))
+          if (excludeEscape && i0 !== 0 && i0 !== i && codeUnit === 92)
+            return i0 + 1;
+          else
+            return i0;
+      }
+      return null;
+    },
+    isPublic(member) {
+      var start = member.charCodeAt(0);
+      return start !== 45 && start !== 95;
+    },
+    flattenVertically(iterable, $T) {
+      var result,
+        t1 = iterable.$ti._eval$1("@<ListIterable.E>")._bind$1($T._eval$1("QueueList<0>"))._eval$1("MappedListIterable<1,2>"),
+        queues = A.List_List$_of(new A.MappedListIterable(iterable, new A.flattenVertically_closure($T), t1), t1._eval$1("ListIterable.E"));
+      if (queues.length === 1)
+        return B.JSArray_methods.get$first(queues);
+      result = A._setArrayType([], $T._eval$1("JSArray<0>"));
+      for (; queues.length !== 0;) {
+        queues.$flags & 1 && A.throwUnsupportedOperation(queues, 16);
+        B.JSArray_methods._removeWhere$2(queues, new A.flattenVertically_closure0(result, $T), true);
+      }
+      return result;
+    },
+    codepointIndexToCodeUnitIndex(string, codepointIndex) {
+      var codeUnitIndex, i, codeUnitIndex0;
+      for (codeUnitIndex = 0, i = 0; i < codepointIndex; ++i) {
+        codeUnitIndex0 = codeUnitIndex + 1;
+        codeUnitIndex = string.charCodeAt(codeUnitIndex) >>> 10 === 54 ? codeUnitIndex0 + 1 : codeUnitIndex0;
+      }
+      return codeUnitIndex;
+    },
+    codeUnitIndexToCodepointIndex(string, codeUnitIndex) {
+      var codepointIndex, i;
+      for (codepointIndex = 0, i = 0; i < codeUnitIndex; i = (string.charCodeAt(i) >>> 10 === 54 ? i + 1 : i) + 1)
+        ++codepointIndex;
+      return codepointIndex;
+    },
+    frameForSpan(span, member, url) {
+      var t2, t3,
+        t1 = url == null ? span.get$sourceUrl(span) : url;
+      if (t1 == null)
+        t1 = $.$get$_noSourceUrl();
+      t2 = span.get$start(span);
+      t2 = t2.file.getLine$1(t2.offset);
+      t3 = span.get$start(span);
+      return new A.Frame(t1, t2 + 1, t3.file.getColumn$1(t3.offset) + 1, member);
+    },
+    declarationName(span) {
+      var text = span.get$text();
+      return A.trimAsciiRight(B.JSString_methods.substring$2(text, 0, B.JSString_methods.indexOf$1(text, ":")), false);
+    },
+    unvendor($name) {
+      var i,
+        t1 = $name.length;
+      if (t1 < 2)
+        return $name;
+      if ($name.charCodeAt(0) !== 45)
+        return $name;
+      if ($name.charCodeAt(1) === 45)
+        return $name;
+      for (i = 2; i < t1; ++i)
+        if ($name.charCodeAt(i) === 45)
+          return B.JSString_methods.substring$1($name, i + 1);
+      return $name;
+    },
+    equalsIgnoreCase(string1, string2) {
+      var t1, i;
+      if (string1 === string2)
+        return true;
+      if (string1 == null)
+        return false;
+      t1 = string1.length;
+      if (t1 !== string2.length)
+        return false;
+      for (i = 0; i < t1; ++i)
+        if (!A.characterEqualsIgnoreCase(string1.charCodeAt(i), string2.charCodeAt(i)))
+          return false;
+      return true;
+    },
+    startsWithIgnoreCase(string, prefix) {
+      var i,
+        t1 = prefix.length;
+      if (string.length < t1)
+        return false;
+      for (i = 0; i < t1; ++i)
+        if (!A.characterEqualsIgnoreCase(string.charCodeAt(i), prefix.charCodeAt(i)))
+          return false;
+      return true;
+    },
+    mapInPlace(list, $function) {
+      var i;
+      for (i = 0; i < list.length; ++i)
+        list[i] = $function.call$1(list[i]);
+    },
+    longestCommonSubsequence(list1, list2, select, $T) {
+      var t1, _i, selections, i, i0, j, selection, j0,
+        _length = list1.get$length(0) + 1,
+        lengths = J.JSArray_JSArray$allocateFixed(_length, type$.List_int);
+      for (t1 = type$.int, _i = 0; _i < _length; ++_i)
+        lengths[_i] = A.List_List$filled(((list2._queue_list$_tail - list2._queue_list$_head & J.get$length$asx(list2._queue_list$_table) - 1) >>> 0) + 1, 0, false, t1);
+      _length = list1.get$length(0);
+      selections = J.JSArray_JSArray$allocateFixed(_length, $T._eval$1("List<0?>"));
+      for (t1 = $T._eval$1("0?"), _i = 0; _i < _length; ++_i)
+        selections[_i] = A.List_List$filled((list2._queue_list$_tail - list2._queue_list$_head & J.get$length$asx(list2._queue_list$_table) - 1) >>> 0, null, false, t1);
+      for (i = 0; i < (list1._queue_list$_tail - list1._queue_list$_head & J.get$length$asx(list1._queue_list$_table) - 1) >>> 0; i = i0)
+        for (i0 = i + 1, j = 0; j < (list2._queue_list$_tail - list2._queue_list$_head & J.get$length$asx(list2._queue_list$_table) - 1) >>> 0; j = j0) {
+          selection = select.call$2(list1.$index(0, i), list2.$index(0, j));
+          selections[i][j] = selection;
+          t1 = lengths[i0];
+          j0 = j + 1;
+          t1[j0] = selection == null ? Math.max(t1[j], lengths[i][j0]) : lengths[i][j] + 1;
+        }
+      return new A.longestCommonSubsequence_backtrack(selections, lengths, $T).call$2(list1.get$length(0) - 1, list2.get$length(0) - 1);
+    },
+    removeFirstWhere(list, test, orElse) {
+      var i;
+      for (i = 0; i < list.length; ++i) {
+        if (!test.call$1(list[i]))
+          continue;
+        B.JSArray_methods.removeAt$1(list, i);
+        return;
+      }
+      orElse.call$0();
+    },
+    mapAddAll2(destination, source, $K1, $K2, $V) {
+      source.forEach$1(0, new A.mapAddAll2_closure(destination, $K1, $K2, $V));
+    },
+    setAll(map, keys, value) {
+      var t1;
+      for (t1 = keys.get$iterator(keys); t1.moveNext$0();)
+        map.$indexSet(0, t1.get$current(t1), value);
+    },
+    rotateSlice(list, start, end) {
+      var i, next,
+        element = list.$index(0, end - 1);
+      for (i = start; i < end; ++i, element = next) {
+        next = list.$index(0, i);
+        list.$indexSet(0, i, element);
+      }
+    },
+    mapAsync(iterable, callback, $E, $F) {
+      return A.mapAsync$body(iterable, callback, $E, $F, $F._eval$1("Iterable<0>"));
+    },
+    mapAsync$body(iterable, callback, $E, $F, $async$type) {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter($async$type),
+        $async$returnValue, t2, _i, t1, $async$temp1;
+      var $async$mapAsync = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              t1 = A._setArrayType([], $F._eval$1("JSArray<0>"));
+              t2 = iterable.length, _i = 0;
+            case 3:
+              // for condition
+              if (!(_i < t2)) {
+                // goto after for
+                $async$goto = 5;
+                break;
+              }
+              $async$temp1 = t1;
+              $async$goto = 6;
+              return A._asyncAwait(callback.call$1(iterable[_i]), $async$mapAsync);
+            case 6:
+              // returning from await.
+              $async$temp1.push($async$result);
+            case 4:
+              // for update
+              ++_i;
+              // goto for condition
+              $async$goto = 3;
+              break;
+            case 5:
+              // after for
+              $async$returnValue = t1;
+              // goto return
+              $async$goto = 1;
+              break;
+            case 1:
+              // return
+              return A._asyncReturn($async$returnValue, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$mapAsync, $async$completer);
+    },
+    putIfAbsentAsync(map, key, ifAbsent, $K, $V) {
+      return A.putIfAbsentAsync$body(map, key, ifAbsent, $K, $V, $V);
+    },
+    putIfAbsentAsync$body(map, key, ifAbsent, $K, $V, $async$type) {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter($async$type),
+        $async$returnValue, t1, value;
+      var $async$putIfAbsentAsync = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              if (map.containsKey$1(key)) {
+                t1 = map.$index(0, key);
+                $async$returnValue = t1 == null ? $V._as(t1) : t1;
+                // goto return
+                $async$goto = 1;
+                break;
+              }
+              $async$goto = 3;
+              return A._asyncAwait(ifAbsent.call$0(), $async$putIfAbsentAsync);
+            case 3:
+              // returning from await.
+              value = $async$result;
+              map.$indexSet(0, key, value);
+              $async$returnValue = value;
+              // goto return
+              $async$goto = 1;
+              break;
+            case 1:
+              // return
+              return A._asyncReturn($async$returnValue, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$putIfAbsentAsync, $async$completer);
+    },
+    copyMapOfMap(map, $K1, $K2, $V) {
+      var t3, key, child,
+        t1 = $K2._eval$1("@<0>")._bind$1($V)._eval$1("Map<1,2>"),
+        t2 = A.LinkedHashMap_LinkedHashMap$_empty($K1, t1);
+      for (t1 = A.MapExtensions_get_pairs(map, $K1, t1), t1 = t1.get$iterator(t1); t1.moveNext$0();) {
+        t3 = t1.get$current(t1);
+        key = t3._0;
+        child = t3._1;
+        t3 = A.LinkedHashMap_LinkedHashMap(null, null, null, $K2, $V);
+        t3.addAll$1(0, child);
+        t2.$indexSet(0, key, t3);
+      }
+      return t2;
+    },
+    copyMapOfList(map, $K, $E) {
+      var t3,
+        t1 = $E._eval$1("List<0>"),
+        t2 = A.LinkedHashMap_LinkedHashMap$_empty($K, t1);
+      for (t1 = A.MapExtensions_get_pairs(map, $K, t1), t1 = t1.get$iterator(t1); t1.moveNext$0();) {
+        t3 = t1.get$current(t1);
+        t2.$indexSet(0, t3._0, J.toList$0$ax(t3._1));
+      }
+      return t2;
+    },
+    consumeEscapedCharacter(scanner) {
+      var _1_0, value, i, next, t1;
+      scanner.expectChar$1(92);
+      _1_0 = scanner.peekChar$0();
+      if (_1_0 == null)
+        return 65533;
+      if (_1_0 === 10 || _1_0 === 13 || _1_0 === 12)
+        scanner.error$1(0, "Expected escape sequence.");
+      if (A.CharacterExtension_get_isHex(_1_0)) {
+        for (value = 0, i = 0; i < 6; ++i) {
+          next = scanner.peekChar$0();
+          if (next != null) {
+            t1 = true;
+            if (!(next >= 48 && next <= 57))
+              if (!(next >= 97 && next <= 102))
+                t1 = next >= 65 && next <= 70;
+            t1 = !t1;
+          } else
+            t1 = true;
+          if (t1)
+            break;
+          value = (value << 4 >>> 0) + A.asHex(scanner.readChar$0());
+        }
+        t1 = scanner.peekChar$0();
+        if (t1 === 32 || t1 === 9 || t1 === 10 || t1 === 13 || t1 === 12)
+          scanner.readChar$0();
+        $label0$1: {
+          if (0 !== value)
+            t1 = value >= 55296 && value <= 57343 || value >= 1114111;
+          else
+            t1 = true;
+          if (t1) {
+            t1 = 65533;
+            break $label0$1;
+          }
+          t1 = value;
+          break $label0$1;
+        }
+        return t1;
+      }
+      return scanner.readChar$0();
+    },
+    throwWithTrace(error, originalError, trace) {
+      var t1 = A.getTrace(originalError);
+      A.attachTrace(error, t1 == null ? trace : t1);
+      throw A.wrapException(error);
+    },
+    attachTrace(error, trace) {
+      var t1;
+      if (trace.toString$0(0).length === 0)
+        return;
+      t1 = $.$get$_traces();
+      A.Expando__checkType(error);
+      if (t1._jsWeakMap.get(error) == null)
+        t1.$indexSet(0, error, trace);
+    },
+    getTrace(error) {
+      var t1;
+      if (typeof error == "string" || typeof error == "number" || A._isBool(error))
+        t1 = null;
+      else {
+        t1 = $.$get$_traces();
+        A.Expando__checkType(error);
+        t1 = t1._jsWeakMap.get(error);
+      }
+      return t1;
+    },
+    indent_closure: function indent_closure(t0) {
+      this.indentation = t0;
+    },
+    flattenVertically_closure: function flattenVertically_closure(t0) {
+      this.T = t0;
+    },
+    flattenVertically_closure0: function flattenVertically_closure0(t0, t1) {
+      this.result = t0;
+      this.T = t1;
+    },
+    longestCommonSubsequence_backtrack: function longestCommonSubsequence_backtrack(t0, t1, t2) {
+      this.selections = t0;
+      this.lengths = t1;
+      this.T = t2;
+    },
+    mapAddAll2_closure: function mapAddAll2_closure(t0, t1, t2, t3) {
+      var _ = this;
+      _.destination = t0;
+      _.K1 = t1;
+      _.K2 = t2;
+      _.V = t3;
+    },
+    SassApiValue_assertSelector(_this, allowParent, $name) {
+      var error, stackTrace, t1, exception,
+        string = _this._selectorString$1($name);
+      try {
+        t1 = A.SelectorList_SelectorList$parse(string, allowParent, null, false);
+        return t1;
+      } catch (exception) {
+        t1 = A.unwrapException(exception);
+        if (type$.SassFormatException._is(t1)) {
+          error = t1;
+          stackTrace = A.getTraceFromException(exception);
+          t1 = B.JSString_methods.replaceFirst$2(J.toString$0$(error), "Error: ", "");
+          A.throwWithTrace(new A.SassScriptException($name == null ? t1 : "$" + $name + ": " + t1), error, stackTrace);
+        } else
+          throw exception;
+      }
+    },
+    SassApiValue_assertCompoundSelector(_this, $name) {
+      var error, stackTrace, t1, exception,
+        allowParent = false,
+        string = _this._selectorString$1($name);
+      try {
+        t1 = new A.SelectorParser(allowParent, false, A.SpanScanner$(string, null), null).parseCompoundSelector$0();
+        return t1;
+      } catch (exception) {
+        t1 = A.unwrapException(exception);
+        if (type$.SassFormatException._is(t1)) {
+          error = t1;
+          stackTrace = A.getTraceFromException(exception);
+          t1 = B.JSString_methods.replaceFirst$2(J.toString$0$(error), "Error: ", "");
+          A.throwWithTrace(new A.SassScriptException("$" + $name + ": " + t1), error, stackTrace);
+        } else
+          throw exception;
+      }
+    },
+    Value: function Value() {
+    },
+    SassArgumentList$(contents, keywords, separator) {
+      var t1 = type$.Value;
+      t1 = new A.SassArgumentList(A.ConstantMap_ConstantMap$from(keywords, type$.String, t1), A.List_List$unmodifiable(contents, t1), separator, false);
+      t1.SassList$3$brackets(contents, separator, false);
+      return t1;
+    },
+    SassArgumentList: function SassArgumentList(t0, t1, t2, t3) {
+      var _ = this;
+      _._keywords = t0;
+      _._wereKeywordsAccessed = false;
+      _._list$_contents = t1;
+      _._separator = t2;
+      _._hasBrackets = t3;
+    },
+    SassBoolean: function SassBoolean(t0) {
+      this.value = t0;
+    },
+    SassCalculation_calc(argument) {
+      var t1,
+        _0_0 = A.SassCalculation__simplify(argument);
+      $label0$0: {
+        if (_0_0 instanceof A.SassNumber) {
+          t1 = _0_0;
+          break $label0$0;
+        }
+        if (_0_0 instanceof A.SassCalculation) {
+          t1 = _0_0;
+          break $label0$0;
+        }
+        t1 = new A.SassCalculation("calc", A.List_List$unmodifiable([_0_0], type$.Object));
+        break $label0$0;
+      }
+      return t1;
+    },
+    SassCalculation_min($arguments) {
+      var minimum, _i, arg, t2,
+        args = A.List_List$unmodifiable(new A.MappedListIterable($arguments, A.calculation_SassCalculation__simplify$closure(), A._arrayInstanceType($arguments)._eval$1("MappedListIterable<1,@>")), type$.Object),
+        t1 = args.length;
+      if (t1 === 0)
+        throw A.wrapException(A.ArgumentError$("min() must have at least one argument.", null));
+      for (minimum = null, _i = 0; _i < t1; ++_i) {
+        arg = args[_i];
+        if (arg instanceof A.SassNumber)
+          t2 = minimum != null && !minimum.isComparableTo$1(arg);
+        else
+          t2 = true;
+        if (t2) {
+          minimum = null;
+          break;
+        } else if (minimum == null || minimum.greaterThan$1(arg).value)
+          minimum = arg;
+      }
+      if (minimum != null)
+        return minimum;
+      A.SassCalculation__verifyCompatibleNumbers(args);
+      return new A.SassCalculation("min", args);
+    },
+    SassCalculation_max($arguments) {
+      var maximum, _i, arg, t2,
+        args = A.List_List$unmodifiable(new A.MappedListIterable($arguments, A.calculation_SassCalculation__simplify$closure(), A._arrayInstanceType($arguments)._eval$1("MappedListIterable<1,@>")), type$.Object),
+        t1 = args.length;
+      if (t1 === 0)
+        throw A.wrapException(A.ArgumentError$("max() must have at least one argument.", null));
+      for (maximum = null, _i = 0; _i < t1; ++_i) {
+        arg = args[_i];
+        if (arg instanceof A.SassNumber)
+          t2 = maximum != null && !maximum.isComparableTo$1(arg);
+        else
+          t2 = true;
+        if (t2) {
+          maximum = null;
+          break;
+        } else if (maximum == null || maximum.lessThan$1(arg).value)
+          maximum = arg;
+      }
+      if (maximum != null)
+        return maximum;
+      A.SassCalculation__verifyCompatibleNumbers(args);
+      return new A.SassCalculation("max", args);
+    },
+    SassCalculation_hypot($arguments) {
+      var first, subtotal, i, number, value, t2,
+        args = A.List_List$unmodifiable(new A.MappedListIterable($arguments, A.calculation_SassCalculation__simplify$closure(), A._arrayInstanceType($arguments)._eval$1("MappedListIterable<1,@>")), type$.Object),
+        t1 = args.length;
+      if (t1 === 0)
+        throw A.wrapException(A.ArgumentError$("hypot() must have at least one argument.", null));
+      A.SassCalculation__verifyCompatibleNumbers(args);
+      first = B.JSArray_methods.get$first(args);
+      if (!(first instanceof A.SassNumber) || first.hasUnit$1("%"))
+        return new A.SassCalculation("hypot", args);
+      for (subtotal = 0, i = 0; i < t1;) {
+        number = args[i];
+        if (!(number instanceof A.SassNumber) || !number.hasCompatibleUnits$1(first))
+          return new A.SassCalculation("hypot", args);
+        ++i;
+        value = number.convertValueToMatch$3(first, "numbers[" + i + "]", "numbers[1]");
+        subtotal += value * value;
+      }
+      t1 = Math.sqrt(subtotal);
+      t2 = first.get$numeratorUnits(first);
+      return A.SassNumber_SassNumber$withUnits(t1, first.get$denominatorUnits(first), t2);
+    },
+    SassCalculation_abs(argument) {
+      argument = A.SassCalculation__simplify(argument);
+      if (!(argument instanceof A.SassNumber))
+        return new A.SassCalculation("abs", A._setArrayType([argument], type$.JSArray_Object));
+      if (argument.hasUnit$1("%"))
+        A.warnForDeprecation(string$.Passinp + argument.toString$0(0) + ")\nTo emit a CSS abs() now: abs(#{" + argument.toString$0(0) + string$.x7d__Mor, B.Deprecation_3ya);
+      return A.SassNumber_SassNumber(Math.abs(argument._number$_value), null).coerceToMatch$1(argument);
+    },
+    SassCalculation_exp(argument) {
+      argument = A.SassCalculation__simplify(argument);
+      if (!(argument instanceof A.SassNumber))
+        return new A.SassCalculation("exp", A._setArrayType([argument], type$.JSArray_Object));
+      argument.assertNoUnits$0();
+      return A.pow0(A.SassNumber_SassNumber(2.718281828459045, null), argument);
+    },
+    SassCalculation_sign(argument) {
+      var t1, _0_2, t2, arg;
+      argument = A.SassCalculation__simplify(argument);
+      $label0$0: {
+        t1 = argument instanceof A.SassNumber;
+        if (t1) {
+          _0_2 = argument._number$_value;
+          if (!isNaN(_0_2))
+            t2 = 0 === _0_2;
+          else
+            t2 = true;
+        } else
+          t2 = false;
+        if (t2) {
+          t1 = argument;
+          break $label0$0;
+        }
+        if (t1) {
+          t1 = !argument.hasUnit$1("%");
+          arg = argument;
+        } else {
+          arg = null;
+          t1 = false;
+        }
+        if (t1) {
+          t1 = A.SassNumber_SassNumber(J.get$sign$in(arg._number$_value), null).coerceToMatch$1(argument);
+          break $label0$0;
+        }
+        t1 = new A.SassCalculation("sign", A._setArrayType([argument], type$.JSArray_Object));
+        break $label0$0;
+      }
+      return t1;
+    },
+    SassCalculation_clamp(min, value, max) {
+      var t1, args;
+      if (value == null && max != null)
+        throw A.wrapException(A.ArgumentError$("If value is null, max must also be null.", null));
+      min = A.SassCalculation__simplify(min);
+      value = A.NullableExtension_andThen(value, A.calculation_SassCalculation__simplify$closure());
+      max = A.NullableExtension_andThen(max, A.calculation_SassCalculation__simplify$closure());
+      if (min instanceof A.SassNumber && value instanceof A.SassNumber && max instanceof A.SassNumber && min.hasCompatibleUnits$1(value) && min.hasCompatibleUnits$1(max)) {
+        if (value.lessThanOrEquals$1(min).value)
+          return min;
+        if (value.greaterThanOrEquals$1(max).value)
+          return max;
+        return value;
+      }
+      t1 = [min];
+      if (value != null)
+        t1.push(value);
+      if (max != null)
+        t1.push(max);
+      args = A.List_List$unmodifiable(t1, type$.Object);
+      A.SassCalculation__verifyCompatibleNumbers(args);
+      A.SassCalculation__verifyLength(args, 3);
+      return new A.SassCalculation("clamp", args);
+    },
+    SassCalculation_pow(base, exponent) {
+      var t1 = A._setArrayType([base], type$.JSArray_Object);
+      if (exponent != null)
+        t1.push(exponent);
+      A.SassCalculation__verifyLength(t1, 2);
+      base = A.SassCalculation__simplify(base);
+      exponent = A.NullableExtension_andThen(exponent, A.calculation_SassCalculation__simplify$closure());
+      if (!(base instanceof A.SassNumber) || !(exponent instanceof A.SassNumber))
+        return new A.SassCalculation("pow", t1);
+      base.assertNoUnits$0();
+      exponent.assertNoUnits$0();
+      return A.pow0(base, exponent);
+    },
+    SassCalculation_log(number, base) {
+      var t1, t2;
+      number = A.SassCalculation__simplify(number);
+      base = A.NullableExtension_andThen(base, A.calculation_SassCalculation__simplify$closure());
+      t1 = A._setArrayType([number], type$.JSArray_Object);
+      t2 = base != null;
+      if (t2)
+        t1.push(base);
+      if (number instanceof A.SassNumber)
+        t2 = t2 && !(base instanceof A.SassNumber);
+      else
+        t2 = true;
+      if (t2)
+        return new A.SassCalculation("log", t1);
+      number.assertNoUnits$0();
+      if (base instanceof A.SassNumber) {
+        base.assertNoUnits$0();
+        return A.log(number, base);
+      }
+      return A.log(number, null);
+    },
+    SassCalculation_atan2(y, x) {
+      var t1;
+      y = A.SassCalculation__simplify(y);
+      x = A.NullableExtension_andThen(x, A.calculation_SassCalculation__simplify$closure());
+      t1 = A._setArrayType([y], type$.JSArray_Object);
+      if (x != null)
+        t1.push(x);
+      A.SassCalculation__verifyLength(t1, 2);
+      A.SassCalculation__verifyCompatibleNumbers(t1);
+      if (!(y instanceof A.SassNumber) || !(x instanceof A.SassNumber) || y.hasUnit$1("%") || x.hasUnit$1("%") || !y.hasCompatibleUnits$1(x))
+        return new A.SassCalculation("atan2", t1);
+      return A.SassNumber_SassNumber$withUnits(Math.atan2(y._number$_value, x.convertValueToMatch$3(y, "x", "y")) * 57.29577951308232, null, A._setArrayType(["deg"], type$.JSArray_String));
+    },
+    SassCalculation_rem(dividend, modulus) {
+      var t1, result;
+      dividend = A.SassCalculation__simplify(dividend);
+      modulus = A.NullableExtension_andThen(modulus, A.calculation_SassCalculation__simplify$closure());
+      t1 = A._setArrayType([dividend], type$.JSArray_Object);
+      if (modulus != null)
+        t1.push(modulus);
+      A.SassCalculation__verifyLength(t1, 2);
+      A.SassCalculation__verifyCompatibleNumbers(t1);
+      if (!(dividend instanceof A.SassNumber) || !(modulus instanceof A.SassNumber) || !dividend.hasCompatibleUnits$1(modulus))
+        return new A.SassCalculation("rem", t1);
+      result = dividend.modulo$1(modulus);
+      t1 = modulus._number$_value;
+      if (A.DoubleWithSignedZero_get_signIncludingZero(t1) !== A.DoubleWithSignedZero_get_signIncludingZero(dividend._number$_value)) {
+        if (t1 == 1 / 0 || t1 == -1 / 0)
+          return dividend;
+        if (result._number$_value === 0)
+          return result.unaryMinus$0();
+        return result.minus$1(modulus);
+      }
+      return result;
+    },
+    SassCalculation_mod(dividend, modulus) {
+      var t1;
+      dividend = A.SassCalculation__simplify(dividend);
+      modulus = A.NullableExtension_andThen(modulus, A.calculation_SassCalculation__simplify$closure());
+      t1 = A._setArrayType([dividend], type$.JSArray_Object);
+      if (modulus != null)
+        t1.push(modulus);
+      A.SassCalculation__verifyLength(t1, 2);
+      A.SassCalculation__verifyCompatibleNumbers(t1);
+      if (!(dividend instanceof A.SassNumber) || !(modulus instanceof A.SassNumber) || !dividend.hasCompatibleUnits$1(modulus))
+        return new A.SassCalculation("mod", t1);
+      return dividend.modulo$1(modulus);
+    },
+    SassCalculation_roundInternal(strategyOrNumber, numberOrStep, step, inLegacySassFunction, span, warn) {
+      var _0_8_isSet, _0_6_isSet, t2, _0_6_isSet0, _0_14_isSet, _0_16, _0_18, _0_18_isSet, _0_20, _0_20_isSet, strategy, _0_9_isSet0, _0_12, _0_14, _0_16_isSet, t3, t4, _0_12_isSet, _0_12_isSet0, rest, _null = null, _s5_ = "round",
+        _0_1 = A.SassCalculation__simplify(strategyOrNumber),
+        _0_6 = A.NullableExtension_andThen(numberOrStep, A.calculation_SassCalculation__simplify$closure()),
+        _0_9 = A.NullableExtension_andThen(step, A.calculation_SassCalculation__simplify$closure()),
+        _0_8 = _null,
+        _0_60 = _null,
+        _0_10 = _null,
+        _0_10_isSet = false,
+        _0_90 = _null,
+        _0_9_isSet = false,
+        number = _null,
+        t1 = false;
+      if (_0_1 instanceof A.SassNumber) {
+        _0_8_isSet = !_0_1.get$hasUnits();
+        if (_0_8_isSet) {
+          _0_8 = _0_6 == null;
+          _0_10_isSet = _0_8;
+          if (_0_10_isSet) {
+            _0_10 = _0_9 == null;
+            t1 = _0_10;
+            _0_90 = _0_9;
+          }
+          _0_9_isSet = _0_10_isSet;
+          _0_60 = _0_6;
+          number = _0_1;
+        }
+        _0_6_isSet = _0_8_isSet;
+      } else {
+        _0_8_isSet = false;
+        _0_6_isSet = false;
+      }
+      if (t1)
+        return A.SassNumber_SassNumber(B.JSNumber_methods.round$0(number._number$_value), _null);
+      t1 = false;
+      if (_0_1 instanceof A.SassNumber) {
+        if (_0_8_isSet)
+          t2 = _0_8;
+        else {
+          if (_0_6_isSet)
+            t2 = _0_60;
+          else {
+            t2 = _0_6;
+            _0_60 = t2;
+            _0_6_isSet = true;
+          }
+          _0_8 = t2 == null;
+          t2 = _0_8;
+          _0_8_isSet = true;
+        }
+        if (t2) {
+          if (_0_10_isSet)
+            t1 = _0_10;
+          else {
+            if (_0_9_isSet)
+              t1 = _0_90;
+            else {
+              t1 = _0_9;
+              _0_90 = t1;
+              _0_9_isSet = true;
+            }
+            _0_10 = t1 == null;
+            t1 = _0_10;
+            _0_10_isSet = true;
+          }
+          t1 = t1 && inLegacySassFunction != null;
+        }
+        number = _0_1;
+      } else
+        number = _null;
+      if (t1) {
+        warn.call$2(string$.In_fut, B.Deprecation_rMl);
+        t1 = B.JSNumber_methods.round$0(number._number$_value);
+        t2 = number.get$numeratorUnits(number);
+        return A.SassNumber_SassNumber$withUnits(t1, number.get$denominatorUnits(number), t2);
+      }
+      step = _null;
+      t1 = false;
+      if (_0_1 instanceof A.SassNumber) {
+        _0_6_isSet0 = true;
+        if (_0_6_isSet)
+          t2 = _0_60;
+        else {
+          t2 = _0_6;
+          _0_6_isSet = _0_6_isSet0;
+          _0_60 = t2;
+        }
+        if (t2 instanceof A.SassNumber) {
+          if (_0_6_isSet)
+            t2 = _0_60;
+          else {
+            t2 = _0_6;
+            _0_6_isSet = _0_6_isSet0;
+            _0_60 = t2;
+          }
+          type$.SassNumber._as(t2);
+          if (_0_10_isSet)
+            t1 = _0_10;
+          else {
+            if (_0_9_isSet)
+              t1 = _0_90;
+            else {
+              t1 = _0_9;
+              _0_90 = t1;
+              _0_9_isSet = true;
+            }
+            _0_10 = t1 == null;
+            t1 = _0_10;
+            _0_10_isSet = true;
+          }
+          t1 = t1 && !_0_1.hasCompatibleUnits$1(t2);
+          step = t2;
+        }
+        number = _0_1;
+      } else
+        number = _null;
+      if (t1) {
+        t1 = type$.JSArray_Object;
+        A.SassCalculation__verifyCompatibleNumbers(A._setArrayType([number, step], t1));
+        return new A.SassCalculation(_s5_, A._setArrayType([number, step], t1));
+      }
+      step = _null;
+      t1 = false;
+      if (_0_1 instanceof A.SassNumber) {
+        _0_6_isSet0 = true;
+        if (_0_6_isSet)
+          t2 = _0_60;
+        else {
+          t2 = _0_6;
+          _0_6_isSet = _0_6_isSet0;
+          _0_60 = t2;
+        }
+        if (t2 instanceof A.SassNumber) {
+          if (_0_6_isSet)
+            t2 = _0_60;
+          else {
+            t2 = _0_6;
+            _0_6_isSet = _0_6_isSet0;
+            _0_60 = t2;
+          }
+          type$.SassNumber._as(t2);
+          if (_0_10_isSet)
+            t1 = _0_10;
+          else {
+            if (_0_9_isSet)
+              t1 = _0_90;
+            else {
+              t1 = _0_9;
+              _0_90 = t1;
+              _0_9_isSet = true;
+            }
+            _0_10 = t1 == null;
+            t1 = _0_10;
+            _0_10_isSet = true;
+          }
+          step = t2;
+        }
+        number = _0_1;
+      } else
+        number = _null;
+      if (t1) {
+        A.SassCalculation__verifyCompatibleNumbers(A._setArrayType([number, step], type$.JSArray_Object));
+        return A.SassCalculation__roundWithStep("nearest", number, step);
+      }
+      _0_14_isSet = _0_1 instanceof A.SassString;
+      _0_16 = _null;
+      _0_18 = _null;
+      _0_18_isSet = false;
+      _0_20 = _null;
+      _0_20_isSet = false;
+      strategy = _null;
+      number = _null;
+      step = _null;
+      t1 = false;
+      if (_0_14_isSet) {
+        _0_6_isSet0 = true;
+        _0_9_isSet0 = true;
+        _0_12 = _0_1._string$_text;
+        t2 = _0_12;
+        _0_14 = "nearest" === t2;
+        t2 = _0_14;
+        _0_16_isSet = !t2;
+        t2 = true;
+        if (_0_16_isSet) {
+          _0_16 = "up" === _0_12;
+          t3 = _0_16;
+          _0_18_isSet = !t3;
+          if (_0_18_isSet) {
+            _0_18 = "down" === _0_12;
+            t3 = _0_18;
+            _0_20_isSet = !t3;
+            if (_0_20_isSet) {
+              _0_20 = "to-zero" === _0_12;
+              t2 = _0_20;
+            }
+          }
+        }
+        if (t2) {
+          if (_0_6_isSet)
+            t2 = _0_60;
+          else {
+            t2 = _0_6;
+            _0_6_isSet = _0_6_isSet0;
+            _0_60 = t2;
+          }
+          if (t2 instanceof A.SassNumber) {
+            if (_0_6_isSet)
+              t2 = _0_60;
+            else {
+              t2 = _0_6;
+              _0_6_isSet = _0_6_isSet0;
+              _0_60 = t2;
+            }
+            t3 = type$.SassNumber;
+            t3._as(t2);
+            if (_0_9_isSet)
+              t4 = _0_90;
+            else {
+              t4 = _0_9;
+              _0_9_isSet = _0_9_isSet0;
+              _0_90 = t4;
+            }
+            if (t4 instanceof A.SassNumber) {
+              if (_0_9_isSet)
+                t1 = _0_90;
+              else {
+                t1 = _0_9;
+                _0_9_isSet = _0_9_isSet0;
+                _0_90 = t1;
+              }
+              t3._as(t1);
+              t3 = !t2.hasCompatibleUnits$1(t1);
+              step = t1;
+              t1 = t3;
+            }
+            number = t2;
+          }
+          strategy = _0_1;
+        }
+      } else {
+        _0_12 = _null;
+        _0_14 = _0_12;
+        _0_16_isSet = false;
+      }
+      if (t1) {
+        t1 = type$.JSArray_Object;
+        A.SassCalculation__verifyCompatibleNumbers(A._setArrayType([number, step], t1));
+        return new A.SassCalculation(_s5_, A._setArrayType([strategy, number, step], t1));
+      }
+      strategy = _null;
+      number = _null;
+      step = _null;
+      t1 = false;
+      if (_0_1 instanceof A.SassString) {
+        _0_6_isSet0 = true;
+        _0_9_isSet0 = true;
+        _0_12_isSet = true;
+        if (_0_14_isSet) {
+          t2 = _0_14;
+          _0_12_isSet0 = _0_14_isSet;
+        } else {
+          _0_12 = _0_1._string$_text;
+          t2 = _0_12;
+          _0_14 = "nearest" === t2;
+          t2 = _0_14;
+          _0_12_isSet0 = _0_12_isSet;
+          _0_14_isSet = true;
+        }
+        t3 = true;
+        if (!t2) {
+          if (_0_16_isSet)
+            t2 = _0_16;
+          else {
+            if (_0_12_isSet0)
+              t2 = _0_12;
+            else {
+              _0_12 = _0_1._string$_text;
+              t2 = _0_12;
+              _0_12_isSet0 = _0_12_isSet;
+            }
+            _0_16 = "up" === t2;
+            t2 = _0_16;
+            _0_16_isSet = true;
+          }
+          if (!t2) {
+            if (_0_18_isSet)
+              t2 = _0_18;
+            else {
+              if (_0_12_isSet0)
+                t2 = _0_12;
+              else {
+                _0_12 = _0_1._string$_text;
+                t2 = _0_12;
+                _0_12_isSet0 = _0_12_isSet;
+              }
+              _0_18 = "down" === t2;
+              t2 = _0_18;
+              _0_18_isSet = true;
+            }
+            if (!t2)
+              if (_0_20_isSet) {
+                t2 = _0_20;
+                _0_12_isSet = _0_12_isSet0;
+              } else {
+                if (_0_12_isSet0) {
+                  t2 = _0_12;
+                  _0_12_isSet = _0_12_isSet0;
+                } else {
+                  _0_12 = _0_1._string$_text;
+                  t2 = _0_12;
+                }
+                _0_20 = "to-zero" === t2;
+                t2 = _0_20;
+                _0_20_isSet = true;
+              }
+            else {
+              t2 = t3;
+              _0_12_isSet = _0_12_isSet0;
+            }
+          } else {
+            t2 = t3;
+            _0_12_isSet = _0_12_isSet0;
+          }
+        } else {
+          t2 = t3;
+          _0_12_isSet = _0_12_isSet0;
+        }
+        if (t2) {
+          if (_0_6_isSet)
+            t2 = _0_60;
+          else {
+            t2 = _0_6;
+            _0_6_isSet = _0_6_isSet0;
+            _0_60 = t2;
+          }
+          if (t2 instanceof A.SassNumber) {
+            if (_0_6_isSet)
+              t2 = _0_60;
+            else {
+              t2 = _0_6;
+              _0_6_isSet = _0_6_isSet0;
+              _0_60 = t2;
+            }
+            t3 = type$.SassNumber;
+            t3._as(t2);
+            if (_0_9_isSet)
+              t1 = _0_90;
+            else {
+              t1 = _0_9;
+              _0_9_isSet = _0_9_isSet0;
+              _0_90 = t1;
+            }
+            t1 = t1 instanceof A.SassNumber;
+            if (t1) {
+              if (_0_9_isSet)
+                t4 = _0_90;
+              else {
+                t4 = _0_9;
+                _0_9_isSet = _0_9_isSet0;
+                _0_90 = t4;
+              }
+              t3._as(t4);
+              step = t4;
+            }
+            number = t2;
+          }
+          strategy = _0_1;
+        }
+      } else
+        _0_12_isSet = _0_14_isSet;
+      if (t1) {
+        A.SassCalculation__verifyCompatibleNumbers(A._setArrayType([number, step], type$.JSArray_Object));
+        return A.SassCalculation__roundWithStep(strategy._string$_text, number, step);
+      }
+      strategy = _null;
+      rest = _null;
+      t1 = false;
+      if (_0_1 instanceof A.SassString) {
+        _0_6_isSet0 = true;
+        _0_12_isSet0 = true;
+        if (_0_14_isSet)
+          t2 = _0_14;
+        else {
+          if (_0_12_isSet)
+            t2 = _0_12;
+          else {
+            _0_12 = _0_1._string$_text;
+            t2 = _0_12;
+            _0_12_isSet = _0_12_isSet0;
+          }
+          _0_14 = "nearest" === t2;
+          t2 = _0_14;
+          _0_14_isSet = true;
+        }
+        t3 = true;
+        if (!t2) {
+          if (_0_16_isSet)
+            t2 = _0_16;
+          else {
+            if (_0_12_isSet)
+              t2 = _0_12;
+            else {
+              _0_12 = _0_1._string$_text;
+              t2 = _0_12;
+              _0_12_isSet = _0_12_isSet0;
+            }
+            _0_16 = "up" === t2;
+            t2 = _0_16;
+            _0_16_isSet = true;
+          }
+          if (!t2) {
+            if (_0_18_isSet)
+              t2 = _0_18;
+            else {
+              if (_0_12_isSet)
+                t2 = _0_12;
+              else {
+                _0_12 = _0_1._string$_text;
+                t2 = _0_12;
+                _0_12_isSet = _0_12_isSet0;
+              }
+              _0_18 = "down" === t2;
+              t2 = _0_18;
+              _0_18_isSet = true;
+            }
+            if (!t2)
+              if (_0_20_isSet)
+                t2 = _0_20;
+              else {
+                if (_0_12_isSet)
+                  t2 = _0_12;
+                else {
+                  _0_12 = _0_1._string$_text;
+                  t2 = _0_12;
+                  _0_12_isSet = _0_12_isSet0;
+                }
+                _0_20 = "to-zero" === t2;
+                t2 = _0_20;
+                _0_20_isSet = true;
+              }
+            else
+              t2 = t3;
+          } else
+            t2 = t3;
+        } else
+          t2 = t3;
+        if (t2) {
+          if (_0_6_isSet)
+            t2 = _0_60;
+          else {
+            t2 = _0_6;
+            _0_6_isSet = _0_6_isSet0;
+            _0_60 = t2;
+          }
+          if (t2 instanceof A.SassString) {
+            if (_0_6_isSet)
+              t2 = _0_60;
+            else {
+              t2 = _0_6;
+              _0_6_isSet = _0_6_isSet0;
+              _0_60 = t2;
+            }
+            type$.SassString._as(t2);
+            if (_0_10_isSet)
+              t1 = _0_10;
+            else {
+              if (_0_9_isSet)
+                t1 = _0_90;
+              else {
+                t1 = _0_9;
+                _0_90 = t1;
+                _0_9_isSet = true;
+              }
+              _0_10 = t1 == null;
+              t1 = _0_10;
+              _0_10_isSet = true;
+            }
+            rest = t2;
+          }
+          strategy = _0_1;
+        }
+      }
+      if (t1)
+        return new A.SassCalculation(_s5_, A._setArrayType([strategy, rest], type$.JSArray_Object));
+      t1 = false;
+      if (_0_1 instanceof A.SassString) {
+        _0_12_isSet0 = true;
+        if (_0_14_isSet)
+          t2 = _0_14;
+        else {
+          if (_0_12_isSet)
+            t2 = _0_12;
+          else {
+            _0_12 = _0_1._string$_text;
+            t2 = _0_12;
+            _0_12_isSet = _0_12_isSet0;
+          }
+          _0_14 = "nearest" === t2;
+          t2 = _0_14;
+          _0_14_isSet = true;
+        }
+        t3 = true;
+        if (!t2) {
+          if (_0_16_isSet)
+            t2 = _0_16;
+          else {
+            if (_0_12_isSet)
+              t2 = _0_12;
+            else {
+              _0_12 = _0_1._string$_text;
+              t2 = _0_12;
+              _0_12_isSet = _0_12_isSet0;
+            }
+            _0_16 = "up" === t2;
+            t2 = _0_16;
+            _0_16_isSet = true;
+          }
+          if (!t2) {
+            if (_0_18_isSet)
+              t2 = _0_18;
+            else {
+              if (_0_12_isSet)
+                t2 = _0_12;
+              else {
+                _0_12 = _0_1._string$_text;
+                t2 = _0_12;
+                _0_12_isSet = _0_12_isSet0;
+              }
+              _0_18 = "down" === t2;
+              t2 = _0_18;
+              _0_18_isSet = true;
+            }
+            if (!t2)
+              if (_0_20_isSet)
+                t2 = _0_20;
+              else {
+                if (_0_12_isSet)
+                  t2 = _0_12;
+                else {
+                  _0_12 = _0_1._string$_text;
+                  t2 = _0_12;
+                  _0_12_isSet = _0_12_isSet0;
+                }
+                _0_20 = "to-zero" === t2;
+                t2 = _0_20;
+                _0_20_isSet = true;
+              }
+            else
+              t2 = t3;
+          } else
+            t2 = t3;
+        } else
+          t2 = t3;
+        if (t2) {
+          if (_0_6_isSet)
+            t2 = _0_60;
+          else {
+            t2 = _0_6;
+            _0_60 = t2;
+            _0_6_isSet = true;
+          }
+          if (t2 != null)
+            if (_0_10_isSet)
+              t1 = _0_10;
+            else {
+              if (_0_9_isSet)
+                t1 = _0_90;
+              else {
+                t1 = _0_9;
+                _0_90 = t1;
+                _0_9_isSet = true;
+              }
+              _0_10 = t1 == null;
+              t1 = _0_10;
+              _0_10_isSet = true;
+            }
+        }
+      }
+      if (t1)
+        throw A.wrapException(A.SassScriptException$(string$.If_str, _null));
+      t1 = false;
+      if (_0_1 instanceof A.SassString) {
+        _0_12_isSet0 = true;
+        if (_0_14_isSet)
+          t2 = _0_14;
+        else {
+          if (_0_12_isSet)
+            t2 = _0_12;
+          else {
+            _0_12 = _0_1._string$_text;
+            t2 = _0_12;
+            _0_12_isSet = _0_12_isSet0;
+          }
+          _0_14 = "nearest" === t2;
+          t2 = _0_14;
+          _0_14_isSet = true;
+        }
+        t3 = true;
+        if (!t2) {
+          if (_0_16_isSet)
+            t2 = _0_16;
+          else {
+            if (_0_12_isSet)
+              t2 = _0_12;
+            else {
+              _0_12 = _0_1._string$_text;
+              t2 = _0_12;
+              _0_12_isSet = _0_12_isSet0;
+            }
+            _0_16 = "up" === t2;
+            t2 = _0_16;
+            _0_16_isSet = true;
+          }
+          if (!t2) {
+            if (_0_18_isSet)
+              t2 = _0_18;
+            else {
+              if (_0_12_isSet)
+                t2 = _0_12;
+              else {
+                _0_12 = _0_1._string$_text;
+                t2 = _0_12;
+                _0_12_isSet = _0_12_isSet0;
+              }
+              _0_18 = "down" === t2;
+              t2 = _0_18;
+              _0_18_isSet = true;
+            }
+            if (!t2)
+              if (_0_20_isSet)
+                t2 = _0_20;
+              else {
+                if (_0_12_isSet)
+                  t2 = _0_12;
+                else {
+                  _0_12 = _0_1._string$_text;
+                  t2 = _0_12;
+                  _0_12_isSet = _0_12_isSet0;
+                }
+                _0_20 = "to-zero" === t2;
+                t2 = _0_20;
+                _0_20_isSet = true;
+              }
+            else
+              t2 = t3;
+          } else
+            t2 = t3;
+        } else
+          t2 = t3;
+        if (t2) {
+          if (_0_8_isSet)
+            t2 = _0_8;
+          else {
+            if (_0_6_isSet)
+              t2 = _0_60;
+            else {
+              t2 = _0_6;
+              _0_60 = t2;
+              _0_6_isSet = true;
+            }
+            _0_8 = t2 == null;
+            t2 = _0_8;
+            _0_8_isSet = true;
+          }
+          if (t2)
+            if (_0_10_isSet)
+              t1 = _0_10;
+            else {
+              if (_0_9_isSet)
+                t1 = _0_90;
+              else {
+                t1 = _0_9;
+                _0_90 = t1;
+                _0_9_isSet = true;
+              }
+              _0_10 = t1 == null;
+              t1 = _0_10;
+              _0_10_isSet = true;
+            }
+        }
+      }
+      if (t1)
+        throw A.wrapException(A.SassScriptException$(string$.Number, _null));
+      t1 = false;
+      if (_0_8_isSet)
+        t2 = _0_8;
+      else {
+        if (_0_6_isSet)
+          t2 = _0_60;
+        else {
+          t2 = _0_6;
+          _0_60 = t2;
+          _0_6_isSet = true;
+        }
+        _0_8 = t2 == null;
+        t2 = _0_8;
+      }
+      if (t2)
+        if (_0_10_isSet)
+          t1 = _0_10;
+        else {
+          if (_0_9_isSet)
+            t1 = _0_90;
+          else {
+            t1 = _0_9;
+            _0_90 = t1;
+            _0_9_isSet = true;
+          }
+          _0_10 = t1 == null;
+          t1 = _0_10;
+          _0_10_isSet = true;
+        }
+      if (t1)
+        return new A.SassCalculation(_s5_, A._setArrayType([_0_1], type$.JSArray_Object));
+      step = _null;
+      t1 = false;
+      _0_6_isSet0 = true;
+      if (_0_6_isSet)
+        t2 = _0_60;
+      else {
+        t2 = _0_6;
+        _0_6_isSet = _0_6_isSet0;
+        _0_60 = t2;
+      }
+      if (t2 != null) {
+        if (_0_6_isSet)
+          step = _0_60;
+        else {
+          step = _0_6;
+          _0_6_isSet = _0_6_isSet0;
+          _0_60 = step;
+        }
+        if (step == null)
+          step = A._asObject(step);
+        if (_0_10_isSet)
+          t1 = _0_10;
+        else {
+          if (_0_9_isSet)
+            t1 = _0_90;
+          else {
+            t1 = _0_9;
+            _0_90 = t1;
+            _0_9_isSet = true;
+          }
+          _0_10 = t1 == null;
+          t1 = _0_10;
+        }
+      }
+      if (t1)
+        return new A.SassCalculation(_s5_, A._setArrayType([_0_1, step], type$.JSArray_Object));
+      if (_0_1 instanceof A.SassString) {
+        t1 = true;
+        if (_0_14_isSet)
+          t2 = _0_14;
+        else {
+          if (_0_12_isSet)
+            t2 = _0_12;
+          else {
+            _0_12 = _0_1._string$_text;
+            t2 = _0_12;
+            _0_12_isSet = true;
+          }
+          _0_14 = "nearest" === t2;
+          t2 = _0_14;
+        }
+        if (!t2) {
+          if (_0_16_isSet)
+            t2 = _0_16;
+          else {
+            if (_0_12_isSet)
+              t2 = _0_12;
+            else {
+              _0_12 = _0_1._string$_text;
+              t2 = _0_12;
+              _0_12_isSet = true;
+            }
+            _0_16 = "up" === t2;
+            t2 = _0_16;
+          }
+          if (!t2) {
+            if (_0_18_isSet)
+              t2 = _0_18;
+            else {
+              if (_0_12_isSet)
+                t2 = _0_12;
+              else {
+                _0_12 = _0_1._string$_text;
+                t2 = _0_12;
+                _0_12_isSet = true;
+              }
+              _0_18 = "down" === t2;
+              t2 = _0_18;
+            }
+            if (!t2)
+              if (_0_20_isSet)
+                t1 = _0_20;
+              else {
+                if (_0_12_isSet)
+                  t1 = _0_12;
+                else {
+                  _0_12 = _0_1._string$_text;
+                  t1 = _0_12;
+                }
+                _0_20 = "to-zero" === t1;
+                t1 = _0_20;
+              }
+          }
+        }
+      } else
+        t1 = false;
+      if (!t1)
+        if (_0_1 instanceof A.SassString)
+          t1 = _0_1.get$isVar();
+        else
+          t1 = false;
+      else
+        t1 = true;
+      number = _null;
+      step = _null;
+      t2 = false;
+      if (t1) {
+        _0_6_isSet0 = true;
+        _0_9_isSet0 = true;
+        type$.SassString._as(_0_1);
+        if (_0_6_isSet)
+          t1 = _0_60;
+        else {
+          t1 = _0_6;
+          _0_6_isSet = _0_6_isSet0;
+          _0_60 = t1;
+        }
+        if (t1 != null) {
+          if (_0_6_isSet)
+            number = _0_60;
+          else {
+            number = _0_6;
+            _0_6_isSet = _0_6_isSet0;
+            _0_60 = number;
+          }
+          if (number == null)
+            number = A._asObject(number);
+          if (_0_9_isSet)
+            t1 = _0_90;
+          else {
+            t1 = _0_9;
+            _0_9_isSet = _0_9_isSet0;
+            _0_90 = t1;
+          }
+          t1 = t1 != null;
+          if (t1) {
+            if (_0_9_isSet)
+              step = _0_90;
+            else {
+              step = _0_9;
+              _0_9_isSet = _0_9_isSet0;
+              _0_90 = step;
+            }
+            if (step == null)
+              step = A._asObject(step);
+          }
+        } else
+          t1 = t2;
+        strategy = _0_1;
+      } else {
+        t1 = t2;
+        strategy = _null;
+      }
+      if (t1)
+        return new A.SassCalculation(_s5_, A._setArrayType([strategy, number, step], type$.JSArray_Object));
+      t1 = false;
+      if ((_0_6_isSet ? _0_60 : _0_6) != null)
+        t1 = (_0_9_isSet ? _0_90 : _0_9) != null;
+      if (t1)
+        throw A.wrapException(A.SassScriptException$(A.S(strategyOrNumber) + string$.x20must_b, _null));
+      t1 = A.SassScriptException$("Invalid parameters.", _null);
+      throw A.wrapException(t1);
+    },
+    SassCalculation_calcSize(basis, value) {
+      var t1 = type$.JSArray_Object,
+        t2 = A._setArrayType([basis], t1);
+      if (value != null)
+        t2.push(value);
+      A.SassCalculation__verifyLength(t2, 2);
+      basis = A.SassCalculation__simplify(basis);
+      value = A.NullableExtension_andThen(value, A.calculation_SassCalculation__simplify$closure());
+      t1 = A._setArrayType([basis], t1);
+      if (value != null)
+        t1.push(value);
+      return new A.SassCalculation("calc-size", t1);
+    },
+    SassCalculation_operateInternal(operator, left, right, inLegacySassFunction, simplify, warn) {
+      var compatible, t1;
+      if (!simplify)
+        return new A.CalculationOperation(operator, left, right);
+      left = A.SassCalculation__simplify(left);
+      right = A.SassCalculation__simplify(right);
+      if (B.CalculationOperator_F7i === operator || B.CalculationOperator_oum === operator) {
+        if (left instanceof A.SassNumber && right instanceof A.SassNumber) {
+          compatible = left.hasCompatibleUnits$1(right);
+          if (!compatible && inLegacySassFunction != null && left.isComparableTo$1(right)) {
+            warn.call$2("In future versions of Sass, " + inLegacySassFunction + "() will be interpreted as the CSS " + inLegacySassFunction + string$.x28__cal + inLegacySassFunction + string$.x28__ins, B.Deprecation_rMl);
+            compatible = true;
+          }
+          if (compatible)
+            return operator === B.CalculationOperator_F7i ? left.plus$1(right) : left.minus$1(right);
+        }
+        A.SassCalculation__verifyCompatibleNumbers(A._setArrayType([left, right], type$.JSArray_Object));
+        if (right instanceof A.SassNumber) {
+          t1 = right._number$_value;
+          t1 = t1 < 0 && !A.fuzzyEquals(t1, 0);
+        } else
+          t1 = false;
+        if (t1) {
+          right = right.times$1(A.SassNumber_SassNumber(-1, null));
+          operator = operator === B.CalculationOperator_F7i ? B.CalculationOperator_oum : B.CalculationOperator_F7i;
+        }
+        return new A.CalculationOperation(operator, left, right);
+      } else if (left instanceof A.SassNumber && right instanceof A.SassNumber)
+        return operator === B.CalculationOperator_kkN ? left.times$1(right) : left.dividedBy$1(right);
+      else
+        return new A.CalculationOperation(operator, left, right);
+    },
+    SassCalculation__roundWithStep(strategy, number, step) {
+      var _0_2, t1, _0_6, _0_8_isSet, _0_8, _0_9_isSet, _0_9, _0_11, _0_13, stepWithNumberUnit, t2;
+      if (!A.LinkedHashSet_LinkedHashSet$_literal(["nearest", "up", "down", "to-zero"], type$.String).contains$1(0, strategy))
+        throw A.wrapException(A.ArgumentError$(strategy + string$.x20must_b, null));
+      _0_2 = number._number$_value;
+      if (_0_2 == 1 / 0 || _0_2 == -1 / 0) {
+        t1 = step._number$_value;
+        t1 = t1 == 1 / 0 || t1 == -1 / 0;
+      } else
+        t1 = false;
+      if (!t1) {
+        t1 = step._number$_value;
+        t1 = t1 === 0 || isNaN(_0_2) || isNaN(t1);
+      } else
+        t1 = true;
+      if (t1) {
+        t1 = number.get$numeratorUnits(number);
+        return A.SassNumber_SassNumber$withUnits(0 / 0, number.get$denominatorUnits(number), t1);
+      }
+      if (_0_2 == 1 / 0 || _0_2 == -1 / 0)
+        return number;
+      t1 = step._number$_value;
+      if (t1 == 1 / 0 || t1 == -1 / 0) {
+        $label0$0: {
+          if (0 === _0_2) {
+            t1 = number;
+            break $label0$0;
+          }
+          _0_6 = "nearest" === strategy;
+          t1 = _0_6;
+          _0_8_isSet = !t1;
+          if (_0_8_isSet) {
+            _0_8 = "to-zero" === strategy;
+            _0_9_isSet = _0_8;
+          } else {
+            _0_8 = null;
+            _0_9_isSet = true;
+          }
+          if (_0_9_isSet) {
+            _0_9 = _0_2 > 0;
+            t1 = _0_9;
+          } else {
+            _0_9 = null;
+            t1 = false;
+          }
+          if (t1) {
+            t1 = number.get$numeratorUnits(number);
+            t1 = A.SassNumber_SassNumber$withUnits(0, number.get$denominatorUnits(number), t1);
+            break $label0$0;
+          }
+          if (!_0_6)
+            if (_0_8_isSet)
+              t1 = _0_8;
+            else {
+              _0_8 = "to-zero" === strategy;
+              t1 = _0_8;
+            }
+          else
+            t1 = true;
+          if (t1) {
+            t1 = number.get$numeratorUnits(number);
+            t1 = A.SassNumber_SassNumber$withUnits(-0.0, number.get$denominatorUnits(number), t1);
+            break $label0$0;
+          }
+          _0_11 = "up" === strategy;
+          t1 = _0_11;
+          if (t1)
+            if (_0_9_isSet)
+              t1 = _0_9;
+            else {
+              _0_9 = _0_2 > 0;
+              t1 = _0_9;
+            }
+          else
+            t1 = false;
+          if (t1) {
+            t1 = number.get$numeratorUnits(number);
+            t1 = A.SassNumber_SassNumber$withUnits(1 / 0, number.get$denominatorUnits(number), t1);
+            break $label0$0;
+          }
+          if (_0_11) {
+            t1 = number.get$numeratorUnits(number);
+            t1 = A.SassNumber_SassNumber$withUnits(-0.0, number.get$denominatorUnits(number), t1);
+            break $label0$0;
+          }
+          _0_13 = "down" === strategy;
+          t1 = _0_13;
+          if (t1)
+            t1 = _0_2 < 0;
+          else
+            t1 = false;
+          if (t1) {
+            t1 = number.get$numeratorUnits(number);
+            t1 = A.SassNumber_SassNumber$withUnits(-1 / 0, number.get$denominatorUnits(number), t1);
+            break $label0$0;
+          }
+          if (_0_13) {
+            t1 = number.get$numeratorUnits(number);
+            t1 = A.SassNumber_SassNumber$withUnits(0, number.get$denominatorUnits(number), t1);
+            break $label0$0;
+          }
+          t1 = A.throwExpression(A.UnsupportedError$("Invalid argument: " + strategy + "."));
+        }
+        return t1;
+      }
+      stepWithNumberUnit = step.convertValueToMatch$1(number);
+      $label1$1: {
+        if ("nearest" === strategy) {
+          t1 = B.JSNumber_methods.round$0(_0_2 / stepWithNumberUnit);
+          t2 = number.get$numeratorUnits(number);
+          t2 = A.SassNumber_SassNumber$withUnits(t1 * stepWithNumberUnit, number.get$denominatorUnits(number), t2);
+          t1 = t2;
+          break $label1$1;
+        }
+        if ("up" === strategy) {
+          t2 = _0_2 / stepWithNumberUnit;
+          t1 = t1 < 0 ? B.JSNumber_methods.floor$0(t2) : B.JSNumber_methods.ceil$0(t2);
+          t2 = number.get$numeratorUnits(number);
+          t2 = A.SassNumber_SassNumber$withUnits(t1 * stepWithNumberUnit, number.get$denominatorUnits(number), t2);
+          t1 = t2;
+          break $label1$1;
+        }
+        if ("down" === strategy) {
+          t2 = _0_2 / stepWithNumberUnit;
+          t1 = t1 < 0 ? B.JSNumber_methods.ceil$0(t2) : B.JSNumber_methods.floor$0(t2);
+          t2 = number.get$numeratorUnits(number);
+          t2 = A.SassNumber_SassNumber$withUnits(t1 * stepWithNumberUnit, number.get$denominatorUnits(number), t2);
+          t1 = t2;
+          break $label1$1;
+        }
+        if ("to-zero" === strategy) {
+          t1 = _0_2 / stepWithNumberUnit;
+          if (_0_2 < 0) {
+            t1 = B.JSNumber_methods.ceil$0(t1);
+            t2 = number.get$numeratorUnits(number);
+            t2 = A.SassNumber_SassNumber$withUnits(t1 * stepWithNumberUnit, number.get$denominatorUnits(number), t2);
+            t1 = t2;
+          } else {
+            t1 = B.JSNumber_methods.floor$0(t1);
+            t2 = number.get$numeratorUnits(number);
+            t2 = A.SassNumber_SassNumber$withUnits(t1 * stepWithNumberUnit, number.get$denominatorUnits(number), t2);
+            t1 = t2;
+          }
+          break $label1$1;
+        }
+        t1 = number.get$numeratorUnits(number);
+        t1 = A.SassNumber_SassNumber$withUnits(0 / 0, number.get$denominatorUnits(number), t1);
+        break $label1$1;
+      }
+      return t1;
+    },
+    SassCalculation__simplify(arg) {
+      var t1, t2, _0_11_isSet, _0_15, _0_12, _0_16_isSet, text, _0_11, _0_16, _0_12_isSet, _0_15_isSet, value, _null = null,
+        _s32_ = " can't be used in a calculation.";
+      $label0$0: {
+        if (arg instanceof A.SassNumber || arg instanceof A.CalculationOperation) {
+          t1 = arg;
+          break $label0$0;
+        }
+        t1 = arg instanceof A.SassString;
+        t2 = _null;
+        if (t1 && !arg._hasQuotes) {
+          t1 = arg;
+          break $label0$0;
+        }
+        if (t1)
+          A.throwExpression(A.SassScriptException$("Quoted string " + arg.toString$0(0) + _s32_, _null));
+        _0_11_isSet = arg instanceof A.SassCalculation;
+        _0_15 = _null;
+        _0_12 = _null;
+        _0_16_isSet = false;
+        text = _null;
+        t1 = false;
+        if (_0_11_isSet) {
+          _0_11 = "calc" === arg.name;
+          if (_0_11) {
+            _0_12 = arg.$arguments;
+            _0_15 = _0_12.length === 1;
+            _0_16_isSet = _0_15;
+            if (_0_16_isSet) {
+              _0_16 = _0_12[0];
+              t2 = _0_16;
+              if (t2 instanceof A.SassString) {
+                type$.SassString._as(_0_16);
+                if (!_0_16._hasQuotes) {
+                  text = _0_16._string$_text;
+                  t1 = A.SassCalculation__needsParentheses(text);
+                }
+              }
+            } else
+              _0_16 = t2;
+          } else
+            _0_16 = t2;
+          _0_12_isSet = _0_11;
+          _0_15_isSet = _0_12_isSet;
+        } else {
+          _0_16 = t2;
+          _0_11 = _null;
+          _0_15_isSet = false;
+          _0_12_isSet = false;
+        }
+        if (t1) {
+          t1 = new A.SassString("(" + A.S(text) + ")", false);
+          break $label0$0;
+        }
+        t1 = false;
+        if (_0_11_isSet)
+          if (_0_11)
+            if (_0_15_isSet)
+              t1 = _0_15;
+            else {
+              if (_0_12_isSet)
+                t1 = _0_12;
+              else {
+                _0_12 = arg.$arguments;
+                t1 = _0_12;
+                _0_12_isSet = true;
+              }
+              _0_15 = t1.length === 1;
+              t1 = _0_15;
+            }
+        if (t1) {
+          if (_0_16_isSet)
+            value = _0_16;
+          else {
+            _0_16 = (_0_12_isSet ? _0_12 : arg.$arguments)[0];
+            value = _0_16;
+          }
+          t1 = value;
+          break $label0$0;
+        }
+        if (_0_11_isSet) {
+          t1 = arg;
+          break $label0$0;
+        }
+        if (arg instanceof A.Value)
+          A.throwExpression(A.SassScriptException$("Value " + arg.toString$0(0) + _s32_, _null));
+        t1 = A.throwExpression(A.ArgumentError$("Unexpected calculation argument " + A.S(arg) + ".", _null));
+      }
+      return t1;
+    },
+    SassCalculation__needsParentheses(text) {
+      var t1, couldBeVar, second, third, fourth, i, t2,
+        first = text.charCodeAt(0);
+      if (first === 32 || first === 9 || first === 10 || first === 13 || first === 12 || first === 47 || first === 42)
+        return true;
+      t1 = text.length;
+      couldBeVar = t1 >= 4 && A.characterEqualsIgnoreCase(first, 118);
+      if (t1 < 2)
+        return false;
+      second = text.charCodeAt(1);
+      if (second === 32 || second === 9 || second === 10 || second === 13 || second === 12 || second === 47 || second === 42)
+        return true;
+      couldBeVar = couldBeVar && A.characterEqualsIgnoreCase(second, 97);
+      if (t1 < 3)
+        return false;
+      third = text.charCodeAt(2);
+      if (third === 32 || third === 9 || third === 10 || third === 13 || third === 12 || third === 47 || third === 42)
+        return true;
+      couldBeVar = couldBeVar && A.characterEqualsIgnoreCase(third, 114);
+      if (t1 < 4)
+        return false;
+      fourth = text.charCodeAt(3);
+      if (couldBeVar && fourth === 40)
+        return true;
+      if (fourth === 32 || fourth === 9 || fourth === 10 || fourth === 13 || fourth === 12 || fourth === 47 || fourth === 42)
+        return true;
+      for (i = 4; i < t1; ++i) {
+        t2 = text.charCodeAt(i);
+        if (t2 === 32 || t2 === 9 || t2 === 10 || t2 === 13 || t2 === 12 || t2 === 47 || t2 === 42)
+          return true;
+      }
+      return false;
+    },
+    SassCalculation__verifyCompatibleNumbers(args) {
+      var t1, _i, t2, arg, i, number1, j, number2;
+      for (t1 = args.length, _i = 0; t2 = args.length, _i < t2; args.length === t1 || (0, A.throwConcurrentModificationError)(args), ++_i) {
+        arg = args[_i];
+        if (arg instanceof A.SassNumber && arg.get$hasComplexUnits())
+          throw A.wrapException(A.SassScriptException$("Number " + arg.toString$0(0) + " isn't compatible with CSS calculations.", null));
+      }
+      for (t1 = t2, i = 0; i < t1 - 1; ++i) {
+        number1 = args[i];
+        if (!(number1 instanceof A.SassNumber))
+          continue;
+        for (j = i + 1; t1 = args.length, j < t1; ++j) {
+          number2 = args[j];
+          if (!(number2 instanceof A.SassNumber))
+            continue;
+          if (number1.hasPossiblyCompatibleUnits$1(number2))
+            continue;
+          throw A.wrapException(A.SassScriptException$(number1.toString$0(0) + " and " + number2.toString$0(0) + " are incompatible.", null));
+        }
+      }
+    },
+    SassCalculation__verifyLength(args, expectedLength) {
+      var t1;
+      if (args.length === expectedLength)
+        return;
+      if (B.JSArray_methods.any$1(args, new A.SassCalculation__verifyLength_closure()))
+        return;
+      t1 = args.length;
+      throw A.wrapException(A.SassScriptException$("" + expectedLength + " arguments required, but only " + t1 + " " + A.pluralize("was", t1, "were") + " passed.", null));
+    },
+    SassCalculation__singleArgument($name, argument, mathFunc, forbidUnits) {
+      argument = A.SassCalculation__simplify(argument);
+      if (!(argument instanceof A.SassNumber))
+        return new A.SassCalculation($name, A._setArrayType([argument], type$.JSArray_Object));
+      if (forbidUnits)
+        argument.assertNoUnits$0();
+      return mathFunc.call$1(argument);
+    },
+    SassCalculation: function SassCalculation(t0, t1) {
+      this.name = t0;
+      this.$arguments = t1;
+    },
+    SassCalculation__verifyLength_closure: function SassCalculation__verifyLength_closure() {
+    },
+    CalculationOperation: function CalculationOperation(t0, t1, t2) {
+      this._operator = t0;
+      this._left = t1;
+      this._right = t2;
+    },
+    CalculationOperator: function CalculationOperator(t0, t1, t2, t3) {
+      var _ = this;
+      _.name = t0;
+      _.operator = t1;
+      _.precedence = t2;
+      _._name = t3;
+    },
+    SassColor_SassColor$rgb(red, green, blue, alpha) {
+      return A.SassColor_SassColor$rgbInternal(red, green, blue, alpha, null);
+    },
+    SassColor_SassColor$rgbInternal(red, green, blue, alpha, format) {
+      var _null = null,
+        t1 = red == null ? _null : red,
+        t2 = green == null ? _null : green,
+        t3 = blue == null ? _null : blue;
+      return A.SassColor$_forSpace(B.RgbColorSpace_i0P, t1, t2, t3, alpha == null ? _null : alpha, format);
+    },
+    SassColor_SassColor$hsl(hue, saturation, lightness, alpha) {
+      var _null = null,
+        t1 = hue == null ? _null : hue,
+        t2 = saturation == null ? _null : saturation,
+        t3 = lightness == null ? _null : lightness;
+      return A.SassColor_SassColor$forSpaceInternal(B.HslColorSpace_JQ2, t1, t2, t3, alpha == null ? _null : alpha);
+    },
+    SassColor_SassColor$hwb(hue, whiteness, blackness, alpha) {
+      var _null = null,
+        t1 = hue == null ? _null : hue,
+        t2 = whiteness == null ? _null : whiteness,
+        t3 = blackness == null ? _null : blackness;
+      return A.SassColor_SassColor$forSpaceInternal(B.HwbColorSpace_guQ, t1, t2, t3, alpha == null ? _null : alpha);
+    },
+    SassColor_SassColor$forSpaceInternal(space, channel0, channel1, channel2, alpha) {
+      var t1, t2, _null = null;
+      $label0$0: {
+        if (B.HslColorSpace_JQ2 === space) {
+          t1 = channel1 == null;
+          t2 = A.SassColor__normalizeHue(channel0, !t1 && channel1 < 0 && !A.fuzzyEquals(channel1, 0));
+          t2 = A.SassColor$_forSpace(space, t2, t1 ? _null : Math.abs(channel1), channel2, alpha, _null);
+          t1 = t2;
+          break $label0$0;
+        }
+        if (B.HwbColorSpace_guQ === space) {
+          t1 = A.SassColor$_forSpace(space, A.SassColor__normalizeHue(channel0, false), channel1, channel2, alpha, _null);
+          break $label0$0;
+        }
+        if (B.LchColorSpace_Bpv === space || B.OklchColorSpace_9Gj === space) {
+          t1 = channel1 == null;
+          t2 = t1 ? _null : Math.abs(channel1);
+          t2 = A.SassColor$_forSpace(space, channel0, t2, A.SassColor__normalizeHue(channel2, !t1 && channel1 < 0 && !A.fuzzyEquals(channel1, 0)), alpha, _null);
+          t1 = t2;
+          break $label0$0;
+        }
+        t1 = A.SassColor$_forSpace(space, channel0, channel1, channel2, alpha, _null);
+        break $label0$0;
+      }
+      return t1;
+    },
+    SassColor$_forSpace(_space, channel0OrNull, channel1OrNull, channel2OrNull, alpha, format) {
+      return new A.SassColor(_space, channel0OrNull, channel1OrNull, channel2OrNull, format, A.NullableExtension_andThen(alpha, new A.SassColor$_forSpace_closure()));
+    },
+    SassColor__normalizeHue(hue, invert) {
+      var t1, t2;
+      if (hue == null)
+        return hue;
+      t1 = B.JSNumber_methods.$mod(hue, 360);
+      t2 = invert ? 180 : 0;
+      return B.JSNumber_methods.$mod(t1 + 360 + t2, 360);
+    },
+    SassColor: function SassColor(t0, t1, t2, t3, t4, t5) {
+      var _ = this;
+      _._space = t0;
+      _.channel0OrNull = t1;
+      _.channel1OrNull = t2;
+      _.channel2OrNull = t3;
+      _.format = t4;
+      _.alphaOrNull = t5;
+    },
+    SassColor$_forSpace_closure: function SassColor$_forSpace_closure() {
+    },
+    _ColorFormatEnum: function _ColorFormatEnum() {
+    },
+    SpanColorFormat: function SpanColorFormat(t0) {
+      this._color$_span = t0;
+    },
+    ColorChannel: function ColorChannel(t0, t1, t2) {
+      this.name = t0;
+      this.isPolarAngle = t1;
+      this.associatedUnit = t2;
+    },
+    LinearChannel: function LinearChannel(t0, t1, t2, t3, t4, t5, t6, t7) {
+      var _ = this;
+      _.min = t0;
+      _.max = t1;
+      _.requiresPercent = t2;
+      _.lowerClamped = t3;
+      _.upperClamped = t4;
+      _.name = t5;
+      _.isPolarAngle = t6;
+      _.associatedUnit = t7;
+    },
+    GamutMapMethod_GamutMapMethod$fromName($name) {
+      var t1;
+      $label0$0: {
+        if ("clip" === $name) {
+          t1 = B.ClipGamutMap_clip;
+          break $label0$0;
+        }
+        if ("local-minde" === $name) {
+          t1 = B.LocalMindeGamutMap_A2x;
+          break $label0$0;
+        }
+        t1 = A.throwExpression(A.SassScriptException$('Unknown gamut map method "' + $name + '".', null));
+      }
+      return t1;
+    },
+    GamutMapMethod: function GamutMapMethod() {
+    },
+    ClipGamutMap: function ClipGamutMap(t0) {
+      this.name = t0;
+    },
+    LocalMindeGamutMap: function LocalMindeGamutMap(t0) {
+      this.name = t0;
+    },
+    InterpolationMethod$(space, hue) {
+      var t1;
+      if (space.get$isPolarInternal())
+        t1 = hue == null ? B.HueInterpolationMethod_0 : hue;
+      else
+        t1 = null;
+      if (!space.get$isPolarInternal() && hue != null)
+        A.throwExpression(A.ArgumentError$(string$.Hue_in + space.toString$0(0) + ".", null));
+      return new A.InterpolationMethod(space, t1);
+    },
+    InterpolationMethod_InterpolationMethod$fromValue(value, $name) {
+      var t1, space, hueMethod,
+        list = value.assertCommonListStyle$2$allowSlash($name, false);
+      if (list.length === 0)
+        throw A.wrapException(A.SassScriptException$(string$.Expecta, $name));
+      t1 = B.JSArray_methods.get$first(list).assertString$1($name);
+      t1.assertUnquoted$1($name);
+      space = A.ColorSpace_fromName(t1._string$_text, $name);
+      if (list.length === 1)
+        return A.InterpolationMethod$(space, null);
+      hueMethod = A.HueInterpolationMethod_HueInterpolationMethod$_fromValue(list[1], $name);
+      if (list.length === 2)
+        throw A.wrapException(A.SassScriptException$('Expected unquoted string "hue" after ' + value.toString$0(0) + ".", $name));
+      else {
+        t1 = list[2].assertString$1($name);
+        t1.assertUnquoted$1($name);
+        if (t1._string$_text.toLowerCase() !== "hue")
+          throw A.wrapException(A.SassScriptException$(string$.Expectu + value.toString$0(0) + ", was " + list[2].toString$0(0) + ".", $name));
+        else if (list.length > 3)
+          throw A.wrapException(A.SassScriptException$('Expected nothing after "hue" in ' + value.toString$0(0) + ".", $name));
+        else if (!space.get$isPolarInternal())
+          throw A.wrapException(A.SassScriptException$('Hue interpolation method "' + hueMethod.toString$0(0) + string$.x20hue__ + space.toString$0(0) + ".", $name));
+      }
+      return A.InterpolationMethod$(space, hueMethod);
+    },
+    HueInterpolationMethod_HueInterpolationMethod$_fromValue(value, $name) {
+      var _0_0,
+        t1 = value.assertString$1($name);
+      t1.assertUnquoted$0();
+      _0_0 = t1._string$_text.toLowerCase();
+      $label0$0: {
+        if ("shorter" === _0_0) {
+          t1 = B.HueInterpolationMethod_0;
+          break $label0$0;
+        }
+        if ("longer" === _0_0) {
+          t1 = B.HueInterpolationMethod_1;
+          break $label0$0;
+        }
+        if ("increasing" === _0_0) {
+          t1 = B.HueInterpolationMethod_2;
+          break $label0$0;
+        }
+        if ("decreasing" === _0_0) {
+          t1 = B.HueInterpolationMethod_3;
+          break $label0$0;
+        }
+        t1 = A.throwExpression(A.SassScriptException$("Unknown hue interpolation method " + value.toString$0(0) + ".", $name));
+      }
+      return t1;
+    },
+    InterpolationMethod: function InterpolationMethod(t0, t1) {
+      this.space = t0;
+      this.hue = t1;
+    },
+    HueInterpolationMethod: function HueInterpolationMethod(t0) {
+      this._name = t0;
+    },
+    ColorSpace_fromName($name, argumentName) {
+      var t1,
+        _0_0 = $name.toLowerCase();
+      $label0$0: {
+        if ("rgb" === _0_0) {
+          t1 = B.RgbColorSpace_i0P;
+          break $label0$0;
+        }
+        if ("hwb" === _0_0) {
+          t1 = B.HwbColorSpace_guQ;
+          break $label0$0;
+        }
+        if ("hsl" === _0_0) {
+          t1 = B.HslColorSpace_JQ2;
+          break $label0$0;
+        }
+        if ("srgb" === _0_0) {
+          t1 = B.SrgbColorSpace_thf;
+          break $label0$0;
+        }
+        if ("srgb-linear" === _0_0) {
+          t1 = B.SrgbLinearColorSpace_kUj;
+          break $label0$0;
+        }
+        if ("display-p3" === _0_0) {
+          t1 = B.DisplayP3ColorSpace_MmT;
+          break $label0$0;
+        }
+        if ("a98-rgb" === _0_0) {
+          t1 = B.A98RgbColorSpace_lf2;
+          break $label0$0;
+        }
+        if ("prophoto-rgb" === _0_0) {
+          t1 = B.ProphotoRgbColorSpace_BDz;
+          break $label0$0;
+        }
+        if ("rec2020" === _0_0) {
+          t1 = B.Rec2020ColorSpace_6oo;
+          break $label0$0;
+        }
+        if ("xyz" === _0_0 || "xyz-d65" === _0_0) {
+          t1 = B.XyzD65ColorSpace_WiJ;
+          break $label0$0;
+        }
+        if ("xyz-d50" === _0_0) {
+          t1 = B.XyzD50ColorSpace_2OB;
+          break $label0$0;
+        }
+        if ("lab" === _0_0) {
+          t1 = B.LabColorSpace_2nT;
+          break $label0$0;
+        }
+        if ("lch" === _0_0) {
+          t1 = B.LchColorSpace_Bpv;
+          break $label0$0;
+        }
+        if ("oklab" === _0_0) {
+          t1 = B.OklabColorSpace_540;
+          break $label0$0;
+        }
+        if ("oklch" === _0_0) {
+          t1 = B.OklchColorSpace_9Gj;
+          break $label0$0;
+        }
+        t1 = A.throwExpression(A.SassScriptException$('Unknown color space "' + $name + '".', argumentName));
+      }
+      return t1;
+    },
+    ColorSpace: function ColorSpace() {
+    },
+    A98RgbColorSpace: function A98RgbColorSpace(t0, t1) {
+      this.name = t0;
+      this._channels = t1;
+    },
+    DisplayP3ColorSpace: function DisplayP3ColorSpace(t0, t1) {
+      this.name = t0;
+      this._channels = t1;
+    },
+    HslColorSpace: function HslColorSpace(t0, t1) {
+      this.name = t0;
+      this._channels = t1;
+    },
+    HwbColorSpace: function HwbColorSpace(t0, t1) {
+      this.name = t0;
+      this._channels = t1;
+    },
+    HwbColorSpace_convert_toRgb: function HwbColorSpace_convert_toRgb(t0, t1) {
+      this._box_0 = t0;
+      this.factor = t1;
+    },
+    LabColorSpace: function LabColorSpace(t0, t1) {
+      this.name = t0;
+      this._channels = t1;
+    },
+    LchColorSpace: function LchColorSpace(t0, t1) {
+      this.name = t0;
+      this._channels = t1;
+    },
+    LmsColorSpace: function LmsColorSpace(t0, t1) {
+      this.name = t0;
+      this._channels = t1;
+    },
+    OklabColorSpace: function OklabColorSpace(t0, t1) {
+      this.name = t0;
+      this._channels = t1;
+    },
+    OklchColorSpace: function OklchColorSpace(t0, t1) {
+      this.name = t0;
+      this._channels = t1;
+    },
+    ProphotoRgbColorSpace: function ProphotoRgbColorSpace(t0, t1) {
+      this.name = t0;
+      this._channels = t1;
+    },
+    Rec2020ColorSpace: function Rec2020ColorSpace(t0, t1) {
+      this.name = t0;
+      this._channels = t1;
+    },
+    RgbColorSpace: function RgbColorSpace(t0, t1) {
+      this.name = t0;
+      this._channels = t1;
+    },
+    SrgbColorSpace: function SrgbColorSpace(t0, t1) {
+      this.name = t0;
+      this._channels = t1;
+    },
+    SrgbLinearColorSpace: function SrgbLinearColorSpace(t0, t1) {
+      this.name = t0;
+      this._channels = t1;
+    },
+    XyzD50ColorSpace: function XyzD50ColorSpace(t0, t1) {
+      this.name = t0;
+      this._channels = t1;
+    },
+    XyzD65ColorSpace: function XyzD65ColorSpace(t0, t1) {
+      this.name = t0;
+      this._channels = t1;
+    },
+    SassFunction: function SassFunction(t0, t1) {
+      this.callable = t0;
+      this._function$_compileContext = t1;
+    },
+    SassList$(contents, _separator, brackets) {
+      var t1 = new A.SassList(A.List_List$unmodifiable(contents, type$.Value), _separator, brackets);
+      t1.SassList$3$brackets(contents, _separator, brackets);
+      return t1;
+    },
+    SassList: function SassList(t0, t1, t2) {
+      this._list$_contents = t0;
+      this._separator = t1;
+      this._hasBrackets = t2;
+    },
+    SassList_isBlank_closure: function SassList_isBlank_closure() {
+    },
+    ListSeparator: function ListSeparator(t0, t1, t2) {
+      this._list$_name = t0;
+      this.separator = t1;
+      this._name = t2;
+    },
+    SassMap: function SassMap(t0) {
+      this._map$_contents = t0;
+    },
+    SassMixin: function SassMixin(t0, t1) {
+      this.callable = t0;
+      this._mixin$_compileContext = t1;
+    },
+    _SassNull: function _SassNull() {
+    },
+    conversionFactor(unit1, unit2) {
+      var _0_0;
+      if (unit1 === unit2)
+        return 1;
+      _0_0 = B.Map_NtHoP.$index(0, unit1);
+      if (_0_0 != null)
+        return _0_0.$index(0, unit2);
+      return null;
+    },
+    SassNumber_SassNumber(value, unit) {
+      return unit == null ? new A.UnitlessSassNumber(value, null) : new A.SingleUnitSassNumber(unit, value, null);
+    },
+    SassNumber_SassNumber$withUnits(value, denominatorUnits, numeratorUnits) {
+      var _0_8, _0_10_isSet, _0_7, unit, _0_7_isSet, t2, _0_7_isSet0, numerators, denominators, unsimplifiedDenominators, valueDouble, _i, denominator, simplifiedAway, i, factor, _1_2, _1_7_isSet, _1_7, _null = null,
+        _0_4 = numeratorUnits.length,
+        t1 = _0_4,
+        _0_6 = t1 <= 0,
+        _0_8_isSet = _0_6,
+        _0_10 = _null;
+      if (_0_8_isSet) {
+        _0_8 = denominatorUnits == null;
+        t1 = _0_8;
+        _0_10_isSet = !t1;
+        if (_0_10_isSet) {
+          _0_10 = (denominatorUnits == null ? type$.List_String._as(denominatorUnits) : denominatorUnits).length <= 0;
+          t1 = _0_10;
+        } else
+          t1 = true;
+        _0_7 = denominatorUnits;
+      } else {
+        _0_7 = _null;
+        _0_8 = _0_7;
+        _0_10_isSet = false;
+        t1 = false;
+      }
+      if (t1)
+        return new A.UnitlessSassNumber(value, _null);
+      unit = _null;
+      t1 = false;
+      _0_7_isSet = true;
+      t2 = _0_4;
+      if (t2 === 1) {
+        unit = numeratorUnits[0];
+        if (_0_8_isSet) {
+          t1 = _0_8;
+          _0_7_isSet0 = _0_8_isSet;
+        } else {
+          _0_8 = denominatorUnits == null;
+          t1 = _0_8;
+          _0_7_isSet0 = _0_7_isSet;
+          _0_7 = denominatorUnits;
+          _0_8_isSet = true;
+        }
+        if (!t1)
+          if (_0_10_isSet) {
+            t1 = _0_10;
+            _0_7_isSet = _0_7_isSet0;
+          } else {
+            if (_0_7_isSet0) {
+              t1 = _0_7;
+              _0_7_isSet = _0_7_isSet0;
+            } else {
+              t1 = denominatorUnits;
+              _0_7 = t1;
+            }
+            _0_10 = (t1 == null ? type$.List_String._as(t1) : t1).length <= 0;
+            t1 = _0_10;
+            _0_10_isSet = true;
+          }
+        else {
+          _0_7_isSet = _0_7_isSet0;
+          t1 = true;
+        }
+      } else
+        _0_7_isSet = _0_8_isSet;
+      if (t1)
+        return new A.SingleUnitSassNumber(unit, value, _null);
+      t1 = false;
+      _0_7_isSet0 = true;
+      if (_0_8_isSet)
+        t1 = _0_8;
+      else {
+        if (_0_7_isSet)
+          t1 = _0_7;
+        else {
+          t1 = denominatorUnits;
+          _0_7_isSet = _0_7_isSet0;
+          _0_7 = t1;
+        }
+        _0_8 = t1 == null;
+        t1 = _0_8;
+      }
+      if (!t1)
+        if (_0_10_isSet)
+          t1 = _0_10;
+        else {
+          if (_0_7_isSet)
+            t1 = _0_7;
+          else {
+            t1 = denominatorUnits;
+            _0_7_isSet = _0_7_isSet0;
+            _0_7 = t1;
+          }
+          _0_10 = (t1 == null ? type$.List_String._as(t1) : t1).length <= 0;
+          t1 = _0_10;
+        }
+      else
+        t1 = true;
+      numerators = numeratorUnits;
+      if (t1)
+        return new A.ComplexSassNumber(A.List_List$unmodifiable(numerators, type$.String), B.List_empty, value, _null);
+      t1 = _0_6;
+      denominators = _null;
+      if (t1) {
+        if (_0_7_isSet)
+          t1 = _0_7;
+        else {
+          t1 = denominatorUnits;
+          _0_7 = t1;
+          _0_7_isSet = true;
+        }
+        t1 = t1 != null;
+        if (t1) {
+          denominators = _0_7_isSet ? _0_7 : denominatorUnits;
+          if (denominators == null)
+            denominators = type$.List_String._as(denominators);
+        }
+      } else
+        t1 = false;
+      if (t1)
+        return new A.ComplexSassNumber(B.List_empty, A.List_List$unmodifiable(denominators, type$.String), value, _null);
+      numerators = A._setArrayType(numeratorUnits.slice(0), A._arrayInstanceType(numeratorUnits));
+      unsimplifiedDenominators = A._setArrayType(denominatorUnits.slice(0), A.instanceType(denominatorUnits));
+      denominators = A._setArrayType([], type$.JSArray_String);
+      for (t1 = unsimplifiedDenominators.length, valueDouble = value, _i = 0; _i < unsimplifiedDenominators.length; unsimplifiedDenominators.length === t1 || (0, A.throwConcurrentModificationError)(unsimplifiedDenominators), ++_i) {
+        denominator = unsimplifiedDenominators[_i];
+        i = 0;
+        while (true) {
+          if (!(i < numerators.length)) {
+            simplifiedAway = false;
+            break;
+          }
+          c$0: {
+            factor = A.conversionFactor(denominator, numerators[i]);
+            if (factor == null)
+              break c$0;
+            valueDouble *= factor;
+            B.JSArray_methods.removeAt$1(numerators, i);
+            simplifiedAway = true;
+            break;
+          }
+          ++i;
+        }
+        if (!simplifiedAway)
+          denominators.push(denominator);
+      }
+      $label0$1: {
+        _1_2 = numerators.length;
+        t1 = _1_2;
+        _1_7_isSet = t1 <= 0;
+        if (_1_7_isSet) {
+          _1_7 = denominators.length <= 0;
+          t1 = _1_7;
+        } else {
+          _1_7 = _null;
+          t1 = false;
+        }
+        if (t1) {
+          t1 = new A.UnitlessSassNumber(valueDouble, _null);
+          break $label0$1;
+        }
+        t1 = false;
+        if (_1_2 === 1) {
+          unit = numerators[0];
+          t1 = _1_7_isSet ? _1_7 : denominators.length <= 0;
+        } else
+          unit = _null;
+        if (t1) {
+          t1 = new A.SingleUnitSassNumber(unit, valueDouble, _null);
+          break $label0$1;
+        }
+        t1 = type$.String;
+        t1 = new A.ComplexSassNumber(A.List_List$unmodifiable(numerators, t1), A.List_List$unmodifiable(denominators, t1), valueDouble, _null);
+        break $label0$1;
+      }
+      return t1;
+    },
+    SassNumber: function SassNumber() {
+    },
+    SassNumber__coerceOrConvertValue_compatibilityException: function SassNumber__coerceOrConvertValue_compatibilityException(t0, t1, t2, t3, t4, t5, t6) {
+      var _ = this;
+      _.$this = t0;
+      _.other = t1;
+      _.otherName = t2;
+      _.otherHasUnits = t3;
+      _.name = t4;
+      _.newNumerators = t5;
+      _.newDenominators = t6;
+    },
+    SassNumber__coerceOrConvertValue_closure: function SassNumber__coerceOrConvertValue_closure(t0, t1) {
+      this._box_0 = t0;
+      this.newNumerator = t1;
+    },
+    SassNumber__coerceOrConvertValue_closure0: function SassNumber__coerceOrConvertValue_closure0(t0) {
+      this.compatibilityException = t0;
+    },
+    SassNumber__coerceOrConvertValue_closure1: function SassNumber__coerceOrConvertValue_closure1(t0, t1) {
+      this._box_0 = t0;
+      this.newDenominator = t1;
+    },
+    SassNumber__coerceOrConvertValue_closure2: function SassNumber__coerceOrConvertValue_closure2(t0) {
+      this.compatibilityException = t0;
+    },
+    SassNumber_plus_closure: function SassNumber_plus_closure() {
+    },
+    SassNumber_minus_closure: function SassNumber_minus_closure() {
+    },
+    SassNumber_multiplyUnits_closure: function SassNumber_multiplyUnits_closure(t0, t1) {
+      this._box_0 = t0;
+      this.numerator = t1;
+    },
+    SassNumber_multiplyUnits_closure0: function SassNumber_multiplyUnits_closure0(t0, t1) {
+      this.newNumerators = t0;
+      this.numerator = t1;
+    },
+    SassNumber_multiplyUnits_closure1: function SassNumber_multiplyUnits_closure1(t0, t1) {
+      this._box_0 = t0;
+      this.numerator = t1;
+    },
+    SassNumber_multiplyUnits_closure2: function SassNumber_multiplyUnits_closure2(t0, t1) {
+      this.newNumerators = t0;
+      this.numerator = t1;
+    },
+    SassNumber__areAnyConvertible_closure: function SassNumber__areAnyConvertible_closure(t0) {
+      this.units2 = t0;
+    },
+    SassNumber__canonicalizeUnitList_closure: function SassNumber__canonicalizeUnitList_closure() {
+    },
+    SassNumber__canonicalMultiplier_closure: function SassNumber__canonicalMultiplier_closure(t0) {
+      this.$this = t0;
+    },
+    SassNumber_unitSuggestion_closure: function SassNumber_unitSuggestion_closure() {
+    },
+    SassNumber_unitSuggestion_closure0: function SassNumber_unitSuggestion_closure0() {
+    },
+    ComplexSassNumber: function ComplexSassNumber(t0, t1, t2, t3) {
+      var _ = this;
+      _._numeratorUnits = t0;
+      _._denominatorUnits = t1;
+      _._number$_value = t2;
+      _.hashCache = null;
+      _.asSlash = t3;
+    },
+    SingleUnitSassNumber: function SingleUnitSassNumber(t0, t1, t2) {
+      var _ = this;
+      _._unit = t0;
+      _._number$_value = t1;
+      _.hashCache = null;
+      _.asSlash = t2;
+    },
+    SingleUnitSassNumber__coerceToUnit_closure: function SingleUnitSassNumber__coerceToUnit_closure(t0, t1) {
+      this.$this = t0;
+      this.unit = t1;
+    },
+    SingleUnitSassNumber__coerceValueToUnit_closure: function SingleUnitSassNumber__coerceValueToUnit_closure(t0) {
+      this.$this = t0;
+    },
+    SingleUnitSassNumber_multiplyUnits_closure: function SingleUnitSassNumber_multiplyUnits_closure(t0, t1) {
+      this._box_0 = t0;
+      this.$this = t1;
+    },
+    SingleUnitSassNumber_multiplyUnits_closure0: function SingleUnitSassNumber_multiplyUnits_closure0(t0, t1) {
+      this._box_0 = t0;
+      this.$this = t1;
+    },
+    UnitlessSassNumber: function UnitlessSassNumber(t0, t1) {
+      this._number$_value = t0;
+      this.hashCache = null;
+      this.asSlash = t1;
+    },
+    SassString$(_text, quotes) {
+      return new A.SassString(_text, quotes);
+    },
+    SassString: function SassString(t0, t1) {
+      var _ = this;
+      _._string$_text = t0;
+      _._hasQuotes = t1;
+      _.__SassString__sassLength_FI = $;
+      _._hashCache = null;
+    },
+    AnySelectorVisitor: function AnySelectorVisitor() {
+    },
+    AnySelectorVisitor_visitComplexSelector_closure: function AnySelectorVisitor_visitComplexSelector_closure(t0) {
+      this.$this = t0;
+    },
+    AnySelectorVisitor_visitCompoundSelector_closure: function AnySelectorVisitor_visitCompoundSelector_closure(t0) {
+      this.$this = t0;
+    },
+    _EvaluateVisitor$0(functions, importCache, logger, nodeImporter, quietDeps, sourceMap) {
+      var t1 = type$.Uri,
+        t2 = type$.Module_AsyncCallable,
+        t3 = A._setArrayType([], type$.JSArray_Record_2_String_and_AstNode);
+      t1 = new A._EvaluateVisitor0(importCache, nodeImporter, A.LinkedHashMap_LinkedHashMap$_empty(type$.String, type$.AsyncCallable), A.LinkedHashMap_LinkedHashMap$_empty(t1, t2), A.LinkedHashMap_LinkedHashMap$_empty(t1, t2), A.LinkedHashMap_LinkedHashMap$_empty(t1, type$.Configuration), A.LinkedHashMap_LinkedHashMap$_empty(t1, type$.AstNode), logger, A.LinkedHashSet_LinkedHashSet$_empty(type$.Record_2_String_and_SourceSpan), quietDeps, sourceMap, new A.Object(), A.AsyncEnvironment$(), A.LinkedHashSet_LinkedHashSet$_empty(t1), A.LinkedHashMap_LinkedHashMap$_empty(t1, type$.nullable_AstNode), t3, B.Configuration_Map_empty_null);
+      t1._EvaluateVisitor$6$functions$importCache$logger$nodeImporter$quietDeps$sourceMap0(functions, importCache, logger, nodeImporter, quietDeps, sourceMap);
+      return t1;
+    },
+    _EvaluateVisitor0: function _EvaluateVisitor0(t0, t1, t2, t3, t4, t5, t6, t7, t8, t9, t10, t11, t12, t13, t14, t15, t16) {
+      var _ = this;
+      _._async_evaluate$_importCache = t0;
+      _._async_evaluate$_nodeImporter = t1;
+      _._async_evaluate$_builtInFunctions = t2;
+      _._async_evaluate$_builtInModules = t3;
+      _._async_evaluate$_modules = t4;
+      _._async_evaluate$_moduleConfigurations = t5;
+      _._async_evaluate$_moduleNodes = t6;
+      _._async_evaluate$_logger = t7;
+      _._async_evaluate$_warningsEmitted = t8;
+      _._async_evaluate$_quietDeps = t9;
+      _._async_evaluate$_sourceMap = t10;
+      _._async_evaluate$_compileContext = t11;
+      _._async_evaluate$_environment = t12;
+      _._async_evaluate$_declarationName = _._async_evaluate$__parent = _._async_evaluate$_mediaQuerySources = _._async_evaluate$_mediaQueries = _._async_evaluate$_styleRuleIgnoringAtRoot = null;
+      _._async_evaluate$_member = "root stylesheet";
+      _._async_evaluate$_importSpan = _._async_evaluate$_callableNode = null;
+      _._async_evaluate$_inSupportsDeclaration = _._async_evaluate$_inKeyframes = _._async_evaluate$_atRootExcludingStyleRule = _._async_evaluate$_inUnknownAtRule = _._async_evaluate$_inFunction = false;
+      _._async_evaluate$_loadedUrls = t13;
+      _._async_evaluate$_activeModules = t14;
+      _._async_evaluate$_stack = t15;
+      _._async_evaluate$_importer = null;
+      _._async_evaluate$_inDependency = false;
+      _._async_evaluate$__extensionStore = _._async_evaluate$_preModuleComments = _._async_evaluate$_outOfOrderImports = _._async_evaluate$__endOfImports = _._async_evaluate$__root = _._async_evaluate$__stylesheet = null;
+      _._async_evaluate$_configuration = t16;
+    },
+    _EvaluateVisitor_closure12: function _EvaluateVisitor_closure12(t0) {
+      this.$this = t0;
+    },
+    _EvaluateVisitor_closure13: function _EvaluateVisitor_closure13(t0) {
+      this.$this = t0;
+    },
+    _EvaluateVisitor_closure14: function _EvaluateVisitor_closure14(t0) {
+      this.$this = t0;
+    },
+    _EvaluateVisitor_closure15: function _EvaluateVisitor_closure15(t0) {
+      this.$this = t0;
+    },
+    _EvaluateVisitor_closure16: function _EvaluateVisitor_closure16(t0) {
+      this.$this = t0;
+    },
+    _EvaluateVisitor_closure17: function _EvaluateVisitor_closure17(t0) {
+      this.$this = t0;
+    },
+    _EvaluateVisitor_closure18: function _EvaluateVisitor_closure18(t0) {
+      this.$this = t0;
+    },
+    _EvaluateVisitor_closure19: function _EvaluateVisitor_closure19(t0) {
+      this.$this = t0;
+    },
+    _EvaluateVisitor_closure20: function _EvaluateVisitor_closure20(t0) {
+      this.$this = t0;
+    },
+    _EvaluateVisitor__closure6: function _EvaluateVisitor__closure6(t0, t1, t2) {
+      this.$this = t0;
+      this.name = t1;
+      this.module = t2;
+    },
+    _EvaluateVisitor_closure21: function _EvaluateVisitor_closure21(t0) {
+      this.$this = t0;
+    },
+    _EvaluateVisitor__closure5: function _EvaluateVisitor__closure5(t0, t1, t2) {
+      this.$this = t0;
+      this.name = t1;
+      this.module = t2;
+    },
+    _EvaluateVisitor_closure22: function _EvaluateVisitor_closure22(t0) {
+      this.$this = t0;
+    },
+    _EvaluateVisitor_closure23: function _EvaluateVisitor_closure23(t0) {
+      this.$this = t0;
+    },
+    _EvaluateVisitor__closure3: function _EvaluateVisitor__closure3(t0, t1, t2, t3) {
+      var _ = this;
+      _._box_0 = t0;
+      _.values = t1;
+      _.span = t2;
+      _.callableNode = t3;
+    },
+    _EvaluateVisitor__closure4: function _EvaluateVisitor__closure4(t0) {
+      this.$this = t0;
+    },
+    _EvaluateVisitor_closure24: function _EvaluateVisitor_closure24(t0) {
+      this.$this = t0;
+    },
+    _EvaluateVisitor_run_closure0: function _EvaluateVisitor_run_closure0(t0, t1, t2) {
+      this.$this = t0;
+      this.node = t1;
+      this.importer = t2;
+    },
+    _EvaluateVisitor_run__closure0: function _EvaluateVisitor_run__closure0(t0, t1, t2) {
+      this.$this = t0;
+      this.importer = t1;
+      this.node = t2;
+    },
+    _EvaluateVisitor__loadModule_closure1: function _EvaluateVisitor__loadModule_closure1(t0, t1) {
+      this._box_0 = t0;
+      this.callback = t1;
+    },
+    _EvaluateVisitor__loadModule_closure2: function _EvaluateVisitor__loadModule_closure2(t0, t1, t2, t3, t4, t5, t6) {
+      var _ = this;
+      _.$this = t0;
+      _.url = t1;
+      _.nodeWithSpan = t2;
+      _.baseUrl = t3;
+      _.namesInErrors = t4;
+      _.configuration = t5;
+      _.callback = t6;
+    },
+    _EvaluateVisitor__loadModule__closure1: function _EvaluateVisitor__loadModule__closure1(t0, t1) {
+      this.$this = t0;
+      this.message = t1;
+    },
+    _EvaluateVisitor__loadModule__closure2: function _EvaluateVisitor__loadModule__closure2(t0, t1, t2) {
+      this._box_1 = t0;
+      this.callback = t1;
+      this.firstLoad = t2;
+    },
+    _EvaluateVisitor__execute_closure0: function _EvaluateVisitor__execute_closure0(t0, t1, t2, t3, t4, t5, t6) {
+      var _ = this;
+      _.$this = t0;
+      _.importer = t1;
+      _.stylesheet = t2;
+      _.extensionStore = t3;
+      _.configuration = t4;
+      _.css = t5;
+      _.preModuleComments = t6;
+    },
+    _EvaluateVisitor__combineCss_closure1: function _EvaluateVisitor__combineCss_closure1() {
+    },
+    _EvaluateVisitor__combineCss_closure2: function _EvaluateVisitor__combineCss_closure2(t0) {
+      this.selectors = t0;
+    },
+    _EvaluateVisitor__combineCss_visitModule0: function _EvaluateVisitor__combineCss_visitModule0(t0, t1, t2, t3, t4, t5) {
+      var _ = this;
+      _.$this = t0;
+      _.seen = t1;
+      _.clone = t2;
+      _.css = t3;
+      _.imports = t4;
+      _.sorted = t5;
+    },
+    _EvaluateVisitor__extendModules_closure1: function _EvaluateVisitor__extendModules_closure1(t0) {
+      this.originalSelectors = t0;
+    },
+    _EvaluateVisitor__extendModules_closure2: function _EvaluateVisitor__extendModules_closure2() {
+    },
+    _EvaluateVisitor_visitAtRootRule_closure1: function _EvaluateVisitor_visitAtRootRule_closure1(t0, t1) {
+      this.$this = t0;
+      this.node = t1;
+    },
+    _EvaluateVisitor_visitAtRootRule_closure2: function _EvaluateVisitor_visitAtRootRule_closure2(t0, t1) {
+      this.$this = t0;
+      this.node = t1;
+    },
+    _EvaluateVisitor__scopeForAtRoot_closure5: function _EvaluateVisitor__scopeForAtRoot_closure5(t0, t1, t2) {
+      this.$this = t0;
+      this.newParent = t1;
+      this.node = t2;
+    },
+    _EvaluateVisitor__scopeForAtRoot_closure6: function _EvaluateVisitor__scopeForAtRoot_closure6(t0, t1) {
+      this.$this = t0;
+      this.innerScope = t1;
+    },
+    _EvaluateVisitor__scopeForAtRoot_closure7: function _EvaluateVisitor__scopeForAtRoot_closure7(t0, t1) {
+      this.$this = t0;
+      this.innerScope = t1;
+    },
+    _EvaluateVisitor__scopeForAtRoot__closure0: function _EvaluateVisitor__scopeForAtRoot__closure0(t0, t1) {
+      this.innerScope = t0;
+      this.callback = t1;
+    },
+    _EvaluateVisitor__scopeForAtRoot_closure8: function _EvaluateVisitor__scopeForAtRoot_closure8(t0, t1) {
+      this.$this = t0;
+      this.innerScope = t1;
+    },
+    _EvaluateVisitor__scopeForAtRoot_closure9: function _EvaluateVisitor__scopeForAtRoot_closure9() {
+    },
+    _EvaluateVisitor__scopeForAtRoot_closure10: function _EvaluateVisitor__scopeForAtRoot_closure10(t0, t1) {
+      this.$this = t0;
+      this.innerScope = t1;
+    },
+    _EvaluateVisitor_visitContentRule_closure0: function _EvaluateVisitor_visitContentRule_closure0(t0, t1) {
+      this.$this = t0;
+      this.content = t1;
+    },
+    _EvaluateVisitor_visitDeclaration_closure0: function _EvaluateVisitor_visitDeclaration_closure0(t0, t1) {
+      this._box_0 = t0;
+      this.$this = t1;
+    },
+    _EvaluateVisitor_visitEachRule_closure2: function _EvaluateVisitor_visitEachRule_closure2(t0, t1, t2) {
+      this._box_0 = t0;
+      this.$this = t1;
+      this.nodeWithSpan = t2;
+    },
+    _EvaluateVisitor_visitEachRule_closure3: function _EvaluateVisitor_visitEachRule_closure3(t0, t1, t2) {
+      this._box_1 = t0;
+      this.$this = t1;
+      this.nodeWithSpan = t2;
+    },
+    _EvaluateVisitor_visitEachRule_closure4: function _EvaluateVisitor_visitEachRule_closure4(t0, t1, t2, t3) {
+      var _ = this;
+      _.$this = t0;
+      _.list = t1;
+      _.setVariables = t2;
+      _.node = t3;
+    },
+    _EvaluateVisitor_visitEachRule__closure0: function _EvaluateVisitor_visitEachRule__closure0(t0, t1, t2) {
+      this.$this = t0;
+      this.setVariables = t1;
+      this.node = t2;
+    },
+    _EvaluateVisitor_visitEachRule___closure0: function _EvaluateVisitor_visitEachRule___closure0(t0) {
+      this.$this = t0;
+    },
+    _EvaluateVisitor_visitAtRule_closure2: function _EvaluateVisitor_visitAtRule_closure2(t0) {
+      this.$this = t0;
+    },
+    _EvaluateVisitor_visitAtRule_closure3: function _EvaluateVisitor_visitAtRule_closure3(t0, t1, t2) {
+      this.$this = t0;
+      this.name = t1;
+      this.children = t2;
+    },
+    _EvaluateVisitor_visitAtRule__closure0: function _EvaluateVisitor_visitAtRule__closure0(t0, t1) {
+      this.$this = t0;
+      this.children = t1;
+    },
+    _EvaluateVisitor_visitAtRule_closure4: function _EvaluateVisitor_visitAtRule_closure4() {
+    },
+    _EvaluateVisitor_visitForRule_closure4: function _EvaluateVisitor_visitForRule_closure4(t0, t1) {
+      this.$this = t0;
+      this.node = t1;
+    },
+    _EvaluateVisitor_visitForRule_closure5: function _EvaluateVisitor_visitForRule_closure5(t0, t1) {
+      this.$this = t0;
+      this.node = t1;
+    },
+    _EvaluateVisitor_visitForRule_closure6: function _EvaluateVisitor_visitForRule_closure6(t0) {
+      this.fromNumber = t0;
+    },
+    _EvaluateVisitor_visitForRule_closure7: function _EvaluateVisitor_visitForRule_closure7(t0, t1) {
+      this.toNumber = t0;
+      this.fromNumber = t1;
+    },
+    _EvaluateVisitor_visitForRule_closure8: function _EvaluateVisitor_visitForRule_closure8(t0, t1, t2, t3, t4, t5) {
+      var _ = this;
+      _._box_0 = t0;
+      _.$this = t1;
+      _.node = t2;
+      _.from = t3;
+      _.direction = t4;
+      _.fromNumber = t5;
+    },
+    _EvaluateVisitor_visitForRule__closure0: function _EvaluateVisitor_visitForRule__closure0(t0) {
+      this.$this = t0;
+    },
+    _EvaluateVisitor_visitForwardRule_closure1: function _EvaluateVisitor_visitForwardRule_closure1(t0, t1) {
+      this.$this = t0;
+      this.node = t1;
+    },
+    _EvaluateVisitor_visitForwardRule_closure2: function _EvaluateVisitor_visitForwardRule_closure2(t0, t1) {
+      this.$this = t0;
+      this.node = t1;
+    },
+    _EvaluateVisitor__registerCommentsForModule_closure0: function _EvaluateVisitor__registerCommentsForModule_closure0() {
+    },
+    _EvaluateVisitor_visitIfRule_closure0: function _EvaluateVisitor_visitIfRule_closure0(t0) {
+      this.$this = t0;
+    },
+    _EvaluateVisitor_visitIfRule__closure0: function _EvaluateVisitor_visitIfRule__closure0(t0, t1) {
+      this.$this = t0;
+      this.clause = t1;
+    },
+    _EvaluateVisitor_visitIfRule___closure0: function _EvaluateVisitor_visitIfRule___closure0(t0) {
+      this.$this = t0;
+    },
+    _EvaluateVisitor__visitDynamicImport_closure0: function _EvaluateVisitor__visitDynamicImport_closure0(t0, t1) {
+      this.$this = t0;
+      this.$import = t1;
+    },
+    _EvaluateVisitor__visitDynamicImport__closure3: function _EvaluateVisitor__visitDynamicImport__closure3(t0) {
+      this.$this = t0;
+    },
+    _EvaluateVisitor__visitDynamicImport__closure4: function _EvaluateVisitor__visitDynamicImport__closure4() {
+    },
+    _EvaluateVisitor__visitDynamicImport__closure5: function _EvaluateVisitor__visitDynamicImport__closure5() {
+    },
+    _EvaluateVisitor__visitDynamicImport__closure6: function _EvaluateVisitor__visitDynamicImport__closure6(t0, t1, t2, t3, t4) {
+      var _ = this;
+      _._box_0 = t0;
+      _.$this = t1;
+      _.loadsUserDefinedModules = t2;
+      _.environment = t3;
+      _.children = t4;
+    },
+    _EvaluateVisitor__applyMixin_closure1: function _EvaluateVisitor__applyMixin_closure1(t0, t1, t2, t3) {
+      var _ = this;
+      _.$this = t0;
+      _.$arguments = t1;
+      _.mixin = t2;
+      _.nodeWithSpanWithoutContent = t3;
+    },
+    _EvaluateVisitor__applyMixin__closure2: function _EvaluateVisitor__applyMixin__closure2(t0, t1, t2, t3) {
+      var _ = this;
+      _.$this = t0;
+      _.$arguments = t1;
+      _.mixin = t2;
+      _.nodeWithSpanWithoutContent = t3;
+    },
+    _EvaluateVisitor__applyMixin_closure2: function _EvaluateVisitor__applyMixin_closure2(t0, t1, t2, t3) {
+      var _ = this;
+      _.$this = t0;
+      _.contentCallable = t1;
+      _.mixin = t2;
+      _.nodeWithSpanWithoutContent = t3;
+    },
+    _EvaluateVisitor__applyMixin__closure1: function _EvaluateVisitor__applyMixin__closure1(t0, t1, t2) {
+      this.$this = t0;
+      this.mixin = t1;
+      this.nodeWithSpanWithoutContent = t2;
+    },
+    _EvaluateVisitor__applyMixin___closure0: function _EvaluateVisitor__applyMixin___closure0(t0, t1, t2) {
+      this.$this = t0;
+      this.mixin = t1;
+      this.nodeWithSpanWithoutContent = t2;
+    },
+    _EvaluateVisitor__applyMixin____closure0: function _EvaluateVisitor__applyMixin____closure0(t0, t1) {
+      this.$this = t0;
+      this.statement = t1;
+    },
+    _EvaluateVisitor_visitIncludeRule_closure2: function _EvaluateVisitor_visitIncludeRule_closure2(t0, t1) {
+      this.$this = t0;
+      this.node = t1;
+    },
+    _EvaluateVisitor_visitIncludeRule_closure3: function _EvaluateVisitor_visitIncludeRule_closure3(t0) {
+      this.$this = t0;
+    },
+    _EvaluateVisitor_visitIncludeRule_closure4: function _EvaluateVisitor_visitIncludeRule_closure4(t0) {
+      this.node = t0;
+    },
+    _EvaluateVisitor_visitMediaRule_closure2: function _EvaluateVisitor_visitMediaRule_closure2(t0, t1) {
+      this.$this = t0;
+      this.queries = t1;
+    },
+    _EvaluateVisitor_visitMediaRule_closure3: function _EvaluateVisitor_visitMediaRule_closure3(t0, t1, t2, t3, t4) {
+      var _ = this;
+      _.$this = t0;
+      _.mergedQueries = t1;
+      _.queries = t2;
+      _.mergedSources = t3;
+      _.node = t4;
+    },
+    _EvaluateVisitor_visitMediaRule__closure0: function _EvaluateVisitor_visitMediaRule__closure0(t0, t1) {
+      this.$this = t0;
+      this.node = t1;
+    },
+    _EvaluateVisitor_visitMediaRule___closure0: function _EvaluateVisitor_visitMediaRule___closure0(t0, t1) {
+      this.$this = t0;
+      this.node = t1;
+    },
+    _EvaluateVisitor_visitMediaRule_closure4: function _EvaluateVisitor_visitMediaRule_closure4(t0) {
+      this.mergedSources = t0;
+    },
+    _EvaluateVisitor_visitStyleRule_closure3: function _EvaluateVisitor_visitStyleRule_closure3(t0, t1) {
+      this.$this = t0;
+      this.node = t1;
+    },
+    _EvaluateVisitor_visitStyleRule_closure4: function _EvaluateVisitor_visitStyleRule_closure4() {
+    },
+    _EvaluateVisitor_visitStyleRule_closure6: function _EvaluateVisitor_visitStyleRule_closure6(t0, t1, t2) {
+      this.$this = t0;
+      this.rule = t1;
+      this.node = t2;
+    },
+    _EvaluateVisitor_visitStyleRule__closure0: function _EvaluateVisitor_visitStyleRule__closure0(t0, t1) {
+      this.$this = t0;
+      this.node = t1;
+    },
+    _EvaluateVisitor_visitStyleRule_closure5: function _EvaluateVisitor_visitStyleRule_closure5() {
+    },
+    _EvaluateVisitor__warnForBogusCombinators_closure0: function _EvaluateVisitor__warnForBogusCombinators_closure0() {
+    },
+    _EvaluateVisitor_visitSupportsRule_closure1: function _EvaluateVisitor_visitSupportsRule_closure1(t0, t1) {
+      this.$this = t0;
+      this.node = t1;
+    },
+    _EvaluateVisitor_visitSupportsRule__closure0: function _EvaluateVisitor_visitSupportsRule__closure0(t0, t1) {
+      this.$this = t0;
+      this.node = t1;
+    },
+    _EvaluateVisitor_visitSupportsRule_closure2: function _EvaluateVisitor_visitSupportsRule_closure2() {
+    },
+    _EvaluateVisitor__visitSupportsCondition_closure0: function _EvaluateVisitor__visitSupportsCondition_closure0(t0, t1) {
+      this._box_0 = t0;
+      this.$this = t1;
+    },
+    _EvaluateVisitor_visitVariableDeclaration_closure2: function _EvaluateVisitor_visitVariableDeclaration_closure2(t0, t1, t2) {
+      this._box_0 = t0;
+      this.$this = t1;
+      this.node = t2;
+    },
+    _EvaluateVisitor_visitVariableDeclaration_closure3: function _EvaluateVisitor_visitVariableDeclaration_closure3(t0, t1) {
+      this.$this = t0;
+      this.node = t1;
+    },
+    _EvaluateVisitor_visitVariableDeclaration_closure4: function _EvaluateVisitor_visitVariableDeclaration_closure4(t0, t1, t2) {
+      this.$this = t0;
+      this.node = t1;
+      this.value = t2;
+    },
+    _EvaluateVisitor_visitUseRule_closure0: function _EvaluateVisitor_visitUseRule_closure0(t0, t1) {
+      this.$this = t0;
+      this.node = t1;
+    },
+    _EvaluateVisitor_visitWarnRule_closure0: function _EvaluateVisitor_visitWarnRule_closure0(t0, t1) {
+      this.$this = t0;
+      this.node = t1;
+    },
+    _EvaluateVisitor_visitWhileRule_closure0: function _EvaluateVisitor_visitWhileRule_closure0(t0, t1) {
+      this.$this = t0;
+      this.node = t1;
+    },
+    _EvaluateVisitor_visitWhileRule__closure0: function _EvaluateVisitor_visitWhileRule__closure0(t0) {
+      this.$this = t0;
+    },
+    _EvaluateVisitor_visitBinaryOperationExpression_closure0: function _EvaluateVisitor_visitBinaryOperationExpression_closure0(t0, t1) {
+      this.$this = t0;
+      this.node = t1;
+    },
+    _EvaluateVisitor__slash_recommendation0: function _EvaluateVisitor__slash_recommendation0() {
+    },
+    _EvaluateVisitor_visitVariableExpression_closure0: function _EvaluateVisitor_visitVariableExpression_closure0(t0, t1) {
+      this.$this = t0;
+      this.node = t1;
+    },
+    _EvaluateVisitor_visitUnaryOperationExpression_closure0: function _EvaluateVisitor_visitUnaryOperationExpression_closure0(t0, t1) {
+      this.node = t0;
+      this.operand = t1;
+    },
+    _EvaluateVisitor_visitListExpression_closure0: function _EvaluateVisitor_visitListExpression_closure0(t0) {
+      this.$this = t0;
+    },
+    _EvaluateVisitor_visitFunctionExpression_closure2: function _EvaluateVisitor_visitFunctionExpression_closure2(t0, t1) {
+      this.$this = t0;
+      this.node = t1;
+    },
+    _EvaluateVisitor_visitFunctionExpression_closure3: function _EvaluateVisitor_visitFunctionExpression_closure3() {
+    },
+    _EvaluateVisitor_visitFunctionExpression_closure4: function _EvaluateVisitor_visitFunctionExpression_closure4(t0, t1, t2) {
+      this._box_0 = t0;
+      this.$this = t1;
+      this.node = t2;
+    },
+    _EvaluateVisitor__visitCalculation_closure0: function _EvaluateVisitor__visitCalculation_closure0(t0, t1) {
+      this.$this = t0;
+      this.node = t1;
+    },
+    _EvaluateVisitor__checkCalculationArguments_check0: function _EvaluateVisitor__checkCalculationArguments_check0(t0, t1) {
+      this.$this = t0;
+      this.node = t1;
+    },
+    _EvaluateVisitor__visitCalculationExpression_closure0: function _EvaluateVisitor__visitCalculationExpression_closure0(t0, t1, t2, t3) {
+      var _ = this;
+      _._box_0 = t0;
+      _.$this = t1;
+      _.node = t2;
+      _.inLegacySassFunction = t3;
+    },
+    _EvaluateVisitor__visitCalculationExpression__closure0: function _EvaluateVisitor__visitCalculationExpression__closure0(t0, t1) {
+      this.$this = t0;
+      this.node = t1;
+    },
+    _EvaluateVisitor_visitInterpolatedFunctionExpression_closure0: function _EvaluateVisitor_visitInterpolatedFunctionExpression_closure0(t0, t1, t2) {
+      this.$this = t0;
+      this.node = t1;
+      this.$function = t2;
+    },
+    _EvaluateVisitor__runUserDefinedCallable_closure0: function _EvaluateVisitor__runUserDefinedCallable_closure0(t0, t1, t2, t3, t4, t5) {
+      var _ = this;
+      _.$this = t0;
+      _.callable = t1;
+      _.evaluated = t2;
+      _.nodeWithSpan = t3;
+      _.run = t4;
+      _.V = t5;
+    },
+    _EvaluateVisitor__runUserDefinedCallable__closure0: function _EvaluateVisitor__runUserDefinedCallable__closure0(t0, t1, t2, t3, t4, t5) {
+      var _ = this;
+      _.$this = t0;
+      _.evaluated = t1;
+      _.callable = t2;
+      _.nodeWithSpan = t3;
+      _.run = t4;
+      _.V = t5;
+    },
+    _EvaluateVisitor__runUserDefinedCallable___closure0: function _EvaluateVisitor__runUserDefinedCallable___closure0(t0, t1, t2, t3, t4, t5) {
+      var _ = this;
+      _.$this = t0;
+      _.evaluated = t1;
+      _.callable = t2;
+      _.nodeWithSpan = t3;
+      _.run = t4;
+      _.V = t5;
+    },
+    _EvaluateVisitor__runUserDefinedCallable____closure0: function _EvaluateVisitor__runUserDefinedCallable____closure0() {
+    },
+    _EvaluateVisitor__runFunctionCallable_closure0: function _EvaluateVisitor__runFunctionCallable_closure0(t0, t1) {
+      this.$this = t0;
+      this.callable = t1;
+    },
+    _EvaluateVisitor__runBuiltInCallable_closure2: function _EvaluateVisitor__runBuiltInCallable_closure2(t0, t1, t2) {
+      this._box_0 = t0;
+      this.evaluated = t1;
+      this.namedSet = t2;
+    },
+    _EvaluateVisitor__runBuiltInCallable_closure3: function _EvaluateVisitor__runBuiltInCallable_closure3(t0, t1) {
+      this._box_0 = t0;
+      this.evaluated = t1;
+    },
+    _EvaluateVisitor__runBuiltInCallable_closure4: function _EvaluateVisitor__runBuiltInCallable_closure4() {
+    },
+    _EvaluateVisitor__evaluateArguments_closure3: function _EvaluateVisitor__evaluateArguments_closure3() {
+    },
+    _EvaluateVisitor__evaluateArguments_closure4: function _EvaluateVisitor__evaluateArguments_closure4(t0, t1) {
+      this.$this = t0;
+      this.restNodeForSpan = t1;
+    },
+    _EvaluateVisitor__evaluateArguments_closure5: function _EvaluateVisitor__evaluateArguments_closure5(t0, t1, t2, t3) {
+      var _ = this;
+      _.$this = t0;
+      _.named = t1;
+      _.restNodeForSpan = t2;
+      _.namedNodes = t3;
+    },
+    _EvaluateVisitor__evaluateArguments_closure6: function _EvaluateVisitor__evaluateArguments_closure6() {
+    },
+    _EvaluateVisitor__evaluateMacroArguments_closure3: function _EvaluateVisitor__evaluateMacroArguments_closure3(t0) {
+      this.restArgs = t0;
+    },
+    _EvaluateVisitor__evaluateMacroArguments_closure4: function _EvaluateVisitor__evaluateMacroArguments_closure4(t0, t1, t2) {
+      this.$this = t0;
+      this.restNodeForSpan = t1;
+      this.restArgs = t2;
+    },
+    _EvaluateVisitor__evaluateMacroArguments_closure5: function _EvaluateVisitor__evaluateMacroArguments_closure5(t0, t1, t2, t3) {
+      var _ = this;
+      _.$this = t0;
+      _.named = t1;
+      _.restNodeForSpan = t2;
+      _.restArgs = t3;
+    },
+    _EvaluateVisitor__evaluateMacroArguments_closure6: function _EvaluateVisitor__evaluateMacroArguments_closure6(t0, t1, t2) {
+      this.$this = t0;
+      this.keywordRestNodeForSpan = t1;
+      this.keywordRestArgs = t2;
+    },
+    _EvaluateVisitor__addRestMap_closure0: function _EvaluateVisitor__addRestMap_closure0(t0, t1, t2, t3, t4, t5) {
+      var _ = this;
+      _.$this = t0;
+      _.values = t1;
+      _.convert = t2;
+      _.expressionNode = t3;
+      _.map = t4;
+      _.nodeWithSpan = t5;
+    },
+    _EvaluateVisitor__verifyArguments_closure0: function _EvaluateVisitor__verifyArguments_closure0(t0, t1, t2) {
+      this.parameters = t0;
+      this.positional = t1;
+      this.named = t2;
+    },
+    _EvaluateVisitor_visitCssAtRule_closure1: function _EvaluateVisitor_visitCssAtRule_closure1(t0, t1) {
+      this.$this = t0;
+      this.node = t1;
+    },
+    _EvaluateVisitor_visitCssAtRule_closure2: function _EvaluateVisitor_visitCssAtRule_closure2() {
+    },
+    _EvaluateVisitor_visitCssKeyframeBlock_closure1: function _EvaluateVisitor_visitCssKeyframeBlock_closure1(t0, t1) {
+      this.$this = t0;
+      this.node = t1;
+    },
+    _EvaluateVisitor_visitCssKeyframeBlock_closure2: function _EvaluateVisitor_visitCssKeyframeBlock_closure2() {
+    },
+    _EvaluateVisitor_visitCssMediaRule_closure2: function _EvaluateVisitor_visitCssMediaRule_closure2(t0, t1) {
+      this.$this = t0;
+      this.node = t1;
+    },
+    _EvaluateVisitor_visitCssMediaRule_closure3: function _EvaluateVisitor_visitCssMediaRule_closure3(t0, t1, t2, t3) {
+      var _ = this;
+      _.$this = t0;
+      _.mergedQueries = t1;
+      _.node = t2;
+      _.mergedSources = t3;
+    },
+    _EvaluateVisitor_visitCssMediaRule__closure0: function _EvaluateVisitor_visitCssMediaRule__closure0(t0, t1) {
+      this.$this = t0;
+      this.node = t1;
+    },
+    _EvaluateVisitor_visitCssMediaRule___closure0: function _EvaluateVisitor_visitCssMediaRule___closure0(t0, t1) {
+      this.$this = t0;
+      this.node = t1;
+    },
+    _EvaluateVisitor_visitCssMediaRule_closure4: function _EvaluateVisitor_visitCssMediaRule_closure4(t0) {
+      this.mergedSources = t0;
+    },
+    _EvaluateVisitor_visitCssStyleRule_closure2: function _EvaluateVisitor_visitCssStyleRule_closure2(t0, t1, t2) {
+      this.$this = t0;
+      this.rule = t1;
+      this.node = t2;
+    },
+    _EvaluateVisitor_visitCssStyleRule__closure0: function _EvaluateVisitor_visitCssStyleRule__closure0(t0, t1) {
+      this.$this = t0;
+      this.node = t1;
+    },
+    _EvaluateVisitor_visitCssStyleRule_closure1: function _EvaluateVisitor_visitCssStyleRule_closure1() {
+    },
+    _EvaluateVisitor_visitCssSupportsRule_closure1: function _EvaluateVisitor_visitCssSupportsRule_closure1(t0, t1) {
+      this.$this = t0;
+      this.node = t1;
+    },
+    _EvaluateVisitor_visitCssSupportsRule__closure0: function _EvaluateVisitor_visitCssSupportsRule__closure0(t0, t1) {
+      this.$this = t0;
+      this.node = t1;
+    },
+    _EvaluateVisitor_visitCssSupportsRule_closure2: function _EvaluateVisitor_visitCssSupportsRule_closure2() {
+    },
+    _EvaluateVisitor__performInterpolationHelper_closure0: function _EvaluateVisitor__performInterpolationHelper_closure0(t0) {
+      this.interpolation = t0;
+    },
+    _EvaluateVisitor__serialize_closure0: function _EvaluateVisitor__serialize_closure0(t0, t1) {
+      this.value = t0;
+      this.quote = t1;
+    },
+    _EvaluateVisitor__expressionNode_closure0: function _EvaluateVisitor__expressionNode_closure0(t0, t1) {
+      this.$this = t0;
+      this.expression = t1;
+    },
+    _EvaluateVisitor__withoutSlash_recommendation0: function _EvaluateVisitor__withoutSlash_recommendation0() {
+    },
+    _EvaluateVisitor__stackFrame_closure0: function _EvaluateVisitor__stackFrame_closure0(t0) {
+      this.$this = t0;
+    },
+    _ImportedCssVisitor0: function _ImportedCssVisitor0(t0) {
+      this._async_evaluate$_visitor = t0;
+    },
+    _ImportedCssVisitor_visitCssAtRule_closure0: function _ImportedCssVisitor_visitCssAtRule_closure0() {
+    },
+    _ImportedCssVisitor_visitCssMediaRule_closure0: function _ImportedCssVisitor_visitCssMediaRule_closure0(t0) {
+      this.hasBeenMerged = t0;
+    },
+    _ImportedCssVisitor_visitCssStyleRule_closure0: function _ImportedCssVisitor_visitCssStyleRule_closure0() {
+    },
+    _ImportedCssVisitor_visitCssSupportsRule_closure0: function _ImportedCssVisitor_visitCssSupportsRule_closure0() {
+    },
+    _EvaluationContext0: function _EvaluationContext0(t0, t1) {
+      this._async_evaluate$_visitor = t0;
+      this._async_evaluate$_defaultWarnNodeWithSpan = t1;
+    },
+    cloneCssStylesheet(stylesheet, extensionStore) {
+      var _0_0 = extensionStore.clone$0();
+      return new A._Record_2(new A._CloneCssVisitor(_0_0._1)._visitChildren$2(A.ModifiableCssStylesheet$(stylesheet.get$span(stylesheet)), stylesheet), _0_0._0);
+    },
+    _CloneCssVisitor: function _CloneCssVisitor(t0) {
+      this._oldToNewSelectors = t0;
+    },
+    _EvaluateVisitor$(functions, importCache, logger, nodeImporter, quietDeps, sourceMap) {
+      var t1 = type$.Uri,
+        t2 = type$.Module_Callable,
+        t3 = A._setArrayType([], type$.JSArray_Record_2_String_and_AstNode);
+      t1 = new A._EvaluateVisitor(importCache, nodeImporter, A.LinkedHashMap_LinkedHashMap$_empty(type$.String, type$.Callable), A.LinkedHashMap_LinkedHashMap$_empty(t1, t2), A.LinkedHashMap_LinkedHashMap$_empty(t1, t2), A.LinkedHashMap_LinkedHashMap$_empty(t1, type$.Configuration), A.LinkedHashMap_LinkedHashMap$_empty(t1, type$.AstNode), logger, A.LinkedHashSet_LinkedHashSet$_empty(type$.Record_2_String_and_SourceSpan), quietDeps, sourceMap, new A.Object(), A.Environment$(), A.LinkedHashSet_LinkedHashSet$_empty(t1), A.LinkedHashMap_LinkedHashMap$_empty(t1, type$.nullable_AstNode), t3, B.Configuration_Map_empty_null);
+      t1._EvaluateVisitor$6$functions$importCache$logger$nodeImporter$quietDeps$sourceMap(functions, importCache, logger, nodeImporter, quietDeps, sourceMap);
+      return t1;
+    },
+    Evaluator: function Evaluator(t0, t1) {
+      this._visitor = t0;
+      this._importer = t1;
+    },
+    _EvaluateVisitor: function _EvaluateVisitor(t0, t1, t2, t3, t4, t5, t6, t7, t8, t9, t10, t11, t12, t13, t14, t15, t16) {
+      var _ = this;
+      _._evaluate$_importCache = t0;
+      _._evaluate$_nodeImporter = t1;
+      _._builtInFunctions = t2;
+      _._builtInModules = t3;
+      _._modules = t4;
+      _._moduleConfigurations = t5;
+      _._moduleNodes = t6;
+      _._logger = t7;
+      _._warningsEmitted = t8;
+      _._quietDeps = t9;
+      _._sourceMap = t10;
+      _._compileContext = t11;
+      _._environment = t12;
+      _._declarationName = _.__parent = _._mediaQuerySources = _._mediaQueries = _._styleRuleIgnoringAtRoot = null;
+      _._member = "root stylesheet";
+      _._importSpan = _._callableNode = null;
+      _._inSupportsDeclaration = _._inKeyframes = _._atRootExcludingStyleRule = _._inUnknownAtRule = _._inFunction = false;
+      _._loadedUrls = t13;
+      _._activeModules = t14;
+      _._stack = t15;
+      _._importer = null;
+      _._inDependency = false;
+      _.__extensionStore = _._preModuleComments = _._outOfOrderImports = _.__endOfImports = _.__root = _.__stylesheet = null;
+      _._configuration = t16;
+    },
+    _EvaluateVisitor_closure: function _EvaluateVisitor_closure(t0) {
+      this.$this = t0;
+    },
+    _EvaluateVisitor_closure0: function _EvaluateVisitor_closure0(t0) {
+      this.$this = t0;
+    },
+    _EvaluateVisitor_closure1: function _EvaluateVisitor_closure1(t0) {
+      this.$this = t0;
+    },
+    _EvaluateVisitor_closure2: function _EvaluateVisitor_closure2(t0) {
+      this.$this = t0;
+    },
+    _EvaluateVisitor_closure3: function _EvaluateVisitor_closure3(t0) {
+      this.$this = t0;
+    },
+    _EvaluateVisitor_closure4: function _EvaluateVisitor_closure4(t0) {
+      this.$this = t0;
+    },
+    _EvaluateVisitor_closure5: function _EvaluateVisitor_closure5(t0) {
+      this.$this = t0;
+    },
+    _EvaluateVisitor_closure6: function _EvaluateVisitor_closure6(t0) {
+      this.$this = t0;
+    },
+    _EvaluateVisitor_closure7: function _EvaluateVisitor_closure7(t0) {
+      this.$this = t0;
+    },
+    _EvaluateVisitor__closure2: function _EvaluateVisitor__closure2(t0, t1, t2) {
+      this.$this = t0;
+      this.name = t1;
+      this.module = t2;
+    },
+    _EvaluateVisitor_closure8: function _EvaluateVisitor_closure8(t0) {
+      this.$this = t0;
+    },
+    _EvaluateVisitor__closure1: function _EvaluateVisitor__closure1(t0, t1, t2) {
+      this.$this = t0;
+      this.name = t1;
+      this.module = t2;
+    },
+    _EvaluateVisitor_closure9: function _EvaluateVisitor_closure9(t0) {
+      this.$this = t0;
+    },
+    _EvaluateVisitor_closure10: function _EvaluateVisitor_closure10(t0) {
+      this.$this = t0;
+    },
+    _EvaluateVisitor__closure: function _EvaluateVisitor__closure(t0, t1, t2, t3) {
+      var _ = this;
+      _._box_0 = t0;
+      _.values = t1;
+      _.span = t2;
+      _.callableNode = t3;
+    },
+    _EvaluateVisitor__closure0: function _EvaluateVisitor__closure0(t0) {
+      this.$this = t0;
+    },
+    _EvaluateVisitor_closure11: function _EvaluateVisitor_closure11(t0) {
+      this.$this = t0;
+    },
+    _EvaluateVisitor_run_closure: function _EvaluateVisitor_run_closure(t0, t1, t2) {
+      this.$this = t0;
+      this.node = t1;
+      this.importer = t2;
+    },
+    _EvaluateVisitor_run__closure: function _EvaluateVisitor_run__closure(t0, t1, t2) {
+      this.$this = t0;
+      this.importer = t1;
+      this.node = t2;
+    },
+    _EvaluateVisitor_runExpression_closure: function _EvaluateVisitor_runExpression_closure(t0, t1, t2) {
+      this.$this = t0;
+      this.importer = t1;
+      this.expression = t2;
+    },
+    _EvaluateVisitor_runExpression__closure: function _EvaluateVisitor_runExpression__closure(t0, t1) {
+      this.$this = t0;
+      this.expression = t1;
+    },
+    _EvaluateVisitor_runExpression___closure: function _EvaluateVisitor_runExpression___closure(t0, t1) {
+      this.$this = t0;
+      this.expression = t1;
+    },
+    _EvaluateVisitor_runStatement_closure: function _EvaluateVisitor_runStatement_closure(t0, t1, t2) {
+      this.$this = t0;
+      this.importer = t1;
+      this.statement = t2;
+    },
+    _EvaluateVisitor_runStatement__closure: function _EvaluateVisitor_runStatement__closure(t0, t1) {
+      this.$this = t0;
+      this.statement = t1;
+    },
+    _EvaluateVisitor_runStatement___closure: function _EvaluateVisitor_runStatement___closure(t0, t1) {
+      this.$this = t0;
+      this.statement = t1;
+    },
+    _EvaluateVisitor__loadModule_closure: function _EvaluateVisitor__loadModule_closure(t0, t1) {
+      this._box_0 = t0;
+      this.callback = t1;
+    },
+    _EvaluateVisitor__loadModule_closure0: function _EvaluateVisitor__loadModule_closure0(t0, t1, t2, t3, t4, t5, t6) {
+      var _ = this;
+      _.$this = t0;
+      _.url = t1;
+      _.nodeWithSpan = t2;
+      _.baseUrl = t3;
+      _.namesInErrors = t4;
+      _.configuration = t5;
+      _.callback = t6;
+    },
+    _EvaluateVisitor__loadModule__closure: function _EvaluateVisitor__loadModule__closure(t0, t1) {
+      this.$this = t0;
+      this.message = t1;
+    },
+    _EvaluateVisitor__loadModule__closure0: function _EvaluateVisitor__loadModule__closure0(t0, t1, t2) {
+      this._box_1 = t0;
+      this.callback = t1;
+      this.firstLoad = t2;
+    },
+    _EvaluateVisitor__execute_closure: function _EvaluateVisitor__execute_closure(t0, t1, t2, t3, t4, t5, t6) {
+      var _ = this;
+      _.$this = t0;
+      _.importer = t1;
+      _.stylesheet = t2;
+      _.extensionStore = t3;
+      _.configuration = t4;
+      _.css = t5;
+      _.preModuleComments = t6;
+    },
+    _EvaluateVisitor__combineCss_closure: function _EvaluateVisitor__combineCss_closure() {
+    },
+    _EvaluateVisitor__combineCss_closure0: function _EvaluateVisitor__combineCss_closure0(t0) {
+      this.selectors = t0;
+    },
+    _EvaluateVisitor__combineCss_visitModule: function _EvaluateVisitor__combineCss_visitModule(t0, t1, t2, t3, t4, t5) {
+      var _ = this;
+      _.$this = t0;
+      _.seen = t1;
+      _.clone = t2;
+      _.css = t3;
+      _.imports = t4;
+      _.sorted = t5;
+    },
+    _EvaluateVisitor__extendModules_closure: function _EvaluateVisitor__extendModules_closure(t0) {
+      this.originalSelectors = t0;
+    },
+    _EvaluateVisitor__extendModules_closure0: function _EvaluateVisitor__extendModules_closure0() {
+    },
+    _EvaluateVisitor_visitAtRootRule_closure: function _EvaluateVisitor_visitAtRootRule_closure(t0, t1) {
+      this.$this = t0;
+      this.node = t1;
+    },
+    _EvaluateVisitor_visitAtRootRule_closure0: function _EvaluateVisitor_visitAtRootRule_closure0(t0, t1) {
+      this.$this = t0;
+      this.node = t1;
+    },
+    _EvaluateVisitor__scopeForAtRoot_closure: function _EvaluateVisitor__scopeForAtRoot_closure(t0, t1, t2) {
+      this.$this = t0;
+      this.newParent = t1;
+      this.node = t2;
+    },
+    _EvaluateVisitor__scopeForAtRoot_closure0: function _EvaluateVisitor__scopeForAtRoot_closure0(t0, t1) {
+      this.$this = t0;
+      this.innerScope = t1;
+    },
+    _EvaluateVisitor__scopeForAtRoot_closure1: function _EvaluateVisitor__scopeForAtRoot_closure1(t0, t1) {
+      this.$this = t0;
+      this.innerScope = t1;
+    },
+    _EvaluateVisitor__scopeForAtRoot__closure: function _EvaluateVisitor__scopeForAtRoot__closure(t0, t1) {
+      this.innerScope = t0;
+      this.callback = t1;
+    },
+    _EvaluateVisitor__scopeForAtRoot_closure2: function _EvaluateVisitor__scopeForAtRoot_closure2(t0, t1) {
+      this.$this = t0;
+      this.innerScope = t1;
+    },
+    _EvaluateVisitor__scopeForAtRoot_closure3: function _EvaluateVisitor__scopeForAtRoot_closure3() {
+    },
+    _EvaluateVisitor__scopeForAtRoot_closure4: function _EvaluateVisitor__scopeForAtRoot_closure4(t0, t1) {
+      this.$this = t0;
+      this.innerScope = t1;
+    },
+    _EvaluateVisitor_visitContentRule_closure: function _EvaluateVisitor_visitContentRule_closure(t0, t1) {
+      this.$this = t0;
+      this.content = t1;
+    },
+    _EvaluateVisitor_visitDeclaration_closure: function _EvaluateVisitor_visitDeclaration_closure(t0, t1) {
+      this._box_0 = t0;
+      this.$this = t1;
+    },
+    _EvaluateVisitor_visitEachRule_closure: function _EvaluateVisitor_visitEachRule_closure(t0, t1, t2) {
+      this._box_0 = t0;
+      this.$this = t1;
+      this.nodeWithSpan = t2;
+    },
+    _EvaluateVisitor_visitEachRule_closure0: function _EvaluateVisitor_visitEachRule_closure0(t0, t1, t2) {
+      this._box_1 = t0;
+      this.$this = t1;
+      this.nodeWithSpan = t2;
+    },
+    _EvaluateVisitor_visitEachRule_closure1: function _EvaluateVisitor_visitEachRule_closure1(t0, t1, t2, t3) {
+      var _ = this;
+      _.$this = t0;
+      _.list = t1;
+      _.setVariables = t2;
+      _.node = t3;
+    },
+    _EvaluateVisitor_visitEachRule__closure: function _EvaluateVisitor_visitEachRule__closure(t0, t1, t2) {
+      this.$this = t0;
+      this.setVariables = t1;
+      this.node = t2;
+    },
+    _EvaluateVisitor_visitEachRule___closure: function _EvaluateVisitor_visitEachRule___closure(t0) {
+      this.$this = t0;
+    },
+    _EvaluateVisitor_visitAtRule_closure: function _EvaluateVisitor_visitAtRule_closure(t0) {
+      this.$this = t0;
+    },
+    _EvaluateVisitor_visitAtRule_closure0: function _EvaluateVisitor_visitAtRule_closure0(t0, t1, t2) {
+      this.$this = t0;
+      this.name = t1;
+      this.children = t2;
+    },
+    _EvaluateVisitor_visitAtRule__closure: function _EvaluateVisitor_visitAtRule__closure(t0, t1) {
+      this.$this = t0;
+      this.children = t1;
+    },
+    _EvaluateVisitor_visitAtRule_closure1: function _EvaluateVisitor_visitAtRule_closure1() {
+    },
+    _EvaluateVisitor_visitForRule_closure: function _EvaluateVisitor_visitForRule_closure(t0, t1) {
+      this.$this = t0;
+      this.node = t1;
+    },
+    _EvaluateVisitor_visitForRule_closure0: function _EvaluateVisitor_visitForRule_closure0(t0, t1) {
+      this.$this = t0;
+      this.node = t1;
+    },
+    _EvaluateVisitor_visitForRule_closure1: function _EvaluateVisitor_visitForRule_closure1(t0) {
+      this.fromNumber = t0;
+    },
+    _EvaluateVisitor_visitForRule_closure2: function _EvaluateVisitor_visitForRule_closure2(t0, t1) {
+      this.toNumber = t0;
+      this.fromNumber = t1;
+    },
+    _EvaluateVisitor_visitForRule_closure3: function _EvaluateVisitor_visitForRule_closure3(t0, t1, t2, t3, t4, t5) {
+      var _ = this;
+      _._box_0 = t0;
+      _.$this = t1;
+      _.node = t2;
+      _.from = t3;
+      _.direction = t4;
+      _.fromNumber = t5;
+    },
+    _EvaluateVisitor_visitForRule__closure: function _EvaluateVisitor_visitForRule__closure(t0) {
+      this.$this = t0;
+    },
+    _EvaluateVisitor_visitForwardRule_closure: function _EvaluateVisitor_visitForwardRule_closure(t0, t1) {
+      this.$this = t0;
+      this.node = t1;
+    },
+    _EvaluateVisitor_visitForwardRule_closure0: function _EvaluateVisitor_visitForwardRule_closure0(t0, t1) {
+      this.$this = t0;
+      this.node = t1;
+    },
+    _EvaluateVisitor__registerCommentsForModule_closure: function _EvaluateVisitor__registerCommentsForModule_closure() {
+    },
+    _EvaluateVisitor_visitIfRule_closure: function _EvaluateVisitor_visitIfRule_closure(t0) {
+      this.$this = t0;
+    },
+    _EvaluateVisitor_visitIfRule__closure: function _EvaluateVisitor_visitIfRule__closure(t0, t1) {
+      this.$this = t0;
+      this.clause = t1;
+    },
+    _EvaluateVisitor_visitIfRule___closure: function _EvaluateVisitor_visitIfRule___closure(t0) {
+      this.$this = t0;
+    },
+    _EvaluateVisitor__visitDynamicImport_closure: function _EvaluateVisitor__visitDynamicImport_closure(t0, t1) {
+      this.$this = t0;
+      this.$import = t1;
+    },
+    _EvaluateVisitor__visitDynamicImport__closure: function _EvaluateVisitor__visitDynamicImport__closure(t0) {
+      this.$this = t0;
+    },
+    _EvaluateVisitor__visitDynamicImport__closure0: function _EvaluateVisitor__visitDynamicImport__closure0() {
+    },
+    _EvaluateVisitor__visitDynamicImport__closure1: function _EvaluateVisitor__visitDynamicImport__closure1() {
+    },
+    _EvaluateVisitor__visitDynamicImport__closure2: function _EvaluateVisitor__visitDynamicImport__closure2(t0, t1, t2, t3, t4) {
+      var _ = this;
+      _._box_0 = t0;
+      _.$this = t1;
+      _.loadsUserDefinedModules = t2;
+      _.environment = t3;
+      _.children = t4;
+    },
+    _EvaluateVisitor__applyMixin_closure: function _EvaluateVisitor__applyMixin_closure(t0, t1, t2, t3) {
+      var _ = this;
+      _.$this = t0;
+      _.$arguments = t1;
+      _.mixin = t2;
+      _.nodeWithSpanWithoutContent = t3;
+    },
+    _EvaluateVisitor__applyMixin__closure0: function _EvaluateVisitor__applyMixin__closure0(t0, t1, t2, t3) {
+      var _ = this;
+      _.$this = t0;
+      _.$arguments = t1;
+      _.mixin = t2;
+      _.nodeWithSpanWithoutContent = t3;
+    },
+    _EvaluateVisitor__applyMixin_closure0: function _EvaluateVisitor__applyMixin_closure0(t0, t1, t2, t3) {
+      var _ = this;
+      _.$this = t0;
+      _.contentCallable = t1;
+      _.mixin = t2;
+      _.nodeWithSpanWithoutContent = t3;
+    },
+    _EvaluateVisitor__applyMixin__closure: function _EvaluateVisitor__applyMixin__closure(t0, t1, t2) {
+      this.$this = t0;
+      this.mixin = t1;
+      this.nodeWithSpanWithoutContent = t2;
+    },
+    _EvaluateVisitor__applyMixin___closure: function _EvaluateVisitor__applyMixin___closure(t0, t1, t2) {
+      this.$this = t0;
+      this.mixin = t1;
+      this.nodeWithSpanWithoutContent = t2;
+    },
+    _EvaluateVisitor__applyMixin____closure: function _EvaluateVisitor__applyMixin____closure(t0, t1) {
+      this.$this = t0;
+      this.statement = t1;
+    },
+    _EvaluateVisitor_visitIncludeRule_closure: function _EvaluateVisitor_visitIncludeRule_closure(t0, t1) {
+      this.$this = t0;
+      this.node = t1;
+    },
+    _EvaluateVisitor_visitIncludeRule_closure0: function _EvaluateVisitor_visitIncludeRule_closure0(t0) {
+      this.$this = t0;
+    },
+    _EvaluateVisitor_visitIncludeRule_closure1: function _EvaluateVisitor_visitIncludeRule_closure1(t0) {
+      this.node = t0;
+    },
+    _EvaluateVisitor_visitMediaRule_closure: function _EvaluateVisitor_visitMediaRule_closure(t0, t1) {
+      this.$this = t0;
+      this.queries = t1;
+    },
+    _EvaluateVisitor_visitMediaRule_closure0: function _EvaluateVisitor_visitMediaRule_closure0(t0, t1, t2, t3, t4) {
+      var _ = this;
+      _.$this = t0;
+      _.mergedQueries = t1;
+      _.queries = t2;
+      _.mergedSources = t3;
+      _.node = t4;
+    },
+    _EvaluateVisitor_visitMediaRule__closure: function _EvaluateVisitor_visitMediaRule__closure(t0, t1) {
+      this.$this = t0;
+      this.node = t1;
+    },
+    _EvaluateVisitor_visitMediaRule___closure: function _EvaluateVisitor_visitMediaRule___closure(t0, t1) {
+      this.$this = t0;
+      this.node = t1;
+    },
+    _EvaluateVisitor_visitMediaRule_closure1: function _EvaluateVisitor_visitMediaRule_closure1(t0) {
+      this.mergedSources = t0;
+    },
+    _EvaluateVisitor_visitStyleRule_closure: function _EvaluateVisitor_visitStyleRule_closure(t0, t1) {
+      this.$this = t0;
+      this.node = t1;
+    },
+    _EvaluateVisitor_visitStyleRule_closure0: function _EvaluateVisitor_visitStyleRule_closure0() {
+    },
+    _EvaluateVisitor_visitStyleRule_closure2: function _EvaluateVisitor_visitStyleRule_closure2(t0, t1, t2) {
+      this.$this = t0;
+      this.rule = t1;
+      this.node = t2;
+    },
+    _EvaluateVisitor_visitStyleRule__closure: function _EvaluateVisitor_visitStyleRule__closure(t0, t1) {
+      this.$this = t0;
+      this.node = t1;
+    },
+    _EvaluateVisitor_visitStyleRule_closure1: function _EvaluateVisitor_visitStyleRule_closure1() {
+    },
+    _EvaluateVisitor__warnForBogusCombinators_closure: function _EvaluateVisitor__warnForBogusCombinators_closure() {
+    },
+    _EvaluateVisitor_visitSupportsRule_closure: function _EvaluateVisitor_visitSupportsRule_closure(t0, t1) {
+      this.$this = t0;
+      this.node = t1;
+    },
+    _EvaluateVisitor_visitSupportsRule__closure: function _EvaluateVisitor_visitSupportsRule__closure(t0, t1) {
+      this.$this = t0;
+      this.node = t1;
+    },
+    _EvaluateVisitor_visitSupportsRule_closure0: function _EvaluateVisitor_visitSupportsRule_closure0() {
+    },
+    _EvaluateVisitor__visitSupportsCondition_closure: function _EvaluateVisitor__visitSupportsCondition_closure(t0, t1) {
+      this._box_0 = t0;
+      this.$this = t1;
+    },
+    _EvaluateVisitor_visitVariableDeclaration_closure: function _EvaluateVisitor_visitVariableDeclaration_closure(t0, t1, t2) {
+      this._box_0 = t0;
+      this.$this = t1;
+      this.node = t2;
+    },
+    _EvaluateVisitor_visitVariableDeclaration_closure0: function _EvaluateVisitor_visitVariableDeclaration_closure0(t0, t1) {
+      this.$this = t0;
+      this.node = t1;
+    },
+    _EvaluateVisitor_visitVariableDeclaration_closure1: function _EvaluateVisitor_visitVariableDeclaration_closure1(t0, t1, t2) {
+      this.$this = t0;
+      this.node = t1;
+      this.value = t2;
+    },
+    _EvaluateVisitor_visitUseRule_closure: function _EvaluateVisitor_visitUseRule_closure(t0, t1) {
+      this.$this = t0;
+      this.node = t1;
+    },
+    _EvaluateVisitor_visitWarnRule_closure: function _EvaluateVisitor_visitWarnRule_closure(t0, t1) {
+      this.$this = t0;
+      this.node = t1;
+    },
+    _EvaluateVisitor_visitWhileRule_closure: function _EvaluateVisitor_visitWhileRule_closure(t0, t1) {
+      this.$this = t0;
+      this.node = t1;
+    },
+    _EvaluateVisitor_visitWhileRule__closure: function _EvaluateVisitor_visitWhileRule__closure(t0) {
+      this.$this = t0;
+    },
+    _EvaluateVisitor_visitBinaryOperationExpression_closure: function _EvaluateVisitor_visitBinaryOperationExpression_closure(t0, t1) {
+      this.$this = t0;
+      this.node = t1;
+    },
+    _EvaluateVisitor__slash_recommendation: function _EvaluateVisitor__slash_recommendation() {
+    },
+    _EvaluateVisitor_visitVariableExpression_closure: function _EvaluateVisitor_visitVariableExpression_closure(t0, t1) {
+      this.$this = t0;
+      this.node = t1;
+    },
+    _EvaluateVisitor_visitUnaryOperationExpression_closure: function _EvaluateVisitor_visitUnaryOperationExpression_closure(t0, t1) {
+      this.node = t0;
+      this.operand = t1;
+    },
+    _EvaluateVisitor_visitListExpression_closure: function _EvaluateVisitor_visitListExpression_closure(t0) {
+      this.$this = t0;
+    },
+    _EvaluateVisitor_visitFunctionExpression_closure: function _EvaluateVisitor_visitFunctionExpression_closure(t0, t1) {
+      this.$this = t0;
+      this.node = t1;
+    },
+    _EvaluateVisitor_visitFunctionExpression_closure0: function _EvaluateVisitor_visitFunctionExpression_closure0() {
+    },
+    _EvaluateVisitor_visitFunctionExpression_closure1: function _EvaluateVisitor_visitFunctionExpression_closure1(t0, t1, t2) {
+      this._box_0 = t0;
+      this.$this = t1;
+      this.node = t2;
+    },
+    _EvaluateVisitor__visitCalculation_closure: function _EvaluateVisitor__visitCalculation_closure(t0, t1) {
+      this.$this = t0;
+      this.node = t1;
+    },
+    _EvaluateVisitor__checkCalculationArguments_check: function _EvaluateVisitor__checkCalculationArguments_check(t0, t1) {
+      this.$this = t0;
+      this.node = t1;
+    },
+    _EvaluateVisitor__visitCalculationExpression_closure: function _EvaluateVisitor__visitCalculationExpression_closure(t0, t1, t2, t3) {
+      var _ = this;
+      _._box_0 = t0;
+      _.$this = t1;
+      _.node = t2;
+      _.inLegacySassFunction = t3;
+    },
+    _EvaluateVisitor__visitCalculationExpression__closure: function _EvaluateVisitor__visitCalculationExpression__closure(t0, t1) {
+      this.$this = t0;
+      this.node = t1;
+    },
+    _EvaluateVisitor_visitInterpolatedFunctionExpression_closure: function _EvaluateVisitor_visitInterpolatedFunctionExpression_closure(t0, t1, t2) {
+      this.$this = t0;
+      this.node = t1;
+      this.$function = t2;
+    },
+    _EvaluateVisitor__runUserDefinedCallable_closure: function _EvaluateVisitor__runUserDefinedCallable_closure(t0, t1, t2, t3, t4, t5) {
+      var _ = this;
+      _.$this = t0;
+      _.callable = t1;
+      _.evaluated = t2;
+      _.nodeWithSpan = t3;
+      _.run = t4;
+      _.V = t5;
+    },
+    _EvaluateVisitor__runUserDefinedCallable__closure: function _EvaluateVisitor__runUserDefinedCallable__closure(t0, t1, t2, t3, t4, t5) {
+      var _ = this;
+      _.$this = t0;
+      _.evaluated = t1;
+      _.callable = t2;
+      _.nodeWithSpan = t3;
+      _.run = t4;
+      _.V = t5;
+    },
+    _EvaluateVisitor__runUserDefinedCallable___closure: function _EvaluateVisitor__runUserDefinedCallable___closure(t0, t1, t2, t3, t4, t5) {
+      var _ = this;
+      _.$this = t0;
+      _.evaluated = t1;
+      _.callable = t2;
+      _.nodeWithSpan = t3;
+      _.run = t4;
+      _.V = t5;
+    },
+    _EvaluateVisitor__runUserDefinedCallable____closure: function _EvaluateVisitor__runUserDefinedCallable____closure() {
+    },
+    _EvaluateVisitor__runFunctionCallable_closure: function _EvaluateVisitor__runFunctionCallable_closure(t0, t1) {
+      this.$this = t0;
+      this.callable = t1;
+    },
+    _EvaluateVisitor__runBuiltInCallable_closure: function _EvaluateVisitor__runBuiltInCallable_closure(t0, t1, t2) {
+      this._box_0 = t0;
+      this.evaluated = t1;
+      this.namedSet = t2;
+    },
+    _EvaluateVisitor__runBuiltInCallable_closure0: function _EvaluateVisitor__runBuiltInCallable_closure0(t0, t1) {
+      this._box_0 = t0;
+      this.evaluated = t1;
+    },
+    _EvaluateVisitor__runBuiltInCallable_closure1: function _EvaluateVisitor__runBuiltInCallable_closure1() {
+    },
+    _EvaluateVisitor__evaluateArguments_closure: function _EvaluateVisitor__evaluateArguments_closure() {
+    },
+    _EvaluateVisitor__evaluateArguments_closure0: function _EvaluateVisitor__evaluateArguments_closure0(t0, t1) {
+      this.$this = t0;
+      this.restNodeForSpan = t1;
+    },
+    _EvaluateVisitor__evaluateArguments_closure1: function _EvaluateVisitor__evaluateArguments_closure1(t0, t1, t2, t3) {
+      var _ = this;
+      _.$this = t0;
+      _.named = t1;
+      _.restNodeForSpan = t2;
+      _.namedNodes = t3;
+    },
+    _EvaluateVisitor__evaluateArguments_closure2: function _EvaluateVisitor__evaluateArguments_closure2() {
+    },
+    _EvaluateVisitor__evaluateMacroArguments_closure: function _EvaluateVisitor__evaluateMacroArguments_closure(t0) {
+      this.restArgs = t0;
+    },
+    _EvaluateVisitor__evaluateMacroArguments_closure0: function _EvaluateVisitor__evaluateMacroArguments_closure0(t0, t1, t2) {
+      this.$this = t0;
+      this.restNodeForSpan = t1;
+      this.restArgs = t2;
+    },
+    _EvaluateVisitor__evaluateMacroArguments_closure1: function _EvaluateVisitor__evaluateMacroArguments_closure1(t0, t1, t2, t3) {
+      var _ = this;
+      _.$this = t0;
+      _.named = t1;
+      _.restNodeForSpan = t2;
+      _.restArgs = t3;
+    },
+    _EvaluateVisitor__evaluateMacroArguments_closure2: function _EvaluateVisitor__evaluateMacroArguments_closure2(t0, t1, t2) {
+      this.$this = t0;
+      this.keywordRestNodeForSpan = t1;
+      this.keywordRestArgs = t2;
+    },
+    _EvaluateVisitor__addRestMap_closure: function _EvaluateVisitor__addRestMap_closure(t0, t1, t2, t3, t4, t5) {
+      var _ = this;
+      _.$this = t0;
+      _.values = t1;
+      _.convert = t2;
+      _.expressionNode = t3;
+      _.map = t4;
+      _.nodeWithSpan = t5;
+    },
+    _EvaluateVisitor__verifyArguments_closure: function _EvaluateVisitor__verifyArguments_closure(t0, t1, t2) {
+      this.parameters = t0;
+      this.positional = t1;
+      this.named = t2;
+    },
+    _EvaluateVisitor_visitCssAtRule_closure: function _EvaluateVisitor_visitCssAtRule_closure(t0, t1) {
+      this.$this = t0;
+      this.node = t1;
+    },
+    _EvaluateVisitor_visitCssAtRule_closure0: function _EvaluateVisitor_visitCssAtRule_closure0() {
+    },
+    _EvaluateVisitor_visitCssKeyframeBlock_closure: function _EvaluateVisitor_visitCssKeyframeBlock_closure(t0, t1) {
+      this.$this = t0;
+      this.node = t1;
+    },
+    _EvaluateVisitor_visitCssKeyframeBlock_closure0: function _EvaluateVisitor_visitCssKeyframeBlock_closure0() {
+    },
+    _EvaluateVisitor_visitCssMediaRule_closure: function _EvaluateVisitor_visitCssMediaRule_closure(t0, t1) {
+      this.$this = t0;
+      this.node = t1;
+    },
+    _EvaluateVisitor_visitCssMediaRule_closure0: function _EvaluateVisitor_visitCssMediaRule_closure0(t0, t1, t2, t3) {
+      var _ = this;
+      _.$this = t0;
+      _.mergedQueries = t1;
+      _.node = t2;
+      _.mergedSources = t3;
+    },
+    _EvaluateVisitor_visitCssMediaRule__closure: function _EvaluateVisitor_visitCssMediaRule__closure(t0, t1) {
+      this.$this = t0;
+      this.node = t1;
+    },
+    _EvaluateVisitor_visitCssMediaRule___closure: function _EvaluateVisitor_visitCssMediaRule___closure(t0, t1) {
+      this.$this = t0;
+      this.node = t1;
+    },
+    _EvaluateVisitor_visitCssMediaRule_closure1: function _EvaluateVisitor_visitCssMediaRule_closure1(t0) {
+      this.mergedSources = t0;
+    },
+    _EvaluateVisitor_visitCssStyleRule_closure0: function _EvaluateVisitor_visitCssStyleRule_closure0(t0, t1, t2) {
+      this.$this = t0;
+      this.rule = t1;
+      this.node = t2;
+    },
+    _EvaluateVisitor_visitCssStyleRule__closure: function _EvaluateVisitor_visitCssStyleRule__closure(t0, t1) {
+      this.$this = t0;
+      this.node = t1;
+    },
+    _EvaluateVisitor_visitCssStyleRule_closure: function _EvaluateVisitor_visitCssStyleRule_closure() {
+    },
+    _EvaluateVisitor_visitCssSupportsRule_closure: function _EvaluateVisitor_visitCssSupportsRule_closure(t0, t1) {
+      this.$this = t0;
+      this.node = t1;
+    },
+    _EvaluateVisitor_visitCssSupportsRule__closure: function _EvaluateVisitor_visitCssSupportsRule__closure(t0, t1) {
+      this.$this = t0;
+      this.node = t1;
+    },
+    _EvaluateVisitor_visitCssSupportsRule_closure0: function _EvaluateVisitor_visitCssSupportsRule_closure0() {
+    },
+    _EvaluateVisitor__performInterpolationHelper_closure: function _EvaluateVisitor__performInterpolationHelper_closure(t0) {
+      this.interpolation = t0;
+    },
+    _EvaluateVisitor__serialize_closure: function _EvaluateVisitor__serialize_closure(t0, t1) {
+      this.value = t0;
+      this.quote = t1;
+    },
+    _EvaluateVisitor__expressionNode_closure: function _EvaluateVisitor__expressionNode_closure(t0, t1) {
+      this.$this = t0;
+      this.expression = t1;
+    },
+    _EvaluateVisitor__withoutSlash_recommendation: function _EvaluateVisitor__withoutSlash_recommendation() {
+    },
+    _EvaluateVisitor__stackFrame_closure: function _EvaluateVisitor__stackFrame_closure(t0) {
+      this.$this = t0;
+    },
+    _ImportedCssVisitor: function _ImportedCssVisitor(t0) {
+      this._visitor = t0;
+    },
+    _ImportedCssVisitor_visitCssAtRule_closure: function _ImportedCssVisitor_visitCssAtRule_closure() {
+    },
+    _ImportedCssVisitor_visitCssMediaRule_closure: function _ImportedCssVisitor_visitCssMediaRule_closure(t0) {
+      this.hasBeenMerged = t0;
+    },
+    _ImportedCssVisitor_visitCssStyleRule_closure: function _ImportedCssVisitor_visitCssStyleRule_closure() {
+    },
+    _ImportedCssVisitor_visitCssSupportsRule_closure: function _ImportedCssVisitor_visitCssSupportsRule_closure() {
+    },
+    _EvaluationContext: function _EvaluationContext(t0, t1) {
+      this._visitor = t0;
+      this._defaultWarnNodeWithSpan = t1;
+    },
+    EveryCssVisitor: function EveryCssVisitor() {
+    },
+    EveryCssVisitor_visitCssAtRule_closure: function EveryCssVisitor_visitCssAtRule_closure(t0) {
+      this.$this = t0;
+    },
+    EveryCssVisitor_visitCssKeyframeBlock_closure: function EveryCssVisitor_visitCssKeyframeBlock_closure(t0) {
+      this.$this = t0;
+    },
+    EveryCssVisitor_visitCssMediaRule_closure: function EveryCssVisitor_visitCssMediaRule_closure(t0) {
+      this.$this = t0;
+    },
+    EveryCssVisitor_visitCssStyleRule_closure: function EveryCssVisitor_visitCssStyleRule_closure(t0) {
+      this.$this = t0;
+    },
+    EveryCssVisitor_visitCssStylesheet_closure: function EveryCssVisitor_visitCssStylesheet_closure(t0) {
+      this.$this = t0;
+    },
+    EveryCssVisitor_visitCssSupportsRule_closure: function EveryCssVisitor_visitCssSupportsRule_closure(t0) {
+      this.$this = t0;
+    },
+    expressionToCalc(expression) {
+      var t4,
+        t1 = A._setArrayType([B.C__MakeExpressionCalculationSafe.visitBinaryOperationExpression$1(0, expression)], type$.JSArray_Expression),
+        t2 = expression.get$span(0),
+        t3 = type$.Expression;
+      t1 = A.List_List$unmodifiable(t1, t3);
+      t3 = A.ConstantMap_ConstantMap$from(B.Map_empty4, type$.String, t3);
+      t4 = expression.get$span(0);
+      return new A.FunctionExpression(null, A.stringReplaceAllUnchecked("calc", "_", "-"), "calc", new A.ArgumentList(t1, t3, null, null, t2), t4);
+    },
+    _MakeExpressionCalculationSafe: function _MakeExpressionCalculationSafe() {
+    },
+    __MakeExpressionCalculationSafe_Object_ReplaceExpressionVisitor: function __MakeExpressionCalculationSafe_Object_ReplaceExpressionVisitor() {
+    },
+    _FindDependenciesVisitor: function _FindDependenciesVisitor(t0, t1, t2, t3, t4) {
+      var _ = this;
+      _._find_dependencies$_uses = t0;
+      _._find_dependencies$_forwards = t1;
+      _._metaLoadCss = t2;
+      _._imports = t3;
+      _._metaNamespaces = t4;
+    },
+    __FindDependenciesVisitor_Object_RecursiveStatementVisitor: function __FindDependenciesVisitor_Object_RecursiveStatementVisitor() {
+    },
+    IsCalculationSafeVisitor: function IsCalculationSafeVisitor() {
+    },
+    IsCalculationSafeVisitor_visitListExpression_closure: function IsCalculationSafeVisitor_visitListExpression_closure(t0) {
+      this.$this = t0;
+    },
+    RecursiveStatementVisitor: function RecursiveStatementVisitor() {
+    },
+    ReplaceExpressionVisitor: function ReplaceExpressionVisitor() {
+    },
+    ReplaceExpressionVisitor_visitListExpression_closure: function ReplaceExpressionVisitor_visitListExpression_closure(t0) {
+      this.$this = t0;
+    },
+    ReplaceExpressionVisitor_visitArgumentList_closure: function ReplaceExpressionVisitor_visitArgumentList_closure(t0) {
+      this.$this = t0;
+    },
+    ReplaceExpressionVisitor_visitInterpolation_closure: function ReplaceExpressionVisitor_visitInterpolation_closure(t0) {
+      this.$this = t0;
+    },
+    SelectorSearchVisitor: function SelectorSearchVisitor() {
+    },
+    SelectorSearchVisitor_visitComplexSelector_closure: function SelectorSearchVisitor_visitComplexSelector_closure(t0) {
+      this.$this = t0;
+    },
+    SelectorSearchVisitor_visitCompoundSelector_closure: function SelectorSearchVisitor_visitCompoundSelector_closure(t0) {
+      this.$this = t0;
+    },
+    serialize(node, charset, indentWidth, inspect, lineFeed, logger, sourceMap, style, useSpaces) {
+      var t1, css, t2, prefix,
+        visitor = A._SerializeVisitor$(2, inspect, lineFeed, logger, true, sourceMap, style, true);
+      node.accept$1(visitor);
+      t1 = visitor._serialize$_buffer;
+      css = t1.toString$0(0);
+      if (charset) {
+        t2 = new A.CodeUnits(css);
+        t2 = t2.any$1(t2, new A.serialize_closure());
+      } else
+        t2 = false;
+      if (t2)
+        prefix = style === B.OutputStyle_1 ? "\ufeff" : '@charset "UTF-8";\n';
+      else
+        prefix = "";
+      t1 = sourceMap ? t1.buildSourceMap$1$prefix(prefix) : null;
+      return new A._Record_2_sourceMap(prefix + css, t1);
+    },
+    serializeValue(value, inspect, quote) {
+      var _null = null,
+        visitor = A._SerializeVisitor$(_null, inspect, _null, _null, quote, false, _null, true);
+      value.accept$1(visitor);
+      return visitor._serialize$_buffer.toString$0(0);
+    },
+    serializeSelector(selector, inspect) {
+      var _null = null,
+        visitor = A._SerializeVisitor$(_null, true, _null, _null, true, false, _null, true);
+      selector.accept$1(visitor);
+      return visitor._serialize$_buffer.toString$0(0);
+    },
+    _SerializeVisitor$(indentWidth, inspect, lineFeed, logger, quote, sourceMap, style, useSpaces) {
+      var t1 = sourceMap ? new A.SourceMapBuffer(new A.StringBuffer(""), A._setArrayType([], type$.JSArray_Entry)) : new A.NoSourceMapBuffer(new A.StringBuffer("")),
+        t2 = style == null ? B.OutputStyle_0 : style,
+        t3 = indentWidth == null ? 2 : indentWidth;
+      A.RangeError_checkValueInInterval(t3, 0, 10, "indentWidth");
+      return new A._SerializeVisitor(t1, t2, inspect, quote, 32, t3, B.LineFeed_lf);
+    },
+    serialize_closure: function serialize_closure() {
+    },
+    _SerializeVisitor: function _SerializeVisitor(t0, t1, t2, t3, t4, t5, t6) {
+      var _ = this;
+      _._serialize$_buffer = t0;
+      _._indentation = 0;
+      _._style = t1;
+      _._inspect = t2;
+      _._quote = t3;
+      _._indentCharacter = t4;
+      _._indentWidth = t5;
+      _._serialize$_lineFeed = t6;
+    },
+    _SerializeVisitor_visitCssComment_closure: function _SerializeVisitor_visitCssComment_closure(t0, t1) {
+      this.$this = t0;
+      this.node = t1;
+    },
+    _SerializeVisitor_visitCssAtRule_closure: function _SerializeVisitor_visitCssAtRule_closure(t0, t1) {
+      this.$this = t0;
+      this.node = t1;
+    },
+    _SerializeVisitor_visitCssMediaRule_closure: function _SerializeVisitor_visitCssMediaRule_closure(t0, t1) {
+      this.$this = t0;
+      this.node = t1;
+    },
+    _SerializeVisitor_visitCssImport_closure: function _SerializeVisitor_visitCssImport_closure(t0, t1) {
+      this.$this = t0;
+      this.node = t1;
+    },
+    _SerializeVisitor_visitCssImport__closure: function _SerializeVisitor_visitCssImport__closure(t0, t1) {
+      this.$this = t0;
+      this.node = t1;
+    },
+    _SerializeVisitor_visitCssKeyframeBlock_closure: function _SerializeVisitor_visitCssKeyframeBlock_closure(t0, t1) {
+      this.$this = t0;
+      this.node = t1;
+    },
+    _SerializeVisitor_visitCssStyleRule_closure: function _SerializeVisitor_visitCssStyleRule_closure(t0, t1) {
+      this.$this = t0;
+      this.node = t1;
+    },
+    _SerializeVisitor_visitCssSupportsRule_closure: function _SerializeVisitor_visitCssSupportsRule_closure(t0, t1) {
+      this.$this = t0;
+      this.node = t1;
+    },
+    _SerializeVisitor_visitCssDeclaration_closure: function _SerializeVisitor_visitCssDeclaration_closure(t0, t1) {
+      this.$this = t0;
+      this.node = t1;
+    },
+    _SerializeVisitor_visitCssDeclaration_closure0: function _SerializeVisitor_visitCssDeclaration_closure0(t0, t1) {
+      this.$this = t0;
+      this.node = t1;
+    },
+    _SerializeVisitor_visitList_closure: function _SerializeVisitor_visitList_closure() {
+    },
+    _SerializeVisitor_visitList_closure0: function _SerializeVisitor_visitList_closure0(t0, t1) {
+      this.$this = t0;
+      this.value = t1;
+    },
+    _SerializeVisitor_visitList_closure1: function _SerializeVisitor_visitList_closure1(t0) {
+      this.$this = t0;
+    },
+    _SerializeVisitor_visitMap_closure: function _SerializeVisitor_visitMap_closure(t0) {
+      this.$this = t0;
+    },
+    _SerializeVisitor_visitSelectorList_closure: function _SerializeVisitor_visitSelectorList_closure() {
+    },
+    _SerializeVisitor__write_closure: function _SerializeVisitor__write_closure(t0, t1) {
+      this.$this = t0;
+      this.value = t1;
+    },
+    _SerializeVisitor__visitChildren_closure: function _SerializeVisitor__visitChildren_closure(t0, t1) {
+      this.$this = t0;
+      this.child = t1;
+    },
+    _SerializeVisitor__visitChildren_closure0: function _SerializeVisitor__visitChildren_closure0(t0, t1) {
+      this.$this = t0;
+      this.child = t1;
+    },
+    OutputStyle: function OutputStyle(t0) {
+      this._name = t0;
+    },
+    LineFeed: function LineFeed(t0) {
+      this._name = t0;
+    },
+    StatementSearchVisitor: function StatementSearchVisitor() {
+    },
+    StatementSearchVisitor_visitIfRule_closure: function StatementSearchVisitor_visitIfRule_closure(t0) {
+      this.$this = t0;
+    },
+    StatementSearchVisitor_visitIfRule__closure0: function StatementSearchVisitor_visitIfRule__closure0(t0) {
+      this.$this = t0;
+    },
+    StatementSearchVisitor_visitIfRule_closure0: function StatementSearchVisitor_visitIfRule_closure0(t0) {
+      this.$this = t0;
+    },
+    StatementSearchVisitor_visitIfRule__closure: function StatementSearchVisitor_visitIfRule__closure(t0) {
+      this.$this = t0;
+    },
+    StatementSearchVisitor_visitChildren_closure: function StatementSearchVisitor_visitChildren_closure(t0) {
+      this.$this = t0;
+    },
+    Entry: function Entry(t0, t1, t2) {
+      this.source = t0;
+      this.target = t1;
+      this.identifierName = t2;
+    },
+    SingleMapping_SingleMapping$fromEntries(entries) {
+      var lines, t1, t2, urls, names, files, targetEntries, t3, lineNum, _i, sourceEntry, t4, t5, sourceUrl, t6, urlId,
+        sourceEntries = J.toList$0$ax(entries);
+      B.JSArray_methods.sort$0(sourceEntries);
+      lines = A._setArrayType([], type$.JSArray_TargetLineEntry);
+      t1 = type$.String;
+      t2 = type$.int;
+      urls = A.LinkedHashMap_LinkedHashMap$_empty(t1, t2);
+      names = A.LinkedHashMap_LinkedHashMap$_empty(t1, t2);
+      files = A.LinkedHashMap_LinkedHashMap$_empty(t2, type$.SourceFile);
+      targetEntries = A._Cell$();
+      for (t2 = sourceEntries.length, t3 = type$.JSArray_TargetEntry, lineNum = null, _i = 0; _i < sourceEntries.length; sourceEntries.length === t2 || (0, A.throwConcurrentModificationError)(sourceEntries), ++_i) {
+        sourceEntry = sourceEntries[_i];
+        if (lineNum == null || sourceEntry.target.line > lineNum) {
+          lineNum = sourceEntry.target.line;
+          t4 = A._setArrayType([], t3);
+          targetEntries.__late_helper$_value = t4;
+          lines.push(new A.TargetLineEntry(lineNum, t4));
+        }
+        t4 = sourceEntry.source;
+        t5 = t4.file;
+        sourceUrl = t5.url;
+        t6 = sourceUrl == null ? "" : sourceUrl.toString$0(0);
+        urlId = urls.putIfAbsent$2(t6, new A.SingleMapping_SingleMapping$fromEntries_closure(urls));
+        files.putIfAbsent$2(urlId, new A.SingleMapping_SingleMapping$fromEntries_closure0(sourceEntry));
+        t6 = targetEntries.__late_helper$_value;
+        if (t6 === targetEntries)
+          A.throwExpression(A.LateError$localNI(""));
+        t4 = t4.offset;
+        J.add$1$ax(t6, new A.TargetEntry(sourceEntry.target.column, urlId, t5.getLine$1(t4), t5.getColumn$1(t4), null));
+      }
+      t2 = urls.$ti;
+      t3 = t2._eval$1("LinkedHashMapValuesIterable<2>");
+      t3 = A.MappedIterable_MappedIterable(new A.LinkedHashMapValuesIterable(urls, t3), new A.SingleMapping_SingleMapping$fromEntries_closure1(files), t3._eval$1("Iterable.E"), type$.nullable_SourceFile);
+      t3 = A.List_List$_of(t3, A._instanceType(t3)._eval$1("Iterable.E"));
+      t2 = t2._eval$1("LinkedHashMapKeysIterable<1>");
+      t2 = A.List_List$_of(new A.LinkedHashMapKeysIterable(urls, t2), t2._eval$1("Iterable.E"));
+      t4 = names.$ti._eval$1("LinkedHashMapKeysIterable<1>");
+      t4 = A.List_List$_of(new A.LinkedHashMapKeysIterable(names, t4), t4._eval$1("Iterable.E"));
+      return new A.SingleMapping(t2, t4, t3, lines, null, A.LinkedHashMap_LinkedHashMap$_empty(t1, type$.dynamic));
+    },
+    Mapping: function Mapping() {
+    },
+    SingleMapping: function SingleMapping(t0, t1, t2, t3, t4, t5) {
+      var _ = this;
+      _.urls = t0;
+      _.names = t1;
+      _.files = t2;
+      _.lines = t3;
+      _.targetUrl = t4;
+      _.sourceRoot = null;
+      _.extensions = t5;
+    },
+    SingleMapping_SingleMapping$fromEntries_closure: function SingleMapping_SingleMapping$fromEntries_closure(t0) {
+      this.urls = t0;
+    },
+    SingleMapping_SingleMapping$fromEntries_closure0: function SingleMapping_SingleMapping$fromEntries_closure0(t0) {
+      this.sourceEntry = t0;
+    },
+    SingleMapping_SingleMapping$fromEntries_closure1: function SingleMapping_SingleMapping$fromEntries_closure1(t0) {
+      this.files = t0;
+    },
+    SingleMapping_toJson_closure: function SingleMapping_toJson_closure() {
+    },
+    SingleMapping_toJson_closure0: function SingleMapping_toJson_closure0(t0) {
+      this.result = t0;
+    },
+    TargetLineEntry: function TargetLineEntry(t0, t1) {
+      this.line = t0;
+      this.entries = t1;
+    },
+    TargetEntry: function TargetEntry(t0, t1, t2, t3, t4) {
+      var _ = this;
+      _.column = t0;
+      _.sourceUrlId = t1;
+      _.sourceLine = t2;
+      _.sourceColumn = t3;
+      _.sourceNameId = t4;
+    },
+    SourceFile$fromString(text, url) {
+      var t1 = new A.CodeUnits(text),
+        t2 = A._setArrayType([0], type$.JSArray_int),
+        t3 = typeof url == "string" ? A.Uri_parse(url) : type$.nullable_Uri._as(url);
+      t2 = new A.SourceFile(t3, t2, new Uint32Array(A._ensureNativeList(t1.toList$0(t1))));
+      t2.SourceFile$decoded$2$url(t1, url);
+      return t2;
+    },
+    SourceFile$decoded(decodedChars, url) {
+      var t1 = A._setArrayType([0], type$.JSArray_int),
+        t2 = typeof url == "string" ? A.Uri_parse(url) : type$.nullable_Uri._as(url);
+      t1 = new A.SourceFile(t2, t1, new Uint32Array(A._ensureNativeList(J.toList$0$ax(decodedChars))));
+      t1.SourceFile$decoded$2$url(decodedChars, url);
+      return t1;
+    },
+    FileLocation$_(file, offset) {
+      if (offset < 0)
+        A.throwExpression(A.RangeError$("Offset may not be negative, was " + offset + "."));
+      else if (offset > file._decodedChars.length)
+        A.throwExpression(A.RangeError$("Offset " + offset + string$.x20must_n + file.get$length(0) + "."));
+      return new A.FileLocation(file, offset);
+    },
+    _FileSpan$(file, _start, _end) {
+      if (_end < _start)
+        A.throwExpression(A.ArgumentError$("End " + _end + " must come after start " + _start + ".", null));
+      else if (_end > file._decodedChars.length)
+        A.throwExpression(A.RangeError$("End " + _end + string$.x20must_n + file.get$length(0) + "."));
+      else if (_start < 0)
+        A.throwExpression(A.RangeError$("Start may not be negative, was " + _start + "."));
+      return new A._FileSpan(file, _start, _end);
+    },
+    FileSpanExtension_subspan(_this, start, end) {
+      var t1, startOffset, t2;
+      A.RangeError_checkValidRange(start, end, _this.get$length(_this));
+      if (start === 0)
+        t1 = end == null || end === _this.get$length(_this);
+      else
+        t1 = false;
+      if (t1)
+        return _this;
+      startOffset = _this.get$start(_this).offset;
+      t1 = _this.get$file(_this);
+      t2 = end == null ? _this.get$end(_this).offset : startOffset + end;
+      return t1.span$2(0, startOffset + start, t2);
+    },
+    SourceFile: function SourceFile(t0, t1, t2) {
+      var _ = this;
+      _.url = t0;
+      _._lineStarts = t1;
+      _._decodedChars = t2;
+      _._cachedLine = null;
+    },
+    FileLocation: function FileLocation(t0, t1) {
+      this.file = t0;
+      this.offset = t1;
+    },
+    _FileSpan: function _FileSpan(t0, t1, t2) {
+      this.file = t0;
+      this._file$_start = t1;
+      this._end = t2;
+    },
+    Highlighter$(span, color) {
+      var t1 = A.Highlighter__collateLines(A._setArrayType([A._Highlight$(span, null, true)], type$.JSArray__Highlight)),
+        t2 = new A.Highlighter_closure(color).call$0(),
+        t3 = B.JSInt_methods.toString$0(B.JSArray_methods.get$last(t1).number + 1),
+        t4 = A.Highlighter__contiguous(t1) ? 0 : 3,
+        t5 = A._arrayInstanceType(t1);
+      return new A.Highlighter(t1, t2, null, 1 + Math.max(t3.length, t4), new A.MappedListIterable(t1, new A.Highlighter$__closure(), t5._eval$1("MappedListIterable<1,int>")).reduce$1(0, B.CONSTANT), !A.isAllTheSame(new A.MappedListIterable(t1, new A.Highlighter$__closure0(), t5._eval$1("MappedListIterable<1,Object?>"))), new A.StringBuffer(""));
+    },
+    Highlighter$multiple(primarySpan, primaryLabel, secondarySpans, color, primaryColor, secondaryColor) {
+      var t2, t3, t4, t5, t6,
+        t1 = A._setArrayType([A._Highlight$(primarySpan, primaryLabel, true)], type$.JSArray__Highlight);
+      for (t2 = secondarySpans.get$entries(secondarySpans), t2 = t2.get$iterator(t2); t2.moveNext$0();) {
+        t3 = t2.get$current(t2);
+        t1.push(A._Highlight$(t3.key, t3.value, false));
+      }
+      t1 = A.Highlighter__collateLines(t1);
+      if (color)
+        t2 = primaryColor == null ? "\x1b[31m" : primaryColor;
+      else
+        t2 = null;
+      if (color)
+        t3 = "\x1b[34m";
+      else
+        t3 = null;
+      t4 = B.JSInt_methods.toString$0(B.JSArray_methods.get$last(t1).number + 1);
+      t5 = A.Highlighter__contiguous(t1) ? 0 : 3;
+      t6 = A._arrayInstanceType(t1);
+      return new A.Highlighter(t1, t2, t3, 1 + Math.max(t4.length, t5), new A.MappedListIterable(t1, new A.Highlighter$__closure(), t6._eval$1("MappedListIterable<1,int>")).reduce$1(0, B.CONSTANT), !A.isAllTheSame(new A.MappedListIterable(t1, new A.Highlighter$__closure0(), t6._eval$1("MappedListIterable<1,Object?>"))), new A.StringBuffer(""));
+    },
+    Highlighter__contiguous(lines) {
+      var i, thisLine, nextLine;
+      for (i = 0; i < lines.length - 1;) {
+        thisLine = lines[i];
+        ++i;
+        nextLine = lines[i];
+        if (thisLine.number + 1 !== nextLine.number && J.$eq$(thisLine.url, nextLine.url))
+          return false;
+      }
+      return true;
+    },
+    Highlighter__collateLines(highlights) {
+      var t1, t2,
+        highlightsByUrl = A.groupBy(highlights, new A.Highlighter__collateLines_closure(), type$._Highlight, type$.Object);
+      for (t1 = new A.LinkedHashMapValueIterator(highlightsByUrl, highlightsByUrl._modifications, highlightsByUrl._first); t1.moveNext$0();)
+        J.sort$1$ax(t1.__js_helper$_current, new A.Highlighter__collateLines_closure0());
+      t1 = A._instanceType(highlightsByUrl)._eval$1("LinkedHashMapEntriesIterable<1,2>");
+      t2 = t1._eval$1("ExpandIterable<Iterable.E,_Line>");
+      t1 = A.List_List$_of(new A.ExpandIterable(new A.LinkedHashMapEntriesIterable(highlightsByUrl, t1), new A.Highlighter__collateLines_closure1(), t2), t2._eval$1("Iterable.E"));
+      return t1;
+    },
+    _Highlight$(span, label, primary) {
+      var t2,
+        t1 = new A._Highlight_closure(span).call$0();
+      if (label == null)
+        t2 = null;
+      else
+        t2 = A.stringReplaceAllUnchecked(label, "\r\n", "\n");
+      return new A._Highlight(t1, primary, t2);
+    },
+    _Highlight__normalizeNewlines(span) {
+      var endOffset, t1, i, t2, t3, t4,
+        text = span.get$text();
+      if (!B.JSString_methods.contains$1(text, "\r\n"))
+        return span;
+      endOffset = span.get$end(span).get$offset();
+      for (t1 = text.length - 1, i = 0; i < t1; ++i)
+        if (text.charCodeAt(i) === 13 && text.charCodeAt(i + 1) === 10)
+          --endOffset;
+      t1 = span.get$start(span);
+      t2 = span.get$sourceUrl(span);
+      t3 = span.get$end(span).get$line();
+      t2 = A.SourceLocation$(endOffset, span.get$end(span).get$column(), t3, t2);
+      t3 = A.stringReplaceAllUnchecked(text, "\r\n", "\n");
+      t4 = span.get$context(span);
+      return A.SourceSpanWithContext$(t1, t2, t3, A.stringReplaceAllUnchecked(t4, "\r\n", "\n"));
+    },
+    _Highlight__normalizeTrailingNewline(span) {
+      var context, text, start, end, t1, t2, t3;
+      if (!B.JSString_methods.endsWith$1(span.get$context(span), "\n"))
+        return span;
+      if (B.JSString_methods.endsWith$1(span.get$text(), "\n\n"))
+        return span;
+      context = B.JSString_methods.substring$2(span.get$context(span), 0, span.get$context(span).length - 1);
+      text = span.get$text();
+      start = span.get$start(span);
+      end = span.get$end(span);
+      if (B.JSString_methods.endsWith$1(span.get$text(), "\n")) {
+        t1 = A.findLineStart(span.get$context(span), span.get$text(), span.get$start(span).get$column());
+        t1.toString;
+        t1 = t1 + span.get$start(span).get$column() + span.get$length(span) === span.get$context(span).length;
+      } else
+        t1 = false;
+      if (t1) {
+        text = B.JSString_methods.substring$2(span.get$text(), 0, span.get$text().length - 1);
+        if (text.length === 0)
+          end = start;
+        else {
+          t1 = span.get$end(span).get$offset();
+          t2 = span.get$sourceUrl(span);
+          t3 = span.get$end(span).get$line();
+          end = A.SourceLocation$(t1 - 1, A._Highlight__lastLineLength(context), t3 - 1, t2);
+          start = span.get$start(span).get$offset() === span.get$end(span).get$offset() ? end : span.get$start(span);
+        }
+      }
+      return A.SourceSpanWithContext$(start, end, text, context);
+    },
+    _Highlight__normalizeEndOfLine(span) {
+      var text, t1, t2, t3, t4;
+      if (span.get$end(span).get$column() !== 0)
+        return span;
+      if (span.get$end(span).get$line() === span.get$start(span).get$line())
+        return span;
+      text = B.JSString_methods.substring$2(span.get$text(), 0, span.get$text().length - 1);
+      t1 = span.get$start(span);
+      t2 = span.get$end(span).get$offset();
+      t3 = span.get$sourceUrl(span);
+      t4 = span.get$end(span).get$line();
+      t3 = A.SourceLocation$(t2 - 1, text.length - B.JSString_methods.lastIndexOf$1(text, "\n") - 1, t4 - 1, t3);
+      return A.SourceSpanWithContext$(t1, t3, text, B.JSString_methods.endsWith$1(span.get$context(span), "\n") ? B.JSString_methods.substring$2(span.get$context(span), 0, span.get$context(span).length - 1) : span.get$context(span));
+    },
+    _Highlight__lastLineLength(text) {
+      var t1 = text.length;
+      if (t1 === 0)
+        return 0;
+      else if (text.charCodeAt(t1 - 1) === 10)
+        return t1 === 1 ? 0 : t1 - B.JSString_methods.lastIndexOf$2(text, "\n", t1 - 2) - 1;
+      else
+        return t1 - B.JSString_methods.lastIndexOf$1(text, "\n") - 1;
+    },
+    Highlighter: function Highlighter(t0, t1, t2, t3, t4, t5, t6) {
+      var _ = this;
+      _._lines = t0;
+      _._primaryColor = t1;
+      _._secondaryColor = t2;
+      _._paddingBeforeSidebar = t3;
+      _._maxMultilineSpans = t4;
+      _._multipleFiles = t5;
+      _._highlighter$_buffer = t6;
+    },
+    Highlighter_closure: function Highlighter_closure(t0) {
+      this.color = t0;
+    },
+    Highlighter$__closure: function Highlighter$__closure() {
+    },
+    Highlighter$___closure: function Highlighter$___closure() {
+    },
+    Highlighter$__closure0: function Highlighter$__closure0() {
+    },
+    Highlighter__collateLines_closure: function Highlighter__collateLines_closure() {
+    },
+    Highlighter__collateLines_closure0: function Highlighter__collateLines_closure0() {
+    },
+    Highlighter__collateLines_closure1: function Highlighter__collateLines_closure1() {
+    },
+    Highlighter__collateLines__closure: function Highlighter__collateLines__closure(t0) {
+      this.line = t0;
+    },
+    Highlighter_highlight_closure: function Highlighter_highlight_closure() {
+    },
+    Highlighter__writeFileStart_closure: function Highlighter__writeFileStart_closure(t0) {
+      this.$this = t0;
+    },
+    Highlighter__writeMultilineHighlights_closure: function Highlighter__writeMultilineHighlights_closure(t0, t1, t2) {
+      this.$this = t0;
+      this.startLine = t1;
+      this.line = t2;
+    },
+    Highlighter__writeMultilineHighlights_closure0: function Highlighter__writeMultilineHighlights_closure0(t0, t1) {
+      this.$this = t0;
+      this.highlight = t1;
+    },
+    Highlighter__writeMultilineHighlights_closure1: function Highlighter__writeMultilineHighlights_closure1(t0) {
+      this.$this = t0;
+    },
+    Highlighter__writeMultilineHighlights_closure2: function Highlighter__writeMultilineHighlights_closure2(t0, t1, t2, t3, t4, t5, t6) {
+      var _ = this;
+      _._box_0 = t0;
+      _.$this = t1;
+      _.current = t2;
+      _.startLine = t3;
+      _.line = t4;
+      _.highlight = t5;
+      _.endLine = t6;
+    },
+    Highlighter__writeMultilineHighlights__closure: function Highlighter__writeMultilineHighlights__closure(t0, t1) {
+      this._box_0 = t0;
+      this.$this = t1;
+    },
+    Highlighter__writeMultilineHighlights__closure0: function Highlighter__writeMultilineHighlights__closure0(t0, t1) {
+      this.$this = t0;
+      this.vertical = t1;
+    },
+    Highlighter__writeHighlightedText_closure: function Highlighter__writeHighlightedText_closure(t0, t1, t2, t3) {
+      var _ = this;
+      _.$this = t0;
+      _.text = t1;
+      _.startColumn = t2;
+      _.endColumn = t3;
+    },
+    Highlighter__writeIndicator_closure: function Highlighter__writeIndicator_closure(t0, t1, t2) {
+      this.$this = t0;
+      this.line = t1;
+      this.highlight = t2;
+    },
+    Highlighter__writeIndicator_closure0: function Highlighter__writeIndicator_closure0(t0, t1, t2) {
+      this.$this = t0;
+      this.line = t1;
+      this.highlight = t2;
+    },
+    Highlighter__writeIndicator_closure1: function Highlighter__writeIndicator_closure1(t0, t1, t2, t3) {
+      var _ = this;
+      _.$this = t0;
+      _.coversWholeLine = t1;
+      _.line = t2;
+      _.highlight = t3;
+    },
+    Highlighter__writeLabel_closure: function Highlighter__writeLabel_closure(t0, t1) {
+      this.$this = t0;
+      this.lines = t1;
+    },
+    Highlighter__writeLabel_closure0: function Highlighter__writeLabel_closure0(t0, t1) {
+      this.$this = t0;
+      this.text = t1;
+    },
+    Highlighter__writeSidebar_closure: function Highlighter__writeSidebar_closure(t0, t1, t2) {
+      this._box_0 = t0;
+      this.$this = t1;
+      this.end = t2;
+    },
+    _Highlight: function _Highlight(t0, t1, t2) {
+      this.span = t0;
+      this.isPrimary = t1;
+      this.label = t2;
+    },
+    _Highlight_closure: function _Highlight_closure(t0) {
+      this.span = t0;
+    },
+    _Line: function _Line(t0, t1, t2, t3) {
+      var _ = this;
+      _.text = t0;
+      _.number = t1;
+      _.url = t2;
+      _.highlights = t3;
+    },
+    SourceLocation$(offset, column, line, sourceUrl) {
+      var t1 = line == null,
+        t2 = t1 ? 0 : line,
+        t3 = column == null,
+        t4 = t3 ? offset : column;
+      if (offset < 0)
+        A.throwExpression(A.RangeError$("Offset may not be negative, was " + offset + "."));
+      else if (!t1 && line < 0)
+        A.throwExpression(A.RangeError$("Line may not be negative, was " + A.S(line) + "."));
+      else if (!t3 && column < 0)
+        A.throwExpression(A.RangeError$("Column may not be negative, was " + A.S(column) + "."));
+      return new A.SourceLocation(sourceUrl, offset, t2, t4);
+    },
+    SourceLocation: function SourceLocation(t0, t1, t2, t3) {
+      var _ = this;
+      _.sourceUrl = t0;
+      _.offset = t1;
+      _.line = t2;
+      _.column = t3;
+    },
+    SourceLocationMixin: function SourceLocationMixin() {
+    },
+    SourceSpanExtension_messageMultiple(_this, message, label, secondarySpans, color, primaryColor, secondaryColor) {
+      var t2, t3,
+        t1 = _this.get$start(_this);
+      t1 = t1.file.getLine$1(t1.offset);
+      t2 = _this.get$start(_this);
+      t2 = "line " + (t1 + 1) + ", column " + (t2.file.getColumn$1(t2.offset) + 1);
+      if (_this.get$sourceUrl(_this) != null) {
+        t1 = _this.get$sourceUrl(_this);
+        t3 = $.$get$context();
+        t1.toString;
+        t1 = t2 + (" of " + t3.prettyUri$1(t1));
+      } else
+        t1 = t2;
+      t1 = t1 + (": " + message + "\n") + A.Highlighter$multiple(_this, label, secondarySpans, color, primaryColor, secondaryColor).highlight$0();
+      return t1.charCodeAt(0) == 0 ? t1 : t1;
+    },
+    SourceSpanBase: function SourceSpanBase() {
+    },
+    SourceSpanException: function SourceSpanException() {
+    },
+    SourceSpanFormatException: function SourceSpanFormatException(t0, t1, t2) {
+      this.source = t0;
+      this._span_exception$_message = t1;
+      this._span = t2;
+    },
+    MultiSourceSpanException: function MultiSourceSpanException() {
+    },
+    MultiSourceSpanFormatException: function MultiSourceSpanFormatException(t0, t1, t2, t3, t4) {
+      var _ = this;
+      _.source = t0;
+      _.primaryLabel = t1;
+      _.secondarySpans = t2;
+      _._span_exception$_message = t3;
+      _._span = t4;
+    },
+    SourceSpanMixin: function SourceSpanMixin() {
+    },
+    SourceSpanWithContext$(start, end, text, _context) {
+      var t1 = new A.SourceSpanWithContext(_context, start, end, text);
+      t1.SourceSpanBase$3(start, end, text);
+      if (!B.JSString_methods.contains$1(_context, text))
+        A.throwExpression(A.ArgumentError$('The context line "' + _context + '" must contain "' + text + '".', null));
+      if (A.findLineStart(_context, text, start.get$column()) == null)
+        A.throwExpression(A.ArgumentError$('The span text "' + text + '" must start at column ' + (start.get$column() + 1) + ' in a line within "' + _context + '".', null));
+      return t1;
+    },
+    SourceSpanWithContext: function SourceSpanWithContext(t0, t1, t2, t3) {
+      var _ = this;
+      _._context = t0;
+      _.start = t1;
+      _.end = t2;
+      _.text = t3;
+    },
+    Chain_Chain$parse(chain) {
+      var t1, t2,
+        _s51_ = string$.x3d_____;
+      if (chain.length === 0)
+        return new A.Chain(A.List_List$unmodifiable(A._setArrayType([], type$.JSArray_Trace), type$.Trace));
+      t1 = $.$get$vmChainGap();
+      if (B.JSString_methods.contains$1(chain, t1)) {
+        t1 = B.JSString_methods.split$1(chain, t1);
+        t2 = A._arrayInstanceType(t1);
+        return new A.Chain(A.List_List$unmodifiable(new A.MappedIterable(new A.WhereIterable(t1, new A.Chain_Chain$parse_closure(), t2._eval$1("WhereIterable<1>")), A.trace_Trace___parseVM_tearOff$closure(), t2._eval$1("MappedIterable<1,Trace>")), type$.Trace));
+      }
+      if (!B.JSString_methods.contains$1(chain, _s51_))
+        return new A.Chain(A.List_List$unmodifiable(A._setArrayType([A.Trace_Trace$parse(chain)], type$.JSArray_Trace), type$.Trace));
+      return new A.Chain(A.List_List$unmodifiable(new A.MappedListIterable(A._setArrayType(chain.split(_s51_), type$.JSArray_String), A.trace_Trace___parseFriendly_tearOff$closure(), type$.MappedListIterable_String_Trace), type$.Trace));
+    },
+    Chain: function Chain(t0) {
+      this.traces = t0;
+    },
+    Chain_Chain$parse_closure: function Chain_Chain$parse_closure() {
+    },
+    Chain_toTrace_closure: function Chain_toTrace_closure() {
+    },
+    Chain_toString_closure0: function Chain_toString_closure0() {
+    },
+    Chain_toString__closure0: function Chain_toString__closure0() {
+    },
+    Chain_toString_closure: function Chain_toString_closure(t0) {
+      this.longest = t0;
+    },
+    Chain_toString__closure: function Chain_toString__closure(t0) {
+      this.longest = t0;
+    },
+    Frame___parseVM_tearOff(frame) {
+      return A.Frame_Frame$parseVM(frame);
+    },
+    Frame_Frame$parseVM(frame) {
+      return A.Frame__catchFormatException(frame, new A.Frame_Frame$parseVM_closure(frame));
+    },
+    Frame___parseV8_tearOff(frame) {
+      return A.Frame_Frame$parseV8(frame);
+    },
+    Frame_Frame$parseV8(frame) {
+      return A.Frame__catchFormatException(frame, new A.Frame_Frame$parseV8_closure(frame));
+    },
+    Frame_Frame$_parseFirefoxEval(frame) {
+      return A.Frame__catchFormatException(frame, new A.Frame_Frame$_parseFirefoxEval_closure(frame));
+    },
+    Frame___parseFirefox_tearOff(frame) {
+      return A.Frame_Frame$parseFirefox(frame);
+    },
+    Frame_Frame$parseFirefox(frame) {
+      return A.Frame__catchFormatException(frame, new A.Frame_Frame$parseFirefox_closure(frame));
+    },
+    Frame___parseFriendly_tearOff(frame) {
+      return A.Frame_Frame$parseFriendly(frame);
+    },
+    Frame_Frame$parseFriendly(frame) {
+      return A.Frame__catchFormatException(frame, new A.Frame_Frame$parseFriendly_closure(frame));
+    },
+    Frame__uriOrPathToUri(uriOrPath) {
+      if (B.JSString_methods.contains$1(uriOrPath, $.$get$Frame__uriRegExp()))
+        return A.Uri_parse(uriOrPath);
+      else if (B.JSString_methods.contains$1(uriOrPath, $.$get$Frame__windowsRegExp()))
+        return A._Uri__Uri$file(uriOrPath, true);
+      else if (B.JSString_methods.startsWith$1(uriOrPath, "/"))
+        return A._Uri__Uri$file(uriOrPath, false);
+      if (B.JSString_methods.contains$1(uriOrPath, "\\"))
+        return $.$get$windows().toUri$1(uriOrPath);
+      return A.Uri_parse(uriOrPath);
+    },
+    Frame__catchFormatException(text, body) {
+      var t1, exception;
+      try {
+        t1 = body.call$0();
+        return t1;
+      } catch (exception) {
+        if (type$.FormatException._is(A.unwrapException(exception)))
+          return new A.UnparsedFrame(A._Uri__Uri(null, "unparsed", null, null), text);
+        else
+          throw exception;
+      }
+    },
+    Frame: function Frame(t0, t1, t2, t3) {
+      var _ = this;
+      _.uri = t0;
+      _.line = t1;
+      _.column = t2;
+      _.member = t3;
+    },
+    Frame_Frame$parseVM_closure: function Frame_Frame$parseVM_closure(t0) {
+      this.frame = t0;
+    },
+    Frame_Frame$parseV8_closure: function Frame_Frame$parseV8_closure(t0) {
+      this.frame = t0;
+    },
+    Frame_Frame$parseV8_closure_parseJsLocation: function Frame_Frame$parseV8_closure_parseJsLocation(t0) {
+      this.frame = t0;
+    },
+    Frame_Frame$_parseFirefoxEval_closure: function Frame_Frame$_parseFirefoxEval_closure(t0) {
+      this.frame = t0;
+    },
+    Frame_Frame$parseFirefox_closure: function Frame_Frame$parseFirefox_closure(t0) {
+      this.frame = t0;
+    },
+    Frame_Frame$parseFriendly_closure: function Frame_Frame$parseFriendly_closure(t0) {
+      this.frame = t0;
+    },
+    LazyTrace: function LazyTrace(t0) {
+      this._thunk = t0;
+      this.__LazyTrace__trace_FI = $;
+    },
+    LazyTrace_terse_closure: function LazyTrace_terse_closure(t0) {
+      this.$this = t0;
+    },
+    Trace_Trace$from(trace) {
+      if (type$.Trace._is(trace))
+        return trace;
+      if (trace instanceof A.Chain)
+        return trace.toTrace$0();
+      return new A.LazyTrace(new A.Trace_Trace$from_closure(trace));
+    },
+    Trace_Trace$parse(trace) {
+      var error, t1, exception;
+      try {
+        if (trace.length === 0) {
+          t1 = A.Trace$(A._setArrayType([], type$.JSArray_Frame), null);
+          return t1;
+        }
+        if (B.JSString_methods.contains$1(trace, $.$get$_v8Trace())) {
+          t1 = A.Trace$parseV8(trace);
+          return t1;
+        }
+        if (B.JSString_methods.contains$1(trace, "\tat ")) {
+          t1 = A.Trace$parseJSCore(trace);
+          return t1;
+        }
+        if (B.JSString_methods.contains$1(trace, $.$get$_firefoxSafariTrace()) || B.JSString_methods.contains$1(trace, $.$get$_firefoxEvalTrace())) {
+          t1 = A.Trace$parseFirefox(trace);
+          return t1;
+        }
+        if (B.JSString_methods.contains$1(trace, string$.x3d_____)) {
+          t1 = A.Chain_Chain$parse(trace).toTrace$0();
+          return t1;
+        }
+        if (B.JSString_methods.contains$1(trace, $.$get$_friendlyTrace())) {
+          t1 = A.Trace$parseFriendly(trace);
+          return t1;
+        }
+        t1 = A.Trace$parseVM(trace);
+        return t1;
+      } catch (exception) {
+        t1 = A.unwrapException(exception);
+        if (type$.FormatException._is(t1)) {
+          error = t1;
+          throw A.wrapException(A.FormatException$(J.get$message$x(error) + "\nStack trace:\n" + trace, null, null));
+        } else
+          throw exception;
+      }
+    },
+    Trace___parseVM_tearOff(trace) {
+      return A.Trace$parseVM(trace);
+    },
+    Trace$parseVM(trace) {
+      var t1 = A.List_List$unmodifiable(A.Trace__parseVM(trace), type$.Frame);
+      return new A.Trace(t1, new A._StringStackTrace(trace));
+    },
+    Trace__parseVM(trace) {
+      var $frames,
+        t1 = B.JSString_methods.trim$0(trace),
+        t2 = $.$get$vmChainGap(),
+        t3 = type$.WhereIterable_String,
+        lines = new A.WhereIterable(A._setArrayType(A.stringReplaceAllUnchecked(t1, t2, "").split("\n"), type$.JSArray_String), new A.Trace__parseVM_closure(), t3);
+      if (!lines.get$iterator(0).moveNext$0())
+        return A._setArrayType([], type$.JSArray_Frame);
+      t1 = A.TakeIterable_TakeIterable(lines, lines.get$length(0) - 1, t3._eval$1("Iterable.E"));
+      t1 = A.MappedIterable_MappedIterable(t1, A.frame_Frame___parseVM_tearOff$closure(), A._instanceType(t1)._eval$1("Iterable.E"), type$.Frame);
+      $frames = A.List_List$_of(t1, A._instanceType(t1)._eval$1("Iterable.E"));
+      if (!B.JSString_methods.endsWith$1(lines.get$last(0), ".da"))
+        $frames.push(A.Frame_Frame$parseVM(lines.get$last(0)));
+      return $frames;
+    },
+    Trace$parseV8(trace) {
+      var t1 = A.SubListIterable$(A._setArrayType(trace.split("\n"), type$.JSArray_String), 1, null, type$.String).super$Iterable$skipWhile(0, new A.Trace$parseV8_closure()),
+        t2 = type$.Frame;
+      t2 = A.List_List$unmodifiable(A.MappedIterable_MappedIterable(t1, A.frame_Frame___parseV8_tearOff$closure(), t1.$ti._eval$1("Iterable.E"), t2), t2);
+      return new A.Trace(t2, new A._StringStackTrace(trace));
+    },
+    Trace$parseJSCore(trace) {
+      var t1 = A.List_List$unmodifiable(new A.MappedIterable(new A.WhereIterable(A._setArrayType(trace.split("\n"), type$.JSArray_String), new A.Trace$parseJSCore_closure(), type$.WhereIterable_String), A.frame_Frame___parseV8_tearOff$closure(), type$.MappedIterable_String_Frame), type$.Frame);
+      return new A.Trace(t1, new A._StringStackTrace(trace));
+    },
+    Trace$parseFirefox(trace) {
+      var t1 = A.List_List$unmodifiable(new A.MappedIterable(new A.WhereIterable(A._setArrayType(B.JSString_methods.trim$0(trace).split("\n"), type$.JSArray_String), new A.Trace$parseFirefox_closure(), type$.WhereIterable_String), A.frame_Frame___parseFirefox_tearOff$closure(), type$.MappedIterable_String_Frame), type$.Frame);
+      return new A.Trace(t1, new A._StringStackTrace(trace));
+    },
+    Trace___parseFriendly_tearOff(trace) {
+      return A.Trace$parseFriendly(trace);
+    },
+    Trace$parseFriendly(trace) {
+      var t1 = trace.length === 0 ? A._setArrayType([], type$.JSArray_Frame) : new A.MappedIterable(new A.WhereIterable(A._setArrayType(B.JSString_methods.trim$0(trace).split("\n"), type$.JSArray_String), new A.Trace$parseFriendly_closure(), type$.WhereIterable_String), A.frame_Frame___parseFriendly_tearOff$closure(), type$.MappedIterable_String_Frame);
+      t1 = A.List_List$unmodifiable(t1, type$.Frame);
+      return new A.Trace(t1, new A._StringStackTrace(trace));
+    },
+    Trace$($frames, original) {
+      var t1 = A.List_List$unmodifiable($frames, type$.Frame);
+      return new A.Trace(t1, new A._StringStackTrace(original == null ? "" : original));
+    },
+    Trace: function Trace(t0, t1) {
+      this.frames = t0;
+      this.original = t1;
+    },
+    Trace_Trace$from_closure: function Trace_Trace$from_closure(t0) {
+      this.trace = t0;
+    },
+    Trace__parseVM_closure: function Trace__parseVM_closure() {
+    },
+    Trace$parseV8_closure: function Trace$parseV8_closure() {
+    },
+    Trace$parseJSCore_closure: function Trace$parseJSCore_closure() {
+    },
+    Trace$parseFirefox_closure: function Trace$parseFirefox_closure() {
+    },
+    Trace$parseFriendly_closure: function Trace$parseFriendly_closure() {
+    },
+    Trace_terse_closure: function Trace_terse_closure() {
+    },
+    Trace_foldFrames_closure: function Trace_foldFrames_closure(t0) {
+      this.oldPredicate = t0;
+    },
+    Trace_foldFrames_closure0: function Trace_foldFrames_closure0(t0) {
+      this._box_0 = t0;
+    },
+    Trace_toString_closure0: function Trace_toString_closure0() {
+    },
+    Trace_toString_closure: function Trace_toString_closure(t0) {
+      this.longest = t0;
+    },
+    UnparsedFrame: function UnparsedFrame(t0, t1) {
+      this.uri = t0;
+      this.member = t1;
+    },
+    TransformByHandlers_transformByHandlers(_this, onData, onDone, $S, $T) {
+      var _null = null, t1 = {},
+        controller = A.StreamController_StreamController(_null, _null, _null, _null, true, $T);
+      t1.subscription = null;
+      controller.onListen = new A.TransformByHandlers_transformByHandlers_closure(t1, _this, onData, controller, A.instantiate1(A.from_handlers__TransformByHandlers__defaultHandleError$closure(), $T), onDone, $S);
+      return controller.get$stream();
+    },
+    TransformByHandlers__defaultHandleError(error, stackTrace, sink) {
+      sink.addError$2(error, stackTrace);
+    },
+    TransformByHandlers_transformByHandlers_closure: function TransformByHandlers_transformByHandlers_closure(t0, t1, t2, t3, t4, t5, t6) {
+      var _ = this;
+      _._box_1 = t0;
+      _._this = t1;
+      _.onData = t2;
+      _.controller = t3;
+      _.handleError = t4;
+      _.handleDone = t5;
+      _.S = t6;
+    },
+    TransformByHandlers_transformByHandlers__closure: function TransformByHandlers_transformByHandlers__closure(t0, t1, t2) {
+      this.onData = t0;
+      this.controller = t1;
+      this.S = t2;
+    },
+    TransformByHandlers_transformByHandlers__closure1: function TransformByHandlers_transformByHandlers__closure1(t0, t1) {
+      this.handleError = t0;
+      this.controller = t1;
+    },
+    TransformByHandlers_transformByHandlers__closure0: function TransformByHandlers_transformByHandlers__closure0(t0, t1, t2) {
+      this._box_0 = t0;
+      this.handleDone = t1;
+      this.controller = t2;
+    },
+    TransformByHandlers_transformByHandlers__closure2: function TransformByHandlers_transformByHandlers__closure2(t0, t1) {
+      this._box_1 = t0;
+      this._box_0 = t1;
+    },
+    RateLimit__debounceAggregate(_this, duration, collect, leading, trailing, $T, $S) {
+      var t1 = {};
+      t1.soFar = t1.timer = null;
+      t1.emittedLatestAsLeading = t1.shouldClose = t1.hasPending = false;
+      return A.TransformByHandlers_transformByHandlers(_this, new A.RateLimit__debounceAggregate_closure(t1, $S, collect, false, duration, true, $T), new A.RateLimit__debounceAggregate_closure0(t1, true, $S), $T, $S);
+    },
+    _collect($event, soFar, $T) {
+      var t1 = soFar == null ? A._setArrayType([], $T._eval$1("JSArray<0>")) : soFar;
+      J.add$1$ax(t1, $event);
+      return t1;
+    },
+    RateLimit__debounceAggregate_closure: function RateLimit__debounceAggregate_closure(t0, t1, t2, t3, t4, t5, t6) {
+      var _ = this;
+      _._box_0 = t0;
+      _.S = t1;
+      _.collect = t2;
+      _.leading = t3;
+      _.duration = t4;
+      _.trailing = t5;
+      _.T = t6;
+    },
+    RateLimit__debounceAggregate_closure_emit: function RateLimit__debounceAggregate_closure_emit(t0, t1, t2) {
+      this._box_0 = t0;
+      this.sink = t1;
+      this.S = t2;
+    },
+    RateLimit__debounceAggregate__closure: function RateLimit__debounceAggregate__closure(t0, t1, t2, t3) {
+      var _ = this;
+      _._box_0 = t0;
+      _.trailing = t1;
+      _.emit = t2;
+      _.sink = t3;
+    },
+    RateLimit__debounceAggregate_closure0: function RateLimit__debounceAggregate_closure0(t0, t1, t2) {
+      this._box_0 = t0;
+      this.trailing = t1;
+      this.S = t2;
+    },
+    StringScannerException$(message, span, source) {
+      return new A.StringScannerException(source, message, span);
+    },
+    StringScannerException: function StringScannerException(t0, t1, t2) {
+      this.source = t0;
+      this._span_exception$_message = t1;
+      this._span = t2;
+    },
+    LineScanner$(string) {
+      return new A.LineScanner(null, string);
+    },
+    LineScanner: function LineScanner(t0, t1) {
+      var _ = this;
+      _._line_scanner$_column = _._line_scanner$_line = 0;
+      _.sourceUrl = t0;
+      _.string = t1;
+      _._string_scanner$_position = 0;
+      _._lastMatchPosition = _._lastMatch = null;
+    },
+    SpanScanner$(string, sourceUrl) {
+      var t2,
+        t1 = A.SourceFile$fromString(string, sourceUrl);
+      if (sourceUrl == null)
+        t2 = null;
+      else
+        t2 = typeof sourceUrl == "string" ? A.Uri_parse(sourceUrl) : type$.Uri._as(sourceUrl);
+      return new A.SpanScanner(t1, t2, string);
+    },
+    SpanScanner: function SpanScanner(t0, t1, t2) {
+      var _ = this;
+      _._sourceFile = t0;
+      _.sourceUrl = t1;
+      _.string = t2;
+      _._string_scanner$_position = 0;
+      _._lastMatchPosition = _._lastMatch = null;
+    },
+    _SpanScannerState: function _SpanScannerState(t0, t1) {
+      this._scanner = t0;
+      this.position = t1;
+    },
+    StringScanner$(string, position, sourceUrl) {
+      var t1;
+      if (sourceUrl == null)
+        t1 = null;
+      else
+        t1 = typeof sourceUrl == "string" ? A.Uri_parse(sourceUrl) : type$.Uri._as(sourceUrl);
+      return new A.StringScanner(t1, string);
+    },
+    StringScanner: function StringScanner(t0, t1) {
+      var _ = this;
+      _.sourceUrl = t0;
+      _.string = t1;
+      _._string_scanner$_position = 0;
+      _._lastMatchPosition = _._lastMatch = null;
+    },
+    AsciiGlyphSet: function AsciiGlyphSet() {
+    },
+    UnicodeGlyphSet: function UnicodeGlyphSet() {
+    },
+    WatchEvent: function WatchEvent(t0, t1) {
+      this.type = t0;
+      this.path = t1;
+    },
+    ChangeType: function ChangeType(t0) {
+      this._watch_event$_name = t0;
+    },
+    A98RgbColorSpace0: function A98RgbColorSpace0(t0, t1) {
+      this.name = t0;
+      this._space$_channels = t1;
+    },
+    AnySelectorVisitor0: function AnySelectorVisitor0() {
+    },
+    AnySelectorVisitor_visitComplexSelector_closure0: function AnySelectorVisitor_visitComplexSelector_closure0(t0) {
+      this.$this = t0;
+    },
+    AnySelectorVisitor_visitCompoundSelector_closure0: function AnySelectorVisitor_visitCompoundSelector_closure0(t0) {
+      this.$this = t0;
+    },
+    SupportsAnything0: function SupportsAnything0(t0, t1) {
+      this.contents = t0;
+      this.span = t1;
+    },
+    ArgumentList$empty0(span) {
+      return new A.ArgumentList0(B.List_empty22, B.Map_empty14, null, null, span);
+    },
+    ArgumentList0: function ArgumentList0(t0, t1, t2, t3, t4) {
+      var _ = this;
+      _.positional = t0;
+      _.named = t1;
+      _.rest = t2;
+      _.keywordRest = t3;
+      _.span = t4;
+    },
+    argumentListClass_closure: function argumentListClass_closure() {
+    },
+    argumentListClass__closure: function argumentListClass__closure() {
+    },
+    argumentListClass__closure0: function argumentListClass__closure0() {
+    },
+    SassArgumentList$0(contents, keywords, separator) {
+      var t1 = type$.Value_2;
+      t1 = new A.SassArgumentList0(A.ConstantMap_ConstantMap$from(keywords, type$.String, t1), A.List_List$unmodifiable(contents, t1), separator, false);
+      t1.SassList$3$brackets0(contents, separator, false);
+      return t1;
+    },
+    SassArgumentList0: function SassArgumentList0(t0, t1, t2, t3) {
+      var _ = this;
+      _._argument_list$_keywords = t0;
+      _._argument_list$_wereKeywordsAccessed = false;
+      _._list1$_contents = t1;
+      _._list1$_separator = t2;
+      _._list1$_hasBrackets = t3;
+    },
+    JSArray1: function JSArray1() {
+    },
+    AsyncImporter0: function AsyncImporter0() {
+    },
+    JSToDartAsyncImporter: function JSToDartAsyncImporter(t0, t1, t2) {
+      this._async0$_canonicalize = t0;
+      this._load = t1;
+      this._nonCanonicalSchemes = t2;
+    },
+    JSToDartAsyncImporter_canonicalize_closure: function JSToDartAsyncImporter_canonicalize_closure(t0, t1) {
+      this.$this = t0;
+      this.url = t1;
+    },
+    JSToDartAsyncImporter_load_closure: function JSToDartAsyncImporter_load_closure(t0, t1) {
+      this.$this = t0;
+      this.url = t1;
+    },
+    AsyncBuiltInCallable$mixin0($name, parameters, callback, acceptsContent, url) {
+      return new A.AsyncBuiltInCallable0($name, A.ScssParser$0("@mixin " + $name + "(" + parameters + ") {", url).parseParameterList$0(), new A.AsyncBuiltInCallable$mixin_closure0(callback), false);
+    },
+    AsyncBuiltInCallable0: function AsyncBuiltInCallable0(t0, t1, t2, t3) {
+      var _ = this;
+      _.name = t0;
+      _._async_built_in0$_parameters = t1;
+      _._async_built_in0$_callback = t2;
+      _.acceptsContent = t3;
+    },
+    AsyncBuiltInCallable$mixin_closure0: function AsyncBuiltInCallable$mixin_closure0(t0) {
+      this.callback = t0;
+    },
+    AsyncBuiltInCallable_withDeprecationWarning_closure0: function AsyncBuiltInCallable_withDeprecationWarning_closure0(t0, t1, t2) {
+      this.$this = t0;
+      this.module = t1;
+      this.newName = t2;
+    },
+    compileAsync0(path, charset, fatalDeprecations, functions, futureDeprecations, importCache, indentWidth, lineFeed, logger, nodeImporter, quietDeps, silenceDeprecations, sourceMap, style, syntax, useSpaces, verbose) {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.CompileResult_2),
+        $async$returnValue, t3, t4, t0, stylesheet, result, t1, t2;
+      var $async$compileAsync0 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              t1 = type$.Deprecation_3;
+              t2 = A.LinkedHashSet_LinkedHashSet$_empty(t1);
+              if (silenceDeprecations != null)
+                t2.addAll$1(0, silenceDeprecations);
+              t3 = A.LinkedHashSet_LinkedHashSet$_empty(t1);
+              if (fatalDeprecations != null)
+                t3.addAll$1(0, fatalDeprecations);
+              t4 = A.LinkedHashSet_LinkedHashSet$_empty(t1);
+              if (futureDeprecations != null)
+                t4.addAll$1(0, futureDeprecations);
+              logger = new A.DeprecationProcessingLogger0(A.LinkedHashMap_LinkedHashMap$_empty(t1, type$.int), logger, t2, t3, t4, !verbose);
+              logger.validate$0();
+              t1 = nodeImporter == null;
+              if (t1)
+                t2 = syntax == null || syntax === A.Syntax_forPath0(path);
+              else
+                t2 = false;
+              $async$goto = t2 ? 3 : 5;
+              break;
+            case 3:
+              // then
+              if (importCache == null)
+                importCache = A.AsyncImportCache$none();
+              t2 = $.$get$FilesystemImporter_cwd0();
+              t3 = A.isNodeJs() ? self.process : null;
+              if (!J.$eq$(t3 == null ? null : J.get$platform$x(t3), "win32")) {
+                t3 = A.isNodeJs() ? self.process : null;
+                t3 = J.$eq$(t3 == null ? null : J.get$platform$x(t3), "darwin");
+              } else
+                t3 = true;
+              if (t3) {
+                t3 = A.absolute(path, null, null, null, null, null, null, null, null, null, null, null, null, null, null);
+                t4 = $.$get$context();
+                t3 = A._realCasePath0(t4.normalize$1(t3));
+              } else {
+                t3 = $.$get$context();
+                t4 = t3.canonicalize$1(0, path);
+                t0 = t4;
+                t4 = t3;
+                t3 = t0;
+              }
+              $async$goto = 6;
+              return A._asyncAwait(importCache.importCanonical$3$originalUrl(t2, t4.toUri$1(t3), t4.toUri$1(path)), $async$compileAsync0);
+            case 6:
+              // returning from await.
+              t4 = $async$result;
+              t4.toString;
+              stylesheet = t4;
+              // goto join
+              $async$goto = 4;
+              break;
+            case 5:
+              // else
+              t2 = A.readFile0(path);
+              t3 = syntax == null ? A.Syntax_forPath0(path) : syntax;
+              stylesheet = A.Stylesheet_Stylesheet$parse0(t2, t3, $.$get$context().toUri$1(path));
+            case 4:
+              // join
+              $async$goto = 7;
+              return A._asyncAwait(A._compileStylesheet2(stylesheet, logger, importCache, nodeImporter, $.$get$FilesystemImporter_cwd0(), functions, style, useSpaces, indentWidth, lineFeed, quietDeps, sourceMap, charset), $async$compileAsync0);
+            case 7:
+              // returning from await.
+              result = $async$result;
+              logger.summarize$1$js(!t1);
+              $async$returnValue = result;
+              // goto return
+              $async$goto = 1;
+              break;
+            case 1:
+              // return
+              return A._asyncReturn($async$returnValue, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$compileAsync0, $async$completer);
+    },
+    compileStringAsync0(source, charset, fatalDeprecations, functions, futureDeprecations, importCache, importer, indentWidth, lineFeed, logger, nodeImporter, quietDeps, silenceDeprecations, sourceMap, style, syntax, url, useSpaces, verbose) {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.CompileResult_2),
+        $async$returnValue, t3, t4, stylesheet, _0_0, result, t1, t2;
+      var $async$compileStringAsync0 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              t1 = type$.Deprecation_3;
+              t2 = A.LinkedHashSet_LinkedHashSet$_empty(t1);
+              if (silenceDeprecations != null)
+                t2.addAll$1(0, silenceDeprecations);
+              t3 = A.LinkedHashSet_LinkedHashSet$_empty(t1);
+              if (fatalDeprecations != null)
+                t3.addAll$1(0, fatalDeprecations);
+              t4 = A.LinkedHashSet_LinkedHashSet$_empty(t1);
+              if (futureDeprecations != null)
+                t4.addAll$1(0, futureDeprecations);
+              logger = new A.DeprecationProcessingLogger0(A.LinkedHashMap_LinkedHashMap$_empty(t1, type$.int), logger, t2, t3, t4, !verbose);
+              logger.validate$0();
+              stylesheet = A.Stylesheet_Stylesheet$parse0(source, syntax == null ? B.Syntax_SCSS_scss0 : syntax, url);
+              _0_0 = stylesheet.span.file.url;
+              if (type$.Uri._is(_0_0) && "" === _0_0.get$scheme() && nodeImporter == null)
+                A.WarnForDeprecation_warnForDeprecation0(logger, B.Deprecation_63m, "Passing a relative `url` argument (" + _0_0.toString$0(0) + string$.x29x20to_cm, null, null);
+              if (importer == null)
+                t1 = A.isBrowser() ? new A.NoOpImporter0() : $.$get$FilesystemImporter_cwd0();
+              else
+                t1 = importer;
+              $async$goto = 3;
+              return A._asyncAwait(A._compileStylesheet2(stylesheet, logger, importCache, nodeImporter, t1, functions, style, useSpaces, indentWidth, lineFeed, quietDeps, sourceMap, charset), $async$compileStringAsync0);
+            case 3:
+              // returning from await.
+              result = $async$result;
+              logger.summarize$1$js(nodeImporter != null);
+              $async$returnValue = result;
+              // goto return
+              $async$goto = 1;
+              break;
+            case 1:
+              // return
+              return A._asyncReturn($async$returnValue, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$compileStringAsync0, $async$completer);
+    },
+    _compileStylesheet2(stylesheet, logger, importCache, nodeImporter, importer, functions, style, useSpaces, indentWidth, lineFeed, quietDeps, sourceMap, charset) {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.CompileResult_2),
+        $async$returnValue, evaluateResult, serializeResult, resultSourceMap;
+      var $async$_compileStylesheet2 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              if (nodeImporter != null)
+                A.WarnForDeprecation_warnForDeprecation0(logger, B.Deprecation_pnV, string$.The_le, null, null);
+              $async$goto = 3;
+              return A._asyncAwait(A._EvaluateVisitor$2(functions, importCache, logger, nodeImporter, quietDeps, sourceMap).run$2(0, importer, stylesheet), $async$_compileStylesheet2);
+            case 3:
+              // returning from await.
+              evaluateResult = $async$result;
+              serializeResult = A.serialize0(evaluateResult._1, charset, indentWidth, false, lineFeed, logger, sourceMap, style, useSpaces);
+              resultSourceMap = serializeResult._1;
+              if (resultSourceMap != null && importCache != null)
+                A.mapInPlace0(resultSourceMap.urls, new A._compileStylesheet_closure2(stylesheet, importCache));
+              $async$returnValue = new A.CompileResult0(evaluateResult, serializeResult);
+              // goto return
+              $async$goto = 1;
+              break;
+            case 1:
+              // return
+              return A._asyncReturn($async$returnValue, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$_compileStylesheet2, $async$completer);
+    },
+    _compileStylesheet_closure2: function _compileStylesheet_closure2(t0, t1) {
+      this.stylesheet = t0;
+      this.importCache = t1;
+    },
+    AsyncEnvironment$0() {
+      var t1 = type$.String,
+        t2 = type$.Module_AsyncCallable_2,
+        t3 = type$.AstNode_2,
+        t4 = type$.int,
+        t5 = type$.AsyncCallable_2,
+        t6 = type$.JSArray_Map_String_AsyncCallable_2;
+      return new A.AsyncEnvironment0(A.LinkedHashMap_LinkedHashMap$_empty(t1, t2), A.LinkedHashMap_LinkedHashMap$_empty(t1, t3), A.LinkedHashMap_LinkedHashMap$_empty(t2, t3), A.LinkedHashMap_LinkedHashMap$_empty(t2, t3), null, null, A._setArrayType([], type$.JSArray_Module_AsyncCallable_2), A._setArrayType([A.LinkedHashMap_LinkedHashMap$_empty(t1, type$.Value_2)], type$.JSArray_Map_String_Value_2), A._setArrayType([A.LinkedHashMap_LinkedHashMap$_empty(t1, t3)], type$.JSArray_Map_String_AstNode_2), A.LinkedHashMap_LinkedHashMap$_empty(t1, t4), A._setArrayType([A.LinkedHashMap_LinkedHashMap$_empty(t1, t5)], t6), A.LinkedHashMap_LinkedHashMap$_empty(t1, t4), A._setArrayType([A.LinkedHashMap_LinkedHashMap$_empty(t1, t5)], t6), A.LinkedHashMap_LinkedHashMap$_empty(t1, t4), null, A.LinkedHashSet_LinkedHashSet$_empty(t1));
+    },
+    AsyncEnvironment$_0(_modules, _namespaceNodes, _globalModules, _importedModules, _forwardedModules, _nestedForwardedModules, _allModules, _variables, _variableNodes, _functions, _mixins, _content, _configurableVariables) {
+      var t1 = type$.String,
+        t2 = type$.int;
+      return new A.AsyncEnvironment0(_modules, _namespaceNodes, _globalModules, _importedModules, _forwardedModules, _nestedForwardedModules, _allModules, _variables, _variableNodes, A.LinkedHashMap_LinkedHashMap$_empty(t1, t2), _functions, A.LinkedHashMap_LinkedHashMap$_empty(t1, t2), _mixins, A.LinkedHashMap_LinkedHashMap$_empty(t1, t2), _content, _configurableVariables);
+    },
+    _EnvironmentModule__EnvironmentModule2(environment, css, preModuleComments, extensionStore, forwarded) {
+      var t1, t2, t3, t4, t5, t6, module, result, t7;
+      if (forwarded == null)
+        forwarded = B.Set_empty7;
+      t1 = type$.dynamic;
+      t1 = A.LinkedHashMap_LinkedHashMap$_empty(t1, t1);
+      for (t2 = type$.Module_AsyncCallable_2, t3 = type$.List_CssComment_2, t4 = A.MapExtensions_get_pairs0(preModuleComments, t2, t3), t4 = t4.get$iterator(t4), t5 = type$.CssComment_2; t4.moveNext$0();) {
+        t6 = t4.get$current(t4);
+        module = t6._0;
+        result = A.List_List$from(t6._1, false, t5);
+        result.$flags = 3;
+        t1.$indexSet(0, module, result);
+      }
+      t1 = A.ConstantMap_ConstantMap$from(t1, t2, t3);
+      t2 = A._EnvironmentModule__makeModulesByVariable2(forwarded);
+      t3 = A._EnvironmentModule__memberMap2(B.JSArray_methods.get$first(environment._async_environment0$_variables), forwarded.map$1$1(0, new A._EnvironmentModule__EnvironmentModule_closure17(), type$.Map_String_Value_2), type$.Value_2);
+      t4 = A._EnvironmentModule__memberMap2(B.JSArray_methods.get$first(environment._async_environment0$_variableNodes), forwarded.map$1$1(0, new A._EnvironmentModule__EnvironmentModule_closure18(), type$.Map_String_AstNode_2), type$.AstNode_2);
+      t5 = type$.Map_String_AsyncCallable_2;
+      t6 = type$.AsyncCallable_2;
+      t7 = A._EnvironmentModule__memberMap2(B.JSArray_methods.get$first(environment._async_environment0$_functions), forwarded.map$1$1(0, new A._EnvironmentModule__EnvironmentModule_closure19(), t5), t6);
+      t6 = A._EnvironmentModule__memberMap2(B.JSArray_methods.get$first(environment._async_environment0$_mixins), forwarded.map$1$1(0, new A._EnvironmentModule__EnvironmentModule_closure20(), t5), t6);
+      t5 = J.get$isNotEmpty$asx(css.get$children(css)) || preModuleComments.get$isNotEmpty(preModuleComments) || B.JSArray_methods.any$1(environment._async_environment0$_allModules, new A._EnvironmentModule__EnvironmentModule_closure21());
+      return A._EnvironmentModule$_2(environment, css, t1, extensionStore, t2, t3, t4, t7, t6, t5, !extensionStore.get$isEmpty(extensionStore) || B.JSArray_methods.any$1(environment._async_environment0$_allModules, new A._EnvironmentModule__EnvironmentModule_closure22()));
+    },
+    _EnvironmentModule__makeModulesByVariable2(forwarded) {
+      var modulesByVariable, t1, t2, t3, t4, t5;
+      if (forwarded.get$isEmpty(forwarded))
+        return B.Map_empty17;
+      modulesByVariable = A.LinkedHashMap_LinkedHashMap$_empty(type$.String, type$.Module_AsyncCallable_2);
+      for (t1 = forwarded.get$iterator(forwarded); t1.moveNext$0();) {
+        t2 = t1.get$current(t1);
+        if (t2 instanceof A._EnvironmentModule2) {
+          for (t3 = t2._async_environment0$_modulesByVariable, t3 = t3.get$values(t3), t3 = t3.get$iterator(t3); t3.moveNext$0();) {
+            t4 = t3.get$current(t3);
+            t5 = t4.get$variables();
+            A.setAll0(modulesByVariable, t5.get$keys(t5), t4);
+          }
+          t3 = B.JSArray_methods.get$first(t2._async_environment0$_environment._async_environment0$_variables);
+          A.setAll0(modulesByVariable, t3.get$keys(t3), t2);
+        } else {
+          t3 = t2.get$variables();
+          A.setAll0(modulesByVariable, t3.get$keys(t3), t2);
+        }
+      }
+      return modulesByVariable;
+    },
+    _EnvironmentModule__memberMap2(localMap, otherMaps, $V) {
+      var t1, t2, t3;
+      localMap = new A.PublicMemberMapView0(localMap, $V._eval$1("PublicMemberMapView0<0>"));
+      if (otherMaps.get$isEmpty(otherMaps))
+        return localMap;
+      t1 = A._setArrayType([], $V._eval$1("JSArray<Map<String,0>>"));
+      for (t2 = otherMaps.get$iterator(otherMaps); t2.moveNext$0();) {
+        t3 = t2.get$current(t2);
+        if (t3.get$isNotEmpty(t3))
+          t1.push(t3);
+      }
+      t1.push(localMap);
+      if (t1.length === 1)
+        return localMap;
+      return A.MergedMapView$0(t1, type$.String, $V);
+    },
+    _EnvironmentModule$_2(_environment, css, preModuleComments, extensionStore, _modulesByVariable, variables, variableNodes, functions, mixins, transitivelyContainsCss, transitivelyContainsExtensions) {
+      return new A._EnvironmentModule2(_environment._async_environment0$_allModules, variables, variableNodes, functions, mixins, extensionStore, css, preModuleComments, transitivelyContainsCss, transitivelyContainsExtensions, _environment, _modulesByVariable);
+    },
+    AsyncEnvironment0: function AsyncEnvironment0(t0, t1, t2, t3, t4, t5, t6, t7, t8, t9, t10, t11, t12, t13, t14, t15) {
+      var _ = this;
+      _._async_environment0$_modules = t0;
+      _._async_environment0$_namespaceNodes = t1;
+      _._async_environment0$_globalModules = t2;
+      _._async_environment0$_importedModules = t3;
+      _._async_environment0$_forwardedModules = t4;
+      _._async_environment0$_nestedForwardedModules = t5;
+      _._async_environment0$_allModules = t6;
+      _._async_environment0$_variables = t7;
+      _._async_environment0$_variableNodes = t8;
+      _._async_environment0$_variableIndices = t9;
+      _._async_environment0$_functions = t10;
+      _._async_environment0$_functionIndices = t11;
+      _._async_environment0$_mixins = t12;
+      _._async_environment0$_mixinIndices = t13;
+      _._async_environment0$_content = t14;
+      _._async_environment0$_configurableVariables = t15;
+      _._async_environment0$_inMixin = false;
+      _._async_environment0$_inSemiGlobalScope = true;
+      _._async_environment0$_lastVariableIndex = _._async_environment0$_lastVariableName = null;
+    },
+    AsyncEnvironment__getVariableFromGlobalModule_closure0: function AsyncEnvironment__getVariableFromGlobalModule_closure0(t0) {
+      this.name = t0;
+    },
+    AsyncEnvironment_setVariable_closure2: function AsyncEnvironment_setVariable_closure2(t0, t1) {
+      this.$this = t0;
+      this.name = t1;
+    },
+    AsyncEnvironment_setVariable_closure3: function AsyncEnvironment_setVariable_closure3(t0) {
+      this.name = t0;
+    },
+    AsyncEnvironment_setVariable_closure4: function AsyncEnvironment_setVariable_closure4(t0, t1) {
+      this.$this = t0;
+      this.name = t1;
+    },
+    AsyncEnvironment__getFunctionFromGlobalModule_closure0: function AsyncEnvironment__getFunctionFromGlobalModule_closure0(t0) {
+      this.name = t0;
+    },
+    AsyncEnvironment__getMixinFromGlobalModule_closure0: function AsyncEnvironment__getMixinFromGlobalModule_closure0(t0) {
+      this.name = t0;
+    },
+    AsyncEnvironment_toModule_closure0: function AsyncEnvironment_toModule_closure0() {
+    },
+    AsyncEnvironment_toDummyModule_closure0: function AsyncEnvironment_toDummyModule_closure0() {
+    },
+    _EnvironmentModule2: function _EnvironmentModule2(t0, t1, t2, t3, t4, t5, t6, t7, t8, t9, t10, t11) {
+      var _ = this;
+      _.upstream = t0;
+      _.variables = t1;
+      _.variableNodes = t2;
+      _.functions = t3;
+      _.mixins = t4;
+      _.extensionStore = t5;
+      _.css = t6;
+      _.preModuleComments = t7;
+      _.transitivelyContainsCss = t8;
+      _.transitivelyContainsExtensions = t9;
+      _._async_environment0$_environment = t10;
+      _._async_environment0$_modulesByVariable = t11;
+    },
+    _EnvironmentModule__EnvironmentModule_closure17: function _EnvironmentModule__EnvironmentModule_closure17() {
+    },
+    _EnvironmentModule__EnvironmentModule_closure18: function _EnvironmentModule__EnvironmentModule_closure18() {
+    },
+    _EnvironmentModule__EnvironmentModule_closure19: function _EnvironmentModule__EnvironmentModule_closure19() {
+    },
+    _EnvironmentModule__EnvironmentModule_closure20: function _EnvironmentModule__EnvironmentModule_closure20() {
+    },
+    _EnvironmentModule__EnvironmentModule_closure21: function _EnvironmentModule__EnvironmentModule_closure21() {
+    },
+    _EnvironmentModule__EnvironmentModule_closure22: function _EnvironmentModule__EnvironmentModule_closure22() {
+    },
+    _EnvironmentModule_couldHaveBeenConfigured_closure2: function _EnvironmentModule_couldHaveBeenConfigured_closure2(t0) {
+      this.variables = t0;
+    },
+    _EvaluateVisitor$2(functions, importCache, logger, nodeImporter, quietDeps, sourceMap) {
+      var t4,
+        t1 = type$.Uri,
+        t2 = type$.Module_AsyncCallable_2,
+        t3 = A._setArrayType([], type$.JSArray_Record_2_String_and_AstNode_2);
+      if (importCache == null)
+        t4 = nodeImporter == null ? A.AsyncImportCache$none() : null;
+      else
+        t4 = importCache;
+      t1 = new A._EvaluateVisitor2(t4, nodeImporter, A.LinkedHashMap_LinkedHashMap$_empty(type$.String, type$.AsyncCallable_2), A.LinkedHashMap_LinkedHashMap$_empty(t1, t2), A.LinkedHashMap_LinkedHashMap$_empty(t1, t2), A.LinkedHashMap_LinkedHashMap$_empty(t1, type$.Configuration_2), A.LinkedHashMap_LinkedHashMap$_empty(t1, type$.AstNode_2), logger, A.LinkedHashSet_LinkedHashSet$_empty(type$.Record_2_String_and_SourceSpan), quietDeps, sourceMap, new A.Object(), A.AsyncEnvironment$0(), A.LinkedHashSet_LinkedHashSet$_empty(t1), A.LinkedHashMap_LinkedHashMap$_empty(t1, type$.nullable_AstNode_2), t3, B.Configuration_Map_empty_null0);
+      t1._EvaluateVisitor$6$functions$importCache$logger$nodeImporter$quietDeps$sourceMap2(functions, importCache, logger, nodeImporter, quietDeps, sourceMap);
+      return t1;
+    },
+    _EvaluateVisitor2: function _EvaluateVisitor2(t0, t1, t2, t3, t4, t5, t6, t7, t8, t9, t10, t11, t12, t13, t14, t15, t16) {
+      var _ = this;
+      _._async_evaluate0$_importCache = t0;
+      _._async_evaluate0$_nodeImporter = t1;
+      _._async_evaluate0$_builtInFunctions = t2;
+      _._async_evaluate0$_builtInModules = t3;
+      _._async_evaluate0$_modules = t4;
+      _._async_evaluate0$_moduleConfigurations = t5;
+      _._async_evaluate0$_moduleNodes = t6;
+      _._async_evaluate0$_logger = t7;
+      _._async_evaluate0$_warningsEmitted = t8;
+      _._async_evaluate0$_quietDeps = t9;
+      _._async_evaluate0$_sourceMap = t10;
+      _._async_evaluate0$_compileContext = t11;
+      _._async_evaluate0$_environment = t12;
+      _._async_evaluate0$_declarationName = _._async_evaluate0$__parent = _._async_evaluate0$_mediaQuerySources = _._async_evaluate0$_mediaQueries = _._async_evaluate0$_styleRuleIgnoringAtRoot = null;
+      _._async_evaluate0$_member = "root stylesheet";
+      _._async_evaluate0$_importSpan = _._async_evaluate0$_callableNode = null;
+      _._async_evaluate0$_inSupportsDeclaration = _._async_evaluate0$_inKeyframes = _._async_evaluate0$_atRootExcludingStyleRule = _._async_evaluate0$_inUnknownAtRule = _._async_evaluate0$_inFunction = false;
+      _._async_evaluate0$_loadedUrls = t13;
+      _._async_evaluate0$_activeModules = t14;
+      _._async_evaluate0$_stack = t15;
+      _._async_evaluate0$_importer = null;
+      _._async_evaluate0$_inDependency = false;
+      _._async_evaluate0$__extensionStore = _._async_evaluate0$_preModuleComments = _._async_evaluate0$_outOfOrderImports = _._async_evaluate0$__endOfImports = _._async_evaluate0$__root = _._async_evaluate0$__stylesheet = null;
+      _._async_evaluate0$_configuration = t16;
+    },
+    _EvaluateVisitor_closure38: function _EvaluateVisitor_closure38(t0) {
+      this.$this = t0;
+    },
+    _EvaluateVisitor_closure39: function _EvaluateVisitor_closure39(t0) {
+      this.$this = t0;
+    },
+    _EvaluateVisitor_closure40: function _EvaluateVisitor_closure40(t0) {
+      this.$this = t0;
+    },
+    _EvaluateVisitor_closure41: function _EvaluateVisitor_closure41(t0) {
+      this.$this = t0;
+    },
+    _EvaluateVisitor_closure42: function _EvaluateVisitor_closure42(t0) {
+      this.$this = t0;
+    },
+    _EvaluateVisitor_closure43: function _EvaluateVisitor_closure43(t0) {
+      this.$this = t0;
+    },
+    _EvaluateVisitor_closure44: function _EvaluateVisitor_closure44(t0) {
+      this.$this = t0;
+    },
+    _EvaluateVisitor_closure45: function _EvaluateVisitor_closure45(t0) {
+      this.$this = t0;
+    },
+    _EvaluateVisitor_closure46: function _EvaluateVisitor_closure46(t0) {
+      this.$this = t0;
+    },
+    _EvaluateVisitor__closure14: function _EvaluateVisitor__closure14(t0, t1, t2) {
+      this.$this = t0;
+      this.name = t1;
+      this.module = t2;
+    },
+    _EvaluateVisitor_closure47: function _EvaluateVisitor_closure47(t0) {
+      this.$this = t0;
+    },
+    _EvaluateVisitor__closure13: function _EvaluateVisitor__closure13(t0, t1, t2) {
+      this.$this = t0;
+      this.name = t1;
+      this.module = t2;
+    },
+    _EvaluateVisitor_closure48: function _EvaluateVisitor_closure48(t0) {
+      this.$this = t0;
+    },
+    _EvaluateVisitor_closure49: function _EvaluateVisitor_closure49(t0) {
+      this.$this = t0;
+    },
+    _EvaluateVisitor__closure11: function _EvaluateVisitor__closure11(t0, t1, t2, t3) {
+      var _ = this;
+      _._box_0 = t0;
+      _.values = t1;
+      _.span = t2;
+      _.callableNode = t3;
+    },
+    _EvaluateVisitor__closure12: function _EvaluateVisitor__closure12(t0) {
+      this.$this = t0;
+    },
+    _EvaluateVisitor_closure50: function _EvaluateVisitor_closure50(t0) {
+      this.$this = t0;
+    },
+    _EvaluateVisitor_run_closure2: function _EvaluateVisitor_run_closure2(t0, t1, t2) {
+      this.$this = t0;
+      this.node = t1;
+      this.importer = t2;
+    },
+    _EvaluateVisitor_run__closure2: function _EvaluateVisitor_run__closure2(t0, t1, t2) {
+      this.$this = t0;
+      this.importer = t1;
+      this.node = t2;
+    },
+    _EvaluateVisitor__loadModule_closure5: function _EvaluateVisitor__loadModule_closure5(t0, t1) {
+      this._box_0 = t0;
+      this.callback = t1;
+    },
+    _EvaluateVisitor__loadModule_closure6: function _EvaluateVisitor__loadModule_closure6(t0, t1, t2, t3, t4, t5, t6) {
+      var _ = this;
+      _.$this = t0;
+      _.url = t1;
+      _.nodeWithSpan = t2;
+      _.baseUrl = t3;
+      _.namesInErrors = t4;
+      _.configuration = t5;
+      _.callback = t6;
+    },
+    _EvaluateVisitor__loadModule__closure5: function _EvaluateVisitor__loadModule__closure5(t0, t1) {
+      this.$this = t0;
+      this.message = t1;
+    },
+    _EvaluateVisitor__loadModule__closure6: function _EvaluateVisitor__loadModule__closure6(t0, t1, t2) {
+      this._box_1 = t0;
+      this.callback = t1;
+      this.firstLoad = t2;
+    },
+    _EvaluateVisitor__execute_closure2: function _EvaluateVisitor__execute_closure2(t0, t1, t2, t3, t4, t5, t6) {
+      var _ = this;
+      _.$this = t0;
+      _.importer = t1;
+      _.stylesheet = t2;
+      _.extensionStore = t3;
+      _.configuration = t4;
+      _.css = t5;
+      _.preModuleComments = t6;
+    },
+    _EvaluateVisitor__combineCss_closure5: function _EvaluateVisitor__combineCss_closure5() {
+    },
+    _EvaluateVisitor__combineCss_closure6: function _EvaluateVisitor__combineCss_closure6(t0) {
+      this.selectors = t0;
+    },
+    _EvaluateVisitor__combineCss_visitModule2: function _EvaluateVisitor__combineCss_visitModule2(t0, t1, t2, t3, t4, t5) {
+      var _ = this;
+      _.$this = t0;
+      _.seen = t1;
+      _.clone = t2;
+      _.css = t3;
+      _.imports = t4;
+      _.sorted = t5;
+    },
+    _EvaluateVisitor__extendModules_closure5: function _EvaluateVisitor__extendModules_closure5(t0) {
+      this.originalSelectors = t0;
+    },
+    _EvaluateVisitor__extendModules_closure6: function _EvaluateVisitor__extendModules_closure6() {
+    },
+    _EvaluateVisitor_visitAtRootRule_closure5: function _EvaluateVisitor_visitAtRootRule_closure5(t0, t1) {
+      this.$this = t0;
+      this.node = t1;
+    },
+    _EvaluateVisitor_visitAtRootRule_closure6: function _EvaluateVisitor_visitAtRootRule_closure6(t0, t1) {
+      this.$this = t0;
+      this.node = t1;
+    },
+    _EvaluateVisitor__scopeForAtRoot_closure17: function _EvaluateVisitor__scopeForAtRoot_closure17(t0, t1, t2) {
+      this.$this = t0;
+      this.newParent = t1;
+      this.node = t2;
+    },
+    _EvaluateVisitor__scopeForAtRoot_closure18: function _EvaluateVisitor__scopeForAtRoot_closure18(t0, t1) {
+      this.$this = t0;
+      this.innerScope = t1;
+    },
+    _EvaluateVisitor__scopeForAtRoot_closure19: function _EvaluateVisitor__scopeForAtRoot_closure19(t0, t1) {
+      this.$this = t0;
+      this.innerScope = t1;
+    },
+    _EvaluateVisitor__scopeForAtRoot__closure2: function _EvaluateVisitor__scopeForAtRoot__closure2(t0, t1) {
+      this.innerScope = t0;
+      this.callback = t1;
+    },
+    _EvaluateVisitor__scopeForAtRoot_closure20: function _EvaluateVisitor__scopeForAtRoot_closure20(t0, t1) {
+      this.$this = t0;
+      this.innerScope = t1;
+    },
+    _EvaluateVisitor__scopeForAtRoot_closure21: function _EvaluateVisitor__scopeForAtRoot_closure21() {
+    },
+    _EvaluateVisitor__scopeForAtRoot_closure22: function _EvaluateVisitor__scopeForAtRoot_closure22(t0, t1) {
+      this.$this = t0;
+      this.innerScope = t1;
+    },
+    _EvaluateVisitor_visitContentRule_closure2: function _EvaluateVisitor_visitContentRule_closure2(t0, t1) {
+      this.$this = t0;
+      this.content = t1;
+    },
+    _EvaluateVisitor_visitDeclaration_closure2: function _EvaluateVisitor_visitDeclaration_closure2(t0, t1) {
+      this._box_0 = t0;
+      this.$this = t1;
+    },
+    _EvaluateVisitor_visitEachRule_closure8: function _EvaluateVisitor_visitEachRule_closure8(t0, t1, t2) {
+      this._box_0 = t0;
+      this.$this = t1;
+      this.nodeWithSpan = t2;
+    },
+    _EvaluateVisitor_visitEachRule_closure9: function _EvaluateVisitor_visitEachRule_closure9(t0, t1, t2) {
+      this._box_1 = t0;
+      this.$this = t1;
+      this.nodeWithSpan = t2;
+    },
+    _EvaluateVisitor_visitEachRule_closure10: function _EvaluateVisitor_visitEachRule_closure10(t0, t1, t2, t3) {
+      var _ = this;
+      _.$this = t0;
+      _.list = t1;
+      _.setVariables = t2;
+      _.node = t3;
+    },
+    _EvaluateVisitor_visitEachRule__closure2: function _EvaluateVisitor_visitEachRule__closure2(t0, t1, t2) {
+      this.$this = t0;
+      this.setVariables = t1;
+      this.node = t2;
+    },
+    _EvaluateVisitor_visitEachRule___closure2: function _EvaluateVisitor_visitEachRule___closure2(t0) {
+      this.$this = t0;
+    },
+    _EvaluateVisitor_visitAtRule_closure8: function _EvaluateVisitor_visitAtRule_closure8(t0) {
+      this.$this = t0;
+    },
+    _EvaluateVisitor_visitAtRule_closure9: function _EvaluateVisitor_visitAtRule_closure9(t0, t1, t2) {
+      this.$this = t0;
+      this.name = t1;
+      this.children = t2;
+    },
+    _EvaluateVisitor_visitAtRule__closure2: function _EvaluateVisitor_visitAtRule__closure2(t0, t1) {
+      this.$this = t0;
+      this.children = t1;
+    },
+    _EvaluateVisitor_visitAtRule_closure10: function _EvaluateVisitor_visitAtRule_closure10() {
+    },
+    _EvaluateVisitor_visitForRule_closure14: function _EvaluateVisitor_visitForRule_closure14(t0, t1) {
+      this.$this = t0;
+      this.node = t1;
+    },
+    _EvaluateVisitor_visitForRule_closure15: function _EvaluateVisitor_visitForRule_closure15(t0, t1) {
+      this.$this = t0;
+      this.node = t1;
+    },
+    _EvaluateVisitor_visitForRule_closure16: function _EvaluateVisitor_visitForRule_closure16(t0) {
+      this.fromNumber = t0;
+    },
+    _EvaluateVisitor_visitForRule_closure17: function _EvaluateVisitor_visitForRule_closure17(t0, t1) {
+      this.toNumber = t0;
+      this.fromNumber = t1;
+    },
+    _EvaluateVisitor_visitForRule_closure18: function _EvaluateVisitor_visitForRule_closure18(t0, t1, t2, t3, t4, t5) {
+      var _ = this;
+      _._box_0 = t0;
+      _.$this = t1;
+      _.node = t2;
+      _.from = t3;
+      _.direction = t4;
+      _.fromNumber = t5;
+    },
+    _EvaluateVisitor_visitForRule__closure2: function _EvaluateVisitor_visitForRule__closure2(t0) {
+      this.$this = t0;
+    },
+    _EvaluateVisitor_visitForwardRule_closure5: function _EvaluateVisitor_visitForwardRule_closure5(t0, t1) {
+      this.$this = t0;
+      this.node = t1;
+    },
+    _EvaluateVisitor_visitForwardRule_closure6: function _EvaluateVisitor_visitForwardRule_closure6(t0, t1) {
+      this.$this = t0;
+      this.node = t1;
+    },
+    _EvaluateVisitor__registerCommentsForModule_closure2: function _EvaluateVisitor__registerCommentsForModule_closure2() {
+    },
+    _EvaluateVisitor_visitIfRule_closure2: function _EvaluateVisitor_visitIfRule_closure2(t0) {
+      this.$this = t0;
+    },
+    _EvaluateVisitor_visitIfRule__closure2: function _EvaluateVisitor_visitIfRule__closure2(t0, t1) {
+      this.$this = t0;
+      this.clause = t1;
+    },
+    _EvaluateVisitor_visitIfRule___closure2: function _EvaluateVisitor_visitIfRule___closure2(t0) {
+      this.$this = t0;
+    },
+    _EvaluateVisitor__visitDynamicImport_closure2: function _EvaluateVisitor__visitDynamicImport_closure2(t0, t1) {
+      this.$this = t0;
+      this.$import = t1;
+    },
+    _EvaluateVisitor__visitDynamicImport__closure11: function _EvaluateVisitor__visitDynamicImport__closure11(t0) {
+      this.$this = t0;
+    },
+    _EvaluateVisitor__visitDynamicImport__closure12: function _EvaluateVisitor__visitDynamicImport__closure12() {
+    },
+    _EvaluateVisitor__visitDynamicImport__closure13: function _EvaluateVisitor__visitDynamicImport__closure13() {
+    },
+    _EvaluateVisitor__visitDynamicImport__closure14: function _EvaluateVisitor__visitDynamicImport__closure14(t0, t1, t2, t3, t4) {
+      var _ = this;
+      _._box_0 = t0;
+      _.$this = t1;
+      _.loadsUserDefinedModules = t2;
+      _.environment = t3;
+      _.children = t4;
+    },
+    _EvaluateVisitor__applyMixin_closure5: function _EvaluateVisitor__applyMixin_closure5(t0, t1, t2, t3) {
+      var _ = this;
+      _.$this = t0;
+      _.$arguments = t1;
+      _.mixin = t2;
+      _.nodeWithSpanWithoutContent = t3;
+    },
+    _EvaluateVisitor__applyMixin__closure6: function _EvaluateVisitor__applyMixin__closure6(t0, t1, t2, t3) {
+      var _ = this;
+      _.$this = t0;
+      _.$arguments = t1;
+      _.mixin = t2;
+      _.nodeWithSpanWithoutContent = t3;
+    },
+    _EvaluateVisitor__applyMixin_closure6: function _EvaluateVisitor__applyMixin_closure6(t0, t1, t2, t3) {
+      var _ = this;
+      _.$this = t0;
+      _.contentCallable = t1;
+      _.mixin = t2;
+      _.nodeWithSpanWithoutContent = t3;
+    },
+    _EvaluateVisitor__applyMixin__closure5: function _EvaluateVisitor__applyMixin__closure5(t0, t1, t2) {
+      this.$this = t0;
+      this.mixin = t1;
+      this.nodeWithSpanWithoutContent = t2;
+    },
+    _EvaluateVisitor__applyMixin___closure2: function _EvaluateVisitor__applyMixin___closure2(t0, t1, t2) {
+      this.$this = t0;
+      this.mixin = t1;
+      this.nodeWithSpanWithoutContent = t2;
+    },
+    _EvaluateVisitor__applyMixin____closure2: function _EvaluateVisitor__applyMixin____closure2(t0, t1) {
+      this.$this = t0;
+      this.statement = t1;
+    },
+    _EvaluateVisitor_visitIncludeRule_closure8: function _EvaluateVisitor_visitIncludeRule_closure8(t0, t1) {
+      this.$this = t0;
+      this.node = t1;
+    },
+    _EvaluateVisitor_visitIncludeRule_closure9: function _EvaluateVisitor_visitIncludeRule_closure9(t0) {
+      this.$this = t0;
+    },
+    _EvaluateVisitor_visitIncludeRule_closure10: function _EvaluateVisitor_visitIncludeRule_closure10(t0) {
+      this.node = t0;
+    },
+    _EvaluateVisitor_visitMediaRule_closure8: function _EvaluateVisitor_visitMediaRule_closure8(t0, t1) {
+      this.$this = t0;
+      this.queries = t1;
+    },
+    _EvaluateVisitor_visitMediaRule_closure9: function _EvaluateVisitor_visitMediaRule_closure9(t0, t1, t2, t3, t4) {
+      var _ = this;
+      _.$this = t0;
+      _.mergedQueries = t1;
+      _.queries = t2;
+      _.mergedSources = t3;
+      _.node = t4;
+    },
+    _EvaluateVisitor_visitMediaRule__closure2: function _EvaluateVisitor_visitMediaRule__closure2(t0, t1) {
+      this.$this = t0;
+      this.node = t1;
+    },
+    _EvaluateVisitor_visitMediaRule___closure2: function _EvaluateVisitor_visitMediaRule___closure2(t0, t1) {
+      this.$this = t0;
+      this.node = t1;
+    },
+    _EvaluateVisitor_visitMediaRule_closure10: function _EvaluateVisitor_visitMediaRule_closure10(t0) {
+      this.mergedSources = t0;
+    },
+    _EvaluateVisitor_visitStyleRule_closure11: function _EvaluateVisitor_visitStyleRule_closure11(t0, t1) {
+      this.$this = t0;
+      this.node = t1;
+    },
+    _EvaluateVisitor_visitStyleRule_closure12: function _EvaluateVisitor_visitStyleRule_closure12() {
+    },
+    _EvaluateVisitor_visitStyleRule_closure14: function _EvaluateVisitor_visitStyleRule_closure14(t0, t1, t2) {
+      this.$this = t0;
+      this.rule = t1;
+      this.node = t2;
+    },
+    _EvaluateVisitor_visitStyleRule__closure2: function _EvaluateVisitor_visitStyleRule__closure2(t0, t1) {
+      this.$this = t0;
+      this.node = t1;
+    },
+    _EvaluateVisitor_visitStyleRule_closure13: function _EvaluateVisitor_visitStyleRule_closure13() {
+    },
+    _EvaluateVisitor__warnForBogusCombinators_closure2: function _EvaluateVisitor__warnForBogusCombinators_closure2() {
+    },
+    _EvaluateVisitor_visitSupportsRule_closure5: function _EvaluateVisitor_visitSupportsRule_closure5(t0, t1) {
+      this.$this = t0;
+      this.node = t1;
+    },
+    _EvaluateVisitor_visitSupportsRule__closure2: function _EvaluateVisitor_visitSupportsRule__closure2(t0, t1) {
+      this.$this = t0;
+      this.node = t1;
+    },
+    _EvaluateVisitor_visitSupportsRule_closure6: function _EvaluateVisitor_visitSupportsRule_closure6() {
+    },
+    _EvaluateVisitor__visitSupportsCondition_closure2: function _EvaluateVisitor__visitSupportsCondition_closure2(t0, t1) {
+      this._box_0 = t0;
+      this.$this = t1;
+    },
+    _EvaluateVisitor_visitVariableDeclaration_closure8: function _EvaluateVisitor_visitVariableDeclaration_closure8(t0, t1, t2) {
+      this._box_0 = t0;
+      this.$this = t1;
+      this.node = t2;
+    },
+    _EvaluateVisitor_visitVariableDeclaration_closure9: function _EvaluateVisitor_visitVariableDeclaration_closure9(t0, t1) {
+      this.$this = t0;
+      this.node = t1;
+    },
+    _EvaluateVisitor_visitVariableDeclaration_closure10: function _EvaluateVisitor_visitVariableDeclaration_closure10(t0, t1, t2) {
+      this.$this = t0;
+      this.node = t1;
+      this.value = t2;
+    },
+    _EvaluateVisitor_visitUseRule_closure2: function _EvaluateVisitor_visitUseRule_closure2(t0, t1) {
+      this.$this = t0;
+      this.node = t1;
+    },
+    _EvaluateVisitor_visitWarnRule_closure2: function _EvaluateVisitor_visitWarnRule_closure2(t0, t1) {
+      this.$this = t0;
+      this.node = t1;
+    },
+    _EvaluateVisitor_visitWhileRule_closure2: function _EvaluateVisitor_visitWhileRule_closure2(t0, t1) {
+      this.$this = t0;
+      this.node = t1;
+    },
+    _EvaluateVisitor_visitWhileRule__closure2: function _EvaluateVisitor_visitWhileRule__closure2(t0) {
+      this.$this = t0;
+    },
+    _EvaluateVisitor_visitBinaryOperationExpression_closure2: function _EvaluateVisitor_visitBinaryOperationExpression_closure2(t0, t1) {
+      this.$this = t0;
+      this.node = t1;
+    },
+    _EvaluateVisitor__slash_recommendation2: function _EvaluateVisitor__slash_recommendation2() {
+    },
+    _EvaluateVisitor_visitVariableExpression_closure2: function _EvaluateVisitor_visitVariableExpression_closure2(t0, t1) {
+      this.$this = t0;
+      this.node = t1;
+    },
+    _EvaluateVisitor_visitUnaryOperationExpression_closure2: function _EvaluateVisitor_visitUnaryOperationExpression_closure2(t0, t1) {
+      this.node = t0;
+      this.operand = t1;
+    },
+    _EvaluateVisitor_visitListExpression_closure2: function _EvaluateVisitor_visitListExpression_closure2(t0) {
+      this.$this = t0;
+    },
+    _EvaluateVisitor_visitFunctionExpression_closure8: function _EvaluateVisitor_visitFunctionExpression_closure8(t0, t1) {
+      this.$this = t0;
+      this.node = t1;
+    },
+    _EvaluateVisitor_visitFunctionExpression_closure9: function _EvaluateVisitor_visitFunctionExpression_closure9() {
+    },
+    _EvaluateVisitor_visitFunctionExpression_closure10: function _EvaluateVisitor_visitFunctionExpression_closure10(t0, t1, t2) {
+      this._box_0 = t0;
+      this.$this = t1;
+      this.node = t2;
+    },
+    _EvaluateVisitor__visitCalculation_closure2: function _EvaluateVisitor__visitCalculation_closure2(t0, t1) {
+      this.$this = t0;
+      this.node = t1;
+    },
+    _EvaluateVisitor__checkCalculationArguments_check2: function _EvaluateVisitor__checkCalculationArguments_check2(t0, t1) {
+      this.$this = t0;
+      this.node = t1;
+    },
+    _EvaluateVisitor__visitCalculationExpression_closure2: function _EvaluateVisitor__visitCalculationExpression_closure2(t0, t1, t2, t3) {
+      var _ = this;
+      _._box_0 = t0;
+      _.$this = t1;
+      _.node = t2;
+      _.inLegacySassFunction = t3;
+    },
+    _EvaluateVisitor__visitCalculationExpression__closure2: function _EvaluateVisitor__visitCalculationExpression__closure2(t0, t1) {
+      this.$this = t0;
+      this.node = t1;
+    },
+    _EvaluateVisitor_visitInterpolatedFunctionExpression_closure2: function _EvaluateVisitor_visitInterpolatedFunctionExpression_closure2(t0, t1, t2) {
+      this.$this = t0;
+      this.node = t1;
+      this.$function = t2;
+    },
+    _EvaluateVisitor__runUserDefinedCallable_closure2: function _EvaluateVisitor__runUserDefinedCallable_closure2(t0, t1, t2, t3, t4, t5) {
+      var _ = this;
+      _.$this = t0;
+      _.callable = t1;
+      _.evaluated = t2;
+      _.nodeWithSpan = t3;
+      _.run = t4;
+      _.V = t5;
+    },
+    _EvaluateVisitor__runUserDefinedCallable__closure2: function _EvaluateVisitor__runUserDefinedCallable__closure2(t0, t1, t2, t3, t4, t5) {
+      var _ = this;
+      _.$this = t0;
+      _.evaluated = t1;
+      _.callable = t2;
+      _.nodeWithSpan = t3;
+      _.run = t4;
+      _.V = t5;
+    },
+    _EvaluateVisitor__runUserDefinedCallable___closure2: function _EvaluateVisitor__runUserDefinedCallable___closure2(t0, t1, t2, t3, t4, t5) {
+      var _ = this;
+      _.$this = t0;
+      _.evaluated = t1;
+      _.callable = t2;
+      _.nodeWithSpan = t3;
+      _.run = t4;
+      _.V = t5;
+    },
+    _EvaluateVisitor__runUserDefinedCallable____closure2: function _EvaluateVisitor__runUserDefinedCallable____closure2() {
+    },
+    _EvaluateVisitor__runFunctionCallable_closure2: function _EvaluateVisitor__runFunctionCallable_closure2(t0, t1) {
+      this.$this = t0;
+      this.callable = t1;
+    },
+    _EvaluateVisitor__runBuiltInCallable_closure8: function _EvaluateVisitor__runBuiltInCallable_closure8(t0, t1, t2) {
+      this._box_0 = t0;
+      this.evaluated = t1;
+      this.namedSet = t2;
+    },
+    _EvaluateVisitor__runBuiltInCallable_closure9: function _EvaluateVisitor__runBuiltInCallable_closure9(t0, t1) {
+      this._box_0 = t0;
+      this.evaluated = t1;
+    },
+    _EvaluateVisitor__runBuiltInCallable_closure10: function _EvaluateVisitor__runBuiltInCallable_closure10() {
+    },
+    _EvaluateVisitor__evaluateArguments_closure11: function _EvaluateVisitor__evaluateArguments_closure11() {
+    },
+    _EvaluateVisitor__evaluateArguments_closure12: function _EvaluateVisitor__evaluateArguments_closure12(t0, t1) {
+      this.$this = t0;
+      this.restNodeForSpan = t1;
+    },
+    _EvaluateVisitor__evaluateArguments_closure13: function _EvaluateVisitor__evaluateArguments_closure13(t0, t1, t2, t3) {
+      var _ = this;
+      _.$this = t0;
+      _.named = t1;
+      _.restNodeForSpan = t2;
+      _.namedNodes = t3;
+    },
+    _EvaluateVisitor__evaluateArguments_closure14: function _EvaluateVisitor__evaluateArguments_closure14() {
+    },
+    _EvaluateVisitor__evaluateMacroArguments_closure11: function _EvaluateVisitor__evaluateMacroArguments_closure11(t0) {
+      this.restArgs = t0;
+    },
+    _EvaluateVisitor__evaluateMacroArguments_closure12: function _EvaluateVisitor__evaluateMacroArguments_closure12(t0, t1, t2) {
+      this.$this = t0;
+      this.restNodeForSpan = t1;
+      this.restArgs = t2;
+    },
+    _EvaluateVisitor__evaluateMacroArguments_closure13: function _EvaluateVisitor__evaluateMacroArguments_closure13(t0, t1, t2, t3) {
+      var _ = this;
+      _.$this = t0;
+      _.named = t1;
+      _.restNodeForSpan = t2;
+      _.restArgs = t3;
+    },
+    _EvaluateVisitor__evaluateMacroArguments_closure14: function _EvaluateVisitor__evaluateMacroArguments_closure14(t0, t1, t2) {
+      this.$this = t0;
+      this.keywordRestNodeForSpan = t1;
+      this.keywordRestArgs = t2;
+    },
+    _EvaluateVisitor__addRestMap_closure2: function _EvaluateVisitor__addRestMap_closure2(t0, t1, t2, t3, t4, t5) {
+      var _ = this;
+      _.$this = t0;
+      _.values = t1;
+      _.convert = t2;
+      _.expressionNode = t3;
+      _.map = t4;
+      _.nodeWithSpan = t5;
+    },
+    _EvaluateVisitor__verifyArguments_closure2: function _EvaluateVisitor__verifyArguments_closure2(t0, t1, t2) {
+      this.parameters = t0;
+      this.positional = t1;
+      this.named = t2;
+    },
+    _EvaluateVisitor_visitCssAtRule_closure5: function _EvaluateVisitor_visitCssAtRule_closure5(t0, t1) {
+      this.$this = t0;
+      this.node = t1;
+    },
+    _EvaluateVisitor_visitCssAtRule_closure6: function _EvaluateVisitor_visitCssAtRule_closure6() {
+    },
+    _EvaluateVisitor_visitCssKeyframeBlock_closure5: function _EvaluateVisitor_visitCssKeyframeBlock_closure5(t0, t1) {
+      this.$this = t0;
+      this.node = t1;
+    },
+    _EvaluateVisitor_visitCssKeyframeBlock_closure6: function _EvaluateVisitor_visitCssKeyframeBlock_closure6() {
+    },
+    _EvaluateVisitor_visitCssMediaRule_closure8: function _EvaluateVisitor_visitCssMediaRule_closure8(t0, t1) {
+      this.$this = t0;
+      this.node = t1;
+    },
+    _EvaluateVisitor_visitCssMediaRule_closure9: function _EvaluateVisitor_visitCssMediaRule_closure9(t0, t1, t2, t3) {
+      var _ = this;
+      _.$this = t0;
+      _.mergedQueries = t1;
+      _.node = t2;
+      _.mergedSources = t3;
+    },
+    _EvaluateVisitor_visitCssMediaRule__closure2: function _EvaluateVisitor_visitCssMediaRule__closure2(t0, t1) {
+      this.$this = t0;
+      this.node = t1;
+    },
+    _EvaluateVisitor_visitCssMediaRule___closure2: function _EvaluateVisitor_visitCssMediaRule___closure2(t0, t1) {
+      this.$this = t0;
+      this.node = t1;
+    },
+    _EvaluateVisitor_visitCssMediaRule_closure10: function _EvaluateVisitor_visitCssMediaRule_closure10(t0) {
+      this.mergedSources = t0;
+    },
+    _EvaluateVisitor_visitCssStyleRule_closure6: function _EvaluateVisitor_visitCssStyleRule_closure6(t0, t1, t2) {
+      this.$this = t0;
+      this.rule = t1;
+      this.node = t2;
+    },
+    _EvaluateVisitor_visitCssStyleRule__closure2: function _EvaluateVisitor_visitCssStyleRule__closure2(t0, t1) {
+      this.$this = t0;
+      this.node = t1;
+    },
+    _EvaluateVisitor_visitCssStyleRule_closure5: function _EvaluateVisitor_visitCssStyleRule_closure5() {
+    },
+    _EvaluateVisitor_visitCssSupportsRule_closure5: function _EvaluateVisitor_visitCssSupportsRule_closure5(t0, t1) {
+      this.$this = t0;
+      this.node = t1;
+    },
+    _EvaluateVisitor_visitCssSupportsRule__closure2: function _EvaluateVisitor_visitCssSupportsRule__closure2(t0, t1) {
+      this.$this = t0;
+      this.node = t1;
+    },
+    _EvaluateVisitor_visitCssSupportsRule_closure6: function _EvaluateVisitor_visitCssSupportsRule_closure6() {
+    },
+    _EvaluateVisitor__performInterpolationHelper_closure2: function _EvaluateVisitor__performInterpolationHelper_closure2(t0) {
+      this.interpolation = t0;
+    },
+    _EvaluateVisitor__serialize_closure2: function _EvaluateVisitor__serialize_closure2(t0, t1) {
+      this.value = t0;
+      this.quote = t1;
+    },
+    _EvaluateVisitor__expressionNode_closure2: function _EvaluateVisitor__expressionNode_closure2(t0, t1) {
+      this.$this = t0;
+      this.expression = t1;
+    },
+    _EvaluateVisitor__withoutSlash_recommendation2: function _EvaluateVisitor__withoutSlash_recommendation2() {
+    },
+    _EvaluateVisitor__stackFrame_closure2: function _EvaluateVisitor__stackFrame_closure2(t0) {
+      this.$this = t0;
+    },
+    _ImportedCssVisitor2: function _ImportedCssVisitor2(t0) {
+      this._async_evaluate0$_visitor = t0;
+    },
+    _ImportedCssVisitor_visitCssAtRule_closure2: function _ImportedCssVisitor_visitCssAtRule_closure2() {
+    },
+    _ImportedCssVisitor_visitCssMediaRule_closure2: function _ImportedCssVisitor_visitCssMediaRule_closure2(t0) {
+      this.hasBeenMerged = t0;
+    },
+    _ImportedCssVisitor_visitCssStyleRule_closure2: function _ImportedCssVisitor_visitCssStyleRule_closure2() {
+    },
+    _ImportedCssVisitor_visitCssSupportsRule_closure2: function _ImportedCssVisitor_visitCssSupportsRule_closure2() {
+    },
+    _EvaluationContext2: function _EvaluationContext2(t0, t1) {
+      this._async_evaluate0$_visitor = t0;
+      this._async_evaluate0$_defaultWarnNodeWithSpan = t1;
+    },
+    JSToDartAsyncFileImporter: function JSToDartAsyncFileImporter(t0) {
+      this._findFileUrl = t0;
+    },
+    JSToDartAsyncFileImporter_canonicalize_closure: function JSToDartAsyncFileImporter_canonicalize_closure(t0, t1) {
+      this.$this = t0;
+      this.url = t1;
+    },
+    AsyncImportCache$(importers, loadPaths, packageConfig) {
+      var t1 = type$.nullable_Record_3_AsyncImporter_and_Uri_and_Uri_originalUrl_2,
+        t2 = type$.Record_3_AsyncImporter_and_Uri_and_bool_forImport_2,
+        t3 = type$.Uri;
+      return new A.AsyncImportCache0(A.AsyncImportCache__toImporters0(importers, loadPaths, packageConfig), A.LinkedHashMap_LinkedHashMap$_empty(type$.Record_2_Uri_and_bool_forImport, t1), A.LinkedHashMap_LinkedHashMap$_empty(t2, t1), A.LinkedHashMap_LinkedHashMap$_empty(t2, t3), A.LinkedHashMap_LinkedHashMap$_empty(t3, type$.nullable_Stylesheet_2), A.LinkedHashMap_LinkedHashMap$_empty(t3, type$.ImporterResult_2), A.LinkedHashMap_LinkedHashMap$_empty(t3, type$.DateTime));
+    },
+    AsyncImportCache$none() {
+      var t1 = type$.nullable_Record_3_AsyncImporter_and_Uri_and_Uri_originalUrl_2,
+        t2 = type$.Record_3_AsyncImporter_and_Uri_and_bool_forImport_2,
+        t3 = type$.Uri;
+      return new A.AsyncImportCache0(B.List_empty27, A.LinkedHashMap_LinkedHashMap$_empty(type$.Record_2_Uri_and_bool_forImport, t1), A.LinkedHashMap_LinkedHashMap$_empty(t2, t1), A.LinkedHashMap_LinkedHashMap$_empty(t2, t3), A.LinkedHashMap_LinkedHashMap$_empty(t3, type$.nullable_Stylesheet_2), A.LinkedHashMap_LinkedHashMap$_empty(t3, type$.ImporterResult_2), A.LinkedHashMap_LinkedHashMap$_empty(t3, type$.DateTime));
+    },
+    AsyncImportCache__toImporters0(importers, loadPaths, packageConfig) {
+      var t1, t2, t3, t4, _i, path, _null = null,
+        sassPath = A.getEnvironmentVariable0("SASS_PATH");
+      if (A.isBrowser()) {
+        t1 = A._setArrayType([], type$.JSArray_AsyncImporter);
+        if (importers != null)
+          B.JSArray_methods.addAll$1(t1, importers);
+        return t1;
+      }
+      t1 = A._setArrayType([], type$.JSArray_AsyncImporter);
+      if (importers != null)
+        B.JSArray_methods.addAll$1(t1, importers);
+      if (loadPaths != null)
+        for (t2 = J.get$iterator$ax(loadPaths); t2.moveNext$0();) {
+          t3 = t2.get$current(t2);
+          t1.push(new A.FilesystemImporter0($.$get$context().absolute$15(t3, _null, _null, _null, _null, _null, _null, _null, _null, _null, _null, _null, _null, _null, _null), false));
+        }
+      if (sassPath != null) {
+        t2 = A.isNodeJs() ? self.process : _null;
+        t3 = sassPath.split(J.$eq$(t2 == null ? _null : J.get$platform$x(t2), "win32") ? ";" : ":");
+        t4 = t3.length;
+        _i = 0;
+        for (; _i < t4; ++_i) {
+          path = t3[_i];
+          t1.push(new A.FilesystemImporter0($.$get$context().absolute$15(path, _null, _null, _null, _null, _null, _null, _null, _null, _null, _null, _null, _null, _null, _null), false));
+        }
+      }
+      return t1;
+    },
+    AsyncImportCache0: function AsyncImportCache0(t0, t1, t2, t3, t4, t5, t6) {
+      var _ = this;
+      _._async_import_cache0$_importers = t0;
+      _._async_import_cache0$_canonicalizeCache = t1;
+      _._async_import_cache0$_perImporterCanonicalizeCache = t2;
+      _._async_import_cache0$_nonCanonicalRelativeUrls = t3;
+      _._async_import_cache0$_importCache = t4;
+      _._async_import_cache0$_resultsCache = t5;
+      _._async_import_cache0$_loadTimes = t6;
+    },
+    AsyncImportCache_canonicalize_closure0: function AsyncImportCache_canonicalize_closure0(t0, t1, t2, t3, t4, t5, t6) {
+      var _ = this;
+      _.$this = t0;
+      _.baseImporter = t1;
+      _.resolvedUrl = t2;
+      _.baseUrl = t3;
+      _.forImport = t4;
+      _.key = t5;
+      _.url = t6;
+    },
+    AsyncImportCache__canonicalize_closure0: function AsyncImportCache__canonicalize_closure0(t0, t1) {
+      this.importer = t0;
+      this.url = t1;
+    },
+    AsyncImportCache_importCanonical_closure0: function AsyncImportCache_importCanonical_closure0(t0, t1, t2, t3) {
+      var _ = this;
+      _.$this = t0;
+      _.importer = t1;
+      _.canonicalUrl = t2;
+      _.originalUrl = t3;
+    },
+    AsyncImportCache_humanize_closure3: function AsyncImportCache_humanize_closure3(t0) {
+      this.canonicalUrl = t0;
+    },
+    AsyncImportCache_humanize_closure4: function AsyncImportCache_humanize_closure4() {
+    },
+    AsyncImportCache_humanize_closure5: function AsyncImportCache_humanize_closure5() {
+    },
+    AsyncImportCache_humanize_closure6: function AsyncImportCache_humanize_closure6(t0) {
+      this.canonicalUrl = t0;
+    },
+    AtRootQueryParser0: function AtRootQueryParser0(t0, t1) {
+      this.scanner = t0;
+      this._parser1$_interpolationMap = t1;
+    },
+    AtRootQueryParser_parse_closure0: function AtRootQueryParser_parse_closure0(t0) {
+      this.$this = t0;
+    },
+    AtRootQuery0: function AtRootQuery0(t0, t1, t2, t3) {
+      var _ = this;
+      _.include = t0;
+      _.names = t1;
+      _._at_root_query0$_all = t2;
+      _._at_root_query0$_rule = t3;
+    },
+    AtRootRule$0(children, span, query) {
+      var t1 = A.List_List$unmodifiable(children, type$.Statement_2),
+        t2 = B.JSArray_methods.any$1(t1, new A.ParentStatement_closure0());
+      return new A.AtRootRule0(query, span, t1, t2);
+    },
+    AtRootRule0: function AtRootRule0(t0, t1, t2, t3) {
+      var _ = this;
+      _.query = t0;
+      _.span = t1;
+      _.children = t2;
+      _.hasDeclarations = t3;
+    },
+    ModifiableCssAtRule$0($name, span, childless, value) {
+      var t1 = A._setArrayType([], type$.JSArray_ModifiableCssNode_2);
+      return new A.ModifiableCssAtRule0($name, value, childless, span, new A.UnmodifiableListView(t1, type$.UnmodifiableListView_ModifiableCssNode_2), t1);
+    },
+    ModifiableCssAtRule0: function ModifiableCssAtRule0(t0, t1, t2, t3, t4, t5) {
+      var _ = this;
+      _.name = t0;
+      _.value = t1;
+      _.isChildless = t2;
+      _.span = t3;
+      _.children = t4;
+      _._node$_children = t5;
+      _._node$_indexInParent = _._node$_parent = null;
+      _.isGroupEnd = false;
+    },
+    AtRule$0($name, span, children, value) {
+      var t1 = children == null ? null : A.List_List$unmodifiable(children, type$.Statement_2),
+        t2 = t1 == null ? null : B.JSArray_methods.any$1(t1, new A.ParentStatement_closure0());
+      return new A.AtRule0($name, value, span, t1, t2 === true);
+    },
+    AtRule0: function AtRule0(t0, t1, t2, t3, t4) {
+      var _ = this;
+      _.name = t0;
+      _.value = t1;
+      _.span = t2;
+      _.children = t3;
+      _.hasDeclarations = t4;
+    },
+    AttributeSelector0: function AttributeSelector0(t0, t1, t2, t3, t4) {
+      var _ = this;
+      _.name = t0;
+      _.op = t1;
+      _.value = t2;
+      _.modifier = t3;
+      _.span = t4;
+    },
+    AttributeOperator0: function AttributeOperator0(t0, t1) {
+      this._attribute0$_text = t0;
+      this._name = t1;
+    },
+    BinaryOperationExpression0: function BinaryOperationExpression0(t0, t1, t2, t3) {
+      var _ = this;
+      _.operator = t0;
+      _.left = t1;
+      _.right = t2;
+      _.allowsSlash = t3;
+    },
+    BinaryOperator0: function BinaryOperator0(t0, t1, t2, t3, t4) {
+      var _ = this;
+      _.name = t0;
+      _.operator = t1;
+      _.precedence = t2;
+      _.isAssociative = t3;
+      _._name = t4;
+    },
+    BooleanExpression0: function BooleanExpression0(t0, t1) {
+      this.value = t0;
+      this.span = t1;
+    },
+    booleanClass_closure: function booleanClass_closure() {
+    },
+    booleanClass__closure: function booleanClass__closure() {
+    },
+    legacyBooleanClass_closure: function legacyBooleanClass_closure() {
+    },
+    legacyBooleanClass__closure: function legacyBooleanClass__closure() {
+    },
+    legacyBooleanClass__closure0: function legacyBooleanClass__closure0() {
+    },
+    SassBoolean0: function SassBoolean0(t0) {
+      this.value = t0;
+    },
+    Box0: function Box0(t0, t1) {
+      this._box0$_inner = t0;
+      this.$ti = t1;
+    },
+    ModifiableBox0: function ModifiableBox0(t0, t1) {
+      this.value = t0;
+      this.$ti = t1;
+    },
+    BuiltInCallable$function0($name, parameters, callback, url) {
+      return new A.BuiltInCallable0($name, A._setArrayType([new A._Record_2(A.ScssParser$0("@function " + $name + "(" + parameters + ") {", url).parseParameterList$0(), callback)], type$.JSArray_Record_2_ParameterList_and_Value_Function_List_Value_2), false);
+    },
+    BuiltInCallable$mixin0($name, parameters, callback, acceptsContent, url) {
+      return new A.BuiltInCallable0($name, A._setArrayType([new A._Record_2(A.ScssParser$0("@mixin " + $name + "(" + parameters + ") {", url).parseParameterList$0(), new A.BuiltInCallable$mixin_closure0(callback))], type$.JSArray_Record_2_ParameterList_and_Value_Function_List_Value_2), acceptsContent);
+    },
+    BuiltInCallable$overloadedFunction0($name, overloads) {
+      var t2, t3, t4, t5, t6, t7, args, callback,
+        t1 = A._setArrayType([], type$.JSArray_Record_2_ParameterList_and_Value_Function_List_Value_2);
+      for (t2 = type$.String, t3 = A.MapExtensions_get_pairs0(overloads, t2, type$.Value_Function_List_Value_2), t3 = t3.get$iterator(t3), t4 = "@function " + $name + "(", t5 = type$.FileSpan, t6 = type$.JSArray_Record_3_nullable_Deprecation_deprecation_and_String_message_and_FileSpan_span_2; t3.moveNext$0();) {
+        t7 = t3.get$current(t3);
+        args = t7._0;
+        callback = t7._1;
+        t1.push(new A._Record_2(new A.ScssParser0(A.LinkedHashMap_LinkedHashMap$_empty(t2, t5), A._setArrayType([], t6), A.SpanScanner$(t4 + args + ") {", null), null).parseParameterList$0(), callback));
+      }
+      return new A.BuiltInCallable0($name, t1, false);
+    },
+    BuiltInCallable0: function BuiltInCallable0(t0, t1, t2) {
+      this.name = t0;
+      this._built_in$_overloads = t1;
+      this.acceptsContent = t2;
+    },
+    BuiltInCallable$mixin_closure0: function BuiltInCallable$mixin_closure0(t0) {
+      this.callback = t0;
+    },
+    BuiltInCallable_withDeprecationWarning_closure0: function BuiltInCallable_withDeprecationWarning_closure0(t0, t1, t2, t3) {
+      var _ = this;
+      _._box_0 = t0;
+      _.$this = t1;
+      _.module = t2;
+      _.newName = t3;
+    },
+    BuiltInModule$0($name, functions, mixins, variables, $T) {
+      var t1 = A._Uri__Uri(null, $name, null, "sass"),
+        t2 = A.BuiltInModule__callableMap0(functions, $T),
+        t3 = A.BuiltInModule__callableMap0(mixins, $T),
+        t4 = variables == null ? B.Map_empty15 : new A.UnmodifiableMapView(variables, type$.UnmodifiableMapView_String_Value_2);
+      return new A.BuiltInModule0(t1, t2, t3, t4, $T._eval$1("BuiltInModule0<0>"));
+    },
+    BuiltInModule__callableMap0(callables, $T) {
+      var t2, _i, callable,
+        t1 = type$.String;
+      if (callables == null)
+        t1 = A.LinkedHashMap_LinkedHashMap$_empty(t1, $T);
+      else {
+        t1 = A.LinkedHashMap_LinkedHashMap$_empty(t1, $T);
+        for (t2 = callables.length, _i = 0; _i < callables.length; callables.length === t2 || (0, A.throwConcurrentModificationError)(callables), ++_i) {
+          callable = callables[_i];
+          t1.$indexSet(0, callable.get$name(callable), callable);
+        }
+        t1 = new A.UnmodifiableMapView(t1, type$.$env_1_1_String._bind$1($T)._eval$1("UnmodifiableMapView<1,2>"));
+      }
+      return new A.UnmodifiableMapView(t1, type$.$env_1_1_String._bind$1($T)._eval$1("UnmodifiableMapView<1,2>"));
+    },
+    BuiltInModule0: function BuiltInModule0(t0, t1, t2, t3, t4) {
+      var _ = this;
+      _.url = t0;
+      _.functions = t1;
+      _.mixins = t2;
+      _.variables = t3;
+      _.$ti = t4;
+    },
+    _assertCalculationValue(arg) {
+      var t1;
+      $label0$0: {
+        if (!(arg instanceof A.SassNumber0))
+          t1 = arg instanceof A.SassString0 && !arg._string0$_hasQuotes || arg instanceof A.SassCalculation0 || arg instanceof A.CalculationOperation0 || arg instanceof A.CalculationInterpolation;
+        else
+          t1 = true;
+        if (t1) {
+          t1 = null;
+          break $label0$0;
+        }
+        t1 = A.jsThrow0(new self.Error("Argument `" + A.S(arg) + "` must be one of SassNumber, unquoted SassString, SassCalculation, CalculationOperation, CalculationInterpolation"));
+      }
+      return t1;
+    },
+    _isValidClampArg(arg) {
+      var t1;
+      $label0$0: {
+        if (!(arg instanceof A.CalculationInterpolation))
+          t1 = arg instanceof A.SassString0 && !arg._string0$_hasQuotes;
+        else
+          t1 = true;
+        break $label0$0;
+      }
+      return t1;
+    },
+    calculationClass_closure: function calculationClass_closure() {
+    },
+    calculationClass__closure: function calculationClass__closure() {
+    },
+    calculationClass__closure0: function calculationClass__closure0() {
+    },
+    calculationClass__closure1: function calculationClass__closure1() {
+    },
+    calculationClass__closure2: function calculationClass__closure2() {
+    },
+    calculationClass__closure3: function calculationClass__closure3() {
+    },
+    calculationClass__closure4: function calculationClass__closure4() {
+    },
+    calculationClass__closure5: function calculationClass__closure5() {
+    },
+    calculationOperationClass_closure: function calculationOperationClass_closure() {
+    },
+    calculationOperationClass__closure: function calculationOperationClass__closure() {
+    },
+    calculationOperationClass___closure: function calculationOperationClass___closure(t0) {
+      this.strOperator = t0;
+    },
+    calculationOperationClass__closure0: function calculationOperationClass__closure0() {
+    },
+    calculationOperationClass__closure1: function calculationOperationClass__closure1() {
+    },
+    calculationOperationClass__closure2: function calculationOperationClass__closure2() {
+    },
+    calculationOperationClass__closure3: function calculationOperationClass__closure3() {
+    },
+    calculationOperationClass__closure4: function calculationOperationClass__closure4() {
+    },
+    calculationInterpolationClass_closure: function calculationInterpolationClass_closure() {
+    },
+    calculationInterpolationClass__closure: function calculationInterpolationClass__closure() {
+    },
+    calculationInterpolationClass__closure0: function calculationInterpolationClass__closure0() {
+    },
+    calculationInterpolationClass__closure1: function calculationInterpolationClass__closure1() {
+    },
+    calculationInterpolationClass__closure2: function calculationInterpolationClass__closure2() {
+    },
+    SassCalculation_calc0(argument) {
+      var t1,
+        _0_0 = A.SassCalculation__simplify0(argument);
+      $label0$0: {
+        if (_0_0 instanceof A.SassNumber0) {
+          t1 = _0_0;
+          break $label0$0;
+        }
+        if (_0_0 instanceof A.SassCalculation0) {
+          t1 = _0_0;
+          break $label0$0;
+        }
+        t1 = new A.SassCalculation0("calc", A.List_List$unmodifiable([_0_0], type$.Object));
+        break $label0$0;
+      }
+      return t1;
+    },
+    SassCalculation_min0($arguments) {
+      var minimum, _i, arg, t2,
+        args = A.List_List$unmodifiable(new A.MappedListIterable($arguments, A.calculation0_SassCalculation__simplify$closure(), A._arrayInstanceType($arguments)._eval$1("MappedListIterable<1,@>")), type$.Object),
+        t1 = args.length;
+      if (t1 === 0)
+        throw A.wrapException(A.ArgumentError$("min() must have at least one argument.", null));
+      for (minimum = null, _i = 0; _i < t1; ++_i) {
+        arg = args[_i];
+        if (arg instanceof A.SassNumber0)
+          t2 = minimum != null && !minimum.isComparableTo$1(arg);
+        else
+          t2 = true;
+        if (t2) {
+          minimum = null;
+          break;
+        } else if (minimum == null || minimum.greaterThan$1(arg).value)
+          minimum = arg;
+      }
+      if (minimum != null)
+        return minimum;
+      A.SassCalculation__verifyCompatibleNumbers0(args);
+      return new A.SassCalculation0("min", args);
+    },
+    SassCalculation_max0($arguments) {
+      var maximum, _i, arg, t2,
+        args = A.List_List$unmodifiable(new A.MappedListIterable($arguments, A.calculation0_SassCalculation__simplify$closure(), A._arrayInstanceType($arguments)._eval$1("MappedListIterable<1,@>")), type$.Object),
+        t1 = args.length;
+      if (t1 === 0)
+        throw A.wrapException(A.ArgumentError$("max() must have at least one argument.", null));
+      for (maximum = null, _i = 0; _i < t1; ++_i) {
+        arg = args[_i];
+        if (arg instanceof A.SassNumber0)
+          t2 = maximum != null && !maximum.isComparableTo$1(arg);
+        else
+          t2 = true;
+        if (t2) {
+          maximum = null;
+          break;
+        } else if (maximum == null || maximum.lessThan$1(arg).value)
+          maximum = arg;
+      }
+      if (maximum != null)
+        return maximum;
+      A.SassCalculation__verifyCompatibleNumbers0(args);
+      return new A.SassCalculation0("max", args);
+    },
+    SassCalculation_hypot0($arguments) {
+      var first, subtotal, i, number, value, t2,
+        args = A.List_List$unmodifiable(new A.MappedListIterable($arguments, A.calculation0_SassCalculation__simplify$closure(), A._arrayInstanceType($arguments)._eval$1("MappedListIterable<1,@>")), type$.Object),
+        t1 = args.length;
+      if (t1 === 0)
+        throw A.wrapException(A.ArgumentError$("hypot() must have at least one argument.", null));
+      A.SassCalculation__verifyCompatibleNumbers0(args);
+      first = B.JSArray_methods.get$first(args);
+      if (!(first instanceof A.SassNumber0) || first.hasUnit$1("%"))
+        return new A.SassCalculation0("hypot", args);
+      for (subtotal = 0, i = 0; i < t1;) {
+        number = args[i];
+        if (!(number instanceof A.SassNumber0) || !number.hasCompatibleUnits$1(first))
+          return new A.SassCalculation0("hypot", args);
+        ++i;
+        value = number.convertValueToMatch$3(first, "numbers[" + i + "]", "numbers[1]");
+        subtotal += value * value;
+      }
+      t1 = Math.sqrt(subtotal);
+      t2 = first.get$numeratorUnits(first);
+      return A.SassNumber_SassNumber$withUnits0(t1, first.get$denominatorUnits(first), t2);
+    },
+    SassCalculation_abs0(argument) {
+      argument = A.SassCalculation__simplify0(argument);
+      if (!(argument instanceof A.SassNumber0))
+        return new A.SassCalculation0("abs", A._setArrayType([argument], type$.JSArray_Object));
+      if (argument.hasUnit$1("%"))
+        A.warnForDeprecation0(string$.Passinp + argument.toString$0(0) + ")\nTo emit a CSS abs() now: abs(#{" + argument.toString$0(0) + string$.x7d__Mor, B.Deprecation_fzO);
+      return A.SassNumber_SassNumber0(Math.abs(argument._number1$_value), null).coerceToMatch$1(argument);
+    },
+    SassCalculation_exp0(argument) {
+      argument = A.SassCalculation__simplify0(argument);
+      if (!(argument instanceof A.SassNumber0))
+        return new A.SassCalculation0("exp", A._setArrayType([argument], type$.JSArray_Object));
+      argument.assertNoUnits$0();
+      return A.pow1(A.SassNumber_SassNumber0(2.718281828459045, null), argument);
+    },
+    SassCalculation_sign0(argument) {
+      var t1, _0_2, t2, arg;
+      argument = A.SassCalculation__simplify0(argument);
+      $label0$0: {
+        t1 = argument instanceof A.SassNumber0;
+        if (t1) {
+          _0_2 = argument._number1$_value;
+          if (!isNaN(_0_2))
+            t2 = 0 === _0_2;
+          else
+            t2 = true;
+        } else
+          t2 = false;
+        if (t2) {
+          t1 = argument;
+          break $label0$0;
+        }
+        if (t1) {
+          t1 = !argument.hasUnit$1("%");
+          arg = argument;
+        } else {
+          arg = null;
+          t1 = false;
+        }
+        if (t1) {
+          t1 = A.SassNumber_SassNumber0(J.get$sign$in(arg._number1$_value), null).coerceToMatch$1(argument);
+          break $label0$0;
+        }
+        t1 = new A.SassCalculation0("sign", A._setArrayType([argument], type$.JSArray_Object));
+        break $label0$0;
+      }
+      return t1;
+    },
+    SassCalculation_clamp0(min, value, max) {
+      var t1, args;
+      if (value == null && max != null)
+        throw A.wrapException(A.ArgumentError$("If value is null, max must also be null.", null));
+      min = A.SassCalculation__simplify0(min);
+      value = A.NullableExtension_andThen0(value, A.calculation0_SassCalculation__simplify$closure());
+      max = A.NullableExtension_andThen0(max, A.calculation0_SassCalculation__simplify$closure());
+      if (min instanceof A.SassNumber0 && value instanceof A.SassNumber0 && max instanceof A.SassNumber0 && min.hasCompatibleUnits$1(value) && min.hasCompatibleUnits$1(max)) {
+        if (value.lessThanOrEquals$1(min).value)
+          return min;
+        if (value.greaterThanOrEquals$1(max).value)
+          return max;
+        return value;
+      }
+      t1 = [min];
+      if (value != null)
+        t1.push(value);
+      if (max != null)
+        t1.push(max);
+      args = A.List_List$unmodifiable(t1, type$.Object);
+      A.SassCalculation__verifyCompatibleNumbers0(args);
+      A.SassCalculation__verifyLength0(args, 3);
+      return new A.SassCalculation0("clamp", args);
+    },
+    SassCalculation_pow0(base, exponent) {
+      var t1 = A._setArrayType([base], type$.JSArray_Object);
+      if (exponent != null)
+        t1.push(exponent);
+      A.SassCalculation__verifyLength0(t1, 2);
+      base = A.SassCalculation__simplify0(base);
+      exponent = A.NullableExtension_andThen0(exponent, A.calculation0_SassCalculation__simplify$closure());
+      if (!(base instanceof A.SassNumber0) || !(exponent instanceof A.SassNumber0))
+        return new A.SassCalculation0("pow", t1);
+      base.assertNoUnits$0();
+      exponent.assertNoUnits$0();
+      return A.pow1(base, exponent);
+    },
+    SassCalculation_log0(number, base) {
+      var t1, t2;
+      number = A.SassCalculation__simplify0(number);
+      base = A.NullableExtension_andThen0(base, A.calculation0_SassCalculation__simplify$closure());
+      t1 = A._setArrayType([number], type$.JSArray_Object);
+      t2 = base != null;
+      if (t2)
+        t1.push(base);
+      if (number instanceof A.SassNumber0)
+        t2 = t2 && !(base instanceof A.SassNumber0);
+      else
+        t2 = true;
+      if (t2)
+        return new A.SassCalculation0("log", t1);
+      number.assertNoUnits$0();
+      if (base instanceof A.SassNumber0) {
+        base.assertNoUnits$0();
+        return A.log0(number, base);
+      }
+      return A.log0(number, null);
+    },
+    SassCalculation_atan20(y, x) {
+      var t1;
+      y = A.SassCalculation__simplify0(y);
+      x = A.NullableExtension_andThen0(x, A.calculation0_SassCalculation__simplify$closure());
+      t1 = A._setArrayType([y], type$.JSArray_Object);
+      if (x != null)
+        t1.push(x);
+      A.SassCalculation__verifyLength0(t1, 2);
+      A.SassCalculation__verifyCompatibleNumbers0(t1);
+      if (!(y instanceof A.SassNumber0) || !(x instanceof A.SassNumber0) || y.hasUnit$1("%") || x.hasUnit$1("%") || !y.hasCompatibleUnits$1(x))
+        return new A.SassCalculation0("atan2", t1);
+      return A.SassNumber_SassNumber$withUnits0(Math.atan2(y._number1$_value, x.convertValueToMatch$3(y, "x", "y")) * 57.29577951308232, null, A._setArrayType(["deg"], type$.JSArray_String));
+    },
+    SassCalculation_rem0(dividend, modulus) {
+      var t1, result;
+      dividend = A.SassCalculation__simplify0(dividend);
+      modulus = A.NullableExtension_andThen0(modulus, A.calculation0_SassCalculation__simplify$closure());
+      t1 = A._setArrayType([dividend], type$.JSArray_Object);
+      if (modulus != null)
+        t1.push(modulus);
+      A.SassCalculation__verifyLength0(t1, 2);
+      A.SassCalculation__verifyCompatibleNumbers0(t1);
+      if (!(dividend instanceof A.SassNumber0) || !(modulus instanceof A.SassNumber0) || !dividend.hasCompatibleUnits$1(modulus))
+        return new A.SassCalculation0("rem", t1);
+      result = dividend.modulo$1(modulus);
+      t1 = modulus._number1$_value;
+      if (A.DoubleWithSignedZero_get_signIncludingZero0(t1) !== A.DoubleWithSignedZero_get_signIncludingZero0(dividend._number1$_value)) {
+        if (t1 == 1 / 0 || t1 == -1 / 0)
+          return dividend;
+        if (result._number1$_value === 0)
+          return result.unaryMinus$0();
+        return result.minus$1(modulus);
+      }
+      return result;
+    },
+    SassCalculation_mod0(dividend, modulus) {
+      var t1;
+      dividend = A.SassCalculation__simplify0(dividend);
+      modulus = A.NullableExtension_andThen0(modulus, A.calculation0_SassCalculation__simplify$closure());
+      t1 = A._setArrayType([dividend], type$.JSArray_Object);
+      if (modulus != null)
+        t1.push(modulus);
+      A.SassCalculation__verifyLength0(t1, 2);
+      A.SassCalculation__verifyCompatibleNumbers0(t1);
+      if (!(dividend instanceof A.SassNumber0) || !(modulus instanceof A.SassNumber0) || !dividend.hasCompatibleUnits$1(modulus))
+        return new A.SassCalculation0("mod", t1);
+      return dividend.modulo$1(modulus);
+    },
+    SassCalculation_roundInternal0(strategyOrNumber, numberOrStep, step, inLegacySassFunction, span, warn) {
+      var _0_8_isSet, _0_6_isSet, t2, _0_6_isSet0, _0_14_isSet, _0_16, _0_18, _0_18_isSet, _0_20, _0_20_isSet, strategy, _0_9_isSet0, _0_12, _0_14, _0_16_isSet, t3, t4, _0_12_isSet, _0_12_isSet0, rest, _null = null, _s5_ = "round",
+        _0_1 = A.SassCalculation__simplify0(strategyOrNumber),
+        _0_6 = A.NullableExtension_andThen0(numberOrStep, A.calculation0_SassCalculation__simplify$closure()),
+        _0_9 = A.NullableExtension_andThen0(step, A.calculation0_SassCalculation__simplify$closure()),
+        _0_8 = _null,
+        _0_60 = _null,
+        _0_10 = _null,
+        _0_10_isSet = false,
+        _0_90 = _null,
+        _0_9_isSet = false,
+        number = _null,
+        t1 = false;
+      if (_0_1 instanceof A.SassNumber0) {
+        _0_8_isSet = !_0_1.get$hasUnits();
+        if (_0_8_isSet) {
+          _0_8 = _0_6 == null;
+          _0_10_isSet = _0_8;
+          if (_0_10_isSet) {
+            _0_10 = _0_9 == null;
+            t1 = _0_10;
+            _0_90 = _0_9;
+          }
+          _0_9_isSet = _0_10_isSet;
+          _0_60 = _0_6;
+          number = _0_1;
+        }
+        _0_6_isSet = _0_8_isSet;
+      } else {
+        _0_8_isSet = false;
+        _0_6_isSet = false;
+      }
+      if (t1)
+        return A.SassNumber_SassNumber0(B.JSNumber_methods.round$0(number._number1$_value), _null);
+      t1 = false;
+      if (_0_1 instanceof A.SassNumber0) {
+        if (_0_8_isSet)
+          t2 = _0_8;
+        else {
+          if (_0_6_isSet)
+            t2 = _0_60;
+          else {
+            t2 = _0_6;
+            _0_60 = t2;
+            _0_6_isSet = true;
+          }
+          _0_8 = t2 == null;
+          t2 = _0_8;
+          _0_8_isSet = true;
+        }
+        if (t2) {
+          if (_0_10_isSet)
+            t1 = _0_10;
+          else {
+            if (_0_9_isSet)
+              t1 = _0_90;
+            else {
+              t1 = _0_9;
+              _0_90 = t1;
+              _0_9_isSet = true;
+            }
+            _0_10 = t1 == null;
+            t1 = _0_10;
+            _0_10_isSet = true;
+          }
+          t1 = t1 && inLegacySassFunction != null;
+        }
+        number = _0_1;
+      } else
+        number = _null;
+      if (t1) {
+        warn.call$2(string$.In_fut, B.Deprecation_jOf);
+        t1 = B.JSNumber_methods.round$0(number._number1$_value);
+        t2 = number.get$numeratorUnits(number);
+        return A.SassNumber_SassNumber$withUnits0(t1, number.get$denominatorUnits(number), t2);
+      }
+      step = _null;
+      t1 = false;
+      if (_0_1 instanceof A.SassNumber0) {
+        _0_6_isSet0 = true;
+        if (_0_6_isSet)
+          t2 = _0_60;
+        else {
+          t2 = _0_6;
+          _0_6_isSet = _0_6_isSet0;
+          _0_60 = t2;
+        }
+        if (t2 instanceof A.SassNumber0) {
+          if (_0_6_isSet)
+            t2 = _0_60;
+          else {
+            t2 = _0_6;
+            _0_6_isSet = _0_6_isSet0;
+            _0_60 = t2;
+          }
+          type$.SassNumber_2._as(t2);
+          if (_0_10_isSet)
+            t1 = _0_10;
+          else {
+            if (_0_9_isSet)
+              t1 = _0_90;
+            else {
+              t1 = _0_9;
+              _0_90 = t1;
+              _0_9_isSet = true;
+            }
+            _0_10 = t1 == null;
+            t1 = _0_10;
+            _0_10_isSet = true;
+          }
+          t1 = t1 && !_0_1.hasCompatibleUnits$1(t2);
+          step = t2;
+        }
+        number = _0_1;
+      } else
+        number = _null;
+      if (t1) {
+        t1 = type$.JSArray_Object;
+        A.SassCalculation__verifyCompatibleNumbers0(A._setArrayType([number, step], t1));
+        return new A.SassCalculation0(_s5_, A._setArrayType([number, step], t1));
+      }
+      step = _null;
+      t1 = false;
+      if (_0_1 instanceof A.SassNumber0) {
+        _0_6_isSet0 = true;
+        if (_0_6_isSet)
+          t2 = _0_60;
+        else {
+          t2 = _0_6;
+          _0_6_isSet = _0_6_isSet0;
+          _0_60 = t2;
+        }
+        if (t2 instanceof A.SassNumber0) {
+          if (_0_6_isSet)
+            t2 = _0_60;
+          else {
+            t2 = _0_6;
+            _0_6_isSet = _0_6_isSet0;
+            _0_60 = t2;
+          }
+          type$.SassNumber_2._as(t2);
+          if (_0_10_isSet)
+            t1 = _0_10;
+          else {
+            if (_0_9_isSet)
+              t1 = _0_90;
+            else {
+              t1 = _0_9;
+              _0_90 = t1;
+              _0_9_isSet = true;
+            }
+            _0_10 = t1 == null;
+            t1 = _0_10;
+            _0_10_isSet = true;
+          }
+          step = t2;
+        }
+        number = _0_1;
+      } else
+        number = _null;
+      if (t1) {
+        A.SassCalculation__verifyCompatibleNumbers0(A._setArrayType([number, step], type$.JSArray_Object));
+        return A.SassCalculation__roundWithStep0("nearest", number, step);
+      }
+      _0_14_isSet = _0_1 instanceof A.SassString0;
+      _0_16 = _null;
+      _0_18 = _null;
+      _0_18_isSet = false;
+      _0_20 = _null;
+      _0_20_isSet = false;
+      strategy = _null;
+      number = _null;
+      step = _null;
+      t1 = false;
+      if (_0_14_isSet) {
+        _0_6_isSet0 = true;
+        _0_9_isSet0 = true;
+        _0_12 = _0_1._string0$_text;
+        t2 = _0_12;
+        _0_14 = "nearest" === t2;
+        t2 = _0_14;
+        _0_16_isSet = !t2;
+        t2 = true;
+        if (_0_16_isSet) {
+          _0_16 = "up" === _0_12;
+          t3 = _0_16;
+          _0_18_isSet = !t3;
+          if (_0_18_isSet) {
+            _0_18 = "down" === _0_12;
+            t3 = _0_18;
+            _0_20_isSet = !t3;
+            if (_0_20_isSet) {
+              _0_20 = "to-zero" === _0_12;
+              t2 = _0_20;
+            }
+          }
+        }
+        if (t2) {
+          if (_0_6_isSet)
+            t2 = _0_60;
+          else {
+            t2 = _0_6;
+            _0_6_isSet = _0_6_isSet0;
+            _0_60 = t2;
+          }
+          if (t2 instanceof A.SassNumber0) {
+            if (_0_6_isSet)
+              t2 = _0_60;
+            else {
+              t2 = _0_6;
+              _0_6_isSet = _0_6_isSet0;
+              _0_60 = t2;
+            }
+            t3 = type$.SassNumber_2;
+            t3._as(t2);
+            if (_0_9_isSet)
+              t4 = _0_90;
+            else {
+              t4 = _0_9;
+              _0_9_isSet = _0_9_isSet0;
+              _0_90 = t4;
+            }
+            if (t4 instanceof A.SassNumber0) {
+              if (_0_9_isSet)
+                t1 = _0_90;
+              else {
+                t1 = _0_9;
+                _0_9_isSet = _0_9_isSet0;
+                _0_90 = t1;
+              }
+              t3._as(t1);
+              t3 = !t2.hasCompatibleUnits$1(t1);
+              step = t1;
+              t1 = t3;
+            }
+            number = t2;
+          }
+          strategy = _0_1;
+        }
+      } else {
+        _0_12 = _null;
+        _0_14 = _0_12;
+        _0_16_isSet = false;
+      }
+      if (t1) {
+        t1 = type$.JSArray_Object;
+        A.SassCalculation__verifyCompatibleNumbers0(A._setArrayType([number, step], t1));
+        return new A.SassCalculation0(_s5_, A._setArrayType([strategy, number, step], t1));
+      }
+      strategy = _null;
+      number = _null;
+      step = _null;
+      t1 = false;
+      if (_0_1 instanceof A.SassString0) {
+        _0_6_isSet0 = true;
+        _0_9_isSet0 = true;
+        _0_12_isSet = true;
+        if (_0_14_isSet) {
+          t2 = _0_14;
+          _0_12_isSet0 = _0_14_isSet;
+        } else {
+          _0_12 = _0_1._string0$_text;
+          t2 = _0_12;
+          _0_14 = "nearest" === t2;
+          t2 = _0_14;
+          _0_12_isSet0 = _0_12_isSet;
+          _0_14_isSet = true;
+        }
+        t3 = true;
+        if (!t2) {
+          if (_0_16_isSet)
+            t2 = _0_16;
+          else {
+            if (_0_12_isSet0)
+              t2 = _0_12;
+            else {
+              _0_12 = _0_1._string0$_text;
+              t2 = _0_12;
+              _0_12_isSet0 = _0_12_isSet;
+            }
+            _0_16 = "up" === t2;
+            t2 = _0_16;
+            _0_16_isSet = true;
+          }
+          if (!t2) {
+            if (_0_18_isSet)
+              t2 = _0_18;
+            else {
+              if (_0_12_isSet0)
+                t2 = _0_12;
+              else {
+                _0_12 = _0_1._string0$_text;
+                t2 = _0_12;
+                _0_12_isSet0 = _0_12_isSet;
+              }
+              _0_18 = "down" === t2;
+              t2 = _0_18;
+              _0_18_isSet = true;
+            }
+            if (!t2)
+              if (_0_20_isSet) {
+                t2 = _0_20;
+                _0_12_isSet = _0_12_isSet0;
+              } else {
+                if (_0_12_isSet0) {
+                  t2 = _0_12;
+                  _0_12_isSet = _0_12_isSet0;
+                } else {
+                  _0_12 = _0_1._string0$_text;
+                  t2 = _0_12;
+                }
+                _0_20 = "to-zero" === t2;
+                t2 = _0_20;
+                _0_20_isSet = true;
+              }
+            else {
+              t2 = t3;
+              _0_12_isSet = _0_12_isSet0;
+            }
+          } else {
+            t2 = t3;
+            _0_12_isSet = _0_12_isSet0;
+          }
+        } else {
+          t2 = t3;
+          _0_12_isSet = _0_12_isSet0;
+        }
+        if (t2) {
+          if (_0_6_isSet)
+            t2 = _0_60;
+          else {
+            t2 = _0_6;
+            _0_6_isSet = _0_6_isSet0;
+            _0_60 = t2;
+          }
+          if (t2 instanceof A.SassNumber0) {
+            if (_0_6_isSet)
+              t2 = _0_60;
+            else {
+              t2 = _0_6;
+              _0_6_isSet = _0_6_isSet0;
+              _0_60 = t2;
+            }
+            t3 = type$.SassNumber_2;
+            t3._as(t2);
+            if (_0_9_isSet)
+              t1 = _0_90;
+            else {
+              t1 = _0_9;
+              _0_9_isSet = _0_9_isSet0;
+              _0_90 = t1;
+            }
+            t1 = t1 instanceof A.SassNumber0;
+            if (t1) {
+              if (_0_9_isSet)
+                t4 = _0_90;
+              else {
+                t4 = _0_9;
+                _0_9_isSet = _0_9_isSet0;
+                _0_90 = t4;
+              }
+              t3._as(t4);
+              step = t4;
+            }
+            number = t2;
+          }
+          strategy = _0_1;
+        }
+      } else
+        _0_12_isSet = _0_14_isSet;
+      if (t1) {
+        A.SassCalculation__verifyCompatibleNumbers0(A._setArrayType([number, step], type$.JSArray_Object));
+        return A.SassCalculation__roundWithStep0(strategy._string0$_text, number, step);
+      }
+      strategy = _null;
+      rest = _null;
+      t1 = false;
+      if (_0_1 instanceof A.SassString0) {
+        _0_6_isSet0 = true;
+        _0_12_isSet0 = true;
+        if (_0_14_isSet)
+          t2 = _0_14;
+        else {
+          if (_0_12_isSet)
+            t2 = _0_12;
+          else {
+            _0_12 = _0_1._string0$_text;
+            t2 = _0_12;
+            _0_12_isSet = _0_12_isSet0;
+          }
+          _0_14 = "nearest" === t2;
+          t2 = _0_14;
+          _0_14_isSet = true;
+        }
+        t3 = true;
+        if (!t2) {
+          if (_0_16_isSet)
+            t2 = _0_16;
+          else {
+            if (_0_12_isSet)
+              t2 = _0_12;
+            else {
+              _0_12 = _0_1._string0$_text;
+              t2 = _0_12;
+              _0_12_isSet = _0_12_isSet0;
+            }
+            _0_16 = "up" === t2;
+            t2 = _0_16;
+            _0_16_isSet = true;
+          }
+          if (!t2) {
+            if (_0_18_isSet)
+              t2 = _0_18;
+            else {
+              if (_0_12_isSet)
+                t2 = _0_12;
+              else {
+                _0_12 = _0_1._string0$_text;
+                t2 = _0_12;
+                _0_12_isSet = _0_12_isSet0;
+              }
+              _0_18 = "down" === t2;
+              t2 = _0_18;
+              _0_18_isSet = true;
+            }
+            if (!t2)
+              if (_0_20_isSet)
+                t2 = _0_20;
+              else {
+                if (_0_12_isSet)
+                  t2 = _0_12;
+                else {
+                  _0_12 = _0_1._string0$_text;
+                  t2 = _0_12;
+                  _0_12_isSet = _0_12_isSet0;
+                }
+                _0_20 = "to-zero" === t2;
+                t2 = _0_20;
+                _0_20_isSet = true;
+              }
+            else
+              t2 = t3;
+          } else
+            t2 = t3;
+        } else
+          t2 = t3;
+        if (t2) {
+          if (_0_6_isSet)
+            t2 = _0_60;
+          else {
+            t2 = _0_6;
+            _0_6_isSet = _0_6_isSet0;
+            _0_60 = t2;
+          }
+          if (t2 instanceof A.SassString0) {
+            if (_0_6_isSet)
+              t2 = _0_60;
+            else {
+              t2 = _0_6;
+              _0_6_isSet = _0_6_isSet0;
+              _0_60 = t2;
+            }
+            type$.SassString_2._as(t2);
+            if (_0_10_isSet)
+              t1 = _0_10;
+            else {
+              if (_0_9_isSet)
+                t1 = _0_90;
+              else {
+                t1 = _0_9;
+                _0_90 = t1;
+                _0_9_isSet = true;
+              }
+              _0_10 = t1 == null;
+              t1 = _0_10;
+              _0_10_isSet = true;
+            }
+            rest = t2;
+          }
+          strategy = _0_1;
+        }
+      }
+      if (t1)
+        return new A.SassCalculation0(_s5_, A._setArrayType([strategy, rest], type$.JSArray_Object));
+      t1 = false;
+      if (_0_1 instanceof A.SassString0) {
+        _0_12_isSet0 = true;
+        if (_0_14_isSet)
+          t2 = _0_14;
+        else {
+          if (_0_12_isSet)
+            t2 = _0_12;
+          else {
+            _0_12 = _0_1._string0$_text;
+            t2 = _0_12;
+            _0_12_isSet = _0_12_isSet0;
+          }
+          _0_14 = "nearest" === t2;
+          t2 = _0_14;
+          _0_14_isSet = true;
+        }
+        t3 = true;
+        if (!t2) {
+          if (_0_16_isSet)
+            t2 = _0_16;
+          else {
+            if (_0_12_isSet)
+              t2 = _0_12;
+            else {
+              _0_12 = _0_1._string0$_text;
+              t2 = _0_12;
+              _0_12_isSet = _0_12_isSet0;
+            }
+            _0_16 = "up" === t2;
+            t2 = _0_16;
+            _0_16_isSet = true;
+          }
+          if (!t2) {
+            if (_0_18_isSet)
+              t2 = _0_18;
+            else {
+              if (_0_12_isSet)
+                t2 = _0_12;
+              else {
+                _0_12 = _0_1._string0$_text;
+                t2 = _0_12;
+                _0_12_isSet = _0_12_isSet0;
+              }
+              _0_18 = "down" === t2;
+              t2 = _0_18;
+              _0_18_isSet = true;
+            }
+            if (!t2)
+              if (_0_20_isSet)
+                t2 = _0_20;
+              else {
+                if (_0_12_isSet)
+                  t2 = _0_12;
+                else {
+                  _0_12 = _0_1._string0$_text;
+                  t2 = _0_12;
+                  _0_12_isSet = _0_12_isSet0;
+                }
+                _0_20 = "to-zero" === t2;
+                t2 = _0_20;
+                _0_20_isSet = true;
+              }
+            else
+              t2 = t3;
+          } else
+            t2 = t3;
+        } else
+          t2 = t3;
+        if (t2) {
+          if (_0_6_isSet)
+            t2 = _0_60;
+          else {
+            t2 = _0_6;
+            _0_60 = t2;
+            _0_6_isSet = true;
+          }
+          if (t2 != null)
+            if (_0_10_isSet)
+              t1 = _0_10;
+            else {
+              if (_0_9_isSet)
+                t1 = _0_90;
+              else {
+                t1 = _0_9;
+                _0_90 = t1;
+                _0_9_isSet = true;
+              }
+              _0_10 = t1 == null;
+              t1 = _0_10;
+              _0_10_isSet = true;
+            }
+        }
+      }
+      if (t1)
+        throw A.wrapException(A.SassScriptException$0(string$.If_str, _null));
+      t1 = false;
+      if (_0_1 instanceof A.SassString0) {
+        _0_12_isSet0 = true;
+        if (_0_14_isSet)
+          t2 = _0_14;
+        else {
+          if (_0_12_isSet)
+            t2 = _0_12;
+          else {
+            _0_12 = _0_1._string0$_text;
+            t2 = _0_12;
+            _0_12_isSet = _0_12_isSet0;
+          }
+          _0_14 = "nearest" === t2;
+          t2 = _0_14;
+          _0_14_isSet = true;
+        }
+        t3 = true;
+        if (!t2) {
+          if (_0_16_isSet)
+            t2 = _0_16;
+          else {
+            if (_0_12_isSet)
+              t2 = _0_12;
+            else {
+              _0_12 = _0_1._string0$_text;
+              t2 = _0_12;
+              _0_12_isSet = _0_12_isSet0;
+            }
+            _0_16 = "up" === t2;
+            t2 = _0_16;
+            _0_16_isSet = true;
+          }
+          if (!t2) {
+            if (_0_18_isSet)
+              t2 = _0_18;
+            else {
+              if (_0_12_isSet)
+                t2 = _0_12;
+              else {
+                _0_12 = _0_1._string0$_text;
+                t2 = _0_12;
+                _0_12_isSet = _0_12_isSet0;
+              }
+              _0_18 = "down" === t2;
+              t2 = _0_18;
+              _0_18_isSet = true;
+            }
+            if (!t2)
+              if (_0_20_isSet)
+                t2 = _0_20;
+              else {
+                if (_0_12_isSet)
+                  t2 = _0_12;
+                else {
+                  _0_12 = _0_1._string0$_text;
+                  t2 = _0_12;
+                  _0_12_isSet = _0_12_isSet0;
+                }
+                _0_20 = "to-zero" === t2;
+                t2 = _0_20;
+                _0_20_isSet = true;
+              }
+            else
+              t2 = t3;
+          } else
+            t2 = t3;
+        } else
+          t2 = t3;
+        if (t2) {
+          if (_0_8_isSet)
+            t2 = _0_8;
+          else {
+            if (_0_6_isSet)
+              t2 = _0_60;
+            else {
+              t2 = _0_6;
+              _0_60 = t2;
+              _0_6_isSet = true;
+            }
+            _0_8 = t2 == null;
+            t2 = _0_8;
+            _0_8_isSet = true;
+          }
+          if (t2)
+            if (_0_10_isSet)
+              t1 = _0_10;
+            else {
+              if (_0_9_isSet)
+                t1 = _0_90;
+              else {
+                t1 = _0_9;
+                _0_90 = t1;
+                _0_9_isSet = true;
+              }
+              _0_10 = t1 == null;
+              t1 = _0_10;
+              _0_10_isSet = true;
+            }
+        }
+      }
+      if (t1)
+        throw A.wrapException(A.SassScriptException$0(string$.Number, _null));
+      t1 = false;
+      if (_0_8_isSet)
+        t2 = _0_8;
+      else {
+        if (_0_6_isSet)
+          t2 = _0_60;
+        else {
+          t2 = _0_6;
+          _0_60 = t2;
+          _0_6_isSet = true;
+        }
+        _0_8 = t2 == null;
+        t2 = _0_8;
+      }
+      if (t2)
+        if (_0_10_isSet)
+          t1 = _0_10;
+        else {
+          if (_0_9_isSet)
+            t1 = _0_90;
+          else {
+            t1 = _0_9;
+            _0_90 = t1;
+            _0_9_isSet = true;
+          }
+          _0_10 = t1 == null;
+          t1 = _0_10;
+          _0_10_isSet = true;
+        }
+      if (t1)
+        return new A.SassCalculation0(_s5_, A._setArrayType([_0_1], type$.JSArray_Object));
+      step = _null;
+      t1 = false;
+      _0_6_isSet0 = true;
+      if (_0_6_isSet)
+        t2 = _0_60;
+      else {
+        t2 = _0_6;
+        _0_6_isSet = _0_6_isSet0;
+        _0_60 = t2;
+      }
+      if (t2 != null) {
+        if (_0_6_isSet)
+          step = _0_60;
+        else {
+          step = _0_6;
+          _0_6_isSet = _0_6_isSet0;
+          _0_60 = step;
+        }
+        if (step == null)
+          step = A._asObject(step);
+        if (_0_10_isSet)
+          t1 = _0_10;
+        else {
+          if (_0_9_isSet)
+            t1 = _0_90;
+          else {
+            t1 = _0_9;
+            _0_90 = t1;
+            _0_9_isSet = true;
+          }
+          _0_10 = t1 == null;
+          t1 = _0_10;
+        }
+      }
+      if (t1)
+        return new A.SassCalculation0(_s5_, A._setArrayType([_0_1, step], type$.JSArray_Object));
+      if (_0_1 instanceof A.SassString0) {
+        t1 = true;
+        if (_0_14_isSet)
+          t2 = _0_14;
+        else {
+          if (_0_12_isSet)
+            t2 = _0_12;
+          else {
+            _0_12 = _0_1._string0$_text;
+            t2 = _0_12;
+            _0_12_isSet = true;
+          }
+          _0_14 = "nearest" === t2;
+          t2 = _0_14;
+        }
+        if (!t2) {
+          if (_0_16_isSet)
+            t2 = _0_16;
+          else {
+            if (_0_12_isSet)
+              t2 = _0_12;
+            else {
+              _0_12 = _0_1._string0$_text;
+              t2 = _0_12;
+              _0_12_isSet = true;
+            }
+            _0_16 = "up" === t2;
+            t2 = _0_16;
+          }
+          if (!t2) {
+            if (_0_18_isSet)
+              t2 = _0_18;
+            else {
+              if (_0_12_isSet)
+                t2 = _0_12;
+              else {
+                _0_12 = _0_1._string0$_text;
+                t2 = _0_12;
+                _0_12_isSet = true;
+              }
+              _0_18 = "down" === t2;
+              t2 = _0_18;
+            }
+            if (!t2)
+              if (_0_20_isSet)
+                t1 = _0_20;
+              else {
+                if (_0_12_isSet)
+                  t1 = _0_12;
+                else {
+                  _0_12 = _0_1._string0$_text;
+                  t1 = _0_12;
+                }
+                _0_20 = "to-zero" === t1;
+                t1 = _0_20;
+              }
+          }
+        }
+      } else
+        t1 = false;
+      if (!t1)
+        if (_0_1 instanceof A.SassString0)
+          t1 = _0_1.get$isVar();
+        else
+          t1 = false;
+      else
+        t1 = true;
+      number = _null;
+      step = _null;
+      t2 = false;
+      if (t1) {
+        _0_6_isSet0 = true;
+        _0_9_isSet0 = true;
+        type$.SassString_2._as(_0_1);
+        if (_0_6_isSet)
+          t1 = _0_60;
+        else {
+          t1 = _0_6;
+          _0_6_isSet = _0_6_isSet0;
+          _0_60 = t1;
+        }
+        if (t1 != null) {
+          if (_0_6_isSet)
+            number = _0_60;
+          else {
+            number = _0_6;
+            _0_6_isSet = _0_6_isSet0;
+            _0_60 = number;
+          }
+          if (number == null)
+            number = A._asObject(number);
+          if (_0_9_isSet)
+            t1 = _0_90;
+          else {
+            t1 = _0_9;
+            _0_9_isSet = _0_9_isSet0;
+            _0_90 = t1;
+          }
+          t1 = t1 != null;
+          if (t1) {
+            if (_0_9_isSet)
+              step = _0_90;
+            else {
+              step = _0_9;
+              _0_9_isSet = _0_9_isSet0;
+              _0_90 = step;
+            }
+            if (step == null)
+              step = A._asObject(step);
+          }
+        } else
+          t1 = t2;
+        strategy = _0_1;
+      } else {
+        t1 = t2;
+        strategy = _null;
+      }
+      if (t1)
+        return new A.SassCalculation0(_s5_, A._setArrayType([strategy, number, step], type$.JSArray_Object));
+      t1 = false;
+      if ((_0_6_isSet ? _0_60 : _0_6) != null)
+        t1 = (_0_9_isSet ? _0_90 : _0_9) != null;
+      if (t1)
+        throw A.wrapException(A.SassScriptException$0(A.S(strategyOrNumber) + string$.x20must_b, _null));
+      t1 = A.SassScriptException$0("Invalid parameters.", _null);
+      throw A.wrapException(t1);
+    },
+    SassCalculation_calcSize0(basis, value) {
+      var t1 = type$.JSArray_Object,
+        t2 = A._setArrayType([basis], t1);
+      if (value != null)
+        t2.push(value);
+      A.SassCalculation__verifyLength0(t2, 2);
+      basis = A.SassCalculation__simplify0(basis);
+      value = A.NullableExtension_andThen0(value, A.calculation0_SassCalculation__simplify$closure());
+      t1 = A._setArrayType([basis], t1);
+      if (value != null)
+        t1.push(value);
+      return new A.SassCalculation0("calc-size", t1);
+    },
+    SassCalculation_operateInternal0(operator, left, right, inLegacySassFunction, simplify, warn) {
+      var compatible, t1;
+      if (!simplify)
+        return new A.CalculationOperation0(operator, left, right);
+      left = A.SassCalculation__simplify0(left);
+      right = A.SassCalculation__simplify0(right);
+      if (B.CalculationOperator_F7i0 === operator || B.CalculationOperator_oum0 === operator) {
+        if (left instanceof A.SassNumber0 && right instanceof A.SassNumber0) {
+          compatible = left.hasCompatibleUnits$1(right);
+          if (!compatible && inLegacySassFunction != null && left.isComparableTo$1(right)) {
+            warn.call$2("In future versions of Sass, " + inLegacySassFunction + "() will be interpreted as the CSS " + inLegacySassFunction + string$.x28__cal + inLegacySassFunction + string$.x28__ins, B.Deprecation_jOf);
+            compatible = true;
+          }
+          if (compatible)
+            return operator === B.CalculationOperator_F7i0 ? left.plus$1(right) : left.minus$1(right);
+        }
+        A.SassCalculation__verifyCompatibleNumbers0(A._setArrayType([left, right], type$.JSArray_Object));
+        if (right instanceof A.SassNumber0) {
+          t1 = right._number1$_value;
+          t1 = t1 < 0 && !A.fuzzyEquals0(t1, 0);
+        } else
+          t1 = false;
+        if (t1) {
+          right = right.times$1(A.SassNumber_SassNumber0(-1, null));
+          operator = operator === B.CalculationOperator_F7i0 ? B.CalculationOperator_oum0 : B.CalculationOperator_F7i0;
+        }
+        return new A.CalculationOperation0(operator, left, right);
+      } else if (left instanceof A.SassNumber0 && right instanceof A.SassNumber0)
+        return operator === B.CalculationOperator_kkN0 ? left.times$1(right) : left.dividedBy$1(right);
+      else
+        return new A.CalculationOperation0(operator, left, right);
+    },
+    SassCalculation__roundWithStep0(strategy, number, step) {
+      var _0_2, t1, _0_6, _0_8_isSet, _0_8, _0_9_isSet, _0_9, _0_11, _0_13, stepWithNumberUnit, t2;
+      if (!A.LinkedHashSet_LinkedHashSet$_literal(["nearest", "up", "down", "to-zero"], type$.String).contains$1(0, strategy))
+        throw A.wrapException(A.ArgumentError$(strategy + string$.x20must_b, null));
+      _0_2 = number._number1$_value;
+      if (_0_2 == 1 / 0 || _0_2 == -1 / 0) {
+        t1 = step._number1$_value;
+        t1 = t1 == 1 / 0 || t1 == -1 / 0;
+      } else
+        t1 = false;
+      if (!t1) {
+        t1 = step._number1$_value;
+        t1 = t1 === 0 || isNaN(_0_2) || isNaN(t1);
+      } else
+        t1 = true;
+      if (t1) {
+        t1 = number.get$numeratorUnits(number);
+        return A.SassNumber_SassNumber$withUnits0(0 / 0, number.get$denominatorUnits(number), t1);
+      }
+      if (_0_2 == 1 / 0 || _0_2 == -1 / 0)
+        return number;
+      t1 = step._number1$_value;
+      if (t1 == 1 / 0 || t1 == -1 / 0) {
+        $label0$0: {
+          if (0 === _0_2) {
+            t1 = number;
+            break $label0$0;
+          }
+          _0_6 = "nearest" === strategy;
+          t1 = _0_6;
+          _0_8_isSet = !t1;
+          if (_0_8_isSet) {
+            _0_8 = "to-zero" === strategy;
+            _0_9_isSet = _0_8;
+          } else {
+            _0_8 = null;
+            _0_9_isSet = true;
+          }
+          if (_0_9_isSet) {
+            _0_9 = _0_2 > 0;
+            t1 = _0_9;
+          } else {
+            _0_9 = null;
+            t1 = false;
+          }
+          if (t1) {
+            t1 = number.get$numeratorUnits(number);
+            t1 = A.SassNumber_SassNumber$withUnits0(0, number.get$denominatorUnits(number), t1);
+            break $label0$0;
+          }
+          if (!_0_6)
+            if (_0_8_isSet)
+              t1 = _0_8;
+            else {
+              _0_8 = "to-zero" === strategy;
+              t1 = _0_8;
+            }
+          else
+            t1 = true;
+          if (t1) {
+            t1 = number.get$numeratorUnits(number);
+            t1 = A.SassNumber_SassNumber$withUnits0(-0.0, number.get$denominatorUnits(number), t1);
+            break $label0$0;
+          }
+          _0_11 = "up" === strategy;
+          t1 = _0_11;
+          if (t1)
+            if (_0_9_isSet)
+              t1 = _0_9;
+            else {
+              _0_9 = _0_2 > 0;
+              t1 = _0_9;
+            }
+          else
+            t1 = false;
+          if (t1) {
+            t1 = number.get$numeratorUnits(number);
+            t1 = A.SassNumber_SassNumber$withUnits0(1 / 0, number.get$denominatorUnits(number), t1);
+            break $label0$0;
+          }
+          if (_0_11) {
+            t1 = number.get$numeratorUnits(number);
+            t1 = A.SassNumber_SassNumber$withUnits0(-0.0, number.get$denominatorUnits(number), t1);
+            break $label0$0;
+          }
+          _0_13 = "down" === strategy;
+          t1 = _0_13;
+          if (t1)
+            t1 = _0_2 < 0;
+          else
+            t1 = false;
+          if (t1) {
+            t1 = number.get$numeratorUnits(number);
+            t1 = A.SassNumber_SassNumber$withUnits0(-1 / 0, number.get$denominatorUnits(number), t1);
+            break $label0$0;
+          }
+          if (_0_13) {
+            t1 = number.get$numeratorUnits(number);
+            t1 = A.SassNumber_SassNumber$withUnits0(0, number.get$denominatorUnits(number), t1);
+            break $label0$0;
+          }
+          t1 = A.throwExpression(A.UnsupportedError$("Invalid argument: " + strategy + "."));
+        }
+        return t1;
+      }
+      stepWithNumberUnit = step.convertValueToMatch$1(number);
+      $label1$1: {
+        if ("nearest" === strategy) {
+          t1 = B.JSNumber_methods.round$0(_0_2 / stepWithNumberUnit);
+          t2 = number.get$numeratorUnits(number);
+          t2 = A.SassNumber_SassNumber$withUnits0(t1 * stepWithNumberUnit, number.get$denominatorUnits(number), t2);
+          t1 = t2;
+          break $label1$1;
+        }
+        if ("up" === strategy) {
+          t2 = _0_2 / stepWithNumberUnit;
+          t1 = t1 < 0 ? B.JSNumber_methods.floor$0(t2) : B.JSNumber_methods.ceil$0(t2);
+          t2 = number.get$numeratorUnits(number);
+          t2 = A.SassNumber_SassNumber$withUnits0(t1 * stepWithNumberUnit, number.get$denominatorUnits(number), t2);
+          t1 = t2;
+          break $label1$1;
+        }
+        if ("down" === strategy) {
+          t2 = _0_2 / stepWithNumberUnit;
+          t1 = t1 < 0 ? B.JSNumber_methods.ceil$0(t2) : B.JSNumber_methods.floor$0(t2);
+          t2 = number.get$numeratorUnits(number);
+          t2 = A.SassNumber_SassNumber$withUnits0(t1 * stepWithNumberUnit, number.get$denominatorUnits(number), t2);
+          t1 = t2;
+          break $label1$1;
+        }
+        if ("to-zero" === strategy) {
+          t1 = _0_2 / stepWithNumberUnit;
+          if (_0_2 < 0) {
+            t1 = B.JSNumber_methods.ceil$0(t1);
+            t2 = number.get$numeratorUnits(number);
+            t2 = A.SassNumber_SassNumber$withUnits0(t1 * stepWithNumberUnit, number.get$denominatorUnits(number), t2);
+            t1 = t2;
+          } else {
+            t1 = B.JSNumber_methods.floor$0(t1);
+            t2 = number.get$numeratorUnits(number);
+            t2 = A.SassNumber_SassNumber$withUnits0(t1 * stepWithNumberUnit, number.get$denominatorUnits(number), t2);
+            t1 = t2;
+          }
+          break $label1$1;
+        }
+        t1 = number.get$numeratorUnits(number);
+        t1 = A.SassNumber_SassNumber$withUnits0(0 / 0, number.get$denominatorUnits(number), t1);
+        break $label1$1;
+      }
+      return t1;
+    },
+    SassCalculation__simplify0(arg) {
+      var t1, t2, _0_11_isSet, _0_15, _0_12, _0_16_isSet, text, _0_11, _0_16, _0_12_isSet, _0_15_isSet, value, _null = null,
+        _s32_ = " can't be used in a calculation.";
+      $label0$0: {
+        if (arg instanceof A.SassNumber0 || arg instanceof A.CalculationOperation0) {
+          t1 = arg;
+          break $label0$0;
+        }
+        if (arg instanceof A.CalculationInterpolation) {
+          t1 = new A.SassString0("(" + arg._calculation0$_value + ")", false);
+          break $label0$0;
+        }
+        t1 = arg instanceof A.SassString0;
+        t2 = _null;
+        if (t1 && !arg._string0$_hasQuotes) {
+          t1 = arg;
+          break $label0$0;
+        }
+        if (t1)
+          A.throwExpression(A.SassScriptException$0("Quoted string " + arg.toString$0(0) + _s32_, _null));
+        _0_11_isSet = arg instanceof A.SassCalculation0;
+        _0_15 = _null;
+        _0_12 = _null;
+        _0_16_isSet = false;
+        text = _null;
+        t1 = false;
+        if (_0_11_isSet) {
+          _0_11 = "calc" === arg.name;
+          if (_0_11) {
+            _0_12 = arg.$arguments;
+            _0_15 = _0_12.length === 1;
+            _0_16_isSet = _0_15;
+            if (_0_16_isSet) {
+              _0_16 = _0_12[0];
+              t2 = _0_16;
+              if (t2 instanceof A.SassString0) {
+                type$.SassString_2._as(_0_16);
+                if (!_0_16._string0$_hasQuotes) {
+                  text = _0_16._string0$_text;
+                  t1 = A.SassCalculation__needsParentheses0(text);
+                }
+              }
+            } else
+              _0_16 = t2;
+          } else
+            _0_16 = t2;
+          _0_12_isSet = _0_11;
+          _0_15_isSet = _0_12_isSet;
+        } else {
+          _0_16 = t2;
+          _0_11 = _null;
+          _0_15_isSet = false;
+          _0_12_isSet = false;
+        }
+        if (t1) {
+          t1 = new A.SassString0("(" + A.S(text) + ")", false);
+          break $label0$0;
+        }
+        t1 = false;
+        if (_0_11_isSet)
+          if (_0_11)
+            if (_0_15_isSet)
+              t1 = _0_15;
+            else {
+              if (_0_12_isSet)
+                t1 = _0_12;
+              else {
+                _0_12 = arg.$arguments;
+                t1 = _0_12;
+                _0_12_isSet = true;
+              }
+              _0_15 = t1.length === 1;
+              t1 = _0_15;
+            }
+        if (t1) {
+          if (_0_16_isSet)
+            value = _0_16;
+          else {
+            _0_16 = (_0_12_isSet ? _0_12 : arg.$arguments)[0];
+            value = _0_16;
+          }
+          t1 = value;
+          break $label0$0;
+        }
+        if (_0_11_isSet) {
+          t1 = arg;
+          break $label0$0;
+        }
+        if (arg instanceof A.Value0)
+          A.throwExpression(A.SassScriptException$0("Value " + arg.toString$0(0) + _s32_, _null));
+        t1 = A.throwExpression(A.ArgumentError$("Unexpected calculation argument " + A.S(arg) + ".", _null));
+      }
+      return t1;
+    },
+    SassCalculation__needsParentheses0(text) {
+      var t1, couldBeVar, second, third, fourth, i, t2,
+        first = text.charCodeAt(0);
+      if (first === 32 || first === 9 || first === 10 || first === 13 || first === 12 || first === 47 || first === 42)
+        return true;
+      t1 = text.length;
+      couldBeVar = t1 >= 4 && A.characterEqualsIgnoreCase0(first, 118);
+      if (t1 < 2)
+        return false;
+      second = text.charCodeAt(1);
+      if (second === 32 || second === 9 || second === 10 || second === 13 || second === 12 || second === 47 || second === 42)
+        return true;
+      couldBeVar = couldBeVar && A.characterEqualsIgnoreCase0(second, 97);
+      if (t1 < 3)
+        return false;
+      third = text.charCodeAt(2);
+      if (third === 32 || third === 9 || third === 10 || third === 13 || third === 12 || third === 47 || third === 42)
+        return true;
+      couldBeVar = couldBeVar && A.characterEqualsIgnoreCase0(third, 114);
+      if (t1 < 4)
+        return false;
+      fourth = text.charCodeAt(3);
+      if (couldBeVar && fourth === 40)
+        return true;
+      if (fourth === 32 || fourth === 9 || fourth === 10 || fourth === 13 || fourth === 12 || fourth === 47 || fourth === 42)
+        return true;
+      for (i = 4; i < t1; ++i) {
+        t2 = text.charCodeAt(i);
+        if (t2 === 32 || t2 === 9 || t2 === 10 || t2 === 13 || t2 === 12 || t2 === 47 || t2 === 42)
+          return true;
+      }
+      return false;
+    },
+    SassCalculation__verifyCompatibleNumbers0(args) {
+      var t1, _i, t2, arg, i, number1, j, number2;
+      for (t1 = args.length, _i = 0; t2 = args.length, _i < t2; args.length === t1 || (0, A.throwConcurrentModificationError)(args), ++_i) {
+        arg = args[_i];
+        if (arg instanceof A.SassNumber0 && arg.get$hasComplexUnits())
+          throw A.wrapException(A.SassScriptException$0("Number " + arg.toString$0(0) + " isn't compatible with CSS calculations.", null));
+      }
+      for (t1 = t2, i = 0; i < t1 - 1; ++i) {
+        number1 = args[i];
+        if (!(number1 instanceof A.SassNumber0))
+          continue;
+        for (j = i + 1; t1 = args.length, j < t1; ++j) {
+          number2 = args[j];
+          if (!(number2 instanceof A.SassNumber0))
+            continue;
+          if (number1.hasPossiblyCompatibleUnits$1(number2))
+            continue;
+          throw A.wrapException(A.SassScriptException$0(number1.toString$0(0) + " and " + number2.toString$0(0) + " are incompatible.", null));
+        }
+      }
+    },
+    SassCalculation__verifyLength0(args, expectedLength) {
+      var t1;
+      if (args.length === expectedLength)
+        return;
+      if (B.JSArray_methods.any$1(args, new A.SassCalculation__verifyLength_closure0()))
+        return;
+      t1 = args.length;
+      throw A.wrapException(A.SassScriptException$0("" + expectedLength + " arguments required, but only " + t1 + " " + A.pluralize0("was", t1, "were") + " passed.", null));
+    },
+    SassCalculation__singleArgument0($name, argument, mathFunc, forbidUnits) {
+      argument = A.SassCalculation__simplify0(argument);
+      if (!(argument instanceof A.SassNumber0))
+        return new A.SassCalculation0($name, A._setArrayType([argument], type$.JSArray_Object));
+      if (forbidUnits)
+        argument.assertNoUnits$0();
+      return mathFunc.call$1(argument);
+    },
+    SassCalculation0: function SassCalculation0(t0, t1) {
+      this.name = t0;
+      this.$arguments = t1;
+    },
+    SassCalculation__verifyLength_closure0: function SassCalculation__verifyLength_closure0() {
+    },
+    CalculationOperation0: function CalculationOperation0(t0, t1, t2) {
+      this._calculation0$_operator = t0;
+      this._calculation0$_left = t1;
+      this._calculation0$_right = t2;
+    },
+    CalculationOperator0: function CalculationOperator0(t0, t1, t2, t3) {
+      var _ = this;
+      _.name = t0;
+      _.operator = t1;
+      _.precedence = t2;
+      _._name = t3;
+    },
+    CalculationInterpolation: function CalculationInterpolation(t0) {
+      this._calculation0$_value = t0;
+    },
+    CallableDeclaration0: function CallableDeclaration0() {
+    },
+    updateCanonicalizeContextPrototype() {
+      var t1 = type$.JSClass._as(new A.CanonicalizeContext0(false, null).constructor);
+      A.LinkedHashMap_LinkedHashMap$_literal(["fromImport", new A.updateCanonicalizeContextPrototype_closure(), "containingUrl", new A.updateCanonicalizeContextPrototype_closure0()], type$.String, type$.Function).forEach$1(0, A.JSClassExtension_get_defineGetter(t1));
+      return null;
+    },
+    updateCanonicalizeContextPrototype_closure: function updateCanonicalizeContextPrototype_closure() {
+    },
+    updateCanonicalizeContextPrototype_closure0: function updateCanonicalizeContextPrototype_closure0() {
+    },
+    CanonicalizeContext0: function CanonicalizeContext0(t0, t1) {
+      this._canonicalize_context$_fromImport = t0;
+      this._canonicalize_context$_containingUrl = t1;
+      this._canonicalize_context$_wasContainingUrlAccessed = false;
+    },
+    ColorChannel0: function ColorChannel0(t0, t1, t2) {
+      this.name = t0;
+      this.isPolarAngle = t1;
+      this.associatedUnit = t2;
+    },
+    LinearChannel0: function LinearChannel0(t0, t1, t2, t3, t4, t5, t6, t7) {
+      var _ = this;
+      _.min = t0;
+      _.max = t1;
+      _.requiresPercent = t2;
+      _.lowerClamped = t3;
+      _.upperClamped = t4;
+      _.name = t5;
+      _.isPolarAngle = t6;
+      _.associatedUnit = t7;
+    },
+    Chokidar0: function Chokidar0() {
+    },
+    ChokidarOptions0: function ChokidarOptions0() {
+    },
+    ChokidarWatcher0: function ChokidarWatcher0() {
+    },
+    ClassSelector0: function ClassSelector0(t0, t1) {
+      this.name = t0;
+      this.span = t1;
+    },
+    ClipGamutMap0: function ClipGamutMap0(t0) {
+      this.name = t0;
+    },
+    cloneCssStylesheet0(stylesheet, extensionStore) {
+      var _0_0 = extensionStore.clone$0();
+      return new A._Record_2(new A._CloneCssVisitor0(_0_0._1)._clone_css$_visitChildren$2(A.ModifiableCssStylesheet$0(stylesheet.get$span(stylesheet)), stylesheet), _0_0._0);
+    },
+    _CloneCssVisitor0: function _CloneCssVisitor0(t0) {
+      this._clone_css$_oldToNewSelectors = t0;
+    },
+    ColorExpression0: function ColorExpression0(t0, t1) {
+      this.value = t0;
+      this.span = t1;
+    },
+    _invert0($arguments, global) {
+      var t2, color, rgb, channel2, space, weight, inSpace, t3, _1_9, channel0, channel1, t4, _s6_ = "weight", _s5_ = "space",
+        t1 = J.getInterceptor$asx($arguments),
+        weightNumber = t1.$index($arguments, 1).assertNumber$1(_s6_);
+      if (!(t1.$index($arguments, 0) instanceof A.SassNumber0))
+        t2 = global && t1.$index($arguments, 0).get$isSpecialNumber();
+      else
+        t2 = true;
+      if (t2) {
+        if (weightNumber._number1$_value !== 100 || !weightNumber.hasUnit$1("%"))
+          throw A.wrapException(string$.Only_oa);
+        return A._functionString0("invert", t1.take$1($arguments, 1));
+      }
+      color = t1.$index($arguments, 0).assertColor$1("color");
+      if (t1.$index($arguments, 2).$eq(0, B.C__SassNull0)) {
+        t1 = color._color0$_space;
+        if (!t1.get$isLegacyInternal())
+          throw A.wrapException(A.SassScriptException$0(string$.To_usei + color.toString$0(0) + ", you must provide a $space.", "color"));
+        A._checkPercent0(weightNumber, _s6_);
+        rgb = color.toSpace$1(B.RgbColorSpace_i0P0);
+        channel2 = B.LinearChannel_vJ30;
+        return A._mixLegacy0(A.SassColor_SassColor$rgbInternal0(A._invertChannel0(rgb, B.LinearChannel_qXC0, rgb.channel0OrNull), A._invertChannel0(rgb, B.LinearChannel_Z5r0, rgb.channel1OrNull), A._invertChannel0(rgb, channel2, rgb.channel2OrNull), color.alphaOrNull, null), color, weightNumber).toSpace$1(t1);
+      }
+      t1 = t1.$index($arguments, 2).assertString$1(_s5_);
+      t1.assertUnquoted$1(_s5_);
+      space = A.ColorSpace_fromName0(t1._string0$_text, _s5_);
+      weight = weightNumber.valueInRangeWithUnit$4(0, 100, _s6_, "%") / 100;
+      if (A.fuzzyEquals0(weight, 0))
+        return color;
+      inSpace = color.toSpace$1(space);
+      $label0$0: {
+        if (B.HwbColorSpace_guQ0 === space) {
+          t1 = A._invertChannel0(inSpace, space._space$_channels[0], inSpace.channel0OrNull);
+          t2 = inSpace.alphaOrNull;
+          if (t2 == null)
+            t2 = 0;
+          t2 = A.SassColor_SassColor$hwb0(t1, inSpace.channel2OrNull, inSpace.channel1OrNull, t2);
+          t1 = t2;
+          break $label0$0;
+        }
+        if (B.HslColorSpace_JQ20 === space || B.LchColorSpace_Bpv0 === space || B.OklchColorSpace_9Gj0 === space) {
+          t1 = space._space$_channels;
+          t2 = A._invertChannel0(inSpace, t1[0], inSpace.channel0OrNull);
+          t1 = A._invertChannel0(inSpace, t1[2], inSpace.channel2OrNull);
+          t3 = inSpace.alphaOrNull;
+          if (t3 == null)
+            t3 = 0;
+          t3 = A.SassColor_SassColor$forSpaceInternal0(space, t2, inSpace.channel1OrNull, t1, t3);
+          t1 = t3;
+          break $label0$0;
+        }
+        _1_9 = space._space$_channels;
+        channel0 = _1_9[0];
+        channel1 = _1_9[1];
+        channel2 = _1_9[2];
+        t1 = A._invertChannel0(inSpace, channel0, inSpace.channel0OrNull);
+        t2 = A._invertChannel0(inSpace, channel1, inSpace.channel1OrNull);
+        t3 = A._invertChannel0(inSpace, channel2, inSpace.channel2OrNull);
+        t4 = inSpace.alphaOrNull;
+        t1 = A.SassColor_SassColor$forSpaceInternal0(space, t1, t2, t3, t4 == null ? 0 : t4);
+        break $label0$0;
+      }
+      return A.fuzzyEquals0(weight, 1) ? t1.toSpace$2$legacyMissing(color._color0$_space, false) : color.interpolate$4$legacyMissing$weight(t1, A.InterpolationMethod$0(space, null), false, 1 - weight);
+    },
+    _invertChannel0(color, channel, value) {
+      var _0_2_isSet, _0_2, t1;
+      if (value == null)
+        A._missingChannelError0(color, channel.name);
+      $label0$0: {
+        _0_2_isSet = channel instanceof A.LinearChannel0;
+        if (_0_2_isSet) {
+          _0_2 = channel.min;
+          t1 = _0_2;
+          t1 = t1 < 0;
+        } else {
+          _0_2 = null;
+          t1 = false;
+        }
+        if (t1) {
+          t1 = -value;
+          break $label0$0;
+        }
+        if (_0_2_isSet)
+          t1 = 0 === _0_2;
+        else
+          t1 = false;
+        if (t1) {
+          t1 = channel.max - value;
+          break $label0$0;
+        }
+        if (channel.isPolarAngle) {
+          t1 = B.JSNumber_methods.$mod(value + 180, 360);
+          break $label0$0;
+        }
+        t1 = A.throwExpression(A.UnsupportedError$("Unknown channel " + channel.toString$0(0) + "."));
+      }
+      return t1;
+    },
+    _grayscale0(colorArg) {
+      var hsl, t2, oklch,
+        color = colorArg.assertColor$1("color"),
+        t1 = color._color0$_space;
+      if (t1.get$isLegacyInternal()) {
+        hsl = color.toSpace$1(B.HslColorSpace_JQ20);
+        t2 = hsl.alphaOrNull;
+        if (t2 == null)
+          t2 = 0;
+        return A.SassColor_SassColor$hsl0(hsl.channel0OrNull, 0, hsl.channel2OrNull, t2).toSpace$2$legacyMissing(t1, false);
+      } else {
+        oklch = color.toSpace$1(B.OklchColorSpace_9Gj0);
+        t2 = oklch.alphaOrNull;
+        if (t2 == null)
+          t2 = 0;
+        return A.SassColor_SassColor$forSpaceInternal0(B.OklchColorSpace_9Gj0, oklch.channel0OrNull, 0, oklch.channel2OrNull, t2).toSpace$1(t1);
+      }
+    },
+    _updateComponents0($arguments, adjust, change, scale) {
+      var t2, t3, keywords, originalColor, spaceKeyword, alphaArg, color, channelArgs, channelInfo, t4, value, channelIndex, result, i, alphaNumber, _null = null, _s5_ = "space",
+        t1 = J.getInterceptor$asx($arguments),
+        argumentList = type$.SassArgumentList_2._as(t1.$index($arguments, 1));
+      if (argumentList._list1$_contents.length !== 0)
+        throw A.wrapException(A.SassScriptException$0(string$.Only_op, _null));
+      argumentList._argument_list$_wereKeywordsAccessed = true;
+      t2 = type$.String;
+      t3 = type$.Value_2;
+      keywords = A.LinkedHashMap_LinkedHashMap$of(argumentList._argument_list$_keywords, t2, t3);
+      originalColor = t1.$index($arguments, 0).assertColor$1("color");
+      t1 = keywords.remove$1(0, _s5_);
+      spaceKeyword = t1 == null ? _null : t1.assertString$1(_s5_);
+      if (spaceKeyword == null)
+        spaceKeyword = _null;
+      else
+        spaceKeyword.assertUnquoted$1(_s5_);
+      alphaArg = keywords.remove$1(0, "alpha");
+      t1 = spaceKeyword == null;
+      if (t1 && originalColor._color0$_space.get$isLegacyInternal() && keywords.__js_helper$_length !== 0) {
+        t1 = A.NullableExtension_andThen0(A._sniffLegacyColorSpace0(keywords), new A._updateComponents_closure1(originalColor));
+        color = t1 == null ? originalColor : t1;
+      } else
+        color = A._colorInSpace0(originalColor, t1 ? B.C__SassNull0 : spaceKeyword, true);
+      channelArgs = A.List_List$filled(color.get$channels().length, _null, false, type$.nullable_Value_2);
+      t1 = color._color0$_space;
+      channelInfo = t1._space$_channels;
+      for (t2 = A.MapExtensions_get_pairs0(keywords, t2, t3), t2 = t2.get$iterator(t2); t2.moveNext$0();) {
+        t3 = {};
+        t4 = t2.get$current(t2);
+        t3.name = null;
+        t3.name = t4._0;
+        value = t4._1;
+        channelIndex = B.JSArray_methods.indexWhere$1(channelInfo, new A._updateComponents_closure2(t3));
+        if (channelIndex === -1)
+          throw A.wrapException(A.SassScriptException$0("Color space " + t1.toString$0(0) + " doesn't have a channel with this name.", t3.name));
+        channelArgs[channelIndex] = value;
+      }
+      if (change)
+        result = A._changeColor0(color, channelArgs, alphaArg);
+      else {
+        t2 = A._setArrayType([], type$.JSArray_nullable_SassNumber_2);
+        for (i = 0; i < 3; ++i) {
+          t3 = channelArgs[i];
+          t2.push(t3 == null ? _null : t3.assertNumber$1(channelInfo[i].name));
+        }
+        alphaNumber = alphaArg == null ? _null : alphaArg.assertNumber$1("alpha");
+        result = scale ? A.SassColor_SassColor$forSpaceInternal0(t1, A._scaleChannel0(color, channelInfo[0], color.channel0OrNull, t2[0]), A._scaleChannel0(color, channelInfo[1], color.channel1OrNull, t2[1]), A._scaleChannel0(color, channelInfo[2], color.channel2OrNull, t2[2]), A._scaleChannel0(color, B.LinearChannel_XL80, color.alphaOrNull, alphaNumber)) : A._adjustColor0(color, t2, alphaNumber);
+      }
+      return result.toSpace$2$legacyMissing(originalColor._color0$_space, false);
+    },
+    _changeColor0(color, channelArgs, alphaArg) {
+      var t4, _s5_ = "alpha",
+        t1 = A._channelForChange0(channelArgs[0], color, 0),
+        t2 = A._channelForChange0(channelArgs[1], color, 1),
+        t3 = A._channelForChange0(channelArgs[2], color, 2);
+      $label0$0: {
+        if (alphaArg == null) {
+          t4 = color.alphaOrNull;
+          if (t4 == null)
+            t4 = 0;
+          break $label0$0;
+        }
+        t4 = A._isNone0(alphaArg);
+        if (t4) {
+          t4 = null;
+          break $label0$0;
+        }
+        t4 = alphaArg instanceof A.SassNumber0;
+        if (t4 && !alphaArg.get$hasUnits()) {
+          t4 = alphaArg.valueInRange$3(0, 1, _s5_);
+          break $label0$0;
+        }
+        if (t4 && alphaArg.hasUnit$1("%")) {
+          t4 = alphaArg.valueInRangeWithUnit$4(0, 100, _s5_, "%") / 100;
+          break $label0$0;
+        }
+        if (t4) {
+          t4 = new A._changeColor_closure0(alphaArg).call$0();
+          break $label0$0;
+        }
+        t4 = A.throwExpression(A.SassScriptException$0(alphaArg.toString$0(0) + ' is not a number or unquoted "none".', _s5_));
+      }
+      return A._colorFromChannels0(color._color0$_space, t1, t2, t3, t4, false, false);
+    },
+    _channelForChange0(channelArg, color, channel) {
+      var _0_0, t1, t2;
+      if (channelArg == null) {
+        _0_0 = color.get$channelsOrNull()[channel];
+        $label0$0: {
+          if (_0_0 != null) {
+            t1 = color._color0$_space;
+            t2 = A.SassNumber_SassNumber0(_0_0, (t1 === B.HslColorSpace_JQ20 || t1 === B.HwbColorSpace_guQ0) && channel > 0 ? "%" : null);
+            t1 = t2;
+            break $label0$0;
+          }
+          t1 = null;
+          break $label0$0;
+        }
+        return t1;
+      }
+      if (A._isNone0(channelArg))
+        return null;
+      if (channelArg instanceof A.SassNumber0)
+        return channelArg;
+      throw A.wrapException(A.SassScriptException$0(channelArg.toString$0(0) + ' is not a number or unquoted "none".', color._color0$_space._space$_channels[channel].name));
+    },
+    _scaleChannel0(color, channel, oldValue, factorArg) {
+      var t1, factor;
+      if (factorArg == null)
+        return oldValue;
+      if (!(channel instanceof A.LinearChannel0))
+        throw A.wrapException(A.SassScriptException$0("Channel isn't scalable.", channel.name));
+      if (oldValue == null)
+        A._missingChannelError0(color, channel.name);
+      t1 = channel.name;
+      factorArg.assertUnit$2("%", t1);
+      factor = factorArg.valueInRangeWithUnit$4(-100, 100, t1, "%") / 100;
+      $label0$0: {
+        if (0 === factor) {
+          t1 = oldValue;
+          break $label0$0;
+        }
+        if (factor > 0) {
+          t1 = channel.max;
+          t1 = oldValue >= t1 ? oldValue : oldValue + (t1 - oldValue) * factor;
+          break $label0$0;
+        }
+        t1 = channel.min;
+        t1 = oldValue <= t1 ? oldValue : oldValue + (oldValue - t1) * factor;
+        break $label0$0;
+      }
+      return t1;
+    },
+    _adjustColor0(color, channelArgs, alphaArg) {
+      var t1 = color._color0$_space,
+        t2 = t1._space$_channels;
+      return A.SassColor_SassColor$forSpaceInternal0(t1, A._adjustChannel0(color, t2[0], color.channel0OrNull, channelArgs[0]), A._adjustChannel0(color, t2[1], color.channel1OrNull, channelArgs[1]), A._adjustChannel0(color, t2[2], color.channel2OrNull, channelArgs[2]), A.NullableExtension_andThen0(A._adjustChannel0(color, B.LinearChannel_XL80, color.alphaOrNull, alphaArg), new A._adjustColor_closure0()));
+    },
+    _adjustChannel0(color, channel, oldValue, adjustmentArg) {
+      var _0_1, _0_3, t1, _0_6_isSet, _0_6, _0_6_isSet0, t2, _0_11, result, min, max, _null = null;
+      if (adjustmentArg == null)
+        return oldValue;
+      if (oldValue == null)
+        A._missingChannelError0(color, channel.name);
+      $label0$0: {
+        _0_1 = color._color0$_space;
+        _0_3 = B.HslColorSpace_JQ20 === _0_1;
+        t1 = _0_3;
+        if (!t1)
+          _0_6_isSet = B.HwbColorSpace_guQ0 === _0_1;
+        else
+          _0_6_isSet = true;
+        if (_0_6_isSet) {
+          t1 = channel.isPolarAngle;
+          _0_6 = channel;
+        } else {
+          _0_6 = _null;
+          t1 = false;
+        }
+        if (t1) {
+          adjustmentArg = A.SassNumber_SassNumber0(A._angleValue0(adjustmentArg, "hue"), _null);
+          break $label0$0;
+        }
+        t1 = false;
+        if (_0_3) {
+          _0_6_isSet0 = true;
+          if (_0_6_isSet)
+            t2 = _0_6;
+          else {
+            t2 = channel;
+            _0_6_isSet = _0_6_isSet0;
+            _0_6 = t2;
+          }
+          if (t2 instanceof A.LinearChannel0) {
+            if (_0_6_isSet)
+              t1 = _0_6;
+            else {
+              t1 = channel;
+              _0_6_isSet = _0_6_isSet0;
+              _0_6 = t1;
+            }
+            _0_11 = type$.LinearChannel_2._as(t1).name;
+            t1 = _0_11;
+            if ("saturation" !== t1)
+              t1 = "lightness" === _0_11;
+            else
+              t1 = true;
+          }
+        }
+        if (t1) {
+          A._checkPercent0(adjustmentArg, channel.name);
+          adjustmentArg = A.SassNumber_SassNumber0(adjustmentArg._number1$_value, "%");
+          break $label0$0;
+        }
+        if (B.LinearChannel_XL80 === (_0_6_isSet ? _0_6 : channel) && adjustmentArg.get$hasUnits()) {
+          A.warnForDeprecation0("$alpha: Passing a number with unit " + adjustmentArg.get$unitString() + string$.x20is_de + adjustmentArg.unitSuggestion$1("alpha") + string$.x0a_Morex3af, B.Deprecation_kQr);
+          adjustmentArg = A.SassNumber_SassNumber0(adjustmentArg._number1$_value, _null);
+        }
+      }
+      t1 = A._channelFromValue0(channel, adjustmentArg, false);
+      t1.toString;
+      result = oldValue + t1;
+      $label1$1: {
+        t1 = channel instanceof A.LinearChannel0;
+        min = _null;
+        t2 = false;
+        if (t1)
+          if (channel.lowerClamped) {
+            min = channel.min;
+            t2 = result < min;
+          }
+        if (t2) {
+          t1 = oldValue < min ? Math.max(oldValue, result) : min;
+          break $label1$1;
+        }
+        max = _null;
+        t2 = false;
+        if (t1)
+          if (channel.upperClamped) {
+            max = channel.max;
+            t1 = result > max;
+          } else
+            t1 = t2;
+        else
+          t1 = t2;
+        if (t1) {
+          t1 = oldValue > max ? Math.min(oldValue, result) : max;
+          break $label1$1;
+        }
+        t1 = result;
+        break $label1$1;
+      }
+      return t1;
+    },
+    _sniffLegacyColorSpace0(keywords) {
+      var t1, t2;
+      for (t1 = new A.LinkedHashMapKeyIterator(keywords, keywords._modifications, keywords._first); t1.moveNext$0();) {
+        t2 = t1.__js_helper$_current;
+        if ("red" === t2 || "green" === t2 || "blue" === t2)
+          return B.RgbColorSpace_i0P0;
+        if ("saturation" === t2 || "lightness" === t2)
+          return B.HslColorSpace_JQ20;
+        if ("whiteness" === t2 || "blackness" === t2)
+          return B.HwbColorSpace_guQ0;
+      }
+      return keywords.containsKey$1("hue") ? B.HslColorSpace_JQ20 : null;
+    },
+    _functionString0($name, $arguments) {
+      return new A.SassString0($name + "(" + J.map$1$1$ax($arguments, new A._functionString_closure0(), type$.String).join$1(0, ", ") + ")", false);
+    },
+    _removedColorFunction0($name, argument, negative) {
+      return A.BuiltInCallable$function0($name, "$color, $amount", new A._removedColorFunction_closure0($name, argument, negative), "sass:color");
+    },
+    _rgb0($name, $arguments) {
+      var t3, t4,
+        t1 = J.getInterceptor$asx($arguments),
+        alpha = t1.get$length($arguments) > 3 ? t1.$index($arguments, 3) : null,
+        t2 = true;
+      if (!t1.$index($arguments, 0).get$isSpecialNumber())
+        if (!t1.$index($arguments, 1).get$isSpecialNumber())
+          if (!t1.$index($arguments, 2).get$isSpecialNumber()) {
+            t2 = alpha == null ? null : alpha.get$isSpecialNumber();
+            t2 = t2 === true;
+          }
+      if (t2)
+        return A._functionString0($name, $arguments);
+      t2 = t1.$index($arguments, 0).assertNumber$1("red");
+      t3 = t1.$index($arguments, 1).assertNumber$1("green");
+      t1 = t1.$index($arguments, 2).assertNumber$1("blue");
+      t4 = A.NullableExtension_andThen0(alpha, new A._rgb_closure0());
+      return A._colorFromChannels0(B.RgbColorSpace_i0P0, t2, t3, t1, t4 == null ? 1 : t4, true, true);
+    },
+    _rgbTwoArg0($name, $arguments) {
+      var t2, color,
+        t1 = J.getInterceptor$asx($arguments),
+        first = t1.$index($arguments, 0),
+        second = t1.$index($arguments, 1);
+      if (!first.get$isVar())
+        t2 = !(first instanceof A.SassColor0) && second.get$isVar();
+      else
+        t2 = true;
+      if (t2)
+        return A._functionString0($name, $arguments);
+      color = first.assertColor$1("color");
+      if (!color._color0$_space.get$isLegacyInternal())
+        throw A.wrapException(A.SassScriptException$0("Expected " + color.toString$0(0) + string$.x20to_be_ + color.toString$0(0) + ", $alpha: " + second.toString$0(0) + ")", $name));
+      color.assertLegacy$1("color");
+      color = color.toSpace$1(B.RgbColorSpace_i0P0);
+      if (second.get$isSpecialNumber())
+        return A._functionString0($name, A._setArrayType([A.SassNumber_SassNumber0(color.channel$1(0, "red"), null), A.SassNumber_SassNumber0(color.channel$1(0, "green"), null), A.SassNumber_SassNumber0(color.channel$1(0, "blue"), null), t1.$index($arguments, 1)], type$.JSArray_Value_2));
+      t1 = A._percentageOrUnitless0(t1.$index($arguments, 1).assertNumber$1("alpha"), 1, "alpha");
+      return color.changeAlpha$1(isNaN(t1) ? 0 : B.JSNumber_methods.clamp$2(t1, 0, 1));
+    },
+    _hsl0($name, $arguments) {
+      var t3, t4,
+        t1 = J.getInterceptor$asx($arguments),
+        alpha = t1.get$length($arguments) > 3 ? t1.$index($arguments, 3) : null,
+        t2 = true;
+      if (!t1.$index($arguments, 0).get$isSpecialNumber())
+        if (!t1.$index($arguments, 1).get$isSpecialNumber())
+          if (!t1.$index($arguments, 2).get$isSpecialNumber()) {
+            t2 = alpha == null ? null : alpha.get$isSpecialNumber();
+            t2 = t2 === true;
+          }
+      if (t2)
+        return A._functionString0($name, $arguments);
+      t2 = t1.$index($arguments, 0).assertNumber$1("hue");
+      t3 = t1.$index($arguments, 1).assertNumber$1("saturation");
+      t1 = t1.$index($arguments, 2).assertNumber$1("lightness");
+      t4 = A.NullableExtension_andThen0(alpha, new A._hsl_closure0());
+      return A._colorFromChannels0(B.HslColorSpace_JQ20, t2, t3, t1, t4 == null ? 1 : t4, true, false);
+    },
+    _angleValue0(angleValue, $name) {
+      var angle = angleValue.assertNumber$1($name);
+      if (angle.compatibleWithUnit$1("deg"))
+        return angle.coerceValueToUnit$1("deg");
+      A.warnForDeprecation0("$" + $name + ": Passing a unit other than deg (" + angle.toString$0(0) + string$.x29x20is_d_ + angle.unitSuggestion$1($name) + string$.x0a_See_, B.Deprecation_kQr);
+      return angle._number1$_value;
+    },
+    _checkPercent0(number, $name) {
+      if (number.hasUnit$1("%"))
+        return;
+      A.warnForDeprecation0("$" + $name + ": Passing a number without unit % (" + number.toString$0(0) + string$.x29x20is_d_ + number.unitSuggestion$2($name, "%") + string$.x0a_Morex3af, B.Deprecation_kQr);
+    },
+    _percentageOrUnitless0(number, max, $name) {
+      var value;
+      if (!number.get$hasUnits())
+        value = number._number1$_value;
+      else if (number.hasUnit$1("%"))
+        value = max * number._number1$_value / 100;
+      else
+        throw A.wrapException(A.SassScriptException$0("Expected " + number.toString$0(0) + ' to have unit "%" or no units.', $name));
+      return value;
+    },
+    _mixLegacy0(color1, color2, weight) {
+      var t2, alphaDistance, weight1, weight2, t3, t4, t5, t6, t7, t8,
+        rgb1 = color1.toSpace$1(B.RgbColorSpace_i0P0),
+        rgb2 = color2.toSpace$1(B.RgbColorSpace_i0P0),
+        weightScale = weight.valueInRange$3(0, 100, "weight") / 100,
+        normalizedWeight = weightScale * 2 - 1,
+        t1 = color1.alphaOrNull;
+      if (t1 == null)
+        t1 = 0;
+      t2 = color2.alphaOrNull;
+      alphaDistance = t1 - (t2 == null ? 0 : t2);
+      t1 = normalizedWeight * alphaDistance;
+      weight1 = ((t1 === -1 ? normalizedWeight : (normalizedWeight + alphaDistance) / (1 + t1)) + 1) / 2;
+      weight2 = 1 - weight1;
+      t1 = rgb1.channel0OrNull;
+      if (t1 == null)
+        t1 = 0;
+      t2 = rgb2.channel0OrNull;
+      if (t2 == null)
+        t2 = 0;
+      t3 = rgb1.channel1OrNull;
+      if (t3 == null)
+        t3 = 0;
+      t4 = rgb2.channel1OrNull;
+      if (t4 == null)
+        t4 = 0;
+      t5 = rgb1.channel2OrNull;
+      if (t5 == null)
+        t5 = 0;
+      t6 = rgb2.channel2OrNull;
+      if (t6 == null)
+        t6 = 0;
+      t7 = rgb1.alphaOrNull;
+      if (t7 == null)
+        t7 = 0;
+      t8 = rgb2.alphaOrNull;
+      if (t8 == null)
+        t8 = 0;
+      return A.SassColor_SassColor$rgbInternal0(t1 * weight1 + t2 * weight2, t3 * weight1 + t4 * weight2, t5 * weight1 + t6 * weight2, t7 * weightScale + t8 * (1 - weightScale), null);
+    },
+    _opacify0($name, $arguments) {
+      var result,
+        t1 = J.getInterceptor$asx($arguments),
+        color = t1.$index($arguments, 0).assertColor$1("color"),
+        amount = t1.$index($arguments, 1).assertNumber$1("amount");
+      if (!color._color0$_space.get$isLegacyInternal())
+        throw A.wrapException(A.SassScriptException$0($name + string$.x28__is_oa, null));
+      t1 = color.alphaOrNull;
+      if (t1 == null)
+        t1 = 0;
+      t1 += amount.valueInRangeWithUnit$4(0, 1, "amount", "");
+      result = color.changeAlpha$1(isNaN(t1) ? 0 : B.JSNumber_methods.clamp$2(t1, 0, 1));
+      A.warnForDeprecation0($name + "() is deprecated. " + A._suggestScaleAndAdjust0(color, amount._number1$_value, "alpha") + string$.x0a_Morex3ac, B.Deprecation_3bU);
+      return result;
+    },
+    _transparentize0($name, $arguments) {
+      var result,
+        t1 = J.getInterceptor$asx($arguments),
+        color = t1.$index($arguments, 0).assertColor$1("color"),
+        amount = t1.$index($arguments, 1).assertNumber$1("amount");
+      if (!color._color0$_space.get$isLegacyInternal())
+        throw A.wrapException(A.SassScriptException$0($name + string$.x28__is_oa, null));
+      t1 = color.alphaOrNull;
+      if (t1 == null)
+        t1 = 0;
+      t1 -= amount.valueInRangeWithUnit$4(0, 1, "amount", "");
+      result = color.changeAlpha$1(isNaN(t1) ? 0 : B.JSNumber_methods.clamp$2(t1, 0, 1));
+      A.warnForDeprecation0($name + "() is deprecated. " + A._suggestScaleAndAdjust0(color, -amount._number1$_value, "alpha") + string$.x0a_Morex3ac, B.Deprecation_3bU);
+      return result;
+    },
+    _colorInSpace0(colorUntyped, spaceUntyped, legacyMissing) {
+      var t1, _s5_ = "space",
+        color = colorUntyped.assertColor$1("color");
+      if (spaceUntyped.$eq(0, B.C__SassNull0))
+        return color;
+      t1 = spaceUntyped.assertString$1(_s5_);
+      t1.assertUnquoted$1(_s5_);
+      return color.toSpace$2$legacyMissing(A.ColorSpace_fromName0(t1._string0$_text, _s5_), legacyMissing);
+    },
+    _parseChannels0(functionName, input, $name, space) {
+      var parsedSlash, components, alphaValue, _2_0, _2_1, _2_5, _2_6_isSet, t1, _2_6, channels, first, rest, componentList, spaceName, i, channel, channelName, t2, t3, t4, _null = null;
+      if (input.get$isVar())
+        return A._functionString0(functionName, A._setArrayType([input], type$.JSArray_Value_2));
+      parsedSlash = A._parseSlashChannels0(input, $name);
+      if (parsedSlash == null)
+        return A._functionString0(functionName, A._setArrayType([input], type$.JSArray_Value_2));
+      components = parsedSlash._0;
+      alphaValue = parsedSlash._1;
+      $label0$0: {
+        _2_0 = components.assertCommonListStyle$2$allowSlash($name, false);
+        _2_1 = _2_0.length;
+        if (_2_1 <= 0)
+          throw A.wrapException(A.SassScriptException$0("Color component list may not be empty.", $name));
+        _2_5 = _2_1 >= 1;
+        _2_6_isSet = _2_5;
+        t1 = false;
+        if (_2_6_isSet) {
+          _2_6 = _2_0[0];
+          if (_2_6 instanceof A.SassString0) {
+            type$.SassString_2._as(_2_6);
+            t1 = !_2_6._string0$_hasQuotes && _2_6._string0$_text.toLowerCase() === "from";
+          }
+        } else
+          _2_6 = _null;
+        if (t1)
+          return A._functionString0(functionName, A._setArrayType([input], type$.JSArray_Value_2));
+        t1 = components.get$isVar();
+        if (t1) {
+          channels = A._setArrayType([components], type$.JSArray_Value_2);
+          break $label0$0;
+        }
+        channels = _null;
+        if (_2_5) {
+          first = _2_6_isSet ? _2_6 : _2_0[0];
+          rest = B.JSArray_methods.sublist$1(_2_0, 1);
+          componentList = _2_0;
+        } else {
+          componentList = channels;
+          rest = componentList;
+          first = _null;
+        }
+        if (_2_5) {
+          if (space == null) {
+            spaceName = first.assertString$1($name);
+            spaceName.assertUnquoted$1($name);
+            space = spaceName.get$isVar() ? _null : A.ColorSpace_fromName0(spaceName._string0$_text, $name);
+            if (B.RgbColorSpace_i0P0 === space || B.HslColorSpace_JQ20 === space || B.HwbColorSpace_guQ0 === space || B.LabColorSpace_2nT0 === space || B.LchColorSpace_Bpv0 === space || B.OklabColorSpace_5400 === space || B.OklchColorSpace_9Gj0 === space)
+              throw A.wrapException(A.SassScriptException$0(string$.The_co + A.S(space) + ". Use the " + A.S(space) + "() function instead.", $name));
+            channels = rest;
+          } else
+            channels = componentList;
+          for (i = 0; i < channels.length; ++i) {
+            channel = channels[i];
+            t1 = false;
+            if (!channel.get$isSpecialNumber())
+              if (!(channel instanceof A.SassNumber0))
+                t1 = !(channel instanceof A.SassString0 && !channel._string0$_hasQuotes && channel._string0$_text.toLowerCase() === "none");
+            if (t1) {
+              t1 = _null;
+              if (space == null)
+                channelName = t1;
+              else {
+                t2 = space._space$_channels;
+                t2 = i < 3 ? t2[i] : _null;
+                if (!(t2 == null))
+                  t1 = new A._parseChannels_closure1().call$1(t2.name);
+                channelName = t1;
+              }
+              if (channelName == null)
+                channelName = "channel " + (i + 1);
+              throw A.wrapException(A.SassScriptException$0("Expected " + channelName + " to be a number, was " + channel.toString$0(0) + ".", $name));
+            }
+          }
+          break $label0$0;
+        }
+        throw A.wrapException("unreachable");
+      }
+      t1 = alphaValue == null;
+      t2 = t1 ? _null : alphaValue.get$isSpecialNumber();
+      if (t2 === true) {
+        if (channels.length === 3 && B.Set_9FDyj0.contains$1(0, space)) {
+          t1 = A.List_List$_of(channels, type$.Value_2);
+          alphaValue.toString;
+          t1.push(alphaValue);
+          t1 = A._functionString0(functionName, t1);
+        } else
+          t1 = A._functionString0(functionName, A._setArrayType([input], type$.JSArray_Value_2));
+        return t1;
+      }
+      $label1$1: {
+        if (t1) {
+          t2 = 1;
+          break $label1$1;
+        }
+        if (alphaValue instanceof A.SassString0 && !alphaValue._string0$_hasQuotes && "none" === alphaValue._string0$_text) {
+          t2 = _null;
+          break $label1$1;
+        }
+        t2 = A._percentageOrUnitless0(alphaValue.assertNumber$1($name), 1, "alpha");
+        t2 = isNaN(t2) ? 0 : B.JSNumber_methods.clamp$2(t2, 0, 1);
+        break $label1$1;
+      }
+      if (space == null)
+        return A._functionString0(functionName, A._setArrayType([input], type$.JSArray_Value_2));
+      if (B.JSArray_methods.any$1(channels, new A._parseChannels_closure2())) {
+        if (channels.length === 3 && B.Set_9FDyj0.contains$1(0, space)) {
+          t2 = A.List_List$_of(channels, type$.Value_2);
+          if (!t1)
+            t2.push(alphaValue);
+          t1 = A._functionString0(functionName, t2);
+        } else
+          t1 = A._functionString0(functionName, A._setArrayType([input], type$.JSArray_Value_2));
+        return t1;
+      }
+      if (channels.length !== 3)
+        throw A.wrapException(A.SassScriptException$0("The " + space.toString$0(0) + " color space has 3 channels but " + input.toString$0(0) + " has " + channels.length + ".", $name));
+      t1 = channels[0];
+      t1 = t1 instanceof A.SassNumber0 ? t1 : _null;
+      t3 = channels[1];
+      t3 = t3 instanceof A.SassNumber0 ? t3 : _null;
+      t4 = channels[2];
+      t4 = t4 instanceof A.SassNumber0 ? t4 : _null;
+      return A._colorFromChannels0(space, t1, t3, t4, t2, true, space === B.RgbColorSpace_i0P0);
+    },
+    _parseSlashChannels0(input, $name) {
+      var _1_1, alphaValue, t1, components, _1_7, _1_8_isSet, _1_9, _1_8, initial, t2, _0_0, _0_1, channel3, alpha, _1_16, _1_16_isSet, _1_9_isSet, _1_9_isSet0, t3, _null = null,
+        _1_0 = input.assertCommonListStyle$2$allowSlash($name, true);
+      $label0$0: {
+        _1_1 = _1_0.length;
+        alphaValue = _null;
+        t1 = false;
+        if (_1_1 === 2) {
+          components = _1_0[0];
+          alphaValue = _1_0[1];
+          t1 = input.get$separator(input) === B.ListSeparator_bRz0;
+        } else
+          components = _null;
+        if (t1) {
+          t1 = new A._Record_2(components, alphaValue);
+          break $label0$0;
+        }
+        t1 = input.get$separator(input);
+        if (t1 === B.ListSeparator_bRz0) {
+          t1 = _1_0.length;
+          A.throwExpression(A.SassScriptException$0(string$.Only_2 + t1 + " " + A.pluralize0("was", t1, "were") + " passed.", $name));
+        }
+        _1_7 = _1_1 >= 1;
+        _1_8_isSet = _1_7;
+        _1_9 = _null;
+        t1 = false;
+        if (_1_8_isSet) {
+          _1_8 = B.JSArray_methods.sublist$2(_1_0, 0, _1_1 - 1);
+          initial = _1_8;
+          _1_9 = _1_0[_1_1 - 1];
+          t2 = _1_9;
+          if (t2 instanceof A.SassString0) {
+            type$.SassString_2._as(_1_9);
+            t1 = !_1_9._string0$_hasQuotes;
+          }
+        } else {
+          initial = _null;
+          _1_8 = initial;
+        }
+        if (t1) {
+          if (_1_8_isSet)
+            t1 = _1_9;
+          else {
+            _1_9 = _1_0[_1_1 - 1];
+            t1 = _1_9;
+          }
+          _0_0 = type$.SassString_2._as(t1)._string0$_text.split("/");
+          $label1$1: {
+            _0_1 = _0_0.length;
+            if (_0_1 === 1) {
+              t1 = new A._Record_2(input, _null);
+              break $label1$1;
+            }
+            if (_0_1 === 2) {
+              channel3 = _0_0[0];
+              alpha = _0_0[1];
+              t1 = A.List_List$_of(initial, type$.Value_2);
+              t1.push(A._parseNumberOrString0(channel3));
+              t1 = new A._Record_2(A.SassList$0(t1, B.ListSeparator_qSL0, false), A._parseNumberOrString0(alpha));
+              break $label1$1;
+            }
+            t1 = _null;
+            break $label1$1;
+          }
+          break $label0$0;
+        }
+        _1_16 = _null;
+        _1_16_isSet = false;
+        t1 = false;
+        if (_1_7) {
+          _1_9_isSet = true;
+          if (_1_8_isSet)
+            initial = _1_8;
+          else {
+            _1_8 = B.JSArray_methods.sublist$2(_1_0, 0, _1_1 - 1);
+            initial = _1_8;
+          }
+          if (_1_8_isSet) {
+            t2 = _1_9;
+            _1_9_isSet0 = _1_8_isSet;
+          } else {
+            _1_9 = _1_0[_1_1 - 1];
+            t2 = _1_9;
+            _1_9_isSet0 = _1_9_isSet;
+          }
+          _1_16_isSet = t2 instanceof A.SassNumber0;
+          if (_1_16_isSet) {
+            if (_1_9_isSet0) {
+              t1 = _1_9;
+              _1_9_isSet = _1_9_isSet0;
+            } else {
+              _1_9 = _1_0[_1_1 - 1];
+              t1 = _1_9;
+            }
+            _1_16 = type$.SassNumber_2._as(t1).asSlash;
+            t1 = _1_16;
+            t1 = type$.Record_2_nullable_Object_and_nullable_Object._is(t1);
+          } else
+            _1_9_isSet = _1_9_isSet0;
+        } else {
+          initial = _null;
+          _1_9_isSet = _1_8_isSet;
+        }
+        if (t1) {
+          if (_1_16_isSet)
+            t1 = _1_16;
+          else {
+            if (_1_9_isSet)
+              t1 = _1_9;
+            else {
+              _1_9 = _1_0[_1_1 - 1];
+              t1 = _1_9;
+              _1_9_isSet = true;
+            }
+            _1_16 = type$.SassNumber_2._as(t1).asSlash;
+            t1 = _1_16;
+            _1_16_isSet = true;
+          }
+          if (t1 == null)
+            t1 = type$.Record_2_nullable_Object_and_nullable_Object._as(t1);
+          if (_1_16_isSet)
+            t2 = _1_16;
+          else {
+            if (_1_9_isSet)
+              t2 = _1_9;
+            else {
+              _1_9 = _1_0[_1_1 - 1];
+              t2 = _1_9;
+            }
+            _1_16 = type$.SassNumber_2._as(t2).asSlash;
+            t2 = _1_16;
+          }
+          if (t2 == null)
+            t2 = type$.Record_2_nullable_Object_and_nullable_Object._as(t2);
+          t3 = A.List_List$_of(initial, type$.Value_2);
+          t3.push(t1._0);
+          t1 = new A._Record_2(A.SassList$0(t3, B.ListSeparator_qSL0, false), t2._1);
+          break $label0$0;
+        }
+        t1 = new A._Record_2(input, _null);
+        break $label0$0;
+      }
+      return t1;
+    },
+    _parseNumberOrString0(text) {
+      var t1, expression, exception;
+      try {
+        t1 = A.ScssParser$0(text, null);
+        expression = t1._stylesheet0$_parseSingleProduction$1$1(t1.get$_stylesheet0$_number(), type$.NumberExpression_2);
+        t1 = A.SassNumber_SassNumber0(expression.value, expression.unit);
+        return t1;
+      } catch (exception) {
+        if (type$.SassFormatException_2._is(A.unwrapException(exception)))
+          return new A.SassString0(text, false);
+        else
+          throw exception;
+      }
+    },
+    _colorFromChannels0(space, channel0, channel1, channel2, alpha, clamp, fromRgbFunction) {
+      var t1, t2, whiteness, blackness, t3;
+      switch (space) {
+        case B.HslColorSpace_JQ20:
+          if (channel1 != null)
+            A._checkPercent0(channel1, "saturation");
+          if (channel2 != null)
+            A._checkPercent0(channel2, "lightness");
+          t1 = space._space$_channels;
+          return A.SassColor_SassColor$hsl0(A.NullableExtension_andThen0(channel0, new A._colorFromChannels_closure1()), A._channelFromValue0(t1[1], A._forcePercent0(channel1), clamp), A._channelFromValue0(t1[2], A._forcePercent0(channel2), clamp), alpha);
+        case B.HwbColorSpace_guQ0:
+          t1 = channel1 == null;
+          if (!t1)
+            channel1.assertUnit$2("%", "whiteness");
+          t2 = channel2 == null;
+          if (!t2)
+            channel2.assertUnit$2("%", "blackness");
+          whiteness = t1 ? null : channel1._number1$_value;
+          blackness = t2 ? null : channel2._number1$_value;
+          if (whiteness != null && blackness != null && whiteness + blackness > 100) {
+            t1 = whiteness + blackness;
+            whiteness = whiteness / t1 * 100;
+            blackness = blackness / t1 * 100;
+          }
+          return A.SassColor_SassColor$hwb0(A.NullableExtension_andThen0(channel0, new A._colorFromChannels_closure2()), whiteness, blackness, alpha);
+        case B.RgbColorSpace_i0P0:
+          t1 = space._space$_channels;
+          t2 = A._channelFromValue0(t1[0], channel0, clamp);
+          t3 = A._channelFromValue0(t1[1], channel1, clamp);
+          t1 = A._channelFromValue0(t1[2], channel2, clamp);
+          return A.SassColor_SassColor$rgbInternal0(t2, t3, t1, alpha, fromRgbFunction ? B.C__ColorFormatEnum0 : null);
+        default:
+          t1 = space._space$_channels;
+          return A.SassColor_SassColor$forSpaceInternal0(space, A._channelFromValue0(t1[0], channel0, clamp), A._channelFromValue0(t1[1], channel1, clamp), A._channelFromValue0(t1[2], channel2, clamp), alpha);
+      }
+    },
+    _forcePercent0(number) {
+      var t1, _0_3;
+      $label0$0: {
+        if (number == null) {
+          t1 = null;
+          break $label0$0;
+        }
+        _0_3 = number.get$numeratorUnits(number);
+        if (_0_3.length === 1)
+          t1 = "%" === _0_3[0] && number.get$denominatorUnits(number).length <= 0;
+        else
+          t1 = false;
+        if (t1) {
+          t1 = number;
+          break $label0$0;
+        }
+        t1 = A.SassNumber_SassNumber0(number._number1$_value, "%");
+        break $label0$0;
+      }
+      return t1;
+    },
+    _channelFromValue0(channel, value, clamp) {
+      return A.NullableExtension_andThen0(value, new A._channelFromValue_closure0(channel, clamp));
+    },
+    _isNone0(value) {
+      return value instanceof A.SassString0 && !value._string0$_hasQuotes && value._string0$_text.toLowerCase() === "none";
+    },
+    _channelFunction0($name, space, getter, global, unit) {
+      return A.BuiltInCallable$function0($name, "$color", new A._channelFunction_closure0(getter, unit, global, $name, space), "sass:color");
+    },
+    _suggestScaleAndAdjust0(original, adjustment, channelName) {
+      var t2, oldValue, newValue, factor, t3, suggestion,
+        channel = channelName === "alpha" ? B.LinearChannel_XL80 : type$.LinearChannel_2._as(B.JSArray_methods.firstWhere$1(B.List_oAL0, new A._suggestScaleAndAdjust_closure0(channelName))),
+        t1 = channel === B.LinearChannel_XL80;
+      if (t1) {
+        t2 = original.alphaOrNull;
+        oldValue = t2 == null ? 0 : t2;
+      } else
+        oldValue = original.toSpace$1(B.HslColorSpace_JQ20).channel$1(0, channelName);
+      newValue = oldValue + adjustment;
+      if (adjustment !== 0) {
+        factor = A._Cell$();
+        t2 = channel.max;
+        if (newValue > t2)
+          factor.__late_helper$_value = 1;
+        else {
+          t3 = channel.min;
+          if (newValue < t3)
+            factor.__late_helper$_value = -1;
+          else if (adjustment > 0)
+            factor.__late_helper$_value = adjustment / (t2 - oldValue);
+          else
+            factor.__late_helper$_value = (newValue - oldValue) / (oldValue - t3);
+        }
+        suggestion = "Suggestion" + ("s:\n\ncolor.scale($color, $" + channelName + ": " + A.serializeValue0(A.SassNumber_SassNumber0(factor._readLocal$0() * 100, "%"), false, true) + ")\n");
+      } else
+        suggestion = "Suggestion:\n\n";
+      return suggestion + ("color.adjust($color, $" + channelName + ": " + A.serializeValue0(A.SassNumber_SassNumber0(adjustment, t1 ? null : "%"), false, true) + ")");
+    },
+    _missingChannelError0(color, channel) {
+      return A.throwExpression(A.SassScriptException$0(string$.Becaus + color.toCssString$0() + ").", channel));
+    },
+    _channelName0(value) {
+      var t1 = value.assertString$1("channel");
+      t1.assertQuoted$1("channel");
+      return t1._string0$_text;
+    },
+    _function12($name, $arguments, callback) {
+      return A.BuiltInCallable$function0($name, $arguments, callback, "sass:color");
+    },
+    global_closure44: function global_closure44() {
+    },
+    global_closure45: function global_closure45() {
+    },
+    global_closure46: function global_closure46() {
+    },
+    global_closure47: function global_closure47() {
+    },
+    global_closure48: function global_closure48() {
+    },
+    global_closure49: function global_closure49() {
+    },
+    global_closure50: function global_closure50() {
+    },
+    global_closure51: function global_closure51() {
+    },
+    global_closure52: function global_closure52() {
+    },
+    global_closure53: function global_closure53() {
+    },
+    global_closure54: function global_closure54() {
+    },
+    global_closure55: function global_closure55() {
+    },
+    global_closure56: function global_closure56() {
+    },
+    global_closure57: function global_closure57() {
+    },
+    global_closure58: function global_closure58() {
+    },
+    global_closure59: function global_closure59() {
+    },
+    global_closure60: function global_closure60() {
+    },
+    global_closure61: function global_closure61() {
+    },
+    global_closure62: function global_closure62() {
+    },
+    global_closure63: function global_closure63() {
+    },
+    global_closure64: function global_closure64() {
+    },
+    global_closure65: function global_closure65() {
+    },
+    global_closure66: function global_closure66() {
+    },
+    global_closure67: function global_closure67() {
+    },
+    global_closure68: function global_closure68() {
+    },
+    global_closure69: function global_closure69() {
+    },
+    global_closure70: function global_closure70() {
+    },
+    global_closure71: function global_closure71() {
+    },
+    global_closure72: function global_closure72() {
+    },
+    global_closure73: function global_closure73() {
+    },
+    global_closure74: function global_closure74() {
+    },
+    global_closure75: function global_closure75() {
+    },
+    global_closure76: function global_closure76() {
+    },
+    global_closure77: function global_closure77() {
+    },
+    global_closure78: function global_closure78() {
+    },
+    global_closure79: function global_closure79() {
+    },
+    global__closure0: function global__closure0() {
+    },
+    global_closure80: function global_closure80() {
+    },
+    global_closure81: function global_closure81() {
+    },
+    global_closure82: function global_closure82() {
+    },
+    global_closure83: function global_closure83() {
+    },
+    global_closure84: function global_closure84() {
+    },
+    global_closure85: function global_closure85() {
+    },
+    global_closure86: function global_closure86() {
+    },
+    module_closure27: function module_closure27() {
+    },
+    module_closure28: function module_closure28() {
+    },
+    module_closure29: function module_closure29() {
+    },
+    module_closure30: function module_closure30() {
+    },
+    module_closure31: function module_closure31() {
+    },
+    module_closure32: function module_closure32() {
+    },
+    module_closure33: function module_closure33() {
+    },
+    module_closure34: function module_closure34() {
+    },
+    module_closure35: function module_closure35() {
+    },
+    module_closure36: function module_closure36() {
+    },
+    module_closure37: function module_closure37() {
+    },
+    module_closure38: function module_closure38() {
+    },
+    module_closure39: function module_closure39() {
+    },
+    module_closure40: function module_closure40() {
+    },
+    module__closure6: function module__closure6() {
+    },
+    module_closure41: function module_closure41() {
+    },
+    module_closure42: function module_closure42() {
+    },
+    module_closure43: function module_closure43() {
+    },
+    module_closure44: function module_closure44() {
+    },
+    module_closure45: function module_closure45() {
+    },
+    module_closure46: function module_closure46() {
+    },
+    module_closure47: function module_closure47() {
+    },
+    module_closure48: function module_closure48() {
+    },
+    module__closure5: function module__closure5(t0) {
+      this.channelName = t0;
+    },
+    module_closure49: function module_closure49() {
+    },
+    module_closure_toXyzNoMissing0: function module_closure_toXyzNoMissing0() {
+    },
+    module_closure50: function module_closure50() {
+    },
+    _mix_closure0: function _mix_closure0() {
+    },
+    _complement_closure0: function _complement_closure0() {
+    },
+    _adjust_closure0: function _adjust_closure0() {
+    },
+    _scale_closure0: function _scale_closure0() {
+    },
+    _change_closure0: function _change_closure0() {
+    },
+    _ieHexStr_closure0: function _ieHexStr_closure0() {
+    },
+    _ieHexStr_closure_hexString0: function _ieHexStr_closure_hexString0() {
+    },
+    _updateComponents_closure1: function _updateComponents_closure1(t0) {
+      this.originalColor = t0;
+    },
+    _updateComponents_closure2: function _updateComponents_closure2(t0) {
+      this._box_0 = t0;
+    },
+    _changeColor_closure0: function _changeColor_closure0(t0) {
+      this.alphaArg = t0;
+    },
+    _adjustColor_closure0: function _adjustColor_closure0() {
+    },
+    _functionString_closure0: function _functionString_closure0() {
+    },
+    _removedColorFunction_closure0: function _removedColorFunction_closure0(t0, t1, t2) {
+      this.name = t0;
+      this.argument = t1;
+      this.negative = t2;
+    },
+    _rgb_closure0: function _rgb_closure0() {
+    },
+    _hsl_closure0: function _hsl_closure0() {
+    },
+    _parseChannels_closure1: function _parseChannels_closure1() {
+    },
+    _parseChannels_closure2: function _parseChannels_closure2() {
+    },
+    _colorFromChannels_closure1: function _colorFromChannels_closure1() {
+    },
+    _colorFromChannels_closure2: function _colorFromChannels_closure2() {
+    },
+    _channelFromValue_closure0: function _channelFromValue_closure0(t0, t1) {
+      this.channel = t0;
+      this.clamp = t1;
+    },
+    _channelFunction_closure0: function _channelFunction_closure0(t0, t1, t2, t3, t4) {
+      var _ = this;
+      _.getter = t0;
+      _.unit = t1;
+      _.global = t2;
+      _.name = t3;
+      _.space = t4;
+    },
+    _suggestScaleAndAdjust_closure0: function _suggestScaleAndAdjust_closure0(t0) {
+      this.channelName = t0;
+    },
+    _constructionSpace(options) {
+      var t1 = J.getInterceptor$x(options);
+      if (t1.get$space(options) != null) {
+        t1 = t1.get$space(options);
+        t1.toString;
+        return A.ColorSpace_fromName0(t1, null);
+      }
+      if (t1.get$red(options) != null)
+        return B.RgbColorSpace_i0P0;
+      if (t1.get$saturation(options) != null)
+        return B.HslColorSpace_JQ20;
+      if (t1.get$whiteness(options) != null)
+        return B.HwbColorSpace_guQ0;
+      throw A.wrapException("No color space found");
+    },
+    _toSpace($self, space) {
+      return $self.toSpace$1(A.ColorSpace_fromName0(space == null ? $self._color0$_space.name : space, null));
+    },
+    _checkNullAlphaDeprecation(options) {
+      var t1 = J.getInterceptor$x(options),
+        t2 = t1.get$alpha(options);
+      if (!A._asBool($.$get$_isUndefined().call$1(t2)) && t1.get$alpha(options) == null && t1.get$space(options) == null)
+        A.warnForDeprecationFromApi(string$.Passin_, B.Deprecation_gC3);
+    },
+    colorClass_closure: function colorClass_closure() {
+    },
+    colorClass__closure: function colorClass__closure() {
+    },
+    colorClass__closure0: function colorClass__closure0() {
+    },
+    colorClass__closure1: function colorClass__closure1() {
+    },
+    colorClass__closure2: function colorClass__closure2() {
+    },
+    colorClass__closure3: function colorClass__closure3() {
+    },
+    colorClass__closure4: function colorClass__closure4() {
+    },
+    colorClass__closure5: function colorClass__closure5() {
+    },
+    colorClass__closure6: function colorClass__closure6() {
+    },
+    colorClass__closure7: function colorClass__closure7() {
+    },
+    colorClass__closure8: function colorClass__closure8() {
+    },
+    colorClass___closure: function colorClass___closure(t0) {
+      this.key = t0;
+    },
+    colorClass__closure_changedValue: function colorClass__closure_changedValue(t0, t1) {
+      this.color = t0;
+      this.options = t1;
+    },
+    colorClass__closure9: function colorClass__closure9() {
+    },
+    colorClass__closure10: function colorClass__closure10() {
+    },
+    colorClass__closure11: function colorClass__closure11() {
+    },
+    colorClass__closure12: function colorClass__closure12() {
+    },
+    colorClass__closure13: function colorClass__closure13() {
+    },
+    colorClass__closure14: function colorClass__closure14() {
+    },
+    colorClass__closure15: function colorClass__closure15() {
+    },
+    colorClass__closure16: function colorClass__closure16() {
+    },
+    colorClass__closure17: function colorClass__closure17() {
+    },
+    colorClass__closure18: function colorClass__closure18() {
+    },
+    colorClass__closure19: function colorClass__closure19() {
+    },
+    colorClass__closure20: function colorClass__closure20() {
+    },
+    colorClass__closure21: function colorClass__closure21() {
+    },
+    colorClass__closure22: function colorClass__closure22() {
+    },
+    _Channels: function _Channels() {
+    },
+    _ConstructionOptions: function _ConstructionOptions() {
+    },
+    _ChannelOptions: function _ChannelOptions() {
+    },
+    _ToGamutOptions: function _ToGamutOptions() {
+    },
+    _InterpolationOptions: function _InterpolationOptions() {
+    },
+    _NodeSassColor: function _NodeSassColor() {
+    },
+    legacyColorClass_closure: function legacyColorClass_closure() {
+    },
+    legacyColorClass__closure: function legacyColorClass__closure() {
+    },
+    legacyColorClass_closure0: function legacyColorClass_closure0() {
+    },
+    legacyColorClass_closure1: function legacyColorClass_closure1() {
+    },
+    legacyColorClass_closure2: function legacyColorClass_closure2() {
+    },
+    legacyColorClass_closure3: function legacyColorClass_closure3() {
+    },
+    legacyColorClass_closure4: function legacyColorClass_closure4() {
+    },
+    legacyColorClass_closure5: function legacyColorClass_closure5() {
+    },
+    legacyColorClass_closure6: function legacyColorClass_closure6() {
+    },
+    legacyColorClass_closure7: function legacyColorClass_closure7() {
+    },
+    SassColor_SassColor$rgb0(red, green, blue, alpha) {
+      return A.SassColor_SassColor$rgbInternal0(red, green, blue, alpha, null);
+    },
+    SassColor_SassColor$rgbInternal0(red, green, blue, alpha, format) {
+      var _null = null,
+        t1 = red == null ? _null : red,
+        t2 = green == null ? _null : green,
+        t3 = blue == null ? _null : blue;
+      return A.SassColor$_forSpace0(B.RgbColorSpace_i0P0, t1, t2, t3, alpha == null ? _null : alpha, format);
+    },
+    SassColor_SassColor$hsl0(hue, saturation, lightness, alpha) {
+      var _null = null,
+        t1 = hue == null ? _null : hue,
+        t2 = saturation == null ? _null : saturation,
+        t3 = lightness == null ? _null : lightness;
+      return A.SassColor_SassColor$forSpaceInternal0(B.HslColorSpace_JQ20, t1, t2, t3, alpha == null ? _null : alpha);
+    },
+    SassColor_SassColor$hwb0(hue, whiteness, blackness, alpha) {
+      var _null = null,
+        t1 = hue == null ? _null : hue,
+        t2 = whiteness == null ? _null : whiteness,
+        t3 = blackness == null ? _null : blackness;
+      return A.SassColor_SassColor$forSpaceInternal0(B.HwbColorSpace_guQ0, t1, t2, t3, alpha == null ? _null : alpha);
+    },
+    SassColor_SassColor$forSpaceInternal0(space, channel0, channel1, channel2, alpha) {
+      var t1, t2, _null = null;
+      $label0$0: {
+        if (B.HslColorSpace_JQ20 === space) {
+          t1 = channel1 == null;
+          t2 = A.SassColor__normalizeHue0(channel0, !t1 && channel1 < 0 && !A.fuzzyEquals0(channel1, 0));
+          t2 = A.SassColor$_forSpace0(space, t2, t1 ? _null : Math.abs(channel1), channel2, alpha, _null);
+          t1 = t2;
+          break $label0$0;
+        }
+        if (B.HwbColorSpace_guQ0 === space) {
+          t1 = A.SassColor$_forSpace0(space, A.SassColor__normalizeHue0(channel0, false), channel1, channel2, alpha, _null);
+          break $label0$0;
+        }
+        if (B.LchColorSpace_Bpv0 === space || B.OklchColorSpace_9Gj0 === space) {
+          t1 = channel1 == null;
+          t2 = t1 ? _null : Math.abs(channel1);
+          t2 = A.SassColor$_forSpace0(space, channel0, t2, A.SassColor__normalizeHue0(channel2, !t1 && channel1 < 0 && !A.fuzzyEquals0(channel1, 0)), alpha, _null);
+          t1 = t2;
+          break $label0$0;
+        }
+        t1 = A.SassColor$_forSpace0(space, channel0, channel1, channel2, alpha, _null);
+        break $label0$0;
+      }
+      return t1;
+    },
+    SassColor$_forSpace0(_space, channel0OrNull, channel1OrNull, channel2OrNull, alpha, format) {
+      return new A.SassColor0(_space, channel0OrNull, channel1OrNull, channel2OrNull, format, A.NullableExtension_andThen0(alpha, new A.SassColor$_forSpace_closure0()));
+    },
+    SassColor__normalizeHue0(hue, invert) {
+      var t1, t2;
+      if (hue == null)
+        return hue;
+      t1 = B.JSNumber_methods.$mod(hue, 360);
+      t2 = invert ? 180 : 0;
+      return B.JSNumber_methods.$mod(t1 + 360 + t2, 360);
+    },
+    SassColor0: function SassColor0(t0, t1, t2, t3, t4, t5) {
+      var _ = this;
+      _._color0$_space = t0;
+      _.channel0OrNull = t1;
+      _.channel1OrNull = t2;
+      _.channel2OrNull = t3;
+      _.format = t4;
+      _.alphaOrNull = t5;
+    },
+    SassColor$_forSpace_closure0: function SassColor$_forSpace_closure0() {
+    },
+    _ColorFormatEnum0: function _ColorFormatEnum0() {
+    },
+    SpanColorFormat0: function SpanColorFormat0(t0) {
+      this._color0$_span = t0;
+    },
+    Combinator0: function Combinator0(t0, t1) {
+      this._combinator0$_text = t0;
+      this._name = t1;
+    },
+    ModifiableCssComment0: function ModifiableCssComment0(t0, t1) {
+      var _ = this;
+      _.text = t0;
+      _.span = t1;
+      _._node$_indexInParent = _._node$_parent = null;
+      _.isGroupEnd = false;
+    },
+    compile0(path, options) {
+      var color, ascii, logger, result, error, stackTrace, t1, color0, ascii0, t2, t3, t4, t5, t6, t7, t8, t9, t10, t11, t12, exception, _null = null;
+      if (!A.isNodeJs())
+        A.jsThrow(new self.Error("The compile() method is only available in Node.js."));
+      t1 = options == null;
+      color0 = t1 ? _null : J.get$alertColor$x(options);
+      color = color0 == null ? A.hasTerminal0() : color0;
+      ascii0 = t1 ? _null : J.get$alertAscii$x(options);
+      ascii = ascii0 == null ? $._glyphs === B.C_AsciiGlyphSet : ascii0;
+      t2 = t1 ? _null : J.get$logger$x(options);
+      t3 = ascii;
+      if (t3 == null)
+        t3 = $._glyphs === B.C_AsciiGlyphSet;
+      logger = new A.JSToDartLogger(t2, new A.StderrLogger0(color), t3);
+      try {
+        t2 = t1 ? _null : J.get$loadPaths$x(options);
+        t3 = t1 ? _null : J.get$quietDeps$x(options);
+        if (t3 == null)
+          t3 = false;
+        t4 = A._parseOutputStyle0(t1 ? _null : J.get$style$x(options));
+        t5 = t1 ? _null : J.get$verbose$x(options);
+        if (t5 == null)
+          t5 = false;
+        t6 = t1 ? _null : J.get$charset$x(options);
+        if (t6 == null)
+          t6 = true;
+        t7 = t1 ? _null : J.get$sourceMap$x(options);
+        if (t7 == null)
+          t7 = false;
+        if (t1)
+          t8 = _null;
+        else {
+          t8 = J.get$importers$x(options);
+          t8 = t8 == null ? _null : J.map$1$1$ax(t8, A.compile___parseImporter$closure(), type$.Importer);
+        }
+        t9 = A._parseFunctions0(t1 ? _null : J.get$functions$x(options), false);
+        t10 = t1 ? _null : J.get$fatalDeprecations$x(options);
+        t10 = A.parseDeprecations(logger, t10, true);
+        t11 = t1 ? _null : J.get$silenceDeprecations$x(options);
+        t11 = A.parseDeprecations(logger, t11, false);
+        t12 = t1 ? _null : J.get$futureDeprecations$x(options);
+        result = A.compile(path, t6, t10, new A.CastList(t9, A._arrayInstanceType(t9)._eval$1("CastList<1,Callable>")), A.parseDeprecations(logger, t12, false), A.ImportCache$0(t8, t2, _null), _null, _null, logger, _null, t3, t11, t7, t4, _null, true, t5);
+        t1 = t1 ? _null : J.get$sourceMapIncludeSources$x(options);
+        if (t1 == null)
+          t1 = false;
+        t1 = A._convertResult(result, t1);
+        return t1;
+      } catch (exception) {
+        t1 = A.unwrapException(exception);
+        if (t1 instanceof A.SassException0) {
+          error = t1;
+          stackTrace = A.getTraceFromException(exception);
+          A.throwNodeException(error, ascii, color, stackTrace);
+        } else
+          throw exception;
+      }
+    },
+    compileString0(text, options) {
+      var logger, result, error, stackTrace, t4, t5, t6, t7, t8, t9, t10, t11, t12, t13, t14, t15, exception, _null = null,
+        t1 = options == null,
+        color0 = t1 ? _null : J.get$alertColor$x(options),
+        color = color0 == null ? A.hasTerminal0() : color0,
+        ascii0 = t1 ? _null : J.get$alertAscii$x(options),
+        ascii = ascii0 == null ? $._glyphs === B.C_AsciiGlyphSet : ascii0,
+        t2 = t1 ? _null : J.get$logger$x(options),
+        t3 = ascii;
+      if (t3 == null)
+        t3 = $._glyphs === B.C_AsciiGlyphSet;
+      logger = new A.JSToDartLogger(t2, new A.StderrLogger0(color), t3);
+      try {
+        t2 = A.parseSyntax(t1 ? _null : J.get$syntax$x(options));
+        t3 = t1 ? _null : A.NullableExtension_andThen0(J.get$url$x(options), A.utils3__jsToDartUrl$closure());
+        t4 = t1 ? _null : J.get$loadPaths$x(options);
+        t5 = t1 ? _null : J.get$quietDeps$x(options);
+        if (t5 == null)
+          t5 = false;
+        t6 = A._parseOutputStyle0(t1 ? _null : J.get$style$x(options));
+        t7 = t1 ? _null : J.get$verbose$x(options);
+        if (t7 == null)
+          t7 = false;
+        t8 = t1 ? _null : J.get$charset$x(options);
+        if (t8 == null)
+          t8 = true;
+        t9 = t1 ? _null : J.get$sourceMap$x(options);
+        if (t9 == null)
+          t9 = false;
+        if (t1)
+          t10 = _null;
+        else {
+          t10 = J.get$importers$x(options);
+          t10 = t10 == null ? _null : J.map$1$1$ax(t10, A.compile___parseImporter$closure(), type$.Importer);
+        }
+        t11 = t1 ? _null : A.NullableExtension_andThen0(J.get$importer$x(options), A.compile___parseImporter$closure());
+        if (t11 == null)
+          t11 = (t1 ? _null : J.get$url$x(options)) == null ? new A.NoOpImporter0() : _null;
+        t12 = A._parseFunctions0(t1 ? _null : J.get$functions$x(options), false);
+        t13 = t1 ? _null : J.get$fatalDeprecations$x(options);
+        t13 = A.parseDeprecations(logger, t13, true);
+        t14 = t1 ? _null : J.get$silenceDeprecations$x(options);
+        t14 = A.parseDeprecations(logger, t14, false);
+        t15 = t1 ? _null : J.get$futureDeprecations$x(options);
+        result = A.compileString(text, t8, t13, new A.CastList(t12, A._arrayInstanceType(t12)._eval$1("CastList<1,Callable>")), A.parseDeprecations(logger, t15, false), A.ImportCache$0(t10, t4, _null), t11, _null, _null, logger, _null, t5, t14, t9, t6, t2, t3, true, t7);
+        t1 = t1 ? _null : J.get$sourceMapIncludeSources$x(options);
+        if (t1 == null)
+          t1 = false;
+        t1 = A._convertResult(result, t1);
+        return t1;
+      } catch (exception) {
+        t1 = A.unwrapException(exception);
+        if (t1 instanceof A.SassException0) {
+          error = t1;
+          stackTrace = A.getTraceFromException(exception);
+          A.throwNodeException(error, ascii, color, stackTrace);
+        } else
+          throw exception;
+      }
+    },
+    compileAsync1(path, options) {
+      var t1, color, ascii;
+      if (!A.isNodeJs())
+        A.jsThrow(new self.Error("The compileAsync() method is only available in Node.js."));
+      t1 = options == null;
+      color = t1 ? null : J.get$alertColor$x(options);
+      if (color == null)
+        color = A.hasTerminal0();
+      ascii = t1 ? null : J.get$alertAscii$x(options);
+      if (ascii == null)
+        ascii = $._glyphs === B.C_AsciiGlyphSet;
+      t1 = t1 ? null : J.get$logger$x(options);
+      return A._wrapAsyncSassExceptions(A.futureToPromise0(new A.compileAsync_closure(path, color, options, new A.JSToDartLogger(t1, new A.StderrLogger0(color), ascii)).call$0()), ascii, color);
+    },
+    compileStringAsync1(text, options) {
+      var ascii,
+        t1 = options == null,
+        color = t1 ? null : J.get$alertColor$x(options);
+      if (color == null)
+        color = A.hasTerminal0();
+      ascii = t1 ? null : J.get$alertAscii$x(options);
+      if (ascii == null)
+        ascii = $._glyphs === B.C_AsciiGlyphSet;
+      t1 = t1 ? null : J.get$logger$x(options);
+      return A._wrapAsyncSassExceptions(A.futureToPromise0(new A.compileStringAsync_closure(text, options, color, new A.JSToDartLogger(t1, new A.StderrLogger0(color), ascii)).call$0()), ascii, color);
+    },
+    _convertResult(result, includeSourceContents) {
+      var loadedUrls,
+        t1 = result._compile_result$_serialize,
+        t2 = t1._1,
+        sourceMap = t2 == null ? null : t2.toJson$1$includeSourceContents(includeSourceContents);
+      if (type$.Map_dynamic_dynamic._is(sourceMap) && !sourceMap.containsKey$1("sources"))
+        sourceMap.$indexSet(0, "sources", A._setArrayType([], type$.JSArray_String));
+      loadedUrls = A.toJSArray(result._evaluate._0.map$1$1(0, A.utils3__dartToJSUrl$closure(), type$.nullable_Object));
+      t1 = t1._0;
+      return sourceMap == null ? {css: t1, loadedUrls: loadedUrls} : {css: t1, sourceMap: A.jsify0(sourceMap), loadedUrls: loadedUrls};
+    },
+    _wrapAsyncSassExceptions(promise, ascii, color) {
+      return J.then$2$x(promise, null, A.allowInterop(new A._wrapAsyncSassExceptions_closure(color, ascii)));
+    },
+    _parseOutputStyle0(style) {
+      var t1;
+      $label0$0: {
+        if (style == null || "expanded" === style) {
+          t1 = B.OutputStyle_00;
+          break $label0$0;
+        }
+        if ("compressed" === style) {
+          t1 = B.OutputStyle_10;
+          break $label0$0;
+        }
+        t1 = A.jsThrow(new self.Error('Unknown output style "' + style + '".'));
+      }
+      return t1;
+    },
+    _parseAsyncImporter(importer) {
+      var t1, canonicalize, load, _0_0;
+      if (importer instanceof A.NodePackageImporter0)
+        return importer;
+      if (importer == null)
+        A.jsThrow(new self.Error("Importers may not be null."));
+      type$.JSImporter._as(importer);
+      t1 = J.getInterceptor$x(importer);
+      canonicalize = t1.get$canonicalize(importer);
+      load = t1.get$load(importer);
+      _0_0 = t1.get$findFileUrl(importer);
+      if (_0_0 != null)
+        if (canonicalize != null || load != null)
+          A.jsThrow(new self.Error(string$.An_impa));
+        else
+          return new A.JSToDartAsyncFileImporter(_0_0);
+      else if (canonicalize == null || load == null)
+        A.jsThrow(new self.Error(string$.An_impu));
+      else {
+        t1 = A._normalizeNonCanonicalSchemes(t1.get$nonCanonicalScheme(importer));
+        t1 = t1 == null ? B.Set_empty1 : A.Set_Set$unmodifiable(t1, type$.String);
+        t1.forEach$1(0, A.utils4__validateUrlScheme$closure());
+        return new A.JSToDartAsyncImporter(canonicalize, load, t1);
+      }
+    },
+    _parseImporter0(importer) {
+      var t1, canonicalize, load, _0_0;
+      if (importer instanceof A.NodePackageImporter0)
+        return importer;
+      if (importer == null)
+        A.jsThrow(new self.Error("Importers may not be null."));
+      type$.JSImporter._as(importer);
+      t1 = J.getInterceptor$x(importer);
+      canonicalize = t1.get$canonicalize(importer);
+      load = t1.get$load(importer);
+      _0_0 = t1.get$findFileUrl(importer);
+      if (_0_0 != null)
+        if (canonicalize != null || load != null)
+          A.jsThrow(new self.Error(string$.An_impa));
+        else
+          return new A.JSToDartFileImporter(_0_0);
+      else if (canonicalize == null || load == null)
+        A.jsThrow(new self.Error(string$.An_impu));
+      else {
+        t1 = A._normalizeNonCanonicalSchemes(t1.get$nonCanonicalScheme(importer));
+        t1 = t1 == null ? B.Set_empty1 : A.Set_Set$unmodifiable(t1, type$.String);
+        t1.forEach$1(0, A.utils4__validateUrlScheme$closure());
+        return new A.JSToDartImporter(canonicalize, load, t1);
+      }
+    },
+    _normalizeNonCanonicalSchemes(schemes) {
+      var t1;
+      $label0$0: {
+        if (typeof schemes == "string") {
+          t1 = A._setArrayType([schemes], type$.JSArray_String);
+          break $label0$0;
+        }
+        if (type$.List_dynamic._is(schemes)) {
+          t1 = J.cast$1$0$ax(schemes, type$.String);
+          break $label0$0;
+        }
+        if (schemes == null) {
+          t1 = null;
+          break $label0$0;
+        }
+        t1 = A.jsThrow(new self.Error('nonCanonicalScheme must be a string or list of strings, was "' + A.S(schemes) + '"'));
+      }
+      return t1;
+    },
+    _simplifyValue(value) {
+      var _0_1, t1, t2, _0_4, _0_3, _0_5_isSet, _0_5, _0_40, _0_8, first, _0_10, _0_4_isSet, min, _null = null;
+      $label1$1: {
+        if (value instanceof A.SassCalculation0) {
+          _0_1 = value.name;
+          t1 = value.$arguments;
+          t2 = A._arrayInstanceType(t1)._eval$1("MappedListIterable<1,Object>");
+          _0_4 = A.List_List$_of(new A.MappedListIterable(t1, A.compile___simplifyCalcArg$closure(), t2), t2._eval$1("ListIterable.E"));
+          $label0$0: {
+            _0_3 = "calc" === _0_1;
+            _0_5_isSet = _0_3;
+            if (_0_5_isSet) {
+              _0_5 = _0_4.length;
+              t1 = _0_5;
+              t1 = t1 === 1;
+              _0_40 = _0_4;
+            } else {
+              _0_40 = _null;
+              _0_5 = _0_40;
+              t1 = false;
+            }
+            if (t1) {
+              _0_8 = (_0_5_isSet ? _0_40 : _0_4)[0];
+              first = _0_8;
+              type$.Value_2._as(first);
+              t1 = first;
+              break $label0$0;
+            }
+            if (_0_3)
+              A.throwExpression(A.ArgumentError$("calc() requires exactly one argument.", _null));
+            _0_10 = "clamp" === _0_1;
+            t1 = _0_10;
+            if (t1) {
+              if (_0_5_isSet) {
+                t1 = _0_5;
+                _0_4_isSet = _0_5_isSet;
+              } else {
+                _0_5 = _0_4.length;
+                t1 = _0_5;
+                _0_40 = _0_4;
+                _0_4_isSet = true;
+              }
+              t1 = t1 === 3;
+            } else {
+              _0_4_isSet = _0_5_isSet;
+              t1 = false;
+            }
+            if (t1) {
+              if (_0_4_isSet)
+                t1 = _0_40;
+              else {
+                t1 = _0_4;
+                _0_40 = t1;
+                _0_4_isSet = true;
+              }
+              _0_8 = t1[0];
+              min = _0_8;
+              if (_0_4_isSet)
+                t1 = _0_40;
+              else {
+                t1 = _0_4;
+                _0_40 = t1;
+                _0_4_isSet = true;
+              }
+              value = t1[1];
+              t1 = A.SassCalculation_clamp0(min, value, (_0_4_isSet ? _0_40 : _0_4)[2]);
+              break $label0$0;
+            }
+            if (_0_10)
+              A.throwExpression(A.ArgumentError$("clamp() requires exactly 3 arguments.", _null));
+            if ("min" === _0_1) {
+              t1 = A.SassCalculation_min0(_0_4_isSet ? _0_40 : _0_4);
+              break $label0$0;
+            }
+            if ("max" === _0_1) {
+              t1 = A.SassCalculation_max0(_0_4_isSet ? _0_40 : _0_4);
+              break $label0$0;
+            }
+            t1 = A.throwExpression(A.ArgumentError$('"' + _0_1 + '" is not a recognized calculation type.', _null));
+          }
+          break $label1$1;
+        }
+        t1 = value;
+        break $label1$1;
+      }
+      return t1;
+    },
+    _simplifyCalcArg(value) {
+      var t1;
+      $label0$0: {
+        if (value instanceof A.SassCalculation0) {
+          t1 = A._simplifyValue(value);
+          break $label0$0;
+        }
+        if (value instanceof A.CalculationOperation0) {
+          t1 = A.SassCalculation_operateInternal0(value._calculation0$_operator, A._simplifyCalcArg(value._calculation0$_left), A._simplifyCalcArg(value._calculation0$_right), null, true, null);
+          break $label0$0;
+        }
+        t1 = value;
+        break $label0$0;
+      }
+      return t1;
+    },
+    _parseFunctions0(functions, asynch) {
+      var result;
+      if (functions == null)
+        return B.List_empty26;
+      result = A._setArrayType([], type$.JSArray_AsyncCallable_2);
+      A.jsForEach(functions, new A._parseFunctions_closure0(asynch, result));
+      return result;
+    },
+    compileAsync_closure: function compileAsync_closure(t0, t1, t2, t3) {
+      var _ = this;
+      _.path = t0;
+      _.color = t1;
+      _.options = t2;
+      _.logger = t3;
+    },
+    compileAsync__closure: function compileAsync__closure() {
+    },
+    compileStringAsync_closure: function compileStringAsync_closure(t0, t1, t2, t3) {
+      var _ = this;
+      _.text = t0;
+      _.options = t1;
+      _.color = t2;
+      _.logger = t3;
+    },
+    compileStringAsync__closure: function compileStringAsync__closure() {
+    },
+    compileStringAsync__closure0: function compileStringAsync__closure0() {
+    },
+    _wrapAsyncSassExceptions_closure: function _wrapAsyncSassExceptions_closure(t0, t1) {
+      this.color = t0;
+      this.ascii = t1;
+    },
+    _parseFunctions_closure0: function _parseFunctions_closure0(t0, t1) {
+      this.asynch = t0;
+      this.result = t1;
+    },
+    _parseFunctions__closure2: function _parseFunctions__closure2(t0, t1) {
+      this.callback = t0;
+      this.callable = t1;
+    },
+    _parseFunctions___closure6: function _parseFunctions___closure6(t0, t1) {
+      this.callback = t0;
+      this.$arguments = t1;
+    },
+    _parseFunctions__closure3: function _parseFunctions__closure3(t0, t1) {
+      this.callback = t0;
+      this.callable = t1;
+    },
+    _parseFunctions___closure5: function _parseFunctions___closure5(t0, t1) {
+      this.callback = t0;
+      this.$arguments = t1;
+    },
+    nodePackageImporterClass_closure: function nodePackageImporterClass_closure() {
+    },
+    nodePackageImporterClass__closure: function nodePackageImporterClass__closure() {
+    },
+    compile(path, charset, fatalDeprecations, functions, futureDeprecations, importCache, indentWidth, lineFeed, logger, nodeImporter, quietDeps, silenceDeprecations, sourceMap, style, syntax, useSpaces, verbose) {
+      var t3, t4, t0, stylesheet, result, _null = null,
+        t1 = type$.Deprecation_3,
+        t2 = A.LinkedHashSet_LinkedHashSet$_empty(t1);
+      if (silenceDeprecations != null)
+        t2.addAll$1(0, silenceDeprecations);
+      t3 = A.LinkedHashSet_LinkedHashSet$_empty(t1);
+      if (fatalDeprecations != null)
+        t3.addAll$1(0, fatalDeprecations);
+      t4 = A.LinkedHashSet_LinkedHashSet$_empty(t1);
+      if (futureDeprecations != null)
+        t4.addAll$1(0, futureDeprecations);
+      logger = new A.DeprecationProcessingLogger0(A.LinkedHashMap_LinkedHashMap$_empty(t1, type$.int), logger, t2, t3, t4, !verbose);
+      logger.validate$0();
+      t1 = nodeImporter == null;
+      if (t1)
+        t2 = syntax == null || syntax === A.Syntax_forPath0(path);
+      else
+        t2 = false;
+      if (t2) {
+        if (importCache == null)
+          importCache = A.ImportCache$none();
+        t2 = $.$get$FilesystemImporter_cwd0();
+        t3 = A.isNodeJs() ? self.process : _null;
+        if (!J.$eq$(t3 == null ? _null : J.get$platform$x(t3), "win32")) {
+          t3 = A.isNodeJs() ? self.process : _null;
+          t3 = J.$eq$(t3 == null ? _null : J.get$platform$x(t3), "darwin");
+        } else
+          t3 = true;
+        if (t3) {
+          t3 = A.absolute(path, _null, _null, _null, _null, _null, _null, _null, _null, _null, _null, _null, _null, _null, _null);
+          t4 = $.$get$context();
+          t3 = A._realCasePath0(t4.normalize$1(t3));
+        } else {
+          t3 = $.$get$context();
+          t4 = t3.canonicalize$1(0, path);
+          t0 = t4;
+          t4 = t3;
+          t3 = t0;
+        }
+        t4 = importCache.importCanonical$3$originalUrl(t2, t4.toUri$1(t3), t4.toUri$1(path));
+        t4.toString;
+        stylesheet = t4;
+      } else {
+        t2 = A.readFile0(path);
+        t3 = syntax == null ? A.Syntax_forPath0(path) : syntax;
+        stylesheet = A.Stylesheet_Stylesheet$parse0(t2, t3, $.$get$context().toUri$1(path));
+      }
+      result = A._compileStylesheet1(stylesheet, logger, importCache, nodeImporter, $.$get$FilesystemImporter_cwd0(), functions, style, useSpaces, indentWidth, lineFeed, quietDeps, sourceMap, charset);
+      logger.summarize$1$js(!t1);
+      return result;
+    },
+    compileString(source, charset, fatalDeprecations, functions, futureDeprecations, importCache, importer, indentWidth, lineFeed, logger, nodeImporter, quietDeps, silenceDeprecations, sourceMap, style, syntax, url, useSpaces, verbose) {
+      var t3, t4, stylesheet, _0_0, result,
+        t1 = type$.Deprecation_3,
+        t2 = A.LinkedHashSet_LinkedHashSet$_empty(t1);
+      if (silenceDeprecations != null)
+        t2.addAll$1(0, silenceDeprecations);
+      t3 = A.LinkedHashSet_LinkedHashSet$_empty(t1);
+      if (fatalDeprecations != null)
+        t3.addAll$1(0, fatalDeprecations);
+      t4 = A.LinkedHashSet_LinkedHashSet$_empty(t1);
+      if (futureDeprecations != null)
+        t4.addAll$1(0, futureDeprecations);
+      logger = new A.DeprecationProcessingLogger0(A.LinkedHashMap_LinkedHashMap$_empty(t1, type$.int), logger, t2, t3, t4, !verbose);
+      logger.validate$0();
+      stylesheet = A.Stylesheet_Stylesheet$parse0(source, syntax == null ? B.Syntax_SCSS_scss0 : syntax, url);
+      _0_0 = stylesheet.span.file.url;
+      if (type$.Uri._is(_0_0) && "" === _0_0.get$scheme() && nodeImporter == null)
+        A.WarnForDeprecation_warnForDeprecation0(logger, B.Deprecation_63m, "Passing a relative `url` argument (" + _0_0.toString$0(0) + string$.x29x20to_cm, null, null);
+      if (importer == null)
+        t1 = A.isBrowser() ? new A.NoOpImporter0() : $.$get$FilesystemImporter_cwd0();
+      else
+        t1 = importer;
+      result = A._compileStylesheet1(stylesheet, logger, importCache, nodeImporter, t1, functions, style, useSpaces, indentWidth, lineFeed, quietDeps, sourceMap, charset);
+      logger.summarize$1$js(nodeImporter != null);
+      return result;
+    },
+    _compileStylesheet1(stylesheet, logger, importCache, nodeImporter, importer, functions, style, useSpaces, indentWidth, lineFeed, quietDeps, sourceMap, charset) {
+      var evaluateResult, serializeResult, resultSourceMap;
+      if (nodeImporter != null)
+        A.WarnForDeprecation_warnForDeprecation0(logger, B.Deprecation_pnV, string$.The_le, null, null);
+      evaluateResult = A._EvaluateVisitor$1(functions, importCache, logger, nodeImporter, quietDeps, sourceMap).run$2(0, importer, stylesheet);
+      serializeResult = A.serialize0(evaluateResult._1, charset, indentWidth, false, lineFeed, logger, sourceMap, style, useSpaces);
+      resultSourceMap = serializeResult._1;
+      if (resultSourceMap != null && importCache != null)
+        A.mapInPlace0(resultSourceMap.urls, new A._compileStylesheet_closure1(stylesheet, importCache));
+      return new A.CompileResult0(evaluateResult, serializeResult);
+    },
+    _compileStylesheet_closure1: function _compileStylesheet_closure1(t0, t1) {
+      this.stylesheet = t0;
+      this.importCache = t1;
+    },
+    CompileOptions: function CompileOptions() {
+    },
+    CompileStringOptions: function CompileStringOptions() {
+    },
+    NodeCompileResult: function NodeCompileResult() {
+    },
+    CompileResult0: function CompileResult0(t0, t1) {
+      this._evaluate = t0;
+      this._compile_result$_serialize = t1;
+    },
+    initCompiler() {
+      return new A.Compiler();
+    },
+    initAsyncCompiler() {
+      return A.futureToPromise0(new A.initAsyncCompiler_closure().call$0());
+    },
+    Compiler: function Compiler() {
+      this._disposed = false;
+    },
+    AsyncCompiler: function AsyncCompiler(t0) {
+      this.compilations = t0;
+      this._disposed = false;
+    },
+    AsyncCompiler_addCompilation_closure: function AsyncCompiler_addCompilation_closure() {
+    },
+    compilerClass_closure: function compilerClass_closure() {
+    },
+    compilerClass__closure: function compilerClass__closure() {
+    },
+    compilerClass__closure0: function compilerClass__closure0() {
+    },
+    compilerClass__closure1: function compilerClass__closure1() {
+    },
+    compilerClass__closure2: function compilerClass__closure2() {
+    },
+    asyncCompilerClass_closure: function asyncCompilerClass_closure() {
+    },
+    asyncCompilerClass__closure: function asyncCompilerClass__closure() {
+    },
+    asyncCompilerClass__closure0: function asyncCompilerClass__closure0() {
+    },
+    asyncCompilerClass__closure1: function asyncCompilerClass__closure1() {
+    },
+    asyncCompilerClass__closure2: function asyncCompilerClass__closure2() {
+    },
+    asyncCompilerClass___closure: function asyncCompilerClass___closure(t0) {
+      this.self = t0;
+    },
+    initAsyncCompiler_closure: function initAsyncCompiler_closure() {
+    },
+    ComplexSassNumber0: function ComplexSassNumber0(t0, t1, t2, t3) {
+      var _ = this;
+      _._complex0$_numeratorUnits = t0;
+      _._complex0$_denominatorUnits = t1;
+      _._number1$_value = t2;
+      _.hashCache = null;
+      _.asSlash = t3;
+    },
+    ComplexSelector$0(leadingCombinators, components, span, lineBreak) {
+      var t1 = A.List_List$unmodifiable(leadingCombinators, type$.CssValue_Combinator_2),
+        t2 = A.List_List$unmodifiable(components, type$.ComplexSelectorComponent_2);
+      if (t1.length === 0 && t2.length === 0)
+        A.throwExpression(A.ArgumentError$(string$.leadin, null));
+      return new A.ComplexSelector0(t1, t2, lineBreak, span);
+    },
+    ComplexSelector0: function ComplexSelector0(t0, t1, t2, t3) {
+      var _ = this;
+      _.leadingCombinators = t0;
+      _.components = t1;
+      _.lineBreak = t2;
+      _._complex$__ComplexSelector_specificity_FI = $;
+      _.span = t3;
+    },
+    ComplexSelector_specificity_closure0: function ComplexSelector_specificity_closure0() {
+    },
+    ComplexSelectorComponent0: function ComplexSelectorComponent0(t0, t1, t2) {
+      this.selector = t0;
+      this.combinators = t1;
+      this.span = t2;
+    },
+    ComplexSelectorComponent_toString_closure0: function ComplexSelectorComponent_toString_closure0() {
+    },
+    CompoundSelector$0(components, span) {
+      var t1 = A.List_List$unmodifiable(components, type$.SimpleSelector_2);
+      if (t1.length === 0)
+        A.throwExpression(A.ArgumentError$("components may not be empty.", null));
+      return new A.CompoundSelector0(t1, span);
+    },
+    CompoundSelector0: function CompoundSelector0(t0, t1) {
+      var _ = this;
+      _.components = t0;
+      _._compound$__CompoundSelector_hasComplicatedSuperselectorSemantics_FI = _._compound$__CompoundSelector_specificity_FI = $;
+      _.span = t1;
+    },
+    CompoundSelector_specificity_closure0: function CompoundSelector_specificity_closure0() {
+    },
+    CompoundSelector_hasComplicatedSuperselectorSemantics_closure0: function CompoundSelector_hasComplicatedSuperselectorSemantics_closure0() {
+    },
+    Configuration0: function Configuration0(t0, t1) {
+      this._configuration0$_values = t0;
+      this._configuration0$__originalConfiguration = t1;
+    },
+    ExplicitConfiguration0: function ExplicitConfiguration0(t0, t1, t2) {
+      this.nodeWithSpan = t0;
+      this._configuration0$_values = t1;
+      this._configuration0$__originalConfiguration = t2;
+    },
+    ConfiguredValue0: function ConfiguredValue0(t0, t1, t2) {
+      this.value = t0;
+      this.configurationSpan = t1;
+      this.assignmentNode = t2;
+    },
+    ConfiguredVariable0: function ConfiguredVariable0(t0, t1, t2, t3) {
+      var _ = this;
+      _.name = t0;
+      _.expression = t1;
+      _.isGuarded = t2;
+      _.span = t3;
+    },
+    ContentBlock$0(parameters, children, span) {
+      var _s8_ = "@content",
+        t1 = A.stringReplaceAllUnchecked(_s8_, "_", "-"),
+        t2 = A.List_List$unmodifiable(children, type$.Statement_2),
+        t3 = B.JSArray_methods.any$1(t2, new A.ParentStatement_closure0());
+      return new A.ContentBlock0(t1, _s8_, parameters, span, t2, t3);
+    },
+    ContentBlock0: function ContentBlock0(t0, t1, t2, t3, t4, t5) {
+      var _ = this;
+      _.name = t0;
+      _.originalName = t1;
+      _.parameters = t2;
+      _.span = t3;
+      _.children = t4;
+      _.hasDeclarations = t5;
+    },
+    ContentRule0: function ContentRule0(t0, t1) {
+      this.$arguments = t0;
+      this.span = t1;
+    },
+    _disallowedFunctionNames_closure0: function _disallowedFunctionNames_closure0() {
+    },
+    CssParser0: function CssParser0(t0, t1, t2, t3) {
+      var _ = this;
+      _._stylesheet0$_isUseAllowed = true;
+      _._stylesheet0$_inExpression = _._stylesheet0$_inParentheses = _._stylesheet0$_inStyleRule = _._stylesheet0$_inUnknownAtRule = _._stylesheet0$_inControlDirective = _._stylesheet0$_inContentBlock = _._stylesheet0$_inMixin = false;
+      _._stylesheet0$_globalVariables = t0;
+      _.warnings = t1;
+      _.lastSilentComment = null;
+      _.scanner = t2;
+      _._parser1$_interpolationMap = t3;
+    },
+    DebugRule0: function DebugRule0(t0, t1) {
+      this.expression = t0;
+      this.span = t1;
+    },
+    ModifiableCssDeclaration$0($name, value, span, parsedAsCustomProperty, trace, valueSpanForMap) {
+      var t2,
+        t1 = valueSpanForMap == null ? value.span : valueSpanForMap;
+      if (parsedAsCustomProperty)
+        if (!B.JSString_methods.startsWith$1($name.value, "--"))
+          A.throwExpression(A.ArgumentError$(string$.parsed, null));
+        else {
+          t2 = value.value;
+          if (!(t2 instanceof A.SassString0))
+            A.throwExpression(A.ArgumentError$(string$.If_par + value.toString$0(0) + "` of type " + A.getRuntimeTypeOfDartObject(t2).toString$0(0) + ").", null));
+        }
+      return new A.ModifiableCssDeclaration0($name, value, parsedAsCustomProperty, t1, span);
+    },
+    ModifiableCssDeclaration0: function ModifiableCssDeclaration0(t0, t1, t2, t3, t4) {
+      var _ = this;
+      _.name = t0;
+      _.value = t1;
+      _.parsedAsCustomProperty = t2;
+      _.valueSpanForMap = t3;
+      _.span = t4;
+      _._node$_indexInParent = _._node$_parent = null;
+      _.isGroupEnd = false;
+    },
+    Declaration$0($name, value, span) {
+      return new A.Declaration0($name, value, span, null, false);
+    },
+    Declaration$nested0($name, children, span, value) {
+      var t1 = A.List_List$unmodifiable(children, type$.Statement_2),
+        t2 = B.JSArray_methods.any$1(t1, new A.ParentStatement_closure0());
+      return new A.Declaration0($name, value, span, t1, t2);
+    },
+    Declaration0: function Declaration0(t0, t1, t2, t3, t4) {
+      var _ = this;
+      _.name = t0;
+      _.value = t1;
+      _.span = t2;
+      _.children = t3;
+      _.hasDeclarations = t4;
+    },
+    SupportsDeclaration0: function SupportsDeclaration0(t0, t1, t2) {
+      this.name = t0;
+      this.value = t1;
+      this.span = t2;
+    },
+    Deprecation_fromId0(id) {
+      return A.IterableExtension_firstWhereOrNull(B.List_Jym, new A.Deprecation_fromId_closure0(id));
+    },
+    Deprecation_forVersion0(version) {
+      var t2, _i, deprecation, $self, t3,
+        t1 = A.LinkedHashSet_LinkedHashSet$_empty(type$.Deprecation_3);
+      for (t2 = A.VersionRange_VersionRange(true, version).get$allows(), _i = 0; _i < 28; ++_i) {
+        deprecation = B.List_Jym[_i];
+        $self = deprecation._deprecation$_deprecatedIn;
+        t3 = $self == null ? null : A.Version___parse_tearOff($self);
+        t3 = t3 == null ? null : t2.call$1(t3);
+        if (t3 == null ? false : t3)
+          t1.add$1(0, deprecation);
+      }
+      return t1;
+    },
+    Deprecation0: function Deprecation0(t0, t1, t2, t3, t4) {
+      var _ = this;
+      _.id = t0;
+      _._deprecation$_deprecatedIn = t1;
+      _.description = t2;
+      _._deprecation$_obsoleteIn = t3;
+      _._name = t4;
+    },
+    Deprecation_fromId_closure0: function Deprecation_fromId_closure0(t0) {
+      this.id = t0;
+    },
+    DeprecationProcessingLogger0: function DeprecationProcessingLogger0(t0, t1, t2, t3, t4, t5) {
+      var _ = this;
+      _._deprecation_processing$_warningCounts = t0;
+      _._deprecation_processing$_inner = t1;
+      _.silenceDeprecations = t2;
+      _.fatalDeprecations = t3;
+      _.futureDeprecations = t4;
+      _.limitRepetition = t5;
+    },
+    DeprecationProcessingLogger_summarize_closure1: function DeprecationProcessingLogger_summarize_closure1() {
+    },
+    DeprecationProcessingLogger_summarize_closure2: function DeprecationProcessingLogger_summarize_closure2() {
+    },
+    parseDeprecations(logger, deprecations, supportVersions) {
+      if (deprecations == null)
+        return null;
+      return new A.parseDeprecations_closure(deprecations, logger, supportVersions).call$0();
+    },
+    Deprecation1: function Deprecation1() {
+    },
+    deprecations_closure: function deprecations_closure(t0) {
+      this.deprecation = t0;
+    },
+    parseDeprecations_closure: function parseDeprecations_closure(t0, t1, t2) {
+      this.deprecations = t0;
+      this.logger = t1;
+      this.supportVersions = t2;
+    },
+    versionClass_closure: function versionClass_closure() {
+    },
+    versionClass__closure: function versionClass__closure() {
+    },
+    versionClass__closure0: function versionClass__closure0() {
+    },
+    DisplayP3ColorSpace0: function DisplayP3ColorSpace0(t0, t1) {
+      this.name = t0;
+      this._space$_channels = t1;
+    },
+    DynamicImport0: function DynamicImport0(t0, t1) {
+      this.urlString = t0;
+      this.span = t1;
+    },
+    EachRule$0(variables, list, children, span) {
+      var t1 = A.List_List$unmodifiable(variables, type$.String),
+        t2 = A.List_List$unmodifiable(children, type$.Statement_2),
+        t3 = B.JSArray_methods.any$1(t2, new A.ParentStatement_closure0());
+      return new A.EachRule0(t1, list, span, t2, t3);
+    },
+    EachRule0: function EachRule0(t0, t1, t2, t3, t4) {
+      var _ = this;
+      _.variables = t0;
+      _.list = t1;
+      _.span = t2;
+      _.children = t3;
+      _.hasDeclarations = t4;
+    },
+    EachRule_toString_closure0: function EachRule_toString_closure0() {
+    },
+    EmptyExtensionStore0: function EmptyExtensionStore0() {
+    },
+    Environment$0() {
+      var t1 = type$.String,
+        t2 = type$.Module_Callable_2,
+        t3 = type$.AstNode_2,
+        t4 = type$.int,
+        t5 = type$.Callable_2,
+        t6 = type$.JSArray_Map_String_Callable_2;
+      return new A.Environment0(A.LinkedHashMap_LinkedHashMap$_empty(t1, t2), A.LinkedHashMap_LinkedHashMap$_empty(t1, t3), A.LinkedHashMap_LinkedHashMap$_empty(t2, t3), A.LinkedHashMap_LinkedHashMap$_empty(t2, t3), null, null, A._setArrayType([], type$.JSArray_Module_Callable_2), A._setArrayType([A.LinkedHashMap_LinkedHashMap$_empty(t1, type$.Value_2)], type$.JSArray_Map_String_Value_2), A._setArrayType([A.LinkedHashMap_LinkedHashMap$_empty(t1, t3)], type$.JSArray_Map_String_AstNode_2), A.LinkedHashMap_LinkedHashMap$_empty(t1, t4), A._setArrayType([A.LinkedHashMap_LinkedHashMap$_empty(t1, t5)], t6), A.LinkedHashMap_LinkedHashMap$_empty(t1, t4), A._setArrayType([A.LinkedHashMap_LinkedHashMap$_empty(t1, t5)], t6), A.LinkedHashMap_LinkedHashMap$_empty(t1, t4), null, A.LinkedHashSet_LinkedHashSet$_empty(t1));
+    },
+    Environment$_0(_modules, _namespaceNodes, _globalModules, _importedModules, _forwardedModules, _nestedForwardedModules, _allModules, _variables, _variableNodes, _functions, _mixins, _content, _configurableVariables) {
+      var t1 = type$.String,
+        t2 = type$.int;
+      return new A.Environment0(_modules, _namespaceNodes, _globalModules, _importedModules, _forwardedModules, _nestedForwardedModules, _allModules, _variables, _variableNodes, A.LinkedHashMap_LinkedHashMap$_empty(t1, t2), _functions, A.LinkedHashMap_LinkedHashMap$_empty(t1, t2), _mixins, A.LinkedHashMap_LinkedHashMap$_empty(t1, t2), _content, _configurableVariables);
+    },
+    _EnvironmentModule__EnvironmentModule1(environment, css, preModuleComments, extensionStore, forwarded) {
+      var t1, t2, t3, t4, t5, t6, module, result, t7;
+      if (forwarded == null)
+        forwarded = B.Set_empty5;
+      t1 = type$.dynamic;
+      t1 = A.LinkedHashMap_LinkedHashMap$_empty(t1, t1);
+      for (t2 = type$.Module_Callable_2, t3 = type$.List_CssComment_2, t4 = A.MapExtensions_get_pairs0(preModuleComments, t2, t3), t4 = t4.get$iterator(t4), t5 = type$.CssComment_2; t4.moveNext$0();) {
+        t6 = t4.get$current(t4);
+        module = t6._0;
+        result = A.List_List$from(t6._1, false, t5);
+        result.$flags = 3;
+        t1.$indexSet(0, module, result);
+      }
+      t1 = A.ConstantMap_ConstantMap$from(t1, t2, t3);
+      t2 = A._EnvironmentModule__makeModulesByVariable1(forwarded);
+      t3 = A._EnvironmentModule__memberMap1(B.JSArray_methods.get$first(environment._environment0$_variables), forwarded.map$1$1(0, new A._EnvironmentModule__EnvironmentModule_closure11(), type$.Map_String_Value_2), type$.Value_2);
+      t4 = A._EnvironmentModule__memberMap1(B.JSArray_methods.get$first(environment._environment0$_variableNodes), forwarded.map$1$1(0, new A._EnvironmentModule__EnvironmentModule_closure12(), type$.Map_String_AstNode_2), type$.AstNode_2);
+      t5 = type$.Map_String_Callable_2;
+      t6 = type$.Callable_2;
+      t7 = A._EnvironmentModule__memberMap1(B.JSArray_methods.get$first(environment._environment0$_functions), forwarded.map$1$1(0, new A._EnvironmentModule__EnvironmentModule_closure13(), t5), t6);
+      t6 = A._EnvironmentModule__memberMap1(B.JSArray_methods.get$first(environment._environment0$_mixins), forwarded.map$1$1(0, new A._EnvironmentModule__EnvironmentModule_closure14(), t5), t6);
+      t5 = J.get$isNotEmpty$asx(css.get$children(css)) || preModuleComments.get$isNotEmpty(preModuleComments) || B.JSArray_methods.any$1(environment._environment0$_allModules, new A._EnvironmentModule__EnvironmentModule_closure15());
+      return A._EnvironmentModule$_1(environment, css, t1, extensionStore, t2, t3, t4, t7, t6, t5, !extensionStore.get$isEmpty(extensionStore) || B.JSArray_methods.any$1(environment._environment0$_allModules, new A._EnvironmentModule__EnvironmentModule_closure16()));
+    },
+    _EnvironmentModule__makeModulesByVariable1(forwarded) {
+      var modulesByVariable, t1, t2, t3, t4, t5;
+      if (forwarded.get$isEmpty(forwarded))
+        return B.Map_empty11;
+      modulesByVariable = A.LinkedHashMap_LinkedHashMap$_empty(type$.String, type$.Module_Callable_2);
+      for (t1 = forwarded.get$iterator(forwarded); t1.moveNext$0();) {
+        t2 = t1.get$current(t1);
+        if (t2 instanceof A._EnvironmentModule1) {
+          for (t3 = t2._environment0$_modulesByVariable, t3 = t3.get$values(t3), t3 = t3.get$iterator(t3); t3.moveNext$0();) {
+            t4 = t3.get$current(t3);
+            t5 = t4.get$variables();
+            A.setAll0(modulesByVariable, t5.get$keys(t5), t4);
+          }
+          t3 = B.JSArray_methods.get$first(t2._environment0$_environment._environment0$_variables);
+          A.setAll0(modulesByVariable, t3.get$keys(t3), t2);
+        } else {
+          t3 = t2.get$variables();
+          A.setAll0(modulesByVariable, t3.get$keys(t3), t2);
+        }
+      }
+      return modulesByVariable;
+    },
+    _EnvironmentModule__memberMap1(localMap, otherMaps, $V) {
+      var t1, t2, t3;
+      localMap = new A.PublicMemberMapView0(localMap, $V._eval$1("PublicMemberMapView0<0>"));
+      if (otherMaps.get$isEmpty(otherMaps))
+        return localMap;
+      t1 = A._setArrayType([], $V._eval$1("JSArray<Map<String,0>>"));
+      for (t2 = otherMaps.get$iterator(otherMaps); t2.moveNext$0();) {
+        t3 = t2.get$current(t2);
+        if (t3.get$isNotEmpty(t3))
+          t1.push(t3);
+      }
+      t1.push(localMap);
+      if (t1.length === 1)
+        return localMap;
+      return A.MergedMapView$0(t1, type$.String, $V);
+    },
+    _EnvironmentModule$_1(_environment, css, preModuleComments, extensionStore, _modulesByVariable, variables, variableNodes, functions, mixins, transitivelyContainsCss, transitivelyContainsExtensions) {
+      return new A._EnvironmentModule1(_environment._environment0$_allModules, variables, variableNodes, functions, mixins, extensionStore, css, preModuleComments, transitivelyContainsCss, transitivelyContainsExtensions, _environment, _modulesByVariable);
+    },
+    Environment0: function Environment0(t0, t1, t2, t3, t4, t5, t6, t7, t8, t9, t10, t11, t12, t13, t14, t15) {
+      var _ = this;
+      _._environment0$_modules = t0;
+      _._environment0$_namespaceNodes = t1;
+      _._environment0$_globalModules = t2;
+      _._environment0$_importedModules = t3;
+      _._environment0$_forwardedModules = t4;
+      _._environment0$_nestedForwardedModules = t5;
+      _._environment0$_allModules = t6;
+      _._environment0$_variables = t7;
+      _._environment0$_variableNodes = t8;
+      _._environment0$_variableIndices = t9;
+      _._environment0$_functions = t10;
+      _._environment0$_functionIndices = t11;
+      _._environment0$_mixins = t12;
+      _._environment0$_mixinIndices = t13;
+      _._environment0$_content = t14;
+      _._environment0$_configurableVariables = t15;
+      _._environment0$_inMixin = false;
+      _._environment0$_inSemiGlobalScope = true;
+      _._environment0$_lastVariableIndex = _._environment0$_lastVariableName = null;
+    },
+    Environment__getVariableFromGlobalModule_closure0: function Environment__getVariableFromGlobalModule_closure0(t0) {
+      this.name = t0;
+    },
+    Environment_setVariable_closure2: function Environment_setVariable_closure2(t0, t1) {
+      this.$this = t0;
+      this.name = t1;
+    },
+    Environment_setVariable_closure3: function Environment_setVariable_closure3(t0) {
+      this.name = t0;
+    },
+    Environment_setVariable_closure4: function Environment_setVariable_closure4(t0, t1) {
+      this.$this = t0;
+      this.name = t1;
+    },
+    Environment__getFunctionFromGlobalModule_closure0: function Environment__getFunctionFromGlobalModule_closure0(t0) {
+      this.name = t0;
+    },
+    Environment__getMixinFromGlobalModule_closure0: function Environment__getMixinFromGlobalModule_closure0(t0) {
+      this.name = t0;
+    },
+    Environment_toModule_closure0: function Environment_toModule_closure0() {
+    },
+    Environment_toDummyModule_closure0: function Environment_toDummyModule_closure0() {
+    },
+    _EnvironmentModule1: function _EnvironmentModule1(t0, t1, t2, t3, t4, t5, t6, t7, t8, t9, t10, t11) {
+      var _ = this;
+      _.upstream = t0;
+      _.variables = t1;
+      _.variableNodes = t2;
+      _.functions = t3;
+      _.mixins = t4;
+      _.extensionStore = t5;
+      _.css = t6;
+      _.preModuleComments = t7;
+      _.transitivelyContainsCss = t8;
+      _.transitivelyContainsExtensions = t9;
+      _._environment0$_environment = t10;
+      _._environment0$_modulesByVariable = t11;
+    },
+    _EnvironmentModule__EnvironmentModule_closure11: function _EnvironmentModule__EnvironmentModule_closure11() {
+    },
+    _EnvironmentModule__EnvironmentModule_closure12: function _EnvironmentModule__EnvironmentModule_closure12() {
+    },
+    _EnvironmentModule__EnvironmentModule_closure13: function _EnvironmentModule__EnvironmentModule_closure13() {
+    },
+    _EnvironmentModule__EnvironmentModule_closure14: function _EnvironmentModule__EnvironmentModule_closure14() {
+    },
+    _EnvironmentModule__EnvironmentModule_closure15: function _EnvironmentModule__EnvironmentModule_closure15() {
+    },
+    _EnvironmentModule__EnvironmentModule_closure16: function _EnvironmentModule__EnvironmentModule_closure16() {
+    },
+    _EnvironmentModule_couldHaveBeenConfigured_closure1: function _EnvironmentModule_couldHaveBeenConfigured_closure1(t0) {
+      this.variables = t0;
+    },
+    ErrorRule0: function ErrorRule0(t0, t1) {
+      this.expression = t0;
+      this.span = t1;
+    },
+    _EvaluateVisitor$1(functions, importCache, logger, nodeImporter, quietDeps, sourceMap) {
+      var t4,
+        t1 = type$.Uri,
+        t2 = type$.Module_Callable_2,
+        t3 = A._setArrayType([], type$.JSArray_Record_2_String_and_AstNode_2);
+      if (importCache == null)
+        t4 = nodeImporter == null ? A.ImportCache$none() : null;
+      else
+        t4 = importCache;
+      t1 = new A._EvaluateVisitor1(t4, nodeImporter, A.LinkedHashMap_LinkedHashMap$_empty(type$.String, type$.Callable_2), A.LinkedHashMap_LinkedHashMap$_empty(t1, t2), A.LinkedHashMap_LinkedHashMap$_empty(t1, t2), A.LinkedHashMap_LinkedHashMap$_empty(t1, type$.Configuration_2), A.LinkedHashMap_LinkedHashMap$_empty(t1, type$.AstNode_2), logger, A.LinkedHashSet_LinkedHashSet$_empty(type$.Record_2_String_and_SourceSpan), quietDeps, sourceMap, new A.Object(), A.Environment$0(), A.LinkedHashSet_LinkedHashSet$_empty(t1), A.LinkedHashMap_LinkedHashMap$_empty(t1, type$.nullable_AstNode_2), t3, B.Configuration_Map_empty_null0);
+      t1._EvaluateVisitor$6$functions$importCache$logger$nodeImporter$quietDeps$sourceMap1(functions, importCache, logger, nodeImporter, quietDeps, sourceMap);
+      return t1;
+    },
+    _EvaluateVisitor1: function _EvaluateVisitor1(t0, t1, t2, t3, t4, t5, t6, t7, t8, t9, t10, t11, t12, t13, t14, t15, t16) {
+      var _ = this;
+      _._evaluate0$_importCache = t0;
+      _._nodeImporter = t1;
+      _._evaluate0$_builtInFunctions = t2;
+      _._evaluate0$_builtInModules = t3;
+      _._evaluate0$_modules = t4;
+      _._evaluate0$_moduleConfigurations = t5;
+      _._evaluate0$_moduleNodes = t6;
+      _._evaluate0$_logger = t7;
+      _._evaluate0$_warningsEmitted = t8;
+      _._evaluate0$_quietDeps = t9;
+      _._evaluate0$_sourceMap = t10;
+      _._evaluate0$_compileContext = t11;
+      _._evaluate0$_environment = t12;
+      _._evaluate0$_declarationName = _._evaluate0$__parent = _._evaluate0$_mediaQuerySources = _._evaluate0$_mediaQueries = _._evaluate0$_styleRuleIgnoringAtRoot = null;
+      _._evaluate0$_member = "root stylesheet";
+      _._evaluate0$_importSpan = _._evaluate0$_callableNode = null;
+      _._evaluate0$_inSupportsDeclaration = _._evaluate0$_inKeyframes = _._evaluate0$_atRootExcludingStyleRule = _._evaluate0$_inUnknownAtRule = _._evaluate0$_inFunction = false;
+      _._evaluate0$_loadedUrls = t13;
+      _._evaluate0$_activeModules = t14;
+      _._evaluate0$_stack = t15;
+      _._evaluate0$_importer = null;
+      _._evaluate0$_inDependency = false;
+      _._evaluate0$__extensionStore = _._evaluate0$_preModuleComments = _._evaluate0$_outOfOrderImports = _._evaluate0$__endOfImports = _._evaluate0$__root = _._evaluate0$__stylesheet = null;
+      _._evaluate0$_configuration = t16;
+    },
+    _EvaluateVisitor_closure25: function _EvaluateVisitor_closure25(t0) {
+      this.$this = t0;
+    },
+    _EvaluateVisitor_closure26: function _EvaluateVisitor_closure26(t0) {
+      this.$this = t0;
+    },
+    _EvaluateVisitor_closure27: function _EvaluateVisitor_closure27(t0) {
+      this.$this = t0;
+    },
+    _EvaluateVisitor_closure28: function _EvaluateVisitor_closure28(t0) {
+      this.$this = t0;
+    },
+    _EvaluateVisitor_closure29: function _EvaluateVisitor_closure29(t0) {
+      this.$this = t0;
+    },
+    _EvaluateVisitor_closure30: function _EvaluateVisitor_closure30(t0) {
+      this.$this = t0;
+    },
+    _EvaluateVisitor_closure31: function _EvaluateVisitor_closure31(t0) {
+      this.$this = t0;
+    },
+    _EvaluateVisitor_closure32: function _EvaluateVisitor_closure32(t0) {
+      this.$this = t0;
+    },
+    _EvaluateVisitor_closure33: function _EvaluateVisitor_closure33(t0) {
+      this.$this = t0;
+    },
+    _EvaluateVisitor__closure10: function _EvaluateVisitor__closure10(t0, t1, t2) {
+      this.$this = t0;
+      this.name = t1;
+      this.module = t2;
+    },
+    _EvaluateVisitor_closure34: function _EvaluateVisitor_closure34(t0) {
+      this.$this = t0;
+    },
+    _EvaluateVisitor__closure9: function _EvaluateVisitor__closure9(t0, t1, t2) {
+      this.$this = t0;
+      this.name = t1;
+      this.module = t2;
+    },
+    _EvaluateVisitor_closure35: function _EvaluateVisitor_closure35(t0) {
+      this.$this = t0;
+    },
+    _EvaluateVisitor_closure36: function _EvaluateVisitor_closure36(t0) {
+      this.$this = t0;
+    },
+    _EvaluateVisitor__closure7: function _EvaluateVisitor__closure7(t0, t1, t2, t3) {
+      var _ = this;
+      _._box_0 = t0;
+      _.values = t1;
+      _.span = t2;
+      _.callableNode = t3;
+    },
+    _EvaluateVisitor__closure8: function _EvaluateVisitor__closure8(t0) {
+      this.$this = t0;
+    },
+    _EvaluateVisitor_closure37: function _EvaluateVisitor_closure37(t0) {
+      this.$this = t0;
+    },
+    _EvaluateVisitor_run_closure1: function _EvaluateVisitor_run_closure1(t0, t1, t2) {
+      this.$this = t0;
+      this.node = t1;
+      this.importer = t2;
+    },
+    _EvaluateVisitor_run__closure1: function _EvaluateVisitor_run__closure1(t0, t1, t2) {
+      this.$this = t0;
+      this.importer = t1;
+      this.node = t2;
+    },
+    _EvaluateVisitor__loadModule_closure3: function _EvaluateVisitor__loadModule_closure3(t0, t1) {
+      this._box_0 = t0;
+      this.callback = t1;
+    },
+    _EvaluateVisitor__loadModule_closure4: function _EvaluateVisitor__loadModule_closure4(t0, t1, t2, t3, t4, t5, t6) {
+      var _ = this;
+      _.$this = t0;
+      _.url = t1;
+      _.nodeWithSpan = t2;
+      _.baseUrl = t3;
+      _.namesInErrors = t4;
+      _.configuration = t5;
+      _.callback = t6;
+    },
+    _EvaluateVisitor__loadModule__closure3: function _EvaluateVisitor__loadModule__closure3(t0, t1) {
+      this.$this = t0;
+      this.message = t1;
+    },
+    _EvaluateVisitor__loadModule__closure4: function _EvaluateVisitor__loadModule__closure4(t0, t1, t2) {
+      this._box_1 = t0;
+      this.callback = t1;
+      this.firstLoad = t2;
+    },
+    _EvaluateVisitor__execute_closure1: function _EvaluateVisitor__execute_closure1(t0, t1, t2, t3, t4, t5, t6) {
+      var _ = this;
+      _.$this = t0;
+      _.importer = t1;
+      _.stylesheet = t2;
+      _.extensionStore = t3;
+      _.configuration = t4;
+      _.css = t5;
+      _.preModuleComments = t6;
+    },
+    _EvaluateVisitor__combineCss_closure3: function _EvaluateVisitor__combineCss_closure3() {
+    },
+    _EvaluateVisitor__combineCss_closure4: function _EvaluateVisitor__combineCss_closure4(t0) {
+      this.selectors = t0;
+    },
+    _EvaluateVisitor__combineCss_visitModule1: function _EvaluateVisitor__combineCss_visitModule1(t0, t1, t2, t3, t4, t5) {
+      var _ = this;
+      _.$this = t0;
+      _.seen = t1;
+      _.clone = t2;
+      _.css = t3;
+      _.imports = t4;
+      _.sorted = t5;
+    },
+    _EvaluateVisitor__extendModules_closure3: function _EvaluateVisitor__extendModules_closure3(t0) {
+      this.originalSelectors = t0;
+    },
+    _EvaluateVisitor__extendModules_closure4: function _EvaluateVisitor__extendModules_closure4() {
+    },
+    _EvaluateVisitor_visitAtRootRule_closure3: function _EvaluateVisitor_visitAtRootRule_closure3(t0, t1) {
+      this.$this = t0;
+      this.node = t1;
+    },
+    _EvaluateVisitor_visitAtRootRule_closure4: function _EvaluateVisitor_visitAtRootRule_closure4(t0, t1) {
+      this.$this = t0;
+      this.node = t1;
+    },
+    _EvaluateVisitor__scopeForAtRoot_closure11: function _EvaluateVisitor__scopeForAtRoot_closure11(t0, t1, t2) {
+      this.$this = t0;
+      this.newParent = t1;
+      this.node = t2;
+    },
+    _EvaluateVisitor__scopeForAtRoot_closure12: function _EvaluateVisitor__scopeForAtRoot_closure12(t0, t1) {
+      this.$this = t0;
+      this.innerScope = t1;
+    },
+    _EvaluateVisitor__scopeForAtRoot_closure13: function _EvaluateVisitor__scopeForAtRoot_closure13(t0, t1) {
+      this.$this = t0;
+      this.innerScope = t1;
+    },
+    _EvaluateVisitor__scopeForAtRoot__closure1: function _EvaluateVisitor__scopeForAtRoot__closure1(t0, t1) {
+      this.innerScope = t0;
+      this.callback = t1;
+    },
+    _EvaluateVisitor__scopeForAtRoot_closure14: function _EvaluateVisitor__scopeForAtRoot_closure14(t0, t1) {
+      this.$this = t0;
+      this.innerScope = t1;
+    },
+    _EvaluateVisitor__scopeForAtRoot_closure15: function _EvaluateVisitor__scopeForAtRoot_closure15() {
+    },
+    _EvaluateVisitor__scopeForAtRoot_closure16: function _EvaluateVisitor__scopeForAtRoot_closure16(t0, t1) {
+      this.$this = t0;
+      this.innerScope = t1;
+    },
+    _EvaluateVisitor_visitContentRule_closure1: function _EvaluateVisitor_visitContentRule_closure1(t0, t1) {
+      this.$this = t0;
+      this.content = t1;
+    },
+    _EvaluateVisitor_visitDeclaration_closure1: function _EvaluateVisitor_visitDeclaration_closure1(t0, t1) {
+      this._box_0 = t0;
+      this.$this = t1;
+    },
+    _EvaluateVisitor_visitEachRule_closure5: function _EvaluateVisitor_visitEachRule_closure5(t0, t1, t2) {
+      this._box_0 = t0;
+      this.$this = t1;
+      this.nodeWithSpan = t2;
+    },
+    _EvaluateVisitor_visitEachRule_closure6: function _EvaluateVisitor_visitEachRule_closure6(t0, t1, t2) {
+      this._box_1 = t0;
+      this.$this = t1;
+      this.nodeWithSpan = t2;
+    },
+    _EvaluateVisitor_visitEachRule_closure7: function _EvaluateVisitor_visitEachRule_closure7(t0, t1, t2, t3) {
+      var _ = this;
+      _.$this = t0;
+      _.list = t1;
+      _.setVariables = t2;
+      _.node = t3;
+    },
+    _EvaluateVisitor_visitEachRule__closure1: function _EvaluateVisitor_visitEachRule__closure1(t0, t1, t2) {
+      this.$this = t0;
+      this.setVariables = t1;
+      this.node = t2;
+    },
+    _EvaluateVisitor_visitEachRule___closure1: function _EvaluateVisitor_visitEachRule___closure1(t0) {
+      this.$this = t0;
+    },
+    _EvaluateVisitor_visitAtRule_closure5: function _EvaluateVisitor_visitAtRule_closure5(t0) {
+      this.$this = t0;
+    },
+    _EvaluateVisitor_visitAtRule_closure6: function _EvaluateVisitor_visitAtRule_closure6(t0, t1, t2) {
+      this.$this = t0;
+      this.name = t1;
+      this.children = t2;
+    },
+    _EvaluateVisitor_visitAtRule__closure1: function _EvaluateVisitor_visitAtRule__closure1(t0, t1) {
+      this.$this = t0;
+      this.children = t1;
+    },
+    _EvaluateVisitor_visitAtRule_closure7: function _EvaluateVisitor_visitAtRule_closure7() {
+    },
+    _EvaluateVisitor_visitForRule_closure9: function _EvaluateVisitor_visitForRule_closure9(t0, t1) {
+      this.$this = t0;
+      this.node = t1;
+    },
+    _EvaluateVisitor_visitForRule_closure10: function _EvaluateVisitor_visitForRule_closure10(t0, t1) {
+      this.$this = t0;
+      this.node = t1;
+    },
+    _EvaluateVisitor_visitForRule_closure11: function _EvaluateVisitor_visitForRule_closure11(t0) {
+      this.fromNumber = t0;
+    },
+    _EvaluateVisitor_visitForRule_closure12: function _EvaluateVisitor_visitForRule_closure12(t0, t1) {
+      this.toNumber = t0;
+      this.fromNumber = t1;
+    },
+    _EvaluateVisitor_visitForRule_closure13: function _EvaluateVisitor_visitForRule_closure13(t0, t1, t2, t3, t4, t5) {
+      var _ = this;
+      _._box_0 = t0;
+      _.$this = t1;
+      _.node = t2;
+      _.from = t3;
+      _.direction = t4;
+      _.fromNumber = t5;
+    },
+    _EvaluateVisitor_visitForRule__closure1: function _EvaluateVisitor_visitForRule__closure1(t0) {
+      this.$this = t0;
+    },
+    _EvaluateVisitor_visitForwardRule_closure3: function _EvaluateVisitor_visitForwardRule_closure3(t0, t1) {
+      this.$this = t0;
+      this.node = t1;
+    },
+    _EvaluateVisitor_visitForwardRule_closure4: function _EvaluateVisitor_visitForwardRule_closure4(t0, t1) {
+      this.$this = t0;
+      this.node = t1;
+    },
+    _EvaluateVisitor__registerCommentsForModule_closure1: function _EvaluateVisitor__registerCommentsForModule_closure1() {
+    },
+    _EvaluateVisitor_visitIfRule_closure1: function _EvaluateVisitor_visitIfRule_closure1(t0) {
+      this.$this = t0;
+    },
+    _EvaluateVisitor_visitIfRule__closure1: function _EvaluateVisitor_visitIfRule__closure1(t0, t1) {
+      this.$this = t0;
+      this.clause = t1;
+    },
+    _EvaluateVisitor_visitIfRule___closure1: function _EvaluateVisitor_visitIfRule___closure1(t0) {
+      this.$this = t0;
+    },
+    _EvaluateVisitor__visitDynamicImport_closure1: function _EvaluateVisitor__visitDynamicImport_closure1(t0, t1) {
+      this.$this = t0;
+      this.$import = t1;
+    },
+    _EvaluateVisitor__visitDynamicImport__closure7: function _EvaluateVisitor__visitDynamicImport__closure7(t0) {
+      this.$this = t0;
+    },
+    _EvaluateVisitor__visitDynamicImport__closure8: function _EvaluateVisitor__visitDynamicImport__closure8() {
+    },
+    _EvaluateVisitor__visitDynamicImport__closure9: function _EvaluateVisitor__visitDynamicImport__closure9() {
+    },
+    _EvaluateVisitor__visitDynamicImport__closure10: function _EvaluateVisitor__visitDynamicImport__closure10(t0, t1, t2, t3, t4) {
+      var _ = this;
+      _._box_0 = t0;
+      _.$this = t1;
+      _.loadsUserDefinedModules = t2;
+      _.environment = t3;
+      _.children = t4;
+    },
+    _EvaluateVisitor__applyMixin_closure3: function _EvaluateVisitor__applyMixin_closure3(t0, t1, t2, t3) {
+      var _ = this;
+      _.$this = t0;
+      _.$arguments = t1;
+      _.mixin = t2;
+      _.nodeWithSpanWithoutContent = t3;
+    },
+    _EvaluateVisitor__applyMixin__closure4: function _EvaluateVisitor__applyMixin__closure4(t0, t1, t2, t3) {
+      var _ = this;
+      _.$this = t0;
+      _.$arguments = t1;
+      _.mixin = t2;
+      _.nodeWithSpanWithoutContent = t3;
+    },
+    _EvaluateVisitor__applyMixin_closure4: function _EvaluateVisitor__applyMixin_closure4(t0, t1, t2, t3) {
+      var _ = this;
+      _.$this = t0;
+      _.contentCallable = t1;
+      _.mixin = t2;
+      _.nodeWithSpanWithoutContent = t3;
+    },
+    _EvaluateVisitor__applyMixin__closure3: function _EvaluateVisitor__applyMixin__closure3(t0, t1, t2) {
+      this.$this = t0;
+      this.mixin = t1;
+      this.nodeWithSpanWithoutContent = t2;
+    },
+    _EvaluateVisitor__applyMixin___closure1: function _EvaluateVisitor__applyMixin___closure1(t0, t1, t2) {
+      this.$this = t0;
+      this.mixin = t1;
+      this.nodeWithSpanWithoutContent = t2;
+    },
+    _EvaluateVisitor__applyMixin____closure1: function _EvaluateVisitor__applyMixin____closure1(t0, t1) {
+      this.$this = t0;
+      this.statement = t1;
+    },
+    _EvaluateVisitor_visitIncludeRule_closure5: function _EvaluateVisitor_visitIncludeRule_closure5(t0, t1) {
+      this.$this = t0;
+      this.node = t1;
+    },
+    _EvaluateVisitor_visitIncludeRule_closure6: function _EvaluateVisitor_visitIncludeRule_closure6(t0) {
+      this.$this = t0;
+    },
+    _EvaluateVisitor_visitIncludeRule_closure7: function _EvaluateVisitor_visitIncludeRule_closure7(t0) {
+      this.node = t0;
+    },
+    _EvaluateVisitor_visitMediaRule_closure5: function _EvaluateVisitor_visitMediaRule_closure5(t0, t1) {
+      this.$this = t0;
+      this.queries = t1;
+    },
+    _EvaluateVisitor_visitMediaRule_closure6: function _EvaluateVisitor_visitMediaRule_closure6(t0, t1, t2, t3, t4) {
+      var _ = this;
+      _.$this = t0;
+      _.mergedQueries = t1;
+      _.queries = t2;
+      _.mergedSources = t3;
+      _.node = t4;
+    },
+    _EvaluateVisitor_visitMediaRule__closure1: function _EvaluateVisitor_visitMediaRule__closure1(t0, t1) {
+      this.$this = t0;
+      this.node = t1;
+    },
+    _EvaluateVisitor_visitMediaRule___closure1: function _EvaluateVisitor_visitMediaRule___closure1(t0, t1) {
+      this.$this = t0;
+      this.node = t1;
+    },
+    _EvaluateVisitor_visitMediaRule_closure7: function _EvaluateVisitor_visitMediaRule_closure7(t0) {
+      this.mergedSources = t0;
+    },
+    _EvaluateVisitor_visitStyleRule_closure7: function _EvaluateVisitor_visitStyleRule_closure7(t0, t1) {
+      this.$this = t0;
+      this.node = t1;
+    },
+    _EvaluateVisitor_visitStyleRule_closure8: function _EvaluateVisitor_visitStyleRule_closure8() {
+    },
+    _EvaluateVisitor_visitStyleRule_closure10: function _EvaluateVisitor_visitStyleRule_closure10(t0, t1, t2) {
+      this.$this = t0;
+      this.rule = t1;
+      this.node = t2;
+    },
+    _EvaluateVisitor_visitStyleRule__closure1: function _EvaluateVisitor_visitStyleRule__closure1(t0, t1) {
+      this.$this = t0;
+      this.node = t1;
+    },
+    _EvaluateVisitor_visitStyleRule_closure9: function _EvaluateVisitor_visitStyleRule_closure9() {
+    },
+    _EvaluateVisitor__warnForBogusCombinators_closure1: function _EvaluateVisitor__warnForBogusCombinators_closure1() {
+    },
+    _EvaluateVisitor_visitSupportsRule_closure3: function _EvaluateVisitor_visitSupportsRule_closure3(t0, t1) {
+      this.$this = t0;
+      this.node = t1;
+    },
+    _EvaluateVisitor_visitSupportsRule__closure1: function _EvaluateVisitor_visitSupportsRule__closure1(t0, t1) {
+      this.$this = t0;
+      this.node = t1;
+    },
+    _EvaluateVisitor_visitSupportsRule_closure4: function _EvaluateVisitor_visitSupportsRule_closure4() {
+    },
+    _EvaluateVisitor__visitSupportsCondition_closure1: function _EvaluateVisitor__visitSupportsCondition_closure1(t0, t1) {
+      this._box_0 = t0;
+      this.$this = t1;
+    },
+    _EvaluateVisitor_visitVariableDeclaration_closure5: function _EvaluateVisitor_visitVariableDeclaration_closure5(t0, t1, t2) {
+      this._box_0 = t0;
+      this.$this = t1;
+      this.node = t2;
+    },
+    _EvaluateVisitor_visitVariableDeclaration_closure6: function _EvaluateVisitor_visitVariableDeclaration_closure6(t0, t1) {
+      this.$this = t0;
+      this.node = t1;
+    },
+    _EvaluateVisitor_visitVariableDeclaration_closure7: function _EvaluateVisitor_visitVariableDeclaration_closure7(t0, t1, t2) {
+      this.$this = t0;
+      this.node = t1;
+      this.value = t2;
+    },
+    _EvaluateVisitor_visitUseRule_closure1: function _EvaluateVisitor_visitUseRule_closure1(t0, t1) {
+      this.$this = t0;
+      this.node = t1;
+    },
+    _EvaluateVisitor_visitWarnRule_closure1: function _EvaluateVisitor_visitWarnRule_closure1(t0, t1) {
+      this.$this = t0;
+      this.node = t1;
+    },
+    _EvaluateVisitor_visitWhileRule_closure1: function _EvaluateVisitor_visitWhileRule_closure1(t0, t1) {
+      this.$this = t0;
+      this.node = t1;
+    },
+    _EvaluateVisitor_visitWhileRule__closure1: function _EvaluateVisitor_visitWhileRule__closure1(t0) {
+      this.$this = t0;
+    },
+    _EvaluateVisitor_visitBinaryOperationExpression_closure1: function _EvaluateVisitor_visitBinaryOperationExpression_closure1(t0, t1) {
+      this.$this = t0;
+      this.node = t1;
+    },
+    _EvaluateVisitor__slash_recommendation1: function _EvaluateVisitor__slash_recommendation1() {
+    },
+    _EvaluateVisitor_visitVariableExpression_closure1: function _EvaluateVisitor_visitVariableExpression_closure1(t0, t1) {
+      this.$this = t0;
+      this.node = t1;
+    },
+    _EvaluateVisitor_visitUnaryOperationExpression_closure1: function _EvaluateVisitor_visitUnaryOperationExpression_closure1(t0, t1) {
+      this.node = t0;
+      this.operand = t1;
+    },
+    _EvaluateVisitor_visitListExpression_closure1: function _EvaluateVisitor_visitListExpression_closure1(t0) {
+      this.$this = t0;
+    },
+    _EvaluateVisitor_visitFunctionExpression_closure5: function _EvaluateVisitor_visitFunctionExpression_closure5(t0, t1) {
+      this.$this = t0;
+      this.node = t1;
+    },
+    _EvaluateVisitor_visitFunctionExpression_closure6: function _EvaluateVisitor_visitFunctionExpression_closure6() {
+    },
+    _EvaluateVisitor_visitFunctionExpression_closure7: function _EvaluateVisitor_visitFunctionExpression_closure7(t0, t1, t2) {
+      this._box_0 = t0;
+      this.$this = t1;
+      this.node = t2;
+    },
+    _EvaluateVisitor__visitCalculation_closure1: function _EvaluateVisitor__visitCalculation_closure1(t0, t1) {
+      this.$this = t0;
+      this.node = t1;
+    },
+    _EvaluateVisitor__checkCalculationArguments_check1: function _EvaluateVisitor__checkCalculationArguments_check1(t0, t1) {
+      this.$this = t0;
+      this.node = t1;
+    },
+    _EvaluateVisitor__visitCalculationExpression_closure1: function _EvaluateVisitor__visitCalculationExpression_closure1(t0, t1, t2, t3) {
+      var _ = this;
+      _._box_0 = t0;
+      _.$this = t1;
+      _.node = t2;
+      _.inLegacySassFunction = t3;
+    },
+    _EvaluateVisitor__visitCalculationExpression__closure1: function _EvaluateVisitor__visitCalculationExpression__closure1(t0, t1) {
+      this.$this = t0;
+      this.node = t1;
+    },
+    _EvaluateVisitor_visitInterpolatedFunctionExpression_closure1: function _EvaluateVisitor_visitInterpolatedFunctionExpression_closure1(t0, t1, t2) {
+      this.$this = t0;
+      this.node = t1;
+      this.$function = t2;
+    },
+    _EvaluateVisitor__runUserDefinedCallable_closure1: function _EvaluateVisitor__runUserDefinedCallable_closure1(t0, t1, t2, t3, t4, t5) {
+      var _ = this;
+      _.$this = t0;
+      _.callable = t1;
+      _.evaluated = t2;
+      _.nodeWithSpan = t3;
+      _.run = t4;
+      _.V = t5;
+    },
+    _EvaluateVisitor__runUserDefinedCallable__closure1: function _EvaluateVisitor__runUserDefinedCallable__closure1(t0, t1, t2, t3, t4, t5) {
+      var _ = this;
+      _.$this = t0;
+      _.evaluated = t1;
+      _.callable = t2;
+      _.nodeWithSpan = t3;
+      _.run = t4;
+      _.V = t5;
+    },
+    _EvaluateVisitor__runUserDefinedCallable___closure1: function _EvaluateVisitor__runUserDefinedCallable___closure1(t0, t1, t2, t3, t4, t5) {
+      var _ = this;
+      _.$this = t0;
+      _.evaluated = t1;
+      _.callable = t2;
+      _.nodeWithSpan = t3;
+      _.run = t4;
+      _.V = t5;
+    },
+    _EvaluateVisitor__runUserDefinedCallable____closure1: function _EvaluateVisitor__runUserDefinedCallable____closure1() {
+    },
+    _EvaluateVisitor__runFunctionCallable_closure1: function _EvaluateVisitor__runFunctionCallable_closure1(t0, t1) {
+      this.$this = t0;
+      this.callable = t1;
+    },
+    _EvaluateVisitor__runBuiltInCallable_closure5: function _EvaluateVisitor__runBuiltInCallable_closure5(t0, t1, t2) {
+      this._box_0 = t0;
+      this.evaluated = t1;
+      this.namedSet = t2;
+    },
+    _EvaluateVisitor__runBuiltInCallable_closure6: function _EvaluateVisitor__runBuiltInCallable_closure6(t0, t1) {
+      this._box_0 = t0;
+      this.evaluated = t1;
+    },
+    _EvaluateVisitor__runBuiltInCallable_closure7: function _EvaluateVisitor__runBuiltInCallable_closure7() {
+    },
+    _EvaluateVisitor__evaluateArguments_closure7: function _EvaluateVisitor__evaluateArguments_closure7() {
+    },
+    _EvaluateVisitor__evaluateArguments_closure8: function _EvaluateVisitor__evaluateArguments_closure8(t0, t1) {
+      this.$this = t0;
+      this.restNodeForSpan = t1;
+    },
+    _EvaluateVisitor__evaluateArguments_closure9: function _EvaluateVisitor__evaluateArguments_closure9(t0, t1, t2, t3) {
+      var _ = this;
+      _.$this = t0;
+      _.named = t1;
+      _.restNodeForSpan = t2;
+      _.namedNodes = t3;
+    },
+    _EvaluateVisitor__evaluateArguments_closure10: function _EvaluateVisitor__evaluateArguments_closure10() {
+    },
+    _EvaluateVisitor__evaluateMacroArguments_closure7: function _EvaluateVisitor__evaluateMacroArguments_closure7(t0) {
+      this.restArgs = t0;
+    },
+    _EvaluateVisitor__evaluateMacroArguments_closure8: function _EvaluateVisitor__evaluateMacroArguments_closure8(t0, t1, t2) {
+      this.$this = t0;
+      this.restNodeForSpan = t1;
+      this.restArgs = t2;
+    },
+    _EvaluateVisitor__evaluateMacroArguments_closure9: function _EvaluateVisitor__evaluateMacroArguments_closure9(t0, t1, t2, t3) {
+      var _ = this;
+      _.$this = t0;
+      _.named = t1;
+      _.restNodeForSpan = t2;
+      _.restArgs = t3;
+    },
+    _EvaluateVisitor__evaluateMacroArguments_closure10: function _EvaluateVisitor__evaluateMacroArguments_closure10(t0, t1, t2) {
+      this.$this = t0;
+      this.keywordRestNodeForSpan = t1;
+      this.keywordRestArgs = t2;
+    },
+    _EvaluateVisitor__addRestMap_closure1: function _EvaluateVisitor__addRestMap_closure1(t0, t1, t2, t3, t4, t5) {
+      var _ = this;
+      _.$this = t0;
+      _.values = t1;
+      _.convert = t2;
+      _.expressionNode = t3;
+      _.map = t4;
+      _.nodeWithSpan = t5;
+    },
+    _EvaluateVisitor__verifyArguments_closure1: function _EvaluateVisitor__verifyArguments_closure1(t0, t1, t2) {
+      this.parameters = t0;
+      this.positional = t1;
+      this.named = t2;
+    },
+    _EvaluateVisitor_visitCssAtRule_closure3: function _EvaluateVisitor_visitCssAtRule_closure3(t0, t1) {
+      this.$this = t0;
+      this.node = t1;
+    },
+    _EvaluateVisitor_visitCssAtRule_closure4: function _EvaluateVisitor_visitCssAtRule_closure4() {
+    },
+    _EvaluateVisitor_visitCssKeyframeBlock_closure3: function _EvaluateVisitor_visitCssKeyframeBlock_closure3(t0, t1) {
+      this.$this = t0;
+      this.node = t1;
+    },
+    _EvaluateVisitor_visitCssKeyframeBlock_closure4: function _EvaluateVisitor_visitCssKeyframeBlock_closure4() {
+    },
+    _EvaluateVisitor_visitCssMediaRule_closure5: function _EvaluateVisitor_visitCssMediaRule_closure5(t0, t1) {
+      this.$this = t0;
+      this.node = t1;
+    },
+    _EvaluateVisitor_visitCssMediaRule_closure6: function _EvaluateVisitor_visitCssMediaRule_closure6(t0, t1, t2, t3) {
+      var _ = this;
+      _.$this = t0;
+      _.mergedQueries = t1;
+      _.node = t2;
+      _.mergedSources = t3;
+    },
+    _EvaluateVisitor_visitCssMediaRule__closure1: function _EvaluateVisitor_visitCssMediaRule__closure1(t0, t1) {
+      this.$this = t0;
+      this.node = t1;
+    },
+    _EvaluateVisitor_visitCssMediaRule___closure1: function _EvaluateVisitor_visitCssMediaRule___closure1(t0, t1) {
+      this.$this = t0;
+      this.node = t1;
+    },
+    _EvaluateVisitor_visitCssMediaRule_closure7: function _EvaluateVisitor_visitCssMediaRule_closure7(t0) {
+      this.mergedSources = t0;
+    },
+    _EvaluateVisitor_visitCssStyleRule_closure4: function _EvaluateVisitor_visitCssStyleRule_closure4(t0, t1, t2) {
+      this.$this = t0;
+      this.rule = t1;
+      this.node = t2;
+    },
+    _EvaluateVisitor_visitCssStyleRule__closure1: function _EvaluateVisitor_visitCssStyleRule__closure1(t0, t1) {
+      this.$this = t0;
+      this.node = t1;
+    },
+    _EvaluateVisitor_visitCssStyleRule_closure3: function _EvaluateVisitor_visitCssStyleRule_closure3() {
+    },
+    _EvaluateVisitor_visitCssSupportsRule_closure3: function _EvaluateVisitor_visitCssSupportsRule_closure3(t0, t1) {
+      this.$this = t0;
+      this.node = t1;
+    },
+    _EvaluateVisitor_visitCssSupportsRule__closure1: function _EvaluateVisitor_visitCssSupportsRule__closure1(t0, t1) {
+      this.$this = t0;
+      this.node = t1;
+    },
+    _EvaluateVisitor_visitCssSupportsRule_closure4: function _EvaluateVisitor_visitCssSupportsRule_closure4() {
+    },
+    _EvaluateVisitor__performInterpolationHelper_closure1: function _EvaluateVisitor__performInterpolationHelper_closure1(t0) {
+      this.interpolation = t0;
+    },
+    _EvaluateVisitor__serialize_closure1: function _EvaluateVisitor__serialize_closure1(t0, t1) {
+      this.value = t0;
+      this.quote = t1;
+    },
+    _EvaluateVisitor__expressionNode_closure1: function _EvaluateVisitor__expressionNode_closure1(t0, t1) {
+      this.$this = t0;
+      this.expression = t1;
+    },
+    _EvaluateVisitor__withoutSlash_recommendation1: function _EvaluateVisitor__withoutSlash_recommendation1() {
+    },
+    _EvaluateVisitor__stackFrame_closure1: function _EvaluateVisitor__stackFrame_closure1(t0) {
+      this.$this = t0;
+    },
+    _ImportedCssVisitor1: function _ImportedCssVisitor1(t0) {
+      this._evaluate0$_visitor = t0;
+    },
+    _ImportedCssVisitor_visitCssAtRule_closure1: function _ImportedCssVisitor_visitCssAtRule_closure1() {
+    },
+    _ImportedCssVisitor_visitCssMediaRule_closure1: function _ImportedCssVisitor_visitCssMediaRule_closure1(t0) {
+      this.hasBeenMerged = t0;
+    },
+    _ImportedCssVisitor_visitCssStyleRule_closure1: function _ImportedCssVisitor_visitCssStyleRule_closure1() {
+    },
+    _ImportedCssVisitor_visitCssSupportsRule_closure1: function _ImportedCssVisitor_visitCssSupportsRule_closure1() {
+    },
+    _EvaluationContext1: function _EvaluationContext1(t0, t1) {
+      this._evaluate0$_visitor = t0;
+      this._evaluate0$_defaultWarnNodeWithSpan = t1;
+    },
+    EveryCssVisitor0: function EveryCssVisitor0() {
+    },
+    EveryCssVisitor_visitCssAtRule_closure0: function EveryCssVisitor_visitCssAtRule_closure0(t0) {
+      this.$this = t0;
+    },
+    EveryCssVisitor_visitCssKeyframeBlock_closure0: function EveryCssVisitor_visitCssKeyframeBlock_closure0(t0) {
+      this.$this = t0;
+    },
+    EveryCssVisitor_visitCssMediaRule_closure0: function EveryCssVisitor_visitCssMediaRule_closure0(t0) {
+      this.$this = t0;
+    },
+    EveryCssVisitor_visitCssStyleRule_closure0: function EveryCssVisitor_visitCssStyleRule_closure0(t0) {
+      this.$this = t0;
+    },
+    EveryCssVisitor_visitCssStylesheet_closure0: function EveryCssVisitor_visitCssStylesheet_closure0(t0) {
+      this.$this = t0;
+    },
+    EveryCssVisitor_visitCssSupportsRule_closure0: function EveryCssVisitor_visitCssSupportsRule_closure0(t0) {
+      this.$this = t0;
+    },
+    throwNodeException(exception, ascii, color, trace) {
+      var wasAscii, jsException, t1, trace0;
+      trace = trace;
+      wasAscii = $._glyphs === B.C_AsciiGlyphSet;
+      $._glyphs = ascii ? B.C_AsciiGlyphSet : B.C_UnicodeGlyphSet;
+      try {
+        t1 = A.callConstructor($.$get$exceptionClass(), [exception, B.JSString_methods.replaceFirst$2(exception.toString$1$color(0, color), "Error: ", "")]);
+        jsException = type$._NodeException._as(t1);
+        trace0 = A.getTrace0(exception);
+        trace = trace0 == null ? trace : trace0;
+        if (trace != null)
+          A.attachJsStack(jsException, trace);
+        A.jsThrow(jsException);
+      } finally {
+        $._glyphs = wasAscii ? B.C_AsciiGlyphSet : B.C_UnicodeGlyphSet;
+      }
+    },
+    _NodeException: function _NodeException() {
+    },
+    exceptionClass_closure: function exceptionClass_closure() {
+    },
+    exceptionClass__closure: function exceptionClass__closure() {
+    },
+    exceptionClass__closure0: function exceptionClass__closure0() {
+    },
+    exceptionClass__closure1: function exceptionClass__closure1() {
+    },
+    SassException$0(message, span, loadedUrls) {
+      return new A.SassException0(loadedUrls == null ? B.Set_empty : A.Set_Set$unmodifiable(loadedUrls, type$.Uri), message, span);
+    },
+    MultiSpanSassException$0(message, span, primaryLabel, secondarySpans, loadedUrls) {
+      var t1 = A.ConstantMap_ConstantMap$from(secondarySpans, type$.FileSpan, type$.String);
+      return new A.MultiSpanSassException0(primaryLabel, t1, loadedUrls == null ? B.Set_empty : A.Set_Set$unmodifiable(loadedUrls, type$.Uri), message, span);
+    },
+    SassRuntimeException$0(message, span, trace, loadedUrls) {
+      return new A.SassRuntimeException0(trace, loadedUrls == null ? B.Set_empty : A.Set_Set$unmodifiable(loadedUrls, type$.Uri), message, span);
+    },
+    MultiSpanSassRuntimeException$0(message, span, primaryLabel, secondarySpans, trace, loadedUrls) {
+      var t1 = A.ConstantMap_ConstantMap$from(secondarySpans, type$.FileSpan, type$.String);
+      return new A.MultiSpanSassRuntimeException0(trace, primaryLabel, t1, loadedUrls == null ? B.Set_empty : A.Set_Set$unmodifiable(loadedUrls, type$.Uri), message, span);
+    },
+    SassFormatException$0(message, span, loadedUrls) {
+      return new A.SassFormatException0(loadedUrls == null ? B.Set_empty : A.Set_Set$unmodifiable(loadedUrls, type$.Uri), message, span);
+    },
+    MultiSpanSassFormatException$0(message, span, primaryLabel, secondarySpans, loadedUrls) {
+      var t1 = A.ConstantMap_ConstantMap$from(secondarySpans, type$.FileSpan, type$.String);
+      return new A.MultiSpanSassFormatException0(primaryLabel, t1, loadedUrls == null ? B.Set_empty : A.Set_Set$unmodifiable(loadedUrls, type$.Uri), message, span);
+    },
+    SassScriptException$0(message, argumentName) {
+      return new A.SassScriptException0(argumentName == null ? message : "$" + argumentName + ": " + message);
+    },
+    MultiSpanSassScriptException$0(message, primaryLabel, secondarySpans) {
+      var t1 = A.ConstantMap_ConstantMap$from(secondarySpans, type$.FileSpan, type$.String);
+      return new A.MultiSpanSassScriptException0(primaryLabel, t1, message);
+    },
+    SassException0: function SassException0(t0, t1, t2) {
+      this.loadedUrls = t0;
+      this._span_exception$_message = t1;
+      this._span = t2;
+    },
+    MultiSpanSassException0: function MultiSpanSassException0(t0, t1, t2, t3, t4) {
+      var _ = this;
+      _.primaryLabel = t0;
+      _.secondarySpans = t1;
+      _.loadedUrls = t2;
+      _._span_exception$_message = t3;
+      _._span = t4;
+    },
+    SassRuntimeException0: function SassRuntimeException0(t0, t1, t2, t3) {
+      var _ = this;
+      _.trace = t0;
+      _.loadedUrls = t1;
+      _._span_exception$_message = t2;
+      _._span = t3;
+    },
+    MultiSpanSassRuntimeException0: function MultiSpanSassRuntimeException0(t0, t1, t2, t3, t4, t5) {
+      var _ = this;
+      _.trace = t0;
+      _.primaryLabel = t1;
+      _.secondarySpans = t2;
+      _.loadedUrls = t3;
+      _._span_exception$_message = t4;
+      _._span = t5;
+    },
+    SassFormatException0: function SassFormatException0(t0, t1, t2) {
+      this.loadedUrls = t0;
+      this._span_exception$_message = t1;
+      this._span = t2;
+    },
+    MultiSpanSassFormatException0: function MultiSpanSassFormatException0(t0, t1, t2, t3, t4) {
+      var _ = this;
+      _.primaryLabel = t0;
+      _.secondarySpans = t1;
+      _.loadedUrls = t2;
+      _._span_exception$_message = t3;
+      _._span = t4;
+    },
+    SassScriptException0: function SassScriptException0(t0) {
+      this.message = t0;
+    },
+    MultiSpanSassScriptException0: function MultiSpanSassScriptException0(t0, t1, t2) {
+      this.primaryLabel = t0;
+      this.secondarySpans = t1;
+      this.message = t2;
+    },
+    Exports: function Exports() {
+    },
+    LoggerNamespace: function LoggerNamespace() {
+    },
+    Expression0: function Expression0() {
+    },
+    JSExpressionVisitor: function JSExpressionVisitor(t0) {
+      this._expression$_inner = t0;
+    },
+    JSExpressionVisitorObject: function JSExpressionVisitorObject() {
+    },
+    expressionToCalc0(expression) {
+      var t4,
+        t1 = A._setArrayType([B.C__MakeExpressionCalculationSafe0.visitBinaryOperationExpression$1(0, expression)], type$.JSArray_Expression_2),
+        t2 = expression.get$span(0),
+        t3 = type$.Expression_2;
+      t1 = A.List_List$unmodifiable(t1, t3);
+      t3 = A.ConstantMap_ConstantMap$from(B.Map_empty14, type$.String, t3);
+      t4 = expression.get$span(0);
+      return new A.FunctionExpression0(null, A.stringReplaceAllUnchecked("calc", "_", "-"), "calc", new A.ArgumentList0(t1, t3, null, null, t2), t4);
+    },
+    _MakeExpressionCalculationSafe0: function _MakeExpressionCalculationSafe0() {
+    },
+    __MakeExpressionCalculationSafe_Object_ReplaceExpressionVisitor0: function __MakeExpressionCalculationSafe_Object_ReplaceExpressionVisitor0() {
+    },
+    ExtendRule0: function ExtendRule0(t0, t1, t2) {
+      this.selector = t0;
+      this.isOptional = t1;
+      this.span = t2;
+    },
+    Extension0: function Extension0(t0, t1, t2, t3, t4) {
+      var _ = this;
+      _.extender = t0;
+      _.target = t1;
+      _.mediaContext = t2;
+      _.isOptional = t3;
+      _.span = t4;
+    },
+    Extender0: function Extender0(t0, t1) {
+      this.selector = t0;
+      this.isOriginal = t1;
+      this._extension$_extension = null;
+    },
+    ExtensionStore__extendOrReplace0(selector, source, targets, mode, span) {
+      var t1, t2, t3, t4, t5, t6, t7, t8, _i, complex, compound, t9, t10, t11, _i0, simple, t12, _i1, t13, t14,
+        extender = A.ExtensionStore$_mode0(mode);
+      if (!selector.accept$1(B._IsInvisibleVisitor_true0))
+        extender._extension_store$_originals.addAll$1(0, selector.components);
+      for (t1 = targets.components, t2 = t1.length, t3 = source.components, t4 = t3.length, t5 = type$.ComplexSelector_2, t6 = type$.Extension_2, t7 = type$.SimpleSelector_2, t8 = type$.Map_ComplexSelector_Extension_2, _i = 0; _i < t2; ++_i) {
+        complex = t1[_i];
+        compound = complex.get$singleCompound();
+        if (compound == null)
+          throw A.wrapException(A.SassScriptException$0("Can't extend complex selector " + complex.toString$0(0) + ".", null));
+        t9 = A.LinkedHashMap_LinkedHashMap$_empty(t7, t8);
+        for (t10 = compound.components, t11 = t10.length, _i0 = 0; _i0 < t11; ++_i0) {
+          simple = t10[_i0];
+          t12 = A.LinkedHashMap_LinkedHashMap$_empty(t5, t6);
+          for (_i1 = 0; _i1 < t4; ++_i1) {
+            complex = t3[_i1];
+            complex.get$specificity();
+            t13 = new A.Extender0(complex, false);
+            t14 = new A.Extension0(t13, simple, null, true, span);
+            t13._extension$_extension = t14;
+            t12.$indexSet(0, complex, t14);
+          }
+          t9.$indexSet(0, simple, t12);
+        }
+        selector = extender._extension_store$_extendList$2(selector, t9);
+      }
+      return selector;
+    },
+    ExtensionStore$0() {
+      var t1 = type$.SimpleSelector_2;
+      return new A.ExtensionStore0(A.LinkedHashMap_LinkedHashMap$_empty(t1, type$.Set_ModifiableBox_SelectorList_2), A.LinkedHashMap_LinkedHashMap$_empty(t1, type$.Map_ComplexSelector_Extension_2), A.LinkedHashMap_LinkedHashMap$_empty(t1, type$.List_Extension_2), A.LinkedHashMap_LinkedHashMap$_empty(type$.ModifiableBox_SelectorList_2, type$.List_CssMediaQuery_2), new A.JsIdentityLinkedHashMap(type$.JsIdentityLinkedHashMap_SimpleSelector_int_2), new A._LinkedIdentityHashSet(type$._LinkedIdentityHashSet_ComplexSelector_2), B.ExtendMode_normal_normal0);
+    },
+    ExtensionStore$_mode0(_mode) {
+      var t1 = type$.SimpleSelector_2;
+      return new A.ExtensionStore0(A.LinkedHashMap_LinkedHashMap$_empty(t1, type$.Set_ModifiableBox_SelectorList_2), A.LinkedHashMap_LinkedHashMap$_empty(t1, type$.Map_ComplexSelector_Extension_2), A.LinkedHashMap_LinkedHashMap$_empty(t1, type$.List_Extension_2), A.LinkedHashMap_LinkedHashMap$_empty(type$.ModifiableBox_SelectorList_2, type$.List_CssMediaQuery_2), new A.JsIdentityLinkedHashMap(type$.JsIdentityLinkedHashMap_SimpleSelector_int_2), new A._LinkedIdentityHashSet(type$._LinkedIdentityHashSet_ComplexSelector_2), _mode);
+    },
+    ExtensionStore0: function ExtensionStore0(t0, t1, t2, t3, t4, t5, t6) {
+      var _ = this;
+      _._extension_store$_selectors = t0;
+      _._extension_store$_extensions = t1;
+      _._extension_store$_extensionsByExtender = t2;
+      _._extension_store$_mediaContexts = t3;
+      _._extension_store$_sourceSpecificity = t4;
+      _._extension_store$_originals = t5;
+      _._extension_store$_mode = t6;
+    },
+    ExtensionStore_extensionsWhereTarget_closure0: function ExtensionStore_extensionsWhereTarget_closure0() {
+    },
+    ExtensionStore__registerSelector_closure0: function ExtensionStore__registerSelector_closure0() {
+    },
+    ExtensionStore_addExtension_closure2: function ExtensionStore_addExtension_closure2() {
+    },
+    ExtensionStore_addExtension_closure3: function ExtensionStore_addExtension_closure3() {
+    },
+    ExtensionStore_addExtension_closure4: function ExtensionStore_addExtension_closure4(t0) {
+      this.complex = t0;
+    },
+    ExtensionStore__extendExistingExtensions_closure1: function ExtensionStore__extendExistingExtensions_closure1() {
+    },
+    ExtensionStore__extendExistingExtensions_closure2: function ExtensionStore__extendExistingExtensions_closure2() {
+    },
+    ExtensionStore_addExtensions_closure0: function ExtensionStore_addExtensions_closure0() {
+    },
+    ExtensionStore__extendComplex_closure0: function ExtensionStore__extendComplex_closure0(t0, t1, t2) {
+      this._box_0 = t0;
+      this.$this = t1;
+      this.complex = t2;
+    },
+    ExtensionStore__extendComplex__closure0: function ExtensionStore__extendComplex__closure0(t0, t1, t2) {
+      this._box_0 = t0;
+      this.$this = t1;
+      this.complex = t2;
+    },
+    ExtensionStore__extendCompound_closure2: function ExtensionStore__extendCompound_closure2() {
+    },
+    ExtensionStore__extendCompound_closure3: function ExtensionStore__extendCompound_closure3() {
+    },
+    ExtensionStore__extendCompound_closure4: function ExtensionStore__extendCompound_closure4(t0) {
+      this.original = t0;
+    },
+    ExtensionStore__extendSimple_withoutPseudo0: function ExtensionStore__extendSimple_withoutPseudo0(t0, t1, t2) {
+      this.$this = t0;
+      this.extensions = t1;
+      this.targetsUsed = t2;
+    },
+    ExtensionStore__extendSimple_closure1: function ExtensionStore__extendSimple_closure1(t0, t1) {
+      this.$this = t0;
+      this.withoutPseudo = t1;
+    },
+    ExtensionStore__extendSimple_closure2: function ExtensionStore__extendSimple_closure2() {
+    },
+    ExtensionStore__extendPseudo_closure4: function ExtensionStore__extendPseudo_closure4() {
+    },
+    ExtensionStore__extendPseudo_closure5: function ExtensionStore__extendPseudo_closure5() {
+    },
+    ExtensionStore__extendPseudo_closure6: function ExtensionStore__extendPseudo_closure6() {
+    },
+    ExtensionStore__extendPseudo_closure7: function ExtensionStore__extendPseudo_closure7(t0) {
+      this.pseudo = t0;
+    },
+    ExtensionStore__extendPseudo_closure8: function ExtensionStore__extendPseudo_closure8(t0, t1) {
+      this.pseudo = t0;
+      this.selector = t1;
+    },
+    ExtensionStore__trim_closure1: function ExtensionStore__trim_closure1(t0, t1) {
+      this._box_0 = t0;
+      this.complex1 = t1;
+    },
+    ExtensionStore__trim_closure2: function ExtensionStore__trim_closure2(t0, t1) {
+      this._box_0 = t0;
+      this.complex1 = t1;
+    },
+    ExtensionStore_clone_closure0: function ExtensionStore_clone_closure0(t0, t1, t2, t3, t4) {
+      var _ = this;
+      _.$this = t0;
+      _.newSelectors = t1;
+      _.newBoxes = t2;
+      _.oldToNewSelectors = t3;
+      _.newMediaContexts = t4;
+    },
+    ExtensionStore_clone__closure0: function ExtensionStore_clone__closure0(t0) {
+      this.selector = t0;
+    },
+    FiberClass: function FiberClass() {
+    },
+    Fiber: function Fiber() {
+    },
+    JSToDartFileImporter: function JSToDartFileImporter(t0) {
+      this._file0$_findFileUrl = t0;
+    },
+    JSToDartFileImporter_canonicalize_closure: function JSToDartFileImporter_canonicalize_closure(t0, t1) {
+      this.$this = t0;
+      this.url = t1;
+    },
+    FilesystemImporter0: function FilesystemImporter0(t0, t1) {
+      this._filesystem$_loadPath = t0;
+      this._filesystem$_loadPathDeprecated = t1;
+    },
+    FilesystemImporter_canonicalize_closure0: function FilesystemImporter_canonicalize_closure0() {
+    },
+    ForRule$0(variable, from, to, children, span, exclusive) {
+      var t1 = A.List_List$unmodifiable(children, type$.Statement_2),
+        t2 = B.JSArray_methods.any$1(t1, new A.ParentStatement_closure0());
+      return new A.ForRule0(variable, from, to, exclusive, span, t1, t2);
+    },
+    ForRule0: function ForRule0(t0, t1, t2, t3, t4, t5, t6) {
+      var _ = this;
+      _.variable = t0;
+      _.from = t1;
+      _.to = t2;
+      _.isExclusive = t3;
+      _.span = t4;
+      _.children = t5;
+      _.hasDeclarations = t6;
+    },
+    ForwardRule0: function ForwardRule0(t0, t1, t2, t3, t4, t5, t6, t7) {
+      var _ = this;
+      _.url = t0;
+      _.shownMixinsAndFunctions = t1;
+      _.shownVariables = t2;
+      _.hiddenMixinsAndFunctions = t3;
+      _.hiddenVariables = t4;
+      _.prefix = t5;
+      _.configuration = t6;
+      _.span = t7;
+    },
+    ForwardedModuleView_ifNecessary0(inner, rule, $T) {
+      var t2,
+        t1 = false;
+      if (rule.prefix == null)
+        if (rule.shownMixinsAndFunctions == null)
+          if (rule.shownVariables == null) {
+            t2 = rule.hiddenMixinsAndFunctions;
+            t2 = t2 == null ? null : t2._base.get$isEmpty(0);
+            if (t2 === true) {
+              t1 = rule.hiddenVariables;
+              t1 = t1 == null ? null : t1._base.get$isEmpty(0);
+              t1 = t1 === true;
+            }
+          }
+      if (t1)
+        return inner;
+      else
+        return A.ForwardedModuleView$0(inner, rule, $T);
+    },
+    ForwardedModuleView$0(_inner, _rule, $T) {
+      var t1 = _rule.prefix,
+        t2 = _rule.shownVariables,
+        t3 = _rule.hiddenVariables,
+        t4 = _rule.shownMixinsAndFunctions,
+        t5 = _rule.hiddenMixinsAndFunctions;
+      return new A.ForwardedModuleView0(_inner, _rule, A.ForwardedModuleView__forwardedMap0(_inner.get$variables(), t1, t2, t3, type$.Value_2), A.ForwardedModuleView__forwardedMap0(_inner.get$variableNodes(), t1, t2, t3, type$.AstNode_2), A.ForwardedModuleView__forwardedMap0(_inner.get$functions(_inner), t1, t4, t5, $T), A.ForwardedModuleView__forwardedMap0(_inner.get$mixins(), t1, t4, t5, $T), $T._eval$1("ForwardedModuleView0<0>"));
+    },
+    ForwardedModuleView__forwardedMap0(map, prefix, safelist, blocklist, $V) {
+      var t1 = prefix == null,
+        t2 = false;
+      if (t1)
+        if (safelist == null)
+          t2 = blocklist == null || blocklist._base.get$isEmpty(0);
+      if (t2)
+        return map;
+      if (!t1)
+        map = new A.PrefixedMapView0(map, prefix, $V._eval$1("PrefixedMapView0<0>"));
+      if (safelist != null)
+        map = new A.LimitedMapView0(map, safelist._base.intersection$1(new A.MapKeySet(map, type$.MapKeySet_nullable_Object)), type$.$env_1_1_String._bind$1($V)._eval$1("LimitedMapView0<1,2>"));
+      else if (blocklist != null && blocklist._base.get$isNotEmpty(0))
+        map = A.LimitedMapView$blocklist0(map, blocklist, type$.String, $V);
+      return map;
+    },
+    ForwardedModuleView0: function ForwardedModuleView0(t0, t1, t2, t3, t4, t5, t6) {
+      var _ = this;
+      _._forwarded_view0$_inner = t0;
+      _._forwarded_view0$_rule = t1;
+      _.variables = t2;
+      _.variableNodes = t3;
+      _.functions = t4;
+      _.mixins = t5;
+      _.$ti = t6;
+    },
+    FunctionExpression0: function FunctionExpression0(t0, t1, t2, t3, t4) {
+      var _ = this;
+      _.namespace = t0;
+      _.name = t1;
+      _.originalName = t2;
+      _.$arguments = t3;
+      _.span = t4;
+    },
+    JSFunction0: function JSFunction0() {
+    },
+    SupportsFunction0: function SupportsFunction0(t0, t1, t2) {
+      this.name = t0;
+      this.$arguments = t1;
+      this.span = t2;
+    },
+    functionClass_closure: function functionClass_closure() {
+    },
+    functionClass__closure: function functionClass__closure() {
+    },
+    functionClass__closure0: function functionClass__closure0() {
+    },
+    SassFunction0: function SassFunction0(t0, t1) {
+      this.callable = t0;
+      this._function0$_compileContext = t1;
+    },
+    FunctionRule$0($name, parameters, children, span, comment) {
+      var t1 = A.stringReplaceAllUnchecked($name, "_", "-"),
+        t2 = A.List_List$unmodifiable(children, type$.Statement_2),
+        t3 = B.JSArray_methods.any$1(t2, new A.ParentStatement_closure0());
+      return new A.FunctionRule0(t1, $name, parameters, span, t2, t3);
+    },
+    FunctionRule0: function FunctionRule0(t0, t1, t2, t3, t4, t5) {
+      var _ = this;
+      _.name = t0;
+      _.originalName = t1;
+      _.parameters = t2;
+      _.span = t3;
+      _.children = t4;
+      _.hasDeclarations = t5;
+    },
+    unifyComplex0(complexes, span) {
+      var t2, trailingCombinator, leadingCombinator, unifiedBase, t3, t4, _0_6_isSet, _0_6, t5, newLeadingCombinator, base, _1_1, newTrailingCombinator, unifiedBase0, t6, t7, t8, _null = null,
+        t1 = J.getInterceptor$asx(complexes);
+      if (t1.get$length(complexes) === 1)
+        return complexes;
+      for (t2 = t1.get$iterator(complexes), trailingCombinator = _null, leadingCombinator = trailingCombinator, unifiedBase = leadingCombinator; t2.moveNext$0();) {
+        t3 = t2.get$current(t2);
+        if (t3.accept$1(B.C__IsUselessVisitor0))
+          return _null;
+        t4 = t3.components;
+        _0_6_isSet = t4.length === 1;
+        if (_0_6_isSet) {
+          _0_6 = t3.leadingCombinators;
+          t5 = _0_6.length === 1;
+        } else {
+          _0_6 = _null;
+          t5 = false;
+        }
+        if (t5) {
+          newLeadingCombinator = (_0_6_isSet ? _0_6 : t3.leadingCombinators)[0];
+          if (leadingCombinator == null)
+            leadingCombinator = newLeadingCombinator;
+          else if (!(leadingCombinator.$ti._is(newLeadingCombinator) && J.$eq$(newLeadingCombinator.value, leadingCombinator.value)))
+            return _null;
+        }
+        base = B.JSArray_methods.get$last(t4);
+        _1_1 = base.combinators;
+        if (_1_1.length === 1) {
+          newTrailingCombinator = _1_1[0];
+          if (trailingCombinator != null)
+            t3 = !(trailingCombinator.$ti._is(newTrailingCombinator) && J.$eq$(newTrailingCombinator.value, trailingCombinator.value));
+          else
+            t3 = false;
+          if (t3)
+            return _null;
+          trailingCombinator = newTrailingCombinator;
+        }
+        unifiedBase0 = base.selector;
+        if (unifiedBase == null)
+          unifiedBase = unifiedBase0;
+        else {
+          unifiedBase = A.unifyCompound0(unifiedBase, unifiedBase0);
+          if (unifiedBase == null)
+            return _null;
+        }
+      }
+      t2 = type$.JSArray_ComplexSelector_2;
+      t3 = A._setArrayType([], t2);
+      for (t4 = t1.get$iterator(complexes); t4.moveNext$0();) {
+        t5 = t4.get$current(t4);
+        t6 = t5.components;
+        t7 = t6.length;
+        if (t7 > 1) {
+          t8 = t5.leadingCombinators;
+          t3.push(A.ComplexSelector$0(t8, B.JSArray_methods.take$1(t6, t7 - 1), t5.span, t5.lineBreak));
+        }
+      }
+      t4 = leadingCombinator == null ? B.List_empty15 : A._setArrayType([leadingCombinator], type$.JSArray_CssValue_Combinator_2);
+      unifiedBase.toString;
+      t5 = trailingCombinator == null ? B.List_empty15 : A._setArrayType([trailingCombinator], type$.JSArray_CssValue_Combinator_2);
+      base = A.ComplexSelector$0(t4, A._setArrayType([new A.ComplexSelectorComponent0(unifiedBase, A.List_List$unmodifiable(t5, type$.CssValue_Combinator_2), span)], type$.JSArray_ComplexSelectorComponent_2), span, t1.any$1(complexes, new A.unifyComplex_closure0()));
+      if (t3.length === 0)
+        t1 = A._setArrayType([base], t2);
+      else {
+        t1 = A.List_List$_of(A.IterableExtension_get_exceptLast0(t3), type$.ComplexSelector_2);
+        t1.push(B.JSArray_methods.get$last(t3).concatenate$2(base, span));
+      }
+      return A.weave0(t1, span, false);
+    },
+    unifyCompound0(compound1, compound2) {
+      var t1, t2, pseudoElementFound, _i, simple, unified,
+        result = compound1.components,
+        pseudoResult = A._setArrayType([], type$.JSArray_SimpleSelector_2);
+      for (t1 = compound2.components, t2 = t1.length, pseudoElementFound = false, _i = 0; _i < t2; ++_i) {
+        simple = t1[_i];
+        if (pseudoElementFound && simple instanceof A.PseudoSelector0) {
+          unified = simple.unify$1(pseudoResult);
+          if (unified == null)
+            return null;
+          pseudoResult = unified;
+        } else {
+          pseudoElementFound = B.JSBool_methods.$or(pseudoElementFound, simple instanceof A.PseudoSelector0 && !simple.isClass);
+          unified = simple.unify$1(result);
+          if (unified == null)
+            return null;
+          result = unified;
+        }
+      }
+      t1 = A.List_List$_of(result, type$.SimpleSelector_2);
+      B.JSArray_methods.addAll$1(t1, pseudoResult);
+      return A.CompoundSelector$0(t1, compound1.span);
+    },
+    unifyUniversalAndElement0(selector1, selector2) {
+      var namespace, $name, t1,
+        _0_0 = A._namespaceAndName0(selector1, "selector1"),
+        namespace1 = _0_0._0,
+        name1 = _0_0._1,
+        _1_0 = A._namespaceAndName0(selector2, "selector2"),
+        namespace2 = _1_0._0,
+        name2 = _1_0._1;
+      if (namespace1 == namespace2 || namespace2 === "*")
+        namespace = namespace1;
+      else {
+        if (namespace1 !== "*")
+          return null;
+        namespace = namespace2;
+      }
+      if (name1 == name2 || name2 == null)
+        $name = name1;
+      else {
+        if (!(name1 == null || name1 === "*"))
+          return null;
+        $name = name2;
+      }
+      t1 = selector1.span;
+      return $name == null ? new A.UniversalSelector0(namespace, t1) : new A.TypeSelector0(new A.QualifiedName0($name, namespace), t1);
+    },
+    _namespaceAndName0(selector, $name) {
+      var t1, _0_4;
+      $label0$0: {
+        if (selector instanceof A.UniversalSelector0) {
+          t1 = new A._Record_2(selector.namespace, null);
+          break $label0$0;
+        }
+        if (selector instanceof A.TypeSelector0) {
+          _0_4 = selector.name;
+          t1 = new A._Record_2(_0_4.namespace, _0_4.name);
+          break $label0$0;
+        }
+        t1 = A.throwExpression(A.ArgumentError$value(selector, $name, string$.must_b));
+      }
+      return t1;
+    },
+    weave0(complexes, span, forceLineBreak) {
+      var complex, t2, prefixes, t3, t4, t5, t6, i, t7, t8, _i, t9, t10, _i0, parentPrefix, t11, t12,
+        t1 = J.getInterceptor$asx(complexes);
+      if (t1.get$length(complexes) === 1) {
+        complex = t1.$index(complexes, 0);
+        if (!forceLineBreak || complex.lineBreak)
+          return complexes;
+        return A._setArrayType([A.ComplexSelector$0(complex.leadingCombinators, complex.components, complex.span, true)], type$.JSArray_ComplexSelector_2);
+      }
+      t2 = type$.JSArray_ComplexSelector_2;
+      prefixes = A._setArrayType([t1.get$first(complexes)], t2);
+      for (t1 = t1.skip$1(complexes, 1), t3 = t1.$ti, t1 = new A.ListIterator(t1, t1.get$length(0), t3._eval$1("ListIterator<ListIterable.E>")), t4 = type$.ComplexSelectorComponent_2, t3 = t3._eval$1("ListIterable.E"); t1.moveNext$0();) {
+        t5 = t1.__internal$_current;
+        if (t5 == null)
+          t5 = t3._as(t5);
+        t6 = t5.components;
+        if (t6.length === 1) {
+          for (i = 0; i < prefixes.length; ++i)
+            prefixes[i] = prefixes[i].concatenate$3$forceLineBreak(t5, span, forceLineBreak);
+          continue;
+        }
+        t7 = A._setArrayType([], t2);
+        for (t8 = prefixes.length, _i = 0; _i < prefixes.length; prefixes.length === t8 || (0, A.throwConcurrentModificationError)(prefixes), ++_i) {
+          t9 = A._weaveParents0(prefixes[_i], t5, span);
+          if (t9 == null)
+            t9 = B.List_empty16;
+          t10 = t9.length;
+          _i0 = 0;
+          for (; _i0 < t9.length; t9.length === t10 || (0, A.throwConcurrentModificationError)(t9), ++_i0) {
+            parentPrefix = t9[_i0];
+            t11 = B.JSArray_methods.get$last(t6);
+            t12 = A.List_List$_of(parentPrefix.components, t4);
+            t12.push(t11);
+            t11 = parentPrefix.lineBreak || forceLineBreak;
+            t7.push(A.ComplexSelector$0(parentPrefix.leadingCombinators, t12, span, t11));
+          }
+        }
+        prefixes = t7;
+      }
+      return prefixes;
+    },
+    _weaveParents0(prefix, base, span) {
+      var t1, queue1, queue2, trailingCombinators, _0_1, _0_3, _0_3_isSet, rootish2, t2, rootish1, _0_30, rootish, t3, t0, rootish_case_1, groups1, groups2, lcs, choices, t4, _i, group, t5, t6, t7, _i0, chunk, t8, t9, _null = null,
+        leadingCombinators = A._mergeLeadingCombinators0(prefix.leadingCombinators, base.leadingCombinators);
+      if (leadingCombinators == null)
+        return _null;
+      t1 = type$.ComplexSelectorComponent_2;
+      queue1 = A.QueueList_QueueList$from(prefix.components, t1);
+      queue2 = A.QueueList_QueueList$from(A.IterableExtension_get_exceptLast0(base.components), t1);
+      trailingCombinators = A._mergeTrailingCombinators0(queue1, queue2, span, _null);
+      if (trailingCombinators == null)
+        return _null;
+      $label0$0: {
+        _0_1 = A._firstIfRootish0(queue1);
+        _0_3 = A._firstIfRootish0(queue2);
+        _0_3_isSet = _0_1 != null;
+        rootish2 = _null;
+        t2 = false;
+        if (_0_3_isSet) {
+          t2 = _0_3 != null;
+          if (t2)
+            rootish2 = _0_3;
+          rootish1 = _0_1;
+          _0_30 = _0_3;
+        } else {
+          rootish1 = _null;
+          _0_30 = rootish1;
+        }
+        if (t2) {
+          rootish = A.unifyCompound0(rootish1.selector, rootish2.selector);
+          if (rootish == null)
+            return _null;
+          t1 = rootish1.combinators;
+          t2 = rootish1.span;
+          t3 = type$.CssValue_Combinator_2;
+          queue1.addFirst$1(new A.ComplexSelectorComponent0(rootish, A.List_List$unmodifiable(t1, t3), t2));
+          queue2.addFirst$1(new A.ComplexSelectorComponent0(rootish, A.List_List$unmodifiable(rootish2.combinators, t3), t2));
+          break $label0$0;
+        }
+        t2 = _null;
+        t3 = false;
+        if (_0_1 != null) {
+          if (_0_3_isSet)
+            t2 = _0_30;
+          else {
+            t2 = _0_3;
+            _0_30 = t2;
+            _0_3_isSet = true;
+          }
+          t2 = t2 == null;
+          t3 = t2 ? _0_1 : _null;
+          t0 = t3;
+          t3 = t2;
+          t2 = t0;
+        }
+        if (!t3)
+          if (_0_1 == null) {
+            if (_0_3_isSet)
+              t3 = _0_30;
+            else {
+              t3 = _0_3;
+              _0_30 = t3;
+              _0_3_isSet = true;
+            }
+            t3 = t3 != null;
+            if (t3) {
+              rootish_case_1 = _0_3_isSet ? _0_30 : _0_3;
+              if (rootish_case_1 == null)
+                rootish_case_1 = t1._as(rootish_case_1);
+              t1 = rootish_case_1;
+            } else
+              t1 = t2;
+            t2 = t3;
+          } else {
+            t1 = t2;
+            t2 = false;
+          }
+        else {
+          t1 = t2;
+          t2 = true;
+        }
+        if (t2) {
+          queue1.addFirst$1(t1);
+          queue2.addFirst$1(t1);
+        }
+      }
+      groups1 = A._groupSelectors0(queue1);
+      groups2 = A._groupSelectors0(queue2);
+      t1 = type$.List_ComplexSelectorComponent_2;
+      lcs = A.longestCommonSubsequence0(groups2, groups1, new A._weaveParents_closure3(span), t1);
+      choices = A._setArrayType([], type$.JSArray_List_Iterable_ComplexSelectorComponent_2);
+      for (t2 = lcs.length, t3 = type$.JSArray_Iterable_ComplexSelectorComponent_2, t4 = type$.JSArray_ComplexSelectorComponent_2, _i = 0; _i < lcs.length; lcs.length === t2 || (0, A.throwConcurrentModificationError)(lcs), ++_i) {
+        group = lcs[_i];
+        t5 = A._setArrayType([], t3);
+        for (t6 = A._chunks0(groups1, groups2, new A._weaveParents_closure4(group), t1), t7 = t6.length, _i0 = 0; _i0 < t6.length; t6.length === t7 || (0, A.throwConcurrentModificationError)(t6), ++_i0) {
+          chunk = t6[_i0];
+          t8 = A._setArrayType([], t4);
+          for (t9 = B.JSArray_methods.get$iterator(chunk); t9.moveNext$0();)
+            B.JSArray_methods.addAll$1(t8, t9.get$current(0));
+          t5.push(t8);
+        }
+        choices.push(t5);
+        choices.push(A._setArrayType([group], t3));
+        groups1.removeFirst$0();
+        groups2.removeFirst$0();
+      }
+      t2 = A._setArrayType([], t3);
+      for (t1 = A._chunks0(groups1, groups2, new A._weaveParents_closure5(), t1), t3 = t1.length, _i = 0; _i < t1.length; t1.length === t3 || (0, A.throwConcurrentModificationError)(t1), ++_i) {
+        chunk = t1[_i];
+        t5 = A._setArrayType([], t4);
+        for (t6 = B.JSArray_methods.get$iterator(chunk); t6.moveNext$0();)
+          B.JSArray_methods.addAll$1(t5, t6.get$current(0));
+        t2.push(t5);
+      }
+      choices.push(t2);
+      B.JSArray_methods.addAll$1(choices, trailingCombinators);
+      t1 = A._setArrayType([], type$.JSArray_ComplexSelector_2);
+      for (t2 = J.get$iterator$ax(A.paths0(new A.WhereIterable(choices, new A._weaveParents_closure6(), type$.WhereIterable_List_Iterable_ComplexSelectorComponent_2), type$.Iterable_ComplexSelectorComponent_2)), t3 = !prefix.lineBreak, t5 = base.lineBreak; t2.moveNext$0();) {
+        t6 = t2.get$current(t2);
+        t7 = A._setArrayType([], t4);
+        for (t6 = J.get$iterator$ax(t6); t6.moveNext$0();)
+          B.JSArray_methods.addAll$1(t7, t6.get$current(t6));
+        t1.push(A.ComplexSelector$0(leadingCombinators, t7, span, !t3 || t5));
+      }
+      return t1;
+    },
+    _firstIfRootish0(queue) {
+      var first, t1, t2, _i, simple, t3;
+      if (queue.get$length(0) >= 1) {
+        first = queue.$index(0, 0);
+        for (t1 = first.selector.components, t2 = t1.length, _i = 0; _i < t2; ++_i) {
+          simple = t1[_i];
+          t3 = false;
+          if (simple instanceof A.PseudoSelector0)
+            if (simple.isClass)
+              t3 = $._rootishPseudoClasses0.contains$1(0, simple.normalizedName);
+          if (t3) {
+            queue.removeFirst$0();
+            return first;
+          }
+        }
+      }
+      return null;
+    },
+    _mergeLeadingCombinators0(combinators1, combinators2) {
+      var t1, _0_7, t2, _0_11_isSet, _0_11, combinators, _null = null;
+      $label0$0: {
+        t1 = _null;
+        _0_7 = combinators1.length;
+        t2 = _0_7;
+        t2 = t2 > 1;
+        _0_11_isSet = !t2;
+        _0_11 = _null;
+        if (_0_11_isSet) {
+          _0_11 = combinators2.length;
+          t2 = _0_11;
+          t2 = t2 > 1;
+        } else
+          t2 = true;
+        if (t2)
+          break $label0$0;
+        t2 = _0_7;
+        t2 = t2 <= 0;
+        if (t2)
+          combinators = combinators2;
+        else
+          combinators = t1;
+        t1 = t2;
+        if (!t1) {
+          t1 = false;
+          if (_0_11_isSet)
+            t1 = _0_11;
+          else {
+            _0_11 = combinators2.length;
+            t1 = _0_11;
+          }
+          t1 = t1 <= 0;
+          combinators = combinators1;
+        } else
+          t1 = true;
+        if (t1) {
+          t1 = combinators;
+          break $label0$0;
+        }
+        t1 = B.C_ListEquality.equals$2(0, combinators1, combinators2) ? combinators1 : _null;
+        break $label0$0;
+      }
+      return t1;
+    },
+    _mergeTrailingCombinators0(components1, components2, span, result) {
+      var _0_1, t1, _1_1, t2, t3, _4_1, _4_3, _4_5_isSet, _4_4, _4_5, component1, component2, t4, t5, choices, _2_0, _4_6, _4_7, followingComponents, nextComponents, _4_4_isSet, _4_9, _4_6_isSet, _4_7_isSet, _4_10_isSet, _4_10, next, following, _3_0, _4_4_isSet0, siblingComponents_case_0, siblingComponents_case_1, t6, combinator2, unified, t7, combinatorComponents_case_0, descendantComponents_case_0, t0, combinator_case_1, descendantComponents_case_1, combinatorComponents_case_1, _null = null;
+      if (result == null)
+        result = A.QueueList$(_null, type$.List_List_ComplexSelectorComponent_2);
+      $label0$0: {
+        _0_1 = components1.get$length(0);
+        if (_0_1 >= 1) {
+          t1 = components1.$index(0, _0_1 - 1).combinators;
+          break $label0$0;
+        }
+        t1 = B.List_empty15;
+        break $label0$0;
+      }
+      $label1$1: {
+        _1_1 = components2.get$length(0);
+        if (_1_1 >= 1) {
+          t2 = components2.$index(0, _1_1 - 1).combinators;
+          break $label1$1;
+        }
+        t2 = B.List_empty15;
+        break $label1$1;
+      }
+      t3 = t1.length;
+      if (t3 === 0 && t2.length === 0)
+        return result;
+      if (t3 > 1 || t2.length > 1)
+        return _null;
+      $label2$2: {
+        t3 = A.IterableExtension_get_firstOrNull(t1);
+        t3 = t3 == null ? _null : t3.value;
+        t2 = A.IterableExtension_get_firstOrNull(t2);
+        t2 = [t3, t2 == null ? _null : t2.value, components1, components2];
+        _4_1 = t2[0];
+        _4_3 = B.Combinator_55N0 === _4_1;
+        _4_5_isSet = _4_3;
+        if (_4_5_isSet) {
+          _4_4 = t2[1];
+          _4_5 = B.Combinator_55N0 === _4_4;
+          t3 = _4_5;
+        } else {
+          _4_4 = _null;
+          _4_5 = _4_4;
+          t3 = false;
+        }
+        if (t3) {
+          component1 = components1.removeLast$0(0);
+          component2 = components2.removeLast$0(0);
+          t2 = component1.selector;
+          t3 = component2.selector;
+          if (A.compoundIsSuperselector0(t2, t3, _null))
+            result.addFirst$1(A._setArrayType([A._setArrayType([component2], type$.JSArray_ComplexSelectorComponent_2)], type$.JSArray_List_ComplexSelectorComponent_2));
+          else {
+            t4 = type$.JSArray_ComplexSelectorComponent_2;
+            t5 = type$.JSArray_List_ComplexSelectorComponent_2;
+            if (A.compoundIsSuperselector0(t3, t2, _null))
+              result.addFirst$1(A._setArrayType([A._setArrayType([component1], t4)], t5));
+            else {
+              choices = A._setArrayType([A._setArrayType([component1, component2], t4), A._setArrayType([component2, component1], t4)], t5);
+              _2_0 = A.unifyCompound0(t2, t3);
+              if (_2_0 != null)
+                choices.push(A._setArrayType([new A.ComplexSelectorComponent0(_2_0, A.List_List$unmodifiable(A._setArrayType([B.JSArray_methods.get$first(t1)], type$.JSArray_CssValue_Combinator_2), type$.CssValue_Combinator_2), span)], t4));
+              result.addFirst$1(choices);
+            }
+          }
+          break $label2$2;
+        }
+        _4_6 = _null;
+        _4_7 = _null;
+        followingComponents = _null;
+        nextComponents = _null;
+        if (_4_3) {
+          if (_4_5_isSet) {
+            t3 = _4_4;
+            _4_4_isSet = _4_5_isSet;
+          } else {
+            _4_4 = t2[1];
+            t3 = _4_4;
+            _4_4_isSet = true;
+          }
+          _4_9 = B.Combinator_bOP0 === t3;
+          _4_6_isSet = _4_9;
+          if (_4_6_isSet) {
+            _4_6 = t2[2];
+            _4_7 = t2[3];
+            nextComponents = _4_7;
+            followingComponents = _4_6;
+          }
+          t3 = _4_6_isSet;
+          _4_7_isSet = t3;
+        } else {
+          _4_9 = _null;
+          _4_4_isSet = _4_5_isSet;
+          _4_6_isSet = false;
+          _4_7_isSet = false;
+          t3 = false;
+        }
+        _4_10_isSet = !t3;
+        if (_4_10_isSet) {
+          _4_10 = B.Combinator_bOP0 === _4_1;
+          t3 = _4_10;
+          if (t3) {
+            if (_4_5_isSet)
+              t3 = _4_5;
+            else {
+              if (_4_4_isSet)
+                t3 = _4_4;
+              else {
+                _4_4 = t2[1];
+                t3 = _4_4;
+                _4_4_isSet = true;
+              }
+              _4_5 = B.Combinator_55N0 === t3;
+              t3 = _4_5;
+              _4_5_isSet = true;
+            }
+            if (t3) {
+              if (_4_6_isSet)
+                nextComponents = _4_6;
+              else {
+                _4_6 = t2[2];
+                nextComponents = _4_6;
+                _4_6_isSet = true;
+              }
+              if (_4_7_isSet)
+                followingComponents = _4_7;
+              else {
+                _4_7 = t2[3];
+                followingComponents = _4_7;
+                _4_7_isSet = true;
+              }
+            }
+          } else
+            t3 = false;
+        } else {
+          _4_10 = _null;
+          t3 = true;
+        }
+        if (t3) {
+          next = nextComponents.removeLast$0(0);
+          following = followingComponents.removeLast$0(0);
+          t1 = following.selector;
+          t2 = next.selector;
+          t3 = type$.JSArray_ComplexSelectorComponent_2;
+          t4 = type$.JSArray_List_ComplexSelectorComponent_2;
+          if (A.compoundIsSuperselector0(t1, t2, _null))
+            result.addFirst$1(A._setArrayType([A._setArrayType([next], t3)], t4));
+          else {
+            t4 = A._setArrayType([A._setArrayType([following, next], t3)], t4);
+            _3_0 = A.unifyCompound0(t1, t2);
+            if (_3_0 != null)
+              t4.push(A._setArrayType([new A.ComplexSelectorComponent0(_3_0, A.List_List$unmodifiable(next.combinators, type$.CssValue_Combinator_2), span)], t3));
+            result.addFirst$1(t4);
+          }
+          break $label2$2;
+        }
+        t3 = _null;
+        if (B.Combinator_0mp0 === _4_1) {
+          _4_4_isSet0 = true;
+          if (_4_3)
+            t4 = _4_9;
+          else {
+            if (_4_4_isSet)
+              t4 = _4_4;
+            else {
+              _4_4 = t2[1];
+              t4 = _4_4;
+              _4_4_isSet = _4_4_isSet0;
+            }
+            _4_9 = B.Combinator_bOP0 === t4;
+            t4 = _4_9;
+          }
+          if (!t4)
+            if (_4_5_isSet)
+              t4 = _4_5;
+            else {
+              if (_4_4_isSet)
+                t4 = _4_4;
+              else {
+                _4_4 = t2[1];
+                t4 = _4_4;
+                _4_4_isSet = _4_4_isSet0;
+              }
+              _4_5 = B.Combinator_55N0 === t4;
+              t4 = _4_5;
+            }
+          else
+            t4 = true;
+          if (t4) {
+            if (_4_7_isSet)
+              siblingComponents_case_0 = _4_7;
+            else {
+              _4_7 = t2[3];
+              siblingComponents_case_0 = _4_7;
+              _4_7_isSet = true;
+            }
+            t3 = siblingComponents_case_0;
+          }
+        } else
+          t4 = false;
+        if (!t4) {
+          if (_4_10_isSet)
+            t4 = _4_10;
+          else {
+            _4_10 = B.Combinator_bOP0 === _4_1;
+            t4 = _4_10;
+          }
+          if (!t4)
+            t4 = _4_3;
+          else
+            t4 = true;
+          if (t4) {
+            if (_4_4_isSet)
+              t4 = _4_4;
+            else {
+              _4_4 = t2[1];
+              t4 = _4_4;
+              _4_4_isSet = true;
+            }
+            t4 = B.Combinator_0mp0 === t4;
+            if (t4) {
+              if (_4_6_isSet)
+                siblingComponents_case_1 = _4_6;
+              else {
+                _4_6 = t2[2];
+                siblingComponents_case_1 = _4_6;
+                _4_6_isSet = true;
+              }
+              t3 = siblingComponents_case_1;
+            }
+          } else
+            t4 = false;
+        } else
+          t4 = true;
+        if (t4) {
+          result.addFirst$1(A._setArrayType([A._setArrayType([t3.removeLast$0(0)], type$.JSArray_ComplexSelectorComponent_2)], type$.JSArray_List_ComplexSelectorComponent_2));
+          break $label2$2;
+        }
+        t3 = _4_1 == null;
+        t4 = !t3;
+        t5 = false;
+        if (t4) {
+          _4_4_isSet0 = true;
+          if (_4_4_isSet)
+            t6 = _4_4;
+          else {
+            _4_4 = t2[1];
+            t6 = _4_4;
+            _4_4_isSet = _4_4_isSet0;
+          }
+          if (t6 != null) {
+            if (_4_4_isSet)
+              combinator2 = _4_4;
+            else {
+              _4_4 = t2[1];
+              combinator2 = _4_4;
+              _4_4_isSet = _4_4_isSet0;
+            }
+            t5 = _4_1 === (combinator2 == null ? type$.Combinator_2._as(combinator2) : combinator2);
+          }
+        }
+        if (t5) {
+          unified = A.unifyCompound0(components1.removeLast$0(0).selector, components2.removeLast$0(0).selector);
+          if (unified == null)
+            return _null;
+          result.addFirst$1(A._setArrayType([A._setArrayType([new A.ComplexSelectorComponent0(unified, A.List_List$unmodifiable(A._setArrayType([B.JSArray_methods.get$first(t1)], type$.JSArray_CssValue_Combinator_2), type$.CssValue_Combinator_2), span)], type$.JSArray_ComplexSelectorComponent_2)], type$.JSArray_List_ComplexSelectorComponent_2));
+          break $label2$2;
+        }
+        t1 = _null;
+        t5 = _null;
+        t6 = _null;
+        t7 = false;
+        if (t4) {
+          if (_4_4_isSet)
+            t4 = _4_4;
+          else {
+            _4_4 = t2[1];
+            t4 = _4_4;
+            _4_4_isSet = true;
+          }
+          t4 = t4 == null;
+          if (t4) {
+            if (_4_6_isSet)
+              combinatorComponents_case_0 = _4_6;
+            else {
+              _4_6 = t2[2];
+              combinatorComponents_case_0 = _4_6;
+              _4_6_isSet = true;
+            }
+            if (_4_7_isSet)
+              descendantComponents_case_0 = _4_7;
+            else {
+              _4_7 = t2[3];
+              descendantComponents_case_0 = _4_7;
+              _4_7_isSet = true;
+            }
+            t1 = descendantComponents_case_0;
+            t6 = t1;
+            t1 = _4_1;
+            t5 = combinatorComponents_case_0;
+          }
+          t0 = t6;
+          t6 = t4;
+          t4 = t5;
+          t5 = t0;
+        } else {
+          t4 = t5;
+          t5 = t6;
+          t6 = t7;
+        }
+        if (!t6)
+          if (t3) {
+            if (_4_4_isSet)
+              t3 = _4_4;
+            else {
+              _4_4 = t2[1];
+              t3 = _4_4;
+              _4_4_isSet = true;
+            }
+            t3 = t3 != null;
+            if (t3) {
+              combinator_case_1 = _4_4_isSet ? _4_4 : t2[1];
+              if (combinator_case_1 == null)
+                combinator_case_1 = type$.Combinator_2._as(combinator_case_1);
+              descendantComponents_case_1 = _4_6_isSet ? _4_6 : t2[2];
+              combinatorComponents_case_1 = _4_7_isSet ? _4_7 : t2[3];
+              t1 = combinatorComponents_case_1;
+              t2 = descendantComponents_case_1;
+              t4 = t2;
+              t2 = t1;
+              t1 = combinator_case_1;
+            } else {
+              t2 = t4;
+              t4 = t5;
+            }
+            t0 = t4;
+            t4 = t3;
+            t3 = t0;
+          } else {
+            t3 = t5;
+            t2 = t4;
+            t4 = false;
+          }
+        else {
+          t3 = t5;
+          t2 = t4;
+          t4 = true;
+        }
+        if (t4) {
+          if (t1 === B.Combinator_0mp0) {
+            t1 = A.IterableExtension_get_lastOrNull(t3);
+            t1 = t1 == null ? _null : A.compoundIsSuperselector0(t1.selector, t2.get$last(t2).selector, _null);
+            t1 = t1 === true;
+          } else
+            t1 = false;
+          if (t1)
+            t3.removeLast$0(0);
+          result.addFirst$1(A._setArrayType([A._setArrayType([t2.removeLast$0(0)], type$.JSArray_ComplexSelectorComponent_2)], type$.JSArray_List_ComplexSelectorComponent_2));
+          break $label2$2;
+        }
+        return _null;
+      }
+      return A._mergeTrailingCombinators0(components1, components2, span, result);
+    },
+    _mustUnify0(complex1, complex2) {
+      var t2, t3, t4,
+        t1 = A.LinkedHashSet_LinkedHashSet$_empty(type$.SimpleSelector_2);
+      for (t2 = J.get$iterator$ax(complex1); t2.moveNext$0();)
+        for (t3 = B.JSArray_methods.get$iterator(t2.get$current(t2).selector.components), t4 = new A.WhereIterator(t3, A.functions0___isUnique$closure()); t4.moveNext$0();)
+          t1.add$1(0, t3.get$current(0));
+      if (t1._collection$_length === 0)
+        return false;
+      return J.any$1$ax(complex2, new A._mustUnify_closure0(t1));
+    },
+    _isUnique0(simple) {
+      var t1;
+      if (!(simple instanceof A.IDSelector0))
+        t1 = simple instanceof A.PseudoSelector0 && !simple.isClass;
+      else
+        t1 = true;
+      return t1;
+    },
+    _chunks0(queue1, queue2, done, $T) {
+      var chunk2, _0_4, _0_7_isSet, _0_7, _0_5, chunk, _0_5_isSet, t2,
+        t1 = $T._eval$1("JSArray<0>"),
+        chunk1 = A._setArrayType([], t1);
+      for (; !done.call$1(queue1);)
+        chunk1.push(queue1.removeFirst$0());
+      chunk2 = A._setArrayType([], t1);
+      for (; !done.call$1(queue2);)
+        chunk2.push(queue2.removeFirst$0());
+      $label0$0: {
+        _0_4 = chunk1.length <= 0;
+        _0_7_isSet = _0_4;
+        if (_0_7_isSet) {
+          _0_7 = chunk2.length <= 0;
+          t1 = _0_7;
+          _0_5 = chunk2;
+        } else {
+          _0_7 = null;
+          _0_5 = null;
+          t1 = false;
+        }
+        if (t1) {
+          t1 = A._setArrayType([], $T._eval$1("JSArray<List<0>>"));
+          break $label0$0;
+        }
+        if (_0_4)
+          if (_0_7_isSet) {
+            chunk = _0_5;
+            _0_5_isSet = _0_7_isSet;
+          } else {
+            chunk = chunk2;
+            _0_5 = chunk;
+            _0_5_isSet = true;
+          }
+        else {
+          _0_5_isSet = _0_7_isSet;
+          chunk = null;
+        }
+        if (!_0_4) {
+          if (_0_7_isSet)
+            t1 = _0_7;
+          else {
+            _0_7 = (_0_5_isSet ? _0_5 : chunk2).length <= 0;
+            t1 = _0_7;
+          }
+          chunk = chunk1;
+        } else
+          t1 = true;
+        if (t1) {
+          t1 = A._setArrayType([chunk], $T._eval$1("JSArray<List<0>>"));
+          break $label0$0;
+        }
+        t1 = A.List_List$_of(chunk1, $T);
+        B.JSArray_methods.addAll$1(t1, chunk2);
+        t2 = A.List_List$_of(chunk2, $T);
+        B.JSArray_methods.addAll$1(t2, chunk1);
+        t1 = A._setArrayType([t1, t2], $T._eval$1("JSArray<List<0>>"));
+        break $label0$0;
+      }
+      return t1;
+    },
+    paths0(choices, $T) {
+      return J.fold$2$ax(choices, A._setArrayType([A._setArrayType([], $T._eval$1("JSArray<0>"))], $T._eval$1("JSArray<List<0>>")), new A.paths_closure0($T));
+    },
+    _groupSelectors0(complex) {
+      var t2, t3, t4,
+        groups = A.QueueList$(null, type$.List_ComplexSelectorComponent_2),
+        t1 = type$.JSArray_ComplexSelectorComponent_2,
+        group = A._setArrayType([], t1);
+      for (t2 = complex.$ti, t3 = new A.ListIterator(complex, complex.get$length(0), t2._eval$1("ListIterator<ListBase.E>")), t2 = t2._eval$1("ListBase.E"); t3.moveNext$0();) {
+        t4 = t3.__internal$_current;
+        if (t4 == null)
+          t4 = t2._as(t4);
+        group.push(t4);
+        if (t4.combinators.length === 0) {
+          groups._queue_list$_add$1(group);
+          group = A._setArrayType([], t1);
+        }
+      }
+      if (group.length !== 0)
+        groups._queue_list$_add$1(group);
+      return groups;
+    },
+    listIsSuperselector0(list1, list2) {
+      return B.JSArray_methods.every$1(list2, new A.listIsSuperselector_closure0(list1));
+    },
+    _complexIsParentSuperselector0(complex1, complex2) {
+      var t1, base, t2;
+      if (J.get$length$asx(complex1) > J.get$length$asx(complex2))
+        return false;
+      t1 = $.$get$bogusSpan0();
+      base = new A.ComplexSelectorComponent0(A.CompoundSelector$0(A._setArrayType([new A.PlaceholderSelector0("<temp>", t1)], type$.JSArray_SimpleSelector_2), t1), A.List_List$unmodifiable(B.List_empty15, type$.CssValue_Combinator_2), t1);
+      t1 = type$.ComplexSelectorComponent_2;
+      t2 = A.List_List$_of(complex1, t1);
+      t2.push(base);
+      t1 = A.List_List$_of(complex2, t1);
+      t1.push(base);
+      return A.complexIsSuperselector0(t2, t1);
+    },
+    complexIsSuperselector0(complex1, complex2) {
+      var t1, t2, previousCombinator, i1, i2, remaining1, remaining2, component1, t3, t4, endOfSubselector, component2, t5, combinator1, _null = null;
+      if (B.JSArray_methods.get$last(complex1).combinators.length !== 0)
+        return false;
+      if (B.JSArray_methods.get$last(complex2).combinators.length !== 0)
+        return false;
+      for (t1 = A._arrayInstanceType(complex2), t2 = t1._precomputed1, t1 = t1._eval$1("SubListIterable<1>"), previousCombinator = _null, i1 = 0, i2 = 0; true; previousCombinator = combinator1) {
+        remaining1 = complex1.length - i1;
+        remaining2 = complex2.length - i2;
+        if (remaining1 === 0 || remaining2 === 0)
+          return false;
+        if (remaining1 > remaining2)
+          return false;
+        component1 = complex1[i1];
+        t3 = component1.combinators;
+        if (t3.length > 1)
+          return false;
+        if (remaining1 === 1)
+          if (B.JSArray_methods.any$1(complex2, new A.complexIsSuperselector_closure1()))
+            return false;
+          else {
+            t1 = component1.selector;
+            t2 = B.JSArray_methods.get$last(complex2);
+            t3 = t1.get$hasComplicatedSuperselectorSemantics() ? B.JSArray_methods.sublist$2(complex2, i2, complex2.length - 1) : _null;
+            return A.compoundIsSuperselector0(t1, t2.selector, t3);
+          }
+        for (t4 = component1.selector, endOfSubselector = i2; true;) {
+          component2 = complex2[endOfSubselector];
+          if (component2.combinators.length > 1)
+            return false;
+          t5 = t4.get$hasComplicatedSuperselectorSemantics() ? B.JSArray_methods.sublist$2(complex2, i2, endOfSubselector) : _null;
+          if (A.compoundIsSuperselector0(t4, component2.selector, t5))
+            break;
+          ++endOfSubselector;
+          if (endOfSubselector === complex2.length - 1)
+            return false;
+        }
+        t4 = new A.SubListIterable(complex2, 0, endOfSubselector, t1);
+        t4.SubListIterable$3(complex2, 0, endOfSubselector, t2);
+        if (!A._compatibleWithPreviousCombinator0(previousCombinator, t4.skip$1(0, i2)))
+          return false;
+        component2 = complex2[endOfSubselector];
+        combinator1 = A.IterableExtension_get_firstOrNull(t3);
+        if (!A._isSupercombinator0(combinator1, A.IterableExtension_get_firstOrNull(component2.combinators)))
+          return false;
+        ++i1;
+        i2 = endOfSubselector + 1;
+        if (complex1.length - i1 === 1) {
+          t3 = combinator1 == null;
+          if ((t3 ? _null : combinator1.value) === B.Combinator_55N0) {
+            t3 = complex2.length - 1;
+            t4 = new A.SubListIterable(complex2, 0, t3, t1);
+            t4.SubListIterable$3(complex2, 0, t3, t2);
+            if (!t4.skip$1(0, i2).every$1(0, new A.complexIsSuperselector_closure2(combinator1)))
+              return false;
+          } else if (!t3)
+            if (complex2.length - i2 > 1)
+              return false;
+        }
+      }
+    },
+    _compatibleWithPreviousCombinator0(previous, parents) {
+      if (parents.get$isEmpty(parents))
+        return true;
+      if (previous == null)
+        return true;
+      if (previous.value !== B.Combinator_55N0)
+        return false;
+      return parents.every$1(0, new A._compatibleWithPreviousCombinator_closure0());
+    },
+    _isSupercombinator0(combinator1, combinator2) {
+      var t2, t3,
+        t1 = true;
+      if (!J.$eq$(combinator1, combinator2)) {
+        t2 = combinator1 == null;
+        if (t2)
+          t3 = (combinator2 == null ? null : combinator2.value) === B.Combinator_0mp0;
+        else
+          t3 = false;
+        if (!t3)
+          if ((t2 ? null : combinator1.value) === B.Combinator_55N0)
+            t1 = (combinator2 == null ? null : combinator2.value) === B.Combinator_bOP0;
+          else
+            t1 = false;
+      }
+      return t1;
+    },
+    compoundIsSuperselector0(compound1, compound2, parents) {
+      var t1, _0_1, _0_5, _0_5_isSet, _0_50, index1, pseudo2, index2, t2, pseudo1, t3, t4, t5, _i, simple1, _null = null;
+      if (!compound1.get$hasComplicatedSuperselectorSemantics() && !compound2.get$hasComplicatedSuperselectorSemantics()) {
+        t1 = compound1.components;
+        if (t1.length > compound2.components.length)
+          return false;
+        return B.JSArray_methods.every$1(t1, new A.compoundIsSuperselector_closure0(compound2));
+      }
+      _0_1 = A._findPseudoElementIndexed0(compound1);
+      _0_5 = A._findPseudoElementIndexed0(compound2);
+      t1 = type$.Record_2_nullable_Object_and_nullable_Object;
+      _0_5_isSet = t1._is(_0_1);
+      _0_50 = _null;
+      index1 = _null;
+      pseudo2 = _null;
+      index2 = _null;
+      t2 = false;
+      if (_0_5_isSet) {
+        pseudo1 = _0_1._0;
+        index1 = _0_1._1;
+        t1 = t1._is(_0_5);
+        if (t1) {
+          pseudo2 = _0_5._0;
+          index2 = _0_5._1;
+        }
+        _0_50 = _0_5;
+      } else {
+        t1 = t2;
+        pseudo1 = _null;
+      }
+      if (t1) {
+        if (pseudo1.isSuperselector$1(pseudo2)) {
+          t1 = compound1.components;
+          t2 = type$.int;
+          t3 = A._arrayInstanceType(t1)._precomputed1;
+          t4 = compound2.components;
+          t5 = A._arrayInstanceType(t4)._precomputed1;
+          t1 = A._compoundComponentsIsSuperselector0(A.SubListIterable$(t1, 0, A.checkNotNullable(index1, "count", t2), t3), A.SubListIterable$(t4, 0, A.checkNotNullable(index2, "count", t2), t5), parents) && A._compoundComponentsIsSuperselector0(A.SubListIterable$(t1, index1 + 1, _null, t3), A.SubListIterable$(t4, index2 + 1, _null, t5), parents);
+        } else
+          t1 = false;
+        return t1;
+      }
+      if (_0_1 == null)
+        t1 = (_0_5_isSet ? _0_50 : _0_5) != null;
+      else
+        t1 = true;
+      if (t1)
+        return false;
+      for (t1 = compound1.components, t2 = t1.length, t3 = compound2.components, _i = 0; _i < t2; ++_i) {
+        simple1 = t1[_i];
+        if (simple1 instanceof A.PseudoSelector0)
+          t4 = simple1.selector != null;
+        else
+          t4 = false;
+        if (t4) {
+          if (!A._selectorPseudoIsSuperselector0(simple1, compound2, parents))
+            return false;
+        } else if (!B.JSArray_methods.any$1(t3, simple1.get$isSuperselector()))
+          return false;
+      }
+      return true;
+    },
+    _findPseudoElementIndexed0(compound) {
+      var t1, t2, i, simple;
+      for (t1 = compound.components, t2 = t1.length, i = 0; i < t2; ++i) {
+        simple = t1[i];
+        if (simple instanceof A.PseudoSelector0 && !simple.isClass)
+          return new A._Record_2(simple, i);
+      }
+      return null;
+    },
+    _compoundComponentsIsSuperselector0(compound1, compound2, parents) {
+      var t1;
+      if (compound1.get$length(0) === 0)
+        return true;
+      if (compound2.get$length(0) === 0)
+        compound2 = A._setArrayType([new A.UniversalSelector0("*", $.$get$bogusSpan0())], type$.JSArray_SimpleSelector_2);
+      t1 = $.$get$bogusSpan0();
+      return A.compoundIsSuperselector0(A.CompoundSelector$0(compound1, t1), A.CompoundSelector$0(compound2, t1), parents);
+    },
+    _selectorPseudoIsSuperselector0(pseudo1, compound2, parents) {
+      var selector1 = pseudo1.selector;
+      if (selector1 == null)
+        throw A.wrapException(A.ArgumentError$("Selector " + pseudo1.toString$0(0) + " must have a selector argument.", null));
+      switch (pseudo1.normalizedName) {
+        case "is":
+        case "matches":
+        case "any":
+        case "where":
+          return A._selectorPseudoArgs0(compound2, pseudo1.name, true).any$1(0, new A._selectorPseudoIsSuperselector_closure6(selector1)) || B.JSArray_methods.any$1(selector1.components, new A._selectorPseudoIsSuperselector_closure7(parents, compound2));
+        case "has":
+        case "host":
+        case "host-context":
+          return A._selectorPseudoArgs0(compound2, pseudo1.name, true).any$1(0, new A._selectorPseudoIsSuperselector_closure8(selector1));
+        case "slotted":
+          return A._selectorPseudoArgs0(compound2, pseudo1.name, false).any$1(0, new A._selectorPseudoIsSuperselector_closure9(selector1));
+        case "not":
+          return B.JSArray_methods.every$1(selector1.components, new A._selectorPseudoIsSuperselector_closure10(compound2, pseudo1));
+        case "current":
+          return A._selectorPseudoArgs0(compound2, pseudo1.name, true).any$1(0, new A._selectorPseudoIsSuperselector_closure11(selector1));
+        case "nth-child":
+        case "nth-last-child":
+          return B.JSArray_methods.any$1(compound2.components, new A._selectorPseudoIsSuperselector_closure12(pseudo1, selector1));
+        default:
+          throw A.wrapException("unreachable");
+      }
+    },
+    _selectorPseudoArgs0(compound, $name, isClass) {
+      var t1 = type$.WhereTypeIterable_PseudoSelector_2;
+      return new A.NonNullsIterable(new A.MappedIterable(new A.WhereIterable(new A.WhereTypeIterable(compound.components, t1), new A._selectorPseudoArgs_closure1(isClass, $name), t1._eval$1("WhereIterable<Iterable.E>")), new A._selectorPseudoArgs_closure2(), t1._eval$1("MappedIterable<Iterable.E,SelectorList0?>")), type$.NonNullsIterable_SelectorList_2);
+    },
+    unifyComplex_closure0: function unifyComplex_closure0() {
+    },
+    _weaveParents_closure3: function _weaveParents_closure3(t0) {
+      this.span = t0;
+    },
+    _weaveParents_closure4: function _weaveParents_closure4(t0) {
+      this.group = t0;
+    },
+    _weaveParents_closure5: function _weaveParents_closure5() {
+    },
+    _weaveParents_closure6: function _weaveParents_closure6() {
+    },
+    _mustUnify_closure0: function _mustUnify_closure0(t0) {
+      this.uniqueSelectors = t0;
+    },
+    _mustUnify__closure0: function _mustUnify__closure0(t0) {
+      this.uniqueSelectors = t0;
+    },
+    paths_closure0: function paths_closure0(t0) {
+      this.T = t0;
+    },
+    paths__closure0: function paths__closure0(t0, t1) {
+      this.paths = t0;
+      this.T = t1;
+    },
+    paths___closure0: function paths___closure0(t0, t1) {
+      this.option = t0;
+      this.T = t1;
+    },
+    listIsSuperselector_closure0: function listIsSuperselector_closure0(t0) {
+      this.list1 = t0;
+    },
+    listIsSuperselector__closure0: function listIsSuperselector__closure0(t0) {
+      this.complex1 = t0;
+    },
+    complexIsSuperselector_closure1: function complexIsSuperselector_closure1() {
+    },
+    complexIsSuperselector_closure2: function complexIsSuperselector_closure2(t0) {
+      this.combinator1 = t0;
+    },
+    _compatibleWithPreviousCombinator_closure0: function _compatibleWithPreviousCombinator_closure0() {
+    },
+    compoundIsSuperselector_closure0: function compoundIsSuperselector_closure0(t0) {
+      this.compound2 = t0;
+    },
+    _selectorPseudoIsSuperselector_closure6: function _selectorPseudoIsSuperselector_closure6(t0) {
+      this.selector1 = t0;
+    },
+    _selectorPseudoIsSuperselector_closure7: function _selectorPseudoIsSuperselector_closure7(t0, t1) {
+      this.parents = t0;
+      this.compound2 = t1;
+    },
+    _selectorPseudoIsSuperselector_closure8: function _selectorPseudoIsSuperselector_closure8(t0) {
+      this.selector1 = t0;
+    },
+    _selectorPseudoIsSuperselector_closure9: function _selectorPseudoIsSuperselector_closure9(t0) {
+      this.selector1 = t0;
+    },
+    _selectorPseudoIsSuperselector_closure10: function _selectorPseudoIsSuperselector_closure10(t0, t1) {
+      this.compound2 = t0;
+      this.pseudo1 = t1;
+    },
+    _selectorPseudoIsSuperselector__closure0: function _selectorPseudoIsSuperselector__closure0(t0, t1) {
+      this.complex = t0;
+      this.pseudo1 = t1;
+    },
+    _selectorPseudoIsSuperselector___closure1: function _selectorPseudoIsSuperselector___closure1(t0) {
+      this.simple2 = t0;
+    },
+    _selectorPseudoIsSuperselector___closure2: function _selectorPseudoIsSuperselector___closure2(t0) {
+      this.simple2 = t0;
+    },
+    _selectorPseudoIsSuperselector_closure11: function _selectorPseudoIsSuperselector_closure11(t0) {
+      this.selector1 = t0;
+    },
+    _selectorPseudoIsSuperselector_closure12: function _selectorPseudoIsSuperselector_closure12(t0, t1) {
+      this.pseudo1 = t0;
+      this.selector1 = t1;
+    },
+    _selectorPseudoArgs_closure1: function _selectorPseudoArgs_closure1(t0, t1) {
+      this.isClass = t0;
+      this.name = t1;
+    },
+    _selectorPseudoArgs_closure2: function _selectorPseudoArgs_closure2() {
+    },
+    globalFunctions_closure0: function globalFunctions_closure0() {
+    },
+    GamutMapMethod_GamutMapMethod$fromName0($name) {
+      var t1;
+      $label0$0: {
+        if ("clip" === $name) {
+          t1 = B.ClipGamutMap_clip0;
+          break $label0$0;
+        }
+        if ("local-minde" === $name) {
+          t1 = B.LocalMindeGamutMap_A2x0;
+          break $label0$0;
+        }
+        t1 = A.throwExpression(A.SassScriptException$0('Unknown gamut map method "' + $name + '".', null));
+      }
+      return t1;
+    },
+    GamutMapMethod0: function GamutMapMethod0() {
+    },
+    HslColorSpace0: function HslColorSpace0(t0, t1) {
+      this.name = t0;
+      this._space$_channels = t1;
+    },
+    HwbColorSpace0: function HwbColorSpace0(t0, t1) {
+      this.name = t0;
+      this._space$_channels = t1;
+    },
+    HwbColorSpace_convert_toRgb0: function HwbColorSpace_convert_toRgb0(t0, t1) {
+      this._box_0 = t0;
+      this.factor = t1;
+    },
+    IDSelector0: function IDSelector0(t0, t1) {
+      this.name = t0;
+      this.span = t1;
+    },
+    IDSelector_unify_closure0: function IDSelector_unify_closure0(t0) {
+      this.$this = t0;
+    },
+    IfExpression0: function IfExpression0(t0, t1) {
+      this.$arguments = t0;
+      this.span = t1;
+    },
+    IfClause$0(expression, children) {
+      var t1 = A.List_List$unmodifiable(children, type$.Statement_2);
+      return new A.IfClause0(expression, t1, B.JSArray_methods.any$1(t1, new A.IfRuleClause$__closure0()));
+    },
+    ElseClause$0(children) {
+      var t1 = A.List_List$unmodifiable(children, type$.Statement_2);
+      return new A.ElseClause0(t1, B.JSArray_methods.any$1(t1, new A.IfRuleClause$__closure0()));
+    },
+    IfRule0: function IfRule0(t0, t1, t2) {
+      this.clauses = t0;
+      this.lastClause = t1;
+      this.span = t2;
+    },
+    IfRule_toString_closure0: function IfRule_toString_closure0() {
+    },
+    IfRuleClause0: function IfRuleClause0() {
+    },
+    IfRuleClause$__closure0: function IfRuleClause$__closure0() {
+    },
+    IfRuleClause$___closure0: function IfRuleClause$___closure0() {
+    },
+    IfClause0: function IfClause0(t0, t1, t2) {
+      this.expression = t0;
+      this.children = t1;
+      this.hasDeclarations = t2;
+    },
+    ElseClause0: function ElseClause0(t0, t1) {
+      this.children = t0;
+      this.hasDeclarations = t1;
+    },
+    jsToDartList(list) {
+      return self.immutable.isOrderedMap(list) ? J.toArray$0$x(type$.ImmutableList._as(list)) : type$.List_dynamic._as(list);
+    },
+    dartMapToImmutableMap(dartMap) {
+      var t1, t2,
+        immutableMap = J.asMutable$0$x(new self.immutable.OrderedMap());
+      for (t1 = A.MapExtensions_get_pairs0(dartMap, type$.Object, type$.nullable_Object), t1 = t1.get$iterator(t1); t1.moveNext$0();) {
+        t2 = t1.get$current(t1);
+        immutableMap = J.$set$2$x(immutableMap, t2._0, t2._1);
+      }
+      return J.asImmutable$0$x(immutableMap);
+    },
+    immutableMapToDartMap(immutableMap) {
+      var dartMap = A.LinkedHashMap_LinkedHashMap$_empty(type$.Object, type$.nullable_Object);
+      J.forEach$1$ax(immutableMap, A.allowInterop(new A.immutableMapToDartMap_closure(dartMap)));
+      return dartMap;
+    },
+    ImmutableList0: function ImmutableList0() {
+    },
+    ImmutableMap0: function ImmutableMap0() {
+    },
+    immutableMapToDartMap_closure: function immutableMapToDartMap_closure(t0) {
+      this.dartMap = t0;
+    },
+    NodeImporter__addSassPath(includePaths) {
+      return new A._SyncStarIterable(A.NodeImporter__addSassPath$body(includePaths), type$._SyncStarIterable_String);
+    },
+    NodeImporter__addSassPath$body($async$includePaths) {
+      return function() {
+        var includePaths = $async$includePaths;
+        var $async$goto = 0, $async$handler = 2, $async$errorStack = [], sassPath, t1;
+        return function $async$NodeImporter__addSassPath($async$iterator, $async$errorCode, $async$result) {
+          if ($async$errorCode === 1) {
+            $async$errorStack.push($async$result);
+            $async$goto = $async$handler;
+          }
+          while (true)
+            switch ($async$goto) {
+              case 0:
+                // Function start
+                $async$goto = 3;
+                return $async$iterator._yieldStar$1(includePaths);
+              case 3:
+                // after yield
+                sassPath = A.getEnvironmentVariable0("SASS_PATH");
+                if (sassPath == null) {
+                  // goto return
+                  $async$goto = 1;
+                  break;
+                }
+                t1 = A.isNodeJs() ? self.process : null;
+                $async$goto = 4;
+                return $async$iterator._yieldStar$1(A._setArrayType(sassPath.split(J.$eq$(t1 == null ? null : J.get$platform$x(t1), "win32") ? ";" : ":"), type$.JSArray_String));
+              case 4:
+                // after yield
+              case 1:
+                // return
+                return 0;
+              case 2:
+                // rethrow
+                return $async$iterator._datum = $async$errorStack.at(-1), 3;
+            }
+        };
+      };
+    },
+    NodeImporter: function NodeImporter(t0, t1, t2) {
+      this._implementation$_options = t0;
+      this._includePaths = t1;
+      this._implementation$_importers = t2;
+    },
+    NodeImporter_load_closure: function NodeImporter_load_closure(t0, t1, t2, t3, t4) {
+      var _ = this;
+      _.$this = t0;
+      _.importer = t1;
+      _.forImport = t2;
+      _.url = t3;
+      _.previousString = t4;
+    },
+    NodeImporter__tryPath_closure: function NodeImporter__tryPath_closure(t0) {
+      this.path = t0;
+    },
+    NodeImporter__tryPath_closure0: function NodeImporter__tryPath_closure0() {
+    },
+    NodeImporter__callImporterAsync_closure: function NodeImporter__callImporterAsync_closure(t0, t1, t2, t3, t4, t5) {
+      var _ = this;
+      _.$this = t0;
+      _.importer = t1;
+      _.forImport = t2;
+      _.url = t3;
+      _.previousString = t4;
+      _.completer = t5;
+    },
+    ModifiableCssImport0: function ModifiableCssImport0(t0, t1, t2) {
+      var _ = this;
+      _.url = t0;
+      _.modifiers = t1;
+      _.span = t2;
+      _._node$_indexInParent = _._node$_parent = null;
+      _.isGroupEnd = false;
+    },
+    ImportCache$0(importers, loadPaths, packageConfig) {
+      var t1 = type$.nullable_Record_3_Importer_and_Uri_and_Uri_originalUrl_2,
+        t2 = type$.Record_3_Importer_and_Uri_and_bool_forImport_2,
+        t3 = type$.Uri;
+      return new A.ImportCache0(A.ImportCache__toImporters0(importers, loadPaths, packageConfig), A.LinkedHashMap_LinkedHashMap$_empty(type$.Record_2_Uri_and_bool_forImport, t1), A.LinkedHashMap_LinkedHashMap$_empty(t2, t1), A.LinkedHashMap_LinkedHashMap$_empty(t2, t3), A.LinkedHashMap_LinkedHashMap$_empty(t3, type$.nullable_Stylesheet_2), A.LinkedHashMap_LinkedHashMap$_empty(t3, type$.ImporterResult_2), A.LinkedHashMap_LinkedHashMap$_empty(t3, type$.DateTime));
+    },
+    ImportCache$none() {
+      var t1 = type$.nullable_Record_3_Importer_and_Uri_and_Uri_originalUrl_2,
+        t2 = type$.Record_3_Importer_and_Uri_and_bool_forImport_2,
+        t3 = type$.Uri;
+      return new A.ImportCache0(B.List_empty25, A.LinkedHashMap_LinkedHashMap$_empty(type$.Record_2_Uri_and_bool_forImport, t1), A.LinkedHashMap_LinkedHashMap$_empty(t2, t1), A.LinkedHashMap_LinkedHashMap$_empty(t2, t3), A.LinkedHashMap_LinkedHashMap$_empty(t3, type$.nullable_Stylesheet_2), A.LinkedHashMap_LinkedHashMap$_empty(t3, type$.ImporterResult_2), A.LinkedHashMap_LinkedHashMap$_empty(t3, type$.DateTime));
+    },
+    ImportCache__toImporters0(importers, loadPaths, packageConfig) {
+      var t1, t2, t3, t4, _i, path, _null = null,
+        sassPath = A.getEnvironmentVariable0("SASS_PATH");
+      if (A.isBrowser()) {
+        t1 = A._setArrayType([], type$.JSArray_Importer_2);
+        if (importers != null)
+          B.JSArray_methods.addAll$1(t1, importers);
+        return t1;
+      }
+      t1 = A._setArrayType([], type$.JSArray_Importer_2);
+      if (importers != null)
+        B.JSArray_methods.addAll$1(t1, importers);
+      if (loadPaths != null)
+        for (t2 = J.get$iterator$ax(loadPaths); t2.moveNext$0();) {
+          t3 = t2.get$current(t2);
+          t1.push(new A.FilesystemImporter0($.$get$context().absolute$15(t3, _null, _null, _null, _null, _null, _null, _null, _null, _null, _null, _null, _null, _null, _null), false));
+        }
+      if (sassPath != null) {
+        t2 = A.isNodeJs() ? self.process : _null;
+        t3 = sassPath.split(J.$eq$(t2 == null ? _null : J.get$platform$x(t2), "win32") ? ";" : ":");
+        t4 = t3.length;
+        _i = 0;
+        for (; _i < t4; ++_i) {
+          path = t3[_i];
+          t1.push(new A.FilesystemImporter0($.$get$context().absolute$15(path, _null, _null, _null, _null, _null, _null, _null, _null, _null, _null, _null, _null, _null, _null), false));
+        }
+      }
+      return t1;
+    },
+    ImportCache0: function ImportCache0(t0, t1, t2, t3, t4, t5, t6) {
+      var _ = this;
+      _._import_cache$_importers = t0;
+      _._import_cache$_canonicalizeCache = t1;
+      _._import_cache$_perImporterCanonicalizeCache = t2;
+      _._import_cache$_nonCanonicalRelativeUrls = t3;
+      _._import_cache$_importCache = t4;
+      _._import_cache$_resultsCache = t5;
+      _._import_cache$_loadTimes = t6;
+    },
+    ImportCache_canonicalize_closure0: function ImportCache_canonicalize_closure0(t0, t1, t2, t3, t4, t5, t6) {
+      var _ = this;
+      _.$this = t0;
+      _.baseImporter = t1;
+      _.resolvedUrl = t2;
+      _.baseUrl = t3;
+      _.forImport = t4;
+      _.key = t5;
+      _.url = t6;
+    },
+    ImportCache__canonicalize_closure0: function ImportCache__canonicalize_closure0(t0, t1) {
+      this.importer = t0;
+      this.url = t1;
+    },
+    ImportCache_importCanonical_closure0: function ImportCache_importCanonical_closure0(t0, t1, t2, t3) {
+      var _ = this;
+      _.$this = t0;
+      _.importer = t1;
+      _.canonicalUrl = t2;
+      _.originalUrl = t3;
+    },
+    ImportCache_humanize_closure3: function ImportCache_humanize_closure3(t0) {
+      this.canonicalUrl = t0;
+    },
+    ImportCache_humanize_closure4: function ImportCache_humanize_closure4() {
+    },
+    ImportCache_humanize_closure5: function ImportCache_humanize_closure5() {
+    },
+    ImportCache_humanize_closure6: function ImportCache_humanize_closure6(t0) {
+      this.canonicalUrl = t0;
+    },
+    ImportRule0: function ImportRule0(t0, t1) {
+      this.imports = t0;
+      this.span = t1;
+    },
+    JSImporter: function JSImporter() {
+    },
+    JSImporterResult: function JSImporterResult() {
+    },
+    Importer0: function Importer0() {
+    },
+    NodeImporterResult0: function NodeImporterResult0() {
+    },
+    IncludeRule0: function IncludeRule0(t0, t1, t2, t3, t4, t5) {
+      var _ = this;
+      _.namespace = t0;
+      _.name = t1;
+      _.originalName = t2;
+      _.$arguments = t3;
+      _.content = t4;
+      _.span = t5;
+    },
+    InterpolatedFunctionExpression0: function InterpolatedFunctionExpression0(t0, t1, t2) {
+      this.name = t0;
+      this.$arguments = t1;
+      this.span = t2;
+    },
+    Interpolation$0(contents, spans, span) {
+      var t1 = new A.Interpolation0(A.List_List$unmodifiable(contents, type$.Object), A.List_List$unmodifiable(spans, type$.nullable_FileSpan), span);
+      t1.Interpolation$30(contents, spans, span);
+      return t1;
+    },
+    Interpolation0: function Interpolation0(t0, t1, t2) {
+      this.contents = t0;
+      this.spans = t1;
+      this.span = t2;
+    },
+    Interpolation_toString_closure0: function Interpolation_toString_closure0() {
+    },
+    SupportsInterpolation0: function SupportsInterpolation0(t0, t1) {
+      this.expression = t0;
+      this.span = t1;
+    },
+    InterpolationBuffer0: function InterpolationBuffer0(t0, t1, t2) {
+      this._interpolation_buffer0$_text = t0;
+      this._interpolation_buffer0$_contents = t1;
+      this._interpolation_buffer0$_spans = t2;
+    },
+    InterpolationMap$0(_interpolation, targetLocations) {
+      var t1 = A.List_List$unmodifiable(targetLocations, type$.SourceLocation),
+        t2 = _interpolation.contents.length,
+        expectedLocations = Math.max(0, t2 - 1);
+      if (t1.length !== expectedLocations)
+        A.throwExpression(A.ArgumentError$("InterpolationMap must have " + A.S(expectedLocations) + string$.x20targe + t2 + " components.", null));
+      return new A.InterpolationMap0(_interpolation, t1);
+    },
+    InterpolationMap0: function InterpolationMap0(t0, t1) {
+      this._interpolation_map$_interpolation = t0;
+      this._interpolation_map$_targetLocations = t1;
+    },
+    InterpolationMap_mapException_closure0: function InterpolationMap_mapException_closure0() {
+    },
+    InterpolationMethod$0(space, hue) {
+      var t1;
+      if (space.get$isPolarInternal())
+        t1 = hue == null ? B.HueInterpolationMethod_00 : hue;
+      else
+        t1 = null;
+      if (!space.get$isPolarInternal() && hue != null)
+        A.throwExpression(A.ArgumentError$(string$.Hue_in + space.toString$0(0) + ".", null));
+      return new A.InterpolationMethod0(space, t1);
+    },
+    InterpolationMethod_InterpolationMethod$fromValue0(value, $name) {
+      var t1, space, hueMethod,
+        list = value.assertCommonListStyle$2$allowSlash($name, false);
+      if (list.length === 0)
+        throw A.wrapException(A.SassScriptException$0(string$.Expecta, $name));
+      t1 = B.JSArray_methods.get$first(list).assertString$1($name);
+      t1.assertUnquoted$1($name);
+      space = A.ColorSpace_fromName0(t1._string0$_text, $name);
+      if (list.length === 1)
+        return A.InterpolationMethod$0(space, null);
+      hueMethod = A.HueInterpolationMethod_HueInterpolationMethod$_fromValue0(list[1], $name);
+      if (list.length === 2)
+        throw A.wrapException(A.SassScriptException$0('Expected unquoted string "hue" after ' + value.toString$0(0) + ".", $name));
+      else {
+        t1 = list[2].assertString$1($name);
+        t1.assertUnquoted$1($name);
+        if (t1._string0$_text.toLowerCase() !== "hue")
+          throw A.wrapException(A.SassScriptException$0(string$.Expectu + value.toString$0(0) + ", was " + list[2].toString$0(0) + ".", $name));
+        else if (list.length > 3)
+          throw A.wrapException(A.SassScriptException$0('Expected nothing after "hue" in ' + value.toString$0(0) + ".", $name));
+        else if (!space.get$isPolarInternal())
+          throw A.wrapException(A.SassScriptException$0('Hue interpolation method "' + hueMethod.toString$0(0) + string$.x20hue__ + space.toString$0(0) + ".", $name));
+      }
+      return A.InterpolationMethod$0(space, hueMethod);
+    },
+    HueInterpolationMethod_HueInterpolationMethod$_fromValue0(value, $name) {
+      var _0_0,
+        t1 = value.assertString$1($name);
+      t1.assertUnquoted$0();
+      _0_0 = t1._string0$_text.toLowerCase();
+      $label0$0: {
+        if ("shorter" === _0_0) {
+          t1 = B.HueInterpolationMethod_00;
+          break $label0$0;
+        }
+        if ("longer" === _0_0) {
+          t1 = B.HueInterpolationMethod_10;
+          break $label0$0;
+        }
+        if ("increasing" === _0_0) {
+          t1 = B.HueInterpolationMethod_20;
+          break $label0$0;
+        }
+        if ("decreasing" === _0_0) {
+          t1 = B.HueInterpolationMethod_30;
+          break $label0$0;
+        }
+        t1 = A.throwExpression(A.SassScriptException$0("Unknown hue interpolation method " + value.toString$0(0) + ".", $name));
+      }
+      return t1;
+    },
+    InterpolationMethod0: function InterpolationMethod0(t0, t1) {
+      this.space = t0;
+      this.hue = t1;
+    },
+    HueInterpolationMethod0: function HueInterpolationMethod0(t0) {
+      this._name = t0;
+    },
+    _realCasePath0(path) {
+      var prefix, _null = null,
+        t1 = A.isNodeJs() ? self.process : _null;
+      if (!J.$eq$(t1 == null ? _null : J.get$platform$x(t1), "win32")) {
+        t1 = A.isNodeJs() ? self.process : _null;
+        t1 = J.$eq$(t1 == null ? _null : J.get$platform$x(t1), "darwin");
+      } else
+        t1 = true;
+      if (!t1)
+        return path;
+      t1 = A.isNodeJs() ? self.process : _null;
+      if (J.$eq$(t1 == null ? _null : J.get$platform$x(t1), "win32")) {
+        prefix = B.JSString_methods.substring$2(path, 0, $.$get$context().style.rootLength$1(path));
+        t1 = prefix.length;
+        if (t1 !== 0 && A.CharacterExtension_get_isAlphabetic0(prefix.charCodeAt(0)))
+          path = prefix.toUpperCase() + B.JSString_methods.substring$1(path, t1);
+      }
+      return new A._realCasePath_helper0().call$1(path);
+    },
+    _realCasePath_helper0: function _realCasePath_helper0() {
+    },
+    _realCasePath_helper_closure0: function _realCasePath_helper_closure0(t0, t1, t2, t3) {
+      var _ = this;
+      _.path = t0;
+      _.realPath = t1;
+      _.helper = t2;
+      _.dirname = t3;
+    },
+    _realCasePath_helper__closure0: function _realCasePath_helper__closure0(t0) {
+      this.basename = t0;
+    },
+    IsCalculationSafeVisitor0: function IsCalculationSafeVisitor0() {
+    },
+    IsCalculationSafeVisitor_visitListExpression_closure0: function IsCalculationSafeVisitor_visitListExpression_closure0(t0) {
+      this.$this = t0;
+    },
+    printError0(message) {
+      var t1 = A.isNodeJs() ? self.process : null;
+      if (t1 != null) {
+        t1 = J.get$stderr$x(t1);
+        J.write$1$x(t1, A.S(message) + "\n");
+      } else {
+        t1 = self.console;
+        J.error$1$x(t1, message);
+      }
+    },
+    readFile0(path) {
+      var contents, sourceFile, t1, i;
+      if (!A.isNodeJs())
+        throw A.wrapException(A.UnsupportedError$("readFile() is only supported on Node.js"));
+      contents = A._asString(A._readFile0(path, "utf8"));
+      if (!B.JSString_methods.contains$1(contents, "\ufffd"))
+        return contents;
+      sourceFile = A.SourceFile$fromString(contents, $.$get$context().toUri$1(path));
+      for (t1 = contents.length, i = 0; i < t1; ++i) {
+        if (contents.charCodeAt(i) !== 65533)
+          continue;
+        throw A.wrapException(A.SassException$0("Invalid UTF-8.", A.FileLocation$_(sourceFile, i).pointSpan$0(), null));
+      }
+      return contents;
+    },
+    _readFile0(path, encoding) {
+      return A._systemErrorToFileSystemException0(new A._readFile_closure0(path, encoding));
+    },
+    fileExists0(path) {
+      if (!A.isNodeJs())
+        throw A.wrapException(A.UnsupportedError$(string$.fileEx));
+      return A._systemErrorToFileSystemException0(new A.fileExists_closure0(path));
+    },
+    dirExists0(path) {
+      if (!A.isNodeJs())
+        throw A.wrapException(A.UnsupportedError$("dirExists() is only supported on Node.js"));
+      return A._systemErrorToFileSystemException0(new A.dirExists_closure0(path));
+    },
+    linkExists0(path) {
+      if (!A.isNodeJs())
+        throw A.wrapException(A.UnsupportedError$(string$.linkEx));
+      return A._systemErrorToFileSystemException0(new A.linkExists_closure0(path));
+    },
+    listDir0(path) {
+      if (!A.isNodeJs())
+        throw A.wrapException(A.UnsupportedError$("listDir() is only supported on Node.js"));
+      return A._systemErrorToFileSystemException0(new A.listDir_closure0(false, path));
+    },
+    realpath0(path) {
+      if (!A.isNodeJs())
+        throw A.wrapException(A.UnsupportedError$("listDir() is only supported on Node.js"));
+      return A._systemErrorToFileSystemException0(new A.realpath_closure0(path));
+    },
+    getEnvironmentVariable0($name) {
+      var t1 = A.isNodeJs() ? self.process : null,
+        env = t1 == null ? null : J.get$env$x(t1);
+      if (env == null)
+        t1 = null;
+      else
+        t1 = A._asStringQ(env[$name]);
+      return t1;
+    },
+    _systemErrorToFileSystemException0(callback) {
+      var error, t1, exception, t2;
+      try {
+        t1 = callback.call$0();
+        return t1;
+      } catch (exception) {
+        error = A.unwrapException(exception);
+        if (!type$.JsSystemError._is(error))
+          throw exception;
+        t1 = error;
+        t2 = J.getInterceptor$x(t1);
+        throw A.wrapException(new A.FileSystemException0(J.substring$2$s(t2.get$message(t1), (A.S(t2.get$code(t1)) + ": ").length, J.get$length$asx(t2.get$message(t1)) - (", " + A.S(t2.get$syscall(t1)) + " '" + A.S(t2.get$path(t1)) + "'").length), J.get$path$x(error)));
+      }
+    },
+    hasTerminal0() {
+      var t1 = A.isNodeJs() ? self.process : null;
+      return J.$eq$(t1 == null ? null : J.get$isTTY$x(J.get$stdout$x(t1)), true);
+    },
+    FileSystemException0: function FileSystemException0(t0, t1) {
+      this.message = t0;
+      this.path = t1;
+    },
+    _readFile_closure0: function _readFile_closure0(t0, t1) {
+      this.path = t0;
+      this.encoding = t1;
+    },
+    fileExists_closure0: function fileExists_closure0(t0) {
+      this.path = t0;
+    },
+    dirExists_closure0: function dirExists_closure0(t0) {
+      this.path = t0;
+    },
+    linkExists_closure0: function linkExists_closure0(t0) {
+      this.path = t0;
+    },
+    listDir_closure0: function listDir_closure0(t0, t1) {
+      this.recursive = t0;
+      this.path = t1;
+    },
+    listDir__closure1: function listDir__closure1(t0) {
+      this.path = t0;
+    },
+    listDir__closure2: function listDir__closure2() {
+    },
+    listDir_closure_list0: function listDir_closure_list0() {
+    },
+    listDir__list_closure0: function listDir__list_closure0(t0, t1) {
+      this.parent = t0;
+      this.list = t1;
+    },
+    realpath_closure0: function realpath_closure0(t0) {
+      this.path = t0;
+    },
+    main() {
+      J.set$compile$x(self.exports, A.allowInteropNamed("sass.compile", A.compile__compile$closure()));
+      J.set$compileString$x(self.exports, A.allowInteropNamed("sass.compileString", A.compile__compileString$closure()));
+      J.set$compileAsync$x(self.exports, A.allowInteropNamed("sass.compileAsync", A.compile__compileAsync$closure()));
+      J.set$compileStringAsync$x(self.exports, A.allowInteropNamed("sass.compileStringAsync", A.compile__compileStringAsync$closure()));
+      J.set$initCompiler$x(self.exports, A.allowInteropNamed("sass.initCompiler", A.compiler__initCompiler$closure()));
+      J.set$initAsyncCompiler$x(self.exports, A.allowInteropNamed("sass.initAsyncCompiler", A.compiler__initAsyncCompiler$closure()));
+      J.set$Compiler$x(self.exports, $.$get$compilerClass());
+      J.set$AsyncCompiler$x(self.exports, $.$get$asyncCompilerClass());
+      J.set$Value$x(self.exports, $.$get$valueClass());
+      J.set$SassBoolean$x(self.exports, $.$get$booleanClass());
+      J.set$SassArgumentList$x(self.exports, $.$get$argumentListClass());
+      J.set$SassCalculation$x(self.exports, $.$get$calculationClass());
+      J.set$CalculationOperation$x(self.exports, $.$get$calculationOperationClass());
+      J.set$CalculationInterpolation$x(self.exports, $.$get$calculationInterpolationClass());
+      J.set$SassColor$x(self.exports, $.$get$colorClass());
+      J.set$SassFunction$x(self.exports, $.$get$functionClass());
+      J.set$SassMixin$x(self.exports, $.$get$mixinClass());
+      J.set$SassList$x(self.exports, $.$get$listClass());
+      J.set$SassMap$x(self.exports, $.$get$mapClass());
+      J.set$SassNumber$x(self.exports, $.$get$numberClass());
+      J.set$SassString$x(self.exports, $.$get$stringClass());
+      J.set$sassNull$x(self.exports, B.C__SassNull0);
+      J.set$sassTrue$x(self.exports, B.SassBoolean_true0);
+      J.set$sassFalse$x(self.exports, B.SassBoolean_false0);
+      J.set$Exception$x(self.exports, $.$get$exceptionClass());
+      J.set$Logger$x(self.exports, {silent: {warn: A.allowInteropNamed("sass.Logger.silent.warn", new A.main_closure()), debug: A.allowInteropNamed("sass.Logger.silent.debug", new A.main_closure0())}});
+      J.set$NodePackageImporter$x(self.exports, $.$get$nodePackageImporterClass());
+      J.set$deprecations$x(self.exports, A.jsify($.$get$deprecations()));
+      J.set$Version$x(self.exports, $.$get$versionClass());
+      J.set$loadParserExports_$x(self.exports, A.allowInterop(A.parser0__loadParserExports$closure()));
+      J.set$info$x(self.exports, "dart-sass\t1.93.2\t(Sass Compiler)\t[Dart]\ndart2js\t3.9.3\t(Dart Compiler)\t[Dart]");
+      A.updateCanonicalizeContextPrototype();
+      A.updateSourceSpanPrototype();
+      J.set$render$x(self.exports, A.allowInteropNamed("sass.render", A.legacy__render$closure()));
+      J.set$renderSync$x(self.exports, A.allowInteropNamed("sass.renderSync", A.legacy__renderSync$closure()));
+      J.set$types$x(self.exports, {Boolean: $.$get$legacyBooleanClass(), Color: $.$get$legacyColorClass(), List: $.$get$legacyListClass(), Map: $.$get$legacyMapClass(), Null: $.$get$legacyNullClass(), Number: $.$get$legacyNumberClass(), String: $.$get$legacyStringClass(), Error: self.Error});
+      J.set$NULL$x(self.exports, B.C__SassNull0);
+      J.set$TRUE$x(self.exports, B.SassBoolean_true0);
+      J.set$FALSE$x(self.exports, B.SassBoolean_false0);
+    },
+    main_closure: function main_closure() {
+    },
+    main_closure0: function main_closure0() {
+    },
+    JSToDartLogger: function JSToDartLogger(t0, t1, t2) {
+      this._node = t0;
+      this._fallback = t1;
+      this._ascii = t2;
+    },
+    JSToDartLogger_internalWarn_closure: function JSToDartLogger_internalWarn_closure(t0, t1, t2, t3, t4) {
+      var _ = this;
+      _.$this = t0;
+      _.message = t1;
+      _.span = t2;
+      _.trace = t3;
+      _.deprecation = t4;
+    },
+    JSToDartLogger_debug_closure: function JSToDartLogger_debug_closure(t0, t1, t2) {
+      this.$this = t0;
+      this.message = t1;
+      this.span = t2;
+    },
+    ModifiableCssKeyframeBlock$0(selector, span) {
+      var t1 = A._setArrayType([], type$.JSArray_ModifiableCssNode_2);
+      return new A.ModifiableCssKeyframeBlock0(selector, span, new A.UnmodifiableListView(t1, type$.UnmodifiableListView_ModifiableCssNode_2), t1);
+    },
+    ModifiableCssKeyframeBlock0: function ModifiableCssKeyframeBlock0(t0, t1, t2, t3) {
+      var _ = this;
+      _.selector = t0;
+      _.span = t1;
+      _.children = t2;
+      _._node$_children = t3;
+      _._node$_indexInParent = _._node$_parent = null;
+      _.isGroupEnd = false;
+    },
+    KeyframeSelectorParser0: function KeyframeSelectorParser0(t0, t1) {
+      this.scanner = t0;
+      this._parser1$_interpolationMap = t1;
+    },
+    KeyframeSelectorParser_parse_closure0: function KeyframeSelectorParser_parse_closure0(t0) {
+      this.$this = t0;
+    },
+    LabColorSpace0: function LabColorSpace0(t0, t1) {
+      this.name = t0;
+      this._space$_channels = t1;
+    },
+    LazyFileSpan0: function LazyFileSpan0(t0) {
+      this._lazy_file_span0$_builder = t0;
+      this._lazy_file_span0$_span = null;
+    },
+    LchColorSpace0: function LchColorSpace0(t0, t1) {
+      this.name = t0;
+      this._space$_channels = t1;
+    },
+    render(options, callback) {
+      var _0_0;
+      if (!A.isNodeJs())
+        A.jsThrow(new self.Error("The render() method is only available in Node.js."));
+      _0_0 = J.get$fiber$x(options);
+      if (_0_0 != null)
+        J.run$0$x(_0_0.call$1(A.allowInterop(new A.render_closure(callback, options))));
+      else
+        A._renderAsync(options).then$1$2$onError(0, new A.render_closure0(callback), new A.render_closure1(callback), type$.Null);
+    },
+    _renderAsync(options) {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.RenderResult),
+        $async$returnValue, t5, t6, t7, t8, t9, t10, t11, t12, t13, t14, t15, result, start, t1, file, t2, t3, t4, logger, _0_0;
+      var $async$_renderAsync = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              start = new A.DateTime(Date.now(), 0, false);
+              t1 = J.getInterceptor$x(options);
+              file = A.NullableExtension_andThen0(t1.get$file(options), A.path__absolute$closure());
+              t2 = t1.get$logger(options);
+              t3 = A.hasTerminal0();
+              t4 = $._glyphs;
+              logger = new A.JSToDartLogger(t2, new A.StderrLogger0(t3), t4 === B.C_AsciiGlyphSet);
+              _0_0 = t1.get$data(options);
+              $async$goto = _0_0 != null ? 3 : 5;
+              break;
+            case 3:
+              // then
+              t2 = A._parseImporter(options, start);
+              t3 = A._parsePackageImportersAsync(options, start);
+              t4 = A._parseFunctions(options, start, true);
+              t5 = t1.get$indentedSyntax(options);
+              t5 = !J.$eq$(t5, false) && t5 != null ? B.Syntax_Sass_sass0 : null;
+              t6 = A._parseOutputStyle(t1.get$outputStyle(options));
+              t7 = J.$eq$(t1.get$indentType(options), "tab");
+              t8 = A._parseIndentWidth(t1.get$indentWidth(options));
+              t9 = A._parseLineFeed(t1.get$linefeed(options));
+              t10 = file == null ? "stdin" : $.$get$context().toUri$1(file).toString$0(0);
+              t11 = t1.get$quietDeps(options);
+              if (t11 == null)
+                t11 = false;
+              t12 = A.parseDeprecations(logger, t1.get$fatalDeprecations(options), true);
+              t13 = A.parseDeprecations(logger, t1.get$futureDeprecations(options), false);
+              t14 = A.parseDeprecations(logger, t1.get$silenceDeprecations(options), false);
+              t15 = t1.get$verbose(options);
+              if (t15 == null)
+                t15 = false;
+              t1 = t1.get$charset(options);
+              if (t1 == null)
+                t1 = true;
+              $async$goto = 6;
+              return A._asyncAwait(A.compileStringAsync0(_0_0, t1, t12, t4, t13, t3, null, t8, t9, logger, t2, t11, t14, A._enableSourceMaps(options), t6, t5, t10, !t7, t15), $async$_renderAsync);
+            case 6:
+              // returning from await.
+              result = $async$result;
+              // goto join
+              $async$goto = 4;
+              break;
+            case 5:
+              // else
+              $async$goto = file != null ? 7 : 9;
+              break;
+            case 7:
+              // then
+              t2 = A._parseImporter(options, start);
+              t3 = A._parsePackageImportersAsync(options, start);
+              t4 = A._parseFunctions(options, start, true);
+              t5 = t1.get$indentedSyntax(options);
+              t5 = !J.$eq$(t5, false) && t5 != null ? B.Syntax_Sass_sass0 : null;
+              t6 = A._parseOutputStyle(t1.get$outputStyle(options));
+              t7 = J.$eq$(t1.get$indentType(options), "tab");
+              t8 = A._parseIndentWidth(t1.get$indentWidth(options));
+              t9 = A._parseLineFeed(t1.get$linefeed(options));
+              t10 = t1.get$quietDeps(options);
+              if (t10 == null)
+                t10 = false;
+              t11 = A.parseDeprecations(logger, t1.get$fatalDeprecations(options), true);
+              t12 = A.parseDeprecations(logger, t1.get$futureDeprecations(options), false);
+              t13 = A.parseDeprecations(logger, t1.get$silenceDeprecations(options), false);
+              t14 = t1.get$verbose(options);
+              if (t14 == null)
+                t14 = false;
+              t1 = t1.get$charset(options);
+              if (t1 == null)
+                t1 = true;
+              $async$goto = 10;
+              return A._asyncAwait(A.compileAsync0(file, t1, t11, t4, t12, t3, t8, t9, logger, t2, t10, t13, A._enableSourceMaps(options), t6, t5, !t7, t14), $async$_renderAsync);
+            case 10:
+              // returning from await.
+              result = $async$result;
+              // goto join
+              $async$goto = 8;
+              break;
+            case 9:
+              // else
+              throw A.wrapException(A.ArgumentError$(string$.Either, null));
+            case 8:
+              // join
+            case 4:
+              // join
+              $async$returnValue = A._newRenderResult(options, result, start);
+              // goto return
+              $async$goto = 1;
+              break;
+            case 1:
+              // return
+              return A._asyncReturn($async$returnValue, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$_renderAsync, $async$completer);
+    },
+    renderSync(options) {
+      var start, result, file, logger, _0_0, data, error, stackTrace, error0, stackTrace0, t1, t2, t3, t4, t5, t6, t7, t8, t9, t10, t11, t12, t13, t14, t15, t16, exception, _null = null;
+      if (!A.isNodeJs())
+        A.jsThrow(new self.Error("The renderSync() method is only available in Node.js."));
+      try {
+        start = new A.DateTime(Date.now(), 0, false);
+        result = null;
+        t1 = J.getInterceptor$x(options);
+        file = A.NullableExtension_andThen0(t1.get$file(options), A.path__absolute$closure());
+        t2 = t1.get$logger(options);
+        t3 = A.hasTerminal0();
+        t4 = $._glyphs;
+        logger = new A.JSToDartLogger(t2, new A.StderrLogger0(t3), t4 === B.C_AsciiGlyphSet);
+        _0_0 = t1.get$data(options);
+        data = null;
+        if (_0_0 != null) {
+          data = _0_0;
+          t2 = data;
+          t3 = A._parseImporter(options, start);
+          t4 = A._parsePackageImporters(options, start);
+          t5 = A._parseFunctions(options, start, false);
+          t6 = t1.get$indentedSyntax(options);
+          t6 = !J.$eq$(t6, false) && t6 != null ? B.Syntax_Sass_sass0 : _null;
+          t7 = A._parseOutputStyle(t1.get$outputStyle(options));
+          t8 = J.$eq$(t1.get$indentType(options), "tab");
+          t9 = A._parseIndentWidth(t1.get$indentWidth(options));
+          t10 = A._parseLineFeed(t1.get$linefeed(options));
+          t11 = file == null ? "stdin" : $.$get$context().toUri$1(file).toString$0(0);
+          t12 = t1.get$quietDeps(options);
+          if (t12 == null)
+            t12 = false;
+          t13 = A.parseDeprecations(logger, t1.get$fatalDeprecations(options), true);
+          t14 = A.parseDeprecations(logger, t1.get$futureDeprecations(options), false);
+          t15 = A.parseDeprecations(logger, t1.get$silenceDeprecations(options), false);
+          t16 = t1.get$verbose(options);
+          if (t16 == null)
+            t16 = false;
+          t1 = t1.get$charset(options);
+          if (t1 == null)
+            t1 = true;
+          result = A.compileString(t2, t1, t13, new A.CastList(t5, A._arrayInstanceType(t5)._eval$1("CastList<1,Callable>")), t14, t4, _null, t9, t10, logger, t3, t12, t15, A._enableSourceMaps(options), t7, t6, t11, !t8, t16);
+        } else if (file != null) {
+          t2 = A._parseImporter(options, start);
+          t3 = A._parsePackageImporters(options, start);
+          t4 = A._parseFunctions(options, start, false);
+          t5 = t1.get$indentedSyntax(options);
+          t5 = !J.$eq$(t5, false) && t5 != null ? B.Syntax_Sass_sass0 : _null;
+          t6 = A._parseOutputStyle(t1.get$outputStyle(options));
+          t7 = J.$eq$(t1.get$indentType(options), "tab");
+          t8 = A._parseIndentWidth(t1.get$indentWidth(options));
+          t9 = A._parseLineFeed(t1.get$linefeed(options));
+          t10 = t1.get$quietDeps(options);
+          if (t10 == null)
+            t10 = false;
+          t11 = A.parseDeprecations(logger, t1.get$fatalDeprecations(options), true);
+          t12 = A.parseDeprecations(logger, t1.get$futureDeprecations(options), false);
+          t13 = A.parseDeprecations(logger, t1.get$silenceDeprecations(options), false);
+          t14 = t1.get$verbose(options);
+          if (t14 == null)
+            t14 = false;
+          t1 = t1.get$charset(options);
+          if (t1 == null)
+            t1 = true;
+          result = A.compile(file, t1, t11, new A.CastList(t4, A._arrayInstanceType(t4)._eval$1("CastList<1,Callable>")), t12, t3, t8, t9, logger, t2, t10, t13, A._enableSourceMaps(options), t6, t5, !t7, t14);
+        } else {
+          t1 = A.ArgumentError$(string$.Either, _null);
+          throw A.wrapException(t1);
+        }
+        t1 = A._newRenderResult(options, result, start);
+        return t1;
+      } catch (exception) {
+        t1 = A.unwrapException(exception);
+        if (t1 instanceof A.SassException0) {
+          error = t1;
+          stackTrace = A.getTraceFromException(exception);
+          A.jsThrow(A._wrapException(error, stackTrace));
+        } else {
+          error0 = t1;
+          stackTrace0 = A.getTraceFromException(exception);
+          t1 = J.toString$0$(error0);
+          t2 = A.getTrace0(error0);
+          A.jsThrow(A._newRenderError(t1, t2 == null ? stackTrace0 : t2, _null, _null, _null, 3));
+        }
+      }
+    },
+    _wrapException(exception, stackTrace) {
+      var t2, t3, t4, t5,
+        t1 = A.SourceSpanException.prototype.get$span.call(exception, 0),
+        _0_0 = t1.get$sourceUrl(t1);
+      $label0$0: {
+        if (_0_0 == null) {
+          t1 = "stdin";
+          break $label0$0;
+        }
+        if ("file" === _0_0.get$scheme()) {
+          t1 = $.$get$context().style.pathFromUri$1(A._parseUri(_0_0));
+          break $label0$0;
+        }
+        t1 = _0_0.toString$0(0);
+        break $label0$0;
+      }
+      t2 = B.JSString_methods.replaceFirst$2(exception.toString$0(0), "Error: ", "");
+      t3 = A.getTrace0(exception);
+      if (t3 == null)
+        t3 = stackTrace;
+      t4 = A.SourceSpanException.prototype.get$span.call(exception, 0);
+      t4 = t4.get$start(t4);
+      t4 = t4.file.getLine$1(t4.offset);
+      t5 = A.SourceSpanException.prototype.get$span.call(exception, 0);
+      t5 = t5.get$start(t5);
+      return A._newRenderError(t2, t3, t5.file.getColumn$1(t5.offset) + 1, t1, t4 + 1, 1);
+    },
+    _parseFunctions(options, start, asynch) {
+      var result,
+        functions = J.get$functions$x(options);
+      if (functions == null)
+        return B.List_empty26;
+      result = A._setArrayType([], type$.JSArray_AsyncCallable_2);
+      A.jsForEach(functions, new A._parseFunctions_closure(options, start, result, asynch));
+      return result;
+    },
+    _parseImporter(options, start) {
+      var t2, t3, contextOptions, _1_0, t4, importers,
+        t1 = J.getInterceptor$x(options),
+        _0_0 = t1.get$importer(options);
+      $label0$0: {
+        if (_0_0 == null) {
+          t2 = A._setArrayType([], type$.JSArray_JSFunction);
+          break $label0$0;
+        }
+        if (type$.List_dynamic._is(_0_0)) {
+          t2 = J.cast$1$0$ax(_0_0, type$.JSFunction);
+          break $label0$0;
+        }
+        t2 = A._setArrayType([type$.JSFunction._as(_0_0)], type$.JSArray_JSFunction);
+        break $label0$0;
+      }
+      t3 = J.getInterceptor$asx(t2);
+      contextOptions = t3.get$isNotEmpty(t2) ? A._contextOptions(options, start) : new A.Object();
+      _1_0 = t1.get$fiber(options);
+      t4 = {};
+      t4.fiber = null;
+      if (_1_0 != null) {
+        t4.fiber = _1_0;
+        t2 = t3.map$1$1(t2, new A._parseImporter_closure(t4), type$.JSFunction);
+        importers = A.List_List$_of(t2, t2.$ti._eval$1("ListIterable.E"));
+      } else
+        importers = t2;
+      t1 = t1.get$includePaths(options);
+      if (t1 == null)
+        t1 = [];
+      t2 = type$.String;
+      return new A.NodeImporter(contextOptions, A.List_List$unmodifiable(A.NodeImporter__addSassPath(A.List_List$from(t1, true, t2)), t2), A.List_List$unmodifiable(J.cast$1$0$ax(importers, type$.dynamic), type$.JSFunction));
+    },
+    _parsePackageImportersAsync(options, start) {
+      var t2, t3, t4,
+        t1 = J.getInterceptor$x(options);
+      if (t1.get$pkgImporter(options) instanceof A.NodePackageImporter0) {
+        t1 = t1.get$pkgImporter(options);
+        t1.toString;
+        t2 = type$.nullable_Record_3_AsyncImporter_and_Uri_and_Uri_originalUrl_2;
+        t3 = type$.Record_3_AsyncImporter_and_Uri_and_bool_forImport_2;
+        t4 = type$.Uri;
+        return new A.AsyncImportCache0(A.List_List$unmodifiable(A._setArrayType([t1], type$.JSArray_AsyncImporter), type$.AsyncImporter), A.LinkedHashMap_LinkedHashMap$_empty(type$.Record_2_Uri_and_bool_forImport, t2), A.LinkedHashMap_LinkedHashMap$_empty(t3, t2), A.LinkedHashMap_LinkedHashMap$_empty(t3, t4), A.LinkedHashMap_LinkedHashMap$_empty(t4, type$.nullable_Stylesheet_2), A.LinkedHashMap_LinkedHashMap$_empty(t4, type$.ImporterResult_2), A.LinkedHashMap_LinkedHashMap$_empty(t4, type$.DateTime));
+      }
+      return null;
+    },
+    _parsePackageImporters(options, start) {
+      var t2, t3, t4,
+        t1 = J.getInterceptor$x(options);
+      if (t1.get$pkgImporter(options) instanceof A.NodePackageImporter0) {
+        t1 = t1.get$pkgImporter(options);
+        t1.toString;
+        t2 = type$.nullable_Record_3_Importer_and_Uri_and_Uri_originalUrl_2;
+        t3 = type$.Record_3_Importer_and_Uri_and_bool_forImport_2;
+        t4 = type$.Uri;
+        return new A.ImportCache0(A.List_List$unmodifiable(A._setArrayType([t1], type$.JSArray_Importer_2), type$.Importer), A.LinkedHashMap_LinkedHashMap$_empty(type$.Record_2_Uri_and_bool_forImport, t2), A.LinkedHashMap_LinkedHashMap$_empty(t3, t2), A.LinkedHashMap_LinkedHashMap$_empty(t3, t4), A.LinkedHashMap_LinkedHashMap$_empty(t4, type$.nullable_Stylesheet_2), A.LinkedHashMap_LinkedHashMap$_empty(t4, type$.ImporterResult_2), A.LinkedHashMap_LinkedHashMap$_empty(t4, type$.DateTime));
+      }
+      return null;
+    },
+    _contextOptions(options, start) {
+      var includePaths, t3, t4, t5, t6, t7,
+        t1 = J.getInterceptor$x(options),
+        t2 = t1.get$includePaths(options);
+      if (t2 == null)
+        t2 = [];
+      includePaths = A.List_List$from(t2, true, type$.String);
+      t2 = t1.get$file(options);
+      t3 = t1.get$data(options);
+      t4 = A._setArrayType([A.current()], type$.JSArray_String);
+      B.JSArray_methods.addAll$1(t4, includePaths);
+      t5 = A.isNodeJs() ? self.process : null;
+      t4 = B.JSArray_methods.join$1(t4, J.$eq$(t5 == null ? null : J.get$platform$x(t5), "win32") ? ";" : ":");
+      t5 = J.$eq$(t1.get$indentType(options), "tab") ? 1 : 0;
+      t6 = A._parseIndentWidth(t1.get$indentWidth(options));
+      if (t6 == null)
+        t6 = 2;
+      t7 = A._parseLineFeed(t1.get$linefeed(options));
+      t1 = t1.get$file(options);
+      if (t1 == null)
+        t1 = "data";
+      return {file: t2, data: t3, includePaths: t4, precision: 10, style: 1, indentType: t5, indentWidth: t6, linefeed: t7.text, result: {stats: {start: start._value, entry: t1}}};
+    },
+    _parseOutputStyle(style) {
+      var t1;
+      $label0$0: {
+        if (style == null || "expanded" === style) {
+          t1 = B.OutputStyle_00;
+          break $label0$0;
+        }
+        if ("compressed" === style) {
+          t1 = B.OutputStyle_10;
+          break $label0$0;
+        }
+        t1 = A.jsThrow(new self.Error('Unknown output style "' + style + '".'));
+      }
+      return t1;
+    },
+    _parseIndentWidth(width) {
+      var t1;
+      $label0$0: {
+        if (width == null) {
+          t1 = null;
+          break $label0$0;
+        }
+        if (A._isInt(width)) {
+          t1 = width;
+          break $label0$0;
+        }
+        t1 = A.int_parse(J.toString$0$(width), null);
+        break $label0$0;
+      }
+      return t1;
+    },
+    _parseLineFeed(str) {
+      var t1;
+      $label0$0: {
+        if ("cr" === str) {
+          t1 = B.LineFeed_ybQ;
+          break $label0$0;
+        }
+        if ("crlf" === str) {
+          t1 = B.LineFeed_Pcs;
+          break $label0$0;
+        }
+        if ("lfcr" === str) {
+          t1 = B.LineFeed_G7N;
+          break $label0$0;
+        }
+        t1 = B.LineFeed_9HY;
+        break $label0$0;
+      }
+      return t1;
+    },
+    _newRenderResult(options, result, start) {
+      var t3, sourceMapOption, sourceMapPath, t4, sourceMapDir, outFile, t5, _0_0, t6, sourceMapDirUrl, i, source, t7, buffer, indices, url, t8, _null = null,
+        t1 = Date.now(),
+        t2 = result._compile_result$_serialize,
+        css = t2._0,
+        sourceMapBytes = self.undefined;
+      if (A._enableSourceMaps(options)) {
+        t3 = J.getInterceptor$x(options);
+        sourceMapOption = t3.get$sourceMap(options);
+        if (typeof sourceMapOption == "string")
+          sourceMapPath = sourceMapOption;
+        else {
+          t4 = t3.get$outFile(options);
+          t4.toString;
+          sourceMapPath = J.$add$ansx(t4, ".map");
+        }
+        t4 = $.$get$context();
+        sourceMapDir = t4.dirname$1(sourceMapPath);
+        t2 = t2._1;
+        t2.toString;
+        t2.sourceRoot = t3.get$sourceMapRoot(options);
+        outFile = t3.get$outFile(options);
+        t5 = outFile == null;
+        if (t5) {
+          _0_0 = t3.get$file(options);
+          $label0$0: {
+            if (_0_0 != null) {
+              t6 = t4.toUri$1(t4.withoutExtension$1(_0_0) + ".css").toString$0(0);
+              break $label0$0;
+            }
+            t6 = t2.targetUrl = "stdin.css";
+            break $label0$0;
+          }
+          t2.targetUrl = t6;
+        } else
+          t2.targetUrl = t4.toUri$1(t4.relative$2$from(outFile, sourceMapDir)).toString$0(0);
+        sourceMapDirUrl = t4.toUri$1(sourceMapDir).toString$0(0);
+        for (t4 = t2.urls, i = 0; i < t4.length; ++i) {
+          source = t4[i];
+          if (source === "stdin")
+            continue;
+          t6 = $.$get$url();
+          t7 = t6.style;
+          if (t7.rootLength$1(source) <= 0 || t7.isRootRelative$1(source))
+            continue;
+          t4[i] = t6.relative$2$from(source, sourceMapDirUrl);
+        }
+        t4 = t3.get$sourceMapContents(options);
+        sourceMapBytes = self.Buffer.from(B.C_JsonCodec.encode$2$toEncodable(t2.toJson$1$includeSourceContents(!J.$eq$(t4, false) && t4 != null), _null), "utf8");
+        t2 = t3.get$omitSourceMapUrl(options);
+        if (!(!J.$eq$(t2, false) && t2 != null)) {
+          t2 = t3.get$sourceMapEmbed(options);
+          if (!J.$eq$(t2, false) && t2 != null) {
+            buffer = new A.StringBuffer("");
+            indices = A._setArrayType([-1], type$.JSArray_int);
+            A.UriData__writeUri("application/json", _null, _null, buffer, indices);
+            indices.push(buffer._contents.length);
+            indices.push((buffer._contents += ";base64,").length - 1);
+            t2 = B.C_Base64Encoder.startChunkedConversion$1(new A._StringSinkConversionSink(buffer));
+            t3 = sourceMapBytes.length;
+            A.RangeError_checkValidRange(0, t3, t3);
+            t2._convert$_add$4(sourceMapBytes, 0, t3, true);
+            t2 = buffer._contents;
+            url = new A.UriData(t2.charCodeAt(0) == 0 ? t2 : t2, indices, _null).get$uri();
+          } else {
+            if (t5)
+              t2 = sourceMapPath;
+            else {
+              t2 = $.$get$context();
+              t2 = t2.relative$2$from(sourceMapPath, t2.dirname$1(outFile));
+            }
+            url = $.$get$context().toUri$1(t2);
+          }
+          t2 = url.toString$0(0);
+          css += "\n\n/*# sourceMappingURL=" + A.stringReplaceAllUnchecked(t2, "*/", "%2A/") + " */";
+        }
+      }
+      t2 = self.Buffer.from(css, "utf8");
+      t3 = J.get$file$x(options);
+      if (t3 == null)
+        t3 = "data";
+      t4 = start._value;
+      t5 = B.JSInt_methods._tdivFast$1(A.Duration$(0 - start._microsecond, t1 - t4)._duration, 1000);
+      t6 = A._setArrayType([], type$.JSArray_String);
+      for (t7 = result._evaluate._0, t7 = t7.get$iterator(t7); t7.moveNext$0();) {
+        t8 = t7.get$current(t7);
+        t6.push(t8.get$scheme() === "file" ? $.$get$context().style.pathFromUri$1(A._parseUri(t8)) : t8.toString$0(0));
+      }
+      return {css: t2, map: sourceMapBytes, stats: {entry: t3, start: t4, end: t1, duration: t5, includedFiles: t6}};
+    },
+    _enableSourceMaps(options) {
+      var t2,
+        t1 = J.getInterceptor$x(options);
+      if (typeof t1.get$sourceMap(options) != "string") {
+        t2 = t1.get$sourceMap(options);
+        t1 = !J.$eq$(t2, false) && t2 != null && t1.get$outFile(options) != null;
+      } else
+        t1 = true;
+      return t1;
+    },
+    _newRenderError(message, stackTrace, column, file, line, $status) {
+      var error = new self.Error(message);
+      error.formatted = "Error: " + message;
+      if (line != null)
+        error.line = line;
+      if (column != null)
+        error.column = column;
+      if (file != null)
+        error.file = file;
+      error.status = $status;
+      A.attachJsStack(error, stackTrace);
+      return error;
+    },
+    render_closure: function render_closure(t0, t1) {
+      this.callback = t0;
+      this.options = t1;
+    },
+    render_closure0: function render_closure0(t0) {
+      this.callback = t0;
+    },
+    render_closure1: function render_closure1(t0) {
+      this.callback = t0;
+    },
+    _parseFunctions_closure: function _parseFunctions_closure(t0, t1, t2, t3) {
+      var _ = this;
+      _.options = t0;
+      _.start = t1;
+      _.result = t2;
+      _.asynch = t3;
+    },
+    _parseFunctions__closure: function _parseFunctions__closure(t0, t1, t2) {
+      this._box_0 = t0;
+      this.callback = t1;
+      this.context = t2;
+    },
+    _parseFunctions___closure2: function _parseFunctions___closure2(t0) {
+      this.currentFiber = t0;
+    },
+    _parseFunctions____closure: function _parseFunctions____closure(t0, t1) {
+      this.currentFiber = t0;
+      this.result = t1;
+    },
+    _parseFunctions___closure3: function _parseFunctions___closure3(t0, t1, t2) {
+      this.callback = t0;
+      this.context = t1;
+      this.jsArguments = t2;
+    },
+    _parseFunctions___closure4: function _parseFunctions___closure4(t0) {
+      this._box_0 = t0;
+    },
+    _parseFunctions__closure0: function _parseFunctions__closure0(t0, t1) {
+      this.callback = t0;
+      this.context = t1;
+    },
+    _parseFunctions___closure1: function _parseFunctions___closure1(t0, t1, t2) {
+      this.callback = t0;
+      this.context = t1;
+      this.$arguments = t2;
+    },
+    _parseFunctions__closure1: function _parseFunctions__closure1(t0, t1) {
+      this.callback = t0;
+      this.context = t1;
+    },
+    _parseFunctions___closure: function _parseFunctions___closure(t0) {
+      this.completer = t0;
+    },
+    _parseFunctions___closure0: function _parseFunctions___closure0(t0, t1, t2) {
+      this.callback = t0;
+      this.context = t1;
+      this.jsArguments = t2;
+    },
+    _parseImporter_closure: function _parseImporter_closure(t0) {
+      this._box_0 = t0;
+    },
+    _parseImporter__closure: function _parseImporter__closure(t0, t1) {
+      this._box_0 = t0;
+      this.importer = t1;
+    },
+    _parseImporter___closure: function _parseImporter___closure(t0) {
+      this.currentFiber = t0;
+    },
+    _parseImporter____closure: function _parseImporter____closure(t0, t1) {
+      this.currentFiber = t0;
+      this.result = t1;
+    },
+    _parseImporter___closure0: function _parseImporter___closure0(t0) {
+      this._box_0 = t0;
+    },
+    LimitedMapView$blocklist0(_map, blocklist, $K, $V) {
+      var t2, key,
+        t1 = A.LinkedHashSet_LinkedHashSet$_empty($K);
+      for (t2 = _map.get$keys(_map), t2 = t2.get$iterator(t2); t2.moveNext$0();) {
+        key = t2.get$current(t2);
+        if (!blocklist.contains$1(0, key))
+          t1.add$1(0, key);
+      }
+      return new A.LimitedMapView0(_map, t1, $K._eval$1("@<0>")._bind$1($V)._eval$1("LimitedMapView0<1,2>"));
+    },
+    LimitedMapView0: function LimitedMapView0(t0, t1, t2) {
+      this._limited_map_view0$_map = t0;
+      this._limited_map_view0$_keys = t1;
+      this.$ti = t2;
+    },
+    ListExpression0: function ListExpression0(t0, t1, t2, t3) {
+      var _ = this;
+      _.contents = t0;
+      _.separator = t1;
+      _.hasBrackets = t2;
+      _.span = t3;
+    },
+    ListExpression_toString_closure0: function ListExpression_toString_closure0(t0) {
+      this.$this = t0;
+    },
+    _function11($name, $arguments, callback) {
+      return A.BuiltInCallable$function0($name, $arguments, callback, "sass:list");
+    },
+    _length_closure2: function _length_closure2() {
+    },
+    _nth_closure0: function _nth_closure0() {
+    },
+    _setNth_closure0: function _setNth_closure0() {
+    },
+    _join_closure0: function _join_closure0() {
+    },
+    _append_closure2: function _append_closure2() {
+    },
+    _zip_closure0: function _zip_closure0() {
+    },
+    _zip__closure2: function _zip__closure2() {
+    },
+    _zip__closure3: function _zip__closure3(t0) {
+      this._box_0 = t0;
+    },
+    _zip__closure4: function _zip__closure4(t0) {
+      this._box_0 = t0;
+    },
+    _index_closure2: function _index_closure2() {
+    },
+    _separator_closure0: function _separator_closure0() {
+    },
+    _isBracketed_closure0: function _isBracketed_closure0() {
+    },
+    _slash_closure0: function _slash_closure0() {
+    },
+    SelectorList$0(components, span) {
+      var t1 = A.List_List$unmodifiable(components, type$.ComplexSelector_2);
+      if (t1.length === 0)
+        A.throwExpression(A.ArgumentError$("components may not be empty.", null));
+      return new A.SelectorList0(t1, span);
+    },
+    SelectorList_SelectorList$parse0(contents, allowParent, interpolationMap, plainCss) {
+      return new A.SelectorParser0(allowParent, plainCss, A.SpanScanner$(contents, null), interpolationMap).parse$0(0);
+    },
+    SelectorList0: function SelectorList0(t0, t1) {
+      this.components = t0;
+      this.span = t1;
+    },
+    SelectorList_asSassList_closure0: function SelectorList_asSassList_closure0() {
+    },
+    SelectorList_nestWithin_closure0: function SelectorList_nestWithin_closure0(t0, t1, t2, t3) {
+      var _ = this;
+      _.$this = t0;
+      _.preserveParentSelectors = t1;
+      _.implicitParent = t2;
+      _.parent = t3;
+    },
+    SelectorList_nestWithin__closure1: function SelectorList_nestWithin__closure1(t0) {
+      this.complex = t0;
+    },
+    SelectorList_nestWithin__closure2: function SelectorList_nestWithin__closure2(t0) {
+      this.complex = t0;
+    },
+    SelectorList__nestWithinCompound_closure2: function SelectorList__nestWithinCompound_closure2() {
+    },
+    SelectorList__nestWithinCompound_closure3: function SelectorList__nestWithinCompound_closure3(t0) {
+      this.parent = t0;
+    },
+    SelectorList__nestWithinCompound_closure4: function SelectorList__nestWithinCompound_closure4(t0, t1, t2) {
+      this.parentSelector = t0;
+      this.resolvedSimples = t1;
+      this.component = t2;
+    },
+    SelectorList_withAdditionalCombinators_closure0: function SelectorList_withAdditionalCombinators_closure0(t0) {
+      this.combinators = t0;
+    },
+    _ParentSelectorVisitor0: function _ParentSelectorVisitor0() {
+    },
+    __ParentSelectorVisitor_Object_SelectorSearchVisitor0: function __ParentSelectorVisitor_Object_SelectorSearchVisitor0() {
+    },
+    listClass_closure: function listClass_closure() {
+    },
+    listClass__closure: function listClass__closure() {
+    },
+    listClass__closure0: function listClass__closure0() {
+    },
+    _ConstructorOptions: function _ConstructorOptions() {
+    },
+    _NodeSassList: function _NodeSassList() {
+    },
+    legacyListClass_closure: function legacyListClass_closure() {
+    },
+    legacyListClass__closure: function legacyListClass__closure() {
+    },
+    legacyListClass_closure0: function legacyListClass_closure0() {
+    },
+    legacyListClass_closure1: function legacyListClass_closure1() {
+    },
+    legacyListClass_closure2: function legacyListClass_closure2() {
+    },
+    legacyListClass_closure3: function legacyListClass_closure3() {
+    },
+    legacyListClass_closure4: function legacyListClass_closure4() {
+    },
+    SassList$0(contents, _separator, brackets) {
+      var t1 = new A.SassList0(A.List_List$unmodifiable(contents, type$.Value_2), _separator, brackets);
+      t1.SassList$3$brackets0(contents, _separator, brackets);
+      return t1;
+    },
+    SassList0: function SassList0(t0, t1, t2) {
+      this._list1$_contents = t0;
+      this._list1$_separator = t1;
+      this._list1$_hasBrackets = t2;
+    },
+    SassList_isBlank_closure0: function SassList_isBlank_closure0() {
+    },
+    ListSeparator0: function ListSeparator0(t0, t1, t2) {
+      this._list1$_name = t0;
+      this.separator = t1;
+      this._name = t2;
+    },
+    LmsColorSpace0: function LmsColorSpace0(t0, t1) {
+      this.name = t0;
+      this._space$_channels = t1;
+    },
+    LocalMindeGamutMap0: function LocalMindeGamutMap0(t0) {
+      this.name = t0;
+    },
+    JSLogger: function JSLogger() {
+    },
+    WarnOptions: function WarnOptions() {
+    },
+    DebugOptions: function DebugOptions() {
+    },
+    WarnForDeprecation_warnForDeprecation0(_this, deprecation, message, span, trace) {
+      _this.internalWarn$4$deprecation$span$trace(message, deprecation, span, trace);
+    },
+    LoggerWithDeprecationType0: function LoggerWithDeprecationType0() {
+    },
+    LoudComment0: function LoudComment0(t0) {
+      this.text = t0;
+    },
+    MapExpression0: function MapExpression0(t0, t1) {
+      this.pairs = t0;
+      this.span = t1;
+    },
+    _modify0(map, keys, modify, addNesting) {
+      var keyIterator = J.get$iterator$ax(keys);
+      return keyIterator.moveNext$0() ? new A._modify_modifyNestedMap0(keyIterator, modify, addNesting).call$1(map) : modify.call$1(map);
+    },
+    _deepMergeImpl0(map1, map2) {
+      var t2, t3, result, t4, key, value, _1_1, _1_3, _1_3_isSet, resultMap, _1_30, valueMap, merged,
+        t1 = map1._map0$_contents;
+      if (t1.get$isEmpty(t1))
+        return map2;
+      t2 = map2._map0$_contents;
+      if (t2.get$isEmpty(t2))
+        return map1;
+      t3 = type$.Value_2;
+      result = A.LinkedHashMap_LinkedHashMap$of(t1, t3, t3);
+      for (t1 = A.MapExtensions_get_pairs0(t2, t3, t3), t1 = t1.get$iterator(t1), t2 = type$.SassMap_2; t1.moveNext$0();) {
+        t4 = t1.get$current(t1);
+        key = t4._0;
+        value = t4._1;
+        t4 = result.$index(0, key);
+        _1_1 = t4 == null ? null : t4.tryMap$0();
+        _1_3 = value.tryMap$0();
+        _1_3_isSet = _1_1 != null;
+        t4 = false;
+        if (_1_3_isSet) {
+          t4 = _1_3 != null;
+          resultMap = _1_1;
+          _1_30 = _1_3;
+        } else {
+          _1_30 = null;
+          resultMap = null;
+        }
+        if (t4) {
+          valueMap = _1_3_isSet ? _1_30 : _1_3;
+          merged = A._deepMergeImpl0(resultMap, valueMap == null ? t2._as(valueMap) : valueMap);
+          if (merged === resultMap)
+            continue;
+          result.$indexSet(0, key, merged);
+        } else
+          result.$indexSet(0, key, value);
+      }
+      return new A.SassMap0(A.ConstantMap_ConstantMap$from(result, t3, t3));
+    },
+    _function10($name, $arguments, callback) {
+      return A.BuiltInCallable$function0($name, $arguments, callback, "sass:map");
+    },
+    _get_closure0: function _get_closure0() {
+    },
+    _set_closure1: function _set_closure1() {
+    },
+    _set__closure2: function _set__closure2(t0) {
+      this.$arguments = t0;
+    },
+    _set_closure2: function _set_closure2() {
+    },
+    _set__closure1: function _set__closure1(t0) {
+      this._box_0 = t0;
+    },
+    _merge_closure1: function _merge_closure1() {
+    },
+    _merge_closure2: function _merge_closure2() {
+    },
+    _merge__closure0: function _merge__closure0(t0) {
+      this.map2 = t0;
+    },
+    _deepMerge_closure0: function _deepMerge_closure0() {
+    },
+    _deepRemove_closure0: function _deepRemove_closure0() {
+    },
+    _deepRemove__closure0: function _deepRemove__closure0(t0) {
+      this.keys = t0;
+    },
+    _remove_closure1: function _remove_closure1() {
+    },
+    _remove_closure2: function _remove_closure2() {
+    },
+    _keys_closure0: function _keys_closure0() {
+    },
+    _values_closure0: function _values_closure0() {
+    },
+    _hasKey_closure0: function _hasKey_closure0() {
+    },
+    _modify_modifyNestedMap0: function _modify_modifyNestedMap0(t0, t1, t2) {
+      this.keyIterator = t0;
+      this.modify = t1;
+      this.addNesting = t2;
+    },
+    MapExtensions_get_pairs0(_this, $K, $V) {
+      var t1 = _this.get$entries(_this);
+      return t1.map$1$1(t1, new A.MapExtensions_get_pairs_closure0($K, $V), $K._eval$1("@<0>")._bind$1($V)._eval$1("+(1,2)"));
+    },
+    MapExtensions_get_pairs_closure0: function MapExtensions_get_pairs_closure0(t0, t1) {
+      this.K = t0;
+      this.V = t1;
+    },
+    mapClass_closure: function mapClass_closure() {
+    },
+    mapClass__closure: function mapClass__closure() {
+    },
+    mapClass__closure0: function mapClass__closure0() {
+    },
+    mapClass__closure1: function mapClass__closure1() {
+    },
+    _NodeSassMap: function _NodeSassMap() {
+    },
+    legacyMapClass_closure: function legacyMapClass_closure() {
+    },
+    legacyMapClass__closure: function legacyMapClass__closure() {
+    },
+    legacyMapClass__closure0: function legacyMapClass__closure0() {
+    },
+    legacyMapClass_closure0: function legacyMapClass_closure0() {
+    },
+    legacyMapClass_closure1: function legacyMapClass_closure1() {
+    },
+    legacyMapClass_closure2: function legacyMapClass_closure2() {
+    },
+    legacyMapClass_closure3: function legacyMapClass_closure3() {
+    },
+    legacyMapClass_closure4: function legacyMapClass_closure4() {
+    },
+    SassMap0: function SassMap0(t0) {
+      this._map0$_contents = t0;
+    },
+    _singleArgumentMathFunc0($name, mathFunc) {
+      return A.BuiltInCallable$function0($name, "$number", new A._singleArgumentMathFunc_closure0(mathFunc), "sass:math");
+    },
+    _numberFunction0($name, transform) {
+      return A.BuiltInCallable$function0($name, "$number", new A._numberFunction_closure0(transform), "sass:math");
+    },
+    _function9($name, $arguments, callback) {
+      return A.BuiltInCallable$function0($name, $arguments, callback, "sass:math");
+    },
+    global_closure43: function global_closure43() {
+    },
+    module_closure26: function module_closure26() {
+    },
+    _ceil_closure0: function _ceil_closure0() {
+    },
+    _clamp_closure0: function _clamp_closure0() {
+    },
+    _floor_closure0: function _floor_closure0() {
+    },
+    _max_closure0: function _max_closure0() {
+    },
+    _min_closure0: function _min_closure0() {
+    },
+    _round_closure0: function _round_closure0() {
+    },
+    _hypot_closure0: function _hypot_closure0() {
+    },
+    _hypot__closure0: function _hypot__closure0() {
+    },
+    _log_closure0: function _log_closure0() {
+    },
+    _pow_closure0: function _pow_closure0() {
+    },
+    _atan2_closure0: function _atan2_closure0() {
+    },
+    _compatible_closure0: function _compatible_closure0() {
+    },
+    _isUnitless_closure0: function _isUnitless_closure0() {
+    },
+    _unit_closure0: function _unit_closure0() {
+    },
+    _percentage_closure0: function _percentage_closure0() {
+    },
+    _randomFunction_closure0: function _randomFunction_closure0() {
+    },
+    _div_closure0: function _div_closure0() {
+    },
+    _singleArgumentMathFunc_closure0: function _singleArgumentMathFunc_closure0(t0) {
+      this.mathFunc = t0;
+    },
+    _numberFunction_closure0: function _numberFunction_closure0(t0) {
+      this.transform = t0;
+    },
+    CssMediaQuery$type0(type, conditions, modifier) {
+      return new A.CssMediaQuery0(modifier, type, true, conditions == null ? B.List_empty : A.List_List$unmodifiable(conditions, type$.String));
+    },
+    CssMediaQuery$condition0(conditions, conjunction) {
+      var t1 = A.List_List$unmodifiable(conditions, type$.String);
+      if (t1.length > 1 && conjunction == null)
+        A.throwExpression(A.ArgumentError$(string$.If_con, null));
+      return new A.CssMediaQuery0(null, null, conjunction !== false, t1);
+    },
+    CssMediaQuery0: function CssMediaQuery0(t0, t1, t2, t3) {
+      var _ = this;
+      _.modifier = t0;
+      _.type = t1;
+      _.conjunction = t2;
+      _.conditions = t3;
+    },
+    _SingletonCssMediaQueryMergeResult0: function _SingletonCssMediaQueryMergeResult0(t0) {
+      this._name = t0;
+    },
+    MediaQuerySuccessfulMergeResult0: function MediaQuerySuccessfulMergeResult0(t0) {
+      this.query = t0;
+    },
+    MediaQueryParser0: function MediaQueryParser0(t0, t1) {
+      this.scanner = t0;
+      this._parser1$_interpolationMap = t1;
+    },
+    MediaQueryParser_parse_closure0: function MediaQueryParser_parse_closure0(t0) {
+      this.$this = t0;
+    },
+    ModifiableCssMediaRule$0(queries, span) {
+      var t1 = A.List_List$unmodifiable(queries, type$.CssMediaQuery_2),
+        t2 = A._setArrayType([], type$.JSArray_ModifiableCssNode_2);
+      if (J.get$isEmpty$asx(queries))
+        A.throwExpression(A.ArgumentError$value(queries, "queries", "may not be empty."));
+      return new A.ModifiableCssMediaRule0(t1, span, new A.UnmodifiableListView(t2, type$.UnmodifiableListView_ModifiableCssNode_2), t2);
+    },
+    ModifiableCssMediaRule0: function ModifiableCssMediaRule0(t0, t1, t2, t3) {
+      var _ = this;
+      _.queries = t0;
+      _.span = t1;
+      _.children = t2;
+      _._node$_children = t3;
+      _._node$_indexInParent = _._node$_parent = null;
+      _.isGroupEnd = false;
+    },
+    MediaRule$0(query, children, span) {
+      var t1 = A.List_List$unmodifiable(children, type$.Statement_2),
+        t2 = B.JSArray_methods.any$1(t1, new A.ParentStatement_closure0());
+      return new A.MediaRule0(query, span, t1, t2);
+    },
+    MediaRule0: function MediaRule0(t0, t1, t2, t3) {
+      var _ = this;
+      _.query = t0;
+      _.span = t1;
+      _.children = t2;
+      _.hasDeclarations = t3;
+    },
+    MergedExtension_merge0(left, right) {
+      var t2, t3, t4,
+        t1 = left.extender.selector;
+      if (!t1.$eq(0, right.extender.selector) || !left.target.$eq(0, right.target))
+        throw A.wrapException(A.ArgumentError$(left.toString$0(0) + " and " + right.toString$0(0) + " aren't the same extension.", null));
+      t2 = left.mediaContext;
+      t3 = t2 == null;
+      if (!t3) {
+        t4 = right.mediaContext;
+        t4 = t4 != null && !B.C_ListEquality.equals$2(0, t2, t4);
+      } else
+        t4 = false;
+      if (t4)
+        throw A.wrapException(A.SassException$0("From " + left.span.message$1(0, "") + string$.x0aYou_m, right.span, null));
+      if (right.isOptional && right.mediaContext == null)
+        return left;
+      if (left.isOptional && t3)
+        return right;
+      if (t3)
+        t2 = right.mediaContext;
+      t1.get$specificity();
+      t1 = new A.Extender0(t1, false);
+      return t1._extension$_extension = new A.MergedExtension0(left, right, t1, left.target, t2, true, left.span);
+    },
+    MergedExtension0: function MergedExtension0(t0, t1, t2, t3, t4, t5, t6) {
+      var _ = this;
+      _.left = t0;
+      _.right = t1;
+      _.extender = t2;
+      _.target = t3;
+      _.mediaContext = t4;
+      _.isOptional = t5;
+      _.span = t6;
+    },
+    MergedMapView$0(maps, $K, $V) {
+      var t1 = $K._eval$1("@<0>")._bind$1($V);
+      t1 = new A.MergedMapView0(A.LinkedHashMap_LinkedHashMap$_empty($K, t1._eval$1("Map<1,2>")), t1._eval$1("MergedMapView0<1,2>"));
+      t1.MergedMapView$10(maps, $K, $V);
+      return t1;
+    },
+    MergedMapView0: function MergedMapView0(t0, t1) {
+      this._merged_map_view$_mapsByKey = t0;
+      this.$ti = t1;
+    },
+    _function6($name, $arguments, callback) {
+      return A.BuiltInCallable$function0($name, $arguments, callback, "sass:meta");
+    },
+    _shared_closure3: function _shared_closure3() {
+    },
+    _shared_closure4: function _shared_closure4() {
+    },
+    _shared_closure5: function _shared_closure5() {
+    },
+    _shared_closure6: function _shared_closure6() {
+    },
+    moduleFunctions_closure2: function moduleFunctions_closure2() {
+    },
+    moduleFunctions_closure3: function moduleFunctions_closure3() {
+    },
+    moduleFunctions__closure0: function moduleFunctions__closure0() {
+    },
+    moduleFunctions_closure4: function moduleFunctions_closure4() {
+    },
+    mixinClass_closure: function mixinClass_closure() {
+    },
+    mixinClass__closure: function mixinClass__closure() {
+    },
+    mixinClass__closure0: function mixinClass__closure0() {
+    },
+    SassMixin0: function SassMixin0(t0, t1) {
+      this.callable = t0;
+      this._mixin0$_compileContext = t1;
+    },
+    MixinRule$0($name, parameters, children, span, comment) {
+      var t1 = A.stringReplaceAllUnchecked($name, "_", "-"),
+        t2 = A.List_List$unmodifiable(children, type$.Statement_2),
+        t3 = B.JSArray_methods.any$1(t2, new A.ParentStatement_closure0());
+      return new A.MixinRule0(t1, $name, parameters, span, t2, t3);
+    },
+    MixinRule0: function MixinRule0(t0, t1, t2, t3, t4, t5) {
+      var _ = this;
+      _._mixin_rule$__MixinRule_hasContent_FI = $;
+      _.name = t0;
+      _.originalName = t1;
+      _.parameters = t2;
+      _.span = t3;
+      _.children = t4;
+      _.hasDeclarations = t5;
+    },
+    _HasContentVisitor0: function _HasContentVisitor0() {
+    },
+    __HasContentVisitor_Object_StatementSearchVisitor0: function __HasContentVisitor_Object_StatementSearchVisitor0() {
+    },
+    ExtendMode0: function ExtendMode0(t0, t1) {
+      this.name = t0;
+      this._name = t1;
+    },
+    JSModule0: function JSModule0() {
+    },
+    JSModuleRequire0: function JSModuleRequire0() {
+    },
+    MultiSpan0: function MultiSpan0(t0, t1, t2) {
+      this._multi_span0$_primary = t0;
+      this.primaryLabel = t1;
+      this.secondarySpans = t2;
+    },
+    SupportsNegation0: function SupportsNegation0(t0, t1) {
+      this.condition = t0;
+      this.span = t1;
+    },
+    NoOpImporter0: function NoOpImporter0() {
+    },
+    NoSourceMapBuffer0: function NoSourceMapBuffer0(t0) {
+      this._no_source_map_buffer0$_buffer = t0;
+    },
+    _FakeAstNode0: function _FakeAstNode0(t0) {
+      this._node0$_callback = t0;
+    },
+    CssNode0: function CssNode0() {
+    },
+    CssParentNode0: function CssParentNode0() {
+    },
+    _IsInvisibleVisitor1: function _IsInvisibleVisitor1(t0, t1) {
+      this.includeBogus = t0;
+      this.includeComments = t1;
+    },
+    __IsInvisibleVisitor_Object_EveryCssVisitor0: function __IsInvisibleVisitor_Object_EveryCssVisitor0() {
+    },
+    ModifiableCssNode0: function ModifiableCssNode0() {
+    },
+    ModifiableCssNode_hasFollowingSibling_closure0: function ModifiableCssNode_hasFollowingSibling_closure0() {
+    },
+    ModifiableCssParentNode0: function ModifiableCssParentNode0() {
+    },
+    NodePackageImporter0: function NodePackageImporter0() {
+      this._node_package$__NodePackageImporter__entryPointDirectory_F = $;
+    },
+    NodePackageImporter__nodePackageExportsResolve_closure3: function NodePackageImporter__nodePackageExportsResolve_closure3() {
+    },
+    NodePackageImporter__nodePackageExportsResolve_closure4: function NodePackageImporter__nodePackageExportsResolve_closure4() {
+    },
+    NodePackageImporter__nodePackageExportsResolve_closure5: function NodePackageImporter__nodePackageExportsResolve_closure5() {
+    },
+    NodePackageImporter__nodePackageExportsResolve_closure6: function NodePackageImporter__nodePackageExportsResolve_closure6(t0, t1, t2) {
+      this.$this = t0;
+      this.exports = t1;
+      this.packageRoot = t2;
+    },
+    NodePackageImporter__nodePackageExportsResolve__closure1: function NodePackageImporter__nodePackageExportsResolve__closure1(t0, t1, t2) {
+      this.$this = t0;
+      this.variant = t1;
+      this.packageRoot = t2;
+    },
+    NodePackageImporter__nodePackageExportsResolve__closure2: function NodePackageImporter__nodePackageExportsResolve__closure2() {
+    },
+    NodePackageImporter__getMainExport_closure0: function NodePackageImporter__getMainExport_closure0() {
+    },
+    NullExpression$(span) {
+      return new A.NullExpression0(span);
+    },
+    NullExpression0: function NullExpression0(t0) {
+      this.span = t0;
+    },
+    legacyNullClass_closure: function legacyNullClass_closure() {
+    },
+    legacyNullClass__closure: function legacyNullClass__closure() {
+    },
+    _SassNull0: function _SassNull0() {
+    },
+    NumberExpression0: function NumberExpression0(t0, t1, t2) {
+      this.value = t0;
+      this.unit = t1;
+      this.span = t2;
+    },
+    numberClass_closure: function numberClass_closure() {
+    },
+    numberClass__closure: function numberClass__closure() {
+    },
+    numberClass__closure0: function numberClass__closure0() {
+    },
+    numberClass__closure1: function numberClass__closure1() {
+    },
+    numberClass__closure2: function numberClass__closure2() {
+    },
+    numberClass__closure3: function numberClass__closure3() {
+    },
+    numberClass__closure4: function numberClass__closure4() {
+    },
+    numberClass__closure5: function numberClass__closure5() {
+    },
+    numberClass__closure6: function numberClass__closure6() {
+    },
+    numberClass__closure7: function numberClass__closure7() {
+    },
+    numberClass__closure8: function numberClass__closure8() {
+    },
+    numberClass__closure9: function numberClass__closure9() {
+    },
+    numberClass__closure10: function numberClass__closure10() {
+    },
+    numberClass__closure11: function numberClass__closure11() {
+    },
+    numberClass__closure12: function numberClass__closure12() {
+    },
+    numberClass__closure13: function numberClass__closure13() {
+    },
+    numberClass__closure14: function numberClass__closure14() {
+    },
+    numberClass__closure15: function numberClass__closure15() {
+    },
+    numberClass__closure16: function numberClass__closure16() {
+    },
+    numberClass__closure17: function numberClass__closure17() {
+    },
+    numberClass__closure18: function numberClass__closure18() {
+    },
+    numberClass__closure19: function numberClass__closure19() {
+    },
+    _ConstructorOptions0: function _ConstructorOptions0() {
+    },
+    _parseNumber(value, unit) {
+      var invalidUnit, operands, t1, numerator, denominator, numeratorUnits, denominatorUnits;
+      if (unit == null || unit.length === 0)
+        return A.SassNumber_SassNumber0(value, null);
+      if (!B.JSString_methods.contains$1(unit, "*") && !B.JSString_methods.contains$1(unit, "/"))
+        return A.SassNumber_SassNumber0(value, unit);
+      invalidUnit = new A.ArgumentError(true, unit, "unit", "is invalid.");
+      operands = unit.split("/");
+      t1 = operands.length;
+      if (t1 > 2)
+        throw A.wrapException(invalidUnit);
+      numerator = operands[0];
+      denominator = t1 === 1 ? null : operands[1];
+      t1 = type$.JSArray_String;
+      numeratorUnits = numerator.length === 0 ? A._setArrayType([], t1) : A._setArrayType(numerator.split("*"), t1);
+      if (B.JSArray_methods.any$1(numeratorUnits, new A._parseNumber_closure()))
+        throw A.wrapException(invalidUnit);
+      denominatorUnits = denominator == null ? A._setArrayType([], t1) : A._setArrayType(denominator.split("*"), t1);
+      if (B.JSArray_methods.any$1(denominatorUnits, new A._parseNumber_closure0()))
+        throw A.wrapException(invalidUnit);
+      return A.SassNumber_SassNumber$withUnits0(value, denominatorUnits, numeratorUnits);
+    },
+    _NodeSassNumber: function _NodeSassNumber() {
+    },
+    legacyNumberClass_closure: function legacyNumberClass_closure() {
+    },
+    legacyNumberClass_closure0: function legacyNumberClass_closure0() {
+    },
+    legacyNumberClass_closure1: function legacyNumberClass_closure1() {
+    },
+    legacyNumberClass_closure2: function legacyNumberClass_closure2() {
+    },
+    legacyNumberClass_closure3: function legacyNumberClass_closure3() {
+    },
+    _parseNumber_closure: function _parseNumber_closure() {
+    },
+    _parseNumber_closure0: function _parseNumber_closure0() {
+    },
+    conversionFactor0(unit1, unit2) {
+      var _0_0;
+      if (unit1 === unit2)
+        return 1;
+      _0_0 = B.Map_NtHoP.$index(0, unit1);
+      if (_0_0 != null)
+        return _0_0.$index(0, unit2);
+      return null;
+    },
+    SassNumber_SassNumber0(value, unit) {
+      return unit == null ? new A.UnitlessSassNumber0(value, null) : new A.SingleUnitSassNumber0(unit, value, null);
+    },
+    SassNumber_SassNumber$withUnits0(value, denominatorUnits, numeratorUnits) {
+      var _0_4, _0_6, _0_8_isSet, _0_10, _0_8, _0_10_isSet, _0_7, unit, _0_7_isSet, t2, _0_4_isSet, _0_7_isSet0, numerators, denominators, unsimplifiedDenominators, valueDouble, _i, denominator, simplifiedAway, i, factor, _1_2, _1_7_isSet, _1_7, _null = null,
+        _0_3 = numeratorUnits == null,
+        t1 = _0_3,
+        _0_6_isSet = !t1;
+      if (_0_6_isSet) {
+        _0_4 = J.get$length$asx(numeratorUnits == null ? type$.List_String._as(numeratorUnits) : numeratorUnits);
+        t1 = _0_4;
+        _0_6 = t1 <= 0;
+        _0_8_isSet = _0_6;
+      } else {
+        _0_4 = _null;
+        _0_6 = _0_4;
+        _0_8_isSet = true;
+      }
+      _0_10 = _null;
+      if (_0_8_isSet) {
+        _0_8 = denominatorUnits == null;
+        t1 = _0_8;
+        _0_10_isSet = !t1;
+        if (_0_10_isSet) {
+          _0_10 = J.get$length$asx(denominatorUnits == null ? type$.List_String._as(denominatorUnits) : denominatorUnits) <= 0;
+          t1 = _0_10;
+        } else
+          t1 = true;
+        _0_7 = denominatorUnits;
+      } else {
+        _0_7 = _null;
+        _0_8 = _0_7;
+        _0_10_isSet = false;
+        t1 = false;
+      }
+      if (t1)
+        return new A.UnitlessSassNumber0(value, _null);
+      unit = _null;
+      t1 = false;
+      if (type$.List_dynamic._is(numeratorUnits)) {
+        _0_7_isSet = true;
+        if (_0_6_isSet) {
+          t2 = _0_4;
+          _0_4_isSet = _0_6_isSet;
+        } else {
+          _0_4 = J.get$length$asx(numeratorUnits);
+          t2 = _0_4;
+          _0_4_isSet = true;
+        }
+        if (t2 === 1) {
+          unit = J.$index$asx(numeratorUnits, 0);
+          if (_0_8_isSet) {
+            t1 = _0_8;
+            _0_7_isSet0 = _0_8_isSet;
+          } else {
+            _0_8 = denominatorUnits == null;
+            t1 = _0_8;
+            _0_7_isSet0 = _0_7_isSet;
+            _0_7 = denominatorUnits;
+            _0_8_isSet = true;
+          }
+          if (!t1)
+            if (_0_10_isSet) {
+              t1 = _0_10;
+              _0_7_isSet = _0_7_isSet0;
+            } else {
+              if (_0_7_isSet0) {
+                t1 = _0_7;
+                _0_7_isSet = _0_7_isSet0;
+              } else {
+                t1 = denominatorUnits;
+                _0_7 = t1;
+              }
+              _0_10 = J.get$length$asx(t1 == null ? type$.List_String._as(t1) : t1) <= 0;
+              t1 = _0_10;
+              _0_10_isSet = true;
+            }
+          else {
+            _0_7_isSet = _0_7_isSet0;
+            t1 = true;
+          }
+        } else
+          _0_7_isSet = _0_8_isSet;
+      } else {
+        _0_7_isSet = _0_8_isSet;
+        _0_4_isSet = _0_6_isSet;
+      }
+      if (t1)
+        return new A.SingleUnitSassNumber0(unit, value, _null);
+      t1 = false;
+      if (numeratorUnits != null) {
+        _0_7_isSet0 = true;
+        if (_0_8_isSet)
+          t1 = _0_8;
+        else {
+          if (_0_7_isSet)
+            t1 = _0_7;
+          else {
+            t1 = denominatorUnits;
+            _0_7_isSet = _0_7_isSet0;
+            _0_7 = t1;
+          }
+          _0_8 = t1 == null;
+          t1 = _0_8;
+        }
+        if (!t1)
+          if (_0_10_isSet)
+            t1 = _0_10;
+          else {
+            if (_0_7_isSet)
+              t1 = _0_7;
+            else {
+              t1 = denominatorUnits;
+              _0_7_isSet = _0_7_isSet0;
+              _0_7 = t1;
+            }
+            _0_10 = J.get$length$asx(t1 == null ? type$.List_String._as(t1) : t1) <= 0;
+            t1 = _0_10;
+          }
+        else
+          t1 = true;
+        numerators = numeratorUnits;
+      } else
+        numerators = _null;
+      if (t1)
+        return new A.ComplexSassNumber0(A.List_List$unmodifiable(numerators, type$.String), B.List_empty, value, _null);
+      if (!_0_3)
+        if (_0_6_isSet)
+          t1 = _0_6;
+        else {
+          if (_0_4_isSet)
+            t1 = _0_4;
+          else {
+            _0_4 = J.get$length$asx(numeratorUnits == null ? type$.List_String._as(numeratorUnits) : numeratorUnits);
+            t1 = _0_4;
+          }
+          _0_6 = t1 <= 0;
+          t1 = _0_6;
+        }
+      else
+        t1 = true;
+      denominators = _null;
+      if (t1) {
+        if (_0_7_isSet)
+          t1 = _0_7;
+        else {
+          t1 = denominatorUnits;
+          _0_7 = t1;
+          _0_7_isSet = true;
+        }
+        t1 = t1 != null;
+        if (t1) {
+          denominators = _0_7_isSet ? _0_7 : denominatorUnits;
+          if (denominators == null)
+            denominators = type$.List_String._as(denominators);
+        }
+      } else
+        t1 = false;
+      if (t1)
+        return new A.ComplexSassNumber0(B.List_empty, A.List_List$unmodifiable(denominators, type$.String), value, _null);
+      numeratorUnits.toString;
+      numerators = J.toList$0$ax(numeratorUnits);
+      denominatorUnits.toString;
+      unsimplifiedDenominators = J.toList$0$ax(denominatorUnits);
+      denominators = A._setArrayType([], type$.JSArray_String);
+      for (t1 = unsimplifiedDenominators.length, valueDouble = value, _i = 0; _i < unsimplifiedDenominators.length; unsimplifiedDenominators.length === t1 || (0, A.throwConcurrentModificationError)(unsimplifiedDenominators), ++_i) {
+        denominator = unsimplifiedDenominators[_i];
+        i = 0;
+        while (true) {
+          if (!(i < numerators.length)) {
+            simplifiedAway = false;
+            break;
+          }
+          c$0: {
+            factor = A.conversionFactor0(denominator, numerators[i]);
+            if (factor == null)
+              break c$0;
+            valueDouble *= factor;
+            B.JSArray_methods.removeAt$1(numerators, i);
+            simplifiedAway = true;
+            break;
+          }
+          ++i;
+        }
+        if (!simplifiedAway)
+          denominators.push(denominator);
+      }
+      $label0$1: {
+        _1_2 = numerators.length;
+        t1 = _1_2;
+        _1_7_isSet = t1 <= 0;
+        if (_1_7_isSet) {
+          _1_7 = denominators.length <= 0;
+          t1 = _1_7;
+        } else {
+          _1_7 = _null;
+          t1 = false;
+        }
+        if (t1) {
+          t1 = new A.UnitlessSassNumber0(valueDouble, _null);
+          break $label0$1;
+        }
+        t1 = false;
+        if (_1_2 === 1) {
+          unit = numerators[0];
+          t1 = _1_7_isSet ? _1_7 : denominators.length <= 0;
+        } else
+          unit = _null;
+        if (t1) {
+          t1 = new A.SingleUnitSassNumber0(unit, valueDouble, _null);
+          break $label0$1;
+        }
+        t1 = type$.String;
+        t1 = new A.ComplexSassNumber0(A.List_List$unmodifiable(numerators, t1), A.List_List$unmodifiable(denominators, t1), valueDouble, _null);
+        break $label0$1;
+      }
+      return t1;
+    },
+    SassNumber0: function SassNumber0() {
+    },
+    SassNumber__coerceOrConvertValue_compatibilityException0: function SassNumber__coerceOrConvertValue_compatibilityException0(t0, t1, t2, t3, t4, t5, t6) {
+      var _ = this;
+      _.$this = t0;
+      _.other = t1;
+      _.otherName = t2;
+      _.otherHasUnits = t3;
+      _.name = t4;
+      _.newNumerators = t5;
+      _.newDenominators = t6;
+    },
+    SassNumber__coerceOrConvertValue_closure3: function SassNumber__coerceOrConvertValue_closure3(t0, t1) {
+      this._box_0 = t0;
+      this.newNumerator = t1;
+    },
+    SassNumber__coerceOrConvertValue_closure4: function SassNumber__coerceOrConvertValue_closure4(t0) {
+      this.compatibilityException = t0;
+    },
+    SassNumber__coerceOrConvertValue_closure5: function SassNumber__coerceOrConvertValue_closure5(t0, t1) {
+      this._box_0 = t0;
+      this.newDenominator = t1;
+    },
+    SassNumber__coerceOrConvertValue_closure6: function SassNumber__coerceOrConvertValue_closure6(t0) {
+      this.compatibilityException = t0;
+    },
+    SassNumber_plus_closure0: function SassNumber_plus_closure0() {
+    },
+    SassNumber_minus_closure0: function SassNumber_minus_closure0() {
+    },
+    SassNumber_multiplyUnits_closure3: function SassNumber_multiplyUnits_closure3(t0, t1) {
+      this._box_0 = t0;
+      this.numerator = t1;
+    },
+    SassNumber_multiplyUnits_closure4: function SassNumber_multiplyUnits_closure4(t0, t1) {
+      this.newNumerators = t0;
+      this.numerator = t1;
+    },
+    SassNumber_multiplyUnits_closure5: function SassNumber_multiplyUnits_closure5(t0, t1) {
+      this._box_0 = t0;
+      this.numerator = t1;
+    },
+    SassNumber_multiplyUnits_closure6: function SassNumber_multiplyUnits_closure6(t0, t1) {
+      this.newNumerators = t0;
+      this.numerator = t1;
+    },
+    SassNumber__areAnyConvertible_closure0: function SassNumber__areAnyConvertible_closure0(t0) {
+      this.units2 = t0;
+    },
+    SassNumber__canonicalizeUnitList_closure0: function SassNumber__canonicalizeUnitList_closure0() {
+    },
+    SassNumber__canonicalMultiplier_closure0: function SassNumber__canonicalMultiplier_closure0(t0) {
+      this.$this = t0;
+    },
+    SassNumber_unitSuggestion_closure1: function SassNumber_unitSuggestion_closure1() {
+    },
+    SassNumber_unitSuggestion_closure2: function SassNumber_unitSuggestion_closure2() {
+    },
+    OklabColorSpace0: function OklabColorSpace0(t0, t1) {
+      this.name = t0;
+      this._space$_channels = t1;
+    },
+    OklchColorSpace0: function OklchColorSpace0(t0, t1) {
+      this.name = t0;
+      this._space$_channels = t1;
+    },
+    SupportsOperation$0(left, right, operator, span) {
+      var lowerOperator = operator.toLowerCase();
+      if (lowerOperator !== "and" && lowerOperator !== "or")
+        A.throwExpression(A.ArgumentError$value(operator, "operator", 'may only be "and" or "or".'));
+      return new A.SupportsOperation0(left, right, operator, span);
+    },
+    SupportsOperation0: function SupportsOperation0(t0, t1, t2, t3) {
+      var _ = this;
+      _.left = t0;
+      _.right = t1;
+      _.operator = t2;
+      _.span = t3;
+    },
+    Parameter0: function Parameter0(t0, t1, t2) {
+      this.name = t0;
+      this.defaultValue = t1;
+      this.span = t2;
+    },
+    ParameterList_ParameterList$parse0(contents, url) {
+      return A.ScssParser$0(contents, url).parseParameterList$0();
+    },
+    ParameterList0: function ParameterList0(t0, t1, t2) {
+      this.parameters = t0;
+      this.restParameter = t1;
+      this.span = t2;
+    },
+    ParameterList_verify_closure1: function ParameterList_verify_closure1() {
+    },
+    ParameterList_verify_closure2: function ParameterList_verify_closure2() {
+    },
+    ParentSelector0: function ParentSelector0(t0, t1) {
+      this.suffix = t0;
+      this.span = t1;
+    },
+    ParentStatement0: function ParentStatement0() {
+    },
+    ParentStatement_closure0: function ParentStatement_closure0() {
+    },
+    ParentStatement__closure0: function ParentStatement__closure0() {
+    },
+    ParenthesizedExpression0: function ParenthesizedExpression0(t0, t1) {
+      this.expression = t0;
+      this.span = t1;
+    },
+    loadParserExports() {
+      A._updateAstPrototypes();
+      return {parse: A.allowInterop(A.parser0___parse$closure()), parseIdentifier: A.allowInterop(A.parser0___parseIdentifier$closure()), toCssIdentifier: A.allowInterop(A.parser0___toCssIdentifier$closure()), createExpressionVisitor: A.allowInterop(new A.loadParserExports_closure()), createStatementVisitor: A.allowInterop(new A.loadParserExports_closure0()), setToJS: A.allowInterop(new A.loadParserExports_closure1()), mapToRecord: A.allowInterop(A.utils3__mapToObject$closure())};
+    },
+    _updateAstPrototypes() {
+      var t2, t3, string, t4, t5, $arguments, _i, _null = null,
+        _s9_ = "arguments",
+        file = A.SourceFile$fromString("", _null),
+        t1 = type$.JSClass;
+      J.get$$prototype$x(t1._as(file.constructor)).getText = A.allowInteropCaptureThisNamed("getText", new A._updateAstPrototypes_closure());
+      A.defineGetter(J.get$$prototype$x(t1._as(file.constructor)), "codeUnits", new A._updateAstPrototypes_closure0(), _null);
+      t2 = $.$get$_interpolation();
+      A.defineGetter(J.get$$prototype$x(t1._as(t2.constructor)), "asPlain", new A._updateAstPrototypes_closure1(), _null);
+      t3 = $.$get$bogusSpan0();
+      J.get$$prototype$x(t1._as(self.Object.getPrototypeOf(J.get$$prototype$x(t1._as(new A.ExtendRule0(t2, false, t3).constructor))).constructor)).accept = A.allowInteropCaptureThisNamed("accept", new A._updateAstPrototypes_closure2());
+      string = new A.StringExpression0(t2, false);
+      J.get$$prototype$x(t1._as(self.Object.getPrototypeOf(J.get$$prototype$x(t1._as(string.constructor))).constructor)).accept = A.allowInteropCaptureThisNamed("accept", new A._updateAstPrototypes_closure3());
+      t4 = type$.String;
+      t5 = type$.Expression_2;
+      $arguments = new A.ArgumentList0(A.List_List$unmodifiable(A._setArrayType([], type$.JSArray_Expression_2), t5), A.ConstantMap_ConstantMap$from(A.LinkedHashMap_LinkedHashMap$_empty(t4, t5), t4, t5), _null, _null, t3);
+      A.defineGetter(J.get$$prototype$x(t1._as(new A.IncludeRule0(_null, A.stringReplaceAllUnchecked("a", "_", "-"), "a", $arguments, _null, t3).constructor)), _s9_, new A._updateAstPrototypes_closure4(), _null);
+      A.defineGetter(J.get$$prototype$x(t1._as(new A.ContentRule0($arguments, t3).constructor)), _s9_, new A._updateAstPrototypes_closure5(), _null);
+      A.defineGetter(J.get$$prototype$x(t1._as(new A.FunctionExpression0(_null, A.stringReplaceAllUnchecked("a", "_", "-"), "a", $arguments, t3).constructor)), _s9_, new A._updateAstPrototypes_closure6(), _null);
+      A.defineGetter(J.get$$prototype$x(t1._as(new A.IfExpression0($arguments, t3).constructor)), _s9_, new A._updateAstPrototypes_closure7(), _null);
+      A.defineGetter(J.get$$prototype$x(t1._as(new A.InterpolatedFunctionExpression0(t2, $arguments, t3).constructor)), _s9_, new A._updateAstPrototypes_closure8(), _null);
+      A._addSupportsConditionToInterpolation();
+      for (t2 = [string, new A.BinaryOperationExpression0(B.BinaryOperator_Swh0, string, string, false), new A.SupportsExpression0(new A.SupportsAnything0(t2, t3)), new A.LoudComment0(t2)], _i = 0; _i < 4; ++_i) {
+        t3 = J.get$$prototype$x(t1._as(t2[_i].constructor));
+        t4 = {get: A.allowInteropCaptureThis(new A._updateAstPrototypes_closure9()), enumerable: false};
+        self.Object.defineProperty(t3, "span", t4);
+      }
+    },
+    _addSupportsConditionToInterpolation() {
+      var t3, _i, $function, t4,
+        t1 = $.$get$_interpolation(),
+        t2 = $.$get$bogusSpan0(),
+        anything = new A.SupportsAnything0(t1, t2);
+      for (t3 = $.$get$_expression(), t2 = [anything, new A.SupportsDeclaration0(t3, t3, t2), new A.SupportsFunction0(t1, t1, t2), new A.SupportsInterpolation0(t3, t2), new A.SupportsNegation0(anything, t2), A.SupportsOperation$0(anything, anything, "and", t2)], t3 = type$.JSClass, _i = 0; _i < 6; ++_i) {
+        t1 = J.get$$prototype$x(t3._as(t2[_i].constructor));
+        $function = A.allowInteropCaptureThis(new A._addSupportsConditionToInterpolation_closure());
+        t4 = {value: "toInterpolation", enumerable: false};
+        self.Object.defineProperty($function, "name", t4);
+        A._hideDartProperties($function);
+        t1.toInterpolation = $function;
+      }
+    },
+    _parse(css, syntax, path) {
+      var t1;
+      $label0$0: {
+        if ("scss" === syntax) {
+          t1 = B.Syntax_SCSS_scss0;
+          break $label0$0;
+        }
+        if ("sass" === syntax) {
+          t1 = B.Syntax_Sass_sass0;
+          break $label0$0;
+        }
+        if ("css" === syntax) {
+          t1 = B.Syntax_CSS_css0;
+          break $label0$0;
+        }
+        t1 = A.throwExpression(A.UnsupportedError$('Unknown syntax "' + syntax + '"'));
+      }
+      return A.Stylesheet_Stylesheet$parse0(css, t1, A.NullableExtension_andThen0(path, A.path__toUri$closure()));
+    },
+    _parseIdentifier(identifier) {
+      var t1, exception;
+      try {
+        t1 = new A.Parser1(A.SpanScanner$(identifier, null), null)._parser1$_parseIdentifier$0();
+        return t1;
+      } catch (exception) {
+        if (type$.SassFormatException_2._is(A.unwrapException(exception)))
+          return null;
+        else
+          throw exception;
+      }
+    },
+    _toCssIdentifier(text) {
+      return A.StringExtension_toCssIdentifier(text);
+    },
+    ParserExports: function ParserExports() {
+    },
+    loadParserExports_closure: function loadParserExports_closure() {
+    },
+    loadParserExports_closure0: function loadParserExports_closure0() {
+    },
+    loadParserExports_closure1: function loadParserExports_closure1() {
+    },
+    _updateAstPrototypes_closure: function _updateAstPrototypes_closure() {
+    },
+    _updateAstPrototypes_closure0: function _updateAstPrototypes_closure0() {
+    },
+    _updateAstPrototypes_closure1: function _updateAstPrototypes_closure1() {
+    },
+    _updateAstPrototypes_closure2: function _updateAstPrototypes_closure2() {
+    },
+    _updateAstPrototypes_closure3: function _updateAstPrototypes_closure3() {
+    },
+    _updateAstPrototypes_closure4: function _updateAstPrototypes_closure4() {
+    },
+    _updateAstPrototypes_closure5: function _updateAstPrototypes_closure5() {
+    },
+    _updateAstPrototypes_closure6: function _updateAstPrototypes_closure6() {
+    },
+    _updateAstPrototypes_closure7: function _updateAstPrototypes_closure7() {
+    },
+    _updateAstPrototypes_closure8: function _updateAstPrototypes_closure8() {
+    },
+    _updateAstPrototypes_closure9: function _updateAstPrototypes_closure9() {
+    },
+    _addSupportsConditionToInterpolation_closure: function _addSupportsConditionToInterpolation_closure() {
+    },
+    Parser_isIdentifier0(text) {
+      var exception;
+      try {
+        new A.Parser1(A.SpanScanner$(text, null), null)._parser1$_parseIdentifier$0();
+        return true;
+      } catch (exception) {
+        if (type$.SassFormatException_2._is(A.unwrapException(exception)))
+          return false;
+        else
+          throw exception;
+      }
+    },
+    Parser1: function Parser1(t0, t1) {
+      this.scanner = t0;
+      this._parser1$_interpolationMap = t1;
+    },
+    Parser__parseIdentifier_closure0: function Parser__parseIdentifier_closure0(t0) {
+      this.$this = t0;
+    },
+    Parser_escape_closure0: function Parser_escape_closure0() {
+    },
+    Parser_scanIdentChar_matches0: function Parser_scanIdentChar_matches0(t0, t1) {
+      this.caseSensitive = t0;
+      this.char = t1;
+    },
+    Parser_spanFrom_closure0: function Parser_spanFrom_closure0(t0, t1) {
+      this.$this = t0;
+      this.span = t1;
+    },
+    PlaceholderSelector0: function PlaceholderSelector0(t0, t1) {
+      this.name = t0;
+      this.span = t1;
+    },
+    PlainCssCallable0: function PlainCssCallable0(t0) {
+      this.name = t0;
+    },
+    PrefixedMapView0: function PrefixedMapView0(t0, t1, t2) {
+      this._prefixed_map_view0$_map = t0;
+      this._prefixed_map_view0$_prefix = t1;
+      this.$ti = t2;
+    },
+    _PrefixedKeys0: function _PrefixedKeys0(t0) {
+      this._prefixed_map_view0$_view = t0;
+    },
+    _PrefixedKeys_iterator_closure0: function _PrefixedKeys_iterator_closure0(t0) {
+      this.$this = t0;
+    },
+    ProphotoRgbColorSpace0: function ProphotoRgbColorSpace0(t0, t1) {
+      this.name = t0;
+      this._space$_channels = t1;
+    },
+    PseudoSelector$0($name, span, argument, element, selector) {
+      var t1 = !element,
+        t2 = t1 && !A.PseudoSelector__isFakePseudoElement0($name);
+      return new A.PseudoSelector0($name, A.unvendor0($name), t2, t1, argument, selector, span);
+    },
+    PseudoSelector__isFakePseudoElement0($name) {
+      switch ($name.charCodeAt(0)) {
+        case 97:
+        case 65:
+          return A.equalsIgnoreCase0($name, "after");
+        case 98:
+        case 66:
+          return A.equalsIgnoreCase0($name, "before");
+        case 102:
+        case 70:
+          return A.equalsIgnoreCase0($name, "first-line") || A.equalsIgnoreCase0($name, "first-letter");
+        default:
+          return false;
+      }
+    },
+    PseudoSelector0: function PseudoSelector0(t0, t1, t2, t3, t4, t5, t6) {
+      var _ = this;
+      _.name = t0;
+      _.normalizedName = t1;
+      _.isClass = t2;
+      _.isSyntacticClass = t3;
+      _.argument = t4;
+      _.selector = t5;
+      _._pseudo$__PseudoSelector_specificity_FI = $;
+      _.span = t6;
+    },
+    PseudoSelector_specificity_closure0: function PseudoSelector_specificity_closure0(t0) {
+      this.$this = t0;
+    },
+    PseudoSelector_specificity__closure1: function PseudoSelector_specificity__closure1() {
+    },
+    PseudoSelector_specificity__closure2: function PseudoSelector_specificity__closure2() {
+    },
+    PseudoSelector_unify_closure0: function PseudoSelector_unify_closure0() {
+    },
+    PublicMemberMapView0: function PublicMemberMapView0(t0, t1) {
+      this._public_member_map_view0$_inner = t0;
+      this.$ti = t1;
+    },
+    QualifiedName0: function QualifiedName0(t0, t1) {
+      this.name = t0;
+      this.namespace = t1;
+    },
+    Rec2020ColorSpace0: function Rec2020ColorSpace0(t0, t1) {
+      this.name = t0;
+      this._space$_channels = t1;
+    },
+    createJSClass($name, $constructor) {
+      return type$.JSClass._as(A.allowInteropCaptureThisNamed($name, $constructor));
+    },
+    JSClassExtension_injectSuperclass(_this, superclass) {
+      var t1 = J.getInterceptor$x(superclass),
+        t2 = J.getInterceptor$x(_this);
+      self.Object.setPrototypeOf(t1.get$$prototype(superclass), J.get$$prototype$x(type$.JSClass._as(self.Object.getPrototypeOf(t2.get$$prototype(_this)).constructor)));
+      self.Object.setPrototypeOf(t2.get$$prototype(_this), self.Object.create(t1.get$$prototype(superclass)));
+    },
+    JSClassExtension_setCustomInspect(_this, inspect) {
+      if (self.util == null)
+        return;
+      J.get$$prototype$x(_this)[self.util.inspect.custom] = A.allowInteropCaptureThis(new A.JSClassExtension_setCustomInspect_closure(inspect));
+    },
+    JSClassExtension_get_defineStaticMethod(_this) {
+      return new A.JSClassExtension_get_defineStaticMethod_closure(_this);
+    },
+    JSClassExtension_get_defineMethod(_this) {
+      return new A.JSClassExtension_get_defineMethod_closure(_this);
+    },
+    JSClassExtension_defineMethods(_this, methods) {
+      methods.forEach$1(0, A.JSClassExtension_get_defineMethod(_this));
+    },
+    JSClassExtension_get_defineGetter(_this) {
+      return new A.JSClassExtension_get_defineGetter_closure(_this);
+    },
+    JSClass0: function JSClass0() {
+    },
+    JSClassExtension_setCustomInspect_closure: function JSClassExtension_setCustomInspect_closure(t0) {
+      this.inspect = t0;
+    },
+    JSClassExtension_get_defineStaticMethod_closure: function JSClassExtension_get_defineStaticMethod_closure(t0) {
+      this._this = t0;
+    },
+    JSClassExtension_get_defineMethod_closure: function JSClassExtension_get_defineMethod_closure(t0) {
+      this._this = t0;
+    },
+    JSClassExtension_get_defineGetter_closure: function JSClassExtension_get_defineGetter_closure(t0) {
+      this._this = t0;
+    },
+    RenderContext0: function RenderContext0() {
+    },
+    RenderContextOptions0: function RenderContextOptions0() {
+    },
+    RenderContextResult0: function RenderContextResult0() {
+    },
+    RenderContextResultStats0: function RenderContextResultStats0() {
+    },
+    RenderOptions: function RenderOptions() {
+    },
+    RenderResult: function RenderResult() {
+    },
+    RenderResultStats: function RenderResultStats() {
+    },
+    ReplaceExpressionVisitor0: function ReplaceExpressionVisitor0() {
+    },
+    ReplaceExpressionVisitor_visitListExpression_closure0: function ReplaceExpressionVisitor_visitListExpression_closure0(t0) {
+      this.$this = t0;
+    },
+    ReplaceExpressionVisitor_visitArgumentList_closure0: function ReplaceExpressionVisitor_visitArgumentList_closure0(t0) {
+      this.$this = t0;
+    },
+    ReplaceExpressionVisitor_visitInterpolation_closure0: function ReplaceExpressionVisitor_visitInterpolation_closure0(t0) {
+      this.$this = t0;
+    },
+    ImporterResult$(contents, sourceMapUrl, syntax) {
+      if ((sourceMapUrl == null ? null : sourceMapUrl.get$scheme()) === "")
+        A.throwExpression(A.ArgumentError$value(sourceMapUrl, "sourceMapUrl", "must be absolute"));
+      return new A.ImporterResult0(contents, sourceMapUrl, syntax);
+    },
+    ImporterResult0: function ImporterResult0(t0, t1, t2) {
+      this.contents = t0;
+      this._result$_sourceMapUrl = t1;
+      this.syntax = t2;
+    },
+    ReturnRule0: function ReturnRule0(t0, t1) {
+      this.expression = t0;
+      this.span = t1;
+    },
+    RgbColorSpace0: function RgbColorSpace0(t0, t1) {
+      this.name = t0;
+      this._space$_channels = t1;
+    },
+    SassParser0: function SassParser0(t0, t1, t2, t3) {
+      var _ = this;
+      _._sass0$_currentIndentation = 0;
+      _._sass0$_spaces = _._sass0$_nextIndentationEnd = _._sass0$_nextIndentation = null;
+      _._stylesheet0$_isUseAllowed = true;
+      _._stylesheet0$_inExpression = _._stylesheet0$_inParentheses = _._stylesheet0$_inStyleRule = _._stylesheet0$_inUnknownAtRule = _._stylesheet0$_inControlDirective = _._stylesheet0$_inContentBlock = _._stylesheet0$_inMixin = false;
+      _._stylesheet0$_globalVariables = t0;
+      _.warnings = t1;
+      _.lastSilentComment = null;
+      _.scanner = t2;
+      _._parser1$_interpolationMap = t3;
+    },
+    SassParser_styleRuleSelector_closure0: function SassParser_styleRuleSelector_closure0() {
+    },
+    SassParser_children_closure0: function SassParser_children_closure0(t0, t1, t2) {
+      this.$this = t0;
+      this.child = t1;
+      this.children = t2;
+    },
+    SassParser__peekIndentation_closure1: function SassParser__peekIndentation_closure1() {
+    },
+    SassParser__peekIndentation_closure2: function SassParser__peekIndentation_closure2() {
+    },
+    SassParser__tryTrailingSemicolon_closure0: function SassParser__tryTrailingSemicolon_closure0() {
+    },
+    _translateReturnValue(val) {
+      if (val instanceof A._Future)
+        return A.futureToPromise(val, type$.dynamic);
+      else
+        return val;
+    },
+    main2() {
+      new Uint8Array(0);
+      A.main();
+      J.set$cli_pkg_main_0_$x(self.exports, A._wrapMain(A.sass__main$closure()));
+    },
+    _wrapMain(main) {
+      if (type$.dynamic_Function._is(main))
+        return A.allowInterop(new A._wrapMain_closure(main));
+      else
+        return A.allowInterop(new A._wrapMain_closure0(main));
+    },
+    _Exports: function _Exports() {
+    },
+    _wrapMain_closure: function _wrapMain_closure(t0) {
+      this.main = t0;
+    },
+    _wrapMain_closure0: function _wrapMain_closure0(t0) {
+      this.main = t0;
+    },
+    ScssParser$0(contents, url) {
+      return new A.ScssParser0(A.LinkedHashMap_LinkedHashMap$_empty(type$.String, type$.FileSpan), A._setArrayType([], type$.JSArray_Record_3_nullable_Deprecation_deprecation_and_String_message_and_FileSpan_span_2), A.SpanScanner$(contents, url), null);
+    },
+    ScssParser0: function ScssParser0(t0, t1, t2, t3) {
+      var _ = this;
+      _._stylesheet0$_isUseAllowed = true;
+      _._stylesheet0$_inExpression = _._stylesheet0$_inParentheses = _._stylesheet0$_inStyleRule = _._stylesheet0$_inUnknownAtRule = _._stylesheet0$_inControlDirective = _._stylesheet0$_inContentBlock = _._stylesheet0$_inMixin = false;
+      _._stylesheet0$_globalVariables = t0;
+      _.warnings = t1;
+      _.lastSilentComment = null;
+      _.scanner = t2;
+      _._parser1$_interpolationMap = t3;
+    },
+    Selector0: function Selector0() {
+    },
+    _IsInvisibleVisitor2: function _IsInvisibleVisitor2(t0) {
+      this.includeBogus = t0;
+    },
+    _IsBogusVisitor0: function _IsBogusVisitor0(t0) {
+      this.includeLeadingCombinator = t0;
+    },
+    _IsBogusVisitor_visitComplexSelector_closure0: function _IsBogusVisitor_visitComplexSelector_closure0(t0) {
+      this.$this = t0;
+    },
+    _IsUselessVisitor0: function _IsUselessVisitor0() {
+    },
+    _IsUselessVisitor_visitComplexSelector_closure0: function _IsUselessVisitor_visitComplexSelector_closure0(t0) {
+      this.$this = t0;
+    },
+    _ContainsParentSelectorVisitor0: function _ContainsParentSelectorVisitor0() {
+    },
+    __ContainsParentSelectorVisitor_Object_AnySelectorVisitor0: function __ContainsParentSelectorVisitor_Object_AnySelectorVisitor0() {
+    },
+    __IsBogusVisitor_Object_AnySelectorVisitor0: function __IsBogusVisitor_Object_AnySelectorVisitor0() {
+    },
+    __IsInvisibleVisitor_Object_AnySelectorVisitor0: function __IsInvisibleVisitor_Object_AnySelectorVisitor0() {
+    },
+    __IsUselessVisitor_Object_AnySelectorVisitor0: function __IsUselessVisitor_Object_AnySelectorVisitor0() {
+    },
+    SelectorExpression0: function SelectorExpression0(t0) {
+      this.span = t0;
+    },
+    _prependParent0(compound) {
+      var _0_3, _0_4, t2, t3, rest,
+        t1 = A.EvaluationContext_currentOrNull0(),
+        span = (t1 == null ? A.throwExpression(A.StateError$(string$.No_Sass)) : t1).get$currentCallableSpan(),
+        _0_0 = compound.components;
+      $label0$0: {
+        _0_3 = _0_0.length >= 1;
+        if (_0_3) {
+          _0_4 = _0_0[0];
+          t1 = _0_4 instanceof A.UniversalSelector0;
+        } else {
+          _0_4 = null;
+          t1 = false;
+        }
+        t2 = null;
+        if (t1) {
+          t1 = t2;
+          break $label0$0;
+        }
+        t1 = false;
+        if (_0_3) {
+          t3 = _0_4;
+          if (t3 instanceof A.TypeSelector0) {
+            t1 = _0_4;
+            t1 = type$.TypeSelector_2._as(t1).name.namespace != null;
+          }
+        }
+        if (t1) {
+          t1 = t2;
+          break $label0$0;
+        }
+        if (_0_3) {
+          t1 = _0_4;
+          t1 = t1 instanceof A.TypeSelector0;
+        } else
+          t1 = false;
+        if (t1) {
+          t1 = _0_3 ? _0_4 : _0_0[0];
+          type$.TypeSelector_2._as(t1);
+          rest = B.JSArray_methods.sublist$1(_0_0, 1);
+          t1 = A._setArrayType([new A.ParentSelector0(t1.name.name, span)], type$.JSArray_SimpleSelector_2);
+          B.JSArray_methods.addAll$1(t1, rest);
+          t1 = A.CompoundSelector$0(t1, span);
+          break $label0$0;
+        }
+        t1 = A._setArrayType([new A.ParentSelector0(null, span)], type$.JSArray_SimpleSelector_2);
+        B.JSArray_methods.addAll$1(t1, _0_0);
+        t1 = A.CompoundSelector$0(t1, span);
+        break $label0$0;
+      }
+      return t1;
+    },
+    _function8($name, $arguments, callback) {
+      return A.BuiltInCallable$function0($name, $arguments, callback, "sass:selector");
+    },
+    _nest_closure0: function _nest_closure0() {
+    },
+    _nest__closure1: function _nest__closure1(t0) {
+      this._box_0 = t0;
+    },
+    _nest__closure2: function _nest__closure2() {
+    },
+    _append_closure1: function _append_closure1() {
+    },
+    _append__closure1: function _append__closure1() {
+    },
+    _append__closure2: function _append__closure2(t0) {
+      this.span = t0;
+    },
+    _append___closure0: function _append___closure0(t0, t1) {
+      this.parent = t0;
+      this.span = t1;
+    },
+    _extend_closure0: function _extend_closure0() {
+    },
+    _replace_closure0: function _replace_closure0() {
+    },
+    _unify_closure0: function _unify_closure0() {
+    },
+    _isSuperselector_closure0: function _isSuperselector_closure0() {
+    },
+    _simpleSelectors_closure0: function _simpleSelectors_closure0() {
+    },
+    _simpleSelectors__closure0: function _simpleSelectors__closure0() {
+    },
+    _parse_closure0: function _parse_closure0() {
+    },
+    SelectorParser0: function SelectorParser0(t0, t1, t2, t3) {
+      var _ = this;
+      _._selector$_allowParent = t0;
+      _._selector$_plainCss = t1;
+      _.scanner = t2;
+      _._parser1$_interpolationMap = t3;
+    },
+    SelectorParser_parse_closure0: function SelectorParser_parse_closure0(t0) {
+      this.$this = t0;
+    },
+    SelectorParser_parseCompoundSelector_closure0: function SelectorParser_parseCompoundSelector_closure0(t0) {
+      this.$this = t0;
+    },
+    SelectorSearchVisitor0: function SelectorSearchVisitor0() {
+    },
+    SelectorSearchVisitor_visitComplexSelector_closure0: function SelectorSearchVisitor_visitComplexSelector_closure0(t0) {
+      this.$this = t0;
+    },
+    SelectorSearchVisitor_visitCompoundSelector_closure0: function SelectorSearchVisitor_visitCompoundSelector_closure0(t0) {
+      this.$this = t0;
+    },
+    serialize0(node, charset, indentWidth, inspect, lineFeed, logger, sourceMap, style, useSpaces) {
+      var t1, css, t2, prefix,
+        visitor = A._SerializeVisitor$0(indentWidth == null ? 2 : indentWidth, inspect, lineFeed, logger, true, sourceMap, style, useSpaces);
+      node.accept$1(visitor);
+      t1 = visitor._serialize0$_buffer;
+      css = t1.toString$0(0);
+      if (charset) {
+        t2 = new A.CodeUnits(css);
+        t2 = t2.any$1(t2, new A.serialize_closure0());
+      } else
+        t2 = false;
+      if (t2)
+        prefix = style === B.OutputStyle_10 ? "\ufeff" : '@charset "UTF-8";\n';
+      else
+        prefix = "";
+      t1 = sourceMap ? t1.buildSourceMap$1$prefix(prefix) : null;
+      return new A._Record_2_sourceMap(prefix + css, t1);
+    },
+    serializeValue0(value, inspect, quote) {
+      var _null = null,
+        visitor = A._SerializeVisitor$0(_null, inspect, _null, _null, quote, false, _null, true);
+      value.accept$1(visitor);
+      return visitor._serialize0$_buffer.toString$0(0);
+    },
+    serializeSelector0(selector, inspect) {
+      var _null = null,
+        visitor = A._SerializeVisitor$0(_null, true, _null, _null, true, false, _null, true);
+      selector.accept$1(visitor);
+      return visitor._serialize0$_buffer.toString$0(0);
+    },
+    _SerializeVisitor$0(indentWidth, inspect, lineFeed, logger, quote, sourceMap, style, useSpaces) {
+      var t1 = sourceMap ? new A.SourceMapBuffer0(new A.StringBuffer(""), A._setArrayType([], type$.JSArray_Entry)) : new A.NoSourceMapBuffer0(new A.StringBuffer("")),
+        t2 = style == null ? B.OutputStyle_00 : style,
+        t3 = useSpaces ? 32 : 9,
+        t4 = indentWidth == null ? 2 : indentWidth,
+        t5 = lineFeed == null ? B.LineFeed_9HY : lineFeed;
+      A.RangeError_checkValueInInterval(t4, 0, 10, "indentWidth");
+      return new A._SerializeVisitor0(t1, t2, inspect, quote, t3, t4, t5);
+    },
+    serialize_closure0: function serialize_closure0() {
+    },
+    _SerializeVisitor0: function _SerializeVisitor0(t0, t1, t2, t3, t4, t5, t6) {
+      var _ = this;
+      _._serialize0$_buffer = t0;
+      _._serialize0$_indentation = 0;
+      _._serialize0$_style = t1;
+      _._serialize0$_inspect = t2;
+      _._serialize0$_quote = t3;
+      _._serialize0$_indentCharacter = t4;
+      _._serialize0$_indentWidth = t5;
+      _._lineFeed = t6;
+    },
+    _SerializeVisitor_visitCssComment_closure0: function _SerializeVisitor_visitCssComment_closure0(t0, t1) {
+      this.$this = t0;
+      this.node = t1;
+    },
+    _SerializeVisitor_visitCssAtRule_closure0: function _SerializeVisitor_visitCssAtRule_closure0(t0, t1) {
+      this.$this = t0;
+      this.node = t1;
+    },
+    _SerializeVisitor_visitCssMediaRule_closure0: function _SerializeVisitor_visitCssMediaRule_closure0(t0, t1) {
+      this.$this = t0;
+      this.node = t1;
+    },
+    _SerializeVisitor_visitCssImport_closure0: function _SerializeVisitor_visitCssImport_closure0(t0, t1) {
+      this.$this = t0;
+      this.node = t1;
+    },
+    _SerializeVisitor_visitCssImport__closure0: function _SerializeVisitor_visitCssImport__closure0(t0, t1) {
+      this.$this = t0;
+      this.node = t1;
+    },
+    _SerializeVisitor_visitCssKeyframeBlock_closure0: function _SerializeVisitor_visitCssKeyframeBlock_closure0(t0, t1) {
+      this.$this = t0;
+      this.node = t1;
+    },
+    _SerializeVisitor_visitCssStyleRule_closure0: function _SerializeVisitor_visitCssStyleRule_closure0(t0, t1) {
+      this.$this = t0;
+      this.node = t1;
+    },
+    _SerializeVisitor_visitCssSupportsRule_closure0: function _SerializeVisitor_visitCssSupportsRule_closure0(t0, t1) {
+      this.$this = t0;
+      this.node = t1;
+    },
+    _SerializeVisitor_visitCssDeclaration_closure1: function _SerializeVisitor_visitCssDeclaration_closure1(t0, t1) {
+      this.$this = t0;
+      this.node = t1;
+    },
+    _SerializeVisitor_visitCssDeclaration_closure2: function _SerializeVisitor_visitCssDeclaration_closure2(t0, t1) {
+      this.$this = t0;
+      this.node = t1;
+    },
+    _SerializeVisitor_visitList_closure2: function _SerializeVisitor_visitList_closure2() {
+    },
+    _SerializeVisitor_visitList_closure3: function _SerializeVisitor_visitList_closure3(t0, t1) {
+      this.$this = t0;
+      this.value = t1;
+    },
+    _SerializeVisitor_visitList_closure4: function _SerializeVisitor_visitList_closure4(t0) {
+      this.$this = t0;
+    },
+    _SerializeVisitor_visitMap_closure0: function _SerializeVisitor_visitMap_closure0(t0) {
+      this.$this = t0;
+    },
+    _SerializeVisitor_visitSelectorList_closure0: function _SerializeVisitor_visitSelectorList_closure0() {
+    },
+    _SerializeVisitor__write_closure0: function _SerializeVisitor__write_closure0(t0, t1) {
+      this.$this = t0;
+      this.value = t1;
+    },
+    _SerializeVisitor__visitChildren_closure1: function _SerializeVisitor__visitChildren_closure1(t0, t1) {
+      this.$this = t0;
+      this.child = t1;
+    },
+    _SerializeVisitor__visitChildren_closure2: function _SerializeVisitor__visitChildren_closure2(t0, t1) {
+      this.$this = t0;
+      this.child = t1;
+    },
+    OutputStyle0: function OutputStyle0(t0) {
+      this._name = t0;
+    },
+    LineFeed0: function LineFeed0(t0, t1, t2) {
+      this.name = t0;
+      this.text = t1;
+      this._name = t2;
+    },
+    JSSet: function JSSet() {
+    },
+    ShadowedModuleView_ifNecessary0(inner, functions, mixins, variables, $T) {
+      return A.ShadowedModuleView__needsBlocklist0(inner.get$variables(), variables) || A.ShadowedModuleView__needsBlocklist0(inner.get$functions(inner), functions) || A.ShadowedModuleView__needsBlocklist0(inner.get$mixins(), mixins) ? new A.ShadowedModuleView0(inner, A.ShadowedModuleView__shadowedMap0(inner.get$variables(), variables, type$.Value_2), A.ShadowedModuleView__shadowedMap0(inner.get$variableNodes(), variables, type$.AstNode_2), A.ShadowedModuleView__shadowedMap0(inner.get$functions(inner), functions, $T), A.ShadowedModuleView__shadowedMap0(inner.get$mixins(), mixins, $T), $T._eval$1("ShadowedModuleView0<0>")) : null;
+    },
+    ShadowedModuleView__shadowedMap0(map, blocklist, $V) {
+      var t1 = A.ShadowedModuleView__needsBlocklist0(map, blocklist);
+      return !t1 ? map : A.LimitedMapView$blocklist0(map, blocklist, type$.String, $V);
+    },
+    ShadowedModuleView__needsBlocklist0(map, blocklist) {
+      return map.get$isNotEmpty(map) && blocklist.any$1(0, map.get$containsKey());
+    },
+    ShadowedModuleView0: function ShadowedModuleView0(t0, t1, t2, t3, t4, t5) {
+      var _ = this;
+      _._shadowed_view0$_inner = t0;
+      _.variables = t1;
+      _.variableNodes = t2;
+      _.functions = t3;
+      _.mixins = t4;
+      _.$ti = t5;
+    },
+    SilentComment0: function SilentComment0(t0, t1) {
+      this.text = t0;
+      this.span = t1;
+    },
+    SimpleSelector0: function SimpleSelector0() {
+    },
+    SimpleSelector_isSuperselector_closure0: function SimpleSelector_isSuperselector_closure0(t0) {
+      this.$this = t0;
+    },
+    SimpleSelector_isSuperselector__closure0: function SimpleSelector_isSuperselector__closure0(t0) {
+      this.$this = t0;
+    },
+    SingleUnitSassNumber0: function SingleUnitSassNumber0(t0, t1, t2) {
+      var _ = this;
+      _._single_unit$_unit = t0;
+      _._number1$_value = t1;
+      _.hashCache = null;
+      _.asSlash = t2;
+    },
+    SingleUnitSassNumber__coerceToUnit_closure0: function SingleUnitSassNumber__coerceToUnit_closure0(t0, t1) {
+      this.$this = t0;
+      this.unit = t1;
+    },
+    SingleUnitSassNumber__coerceValueToUnit_closure0: function SingleUnitSassNumber__coerceValueToUnit_closure0(t0) {
+      this.$this = t0;
+    },
+    SingleUnitSassNumber_multiplyUnits_closure1: function SingleUnitSassNumber_multiplyUnits_closure1(t0, t1) {
+      this._box_0 = t0;
+      this.$this = t1;
+    },
+    SingleUnitSassNumber_multiplyUnits_closure2: function SingleUnitSassNumber_multiplyUnits_closure2(t0, t1) {
+      this._box_0 = t0;
+      this.$this = t1;
+    },
+    SourceInterpolationVisitor: function SourceInterpolationVisitor(t0) {
+      this.buffer = t0;
+    },
+    SourceMapBuffer0: function SourceMapBuffer0(t0, t1) {
+      var _ = this;
+      _._source_map_buffer0$_buffer = t0;
+      _._source_map_buffer0$_entries = t1;
+      _._source_map_buffer0$_column = _._source_map_buffer0$_line = 0;
+      _._source_map_buffer0$_inSpan = false;
+    },
+    SourceMapBuffer_buildSourceMap_closure0: function SourceMapBuffer_buildSourceMap_closure0(t0, t1) {
+      this._box_0 = t0;
+      this.prefixLength = t1;
+    },
+    updateSourceSpanPrototype() {
+      var t3, t4, _i, t5,
+        span = A.SourceFile$fromString("", null).span$1(0, 0),
+        t1 = type$.SourceSpan,
+        t2 = type$.String;
+      for (t1 = [span, new A.MultiSpan0(span, "", A.ConstantMap_ConstantMap$from(A.LinkedHashMap_LinkedHashMap$_empty(t1, t2), t1, t2)), new A.LazyFileSpan0(new A.updateSourceSpanPrototype_closure(span))], t3 = type$.JSClass, t4 = type$.Function, _i = 0; _i < 3; ++_i) {
+        t5 = t3._as(t1[_i].constructor);
+        A.LinkedHashMap_LinkedHashMap$_literal(["start", new A.updateSourceSpanPrototype_closure0(), "end", new A.updateSourceSpanPrototype_closure1(), "url", new A.updateSourceSpanPrototype_closure2(), "text", new A.updateSourceSpanPrototype_closure3(), "context", new A.updateSourceSpanPrototype_closure4()], t2, t4).forEach$1(0, A.JSClassExtension_get_defineGetter(t5));
+      }
+      t1 = t3._as(A.FileLocation$_(span.file, span._file$_start).constructor);
+      A.LinkedHashMap_LinkedHashMap$_literal(["line", new A.updateSourceSpanPrototype_closure5(), "column", new A.updateSourceSpanPrototype_closure6()], t2, t4).forEach$1(0, A.JSClassExtension_get_defineGetter(t1));
+    },
+    updateSourceSpanPrototype_closure: function updateSourceSpanPrototype_closure(t0) {
+      this.span = t0;
+    },
+    updateSourceSpanPrototype_closure0: function updateSourceSpanPrototype_closure0() {
+    },
+    updateSourceSpanPrototype_closure1: function updateSourceSpanPrototype_closure1() {
+    },
+    updateSourceSpanPrototype_closure2: function updateSourceSpanPrototype_closure2() {
+    },
+    updateSourceSpanPrototype__closure: function updateSourceSpanPrototype__closure() {
+    },
+    updateSourceSpanPrototype_closure3: function updateSourceSpanPrototype_closure3() {
+    },
+    updateSourceSpanPrototype_closure4: function updateSourceSpanPrototype_closure4() {
+    },
+    updateSourceSpanPrototype_closure5: function updateSourceSpanPrototype_closure5() {
+    },
+    updateSourceSpanPrototype_closure6: function updateSourceSpanPrototype_closure6() {
+    },
+    ColorSpace_fromName0($name, argumentName) {
+      var t1,
+        _0_0 = $name.toLowerCase();
+      $label0$0: {
+        if ("rgb" === _0_0) {
+          t1 = B.RgbColorSpace_i0P0;
+          break $label0$0;
+        }
+        if ("hwb" === _0_0) {
+          t1 = B.HwbColorSpace_guQ0;
+          break $label0$0;
+        }
+        if ("hsl" === _0_0) {
+          t1 = B.HslColorSpace_JQ20;
+          break $label0$0;
+        }
+        if ("srgb" === _0_0) {
+          t1 = B.SrgbColorSpace_thf0;
+          break $label0$0;
+        }
+        if ("srgb-linear" === _0_0) {
+          t1 = B.SrgbLinearColorSpace_kUj0;
+          break $label0$0;
+        }
+        if ("display-p3" === _0_0) {
+          t1 = B.DisplayP3ColorSpace_MmT0;
+          break $label0$0;
+        }
+        if ("a98-rgb" === _0_0) {
+          t1 = B.A98RgbColorSpace_lf20;
+          break $label0$0;
+        }
+        if ("prophoto-rgb" === _0_0) {
+          t1 = B.ProphotoRgbColorSpace_BDz0;
+          break $label0$0;
+        }
+        if ("rec2020" === _0_0) {
+          t1 = B.Rec2020ColorSpace_6oo0;
+          break $label0$0;
+        }
+        if ("xyz" === _0_0 || "xyz-d65" === _0_0) {
+          t1 = B.XyzD65ColorSpace_WiJ0;
+          break $label0$0;
+        }
+        if ("xyz-d50" === _0_0) {
+          t1 = B.XyzD50ColorSpace_2OB0;
+          break $label0$0;
+        }
+        if ("lab" === _0_0) {
+          t1 = B.LabColorSpace_2nT0;
+          break $label0$0;
+        }
+        if ("lch" === _0_0) {
+          t1 = B.LchColorSpace_Bpv0;
+          break $label0$0;
+        }
+        if ("oklab" === _0_0) {
+          t1 = B.OklabColorSpace_5400;
+          break $label0$0;
+        }
+        if ("oklch" === _0_0) {
+          t1 = B.OklchColorSpace_9Gj0;
+          break $label0$0;
+        }
+        t1 = A.throwExpression(A.SassScriptException$0('Unknown color space "' + $name + '".', argumentName));
+      }
+      return t1;
+    },
+    ColorSpace0: function ColorSpace0() {
+    },
+    SrgbColorSpace0: function SrgbColorSpace0(t0, t1) {
+      this.name = t0;
+      this._space$_channels = t1;
+    },
+    SrgbLinearColorSpace0: function SrgbLinearColorSpace0(t0, t1) {
+      this.name = t0;
+      this._space$_channels = t1;
+    },
+    Statement0: function Statement0() {
+    },
+    JSStatementVisitor: function JSStatementVisitor(t0) {
+      this._statement$_inner = t0;
+    },
+    JSStatementVisitorObject: function JSStatementVisitorObject() {
+    },
+    StatementSearchVisitor0: function StatementSearchVisitor0() {
+    },
+    StatementSearchVisitor_visitIfRule_closure1: function StatementSearchVisitor_visitIfRule_closure1(t0) {
+      this.$this = t0;
+    },
+    StatementSearchVisitor_visitIfRule__closure2: function StatementSearchVisitor_visitIfRule__closure2(t0) {
+      this.$this = t0;
+    },
+    StatementSearchVisitor_visitIfRule_closure2: function StatementSearchVisitor_visitIfRule_closure2(t0) {
+      this.$this = t0;
+    },
+    StatementSearchVisitor_visitIfRule__closure1: function StatementSearchVisitor_visitIfRule__closure1(t0) {
+      this.$this = t0;
+    },
+    StatementSearchVisitor_visitChildren_closure0: function StatementSearchVisitor_visitChildren_closure0(t0) {
+      this.$this = t0;
+    },
+    StaticImport0: function StaticImport0(t0, t1, t2) {
+      this.url = t0;
+      this.modifiers = t1;
+      this.span = t2;
+    },
+    StderrLogger0: function StderrLogger0(t0) {
+      this.color = t0;
+    },
+    StringExpression_quoteText0(text) {
+      var quote = A.StringExpression__bestQuote0(A._setArrayType([text], type$.JSArray_String)),
+        buffer = new A.StringBuffer(""),
+        t1 = A.Primitives_stringFromCharCode(quote);
+      buffer._contents = t1;
+      A.StringExpression__quoteInnerText0(text, quote, buffer, true);
+      t1 = buffer._contents += t1;
+      return t1.charCodeAt(0) == 0 ? t1 : t1;
+    },
+    StringExpression__quoteInnerText0(text, quote, buffer, $static) {
+      var t1, t2, i, _1_0, _0_0, t3, t4, t5, t0;
+      for (t1 = text.length, t2 = t1 - 1, i = 0; i < t1; ++i) {
+        _1_0 = text.charCodeAt(i);
+        if (_1_0 === 10 || _1_0 === 13 || _1_0 === 12) {
+          buffer.writeCharCode$1(92);
+          buffer.writeCharCode$1(97);
+          if (i !== t2) {
+            _0_0 = text.charCodeAt(i + 1);
+            t3 = true;
+            if (!(_0_0 === 32 || _0_0 === 9 || _0_0 === 10 || _0_0 === 13 || _0_0 === 12))
+              if (!(_0_0 >= 48 && _0_0 <= 57))
+                if (!(_0_0 >= 97 && _0_0 <= 102))
+                  t3 = _0_0 >= 65 && _0_0 <= 70;
+            if (t3)
+              buffer.writeCharCode$1(32);
+          }
+          continue;
+        }
+        t3 = 92 === _1_0;
+        if (t3)
+          t4 = _1_0;
+        else
+          t4 = null;
+        if (!t3) {
+          t3 = false;
+          t5 = _1_0 === quote;
+          if (t5)
+            t4 = _1_0;
+          if (!t5)
+            if (35 === _1_0)
+              if ($static)
+                if (i < t2) {
+                  t3 = text.charCodeAt(i + 1) === 123;
+                  if (t3)
+                    t4 = _1_0;
+                  t0 = t4;
+                  t4 = t3;
+                  t3 = t0;
+                } else {
+                  t0 = t4;
+                  t4 = t3;
+                  t3 = t0;
+                }
+              else {
+                t0 = t4;
+                t4 = t3;
+                t3 = t0;
+              }
+            else {
+              t0 = t4;
+              t4 = t3;
+              t3 = t0;
+            }
+          else {
+            t3 = t4;
+            t4 = true;
+          }
+        } else {
+          t3 = t4;
+          t4 = true;
+        }
+        if (t4) {
+          buffer.writeCharCode$1(92);
+          buffer.writeCharCode$1(t3);
+          continue;
+        }
+        buffer.writeCharCode$1(_1_0);
+      }
+    },
+    StringExpression__bestQuote0(strings) {
+      var t1, t2, t3, containsDoubleQuote, t4, t5;
+      for (t1 = J.get$iterator$ax(strings), t2 = type$.CodeUnits, t3 = t2._eval$1("ListIterator<ListBase.E>"), t2 = t2._eval$1("ListBase.E"), containsDoubleQuote = false; t1.moveNext$0();)
+        for (t4 = new A.CodeUnits(t1.get$current(t1)), t4 = new A.ListIterator(t4, t4.get$length(0), t3); t4.moveNext$0();) {
+          t5 = t4.__internal$_current;
+          if (t5 == null)
+            t5 = t2._as(t5);
+          if (t5 === 39)
+            return 34;
+          if (t5 === 34)
+            containsDoubleQuote = true;
+        }
+      return containsDoubleQuote ? 39 : 34;
+    },
+    StringExpression0: function StringExpression0(t0, t1) {
+      this.text = t0;
+      this.hasQuotes = t1;
+    },
+    _codepointForIndex0(index, lengthInCodepoints, allowNegative) {
+      var result;
+      if (index === 0)
+        return 0;
+      if (index > 0)
+        return Math.min(index - 1, lengthInCodepoints);
+      result = lengthInCodepoints + index;
+      if (result < 0 && !allowNegative)
+        return 0;
+      return result;
+    },
+    _function7($name, $arguments, callback) {
+      return A.BuiltInCallable$function0($name, $arguments, callback, "sass:string");
+    },
+    module_closure25: function module_closure25() {
+    },
+    module__closure3: function module__closure3(t0) {
+      this.string = t0;
+    },
+    module__closure4: function module__closure4(t0) {
+      this.string = t0;
+    },
+    _unquote_closure0: function _unquote_closure0() {
+    },
+    _quote_closure0: function _quote_closure0() {
+    },
+    _length_closure1: function _length_closure1() {
+    },
+    _insert_closure0: function _insert_closure0() {
+    },
+    _index_closure1: function _index_closure1() {
+    },
+    _slice_closure0: function _slice_closure0() {
+    },
+    _toUpperCase_closure0: function _toUpperCase_closure0() {
+    },
+    _toLowerCase_closure0: function _toLowerCase_closure0() {
+    },
+    _uniqueId_closure0: function _uniqueId_closure0() {
+    },
+    StringExtension_toCssIdentifier(_this) {
+      var t1, doubleDash, _2_0, character, _3_0,
+        _s52_ = "The U+0000 can't be represented as a CSS identifier.",
+        _s65_ = "An individual surrogate can't be represented as a CSS identifier.",
+        buffer = new A.StringBuffer(""),
+        scanner = A.SpanScanner$(_this, null),
+        writeEscape = new A.StringExtension_toCssIdentifier_writeEscape(buffer, scanner),
+        consumeSurrogatePair = new A.StringExtension_toCssIdentifier_consumeSurrogatePair(scanner, writeEscape, buffer);
+      if (scanner.scanChar$1(45)) {
+        if (scanner._string_scanner$_position === scanner.string.length)
+          return "\\2d";
+        t1 = A.Primitives_stringFromCharCode(45);
+        buffer._contents += t1;
+        doubleDash = scanner.scanChar$1(45);
+        if (doubleDash)
+          buffer._contents += t1;
+      } else
+        doubleDash = false;
+      if (!doubleDash)
+        $label0$0: {
+          _2_0 = scanner.peekChar$0();
+          if (_2_0 == null)
+            scanner.error$1(0, "The empty string can't be represented as a CSS identifier.");
+          if (0 === _2_0)
+            scanner.error$1(0, _s52_);
+          t1 = _2_0 >>> 10 === 54;
+          character = _2_0;
+          if (t1) {
+            consumeSurrogatePair.call$1(character);
+            break $label0$0;
+          }
+          if (_2_0 >>> 10 === 55)
+            scanner.error$2$length(0, _s65_, 1);
+          if (_2_0 === 95 || A.CharacterExtension_get_isAlphabetic0(_2_0) || _2_0 >= 128)
+            t1 = !(_2_0 >= 57344 && _2_0 <= 63743);
+          else
+            t1 = false;
+          if (t1) {
+            t1 = A.Primitives_stringFromCharCode(scanner.readChar$0());
+            buffer._contents += t1;
+            break $label0$0;
+          }
+          writeEscape.call$1(scanner.readChar$0());
+        }
+      for (; true;) {
+        _3_0 = scanner.peekChar$0();
+        if (_3_0 == null)
+          break;
+        if (0 === _3_0)
+          scanner.error$1(0, _s52_);
+        t1 = _3_0 >>> 10 === 54;
+        if (t1) {
+          consumeSurrogatePair.call$1(_3_0);
+          continue;
+        }
+        if (_3_0 >>> 10 === 55)
+          scanner.error$2$length(0, _s65_, 1);
+        if (_3_0 !== 95) {
+          if (!(_3_0 >= 97 && _3_0 <= 122))
+            t1 = _3_0 >= 65 && _3_0 <= 90;
+          else
+            t1 = true;
+          t1 = t1 || _3_0 >= 128;
+        } else
+          t1 = true;
+        if (!t1)
+          t1 = _3_0 >= 48 && _3_0 <= 57 || _3_0 === 45;
+        else
+          t1 = true;
+        if (t1)
+          t1 = !(_3_0 >= 57344 && _3_0 <= 63743);
+        else
+          t1 = false;
+        if (t1) {
+          t1 = A.Primitives_stringFromCharCode(scanner.readChar$0());
+          buffer._contents += t1;
+          continue;
+        }
+        writeEscape.call$1(scanner.readChar$0());
+      }
+      t1 = buffer._contents;
+      return t1.charCodeAt(0) == 0 ? t1 : t1;
+    },
+    StringExtension_toCssIdentifier_writeEscape: function StringExtension_toCssIdentifier_writeEscape(t0, t1) {
+      this.buffer = t0;
+      this.scanner = t1;
+    },
+    StringExtension_toCssIdentifier_consumeSurrogatePair: function StringExtension_toCssIdentifier_consumeSurrogatePair(t0, t1, t2) {
+      this.scanner = t0;
+      this.writeEscape = t1;
+      this.buffer = t2;
+    },
+    stringClass_closure: function stringClass_closure() {
+    },
+    stringClass__closure: function stringClass__closure() {
+    },
+    stringClass__closure0: function stringClass__closure0() {
+    },
+    stringClass__closure1: function stringClass__closure1() {
+    },
+    stringClass__closure2: function stringClass__closure2() {
+    },
+    stringClass__closure3: function stringClass__closure3() {
+    },
+    _ConstructorOptions1: function _ConstructorOptions1() {
+    },
+    _NodeSassString: function _NodeSassString() {
+    },
+    legacyStringClass_closure: function legacyStringClass_closure() {
+    },
+    legacyStringClass_closure0: function legacyStringClass_closure0() {
+    },
+    legacyStringClass_closure1: function legacyStringClass_closure1() {
+    },
+    SassString$0(_text, quotes) {
+      return new A.SassString0(_text, quotes);
+    },
+    SassString0: function SassString0(t0, t1) {
+      var _ = this;
+      _._string0$_text = t0;
+      _._string0$_hasQuotes = t1;
+      _._string0$__SassString__sassLength_FI = $;
+      _._string0$_hashCache = null;
+    },
+    ModifiableCssStyleRule$0(_selector, span, fromPlainCss, originalSelector) {
+      var t1 = A._setArrayType([], type$.JSArray_ModifiableCssNode_2);
+      return new A.ModifiableCssStyleRule0(_selector, originalSelector, span, fromPlainCss, new A.UnmodifiableListView(t1, type$.UnmodifiableListView_ModifiableCssNode_2), t1);
+    },
+    ModifiableCssStyleRule0: function ModifiableCssStyleRule0(t0, t1, t2, t3, t4, t5) {
+      var _ = this;
+      _._style_rule0$_selector = t0;
+      _.originalSelector = t1;
+      _.span = t2;
+      _.fromPlainCss = t3;
+      _.children = t4;
+      _._node$_children = t5;
+      _._node$_indexInParent = _._node$_parent = null;
+      _.isGroupEnd = false;
+    },
+    StyleRule$0(selector, children, span) {
+      var t1 = A.List_List$unmodifiable(children, type$.Statement_2),
+        t2 = B.JSArray_methods.any$1(t1, new A.ParentStatement_closure0());
+      return new A.StyleRule0(selector, span, t1, t2);
+    },
+    StyleRule0: function StyleRule0(t0, t1, t2, t3) {
+      var _ = this;
+      _.selector = t0;
+      _.span = t1;
+      _.children = t2;
+      _.hasDeclarations = t3;
+    },
+    CssStylesheet0: function CssStylesheet0(t0, t1) {
+      this.children = t0;
+      this.span = t1;
+    },
+    ModifiableCssStylesheet$0(span) {
+      var t1 = A._setArrayType([], type$.JSArray_ModifiableCssNode_2);
+      return new A.ModifiableCssStylesheet0(span, new A.UnmodifiableListView(t1, type$.UnmodifiableListView_ModifiableCssNode_2), t1);
+    },
+    ModifiableCssStylesheet0: function ModifiableCssStylesheet0(t0, t1, t2) {
+      var _ = this;
+      _.span = t0;
+      _.children = t1;
+      _._node$_children = t2;
+      _._node$_indexInParent = _._node$_parent = null;
+      _.isGroupEnd = false;
+    },
+    StylesheetParser0: function StylesheetParser0() {
+    },
+    StylesheetParser_parse_closure0: function StylesheetParser_parse_closure0(t0) {
+      this.$this = t0;
+    },
+    StylesheetParser_parse__closure0: function StylesheetParser_parse__closure0(t0) {
+      this.$this = t0;
+    },
+    StylesheetParser_parseParameterList_closure0: function StylesheetParser_parseParameterList_closure0(t0) {
+      this.$this = t0;
+    },
+    StylesheetParser__parseSingleProduction_closure0: function StylesheetParser__parseSingleProduction_closure0(t0, t1, t2) {
+      this.$this = t0;
+      this.production = t1;
+      this.T = t2;
+    },
+    StylesheetParser_parseSignature_closure: function StylesheetParser_parseSignature_closure(t0, t1) {
+      this.$this = t0;
+      this.requireParens = t1;
+    },
+    StylesheetParser__statement_closure0: function StylesheetParser__statement_closure0(t0) {
+      this.$this = t0;
+    },
+    StylesheetParser_variableDeclarationWithoutNamespace_closure1: function StylesheetParser_variableDeclarationWithoutNamespace_closure1(t0, t1) {
+      this.$this = t0;
+      this.start = t1;
+    },
+    StylesheetParser_variableDeclarationWithoutNamespace_closure2: function StylesheetParser_variableDeclarationWithoutNamespace_closure2(t0) {
+      this.declaration = t0;
+    },
+    StylesheetParser__declarationOrBuffer_closure2: function StylesheetParser__declarationOrBuffer_closure2(t0) {
+      this.$this = t0;
+    },
+    StylesheetParser__declarationOrBuffer_closure3: function StylesheetParser__declarationOrBuffer_closure3(t0) {
+      this.$this = t0;
+    },
+    StylesheetParser__declarationOrBuffer_closure4: function StylesheetParser__declarationOrBuffer_closure4(t0) {
+      this.$this = t0;
+    },
+    StylesheetParser__styleRule_closure0: function StylesheetParser__styleRule_closure0(t0, t1, t2, t3) {
+      var _ = this;
+      _._box_0 = t0;
+      _.$this = t1;
+      _.wasInStyleRule = t2;
+      _.start = t3;
+    },
+    StylesheetParser__propertyOrVariableDeclaration_closure0: function StylesheetParser__propertyOrVariableDeclaration_closure0(t0) {
+      this.$this = t0;
+    },
+    StylesheetParser__tryDeclarationChildren_closure0: function StylesheetParser__tryDeclarationChildren_closure0(t0, t1) {
+      this.name = t0;
+      this.value = t1;
+    },
+    StylesheetParser__atRootRule_closure1: function StylesheetParser__atRootRule_closure1(t0) {
+      this.query = t0;
+    },
+    StylesheetParser__atRootRule_closure2: function StylesheetParser__atRootRule_closure2() {
+    },
+    StylesheetParser__eachRule_closure0: function StylesheetParser__eachRule_closure0(t0, t1, t2, t3) {
+      var _ = this;
+      _.$this = t0;
+      _.wasInControlDirective = t1;
+      _.variables = t2;
+      _.list = t3;
+    },
+    StylesheetParser__functionRule_closure0: function StylesheetParser__functionRule_closure0(t0, t1, t2) {
+      this.name = t0;
+      this.parameters = t1;
+      this.precedingComment = t2;
+    },
+    StylesheetParser__forRule_closure1: function StylesheetParser__forRule_closure1(t0, t1) {
+      this._box_0 = t0;
+      this.$this = t1;
+    },
+    StylesheetParser__forRule_closure2: function StylesheetParser__forRule_closure2(t0, t1, t2, t3, t4, t5) {
+      var _ = this;
+      _._box_0 = t0;
+      _.$this = t1;
+      _.wasInControlDirective = t2;
+      _.variable = t3;
+      _.from = t4;
+      _.to = t5;
+    },
+    StylesheetParser__memberList_closure0: function StylesheetParser__memberList_closure0(t0, t1, t2) {
+      this.$this = t0;
+      this.variables = t1;
+      this.identifiers = t2;
+    },
+    StylesheetParser__includeRule_closure0: function StylesheetParser__includeRule_closure0(t0) {
+      this.contentParameters_ = t0;
+    },
+    StylesheetParser_mediaRule_closure0: function StylesheetParser_mediaRule_closure0(t0) {
+      this.query = t0;
+    },
+    StylesheetParser__mixinRule_closure0: function StylesheetParser__mixinRule_closure0(t0, t1, t2, t3) {
+      var _ = this;
+      _.$this = t0;
+      _.name = t1;
+      _.parameters = t2;
+      _.precedingComment = t3;
+    },
+    StylesheetParser_mozDocumentRule_closure1: function StylesheetParser_mozDocumentRule_closure1(t0) {
+      this.$this = t0;
+    },
+    StylesheetParser_mozDocumentRule_closure2: function StylesheetParser_mozDocumentRule_closure2(t0, t1, t2, t3) {
+      var _ = this;
+      _._box_0 = t0;
+      _.$this = t1;
+      _.name = t2;
+      _.value = t3;
+    },
+    StylesheetParser_supportsRule_closure0: function StylesheetParser_supportsRule_closure0(t0) {
+      this.condition = t0;
+    },
+    StylesheetParser__whileRule_closure0: function StylesheetParser__whileRule_closure0(t0, t1, t2) {
+      this.$this = t0;
+      this.wasInControlDirective = t1;
+      this.condition = t2;
+    },
+    StylesheetParser_unknownAtRule_closure0: function StylesheetParser_unknownAtRule_closure0(t0, t1) {
+      this._box_0 = t0;
+      this.name = t1;
+    },
+    StylesheetParser__expression_resetState0: function StylesheetParser__expression_resetState0(t0, t1, t2) {
+      this._box_0 = t0;
+      this.$this = t1;
+      this.start = t2;
+    },
+    StylesheetParser__expression_resolveOneOperation0: function StylesheetParser__expression_resolveOneOperation0(t0, t1) {
+      this._box_0 = t0;
+      this.$this = t1;
+    },
+    StylesheetParser__expression_resolveOperations0: function StylesheetParser__expression_resolveOperations0(t0, t1) {
+      this._box_0 = t0;
+      this.resolveOneOperation = t1;
+    },
+    StylesheetParser__expression_addSingleExpression0: function StylesheetParser__expression_addSingleExpression0(t0, t1, t2, t3) {
+      var _ = this;
+      _._box_0 = t0;
+      _.$this = t1;
+      _.resetState = t2;
+      _.resolveOperations = t3;
+    },
+    StylesheetParser__expression_addOperator0: function StylesheetParser__expression_addOperator0(t0, t1, t2, t3) {
+      var _ = this;
+      _._box_0 = t0;
+      _.$this = t1;
+      _.resolveOneOperation = t2;
+      _.addSingleExpression = t3;
+    },
+    StylesheetParser__expression_resolveSpaceExpressions0: function StylesheetParser__expression_resolveSpaceExpressions0(t0, t1, t2) {
+      this._box_0 = t0;
+      this.$this = t1;
+      this.resolveOperations = t2;
+    },
+    StylesheetParser_expressionUntilComma_closure0: function StylesheetParser_expressionUntilComma_closure0(t0) {
+      this.$this = t0;
+    },
+    StylesheetParser__isHexColor_closure0: function StylesheetParser__isHexColor_closure0() {
+    },
+    StylesheetParser__unicodeRange_closure1: function StylesheetParser__unicodeRange_closure1() {
+    },
+    StylesheetParser__unicodeRange_closure2: function StylesheetParser__unicodeRange_closure2() {
+    },
+    StylesheetParser_namespacedExpression_closure0: function StylesheetParser_namespacedExpression_closure0(t0, t1) {
+      this.$this = t0;
+      this.start = t1;
+    },
+    StylesheetParser_trySpecialFunction_closure0: function StylesheetParser_trySpecialFunction_closure0() {
+    },
+    StylesheetParser__expressionUntilComparison_closure0: function StylesheetParser__expressionUntilComparison_closure0(t0) {
+      this.$this = t0;
+    },
+    StylesheetParser__publicIdentifier_closure0: function StylesheetParser__publicIdentifier_closure0(t0, t1) {
+      this.$this = t0;
+      this.start = t1;
+    },
+    Stylesheet$internal0(children, span, parseTimeWarnings, globalVariables, plainCss) {
+      var t1 = A._setArrayType([], type$.JSArray_UseRule_2),
+        t2 = A._setArrayType([], type$.JSArray_ForwardRule_2),
+        t3 = A.ConstantMap_ConstantMap$from(globalVariables, type$.String, type$.FileSpan),
+        t4 = A.List_List$unmodifiable(children, type$.Statement_2),
+        t5 = B.JSArray_methods.any$1(t4, new A.ParentStatement_closure0());
+      t1 = new A.Stylesheet0(span, plainCss, t1, t2, new A.UnmodifiableListView(parseTimeWarnings, type$.UnmodifiableListView_Record_3_nullable_Deprecation_deprecation_and_String_message_and_FileSpan_span_2), t3, t4, t5);
+      t1.Stylesheet$internal$5$globalVariables$plainCss0(children, span, parseTimeWarnings, globalVariables, plainCss);
+      return t1;
+    },
+    Stylesheet_Stylesheet$parse0(contents, syntax, url) {
+      var error, stackTrace, url0, t1, exception, t2;
+      try {
+        switch (syntax) {
+          case B.Syntax_Sass_sass0:
+            t1 = new A.SassParser0(A.LinkedHashMap_LinkedHashMap$_empty(type$.String, type$.FileSpan), A._setArrayType([], type$.JSArray_Record_3_nullable_Deprecation_deprecation_and_String_message_and_FileSpan_span_2), A.SpanScanner$(contents, url), null).parse$0(0);
+            return t1;
+          case B.Syntax_SCSS_scss0:
+            t1 = A.ScssParser$0(contents, url).parse$0(0);
+            return t1;
+          case B.Syntax_CSS_css0:
+            t1 = new A.CssParser0(A.LinkedHashMap_LinkedHashMap$_empty(type$.String, type$.FileSpan), A._setArrayType([], type$.JSArray_Record_3_nullable_Deprecation_deprecation_and_String_message_and_FileSpan_span_2), A.SpanScanner$(contents, url), null).parse$0(0);
+            return t1;
+        }
+      } catch (exception) {
+        t1 = A.unwrapException(exception);
+        if (t1 instanceof A.SassException0) {
+          error = t1;
+          stackTrace = A.getTraceFromException(exception);
+          t1 = error;
+          t2 = J.getInterceptor$z(t1);
+          t1 = A.SourceSpanException.prototype.get$span.call(t2, t1);
+          url0 = t1.get$sourceUrl(t1);
+          if (url0 == null || url0.toString$0(0) === "stdin")
+            throw exception;
+          t1 = type$.Uri;
+          throw A.wrapException(A.throwWithTrace0(error.withLoadedUrls$1(A.Set_Set$unmodifiable(A.LinkedHashSet_LinkedHashSet$_literal([url0], t1), t1)), error, stackTrace));
+        } else
+          throw exception;
+      }
+    },
+    Stylesheet0: function Stylesheet0(t0, t1, t2, t3, t4, t5, t6, t7) {
+      var _ = this;
+      _.span = t0;
+      _.plainCss = t1;
+      _._stylesheet1$_uses = t2;
+      _._stylesheet1$_forwards = t3;
+      _.parseTimeWarnings = t4;
+      _.globalVariables = t5;
+      _.children = t6;
+      _.hasDeclarations = t7;
+    },
+    SupportsExpression0: function SupportsExpression0(t0) {
+      this.condition = t0;
+    },
+    ModifiableCssSupportsRule$0(condition, span) {
+      var t1 = A._setArrayType([], type$.JSArray_ModifiableCssNode_2);
+      return new A.ModifiableCssSupportsRule0(condition, span, new A.UnmodifiableListView(t1, type$.UnmodifiableListView_ModifiableCssNode_2), t1);
+    },
+    ModifiableCssSupportsRule0: function ModifiableCssSupportsRule0(t0, t1, t2, t3) {
+      var _ = this;
+      _.condition = t0;
+      _.span = t1;
+      _.children = t2;
+      _._node$_children = t3;
+      _._node$_indexInParent = _._node$_parent = null;
+      _.isGroupEnd = false;
+    },
+    SupportsRule$0(condition, children, span) {
+      var t1 = A.List_List$unmodifiable(children, type$.Statement_2),
+        t2 = B.JSArray_methods.any$1(t1, new A.ParentStatement_closure0());
+      return new A.SupportsRule0(condition, span, t1, t2);
+    },
+    SupportsRule0: function SupportsRule0(t0, t1, t2, t3) {
+      var _ = this;
+      _.condition = t0;
+      _.span = t1;
+      _.children = t2;
+      _.hasDeclarations = t3;
+    },
+    JSToDartImporter: function JSToDartImporter(t0, t1, t2) {
+      this._sync$_canonicalize = t0;
+      this._sync$_load = t1;
+      this._sync$_nonCanonicalSchemes = t2;
+    },
+    JSToDartImporter_canonicalize_closure: function JSToDartImporter_canonicalize_closure(t0, t1) {
+      this.$this = t0;
+      this.url = t1;
+    },
+    JSToDartImporter_load_closure: function JSToDartImporter_load_closure(t0, t1) {
+      this.$this = t0;
+      this.url = t1;
+    },
+    Syntax_forPath0(path) {
+      var t1,
+        _0_0 = A.ParsedPath_ParsedPath$parse(path, $.$get$context().style)._splitExtension$1(1)[1];
+      $label0$0: {
+        if (".sass" === _0_0) {
+          t1 = B.Syntax_Sass_sass0;
+          break $label0$0;
+        }
+        if (".css" === _0_0) {
+          t1 = B.Syntax_CSS_css0;
+          break $label0$0;
+        }
+        t1 = B.Syntax_SCSS_scss0;
+        break $label0$0;
+      }
+      return t1;
+    },
+    Syntax0: function Syntax0(t0, t1) {
+      this._syntax0$_name = t0;
+      this._name = t1;
+    },
+    TypeSelector0: function TypeSelector0(t0, t1) {
+      this.name = t0;
+      this.span = t1;
+    },
+    Types: function Types() {
+    },
+    UnaryOperationExpression0: function UnaryOperationExpression0(t0, t1, t2) {
+      this.operator = t0;
+      this.operand = t1;
+      this.span = t2;
+    },
+    UnaryOperator0: function UnaryOperator0(t0, t1, t2) {
+      this.name = t0;
+      this.operator = t1;
+      this._name = t2;
+    },
+    UnitlessSassNumber0: function UnitlessSassNumber0(t0, t1) {
+      this._number1$_value = t0;
+      this.hashCache = null;
+      this.asSlash = t1;
+    },
+    UniversalSelector0: function UniversalSelector0(t0, t1) {
+      this.namespace = t0;
+      this.span = t1;
+    },
+    UnprefixedMapView0: function UnprefixedMapView0(t0, t1, t2) {
+      this._unprefixed_map_view0$_map = t0;
+      this._unprefixed_map_view0$_prefix = t1;
+      this.$ti = t2;
+    },
+    _UnprefixedKeys0: function _UnprefixedKeys0(t0) {
+      this._unprefixed_map_view0$_view = t0;
+    },
+    _UnprefixedKeys_iterator_closure1: function _UnprefixedKeys_iterator_closure1(t0) {
+      this.$this = t0;
+    },
+    _UnprefixedKeys_iterator_closure2: function _UnprefixedKeys_iterator_closure2(t0) {
+      this.$this = t0;
+    },
+    JSUrl0: function JSUrl0() {
+    },
+    UseRule0: function UseRule0(t0, t1, t2, t3) {
+      var _ = this;
+      _.url = t0;
+      _.namespace = t1;
+      _.configuration = t2;
+      _.span = t3;
+    },
+    UserDefinedCallable0: function UserDefinedCallable0(t0, t1, t2, t3) {
+      var _ = this;
+      _.declaration = t0;
+      _.environment = t1;
+      _.inDependency = t2;
+      _.$ti = t3;
+    },
+    fromImport0() {
+      var t1 = type$.nullable_CanonicalizeContext_2._as($.Zone__current.$index(0, B.Symbol__canonicalizeContext));
+      t1 = t1 == null ? null : t1._canonicalize_context$_fromImport;
+      return t1 === true;
+    },
+    canonicalizeContext0() {
+      var t1,
+        _0_0 = $.Zone__current.$index(0, B.Symbol__canonicalizeContext);
+      $label0$0: {
+        if (_0_0 == null)
+          A.throwExpression(A.StateError$(string$.canoni));
+        if (_0_0 instanceof A.CanonicalizeContext0) {
+          t1 = _0_0;
+          break $label0$0;
+        }
+        t1 = A.throwExpression(A.StateError$(string$.Unexpe + A.S(_0_0) + "."));
+      }
+      return t1;
+    },
+    inImportRule(callback, $T) {
+      var t1,
+        _0_0 = $.Zone__current.$index(0, B.Symbol__canonicalizeContext);
+      $label0$0: {
+        if (_0_0 == null) {
+          t1 = type$.nullable_Object;
+          t1 = A.runZoned(callback, A.LinkedHashMap_LinkedHashMap$_literal([B.Symbol__canonicalizeContext, new A.CanonicalizeContext0(true, null)], t1, t1), $T);
+          break $label0$0;
+        }
+        if (_0_0 instanceof A.CanonicalizeContext0) {
+          t1 = _0_0.withFromImport$2(true, callback);
+          break $label0$0;
+        }
+        t1 = A.throwExpression(A.StateError$(string$.Unexpe + A.S(_0_0) + "."));
+      }
+      return t1;
+    },
+    resolveImportPath0(path) {
+      var t1,
+        extension = A.ParsedPath_ParsedPath$parse(path, $.$get$context().style)._splitExtension$1(1)[1];
+      if (extension === ".sass" || extension === ".scss" || extension === ".css") {
+        t1 = A.fromImport0() ? new A.resolveImportPath_closure1(path, extension).call$0() : null;
+        return t1 == null ? A._exactlyOne0(A._tryPath0(path)) : t1;
+      }
+      t1 = A.fromImport0() ? new A.resolveImportPath_closure2(path).call$0() : null;
+      if (t1 == null)
+        t1 = A._exactlyOne0(A._tryPathWithExtensions0(path));
+      return t1 == null ? A._tryPathAsDirectory0(path) : t1;
+    },
+    _tryPathWithExtensions0(path) {
+      var result = A._tryPath0(path + ".sass");
+      B.JSArray_methods.addAll$1(result, A._tryPath0(path + ".scss"));
+      return result.length !== 0 ? result : A._tryPath0(path + ".css");
+    },
+    _tryPath0(path) {
+      var t1 = $.$get$context(),
+        partial = A.join(t1.dirname$1(path), "_" + A.ParsedPath_ParsedPath$parse(path, t1.style).get$basename(), null);
+      t1 = A._setArrayType([], type$.JSArray_String);
+      if (A.fileExists0(partial))
+        t1.push(partial);
+      if (A.fileExists0(path))
+        t1.push(path);
+      return t1;
+    },
+    _tryPathAsDirectory0(path) {
+      var t1;
+      if (!A.dirExists0(path))
+        return null;
+      t1 = A.fromImport0() ? new A._tryPathAsDirectory_closure0(path).call$0() : null;
+      return t1 == null ? A._exactlyOne0(A._tryPathWithExtensions0(A.join(path, "index", null))) : t1;
+    },
+    _exactlyOne0(paths) {
+      var _0_1, t1, path;
+      $label0$0: {
+        _0_1 = paths.length;
+        if (_0_1 <= 0) {
+          t1 = null;
+          break $label0$0;
+        }
+        if (_0_1 === 1) {
+          path = paths[0];
+          t1 = path;
+          break $label0$0;
+        }
+        t1 = A.throwExpression(string$.It_s_n + B.JSArray_methods.map$1$1(paths, new A._exactlyOne_closure0(), type$.String).join$1(0, "\n"));
+      }
+      return t1;
+    },
+    resolveImportPath_closure1: function resolveImportPath_closure1(t0, t1) {
+      this.path = t0;
+      this.extension = t1;
+    },
+    resolveImportPath_closure2: function resolveImportPath_closure2(t0) {
+      this.path = t0;
+    },
+    _tryPathAsDirectory_closure0: function _tryPathAsDirectory_closure0(t0) {
+      this.path = t0;
+    },
+    _exactlyOne_closure0: function _exactlyOne_closure0() {
+    },
+    jsThrow(error) {
+      return type$.Never._as($.$get$_jsThrow().call$1(error));
+    },
+    attachJsStack(error, trace) {
+      var traceString = trace.toString$0(0),
+        firstRealLine = B.JSString_methods.indexOf$1(traceString, "\n    at");
+      if (firstRealLine !== -1)
+        traceString = B.JSString_methods.substring$1(traceString, firstRealLine + 1);
+      error.stack = "Error: " + A.S(J.get$message$x(error)) + "\n" + traceString;
+    },
+    jsForEach(object, callback) {
+      var t1, t2;
+      for (t1 = J.get$iterator$ax(self.Object.keys(object)); t1.moveNext$0();) {
+        t2 = t1.get$current(t1);
+        callback.call$2(t2, object[t2]);
+      }
+    },
+    jsType(value) {
+      var typeOf = A._asString(new self.Function("value", "return typeof value").call$1(value));
+      return typeOf !== "object" ? typeOf : A._asString(new self.Function("value", '    if (value && value.constructor && value.constructor.name) {\n      return value.constructor.name;\n    }\n    return "object";\n  ').call$1(value));
+    },
+    defineGetter(object, $name, get, value) {
+      self.Object.defineProperty(object, $name, get == null ? {value: value, enumerable: false} : {get: A.allowInteropCaptureThis(get), enumerable: false});
+    },
+    allowInteropNamed($name, $function) {
+      $function = A.allowInterop($function);
+      A.defineGetter($function, "name", null, $name);
+      A._hideDartProperties($function);
+      return $function;
+    },
+    allowInteropCaptureThisNamed($name, $function) {
+      $function = A.allowInteropCaptureThis($function);
+      A.defineGetter($function, "name", null, $name);
+      A._hideDartProperties($function);
+      return $function;
+    },
+    _hideDartProperties(object) {
+      var t1, t2, t3, t4;
+      for (t1 = J.cast$1$0$ax(self.Object.getOwnPropertyNames(object), type$.String), t2 = A._instanceType(t1), t1 = new A.ListIterator(t1, t1.get$length(t1), t2._eval$1("ListIterator<ListBase.E>")), t2 = t2._eval$1("ListBase.E"); t1.moveNext$0();) {
+        t3 = t1.__internal$_current;
+        if (t3 == null)
+          t3 = t2._as(t3);
+        if (B.JSString_methods.startsWith$1(t3, "_")) {
+          t4 = {value: object[t3], enumerable: false};
+          self.Object.defineProperty(object, t3, t4);
+        }
+      }
+    },
+    futureToPromise0(future) {
+      return new self.Promise(A.allowInterop(new A.futureToPromise_closure0(future)));
+    },
+    jsToDartUrl(url) {
+      return A.Uri_parse(J.toString$0$(url));
+    },
+    dartToJSUrl(url) {
+      return new self.URL(url.toString$0(0));
+    },
+    toJSArray(iterable) {
+      var t1, t2,
+        array = new self.Array();
+      for (t1 = J.get$iterator$ax(iterable), t2 = J.getInterceptor$x(array); t1.moveNext$0();)
+        t2.push$1(array, t1.get$current(t1));
+      return array;
+    },
+    objectToMap(object) {
+      var map = A.LinkedHashMap_LinkedHashMap$_empty(type$.String, type$.nullable_Object);
+      A.jsForEach(object, new A.objectToMap_closure(map));
+      return map;
+    },
+    mapToObject(map) {
+      var t1, t2,
+        result = new self.Object();
+      for (t1 = A.MapExtensions_get_pairs0(map, type$.String, type$.nullable_Object), t1 = t1.get$iterator(t1); t1.moveNext$0();) {
+        t2 = t1.get$current(t1);
+        result[t2._0] = t2._1;
+      }
+      return result;
+    },
+    jsToDartSeparator(separator) {
+      var t1;
+      $label0$0: {
+        if (" " === separator) {
+          t1 = B.ListSeparator_qSL0;
+          break $label0$0;
+        }
+        if ("," === separator) {
+          t1 = B.ListSeparator_qVN0;
+          break $label0$0;
+        }
+        if ("/" === separator) {
+          t1 = B.ListSeparator_bRz0;
+          break $label0$0;
+        }
+        if (separator == null) {
+          t1 = B.ListSeparator_undecided_null_undecided0;
+          break $label0$0;
+        }
+        t1 = A.jsThrow(new self.Error('Unknown separator "' + separator + '".'));
+      }
+      return t1;
+    },
+    parseSyntax(syntax) {
+      var t1;
+      $label0$0: {
+        if (syntax == null || "scss" === syntax) {
+          t1 = B.Syntax_SCSS_scss0;
+          break $label0$0;
+        }
+        if ("indented" === syntax) {
+          t1 = B.Syntax_Sass_sass0;
+          break $label0$0;
+        }
+        if ("css" === syntax) {
+          t1 = B.Syntax_CSS_css0;
+          break $label0$0;
+        }
+        t1 = A.jsThrow(new self.Error('Unknown syntax "' + syntax + '".'));
+      }
+      return t1;
+    },
+    entrypointFilename() {
+      var _1_0, _1_5_isSet, _1_5, t2, path,
+        t1 = self.require.main,
+        _0_0 = t1 == null ? null : J.get$filename$x(t1);
+      if (_0_0 != null)
+        return _0_0;
+      else {
+        _1_0 = J.get$argv$x(self.process);
+        t1 = J.getInterceptor$asx(_1_0);
+        _1_5_isSet = t1.get$length(_1_0) >= 2;
+        if (_1_5_isSet) {
+          _1_5 = t1.$index(_1_0, 1);
+          t2 = typeof _1_5 == "string";
+        } else {
+          _1_5 = null;
+          t2 = false;
+        }
+        if (t2) {
+          path = A._asString(_1_5_isSet ? _1_5 : t1.$index(_1_0, 1));
+          return J.resolve$1$x(J.createRequire$1$x(self.nodeModule, path), path);
+        } else
+          return null;
+      }
+    },
+    _PropertyDescriptor0: function _PropertyDescriptor0() {
+    },
+    futureToPromise_closure0: function futureToPromise_closure0(t0) {
+      this.future = t0;
+    },
+    futureToPromise__closure0: function futureToPromise__closure0(t0) {
+      this.resolve = t0;
+    },
+    futureToPromise__closure1: function futureToPromise__closure1(t0) {
+      this.reject = t0;
+    },
+    objectToMap_closure: function objectToMap_closure(t0) {
+      this.map = t0;
+    },
+    _RequireMain0: function _RequireMain0() {
+    },
+    toSentence0(iter, conjunction) {
+      if (iter.get$length(iter) === 1)
+        return J.toString$0$(iter.get$first(iter));
+      return A.IterableExtension_get_exceptLast0(iter).join$1(0, ", ") + (" " + conjunction + " " + A.S(iter.get$last(iter)));
+    },
+    indent0(string, indentation) {
+      return new A.MappedListIterable(A._setArrayType(string.split("\n"), type$.JSArray_String), new A.indent_closure0(indentation), type$.MappedListIterable_String_String).join$1(0, "\n");
+    },
+    pluralize0($name, number, plural) {
+      if (number === 1)
+        return $name;
+      if (plural != null)
+        return plural;
+      return $name + "s";
+    },
+    trimAscii0(string, excludeEscape) {
+      var t1,
+        start = A._firstNonWhitespace0(string);
+      if (start == null)
+        t1 = "";
+      else {
+        t1 = A._lastNonWhitespace0(string, true);
+        t1.toString;
+        t1 = B.JSString_methods.substring$2(string, start, t1 + 1);
+      }
+      return t1;
+    },
+    trimAsciiRight0(string, excludeEscape) {
+      var end = A._lastNonWhitespace0(string, excludeEscape);
+      return end == null ? "" : B.JSString_methods.substring$2(string, 0, end + 1);
+    },
+    _firstNonWhitespace0(string) {
+      var t1, i, t2;
+      for (t1 = string.length, i = 0; i < t1; ++i) {
+        t2 = string.charCodeAt(i);
+        if (!(t2 === 32 || t2 === 9 || t2 === 10 || t2 === 13 || t2 === 12))
+          return i;
+      }
+      return null;
+    },
+    _lastNonWhitespace0(string, excludeEscape) {
+      var i, i0, codeUnit;
+      for (i = string.length - 1, i0 = i; i0 >= 0; --i0) {
+        codeUnit = string.charCodeAt(i0);
+        if (!(codeUnit === 32 || codeUnit === 9 || codeUnit === 10 || codeUnit === 13 || codeUnit === 12))
+          if (excludeEscape && i0 !== 0 && i0 !== i && codeUnit === 92)
+            return i0 + 1;
+          else
+            return i0;
+      }
+      return null;
+    },
+    isPublic0(member) {
+      var start = member.charCodeAt(0);
+      return start !== 45 && start !== 95;
+    },
+    flattenVertically0(iterable, $T) {
+      var result,
+        t1 = iterable.$ti._eval$1("@<ListIterable.E>")._bind$1($T._eval$1("QueueList<0>"))._eval$1("MappedListIterable<1,2>"),
+        queues = A.List_List$_of(new A.MappedListIterable(iterable, new A.flattenVertically_closure1($T), t1), t1._eval$1("ListIterable.E"));
+      if (queues.length === 1)
+        return B.JSArray_methods.get$first(queues);
+      result = A._setArrayType([], $T._eval$1("JSArray<0>"));
+      for (; queues.length !== 0;) {
+        queues.$flags & 1 && A.throwUnsupportedOperation(queues, 16);
+        B.JSArray_methods._removeWhere$2(queues, new A.flattenVertically_closure2(result, $T), true);
+      }
+      return result;
+    },
+    codepointIndexToCodeUnitIndex0(string, codepointIndex) {
+      var codeUnitIndex, i, codeUnitIndex0;
+      for (codeUnitIndex = 0, i = 0; i < codepointIndex; ++i) {
+        codeUnitIndex0 = codeUnitIndex + 1;
+        codeUnitIndex = string.charCodeAt(codeUnitIndex) >>> 10 === 54 ? codeUnitIndex0 + 1 : codeUnitIndex0;
+      }
+      return codeUnitIndex;
+    },
+    codeUnitIndexToCodepointIndex0(string, codeUnitIndex) {
+      var codepointIndex, i;
+      for (codepointIndex = 0, i = 0; i < codeUnitIndex; i = (string.charCodeAt(i) >>> 10 === 54 ? i + 1 : i) + 1)
+        ++codepointIndex;
+      return codepointIndex;
+    },
+    frameForSpan0(span, member, url) {
+      var t2, t3,
+        t1 = url == null ? span.get$sourceUrl(span) : url;
+      if (t1 == null)
+        t1 = $.$get$_noSourceUrl0();
+      t2 = span.get$start(span);
+      t2 = t2.file.getLine$1(t2.offset);
+      t3 = span.get$start(span);
+      return new A.Frame(t1, t2 + 1, t3.file.getColumn$1(t3.offset) + 1, member);
+    },
+    declarationName0(span) {
+      var text = span.get$text();
+      return A.trimAsciiRight0(B.JSString_methods.substring$2(text, 0, B.JSString_methods.indexOf$1(text, ":")), false);
+    },
+    unvendor0($name) {
+      var i,
+        t1 = $name.length;
+      if (t1 < 2)
+        return $name;
+      if ($name.charCodeAt(0) !== 45)
+        return $name;
+      if ($name.charCodeAt(1) === 45)
+        return $name;
+      for (i = 2; i < t1; ++i)
+        if ($name.charCodeAt(i) === 45)
+          return B.JSString_methods.substring$1($name, i + 1);
+      return $name;
+    },
+    equalsIgnoreCase0(string1, string2) {
+      var t1, i;
+      if (string1 === string2)
+        return true;
+      if (string1 == null)
+        return false;
+      t1 = string1.length;
+      if (t1 !== string2.length)
+        return false;
+      for (i = 0; i < t1; ++i)
+        if (!A.characterEqualsIgnoreCase0(string1.charCodeAt(i), string2.charCodeAt(i)))
+          return false;
+      return true;
+    },
+    startsWithIgnoreCase0(string, prefix) {
+      var i,
+        t1 = prefix.length;
+      if (string.length < t1)
+        return false;
+      for (i = 0; i < t1; ++i)
+        if (!A.characterEqualsIgnoreCase0(string.charCodeAt(i), prefix.charCodeAt(i)))
+          return false;
+      return true;
+    },
+    mapInPlace0(list, $function) {
+      var i;
+      for (i = 0; i < list.length; ++i)
+        list[i] = $function.call$1(list[i]);
+    },
+    longestCommonSubsequence0(list1, list2, select, $T) {
+      var t1, _i, selections, i, i0, j, selection, j0,
+        _length = list1.get$length(0) + 1,
+        lengths = J.JSArray_JSArray$allocateFixed(_length, type$.List_int);
+      for (t1 = type$.int, _i = 0; _i < _length; ++_i)
+        lengths[_i] = A.List_List$filled(((list2._queue_list$_tail - list2._queue_list$_head & J.get$length$asx(list2._queue_list$_table) - 1) >>> 0) + 1, 0, false, t1);
+      _length = list1.get$length(0);
+      selections = J.JSArray_JSArray$allocateFixed(_length, $T._eval$1("List<0?>"));
+      for (t1 = $T._eval$1("0?"), _i = 0; _i < _length; ++_i)
+        selections[_i] = A.List_List$filled((list2._queue_list$_tail - list2._queue_list$_head & J.get$length$asx(list2._queue_list$_table) - 1) >>> 0, null, false, t1);
+      for (i = 0; i < (list1._queue_list$_tail - list1._queue_list$_head & J.get$length$asx(list1._queue_list$_table) - 1) >>> 0; i = i0)
+        for (i0 = i + 1, j = 0; j < (list2._queue_list$_tail - list2._queue_list$_head & J.get$length$asx(list2._queue_list$_table) - 1) >>> 0; j = j0) {
+          selection = select.call$2(list1.$index(0, i), list2.$index(0, j));
+          selections[i][j] = selection;
+          t1 = lengths[i0];
+          j0 = j + 1;
+          t1[j0] = selection == null ? Math.max(t1[j], lengths[i][j0]) : lengths[i][j] + 1;
+        }
+      return new A.longestCommonSubsequence_backtrack0(selections, lengths, $T).call$2(list1.get$length(0) - 1, list2.get$length(0) - 1);
+    },
+    removeFirstWhere0(list, test, orElse) {
+      var i;
+      for (i = 0; i < list.length; ++i) {
+        if (!test.call$1(list[i]))
+          continue;
+        B.JSArray_methods.removeAt$1(list, i);
+        return;
+      }
+      orElse.call$0();
+    },
+    mapAddAll20(destination, source, $K1, $K2, $V) {
+      source.forEach$1(0, new A.mapAddAll2_closure0(destination, $K1, $K2, $V));
+    },
+    setAll0(map, keys, value) {
+      var t1;
+      for (t1 = keys.get$iterator(keys); t1.moveNext$0();)
+        map.$indexSet(0, t1.get$current(t1), value);
+    },
+    rotateSlice0(list, start, end) {
+      var i, next,
+        element = list.$index(0, end - 1);
+      for (i = start; i < end; ++i, element = next) {
+        next = list.$index(0, i);
+        list.$indexSet(0, i, element);
+      }
+    },
+    mapAsync0(iterable, callback, $E, $F) {
+      return A.mapAsync$body0(iterable, callback, $E, $F, $F._eval$1("Iterable<0>"));
+    },
+    mapAsync$body0(iterable, callback, $E, $F, $async$type) {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter($async$type),
+        $async$returnValue, t2, _i, t1, $async$temp1;
+      var $async$mapAsync0 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              t1 = A._setArrayType([], $F._eval$1("JSArray<0>"));
+              t2 = iterable.length, _i = 0;
+            case 3:
+              // for condition
+              if (!(_i < t2)) {
+                // goto after for
+                $async$goto = 5;
+                break;
+              }
+              $async$temp1 = t1;
+              $async$goto = 6;
+              return A._asyncAwait(callback.call$1(iterable[_i]), $async$mapAsync0);
+            case 6:
+              // returning from await.
+              $async$temp1.push($async$result);
+            case 4:
+              // for update
+              ++_i;
+              // goto for condition
+              $async$goto = 3;
+              break;
+            case 5:
+              // after for
+              $async$returnValue = t1;
+              // goto return
+              $async$goto = 1;
+              break;
+            case 1:
+              // return
+              return A._asyncReturn($async$returnValue, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$mapAsync0, $async$completer);
+    },
+    putIfAbsentAsync0(map, key, ifAbsent, $K, $V) {
+      return A.putIfAbsentAsync$body0(map, key, ifAbsent, $K, $V, $V);
+    },
+    putIfAbsentAsync$body0(map, key, ifAbsent, $K, $V, $async$type) {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter($async$type),
+        $async$returnValue, t1, value;
+      var $async$putIfAbsentAsync0 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              if (map.containsKey$1(key)) {
+                t1 = map.$index(0, key);
+                $async$returnValue = t1 == null ? $V._as(t1) : t1;
+                // goto return
+                $async$goto = 1;
+                break;
+              }
+              $async$goto = 3;
+              return A._asyncAwait(ifAbsent.call$0(), $async$putIfAbsentAsync0);
+            case 3:
+              // returning from await.
+              value = $async$result;
+              map.$indexSet(0, key, value);
+              $async$returnValue = value;
+              // goto return
+              $async$goto = 1;
+              break;
+            case 1:
+              // return
+              return A._asyncReturn($async$returnValue, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$putIfAbsentAsync0, $async$completer);
+    },
+    copyMapOfMap0(map, $K1, $K2, $V) {
+      var t3, key, child,
+        t1 = $K2._eval$1("@<0>")._bind$1($V)._eval$1("Map<1,2>"),
+        t2 = A.LinkedHashMap_LinkedHashMap$_empty($K1, t1);
+      for (t1 = A.MapExtensions_get_pairs0(map, $K1, t1), t1 = t1.get$iterator(t1); t1.moveNext$0();) {
+        t3 = t1.get$current(t1);
+        key = t3._0;
+        child = t3._1;
+        t3 = A.LinkedHashMap_LinkedHashMap(null, null, null, $K2, $V);
+        t3.addAll$1(0, child);
+        t2.$indexSet(0, key, t3);
+      }
+      return t2;
+    },
+    copyMapOfList0(map, $K, $E) {
+      var t3,
+        t1 = $E._eval$1("List<0>"),
+        t2 = A.LinkedHashMap_LinkedHashMap$_empty($K, t1);
+      for (t1 = A.MapExtensions_get_pairs0(map, $K, t1), t1 = t1.get$iterator(t1); t1.moveNext$0();) {
+        t3 = t1.get$current(t1);
+        t2.$indexSet(0, t3._0, J.toList$0$ax(t3._1));
+      }
+      return t2;
+    },
+    consumeEscapedCharacter0(scanner) {
+      var _1_0, value, i, next, t1;
+      scanner.expectChar$1(92);
+      _1_0 = scanner.peekChar$0();
+      if (_1_0 == null)
+        return 65533;
+      if (_1_0 === 10 || _1_0 === 13 || _1_0 === 12)
+        scanner.error$1(0, "Expected escape sequence.");
+      if (A.CharacterExtension_get_isHex0(_1_0)) {
+        for (value = 0, i = 0; i < 6; ++i) {
+          next = scanner.peekChar$0();
+          if (next != null) {
+            t1 = true;
+            if (!(next >= 48 && next <= 57))
+              if (!(next >= 97 && next <= 102))
+                t1 = next >= 65 && next <= 70;
+            t1 = !t1;
+          } else
+            t1 = true;
+          if (t1)
+            break;
+          value = (value << 4 >>> 0) + A.asHex0(scanner.readChar$0());
+        }
+        t1 = scanner.peekChar$0();
+        if (t1 === 32 || t1 === 9 || t1 === 10 || t1 === 13 || t1 === 12)
+          scanner.readChar$0();
+        $label0$1: {
+          if (0 !== value)
+            t1 = value >= 55296 && value <= 57343 || value >= 1114111;
+          else
+            t1 = true;
+          if (t1) {
+            t1 = 65533;
+            break $label0$1;
+          }
+          t1 = value;
+          break $label0$1;
+        }
+        return t1;
+      }
+      return scanner.readChar$0();
+    },
+    throwWithTrace0(error, originalError, trace) {
+      var t1 = A.getTrace0(originalError);
+      A.attachTrace0(error, t1 == null ? trace : t1);
+      throw A.wrapException(error);
+    },
+    attachTrace0(error, trace) {
+      var t1;
+      if (typeof error == "string" || typeof error == "number" || A._isBool(error))
+        return;
+      if (trace.toString$0(0).length === 0)
+        return;
+      t1 = $.$get$_traces0();
+      A.Expando__checkType(error);
+      if (t1._jsWeakMap.get(error) == null)
+        t1.$indexSet(0, error, trace);
+    },
+    getTrace0(error) {
+      var t1;
+      if (typeof error == "string" || typeof error == "number" || A._isBool(error))
+        t1 = null;
+      else {
+        t1 = $.$get$_traces0();
+        A.Expando__checkType(error);
+        t1 = t1._jsWeakMap.get(error);
+      }
+      return t1;
+    },
+    parseSignature(signature, requireParens) {
+      var error, stackTrace, t1, exception, t2;
+      try {
+        t1 = A.ScssParser$0(signature, null).parseSignature$1$requireParens(requireParens);
+        return t1;
+      } catch (exception) {
+        t1 = A.unwrapException(exception);
+        if (type$.SassFormatException_2._is(t1)) {
+          error = t1;
+          stackTrace = A.getTraceFromException(exception);
+          t1 = error._span_exception$_message;
+          t2 = J.get$span$z(error);
+          A.throwWithTrace0(new A.SassFormatException0(B.Set_empty, 'Invalid signature "' + signature + '": ' + t1, t2), error, stackTrace);
+        } else
+          throw exception;
+      }
+    },
+    indent_closure0: function indent_closure0(t0) {
+      this.indentation = t0;
+    },
+    flattenVertically_closure1: function flattenVertically_closure1(t0) {
+      this.T = t0;
+    },
+    flattenVertically_closure2: function flattenVertically_closure2(t0, t1) {
+      this.result = t0;
+      this.T = t1;
+    },
+    longestCommonSubsequence_backtrack0: function longestCommonSubsequence_backtrack0(t0, t1, t2) {
+      this.selections = t0;
+      this.lengths = t1;
+      this.T = t2;
+    },
+    mapAddAll2_closure0: function mapAddAll2_closure0(t0, t1, t2, t3) {
+      var _ = this;
+      _.destination = t0;
+      _.K1 = t1;
+      _.K2 = t2;
+      _.V = t3;
+    },
+    CssValue0: function CssValue0(t0, t1, t2) {
+      this.value = t0;
+      this.span = t1;
+      this.$ti = t2;
+    },
+    ValueExpression0: function ValueExpression0(t0, t1) {
+      this.value = t0;
+      this.span = t1;
+    },
+    valueClass_closure: function valueClass_closure() {
+    },
+    valueClass__closure: function valueClass__closure() {
+    },
+    valueClass__closure0: function valueClass__closure0() {
+    },
+    valueClass__closure1: function valueClass__closure1() {
+    },
+    valueClass__closure2: function valueClass__closure2() {
+    },
+    valueClass__closure3: function valueClass__closure3() {
+    },
+    valueClass__closure4: function valueClass__closure4() {
+    },
+    valueClass__closure5: function valueClass__closure5() {
+    },
+    valueClass__closure6: function valueClass__closure6() {
+    },
+    valueClass__closure7: function valueClass__closure7() {
+    },
+    valueClass__closure8: function valueClass__closure8() {
+    },
+    valueClass__closure9: function valueClass__closure9() {
+    },
+    valueClass__closure10: function valueClass__closure10() {
+    },
+    valueClass__closure11: function valueClass__closure11() {
+    },
+    valueClass__closure12: function valueClass__closure12() {
+    },
+    valueClass__closure13: function valueClass__closure13() {
+    },
+    valueClass__closure14: function valueClass__closure14() {
+    },
+    valueClass__closure15: function valueClass__closure15() {
+    },
+    valueClass__closure16: function valueClass__closure16() {
+    },
+    valueClass__closure17: function valueClass__closure17() {
+    },
+    valueClass__closure18: function valueClass__closure18() {
+    },
+    SassApiValue_assertSelector0(_this, allowParent, $name) {
+      var error, stackTrace, t1, exception,
+        string = _this._value$_selectorString$1($name);
+      try {
+        t1 = A.SelectorList_SelectorList$parse0(string, allowParent, null, false);
+        return t1;
+      } catch (exception) {
+        t1 = A.unwrapException(exception);
+        if (type$.SassFormatException_2._is(t1)) {
+          error = t1;
+          stackTrace = A.getTraceFromException(exception);
+          t1 = B.JSString_methods.replaceFirst$2(J.toString$0$(error), "Error: ", "");
+          A.throwWithTrace0(new A.SassScriptException0($name == null ? t1 : "$" + $name + ": " + t1), error, stackTrace);
+        } else
+          throw exception;
+      }
+    },
+    SassApiValue_assertCompoundSelector0(_this, $name) {
+      var error, stackTrace, t1, exception,
+        allowParent = false,
+        string = _this._value$_selectorString$1($name);
+      try {
+        t1 = new A.SelectorParser0(allowParent, false, A.SpanScanner$(string, null), null).parseCompoundSelector$0();
+        return t1;
+      } catch (exception) {
+        t1 = A.unwrapException(exception);
+        if (type$.SassFormatException_2._is(t1)) {
+          error = t1;
+          stackTrace = A.getTraceFromException(exception);
+          t1 = B.JSString_methods.replaceFirst$2(J.toString$0$(error), "Error: ", "");
+          A.throwWithTrace0(new A.SassScriptException0("$" + $name + ": " + t1), error, stackTrace);
+        } else
+          throw exception;
+      }
+    },
+    Value0: function Value0() {
+    },
+    VariableExpression0: function VariableExpression0(t0, t1, t2) {
+      this.namespace = t0;
+      this.name = t1;
+      this.span = t2;
+    },
+    VariableDeclaration$0($name, expression, span, comment, global, guarded, namespace) {
+      if (namespace != null && global)
+        A.throwExpression(A.ArgumentError$(string$.Other_, null));
+      return new A.VariableDeclaration0(namespace, $name, expression, guarded, global, span);
+    },
+    VariableDeclaration0: function VariableDeclaration0(t0, t1, t2, t3, t4, t5) {
+      var _ = this;
+      _.namespace = t0;
+      _.name = t1;
+      _.expression = t2;
+      _.isGuarded = t3;
+      _.isGlobal = t4;
+      _.span = t5;
+    },
+    WarnRule0: function WarnRule0(t0, t1) {
+      this.expression = t0;
+      this.span = t1;
+    },
+    WhileRule$0(condition, children, span) {
+      var t1 = A.List_List$unmodifiable(children, type$.Statement_2),
+        t2 = B.JSArray_methods.any$1(t1, new A.ParentStatement_closure0());
+      return new A.WhileRule0(condition, span, t1, t2);
+    },
+    WhileRule0: function WhileRule0(t0, t1, t2, t3) {
+      var _ = this;
+      _.condition = t0;
+      _.span = t1;
+      _.children = t2;
+      _.hasDeclarations = t3;
+    },
+    XyzD50ColorSpace0: function XyzD50ColorSpace0(t0, t1) {
+      this.name = t0;
+      this._space$_channels = t1;
+    },
+    XyzD65ColorSpace0: function XyzD65ColorSpace0(t0, t1) {
+      this.name = t0;
+      this._space$_channels = t1;
+    },
+    AsyncCallable_AsyncCallable$fromSignature(signature, callback, requireParens) {
+      var _0_0 = A.parseSignature(signature, requireParens);
+      return new A.AsyncBuiltInCallable0(_0_0._0, _0_0._1, callback, false);
+    },
+    Callable_Callable$fromSignature(signature, callback, requireParens) {
+      var _0_0 = A.parseSignature(signature, requireParens);
+      return new A.BuiltInCallable0(_0_0._0, A._setArrayType([new A._Record_2(_0_0._1, callback)], type$.JSArray_Record_2_ParameterList_and_Value_Function_List_Value_2), false);
+    },
+    printString(string) {
+      if (typeof dartPrint == "function") {
+        dartPrint(string);
+        return;
+      }
+      if (typeof console == "object" && typeof console.log != "undefined") {
+        console.log(string);
+        return;
+      }
+      if (typeof print == "function") {
+        print(string);
+        return;
+      }
+      throw "Unable to print message: " + String(string);
+    },
+    mergeMaps(map1, map2, $K, $V) {
+      var result = A.LinkedHashMap_LinkedHashMap$of(map1, $K, $V);
+      result.addAll$1(0, map2);
+      return result;
+    },
+    groupBy(values, key, $S, $T) {
+      var t1, t2, _i, element, t3, t4,
+        map = A.LinkedHashMap_LinkedHashMap$_empty($T, $S._eval$1("List<0>"));
+      for (t1 = values.length, t2 = $S._eval$1("JSArray<0>"), _i = 0; _i < values.length; values.length === t1 || (0, A.throwConcurrentModificationError)(values), ++_i) {
+        element = values[_i];
+        t3 = key.call$1(element);
+        t4 = map.$index(0, t3);
+        if (t4 == null) {
+          t4 = A._setArrayType([], t2);
+          map.$indexSet(0, t3, t4);
+          t3 = t4;
+        } else
+          t3 = t4;
+        J.add$1$ax(t3, element);
+      }
+      return map;
+    },
+    minBy(values, orderBy) {
+      var t1, t2, minValue, minOrderBy, element, elementOrderBy;
+      for (t1 = values.$ti, t2 = new A.MappedIterator(J.get$iterator$ax(values.__internal$_iterable), values._f, t1._eval$1("MappedIterator<1,2>")), t1 = t1._rest[1], minValue = null, minOrderBy = null; t2.moveNext$0();) {
+        element = t2.__internal$_current;
+        if (element == null)
+          element = t1._as(element);
+        elementOrderBy = orderBy.call$1(element);
+        if (minOrderBy == null || A.defaultCompare(elementOrderBy, minOrderBy) < 0) {
+          minOrderBy = elementOrderBy;
+          minValue = element;
+        }
+      }
+      return minValue;
+    },
+    IterableExtension_firstWhereOrNull(_this, test) {
+      var t1, element;
+      for (t1 = J.get$iterator$ax(_this); t1.moveNext$0();) {
+        element = t1.get$current(t1);
+        if (test.call$1(element))
+          return element;
+      }
+      return null;
+    },
+    IterableExtension_get_firstOrNull(_this) {
+      var iterator = J.get$iterator$ax(_this);
+      if (iterator.moveNext$0())
+        return iterator.get$current(iterator);
+      return null;
+    },
+    IterableExtension_get_lastOrNull(_this) {
+      if (_this.get$length(0) === 0)
+        return null;
+      return _this.get$last(_this);
+    },
+    IterableExtension_get_singleOrNull(_this) {
+      var result,
+        iterator = J.get$iterator$ax(_this);
+      if (iterator.moveNext$0()) {
+        result = iterator.get$current(iterator);
+        if (!iterator.moveNext$0())
+          return result;
+      }
+      return null;
+    },
+    IterableIntegerExtension_get_maxOrNull(_this) {
+      var value, newValue,
+        t1 = _this.$ti,
+        iterator = new A.ListIterator(_this, _this.get$length(0), t1._eval$1("ListIterator<ListIterable.E>"));
+      if (iterator.moveNext$0()) {
+        value = iterator.__internal$_current;
+        if (value == null)
+          value = t1._eval$1("ListIterable.E")._as(value);
+        for (t1 = t1._eval$1("ListIterable.E"); iterator.moveNext$0();) {
+          newValue = iterator.__internal$_current;
+          if (newValue == null)
+            newValue = t1._as(newValue);
+          if (newValue > value)
+            value = newValue;
+        }
+        return value;
+      }
+      return null;
+    },
+    IterableIntegerExtension_get_max(_this) {
+      var t1 = A.IterableIntegerExtension_get_maxOrNull(_this);
+      return t1 == null ? A.throwExpression(A.StateError$("No element")) : t1;
+    },
+    IterableIntegerExtension_get_sum(_this) {
+      var t1, t2, result, t3;
+      for (t1 = _this.$ti, t2 = new A.MappedIterator(J.get$iterator$ax(_this.__internal$_iterable), _this._f, t1._eval$1("MappedIterator<1,2>")), t1 = t1._rest[1], result = 0; t2.moveNext$0();) {
+        t3 = t2.__internal$_current;
+        result += t3 == null ? t1._as(t3) : t3;
+      }
+      return result;
+    },
+    ListExtensions_mapIndexed(_this, convert, $E, $R) {
+      return new A._SyncStarIterable(A.ListExtensions_mapIndexed$body(_this, convert, $E, $R), $R._eval$1("_SyncStarIterable<0>"));
+    },
+    ListExtensions_mapIndexed$body($async$_this, $async$convert, $async$$E, $async$$R) {
+      return function() {
+        var _this = $async$_this,
+          convert = $async$convert,
+          $E = $async$$E,
+          $R = $async$$R;
+        var $async$goto = 0, $async$handler = 1, $async$errorStack = [], t1, index;
+        return function $async$ListExtensions_mapIndexed($async$iterator, $async$errorCode, $async$result) {
+          if ($async$errorCode === 1) {
+            $async$errorStack.push($async$result);
+            $async$goto = $async$handler;
+          }
+          while (true)
+            switch ($async$goto) {
+              case 0:
+                // Function start
+                t1 = _this.length, index = 0;
+              case 2:
+                // for condition
+                if (!(index < t1)) {
+                  // goto after for
+                  $async$goto = 4;
+                  break;
+                }
+                $async$goto = 5;
+                return $async$iterator._async$_current = convert.call$2(index, _this[index]), 1;
+              case 5:
+                // after yield
+              case 3:
+                // for update
+                ++index;
+                // goto for condition
+                $async$goto = 2;
+                break;
+              case 4:
+                // after for
+                // implicit return
+                return 0;
+              case 1:
+                // rethrow
+                return $async$iterator._datum = $async$errorStack.at(-1), 3;
+            }
+        };
+      };
+    },
+    ListExtensions_elementAtOrNull(_this, index) {
+      var t1 = J.getInterceptor$asx(_this);
+      return index < t1.get$length(_this) ? t1.$index(_this, index) : null;
+    },
+    defaultCompare(value1, value2) {
+      return J.compareTo$1$ns(type$.Comparable_nullable_Object._as(value1), value2);
+    },
+    current() {
+      var exception, t1, path, lastIndex, uri = null;
+      try {
+        uri = A.Uri_base();
+      } catch (exception) {
+        if (type$.Exception._is(A.unwrapException(exception))) {
+          t1 = $._current;
+          if (t1 != null)
+            return t1;
+          throw exception;
+        } else
+          throw exception;
+      }
+      if (J.$eq$(uri, $._currentUriBase)) {
+        t1 = $._current;
+        t1.toString;
+        return t1;
+      }
+      $._currentUriBase = uri;
+      if ($.$get$Style_platform() === $.$get$Style_url())
+        t1 = $._current = J.resolve$1$x(uri, ".").toString$0(0);
+      else {
+        path = uri.toFilePath$0();
+        lastIndex = path.length - 1;
+        t1 = $._current = lastIndex === 0 ? path : B.JSString_methods.substring$2(path, 0, lastIndex);
+      }
+      return t1;
+    },
+    absolute(part1, part2, part3, part4, part5, part6, part7, part8, part9, part10, part11, part12, part13, part14, part15) {
+      return $.$get$context().absolute$15(part1, part2, part3, part4, part5, part6, part7, part8, part9, part10, part11, part12, part13, part14, part15);
+    },
+    join(part1, part2, part3) {
+      var _null = null;
+      return $.$get$context().join$16(0, part1, part2, part3, _null, _null, _null, _null, _null, _null, _null, _null, _null, _null, _null, _null, _null);
+    },
+    toUri(path) {
+      return $.$get$context().toUri$1(path);
+    },
+    prettyUri(uri) {
+      var t1 = $.$get$context();
+      uri.toString;
+      return t1.prettyUri$1(uri);
+    },
+    isAlphabetic(char) {
+      var t1;
+      if (!(char >= 65 && char <= 90))
+        t1 = char >= 97 && char <= 122;
+      else
+        t1 = true;
+      return t1;
+    },
+    driveLetterEnd(path, index) {
+      var t2, t3, _null = null,
+        t1 = path.length,
+        index0 = index + 2;
+      if (t1 < index0)
+        return _null;
+      if (!A.isAlphabetic(path.charCodeAt(index)))
+        return _null;
+      t2 = index + 1;
+      if (path.charCodeAt(t2) !== 58) {
+        t3 = index + 4;
+        if (t1 < t3)
+          return _null;
+        if (B.JSString_methods.substring$2(path, t2, t3).toLowerCase() !== "%3a")
+          return _null;
+        index = index0;
+      }
+      t2 = index + 2;
+      if (t1 === t2)
+        return t2;
+      if (path.charCodeAt(t2) !== 47)
+        return _null;
+      return index + 3;
+    },
+    main0(args) {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.void),
+        t1;
+      var $async$main0 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              A.printError("sass --embedded is unavailable in pure JS mode.");
+              t1 = A.isNodeJs() ? self.process : null;
+              if (t1 != null)
+                J.set$exitCode$x(t1, 1);
+              // implicit return
+              return A._asyncReturn(null, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$main0, $async$completer);
+    },
+    EvaluationContext_currentOrNull() {
+      var t1,
+        _0_0 = $.Zone__current.$index(0, B.Symbol__evaluationContext);
+      $label0$0: {
+        if (type$.EvaluationContext._is(_0_0)) {
+          t1 = _0_0;
+          break $label0$0;
+        }
+        t1 = null;
+        break $label0$0;
+      }
+      return t1;
+    },
+    warn(message) {
+      var t1, _null = null,
+        _0_0 = A.EvaluationContext_currentOrNull();
+      $label0$0: {
+        if (_0_0 != null) {
+          t1 = _0_0.warn$2(0, message, _null);
+          break $label0$0;
+        }
+        B.StderrLogger_false.internalWarn$4$deprecation$span$trace(message, _null, _null, _null);
+        t1 = _null;
+        break $label0$0;
+      }
+      return t1;
+    },
+    warnForDeprecation(message, deprecation) {
+      var t1,
+        _0_0 = A.EvaluationContext_currentOrNull();
+      $label0$0: {
+        if (_0_0 != null) {
+          t1 = _0_0.warn$2(0, message, deprecation);
+          break $label0$0;
+        }
+        t1 = A.WarnForDeprecation_warnForDeprecation(B.StderrLogger_false, deprecation, message, null, null);
+        break $label0$0;
+      }
+      return t1;
+    },
+    compileStylesheets(options, graph, sourcesToDestinations, ifModified) {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.bool),
+        $async$returnValue, _1_4, t2, t3, _i, t4, printedError, errorWithStackTrace, code, error, stackTrace, buffer, t1, $async$temp1;
+      var $async$compileStylesheets = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              t1 = type$.nullable_String;
+              t1 = A.List_List$_of(A.MapExtensions_get_pairs(sourcesToDestinations, t1, t1), type$.Record_2_nullable_String_and_nullable_String);
+              $async$goto = t1.length === 1 ? 4 : 5;
+              break;
+            case 4:
+              // then
+              _1_4 = t1[0];
+              $async$temp1 = A;
+              $async$goto = 6;
+              return A._asyncAwait(A.compileStylesheet(options, graph, _1_4._0, _1_4._1, ifModified), $async$compileStylesheets);
+            case 6:
+              // returning from await.
+              t1 = $async$temp1._setArrayType([$async$result], type$.JSArray_nullable_Record_3_int_and_String_and_nullable_String);
+              // goto break $label0$0
+              $async$goto = 3;
+              break;
+            case 5:
+              // join
+              t2 = A._setArrayType([], type$.JSArray_Future_nullable_Record_3_int_and_String_and_nullable_String);
+              for (t3 = t1.length, _i = 0; _i < t1.length; t1.length === t3 || (0, A.throwConcurrentModificationError)(t1), ++_i) {
+                t4 = t1[_i];
+                t2.push(A.compileStylesheet(options, graph, t4._0, t4._1, ifModified));
+              }
+              $async$goto = 7;
+              return A._asyncAwait(A.Future_wait(t2, A._asBool(options._options.$index(0, "stop-on-error")), type$.nullable_Record_3_int_and_String_and_nullable_String), $async$compileStylesheets);
+            case 7:
+              // returning from await.
+              t1 = $async$result;
+              // goto break $label0$0
+              $async$goto = 3;
+              break;
+            case 3:
+              // break $label0$0
+              for (t1 = J.get$iterator$ax(t1), printedError = false; t1.moveNext$0();) {
+                errorWithStackTrace = t1.get$current(t1);
+                if (errorWithStackTrace == null)
+                  continue;
+                code = errorWithStackTrace._0;
+                error = errorWithStackTrace._1;
+                stackTrace = errorWithStackTrace._2;
+                t2 = self.process;
+                if (t2 == null)
+                  t2 = null;
+                else {
+                  t2 = J.get$release$x(t2);
+                  t2 = t2 == null ? null : J.get$name$x(t2);
+                }
+                t2 = J.$eq$(t2, "node") ? self.process : null;
+                t2 = t2 == null ? null : J.get$exitCode$x(t2);
+                if (t2 == null)
+                  t2 = 0;
+                t2 = Math.max(t2, code);
+                t3 = self.process;
+                if (t3 == null)
+                  t3 = null;
+                else {
+                  t3 = J.get$release$x(t3);
+                  t3 = t3 == null ? null : J.get$name$x(t3);
+                }
+                t3 = J.$eq$(t3, "node") ? self.process : null;
+                if (t3 != null)
+                  J.set$exitCode$x(t3, t2);
+                buffer = new A.StringBuffer("");
+                t2 = (printedError ? buffer._contents = "\n" : "") + error;
+                buffer._contents = t2;
+                if (stackTrace != null) {
+                  t2 += "\n";
+                  buffer._contents = t2;
+                  t2 += "\n";
+                  buffer._contents = t2;
+                  buffer._contents = t2 + stackTrace;
+                }
+                A.printError(buffer);
+                printedError = true;
+              }
+              $async$returnValue = !printedError;
+              // goto return
+              $async$goto = 1;
+              break;
+            case 1:
+              // return
+              return A._asyncReturn($async$returnValue, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$compileStylesheets, $async$completer);
+    },
+    CharacterExtension_get_isAlphabetic(_this) {
+      var t1;
+      if (!(_this >= 97 && _this <= 122))
+        t1 = _this >= 65 && _this <= 90;
+      else
+        t1 = true;
+      return t1;
+    },
+    CharacterExtension_get_isHex(_this) {
+      var t1 = true;
+      if (!(_this >= 48 && _this <= 57))
+        if (!(_this >= 97 && _this <= 102))
+          t1 = _this >= 65 && _this <= 70;
+      return t1;
+    },
+    asHex(character) {
+      var t1;
+      $label0$0: {
+        if (character <= 57) {
+          t1 = character - 48;
+          break $label0$0;
+        }
+        if (character <= 70) {
+          t1 = 10 + character - 65;
+          break $label0$0;
+        }
+        t1 = 10 + character - 97;
+        break $label0$0;
+      }
+      return t1;
+    },
+    hexCharFor(number) {
+      return number < 10 ? 48 + number : 87 + number;
+    },
+    opposite(character) {
+      var t1;
+      $label0$0: {
+        if (40 === character) {
+          t1 = 41;
+          break $label0$0;
+        }
+        if (123 === character) {
+          t1 = 125;
+          break $label0$0;
+        }
+        if (91 === character) {
+          t1 = 93;
+          break $label0$0;
+        }
+        t1 = A.throwExpression(A.ArgumentError$('"' + A.String_String$fromCharCode(character) + "\" isn't a brace-like character.", null));
+      }
+      return t1;
+    },
+    characterEqualsIgnoreCase(character1, character2) {
+      var upperCase1;
+      if (character1 === character2)
+        return true;
+      if ((character1 ^ character2) >>> 0 !== 32)
+        return false;
+      upperCase1 = (character1 & 4294967263) >>> 0;
+      return upperCase1 >= 65 && upperCase1 <= 90;
+    },
+    IterableExtension_search(_this, callback) {
+      var t1, _0_0;
+      for (t1 = J.get$iterator$ax(_this); t1.moveNext$0();) {
+        _0_0 = callback.call$1(t1.get$current(t1));
+        if (_0_0 != null)
+          return _0_0;
+      }
+      return null;
+    },
+    IterableExtension_get_exceptLast(_this) {
+      var t1 = J.getInterceptor$asx(_this),
+        size = t1.get$length(_this) - 1;
+      if (size < 0)
+        throw A.wrapException(A.StateError$("Iterable may not be empty"));
+      return t1.take$1(_this, size);
+    },
+    NullableExtension_andThen(_this, fn) {
+      return _this == null ? null : fn.call$1(_this);
+    },
+    SetExtension_removeNull(_this, $T) {
+      _this.remove$1(0, null);
+      return A.Set_castFrom(_this, _this.get$_newSimilarSet(), A._instanceType(_this)._precomputed1, $T);
+    },
+    fuzzyEquals(number1, number2) {
+      var t1;
+      if (number1 === number2)
+        return true;
+      if (Math.abs(number1 - number2) <= $.$get$_epsilon()) {
+        t1 = $.$get$_inverseEpsilon();
+        t1 = B.JSNumber_methods.round$0(number1 * t1) === B.JSNumber_methods.round$0(number2 * t1);
+      } else
+        t1 = false;
+      return t1;
+    },
+    fuzzyEqualsNullable(number1, number2) {
+      var t1;
+      if (number1 == number2)
+        return true;
+      if (number1 == null || number2 == null)
+        return false;
+      if (Math.abs(number1 - number2) <= $.$get$_epsilon()) {
+        t1 = $.$get$_inverseEpsilon();
+        t1 = B.JSNumber_methods.round$0(number1 * t1) === B.JSNumber_methods.round$0(number2 * t1);
+      } else
+        t1 = false;
+      return t1;
+    },
+    fuzzyHashCode(number) {
+      if (!isFinite(number))
+        return B.JSNumber_methods.get$hashCode(number);
+      return B.JSInt_methods.get$hashCode(B.JSNumber_methods.round$0(number * $.$get$_inverseEpsilon()));
+    },
+    fuzzyLessThan(number1, number2) {
+      return number1 < number2 && !A.fuzzyEquals(number1, number2);
+    },
+    fuzzyLessThanOrEquals(number1, number2) {
+      return number1 < number2 || A.fuzzyEquals(number1, number2);
+    },
+    fuzzyGreaterThan(number1, number2) {
+      return number1 > number2 && !A.fuzzyEquals(number1, number2);
+    },
+    fuzzyGreaterThanOrEquals(number1, number2) {
+      return number1 > number2 || A.fuzzyEquals(number1, number2);
+    },
+    fuzzyIsInt(number) {
+      if (number == 1 / 0 || number == -1 / 0 || isNaN(number))
+        return false;
+      return A.fuzzyEquals(number, B.JSNumber_methods.round$0(number));
+    },
+    fuzzyAsInt(number) {
+      var rounded;
+      if (number == 1 / 0 || number == -1 / 0 || isNaN(number))
+        return null;
+      rounded = B.JSNumber_methods.round$0(number);
+      return A.fuzzyEquals(number, rounded) ? rounded : null;
+    },
+    fuzzyRound(number) {
+      var t1;
+      if (number > 0) {
+        t1 = B.JSNumber_methods.$mod(number, 1);
+        return t1 < 0.5 && !A.fuzzyEquals(t1, 0.5) ? B.JSNumber_methods.floor$0(number) : B.JSNumber_methods.ceil$0(number);
+      } else {
+        t1 = B.JSNumber_methods.$mod(number, 1);
+        return t1 < 0.5 || A.fuzzyEquals(t1, 0.5) ? B.JSNumber_methods.floor$0(number) : B.JSNumber_methods.ceil$0(number);
+      }
+    },
+    fuzzyCheckRange(number, min, max) {
+      if (A.fuzzyEquals(number, min))
+        return min;
+      if (A.fuzzyEquals(number, max))
+        return max;
+      if (number > min && number < max)
+        return number;
+      return null;
+    },
+    fuzzyAssertRange(number, min, max, $name) {
+      var result = A.fuzzyCheckRange(number, min, max);
+      if (result != null)
+        return result;
+      throw A.wrapException(A.RangeError$range(number, min, max, $name, "must be between " + min + " and " + max));
+    },
+    moduloLikeSass(num1, num2) {
+      var result;
+      if (num1 == 1 / 0 || num1 == -1 / 0)
+        return 0 / 0;
+      if (num2 == 1 / 0 || num2 == -1 / 0)
+        return A.DoubleWithSignedZero_get_signIncludingZero(num1) === J.get$sign$in(num2) ? num1 : 0 / 0;
+      if (num2 > 0)
+        return B.JSNumber_methods.$mod(num1, num2);
+      if (num2 === 0)
+        return 0 / 0;
+      result = B.JSNumber_methods.$mod(num1, num2);
+      return result === 0 ? 0 : result + num2;
+    },
+    sqrt(number) {
+      number.assertNoUnits$1("number");
+      return A.SassNumber_SassNumber(Math.sqrt(number._number$_value), null);
+    },
+    sin(number) {
+      return A.SassNumber_SassNumber(Math.sin(number.coerceValueToUnit$2("rad", "number")), null);
+    },
+    cos(number) {
+      return A.SassNumber_SassNumber(Math.cos(number.coerceValueToUnit$2("rad", "number")), null);
+    },
+    tan(number) {
+      return A.SassNumber_SassNumber(Math.tan(number.coerceValueToUnit$2("rad", "number")), null);
+    },
+    atan(number) {
+      number.assertNoUnits$1("number");
+      return A.SassNumber_SassNumber$withUnits(Math.atan(number._number$_value) * 57.29577951308232, null, A._setArrayType(["deg"], type$.JSArray_String));
+    },
+    asin(number) {
+      number.assertNoUnits$1("number");
+      return A.SassNumber_SassNumber$withUnits(Math.asin(number._number$_value) * 57.29577951308232, null, A._setArrayType(["deg"], type$.JSArray_String));
+    },
+    acos(number) {
+      number.assertNoUnits$1("number");
+      return A.SassNumber_SassNumber$withUnits(Math.acos(number._number$_value) * 57.29577951308232, null, A._setArrayType(["deg"], type$.JSArray_String));
+    },
+    log(number, base) {
+      if (base != null)
+        return A.SassNumber_SassNumber(Math.log(number._number$_value) / Math.log(base._number$_value), null);
+      return A.SassNumber_SassNumber(Math.log(number._number$_value), null);
+    },
+    pow0(base, exponent) {
+      base.assertNoUnits$1("base");
+      exponent.assertNoUnits$1("exponent");
+      return A.SassNumber_SassNumber(Math.pow(base._number$_value, exponent._number$_value), null);
+    },
+    DoubleWithSignedZero_get_signIncludingZero(_this) {
+      if (_this === -0.0)
+        return -1;
+      if (_this === 0)
+        return 1;
+      return J.get$sign$in(_this);
+    },
+    SpanExtensions_trimLeft(_this) {
+      var t1, start = 0;
+      while (true) {
+        t1 = _this.get$text().charCodeAt(start);
+        if (!(t1 === 32 || t1 === 9 || t1 === 10 || t1 === 13 || t1 === 12))
+          break;
+        ++start;
+      }
+      return A.FileSpanExtension_subspan(_this, start, null);
+    },
+    SpanExtensions_trimRight(_this) {
+      var t1,
+        end = _this.get$text().length - 1;
+      while (true) {
+        t1 = _this.get$text().charCodeAt(end);
+        if (!(t1 === 32 || t1 === 9 || t1 === 10 || t1 === 13 || t1 === 12))
+          break;
+        --end;
+      }
+      return A.FileSpanExtension_subspan(_this, 0, end + 1);
+    },
+    SpanExtensions_initialIdentifier(_this) {
+      var i,
+        scanner = A.StringScanner$(_this.get$text(), null, null);
+      for (i = 0; false; ++i)
+        scanner.readChar$0();
+      A._scanIdentifier(scanner);
+      return A.FileSpanExtension_subspan(_this, 0, scanner._string_scanner$_position);
+    },
+    SpanExtensions_withoutInitialIdentifier(_this) {
+      var scanner = A.StringScanner$(_this.get$text(), null, null);
+      A._scanIdentifier(scanner);
+      return A.FileSpanExtension_subspan(_this, scanner._string_scanner$_position, null);
+    },
+    _scanIdentifier(scanner) {
+      var t1, _0_0, t2;
+      for (t1 = scanner.string.length; scanner._string_scanner$_position !== t1;) {
+        _0_0 = scanner.peekChar$0();
+        if (92 === _0_0) {
+          A.consumeEscapedCharacter(scanner);
+          continue;
+        }
+        if (A._isInt(_0_0)) {
+          if (_0_0 !== 95) {
+            if (!(_0_0 >= 97 && _0_0 <= 122))
+              t2 = _0_0 >= 65 && _0_0 <= 90;
+            else
+              t2 = true;
+            t2 = t2 || _0_0 >= 128;
+          } else
+            t2 = true;
+          if (!t2)
+            t2 = _0_0 >= 48 && _0_0 <= 57 || _0_0 === 45;
+          else
+            t2 = true;
+        } else
+          t2 = false;
+        if (t2) {
+          scanner.readChar$0();
+          continue;
+        }
+        break;
+      }
+    },
+    hueToRgb(m1, m2, hue) {
+      var t1;
+      if (hue < 0)
+        ++hue;
+      if (hue > 1)
+        --hue;
+      $label0$0: {
+        if (hue < 0.16666666666666666) {
+          t1 = m1 + (m2 - m1) * hue * 6;
+          break $label0$0;
+        }
+        if (hue < 0.5) {
+          t1 = m2;
+          break $label0$0;
+        }
+        if (hue < 0.6666666666666666) {
+          t1 = m1 + (m2 - m1) * (0.6666666666666666 - hue) * 6;
+          break $label0$0;
+        }
+        t1 = m1;
+        break $label0$0;
+      }
+      return t1;
+    },
+    srgbAndDisplayP3ToLinear(channel) {
+      var abs = Math.abs(channel);
+      return abs <= 0.04045 ? channel / 12.92 : J.get$sign$in(channel) * Math.pow((abs + 0.055) / 1.055, 2.4);
+    },
+    srgbAndDisplayP3FromLinear(channel) {
+      var abs = Math.abs(channel);
+      return abs <= 0.0031308 ? channel * 12.92 : J.get$sign$in(channel) * (1.055 * Math.pow(abs, 0.4166666666666667) - 0.055);
+    },
+    labToLch(dest, lightness, a, b, alpha, missingChroma, missingHue) {
+      var t3, t4, chroma, hue,
+        t1 = a == null,
+        t2 = t1 ? 0 : a;
+      t2 = Math.pow(t2, 2);
+      t3 = b == null;
+      t4 = t3 ? 0 : b;
+      chroma = Math.sqrt(t2 + Math.pow(t4, 2));
+      if (missingHue || A.fuzzyEquals(chroma, 0))
+        hue = null;
+      else {
+        t2 = t3 ? 0 : b;
+        t1 = t1 ? 0 : a;
+        hue = Math.atan2(t2, t1) * 180 / 3.141592653589793;
+      }
+      t1 = missingChroma ? null : chroma;
+      return A.SassColor_SassColor$forSpaceInternal(dest, lightness, t1, hue == null || hue >= 0 ? hue : hue + 360, alpha);
+    },
+    encodeVlq(value) {
+      var res, signBit, digit, t1;
+      if (value < $.$get$minInt32() || value > $.$get$maxInt32())
+        throw A.wrapException(A.ArgumentError$("expected 32 bit int, got: " + value, null));
+      res = A._setArrayType([], type$.JSArray_String);
+      if (value < 0) {
+        value = -value;
+        signBit = 1;
+      } else
+        signBit = 0;
+      value = value << 1 | signBit;
+      do {
+        digit = value & 31;
+        value = value >>> 5;
+        t1 = value > 0;
+        res.push(string$.ABCDEF[t1 ? digit | 32 : digit]);
+      } while (t1);
+      return res;
+    },
+    isAllTheSame(iter) {
+      var firstValue, t1, t2, value;
+      if (iter.get$length(0) === 0)
+        return true;
+      firstValue = iter.get$first(0);
+      for (t1 = A.SubListIterable$(iter, 1, null, iter.$ti._eval$1("ListIterable.E")), t2 = t1.$ti, t1 = new A.ListIterator(t1, t1.get$length(0), t2._eval$1("ListIterator<ListIterable.E>")), t2 = t2._eval$1("ListIterable.E"); t1.moveNext$0();) {
+        value = t1.__internal$_current;
+        if (!J.$eq$(value == null ? t2._as(value) : value, firstValue))
+          return false;
+      }
+      return true;
+    },
+    replaceFirstNull(list, element) {
+      var index = B.JSArray_methods.indexOf$1(list, null);
+      if (index < 0)
+        throw A.wrapException(A.ArgumentError$(A.S(list) + " contains no null elements.", null));
+      list[index] = element;
+    },
+    replaceWithNull(list, element) {
+      var index = B.JSArray_methods.indexOf$1(list, element);
+      if (index < 0)
+        throw A.wrapException(A.ArgumentError$(A.S(list) + " contains no elements matching " + element.toString$0(0) + ".", null));
+      list[index] = null;
+    },
+    countCodeUnits(string, codeUnit) {
+      var t1, t2, count, t3;
+      for (t1 = new A.CodeUnits(string), t2 = type$.CodeUnits, t1 = new A.ListIterator(t1, t1.get$length(0), t2._eval$1("ListIterator<ListBase.E>")), t2 = t2._eval$1("ListBase.E"), count = 0; t1.moveNext$0();) {
+        t3 = t1.__internal$_current;
+        if ((t3 == null ? t2._as(t3) : t3) === codeUnit)
+          ++count;
+      }
+      return count;
+    },
+    findLineStart(context, text, column) {
+      var beginningOfLine, index, lineStart;
+      if (text.length === 0)
+        for (beginningOfLine = 0; true;) {
+          index = B.JSString_methods.indexOf$2(context, "\n", beginningOfLine);
+          if (index === -1)
+            return context.length - beginningOfLine >= column ? beginningOfLine : null;
+          if (index - beginningOfLine >= column)
+            return beginningOfLine;
+          beginningOfLine = index + 1;
+        }
+      index = B.JSString_methods.indexOf$1(context, text);
+      for (; index !== -1;) {
+        lineStart = index === 0 ? 0 : B.JSString_methods.lastIndexOf$2(context, "\n", index - 1) + 1;
+        if (column === index - lineStart)
+          return lineStart;
+        index = B.JSString_methods.indexOf$2(context, text, index + 1);
+      }
+      return null;
+    },
+    validateErrorArgs(string, match, position, $length) {
+      var t2,
+        t1 = position != null;
+      if (t1)
+        if (position < 0)
+          throw A.wrapException(A.RangeError$("position must be greater than or equal to 0."));
+        else if (position > string.length)
+          throw A.wrapException(A.RangeError$("position must be less than or equal to the string length."));
+      t2 = $length != null;
+      if (t2 && $length < 0)
+        throw A.wrapException(A.RangeError$("length must be greater than or equal to 0."));
+      if (t1 && t2 && position + $length > string.length)
+        throw A.wrapException(A.RangeError$("position plus length must not go beyond the end of the string."));
+    },
+    CharacterExtension_get_isAlphabetic0(_this) {
+      var t1;
+      if (!(_this >= 97 && _this <= 122))
+        t1 = _this >= 65 && _this <= 90;
+      else
+        t1 = true;
+      return t1;
+    },
+    CharacterExtension_get_isHex0(_this) {
+      var t1 = true;
+      if (!(_this >= 48 && _this <= 57))
+        if (!(_this >= 97 && _this <= 102))
+          t1 = _this >= 65 && _this <= 70;
+      return t1;
+    },
+    combineSurrogates(highSurrogate, lowSurrogate) {
+      return 65536 + ((highSurrogate & 1023) << 10) + (lowSurrogate & 1023);
+    },
+    asHex0(character) {
+      var t1;
+      $label0$0: {
+        if (character <= 57) {
+          t1 = character - 48;
+          break $label0$0;
+        }
+        if (character <= 70) {
+          t1 = 10 + character - 65;
+          break $label0$0;
+        }
+        t1 = 10 + character - 97;
+        break $label0$0;
+      }
+      return t1;
+    },
+    hexCharFor0(number) {
+      return number < 10 ? 48 + number : 87 + number;
+    },
+    opposite0(character) {
+      var t1;
+      $label0$0: {
+        if (40 === character) {
+          t1 = 41;
+          break $label0$0;
+        }
+        if (123 === character) {
+          t1 = 125;
+          break $label0$0;
+        }
+        if (91 === character) {
+          t1 = 93;
+          break $label0$0;
+        }
+        t1 = A.throwExpression(A.ArgumentError$('"' + A.String_String$fromCharCode(character) + "\" isn't a brace-like character.", null));
+      }
+      return t1;
+    },
+    characterEqualsIgnoreCase0(character1, character2) {
+      var upperCase1;
+      if (character1 === character2)
+        return true;
+      if ((character1 ^ character2) >>> 0 !== 32)
+        return false;
+      upperCase1 = (character1 & 4294967263) >>> 0;
+      return upperCase1 >= 65 && upperCase1 <= 90;
+    },
+    EvaluationContext_currentOrNull0() {
+      var t1,
+        _0_0 = $.Zone__current.$index(0, B.Symbol__evaluationContext);
+      $label0$0: {
+        if (type$.EvaluationContext_2._is(_0_0)) {
+          t1 = _0_0;
+          break $label0$0;
+        }
+        t1 = null;
+        break $label0$0;
+      }
+      return t1;
+    },
+    EvaluationContext__currentOrNull() {
+      var _0_0 = $.Zone__current.$index(0, B.Symbol__evaluationContext);
+      if (type$.EvaluationContext_2._is(_0_0))
+        return _0_0;
+      else
+        return null;
+    },
+    warn0(message) {
+      var t1, _null = null,
+        _0_0 = A.EvaluationContext_currentOrNull0();
+      $label0$0: {
+        if (_0_0 != null) {
+          t1 = _0_0.warn$2(0, message, _null);
+          break $label0$0;
+        }
+        B.StderrLogger_false0.internalWarn$4$deprecation$span$trace(message, _null, _null, _null);
+        t1 = _null;
+        break $label0$0;
+      }
+      return t1;
+    },
+    warnForDeprecation0(message, deprecation) {
+      var t1,
+        _0_0 = A.EvaluationContext_currentOrNull0();
+      $label0$0: {
+        if (_0_0 != null) {
+          t1 = _0_0.warn$2(0, message, deprecation);
+          break $label0$0;
+        }
+        t1 = A.WarnForDeprecation_warnForDeprecation0(B.StderrLogger_false0, deprecation, message, null, null);
+        break $label0$0;
+      }
+      return t1;
+    },
+    warnForDeprecationFromApi(message, deprecation) {
+      var _0_0 = A.EvaluationContext__currentOrNull();
+      if (_0_0 != null)
+        _0_0.warn$2(0, message, deprecation);
+      else
+        A.WarnForDeprecation_warnForDeprecation0(new A.StderrLogger0(false), deprecation, message, null, null);
+    },
+    IterableExtension_search0(_this, callback) {
+      var t1, _0_0;
+      for (t1 = J.get$iterator$ax(_this); t1.moveNext$0();) {
+        _0_0 = callback.call$1(t1.get$current(t1));
+        if (_0_0 != null)
+          return _0_0;
+      }
+      return null;
+    },
+    IterableExtension_get_exceptLast0(_this) {
+      var t1 = J.getInterceptor$asx(_this),
+        size = t1.get$length(_this) - 1;
+      if (size < 0)
+        throw A.wrapException(A.StateError$("Iterable may not be empty"));
+      return t1.take$1(_this, size);
+    },
+    NullableExtension_andThen0(_this, fn) {
+      return _this == null ? null : fn.call$1(_this);
+    },
+    fuzzyEquals0(number1, number2) {
+      var t1;
+      if (number1 === number2)
+        return true;
+      if (Math.abs(number1 - number2) <= $.$get$_epsilon0()) {
+        t1 = $.$get$_inverseEpsilon0();
+        t1 = B.JSNumber_methods.round$0(number1 * t1) === B.JSNumber_methods.round$0(number2 * t1);
+      } else
+        t1 = false;
+      return t1;
+    },
+    fuzzyEqualsNullable0(number1, number2) {
+      var t1;
+      if (number1 == number2)
+        return true;
+      if (number1 == null || number2 == null)
+        return false;
+      if (Math.abs(number1 - number2) <= $.$get$_epsilon0()) {
+        t1 = $.$get$_inverseEpsilon0();
+        t1 = B.JSNumber_methods.round$0(number1 * t1) === B.JSNumber_methods.round$0(number2 * t1);
+      } else
+        t1 = false;
+      return t1;
+    },
+    fuzzyHashCode0(number) {
+      if (!isFinite(number))
+        return B.JSNumber_methods.get$hashCode(number);
+      return B.JSInt_methods.get$hashCode(B.JSNumber_methods.round$0(number * $.$get$_inverseEpsilon0()));
+    },
+    fuzzyLessThan0(number1, number2) {
+      return number1 < number2 && !A.fuzzyEquals0(number1, number2);
+    },
+    fuzzyLessThanOrEquals0(number1, number2) {
+      return number1 < number2 || A.fuzzyEquals0(number1, number2);
+    },
+    fuzzyGreaterThan0(number1, number2) {
+      return number1 > number2 && !A.fuzzyEquals0(number1, number2);
+    },
+    fuzzyGreaterThanOrEquals0(number1, number2) {
+      return number1 > number2 || A.fuzzyEquals0(number1, number2);
+    },
+    fuzzyIsInt0(number) {
+      if (number == 1 / 0 || number == -1 / 0 || isNaN(number))
+        return false;
+      return A.fuzzyEquals0(number, B.JSNumber_methods.round$0(number));
+    },
+    fuzzyAsInt0(number) {
+      var rounded;
+      if (number == 1 / 0 || number == -1 / 0 || isNaN(number))
+        return null;
+      rounded = B.JSNumber_methods.round$0(number);
+      return A.fuzzyEquals0(number, rounded) ? rounded : null;
+    },
+    fuzzyRound0(number) {
+      var t1;
+      if (number > 0) {
+        t1 = B.JSNumber_methods.$mod(number, 1);
+        return t1 < 0.5 && !A.fuzzyEquals0(t1, 0.5) ? B.JSNumber_methods.floor$0(number) : B.JSNumber_methods.ceil$0(number);
+      } else {
+        t1 = B.JSNumber_methods.$mod(number, 1);
+        return t1 < 0.5 || A.fuzzyEquals0(t1, 0.5) ? B.JSNumber_methods.floor$0(number) : B.JSNumber_methods.ceil$0(number);
+      }
+    },
+    fuzzyCheckRange0(number, min, max) {
+      if (A.fuzzyEquals0(number, min))
+        return min;
+      if (A.fuzzyEquals0(number, max))
+        return max;
+      if (number > min && number < max)
+        return number;
+      return null;
+    },
+    fuzzyAssertRange0(number, min, max, $name) {
+      var result = A.fuzzyCheckRange0(number, min, max);
+      if (result != null)
+        return result;
+      throw A.wrapException(A.RangeError$range(number, min, max, $name, "must be between " + min + " and " + max));
+    },
+    moduloLikeSass0(num1, num2) {
+      var result;
+      if (num1 == 1 / 0 || num1 == -1 / 0)
+        return 0 / 0;
+      if (num2 == 1 / 0 || num2 == -1 / 0)
+        return A.DoubleWithSignedZero_get_signIncludingZero0(num1) === J.get$sign$in(num2) ? num1 : 0 / 0;
+      if (num2 > 0)
+        return B.JSNumber_methods.$mod(num1, num2);
+      if (num2 === 0)
+        return 0 / 0;
+      result = B.JSNumber_methods.$mod(num1, num2);
+      return result === 0 ? 0 : result + num2;
+    },
+    sqrt0(number) {
+      number.assertNoUnits$1("number");
+      return A.SassNumber_SassNumber0(Math.sqrt(number._number1$_value), null);
+    },
+    sin0(number) {
+      return A.SassNumber_SassNumber0(Math.sin(number.coerceValueToUnit$2("rad", "number")), null);
+    },
+    cos0(number) {
+      return A.SassNumber_SassNumber0(Math.cos(number.coerceValueToUnit$2("rad", "number")), null);
+    },
+    tan0(number) {
+      return A.SassNumber_SassNumber0(Math.tan(number.coerceValueToUnit$2("rad", "number")), null);
+    },
+    atan0(number) {
+      number.assertNoUnits$1("number");
+      return A.SassNumber_SassNumber$withUnits0(Math.atan(number._number1$_value) * 57.29577951308232, null, A._setArrayType(["deg"], type$.JSArray_String));
+    },
+    asin0(number) {
+      number.assertNoUnits$1("number");
+      return A.SassNumber_SassNumber$withUnits0(Math.asin(number._number1$_value) * 57.29577951308232, null, A._setArrayType(["deg"], type$.JSArray_String));
+    },
+    acos0(number) {
+      number.assertNoUnits$1("number");
+      return A.SassNumber_SassNumber$withUnits0(Math.acos(number._number1$_value) * 57.29577951308232, null, A._setArrayType(["deg"], type$.JSArray_String));
+    },
+    log0(number, base) {
+      if (base != null)
+        return A.SassNumber_SassNumber0(Math.log(number._number1$_value) / Math.log(base._number1$_value), null);
+      return A.SassNumber_SassNumber0(Math.log(number._number1$_value), null);
+    },
+    pow1(base, exponent) {
+      base.assertNoUnits$1("base");
+      exponent.assertNoUnits$1("exponent");
+      return A.SassNumber_SassNumber0(Math.pow(base._number1$_value, exponent._number1$_value), null);
+    },
+    DoubleWithSignedZero_get_signIncludingZero0(_this) {
+      if (_this === -0.0)
+        return -1;
+      if (_this === 0)
+        return 1;
+      return J.get$sign$in(_this);
+    },
+    main1(args) {
+      return A.main$body(args);
+    },
+    main$body(args) {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.void),
+        $async$returnValue, $async$handler = 2, $async$errorStack = [], options, t1, graph, error, error0, stackTrace, buffer, t2, exception, $async$exception, $async$temp1;
+      var $async$main1 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1) {
+          $async$errorStack.push($async$result);
+          $async$goto = $async$handler;
+        }
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              if (args.length >= 1 && "--embedded" === args[0]) {
+                A.main0(B.JSArray_methods.sublist$1(args, 1));
+                // goto return
+                $async$goto = 1;
+                break;
+              }
+              options = null;
+              $async$handler = 4;
+              options = A.ExecutableOptions_ExecutableOptions$parse(args);
+              t2 = options._options;
+              $._glyphs = !(t2.wasParsed$1("unicode") ? A._asBool(t2.$index(0, "unicode")) : $._glyphs !== B.C_AsciiGlyphSet) ? B.C_AsciiGlyphSet : B.C_UnicodeGlyphSet;
+              $async$goto = A._asBool(options._options.$index(0, "version")) ? 7 : 8;
+              break;
+            case 7:
+              // then
+              $async$temp1 = A;
+              $async$goto = 9;
+              return A._asyncAwait(A._loadVersion(), $async$main1);
+            case 9:
+              // returning from await.
+              $async$temp1.print($async$result);
+              t1 = A.isNodeJs() ? self.process : null;
+              if (t1 != null)
+                J.set$exitCode$x(t1, 0);
+              // goto return
+              $async$goto = 1;
+              break;
+            case 8:
+              // join
+              $async$goto = options.get$interactive() ? 10 : 11;
+              break;
+            case 10:
+              // then
+              $async$goto = 12;
+              return A._asyncAwait(A.repl(options), $async$main1);
+            case 12:
+              // returning from await.
+              // goto return
+              $async$goto = 1;
+              break;
+            case 11:
+              // join
+              options.get$silenceDeprecations(0);
+              options.get$futureDeprecations(0);
+              options.get$fatalDeprecations(0);
+              t2 = A.List_List$_of(options.get$pkgImporters(), type$.Importer_2);
+              t1 = t2;
+              J.add$1$ax(t1, $.$get$FilesystemImporter_noLoadPath());
+              t2 = type$.Uri;
+              graph = new A.StylesheetGraph(A.LinkedHashMap_LinkedHashMap$_empty(t2, type$.StylesheetNode), A.ImportCache$(t1, type$.List_String._as(options._options.$index(0, "load-path"))), A.LinkedHashMap_LinkedHashMap$_empty(t2, type$.DateTime));
+              $async$goto = A._asBool(options._options.$index(0, "watch")) ? 13 : 14;
+              break;
+            case 13:
+              // then
+              $async$goto = 15;
+              return A._asyncAwait(A.watch(options, graph), $async$main1);
+            case 15:
+              // returning from await.
+              // goto return
+              $async$goto = 1;
+              break;
+            case 14:
+              // join
+              t1 = options;
+              t2 = options;
+              t2._ensureSources$0();
+              t2 = t2._sourcesToDestinations;
+              t2.toString;
+              $async$goto = 16;
+              return A._asyncAwait(A.compileStylesheets(t1, graph, t2, A._asBool(options._options.$index(0, "update"))), $async$main1);
+            case 16:
+              // returning from await.
+              $async$handler = 2;
+              // goto after finally
+              $async$goto = 6;
+              break;
+            case 4:
+              // catch
+              $async$handler = 3;
+              $async$exception = $async$errorStack.pop();
+              t1 = A.unwrapException($async$exception);
+              if (t1 instanceof A.UsageException) {
+                error = t1;
+                A.print(error.message + "\n");
+                A.print("Usage: sass <input.scss> [output.css]\n       sass <input.scss>:<output.css> <input/>:<output/> <dir/>\n");
+                t1 = $.$get$ExecutableOptions__parser();
+                A.print(new A._Usage(t1._optionsAndSeparators, new A.StringBuffer(""), t1.usageLineLength).generate$0());
+                t1 = A.isNodeJs() ? self.process : null;
+                if (t1 != null)
+                  J.set$exitCode$x(t1, 64);
+              } else {
+                error0 = t1;
+                stackTrace = A.getTraceFromException($async$exception);
+                buffer = new A.StringBuffer("");
+                t1 = options;
+                t1 = t1 == null ? null : t1.get$color();
+                if (t1 === true)
+                  buffer._contents += "\x1b[31m\x1b[1m";
+                buffer._contents += "Unexpected exception:";
+                t1 = options;
+                t1 = t1 == null ? null : t1.get$color();
+                if (t1 === true)
+                  buffer._contents += "\x1b[0m";
+                buffer._contents += "\n";
+                t1 = buffer;
+                t2 = A.S(error0) + "\n";
+                t1._contents += t2;
+                buffer._contents += "\n";
+                buffer._contents += "\n";
+                t2 = buffer;
+                t1 = A.getTrace(error0);
+                t1 = B.JSString_methods.trimRight$0(A.Trace_Trace$from(t1 == null ? stackTrace : t1).get$terse().toString$0(0));
+                t2._contents += t1;
+                A.printError(buffer);
+                t1 = A.isNodeJs() ? self.process : null;
+                if (t1 != null)
+                  J.set$exitCode$x(t1, 255);
+              }
+              // goto after finally
+              $async$goto = 6;
+              break;
+            case 3:
+              // uncaught
+              // goto rethrow
+              $async$goto = 2;
+              break;
+            case 6:
+              // after finally
+            case 1:
+              // return
+              return A._asyncReturn($async$returnValue, $async$completer);
+            case 2:
+              // rethrow
+              return A._asyncRethrow($async$errorStack.at(-1), $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$main1, $async$completer);
+    },
+    _loadVersion() {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.String),
+        $async$returnValue;
+      var $async$_loadVersion = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              $async$returnValue = "1.93.2 compiled with dart2js 3.9.3";
+              // goto return
+              $async$goto = 1;
+              break;
+            case 1:
+              // return
+              return A._asyncReturn($async$returnValue, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$_loadVersion, $async$completer);
+    },
+    SpanExtensions_trimLeft0(_this) {
+      var t1, start = 0;
+      while (true) {
+        t1 = _this.get$text().charCodeAt(start);
+        if (!(t1 === 32 || t1 === 9 || t1 === 10 || t1 === 13 || t1 === 12))
+          break;
+        ++start;
+      }
+      return A.FileSpanExtension_subspan(_this, start, null);
+    },
+    SpanExtensions_trimRight0(_this) {
+      var t1,
+        end = _this.get$text().length - 1;
+      while (true) {
+        t1 = _this.get$text().charCodeAt(end);
+        if (!(t1 === 32 || t1 === 9 || t1 === 10 || t1 === 13 || t1 === 12))
+          break;
+        --end;
+      }
+      return A.FileSpanExtension_subspan(_this, 0, end + 1);
+    },
+    SpanExtensions_initialIdentifier0(_this) {
+      var i,
+        scanner = A.StringScanner$(_this.get$text(), null, null);
+      for (i = 0; false; ++i)
+        scanner.readChar$0();
+      A._scanIdentifier0(scanner);
+      return A.FileSpanExtension_subspan(_this, 0, scanner._string_scanner$_position);
+    },
+    SpanExtensions_withoutInitialIdentifier0(_this) {
+      var scanner = A.StringScanner$(_this.get$text(), null, null);
+      A._scanIdentifier0(scanner);
+      return A.FileSpanExtension_subspan(_this, scanner._string_scanner$_position, null);
+    },
+    SpanExtensions_between(_this, other) {
+      if (!J.$eq$(_this.get$sourceUrl(_this), other.get$sourceUrl(other)))
+        throw A.wrapException(A.ArgumentError$(_this.toString$0(0) + " and " + other.toString$0(0) + " are in different files.", null));
+      else if (_this.get$end(_this).offset > other.get$start(other).offset)
+        throw A.wrapException(A.ArgumentError$(_this.toString$0(0) + " isn't before " + other.toString$0(0) + ".", null));
+      return _this.get$file(_this).span$2(0, _this.get$end(_this).offset, other.get$start(other).offset);
+    },
+    SpanExtensions_before(_this, inner) {
+      if (!J.$eq$(_this.get$sourceUrl(_this), inner.get$sourceUrl(inner)))
+        throw A.wrapException(A.ArgumentError$(_this.toString$0(0) + " and " + inner.toString$0(0) + " are in different files.", null));
+      else if (inner.get$start(inner).offset < _this.get$start(_this).offset || inner.get$end(inner).offset > _this.get$end(_this).offset)
+        throw A.wrapException(A.ArgumentError$(inner.toString$0(0) + " isn't inside " + _this.toString$0(0) + ".", null));
+      return _this.get$file(_this).span$2(0, _this.get$start(_this).offset, inner.get$start(inner).offset);
+    },
+    SpanExtensions_after(_this, inner) {
+      if (!J.$eq$(_this.get$sourceUrl(_this), inner.get$sourceUrl(inner)))
+        throw A.wrapException(A.ArgumentError$(_this.toString$0(0) + " and " + inner.toString$0(0) + " are in different files.", null));
+      else if (inner.get$start(inner).offset < _this.get$start(_this).offset || inner.get$end(inner).offset > _this.get$end(_this).offset)
+        throw A.wrapException(A.ArgumentError$(inner.toString$0(0) + " isn't inside " + _this.toString$0(0) + ".", null));
+      return _this.get$file(_this).span$2(0, inner.get$end(inner).offset, _this.get$end(_this).offset);
+    },
+    _scanIdentifier0(scanner) {
+      var t1, _0_0, t2;
+      for (t1 = scanner.string.length; scanner._string_scanner$_position !== t1;) {
+        _0_0 = scanner.peekChar$0();
+        if (92 === _0_0) {
+          A.consumeEscapedCharacter0(scanner);
+          continue;
+        }
+        if (A._isInt(_0_0)) {
+          if (_0_0 !== 95) {
+            if (!(_0_0 >= 97 && _0_0 <= 122))
+              t2 = _0_0 >= 65 && _0_0 <= 90;
+            else
+              t2 = true;
+            t2 = t2 || _0_0 >= 128;
+          } else
+            t2 = true;
+          if (!t2)
+            t2 = _0_0 >= 48 && _0_0 <= 57 || _0_0 === 45;
+          else
+            t2 = true;
+        } else
+          t2 = false;
+        if (t2) {
+          scanner.readChar$0();
+          continue;
+        }
+        break;
+      }
+    },
+    validateUrlScheme(scheme) {
+      var t1 = $.$get$_urlSchemeRegExp();
+      if (!t1._nativeRegExp.test(scheme))
+        A.jsThrow(new self.Error('"' + scheme + '" isn\'t a valid URL scheme (for example "file").'));
+    },
+    hueToRgb0(m1, m2, hue) {
+      var t1;
+      if (hue < 0)
+        ++hue;
+      if (hue > 1)
+        --hue;
+      $label0$0: {
+        if (hue < 0.16666666666666666) {
+          t1 = m1 + (m2 - m1) * hue * 6;
+          break $label0$0;
+        }
+        if (hue < 0.5) {
+          t1 = m2;
+          break $label0$0;
+        }
+        if (hue < 0.6666666666666666) {
+          t1 = m1 + (m2 - m1) * (0.6666666666666666 - hue) * 6;
+          break $label0$0;
+        }
+        t1 = m1;
+        break $label0$0;
+      }
+      return t1;
+    },
+    srgbAndDisplayP3ToLinear0(channel) {
+      var abs = Math.abs(channel);
+      return abs <= 0.04045 ? channel / 12.92 : J.get$sign$in(channel) * Math.pow((abs + 0.055) / 1.055, 2.4);
+    },
+    srgbAndDisplayP3FromLinear0(channel) {
+      var abs = Math.abs(channel);
+      return abs <= 0.0031308 ? channel * 12.92 : J.get$sign$in(channel) * (1.055 * Math.pow(abs, 0.4166666666666667) - 0.055);
+    },
+    labToLch0(dest, lightness, a, b, alpha, missingChroma, missingHue) {
+      var t3, t4, chroma, hue,
+        t1 = a == null,
+        t2 = t1 ? 0 : a;
+      t2 = Math.pow(t2, 2);
+      t3 = b == null;
+      t4 = t3 ? 0 : b;
+      chroma = Math.sqrt(t2 + Math.pow(t4, 2));
+      if (missingHue || A.fuzzyEquals0(chroma, 0))
+        hue = null;
+      else {
+        t2 = t3 ? 0 : b;
+        t1 = t1 ? 0 : a;
+        hue = Math.atan2(t2, t1) * 180 / 3.141592653589793;
+      }
+      t1 = missingChroma ? null : chroma;
+      return A.SassColor_SassColor$forSpaceInternal0(dest, lightness, t1, hue == null || hue >= 0 ? hue : hue + 360, alpha);
+    },
+    unwrapValue(object) {
+      var value;
+      if (object != null) {
+        if (object instanceof A.Value0)
+          return object;
+        value = object.dartValue;
+        if (value != null && value instanceof A.Value0)
+          return value;
+        if (object instanceof self.Error)
+          throw A.wrapException(object);
+      }
+      throw A.wrapException(A.S(object) + " must be a Sass value type.");
+    },
+    wrapValue(value) {
+      var t1;
+      $label0$0: {
+        if (value instanceof A.SassColor0) {
+          t1 = A.callConstructor($.$get$legacyColorClass(), [null, null, null, null, value]);
+          break $label0$0;
+        }
+        if (value instanceof A.SassList0) {
+          t1 = A.callConstructor($.$get$legacyListClass(), [null, null, value]);
+          break $label0$0;
+        }
+        if (value instanceof A.SassMap0) {
+          t1 = A.callConstructor($.$get$legacyMapClass(), [null, value]);
+          break $label0$0;
+        }
+        if (value instanceof A.SassNumber0) {
+          t1 = A.callConstructor($.$get$legacyNumberClass(), [null, null, value]);
+          break $label0$0;
+        }
+        if (value instanceof A.SassString0) {
+          t1 = A.callConstructor($.$get$legacyStringClass(), [null, value]);
+          break $label0$0;
+        }
+        t1 = value;
+        break $label0$0;
+      }
+      return t1;
+    }
+  },
+  B = {};
+  var holders = [A, J, B];
+  var $ = {};
+  A.JS_CONST.prototype = {};
+  J.Interceptor.prototype = {
+    $eq(receiver, other) {
+      return receiver === other;
+    },
+    get$hashCode(receiver) {
+      return A.Primitives_objectHashCode(receiver);
+    },
+    toString$0(receiver) {
+      return "Instance of '" + A.Primitives_objectTypeName(receiver) + "'";
+    },
+    noSuchMethod$1(receiver, invocation) {
+      throw A.wrapException(A.NoSuchMethodError_NoSuchMethodError$withInvocation(receiver, invocation));
+    },
+    get$runtimeType(receiver) {
+      return A.createRuntimeType(A._instanceTypeFromConstructor(this));
+    }
+  };
+  J.JSBool.prototype = {
+    toString$0(receiver) {
+      return String(receiver);
+    },
+    $or(receiver, other) {
+      return other || receiver;
+    },
+    get$hashCode(receiver) {
+      return receiver ? 519018 : 218159;
+    },
+    get$runtimeType(receiver) {
+      return A.createRuntimeType(type$.bool);
+    },
+    $isTrustedGetRuntimeType: 1,
+    $isbool: 1
+  };
+  J.JSNull.prototype = {
+    $eq(receiver, other) {
+      return null == other;
+    },
+    toString$0(receiver) {
+      return "null";
+    },
+    get$hashCode(receiver) {
+      return 0;
+    },
+    get$runtimeType(receiver) {
+      return A.createRuntimeType(type$.Null);
+    },
+    $isTrustedGetRuntimeType: 1,
+    $isNull: 1
+  };
+  J.JavaScriptObject.prototype = {$isJSObject: 1};
+  J.LegacyJavaScriptObject.prototype = {
+    get$hashCode(receiver) {
+      return 0;
+    },
+    toString$0(receiver) {
+      return String(receiver);
+    },
+    $isPromise: 1,
+    $isJsSystemError: 1,
+    $isImmutableList: 1,
+    $is_ConstructionOptions: 1,
+    $is_ChannelOptions: 1,
+    $is_ToGamutOptions: 1,
+    $is_InterpolationOptions: 1,
+    $is_NodeSassColor: 1,
+    $isCompileOptions: 1,
+    $isCompileStringOptions: 1,
+    $isNodeCompileResult: 1,
+    $isDeprecation1: 1,
+    $is_NodeException: 1,
+    $isJSExpressionVisitorObject: 1,
+    $isFiber: 1,
+    $isJSFunction0: 1,
+    $isImmutableList0: 1,
+    $isImmutableMap0: 1,
+    $isJSImporter: 1,
+    $isJSImporterResult: 1,
+    $isNodeImporterResult0: 1,
+    $is_ConstructorOptions: 1,
+    $is_NodeSassList: 1,
+    $isWarnOptions: 1,
+    $isDebugOptions: 1,
+    $is_NodeSassMap: 1,
+    $is_ConstructorOptions0: 1,
+    $is_NodeSassNumber: 1,
+    $isParserExports: 1,
+    $isJSClass0: 1,
+    $isRenderContextOptions0: 1,
+    $isRenderOptions: 1,
+    $isRenderResult: 1,
+    $isJSSet: 1,
+    $isJSStatementVisitorObject: 1,
+    $is_ConstructorOptions1: 1,
+    $is_NodeSassString: 1,
+    $isJSUrl0: 1,
+    get$isTTY(obj) {
+      return obj.isTTY;
+    },
+    get$write(obj) {
+      return obj.write;
+    },
+    write$1(receiver, p0) {
+      return receiver.write(p0);
+    },
+    createInterface$1(receiver, p0) {
+      return receiver.createInterface(p0);
+    },
+    on$2(receiver, p0, p1) {
+      return receiver.on(p0, p1);
+    },
+    get$close(obj) {
+      return obj.close;
+    },
+    close$0(receiver) {
+      return receiver.close();
+    },
+    setPrompt$1(receiver, p0) {
+      return receiver.setPrompt(p0);
+    },
+    get$length(obj) {
+      return obj.length;
+    },
+    toString$0(receiver) {
+      return receiver.toString();
+    },
+    get$debug(obj) {
+      return obj.debug;
+    },
+    debug$2(receiver, p0, p1) {
+      return receiver.debug(p0, p1);
+    },
+    get$error(obj) {
+      return obj.error;
+    },
+    error$1(receiver, p0) {
+      return receiver.error(p0);
+    },
+    error$2(receiver, p0, p1) {
+      return receiver.error(p0, p1);
+    },
+    log$1(receiver, p0) {
+      return receiver.log(p0);
+    },
+    get$warn(obj) {
+      return obj.warn;
+    },
+    warn$1(receiver, p0) {
+      return receiver.warn(p0);
+    },
+    warn$2(receiver, p0, p1) {
+      return receiver.warn(p0, p1);
+    },
+    existsSync$1(receiver, p0) {
+      return receiver.existsSync(p0);
+    },
+    lstatSync$1(receiver, p0) {
+      return receiver.lstatSync(p0);
+    },
+    mkdirSync$1(receiver, p0) {
+      return receiver.mkdirSync(p0);
+    },
+    readdirSync$1(receiver, p0) {
+      return receiver.readdirSync(p0);
+    },
+    readFileSync$2(receiver, p0, p1) {
+      return receiver.readFileSync(p0, p1);
+    },
+    get$realpathSync(obj) {
+      return obj.realpathSync;
+    },
+    statSync$1(receiver, p0) {
+      return receiver.statSync(p0);
+    },
+    unlinkSync$1(receiver, p0) {
+      return receiver.unlinkSync(p0);
+    },
+    watch$2(receiver, p0, p1) {
+      return receiver.watch(p0, p1);
+    },
+    writeFileSync$2(receiver, p0, p1) {
+      return receiver.writeFileSync(p0, p1);
+    },
+    call$1(receiver, p0) {
+      return receiver.call(p0);
+    },
+    call$2(receiver, p0, p1) {
+      return receiver.call(p0, p1);
+    },
+    call$3$1(receiver, p0) {
+      return receiver.call(p0);
+    },
+    call$2$1(receiver, p0) {
+      return receiver.call(p0);
+    },
+    call$1$1(receiver, p0) {
+      return receiver.call(p0);
+    },
+    call$3(receiver, p0, p1, p2) {
+      return receiver.call(p0, p1, p2);
+    },
+    call$3$3(receiver, p0, p1, p2) {
+      return receiver.call(p0, p1, p2);
+    },
+    call$2$2(receiver, p0, p1) {
+      return receiver.call(p0, p1);
+    },
+    call$1$2(receiver, p0, p1) {
+      return receiver.call(p0, p1);
+    },
+    call$2$3(receiver, p0, p1, p2) {
+      return receiver.call(p0, p1, p2);
+    },
+    native$1(receiver, p0) {
+      return receiver.native(p0);
+    },
+    get$path(obj) {
+      return obj.path;
+    },
+    isDirectory$0(receiver) {
+      return receiver.isDirectory();
+    },
+    isFile$0(receiver) {
+      return receiver.isFile();
+    },
+    isSymbolicLink$0(receiver) {
+      return receiver.isSymbolicLink();
+    },
+    get$mtime(obj) {
+      return obj.mtime;
+    },
+    then$2(receiver, p0, p1) {
+      return receiver.then(p0, p1);
+    },
+    then$1$1(receiver, p0) {
+      return receiver.then(p0);
+    },
+    getTime$0(receiver) {
+      return receiver.getTime();
+    },
+    get$message(obj) {
+      return obj.message;
+    },
+    message$1(receiver, p0) {
+      return receiver.message(p0);
+    },
+    get$filename(obj) {
+      return obj.filename;
+    },
+    get$id(obj) {
+      return obj.id;
+    },
+    get$code(obj) {
+      return obj.code;
+    },
+    get$syscall(obj) {
+      return obj.syscall;
+    },
+    get$argv(obj) {
+      return obj.argv;
+    },
+    get$env(obj) {
+      return obj.env;
+    },
+    get$exitCode(obj) {
+      return obj.exitCode;
+    },
+    set$exitCode(obj, v) {
+      return obj.exitCode = v;
+    },
+    get$platform(obj) {
+      return obj.platform;
+    },
+    get$release(obj) {
+      return obj.release;
+    },
+    get$stderr(obj) {
+      return obj.stderr;
+    },
+    get$stdin(obj) {
+      return obj.stdin;
+    },
+    get$stdout(obj) {
+      return obj.stdout;
+    },
+    get$name(obj) {
+      return obj.name;
+    },
+    push$1(receiver, p0) {
+      return receiver.push(p0);
+    },
+    call$0(receiver) {
+      return receiver.call();
+    },
+    call$2$0(receiver) {
+      return receiver.call();
+    },
+    call$1$0(receiver) {
+      return receiver.call();
+    },
+    apply$2(receiver, p0, p1) {
+      return receiver.apply(p0, p1);
+    },
+    toArray$0(receiver) {
+      return receiver.toArray();
+    },
+    asMutable$0(receiver) {
+      return receiver.asMutable();
+    },
+    asImmutable$0(receiver) {
+      return receiver.asImmutable();
+    },
+    $set$2(receiver, p0, p1) {
+      return receiver.set(p0, p1);
+    },
+    forEach$1(receiver, p0) {
+      return receiver.forEach(p0);
+    },
+    get$file(obj) {
+      return obj.file;
+    },
+    get$contents(obj) {
+      return obj.contents;
+    },
+    get$options(obj) {
+      return obj.options;
+    },
+    get$data(obj) {
+      return obj.data;
+    },
+    get$includePaths(obj) {
+      return obj.includePaths;
+    },
+    get$style(obj) {
+      return obj.style;
+    },
+    get$indentType(obj) {
+      return obj.indentType;
+    },
+    get$indentWidth(obj) {
+      return obj.indentWidth;
+    },
+    get$linefeed(obj) {
+      return obj.linefeed;
+    },
+    set$context(obj, v) {
+      return obj.context = v;
+    },
+    createRequire$1(receiver, p0) {
+      return receiver.createRequire(p0);
+    },
+    resolve$1(receiver, p0) {
+      return receiver.resolve(p0);
+    },
+    get$$prototype(obj) {
+      return obj.prototype;
+    },
+    get$red(obj) {
+      return obj.red;
+    },
+    get$green(obj) {
+      return obj.green;
+    },
+    get$blue(obj) {
+      return obj.blue;
+    },
+    get$hue(obj) {
+      return obj.hue;
+    },
+    get$saturation(obj) {
+      return obj.saturation;
+    },
+    get$lightness(obj) {
+      return obj.lightness;
+    },
+    get$whiteness(obj) {
+      return obj.whiteness;
+    },
+    get$blackness(obj) {
+      return obj.blackness;
+    },
+    get$alpha(obj) {
+      return obj.alpha;
+    },
+    get$a(obj) {
+      return obj.a;
+    },
+    get$b(obj) {
+      return obj.b;
+    },
+    get$x(obj) {
+      return obj.x;
+    },
+    get$y(obj) {
+      return obj.y;
+    },
+    get$z(obj) {
+      return obj.z;
+    },
+    get$chroma(obj) {
+      return obj.chroma;
+    },
+    get$space(obj) {
+      return obj.space;
+    },
+    get$method(obj) {
+      return obj.method;
+    },
+    get$weight(obj) {
+      return obj.weight;
+    },
+    get$dartValue(obj) {
+      return obj.dartValue;
+    },
+    set$dartValue(obj, v) {
+      return obj.dartValue = v;
+    },
+    get$alertAscii(obj) {
+      return obj.alertAscii;
+    },
+    get$alertColor(obj) {
+      return obj.alertColor;
+    },
+    get$loadPaths(obj) {
+      return obj.loadPaths;
+    },
+    get$quietDeps(obj) {
+      return obj.quietDeps;
+    },
+    get$verbose(obj) {
+      return obj.verbose;
+    },
+    get$charset(obj) {
+      return obj.charset;
+    },
+    get$sourceMap(obj) {
+      return obj.sourceMap;
+    },
+    get$sourceMapIncludeSources(obj) {
+      return obj.sourceMapIncludeSources;
+    },
+    get$logger(obj) {
+      return obj.logger;
+    },
+    get$importers(obj) {
+      return obj.importers;
+    },
+    get$functions(obj) {
+      return obj.functions;
+    },
+    get$fatalDeprecations(obj) {
+      return obj.fatalDeprecations;
+    },
+    get$silenceDeprecations(obj) {
+      return obj.silenceDeprecations;
+    },
+    get$futureDeprecations(obj) {
+      return obj.futureDeprecations;
+    },
+    get$syntax(obj) {
+      return obj.syntax;
+    },
+    get$url(obj) {
+      return obj.url;
+    },
+    get$importer(obj) {
+      return obj.importer;
+    },
+    get$_dartException(obj) {
+      return obj._dartException;
+    },
+    set$renderSync(obj, v) {
+      return obj.renderSync = v;
+    },
+    set$compileString(obj, v) {
+      return obj.compileString = v;
+    },
+    set$compileStringAsync(obj, v) {
+      return obj.compileStringAsync = v;
+    },
+    set$compile(obj, v) {
+      return obj.compile = v;
+    },
+    set$compileAsync(obj, v) {
+      return obj.compileAsync = v;
+    },
+    set$initCompiler(obj, v) {
+      return obj.initCompiler = v;
+    },
+    set$initAsyncCompiler(obj, v) {
+      return obj.initAsyncCompiler = v;
+    },
+    set$Compiler(obj, v) {
+      return obj.Compiler = v;
+    },
+    set$AsyncCompiler(obj, v) {
+      return obj.AsyncCompiler = v;
+    },
+    set$info(obj, v) {
+      return obj.info = v;
+    },
+    set$Exception(obj, v) {
+      return obj.Exception = v;
+    },
+    set$Logger(obj, v) {
+      return obj.Logger = v;
+    },
+    set$NodePackageImporter(obj, v) {
+      return obj.NodePackageImporter = v;
+    },
+    set$deprecations(obj, v) {
+      return obj.deprecations = v;
+    },
+    set$Version(obj, v) {
+      return obj.Version = v;
+    },
+    set$Value(obj, v) {
+      return obj.Value = v;
+    },
+    set$SassArgumentList(obj, v) {
+      return obj.SassArgumentList = v;
+    },
+    set$SassCalculation(obj, v) {
+      return obj.SassCalculation = v;
+    },
+    set$CalculationOperation(obj, v) {
+      return obj.CalculationOperation = v;
+    },
+    set$CalculationInterpolation(obj, v) {
+      return obj.CalculationInterpolation = v;
+    },
+    set$SassBoolean(obj, v) {
+      return obj.SassBoolean = v;
+    },
+    set$SassColor(obj, v) {
+      return obj.SassColor = v;
+    },
+    set$SassFunction(obj, v) {
+      return obj.SassFunction = v;
+    },
+    set$SassMixin(obj, v) {
+      return obj.SassMixin = v;
+    },
+    set$SassList(obj, v) {
+      return obj.SassList = v;
+    },
+    set$SassMap(obj, v) {
+      return obj.SassMap = v;
+    },
+    set$SassNumber(obj, v) {
+      return obj.SassNumber = v;
+    },
+    set$SassString(obj, v) {
+      return obj.SassString = v;
+    },
+    set$sassNull(obj, v) {
+      return obj.sassNull = v;
+    },
+    set$sassTrue(obj, v) {
+      return obj.sassTrue = v;
+    },
+    set$sassFalse(obj, v) {
+      return obj.sassFalse = v;
+    },
+    set$render(obj, v) {
+      return obj.render = v;
+    },
+    set$types(obj, v) {
+      return obj.types = v;
+    },
+    set$NULL(obj, v) {
+      return obj.NULL = v;
+    },
+    set$TRUE(obj, v) {
+      return obj.TRUE = v;
+    },
+    set$FALSE(obj, v) {
+      return obj.FALSE = v;
+    },
+    set$loadParserExports_(obj, v) {
+      return obj.loadParserExports_ = v;
+    },
+    visitBinaryOperationExpression$1(receiver, p0) {
+      return receiver.visitBinaryOperationExpression(p0);
+    },
+    visitBooleanExpression$1(receiver, p0) {
+      return receiver.visitBooleanExpression(p0);
+    },
+    visitColorExpression$1(receiver, p0) {
+      return receiver.visitColorExpression(p0);
+    },
+    visitInterpolatedFunctionExpression$1(receiver, p0) {
+      return receiver.visitInterpolatedFunctionExpression(p0);
+    },
+    visitFunctionExpression$1(receiver, p0) {
+      return receiver.visitFunctionExpression(p0);
+    },
+    visitIfExpression$1(receiver, p0) {
+      return receiver.visitIfExpression(p0);
+    },
+    visitListExpression$1(receiver, p0) {
+      return receiver.visitListExpression(p0);
+    },
+    visitMapExpression$1(receiver, p0) {
+      return receiver.visitMapExpression(p0);
+    },
+    visitNullExpression$1(receiver, p0) {
+      return receiver.visitNullExpression(p0);
+    },
+    visitNumberExpression$1(receiver, p0) {
+      return receiver.visitNumberExpression(p0);
+    },
+    visitParenthesizedExpression$1(receiver, p0) {
+      return receiver.visitParenthesizedExpression(p0);
+    },
+    visitSelectorExpression$1(receiver, p0) {
+      return receiver.visitSelectorExpression(p0);
+    },
+    visitStringExpression$1(receiver, p0) {
+      return receiver.visitStringExpression(p0);
+    },
+    visitSupportsExpression$1(receiver, p0) {
+      return receiver.visitSupportsExpression(p0);
+    },
+    visitUnaryOperationExpression$1(receiver, p0) {
+      return receiver.visitUnaryOperationExpression(p0);
+    },
+    visitValueExpression$1(receiver, p0) {
+      return receiver.visitValueExpression(p0);
+    },
+    visitVariableExpression$1(receiver, p0) {
+      return receiver.visitVariableExpression(p0);
+    },
+    get$current(obj) {
+      return obj.current;
+    },
+    yield$0(receiver) {
+      return receiver.yield();
+    },
+    run$1$1(receiver, p0) {
+      return receiver.run(p0);
+    },
+    run$1(receiver, p0) {
+      return receiver.run(p0);
+    },
+    run$0(receiver) {
+      return receiver.run();
+    },
+    get$canonicalize(obj) {
+      return obj.canonicalize;
+    },
+    canonicalize$1(receiver, p0) {
+      return receiver.canonicalize(p0);
+    },
+    get$load(obj) {
+      return obj.load;
+    },
+    load$1(receiver, p0) {
+      return receiver.load(p0);
+    },
+    get$findFileUrl(obj) {
+      return obj.findFileUrl;
+    },
+    get$nonCanonicalScheme(obj) {
+      return obj.nonCanonicalScheme;
+    },
+    get$sourceMapUrl(obj) {
+      return obj.sourceMapUrl;
+    },
+    get$separator(obj) {
+      return obj.separator;
+    },
+    get$brackets(obj) {
+      return obj.brackets;
+    },
+    get$numeratorUnits(obj) {
+      return obj.numeratorUnits;
+    },
+    get$denominatorUnits(obj) {
+      return obj.denominatorUnits;
+    },
+    get$pkgImporter(obj) {
+      return obj.pkgImporter;
+    },
+    get$indentedSyntax(obj) {
+      return obj.indentedSyntax;
+    },
+    get$omitSourceMapUrl(obj) {
+      return obj.omitSourceMapUrl;
+    },
+    get$outFile(obj) {
+      return obj.outFile;
+    },
+    get$outputStyle(obj) {
+      return obj.outputStyle;
+    },
+    get$fiber(obj) {
+      return obj.fiber;
+    },
+    get$sourceMapContents(obj) {
+      return obj.sourceMapContents;
+    },
+    get$sourceMapEmbed(obj) {
+      return obj.sourceMapEmbed;
+    },
+    get$sourceMapRoot(obj) {
+      return obj.sourceMapRoot;
+    },
+    set$cli_pkg_main_0_(obj, v) {
+      return obj.cli_pkg_main_0_ = v;
+    },
+    visitAtRootRule$1(receiver, p0) {
+      return receiver.visitAtRootRule(p0);
+    },
+    visitAtRule$1(receiver, p0) {
+      return receiver.visitAtRule(p0);
+    },
+    get$visitContentBlock(obj) {
+      return obj.visitContentBlock;
+    },
+    visitContentBlock$1(receiver, p0) {
+      return receiver.visitContentBlock(p0);
+    },
+    visitContentRule$1(receiver, p0) {
+      return receiver.visitContentRule(p0);
+    },
+    visitDebugRule$1(receiver, p0) {
+      return receiver.visitDebugRule(p0);
+    },
+    visitDeclaration$1(receiver, p0) {
+      return receiver.visitDeclaration(p0);
+    },
+    visitEachRule$1(receiver, p0) {
+      return receiver.visitEachRule(p0);
+    },
+    visitErrorRule$1(receiver, p0) {
+      return receiver.visitErrorRule(p0);
+    },
+    visitExtendRule$1(receiver, p0) {
+      return receiver.visitExtendRule(p0);
+    },
+    visitForRule$1(receiver, p0) {
+      return receiver.visitForRule(p0);
+    },
+    visitForwardRule$1(receiver, p0) {
+      return receiver.visitForwardRule(p0);
+    },
+    visitFunctionRule$1(receiver, p0) {
+      return receiver.visitFunctionRule(p0);
+    },
+    visitIfRule$1(receiver, p0) {
+      return receiver.visitIfRule(p0);
+    },
+    visitImportRule$1(receiver, p0) {
+      return receiver.visitImportRule(p0);
+    },
+    visitIncludeRule$1(receiver, p0) {
+      return receiver.visitIncludeRule(p0);
+    },
+    visitLoudComment$1(receiver, p0) {
+      return receiver.visitLoudComment(p0);
+    },
+    visitMediaRule$1(receiver, p0) {
+      return receiver.visitMediaRule(p0);
+    },
+    visitMixinRule$1(receiver, p0) {
+      return receiver.visitMixinRule(p0);
+    },
+    visitReturnRule$1(receiver, p0) {
+      return receiver.visitReturnRule(p0);
+    },
+    visitSilentComment$1(receiver, p0) {
+      return receiver.visitSilentComment(p0);
+    },
+    visitStyleRule$1(receiver, p0) {
+      return receiver.visitStyleRule(p0);
+    },
+    visitStylesheet$1(receiver, p0) {
+      return receiver.visitStylesheet(p0);
+    },
+    visitSupportsRule$1(receiver, p0) {
+      return receiver.visitSupportsRule(p0);
+    },
+    visitUseRule$1(receiver, p0) {
+      return receiver.visitUseRule(p0);
+    },
+    visitVariableDeclaration$1(receiver, p0) {
+      return receiver.visitVariableDeclaration(p0);
+    },
+    visitWarnRule$1(receiver, p0) {
+      return receiver.visitWarnRule(p0);
+    },
+    visitWhileRule$1(receiver, p0) {
+      return receiver.visitWhileRule(p0);
+    },
+    get$quotes(obj) {
+      return obj.quotes;
+    }
+  };
+  J.PlainJavaScriptObject.prototype = {};
+  J.UnknownJavaScriptObject.prototype = {};
+  J.JavaScriptFunction.prototype = {
+    toString$0(receiver) {
+      var dartClosure = receiver[$.$get$DART_CLOSURE_PROPERTY_NAME()];
+      if (dartClosure == null)
+        return this.super$LegacyJavaScriptObject$toString(receiver);
+      return "JavaScript function for " + A.S(J.toString$0$(dartClosure));
+    },
+    $isFunction: 1
+  };
+  J.JavaScriptBigInt.prototype = {
+    get$hashCode(receiver) {
+      return 0;
+    },
+    toString$0(receiver) {
+      return String(receiver);
+    }
+  };
+  J.JavaScriptSymbol.prototype = {
+    get$hashCode(receiver) {
+      return 0;
+    },
+    toString$0(receiver) {
+      return String(receiver);
+    }
+  };
+  J.JSArray.prototype = {
+    cast$1$0(receiver, $R) {
+      return new A.CastList(receiver, A._arrayInstanceType(receiver)._eval$1("@<1>")._bind$1($R)._eval$1("CastList<1,2>"));
+    },
+    add$1(receiver, value) {
+      receiver.$flags & 1 && A.throwUnsupportedOperation(receiver, 29);
+      receiver.push(value);
+    },
+    removeAt$1(receiver, index) {
+      var t1;
+      receiver.$flags & 1 && A.throwUnsupportedOperation(receiver, "removeAt", 1);
+      t1 = receiver.length;
+      if (index >= t1)
+        throw A.wrapException(A.RangeError$value(index, null, null));
+      return receiver.splice(index, 1)[0];
+    },
+    insert$2(receiver, index, value) {
+      var t1;
+      receiver.$flags & 1 && A.throwUnsupportedOperation(receiver, "insert", 2);
+      t1 = receiver.length;
+      if (index > t1)
+        throw A.wrapException(A.RangeError$value(index, null, null));
+      receiver.splice(index, 0, value);
+    },
+    insertAll$2(receiver, index, iterable) {
+      var insertionLength, end;
+      receiver.$flags & 1 && A.throwUnsupportedOperation(receiver, "insertAll", 2);
+      A.RangeError_checkValueInInterval(index, 0, receiver.length, "index");
+      if (!type$.EfficientLengthIterable_dynamic._is(iterable))
+        iterable = J.toList$0$ax(iterable);
+      insertionLength = J.get$length$asx(iterable);
+      receiver.length = receiver.length + insertionLength;
+      end = index + insertionLength;
+      this.setRange$4(receiver, end, receiver.length, receiver, index);
+      this.setRange$3(receiver, index, end, iterable);
+    },
+    removeLast$0(receiver) {
+      receiver.$flags & 1 && A.throwUnsupportedOperation(receiver, "removeLast", 1);
+      if (receiver.length === 0)
+        throw A.wrapException(A.diagnoseIndexError(receiver, -1));
+      return receiver.pop();
+    },
+    _removeWhere$2(receiver, test, removeMatching) {
+      var i, element, t1, retained = [],
+        end = receiver.length;
+      for (i = 0; i < end; ++i) {
+        element = receiver[i];
+        if (!test.call$1(element))
+          retained.push(element);
+        if (receiver.length !== end)
+          throw A.wrapException(A.ConcurrentModificationError$(receiver));
+      }
+      t1 = retained.length;
+      if (t1 === end)
+        return;
+      this.set$length(receiver, t1);
+      for (i = 0; i < retained.length; ++i)
+        receiver[i] = retained[i];
+    },
+    where$1(receiver, f) {
+      return new A.WhereIterable(receiver, f, A._arrayInstanceType(receiver)._eval$1("WhereIterable<1>"));
+    },
+    expand$1$1(receiver, f, $T) {
+      return new A.ExpandIterable(receiver, f, A._arrayInstanceType(receiver)._eval$1("@<1>")._bind$1($T)._eval$1("ExpandIterable<1,2>"));
+    },
+    addAll$1(receiver, collection) {
+      var t1;
+      receiver.$flags & 1 && A.throwUnsupportedOperation(receiver, "addAll", 2);
+      if (Array.isArray(collection)) {
+        this._addAllFromArray$1(receiver, collection);
+        return;
+      }
+      for (t1 = J.get$iterator$ax(collection); t1.moveNext$0();)
+        receiver.push(t1.get$current(t1));
+    },
+    _addAllFromArray$1(receiver, array) {
+      var i,
+        len = array.length;
+      if (len === 0)
+        return;
+      if (receiver === array)
+        throw A.wrapException(A.ConcurrentModificationError$(receiver));
+      for (i = 0; i < len; ++i)
+        receiver.push(array[i]);
+    },
+    clear$0(receiver) {
+      receiver.$flags & 1 && A.throwUnsupportedOperation(receiver, "clear", "clear");
+      receiver.length = 0;
+    },
+    forEach$1(receiver, f) {
+      var i,
+        end = receiver.length;
+      for (i = 0; i < end; ++i) {
+        f.call$1(receiver[i]);
+        if (receiver.length !== end)
+          throw A.wrapException(A.ConcurrentModificationError$(receiver));
+      }
+    },
+    map$1$1(receiver, f, $T) {
+      return new A.MappedListIterable(receiver, f, A._arrayInstanceType(receiver)._eval$1("@<1>")._bind$1($T)._eval$1("MappedListIterable<1,2>"));
+    },
+    join$1(receiver, separator) {
+      var i,
+        list = A.List_List$filled(receiver.length, "", false, type$.String);
+      for (i = 0; i < receiver.length; ++i)
+        list[i] = A.S(receiver[i]);
+      return list.join(separator);
+    },
+    join$0(receiver) {
+      return this.join$1(receiver, "");
+    },
+    take$1(receiver, n) {
+      return A.SubListIterable$(receiver, 0, A.checkNotNullable(n, "count", type$.int), A._arrayInstanceType(receiver)._precomputed1);
+    },
+    skip$1(receiver, n) {
+      return A.SubListIterable$(receiver, n, null, A._arrayInstanceType(receiver)._precomputed1);
+    },
+    fold$1$2(receiver, initialValue, combine) {
+      var value, i,
+        $length = receiver.length;
+      for (value = initialValue, i = 0; i < $length; ++i) {
+        value = combine.call$2(value, receiver[i]);
+        if (receiver.length !== $length)
+          throw A.wrapException(A.ConcurrentModificationError$(receiver));
+      }
+      return value;
+    },
+    fold$2(receiver, initialValue, combine) {
+      return this.fold$1$2(receiver, initialValue, combine, type$.dynamic);
+    },
+    firstWhere$1(receiver, test) {
+      var i, element,
+        end = receiver.length;
+      for (i = 0; i < end; ++i) {
+        element = receiver[i];
+        if (test.call$1(element))
+          return element;
+        if (receiver.length !== end)
+          throw A.wrapException(A.ConcurrentModificationError$(receiver));
+      }
+      throw A.wrapException(A.IterableElementError_noElement());
+    },
+    elementAt$1(receiver, index) {
+      return receiver[index];
+    },
+    sublist$2(receiver, start, end) {
+      var end0 = receiver.length;
+      if (start > end0)
+        throw A.wrapException(A.RangeError$range(start, 0, end0, "start", null));
+      if (end == null)
+        end = end0;
+      else if (end < start || end > end0)
+        throw A.wrapException(A.RangeError$range(end, start, end0, "end", null));
+      if (start === end)
+        return A._setArrayType([], A._arrayInstanceType(receiver));
+      return A._setArrayType(receiver.slice(start, end), A._arrayInstanceType(receiver));
+    },
+    sublist$1(receiver, start) {
+      return this.sublist$2(receiver, start, null);
+    },
+    getRange$2(receiver, start, end) {
+      A.RangeError_checkValidRange(start, end, receiver.length);
+      return A.SubListIterable$(receiver, start, end, A._arrayInstanceType(receiver)._precomputed1);
+    },
+    get$first(receiver) {
+      if (receiver.length > 0)
+        return receiver[0];
+      throw A.wrapException(A.IterableElementError_noElement());
+    },
+    get$last(receiver) {
+      var t1 = receiver.length;
+      if (t1 > 0)
+        return receiver[t1 - 1];
+      throw A.wrapException(A.IterableElementError_noElement());
+    },
+    get$single(receiver) {
+      var t1 = receiver.length;
+      if (t1 === 1)
+        return receiver[0];
+      if (t1 === 0)
+        throw A.wrapException(A.IterableElementError_noElement());
+      throw A.wrapException(A.IterableElementError_tooMany());
+    },
+    removeRange$2(receiver, start, end) {
+      receiver.$flags & 1 && A.throwUnsupportedOperation(receiver, 18);
+      A.RangeError_checkValidRange(start, end, receiver.length);
+      receiver.splice(start, end - start);
+    },
+    setRange$4(receiver, start, end, iterable, skipCount) {
+      var $length, otherList, otherStart, t1, i;
+      receiver.$flags & 2 && A.throwUnsupportedOperation(receiver, 5);
+      A.RangeError_checkValidRange(start, end, receiver.length);
+      $length = end - start;
+      if ($length === 0)
+        return;
+      A.RangeError_checkNotNegative(skipCount, "skipCount");
+      if (type$.List_dynamic._is(iterable)) {
+        otherList = iterable;
+        otherStart = skipCount;
+      } else {
+        otherList = J.skip$1$ax(iterable, skipCount).toList$1$growable(0, false);
+        otherStart = 0;
+      }
+      t1 = J.getInterceptor$asx(otherList);
+      if (otherStart + $length > t1.get$length(otherList))
+        throw A.wrapException(A.IterableElementError_tooFew());
+      if (otherStart < start)
+        for (i = $length - 1; i >= 0; --i)
+          receiver[start + i] = t1.$index(otherList, otherStart + i);
+      else
+        for (i = 0; i < $length; ++i)
+          receiver[start + i] = t1.$index(otherList, otherStart + i);
+    },
+    setRange$3(receiver, start, end, iterable) {
+      return this.setRange$4(receiver, start, end, iterable, 0);
+    },
+    fillRange$3(receiver, start, end, fillValue) {
+      var i;
+      receiver.$flags & 2 && A.throwUnsupportedOperation(receiver, "fillRange");
+      A.RangeError_checkValidRange(start, end, receiver.length);
+      A._arrayInstanceType(receiver)._precomputed1._as(fillValue);
+      for (i = start; i < end; ++i)
+        receiver[i] = fillValue;
+    },
+    any$1(receiver, test) {
+      var i,
+        end = receiver.length;
+      for (i = 0; i < end; ++i) {
+        if (test.call$1(receiver[i]))
+          return true;
+        if (receiver.length !== end)
+          throw A.wrapException(A.ConcurrentModificationError$(receiver));
+      }
+      return false;
+    },
+    every$1(receiver, test) {
+      var i,
+        end = receiver.length;
+      for (i = 0; i < end; ++i) {
+        if (!test.call$1(receiver[i]))
+          return false;
+        if (receiver.length !== end)
+          throw A.wrapException(A.ConcurrentModificationError$(receiver));
+      }
+      return true;
+    },
+    get$reversed(receiver) {
+      return new A.ReversedListIterable(receiver, A._arrayInstanceType(receiver)._eval$1("ReversedListIterable<1>"));
+    },
+    sort$1(receiver, compare) {
+      var len, a, b, undefineds, i;
+      receiver.$flags & 2 && A.throwUnsupportedOperation(receiver, "sort");
+      len = receiver.length;
+      if (len < 2)
+        return;
+      if (compare == null)
+        compare = J._interceptors_JSArray__compareAny$closure();
+      if (len === 2) {
+        a = receiver[0];
+        b = receiver[1];
+        if (compare.call$2(a, b) > 0) {
+          receiver[0] = b;
+          receiver[1] = a;
+        }
+        return;
+      }
+      undefineds = 0;
+      if (A._arrayInstanceType(receiver)._precomputed1._is(null))
+        for (i = 0; i < receiver.length; ++i)
+          if (receiver[i] === void 0) {
+            receiver[i] = null;
+            ++undefineds;
+          }
+      receiver.sort(A.convertDartClosureToJS(compare, 2));
+      if (undefineds > 0)
+        this._replaceSomeNullsWithUndefined$1(receiver, undefineds);
+    },
+    sort$0(receiver) {
+      return this.sort$1(receiver, null);
+    },
+    _replaceSomeNullsWithUndefined$1(receiver, count) {
+      var i0,
+        i = receiver.length;
+      for (; i0 = i - 1, i > 0; i = i0)
+        if (receiver[i0] === null) {
+          receiver[i0] = void 0;
+          --count;
+          if (count === 0)
+            break;
+        }
+    },
+    indexOf$1(receiver, element) {
+      var i,
+        $length = receiver.length;
+      if (0 >= $length)
+        return -1;
+      for (i = 0; i < $length; ++i)
+        if (J.$eq$(receiver[i], element))
+          return i;
+      return -1;
+    },
+    contains$1(receiver, other) {
+      var i;
+      for (i = 0; i < receiver.length; ++i)
+        if (J.$eq$(receiver[i], other))
+          return true;
+      return false;
+    },
+    get$isEmpty(receiver) {
+      return receiver.length === 0;
+    },
+    get$isNotEmpty(receiver) {
+      return receiver.length !== 0;
+    },
+    toString$0(receiver) {
+      return A.Iterable_iterableToFullString(receiver, "[", "]");
+    },
+    toList$1$growable(receiver, growable) {
+      var t1 = A._setArrayType(receiver.slice(0), A._arrayInstanceType(receiver));
+      return t1;
+    },
+    toList$0(receiver) {
+      return this.toList$1$growable(receiver, true);
+    },
+    toSet$0(receiver) {
+      return A.LinkedHashSet_LinkedHashSet$from(receiver, A._arrayInstanceType(receiver)._precomputed1);
+    },
+    get$iterator(receiver) {
+      return new J.ArrayIterator(receiver, receiver.length, A._arrayInstanceType(receiver)._eval$1("ArrayIterator<1>"));
+    },
+    get$hashCode(receiver) {
+      return A.Primitives_objectHashCode(receiver);
+    },
+    get$length(receiver) {
+      return receiver.length;
+    },
+    set$length(receiver, newLength) {
+      receiver.$flags & 1 && A.throwUnsupportedOperation(receiver, "set length", "change the length of");
+      if (newLength < 0)
+        throw A.wrapException(A.RangeError$range(newLength, 0, null, "newLength", null));
+      if (newLength > receiver.length)
+        A._arrayInstanceType(receiver)._precomputed1._as(null);
+      receiver.length = newLength;
+    },
+    $index(receiver, index) {
+      if (!(index >= 0 && index < receiver.length))
+        throw A.wrapException(A.diagnoseIndexError(receiver, index));
+      return receiver[index];
+    },
+    $indexSet(receiver, index, value) {
+      receiver.$flags & 2 && A.throwUnsupportedOperation(receiver);
+      if (!(index >= 0 && index < receiver.length))
+        throw A.wrapException(A.diagnoseIndexError(receiver, index));
+      receiver[index] = value;
+    },
+    $add(receiver, other) {
+      var t1 = A.List_List$_of(receiver, A._arrayInstanceType(receiver)._precomputed1);
+      this.addAll$1(t1, other);
+      return t1;
+    },
+    indexWhere$1(receiver, test) {
+      var i;
+      if (0 >= receiver.length)
+        return -1;
+      for (i = 0; i < receiver.length; ++i)
+        if (test.call$1(receiver[i]))
+          return i;
+      return -1;
+    },
+    $isEfficientLengthIterable: 1,
+    $isIterable: 1,
+    $isList: 1
+  };
+  J.JSArraySafeToStringHook.prototype = {
+    tryFormat$1(array) {
+      var flags, info, base;
+      if (!Array.isArray(array))
+        return null;
+      flags = array.$flags | 0;
+      if ((flags & 4) !== 0)
+        info = "const, ";
+      else if ((flags & 2) !== 0)
+        info = "unmodifiable, ";
+      else
+        info = (flags & 1) !== 0 ? "fixed, " : "";
+      base = "Instance of '" + A.Primitives_objectTypeName(array) + "'";
+      if (info === "")
+        return base;
+      return base + " (" + info + "length: " + array.length + ")";
+    }
+  };
+  J.JSUnmodifiableArray.prototype = {};
+  J.ArrayIterator.prototype = {
+    get$current(_) {
+      var t1 = this._current;
+      return t1 == null ? this.$ti._precomputed1._as(t1) : t1;
+    },
+    moveNext$0() {
+      var t2, _this = this,
+        t1 = _this._iterable,
+        $length = t1.length;
+      if (_this._length !== $length)
+        throw A.wrapException(A.throwConcurrentModificationError(t1));
+      t2 = _this._index;
+      if (t2 >= $length) {
+        _this._current = null;
+        return false;
+      }
+      _this._current = t1[t2];
+      _this._index = t2 + 1;
+      return true;
+    }
+  };
+  J.JSNumber.prototype = {
+    compareTo$1(receiver, b) {
+      var bIsNegative;
+      if (receiver < b)
+        return -1;
+      else if (receiver > b)
+        return 1;
+      else if (receiver === b) {
+        if (receiver === 0) {
+          bIsNegative = this.get$isNegative(b);
+          if (this.get$isNegative(receiver) === bIsNegative)
+            return 0;
+          if (this.get$isNegative(receiver))
+            return -1;
+          return 1;
+        }
+        return 0;
+      } else if (isNaN(receiver)) {
+        if (isNaN(b))
+          return 0;
+        return 1;
+      } else
+        return -1;
+    },
+    get$isNegative(receiver) {
+      return receiver === 0 ? 1 / receiver < 0 : receiver < 0;
+    },
+    get$sign(receiver) {
+      var t1;
+      if (receiver > 0)
+        t1 = 1;
+      else
+        t1 = receiver < 0 ? -1 : receiver;
+      return t1;
+    },
+    ceil$0(receiver) {
+      var truncated, d;
+      if (receiver >= 0) {
+        if (receiver <= 2147483647) {
+          truncated = receiver | 0;
+          return receiver === truncated ? truncated : truncated + 1;
+        }
+      } else if (receiver >= -2147483648)
+        return receiver | 0;
+      d = Math.ceil(receiver);
+      if (isFinite(d))
+        return d;
+      throw A.wrapException(A.UnsupportedError$("" + receiver + ".ceil()"));
+    },
+    floor$0(receiver) {
+      var truncated, d;
+      if (receiver >= 0) {
+        if (receiver <= 2147483647)
+          return receiver | 0;
+      } else if (receiver >= -2147483648) {
+        truncated = receiver | 0;
+        return receiver === truncated ? truncated : truncated - 1;
+      }
+      d = Math.floor(receiver);
+      if (isFinite(d))
+        return d;
+      throw A.wrapException(A.UnsupportedError$("" + receiver + ".floor()"));
+    },
+    round$0(receiver) {
+      if (receiver > 0) {
+        if (receiver !== 1 / 0)
+          return Math.round(receiver);
+      } else if (receiver > -1 / 0)
+        return 0 - Math.round(0 - receiver);
+      throw A.wrapException(A.UnsupportedError$("" + receiver + ".round()"));
+    },
+    clamp$2(receiver, lowerLimit, upperLimit) {
+      if (this.compareTo$1(lowerLimit, upperLimit) > 0)
+        throw A.wrapException(A.argumentErrorValue(lowerLimit));
+      if (this.compareTo$1(receiver, lowerLimit) < 0)
+        return lowerLimit;
+      if (this.compareTo$1(receiver, upperLimit) > 0)
+        return upperLimit;
+      return receiver;
+    },
+    toRadixString$1(receiver, radix) {
+      var result, match, exponent, t1;
+      if (radix < 2 || radix > 36)
+        throw A.wrapException(A.RangeError$range(radix, 2, 36, "radix", null));
+      result = receiver.toString(radix);
+      if (result.charCodeAt(result.length - 1) !== 41)
+        return result;
+      match = /^([\da-z]+)(?:\.([\da-z]+))?\(e\+(\d+)\)$/.exec(result);
+      if (match == null)
+        A.throwExpression(A.UnsupportedError$("Unexpected toString result: " + result));
+      result = match[1];
+      exponent = +match[3];
+      t1 = match[2];
+      if (t1 != null) {
+        result += t1;
+        exponent -= t1.length;
+      }
+      return result + B.JSString_methods.$mul("0", exponent);
+    },
+    toString$0(receiver) {
+      if (receiver === 0 && 1 / receiver < 0)
+        return "-0.0";
+      else
+        return "" + receiver;
+    },
+    get$hashCode(receiver) {
+      var absolute, floorLog2, factor, scaled,
+        intValue = receiver | 0;
+      if (receiver === intValue)
+        return intValue & 536870911;
+      absolute = Math.abs(receiver);
+      floorLog2 = Math.log(absolute) / 0.6931471805599453 | 0;
+      factor = Math.pow(2, floorLog2);
+      scaled = absolute < 1 ? absolute / factor : factor / absolute;
+      return ((scaled * 9007199254740992 | 0) + (scaled * 3542243181176521 | 0)) * 599197 + floorLog2 * 1259 & 536870911;
+    },
+    $mod(receiver, other) {
+      var result = receiver % other;
+      if (result === 0)
+        return 0;
+      if (result > 0)
+        return result;
+      if (other < 0)
+        return result - other;
+      else
+        return result + other;
+    },
+    $tdiv(receiver, other) {
+      if ((receiver | 0) === receiver)
+        if (other >= 1 || other < -1)
+          return receiver / other | 0;
+      return this._tdivSlow$1(receiver, other);
+    },
+    _tdivFast$1(receiver, other) {
+      return (receiver | 0) === receiver ? receiver / other | 0 : this._tdivSlow$1(receiver, other);
+    },
+    _tdivSlow$1(receiver, other) {
+      var quotient = receiver / other;
+      if (quotient >= -2147483648 && quotient <= 2147483647)
+        return quotient | 0;
+      if (quotient > 0) {
+        if (quotient !== 1 / 0)
+          return Math.floor(quotient);
+      } else if (quotient > -1 / 0)
+        return Math.ceil(quotient);
+      throw A.wrapException(A.UnsupportedError$("Result of truncating division is " + A.S(quotient) + ": " + A.S(receiver) + " ~/ " + other));
+    },
+    _shrOtherPositive$1(receiver, other) {
+      var t1;
+      if (receiver > 0)
+        t1 = this._shrBothPositive$1(receiver, other);
+      else {
+        t1 = other > 31 ? 31 : other;
+        t1 = receiver >> t1 >>> 0;
+      }
+      return t1;
+    },
+    _shrReceiverPositive$1(receiver, other) {
+      if (0 > other)
+        throw A.wrapException(A.argumentErrorValue(other));
+      return this._shrBothPositive$1(receiver, other);
+    },
+    _shrBothPositive$1(receiver, other) {
+      return other > 31 ? 0 : receiver >>> other;
+    },
+    get$runtimeType(receiver) {
+      return A.createRuntimeType(type$.num);
+    },
+    $isComparable: 1,
+    $isdouble: 1,
+    $isnum: 1
+  };
+  J.JSInt.prototype = {
+    get$sign(receiver) {
+      var t1;
+      if (receiver > 0)
+        t1 = 1;
+      else
+        t1 = receiver < 0 ? -1 : receiver;
+      return t1;
+    },
+    get$runtimeType(receiver) {
+      return A.createRuntimeType(type$.int);
+    },
+    $isTrustedGetRuntimeType: 1,
+    $isint: 1
+  };
+  J.JSNumNotInt.prototype = {
+    get$runtimeType(receiver) {
+      return A.createRuntimeType(type$.double);
+    },
+    $isTrustedGetRuntimeType: 1
+  };
+  J.JSString.prototype = {
+    codeUnitAt$1(receiver, index) {
+      if (index < 0)
+        throw A.wrapException(A.diagnoseIndexError(receiver, index));
+      if (index >= receiver.length)
+        A.throwExpression(A.diagnoseIndexError(receiver, index));
+      return receiver.charCodeAt(index);
+    },
+    allMatches$2(receiver, string, start) {
+      var t1 = string.length;
+      if (start > t1)
+        throw A.wrapException(A.RangeError$range(start, 0, t1, null, null));
+      return new A._StringAllMatchesIterable(string, receiver, start);
+    },
+    allMatches$1(receiver, string) {
+      return this.allMatches$2(receiver, string, 0);
+    },
+    matchAsPrefix$2(receiver, string, start) {
+      var t1, i, _null = null;
+      if (start < 0 || start > string.length)
+        throw A.wrapException(A.RangeError$range(start, 0, string.length, _null, _null));
+      t1 = receiver.length;
+      if (start + t1 > string.length)
+        return _null;
+      for (i = 0; i < t1; ++i)
+        if (string.charCodeAt(start + i) !== receiver.charCodeAt(i))
+          return _null;
+      return new A.StringMatch(start, receiver);
+    },
+    $add(receiver, other) {
+      return receiver + other;
+    },
+    endsWith$1(receiver, other) {
+      var otherLength = other.length,
+        t1 = receiver.length;
+      if (otherLength > t1)
+        return false;
+      return other === this.substring$1(receiver, t1 - otherLength);
+    },
+    replaceFirst$2(receiver, from, to) {
+      A.RangeError_checkValueInInterval(0, 0, receiver.length, "startIndex");
+      return A.stringReplaceFirstUnchecked(receiver, from, to, 0);
+    },
+    split$1(receiver, pattern) {
+      var t1;
+      if (typeof pattern == "string")
+        return A._setArrayType(receiver.split(pattern), type$.JSArray_String);
+      else {
+        if (pattern instanceof A.JSSyntaxRegExp) {
+          t1 = pattern._hasCapturesCache;
+          t1 = !(t1 == null ? pattern._hasCapturesCache = pattern._computeHasCaptures$0() : t1);
+        } else
+          t1 = false;
+        if (t1)
+          return A._setArrayType(receiver.split(pattern._nativeRegExp), type$.JSArray_String);
+        else
+          return this._defaultSplit$1(receiver, pattern);
+      }
+    },
+    replaceRange$3(receiver, start, end, replacement) {
+      var e = A.RangeError_checkValidRange(start, end, receiver.length);
+      return A.stringReplaceRangeUnchecked(receiver, start, e, replacement);
+    },
+    _defaultSplit$1(receiver, pattern) {
+      var t1, start, $length, match, matchStart, matchEnd,
+        result = A._setArrayType([], type$.JSArray_String);
+      for (t1 = J.allMatches$1$s(pattern, receiver), t1 = t1.get$iterator(t1), start = 0, $length = 1; t1.moveNext$0();) {
+        match = t1.get$current(t1);
+        matchStart = match.get$start(match);
+        matchEnd = match.get$end(match);
+        $length = matchEnd - matchStart;
+        if ($length === 0 && start === matchStart)
+          continue;
+        result.push(this.substring$2(receiver, start, matchStart));
+        start = matchEnd;
+      }
+      if (start < receiver.length || $length > 0)
+        result.push(this.substring$1(receiver, start));
+      return result;
+    },
+    startsWith$2(receiver, pattern, index) {
+      var endIndex;
+      if (index < 0 || index > receiver.length)
+        throw A.wrapException(A.RangeError$range(index, 0, receiver.length, null, null));
+      if (typeof pattern == "string") {
+        endIndex = index + pattern.length;
+        if (endIndex > receiver.length)
+          return false;
+        return pattern === receiver.substring(index, endIndex);
+      }
+      return J.matchAsPrefix$2$s(pattern, receiver, index) != null;
+    },
+    startsWith$1(receiver, pattern) {
+      return this.startsWith$2(receiver, pattern, 0);
+    },
+    substring$2(receiver, start, end) {
+      return receiver.substring(start, A.RangeError_checkValidRange(start, end, receiver.length));
+    },
+    substring$1(receiver, start) {
+      return this.substring$2(receiver, start, null);
+    },
+    trim$0(receiver) {
+      var startIndex, t1, endIndex0,
+        result = receiver.trim(),
+        endIndex = result.length;
+      if (endIndex === 0)
+        return result;
+      if (result.charCodeAt(0) === 133) {
+        startIndex = J.JSString__skipLeadingWhitespace(result, 1);
+        if (startIndex === endIndex)
+          return "";
+      } else
+        startIndex = 0;
+      t1 = endIndex - 1;
+      endIndex0 = result.charCodeAt(t1) === 133 ? J.JSString__skipTrailingWhitespace(result, t1) : endIndex;
+      if (startIndex === 0 && endIndex0 === endIndex)
+        return result;
+      return result.substring(startIndex, endIndex0);
+    },
+    trimLeft$0(receiver) {
+      var result = receiver.trimStart();
+      if (result.length === 0)
+        return result;
+      if (result.charCodeAt(0) !== 133)
+        return result;
+      return result.substring(J.JSString__skipLeadingWhitespace(result, 1));
+    },
+    trimRight$0(receiver) {
+      var t1,
+        result = receiver.trimEnd(),
+        endIndex = result.length;
+      if (endIndex === 0)
+        return result;
+      t1 = endIndex - 1;
+      if (result.charCodeAt(t1) !== 133)
+        return result;
+      return result.substring(0, J.JSString__skipTrailingWhitespace(result, t1));
+    },
+    $mul(receiver, times) {
+      var s, result;
+      if (0 >= times)
+        return "";
+      if (times === 1 || receiver.length === 0)
+        return receiver;
+      if (times !== times >>> 0)
+        throw A.wrapException(B.C_OutOfMemoryError);
+      for (s = receiver, result = ""; true;) {
+        if ((times & 1) === 1)
+          result = s + result;
+        times = times >>> 1;
+        if (times === 0)
+          break;
+        s += s;
+      }
+      return result;
+    },
+    padLeft$2(receiver, width, padding) {
+      var delta = width - receiver.length;
+      if (delta <= 0)
+        return receiver;
+      return this.$mul(padding, delta) + receiver;
+    },
+    padRight$1(receiver, width) {
+      var delta = width - receiver.length;
+      if (delta <= 0)
+        return receiver;
+      return receiver + this.$mul(" ", delta);
+    },
+    indexOf$2(receiver, pattern, start) {
+      var t1;
+      if (start < 0 || start > receiver.length)
+        throw A.wrapException(A.RangeError$range(start, 0, receiver.length, null, null));
+      t1 = receiver.indexOf(pattern, start);
+      return t1;
+    },
+    indexOf$1(receiver, pattern) {
+      return this.indexOf$2(receiver, pattern, 0);
+    },
+    lastIndexOf$2(receiver, pattern, start) {
+      var t1, t2, i;
+      if (start == null)
+        start = receiver.length;
+      else if (start < 0 || start > receiver.length)
+        throw A.wrapException(A.RangeError$range(start, 0, receiver.length, null, null));
+      if (typeof pattern == "string") {
+        t1 = pattern.length;
+        t2 = receiver.length;
+        if (start + t1 > t2)
+          start = t2 - t1;
+        return receiver.lastIndexOf(pattern, start);
+      }
+      for (t1 = J.getInterceptor$s(pattern), i = start; i >= 0; --i)
+        if (t1.matchAsPrefix$2(pattern, receiver, i) != null)
+          return i;
+      return -1;
+    },
+    lastIndexOf$1(receiver, pattern) {
+      return this.lastIndexOf$2(receiver, pattern, null);
+    },
+    contains$2(receiver, other, startIndex) {
+      var t1 = receiver.length;
+      if (startIndex > t1)
+        throw A.wrapException(A.RangeError$range(startIndex, 0, t1, null, null));
+      return A.stringContainsUnchecked(receiver, other, startIndex);
+    },
+    contains$1(receiver, other) {
+      return this.contains$2(receiver, other, 0);
+    },
+    compareTo$1(receiver, other) {
+      var t1;
+      if (receiver === other)
+        t1 = 0;
+      else
+        t1 = receiver < other ? -1 : 1;
+      return t1;
+    },
+    toString$0(receiver) {
+      return receiver;
+    },
+    get$hashCode(receiver) {
+      var t1, hash, i;
+      for (t1 = receiver.length, hash = 0, i = 0; i < t1; ++i) {
+        hash = hash + receiver.charCodeAt(i) & 536870911;
+        hash = hash + ((hash & 524287) << 10) & 536870911;
+        hash ^= hash >> 6;
+      }
+      hash = hash + ((hash & 67108863) << 3) & 536870911;
+      hash ^= hash >> 11;
+      return hash + ((hash & 16383) << 15) & 536870911;
+    },
+    get$runtimeType(receiver) {
+      return A.createRuntimeType(type$.String);
+    },
+    get$length(receiver) {
+      return receiver.length;
+    },
+    $isTrustedGetRuntimeType: 1,
+    $isComparable: 1,
+    $isString: 1
+  };
+  A._CastIterableBase.prototype = {
+    get$iterator(_) {
+      return new A.CastIterator(J.get$iterator$ax(this.get$_source()), A._instanceType(this)._eval$1("CastIterator<1,2>"));
+    },
+    get$length(_) {
+      return J.get$length$asx(this.get$_source());
+    },
+    get$isEmpty(_) {
+      return J.get$isEmpty$asx(this.get$_source());
+    },
+    get$isNotEmpty(_) {
+      return J.get$isNotEmpty$asx(this.get$_source());
+    },
+    skip$1(_, count) {
+      var t1 = A._instanceType(this);
+      return A.CastIterable_CastIterable(J.skip$1$ax(this.get$_source(), count), t1._precomputed1, t1._rest[1]);
+    },
+    take$1(_, count) {
+      var t1 = A._instanceType(this);
+      return A.CastIterable_CastIterable(J.take$1$ax(this.get$_source(), count), t1._precomputed1, t1._rest[1]);
+    },
+    elementAt$1(_, index) {
+      return A._instanceType(this)._rest[1]._as(J.elementAt$1$ax(this.get$_source(), index));
+    },
+    get$first(_) {
+      return A._instanceType(this)._rest[1]._as(J.get$first$ax(this.get$_source()));
+    },
+    get$last(_) {
+      return A._instanceType(this)._rest[1]._as(J.get$last$ax(this.get$_source()));
+    },
+    get$single(_) {
+      return A._instanceType(this)._rest[1]._as(J.get$single$ax(this.get$_source()));
+    },
+    contains$1(_, other) {
+      return J.contains$1$asx(this.get$_source(), other);
+    },
+    toString$0(_) {
+      return J.toString$0$(this.get$_source());
+    }
+  };
+  A.CastIterator.prototype = {
+    moveNext$0() {
+      return this._source.moveNext$0();
+    },
+    get$current(_) {
+      var t1 = this._source;
+      return this.$ti._rest[1]._as(t1.get$current(t1));
+    }
+  };
+  A.CastIterable.prototype = {
+    get$_source() {
+      return this._source;
+    }
+  };
+  A._EfficientLengthCastIterable.prototype = {$isEfficientLengthIterable: 1};
+  A._CastListBase.prototype = {
+    $index(_, index) {
+      return this.$ti._rest[1]._as(J.$index$asx(this._source, index));
+    },
+    $indexSet(_, index, value) {
+      J.$indexSet$ax(this._source, index, this.$ti._precomputed1._as(value));
+    },
+    set$length(_, $length) {
+      J.set$length$asx(this._source, $length);
+    },
+    add$1(_, value) {
+      J.add$1$ax(this._source, this.$ti._precomputed1._as(value));
+    },
+    addAll$1(_, values) {
+      var t1 = this.$ti;
+      J.addAll$1$ax(this._source, A.CastIterable_CastIterable(values, t1._rest[1], t1._precomputed1));
+    },
+    sort$1(_, compare) {
+      var t1 = compare == null ? null : new A._CastListBase_sort_closure(this, compare);
+      J.sort$1$ax(this._source, t1);
+    },
+    getRange$2(_, start, end) {
+      var t1 = this.$ti;
+      return A.CastIterable_CastIterable(J.getRange$2$ax(this._source, start, end), t1._precomputed1, t1._rest[1]);
+    },
+    setRange$4(_, start, end, iterable, skipCount) {
+      var t1 = this.$ti;
+      J.setRange$4$ax(this._source, start, end, A.CastIterable_CastIterable(iterable, t1._rest[1], t1._precomputed1), skipCount);
+    },
+    removeRange$2(_, start, end) {
+      J.removeRange$2$ax(this._source, start, end);
+    },
+    fillRange$3(_, start, end, fillValue) {
+      J.fillRange$3$ax(this._source, start, end, this.$ti._precomputed1._as(fillValue));
+    },
+    $isEfficientLengthIterable: 1,
+    $isList: 1
+  };
+  A._CastListBase_sort_closure.prototype = {
+    call$2(v1, v2) {
+      var t1 = this.$this.$ti._rest[1];
+      return this.compare.call$2(t1._as(v1), t1._as(v2));
+    },
+    $signature() {
+      return this.$this.$ti._eval$1("int(1,1)");
+    }
+  };
+  A.CastList.prototype = {
+    cast$1$0(_, $R) {
+      return new A.CastList(this._source, this.$ti._eval$1("@<1>")._bind$1($R)._eval$1("CastList<1,2>"));
+    },
+    get$_source() {
+      return this._source;
+    }
+  };
+  A.CastSet.prototype = {
+    add$1(_, value) {
+      return this._source.add$1(0, this.$ti._precomputed1._as(value));
+    },
+    addAll$1(_, elements) {
+      var t1 = this.$ti;
+      this._source.addAll$1(0, A.CastIterable_CastIterable(elements, t1._rest[1], t1._precomputed1));
+    },
+    difference$1(other) {
+      var _this = this;
+      if (_this._emptySet != null)
+        return _this._conditionalAdd$2(other, false);
+      return new A.CastSet(_this._source.difference$1(other), null, _this.$ti);
+    },
+    _conditionalAdd$2(other, otherContains) {
+      var t3, castElement,
+        emptySet = this._emptySet,
+        t1 = this.$ti,
+        t2 = t1._rest[1],
+        result = emptySet == null ? A.LinkedHashSet_LinkedHashSet(t2) : emptySet.call$1$0(t2);
+      for (t2 = this._source, t2 = t2.get$iterator(t2), t3 = other._source, t1 = t1._rest[1]; t2.moveNext$0();) {
+        castElement = t1._as(t2.get$current(t2));
+        if (otherContains === t3.contains$1(0, castElement))
+          result.add$1(0, castElement);
+      }
+      return result;
+    },
+    toSet$0(_) {
+      var emptySet = this._emptySet,
+        t1 = this.$ti._rest[1],
+        result = emptySet == null ? A.LinkedHashSet_LinkedHashSet(t1) : emptySet.call$1$0(t1);
+      result.addAll$1(0, this);
+      return result;
+    },
+    $isEfficientLengthIterable: 1,
+    $isSet: 1,
+    get$_source() {
+      return this._source;
+    }
+  };
+  A.CastMap.prototype = {
+    cast$2$0(_, $RK, $RV) {
+      return new A.CastMap(this._source, this.$ti._eval$1("@<1,2>")._bind$1($RK)._bind$1($RV)._eval$1("CastMap<1,2,3,4>"));
+    },
+    containsKey$1(key) {
+      return this._source.containsKey$1(key);
+    },
+    $index(_, key) {
+      return this.$ti._eval$1("4?")._as(this._source.$index(0, key));
+    },
+    $indexSet(_, key, value) {
+      var t1 = this.$ti;
+      this._source.$indexSet(0, t1._precomputed1._as(key), t1._rest[1]._as(value));
+    },
+    addAll$1(_, other) {
+      this._source.addAll$1(0, new A.CastMap(other, this.$ti._eval$1("CastMap<3,4,1,2>")));
+    },
+    remove$1(_, key) {
+      return this.$ti._eval$1("4?")._as(this._source.remove$1(0, key));
+    },
+    forEach$1(_, f) {
+      this._source.forEach$1(0, new A.CastMap_forEach_closure(this, f));
+    },
+    get$keys(_) {
+      var t1 = this._source,
+        t2 = this.$ti;
+      return A.CastIterable_CastIterable(t1.get$keys(t1), t2._precomputed1, t2._rest[2]);
+    },
+    get$values(_) {
+      var t1 = this._source,
+        t2 = this.$ti;
+      return A.CastIterable_CastIterable(t1.get$values(t1), t2._rest[1], t2._rest[3]);
+    },
+    get$length(_) {
+      var t1 = this._source;
+      return t1.get$length(t1);
+    },
+    get$isEmpty(_) {
+      var t1 = this._source;
+      return t1.get$isEmpty(t1);
+    },
+    get$isNotEmpty(_) {
+      var t1 = this._source;
+      return t1.get$isNotEmpty(t1);
+    },
+    get$entries(_) {
+      var t1 = this._source;
+      t1 = t1.get$entries(t1);
+      return t1.map$1$1(t1, new A.CastMap_entries_closure(this), this.$ti._eval$1("MapEntry<3,4>"));
+    }
+  };
+  A.CastMap_forEach_closure.prototype = {
+    call$2(key, value) {
+      var t1 = this.$this.$ti;
+      this.f.call$2(t1._rest[2]._as(key), t1._rest[3]._as(value));
+    },
+    $signature() {
+      return this.$this.$ti._eval$1("~(1,2)");
+    }
+  };
+  A.CastMap_entries_closure.prototype = {
+    call$1(e) {
+      var t1 = this.$this.$ti;
+      return new A.MapEntry(t1._rest[2]._as(e.key), t1._rest[3]._as(e.value), t1._eval$1("MapEntry<3,4>"));
+    },
+    $signature() {
+      return this.$this.$ti._eval$1("MapEntry<3,4>(MapEntry<1,2>)");
+    }
+  };
+  A.LateError.prototype = {
+    toString$0(_) {
+      return "LateInitializationError: " + this._message;
+    }
+  };
+  A.CodeUnits.prototype = {
+    get$length(_) {
+      return this._string.length;
+    },
+    $index(_, i) {
+      return this._string.charCodeAt(i);
+    }
+  };
+  A.nullFuture_closure.prototype = {
+    call$0() {
+      return A.Future_Future$value(null, type$.void);
+    },
+    $signature: 31
+  };
+  A.SentinelValue.prototype = {};
+  A.EfficientLengthIterable.prototype = {};
+  A.ListIterable.prototype = {
+    get$iterator(_) {
+      var _this = this;
+      return new A.ListIterator(_this, _this.get$length(_this), A._instanceType(_this)._eval$1("ListIterator<ListIterable.E>"));
+    },
+    get$isEmpty(_) {
+      return this.get$length(this) === 0;
+    },
+    get$first(_) {
+      if (this.get$length(this) === 0)
+        throw A.wrapException(A.IterableElementError_noElement());
+      return this.elementAt$1(0, 0);
+    },
+    get$last(_) {
+      var _this = this;
+      if (_this.get$length(_this) === 0)
+        throw A.wrapException(A.IterableElementError_noElement());
+      return _this.elementAt$1(0, _this.get$length(_this) - 1);
+    },
+    get$single(_) {
+      var _this = this;
+      if (_this.get$length(_this) === 0)
+        throw A.wrapException(A.IterableElementError_noElement());
+      if (_this.get$length(_this) > 1)
+        throw A.wrapException(A.IterableElementError_tooMany());
+      return _this.elementAt$1(0, 0);
+    },
+    contains$1(_, element) {
+      var i, _this = this,
+        $length = _this.get$length(_this);
+      for (i = 0; i < $length; ++i) {
+        if (J.$eq$(_this.elementAt$1(0, i), element))
+          return true;
+        if ($length !== _this.get$length(_this))
+          throw A.wrapException(A.ConcurrentModificationError$(_this));
+      }
+      return false;
+    },
+    every$1(_, test) {
+      var i, _this = this,
+        $length = _this.get$length(_this);
+      for (i = 0; i < $length; ++i) {
+        if (!test.call$1(_this.elementAt$1(0, i)))
+          return false;
+        if ($length !== _this.get$length(_this))
+          throw A.wrapException(A.ConcurrentModificationError$(_this));
+      }
+      return true;
+    },
+    any$1(_, test) {
+      var i, _this = this,
+        $length = _this.get$length(_this);
+      for (i = 0; i < $length; ++i) {
+        if (test.call$1(_this.elementAt$1(0, i)))
+          return true;
+        if ($length !== _this.get$length(_this))
+          throw A.wrapException(A.ConcurrentModificationError$(_this));
+      }
+      return false;
+    },
+    join$1(_, separator) {
+      var first, t1, i, _this = this,
+        $length = _this.get$length(_this);
+      if (separator.length !== 0) {
+        if ($length === 0)
+          return "";
+        first = A.S(_this.elementAt$1(0, 0));
+        if ($length !== _this.get$length(_this))
+          throw A.wrapException(A.ConcurrentModificationError$(_this));
+        for (t1 = first, i = 1; i < $length; ++i) {
+          t1 = t1 + separator + A.S(_this.elementAt$1(0, i));
+          if ($length !== _this.get$length(_this))
+            throw A.wrapException(A.ConcurrentModificationError$(_this));
+        }
+        return t1.charCodeAt(0) == 0 ? t1 : t1;
+      } else {
+        for (i = 0, t1 = ""; i < $length; ++i) {
+          t1 += A.S(_this.elementAt$1(0, i));
+          if ($length !== _this.get$length(_this))
+            throw A.wrapException(A.ConcurrentModificationError$(_this));
+        }
+        return t1.charCodeAt(0) == 0 ? t1 : t1;
+      }
+    },
+    join$0(_) {
+      return this.join$1(0, "");
+    },
+    where$1(_, test) {
+      return this.super$Iterable$where(0, test);
+    },
+    map$1$1(_, toElement, $T) {
+      return new A.MappedListIterable(this, toElement, A._instanceType(this)._eval$1("@<ListIterable.E>")._bind$1($T)._eval$1("MappedListIterable<1,2>"));
+    },
+    reduce$1(_, combine) {
+      var value, i, _this = this,
+        $length = _this.get$length(_this);
+      if ($length === 0)
+        throw A.wrapException(A.IterableElementError_noElement());
+      value = _this.elementAt$1(0, 0);
+      for (i = 1; i < $length; ++i) {
+        value = combine.call$2(value, _this.elementAt$1(0, i));
+        if ($length !== _this.get$length(_this))
+          throw A.wrapException(A.ConcurrentModificationError$(_this));
+      }
+      return value;
+    },
+    fold$1$2(_, initialValue, combine) {
+      var value, i, _this = this,
+        $length = _this.get$length(_this);
+      for (value = initialValue, i = 0; i < $length; ++i) {
+        value = combine.call$2(value, _this.elementAt$1(0, i));
+        if ($length !== _this.get$length(_this))
+          throw A.wrapException(A.ConcurrentModificationError$(_this));
+      }
+      return value;
+    },
+    fold$2(_, initialValue, combine) {
+      return this.fold$1$2(0, initialValue, combine, type$.dynamic);
+    },
+    skip$1(_, count) {
+      return A.SubListIterable$(this, count, null, A._instanceType(this)._eval$1("ListIterable.E"));
+    },
+    take$1(_, count) {
+      return A.SubListIterable$(this, 0, A.checkNotNullable(count, "count", type$.int), A._instanceType(this)._eval$1("ListIterable.E"));
+    },
+    toList$1$growable(_, growable) {
+      var t1 = A.List_List$_of(this, A._instanceType(this)._eval$1("ListIterable.E"));
+      return t1;
+    },
+    toList$0(_) {
+      return this.toList$1$growable(0, true);
+    },
+    toSet$0(_) {
+      var i, _this = this,
+        result = A.LinkedHashSet_LinkedHashSet(A._instanceType(_this)._eval$1("ListIterable.E"));
+      for (i = 0; i < _this.get$length(_this); ++i)
+        result.add$1(0, _this.elementAt$1(0, i));
+      return result;
+    }
+  };
+  A.SubListIterable.prototype = {
+    SubListIterable$3(_iterable, _start, _endOrLength, $E) {
+      var endOrLength,
+        t1 = this._start;
+      A.RangeError_checkNotNegative(t1, "start");
+      endOrLength = this._endOrLength;
+      if (endOrLength != null) {
+        A.RangeError_checkNotNegative(endOrLength, "end");
+        if (t1 > endOrLength)
+          throw A.wrapException(A.RangeError$range(t1, 0, endOrLength, "start", null));
+      }
+    },
+    get$_endIndex() {
+      var $length = J.get$length$asx(this.__internal$_iterable),
+        endOrLength = this._endOrLength;
+      if (endOrLength == null || endOrLength > $length)
+        return $length;
+      return endOrLength;
+    },
+    get$_startIndex() {
+      var $length = J.get$length$asx(this.__internal$_iterable),
+        t1 = this._start;
+      if (t1 > $length)
+        return $length;
+      return t1;
+    },
+    get$length(_) {
+      var endOrLength,
+        $length = J.get$length$asx(this.__internal$_iterable),
+        t1 = this._start;
+      if (t1 >= $length)
+        return 0;
+      endOrLength = this._endOrLength;
+      if (endOrLength == null || endOrLength >= $length)
+        return $length - t1;
+      return endOrLength - t1;
+    },
+    elementAt$1(_, index) {
+      var _this = this,
+        realIndex = _this.get$_startIndex() + index;
+      if (index < 0 || realIndex >= _this.get$_endIndex())
+        throw A.wrapException(A.IndexError$withLength(index, _this.get$length(0), _this, null, "index"));
+      return J.elementAt$1$ax(_this.__internal$_iterable, realIndex);
+    },
+    skip$1(_, count) {
+      var newStart, endOrLength, _this = this;
+      A.RangeError_checkNotNegative(count, "count");
+      newStart = _this._start + count;
+      endOrLength = _this._endOrLength;
+      if (endOrLength != null && newStart >= endOrLength)
+        return new A.EmptyIterable(_this.$ti._eval$1("EmptyIterable<1>"));
+      return A.SubListIterable$(_this.__internal$_iterable, newStart, endOrLength, _this.$ti._precomputed1);
+    },
+    take$1(_, count) {
+      var endOrLength, t1, newEnd, _this = this;
+      A.RangeError_checkNotNegative(count, "count");
+      endOrLength = _this._endOrLength;
+      t1 = _this._start;
+      newEnd = t1 + count;
+      if (endOrLength == null)
+        return A.SubListIterable$(_this.__internal$_iterable, t1, newEnd, _this.$ti._precomputed1);
+      else {
+        if (endOrLength < newEnd)
+          return _this;
+        return A.SubListIterable$(_this.__internal$_iterable, t1, newEnd, _this.$ti._precomputed1);
+      }
+    },
+    toList$1$growable(_, growable) {
+      var $length, result, i, _this = this,
+        start = _this._start,
+        t1 = _this.__internal$_iterable,
+        t2 = J.getInterceptor$asx(t1),
+        end = t2.get$length(t1),
+        endOrLength = _this._endOrLength;
+      if (endOrLength != null && endOrLength < end)
+        end = endOrLength;
+      $length = end - start;
+      if ($length <= 0) {
+        t1 = _this.$ti._precomputed1;
+        return growable ? J.JSArray_JSArray$growable(0, t1) : J.JSArray_JSArray$fixed(0, t1);
+      }
+      result = A.List_List$filled($length, t2.elementAt$1(t1, start), growable, _this.$ti._precomputed1);
+      for (i = 1; i < $length; ++i) {
+        result[i] = t2.elementAt$1(t1, start + i);
+        if (t2.get$length(t1) < end)
+          throw A.wrapException(A.ConcurrentModificationError$(_this));
+      }
+      return result;
+    },
+    toList$0(_) {
+      return this.toList$1$growable(0, true);
+    }
+  };
+  A.ListIterator.prototype = {
+    get$current(_) {
+      var t1 = this.__internal$_current;
+      return t1 == null ? this.$ti._precomputed1._as(t1) : t1;
+    },
+    moveNext$0() {
+      var t3, _this = this,
+        t1 = _this.__internal$_iterable,
+        t2 = J.getInterceptor$asx(t1),
+        $length = t2.get$length(t1);
+      if (_this.__internal$_length !== $length)
+        throw A.wrapException(A.ConcurrentModificationError$(t1));
+      t3 = _this.__internal$_index;
+      if (t3 >= $length) {
+        _this.__internal$_current = null;
+        return false;
+      }
+      _this.__internal$_current = t2.elementAt$1(t1, t3);
+      ++_this.__internal$_index;
+      return true;
+    }
+  };
+  A.MappedIterable.prototype = {
+    get$iterator(_) {
+      return new A.MappedIterator(J.get$iterator$ax(this.__internal$_iterable), this._f, A._instanceType(this)._eval$1("MappedIterator<1,2>"));
+    },
+    get$length(_) {
+      return J.get$length$asx(this.__internal$_iterable);
+    },
+    get$isEmpty(_) {
+      return J.get$isEmpty$asx(this.__internal$_iterable);
+    },
+    get$first(_) {
+      return this._f.call$1(J.get$first$ax(this.__internal$_iterable));
+    },
+    get$last(_) {
+      return this._f.call$1(J.get$last$ax(this.__internal$_iterable));
+    },
+    get$single(_) {
+      return this._f.call$1(J.get$single$ax(this.__internal$_iterable));
+    },
+    elementAt$1(_, index) {
+      return this._f.call$1(J.elementAt$1$ax(this.__internal$_iterable, index));
+    }
+  };
+  A.EfficientLengthMappedIterable.prototype = {$isEfficientLengthIterable: 1};
+  A.MappedIterator.prototype = {
+    moveNext$0() {
+      var _this = this,
+        t1 = _this._iterator;
+      if (t1.moveNext$0()) {
+        _this.__internal$_current = _this._f.call$1(t1.get$current(t1));
+        return true;
+      }
+      _this.__internal$_current = null;
+      return false;
+    },
+    get$current(_) {
+      var t1 = this.__internal$_current;
+      return t1 == null ? this.$ti._rest[1]._as(t1) : t1;
+    }
+  };
+  A.MappedListIterable.prototype = {
+    get$length(_) {
+      return J.get$length$asx(this._source);
+    },
+    elementAt$1(_, index) {
+      return this._f.call$1(J.elementAt$1$ax(this._source, index));
+    }
+  };
+  A.WhereIterable.prototype = {
+    get$iterator(_) {
+      return new A.WhereIterator(J.get$iterator$ax(this.__internal$_iterable), this._f);
+    },
+    map$1$1(_, toElement, $T) {
+      return new A.MappedIterable(this, toElement, this.$ti._eval$1("@<1>")._bind$1($T)._eval$1("MappedIterable<1,2>"));
+    }
+  };
+  A.WhereIterator.prototype = {
+    moveNext$0() {
+      var t1, t2;
+      for (t1 = this._iterator, t2 = this._f; t1.moveNext$0();)
+        if (t2.call$1(t1.get$current(t1)))
+          return true;
+      return false;
+    },
+    get$current(_) {
+      var t1 = this._iterator;
+      return t1.get$current(t1);
+    }
+  };
+  A.ExpandIterable.prototype = {
+    get$iterator(_) {
+      return new A.ExpandIterator(J.get$iterator$ax(this.__internal$_iterable), this._f, B.C_EmptyIterator, this.$ti._eval$1("ExpandIterator<1,2>"));
+    }
+  };
+  A.ExpandIterator.prototype = {
+    get$current(_) {
+      var t1 = this.__internal$_current;
+      return t1 == null ? this.$ti._rest[1]._as(t1) : t1;
+    },
+    moveNext$0() {
+      var t2, t3, _this = this,
+        t1 = _this._currentExpansion;
+      if (t1 == null)
+        return false;
+      for (t2 = _this._iterator, t3 = _this._f; !t1.moveNext$0();) {
+        _this.__internal$_current = null;
+        if (t2.moveNext$0()) {
+          _this._currentExpansion = null;
+          t1 = J.get$iterator$ax(t3.call$1(t2.get$current(t2)));
+          _this._currentExpansion = t1;
+        } else
+          return false;
+      }
+      t1 = _this._currentExpansion;
+      _this.__internal$_current = t1.get$current(t1);
+      return true;
+    }
+  };
+  A.TakeIterable.prototype = {
+    get$iterator(_) {
+      var t1 = this.__internal$_iterable;
+      return new A.TakeIterator(t1.get$iterator(t1), this._takeCount, A._instanceType(this)._eval$1("TakeIterator<1>"));
+    }
+  };
+  A.EfficientLengthTakeIterable.prototype = {
+    get$length(_) {
+      var t1 = this.__internal$_iterable,
+        iterableLength = t1.get$length(t1);
+      t1 = this._takeCount;
+      if (iterableLength > t1)
+        return t1;
+      return iterableLength;
+    },
+    $isEfficientLengthIterable: 1
+  };
+  A.TakeIterator.prototype = {
+    moveNext$0() {
+      if (--this._remaining >= 0)
+        return this._iterator.moveNext$0();
+      this._remaining = -1;
+      return false;
+    },
+    get$current(_) {
+      var t1;
+      if (this._remaining < 0) {
+        this.$ti._precomputed1._as(null);
+        return null;
+      }
+      t1 = this._iterator;
+      return t1.get$current(t1);
+    }
+  };
+  A.SkipIterable.prototype = {
+    skip$1(_, count) {
+      A.ArgumentError_checkNotNull(count, "count");
+      A.RangeError_checkNotNegative(count, "count");
+      return new A.SkipIterable(this.__internal$_iterable, this._skipCount + count, A._instanceType(this)._eval$1("SkipIterable<1>"));
+    },
+    get$iterator(_) {
+      var t1 = this.__internal$_iterable;
+      return new A.SkipIterator(t1.get$iterator(t1), this._skipCount);
+    }
+  };
+  A.EfficientLengthSkipIterable.prototype = {
+    get$length(_) {
+      var t1 = this.__internal$_iterable,
+        $length = t1.get$length(t1) - this._skipCount;
+      if ($length >= 0)
+        return $length;
+      return 0;
+    },
+    skip$1(_, count) {
+      A.ArgumentError_checkNotNull(count, "count");
+      A.RangeError_checkNotNegative(count, "count");
+      return new A.EfficientLengthSkipIterable(this.__internal$_iterable, this._skipCount + count, this.$ti);
+    },
+    $isEfficientLengthIterable: 1
+  };
+  A.SkipIterator.prototype = {
+    moveNext$0() {
+      var t1, i;
+      for (t1 = this._iterator, i = 0; i < this._skipCount; ++i)
+        t1.moveNext$0();
+      this._skipCount = 0;
+      return t1.moveNext$0();
+    },
+    get$current(_) {
+      var t1 = this._iterator;
+      return t1.get$current(t1);
+    }
+  };
+  A.SkipWhileIterable.prototype = {
+    get$iterator(_) {
+      return new A.SkipWhileIterator(J.get$iterator$ax(this.__internal$_iterable), this._f);
+    }
+  };
+  A.SkipWhileIterator.prototype = {
+    moveNext$0() {
+      var t1, t2, _this = this;
+      if (!_this._hasSkipped) {
+        _this._hasSkipped = true;
+        for (t1 = _this._iterator, t2 = _this._f; t1.moveNext$0();)
+          if (!t2.call$1(t1.get$current(t1)))
+            return true;
+      }
+      return _this._iterator.moveNext$0();
+    },
+    get$current(_) {
+      var t1 = this._iterator;
+      return t1.get$current(t1);
+    }
+  };
+  A.EmptyIterable.prototype = {
+    get$iterator(_) {
+      return B.C_EmptyIterator;
+    },
+    get$isEmpty(_) {
+      return true;
+    },
+    get$length(_) {
+      return 0;
+    },
+    get$first(_) {
+      throw A.wrapException(A.IterableElementError_noElement());
+    },
+    get$last(_) {
+      throw A.wrapException(A.IterableElementError_noElement());
+    },
+    get$single(_) {
+      throw A.wrapException(A.IterableElementError_noElement());
+    },
+    elementAt$1(_, index) {
+      throw A.wrapException(A.RangeError$range(index, 0, 0, "index", null));
+    },
+    contains$1(_, element) {
+      return false;
+    },
+    every$1(_, test) {
+      return true;
+    },
+    any$1(_, test) {
+      return false;
+    },
+    join$1(_, separator) {
+      return "";
+    },
+    where$1(_, test) {
+      return this;
+    },
+    map$1$1(_, toElement, $T) {
+      return new A.EmptyIterable($T._eval$1("EmptyIterable<0>"));
+    },
+    skip$1(_, count) {
+      A.RangeError_checkNotNegative(count, "count");
+      return this;
+    },
+    take$1(_, count) {
+      A.RangeError_checkNotNegative(count, "count");
+      return this;
+    },
+    toList$1$growable(_, growable) {
+      var t1 = J.JSArray_JSArray$growable(0, this.$ti._precomputed1);
+      return t1;
+    },
+    toList$0(_) {
+      return this.toList$1$growable(0, true);
+    },
+    toSet$0(_) {
+      return A.LinkedHashSet_LinkedHashSet(this.$ti._precomputed1);
+    }
+  };
+  A.EmptyIterator.prototype = {
+    moveNext$0() {
+      return false;
+    },
+    get$current(_) {
+      throw A.wrapException(A.IterableElementError_noElement());
+    }
+  };
+  A.FollowedByIterable.prototype = {
+    get$iterator(_) {
+      return new A.FollowedByIterator(J.get$iterator$ax(this.__internal$_first), this._second);
+    },
+    get$length(_) {
+      var t1 = this._second;
+      return J.get$length$asx(this.__internal$_first) + t1.get$length(t1);
+    },
+    get$isEmpty(_) {
+      var t1;
+      if (J.get$isEmpty$asx(this.__internal$_first)) {
+        t1 = this._second;
+        t1 = t1.get$isEmpty(t1);
+      } else
+        t1 = false;
+      return t1;
+    },
+    get$isNotEmpty(_) {
+      var t1;
+      if (!J.get$isNotEmpty$asx(this.__internal$_first)) {
+        t1 = this._second;
+        t1 = t1.get$isNotEmpty(t1);
+      } else
+        t1 = true;
+      return t1;
+    },
+    contains$1(_, value) {
+      var t1;
+      if (!J.contains$1$asx(this.__internal$_first, value)) {
+        t1 = this._second;
+        t1 = t1.contains$1(t1, value);
+      } else
+        t1 = true;
+      return t1;
+    },
+    get$first(_) {
+      var t1,
+        iterator = J.get$iterator$ax(this.__internal$_first);
+      if (iterator.moveNext$0())
+        return iterator.get$current(iterator);
+      t1 = this._second;
+      return t1.get$first(t1);
+    },
+    get$last(_) {
+      var last,
+        t1 = this._second,
+        iterator = t1.get$iterator(t1);
+      if (iterator.moveNext$0()) {
+        last = iterator.get$current(iterator);
+        for (; iterator.moveNext$0();)
+          last = iterator.get$current(iterator);
+        return last;
+      }
+      return J.get$last$ax(this.__internal$_first);
+    }
+  };
+  A.EfficientLengthFollowedByIterable.prototype = {
+    elementAt$1(_, index) {
+      var t1 = this.__internal$_first,
+        t2 = J.getInterceptor$asx(t1),
+        firstLength = t2.get$length(t1);
+      if (index < firstLength)
+        return t2.elementAt$1(t1, index);
+      t1 = this._second;
+      return t1.elementAt$1(t1, index - firstLength);
+    },
+    get$first(_) {
+      var t1 = this.__internal$_first,
+        t2 = J.getInterceptor$asx(t1);
+      if (t2.get$isNotEmpty(t1))
+        return t2.get$first(t1);
+      t1 = this._second;
+      return t1.get$first(t1);
+    },
+    get$last(_) {
+      var t1 = this._second;
+      if (t1.get$isNotEmpty(t1))
+        return t1.get$last(t1);
+      return J.get$last$ax(this.__internal$_first);
+    },
+    $isEfficientLengthIterable: 1
+  };
+  A.FollowedByIterator.prototype = {
+    moveNext$0() {
+      var t1, _this = this;
+      if (_this._currentIterator.moveNext$0())
+        return true;
+      t1 = _this._nextIterable;
+      if (t1 != null) {
+        t1 = t1.get$iterator(t1);
+        _this._currentIterator = t1;
+        _this._nextIterable = null;
+        return t1.moveNext$0();
+      }
+      return false;
+    },
+    get$current(_) {
+      var t1 = this._currentIterator;
+      return t1.get$current(t1);
+    }
+  };
+  A.WhereTypeIterable.prototype = {
+    get$iterator(_) {
+      return new A.WhereTypeIterator(J.get$iterator$ax(this._source), this.$ti._eval$1("WhereTypeIterator<1>"));
+    }
+  };
+  A.WhereTypeIterator.prototype = {
+    moveNext$0() {
+      var t1, t2;
+      for (t1 = this._source, t2 = this.$ti._precomputed1; t1.moveNext$0();)
+        if (t2._is(t1.get$current(t1)))
+          return true;
+      return false;
+    },
+    get$current(_) {
+      var t1 = this._source;
+      return this.$ti._precomputed1._as(t1.get$current(t1));
+    }
+  };
+  A.NonNullsIterable.prototype = {
+    get$_firstNonNull() {
+      var t1, element;
+      for (t1 = J.get$iterator$ax(this._source); t1.moveNext$0();) {
+        element = t1.get$current(t1);
+        if (element != null)
+          return element;
+      }
+      return null;
+    },
+    get$isEmpty(_) {
+      return this.get$_firstNonNull() == null;
+    },
+    get$isNotEmpty(_) {
+      return this.get$_firstNonNull() != null;
+    },
+    get$first(_) {
+      var t1 = this.get$_firstNonNull();
+      return t1 == null ? A.throwExpression(A.IterableElementError_noElement()) : t1;
+    },
+    get$iterator(_) {
+      return new A.NonNullsIterator(J.get$iterator$ax(this._source));
+    }
+  };
+  A.NonNullsIterator.prototype = {
+    moveNext$0() {
+      var t1, next;
+      this.__internal$_current = null;
+      for (t1 = this._source; t1.moveNext$0();) {
+        next = t1.get$current(t1);
+        if (next != null) {
+          this.__internal$_current = next;
+          return true;
+        }
+      }
+      return false;
+    },
+    get$current(_) {
+      var t1 = this.__internal$_current;
+      return t1 == null ? A.throwExpression(A.IterableElementError_noElement()) : t1;
+    }
+  };
+  A.FixedLengthListMixin.prototype = {
+    set$length(receiver, newLength) {
+      throw A.wrapException(A.UnsupportedError$("Cannot change the length of a fixed-length list"));
+    },
+    add$1(receiver, value) {
+      throw A.wrapException(A.UnsupportedError$("Cannot add to a fixed-length list"));
+    },
+    addAll$1(receiver, iterable) {
+      throw A.wrapException(A.UnsupportedError$("Cannot add to a fixed-length list"));
+    },
+    removeRange$2(receiver, start, end) {
+      throw A.wrapException(A.UnsupportedError$("Cannot remove from a fixed-length list"));
+    }
+  };
+  A.UnmodifiableListMixin.prototype = {
+    $indexSet(_, index, value) {
+      throw A.wrapException(A.UnsupportedError$("Cannot modify an unmodifiable list"));
+    },
+    set$length(_, newLength) {
+      throw A.wrapException(A.UnsupportedError$("Cannot change the length of an unmodifiable list"));
+    },
+    add$1(_, value) {
+      throw A.wrapException(A.UnsupportedError$("Cannot add to an unmodifiable list"));
+    },
+    addAll$1(_, iterable) {
+      throw A.wrapException(A.UnsupportedError$("Cannot add to an unmodifiable list"));
+    },
+    sort$1(_, compare) {
+      throw A.wrapException(A.UnsupportedError$("Cannot modify an unmodifiable list"));
+    },
+    setRange$4(_, start, end, iterable, skipCount) {
+      throw A.wrapException(A.UnsupportedError$("Cannot modify an unmodifiable list"));
+    },
+    removeRange$2(_, start, end) {
+      throw A.wrapException(A.UnsupportedError$("Cannot remove from an unmodifiable list"));
+    },
+    fillRange$3(_, start, end, fillValue) {
+      throw A.wrapException(A.UnsupportedError$("Cannot modify an unmodifiable list"));
+    }
+  };
+  A.UnmodifiableListBase.prototype = {};
+  A.ReversedListIterable.prototype = {
+    get$length(_) {
+      return J.get$length$asx(this._source);
+    },
+    elementAt$1(_, index) {
+      var t1 = this._source,
+        t2 = J.getInterceptor$asx(t1);
+      return t2.elementAt$1(t1, t2.get$length(t1) - 1 - index);
+    }
+  };
+  A.Symbol.prototype = {
+    get$hashCode(_) {
+      var hash = this._hashCode;
+      if (hash != null)
+        return hash;
+      hash = 664597 * B.JSString_methods.get$hashCode(this.__internal$_name) & 536870911;
+      this._hashCode = hash;
+      return hash;
+    },
+    toString$0(_) {
+      return 'Symbol("' + this.__internal$_name + '")';
+    },
+    $eq(_, other) {
+      if (other == null)
+        return false;
+      return other instanceof A.Symbol && this.__internal$_name === other.__internal$_name;
+    },
+    $isSymbol0: 1
+  };
+  A.__CastListBase__CastIterableBase_ListMixin.prototype = {};
+  A._Record_1.prototype = {$recipe: "+(1)", $shape: 1};
+  A._Record_2.prototype = {$recipe: "+(1,2)", $shape: 2};
+  A._Record_2_forImport.prototype = {$recipe: "+forImport(1,2)", $shape: 3};
+  A._Record_2_imports_modules.prototype = {$recipe: "+imports,modules(1,2)", $shape: 5};
+  A._Record_2_loadedUrls_stylesheet.prototype = {$recipe: "+loadedUrls,stylesheet(1,2)", $shape: 6};
+  A._Record_2_sourceMap.prototype = {$recipe: "+sourceMap(1,2)", $shape: 4};
+  A._Record_3.prototype = {$recipe: "+(1,2,3)", $shape: 7};
+  A._Record_3_deprecation_message_span.prototype = {
+    get$message(_) {
+      return this._1;
+    },
+    $recipe: "+deprecation,message,span(1,2,3)",
+    $shape: 11
+  };
+  A._Record_3_forImport.prototype = {$recipe: "+forImport(1,2,3)", $shape: 8};
+  A._Record_3_importer_isDependency.prototype = {$recipe: "+importer,isDependency(1,2,3)", $shape: 10};
+  A._Record_3_originalUrl.prototype = {$recipe: "+originalUrl(1,2,3)", $shape: 9};
+  A._Record_5_named_namedNodes_positional_positionalNodes_separator.prototype = {$recipe: "+named,namedNodes,positional,positionalNodes,separator(1,2,3,4,5)", $shape: 13};
+  A.ConstantMapView.prototype = {};
+  A.ConstantMap.prototype = {
+    cast$2$0(_, $RK, $RV) {
+      var t1 = A._instanceType(this);
+      return A.Map_castFrom(this, t1._precomputed1, t1._rest[1], $RK, $RV);
+    },
+    get$isEmpty(_) {
+      return this.get$length(this) === 0;
+    },
+    get$isNotEmpty(_) {
+      return this.get$length(this) !== 0;
+    },
+    toString$0(_) {
+      return A.MapBase_mapToString(this);
+    },
+    $indexSet(_, key, value) {
+      A.ConstantMap__throwUnmodifiable();
+    },
+    remove$1(_, key) {
+      A.ConstantMap__throwUnmodifiable();
+    },
+    addAll$1(_, other) {
+      A.ConstantMap__throwUnmodifiable();
+    },
+    get$entries(_) {
+      return new A._SyncStarIterable(this.entries$body$ConstantMap(0), A._instanceType(this)._eval$1("_SyncStarIterable<MapEntry<1,2>>"));
+    },
+    entries$body$ConstantMap($async$_) {
+      var $async$self = this;
+      return function() {
+        var _ = $async$_;
+        var $async$goto = 0, $async$handler = 1, $async$errorStack = [], t1, t2, key;
+        return function $async$get$entries($async$iterator, $async$errorCode, $async$result) {
+          if ($async$errorCode === 1) {
+            $async$errorStack.push($async$result);
+            $async$goto = $async$handler;
+          }
+          while (true)
+            switch ($async$goto) {
+              case 0:
+                // Function start
+                t1 = $async$self.get$keys($async$self), t1 = t1.get$iterator(t1), t2 = A._instanceType($async$self)._eval$1("MapEntry<1,2>");
+              case 2:
+                // for condition
+                if (!t1.moveNext$0()) {
+                  // goto after for
+                  $async$goto = 3;
+                  break;
+                }
+                key = t1.get$current(t1);
+                $async$goto = 4;
+                return $async$iterator._async$_current = new A.MapEntry(key, $async$self.$index(0, key), t2), 1;
+              case 4:
+                // after yield
+                // goto for condition
+                $async$goto = 2;
+                break;
+              case 3:
+                // after for
+                // implicit return
+                return 0;
+              case 1:
+                // rethrow
+                return $async$iterator._datum = $async$errorStack.at(-1), 3;
+            }
+        };
+      };
+    },
+    $isMap: 1
+  };
+  A.ConstantStringMap.prototype = {
+    get$length(_) {
+      return this._values.length;
+    },
+    get$_keys() {
+      var keys = this.$keys;
+      if (keys == null) {
+        keys = Object.keys(this._jsIndex);
+        this.$keys = keys;
+      }
+      return keys;
+    },
+    containsKey$1(key) {
+      if (typeof key != "string")
+        return false;
+      if ("__proto__" === key)
+        return false;
+      return this._jsIndex.hasOwnProperty(key);
+    },
+    $index(_, key) {
+      if (!this.containsKey$1(key))
+        return null;
+      return this._values[this._jsIndex[key]];
+    },
+    forEach$1(_, f) {
+      var t1, i,
+        keys = this.get$_keys(),
+        values = this._values;
+      for (t1 = keys.length, i = 0; i < t1; ++i)
+        f.call$2(keys[i], values[i]);
+    },
+    get$keys(_) {
+      return new A._KeysOrValues(this.get$_keys(), this.$ti._eval$1("_KeysOrValues<1>"));
+    },
+    get$values(_) {
+      return new A._KeysOrValues(this._values, this.$ti._eval$1("_KeysOrValues<2>"));
+    }
+  };
+  A._KeysOrValues.prototype = {
+    get$length(_) {
+      return this._elements.length;
+    },
+    get$isEmpty(_) {
+      return 0 === this._elements.length;
+    },
+    get$isNotEmpty(_) {
+      return 0 !== this._elements.length;
+    },
+    get$iterator(_) {
+      var t1 = this._elements;
+      return new A._KeysOrValuesOrElementsIterator(t1, t1.length, this.$ti._eval$1("_KeysOrValuesOrElementsIterator<1>"));
+    }
+  };
+  A._KeysOrValuesOrElementsIterator.prototype = {
+    get$current(_) {
+      var t1 = this.__js_helper$_current;
+      return t1 == null ? this.$ti._precomputed1._as(t1) : t1;
+    },
+    moveNext$0() {
+      var _this = this,
+        t1 = _this.__js_helper$_index;
+      if (t1 >= _this.__js_helper$_length) {
+        _this.__js_helper$_current = null;
+        return false;
+      }
+      _this.__js_helper$_current = _this._elements[t1];
+      _this.__js_helper$_index = t1 + 1;
+      return true;
+    }
+  };
+  A.ConstantSet.prototype = {
+    add$1(_, value) {
+      A.ConstantSet__throwUnmodifiable();
+    },
+    addAll$1(_, elements) {
+      A.ConstantSet__throwUnmodifiable();
+    },
+    remove$1(_, value) {
+      A.ConstantSet__throwUnmodifiable();
+    }
+  };
+  A.ConstantStringSet.prototype = {
+    get$length(_) {
+      return this.__js_helper$_length;
+    },
+    get$isEmpty(_) {
+      return this.__js_helper$_length === 0;
+    },
+    get$isNotEmpty(_) {
+      return this.__js_helper$_length !== 0;
+    },
+    get$iterator(_) {
+      var t1, _this = this,
+        keys = _this.$keys;
+      if (keys == null) {
+        keys = Object.keys(_this._jsIndex);
+        _this.$keys = keys;
+      }
+      t1 = keys;
+      return new A._KeysOrValuesOrElementsIterator(t1, t1.length, _this.$ti._eval$1("_KeysOrValuesOrElementsIterator<1>"));
+    },
+    contains$1(_, key) {
+      if (typeof key != "string")
+        return false;
+      if ("__proto__" === key)
+        return false;
+      return this._jsIndex.hasOwnProperty(key);
+    },
+    toSet$0(_) {
+      return A.LinkedHashSet_LinkedHashSet$of(this, this.$ti._precomputed1);
+    }
+  };
+  A.GeneralConstantSet.prototype = {
+    get$length(_) {
+      return this._elements.length;
+    },
+    get$isEmpty(_) {
+      return this._elements.length === 0;
+    },
+    get$isNotEmpty(_) {
+      return this._elements.length !== 0;
+    },
+    get$iterator(_) {
+      var t1 = this._elements;
+      return new A._KeysOrValuesOrElementsIterator(t1, t1.length, this.$ti._eval$1("_KeysOrValuesOrElementsIterator<1>"));
+    },
+    _getMap$0() {
+      var t1, t2, _i, key, _this = this,
+        backingMap = _this.$map;
+      if (backingMap == null) {
+        backingMap = new A.JsConstantLinkedHashMap(_this.$ti._eval$1("JsConstantLinkedHashMap<1,1>"));
+        for (t1 = _this._elements, t2 = t1.length, _i = 0; _i < t1.length; t1.length === t2 || (0, A.throwConcurrentModificationError)(t1), ++_i) {
+          key = t1[_i];
+          backingMap.$indexSet(0, key, key);
+        }
+        _this.$map = backingMap;
+      }
+      return backingMap;
+    },
+    contains$1(_, key) {
+      return this._getMap$0().containsKey$1(key);
+    },
+    toSet$0(_) {
+      return A.LinkedHashSet_LinkedHashSet$of(this, this.$ti._precomputed1);
+    }
+  };
+  A.Instantiation.prototype = {
+    Instantiation$1(_genericClosure) {
+      if (false)
+        A.instantiatedGenericFunctionType(0, 0);
+    },
+    $eq(_, other) {
+      if (other == null)
+        return false;
+      return other instanceof A.Instantiation1 && this._genericClosure.$eq(0, other._genericClosure) && A.getRuntimeTypeOfClosure(this) === A.getRuntimeTypeOfClosure(other);
+    },
+    get$hashCode(_) {
+      return A.Object_hash(this._genericClosure, A.getRuntimeTypeOfClosure(this), B.C_SentinelValue, B.C_SentinelValue);
+    },
+    toString$0(_) {
+      var t1 = B.JSArray_methods.join$1([A.createRuntimeType(this.$ti._precomputed1)], ", ");
+      return this._genericClosure.toString$0(0) + " with " + ("<" + t1 + ">");
+    }
+  };
+  A.Instantiation1.prototype = {
+    call$0() {
+      return this._genericClosure.call$1$0(this.$ti._rest[0]);
+    },
+    call$2(a0, a1) {
+      return this._genericClosure.call$1$2(a0, a1, this.$ti._rest[0]);
+    },
+    call$3(a0, a1, a2) {
+      return this._genericClosure.call$1$3(a0, a1, a2, this.$ti._rest[0]);
+    },
+    call$4(a0, a1, a2, a3) {
+      return this._genericClosure.call$1$4(a0, a1, a2, a3, this.$ti._rest[0]);
+    },
+    $signature() {
+      return A.instantiatedGenericFunctionType(A.closureFunctionType(this._genericClosure), this.$ti);
+    }
+  };
+  A.JSInvocationMirror.prototype = {
+    get$memberName() {
+      var t1 = this.__js_helper$_memberName;
+      if (t1 instanceof A.Symbol)
+        return t1;
+      return this.__js_helper$_memberName = new A.Symbol(t1);
+    },
+    get$positionalArguments() {
+      var t1, t2, argumentCount, list, index, _this = this;
+      if (_this.__js_helper$_kind === 1)
+        return B.List_empty6;
+      t1 = _this._arguments;
+      t2 = J.getInterceptor$asx(t1);
+      argumentCount = t2.get$length(t1) - J.get$length$asx(_this._namedArgumentNames) - _this._typeArgumentCount;
+      if (argumentCount === 0)
+        return B.List_empty6;
+      list = [];
+      for (index = 0; index < argumentCount; ++index)
+        list.push(t2.$index(t1, index));
+      list.$flags = 3;
+      return list;
+    },
+    get$namedArguments() {
+      var t1, t2, namedArgumentCount, t3, t4, namedArgumentsStartIndex, map, i, _this = this;
+      if (_this.__js_helper$_kind !== 0)
+        return B.Map_empty2;
+      t1 = _this._namedArgumentNames;
+      t2 = J.getInterceptor$asx(t1);
+      namedArgumentCount = t2.get$length(t1);
+      t3 = _this._arguments;
+      t4 = J.getInterceptor$asx(t3);
+      namedArgumentsStartIndex = t4.get$length(t3) - namedArgumentCount - _this._typeArgumentCount;
+      if (namedArgumentCount === 0)
+        return B.Map_empty2;
+      map = new A.JsLinkedHashMap(type$.JsLinkedHashMap_Symbol_dynamic);
+      for (i = 0; i < namedArgumentCount; ++i)
+        map.$indexSet(0, new A.Symbol(t2.$index(t1, i)), t4.$index(t3, namedArgumentsStartIndex + i));
+      return new A.ConstantMapView(map, type$.ConstantMapView_Symbol_dynamic);
+    }
+  };
+  A.Primitives_functionNoSuchMethod_closure.prototype = {
+    call$2($name, argument) {
+      var t1 = this._box_0;
+      t1.names = t1.names + "$" + $name;
+      this.namedArgumentList.push($name);
+      this.$arguments.push(argument);
+      ++t1.argumentCount;
+    },
+    $signature: 134
+  };
+  A.SafeToStringHook.prototype = {};
+  A.TypeErrorDecoder.prototype = {
+    matchTypeError$1(message) {
+      var result, t1, _this = this,
+        match = new RegExp(_this._pattern).exec(message);
+      if (match == null)
+        return null;
+      result = Object.create(null);
+      t1 = _this._arguments;
+      if (t1 !== -1)
+        result.arguments = match[t1 + 1];
+      t1 = _this._argumentsExpr;
+      if (t1 !== -1)
+        result.argumentsExpr = match[t1 + 1];
+      t1 = _this._expr;
+      if (t1 !== -1)
+        result.expr = match[t1 + 1];
+      t1 = _this._method;
+      if (t1 !== -1)
+        result.method = match[t1 + 1];
+      t1 = _this._receiver;
+      if (t1 !== -1)
+        result.receiver = match[t1 + 1];
+      return result;
+    }
+  };
+  A.NullError.prototype = {
+    toString$0(_) {
+      return "Null check operator used on a null value";
+    }
+  };
+  A.JsNoSuchMethodError.prototype = {
+    toString$0(_) {
+      var t2, _this = this,
+        _s38_ = "NoSuchMethodError: method not found: '",
+        t1 = _this._method;
+      if (t1 == null)
+        return "NoSuchMethodError: " + _this.__js_helper$_message;
+      t2 = _this._receiver;
+      if (t2 == null)
+        return _s38_ + t1 + "' (" + _this.__js_helper$_message + ")";
+      return _s38_ + t1 + "' on '" + t2 + "' (" + _this.__js_helper$_message + ")";
+    }
+  };
+  A.UnknownJsTypeError.prototype = {
+    toString$0(_) {
+      var t1 = this.__js_helper$_message;
+      return t1.length === 0 ? "Error" : "Error: " + t1;
+    }
+  };
+  A.NullThrownFromJavaScriptException.prototype = {
+    toString$0(_) {
+      return "Throw of null ('" + (this._irritant === null ? "null" : "undefined") + "' from JavaScript)";
+    },
+    $isException: 1
+  };
+  A.ExceptionAndStackTrace.prototype = {};
+  A._StackTrace.prototype = {
+    toString$0(_) {
+      var trace,
+        t1 = this._trace;
+      if (t1 != null)
+        return t1;
+      t1 = this._exception;
+      trace = t1 !== null && typeof t1 === "object" ? t1.stack : null;
+      return this._trace = trace == null ? "" : trace;
+    },
+    $isStackTrace: 1
+  };
+  A.Closure.prototype = {
+    toString$0(_) {
+      var $constructor = this.constructor,
+        $name = $constructor == null ? null : $constructor.name;
+      return "Closure '" + A.unminifyOrTag($name == null ? "unknown" : $name) + "'";
+    },
+    $isFunction: 1,
+    get$$call() {
+      return this;
+    },
+    "call*": "call$1",
+    $requiredArgCount: 1,
+    $defaultValues: null
+  };
+  A.Closure0Args.prototype = {"call*": "call$0", $requiredArgCount: 0};
+  A.Closure2Args.prototype = {"call*": "call$2", $requiredArgCount: 2};
+  A.TearOffClosure.prototype = {};
+  A.StaticClosure.prototype = {
+    toString$0(_) {
+      var $name = this.$static_name;
+      if ($name == null)
+        return "Closure of unknown static method";
+      return "Closure '" + A.unminifyOrTag($name) + "'";
+    }
+  };
+  A.BoundClosure.prototype = {
+    $eq(_, other) {
+      if (other == null)
+        return false;
+      if (this === other)
+        return true;
+      if (!(other instanceof A.BoundClosure))
+        return false;
+      return this.$_target === other.$_target && this._receiver === other._receiver;
+    },
+    get$hashCode(_) {
+      return (A.objectHashCode(this._receiver) ^ A.Primitives_objectHashCode(this.$_target)) >>> 0;
+    },
+    toString$0(_) {
+      return "Closure '" + this.$_name + "' of " + ("Instance of '" + A.Primitives_objectTypeName(this._receiver) + "'");
+    }
+  };
+  A.RuntimeError.prototype = {
+    toString$0(_) {
+      return "RuntimeError: " + this.message;
+    },
+    get$message(receiver) {
+      return this.message;
+    }
+  };
+  A._Required.prototype = {};
+  A.JsLinkedHashMap.prototype = {
+    get$length(_) {
+      return this.__js_helper$_length;
+    },
+    get$isEmpty(_) {
+      return this.__js_helper$_length === 0;
+    },
+    get$isNotEmpty(_) {
+      return this.__js_helper$_length !== 0;
+    },
+    get$keys(_) {
+      return new A.LinkedHashMapKeysIterable(this, A._instanceType(this)._eval$1("LinkedHashMapKeysIterable<1>"));
+    },
+    get$values(_) {
+      return new A.LinkedHashMapValuesIterable(this, A._instanceType(this)._eval$1("LinkedHashMapValuesIterable<2>"));
+    },
+    get$entries(_) {
+      return new A.LinkedHashMapEntriesIterable(this, A._instanceType(this)._eval$1("LinkedHashMapEntriesIterable<1,2>"));
+    },
+    containsKey$1(key) {
+      var strings, nums;
+      if (typeof key == "string") {
+        strings = this._strings;
+        if (strings == null)
+          return false;
+        return strings[key] != null;
+      } else if (typeof key == "number" && (key & 0x3fffffff) === key) {
+        nums = this._nums;
+        if (nums == null)
+          return false;
+        return nums[key] != null;
+      } else
+        return this.internalContainsKey$1(key);
+    },
+    internalContainsKey$1(key) {
+      var rest = this.__js_helper$_rest;
+      if (rest == null)
+        return false;
+      return this.internalFindBucketIndex$2(rest[this.internalComputeHashCode$1(key)], key) >= 0;
+    },
+    addAll$1(_, other) {
+      other.forEach$1(0, new A.JsLinkedHashMap_addAll_closure(this));
+    },
+    $index(_, key) {
+      var strings, cell, t1, nums, _null = null;
+      if (typeof key == "string") {
+        strings = this._strings;
+        if (strings == null)
+          return _null;
+        cell = strings[key];
+        t1 = cell == null ? _null : cell.hashMapCellValue;
+        return t1;
+      } else if (typeof key == "number" && (key & 0x3fffffff) === key) {
+        nums = this._nums;
+        if (nums == null)
+          return _null;
+        cell = nums[key];
+        t1 = cell == null ? _null : cell.hashMapCellValue;
+        return t1;
+      } else
+        return this.internalGet$1(key);
+    },
+    internalGet$1(key) {
+      var bucket, index,
+        rest = this.__js_helper$_rest;
+      if (rest == null)
+        return null;
+      bucket = rest[this.internalComputeHashCode$1(key)];
+      index = this.internalFindBucketIndex$2(bucket, key);
+      if (index < 0)
+        return null;
+      return bucket[index].hashMapCellValue;
+    },
+    $indexSet(_, key, value) {
+      var strings, nums, _this = this;
+      if (typeof key == "string") {
+        strings = _this._strings;
+        _this._addHashTableEntry$3(strings == null ? _this._strings = _this._newHashTable$0() : strings, key, value);
+      } else if (typeof key == "number" && (key & 0x3fffffff) === key) {
+        nums = _this._nums;
+        _this._addHashTableEntry$3(nums == null ? _this._nums = _this._newHashTable$0() : nums, key, value);
+      } else
+        _this.internalSet$2(key, value);
+    },
+    internalSet$2(key, value) {
+      var hash, bucket, index, _this = this,
+        rest = _this.__js_helper$_rest;
+      if (rest == null)
+        rest = _this.__js_helper$_rest = _this._newHashTable$0();
+      hash = _this.internalComputeHashCode$1(key);
+      bucket = rest[hash];
+      if (bucket == null)
+        rest[hash] = [_this._newLinkedCell$2(key, value)];
+      else {
+        index = _this.internalFindBucketIndex$2(bucket, key);
+        if (index >= 0)
+          bucket[index].hashMapCellValue = value;
+        else
+          bucket.push(_this._newLinkedCell$2(key, value));
+      }
+    },
+    putIfAbsent$2(key, ifAbsent) {
+      var t1, value, _this = this;
+      if (_this.containsKey$1(key)) {
+        t1 = _this.$index(0, key);
+        return t1 == null ? A._instanceType(_this)._rest[1]._as(t1) : t1;
+      }
+      value = ifAbsent.call$0();
+      _this.$indexSet(0, key, value);
+      return value;
+    },
+    remove$1(_, key) {
+      var _this = this;
+      if (typeof key == "string")
+        return _this.__js_helper$_removeHashTableEntry$2(_this._strings, key);
+      else if (typeof key == "number" && (key & 0x3fffffff) === key)
+        return _this.__js_helper$_removeHashTableEntry$2(_this._nums, key);
+      else
+        return _this.internalRemove$1(key);
+    },
+    internalRemove$1(key) {
+      var hash, bucket, index, cell, _this = this,
+        rest = _this.__js_helper$_rest;
+      if (rest == null)
+        return null;
+      hash = _this.internalComputeHashCode$1(key);
+      bucket = rest[hash];
+      index = _this.internalFindBucketIndex$2(bucket, key);
+      if (index < 0)
+        return null;
+      cell = bucket.splice(index, 1)[0];
+      _this.__js_helper$_unlinkCell$1(cell);
+      if (bucket.length === 0)
+        delete rest[hash];
+      return cell.hashMapCellValue;
+    },
+    clear$0(_) {
+      var _this = this;
+      if (_this.__js_helper$_length > 0) {
+        _this._strings = _this._nums = _this.__js_helper$_rest = _this._first = _this._last = null;
+        _this.__js_helper$_length = 0;
+        _this._modified$0();
+      }
+    },
+    forEach$1(_, action) {
+      var _this = this,
+        cell = _this._first,
+        modifications = _this._modifications;
+      for (; cell != null;) {
+        action.call$2(cell.hashMapCellKey, cell.hashMapCellValue);
+        if (modifications !== _this._modifications)
+          throw A.wrapException(A.ConcurrentModificationError$(_this));
+        cell = cell._next;
+      }
+    },
+    _addHashTableEntry$3(table, key, value) {
+      var cell = table[key];
+      if (cell == null)
+        table[key] = this._newLinkedCell$2(key, value);
+      else
+        cell.hashMapCellValue = value;
+    },
+    __js_helper$_removeHashTableEntry$2(table, key) {
+      var cell;
+      if (table == null)
+        return null;
+      cell = table[key];
+      if (cell == null)
+        return null;
+      this.__js_helper$_unlinkCell$1(cell);
+      delete table[key];
+      return cell.hashMapCellValue;
+    },
+    _modified$0() {
+      this._modifications = this._modifications + 1 & 1073741823;
+    },
+    _newLinkedCell$2(key, value) {
+      var t1, _this = this,
+        cell = new A.LinkedHashMapCell(key, value);
+      if (_this._first == null)
+        _this._first = _this._last = cell;
+      else {
+        t1 = _this._last;
+        t1.toString;
+        cell._previous = t1;
+        _this._last = t1._next = cell;
+      }
+      ++_this.__js_helper$_length;
+      _this._modified$0();
+      return cell;
+    },
+    __js_helper$_unlinkCell$1(cell) {
+      var _this = this,
+        previous = cell._previous,
+        next = cell._next;
+      if (previous == null)
+        _this._first = next;
+      else
+        previous._next = next;
+      if (next == null)
+        _this._last = previous;
+      else
+        next._previous = previous;
+      --_this.__js_helper$_length;
+      _this._modified$0();
+    },
+    internalComputeHashCode$1(key) {
+      return J.get$hashCode$(key) & 1073741823;
+    },
+    internalFindBucketIndex$2(bucket, key) {
+      var $length, i;
+      if (bucket == null)
+        return -1;
+      $length = bucket.length;
+      for (i = 0; i < $length; ++i)
+        if (J.$eq$(bucket[i].hashMapCellKey, key))
+          return i;
+      return -1;
+    },
+    toString$0(_) {
+      return A.MapBase_mapToString(this);
+    },
+    _newHashTable$0() {
+      var table = Object.create(null);
+      table["<non-identifier-key>"] = table;
+      delete table["<non-identifier-key>"];
+      return table;
+    }
+  };
+  A.JsLinkedHashMap_addAll_closure.prototype = {
+    call$2(key, value) {
+      this.$this.$indexSet(0, key, value);
+    },
+    $signature() {
+      return A._instanceType(this.$this)._eval$1("~(1,2)");
+    }
+  };
+  A.LinkedHashMapCell.prototype = {};
+  A.LinkedHashMapKeysIterable.prototype = {
+    get$length(_) {
+      return this.__js_helper$_map.__js_helper$_length;
+    },
+    get$isEmpty(_) {
+      return this.__js_helper$_map.__js_helper$_length === 0;
+    },
+    get$iterator(_) {
+      var t1 = this.__js_helper$_map;
+      return new A.LinkedHashMapKeyIterator(t1, t1._modifications, t1._first);
+    },
+    contains$1(_, element) {
+      return this.__js_helper$_map.containsKey$1(element);
+    }
+  };
+  A.LinkedHashMapKeyIterator.prototype = {
+    get$current(_) {
+      return this.__js_helper$_current;
+    },
+    moveNext$0() {
+      var cell, _this = this,
+        t1 = _this.__js_helper$_map;
+      if (_this._modifications !== t1._modifications)
+        throw A.wrapException(A.ConcurrentModificationError$(t1));
+      cell = _this._cell;
+      if (cell == null) {
+        _this.__js_helper$_current = null;
+        return false;
+      } else {
+        _this.__js_helper$_current = cell.hashMapCellKey;
+        _this._cell = cell._next;
+        return true;
+      }
+    }
+  };
+  A.LinkedHashMapValuesIterable.prototype = {
+    get$length(_) {
+      return this.__js_helper$_map.__js_helper$_length;
+    },
+    get$isEmpty(_) {
+      return this.__js_helper$_map.__js_helper$_length === 0;
+    },
+    get$iterator(_) {
+      var t1 = this.__js_helper$_map;
+      return new A.LinkedHashMapValueIterator(t1, t1._modifications, t1._first);
+    }
+  };
+  A.LinkedHashMapValueIterator.prototype = {
+    get$current(_) {
+      return this.__js_helper$_current;
+    },
+    moveNext$0() {
+      var cell, _this = this,
+        t1 = _this.__js_helper$_map;
+      if (_this._modifications !== t1._modifications)
+        throw A.wrapException(A.ConcurrentModificationError$(t1));
+      cell = _this._cell;
+      if (cell == null) {
+        _this.__js_helper$_current = null;
+        return false;
+      } else {
+        _this.__js_helper$_current = cell.hashMapCellValue;
+        _this._cell = cell._next;
+        return true;
+      }
+    }
+  };
+  A.LinkedHashMapEntriesIterable.prototype = {
+    get$length(_) {
+      return this.__js_helper$_map.__js_helper$_length;
+    },
+    get$isEmpty(_) {
+      return this.__js_helper$_map.__js_helper$_length === 0;
+    },
+    get$iterator(_) {
+      var t1 = this.__js_helper$_map;
+      return new A.LinkedHashMapEntryIterator(t1, t1._modifications, t1._first, this.$ti._eval$1("LinkedHashMapEntryIterator<1,2>"));
+    }
+  };
+  A.LinkedHashMapEntryIterator.prototype = {
+    get$current(_) {
+      var t1 = this.__js_helper$_current;
+      t1.toString;
+      return t1;
+    },
+    moveNext$0() {
+      var cell, _this = this,
+        t1 = _this.__js_helper$_map;
+      if (_this._modifications !== t1._modifications)
+        throw A.wrapException(A.ConcurrentModificationError$(t1));
+      cell = _this._cell;
+      if (cell == null) {
+        _this.__js_helper$_current = null;
+        return false;
+      } else {
+        _this.__js_helper$_current = new A.MapEntry(cell.hashMapCellKey, cell.hashMapCellValue, _this.$ti._eval$1("MapEntry<1,2>"));
+        _this._cell = cell._next;
+        return true;
+      }
+    }
+  };
+  A.JsIdentityLinkedHashMap.prototype = {
+    internalComputeHashCode$1(key) {
+      return A.objectHashCode(key) & 1073741823;
+    },
+    internalFindBucketIndex$2(bucket, key) {
+      var $length, i, t1;
+      if (bucket == null)
+        return -1;
+      $length = bucket.length;
+      for (i = 0; i < $length; ++i) {
+        t1 = bucket[i].hashMapCellKey;
+        if (t1 == null ? key == null : t1 === key)
+          return i;
+      }
+      return -1;
+    }
+  };
+  A.JsConstantLinkedHashMap.prototype = {
+    internalComputeHashCode$1(key) {
+      return A.constantHashCode(key) & 1073741823;
+    },
+    internalFindBucketIndex$2(bucket, key) {
+      var $length, i;
+      if (bucket == null)
+        return -1;
+      $length = bucket.length;
+      for (i = 0; i < $length; ++i)
+        if (J.$eq$(bucket[i].hashMapCellKey, key))
+          return i;
+      return -1;
+    }
+  };
+  A.initHooks_closure.prototype = {
+    call$1(o) {
+      return this.getTag(o);
+    },
+    $signature: 100
+  };
+  A.initHooks_closure0.prototype = {
+    call$2(o, tag) {
+      return this.getUnknownTag(o, tag);
+    },
+    $signature: 566
+  };
+  A.initHooks_closure1.prototype = {
+    call$1(tag) {
+      return this.prototypeForTag(tag);
+    },
+    $signature: 144
+  };
+  A._Record.prototype = {
+    toString$0(_) {
+      return this._toString$1(false);
+    },
+    _toString$1(safe) {
+      var t2, separator, i, key, value,
+        keys = this._fieldKeys$0(),
+        values = this._getFieldValues$0(),
+        t1 = (safe ? "Record " : "") + "(";
+      for (t2 = keys.length, separator = "", i = 0; i < t2; ++i, separator = ", ") {
+        t1 += separator;
+        key = keys[i];
+        if (typeof key == "string")
+          t1 = t1 + key + ": ";
+        value = values[i];
+        t1 = safe ? t1 + A.Primitives_safeToString(value) : t1 + A.S(value);
+      }
+      t1 += ")";
+      return t1.charCodeAt(0) == 0 ? t1 : t1;
+    },
+    _fieldKeys$0() {
+      var t1,
+        shapeTag = this.$shape;
+      for (; $._Record__computedFieldKeys.length <= shapeTag;)
+        $._Record__computedFieldKeys.push(null);
+      t1 = $._Record__computedFieldKeys[shapeTag];
+      if (t1 == null) {
+        t1 = this._computeFieldKeys$0();
+        $._Record__computedFieldKeys[shapeTag] = t1;
+      }
+      return t1;
+    },
+    _computeFieldKeys$0() {
+      var i, names, last,
+        recipe = this.$recipe,
+        position = recipe.indexOf("("),
+        joinedNames = recipe.substring(1, position),
+        fields = recipe.substring(position),
+        arity = fields === "()" ? 0 : fields.replace(/[^,]/g, "").length + 1,
+        t1 = type$.Object,
+        result = J.JSArray_JSArray$allocateGrowable(arity, t1);
+      for (i = 0; i < arity; ++i)
+        result[i] = i;
+      if (joinedNames !== "") {
+        names = joinedNames.split(",");
+        i = names.length;
+        for (last = arity; i > 0;) {
+          --last;
+          --i;
+          result[last] = names[i];
+        }
+      }
+      return A.List_List$unmodifiable(result, t1);
+    }
+  };
+  A._Record2.prototype = {
+    _getFieldValues$0() {
+      return [this._0, this._1];
+    },
+    $eq(_, other) {
+      if (other == null)
+        return false;
+      return other instanceof A._Record2 && this.$shape === other.$shape && J.$eq$(this._0, other._0) && J.$eq$(this._1, other._1);
+    },
+    get$hashCode(_) {
+      return A.Object_hash(this.$shape, this._0, this._1, B.C_SentinelValue);
+    }
+  };
+  A._Record1.prototype = {
+    _getFieldValues$0() {
+      return [this._0];
+    },
+    $eq(_, other) {
+      if (other == null)
+        return false;
+      return other instanceof A._Record1 && this.$shape === other.$shape && J.$eq$(this._0, other._0);
+    },
+    get$hashCode(_) {
+      return A.Object_hash(this.$shape, this._0, B.C_SentinelValue, B.C_SentinelValue);
+    }
+  };
+  A._Record3.prototype = {
+    _getFieldValues$0() {
+      return [this._0, this._1, this._2];
+    },
+    $eq(_, other) {
+      var _this = this;
+      if (other == null)
+        return false;
+      return other instanceof A._Record3 && _this.$shape === other.$shape && J.$eq$(_this._0, other._0) && J.$eq$(_this._1, other._1) && J.$eq$(_this._2, other._2);
+    },
+    get$hashCode(_) {
+      var _this = this;
+      return A.Object_hash(_this.$shape, _this._0, _this._1, _this._2);
+    }
+  };
+  A._RecordN.prototype = {
+    _getFieldValues$0() {
+      return this._values;
+    },
+    $eq(_, other) {
+      if (other == null)
+        return false;
+      return other instanceof A._RecordN && this.$shape === other.$shape && A._RecordN__equalValues(this._values, other._values);
+    },
+    get$hashCode(_) {
+      return A.Object_hash(this.$shape, A.Object_hashAll(this._values), B.C_SentinelValue, B.C_SentinelValue);
+    }
+  };
+  A.JSSyntaxRegExp.prototype = {
+    toString$0(_) {
+      return "RegExp/" + this.pattern + "/" + this._nativeRegExp.flags;
+    },
+    get$_nativeGlobalVersion() {
+      var _this = this,
+        t1 = _this._nativeGlobalRegExp;
+      if (t1 != null)
+        return t1;
+      t1 = _this._nativeRegExp;
+      return _this._nativeGlobalRegExp = A.JSSyntaxRegExp_makeNative(_this.pattern, t1.multiline, !t1.ignoreCase, t1.unicode, t1.dotAll, "g");
+    },
+    get$_nativeAnchoredVersion() {
+      var _this = this,
+        t1 = _this._nativeAnchoredRegExp;
+      if (t1 != null)
+        return t1;
+      t1 = _this._nativeRegExp;
+      return _this._nativeAnchoredRegExp = A.JSSyntaxRegExp_makeNative(_this.pattern, t1.multiline, !t1.ignoreCase, t1.unicode, t1.dotAll, "y");
+    },
+    _computeHasCaptures$0() {
+      var t2,
+        t1 = this.pattern;
+      if (!B.JSString_methods.contains$1(t1, "("))
+        return false;
+      t2 = this._nativeRegExp.unicode ? "u" : "";
+      return new RegExp("(?:)|" + t1, t2).exec("").length > 1;
+    },
+    firstMatch$1(string) {
+      var m = this._nativeRegExp.exec(string);
+      if (m == null)
+        return null;
+      return new A._MatchImplementation(m);
+    },
+    allMatches$2(_, string, start) {
+      var t1 = string.length;
+      if (start > t1)
+        throw A.wrapException(A.RangeError$range(start, 0, t1, null, null));
+      return new A._AllMatchesIterable(this, string, start);
+    },
+    allMatches$1(_, string) {
+      return this.allMatches$2(0, string, 0);
+    },
+    _execGlobal$2(string, start) {
+      var match,
+        regexp = this.get$_nativeGlobalVersion();
+      regexp.lastIndex = start;
+      match = regexp.exec(string);
+      if (match == null)
+        return null;
+      return new A._MatchImplementation(match);
+    },
+    _execAnchored$2(string, start) {
+      var match,
+        regexp = this.get$_nativeAnchoredVersion();
+      regexp.lastIndex = start;
+      match = regexp.exec(string);
+      if (match == null)
+        return null;
+      return new A._MatchImplementation(match);
+    },
+    matchAsPrefix$2(_, string, start) {
+      if (start < 0 || start > string.length)
+        throw A.wrapException(A.RangeError$range(start, 0, string.length, null, null));
+      return this._execAnchored$2(string, start);
+    }
+  };
+  A._MatchImplementation.prototype = {
+    get$start(_) {
+      return this._match.index;
+    },
+    get$end(_) {
+      var t1 = this._match;
+      return t1.index + t1[0].length;
+    },
+    namedGroup$1($name) {
+      var result,
+        groups = this._match.groups;
+      if (groups != null) {
+        result = groups[$name];
+        if (result != null || $name in groups)
+          return result;
+      }
+      throw A.wrapException(A.ArgumentError$value($name, "name", "Not a capture group name"));
+    },
+    $isMatch: 1,
+    $isRegExpMatch: 1
+  };
+  A._AllMatchesIterable.prototype = {
+    get$iterator(_) {
+      return new A._AllMatchesIterator(this._re, this.__js_helper$_string, this.__js_helper$_start);
+    }
+  };
+  A._AllMatchesIterator.prototype = {
+    get$current(_) {
+      var t1 = this.__js_helper$_current;
+      return t1 == null ? type$.RegExpMatch._as(t1) : t1;
+    },
+    moveNext$0() {
+      var t1, t2, t3, match, nextIndex, t4, _this = this,
+        string = _this.__js_helper$_string;
+      if (string == null)
+        return false;
+      t1 = _this._nextIndex;
+      t2 = string.length;
+      if (t1 <= t2) {
+        t3 = _this._regExp;
+        match = t3._execGlobal$2(string, t1);
+        if (match != null) {
+          _this.__js_helper$_current = match;
+          nextIndex = match.get$end(0);
+          if (match._match.index === nextIndex) {
+            t1 = false;
+            if (t3._nativeRegExp.unicode) {
+              t3 = _this._nextIndex;
+              t4 = t3 + 1;
+              if (t4 < t2) {
+                t2 = string.charCodeAt(t3);
+                if (t2 >= 55296 && t2 <= 56319) {
+                  t1 = string.charCodeAt(t4);
+                  t1 = t1 >= 56320 && t1 <= 57343;
+                }
+              }
+            }
+            nextIndex = (t1 ? nextIndex + 1 : nextIndex) + 1;
+          }
+          _this._nextIndex = nextIndex;
+          return true;
+        }
+      }
+      _this.__js_helper$_string = _this.__js_helper$_current = null;
+      return false;
+    }
+  };
+  A.StringMatch.prototype = {
+    get$end(_) {
+      return this.start + this.pattern.length;
+    },
+    $isMatch: 1,
+    get$start(receiver) {
+      return this.start;
+    }
+  };
+  A._StringAllMatchesIterable.prototype = {
+    get$iterator(_) {
+      return new A._StringAllMatchesIterator(this._input, this._pattern, this.__js_helper$_index);
+    },
+    get$first(_) {
+      var t1 = this._pattern,
+        index = this._input.indexOf(t1, this.__js_helper$_index);
+      if (index >= 0)
+        return new A.StringMatch(index, t1);
+      throw A.wrapException(A.IterableElementError_noElement());
+    }
+  };
+  A._StringAllMatchesIterator.prototype = {
+    moveNext$0() {
+      var index, end, _this = this,
+        t1 = _this.__js_helper$_index,
+        t2 = _this._pattern,
+        t3 = t2.length,
+        t4 = _this._input,
+        t5 = t4.length;
+      if (t1 + t3 > t5) {
+        _this.__js_helper$_current = null;
+        return false;
+      }
+      index = t4.indexOf(t2, t1);
+      if (index < 0) {
+        _this.__js_helper$_index = t5 + 1;
+        _this.__js_helper$_current = null;
+        return false;
+      }
+      end = index + t3;
+      _this.__js_helper$_current = new A.StringMatch(index, t2);
+      _this.__js_helper$_index = end === _this.__js_helper$_index ? end + 1 : end;
+      return true;
+    },
+    get$current(_) {
+      var t1 = this.__js_helper$_current;
+      t1.toString;
+      return t1;
+    }
+  };
+  A._Cell.prototype = {
+    readLocal$1$0() {
+      var t1 = this.__late_helper$_value;
+      if (t1 === this)
+        A.throwExpression(new A.LateError("Local '' has not been initialized."));
+      return t1;
+    },
+    readLocal$0() {
+      return this.readLocal$1$0(type$.dynamic);
+    },
+    _readLocal$0() {
+      var t1 = this.__late_helper$_value;
+      if (t1 === this)
+        throw A.wrapException(new A.LateError("Local '' has not been initialized."));
+      return t1;
+    }
+  };
+  A.NativeByteBuffer.prototype = {
+    get$runtimeType(receiver) {
+      return B.Type_ByteBuffer_rqD;
+    },
+    $isTrustedGetRuntimeType: 1,
+    $isByteBuffer: 1
+  };
+  A.NativeTypedData.prototype = {
+    _invalidPosition$3(receiver, position, $length, $name) {
+      var t1 = A.RangeError$range(position, 0, $length, $name, null);
+      throw A.wrapException(t1);
+    },
+    _checkPosition$3(receiver, position, $length, $name) {
+      if (position >>> 0 !== position || position > $length)
+        this._invalidPosition$3(receiver, position, $length, $name);
+    }
+  };
+  A.NativeByteData.prototype = {
+    get$runtimeType(receiver) {
+      return B.Type_ByteData_9dB;
+    },
+    $isTrustedGetRuntimeType: 1,
+    $isByteData: 1
+  };
+  A.NativeTypedArray.prototype = {
+    get$length(receiver) {
+      return receiver.length;
+    },
+    _setRangeFast$4(receiver, start, end, source, skipCount) {
+      var count, sourceLength,
+        targetLength = receiver.length;
+      this._checkPosition$3(receiver, start, targetLength, "start");
+      this._checkPosition$3(receiver, end, targetLength, "end");
+      if (start > end)
+        throw A.wrapException(A.RangeError$range(start, 0, end, null, null));
+      count = end - start;
+      if (skipCount < 0)
+        throw A.wrapException(A.ArgumentError$(skipCount, null));
+      sourceLength = source.length;
+      if (sourceLength - skipCount < count)
+        throw A.wrapException(A.StateError$("Not enough elements"));
+      if (skipCount !== 0 || sourceLength !== count)
+        source = source.subarray(skipCount, skipCount + count);
+      receiver.set(source, start);
+    },
+    $isJavaScriptIndexingBehavior: 1
+  };
+  A.NativeTypedArrayOfDouble.prototype = {
+    $index(receiver, index) {
+      A._checkValidIndex(index, receiver, receiver.length);
+      return receiver[index];
+    },
+    $indexSet(receiver, index, value) {
+      receiver.$flags & 2 && A.throwUnsupportedOperation(receiver);
+      A._checkValidIndex(index, receiver, receiver.length);
+      receiver[index] = value;
+    },
+    setRange$4(receiver, start, end, iterable, skipCount) {
+      receiver.$flags & 2 && A.throwUnsupportedOperation(receiver, 5);
+      if (type$.NativeTypedArrayOfDouble._is(iterable)) {
+        this._setRangeFast$4(receiver, start, end, iterable, skipCount);
+        return;
+      }
+      this.super$ListBase$setRange(receiver, start, end, iterable, skipCount);
+    },
+    $isEfficientLengthIterable: 1,
+    $isIterable: 1,
+    $isList: 1
+  };
+  A.NativeTypedArrayOfInt.prototype = {
+    $indexSet(receiver, index, value) {
+      receiver.$flags & 2 && A.throwUnsupportedOperation(receiver);
+      A._checkValidIndex(index, receiver, receiver.length);
+      receiver[index] = value;
+    },
+    setRange$4(receiver, start, end, iterable, skipCount) {
+      receiver.$flags & 2 && A.throwUnsupportedOperation(receiver, 5);
+      if (type$.NativeTypedArrayOfInt._is(iterable)) {
+        this._setRangeFast$4(receiver, start, end, iterable, skipCount);
+        return;
+      }
+      this.super$ListBase$setRange(receiver, start, end, iterable, skipCount);
+    },
+    $isEfficientLengthIterable: 1,
+    $isIterable: 1,
+    $isList: 1
+  };
+  A.NativeFloat32List.prototype = {
+    get$runtimeType(receiver) {
+      return B.Type_Float32List_9Kz;
+    },
+    sublist$2(receiver, start, end) {
+      return new Float32Array(receiver.subarray(start, A._checkValidRange(start, end, receiver.length)));
+    },
+    sublist$1(receiver, start) {
+      return this.sublist$2(receiver, start, null);
+    },
+    $isTrustedGetRuntimeType: 1,
+    $isFloat32List: 1
+  };
+  A.NativeFloat64List.prototype = {
+    get$runtimeType(receiver) {
+      return B.Type_Float64List_9Kz;
+    },
+    sublist$2(receiver, start, end) {
+      return new Float64Array(receiver.subarray(start, A._checkValidRange(start, end, receiver.length)));
+    },
+    sublist$1(receiver, start) {
+      return this.sublist$2(receiver, start, null);
+    },
+    $isTrustedGetRuntimeType: 1,
+    $isFloat64List: 1
+  };
+  A.NativeInt16List.prototype = {
+    get$runtimeType(receiver) {
+      return B.Type_Int16List_s5h;
+    },
+    $index(receiver, index) {
+      A._checkValidIndex(index, receiver, receiver.length);
+      return receiver[index];
+    },
+    sublist$2(receiver, start, end) {
+      return new Int16Array(receiver.subarray(start, A._checkValidRange(start, end, receiver.length)));
+    },
+    sublist$1(receiver, start) {
+      return this.sublist$2(receiver, start, null);
+    },
+    $isTrustedGetRuntimeType: 1,
+    $isInt16List: 1
+  };
+  A.NativeInt32List.prototype = {
+    get$runtimeType(receiver) {
+      return B.Type_Int32List_O8Z;
+    },
+    $index(receiver, index) {
+      A._checkValidIndex(index, receiver, receiver.length);
+      return receiver[index];
+    },
+    sublist$2(receiver, start, end) {
+      return new Int32Array(receiver.subarray(start, A._checkValidRange(start, end, receiver.length)));
+    },
+    sublist$1(receiver, start) {
+      return this.sublist$2(receiver, start, null);
+    },
+    $isTrustedGetRuntimeType: 1,
+    $isInt32List: 1
+  };
+  A.NativeInt8List.prototype = {
+    get$runtimeType(receiver) {
+      return B.Type_Int8List_rFV;
+    },
+    $index(receiver, index) {
+      A._checkValidIndex(index, receiver, receiver.length);
+      return receiver[index];
+    },
+    sublist$2(receiver, start, end) {
+      return new Int8Array(receiver.subarray(start, A._checkValidRange(start, end, receiver.length)));
+    },
+    sublist$1(receiver, start) {
+      return this.sublist$2(receiver, start, null);
+    },
+    $isTrustedGetRuntimeType: 1,
+    $isInt8List: 1
+  };
+  A.NativeUint16List.prototype = {
+    get$runtimeType(receiver) {
+      return B.Type_Uint16List_kmP;
+    },
+    $index(receiver, index) {
+      A._checkValidIndex(index, receiver, receiver.length);
+      return receiver[index];
+    },
+    sublist$2(receiver, start, end) {
+      return new Uint16Array(receiver.subarray(start, A._checkValidRange(start, end, receiver.length)));
+    },
+    sublist$1(receiver, start) {
+      return this.sublist$2(receiver, start, null);
+    },
+    $isTrustedGetRuntimeType: 1,
+    $isUint16List: 1
+  };
+  A.NativeUint32List.prototype = {
+    get$runtimeType(receiver) {
+      return B.Type_Uint32List_kmP;
+    },
+    $index(receiver, index) {
+      A._checkValidIndex(index, receiver, receiver.length);
+      return receiver[index];
+    },
+    sublist$2(receiver, start, end) {
+      return new Uint32Array(receiver.subarray(start, A._checkValidRange(start, end, receiver.length)));
+    },
+    sublist$1(receiver, start) {
+      return this.sublist$2(receiver, start, null);
+    },
+    $isTrustedGetRuntimeType: 1,
+    $isUint32List: 1
+  };
+  A.NativeUint8ClampedList.prototype = {
+    get$runtimeType(receiver) {
+      return B.Type_Uint8ClampedList_04U;
+    },
+    get$length(receiver) {
+      return receiver.length;
+    },
+    $index(receiver, index) {
+      A._checkValidIndex(index, receiver, receiver.length);
+      return receiver[index];
+    },
+    sublist$2(receiver, start, end) {
+      return new Uint8ClampedArray(receiver.subarray(start, A._checkValidRange(start, end, receiver.length)));
+    },
+    sublist$1(receiver, start) {
+      return this.sublist$2(receiver, start, null);
+    },
+    $isTrustedGetRuntimeType: 1,
+    $isUint8ClampedList: 1
+  };
+  A.NativeUint8List.prototype = {
+    get$runtimeType(receiver) {
+      return B.Type_Uint8List_8Eb;
+    },
+    get$length(receiver) {
+      return receiver.length;
+    },
+    $index(receiver, index) {
+      A._checkValidIndex(index, receiver, receiver.length);
+      return receiver[index];
+    },
+    sublist$2(receiver, start, end) {
+      return new Uint8Array(receiver.subarray(start, A._checkValidRange(start, end, receiver.length)));
+    },
+    sublist$1(receiver, start) {
+      return this.sublist$2(receiver, start, null);
+    },
+    $isTrustedGetRuntimeType: 1,
+    $isNativeUint8List: 1,
+    $isUint8List: 1
+  };
+  A._NativeTypedArrayOfDouble_NativeTypedArray_ListMixin.prototype = {};
+  A._NativeTypedArrayOfDouble_NativeTypedArray_ListMixin_FixedLengthListMixin.prototype = {};
+  A._NativeTypedArrayOfInt_NativeTypedArray_ListMixin.prototype = {};
+  A._NativeTypedArrayOfInt_NativeTypedArray_ListMixin_FixedLengthListMixin.prototype = {};
+  A.Rti.prototype = {
+    _eval$1(recipe) {
+      return A._Universe_evalInEnvironment(init.typeUniverse, this, recipe);
+    },
+    _bind$1(typeOrTuple) {
+      return A._Universe_bind(init.typeUniverse, this, typeOrTuple);
+    }
+  };
+  A._FunctionParameters.prototype = {};
+  A._Type.prototype = {
+    toString$0(_) {
+      return A._rtiToString(this._rti, null);
+    }
+  };
+  A._Error.prototype = {
+    toString$0(_) {
+      return this.__rti$_message;
+    }
+  };
+  A._TypeError.prototype = {
+    get$message(_) {
+      return this.__rti$_message;
+    },
+    $isTypeError: 1
+  };
+  A._AsyncRun__initializeScheduleImmediate_internalCallback.prototype = {
+    call$1(__wc0_formal) {
+      var t1 = this._box_0,
+        f = t1.storedCallback;
+      t1.storedCallback = null;
+      f.call$0();
+    },
+    $signature: 59
+  };
+  A._AsyncRun__initializeScheduleImmediate_closure.prototype = {
+    call$1(callback) {
+      var t1, t2;
+      this._box_0.storedCallback = callback;
+      t1 = this.div;
+      t2 = this.span;
+      t1.firstChild ? t1.removeChild(t2) : t1.appendChild(t2);
+    },
+    $signature: 35
+  };
+  A._AsyncRun__scheduleImmediateJsOverride_internalCallback.prototype = {
+    call$0() {
+      this.callback.call$0();
+    },
+    $signature: 1
+  };
+  A._AsyncRun__scheduleImmediateWithSetImmediate_internalCallback.prototype = {
+    call$0() {
+      this.callback.call$0();
+    },
+    $signature: 1
+  };
+  A._TimerImpl.prototype = {
+    _TimerImpl$2(milliseconds, callback) {
+      if (self.setTimeout != null)
+        this._handle = self.setTimeout(A.convertDartClosureToJS(new A._TimerImpl_internalCallback(this, callback), 0), milliseconds);
+      else
+        throw A.wrapException(A.UnsupportedError$("`setTimeout()` not found."));
+    },
+    _TimerImpl$periodic$2(milliseconds, callback) {
+      if (self.setTimeout != null)
+        this._handle = self.setInterval(A.convertDartClosureToJS(new A._TimerImpl$periodic_closure(this, milliseconds, Date.now(), callback), 0), milliseconds);
+      else
+        throw A.wrapException(A.UnsupportedError$("Periodic timer."));
+    },
+    cancel$0() {
+      if (self.setTimeout != null) {
+        var t1 = this._handle;
+        if (t1 == null)
+          return;
+        if (this._once)
+          self.clearTimeout(t1);
+        else
+          self.clearInterval(t1);
+        this._handle = null;
+      } else
+        throw A.wrapException(A.UnsupportedError$("Canceling a timer."));
+    }
+  };
+  A._TimerImpl_internalCallback.prototype = {
+    call$0() {
+      var t1 = this.$this;
+      t1._handle = null;
+      t1._tick = 1;
+      this.callback.call$0();
+    },
+    $signature: 0
+  };
+  A._TimerImpl$periodic_closure.prototype = {
+    call$0() {
+      var duration, _this = this,
+        t1 = _this.$this,
+        tick = t1._tick + 1,
+        t2 = _this.milliseconds;
+      if (t2 > 0) {
+        duration = Date.now() - _this.start;
+        if (duration > (tick + 1) * t2)
+          tick = B.JSInt_methods.$tdiv(duration, t2);
+      }
+      t1._tick = tick;
+      _this.callback.call$1(t1);
+    },
+    $signature: 1
+  };
+  A._AsyncAwaitCompleter.prototype = {
+    complete$1(value) {
+      var t1, _this = this;
+      if (value == null)
+        value = _this.$ti._precomputed1._as(value);
+      if (!_this.isSync)
+        _this._future._asyncComplete$1(value);
+      else {
+        t1 = _this._future;
+        if (_this.$ti._eval$1("Future<1>")._is(value))
+          t1._chainFuture$1(value);
+        else
+          t1._completeWithValue$1(value);
+      }
+    },
+    completeError$2(e, st) {
+      var t1 = this._future;
+      if (this.isSync)
+        t1._completeErrorObject$1(new A.AsyncError(e, st));
+      else
+        t1._asyncCompleteErrorObject$1(new A.AsyncError(e, st));
+    }
+  };
+  A._awaitOnObject_closure.prototype = {
+    call$1(result) {
+      return this.bodyFunction.call$2(0, result);
+    },
+    $signature: 77
+  };
+  A._awaitOnObject_closure0.prototype = {
+    call$2(error, stackTrace) {
+      this.bodyFunction.call$2(1, new A.ExceptionAndStackTrace(error, stackTrace));
+    },
+    $signature: 278
+  };
+  A._wrapJsFunctionForAsync_closure.prototype = {
+    call$2(errorCode, result) {
+      this.$protected(errorCode, result);
+    },
+    $signature: 532
+  };
+  A._SyncStarIterator.prototype = {
+    get$current(_) {
+      return this._async$_current;
+    },
+    _resumeBody$2(errorCode, errorValue) {
+      var body, t1, exception;
+      errorCode = errorCode;
+      errorValue = errorValue;
+      body = this._body;
+      for (; true;)
+        try {
+          t1 = body(this, errorCode, errorValue);
+          return t1;
+        } catch (exception) {
+          errorValue = exception;
+          errorCode = 1;
+        }
+    },
+    moveNext$0() {
+      var nestedIterator, t1, exception, value, suspendedBodies, _this = this, errorValue = null, errorCode = 0;
+      for (; true;) {
+        nestedIterator = _this._nestedIterator;
+        if (nestedIterator != null)
+          try {
+            if (nestedIterator.moveNext$0()) {
+              t1 = nestedIterator;
+              _this._async$_current = t1.get$current(t1);
+              return true;
+            } else
+              _this._nestedIterator = null;
+          } catch (exception) {
+            errorValue = exception;
+            errorCode = 1;
+            _this._nestedIterator = null;
+          }
+        value = _this._resumeBody$2(errorCode, errorValue);
+        if (1 === value)
+          return true;
+        if (0 === value) {
+          _this._async$_current = null;
+          suspendedBodies = _this._suspendedBodies;
+          if (suspendedBodies == null || suspendedBodies.length === 0) {
+            _this._body = A._SyncStarIterator__terminatedBody;
+            return false;
+          }
+          _this._body = suspendedBodies.pop();
+          errorCode = 0;
+          errorValue = null;
+          continue;
+        }
+        if (2 === value) {
+          errorCode = 0;
+          errorValue = null;
+          continue;
+        }
+        if (3 === value) {
+          errorValue = _this._datum;
+          _this._datum = null;
+          suspendedBodies = _this._suspendedBodies;
+          if (suspendedBodies == null || suspendedBodies.length === 0) {
+            _this._async$_current = null;
+            _this._body = A._SyncStarIterator__terminatedBody;
+            throw errorValue;
+            return false;
+          }
+          _this._body = suspendedBodies.pop();
+          errorCode = 1;
+          continue;
+        }
+        throw A.wrapException(A.StateError$("sync*"));
+      }
+      return false;
+    },
+    _yieldStar$1(iterable) {
+      var t1, t2, _this = this;
+      if (iterable instanceof A._SyncStarIterable) {
+        t1 = iterable._outerHelper();
+        t2 = _this._suspendedBodies;
+        if (t2 == null)
+          t2 = _this._suspendedBodies = [];
+        t2.push(_this._body);
+        _this._body = t1;
+        return 2;
+      } else {
+        _this._nestedIterator = J.get$iterator$ax(iterable);
+        return 2;
+      }
+    }
+  };
+  A._SyncStarIterable.prototype = {
+    get$iterator(_) {
+      return new A._SyncStarIterator(this._outerHelper());
+    }
+  };
+  A.AsyncError.prototype = {
+    toString$0(_) {
+      return A.S(this.error);
+    },
+    $isError: 1,
+    get$stackTrace() {
+      return this.stackTrace;
+    }
+  };
+  A.Future_wait_handleError.prototype = {
+    call$2(theError, theStackTrace) {
+      var _this = this,
+        t1 = _this._box_0,
+        t2 = --t1.remaining;
+      if (t1.values != null) {
+        t1.values = null;
+        t1.error = theError;
+        t1.stackTrace = theStackTrace;
+        if (t2 === 0 || _this.eagerError)
+          _this._future._completeErrorObject$1(new A.AsyncError(theError, theStackTrace));
+      } else if (t2 === 0 && !_this.eagerError) {
+        t2 = t1.error;
+        t2.toString;
+        t1 = t1.stackTrace;
+        t1.toString;
+        _this._future._completeErrorObject$1(new A.AsyncError(t2, t1));
+      }
+    },
+    $signature: 75
+  };
+  A.Future_wait_closure.prototype = {
+    call$1(value) {
+      var t1, value0, t3, t4, _i, t5, _this = this,
+        t2 = _this._box_0,
+        remainingResults = --t2.remaining,
+        valueList = t2.values;
+      if (valueList != null) {
+        J.$indexSet$ax(valueList, _this.pos, value);
+        if (J.$eq$(remainingResults, 0)) {
+          t2 = _this.T;
+          t1 = A._setArrayType([], t2._eval$1("JSArray<0>"));
+          for (t3 = valueList, t4 = t3.length, _i = 0; _i < t3.length; t3.length === t4 || (0, A.throwConcurrentModificationError)(t3), ++_i) {
+            value0 = t3[_i];
+            t5 = value0;
+            if (t5 == null)
+              t5 = t2._as(t5);
+            J.add$1$ax(t1, t5);
+          }
+          _this._future._completeWithValue$1(t1);
+        }
+      } else if (J.$eq$(remainingResults, 0) && !_this.eagerError) {
+        t1 = t2.error;
+        t1.toString;
+        t2 = t2.stackTrace;
+        t2.toString;
+        _this._future._completeErrorObject$1(new A.AsyncError(t1, t2));
+      }
+    },
+    $signature() {
+      return this.T._eval$1("Null(0)");
+    }
+  };
+  A._Completer.prototype = {
+    completeError$2(error, stackTrace) {
+      if ((this.future._state & 30) !== 0)
+        throw A.wrapException(A.StateError$("Future already completed"));
+      this._completeErrorObject$1(A._interceptUserError(error, stackTrace));
+    },
+    completeError$1(error) {
+      return this.completeError$2(error, null);
+    }
+  };
+  A._AsyncCompleter.prototype = {
+    complete$1(value) {
+      var t1 = this.future;
+      if ((t1._state & 30) !== 0)
+        throw A.wrapException(A.StateError$("Future already completed"));
+      t1._asyncComplete$1(value);
+    },
+    complete$0() {
+      return this.complete$1(null);
+    },
+    _completeErrorObject$1(error) {
+      this.future._asyncCompleteErrorObject$1(error);
+    }
+  };
+  A._SyncCompleter.prototype = {
+    complete$1(value) {
+      var t1 = this.future;
+      if ((t1._state & 30) !== 0)
+        throw A.wrapException(A.StateError$("Future already completed"));
+      t1._complete$1(value);
+    },
+    _completeErrorObject$1(error) {
+      this.future._completeErrorObject$1(error);
+    }
+  };
+  A._FutureListener.prototype = {
+    matchesErrorTest$1(asyncError) {
+      if ((this.state & 15) !== 6)
+        return true;
+      return this.result._zone.runUnary$2$2(this.callback, asyncError.error, type$.bool, type$.Object);
+    },
+    handleError$1(asyncError) {
+      var exception,
+        errorCallback = this.errorCallback,
+        result = null,
+        t1 = type$.dynamic,
+        t2 = type$.Object,
+        t3 = asyncError.error,
+        t4 = this.result._zone;
+      if (type$.dynamic_Function_Object_StackTrace._is(errorCallback))
+        result = t4.runBinary$3$3(errorCallback, t3, asyncError.stackTrace, t1, t2, type$.StackTrace);
+      else
+        result = t4.runUnary$2$2(errorCallback, t3, t1, t2);
+      try {
+        t1 = result;
+        return t1;
+      } catch (exception) {
+        if (type$.TypeError._is(A.unwrapException(exception))) {
+          if ((this.state & 1) !== 0)
+            throw A.wrapException(A.ArgumentError$("The error handler of Future.then must return a value of the returned future's type", "onError"));
+          throw A.wrapException(A.ArgumentError$("The error handler of Future.catchError must return a value of the future's type", "onError"));
+        } else
+          throw exception;
+      }
+    }
+  };
+  A._Future.prototype = {
+    then$1$2$onError(_, f, onError, $R) {
+      var result, t1,
+        currentZone = $.Zone__current;
+      if (currentZone === B.C__RootZone) {
+        if (onError != null && !type$.dynamic_Function_Object_StackTrace._is(onError) && !type$.dynamic_Function_Object._is(onError))
+          throw A.wrapException(A.ArgumentError$value(onError, "onError", string$.Error_));
+      } else {
+        f = currentZone.registerUnaryCallback$2$1(f, $R._eval$1("0/"), this.$ti._precomputed1);
+        if (onError != null)
+          onError = A._registerErrorHandler(onError, currentZone);
+      }
+      result = new A._Future($.Zone__current, $R._eval$1("_Future<0>"));
+      t1 = onError == null ? 1 : 3;
+      this._addListener$1(new A._FutureListener(result, t1, f, onError, this.$ti._eval$1("@<1>")._bind$1($R)._eval$1("_FutureListener<1,2>")));
+      return result;
+    },
+    then$1$1(_, f, $R) {
+      return this.then$1$2$onError(0, f, null, $R);
+    },
+    _thenAwait$1$2(f, onError, $E) {
+      var result = new A._Future($.Zone__current, $E._eval$1("_Future<0>"));
+      this._addListener$1(new A._FutureListener(result, 19, f, onError, this.$ti._eval$1("@<1>")._bind$1($E)._eval$1("_FutureListener<1,2>")));
+      return result;
+    },
+    catchError$1(onError) {
+      var t1 = this.$ti,
+        t2 = $.Zone__current,
+        result = new A._Future(t2, t1);
+      if (t2 !== B.C__RootZone)
+        onError = A._registerErrorHandler(onError, t2);
+      this._addListener$1(new A._FutureListener(result, 2, null, onError, t1._eval$1("_FutureListener<1,1>")));
+      return result;
+    },
+    whenComplete$1(action) {
+      var t1 = this.$ti,
+        t2 = $.Zone__current,
+        result = new A._Future(t2, t1);
+      if (t2 !== B.C__RootZone)
+        action = t2.registerCallback$1$1(action, type$.dynamic);
+      this._addListener$1(new A._FutureListener(result, 8, action, null, t1._eval$1("_FutureListener<1,1>")));
+      return result;
+    },
+    _setErrorObject$1(error) {
+      this._state = this._state & 1 | 16;
+      this._resultOrListeners = error;
+    },
+    _cloneResult$1(source) {
+      this._state = source._state & 30 | this._state & 1;
+      this._resultOrListeners = source._resultOrListeners;
+    },
+    _addListener$1(listener) {
+      var _this = this,
+        t1 = _this._state;
+      if (t1 <= 3) {
+        listener._nextListener = _this._resultOrListeners;
+        _this._resultOrListeners = listener;
+      } else {
+        if ((t1 & 4) !== 0) {
+          t1 = _this._resultOrListeners;
+          if ((t1._state & 24) === 0) {
+            t1._addListener$1(listener);
+            return;
+          }
+          _this._cloneResult$1(t1);
+        }
+        _this._zone.scheduleMicrotask$1(new A._Future__addListener_closure(_this, listener));
+      }
+    },
+    _prependListeners$1(listeners) {
+      var t1, existingListeners, next, cursor, next0, _this = this, _box_0 = {};
+      _box_0.listeners = listeners;
+      if (listeners == null)
+        return;
+      t1 = _this._state;
+      if (t1 <= 3) {
+        existingListeners = _this._resultOrListeners;
+        _this._resultOrListeners = listeners;
+        if (existingListeners != null) {
+          next = listeners._nextListener;
+          for (cursor = listeners; next != null; cursor = next, next = next0)
+            next0 = next._nextListener;
+          cursor._nextListener = existingListeners;
+        }
+      } else {
+        if ((t1 & 4) !== 0) {
+          t1 = _this._resultOrListeners;
+          if ((t1._state & 24) === 0) {
+            t1._prependListeners$1(listeners);
+            return;
+          }
+          _this._cloneResult$1(t1);
+        }
+        _box_0.listeners = _this._reverseListeners$1(listeners);
+        _this._zone.scheduleMicrotask$1(new A._Future__prependListeners_closure(_box_0, _this));
+      }
+    },
+    _removeListeners$0() {
+      var current = this._resultOrListeners;
+      this._resultOrListeners = null;
+      return this._reverseListeners$1(current);
+    },
+    _reverseListeners$1(listeners) {
+      var current, prev, next;
+      for (current = listeners, prev = null; current != null; prev = current, current = next) {
+        next = current._nextListener;
+        current._nextListener = prev;
+      }
+      return prev;
+    },
+    _complete$1(value) {
+      var listeners, _this = this;
+      if (_this.$ti._eval$1("Future<1>")._is(value))
+        A._Future__chainCoreFuture(value, _this, true);
+      else {
+        listeners = _this._removeListeners$0();
+        _this._state = 8;
+        _this._resultOrListeners = value;
+        A._Future__propagateToListeners(_this, listeners);
+      }
+    },
+    _completeWithValue$1(value) {
+      var _this = this,
+        listeners = _this._removeListeners$0();
+      _this._state = 8;
+      _this._resultOrListeners = value;
+      A._Future__propagateToListeners(_this, listeners);
+    },
+    _completeWithResultOf$1(source) {
+      var t1, t2, listeners, _this = this;
+      if ((source._state & 16) !== 0) {
+        t1 = _this._zone;
+        t2 = source._zone;
+        t1 = !(t1 === t2 || t1.get$errorZone() === t2.get$errorZone());
+      } else
+        t1 = false;
+      if (t1)
+        return;
+      listeners = _this._removeListeners$0();
+      _this._cloneResult$1(source);
+      A._Future__propagateToListeners(_this, listeners);
+    },
+    _completeErrorObject$1(error) {
+      var listeners = this._removeListeners$0();
+      this._setErrorObject$1(error);
+      A._Future__propagateToListeners(this, listeners);
+    },
+    _completeError$2(error, stackTrace) {
+      this._completeErrorObject$1(new A.AsyncError(error, stackTrace));
+    },
+    _asyncComplete$1(value) {
+      if (this.$ti._eval$1("Future<1>")._is(value)) {
+        this._chainFuture$1(value);
+        return;
+      }
+      this._asyncCompleteWithValue$1(value);
+    },
+    _asyncCompleteWithValue$1(value) {
+      this._state ^= 2;
+      this._zone.scheduleMicrotask$1(new A._Future__asyncCompleteWithValue_closure(this, value));
+    },
+    _chainFuture$1(value) {
+      A._Future__chainCoreFuture(value, this, false);
+      return;
+    },
+    _asyncCompleteErrorObject$1(error) {
+      this._state ^= 2;
+      this._zone.scheduleMicrotask$1(new A._Future__asyncCompleteErrorObject_closure(this, error));
+    },
+    $isFuture: 1
+  };
+  A._Future__addListener_closure.prototype = {
+    call$0() {
+      A._Future__propagateToListeners(this.$this, this.listener);
+    },
+    $signature: 0
+  };
+  A._Future__prependListeners_closure.prototype = {
+    call$0() {
+      A._Future__propagateToListeners(this.$this, this._box_0.listeners);
+    },
+    $signature: 0
+  };
+  A._Future__chainCoreFuture_closure.prototype = {
+    call$0() {
+      A._Future__chainCoreFuture(this._box_0.source, this.target, true);
+    },
+    $signature: 0
+  };
+  A._Future__asyncCompleteWithValue_closure.prototype = {
+    call$0() {
+      this.$this._completeWithValue$1(this.value);
+    },
+    $signature: 0
+  };
+  A._Future__asyncCompleteErrorObject_closure.prototype = {
+    call$0() {
+      this.$this._completeErrorObject$1(this.error);
+    },
+    $signature: 0
+  };
+  A._Future__propagateToListeners_handleWhenCompleteCallback.prototype = {
+    call$0() {
+      var e, s, t1, exception, t2, t3, originalSource, joinedResult, _this = this, completeResult = null;
+      try {
+        t1 = _this._box_0.listener;
+        completeResult = t1.result._zone.run$1$1(0, t1.callback, type$.dynamic);
+      } catch (exception) {
+        e = A.unwrapException(exception);
+        s = A.getTraceFromException(exception);
+        if (_this.hasError && _this._box_1.source._resultOrListeners.error === e) {
+          t1 = _this._box_0;
+          t1.listenerValueOrError = _this._box_1.source._resultOrListeners;
+        } else {
+          t1 = e;
+          t2 = s;
+          if (t2 == null)
+            t2 = A.AsyncError_defaultStackTrace(t1);
+          t3 = _this._box_0;
+          t3.listenerValueOrError = new A.AsyncError(t1, t2);
+          t1 = t3;
+        }
+        t1.listenerHasError = true;
+        return;
+      }
+      if (completeResult instanceof A._Future && (completeResult._state & 24) !== 0) {
+        if ((completeResult._state & 16) !== 0) {
+          t1 = _this._box_0;
+          t1.listenerValueOrError = completeResult._resultOrListeners;
+          t1.listenerHasError = true;
+        }
+        return;
+      }
+      if (completeResult instanceof A._Future) {
+        originalSource = _this._box_1.source;
+        joinedResult = new A._Future(originalSource._zone, originalSource.$ti);
+        completeResult.then$1$2$onError(0, new A._Future__propagateToListeners_handleWhenCompleteCallback_closure(joinedResult, originalSource), new A._Future__propagateToListeners_handleWhenCompleteCallback_closure0(joinedResult), type$.void);
+        t1 = _this._box_0;
+        t1.listenerValueOrError = joinedResult;
+        t1.listenerHasError = false;
+      }
+    },
+    $signature: 0
+  };
+  A._Future__propagateToListeners_handleWhenCompleteCallback_closure.prototype = {
+    call$1(__wc0_formal) {
+      this.joinedResult._completeWithResultOf$1(this.originalSource);
+    },
+    $signature: 59
+  };
+  A._Future__propagateToListeners_handleWhenCompleteCallback_closure0.prototype = {
+    call$2(e, s) {
+      this.joinedResult._completeErrorObject$1(new A.AsyncError(e, s));
+    },
+    $signature: 54
+  };
+  A._Future__propagateToListeners_handleValueCallback.prototype = {
+    call$0() {
+      var e, s, t1, t2, t3, exception;
+      try {
+        t1 = this._box_0;
+        t2 = t1.listener;
+        t3 = t2.$ti;
+        t1.listenerValueOrError = t2.result._zone.runUnary$2$2(t2.callback, this.sourceResult, t3._eval$1("2/"), t3._precomputed1);
+      } catch (exception) {
+        e = A.unwrapException(exception);
+        s = A.getTraceFromException(exception);
+        t1 = e;
+        t2 = s;
+        if (t2 == null)
+          t2 = A.AsyncError_defaultStackTrace(t1);
+        t3 = this._box_0;
+        t3.listenerValueOrError = new A.AsyncError(t1, t2);
+        t3.listenerHasError = true;
+      }
+    },
+    $signature: 0
+  };
+  A._Future__propagateToListeners_handleError.prototype = {
+    call$0() {
+      var asyncError, e, s, t1, exception, t2, t3, _this = this;
+      try {
+        asyncError = _this._box_1.source._resultOrListeners;
+        t1 = _this._box_0;
+        if (t1.listener.matchesErrorTest$1(asyncError) && t1.listener.errorCallback != null) {
+          t1.listenerValueOrError = t1.listener.handleError$1(asyncError);
+          t1.listenerHasError = false;
+        }
+      } catch (exception) {
+        e = A.unwrapException(exception);
+        s = A.getTraceFromException(exception);
+        t1 = _this._box_1.source._resultOrListeners;
+        if (t1.error === e) {
+          t2 = _this._box_0;
+          t2.listenerValueOrError = t1;
+          t1 = t2;
+        } else {
+          t1 = e;
+          t2 = s;
+          if (t2 == null)
+            t2 = A.AsyncError_defaultStackTrace(t1);
+          t3 = _this._box_0;
+          t3.listenerValueOrError = new A.AsyncError(t1, t2);
+          t1 = t3;
+        }
+        t1.listenerHasError = true;
+      }
+    },
+    $signature: 0
+  };
+  A._AsyncCallbackEntry.prototype = {};
+  A.Stream.prototype = {
+    get$isBroadcast() {
+      return false;
+    },
+    get$length(_) {
+      var t1 = {},
+        future = new A._Future($.Zone__current, type$._Future_int);
+      t1.count = 0;
+      this.listen$4$cancelOnError$onDone$onError(0, new A.Stream_length_closure(t1, this), true, new A.Stream_length_closure0(t1, future), future.get$_completeError());
+      return future;
+    }
+  };
+  A.Stream_Stream$fromFuture_closure.prototype = {
+    call$1(value) {
+      var t1 = this.controller;
+      t1._async$_add$1(value);
+      t1._closeUnchecked$0();
+    },
+    $signature() {
+      return this.T._eval$1("Null(0)");
+    }
+  };
+  A.Stream_Stream$fromFuture_closure0.prototype = {
+    call$2(error, stackTrace) {
+      var t1 = this.controller;
+      t1._addError$2(error, stackTrace);
+      t1._closeUnchecked$0();
+    },
+    $signature: 534
+  };
+  A.Stream_length_closure.prototype = {
+    call$1(__wc0_formal) {
+      ++this._box_0.count;
+    },
+    $signature() {
+      return A._instanceType(this.$this)._eval$1("~(Stream.T)");
+    }
+  };
+  A.Stream_length_closure0.prototype = {
+    call$0() {
+      this.future._complete$1(this._box_0.count);
+    },
+    $signature: 0
+  };
+  A._StreamController.prototype = {
+    get$stream() {
+      return new A._ControllerStream(this, A._instanceType(this)._eval$1("_ControllerStream<1>"));
+    },
+    get$_pendingEvents() {
+      if ((this._state & 8) === 0)
+        return this._varData;
+      return this._varData._varData;
+    },
+    _ensurePendingEvents$0() {
+      var events, state, _this = this;
+      if ((_this._state & 8) === 0) {
+        events = _this._varData;
+        return events == null ? _this._varData = new A._PendingEvents() : events;
+      }
+      state = _this._varData;
+      events = state._varData;
+      return events == null ? state._varData = new A._PendingEvents() : events;
+    },
+    get$_subscription() {
+      var varData = this._varData;
+      return (this._state & 8) !== 0 ? varData._varData : varData;
+    },
+    _badEventState$0() {
+      if ((this._state & 4) !== 0)
+        return new A.StateError("Cannot add event after closing");
+      return new A.StateError("Cannot add event while adding a stream");
+    },
+    addStream$2$cancelOnError(source, cancelOnError) {
+      var t2, t3, t4, _this = this,
+        t1 = _this._state;
+      if (t1 >= 4)
+        throw A.wrapException(_this._badEventState$0());
+      if ((t1 & 2) !== 0) {
+        t1 = new A._Future($.Zone__current, type$._Future_dynamic);
+        t1._asyncComplete$1(null);
+        return t1;
+      }
+      t1 = _this._varData;
+      t2 = cancelOnError === true;
+      t3 = new A._Future($.Zone__current, type$._Future_dynamic);
+      t4 = t2 ? A._AddStreamState_makeErrorHandler(_this) : _this.get$_addError();
+      t4 = source.listen$4$cancelOnError$onDone$onError(0, _this.get$_async$_add(), t2, _this.get$_close(), t4);
+      t2 = _this._state;
+      if ((t2 & 1) !== 0 ? (_this.get$_subscription()._state & 4) !== 0 : (t2 & 2) === 0)
+        t4.pause$0(0);
+      _this._varData = new A._StreamControllerAddStreamState(t1, t3, t4);
+      _this._state |= 8;
+      return t3;
+    },
+    _ensureDoneFuture$0() {
+      var t1 = this._doneFuture;
+      if (t1 == null)
+        t1 = this._doneFuture = (this._state & 2) !== 0 ? $.$get$Future__nullFuture() : new A._Future($.Zone__current, type$._Future_void);
+      return t1;
+    },
+    add$1(_, value) {
+      if (this._state >= 4)
+        throw A.wrapException(this._badEventState$0());
+      this._async$_add$1(value);
+    },
+    addError$2(error, stackTrace) {
+      var _0_0;
+      if (this._state >= 4)
+        throw A.wrapException(this._badEventState$0());
+      _0_0 = A._interceptUserError(error, stackTrace);
+      this._addError$2(_0_0.error, _0_0.stackTrace);
+    },
+    addError$1(error) {
+      return this.addError$2(error, null);
+    },
+    close$0(_) {
+      var _this = this,
+        t1 = _this._state;
+      if ((t1 & 4) !== 0)
+        return _this._ensureDoneFuture$0();
+      if (t1 >= 4)
+        throw A.wrapException(_this._badEventState$0());
+      _this._closeUnchecked$0();
+      return _this._ensureDoneFuture$0();
+    },
+    _closeUnchecked$0() {
+      var t1 = this._state |= 4;
+      if ((t1 & 1) !== 0)
+        this._sendDone$0();
+      else if ((t1 & 3) === 0)
+        this._ensurePendingEvents$0().add$1(0, B.C__DelayedDone);
+    },
+    _async$_add$1(value) {
+      var t1 = this._state;
+      if ((t1 & 1) !== 0)
+        this._sendData$1(value);
+      else if ((t1 & 3) === 0)
+        this._ensurePendingEvents$0().add$1(0, new A._DelayedData(value));
+    },
+    _addError$2(error, stackTrace) {
+      var t1 = this._state;
+      if ((t1 & 1) !== 0)
+        this._sendError$2(error, stackTrace);
+      else if ((t1 & 3) === 0)
+        this._ensurePendingEvents$0().add$1(0, new A._DelayedError(error, stackTrace));
+    },
+    _close$0() {
+      var addState = this._varData;
+      this._varData = addState._varData;
+      this._state &= 4294967287;
+      addState.addStreamFuture._asyncComplete$1(null);
+    },
+    _subscribe$4(onData, onError, onDone, cancelOnError) {
+      var subscription, pendingEvents, addState, _this = this;
+      if ((_this._state & 3) !== 0)
+        throw A.wrapException(A.StateError$("Stream has already been listened to."));
+      subscription = A._ControllerSubscription$(_this, onData, onError, onDone, cancelOnError, A._instanceType(_this)._precomputed1);
+      pendingEvents = _this.get$_pendingEvents();
+      if (((_this._state |= 1) & 8) !== 0) {
+        addState = _this._varData;
+        addState._varData = subscription;
+        addState.addSubscription.resume$0(0);
+      } else
+        _this._varData = subscription;
+      subscription._setPendingEvents$1(pendingEvents);
+      subscription._guardCallback$1(new A._StreamController__subscribe_closure(_this));
+      return subscription;
+    },
+    _recordCancel$1(subscription) {
+      var onCancel, cancelResult, e, s, exception, result0, t1, _this = this, result = null;
+      if ((_this._state & 8) !== 0)
+        result = _this._varData.cancel$0();
+      _this._varData = null;
+      _this._state = _this._state & 4294967286 | 2;
+      onCancel = _this.onCancel;
+      if (onCancel != null)
+        if (result == null)
+          try {
+            cancelResult = onCancel.call$0();
+            if (cancelResult instanceof A._Future)
+              result = cancelResult;
+          } catch (exception) {
+            e = A.unwrapException(exception);
+            s = A.getTraceFromException(exception);
+            result0 = new A._Future($.Zone__current, type$._Future_void);
+            result0._asyncCompleteErrorObject$1(new A.AsyncError(e, s));
+            result = result0;
+          }
+        else
+          result = result.whenComplete$1(onCancel);
+      t1 = new A._StreamController__recordCancel_complete(_this);
+      if (result != null)
+        result = result.whenComplete$1(t1);
+      else
+        t1.call$0();
+      return result;
+    },
+    _recordPause$1(subscription) {
+      if ((this._state & 8) !== 0)
+        this._varData.addSubscription.pause$0(0);
+      A._runGuarded(this.onPause);
+    },
+    _recordResume$1(subscription) {
+      if ((this._state & 8) !== 0)
+        this._varData.addSubscription.resume$0(0);
+      A._runGuarded(this.onResume);
+    },
+    $isEventSink: 1,
+    set$onPause(val) {
+      return this.onPause = val;
+    },
+    set$onResume(val) {
+      return this.onResume = val;
+    },
+    set$onCancel(val) {
+      return this.onCancel = val;
+    }
+  };
+  A._StreamController__subscribe_closure.prototype = {
+    call$0() {
+      A._runGuarded(this.$this.onListen);
+    },
+    $signature: 0
+  };
+  A._StreamController__recordCancel_complete.prototype = {
+    call$0() {
+      var doneFuture = this.$this._doneFuture;
+      if (doneFuture != null && (doneFuture._state & 30) === 0)
+        doneFuture._asyncComplete$1(null);
+    },
+    $signature: 0
+  };
+  A._SyncStreamControllerDispatch.prototype = {
+    _sendData$1(data) {
+      this.get$_subscription()._async$_add$1(data);
+    },
+    _sendError$2(error, stackTrace) {
+      this.get$_subscription()._addError$2(error, stackTrace);
+    },
+    _sendDone$0() {
+      this.get$_subscription()._close$0();
+    }
+  };
+  A._AsyncStreamControllerDispatch.prototype = {
+    _sendData$1(data) {
+      this.get$_subscription()._addPending$1(new A._DelayedData(data));
+    },
+    _sendError$2(error, stackTrace) {
+      this.get$_subscription()._addPending$1(new A._DelayedError(error, stackTrace));
+    },
+    _sendDone$0() {
+      this.get$_subscription()._addPending$1(B.C__DelayedDone);
+    }
+  };
+  A._AsyncStreamController.prototype = {};
+  A._SyncStreamController.prototype = {};
+  A._ControllerStream.prototype = {
+    get$hashCode(_) {
+      return (A.Primitives_objectHashCode(this._controller) ^ 892482866) >>> 0;
+    },
+    $eq(_, other) {
+      if (other == null)
+        return false;
+      if (this === other)
+        return true;
+      return other instanceof A._ControllerStream && other._controller === this._controller;
+    }
+  };
+  A._ControllerSubscription.prototype = {
+    _async$_onCancel$0() {
+      return this._controller._recordCancel$1(this);
+    },
+    _async$_onPause$0() {
+      this._controller._recordPause$1(this);
+    },
+    _async$_onResume$0() {
+      this._controller._recordResume$1(this);
+    }
+  };
+  A._AddStreamState.prototype = {
+    cancel$0() {
+      var cancel = this.addSubscription.cancel$0();
+      return cancel.whenComplete$1(new A._AddStreamState_cancel_closure(this));
+    }
+  };
+  A._AddStreamState_makeErrorHandler_closure.prototype = {
+    call$2(e, s) {
+      var t1 = this.controller;
+      t1._addError$2(e, s);
+      t1._close$0();
+    },
+    $signature: 54
+  };
+  A._AddStreamState_cancel_closure.prototype = {
+    call$0() {
+      this.$this.addStreamFuture._asyncComplete$1(null);
+    },
+    $signature: 1
+  };
+  A._StreamControllerAddStreamState.prototype = {};
+  A._BufferingStreamSubscription.prototype = {
+    _setPendingEvents$1(pendingEvents) {
+      var _this = this;
+      if (pendingEvents == null)
+        return;
+      _this._pending = pendingEvents;
+      if (pendingEvents.lastPendingEvent != null) {
+        _this._state = (_this._state | 128) >>> 0;
+        pendingEvents.schedule$1(_this);
+      }
+    },
+    pause$1(_, resumeSignal) {
+      var t2, t3, _this = this,
+        t1 = _this._state;
+      if ((t1 & 8) !== 0)
+        return;
+      t2 = (t1 + 256 | 4) >>> 0;
+      _this._state = t2;
+      if (t1 < 256) {
+        t3 = _this._pending;
+        if (t3 != null)
+          if (t3._state === 1)
+            t3._state = 3;
+      }
+      if ((t1 & 4) === 0 && (t2 & 64) === 0)
+        _this._guardCallback$1(_this.get$_async$_onPause());
+    },
+    pause$0(_) {
+      return this.pause$1(0, null);
+    },
+    resume$0(_) {
+      var _this = this,
+        t1 = _this._state;
+      if ((t1 & 8) !== 0)
+        return;
+      if (t1 >= 256) {
+        t1 = _this._state = t1 - 256;
+        if (t1 < 256)
+          if ((t1 & 128) !== 0 && _this._pending.lastPendingEvent != null)
+            _this._pending.schedule$1(_this);
+          else {
+            t1 = (t1 & 4294967291) >>> 0;
+            _this._state = t1;
+            if ((t1 & 64) === 0)
+              _this._guardCallback$1(_this.get$_async$_onResume());
+          }
+      }
+    },
+    cancel$0() {
+      var _this = this,
+        t1 = (_this._state & 4294967279) >>> 0;
+      _this._state = t1;
+      if ((t1 & 8) === 0)
+        _this._cancel$0();
+      t1 = _this._cancelFuture;
+      return t1 == null ? $.$get$Future__nullFuture() : t1;
+    },
+    _cancel$0() {
+      var t2, _this = this,
+        t1 = _this._state = (_this._state | 8) >>> 0;
+      if ((t1 & 128) !== 0) {
+        t2 = _this._pending;
+        if (t2._state === 1)
+          t2._state = 3;
+      }
+      if ((t1 & 64) === 0)
+        _this._pending = null;
+      _this._cancelFuture = _this._async$_onCancel$0();
+    },
+    _async$_add$1(data) {
+      var t1 = this._state;
+      if ((t1 & 8) !== 0)
+        return;
+      if (t1 < 64)
+        this._sendData$1(data);
+      else
+        this._addPending$1(new A._DelayedData(data));
+    },
+    _addError$2(error, stackTrace) {
+      var t1;
+      if (type$.Error._is(error))
+        A.Primitives_trySetStackTrace(error, stackTrace);
+      t1 = this._state;
+      if ((t1 & 8) !== 0)
+        return;
+      if (t1 < 64)
+        this._sendError$2(error, stackTrace);
+      else
+        this._addPending$1(new A._DelayedError(error, stackTrace));
+    },
+    _close$0() {
+      var _this = this,
+        t1 = _this._state;
+      if ((t1 & 8) !== 0)
+        return;
+      t1 = (t1 | 2) >>> 0;
+      _this._state = t1;
+      if (t1 < 64)
+        _this._sendDone$0();
+      else
+        _this._addPending$1(B.C__DelayedDone);
+    },
+    _async$_onPause$0() {
+    },
+    _async$_onResume$0() {
+    },
+    _async$_onCancel$0() {
+      return null;
+    },
+    _addPending$1($event) {
+      var t1, _this = this,
+        pending = _this._pending;
+      if (pending == null)
+        pending = _this._pending = new A._PendingEvents();
+      pending.add$1(0, $event);
+      t1 = _this._state;
+      if ((t1 & 128) === 0) {
+        t1 = (t1 | 128) >>> 0;
+        _this._state = t1;
+        if (t1 < 256)
+          pending.schedule$1(_this);
+      }
+    },
+    _sendData$1(data) {
+      var _this = this,
+        t1 = _this._state;
+      _this._state = (t1 | 64) >>> 0;
+      _this._zone.runUnaryGuarded$1$2(_this._onData, data, A._instanceType(_this)._eval$1("_BufferingStreamSubscription.T"));
+      _this._state = (_this._state & 4294967231) >>> 0;
+      _this._checkState$1((t1 & 4) !== 0);
+    },
+    _sendError$2(error, stackTrace) {
+      var cancelFuture, _this = this,
+        t1 = _this._state,
+        t2 = new A._BufferingStreamSubscription__sendError_sendError(_this, error, stackTrace);
+      if ((t1 & 1) !== 0) {
+        _this._state = (t1 | 16) >>> 0;
+        _this._cancel$0();
+        cancelFuture = _this._cancelFuture;
+        if (cancelFuture != null && cancelFuture !== $.$get$Future__nullFuture())
+          cancelFuture.whenComplete$1(t2);
+        else
+          t2.call$0();
+      } else {
+        t2.call$0();
+        _this._checkState$1((t1 & 4) !== 0);
+      }
+    },
+    _sendDone$0() {
+      var cancelFuture, _this = this,
+        t1 = new A._BufferingStreamSubscription__sendDone_sendDone(_this);
+      _this._cancel$0();
+      _this._state = (_this._state | 16) >>> 0;
+      cancelFuture = _this._cancelFuture;
+      if (cancelFuture != null && cancelFuture !== $.$get$Future__nullFuture())
+        cancelFuture.whenComplete$1(t1);
+      else
+        t1.call$0();
+    },
+    _guardCallback$1(callback) {
+      var _this = this,
+        t1 = _this._state;
+      _this._state = (t1 | 64) >>> 0;
+      callback.call$0();
+      _this._state = (_this._state & 4294967231) >>> 0;
+      _this._checkState$1((t1 & 4) !== 0);
+    },
+    _checkState$1(wasInputPaused) {
+      var t2, isInputPaused, _this = this,
+        t1 = _this._state;
+      if ((t1 & 128) !== 0 && _this._pending.lastPendingEvent == null) {
+        t1 = _this._state = (t1 & 4294967167) >>> 0;
+        t2 = false;
+        if ((t1 & 4) !== 0)
+          if (t1 < 256) {
+            t2 = _this._pending;
+            t2 = t2 == null ? null : t2.lastPendingEvent == null;
+            t2 = t2 !== false;
+          }
+        if (t2) {
+          t1 = (t1 & 4294967291) >>> 0;
+          _this._state = t1;
+        }
+      }
+      for (; true; wasInputPaused = isInputPaused) {
+        if ((t1 & 8) !== 0) {
+          _this._pending = null;
+          return;
+        }
+        isInputPaused = (t1 & 4) !== 0;
+        if (wasInputPaused === isInputPaused)
+          break;
+        _this._state = (t1 ^ 64) >>> 0;
+        if (isInputPaused)
+          _this._async$_onPause$0();
+        else
+          _this._async$_onResume$0();
+        t1 = (_this._state & 4294967231) >>> 0;
+        _this._state = t1;
+      }
+      if ((t1 & 128) !== 0 && t1 < 256)
+        _this._pending.schedule$1(_this);
+    },
+    $isStreamSubscription: 1
+  };
+  A._BufferingStreamSubscription__sendError_sendError.prototype = {
+    call$0() {
+      var onError, t3, t4,
+        t1 = this.$this,
+        t2 = t1._state;
+      if ((t2 & 8) !== 0 && (t2 & 16) === 0)
+        return;
+      t1._state = (t2 | 64) >>> 0;
+      onError = t1._onError;
+      t2 = this.error;
+      t3 = type$.Object;
+      t4 = t1._zone;
+      if (type$.void_Function_Object_StackTrace._is(onError))
+        t4.runBinaryGuarded$2$3(onError, t2, this.stackTrace, t3, type$.StackTrace);
+      else
+        t4.runUnaryGuarded$1$2(onError, t2, t3);
+      t1._state = (t1._state & 4294967231) >>> 0;
+    },
+    $signature: 0
+  };
+  A._BufferingStreamSubscription__sendDone_sendDone.prototype = {
+    call$0() {
+      var t1 = this.$this,
+        t2 = t1._state;
+      if ((t2 & 16) === 0)
+        return;
+      t1._state = (t2 | 74) >>> 0;
+      t1._zone.runGuarded$1(t1._onDone);
+      t1._state = (t1._state & 4294967231) >>> 0;
+    },
+    $signature: 0
+  };
+  A._StreamImpl.prototype = {
+    listen$4$cancelOnError$onDone$onError(_, onData, cancelOnError, onDone, onError) {
+      return this._controller._subscribe$4(onData, onError, onDone, cancelOnError === true);
+    },
+    listen$1(_, onData) {
+      return this.listen$4$cancelOnError$onDone$onError(0, onData, null, null, null);
+    },
+    listen$3$onDone$onError(_, onData, onDone, onError) {
+      return this.listen$4$cancelOnError$onDone$onError(0, onData, null, onDone, onError);
+    }
+  };
+  A._DelayedEvent.prototype = {
+    get$next() {
+      return this.next;
+    },
+    set$next(val) {
+      return this.next = val;
+    }
+  };
+  A._DelayedData.prototype = {
+    perform$1(dispatch) {
+      dispatch._sendData$1(this.value);
+    }
+  };
+  A._DelayedError.prototype = {
+    perform$1(dispatch) {
+      dispatch._sendError$2(this.error, this.stackTrace);
+    }
+  };
+  A._DelayedDone.prototype = {
+    perform$1(dispatch) {
+      dispatch._sendDone$0();
+    },
+    get$next() {
+      return null;
+    },
+    set$next(__wc0_formal) {
+      throw A.wrapException(A.StateError$("No events after a done."));
+    }
+  };
+  A._PendingEvents.prototype = {
+    schedule$1(dispatch) {
+      var _this = this,
+        t1 = _this._state;
+      if (t1 === 1)
+        return;
+      if (t1 >= 1) {
+        _this._state = 1;
+        return;
+      }
+      A.scheduleMicrotask(new A._PendingEvents_schedule_closure(_this, dispatch));
+      _this._state = 1;
+    },
+    add$1(_, $event) {
+      var _this = this,
+        lastEvent = _this.lastPendingEvent;
+      if (lastEvent == null)
+        _this.firstPendingEvent = _this.lastPendingEvent = $event;
+      else {
+        lastEvent.set$next($event);
+        _this.lastPendingEvent = $event;
+      }
+    }
+  };
+  A._PendingEvents_schedule_closure.prototype = {
+    call$0() {
+      var $event, nextEvent,
+        t1 = this.$this,
+        oldState = t1._state;
+      t1._state = 0;
+      if (oldState === 3)
+        return;
+      $event = t1.firstPendingEvent;
+      nextEvent = $event.get$next();
+      t1.firstPendingEvent = nextEvent;
+      if (nextEvent == null)
+        t1.lastPendingEvent = null;
+      $event.perform$1(this.dispatch);
+    },
+    $signature: 0
+  };
+  A._StreamIterator.prototype = {
+    get$current(_) {
+      if (this._async$_hasValue)
+        return this._stateData;
+      return null;
+    },
+    moveNext$0() {
+      var future, _this = this,
+        subscription = _this._subscription;
+      if (subscription != null) {
+        if (_this._async$_hasValue) {
+          future = new A._Future($.Zone__current, type$._Future_bool);
+          _this._stateData = future;
+          _this._async$_hasValue = false;
+          subscription.resume$0(0);
+          return future;
+        }
+        throw A.wrapException(A.StateError$("Already waiting for next."));
+      }
+      return _this._initializeOrDone$0();
+    },
+    _initializeOrDone$0() {
+      var future, subscription, _this = this,
+        stateData = _this._stateData;
+      if (stateData != null) {
+        future = new A._Future($.Zone__current, type$._Future_bool);
+        _this._stateData = future;
+        subscription = stateData.listen$4$cancelOnError$onDone$onError(0, _this.get$_onData(), true, _this.get$_onDone(), _this.get$_onError());
+        if (_this._stateData != null)
+          _this._subscription = subscription;
+        return future;
+      }
+      return $.$get$Future__falseFuture();
+    },
+    cancel$0() {
+      var _this = this,
+        subscription = _this._subscription,
+        stateData = _this._stateData;
+      _this._stateData = null;
+      if (subscription != null) {
+        _this._subscription = null;
+        if (!_this._async$_hasValue)
+          stateData._asyncComplete$1(false);
+        else
+          _this._async$_hasValue = false;
+        return subscription.cancel$0();
+      }
+      return $.$get$Future__nullFuture();
+    },
+    _onData$1(data) {
+      var moveNextFuture, t1, _this = this;
+      if (_this._subscription == null)
+        return;
+      moveNextFuture = _this._stateData;
+      _this._stateData = data;
+      _this._async$_hasValue = true;
+      moveNextFuture._complete$1(true);
+      if (_this._async$_hasValue) {
+        t1 = _this._subscription;
+        if (t1 != null)
+          t1.pause$0(0);
+      }
+    },
+    _onError$2(error, stackTrace) {
+      var _this = this,
+        subscription = _this._subscription,
+        moveNextFuture = _this._stateData;
+      _this._stateData = _this._subscription = null;
+      if (subscription != null)
+        moveNextFuture._completeErrorObject$1(new A.AsyncError(error, stackTrace));
+      else
+        moveNextFuture._asyncCompleteErrorObject$1(new A.AsyncError(error, stackTrace));
+    },
+    _onDone$0() {
+      var _this = this,
+        subscription = _this._subscription,
+        moveNextFuture = _this._stateData;
+      _this._stateData = _this._subscription = null;
+      if (subscription != null)
+        moveNextFuture._completeWithValue$1(false);
+      else
+        moveNextFuture._asyncCompleteWithValue$1(false);
+    }
+  };
+  A._ForwardingStream.prototype = {
+    get$isBroadcast() {
+      return this._async$_source.get$isBroadcast();
+    },
+    listen$4$cancelOnError$onDone$onError(_, onData, cancelOnError, onDone, onError) {
+      var t1 = this.$ti,
+        t2 = $.Zone__current,
+        t3 = cancelOnError === true ? 1 : 0,
+        t4 = onError != null ? 32 : 0,
+        t5 = A._BufferingStreamSubscription__registerDataHandler(t2, onData, t1._rest[1]),
+        t6 = A._BufferingStreamSubscription__registerErrorHandler(t2, onError),
+        t7 = onDone == null ? A.async___nullDoneHandler$closure() : onDone;
+      t1 = new A._ForwardingStreamSubscription(this, t5, t6, t2.registerCallback$1$1(t7, type$.void), t2, t3 | t4, t1._eval$1("_ForwardingStreamSubscription<1,2>"));
+      t1._subscription = this._async$_source.listen$3$onDone$onError(0, t1.get$_handleData(), t1.get$_handleDone(), t1.get$_handleError());
+      return t1;
+    },
+    listen$1(_, onData) {
+      return this.listen$4$cancelOnError$onDone$onError(0, onData, null, null, null);
+    },
+    listen$3$onDone$onError(_, onData, onDone, onError) {
+      return this.listen$4$cancelOnError$onDone$onError(0, onData, null, onDone, onError);
+    }
+  };
+  A._ForwardingStreamSubscription.prototype = {
+    _async$_add$1(data) {
+      if ((this._state & 2) !== 0)
+        return;
+      this.super$_BufferingStreamSubscription$_add(data);
+    },
+    _addError$2(error, stackTrace) {
+      if ((this._state & 2) !== 0)
+        return;
+      this.super$_BufferingStreamSubscription$_addError(error, stackTrace);
+    },
+    _async$_onPause$0() {
+      var t1 = this._subscription;
+      if (t1 != null)
+        t1.pause$0(0);
+    },
+    _async$_onResume$0() {
+      var t1 = this._subscription;
+      if (t1 != null)
+        t1.resume$0(0);
+    },
+    _async$_onCancel$0() {
+      var subscription = this._subscription;
+      if (subscription != null) {
+        this._subscription = null;
+        return subscription.cancel$0();
+      }
+      return null;
+    },
+    _handleData$1(data) {
+      this._stream._handleData$2(data, this);
+    },
+    _handleError$2(error, stackTrace) {
+      this._addError$2(error, stackTrace);
+    },
+    _handleDone$0() {
+      this._close$0();
+    }
+  };
+  A._MapStream.prototype = {
+    _handleData$2(inputEvent, sink) {
+      var e, s, exception, error, stackTrace, replacement, outputEvent = null;
+      try {
+        outputEvent = this._transform.call$1(inputEvent);
+      } catch (exception) {
+        e = A.unwrapException(exception);
+        s = A.getTraceFromException(exception);
+        error = e;
+        stackTrace = s;
+        replacement = A._interceptError(error, stackTrace);
+        if (replacement != null) {
+          error = replacement.error;
+          stackTrace = replacement.stackTrace;
+        }
+        sink._addError$2(error, stackTrace);
+        return;
+      }
+      sink._async$_add$1(outputEvent);
+    }
+  };
+  A._ZoneFunction.prototype = {};
+  A._ZoneSpecification.prototype = {$isZoneSpecification: 1};
+  A._ZoneDelegate.prototype = {$isZoneDelegate: 1};
+  A._Zone.prototype = {
+    _processUncaughtError$3(zone, error, stackTrace) {
+      var handler, parentDelegate, parentZone, currentZone, e, s, t1, exception,
+        implementation = this.get$_handleUncaughtError(),
+        implZone = implementation.zone;
+      if (implZone === B.C__RootZone) {
+        A._rootHandleError(error, stackTrace);
+        return;
+      }
+      handler = implementation.$function;
+      parentDelegate = implZone.get$_parentDelegate();
+      t1 = J.get$parent$z(implZone);
+      t1.toString;
+      parentZone = t1;
+      currentZone = $.Zone__current;
+      try {
+        $.Zone__current = parentZone;
+        handler.call$5(implZone, parentDelegate, zone, error, stackTrace);
+        $.Zone__current = currentZone;
+      } catch (exception) {
+        e = A.unwrapException(exception);
+        s = A.getTraceFromException(exception);
+        $.Zone__current = currentZone;
+        t1 = error === e ? stackTrace : s;
+        parentZone._processUncaughtError$3(implZone, e, t1);
+      }
+    },
+    $isZone: 1
+  };
+  A._CustomZone.prototype = {
+    get$_delegate() {
+      var t1 = this._delegateCache;
+      return t1 == null ? this._delegateCache = new A._ZoneDelegate(this) : t1;
+    },
+    get$_parentDelegate() {
+      return this.parent.get$_delegate();
+    },
+    get$errorZone() {
+      return this._handleUncaughtError.zone;
+    },
+    runGuarded$1(f) {
+      var e, s, exception;
+      try {
+        this.run$1$1(0, f, type$.void);
+      } catch (exception) {
+        e = A.unwrapException(exception);
+        s = A.getTraceFromException(exception);
+        this._processUncaughtError$3(this, e, s);
+      }
+    },
+    runUnaryGuarded$1$2(f, arg, $T) {
+      var e, s, exception;
+      try {
+        this.runUnary$2$2(f, arg, type$.void, $T);
+      } catch (exception) {
+        e = A.unwrapException(exception);
+        s = A.getTraceFromException(exception);
+        this._processUncaughtError$3(this, e, s);
+      }
+    },
+    runBinaryGuarded$2$3(f, arg1, arg2, $T1, $T2) {
+      var e, s, exception;
+      try {
+        this.runBinary$3$3(f, arg1, arg2, type$.void, $T1, $T2);
+      } catch (exception) {
+        e = A.unwrapException(exception);
+        s = A.getTraceFromException(exception);
+        this._processUncaughtError$3(this, e, s);
+      }
+    },
+    bindCallback$1$1(f, $R) {
+      return new A._CustomZone_bindCallback_closure(this, this.registerCallback$1$1(f, $R), $R);
+    },
+    bindUnaryCallback$2$1(f, $R, $T) {
+      return new A._CustomZone_bindUnaryCallback_closure(this, this.registerUnaryCallback$2$1(f, $R, $T), $T, $R);
+    },
+    bindCallbackGuarded$1(f) {
+      return new A._CustomZone_bindCallbackGuarded_closure(this, this.registerCallback$1$1(f, type$.void));
+    },
+    $index(_, key) {
+      var value,
+        t1 = this._async$_map,
+        result = t1.$index(0, key);
+      if (result != null || t1.containsKey$1(key))
+        return result;
+      value = this.parent.$index(0, key);
+      if (value != null)
+        t1.$indexSet(0, key, value);
+      return value;
+    },
+    handleUncaughtError$2(error, stackTrace) {
+      this._processUncaughtError$3(this, error, stackTrace);
+    },
+    fork$2$specification$zoneValues(specification, zoneValues) {
+      var implementation = this._fork,
+        t1 = implementation.zone;
+      return implementation.$function.call$5(t1, t1.get$_parentDelegate(), this, specification, zoneValues);
+    },
+    run$1$1(_, f) {
+      var implementation = this._run,
+        t1 = implementation.zone;
+      return implementation.$function.call$4(t1, t1.get$_parentDelegate(), this, f);
+    },
+    runUnary$2$2(f, arg) {
+      var implementation = this._runUnary,
+        t1 = implementation.zone;
+      return implementation.$function.call$5(t1, t1.get$_parentDelegate(), this, f, arg);
+    },
+    runBinary$3$3(f, arg1, arg2) {
+      var implementation = this._runBinary,
+        t1 = implementation.zone;
+      return implementation.$function.call$6(t1, t1.get$_parentDelegate(), this, f, arg1, arg2);
+    },
+    registerCallback$1$1(callback) {
+      var implementation = this._registerCallback,
+        t1 = implementation.zone;
+      return implementation.$function.call$4(t1, t1.get$_parentDelegate(), this, callback);
+    },
+    registerUnaryCallback$2$1(callback) {
+      var implementation = this._registerUnaryCallback,
+        t1 = implementation.zone;
+      return implementation.$function.call$4(t1, t1.get$_parentDelegate(), this, callback);
+    },
+    registerBinaryCallback$3$1(callback) {
+      var implementation = this._registerBinaryCallback,
+        t1 = implementation.zone;
+      return implementation.$function.call$4(t1, t1.get$_parentDelegate(), this, callback);
+    },
+    errorCallback$2(error, stackTrace) {
+      var implementation = this._errorCallback,
+        implementationZone = implementation.zone;
+      if (implementationZone === B.C__RootZone)
+        return null;
+      return implementation.$function.call$5(implementationZone, implementationZone.get$_parentDelegate(), this, error, stackTrace);
+    },
+    scheduleMicrotask$1(f) {
+      var implementation = this._scheduleMicrotask,
+        t1 = implementation.zone;
+      return implementation.$function.call$4(t1, t1.get$_parentDelegate(), this, f);
+    },
+    createTimer$2(duration, f) {
+      var implementation = this._createTimer,
+        t1 = implementation.zone;
+      return implementation.$function.call$5(t1, t1.get$_parentDelegate(), this, duration, f);
+    },
+    print$1(line) {
+      var implementation = this._print,
+        t1 = implementation.zone;
+      return implementation.$function.call$4(t1, t1.get$_parentDelegate(), this, line);
+    },
+    get$_run() {
+      return this._run;
+    },
+    get$_runUnary() {
+      return this._runUnary;
+    },
+    get$_runBinary() {
+      return this._runBinary;
+    },
+    get$_registerCallback() {
+      return this._registerCallback;
+    },
+    get$_registerUnaryCallback() {
+      return this._registerUnaryCallback;
+    },
+    get$_registerBinaryCallback() {
+      return this._registerBinaryCallback;
+    },
+    get$_errorCallback() {
+      return this._errorCallback;
+    },
+    get$_scheduleMicrotask() {
+      return this._scheduleMicrotask;
+    },
+    get$_createTimer() {
+      return this._createTimer;
+    },
+    get$_createPeriodicTimer() {
+      return this._createPeriodicTimer;
+    },
+    get$_print() {
+      return this._print;
+    },
+    get$_fork() {
+      return this._fork;
+    },
+    get$_handleUncaughtError() {
+      return this._handleUncaughtError;
+    },
+    get$parent(receiver) {
+      return this.parent;
+    },
+    get$_async$_map() {
+      return this._async$_map;
+    }
+  };
+  A._CustomZone_bindCallback_closure.prototype = {
+    call$0() {
+      return this.$this.run$1$1(0, this.registered, this.R);
+    },
+    $signature() {
+      return this.R._eval$1("0()");
+    }
+  };
+  A._CustomZone_bindUnaryCallback_closure.prototype = {
+    call$1(arg) {
+      var _this = this;
+      return _this.$this.runUnary$2$2(_this.registered, arg, _this.R, _this.T);
+    },
+    $signature() {
+      return this.R._eval$1("@<0>")._bind$1(this.T)._eval$1("1(2)");
+    }
+  };
+  A._CustomZone_bindCallbackGuarded_closure.prototype = {
+    call$0() {
+      return this.$this.runGuarded$1(this.registered);
+    },
+    $signature: 0
+  };
+  A._rootHandleError_closure.prototype = {
+    call$0() {
+      A.Error_throwWithStackTrace(this.error, this.stackTrace);
+    },
+    $signature: 0
+  };
+  A._RootZone.prototype = {
+    get$_run() {
+      return B._ZoneFunction__RootZone__rootRun;
+    },
+    get$_runUnary() {
+      return B._ZoneFunction__RootZone__rootRunUnary;
+    },
+    get$_runBinary() {
+      return B._ZoneFunction__RootZone__rootRunBinary;
+    },
+    get$_registerCallback() {
+      return B._ZoneFunction__RootZone__rootRegisterCallback;
+    },
+    get$_registerUnaryCallback() {
+      return B._ZoneFunction_Xkh;
+    },
+    get$_registerBinaryCallback() {
+      return B._ZoneFunction_e9o;
+    },
+    get$_errorCallback() {
+      return B._ZoneFunction__RootZone__rootErrorCallback;
+    },
+    get$_scheduleMicrotask() {
+      return B._ZoneFunction__RootZone__rootScheduleMicrotask;
+    },
+    get$_createTimer() {
+      return B._ZoneFunction__RootZone__rootCreateTimer;
+    },
+    get$_createPeriodicTimer() {
+      return B._ZoneFunction_PAY;
+    },
+    get$_print() {
+      return B._ZoneFunction__RootZone__rootPrint;
+    },
+    get$_fork() {
+      return B._ZoneFunction__RootZone__rootFork;
+    },
+    get$_handleUncaughtError() {
+      return B._ZoneFunction_KjJ;
+    },
+    get$parent(_) {
+      return null;
+    },
+    get$_async$_map() {
+      return $.$get$_RootZone__rootMap();
+    },
+    get$_delegate() {
+      var t1 = $._RootZone__rootDelegate;
+      return t1 == null ? $._RootZone__rootDelegate = new A._ZoneDelegate(this) : t1;
+    },
+    get$_parentDelegate() {
+      var t1 = $._RootZone__rootDelegate;
+      return t1 == null ? $._RootZone__rootDelegate = new A._ZoneDelegate(this) : t1;
+    },
+    get$errorZone() {
+      return this;
+    },
+    runGuarded$1(f) {
+      var e, s, exception;
+      try {
+        if (B.C__RootZone === $.Zone__current) {
+          f.call$0();
+          return;
+        }
+        A._rootRun(null, null, this, f);
+      } catch (exception) {
+        e = A.unwrapException(exception);
+        s = A.getTraceFromException(exception);
+        A._rootHandleError(e, s);
+      }
+    },
+    runUnaryGuarded$1$2(f, arg) {
+      var e, s, exception;
+      try {
+        if (B.C__RootZone === $.Zone__current) {
+          f.call$1(arg);
+          return;
+        }
+        A._rootRunUnary(null, null, this, f, arg);
+      } catch (exception) {
+        e = A.unwrapException(exception);
+        s = A.getTraceFromException(exception);
+        A._rootHandleError(e, s);
+      }
+    },
+    runBinaryGuarded$2$3(f, arg1, arg2) {
+      var e, s, exception;
+      try {
+        if (B.C__RootZone === $.Zone__current) {
+          f.call$2(arg1, arg2);
+          return;
+        }
+        A._rootRunBinary(null, null, this, f, arg1, arg2);
+      } catch (exception) {
+        e = A.unwrapException(exception);
+        s = A.getTraceFromException(exception);
+        A._rootHandleError(e, s);
+      }
+    },
+    bindCallback$1$1(f, $R) {
+      return new A._RootZone_bindCallback_closure(this, f, $R);
+    },
+    bindUnaryCallback$2$1(f, $R, $T) {
+      return new A._RootZone_bindUnaryCallback_closure(this, f, $T, $R);
+    },
+    bindCallbackGuarded$1(f) {
+      return new A._RootZone_bindCallbackGuarded_closure(this, f);
+    },
+    $index(_, key) {
+      return null;
+    },
+    handleUncaughtError$2(error, stackTrace) {
+      A._rootHandleError(error, stackTrace);
+    },
+    fork$2$specification$zoneValues(specification, zoneValues) {
+      return A._rootFork(null, null, this, specification, zoneValues);
+    },
+    run$1$1(_, f) {
+      if ($.Zone__current === B.C__RootZone)
+        return f.call$0();
+      return A._rootRun(null, null, this, f);
+    },
+    runUnary$2$2(f, arg) {
+      if ($.Zone__current === B.C__RootZone)
+        return f.call$1(arg);
+      return A._rootRunUnary(null, null, this, f, arg);
+    },
+    runBinary$3$3(f, arg1, arg2) {
+      if ($.Zone__current === B.C__RootZone)
+        return f.call$2(arg1, arg2);
+      return A._rootRunBinary(null, null, this, f, arg1, arg2);
+    },
+    registerCallback$1$1(f) {
+      return f;
+    },
+    registerUnaryCallback$2$1(f) {
+      return f;
+    },
+    registerBinaryCallback$3$1(f) {
+      return f;
+    },
+    errorCallback$2(error, stackTrace) {
+      return null;
+    },
+    scheduleMicrotask$1(f) {
+      A._rootScheduleMicrotask(null, null, this, f);
+    },
+    createTimer$2(duration, f) {
+      return A.Timer__createTimer(duration, f);
+    },
+    print$1(line) {
+      A.printString(line);
+    }
+  };
+  A._RootZone_bindCallback_closure.prototype = {
+    call$0() {
+      return this.$this.run$1$1(0, this.f, this.R);
+    },
+    $signature() {
+      return this.R._eval$1("0()");
+    }
+  };
+  A._RootZone_bindUnaryCallback_closure.prototype = {
+    call$1(arg) {
+      var _this = this;
+      return _this.$this.runUnary$2$2(_this.f, arg, _this.R, _this.T);
+    },
+    $signature() {
+      return this.R._eval$1("@<0>")._bind$1(this.T)._eval$1("1(2)");
+    }
+  };
+  A._RootZone_bindCallbackGuarded_closure.prototype = {
+    call$0() {
+      return this.$this.runGuarded$1(this.f);
+    },
+    $signature: 0
+  };
+  A._HashMap.prototype = {
+    get$length(_) {
+      return this._collection$_length;
+    },
+    get$isEmpty(_) {
+      return this._collection$_length === 0;
+    },
+    get$isNotEmpty(_) {
+      return this._collection$_length !== 0;
+    },
+    get$keys(_) {
+      return new A._HashMapKeyIterable(this, A._instanceType(this)._eval$1("_HashMapKeyIterable<1>"));
+    },
+    get$values(_) {
+      var t1 = A._instanceType(this);
+      return A.MappedIterable_MappedIterable(new A._HashMapKeyIterable(this, t1._eval$1("_HashMapKeyIterable<1>")), new A._HashMap_values_closure(this), t1._precomputed1, t1._rest[1]);
+    },
+    containsKey$1(key) {
+      var strings, nums;
+      if (typeof key == "string" && key !== "__proto__") {
+        strings = this._collection$_strings;
+        return strings == null ? false : strings[key] != null;
+      } else if (typeof key == "number" && (key & 1073741823) === key) {
+        nums = this._collection$_nums;
+        return nums == null ? false : nums[key] != null;
+      } else
+        return this._containsKey$1(key);
+    },
+    _containsKey$1(key) {
+      var rest = this._collection$_rest;
+      if (rest == null)
+        return false;
+      return this._findBucketIndex$2(this._getBucket$2(rest, key), key) >= 0;
+    },
+    addAll$1(_, other) {
+      other.forEach$1(0, new A._HashMap_addAll_closure(this));
+    },
+    $index(_, key) {
+      var strings, t1, nums;
+      if (typeof key == "string" && key !== "__proto__") {
+        strings = this._collection$_strings;
+        t1 = strings == null ? null : A._HashMap__getTableEntry(strings, key);
+        return t1;
+      } else if (typeof key == "number" && (key & 1073741823) === key) {
+        nums = this._collection$_nums;
+        t1 = nums == null ? null : A._HashMap__getTableEntry(nums, key);
+        return t1;
+      } else
+        return this._get$1(key);
+    },
+    _get$1(key) {
+      var bucket, index,
+        rest = this._collection$_rest;
+      if (rest == null)
+        return null;
+      bucket = this._getBucket$2(rest, key);
+      index = this._findBucketIndex$2(bucket, key);
+      return index < 0 ? null : bucket[index + 1];
+    },
+    $indexSet(_, key, value) {
+      var strings, nums, _this = this;
+      if (typeof key == "string" && key !== "__proto__") {
+        strings = _this._collection$_strings;
+        _this._collection$_addHashTableEntry$3(strings == null ? _this._collection$_strings = A._HashMap__newHashTable() : strings, key, value);
+      } else if (typeof key == "number" && (key & 1073741823) === key) {
+        nums = _this._collection$_nums;
+        _this._collection$_addHashTableEntry$3(nums == null ? _this._collection$_nums = A._HashMap__newHashTable() : nums, key, value);
+      } else
+        _this._set$2(key, value);
+    },
+    _set$2(key, value) {
+      var hash, bucket, index, _this = this,
+        rest = _this._collection$_rest;
+      if (rest == null)
+        rest = _this._collection$_rest = A._HashMap__newHashTable();
+      hash = _this._computeHashCode$1(key);
+      bucket = rest[hash];
+      if (bucket == null) {
+        A._HashMap__setTableEntry(rest, hash, [key, value]);
+        ++_this._collection$_length;
+        _this._collection$_keys = null;
+      } else {
+        index = _this._findBucketIndex$2(bucket, key);
+        if (index >= 0)
+          bucket[index + 1] = value;
+        else {
+          bucket.push(key, value);
+          ++_this._collection$_length;
+          _this._collection$_keys = null;
+        }
+      }
+    },
+    remove$1(_, key) {
+      var t1;
+      if (key !== "__proto__")
+        return this._removeHashTableEntry$2(this._collection$_strings, key);
+      else {
+        t1 = this._remove$1(key);
+        return t1;
+      }
+    },
+    _remove$1(key) {
+      var hash, bucket, index, result, _this = this,
+        rest = _this._collection$_rest;
+      if (rest == null)
+        return null;
+      hash = _this._computeHashCode$1(key);
+      bucket = rest[hash];
+      index = _this._findBucketIndex$2(bucket, key);
+      if (index < 0)
+        return null;
+      --_this._collection$_length;
+      _this._collection$_keys = null;
+      result = bucket.splice(index, 2)[1];
+      if (0 === bucket.length)
+        delete rest[hash];
+      return result;
+    },
+    forEach$1(_, action) {
+      var $length, t1, i, key, t2, _this = this,
+        keys = _this._computeKeys$0();
+      for ($length = keys.length, t1 = A._instanceType(_this)._rest[1], i = 0; i < $length; ++i) {
+        key = keys[i];
+        t2 = _this.$index(0, key);
+        action.call$2(key, t2 == null ? t1._as(t2) : t2);
+        if (keys !== _this._collection$_keys)
+          throw A.wrapException(A.ConcurrentModificationError$(_this));
+      }
+    },
+    _computeKeys$0() {
+      var strings, index, names, entries, i, nums, rest, bucket, $length, i0, _this = this,
+        result = _this._collection$_keys;
+      if (result != null)
+        return result;
+      result = A.List_List$filled(_this._collection$_length, null, false, type$.dynamic);
+      strings = _this._collection$_strings;
+      index = 0;
+      if (strings != null) {
+        names = Object.getOwnPropertyNames(strings);
+        entries = names.length;
+        for (i = 0; i < entries; ++i) {
+          result[index] = names[i];
+          ++index;
+        }
+      }
+      nums = _this._collection$_nums;
+      if (nums != null) {
+        names = Object.getOwnPropertyNames(nums);
+        entries = names.length;
+        for (i = 0; i < entries; ++i) {
+          result[index] = +names[i];
+          ++index;
+        }
+      }
+      rest = _this._collection$_rest;
+      if (rest != null) {
+        names = Object.getOwnPropertyNames(rest);
+        entries = names.length;
+        for (i = 0; i < entries; ++i) {
+          bucket = rest[names[i]];
+          $length = bucket.length;
+          for (i0 = 0; i0 < $length; i0 += 2) {
+            result[index] = bucket[i0];
+            ++index;
+          }
+        }
+      }
+      return _this._collection$_keys = result;
+    },
+    _collection$_addHashTableEntry$3(table, key, value) {
+      if (table[key] == null) {
+        ++this._collection$_length;
+        this._collection$_keys = null;
+      }
+      A._HashMap__setTableEntry(table, key, value);
+    },
+    _removeHashTableEntry$2(table, key) {
+      var value;
+      if (table != null && table[key] != null) {
+        value = A._HashMap__getTableEntry(table, key);
+        delete table[key];
+        --this._collection$_length;
+        this._collection$_keys = null;
+        return value;
+      } else
+        return null;
+    },
+    _computeHashCode$1(key) {
+      return J.get$hashCode$(key) & 1073741823;
+    },
+    _getBucket$2(table, key) {
+      return table[this._computeHashCode$1(key)];
+    },
+    _findBucketIndex$2(bucket, key) {
+      var $length, i;
+      if (bucket == null)
+        return -1;
+      $length = bucket.length;
+      for (i = 0; i < $length; i += 2)
+        if (J.$eq$(bucket[i], key))
+          return i;
+      return -1;
+    }
+  };
+  A._HashMap_values_closure.prototype = {
+    call$1(each) {
+      var t1 = this.$this,
+        t2 = t1.$index(0, each);
+      return t2 == null ? A._instanceType(t1)._rest[1]._as(t2) : t2;
+    },
+    $signature() {
+      return A._instanceType(this.$this)._eval$1("2(1)");
+    }
+  };
+  A._HashMap_addAll_closure.prototype = {
+    call$2(key, value) {
+      this.$this.$indexSet(0, key, value);
+    },
+    $signature() {
+      return A._instanceType(this.$this)._eval$1("~(1,2)");
+    }
+  };
+  A._IdentityHashMap.prototype = {
+    _computeHashCode$1(key) {
+      return A.objectHashCode(key) & 1073741823;
+    },
+    _findBucketIndex$2(bucket, key) {
+      var $length, i, t1;
+      if (bucket == null)
+        return -1;
+      $length = bucket.length;
+      for (i = 0; i < $length; i += 2) {
+        t1 = bucket[i];
+        if (t1 == null ? key == null : t1 === key)
+          return i;
+      }
+      return -1;
+    }
+  };
+  A._HashMapKeyIterable.prototype = {
+    get$length(_) {
+      return this._map._collection$_length;
+    },
+    get$isEmpty(_) {
+      return this._map._collection$_length === 0;
+    },
+    get$isNotEmpty(_) {
+      return this._map._collection$_length !== 0;
+    },
+    get$iterator(_) {
+      var t1 = this._map;
+      return new A._HashMapKeyIterator(t1, t1._computeKeys$0(), this.$ti._eval$1("_HashMapKeyIterator<1>"));
+    },
+    contains$1(_, element) {
+      return this._map.containsKey$1(element);
+    }
+  };
+  A._HashMapKeyIterator.prototype = {
+    get$current(_) {
+      var t1 = this._collection$_current;
+      return t1 == null ? this.$ti._precomputed1._as(t1) : t1;
+    },
+    moveNext$0() {
+      var _this = this,
+        keys = _this._collection$_keys,
+        offset = _this._offset,
+        t1 = _this._map;
+      if (keys !== t1._collection$_keys)
+        throw A.wrapException(A.ConcurrentModificationError$(t1));
+      else if (offset >= keys.length) {
+        _this._collection$_current = null;
+        return false;
+      } else {
+        _this._collection$_current = keys[offset];
+        _this._offset = offset + 1;
+        return true;
+      }
+    }
+  };
+  A._LinkedCustomHashMap.prototype = {
+    $index(_, key) {
+      if (!this._validKey.call$1(key))
+        return null;
+      return this.super$JsLinkedHashMap$internalGet(key);
+    },
+    $indexSet(_, key, value) {
+      this.super$JsLinkedHashMap$internalSet(key, value);
+    },
+    containsKey$1(key) {
+      if (!this._validKey.call$1(key))
+        return false;
+      return this.super$JsLinkedHashMap$internalContainsKey(key);
+    },
+    remove$1(_, key) {
+      if (!this._validKey.call$1(key))
+        return null;
+      return this.super$JsLinkedHashMap$internalRemove(key);
+    },
+    internalComputeHashCode$1(key) {
+      return this._hashCode.call$1(key) & 1073741823;
+    },
+    internalFindBucketIndex$2(bucket, key) {
+      var $length, t1, i;
+      if (bucket == null)
+        return -1;
+      $length = bucket.length;
+      for (t1 = this._equals, i = 0; i < $length; ++i)
+        if (t1.call$2(bucket[i].hashMapCellKey, key))
+          return i;
+      return -1;
+    }
+  };
+  A._LinkedCustomHashMap_closure.prototype = {
+    call$1(v) {
+      return this.K._is(v);
+    },
+    $signature: 9
+  };
+  A._LinkedHashSet.prototype = {
+    _newSet$0() {
+      return new A._LinkedHashSet(A._instanceType(this)._eval$1("_LinkedHashSet<1>"));
+    },
+    _newSimilarSet$1$0($R) {
+      return new A._LinkedHashSet($R._eval$1("_LinkedHashSet<0>"));
+    },
+    _newSimilarSet$0() {
+      return this._newSimilarSet$1$0(type$.dynamic);
+    },
+    get$iterator(_) {
+      var _this = this,
+        t1 = new A._LinkedHashSetIterator(_this, _this._collection$_modifications, A._instanceType(_this)._eval$1("_LinkedHashSetIterator<1>"));
+      t1._collection$_cell = _this._collection$_first;
+      return t1;
+    },
+    get$length(_) {
+      return this._collection$_length;
+    },
+    get$isEmpty(_) {
+      return this._collection$_length === 0;
+    },
+    get$isNotEmpty(_) {
+      return this._collection$_length !== 0;
+    },
+    contains$1(_, object) {
+      var strings, nums;
+      if (typeof object == "string" && object !== "__proto__") {
+        strings = this._collection$_strings;
+        if (strings == null)
+          return false;
+        return strings[object] != null;
+      } else if (typeof object == "number" && (object & 1073741823) === object) {
+        nums = this._collection$_nums;
+        if (nums == null)
+          return false;
+        return nums[object] != null;
+      } else
+        return this._contains$1(object);
+    },
+    _contains$1(object) {
+      var rest = this._collection$_rest;
+      if (rest == null)
+        return false;
+      return this._findBucketIndex$2(rest[this._computeHashCode$1(object)], object) >= 0;
+    },
+    get$first(_) {
+      var first = this._collection$_first;
+      if (first == null)
+        throw A.wrapException(A.StateError$("No elements"));
+      return first._element;
+    },
+    get$last(_) {
+      var last = this._collection$_last;
+      if (last == null)
+        throw A.wrapException(A.StateError$("No elements"));
+      return last._element;
+    },
+    add$1(_, element) {
+      var strings, nums, _this = this;
+      if (typeof element == "string" && element !== "__proto__") {
+        strings = _this._collection$_strings;
+        return _this._collection$_addHashTableEntry$2(strings == null ? _this._collection$_strings = A._LinkedHashSet__newHashTable() : strings, element);
+      } else if (typeof element == "number" && (element & 1073741823) === element) {
+        nums = _this._collection$_nums;
+        return _this._collection$_addHashTableEntry$2(nums == null ? _this._collection$_nums = A._LinkedHashSet__newHashTable() : nums, element);
+      } else
+        return _this._add$1(element);
+    },
+    _add$1(element) {
+      var hash, bucket, _this = this,
+        rest = _this._collection$_rest;
+      if (rest == null)
+        rest = _this._collection$_rest = A._LinkedHashSet__newHashTable();
+      hash = _this._computeHashCode$1(element);
+      bucket = rest[hash];
+      if (bucket == null)
+        rest[hash] = [_this._collection$_newLinkedCell$1(element)];
+      else {
+        if (_this._findBucketIndex$2(bucket, element) >= 0)
+          return false;
+        bucket.push(_this._collection$_newLinkedCell$1(element));
+      }
+      return true;
+    },
+    remove$1(_, object) {
+      var _this = this;
+      if (typeof object == "string" && object !== "__proto__")
+        return _this._removeHashTableEntry$2(_this._collection$_strings, object);
+      else if (typeof object == "number" && (object & 1073741823) === object)
+        return _this._removeHashTableEntry$2(_this._collection$_nums, object);
+      else
+        return _this._remove$1(object);
+    },
+    _remove$1(object) {
+      var hash, bucket, index, cell, _this = this,
+        rest = _this._collection$_rest;
+      if (rest == null)
+        return false;
+      hash = _this._computeHashCode$1(object);
+      bucket = rest[hash];
+      index = _this._findBucketIndex$2(bucket, object);
+      if (index < 0)
+        return false;
+      cell = bucket.splice(index, 1)[0];
+      if (0 === bucket.length)
+        delete rest[hash];
+      _this._unlinkCell$1(cell);
+      return true;
+    },
+    _collection$_addHashTableEntry$2(table, element) {
+      if (table[element] != null)
+        return false;
+      table[element] = this._collection$_newLinkedCell$1(element);
+      return true;
+    },
+    _removeHashTableEntry$2(table, element) {
+      var cell;
+      if (table == null)
+        return false;
+      cell = table[element];
+      if (cell == null)
+        return false;
+      this._unlinkCell$1(cell);
+      delete table[element];
+      return true;
+    },
+    _collection$_modified$0() {
+      this._collection$_modifications = this._collection$_modifications + 1 & 1073741823;
+    },
+    _collection$_newLinkedCell$1(element) {
+      var t1, _this = this,
+        cell = new A._LinkedHashSetCell(element);
+      if (_this._collection$_first == null)
+        _this._collection$_first = _this._collection$_last = cell;
+      else {
+        t1 = _this._collection$_last;
+        t1.toString;
+        cell._collection$_previous = t1;
+        _this._collection$_last = t1._collection$_next = cell;
+      }
+      ++_this._collection$_length;
+      _this._collection$_modified$0();
+      return cell;
+    },
+    _unlinkCell$1(cell) {
+      var _this = this,
+        previous = cell._collection$_previous,
+        next = cell._collection$_next;
+      if (previous == null)
+        _this._collection$_first = next;
+      else
+        previous._collection$_next = next;
+      if (next == null)
+        _this._collection$_last = previous;
+      else
+        next._collection$_previous = previous;
+      --_this._collection$_length;
+      _this._collection$_modified$0();
+    },
+    _computeHashCode$1(element) {
+      return J.get$hashCode$(element) & 1073741823;
+    },
+    _findBucketIndex$2(bucket, element) {
+      var $length, i;
+      if (bucket == null)
+        return -1;
+      $length = bucket.length;
+      for (i = 0; i < $length; ++i)
+        if (J.$eq$(bucket[i]._element, element))
+          return i;
+      return -1;
+    }
+  };
+  A._LinkedIdentityHashSet.prototype = {
+    _newSet$0() {
+      return new A._LinkedIdentityHashSet(this.$ti);
+    },
+    _newSimilarSet$1$0($R) {
+      return new A._LinkedIdentityHashSet($R._eval$1("_LinkedIdentityHashSet<0>"));
+    },
+    _newSimilarSet$0() {
+      return this._newSimilarSet$1$0(type$.dynamic);
+    },
+    _computeHashCode$1(key) {
+      return A.objectHashCode(key) & 1073741823;
+    },
+    _findBucketIndex$2(bucket, element) {
+      var $length, i, t1;
+      if (bucket == null)
+        return -1;
+      $length = bucket.length;
+      for (i = 0; i < $length; ++i) {
+        t1 = bucket[i]._element;
+        if (t1 == null ? element == null : t1 === element)
+          return i;
+      }
+      return -1;
+    }
+  };
+  A._LinkedHashSetCell.prototype = {};
+  A._LinkedHashSetIterator.prototype = {
+    get$current(_) {
+      var t1 = this._collection$_current;
+      return t1 == null ? this.$ti._precomputed1._as(t1) : t1;
+    },
+    moveNext$0() {
+      var _this = this,
+        cell = _this._collection$_cell,
+        t1 = _this._set;
+      if (_this._collection$_modifications !== t1._collection$_modifications)
+        throw A.wrapException(A.ConcurrentModificationError$(t1));
+      else if (cell == null) {
+        _this._collection$_current = null;
+        return false;
+      } else {
+        _this._collection$_current = cell._element;
+        _this._collection$_cell = cell._collection$_next;
+        return true;
+      }
+    }
+  };
+  A.UnmodifiableListView.prototype = {
+    cast$1$0(_, $R) {
+      return new A.UnmodifiableListView(J.cast$1$0$ax(this._collection$_source, $R), $R._eval$1("UnmodifiableListView<0>"));
+    },
+    get$length(_) {
+      return J.get$length$asx(this._collection$_source);
+    },
+    $index(_, index) {
+      return J.elementAt$1$ax(this._collection$_source, index);
+    }
+  };
+  A.HashMap_HashMap$from_closure.prototype = {
+    call$2(k, v) {
+      this.result.$indexSet(0, this.K._as(k), this.V._as(v));
+    },
+    $signature: 202
+  };
+  A.LinkedHashMap_LinkedHashMap$from_closure.prototype = {
+    call$2(k, v) {
+      this.result.$indexSet(0, this.K._as(k), this.V._as(v));
+    },
+    $signature: 202
+  };
+  A.ListBase.prototype = {
+    get$iterator(receiver) {
+      return new A.ListIterator(receiver, this.get$length(receiver), A.instanceType(receiver)._eval$1("ListIterator<ListBase.E>"));
+    },
+    elementAt$1(receiver, index) {
+      return this.$index(receiver, index);
+    },
+    forEach$1(receiver, action) {
+      var i,
+        $length = this.get$length(receiver);
+      for (i = 0; i < $length; ++i) {
+        action.call$1(this.$index(receiver, i));
+        if ($length !== this.get$length(receiver))
+          throw A.wrapException(A.ConcurrentModificationError$(receiver));
+      }
+    },
+    get$isEmpty(receiver) {
+      return this.get$length(receiver) === 0;
+    },
+    get$isNotEmpty(receiver) {
+      return !this.get$isEmpty(receiver);
+    },
+    get$first(receiver) {
+      if (this.get$length(receiver) === 0)
+        throw A.wrapException(A.IterableElementError_noElement());
+      return this.$index(receiver, 0);
+    },
+    get$last(receiver) {
+      if (this.get$length(receiver) === 0)
+        throw A.wrapException(A.IterableElementError_noElement());
+      return this.$index(receiver, this.get$length(receiver) - 1);
+    },
+    get$single(receiver) {
+      if (this.get$length(receiver) === 0)
+        throw A.wrapException(A.IterableElementError_noElement());
+      if (this.get$length(receiver) > 1)
+        throw A.wrapException(A.IterableElementError_tooMany());
+      return this.$index(receiver, 0);
+    },
+    contains$1(receiver, element) {
+      var i,
+        $length = this.get$length(receiver);
+      for (i = 0; i < $length; ++i) {
+        if (J.$eq$(this.$index(receiver, i), element))
+          return true;
+        if ($length !== this.get$length(receiver))
+          throw A.wrapException(A.ConcurrentModificationError$(receiver));
+      }
+      return false;
+    },
+    every$1(receiver, test) {
+      var i,
+        $length = this.get$length(receiver);
+      for (i = 0; i < $length; ++i) {
+        if (!test.call$1(this.$index(receiver, i)))
+          return false;
+        if ($length !== this.get$length(receiver))
+          throw A.wrapException(A.ConcurrentModificationError$(receiver));
+      }
+      return true;
+    },
+    any$1(receiver, test) {
+      var i,
+        $length = this.get$length(receiver);
+      for (i = 0; i < $length; ++i) {
+        if (test.call$1(this.$index(receiver, i)))
+          return true;
+        if ($length !== this.get$length(receiver))
+          throw A.wrapException(A.ConcurrentModificationError$(receiver));
+      }
+      return false;
+    },
+    lastWhere$2$orElse(receiver, test, orElse) {
+      var i, element,
+        $length = this.get$length(receiver);
+      for (i = $length - 1; i >= 0; --i) {
+        element = this.$index(receiver, i);
+        if (test.call$1(element))
+          return element;
+        if ($length !== this.get$length(receiver))
+          throw A.wrapException(A.ConcurrentModificationError$(receiver));
+      }
+      if (orElse != null)
+        return orElse.call$0();
+      throw A.wrapException(A.IterableElementError_noElement());
+    },
+    join$1(receiver, separator) {
+      var t1;
+      if (this.get$length(receiver) === 0)
+        return "";
+      t1 = A.StringBuffer__writeAll("", receiver, separator);
+      return t1.charCodeAt(0) == 0 ? t1 : t1;
+    },
+    where$1(receiver, test) {
+      return new A.WhereIterable(receiver, test, A.instanceType(receiver)._eval$1("WhereIterable<ListBase.E>"));
+    },
+    map$1$1(receiver, f, $T) {
+      return new A.MappedListIterable(receiver, f, A.instanceType(receiver)._eval$1("@<ListBase.E>")._bind$1($T)._eval$1("MappedListIterable<1,2>"));
+    },
+    expand$1$1(receiver, f, $T) {
+      return new A.ExpandIterable(receiver, f, A.instanceType(receiver)._eval$1("@<ListBase.E>")._bind$1($T)._eval$1("ExpandIterable<1,2>"));
+    },
+    skip$1(receiver, count) {
+      return A.SubListIterable$(receiver, count, null, A.instanceType(receiver)._eval$1("ListBase.E"));
+    },
+    take$1(receiver, count) {
+      return A.SubListIterable$(receiver, 0, A.checkNotNullable(count, "count", type$.int), A.instanceType(receiver)._eval$1("ListBase.E"));
+    },
+    toList$1$growable(receiver, growable) {
+      var t1, first, result, i, _this = this;
+      if (_this.get$isEmpty(receiver)) {
+        t1 = J.JSArray_JSArray$growable(0, A.instanceType(receiver)._eval$1("ListBase.E"));
+        return t1;
+      }
+      first = _this.$index(receiver, 0);
+      result = A.List_List$filled(_this.get$length(receiver), first, true, A.instanceType(receiver)._eval$1("ListBase.E"));
+      for (i = 1; i < _this.get$length(receiver); ++i)
+        result[i] = _this.$index(receiver, i);
+      return result;
+    },
+    toList$0(receiver) {
+      return this.toList$1$growable(receiver, true);
+    },
+    toSet$0(receiver) {
+      var i,
+        result = A.LinkedHashSet_LinkedHashSet(A.instanceType(receiver)._eval$1("ListBase.E"));
+      for (i = 0; i < this.get$length(receiver); ++i)
+        result.add$1(0, this.$index(receiver, i));
+      return result;
+    },
+    add$1(receiver, element) {
+      var t1 = this.get$length(receiver);
+      this.set$length(receiver, t1 + 1);
+      this.$indexSet(receiver, t1, element);
+    },
+    addAll$1(receiver, iterable) {
+      var t1,
+        i = this.get$length(receiver);
+      for (t1 = iterable.get$iterator(iterable); t1.moveNext$0();) {
+        this.add$1(receiver, t1.get$current(t1));
+        ++i;
+      }
+    },
+    _closeGap$2(receiver, start, end) {
+      var i, _this = this,
+        $length = _this.get$length(receiver),
+        size = end - start;
+      for (i = end; i < $length; ++i)
+        _this.$indexSet(receiver, i - size, _this.$index(receiver, i));
+      _this.set$length(receiver, $length - size);
+    },
+    cast$1$0(receiver, $R) {
+      return new A.CastList(receiver, A.instanceType(receiver)._eval$1("@<ListBase.E>")._bind$1($R)._eval$1("CastList<1,2>"));
+    },
+    sort$1(receiver, compare) {
+      var t1 = compare == null ? A.collection_ListBase__compareAny$closure() : compare;
+      A.Sort__doSort(receiver, 0, this.get$length(receiver) - 1, t1);
+    },
+    sublist$2(receiver, start, end) {
+      var t1,
+        listLength = this.get$length(receiver);
+      A.RangeError_checkValidRange(start, listLength, listLength);
+      t1 = A.List_List$_of(this.getRange$2(receiver, start, listLength), A.instanceType(receiver)._eval$1("ListBase.E"));
+      return t1;
+    },
+    sublist$1(receiver, start) {
+      return this.sublist$2(receiver, start, null);
+    },
+    getRange$2(receiver, start, end) {
+      A.RangeError_checkValidRange(start, end, this.get$length(receiver));
+      return A.SubListIterable$(receiver, start, end, A.instanceType(receiver)._eval$1("ListBase.E"));
+    },
+    removeRange$2(receiver, start, end) {
+      A.RangeError_checkValidRange(start, end, this.get$length(receiver));
+      if (end > start)
+        this._closeGap$2(receiver, start, end);
+    },
+    fillRange$3(receiver, start, end, fill) {
+      var i;
+      A.instanceType(receiver)._eval$1("ListBase.E")._as(fill);
+      A.RangeError_checkValidRange(start, end, this.get$length(receiver));
+      for (i = start; i < end; ++i)
+        this.$indexSet(receiver, i, fill);
+    },
+    setRange$4(receiver, start, end, iterable, skipCount) {
+      var $length, otherStart, otherList, t1, i;
+      A.RangeError_checkValidRange(start, end, this.get$length(receiver));
+      $length = end - start;
+      if ($length === 0)
+        return;
+      A.RangeError_checkNotNegative(skipCount, "skipCount");
+      if (type$.List_dynamic._is(iterable)) {
+        otherStart = skipCount;
+        otherList = iterable;
+      } else {
+        otherList = J.skip$1$ax(iterable, skipCount).toList$1$growable(0, false);
+        otherStart = 0;
+      }
+      t1 = J.getInterceptor$asx(otherList);
+      if (otherStart + $length > t1.get$length(otherList))
+        throw A.wrapException(A.IterableElementError_tooFew());
+      if (otherStart < start)
+        for (i = $length - 1; i >= 0; --i)
+          this.$indexSet(receiver, start + i, t1.$index(otherList, otherStart + i));
+      else
+        for (i = 0; i < $length; ++i)
+          this.$indexSet(receiver, start + i, t1.$index(otherList, otherStart + i));
+    },
+    get$reversed(receiver) {
+      return new A.ReversedListIterable(receiver, A.instanceType(receiver)._eval$1("ReversedListIterable<ListBase.E>"));
+    },
+    toString$0(receiver) {
+      return A.Iterable_iterableToFullString(receiver, "[", "]");
+    },
+    $isEfficientLengthIterable: 1,
+    $isIterable: 1,
+    $isList: 1
+  };
+  A.MapBase.prototype = {
+    cast$2$0(_, $RK, $RV) {
+      var t1 = A._instanceType(this);
+      return A.Map_castFrom(this, t1._eval$1("MapBase.K"), t1._eval$1("MapBase.V"), $RK, $RV);
+    },
+    forEach$1(_, action) {
+      var t1, t2, key, t3, _this = this;
+      for (t1 = _this.get$keys(_this), t1 = t1.get$iterator(t1), t2 = A._instanceType(_this)._eval$1("MapBase.V"); t1.moveNext$0();) {
+        key = t1.get$current(t1);
+        t3 = _this.$index(0, key);
+        action.call$2(key, t3 == null ? t2._as(t3) : t3);
+      }
+    },
+    addAll$1(_, other) {
+      other.forEach$1(0, new A.MapBase_addAll_closure(this));
+    },
+    get$entries(_) {
+      var _this = this,
+        t1 = _this.get$keys(_this);
+      return t1.map$1$1(t1, new A.MapBase_entries_closure(_this), A._instanceType(_this)._eval$1("MapEntry<MapBase.K,MapBase.V>"));
+    },
+    containsKey$1(key) {
+      var t1 = this.get$keys(this);
+      return t1.contains$1(t1, key);
+    },
+    get$length(_) {
+      var t1 = this.get$keys(this);
+      return t1.get$length(t1);
+    },
+    get$isEmpty(_) {
+      var t1 = this.get$keys(this);
+      return t1.get$isEmpty(t1);
+    },
+    get$isNotEmpty(_) {
+      var t1 = this.get$keys(this);
+      return t1.get$isNotEmpty(t1);
+    },
+    get$values(_) {
+      return new A._MapBaseValueIterable(this, A._instanceType(this)._eval$1("_MapBaseValueIterable<MapBase.K,MapBase.V>"));
+    },
+    toString$0(_) {
+      return A.MapBase_mapToString(this);
+    },
+    $isMap: 1
+  };
+  A.MapBase_addAll_closure.prototype = {
+    call$2(key, value) {
+      this.$this.$indexSet(0, key, value);
+    },
+    $signature() {
+      return A._instanceType(this.$this)._eval$1("~(MapBase.K,MapBase.V)");
+    }
+  };
+  A.MapBase_entries_closure.prototype = {
+    call$1(key) {
+      var t1 = this.$this,
+        t2 = t1.$index(0, key);
+      if (t2 == null)
+        t2 = A._instanceType(t1)._eval$1("MapBase.V")._as(t2);
+      return new A.MapEntry(key, t2, A._instanceType(t1)._eval$1("MapEntry<MapBase.K,MapBase.V>"));
+    },
+    $signature() {
+      return A._instanceType(this.$this)._eval$1("MapEntry<MapBase.K,MapBase.V>(MapBase.K)");
+    }
+  };
+  A.MapBase_mapToString_closure.prototype = {
+    call$2(k, v) {
+      var t2,
+        t1 = this._box_0;
+      if (!t1.first)
+        this.result._contents += ", ";
+      t1.first = false;
+      t1 = this.result;
+      t2 = A.S(k);
+      t1._contents = (t1._contents += t2) + ": ";
+      t2 = A.S(v);
+      t1._contents += t2;
+    },
+    $signature: 206
+  };
+  A.UnmodifiableMapBase.prototype = {};
+  A._MapBaseValueIterable.prototype = {
+    get$length(_) {
+      var t1 = this._map;
+      return t1.get$length(t1);
+    },
+    get$isEmpty(_) {
+      var t1 = this._map;
+      return t1.get$isEmpty(t1);
+    },
+    get$isNotEmpty(_) {
+      var t1 = this._map;
+      return t1.get$isNotEmpty(t1);
+    },
+    get$first(_) {
+      var t1 = this._map,
+        t2 = t1.get$keys(t1);
+      t2 = t1.$index(0, t2.get$first(t2));
+      return t2 == null ? this.$ti._rest[1]._as(t2) : t2;
+    },
+    get$single(_) {
+      var t1 = this._map,
+        t2 = t1.get$keys(t1);
+      t2 = t1.$index(0, t2.get$single(t2));
+      return t2 == null ? this.$ti._rest[1]._as(t2) : t2;
+    },
+    get$last(_) {
+      var t1 = this._map,
+        t2 = t1.get$keys(t1);
+      t2 = t1.$index(0, t2.get$last(t2));
+      return t2 == null ? this.$ti._rest[1]._as(t2) : t2;
+    },
+    get$iterator(_) {
+      var t1 = this._map,
+        t2 = t1.get$keys(t1);
+      return new A._MapBaseValueIterator(t2.get$iterator(t2), t1, this.$ti._eval$1("_MapBaseValueIterator<1,2>"));
+    }
+  };
+  A._MapBaseValueIterator.prototype = {
+    moveNext$0() {
+      var _this = this,
+        t1 = _this._collection$_keys;
+      if (t1.moveNext$0()) {
+        _this._collection$_current = _this._map.$index(0, t1.get$current(t1));
+        return true;
+      }
+      _this._collection$_current = null;
+      return false;
+    },
+    get$current(_) {
+      var t1 = this._collection$_current;
+      return t1 == null ? this.$ti._rest[1]._as(t1) : t1;
+    }
+  };
+  A._UnmodifiableMapMixin.prototype = {
+    $indexSet(_, key, value) {
+      throw A.wrapException(A.UnsupportedError$("Cannot modify unmodifiable map"));
+    },
+    addAll$1(_, other) {
+      throw A.wrapException(A.UnsupportedError$("Cannot modify unmodifiable map"));
+    },
+    remove$1(_, key) {
+      throw A.wrapException(A.UnsupportedError$("Cannot modify unmodifiable map"));
+    }
+  };
+  A.MapView.prototype = {
+    cast$2$0(_, $RK, $RV) {
+      return this._map.cast$2$0(0, $RK, $RV);
+    },
+    $index(_, key) {
+      return this._map.$index(0, key);
+    },
+    $indexSet(_, key, value) {
+      this._map.$indexSet(0, key, value);
+    },
+    addAll$1(_, other) {
+      this._map.addAll$1(0, other);
+    },
+    containsKey$1(key) {
+      return this._map.containsKey$1(key);
+    },
+    forEach$1(_, action) {
+      this._map.forEach$1(0, action);
+    },
+    get$isEmpty(_) {
+      var t1 = this._map;
+      return t1.get$isEmpty(t1);
+    },
+    get$isNotEmpty(_) {
+      var t1 = this._map;
+      return t1.get$isNotEmpty(t1);
+    },
+    get$length(_) {
+      var t1 = this._map;
+      return t1.get$length(t1);
+    },
+    get$keys(_) {
+      var t1 = this._map;
+      return t1.get$keys(t1);
+    },
+    remove$1(_, key) {
+      return this._map.remove$1(0, key);
+    },
+    toString$0(_) {
+      return this._map.toString$0(0);
+    },
+    get$values(_) {
+      var t1 = this._map;
+      return t1.get$values(t1);
+    },
+    get$entries(_) {
+      var t1 = this._map;
+      return t1.get$entries(t1);
+    },
+    $isMap: 1
+  };
+  A.UnmodifiableMapView.prototype = {
+    cast$2$0(_, $RK, $RV) {
+      return new A.UnmodifiableMapView(this._map.cast$2$0(0, $RK, $RV), $RK._eval$1("@<0>")._bind$1($RV)._eval$1("UnmodifiableMapView<1,2>"));
+    }
+  };
+  A.ListQueue.prototype = {
+    get$iterator(_) {
+      var _this = this;
+      return new A._ListQueueIterator(_this, _this._tail, _this._modificationCount, _this._head, _this.$ti._eval$1("_ListQueueIterator<1>"));
+    },
+    get$isEmpty(_) {
+      return this._head === this._tail;
+    },
+    get$length(_) {
+      return (this._tail - this._head & this._table.length - 1) >>> 0;
+    },
+    get$first(_) {
+      var _this = this,
+        t1 = _this._head;
+      if (t1 === _this._tail)
+        throw A.wrapException(A.IterableElementError_noElement());
+      t1 = _this._table[t1];
+      return t1 == null ? _this.$ti._precomputed1._as(t1) : t1;
+    },
+    get$last(_) {
+      var _this = this,
+        t1 = _this._head,
+        t2 = _this._tail;
+      if (t1 === t2)
+        throw A.wrapException(A.IterableElementError_noElement());
+      t1 = _this._table;
+      t1 = t1[(t2 - 1 & t1.length - 1) >>> 0];
+      return t1 == null ? _this.$ti._precomputed1._as(t1) : t1;
+    },
+    get$single(_) {
+      var t1, _this = this;
+      if (_this._head === _this._tail)
+        throw A.wrapException(A.IterableElementError_noElement());
+      if (_this.get$length(0) > 1)
+        throw A.wrapException(A.IterableElementError_tooMany());
+      t1 = _this._table[_this._head];
+      return t1 == null ? _this.$ti._precomputed1._as(t1) : t1;
+    },
+    elementAt$1(_, index) {
+      var t1, _this = this;
+      A.IndexError_check(index, _this.get$length(0), _this, null, null);
+      t1 = _this._table;
+      t1 = t1[(_this._head + index & t1.length - 1) >>> 0];
+      return t1 == null ? _this.$ti._precomputed1._as(t1) : t1;
+    },
+    toList$1$growable(_, growable) {
+      var t1, list, t2, t3, i, t4, _this = this,
+        mask = _this._table.length - 1,
+        $length = (_this._tail - _this._head & mask) >>> 0;
+      if ($length === 0) {
+        t1 = J.JSArray_JSArray$growable(0, _this.$ti._precomputed1);
+        return t1;
+      }
+      t1 = _this.$ti._precomputed1;
+      list = A.List_List$filled($length, _this.get$first(0), true, t1);
+      for (t2 = _this._table, t3 = _this._head, i = 0; i < $length; ++i) {
+        t4 = t2[(t3 + i & mask) >>> 0];
+        list[i] = t4 == null ? t1._as(t4) : t4;
+      }
+      return list;
+    },
+    toList$0(_) {
+      return this.toList$1$growable(0, true);
+    },
+    addAll$1(_, elements) {
+      var newTable, endSpace, preSpace, _this = this,
+        addCount = elements.length,
+        $length = _this.get$length(0),
+        t1 = $length + addCount,
+        t2 = _this._table,
+        t3 = t2.length;
+      if (t1 >= t3) {
+        newTable = A.List_List$filled(A.ListQueue__nextPowerOf2(t1 + (t1 >>> 1)), null, false, _this.$ti._eval$1("1?"));
+        _this._tail = _this._collection$_writeToList$1(newTable);
+        _this._table = newTable;
+        _this._head = 0;
+        B.JSArray_methods.setRange$4(newTable, $length, t1, elements, 0);
+        _this._tail += addCount;
+      } else {
+        t1 = _this._tail;
+        endSpace = t3 - t1;
+        if (addCount < endSpace) {
+          B.JSArray_methods.setRange$4(t2, t1, t1 + addCount, elements, 0);
+          _this._tail += addCount;
+        } else {
+          preSpace = addCount - endSpace;
+          B.JSArray_methods.setRange$4(t2, t1, t1 + endSpace, elements, 0);
+          B.JSArray_methods.setRange$4(_this._table, 0, preSpace, elements, endSpace);
+          _this._tail = preSpace;
+        }
+      }
+      ++_this._modificationCount;
+    },
+    clear$0(_) {
+      var t2, t3, _this = this,
+        i = _this._head,
+        t1 = _this._tail;
+      if (i !== t1) {
+        for (t2 = _this._table, t3 = t2.length - 1; i !== t1; i = (i + 1 & t3) >>> 0)
+          t2[i] = null;
+        _this._head = _this._tail = 0;
+        ++_this._modificationCount;
+      }
+    },
+    toString$0(_) {
+      return A.Iterable_iterableToFullString(this, "{", "}");
+    },
+    addFirst$1(value) {
+      var _this = this,
+        t1 = _this._head,
+        t2 = _this._table;
+      t1 = _this._head = (t1 - 1 & t2.length - 1) >>> 0;
+      t2[t1] = value;
+      if (t1 === _this._tail)
+        _this._grow$0();
+      ++_this._modificationCount;
+    },
+    removeFirst$0() {
+      var t2, result, _this = this,
+        t1 = _this._head;
+      if (t1 === _this._tail)
+        throw A.wrapException(A.IterableElementError_noElement());
+      ++_this._modificationCount;
+      t2 = _this._table;
+      result = t2[t1];
+      if (result == null)
+        result = _this.$ti._precomputed1._as(result);
+      t2[t1] = null;
+      _this._head = (t1 + 1 & t2.length - 1) >>> 0;
+      return result;
+    },
+    _add$1(element) {
+      var _this = this,
+        t1 = _this._table,
+        t2 = _this._tail;
+      t1[t2] = element;
+      t1 = (t2 + 1 & t1.length - 1) >>> 0;
+      _this._tail = t1;
+      if (_this._head === t1)
+        _this._grow$0();
+      ++_this._modificationCount;
+    },
+    _grow$0() {
+      var _this = this,
+        newTable = A.List_List$filled(_this._table.length * 2, null, false, _this.$ti._eval$1("1?")),
+        t1 = _this._table,
+        t2 = _this._head,
+        split = t1.length - t2;
+      B.JSArray_methods.setRange$4(newTable, 0, split, t1, t2);
+      B.JSArray_methods.setRange$4(newTable, split, split + _this._head, _this._table, 0);
+      _this._head = 0;
+      _this._tail = _this._table.length;
+      _this._table = newTable;
+    },
+    _collection$_writeToList$1(target) {
+      var $length, firstPartSize, _this = this,
+        t1 = _this._head,
+        t2 = _this._tail,
+        t3 = _this._table;
+      if (t1 <= t2) {
+        $length = t2 - t1;
+        B.JSArray_methods.setRange$4(target, 0, $length, t3, t1);
+        return $length;
+      } else {
+        firstPartSize = t3.length - t1;
+        B.JSArray_methods.setRange$4(target, 0, firstPartSize, t3, t1);
+        B.JSArray_methods.setRange$4(target, firstPartSize, firstPartSize + _this._tail, _this._table, 0);
+        return _this._tail + firstPartSize;
+      }
+    },
+    $isQueue: 1
+  };
+  A._ListQueueIterator.prototype = {
+    get$current(_) {
+      var t1 = this._collection$_current;
+      return t1 == null ? this.$ti._precomputed1._as(t1) : t1;
+    },
+    moveNext$0() {
+      var t2, _this = this,
+        t1 = _this._queue;
+      if (_this._modificationCount !== t1._modificationCount)
+        A.throwExpression(A.ConcurrentModificationError$(t1));
+      t2 = _this._collection$_position;
+      if (t2 === _this._collection$_end) {
+        _this._collection$_current = null;
+        return false;
+      }
+      t1 = t1._table;
+      _this._collection$_current = t1[t2];
+      _this._collection$_position = (t2 + 1 & t1.length - 1) >>> 0;
+      return true;
+    }
+  };
+  A.SetBase.prototype = {
+    get$isEmpty(_) {
+      return this.get$length(this) === 0;
+    },
+    get$isNotEmpty(_) {
+      return this.get$length(this) !== 0;
+    },
+    addAll$1(_, elements) {
+      var t1;
+      for (t1 = J.get$iterator$ax(elements); t1.moveNext$0();)
+        this.add$1(0, t1.get$current(t1));
+    },
+    removeAll$1(elements) {
+      var t1;
+      for (t1 = J.get$iterator$ax(elements); t1.moveNext$0();)
+        this.remove$1(0, t1.get$current(t1));
+    },
+    difference$1(other) {
+      var t1, t2, element,
+        result = this.toSet$0(0);
+      for (t1 = this.get$iterator(this), t2 = other._source; t1.moveNext$0();) {
+        element = t1.get$current(t1);
+        if (t2.contains$1(0, element))
+          result.remove$1(0, element);
+      }
+      return result;
+    },
+    toList$1$growable(_, growable) {
+      var t1 = A.List_List$_of(this, A._instanceType(this)._precomputed1);
+      return t1;
+    },
+    toList$0(_) {
+      return this.toList$1$growable(0, true);
+    },
+    map$1$1(_, f, $T) {
+      return new A.EfficientLengthMappedIterable(this, f, A._instanceType(this)._eval$1("@<1>")._bind$1($T)._eval$1("EfficientLengthMappedIterable<1,2>"));
+    },
+    get$single(_) {
+      var it, _this = this;
+      if (_this.get$length(_this) > 1)
+        throw A.wrapException(A.IterableElementError_tooMany());
+      it = _this.get$iterator(_this);
+      if (!it.moveNext$0())
+        throw A.wrapException(A.IterableElementError_noElement());
+      return it.get$current(it);
+    },
+    toString$0(_) {
+      return A.Iterable_iterableToFullString(this, "{", "}");
+    },
+    where$1(_, f) {
+      return new A.WhereIterable(this, f, A._instanceType(this)._eval$1("WhereIterable<1>"));
+    },
+    forEach$1(_, f) {
+      var t1;
+      for (t1 = this.get$iterator(this); t1.moveNext$0();)
+        f.call$1(t1.get$current(t1));
+    },
+    every$1(_, f) {
+      var t1;
+      for (t1 = this.get$iterator(this); t1.moveNext$0();)
+        if (!f.call$1(t1.get$current(t1)))
+          return false;
+      return true;
+    },
+    any$1(_, test) {
+      var t1;
+      for (t1 = this.get$iterator(this); t1.moveNext$0();)
+        if (test.call$1(t1.get$current(t1)))
+          return true;
+      return false;
+    },
+    take$1(_, n) {
+      return A.TakeIterable_TakeIterable(this, n, A._instanceType(this)._precomputed1);
+    },
+    skip$1(_, n) {
+      return A.SkipIterable_SkipIterable(this, n, A._instanceType(this)._precomputed1);
+    },
+    get$first(_) {
+      var it = this.get$iterator(this);
+      if (!it.moveNext$0())
+        throw A.wrapException(A.IterableElementError_noElement());
+      return it.get$current(it);
+    },
+    get$last(_) {
+      var result,
+        it = this.get$iterator(this);
+      if (!it.moveNext$0())
+        throw A.wrapException(A.IterableElementError_noElement());
+      do
+        result = it.get$current(it);
+      while (it.moveNext$0());
+      return result;
+    },
+    elementAt$1(_, index) {
+      var iterator, skipCount;
+      A.RangeError_checkNotNegative(index, "index");
+      iterator = this.get$iterator(this);
+      for (skipCount = index; iterator.moveNext$0();) {
+        if (skipCount === 0)
+          return iterator.get$current(iterator);
+        --skipCount;
+      }
+      throw A.wrapException(A.IndexError$withLength(index, index - skipCount, this, null, "index"));
+    },
+    $isEfficientLengthIterable: 1,
+    $isIterable: 1,
+    $isSet: 1
+  };
+  A._SetBase.prototype = {
+    difference$1(other) {
+      var t1, t2, element, _this = this,
+        result = _this._newSet$0();
+      for (t1 = A._LinkedHashSetIterator$(_this, _this._collection$_modifications, A._instanceType(_this)._precomputed1), t2 = t1.$ti._precomputed1; t1.moveNext$0();) {
+        element = t1._collection$_current;
+        if (element == null)
+          element = t2._as(element);
+        if (!other.contains$1(0, element))
+          result.add$1(0, element);
+      }
+      return result;
+    },
+    intersection$1(other) {
+      var t1, t2, element, _this = this,
+        result = _this._newSet$0();
+      for (t1 = A._LinkedHashSetIterator$(_this, _this._collection$_modifications, A._instanceType(_this)._precomputed1), t2 = t1.$ti._precomputed1; t1.moveNext$0();) {
+        element = t1._collection$_current;
+        if (element == null)
+          element = t2._as(element);
+        if (other.contains$1(0, element))
+          result.add$1(0, element);
+      }
+      return result;
+    },
+    toSet$0(_) {
+      var t1 = this._newSet$0();
+      t1.addAll$1(0, this);
+      return t1;
+    }
+  };
+  A._UnmodifiableSetMixin.prototype = {
+    add$1(_, value) {
+      return A._UnmodifiableSetMixin__throwUnmodifiable();
+    },
+    addAll$1(_, elements) {
+      return A._UnmodifiableSetMixin__throwUnmodifiable();
+    },
+    remove$1(_, value) {
+      return A._UnmodifiableSetMixin__throwUnmodifiable();
+    }
+  };
+  A.UnmodifiableSetView.prototype = {
+    contains$1(_, element) {
+      return this._collection$_source.contains$1(0, element);
+    },
+    get$length(_) {
+      return this._collection$_source._collection$_length;
+    },
+    get$iterator(_) {
+      var t1 = this._collection$_source;
+      return A._LinkedHashSetIterator$(t1, t1._collection$_modifications, A._instanceType(t1)._precomputed1);
+    },
+    toSet$0(_) {
+      return this._collection$_source.toSet$0(0);
+    }
+  };
+  A._UnmodifiableMapView_MapView__UnmodifiableMapMixin.prototype = {};
+  A._UnmodifiableSetView_SetBase__UnmodifiableSetMixin.prototype = {};
+  A._JsonMap.prototype = {
+    $index(_, key) {
+      var result,
+        t1 = this._processed;
+      if (t1 == null)
+        return this._data.$index(0, key);
+      else if (typeof key != "string")
+        return null;
+      else {
+        result = t1[key];
+        return typeof result == "undefined" ? this._process$1(key) : result;
+      }
+    },
+    get$length(_) {
+      return this._processed == null ? this._data.__js_helper$_length : this._convert$_computeKeys$0().length;
+    },
+    get$isEmpty(_) {
+      return this.get$length(0) === 0;
+    },
+    get$isNotEmpty(_) {
+      return this.get$length(0) > 0;
+    },
+    get$keys(_) {
+      var t1;
+      if (this._processed == null) {
+        t1 = this._data;
+        return new A.LinkedHashMapKeysIterable(t1, A._instanceType(t1)._eval$1("LinkedHashMapKeysIterable<1>"));
+      }
+      return new A._JsonMapKeyIterable(this);
+    },
+    get$values(_) {
+      var t1, _this = this;
+      if (_this._processed == null) {
+        t1 = _this._data;
+        return new A.LinkedHashMapValuesIterable(t1, A._instanceType(t1)._eval$1("LinkedHashMapValuesIterable<2>"));
+      }
+      return A.MappedIterable_MappedIterable(_this._convert$_computeKeys$0(), new A._JsonMap_values_closure(_this), type$.String, type$.dynamic);
+    },
+    $indexSet(_, key, value) {
+      var processed, original, _this = this;
+      if (_this._processed == null)
+        _this._data.$indexSet(0, key, value);
+      else if (_this.containsKey$1(key)) {
+        processed = _this._processed;
+        processed[key] = value;
+        original = _this._original;
+        if (original == null ? processed != null : original !== processed)
+          original[key] = null;
+      } else
+        _this._upgrade$0().$indexSet(0, key, value);
+    },
+    addAll$1(_, other) {
+      other.forEach$1(0, new A._JsonMap_addAll_closure(this));
+    },
+    containsKey$1(key) {
+      if (this._processed == null)
+        return this._data.containsKey$1(key);
+      if (typeof key != "string")
+        return false;
+      return Object.prototype.hasOwnProperty.call(this._original, key);
+    },
+    remove$1(_, key) {
+      if (this._processed != null && !this.containsKey$1(key))
+        return null;
+      return this._upgrade$0().remove$1(0, key);
+    },
+    forEach$1(_, f) {
+      var keys, i, key, value, _this = this;
+      if (_this._processed == null)
+        return _this._data.forEach$1(0, f);
+      keys = _this._convert$_computeKeys$0();
+      for (i = 0; i < keys.length; ++i) {
+        key = keys[i];
+        value = _this._processed[key];
+        if (typeof value == "undefined") {
+          value = A._convertJsonToDartLazy(_this._original[key]);
+          _this._processed[key] = value;
+        }
+        f.call$2(key, value);
+        if (keys !== _this._data)
+          throw A.wrapException(A.ConcurrentModificationError$(_this));
+      }
+    },
+    _convert$_computeKeys$0() {
+      var keys = this._data;
+      if (keys == null)
+        keys = this._data = A._setArrayType(Object.keys(this._original), type$.JSArray_String);
+      return keys;
+    },
+    _upgrade$0() {
+      var result, keys, i, t1, key, _this = this;
+      if (_this._processed == null)
+        return _this._data;
+      result = A.LinkedHashMap_LinkedHashMap$_empty(type$.String, type$.dynamic);
+      keys = _this._convert$_computeKeys$0();
+      for (i = 0; t1 = keys.length, i < t1; ++i) {
+        key = keys[i];
+        result.$indexSet(0, key, _this.$index(0, key));
+      }
+      if (t1 === 0)
+        keys.push("");
+      else
+        B.JSArray_methods.clear$0(keys);
+      _this._original = _this._processed = null;
+      return _this._data = result;
+    },
+    _process$1(key) {
+      var result;
+      if (!Object.prototype.hasOwnProperty.call(this._original, key))
+        return null;
+      result = A._convertJsonToDartLazy(this._original[key]);
+      return this._processed[key] = result;
+    }
+  };
+  A._JsonMap_values_closure.prototype = {
+    call$1(each) {
+      return this.$this.$index(0, each);
+    },
+    $signature: 144
+  };
+  A._JsonMap_addAll_closure.prototype = {
+    call$2(key, value) {
+      this.$this.$indexSet(0, key, value);
+    },
+    $signature: 134
+  };
+  A._JsonMapKeyIterable.prototype = {
+    get$length(_) {
+      return this._convert$_parent.get$length(0);
+    },
+    elementAt$1(_, index) {
+      var t1 = this._convert$_parent;
+      return t1._processed == null ? t1.get$keys(0).elementAt$1(0, index) : t1._convert$_computeKeys$0()[index];
+    },
+    get$iterator(_) {
+      var t1 = this._convert$_parent;
+      if (t1._processed == null) {
+        t1 = t1.get$keys(0);
+        t1 = t1.get$iterator(t1);
+      } else {
+        t1 = t1._convert$_computeKeys$0();
+        t1 = new J.ArrayIterator(t1, t1.length, A._arrayInstanceType(t1)._eval$1("ArrayIterator<1>"));
+      }
+      return t1;
+    },
+    contains$1(_, key) {
+      return this._convert$_parent.containsKey$1(key);
+    }
+  };
+  A._Utf8Decoder__decoder_closure.prototype = {
+    call$0() {
+      var t1, exception;
+      try {
+        t1 = new TextDecoder("utf-8", {fatal: true});
+        return t1;
+      } catch (exception) {
+      }
+      return null;
+    },
+    $signature: 65
+  };
+  A._Utf8Decoder__decoderNonfatal_closure.prototype = {
+    call$0() {
+      var t1, exception;
+      try {
+        t1 = new TextDecoder("utf-8", {fatal: false});
+        return t1;
+      } catch (exception) {
+      }
+      return null;
+    },
+    $signature: 65
+  };
+  A.AsciiCodec.prototype = {
+    encode$1(source) {
+      return B.AsciiEncoder_127.convert$1(source);
+    }
+  };
+  A._UnicodeSubsetEncoder.prototype = {
+    convert$1(string) {
+      var t1, i, codeUnit,
+        end = A.RangeError_checkValidRange(0, null, string.length),
+        result = new Uint8Array(end);
+      for (t1 = ~this._subsetMask, i = 0; i < end; ++i) {
+        codeUnit = string.charCodeAt(i);
+        if ((codeUnit & t1) !== 0)
+          throw A.wrapException(A.ArgumentError$value(string, "string", "Contains invalid characters."));
+        result[i] = codeUnit;
+      }
+      return result;
+    }
+  };
+  A.AsciiEncoder.prototype = {};
+  A.Base64Codec.prototype = {
+    normalize$3(source, start, end) {
+      var inverseAlphabet, i, sliceStart, buffer, firstPadding, firstPaddingSourceIndex, paddingCount, i0, char, i1, digit1, digit2, char0, value, t1, t2, endLength, $length,
+        _s31_ = "Invalid base64 encoding length ";
+      end = A.RangeError_checkValidRange(start, end, source.length);
+      inverseAlphabet = $.$get$_Base64Decoder__inverseAlphabet();
+      for (i = start, sliceStart = i, buffer = null, firstPadding = -1, firstPaddingSourceIndex = -1, paddingCount = 0; i < end; i = i0) {
+        i0 = i + 1;
+        char = source.charCodeAt(i);
+        if (char === 37) {
+          i1 = i0 + 2;
+          if (i1 <= end) {
+            digit1 = A.hexDigitValue(source.charCodeAt(i0));
+            digit2 = A.hexDigitValue(source.charCodeAt(i0 + 1));
+            char0 = digit1 * 16 + digit2 - (digit2 & 256);
+            if (char0 === 37)
+              char0 = -1;
+            i0 = i1;
+          } else
+            char0 = -1;
+        } else
+          char0 = char;
+        if (0 <= char0 && char0 <= 127) {
+          value = inverseAlphabet[char0];
+          if (value >= 0) {
+            char0 = string$.ABCDEF.charCodeAt(value);
+            if (char0 === char)
+              continue;
+            char = char0;
+          } else {
+            if (value === -1) {
+              if (firstPadding < 0) {
+                t1 = buffer == null ? null : buffer._contents.length;
+                if (t1 == null)
+                  t1 = 0;
+                firstPadding = t1 + (i - sliceStart);
+                firstPaddingSourceIndex = i;
+              }
+              ++paddingCount;
+              if (char === 61)
+                continue;
+            }
+            char = char0;
+          }
+          if (value !== -2) {
+            if (buffer == null) {
+              buffer = new A.StringBuffer("");
+              t1 = buffer;
+            } else
+              t1 = buffer;
+            t1._contents += B.JSString_methods.substring$2(source, sliceStart, i);
+            t2 = A.Primitives_stringFromCharCode(char);
+            t1._contents += t2;
+            sliceStart = i0;
+            continue;
+          }
+        }
+        throw A.wrapException(A.FormatException$("Invalid base64 data", source, i));
+      }
+      if (buffer != null) {
+        t1 = B.JSString_methods.substring$2(source, sliceStart, end);
+        t1 = buffer._contents += t1;
+        t2 = t1.length;
+        if (firstPadding >= 0)
+          A.Base64Codec__checkPadding(source, firstPaddingSourceIndex, end, firstPadding, paddingCount, t2);
+        else {
+          endLength = B.JSInt_methods.$mod(t2 - 1, 4) + 1;
+          if (endLength === 1)
+            throw A.wrapException(A.FormatException$(_s31_, source, end));
+          for (; endLength < 4;) {
+            t1 += "=";
+            buffer._contents = t1;
+            ++endLength;
+          }
+        }
+        t1 = buffer._contents;
+        return B.JSString_methods.replaceRange$3(source, start, end, t1.charCodeAt(0) == 0 ? t1 : t1);
+      }
+      $length = end - start;
+      if (firstPadding >= 0)
+        A.Base64Codec__checkPadding(source, firstPaddingSourceIndex, end, firstPadding, paddingCount, $length);
+      else {
+        endLength = B.JSInt_methods.$mod($length, 4);
+        if (endLength === 1)
+          throw A.wrapException(A.FormatException$(_s31_, source, end));
+        if (endLength > 1)
+          source = B.JSString_methods.replaceRange$3(source, end, end, endLength === 2 ? "==" : "=");
+      }
+      return source;
+    }
+  };
+  A.Base64Encoder.prototype = {
+    startChunkedConversion$1(sink) {
+      return new A._Utf8Base64EncoderSink(new A._Utf8StringSinkAdapter(new A._Utf8Decoder(false), sink, sink._stringSink), new A._Base64Encoder(string$.ABCDEF));
+    }
+  };
+  A._Base64Encoder.prototype = {
+    createBuffer$1(bufferLength) {
+      return new Uint8Array(bufferLength);
+    },
+    encode$4(bytes, start, end, isLast) {
+      var output, _this = this,
+        byteCount = (_this._convert$_state & 3) + (end - start),
+        fullChunks = B.JSInt_methods._tdivFast$1(byteCount, 3),
+        bufferLength = fullChunks * 4;
+      if (isLast && byteCount - fullChunks * 3 > 0)
+        bufferLength += 4;
+      output = _this.createBuffer$1(bufferLength);
+      _this._convert$_state = A._Base64Encoder_encodeChunk(_this._alphabet, bytes, start, end, isLast, output, 0, _this._convert$_state);
+      if (bufferLength > 0)
+        return output;
+      return null;
+    }
+  };
+  A._Base64EncoderSink.prototype = {};
+  A._Utf8Base64EncoderSink.prototype = {
+    _convert$_add$4(source, start, end, isLast) {
+      var buffer = this._encoder.encode$4(source, start, end, isLast);
+      if (buffer != null)
+        this._sink.addSlice$4(buffer, 0, buffer.length, isLast);
+    }
+  };
+  A.ByteConversionSink.prototype = {};
+  A.Codec.prototype = {};
+  A.Converter.prototype = {};
+  A.Encoding.prototype = {};
+  A.JsonUnsupportedObjectError.prototype = {
+    toString$0(_) {
+      var safeString = A.Error_safeToString(this.unsupportedObject);
+      return (this.cause != null ? "Converting object to an encodable object failed:" : "Converting object did not return an encodable object:") + " " + safeString;
+    }
+  };
+  A.JsonCyclicError.prototype = {
+    toString$0(_) {
+      return "Cyclic error in JSON stringify";
+    }
+  };
+  A.JsonCodec.prototype = {
+    decode$1(source) {
+      var t1 = A._parseJson(source, this.get$decoder()._reviver);
+      return t1;
+    },
+    encode$2$toEncodable(value, toEncodable) {
+      var t1 = A._JsonStringStringifier_stringify(value, this.get$encoder()._toEncodable, null);
+      return t1;
+    },
+    get$encoder() {
+      return B.JsonEncoder_null;
+    },
+    get$decoder() {
+      return B.JsonDecoder_null;
+    }
+  };
+  A.JsonEncoder.prototype = {};
+  A.JsonDecoder.prototype = {};
+  A._JsonStringifier.prototype = {
+    writeStringContent$1(s) {
+      var offset, i, charCode, t1, t2, _this = this,
+        $length = s.length;
+      for (offset = 0, i = 0; i < $length; ++i) {
+        charCode = s.charCodeAt(i);
+        if (charCode > 92) {
+          if (charCode >= 55296) {
+            t1 = charCode & 64512;
+            if (t1 === 55296) {
+              t2 = i + 1;
+              t2 = !(t2 < $length && (s.charCodeAt(t2) & 64512) === 56320);
+            } else
+              t2 = false;
+            if (!t2)
+              if (t1 === 56320) {
+                t1 = i - 1;
+                t1 = !(t1 >= 0 && (s.charCodeAt(t1) & 64512) === 55296);
+              } else
+                t1 = false;
+            else
+              t1 = true;
+            if (t1) {
+              if (i > offset)
+                _this.writeStringSlice$3(s, offset, i);
+              offset = i + 1;
+              _this.writeCharCode$1(92);
+              _this.writeCharCode$1(117);
+              _this.writeCharCode$1(100);
+              t1 = charCode >>> 8 & 15;
+              _this.writeCharCode$1(t1 < 10 ? 48 + t1 : 87 + t1);
+              t1 = charCode >>> 4 & 15;
+              _this.writeCharCode$1(t1 < 10 ? 48 + t1 : 87 + t1);
+              t1 = charCode & 15;
+              _this.writeCharCode$1(t1 < 10 ? 48 + t1 : 87 + t1);
+            }
+          }
+          continue;
+        }
+        if (charCode < 32) {
+          if (i > offset)
+            _this.writeStringSlice$3(s, offset, i);
+          offset = i + 1;
+          _this.writeCharCode$1(92);
+          switch (charCode) {
+            case 8:
+              _this.writeCharCode$1(98);
+              break;
+            case 9:
+              _this.writeCharCode$1(116);
+              break;
+            case 10:
+              _this.writeCharCode$1(110);
+              break;
+            case 12:
+              _this.writeCharCode$1(102);
+              break;
+            case 13:
+              _this.writeCharCode$1(114);
+              break;
+            default:
+              _this.writeCharCode$1(117);
+              _this.writeCharCode$1(48);
+              _this.writeCharCode$1(48);
+              t1 = charCode >>> 4 & 15;
+              _this.writeCharCode$1(t1 < 10 ? 48 + t1 : 87 + t1);
+              t1 = charCode & 15;
+              _this.writeCharCode$1(t1 < 10 ? 48 + t1 : 87 + t1);
+              break;
+          }
+        } else if (charCode === 34 || charCode === 92) {
+          if (i > offset)
+            _this.writeStringSlice$3(s, offset, i);
+          offset = i + 1;
+          _this.writeCharCode$1(92);
+          _this.writeCharCode$1(charCode);
+        }
+      }
+      if (offset === 0)
+        _this.writeString$1(s);
+      else if (offset < $length)
+        _this.writeStringSlice$3(s, offset, $length);
+    },
+    _checkCycle$1(object) {
+      var t1, t2, i, t3;
+      for (t1 = this._seen, t2 = t1.length, i = 0; i < t2; ++i) {
+        t3 = t1[i];
+        if (object == null ? t3 == null : object === t3)
+          throw A.wrapException(new A.JsonCyclicError(object, null));
+      }
+      t1.push(object);
+    },
+    writeObject$1(object) {
+      var customJson, e, t1, exception, _this = this;
+      if (_this.writeJsonValue$1(object))
+        return;
+      _this._checkCycle$1(object);
+      try {
+        customJson = _this._toEncodable.call$1(object);
+        if (!_this.writeJsonValue$1(customJson)) {
+          t1 = A.JsonUnsupportedObjectError$(object, null, _this.get$_partialResult());
+          throw A.wrapException(t1);
+        }
+        _this._seen.pop();
+      } catch (exception) {
+        e = A.unwrapException(exception);
+        t1 = A.JsonUnsupportedObjectError$(object, e, _this.get$_partialResult());
+        throw A.wrapException(t1);
+      }
+    },
+    writeJsonValue$1(object) {
+      var success, _this = this;
+      if (typeof object == "number") {
+        if (!isFinite(object))
+          return false;
+        _this.writeNumber$1(object);
+        return true;
+      } else if (object === true) {
+        _this.writeString$1("true");
+        return true;
+      } else if (object === false) {
+        _this.writeString$1("false");
+        return true;
+      } else if (object == null) {
+        _this.writeString$1("null");
+        return true;
+      } else if (typeof object == "string") {
+        _this.writeString$1('"');
+        _this.writeStringContent$1(object);
+        _this.writeString$1('"');
+        return true;
+      } else if (type$.List_dynamic._is(object)) {
+        _this._checkCycle$1(object);
+        _this.writeList$1(object);
+        _this._seen.pop();
+        return true;
+      } else if (type$.Map_dynamic_dynamic._is(object)) {
+        _this._checkCycle$1(object);
+        success = _this.writeMap$1(object);
+        _this._seen.pop();
+        return success;
+      } else
+        return false;
+    },
+    writeList$1(list) {
+      var t1, i, _this = this;
+      _this.writeString$1("[");
+      t1 = J.getInterceptor$asx(list);
+      if (t1.get$isNotEmpty(list)) {
+        _this.writeObject$1(t1.$index(list, 0));
+        for (i = 1; i < t1.get$length(list); ++i) {
+          _this.writeString$1(",");
+          _this.writeObject$1(t1.$index(list, i));
+        }
+      }
+      _this.writeString$1("]");
+    },
+    writeMap$1(map) {
+      var t1, keyValueList, i, separator, _this = this, _box_0 = {};
+      if (map.get$isEmpty(map)) {
+        _this.writeString$1("{}");
+        return true;
+      }
+      t1 = map.get$length(map) * 2;
+      keyValueList = A.List_List$filled(t1, null, false, type$.nullable_Object);
+      i = _box_0.i = 0;
+      _box_0.allStringKeys = true;
+      map.forEach$1(0, new A._JsonStringifier_writeMap_closure(_box_0, keyValueList));
+      if (!_box_0.allStringKeys)
+        return false;
+      _this.writeString$1("{");
+      for (separator = '"'; i < t1; i += 2, separator = ',"') {
+        _this.writeString$1(separator);
+        _this.writeStringContent$1(A._asString(keyValueList[i]));
+        _this.writeString$1('":');
+        _this.writeObject$1(keyValueList[i + 1]);
+      }
+      _this.writeString$1("}");
+      return true;
+    }
+  };
+  A._JsonStringifier_writeMap_closure.prototype = {
+    call$2(key, value) {
+      var t1, t2, t3, i;
+      if (typeof key != "string")
+        this._box_0.allStringKeys = false;
+      t1 = this.keyValueList;
+      t2 = this._box_0;
+      t3 = t2.i;
+      i = t2.i = t3 + 1;
+      t1[t3] = key;
+      t2.i = i + 1;
+      t1[i] = value;
+    },
+    $signature: 206
+  };
+  A._JsonStringStringifier.prototype = {
+    get$_partialResult() {
+      var t1 = this._sink._contents;
+      return t1.charCodeAt(0) == 0 ? t1 : t1;
+    },
+    writeNumber$1(number) {
+      this._sink._contents += B.JSNumber_methods.toString$0(number);
+    },
+    writeString$1(string) {
+      this._sink._contents += string;
+    },
+    writeStringSlice$3(string, start, end) {
+      this._sink._contents += B.JSString_methods.substring$2(string, start, end);
+    },
+    writeCharCode$1(charCode) {
+      var t1 = this._sink,
+        t2 = A.Primitives_stringFromCharCode(charCode);
+      t1._contents += t2;
+    }
+  };
+  A.StringConversionSink.prototype = {};
+  A._StringSinkConversionSink.prototype = {
+    close$0(_) {
+    }
+  };
+  A._StringCallbackSink.prototype = {
+    close$0(_) {
+      var t1 = this._stringSink,
+        t2 = t1._contents;
+      t1._contents = "";
+      this._convert$_callback.call$1(t2.charCodeAt(0) == 0 ? t2 : t2);
+    },
+    asUtf8Sink$1(allowMalformed) {
+      return new A._Utf8StringSinkAdapter(new A._Utf8Decoder(allowMalformed), this, this._stringSink);
+    }
+  };
+  A._Utf8StringSinkAdapter.prototype = {
+    close$0(_) {
+      this._decoder.flush$1(this._stringSink);
+      this._sink.close$0(0);
+    },
+    add$1(_, chunk) {
+      this.addSlice$4(chunk, 0, J.get$length$asx(chunk), false);
+    },
+    addSlice$4(codeUnits, startIndex, endIndex, isLast) {
+      var t1 = this._stringSink,
+        t2 = this._decoder._convertGeneral$4(codeUnits, startIndex, endIndex, false);
+      t1._contents += t2;
+      if (isLast)
+        this.close$0(0);
+    }
+  };
+  A.Utf8Codec.prototype = {
+    encode$1(string) {
+      return B.C_Utf8Encoder.convert$1(string);
+    }
+  };
+  A.Utf8Encoder.prototype = {
+    convert$1(string) {
+      var t1, encoder,
+        end = A.RangeError_checkValidRange(0, null, string.length);
+      if (end === 0)
+        return new Uint8Array(0);
+      t1 = new Uint8Array(end * 3);
+      encoder = new A._Utf8Encoder(t1);
+      if (encoder._fillBuffer$3(string, 0, end) !== end)
+        encoder._writeReplacementCharacter$0();
+      return B.NativeUint8List_methods.sublist$2(t1, 0, encoder._bufferIndex);
+    }
+  };
+  A._Utf8Encoder.prototype = {
+    _writeReplacementCharacter$0() {
+      var _this = this,
+        t1 = _this._buffer,
+        t2 = _this._bufferIndex,
+        t3 = _this._bufferIndex = t2 + 1;
+      t1.$flags & 2 && A.throwUnsupportedOperation(t1);
+      t1[t2] = 239;
+      t2 = _this._bufferIndex = t3 + 1;
+      t1[t3] = 191;
+      _this._bufferIndex = t2 + 1;
+      t1[t2] = 189;
+    },
+    _writeSurrogate$2(leadingSurrogate, nextCodeUnit) {
+      var rune, t1, t2, t3, _this = this;
+      if ((nextCodeUnit & 64512) === 56320) {
+        rune = 65536 + ((leadingSurrogate & 1023) << 10) | nextCodeUnit & 1023;
+        t1 = _this._buffer;
+        t2 = _this._bufferIndex;
+        t3 = _this._bufferIndex = t2 + 1;
+        t1.$flags & 2 && A.throwUnsupportedOperation(t1);
+        t1[t2] = rune >>> 18 | 240;
+        t2 = _this._bufferIndex = t3 + 1;
+        t1[t3] = rune >>> 12 & 63 | 128;
+        t3 = _this._bufferIndex = t2 + 1;
+        t1[t2] = rune >>> 6 & 63 | 128;
+        _this._bufferIndex = t3 + 1;
+        t1[t3] = rune & 63 | 128;
+        return true;
+      } else {
+        _this._writeReplacementCharacter$0();
+        return false;
+      }
+    },
+    _fillBuffer$3(str, start, end) {
+      var t1, t2, t3, stringIndex, codeUnit, t4, stringIndex0, t5, _this = this;
+      if (start !== end && (str.charCodeAt(end - 1) & 64512) === 55296)
+        --end;
+      for (t1 = _this._buffer, t2 = t1.$flags | 0, t3 = t1.length, stringIndex = start; stringIndex < end; ++stringIndex) {
+        codeUnit = str.charCodeAt(stringIndex);
+        if (codeUnit <= 127) {
+          t4 = _this._bufferIndex;
+          if (t4 >= t3)
+            break;
+          _this._bufferIndex = t4 + 1;
+          t2 & 2 && A.throwUnsupportedOperation(t1);
+          t1[t4] = codeUnit;
+        } else {
+          t4 = codeUnit & 64512;
+          if (t4 === 55296) {
+            if (_this._bufferIndex + 4 > t3)
+              break;
+            stringIndex0 = stringIndex + 1;
+            if (_this._writeSurrogate$2(codeUnit, str.charCodeAt(stringIndex0)))
+              stringIndex = stringIndex0;
+          } else if (t4 === 56320) {
+            if (_this._bufferIndex + 3 > t3)
+              break;
+            _this._writeReplacementCharacter$0();
+          } else if (codeUnit <= 2047) {
+            t4 = _this._bufferIndex;
+            t5 = t4 + 1;
+            if (t5 >= t3)
+              break;
+            _this._bufferIndex = t5;
+            t2 & 2 && A.throwUnsupportedOperation(t1);
+            t1[t4] = codeUnit >>> 6 | 192;
+            _this._bufferIndex = t5 + 1;
+            t1[t5] = codeUnit & 63 | 128;
+          } else {
+            t4 = _this._bufferIndex;
+            if (t4 + 2 >= t3)
+              break;
+            t5 = _this._bufferIndex = t4 + 1;
+            t2 & 2 && A.throwUnsupportedOperation(t1);
+            t1[t4] = codeUnit >>> 12 | 224;
+            t4 = _this._bufferIndex = t5 + 1;
+            t1[t5] = codeUnit >>> 6 & 63 | 128;
+            _this._bufferIndex = t4 + 1;
+            t1[t4] = codeUnit & 63 | 128;
+          }
+        }
+      }
+      return stringIndex;
+    }
+  };
+  A.Utf8Decoder.prototype = {
+    convert$1(codeUnits) {
+      return new A._Utf8Decoder(this._allowMalformed)._convertGeneral$4(codeUnits, 0, null, true);
+    }
+  };
+  A._Utf8Decoder.prototype = {
+    _convertGeneral$4(codeUnits, start, maybeEnd, single) {
+      var casted, bytes, errorOffset, t1, result, message, _this = this,
+        end = A.RangeError_checkValidRange(start, maybeEnd, J.get$length$asx(codeUnits));
+      if (start === end)
+        return "";
+      if (codeUnits instanceof Uint8Array) {
+        casted = codeUnits;
+        bytes = casted;
+        errorOffset = 0;
+      } else {
+        bytes = A._Utf8Decoder__makeNativeUint8List(codeUnits, start, end);
+        end -= start;
+        errorOffset = start;
+        start = 0;
+      }
+      if (single && end - start >= 15) {
+        t1 = _this.allowMalformed;
+        result = A._Utf8Decoder__convertInterceptedUint8List(t1, bytes, start, end);
+        if (result != null) {
+          if (!t1)
+            return result;
+          if (result.indexOf("\ufffd") < 0)
+            return result;
+        }
+      }
+      result = _this._decodeRecursive$4(bytes, start, end, single);
+      t1 = _this._convert$_state;
+      if ((t1 & 1) !== 0) {
+        message = A._Utf8Decoder_errorDescription(t1);
+        _this._convert$_state = 0;
+        throw A.wrapException(A.FormatException$(message, codeUnits, errorOffset + _this._charOrIndex));
+      }
+      return result;
+    },
+    _decodeRecursive$4(bytes, start, end, single) {
+      var mid, s1, _this = this;
+      if (end - start > 1000) {
+        mid = B.JSInt_methods._tdivFast$1(start + end, 2);
+        s1 = _this._decodeRecursive$4(bytes, start, mid, false);
+        if ((_this._convert$_state & 1) !== 0)
+          return s1;
+        return s1 + _this._decodeRecursive$4(bytes, mid, end, single);
+      }
+      return _this.decodeGeneral$4(bytes, start, end, single);
+    },
+    flush$1(sink) {
+      var t1,
+        state = this._convert$_state;
+      this._convert$_state = 0;
+      if (state <= 32)
+        return;
+      if (this.allowMalformed) {
+        t1 = A.Primitives_stringFromCharCode(65533);
+        sink._contents += t1;
+      } else
+        throw A.wrapException(A.FormatException$(A._Utf8Decoder_errorDescription(77), null, null));
+    },
+    decodeGeneral$4(bytes, start, end, single) {
+      var t1, type, t2, i0, markEnd, i1, m, _this = this, _65533 = 65533,
+        state = _this._convert$_state,
+        char = _this._charOrIndex,
+        buffer = new A.StringBuffer(""),
+        i = start + 1,
+        byte = bytes[start];
+      $label0$0:
+        for (t1 = _this.allowMalformed; true;) {
+          for (; true; i = i0) {
+            type = "AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFFFFFFFFFFFFFFFFGGGGGGGGGGGGGGGGHHHHHHHHHHHHHHHHHHHHHHHHHHHIHHHJEEBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBKCCCCCCCCCCCCDCLONNNMEEEEEEEEEEE".charCodeAt(byte) & 31;
+            char = state <= 32 ? byte & 61694 >>> type : (byte & 63 | char << 6) >>> 0;
+            state = " \x000:XECCCCCN:lDb \x000:XECCCCCNvlDb \x000:XECCCCCN:lDb AAAAA\x00\x00\x00\x00\x00AAAAA00000AAAAA:::::AAAAAGG000AAAAA00KKKAAAAAG::::AAAAA:IIIIAAAAA000\x800AAAAA\x00\x00\x00\x00 AAAAA".charCodeAt(state + type);
+            if (state === 0) {
+              t2 = A.Primitives_stringFromCharCode(char);
+              buffer._contents += t2;
+              if (i === end)
+                break $label0$0;
+              break;
+            } else if ((state & 1) !== 0) {
+              if (t1)
+                switch (state) {
+                  case 69:
+                  case 67:
+                    t2 = A.Primitives_stringFromCharCode(_65533);
+                    buffer._contents += t2;
+                    break;
+                  case 65:
+                    t2 = A.Primitives_stringFromCharCode(_65533);
+                    buffer._contents += t2;
+                    --i;
+                    break;
+                  default:
+                    t2 = A.Primitives_stringFromCharCode(_65533);
+                    buffer._contents = (buffer._contents += t2) + t2;
+                    break;
+                }
+              else {
+                _this._convert$_state = state;
+                _this._charOrIndex = i - 1;
+                return "";
+              }
+              state = 0;
+            }
+            if (i === end)
+              break $label0$0;
+            i0 = i + 1;
+            byte = bytes[i];
+          }
+          i0 = i + 1;
+          byte = bytes[i];
+          if (byte < 128) {
+            while (true) {
+              if (!(i0 < end)) {
+                markEnd = end;
+                break;
+              }
+              i1 = i0 + 1;
+              byte = bytes[i0];
+              if (byte >= 128) {
+                markEnd = i1 - 1;
+                i0 = i1;
+                break;
+              }
+              i0 = i1;
+            }
+            if (markEnd - i < 20)
+              for (m = i; m < markEnd; ++m) {
+                t2 = A.Primitives_stringFromCharCode(bytes[m]);
+                buffer._contents += t2;
+              }
+            else {
+              t2 = A.String_String$fromCharCodes(bytes, i, markEnd);
+              buffer._contents += t2;
+            }
+            if (markEnd === end)
+              break $label0$0;
+            i = i0;
+          } else
+            i = i0;
+        }
+      if (single && state > 32)
+        if (t1) {
+          t1 = A.Primitives_stringFromCharCode(_65533);
+          buffer._contents += t1;
+        } else {
+          _this._convert$_state = 77;
+          _this._charOrIndex = end;
+          return "";
+        }
+      _this._convert$_state = state;
+      _this._charOrIndex = char;
+      t1 = buffer._contents;
+      return t1.charCodeAt(0) == 0 ? t1 : t1;
+    }
+  };
+  A.NoSuchMethodError_toString_closure.prototype = {
+    call$2(key, value) {
+      var t1 = this.sb,
+        t2 = this._box_0,
+        t3 = (t1._contents += t2.comma) + key.__internal$_name;
+      t1._contents = t3;
+      t1._contents = t3 + ": ";
+      t3 = A.Error_safeToString(value);
+      t1._contents += t3;
+      t2.comma = ", ";
+    },
+    $signature: 319
+  };
+  A.DateTime.prototype = {
+    $eq(_, other) {
+      var t1;
+      if (other == null)
+        return false;
+      t1 = false;
+      if (other instanceof A.DateTime)
+        if (this._value === other._value)
+          t1 = this._microsecond === other._microsecond;
+      return t1;
+    },
+    get$hashCode(_) {
+      return A.Object_hash(this._value, this._microsecond, B.C_SentinelValue, B.C_SentinelValue);
+    },
+    isAfter$1(other) {
+      var t1 = this._value,
+        t2 = other._value;
+      if (t1 <= t2)
+        t1 = t1 === t2 && this._microsecond > other._microsecond;
+      else
+        t1 = true;
+      return t1;
+    },
+    compareTo$1(_, other) {
+      var r = B.JSInt_methods.compareTo$1(this._value, other._value);
+      if (r !== 0)
+        return r;
+      return B.JSInt_methods.compareTo$1(this._microsecond, other._microsecond);
+    },
+    toString$0(_) {
+      var _this = this,
+        y = A.DateTime__fourDigits(A.Primitives_getYear(_this)),
+        m = A.DateTime__twoDigits(A.Primitives_getMonth(_this)),
+        d = A.DateTime__twoDigits(A.Primitives_getDay(_this)),
+        h = A.DateTime__twoDigits(A.Primitives_getHours(_this)),
+        min = A.DateTime__twoDigits(A.Primitives_getMinutes(_this)),
+        sec = A.DateTime__twoDigits(A.Primitives_getSeconds(_this)),
+        ms = A.DateTime__threeDigits(A.Primitives_getMilliseconds(_this)),
+        t1 = _this._microsecond,
+        us = t1 === 0 ? "" : A.DateTime__threeDigits(t1);
+      return y + "-" + m + "-" + d + " " + h + ":" + min + ":" + sec + "." + ms + us;
+    },
+    $isComparable: 1
+  };
+  A.Duration.prototype = {
+    $eq(_, other) {
+      if (other == null)
+        return false;
+      return other instanceof A.Duration && this._duration === other._duration;
+    },
+    get$hashCode(_) {
+      return B.JSInt_methods.get$hashCode(this._duration);
+    },
+    compareTo$1(_, other) {
+      return B.JSInt_methods.compareTo$1(this._duration, other._duration);
+    },
+    toString$0(_) {
+      var sign, minutes, minutesPadding, seconds, secondsPadding,
+        microseconds = this._duration,
+        hours = B.JSInt_methods._tdivFast$1(microseconds, 3600000000),
+        microseconds0 = microseconds % 3600000000;
+      if (microseconds < 0) {
+        hours = 0 - hours;
+        microseconds = 0 - microseconds0;
+        sign = "-";
+      } else {
+        microseconds = microseconds0;
+        sign = "";
+      }
+      minutes = B.JSInt_methods._tdivFast$1(microseconds, 60000000);
+      microseconds %= 60000000;
+      minutesPadding = minutes < 10 ? "0" : "";
+      seconds = B.JSInt_methods._tdivFast$1(microseconds, 1000000);
+      secondsPadding = seconds < 10 ? "0" : "";
+      return sign + hours + ":" + minutesPadding + minutes + ":" + secondsPadding + seconds + "." + B.JSString_methods.padLeft$2(B.JSInt_methods.toString$0(microseconds % 1000000), 6, "0");
+    },
+    $isComparable: 1
+  };
+  A._Enum.prototype = {
+    toString$0(_) {
+      return this._enumToString$0();
+    }
+  };
+  A.Error.prototype = {
+    get$stackTrace() {
+      return A.Primitives_extractStackTrace(this);
+    }
+  };
+  A.AssertionError.prototype = {
+    toString$0(_) {
+      var t1 = this.message;
+      if (t1 != null)
+        return "Assertion failed: " + A.Error_safeToString(t1);
+      return "Assertion failed";
+    },
+    get$message(receiver) {
+      return this.message;
+    }
+  };
+  A.TypeError.prototype = {};
+  A.ArgumentError.prototype = {
+    get$_errorName() {
+      return "Invalid argument" + (!this._hasValue ? "(s)" : "");
+    },
+    get$_errorExplanation() {
+      return "";
+    },
+    toString$0(_) {
+      var _this = this,
+        $name = _this.name,
+        nameString = $name == null ? "" : " (" + $name + ")",
+        message = _this.message,
+        messageString = message == null ? "" : ": " + A.S(message),
+        prefix = _this.get$_errorName() + nameString + messageString;
+      if (!_this._hasValue)
+        return prefix;
+      return prefix + _this.get$_errorExplanation() + ": " + A.Error_safeToString(_this.get$invalidValue());
+    },
+    get$invalidValue() {
+      return this.invalidValue;
+    },
+    get$message(receiver) {
+      return this.message;
+    }
+  };
+  A.RangeError.prototype = {
+    get$invalidValue() {
+      return this.invalidValue;
+    },
+    get$_errorName() {
+      return "RangeError";
+    },
+    get$_errorExplanation() {
+      var explanation,
+        start = this.start,
+        end = this.end;
+      if (start == null)
+        explanation = end != null ? ": Not less than or equal to " + A.S(end) : "";
+      else if (end == null)
+        explanation = ": Not greater than or equal to " + A.S(start);
+      else if (end > start)
+        explanation = ": Not in inclusive range " + A.S(start) + ".." + A.S(end);
+      else
+        explanation = end < start ? ": Valid value range is empty" : ": Only valid value is " + A.S(start);
+      return explanation;
+    }
+  };
+  A.IndexError.prototype = {
+    get$invalidValue() {
+      return this.invalidValue;
+    },
+    get$_errorName() {
+      return "RangeError";
+    },
+    get$_errorExplanation() {
+      if (this.invalidValue < 0)
+        return ": index must not be negative";
+      var t1 = this.length;
+      if (t1 === 0)
+        return ": no indices are valid";
+      return ": index should be less than " + t1;
+    },
+    $isRangeError: 1,
+    get$length(receiver) {
+      return this.length;
+    }
+  };
+  A.NoSuchMethodError.prototype = {
+    toString$0(_) {
+      var $arguments, t1, _i, t2, t3, argument, receiverText, actualParameters, _this = this, _box_0 = {},
+        sb = new A.StringBuffer("");
+      _box_0.comma = "";
+      $arguments = _this._core$_arguments;
+      for (t1 = $arguments.length, _i = 0, t2 = "", t3 = ""; _i < t1; ++_i, t3 = ", ") {
+        argument = $arguments[_i];
+        sb._contents = t2 + t3;
+        t2 = A.Error_safeToString(argument);
+        t2 = sb._contents += t2;
+        _box_0.comma = ", ";
+      }
+      _this._namedArguments.forEach$1(0, new A.NoSuchMethodError_toString_closure(_box_0, sb));
+      receiverText = A.Error_safeToString(_this._core$_receiver);
+      actualParameters = sb.toString$0(0);
+      return "NoSuchMethodError: method not found: '" + _this._memberName.__internal$_name + "'\nReceiver: " + receiverText + "\nArguments: [" + actualParameters + "]";
+    }
+  };
+  A.UnsupportedError.prototype = {
+    toString$0(_) {
+      return "Unsupported operation: " + this.message;
+    },
+    get$message(receiver) {
+      return this.message;
+    }
+  };
+  A.UnimplementedError.prototype = {
+    toString$0(_) {
+      return "UnimplementedError: " + this.message;
+    },
+    get$message(receiver) {
+      return this.message;
+    }
+  };
+  A.StateError.prototype = {
+    toString$0(_) {
+      return "Bad state: " + this.message;
+    },
+    get$message(receiver) {
+      return this.message;
+    }
+  };
+  A.ConcurrentModificationError.prototype = {
+    toString$0(_) {
+      var t1 = this.modifiedObject;
+      if (t1 == null)
+        return "Concurrent modification during iteration.";
+      return "Concurrent modification during iteration: " + A.Error_safeToString(t1) + ".";
+    }
+  };
+  A.OutOfMemoryError.prototype = {
+    toString$0(_) {
+      return "Out of Memory";
+    },
+    get$stackTrace() {
+      return null;
+    },
+    $isError: 1
+  };
+  A.StackOverflowError.prototype = {
+    toString$0(_) {
+      return "Stack Overflow";
+    },
+    get$stackTrace() {
+      return null;
+    },
+    $isError: 1
+  };
+  A._Exception.prototype = {
+    toString$0(_) {
+      return "Exception: " + this.message;
+    },
+    $isException: 1,
+    get$message(receiver) {
+      return this.message;
+    }
+  };
+  A.FormatException.prototype = {
+    toString$0(_) {
+      var t1, lineNum, lineStart, previousCharWasCR, i, char, lineEnd, prefix, postfix, end, start,
+        message = this.message,
+        report = "" !== message ? "FormatException: " + message : "FormatException",
+        offset = this.offset,
+        source = this.source;
+      if (typeof source == "string") {
+        if (offset != null)
+          t1 = offset < 0 || offset > source.length;
+        else
+          t1 = false;
+        if (t1)
+          offset = null;
+        if (offset == null) {
+          if (source.length > 78)
+            source = B.JSString_methods.substring$2(source, 0, 75) + "...";
+          return report + "\n" + source;
+        }
+        for (lineNum = 1, lineStart = 0, previousCharWasCR = false, i = 0; i < offset; ++i) {
+          char = source.charCodeAt(i);
+          if (char === 10) {
+            if (lineStart !== i || !previousCharWasCR)
+              ++lineNum;
+            lineStart = i + 1;
+            previousCharWasCR = false;
+          } else if (char === 13) {
+            ++lineNum;
+            lineStart = i + 1;
+            previousCharWasCR = true;
+          }
+        }
+        report = lineNum > 1 ? report + (" (at line " + lineNum + ", character " + (offset - lineStart + 1) + ")\n") : report + (" (at character " + (offset + 1) + ")\n");
+        lineEnd = source.length;
+        for (i = offset; i < lineEnd; ++i) {
+          char = source.charCodeAt(i);
+          if (char === 10 || char === 13) {
+            lineEnd = i;
+            break;
+          }
+        }
+        prefix = "";
+        if (lineEnd - lineStart > 78) {
+          postfix = "...";
+          if (offset - lineStart < 75) {
+            end = lineStart + 75;
+            start = lineStart;
+          } else {
+            if (lineEnd - offset < 75) {
+              start = lineEnd - 75;
+              end = lineEnd;
+              postfix = "";
+            } else {
+              start = offset - 36;
+              end = offset + 36;
+            }
+            prefix = "...";
+          }
+        } else {
+          end = lineEnd;
+          start = lineStart;
+          postfix = "";
+        }
+        return report + prefix + B.JSString_methods.substring$2(source, start, end) + postfix + "\n" + B.JSString_methods.$mul(" ", offset - start + prefix.length) + "^\n";
+      } else
+        return offset != null ? report + (" (at offset " + A.S(offset) + ")") : report;
+    },
+    $isException: 1,
+    get$message(receiver) {
+      return this.message;
+    }
+  };
+  A.Iterable.prototype = {
+    cast$1$0(_, $R) {
+      return A.CastIterable_CastIterable(this, A._instanceType(this)._eval$1("Iterable.E"), $R);
+    },
+    followedBy$1(_, other) {
+      var _this = this;
+      if (type$.EfficientLengthIterable_dynamic._is(_this))
+        return A.FollowedByIterable_FollowedByIterable$firstEfficient(_this, other, A._instanceType(_this)._eval$1("Iterable.E"));
+      return new A.FollowedByIterable(_this, other, A._instanceType(_this)._eval$1("FollowedByIterable<Iterable.E>"));
+    },
+    map$1$1(_, toElement, $T) {
+      return A.MappedIterable_MappedIterable(this, toElement, A._instanceType(this)._eval$1("Iterable.E"), $T);
+    },
+    where$1(_, test) {
+      return new A.WhereIterable(this, test, A._instanceType(this)._eval$1("WhereIterable<Iterable.E>"));
+    },
+    expand$1$1(_, toElements, $T) {
+      return new A.ExpandIterable(this, toElements, A._instanceType(this)._eval$1("@<Iterable.E>")._bind$1($T)._eval$1("ExpandIterable<1,2>"));
+    },
+    contains$1(_, element) {
+      var t1;
+      for (t1 = this.get$iterator(this); t1.moveNext$0();)
+        if (J.$eq$(t1.get$current(t1), element))
+          return true;
+      return false;
+    },
+    forEach$1(_, action) {
+      var t1;
+      for (t1 = this.get$iterator(this); t1.moveNext$0();)
+        action.call$1(t1.get$current(t1));
+    },
+    fold$1$2(_, initialValue, combine) {
+      var t1, value;
+      for (t1 = this.get$iterator(this), value = initialValue; t1.moveNext$0();)
+        value = combine.call$2(value, t1.get$current(t1));
+      return value;
+    },
+    fold$2(_, initialValue, combine) {
+      return this.fold$1$2(0, initialValue, combine, type$.dynamic);
+    },
+    every$1(_, test) {
+      var t1;
+      for (t1 = this.get$iterator(this); t1.moveNext$0();)
+        if (!test.call$1(t1.get$current(t1)))
+          return false;
+      return true;
+    },
+    join$1(_, separator) {
+      var first, t1,
+        iterator = this.get$iterator(this);
+      if (!iterator.moveNext$0())
+        return "";
+      first = J.toString$0$(iterator.get$current(iterator));
+      if (!iterator.moveNext$0())
+        return first;
+      if (separator.length === 0) {
+        t1 = first;
+        do
+          t1 += A.S(J.toString$0$(iterator.get$current(iterator)));
+        while (iterator.moveNext$0());
+      } else {
+        t1 = first;
+        do
+          t1 = t1 + separator + A.S(J.toString$0$(iterator.get$current(iterator)));
+        while (iterator.moveNext$0());
+      }
+      return t1.charCodeAt(0) == 0 ? t1 : t1;
+    },
+    any$1(_, test) {
+      var t1;
+      for (t1 = this.get$iterator(this); t1.moveNext$0();)
+        if (test.call$1(t1.get$current(t1)))
+          return true;
+      return false;
+    },
+    toList$1$growable(_, growable) {
+      var t1 = A._instanceType(this)._eval$1("Iterable.E");
+      if (growable)
+        t1 = A.List_List$_of(this, t1);
+      else {
+        t1 = A.List_List$_of(this, t1);
+        t1.$flags = 1;
+        t1 = t1;
+      }
+      return t1;
+    },
+    toList$0(_) {
+      return this.toList$1$growable(0, true);
+    },
+    toSet$0(_) {
+      return A.LinkedHashSet_LinkedHashSet$of(this, A._instanceType(this)._eval$1("Iterable.E"));
+    },
+    get$length(_) {
+      var count,
+        it = this.get$iterator(this);
+      for (count = 0; it.moveNext$0();)
+        ++count;
+      return count;
+    },
+    get$isEmpty(_) {
+      return !this.get$iterator(this).moveNext$0();
+    },
+    get$isNotEmpty(_) {
+      return !this.get$isEmpty(this);
+    },
+    take$1(_, count) {
+      return A.TakeIterable_TakeIterable(this, count, A._instanceType(this)._eval$1("Iterable.E"));
+    },
+    skip$1(_, count) {
+      return A.SkipIterable_SkipIterable(this, count, A._instanceType(this)._eval$1("Iterable.E"));
+    },
+    skipWhile$1(_, test) {
+      return new A.SkipWhileIterable(this, test, A._instanceType(this)._eval$1("SkipWhileIterable<Iterable.E>"));
+    },
+    get$first(_) {
+      var it = this.get$iterator(this);
+      if (!it.moveNext$0())
+        throw A.wrapException(A.IterableElementError_noElement());
+      return it.get$current(it);
+    },
+    get$last(_) {
+      var result,
+        it = this.get$iterator(this);
+      if (!it.moveNext$0())
+        throw A.wrapException(A.IterableElementError_noElement());
+      do
+        result = it.get$current(it);
+      while (it.moveNext$0());
+      return result;
+    },
+    get$single(_) {
+      var result,
+        it = this.get$iterator(this);
+      if (!it.moveNext$0())
+        throw A.wrapException(A.IterableElementError_noElement());
+      result = it.get$current(it);
+      if (it.moveNext$0())
+        throw A.wrapException(A.IterableElementError_tooMany());
+      return result;
+    },
+    elementAt$1(_, index) {
+      var iterator, skipCount;
+      A.RangeError_checkNotNegative(index, "index");
+      iterator = this.get$iterator(this);
+      for (skipCount = index; iterator.moveNext$0();) {
+        if (skipCount === 0)
+          return iterator.get$current(iterator);
+        --skipCount;
+      }
+      throw A.wrapException(A.IndexError$withLength(index, index - skipCount, this, null, "index"));
+    },
+    toString$0(_) {
+      return A.Iterable_iterableToShortString(this, "(", ")");
+    }
+  };
+  A._GeneratorIterable.prototype = {
+    elementAt$1(_, index) {
+      A.IndexError_check(index, this.length, this, null, null);
+      return this._generator.call$1(index);
+    },
+    get$length(receiver) {
+      return this.length;
+    }
+  };
+  A.MapEntry.prototype = {
+    toString$0(_) {
+      return "MapEntry(" + A.S(this.key) + ": " + A.S(this.value) + ")";
+    }
+  };
+  A.Null.prototype = {
+    get$hashCode(_) {
+      return A.Object.prototype.get$hashCode.call(this, 0);
+    },
+    toString$0(_) {
+      return "null";
+    }
+  };
+  A.Object.prototype = {$isObject: 1,
+    $eq(_, other) {
+      return this === other;
+    },
+    get$hashCode(_) {
+      return A.Primitives_objectHashCode(this);
+    },
+    toString$0(_) {
+      return "Instance of '" + A.Primitives_objectTypeName(this) + "'";
+    },
+    noSuchMethod$1(_, invocation) {
+      throw A.wrapException(A.NoSuchMethodError_NoSuchMethodError$withInvocation(this, invocation));
+    },
+    get$runtimeType(_) {
+      return A.getRuntimeTypeOfDartObject(this);
+    },
+    toString() {
+      return this.toString$0(this);
+    }
+  };
+  A._StringStackTrace.prototype = {
+    toString$0(_) {
+      return this._stackTrace;
+    },
+    $isStackTrace: 1
+  };
+  A.Runes.prototype = {
+    get$iterator(_) {
+      return new A.RuneIterator(this.string);
+    },
+    get$last(_) {
+      var code, previousCode,
+        t1 = this.string,
+        t2 = t1.length;
+      if (t2 === 0)
+        throw A.wrapException(A.StateError$("No elements."));
+      code = t1.charCodeAt(t2 - 1);
+      if ((code & 64512) === 56320 && t2 > 1) {
+        previousCode = t1.charCodeAt(t2 - 2);
+        if ((previousCode & 64512) === 55296)
+          return A._combineSurrogatePair(previousCode, code);
+      }
+      return code;
+    }
+  };
+  A.RuneIterator.prototype = {
+    get$current(_) {
+      return this._currentCodePoint;
+    },
+    moveNext$0() {
+      var codeUnit, nextPosition, nextCodeUnit, _this = this,
+        t1 = _this._position = _this._nextPosition,
+        t2 = _this.string,
+        t3 = t2.length;
+      if (t1 === t3) {
+        _this._currentCodePoint = -1;
+        return false;
+      }
+      codeUnit = t2.charCodeAt(t1);
+      nextPosition = t1 + 1;
+      if ((codeUnit & 64512) === 55296 && nextPosition < t3) {
+        nextCodeUnit = t2.charCodeAt(nextPosition);
+        if ((nextCodeUnit & 64512) === 56320) {
+          _this._nextPosition = nextPosition + 1;
+          _this._currentCodePoint = A._combineSurrogatePair(codeUnit, nextCodeUnit);
+          return true;
+        }
+      }
+      _this._nextPosition = nextPosition;
+      _this._currentCodePoint = codeUnit;
+      return true;
+    }
+  };
+  A.StringBuffer.prototype = {
+    get$length(_) {
+      return this._contents.length;
+    },
+    write$1(_, obj) {
+      var t1 = A.S(obj);
+      this._contents += t1;
+    },
+    writeCharCode$1(charCode) {
+      var t1 = A.Primitives_stringFromCharCode(charCode);
+      this._contents += t1;
+    },
+    toString$0(_) {
+      var t1 = this._contents;
+      return t1.charCodeAt(0) == 0 ? t1 : t1;
+    }
+  };
+  A.Uri__parseIPv4Address_error.prototype = {
+    call$2(msg, position) {
+      throw A.wrapException(A.FormatException$("Illegal IPv4 address, " + msg, this.host, position));
+    },
+    $signature: 323
+  };
+  A.Uri_parseIPv6Address_error.prototype = {
+    call$2(msg, position) {
+      throw A.wrapException(A.FormatException$("Illegal IPv6 address, " + msg, this.host, position));
+    },
+    $signature: 391
+  };
+  A.Uri_parseIPv6Address_parseHex.prototype = {
+    call$2(start, end) {
+      var value;
+      if (end - start > 4)
+        this.error.call$2("an IPv6 part can only contain a maximum of 4 hex digits", start);
+      value = A.int_parse(B.JSString_methods.substring$2(this.host, start, end), 16);
+      if (value < 0 || value > 65535)
+        this.error.call$2("each part must be in the range of `0x0..0xFFFF`", start);
+      return value;
+    },
+    $signature: 392
+  };
+  A._Uri.prototype = {
+    get$_text() {
+      var t1, t2, t3, t4, _this = this,
+        value = _this.___Uri__text_FI;
+      if (value === $) {
+        t1 = _this.scheme;
+        t2 = t1.length !== 0 ? t1 + ":" : "";
+        t3 = _this._host;
+        t4 = t3 == null;
+        if (!t4 || t1 === "file") {
+          t1 = t2 + "//";
+          t2 = _this._userInfo;
+          if (t2.length !== 0)
+            t1 = t1 + t2 + "@";
+          if (!t4)
+            t1 += t3;
+          t2 = _this._port;
+          if (t2 != null)
+            t1 = t1 + ":" + A.S(t2);
+        } else
+          t1 = t2;
+        t1 += _this.path;
+        t2 = _this._query;
+        if (t2 != null)
+          t1 = t1 + "?" + t2;
+        t2 = _this._fragment;
+        if (t2 != null)
+          t1 = t1 + "#" + t2;
+        value = _this.___Uri__text_FI = t1.charCodeAt(0) == 0 ? t1 : t1;
+      }
+      return value;
+    },
+    get$pathSegments() {
+      var pathToSplit, result, _this = this,
+        value = _this.___Uri_pathSegments_FI;
+      if (value === $) {
+        pathToSplit = _this.path;
+        if (pathToSplit.length !== 0 && pathToSplit.charCodeAt(0) === 47)
+          pathToSplit = B.JSString_methods.substring$1(pathToSplit, 1);
+        result = pathToSplit.length === 0 ? B.List_empty : A.List_List$unmodifiable(new A.MappedListIterable(A._setArrayType(pathToSplit.split("/"), type$.JSArray_String), A.core_Uri_decodeComponent$closure(), type$.MappedListIterable_String_dynamic), type$.String);
+        _this.___Uri_pathSegments_FI !== $ && A.throwUnnamedLateFieldADI();
+        value = _this.___Uri_pathSegments_FI = result;
+      }
+      return value;
+    },
+    get$hashCode(_) {
+      var result, _this = this,
+        value = _this.___Uri_hashCode_FI;
+      if (value === $) {
+        result = B.JSString_methods.get$hashCode(_this.get$_text());
+        _this.___Uri_hashCode_FI !== $ && A.throwUnnamedLateFieldADI();
+        _this.___Uri_hashCode_FI = result;
+        value = result;
+      }
+      return value;
+    },
+    get$userInfo() {
+      return this._userInfo;
+    },
+    get$host() {
+      var host = this._host;
+      if (host == null)
+        return "";
+      if (B.JSString_methods.startsWith$1(host, "[") && !B.JSString_methods.startsWith$2(host, "v", 1))
+        return B.JSString_methods.substring$2(host, 1, host.length - 1);
+      return host;
+    },
+    get$port(_) {
+      var t1 = this._port;
+      return t1 == null ? A._Uri__defaultPort(this.scheme) : t1;
+    },
+    get$query() {
+      var t1 = this._query;
+      return t1 == null ? "" : t1;
+    },
+    get$fragment() {
+      var t1 = this._fragment;
+      return t1 == null ? "" : t1;
+    },
+    isScheme$1(scheme) {
+      var thisScheme = this.scheme;
+      if (scheme.length !== thisScheme.length)
+        return false;
+      return A._caseInsensitiveCompareStart(scheme, thisScheme, 0) >= 0;
+    },
+    replace$1$scheme(scheme) {
+      var isFile, userInfo, port, host, currentPath, t1, path, _this = this;
+      scheme = A._Uri__makeScheme(scheme, 0, scheme.length);
+      isFile = scheme === "file";
+      userInfo = _this._userInfo;
+      port = _this._port;
+      if (scheme !== _this.scheme)
+        port = A._Uri__makePort(port, scheme);
+      host = _this._host;
+      if (!(host != null))
+        host = userInfo.length !== 0 || port != null || isFile ? "" : null;
+      currentPath = _this.path;
+      if (!isFile)
+        t1 = host != null && currentPath.length !== 0;
+      else
+        t1 = true;
+      if (t1 && !B.JSString_methods.startsWith$1(currentPath, "/"))
+        currentPath = "/" + currentPath;
+      path = currentPath;
+      return A._Uri$_internal(scheme, userInfo, host, port, path, _this._query, _this._fragment);
+    },
+    _mergePaths$2(base, reference) {
+      var backCount, refStart, baseEnd, newEnd, delta, t1, t2;
+      for (backCount = 0, refStart = 0; B.JSString_methods.startsWith$2(reference, "../", refStart);) {
+        refStart += 3;
+        ++backCount;
+      }
+      baseEnd = B.JSString_methods.lastIndexOf$1(base, "/");
+      while (true) {
+        if (!(baseEnd > 0 && backCount > 0))
+          break;
+        newEnd = B.JSString_methods.lastIndexOf$2(base, "/", baseEnd - 1);
+        if (newEnd < 0)
+          break;
+        delta = baseEnd - newEnd;
+        t1 = delta !== 2;
+        t2 = false;
+        if (!t1 || delta === 3)
+          if (base.charCodeAt(newEnd + 1) === 46)
+            t1 = !t1 || base.charCodeAt(newEnd + 2) === 46;
+          else
+            t1 = t2;
+        else
+          t1 = t2;
+        if (t1)
+          break;
+        --backCount;
+        baseEnd = newEnd;
+      }
+      return B.JSString_methods.replaceRange$3(base, baseEnd + 1, null, B.JSString_methods.substring$1(reference, refStart - 3 * backCount));
+    },
+    resolve$1(_, reference) {
+      return this.resolveUri$1(A.Uri_parse(reference));
+    },
+    resolveUri$1(reference) {
+      var targetScheme, targetUserInfo, targetHost, targetPort, targetPath, targetQuery, split, packageNameEnd, packageName, mergedPath, t1, fragment, _this = this, _null = null;
+      if (reference.get$scheme().length !== 0) {
+        if (type$._PlatformUri._is(reference))
+          return reference;
+        targetScheme = reference.get$scheme();
+        if (reference.get$hasAuthority()) {
+          targetUserInfo = reference.get$userInfo();
+          targetHost = reference.get$host();
+          targetPort = reference.get$hasPort() ? reference.get$port(reference) : _null;
+        } else {
+          targetPort = _null;
+          targetHost = targetPort;
+          targetUserInfo = "";
+        }
+        targetPath = A._Uri__removeDotSegments(reference.get$path(reference));
+        targetQuery = reference.get$hasQuery() ? reference.get$query() : _null;
+        split = 0;
+      } else {
+        targetScheme = _this.scheme;
+        if (reference.get$hasAuthority()) {
+          if (type$._PlatformUri._is(reference))
+            return reference.replace$1$scheme(targetScheme);
+          targetUserInfo = reference.get$userInfo();
+          targetHost = reference.get$host();
+          targetPort = A._Uri__makePort(reference.get$hasPort() ? reference.get$port(reference) : _null, targetScheme);
+          targetPath = A._Uri__removeDotSegments(reference.get$path(reference));
+          targetQuery = reference.get$hasQuery() ? reference.get$query() : _null;
+          split = 1;
+        } else {
+          targetUserInfo = _this._userInfo;
+          targetHost = _this._host;
+          targetPort = _this._port;
+          targetPath = _this.path;
+          if (reference.get$hasEmptyPath())
+            if (reference.get$hasQuery()) {
+              targetQuery = reference.get$query();
+              split = 3;
+            } else {
+              targetQuery = _this._query;
+              split = 4;
+            }
+          else {
+            packageNameEnd = A._Uri__packageNameEnd(_this, targetPath);
+            if (packageNameEnd > 0) {
+              packageName = B.JSString_methods.substring$2(targetPath, 0, packageNameEnd);
+              targetPath = reference.get$hasAbsolutePath() ? packageName + A._Uri__removeDotSegments(reference.get$path(reference)) : packageName + A._Uri__removeDotSegments(_this._mergePaths$2(B.JSString_methods.substring$1(targetPath, packageName.length), reference.get$path(reference)));
+            } else if (reference.get$hasAbsolutePath())
+              targetPath = A._Uri__removeDotSegments(reference.get$path(reference));
+            else if (targetPath.length === 0)
+              if (targetHost == null)
+                targetPath = targetScheme.length === 0 ? reference.get$path(reference) : A._Uri__removeDotSegments(reference.get$path(reference));
+              else
+                targetPath = A._Uri__removeDotSegments("/" + reference.get$path(reference));
+            else {
+              mergedPath = _this._mergePaths$2(targetPath, reference.get$path(reference));
+              t1 = targetScheme.length === 0;
+              if (!t1 || targetHost != null || B.JSString_methods.startsWith$1(targetPath, "/"))
+                targetPath = A._Uri__removeDotSegments(mergedPath);
+              else
+                targetPath = A._Uri__normalizeRelativePath(mergedPath, !t1 || targetHost != null);
+            }
+            targetQuery = reference.get$hasQuery() ? reference.get$query() : _null;
+            split = 2;
+          }
+        }
+      }
+      fragment = reference.get$hasFragment() ? reference.get$fragment() : _null;
+      if (!type$._PlatformUri._is(reference)) {
+        if (split === 0)
+          targetScheme = A._Uri__makeScheme(targetScheme, 0, targetScheme.length);
+        if (split <= 1) {
+          targetUserInfo = A._Uri__makeUserInfo(targetUserInfo, 0, targetUserInfo.length);
+          if (targetPort != null)
+            targetPort = A._Uri__makePort(targetPort, targetScheme);
+          if (targetHost != null && targetHost.length !== 0)
+            targetHost = A._Uri__makeHost(targetHost, 0, targetHost.length, false);
+        }
+        t1 = split <= 3;
+        if (t1)
+          targetPath = A._Uri__makePath(targetPath, 0, targetPath.length, _null, targetScheme, targetHost != null);
+        if (t1 && targetQuery != null)
+          targetQuery = A._Uri__makeQuery(targetQuery, 0, targetQuery.length, _null);
+        if (fragment != null)
+          fragment = A._Uri__makeFragment(fragment, 0, fragment.length);
+      }
+      return A._Uri$_internal(targetScheme, targetUserInfo, targetHost, targetPort, targetPath, targetQuery, fragment);
+    },
+    get$hasAuthority() {
+      return this._host != null;
+    },
+    get$hasPort() {
+      return this._port != null;
+    },
+    get$hasQuery() {
+      return this._query != null;
+    },
+    get$hasFragment() {
+      return this._fragment != null;
+    },
+    get$hasEmptyPath() {
+      return this.path.length === 0;
+    },
+    get$hasAbsolutePath() {
+      return B.JSString_methods.startsWith$1(this.path, "/");
+    },
+    toFilePath$0() {
+      var pathSegments, _this = this,
+        t1 = _this.scheme;
+      if (t1 !== "" && t1 !== "file")
+        throw A.wrapException(A.UnsupportedError$("Cannot extract a file path from a " + t1 + " URI"));
+      t1 = _this._query;
+      if ((t1 == null ? "" : t1) !== "")
+        throw A.wrapException(A.UnsupportedError$(string$.Cannotfq));
+      t1 = _this._fragment;
+      if ((t1 == null ? "" : t1) !== "")
+        throw A.wrapException(A.UnsupportedError$(string$.Cannotff));
+      t1 = $.$get$_Uri__isWindowsCached();
+      if (t1)
+        t1 = A._Uri__toWindowsFilePath(_this);
+      else {
+        if (_this._host != null && _this.get$host() !== "")
+          A.throwExpression(A.UnsupportedError$(string$.Cannotn));
+        pathSegments = _this.get$pathSegments();
+        A._Uri__checkNonWindowsPathReservedCharacters(pathSegments, false);
+        t1 = A.StringBuffer__writeAll(B.JSString_methods.startsWith$1(_this.path, "/") ? "/" : "", pathSegments, "/");
+        t1 = t1.charCodeAt(0) == 0 ? t1 : t1;
+      }
+      return t1;
+    },
+    toString$0(_) {
+      return this.get$_text();
+    },
+    $eq(_, other) {
+      var t1, t2, t3, _this = this;
+      if (other == null)
+        return false;
+      if (_this === other)
+        return true;
+      t1 = false;
+      if (type$.Uri._is(other))
+        if (_this.scheme === other.get$scheme())
+          if (_this._host != null === other.get$hasAuthority())
+            if (_this._userInfo === other.get$userInfo())
+              if (_this.get$host() === other.get$host())
+                if (_this.get$port(0) === other.get$port(other))
+                  if (_this.path === other.get$path(other)) {
+                    t2 = _this._query;
+                    t3 = t2 == null;
+                    if (!t3 === other.get$hasQuery()) {
+                      if (t3)
+                        t2 = "";
+                      if (t2 === other.get$query()) {
+                        t2 = _this._fragment;
+                        t3 = t2 == null;
+                        if (!t3 === other.get$hasFragment()) {
+                          t1 = t3 ? "" : t2;
+                          t1 = t1 === other.get$fragment();
+                        }
+                      }
+                    }
+                  }
+      return t1;
+    },
+    $isUri: 1,
+    $is_PlatformUri: 1,
+    get$scheme() {
+      return this.scheme;
+    },
+    get$path(receiver) {
+      return this.path;
+    }
+  };
+  A._Uri__makePath_closure.prototype = {
+    call$1(s) {
+      return A._Uri__uriEncode(64, s, B.C_Utf8Codec, false);
+    },
+    $signature: 6
+  };
+  A.UriData.prototype = {
+    get$uri() {
+      var t2, queryIndex, end, query, _this = this, _null = null,
+        t1 = _this._uriCache;
+      if (t1 == null) {
+        t1 = _this._text;
+        t2 = _this._separatorIndices[0] + 1;
+        queryIndex = B.JSString_methods.indexOf$2(t1, "?", t2);
+        end = t1.length;
+        if (queryIndex >= 0) {
+          query = A._Uri__normalizeOrSubstring(t1, queryIndex + 1, end, 256, false, false);
+          end = queryIndex;
+        } else
+          query = _null;
+        t1 = _this._uriCache = new A._DataUri("data", "", _null, _null, A._Uri__normalizeOrSubstring(t1, t2, end, 128, false, false), query, _null);
+      }
+      return t1;
+    },
+    toString$0(_) {
+      var t1 = this._text;
+      return this._separatorIndices[0] === -1 ? "data:" + t1 : t1;
+    }
+  };
+  A._SimpleUri.prototype = {
+    get$hasAuthority() {
+      return this._hostStart > 0;
+    },
+    get$hasPort() {
+      return this._hostStart > 0 && this._portStart + 1 < this._pathStart;
+    },
+    get$hasQuery() {
+      return this._queryStart < this._fragmentStart;
+    },
+    get$hasFragment() {
+      return this._fragmentStart < this._uri.length;
+    },
+    get$hasAbsolutePath() {
+      return B.JSString_methods.startsWith$2(this._uri, "/", this._pathStart);
+    },
+    get$hasEmptyPath() {
+      return this._pathStart === this._queryStart;
+    },
+    get$scheme() {
+      var t1 = this._schemeCache;
+      return t1 == null ? this._schemeCache = this._computeScheme$0() : t1;
+    },
+    _computeScheme$0() {
+      var t2, _this = this,
+        t1 = _this._schemeEnd;
+      if (t1 <= 0)
+        return "";
+      t2 = t1 === 4;
+      if (t2 && B.JSString_methods.startsWith$1(_this._uri, "http"))
+        return "http";
+      if (t1 === 5 && B.JSString_methods.startsWith$1(_this._uri, "https"))
+        return "https";
+      if (t2 && B.JSString_methods.startsWith$1(_this._uri, "file"))
+        return "file";
+      if (t1 === 7 && B.JSString_methods.startsWith$1(_this._uri, "package"))
+        return "package";
+      return B.JSString_methods.substring$2(_this._uri, 0, t1);
+    },
+    get$userInfo() {
+      var t1 = this._hostStart,
+        t2 = this._schemeEnd + 3;
+      return t1 > t2 ? B.JSString_methods.substring$2(this._uri, t2, t1 - 1) : "";
+    },
+    get$host() {
+      var t1 = this._hostStart;
+      return t1 > 0 ? B.JSString_methods.substring$2(this._uri, t1, this._portStart) : "";
+    },
+    get$port(_) {
+      var t1, _this = this;
+      if (_this.get$hasPort())
+        return A.int_parse(B.JSString_methods.substring$2(_this._uri, _this._portStart + 1, _this._pathStart), null);
+      t1 = _this._schemeEnd;
+      if (t1 === 4 && B.JSString_methods.startsWith$1(_this._uri, "http"))
+        return 80;
+      if (t1 === 5 && B.JSString_methods.startsWith$1(_this._uri, "https"))
+        return 443;
+      return 0;
+    },
+    get$path(_) {
+      return B.JSString_methods.substring$2(this._uri, this._pathStart, this._queryStart);
+    },
+    get$query() {
+      var t1 = this._queryStart,
+        t2 = this._fragmentStart;
+      return t1 < t2 ? B.JSString_methods.substring$2(this._uri, t1 + 1, t2) : "";
+    },
+    get$fragment() {
+      var t1 = this._fragmentStart,
+        t2 = this._uri;
+      return t1 < t2.length ? B.JSString_methods.substring$1(t2, t1 + 1) : "";
+    },
+    get$pathSegments() {
+      var parts, i,
+        start = this._pathStart,
+        end = this._queryStart,
+        t1 = this._uri;
+      if (B.JSString_methods.startsWith$2(t1, "/", start))
+        ++start;
+      if (start === end)
+        return B.List_empty;
+      parts = A._setArrayType([], type$.JSArray_String);
+      for (i = start; i < end; ++i)
+        if (t1.charCodeAt(i) === 47) {
+          parts.push(B.JSString_methods.substring$2(t1, start, i));
+          start = i + 1;
+        }
+      parts.push(B.JSString_methods.substring$2(t1, start, end));
+      return A.List_List$unmodifiable(parts, type$.String);
+    },
+    _isPort$1(port) {
+      var portDigitStart = this._portStart + 1;
+      return portDigitStart + port.length === this._pathStart && B.JSString_methods.startsWith$2(this._uri, port, portDigitStart);
+    },
+    removeFragment$0() {
+      var _this = this,
+        t1 = _this._fragmentStart,
+        t2 = _this._uri;
+      if (t1 >= t2.length)
+        return _this;
+      return new A._SimpleUri(B.JSString_methods.substring$2(t2, 0, t1), _this._schemeEnd, _this._hostStart, _this._portStart, _this._pathStart, _this._queryStart, t1, _this._schemeCache);
+    },
+    replace$1$scheme(scheme) {
+      var schemeChanged, isFile, t1, userInfo, port, host, t2, path, t3, query, fragment, _this = this, _null = null;
+      scheme = A._Uri__makeScheme(scheme, 0, scheme.length);
+      schemeChanged = !(_this._schemeEnd === scheme.length && B.JSString_methods.startsWith$1(_this._uri, scheme));
+      isFile = scheme === "file";
+      t1 = _this._hostStart;
+      userInfo = t1 > 0 ? B.JSString_methods.substring$2(_this._uri, _this._schemeEnd + 3, t1) : "";
+      port = _this.get$hasPort() ? _this.get$port(0) : _null;
+      if (schemeChanged)
+        port = A._Uri__makePort(port, scheme);
+      t1 = _this._hostStart;
+      if (t1 > 0)
+        host = B.JSString_methods.substring$2(_this._uri, t1, _this._portStart);
+      else
+        host = userInfo.length !== 0 || port != null || isFile ? "" : _null;
+      t1 = _this._uri;
+      t2 = _this._queryStart;
+      path = B.JSString_methods.substring$2(t1, _this._pathStart, t2);
+      if (!isFile)
+        t3 = host != null && path.length !== 0;
+      else
+        t3 = true;
+      if (t3 && !B.JSString_methods.startsWith$1(path, "/"))
+        path = "/" + path;
+      t3 = _this._fragmentStart;
+      query = t2 < t3 ? B.JSString_methods.substring$2(t1, t2 + 1, t3) : _null;
+      t2 = _this._fragmentStart;
+      fragment = t2 < t1.length ? B.JSString_methods.substring$1(t1, t2 + 1) : _null;
+      return A._Uri$_internal(scheme, userInfo, host, port, path, query, fragment);
+    },
+    resolve$1(_, reference) {
+      return this.resolveUri$1(A.Uri_parse(reference));
+    },
+    resolveUri$1(reference) {
+      if (reference instanceof A._SimpleUri)
+        return this._simpleMerge$2(this, reference);
+      return this._toNonSimple$0().resolveUri$1(reference);
+    },
+    _simpleMerge$2(base, ref) {
+      var t2, t3, t4, isSimple, delta, refStart, basePathStart, packageNameEnd, basePathStart0, baseStart, baseEnd, baseUri, baseStart0, backCount, refStart0, insert,
+        t1 = ref._schemeEnd;
+      if (t1 > 0)
+        return ref;
+      t2 = ref._hostStart;
+      if (t2 > 0) {
+        t3 = base._schemeEnd;
+        if (t3 <= 0)
+          return ref;
+        t4 = t3 === 4;
+        if (t4 && B.JSString_methods.startsWith$1(base._uri, "file"))
+          isSimple = ref._pathStart !== ref._queryStart;
+        else if (t4 && B.JSString_methods.startsWith$1(base._uri, "http"))
+          isSimple = !ref._isPort$1("80");
+        else
+          isSimple = !(t3 === 5 && B.JSString_methods.startsWith$1(base._uri, "https")) || !ref._isPort$1("443");
+        if (isSimple) {
+          delta = t3 + 1;
+          return new A._SimpleUri(B.JSString_methods.substring$2(base._uri, 0, delta) + B.JSString_methods.substring$1(ref._uri, t1 + 1), t3, t2 + delta, ref._portStart + delta, ref._pathStart + delta, ref._queryStart + delta, ref._fragmentStart + delta, base._schemeCache);
+        } else
+          return this._toNonSimple$0().resolveUri$1(ref);
+      }
+      refStart = ref._pathStart;
+      t1 = ref._queryStart;
+      if (refStart === t1) {
+        t2 = ref._fragmentStart;
+        if (t1 < t2) {
+          t3 = base._queryStart;
+          delta = t3 - t1;
+          return new A._SimpleUri(B.JSString_methods.substring$2(base._uri, 0, t3) + B.JSString_methods.substring$1(ref._uri, t1), base._schemeEnd, base._hostStart, base._portStart, base._pathStart, t1 + delta, t2 + delta, base._schemeCache);
+        }
+        t1 = ref._uri;
+        if (t2 < t1.length) {
+          t3 = base._fragmentStart;
+          return new A._SimpleUri(B.JSString_methods.substring$2(base._uri, 0, t3) + B.JSString_methods.substring$1(t1, t2), base._schemeEnd, base._hostStart, base._portStart, base._pathStart, base._queryStart, t2 + (t3 - t2), base._schemeCache);
+        }
+        return base.removeFragment$0();
+      }
+      t2 = ref._uri;
+      if (B.JSString_methods.startsWith$2(t2, "/", refStart)) {
+        basePathStart = base._pathStart;
+        packageNameEnd = A._SimpleUri__packageNameEnd(this);
+        basePathStart0 = packageNameEnd > 0 ? packageNameEnd : basePathStart;
+        delta = basePathStart0 - refStart;
+        return new A._SimpleUri(B.JSString_methods.substring$2(base._uri, 0, basePathStart0) + B.JSString_methods.substring$1(t2, refStart), base._schemeEnd, base._hostStart, base._portStart, basePathStart, t1 + delta, ref._fragmentStart + delta, base._schemeCache);
+      }
+      baseStart = base._pathStart;
+      baseEnd = base._queryStart;
+      if (baseStart === baseEnd && base._hostStart > 0) {
+        for (; B.JSString_methods.startsWith$2(t2, "../", refStart);)
+          refStart += 3;
+        delta = baseStart - refStart + 1;
+        return new A._SimpleUri(B.JSString_methods.substring$2(base._uri, 0, baseStart) + "/" + B.JSString_methods.substring$1(t2, refStart), base._schemeEnd, base._hostStart, base._portStart, baseStart, t1 + delta, ref._fragmentStart + delta, base._schemeCache);
+      }
+      baseUri = base._uri;
+      packageNameEnd = A._SimpleUri__packageNameEnd(this);
+      if (packageNameEnd >= 0)
+        baseStart0 = packageNameEnd;
+      else
+        for (baseStart0 = baseStart; B.JSString_methods.startsWith$2(baseUri, "../", baseStart0);)
+          baseStart0 += 3;
+      backCount = 0;
+      while (true) {
+        refStart0 = refStart + 3;
+        if (!(refStart0 <= t1 && B.JSString_methods.startsWith$2(t2, "../", refStart)))
+          break;
+        ++backCount;
+        refStart = refStart0;
+      }
+      for (insert = ""; baseEnd > baseStart0;) {
+        --baseEnd;
+        if (baseUri.charCodeAt(baseEnd) === 47) {
+          if (backCount === 0) {
+            insert = "/";
+            break;
+          }
+          --backCount;
+          insert = "/";
+        }
+      }
+      if (baseEnd === baseStart0 && base._schemeEnd <= 0 && !B.JSString_methods.startsWith$2(baseUri, "/", baseStart)) {
+        refStart -= backCount * 3;
+        insert = "";
+      }
+      delta = baseEnd - refStart + insert.length;
+      return new A._SimpleUri(B.JSString_methods.substring$2(baseUri, 0, baseEnd) + insert + B.JSString_methods.substring$1(t2, refStart), base._schemeEnd, base._hostStart, base._portStart, baseStart, t1 + delta, ref._fragmentStart + delta, base._schemeCache);
+    },
+    toFilePath$0() {
+      var t2, t3, _this = this,
+        t1 = _this._schemeEnd;
+      if (t1 >= 0) {
+        t2 = !(t1 === 4 && B.JSString_methods.startsWith$1(_this._uri, "file"));
+        t1 = t2;
+      } else
+        t1 = false;
+      if (t1)
+        throw A.wrapException(A.UnsupportedError$("Cannot extract a file path from a " + _this.get$scheme() + " URI"));
+      t1 = _this._queryStart;
+      t2 = _this._uri;
+      if (t1 < t2.length) {
+        if (t1 < _this._fragmentStart)
+          throw A.wrapException(A.UnsupportedError$(string$.Cannotfq));
+        throw A.wrapException(A.UnsupportedError$(string$.Cannotff));
+      }
+      t3 = $.$get$_Uri__isWindowsCached();
+      if (t3)
+        t1 = A._Uri__toWindowsFilePath(_this);
+      else {
+        if (_this._hostStart < _this._portStart)
+          A.throwExpression(A.UnsupportedError$(string$.Cannotn));
+        t1 = B.JSString_methods.substring$2(t2, _this._pathStart, t1);
+      }
+      return t1;
+    },
+    get$hashCode(_) {
+      var t1 = this._hashCodeCache;
+      return t1 == null ? this._hashCodeCache = B.JSString_methods.get$hashCode(this._uri) : t1;
+    },
+    $eq(_, other) {
+      if (other == null)
+        return false;
+      if (this === other)
+        return true;
+      return type$.Uri._is(other) && this._uri === other.toString$0(0);
+    },
+    _toNonSimple$0() {
+      var _this = this, _null = null,
+        t1 = _this.get$scheme(),
+        t2 = _this.get$userInfo(),
+        t3 = _this._hostStart > 0 ? _this.get$host() : _null,
+        t4 = _this.get$hasPort() ? _this.get$port(0) : _null,
+        t5 = _this._uri,
+        t6 = _this._queryStart,
+        t7 = B.JSString_methods.substring$2(t5, _this._pathStart, t6),
+        t8 = _this._fragmentStart;
+      t6 = t6 < t8 ? _this.get$query() : _null;
+      return A._Uri$_internal(t1, t2, t3, t4, t7, t6, t8 < t5.length ? _this.get$fragment() : _null);
+    },
+    toString$0(_) {
+      return this._uri;
+    },
+    $isUri: 1,
+    $is_PlatformUri: 1
+  };
+  A._DataUri.prototype = {};
+  A.Expando.prototype = {
+    $indexSet(_, object, value) {
+      if (object instanceof A._Record)
+        A.Expando__badExpandoKey(object);
+      this._jsWeakMap.set(object, value);
+    },
+    toString$0(_) {
+      return "Expando:null";
+    }
+  };
+  A.jsify__convert.prototype = {
+    call$1(o) {
+      var t1, convertedMap, key, convertedList;
+      if (A._noJsifyRequired(o))
+        return o;
+      t1 = this._convertedObjects;
+      if (t1.containsKey$1(o))
+        return t1.$index(0, o);
+      if (type$.Map_dynamic_dynamic._is(o)) {
+        convertedMap = {};
+        t1.$indexSet(0, o, convertedMap);
+        for (t1 = o.get$keys(o), t1 = t1.get$iterator(t1); t1.moveNext$0();) {
+          key = t1.get$current(t1);
+          convertedMap[key] = this.call$1(o.$index(0, key));
+        }
+        return convertedMap;
+      } else if (type$.Iterable_dynamic._is(o)) {
+        convertedList = [];
+        t1.$indexSet(0, o, convertedList);
+        B.JSArray_methods.addAll$1(convertedList, J.map$1$1$ax(o, this, type$.dynamic));
+        return convertedList;
+      } else
+        return o;
+    },
+    $signature: 450
+  };
+  A.promiseToFuture_closure.prototype = {
+    call$1(r) {
+      return this.completer.complete$1(r);
+    },
+    $signature: 77
+  };
+  A.promiseToFuture_closure0.prototype = {
+    call$1(e) {
+      if (e == null)
+        return this.completer.completeError$1(new A.NullRejectionException(e === undefined));
+      return this.completer.completeError$1(e);
+    },
+    $signature: 77
+  };
+  A.NullRejectionException.prototype = {
+    toString$0(_) {
+      return "Promise was rejected with a value of `" + (this.isUndefined ? "undefined" : "null") + "`.";
+    },
+    $isException: 1
+  };
+  A._JSRandom.prototype = {
+    nextInt$1(max) {
+      if (max <= 0 || max > 4294967296)
+        throw A.wrapException(A.RangeError$("max must be in range 0 < max \u2264 2^32, was " + max));
+      return Math.random() * max >>> 0;
+    },
+    nextDouble$0() {
+      return Math.random();
+    }
+  };
+  A.ArgParser.prototype = {
+    addFlag$6$abbr$defaultsTo$help$hide$negatable($name, abbr, defaultsTo, help, hide, negatable) {
+      var _null = null;
+      this._addOption$13$aliases$hide$hideNegatedUsage$negatable($name, abbr, help, _null, _null, _null, defaultsTo, _null, B.OptionType_tI9, B.List_empty, hide, false, negatable);
+    },
+    addFlag$2$hide($name, hide) {
+      return this.addFlag$6$abbr$defaultsTo$help$hide$negatable($name, null, false, null, hide, true);
+    },
+    addFlag$2$help($name, help) {
+      return this.addFlag$6$abbr$defaultsTo$help$hide$negatable($name, null, false, help, false, true);
+    },
+    addFlag$3$defaultsTo$help($name, defaultsTo, help) {
+      return this.addFlag$6$abbr$defaultsTo$help$hide$negatable($name, null, defaultsTo, help, false, true);
+    },
+    addFlag$3$help$negatable($name, help, negatable) {
+      return this.addFlag$6$abbr$defaultsTo$help$hide$negatable($name, null, false, help, false, negatable);
+    },
+    addFlag$3$abbr$help($name, abbr, help) {
+      return this.addFlag$6$abbr$defaultsTo$help$hide$negatable($name, abbr, false, help, false, true);
+    },
+    addFlag$4$abbr$help$negatable($name, abbr, help, negatable) {
+      return this.addFlag$6$abbr$defaultsTo$help$hide$negatable($name, abbr, false, help, false, negatable);
+    },
+    addOption$7$abbr$allowed$defaultsTo$help$hide$valueHelp($name, abbr, allowed, defaultsTo, help, hide, valueHelp) {
+      this._addOption$12$aliases$hide$mandatory($name, abbr, help, valueHelp, allowed, null, defaultsTo, null, B.OptionType_zZK, B.List_empty, hide, false);
+    },
+    addOption$2$hide($name, hide) {
+      var _null = null;
+      return this.addOption$7$abbr$allowed$defaultsTo$help$hide$valueHelp($name, _null, _null, _null, _null, hide, _null);
+    },
+    addOption$6$abbr$allowed$defaultsTo$help$valueHelp($name, abbr, allowed, defaultsTo, help, valueHelp) {
+      return this.addOption$7$abbr$allowed$defaultsTo$help$hide$valueHelp($name, abbr, allowed, defaultsTo, help, false, valueHelp);
+    },
+    addOption$4$allowed$defaultsTo$help($name, allowed, defaultsTo, help) {
+      return this.addOption$7$abbr$allowed$defaultsTo$help$hide$valueHelp($name, null, allowed, defaultsTo, help, false, null);
+    },
+    addMultiOption$7$abbr$allowed$allowedHelp$help$splitCommas$valueHelp($name, abbr, allowed, allowedHelp, help, splitCommas, valueHelp) {
+      var t1 = A._setArrayType([], type$.JSArray_String);
+      this._addOption$12$aliases$hide$splitCommas($name, abbr, help, valueHelp, allowed, allowedHelp, t1, null, B.OptionType_1Ol, B.List_empty, false, splitCommas);
+    },
+    addMultiOption$5$abbr$help$splitCommas$valueHelp($name, abbr, help, splitCommas, valueHelp) {
+      return this.addMultiOption$7$abbr$allowed$allowedHelp$help$splitCommas$valueHelp($name, abbr, null, null, help, splitCommas, valueHelp);
+    },
+    addMultiOption$6$abbr$allowed$allowedHelp$help$valueHelp($name, abbr, allowed, allowedHelp, help, valueHelp) {
+      return this.addMultiOption$7$abbr$allowed$allowedHelp$help$splitCommas$valueHelp($name, abbr, allowed, allowedHelp, help, true, valueHelp);
+    },
+    addMultiOption$2$help($name, help) {
+      var _null = null;
+      return this.addMultiOption$7$abbr$allowed$allowedHelp$help$splitCommas$valueHelp($name, _null, _null, _null, help, true, _null);
+    },
+    _addOption$15$aliases$hide$hideNegatedUsage$mandatory$negatable$splitCommas($name, abbr, help, valueHelp, allowed, allowedHelp, defaultsTo, callback, type, aliases, hide, hideNegatedUsage, mandatory, negatable, splitCommas) {
+      var existing, t2, t3, option, _i, _this = this, _null = null,
+        t1 = A._setArrayType([$name], type$.JSArray_String);
+      B.JSArray_methods.addAll$1(t1, aliases);
+      if (B.JSArray_methods.any$1(t1, new A.ArgParser__addOption_closure(_this)))
+        throw A.wrapException(A.ArgumentError$('Duplicate option or alias "' + $name + '".', _null));
+      t1 = abbr != null;
+      if (t1) {
+        existing = _this.findByAbbreviation$1(abbr);
+        if (existing != null)
+          throw A.wrapException(A.ArgumentError$('Abbreviation "' + abbr + '" is already used by "' + existing.name + '".', _null));
+      }
+      t2 = allowed == null ? _null : A.List_List$unmodifiable(allowed, type$.String);
+      if (allowedHelp == null)
+        t3 = _null;
+      else {
+        t3 = type$.String;
+        t3 = A.ConstantMap_ConstantMap$from(allowedHelp, t3, t3);
+      }
+      option = new A.Option($name, abbr, help, valueHelp, t2, t3, defaultsTo, negatable, false, callback, type, splitCommas == null ? type === B.OptionType_1Ol : splitCommas, false, hide);
+      if ($name.length === 0)
+        A.throwExpression(A.ArgumentError$("Name cannot be empty.", _null));
+      else if (B.JSString_methods.startsWith$1($name, "-"))
+        A.throwExpression(A.ArgumentError$("Name " + $name + ' cannot start with "-".', _null));
+      t2 = $.$get$Option__invalidChars()._nativeRegExp;
+      if (t2.test($name))
+        A.throwExpression(A.ArgumentError$('Name "' + $name + '" contains invalid characters.', _null));
+      if (t1) {
+        if (abbr.length !== 1)
+          A.throwExpression(A.ArgumentError$("Abbreviation must be null or have length 1.", _null));
+        else if (abbr === "-")
+          A.throwExpression(A.ArgumentError$('Abbreviation cannot be "-".', _null));
+        if (t2.test(abbr))
+          A.throwExpression(A.ArgumentError$("Abbreviation is an invalid character.", _null));
+      }
+      _this._arg_parser$_options.$indexSet(0, $name, option);
+      _this._optionsAndSeparators.push(option);
+      for (t1 = _this._aliases, _i = 0; false; ++_i)
+        t1.$indexSet(0, aliases[_i], $name);
+    },
+    _addOption$12$aliases$hide$splitCommas($name, abbr, help, valueHelp, allowed, allowedHelp, defaultsTo, callback, type, aliases, hide, splitCommas) {
+      return this._addOption$15$aliases$hide$hideNegatedUsage$mandatory$negatable$splitCommas($name, abbr, help, valueHelp, allowed, allowedHelp, defaultsTo, callback, type, aliases, hide, false, false, false, splitCommas);
+    },
+    _addOption$12$aliases$hide$mandatory($name, abbr, help, valueHelp, allowed, allowedHelp, defaultsTo, callback, type, aliases, hide, mandatory) {
+      return this._addOption$15$aliases$hide$hideNegatedUsage$mandatory$negatable$splitCommas($name, abbr, help, valueHelp, allowed, allowedHelp, defaultsTo, callback, type, aliases, hide, false, mandatory, false, null);
+    },
+    _addOption$13$aliases$hide$hideNegatedUsage$negatable($name, abbr, help, valueHelp, allowed, allowedHelp, defaultsTo, callback, type, aliases, hide, hideNegatedUsage, negatable) {
+      return this._addOption$15$aliases$hide$hideNegatedUsage$mandatory$negatable$splitCommas($name, abbr, help, valueHelp, allowed, allowedHelp, defaultsTo, callback, type, aliases, hide, hideNegatedUsage, false, negatable, null);
+    },
+    findByAbbreviation$1(abbr) {
+      var t1, t2;
+      for (t1 = this.options._map, t1 = t1.get$values(t1), t1 = t1.get$iterator(t1); t1.moveNext$0();) {
+        t2 = t1.get$current(t1);
+        if (t2.abbr === abbr)
+          return t2;
+      }
+      return null;
+    },
+    findByNameOrAlias$1($name) {
+      var t1 = this._aliases.$index(0, $name);
+      if (t1 == null)
+        t1 = $name;
+      return this.options._map.$index(0, t1);
+    }
+  };
+  A.ArgParser__addOption_closure.prototype = {
+    call$1($name) {
+      return this.$this.findByNameOrAlias$1($name) != null;
+    },
+    $signature: 5
+  };
+  A.ArgParserException.prototype = {};
+  A.ArgResults.prototype = {
+    $index(_, $name) {
+      var t1 = this._parser.options._map;
+      if (!t1.containsKey$1($name))
+        throw A.wrapException(A.ArgumentError$('Could not find an option named "--' + $name + '".', null));
+      t1 = t1.$index(0, $name);
+      t1.toString;
+      return t1.valueOrDefault$1(this._parsed.$index(0, $name));
+    },
+    wasParsed$1($name) {
+      if (!this._parser.options._map.containsKey$1($name))
+        throw A.wrapException(A.ArgumentError$('Could not find an option named "--' + $name + '".', null));
+      return this._parsed.containsKey$1($name);
+    }
+  };
+  A.Option.prototype = {
+    valueOrDefault$1(value) {
+      var t1;
+      if (value != null)
+        return value;
+      if (this.type === B.OptionType_1Ol) {
+        t1 = this.defaultsTo;
+        return t1 == null ? A._setArrayType([], type$.JSArray_String) : t1;
+      }
+      return this.defaultsTo;
+    }
+  };
+  A.OptionType.prototype = {};
+  A.Parser0.prototype = {
+    parse$0(_) {
+      var commandResults, commandName, commandParser, error, t1, t3, t4, t5, t6, t7, t8, command, exception, _this = this,
+        t2 = _this._args;
+      t2.toList$0(0);
+      commandResults = null;
+      for (t3 = _this._parser$_rest, t4 = _this._grammar, t5 = t4.commands, t6 = t2.$ti._precomputed1; !t2.get$isEmpty(0);) {
+        t7 = t2._head;
+        if (t7 === t2._tail)
+          A.throwExpression(A.IterableElementError_noElement());
+        t7 = t2._table[t7];
+        t8 = t7 == null;
+        if ((t8 ? t6._as(t7) : t7) === "--") {
+          t2.removeFirst$0();
+          break;
+        }
+        if (t8)
+          t7 = t6._as(t7);
+        command = t5._map.$index(0, t7);
+        if (command != null) {
+          t5 = t3.length;
+          t7 = t2._head;
+          if (t7 === t2._tail)
+            A.throwExpression(A.IterableElementError_noElement());
+          t7 = t2._table[t7];
+          t6 = t7 == null ? t6._as(t7) : t7;
+          if (t5 !== 0)
+            A.throwExpression(A.ArgParserException$("Cannot specify arguments before a command.", null, t6, null, null));
+          commandName = t2.removeFirst$0();
+          t5 = type$.JSArray_String;
+          t6 = A._setArrayType([], t5);
+          B.JSArray_methods.addAll$1(t6, t3);
+          commandParser = new A.Parser0(commandName, _this, command, t2, t6, A.LinkedHashMap_LinkedHashMap$_empty(type$.String, type$.dynamic));
+          try {
+            commandResults = J.parse$0$z(commandParser);
+          } catch (exception) {
+            t2 = A.unwrapException(exception);
+            if (t2 instanceof A.ArgParserException) {
+              error = t2;
+              t2 = error.message;
+              t1 = A._setArrayType([commandName], t5);
+              J.addAll$1$ax(t1, error.commands);
+              throw A.wrapException(A.ArgParserException$(t2, t1, error.argumentName, error.source, error.offset));
+            } else
+              throw exception;
+          }
+          B.JSArray_methods.clear$0(t3);
+          break;
+        }
+        if (_this._parseSoloOption$0())
+          continue;
+        if (_this._parseAbbreviation$1(_this))
+          continue;
+        if (_this._parseLongOption$0())
+          continue;
+        t3.push(t2.removeFirst$0());
+      }
+      t4.options._map.forEach$1(0, new A.Parser_parse_closure(_this));
+      B.JSArray_methods.addAll$1(t3, t2);
+      t2.clear$0(0);
+      return new A.ArgResults(t4, _this._results, _this._commandName, new A.UnmodifiableListView(t3, type$.UnmodifiableListView_String));
+    },
+    _readNextArgAsValue$2(option, arg) {
+      var _this = this,
+        t1 = _this._args;
+      _this._validate$3(!t1.get$isEmpty(0), 'Missing argument for "' + arg + '".', arg);
+      _this._setOption$4(_this._results, option, t1.get$first(0), arg);
+      t1.removeFirst$0();
+    },
+    _parseSoloOption$0() {
+      var opt,
+        t1 = this._args;
+      if (t1.get$first(0).length !== 2)
+        return false;
+      if (!B.JSString_methods.startsWith$1(t1.get$first(0), "-"))
+        return false;
+      opt = t1.get$first(0)[1];
+      if (!A._isLetterOrDigit(opt.charCodeAt(0)))
+        return false;
+      this._handleSoloOption$1(opt);
+      return true;
+    },
+    _handleSoloOption$1(opt) {
+      var t1, _this = this,
+        option = _this._grammar.findByAbbreviation$1(opt);
+      if (option == null) {
+        t1 = _this._parser$_parent;
+        _this._validate$3(t1 != null, 'Could not find an option or flag "-' + opt + '".', "-" + opt);
+        t1._handleSoloOption$1(opt);
+        return true;
+      }
+      _this._args.removeFirst$0();
+      if (option.type === B.OptionType_tI9)
+        _this._results.$indexSet(0, option.name, true);
+      else
+        _this._readNextArgAsValue$2(option, "-" + opt);
+      return true;
+    },
+    _parseAbbreviation$1(innermostCommand) {
+      var t2, index, t3, t4, t5, lettersAndDigits, rest,
+        t1 = this._args;
+      if (t1.get$first(0).length < 2)
+        return false;
+      if (!B.JSString_methods.startsWith$1(t1.get$first(0), "-"))
+        return false;
+      t2 = t1.$ti._precomputed1;
+      index = 1;
+      while (true) {
+        t3 = t1._head;
+        if (t3 === t1._tail)
+          A.throwExpression(A.IterableElementError_noElement());
+        t3 = t1._table[t3];
+        t4 = t3 == null;
+        if (index < (t4 ? t2._as(t3) : t3).length) {
+          t5 = true;
+          t3 = (t4 ? t2._as(t3) : t3).charCodeAt(index);
+          if (!(t3 >= 65 && t3 <= 90))
+            if (!(t3 >= 97 && t3 <= 122))
+              t3 = t3 >= 48 && t3 <= 57;
+            else
+              t3 = t5;
+          else
+            t3 = t5;
+        } else
+          t3 = false;
+        if (!t3)
+          break;
+        ++index;
+      }
+      if (index === 1)
+        return false;
+      lettersAndDigits = B.JSString_methods.substring$2(t1.get$first(0), 1, index);
+      rest = B.JSString_methods.substring$1(t1.get$first(0), index);
+      if (B.JSString_methods.contains$1(rest, "\n") || B.JSString_methods.contains$1(rest, "\r"))
+        return false;
+      this._handleAbbreviation$3(lettersAndDigits, rest, innermostCommand);
+      return true;
+    },
+    _handleAbbreviation$3(lettersAndDigits, rest, innermostCommand) {
+      var t1, i, i0, _this = this,
+        c = B.JSString_methods.substring$2(lettersAndDigits, 0, 1),
+        first = _this._grammar.findByAbbreviation$1(c);
+      if (first == null) {
+        t1 = _this._parser$_parent;
+        _this._validate$3(t1 != null, string$.Could_ + c + '".', "-" + c);
+        t1._handleAbbreviation$3(lettersAndDigits, rest, innermostCommand);
+        return true;
+      } else {
+        t1 = "-" + c;
+        if (first.type !== B.OptionType_tI9)
+          _this._setOption$4(_this._results, first, B.JSString_methods.substring$1(lettersAndDigits, 1) + rest, t1);
+        else {
+          _this._validate$3(rest === "", 'Option "-' + c + '" is a flag and cannot handle value "' + B.JSString_methods.substring$1(lettersAndDigits, 1) + rest + '".', t1);
+          for (t1 = lettersAndDigits.length, i = 0; i < t1; i = i0) {
+            i0 = i + 1;
+            innermostCommand._parseShortFlag$1(B.JSString_methods.substring$2(lettersAndDigits, i, i0));
+          }
+        }
+      }
+      _this._args.removeFirst$0();
+      return true;
+    },
+    _parseShortFlag$1(c) {
+      var t1, _this = this,
+        option = _this._grammar.findByAbbreviation$1(c);
+      if (option == null) {
+        t1 = _this._parser$_parent;
+        _this._validate$3(t1 != null, string$.Could_ + c + '".', "-" + c);
+        t1._parseShortFlag$1(c);
+        return;
+      }
+      _this._validate$3(option.type === B.OptionType_tI9, 'Option "-' + c + '" must be a flag to be in a collapsed "-".', "-" + c);
+      _this._results.$indexSet(0, option.name, true);
+    },
+    _parseLongOption$0() {
+      var index, t2, $name, t3, i, t4, t5, value,
+        t1 = this._args;
+      if (!B.JSString_methods.startsWith$1(t1.get$first(0), "--"))
+        return false;
+      index = B.JSString_methods.indexOf$1(t1.get$first(0), "=");
+      t2 = index === -1;
+      $name = t2 ? B.JSString_methods.substring$1(t1.get$first(0), 2) : B.JSString_methods.substring$2(t1.get$first(0), 2, index);
+      for (t3 = $name.length, i = 0; i !== t3; ++i) {
+        t4 = $name.charCodeAt(i);
+        t5 = true;
+        if (!(t4 >= 65 && t4 <= 90))
+          if (!(t4 >= 97 && t4 <= 122))
+            t5 = t4 >= 48 && t4 <= 57;
+        if (!(t5 || t4 === 45 || t4 === 95))
+          return false;
+      }
+      value = t2 ? null : B.JSString_methods.substring$1(t1.get$first(0), index + 1);
+      if (value != null)
+        t1 = B.JSString_methods.contains$1(value, "\n") || B.JSString_methods.contains$1(value, "\r");
+      else
+        t1 = false;
+      if (t1)
+        return false;
+      this._handleLongOption$2($name, value);
+      return true;
+    },
+    _handleLongOption$2($name, value) {
+      var _this = this,
+        _s34_ = 'Could not find an option named "--',
+        t1 = _this._grammar,
+        option = t1.findByNameOrAlias$1($name);
+      if (option != null) {
+        _this._args.removeFirst$0();
+        if (option.type === B.OptionType_tI9) {
+          _this._validate$3(value == null, 'Flag option "--' + $name + '" should not be given a value.', "--" + $name);
+          _this._results.$indexSet(0, option.name, true);
+        } else {
+          t1 = "--" + $name;
+          if (value != null)
+            _this._setOption$4(_this._results, option, value, t1);
+          else
+            _this._readNextArgAsValue$2(option, t1);
+        }
+      } else if (B.JSString_methods.startsWith$1($name, "no-")) {
+        option = t1.findByNameOrAlias$1(B.JSString_methods.substring$1($name, 3));
+        if (option == null) {
+          t1 = _this._parser$_parent;
+          _this._validate$3(t1 != null, _s34_ + $name + '".', "--" + $name);
+          t1._handleLongOption$2($name, value);
+          return true;
+        }
+        _this._args.removeFirst$0();
+        t1 = "--" + $name;
+        _this._validate$3(option.type === B.OptionType_tI9, 'Cannot negate non-flag option "--' + $name + '".', t1);
+        _this._validate$3(option.negatable, 'Cannot negate option "--' + $name + '".', t1);
+        _this._results.$indexSet(0, option.name, false);
+      } else {
+        t1 = _this._parser$_parent;
+        _this._validate$3(t1 != null, _s34_ + $name + '".', "--" + $name);
+        t1._handleLongOption$2($name, value);
+        return true;
+      }
+      return true;
+    },
+    _validate$3(condition, message, args) {
+      if (!condition)
+        throw A.wrapException(A.ArgParserException$(message, null, args, null, null));
+    },
+    _setOption$4(results, option, value, arg) {
+      var list, t1, t2, t3, _i, element;
+      if (option.type !== B.OptionType_1Ol) {
+        this._validateAllowed$3(option, value, arg);
+        results.$indexSet(0, option.name, value);
+        return;
+      }
+      list = type$.List_dynamic._as(results.putIfAbsent$2(option.name, new A.Parser__setOption_closure()));
+      if (option.splitCommas)
+        for (t1 = value.split(","), t2 = t1.length, t3 = J.getInterceptor$ax(list), _i = 0; _i < t2; ++_i) {
+          element = t1[_i];
+          this._validateAllowed$3(option, element, arg);
+          t3.add$1(list, element);
+        }
+      else {
+        this._validateAllowed$3(option, value, arg);
+        J.add$1$ax(list, value);
+      }
+    },
+    _validateAllowed$3(option, value, arg) {
+      var t1 = option.allowed;
+      if (t1 == null)
+        return;
+      this._validate$3(B.JSArray_methods.contains$1(t1, value), '"' + value + '" is not an allowed value for option "' + arg + '".', arg);
+    }
+  };
+  A.Parser_parse_closure.prototype = {
+    call$2($name, option) {
+      var parsedOption = this.$this._results.$index(0, $name),
+        callback = option.callback;
+      if (callback == null)
+        return;
+      callback.call$1(option.valueOrDefault$1(parsedOption));
+    },
+    $signature: 481
+  };
+  A.Parser__setOption_closure.prototype = {
+    call$0() {
+      return A._setArrayType([], type$.JSArray_String);
+    },
+    $signature: 133
+  };
+  A._Usage.prototype = {
+    get$_columnWidths() {
+      var result, _this = this,
+        value = _this.___Usage__columnWidths_FI;
+      if (value === $) {
+        result = _this._calculateColumnWidths$0();
+        _this.___Usage__columnWidths_FI !== $ && A.throwUnnamedLateFieldADI();
+        _this.___Usage__columnWidths_FI = result;
+        value = result;
+      }
+      return value;
+    },
+    generate$0() {
+      var t1, t2, t3, t4, _i, optionOrSeparator, t5, _this = this;
+      for (t1 = _this._usage$_optionsAndSeparators, t2 = t1.length, t3 = type$.Option, t4 = _this._usage$_buffer, _i = 0; _i < t1.length; t1.length === t2 || (0, A.throwConcurrentModificationError)(t1), ++_i) {
+        optionOrSeparator = t1[_i];
+        if (typeof optionOrSeparator == "string") {
+          t5 = t4._contents;
+          t4._contents = (t5.length !== 0 ? t4._contents = t5 + "\n\n" : t5) + optionOrSeparator;
+          _this._newlinesNeeded = 1;
+          continue;
+        }
+        t3._as(optionOrSeparator);
+        if (optionOrSeparator.hide)
+          continue;
+        _this._writeOption$1(optionOrSeparator);
+      }
+      t1 = t4._contents;
+      return t1.charCodeAt(0) == 0 ? t1 : t1;
+    },
+    _writeOption$1(option) {
+      var _0_0, _1_0, t2, t3, t4, $name, $content, _this = this,
+        t1 = option.abbr;
+      _this._write$2(0, t1 == null ? "" : "-" + t1 + ", ");
+      t1 = _this._longOption$1(option);
+      _this._write$2(1, t1);
+      _0_0 = option.help;
+      if (_0_0 != null)
+        _this._write$2(2, _0_0);
+      _1_0 = option.allowedHelp;
+      if (_1_0 != null) {
+        _this._newline$0();
+        for (t1 = _1_0.get$entries(_1_0), t1 = t1.get$iterator(t1), t2 = option.defaultsTo, t3 = type$.List_dynamic._is(t2); t1.moveNext$0();) {
+          t4 = t1.get$current(t1);
+          $name = t4.key;
+          $content = t4.value;
+          t4 = (t3 ? B.JSArray_methods.contains$1(t2, $name) : t2 === $name) ? " (default)" : "";
+          _this._write$2(1, "      [" + $name + "]" + t4);
+          _this._write$2(2, $content);
+        }
+        _this._newline$0();
+      } else if (option.allowed != null)
+        _this._write$2(2, _this._buildAllowedList$1(option));
+      else {
+        t1 = option.type;
+        if (t1 === B.OptionType_tI9) {
+          if (option.defaultsTo === true)
+            _this._write$2(2, "(defaults to on)");
+        } else if (t1 === B.OptionType_1Ol) {
+          t1 = option.defaultsTo;
+          if (t1 != null && type$.Iterable_dynamic._as(t1).length !== 0) {
+            type$.List_dynamic._as(t1);
+            _this._write$2(2, "(defaults to " + new A.MappedListIterable(t1, new A._Usage__writeOption_closure(), A._arrayInstanceType(t1)._eval$1("MappedListIterable<1,String>")).join$1(0, ", ") + ")");
+          }
+        } else {
+          t1 = option.defaultsTo;
+          if (t1 != null)
+            _this._write$2(2, '(defaults to "' + A.S(t1) + '")');
+        }
+      }
+    },
+    _longOption$1(option) {
+      var t1 = option.name,
+        result = option.negatable ? "--[no-]" + t1 : "--" + t1;
+      t1 = option.valueHelp;
+      return t1 != null ? result + ("=<" + t1 + ">") : result;
+    },
+    _calculateColumnWidths$0() {
+      var t1, t2, t3, abbr, title, _i, option, t4, t5, t6, t7, t8;
+      for (t1 = this._usage$_optionsAndSeparators, t2 = t1.length, t3 = type$.List_dynamic, abbr = 0, title = 0, _i = 0; _i < t1.length; t1.length === t2 || (0, A.throwConcurrentModificationError)(t1), ++_i) {
+        option = t1[_i];
+        if (!(option instanceof A.Option))
+          continue;
+        if (option.hide)
+          continue;
+        t4 = option.abbr;
+        abbr = Math.max(abbr, (t4 == null ? "" : "-" + t4 + ", ").length);
+        t4 = this._longOption$1(option);
+        title = Math.max(title, t4.length);
+        t4 = option.allowedHelp;
+        if (t4 != null)
+          for (t4 = t4.get$keys(t4), t4 = t4.get$iterator(t4), t5 = option.defaultsTo, t6 = t3._is(t5); t4.moveNext$0();) {
+            t7 = t4.get$current(t4);
+            t8 = (t6 ? B.JSArray_methods.contains$1(t5, t7) : t5 === t7) ? " (default)" : "";
+            title = Math.max(title, ("      [" + t7 + "]" + t8).length);
+          }
+      }
+      return A._setArrayType([abbr, title + 4], type$.JSArray_int);
+    },
+    _newline$0() {
+      ++this._newlinesNeeded;
+      this._currentColumn = 0;
+    },
+    _write$2(column, text) {
+      var t1, _i,
+        lines = A._setArrayType(text.split("\n"), type$.JSArray_String);
+      this.get$_columnWidths();
+      while (true) {
+        if (!(lines.length !== 0 && B.JSString_methods.trim$0(B.JSArray_methods.get$first(lines)) === ""))
+          break;
+        B.JSArray_methods.removeAt$1(lines, 0);
+      }
+      while (true) {
+        if (!(lines.length !== 0 && B.JSString_methods.trim$0(B.JSArray_methods.get$last(lines)) === ""))
+          break;
+        lines.pop();
+      }
+      for (t1 = lines.length, _i = 0; _i < lines.length; lines.length === t1 || (0, A.throwConcurrentModificationError)(lines), ++_i)
+        this._writeLine$2(column, lines[_i]);
+    },
+    _writeLine$2(column, text) {
+      var t1, t2, t3, _this = this;
+      for (t1 = _this._usage$_buffer; t2 = _this._newlinesNeeded, t2 > 0;) {
+        t1._contents += "\n";
+        _this._newlinesNeeded = t2 - 1;
+      }
+      for (; t2 = _this._currentColumn, t2 !== column;) {
+        if (t2 < 2) {
+          t2 = _this.get$_columnWidths();
+          t3 = _this._currentColumn;
+          t2 = B.JSString_methods.$mul(" ", t2[t3]);
+          t1._contents += t2;
+          t2 = t3;
+        } else
+          t1._contents += "\n";
+        _this._currentColumn = (t2 + 1) % 3;
+      }
+      t2 = _this.get$_columnWidths();
+      t3 = t1._contents;
+      if (column < 2)
+        t1._contents = t3 + B.JSString_methods.padRight$1(text, t2[column]);
+      else
+        t1._contents = t3 + text;
+      _this._currentColumn = (_this._currentColumn + 1) % 3;
+      if (column === 2)
+        ++_this._newlinesNeeded;
+    },
+    _buildAllowedList$1(option) {
+      var t2, first, _i, t3, allowed,
+        t1 = option.defaultsTo,
+        isDefault = type$.List_dynamic._is(t1) ? B.JSArray_methods.get$contains(t1) : new A._Usage__buildAllowedList_closure(option);
+      for (t1 = option.allowed, t2 = t1.length, first = true, _i = 0, t3 = "["; _i < t2; ++_i, first = false) {
+        allowed = t1[_i];
+        t3 = (!first ? t3 + ", " : t3) + allowed;
+        if (isDefault.call$1(allowed))
+          t3 += " (default)";
+      }
+      t1 = t3 + "]";
+      return t1.charCodeAt(0) == 0 ? t1 : t1;
+    }
+  };
+  A._Usage__writeOption_closure.prototype = {
+    call$1(value) {
+      return '"' + A.S(value) + '"';
+    },
+    $signature: 119
+  };
+  A._Usage__buildAllowedList_closure.prototype = {
+    call$1(value) {
+      return value === this.option.defaultsTo;
+    },
+    $signature: 5
+  };
+  A.FutureGroup.prototype = {
+    add$1(_, task) {
+      var t1, index, _this = this;
+      if (_this._future_group$_closed)
+        throw A.wrapException(A.StateError$("The FutureGroup is closed."));
+      t1 = _this._future_group$_values;
+      index = t1.length;
+      t1.push(null);
+      ++_this._future_group$_pending;
+      task.then$1$1(0, new A.FutureGroup_add_closure(_this, index), type$.Null).catchError$1(new A.FutureGroup_add_closure0(_this));
+    },
+    close$0(_) {
+      var t1, t2, _this = this;
+      _this._future_group$_closed = true;
+      if (_this._future_group$_pending !== 0)
+        return;
+      t1 = _this._future_group$_completer;
+      if ((t1.future._state & 30) !== 0)
+        return;
+      t2 = _this.$ti._eval$1("WhereTypeIterable<1>");
+      t2 = A.List_List$_of(new A.WhereTypeIterable(_this._future_group$_values, t2), t2._eval$1("Iterable.E"));
+      t1.complete$1(t2);
+    }
+  };
+  A.FutureGroup_add_closure.prototype = {
+    call$1(value) {
+      var t3, t4,
+        t1 = this.$this,
+        t2 = t1._future_group$_completer;
+      if ((t2.future._state & 30) !== 0)
+        return null;
+      t3 = --t1._future_group$_pending;
+      t4 = t1._future_group$_values;
+      t4[this.index] = value;
+      if (t3 !== 0)
+        return null;
+      if (!t1._future_group$_closed)
+        return null;
+      t1 = t1.$ti._eval$1("WhereTypeIterable<1>");
+      t1 = A.List_List$_of(new A.WhereTypeIterable(t4, t1), t1._eval$1("Iterable.E"));
+      t2.complete$1(t1);
+    },
+    $signature() {
+      return this.$this.$ti._eval$1("Null(1)");
+    }
+  };
+  A.FutureGroup_add_closure0.prototype = {
+    call$2(error, stackTrace) {
+      var t1 = this.$this._future_group$_completer;
+      if ((t1.future._state & 30) !== 0)
+        return null;
+      t1.completeError$2(error, stackTrace);
+    },
+    $signature: 54
+  };
+  A.ErrorResult.prototype = {
+    complete$1(completer) {
+      completer.completeError$2(this.error, this.stackTrace);
+    },
+    get$hashCode(_) {
+      return (J.get$hashCode$(this.error) ^ A.Primitives_objectHashCode(this.stackTrace) ^ 492929599) >>> 0;
+    },
+    $eq(_, other) {
+      if (other == null)
+        return false;
+      return other instanceof A.ErrorResult && J.$eq$(this.error, other.error) && this.stackTrace === other.stackTrace;
+    },
+    $isResult: 1
+  };
+  A.ValueResult.prototype = {
+    complete$1(completer) {
+      completer.complete$1(this.value);
+    },
+    get$hashCode(_) {
+      return (J.get$hashCode$(this.value) ^ 842997089) >>> 0;
+    },
+    $eq(_, other) {
+      if (other == null)
+        return false;
+      return other instanceof A.ValueResult && J.$eq$(this.value, other.value);
+    },
+    $isResult: 1
+  };
+  A.StreamCompleter.prototype = {
+    setSourceStream$1(sourceStream) {
+      var t1 = this._stream_completer$_stream;
+      if (t1._sourceStream != null)
+        throw A.wrapException(A.StateError$("Source stream already set"));
+      t1._sourceStream = sourceStream;
+      if (t1._stream_completer$_controller != null)
+        t1._linkStreamToController$0();
+    },
+    setError$2(error, stackTrace) {
+      var t1 = this.$ti,
+        t2 = A._interceptUserError(error, stackTrace),
+        t3 = new A._Future($.Zone__current, t1._eval$1("_Future<1>"));
+      t3._asyncCompleteErrorObject$1(t2);
+      this.setSourceStream$1(A.Stream_Stream$fromFuture(t3, t1._precomputed1));
+    },
+    setError$1(error) {
+      return this.setError$2(error, null);
+    }
+  };
+  A._CompleterStream.prototype = {
+    listen$4$cancelOnError$onDone$onError(_, onData, cancelOnError, onDone, onError) {
+      var sourceStream, t1, _this = this, _null = null;
+      if (_this._stream_completer$_controller == null) {
+        sourceStream = _this._sourceStream;
+        if (sourceStream != null && !sourceStream.get$isBroadcast())
+          return sourceStream.listen$4$cancelOnError$onDone$onError(0, onData, cancelOnError, onDone, onError);
+        if (_this._stream_completer$_controller == null)
+          _this._stream_completer$_controller = A.StreamController_StreamController(_null, _null, _null, _null, true, _this.$ti._precomputed1);
+        if (_this._sourceStream != null)
+          _this._linkStreamToController$0();
+      }
+      t1 = _this._stream_completer$_controller;
+      t1.toString;
+      return new A._ControllerStream(t1, A._instanceType(t1)._eval$1("_ControllerStream<1>")).listen$4$cancelOnError$onDone$onError(0, onData, cancelOnError, onDone, onError);
+    },
+    listen$1(_, onData) {
+      return this.listen$4$cancelOnError$onDone$onError(0, onData, null, null, null);
+    },
+    listen$3$onDone$onError(_, onData, onDone, onError) {
+      return this.listen$4$cancelOnError$onDone$onError(0, onData, null, onDone, onError);
+    },
+    _linkStreamToController$0() {
+      var t2,
+        t1 = this._stream_completer$_controller;
+      t1.toString;
+      t2 = this._sourceStream;
+      t2.toString;
+      t1.addStream$2$cancelOnError(t2, false).whenComplete$1(t1.get$close(t1));
+    }
+  };
+  A.StreamGroup.prototype = {
+    add$1(_, stream) {
+      var t1, _this = this;
+      if (_this._closed)
+        throw A.wrapException(A.StateError$("Can't add a Stream to a closed StreamGroup."));
+      t1 = _this._stream_group$_state;
+      if (t1 === B._StreamGroupState_dormant)
+        _this._subscriptions.putIfAbsent$2(stream, new A.StreamGroup_add_closure());
+      else if (t1 === B._StreamGroupState_canceled)
+        return stream.listen$1(0, null).cancel$0();
+      else
+        _this._subscriptions.putIfAbsent$2(stream, new A.StreamGroup_add_closure0(_this, stream));
+      return null;
+    },
+    remove$1(_, stream) {
+      var t1 = this._subscriptions,
+        subscription = t1.remove$1(0, stream),
+        future = subscription == null ? null : subscription.cancel$0();
+      if (t1.__js_helper$_length === 0)
+        if (this._closed) {
+          t1 = this.__StreamGroup__controller_A;
+          t1 === $ && A.throwUnnamedLateFieldNI();
+          A.scheduleMicrotask(t1.get$close(t1));
+        }
+      return future;
+    },
+    _onListen$0() {
+      var stream, t1, t2, t3, _i, entry, exception, _this = this;
+      _this._stream_group$_state = B._StreamGroupState_listening;
+      t1 = _this._subscriptions;
+      t2 = A.List_List$_of(new A.LinkedHashMapEntriesIterable(t1, A._instanceType(t1)._eval$1("LinkedHashMapEntriesIterable<1,2>")), _this.$ti._eval$1("MapEntry<Stream<1>,StreamSubscription<1>?>"));
+      t3 = t2.length;
+      _i = 0;
+      for (; _i < t2.length; t2.length === t3 || (0, A.throwConcurrentModificationError)(t2), ++_i) {
+        entry = t2[_i];
+        if (entry.value != null)
+          continue;
+        stream = entry.key;
+        try {
+          t1.$indexSet(0, stream, _this._listenToStream$1(stream));
+        } catch (exception) {
+          t1 = _this._onCancel$0();
+          if (t1 != null)
+            t1.catchError$1(new A.StreamGroup__onListen_closure());
+          throw exception;
+        }
+      }
+    },
+    _onPause$0() {
+      this._stream_group$_state = B._StreamGroupState_paused;
+      for (var t1 = this._subscriptions, t1 = new A.LinkedHashMapValueIterator(t1, t1._modifications, t1._first); t1.moveNext$0();)
+        t1.__js_helper$_current.pause$0(0);
+    },
+    _onResume$0() {
+      this._stream_group$_state = B._StreamGroupState_listening;
+      for (var t1 = this._subscriptions, t1 = new A.LinkedHashMapValueIterator(t1, t1._modifications, t1._first); t1.moveNext$0();)
+        t1.__js_helper$_current.resume$0(0);
+    },
+    _onCancel$0() {
+      var t1, t2, t3, futures;
+      this._stream_group$_state = B._StreamGroupState_canceled;
+      t1 = this._subscriptions;
+      t2 = A._instanceType(t1)._eval$1("LinkedHashMapEntriesIterable<1,2>");
+      t3 = type$.NonNullsIterable_Future_void;
+      futures = A.List_List$_of(new A.NonNullsIterable(A.MappedIterable_MappedIterable(new A.LinkedHashMapEntriesIterable(t1, t2), new A.StreamGroup__onCancel_closure(this), t2._eval$1("Iterable.E"), type$.nullable_Future_void), t3), t3._eval$1("Iterable.E"));
+      t1.clear$0(0);
+      return futures.length === 0 ? null : A.Future_wait(futures, false, type$.void);
+    },
+    _listenToStream$1(stream) {
+      var subscription,
+        t1 = this.__StreamGroup__controller_A;
+      t1 === $ && A.throwUnnamedLateFieldNI();
+      subscription = stream.listen$3$onDone$onError(0, t1.get$add(t1), new A.StreamGroup__listenToStream_closure(this, stream), t1.get$addError());
+      if (this._stream_group$_state === B._StreamGroupState_paused)
+        subscription.pause$0(0);
+      return subscription;
+    }
+  };
+  A.StreamGroup_add_closure.prototype = {
+    call$0() {
+      return null;
+    },
+    $signature: 1
+  };
+  A.StreamGroup_add_closure0.prototype = {
+    call$0() {
+      return this.$this._listenToStream$1(this.stream);
+    },
+    $signature() {
+      return this.$this.$ti._eval$1("StreamSubscription<1>()");
+    }
+  };
+  A.StreamGroup__onListen_closure.prototype = {
+    call$1(_) {
+    },
+    $signature: 59
+  };
+  A.StreamGroup__onCancel_closure.prototype = {
+    call$1(entry) {
+      var t1, exception,
+        subscription = entry.value;
+      try {
+        if (subscription != null) {
+          t1 = subscription.cancel$0();
+          return t1;
+        }
+        t1 = entry.key.listen$1(0, null).cancel$0();
+        return t1;
+      } catch (exception) {
+        return null;
+      }
+    },
+    $signature() {
+      return this.$this.$ti._eval$1("Future<~>?(MapEntry<Stream<1>,StreamSubscription<1>?>)");
+    }
+  };
+  A.StreamGroup__listenToStream_closure.prototype = {
+    call$0() {
+      return this.$this.remove$1(0, this.stream);
+    },
+    $signature: 0
+  };
+  A._StreamGroupState.prototype = {
+    toString$0(_) {
+      return this.name;
+    }
+  };
+  A.StreamQueue.prototype = {
+    _updateRequests$0() {
+      var t1, t2, t3, t4, _this = this;
+      for (t1 = _this._requestQueue, t2 = _this._eventQueue, t3 = t1.$ti._precomputed1; !t1.get$isEmpty(0);) {
+        t4 = t1._head;
+        if (t4 === t1._tail)
+          A.throwExpression(A.IterableElementError_noElement());
+        t4 = t1._table[t4];
+        if (t4 == null)
+          t4 = t3._as(t4);
+        if (t4.update$2(t2, _this._isDone))
+          t1.removeFirst$0();
+        else
+          return;
+      }
+      if (!_this._isDone)
+        _this._stream_queue$_subscription.pause$0(0);
+    },
+    _ensureListening$0() {
+      var t1, _this = this;
+      if (_this._isDone)
+        return;
+      t1 = _this._stream_queue$_subscription;
+      if (t1 == null)
+        _this._stream_queue$_subscription = _this._stream_queue$_source.listen$3$onDone$onError(0, new A.StreamQueue__ensureListening_closure(_this), new A.StreamQueue__ensureListening_closure0(_this), new A.StreamQueue__ensureListening_closure1(_this));
+      else
+        t1.resume$0(0);
+    },
+    _addResult$1(result) {
+      ++this._eventsReceived;
+      this._eventQueue._queue_list$_add$1(result);
+      this._updateRequests$0();
+    },
+    _addRequest$1(request) {
+      var _this = this,
+        t1 = _this._requestQueue;
+      if (t1._head === t1._tail) {
+        if (request.update$2(_this._eventQueue, _this._isDone))
+          return;
+        _this._ensureListening$0();
+      }
+      t1._add$1(request);
+    }
+  };
+  A.StreamQueue__ensureListening_closure.prototype = {
+    call$1(data) {
+      var t1 = this.$this;
+      t1._addResult$1(new A.ValueResult(data, t1.$ti._eval$1("ValueResult<1>")));
+    },
+    $signature() {
+      return this.$this.$ti._eval$1("~(1)");
+    }
+  };
+  A.StreamQueue__ensureListening_closure1.prototype = {
+    call$2(error, stackTrace) {
+      this.$this._addResult$1(new A.ErrorResult(error, stackTrace));
+    },
+    $signature: 54
+  };
+  A.StreamQueue__ensureListening_closure0.prototype = {
+    call$0() {
+      var t1 = this.$this;
+      t1._stream_queue$_subscription = null;
+      t1._isDone = true;
+      t1._updateRequests$0();
+    },
+    $signature: 0
+  };
+  A._NextRequest.prototype = {
+    update$2(events, isDone) {
+      if (!events.get$isEmpty(events)) {
+        events.removeFirst$0().complete$1(this._completer);
+        return true;
+      }
+      if (isDone) {
+        this._completer.completeError$2(new A.StateError("No elements"), A.StackTrace_current());
+        return true;
+      }
+      return false;
+    },
+    $is_EventRequest: 1
+  };
+  A._isStrictMode_closure.prototype = {
+    call$0() {
+      var exception;
+      try {
+        "".name = null;
+        return false;
+      } catch (exception) {
+        return true;
+      }
+    },
+    $signature: 19
+  };
+  A.Repl.prototype = {};
+  A.alwaysValid_closure.prototype = {
+    call$1(text) {
+      return true;
+    },
+    $signature: 5
+  };
+  A.ReplAdapter.prototype = {
+    runAsync$0() {
+      var rl, runController, _this = this, t1 = {},
+        t2 = J.get$isTTY$x(self.process.stdin),
+        output = (t2 == null ? false : t2) ? self.process.stdout : null;
+      t2 = _this.repl.prompt;
+      rl = J.createInterface$1$x($.$get$readline(), {input: self.process.stdin, output: output, prompt: t2});
+      _this.rl = rl;
+      t1.statement = "";
+      t1.prompt = t2;
+      runController = A._Cell$();
+      runController.__late_helper$_value = A.StreamController_StreamController(_this.get$exit(_this), new A.ReplAdapter_runAsync_closure(t1, _this, rl, runController), null, null, false, type$.String);
+      return runController._readLocal$0().get$stream();
+    },
+    exit$0(_) {
+      var t1 = this.rl;
+      if (t1 != null)
+        J.close$0$x(t1);
+      this.rl = null;
+    }
+  };
+  A.ReplAdapter_runAsync_closure.prototype = {
+    call$0() {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.void),
+        $async$handler = 1, $async$errorStack = [], $async$self = this, lineController, lineQueue, line, error, stackTrace, t1, t2, t3, t4, $prompt, prompt0, t5, t6, t7, t8, line0, toZone, statement, exception, $async$exception;
+      var $async$call$0 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1) {
+          $async$errorStack.push($async$result);
+          $async$goto = $async$handler;
+        }
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              $async$handler = 3;
+              lineController = A.StreamController_StreamController(null, null, null, null, false, type$.String);
+              t1 = lineController;
+              t2 = A.QueueList$(null, type$.Result_String);
+              t3 = A.ListQueue$(type$._EventRequest_dynamic);
+              lineQueue = new A.StreamQueue(new A._ControllerStream(t1, A._instanceType(t1)._eval$1("_ControllerStream<1>")), t2, t3, type$.StreamQueue_String);
+              t1 = $async$self.rl;
+              t2 = J.getInterceptor$x(t1);
+              t2.on$2(t1, "line", A.allowInterop(new A.ReplAdapter_runAsync__closure(lineController)));
+              t3 = $async$self._box_0, t4 = $async$self.$this.repl, $prompt = t4.continuation, prompt0 = t4.prompt, t5 = $async$self.runController;
+            case 6:
+              // for condition
+              // trivial condition
+              t6 = J.get$isTTY$x(self.process.stdin);
+              if (t6 == null ? false : t6)
+                J.write$1$x(self.process.stdout, t3.prompt);
+              t6 = lineQueue;
+              t6.toString;
+              t7 = t6.$ti;
+              t8 = new A._Future($.Zone__current, t7._eval$1("_Future<1>"));
+              t6._addRequest$1(new A._NextRequest(new A._AsyncCompleter(t8, t7._eval$1("_AsyncCompleter<1>")), t7._eval$1("_NextRequest<1>")));
+              $async$goto = 8;
+              return A._asyncAwait(t8, $async$call$0);
+            case 8:
+              // returning from await.
+              line = $async$result;
+              t6 = J.get$isTTY$x(self.process.stdin);
+              if (!(t6 == null ? false : t6)) {
+                line0 = t3.prompt + A.S(line);
+                toZone = $.printToZone;
+                if (toZone == null)
+                  A.printString(line0);
+                else
+                  toZone.call$1(line0);
+              }
+              statement = B.JSString_methods.$add(t3.statement, line);
+              t3.statement = statement;
+              if (t4.validator.call$1(statement)) {
+                t6 = t5.__late_helper$_value;
+                if (t6 === t5)
+                  A.throwExpression(A.LateError$localNI(""));
+                J.add$1$ax(t6, t3.statement);
+                t3.statement = "";
+                t3.prompt = prompt0;
+                t2.setPrompt$1(t1, prompt0);
+              } else {
+                t3.statement += "\n";
+                t3.prompt = $prompt;
+                t2.setPrompt$1(t1, $prompt);
+              }
+              // goto for condition
+              $async$goto = 6;
+              break;
+            case 7:
+              // after for
+              $async$handler = 1;
+              // goto after finally
+              $async$goto = 5;
+              break;
+            case 3:
+              // catch
+              $async$handler = 2;
+              $async$exception = $async$errorStack.pop();
+              error = A.unwrapException($async$exception);
+              stackTrace = A.getTraceFromException($async$exception);
+              t1 = $async$self.runController;
+              t1._readLocal$0().addError$2(error, stackTrace);
+              t2 = $async$self.$this.exit$0(0);
+              t2 = A._Future$value(t2, type$.void);
+              $async$goto = 9;
+              return A._asyncAwait(t2, $async$call$0);
+            case 9:
+              // returning from await.
+              J.close$0$x(t1._readLocal$0());
+              // goto after finally
+              $async$goto = 5;
+              break;
+            case 2:
+              // uncaught
+              // goto rethrow
+              $async$goto = 1;
+              break;
+            case 5:
+              // after finally
+              // implicit return
+              return A._asyncReturn(null, $async$completer);
+            case 1:
+              // rethrow
+              return A._asyncRethrow($async$errorStack.at(-1), $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$call$0, $async$completer);
+    },
+    $signature: 31
+  };
+  A.ReplAdapter_runAsync__closure.prototype = {
+    call$1(value) {
+      return this.lineController.add$1(0, A._asString(value));
+    },
+    $signature: 77
+  };
+  A.Stdin.prototype = {};
+  A.Stdout.prototype = {};
+  A.ReadlineModule.prototype = {};
+  A.ReadlineOptions.prototype = {};
+  A.ReadlineInterface.prototype = {};
+  A.EmptyUnmodifiableSet.prototype = {
+    get$iterator(_) {
+      return B.C_EmptyIterator;
+    },
+    get$length(_) {
+      return 0;
+    },
+    contains$1(_, element) {
+      return false;
+    },
+    toSet$0(_) {
+      return A.LinkedHashSet_LinkedHashSet$_empty(this.$ti._precomputed1);
+    },
+    $isEfficientLengthIterable: 1,
+    $isSet: 1
+  };
+  A._EmptyUnmodifiableSet_IterableBase_UnmodifiableSetMixin.prototype = {};
+  A.DefaultEquality.prototype = {};
+  A.IterableEquality.prototype = {
+    equals$2(_, elements1, elements2) {
+      var it1, it2, hasNext;
+      if (elements1 === elements2)
+        return true;
+      it1 = J.get$iterator$ax(elements1);
+      it2 = J.get$iterator$ax(elements2);
+      for (; true;) {
+        hasNext = it1.moveNext$0();
+        if (hasNext !== it2.moveNext$0())
+          return false;
+        if (!hasNext)
+          return true;
+        if (!J.$eq$(it1.get$current(it1), it2.get$current(it2)))
+          return false;
+      }
+    },
+    hash$1(elements) {
+      var t1, hash, _i;
+      for (t1 = elements.length, hash = 0, _i = 0; _i < elements.length; elements.length === t1 || (0, A.throwConcurrentModificationError)(elements), ++_i) {
+        hash = hash + J.get$hashCode$(elements[_i]) & 2147483647;
+        hash = hash + (hash << 10 >>> 0) & 2147483647;
+        hash ^= hash >>> 6;
+      }
+      hash = hash + (hash << 3 >>> 0) & 2147483647;
+      hash ^= hash >>> 11;
+      return hash + (hash << 15 >>> 0) & 2147483647;
+    }
+  };
+  A.ListEquality.prototype = {
+    equals$2(_, list1, list2) {
+      var t1, $length, t2, i;
+      if (list1 == null ? list2 == null : list1 === list2)
+        return true;
+      if (list1 == null || list2 == null)
+        return false;
+      t1 = J.getInterceptor$asx(list1);
+      $length = t1.get$length(list1);
+      t2 = J.getInterceptor$asx(list2);
+      if ($length !== t2.get$length(list2))
+        return false;
+      for (i = 0; i < $length; ++i)
+        if (!J.$eq$(t1.$index(list1, i), t2.$index(list2, i)))
+          return false;
+      return true;
+    },
+    hash$1(list) {
+      var hash, i;
+      for (hash = 0, i = 0; i < list.length; ++i) {
+        hash = hash + J.get$hashCode$(list[i]) & 2147483647;
+        hash = hash + (hash << 10 >>> 0) & 2147483647;
+        hash ^= hash >>> 6;
+      }
+      hash = hash + (hash << 3 >>> 0) & 2147483647;
+      hash ^= hash >>> 11;
+      return hash + (hash << 15 >>> 0) & 2147483647;
+    }
+  };
+  A._MapEntry.prototype = {
+    get$hashCode(_) {
+      return 3 * J.get$hashCode$(this.key) + 7 * J.get$hashCode$(this.value) & 2147483647;
+    },
+    $eq(_, other) {
+      if (other == null)
+        return false;
+      return other instanceof A._MapEntry && J.$eq$(this.key, other.key) && J.$eq$(this.value, other.value);
+    }
+  };
+  A.MapEquality.prototype = {
+    equals$2(_, map1, map2) {
+      var equalElementCounts, t1, key, entry, count;
+      if (map1 === map2)
+        return true;
+      if (map1.get$length(map1) !== map2.get$length(map2))
+        return false;
+      equalElementCounts = A.HashMap_HashMap(type$._MapEntry, type$.int);
+      for (t1 = map1.get$keys(map1), t1 = t1.get$iterator(t1); t1.moveNext$0();) {
+        key = t1.get$current(t1);
+        entry = new A._MapEntry(this, key, map1.$index(0, key));
+        count = equalElementCounts.$index(0, entry);
+        equalElementCounts.$indexSet(0, entry, (count == null ? 0 : count) + 1);
+      }
+      for (t1 = map2.get$keys(map2), t1 = t1.get$iterator(t1); t1.moveNext$0();) {
+        key = t1.get$current(t1);
+        entry = new A._MapEntry(this, key, map2.$index(0, key));
+        count = equalElementCounts.$index(0, entry);
+        if (count == null || count === 0)
+          return false;
+        equalElementCounts.$indexSet(0, entry, count - 1);
+      }
+      return true;
+    },
+    hash$1(map) {
+      var t1, t2, hash, key, keyHash, t3;
+      for (t1 = map.get$keys(map), t1 = t1.get$iterator(t1), t2 = this.$ti._rest[1], hash = 0; t1.moveNext$0();) {
+        key = t1.get$current(t1);
+        keyHash = J.get$hashCode$(key);
+        t3 = map.$index(0, key);
+        hash = hash + 3 * keyHash + 7 * J.get$hashCode$(t3 == null ? t2._as(t3) : t3) & 2147483647;
+      }
+      hash = hash + (hash << 3 >>> 0) & 2147483647;
+      hash ^= hash >>> 11;
+      return hash + (hash << 15 >>> 0) & 2147483647;
+    }
+  };
+  A.QueueList.prototype = {
+    add$1(_, element) {
+      this._queue_list$_add$1(element);
+    },
+    addAll$1(_, iterable) {
+      var addCount, $length, t1, endSpace, t2, preSpace, _this = this;
+      if (type$.List_dynamic._is(iterable)) {
+        addCount = J.get$length$asx(iterable);
+        $length = _this.get$length(0);
+        t1 = $length + addCount;
+        if (t1 >= J.get$length$asx(_this._queue_list$_table)) {
+          _this._preGrow$1(t1);
+          J.setRange$4$ax(_this._queue_list$_table, $length, t1, iterable, 0);
+          _this.set$_queue_list$_tail(_this.get$_queue_list$_tail() + addCount);
+        } else {
+          endSpace = J.get$length$asx(_this._queue_list$_table) - _this.get$_queue_list$_tail();
+          t1 = _this._queue_list$_table;
+          t2 = J.getInterceptor$ax(t1);
+          if (addCount < endSpace) {
+            t2.setRange$4(t1, _this.get$_queue_list$_tail(), _this.get$_queue_list$_tail() + addCount, iterable, 0);
+            _this.set$_queue_list$_tail(_this.get$_queue_list$_tail() + addCount);
+          } else {
+            preSpace = addCount - endSpace;
+            t2.setRange$4(t1, _this.get$_queue_list$_tail(), _this.get$_queue_list$_tail() + endSpace, iterable, 0);
+            J.setRange$4$ax(_this._queue_list$_table, 0, preSpace, iterable, endSpace);
+            _this.set$_queue_list$_tail(preSpace);
+          }
+        }
+      } else
+        for (t1 = J.get$iterator$ax(iterable); t1.moveNext$0();)
+          _this._queue_list$_add$1(t1.get$current(t1));
+    },
+    cast$1$0(_, $T) {
+      return new A._CastQueueList(this, J.cast$1$0$ax(this._queue_list$_table, $T), -1, -1, A._instanceType(this)._eval$1("@<QueueList.E>")._bind$1($T)._eval$1("_CastQueueList<1,2>"));
+    },
+    toString$0(_) {
+      return A.Iterable_iterableToFullString(this, "{", "}");
+    },
+    addFirst$1(element) {
+      var _this = this;
+      _this.set$_queue_list$_head((_this.get$_queue_list$_head() - 1 & J.get$length$asx(_this._queue_list$_table) - 1) >>> 0);
+      J.$indexSet$ax(_this._queue_list$_table, _this.get$_queue_list$_head(), element);
+      if (_this.get$_queue_list$_head() === _this.get$_queue_list$_tail())
+        _this._queue_list$_grow$0();
+    },
+    removeFirst$0() {
+      var result, _this = this;
+      if (_this.get$_queue_list$_head() === _this.get$_queue_list$_tail())
+        throw A.wrapException(A.StateError$("No element"));
+      result = J.$index$asx(_this._queue_list$_table, _this.get$_queue_list$_head());
+      if (result == null)
+        result = A._instanceType(_this)._eval$1("QueueList.E")._as(result);
+      J.$indexSet$ax(_this._queue_list$_table, _this.get$_queue_list$_head(), null);
+      _this.set$_queue_list$_head((_this.get$_queue_list$_head() + 1 & J.get$length$asx(_this._queue_list$_table) - 1) >>> 0);
+      return result;
+    },
+    removeLast$0(_) {
+      var result, _this = this;
+      if (_this.get$_queue_list$_head() === _this.get$_queue_list$_tail())
+        throw A.wrapException(A.StateError$("No element"));
+      _this.set$_queue_list$_tail((_this.get$_queue_list$_tail() - 1 & J.get$length$asx(_this._queue_list$_table) - 1) >>> 0);
+      result = J.$index$asx(_this._queue_list$_table, _this.get$_queue_list$_tail());
+      if (result == null)
+        result = A._instanceType(_this)._eval$1("QueueList.E")._as(result);
+      J.$indexSet$ax(_this._queue_list$_table, _this.get$_queue_list$_tail(), null);
+      return result;
+    },
+    get$length(_) {
+      return (this.get$_queue_list$_tail() - this.get$_queue_list$_head() & J.get$length$asx(this._queue_list$_table) - 1) >>> 0;
+    },
+    set$length(_, value) {
+      var delta, newTail, t1, t2, _this = this;
+      if (value < 0)
+        throw A.wrapException(A.RangeError$("Length " + value + " may not be negative."));
+      if (value > _this.get$length(0) && !A._instanceType(_this)._eval$1("QueueList.E")._is(null))
+        throw A.wrapException(A.UnsupportedError$("The length can only be increased when the element type is nullable, but the current element type is `" + A.createRuntimeType(A._instanceType(_this)._eval$1("QueueList.E")).toString$0(0) + "`."));
+      delta = value - _this.get$length(0);
+      if (delta >= 0) {
+        if (J.get$length$asx(_this._queue_list$_table) <= value)
+          _this._preGrow$1(value);
+        _this.set$_queue_list$_tail((_this.get$_queue_list$_tail() + delta & J.get$length$asx(_this._queue_list$_table) - 1) >>> 0);
+        return;
+      }
+      newTail = _this.get$_queue_list$_tail() + delta;
+      t1 = _this._queue_list$_table;
+      if (newTail >= 0)
+        J.fillRange$3$ax(t1, newTail, _this.get$_queue_list$_tail(), null);
+      else {
+        newTail += J.get$length$asx(t1);
+        J.fillRange$3$ax(_this._queue_list$_table, 0, _this.get$_queue_list$_tail(), null);
+        t1 = _this._queue_list$_table;
+        t2 = J.getInterceptor$asx(t1);
+        t2.fillRange$3(t1, newTail, t2.get$length(t1), null);
+      }
+      _this.set$_queue_list$_tail(newTail);
+    },
+    $index(_, index) {
+      var t1, _this = this;
+      if (index < 0 || index >= _this.get$length(0))
+        throw A.wrapException(A.RangeError$("Index " + index + " must be in the range [0.." + _this.get$length(0) + ")."));
+      t1 = J.$index$asx(_this._queue_list$_table, (_this.get$_queue_list$_head() + index & J.get$length$asx(_this._queue_list$_table) - 1) >>> 0);
+      return t1 == null ? A._instanceType(_this)._eval$1("QueueList.E")._as(t1) : t1;
+    },
+    $indexSet(_, index, value) {
+      var _this = this;
+      if (index < 0 || index >= _this.get$length(0))
+        throw A.wrapException(A.RangeError$("Index " + index + " must be in the range [0.." + _this.get$length(0) + ")."));
+      J.$indexSet$ax(_this._queue_list$_table, (_this.get$_queue_list$_head() + index & J.get$length$asx(_this._queue_list$_table) - 1) >>> 0, value);
+    },
+    _queue_list$_add$1(element) {
+      var _this = this;
+      J.$indexSet$ax(_this._queue_list$_table, _this.get$_queue_list$_tail(), element);
+      _this.set$_queue_list$_tail((_this.get$_queue_list$_tail() + 1 & J.get$length$asx(_this._queue_list$_table) - 1) >>> 0);
+      if (_this.get$_queue_list$_head() === _this.get$_queue_list$_tail())
+        _this._queue_list$_grow$0();
+    },
+    _queue_list$_grow$0() {
+      var _this = this,
+        newTable = A.List_List$filled(J.get$length$asx(_this._queue_list$_table) * 2, null, false, A._instanceType(_this)._eval$1("QueueList.E?")),
+        split = J.get$length$asx(_this._queue_list$_table) - _this.get$_queue_list$_head();
+      B.JSArray_methods.setRange$4(newTable, 0, split, _this._queue_list$_table, _this.get$_queue_list$_head());
+      B.JSArray_methods.setRange$4(newTable, split, split + _this.get$_queue_list$_head(), _this._queue_list$_table, 0);
+      _this.set$_queue_list$_head(0);
+      _this.set$_queue_list$_tail(J.get$length$asx(_this._queue_list$_table));
+      _this._queue_list$_table = newTable;
+    },
+    _writeToList$1(target) {
+      var $length, firstPartSize, _this = this;
+      if (_this.get$_queue_list$_head() <= _this.get$_queue_list$_tail()) {
+        $length = _this.get$_queue_list$_tail() - _this.get$_queue_list$_head();
+        B.JSArray_methods.setRange$4(target, 0, $length, _this._queue_list$_table, _this.get$_queue_list$_head());
+        return $length;
+      } else {
+        firstPartSize = J.get$length$asx(_this._queue_list$_table) - _this.get$_queue_list$_head();
+        B.JSArray_methods.setRange$4(target, 0, firstPartSize, _this._queue_list$_table, _this.get$_queue_list$_head());
+        B.JSArray_methods.setRange$4(target, firstPartSize, firstPartSize + _this.get$_queue_list$_tail(), _this._queue_list$_table, 0);
+        return _this.get$_queue_list$_tail() + firstPartSize;
+      }
+    },
+    _preGrow$1(newElementCount) {
+      var _this = this,
+        newTable = A.List_List$filled(A.QueueList__nextPowerOf2(newElementCount + B.JSInt_methods._shrOtherPositive$1(newElementCount, 1)), null, false, A._instanceType(_this)._eval$1("QueueList.E?"));
+      _this.set$_queue_list$_tail(_this._writeToList$1(newTable));
+      _this._queue_list$_table = newTable;
+      _this.set$_queue_list$_head(0);
+    },
+    $isEfficientLengthIterable: 1,
+    $isQueue: 1,
+    $isIterable: 1,
+    $isList: 1,
+    get$_queue_list$_head() {
+      return this._queue_list$_head;
+    },
+    get$_queue_list$_tail() {
+      return this._queue_list$_tail;
+    },
+    set$_queue_list$_head(val) {
+      return this._queue_list$_head = val;
+    },
+    set$_queue_list$_tail(val) {
+      return this._queue_list$_tail = val;
+    }
+  };
+  A._CastQueueList.prototype = {
+    get$_queue_list$_head() {
+      return this._queue_list$_delegate.get$_queue_list$_head();
+    },
+    set$_queue_list$_head(value) {
+      this._queue_list$_delegate.set$_queue_list$_head(value);
+    },
+    get$_queue_list$_tail() {
+      return this._queue_list$_delegate.get$_queue_list$_tail();
+    },
+    set$_queue_list$_tail(value) {
+      this._queue_list$_delegate.set$_queue_list$_tail(value);
+    }
+  };
+  A._QueueList_Object_ListMixin.prototype = {};
+  A.UnionSet.prototype = {
+    get$length(_) {
+      var t1 = this.get$_union_set$_iterable().get$length(0);
+      return t1;
+    },
+    get$iterator(_) {
+      var t1 = this.get$_union_set$_iterable();
+      return t1.get$iterator(t1);
+    },
+    get$_union_set$_iterable() {
+      var t1 = this._sets,
+        t2 = this.$ti._precomputed1,
+        t3 = A._instanceType(t1)._eval$1("@<1>")._bind$1(t2)._eval$1("ExpandIterable<1,2>");
+      t2 = A.LinkedHashSet_LinkedHashSet$_empty(t2);
+      return new A.WhereIterable(new A.ExpandIterable(t1, new A.UnionSet__iterable_closure(this), t3), t2.get$add(t2), t3._eval$1("WhereIterable<Iterable.E>"));
+    },
+    contains$1(_, element) {
+      return this._sets.any$1(0, new A.UnionSet_contains_closure(this, element));
+    },
+    toSet$0(_) {
+      var t2, t3, t4,
+        t1 = A.LinkedHashSet_LinkedHashSet$_empty(this.$ti._precomputed1);
+      for (t2 = this._sets, t2 = A._LinkedHashSetIterator$(t2, t2._collection$_modifications, A._instanceType(t2)._precomputed1), t3 = t2.$ti._precomputed1; t2.moveNext$0();) {
+        t4 = t2._collection$_current;
+        t1.addAll$1(0, t4 == null ? t3._as(t4) : t4);
+      }
+      return t1;
+    }
+  };
+  A.UnionSet__iterable_closure.prototype = {
+    call$1(set) {
+      return set;
+    },
+    $signature() {
+      return this.$this.$ti._eval$1("Set<1>(Set<1>)");
+    }
+  };
+  A.UnionSet_contains_closure.prototype = {
+    call$1(set) {
+      return set.contains$1(0, this.element);
+    },
+    $signature() {
+      return this.$this.$ti._eval$1("bool(Set<1>)");
+    }
+  };
+  A._UnionSet_SetBase_UnmodifiableSetMixin.prototype = {};
+  A.UnmodifiableSetView0.prototype = {};
+  A.UnmodifiableSetMixin.prototype = {
+    add$1(_, value) {
+      return A.UnmodifiableSetMixin__throw();
+    },
+    addAll$1(_, elements) {
+      return A.UnmodifiableSetMixin__throw();
+    },
+    remove$1(_, value) {
+      return A.UnmodifiableSetMixin__throw();
+    }
+  };
+  A._UnmodifiableSetView_DelegatingSet_UnmodifiableSetMixin.prototype = {};
+  A._DelegatingIterableBase.prototype = {
+    any$1(_, test) {
+      var t1 = this.get$_base();
+      return t1.any$1(t1, test);
+    },
+    contains$1(_, element) {
+      var t1 = this.get$_base();
+      return t1.contains$1(t1, element);
+    },
+    elementAt$1(_, index) {
+      var t1 = this.get$_base();
+      return t1.elementAt$1(t1, index);
+    },
+    every$1(_, test) {
+      var t1 = this.get$_base();
+      return t1.every$1(t1, test);
+    },
+    get$first(_) {
+      var t1 = this.get$_base();
+      return t1.get$first(t1);
+    },
+    get$isEmpty(_) {
+      var t1 = this.get$_base();
+      return t1.get$isEmpty(t1);
+    },
+    get$isNotEmpty(_) {
+      var t1 = this.get$_base();
+      return t1.get$isNotEmpty(t1);
+    },
+    get$iterator(_) {
+      var t1 = this.get$_base();
+      return t1.get$iterator(t1);
+    },
+    get$last(_) {
+      var t1 = this.get$_base();
+      return t1.get$last(t1);
+    },
+    get$length(_) {
+      var t1 = this.get$_base();
+      return t1.get$length(t1);
+    },
+    map$1$1(_, f, $T) {
+      var t1 = this.get$_base();
+      return t1.map$1$1(t1, f, $T);
+    },
+    get$single(_) {
+      var t1 = this.get$_base();
+      return t1.get$single(t1);
+    },
+    skip$1(_, n) {
+      var t1 = this.get$_base();
+      return t1.skip$1(t1, n);
+    },
+    take$1(_, n) {
+      var t1 = this.get$_base();
+      return t1.take$1(t1, n);
+    },
+    toList$1$growable(_, growable) {
+      var t1 = this.get$_base();
+      return t1.toList$1$growable(t1, true);
+    },
+    toList$0(_) {
+      return this.toList$1$growable(0, true);
+    },
+    toSet$0(_) {
+      var t1 = this.get$_base();
+      return t1.toSet$0(t1);
+    },
+    where$1(_, test) {
+      var t1 = this.get$_base();
+      return t1.where$1(t1, test);
+    },
+    toString$0(_) {
+      var t1 = this.get$_base();
+      return t1.toString$0(t1);
+    },
+    $isIterable: 1
+  };
+  A.DelegatingSet.prototype = {
+    add$1(_, value) {
+      return this._base.add$1(0, value);
+    },
+    addAll$1(_, elements) {
+      this._base.addAll$1(0, elements);
+    },
+    toSet$0(_) {
+      return new A.DelegatingSet(this._base.toSet$0(0), A._instanceType(this)._eval$1("DelegatingSet<1>"));
+    },
+    $isEfficientLengthIterable: 1,
+    $isSet: 1,
+    get$_base() {
+      return this._base;
+    }
+  };
+  A.MapKeySet.prototype = {
+    get$_base() {
+      var t1 = this._baseMap;
+      return t1.get$keys(t1);
+    },
+    contains$1(_, element) {
+      return this._baseMap.containsKey$1(element);
+    },
+    get$isEmpty(_) {
+      var t1 = this._baseMap;
+      return t1.get$isEmpty(t1);
+    },
+    get$isNotEmpty(_) {
+      var t1 = this._baseMap;
+      return t1.get$isNotEmpty(t1);
+    },
+    get$length(_) {
+      var t1 = this._baseMap;
+      return t1.get$length(t1);
+    },
+    toString$0(_) {
+      return A.Iterable_iterableToFullString(this, "{", "}");
+    },
+    difference$1(other) {
+      var t1 = this.get$_base();
+      return t1.where$1(t1, new A.MapKeySet_difference_closure(this, other)).toSet$0(0);
+    },
+    intersection$1(other) {
+      var t1 = this.get$_base();
+      return t1.where$1(t1, other.get$contains(other)).toSet$0(0);
+    },
+    $isEfficientLengthIterable: 1,
+    $isSet: 1
+  };
+  A.MapKeySet_difference_closure.prototype = {
+    call$1(element) {
+      return !this.other.contains$1(0, element);
+    },
+    $signature() {
+      return this.$this.$ti._eval$1("bool(1)");
+    }
+  };
+  A._MapKeySet__DelegatingIterableBase_UnmodifiableSetMixin.prototype = {};
+  A.BufferModule.prototype = {};
+  A.BufferConstants.prototype = {};
+  A.Buffer.prototype = {};
+  A.ConsoleModule.prototype = {};
+  A.Console.prototype = {};
+  A.EventEmitter.prototype = {};
+  A.FS.prototype = {};
+  A.FSConstants.prototype = {};
+  A.Realpath.prototype = {};
+  A.RealpathSync.prototype = {};
+  A.FSWatcher.prototype = {};
+  A.ReadStream.prototype = {};
+  A.ReadStreamOptions.prototype = {};
+  A.WriteStream.prototype = {};
+  A.WriteStreamOptions.prototype = {};
+  A.FileOptions.prototype = {};
+  A.StatOptions.prototype = {};
+  A.MkdirOptions.prototype = {};
+  A.RmdirOptions.prototype = {};
+  A.WatchOptions.prototype = {};
+  A.WatchFileOptions.prototype = {};
+  A.Stats.prototype = {};
+  A.Promise.prototype = {};
+  A.Date.prototype = {};
+  A.JsError.prototype = {};
+  A.Atomics.prototype = {};
+  A.Modules.prototype = {};
+  A.Module.prototype = {};
+  A.Net.prototype = {};
+  A.Socket.prototype = {};
+  A.NetAddress.prototype = {};
+  A.NetServer.prototype = {};
+  A.NodeJsError.prototype = {};
+  A.JsAssertionError.prototype = {};
+  A.JsRangeError.prototype = {};
+  A.JsReferenceError.prototype = {};
+  A.JsSyntaxError.prototype = {};
+  A.JsTypeError.prototype = {};
+  A.JsSystemError.prototype = {};
+  A.Process.prototype = {};
+  A.CPUUsage.prototype = {};
+  A.Release.prototype = {};
+  A.StreamModule.prototype = {};
+  A.Readable.prototype = {};
+  A.Writable.prototype = {};
+  A.Duplex.prototype = {};
+  A.Transform.prototype = {};
+  A.WritableOptions.prototype = {};
+  A.ReadableOptions.prototype = {};
+  A.Immediate.prototype = {};
+  A.Timeout.prototype = {};
+  A.TTY.prototype = {};
+  A.TTYReadStream.prototype = {};
+  A.TTYWriteStream.prototype = {};
+  A.Util.prototype = {};
+  A.promiseToFuture_closure1.prototype = {
+    call$1(value) {
+      this.completer.complete$1(value);
+    },
+    $signature: 59
+  };
+  A.promiseToFuture_closure2.prototype = {
+    call$1(error) {
+      this.completer.completeError$1(error);
+    },
+    $signature: 59
+  };
+  A.futureToPromise_closure.prototype = {
+    call$2(resolve, reject) {
+      this.future.then$1$2$onError(0, new A.futureToPromise__closure(resolve, this.T), reject, type$.dynamic);
+    },
+    $signature: 571
+  };
+  A.futureToPromise__closure.prototype = {
+    call$1(result) {
+      return this.resolve.call$1(result);
+    },
+    $signature() {
+      return this.T._eval$1("@(0)");
+    }
+  };
+  A.Context.prototype = {
+    absolute$15(part1, part2, part3, part4, part5, part6, part7, part8, part9, part10, part11, part12, part13, part14, part15) {
+      var t1;
+      A._validateArgList("absolute", A._setArrayType([part1, part2, part3, part4, part5, part6, part7, part8, part9, part10, part11, part12, part13, part14, part15], type$.JSArray_nullable_String));
+      if (part2 == null) {
+        t1 = this.style;
+        t1 = t1.rootLength$1(part1) > 0 && !t1.isRootRelative$1(part1);
+      } else
+        t1 = false;
+      if (t1)
+        return part1;
+      t1 = this._context$_current;
+      return this.join$16(0, t1 == null ? A.current() : t1, part1, part2, part3, part4, part5, part6, part7, part8, part9, part10, part11, part12, part13, part14, part15);
+    },
+    absolute$1(part1) {
+      var _null = null;
+      return this.absolute$15(part1, _null, _null, _null, _null, _null, _null, _null, _null, _null, _null, _null, _null, _null, _null);
+    },
+    dirname$1(path) {
+      var t1, t2,
+        parsed = A.ParsedPath_ParsedPath$parse(path, this.style);
+      parsed.removeTrailingSeparators$0();
+      t1 = parsed.parts;
+      t2 = t1.length;
+      if (t2 === 0) {
+        t1 = parsed.root;
+        return t1 == null ? "." : t1;
+      }
+      if (t2 === 1) {
+        t1 = parsed.root;
+        return t1 == null ? "." : t1;
+      }
+      B.JSArray_methods.removeLast$0(t1);
+      parsed.separators.pop();
+      parsed.removeTrailingSeparators$0();
+      return parsed.toString$0(0);
+    },
+    join$16(_, part1, part2, part3, part4, part5, part6, part7, part8, part9, part10, part11, part12, part13, part14, part15, part16) {
+      var parts = A._setArrayType([part1, part2, part3, part4, part5, part6, part7, part8, part9, part10, part11, part12, part13, part14, part15, part16], type$.JSArray_nullable_String);
+      A._validateArgList("join", parts);
+      return this.joinAll$1(new A.WhereTypeIterable(parts, type$.WhereTypeIterable_String));
+    },
+    join$2(_, part1, part2) {
+      var _null = null;
+      return this.join$16(0, part1, part2, _null, _null, _null, _null, _null, _null, _null, _null, _null, _null, _null, _null, _null, _null);
+    },
+    joinAll$1(parts) {
+      var t1, t2, t3, needsSeparator, isAbsoluteAndNotRootRelative, t4, t5, parsed, path;
+      for (t1 = J.where$1$ax(parts, new A.Context_joinAll_closure()), t2 = J.get$iterator$ax(t1.__internal$_iterable), t1 = new A.WhereIterator(t2, t1._f), t3 = this.style, needsSeparator = false, isAbsoluteAndNotRootRelative = false, t4 = ""; t1.moveNext$0();) {
+        t5 = t2.get$current(t2);
+        if (t3.isRootRelative$1(t5) && isAbsoluteAndNotRootRelative) {
+          parsed = A.ParsedPath_ParsedPath$parse(t5, t3);
+          path = t4.charCodeAt(0) == 0 ? t4 : t4;
+          t4 = B.JSString_methods.substring$2(path, 0, t3.rootLength$2$withDrive(path, true));
+          parsed.root = t4;
+          if (t3.needsSeparator$1(t4))
+            parsed.separators[0] = t3.get$separator(t3);
+          t4 = parsed.toString$0(0);
+        } else if (t3.rootLength$1(t5) > 0) {
+          isAbsoluteAndNotRootRelative = !t3.isRootRelative$1(t5);
+          t4 = t5;
+        } else {
+          if (!(t5.length !== 0 && t3.containsSeparator$1(t5[0])))
+            if (needsSeparator)
+              t4 += t3.get$separator(t3);
+          t4 += t5;
+        }
+        needsSeparator = t3.needsSeparator$1(t5);
+      }
+      return t4.charCodeAt(0) == 0 ? t4 : t4;
+    },
+    split$1(_, path) {
+      var parsed = A.ParsedPath_ParsedPath$parse(path, this.style),
+        t1 = parsed.parts,
+        t2 = A._arrayInstanceType(t1)._eval$1("WhereIterable<1>");
+      t1 = A.List_List$_of(new A.WhereIterable(t1, new A.Context_split_closure(), t2), t2._eval$1("Iterable.E"));
+      parsed.parts = t1;
+      t2 = parsed.root;
+      if (t2 != null)
+        B.JSArray_methods.insert$2(t1, 0, t2);
+      return parsed.parts;
+    },
+    canonicalize$1(_, path) {
+      var t1, parsed;
+      path = this.absolute$1(path);
+      t1 = this.style;
+      if (t1 !== $.$get$Style_windows() && !this._needsNormalization$1(path))
+        return path;
+      parsed = A.ParsedPath_ParsedPath$parse(path, t1);
+      parsed.normalize$1$canonicalize(true);
+      return parsed.toString$0(0);
+    },
+    normalize$1(path) {
+      var parsed;
+      if (!this._needsNormalization$1(path))
+        return path;
+      parsed = A.ParsedPath_ParsedPath$parse(path, this.style);
+      parsed.normalize$0();
+      return parsed.toString$0(0);
+    },
+    _needsNormalization$1(path) {
+      var i, start, previous, t2, previousPrevious, codeUnit, t3,
+        t1 = this.style,
+        root = t1.rootLength$1(path);
+      if (root !== 0) {
+        if (t1 === $.$get$Style_windows())
+          for (i = 0; i < root; ++i)
+            if (path.charCodeAt(i) === 47)
+              return true;
+        start = root;
+        previous = 47;
+      } else {
+        start = 0;
+        previous = null;
+      }
+      for (t2 = path.length, i = start, previousPrevious = null; i < t2; ++i, previousPrevious = previous, previous = codeUnit) {
+        codeUnit = path.charCodeAt(i);
+        if (t1.isSeparator$1(codeUnit)) {
+          if (t1 === $.$get$Style_windows() && codeUnit === 47)
+            return true;
+          if (previous != null && t1.isSeparator$1(previous))
+            return true;
+          if (previous === 46)
+            t3 = previousPrevious == null || previousPrevious === 46 || t1.isSeparator$1(previousPrevious);
+          else
+            t3 = false;
+          if (t3)
+            return true;
+        }
+      }
+      if (previous == null)
+        return true;
+      if (t1.isSeparator$1(previous))
+        return true;
+      if (previous === 46)
+        t1 = previousPrevious == null || t1.isSeparator$1(previousPrevious) || previousPrevious === 46;
+      else
+        t1 = false;
+      if (t1)
+        return true;
+      return false;
+    },
+    relative$2$from(path, from) {
+      var fromParsed, pathParsed, t2, t3, _this = this,
+        _s26_ = 'Unable to find a path to "',
+        t1 = from == null;
+      if (t1 && _this.style.rootLength$1(path) <= 0)
+        return _this.normalize$1(path);
+      if (t1) {
+        t1 = _this._context$_current;
+        from = t1 == null ? A.current() : t1;
+      } else
+        from = _this.absolute$1(from);
+      t1 = _this.style;
+      if (t1.rootLength$1(from) <= 0 && t1.rootLength$1(path) > 0)
+        return _this.normalize$1(path);
+      if (t1.rootLength$1(path) <= 0 || t1.isRootRelative$1(path))
+        path = _this.absolute$1(path);
+      if (t1.rootLength$1(path) <= 0 && t1.rootLength$1(from) > 0)
+        throw A.wrapException(A.PathException$(_s26_ + path + '" from "' + from + '".'));
+      fromParsed = A.ParsedPath_ParsedPath$parse(from, t1);
+      fromParsed.normalize$0();
+      pathParsed = A.ParsedPath_ParsedPath$parse(path, t1);
+      pathParsed.normalize$0();
+      t2 = fromParsed.parts;
+      if (t2.length !== 0 && t2[0] === ".")
+        return pathParsed.toString$0(0);
+      t2 = fromParsed.root;
+      t3 = pathParsed.root;
+      if (t2 != t3)
+        t2 = t2 == null || t3 == null || !t1.pathsEqual$2(t2, t3);
+      else
+        t2 = false;
+      if (t2)
+        return pathParsed.toString$0(0);
+      while (true) {
+        t2 = fromParsed.parts;
+        if (t2.length !== 0) {
+          t3 = pathParsed.parts;
+          t2 = t3.length !== 0 && t1.pathsEqual$2(t2[0], t3[0]);
+        } else
+          t2 = false;
+        if (!t2)
+          break;
+        B.JSArray_methods.removeAt$1(fromParsed.parts, 0);
+        B.JSArray_methods.removeAt$1(fromParsed.separators, 1);
+        B.JSArray_methods.removeAt$1(pathParsed.parts, 0);
+        B.JSArray_methods.removeAt$1(pathParsed.separators, 1);
+      }
+      t2 = fromParsed.parts;
+      t3 = t2.length;
+      if (t3 !== 0 && t2[0] === "..")
+        throw A.wrapException(A.PathException$(_s26_ + path + '" from "' + from + '".'));
+      t2 = type$.String;
+      B.JSArray_methods.insertAll$2(pathParsed.parts, 0, A.List_List$filled(t3, "..", false, t2));
+      t3 = pathParsed.separators;
+      t3[0] = "";
+      B.JSArray_methods.insertAll$2(t3, 1, A.List_List$filled(fromParsed.parts.length, t1.get$separator(t1), false, t2));
+      t1 = pathParsed.parts;
+      t2 = t1.length;
+      if (t2 === 0)
+        return ".";
+      if (t2 > 1 && B.JSArray_methods.get$last(t1) === ".") {
+        B.JSArray_methods.removeLast$0(pathParsed.parts);
+        t1 = pathParsed.separators;
+        t1.pop();
+        t1.pop();
+        t1.push("");
+      }
+      pathParsed.root = "";
+      pathParsed.removeTrailingSeparators$0();
+      return pathParsed.toString$0(0);
+    },
+    relative$1(path) {
+      return this.relative$2$from(path, null);
+    },
+    _isWithinOrEquals$2($parent, child) {
+      var relative, t1, parentIsAbsolute, childIsAbsolute, childIsRootRelative, parentIsRootRelative, result, exception, _this = this;
+      $parent = $parent;
+      child = child;
+      t1 = _this.style;
+      parentIsAbsolute = t1.rootLength$1($parent) > 0;
+      childIsAbsolute = t1.rootLength$1(child) > 0;
+      if (parentIsAbsolute && !childIsAbsolute) {
+        child = _this.absolute$1(child);
+        if (t1.isRootRelative$1($parent))
+          $parent = _this.absolute$1($parent);
+      } else if (childIsAbsolute && !parentIsAbsolute) {
+        $parent = _this.absolute$1($parent);
+        if (t1.isRootRelative$1(child))
+          child = _this.absolute$1(child);
+      } else if (childIsAbsolute && parentIsAbsolute) {
+        childIsRootRelative = t1.isRootRelative$1(child);
+        parentIsRootRelative = t1.isRootRelative$1($parent);
+        if (childIsRootRelative && !parentIsRootRelative)
+          child = _this.absolute$1(child);
+        else if (parentIsRootRelative && !childIsRootRelative)
+          $parent = _this.absolute$1($parent);
+      }
+      result = _this._isWithinOrEqualsFast$2($parent, child);
+      if (result !== B._PathRelation_inconclusive)
+        return result;
+      relative = null;
+      try {
+        relative = _this.relative$2$from(child, $parent);
+      } catch (exception) {
+        if (A.unwrapException(exception) instanceof A.PathException)
+          return B._PathRelation_different;
+        else
+          throw exception;
+      }
+      if (t1.rootLength$1(relative) > 0)
+        return B._PathRelation_different;
+      if (J.$eq$(relative, "."))
+        return B._PathRelation_equal;
+      if (J.$eq$(relative, ".."))
+        return B._PathRelation_different;
+      return J.get$length$asx(relative) >= 3 && J.startsWith$1$s(relative, "..") && t1.isSeparator$1(J.codeUnitAt$1$s(relative, 2)) ? B._PathRelation_different : B._PathRelation_within;
+    },
+    _isWithinOrEqualsFast$2($parent, child) {
+      var t1, parentRootLength, childRootLength, i, t2, t3, childIndex, parentIndex, lastCodeUnit, lastParentSeparator, parentCodeUnit, childCodeUnit, parentIndex0, direction, _this = this;
+      if ($parent === ".")
+        $parent = "";
+      t1 = _this.style;
+      parentRootLength = t1.rootLength$1($parent);
+      childRootLength = t1.rootLength$1(child);
+      if (parentRootLength !== childRootLength)
+        return B._PathRelation_different;
+      for (i = 0; i < parentRootLength; ++i)
+        if (!t1.codeUnitsEqual$2($parent.charCodeAt(i), child.charCodeAt(i)))
+          return B._PathRelation_different;
+      t2 = child.length;
+      t3 = $parent.length;
+      childIndex = childRootLength;
+      parentIndex = parentRootLength;
+      lastCodeUnit = 47;
+      lastParentSeparator = null;
+      while (true) {
+        if (!(parentIndex < t3 && childIndex < t2))
+          break;
+        c$0: {
+          parentCodeUnit = $parent.charCodeAt(parentIndex);
+          childCodeUnit = child.charCodeAt(childIndex);
+          if (t1.codeUnitsEqual$2(parentCodeUnit, childCodeUnit)) {
+            if (t1.isSeparator$1(parentCodeUnit))
+              lastParentSeparator = parentIndex;
+            ++parentIndex;
+            ++childIndex;
+            lastCodeUnit = parentCodeUnit;
+            break c$0;
+          }
+          if (t1.isSeparator$1(parentCodeUnit) && t1.isSeparator$1(lastCodeUnit)) {
+            parentIndex0 = parentIndex + 1;
+            lastParentSeparator = parentIndex;
+            parentIndex = parentIndex0;
+            break c$0;
+          } else if (t1.isSeparator$1(childCodeUnit) && t1.isSeparator$1(lastCodeUnit)) {
+            ++childIndex;
+            break c$0;
+          }
+          if (parentCodeUnit === 46 && t1.isSeparator$1(lastCodeUnit)) {
+            ++parentIndex;
+            if (parentIndex === t3)
+              break;
+            parentCodeUnit = $parent.charCodeAt(parentIndex);
+            if (t1.isSeparator$1(parentCodeUnit)) {
+              parentIndex0 = parentIndex + 1;
+              lastParentSeparator = parentIndex;
+              parentIndex = parentIndex0;
+              break c$0;
+            }
+            if (parentCodeUnit === 46) {
+              ++parentIndex;
+              if (parentIndex === t3 || t1.isSeparator$1($parent.charCodeAt(parentIndex)))
+                return B._PathRelation_inconclusive;
+            }
+          }
+          if (childCodeUnit === 46 && t1.isSeparator$1(lastCodeUnit)) {
+            ++childIndex;
+            if (childIndex === t2)
+              break;
+            childCodeUnit = child.charCodeAt(childIndex);
+            if (t1.isSeparator$1(childCodeUnit)) {
+              ++childIndex;
+              break c$0;
+            }
+            if (childCodeUnit === 46) {
+              ++childIndex;
+              if (childIndex === t2 || t1.isSeparator$1(child.charCodeAt(childIndex)))
+                return B._PathRelation_inconclusive;
+            }
+          }
+          if (_this._pathDirection$2(child, childIndex) !== B._PathDirection_Wme)
+            return B._PathRelation_inconclusive;
+          if (_this._pathDirection$2($parent, parentIndex) !== B._PathDirection_Wme)
+            return B._PathRelation_inconclusive;
+          return B._PathRelation_different;
+        }
+      }
+      if (childIndex === t2) {
+        if (parentIndex === t3 || t1.isSeparator$1($parent.charCodeAt(parentIndex)))
+          lastParentSeparator = parentIndex;
+        else if (lastParentSeparator == null)
+          lastParentSeparator = Math.max(0, parentRootLength - 1);
+        direction = _this._pathDirection$2($parent, lastParentSeparator);
+        if (direction === B._PathDirection_dMN)
+          return B._PathRelation_equal;
+        return direction === B._PathDirection_vgO ? B._PathRelation_inconclusive : B._PathRelation_different;
+      }
+      direction = _this._pathDirection$2(child, childIndex);
+      if (direction === B._PathDirection_dMN)
+        return B._PathRelation_equal;
+      if (direction === B._PathDirection_vgO)
+        return B._PathRelation_inconclusive;
+      return t1.isSeparator$1(child.charCodeAt(childIndex)) || t1.isSeparator$1(lastCodeUnit) ? B._PathRelation_within : B._PathRelation_different;
+    },
+    _pathDirection$2(path, index) {
+      var t1, t2, i, depth, reachedRoot, i0, t3;
+      for (t1 = path.length, t2 = this.style, i = index, depth = 0, reachedRoot = false; i < t1;) {
+        while (true) {
+          if (!(i < t1 && t2.isSeparator$1(path.charCodeAt(i))))
+            break;
+          ++i;
+        }
+        if (i === t1)
+          break;
+        i0 = i;
+        while (true) {
+          if (!(i0 < t1 && !t2.isSeparator$1(path.charCodeAt(i0))))
+            break;
+          ++i0;
+        }
+        t3 = i0 - i;
+        if (!(t3 === 1 && path.charCodeAt(i) === 46))
+          if (t3 === 2 && path.charCodeAt(i) === 46 && path.charCodeAt(i + 1) === 46) {
+            --depth;
+            if (depth < 0)
+              break;
+            if (depth === 0)
+              reachedRoot = true;
+          } else
+            ++depth;
+        if (i0 === t1)
+          break;
+        i = i0 + 1;
+      }
+      if (depth < 0)
+        return B._PathDirection_vgO;
+      if (depth === 0)
+        return B._PathDirection_dMN;
+      if (reachedRoot)
+        return B._PathDirection_6kc;
+      return B._PathDirection_Wme;
+    },
+    hash$1(path) {
+      var result, parsed, t1, _this = this;
+      path = _this.absolute$1(path);
+      result = _this._hashFast$1(path);
+      if (result != null)
+        return result;
+      parsed = A.ParsedPath_ParsedPath$parse(path, _this.style);
+      parsed.normalize$0();
+      t1 = _this._hashFast$1(parsed.toString$0(0));
+      t1.toString;
+      return t1;
+    },
+    _hashFast$1(path) {
+      var t1, t2, hash, beginning, wasSeparator, i, codeUnit, t3, next;
+      for (t1 = path.length, t2 = this.style, hash = 4603, beginning = true, wasSeparator = true, i = 0; i < t1; ++i) {
+        codeUnit = t2.canonicalizeCodeUnit$1(path.charCodeAt(i));
+        if (t2.isSeparator$1(codeUnit)) {
+          wasSeparator = true;
+          continue;
+        }
+        if (codeUnit === 46 && wasSeparator) {
+          t3 = i + 1;
+          if (t3 === t1)
+            break;
+          next = path.charCodeAt(t3);
+          if (t2.isSeparator$1(next))
+            continue;
+          t3 = false;
+          if (!beginning)
+            if (next === 46) {
+              t3 = i + 2;
+              t3 = t3 === t1 || t2.isSeparator$1(path.charCodeAt(t3));
+            }
+          if (t3)
+            return null;
+        }
+        hash = ((hash & 67108863) * 33 ^ codeUnit) >>> 0;
+        beginning = false;
+        wasSeparator = false;
+      }
+      return hash;
+    },
+    withoutExtension$1(path) {
+      var t1, i,
+        parsed = A.ParsedPath_ParsedPath$parse(path, this.style);
+      for (t1 = parsed.parts, i = t1.length - 1; i >= 0; --i)
+        if (t1[i].length !== 0) {
+          t1[i] = parsed._splitExtension$0()[0];
+          break;
+        }
+      return parsed.toString$0(0);
+    },
+    toUri$1(path) {
+      var t2,
+        t1 = this.style;
+      if (t1.rootLength$1(path) <= 0)
+        return t1.relativePathToUri$1(path);
+      else {
+        t2 = this._context$_current;
+        return t1.absolutePathToUri$1(this.join$2(0, t2 == null ? A.current() : t2, path));
+      }
+    },
+    prettyUri$1(uri) {
+      var path, rel, _this = this,
+        typedUri = A._parseUri(uri);
+      if (typedUri.get$scheme() === "file" && _this.style === $.$get$Style_url())
+        return typedUri.toString$0(0);
+      else if (typedUri.get$scheme() !== "file" && typedUri.get$scheme() !== "" && _this.style !== $.$get$Style_url())
+        return typedUri.toString$0(0);
+      path = _this.normalize$1(_this.style.pathFromUri$1(A._parseUri(typedUri)));
+      rel = _this.relative$1(path);
+      return _this.split$1(0, rel).length > _this.split$1(0, path).length ? path : rel;
+    }
+  };
+  A.Context_joinAll_closure.prototype = {
+    call$1(part) {
+      return part !== "";
+    },
+    $signature: 5
+  };
+  A.Context_split_closure.prototype = {
+    call$1(part) {
+      return part.length !== 0;
+    },
+    $signature: 5
+  };
+  A._validateArgList_closure.prototype = {
+    call$1(arg) {
+      return arg == null ? "null" : '"' + arg + '"';
+    },
+    $signature: 650
+  };
+  A._PathDirection.prototype = {
+    toString$0(_) {
+      return this.name;
+    }
+  };
+  A._PathRelation.prototype = {
+    toString$0(_) {
+      return this.name;
+    }
+  };
+  A.InternalStyle.prototype = {
+    getRoot$1(path) {
+      var $length = this.rootLength$1(path);
+      if ($length > 0)
+        return B.JSString_methods.substring$2(path, 0, $length);
+      return this.isRootRelative$1(path) ? path[0] : null;
+    },
+    relativePathToUri$1(path) {
+      var segments, _null = null,
+        t1 = path.length;
+      if (t1 === 0)
+        return A._Uri__Uri(_null, _null, _null, _null);
+      segments = A.Context_Context(this).split$1(0, path);
+      if (this.isSeparator$1(path.charCodeAt(t1 - 1)))
+        B.JSArray_methods.add$1(segments, "");
+      return A._Uri__Uri(_null, _null, segments, _null);
+    },
+    codeUnitsEqual$2(codeUnit1, codeUnit2) {
+      return codeUnit1 === codeUnit2;
+    },
+    pathsEqual$2(path1, path2) {
+      return path1 === path2;
+    },
+    canonicalizeCodeUnit$1(codeUnit) {
+      return codeUnit;
+    },
+    canonicalizePart$1(part) {
+      return part;
+    }
+  };
+  A.ParsedPath.prototype = {
+    get$basename() {
+      var _this = this,
+        t1 = type$.String,
+        copy = new A.ParsedPath(_this.style, _this.root, _this.isRootRelative, A.List_List$from(_this.parts, true, t1), A.List_List$from(_this.separators, true, t1));
+      copy.removeTrailingSeparators$0();
+      t1 = copy.parts;
+      if (t1.length === 0) {
+        t1 = _this.root;
+        return t1 == null ? "" : t1;
+      }
+      return B.JSArray_methods.get$last(t1);
+    },
+    get$hasTrailingSeparator() {
+      var t1 = this.parts;
+      if (t1.length !== 0)
+        t1 = B.JSArray_methods.get$last(t1) === "" || B.JSArray_methods.get$last(this.separators) !== "";
+      else
+        t1 = false;
+      return t1;
+    },
+    removeTrailingSeparators$0() {
+      var t1, t2, _this = this;
+      while (true) {
+        t1 = _this.parts;
+        if (!(t1.length !== 0 && B.JSArray_methods.get$last(t1) === ""))
+          break;
+        B.JSArray_methods.removeLast$0(_this.parts);
+        _this.separators.pop();
+      }
+      t1 = _this.separators;
+      t2 = t1.length;
+      if (t2 !== 0)
+        t1[t2 - 1] = "";
+    },
+    normalize$1$canonicalize(canonicalize) {
+      var t1, t2, t3, leadingDoubles, _i, part, _this = this,
+        newParts = A._setArrayType([], type$.JSArray_String);
+      for (t1 = _this.parts, t2 = t1.length, t3 = _this.style, leadingDoubles = 0, _i = 0; _i < t1.length; t1.length === t2 || (0, A.throwConcurrentModificationError)(t1), ++_i) {
+        part = t1[_i];
+        if (!(part === "." || part === ""))
+          if (part === "..")
+            if (newParts.length !== 0)
+              newParts.pop();
+            else
+              ++leadingDoubles;
+          else
+            newParts.push(canonicalize ? t3.canonicalizePart$1(part) : part);
+      }
+      if (_this.root == null)
+        B.JSArray_methods.insertAll$2(newParts, 0, A.List_List$filled(leadingDoubles, "..", false, type$.String));
+      if (newParts.length === 0 && _this.root == null)
+        newParts.push(".");
+      _this.parts = newParts;
+      _this.separators = A.List_List$filled(newParts.length + 1, t3.get$separator(t3), true, type$.String);
+      t1 = _this.root;
+      if (t1 == null || newParts.length === 0 || !t3.needsSeparator$1(t1))
+        _this.separators[0] = "";
+      t1 = _this.root;
+      if (t1 != null && t3 === $.$get$Style_windows()) {
+        if (canonicalize)
+          t1 = _this.root = t1.toLowerCase();
+        _this.root = A.stringReplaceAllUnchecked(t1, "/", "\\");
+      }
+      _this.removeTrailingSeparators$0();
+    },
+    normalize$0() {
+      return this.normalize$1$canonicalize(false);
+    },
+    toString$0(_) {
+      var t2, t3, t4, i,
+        t1 = this.root;
+      t1 = t1 != null ? t1 : "";
+      for (t2 = this.parts, t3 = t2.length, t4 = this.separators, i = 0; i < t3; ++i)
+        t1 = t1 + t4[i] + t2[i];
+      t1 += B.JSArray_methods.get$last(t4);
+      return t1.charCodeAt(0) == 0 ? t1 : t1;
+    },
+    _kthLastIndexOf$3(path, character, k) {
+      var index, count, leftMostIndexedCharacter;
+      for (index = path.length - 1, count = 0, leftMostIndexedCharacter = 0; index >= 0; --index)
+        if (path[index] === character) {
+          ++count;
+          if (count === k)
+            return index;
+          leftMostIndexedCharacter = index;
+        }
+      return leftMostIndexedCharacter;
+    },
+    _splitExtension$1(level) {
+      var t1, file, lastDot;
+      if (level <= 0)
+        throw A.wrapException(A.RangeError$value(level, "level", "level's value must be greater than 0"));
+      t1 = this.parts;
+      t1 = new A.CastList(t1, A._arrayInstanceType(t1)._eval$1("CastList<1,String?>"));
+      file = t1.lastWhere$2$orElse(t1, new A.ParsedPath__splitExtension_closure(), new A.ParsedPath__splitExtension_closure0());
+      if (file == null)
+        return A._setArrayType(["", ""], type$.JSArray_String);
+      if (file === "..")
+        return A._setArrayType(["..", ""], type$.JSArray_String);
+      lastDot = this._kthLastIndexOf$3(file, ".", level);
+      if (lastDot <= 0)
+        return A._setArrayType([file, ""], type$.JSArray_String);
+      return A._setArrayType([B.JSString_methods.substring$2(file, 0, lastDot), B.JSString_methods.substring$1(file, lastDot)], type$.JSArray_String);
+    },
+    _splitExtension$0() {
+      return this._splitExtension$1(1);
+    }
+  };
+  A.ParsedPath__splitExtension_closure.prototype = {
+    call$1(p) {
+      return p !== "";
+    },
+    $signature: 166
+  };
+  A.ParsedPath__splitExtension_closure0.prototype = {
+    call$0() {
+      return null;
+    },
+    $signature: 1
+  };
+  A.PathException.prototype = {
+    toString$0(_) {
+      return "PathException: " + this.message;
+    },
+    $isException: 1,
+    get$message(receiver) {
+      return this.message;
+    }
+  };
+  A.PathMap.prototype = {};
+  A.PathMap__create_closure.prototype = {
+    call$2(path1, path2) {
+      if (path1 == null)
+        return path2 == null;
+      if (path2 == null)
+        return false;
+      return this._box_0.context._isWithinOrEquals$2(path1, path2) === B._PathRelation_equal;
+    },
+    $signature: 293
+  };
+  A.PathMap__create_closure0.prototype = {
+    call$1(path) {
+      return path == null ? 0 : this._box_0.context.hash$1(path);
+    },
+    $signature: 302
+  };
+  A.PathMap__create_closure1.prototype = {
+    call$1(path) {
+      return typeof path == "string" || path == null;
+    },
+    $signature: 303
+  };
+  A.Style.prototype = {
+    toString$0(_) {
+      return this.get$name(this);
+    }
+  };
+  A.PosixStyle.prototype = {
+    containsSeparator$1(path) {
+      return B.JSString_methods.contains$1(path, "/");
+    },
+    isSeparator$1(codeUnit) {
+      return codeUnit === 47;
+    },
+    needsSeparator$1(path) {
+      var t1 = path.length;
+      return t1 !== 0 && path.charCodeAt(t1 - 1) !== 47;
+    },
+    rootLength$2$withDrive(path, withDrive) {
+      if (path.length !== 0 && path.charCodeAt(0) === 47)
+        return 1;
+      return 0;
+    },
+    rootLength$1(path) {
+      return this.rootLength$2$withDrive(path, false);
+    },
+    isRootRelative$1(path) {
+      return false;
+    },
+    pathFromUri$1(uri) {
+      var t1;
+      if (uri.get$scheme() === "" || uri.get$scheme() === "file") {
+        t1 = uri.get$path(uri);
+        return A._Uri__uriDecode(t1, 0, t1.length, B.C_Utf8Codec, false);
+      }
+      throw A.wrapException(A.ArgumentError$("Uri " + uri.toString$0(0) + " must have scheme 'file:'.", null));
+    },
+    absolutePathToUri$1(path) {
+      var parsed = A.ParsedPath_ParsedPath$parse(path, this),
+        t1 = parsed.parts;
+      if (t1.length === 0)
+        B.JSArray_methods.addAll$1(t1, A._setArrayType(["", ""], type$.JSArray_String));
+      else if (parsed.get$hasTrailingSeparator())
+        B.JSArray_methods.add$1(parsed.parts, "");
+      return A._Uri__Uri(null, null, parsed.parts, "file");
+    },
+    get$name() {
+      return "posix";
+    },
+    get$separator() {
+      return "/";
+    }
+  };
+  A.UrlStyle.prototype = {
+    containsSeparator$1(path) {
+      return B.JSString_methods.contains$1(path, "/");
+    },
+    isSeparator$1(codeUnit) {
+      return codeUnit === 47;
+    },
+    needsSeparator$1(path) {
+      var t1 = path.length;
+      if (t1 === 0)
+        return false;
+      if (path.charCodeAt(t1 - 1) !== 47)
+        return true;
+      return B.JSString_methods.endsWith$1(path, "://") && this.rootLength$1(path) === t1;
+    },
+    rootLength$2$withDrive(path, withDrive) {
+      var i, codeUnit, index,
+        t1 = path.length;
+      if (t1 === 0)
+        return 0;
+      if (path.charCodeAt(0) === 47)
+        return 1;
+      for (i = 0; i < t1; ++i) {
+        codeUnit = path.charCodeAt(i);
+        if (codeUnit === 47)
+          return 0;
+        if (codeUnit === 58) {
+          if (i === 0)
+            return 0;
+          index = B.JSString_methods.indexOf$2(path, "/", B.JSString_methods.startsWith$2(path, "//", i + 1) ? i + 3 : i);
+          if (index <= 0)
+            return t1;
+          if (!withDrive || t1 < index + 3)
+            return index;
+          if (!B.JSString_methods.startsWith$1(path, "file://"))
+            return index;
+          t1 = A.driveLetterEnd(path, index + 1);
+          return t1 == null ? index : t1;
+        }
+      }
+      return 0;
+    },
+    rootLength$1(path) {
+      return this.rootLength$2$withDrive(path, false);
+    },
+    isRootRelative$1(path) {
+      return path.length !== 0 && path.charCodeAt(0) === 47;
+    },
+    pathFromUri$1(uri) {
+      return uri.toString$0(0);
+    },
+    relativePathToUri$1(path) {
+      return A.Uri_parse(path);
+    },
+    absolutePathToUri$1(path) {
+      return A.Uri_parse(path);
+    },
+    get$name() {
+      return "url";
+    },
+    get$separator() {
+      return "/";
+    }
+  };
+  A.WindowsStyle.prototype = {
+    containsSeparator$1(path) {
+      return B.JSString_methods.contains$1(path, "/");
+    },
+    isSeparator$1(codeUnit) {
+      return codeUnit === 47 || codeUnit === 92;
+    },
+    needsSeparator$1(path) {
+      var t1 = path.length;
+      if (t1 === 0)
+        return false;
+      t1 = path.charCodeAt(t1 - 1);
+      return !(t1 === 47 || t1 === 92);
+    },
+    rootLength$2$withDrive(path, withDrive) {
+      var index,
+        t1 = path.length;
+      if (t1 === 0)
+        return 0;
+      if (path.charCodeAt(0) === 47)
+        return 1;
+      if (path.charCodeAt(0) === 92) {
+        if (t1 < 2 || path.charCodeAt(1) !== 92)
+          return 1;
+        index = B.JSString_methods.indexOf$2(path, "\\", 2);
+        if (index > 0) {
+          index = B.JSString_methods.indexOf$2(path, "\\", index + 1);
+          if (index > 0)
+            return index;
+        }
+        return t1;
+      }
+      if (t1 < 3)
+        return 0;
+      if (!A.isAlphabetic(path.charCodeAt(0)))
+        return 0;
+      if (path.charCodeAt(1) !== 58)
+        return 0;
+      t1 = path.charCodeAt(2);
+      if (!(t1 === 47 || t1 === 92))
+        return 0;
+      return 3;
+    },
+    rootLength$1(path) {
+      return this.rootLength$2$withDrive(path, false);
+    },
+    isRootRelative$1(path) {
+      return this.rootLength$1(path) === 1;
+    },
+    pathFromUri$1(uri) {
+      var path, t1;
+      if (uri.get$scheme() !== "" && uri.get$scheme() !== "file")
+        throw A.wrapException(A.ArgumentError$("Uri " + uri.toString$0(0) + " must have scheme 'file:'.", null));
+      path = uri.get$path(uri);
+      if (uri.get$host() === "") {
+        if (path.length >= 3 && B.JSString_methods.startsWith$1(path, "/") && A.driveLetterEnd(path, 1) != null)
+          path = B.JSString_methods.replaceFirst$2(path, "/", "");
+      } else
+        path = "\\\\" + uri.get$host() + path;
+      t1 = A.stringReplaceAllUnchecked(path, "/", "\\");
+      return A._Uri__uriDecode(t1, 0, t1.length, B.C_Utf8Codec, false);
+    },
+    absolutePathToUri$1(path) {
+      var rootParts, t2,
+        parsed = A.ParsedPath_ParsedPath$parse(path, this),
+        t1 = parsed.root;
+      t1.toString;
+      if (B.JSString_methods.startsWith$1(t1, "\\\\")) {
+        rootParts = new A.WhereIterable(A._setArrayType(t1.split("\\"), type$.JSArray_String), new A.WindowsStyle_absolutePathToUri_closure(), type$.WhereIterable_String);
+        B.JSArray_methods.insert$2(parsed.parts, 0, rootParts.get$last(0));
+        if (parsed.get$hasTrailingSeparator())
+          B.JSArray_methods.add$1(parsed.parts, "");
+        return A._Uri__Uri(rootParts.get$first(0), null, parsed.parts, "file");
+      } else {
+        if (parsed.parts.length === 0 || parsed.get$hasTrailingSeparator())
+          B.JSArray_methods.add$1(parsed.parts, "");
+        t1 = parsed.parts;
+        t2 = parsed.root;
+        t2.toString;
+        t2 = A.stringReplaceAllUnchecked(t2, "/", "");
+        B.JSArray_methods.insert$2(t1, 0, A.stringReplaceAllUnchecked(t2, "\\", ""));
+        return A._Uri__Uri(null, null, parsed.parts, "file");
+      }
+    },
+    codeUnitsEqual$2(codeUnit1, codeUnit2) {
+      var upperCase1;
+      if (codeUnit1 === codeUnit2)
+        return true;
+      if (codeUnit1 === 47)
+        return codeUnit2 === 92;
+      if (codeUnit1 === 92)
+        return codeUnit2 === 47;
+      if ((codeUnit1 ^ codeUnit2) !== 32)
+        return false;
+      upperCase1 = codeUnit1 | 32;
+      return upperCase1 >= 97 && upperCase1 <= 122;
+    },
+    pathsEqual$2(path1, path2) {
+      var t1, i;
+      if (path1 === path2)
+        return true;
+      t1 = path1.length;
+      if (t1 !== path2.length)
+        return false;
+      for (i = 0; i < t1; ++i)
+        if (!this.codeUnitsEqual$2(path1.charCodeAt(i), path2.charCodeAt(i)))
+          return false;
+      return true;
+    },
+    canonicalizeCodeUnit$1(codeUnit) {
+      if (codeUnit === 47)
+        return 92;
+      if (codeUnit < 65)
+        return codeUnit;
+      if (codeUnit > 90)
+        return codeUnit;
+      return codeUnit | 32;
+    },
+    canonicalizePart$1(part) {
+      return part.toLowerCase();
+    },
+    get$name() {
+      return "windows";
+    },
+    get$separator() {
+      return "\\";
+    }
+  };
+  A.WindowsStyle_absolutePathToUri_closure.prototype = {
+    call$1(part) {
+      return part !== "";
+    },
+    $signature: 5
+  };
+  A.Version.prototype = {
+    get$min() {
+      return this;
+    },
+    get$max() {
+      return this;
+    },
+    get$includeMin() {
+      return true;
+    },
+    get$includeMax() {
+      return true;
+    },
+    $eq(_, other) {
+      var _this = this;
+      if (other == null)
+        return false;
+      return other instanceof A.Version && _this.major === other.major && _this.minor === other.minor && _this.patch === other.patch && B.C_IterableEquality.equals$2(0, _this.preRelease, other.preRelease) && B.C_IterableEquality.equals$2(0, _this.build, other.build);
+    },
+    get$hashCode(_) {
+      var _this = this;
+      return (_this.major ^ _this.minor ^ _this.patch ^ B.C_IterableEquality.hash$1(_this.preRelease) ^ B.C_IterableEquality.hash$1(_this.build)) >>> 0;
+    },
+    compareTo$1(_, other) {
+      var t1, t2, t3, comparison, _this = this;
+      if (other instanceof A.Version) {
+        t1 = _this.major;
+        t2 = other.major;
+        if (t1 !== t2)
+          return B.JSInt_methods.compareTo$1(t1, t2);
+        t1 = _this.minor;
+        t2 = other.minor;
+        if (t1 !== t2)
+          return B.JSInt_methods.compareTo$1(t1, t2);
+        t1 = _this.patch;
+        t2 = other.patch;
+        if (t1 !== t2)
+          return B.JSInt_methods.compareTo$1(t1, t2);
+        t1 = _this.preRelease;
+        t2 = t1.length === 0;
+        if (t2 && other.preRelease.length !== 0)
+          return 1;
+        t3 = other.preRelease;
+        if (t3.length === 0 && !t2)
+          return -1;
+        comparison = _this._compareLists$2(t1, t3);
+        if (comparison !== 0)
+          return comparison;
+        t1 = _this.build;
+        t2 = t1.length === 0;
+        if (t2 && other.build.length !== 0)
+          return -1;
+        t3 = other.build;
+        if (t3.length === 0 && !t2)
+          return 1;
+        return _this._compareLists$2(t1, t3);
+      } else
+        return -other.compareTo$1(0, _this);
+    },
+    toString$0(_) {
+      return this._version$_text;
+    },
+    _compareLists$2(a, b) {
+      var i, t1, t2, aPart, bPart;
+      for (i = 0; t1 = a.length, t2 = b.length, i < Math.max(t1, t2); ++i) {
+        aPart = i < t1 ? a[i] : null;
+        bPart = i < t2 ? b[i] : null;
+        if (J.$eq$(aPart, bPart))
+          continue;
+        if (aPart == null)
+          return -1;
+        if (bPart == null)
+          return 1;
+        if (typeof aPart == "number")
+          if (typeof bPart == "number")
+            return B.JSNumber_methods.compareTo$1(aPart, bPart);
+          else
+            return -1;
+        else if (typeof bPart == "number")
+          return 1;
+        else {
+          A._asString(aPart);
+          A._asString(bPart);
+          if (aPart === bPart)
+            t1 = 0;
+          else
+            t1 = aPart < bPart ? -1 : 1;
+          return t1;
+        }
+      }
+      return 0;
+    },
+    $isComparable: 1,
+    $isVersionRange: 1
+  };
+  A.Version__splitParts_closure.prototype = {
+    call$1(part) {
+      var t1 = A.Primitives_parseInt(part, null);
+      return t1 == null ? part : t1;
+    },
+    $signature: 304
+  };
+  A.VersionRange.prototype = {
+    $eq(_, other) {
+      var t1;
+      if (other == null)
+        return false;
+      if (!type$.VersionRange._is(other))
+        return false;
+      t1 = false;
+      if (this.min == other.get$min())
+        if (J.$eq$(this.max, other.get$max())) {
+          t1 = !other.get$includeMin();
+          if (t1)
+            other.get$includeMax();
+        }
+      return t1;
+    },
+    get$hashCode(_) {
+      var t1 = B.JSNull_methods.get$hashCode(this.min),
+        t2 = J.get$hashCode$(this.max);
+      return (t1 ^ t2 * 3 ^ 1090795 ^ 3633126) >>> 0;
+    },
+    allows$1(other) {
+      var t1 = this.max;
+      if (t1 != null)
+        if (other.compareTo$1(0, t1) > 0)
+          return false;
+      return true;
+    },
+    compareTo$1(_, other) {
+      if (other.get$min() == null)
+        return this._compareMax$1(other);
+      return -1;
+    },
+    _compareMax$1(other) {
+      var t2, result,
+        t1 = this.max;
+      if (t1 == null) {
+        if (other.get$max() == null)
+          return 0;
+        return 1;
+      } else if (other.get$max() == null)
+        return -1;
+      t2 = other.get$max();
+      t2.toString;
+      result = t1.compareTo$1(0, t2);
+      if (result !== 0)
+        return result;
+      other.get$includeMax();
+      return 0;
+    },
+    toString$0(_) {
+      var t2,
+        max = this.max,
+        t1 = max == null;
+      if (!t1)
+        t2 = "<=" + max.toString$0(0);
+      else
+        t2 = "";
+      t1 = t1 ? t2 + "any" : t2;
+      return t1.charCodeAt(0) == 0 ? t1 : t1;
+    },
+    $isComparable: 1,
+    get$min() {
+      return this.min;
+    },
+    get$max() {
+      return this.max;
+    },
+    get$includeMin() {
+      return this.includeMin;
+    },
+    get$includeMax() {
+      return this.includeMax;
+    }
+  };
+  A.CssMediaQuery.prototype = {
+    merge$1(other) {
+      var t1, ourModifier, t2, t3, ourType, t4, theirModifier, t5, t6, theirType, t7, t8, negativeConditions, conditions, type, modifier, fewerConditions, fewerConditions0, moreConditions, _this = this, _null = null, _s3_ = "all";
+      if (!_this.conjunction || !other.conjunction)
+        return B._SingletonCssMediaQueryMergeResult_1;
+      t1 = _this.modifier;
+      ourModifier = t1 == null ? _null : t1.toLowerCase();
+      t2 = _this.type;
+      t3 = t2 == null;
+      ourType = t3 ? _null : t2.toLowerCase();
+      t4 = other.modifier;
+      theirModifier = t4 == null ? _null : t4.toLowerCase();
+      t5 = other.type;
+      t6 = t5 == null;
+      theirType = t6 ? _null : t5.toLowerCase();
+      t7 = ourType == null;
+      if (t7 && theirType == null) {
+        t1 = A.List_List$_of(_this.conditions, type$.String);
+        B.JSArray_methods.addAll$1(t1, other.conditions);
+        return new A.MediaQuerySuccessfulMergeResult(A.CssMediaQuery$condition(t1, true));
+      }
+      t8 = ourModifier === "not";
+      if (t8 !== (theirModifier === "not")) {
+        if (ourType == theirType) {
+          negativeConditions = t8 ? _this.conditions : other.conditions;
+          if (B.JSArray_methods.every$1(negativeConditions, B.JSArray_methods.get$contains(t8 ? other.conditions : _this.conditions)))
+            return B._SingletonCssMediaQueryMergeResult_0;
+          else
+            return B._SingletonCssMediaQueryMergeResult_1;
+        } else if (t3 || A.equalsIgnoreCase(t2, _s3_) || t6 || A.equalsIgnoreCase(t5, _s3_))
+          return B._SingletonCssMediaQueryMergeResult_1;
+        if (t8) {
+          conditions = other.conditions;
+          type = theirType;
+          modifier = theirModifier;
+        } else {
+          conditions = _this.conditions;
+          type = ourType;
+          modifier = ourModifier;
+        }
+      } else if (t8) {
+        if (ourType != theirType)
+          return B._SingletonCssMediaQueryMergeResult_1;
+        fewerConditions = _this.conditions;
+        fewerConditions0 = other.conditions;
+        t3 = fewerConditions.length > fewerConditions0.length;
+        moreConditions = t3 ? fewerConditions : fewerConditions0;
+        if (t3)
+          fewerConditions = fewerConditions0;
+        if (!B.JSArray_methods.every$1(fewerConditions, B.JSArray_methods.get$contains(moreConditions)))
+          return B._SingletonCssMediaQueryMergeResult_1;
+        conditions = moreConditions;
+        type = ourType;
+        modifier = ourModifier;
+      } else if (t3 || A.equalsIgnoreCase(t2, _s3_)) {
+        type = (t6 || A.equalsIgnoreCase(t5, _s3_)) && t7 ? _null : theirType;
+        t3 = A.List_List$_of(_this.conditions, type$.String);
+        B.JSArray_methods.addAll$1(t3, other.conditions);
+        conditions = t3;
+        modifier = theirModifier;
+      } else {
+        if (t6 || A.equalsIgnoreCase(t5, _s3_)) {
+          t3 = A.List_List$_of(_this.conditions, type$.String);
+          B.JSArray_methods.addAll$1(t3, other.conditions);
+          conditions = t3;
+          modifier = ourModifier;
+        } else {
+          if (ourType != theirType)
+            return B._SingletonCssMediaQueryMergeResult_0;
+          else {
+            modifier = ourModifier == null ? theirModifier : ourModifier;
+            t3 = A.List_List$_of(_this.conditions, type$.String);
+            B.JSArray_methods.addAll$1(t3, other.conditions);
+          }
+          conditions = t3;
+        }
+        type = ourType;
+      }
+      t2 = type == ourType ? t2 : t5;
+      return new A.MediaQuerySuccessfulMergeResult(A.CssMediaQuery$type(t2, conditions, modifier == ourModifier ? t1 : t4));
+    },
+    $eq(_, other) {
+      if (other == null)
+        return false;
+      return other instanceof A.CssMediaQuery && other.modifier == this.modifier && other.type == this.type && B.C_ListEquality.equals$2(0, other.conditions, this.conditions);
+    },
+    get$hashCode(_) {
+      return J.get$hashCode$(this.modifier) ^ J.get$hashCode$(this.type) ^ B.C_ListEquality0.hash$1(this.conditions);
+    },
+    toString$0(_) {
+      var t2, _this = this,
+        t1 = _this.modifier;
+      t1 = t1 != null ? t1 + " " : "";
+      t2 = _this.type;
+      if (t2 != null) {
+        t1 += t2;
+        if (_this.conditions.length !== 0)
+          t1 += " and ";
+      }
+      t2 = _this.conjunction ? " and " : " or ";
+      t2 = t1 + B.JSArray_methods.join$1(_this.conditions, t2);
+      return t2.charCodeAt(0) == 0 ? t2 : t2;
+    }
+  };
+  A._SingletonCssMediaQueryMergeResult.prototype = {
+    _enumToString$0() {
+      return "_SingletonCssMediaQueryMergeResult." + this._name;
+    }
+  };
+  A.MediaQuerySuccessfulMergeResult.prototype = {
+    toString$0(_) {
+      return this.query.toString$0(0);
+    }
+  };
+  A.ModifiableCssAtRule.prototype = {
+    accept$1$1(visitor) {
+      return visitor.visitCssAtRule$1(this);
+    },
+    accept$1(visitor) {
+      return this.accept$1$1(visitor, type$.dynamic);
+    },
+    equalsIgnoringChildren$1(other) {
+      var t1, t2;
+      if (other instanceof A.ModifiableCssAtRule) {
+        t1 = this.name;
+        t2 = other.name;
+        t1 = t1.$ti._is(t2) && J.$eq$(t2.value, t1.value) && J.$eq$(this.value, other.value) && this.isChildless === other.isChildless;
+      } else
+        t1 = false;
+      return t1;
+    },
+    copyWithoutChildren$0() {
+      var _this = this;
+      return A.ModifiableCssAtRule$(_this.name, _this.span, _this.isChildless, _this.value);
+    },
+    addChild$1(child) {
+      this.super$ModifiableCssParentNode$addChild(child);
+    },
+    get$isChildless() {
+      return this.isChildless;
+    },
+    get$span(receiver) {
+      return this.span;
+    }
+  };
+  A.ModifiableCssComment.prototype = {
+    accept$1$1(visitor) {
+      return visitor.visitCssComment$1(this);
+    },
+    accept$1(visitor) {
+      return this.accept$1$1(visitor, type$.dynamic);
+    },
+    $isCssComment: 1,
+    get$span(receiver) {
+      return this.span;
+    }
+  };
+  A.ModifiableCssDeclaration.prototype = {
+    accept$1$1(visitor) {
+      return visitor.visitCssDeclaration$1(this);
+    },
+    accept$1(visitor) {
+      return this.accept$1$1(visitor, type$.dynamic);
+    },
+    toString$0(_) {
+      return this.name.toString$0(0) + ": " + this.value.toString$0(0) + ";";
+    },
+    get$span(receiver) {
+      return this.span;
+    }
+  };
+  A.ModifiableCssImport.prototype = {
+    accept$1$1(visitor) {
+      return visitor.visitCssImport$1(this);
+    },
+    accept$1(visitor) {
+      return this.accept$1$1(visitor, type$.dynamic);
+    },
+    get$span(receiver) {
+      return this.span;
+    }
+  };
+  A.ModifiableCssKeyframeBlock.prototype = {
+    accept$1$1(visitor) {
+      return visitor.visitCssKeyframeBlock$1(this);
+    },
+    accept$1(visitor) {
+      return this.accept$1$1(visitor, type$.dynamic);
+    },
+    equalsIgnoringChildren$1(other) {
+      return other instanceof A.ModifiableCssKeyframeBlock && B.C_ListEquality.equals$2(0, this.selector.value, other.selector.value);
+    },
+    copyWithoutChildren$0() {
+      return A.ModifiableCssKeyframeBlock$(this.selector, this.span);
+    },
+    get$span(receiver) {
+      return this.span;
+    }
+  };
+  A.ModifiableCssMediaRule.prototype = {
+    accept$1$1(visitor) {
+      return visitor.visitCssMediaRule$1(this);
+    },
+    accept$1(visitor) {
+      return this.accept$1$1(visitor, type$.dynamic);
+    },
+    equalsIgnoringChildren$1(other) {
+      return other instanceof A.ModifiableCssMediaRule && B.C_ListEquality.equals$2(0, this.queries, other.queries);
+    },
+    copyWithoutChildren$0() {
+      return A.ModifiableCssMediaRule$(this.queries, this.span);
+    },
+    get$span(receiver) {
+      return this.span;
+    }
+  };
+  A.ModifiableCssNode.prototype = {
+    get$hasFollowingSibling() {
+      var t2,
+        t1 = this._parent;
+      if (t1 == null)
+        t1 = null;
+      else {
+        t1 = t1.children;
+        t2 = this._indexInParent;
+        t2.toString;
+        t1 = A.SubListIterable$(t1, t2 + 1, null, t1.$ti._eval$1("ListBase.E")).any$1(0, new A.ModifiableCssNode_hasFollowingSibling_closure());
+      }
+      return t1 === true;
+    },
+    get$isGroupEnd() {
+      return this.isGroupEnd;
+    }
+  };
+  A.ModifiableCssNode_hasFollowingSibling_closure.prototype = {
+    call$1(sibling) {
+      return !sibling.accept$1(B._IsInvisibleVisitor_true_false);
+    },
+    $signature: 317
+  };
+  A.ModifiableCssParentNode.prototype = {
+    get$isChildless() {
+      return false;
+    },
+    addChild$1(child) {
+      var t1;
+      child._parent = this;
+      t1 = this._children;
+      child._indexInParent = t1.length;
+      t1.push(child);
+    },
+    clearChildren$0() {
+      var t1, t2, _i, child;
+      for (t1 = this._children, t2 = t1.length, _i = 0; _i < t2; ++_i) {
+        child = t1[_i];
+        child._indexInParent = child._parent = null;
+      }
+      B.JSArray_methods.clear$0(t1);
+    },
+    $isCssParentNode: 1,
+    get$children(receiver) {
+      return this.children;
+    }
+  };
+  A.ModifiableCssStyleRule.prototype = {
+    accept$1$1(visitor) {
+      return visitor.visitCssStyleRule$1(this);
+    },
+    accept$1(visitor) {
+      return this.accept$1$1(visitor, type$.dynamic);
+    },
+    equalsIgnoringChildren$1(other) {
+      var t1;
+      if (other instanceof A.ModifiableCssStyleRule)
+        t1 = B.C_ListEquality.equals$2(0, other._style_rule$_selector._box$_inner.value.components, this._style_rule$_selector._box$_inner.value.components);
+      else
+        t1 = false;
+      return t1;
+    },
+    copyWithoutChildren$0() {
+      return A.ModifiableCssStyleRule$(this._style_rule$_selector, this.span, false, this.originalSelector);
+    },
+    get$span(receiver) {
+      return this.span;
+    }
+  };
+  A.ModifiableCssStylesheet.prototype = {
+    accept$1$1(visitor) {
+      return visitor.visitCssStylesheet$1(this);
+    },
+    accept$1(visitor) {
+      return this.accept$1$1(visitor, type$.dynamic);
+    },
+    equalsIgnoringChildren$1(other) {
+      return other instanceof A.ModifiableCssStylesheet;
+    },
+    copyWithoutChildren$0() {
+      return A.ModifiableCssStylesheet$(this.span);
+    },
+    $isCssStylesheet: 1,
+    get$span(receiver) {
+      return this.span;
+    }
+  };
+  A.ModifiableCssSupportsRule.prototype = {
+    accept$1$1(visitor) {
+      return visitor.visitCssSupportsRule$1(this);
+    },
+    accept$1(visitor) {
+      return this.accept$1$1(visitor, type$.dynamic);
+    },
+    equalsIgnoringChildren$1(other) {
+      var t1, t2;
+      if (other instanceof A.ModifiableCssSupportsRule) {
+        t1 = this.condition;
+        t2 = other.condition;
+        t1 = t1.$ti._is(t2) && J.$eq$(t2.value, t1.value);
+      } else
+        t1 = false;
+      return t1;
+    },
+    copyWithoutChildren$0() {
+      return A.ModifiableCssSupportsRule$(this.condition, this.span);
+    },
+    get$span(receiver) {
+      return this.span;
+    }
+  };
+  A.CssNode.prototype = {
+    toString$0(_) {
+      var _null = null;
+      return A.serialize(this, true, _null, true, _null, _null, false, _null, true)._0;
+    },
+    $isAstNode: 1
+  };
+  A.CssParentNode.prototype = {};
+  A._IsInvisibleVisitor.prototype = {
+    visitCssAtRule$1(rule) {
+      return false;
+    },
+    visitCssComment$1(comment) {
+      return this.includeComments && comment.text.charCodeAt(2) !== 33;
+    },
+    visitCssStyleRule$1(rule) {
+      var t1 = rule._style_rule$_selector._box$_inner;
+      return (this.includeBogus ? t1.value.accept$1(B._IsInvisibleVisitor_true) : t1.value.accept$1(B._IsInvisibleVisitor_false)) || this.super$EveryCssVisitor$visitCssStyleRule(rule);
+    }
+  };
+  A.__IsInvisibleVisitor_Object_EveryCssVisitor.prototype = {};
+  A.CssStylesheet.prototype = {
+    get$isGroupEnd() {
+      return false;
+    },
+    get$isChildless() {
+      return false;
+    },
+    accept$1$1(visitor) {
+      return visitor.visitCssStylesheet$1(this);
+    },
+    accept$1(visitor) {
+      return this.accept$1$1(visitor, type$.dynamic);
+    },
+    get$children(receiver) {
+      return this.children;
+    },
+    get$span(receiver) {
+      return this.span;
+    }
+  };
+  A.CssValue.prototype = {
+    $eq(_, other) {
+      if (other == null)
+        return false;
+      return this.$ti._is(other) && J.$eq$(other.value, this.value);
+    },
+    get$hashCode(_) {
+      return J.get$hashCode$(this.value);
+    },
+    toString$0(_) {
+      return J.toString$0$(this.value);
+    },
+    $isAstNode: 1,
+    get$span(receiver) {
+      return this.span;
+    }
+  };
+  A._FakeAstNode.prototype = {
+    get$span(_) {
+      return this._callback.call$0();
+    },
+    $isAstNode: 1
+  };
+  A.ArgumentList.prototype = {
+    get$isEmpty(_) {
+      var t1;
+      if (this.positional.length === 0) {
+        t1 = this.named;
+        t1 = t1.get$isEmpty(t1) && this.rest == null;
+      } else
+        t1 = false;
+      return t1;
+    },
+    toString$0(_) {
+      var t2, t3, _i, _1_0, _2_0, _this = this,
+        t1 = A._setArrayType([], type$.JSArray_String);
+      for (t2 = _this.positional, t3 = t2.length, _i = 0; _i < t3; ++_i)
+        t1.push(_this._parenthesizeArgument$1(t2[_i]));
+      for (t2 = A.MapExtensions_get_pairs(_this.named, type$.String, type$.Expression), t2 = t2.get$iterator(t2); t2.moveNext$0();) {
+        t3 = t2.get$current(t2);
+        t1.push("$" + t3._0 + ": " + _this._parenthesizeArgument$1(t3._1));
+      }
+      _1_0 = _this.rest;
+      if (_1_0 != null)
+        t1.push(_this._parenthesizeArgument$1(_1_0) + "...");
+      _2_0 = _this.keywordRest;
+      if (_2_0 != null)
+        t1.push(_this._parenthesizeArgument$1(_2_0) + "...");
+      return "(" + B.JSArray_methods.join$1(t1, ", ") + ")";
+    },
+    _parenthesizeArgument$1(argument) {
+      var t1;
+      $label0$0: {
+        if (argument instanceof A.ListExpression && B.ListSeparator_qVN === argument.separator && !argument.hasBrackets && argument.contents.length >= 2) {
+          t1 = "(" + argument.toString$0(0) + ")";
+          break $label0$0;
+        }
+        t1 = argument.toString$0(0);
+        break $label0$0;
+      }
+      return t1;
+    },
+    $isAstNode: 1,
+    get$span(receiver) {
+      return this.span;
+    }
+  };
+  A.AtRootQuery.prototype = {
+    excludes$1(node) {
+      var t1, _this = this;
+      if (_this._all)
+        return !_this.include;
+      $label0$0: {
+        if (node instanceof A.ModifiableCssStyleRule) {
+          t1 = _this._at_root_query$_rule !== _this.include;
+          break $label0$0;
+        }
+        if (node instanceof A.ModifiableCssMediaRule) {
+          t1 = _this.excludesName$1("media");
+          break $label0$0;
+        }
+        if (node instanceof A.ModifiableCssSupportsRule) {
+          t1 = _this.excludesName$1("supports");
+          break $label0$0;
+        }
+        if (node instanceof A.ModifiableCssAtRule) {
+          t1 = _this.excludesName$1(node.name.value.toLowerCase());
+          break $label0$0;
+        }
+        t1 = false;
+        break $label0$0;
+      }
+      return t1;
+    },
+    excludesName$1($name) {
+      var t1 = this._all || this.names.contains$1(0, $name);
+      return t1 !== this.include;
+    }
+  };
+  A.ConfiguredVariable.prototype = {
+    toString$0(_) {
+      var t1 = this.expression.toString$0(0),
+        t2 = this.isGuarded ? " !default" : "";
+      return "$" + this.name + ": " + t1 + t2;
+    },
+    $isAstNode: 1,
+    get$span(receiver) {
+      return this.span;
+    }
+  };
+  A.Expression.prototype = {$isAstNode: 1};
+  A.BinaryOperationExpression.prototype = {
+    get$span(_) {
+      var right,
+        left = this.left;
+      for (; left instanceof A.BinaryOperationExpression;)
+        left = left.left;
+      right = this.right;
+      for (; right instanceof A.BinaryOperationExpression;)
+        right = right.right;
+      return left.get$span(left).expand$1(0, right.get$span(right));
+    },
+    get$operatorSpan() {
+      var t3, t4,
+        t1 = this.left,
+        t2 = t1.get$span(t1);
+      t2 = t2.get$file(t2);
+      t3 = this.right;
+      t4 = t3.get$span(t3);
+      if (t2 === t4.get$file(t4)) {
+        t2 = t1.get$span(t1);
+        t2 = t2.get$end(t2);
+        t4 = t3.get$span(t3);
+        t4 = t2.offset < t4.get$start(t4).offset;
+        t2 = t4;
+      } else
+        t2 = false;
+      if (t2) {
+        t2 = t1.get$span(t1);
+        t2 = t2.get$file(t2);
+        t1 = t1.get$span(t1);
+        t1 = t1.get$end(t1);
+        t3 = t3.get$span(t3);
+        t3 = A.SpanExtensions_trimRight(A.SpanExtensions_trimLeft(t2.span$2(0, t1.offset, t3.get$start(t3).offset)));
+        t1 = t3;
+      } else
+        t1 = this.get$span(0);
+      return t1;
+    },
+    accept$1$1(visitor) {
+      return visitor.visitBinaryOperationExpression$1(0, this);
+    },
+    accept$1(visitor) {
+      return this.accept$1$1(visitor, type$.dynamic);
+    },
+    toString$0(_) {
+      var t1, t2, t3, right, operator, _this = this,
+        _0_0 = _this.left;
+      $label0$0: {
+        if (_0_0 instanceof A.BinaryOperationExpression) {
+          t1 = _0_0.operator.precedence < _this.operator.precedence;
+          break $label0$0;
+        }
+        if (_0_0 instanceof A.ListExpression && !_0_0.hasBrackets && _0_0.contents.length >= 2) {
+          t1 = true;
+          break $label0$0;
+        }
+        t1 = false;
+        break $label0$0;
+      }
+      t2 = t1 ? A.Primitives_stringFromCharCode(40) : "";
+      t2 += _0_0.toString$0(0);
+      t1 = t1 ? t2 + A.Primitives_stringFromCharCode(41) : t2;
+      t2 = A.Primitives_stringFromCharCode(32);
+      t3 = _this.operator;
+      t2 = t1 + t2 + t3.operator + t2;
+      right = _this.right;
+      $label1$1: {
+        t1 = false;
+        if (right instanceof A.BinaryOperationExpression) {
+          operator = right.operator;
+          if (operator.precedence <= t3.precedence)
+            t1 = !(operator === t3 && operator.isAssociative);
+          break $label1$1;
+        }
+        if (right instanceof A.ListExpression && !right.hasBrackets && right.contents.length >= 2) {
+          t1 = true;
+          break $label1$1;
+        }
+        break $label1$1;
+      }
+      if (t1)
+        t2 += A.Primitives_stringFromCharCode(40);
+      t2 += right.toString$0(0);
+      t1 = t1 ? t2 + A.Primitives_stringFromCharCode(41) : t2;
+      return t1.charCodeAt(0) == 0 ? t1 : t1;
+    }
+  };
+  A.BinaryOperator.prototype = {
+    _enumToString$0() {
+      return "BinaryOperator." + this._name;
+    },
+    toString$0(_) {
+      return this.name;
+    }
+  };
+  A.BooleanExpression.prototype = {
+    accept$1$1(visitor) {
+      return visitor.visitBooleanExpression$1(0, this);
+    },
+    accept$1(visitor) {
+      return this.accept$1$1(visitor, type$.dynamic);
+    },
+    toString$0(_) {
+      return String(this.value);
+    },
+    get$span(receiver) {
+      return this.span;
+    }
+  };
+  A.ColorExpression.prototype = {
+    accept$1$1(visitor) {
+      return visitor.visitColorExpression$1(0, this);
+    },
+    accept$1(visitor) {
+      return this.accept$1$1(visitor, type$.dynamic);
+    },
+    toString$0(_) {
+      return A.serializeValue(this.value, true, true);
+    },
+    get$span(receiver) {
+      return this.span;
+    }
+  };
+  A.FunctionExpression.prototype = {
+    get$nameSpan() {
+      if (this.namespace == null)
+        return A.SpanExtensions_initialIdentifier(this.span);
+      return A.SpanExtensions_initialIdentifier(A.FileSpanExtension_subspan(A.SpanExtensions_withoutInitialIdentifier(this.span), 1, null));
+    },
+    accept$1$1(visitor) {
+      return visitor.visitFunctionExpression$1(0, this);
+    },
+    accept$1(visitor) {
+      return this.accept$1$1(visitor, type$.dynamic);
+    },
+    toString$0(_) {
+      var t1 = this.namespace;
+      t1 = t1 != null ? t1 + "." : "";
+      t1 += this.originalName + this.$arguments.toString$0(0);
+      return t1.charCodeAt(0) == 0 ? t1 : t1;
+    },
+    get$span(receiver) {
+      return this.span;
+    }
+  };
+  A.IfExpression.prototype = {
+    accept$1$1(visitor) {
+      return visitor.visitIfExpression$1(0, this);
+    },
+    accept$1(visitor) {
+      return this.accept$1$1(visitor, type$.dynamic);
+    },
+    toString$0(_) {
+      return "if" + this.$arguments.toString$0(0);
+    },
+    get$span(receiver) {
+      return this.span;
+    }
+  };
+  A.InterpolatedFunctionExpression.prototype = {
+    accept$1$1(visitor) {
+      return visitor.visitInterpolatedFunctionExpression$1(0, this);
+    },
+    accept$1(visitor) {
+      return this.accept$1$1(visitor, type$.dynamic);
+    },
+    toString$0(_) {
+      return this.name.toString$0(0) + this.$arguments.toString$0(0);
+    },
+    get$span(receiver) {
+      return this.span;
+    }
+  };
+  A.ListExpression.prototype = {
+    accept$1$1(visitor) {
+      return visitor.visitListExpression$1(0, this);
+    },
+    accept$1(visitor) {
+      return this.accept$1$1(visitor, type$.dynamic);
+    },
+    toString$0(_) {
+      var t2, t3, t4, t5, _this = this,
+        t1 = _this.hasBrackets;
+      if (t1)
+        t2 = A.Primitives_stringFromCharCode(91);
+      else {
+        t2 = _this.contents.length;
+        if (t2 !== 0)
+          t2 = t2 === 1 && _this.separator === B.ListSeparator_qVN;
+        else
+          t2 = true;
+        t2 = t2 ? A.Primitives_stringFromCharCode(40) : "";
+      }
+      t3 = _this.contents;
+      t4 = _this.separator === B.ListSeparator_qVN;
+      t5 = t4 ? ", " : " ";
+      t5 = t2 + new A.MappedListIterable(t3, new A.ListExpression_toString_closure(_this), A._arrayInstanceType(t3)._eval$1("MappedListIterable<1,String>")).join$1(0, t5);
+      if (t1)
+        t1 = t5 + A.Primitives_stringFromCharCode(93);
+      else {
+        t1 = t3.length;
+        if (t1 === 0)
+          t1 = t5 + A.Primitives_stringFromCharCode(41);
+        else
+          t1 = t1 === 1 && t4 ? t5 + ",)" : t5;
+      }
+      return t1.charCodeAt(0) == 0 ? t1 : t1;
+    },
+    _list0$_elementNeedsParens$1(expression) {
+      var childSeparator, t1, _0_13;
+      $label0$0: {
+        if (expression instanceof A.ListExpression && expression.contents.length >= 2 && !expression.hasBrackets) {
+          childSeparator = expression.separator;
+          t1 = this.separator === B.ListSeparator_qVN ? childSeparator === B.ListSeparator_qVN : childSeparator !== B.ListSeparator_undecided_null_undecided;
+          break $label0$0;
+        }
+        if (expression instanceof A.UnaryOperationExpression) {
+          _0_13 = expression.operator;
+          if (B.UnaryOperator_Rbl !== _0_13)
+            t1 = B.UnaryOperator_UCP === _0_13;
+          else
+            t1 = true;
+        } else
+          t1 = false;
+        if (t1) {
+          t1 = this.separator === B.ListSeparator_qSL;
+          break $label0$0;
+        }
+        t1 = false;
+        break $label0$0;
+      }
+      return t1;
+    },
+    get$span(receiver) {
+      return this.span;
+    }
+  };
+  A.ListExpression_toString_closure.prototype = {
+    call$1(element) {
+      return this.$this._list0$_elementNeedsParens$1(element) ? "(" + element.toString$0(0) + ")" : element.toString$0(0);
+    },
+    $signature: 118
+  };
+  A.MapExpression.prototype = {
+    accept$1$1(visitor) {
+      return visitor.visitMapExpression$1(0, this);
+    },
+    accept$1(visitor) {
+      return this.accept$1$1(visitor, type$.dynamic);
+    },
+    toString$0(_) {
+      var t2, t3, _i, t4,
+        t1 = A._setArrayType([], type$.JSArray_String);
+      for (t2 = this.pairs, t3 = t2.length, _i = 0; _i < t3; ++_i) {
+        t4 = t2[_i];
+        t1.push(t4._0.toString$0(0) + ": " + t4._1.toString$0(0));
+      }
+      return "(" + B.JSArray_methods.join$1(t1, ", ") + ")";
+    },
+    get$span(receiver) {
+      return this.span;
+    }
+  };
+  A.NullExpression.prototype = {
+    accept$1$1(visitor) {
+      return visitor.visitNullExpression$1(0, this);
+    },
+    accept$1(visitor) {
+      return this.accept$1$1(visitor, type$.dynamic);
+    },
+    toString$0(_) {
+      return "null";
+    },
+    get$span(receiver) {
+      return this.span;
+    }
+  };
+  A.NumberExpression.prototype = {
+    accept$1$1(visitor) {
+      return visitor.visitNumberExpression$1(0, this);
+    },
+    accept$1(visitor) {
+      return this.accept$1$1(visitor, type$.dynamic);
+    },
+    toString$0(_) {
+      return A.serializeValue(A.SassNumber_SassNumber(this.value, this.unit), true, true);
+    },
+    get$span(receiver) {
+      return this.span;
+    }
+  };
+  A.ParenthesizedExpression.prototype = {
+    accept$1$1(visitor) {
+      return visitor.visitParenthesizedExpression$1(0, this);
+    },
+    accept$1(visitor) {
+      return this.accept$1$1(visitor, type$.dynamic);
+    },
+    toString$0(_) {
+      return "(" + this.expression.toString$0(0) + ")";
+    },
+    get$span(receiver) {
+      return this.span;
+    }
+  };
+  A.SelectorExpression.prototype = {
+    accept$1$1(visitor) {
+      return visitor.visitSelectorExpression$1(0, this);
+    },
+    accept$1(visitor) {
+      return this.accept$1$1(visitor, type$.dynamic);
+    },
+    toString$0(_) {
+      return "&";
+    },
+    get$span(receiver) {
+      return this.span;
+    }
+  };
+  A.StringExpression.prototype = {
+    get$span(_) {
+      return this.text.span;
+    },
+    accept$1$1(visitor) {
+      return visitor.visitStringExpression$1(0, this);
+    },
+    accept$1(visitor) {
+      return this.accept$1$1(visitor, type$.dynamic);
+    },
+    asInterpolation$1$static($static) {
+      var t1, t2, quote, t3, t4, t5, buffer, t6, t7, i, value, t8;
+      if (!this.hasQuotes)
+        return this.text;
+      t1 = this.text;
+      t2 = t1.contents;
+      quote = A.StringExpression__bestQuote(new A.WhereTypeIterable(t2, type$.WhereTypeIterable_String));
+      t3 = new A.StringBuffer("");
+      t4 = A._setArrayType([], type$.JSArray_Object);
+      t5 = A._setArrayType([], type$.JSArray_nullable_FileSpan);
+      buffer = new A.InterpolationBuffer(t3, t4, t5);
+      t6 = A.Primitives_stringFromCharCode(quote);
+      t3._contents += t6;
+      for (t7 = t2.length, i = 0; i < t7; ++i) {
+        value = t2[i];
+        if (value instanceof A.Expression) {
+          t8 = t1.spanForElement$1(i);
+          buffer._flushText$0();
+          t4.push(value);
+          t5.push(t8);
+          continue;
+        }
+        if (typeof value == "string")
+          A.StringExpression__quoteInnerText(value, quote, buffer, $static);
+      }
+      t3._contents += t6;
+      return buffer.interpolation$1(t1.span);
+    },
+    asInterpolation$0() {
+      return this.asInterpolation$1$static(false);
+    },
+    toString$0(_) {
+      return this.asInterpolation$0().toString$0(0);
+    }
+  };
+  A.SupportsExpression.prototype = {
+    get$span(_) {
+      var t1 = this.condition;
+      return t1.get$span(t1);
+    },
+    accept$1$1(visitor) {
+      return visitor.visitSupportsExpression$1(0, this);
+    },
+    accept$1(visitor) {
+      return this.accept$1$1(visitor, type$.dynamic);
+    },
+    toString$0(_) {
+      return this.condition.toString$0(0);
+    }
+  };
+  A.UnaryOperationExpression.prototype = {
+    accept$1$1(visitor) {
+      return visitor.visitUnaryOperationExpression$1(0, this);
+    },
+    accept$1(visitor) {
+      return this.accept$1$1(visitor, type$.dynamic);
+    },
+    toString$0(_) {
+      var operand,
+        t1 = this.operator,
+        t2 = t1.operator;
+      t1 = t1 === B.UnaryOperator_not_not_not ? t2 + A.Primitives_stringFromCharCode(32) : t2;
+      operand = this.operand;
+      $label0$0: {
+        t2 = true;
+        if (!(operand instanceof A.BinaryOperationExpression))
+          if (!(operand instanceof A.UnaryOperationExpression))
+            t2 = operand instanceof A.ListExpression && !operand.hasBrackets && operand.contents.length >= 2;
+        break $label0$0;
+      }
+      if (t2)
+        t1 += "40";
+      t1 += operand.toString$0(0);
+      if (t2)
+        t1 += "41";
+      return t1.charCodeAt(0) == 0 ? t1 : t1;
+    },
+    get$span(receiver) {
+      return this.span;
+    }
+  };
+  A.UnaryOperator.prototype = {
+    _enumToString$0() {
+      return "UnaryOperator." + this._name;
+    },
+    toString$0(_) {
+      return this.name;
+    }
+  };
+  A.ValueExpression.prototype = {
+    accept$1$1(visitor) {
+      return visitor.visitValueExpression$1(0, this);
+    },
+    accept$1(visitor) {
+      return this.accept$1$1(visitor, type$.dynamic);
+    },
+    toString$0(_) {
+      return this.value.toString$0(0);
+    },
+    get$span(receiver) {
+      return this.span;
+    }
+  };
+  A.VariableExpression.prototype = {
+    accept$1$1(visitor) {
+      return visitor.visitVariableExpression$1(0, this);
+    },
+    accept$1(visitor) {
+      return this.accept$1$1(visitor, type$.dynamic);
+    },
+    toString$0(_) {
+      return this.span.get$text();
+    },
+    get$span(receiver) {
+      return this.span;
+    }
+  };
+  A.DynamicImport.prototype = {
+    toString$0(_) {
+      return A.StringExpression_quoteText(this.urlString);
+    },
+    $isAstNode: 1,
+    $isImport: 1,
+    get$span(receiver) {
+      return this.span;
+    }
+  };
+  A.StaticImport.prototype = {
+    toString$0(_) {
+      var t1 = this.url.toString$0(0),
+        t2 = this.modifiers;
+      return t1 + (t2 == null ? "" : " " + t2.toString$0(0));
+    },
+    $isAstNode: 1,
+    $isImport: 1,
+    get$span(receiver) {
+      return this.span;
+    }
+  };
+  A.Interpolation.prototype = {
+    get$asPlain() {
+      var _0_1, t1, _0_6_isSet, _0_6, first,
+        _0_0 = this.contents;
+      $label0$0: {
+        _0_1 = _0_0.length;
+        if (_0_1 <= 0) {
+          t1 = "";
+          break $label0$0;
+        }
+        _0_6_isSet = _0_1 === 1;
+        if (_0_6_isSet) {
+          _0_6 = _0_0[0];
+          t1 = typeof _0_6 == "string";
+        } else {
+          _0_6 = null;
+          t1 = false;
+        }
+        if (t1) {
+          first = A._asString(_0_6_isSet ? _0_6 : _0_0[0]);
+          t1 = first;
+          break $label0$0;
+        }
+        t1 = null;
+        break $label0$0;
+      }
+      return t1;
+    },
+    get$initialPlain() {
+      var _0_4_isSet, _0_4, t1, first,
+        _0_0 = this.contents;
+      $label0$0: {
+        _0_4_isSet = _0_0.length >= 1;
+        if (_0_4_isSet) {
+          _0_4 = _0_0[0];
+          t1 = typeof _0_4 == "string";
+        } else {
+          _0_4 = null;
+          t1 = false;
+        }
+        if (t1) {
+          first = A._asString(_0_4_isSet ? _0_4 : _0_0[0]);
+          t1 = first;
+          break $label0$0;
+        }
+        t1 = "";
+        break $label0$0;
+      }
+      return t1;
+    },
+    spanForElement$1(index) {
+      var t1, t2, t3, t4, t5, _this = this;
+      $label0$0: {
+        if (typeof _this.contents[index] == "string") {
+          t1 = _this.span;
+          t2 = t1.file;
+          if (index === 0)
+            t3 = A.FileLocation$_(t2, t1._file$_start);
+          else {
+            t3 = _this.spans[index - 1];
+            t3 = t3.get$end(t3);
+          }
+          t4 = index + 1;
+          t5 = _this.spans;
+          if (t4 === t5.length)
+            t1 = A.FileLocation$_(t2, t1._end);
+          else {
+            t1 = t5[t4];
+            t1 = t1.get$start(t1);
+          }
+          t1 = t2.span$2(0, t3.offset, t1.offset);
+          break $label0$0;
+        }
+        t1 = _this.spans[index];
+        t1.toString;
+        break $label0$0;
+      }
+      return t1;
+    },
+    Interpolation$3(contents, spans, span) {
+      var t1, t2, t3, t4, i, t5, isString, _s5_ = "spans",
+        _s8_ = "contents";
+      if (spans.length !== J.get$length$asx(contents))
+        throw A.wrapException(A.ArgumentError$value(this.spans, _s5_, "Must be the same length as contents."));
+      for (t1 = this.contents, t2 = t1.length, t3 = spans.length, t4 = this.spans, i = 0; i < t2; ++i) {
+        t5 = t1[i];
+        isString = typeof t5 == "string";
+        if (!isString && !(t5 instanceof A.Expression))
+          throw A.wrapException(A.ArgumentError$value(t1, _s8_, "May only contain Strings or Expressions."));
+        else if (isString) {
+          if (i !== 0 && typeof t1[i - 1] == "string")
+            throw A.wrapException(A.ArgumentError$value(t1, _s8_, "May not contain adjacent Strings."));
+          else if (i < t3 && t4[i] != null)
+            throw A.wrapException(A.ArgumentError$value(t4, _s5_, string$.May_no + i + ")."));
+        } else if (i >= t3 || t4[i] == null)
+          throw A.wrapException(A.ArgumentError$value(t4, _s5_, string$.Must_n + i + ")."));
+      }
+    },
+    toString$0(_) {
+      var t1 = this.contents;
+      return new A.MappedListIterable(t1, new A.Interpolation_toString_closure(), A._arrayInstanceType(t1)._eval$1("MappedListIterable<1,String>")).join$0(0);
+    },
+    $isAstNode: 1,
+    get$span(receiver) {
+      return this.span;
+    }
+  };
+  A.Interpolation_toString_closure.prototype = {
+    call$1(value) {
+      return typeof value == "string" ? value : "#{" + A.S(value) + "}";
+    },
+    $signature: 117
+  };
+  A.Parameter.prototype = {
+    toString$0(_) {
+      var t1 = this.defaultValue,
+        t2 = this.name;
+      return t1 == null ? t2 : t2 + ": " + t1.toString$0(0);
+    },
+    $isAstNode: 1,
+    get$span(receiver) {
+      return this.span;
+    }
+  };
+  A.ParameterList.prototype = {
+    get$spanWithName() {
+      var t3, t4,
+        t1 = this.span,
+        t2 = t1.file,
+        text = A.String_String$fromCharCodes(B.NativeUint32List_methods.sublist$2(t2._decodedChars, 0, null), 0, null),
+        i = A.FileLocation$_(t2, t1._file$_start).offset - 1;
+      while (true) {
+        if (i > 0) {
+          t3 = text.charCodeAt(i);
+          t3 = t3 === 32 || t3 === 9 || t3 === 10 || t3 === 13 || t3 === 12;
+        } else
+          t3 = false;
+        if (!t3)
+          break;
+        --i;
+      }
+      t3 = text.charCodeAt(i);
+      if (!(t3 === 95 || A.CharacterExtension_get_isAlphabetic(t3) || t3 >= 128))
+        t3 = t3 >= 48 && t3 <= 57 || t3 === 45;
+      else
+        t3 = true;
+      if (!t3)
+        return t1;
+      --i;
+      while (true) {
+        if (i >= 0) {
+          t3 = text.charCodeAt(i);
+          if (t3 !== 95) {
+            if (!(t3 >= 97 && t3 <= 122))
+              t4 = t3 >= 65 && t3 <= 90;
+            else
+              t4 = true;
+            t4 = t4 || t3 >= 128;
+          } else
+            t4 = true;
+          if (!t4)
+            t3 = t3 >= 48 && t3 <= 57 || t3 === 45;
+          else
+            t3 = true;
+        } else
+          t3 = false;
+        if (!t3)
+          break;
+        --i;
+      }
+      t3 = i + 1;
+      t4 = text.charCodeAt(t3);
+      if (!(t4 === 95 || A.CharacterExtension_get_isAlphabetic(t4) || t4 >= 128))
+        return t1;
+      return A.SpanExtensions_trimRight(A.SpanExtensions_trimLeft(t2.span$2(0, t3, A.FileLocation$_(t2, t1._end).offset)));
+    },
+    verify$2(positional, names) {
+      var t1, t2, t3, namedUsed, i, parameter, t4, unknownNames, _this = this,
+        _s10_ = "invocation";
+      for (t1 = _this.parameters, t2 = t1.length, t3 = names._baseMap, namedUsed = 0, i = 0; i < t2; ++i) {
+        parameter = t1[i];
+        if (i < positional) {
+          t4 = parameter.name;
+          if (t3.containsKey$1(t4))
+            throw A.wrapException(A.SassScriptException$("Argument " + _this._originalParameterName$1(t4) + string$.x20was_p, null));
+        } else {
+          t4 = parameter.name;
+          if (t3.containsKey$1(t4))
+            ++namedUsed;
+          else if (parameter.defaultValue == null)
+            throw A.wrapException(A.MultiSpanSassScriptException$("Missing argument " + _this._originalParameterName$1(t4) + ".", _s10_, A.LinkedHashMap_LinkedHashMap$_literal([_this.get$spanWithName(), "declaration"], type$.FileSpan, type$.String)));
+        }
+      }
+      if (_this.restParameter != null)
+        return;
+      if (positional > t2) {
+        t1 = names.get$isEmpty(0) ? "" : "positional ";
+        throw A.wrapException(A.MultiSpanSassScriptException$("Only " + t2 + " " + t1 + A.pluralize("argument", t2, null) + " allowed, but " + positional + " " + A.pluralize("was", positional, "were") + " passed.", _s10_, A.LinkedHashMap_LinkedHashMap$_literal([_this.get$spanWithName(), "declaration"], type$.FileSpan, type$.String)));
+      }
+      if (namedUsed < t3.get$length(t3)) {
+        t2 = type$.String;
+        unknownNames = A.LinkedHashSet_LinkedHashSet$of(names, t2);
+        unknownNames.removeAll$1(new A.MappedListIterable(t1, new A.ParameterList_verify_closure(), A._arrayInstanceType(t1)._eval$1("MappedListIterable<1,Object?>")));
+        throw A.wrapException(A.MultiSpanSassScriptException$("No " + A.pluralize("parameter", unknownNames._collection$_length, null) + " named " + A.toSentence(unknownNames.map$1$1(0, new A.ParameterList_verify_closure0(), type$.Object), "or") + ".", _s10_, A.LinkedHashMap_LinkedHashMap$_literal([_this.get$spanWithName(), "declaration"], type$.FileSpan, t2)));
+      }
+    },
+    _originalParameterName$1($name) {
+      var t1, text, t2, _i, parameter, t3, end;
+      if ($name === this.restParameter) {
+        t1 = this.span;
+        text = A.String_String$fromCharCodes(B.NativeUint32List_methods.sublist$2(t1.file._decodedChars, t1._file$_start, t1._end), 0, null);
+        return B.JSString_methods.substring$2(B.JSString_methods.substring$1(text, B.JSString_methods.lastIndexOf$1(text, "$")), 0, B.JSString_methods.indexOf$1(text, "."));
+      }
+      for (t1 = this.parameters, t2 = t1.length, _i = 0; _i < t2; ++_i) {
+        parameter = t1[_i];
+        if (parameter.name === $name) {
+          t1 = parameter.span;
+          if (parameter.defaultValue == null) {
+            t2 = t1._file$_start;
+            t3 = t1.file._decodedChars;
+            t3 = A.String_String$fromCharCodes(new Uint32Array(t3.subarray(t2, A._checkValidRange(t2, t1._end, t3.length))), 0, null);
+            t1 = t3;
+          } else {
+            text = t1.get$text();
+            t1 = B.JSString_methods.substring$2(text, 0, B.JSString_methods.indexOf$1(text, ":"));
+            end = A._lastNonWhitespace(t1, false);
+            t1 = end == null ? "" : B.JSString_methods.substring$2(t1, 0, end + 1);
+          }
+          return t1;
+        }
+      }
+      throw A.wrapException(A.ArgumentError$(string$.This_d + $name + '".', null));
+    },
+    matches$2(positional, names) {
+      var t1, t2, t3, namedUsed, i, parameter;
+      for (t1 = this.parameters, t2 = t1.length, t3 = names._baseMap, namedUsed = 0, i = 0; i < t2; ++i) {
+        parameter = t1[i];
+        if (i < positional) {
+          if (t3.containsKey$1(parameter.name))
+            return false;
+        } else if (t3.containsKey$1(parameter.name))
+          ++namedUsed;
+        else if (parameter.defaultValue == null)
+          return false;
+      }
+      if (this.restParameter != null)
+        return true;
+      if (positional > t2)
+        return false;
+      if (namedUsed < t3.get$length(t3))
+        return false;
+      return true;
+    },
+    toString$0(_) {
+      var t2, t3, _i,
+        t1 = A._setArrayType([], type$.JSArray_String);
+      for (t2 = this.parameters, t3 = t2.length, _i = 0; _i < t3; ++_i)
+        t1.push("$" + t2[_i].toString$0(0));
+      t2 = this.restParameter;
+      if (t2 != null)
+        t1.push("$" + t2 + "...");
+      return B.JSArray_methods.join$1(t1, ", ");
+    },
+    $isAstNode: 1,
+    get$span(receiver) {
+      return this.span;
+    }
+  };
+  A.ParameterList_verify_closure.prototype = {
+    call$1(parameter) {
+      return parameter.name;
+    },
+    $signature: 325
+  };
+  A.ParameterList_verify_closure0.prototype = {
+    call$1($name) {
+      return "$" + $name;
+    },
+    $signature: 6
+  };
+  A.Statement.prototype = {$isAstNode: 1};
+  A.AtRootRule.prototype = {
+    accept$1$1(visitor) {
+      return visitor.visitAtRootRule$1(0, this);
+    },
+    accept$1(visitor) {
+      return this.accept$1$1(visitor, type$.dynamic);
+    },
+    toString$0(_) {
+      var buffer = new A.StringBuffer("@at-root "),
+        t1 = this.query;
+      if (t1 != null)
+        buffer._contents = "@at-root " + (t1.toString$0(0) + " ");
+      return buffer.toString$0(0) + " {" + B.JSArray_methods.join$1(this.children, " ") + "}";
+    },
+    get$span(receiver) {
+      return this.span;
+    }
+  };
+  A.AtRule.prototype = {
+    accept$1$1(visitor) {
+      return visitor.visitAtRule$1(0, this);
+    },
+    accept$1(visitor) {
+      return this.accept$1$1(visitor, type$.dynamic);
+    },
+    toString$0(_) {
+      var children,
+        t1 = "@" + this.name.toString$0(0),
+        buffer = new A.StringBuffer(t1),
+        t2 = this.value;
+      if (t2 != null)
+        buffer._contents = t1 + (" " + t2.toString$0(0));
+      children = this.children;
+      return children == null ? buffer.toString$0(0) + ";" : buffer.toString$0(0) + " {" + B.JSArray_methods.join$1(children, " ") + "}";
+    },
+    get$span(receiver) {
+      return this.span;
+    }
+  };
+  A.CallableDeclaration.prototype = {
+    get$span(receiver) {
+      return this.span;
+    }
+  };
+  A.ContentBlock.prototype = {
+    accept$1$1(visitor) {
+      return visitor.visitContentBlock$1(0, this);
+    },
+    accept$1(visitor) {
+      return this.accept$1$1(visitor, type$.dynamic);
+    },
+    toString$0(_) {
+      var t1 = this.parameters;
+      t1 = t1.parameters.length === 0 && t1.restParameter == null ? "" : " using (" + t1.toString$0(0) + ")";
+      return t1 + (" {" + B.JSArray_methods.join$1(this.children, " ") + "}");
+    }
+  };
+  A.ContentRule.prototype = {
+    accept$1$1(visitor) {
+      return visitor.visitContentRule$1(0, this);
+    },
+    accept$1(visitor) {
+      return this.accept$1$1(visitor, type$.dynamic);
+    },
+    toString$0(_) {
+      var t1 = this.$arguments;
+      return t1.get$isEmpty(0) ? "@content;" : "@content(" + t1.toString$0(0) + ");";
+    },
+    get$span(receiver) {
+      return this.span;
+    }
+  };
+  A.DebugRule.prototype = {
+    accept$1$1(visitor) {
+      return visitor.visitDebugRule$1(0, this);
+    },
+    accept$1(visitor) {
+      return this.accept$1$1(visitor, type$.dynamic);
+    },
+    toString$0(_) {
+      return "@debug " + this.expression.toString$0(0) + ";";
+    },
+    get$span(receiver) {
+      return this.span;
+    }
+  };
+  A.Declaration.prototype = {
+    accept$1$1(visitor) {
+      return visitor.visitDeclaration$1(0, this);
+    },
+    accept$1(visitor) {
+      return this.accept$1$1(visitor, type$.dynamic);
+    },
+    toString$0(_) {
+      var t3, _0_0,
+        buffer = new A.StringBuffer(""),
+        t1 = this.name,
+        t2 = t1.toString$0(0);
+      buffer._contents = t2;
+      t2 = buffer._contents = t2 + A.Primitives_stringFromCharCode(58);
+      t3 = this.value;
+      if (t3 != null) {
+        t1 = !B.JSString_methods.startsWith$1(t1.get$initialPlain(), "--") ? buffer._contents = t2 + A.Primitives_stringFromCharCode(32) : t2;
+        buffer._contents = t1 + t3.toString$0(0);
+      }
+      _0_0 = this.children;
+      if (_0_0 != null)
+        return buffer.toString$0(0) + " {" + B.JSArray_methods.join$1(_0_0, " ") + "}";
+      else
+        return buffer.toString$0(0) + ";";
+    },
+    get$span(receiver) {
+      return this.span;
+    }
+  };
+  A.EachRule.prototype = {
+    accept$1$1(visitor) {
+      return visitor.visitEachRule$1(0, this);
+    },
+    accept$1(visitor) {
+      return this.accept$1$1(visitor, type$.dynamic);
+    },
+    toString$0(_) {
+      var t1 = this.variables;
+      return "@each " + new A.MappedListIterable(t1, new A.EachRule_toString_closure(), A._arrayInstanceType(t1)._eval$1("MappedListIterable<1,String>")).join$1(0, ", ") + " in " + this.list.toString$0(0) + " {" + B.JSArray_methods.join$1(this.children, " ") + "}";
+    },
+    get$span(receiver) {
+      return this.span;
+    }
+  };
+  A.EachRule_toString_closure.prototype = {
+    call$1(variable) {
+      return "$" + variable;
+    },
+    $signature: 6
+  };
+  A.ErrorRule.prototype = {
+    accept$1$1(visitor) {
+      return visitor.visitErrorRule$1(0, this);
+    },
+    accept$1(visitor) {
+      return this.accept$1$1(visitor, type$.dynamic);
+    },
+    toString$0(_) {
+      return "@error " + this.expression.toString$0(0) + ";";
+    },
+    get$span(receiver) {
+      return this.span;
+    }
+  };
+  A.ExtendRule.prototype = {
+    accept$1$1(visitor) {
+      return visitor.visitExtendRule$1(0, this);
+    },
+    accept$1(visitor) {
+      return this.accept$1$1(visitor, type$.dynamic);
+    },
+    toString$0(_) {
+      var t1 = this.selector.toString$0(0),
+        t2 = this.isOptional ? " !optional" : "";
+      return "@extend " + t1 + t2 + ";";
+    },
+    get$span(receiver) {
+      return this.span;
+    }
+  };
+  A.ForRule.prototype = {
+    accept$1$1(visitor) {
+      return visitor.visitForRule$1(0, this);
+    },
+    accept$1(visitor) {
+      return this.accept$1$1(visitor, type$.dynamic);
+    },
+    toString$0(_) {
+      var _this = this,
+        t1 = _this.from.toString$0(0),
+        t2 = _this.isExclusive ? "to" : "through";
+      return "@for $" + _this.variable + " from " + t1 + " " + t2 + " " + _this.to.toString$0(0) + " {" + B.JSArray_methods.join$1(_this.children, " ") + "}";
+    },
+    get$span(receiver) {
+      return this.span;
+    }
+  };
+  A.ForwardRule.prototype = {
+    accept$1$1(visitor) {
+      return visitor.visitForwardRule$1(0, this);
+    },
+    accept$1(visitor) {
+      return this.accept$1$1(visitor, type$.dynamic);
+    },
+    toString$0(_) {
+      var t2, prefix, _this = this,
+        t1 = "@forward " + A.StringExpression_quoteText(_this.url.toString$0(0)),
+        shownMixinsAndFunctions = _this.shownMixinsAndFunctions,
+        hiddenMixinsAndFunctions = _this.hiddenMixinsAndFunctions;
+      if (shownMixinsAndFunctions != null) {
+        t2 = _this.shownVariables;
+        t2.toString;
+        t2 = t1 + " show " + _this._forward_rule$_memberList$2(shownMixinsAndFunctions, t2);
+        t1 = t2;
+      } else if (hiddenMixinsAndFunctions != null && hiddenMixinsAndFunctions._base.get$isNotEmpty(0)) {
+        t2 = _this.hiddenVariables;
+        t2.toString;
+        t2 = t1 + " hide " + _this._forward_rule$_memberList$2(hiddenMixinsAndFunctions, t2);
+        t1 = t2;
+      }
+      prefix = _this.prefix;
+      if (prefix != null)
+        t1 += " as " + prefix + "*";
+      t2 = _this.configuration;
+      t1 = (t2.length !== 0 ? t1 + (" with (" + B.JSArray_methods.join$1(t2, ", ") + ")") : t1) + ";";
+      return t1.charCodeAt(0) == 0 ? t1 : t1;
+    },
+    _forward_rule$_memberList$2(mixinsAndFunctions, variables) {
+      var t2,
+        t1 = A.List_List$_of(mixinsAndFunctions, type$.String);
+      for (t2 = variables._base.get$iterator(0); t2.moveNext$0();)
+        t1.push("$" + t2.get$current(0));
+      return B.JSArray_methods.join$1(t1, ", ");
+    },
+    get$span(receiver) {
+      return this.span;
+    }
+  };
+  A.FunctionRule.prototype = {
+    accept$1$1(visitor) {
+      return visitor.visitFunctionRule$1(0, this);
+    },
+    accept$1(visitor) {
+      return this.accept$1$1(visitor, type$.dynamic);
+    },
+    toString$0(_) {
+      return "@function " + this.name + "(" + this.parameters.toString$0(0) + ") {" + B.JSArray_methods.join$1(this.children, " ") + "}";
+    }
+  };
+  A.IfRule.prototype = {
+    accept$1$1(visitor) {
+      return visitor.visitIfRule$1(0, this);
+    },
+    accept$1(visitor) {
+      return this.accept$1$1(visitor, type$.dynamic);
+    },
+    toString$0(_) {
+      var result = A.ListExtensions_mapIndexed(this.clauses, new A.IfRule_toString_closure(), type$.IfClause, type$.String).join$1(0, " "),
+        lastClause = this.lastClause;
+      return lastClause != null ? result + (" " + lastClause.toString$0(0)) : result;
+    },
+    get$span(receiver) {
+      return this.span;
+    }
+  };
+  A.IfRule_toString_closure.prototype = {
+    call$2(index, clause) {
+      var t1 = index === 0 ? "if" : "else if";
+      return "@" + t1 + " " + clause.expression.toString$0(0) + " {" + B.JSArray_methods.join$1(clause.children, " ") + "}";
+    },
+    $signature: 357
+  };
+  A.IfRuleClause.prototype = {};
+  A.IfRuleClause$__closure.prototype = {
+    call$1(child) {
+      var t1;
+      $label0$0: {
+        if (child instanceof A.VariableDeclaration || child instanceof A.FunctionRule || child instanceof A.MixinRule) {
+          t1 = true;
+          break $label0$0;
+        }
+        if (child instanceof A.ImportRule) {
+          t1 = B.JSArray_methods.any$1(child.imports, new A.IfRuleClause$___closure());
+          break $label0$0;
+        }
+        t1 = false;
+        break $label0$0;
+      }
+      return t1;
+    },
+    $signature: 177
+  };
+  A.IfRuleClause$___closure.prototype = {
+    call$1($import) {
+      return $import instanceof A.DynamicImport;
+    },
+    $signature: 186
+  };
+  A.IfClause.prototype = {
+    toString$0(_) {
+      return "@if " + this.expression.toString$0(0) + " {" + B.JSArray_methods.join$1(this.children, " ") + "}";
+    }
+  };
+  A.ElseClause.prototype = {
+    toString$0(_) {
+      return "@else {" + B.JSArray_methods.join$1(this.children, " ") + "}";
+    }
+  };
+  A.ImportRule.prototype = {
+    accept$1$1(visitor) {
+      return visitor.visitImportRule$1(0, this);
+    },
+    accept$1(visitor) {
+      return this.accept$1$1(visitor, type$.dynamic);
+    },
+    toString$0(_) {
+      return "@import " + B.JSArray_methods.join$1(this.imports, ", ") + ";";
+    },
+    get$span(receiver) {
+      return this.span;
+    }
+  };
+  A.IncludeRule.prototype = {
+    get$spanWithoutContent() {
+      var t2, t3,
+        t1 = this.span;
+      if (!(this.content == null)) {
+        t2 = t1.file;
+        t3 = this.$arguments.span;
+        t3 = A.SpanExtensions_trimRight(A.SpanExtensions_trimLeft(t2.span$2(0, A.FileLocation$_(t2, t1._file$_start).offset, t3.get$end(t3).offset)));
+        t1 = t3;
+      }
+      return t1;
+    },
+    get$nameSpan() {
+      var startSpan, scanner, _null = null,
+        t1 = this.span,
+        t2 = t1._file$_start,
+        t3 = t1._end,
+        t4 = t1.file._decodedChars;
+      if (B.JSString_methods.startsWith$1(A.String_String$fromCharCodes(B.NativeUint32List_methods.sublist$2(t4, t2, t3), 0, _null), "+"))
+        startSpan = A.SpanExtensions_trimLeft(A.FileSpanExtension_subspan(t1, 1, _null));
+      else {
+        scanner = A.StringScanner$(A.String_String$fromCharCodes(B.NativeUint32List_methods.sublist$2(t4, t2, t3), 0, _null), _null, _null);
+        scanner.expectChar$1(64);
+        A._scanIdentifier(scanner);
+        startSpan = A.SpanExtensions_trimLeft(A.FileSpanExtension_subspan(t1, scanner._string_scanner$_position, _null));
+      }
+      return A.SpanExtensions_initialIdentifier(this.namespace != null ? A.FileSpanExtension_subspan(A.SpanExtensions_withoutInitialIdentifier(startSpan), 1, _null) : startSpan);
+    },
+    accept$1$1(visitor) {
+      return visitor.visitIncludeRule$1(0, this);
+    },
+    accept$1(visitor) {
+      return this.accept$1$1(visitor, type$.dynamic);
+    },
+    toString$0(_) {
+      var t2, _this = this,
+        t1 = _this.namespace;
+      t1 = t1 != null ? "@include " + (t1 + ".") : "@include ";
+      t1 += _this.name;
+      t2 = _this.$arguments;
+      if (!t2.get$isEmpty(0))
+        t1 += "(" + t2.toString$0(0) + ")";
+      t2 = _this.content;
+      t1 += t2 == null ? ";" : " " + t2.toString$0(0);
+      return t1.charCodeAt(0) == 0 ? t1 : t1;
+    },
+    get$span(receiver) {
+      return this.span;
+    }
+  };
+  A.LoudComment.prototype = {
+    get$span(_) {
+      return this.text.span;
+    },
+    accept$1$1(visitor) {
+      return visitor.visitLoudComment$1(0, this);
+    },
+    accept$1(visitor) {
+      return this.accept$1$1(visitor, type$.dynamic);
+    },
+    toString$0(_) {
+      return this.text.toString$0(0);
+    }
+  };
+  A.MediaRule.prototype = {
+    accept$1$1(visitor) {
+      return visitor.visitMediaRule$1(0, this);
+    },
+    accept$1(visitor) {
+      return this.accept$1$1(visitor, type$.dynamic);
+    },
+    toString$0(_) {
+      return "@media " + this.query.toString$0(0) + " {" + B.JSArray_methods.join$1(this.children, " ") + "}";
+    },
+    get$span(receiver) {
+      return this.span;
+    }
+  };
+  A.MixinRule.prototype = {
+    get$hasContent() {
+      var result, _this = this,
+        value = _this.__MixinRule_hasContent_FI;
+      if (value === $) {
+        result = J.$eq$(B.C__HasContentVisitor.visitChildren$1(_this.children), true);
+        _this.__MixinRule_hasContent_FI !== $ && A.throwUnnamedLateFieldADI();
+        _this.__MixinRule_hasContent_FI = result;
+        value = result;
+      }
+      return value;
+    },
+    accept$1$1(visitor) {
+      return visitor.visitMixinRule$1(0, this);
+    },
+    accept$1(visitor) {
+      return this.accept$1$1(visitor, type$.dynamic);
+    },
+    toString$0(_) {
+      var t1 = "@mixin " + this.name,
+        t2 = this.parameters;
+      if (!(t2.parameters.length === 0 && t2.restParameter == null))
+        t1 += "(" + t2.toString$0(0) + ")";
+      t1 += " {" + B.JSArray_methods.join$1(this.children, " ") + "}";
+      return t1.charCodeAt(0) == 0 ? t1 : t1;
+    }
+  };
+  A._HasContentVisitor.prototype = {
+    visitContentRule$1(_, _0) {
+      return true;
+    }
+  };
+  A.__HasContentVisitor_Object_StatementSearchVisitor.prototype = {};
+  A.ParentStatement.prototype = {};
+  A.ParentStatement_closure.prototype = {
+    call$1(child) {
+      var t1;
+      $label0$0: {
+        if (child instanceof A.VariableDeclaration || child instanceof A.FunctionRule || child instanceof A.MixinRule) {
+          t1 = true;
+          break $label0$0;
+        }
+        if (child instanceof A.ImportRule) {
+          t1 = B.JSArray_methods.any$1(child.imports, new A.ParentStatement__closure());
+          break $label0$0;
+        }
+        t1 = false;
+        break $label0$0;
+      }
+      return t1;
+    },
+    $signature: 177
+  };
+  A.ParentStatement__closure.prototype = {
+    call$1($import) {
+      return $import instanceof A.DynamicImport;
+    },
+    $signature: 186
+  };
+  A.ReturnRule.prototype = {
+    accept$1$1(visitor) {
+      return visitor.visitReturnRule$1(0, this);
+    },
+    accept$1(visitor) {
+      return this.accept$1$1(visitor, type$.dynamic);
+    },
+    toString$0(_) {
+      return "@return " + this.expression.toString$0(0) + ";";
+    },
+    get$span(receiver) {
+      return this.span;
+    }
+  };
+  A.SilentComment.prototype = {
+    accept$1$1(visitor) {
+      return visitor.visitSilentComment$1(0, this);
+    },
+    accept$1(visitor) {
+      return this.accept$1$1(visitor, type$.dynamic);
+    },
+    toString$0(_) {
+      return this.text;
+    },
+    get$span(receiver) {
+      return this.span;
+    }
+  };
+  A.StyleRule.prototype = {
+    accept$1$1(visitor) {
+      return visitor.visitStyleRule$1(0, this);
+    },
+    accept$1(visitor) {
+      return this.accept$1$1(visitor, type$.dynamic);
+    },
+    toString$0(_) {
+      return this.selector.toString$0(0) + " {" + B.JSArray_methods.join$1(this.children, " ") + "}";
+    },
+    get$span(receiver) {
+      return this.span;
+    }
+  };
+  A.Stylesheet.prototype = {
+    Stylesheet$internal$5$globalVariables$plainCss(children, span, parseTimeWarnings, globalVariables, plainCss) {
+      var t1, t2, t3, t4, _i, child;
+      for (t1 = this.children, t2 = t1.length, t3 = this._forwards, t4 = this._uses, _i = 0; _i < t2; ++_i) {
+        child = t1[_i];
+        if (child instanceof A.UseRule) {
+          t4.push(child);
+          continue;
+        }
+        if (child instanceof A.ForwardRule) {
+          t3.push(child);
+          continue;
+        }
+        if (child instanceof A.SilentComment || child instanceof A.LoudComment || child instanceof A.VariableDeclaration)
+          continue;
+        break;
+      }
+    },
+    accept$1$1(visitor) {
+      return visitor.visitStylesheet$1(0, this);
+    },
+    accept$1(visitor) {
+      return this.accept$1$1(visitor, type$.dynamic);
+    },
+    toString$0(_) {
+      return B.JSArray_methods.join$1(this.children, " ");
+    },
+    get$span(receiver) {
+      return this.span;
+    }
+  };
+  A.SupportsRule.prototype = {
+    accept$1$1(visitor) {
+      return visitor.visitSupportsRule$1(0, this);
+    },
+    accept$1(visitor) {
+      return this.accept$1$1(visitor, type$.dynamic);
+    },
+    toString$0(_) {
+      return "@supports " + this.condition.toString$0(0) + " {" + B.JSArray_methods.join$1(this.children, " ") + "}";
+    },
+    get$span(receiver) {
+      return this.span;
+    }
+  };
+  A.UseRule.prototype = {
+    UseRule$4$configuration(url, namespace, span, configuration) {
+      var t1, t2, _i, variable;
+      for (t1 = this.configuration, t2 = t1.length, _i = 0; _i < t2; ++_i) {
+        variable = t1[_i];
+        if (variable.isGuarded)
+          throw A.wrapException(A.ArgumentError$value(variable, "configured variable", "can't be guarded in a @use rule."));
+      }
+    },
+    accept$1$1(visitor) {
+      return visitor.visitUseRule$1(0, this);
+    },
+    accept$1(visitor) {
+      return this.accept$1$1(visitor, type$.dynamic);
+    },
+    toString$0(_) {
+      var t1 = this.url,
+        t2 = "@use " + A.StringExpression_quoteText(t1.toString$0(0)),
+        basename = t1.get$pathSegments().length === 0 ? "" : B.JSArray_methods.get$last(t1.get$pathSegments()),
+        dot = B.JSString_methods.indexOf$1(basename, ".");
+      t1 = this.namespace;
+      if (t1 !== B.JSString_methods.substring$2(basename, 0, dot === -1 ? basename.length : dot))
+        t1 = t2 + (" as " + (t1 == null ? "*" : t1));
+      else
+        t1 = t2;
+      t2 = this.configuration;
+      t1 = (t2.length !== 0 ? t1 + (" with (" + B.JSArray_methods.join$1(t2, ", ") + ")") : t1) + ";";
+      return t1.charCodeAt(0) == 0 ? t1 : t1;
+    },
+    get$span(receiver) {
+      return this.span;
+    }
+  };
+  A.VariableDeclaration.prototype = {
+    accept$1$1(visitor) {
+      return visitor.visitVariableDeclaration$1(0, this);
+    },
+    accept$1(visitor) {
+      return this.accept$1$1(visitor, type$.dynamic);
+    },
+    toString$0(_) {
+      var t1 = this.namespace;
+      t1 = t1 != null ? t1 + "." : "";
+      t1 += "$" + this.name + ": " + this.expression.toString$0(0) + ";";
+      return t1.charCodeAt(0) == 0 ? t1 : t1;
+    },
+    get$span(receiver) {
+      return this.span;
+    }
+  };
+  A.WarnRule.prototype = {
+    accept$1$1(visitor) {
+      return visitor.visitWarnRule$1(0, this);
+    },
+    accept$1(visitor) {
+      return this.accept$1$1(visitor, type$.dynamic);
+    },
+    toString$0(_) {
+      return "@warn " + this.expression.toString$0(0) + ";";
+    },
+    get$span(receiver) {
+      return this.span;
+    }
+  };
+  A.WhileRule.prototype = {
+    accept$1$1(visitor) {
+      return visitor.visitWhileRule$1(0, this);
+    },
+    accept$1(visitor) {
+      return this.accept$1$1(visitor, type$.dynamic);
+    },
+    toString$0(_) {
+      return "@while " + this.condition.toString$0(0) + " {" + B.JSArray_methods.join$1(this.children, " ") + "}";
+    },
+    get$span(receiver) {
+      return this.span;
+    }
+  };
+  A.SupportsAnything.prototype = {
+    withSpan$1(span) {
+      return new A.SupportsAnything(this.contents, span);
+    },
+    toString$0(_) {
+      return "(" + this.contents.toString$0(0) + ")";
+    },
+    $isAstNode: 1,
+    get$span(receiver) {
+      return this.span;
+    }
+  };
+  A.SupportsDeclaration.prototype = {
+    get$isCustomProperty() {
+      var t1,
+        _0_0 = this.name;
+      $label0$0: {
+        if (_0_0 instanceof A.StringExpression && !_0_0.hasQuotes) {
+          t1 = B.JSString_methods.startsWith$1(_0_0.text.get$initialPlain(), "--");
+          break $label0$0;
+        }
+        t1 = false;
+        break $label0$0;
+      }
+      return t1;
+    },
+    withSpan$1(span) {
+      return new A.SupportsDeclaration(this.name, this.value, span);
+    },
+    toString$0(_) {
+      return "(" + this.name.toString$0(0) + ": " + this.value.toString$0(0) + ")";
+    },
+    $isAstNode: 1,
+    get$span(receiver) {
+      return this.span;
+    }
+  };
+  A.SupportsFunction.prototype = {
+    withSpan$1(span) {
+      return new A.SupportsFunction(this.name, this.$arguments, span);
+    },
+    toString$0(_) {
+      return this.name.toString$0(0) + "(" + this.$arguments.toString$0(0) + ")";
+    },
+    $isAstNode: 1,
+    get$span(receiver) {
+      return this.span;
+    }
+  };
+  A.SupportsInterpolation.prototype = {
+    withSpan$1(span) {
+      return new A.SupportsInterpolation(this.expression, span);
+    },
+    toString$0(_) {
+      return "#{" + this.expression.toString$0(0) + "}";
+    },
+    $isAstNode: 1,
+    get$span(receiver) {
+      return this.span;
+    }
+  };
+  A.SupportsNegation.prototype = {
+    withSpan$1(span) {
+      return new A.SupportsNegation(this.condition, span);
+    },
+    toString$0(_) {
+      var t1 = this.condition;
+      if (t1 instanceof A.SupportsNegation || t1 instanceof A.SupportsOperation)
+        return "not (" + t1.toString$0(0) + ")";
+      else
+        return "not " + t1.toString$0(0);
+    },
+    $isAstNode: 1,
+    get$span(receiver) {
+      return this.span;
+    }
+  };
+  A.SupportsOperation.prototype = {
+    withSpan$1(span) {
+      return A.SupportsOperation$(this.left, this.right, this.operator, span);
+    },
+    toString$0(_) {
+      var _this = this;
+      return _this._parenthesize$1(_this.left) + " " + _this.operator + " " + _this._parenthesize$1(_this.right);
+    },
+    _parenthesize$1(condition) {
+      var t1;
+      if (!(condition instanceof A.SupportsNegation))
+        t1 = condition instanceof A.SupportsOperation && condition.operator === this.operator;
+      else
+        t1 = true;
+      return t1 ? "(" + condition.toString$0(0) + ")" : condition.toString$0(0);
+    },
+    $isAstNode: 1,
+    get$span(receiver) {
+      return this.span;
+    }
+  };
+  A.Selector.prototype = {
+    assertNotBogus$1$name($name) {
+      if (!this.accept$1(B._IsBogusVisitor_true))
+        return;
+      A.warnForDeprecation("$" + $name + ": " + (this.toString$0(0) + string$.x20is_nov), B.Deprecation_OUI);
+    },
+    toString$0(_) {
+      var _null = null,
+        visitor = A._SerializeVisitor$(_null, true, _null, _null, true, false, _null, true);
+      this.accept$1(visitor);
+      return visitor._serialize$_buffer.toString$0(0);
+    },
+    $isAstNode: 1,
+    get$span(receiver) {
+      return this.span;
+    }
+  };
+  A._IsInvisibleVisitor0.prototype = {
+    visitSelectorList$1(list) {
+      return B.JSArray_methods.every$1(list.components, this.get$visitComplexSelector());
+    },
+    visitComplexSelector$1(complex) {
+      var t1;
+      if (!this.super$AnySelectorVisitor$visitComplexSelector(complex))
+        t1 = this.includeBogus && complex.accept$1(B._IsBogusVisitor_false);
+      else
+        t1 = true;
+      return t1;
+    },
+    visitPlaceholderSelector$1(placeholder) {
+      return true;
+    },
+    visitPseudoSelector$1(pseudo) {
+      var t1,
+        _0_0 = pseudo.selector;
+      if (_0_0 != null) {
+        if (pseudo.name === "not")
+          t1 = this.includeBogus && _0_0.accept$1(B._IsBogusVisitor_true);
+        else
+          t1 = this.visitSelectorList$1(_0_0);
+        return t1;
+      } else
+        return false;
+    }
+  };
+  A._IsBogusVisitor.prototype = {
+    visitComplexSelector$1(complex) {
+      var t2,
+        t1 = complex.components;
+      if (t1.length === 0)
+        return complex.leadingCombinators.length !== 0;
+      else {
+        t2 = this.includeLeadingCombinator ? 0 : 1;
+        return complex.leadingCombinators.length > t2 || B.JSArray_methods.get$last(t1).combinators.length !== 0 || B.JSArray_methods.any$1(t1, new A._IsBogusVisitor_visitComplexSelector_closure(this));
+      }
+    },
+    visitPseudoSelector$1(pseudo) {
+      var selector = pseudo.selector;
+      if (selector == null)
+        return false;
+      return pseudo.name === "has" ? selector.accept$1(B._IsBogusVisitor_false) : selector.accept$1(B._IsBogusVisitor_true);
+    }
+  };
+  A._IsBogusVisitor_visitComplexSelector_closure.prototype = {
+    call$1(component) {
+      return component.combinators.length > 1 || this.$this.visitCompoundSelector$1(component.selector);
+    },
+    $signature: 51
+  };
+  A._IsUselessVisitor.prototype = {
+    visitComplexSelector$1(complex) {
+      return complex.leadingCombinators.length > 1 || B.JSArray_methods.any$1(complex.components, new A._IsUselessVisitor_visitComplexSelector_closure(this));
+    },
+    visitPseudoSelector$1(pseudo) {
+      return pseudo.accept$1(B._IsBogusVisitor_true);
+    }
+  };
+  A._IsUselessVisitor_visitComplexSelector_closure.prototype = {
+    call$1(component) {
+      return component.combinators.length > 1 || this.$this.visitCompoundSelector$1(component.selector);
+    },
+    $signature: 51
+  };
+  A._ContainsParentSelectorVisitor.prototype = {
+    visitParentSelector$1(_) {
+      return true;
+    }
+  };
+  A.__ContainsParentSelectorVisitor_Object_AnySelectorVisitor.prototype = {};
+  A.__IsBogusVisitor_Object_AnySelectorVisitor.prototype = {};
+  A.__IsInvisibleVisitor_Object_AnySelectorVisitor.prototype = {};
+  A.__IsUselessVisitor_Object_AnySelectorVisitor.prototype = {};
+  A.AttributeSelector.prototype = {
+    accept$1$1(visitor) {
+      return visitor.visitAttributeSelector$1(this);
+    },
+    accept$1(visitor) {
+      return this.accept$1$1(visitor, type$.dynamic);
+    },
+    $eq(_, other) {
+      var _this = this;
+      if (other == null)
+        return false;
+      return other instanceof A.AttributeSelector && other.name.$eq(0, _this.name) && other.op == _this.op && other.value == _this.value && other.modifier == _this.modifier;
+    },
+    get$hashCode(_) {
+      var _this = this,
+        t1 = _this.name;
+      return (B.JSString_methods.get$hashCode(t1.name) ^ J.get$hashCode$(t1.namespace) ^ J.get$hashCode$(_this.op) ^ J.get$hashCode$(_this.value) ^ J.get$hashCode$(_this.modifier)) >>> 0;
+    }
+  };
+  A.AttributeOperator.prototype = {
+    _enumToString$0() {
+      return "AttributeOperator." + this._name;
+    },
+    toString$0(_) {
+      return this._attribute$_text;
+    }
+  };
+  A.ClassSelector.prototype = {
+    $eq(_, other) {
+      if (other == null)
+        return false;
+      return other instanceof A.ClassSelector && other.name === this.name;
+    },
+    accept$1$1(visitor) {
+      return visitor.visitClassSelector$1(this);
+    },
+    accept$1(visitor) {
+      return this.accept$1$1(visitor, type$.dynamic);
+    },
+    addSuffix$1(suffix) {
+      return new A.ClassSelector(this.name + suffix, this.span);
+    },
+    get$hashCode(_) {
+      return B.JSString_methods.get$hashCode(this.name);
+    }
+  };
+  A.Combinator.prototype = {
+    _enumToString$0() {
+      return "Combinator." + this._name;
+    },
+    toString$0(_) {
+      return this._combinator$_text;
+    }
+  };
+  A.ComplexSelector.prototype = {
+    get$specificity() {
+      var result, _this = this,
+        value = _this.__ComplexSelector_specificity_FI;
+      if (value === $) {
+        result = B.JSArray_methods.fold$2(_this.components, 0, new A.ComplexSelector_specificity_closure());
+        _this.__ComplexSelector_specificity_FI !== $ && A.throwUnnamedLateFieldADI();
+        _this.__ComplexSelector_specificity_FI = result;
+        value = result;
+      }
+      return value;
+    },
+    get$singleCompound() {
+      var _0_0, t1, _0_4, selector;
+      if (this.leadingCombinators.length !== 0)
+        return null;
+      _0_0 = this.components;
+      $label0$0: {
+        t1 = false;
+        if (_0_0.length === 1) {
+          _0_4 = _0_0[0];
+          selector = _0_4.selector;
+          t1 = _0_4.combinators.length <= 0;
+        } else
+          selector = null;
+        if (t1) {
+          t1 = selector;
+          break $label0$0;
+        }
+        t1 = null;
+        break $label0$0;
+      }
+      return t1;
+    },
+    accept$1$1(visitor) {
+      return visitor.visitComplexSelector$1(this);
+    },
+    accept$1(visitor) {
+      return this.accept$1$1(visitor, type$.dynamic);
+    },
+    isSuperselector$1(other) {
+      return this.leadingCombinators.length === 0 && other.leadingCombinators.length === 0 && A.complexIsSuperselector(this.components, other.components);
+    },
+    withAdditionalCombinators$1(combinators) {
+      var _0_0, _0_1, t1, initial, last, _this = this;
+      if (combinators.length === 0)
+        return _this;
+      _0_0 = _this.components;
+      $label0$0: {
+        _0_1 = _0_0.length;
+        if (_0_1 >= 1) {
+          t1 = _0_1 - 1;
+          initial = B.JSArray_methods.sublist$2(_0_0, 0, t1);
+          last = _0_0[t1];
+          t1 = A.List_List$_of(initial, type$.ComplexSelectorComponent);
+          t1.push(last.withAdditionalCombinators$1(combinators));
+          t1 = A.ComplexSelector$(_this.leadingCombinators, t1, _this.span, _this.lineBreak);
+          break $label0$0;
+        }
+        if (_0_1 <= 0) {
+          t1 = A.List_List$_of(_this.leadingCombinators, type$.CssValue_Combinator);
+          B.JSArray_methods.addAll$1(t1, combinators);
+          t1 = A.ComplexSelector$(t1, B.List_empty2, _this.span, _this.lineBreak);
+          break $label0$0;
+        }
+        t1 = null;
+      }
+      return t1;
+    },
+    concatenate$3$forceLineBreak(child, span, forceLineBreak) {
+      var t2, _0_1, initial, last, _this = this,
+        t1 = child.leadingCombinators,
+        _0_0 = _this.components;
+      if (t1.length === 0) {
+        t1 = A.List_List$_of(_0_0, type$.ComplexSelectorComponent);
+        B.JSArray_methods.addAll$1(t1, child.components);
+        t2 = _this.lineBreak || child.lineBreak || forceLineBreak;
+        return A.ComplexSelector$(_this.leadingCombinators, t1, span, t2);
+      } else {
+        _0_1 = _0_0.length;
+        if (_0_1 >= 1) {
+          t2 = _0_1 - 1;
+          initial = B.JSArray_methods.sublist$2(_0_0, 0, t2);
+          last = _0_0[t2];
+          t2 = A.List_List$_of(initial, type$.ComplexSelectorComponent);
+          t2.push(last.withAdditionalCombinators$1(t1));
+          B.JSArray_methods.addAll$1(t2, child.components);
+          t1 = _this.lineBreak || child.lineBreak || forceLineBreak;
+          return A.ComplexSelector$(_this.leadingCombinators, t2, span, t1);
+        } else {
+          t2 = A.List_List$_of(_this.leadingCombinators, type$.CssValue_Combinator);
+          B.JSArray_methods.addAll$1(t2, t1);
+          t1 = _this.lineBreak || child.lineBreak || forceLineBreak;
+          return A.ComplexSelector$(t2, child.components, span, t1);
+        }
+      }
+    },
+    concatenate$2(child, span) {
+      return this.concatenate$3$forceLineBreak(child, span, false);
+    },
+    get$hashCode(_) {
+      return B.C_ListEquality0.hash$1(this.leadingCombinators) ^ B.C_ListEquality0.hash$1(this.components);
+    },
+    $eq(_, other) {
+      if (other == null)
+        return false;
+      return other instanceof A.ComplexSelector && B.C_ListEquality.equals$2(0, this.leadingCombinators, other.leadingCombinators) && B.C_ListEquality.equals$2(0, this.components, other.components);
+    }
+  };
+  A.ComplexSelector_specificity_closure.prototype = {
+    call$2(sum, component) {
+      return sum + component.selector.get$specificity();
+    },
+    $signature: 457
+  };
+  A.ComplexSelectorComponent.prototype = {
+    withAdditionalCombinators$1(combinators) {
+      var t1, t2, _this = this;
+      if (combinators.length === 0)
+        t1 = _this;
+      else {
+        t1 = type$.CssValue_Combinator;
+        t2 = A.List_List$_of(_this.combinators, t1);
+        B.JSArray_methods.addAll$1(t2, combinators);
+        t1 = new A.ComplexSelectorComponent(_this.selector, A.List_List$unmodifiable(t2, t1), _this.span);
+      }
+      return t1;
+    },
+    get$hashCode(_) {
+      return B.C_ListEquality0.hash$1(this.selector.components) ^ B.C_ListEquality0.hash$1(this.combinators);
+    },
+    $eq(_, other) {
+      var t1;
+      if (other == null)
+        return false;
+      if (other instanceof A.ComplexSelectorComponent) {
+        t1 = B.C_ListEquality.equals$2(0, this.selector.components, other.selector.components);
+        t1 = t1 && B.C_ListEquality.equals$2(0, this.combinators, other.combinators);
+      } else
+        t1 = false;
+      return t1;
+    },
+    toString$0(_) {
+      var t1 = this.combinators;
+      return A.serializeSelector(this.selector, true) + new A.MappedListIterable(t1, new A.ComplexSelectorComponent_toString_closure(), A._arrayInstanceType(t1)._eval$1("MappedListIterable<1,String>")).join$1(0, "");
+    }
+  };
+  A.ComplexSelectorComponent_toString_closure.prototype = {
+    call$1(combinator) {
+      return " " + combinator.toString$0(0);
+    },
+    $signature: 459
+  };
+  A.CompoundSelector.prototype = {
+    get$specificity() {
+      var result, _this = this,
+        value = _this.__CompoundSelector_specificity_FI;
+      if (value === $) {
+        result = B.JSArray_methods.fold$2(_this.components, 0, new A.CompoundSelector_specificity_closure());
+        _this.__CompoundSelector_specificity_FI !== $ && A.throwUnnamedLateFieldADI();
+        _this.__CompoundSelector_specificity_FI = result;
+        value = result;
+      }
+      return value;
+    },
+    get$hasComplicatedSuperselectorSemantics() {
+      var result, _this = this,
+        value = _this.__CompoundSelector_hasComplicatedSuperselectorSemantics_FI;
+      if (value === $) {
+        result = B.JSArray_methods.any$1(_this.components, new A.CompoundSelector_hasComplicatedSuperselectorSemantics_closure());
+        _this.__CompoundSelector_hasComplicatedSuperselectorSemantics_FI !== $ && A.throwUnnamedLateFieldADI();
+        _this.__CompoundSelector_hasComplicatedSuperselectorSemantics_FI = result;
+        value = result;
+      }
+      return value;
+    },
+    accept$1$1(visitor) {
+      return visitor.visitCompoundSelector$1(this);
+    },
+    accept$1(visitor) {
+      return this.accept$1$1(visitor, type$.dynamic);
+    },
+    get$hashCode(_) {
+      return B.C_ListEquality0.hash$1(this.components);
+    },
+    $eq(_, other) {
+      if (other == null)
+        return false;
+      return other instanceof A.CompoundSelector && B.C_ListEquality.equals$2(0, this.components, other.components);
+    }
+  };
+  A.CompoundSelector_specificity_closure.prototype = {
+    call$2(sum, component) {
+      return sum + component.get$specificity();
+    },
+    $signature: 467
+  };
+  A.CompoundSelector_hasComplicatedSuperselectorSemantics_closure.prototype = {
+    call$1(component) {
+      return component.get$hasComplicatedSuperselectorSemantics();
+    },
+    $signature: 13
+  };
+  A.IDSelector.prototype = {
+    get$specificity() {
+      return A._asInt(Math.pow(A.SimpleSelector.prototype.get$specificity.call(this), 2));
+    },
+    accept$1$1(visitor) {
+      return visitor.visitIDSelector$1(this);
+    },
+    accept$1(visitor) {
+      return this.accept$1$1(visitor, type$.dynamic);
+    },
+    addSuffix$1(suffix) {
+      return new A.IDSelector(this.name + suffix, this.span);
+    },
+    unify$1(compound) {
+      if (B.JSArray_methods.any$1(compound, new A.IDSelector_unify_closure(this)))
+        return null;
+      return this.super$SimpleSelector$unify(compound);
+    },
+    $eq(_, other) {
+      if (other == null)
+        return false;
+      return other instanceof A.IDSelector && other.name === this.name;
+    },
+    get$hashCode(_) {
+      return B.JSString_methods.get$hashCode(this.name);
+    }
+  };
+  A.IDSelector_unify_closure.prototype = {
+    call$1(simple) {
+      var t1;
+      if (simple instanceof A.IDSelector)
+        t1 = this.$this.name !== simple.name;
+      else
+        t1 = false;
+      return t1;
+    },
+    $signature: 13
+  };
+  A.SelectorList.prototype = {
+    get$asSassList() {
+      var t1 = this.components;
+      return A.SassList$(new A.MappedListIterable(t1, new A.SelectorList_asSassList_closure(), A._arrayInstanceType(t1)._eval$1("MappedListIterable<1,Value>")), B.ListSeparator_qVN, false);
+    },
+    accept$1$1(visitor) {
+      return visitor.visitSelectorList$1(this);
+    },
+    accept$1(visitor) {
+      return this.accept$1$1(visitor, type$.dynamic);
+    },
+    unify$1(other) {
+      var t3, t4, t5, t6, _i, complex1, t7, _i0, t8,
+        t1 = type$.JSArray_ComplexSelector,
+        t2 = A._setArrayType([], t1);
+      for (t3 = this.components, t4 = t3.length, t5 = other.components, t6 = t5.length, _i = 0; _i < t4; ++_i) {
+        complex1 = t3[_i];
+        for (t7 = complex1.span, _i0 = 0; _i0 < t6; ++_i0) {
+          t8 = A.unifyComplex(A._setArrayType([complex1, t5[_i0]], t1), t7);
+          if (t8 != null)
+            B.JSArray_methods.addAll$1(t2, t8);
+        }
+      }
+      return t2.length === 0 ? null : A.SelectorList$(t2, this.span);
+    },
+    nestWithin$3$implicitParent$preserveParentSelectors($parent, implicitParent, preserveParentSelectors) {
+      var parentSelector, t1, _this = this;
+      if ($parent == null) {
+        if (preserveParentSelectors)
+          return _this;
+        parentSelector = B.C__ParentSelectorVisitor.visitSelectorList$1(_this);
+        if (parentSelector == null)
+          return _this;
+        throw A.wrapException(A.SassException$(string$.Top_les, parentSelector.span, null));
+      }
+      t1 = _this.components;
+      return A.SelectorList$(A.flattenVertically(new A.MappedListIterable(t1, new A.SelectorList_nestWithin_closure(_this, preserveParentSelectors, implicitParent, $parent), A._arrayInstanceType(t1)._eval$1("MappedListIterable<1,Iterable<ComplexSelector>>")), type$.ComplexSelector), _this.span);
+    },
+    nestWithin$1($parent) {
+      return this.nestWithin$3$implicitParent$preserveParentSelectors($parent, true, false);
+    },
+    nestWithin$2$implicitParent($parent, implicitParent) {
+      return this.nestWithin$3$implicitParent$preserveParentSelectors($parent, implicitParent, false);
+    },
+    _nestWithinCompound$2(component, $parent) {
+      var resolvedSimples, parentSelector, error, stackTrace, t2, resolvedSimples0, exception,
+        t1 = component.selector,
+        simples = t1.components,
+        containsSelectorPseudo = J.any$1$ax(simples, new A.SelectorList__nestWithinCompound_closure());
+      if (!containsSelectorPseudo && !(J.get$first$ax(simples) instanceof A.ParentSelector))
+        return null;
+      if (containsSelectorPseudo) {
+        t2 = simples;
+        resolvedSimples0 = new A.MappedListIterable(t2, new A.SelectorList__nestWithinCompound_closure0($parent), A._arrayInstanceType(t2)._eval$1("MappedListIterable<1,SimpleSelector>"));
+      } else
+        resolvedSimples0 = simples;
+      resolvedSimples = resolvedSimples0;
+      parentSelector = J.get$first$ax(simples);
+      try {
+        if (!(parentSelector instanceof A.ParentSelector)) {
+          t2 = component.span;
+          t2 = A._setArrayType([A.ComplexSelector$(B.List_empty0, A._setArrayType([new A.ComplexSelectorComponent(A.CompoundSelector$(resolvedSimples, t1.span), A.List_List$unmodifiable(component.combinators, type$.CssValue_Combinator), t2)], type$.JSArray_ComplexSelectorComponent), t2, false)], type$.JSArray_ComplexSelector);
+          return t2;
+        } else if (J.get$length$asx(simples) === 1 && parentSelector.suffix == null) {
+          t1 = $parent.withAdditionalCombinators$1(component.combinators);
+          return t1.components;
+        }
+      } catch (exception) {
+        t1 = A.unwrapException(exception);
+        if (t1 instanceof A.SassException) {
+          error = t1;
+          stackTrace = A.getTraceFromException(exception);
+          A.throwWithTrace(error.withAdditionalSpan$2(parentSelector.span, "parent selector"), error, stackTrace);
+        } else
+          throw exception;
+      }
+      t1 = $parent.components;
+      return new A.MappedListIterable(t1, new A.SelectorList__nestWithinCompound_closure1(parentSelector, resolvedSimples, component), A._arrayInstanceType(t1)._eval$1("MappedListIterable<1,ComplexSelector>"));
+    },
+    isSuperselector$1(other) {
+      return A.listIsSuperselector(this.components, other.components);
+    },
+    withAdditionalCombinators$1(combinators) {
+      var t1;
+      if (combinators.length === 0)
+        t1 = this;
+      else {
+        t1 = this.components;
+        t1 = A.SelectorList$(new A.MappedListIterable(t1, new A.SelectorList_withAdditionalCombinators_closure(combinators), A._arrayInstanceType(t1)._eval$1("MappedListIterable<1,ComplexSelector>")), this.span);
+      }
+      return t1;
+    },
+    get$hashCode(_) {
+      return B.C_ListEquality0.hash$1(this.components);
+    },
+    $eq(_, other) {
+      if (other == null)
+        return false;
+      return other instanceof A.SelectorList && B.C_ListEquality.equals$2(0, this.components, other.components);
+    }
+  };
+  A.SelectorList_asSassList_closure.prototype = {
+    call$1(complex) {
+      var t3, t4, _i, component, visitor, t5, t6, t7, _i0, _null = null,
+        t1 = type$.JSArray_Value,
+        t2 = A._setArrayType([], t1);
+      for (t3 = complex.leadingCombinators, t4 = t3.length, _i = 0; _i < t4; ++_i)
+        t2.push(new A.SassString(J.toString$0$(t3[_i].value), false));
+      for (t3 = complex.components, t4 = t3.length, _i = 0; _i < t4; ++_i) {
+        component = t3[_i];
+        visitor = A._SerializeVisitor$(_null, true, _null, _null, true, false, _null, true);
+        component.selector.accept$1(visitor);
+        t5 = A._setArrayType([new A.SassString(visitor._serialize$_buffer.toString$0(0), false)], t1);
+        for (t6 = component.combinators, t7 = t6.length, _i0 = 0; _i0 < t7; ++_i0)
+          t5.push(new A.SassString(J.toString$0$(t6[_i0].value), false));
+        B.JSArray_methods.addAll$1(t2, t5);
+      }
+      return A.SassList$(t2, B.ListSeparator_qSL, false);
+    },
+    $signature: 483
+  };
+  A.SelectorList_nestWithin_closure.prototype = {
+    call$1(complex) {
+      var t1, newComplexes, t2, t3, t4, t5, t6, t7, t8, t9, t10, t11, _i, component, resolved, i, t12, t13, t14, _i0, newComplex, t15, t16, _this = this;
+      if (_this.preserveParentSelectors || complex.accept$1(B.C__ParentSelectorVisitor) == null) {
+        if (!_this.implicitParent)
+          return A._setArrayType([complex], type$.JSArray_ComplexSelector);
+        t1 = _this.parent.components;
+        return new A.MappedListIterable(t1, new A.SelectorList_nestWithin__closure(complex), A._arrayInstanceType(t1)._eval$1("MappedListIterable<1,ComplexSelector>"));
+      }
+      t1 = type$.JSArray_ComplexSelector;
+      newComplexes = A._setArrayType([], t1);
+      for (t2 = complex.components, t3 = t2.length, t4 = _this.$this, t5 = _this.parent, t6 = type$.ComplexSelector, t7 = complex.leadingCombinators, t8 = t7.length === 0, t9 = complex.span, t10 = type$.ComplexSelectorComponent, t11 = type$.JSArray_ComplexSelectorComponent, _i = 0; _i < t3; ++_i) {
+        component = t2[_i];
+        resolved = t4._nestWithinCompound$2(component, t5);
+        if (resolved == null)
+          if (newComplexes.length === 0)
+            newComplexes.push(A.ComplexSelector$(t7, A._setArrayType([component], t11), t9, false));
+          else
+            for (i = 0; i < newComplexes.length; ++i) {
+              t12 = newComplexes[i];
+              t13 = A.List_List$_of(t12.components, t10);
+              t13.push(component);
+              newComplexes[i] = A.ComplexSelector$(t12.leadingCombinators, t13, t9, t12.lineBreak);
+            }
+        else if (newComplexes.length === 0)
+          B.JSArray_methods.addAll$1(newComplexes, t8 ? resolved : J.map$1$1$ax(resolved, new A.SelectorList_nestWithin__closure0(complex), t6));
+        else {
+          t12 = A._setArrayType([], t1);
+          for (t13 = newComplexes.length, t14 = J.getInterceptor$ax(resolved), _i0 = 0; _i0 < newComplexes.length; newComplexes.length === t13 || (0, A.throwConcurrentModificationError)(newComplexes), ++_i0) {
+            newComplex = newComplexes[_i0];
+            for (t15 = t14.get$iterator(resolved), t16 = newComplex.span; t15.moveNext$0();)
+              t12.push(newComplex.concatenate$2(t15.get$current(t15), t16));
+          }
+          newComplexes = t12;
+        }
+      }
+      return newComplexes;
+    },
+    $signature: 487
+  };
+  A.SelectorList_nestWithin__closure.prototype = {
+    call$1(parentComplex) {
+      var t1 = this.complex;
+      return parentComplex.concatenate$2(t1, t1.span);
+    },
+    $signature: 61
+  };
+  A.SelectorList_nestWithin__closure0.prototype = {
+    call$1(resolvedComplex) {
+      var t1 = resolvedComplex.leadingCombinators,
+        t2 = this.complex,
+        t3 = t2.leadingCombinators;
+      if (t1.length === 0)
+        t1 = t3;
+      else {
+        t3 = A.List_List$_of(t3, type$.CssValue_Combinator);
+        B.JSArray_methods.addAll$1(t3, t1);
+        t1 = t3;
+      }
+      return A.ComplexSelector$(t1, resolvedComplex.components, t2.span, resolvedComplex.lineBreak);
+    },
+    $signature: 61
+  };
+  A.SelectorList__nestWithinCompound_closure.prototype = {
+    call$1(simple) {
+      var selector;
+      if (!(simple instanceof A.PseudoSelector))
+        return false;
+      selector = simple.selector;
+      return selector != null && selector.accept$1(B.C__ParentSelectorVisitor) != null;
+    },
+    $signature: 13
+  };
+  A.SelectorList__nestWithinCompound_closure0.prototype = {
+    call$1(simple) {
+      var selector, t1, _0_2;
+      $label0$0: {
+        selector = null;
+        t1 = false;
+        if (simple instanceof A.PseudoSelector) {
+          _0_2 = simple.selector;
+          if (_0_2 != null) {
+            selector = _0_2 == null ? type$.SelectorList._as(_0_2) : _0_2;
+            t1 = selector.accept$1(B.C__ParentSelectorVisitor) != null;
+          }
+        }
+        if (t1) {
+          t1 = simple.withSelector$1(selector.nestWithin$2$implicitParent(this.parent, false));
+          break $label0$0;
+        }
+        t1 = simple;
+        break $label0$0;
+      }
+      return t1;
+    },
+    $signature: 523
+  };
+  A.SelectorList__nestWithinCompound_closure1.prototype = {
+    call$1(complex) {
+      var lastComponent, suffix, lastSimples, t1, t2, last, t3, error, stackTrace, t4, t5, exception, _this = this;
+      try {
+        t4 = complex.components;
+        lastComponent = B.JSArray_methods.get$last(t4);
+        if (lastComponent.combinators.length !== 0) {
+          t1 = A.MultiSpanSassException$('Selector "' + complex.toString$0(0) + string$.x22x20can_, A.SpanExtensions_trimRight(lastComponent.span), "outer selector", A.LinkedHashMap_LinkedHashMap$_literal([_this.parentSelector.span, "parent selector"], type$.FileSpan, type$.String), null);
+          throw A.wrapException(t1);
+        }
+        suffix = _this.parentSelector.suffix;
+        lastSimples = lastComponent.selector.components;
+        t5 = type$.SimpleSelector;
+        if (suffix == null) {
+          t2 = A.List_List$_of(lastSimples, t5);
+          t1 = t2;
+          J.addAll$1$ax(t1, J.skip$1$ax(_this.resolvedSimples, 1));
+          t1 = t1;
+        } else {
+          t1 = A.List_List$_of(A.IterableExtension_get_exceptLast(lastSimples), t5);
+          t2 = t1;
+          J.add$1$ax(t2, J.get$last$ax(lastSimples).addSuffix$1(suffix));
+          J.addAll$1$ax(t2, J.skip$1$ax(_this.resolvedSimples, 1));
+          t1 = t2;
+        }
+        t2 = _this.component;
+        last = A.CompoundSelector$(t1, t2.selector.span);
+        t1 = A.List_List$_of(A.IterableExtension_get_exceptLast(t4), type$.ComplexSelectorComponent);
+        t3 = t1;
+        t1 = t2.span;
+        J.add$1$ax(t3, new A.ComplexSelectorComponent(last, A.List_List$unmodifiable(t2.combinators, type$.CssValue_Combinator), t1));
+        t1 = A.ComplexSelector$(complex.leadingCombinators, t3, t1, complex.lineBreak);
+        return t1;
+      } catch (exception) {
+        t1 = A.unwrapException(exception);
+        if (t1 instanceof A.SassException) {
+          error = t1;
+          stackTrace = A.getTraceFromException(exception);
+          A.throwWithTrace(error.withAdditionalSpan$2(_this.parentSelector.span, "parent selector"), error, stackTrace);
+        } else
+          throw exception;
+      }
+    },
+    $signature: 61
+  };
+  A.SelectorList_withAdditionalCombinators_closure.prototype = {
+    call$1(complex) {
+      return complex.withAdditionalCombinators$1(this.combinators);
+    },
+    $signature: 61
+  };
+  A._ParentSelectorVisitor.prototype = {
+    visitParentSelector$1(selector) {
+      return selector;
+    }
+  };
+  A.__ParentSelectorVisitor_Object_SelectorSearchVisitor.prototype = {};
+  A.ParentSelector.prototype = {
+    accept$1$1(visitor) {
+      return visitor.visitParentSelector$1(this);
+    },
+    accept$1(visitor) {
+      return this.accept$1$1(visitor, type$.dynamic);
+    },
+    unify$1(compound) {
+      return A.throwExpression(A.UnsupportedError$("& doesn't support unification."));
+    }
+  };
+  A.PlaceholderSelector.prototype = {
+    accept$1$1(visitor) {
+      return visitor.visitPlaceholderSelector$1(this);
+    },
+    accept$1(visitor) {
+      return this.accept$1$1(visitor, type$.dynamic);
+    },
+    addSuffix$1(suffix) {
+      return new A.PlaceholderSelector(this.name + suffix, this.span);
+    },
+    $eq(_, other) {
+      if (other == null)
+        return false;
+      return other instanceof A.PlaceholderSelector && other.name === this.name;
+    },
+    get$hashCode(_) {
+      return B.JSString_methods.get$hashCode(this.name);
+    }
+  };
+  A.PseudoSelector.prototype = {
+    get$isHostContext() {
+      return this.isClass && this.name === "host-context" && this.selector != null;
+    },
+    get$hasComplicatedSuperselectorSemantics() {
+      return !this.isClass || this.selector != null;
+    },
+    get$specificity() {
+      var result, _this = this,
+        value = _this.__PseudoSelector_specificity_FI;
+      if (value === $) {
+        result = new A.PseudoSelector_specificity_closure(_this).call$0();
+        _this.__PseudoSelector_specificity_FI !== $ && A.throwUnnamedLateFieldADI();
+        _this.__PseudoSelector_specificity_FI = result;
+        value = result;
+      }
+      return value;
+    },
+    withSelector$1(selector) {
+      var _this = this;
+      return A.PseudoSelector$(_this.name, _this.span, _this.argument, !_this.isClass, selector);
+    },
+    addSuffix$1(suffix) {
+      var _this = this;
+      if (_this.argument != null || _this.selector != null)
+        _this.super$SimpleSelector$addSuffix(suffix);
+      return A.PseudoSelector$(_this.name + suffix, _this.span, null, !_this.isClass, null);
+    },
+    unify$1(compound) {
+      var other, result, t2, addedThis, _i, simple, _this = this,
+        t1 = _this.name;
+      if (t1 === "host" || t1 === "host-context") {
+        if (!B.JSArray_methods.every$1(compound, new A.PseudoSelector_unify_closure()))
+          return null;
+      } else {
+        t1 = false;
+        if (compound.length === 1) {
+          other = compound[0];
+          if (!(other instanceof A.UniversalSelector)) {
+            if (other instanceof A.PseudoSelector)
+              t1 = other.isClass && other.name === "host" || other.get$isHostContext();
+          } else
+            t1 = true;
+        } else
+          other = null;
+        if (t1)
+          return other.unify$1(A._setArrayType([_this], type$.JSArray_SimpleSelector));
+      }
+      if (B.JSArray_methods.contains$1(compound, _this))
+        return compound;
+      result = A._setArrayType([], type$.JSArray_SimpleSelector);
+      for (t1 = compound.length, t2 = !_this.isClass, addedThis = false, _i = 0; _i < compound.length; compound.length === t1 || (0, A.throwConcurrentModificationError)(compound), ++_i) {
+        simple = compound[_i];
+        if (simple instanceof A.PseudoSelector && !simple.isClass) {
+          if (t2)
+            return null;
+          result.push(_this);
+          addedThis = true;
+        }
+        result.push(simple);
+      }
+      if (!addedThis)
+        result.push(_this);
+      return result;
+    },
+    isSuperselector$1(other) {
+      var selector, t1, t2, _this = this;
+      if (_this.super$SimpleSelector$isSuperselector(other))
+        return true;
+      selector = _this.selector;
+      if (selector == null)
+        return _this.$eq(0, other);
+      if (other instanceof A.PseudoSelector && !_this.isClass && !other.isClass && _this.normalizedName === "slotted" && other.name === _this.name) {
+        t1 = A.NullableExtension_andThen(other.selector, selector.get$isSuperselector());
+        return t1 == null ? false : t1;
+      }
+      t1 = type$.JSArray_SimpleSelector;
+      t2 = _this.span;
+      return A.compoundIsSuperselector(A.CompoundSelector$(A._setArrayType([_this], t1), t2), A.CompoundSelector$(A._setArrayType([other], t1), t2), null);
+    },
+    accept$1$1(visitor) {
+      return visitor.visitPseudoSelector$1(this);
+    },
+    accept$1(visitor) {
+      return this.accept$1$1(visitor, type$.dynamic);
+    },
+    $eq(_, other) {
+      var _this = this;
+      if (other == null)
+        return false;
+      return other instanceof A.PseudoSelector && other.name === _this.name && other.isClass === _this.isClass && other.argument == _this.argument && J.$eq$(other.selector, _this.selector);
+    },
+    get$hashCode(_) {
+      var _this = this,
+        t1 = B.JSString_methods.get$hashCode(_this.name),
+        t2 = !_this.isClass ? 519018 : 218159;
+      return t1 ^ t2 ^ J.get$hashCode$(_this.argument) ^ J.get$hashCode$(_this.selector);
+    }
+  };
+  A.PseudoSelector_specificity_closure.prototype = {
+    call$0() {
+      var selector, t2,
+        t1 = this.$this;
+      if (!t1.isClass)
+        return 1;
+      selector = t1.selector;
+      if (selector == null)
+        return A.SimpleSelector.prototype.get$specificity.call(t1);
+      switch (t1.normalizedName) {
+        case "where":
+          return 0;
+        case "is":
+        case "not":
+        case "has":
+        case "matches":
+          t1 = selector.components;
+          return A.IterableIntegerExtension_get_max(new A.MappedListIterable(t1, new A.PseudoSelector_specificity__closure(), A._arrayInstanceType(t1)._eval$1("MappedListIterable<1,int>")));
+        case "nth-child":
+        case "nth-last-child":
+          t1 = A.SimpleSelector.prototype.get$specificity.call(t1);
+          t2 = selector.components;
+          return t1 + A.IterableIntegerExtension_get_max(new A.MappedListIterable(t2, new A.PseudoSelector_specificity__closure0(), A._arrayInstanceType(t2)._eval$1("MappedListIterable<1,int>")));
+        default:
+          return A.SimpleSelector.prototype.get$specificity.call(t1);
+      }
+    },
+    $signature: 10
+  };
+  A.PseudoSelector_specificity__closure.prototype = {
+    call$1(component) {
+      return component.get$specificity();
+    },
+    $signature: 164
+  };
+  A.PseudoSelector_specificity__closure0.prototype = {
+    call$1(component) {
+      return component.get$specificity();
+    },
+    $signature: 164
+  };
+  A.PseudoSelector_unify_closure.prototype = {
+    call$1(simple) {
+      var t1;
+      if (simple instanceof A.PseudoSelector)
+        t1 = simple.isClass && simple.name === "host" || simple.selector != null;
+      else
+        t1 = false;
+      return t1;
+    },
+    $signature: 13
+  };
+  A.QualifiedName.prototype = {
+    $eq(_, other) {
+      if (other == null)
+        return false;
+      return other instanceof A.QualifiedName && other.name === this.name && other.namespace == this.namespace;
+    },
+    get$hashCode(_) {
+      return B.JSString_methods.get$hashCode(this.name) ^ J.get$hashCode$(this.namespace);
+    },
+    toString$0(_) {
+      var t1 = this.namespace,
+        t2 = this.name;
+      return t1 == null ? t2 : t1 + "|" + t2;
+    }
+  };
+  A.SimpleSelector.prototype = {
+    get$specificity() {
+      return 1000;
+    },
+    get$hasComplicatedSuperselectorSemantics() {
+      return false;
+    },
+    addSuffix$1(suffix) {
+      return A.throwExpression(A.MultiSpanSassException$('Selector "' + this.toString$0(0) + "\" can't have a suffix", this.span, "outer selector", A.LinkedHashMap_LinkedHashMap$_empty(type$.FileSpan, type$.String), null));
+    },
+    unify$1(compound) {
+      var other, result, addedThis, _i, simple, _this = this,
+        t1 = false;
+      if (compound.length === 1) {
+        other = compound[0];
+        if (!(other instanceof A.UniversalSelector)) {
+          if (other instanceof A.PseudoSelector)
+            t1 = other.isClass && other.name === "host" || other.get$isHostContext();
+        } else
+          t1 = true;
+      } else
+        other = null;
+      if (t1)
+        return other.unify$1(A._setArrayType([_this], type$.JSArray_SimpleSelector));
+      if (B.JSArray_methods.contains$1(compound, _this))
+        return compound;
+      result = A._setArrayType([], type$.JSArray_SimpleSelector);
+      for (t1 = compound.length, addedThis = false, _i = 0; _i < compound.length; compound.length === t1 || (0, A.throwConcurrentModificationError)(compound), ++_i) {
+        simple = compound[_i];
+        if (!addedThis && simple instanceof A.PseudoSelector) {
+          result.push(_this);
+          addedThis = true;
+        }
+        result.push(simple);
+      }
+      if (!addedThis)
+        result.push(_this);
+      return result;
+    },
+    isSuperselector$1(other) {
+      var list;
+      if (this.$eq(0, other))
+        return true;
+      if (other instanceof A.PseudoSelector && other.isClass) {
+        list = other.selector;
+        if (list != null && $._subselectorPseudos.contains$1(0, other.normalizedName))
+          return B.JSArray_methods.every$1(list.components, new A.SimpleSelector_isSuperselector_closure(this));
+      }
+      return false;
+    }
+  };
+  A.SimpleSelector_isSuperselector_closure.prototype = {
+    call$1(complex) {
+      var t1 = complex.components;
+      return t1.length !== 0 && B.JSArray_methods.any$1(B.JSArray_methods.get$last(t1).selector.components, new A.SimpleSelector_isSuperselector__closure(this.$this));
+    },
+    $signature: 20
+  };
+  A.SimpleSelector_isSuperselector__closure.prototype = {
+    call$1(simple) {
+      return this.$this.isSuperselector$1(simple);
+    },
+    $signature: 13
+  };
+  A.TypeSelector.prototype = {
+    get$specificity() {
+      return 1;
+    },
+    accept$1$1(visitor) {
+      return visitor.visitTypeSelector$1(this);
+    },
+    accept$1(visitor) {
+      return this.accept$1$1(visitor, type$.dynamic);
+    },
+    addSuffix$1(suffix) {
+      var t1 = this.name;
+      return new A.TypeSelector(new A.QualifiedName(t1.name + suffix, t1.namespace), this.span);
+    },
+    unify$1(compound) {
+      var unified, t1,
+        _0_0 = A.IterableExtensions_get_firstOrNull(compound);
+      if (_0_0 instanceof A.UniversalSelector || _0_0 instanceof A.TypeSelector) {
+        unified = A.unifyUniversalAndElement(this, B.JSArray_methods.get$first(compound));
+        if (unified == null)
+          return null;
+        t1 = A._setArrayType([unified], type$.JSArray_SimpleSelector);
+        B.JSArray_methods.addAll$1(t1, A.SubListIterable$(compound, 1, null, A._arrayInstanceType(compound)._precomputed1));
+        return t1;
+      } else {
+        t1 = A._setArrayType([this], type$.JSArray_SimpleSelector);
+        B.JSArray_methods.addAll$1(t1, compound);
+        return t1;
+      }
+    },
+    isSuperselector$1(other) {
+      var t1, t2, t3;
+      if (!this.super$SimpleSelector$isSuperselector(other)) {
+        t1 = false;
+        if (other instanceof A.TypeSelector) {
+          t2 = this.name;
+          t3 = other.name;
+          if (t2.name === t3.name) {
+            t1 = t2.namespace;
+            t1 = t1 === "*" || t1 == t3.namespace;
+          }
+        }
+      } else
+        t1 = true;
+      return t1;
+    },
+    $eq(_, other) {
+      if (other == null)
+        return false;
+      return other instanceof A.TypeSelector && other.name.$eq(0, this.name);
+    },
+    get$hashCode(_) {
+      var t1 = this.name;
+      return B.JSString_methods.get$hashCode(t1.name) ^ J.get$hashCode$(t1.namespace);
+    }
+  };
+  A.UniversalSelector.prototype = {
+    get$specificity() {
+      return 0;
+    },
+    accept$1$1(visitor) {
+      return visitor.visitUniversalSelector$1(this);
+    },
+    accept$1(visitor) {
+      return this.accept$1$1(visitor, type$.dynamic);
+    },
+    unify$1(compound) {
+      var _0_4, t1, rest, unified, t2, _this = this, _null = null,
+        _0_1 = compound.length,
+        _0_4_isSet = _0_1 >= 1;
+      if (_0_4_isSet) {
+        _0_4 = compound[0];
+        if (!(_0_4 instanceof A.UniversalSelector))
+          t1 = _0_4 instanceof A.TypeSelector;
+        else
+          t1 = true;
+        rest = t1 ? B.JSArray_methods.sublist$1(compound, 1) : _null;
+      } else {
+        rest = _null;
+        _0_4 = rest;
+        t1 = false;
+      }
+      if (t1) {
+        unified = A.unifyUniversalAndElement(_this, B.JSArray_methods.get$first(compound));
+        if (unified == null)
+          return _null;
+        t1 = A._setArrayType([unified], type$.JSArray_SimpleSelector);
+        B.JSArray_methods.addAll$1(t1, rest);
+        return t1;
+      }
+      t1 = false;
+      if (_0_1 === 1) {
+        if (_0_4_isSet)
+          t2 = _0_4;
+        else {
+          _0_4 = compound[0];
+          t2 = _0_4;
+          _0_4_isSet = true;
+        }
+        if (t2 instanceof A.PseudoSelector) {
+          t2 = _0_4_isSet ? _0_4 : compound[0];
+          type$.PseudoSelector._as(t2);
+          t1 = t2.isClass && t2.name === "host" || t2.get$isHostContext();
+        }
+      }
+      if (t1)
+        return _null;
+      if (_0_1 <= 0)
+        return A._setArrayType([_this], type$.JSArray_SimpleSelector);
+      t1 = _this.namespace;
+      if (t1 == null || t1 === "*")
+        t1 = compound;
+      else {
+        t1 = A._setArrayType([_this], type$.JSArray_SimpleSelector);
+        B.JSArray_methods.addAll$1(t1, compound);
+      }
+      return t1;
+    },
+    isSuperselector$1(other) {
+      var t1 = this.namespace;
+      if (t1 === "*")
+        return true;
+      if (other instanceof A.TypeSelector)
+        return t1 == other.name.namespace;
+      if (other instanceof A.UniversalSelector)
+        return t1 == other.namespace;
+      return t1 == null || this.super$SimpleSelector$isSuperselector(other);
+    },
+    $eq(_, other) {
+      if (other == null)
+        return false;
+      return other instanceof A.UniversalSelector && other.namespace == this.namespace;
+    },
+    get$hashCode(_) {
+      return J.get$hashCode$(this.namespace);
+    }
+  };
+  A._compileStylesheet_closure0.prototype = {
+    call$1(url) {
+      var t1;
+      if (url === "") {
+        t1 = this.stylesheet.span;
+        t1 = A.Uri_Uri$dataFromString(A.String_String$fromCharCodes(B.NativeUint32List_methods.sublist$2(t1.get$file(t1)._decodedChars, 0, null), 0, null), B.C_Utf8Codec, null).get$_text();
+      } else
+        t1 = this.importCache.sourceMapUrl$1(0, A.Uri_parse(url)).toString$0(0);
+      return t1;
+    },
+    $signature: 6
+  };
+  A.AsyncEnvironment.prototype = {
+    closure$0() {
+      var t4, t5, t6, _this = this,
+        t1 = _this._async_environment$_forwardedModules,
+        t2 = _this._async_environment$_nestedForwardedModules,
+        t3 = _this._async_environment$_variables;
+      t3 = A._setArrayType(t3.slice(0), A._arrayInstanceType(t3));
+      t4 = _this._async_environment$_variableNodes;
+      t4 = A._setArrayType(t4.slice(0), A._arrayInstanceType(t4));
+      t5 = _this._async_environment$_functions;
+      t5 = A._setArrayType(t5.slice(0), A._arrayInstanceType(t5));
+      t6 = _this._async_environment$_mixins;
+      t6 = A._setArrayType(t6.slice(0), A._arrayInstanceType(t6));
+      return A.AsyncEnvironment$_(_this._async_environment$_modules, _this._async_environment$_namespaceNodes, _this._async_environment$_globalModules, _this._async_environment$_importedModules, t1, t2, _this._async_environment$_allModules, t3, t4, t5, t6, _this._async_environment$_content, B.Set_empty1);
+    },
+    forwardModule$2(module, rule) {
+      var view, t1, t2, _this = this,
+        forwardedModules = _this._async_environment$_forwardedModules;
+      if (forwardedModules == null)
+        forwardedModules = _this._async_environment$_forwardedModules = A.LinkedHashMap_LinkedHashMap$_empty(type$.Module_AsyncCallable, type$.AstNode);
+      view = A.ForwardedModuleView_ifNecessary(module, rule, type$.AsyncCallable);
+      for (t1 = new A.LinkedHashMapKeyIterator(forwardedModules, forwardedModules._modifications, forwardedModules._first); t1.moveNext$0();) {
+        t2 = t1.__js_helper$_current;
+        _this._async_environment$_assertNoConflicts$5(view.get$variables(), t2.get$variables(), view, t2, "variable");
+        _this._async_environment$_assertNoConflicts$5(view.get$functions(view), t2.get$functions(t2), view, t2, "function");
+        _this._async_environment$_assertNoConflicts$5(view.get$mixins(), t2.get$mixins(), view, t2, "mixin");
+      }
+      _this._async_environment$_allModules.push(module);
+      forwardedModules.$indexSet(0, view, rule);
+    },
+    _async_environment$_assertNoConflicts$5(newMembers, oldMembers, newModule, oldModule, type) {
+      var larger, smaller, t1, t2, t3, t4, $name, small, large, span;
+      if (newMembers.get$length(newMembers) < oldMembers.get$length(oldMembers)) {
+        larger = oldMembers;
+        smaller = newMembers;
+      } else {
+        larger = newMembers;
+        smaller = oldMembers;
+      }
+      for (t1 = type$.String, t2 = A.MapExtensions_get_pairs(smaller, t1, type$.Object), t2 = t2.get$iterator(t2), t3 = type === "variable"; t2.moveNext$0();) {
+        t4 = t2.get$current(t2);
+        $name = t4._0;
+        small = t4._1;
+        large = larger.$index(0, $name);
+        if (large == null)
+          continue;
+        if (t3 ? newModule.variableIdentity$1($name) === oldModule.variableIdentity$1($name) : J.$eq$(large, small))
+          continue;
+        if (t3)
+          $name = "$" + $name;
+        t2 = this._async_environment$_forwardedModules;
+        if (t2 == null)
+          span = null;
+        else {
+          t2 = t2.$index(0, oldModule);
+          span = t2 == null ? null : t2.get$span(t2);
+        }
+        t2 = A.LinkedHashMap_LinkedHashMap$_empty(type$.FileSpan, t1);
+        if (span != null)
+          t2.$indexSet(0, span, "original @forward");
+        throw A.wrapException(A.MultiSpanSassScriptException$("Two forwarded modules both define a " + type + " named " + $name + ".", "new @forward", t2));
+      }
+    },
+    importForwards$1(module) {
+      var forwardedModules, t1, t2, t3, t4, node, t5, t6, t7, t8, t9, t10, _i, t11, shadowed, t12, t13, _length, _list, _this = this,
+        forwarded = module._async_environment$_environment._async_environment$_forwardedModules;
+      if (forwarded == null)
+        return;
+      forwardedModules = _this._async_environment$_forwardedModules;
+      if (forwardedModules != null) {
+        t1 = type$.Module_AsyncCallable;
+        t2 = type$.AstNode;
+        t3 = A.LinkedHashMap_LinkedHashMap$_empty(t1, t2);
+        for (t1 = A.MapExtensions_get_pairs(forwarded, t1, t2), t1 = t1.get$iterator(t1), t2 = _this._async_environment$_globalModules; t1.moveNext$0();) {
+          t4 = t1.get$current(t1);
+          module = t4._0;
+          node = t4._1;
+          if (!forwardedModules.containsKey$1(module) || !t2.containsKey$1(module))
+            t3.$indexSet(0, module, node);
+        }
+        forwarded = t3;
+      } else
+        forwardedModules = _this._async_environment$_forwardedModules = A.LinkedHashMap_LinkedHashMap$_empty(type$.Module_AsyncCallable, type$.AstNode);
+      t1 = type$.String;
+      t2 = A.LinkedHashSet_LinkedHashSet$_empty(t1);
+      for (t3 = new A.LinkedHashMapKeyIterator(forwarded, forwarded._modifications, forwarded._first); t3.moveNext$0();)
+        for (t4 = t3.__js_helper$_current.get$variables(), t4 = t4.get$keys(t4), t4 = t4.get$iterator(t4); t4.moveNext$0();)
+          t2.add$1(0, t4.get$current(t4));
+      t3 = A.LinkedHashSet_LinkedHashSet$_empty(t1);
+      for (t4 = new A.LinkedHashMapKeyIterator(forwarded, forwarded._modifications, forwarded._first); t4.moveNext$0();) {
+        t5 = t4.__js_helper$_current;
+        for (t5 = t5.get$functions(t5), t5 = t5.get$keys(t5), t5 = t5.get$iterator(t5); t5.moveNext$0();)
+          t3.add$1(0, t5.get$current(t5));
+      }
+      t1 = A.LinkedHashSet_LinkedHashSet$_empty(t1);
+      for (t4 = new A.LinkedHashMapKeyIterator(forwarded, forwarded._modifications, forwarded._first); t4.moveNext$0();)
+        for (t5 = t4.__js_helper$_current.get$mixins(), t5 = t5.get$keys(t5), t5 = t5.get$iterator(t5); t5.moveNext$0();)
+          t1.add$1(0, t5.get$current(t5));
+      t4 = _this._async_environment$_variables;
+      t5 = t4.length;
+      if (t5 === 1) {
+        for (t5 = _this._async_environment$_importedModules, t6 = type$.Module_AsyncCallable, t7 = type$.AstNode, t8 = A.MapExtensions_get_pairs(t5, t6, t7).toList$0(0), t9 = t8.length, t10 = type$.AsyncCallable, _i = 0; _i < t8.length; t8.length === t9 || (0, A.throwConcurrentModificationError)(t8), ++_i) {
+          t11 = t8[_i];
+          module = t11._0;
+          shadowed = A.ShadowedModuleView_ifNecessary(module, t3, t1, t2, t10);
+          if (shadowed != null) {
+            t5.remove$1(0, module);
+            t12 = shadowed.variables;
+            t13 = false;
+            if (t12.get$isEmpty(t12)) {
+              t12 = shadowed.functions;
+              if (t12.get$isEmpty(t12)) {
+                t12 = shadowed.mixins;
+                if (t12.get$isEmpty(t12)) {
+                  t12 = shadowed._shadowed_view$_inner;
+                  t12 = t12.get$css(t12);
+                  t12 = J.get$isEmpty$asx(t12.get$children(t12));
+                } else
+                  t12 = t13;
+              } else
+                t12 = t13;
+            } else
+              t12 = t13;
+            if (!t12)
+              t5.$indexSet(0, shadowed, t11._1);
+          }
+        }
+        for (t6 = A.MapExtensions_get_pairs(forwardedModules, t6, t7).toList$0(0), t7 = t6.length, _i = 0; _i < t6.length; t6.length === t7 || (0, A.throwConcurrentModificationError)(t6), ++_i) {
+          t8 = t6[_i];
+          module = t8._0;
+          shadowed = A.ShadowedModuleView_ifNecessary(module, t3, t1, t2, t10);
+          if (shadowed != null) {
+            forwardedModules.remove$1(0, module);
+            t9 = shadowed.variables;
+            t11 = false;
+            if (t9.get$isEmpty(t9)) {
+              t9 = shadowed.functions;
+              if (t9.get$isEmpty(t9)) {
+                t9 = shadowed.mixins;
+                if (t9.get$isEmpty(t9)) {
+                  t9 = shadowed._shadowed_view$_inner;
+                  t9 = t9.get$css(t9);
+                  t9 = J.get$isEmpty$asx(t9.get$children(t9));
+                } else
+                  t9 = t11;
+              } else
+                t9 = t11;
+            } else
+              t9 = t11;
+            if (!t9)
+              forwardedModules.$indexSet(0, shadowed, t8._1);
+          }
+        }
+        t5.addAll$1(0, forwarded);
+        forwardedModules.addAll$1(0, forwarded);
+      } else {
+        t6 = _this._async_environment$_nestedForwardedModules;
+        if (t6 == null) {
+          _length = t5 - 1;
+          _list = J.JSArray_JSArray$allocateGrowable(_length, type$.List_Module_AsyncCallable);
+          for (t5 = type$.JSArray_Module_AsyncCallable, _i = 0; _i < _length; ++_i)
+            _list[_i] = A._setArrayType([], t5);
+          _this._async_environment$_nestedForwardedModules = _list;
+          t5 = _list;
+        } else
+          t5 = t6;
+        B.JSArray_methods.addAll$1(B.JSArray_methods.get$last(t5), new A.LinkedHashMapKeysIterable(forwarded, A._instanceType(forwarded)._eval$1("LinkedHashMapKeysIterable<1>")));
+      }
+      for (t2 = A._LinkedHashSetIterator$(t2, t2._collection$_modifications, t2.$ti._precomputed1), t5 = _this._async_environment$_variableIndices, t6 = _this._async_environment$_variableNodes, t7 = t2.$ti._precomputed1; t2.moveNext$0();) {
+        t8 = t2._collection$_current;
+        if (t8 == null)
+          t8 = t7._as(t8);
+        t5.remove$1(0, t8);
+        B.JSArray_methods.get$last(t4).remove$1(0, t8);
+        B.JSArray_methods.get$last(t6).remove$1(0, t8);
+      }
+      for (t2 = A._LinkedHashSetIterator$(t3, t3._collection$_modifications, t3.$ti._precomputed1), t3 = _this._async_environment$_functionIndices, t4 = _this._async_environment$_functions, t5 = t2.$ti._precomputed1; t2.moveNext$0();) {
+        t6 = t2._collection$_current;
+        if (t6 == null)
+          t6 = t5._as(t6);
+        t3.remove$1(0, t6);
+        B.JSArray_methods.get$last(t4).remove$1(0, t6);
+      }
+      for (t1 = A._LinkedHashSetIterator$(t1, t1._collection$_modifications, t1.$ti._precomputed1), t2 = _this._async_environment$_mixinIndices, t3 = _this._async_environment$_mixins, t4 = t1.$ti._precomputed1; t1.moveNext$0();) {
+        t5 = t1._collection$_current;
+        if (t5 == null)
+          t5 = t4._as(t5);
+        t2.remove$1(0, t5);
+        B.JSArray_methods.get$last(t3).remove$1(0, t5);
+      }
+    },
+    getVariable$2$namespace($name, namespace) {
+      var t1, _0_0, _1_0, _this = this;
+      if (namespace != null)
+        return _this._async_environment$_getModule$1(namespace).get$variables().$index(0, $name);
+      if (_this._async_environment$_lastVariableName === $name) {
+        t1 = _this._async_environment$_lastVariableIndex;
+        t1.toString;
+        t1 = _this._async_environment$_variables[t1].$index(0, $name);
+        return t1 == null ? _this._async_environment$_getVariableFromGlobalModule$1($name) : t1;
+      }
+      t1 = _this._async_environment$_variableIndices;
+      _0_0 = t1.$index(0, $name);
+      if (_0_0 != null) {
+        _this._async_environment$_lastVariableName = $name;
+        _this._async_environment$_lastVariableIndex = _0_0;
+        t1 = _this._async_environment$_variables[_0_0].$index(0, $name);
+        return t1 == null ? _this._async_environment$_getVariableFromGlobalModule$1($name) : t1;
+      } else {
+        _1_0 = _this._async_environment$_variableIndex$1($name);
+        if (_1_0 != null) {
+          _this._async_environment$_lastVariableName = $name;
+          _this._async_environment$_lastVariableIndex = _1_0;
+          t1.$indexSet(0, $name, _1_0);
+          t1 = _this._async_environment$_variables[_1_0].$index(0, $name);
+          return t1 == null ? _this._async_environment$_getVariableFromGlobalModule$1($name) : t1;
+        } else
+          return _this._async_environment$_getVariableFromGlobalModule$1($name);
+      }
+    },
+    getVariable$1($name) {
+      return this.getVariable$2$namespace($name, null);
+    },
+    _async_environment$_getVariableFromGlobalModule$1($name) {
+      return this._async_environment$_fromOneModule$3($name, "variable", new A.AsyncEnvironment__getVariableFromGlobalModule_closure($name));
+    },
+    getVariableNode$2$namespace($name, namespace) {
+      var t1, _0_0, _1_0, _this = this;
+      if (namespace != null)
+        return _this._async_environment$_getModule$1(namespace).get$variableNodes().$index(0, $name);
+      if (_this._async_environment$_lastVariableName === $name) {
+        t1 = _this._async_environment$_lastVariableIndex;
+        t1.toString;
+        t1 = _this._async_environment$_variableNodes[t1].$index(0, $name);
+        return t1 == null ? _this._async_environment$_getVariableNodeFromGlobalModule$1($name) : t1;
+      }
+      t1 = _this._async_environment$_variableIndices;
+      _0_0 = t1.$index(0, $name);
+      if (_0_0 != null) {
+        _this._async_environment$_lastVariableName = $name;
+        _this._async_environment$_lastVariableIndex = _0_0;
+        t1 = _this._async_environment$_variableNodes[_0_0].$index(0, $name);
+        return t1 == null ? _this._async_environment$_getVariableNodeFromGlobalModule$1($name) : t1;
+      } else {
+        _1_0 = _this._async_environment$_variableIndex$1($name);
+        if (_1_0 != null) {
+          _this._async_environment$_lastVariableName = $name;
+          _this._async_environment$_lastVariableIndex = _1_0;
+          t1.$indexSet(0, $name, _1_0);
+          t1 = _this._async_environment$_variableNodes[_1_0].$index(0, $name);
+          return t1 == null ? _this._async_environment$_getVariableNodeFromGlobalModule$1($name) : t1;
+        } else
+          return _this._async_environment$_getVariableNodeFromGlobalModule$1($name);
+      }
+    },
+    _async_environment$_getVariableNodeFromGlobalModule$1($name) {
+      var t1, t2, _0_0;
+      for (t1 = this._async_environment$_importedModules, t2 = this._async_environment$_globalModules, t2 = new A.LinkedHashMapKeysIterable(t1, A._instanceType(t1)._eval$1("LinkedHashMapKeysIterable<1>")).followedBy$1(0, new A.LinkedHashMapKeysIterable(t2, A._instanceType(t2)._eval$1("LinkedHashMapKeysIterable<1>"))), t2 = new A.FollowedByIterator(J.get$iterator$ax(t2.__internal$_first), t2._second); t2.moveNext$0();) {
+        t1 = t2._currentIterator;
+        _0_0 = t1.get$current(t1).get$variableNodes().$index(0, $name);
+        if (_0_0 != null)
+          return _0_0;
+      }
+      return null;
+    },
+    globalVariableExists$2$namespace($name, namespace) {
+      if (namespace != null)
+        return this._async_environment$_getModule$1(namespace).get$variables().containsKey$1($name);
+      if (B.JSArray_methods.get$first(this._async_environment$_variables).containsKey$1($name))
+        return true;
+      return this._async_environment$_getVariableFromGlobalModule$1($name) != null;
+    },
+    globalVariableExists$1($name) {
+      return this.globalVariableExists$2$namespace($name, null);
+    },
+    _async_environment$_variableIndex$1($name) {
+      var t1, i;
+      for (t1 = this._async_environment$_variables, i = t1.length - 1; i >= 0; --i)
+        if (t1[i].containsKey$1($name))
+          return i;
+      return null;
+    },
+    setVariable$5$global$namespace($name, value, nodeWithSpan, global, namespace) {
+      var t1, moduleWithName, nestedForwardedModules, t2, t3, t4, t5, index, _this = this;
+      if (namespace != null) {
+        _this._async_environment$_getModule$1(namespace).setVariable$3($name, value, nodeWithSpan);
+        return;
+      }
+      if (global || _this._async_environment$_variables.length === 1) {
+        _this._async_environment$_variableIndices.putIfAbsent$2($name, new A.AsyncEnvironment_setVariable_closure(_this, $name));
+        t1 = _this._async_environment$_variables;
+        if (!B.JSArray_methods.get$first(t1).containsKey$1($name)) {
+          moduleWithName = _this._async_environment$_fromOneModule$3($name, "variable", new A.AsyncEnvironment_setVariable_closure0($name));
+          if (moduleWithName != null) {
+            moduleWithName.setVariable$3($name, value, nodeWithSpan);
+            return;
+          }
+        }
+        B.JSArray_methods.get$first(t1).$indexSet(0, $name, value);
+        B.JSArray_methods.get$first(_this._async_environment$_variableNodes).$indexSet(0, $name, nodeWithSpan);
+        return;
+      }
+      nestedForwardedModules = _this._async_environment$_nestedForwardedModules;
+      if (nestedForwardedModules != null && !_this._async_environment$_variableIndices.containsKey$1($name) && _this._async_environment$_variableIndex$1($name) == null)
+        for (t1 = A._arrayInstanceType(nestedForwardedModules)._eval$1("ReversedListIterable<1>"), t2 = new A.ReversedListIterable(nestedForwardedModules, t1), t2 = new A.ListIterator(t2, t2.get$length(0), t1._eval$1("ListIterator<ListIterable.E>")), t1 = t1._eval$1("ListIterable.E"); t2.moveNext$0();) {
+          t3 = t2.__internal$_current;
+          for (t3 = J.get$reversed$ax(t3 == null ? t1._as(t3) : t3), t4 = t3.$ti, t3 = new A.ListIterator(t3, t3.get$length(0), t4._eval$1("ListIterator<ListIterable.E>")), t4 = t4._eval$1("ListIterable.E"); t3.moveNext$0();) {
+            t5 = t3.__internal$_current;
+            if (t5 == null)
+              t5 = t4._as(t5);
+            if (t5.get$variables().containsKey$1($name)) {
+              t5.setVariable$3($name, value, nodeWithSpan);
+              return;
+            }
+          }
+        }
+      if (_this._async_environment$_lastVariableName === $name) {
+        t1 = _this._async_environment$_lastVariableIndex;
+        t1.toString;
+        index = t1;
+      } else
+        index = _this._async_environment$_variableIndices.putIfAbsent$2($name, new A.AsyncEnvironment_setVariable_closure1(_this, $name));
+      if (!_this._async_environment$_inSemiGlobalScope && index === 0) {
+        index = _this._async_environment$_variables.length - 1;
+        _this._async_environment$_variableIndices.$indexSet(0, $name, index);
+      }
+      _this._async_environment$_lastVariableName = $name;
+      _this._async_environment$_lastVariableIndex = index;
+      _this._async_environment$_variables[index].$indexSet(0, $name, value);
+      _this._async_environment$_variableNodes[index].$indexSet(0, $name, nodeWithSpan);
+    },
+    setVariable$4$global($name, value, nodeWithSpan, global) {
+      return this.setVariable$5$global$namespace($name, value, nodeWithSpan, global, null);
+    },
+    setLocalVariable$3($name, value, nodeWithSpan) {
+      var index, _this = this,
+        t1 = _this._async_environment$_variables,
+        t2 = t1.length;
+      _this._async_environment$_lastVariableName = $name;
+      index = _this._async_environment$_lastVariableIndex = t2 - 1;
+      _this._async_environment$_variableIndices.$indexSet(0, $name, index);
+      t1[index].$indexSet(0, $name, value);
+      _this._async_environment$_variableNodes[index].$indexSet(0, $name, nodeWithSpan);
+    },
+    getFunction$2$namespace($name, namespace) {
+      var t1, _0_0, _1_0, _this = this;
+      if (namespace != null) {
+        t1 = _this._async_environment$_getModule$1(namespace);
+        return t1.get$functions(t1).$index(0, $name);
+      }
+      t1 = _this._async_environment$_functionIndices;
+      _0_0 = t1.$index(0, $name);
+      if (_0_0 != null) {
+        t1 = _this._async_environment$_functions[_0_0].$index(0, $name);
+        return t1 == null ? _this._async_environment$_getFunctionFromGlobalModule$1($name) : t1;
+      } else {
+        _1_0 = _this._async_environment$_functionIndex$1($name);
+        if (_1_0 != null) {
+          t1.$indexSet(0, $name, _1_0);
+          t1 = _this._async_environment$_functions[_1_0].$index(0, $name);
+          return t1 == null ? _this._async_environment$_getFunctionFromGlobalModule$1($name) : t1;
+        } else
+          return _this._async_environment$_getFunctionFromGlobalModule$1($name);
+      }
+    },
+    getFunction$1($name) {
+      return this.getFunction$2$namespace($name, null);
+    },
+    _async_environment$_getFunctionFromGlobalModule$1($name) {
+      return this._async_environment$_fromOneModule$3($name, "function", new A.AsyncEnvironment__getFunctionFromGlobalModule_closure($name));
+    },
+    _async_environment$_functionIndex$1($name) {
+      var t1, i;
+      for (t1 = this._async_environment$_functions, i = t1.length - 1; i >= 0; --i)
+        if (t1[i].containsKey$1($name))
+          return i;
+      return null;
+    },
+    getMixin$2$namespace($name, namespace) {
+      var t1, _0_0, _1_0, _this = this;
+      if (namespace != null)
+        return _this._async_environment$_getModule$1(namespace).get$mixins().$index(0, $name);
+      t1 = _this._async_environment$_mixinIndices;
+      _0_0 = t1.$index(0, $name);
+      if (_0_0 != null) {
+        t1 = _this._async_environment$_mixins[_0_0].$index(0, $name);
+        return t1 == null ? _this._async_environment$_getMixinFromGlobalModule$1($name) : t1;
+      } else {
+        _1_0 = _this._async_environment$_mixinIndex$1($name);
+        if (_1_0 != null) {
+          t1.$indexSet(0, $name, _1_0);
+          t1 = _this._async_environment$_mixins[_1_0].$index(0, $name);
+          return t1 == null ? _this._async_environment$_getMixinFromGlobalModule$1($name) : t1;
+        } else
+          return _this._async_environment$_getMixinFromGlobalModule$1($name);
+      }
+    },
+    _async_environment$_getMixinFromGlobalModule$1($name) {
+      return this._async_environment$_fromOneModule$3($name, "mixin", new A.AsyncEnvironment__getMixinFromGlobalModule_closure($name));
+    },
+    _async_environment$_mixinIndex$1($name) {
+      var t1, i;
+      for (t1 = this._async_environment$_mixins, i = t1.length - 1; i >= 0; --i)
+        if (t1[i].containsKey$1($name))
+          return i;
+      return null;
+    },
+    withContent$2($content, callback) {
+      return this.withContent$body$AsyncEnvironment($content, callback);
+    },
+    withContent$body$AsyncEnvironment($content, callback) {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.void),
+        $async$self = this, oldContent;
+      var $async$withContent$2 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              oldContent = $async$self._async_environment$_content;
+              $async$self._async_environment$_content = $content;
+              $async$goto = 2;
+              return A._asyncAwait(callback.call$0(), $async$withContent$2);
+            case 2:
+              // returning from await.
+              $async$self._async_environment$_content = oldContent;
+              // implicit return
+              return A._asyncReturn(null, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$withContent$2, $async$completer);
+    },
+    asMixin$1(callback) {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.void),
+        $async$self = this, oldInMixin;
+      var $async$asMixin$1 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              oldInMixin = $async$self._async_environment$_inMixin;
+              $async$self._async_environment$_inMixin = true;
+              $async$goto = 2;
+              return A._asyncAwait(callback.call$0(), $async$asMixin$1);
+            case 2:
+              // returning from await.
+              $async$self._async_environment$_inMixin = oldInMixin;
+              // implicit return
+              return A._asyncReturn(null, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$asMixin$1, $async$completer);
+    },
+    scope$1$3$semiGlobal$when(callback, semiGlobal, when, $T) {
+      return this.scope$body$AsyncEnvironment(callback, semiGlobal, when, $T, $T);
+    },
+    scope$1$1(callback, $T) {
+      return this.scope$1$3$semiGlobal$when(callback, false, true, $T);
+    },
+    scope$1$2$when(callback, when, $T) {
+      return this.scope$1$3$semiGlobal$when(callback, false, when, $T);
+    },
+    scope$1$2$semiGlobal(callback, semiGlobal, $T) {
+      return this.scope$1$3$semiGlobal$when(callback, semiGlobal, true, $T);
+    },
+    scope$body$AsyncEnvironment(callback, semiGlobal, when, $T, $async$type) {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter($async$type),
+        $async$returnValue, $async$handler = 2, $async$errorStack = [], $async$next = [], $async$self = this, wasInSemiGlobalScope, $name, name0, name1, t1, t2, t3, t4, t5, t6;
+      var $async$scope$1$3$semiGlobal$when = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1) {
+          $async$errorStack.push($async$result);
+          $async$goto = $async$handler;
+        }
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              semiGlobal = semiGlobal && $async$self._async_environment$_inSemiGlobalScope;
+              wasInSemiGlobalScope = $async$self._async_environment$_inSemiGlobalScope;
+              $async$self._async_environment$_inSemiGlobalScope = semiGlobal;
+              $async$goto = !when ? 3 : 4;
+              break;
+            case 3:
+              // then
+              $async$handler = 5;
+              $async$goto = 8;
+              return A._asyncAwait(callback.call$0(), $async$scope$1$3$semiGlobal$when);
+            case 8:
+              // returning from await.
+              t1 = $async$result;
+              $async$returnValue = t1;
+              $async$next = [1];
+              // goto finally
+              $async$goto = 6;
+              break;
+              $async$next.push(7);
+              // goto finally
+              $async$goto = 6;
+              break;
+            case 5:
+              // uncaught
+              $async$next = [2];
+            case 6:
+              // finally
+              $async$handler = 2;
+              $async$self._async_environment$_inSemiGlobalScope = wasInSemiGlobalScope;
+              // goto the next finally handler
+              $async$goto = $async$next.pop();
+              break;
+            case 7:
+              // after finally
+            case 4:
+              // join
+              t1 = $async$self._async_environment$_variables;
+              t2 = type$.String;
+              B.JSArray_methods.add$1(t1, A.LinkedHashMap_LinkedHashMap$_empty(t2, type$.Value));
+              t3 = $async$self._async_environment$_variableNodes;
+              B.JSArray_methods.add$1(t3, A.LinkedHashMap_LinkedHashMap$_empty(t2, type$.AstNode));
+              t4 = $async$self._async_environment$_functions;
+              t5 = type$.AsyncCallable;
+              B.JSArray_methods.add$1(t4, A.LinkedHashMap_LinkedHashMap$_empty(t2, t5));
+              t6 = $async$self._async_environment$_mixins;
+              B.JSArray_methods.add$1(t6, A.LinkedHashMap_LinkedHashMap$_empty(t2, t5));
+              t5 = $async$self._async_environment$_nestedForwardedModules;
+              if (t5 != null)
+                t5.push(A._setArrayType([], type$.JSArray_Module_AsyncCallable));
+              $async$handler = 9;
+              $async$goto = 12;
+              return A._asyncAwait(callback.call$0(), $async$scope$1$3$semiGlobal$when);
+            case 12:
+              // returning from await.
+              t2 = $async$result;
+              $async$returnValue = t2;
+              $async$next = [1];
+              // goto finally
+              $async$goto = 10;
+              break;
+              $async$next.push(11);
+              // goto finally
+              $async$goto = 10;
+              break;
+            case 9:
+              // uncaught
+              $async$next = [2];
+            case 10:
+              // finally
+              $async$handler = 2;
+              $async$self._async_environment$_inSemiGlobalScope = wasInSemiGlobalScope;
+              $async$self._async_environment$_lastVariableIndex = $async$self._async_environment$_lastVariableName = null;
+              for (t1 = B.JSArray_methods.removeLast$0(t1), t1 = t1.get$keys(t1), t1 = t1.get$iterator(t1), t2 = $async$self._async_environment$_variableIndices; t1.moveNext$0();) {
+                $name = t1.get$current(t1);
+                t2.remove$1(0, $name);
+              }
+              B.JSArray_methods.removeLast$0(t3);
+              for (t1 = B.JSArray_methods.removeLast$0(t4), t1 = t1.get$keys(t1), t1 = t1.get$iterator(t1), t2 = $async$self._async_environment$_functionIndices; t1.moveNext$0();) {
+                name0 = t1.get$current(t1);
+                t2.remove$1(0, name0);
+              }
+              for (t1 = B.JSArray_methods.removeLast$0(t6), t1 = t1.get$keys(t1), t1 = t1.get$iterator(t1), t2 = $async$self._async_environment$_mixinIndices; t1.moveNext$0();) {
+                name1 = t1.get$current(t1);
+                t2.remove$1(0, name1);
+              }
+              t1 = $async$self._async_environment$_nestedForwardedModules;
+              if (t1 != null)
+                t1.pop();
+              // goto the next finally handler
+              $async$goto = $async$next.pop();
+              break;
+            case 11:
+              // after finally
+            case 1:
+              // return
+              return A._asyncReturn($async$returnValue, $async$completer);
+            case 2:
+              // rethrow
+              return A._asyncRethrow($async$errorStack.at(-1), $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$scope$1$3$semiGlobal$when, $async$completer);
+    },
+    toImplicitConfiguration$0() {
+      var t2, t3, t4, t5, t6, $name, value, i, values, nodes,
+        t1 = type$.String,
+        configuration = A.LinkedHashMap_LinkedHashMap$_empty(t1, type$.ConfiguredValue);
+      for (t2 = this._async_environment$_importedModules, t2 = new A.LinkedHashMapKeyIterator(t2, t2._modifications, t2._first), t3 = type$.Value; t2.moveNext$0();) {
+        t4 = t2.__js_helper$_current;
+        for (t5 = A.MapExtensions_get_pairs(t4.get$variables(), t1, t3), t5 = t5.get$iterator(t5); t5.moveNext$0();) {
+          t6 = t5.get$current(t5);
+          $name = t6._0;
+          value = t6._1;
+          t6 = t4.get$variableNodes().$index(0, $name);
+          t6.toString;
+          configuration.$indexSet(0, $name, new A.ConfiguredValue(value, null, t6));
+        }
+      }
+      for (t2 = this._async_environment$_variables, t4 = this._async_environment$_variableNodes, i = 0; i < t2.length; ++i) {
+        values = t2[i];
+        nodes = t4[i];
+        for (t5 = A.MapExtensions_get_pairs(values, t1, t3), t5 = t5.get$iterator(t5); t5.moveNext$0();) {
+          t6 = t5.get$current(t5);
+          $name = t6._0;
+          value = t6._1;
+          t6 = nodes.$index(0, $name);
+          t6.toString;
+          configuration.$indexSet(0, $name, new A.ConfiguredValue(value, null, t6));
+        }
+      }
+      return new A.Configuration(configuration, null);
+    },
+    toModule$3(css, preModuleComments, extensionStore) {
+      return A._EnvironmentModule__EnvironmentModule0(this, css, preModuleComments, extensionStore, A.NullableExtension_andThen(this._async_environment$_forwardedModules, new A.AsyncEnvironment_toModule_closure()));
+    },
+    toDummyModule$0() {
+      return A._EnvironmentModule__EnvironmentModule0(this, new A.CssStylesheet(new A.UnmodifiableListView(B.List_empty3, type$.UnmodifiableListView_CssNode), A.SourceFile$decoded(B.List_empty4, "<dummy module>").span$1(0, 0)), B.Map_empty7, B.C_EmptyExtensionStore, A.NullableExtension_andThen(this._async_environment$_forwardedModules, new A.AsyncEnvironment_toDummyModule_closure()));
+    },
+    _async_environment$_getModule$1(namespace) {
+      var _0_0 = this._async_environment$_modules.$index(0, namespace);
+      if (_0_0 != null)
+        return _0_0;
+      throw A.wrapException(A.SassScriptException$('There is no module with the namespace "' + namespace + '".', null));
+    },
+    _async_environment$_fromOneModule$1$3($name, type, callback) {
+      var t1, t2, t3, t4, t5, _1_0, _2_0, value, identity, valueInModule, identityFromModule, module, node,
+        _0_0 = this._async_environment$_nestedForwardedModules;
+      if (_0_0 != null)
+        for (t1 = A._arrayInstanceType(_0_0)._eval$1("ReversedListIterable<1>"), t2 = new A.ReversedListIterable(_0_0, t1), t2 = new A.ListIterator(t2, t2.get$length(0), t1._eval$1("ListIterator<ListIterable.E>")), t1 = t1._eval$1("ListIterable.E"); t2.moveNext$0();) {
+          t3 = t2.__internal$_current;
+          for (t3 = J.get$reversed$ax(t3 == null ? t1._as(t3) : t3), t4 = t3.$ti, t3 = new A.ListIterator(t3, t3.get$length(0), t4._eval$1("ListIterator<ListIterable.E>")), t4 = t4._eval$1("ListIterable.E"); t3.moveNext$0();) {
+            t5 = t3.__internal$_current;
+            _1_0 = callback.call$1(t5 == null ? t4._as(t5) : t5);
+            if (_1_0 != null)
+              return _1_0;
+          }
+        }
+      for (t1 = this._async_environment$_importedModules, t1 = new A.LinkedHashMapKeyIterator(t1, t1._modifications, t1._first); t1.moveNext$0();) {
+        _2_0 = callback.call$1(t1.__js_helper$_current);
+        if (_2_0 != null)
+          return _2_0;
+      }
+      for (t1 = this._async_environment$_globalModules, t2 = new A.LinkedHashMapKeyIterator(t1, t1._modifications, t1._first), t3 = type$.AsyncCallable, value = null, identity = null; t2.moveNext$0();) {
+        t4 = t2.__js_helper$_current;
+        valueInModule = callback.call$1(t4);
+        if (valueInModule == null)
+          continue;
+        identityFromModule = t3._is(valueInModule) ? valueInModule : t4.variableIdentity$1($name);
+        if (identityFromModule.$eq(0, identity))
+          continue;
+        if (value != null) {
+          t2 = A.LinkedHashMap_LinkedHashMap$_empty(type$.FileSpan, type$.String);
+          for (t3 = A.MapExtensions_get_pairs(t1, type$.Module_AsyncCallable, type$.AstNode), t3 = t3.get$iterator(t3), t4 = "includes " + type; t3.moveNext$0();) {
+            t1 = t3.get$current(t3);
+            module = t1._0;
+            node = t1._1;
+            if (callback.call$1(module) != null)
+              t2.$indexSet(0, node.get$span(node), t4);
+          }
+          throw A.wrapException(A.MultiSpanSassScriptException$("This " + type + string$.x20is_av, type + " use", t2));
+        }
+        identity = identityFromModule;
+        value = valueInModule;
+      }
+      return value;
+    },
+    _async_environment$_fromOneModule$3($name, type, callback) {
+      return this._async_environment$_fromOneModule$1$3($name, type, callback, type$.dynamic);
+    }
+  };
+  A.AsyncEnvironment__getVariableFromGlobalModule_closure.prototype = {
+    call$1(module) {
+      return module.get$variables().$index(0, this.name);
+    },
+    $signature: 542
+  };
+  A.AsyncEnvironment_setVariable_closure.prototype = {
+    call$0() {
+      var t1 = this.$this;
+      t1._async_environment$_lastVariableName = this.name;
+      return t1._async_environment$_lastVariableIndex = 0;
+    },
+    $signature: 10
+  };
+  A.AsyncEnvironment_setVariable_closure0.prototype = {
+    call$1(module) {
+      return module.get$variables().containsKey$1(this.name) ? module : null;
+    },
+    $signature: 543
+  };
+  A.AsyncEnvironment_setVariable_closure1.prototype = {
+    call$0() {
+      var t1 = this.$this,
+        t2 = t1._async_environment$_variableIndex$1(this.name);
+      return t2 == null ? t1._async_environment$_variables.length - 1 : t2;
+    },
+    $signature: 10
+  };
+  A.AsyncEnvironment__getFunctionFromGlobalModule_closure.prototype = {
+    call$1(module) {
+      return module.get$functions(module).$index(0, this.name);
+    },
+    $signature: 172
+  };
+  A.AsyncEnvironment__getMixinFromGlobalModule_closure.prototype = {
+    call$1(module) {
+      return module.get$mixins().$index(0, this.name);
+    },
+    $signature: 172
+  };
+  A.AsyncEnvironment_toModule_closure.prototype = {
+    call$1(modules) {
+      return new A.MapKeySet(modules, type$.MapKeySet_Module_AsyncCallable);
+    },
+    $signature: 190
+  };
+  A.AsyncEnvironment_toDummyModule_closure.prototype = {
+    call$1(modules) {
+      return new A.MapKeySet(modules, type$.MapKeySet_Module_AsyncCallable);
+    },
+    $signature: 190
+  };
+  A._EnvironmentModule0.prototype = {
+    get$url(_) {
+      var t1 = this.css;
+      t1 = t1.get$span(t1);
+      return t1.get$sourceUrl(t1);
+    },
+    setVariable$3($name, value, nodeWithSpan) {
+      var t1, t2,
+        _0_0 = this._async_environment$_modulesByVariable.$index(0, $name);
+      if (_0_0 != null) {
+        _0_0.setVariable$3($name, value, nodeWithSpan);
+        return;
+      }
+      t1 = this._async_environment$_environment;
+      t2 = t1._async_environment$_variables;
+      if (!B.JSArray_methods.get$first(t2).containsKey$1($name))
+        throw A.wrapException(A.SassScriptException$("Undefined variable.", null));
+      B.JSArray_methods.get$first(t2).$indexSet(0, $name, value);
+      B.JSArray_methods.get$first(t1._async_environment$_variableNodes).$indexSet(0, $name, nodeWithSpan);
+      return;
+    },
+    variableIdentity$1($name) {
+      var module = this._async_environment$_modulesByVariable.$index(0, $name);
+      return module == null ? this : module.variableIdentity$1($name);
+    },
+    couldHaveBeenConfigured$1(variables) {
+      var t2, t3, _0_0, variable, module,
+        t1 = this._async_environment$_environment._async_environment$_configurableVariables;
+      if (!(variables.get$length(variables) < t1.get$length(t1) ? variables.any$1(0, t1.get$contains(t1)) : t1.any$1(0, variables.get$contains(variables)))) {
+        t1 = this._async_environment$_modulesByVariable;
+        t2 = type$.Module_AsyncCallable;
+        if (variables.get$length(variables) < t1.get$length(t1)) {
+          t2 = A.LinkedHashSet_LinkedHashSet$_empty(t2);
+          for (t3 = variables.get$iterator(variables); t3.moveNext$0();) {
+            _0_0 = t1.$index(0, t3.get$current(t3));
+            if (_0_0 != null)
+              t2.add$1(0, _0_0);
+          }
+          t1 = t2;
+        } else {
+          t3 = A.LinkedHashSet_LinkedHashSet$_empty(t2);
+          for (t1 = A.MapExtensions_get_pairs(t1, type$.String, t2), t1 = t1.get$iterator(t1); t1.moveNext$0();) {
+            t2 = t1.get$current(t1);
+            variable = t2._0;
+            module = t2._1;
+            if (variables.contains$1(0, variable))
+              t3.add$1(0, module);
+          }
+          t1 = t3;
+        }
+        t1 = t1.any$1(0, new A._EnvironmentModule_couldHaveBeenConfigured_closure0(variables));
+      } else
+        t1 = true;
+      return t1;
+    },
+    cloneCss$0() {
+      var _0_0, _this = this;
+      if (!_this.transitivelyContainsCss)
+        return _this;
+      _0_0 = A.cloneCssStylesheet(_this.css, _this.extensionStore);
+      return A._EnvironmentModule$_0(_this._async_environment$_environment, _0_0._0, _this.preModuleComments, _0_0._1, _this._async_environment$_modulesByVariable, _this.variables, _this.variableNodes, _this.functions, _this.mixins, true, _this.transitivelyContainsExtensions);
+    },
+    toString$0(_) {
+      var t1 = this.css,
+        t2 = t1.get$span(t1);
+      if (t2.get$sourceUrl(t2) == null)
+        t1 = "<unknown url>";
+      else {
+        t1 = t1.get$span(t1);
+        t1 = t1.get$sourceUrl(t1);
+        t2 = $.$get$context();
+        t1.toString;
+        t1 = t2.prettyUri$1(t1);
+      }
+      return t1;
+    },
+    $isModule0: 1,
+    get$upstream() {
+      return this.upstream;
+    },
+    get$variables() {
+      return this.variables;
+    },
+    get$variableNodes() {
+      return this.variableNodes;
+    },
+    get$functions(receiver) {
+      return this.functions;
+    },
+    get$mixins() {
+      return this.mixins;
+    },
+    get$extensionStore() {
+      return this.extensionStore;
+    },
+    get$css(receiver) {
+      return this.css;
+    },
+    get$preModuleComments() {
+      return this.preModuleComments;
+    },
+    get$transitivelyContainsCss() {
+      return this.transitivelyContainsCss;
+    },
+    get$transitivelyContainsExtensions() {
+      return this.transitivelyContainsExtensions;
+    }
+  };
+  A._EnvironmentModule__EnvironmentModule_closure5.prototype = {
+    call$1(module) {
+      return module.get$variables();
+    },
+    $signature: 579
+  };
+  A._EnvironmentModule__EnvironmentModule_closure6.prototype = {
+    call$1(module) {
+      return module.get$variableNodes();
+    },
+    $signature: 647
+  };
+  A._EnvironmentModule__EnvironmentModule_closure7.prototype = {
+    call$1(module) {
+      return module.get$functions(module);
+    },
+    $signature: 205
+  };
+  A._EnvironmentModule__EnvironmentModule_closure8.prototype = {
+    call$1(module) {
+      return module.get$mixins();
+    },
+    $signature: 205
+  };
+  A._EnvironmentModule__EnvironmentModule_closure9.prototype = {
+    call$1(module) {
+      return module.get$transitivelyContainsCss();
+    },
+    $signature: 85
+  };
+  A._EnvironmentModule__EnvironmentModule_closure10.prototype = {
+    call$1(module) {
+      return module.get$transitivelyContainsExtensions();
+    },
+    $signature: 85
+  };
+  A._EnvironmentModule_couldHaveBeenConfigured_closure0.prototype = {
+    call$1(module) {
+      return module.couldHaveBeenConfigured$1(this.variables);
+    },
+    $signature: 85
+  };
+  A.AsyncImportCache.prototype = {
+    canonicalize$4$baseImporter$baseUrl$forImport(_, url, baseImporter, baseUrl, forImport) {
+      return this.canonicalize$body$AsyncImportCache(0, url, baseImporter, baseUrl, forImport);
+    },
+    canonicalize$body$AsyncImportCache(_, url, baseImporter, baseUrl, forImport) {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.nullable_Record_3_AsyncImporter_and_Uri_and_Uri_originalUrl),
+        $async$returnValue, $async$self = this, t1, resolvedUrl, key, relativeResult, t2, t3, t4, t5, t6, cacheable, i, importer, perImporterKey, t7, _1_0, _1_2_isSet, result, _1_2, _2_0, _2_1, _2_5_isSet, _2_5, _2_3, _2_3_isSet, j;
+      var $async$canonicalize$4$baseImporter$baseUrl$forImport = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              if (A.isBrowser())
+                t1 = (baseImporter == null || baseImporter instanceof A.NoOpImporter) && $async$self._async_import_cache$_importers.length === 0;
+              else
+                t1 = false;
+              if (t1)
+                throw A.wrapException(string$.Custom);
+              $async$goto = baseImporter != null && url.get$scheme() === "" ? 3 : 4;
+              break;
+            case 3:
+              // then
+              resolvedUrl = baseUrl == null ? null : baseUrl.resolveUri$1(url);
+              if (resolvedUrl == null)
+                resolvedUrl = url;
+              key = new A._Record_3_forImport(baseImporter, resolvedUrl, forImport);
+              $async$goto = 5;
+              return A._asyncAwait(A.putIfAbsentAsync($async$self._async_import_cache$_perImporterCanonicalizeCache, key, new A.AsyncImportCache_canonicalize_closure($async$self, baseImporter, resolvedUrl, baseUrl, forImport, key, url), type$.Record_3_AsyncImporter_and_Uri_and_bool_forImport, type$.nullable_Record_3_AsyncImporter_and_Uri_and_Uri_originalUrl), $async$canonicalize$4$baseImporter$baseUrl$forImport);
+            case 5:
+              // returning from await.
+              relativeResult = $async$result;
+              if (relativeResult != null) {
+                $async$returnValue = relativeResult;
+                // goto return
+                $async$goto = 1;
+                break;
+              }
+            case 4:
+              // join
+              key = new A._Record_2_forImport(url, forImport);
+              t1 = $async$self._async_import_cache$_canonicalizeCache;
+              if (t1.containsKey$1(key)) {
+                $async$returnValue = t1.$index(0, key);
+                // goto return
+                $async$goto = 1;
+                break;
+              }
+              t2 = $async$self._async_import_cache$_importers, t3 = type$.Record_1_nullable_Object, t4 = $async$self._async_import_cache$_perImporterCanonicalizeCache, t5 = type$.nullable_Record_3_AsyncImporter_and_Uri_and_Uri_originalUrl, t6 = type$.Record_3_AsyncImporter_and_Uri_and_Uri_originalUrl, cacheable = true, i = 0;
+            case 6:
+              // for condition
+              if (!(i < t2.length)) {
+                // goto after for
+                $async$goto = 8;
+                break;
+              }
+              importer = t2[i];
+              perImporterKey = new A._Record_3_forImport(importer, url, forImport);
+              if (t4.containsKey$1(perImporterKey)) {
+                t7 = t4.$index(0, perImporterKey);
+                _1_0 = new A._Record_1(t7 == null ? t5._as(t7) : t7);
+              } else
+                _1_0 = null;
+              _1_2_isSet = t3._is(_1_0);
+              result = null;
+              if (_1_2_isSet) {
+                _1_2 = _1_0._0;
+                t7 = _1_2 != null;
+                if (t7) {
+                  t6._as(_1_2);
+                  result = _1_2;
+                }
+              } else {
+                _1_2 = null;
+                t7 = false;
+              }
+              if (t7) {
+                $async$returnValue = result;
+                // goto return
+                $async$goto = 1;
+                break;
+              }
+              if (_1_2_isSet)
+                t7 = _1_2 == null;
+              else
+                t7 = false;
+              if (t7) {
+                // goto for update
+                $async$goto = 7;
+                break;
+              }
+              $async$goto = 10;
+              return A._asyncAwait($async$self._async_import_cache$_canonicalize$4(importer, url, baseUrl, forImport), $async$canonicalize$4$baseImporter$baseUrl$forImport);
+            case 10:
+              // returning from await.
+              _2_0 = $async$result;
+              _2_1 = _2_0._0;
+              _2_5_isSet = _2_1 != null;
+              _2_5 = null;
+              _2_3 = null;
+              t7 = false;
+              if (_2_5_isSet) {
+                result = _2_1 == null ? t6._as(_2_1) : _2_1;
+                _2_3 = _2_0._1;
+                t7 = _2_3;
+                _2_5 = t7;
+                t7 = t7 && cacheable;
+              } else
+                result = null;
+              if (t7) {
+                t1.$indexSet(0, key, result);
+                $async$returnValue = result;
+                // goto return
+                $async$goto = 1;
+                break;
+              }
+              if (_2_5_isSet) {
+                t7 = _2_5;
+                _2_3_isSet = _2_5_isSet;
+              } else {
+                _2_3 = _2_0._1;
+                t7 = _2_3;
+                _2_3_isSet = true;
+              }
+              t7 = t7 && !cacheable;
+              if (t7) {
+                t4.$indexSet(0, perImporterKey, _2_1);
+                if (_2_1 != null) {
+                  $async$returnValue = _2_1;
+                  // goto return
+                  $async$goto = 1;
+                  break;
+                }
+                // goto break $label0$1
+                $async$goto = 9;
+                break;
+              }
+              t7 = !(_2_3_isSet ? _2_3 : _2_0._1);
+              if (t7) {
+                if (cacheable) {
+                  for (j = 0; j < i; ++j)
+                    t4.$indexSet(0, new A._Record_3_forImport(t2[j], url, forImport), null);
+                  cacheable = false;
+                }
+                if (_2_1 != null) {
+                  $async$returnValue = _2_1;
+                  // goto return
+                  $async$goto = 1;
+                  break;
+                }
+              }
+            case 9:
+              // break $label0$1
+            case 7:
+              // for update
+              ++i;
+              // goto for condition
+              $async$goto = 6;
+              break;
+            case 8:
+              // after for
+              if (cacheable)
+                t1.$indexSet(0, key, null);
+              $async$returnValue = null;
+              // goto return
+              $async$goto = 1;
+              break;
+            case 1:
+              // return
+              return A._asyncReturn($async$returnValue, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$canonicalize$4$baseImporter$baseUrl$forImport, $async$completer);
+    },
+    _async_import_cache$_canonicalize$4(importer, url, baseUrl, forImport) {
+      return this._canonicalize$body$AsyncImportCache(importer, url, baseUrl, forImport);
+    },
+    _canonicalize$body$AsyncImportCache(importer, url, baseUrl, forImport) {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.Record_2_nullable_Record_3_AsyncImporter_and_Uri_and_Uri_originalUrl_and_bool),
+        $async$returnValue, t1, passContainingUrl, canonicalizeContext, result, cacheable;
+      var $async$_async_import_cache$_canonicalize$4 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              $async$goto = baseUrl != null ? 3 : 5;
+              break;
+            case 3:
+              // then
+              $async$goto = url.get$scheme() !== "" ? 6 : 8;
+              break;
+            case 6:
+              // then
+              t1 = A._Future$value(importer.isNonCanonicalScheme$1(url.get$scheme()), type$.bool);
+              $async$goto = 9;
+              return A._asyncAwait(t1, $async$_async_import_cache$_canonicalize$4);
+            case 9:
+              // returning from await.
+              t1 = $async$result;
+              passContainingUrl = t1;
+              // goto join
+              $async$goto = 7;
+              break;
+            case 8:
+              // else
+              passContainingUrl = true;
+            case 7:
+              // join
+              // goto join
+              $async$goto = 4;
+              break;
+            case 5:
+              // else
+              passContainingUrl = false;
+            case 4:
+              // join
+              canonicalizeContext = new A.CanonicalizeContext(forImport, passContainingUrl ? baseUrl : null);
+              t1 = type$.nullable_Object;
+              t1 = A.runZoned(new A.AsyncImportCache__canonicalize_closure(importer, url), A.LinkedHashMap_LinkedHashMap$_literal([B.Symbol__canonicalizeContext, canonicalizeContext], t1, t1), type$.FutureOr_nullable_Uri);
+              $async$goto = 10;
+              return A._asyncAwait(type$.Future_nullable_Uri._is(t1) ? t1 : A._Future$value(t1, type$.nullable_Uri), $async$_async_import_cache$_canonicalize$4);
+            case 10:
+              // returning from await.
+              result = $async$result;
+              cacheable = !passContainingUrl || !canonicalizeContext._wasContainingUrlAccessed;
+              if (result == null) {
+                $async$returnValue = new A._Record_2(null, cacheable);
+                // goto return
+                $async$goto = 1;
+                break;
+              }
+              $async$goto = result.get$scheme() !== "" ? 11 : 13;
+              break;
+            case 11:
+              // then
+              t1 = A._Future$value(importer.isNonCanonicalScheme$1(result.get$scheme()), type$.bool);
+              $async$goto = 14;
+              return A._asyncAwait(t1, $async$_async_import_cache$_canonicalize$4);
+            case 14:
+              // returning from await.
+              t1 = $async$result;
+              // goto join
+              $async$goto = 12;
+              break;
+            case 13:
+              // else
+              t1 = false;
+            case 12:
+              // join
+              if (t1)
+                throw A.wrapException("Importer " + importer.toString$0(0) + " canonicalized " + url.toString$0(0) + " to " + result.toString$0(0) + string$.x2c_whicu);
+              $async$returnValue = new A._Record_2(new A._Record_3_originalUrl(importer, result, url), cacheable);
+              // goto return
+              $async$goto = 1;
+              break;
+            case 1:
+              // return
+              return A._asyncReturn($async$returnValue, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$_async_import_cache$_canonicalize$4, $async$completer);
+    },
+    importCanonical$3$originalUrl(importer, canonicalUrl, originalUrl) {
+      return this.importCanonical$body$AsyncImportCache(importer, canonicalUrl, originalUrl);
+    },
+    importCanonical$body$AsyncImportCache(importer, canonicalUrl, originalUrl) {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.nullable_Stylesheet),
+        $async$returnValue, $async$self = this;
+      var $async$importCanonical$3$originalUrl = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              $async$goto = 3;
+              return A._asyncAwait(A.putIfAbsentAsync($async$self._async_import_cache$_importCache, canonicalUrl, new A.AsyncImportCache_importCanonical_closure($async$self, importer, canonicalUrl, originalUrl), type$.Uri, type$.nullable_Stylesheet), $async$importCanonical$3$originalUrl);
+            case 3:
+              // returning from await.
+              $async$returnValue = $async$result;
+              // goto return
+              $async$goto = 1;
+              break;
+            case 1:
+              // return
+              return A._asyncReturn($async$returnValue, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$importCanonical$3$originalUrl, $async$completer);
+    },
+    humanize$1(canonicalUrl) {
+      var t1 = this._async_import_cache$_canonicalizeCache,
+        t2 = type$.NonNullsIterable_Record_3_AsyncImporter_and_Uri_and_Uri_originalUrl;
+      t2 = A.NullableExtension_andThen(A.minBy(new A.MappedIterable(new A.WhereIterable(new A.NonNullsIterable(new A.LinkedHashMapValuesIterable(t1, A._instanceType(t1)._eval$1("LinkedHashMapValuesIterable<2>")), t2), new A.AsyncImportCache_humanize_closure(canonicalUrl), t2._eval$1("WhereIterable<Iterable.E>")), new A.AsyncImportCache_humanize_closure0(), t2._eval$1("MappedIterable<Iterable.E,Uri>")), new A.AsyncImportCache_humanize_closure1()), new A.AsyncImportCache_humanize_closure2(canonicalUrl));
+      return t2 == null ? canonicalUrl : t2;
+    },
+    sourceMapUrl$1(_, canonicalUrl) {
+      var t1 = this._async_import_cache$_resultsCache.$index(0, canonicalUrl);
+      t1 = t1 == null ? null : t1.get$sourceMapUrl(0);
+      return t1 == null ? canonicalUrl : t1;
+    }
+  };
+  A.AsyncImportCache_canonicalize_closure.prototype = {
+    call$0() {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.nullable_Record_3_AsyncImporter_and_Uri_and_Uri_originalUrl),
+        $async$returnValue, $async$self = this, t1, t2, _0_0, result;
+      var $async$call$0 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              t1 = $async$self.$this;
+              t2 = $async$self.baseUrl;
+              $async$goto = 3;
+              return A._asyncAwait(t1._async_import_cache$_canonicalize$4($async$self.baseImporter, $async$self.resolvedUrl, t2, $async$self.forImport), $async$call$0);
+            case 3:
+              // returning from await.
+              _0_0 = $async$result;
+              result = _0_0._0;
+              _0_0._1;
+              if (t2 != null)
+                t1._async_import_cache$_nonCanonicalRelativeUrls.$indexSet(0, $async$self.key, $async$self.url);
+              $async$returnValue = result;
+              // goto return
+              $async$goto = 1;
+              break;
+            case 1:
+              // return
+              return A._asyncReturn($async$returnValue, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$call$0, $async$completer);
+    },
+    $signature: 285
+  };
+  A.AsyncImportCache__canonicalize_closure.prototype = {
+    call$0() {
+      return this.importer.canonicalize$1(0, this.url);
+    },
+    $signature: 160
+  };
+  A.AsyncImportCache_importCanonical_closure.prototype = {
+    call$0() {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.nullable_Stylesheet),
+        $async$returnValue, $async$self = this, t1, t2, t3, result;
+      var $async$call$0 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              t1 = Date.now();
+              t2 = $async$self.canonicalUrl;
+              t3 = A._Future$value($async$self.importer.load$1(0, t2), type$.nullable_ImporterResult);
+              $async$goto = 3;
+              return A._asyncAwait(t3, $async$call$0);
+            case 3:
+              // returning from await.
+              result = $async$result;
+              if (result == null) {
+                $async$returnValue = null;
+                // goto return
+                $async$goto = 1;
+                break;
+              }
+              t3 = $async$self.$this;
+              t3._async_import_cache$_loadTimes.$indexSet(0, t2, new A.DateTime(t1, 0, false));
+              t3._async_import_cache$_resultsCache.$indexSet(0, t2, result);
+              t3 = result.contents;
+              t1 = result.syntax;
+              t2 = $async$self.originalUrl.resolveUri$1(t2);
+              $async$returnValue = A.Stylesheet_Stylesheet$parse(t3, t1, t2);
+              // goto return
+              $async$goto = 1;
+              break;
+            case 1:
+              // return
+              return A._asyncReturn($async$returnValue, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$call$0, $async$completer);
+    },
+    $signature: 298
+  };
+  A.AsyncImportCache_humanize_closure.prototype = {
+    call$1(result) {
+      return result._1.$eq(0, this.canonicalUrl);
+    },
+    $signature: 299
+  };
+  A.AsyncImportCache_humanize_closure0.prototype = {
+    call$1(result) {
+      return result._2;
+    },
+    $signature: 301
+  };
+  A.AsyncImportCache_humanize_closure1.prototype = {
+    call$1(url) {
+      return url.get$path(url).length;
+    },
+    $signature: 89
+  };
+  A.AsyncImportCache_humanize_closure2.prototype = {
+    call$1(url) {
+      var t1 = $.$get$url(),
+        t2 = this.canonicalUrl;
+      return url.resolve$1(0, A.ParsedPath_ParsedPath$parse(t2.get$path(t2), t1.style).get$basename());
+    },
+    $signature: 47
+  };
+  A.AsyncBuiltInCallable.prototype = {
+    callbackFor$2(positional, names) {
+      return new A._Record_2(this._parameters, this._async_built_in$_callback);
+    },
+    withDeprecationWarning$1(module) {
+      return new A.AsyncBuiltInCallable(this.name, this._parameters, new A.AsyncBuiltInCallable_withDeprecationWarning_closure(this, module, null), false);
+    },
+    $isAsyncCallable: 1,
+    get$name(receiver) {
+      return this.name;
+    },
+    get$acceptsContent() {
+      return this.acceptsContent;
+    }
+  };
+  A.AsyncBuiltInCallable$mixin_closure.prototype = {
+    call$1($arguments) {
+      return this.$call$body$AsyncBuiltInCallable$mixin_closure($arguments);
+    },
+    $call$body$AsyncBuiltInCallable$mixin_closure($arguments) {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.Value),
+        $async$returnValue, $async$self = this, t1;
+      var $async$call$1 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              t1 = $async$self.callback.call$1($arguments);
+              $async$goto = 3;
+              return A._asyncAwait(t1 instanceof A._Future ? t1 : A._Future$value(t1, type$.void), $async$call$1);
+            case 3:
+              // returning from await.
+              $async$returnValue = B.C__SassNull;
+              // goto return
+              $async$goto = 1;
+              break;
+            case 1:
+              // return
+              return A._asyncReturn($async$returnValue, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$call$1, $async$completer);
+    },
+    $signature: 176
+  };
+  A.AsyncBuiltInCallable_withDeprecationWarning_closure.prototype = {
+    call$1(args) {
+      var t1 = this.$this;
+      A.warnForDeprecation(string$.Global + this.module + "." + t1.name + string$.x20inste, B.Deprecation_rMl);
+      return t1._async_built_in$_callback.call$1(args);
+    },
+    $signature: 307
+  };
+  A.BuiltInCallable.prototype = {
+    callbackFor$2(positional, names) {
+      var t1, t2, fuzzyMatch, minMismatchDistance, _i, overload, t3, mismatchDistance, t4;
+      for (t1 = this._overloads, t2 = t1.length, fuzzyMatch = null, minMismatchDistance = null, _i = 0; _i < t1.length; t1.length === t2 || (0, A.throwConcurrentModificationError)(t1), ++_i) {
+        overload = t1[_i];
+        t3 = overload._0;
+        if (t3.matches$2(positional, names))
+          return overload;
+        mismatchDistance = t3.parameters.length - positional;
+        if (minMismatchDistance != null) {
+          t3 = Math.abs(mismatchDistance);
+          t4 = Math.abs(minMismatchDistance);
+          if (t3 > t4)
+            continue;
+          if (t3 === t4 && mismatchDistance < 0)
+            continue;
+        }
+        minMismatchDistance = mismatchDistance;
+        fuzzyMatch = overload;
+      }
+      if (fuzzyMatch != null)
+        return fuzzyMatch;
+      throw A.wrapException(A.StateError$("BuiltInCallable " + this.name + " may not have empty overloads."));
+    },
+    withName$1($name) {
+      return new A.BuiltInCallable($name, this._overloads, this.acceptsContent);
+    },
+    withDeprecationWarning$2(module, newName) {
+      var t2, t3, _i, t4, t5, _this = this,
+        t1 = A._setArrayType([], type$.JSArray_Record_2_ParameterList_and_Value_Function_List_Value);
+      for (t2 = _this._overloads, t3 = t2.length, _i = 0; _i < t2.length; t2.length === t3 || (0, A.throwConcurrentModificationError)(t2), ++_i) {
+        t4 = {};
+        t5 = t2[_i];
+        t4.$function = null;
+        t4.$function = t5._1;
+        t1.push(new A._Record_2(t5._0, new A.BuiltInCallable_withDeprecationWarning_closure(t4, _this, module, newName)));
+      }
+      return new A.BuiltInCallable(_this.name, t1, _this.acceptsContent);
+    },
+    withDeprecationWarning$1(module) {
+      return this.withDeprecationWarning$2(module, null);
+    },
+    $isCallable0: 1,
+    $isAsyncCallable: 1,
+    $isAsyncBuiltInCallable: 1,
+    get$name(receiver) {
+      return this.name;
+    },
+    get$acceptsContent() {
+      return this.acceptsContent;
+    }
+  };
+  A.BuiltInCallable$mixin_closure.prototype = {
+    call$1($arguments) {
+      this.callback.call$1($arguments);
+      return B.C__SassNull;
+    },
+    $signature: 4
+  };
+  A.BuiltInCallable_withDeprecationWarning_closure.prototype = {
+    call$1(args) {
+      var _this = this,
+        t1 = _this.newName;
+      if (t1 == null)
+        t1 = _this.$this.name;
+      A.warnForDeprecation(string$.Global + _this.module + "." + t1 + string$.x20inste, B.Deprecation_rMl);
+      return _this._box_0.$function.call$1(args);
+    },
+    $signature: 4
+  };
+  A.PlainCssCallable.prototype = {
+    $eq(_, other) {
+      if (other == null)
+        return false;
+      return other instanceof A.PlainCssCallable && this.name === other.name;
+    },
+    get$hashCode(_) {
+      return B.JSString_methods.get$hashCode(this.name);
+    },
+    $isCallable0: 1,
+    $isAsyncCallable: 1,
+    get$name(receiver) {
+      return this.name;
+    }
+  };
+  A.UserDefinedCallable.prototype = {
+    get$name(_) {
+      return this.declaration.name;
+    },
+    $isCallable0: 1,
+    $isAsyncCallable: 1
+  };
+  A._compileStylesheet_closure.prototype = {
+    call$1(url) {
+      var t1;
+      if (url === "") {
+        t1 = this.stylesheet.span;
+        t1 = A.Uri_Uri$dataFromString(A.String_String$fromCharCodes(B.NativeUint32List_methods.sublist$2(t1.get$file(t1)._decodedChars, 0, null), 0, null), B.C_Utf8Codec, null).get$_text();
+      } else
+        t1 = this.importCache.sourceMapUrl$1(0, A.Uri_parse(url)).toString$0(0);
+      return t1;
+    },
+    $signature: 6
+  };
+  A.CompileResult.prototype = {};
+  A.Configuration.prototype = {
+    throughForward$1($forward) {
+      var _0_0, _1_0, _2_0, t1, hiddenVariables,
+        newValues = this._configuration$_values;
+      if (newValues.get$isEmpty(newValues))
+        return this;
+      _0_0 = $forward.prefix;
+      if (_0_0 != null)
+        newValues = new A.UnprefixedMapView(newValues, _0_0, type$.UnprefixedMapView_ConfiguredValue);
+      _1_0 = $forward.shownVariables;
+      if (_1_0 != null)
+        newValues = new A.LimitedMapView(newValues, _1_0._base.intersection$1(new A.MapKeySet(newValues, type$.MapKeySet_nullable_Object)), type$.LimitedMapView_String_ConfiguredValue);
+      else {
+        _2_0 = $forward.hiddenVariables;
+        if (_2_0 != null) {
+          t1 = _2_0._base.get$isNotEmpty(0);
+          hiddenVariables = _2_0;
+        } else {
+          hiddenVariables = null;
+          t1 = false;
+        }
+        if (t1)
+          newValues = A.LimitedMapView$blocklist(newValues, hiddenVariables, type$.String, type$.ConfiguredValue);
+      }
+      return this._withValues$1(newValues);
+    },
+    _withValues$1(values) {
+      var t1 = this.__originalConfiguration;
+      return new A.Configuration(values, t1 == null ? this : t1);
+    },
+    toString$0(_) {
+      var t2, t3,
+        t1 = A._setArrayType([], type$.JSArray_String);
+      for (t2 = A.MapExtensions_get_pairs(new A.UnmodifiableMapView(this._configuration$_values, type$.UnmodifiableMapView_String_ConfiguredValue), type$.String, type$.ConfiguredValue), t2 = t2.get$iterator(t2); t2.moveNext$0();) {
+        t3 = t2.get$current(t2);
+        t1.push("$" + t3._0 + ": " + t3._1.toString$0(0));
+      }
+      return "(" + B.JSArray_methods.join$1(t1, ",") + ")";
+    }
+  };
+  A.ExplicitConfiguration.prototype = {
+    _withValues$1(values) {
+      var t1 = this.__originalConfiguration;
+      if (t1 == null)
+        t1 = this;
+      return new A.ExplicitConfiguration(this.nodeWithSpan, values, t1);
+    }
+  };
+  A.ConfiguredValue.prototype = {
+    toString$0(_) {
+      return this.value.toString$0(0);
+    }
+  };
+  A.Deprecation.prototype = {
+    _enumToString$0() {
+      return "Deprecation." + this._name;
+    },
+    toString$0(_) {
+      return this.id;
+    }
+  };
+  A.Deprecation_fromId_closure.prototype = {
+    call$1(deprecation) {
+      return deprecation.id === this.id;
+    },
+    $signature: 312
+  };
+  A.Environment.prototype = {
+    closure$0() {
+      var t4, t5, t6, _this = this,
+        t1 = _this._forwardedModules,
+        t2 = _this._nestedForwardedModules,
+        t3 = _this._variables;
+      t3 = A._setArrayType(t3.slice(0), A._arrayInstanceType(t3));
+      t4 = _this._variableNodes;
+      t4 = A._setArrayType(t4.slice(0), A._arrayInstanceType(t4));
+      t5 = _this._functions;
+      t5 = A._setArrayType(t5.slice(0), A._arrayInstanceType(t5));
+      t6 = _this._mixins;
+      t6 = A._setArrayType(t6.slice(0), A._arrayInstanceType(t6));
+      return A.Environment$_(_this._environment$_modules, _this._namespaceNodes, _this._globalModules, _this._importedModules, t1, t2, _this._allModules, t3, t4, t5, t6, _this._content, B.Set_empty1);
+    },
+    forwardModule$2(module, rule) {
+      var view, t1, t2, _this = this,
+        forwardedModules = _this._forwardedModules;
+      if (forwardedModules == null)
+        forwardedModules = _this._forwardedModules = A.LinkedHashMap_LinkedHashMap$_empty(type$.Module_Callable, type$.AstNode);
+      view = A.ForwardedModuleView_ifNecessary(module, rule, type$.Callable);
+      for (t1 = new A.LinkedHashMapKeyIterator(forwardedModules, forwardedModules._modifications, forwardedModules._first); t1.moveNext$0();) {
+        t2 = t1.__js_helper$_current;
+        _this._assertNoConflicts$5(view.get$variables(), t2.get$variables(), view, t2, "variable");
+        _this._assertNoConflicts$5(view.get$functions(view), t2.get$functions(t2), view, t2, "function");
+        _this._assertNoConflicts$5(view.get$mixins(), t2.get$mixins(), view, t2, "mixin");
+      }
+      _this._allModules.push(module);
+      forwardedModules.$indexSet(0, view, rule);
+    },
+    _assertNoConflicts$5(newMembers, oldMembers, newModule, oldModule, type) {
+      var larger, smaller, t1, t2, t3, t4, $name, small, large, span;
+      if (newMembers.get$length(newMembers) < oldMembers.get$length(oldMembers)) {
+        larger = oldMembers;
+        smaller = newMembers;
+      } else {
+        larger = newMembers;
+        smaller = oldMembers;
+      }
+      for (t1 = type$.String, t2 = A.MapExtensions_get_pairs(smaller, t1, type$.Object), t2 = t2.get$iterator(t2), t3 = type === "variable"; t2.moveNext$0();) {
+        t4 = t2.get$current(t2);
+        $name = t4._0;
+        small = t4._1;
+        large = larger.$index(0, $name);
+        if (large == null)
+          continue;
+        if (t3 ? newModule.variableIdentity$1($name) === oldModule.variableIdentity$1($name) : J.$eq$(large, small))
+          continue;
+        if (t3)
+          $name = "$" + $name;
+        t2 = this._forwardedModules;
+        if (t2 == null)
+          span = null;
+        else {
+          t2 = t2.$index(0, oldModule);
+          span = t2 == null ? null : t2.get$span(t2);
+        }
+        t2 = A.LinkedHashMap_LinkedHashMap$_empty(type$.FileSpan, t1);
+        if (span != null)
+          t2.$indexSet(0, span, "original @forward");
+        throw A.wrapException(A.MultiSpanSassScriptException$("Two forwarded modules both define a " + type + " named " + $name + ".", "new @forward", t2));
+      }
+    },
+    importForwards$1(module) {
+      var forwardedModules, t1, t2, t3, t4, node, t5, t6, t7, t8, t9, t10, _i, t11, shadowed, t12, t13, _length, _list, _this = this,
+        forwarded = module._environment$_environment._forwardedModules;
+      if (forwarded == null)
+        return;
+      forwardedModules = _this._forwardedModules;
+      if (forwardedModules != null) {
+        t1 = type$.Module_Callable;
+        t2 = type$.AstNode;
+        t3 = A.LinkedHashMap_LinkedHashMap$_empty(t1, t2);
+        for (t1 = A.MapExtensions_get_pairs(forwarded, t1, t2), t1 = t1.get$iterator(t1), t2 = _this._globalModules; t1.moveNext$0();) {
+          t4 = t1.get$current(t1);
+          module = t4._0;
+          node = t4._1;
+          if (!forwardedModules.containsKey$1(module) || !t2.containsKey$1(module))
+            t3.$indexSet(0, module, node);
+        }
+        forwarded = t3;
+      } else
+        forwardedModules = _this._forwardedModules = A.LinkedHashMap_LinkedHashMap$_empty(type$.Module_Callable, type$.AstNode);
+      t1 = type$.String;
+      t2 = A.LinkedHashSet_LinkedHashSet$_empty(t1);
+      for (t3 = new A.LinkedHashMapKeyIterator(forwarded, forwarded._modifications, forwarded._first); t3.moveNext$0();)
+        for (t4 = t3.__js_helper$_current.get$variables(), t4 = t4.get$keys(t4), t4 = t4.get$iterator(t4); t4.moveNext$0();)
+          t2.add$1(0, t4.get$current(t4));
+      t3 = A.LinkedHashSet_LinkedHashSet$_empty(t1);
+      for (t4 = new A.LinkedHashMapKeyIterator(forwarded, forwarded._modifications, forwarded._first); t4.moveNext$0();) {
+        t5 = t4.__js_helper$_current;
+        for (t5 = t5.get$functions(t5), t5 = t5.get$keys(t5), t5 = t5.get$iterator(t5); t5.moveNext$0();)
+          t3.add$1(0, t5.get$current(t5));
+      }
+      t1 = A.LinkedHashSet_LinkedHashSet$_empty(t1);
+      for (t4 = new A.LinkedHashMapKeyIterator(forwarded, forwarded._modifications, forwarded._first); t4.moveNext$0();)
+        for (t5 = t4.__js_helper$_current.get$mixins(), t5 = t5.get$keys(t5), t5 = t5.get$iterator(t5); t5.moveNext$0();)
+          t1.add$1(0, t5.get$current(t5));
+      t4 = _this._variables;
+      t5 = t4.length;
+      if (t5 === 1) {
+        for (t5 = _this._importedModules, t6 = type$.Module_Callable, t7 = type$.AstNode, t8 = A.MapExtensions_get_pairs(t5, t6, t7).toList$0(0), t9 = t8.length, t10 = type$.Callable, _i = 0; _i < t8.length; t8.length === t9 || (0, A.throwConcurrentModificationError)(t8), ++_i) {
+          t11 = t8[_i];
+          module = t11._0;
+          shadowed = A.ShadowedModuleView_ifNecessary(module, t3, t1, t2, t10);
+          if (shadowed != null) {
+            t5.remove$1(0, module);
+            t12 = shadowed.variables;
+            t13 = false;
+            if (t12.get$isEmpty(t12)) {
+              t12 = shadowed.functions;
+              if (t12.get$isEmpty(t12)) {
+                t12 = shadowed.mixins;
+                if (t12.get$isEmpty(t12)) {
+                  t12 = shadowed._shadowed_view$_inner;
+                  t12 = t12.get$css(t12);
+                  t12 = J.get$isEmpty$asx(t12.get$children(t12));
+                } else
+                  t12 = t13;
+              } else
+                t12 = t13;
+            } else
+              t12 = t13;
+            if (!t12)
+              t5.$indexSet(0, shadowed, t11._1);
+          }
+        }
+        for (t6 = A.MapExtensions_get_pairs(forwardedModules, t6, t7).toList$0(0), t7 = t6.length, _i = 0; _i < t6.length; t6.length === t7 || (0, A.throwConcurrentModificationError)(t6), ++_i) {
+          t8 = t6[_i];
+          module = t8._0;
+          shadowed = A.ShadowedModuleView_ifNecessary(module, t3, t1, t2, t10);
+          if (shadowed != null) {
+            forwardedModules.remove$1(0, module);
+            t9 = shadowed.variables;
+            t11 = false;
+            if (t9.get$isEmpty(t9)) {
+              t9 = shadowed.functions;
+              if (t9.get$isEmpty(t9)) {
+                t9 = shadowed.mixins;
+                if (t9.get$isEmpty(t9)) {
+                  t9 = shadowed._shadowed_view$_inner;
+                  t9 = t9.get$css(t9);
+                  t9 = J.get$isEmpty$asx(t9.get$children(t9));
+                } else
+                  t9 = t11;
+              } else
+                t9 = t11;
+            } else
+              t9 = t11;
+            if (!t9)
+              forwardedModules.$indexSet(0, shadowed, t8._1);
+          }
+        }
+        t5.addAll$1(0, forwarded);
+        forwardedModules.addAll$1(0, forwarded);
+      } else {
+        t6 = _this._nestedForwardedModules;
+        if (t6 == null) {
+          _length = t5 - 1;
+          _list = J.JSArray_JSArray$allocateGrowable(_length, type$.List_Module_Callable);
+          for (t5 = type$.JSArray_Module_Callable, _i = 0; _i < _length; ++_i)
+            _list[_i] = A._setArrayType([], t5);
+          _this._nestedForwardedModules = _list;
+          t5 = _list;
+        } else
+          t5 = t6;
+        B.JSArray_methods.addAll$1(B.JSArray_methods.get$last(t5), new A.LinkedHashMapKeysIterable(forwarded, A._instanceType(forwarded)._eval$1("LinkedHashMapKeysIterable<1>")));
+      }
+      for (t2 = A._LinkedHashSetIterator$(t2, t2._collection$_modifications, t2.$ti._precomputed1), t5 = _this._variableIndices, t6 = _this._variableNodes, t7 = t2.$ti._precomputed1; t2.moveNext$0();) {
+        t8 = t2._collection$_current;
+        if (t8 == null)
+          t8 = t7._as(t8);
+        t5.remove$1(0, t8);
+        B.JSArray_methods.get$last(t4).remove$1(0, t8);
+        B.JSArray_methods.get$last(t6).remove$1(0, t8);
+      }
+      for (t2 = A._LinkedHashSetIterator$(t3, t3._collection$_modifications, t3.$ti._precomputed1), t3 = _this._functionIndices, t4 = _this._functions, t5 = t2.$ti._precomputed1; t2.moveNext$0();) {
+        t6 = t2._collection$_current;
+        if (t6 == null)
+          t6 = t5._as(t6);
+        t3.remove$1(0, t6);
+        B.JSArray_methods.get$last(t4).remove$1(0, t6);
+      }
+      for (t1 = A._LinkedHashSetIterator$(t1, t1._collection$_modifications, t1.$ti._precomputed1), t2 = _this._mixinIndices, t3 = _this._mixins, t4 = t1.$ti._precomputed1; t1.moveNext$0();) {
+        t5 = t1._collection$_current;
+        if (t5 == null)
+          t5 = t4._as(t5);
+        t2.remove$1(0, t5);
+        B.JSArray_methods.get$last(t3).remove$1(0, t5);
+      }
+    },
+    getVariable$2$namespace($name, namespace) {
+      var t1, _0_0, _1_0, _this = this;
+      if (namespace != null)
+        return _this._getModule$1(namespace).get$variables().$index(0, $name);
+      if (_this._lastVariableName === $name) {
+        t1 = _this._lastVariableIndex;
+        t1.toString;
+        t1 = _this._variables[t1].$index(0, $name);
+        return t1 == null ? _this._getVariableFromGlobalModule$1($name) : t1;
+      }
+      t1 = _this._variableIndices;
+      _0_0 = t1.$index(0, $name);
+      if (_0_0 != null) {
+        _this._lastVariableName = $name;
+        _this._lastVariableIndex = _0_0;
+        t1 = _this._variables[_0_0].$index(0, $name);
+        return t1 == null ? _this._getVariableFromGlobalModule$1($name) : t1;
+      } else {
+        _1_0 = _this._variableIndex$1($name);
+        if (_1_0 != null) {
+          _this._lastVariableName = $name;
+          _this._lastVariableIndex = _1_0;
+          t1.$indexSet(0, $name, _1_0);
+          t1 = _this._variables[_1_0].$index(0, $name);
+          return t1 == null ? _this._getVariableFromGlobalModule$1($name) : t1;
+        } else
+          return _this._getVariableFromGlobalModule$1($name);
+      }
+    },
+    getVariable$1($name) {
+      return this.getVariable$2$namespace($name, null);
+    },
+    _getVariableFromGlobalModule$1($name) {
+      return this._fromOneModule$3($name, "variable", new A.Environment__getVariableFromGlobalModule_closure($name));
+    },
+    getVariableNode$2$namespace($name, namespace) {
+      var t1, _0_0, _1_0, _this = this;
+      if (namespace != null)
+        return _this._getModule$1(namespace).get$variableNodes().$index(0, $name);
+      if (_this._lastVariableName === $name) {
+        t1 = _this._lastVariableIndex;
+        t1.toString;
+        t1 = _this._variableNodes[t1].$index(0, $name);
+        return t1 == null ? _this._getVariableNodeFromGlobalModule$1($name) : t1;
+      }
+      t1 = _this._variableIndices;
+      _0_0 = t1.$index(0, $name);
+      if (_0_0 != null) {
+        _this._lastVariableName = $name;
+        _this._lastVariableIndex = _0_0;
+        t1 = _this._variableNodes[_0_0].$index(0, $name);
+        return t1 == null ? _this._getVariableNodeFromGlobalModule$1($name) : t1;
+      } else {
+        _1_0 = _this._variableIndex$1($name);
+        if (_1_0 != null) {
+          _this._lastVariableName = $name;
+          _this._lastVariableIndex = _1_0;
+          t1.$indexSet(0, $name, _1_0);
+          t1 = _this._variableNodes[_1_0].$index(0, $name);
+          return t1 == null ? _this._getVariableNodeFromGlobalModule$1($name) : t1;
+        } else
+          return _this._getVariableNodeFromGlobalModule$1($name);
+      }
+    },
+    _getVariableNodeFromGlobalModule$1($name) {
+      var t1, t2, _0_0;
+      for (t1 = this._importedModules, t2 = this._globalModules, t2 = new A.LinkedHashMapKeysIterable(t1, A._instanceType(t1)._eval$1("LinkedHashMapKeysIterable<1>")).followedBy$1(0, new A.LinkedHashMapKeysIterable(t2, A._instanceType(t2)._eval$1("LinkedHashMapKeysIterable<1>"))), t2 = new A.FollowedByIterator(J.get$iterator$ax(t2.__internal$_first), t2._second); t2.moveNext$0();) {
+        t1 = t2._currentIterator;
+        _0_0 = t1.get$current(t1).get$variableNodes().$index(0, $name);
+        if (_0_0 != null)
+          return _0_0;
+      }
+      return null;
+    },
+    globalVariableExists$2$namespace($name, namespace) {
+      if (namespace != null)
+        return this._getModule$1(namespace).get$variables().containsKey$1($name);
+      if (B.JSArray_methods.get$first(this._variables).containsKey$1($name))
+        return true;
+      return this._getVariableFromGlobalModule$1($name) != null;
+    },
+    globalVariableExists$1($name) {
+      return this.globalVariableExists$2$namespace($name, null);
+    },
+    _variableIndex$1($name) {
+      var t1, i;
+      for (t1 = this._variables, i = t1.length - 1; i >= 0; --i)
+        if (t1[i].containsKey$1($name))
+          return i;
+      return null;
+    },
+    setVariable$5$global$namespace($name, value, nodeWithSpan, global, namespace) {
+      var t1, moduleWithName, nestedForwardedModules, t2, t3, t4, t5, index, _this = this;
+      if (namespace != null) {
+        _this._getModule$1(namespace).setVariable$3($name, value, nodeWithSpan);
+        return;
+      }
+      if (global || _this._variables.length === 1) {
+        _this._variableIndices.putIfAbsent$2($name, new A.Environment_setVariable_closure(_this, $name));
+        t1 = _this._variables;
+        if (!B.JSArray_methods.get$first(t1).containsKey$1($name)) {
+          moduleWithName = _this._fromOneModule$3($name, "variable", new A.Environment_setVariable_closure0($name));
+          if (moduleWithName != null) {
+            moduleWithName.setVariable$3($name, value, nodeWithSpan);
+            return;
+          }
+        }
+        B.JSArray_methods.get$first(t1).$indexSet(0, $name, value);
+        B.JSArray_methods.get$first(_this._variableNodes).$indexSet(0, $name, nodeWithSpan);
+        return;
+      }
+      nestedForwardedModules = _this._nestedForwardedModules;
+      if (nestedForwardedModules != null && !_this._variableIndices.containsKey$1($name) && _this._variableIndex$1($name) == null)
+        for (t1 = A._arrayInstanceType(nestedForwardedModules)._eval$1("ReversedListIterable<1>"), t2 = new A.ReversedListIterable(nestedForwardedModules, t1), t2 = new A.ListIterator(t2, t2.get$length(0), t1._eval$1("ListIterator<ListIterable.E>")), t1 = t1._eval$1("ListIterable.E"); t2.moveNext$0();) {
+          t3 = t2.__internal$_current;
+          for (t3 = J.get$reversed$ax(t3 == null ? t1._as(t3) : t3), t4 = t3.$ti, t3 = new A.ListIterator(t3, t3.get$length(0), t4._eval$1("ListIterator<ListIterable.E>")), t4 = t4._eval$1("ListIterable.E"); t3.moveNext$0();) {
+            t5 = t3.__internal$_current;
+            if (t5 == null)
+              t5 = t4._as(t5);
+            if (t5.get$variables().containsKey$1($name)) {
+              t5.setVariable$3($name, value, nodeWithSpan);
+              return;
+            }
+          }
+        }
+      if (_this._lastVariableName === $name) {
+        t1 = _this._lastVariableIndex;
+        t1.toString;
+        index = t1;
+      } else
+        index = _this._variableIndices.putIfAbsent$2($name, new A.Environment_setVariable_closure1(_this, $name));
+      if (!_this._inSemiGlobalScope && index === 0) {
+        index = _this._variables.length - 1;
+        _this._variableIndices.$indexSet(0, $name, index);
+      }
+      _this._lastVariableName = $name;
+      _this._lastVariableIndex = index;
+      _this._variables[index].$indexSet(0, $name, value);
+      _this._variableNodes[index].$indexSet(0, $name, nodeWithSpan);
+    },
+    setVariable$4$global($name, value, nodeWithSpan, global) {
+      return this.setVariable$5$global$namespace($name, value, nodeWithSpan, global, null);
+    },
+    setLocalVariable$3($name, value, nodeWithSpan) {
+      var index, _this = this,
+        t1 = _this._variables,
+        t2 = t1.length;
+      _this._lastVariableName = $name;
+      index = _this._lastVariableIndex = t2 - 1;
+      _this._variableIndices.$indexSet(0, $name, index);
+      t1[index].$indexSet(0, $name, value);
+      _this._variableNodes[index].$indexSet(0, $name, nodeWithSpan);
+    },
+    getFunction$2$namespace($name, namespace) {
+      var t1, _0_0, _1_0, _this = this;
+      if (namespace != null) {
+        t1 = _this._getModule$1(namespace);
+        return t1.get$functions(t1).$index(0, $name);
+      }
+      t1 = _this._functionIndices;
+      _0_0 = t1.$index(0, $name);
+      if (_0_0 != null) {
+        t1 = _this._functions[_0_0].$index(0, $name);
+        return t1 == null ? _this._getFunctionFromGlobalModule$1($name) : t1;
+      } else {
+        _1_0 = _this._functionIndex$1($name);
+        if (_1_0 != null) {
+          t1.$indexSet(0, $name, _1_0);
+          t1 = _this._functions[_1_0].$index(0, $name);
+          return t1 == null ? _this._getFunctionFromGlobalModule$1($name) : t1;
+        } else
+          return _this._getFunctionFromGlobalModule$1($name);
+      }
+    },
+    getFunction$1($name) {
+      return this.getFunction$2$namespace($name, null);
+    },
+    _getFunctionFromGlobalModule$1($name) {
+      return this._fromOneModule$3($name, "function", new A.Environment__getFunctionFromGlobalModule_closure($name));
+    },
+    _functionIndex$1($name) {
+      var t1, i;
+      for (t1 = this._functions, i = t1.length - 1; i >= 0; --i)
+        if (t1[i].containsKey$1($name))
+          return i;
+      return null;
+    },
+    getMixin$2$namespace($name, namespace) {
+      var t1, _0_0, _1_0, _this = this;
+      if (namespace != null)
+        return _this._getModule$1(namespace).get$mixins().$index(0, $name);
+      t1 = _this._mixinIndices;
+      _0_0 = t1.$index(0, $name);
+      if (_0_0 != null) {
+        t1 = _this._mixins[_0_0].$index(0, $name);
+        return t1 == null ? _this._getMixinFromGlobalModule$1($name) : t1;
+      } else {
+        _1_0 = _this._mixinIndex$1($name);
+        if (_1_0 != null) {
+          t1.$indexSet(0, $name, _1_0);
+          t1 = _this._mixins[_1_0].$index(0, $name);
+          return t1 == null ? _this._getMixinFromGlobalModule$1($name) : t1;
+        } else
+          return _this._getMixinFromGlobalModule$1($name);
+      }
+    },
+    _getMixinFromGlobalModule$1($name) {
+      return this._fromOneModule$3($name, "mixin", new A.Environment__getMixinFromGlobalModule_closure($name));
+    },
+    _mixinIndex$1($name) {
+      var t1, i;
+      for (t1 = this._mixins, i = t1.length - 1; i >= 0; --i)
+        if (t1[i].containsKey$1($name))
+          return i;
+      return null;
+    },
+    withContent$2($content, callback) {
+      var oldContent = this._content;
+      this._content = $content;
+      callback.call$0();
+      this._content = oldContent;
+    },
+    asMixin$1(callback) {
+      var oldInMixin = this._inMixin;
+      this._inMixin = true;
+      callback.call$0();
+      this._inMixin = oldInMixin;
+    },
+    scope$1$3$semiGlobal$when(callback, semiGlobal, when) {
+      var wasInSemiGlobalScope, $name, name0, name1, t1, t2, t3, t4, t5, t6, _this = this;
+      semiGlobal = semiGlobal && _this._inSemiGlobalScope;
+      wasInSemiGlobalScope = _this._inSemiGlobalScope;
+      _this._inSemiGlobalScope = semiGlobal;
+      if (!when)
+        try {
+          t1 = callback.call$0();
+          return t1;
+        } finally {
+          _this._inSemiGlobalScope = wasInSemiGlobalScope;
+        }
+      t1 = _this._variables;
+      t2 = type$.String;
+      B.JSArray_methods.add$1(t1, A.LinkedHashMap_LinkedHashMap$_empty(t2, type$.Value));
+      t3 = _this._variableNodes;
+      B.JSArray_methods.add$1(t3, A.LinkedHashMap_LinkedHashMap$_empty(t2, type$.AstNode));
+      t4 = _this._functions;
+      t5 = type$.Callable;
+      B.JSArray_methods.add$1(t4, A.LinkedHashMap_LinkedHashMap$_empty(t2, t5));
+      t6 = _this._mixins;
+      B.JSArray_methods.add$1(t6, A.LinkedHashMap_LinkedHashMap$_empty(t2, t5));
+      t5 = _this._nestedForwardedModules;
+      if (t5 != null)
+        t5.push(A._setArrayType([], type$.JSArray_Module_Callable));
+      try {
+        t2 = callback.call$0();
+        return t2;
+      } finally {
+        _this._inSemiGlobalScope = wasInSemiGlobalScope;
+        _this._lastVariableIndex = _this._lastVariableName = null;
+        for (t1 = B.JSArray_methods.removeLast$0(t1), t1 = t1.get$keys(t1), t1 = t1.get$iterator(t1), t2 = _this._variableIndices; t1.moveNext$0();) {
+          $name = t1.get$current(t1);
+          t2.remove$1(0, $name);
+        }
+        B.JSArray_methods.removeLast$0(t3);
+        for (t1 = B.JSArray_methods.removeLast$0(t4), t1 = t1.get$keys(t1), t1 = t1.get$iterator(t1), t2 = _this._functionIndices; t1.moveNext$0();) {
+          name0 = t1.get$current(t1);
+          t2.remove$1(0, name0);
+        }
+        for (t1 = B.JSArray_methods.removeLast$0(t6), t1 = t1.get$keys(t1), t1 = t1.get$iterator(t1), t2 = _this._mixinIndices; t1.moveNext$0();) {
+          name1 = t1.get$current(t1);
+          t2.remove$1(0, name1);
+        }
+        t1 = _this._nestedForwardedModules;
+        if (t1 != null)
+          t1.pop();
+      }
+    },
+    scope$1$1(callback) {
+      return this.scope$1$3$semiGlobal$when(callback, false, true);
+    },
+    scope$1$2$when(callback, when) {
+      return this.scope$1$3$semiGlobal$when(callback, false, when);
+    },
+    scope$1$2$semiGlobal(callback, semiGlobal) {
+      return this.scope$1$3$semiGlobal$when(callback, semiGlobal, true);
+    },
+    toImplicitConfiguration$0() {
+      var t2, t3, t4, t5, t6, $name, value, i, values, nodes,
+        t1 = type$.String,
+        configuration = A.LinkedHashMap_LinkedHashMap$_empty(t1, type$.ConfiguredValue);
+      for (t2 = this._importedModules, t2 = new A.LinkedHashMapKeyIterator(t2, t2._modifications, t2._first), t3 = type$.Value; t2.moveNext$0();) {
+        t4 = t2.__js_helper$_current;
+        for (t5 = A.MapExtensions_get_pairs(t4.get$variables(), t1, t3), t5 = t5.get$iterator(t5); t5.moveNext$0();) {
+          t6 = t5.get$current(t5);
+          $name = t6._0;
+          value = t6._1;
+          t6 = t4.get$variableNodes().$index(0, $name);
+          t6.toString;
+          configuration.$indexSet(0, $name, new A.ConfiguredValue(value, null, t6));
+        }
+      }
+      for (t2 = this._variables, t4 = this._variableNodes, i = 0; i < t2.length; ++i) {
+        values = t2[i];
+        nodes = t4[i];
+        for (t5 = A.MapExtensions_get_pairs(values, t1, t3), t5 = t5.get$iterator(t5); t5.moveNext$0();) {
+          t6 = t5.get$current(t5);
+          $name = t6._0;
+          value = t6._1;
+          t6 = nodes.$index(0, $name);
+          t6.toString;
+          configuration.$indexSet(0, $name, new A.ConfiguredValue(value, null, t6));
+        }
+      }
+      return new A.Configuration(configuration, null);
+    },
+    toModule$3(css, preModuleComments, extensionStore) {
+      return A._EnvironmentModule__EnvironmentModule(this, css, preModuleComments, extensionStore, A.NullableExtension_andThen(this._forwardedModules, new A.Environment_toModule_closure()));
+    },
+    toDummyModule$0() {
+      return A._EnvironmentModule__EnvironmentModule(this, new A.CssStylesheet(new A.UnmodifiableListView(B.List_empty3, type$.UnmodifiableListView_CssNode), A.SourceFile$decoded(B.List_empty4, "<dummy module>").span$1(0, 0)), B.Map_empty, B.C_EmptyExtensionStore, A.NullableExtension_andThen(this._forwardedModules, new A.Environment_toDummyModule_closure()));
+    },
+    _getModule$1(namespace) {
+      var _0_0 = this._environment$_modules.$index(0, namespace);
+      if (_0_0 != null)
+        return _0_0;
+      throw A.wrapException(A.SassScriptException$('There is no module with the namespace "' + namespace + '".', null));
+    },
+    _fromOneModule$1$3($name, type, callback) {
+      var t1, t2, t3, t4, t5, _1_0, _2_0, value, identity, valueInModule, identityFromModule, module, node,
+        _0_0 = this._nestedForwardedModules;
+      if (_0_0 != null)
+        for (t1 = A._arrayInstanceType(_0_0)._eval$1("ReversedListIterable<1>"), t2 = new A.ReversedListIterable(_0_0, t1), t2 = new A.ListIterator(t2, t2.get$length(0), t1._eval$1("ListIterator<ListIterable.E>")), t1 = t1._eval$1("ListIterable.E"); t2.moveNext$0();) {
+          t3 = t2.__internal$_current;
+          for (t3 = J.get$reversed$ax(t3 == null ? t1._as(t3) : t3), t4 = t3.$ti, t3 = new A.ListIterator(t3, t3.get$length(0), t4._eval$1("ListIterator<ListIterable.E>")), t4 = t4._eval$1("ListIterable.E"); t3.moveNext$0();) {
+            t5 = t3.__internal$_current;
+            _1_0 = callback.call$1(t5 == null ? t4._as(t5) : t5);
+            if (_1_0 != null)
+              return _1_0;
+          }
+        }
+      for (t1 = this._importedModules, t1 = new A.LinkedHashMapKeyIterator(t1, t1._modifications, t1._first); t1.moveNext$0();) {
+        _2_0 = callback.call$1(t1.__js_helper$_current);
+        if (_2_0 != null)
+          return _2_0;
+      }
+      for (t1 = this._globalModules, t2 = new A.LinkedHashMapKeyIterator(t1, t1._modifications, t1._first), t3 = type$.Callable, value = null, identity = null; t2.moveNext$0();) {
+        t4 = t2.__js_helper$_current;
+        valueInModule = callback.call$1(t4);
+        if (valueInModule == null)
+          continue;
+        identityFromModule = t3._is(valueInModule) ? valueInModule : t4.variableIdentity$1($name);
+        if (identityFromModule.$eq(0, identity))
+          continue;
+        if (value != null) {
+          t2 = A.LinkedHashMap_LinkedHashMap$_empty(type$.FileSpan, type$.String);
+          for (t3 = A.MapExtensions_get_pairs(t1, type$.Module_Callable, type$.AstNode), t3 = t3.get$iterator(t3), t4 = "includes " + type; t3.moveNext$0();) {
+            t1 = t3.get$current(t3);
+            module = t1._0;
+            node = t1._1;
+            if (callback.call$1(module) != null)
+              t2.$indexSet(0, node.get$span(node), t4);
+          }
+          throw A.wrapException(A.MultiSpanSassScriptException$("This " + type + string$.x20is_av, type + " use", t2));
+        }
+        identity = identityFromModule;
+        value = valueInModule;
+      }
+      return value;
+    },
+    _fromOneModule$3($name, type, callback) {
+      return this._fromOneModule$1$3($name, type, callback, type$.dynamic);
+    }
+  };
+  A.Environment__getVariableFromGlobalModule_closure.prototype = {
+    call$1(module) {
+      return module.get$variables().$index(0, this.name);
+    },
+    $signature: 313
+  };
+  A.Environment_setVariable_closure.prototype = {
+    call$0() {
+      var t1 = this.$this;
+      t1._lastVariableName = this.name;
+      return t1._lastVariableIndex = 0;
+    },
+    $signature: 10
+  };
+  A.Environment_setVariable_closure0.prototype = {
+    call$1(module) {
+      return module.get$variables().containsKey$1(this.name) ? module : null;
+    },
+    $signature: 316
+  };
+  A.Environment_setVariable_closure1.prototype = {
+    call$0() {
+      var t1 = this.$this,
+        t2 = t1._variableIndex$1(this.name);
+      return t2 == null ? t1._variables.length - 1 : t2;
+    },
+    $signature: 10
+  };
+  A.Environment__getFunctionFromGlobalModule_closure.prototype = {
+    call$1(module) {
+      return module.get$functions(module).$index(0, this.name);
+    },
+    $signature: 187
+  };
+  A.Environment__getMixinFromGlobalModule_closure.prototype = {
+    call$1(module) {
+      return module.get$mixins().$index(0, this.name);
+    },
+    $signature: 187
+  };
+  A.Environment_toModule_closure.prototype = {
+    call$1(modules) {
+      return new A.MapKeySet(modules, type$.MapKeySet_Module_Callable);
+    },
+    $signature: 208
+  };
+  A.Environment_toDummyModule_closure.prototype = {
+    call$1(modules) {
+      return new A.MapKeySet(modules, type$.MapKeySet_Module_Callable);
+    },
+    $signature: 208
+  };
+  A._EnvironmentModule.prototype = {
+    get$url(_) {
+      var t1 = this.css;
+      t1 = t1.get$span(t1);
+      return t1.get$sourceUrl(t1);
+    },
+    setVariable$3($name, value, nodeWithSpan) {
+      var t1, t2,
+        _0_0 = this._modulesByVariable.$index(0, $name);
+      if (_0_0 != null) {
+        _0_0.setVariable$3($name, value, nodeWithSpan);
+        return;
+      }
+      t1 = this._environment$_environment;
+      t2 = t1._variables;
+      if (!B.JSArray_methods.get$first(t2).containsKey$1($name))
+        throw A.wrapException(A.SassScriptException$("Undefined variable.", null));
+      B.JSArray_methods.get$first(t2).$indexSet(0, $name, value);
+      B.JSArray_methods.get$first(t1._variableNodes).$indexSet(0, $name, nodeWithSpan);
+      return;
+    },
+    variableIdentity$1($name) {
+      var module = this._modulesByVariable.$index(0, $name);
+      return module == null ? this : module.variableIdentity$1($name);
+    },
+    couldHaveBeenConfigured$1(variables) {
+      var t2, t3, _0_0, variable, module,
+        t1 = this._environment$_environment._configurableVariables;
+      if (!(variables.get$length(variables) < t1.get$length(t1) ? variables.any$1(0, t1.get$contains(t1)) : t1.any$1(0, variables.get$contains(variables)))) {
+        t1 = this._modulesByVariable;
+        t2 = type$.Module_Callable;
+        if (variables.get$length(variables) < t1.get$length(t1)) {
+          t2 = A.LinkedHashSet_LinkedHashSet$_empty(t2);
+          for (t3 = variables.get$iterator(variables); t3.moveNext$0();) {
+            _0_0 = t1.$index(0, t3.get$current(t3));
+            if (_0_0 != null)
+              t2.add$1(0, _0_0);
+          }
+          t1 = t2;
+        } else {
+          t3 = A.LinkedHashSet_LinkedHashSet$_empty(t2);
+          for (t1 = A.MapExtensions_get_pairs(t1, type$.String, t2), t1 = t1.get$iterator(t1); t1.moveNext$0();) {
+            t2 = t1.get$current(t1);
+            variable = t2._0;
+            module = t2._1;
+            if (variables.contains$1(0, variable))
+              t3.add$1(0, module);
+          }
+          t1 = t3;
+        }
+        t1 = t1.any$1(0, new A._EnvironmentModule_couldHaveBeenConfigured_closure(variables));
+      } else
+        t1 = true;
+      return t1;
+    },
+    cloneCss$0() {
+      var _0_0, _this = this;
+      if (!_this.transitivelyContainsCss)
+        return _this;
+      _0_0 = A.cloneCssStylesheet(_this.css, _this.extensionStore);
+      return A._EnvironmentModule$_(_this._environment$_environment, _0_0._0, _this.preModuleComments, _0_0._1, _this._modulesByVariable, _this.variables, _this.variableNodes, _this.functions, _this.mixins, true, _this.transitivelyContainsExtensions);
+    },
+    toString$0(_) {
+      var t1 = this.css,
+        t2 = t1.get$span(t1);
+      if (t2.get$sourceUrl(t2) == null)
+        t1 = "<unknown url>";
+      else {
+        t1 = t1.get$span(t1);
+        t1 = t1.get$sourceUrl(t1);
+        t2 = $.$get$context();
+        t1.toString;
+        t1 = t2.prettyUri$1(t1);
+      }
+      return t1;
+    },
+    $isModule0: 1,
+    get$upstream() {
+      return this.upstream;
+    },
+    get$variables() {
+      return this.variables;
+    },
+    get$variableNodes() {
+      return this.variableNodes;
+    },
+    get$functions(receiver) {
+      return this.functions;
+    },
+    get$mixins() {
+      return this.mixins;
+    },
+    get$extensionStore() {
+      return this.extensionStore;
+    },
+    get$css(receiver) {
+      return this.css;
+    },
+    get$preModuleComments() {
+      return this.preModuleComments;
+    },
+    get$transitivelyContainsCss() {
+      return this.transitivelyContainsCss;
+    },
+    get$transitivelyContainsExtensions() {
+      return this.transitivelyContainsExtensions;
+    }
+  };
+  A._EnvironmentModule__EnvironmentModule_closure.prototype = {
+    call$1(module) {
+      return module.get$variables();
+    },
+    $signature: 320
+  };
+  A._EnvironmentModule__EnvironmentModule_closure0.prototype = {
+    call$1(module) {
+      return module.get$variableNodes();
+    },
+    $signature: 322
+  };
+  A._EnvironmentModule__EnvironmentModule_closure1.prototype = {
+    call$1(module) {
+      return module.get$functions(module);
+    },
+    $signature: 211
+  };
+  A._EnvironmentModule__EnvironmentModule_closure2.prototype = {
+    call$1(module) {
+      return module.get$mixins();
+    },
+    $signature: 211
+  };
+  A._EnvironmentModule__EnvironmentModule_closure3.prototype = {
+    call$1(module) {
+      return module.get$transitivelyContainsCss();
+    },
+    $signature: 92
+  };
+  A._EnvironmentModule__EnvironmentModule_closure4.prototype = {
+    call$1(module) {
+      return module.get$transitivelyContainsExtensions();
+    },
+    $signature: 92
+  };
+  A._EnvironmentModule_couldHaveBeenConfigured_closure.prototype = {
+    call$1(module) {
+      return module.couldHaveBeenConfigured$1(this.variables);
+    },
+    $signature: 92
+  };
+  A.SassException.prototype = {
+    get$trace(_) {
+      return A.Trace$(A._setArrayType([A.frameForSpan(A.SourceSpanException.prototype.get$span.call(this, 0), "root stylesheet", null)], type$.JSArray_Frame), null);
+    },
+    get$span(_) {
+      return A.SourceSpanException.prototype.get$span.call(this, 0);
+    },
+    withAdditionalSpan$2(span, label) {
+      return A.MultiSpanSassException$(this._span_exception$_message, A.SourceSpanException.prototype.get$span.call(this, 0), "", A.LinkedHashMap_LinkedHashMap$_literal([span, label], type$.FileSpan, type$.String), this.loadedUrls);
+    },
+    withTrace$1(trace) {
+      var t1 = A.SourceSpanException.prototype.get$span.call(this, 0),
+        t2 = A.Set_Set$unmodifiable(this.loadedUrls, type$.Uri);
+      return new A.SassRuntimeException(trace, t2, this._span_exception$_message, t1);
+    },
+    withLoadedUrls$1(loadedUrls) {
+      var t1 = A.SourceSpanException.prototype.get$span.call(this, 0),
+        t2 = A.Set_Set$unmodifiable(loadedUrls, type$.Uri);
+      return new A.SassException(t2, this._span_exception$_message, t1);
+    },
+    toString$1$color(_, color) {
+      var t2, _i, frame, _this = this,
+        buffer = new A.StringBuffer(""),
+        t1 = "Error: " + _this._span_exception$_message + "\n";
+      buffer._contents = t1;
+      buffer._contents = t1 + A.SourceSpanException.prototype.get$span.call(_this, 0).highlight$1$color(color);
+      for (t1 = _this.get$trace(_this).toString$0(0).split("\n"), t2 = t1.length, _i = 0; _i < t2; ++_i) {
+        frame = t1[_i];
+        if (frame.length === 0)
+          continue;
+        buffer._contents = (buffer._contents += "\n") + ("  " + frame);
+      }
+      t1 = buffer._contents;
+      return t1.charCodeAt(0) == 0 ? t1 : t1;
+    },
+    toString$0(_) {
+      return this.toString$1$color(0, null);
+    },
+    toCssString$0() {
+      var commentMessage, stringMessage, rune,
+        t1 = $._glyphs,
+        t2 = $._glyphs = B.C_AsciiGlyphSet,
+        t3 = this.toString$1$color(0, false);
+      t3 = A.stringReplaceAllUnchecked(t3, "*/", "*\u2215");
+      commentMessage = A.stringReplaceAllUnchecked(t3, "\r\n", "\n");
+      $._glyphs = t1 === B.C_AsciiGlyphSet ? t2 : B.C_UnicodeGlyphSet;
+      stringMessage = new A.StringBuffer("");
+      for (t1 = new A.RuneIterator(A.serializeValue(new A.SassString(this.toString$1$color(0, false), true), true, true)); t1.moveNext$0();) {
+        rune = t1._currentCodePoint;
+        if (rune > 127) {
+          t2 = A.Primitives_stringFromCharCode(92);
+          stringMessage._contents += t2;
+          t2 = B.JSInt_methods.toRadixString$1(rune, 16);
+          stringMessage._contents += t2;
+          t2 = A.Primitives_stringFromCharCode(32);
+          stringMessage._contents += t2;
+        } else {
+          t2 = A.Primitives_stringFromCharCode(rune);
+          stringMessage._contents += t2;
+        }
+      }
+      return "/* " + B.JSArray_methods.join$1(A._setArrayType(commentMessage.split("\n"), type$.JSArray_String), "\n * ") + ' */\n\nbody::before {\n  font-family: "Source Code Pro", "SF Mono", Monaco, Inconsolata, "Fira Mono",\n      "Droid Sans Mono", monospace, monospace;\n  white-space: pre;\n  display: block;\n  padding: 1em;\n  margin-bottom: 1em;\n  border-bottom: 2px solid black;\n  content: ' + stringMessage.toString$0(0) + ";\n}";
+    }
+  };
+  A.MultiSpanSassException.prototype = {
+    withAdditionalSpan$2(span, label) {
+      var _this = this,
+        t1 = A.SourceSpanException.prototype.get$span.call(_this, 0),
+        t2 = A.LinkedHashMap_LinkedHashMap$of(_this.secondarySpans, type$.FileSpan, type$.String);
+      t2.$indexSet(0, span, label);
+      return A.MultiSpanSassException$(_this._span_exception$_message, t1, _this.primaryLabel, t2, _this.loadedUrls);
+    },
+    withTrace$1(trace) {
+      var _this = this;
+      return A.MultiSpanSassRuntimeException$(_this._span_exception$_message, A.SourceSpanException.prototype.get$span.call(_this, 0), _this.primaryLabel, _this.secondarySpans, trace, _this.loadedUrls);
+    },
+    withLoadedUrls$1(loadedUrls) {
+      var _this = this;
+      return A.MultiSpanSassException$(_this._span_exception$_message, A.SourceSpanException.prototype.get$span.call(_this, 0), _this.primaryLabel, _this.secondarySpans, loadedUrls);
+    },
+    toString$1$color(_, color) {
+      var t1, t2, _i, frame, _this = this,
+        useColor = color === true,
+        buffer = new A.StringBuffer("Error: " + _this._span_exception$_message + "\n");
+      A.NullableExtension_andThen(A.Highlighter$multiple(A.SourceSpanException.prototype.get$span.call(_this, 0), _this.primaryLabel, _this.secondarySpans, useColor, null, null).highlight$0(), buffer.get$write(buffer));
+      for (t1 = _this.get$trace(_this).toString$0(0).split("\n"), t2 = t1.length, _i = 0; _i < t2; ++_i) {
+        frame = t1[_i];
+        if (frame.length === 0)
+          continue;
+        buffer._contents = (buffer._contents += "\n") + ("  " + frame);
+      }
+      t1 = buffer._contents;
+      return t1.charCodeAt(0) == 0 ? t1 : t1;
+    },
+    toString$0(_) {
+      return this.toString$1$color(0, null);
+    },
+    get$primaryLabel() {
+      return this.primaryLabel;
+    },
+    get$secondarySpans() {
+      return this.secondarySpans;
+    }
+  };
+  A.SassRuntimeException.prototype = {
+    withAdditionalSpan$2(span, label) {
+      var _this = this;
+      return A.MultiSpanSassRuntimeException$(_this._span_exception$_message, A.SourceSpanException.prototype.get$span.call(_this, 0), "", A.LinkedHashMap_LinkedHashMap$_literal([span, label], type$.FileSpan, type$.String), _this.trace, _this.loadedUrls);
+    },
+    withLoadedUrls$1(loadedUrls) {
+      var t1 = A.SourceSpanException.prototype.get$span.call(this, 0),
+        t2 = A.Set_Set$unmodifiable(loadedUrls, type$.Uri);
+      return new A.SassRuntimeException(this.trace, t2, this._span_exception$_message, t1);
+    },
+    get$trace(receiver) {
+      return this.trace;
+    }
+  };
+  A.MultiSpanSassRuntimeException.prototype = {
+    withAdditionalSpan$2(span, label) {
+      var _this = this,
+        t1 = A.SourceSpanException.prototype.get$span.call(_this, 0),
+        t2 = A.LinkedHashMap_LinkedHashMap$of(_this.secondarySpans, type$.FileSpan, type$.String);
+      t2.$indexSet(0, span, label);
+      return A.MultiSpanSassRuntimeException$(_this._span_exception$_message, t1, _this.primaryLabel, t2, _this.trace, _this.loadedUrls);
+    },
+    withLoadedUrls$1(loadedUrls) {
+      var _this = this;
+      return A.MultiSpanSassRuntimeException$(_this._span_exception$_message, A.SourceSpanException.prototype.get$span.call(_this, 0), _this.primaryLabel, _this.secondarySpans, _this.trace, loadedUrls);
+    },
+    $isSassRuntimeException: 1,
+    get$trace(receiver) {
+      return this.trace;
+    }
+  };
+  A.SassFormatException.prototype = {
+    get$source() {
+      var t1 = A.SourceSpanException.prototype.get$span.call(this, 0);
+      return A.String_String$fromCharCodes(B.NativeUint32List_methods.sublist$2(t1.get$file(t1)._decodedChars, 0, null), 0, null);
+    },
+    withAdditionalSpan$2(span, label) {
+      return A.MultiSpanSassFormatException$(this._span_exception$_message, A.SourceSpanException.prototype.get$span.call(this, 0), "", A.LinkedHashMap_LinkedHashMap$_literal([span, label], type$.FileSpan, type$.String), this.loadedUrls);
+    },
+    withLoadedUrls$1(loadedUrls) {
+      var t1 = A.SourceSpanException.prototype.get$span.call(this, 0),
+        t2 = A.Set_Set$unmodifiable(loadedUrls, type$.Uri);
+      return new A.SassFormatException(t2, this._span_exception$_message, t1);
+    },
+    $isFormatException: 1,
+    $isSourceSpanFormatException: 1
+  };
+  A.MultiSpanSassFormatException.prototype = {
+    get$source() {
+      var t1 = A.SourceSpanException.prototype.get$span.call(this, 0);
+      return A.String_String$fromCharCodes(B.NativeUint32List_methods.sublist$2(t1.get$file(t1)._decodedChars, 0, null), 0, null);
+    },
+    withAdditionalSpan$2(span, label) {
+      var _this = this,
+        t1 = A.SourceSpanException.prototype.get$span.call(_this, 0),
+        t2 = A.LinkedHashMap_LinkedHashMap$of(_this.secondarySpans, type$.FileSpan, type$.String);
+      t2.$indexSet(0, span, label);
+      return A.MultiSpanSassFormatException$(_this._span_exception$_message, t1, _this.primaryLabel, t2, _this.loadedUrls);
+    },
+    withLoadedUrls$1(loadedUrls) {
+      var _this = this;
+      return A.MultiSpanSassFormatException$(_this._span_exception$_message, A.SourceSpanException.prototype.get$span.call(_this, 0), _this.primaryLabel, _this.secondarySpans, loadedUrls);
+    },
+    $isFormatException: 1,
+    $isSassFormatException: 1,
+    $isSourceSpanFormatException: 1,
+    $isMultiSourceSpanFormatException: 1
+  };
+  A.SassScriptException.prototype = {
+    withSpan$1(span) {
+      return new A.SassException(B.Set_empty, this.message, span);
+    },
+    toString$0(_) {
+      return this.message + string$.x0a_BUG_;
+    },
+    get$message(receiver) {
+      return this.message;
+    }
+  };
+  A.MultiSpanSassScriptException.prototype = {
+    withSpan$1(span) {
+      return A.MultiSpanSassException$(this.message, span, this.primaryLabel, this.secondarySpans, null);
+    }
+  };
+  A._writeSourceMap_closure.prototype = {
+    call$1(url) {
+      return this.options.sourceMapUrl$2(0, A.Uri_parse(url), this.destination).toString$0(0);
+    },
+    $signature: 6
+  };
+  A.ExecutableOptions.prototype = {
+    get$interactive() {
+      var result, _this = this,
+        value = _this.__ExecutableOptions_interactive_FI;
+      if (value === $) {
+        result = new A.ExecutableOptions_interactive_closure(_this).call$0();
+        _this.__ExecutableOptions_interactive_FI !== $ && A.throwUnnamedLateFieldADI();
+        _this.__ExecutableOptions_interactive_FI = result;
+        value = result;
+      }
+      return value;
+    },
+    get$color() {
+      var t1 = this._options;
+      return t1.wasParsed$1("color") ? A._asBool(t1.$index(0, "color")) : A.hasTerminal();
+    },
+    get$pkgImporters() {
+      var t2, t3, t4, _null = null,
+        t1 = A._setArrayType([], type$.JSArray_Importer);
+      for (t2 = J.get$iterator$ax(type$.List_String._as(this._options.$index(0, "pkg-importer"))); t2.moveNext$0();) {
+        t2.get$current(t2);
+        t3 = new A.NodePackageImporter();
+        t4 = self.process;
+        if (t4 == null)
+          t4 = _null;
+        else {
+          t4 = J.get$release$x(t4);
+          t4 = t4 == null ? _null : J.get$name$x(t4);
+        }
+        if (!J.$eq$(t4, "node") && self.document != null && typeof self.document.querySelector == "function")
+          A.throwExpression(string$.The_No);
+        t3.__NodePackageImporter__entryPointDirectory_F = $.$get$context().absolute$15(".", _null, _null, _null, _null, _null, _null, _null, _null, _null, _null, _null, _null, _null, _null);
+        t1.push(t3);
+      }
+      return t1;
+    },
+    get$emitErrorCss() {
+      var t1 = A._asBoolQ(this._options.$index(0, "error-css"));
+      if (t1 == null) {
+        this._ensureSources$0();
+        t1 = this._sourcesToDestinations;
+        t1 = t1.get$values(t1);
+        t1 = t1.any$1(t1, new A.ExecutableOptions_emitErrorCss_closure());
+      }
+      return t1;
+    },
+    _ensureSources$0() {
+      var t1, stdin, t2, t3, $directories, t4, t5, t6, colonArgs, positionalArgs, t7, t8, t9, message, target, source, destination, seen, _0_0, _this = this, _null = null,
+        _s18_ = 'Duplicate source "';
+      if (_this._sourcesToDestinations != null)
+        return;
+      t1 = _this._options;
+      stdin = A._asBool(t1.$index(0, "stdin"));
+      t2 = t1.rest;
+      if (t2.get$length(0) === 0 && !stdin)
+        A.ExecutableOptions__fail("Compile Sass to CSS.");
+      t3 = type$.String;
+      $directories = A.LinkedHashSet_LinkedHashSet$_empty(t3);
+      for (t4 = t2.$ti, t5 = t4._eval$1("ListIterator<ListBase.E>"), t6 = new A.ListIterator(t2, t2.get$length(0), t5), t4 = t4._eval$1("ListBase.E"), colonArgs = false, positionalArgs = false; t6.moveNext$0();) {
+        t7 = t6.__internal$_current;
+        if (t7 == null)
+          t7 = t4._as(t7);
+        t8 = t7.length;
+        if (t8 === 0)
+          A.ExecutableOptions__fail('Invalid argument "".');
+        if (A.stringContainsUnchecked(t7, ":", 0)) {
+          if (t8 > 2) {
+            t9 = t7.charCodeAt(0);
+            if (!(t9 >= 97 && t9 <= 122))
+              t9 = t9 >= 65 && t9 <= 90;
+            else
+              t9 = true;
+            t9 = t9 && t7.charCodeAt(1) === 58;
+          } else
+            t9 = false;
+          if (t9) {
+            if (2 > t8)
+              A.throwExpression(A.RangeError$range(2, 0, t8, _null, _null));
+            t8 = A.stringContainsUnchecked(t7, ":", 2);
+          } else
+            t8 = true;
+        } else
+          t8 = false;
+        if (t8)
+          colonArgs = true;
+        else if (A.dirExists(t7))
+          $directories.add$1(0, t7);
+        else
+          positionalArgs = true;
+      }
+      if (positionalArgs || t2.get$length(0) === 0) {
+        if (colonArgs)
+          A.ExecutableOptions__fail('Positional and ":" arguments may not both be used.');
+        else if (stdin) {
+          if (J.get$length$asx(t2._collection$_source) > 1)
+            A.ExecutableOptions__fail("Only one argument is allowed with --stdin.");
+          else if (A._asBool(t1.$index(0, "update")))
+            A.ExecutableOptions__fail("--update is not allowed with --stdin.");
+          else if (A._asBool(t1.$index(0, "watch")))
+            A.ExecutableOptions__fail("--watch is not allowed with --stdin.");
+          t1 = t2.get$length(0) === 0 ? _null : t2.get$first(t2);
+          t2 = type$.dynamic;
+          t3 = type$.nullable_String;
+          _this._sourcesToDestinations = A.ConstantMap_ConstantMap$from(A.LinkedHashMap_LinkedHashMap$_literal([null, t1], t2, t2), t3, t3);
+        } else {
+          t3 = t2._collection$_source;
+          t4 = J.getInterceptor$asx(t3);
+          if (t4.get$length(t3) > 2)
+            A.ExecutableOptions__fail("Only two positional args may be passed.");
+          else if ($directories._collection$_length !== 0) {
+            message = 'Directory "' + $directories.get$first(0) + '" may not be a positional arg.';
+            target = t2.get$last(t2);
+            A.ExecutableOptions__fail($directories.get$first(0) === t2.get$first(t2) && !A.fileExists(target) ? message + ('\nTo compile all CSS in "' + $directories.get$first(0) + '" to "' + target + '", use `sass ' + $directories.get$first(0) + ":" + target + "`.") : message);
+          } else {
+            source = t2.get$first(t2) === "-" ? _null : t2.get$first(t2);
+            destination = t4.get$length(t3) === 1 ? _null : t2.get$last(t2);
+            if (destination == null)
+              if (A._asBool(t1.$index(0, "update")))
+                A.ExecutableOptions__fail("--update is not allowed when printing to stdout.");
+              else if (A._asBool(t1.$index(0, "watch")))
+                A.ExecutableOptions__fail("--watch is not allowed when printing to stdout.");
+            t1 = A.PathMap__create(_null, type$.nullable_String);
+            t1.$indexSet(0, source, destination);
+            _this._sourcesToDestinations = new A.UnmodifiableMapView(new A.PathMap(t1, type$.PathMap_nullable_String), type$.UnmodifiableMapView_of_nullable_String_and_nullable_String);
+          }
+        }
+        _this.__ExecutableOptions__sourceDirectoriesToDestinations_F !== $ && A.throwUnnamedLateFieldAI();
+        _this.__ExecutableOptions__sourceDirectoriesToDestinations_F = B.Map_empty9;
+        return;
+      }
+      if (stdin)
+        A.ExecutableOptions__fail('--stdin may not be used with ":" arguments.');
+      seen = A.LinkedHashSet_LinkedHashSet$_empty(t3);
+      t1 = A.PathMap__create(_null, t3);
+      t6 = type$.PathMap_String;
+      t3 = A.PathMap__create(_null, t3);
+      for (t2 = new A.ListIterator(t2, t2.get$length(0), t5); t2.moveNext$0();) {
+        t5 = t2.__internal$_current;
+        if (t5 == null)
+          t5 = t4._as(t5);
+        if ($directories.contains$1(0, t5)) {
+          if (!seen.add$1(0, t5))
+            A.ExecutableOptions__fail(_s18_ + t5 + '".');
+          t3.$indexSet(0, t5, t5);
+          t1.addAll$1(0, _this._listSourceDirectory$2(t5, t5));
+          continue;
+        }
+        _0_0 = _this._splitSourceAndDestination$1(t5);
+        source = _0_0._0;
+        destination = _0_0._1;
+        if (!seen.add$1(0, source))
+          A.ExecutableOptions__fail(_s18_ + source + '".');
+        if (source === "-")
+          t1.$indexSet(0, _null, destination);
+        else if (A.dirExists(source)) {
+          t3.$indexSet(0, source, destination);
+          t1.addAll$1(0, _this._listSourceDirectory$2(source, destination));
+        } else
+          t1.$indexSet(0, source, destination);
+      }
+      _this._sourcesToDestinations = new A.UnmodifiableMapView(new A.PathMap(t1, t6), type$.UnmodifiableMapView_of_nullable_String_and_nullable_String);
+      _this.__ExecutableOptions__sourceDirectoriesToDestinations_F !== $ && A.throwUnnamedLateFieldAI();
+      _this.__ExecutableOptions__sourceDirectoriesToDestinations_F = new A.UnmodifiableMapView(new A.PathMap(t3, t6), type$.UnmodifiableMapView_of_nullable_String_and_String);
+    },
+    _splitSourceAndDestination$1(argument) {
+      var t1, i, t2, t3, nextColon;
+      for (t1 = argument.length, i = 0; i < t1; ++i) {
+        t2 = false;
+        if (i === 1) {
+          t3 = i - 1;
+          if (t1 > t3 + 2) {
+            t2 = argument.charCodeAt(t3);
+            if (!(t2 >= 97 && t2 <= 122))
+              t2 = t2 >= 65 && t2 <= 90;
+            else
+              t2 = true;
+            t2 = t2 && argument.charCodeAt(t3 + 1) === 58;
+          }
+        }
+        if (t2)
+          continue;
+        if (argument.charCodeAt(i) === 58) {
+          t2 = i + 1;
+          nextColon = B.JSString_methods.indexOf$2(argument, ":", t2);
+          t3 = false;
+          if (nextColon === i + 2)
+            if (t1 > t2 + 2) {
+              t1 = argument.charCodeAt(t2);
+              if (!(t1 >= 97 && t1 <= 122))
+                t1 = t1 >= 65 && t1 <= 90;
+              else
+                t1 = true;
+              t1 = t1 && argument.charCodeAt(t2 + 1) === 58;
+            } else
+              t1 = t3;
+          else
+            t1 = t3;
+          if ((t1 ? B.JSString_methods.indexOf$2(argument, ":", nextColon + 1) : nextColon) !== -1)
+            A.ExecutableOptions__fail('"' + argument + '" may only contain one ":".');
+          return new A._Record_2(B.JSString_methods.substring$2(argument, 0, i), B.JSString_methods.substring$1(argument, t2));
+        }
+      }
+      throw A.wrapException(A.ArgumentError$('Expected "' + argument + '" to contain a colon.', null));
+    },
+    _listSourceDirectory$2(source, destination) {
+      var t2, t3, t4, t5,
+        t1 = type$.String;
+      t1 = A.LinkedHashMap_LinkedHashMap$_empty(t1, t1);
+      for (t2 = J.get$iterator$ax(A.listDir(source, true)), t3 = source === destination; t2.moveNext$0();) {
+        t4 = t2.get$current(t2);
+        if (this._isEntrypoint$1(t4))
+          t5 = !(t3 && A.ParsedPath_ParsedPath$parse(t4, $.$get$context().style)._splitExtension$1(1)[1] === ".css");
+        else
+          t5 = false;
+        if (t5) {
+          t5 = $.$get$context();
+          t1.$indexSet(0, t4, A.join(destination, t5.withoutExtension$1(t5.relative$2$from(t4, source)) + ".css", null));
+        }
+      }
+      return t1;
+    },
+    _isEntrypoint$1(path) {
+      var extension,
+        t1 = $.$get$context().style;
+      if (B.JSString_methods.startsWith$1(A.ParsedPath_ParsedPath$parse(path, t1).get$basename(), "_"))
+        return false;
+      extension = A.ParsedPath_ParsedPath$parse(path, t1)._splitExtension$1(1)[1];
+      return extension === ".scss" || extension === ".sass" || extension === ".css";
+    },
+    get$_writeToStdout() {
+      var t1, _this = this;
+      _this._ensureSources$0();
+      t1 = _this._sourcesToDestinations;
+      if (t1.get$length(t1) === 1) {
+        _this._ensureSources$0();
+        t1 = _this._sourcesToDestinations;
+        t1 = t1.get$values(t1);
+        t1 = t1.get$single(t1) == null;
+      } else
+        t1 = false;
+      return t1;
+    },
+    get$emitSourceMap() {
+      var _this = this,
+        _s10_ = "source-map",
+        _s15_ = "source-map-urls",
+        _s13_ = "embed-sources",
+        _s16_ = "embed-source-map",
+        t1 = _this._options;
+      if (!A._asBool(t1.$index(0, _s10_)))
+        if (t1.wasParsed$1(_s15_))
+          A.ExecutableOptions__fail("--source-map-urls isn't allowed with --no-source-map.");
+        else if (t1.wasParsed$1(_s13_))
+          A.ExecutableOptions__fail("--embed-sources isn't allowed with --no-source-map.");
+        else if (t1.wasParsed$1(_s16_))
+          A.ExecutableOptions__fail("--embed-source-map isn't allowed with --no-source-map.");
+      if (!_this.get$_writeToStdout())
+        return A._asBool(t1.$index(0, _s10_));
+      if (J.$eq$(_this._ifParsed$1(_s15_), "relative"))
+        A.ExecutableOptions__fail("--source-map-urls=relative isn't allowed when printing to stdout.");
+      if (A._asBool(t1.$index(0, _s16_)))
+        return A._asBool(t1.$index(0, _s10_));
+      else if (J.$eq$(_this._ifParsed$1(_s10_), true))
+        A.ExecutableOptions__fail("When printing to stdout, --source-map requires --embed-source-map.");
+      else if (t1.wasParsed$1(_s15_))
+        A.ExecutableOptions__fail("When printing to stdout, --source-map-urls requires --embed-source-map.");
+      else if (A._asBool(t1.$index(0, _s13_)))
+        A.ExecutableOptions__fail("When printing to stdout, --embed-sources requires --embed-source-map.");
+      else
+        return false;
+    },
+    sourceMapUrl$2(_, url, destination) {
+      var t1, path, t2, _null = null;
+      if (url.get$scheme().length !== 0 && url.get$scheme() !== "file")
+        return url;
+      t1 = $.$get$context();
+      path = t1.style.pathFromUri$1(A._parseUri(url));
+      if (J.$eq$(this._options.$index(0, "source-map-urls"), "relative") && !this.get$_writeToStdout()) {
+        destination.toString;
+        t2 = t1.relative$2$from(path, t1.dirname$1(destination));
+      } else
+        t2 = A.absolute(path, _null, _null, _null, _null, _null, _null, _null, _null, _null, _null, _null, _null, _null, _null);
+      return t1.toUri$1(t2);
+    },
+    get$silenceDeprecations(_) {
+      var t2, t3, t4,
+        t1 = A.LinkedHashSet_LinkedHashSet$_empty(type$.Deprecation);
+      for (t2 = J.get$iterator$ax(type$.List_String._as(this._options.$index(0, "silence-deprecation"))); t2.moveNext$0();) {
+        t3 = t2.get$current(t2);
+        t4 = A.Deprecation_fromId(t3);
+        t1.add$1(0, t4 == null ? A.ExecutableOptions__fail('Invalid deprecation "' + t3 + '".') : t4);
+      }
+      return t1;
+    },
+    get$fatalDeprecations(_) {
+      var t1 = this._fatalDeprecations;
+      return t1 == null ? this._fatalDeprecations = new A.ExecutableOptions_fatalDeprecations_closure(this).call$0() : t1;
+    },
+    get$futureDeprecations(_) {
+      var t2, t3, t4,
+        t1 = A.LinkedHashSet_LinkedHashSet$_empty(type$.Deprecation);
+      for (t2 = J.get$iterator$ax(type$.List_String._as(this._options.$index(0, "future-deprecation"))); t2.moveNext$0();) {
+        t3 = t2.get$current(t2);
+        t4 = A.Deprecation_fromId(t3);
+        t1.add$1(0, t4 == null ? A.ExecutableOptions__fail('Invalid deprecation "' + t3 + '".') : t4);
+      }
+      return t1;
+    },
+    _ifParsed$1($name) {
+      var t1 = this._options;
+      return t1.wasParsed$1($name) ? t1.$index(0, $name) : null;
+    }
+  };
+  A.ExecutableOptions__parser_closure.prototype = {
+    call$0() {
+      var t1 = type$.String,
+        t2 = A.LinkedHashMap_LinkedHashMap$_empty(t1, type$.Option),
+        t3 = A._setArrayType([], type$.JSArray_Object),
+        parser = new A.ArgParser(t2, A.LinkedHashMap_LinkedHashMap$_empty(t1, t1), new A.UnmodifiableMapView(t2, type$.UnmodifiableMapView_String_Option), new A.UnmodifiableMapView(A.LinkedHashMap_LinkedHashMap$_empty(t1, type$.ArgParser), type$.UnmodifiableMapView_String_ArgParser), t3, true, null);
+      parser.addOption$2$hide("precision", true);
+      parser.addFlag$2$hide("async", true);
+      t3.push(A.ExecutableOptions__separator("Input and Output"));
+      parser.addFlag$2$help("stdin", "Read the stylesheet from stdin.");
+      parser.addFlag$2$help("indented", "Use the indented syntax for input from stdin.");
+      parser.addMultiOption$5$abbr$help$splitCommas$valueHelp("load-path", "I", "A path to use when resolving imports.\nMay be passed multiple times.", false, "PATH");
+      t2 = type$.JSArray_String;
+      parser.addMultiOption$6$abbr$allowed$allowedHelp$help$valueHelp("pkg-importer", "p", A._setArrayType(["node"], t2), A.LinkedHashMap_LinkedHashMap$_literal(["node", "Load files like Node.js package resolution."], t1, t1), "Built-in importer(s) to use for pkg: URLs.", "TYPE");
+      parser.addOption$6$abbr$allowed$defaultsTo$help$valueHelp("style", "s", A._setArrayType(["expanded", "compressed"], t2), "expanded", "Output style.", "NAME");
+      parser.addFlag$3$defaultsTo$help("charset", true, "Emit a @charset or BOM for CSS with non-ASCII characters.");
+      parser.addFlag$3$defaultsTo$help("error-css", null, "When an error occurs, emit a stylesheet describing it.\nDefaults to true when compiling to a file.");
+      parser.addFlag$3$help$negatable("update", "Only compile out-of-date stylesheets.", false);
+      t3.push(A.ExecutableOptions__separator("Source Maps"));
+      parser.addFlag$3$defaultsTo$help("source-map", true, "Whether to generate source maps.");
+      parser.addOption$4$allowed$defaultsTo$help("source-map-urls", A._setArrayType(["relative", "absolute"], t2), "relative", "How to link from source maps to source files.");
+      parser.addFlag$3$defaultsTo$help("embed-sources", false, "Embed source file contents in source maps.");
+      parser.addFlag$3$defaultsTo$help("embed-source-map", false, "Embed source map contents in CSS.");
+      t3.push(A.ExecutableOptions__separator("Warnings"));
+      parser.addFlag$3$abbr$help("quiet", "q", "Don't print warnings.");
+      parser.addFlag$2$help("quiet-deps", "Don't print compiler warnings from dependencies.\nStylesheets imported through load paths count as dependencies.");
+      parser.addFlag$2$help("verbose", "Print all deprecation warnings even when they're repetitive.");
+      parser.addMultiOption$2$help("fatal-deprecation", "Deprecations to treat as errors. You may also pass a Sass\nversion to include any behavior deprecated in or before it.\nSee https://sass-lang.com/documentation/breaking-changes for \na complete list.");
+      parser.addMultiOption$2$help("silence-deprecation", "Deprecations to ignore.");
+      parser.addMultiOption$2$help("future-deprecation", "Opt in to a deprecation early.");
+      t3.push(A.ExecutableOptions__separator("Other"));
+      parser.addFlag$4$abbr$help$negatable("watch", "w", "Watch stylesheets and recompile when they change.", false);
+      parser.addFlag$2$help("poll", "Manually check for changes rather than using a native watcher.\nOnly valid with --watch.");
+      parser.addFlag$2$help("stop-on-error", "Don't compile more files once an error is encountered.");
+      parser.addFlag$4$abbr$help$negatable("interactive", "i", "Run an interactive SassScript shell.", false);
+      parser.addFlag$3$abbr$help("color", "c", "Whether to use terminal colors for messages.");
+      parser.addFlag$2$help("unicode", "Whether to use Unicode characters for messages.");
+      parser.addFlag$2$help("trace", "Print full Dart stack traces for exceptions.");
+      parser.addFlag$4$abbr$help$negatable("help", "h", "Print this usage information.", false);
+      parser.addFlag$3$help$negatable("version", "Print the version of Dart Sass.", false);
+      return parser;
+    },
+    $signature: 326
+  };
+  A.ExecutableOptions_interactive_closure.prototype = {
+    call$0() {
+      var _0_0,
+        t1 = this.$this._options;
+      if (!A._asBool(t1.$index(0, "interactive")))
+        return false;
+      _0_0 = A.IterableExtension_firstWhereOrNull(A._setArrayType(["stdin", "indented", "style", "source-map", "source-map-urls", "embed-sources", "embed-source-map", "update", "watch"], type$.JSArray_String), t1.get$wasParsed());
+      if (_0_0 != null)
+        throw A.wrapException(A.UsageException$("--" + _0_0 + " isn't allowed with --interactive."));
+      return true;
+    },
+    $signature: 19
+  };
+  A.ExecutableOptions_emitErrorCss_closure.prototype = {
+    call$1(destination) {
+      return destination != null;
+    },
+    $signature: 166
+  };
+  A.ExecutableOptions_fatalDeprecations_closure.prototype = {
+    call$0() {
+      var id, argVersion, sassVersion, t1, t2, _0_0, exception,
+        deprecations = A.LinkedHashSet_LinkedHashSet$_empty(type$.Deprecation);
+      for (t1 = J.get$iterator$ax(type$.List_String._as(this.$this._options.$index(0, "fatal-deprecation"))), t2 = type$.FormatException; t1.moveNext$0();) {
+        id = t1.get$current(t1);
+        _0_0 = A.Deprecation_fromId(id);
+        if (_0_0 != null) {
+          J.add$1$ax(deprecations, _0_0);
+          continue;
+        }
+        try {
+          argVersion = A.Version_Version$parse(id);
+          sassVersion = A.Version_Version$parse("1.93.2");
+          if (J.compareTo$1$ns(argVersion, sassVersion) > 0)
+            A.ExecutableOptions__fail("Invalid version " + A.S(argVersion) + ". --fatal-deprecation requires a version less than or equal to the current Dart Sass version.");
+          J.addAll$1$ax(deprecations, A.Deprecation_forVersion(argVersion));
+        } catch (exception) {
+          if (t2._is(A.unwrapException(exception)))
+            A.ExecutableOptions__fail('Invalid deprecation "' + A.S(id) + '".');
+          else
+            throw exception;
+        }
+      }
+      return deprecations;
+    },
+    $signature: 334
+  };
+  A.UsageException.prototype = {$isException: 1,
+    get$message(receiver) {
+      return this.message;
+    }
+  };
+  A.repl_warn.prototype = {
+    call$1(warning) {
+      var _0_1, _0_3, deprecation, t1, _0_2, span, _null = null;
+      $label0$0: {
+        _0_1 = warning._1;
+        _0_3 = _null;
+        deprecation = _null;
+        t1 = false;
+        _0_2 = warning._2;
+        _0_3 = warning._0;
+        t1 = _0_3 != null;
+        if (t1)
+          deprecation = _0_3 == null ? type$.Deprecation._as(_0_3) : _0_3;
+        span = _0_2;
+        if (t1) {
+          A.WarnForDeprecation_warnForDeprecation(this.logger, deprecation, _0_1, span, _null);
+          break $label0$0;
+        }
+        t1 = false;
+        span = _0_2;
+        t1 = _0_3 == null;
+        if (t1)
+          this.logger.internalWarn$4$deprecation$span$trace(_0_1, _null, span, _null);
+      }
+    },
+    $signature: 335
+  };
+  A.watch_closure.prototype = {
+    call$1(dir) {
+      for (; !A.dirExists(dir);)
+        dir = $.$get$context().dirname$1(dir);
+      return this.dirWatcher.watch$1(0, dir);
+    },
+    $signature: 339
+  };
+  A._Watcher.prototype = {
+    _delete$1(path) {
+      var buffer, t1, exception;
+      try {
+        A.deleteFile(path);
+        buffer = new A.StringBuffer("");
+        t1 = this._watch$_options;
+        if (t1.get$color())
+          buffer._contents += "\x1b[33m";
+        buffer._contents += "Deleted " + path + ".";
+        if (t1.get$color())
+          buffer._contents += "\x1b[0m";
+        A.print(buffer);
+      } catch (exception) {
+        if (!(A.unwrapException(exception) instanceof A.FileSystemException))
+          throw exception;
+      }
+    },
+    watch$1(_, watcher) {
+      return this.watch$body$_Watcher(0, watcher);
+    },
+    watch$body$_Watcher(_, watcher) {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.void),
+        $async$returnValue, $async$handler = 2, $async$errorStack = [], $async$next = [], $async$self = this, batch, $event, extension, t1, toRecompile, success, t3, t4, t5, t6, t7, t8, t9, t10, t11, t12, t13, url, _0_0, t2;
+      var $async$watch$1 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1) {
+          $async$errorStack.push($async$result);
+          $async$goto = $async$handler;
+        }
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              t2 = watcher._group.__StreamGroup__controller_A;
+              t2 === $ && A.throwUnnamedLateFieldNI();
+              t2 = new A._StreamIterator(A.checkNotNullable($async$self._debounceEvents$1(new A._ControllerStream(t2, A._instanceType(t2)._eval$1("_ControllerStream<1>"))), "stream", type$.Object));
+              $async$handler = 3;
+              t3 = $async$self._toRecompile, t4 = type$.String, t5 = $async$self._watch$_options, t6 = $async$self._graph, t7 = t6._nodes, t8 = type$.JSArray_StylesheetNode, t9 = t5._options;
+            case 6:
+              // for condition
+              $async$goto = 8;
+              return A._asyncAwait(t2.moveNext$0(), $async$watch$1);
+            case 8:
+              // returning from await.
+              if (!$async$result) {
+                // goto after for
+                $async$goto = 7;
+                break;
+              }
+              batch = t2.get$current(0);
+              for (t10 = J.get$iterator$ax(batch); t10.moveNext$0();) {
+                $event = t10.get$current(t10);
+                t11 = $event.path;
+                t12 = $.$get$context();
+                extension = A.ParsedPath_ParsedPath$parse(t11, t12.style)._splitExtension$1(1)[1];
+                if (!J.$eq$(extension, ".sass") && !J.$eq$(extension, ".scss") && !J.$eq$(extension, ".css"))
+                  continue;
+                switch ($event.type) {
+                  case B.ChangeType_modify:
+                    t11 = $event.path;
+                    t13 = self.process;
+                    if (t13 == null)
+                      t13 = null;
+                    else {
+                      t13 = J.get$release$x(t13);
+                      t13 = t13 == null ? null : J.get$name$x(t13);
+                    }
+                    t13 = J.$eq$(t13, "node") ? self.process : null;
+                    if (!J.$eq$(t13 == null ? null : J.get$platform$x(t13), "win32")) {
+                      t13 = self.process;
+                      if (t13 == null)
+                        t13 = null;
+                      else {
+                        t13 = J.get$release$x(t13);
+                        t13 = t13 == null ? null : J.get$name$x(t13);
+                      }
+                      t13 = J.$eq$(t13, "node") ? self.process : null;
+                      t13 = J.$eq$(t13 == null ? null : J.get$platform$x(t13), "darwin");
+                    } else
+                      t13 = true;
+                    url = t12.toUri$1(t13 ? A._realCasePath(t12.normalize$1(t12.absolute$15(t11, null, null, null, null, null, null, null, null, null, null, null, null, null, null))) : t12.canonicalize$1(0, t11));
+                    _0_0 = t7.$index(0, url);
+                    if (_0_0 != null) {
+                      t6.reload$1(url);
+                      $async$self._recompileDownstream$1(A._setArrayType([_0_0], t8));
+                    } else
+                      $async$self._handleAdd$1(t11);
+                    break;
+                  case B.ChangeType_add:
+                    $async$self._handleAdd$1($event.path);
+                    break;
+                  case B.ChangeType_remove:
+                    $async$self._handleRemove$1($event.path);
+                    break;
+                }
+              }
+              t10 = A.LinkedHashMap_LinkedHashMap(null, null, null, t4, t4);
+              t10.addAll$1(0, t3);
+              t1 = t10;
+              toRecompile = t1;
+              t3.clear$0(0);
+              $async$goto = 9;
+              return A._asyncAwait(A.compileStylesheets(t5, t6, toRecompile, true), $async$watch$1);
+            case 9:
+              // returning from await.
+              success = $async$result;
+              if (!success && A._asBool(t9.$index(0, "stop-on-error"))) {
+                $async$next = [1];
+                // goto finally
+                $async$goto = 4;
+                break;
+              }
+              // goto for condition
+              $async$goto = 6;
+              break;
+            case 7:
+              // after for
+              $async$next.push(5);
+              // goto finally
+              $async$goto = 4;
+              break;
+            case 3:
+              // uncaught
+              $async$next = [2];
+            case 4:
+              // finally
+              $async$handler = 2;
+              $async$goto = 10;
+              return A._asyncAwait(t2.cancel$0(), $async$watch$1);
+            case 10:
+              // returning from await.
+              // goto the next finally handler
+              $async$goto = $async$next.pop();
+              break;
+            case 5:
+              // after finally
+            case 1:
+              // return
+              return A._asyncReturn($async$returnValue, $async$completer);
+            case 2:
+              // rethrow
+              return A._asyncRethrow($async$errorStack.at(-1), $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$watch$1, $async$completer);
+    },
+    _handleAdd$1(path) {
+      var t1, t2, t3, t0, _this = this, _null = null,
+        destination = _this._destinationFor$1(path);
+      if (destination != null)
+        _this._toRecompile.$indexSet(0, path, destination);
+      t1 = $.$get$FilesystemImporter_cwd();
+      t2 = A.isNodeJs() ? self.process : _null;
+      if (!J.$eq$(t2 == null ? _null : J.get$platform$x(t2), "win32")) {
+        t2 = A.isNodeJs() ? self.process : _null;
+        t2 = J.$eq$(t2 == null ? _null : J.get$platform$x(t2), "darwin");
+      } else
+        t2 = true;
+      if (t2) {
+        t2 = A.absolute(path, _null, _null, _null, _null, _null, _null, _null, _null, _null, _null, _null, _null, _null, _null);
+        t3 = $.$get$context();
+        t2 = A._realCasePath(t3.normalize$1(t2));
+      } else {
+        t2 = $.$get$context();
+        t3 = t2.canonicalize$1(0, path);
+        t0 = t3;
+        t3 = t2;
+        t2 = t0;
+      }
+      _this._recompileDownstream$1(_this._graph.addCanonical$3(t1, t3.toUri$1(t2), t3.toUri$1(path)));
+    },
+    _handleRemove$1(path) {
+      return this._handleRemove$body$_Watcher(path);
+    },
+    _handleRemove$body$_Watcher(path) {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.void),
+        $async$self = this, t2, t0, url, _0_0, t1;
+      var $async$_handleRemove$1 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              t1 = A.isNodeJs() ? self.process : null;
+              if (!J.$eq$(t1 == null ? null : J.get$platform$x(t1), "win32")) {
+                t1 = A.isNodeJs() ? self.process : null;
+                t1 = J.$eq$(t1 == null ? null : J.get$platform$x(t1), "darwin");
+              } else
+                t1 = true;
+              if (t1) {
+                t1 = A.absolute(path, null, null, null, null, null, null, null, null, null, null, null, null, null, null);
+                t2 = $.$get$context();
+                t1 = A._realCasePath(t2.normalize$1(t1));
+              } else {
+                t1 = $.$get$context();
+                t2 = t1.canonicalize$1(0, path);
+                t0 = t2;
+                t2 = t1;
+                t1 = t0;
+              }
+              url = t2.toUri$1(t1);
+              t1 = $async$self._graph;
+              if (t1._nodes.containsKey$1(url)) {
+                _0_0 = $async$self._destinationFor$1(path);
+                if (_0_0 != null) {
+                  $async$self._delete$1(_0_0);
+                  $async$self._delete$1(_0_0 + ".map");
+                }
+              }
+              $async$self._recompileDownstream$1(t1.remove$2(0, $.$get$FilesystemImporter_cwd(), url));
+              // implicit return
+              return A._asyncReturn(null, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$_handleRemove$1, $async$completer);
+    },
+    _debounceEvents$1(events) {
+      var t1 = type$.WatchEvent;
+      t1 = A.RateLimit__debounceAggregate(events, A.Duration$(0, 25), A.instantiate1(A.rate_limit___collect$closure(), t1), false, true, t1, type$.List_WatchEvent);
+      return new A._MapStream(new A._Watcher__debounceEvents_closure(), t1, A._instanceType(t1)._eval$1("_MapStream<Stream.T,List<WatchEvent>>"));
+    },
+    _recompileDownstream$1(nodes) {
+      var t1, t2, t3, t4, t5, t6, _i,
+        seen = A.LinkedHashSet_LinkedHashSet$_empty(type$.StylesheetNode);
+      for (t1 = type$.UnmodifiableSetView_StylesheetNode, t2 = this._toRecompile, t3 = type$.JSArray_StylesheetNode; t4 = J.getInterceptor$asx(nodes), t4.get$isNotEmpty(nodes); nodes = t4) {
+        t5 = A._setArrayType([], t3);
+        for (t4 = t4.get$iterator(nodes); t4.moveNext$0();) {
+          t6 = t4.get$current(t4);
+          if (seen.add$1(0, t6))
+            t5.push(t6);
+        }
+        t2.addAll$1(0, this._sourceEntrypointsToDestinations$1(t5));
+        t4 = A._setArrayType([], t3);
+        for (t6 = t5.length, _i = 0; _i < t5.length; t5.length === t6 || (0, A.throwConcurrentModificationError)(t5), ++_i)
+          B.JSArray_methods.addAll$1(t4, new A.UnmodifiableSetView0(t5[_i]._downstream, t1));
+      }
+    },
+    _sourceEntrypointsToDestinations$1(nodes) {
+      var _i, url, source, _0_0,
+        t1 = type$.String,
+        entrypoints = A.LinkedHashMap_LinkedHashMap$_empty(t1, t1);
+      for (t1 = nodes.length, _i = 0; _i < nodes.length; nodes.length === t1 || (0, A.throwConcurrentModificationError)(nodes), ++_i) {
+        url = nodes[_i].canonicalUrl;
+        if (url.get$scheme() !== "file")
+          continue;
+        source = $.$get$context().style.pathFromUri$1(A._parseUri(url));
+        _0_0 = this._destinationFor$1(source);
+        if (_0_0 != null)
+          entrypoints.$indexSet(0, source, _0_0);
+      }
+      return entrypoints;
+    },
+    _destinationFor$1(source) {
+      var t2, _0_0, t3, sourceDir, destinationDir, destination,
+        t1 = this._watch$_options;
+      t1._ensureSources$0();
+      t2 = type$.String;
+      _0_0 = t1._sourcesToDestinations.cast$2$0(0, t2, t2).$index(0, source);
+      if (_0_0 != null)
+        return _0_0;
+      t3 = $.$get$context();
+      if (B.JSString_methods.startsWith$1(A.ParsedPath_ParsedPath$parse(source, t3.style).get$basename(), "_"))
+        return null;
+      t1._ensureSources$0();
+      t1 = t1.__ExecutableOptions__sourceDirectoriesToDestinations_F;
+      t1 === $ && A.throwUnnamedLateFieldNI();
+      t2 = A.MapExtensions_get_pairs(t1.cast$2$0(0, t2, t2), t2, t2);
+      t2 = t2.get$iterator(t2);
+      for (; t2.moveNext$0();) {
+        t1 = t2.get$current(t2);
+        sourceDir = t1._0;
+        destinationDir = t1._1;
+        if (t3._isWithinOrEquals$2(sourceDir, source) !== B._PathRelation_within)
+          continue;
+        destination = A.join(destinationDir, t3.withoutExtension$1(t3.relative$2$from(source, sourceDir)) + ".css", null);
+        if (t3._isWithinOrEquals$2(destination, source) !== B._PathRelation_equal)
+          return destination;
+      }
+      return null;
+    }
+  };
+  A._Watcher__debounceEvents_closure.prototype = {
+    call$1(buffer) {
+      var t3, t4, t5, oldType, _0_4, _1_1,
+        t1 = type$.ChangeType,
+        t2 = A.PathMap__create(null, t1);
+      for (t3 = J.get$iterator$ax(buffer); t3.moveNext$0();) {
+        t4 = t3.get$current(t3);
+        t5 = t4.path;
+        oldType = t2.$index(0, t5);
+        _0_4 = t4.type;
+        $label0$0: {
+          if (oldType == null) {
+            t4 = _0_4;
+            break $label0$0;
+          }
+          if (B.ChangeType_remove === _0_4) {
+            t4 = B.ChangeType_remove;
+            break $label0$0;
+          }
+          if (B.ChangeType_add === oldType) {
+            t4 = B.ChangeType_add;
+            break $label0$0;
+          }
+          t4 = B.ChangeType_modify;
+          break $label0$0;
+        }
+        t2.$indexSet(0, t5, t4);
+      }
+      t3 = A._setArrayType([], type$.JSArray_WatchEvent);
+      for (t1 = A.MapExtensions_get_pairs(new A.PathMap(t2, type$.PathMap_ChangeType), type$.nullable_String, t1), t1 = t1.get$iterator(t1); t1.moveNext$0();) {
+        t2 = t1.get$current(t1);
+        _1_1 = t2._0;
+        _1_1.toString;
+        t3.push(new A.WatchEvent(t2._1, _1_1));
+      }
+      return t3;
+    },
+    $signature: 344
+  };
+  A.EmptyExtensionStore.prototype = {
+    get$_extensions() {
+      return A.throwExpression(A.NoSuchMethodError_NoSuchMethodError$withInvocation(this, A.JSInvocationMirror$(B.Symbol__extensions, "get$_empty_extension_store$_extensions", 1, [], [], 0)));
+    },
+    get$_sourceSpecificity() {
+      return A.throwExpression(A.NoSuchMethodError_NoSuchMethodError$withInvocation(this, A.JSInvocationMirror$(B.Symbol__sourceSpecificity, "get$_empty_extension_store$_sourceSpecificity", 1, [], [], 0)));
+    },
+    get$isEmpty(_) {
+      return true;
+    },
+    get$simpleSelectors() {
+      return B.C_EmptyUnmodifiableSet;
+    },
+    extensionsWhereTarget$1(callback) {
+      return B.List_empty5;
+    },
+    addExtensions$1(extenders) {
+      throw A.wrapException(A.UnsupportedError$(string$.addExt));
+    },
+    clone$0() {
+      return B.Record2_EmptyExtensionStore_Map_empty;
+    },
+    $isExtensionStore: 1
+  };
+  A.Extension.prototype = {
+    toString$0(_) {
+      var t1 = this.extender.toString$0(0),
+        t2 = this.target.toString$0(0),
+        t3 = this.isOptional ? " !optional" : "";
+      return t1 + " {@extend " + t2 + t3 + "}";
+    }
+  };
+  A.Extender.prototype = {
+    assertCompatibleMediaContext$1(mediaContext) {
+      var expectedMediaContext,
+        extension = this._extension;
+      if (extension == null)
+        return;
+      expectedMediaContext = extension.mediaContext;
+      if (expectedMediaContext == null)
+        return;
+      if (mediaContext != null && B.C_ListEquality.equals$2(0, expectedMediaContext, mediaContext))
+        return;
+      throw A.wrapException(A.SassException$(string$.You_ma, extension.span, null));
+    },
+    toString$0(_) {
+      return A.serializeSelector(this.selector, true);
+    }
+  };
+  A.ExtensionStore.prototype = {
+    get$isEmpty(_) {
+      return this._extensions.__js_helper$_length === 0;
+    },
+    get$simpleSelectors() {
+      return new A.MapKeySet(this._selectors, type$.MapKeySet_SimpleSelector);
+    },
+    extensionsWhereTarget$1(callback) {
+      return new A._SyncStarIterable(this.extensionsWhereTarget$body$ExtensionStore(callback), type$._SyncStarIterable_Extension);
+    },
+    extensionsWhereTarget$body$ExtensionStore($async$callback) {
+      var $async$self = this;
+      return function() {
+        var callback = $async$callback;
+        var $async$goto = 0, $async$handler = 1, $async$errorStack = [], t1, t2, simple, sources, t3;
+        return function $async$extensionsWhereTarget$1($async$iterator, $async$errorCode, $async$result) {
+          if ($async$errorCode === 1) {
+            $async$errorStack.push($async$result);
+            $async$goto = $async$handler;
+          }
+          while (true)
+            switch ($async$goto) {
+              case 0:
+                // Function start
+                t1 = A.MapExtensions_get_pairs($async$self._extensions, type$.SimpleSelector, type$.Map_ComplexSelector_Extension), t1 = t1.get$iterator(t1);
+              case 2:
+                // for condition
+                if (!t1.moveNext$0()) {
+                  // goto after for
+                  $async$goto = 3;
+                  break;
+                }
+                t2 = t1.get$current(t1);
+                simple = t2._0;
+                sources = t2._1;
+                if (!callback.call$1(simple)) {
+                  // goto for condition
+                  $async$goto = 2;
+                  break;
+                }
+                t2 = sources.get$values(sources), t2 = t2.get$iterator(t2);
+              case 4:
+                // for condition
+                if (!t2.moveNext$0()) {
+                  // goto after for
+                  $async$goto = 5;
+                  break;
+                }
+                t3 = t2.get$current(t2);
+                $async$goto = t3 instanceof A.MergedExtension ? 6 : 8;
+                break;
+              case 6:
+                // then
+                t3 = t3.unmerge$0();
+                $async$goto = 9;
+                return $async$iterator._yieldStar$1(new A.WhereIterable(t3, new A.ExtensionStore_extensionsWhereTarget_closure(), t3.$ti._eval$1("WhereIterable<Iterable.E>")));
+              case 9:
+                // after yield
+                // goto join
+                $async$goto = 7;
+                break;
+              case 8:
+                // else
+                $async$goto = !t3.isOptional ? 10 : 11;
+                break;
+              case 10:
+                // then
+                $async$goto = 12;
+                return $async$iterator._async$_current = t3, 1;
+              case 12:
+                // after yield
+              case 11:
+                // join
+              case 7:
+                // join
+                // goto for condition
+                $async$goto = 4;
+                break;
+              case 5:
+                // after for
+                // goto for condition
+                $async$goto = 2;
+                break;
+              case 3:
+                // after for
+                // implicit return
+                return 0;
+              case 1:
+                // rethrow
+                return $async$iterator._datum = $async$errorStack.at(-1), 3;
+            }
+        };
+      };
+    },
+    addSelector$2(selector, mediaContext) {
+      var originalSelector, error, stackTrace, t1, exception, t2, t3, t4, modifiableSelector, _this = this;
+      selector = selector;
+      originalSelector = selector;
+      if (!originalSelector.accept$1(B._IsInvisibleVisitor_true))
+        _this._originals.addAll$1(0, originalSelector.components);
+      t1 = _this._extensions;
+      if (t1.__js_helper$_length !== 0)
+        try {
+          selector = _this._extendList$3(originalSelector, t1, mediaContext);
+        } catch (exception) {
+          t1 = A.unwrapException(exception);
+          if (t1 instanceof A.SassException) {
+            error = t1;
+            stackTrace = A.getTraceFromException(exception);
+            t1 = error;
+            t2 = J.getInterceptor$z(t1);
+            t1 = A.SourceSpanException.prototype.get$span.call(t2, t1).message$1(0, "");
+            t2 = error._span_exception$_message;
+            t3 = error;
+            t4 = J.getInterceptor$z(t3);
+            t3 = A.SourceSpanException.prototype.get$span.call(t4, t3);
+            A.throwWithTrace(new A.SassException(B.Set_empty, "From " + t1 + "\n" + t2, t3), error, stackTrace);
+          } else
+            throw exception;
+        }
+      modifiableSelector = new A.ModifiableBox(selector, type$.ModifiableBox_SelectorList);
+      if (mediaContext != null)
+        _this._mediaContexts.$indexSet(0, modifiableSelector, mediaContext);
+      _this._registerSelector$2(selector, modifiableSelector);
+      return new A.Box(modifiableSelector, type$.Box_SelectorList);
+    },
+    _registerSelector$2(list, selector) {
+      var t1, t2, t3, t4, _i, t5, t6, _i0, t7, t8, _i1, simple, _0_2_isSet, _0_2, t9, selectorInPseudo;
+      for (t1 = list.components, t2 = t1.length, t3 = this._selectors, t4 = type$.SelectorList, _i = 0; _i < t2; ++_i)
+        for (t5 = t1[_i].components, t6 = t5.length, _i0 = 0; _i0 < t6; ++_i0)
+          for (t7 = t5[_i0].selector.components, t8 = t7.length, _i1 = 0; _i1 < t8; ++_i1) {
+            simple = t7[_i1];
+            t3.putIfAbsent$2(simple, new A.ExtensionStore__registerSelector_closure()).add$1(0, selector);
+            _0_2_isSet = simple instanceof A.PseudoSelector;
+            _0_2 = null;
+            if (_0_2_isSet) {
+              _0_2 = simple.selector;
+              t9 = _0_2;
+              t9 = t9 != null;
+            } else
+              t9 = false;
+            if (t9) {
+              selectorInPseudo = _0_2_isSet ? _0_2 : simple.selector;
+              this._registerSelector$2(selectorInPseudo == null ? t4._as(selectorInPseudo) : selectorInPseudo, selector);
+            }
+          }
+    },
+    addExtension$4(extender, target, extend, mediaContext) {
+      var t2, t3, t4, t5, t6, t7, t8, t9, t10, newExtensions, _i, complex, t11, extension, _0_0, t12, newExtensionsByTarget, additionalExtensions, _this = this,
+        selectors = _this._selectors.$index(0, target),
+        t1 = _this._extensionsByExtender,
+        existingExtensions = t1.$index(0, target),
+        sources = _this._extensions.putIfAbsent$2(target, new A.ExtensionStore_addExtension_closure());
+      for (t2 = extender.components, t3 = t2.length, t4 = selectors == null, t5 = _this._sourceSpecificity, t6 = extend.span, t7 = extend.isOptional, t8 = existingExtensions != null, t9 = type$.ComplexSelector, t10 = type$.Extension, newExtensions = null, _i = 0; _i < t3; ++_i) {
+        complex = t2[_i];
+        if (complex.accept$1(B.C__IsUselessVisitor))
+          continue;
+        complex.get$specificity();
+        t11 = new A.Extender(complex, false);
+        extension = t11._extension = new A.Extension(t11, target, mediaContext, t7, t6);
+        _0_0 = sources.$index(0, complex);
+        if (_0_0 != null) {
+          sources.$indexSet(0, complex, A.MergedExtension_merge(_0_0, extension));
+          continue;
+        }
+        sources.$indexSet(0, complex, extension);
+        for (t11 = new A._SyncStarIterator(_this._simpleSelectors$1(complex)._outerHelper()); t11.moveNext$0();) {
+          t12 = t11._async$_current;
+          J.add$1$ax(t1.putIfAbsent$2(t12, new A.ExtensionStore_addExtension_closure0()), extension);
+          t5.putIfAbsent$2(t12, new A.ExtensionStore_addExtension_closure1(complex));
+        }
+        if (!t4 || t8) {
+          if (newExtensions == null)
+            newExtensions = A.LinkedHashMap_LinkedHashMap$_empty(t9, t10);
+          newExtensions.$indexSet(0, complex, extension);
+        }
+      }
+      if (newExtensions == null)
+        return;
+      t1 = type$.SimpleSelector;
+      newExtensionsByTarget = A.LinkedHashMap_LinkedHashMap$_literal([target, newExtensions], t1, type$.Map_ComplexSelector_Extension);
+      if (t8) {
+        additionalExtensions = _this._extendExistingExtensions$2(existingExtensions, newExtensionsByTarget);
+        if (additionalExtensions != null)
+          A.mapAddAll2(newExtensionsByTarget, additionalExtensions, t1, t9, t10);
+      }
+      if (!t4)
+        _this._extendExistingSelectors$2(selectors, newExtensionsByTarget);
+    },
+    _simpleSelectors$1(complex) {
+      return new A._SyncStarIterable(this._simpleSelectors$body$ExtensionStore(complex), type$._SyncStarIterable_SimpleSelector);
+    },
+    _simpleSelectors$body$ExtensionStore($async$complex) {
+      var $async$self = this;
+      return function() {
+        var complex = $async$complex;
+        var $async$goto = 0, $async$handler = 1, $async$errorStack = [], t1, t2, t3, _i, t4, t5, _i0, simple, _0_2_isSet, _0_2, t6, selector, t7, _i1;
+        return function $async$_simpleSelectors$1($async$iterator, $async$errorCode, $async$result) {
+          if ($async$errorCode === 1) {
+            $async$errorStack.push($async$result);
+            $async$goto = $async$handler;
+          }
+          while (true)
+            switch ($async$goto) {
+              case 0:
+                // Function start
+                t1 = complex.components, t2 = t1.length, t3 = type$.SelectorList, _i = 0;
+              case 2:
+                // for condition
+                if (!(_i < t2)) {
+                  // goto after for
+                  $async$goto = 4;
+                  break;
+                }
+                t4 = t1[_i].selector.components, t5 = t4.length, _i0 = 0;
+              case 5:
+                // for condition
+                if (!(_i0 < t5)) {
+                  // goto after for
+                  $async$goto = 7;
+                  break;
+                }
+                simple = t4[_i0];
+                $async$goto = 8;
+                return $async$iterator._async$_current = simple, 1;
+              case 8:
+                // after yield
+                _0_2_isSet = simple instanceof A.PseudoSelector;
+                _0_2 = null;
+                if (_0_2_isSet) {
+                  _0_2 = simple.selector;
+                  t6 = _0_2;
+                  t6 = t6 != null;
+                } else
+                  t6 = false;
+                $async$goto = t6 ? 9 : 10;
+                break;
+              case 9:
+                // then
+                selector = _0_2_isSet ? _0_2 : simple.selector;
+                t6 = (selector == null ? t3._as(selector) : selector).components, t7 = t6.length, _i1 = 0;
+              case 11:
+                // for condition
+                if (!(_i1 < t7)) {
+                  // goto after for
+                  $async$goto = 13;
+                  break;
+                }
+                $async$goto = 14;
+                return $async$iterator._yieldStar$1($async$self._simpleSelectors$1(t6[_i1]));
+              case 14:
+                // after yield
+              case 12:
+                // for update
+                ++_i1;
+                // goto for condition
+                $async$goto = 11;
+                break;
+              case 13:
+                // after for
+              case 10:
+                // join
+              case 6:
+                // for update
+                ++_i0;
+                // goto for condition
+                $async$goto = 5;
+                break;
+              case 7:
+                // after for
+              case 3:
+                // for update
+                ++_i;
+                // goto for condition
+                $async$goto = 2;
+                break;
+              case 4:
+                // after for
+                // implicit return
+                return 0;
+              case 1:
+                // rethrow
+                return $async$iterator._datum = $async$errorStack.at(-1), 3;
+            }
+        };
+      };
+    },
+    _extendExistingExtensions$2(extensions, newExtensions) {
+      var extension, selectors, error, stackTrace, t1, t2, t3, t4, t5, t6, additionalExtensions, _i, t7, exception, t8, t9, selectors0, t10, t11, t12, t13, t14, withExtender, _0_0, _i0, _i1;
+      for (t1 = J.toList$0$ax(extensions), t2 = t1.length, t3 = this._extensionsByExtender, t4 = type$.SimpleSelector, t5 = type$.Map_ComplexSelector_Extension, t6 = this._extensions, additionalExtensions = null, _i = 0; _i < t1.length; t1.length === t2 || (0, A.throwConcurrentModificationError)(t1), ++_i) {
+        extension = t1[_i];
+        t7 = t6.$index(0, extension.target);
+        t7.toString;
+        selectors = null;
+        try {
+          selectors = this._extendComplex$3(extension.extender.selector, newExtensions, extension.mediaContext);
+          if (selectors == null)
+            continue;
+        } catch (exception) {
+          t8 = A.unwrapException(exception);
+          if (t8 instanceof A.SassException) {
+            error = t8;
+            stackTrace = A.getTraceFromException(exception);
+            A.throwWithTrace(error.withAdditionalSpan$2(extension.extender.selector.span, "target selector"), error, stackTrace);
+          } else
+            throw exception;
+        }
+        t8 = J.get$first$ax(selectors);
+        t9 = extension.extender.selector;
+        if (B.C_ListEquality.equals$2(0, t8.leadingCombinators, t9.leadingCombinators) && B.C_ListEquality.equals$2(0, t8.components, t9.components)) {
+          t8 = selectors;
+          t9 = A._arrayInstanceType(t8);
+          selectors0 = new A.SubListIterable(t8, 1, null, t9._eval$1("SubListIterable<1>"));
+          selectors0.SubListIterable$3(t8, 1, null, t9._precomputed1);
+          selectors = selectors0;
+        }
+        for (t8 = J.get$iterator$ax(selectors); t8.moveNext$0();) {
+          t9 = t8.get$current(t8);
+          t10 = extension;
+          t11 = t10.target;
+          t12 = t10.span;
+          t13 = t10.mediaContext;
+          t10 = t10.isOptional;
+          t9.get$specificity();
+          t14 = new A.Extender(t9, false);
+          withExtender = t14._extension = new A.Extension(t14, t11, t13, t10, t12);
+          _0_0 = t7.$index(0, t9);
+          if (_0_0 != null)
+            t7.$indexSet(0, t9, A.MergedExtension_merge(_0_0, withExtender));
+          else {
+            t7.$indexSet(0, t9, withExtender);
+            for (t10 = t9.components, t11 = t10.length, _i0 = 0; _i0 < t11; ++_i0)
+              for (t12 = t10[_i0].selector.components, t13 = t12.length, _i1 = 0; _i1 < t13; ++_i1)
+                J.add$1$ax(t3.putIfAbsent$2(t12[_i1], new A.ExtensionStore__extendExistingExtensions_closure()), withExtender);
+            if (newExtensions.containsKey$1(extension.target)) {
+              if (additionalExtensions == null)
+                additionalExtensions = A.LinkedHashMap_LinkedHashMap$_empty(t4, t5);
+              additionalExtensions.putIfAbsent$2(extension.target, new A.ExtensionStore__extendExistingExtensions_closure0()).$indexSet(0, t9, withExtender);
+            }
+          }
+        }
+      }
+      return additionalExtensions;
+    },
+    _extendExistingSelectors$2(selectors, newExtensions) {
+      var selector, error, stackTrace, t1, t2, oldValue, exception, t3, t4, t5, t6;
+      for (t1 = selectors.get$iterator(selectors), t2 = this._mediaContexts; t1.moveNext$0();) {
+        selector = t1.get$current(t1);
+        oldValue = selector.value;
+        try {
+          selector.value = this._extendList$3(selector.value, newExtensions, t2.$index(0, selector));
+        } catch (exception) {
+          t3 = A.unwrapException(exception);
+          if (t3 instanceof A.SassException) {
+            error = t3;
+            stackTrace = A.getTraceFromException(exception);
+            t3 = selector.value.span.message$1(0, "");
+            t4 = error._span_exception$_message;
+            t5 = error;
+            t6 = J.getInterceptor$z(t5);
+            t5 = A.SourceSpanException.prototype.get$span.call(t6, t5);
+            A.throwWithTrace(new A.SassException(B.Set_empty, "From " + t3 + "\n" + t4, t5), error, stackTrace);
+          } else
+            throw exception;
+        }
+        if (oldValue === selector.value)
+          continue;
+        this._registerSelector$2(selector.value, selector);
+      }
+    },
+    addExtensions$1(extensionStores) {
+      var t1, t2, t3, t4, t5, t6, t7, t8, t9, t10, t11, newExtensions, selectorsToExtend, extensionsToExtend, t12, t13, target, newSources, first, extensionsForTarget, t14, selectorsForTarget, t15, _2_0, t16, extender, extension, _this = this, _null = null;
+      for (t1 = J.get$iterator$ax(extensionStores), t2 = type$.SimpleSelector, t3 = type$.Map_ComplexSelector_Extension, t4 = _this._extensions, t5 = type$.ComplexSelector, t6 = type$.Extension, t7 = _this._selectors, t8 = _this._extensionsByExtender, t9 = type$.JSArray_Extension, t10 = type$.ModifiableBox_SelectorList, t11 = _this._sourceSpecificity, newExtensions = _null, selectorsToExtend = newExtensions, extensionsToExtend = selectorsToExtend; t1.moveNext$0();) {
+        t12 = t1.get$current(t1);
+        if (t12.get$isEmpty(t12))
+          continue;
+        t11.addAll$1(0, t12.get$_sourceSpecificity());
+        for (t12 = A.MapExtensions_get_pairs(t12.get$_extensions(), t2, t3), t12 = t12.get$iterator(t12); t12.moveNext$0();) {
+          t13 = t12.get$current(t12);
+          target = t13._0;
+          newSources = t13._1;
+          if (target instanceof A.PlaceholderSelector) {
+            first = target.name.charCodeAt(0);
+            t13 = first === 45 || first === 95;
+          } else
+            t13 = false;
+          if (t13)
+            continue;
+          extensionsForTarget = t8.$index(0, target);
+          t13 = extensionsForTarget == null;
+          if (!t13) {
+            if (extensionsToExtend == null) {
+              extensionsToExtend = A._setArrayType([], t9);
+              t14 = extensionsToExtend;
+            } else
+              t14 = extensionsToExtend;
+            B.JSArray_methods.addAll$1(t14, extensionsForTarget);
+          }
+          selectorsForTarget = t7.$index(0, target);
+          t14 = selectorsForTarget != null;
+          if (t14) {
+            if (selectorsToExtend == null) {
+              selectorsToExtend = A.LinkedHashSet_LinkedHashSet$_empty(t10);
+              t15 = selectorsToExtend;
+            } else
+              t15 = selectorsToExtend;
+            t15.addAll$1(0, selectorsForTarget);
+          }
+          _2_0 = t4.$index(0, target);
+          if (_2_0 != null)
+            for (t15 = A.MapExtensions_get_pairs(newSources, t5, t6), t15 = t15.get$iterator(t15); t15.moveNext$0();) {
+              t16 = t15.get$current(t15);
+              extender = t16._0;
+              extension = t16._1;
+              if (_2_0.containsKey$1(extender)) {
+                t16 = _2_0.$index(0, extender);
+                extension = A.MergedExtension_merge(t16 == null ? t6._as(t16) : t16, extension);
+                _2_0.$indexSet(0, extender, extension);
+              } else
+                _2_0.$indexSet(0, extender, extension);
+              if (!t13 || t14) {
+                if (newExtensions == null) {
+                  newExtensions = A.LinkedHashMap_LinkedHashMap$_empty(t2, t3);
+                  t16 = newExtensions;
+                } else
+                  t16 = newExtensions;
+                t16.putIfAbsent$2(target, new A.ExtensionStore_addExtensions_closure()).$indexSet(0, extender, extension);
+              }
+            }
+          else {
+            t15 = A.LinkedHashMap_LinkedHashMap(_null, _null, _null, t5, t6);
+            t15.addAll$1(0, newSources);
+            t4.$indexSet(0, target, t15);
+            if (!t13 || t14) {
+              if (newExtensions == null) {
+                newExtensions = A.LinkedHashMap_LinkedHashMap$_empty(t2, t3);
+                t13 = newExtensions;
+              } else
+                t13 = newExtensions;
+              t14 = A.LinkedHashMap_LinkedHashMap(_null, _null, _null, t5, t6);
+              t14.addAll$1(0, newSources);
+              t13.$indexSet(0, target, t14);
+            }
+          }
+        }
+      }
+      if (newExtensions != null) {
+        if (extensionsToExtend != null)
+          _this._extendExistingExtensions$2(extensionsToExtend, newExtensions);
+        if (selectorsToExtend != null)
+          _this._extendExistingSelectors$2(selectorsToExtend, newExtensions);
+      }
+    },
+    _extendList$3(list, extensions, mediaQueryContext) {
+      var t1, t2, t3, extended, i, complex, result, t4;
+      for (t1 = list.components, t2 = t1.length, t3 = type$.JSArray_ComplexSelector, extended = null, i = 0; i < t2; ++i) {
+        complex = t1[i];
+        result = this._extendComplex$3(complex, extensions, mediaQueryContext);
+        if (result == null) {
+          if (extended != null)
+            extended.push(complex);
+        } else {
+          if (extended == null)
+            if (i === 0)
+              extended = A._setArrayType([], t3);
+            else {
+              t4 = B.JSArray_methods.sublist$2(t1, 0, i);
+              extended = A._setArrayType(t4.slice(0), A._arrayInstanceType(t4));
+            }
+          B.JSArray_methods.addAll$1(extended, result);
+        }
+      }
+      if (extended == null)
+        return list;
+      t1 = this._originals;
+      return A.SelectorList$(this._trim$2(extended, t1.get$contains(t1)), list.span);
+    },
+    _extendList$2(list, extensions) {
+      return this._extendList$3(list, extensions, null);
+    },
+    _extendComplex$3(complex, extensions, mediaQueryContext) {
+      var isOriginal, t3, t4, t5, t6, t7, t8, t9, t10, extendedNotExpanded, i, component, extended, t11, t12, t13, t14, _box_0 = {},
+        t1 = complex.leadingCombinators,
+        t2 = t1.length;
+      if (t2 > 1)
+        return null;
+      isOriginal = this._originals.contains$1(0, complex);
+      for (t3 = complex.components, t4 = t3.length, t5 = type$.JSArray_List_ComplexSelector, t6 = complex.lineBreak, t7 = !t6, t8 = complex.span, t9 = type$.JSArray_ComplexSelector, t2 = t2 === 0, t10 = type$.JSArray_ComplexSelectorComponent, extendedNotExpanded = null, i = 0; i < t4; ++i) {
+        component = t3[i];
+        extended = this._extendCompound$4$inOriginal(component, extensions, mediaQueryContext, isOriginal);
+        if (extended == null) {
+          if (extendedNotExpanded != null)
+            extendedNotExpanded.push(A._setArrayType([A.ComplexSelector$(B.List_empty0, A._setArrayType([component], t10), t8, t6)], t9));
+        } else if (extendedNotExpanded != null)
+          extendedNotExpanded.push(extended);
+        else if (i !== 0) {
+          t11 = A._arrayInstanceType(t3);
+          t12 = new A.SubListIterable(t3, 0, i, t11._eval$1("SubListIterable<1>"));
+          t12.SubListIterable$3(t3, 0, i, t11._precomputed1);
+          extendedNotExpanded = A._setArrayType([A._setArrayType([A.ComplexSelector$(t1, t12, t8, t6)], t9), extended], t5);
+        } else if (t2)
+          extendedNotExpanded = A._setArrayType([extended], t5);
+        else {
+          t11 = A._setArrayType([], t9);
+          for (t12 = J.get$iterator$ax(extended); t12.moveNext$0();) {
+            t13 = t12.get$current(t12);
+            t14 = t13.leadingCombinators;
+            if (t14.length === 0 || B.C_ListEquality.equals$2(0, t1, t14)) {
+              t14 = t13.components;
+              t11.push(A.ComplexSelector$(t1, t14, t8, !t7 || t13.lineBreak));
+            }
+          }
+          extendedNotExpanded = A._setArrayType([t11], t5);
+        }
+      }
+      if (extendedNotExpanded == null)
+        return null;
+      _box_0.first = true;
+      t1 = type$.ComplexSelector;
+      t1 = J.expand$1$1$ax(A.paths(extendedNotExpanded, t1), new A.ExtensionStore__extendComplex_closure(_box_0, this, complex), t1);
+      t1 = A.List_List$_of(t1, t1.$ti._eval$1("Iterable.E"));
+      return t1;
+    },
+    _extendCompound$4$inOriginal(component, extensions, mediaQueryContext, inOriginal) {
+      var t3, t4, t5, t6, t7, t8, t9, t10, t11, options, i, simple, extended, t12, result, compound, complex, extenderPaths, withCombinators, isOriginal, _this = this, _null = null,
+        t1 = _this._mode,
+        targetsUsed = t1 === B.ExtendMode_normal_normal || extensions.__js_helper$_length < 2 ? _null : A.LinkedHashSet_LinkedHashSet$_empty(type$.SimpleSelector),
+        t2 = component.selector,
+        simples = t2.components;
+      for (t3 = simples.length, t4 = type$.JSArray_List_Extender, t5 = type$.JSArray_Extender, t6 = type$.CssValue_Combinator, t7 = type$.JSArray_ComplexSelectorComponent, t8 = A._arrayInstanceType(simples), t9 = t8._precomputed1, t8 = t8._eval$1("SubListIterable<1>"), t10 = component.span, t11 = type$.SimpleSelector, options = _null, i = 0; i < t3; ++i) {
+        simple = simples[i];
+        extended = _this._extendSimple$4(simple, extensions, mediaQueryContext, targetsUsed);
+        if (extended == null) {
+          if (options != null)
+            options.push(A._setArrayType([_this._extenderForSimple$1(simple)], t5));
+        } else {
+          if (options == null) {
+            options = A._setArrayType([], t4);
+            if (i !== 0) {
+              t12 = new A.SubListIterable(simples, 0, i, t8);
+              t12.SubListIterable$3(simples, 0, i, t9);
+              result = A.List_List$from(t12, false, t11);
+              result.$flags = 3;
+              t12 = result;
+              compound = new A.CompoundSelector(t12, t10);
+              if (t12.length === 0)
+                A.throwExpression(A.ArgumentError$("components may not be empty.", _null));
+              result = A.List_List$from(B.List_empty0, false, t6);
+              result.$flags = 3;
+              t12 = A.ComplexSelector$(B.List_empty0, A._setArrayType([new A.ComplexSelectorComponent(compound, result, t10)], t7), t10, false);
+              _this._sourceSpecificityFor$1(compound);
+              options.push(A._setArrayType([new A.Extender(t12, true)], t5));
+            }
+          }
+          B.JSArray_methods.addAll$1(options, extended);
+        }
+      }
+      if (options == null)
+        return _null;
+      if (targetsUsed != null && targetsUsed._collection$_length !== extensions.__js_helper$_length)
+        return _null;
+      if (options.length === 1) {
+        for (t1 = J.get$iterator$ax(options[0]), t2 = component.combinators, t3 = type$.JSArray_ComplexSelector, result = _null; t1.moveNext$0();) {
+          t4 = t1.get$current(t1);
+          t4.assertCompatibleMediaContext$1(mediaQueryContext);
+          complex = t4.selector.withAdditionalCombinators$1(t2);
+          if (complex.accept$1(B.C__IsUselessVisitor))
+            continue;
+          if (result == null)
+            result = A._setArrayType([], t3);
+          result.push(complex);
+        }
+        return result;
+      }
+      extenderPaths = A.paths(options, type$.Extender);
+      t3 = A._setArrayType([], type$.JSArray_ComplexSelector);
+      t1 = t1 === B.ExtendMode_replace_replace;
+      t4 = !t1;
+      if (t4)
+        t3.push(A.ComplexSelector$(B.List_empty0, A._setArrayType([new A.ComplexSelectorComponent(A.CompoundSelector$(J.expand$1$1$ax(J.get$first$ax(extenderPaths), new A.ExtensionStore__extendCompound_closure(), t11), t2.span), A.List_List$unmodifiable(component.combinators, t6), t10)], t7), t10, false));
+      t2 = J.skip$1$ax(extenderPaths, t1 ? 0 : 1);
+      t5 = t2.$ti;
+      t2 = new A.ListIterator(t2, t2.get$length(0), t5._eval$1("ListIterator<ListIterable.E>"));
+      t6 = component.combinators;
+      t5 = t5._eval$1("ListIterable.E");
+      for (; t2.moveNext$0();) {
+        t1 = t2.__internal$_current;
+        extended = _this._unifyExtenders$3(t1 == null ? t5._as(t1) : t1, mediaQueryContext, t10);
+        if (extended == null)
+          continue;
+        for (t1 = J.get$iterator$ax(extended); t1.moveNext$0();) {
+          withCombinators = t1.get$current(t1).withAdditionalCombinators$1(t6);
+          if (!withCombinators.accept$1(B.C__IsUselessVisitor))
+            t3.push(withCombinators);
+        }
+      }
+      isOriginal = new A.ExtensionStore__extendCompound_closure0();
+      return _this._trim$2(t3, inOriginal && t4 ? new A.ExtensionStore__extendCompound_closure1(B.JSArray_methods.get$first(t3)) : isOriginal);
+    },
+    _unifyExtenders$3(extenders, mediaQueryContext, span) {
+      var t1, t2, t3, originals, originalsLineBreak, t4, complexes, _null = null,
+        toUnify = A.QueueList$(_null, type$.ComplexSelector);
+      for (t1 = J.getInterceptor$ax(extenders), t2 = t1.get$iterator(extenders), t3 = type$.JSArray_SimpleSelector, originals = _null, originalsLineBreak = false; t2.moveNext$0();) {
+        t4 = t2.get$current(t2);
+        if (t4.isOriginal) {
+          if (originals == null)
+            originals = A._setArrayType([], t3);
+          t4 = t4.selector;
+          B.JSArray_methods.addAll$1(originals, B.JSArray_methods.get$last(t4.components).selector.components);
+          originalsLineBreak = originalsLineBreak || t4.lineBreak;
+        } else {
+          t4 = t4.selector;
+          if (t4.accept$1(B.C__IsUselessVisitor))
+            return _null;
+          else
+            toUnify._queue_list$_add$1(t4);
+        }
+      }
+      if (originals != null)
+        toUnify.addFirst$1(A.ComplexSelector$(B.List_empty0, A._setArrayType([new A.ComplexSelectorComponent(A.CompoundSelector$(originals, span), A.List_List$unmodifiable(B.List_empty0, type$.CssValue_Combinator), span)], type$.JSArray_ComplexSelectorComponent), span, originalsLineBreak));
+      complexes = A.unifyComplex(toUnify, span);
+      if (complexes == null)
+        return _null;
+      for (t1 = t1.get$iterator(extenders); t1.moveNext$0();)
+        t1.get$current(t1).assertCompatibleMediaContext$1(mediaQueryContext);
+      return complexes;
+    },
+    _extendSimple$4(simple, extensions, mediaQueryContext, targetsUsed) {
+      var t2, _1_0,
+        t1 = new A.ExtensionStore__extendSimple_withoutPseudo(this, extensions, targetsUsed);
+      if (simple instanceof A.PseudoSelector)
+        t2 = simple.selector != null;
+      else
+        t2 = false;
+      if (t2) {
+        _1_0 = this._extendPseudo$3(simple, extensions, mediaQueryContext);
+        if (_1_0 != null)
+          return new A.MappedListIterable(_1_0, new A.ExtensionStore__extendSimple_closure(this, t1), A._arrayInstanceType(_1_0)._eval$1("MappedListIterable<1,List<Extender>>"));
+      }
+      return A.NullableExtension_andThen(t1.call$1(simple), new A.ExtensionStore__extendSimple_closure0());
+    },
+    _extenderForSimple$1(simple) {
+      var t1 = simple.span;
+      t1 = A.ComplexSelector$(B.List_empty0, A._setArrayType([new A.ComplexSelectorComponent(A.CompoundSelector$(A._setArrayType([simple], type$.JSArray_SimpleSelector), t1), A.List_List$unmodifiable(B.List_empty0, type$.CssValue_Combinator), t1)], type$.JSArray_ComplexSelectorComponent), t1, false);
+      this._sourceSpecificity.$index(0, simple);
+      return new A.Extender(t1, true);
+    },
+    _extendPseudo$3(pseudo, extensions, mediaQueryContext) {
+      var extended, complexes, t1, result,
+        selector = pseudo.selector;
+      if (selector == null)
+        throw A.wrapException(A.ArgumentError$("Selector " + pseudo.toString$0(0) + " must have a selector argument.", null));
+      extended = this._extendList$3(selector, extensions, mediaQueryContext);
+      if (extended === selector)
+        return null;
+      complexes = extended.components;
+      t1 = pseudo.normalizedName === "not";
+      if (t1 && !B.JSArray_methods.any$1(selector.components, new A.ExtensionStore__extendPseudo_closure()) && B.JSArray_methods.any$1(complexes, new A.ExtensionStore__extendPseudo_closure0()))
+        complexes = new A.WhereIterable(complexes, new A.ExtensionStore__extendPseudo_closure1(), A._arrayInstanceType(complexes)._eval$1("WhereIterable<1>"));
+      complexes = J.expand$1$1$ax(complexes, new A.ExtensionStore__extendPseudo_closure2(pseudo), type$.ComplexSelector);
+      if (t1 && selector.components.length === 1) {
+        t1 = A.MappedIterable_MappedIterable(complexes, new A.ExtensionStore__extendPseudo_closure3(pseudo, selector), complexes.$ti._eval$1("Iterable.E"), type$.PseudoSelector);
+        result = A.List_List$_of(t1, A._instanceType(t1)._eval$1("Iterable.E"));
+        return result.length === 0 ? null : result;
+      } else
+        return A._setArrayType([pseudo.withSelector$1(A.SelectorList$(complexes, selector.span))], type$.JSArray_PseudoSelector);
+    },
+    _trim$2(selectors, isOriginal) {
+      var result, i, t1, t2, numOriginals, _box_0, complex1, j, t3, t4, _i, t5, maxSpecificity;
+      if (selectors.length > 100)
+        return selectors;
+      result = A.QueueList$(null, type$.ComplexSelector);
+      $label0$0:
+        for (i = selectors.length - 1, t1 = A._arrayInstanceType(selectors), t2 = t1._precomputed1, t1 = t1._eval$1("SubListIterable<1>"), numOriginals = 0; i >= 0; --i) {
+          _box_0 = {};
+          complex1 = selectors[i];
+          if (isOriginal.call$1(complex1)) {
+            for (j = 0; j < numOriginals; ++j)
+              if (result.$index(0, j).$eq(0, complex1)) {
+                A.rotateSlice(result, 0, j + 1);
+                continue $label0$0;
+              }
+            ++numOriginals;
+            result.addFirst$1(complex1);
+            continue $label0$0;
+          }
+          _box_0.maxSpecificity = 0;
+          for (t3 = complex1.components, t4 = t3.length, _i = 0, t5 = 0; _i < t4; ++_i, t5 = maxSpecificity) {
+            maxSpecificity = Math.max(t5, this._sourceSpecificityFor$1(t3[_i].selector));
+            _box_0.maxSpecificity = maxSpecificity;
+          }
+          if (result.any$1(result, new A.ExtensionStore__trim_closure(_box_0, complex1)))
+            continue $label0$0;
+          t3 = new A.SubListIterable(selectors, 0, i, t1);
+          t3.SubListIterable$3(selectors, 0, i, t2);
+          if (t3.any$1(0, new A.ExtensionStore__trim_closure0(_box_0, complex1)))
+            continue $label0$0;
+          result.addFirst$1(complex1);
+        }
+      return result;
+    },
+    _sourceSpecificityFor$1(compound) {
+      var t1, t2, t3, specificity, _i, t4;
+      for (t1 = compound.components, t2 = t1.length, t3 = this._sourceSpecificity, specificity = 0, _i = 0; _i < t2; ++_i) {
+        t4 = t3.$index(0, t1[_i]);
+        if (t4 == null)
+          t4 = 0;
+        specificity = Math.max(specificity, t4);
+      }
+      return specificity;
+    },
+    clone$0() {
+      var t3, t4, _this = this,
+        t1 = type$.SimpleSelector,
+        newSelectors = A.LinkedHashMap_LinkedHashMap$_empty(t1, type$.Set_ModifiableBox_SelectorList),
+        t2 = type$.ModifiableBox_SelectorList,
+        newMediaContexts = A.LinkedHashMap_LinkedHashMap$_empty(t2, type$.List_CssMediaQuery),
+        oldToNewSelectors = new A.JsIdentityLinkedHashMap(type$.JsIdentityLinkedHashMap_of_SelectorList_and_Box_SelectorList);
+      _this._selectors.forEach$1(0, new A.ExtensionStore_clone_closure(_this, newSelectors, A.LinkedHashMap_LinkedHashMap$_empty(t2, t2), oldToNewSelectors, newMediaContexts));
+      t2 = type$.Extension;
+      t3 = A.copyMapOfMap(_this._extensions, t1, type$.ComplexSelector, t2);
+      t2 = A.copyMapOfList(_this._extensionsByExtender, t1, t2);
+      t1 = new A.JsIdentityLinkedHashMap(type$.JsIdentityLinkedHashMap_SimpleSelector_int);
+      t1.addAll$1(0, _this._sourceSpecificity);
+      t4 = new A._LinkedIdentityHashSet(type$._LinkedIdentityHashSet_ComplexSelector);
+      t4.addAll$1(0, _this._originals);
+      return new A._Record_2(new A.ExtensionStore(newSelectors, t3, t2, newMediaContexts, t1, t4, B.ExtendMode_normal_normal), oldToNewSelectors);
+    },
+    get$_extensions() {
+      return this._extensions;
+    },
+    get$_sourceSpecificity() {
+      return this._sourceSpecificity;
+    }
+  };
+  A.ExtensionStore_extensionsWhereTarget_closure.prototype = {
+    call$1(extension) {
+      return !extension.isOptional;
+    },
+    $signature: 369
+  };
+  A.ExtensionStore__registerSelector_closure.prototype = {
+    call$0() {
+      return A.LinkedHashSet_LinkedHashSet$_empty(type$.ModifiableBox_SelectorList);
+    },
+    $signature: 390
+  };
+  A.ExtensionStore_addExtension_closure.prototype = {
+    call$0() {
+      return A.LinkedHashMap_LinkedHashMap$_empty(type$.ComplexSelector, type$.Extension);
+    },
+    $signature: 124
+  };
+  A.ExtensionStore_addExtension_closure0.prototype = {
+    call$0() {
+      return A._setArrayType([], type$.JSArray_Extension);
+    },
+    $signature: 152
+  };
+  A.ExtensionStore_addExtension_closure1.prototype = {
+    call$0() {
+      return this.complex.get$specificity();
+    },
+    $signature: 10
+  };
+  A.ExtensionStore__extendExistingExtensions_closure.prototype = {
+    call$0() {
+      return A._setArrayType([], type$.JSArray_Extension);
+    },
+    $signature: 152
+  };
+  A.ExtensionStore__extendExistingExtensions_closure0.prototype = {
+    call$0() {
+      return A.LinkedHashMap_LinkedHashMap$_empty(type$.ComplexSelector, type$.Extension);
+    },
+    $signature: 124
+  };
+  A.ExtensionStore_addExtensions_closure.prototype = {
+    call$0() {
+      return A.LinkedHashMap_LinkedHashMap$_empty(type$.ComplexSelector, type$.Extension);
+    },
+    $signature: 124
+  };
+  A.ExtensionStore__extendComplex_closure.prototype = {
+    call$1(path) {
+      var t1 = this.complex;
+      return J.map$1$1$ax(A.weave(path, t1.span, t1.lineBreak), new A.ExtensionStore__extendComplex__closure(this._box_0, this.$this, t1), type$.ComplexSelector);
+    },
+    $signature: 397
+  };
+  A.ExtensionStore__extendComplex__closure.prototype = {
+    call$1(outputComplex) {
+      var _this = this,
+        t1 = _this._box_0;
+      if (t1.first && _this.$this._originals.contains$1(0, _this.complex))
+        _this.$this._originals.add$1(0, outputComplex);
+      t1.first = false;
+      return outputComplex;
+    },
+    $signature: 61
+  };
+  A.ExtensionStore__extendCompound_closure.prototype = {
+    call$1(extender) {
+      return B.JSArray_methods.get$last(extender.selector.components).selector.components;
+    },
+    $signature: 398
+  };
+  A.ExtensionStore__extendCompound_closure0.prototype = {
+    call$1(_) {
+      return false;
+    },
+    $signature: 20
+  };
+  A.ExtensionStore__extendCompound_closure1.prototype = {
+    call$1(complex) {
+      return complex.$eq(0, this.original);
+    },
+    $signature: 20
+  };
+  A.ExtensionStore__extendSimple_withoutPseudo.prototype = {
+    call$1(simple) {
+      var t1, t2,
+        extensionsForSimple = this.extensions.$index(0, simple);
+      if (extensionsForSimple == null)
+        return null;
+      t1 = this.targetsUsed;
+      if (t1 != null)
+        t1.add$1(0, simple);
+      t1 = A._setArrayType([], type$.JSArray_Extender);
+      t2 = this.$this;
+      if (t2._mode !== B.ExtendMode_replace_replace)
+        t1.push(t2._extenderForSimple$1(simple));
+      for (t2 = extensionsForSimple.get$values(extensionsForSimple), t2 = t2.get$iterator(t2); t2.moveNext$0();)
+        t1.push(t2.get$current(t2).extender);
+      return t1;
+    },
+    $signature: 417
+  };
+  A.ExtensionStore__extendSimple_closure.prototype = {
+    call$1(pseudo) {
+      var t1 = this.withoutPseudo.call$1(pseudo);
+      return t1 == null ? A._setArrayType([this.$this._extenderForSimple$1(pseudo)], type$.JSArray_Extender) : t1;
+    },
+    $signature: 418
+  };
+  A.ExtensionStore__extendSimple_closure0.prototype = {
+    call$1(result) {
+      return A._setArrayType([result], type$.JSArray_List_Extender);
+    },
+    $signature: 419
+  };
+  A.ExtensionStore__extendPseudo_closure.prototype = {
+    call$1(complex) {
+      return complex.components.length > 1;
+    },
+    $signature: 20
+  };
+  A.ExtensionStore__extendPseudo_closure0.prototype = {
+    call$1(complex) {
+      return complex.components.length === 1;
+    },
+    $signature: 20
+  };
+  A.ExtensionStore__extendPseudo_closure1.prototype = {
+    call$1(complex) {
+      return complex.components.length <= 1;
+    },
+    $signature: 20
+  };
+  A.ExtensionStore__extendPseudo_closure2.prototype = {
+    call$1(complex) {
+      var innerPseudo, innerSelector,
+        t1 = complex.get$singleCompound();
+      if (t1 == null)
+        innerPseudo = null;
+      else {
+        t1 = t1.components;
+        innerPseudo = t1.length === 1 ? B.JSArray_methods.get$first(t1) : null;
+      }
+      if (!(innerPseudo instanceof A.PseudoSelector))
+        return A._setArrayType([complex], type$.JSArray_ComplexSelector);
+      innerSelector = innerPseudo.selector;
+      if (innerSelector == null)
+        return A._setArrayType([complex], type$.JSArray_ComplexSelector);
+      t1 = this.pseudo;
+      switch (t1.normalizedName) {
+        case "not":
+          if (!B.Set_0egh6.contains$1(0, innerPseudo.normalizedName))
+            return A._setArrayType([], type$.JSArray_ComplexSelector);
+          return innerSelector.components;
+        case "is":
+        case "matches":
+        case "where":
+        case "any":
+        case "current":
+        case "nth-child":
+        case "nth-last-child":
+          if (innerPseudo.name !== t1.name)
+            return A._setArrayType([], type$.JSArray_ComplexSelector);
+          if (innerPseudo.argument != t1.argument)
+            return A._setArrayType([], type$.JSArray_ComplexSelector);
+          return innerSelector.components;
+        case "has":
+        case "host":
+        case "host-context":
+        case "slotted":
+          return A._setArrayType([complex], type$.JSArray_ComplexSelector);
+        default:
+          return A._setArrayType([], type$.JSArray_ComplexSelector);
+      }
+    },
+    $signature: 422
+  };
+  A.ExtensionStore__extendPseudo_closure3.prototype = {
+    call$1(complex) {
+      return this.pseudo.withSelector$1(A.SelectorList$(A._setArrayType([complex], type$.JSArray_ComplexSelector), this.selector.span));
+    },
+    $signature: 424
+  };
+  A.ExtensionStore__trim_closure.prototype = {
+    call$1(complex2) {
+      return complex2.get$specificity() >= this._box_0.maxSpecificity && complex2.isSuperselector$1(this.complex1);
+    },
+    $signature: 20
+  };
+  A.ExtensionStore__trim_closure0.prototype = {
+    call$1(complex2) {
+      return complex2.get$specificity() >= this._box_0.maxSpecificity && complex2.isSuperselector$1(this.complex1);
+    },
+    $signature: 20
+  };
+  A.ExtensionStore_clone_closure.prototype = {
+    call$2(simple, selectors) {
+      var t1, t2, t3, t4, t5, t6, newSelector, _0_0, _this = this,
+        newSelectorSet = A.LinkedHashSet_LinkedHashSet$_empty(type$.ModifiableBox_SelectorList);
+      _this.newSelectors.$indexSet(0, simple, newSelectorSet);
+      for (t1 = selectors.get$iterator(selectors), t2 = _this.newBoxes, t3 = _this.oldToNewSelectors, t4 = _this.$this._mediaContexts, t5 = _this.newMediaContexts; t1.moveNext$0();) {
+        t6 = t1.get$current(t1);
+        newSelector = t2.putIfAbsent$2(t6, new A.ExtensionStore_clone__closure(t6));
+        newSelectorSet.add$1(0, newSelector);
+        t3.$indexSet(0, t6.value, new A.Box(newSelector, newSelector.$ti._eval$1("Box<1>")));
+        _0_0 = t4.$index(0, t6);
+        if (_0_0 != null)
+          t5.$indexSet(0, newSelector, _0_0);
+      }
+    },
+    $signature: 439
+  };
+  A.ExtensionStore_clone__closure.prototype = {
+    call$0() {
+      return new A.ModifiableBox(this.selector.value, type$.ModifiableBox_SelectorList);
+    },
+    $signature: 447
+  };
+  A.unifyComplex_closure.prototype = {
+    call$1(complex) {
+      return complex.lineBreak;
+    },
+    $signature: 20
+  };
+  A._weaveParents_closure.prototype = {
+    call$2(group1, group2) {
+      var t1, unified;
+      if (B.C_ListEquality.equals$2(0, group1, group2))
+        return group1;
+      if (A._complexIsParentSuperselector(group1, group2))
+        return group2;
+      if (A._complexIsParentSuperselector(group2, group1))
+        return group1;
+      if (!A._mustUnify(group1, group2))
+        return null;
+      t1 = this.span;
+      unified = A.unifyComplex(A._setArrayType([A.ComplexSelector$(B.List_empty0, group1, t1, false), A.ComplexSelector$(B.List_empty0, group2, t1, false)], type$.JSArray_ComplexSelector), t1);
+      if (unified == null)
+        t1 = null;
+      else {
+        t1 = A.IterableExtension_get_singleOrNull(unified);
+        t1 = t1 == null ? null : t1.components;
+      }
+      return t1;
+    },
+    $signature: 337
+  };
+  A._weaveParents_closure0.prototype = {
+    call$1(sequence) {
+      return A._complexIsParentSuperselector(sequence.get$first(sequence), this.group);
+    },
+    $signature: 156
+  };
+  A._weaveParents_closure1.prototype = {
+    call$1(sequence) {
+      return sequence.get$length(0) === 0;
+    },
+    $signature: 156
+  };
+  A._weaveParents_closure2.prototype = {
+    call$1(choice) {
+      return J.get$isNotEmpty$asx(choice);
+    },
+    $signature: 451
+  };
+  A._mustUnify_closure.prototype = {
+    call$1(component) {
+      return B.JSArray_methods.any$1(component.selector.components, new A._mustUnify__closure(this.uniqueSelectors));
+    },
+    $signature: 51
+  };
+  A._mustUnify__closure.prototype = {
+    call$1(simple) {
+      var t1;
+      if (!(simple instanceof A.IDSelector))
+        t1 = simple instanceof A.PseudoSelector && !simple.isClass;
+      else
+        t1 = true;
+      return t1 && this.uniqueSelectors.contains$1(0, simple);
+    },
+    $signature: 13
+  };
+  A.paths_closure.prototype = {
+    call$2(paths, choice) {
+      var t1 = this.T;
+      t1 = J.expand$1$1$ax(choice, new A.paths__closure(paths, t1), t1._eval$1("List<0>"));
+      t1 = A.List_List$_of(t1, t1.$ti._eval$1("Iterable.E"));
+      return t1;
+    },
+    $signature() {
+      return this.T._eval$1("List<List<0>>(List<List<0>>,List<0>)");
+    }
+  };
+  A.paths__closure.prototype = {
+    call$1(option) {
+      var t1 = this.T;
+      return J.map$1$1$ax(this.paths, new A.paths___closure(option, t1), t1._eval$1("List<0>"));
+    },
+    $signature() {
+      return this.T._eval$1("Iterable<List<0>>(0)");
+    }
+  };
+  A.paths___closure.prototype = {
+    call$1(path) {
+      var t1 = A.List_List$_of(path, this.T);
+      t1.push(this.option);
+      return t1;
+    },
+    $signature() {
+      return this.T._eval$1("List<0>(List<0>)");
+    }
+  };
+  A.listIsSuperselector_closure.prototype = {
+    call$1(complex1) {
+      return B.JSArray_methods.any$1(this.list1, new A.listIsSuperselector__closure(complex1));
+    },
+    $signature: 20
+  };
+  A.listIsSuperselector__closure.prototype = {
+    call$1(complex2) {
+      return complex2.isSuperselector$1(this.complex1);
+    },
+    $signature: 20
+  };
+  A.complexIsSuperselector_closure.prototype = {
+    call$1($parent) {
+      return $parent.combinators.length > 1;
+    },
+    $signature: 51
+  };
+  A.complexIsSuperselector_closure0.prototype = {
+    call$1(component) {
+      return A._isSupercombinator(this.combinator1, A.IterableExtension_get_firstOrNull(component.combinators));
+    },
+    $signature: 51
+  };
+  A._compatibleWithPreviousCombinator_closure.prototype = {
+    call$1(component) {
+      var t1 = component.combinators,
+        t2 = A.IterableExtension_get_firstOrNull(t1);
+      if ((t2 == null ? null : t2.value) !== B.Combinator_55N) {
+        t1 = A.IterableExtension_get_firstOrNull(t1);
+        t1 = (t1 == null ? null : t1.value) === B.Combinator_bOP;
+      } else
+        t1 = true;
+      return t1;
+    },
+    $signature: 51
+  };
+  A.compoundIsSuperselector_closure.prototype = {
+    call$1(simple1) {
+      return B.JSArray_methods.any$1(this.compound2.components, simple1.get$isSuperselector());
+    },
+    $signature: 13
+  };
+  A._selectorPseudoIsSuperselector_closure.prototype = {
+    call$1(selector2) {
+      return A.listIsSuperselector(this.selector1.components, selector2.components);
+    },
+    $signature: 73
+  };
+  A._selectorPseudoIsSuperselector_closure0.prototype = {
+    call$1(complex1) {
+      var t1, t2;
+      if (complex1.leadingCombinators.length === 0) {
+        t1 = A._setArrayType([], type$.JSArray_ComplexSelectorComponent);
+        t2 = this.parents;
+        if (t2 != null)
+          B.JSArray_methods.addAll$1(t1, t2);
+        t2 = this.compound2;
+        t1.push(new A.ComplexSelectorComponent(t2, A.List_List$unmodifiable(B.List_empty0, type$.CssValue_Combinator), t2.span));
+        t1 = A.complexIsSuperselector(complex1.components, t1);
+      } else
+        t1 = false;
+      return t1;
+    },
+    $signature: 20
+  };
+  A._selectorPseudoIsSuperselector_closure1.prototype = {
+    call$1(selector2) {
+      return A.listIsSuperselector(this.selector1.components, selector2.components);
+    },
+    $signature: 73
+  };
+  A._selectorPseudoIsSuperselector_closure2.prototype = {
+    call$1(selector2) {
+      return A.listIsSuperselector(this.selector1.components, selector2.components);
+    },
+    $signature: 73
+  };
+  A._selectorPseudoIsSuperselector_closure3.prototype = {
+    call$1(complex) {
+      if (complex.accept$1(B._IsBogusVisitor_true))
+        return false;
+      return B.JSArray_methods.any$1(this.compound2.components, new A._selectorPseudoIsSuperselector__closure(complex, this.pseudo1));
+    },
+    $signature: 20
+  };
+  A._selectorPseudoIsSuperselector__closure.prototype = {
+    call$1(simple2) {
+      var t1, selector2, _0_4, _this = this;
+      $label0$1: {
+        if (simple2 instanceof A.TypeSelector) {
+          t1 = B.JSArray_methods.any$1(B.JSArray_methods.get$last(_this.complex.components).selector.components, new A._selectorPseudoIsSuperselector___closure(simple2));
+          break $label0$1;
+        }
+        if (simple2 instanceof A.IDSelector) {
+          t1 = B.JSArray_methods.any$1(B.JSArray_methods.get$last(_this.complex.components).selector.components, new A._selectorPseudoIsSuperselector___closure0(simple2));
+          break $label0$1;
+        }
+        selector2 = null;
+        t1 = false;
+        if (simple2 instanceof A.PseudoSelector) {
+          _0_4 = simple2.selector;
+          if (_0_4 != null) {
+            selector2 = _0_4 == null ? type$.SelectorList._as(_0_4) : _0_4;
+            t1 = simple2.name === _this.pseudo1.name;
+          }
+        }
+        if (t1) {
+          t1 = A.listIsSuperselector(selector2.components, A._setArrayType([_this.complex], type$.JSArray_ComplexSelector));
+          break $label0$1;
+        }
+        t1 = false;
+        break $label0$1;
+      }
+      return t1;
+    },
+    $signature: 13
+  };
+  A._selectorPseudoIsSuperselector___closure.prototype = {
+    call$1(simple1) {
+      var t1;
+      if (simple1 instanceof A.TypeSelector) {
+        t1 = this.simple2.name.$eq(0, simple1.name);
+        t1 = !t1;
+      } else
+        t1 = false;
+      return t1;
+    },
+    $signature: 13
+  };
+  A._selectorPseudoIsSuperselector___closure0.prototype = {
+    call$1(simple1) {
+      var t1;
+      if (simple1 instanceof A.IDSelector)
+        t1 = this.simple2.name !== simple1.name;
+      else
+        t1 = false;
+      return t1;
+    },
+    $signature: 13
+  };
+  A._selectorPseudoIsSuperselector_closure4.prototype = {
+    call$1(selector2) {
+      var t1 = B.C_ListEquality.equals$2(0, this.selector1.components, selector2.components);
+      return t1;
+    },
+    $signature: 73
+  };
+  A._selectorPseudoIsSuperselector_closure5.prototype = {
+    call$1(pseudo2) {
+      var t1, selector2;
+      if (!(pseudo2 instanceof A.PseudoSelector))
+        return false;
+      t1 = this.pseudo1;
+      if (pseudo2.name !== t1.name)
+        return false;
+      if (pseudo2.argument != t1.argument)
+        return false;
+      selector2 = pseudo2.selector;
+      if (selector2 == null)
+        return false;
+      return A.listIsSuperselector(this.selector1.components, selector2.components);
+    },
+    $signature: 13
+  };
+  A._selectorPseudoArgs_closure.prototype = {
+    call$1(pseudo) {
+      return pseudo.isClass === this.isClass && pseudo.name === this.name;
+    },
+    $signature: 452
+  };
+  A._selectorPseudoArgs_closure0.prototype = {
+    call$1(pseudo) {
+      return pseudo.selector;
+    },
+    $signature: 456
+  };
+  A.MergedExtension.prototype = {
+    unmerge$0() {
+      return new A._SyncStarIterable(this.unmerge$body$MergedExtension(), type$._SyncStarIterable_Extension);
+    },
+    unmerge$body$MergedExtension() {
+      var $async$self = this;
+      return function() {
+        var $async$goto = 0, $async$handler = 1, $async$errorStack = [], right, left;
+        return function $async$unmerge$0($async$iterator, $async$errorCode, $async$result) {
+          if ($async$errorCode === 1) {
+            $async$errorStack.push($async$result);
+            $async$goto = $async$handler;
+          }
+          while (true)
+            switch ($async$goto) {
+              case 0:
+                // Function start
+                left = $async$self.left;
+                $async$goto = left instanceof A.MergedExtension ? 2 : 4;
+                break;
+              case 2:
+                // then
+                $async$goto = 5;
+                return $async$iterator._yieldStar$1(left.unmerge$0());
+              case 5:
+                // after yield
+                // goto join
+                $async$goto = 3;
+                break;
+              case 4:
+                // else
+                $async$goto = 6;
+                return $async$iterator._async$_current = left, 1;
+              case 6:
+                // after yield
+              case 3:
+                // join
+                right = $async$self.right;
+                $async$goto = right instanceof A.MergedExtension ? 7 : 9;
+                break;
+              case 7:
+                // then
+                $async$goto = 10;
+                return $async$iterator._yieldStar$1(right.unmerge$0());
+              case 10:
+                // after yield
+                // goto join
+                $async$goto = 8;
+                break;
+              case 9:
+                // else
+                $async$goto = 11;
+                return $async$iterator._async$_current = right, 1;
+              case 11:
+                // after yield
+              case 8:
+                // join
+                // implicit return
+                return 0;
+              case 1:
+                // rethrow
+                return $async$iterator._datum = $async$errorStack.at(-1), 3;
+            }
+        };
+      };
+    }
+  };
+  A.ExtendMode.prototype = {
+    _enumToString$0() {
+      return "ExtendMode." + this._name;
+    },
+    toString$0(_) {
+      return this.name;
+    }
+  };
+  A.globalFunctions_closure.prototype = {
+    call$1($arguments) {
+      var t1 = J.getInterceptor$asx($arguments);
+      return t1.$index($arguments, 0).get$isTruthy() ? t1.$index($arguments, 1) : t1.$index($arguments, 2);
+    },
+    $signature: 4
+  };
+  A.global_closure0.prototype = {
+    call$1(color) {
+      return B.JSNumber_methods.round$0(color._legacyChannel$2(B.RgbColorSpace_i0P, "red"));
+    },
+    $signature: 64
+  };
+  A.global_closure1.prototype = {
+    call$1(color) {
+      return B.JSNumber_methods.round$0(color._legacyChannel$2(B.RgbColorSpace_i0P, "green"));
+    },
+    $signature: 64
+  };
+  A.global_closure2.prototype = {
+    call$1(color) {
+      return B.JSNumber_methods.round$0(color._legacyChannel$2(B.RgbColorSpace_i0P, "blue"));
+    },
+    $signature: 64
+  };
+  A.global_closure3.prototype = {
+    call$1($arguments) {
+      return A._rgb("rgb", $arguments);
+    },
+    $signature: 4
+  };
+  A.global_closure4.prototype = {
+    call$1($arguments) {
+      return A._rgb("rgb", $arguments);
+    },
+    $signature: 4
+  };
+  A.global_closure5.prototype = {
+    call$1($arguments) {
+      return A._rgbTwoArg("rgb", $arguments);
+    },
+    $signature: 4
+  };
+  A.global_closure6.prototype = {
+    call$1($arguments) {
+      return A._parseChannels("rgb", J.$index$asx($arguments, 0), "channels", B.RgbColorSpace_i0P);
+    },
+    $signature: 4
+  };
+  A.global_closure7.prototype = {
+    call$1($arguments) {
+      return A._rgb("rgba", $arguments);
+    },
+    $signature: 4
+  };
+  A.global_closure8.prototype = {
+    call$1($arguments) {
+      return A._rgb("rgba", $arguments);
+    },
+    $signature: 4
+  };
+  A.global_closure9.prototype = {
+    call$1($arguments) {
+      return A._rgbTwoArg("rgba", $arguments);
+    },
+    $signature: 4
+  };
+  A.global_closure10.prototype = {
+    call$1($arguments) {
+      return A._parseChannels("rgba", J.$index$asx($arguments, 0), "channels", B.RgbColorSpace_i0P);
+    },
+    $signature: 4
+  };
+  A.global_closure11.prototype = {
+    call$1($arguments) {
+      var t1 = J.getInterceptor$asx($arguments);
+      if (!(t1.$index($arguments, 0) instanceof A.SassNumber) && !t1.$index($arguments, 0).get$isSpecialNumber())
+        A.warnForDeprecation(string$.Globalci, B.Deprecation_rMl);
+      return A._invert($arguments, true);
+    },
+    $signature: 4
+  };
+  A.global_closure12.prototype = {
+    call$1(color) {
+      return color._legacyChannel$2(B.HslColorSpace_JQ2, "hue");
+    },
+    $signature: 49
+  };
+  A.global_closure13.prototype = {
+    call$1(color) {
+      return color._legacyChannel$2(B.HslColorSpace_JQ2, "saturation");
+    },
+    $signature: 49
+  };
+  A.global_closure14.prototype = {
+    call$1(color) {
+      return color._legacyChannel$2(B.HslColorSpace_JQ2, "lightness");
+    },
+    $signature: 49
+  };
+  A.global_closure15.prototype = {
+    call$1($arguments) {
+      return A._hsl("hsl", $arguments);
+    },
+    $signature: 4
+  };
+  A.global_closure16.prototype = {
+    call$1($arguments) {
+      return A._hsl("hsl", $arguments);
+    },
+    $signature: 4
+  };
+  A.global_closure17.prototype = {
+    call$1($arguments) {
+      var t1 = J.getInterceptor$asx($arguments);
+      if (t1.$index($arguments, 0).get$isVar() || t1.$index($arguments, 1).get$isVar())
+        return A._functionString("hsl", $arguments);
+      else
+        throw A.wrapException(A.SassScriptException$("Missing argument $lightness.", null));
+    },
+    $signature: 17
+  };
+  A.global_closure18.prototype = {
+    call$1($arguments) {
+      return A._parseChannels("hsl", J.$index$asx($arguments, 0), "channels", B.HslColorSpace_JQ2);
+    },
+    $signature: 4
+  };
+  A.global_closure19.prototype = {
+    call$1($arguments) {
+      return A._hsl("hsla", $arguments);
+    },
+    $signature: 4
+  };
+  A.global_closure20.prototype = {
+    call$1($arguments) {
+      return A._hsl("hsla", $arguments);
+    },
+    $signature: 4
+  };
+  A.global_closure21.prototype = {
+    call$1($arguments) {
+      var t1 = J.getInterceptor$asx($arguments);
+      if (t1.$index($arguments, 0).get$isVar() || t1.$index($arguments, 1).get$isVar())
+        return A._functionString("hsla", $arguments);
+      else
+        throw A.wrapException(A.SassScriptException$("Missing argument $lightness.", null));
+    },
+    $signature: 17
+  };
+  A.global_closure22.prototype = {
+    call$1($arguments) {
+      return A._parseChannels("hsla", J.$index$asx($arguments, 0), "channels", B.HslColorSpace_JQ2);
+    },
+    $signature: 4
+  };
+  A.global_closure23.prototype = {
+    call$1($arguments) {
+      var t1 = J.getInterceptor$asx($arguments);
+      if (t1.$index($arguments, 0) instanceof A.SassNumber || t1.$index($arguments, 0).get$isSpecialNumber())
+        return A._functionString("grayscale", $arguments);
+      else {
+        A.warnForDeprecation(string$.Globalcg, B.Deprecation_rMl);
+        return A._grayscale(t1.$index($arguments, 0));
+      }
+    },
+    $signature: 4
+  };
+  A.global_closure24.prototype = {
+    call$1($arguments) {
+      var t1 = J.getInterceptor$asx($arguments),
+        color = t1.$index($arguments, 0).assertColor$1("color"),
+        degrees = A._angleValue(t1.$index($arguments, 1), "degrees");
+      if (!color._space.get$isLegacyInternal())
+        throw A.wrapException(A.SassScriptException$(string$.adjusto, null));
+      A.warnForDeprecation(string$.adjustd + A.serializeValue(A.SassNumber_SassNumber(degrees, "deg"), false, true) + string$.x29x0a_Mor_, B.Deprecation_wlv);
+      return color.changeHsl$1$hue(color._legacyChannel$2(B.HslColorSpace_JQ2, "hue") + degrees);
+    },
+    $signature: 23
+  };
+  A.global_closure25.prototype = {
+    call$1($arguments) {
+      var result,
+        _s9_ = "lightness",
+        t1 = J.getInterceptor$asx($arguments),
+        color = t1.$index($arguments, 0).assertColor$1("color"),
+        amount = t1.$index($arguments, 1).assertNumber$1("amount");
+      if (!color._space.get$isLegacyInternal())
+        throw A.wrapException(A.SassScriptException$(string$.lighte, null));
+      t1 = color._legacyChannel$2(B.HslColorSpace_JQ2, _s9_) + amount.valueInRange$3(0, 100, "amount");
+      result = color.changeHsl$1$lightness(isNaN(t1) ? 0 : B.JSNumber_methods.clamp$2(t1, 0, 100));
+      A.warnForDeprecation("lighten() is deprecated. " + A._suggestScaleAndAdjust(color, amount._number$_value, _s9_) + string$.x0a_Morex3ac, B.Deprecation_wlv);
+      return result;
+    },
+    $signature: 23
+  };
+  A.global_closure26.prototype = {
+    call$1($arguments) {
+      var result,
+        _s9_ = "lightness",
+        t1 = J.getInterceptor$asx($arguments),
+        color = t1.$index($arguments, 0).assertColor$1("color"),
+        amount = t1.$index($arguments, 1).assertNumber$1("amount");
+      if (!color._space.get$isLegacyInternal())
+        throw A.wrapException(A.SassScriptException$(string$.darken, null));
+      t1 = color._legacyChannel$2(B.HslColorSpace_JQ2, _s9_) - amount.valueInRange$3(0, 100, "amount");
+      result = color.changeHsl$1$lightness(isNaN(t1) ? 0 : B.JSNumber_methods.clamp$2(t1, 0, 100));
+      A.warnForDeprecation("darken() is deprecated. " + A._suggestScaleAndAdjust(color, -amount._number$_value, _s9_) + string$.x0a_Morex3ac, B.Deprecation_wlv);
+      return result;
+    },
+    $signature: 23
+  };
+  A.global_closure27.prototype = {
+    call$1($arguments) {
+      var t1 = J.getInterceptor$asx($arguments);
+      if (t1.$index($arguments, 0) instanceof A.SassNumber || t1.$index($arguments, 0).get$isSpecialNumber())
+        return A._functionString("saturate", $arguments);
+      return new A.SassString("saturate(" + A.serializeValue(t1.$index($arguments, 0).assertNumber$1("amount"), false, true) + ")", false);
+    },
+    $signature: 17
+  };
+  A.global_closure28.prototype = {
+    call$1($arguments) {
+      var t1, color, amount, result,
+        _s10_ = "saturation";
+      A.warnForDeprecation(string$.Globalcad, B.Deprecation_rMl);
+      t1 = J.getInterceptor$asx($arguments);
+      color = t1.$index($arguments, 0).assertColor$1("color");
+      amount = t1.$index($arguments, 1).assertNumber$1("amount");
+      if (!color._space.get$isLegacyInternal())
+        throw A.wrapException(A.SassScriptException$(string$.satura, null));
+      t1 = color._legacyChannel$2(B.HslColorSpace_JQ2, _s10_) + amount.valueInRange$3(0, 100, "amount");
+      result = color.changeHsl$1$saturation(isNaN(t1) ? 0 : B.JSNumber_methods.clamp$2(t1, 0, 100));
+      A.warnForDeprecation("saturate() is deprecated. " + A._suggestScaleAndAdjust(color, amount._number$_value, _s10_) + string$.x0a_Morex3ac, B.Deprecation_wlv);
+      return result;
+    },
+    $signature: 23
+  };
+  A.global_closure29.prototype = {
+    call$1($arguments) {
+      var result,
+        _s10_ = "saturation",
+        t1 = J.getInterceptor$asx($arguments),
+        color = t1.$index($arguments, 0).assertColor$1("color"),
+        amount = t1.$index($arguments, 1).assertNumber$1("amount");
+      if (!color._space.get$isLegacyInternal())
+        throw A.wrapException(A.SassScriptException$(string$.desatu, null));
+      t1 = color._legacyChannel$2(B.HslColorSpace_JQ2, _s10_) - amount.valueInRange$3(0, 100, "amount");
+      result = color.changeHsl$1$saturation(isNaN(t1) ? 0 : B.JSNumber_methods.clamp$2(t1, 0, 100));
+      A.warnForDeprecation("desaturate() is deprecated. " + A._suggestScaleAndAdjust(color, -amount._number$_value, _s10_) + string$.x0a_Morex3ac, B.Deprecation_wlv);
+      return result;
+    },
+    $signature: 23
+  };
+  A.global_closure30.prototype = {
+    call$1($arguments) {
+      return A._opacify("opacify", $arguments);
+    },
+    $signature: 23
+  };
+  A.global_closure31.prototype = {
+    call$1($arguments) {
+      return A._opacify("fade-in", $arguments);
+    },
+    $signature: 23
+  };
+  A.global_closure32.prototype = {
+    call$1($arguments) {
+      return A._transparentize("transparentize", $arguments);
+    },
+    $signature: 23
+  };
+  A.global_closure33.prototype = {
+    call$1($arguments) {
+      return A._transparentize("fade-out", $arguments);
+    },
+    $signature: 23
+  };
+  A.global_closure34.prototype = {
+    call$1($arguments) {
+      var _0_0 = J.$index$asx($arguments, 0),
+        t1 = false;
+      if (_0_0 instanceof A.SassString)
+        if (!_0_0._hasQuotes)
+          t1 = B.JSString_methods.contains$1(_0_0._string$_text, $.$get$_microsoftFilterStart());
+      if (t1)
+        return A._functionString("alpha", $arguments);
+      if (_0_0 instanceof A.SassColor && !_0_0._space.get$isLegacyInternal())
+        throw A.wrapException(A.SassScriptException$(string$.alpha_, null));
+      A.warnForDeprecation(string$.Globalcal, B.Deprecation_rMl);
+      t1 = _0_0.assertColor$1("color").alphaOrNull;
+      return A.SassNumber_SassNumber(t1 == null ? 0 : t1, null);
+    },
+    $signature: 4
+  };
+  A.global_closure35.prototype = {
+    call$1($arguments) {
+      var t1,
+        argList = J.$index$asx($arguments, 0).get$asList();
+      if (argList.length !== 0 && B.JSArray_methods.every$1(argList, new A.global__closure()))
+        return A._functionString("alpha", $arguments);
+      t1 = argList.length;
+      if (t1 === 0)
+        throw A.wrapException(A.SassScriptException$("Missing argument $color.", null));
+      else
+        throw A.wrapException(A.SassScriptException$("Only 1 argument allowed, but " + t1 + " were passed.", null));
+    },
+    $signature: 17
+  };
+  A.global__closure.prototype = {
+    call$1(argument) {
+      return argument instanceof A.SassString && !argument._hasQuotes && B.JSString_methods.contains$1(argument._string$_text, $.$get$_microsoftFilterStart());
+    },
+    $signature: 79
+  };
+  A.global_closure36.prototype = {
+    call$1($arguments) {
+      var t1 = J.getInterceptor$asx($arguments);
+      if (t1.$index($arguments, 0) instanceof A.SassNumber || t1.$index($arguments, 0).get$isSpecialNumber())
+        return A._functionString("opacity", $arguments);
+      A.warnForDeprecation(string$.Globalco, B.Deprecation_rMl);
+      t1 = t1.$index($arguments, 0).assertColor$1("color").alphaOrNull;
+      return A.SassNumber_SassNumber(t1 == null ? 0 : t1, null);
+    },
+    $signature: 4
+  };
+  A.global_closure37.prototype = {
+    call$1($arguments) {
+      return A._parseChannels("color", J.$index$asx($arguments, 0), "description", null);
+    },
+    $signature: 4
+  };
+  A.global_closure38.prototype = {
+    call$1($arguments) {
+      return A._parseChannels("hwb", J.$index$asx($arguments, 0), "channels", B.HwbColorSpace_guQ);
+    },
+    $signature: 4
+  };
+  A.global_closure39.prototype = {
+    call$1($arguments) {
+      return A._parseChannels("lab", J.$index$asx($arguments, 0), "channels", B.LabColorSpace_2nT);
+    },
+    $signature: 4
+  };
+  A.global_closure40.prototype = {
+    call$1($arguments) {
+      return A._parseChannels("lch", J.$index$asx($arguments, 0), "channels", B.LchColorSpace_Bpv);
+    },
+    $signature: 4
+  };
+  A.global_closure41.prototype = {
+    call$1($arguments) {
+      return A._parseChannels("oklab", J.$index$asx($arguments, 0), "channels", B.OklabColorSpace_540);
+    },
+    $signature: 4
+  };
+  A.global_closure42.prototype = {
+    call$1($arguments) {
+      return A._parseChannels("oklch", J.$index$asx($arguments, 0), "channels", B.OklchColorSpace_9Gj);
+    },
+    $signature: 4
+  };
+  A.module_closure1.prototype = {
+    call$1(color) {
+      return B.JSNumber_methods.round$0(color._legacyChannel$2(B.RgbColorSpace_i0P, "red"));
+    },
+    $signature: 64
+  };
+  A.module_closure2.prototype = {
+    call$1(color) {
+      return B.JSNumber_methods.round$0(color._legacyChannel$2(B.RgbColorSpace_i0P, "green"));
+    },
+    $signature: 64
+  };
+  A.module_closure3.prototype = {
+    call$1(color) {
+      return B.JSNumber_methods.round$0(color._legacyChannel$2(B.RgbColorSpace_i0P, "blue"));
+    },
+    $signature: 64
+  };
+  A.module_closure4.prototype = {
+    call$1($arguments) {
+      var result = A._invert($arguments, false);
+      if (result instanceof A.SassString)
+        A.warnForDeprecation("Passing a number (" + J.$index$asx($arguments, 0).toString$0(0) + string$.x29x20to_cli + result.toString$0(0), B.Deprecation_LAn);
+      return result;
+    },
+    $signature: 4
+  };
+  A.module_closure5.prototype = {
+    call$1(color) {
+      return color._legacyChannel$2(B.HslColorSpace_JQ2, "hue");
+    },
+    $signature: 49
+  };
+  A.module_closure6.prototype = {
+    call$1(color) {
+      return color._legacyChannel$2(B.HslColorSpace_JQ2, "saturation");
+    },
+    $signature: 49
+  };
+  A.module_closure7.prototype = {
+    call$1(color) {
+      return color._legacyChannel$2(B.HslColorSpace_JQ2, "lightness");
+    },
+    $signature: 49
+  };
+  A.module_closure8.prototype = {
+    call$1($arguments) {
+      var result,
+        t1 = J.getInterceptor$asx($arguments);
+      if (t1.$index($arguments, 0) instanceof A.SassNumber) {
+        result = A._functionString("grayscale", t1.take$1($arguments, 1));
+        A.warnForDeprecation("Passing a number (" + t1.$index($arguments, 0).toString$0(0) + string$.x29x20to_clg + result.toString$0(0), B.Deprecation_LAn);
+        return result;
+      }
+      return A._grayscale(t1.$index($arguments, 0));
+    },
+    $signature: 4
+  };
+  A.module_closure9.prototype = {
+    call$1($arguments) {
+      var t1 = J.getInterceptor$asx($arguments),
+        t2 = type$.JSArray_Value;
+      return A._parseChannels("hwb", A.SassList$(A._setArrayType([A.SassList$(A._setArrayType([t1.$index($arguments, 0), t1.$index($arguments, 1), t1.$index($arguments, 2)], t2), B.ListSeparator_qSL, false), t1.$index($arguments, 3)], t2), B.ListSeparator_bRz, false), null, B.HwbColorSpace_guQ);
+    },
+    $signature: 4
+  };
+  A.module_closure10.prototype = {
+    call$1($arguments) {
+      return A._parseChannels("hwb", J.$index$asx($arguments, 0), "channels", B.HwbColorSpace_guQ);
+    },
+    $signature: 4
+  };
+  A.module_closure11.prototype = {
+    call$1(color) {
+      return color._legacyChannel$2(B.HwbColorSpace_guQ, "whiteness");
+    },
+    $signature: 49
+  };
+  A.module_closure12.prototype = {
+    call$1(color) {
+      return color._legacyChannel$2(B.HwbColorSpace_guQ, "blackness");
+    },
+    $signature: 49
+  };
+  A.module_closure13.prototype = {
+    call$1($arguments) {
+      var result,
+        _0_0 = J.$index$asx($arguments, 0),
+        t1 = false;
+      if (_0_0 instanceof A.SassString)
+        if (!_0_0._hasQuotes)
+          t1 = B.JSString_methods.contains$1(_0_0._string$_text, $.$get$_microsoftFilterStart());
+      if (t1) {
+        result = A._functionString("alpha", $arguments);
+        A.warnForDeprecation(string$.Using_c + result.toString$0(0), B.Deprecation_LAn);
+        return result;
+      }
+      if (_0_0 instanceof A.SassColor && !_0_0._space.get$isLegacyInternal())
+        throw A.wrapException(A.SassScriptException$(string$.color_a, null));
+      t1 = _0_0.assertColor$1("color").alphaOrNull;
+      return A.SassNumber_SassNumber(t1 == null ? 0 : t1, null);
+    },
+    $signature: 4
+  };
+  A.module_closure14.prototype = {
+    call$1($arguments) {
+      var result,
+        t1 = J.getInterceptor$asx($arguments);
+      if (B.JSArray_methods.every$1(t1.$index($arguments, 0).get$asList(), new A.module__closure2())) {
+        result = A._functionString("alpha", $arguments);
+        A.warnForDeprecation(string$.Using_c + result.toString$0(0), B.Deprecation_LAn);
+        return result;
+      }
+      throw A.wrapException(A.SassScriptException$("Only 1 argument allowed, but " + t1.get$length($arguments) + " were passed.", null));
+    },
+    $signature: 17
+  };
+  A.module__closure2.prototype = {
+    call$1(argument) {
+      return argument instanceof A.SassString && !argument._hasQuotes && B.JSString_methods.contains$1(argument._string$_text, $.$get$_microsoftFilterStart());
+    },
+    $signature: 79
+  };
+  A.module_closure15.prototype = {
+    call$1($arguments) {
+      var result,
+        t1 = J.getInterceptor$asx($arguments);
+      if (t1.$index($arguments, 0) instanceof A.SassNumber) {
+        result = A._functionString("opacity", $arguments);
+        A.warnForDeprecation("Passing a number (" + t1.$index($arguments, 0).toString$0(0) + string$.x20to_co + result.toString$0(0), B.Deprecation_LAn);
+        return result;
+      }
+      t1 = t1.$index($arguments, 0).assertColor$1("color").alphaOrNull;
+      return A.SassNumber_SassNumber(t1 == null ? 0 : t1, null);
+    },
+    $signature: 4
+  };
+  A.module_closure16.prototype = {
+    call$1($arguments) {
+      return new A.SassString(J.get$first$ax($arguments).assertColor$1("color")._space.name, false);
+    },
+    $signature: 17
+  };
+  A.module_closure17.prototype = {
+    call$1($arguments) {
+      var t1 = J.getInterceptor$asx($arguments);
+      return A._colorInSpace(t1.$index($arguments, 0), t1.$index($arguments, 1), false);
+    },
+    $signature: 23
+  };
+  A.module_closure18.prototype = {
+    call$1($arguments) {
+      return J.$index$asx($arguments, 0).assertColor$1("color")._space.get$isLegacyInternal() ? B.SassBoolean_true : B.SassBoolean_false;
+    },
+    $signature: 11
+  };
+  A.module_closure19.prototype = {
+    call$1($arguments) {
+      var t1 = J.getInterceptor$asx($arguments);
+      return t1.$index($arguments, 0).assertColor$1("color").isChannelMissing$3$channelName$colorName(A._channelName(t1.$index($arguments, 1)), "channel", "color") ? B.SassBoolean_true : B.SassBoolean_false;
+    },
+    $signature: 11
+  };
+  A.module_closure20.prototype = {
+    call$1($arguments) {
+      var t1 = J.getInterceptor$asx($arguments);
+      return A._colorInSpace(t1.$index($arguments, 0), t1.$index($arguments, 1), true).get$isInGamut() ? B.SassBoolean_true : B.SassBoolean_false;
+    },
+    $signature: 11
+  };
+  A.module_closure21.prototype = {
+    call$1($arguments) {
+      var space, method, _s5_ = "space", _s6_ = "method",
+        t1 = J.getInterceptor$asx($arguments),
+        color = t1.$index($arguments, 0).assertColor$1("color"),
+        t2 = t1.$index($arguments, 1);
+      if (t2.$eq(0, B.C__SassNull))
+        space = color._space;
+      else {
+        t2 = t2.assertString$1(_s5_);
+        t2.assertUnquoted$1(_s5_);
+        space = A.ColorSpace_fromName(t2._string$_text, _s5_);
+      }
+      if (t1.$index($arguments, 2).$eq(0, B.C__SassNull))
+        throw A.wrapException(A.SassScriptException$(string$.color_t, _s6_));
+      t1 = t1.$index($arguments, 2).assertString$1(_s6_);
+      t1.assertUnquoted$1(_s6_);
+      method = A.GamutMapMethod_GamutMapMethod$fromName(t1._string$_text);
+      if (!space.get$isBoundedInternal())
+        return color;
+      t1 = color.toSpace$1(space);
+      t1 = t1.get$isInGamut() ? t1 : method.map$1(0, t1);
+      return t1.toSpace$2$legacyMissing(color._space, false);
+    },
+    $signature: 23
+  };
+  A.module_closure22.prototype = {
+    call$1($arguments) {
+      var channelIndex, channelInfo, channelValue, unit,
+        t1 = J.getInterceptor$asx($arguments),
+        color = A._colorInSpace(t1.$index($arguments, 0), t1.$index($arguments, 2), true),
+        channelName = A._channelName(t1.$index($arguments, 1));
+      if (channelName === "alpha") {
+        t1 = color.alphaOrNull;
+        return A.SassNumber_SassNumber(t1 == null ? 0 : t1, null);
+      }
+      t1 = color._space._channels;
+      channelIndex = B.JSArray_methods.indexWhere$1(t1, new A.module__closure1(channelName));
+      if (channelIndex === -1)
+        throw A.wrapException(A.SassScriptException$("Color " + color.toString$0(0) + " has no channel named " + channelName + ".", "channel"));
+      channelInfo = t1[channelIndex];
+      channelValue = color.get$channels()[channelIndex];
+      unit = channelInfo.associatedUnit;
+      return A.SassNumber_SassNumber(unit === "%" ? channelValue * 100 / type$.LinearChannel._as(channelInfo).max : channelValue, unit);
+    },
+    $signature: 24
+  };
+  A.module__closure1.prototype = {
+    call$1(channel) {
+      return channel.name === this.channelName;
+    },
+    $signature: 113
+  };
+  A.module_closure23.prototype = {
+    call$1($arguments) {
+      var t2, t3,
+        t1 = J.getInterceptor$asx($arguments),
+        color1 = t1.$index($arguments, 0).assertColor$1("color1"),
+        color2 = t1.$index($arguments, 1).assertColor$1("color2");
+      t1 = new A.module_closure_toXyzNoMissing();
+      if (color1._space === color2._space) {
+        t1 = color1.channel0OrNull;
+        t2 = false;
+        if (t1 == null)
+          t1 = 0;
+        t3 = color2.channel0OrNull;
+        if (A.fuzzyEquals(t1, t3 == null ? 0 : t3)) {
+          t1 = color1.channel1OrNull;
+          if (t1 == null)
+            t1 = 0;
+          t3 = color2.channel1OrNull;
+          if (A.fuzzyEquals(t1, t3 == null ? 0 : t3)) {
+            t1 = color1.channel2OrNull;
+            if (t1 == null)
+              t1 = 0;
+            t3 = color2.channel2OrNull;
+            if (A.fuzzyEquals(t1, t3 == null ? 0 : t3)) {
+              t1 = color1.alphaOrNull;
+              if (t1 == null)
+                t1 = 0;
+              t2 = color2.alphaOrNull;
+              t1 = A.fuzzyEquals(t1, t2 == null ? 0 : t2);
+            } else
+              t1 = t2;
+          } else
+            t1 = t2;
+        } else
+          t1 = t2;
+      } else
+        t1 = J.$eq$(t1.call$1(color1), t1.call$1(color2));
+      return t1 ? B.SassBoolean_true : B.SassBoolean_false;
+    },
+    $signature: 11
+  };
+  A.module_closure_toXyzNoMissing.prototype = {
+    call$1(color) {
+      var _1_1, _1_3, t1, _1_7, channel0, _1_8, channel1, _1_9, channel2, _1_10, alpha;
+      $label0$0: {
+        _1_1 = color._space;
+        _1_3 = B.XyzD65ColorSpace_WiJ === _1_1;
+        t1 = _1_3;
+        if (t1)
+          t1 = !(color.channel0OrNull == null || color.channel1OrNull == null || color.channel2OrNull == null || color.alphaOrNull == null);
+        else
+          t1 = false;
+        if (t1) {
+          t1 = color;
+          break $label0$0;
+        }
+        if (_1_3) {
+          _1_7 = color.channel0OrNull;
+          if (_1_7 == null)
+            _1_7 = 0;
+          channel0 = _1_7;
+          _1_8 = color.channel1OrNull;
+          if (_1_8 == null)
+            _1_8 = 0;
+          channel1 = _1_8;
+          _1_9 = color.channel2OrNull;
+          if (_1_9 == null)
+            _1_9 = 0;
+          channel2 = _1_9;
+          _1_10 = color.alphaOrNull;
+          if (_1_10 == null)
+            _1_10 = 0;
+          alpha = _1_10;
+          t1 = A.SassColor$_forSpace(B.XyzD65ColorSpace_WiJ, channel0, channel1, channel2, alpha, null);
+          break $label0$0;
+        }
+        _1_7 = color.channel0OrNull;
+        if (_1_7 == null)
+          _1_7 = 0;
+        channel0 = _1_7;
+        _1_8 = color.channel1OrNull;
+        if (_1_8 == null)
+          _1_8 = 0;
+        channel1 = _1_8;
+        _1_9 = color.channel2OrNull;
+        if (_1_9 == null)
+          _1_9 = 0;
+        channel2 = _1_9;
+        _1_10 = color.alphaOrNull;
+        if (_1_10 == null)
+          _1_10 = 0;
+        alpha = _1_10;
+        t1 = _1_1.convert$5(B.XyzD65ColorSpace_WiJ, channel0, channel1, channel2, alpha);
+        break $label0$0;
+      }
+      return t1;
+    },
+    $signature: 508
+  };
+  A.module_closure24.prototype = {
+    call$1($arguments) {
+      var t1 = J.getInterceptor$asx($arguments);
+      return A._colorInSpace(t1.$index($arguments, 0), t1.$index($arguments, 2), true).isChannelPowerless$3$channelName$colorName(A._channelName(t1.$index($arguments, 1)), "channel", "color") ? B.SassBoolean_true : B.SassBoolean_false;
+    },
+    $signature: 11
+  };
+  A._mix_closure.prototype = {
+    call$1($arguments) {
+      var _s6_ = "weight",
+        _s41_ = string$.To_usem,
+        _s29_ = ", you must provide a $method.",
+        t1 = J.getInterceptor$asx($arguments),
+        color1 = t1.$index($arguments, 0).assertColor$1("color1"),
+        color2 = t1.$index($arguments, 1).assertColor$1("color2"),
+        weight = t1.$index($arguments, 2).assertNumber$1(_s6_);
+      if (!t1.$index($arguments, 3).$eq(0, B.C__SassNull))
+        return color1.interpolate$4$legacyMissing$weight(color2, A.InterpolationMethod_InterpolationMethod$fromValue(t1.$index($arguments, 3), "method"), false, weight.valueInRangeWithUnit$4(0, 100, _s6_, "%") / 100);
+      A._checkPercent(weight, _s6_);
+      if (!color1._space.get$isLegacyInternal())
+        throw A.wrapException(A.SassScriptException$(_s41_ + color1.toString$0(0) + _s29_, "color1"));
+      else if (!color2._space.get$isLegacyInternal())
+        throw A.wrapException(A.SassScriptException$(_s41_ + color2.toString$0(0) + _s29_, "color2"));
+      return A._mixLegacy(color1, color2, weight);
+    },
+    $signature: 23
+  };
+  A._complement_closure.prototype = {
+    call$1($arguments) {
+      var space, t3, colorInSpace, t4, t5, t6, _s5_ = "space",
+        t1 = J.getInterceptor$asx($arguments),
+        color = t1.$index($arguments, 0).assertColor$1("color"),
+        t2 = color._space;
+      if (t2.get$isLegacyInternal() && t1.$index($arguments, 1).$eq(0, B.C__SassNull))
+        space = B.HslColorSpace_JQ2;
+      else {
+        t3 = t1.$index($arguments, 1).assertString$1(_s5_);
+        t3.assertUnquoted$1(_s5_);
+        space = A.ColorSpace_fromName(t3._string$_text, _s5_);
+      }
+      if (!space.get$isPolarInternal())
+        throw A.wrapException(A.SassScriptException$("Color space " + space.toString$0(0) + " doesn't have a hue channel.", _s5_));
+      colorInSpace = color.toSpace$2$legacyMissing(space, !t1.$index($arguments, 1).$eq(0, B.C__SassNull));
+      t1 = space._channels;
+      t3 = colorInSpace.channel0OrNull;
+      t4 = colorInSpace.channel1OrNull;
+      t5 = colorInSpace.channel2OrNull;
+      t6 = colorInSpace.alphaOrNull;
+      return (space.get$isLegacyInternal() ? A.SassColor_SassColor$forSpaceInternal(space, A._adjustChannel(colorInSpace, t1[0], t3, A.SassNumber_SassNumber(180, null)), t4, t5, t6) : A.SassColor_SassColor$forSpaceInternal(space, t3, t4, A._adjustChannel(colorInSpace, t1[2], t5, A.SassNumber_SassNumber(180, null)), t6)).toSpace$2$legacyMissing(t2, false);
+    },
+    $signature: 23
+  };
+  A._adjust_closure.prototype = {
+    call$1($arguments) {
+      return A._updateComponents($arguments, true, false, false);
+    },
+    $signature: 23
+  };
+  A._scale_closure.prototype = {
+    call$1($arguments) {
+      return A._updateComponents($arguments, false, false, true);
+    },
+    $signature: 23
+  };
+  A._change_closure.prototype = {
+    call$1($arguments) {
+      return A._updateComponents($arguments, false, true, false);
+    },
+    $signature: 23
+  };
+  A._ieHexStr_closure.prototype = {
+    call$1($arguments) {
+      var t1, t2, t3, t4, t5,
+        color = J.$index$asx($arguments, 0).assertColor$1("color").toSpace$1(B.RgbColorSpace_i0P);
+      color = color.get$isInGamut() ? color : B.LocalMindeGamutMap_A2x.map$1(0, color);
+      t1 = new A._ieHexStr_closure_hexString();
+      t2 = color.alphaOrNull;
+      t2 = A.S(t1.call$1((t2 == null ? 0 : t2) * 255));
+      t3 = color.channel0OrNull;
+      t3 = A.S(t1.call$1(t3 == null ? 0 : t3));
+      t4 = color.channel1OrNull;
+      t4 = A.S(t1.call$1(t4 == null ? 0 : t4));
+      t5 = color.channel2OrNull;
+      return new A.SassString("#" + t2 + t3 + t4 + A.S(t1.call$1(t5 == null ? 0 : t5)), false);
+    },
+    $signature: 17
+  };
+  A._ieHexStr_closure_hexString.prototype = {
+    call$1(component) {
+      return B.JSString_methods.padLeft$2(B.JSInt_methods.toRadixString$1(A.fuzzyRound(component), 16), 2, "0").toUpperCase();
+    },
+    $signature: 180
+  };
+  A._updateComponents_closure.prototype = {
+    call$1(space) {
+      return this.originalColor.toSpace$2$legacyMissing(space, false);
+    },
+    $signature: 525
+  };
+  A._updateComponents_closure0.prototype = {
+    call$1(info) {
+      return this._box_0.name === info.name;
+    },
+    $signature: 113
+  };
+  A._changeColor_closure.prototype = {
+    call$0() {
+      var t1 = this.alphaArg;
+      A.warnForDeprecation("$alpha: Passing a unit other than % (" + t1.toString$0(0) + string$.x29x20is_d_ + t1.unitSuggestion$1("alpha") + string$.x0a_See_, B.Deprecation_ufl);
+      return t1.valueInRange$3(0, 1, "alpha");
+    },
+    $signature: 185
+  };
+  A._adjustColor_closure.prototype = {
+    call$1(alpha) {
+      return isNaN(alpha) ? 0 : B.JSNumber_methods.clamp$2(alpha, 0, 1);
+    },
+    $signature: 15
+  };
+  A._functionString_closure.prototype = {
+    call$1(argument) {
+      return A.serializeValue(argument, false, true);
+    },
+    $signature: 539
+  };
+  A._removedColorFunction_closure.prototype = {
+    call$1($arguments) {
+      var t1 = this.name,
+        t2 = J.getInterceptor$asx($arguments),
+        t3 = t2.$index($arguments, 0).toString$0(0),
+        t4 = this.negative ? "-" : "";
+      throw A.wrapException(A.SassScriptException$("The function " + t1 + string$.x28__isn + t3 + ", $" + this.argument + ": " + t4 + t2.$index($arguments, 1).toString$0(0) + string$.x29x0a_Moro + t1, null));
+    },
+    $signature: 541
+  };
+  A._rgb_closure.prototype = {
+    call$1(alpha) {
+      var t1 = A._percentageOrUnitless(alpha.assertNumber$1("alpha"), 1, "alpha");
+      return isNaN(t1) ? 0 : B.JSNumber_methods.clamp$2(t1, 0, 1);
+    },
+    $signature: 188
+  };
+  A._hsl_closure.prototype = {
+    call$1(alpha) {
+      var t1 = A._percentageOrUnitless(alpha.assertNumber$1("alpha"), 1, "alpha");
+      return isNaN(t1) ? 0 : B.JSNumber_methods.clamp$2(t1, 0, 1);
+    },
+    $signature: 188
+  };
+  A._parseChannels_closure.prototype = {
+    call$1($name) {
+      return $name + " channel";
+    },
+    $signature: 6
+  };
+  A._parseChannels_closure0.prototype = {
+    call$1(channel) {
+      return channel.get$isSpecialNumber();
+    },
+    $signature: 79
+  };
+  A._colorFromChannels_closure.prototype = {
+    call$1(channel0) {
+      return A._angleValue(channel0, "hue");
+    },
+    $signature: 123
+  };
+  A._colorFromChannels_closure0.prototype = {
+    call$1(channel0) {
+      return A._angleValue(channel0, "hue");
+    },
+    $signature: 123
+  };
+  A._channelFromValue_closure.prototype = {
+    call$1(value) {
+      var t1, _0_8, t2, _0_5, _0_8_isSet, lowerClamped, upperClamped, t3,
+        _0_0 = this.channel;
+      $label0$0: {
+        t1 = _0_0 instanceof A.LinearChannel;
+        if (t1 && _0_0.requiresPercent && !value.hasUnit$1("%"))
+          A.throwExpression(A.SassScriptException$("Expected " + value.toString$0(0) + ' to have unit "%".', _0_0.name));
+        _0_8 = null;
+        t2 = false;
+        if (t1) {
+          _0_5 = _0_0.lowerClamped;
+          _0_8_isSet = !_0_5;
+          if (_0_8_isSet) {
+            _0_8 = _0_0.upperClamped;
+            t2 = !_0_8;
+          }
+        } else {
+          _0_5 = null;
+          _0_8_isSet = false;
+        }
+        if (t2) {
+          t1 = A._percentageOrUnitless(value, _0_0.max, _0_0.name);
+          break $label0$0;
+        }
+        if (t1 && !this.clamp) {
+          t1 = A._percentageOrUnitless(value, _0_0.max, _0_0.name);
+          break $label0$0;
+        }
+        if (t1) {
+          lowerClamped = _0_5;
+          upperClamped = _0_8_isSet ? _0_8 : _0_0.upperClamped;
+          t1 = _0_0.max;
+          t2 = A._percentageOrUnitless(value, t1, _0_0.name);
+          t3 = lowerClamped ? _0_0.min : -1 / 0;
+          t1 = upperClamped ? t1 : 1 / 0;
+          t1 = isNaN(t2) ? t3 : B.JSNumber_methods.clamp$2(t2, t3, t1);
+          break $label0$0;
+        }
+        t1 = B.JSNumber_methods.$mod(value.coerceValueToUnit$2("deg", _0_0.name), 360);
+        break $label0$0;
+      }
+      return t1;
+    },
+    $signature: 123
+  };
+  A._channelFunction_closure.prototype = {
+    call$1($arguments) {
+      var _this = this,
+        result = A.SassNumber_SassNumber(_this.getter.call$1(J.get$first$ax($arguments).assertColor$1("color")), _this.unit),
+        t1 = _this.global ? "" : "color.",
+        t2 = _this.name;
+      A.warnForDeprecation(t1 + t2 + string$.x28__is_d + t2 + '", $space: ' + _this.space.toString$0(0) + string$.x29x0a_Mor_, B.Deprecation_wlv);
+      return result;
+    },
+    $signature: 24
+  };
+  A._suggestScaleAndAdjust_closure.prototype = {
+    call$1(channel) {
+      return channel.name === this.channelName;
+    },
+    $signature: 113
+  };
+  A._length_closure0.prototype = {
+    call$1($arguments) {
+      return A.SassNumber_SassNumber(J.$index$asx($arguments, 0).get$asList().length, null);
+    },
+    $signature: 24
+  };
+  A._nth_closure.prototype = {
+    call$1($arguments) {
+      var t1 = J.getInterceptor$asx($arguments),
+        list = t1.$index($arguments, 0),
+        index = t1.$index($arguments, 1);
+      return list.get$asList()[list.sassIndexToListIndex$2(index, "n")];
+    },
+    $signature: 4
+  };
+  A._setNth_closure.prototype = {
+    call$1($arguments) {
+      var newList,
+        t1 = J.getInterceptor$asx($arguments),
+        list = t1.$index($arguments, 0),
+        index = t1.$index($arguments, 1),
+        value = t1.$index($arguments, 2);
+      t1 = list.get$asList();
+      newList = A._setArrayType(t1.slice(0), A._arrayInstanceType(t1));
+      newList[list.sassIndexToListIndex$2(index, "n")] = value;
+      return list.withListContents$1(newList);
+    },
+    $signature: 28
+  };
+  A._join_closure.prototype = {
+    call$1($arguments) {
+      var _0_1, _0_4, _0_3, _0_4_isSet, t2, _0_40, separator, bracketed,
+        t1 = J.getInterceptor$asx($arguments),
+        list1 = t1.$index($arguments, 0),
+        list2 = t1.$index($arguments, 1),
+        separatorParam = t1.$index($arguments, 2).assertString$1("separator"),
+        bracketedParam = t1.$index($arguments, 3),
+        _1_0 = separatorParam._string$_text;
+      $label1$1: {
+        if ("auto" === _1_0) {
+          _0_1 = list1.get$separator(list1);
+          _0_4 = list2.get$separator(list2);
+          $label0$0: {
+            t1 = null;
+            _0_3 = B.ListSeparator_undecided_null_undecided === _0_1;
+            _0_4_isSet = _0_3;
+            if (_0_4_isSet) {
+              t2 = B.ListSeparator_undecided_null_undecided === _0_4;
+              _0_40 = _0_4;
+            } else {
+              _0_40 = null;
+              t2 = false;
+            }
+            if (t2) {
+              t1 = B.ListSeparator_qSL;
+              break $label0$0;
+            }
+            if (_0_3)
+              separator = _0_4_isSet ? _0_40 : _0_4;
+            else
+              separator = t1;
+            if (!_0_3)
+              separator = _0_1;
+            t1 = separator;
+            break $label0$0;
+          }
+          break $label1$1;
+        }
+        if ("space" === _1_0) {
+          t1 = B.ListSeparator_qSL;
+          break $label1$1;
+        }
+        if ("comma" === _1_0) {
+          t1 = B.ListSeparator_qVN;
+          break $label1$1;
+        }
+        if ("slash" === _1_0) {
+          t1 = B.ListSeparator_bRz;
+          break $label1$1;
+        }
+        t1 = A.throwExpression(A.SassScriptException$(string$.x24separ, null));
+      }
+      bracketed = bracketedParam instanceof A.SassString && bracketedParam._string$_text === "auto" ? list1.get$hasBrackets() : bracketedParam.get$isTruthy();
+      t2 = A.List_List$_of(list1.get$asList(), type$.Value);
+      B.JSArray_methods.addAll$1(t2, list2.get$asList());
+      return A.SassList$(t2, t1, bracketed);
+    },
+    $signature: 28
+  };
+  A._append_closure0.prototype = {
+    call$1($arguments) {
+      var t2,
+        t1 = J.getInterceptor$asx($arguments),
+        list = t1.$index($arguments, 0),
+        value = t1.$index($arguments, 1),
+        _0_0 = t1.$index($arguments, 2).assertString$1("separator")._string$_text;
+      $label0$0: {
+        if ("auto" === _0_0) {
+          t1 = list.get$separator(list) === B.ListSeparator_undecided_null_undecided ? B.ListSeparator_qSL : list.get$separator(list);
+          break $label0$0;
+        }
+        if ("space" === _0_0) {
+          t1 = B.ListSeparator_qSL;
+          break $label0$0;
+        }
+        if ("comma" === _0_0) {
+          t1 = B.ListSeparator_qVN;
+          break $label0$0;
+        }
+        if ("slash" === _0_0) {
+          t1 = B.ListSeparator_bRz;
+          break $label0$0;
+        }
+        t1 = A.throwExpression(A.SassScriptException$(string$.x24separ, null));
+      }
+      t2 = A.List_List$_of(list.get$asList(), type$.Value);
+      t2.push(value);
+      return list.withListContents$2$separator(t2, t1);
+    },
+    $signature: 28
+  };
+  A._zip_closure.prototype = {
+    call$1($arguments) {
+      var results, result, _box_0 = {},
+        t1 = J.$index$asx($arguments, 0).get$asList(),
+        t2 = A._arrayInstanceType(t1)._eval$1("MappedListIterable<1,List<Value>>"),
+        lists = A.List_List$_of(new A.MappedListIterable(t1, new A._zip__closure(), t2), t2._eval$1("ListIterable.E"));
+      if (lists.length === 0)
+        return B.SassList_BlY;
+      _box_0.i = 0;
+      results = A._setArrayType([], type$.JSArray_SassList);
+      for (t1 = A._arrayInstanceType(lists)._eval$1("MappedListIterable<1,Value>"), t2 = type$.Value; B.JSArray_methods.every$1(lists, new A._zip__closure0(_box_0));) {
+        result = A.List_List$from(new A.MappedListIterable(lists, new A._zip__closure1(_box_0), t1), false, t2);
+        result.$flags = 3;
+        results.push(new A.SassList(result, B.ListSeparator_qSL, false));
+        ++_box_0.i;
+      }
+      return A.SassList$(results, B.ListSeparator_qVN, false);
+    },
+    $signature: 28
+  };
+  A._zip__closure.prototype = {
+    call$1(list) {
+      return list.get$asList();
+    },
+    $signature: 569
+  };
+  A._zip__closure0.prototype = {
+    call$1(list) {
+      return this._box_0.i !== J.get$length$asx(list);
+    },
+    $signature: 570
+  };
+  A._zip__closure1.prototype = {
+    call$1(list) {
+      return J.$index$asx(list, this._box_0.i);
+    },
+    $signature: 4
+  };
+  A._index_closure0.prototype = {
+    call$1($arguments) {
+      var t1 = J.getInterceptor$asx($arguments),
+        index = B.JSArray_methods.indexOf$1(t1.$index($arguments, 0).get$asList(), t1.$index($arguments, 1));
+      return index === -1 ? B.C__SassNull : A.SassNumber_SassNumber(index + 1, null);
+    },
+    $signature: 4
+  };
+  A._separator_closure.prototype = {
+    call$1($arguments) {
+      var t1 = J.$index$asx($arguments, 0),
+        _0_0 = t1.get$separator(t1);
+      $label0$0: {
+        if (B.ListSeparator_qVN === _0_0) {
+          t1 = new A.SassString("comma", false);
+          break $label0$0;
+        }
+        if (B.ListSeparator_bRz === _0_0) {
+          t1 = new A.SassString("slash", false);
+          break $label0$0;
+        }
+        t1 = new A.SassString("space", false);
+        break $label0$0;
+      }
+      return t1;
+    },
+    $signature: 17
+  };
+  A._isBracketed_closure.prototype = {
+    call$1($arguments) {
+      return J.$index$asx($arguments, 0).get$hasBrackets() ? B.SassBoolean_true : B.SassBoolean_false;
+    },
+    $signature: 11
+  };
+  A._slash_closure.prototype = {
+    call$1($arguments) {
+      var list = J.$index$asx($arguments, 0).get$asList();
+      if (list.length < 2)
+        throw A.wrapException(A.SassScriptException$("At least two elements are required.", null));
+      return A.SassList$(list, B.ListSeparator_bRz, false);
+    },
+    $signature: 28
+  };
+  A._get_closure.prototype = {
+    call$1($arguments) {
+      var value,
+        t1 = J.getInterceptor$asx($arguments),
+        map = t1.$index($arguments, 0).assertMap$1("map"),
+        t2 = A._setArrayType([t1.$index($arguments, 1)], type$.JSArray_Value);
+      B.JSArray_methods.addAll$1(t2, t1.$index($arguments, 2).get$asList());
+      for (t1 = A.IterableExtension_get_exceptLast(t2), t1 = t1.get$iterator(t1); t1.moveNext$0(); map = value) {
+        value = map._map$_contents.$index(0, t1.get$current(t1));
+        if (!(value instanceof A.SassMap))
+          return B.C__SassNull;
+      }
+      t1 = map._map$_contents.$index(0, B.JSArray_methods.get$last(t2));
+      return t1 == null ? B.C__SassNull : t1;
+    },
+    $signature: 4
+  };
+  A._set_closure.prototype = {
+    call$1($arguments) {
+      var t1 = J.getInterceptor$asx($arguments);
+      return A._modify(t1.$index($arguments, 0).assertMap$1("map"), A._setArrayType([t1.$index($arguments, 1)], type$.JSArray_Value), new A._set__closure0($arguments), true);
+    },
+    $signature: 4
+  };
+  A._set__closure0.prototype = {
+    call$1(_) {
+      return J.$index$asx(this.$arguments, 2);
+    },
+    $signature: 42
+  };
+  A._set_closure0.prototype = {
+    call$1($arguments) {
+      var keys, t2, t3,
+        t1 = J.getInterceptor$asx($arguments),
+        map = t1.$index($arguments, 0).assertMap$1("map"),
+        _0_0 = t1.$index($arguments, 1).get$asList(),
+        _0_1 = _0_0.length;
+      if (_0_1 <= 0)
+        throw A.wrapException(A.SassScriptException$("Expected $args to contain a key.", null));
+      if (_0_1 === 1)
+        throw A.wrapException(A.SassScriptException$("Expected $args to contain a value.", null));
+      t1 = {};
+      keys = t1.value = null;
+      t2 = _0_1 >= 1;
+      if (t2) {
+        t3 = _0_1 - 1;
+        keys = B.JSArray_methods.sublist$2(_0_0, 0, t3);
+        t1.value = _0_0[t3];
+      }
+      if (t2)
+        return A._modify(map, keys, new A._set__closure(t1), true);
+      throw A.wrapException("[BUG] Unreachable code");
+    },
+    $signature: 4
+  };
+  A._set__closure.prototype = {
+    call$1(_) {
+      return this._box_0.value;
+    },
+    $signature: 42
+  };
+  A._merge_closure.prototype = {
+    call$1($arguments) {
+      var t2,
+        t1 = J.getInterceptor$asx($arguments),
+        map1 = t1.$index($arguments, 0).assertMap$1("map1"),
+        map2 = t1.$index($arguments, 1).assertMap$1("map2");
+      t1 = type$.Value;
+      t2 = A.LinkedHashMap_LinkedHashMap$of(map1._map$_contents, t1, t1);
+      t2.addAll$1(0, map2._map$_contents);
+      return new A.SassMap(A.ConstantMap_ConstantMap$from(t2, t1, t1));
+    },
+    $signature: 33
+  };
+  A._merge_closure0.prototype = {
+    call$1($arguments) {
+      var last, t2, keys, _null = null,
+        t1 = J.getInterceptor$asx($arguments),
+        map1 = t1.$index($arguments, 0).assertMap$1("map1"),
+        _0_0 = t1.$index($arguments, 1).get$asList(),
+        _0_1 = _0_0.length;
+      if (_0_1 <= 0)
+        throw A.wrapException(A.SassScriptException$("Expected $args to contain a key.", _null));
+      if (_0_1 === 1)
+        throw A.wrapException(A.SassScriptException$("Expected $args to contain a map.", _null));
+      t1 = _0_1 >= 1;
+      last = _null;
+      if (t1) {
+        t2 = _0_1 - 1;
+        keys = B.JSArray_methods.sublist$2(_0_0, 0, t2);
+        last = _0_0[t2];
+      } else
+        keys = _null;
+      if (t1)
+        return A._modify(map1, keys, new A._merge__closure(last.assertMap$1("map2")), true);
+      throw A.wrapException("[BUG] Unreachable code");
+    },
+    $signature: 4
+  };
+  A._merge__closure.prototype = {
+    call$1(oldValue) {
+      var t1, t2,
+        nestedMap = oldValue.tryMap$0();
+      if (nestedMap == null)
+        return this.map2;
+      t1 = type$.Value;
+      t2 = A.LinkedHashMap_LinkedHashMap$of(nestedMap._map$_contents, t1, t1);
+      t2.addAll$1(0, this.map2._map$_contents);
+      return new A.SassMap(A.ConstantMap_ConstantMap$from(t2, t1, t1));
+    },
+    $signature: 581
+  };
+  A._deepMerge_closure.prototype = {
+    call$1($arguments) {
+      var t1 = J.getInterceptor$asx($arguments);
+      return A._deepMergeImpl(t1.$index($arguments, 0).assertMap$1("map1"), t1.$index($arguments, 1).assertMap$1("map2"));
+    },
+    $signature: 33
+  };
+  A._deepRemove_closure.prototype = {
+    call$1($arguments) {
+      var t1 = J.getInterceptor$asx($arguments),
+        map = t1.$index($arguments, 0).assertMap$1("map"),
+        t2 = A._setArrayType([t1.$index($arguments, 1)], type$.JSArray_Value);
+      B.JSArray_methods.addAll$1(t2, t1.$index($arguments, 2).get$asList());
+      return A._modify(map, A.IterableExtension_get_exceptLast(t2), new A._deepRemove__closure(t2), false);
+    },
+    $signature: 4
+  };
+  A._deepRemove__closure.prototype = {
+    call$1(value) {
+      var t1, nestedMap, t2,
+        _0_0 = value.tryMap$0();
+      if (_0_0 != null) {
+        t1 = _0_0._map$_contents.containsKey$1(B.JSArray_methods.get$last(this.keys));
+        nestedMap = _0_0;
+      } else {
+        nestedMap = null;
+        t1 = false;
+      }
+      if (t1) {
+        t1 = type$.Value;
+        t2 = A.LinkedHashMap_LinkedHashMap$of(nestedMap._map$_contents, t1, t1);
+        t2.remove$1(0, B.JSArray_methods.get$last(this.keys));
+        return new A.SassMap(A.ConstantMap_ConstantMap$from(t2, t1, t1));
+      }
+      return value;
+    },
+    $signature: 42
+  };
+  A._remove_closure.prototype = {
+    call$1($arguments) {
+      return J.$index$asx($arguments, 0).assertMap$1("map");
+    },
+    $signature: 33
+  };
+  A._remove_closure0.prototype = {
+    call$1($arguments) {
+      var mutableMap, t3, _i,
+        t1 = J.getInterceptor$asx($arguments),
+        map = t1.$index($arguments, 0).assertMap$1("map"),
+        t2 = A._setArrayType([t1.$index($arguments, 1)], type$.JSArray_Value);
+      B.JSArray_methods.addAll$1(t2, t1.$index($arguments, 2).get$asList());
+      t1 = type$.Value;
+      mutableMap = A.LinkedHashMap_LinkedHashMap$of(map._map$_contents, t1, t1);
+      for (t3 = t2.length, _i = 0; _i < t2.length; t2.length === t3 || (0, A.throwConcurrentModificationError)(t2), ++_i)
+        mutableMap.remove$1(0, t2[_i]);
+      return new A.SassMap(A.ConstantMap_ConstantMap$from(mutableMap, t1, t1));
+    },
+    $signature: 33
+  };
+  A._keys_closure.prototype = {
+    call$1($arguments) {
+      var t1 = J.$index$asx($arguments, 0).assertMap$1("map")._map$_contents;
+      return A.SassList$(t1.get$keys(t1), B.ListSeparator_qVN, false);
+    },
+    $signature: 28
+  };
+  A._values_closure.prototype = {
+    call$1($arguments) {
+      var t1 = J.$index$asx($arguments, 0).assertMap$1("map")._map$_contents;
+      return A.SassList$(t1.get$values(t1), B.ListSeparator_qVN, false);
+    },
+    $signature: 28
+  };
+  A._hasKey_closure.prototype = {
+    call$1($arguments) {
+      var value,
+        t1 = J.getInterceptor$asx($arguments),
+        map = t1.$index($arguments, 0).assertMap$1("map"),
+        t2 = A._setArrayType([t1.$index($arguments, 1)], type$.JSArray_Value);
+      B.JSArray_methods.addAll$1(t2, t1.$index($arguments, 2).get$asList());
+      for (t1 = A.IterableExtension_get_exceptLast(t2), t1 = t1.get$iterator(t1); t1.moveNext$0(); map = value) {
+        value = map._map$_contents.$index(0, t1.get$current(t1));
+        if (!(value instanceof A.SassMap))
+          return B.SassBoolean_false;
+      }
+      return map._map$_contents.containsKey$1(B.JSArray_methods.get$last(t2)) ? B.SassBoolean_true : B.SassBoolean_false;
+    },
+    $signature: 11
+  };
+  A._modify_modifyNestedMap.prototype = {
+    call$1(map) {
+      var nestedMap, _this = this,
+        t1 = type$.Value,
+        mutableMap = A.LinkedHashMap_LinkedHashMap$of(map._map$_contents, t1, t1),
+        t2 = _this.keyIterator,
+        key = t2.get$current(t2);
+      if (!t2.moveNext$0()) {
+        t2 = mutableMap.$index(0, key);
+        if (t2 == null)
+          t2 = B.C__SassNull;
+        mutableMap.$indexSet(0, key, _this.modify.call$1(t2));
+        return new A.SassMap(A.ConstantMap_ConstantMap$from(mutableMap, t1, t1));
+      }
+      t2 = mutableMap.$index(0, key);
+      nestedMap = t2 == null ? null : t2.tryMap$0();
+      t2 = nestedMap == null;
+      if (t2 && !_this.addNesting)
+        return new A.SassMap(A.ConstantMap_ConstantMap$from(mutableMap, t1, t1));
+      mutableMap.$indexSet(0, key, _this.call$1(t2 ? B.SassMap_Map_empty : nestedMap));
+      return new A.SassMap(A.ConstantMap_ConstantMap$from(mutableMap, t1, t1));
+    },
+    $signature: 583
+  };
+  A.global_closure.prototype = {
+    call$1($arguments) {
+      var t1,
+        number = J.$index$asx($arguments, 0).assertNumber$1("number");
+      if (number.hasUnit$1("%"))
+        A.warnForDeprecation(string$.Passinp + number.toString$0(0) + ")\nTo emit a CSS abs() now: abs(#{" + number.toString$0(0) + string$.x7d__Mor, B.Deprecation_3ya);
+      else
+        A.warnForDeprecation(string$.Globalm, B.Deprecation_rMl);
+      t1 = number.get$numeratorUnits(number);
+      return A.SassNumber_SassNumber$withUnits(Math.abs(number._number$_value), number.get$denominatorUnits(number), t1);
+    },
+    $signature: 24
+  };
+  A.module_closure0.prototype = {
+    call$1(value) {
+      return Math.abs(value);
+    },
+    $signature: 15
+  };
+  A._ceil_closure.prototype = {
+    call$1(value) {
+      return B.JSNumber_methods.ceil$0(value);
+    },
+    $signature: 15
+  };
+  A._clamp_closure.prototype = {
+    call$1($arguments) {
+      var t1 = J.getInterceptor$asx($arguments),
+        min = t1.$index($arguments, 0).assertNumber$1("min"),
+        number = t1.$index($arguments, 1).assertNumber$1("number"),
+        max = t1.$index($arguments, 2).assertNumber$1("max");
+      number.convertValueToMatch$3(min, "number", "min");
+      max.convertValueToMatch$3(min, "max", "min");
+      if (min.greaterThanOrEquals$1(max).value)
+        return min;
+      if (min.greaterThanOrEquals$1(number).value)
+        return min;
+      if (number.greaterThanOrEquals$1(max).value)
+        return max;
+      return number;
+    },
+    $signature: 24
+  };
+  A._floor_closure.prototype = {
+    call$1(value) {
+      return B.JSNumber_methods.floor$0(value);
+    },
+    $signature: 15
+  };
+  A._max_closure.prototype = {
+    call$1($arguments) {
+      var t1, t2, max, _i, number;
+      for (t1 = J.$index$asx($arguments, 0).get$asList(), t2 = t1.length, max = null, _i = 0; _i < t1.length; t1.length === t2 || (0, A.throwConcurrentModificationError)(t1), ++_i) {
+        number = t1[_i].assertNumber$0();
+        if (max == null || max.lessThan$1(number).value)
+          max = number;
+      }
+      if (max != null)
+        return max;
+      throw A.wrapException(A.SassScriptException$("At least one argument must be passed.", null));
+    },
+    $signature: 24
+  };
+  A._min_closure.prototype = {
+    call$1($arguments) {
+      var t1, t2, min, _i, number;
+      for (t1 = J.$index$asx($arguments, 0).get$asList(), t2 = t1.length, min = null, _i = 0; _i < t1.length; t1.length === t2 || (0, A.throwConcurrentModificationError)(t1), ++_i) {
+        number = t1[_i].assertNumber$0();
+        if (min == null || min.greaterThan$1(number).value)
+          min = number;
+      }
+      if (min != null)
+        return min;
+      throw A.wrapException(A.SassScriptException$("At least one argument must be passed.", null));
+    },
+    $signature: 24
+  };
+  A._round_closure.prototype = {
+    call$1(number) {
+      return B.JSNumber_methods.round$0(number);
+    },
+    $signature: 15
+  };
+  A._hypot_closure.prototype = {
+    call$1($arguments) {
+      var subtotal, i, i0, t3,
+        t1 = J.$index$asx($arguments, 0).get$asList(),
+        t2 = A._arrayInstanceType(t1)._eval$1("MappedListIterable<1,SassNumber>"),
+        numbers = A.List_List$_of(new A.MappedListIterable(t1, new A._hypot__closure(), t2), t2._eval$1("ListIterable.E"));
+      if (numbers.length === 0)
+        throw A.wrapException(A.SassScriptException$("At least one argument must be passed.", null));
+      for (subtotal = 0, i = 0; i < numbers.length; i = i0) {
+        i0 = i + 1;
+        subtotal += Math.pow(numbers[i].convertValueToMatch$3(numbers[0], "numbers[" + i0 + "]", "numbers[1]"), 2);
+      }
+      t1 = Math.sqrt(subtotal);
+      t2 = numbers[0];
+      t2 = t2.get$numeratorUnits(t2);
+      t3 = numbers[0];
+      return A.SassNumber_SassNumber$withUnits(t1, t3.get$denominatorUnits(t3), t2);
+    },
+    $signature: 24
+  };
+  A._hypot__closure.prototype = {
+    call$1(argument) {
+      return argument.assertNumber$0();
+    },
+    $signature: 586
+  };
+  A._log_closure.prototype = {
+    call$1($arguments) {
+      var base,
+        _s18_ = " to have no units.",
+        _null = null,
+        t1 = J.getInterceptor$asx($arguments),
+        number = t1.$index($arguments, 0).assertNumber$1("number");
+      if (number.get$hasUnits())
+        throw A.wrapException(A.SassScriptException$("$number: Expected " + number.toString$0(0) + _s18_, _null));
+      else if (t1.$index($arguments, 1).$eq(0, B.C__SassNull))
+        return A.SassNumber_SassNumber(Math.log(number._number$_value), _null);
+      base = t1.$index($arguments, 1).assertNumber$1("base");
+      if (base.get$hasUnits())
+        throw A.wrapException(A.SassScriptException$("$base: Expected " + base.toString$0(0) + _s18_, _null));
+      else
+        return A.SassNumber_SassNumber(Math.log(number._number$_value) / Math.log(base._number$_value), _null);
+    },
+    $signature: 24
+  };
+  A._pow_closure.prototype = {
+    call$1($arguments) {
+      var t1 = J.getInterceptor$asx($arguments);
+      return A.pow0(t1.$index($arguments, 0).assertNumber$1("base"), t1.$index($arguments, 1).assertNumber$1("exponent"));
+    },
+    $signature: 24
+  };
+  A._atan2_closure.prototype = {
+    call$1($arguments) {
+      var t1 = J.getInterceptor$asx($arguments),
+        y = t1.$index($arguments, 0).assertNumber$1("y");
+      return A.SassNumber_SassNumber$withUnits(Math.atan2(y._number$_value, t1.$index($arguments, 1).assertNumber$1("x").convertValueToMatch$3(y, "x", "y")) * 57.29577951308232, null, A._setArrayType(["deg"], type$.JSArray_String));
+    },
+    $signature: 24
+  };
+  A._compatible_closure.prototype = {
+    call$1($arguments) {
+      var t1 = J.getInterceptor$asx($arguments);
+      return t1.$index($arguments, 0).assertNumber$1("number1").isComparableTo$1(t1.$index($arguments, 1).assertNumber$1("number2")) ? B.SassBoolean_true : B.SassBoolean_false;
+    },
+    $signature: 11
+  };
+  A._isUnitless_closure.prototype = {
+    call$1($arguments) {
+      return !J.$index$asx($arguments, 0).assertNumber$1("number").get$hasUnits() ? B.SassBoolean_true : B.SassBoolean_false;
+    },
+    $signature: 11
+  };
+  A._unit_closure.prototype = {
+    call$1($arguments) {
+      return new A.SassString(J.$index$asx($arguments, 0).assertNumber$1("number").get$unitString(), true);
+    },
+    $signature: 17
+  };
+  A._percentage_closure.prototype = {
+    call$1($arguments) {
+      var number = J.$index$asx($arguments, 0).assertNumber$1("number");
+      number.assertNoUnits$1("number");
+      return A.SassNumber_SassNumber(number._number$_value * 100, "%");
+    },
+    $signature: 24
+  };
+  A._randomFunction_closure.prototype = {
+    call$1($arguments) {
+      var limit, limitScalar,
+        t1 = J.getInterceptor$asx($arguments);
+      if (t1.$index($arguments, 0).$eq(0, B.C__SassNull))
+        return A.SassNumber_SassNumber($.$get$_random0().nextDouble$0(), null);
+      limit = t1.$index($arguments, 0).assertNumber$1("limit");
+      if (limit.get$hasUnits())
+        A.warnForDeprecation(string$.math_r + limit.toString$0(0) + string$.x29x20in_a + limit.get$unitString() + ")) * 1" + limit.get$unitString() + string$.x0a_To_p + limit.get$unitString() + string$.x29x29__Mo, B.Deprecation_ufl);
+      limitScalar = limit.assertInt$1("limit");
+      if (limitScalar < 1)
+        throw A.wrapException(A.SassScriptException$("$limit: Must be greater than 0, was " + limit.toString$0(0) + ".", null));
+      return A.SassNumber_SassNumber($.$get$_random0().nextInt$1(limitScalar) + 1, null);
+    },
+    $signature: 24
+  };
+  A._div_closure.prototype = {
+    call$1($arguments) {
+      var t1 = J.getInterceptor$asx($arguments),
+        number1 = t1.$index($arguments, 0),
+        number2 = t1.$index($arguments, 1);
+      if (!(number1 instanceof A.SassNumber) || !(number2 instanceof A.SassNumber))
+        A.warn(string$.math_d);
+      return number1.dividedBy$1(number2);
+    },
+    $signature: 4
+  };
+  A._singleArgumentMathFunc_closure.prototype = {
+    call$1($arguments) {
+      return this.mathFunc.call$1(J.$index$asx($arguments, 0).assertNumber$1("number"));
+    },
+    $signature: 24
+  };
+  A._numberFunction_closure.prototype = {
+    call$1($arguments) {
+      var number = J.$index$asx($arguments, 0).assertNumber$1("number"),
+        t1 = this.transform.call$1(number._number$_value),
+        t2 = number.get$numeratorUnits(number);
+      return A.SassNumber_SassNumber$withUnits(t1, number.get$denominatorUnits(number), t2);
+    },
+    $signature: 24
+  };
+  A._shared_closure.prototype = {
+    call$1($arguments) {
+      A.warnForDeprecation(string$.The_fe, B.Deprecation_GVl);
+      return $._features.contains$1(0, J.$index$asx($arguments, 0).assertString$1("feature")._string$_text) ? B.SassBoolean_true : B.SassBoolean_false;
+    },
+    $signature: 11
+  };
+  A._shared_closure0.prototype = {
+    call$1($arguments) {
+      return new A.SassString(A.serializeValue(J.get$first$ax($arguments), true, true), false);
+    },
+    $signature: 17
+  };
+  A._shared_closure1.prototype = {
+    call$1($arguments) {
+      var t1 = J.getInterceptor$asx($arguments),
+        _0_0 = t1.$index($arguments, 0);
+      $label0$0: {
+        if (_0_0 instanceof A.SassArgumentList) {
+          t1 = "arglist";
+          break $label0$0;
+        }
+        if (_0_0 instanceof A.SassBoolean) {
+          t1 = "bool";
+          break $label0$0;
+        }
+        if (_0_0 instanceof A.SassColor) {
+          t1 = "color";
+          break $label0$0;
+        }
+        if (_0_0 instanceof A.SassList) {
+          t1 = "list";
+          break $label0$0;
+        }
+        if (_0_0 instanceof A.SassMap) {
+          t1 = "map";
+          break $label0$0;
+        }
+        if (B.C__SassNull === _0_0) {
+          t1 = "null";
+          break $label0$0;
+        }
+        if (_0_0 instanceof A.SassNumber) {
+          t1 = "number";
+          break $label0$0;
+        }
+        if (_0_0 instanceof A.SassFunction) {
+          t1 = "function";
+          break $label0$0;
+        }
+        if (_0_0 instanceof A.SassMixin) {
+          t1 = "mixin";
+          break $label0$0;
+        }
+        if (_0_0 instanceof A.SassCalculation) {
+          t1 = "calculation";
+          break $label0$0;
+        }
+        if (_0_0 instanceof A.SassString) {
+          t1 = "string";
+          break $label0$0;
+        }
+        t1 = A.throwExpression("[BUG] Unknown value type " + t1.$index($arguments, 0).toString$0(0));
+      }
+      return new A.SassString(t1, false);
+    },
+    $signature: 17
+  };
+  A._shared_closure2.prototype = {
+    call$1($arguments) {
+      var t2, t3, t4,
+        t1 = J.getInterceptor$asx($arguments),
+        _1_0 = t1.$index($arguments, 0);
+      if (_1_0 instanceof A.SassArgumentList) {
+        _1_0._wereKeywordsAccessed = true;
+        t1 = type$.Value;
+        t2 = A.LinkedHashMap_LinkedHashMap$_empty(t1, t1);
+        for (t3 = A.MapExtensions_get_pairs(_1_0._keywords, type$.String, t1), t3 = t3.get$iterator(t3); t3.moveNext$0();) {
+          t4 = t3.get$current(t3);
+          t2.$indexSet(0, new A.SassString(t4._0, false), t4._1);
+        }
+        return new A.SassMap(A.ConstantMap_ConstantMap$from(t2, t1, t1));
+      } else
+        throw A.wrapException("$args: " + t1.$index($arguments, 0).toString$0(0) + " is not an argument list.");
+    },
+    $signature: 33
+  };
+  A.moduleFunctions_closure.prototype = {
+    call$1($arguments) {
+      return new A.SassString(J.$index$asx($arguments, 0).assertCalculation$1("calc").name, true);
+    },
+    $signature: 17
+  };
+  A.moduleFunctions_closure0.prototype = {
+    call$1($arguments) {
+      var t1 = J.$index$asx($arguments, 0).assertCalculation$1("calc").$arguments;
+      return A.SassList$(new A.MappedListIterable(t1, new A.moduleFunctions__closure(), A._arrayInstanceType(t1)._eval$1("MappedListIterable<1,Value>")), B.ListSeparator_qVN, false);
+    },
+    $signature: 28
+  };
+  A.moduleFunctions__closure.prototype = {
+    call$1(argument) {
+      return argument instanceof A.Value ? argument : new A.SassString(J.toString$0$(argument), false);
+    },
+    $signature: 596
+  };
+  A.moduleFunctions_closure1.prototype = {
+    call$1($arguments) {
+      var _0_2_isSet, acceptsContent, t1, _0_5_isSet, _0_5, hasContent,
+        mixin = J.$index$asx($arguments, 0).assertMixin$1("mixin"),
+        _0_0 = mixin.callable;
+      $label0$0: {
+        _0_2_isSet = type$.AsyncBuiltInCallable._is(_0_0);
+        if (_0_2_isSet)
+          acceptsContent = _0_0.get$acceptsContent();
+        else
+          acceptsContent = null;
+        if (!_0_2_isSet) {
+          _0_2_isSet = _0_0 instanceof A.BuiltInCallable;
+          if (_0_2_isSet)
+            acceptsContent = _0_0.acceptsContent;
+          t1 = _0_2_isSet;
+        } else
+          t1 = true;
+        if (t1) {
+          t1 = acceptsContent;
+          break $label0$0;
+        }
+        _0_5_isSet = _0_0 instanceof A.UserDefinedCallable;
+        if (_0_5_isSet) {
+          _0_5 = _0_0.declaration;
+          t1 = _0_5;
+          t1 = t1 instanceof A.MixinRule;
+        } else {
+          _0_5 = null;
+          t1 = false;
+        }
+        if (t1) {
+          t1 = _0_5_isSet ? _0_5 : _0_0.declaration;
+          hasContent = type$.MixinRule._as(t1).get$hasContent();
+          t1 = hasContent;
+          break $label0$0;
+        }
+        t1 = A.throwExpression(A.UnsupportedError$("Unknown callable type " + mixin.toString$0(0) + "."));
+      }
+      return t1 ? B.SassBoolean_true : B.SassBoolean_false;
+    },
+    $signature: 11
+  };
+  A._nest_closure.prototype = {
+    call$1($arguments) {
+      var t1 = {},
+        selectors = J.$index$asx($arguments, 0).get$asList();
+      if (selectors.length === 0)
+        throw A.wrapException(A.SassScriptException$(string$.x24selec, null));
+      t1.first = true;
+      return new A.MappedListIterable(selectors, new A._nest__closure(t1), A._arrayInstanceType(selectors)._eval$1("MappedListIterable<1,SelectorList>")).reduce$1(0, new A._nest__closure0()).get$asSassList();
+    },
+    $signature: 28
+  };
+  A._nest__closure.prototype = {
+    call$1(selector) {
+      var t1 = this._box_0,
+        result = A.SassApiValue_assertSelector(selector, !t1.first, null);
+      t1.first = false;
+      return result;
+    },
+    $signature: 203
+  };
+  A._nest__closure0.prototype = {
+    call$2($parent, child) {
+      return child.nestWithin$1($parent);
+    },
+    $signature: 204
+  };
+  A._append_closure.prototype = {
+    call$1($arguments) {
+      var t1,
+        selectors = J.$index$asx($arguments, 0).get$asList();
+      if (selectors.length === 0)
+        throw A.wrapException(A.SassScriptException$(string$.x24selec, null));
+      t1 = A.EvaluationContext_currentOrNull();
+      return new A.MappedListIterable(selectors, new A._append__closure(), A._arrayInstanceType(selectors)._eval$1("MappedListIterable<1,SelectorList>")).reduce$1(0, new A._append__closure0((t1 == null ? A.throwExpression(A.StateError$(string$.No_Sass)) : t1).get$currentCallableSpan())).get$asSassList();
+    },
+    $signature: 28
+  };
+  A._append__closure.prototype = {
+    call$1(selector) {
+      return A.SassApiValue_assertSelector(selector, false, null);
+    },
+    $signature: 203
+  };
+  A._append__closure0.prototype = {
+    call$2($parent, child) {
+      var t1 = child.components,
+        t2 = this.span;
+      return A.SelectorList$(new A.MappedListIterable(t1, new A._append___closure($parent, t2), A._arrayInstanceType(t1)._eval$1("MappedListIterable<1,ComplexSelector>")), t2).nestWithin$1($parent);
+    },
+    $signature: 204
+  };
+  A._append___closure.prototype = {
+    call$1(complex) {
+      var _0_0, t1, component, rest, newCompound, t2, _null = null;
+      if (complex.leadingCombinators.length !== 0)
+        throw A.wrapException(A.SassScriptException$("Can't append " + complex.toString$0(0) + " to " + this.parent.toString$0(0) + ".", _null));
+      _0_0 = complex.components;
+      t1 = _0_0.length >= 1;
+      if (t1) {
+        component = _0_0[0];
+        rest = B.JSArray_methods.sublist$1(_0_0, 1);
+      } else {
+        rest = _null;
+        component = rest;
+      }
+      if (!t1)
+        throw A.wrapException(A.StateError$("Pattern matching error"));
+      newCompound = A._prependParent(component.selector);
+      if (newCompound == null)
+        throw A.wrapException(A.SassScriptException$("Can't append " + complex.toString$0(0) + " to " + this.parent.toString$0(0) + ".", _null));
+      t1 = this.span;
+      t2 = A._setArrayType([new A.ComplexSelectorComponent(newCompound, A.List_List$unmodifiable(component.combinators, type$.CssValue_Combinator), t1)], type$.JSArray_ComplexSelectorComponent);
+      B.JSArray_methods.addAll$1(t2, rest);
+      return A.ComplexSelector$(B.List_empty0, t2, t1, false);
+    },
+    $signature: 61
+  };
+  A._extend_closure.prototype = {
+    call$1($arguments) {
+      var target, source,
+        _s8_ = "selector",
+        _s8_0 = "extendee",
+        _s8_1 = "extender",
+        t1 = J.getInterceptor$asx($arguments),
+        selector = A.SassApiValue_assertSelector(t1.$index($arguments, 0), false, _s8_);
+      selector.assertNotBogus$1$name(_s8_);
+      target = A.SassApiValue_assertSelector(t1.$index($arguments, 1), false, _s8_0);
+      target.assertNotBogus$1$name(_s8_0);
+      source = A.SassApiValue_assertSelector(t1.$index($arguments, 2), false, _s8_1);
+      source.assertNotBogus$1$name(_s8_1);
+      t1 = A.EvaluationContext_currentOrNull();
+      return A.ExtensionStore__extendOrReplace(selector, source, target, B.ExtendMode_allTargets_allTargets, (t1 == null ? A.throwExpression(A.StateError$(string$.No_Sass)) : t1).get$currentCallableSpan()).get$asSassList();
+    },
+    $signature: 28
+  };
+  A._replace_closure.prototype = {
+    call$1($arguments) {
+      var target, source,
+        _s8_ = "selector",
+        _s8_0 = "original",
+        _s11_ = "replacement",
+        t1 = J.getInterceptor$asx($arguments),
+        selector = A.SassApiValue_assertSelector(t1.$index($arguments, 0), false, _s8_);
+      selector.assertNotBogus$1$name(_s8_);
+      target = A.SassApiValue_assertSelector(t1.$index($arguments, 1), false, _s8_0);
+      target.assertNotBogus$1$name(_s8_0);
+      source = A.SassApiValue_assertSelector(t1.$index($arguments, 2), false, _s11_);
+      source.assertNotBogus$1$name(_s11_);
+      t1 = A.EvaluationContext_currentOrNull();
+      return A.ExtensionStore__extendOrReplace(selector, source, target, B.ExtendMode_replace_replace, (t1 == null ? A.throwExpression(A.StateError$(string$.No_Sass)) : t1).get$currentCallableSpan()).get$asSassList();
+    },
+    $signature: 28
+  };
+  A._unify_closure.prototype = {
+    call$1($arguments) {
+      var selector2,
+        _s9_ = "selector1",
+        _s9_0 = "selector2",
+        t1 = J.getInterceptor$asx($arguments),
+        selector1 = A.SassApiValue_assertSelector(t1.$index($arguments, 0), false, _s9_);
+      selector1.assertNotBogus$1$name(_s9_);
+      selector2 = A.SassApiValue_assertSelector(t1.$index($arguments, 1), false, _s9_0);
+      selector2.assertNotBogus$1$name(_s9_0);
+      t1 = selector1.unify$1(selector2);
+      t1 = t1 == null ? null : t1.get$asSassList();
+      return t1 == null ? B.C__SassNull : t1;
+    },
+    $signature: 4
+  };
+  A._isSuperselector_closure.prototype = {
+    call$1($arguments) {
+      var selector2,
+        t1 = J.getInterceptor$asx($arguments),
+        selector1 = A.SassApiValue_assertSelector(t1.$index($arguments, 0), false, "super");
+      selector1.assertNotBogus$1$name("super");
+      selector2 = A.SassApiValue_assertSelector(t1.$index($arguments, 1), false, "sub");
+      selector2.assertNotBogus$1$name("sub");
+      return A.listIsSuperselector(selector1.components, selector2.components) ? B.SassBoolean_true : B.SassBoolean_false;
+    },
+    $signature: 11
+  };
+  A._simpleSelectors_closure.prototype = {
+    call$1($arguments) {
+      var t1 = A.SassApiValue_assertCompoundSelector(J.$index$asx($arguments, 0), "selector").components;
+      return A.SassList$(new A.MappedListIterable(t1, new A._simpleSelectors__closure(), A._arrayInstanceType(t1)._eval$1("MappedListIterable<1,Value>")), B.ListSeparator_qVN, false);
+    },
+    $signature: 28
+  };
+  A._simpleSelectors__closure.prototype = {
+    call$1(simple) {
+      return new A.SassString(A.serializeSelector(simple, true), false);
+    },
+    $signature: 673
+  };
+  A._parse_closure.prototype = {
+    call$1($arguments) {
+      return A.SassApiValue_assertSelector(J.$index$asx($arguments, 0), false, "selector").get$asSassList();
+    },
+    $signature: 28
+  };
+  A.module_closure.prototype = {
+    call$1($arguments) {
+      var limit, t2, chunks, i, lastEnd, match, t3,
+        t1 = J.getInterceptor$asx($arguments),
+        string = t1.$index($arguments, 0).assertString$1("string"),
+        separator = t1.$index($arguments, 1).assertString$1("separator");
+      t1 = t1.$index($arguments, 2).get$realNull();
+      limit = t1 == null ? null : t1.assertNumber$1("limit").assertInt$1("limit");
+      if (limit != null && limit < 1)
+        throw A.wrapException(A.SassScriptException$("$limit: Must be 1 or greater, was " + A.S(limit) + ".", null));
+      t1 = string._string$_text;
+      if (t1.length === 0)
+        return B.SassList_qAD;
+      else {
+        t2 = separator._string$_text;
+        if (t2.length === 0)
+          return A.SassList$(A.MappedIterable_MappedIterable(new A.Runes(t1), new A.module__closure(string), type$.Runes._eval$1("Iterable.E"), type$.Value), B.ListSeparator_qVN, true);
+      }
+      chunks = A._setArrayType([], type$.JSArray_String);
+      for (t2 = B.JSString_methods.allMatches$1(t2, t1), t2 = new A._StringAllMatchesIterator(t2._input, t2._pattern, t2.__js_helper$_index), i = 0, lastEnd = 0; t2.moveNext$0();) {
+        match = t2.__js_helper$_current;
+        t3 = match.start;
+        chunks.push(B.JSString_methods.substring$2(t1, lastEnd, t3));
+        lastEnd = t3 + match.pattern.length;
+        ++i;
+        if (i === limit)
+          break;
+      }
+      chunks.push(B.JSString_methods.substring$1(t1, lastEnd));
+      return A.SassList$(new A.MappedListIterable(chunks, new A.module__closure0(string), type$.MappedListIterable_String_Value), B.ListSeparator_qVN, true);
+    },
+    $signature: 28
+  };
+  A.module__closure.prototype = {
+    call$1(rune) {
+      return new A.SassString(A.Primitives_stringFromCharCode(rune), this.string._hasQuotes);
+    },
+    $signature: 275
+  };
+  A.module__closure0.prototype = {
+    call$1(chunk) {
+      return new A.SassString(chunk, this.string._hasQuotes);
+    },
+    $signature: 276
+  };
+  A._unquote_closure.prototype = {
+    call$1($arguments) {
+      var string = J.$index$asx($arguments, 0).assertString$1("string");
+      if (!string._hasQuotes)
+        return string;
+      return new A.SassString(string._string$_text, false);
+    },
+    $signature: 17
+  };
+  A._quote_closure.prototype = {
+    call$1($arguments) {
+      var string = J.$index$asx($arguments, 0).assertString$1("string");
+      if (string._hasQuotes)
+        return string;
+      return new A.SassString(string._string$_text, true);
+    },
+    $signature: 17
+  };
+  A._length_closure.prototype = {
+    call$1($arguments) {
+      return A.SassNumber_SassNumber(J.$index$asx($arguments, 0).assertString$1("string").get$_sassLength(), null);
+    },
+    $signature: 24
+  };
+  A._insert_closure.prototype = {
+    call$1($arguments) {
+      var indexInt, codeUnitIndex, _s5_ = "index",
+        t1 = J.getInterceptor$asx($arguments),
+        string = t1.$index($arguments, 0).assertString$1("string"),
+        insert = t1.$index($arguments, 1).assertString$1("insert"),
+        index = t1.$index($arguments, 2).assertNumber$1(_s5_);
+      index.assertNoUnits$1(_s5_);
+      indexInt = index.assertInt$1(_s5_);
+      if (indexInt < 0)
+        indexInt = Math.max(string.get$_sassLength() + indexInt + 2, 0);
+      t1 = string._string$_text;
+      codeUnitIndex = A.codepointIndexToCodeUnitIndex(t1, A._codepointForIndex(indexInt, string.get$_sassLength(), false));
+      return new A.SassString(B.JSString_methods.replaceRange$3(t1, codeUnitIndex, codeUnitIndex, insert._string$_text), string._hasQuotes);
+    },
+    $signature: 17
+  };
+  A._index_closure.prototype = {
+    call$1($arguments) {
+      var t1 = J.getInterceptor$asx($arguments),
+        t2 = t1.$index($arguments, 0).assertString$1("string")._string$_text,
+        codeUnitIndex = B.JSString_methods.indexOf$1(t2, t1.$index($arguments, 1).assertString$1("substring")._string$_text);
+      if (codeUnitIndex === -1)
+        return B.C__SassNull;
+      return A.SassNumber_SassNumber(A.codeUnitIndexToCodepointIndex(t2, codeUnitIndex) + 1, null);
+    },
+    $signature: 4
+  };
+  A._slice_closure.prototype = {
+    call$1($arguments) {
+      var lengthInCodepoints, endInt, startCodepoint, endCodepoint,
+        _s8_ = "start-at",
+        t1 = J.getInterceptor$asx($arguments),
+        string = t1.$index($arguments, 0).assertString$1("string"),
+        start = t1.$index($arguments, 1).assertNumber$1(_s8_),
+        end = t1.$index($arguments, 2).assertNumber$1("end-at");
+      start.assertNoUnits$1(_s8_);
+      end.assertNoUnits$1("end-at");
+      lengthInCodepoints = string.get$_sassLength();
+      endInt = end.assertInt$0();
+      if (endInt === 0)
+        return string._hasQuotes ? $.$get$_emptyQuoted() : $.$get$_emptyUnquoted();
+      startCodepoint = A._codepointForIndex(start.assertInt$0(), lengthInCodepoints, false);
+      endCodepoint = A._codepointForIndex(endInt, lengthInCodepoints, true);
+      if (endCodepoint === lengthInCodepoints)
+        --endCodepoint;
+      if (endCodepoint < startCodepoint)
+        return string._hasQuotes ? $.$get$_emptyQuoted() : $.$get$_emptyUnquoted();
+      t1 = string._string$_text;
+      return new A.SassString(B.JSString_methods.substring$2(t1, A.codepointIndexToCodeUnitIndex(t1, startCodepoint), A.codepointIndexToCodeUnitIndex(t1, endCodepoint + 1)), string._hasQuotes);
+    },
+    $signature: 17
+  };
+  A._toUpperCase_closure.prototype = {
+    call$1($arguments) {
+      var t1, t2, i, t3, t4,
+        string = J.$index$asx($arguments, 0).assertString$1("string");
+      for (t1 = string._string$_text, t2 = t1.length, i = 0, t3 = ""; i < t2; ++i) {
+        t4 = t1.charCodeAt(i);
+        t3 += A.Primitives_stringFromCharCode(t4 >= 97 && t4 <= 122 ? t4 & 4294967263 : t4);
+      }
+      return new A.SassString(t3.charCodeAt(0) == 0 ? t3 : t3, string._hasQuotes);
+    },
+    $signature: 17
+  };
+  A._toLowerCase_closure.prototype = {
+    call$1($arguments) {
+      var t1, t2, i, t3, t4,
+        string = J.$index$asx($arguments, 0).assertString$1("string");
+      for (t1 = string._string$_text, t2 = t1.length, i = 0, t3 = ""; i < t2; ++i) {
+        t4 = t1.charCodeAt(i);
+        t3 += A.Primitives_stringFromCharCode(t4 >= 65 && t4 <= 90 ? t4 | 32 : t4);
+      }
+      return new A.SassString(t3.charCodeAt(0) == 0 ? t3 : t3, string._hasQuotes);
+    },
+    $signature: 17
+  };
+  A._uniqueId_closure.prototype = {
+    call$1($arguments) {
+      var t1 = $.$get$_previousUniqueId() + ($.$get$_random().nextInt$1(36) + 1);
+      $._previousUniqueId = t1;
+      if (t1 > Math.pow(36, 6))
+        $._previousUniqueId = B.JSInt_methods.$mod($.$get$_previousUniqueId(), A._asInt(Math.pow(36, 6)));
+      return new A.SassString("u" + B.JSString_methods.padLeft$2(B.JSInt_methods.toRadixString$1($.$get$_previousUniqueId(), 36), 6, "0"), false);
+    },
+    $signature: 17
+  };
+  A.ImportCache.prototype = {
+    canonicalize$4$baseImporter$baseUrl$forImport(_, url, baseImporter, baseUrl, forImport) {
+      var t1, resolvedUrl, key, relativeResult, t2, t3, t4, t5, t6, cacheable, i, importer, perImporterKey, t7, _1_0, _1_2_isSet, result, _1_2, _2_0, _2_1, _2_5_isSet, _2_5, _2_3, _2_3_isSet, j, _this = this, _null = null;
+      if (A.isBrowser())
+        t1 = (baseImporter == null || baseImporter instanceof A.NoOpImporter) && _this._importers.length === 0;
+      else
+        t1 = false;
+      if (t1)
+        throw A.wrapException(string$.Custom);
+      if (baseImporter != null && url.get$scheme() === "") {
+        resolvedUrl = baseUrl == null ? _null : baseUrl.resolveUri$1(url);
+        if (resolvedUrl == null)
+          resolvedUrl = url;
+        key = new A._Record_3_forImport(baseImporter, resolvedUrl, forImport);
+        relativeResult = _this._perImporterCanonicalizeCache.putIfAbsent$2(key, new A.ImportCache_canonicalize_closure(_this, baseImporter, resolvedUrl, baseUrl, forImport, key, url));
+        if (relativeResult != null)
+          return relativeResult;
+      }
+      key = new A._Record_2_forImport(url, forImport);
+      t1 = _this._canonicalizeCache;
+      if (t1.containsKey$1(key))
+        return t1.$index(0, key);
+      for (t2 = _this._importers, t3 = type$.Record_1_nullable_Object, t4 = _this._perImporterCanonicalizeCache, t5 = type$.nullable_Record_3_Importer_and_Uri_and_Uri_originalUrl, t6 = type$.Record_3_Importer_and_Uri_and_Uri_originalUrl, cacheable = true, i = 0; i < t2.length; ++i) {
+        importer = t2[i];
+        perImporterKey = new A._Record_3_forImport(importer, url, forImport);
+        if (t4.containsKey$1(perImporterKey)) {
+          t7 = t4.$index(0, perImporterKey);
+          _1_0 = new A._Record_1(t7 == null ? t5._as(t7) : t7);
+        } else
+          _1_0 = _null;
+        _1_2_isSet = t3._is(_1_0);
+        result = _null;
+        if (_1_2_isSet) {
+          _1_2 = _1_0._0;
+          t7 = _1_2 != null;
+          if (t7) {
+            t6._as(_1_2);
+            result = _1_2;
+          }
+        } else {
+          _1_2 = _null;
+          t7 = false;
+        }
+        if (t7)
+          return result;
+        if (_1_2_isSet)
+          t7 = _1_2 == null;
+        else
+          t7 = false;
+        if (t7)
+          continue;
+        $label0$1: {
+          _2_0 = _this._canonicalize$4(importer, url, baseUrl, forImport);
+          _2_1 = _2_0._0;
+          _2_5_isSet = _2_1 != null;
+          _2_5 = _null;
+          _2_3 = _null;
+          t7 = false;
+          if (_2_5_isSet) {
+            result = _2_1 == null ? t6._as(_2_1) : _2_1;
+            _2_3 = _2_0._1;
+            t7 = _2_3;
+            _2_5 = t7;
+            t7 = t7 && cacheable;
+          } else
+            result = _null;
+          if (t7) {
+            t1.$indexSet(0, key, result);
+            return result;
+          }
+          if (_2_5_isSet) {
+            t7 = _2_5;
+            _2_3_isSet = _2_5_isSet;
+          } else {
+            _2_3 = _2_0._1;
+            t7 = _2_3;
+            _2_3_isSet = true;
+          }
+          t7 = t7 && !cacheable;
+          if (t7) {
+            t4.$indexSet(0, perImporterKey, _2_1);
+            if (_2_1 != null)
+              return _2_1;
+            break $label0$1;
+          }
+          t7 = !(_2_3_isSet ? _2_3 : _2_0._1);
+          if (t7) {
+            if (cacheable) {
+              for (j = 0; j < i; ++j)
+                t4.$indexSet(0, new A._Record_3_forImport(t2[j], url, forImport), _null);
+              cacheable = false;
+            }
+            if (_2_1 != null)
+              return _2_1;
+          }
+        }
+      }
+      if (cacheable)
+        t1.$indexSet(0, key, _null);
+      return _null;
+    },
+    canonicalize$3$baseImporter$baseUrl(_, url, baseImporter, baseUrl) {
+      return this.canonicalize$4$baseImporter$baseUrl$forImport(0, url, baseImporter, baseUrl, false);
+    },
+    _canonicalize$4(importer, url, baseUrl, forImport) {
+      var passContainingUrl, canonicalizeContext, t1, result, cacheable;
+      if (baseUrl != null)
+        passContainingUrl = url.get$scheme() === "" || importer.isNonCanonicalScheme$1(url.get$scheme());
+      else
+        passContainingUrl = false;
+      canonicalizeContext = new A.CanonicalizeContext(forImport, passContainingUrl ? baseUrl : null);
+      t1 = type$.nullable_Object;
+      result = A.runZoned(new A.ImportCache__canonicalize_closure(importer, url), A.LinkedHashMap_LinkedHashMap$_literal([B.Symbol__canonicalizeContext, canonicalizeContext], t1, t1), type$.nullable_Uri);
+      cacheable = !passContainingUrl || !canonicalizeContext._wasContainingUrlAccessed;
+      if (result == null)
+        return new A._Record_2(null, cacheable);
+      if (result.get$scheme() !== "" && importer.isNonCanonicalScheme$1(result.get$scheme()))
+        throw A.wrapException("Importer " + importer.toString$0(0) + " canonicalized " + url.toString$0(0) + " to " + result.toString$0(0) + string$.x2c_whicu);
+      return new A._Record_2(new A._Record_3_originalUrl(importer, result, url), cacheable);
+    },
+    importCanonical$3$originalUrl(importer, canonicalUrl, originalUrl) {
+      return this._importCache.putIfAbsent$2(canonicalUrl, new A.ImportCache_importCanonical_closure(this, importer, canonicalUrl, originalUrl));
+    },
+    importCanonical$2(importer, canonicalUrl) {
+      return this.importCanonical$3$originalUrl(importer, canonicalUrl, null);
+    },
+    humanize$1(canonicalUrl) {
+      var t1 = this._canonicalizeCache,
+        t2 = type$.NonNullsIterable_Record_3_Importer_and_Uri_and_Uri_originalUrl;
+      t2 = A.NullableExtension_andThen(A.minBy(new A.MappedIterable(new A.WhereIterable(new A.NonNullsIterable(new A.LinkedHashMapValuesIterable(t1, A._instanceType(t1)._eval$1("LinkedHashMapValuesIterable<2>")), t2), new A.ImportCache_humanize_closure(canonicalUrl), t2._eval$1("WhereIterable<Iterable.E>")), new A.ImportCache_humanize_closure0(), t2._eval$1("MappedIterable<Iterable.E,Uri>")), new A.ImportCache_humanize_closure1()), new A.ImportCache_humanize_closure2(canonicalUrl));
+      return t2 == null ? canonicalUrl : t2;
+    },
+    sourceMapUrl$1(_, canonicalUrl) {
+      var t1 = this._resultsCache.$index(0, canonicalUrl);
+      t1 = t1 == null ? null : t1.get$sourceMapUrl(0);
+      return t1 == null ? canonicalUrl : t1;
+    },
+    clearCanonicalize$1(canonicalUrl) {
+      var key, t5, t6, _i0,
+        t1 = this._canonicalizeCache,
+        t2 = A.List_List$_of(new A.LinkedHashMapKeysIterable(t1, A._instanceType(t1)._eval$1("LinkedHashMapKeysIterable<1>")), type$.Record_2_Uri_and_bool_forImport),
+        t3 = t2.length,
+        t4 = this._importers,
+        _i = 0;
+      for (; _i < t2.length; t2.length === t3 || (0, A.throwConcurrentModificationError)(t2), ++_i) {
+        key = t2[_i];
+        for (t5 = t4.length, t6 = key._0, _i0 = 0; _i0 < t4.length; t4.length === t5 || (0, A.throwConcurrentModificationError)(t4), ++_i0)
+          if (t4[_i0].couldCanonicalize$2(t6, canonicalUrl)) {
+            t1.remove$1(0, key);
+            break;
+          }
+      }
+      t1 = this._perImporterCanonicalizeCache;
+      t2 = A.List_List$_of(new A.LinkedHashMapKeysIterable(t1, A._instanceType(t1)._eval$1("LinkedHashMapKeysIterable<1>")), type$.Record_3_Importer_and_Uri_and_bool_forImport);
+      t3 = t2.length;
+      _i = 0;
+      for (; _i < t2.length; t2.length === t3 || (0, A.throwConcurrentModificationError)(t2), ++_i) {
+        key = t2[_i];
+        if (key._0.couldCanonicalize$2(key._1, canonicalUrl))
+          t1.remove$1(0, key);
+      }
+    },
+    clearImport$1(canonicalUrl) {
+      this._resultsCache.remove$1(0, canonicalUrl);
+      this._importCache.remove$1(0, canonicalUrl);
+    }
+  };
+  A.ImportCache_canonicalize_closure.prototype = {
+    call$0() {
+      var _this = this,
+        t1 = _this.$this,
+        t2 = _this.baseUrl,
+        _0_0 = t1._canonicalize$4(_this.baseImporter, _this.resolvedUrl, t2, _this.forImport);
+      if (t2 != null)
+        t1._nonCanonicalRelativeUrls.$indexSet(0, _this.key, _this.url);
+      return _0_0._0;
+    },
+    $signature: 126
+  };
+  A.ImportCache__canonicalize_closure.prototype = {
+    call$0() {
+      return this.importer.canonicalize$1(0, this.url);
+    },
+    $signature: 270
+  };
+  A.ImportCache_importCanonical_closure.prototype = {
+    call$0() {
+      var t3, t4, _this = this,
+        t1 = Date.now(),
+        t2 = _this.canonicalUrl,
+        result = _this.importer.load$1(0, t2);
+      if (result == null)
+        return null;
+      t3 = _this.$this;
+      t3._loadTimes.$indexSet(0, t2, new A.DateTime(t1, 0, false));
+      t3._resultsCache.$indexSet(0, t2, result);
+      t3 = result.contents;
+      t1 = result.syntax;
+      t4 = _this.originalUrl;
+      return A.Stylesheet_Stylesheet$parse(t3, t1, t4 == null ? t2 : t4.resolveUri$1(t2));
+    },
+    $signature: 111
+  };
+  A.ImportCache_humanize_closure.prototype = {
+    call$1(result) {
+      return result._1.$eq(0, this.canonicalUrl);
+    },
+    $signature: 295
+  };
+  A.ImportCache_humanize_closure0.prototype = {
+    call$1(result) {
+      return result._2;
+    },
+    $signature: 296
+  };
+  A.ImportCache_humanize_closure1.prototype = {
+    call$1(url) {
+      return url.get$path(url).length;
+    },
+    $signature: 89
+  };
+  A.ImportCache_humanize_closure2.prototype = {
+    call$1(url) {
+      var t1 = $.$get$url(),
+        t2 = this.canonicalUrl;
+      return url.resolve$1(0, A.ParsedPath_ParsedPath$parse(t2.get$path(t2), t1.style).get$basename());
+    },
+    $signature: 47
+  };
+  A.Importer.prototype = {
+    modificationTime$1(url) {
+      return new A.DateTime(Date.now(), 0, false);
+    },
+    couldCanonicalize$2(url, canonicalUrl) {
+      return true;
+    },
+    isNonCanonicalScheme$1(scheme) {
+      return false;
+    }
+  };
+  A.AsyncImporter.prototype = {};
+  A.CanonicalizeContext.prototype = {};
+  A.FilesystemImporter.prototype = {
+    canonicalize$1(_, url) {
+      var resolved, _0_0;
+      if (url.get$scheme() === "file")
+        resolved = A.resolveImportPath($.$get$context().style.pathFromUri$1(A._parseUri(url)));
+      else if (url.get$scheme() !== "")
+        return null;
+      else {
+        _0_0 = this._loadPath;
+        if (_0_0 != null) {
+          resolved = A.resolveImportPath(A.join(_0_0, $.$get$context().style.pathFromUri$1(A._parseUri(url)), null));
+          if (resolved != null && this._loadPathDeprecated)
+            A.warnForDeprecation(string$.Using_t, B.Deprecation_nAC);
+        } else
+          return null;
+      }
+      return A.NullableExtension_andThen(resolved, new A.FilesystemImporter_canonicalize_closure());
+    },
+    load$1(_, url) {
+      var path = $.$get$context().style.pathFromUri$1(A._parseUri(url)),
+        t1 = A.readFile(path),
+        t2 = A.Syntax_forPath(path),
+        t3 = url.get$scheme();
+      if (t3 === "")
+        A.throwExpression(A.ArgumentError$value(url, "sourceMapUrl", "must be absolute"));
+      return new A.ImporterResult(t1, url, t2);
+    },
+    modificationTime$1(url) {
+      return A.modificationTime($.$get$context().style.pathFromUri$1(A._parseUri(url)));
+    },
+    couldCanonicalize$2(url, canonicalUrl) {
+      var t1, t2, basename, canonicalBasename;
+      if (url.get$scheme() !== "file" && url.get$scheme() !== "")
+        return false;
+      if (canonicalUrl.get$scheme() !== "file")
+        return false;
+      t1 = $.$get$url();
+      t2 = t1.style;
+      basename = A.ParsedPath_ParsedPath$parse(url.get$path(url), t2).get$basename();
+      canonicalBasename = A.ParsedPath_ParsedPath$parse(canonicalUrl.get$path(canonicalUrl), t2).get$basename();
+      if (!B.JSString_methods.startsWith$1(basename, "_") && B.JSString_methods.startsWith$1(canonicalBasename, "_"))
+        canonicalBasename = B.JSString_methods.substring$1(canonicalBasename, 1);
+      return basename === canonicalBasename || basename === t1.withoutExtension$1(canonicalBasename);
+    },
+    toString$0(_) {
+      var t1 = this._loadPath;
+      return t1 == null ? "<absolute file importer>" : t1;
+    }
+  };
+  A.FilesystemImporter_canonicalize_closure.prototype = {
+    call$1(resolved) {
+      var t2, t0, _null = null,
+        t1 = A.isNodeJs() ? self.process : _null;
+      if (!J.$eq$(t1 == null ? _null : J.get$platform$x(t1), "win32")) {
+        t1 = A.isNodeJs() ? self.process : _null;
+        t1 = J.$eq$(t1 == null ? _null : J.get$platform$x(t1), "darwin");
+      } else
+        t1 = true;
+      if (t1) {
+        t1 = A.absolute(resolved, _null, _null, _null, _null, _null, _null, _null, _null, _null, _null, _null, _null, _null, _null);
+        t2 = $.$get$context();
+        t1 = A._realCasePath(t2.normalize$1(t1));
+      } else {
+        t1 = $.$get$context();
+        t2 = t1.canonicalize$1(0, resolved);
+        t0 = t2;
+        t2 = t1;
+        t1 = t0;
+      }
+      return t2.toUri$1(t1);
+    },
+    $signature: 128
+  };
+  A.NoOpImporter.prototype = {};
+  A.NodePackageImporter.prototype = {
+    isNonCanonicalScheme$1(scheme) {
+      return scheme === "pkg";
+    },
+    canonicalize$1(_, url) {
+      var packageName, jsonPath, jsonString, packageManifest, e, t1, t2, t3, t4, baseDirectory, parts, t5, $name, subpath, packageRoot, exception, _1_0, rootPath, subpathInRoot, _this = this, _null = null;
+      if (url.get$scheme() === "file")
+        return $.$get$FilesystemImporter_cwd().canonicalize$1(0, url);
+      if (url.get$scheme() !== "pkg")
+        return _null;
+      if (url.get$hasAuthority())
+        throw A.wrapException(string$.A_pkg_h);
+      else {
+        t1 = $.$get$url();
+        t2 = t1.style;
+        if (t2.rootLength$1(url.get$path(url)) > 0)
+          throw A.wrapException("A pkg: URL's path must not begin with /.");
+        else if (url.get$path(url).length === 0)
+          throw A.wrapException("A pkg: URL must not have an empty path.");
+        else if (url.get$hasQuery() || url.get$hasFragment())
+          throw A.wrapException(string$.A_pkg_q);
+      }
+      t3 = A.canonicalizeContext();
+      t3._wasContainingUrlAccessed = true;
+      t3 = t3._containingUrl;
+      if ((t3 == null ? _null : t3.get$scheme()) === "file") {
+        t3 = A.canonicalizeContext();
+        t3._wasContainingUrlAccessed = true;
+        t3 = t3._containingUrl;
+        t3.toString;
+        t4 = $.$get$context();
+        baseDirectory = t4.dirname$1(t4.style.pathFromUri$1(A._parseUri(t3)));
+      } else {
+        t3 = _this.__NodePackageImporter__entryPointDirectory_F;
+        t3 === $ && A.throwUnnamedLateFieldNI();
+        baseDirectory = t3;
+      }
+      packageName = null;
+      parts = t1.split$1(0, url.get$path(url));
+      t3 = B.JSArray_methods.removeAt$1(parts, 0);
+      t4 = $.$get$context();
+      t5 = t4.style;
+      $name = t5.pathFromUri$1(A._parseUri(t3));
+      if (B.JSString_methods.startsWith$1($name, "@"))
+        $name = parts.length !== 0 ? t1.join$2(0, $name, B.JSArray_methods.removeAt$1(parts, 0)) : $name;
+      subpath = parts.length !== 0 ? t5.pathFromUri$1(A._parseUri(t1.joinAll$1(parts))) : _null;
+      packageName = $name;
+      t1 = true;
+      if (!J.startsWith$1$s(packageName, "."))
+        if (!J.contains$1$asx(packageName, "\\"))
+          if (!J.contains$1$asx(packageName, "%"))
+            t1 = J.startsWith$1$s(packageName, "@") && !J.contains$1$asx(packageName, t2.get$separator(t2));
+      if (t1)
+        return _null;
+      packageRoot = _this._resolvePackageRoot$2(packageName, baseDirectory);
+      if (packageRoot == null)
+        return _null;
+      jsonPath = A.join(packageRoot, "package.json", _null);
+      jsonString = A.readFile(jsonPath);
+      packageManifest = null;
+      try {
+        packageManifest = type$.Map_String_dynamic._as(B.C_JsonCodec.decode$1(jsonString));
+      } catch (exception) {
+        e = A.unwrapException(exception);
+        t1 = A.S(jsonPath);
+        t2 = A.S(packageName);
+        t3 = A.S(e);
+        throw A.wrapException("Failed to parse " + t1 + ' for "pkg:' + t2 + '": ' + t3);
+      }
+      _1_0 = _this._resolvePackageExports$4(packageRoot, subpath, packageManifest, packageName);
+      if (_1_0 != null)
+        if (B.Set_FTDN4.contains$1(0, A.ParsedPath_ParsedPath$parse(_1_0, t5)._splitExtension$1(1)[1]))
+          return t4.toUri$1(t4.canonicalize$1(0, _1_0));
+        else {
+          t1 = subpath == null ? "root" : subpath;
+          throw A.wrapException("The export for '" + t1 + "' in '" + A.S(packageName) + "' resolved to '" + _1_0 + string$.x27x2c_whi);
+        }
+      if (subpath == null) {
+        rootPath = _this._resolvePackageRootValues$2(packageRoot, packageManifest);
+        return rootPath != null ? t4.toUri$1(t4.canonicalize$1(0, rootPath)) : _null;
+      }
+      subpathInRoot = A.join(packageRoot, subpath, _null);
+      return $.$get$FilesystemImporter_cwd().canonicalize$1(0, t4.toUri$1(subpathInRoot));
+    },
+    load$1(_, url) {
+      return $.$get$FilesystemImporter_cwd().load$1(0, url);
+    },
+    _resolvePackageRoot$2(packageName, baseDirectory) {
+      var potentialPackage, t1;
+      for (; true;) {
+        potentialPackage = A.join(baseDirectory, "node_modules", packageName);
+        if (A.dirExists(potentialPackage))
+          return potentialPackage;
+        t1 = $.$get$context();
+        if (t1.split$1(0, baseDirectory).length === 1)
+          return null;
+        baseDirectory = t1.dirname$1(baseDirectory);
+      }
+    },
+    _resolvePackageRootValues$2(packageRoot, packageManifest) {
+      var t1, sassValue, _1_0, styleValue, _null = null,
+        _0_0 = packageManifest.$index(0, "sass");
+      if (typeof _0_0 == "string") {
+        t1 = B.Set_FTDN4.contains$1(0, A.ParsedPath_ParsedPath$parse(_0_0, $.$get$url().style)._splitExtension$1(1)[1]);
+        sassValue = _0_0;
+      } else {
+        sassValue = _null;
+        t1 = false;
+      }
+      if (t1)
+        return A.join(packageRoot, sassValue, _null);
+      else {
+        _1_0 = packageManifest.$index(0, "style");
+        if (typeof _1_0 == "string") {
+          t1 = B.Set_FTDN4.contains$1(0, A.ParsedPath_ParsedPath$parse(_1_0, $.$get$url().style)._splitExtension$1(1)[1]);
+          styleValue = _1_0;
+        } else {
+          styleValue = _null;
+          t1 = false;
+        }
+        if (t1)
+          return A.join(packageRoot, styleValue, _null);
+      }
+      return A.resolveImportPath(A.join(packageRoot, "index", _null));
+    },
+    _resolvePackageExports$4(packageRoot, subpath, packageManifest, packageName) {
+      var _0_0, _1_0, _this = this,
+        exports = packageManifest.$index(0, "exports");
+      if (exports == null)
+        return null;
+      _0_0 = _this._nodePackageExportsResolve$5(packageRoot, _this._exportsToCheck$1(subpath), exports, subpath, packageName);
+      if (_0_0 != null)
+        return _0_0;
+      if (subpath != null && A.ParsedPath_ParsedPath$parse(subpath, $.$get$url().style)._splitExtension$1(1)[1].length !== 0)
+        return null;
+      _1_0 = _this._nodePackageExportsResolve$5(packageRoot, _this._exportsToCheck$2$addIndex(subpath, true), exports, subpath, packageName);
+      if (_1_0 != null)
+        return _1_0;
+      return null;
+    },
+    _nodePackageExportsResolve$5(packageRoot, subpathVariants, exports, subpath, packageName) {
+      var t2, matches, _1_1, path,
+        t1 = false;
+      if (type$.Map_String_dynamic._is(exports)) {
+        t2 = exports.get$keys(exports);
+        if (t2.any$1(t2, new A.NodePackageImporter__nodePackageExportsResolve_closure())) {
+          t1 = exports.get$keys(exports);
+          t1 = t1.any$1(t1, new A.NodePackageImporter__nodePackageExportsResolve_closure0());
+        }
+      }
+      if (t1) {
+        t1 = exports.get$keys(exports);
+        throw A.wrapException("`exports` in " + packageName + string$.x20can_n + t1.map$1$1(t1, new A.NodePackageImporter__nodePackageExportsResolve_closure1(), type$.String).join$1(0, ",") + " in " + A.join(packageRoot, "package.json", null) + ".");
+      }
+      t1 = type$.NonNullsIterable_String;
+      t1 = A.LinkedHashSet_LinkedHashSet$of(new A.NonNullsIterable(new A.MappedListIterable(subpathVariants, new A.NodePackageImporter__nodePackageExportsResolve_closure2(this, exports, packageRoot), A._arrayInstanceType(subpathVariants)._eval$1("MappedListIterable<1,String?>")), t1), t1._eval$1("Iterable.E"));
+      matches = A.List_List$_of(t1, A._instanceType(t1)._precomputed1);
+      $label0$1: {
+        _1_1 = matches.length;
+        if (_1_1 === 1) {
+          path = matches[0];
+          t1 = path;
+          break $label0$1;
+        }
+        if (_1_1 <= 0) {
+          t1 = null;
+          break $label0$1;
+        }
+        t1 = subpath == null ? "root" : subpath;
+        t1 = A.throwExpression(string$.Unable + t1 + " in " + packageName + " should be used. \n\nFound:\n" + B.JSArray_methods.join$1(matches, "\n"));
+      }
+      return t1;
+    },
+    _compareExpansionKeys$2(keyA, keyB) {
+      var t1 = B.JSString_methods.contains$1(keyA, "*"),
+        baseLengthA = t1 ? B.JSString_methods.indexOf$1(keyA, "*") + 1 : keyA.length,
+        t2 = B.JSString_methods.contains$1(keyB, "*"),
+        baseLengthB = t2 ? B.JSString_methods.indexOf$1(keyB, "*") + 1 : keyB.length;
+      if (baseLengthA > baseLengthB)
+        return -1;
+      if (baseLengthB > baseLengthA)
+        return 1;
+      if (!t1)
+        return 1;
+      if (!t2)
+        return -1;
+      t1 = keyA.length;
+      t2 = keyB.length;
+      if (t1 > t2)
+        return -1;
+      if (t2 > t1)
+        return 1;
+      return 0;
+    },
+    _packageTargetResolve$4(subpath, exports, packageRoot, patternMatch) {
+      var t2, string, path, map, key, value, _1_0, array, _2_0, _null = null,
+        t1 = typeof exports == "string";
+      if (t1) {
+        t2 = !B.JSString_methods.startsWith$1(exports, "./");
+        string = exports;
+      } else {
+        string = _null;
+        t2 = false;
+      }
+      if (t2)
+        throw A.wrapException("Export '" + A.S(string) + string$.x27x20must + packageRoot + "'.");
+      if (t1) {
+        t2 = patternMatch != null;
+        string = exports;
+      } else {
+        string = _null;
+        t2 = false;
+      }
+      if (t2) {
+        t1 = J.replaceFirst$2$s(string, "*", patternMatch);
+        t2 = $.$get$context();
+        path = t2.normalize$1(A.join(packageRoot, t2.style.pathFromUri$1(A._parseUri(t1)), _null));
+        return A.fileExists(path) ? path : _null;
+      }
+      string = t1 ? exports : _null;
+      if (t1) {
+        t1 = $.$get$context();
+        string.toString;
+        return A.join(packageRoot, t1.style.pathFromUri$1(A._parseUri(string)), _null);
+      }
+      t1 = type$.Map_String_dynamic._is(exports);
+      map = t1 ? exports : _null;
+      if (t1) {
+        for (t1 = A.MapExtensions_get_pairs(map, type$.String, type$.dynamic), t1 = t1.get$iterator(t1); t1.moveNext$0();) {
+          t2 = t1.get$current(t1);
+          key = t2._0;
+          value = t2._1;
+          if (!B.Set_8229z.contains$1(0, key))
+            continue;
+          if (value == null)
+            continue;
+          _1_0 = this._packageTargetResolve$4(subpath, value, packageRoot, patternMatch);
+          if (_1_0 != null)
+            return _1_0;
+        }
+        return _null;
+      }
+      t1 = type$.List_dynamic._is(exports);
+      if (t1 && J.get$length$asx(exports) <= 0)
+        return _null;
+      array = t1 ? exports : _null;
+      if (t1) {
+        for (t1 = J.get$iterator$ax(array); t1.moveNext$0();) {
+          value = t1.get$current(t1);
+          if (value == null)
+            continue;
+          _2_0 = this._packageTargetResolve$4(subpath, value, packageRoot, patternMatch);
+          if (_2_0 != null)
+            return _2_0;
+        }
+        return _null;
+      }
+      throw A.wrapException("Invalid 'exports' value " + A.S(exports) + " in " + A.join(packageRoot, "package.json", _null) + ".");
+    },
+    _packageTargetResolve$3(subpath, exports, packageRoot) {
+      return this._packageTargetResolve$4(subpath, exports, packageRoot, null);
+    },
+    _getMainExport$1(exports) {
+      var t1, t2, t3, map, _0_4, t4, $export;
+      $label0$0: {
+        t1 = null;
+        if (typeof exports == "string") {
+          t1 = exports;
+          break $label0$0;
+        }
+        if (type$.List_String._is(exports)) {
+          t1 = exports;
+          break $label0$0;
+        }
+        t2 = type$.Map_String_dynamic._is(exports);
+        if (t2) {
+          t3 = exports.get$keys(exports);
+          t3 = !t3.any$1(t3, new A.NodePackageImporter__getMainExport_closure());
+          map = exports;
+        } else {
+          map = t1;
+          t3 = false;
+        }
+        if (t3) {
+          t1 = map;
+          break $label0$0;
+        }
+        t3 = false;
+        if (t2) {
+          _0_4 = exports.$index(0, ".");
+          if (_0_4 == null)
+            t4 = exports.containsKey$1(".");
+          else
+            t4 = true;
+          if (t4)
+            t3 = _0_4 != null;
+        } else
+          _0_4 = null;
+        if (t3) {
+          $export = t2 ? _0_4 : exports.$index(0, ".");
+          t1 = $export;
+          break $label0$0;
+        }
+        break $label0$0;
+      }
+      return t1;
+    },
+    _exportsToCheck$2$addIndex(subpath, addIndex) {
+      var basename, dirname, t3, t4, _i, path,
+        t1 = type$.JSArray_String,
+        paths = A._setArrayType([], t1),
+        t2 = subpath == null;
+      if (t2 && addIndex)
+        subpath = "index";
+      else if (!t2 && addIndex)
+        subpath = A.join(subpath, "index", null);
+      if (subpath == null)
+        return A._setArrayType([null], type$.JSArray_nullable_String);
+      if (B.Set_FTDN4.contains$1(0, A.ParsedPath_ParsedPath$parse(subpath, $.$get$url().style)._splitExtension$1(1)[1]))
+        paths.push(subpath);
+      else
+        B.JSArray_methods.addAll$1(paths, A._setArrayType([subpath, subpath + ".scss", subpath + ".sass", subpath + ".css"], t1));
+      t1 = $.$get$context();
+      t2 = t1.style;
+      basename = A.ParsedPath_ParsedPath$parse(subpath, t2).get$basename();
+      dirname = t1.dirname$1(subpath);
+      if (B.JSString_methods.startsWith$1(basename, "_"))
+        return paths;
+      t1 = A.List_List$_of(paths, type$.nullable_String);
+      for (t3 = paths.length, t4 = dirname === ".", _i = 0; _i < paths.length; paths.length === t3 || (0, A.throwConcurrentModificationError)(paths), ++_i) {
+        path = paths[_i];
+        if (t4)
+          t1.push("_" + A.ParsedPath_ParsedPath$parse(path, t2).get$basename());
+        else
+          t1.push(A.join(dirname, "_" + A.ParsedPath_ParsedPath$parse(path, t2).get$basename(), null));
+      }
+      return t1;
+    },
+    _exportsToCheck$1(subpath) {
+      return this._exportsToCheck$2$addIndex(subpath, false);
+    }
+  };
+  A.NodePackageImporter__nodePackageExportsResolve_closure.prototype = {
+    call$1(key) {
+      return B.JSString_methods.startsWith$1(key, ".");
+    },
+    $signature: 5
+  };
+  A.NodePackageImporter__nodePackageExportsResolve_closure0.prototype = {
+    call$1(key) {
+      return !B.JSString_methods.startsWith$1(key, ".");
+    },
+    $signature: 5
+  };
+  A.NodePackageImporter__nodePackageExportsResolve_closure1.prototype = {
+    call$1(key) {
+      return '"' + key + '"';
+    },
+    $signature: 6
+  };
+  A.NodePackageImporter__nodePackageExportsResolve_closure2.prototype = {
+    call$1(variant) {
+      var t1, t2, matchKey, t3, t4, t5, _i, expansionKey, _0_0, t6, patternBase, patternTrailer, t7, target, _this = this, _null = null;
+      if (variant == null) {
+        t1 = _this.$this;
+        return A.NullableExtension_andThen(t1._getMainExport$1(_this.exports), new A.NodePackageImporter__nodePackageExportsResolve__closure(t1, variant, _this.packageRoot));
+      } else {
+        t1 = _this.exports;
+        if (type$.Map_String_dynamic._is(t1)) {
+          t2 = t1.get$keys(t1);
+          t2 = t2.every$1(t2, new A.NodePackageImporter__nodePackageExportsResolve__closure0());
+        } else
+          t2 = true;
+        if (t2)
+          return _null;
+      }
+      matchKey = "./" + $.$get$context().toUri$1(variant).toString$0(0);
+      if (t1.containsKey$1(matchKey) && t1.$index(0, matchKey) != null && !B.JSString_methods.contains$1(matchKey, "*")) {
+        t1 = t1.$index(0, matchKey);
+        if (t1 == null)
+          t1 = A._asObject(t1);
+        return _this.$this._packageTargetResolve$3(matchKey, t1, _this.packageRoot);
+      }
+      t2 = A._setArrayType([], type$.JSArray_String);
+      for (t3 = t1.get$keys(t1), t3 = t3.get$iterator(t3); t3.moveNext$0();) {
+        t4 = t3.get$current(t3);
+        if (B.JSString_methods.allMatches$1("*", t4).get$length(0) === 1)
+          t2.push(t4);
+      }
+      t3 = _this.$this;
+      B.JSArray_methods.sort$1(t2, t3.get$_compareExpansionKeys());
+      for (t4 = t2.length, t5 = matchKey.length, _i = 0; _i < t2.length; t2.length === t4 || (0, A.throwConcurrentModificationError)(t2), ++_i) {
+        expansionKey = t2[_i];
+        _0_0 = expansionKey.split("*");
+        t6 = _0_0.length === 2;
+        if (t6) {
+          patternBase = _0_0[0];
+          patternTrailer = _0_0[1];
+        } else {
+          patternTrailer = _null;
+          patternBase = patternTrailer;
+        }
+        if (!t6)
+          throw A.wrapException(A.StateError$("Pattern matching error"));
+        if (!B.JSString_methods.startsWith$1(matchKey, patternBase))
+          continue;
+        if (matchKey === patternBase)
+          continue;
+        t6 = patternTrailer.length;
+        if (t6 !== 0)
+          t7 = B.JSString_methods.endsWith$1(matchKey, patternTrailer) && t5 >= expansionKey.length;
+        else
+          t7 = true;
+        if (t7) {
+          target = t1.$index(0, expansionKey);
+          if (target == null)
+            continue;
+          return t3._packageTargetResolve$4(variant, target, _this.packageRoot, B.JSString_methods.substring$2(matchKey, patternBase.length, t5 - t6));
+        }
+      }
+      return _null;
+    },
+    $signature: 236
+  };
+  A.NodePackageImporter__nodePackageExportsResolve__closure.prototype = {
+    call$1(mainExport) {
+      return this.$this._packageTargetResolve$3(this.variant, mainExport, this.packageRoot);
+    },
+    $signature: 239
+  };
+  A.NodePackageImporter__nodePackageExportsResolve__closure0.prototype = {
+    call$1(key) {
+      return !B.JSString_methods.startsWith$1(key, ".");
+    },
+    $signature: 5
+  };
+  A.NodePackageImporter__getMainExport_closure.prototype = {
+    call$1(key) {
+      return B.JSString_methods.startsWith$1(key, ".");
+    },
+    $signature: 5
+  };
+  A.ImporterResult.prototype = {
+    get$sourceMapUrl(_) {
+      return this._sourceMapUrl;
+    }
+  };
+  A.resolveImportPath_closure.prototype = {
+    call$0() {
+      return A._exactlyOne(A._tryPath($.$get$context().withoutExtension$1(this.path) + ".import" + this.extension));
+    },
+    $signature: 48
+  };
+  A.resolveImportPath_closure0.prototype = {
+    call$0() {
+      return A._exactlyOne(A._tryPathWithExtensions(this.path + ".import"));
+    },
+    $signature: 48
+  };
+  A._tryPathAsDirectory_closure.prototype = {
+    call$0() {
+      return A._exactlyOne(A._tryPathWithExtensions(A.join(this.path, "index.import", null)));
+    },
+    $signature: 48
+  };
+  A._exactlyOne_closure.prototype = {
+    call$1(path) {
+      var t1 = $.$get$context();
+      return "  " + t1.prettyUri$1(t1.toUri$1(path));
+    },
+    $signature: 6
+  };
+  A.InterpolationBuffer.prototype = {
+    writeCharCode$1(character) {
+      var t1 = this._interpolation_buffer$_text,
+        t2 = A.Primitives_stringFromCharCode(character);
+      t1._contents += t2;
+      return null;
+    },
+    add$2(_, expression, span) {
+      this._flushText$0();
+      this._interpolation_buffer$_contents.push(expression);
+      this._spans.push(span);
+    },
+    addInterpolation$1(interpolation) {
+      var spansToAdd, _0_4_isSet, _0_4, first, rest, t2, t3, _this = this,
+        toAdd = interpolation.contents,
+        t1 = toAdd.length;
+      if (t1 === 0)
+        return;
+      spansToAdd = interpolation.spans;
+      _0_4_isSet = t1 >= 1;
+      if (_0_4_isSet) {
+        _0_4 = toAdd[0];
+        t1 = typeof _0_4 == "string";
+      } else {
+        _0_4 = null;
+        t1 = false;
+      }
+      if (t1) {
+        first = A._asString(_0_4_isSet ? _0_4 : toAdd[0]);
+        rest = B.JSArray_methods.sublist$1(toAdd, 1);
+        t1 = _this._interpolation_buffer$_text;
+        t1._contents += first;
+        spansToAdd = A.SubListIterable$(spansToAdd, 1, null, A._arrayInstanceType(spansToAdd)._precomputed1);
+        toAdd = rest;
+      }
+      _this._flushText$0();
+      t1 = _this._interpolation_buffer$_contents;
+      B.JSArray_methods.addAll$1(t1, toAdd);
+      t2 = _this._spans;
+      B.JSArray_methods.addAll$1(t2, spansToAdd);
+      if (typeof B.JSArray_methods.get$last(t1) == "string") {
+        t3 = _this._interpolation_buffer$_text;
+        t1 = A.S(t1.pop());
+        t3._contents += t1;
+        t2.pop();
+      }
+    },
+    _flushText$0() {
+      var t1 = this._interpolation_buffer$_text,
+        t2 = t1._contents;
+      if (t2.length === 0)
+        return;
+      this._interpolation_buffer$_contents.push(t2.charCodeAt(0) == 0 ? t2 : t2);
+      this._spans.push(null);
+      t1._contents = "";
+    },
+    interpolation$1(span) {
+      var t1 = A.List_List$_of(this._interpolation_buffer$_contents, type$.Object),
+        t2 = this._interpolation_buffer$_text,
+        t3 = t2._contents;
+      if (t3.length !== 0)
+        t1.push(t3.charCodeAt(0) == 0 ? t3 : t3);
+      t3 = A.List_List$_of(this._spans, type$.nullable_FileSpan);
+      if (t2._contents.length !== 0)
+        t3.push(null);
+      return A.Interpolation$(t1, t3, span);
+    },
+    toString$0(_) {
+      var t1, t2, _i, t3, element;
+      for (t1 = this._interpolation_buffer$_contents, t2 = t1.length, _i = 0, t3 = ""; _i < t1.length; t1.length === t2 || (0, A.throwConcurrentModificationError)(t1), ++_i) {
+        element = t1[_i];
+        t3 = typeof element == "string" ? t3 + element : t3 + "#{" + A.S(element) + A.Primitives_stringFromCharCode(125);
+      }
+      t1 = t3 + this._interpolation_buffer$_text.toString$0(0);
+      return t1.charCodeAt(0) == 0 ? t1 : t1;
+    }
+  };
+  A.InterpolationMap.prototype = {
+    mapException$1(error) {
+      var source, startIndex, endIndex, t3, t4, _this = this,
+        target = error.get$span(error),
+        t1 = _this._interpolation,
+        t2 = t1.contents;
+      if (t2.length === 0)
+        return new A.SourceSpanFormatException(error.get$source(), error._span_exception$_message, t1.span);
+      source = _this.mapSpan$1(target);
+      startIndex = _this._indexInContents$1(target.get$start(target));
+      endIndex = _this._indexInContents$1(target.get$end(target));
+      t1 = error._span_exception$_message;
+      if (!A.SubListIterable$(t2, startIndex, null, A._arrayInstanceType(t2)._precomputed1).take$1(0, endIndex - startIndex + 1).any$1(0, new A.InterpolationMap_mapException_closure()))
+        return new A.SourceSpanFormatException(error.get$source(), t1, source);
+      else {
+        t2 = type$.SourceSpan;
+        t3 = type$.String;
+        t4 = A.LinkedHashMap_LinkedHashMap$_literal([target, "error in interpolated output"], t2, t3);
+        return new A.MultiSourceSpanFormatException(error.get$source(), "", A.ConstantMap_ConstantMap$from(t4, t2, t3), t1, source);
+      }
+    },
+    mapSpan$1(target) {
+      var t1, _0_2_isSet, t2, start, _0_20, end, _this = this, _null = null,
+        _0_1 = _this._mapLocation$1(target.get$start(target)),
+        _0_2 = _this._mapLocation$1(target.get$end(target));
+      $label0$0: {
+        t1 = type$.FileSpan;
+        _0_2_isSet = t1._is(_0_1);
+        t2 = false;
+        if (_0_2_isSet) {
+          t2 = t1._is(_0_2);
+          start = _0_1;
+          _0_20 = _0_2;
+        } else {
+          start = _null;
+          _0_20 = start;
+        }
+        if (t2) {
+          t1 = start.expand$1(0, t1._as(_0_2_isSet ? _0_20 : _0_2));
+          break $label0$0;
+        }
+        t2 = false;
+        if (t1._is(_0_1)) {
+          if (_0_2_isSet)
+            t2 = _0_20;
+          else {
+            t2 = _0_2;
+            _0_20 = t2;
+            _0_2_isSet = true;
+          }
+          t2 = t2 instanceof A.FileLocation;
+          start = _0_1;
+        } else
+          start = _null;
+        if (t2) {
+          t1 = _0_2_isSet ? _0_20 : _0_2;
+          type$.FileLocation._as(t1);
+          t1 = _this._interpolation.span.file.span$2(0, _this._expandInterpolationSpanLeft$1(start.get$start(start)), t1.offset);
+          break $label0$0;
+        }
+        t2 = false;
+        if (_0_1 instanceof A.FileLocation) {
+          if (_0_2_isSet)
+            t2 = _0_20;
+          else {
+            t2 = _0_2;
+            _0_20 = t2;
+            _0_2_isSet = true;
+          }
+          t2 = t1._is(t2);
+          start = _0_1;
+        } else
+          start = _null;
+        if (t2) {
+          end = t1._as(_0_2_isSet ? _0_20 : _0_2);
+          t1 = _this._interpolation.span.file.span$2(0, start.offset, _this._expandInterpolationSpanRight$1(end.get$end(end)));
+          break $label0$0;
+        }
+        t1 = false;
+        if (_0_1 instanceof A.FileLocation) {
+          if (_0_2_isSet)
+            t1 = _0_20;
+          else {
+            t1 = _0_2;
+            _0_20 = t1;
+            _0_2_isSet = true;
+          }
+          t1 = t1 instanceof A.FileLocation;
+          start = _0_1;
+        } else
+          start = _null;
+        if (t1) {
+          t1 = _0_2_isSet ? _0_20 : _0_2;
+          type$.FileLocation._as(t1);
+          t1 = _this._interpolation.span.file.span$2(0, start.offset, t1.offset);
+          break $label0$0;
+        }
+        t1 = A.throwExpression("[BUG] Unreachable");
+      }
+      return t1;
+    },
+    _mapLocation$1(target) {
+      var index, _0_0, t3, t4, previousLocation, _this = this,
+        t1 = _this._interpolation,
+        t2 = t1.contents;
+      if (t2.length === 0)
+        return t1.span;
+      index = _this._indexInContents$1(target);
+      _0_0 = t2[index];
+      if (_0_0 instanceof A.Expression)
+        return _0_0.get$span(_0_0);
+      t3 = index === 0;
+      t1 = t1.span;
+      t4 = t1.file;
+      if (t3)
+        previousLocation = A.FileLocation$_(t4, t1._file$_start);
+      else {
+        t1 = type$.Expression._as(t2[index - 1]);
+        t1 = t1.get$span(t1);
+        previousLocation = A.FileLocation$_(t4, _this._expandInterpolationSpanRight$1(t1.get$end(t1)));
+      }
+      t1 = t3 ? 0 : _this._targetLocations[index - 1].get$offset();
+      return A.FileLocation$_(previousLocation.file, previousLocation.offset + (target.offset - t1));
+    },
+    _indexInContents$1(target) {
+      var t1, t2, t3, i;
+      for (t1 = this._targetLocations, t2 = t1.length, t3 = target.offset, i = 0; i < t2; ++i)
+        if (t3 < t1[i].get$offset())
+          return i;
+      return this._interpolation.contents.length - 1;
+    },
+    _expandInterpolationSpanLeft$1(start) {
+      var i0, prev, char,
+        source = start.file._decodedChars,
+        i = start.offset - 1;
+      for (; i >= 0;) {
+        i0 = i - 1;
+        prev = source[i];
+        if (prev === 123) {
+          if (source[i0] === 35) {
+            i = i0;
+            break;
+          }
+          i = i0;
+        } else if (prev === 47) {
+          i = i0 - 1;
+          if (source[i0] === 42)
+            for (; true;) {
+              i0 = i - 1;
+              if (source[i] !== 42) {
+                i = i0;
+                continue;
+              }
+              i = i0;
+              do {
+                i0 = i - 1;
+                char = source[i];
+                if (char === 42) {
+                  i = i0;
+                  continue;
+                } else
+                  break;
+              } while (true);
+              if (char === 47) {
+                i = i0;
+                break;
+              }
+              i = i0;
+            }
+        } else
+          i = i0;
+      }
+      return i;
+    },
+    _expandInterpolationSpanRight$1(end) {
+      var t1, i0, next, second, t2, char,
+        source = end.file._decodedChars,
+        i = end.offset;
+      for (t1 = source.length; i < t1;) {
+        i0 = i + 1;
+        next = source[i];
+        if (next === 125) {
+          i = i0;
+          break;
+        }
+        if (next === 47) {
+          i = i0 + 1;
+          second = source[i0];
+          if (second === 47) {
+            while (true) {
+              i0 = i + 1;
+              t2 = source[i];
+              if (!!(t2 === 10 || t2 === 13 || t2 === 12))
+                break;
+              i = i0;
+            }
+            i = i0;
+          } else if (second === 42)
+            for (; true;) {
+              i0 = i + 1;
+              if (source[i] !== 42) {
+                i = i0;
+                continue;
+              }
+              i = i0;
+              do {
+                i0 = i + 1;
+                char = source[i];
+                if (char === 42) {
+                  i = i0;
+                  continue;
+                } else
+                  break;
+              } while (true);
+              if (char === 47) {
+                i = i0;
+                break;
+              }
+              i = i0;
+            }
+        } else
+          i = i0;
+      }
+      return i;
+    }
+  };
+  A.InterpolationMap_mapException_closure.prototype = {
+    call$1($content) {
+      return $content instanceof A.Expression;
+    },
+    $signature: 76
+  };
+  A._realCasePath_helper.prototype = {
+    call$2(path, realPath) {
+      var dirname = $.$get$context().dirname$1(path);
+      if (dirname === path)
+        return path;
+      return $._realCaseCache.putIfAbsent$2(path, new A._realCasePath_helper_closure(path, realPath, this, dirname));
+    },
+    call$1(path) {
+      return this.call$2(path, null);
+    },
+    $signature: 167
+  };
+  A._realCasePath_helper_closure.prototype = {
+    call$0() {
+      var realPathNonNull, realDirname, basename, matches, t1, _0_0, match, realPathNonNull0, exception, _this = this,
+        t2 = _this.path;
+      if (!A.linkExists(t2)) {
+        realPathNonNull = null;
+        try {
+          realPathNonNull0 = _this.realPath;
+          realPathNonNull = realPathNonNull0 == null ? A.realpath(t2) : realPathNonNull0;
+        } catch (exception) {
+          if (A.unwrapException(exception) instanceof A.FileSystemException)
+            return t2;
+          else
+            throw exception;
+        }
+        t1 = realPathNonNull;
+        t2 = $.$get$context();
+        return A.join(_this.helper.call$2(_this.dirname, t2.dirname$1(t1)), A.ParsedPath_ParsedPath$parse(realPathNonNull, t2.style).get$basename(), null);
+      }
+      realDirname = _this.helper.call$1(_this.dirname);
+      basename = A.ParsedPath_ParsedPath$parse(t2, $.$get$context().style).get$basename();
+      try {
+        matches = J.where$1$ax(A.listDir(realDirname, false), new A._realCasePath_helper__closure(basename)).toList$0(0);
+        t1 = null;
+        _0_0 = matches;
+        $label0$0: {
+          match = null;
+          if (J.get$length$asx(_0_0) === 1) {
+            match = J.$index$asx(_0_0, 0);
+            t1 = match;
+            break $label0$0;
+          }
+          t1 = A.join(realDirname, basename, null);
+          break $label0$0;
+        }
+        t1 = t1;
+        return t1;
+      } catch (exception) {
+        if (A.unwrapException(exception) instanceof A.FileSystemException)
+          return t2;
+        else
+          throw exception;
+      }
+    },
+    $signature: 29
+  };
+  A._realCasePath_helper__closure.prototype = {
+    call$1(realPath) {
+      return A.equalsIgnoreCase(A.ParsedPath_ParsedPath$parse(realPath, $.$get$context().style).get$basename(), this.basename);
+    },
+    $signature: 5
+  };
+  A.FileSystemException.prototype = {
+    toString$0(_) {
+      var t1 = $.$get$context();
+      return t1.prettyUri$1(t1.toUri$1(this.path)) + ": " + this.message;
+    },
+    get$message(receiver) {
+      return this.message;
+    }
+  };
+  A._readFile_closure.prototype = {
+    call$0() {
+      return J.readFileSync$2$x(A.fs(), this.path, this.encoding);
+    },
+    $signature: 65
+  };
+  A.writeFile_closure.prototype = {
+    call$0() {
+      return J.writeFileSync$2$x(A.fs(), this.path, this.contents);
+    },
+    $signature: 0
+  };
+  A.deleteFile_closure.prototype = {
+    call$0() {
+      return J.unlinkSync$1$x(A.fs(), this.path);
+    },
+    $signature: 0
+  };
+  A.readStdin_closure.prototype = {
+    call$1(result) {
+      this._box_0.contents = result;
+      this.completer.complete$1(result);
+    },
+    $signature: 82
+  };
+  A.readStdin_closure0.prototype = {
+    call$1(chunk) {
+      this.sink.add$1(0, type$.List_int._as(chunk));
+    },
+    call$0() {
+      return this.call$1(null);
+    },
+    "call*": "call$1",
+    $requiredArgCount: 0,
+    $defaultValues() {
+      return [null];
+    },
+    $signature: 83
+  };
+  A.readStdin_closure1.prototype = {
+    call$1(arg) {
+      this.sink.close$0(0);
+    },
+    call$0() {
+      return this.call$1(null);
+    },
+    "call*": "call$1",
+    $requiredArgCount: 0,
+    $defaultValues() {
+      return [null];
+    },
+    $signature: 83
+  };
+  A.readStdin_closure2.prototype = {
+    call$1(e) {
+      A.printError("Failed to read from stdin");
+      A.printError(e);
+      e.toString;
+      this.completer.completeError$1(e);
+    },
+    call$0() {
+      return this.call$1(null);
+    },
+    "call*": "call$1",
+    $requiredArgCount: 0,
+    $defaultValues() {
+      return [null];
+    },
+    $signature: 83
+  };
+  A.fileExists_closure.prototype = {
+    call$0() {
+      var error, systemError, exception,
+        t1 = this.path;
+      if (!J.existsSync$1$x(A.fs(), t1))
+        return false;
+      try {
+        t1 = J.isFile$0$x(J.statSync$1$x(A.fs(), t1));
+        return t1;
+      } catch (exception) {
+        error = A.unwrapException(exception);
+        systemError = type$.JsSystemError._as(error);
+        if (J.$eq$(J.get$code$x(systemError), "ENOENT"))
+          return false;
+        throw exception;
+      }
+    },
+    $signature: 19
+  };
+  A.dirExists_closure.prototype = {
+    call$0() {
+      var error, systemError, exception,
+        t1 = this.path;
+      if (!J.existsSync$1$x(A.fs(), t1))
+        return false;
+      try {
+        t1 = J.isDirectory$0$x(J.statSync$1$x(A.fs(), t1));
+        return t1;
+      } catch (exception) {
+        error = A.unwrapException(exception);
+        systemError = type$.JsSystemError._as(error);
+        if (J.$eq$(J.get$code$x(systemError), "ENOENT"))
+          return false;
+        throw exception;
+      }
+    },
+    $signature: 19
+  };
+  A.linkExists_closure.prototype = {
+    call$0() {
+      var error, systemError, t1, exception;
+      try {
+        t1 = J.isSymbolicLink$0$x(J.lstatSync$1$x(A.fs(), this.path));
+        return t1;
+      } catch (exception) {
+        error = A.unwrapException(exception);
+        systemError = type$.JsSystemError._as(error);
+        if (J.$eq$(J.get$code$x(systemError), "ENOENT"))
+          return false;
+        throw exception;
+      }
+    },
+    $signature: 19
+  };
+  A.ensureDir_closure.prototype = {
+    call$0() {
+      var error, systemError, exception, t1;
+      try {
+        J.mkdirSync$1$x(A.fs(), this.path);
+      } catch (exception) {
+        error = A.unwrapException(exception);
+        systemError = type$.JsSystemError._as(error);
+        if (J.$eq$(J.get$code$x(systemError), "EEXIST"))
+          return;
+        if (!J.$eq$(J.get$code$x(systemError), "ENOENT"))
+          throw exception;
+        t1 = this.path;
+        A.ensureDir($.$get$context().dirname$1(t1));
+        J.mkdirSync$1$x(A.fs(), t1);
+      }
+    },
+    $signature: 0
+  };
+  A.listDir_closure.prototype = {
+    call$0() {
+      var t1 = this.path;
+      if (!this.recursive)
+        return J.map$1$1$ax(J.readdirSync$1$x(A.fs(), t1), new A.listDir__closure(t1), type$.String).super$Iterable$where(0, new A.listDir__closure0());
+      else
+        return new A.listDir_closure_list().call$1(t1);
+    },
+    $signature: 224
+  };
+  A.listDir__closure.prototype = {
+    call$1(child) {
+      return A.join(this.path, A._asString(child), null);
+    },
+    $signature: 119
+  };
+  A.listDir__closure0.prototype = {
+    call$1(child) {
+      return !A.dirExists(child);
+    },
+    $signature: 5
+  };
+  A.listDir_closure_list.prototype = {
+    call$1($parent) {
+      return J.expand$1$1$ax(J.readdirSync$1$x(A.fs(), $parent), new A.listDir__list_closure($parent, this), type$.String);
+    },
+    $signature: 142
+  };
+  A.listDir__list_closure.prototype = {
+    call$1(child) {
+      var path = A.join(this.parent, A._asString(child), null);
+      return A.dirExists(path) ? this.list.call$1(path) : A._setArrayType([path], type$.JSArray_String);
+    },
+    $signature: 149
+  };
+  A.realpath_closure.prototype = {
+    call$0() {
+      return J.native$1$x(J.get$realpathSync$x(A.fs()), this.path);
+    },
+    $signature: 29
+  };
+  A.modificationTime_closure.prototype = {
+    call$0() {
+      var t1 = J.getTime$0$x(J.get$mtime$x(J.statSync$1$x(A.fs(), this.path)));
+      if (t1 < -864e13 || t1 > 864e13)
+        A.throwExpression(A.RangeError$range(t1, -864e13, 864e13, "millisecondsSinceEpoch", null));
+      A.checkNotNullable(false, "isUtc", type$.bool);
+      return new A.DateTime(t1, 0, false);
+    },
+    $signature: 159
+  };
+  A.watchDir_closure0.prototype = {
+    call$2(error, events) {
+      var t1, t2, t3, t4, t5, lastEvent;
+      if (error != null) {
+        t1 = this._box_0.controller;
+        if (t1 != null)
+          t1.addError$1(error);
+      } else
+        for (t1 = J.get$iterator$ax(events), t2 = this._box_0; t1.moveNext$0();) {
+          t3 = t1.get$current(t1);
+          switch (t3.type) {
+            case "create":
+              t4 = t2.controller;
+              if (t4 != null) {
+                t3 = new A.WatchEvent(B.ChangeType_add, t3.path);
+                t5 = t4._state;
+                if (t5 >= 4)
+                  A.throwExpression(t4._badEventState$0());
+                if ((t5 & 1) !== 0)
+                  t4._sendData$1(t3);
+                else if ((t5 & 3) === 0) {
+                  t4 = t4._ensurePendingEvents$0();
+                  t3 = new A._DelayedData(t3);
+                  lastEvent = t4.lastPendingEvent;
+                  if (lastEvent == null)
+                    t4.firstPendingEvent = t4.lastPendingEvent = t3;
+                  else {
+                    lastEvent.set$next(t3);
+                    t4.lastPendingEvent = t3;
+                  }
+                }
+              }
+              break;
+            case "update":
+              t4 = t2.controller;
+              if (t4 != null) {
+                t3 = new A.WatchEvent(B.ChangeType_modify, t3.path);
+                t5 = t4._state;
+                if (t5 >= 4)
+                  A.throwExpression(t4._badEventState$0());
+                if ((t5 & 1) !== 0)
+                  t4._sendData$1(t3);
+                else if ((t5 & 3) === 0) {
+                  t4 = t4._ensurePendingEvents$0();
+                  t3 = new A._DelayedData(t3);
+                  lastEvent = t4.lastPendingEvent;
+                  if (lastEvent == null)
+                    t4.firstPendingEvent = t4.lastPendingEvent = t3;
+                  else {
+                    lastEvent.set$next(t3);
+                    t4.lastPendingEvent = t3;
+                  }
+                }
+              }
+              break;
+            case "delete":
+              t4 = t2.controller;
+              if (t4 != null) {
+                t3 = new A.WatchEvent(B.ChangeType_remove, t3.path);
+                t5 = t4._state;
+                if (t5 >= 4)
+                  A.throwExpression(t4._badEventState$0());
+                if ((t5 & 1) !== 0)
+                  t4._sendData$1(t3);
+                else if ((t5 & 3) === 0) {
+                  t4 = t4._ensurePendingEvents$0();
+                  t3 = new A._DelayedData(t3);
+                  lastEvent = t4.lastPendingEvent;
+                  if (lastEvent == null)
+                    t4.firstPendingEvent = t4.lastPendingEvent = t3;
+                  else {
+                    lastEvent.set$next(t3);
+                    t4.lastPendingEvent = t3;
+                  }
+                }
+              }
+              break;
+          }
+        }
+    },
+    $signature: 321
+  };
+  A.watchDir_closure.prototype = {
+    call$0() {
+      this.subscription.unsubscribe();
+    },
+    $signature: 1
+  };
+  A.watchDir_closure1.prototype = {
+    call$2(path, _) {
+      var t1 = this._box_0.controller;
+      return t1 == null ? null : t1.add$1(0, new A.WatchEvent(B.ChangeType_add, path));
+    },
+    call$1(path) {
+      return this.call$2(path, null);
+    },
+    "call*": "call$2",
+    $requiredArgCount: 1,
+    $defaultValues() {
+      return [null];
+    },
+    $signature: 271
+  };
+  A.watchDir_closure2.prototype = {
+    call$2(path, _) {
+      var t1 = this._box_0.controller;
+      return t1 == null ? null : t1.add$1(0, new A.WatchEvent(B.ChangeType_modify, path));
+    },
+    call$1(path) {
+      return this.call$2(path, null);
+    },
+    "call*": "call$2",
+    $requiredArgCount: 1,
+    $defaultValues() {
+      return [null];
+    },
+    $signature: 271
+  };
+  A.watchDir_closure3.prototype = {
+    call$1(path) {
+      var t1 = this._box_0.controller;
+      return t1 == null ? null : t1.add$1(0, new A.WatchEvent(B.ChangeType_remove, path));
+    },
+    $signature: 82
+  };
+  A.watchDir_closure4.prototype = {
+    call$1(error) {
+      var t1 = this._box_0.controller;
+      return t1 == null ? null : t1.addError$1(error);
+    },
+    $signature: 84
+  };
+  A.watchDir_closure5.prototype = {
+    call$0() {
+      var controller = A.StreamController_StreamController(new A.watchDir__closure(this.watcher), null, null, null, false, type$.WatchEvent);
+      this._box_0.controller = controller;
+      this.completer.complete$1(new A._ControllerStream(controller, A._instanceType(controller)._eval$1("_ControllerStream<1>")));
+    },
+    $signature: 1
+  };
+  A.watchDir__closure.prototype = {
+    call$0() {
+      J.close$0$x(this.watcher);
+    },
+    $signature: 1
+  };
+  A.JSArray0.prototype = {};
+  A.Chokidar.prototype = {};
+  A.ChokidarOptions.prototype = {};
+  A.ChokidarWatcher.prototype = {};
+  A.JSFunction.prototype = {};
+  A.ImmutableList.prototype = {};
+  A.ImmutableMap.prototype = {};
+  A.NodeImporterResult.prototype = {};
+  A.RenderContext.prototype = {};
+  A.RenderContextOptions.prototype = {};
+  A.RenderContextResult.prototype = {};
+  A.RenderContextResultStats.prototype = {};
+  A.JSModule.prototype = {};
+  A.JSModuleRequire.prototype = {};
+  A.ParcelWatcher_subscribe_closure.prototype = {
+    call$2(error, events) {
+      var t1 = type$.List_JSObject._is(events) ? events : new A.CastList(events, A._arrayInstanceType(events)._eval$1("CastList<1,JSObject>"));
+      this.callback.call$2(error, t1);
+    },
+    $signature: 324
+  };
+  A.JSClass.prototype = {};
+  A.JSUrl.prototype = {};
+  A._PropertyDescriptor.prototype = {};
+  A._RequireMain.prototype = {};
+  A.LoggerWithDeprecationType.prototype = {
+    warn$4$deprecation$span$trace(_, message, deprecation, span, trace) {
+      this.internalWarn$4$deprecation$span$trace(message, deprecation ? B.Deprecation_ZVM : null, span, trace);
+    },
+    warn$1(_, message) {
+      return this.warn$4$deprecation$span$trace(0, message, false, null, null);
+    },
+    warn$3$span$trace(_, message, span, trace) {
+      return this.warn$4$deprecation$span$trace(0, message, false, span, trace);
+    }
+  };
+  A._QuietLogger.prototype = {
+    warn$4$deprecation$span$trace(_, message, deprecation, span, trace) {
+    },
+    warn$1(_, message) {
+      return this.warn$4$deprecation$span$trace(0, message, false, null, null);
+    },
+    warn$3$span$trace(_, message, span, trace) {
+      return this.warn$4$deprecation$span$trace(0, message, false, span, trace);
+    },
+    debug$2(_, message, span) {
+    }
+  };
+  A.DeprecationProcessingLogger.prototype = {
+    validate$0() {
+      var t1, t2, t3, $self, t4, t5, _this = this, _null = null;
+      for (t1 = _this.fatalDeprecations, t1 = t1.get$iterator(t1), t2 = _this.silenceDeprecations; t1.moveNext$0();) {
+        t3 = t1.get$current(t1);
+        $self = t3._obsoleteIn;
+        if ($self == null)
+          t4 = _null;
+        else
+          t4 = A.Version___parse_tearOff($self);
+        if (t4 instanceof A.Version) {
+          t3 = t3.toString$0(0);
+          _this.internalWarn$4$deprecation$span$trace(t3 + string$.x20deprex20ix2c, _null, _null, _null);
+          continue;
+        }
+        t4 = t2.contains$1(0, t3);
+        if (t4) {
+          t3 = t3.toString$0(0);
+          _this.internalWarn$4$deprecation$span$trace("Ignoring setting to silence " + t3 + string$.x20deprex2c, _null, _null, _null);
+          continue;
+        }
+      }
+      for (t1 = A._LinkedHashSetIterator$(t2, t2._collection$_modifications, A._instanceType(t2)._precomputed1), t2 = t1.$ti._precomputed1, t3 = _this.futureDeprecations; t1.moveNext$0();) {
+        t4 = t1._collection$_current;
+        if (t4 == null)
+          t4 = t2._as(t4);
+        if (B.Deprecation_ZVM === t4) {
+          _this.internalWarn$4$deprecation$span$trace(string$.User_a, _null, _null, _null);
+          continue;
+        }
+        $self = t4._obsoleteIn;
+        if ($self == null)
+          t5 = _null;
+        else
+          t5 = A.Version___parse_tearOff($self);
+        if (t5 instanceof A.Version) {
+          t4 = t4.toString$0(0);
+          _this.internalWarn$4$deprecation$span$trace(t4 + string$.x20deprex20ix2e, _null, _null, _null);
+          continue;
+        }
+      }
+      for (t1 = A._LinkedHashSetIterator$(t3, t3._collection$_modifications, A._instanceType(t3)._precomputed1), t2 = t1.$ti._precomputed1; t1.moveNext$0();) {
+        t3 = t1._collection$_current;
+        t3 = (t3 == null ? t2._as(t3) : t3).toString$0(0);
+        _this.internalWarn$4$deprecation$span$trace(t3 + string$.x20is_noaf, _null, _null, _null);
+      }
+    },
+    internalWarn$4$deprecation$span$trace(message, deprecation, span, trace) {
+      if (deprecation != null)
+        this._handleDeprecation$4$span$trace(deprecation, message, span, trace);
+      else
+        this._inner.warn$3$span$trace(0, message, span, trace);
+    },
+    _handleDeprecation$4$span$trace(deprecation, message, span, trace) {
+      var _0_3_isSet, t1, span0, _0_3, t2, count, _1_0, _this = this, _null = null;
+      if (_this.fatalDeprecations.contains$1(0, deprecation)) {
+        message += string$.x0a_This + deprecation.toString$0(0) + string$.x20deprex20t;
+        $label0$0: {
+          _0_3_isSet = span != null;
+          t1 = false;
+          if (_0_3_isSet) {
+            t1 = trace != null;
+            span0 = span;
+            _0_3 = trace;
+          } else {
+            span0 = _null;
+            _0_3 = span0;
+          }
+          if (t1) {
+            if (_0_3_isSet)
+              trace = _0_3;
+            t1 = A.SassRuntimeException$(message, span0, trace == null ? type$.Trace._as(trace) : trace, _null);
+            break $label0$0;
+          }
+          t1 = false;
+          if (span != null)
+            t1 = (_0_3_isSet ? _0_3 : trace) == null;
+          else
+            span = _null;
+          if (t1) {
+            t1 = A.SassException$(message, span, _null);
+            break $label0$0;
+          }
+          t1 = A.SassScriptException$(message, _null);
+          break $label0$0;
+        }
+        throw A.wrapException(t1);
+      }
+      if (_this.silenceDeprecations.contains$1(0, deprecation))
+        return;
+      if (_this.limitRepetition) {
+        t1 = _this._warningCounts;
+        t2 = t1.$index(0, deprecation);
+        count = (t2 == null ? 0 : t2) + 1;
+        t1.$indexSet(0, deprecation, count);
+        if (count > 5)
+          return;
+      }
+      _1_0 = _this._inner;
+      if (_1_0 instanceof A.LoggerWithDeprecationType)
+        _1_0.internalWarn$4$deprecation$span$trace(message, deprecation, span, trace);
+      else
+        _1_0.warn$4$deprecation$span$trace(0, message, true, span, trace);
+    },
+    debug$2(_, message, span) {
+      return this._inner.debug$2(0, message, span);
+    },
+    summarize$1$js(js) {
+      var t1 = this._warningCounts,
+        t2 = A._instanceType(t1)._eval$1("LinkedHashMapValuesIterable<2>"),
+        total = A.IterableIntegerExtension_get_sum(new A.MappedIterable(new A.WhereIterable(new A.LinkedHashMapValuesIterable(t1, t2), new A.DeprecationProcessingLogger_summarize_closure(), t2._eval$1("WhereIterable<Iterable.E>")), new A.DeprecationProcessingLogger_summarize_closure0(), t2._eval$1("MappedIterable<Iterable.E,int>")));
+      if (total > 0) {
+        t1 = js ? "" : string$.x0aRun_i;
+        this._inner.warn$1(0, "" + total + string$.x20repet + t1);
+      }
+    }
+  };
+  A.DeprecationProcessingLogger_summarize_closure.prototype = {
+    call$1(count) {
+      return count > 5;
+    },
+    $signature: 50
+  };
+  A.DeprecationProcessingLogger_summarize_closure0.prototype = {
+    call$1(count) {
+      return count - 5;
+    },
+    $signature: 178
+  };
+  A.StderrLogger.prototype = {
+    internalWarn$4$deprecation$span$trace(message, deprecation, span, trace) {
+      var t3,
+        result = new A.StringBuffer(""),
+        t1 = deprecation != null,
+        showDeprecation = t1 && deprecation !== B.Deprecation_ZVM,
+        t2 = this.color;
+      if (t2) {
+        t3 = result._contents = "\x1b[33m\x1b[1m";
+        t3 = result._contents = (t1 ? result._contents = "\x1b[33m\x1b[1mDeprecation " : t3) + "Warning\x1b[0m";
+        if (showDeprecation) {
+          t1 = t3 + (" [\x1b[34m" + deprecation.toString$0(0) + "\x1b[0m]");
+          result._contents = t1;
+        } else
+          t1 = t3;
+      } else {
+        t3 = result._contents = (t1 ? result._contents = "DEPRECATION " : "") + "WARNING";
+        if (showDeprecation) {
+          t1 = t3 + (" [" + deprecation.toString$0(0) + "]");
+          result._contents = t1;
+        } else
+          t1 = t3;
+      }
+      if (span == null)
+        t1 = result._contents = t1 + (": " + message + "\n");
+      else if (trace != null) {
+        t1 += ": " + message + "\n\n" + span.highlight$1$color(t2) + "\n";
+        result._contents = t1;
+      } else {
+        t1 += " on " + span.message$2$color(0, "\n" + message, t2) + "\n";
+        result._contents = t1;
+      }
+      if (trace != null)
+        result._contents = t1 + (A.indent(B.JSString_methods.trimRight$0(trace.toString$0(0)), 4) + "\n");
+      A.printError(result);
+    },
+    debug$2(_, message, span) {
+      var url, t3, t4,
+        t1 = span.file,
+        t2 = span._file$_start;
+      if (A.FileLocation$_(t1, t2).file.url == null)
+        url = "-";
+      else {
+        t3 = A.FileLocation$_(t1, t2).file.url;
+        t4 = $.$get$context();
+        t3.toString;
+        url = t4.prettyUri$1(t3);
+      }
+      t1 = A.FileLocation$_(t1, t2);
+      t1 = t1.file.getLine$1(t1.offset);
+      t2 = this.color ? "\x1b[1mDebug\x1b[0m" : "DEBUG";
+      t2 = url + ":" + (t1 + 1) + " " + t2 + (": " + message);
+      A.printError(t2.charCodeAt(0) == 0 ? t2 : t2);
+    }
+  };
+  A.TrackingLogger.prototype = {
+    warn$4$deprecation$span$trace(_, message, deprecation, span, trace) {
+      this._emittedWarning = true;
+      this._tracking$_logger.warn$4$deprecation$span$trace(0, message, deprecation, span, trace);
+    },
+    warn$1(_, message) {
+      return this.warn$4$deprecation$span$trace(0, message, false, null, null);
+    },
+    warn$3$span$trace(_, message, span, trace) {
+      return this.warn$4$deprecation$span$trace(0, message, false, span, trace);
+    },
+    debug$2(_, message, span) {
+      this._emittedDebug = true;
+      this._tracking$_logger.debug$2(0, message, span);
+    }
+  };
+  A.BuiltInModule.prototype = {
+    get$upstream() {
+      return B.List_empty7;
+    },
+    get$variableNodes() {
+      return B.Map_empty3;
+    },
+    get$extensionStore() {
+      return B.C_EmptyExtensionStore;
+    },
+    get$css(_) {
+      return new A.CssStylesheet(B.List_empty3, A.SourceFile$decoded(B.List_empty4, this.url).span$2(0, 0, 0));
+    },
+    get$preModuleComments() {
+      return B.Map_empty1;
+    },
+    get$transitivelyContainsCss() {
+      return false;
+    },
+    get$transitivelyContainsExtensions() {
+      return false;
+    },
+    setVariable$3($name, value, nodeWithSpan) {
+      if (!this.variables.containsKey$1($name))
+        throw A.wrapException(A.SassScriptException$("Undefined variable.", null));
+      throw A.wrapException(A.SassScriptException$("Cannot modify built-in variable.", null));
+    },
+    variableIdentity$1($name) {
+      return this;
+    },
+    couldHaveBeenConfigured$1(_) {
+      return false;
+    },
+    cloneCss$0() {
+      return this;
+    },
+    $isModule0: 1,
+    get$url(receiver) {
+      return this.url;
+    },
+    get$functions(receiver) {
+      return this.functions;
+    },
+    get$mixins() {
+      return this.mixins;
+    },
+    get$variables() {
+      return this.variables;
+    }
+  };
+  A.ForwardedModuleView.prototype = {
+    get$url(_) {
+      var t1 = this._forwarded_view$_inner;
+      return t1.get$url(t1);
+    },
+    get$upstream() {
+      return this._forwarded_view$_inner.get$upstream();
+    },
+    get$extensionStore() {
+      return this._forwarded_view$_inner.get$extensionStore();
+    },
+    get$css(_) {
+      var t1 = this._forwarded_view$_inner;
+      return t1.get$css(t1);
+    },
+    get$preModuleComments() {
+      return this._forwarded_view$_inner.get$preModuleComments();
+    },
+    get$transitivelyContainsCss() {
+      return this._forwarded_view$_inner.get$transitivelyContainsCss();
+    },
+    get$transitivelyContainsExtensions() {
+      return this._forwarded_view$_inner.get$transitivelyContainsExtensions();
+    },
+    setVariable$3($name, value, nodeWithSpan) {
+      var t2, _1_0, _2_0,
+        _s19_ = "Undefined variable.",
+        t1 = this._rule,
+        _0_0 = t1.shownVariables;
+      if (_0_0 != null)
+        t2 = !_0_0._base.contains$1(0, $name);
+      else
+        t2 = false;
+      if (t2)
+        throw A.wrapException(A.SassScriptException$(_s19_, null));
+      else {
+        _1_0 = t1.hiddenVariables;
+        if (_1_0 != null)
+          t2 = _1_0._base.contains$1(0, $name);
+        else
+          t2 = false;
+        if (t2)
+          throw A.wrapException(A.SassScriptException$(_s19_, null));
+      }
+      _2_0 = t1.prefix;
+      if (_2_0 != null) {
+        if (!B.JSString_methods.startsWith$1($name, _2_0))
+          throw A.wrapException(A.SassScriptException$(_s19_, null));
+        $name = B.JSString_methods.substring$1($name, _2_0.length);
+      }
+      return this._forwarded_view$_inner.setVariable$3($name, value, nodeWithSpan);
+    },
+    variableIdentity$1($name) {
+      var _0_0 = this._rule.prefix;
+      if (_0_0 != null)
+        $name = B.JSString_methods.substring$1($name, _0_0.length);
+      return this._forwarded_view$_inner.variableIdentity$1($name);
+    },
+    couldHaveBeenConfigured$1(variables) {
+      var t5, t6, _1_0, _2_0, blocklist, _this = this,
+        t1 = _this._rule,
+        t2 = t1.prefix,
+        t3 = t2 == null,
+        t4 = false;
+      if (t3)
+        if (t1.shownVariables == null) {
+          t4 = t1.hiddenVariables;
+          t4 = t4 == null ? null : t4._base.get$isEmpty(0);
+          t4 = t4 !== false;
+        }
+      if (t4)
+        return _this._forwarded_view$_inner.couldHaveBeenConfigured$1(variables);
+      if (!t3) {
+        t3 = A.LinkedHashSet_LinkedHashSet$_empty(type$.String);
+        for (t4 = variables.get$iterator(variables), t5 = t2.length; t4.moveNext$0();) {
+          t6 = t4.get$current(t4);
+          if (B.JSString_methods.startsWith$1(t6, t2))
+            t3.add$1(0, B.JSString_methods.substring$1(t6, t5));
+        }
+        variables = t3;
+      }
+      _1_0 = t1.shownVariables;
+      if (_1_0 != null)
+        return _this._forwarded_view$_inner.couldHaveBeenConfigured$1(variables.intersection$1(_1_0));
+      else {
+        _2_0 = t1.hiddenVariables;
+        if (_2_0 != null) {
+          t1 = _2_0._base.get$isNotEmpty(0);
+          blocklist = _2_0;
+        } else {
+          blocklist = null;
+          t1 = false;
+        }
+        t2 = _this._forwarded_view$_inner;
+        if (t1)
+          return t2.couldHaveBeenConfigured$1(variables.difference$1(blocklist));
+        else
+          return t2.couldHaveBeenConfigured$1(variables);
+      }
+    },
+    $eq(_, other) {
+      if (other == null)
+        return false;
+      return other instanceof A.ForwardedModuleView && this._forwarded_view$_inner.$eq(0, other._forwarded_view$_inner) && this._rule === other._rule;
+    },
+    get$hashCode(_) {
+      var t1 = this._forwarded_view$_inner;
+      return (t1.get$hashCode(t1) ^ A.Primitives_objectHashCode(this._rule)) >>> 0;
+    },
+    cloneCss$0() {
+      return A.ForwardedModuleView$(this._forwarded_view$_inner.cloneCss$0(), this._rule, this.$ti._precomputed1);
+    },
+    toString$0(_) {
+      return "forwarded " + this._forwarded_view$_inner.toString$0(0);
+    },
+    $isModule0: 1,
+    get$variables() {
+      return this.variables;
+    },
+    get$variableNodes() {
+      return this.variableNodes;
+    },
+    get$functions(receiver) {
+      return this.functions;
+    },
+    get$mixins() {
+      return this.mixins;
+    }
+  };
+  A.ShadowedModuleView.prototype = {
+    get$url(_) {
+      var t1 = this._shadowed_view$_inner;
+      return t1.get$url(t1);
+    },
+    get$upstream() {
+      return this._shadowed_view$_inner.get$upstream();
+    },
+    get$extensionStore() {
+      return this._shadowed_view$_inner.get$extensionStore();
+    },
+    get$css(_) {
+      var t1 = this._shadowed_view$_inner;
+      return t1.get$css(t1);
+    },
+    get$preModuleComments() {
+      return this._shadowed_view$_inner.get$preModuleComments();
+    },
+    get$transitivelyContainsCss() {
+      return this._shadowed_view$_inner.get$transitivelyContainsCss();
+    },
+    get$transitivelyContainsExtensions() {
+      return this._shadowed_view$_inner.get$transitivelyContainsExtensions();
+    },
+    setVariable$3($name, value, nodeWithSpan) {
+      if (!this.variables.containsKey$1($name))
+        throw A.wrapException(A.SassScriptException$("Undefined variable.", null));
+      else
+        this._shadowed_view$_inner.setVariable$3($name, value, nodeWithSpan);
+    },
+    variableIdentity$1($name) {
+      return this._shadowed_view$_inner.variableIdentity$1($name);
+    },
+    couldHaveBeenConfigured$1(variables) {
+      var t3, t4,
+        t1 = this.variables,
+        t2 = this._shadowed_view$_inner;
+      if (t1 === t2.get$variables())
+        t1 = t2.couldHaveBeenConfigured$1(variables);
+      else {
+        t3 = A.LinkedHashSet_LinkedHashSet$_empty(type$.String);
+        for (t1 = t1.get$keys(t1), t1 = t1.get$iterator(t1); t1.moveNext$0();) {
+          t4 = t1.get$current(t1);
+          if (variables.contains$1(0, t4))
+            t3.add$1(0, t4);
+        }
+        t1 = t2.couldHaveBeenConfigured$1(t3);
+      }
+      return t1;
+    },
+    $eq(_, other) {
+      var t1, t2, t3, _this = this;
+      if (other == null)
+        return false;
+      t1 = false;
+      if (other instanceof A.ShadowedModuleView)
+        if (_this._shadowed_view$_inner.$eq(0, other._shadowed_view$_inner)) {
+          t2 = _this.variables;
+          t2 = t2.get$keys(t2);
+          t3 = other.variables;
+          if (B.C_IterableEquality.equals$2(0, t2, t3.get$keys(t3))) {
+            t2 = _this.functions;
+            t2 = t2.get$keys(t2);
+            t3 = other.functions;
+            if (B.C_IterableEquality.equals$2(0, t2, t3.get$keys(t3))) {
+              t1 = _this.mixins;
+              t1 = t1.get$keys(t1);
+              t2 = other.mixins;
+              t2 = B.C_IterableEquality.equals$2(0, t1, t2.get$keys(t2));
+              t1 = t2;
+            }
+          }
+        }
+      return t1;
+    },
+    get$hashCode(_) {
+      var t1 = this._shadowed_view$_inner;
+      return t1.get$hashCode(t1);
+    },
+    cloneCss$0() {
+      var _this = this;
+      return new A.ShadowedModuleView(_this._shadowed_view$_inner.cloneCss$0(), _this.variables, _this.variableNodes, _this.functions, _this.mixins, _this.$ti);
+    },
+    toString$0(_) {
+      return "shadowed " + this._shadowed_view$_inner.toString$0(0);
+    },
+    $isModule0: 1,
+    get$variables() {
+      return this.variables;
+    },
+    get$variableNodes() {
+      return this.variableNodes;
+    },
+    get$functions(receiver) {
+      return this.functions;
+    },
+    get$mixins() {
+      return this.mixins;
+    }
+  };
+  A.AtRootQueryParser.prototype = {
+    parse$0(_) {
+      return this.wrapSpanFormatException$1(new A.AtRootQueryParser_parse_closure(this));
+    }
+  };
+  A.AtRootQueryParser_parse_closure.prototype = {
+    call$0() {
+      var include, atRules,
+        t1 = this.$this,
+        t2 = t1.scanner;
+      t2.expectChar$1(40);
+      t1.whitespace$1$consumeNewlines(true);
+      include = t1.scanIdentifier$1("with");
+      if (!include)
+        t1.expectIdentifier$2$name("without", '"with" or "without"');
+      t1.whitespace$1$consumeNewlines(true);
+      t2.expectChar$1(58);
+      t1.whitespace$1$consumeNewlines(true);
+      atRules = A.LinkedHashSet_LinkedHashSet$_empty(type$.String);
+      do {
+        atRules.add$1(0, t1.identifier$0().toLowerCase());
+        t1.whitespace$1$consumeNewlines(true);
+      } while (t1.lookingAtIdentifier$0());
+      t2.expectChar$1(41);
+      t2.expectDone$0();
+      return new A.AtRootQuery(include, atRules, atRules.contains$1(0, "all"), atRules.contains$1(0, "rule"));
+    },
+    $signature: 330
+  };
+  A._disallowedFunctionNames_closure.prototype = {
+    call$1($function) {
+      return $function.name;
+    },
+    $signature: 332
+  };
+  A.CssParser.prototype = {
+    get$plainCss() {
+      return true;
+    },
+    silentComment$0() {
+      var t1, t2, _this = this;
+      if (_this._inExpression)
+        return false;
+      t1 = _this.scanner;
+      t2 = t1._string_scanner$_position;
+      _this.super$Parser$silentComment();
+      _this.error$2(0, string$.Silent, t1.spanFrom$1(new A._SpanScannerState(t1, t2)));
+    },
+    atRule$2$root(child, root) {
+      var $name, _0_0, _this = this,
+        t1 = _this.scanner,
+        start = new A._SpanScannerState(t1, t1._string_scanner$_position);
+      t1.expectChar$1(64);
+      $name = _this.interpolatedIdentifier$0();
+      _this.whitespace$1$consumeNewlines(true);
+      _0_0 = $name.get$asPlain();
+      $label0$0: {
+        if ("at-root" === _0_0 || "content" === _0_0 || "debug" === _0_0 || "each" === _0_0 || "error" === _0_0 || "extend" === _0_0 || "for" === _0_0 || "function" === _0_0 || "if" === _0_0 || "include" === _0_0 || "mixin" === _0_0 || "return" === _0_0 || "warn" === _0_0 || "while" === _0_0)
+          _this._forbiddenAtRule$1(start);
+        if ("import" === _0_0) {
+          t1 = _this._cssImportRule$1(start);
+          break $label0$0;
+        }
+        if ("media" === _0_0) {
+          t1 = _this.mediaRule$1(start);
+          break $label0$0;
+        }
+        if ("-moz-document" === _0_0) {
+          t1 = _this.mozDocumentRule$2(start, $name);
+          break $label0$0;
+        }
+        if ("supports" === _0_0) {
+          t1 = _this.supportsRule$1(start);
+          break $label0$0;
+        }
+        t1 = _this.unknownAtRule$2(start, $name);
+        break $label0$0;
+      }
+      return t1;
+    },
+    _forbiddenAtRule$1(start) {
+      this.almostAnyValue$0();
+      this.error$2(0, "This at-rule isn't allowed in plain CSS.", this.scanner.spanFrom$1(start));
+    },
+    _cssImportRule$1(start) {
+      var _0_0, t3, string, $name, _0_3, _0_4, t4, _0_8, t5, modifiers, _this = this,
+        t1 = _this.scanner,
+        t2 = t1._string_scanner$_position,
+        _1_0 = t1.peekChar$0();
+      $label1$1: {
+        if (117 === _1_0 || 85 === _1_0) {
+          _0_0 = _this.dynamicUrl$0();
+          $label0$0: {
+            if (_0_0 instanceof A.StringExpression) {
+              t3 = _0_0.text;
+              break $label0$0;
+            }
+            string = null;
+            t3 = false;
+            if (_0_0 instanceof A.InterpolatedFunctionExpression) {
+              $name = _0_0.name;
+              _0_3 = _0_0.$arguments;
+              _0_4 = _0_3.positional;
+              t4 = _0_4;
+              if (t4.length === 1) {
+                _0_8 = _0_4[0];
+                t4 = _0_8;
+                if (t4 instanceof A.StringExpression) {
+                  type$.StringExpression._as(_0_8);
+                  t4 = _0_3.named;
+                  if (t4.get$isEmpty(t4))
+                    if (_0_3.rest == null)
+                      t3 = _0_3.keywordRest == null;
+                  string = _0_8;
+                }
+              }
+            } else
+              $name = null;
+            if (t3) {
+              t3 = new A.StringBuffer("");
+              t4 = new A.InterpolationBuffer(t3, A._setArrayType([], type$.JSArray_Object), A._setArrayType([], type$.JSArray_nullable_FileSpan));
+              t4.addInterpolation$1($name);
+              t5 = A.Primitives_stringFromCharCode(40);
+              t3._contents += t5;
+              t4.addInterpolation$1(string.asInterpolation$0());
+              t5 = A.Primitives_stringFromCharCode(41);
+              t3._contents += t5;
+              t4 = t4.interpolation$1(_0_0.span);
+              t3 = t4;
+              break $label0$0;
+            }
+            t3 = _this.error$2(0, "Unsupported plain CSS import.", _0_0.get$span(_0_0));
+          }
+          break $label1$1;
+        }
+        t3 = _this.interpolatedString$0().asInterpolation$1$static(true);
+        break $label1$1;
+      }
+      _this.whitespace$1$consumeNewlines(true);
+      modifiers = _this.tryImportModifiers$0();
+      _this.expectStatementSeparator$1("@import rule");
+      t2 = A._setArrayType([new A.StaticImport(t3, modifiers, t1.spanFrom$1(new A._SpanScannerState(t1, t2)))], type$.JSArray_Import);
+      t1 = t1.spanFrom$1(start);
+      return new A.ImportRule(A.List_List$unmodifiable(t2, type$.Import), t1);
+    },
+    parentheses$0() {
+      var expression,
+        t1 = this.scanner,
+        t2 = t1._string_scanner$_position;
+      t1.expectChar$1(40);
+      this.whitespace$1$consumeNewlines(true);
+      expression = this.expressionUntilComma$0();
+      t1.expectChar$1(41);
+      return new A.ParenthesizedExpression(expression, t1.spanFrom$1(new A._SpanScannerState(t1, t2)));
+    },
+    identifierLike$0() {
+      var t2, allowEmptySecondArg, $arguments, t3, t4, _this = this,
+        t1 = _this.scanner,
+        start = new A._SpanScannerState(t1, t1._string_scanner$_position),
+        identifier = _this.interpolatedIdentifier$0(),
+        plain = identifier.get$asPlain(),
+        lower = plain.toLowerCase(),
+        _0_0 = _this.trySpecialFunction$2(lower, start);
+      if (_0_0 != null)
+        return _0_0;
+      t2 = t1._string_scanner$_position;
+      if (t1.scanChar$1(46))
+        return _this.namespacedExpression$2(plain, start);
+      if (!t1.scanChar$1(40))
+        return new A.StringExpression(identifier, false);
+      allowEmptySecondArg = lower === "var";
+      $arguments = A._setArrayType([], type$.JSArray_Expression);
+      if (!t1.scanChar$1(41)) {
+        do {
+          _this.whitespace$1$consumeNewlines(true);
+          if (allowEmptySecondArg && $arguments.length === 1 && t1.peekChar$0() === 41) {
+            t3 = A.FileLocation$_(t1._sourceFile, t1._string_scanner$_position);
+            t4 = t3.offset;
+            t4 = A._FileSpan$(t3.file, t4, t4);
+            $arguments.push(new A.StringExpression(new A.Interpolation(A.List_List$unmodifiable([""], type$.Object), B.List_null, t4), false));
+            break;
+          }
+          $arguments.push(_this.expressionUntilComma$1$singleEquals(true));
+          _this.whitespace$1$consumeNewlines(true);
+        } while (t1.scanChar$1(44));
+        t1.expectChar$1(41);
+      }
+      if ($.$get$_disallowedFunctionNames().contains$1(0, plain))
+        _this.error$2(0, string$.This_f, t1.spanFrom$1(start));
+      t2 = t1.spanFrom$1(new A._SpanScannerState(t1, t2));
+      t3 = type$.Expression;
+      t4 = A.List_List$unmodifiable($arguments, t3);
+      t3 = A.ConstantMap_ConstantMap$from(B.Map_empty4, type$.String, t3);
+      t1 = t1.spanFrom$1(start);
+      return new A.FunctionExpression(null, A.stringReplaceAllUnchecked(plain, "_", "-"), plain, new A.ArgumentList(t4, t3, null, null, t2), t1);
+    },
+    namespacedExpression$2(namespace, start) {
+      var expression = this.super$StylesheetParser$namespacedExpression(namespace, start);
+      this.error$2(0, string$.Modulen, expression.get$span(expression));
+    }
+  };
+  A.KeyframeSelectorParser.prototype = {
+    parse$0(_) {
+      return this.wrapSpanFormatException$1(new A.KeyframeSelectorParser_parse_closure(this));
+    },
+    _percentage$0() {
+      var $self, _0_0,
+        t1 = this.scanner,
+        t2 = t1.scanChar$1(43) ? A.Primitives_stringFromCharCode(43) : "",
+        second = t1.peekChar$0();
+      if (!(second != null && second >= 48 && second <= 57) && second !== 46)
+        t1.error$1(0, "Expected number.");
+      while (true) {
+        $self = t1.peekChar$0();
+        if (!($self != null && $self >= 48 && $self <= 57))
+          break;
+        t2 += A.Primitives_stringFromCharCode(t1.readChar$0());
+      }
+      if (t1.peekChar$0() === 46) {
+        t2 += A.Primitives_stringFromCharCode(t1.readChar$0());
+        while (true) {
+          $self = t1.peekChar$0();
+          if (!($self != null && $self >= 48 && $self <= 57))
+            break;
+          t2 += A.Primitives_stringFromCharCode(t1.readChar$0());
+        }
+      }
+      if (this.scanIdentChar$1(101)) {
+        t2 += A.Primitives_stringFromCharCode(101);
+        _0_0 = t1.peekChar$0();
+        if (43 === _0_0 || 45 === _0_0)
+          t2 += A.Primitives_stringFromCharCode(t1.readChar$0());
+        $self = t1.peekChar$0();
+        if (!($self != null && $self >= 48 && $self <= 57))
+          t1.error$1(0, "Expected digit.");
+        do {
+          t2 += A.Primitives_stringFromCharCode(t1.readChar$0());
+          $self = t1.peekChar$0();
+        } while ($self != null && $self >= 48 && $self <= 57);
+      }
+      t1.expectChar$1(37);
+      t2 += A.Primitives_stringFromCharCode(37);
+      return t2.charCodeAt(0) == 0 ? t2 : t2;
+    }
+  };
+  A.KeyframeSelectorParser_parse_closure.prototype = {
+    call$0() {
+      var selectors = A._setArrayType([], type$.JSArray_String),
+        t1 = this.$this,
+        t2 = t1.scanner;
+      do {
+        t1.whitespace$1$consumeNewlines(true);
+        if (t1.lookingAtIdentifier$0())
+          if (t1.scanIdentifier$1("from"))
+            selectors.push("from");
+          else {
+            t1.expectIdentifier$2$name("to", '"to" or "from"');
+            selectors.push("to");
+          }
+        else
+          selectors.push(t1._percentage$0());
+        t1.whitespace$1$consumeNewlines(true);
+      } while (t2.scanChar$1(44));
+      t2.expectDone$0();
+      return selectors;
+    },
+    $signature: 133
+  };
+  A.MediaQueryParser.prototype = {
+    parse$0(_) {
+      return this.wrapSpanFormatException$1(new A.MediaQueryParser_parse_closure(this));
+    },
+    _mediaQuery$0() {
+      var conditions, conjunction, t1, identifier1, identifier2, type, modifier, _this = this, _null = null, _s3_ = "and";
+      if (_this.scanner.peekChar$0() === 40) {
+        conditions = A._setArrayType([_this._mediaInParens$0()], type$.JSArray_String);
+        _this.whitespace$1$consumeNewlines(true);
+        if (_this.scanIdentifier$1(_s3_)) {
+          _this.expectWhitespace$0();
+          B.JSArray_methods.addAll$1(conditions, _this._mediaLogicSequence$1(_s3_));
+          conjunction = true;
+        } else {
+          t1 = _this.scanIdentifier$1("or");
+          if (t1) {
+            _this.expectWhitespace$0();
+            B.JSArray_methods.addAll$1(conditions, _this._mediaLogicSequence$1("or"));
+          }
+          conjunction = !t1;
+        }
+        return A.CssMediaQuery$condition(conditions, conjunction);
+      }
+      identifier1 = _this.identifier$0();
+      if (A.equalsIgnoreCase(identifier1, "not")) {
+        _this.expectWhitespace$0();
+        if (!_this.lookingAtIdentifier$0())
+          return A.CssMediaQuery$condition(A._setArrayType(["(not " + _this._mediaInParens$0() + ")"], type$.JSArray_String), _null);
+      }
+      _this.whitespace$1$consumeNewlines(true);
+      if (!_this.lookingAtIdentifier$0())
+        return A.CssMediaQuery$type(identifier1, _null, _null);
+      identifier2 = _this.identifier$0();
+      if (A.equalsIgnoreCase(identifier2, _s3_)) {
+        _this.expectWhitespace$0();
+        type = identifier1;
+        modifier = _null;
+      } else {
+        _this.whitespace$1$consumeNewlines(true);
+        if (_this.scanIdentifier$1(_s3_))
+          _this.expectWhitespace$0();
+        else
+          return A.CssMediaQuery$type(identifier2, _null, identifier1);
+        type = identifier2;
+        modifier = identifier1;
+      }
+      if (_this.scanIdentifier$1("not")) {
+        _this.expectWhitespace$0();
+        return A.CssMediaQuery$type(type, A._setArrayType(["(not " + _this._mediaInParens$0() + ")"], type$.JSArray_String), modifier);
+      }
+      return A.CssMediaQuery$type(type, _this._mediaLogicSequence$1(_s3_), modifier);
+    },
+    _mediaLogicSequence$1(operator) {
+      var t1, t2, _this = this,
+        result = A._setArrayType([], type$.JSArray_String);
+      for (t1 = _this.scanner; true;) {
+        t1.expectChar$2$name(40, "media condition in parentheses");
+        t2 = _this.declarationValue$0();
+        t1.expectChar$1(41);
+        result.push("(" + t2 + ")");
+        _this.whitespace$1$consumeNewlines(true);
+        if (!_this.scanIdentifier$1(operator))
+          return result;
+        _this.expectWhitespace$0();
+      }
+    },
+    _mediaInParens$0() {
+      var t2,
+        t1 = this.scanner;
+      t1.expectChar$2$name(40, "media condition in parentheses");
+      t2 = this.declarationValue$0();
+      t1.expectChar$1(41);
+      return "(" + t2 + ")";
+    }
+  };
+  A.MediaQueryParser_parse_closure.prototype = {
+    call$0() {
+      var queries = A._setArrayType([], type$.JSArray_CssMediaQuery),
+        t1 = this.$this,
+        t2 = t1.scanner;
+      do {
+        t1.whitespace$1$consumeNewlines(true);
+        queries.push(t1._mediaQuery$0());
+        t1.whitespace$1$consumeNewlines(true);
+      } while (t2.scanChar$1(44));
+      t2.expectDone$0();
+      return queries;
+    },
+    $signature: 333
+  };
+  A.Parser.prototype = {
+    _parseIdentifier$0() {
+      return this.wrapSpanFormatException$1(new A.Parser__parseIdentifier_closure(this));
+    },
+    _isVariableDeclarationLike$0() {
+      var _this = this,
+        t1 = _this.scanner;
+      if (!t1.scanChar$1(36))
+        return false;
+      if (!_this.lookingAtIdentifier$0())
+        return false;
+      _this.identifier$0();
+      _this.whitespace$1$consumeNewlines(true);
+      return t1.scanChar$1(58);
+    },
+    whitespace$1$consumeNewlines(consumeNewlines) {
+      do
+        this.whitespaceWithoutComments$1$consumeNewlines(consumeNewlines);
+      while (this.scanComment$0());
+    },
+    whitespaceWithoutComments$1$consumeNewlines(consumeNewlines) {
+      var t3,
+        t1 = this.scanner,
+        t2 = t1.string.length;
+      while (true) {
+        if (t1._string_scanner$_position !== t2) {
+          t3 = t1.peekChar$0();
+          t3 = t3 === 32 || t3 === 9 || t3 === 10 || t3 === 13 || t3 === 12;
+        } else
+          t3 = false;
+        if (!t3)
+          break;
+        t1.readChar$0();
+      }
+    },
+    spaces$0() {
+      var t3,
+        t1 = this.scanner,
+        t2 = t1.string.length;
+      while (true) {
+        if (t1._string_scanner$_position !== t2) {
+          t3 = t1.peekChar$0();
+          t3 = t3 === 32 || t3 === 9;
+        } else
+          t3 = false;
+        if (!t3)
+          break;
+        t1.readChar$0();
+      }
+    },
+    scanComment$0() {
+      var _0_0,
+        t1 = this.scanner;
+      if (t1.peekChar$0() !== 47)
+        return false;
+      _0_0 = t1.peekChar$1(1);
+      if (47 === _0_0)
+        return this.silentComment$0();
+      if (42 === _0_0) {
+        this.loudComment$0();
+        return true;
+      }
+      return false;
+    },
+    expectWhitespace$1$consumeNewlines(consumeNewlines) {
+      var t2, t3,
+        t1 = this.scanner;
+      if (t1._string_scanner$_position !== t1.string.length) {
+        t2 = t1.peekChar$0();
+        t3 = !(t2 === 32 || t2 === 9 || t2 === 10 || t2 === 13 || t2 === 12 || this.scanComment$0());
+        t2 = t3;
+      } else
+        t2 = true;
+      if (t2)
+        t1.error$1(0, "Expected whitespace.");
+      this.whitespace$1$consumeNewlines(consumeNewlines);
+    },
+    expectWhitespace$0() {
+      return this.expectWhitespace$1$consumeNewlines(false);
+    },
+    silentComment$0() {
+      var t2, t3,
+        t1 = this.scanner;
+      t1.expect$1("//");
+      t2 = t1.string.length;
+      while (true) {
+        if (t1._string_scanner$_position !== t2) {
+          t3 = t1.peekChar$0();
+          t3 = !(t3 === 10 || t3 === 13 || t3 === 12);
+        } else
+          t3 = false;
+        if (!t3)
+          break;
+        t1.readChar$0();
+      }
+      return true;
+    },
+    loudComment$0() {
+      var next,
+        t1 = this.scanner;
+      t1.expect$1("/*");
+      for (; true;) {
+        if (t1.readChar$0() !== 42)
+          continue;
+        do
+          next = t1.readChar$0();
+        while (next === 42);
+        if (next === 47)
+          break;
+      }
+    },
+    identifier$2$normalize$unit(normalize, unit) {
+      var t2, _0_0, _this = this,
+        _s20_ = "Expected identifier.",
+        text = new A.StringBuffer(""),
+        t1 = _this.scanner;
+      if (t1.scanChar$1(45)) {
+        t2 = text._contents = A.Primitives_stringFromCharCode(45);
+        if (t1.scanChar$1(45)) {
+          text._contents = t2 + t2;
+          _this._identifierBody$3$normalize$unit(text, normalize, unit);
+          t1 = text._contents;
+          return t1.charCodeAt(0) == 0 ? t1 : t1;
+        }
+      } else
+        t2 = "";
+      $label0$0: {
+        _0_0 = t1.peekChar$0();
+        if (_0_0 == null)
+          t1.error$1(0, _s20_);
+        if (95 === _0_0 && normalize) {
+          t1.readChar$0();
+          text._contents = t2 + A.Primitives_stringFromCharCode(45);
+          break $label0$0;
+        }
+        if (_0_0 === 95 || A.CharacterExtension_get_isAlphabetic(_0_0) || _0_0 >= 128) {
+          text._contents = t2 + A.Primitives_stringFromCharCode(t1.readChar$0());
+          break $label0$0;
+        }
+        if (92 === _0_0) {
+          text._contents = t2 + _this.escape$1$identifierStart(true);
+          break $label0$0;
+        }
+        t1.error$1(0, _s20_);
+      }
+      _this._identifierBody$3$normalize$unit(text, normalize, unit);
+      t1 = text._contents;
+      return t1.charCodeAt(0) == 0 ? t1 : t1;
+    },
+    identifier$0() {
+      return this.identifier$2$normalize$unit(false, false);
+    },
+    identifier$1$normalize(normalize) {
+      return this.identifier$2$normalize$unit(normalize, false);
+    },
+    identifier$1$unit(unit) {
+      return this.identifier$2$normalize$unit(false, unit);
+    },
+    _identifierBody$3$normalize$unit(text, normalize, unit) {
+      var t1, _1_0, _0_0, t2;
+      for (t1 = this.scanner; true;) {
+        _1_0 = t1.peekChar$0();
+        if (_1_0 == null)
+          break;
+        if (45 === _1_0 && unit) {
+          _0_0 = t1.peekChar$1(1);
+          if (46 !== _0_0)
+            t2 = A._isInt(_0_0) && _0_0 >= 48 && _0_0 <= 57;
+          else
+            t2 = true;
+          if (t2)
+            break;
+          t2 = A.Primitives_stringFromCharCode(t1.readChar$0());
+          text._contents += t2;
+          continue;
+        }
+        if (95 === _1_0 && normalize) {
+          t1.readChar$0();
+          t2 = A.Primitives_stringFromCharCode(45);
+          text._contents += t2;
+          continue;
+        }
+        if (_1_0 !== 95) {
+          if (!(_1_0 >= 97 && _1_0 <= 122))
+            t2 = _1_0 >= 65 && _1_0 <= 90;
+          else
+            t2 = true;
+          t2 = t2 || _1_0 >= 128;
+        } else
+          t2 = true;
+        if (!t2)
+          t2 = _1_0 >= 48 && _1_0 <= 57 || _1_0 === 45;
+        else
+          t2 = true;
+        if (t2) {
+          t2 = A.Primitives_stringFromCharCode(t1.readChar$0());
+          text._contents += t2;
+          continue;
+        }
+        if (92 === _1_0) {
+          t2 = this.escape$0();
+          text._contents += t2;
+          continue;
+        }
+        break;
+      }
+    },
+    _identifierBody$1(text) {
+      return this._identifierBody$3$normalize$unit(text, false, false);
+    },
+    string$0() {
+      var buffer, _0_0, t2,
+        t1 = this.scanner,
+        quote = t1.readChar$0();
+      if (quote !== 39 && quote !== 34)
+        t1.error$2$position(0, "Expected string.", t1._string_scanner$_position - 1);
+      buffer = new A.StringBuffer("");
+      for (; true;) {
+        _0_0 = t1.peekChar$0();
+        if (_0_0 === quote) {
+          t1.readChar$0();
+          break;
+        }
+        if (_0_0 == null || _0_0 === 10 || _0_0 === 13 || _0_0 === 12)
+          t1.error$1(0, "Expected " + A.Primitives_stringFromCharCode(quote) + ".");
+        if (92 === _0_0) {
+          t2 = t1.peekChar$1(1);
+          if (t2 === 10 || t2 === 13 || t2 === 12) {
+            t1.readChar$0();
+            t1.readChar$0();
+          } else {
+            t2 = A.Primitives_stringFromCharCode(A.consumeEscapedCharacter(t1));
+            buffer._contents += t2;
+          }
+          continue;
+        }
+        t2 = A.Primitives_stringFromCharCode(t1.readChar$0());
+        buffer._contents += t2;
+      }
+      t1 = buffer._contents;
+      return t1.charCodeAt(0) == 0 ? t1 : t1;
+    },
+    declarationValue$1$allowEmpty(allowEmpty) {
+      var t1, t2, t3, wroteNewline, next, wroteNewline0, t4, start, end, _0_0, _this = this,
+        buffer = new A.StringBuffer(""),
+        brackets = A._setArrayType([], type$.JSArray_int);
+      for (t1 = _this.scanner, t2 = _this.get$loudComment(), t3 = _this.get$string(), wroteNewline = false; true;) {
+        next = t1.peekChar$0();
+        if (next == null)
+          break;
+        wroteNewline0 = false;
+        if (92 === next) {
+          t4 = _this.escape$1$identifierStart(true);
+          buffer._contents += t4;
+          wroteNewline = wroteNewline0;
+          continue;
+        }
+        if (34 === next || 39 === next) {
+          start = t1._string_scanner$_position;
+          t3.call$0();
+          end = t1._string_scanner$_position;
+          buffer._contents += B.JSString_methods.substring$2(t1.string, start, end);
+          wroteNewline = wroteNewline0;
+          continue;
+        }
+        if (47 === next) {
+          if (t1.peekChar$1(1) === 42) {
+            start = t1._string_scanner$_position;
+            t2.call$0();
+            end = t1._string_scanner$_position;
+            buffer._contents += B.JSString_methods.substring$2(t1.string, start, end);
+          } else {
+            t4 = A.Primitives_stringFromCharCode(t1.readChar$0());
+            buffer._contents += t4;
+          }
+          wroteNewline = wroteNewline0;
+          continue;
+        }
+        if (32 === next || 9 === next) {
+          if (!wroteNewline) {
+            t4 = t1.peekChar$1(1);
+            t4 = !(t4 === 32 || t4 === 9 || t4 === 10 || t4 === 13 || t4 === 12);
+          } else
+            t4 = true;
+          if (t4) {
+            t4 = A.Primitives_stringFromCharCode(32);
+            buffer._contents += t4;
+          }
+          t1.readChar$0();
+          continue;
+        }
+        if (10 === next || 13 === next || 12 === next) {
+          t4 = t1.peekChar$1(-1);
+          if (!(t4 === 10 || t4 === 13 || t4 === 12))
+            buffer._contents += "\n";
+          t1.readChar$0();
+          wroteNewline = true;
+          continue;
+        }
+        if (40 === next || 123 === next || 91 === next) {
+          t4 = A.Primitives_stringFromCharCode(next);
+          buffer._contents += t4;
+          brackets.push(A.opposite(t1.readChar$0()));
+          wroteNewline = wroteNewline0;
+          continue;
+        }
+        if (41 === next || 125 === next || 93 === next) {
+          if (brackets.length === 0)
+            break;
+          t4 = A.Primitives_stringFromCharCode(next);
+          buffer._contents += t4;
+          t1.expectChar$1(brackets.pop());
+          wroteNewline = wroteNewline0;
+          continue;
+        }
+        if (59 === next) {
+          if (brackets.length === 0)
+            break;
+          t4 = A.Primitives_stringFromCharCode(t1.readChar$0());
+          buffer._contents += t4;
+          continue;
+        }
+        if (117 === next || 85 === next) {
+          _0_0 = _this.tryUrl$0();
+          if (_0_0 != null)
+            buffer._contents += _0_0;
+          else {
+            t4 = A.Primitives_stringFromCharCode(t1.readChar$0());
+            buffer._contents += t4;
+          }
+          wroteNewline = wroteNewline0;
+          continue;
+        }
+        if (_this.lookingAtIdentifier$0()) {
+          t4 = _this.identifier$0();
+          buffer._contents += t4;
+        } else {
+          t4 = A.Primitives_stringFromCharCode(t1.readChar$0());
+          buffer._contents += t4;
+        }
+        wroteNewline = wroteNewline0;
+      }
+      if (brackets.length !== 0)
+        t1.expectChar$1(B.JSArray_methods.get$last(brackets));
+      if (!allowEmpty && buffer._contents.length === 0)
+        t1.error$1(0, "Expected token.");
+      t1 = buffer._contents;
+      return t1.charCodeAt(0) == 0 ? t1 : t1;
+    },
+    declarationValue$0() {
+      return this.declarationValue$1$allowEmpty(false);
+    },
+    tryUrl$0() {
+      var buffer, _0_0, t2, _this = this,
+        t1 = _this.scanner,
+        start = new A._SpanScannerState(t1, t1._string_scanner$_position);
+      if (!_this.scanIdentifier$1("url"))
+        return null;
+      if (!t1.scanChar$1(40)) {
+        t1.set$state(start);
+        return null;
+      }
+      _this.whitespace$1$consumeNewlines(true);
+      buffer = new A.StringBuffer("");
+      buffer._contents = "url(";
+      for (; true;) {
+        _0_0 = t1.peekChar$0();
+        if (_0_0 == null)
+          break;
+        if (92 === _0_0) {
+          t2 = _this.escape$0();
+          buffer._contents += t2;
+          continue;
+        }
+        t2 = true;
+        if (37 !== _0_0)
+          if (38 !== _0_0)
+            if (35 !== _0_0)
+              t2 = _0_0 >= 42 && _0_0 <= 126 || _0_0 >= 128;
+        if (t2) {
+          t2 = A.Primitives_stringFromCharCode(t1.readChar$0());
+          buffer._contents += t2;
+          continue;
+        }
+        if (_0_0 === 32 || _0_0 === 9 || _0_0 === 10 || _0_0 === 13 || _0_0 === 12) {
+          _this.whitespace$1$consumeNewlines(true);
+          if (t1.peekChar$0() !== 41)
+            break;
+          continue;
+        }
+        if (41 === _0_0) {
+          t2 = A.Primitives_stringFromCharCode(t1.readChar$0());
+          t2 = buffer._contents += t2;
+          return t2.charCodeAt(0) == 0 ? t2 : t2;
+        }
+        break;
+      }
+      t1.set$state(start);
+      return null;
+    },
+    variableName$0() {
+      this.scanner.expectChar$1(36);
+      return this.identifier$1$normalize(true);
+    },
+    escape$1$identifierStart(identifierStart) {
+      var value, _0_0, i, next, t2, exception,
+        _s25_ = "Expected escape sequence.",
+        t1 = this.scanner,
+        start = t1._string_scanner$_position;
+      t1.expectChar$1(92);
+      value = 0;
+      $label0$1: {
+        _0_0 = t1.peekChar$0();
+        if (_0_0 == null)
+          t1.error$1(0, _s25_);
+        if (_0_0 === 10 || _0_0 === 13 || _0_0 === 12)
+          t1.error$1(0, _s25_);
+        if (A.CharacterExtension_get_isHex(_0_0)) {
+          for (i = 0; i < 6; ++i) {
+            next = t1.peekChar$0();
+            if (next != null) {
+              t2 = true;
+              if (!(next >= 48 && next <= 57))
+                if (!(next >= 97 && next <= 102))
+                  t2 = next >= 65 && next <= 70;
+              t2 = !t2;
+            } else
+              t2 = true;
+            if (t2)
+              break;
+            value *= 16;
+            value += A.asHex(t1.readChar$0());
+          }
+          this.scanCharIf$1(new A.Parser_escape_closure());
+          break $label0$1;
+        }
+        value = t1.readChar$0();
+      }
+      if (identifierStart) {
+        t2 = value;
+        t2 = t2 === 95 || A.CharacterExtension_get_isAlphabetic(t2) || t2 >= 128;
+      } else {
+        t2 = value;
+        if (!(t2 === 95 || A.CharacterExtension_get_isAlphabetic(t2) || t2 >= 128))
+          t2 = t2 >= 48 && t2 <= 57 || t2 === 45;
+        else
+          t2 = true;
+      }
+      if (t2)
+        try {
+          t2 = A.Primitives_stringFromCharCode(value);
+          return t2;
+        } catch (exception) {
+          if (type$.RangeError._is(A.unwrapException(exception)))
+            t1.error$3$length$position(0, "Invalid Unicode code point.", t1._string_scanner$_position - start, start);
+          else
+            throw exception;
+        }
+      else {
+        t1 = true;
+        if (!(value <= 31))
+          if (!J.$eq$(value, 127))
+            if (identifierStart) {
+              t1 = value;
+              t1 = t1 >= 48 && t1 <= 57;
+            } else
+              t1 = false;
+        if (t1) {
+          t1 = A.Primitives_stringFromCharCode(92);
+          if (value > 15)
+            t1 += A.Primitives_stringFromCharCode(A.hexCharFor(B.JSNumber_methods._shrOtherPositive$1(value, 4)));
+          t1 = t1 + A.Primitives_stringFromCharCode(A.hexCharFor(value & 15)) + A.Primitives_stringFromCharCode(32);
+          return t1.charCodeAt(0) == 0 ? t1 : t1;
+        } else
+          return A.String_String$fromCharCodes(A._setArrayType([92, value], type$.JSArray_int), 0, null);
+      }
+    },
+    escape$0() {
+      return this.escape$1$identifierStart(false);
+    },
+    scanCharIf$1(condition) {
+      var t1 = this.scanner;
+      if (!condition.call$1(t1.peekChar$0()))
+        return false;
+      t1.readChar$0();
+      return true;
+    },
+    scanIdentChar$2$caseSensitive(char, caseSensitive) {
+      var t3,
+        t1 = new A.Parser_scanIdentChar_matches(caseSensitive, char),
+        t2 = this.scanner,
+        _0_0 = t2.peekChar$0();
+      if (_0_0 != null)
+        t3 = t1.call$1(_0_0);
+      else
+        t3 = false;
+      if (t3) {
+        t2.readChar$0();
+        return true;
+      }
+      if (92 === _0_0) {
+        t3 = t2._string_scanner$_position;
+        if (t1.call$1(A.consumeEscapedCharacter(t2)))
+          return true;
+        t2.set$state(new A._SpanScannerState(t2, t3));
+      }
+      return false;
+    },
+    scanIdentChar$1(char) {
+      return this.scanIdentChar$2$caseSensitive(char, false);
+    },
+    expectIdentChar$1(letter) {
+      var t1;
+      if (this.scanIdentChar$2$caseSensitive(letter, false))
+        return;
+      t1 = this.scanner;
+      t1.error$2$position(0, 'Expected "' + A.Primitives_stringFromCharCode(letter) + '".', t1._string_scanner$_position);
+    },
+    lookingAtIdentifier$1($forward) {
+      var t1, _1_0, t2, _0_0;
+      if ($forward == null)
+        $forward = 0;
+      t1 = this.scanner;
+      _1_0 = t1.peekChar$1($forward);
+      $label0$0: {
+        if (A._isInt(_1_0))
+          t2 = _1_0 === 95 || A.CharacterExtension_get_isAlphabetic(_1_0) || _1_0 >= 128;
+        else
+          t2 = false;
+        if (t2 || 92 === _1_0) {
+          t1 = true;
+          break $label0$0;
+        }
+        if (45 === _1_0) {
+          _0_0 = t1.peekChar$1($forward + 1);
+          $label1$1: {
+            if (A._isInt(_0_0))
+              t1 = _0_0 === 95 || A.CharacterExtension_get_isAlphabetic(_0_0) || _0_0 >= 128;
+            else
+              t1 = false;
+            t1 = t1 || 92 === _0_0 || 45 === _0_0;
+            break $label1$1;
+          }
+          break $label0$0;
+        }
+        t1 = false;
+        break $label0$0;
+      }
+      return t1;
+    },
+    lookingAtIdentifier$0() {
+      return this.lookingAtIdentifier$1(null);
+    },
+    lookingAtIdentifierBody$0() {
+      var t1,
+        next = this.scanner.peekChar$0();
+      if (next != null) {
+        if (!(next === 95 || A.CharacterExtension_get_isAlphabetic(next) || next >= 128))
+          t1 = next >= 48 && next <= 57 || next === 45;
+        else
+          t1 = true;
+        t1 = t1 || next === 92;
+      } else
+        t1 = false;
+      return t1;
+    },
+    scanIdentifier$2$caseSensitive(text, caseSensitive) {
+      var t1, t2, _this = this;
+      if (!_this.lookingAtIdentifier$0())
+        return false;
+      t1 = _this.scanner;
+      t2 = t1._string_scanner$_position;
+      if (_this._consumeIdentifier$2(text, caseSensitive) && !_this.lookingAtIdentifierBody$0())
+        return true;
+      else {
+        t1.set$state(new A._SpanScannerState(t1, t2));
+        return false;
+      }
+    },
+    scanIdentifier$1(text) {
+      return this.scanIdentifier$2$caseSensitive(text, false);
+    },
+    _consumeIdentifier$2(text, caseSensitive) {
+      var t1, t2, t3;
+      for (t1 = new A.CodeUnits(text), t2 = type$.CodeUnits, t1 = new A.ListIterator(t1, t1.get$length(0), t2._eval$1("ListIterator<ListBase.E>")), t2 = t2._eval$1("ListBase.E"); t1.moveNext$0();) {
+        t3 = t1.__internal$_current;
+        if (!this.scanIdentChar$2$caseSensitive(t3 == null ? t2._as(t3) : t3, caseSensitive))
+          return false;
+      }
+      return true;
+    },
+    expectIdentifier$2$name(text, $name) {
+      var t1, start, t2, t3, t4, t5, t6;
+      if ($name == null)
+        $name = '"' + text + '"';
+      t1 = this.scanner;
+      start = t1._string_scanner$_position;
+      for (t2 = new A.CodeUnits(text), t3 = type$.CodeUnits, t2 = new A.ListIterator(t2, t2.get$length(0), t3._eval$1("ListIterator<ListBase.E>")), t4 = "Expected " + $name, t5 = t4 + ".", t3 = t3._eval$1("ListBase.E"); t2.moveNext$0();) {
+        t6 = t2.__internal$_current;
+        if (this.scanIdentChar$2$caseSensitive(t6 == null ? t3._as(t6) : t6, false))
+          continue;
+        t1.error$2$position(0, t5, start);
+      }
+      if (!this.lookingAtIdentifierBody$0())
+        return;
+      t1.error$2$position(0, t4, start);
+    },
+    expectIdentifier$1(text) {
+      return this.expectIdentifier$2$name(text, null);
+    },
+    rawText$1(consumer) {
+      var t1 = this.scanner,
+        start = t1._string_scanner$_position;
+      consumer.call$0();
+      return t1.substring$1(0, start);
+    },
+    spanFrom$1(state) {
+      var span = this.scanner.spanFrom$1(state);
+      return this._interpolationMap == null ? span : new A.LazyFileSpan(new A.Parser_spanFrom_closure(this, span));
+    },
+    error$3(_, message, span, trace) {
+      var exception = new A.StringScannerException(this.scanner.string, message, span);
+      if (trace == null)
+        throw A.wrapException(exception);
+      else
+        A.throwWithTrace(exception, this.get$error(this), trace);
+    },
+    error$2(_, message, span) {
+      return this.error$3(0, message, span, null);
+    },
+    withErrorMessage$1$2(message, callback) {
+      var error, stackTrace, t1, exception;
+      try {
+        t1 = callback.call$0();
+        return t1;
+      } catch (exception) {
+        t1 = A.unwrapException(exception);
+        if (type$.SourceSpanFormatException._is(t1)) {
+          error = t1;
+          stackTrace = A.getTraceFromException(exception);
+          t1 = J.get$span$z(error);
+          A.throwWithTrace(new A.SourceSpanFormatException(error.get$source(), message, t1), error, stackTrace);
+        } else
+          throw exception;
+      }
+    },
+    withErrorMessage$2(message, callback) {
+      return this.withErrorMessage$1$2(message, callback, type$.dynamic);
+    },
+    wrapSpanFormatException$1$1(callback) {
+      var error, stackTrace, map, error0, stackTrace0, span, secondarySpans, t1, t2, span0, description, _0_0, error1, stackTrace1, span1, t3, exception, t4, _this = this,
+        _s8_ = "expected";
+      try {
+        try {
+          t3 = callback.call$0();
+          return t3;
+        } catch (exception) {
+          t3 = A.unwrapException(exception);
+          if (type$.SourceSpanFormatException._is(t3)) {
+            error = t3;
+            stackTrace = A.getTraceFromException(exception);
+            map = _this._interpolationMap;
+            if (map == null)
+              throw exception;
+            A.throwWithTrace(map.mapException$1(error), error, stackTrace);
+          } else
+            throw exception;
+        }
+      } catch (exception) {
+        t3 = A.unwrapException(exception);
+        if (type$.MultiSourceSpanFormatException._is(t3)) {
+          error0 = t3;
+          stackTrace0 = A.getTraceFromException(exception);
+          span = J.get$span$z(error0);
+          t3 = type$.FileSpan;
+          t4 = type$.String;
+          secondarySpans = error0.get$secondarySpans().cast$2$0(0, t3, t4);
+          if (A.startsWithIgnoreCase(error0._span_exception$_message, _s8_)) {
+            span = _this._adjustExceptionSpan$1(span);
+            t1 = A.LinkedHashMap_LinkedHashMap$_empty(t3, t4);
+            for (t3 = A.MapExtensions_get_pairs(secondarySpans, t3, t4), t3 = t3.get$iterator(t3); t3.moveNext$0();) {
+              t2 = t3.get$current(t3);
+              span0 = null;
+              description = null;
+              _0_0 = t2;
+              span0 = _0_0._0;
+              description = _0_0._1;
+              J.$indexSet$ax(t1, _this._adjustExceptionSpan$1(span0), description);
+            }
+            secondarySpans = t1;
+          }
+          A.throwWithTrace(A.MultiSpanSassFormatException$(error0._span_exception$_message, span, error0.get$primaryLabel(), secondarySpans, null), error0, stackTrace0);
+        } else if (type$.SourceSpanFormatException._is(t3)) {
+          error1 = t3;
+          stackTrace1 = A.getTraceFromException(exception);
+          span1 = J.get$span$z(error1);
+          if (A.startsWithIgnoreCase(error1._span_exception$_message, _s8_))
+            span1 = _this._adjustExceptionSpan$1(span1);
+          t1 = error1._span_exception$_message;
+          t2 = span1;
+          A.throwWithTrace(new A.SassFormatException(B.Set_empty, t1, t2), error1, stackTrace1);
+        } else
+          throw exception;
+      }
+    },
+    wrapSpanFormatException$1(callback) {
+      return this.wrapSpanFormatException$1$1(callback, type$.dynamic);
+    },
+    _adjustExceptionSpan$1(span) {
+      var start, t1;
+      if (span.get$length(span) > 0)
+        return span;
+      start = this._firstNewlineBefore$1(span.get$start(span));
+      if (start.$eq(0, span.get$start(span)))
+        t1 = span;
+      else {
+        t1 = start.offset;
+        t1 = A._FileSpan$(start.file, t1, t1);
+      }
+      return t1;
+    },
+    _firstNewlineBefore$1($location) {
+      var lastNewline, codeUnit,
+        t1 = $location.file,
+        t2 = $location.offset,
+        text = A.String_String$fromCharCodes(B.NativeUint32List_methods.sublist$2(t1._decodedChars, 0, t2), 0, null),
+        index = t2 - 1;
+      for (lastNewline = null; index >= 0;) {
+        codeUnit = text.charCodeAt(index);
+        if (!(codeUnit === 32 || codeUnit === 9 || codeUnit === 10 || codeUnit === 13 || codeUnit === 12)) {
+          if (lastNewline == null)
+            t1 = $location;
+          else {
+            t2 = new A.FileLocation(t1, lastNewline);
+            t2.FileLocation$_$2(t1, lastNewline);
+            t1 = t2;
+          }
+          return t1;
+        }
+        if (codeUnit === 10 || codeUnit === 13 || codeUnit === 12)
+          lastNewline = index;
+        --index;
+      }
+      return $location;
+    }
+  };
+  A.Parser__parseIdentifier_closure.prototype = {
+    call$0() {
+      var t1 = this.$this,
+        result = t1.identifier$0();
+      t1.scanner.expectDone$0();
+      return result;
+    },
+    $signature: 29
+  };
+  A.Parser_escape_closure.prototype = {
+    call$1(char) {
+      return char === 32 || char === 9 || char === 10 || char === 13 || char === 12;
+    },
+    $signature: 30
+  };
+  A.Parser_scanIdentChar_matches.prototype = {
+    call$1(actual) {
+      var t1 = this.char;
+      return this.caseSensitive ? actual === t1 : A.characterEqualsIgnoreCase(t1, actual);
+    },
+    $signature: 50
+  };
+  A.Parser_spanFrom_closure.prototype = {
+    call$0() {
+      var t1 = this.$this._interpolationMap;
+      if (t1 == null)
+        t1 = type$.InterpolationMap._as(t1);
+      return t1.mapSpan$1(this.span);
+    },
+    $signature: 26
+  };
+  A.SassParser.prototype = {
+    get$currentIndentation() {
+      return this._currentIndentation;
+    },
+    get$indented() {
+      return true;
+    },
+    styleRuleSelector$0() {
+      var t4,
+        t1 = this.scanner,
+        t2 = t1._string_scanner$_position,
+        t3 = new A.StringBuffer(""),
+        buffer = new A.InterpolationBuffer(t3, A._setArrayType([], type$.JSArray_Object), A._setArrayType([], type$.JSArray_nullable_FileSpan));
+      do {
+        buffer.addInterpolation$1(this.almostAnyValue$1$omitComments(true));
+        t4 = A.Primitives_stringFromCharCode(10);
+        t4 = t3._contents += t4;
+      } while (B.JSString_methods.endsWith$1(B.JSString_methods.trimRight$0(t4.charCodeAt(0) == 0 ? t4 : t4), ",") && this.scanCharIf$1(new A.SassParser_styleRuleSelector_closure()));
+      return buffer.interpolation$1(t1.spanFrom$1(new A._SpanScannerState(t1, t2)));
+    },
+    expectStatementSeparator$1($name) {
+      var t1, _this = this,
+        trailingSemicolon = _this._tryTrailingSemicolon$0();
+      if (!_this.atEndOfStatement$0())
+        _this._expectNewline$1$trailingSemicolon(trailingSemicolon);
+      if (_this._peekIndentation$0() <= _this._currentIndentation)
+        return;
+      t1 = $name == null ? "here" : "beneath a " + $name;
+      _this.scanner.error$2$position(0, "Nothing may be indented " + t1 + ".", _this._nextIndentationEnd.position);
+    },
+    expectStatementSeparator$0() {
+      return this.expectStatementSeparator$1(null);
+    },
+    atEndOfStatement$0() {
+      var t1 = this.scanner.peekChar$0();
+      if (t1 == null)
+        t1 = null;
+      else
+        t1 = t1 === 10 || t1 === 13 || t1 === 12;
+      return t1 !== false;
+    },
+    lookingAtChildren$0() {
+      return this.atEndOfStatement$0() && this._peekIndentation$0() > this._currentIndentation;
+    },
+    importArgument$0() {
+      var url, span, innerError, stackTrace, t1, _0_0, start, t2, next, t3, exception, _this = this;
+      $label0$0: {
+        t1 = _this.scanner;
+        _0_0 = t1.peekChar$0();
+        if (117 === _0_0 || 85 === _0_0) {
+          start = new A._SpanScannerState(t1, t1._string_scanner$_position);
+          if (_this.scanIdentifier$1("url"))
+            if (t1.scanChar$1(40)) {
+              t1.set$state(start);
+              return _this.super$StylesheetParser$importArgument();
+            } else
+              t1.set$state(start);
+          break $label0$0;
+        }
+        if (39 === _0_0 || 34 === _0_0)
+          return _this.super$StylesheetParser$importArgument();
+      }
+      t2 = t1._string_scanner$_position;
+      next = t1.peekChar$0();
+      while (true) {
+        t3 = false;
+        if (next != null)
+          if (next !== 44)
+            if (next !== 59)
+              t3 = !(next === 10 || next === 13 || next === 12);
+        if (!t3)
+          break;
+        t1.readChar$0();
+        next = t1.peekChar$0();
+      }
+      url = t1.substring$1(0, t2);
+      span = t1.spanFrom$1(new A._SpanScannerState(t1, t2));
+      if (_this.isPlainImportUrl$1(url))
+        return new A.StaticImport(new A.Interpolation(A.List_List$unmodifiable([A.serializeValue(new A.SassString(url, true), true, true)], type$.Object), B.List_null, span), null, span);
+      else
+        try {
+          t1 = _this.parseImportUrl$1(url);
+          return new A.DynamicImport(t1, span);
+        } catch (exception) {
+          t1 = A.unwrapException(exception);
+          if (type$.FormatException._is(t1)) {
+            innerError = t1;
+            stackTrace = A.getTraceFromException(exception);
+            _this.error$3(0, "Invalid URL: " + J.get$message$x(innerError), span, stackTrace);
+          } else
+            throw exception;
+        }
+    },
+    scanElse$1(ifIndentation) {
+      var t1, t2, startIndentation, startNextIndentation, startNextIndentationEnd, _this = this;
+      if (_this._peekIndentation$0() !== ifIndentation)
+        return false;
+      t1 = _this.scanner;
+      t2 = t1._string_scanner$_position;
+      startIndentation = _this._currentIndentation;
+      startNextIndentation = _this._nextIndentation;
+      startNextIndentationEnd = _this._nextIndentationEnd;
+      _this._readIndentation$0();
+      if (t1.scanChar$1(64) && _this.scanIdentifier$1("else"))
+        return true;
+      t1.set$state(new A._SpanScannerState(t1, t2));
+      _this._currentIndentation = startIndentation;
+      _this._nextIndentation = startNextIndentation;
+      _this._nextIndentationEnd = startNextIndentationEnd;
+      return false;
+    },
+    children$1(_, child) {
+      var children = A._setArrayType([], type$.JSArray_Statement);
+      this._whileIndentedLower$1(new A.SassParser_children_closure(this, child, children));
+      return children;
+    },
+    statements$1(statement) {
+      var statements, t2, _1_0,
+        t1 = this.scanner,
+        _0_0 = t1.peekChar$0();
+      if (9 === _0_0 || 32 === _0_0)
+        t1.error$3$length$position(0, string$.Indent, t1._string_scanner$_position, 0);
+      statements = A._setArrayType([], type$.JSArray_Statement);
+      for (t2 = t1.string.length; t1._string_scanner$_position !== t2;) {
+        _1_0 = this._child$1(statement);
+        if (_1_0 != null)
+          statements.push(_1_0);
+        this._readIndentation$0();
+      }
+      return statements;
+    },
+    _child$1(child) {
+      var _0_0, _this = this,
+        t1 = _this.scanner,
+        _1_0 = t1.peekChar$0();
+      $label0$0: {
+        if (13 === _1_0 || 10 === _1_0 || 12 === _1_0) {
+          t1 = null;
+          break $label0$0;
+        }
+        if (36 === _1_0) {
+          t1 = _this.variableDeclarationWithoutNamespace$0();
+          break $label0$0;
+        }
+        if (47 === _1_0) {
+          _0_0 = t1.peekChar$1(1);
+          $label1$1: {
+            if (47 === _0_0) {
+              t1 = _this._silentComment$0();
+              break $label1$1;
+            }
+            if (42 === _0_0) {
+              t1 = _this._loudComment$0();
+              break $label1$1;
+            }
+            t1 = child.call$0();
+            break $label1$1;
+          }
+          break $label0$0;
+        }
+        t1 = child.call$0();
+        break $label0$0;
+      }
+      return t1;
+    },
+    _silentComment$0() {
+      var buffer, parentIndentation, t3, t4, t5, commentPrefix, i, t6, i0, t7, _this = this,
+        t1 = _this.scanner,
+        t2 = t1._string_scanner$_position;
+      t1.expect$1("//");
+      buffer = new A.StringBuffer("");
+      parentIndentation = _this._currentIndentation;
+      t3 = t1.string.length;
+      t4 = 1 + parentIndentation;
+      t5 = 2 + parentIndentation;
+      $label0$0:
+        do {
+          commentPrefix = t1.scanChar$1(47) ? "///" : "//";
+          for (i = commentPrefix.length; true;) {
+            t6 = buffer._contents += commentPrefix;
+            for (i0 = i; i0 < _this._currentIndentation - parentIndentation; ++i0) {
+              t6 += A.Primitives_stringFromCharCode(32);
+              buffer._contents = t6;
+            }
+            while (true) {
+              if (t1._string_scanner$_position !== t3) {
+                t7 = t1.peekChar$0();
+                t7 = !(t7 === 10 || t7 === 13 || t7 === 12);
+              } else
+                t7 = false;
+              if (!t7)
+                break;
+              t6 += A.Primitives_stringFromCharCode(t1.readChar$0());
+              buffer._contents = t6;
+            }
+            buffer._contents = t6 + "\n";
+            if (_this._peekIndentation$0() < parentIndentation)
+              break $label0$0;
+            if (_this._peekIndentation$0() === parentIndentation) {
+              if (t1.peekChar$1(t4) === 47 && t1.peekChar$1(t5) === 47)
+                _this._readIndentation$0();
+              break;
+            }
+            _this._readIndentation$0();
+          }
+        } while (t1.scan$1("//"));
+      t3 = buffer._contents;
+      return _this.lastSilentComment = new A.SilentComment(t3.charCodeAt(0) == 0 ? t3 : t3, t1.spanFrom$1(new A._SpanScannerState(t1, t2)));
+    },
+    _loudComment$0() {
+      var t3, t4, t5, buffer, parentIndentation, t6, t7, first, beginningOfComment, t8, end, i, _1_0, _0_0, endPosition, span, _this = this,
+        t1 = _this.scanner,
+        t2 = t1._string_scanner$_position;
+      t1.expect$1("/*");
+      t3 = new A.StringBuffer("");
+      t4 = A._setArrayType([], type$.JSArray_Object);
+      t5 = A._setArrayType([], type$.JSArray_nullable_FileSpan);
+      buffer = new A.InterpolationBuffer(t3, t4, t5);
+      t3._contents = "/*";
+      parentIndentation = _this._currentIndentation;
+      for (t6 = t1.string, t7 = t6.length, first = true; true; first = false) {
+        if (first) {
+          beginningOfComment = t1._string_scanner$_position;
+          _this.spaces$0();
+          t8 = t1.peekChar$0();
+          if (t8 === 10 || t8 === 13 || t8 === 12) {
+            _this._readIndentation$0();
+            t8 = A.Primitives_stringFromCharCode(32);
+            t3._contents += t8;
+          } else {
+            end = t1._string_scanner$_position;
+            t3._contents += B.JSString_methods.substring$2(t6, beginningOfComment, end);
+          }
+        } else
+          t3._contents = (t3._contents += "\n") + " * ";
+        for (i = 3; i < _this._currentIndentation - parentIndentation; ++i) {
+          t8 = A.Primitives_stringFromCharCode(32);
+          t3._contents += t8;
+        }
+        for (; t1._string_scanner$_position !== t7;) {
+          _1_0 = t1.peekChar$0();
+          if (10 === _1_0 || 13 === _1_0 || 12 === _1_0)
+            break;
+          if (35 === _1_0) {
+            if (t1.peekChar$1(1) === 123) {
+              _0_0 = _this.singleInterpolation$0();
+              buffer._flushText$0();
+              t4.push(_0_0._0);
+              t5.push(_0_0._1);
+            } else {
+              t8 = A.Primitives_stringFromCharCode(t1.readChar$0());
+              t3._contents += t8;
+            }
+            continue;
+          }
+          if (42 === _1_0) {
+            if (t1.peekChar$1(1) === 47) {
+              t4 = A.Primitives_stringFromCharCode(t1.readChar$0());
+              t3._contents += t4;
+              t4 = A.Primitives_stringFromCharCode(t1.readChar$0());
+              t3._contents += t4;
+              endPosition = t1._string_scanner$_position;
+              t3 = t1._sourceFile;
+              span = new A._FileSpan(t3, t2, endPosition);
+              span._FileSpan$3(t3, t2, endPosition);
+              _this.whitespace$1$consumeNewlines(false);
+              while (true) {
+                t2 = t1.peekChar$0();
+                if (!((t2 === 10 || t2 === 13 || t2 === 12) && _this._peekIndentation$0() > parentIndentation))
+                  break;
+                for (; _this._lookingAtDoubleNewline$0();)
+                  _this._expectNewline$0();
+                _this._readIndentation$0();
+                _this.whitespace$1$consumeNewlines(false);
+              }
+              if (t1._string_scanner$_position !== t7) {
+                t2 = t1.peekChar$0();
+                t2 = !(t2 === 10 || t2 === 13 || t2 === 12);
+              } else
+                t2 = false;
+              if (t2) {
+                t2 = t1._string_scanner$_position;
+                while (true) {
+                  if (t1._string_scanner$_position !== t7) {
+                    t3 = t1.peekChar$0();
+                    t3 = !(t3 === 10 || t3 === 13 || t3 === 12);
+                  } else
+                    t3 = false;
+                  if (!t3)
+                    break;
+                  t1.readChar$0();
+                }
+                throw A.wrapException(A.MultiSpanSassFormatException$("Unexpected text after end of comment", t1.spanFrom$1(new A._SpanScannerState(t1, t2)), "extra text", A.LinkedHashMap_LinkedHashMap$_literal([span, "comment"], type$.FileSpan, type$.String), null));
+              } else
+                return new A.LoudComment(buffer.interpolation$1(span));
+            } else {
+              t8 = A.Primitives_stringFromCharCode(t1.readChar$0());
+              t3._contents += t8;
+            }
+            continue;
+          }
+          t8 = A.Primitives_stringFromCharCode(t1.readChar$0());
+          t3._contents += t8;
+        }
+        if (_this._peekIndentation$0() <= parentIndentation)
+          break;
+        for (; _this._lookingAtDoubleNewline$0();) {
+          _this._expectNewline$0();
+          t3._contents = (t3._contents += "\n") + " *";
+        }
+        _this._readIndentation$0();
+      }
+      return new A.LoudComment(buffer.interpolation$1(t1.spanFrom$1(new A._SpanScannerState(t1, t2))));
+    },
+    whitespaceWithoutComments$1$consumeNewlines(consumeNewlines) {
+      var t1, t2, next, t3;
+      for (t1 = this.scanner, t2 = t1.string.length; t1._string_scanner$_position !== t2;) {
+        next = t1.peekChar$0();
+        if (consumeNewlines)
+          t3 = !(next === 32 || next === 9 || next === 10 || next === 13 || next === 12);
+        else
+          t3 = !(next === 32 || next === 9);
+        if (t3)
+          break;
+        t1.readChar$0();
+      }
+    },
+    _expectNewline$1$trailingSemicolon(trailingSemicolon) {
+      var t1 = this.scanner,
+        _0_0 = t1.peekChar$0();
+      if (13 === _0_0) {
+        t1.readChar$0();
+        if (t1.peekChar$0() === 10)
+          t1.readChar$0();
+        return;
+      }
+      if (10 === _0_0 || 12 === _0_0) {
+        t1.readChar$0();
+        return;
+      }
+      t1.error$1(0, trailingSemicolon ? string$.multip : "expected newline.");
+    },
+    _expectNewline$0() {
+      return this._expectNewline$1$trailingSemicolon(false);
+    },
+    _lookingAtDoubleNewline$0() {
+      var t2, _0_0,
+        t1 = this.scanner,
+        _1_0 = t1.peekChar$0();
+      $label1$1: {
+        t2 = false;
+        if (13 === _1_0) {
+          _0_0 = t1.peekChar$1(1);
+          $label0$0: {
+            if (10 === _0_0) {
+              t1 = t1.peekChar$1(2);
+              t1 = t1 === 10 || t1 === 13 || t1 === 12;
+              break $label0$0;
+            }
+            if (13 === _0_0 || 12 === _0_0) {
+              t1 = true;
+              break $label0$0;
+            }
+            t1 = t2;
+            break $label0$0;
+          }
+          break $label1$1;
+        }
+        if (10 === _1_0 || 12 === _1_0) {
+          t1 = t1.peekChar$1(1);
+          t1 = t1 === 10 || t1 === 13 || t1 === 12;
+          break $label1$1;
+        }
+        t1 = t2;
+        break $label1$1;
+      }
+      return t1;
+    },
+    _whileIndentedLower$1(body) {
+      var t1, t2, childIndentation, indentation, t3, t4, _this = this,
+        parentIndentation = _this._currentIndentation;
+      for (t1 = _this.scanner, t2 = t1._sourceFile, childIndentation = null; _this._peekIndentation$0() > parentIndentation;) {
+        indentation = _this._readIndentation$0();
+        if (childIndentation == null)
+          childIndentation = indentation;
+        if (childIndentation !== indentation) {
+          t3 = t1._string_scanner$_position;
+          t4 = t2.getColumn$1(t3);
+          t1.error$3$length$position(0, "Inconsistent indentation, expected " + childIndentation + " spaces.", t2.getColumn$1(t1._string_scanner$_position), t3 - t4);
+        }
+        body.call$0();
+      }
+    },
+    _readIndentation$0() {
+      var t1, _this = this,
+        currentIndentation = _this._nextIndentation;
+      if (currentIndentation == null)
+        currentIndentation = _this._nextIndentation = _this._peekIndentation$0();
+      _this._currentIndentation = currentIndentation;
+      t1 = _this._nextIndentationEnd;
+      t1.toString;
+      _this.scanner.set$state(t1);
+      _this._nextIndentationEnd = _this._nextIndentation = null;
+      return currentIndentation;
+    },
+    _peekIndentation$0() {
+      var t1, t2, t3, start, containsTab, containsSpace, nextIndentation, _1_0, t4, _this = this,
+        _0_0 = _this._nextIndentation;
+      if (_0_0 != null)
+        return _0_0;
+      t1 = _this.scanner;
+      t2 = t1._string_scanner$_position;
+      t3 = t1.string.length;
+      if (t2 === t3) {
+        _this._nextIndentation = 0;
+        _this._nextIndentationEnd = new A._SpanScannerState(t1, t2);
+        return 0;
+      }
+      start = new A._SpanScannerState(t1, t2);
+      if (!_this.scanCharIf$1(new A.SassParser__peekIndentation_closure()))
+        t1.error$2$position(0, "Expected newline.", t1._string_scanner$_position);
+      containsTab = A._Cell$();
+      containsSpace = A._Cell$();
+      nextIndentation = A._Cell$();
+      do {
+        containsSpace.__late_helper$_value = containsTab.__late_helper$_value = false;
+        nextIndentation.__late_helper$_value = 0;
+        for (; true;) {
+          $label0$0: {
+            _1_0 = t1.peekChar$0();
+            if (32 === _1_0) {
+              containsSpace.__late_helper$_value = true;
+              break $label0$0;
+            }
+            if (9 === _1_0) {
+              containsTab.__late_helper$_value = true;
+              break $label0$0;
+            }
+            break;
+          }
+          t2 = nextIndentation.__late_helper$_value;
+          if (t2 === nextIndentation)
+            A.throwExpression(A.LateError$localNI(""));
+          nextIndentation.__late_helper$_value = t2 + 1;
+          t1.readChar$0();
+        }
+        t2 = t1._string_scanner$_position;
+        if (t2 === t3) {
+          _this._nextIndentation = 0;
+          _this._nextIndentationEnd = new A._SpanScannerState(t1, t2);
+          t1.set$state(start);
+          return 0;
+        }
+      } while (_this.scanCharIf$1(new A.SassParser__peekIndentation_closure0()));
+      t2 = containsTab._readLocal$0();
+      t3 = containsSpace._readLocal$0();
+      if (t2) {
+        if (t3) {
+          t2 = t1._string_scanner$_position;
+          t3 = t1._sourceFile;
+          t4 = t3.getColumn$1(t2);
+          t1.error$3$length$position(0, "Tabs and spaces may not be mixed.", t3.getColumn$1(t1._string_scanner$_position), t2 - t4);
+        } else if (_this._spaces === true) {
+          t2 = t1._string_scanner$_position;
+          t3 = t1._sourceFile;
+          t4 = t3.getColumn$1(t2);
+          t1.error$3$length$position(0, "Expected spaces, was tabs.", t3.getColumn$1(t1._string_scanner$_position), t2 - t4);
+        }
+      } else if (t3 && _this._spaces === false) {
+        t2 = t1._string_scanner$_position;
+        t3 = t1._sourceFile;
+        t4 = t3.getColumn$1(t2);
+        t1.error$3$length$position(0, "Expected tabs, was spaces.", t3.getColumn$1(t1._string_scanner$_position), t2 - t4);
+      }
+      _this._nextIndentation = nextIndentation._readLocal$0();
+      if (nextIndentation._readLocal$0() > 0)
+        if (_this._spaces == null)
+          _this._spaces = containsSpace._readLocal$0();
+      _this._nextIndentationEnd = new A._SpanScannerState(t1, t1._string_scanner$_position);
+      t1.set$state(start);
+      return nextIndentation._readLocal$0();
+    },
+    _tryTrailingSemicolon$0() {
+      if (this.scanCharIf$1(new A.SassParser__tryTrailingSemicolon_closure())) {
+        this.whitespace$1$consumeNewlines(false);
+        return true;
+      }
+      return false;
+    }
+  };
+  A.SassParser_styleRuleSelector_closure.prototype = {
+    call$1(char) {
+      return char === 10 || char === 13 || char === 12;
+    },
+    $signature: 30
+  };
+  A.SassParser_children_closure.prototype = {
+    call$0() {
+      var _0_0 = this.$this._child$1(this.child);
+      if (_0_0 != null)
+        this.children.push(_0_0);
+    },
+    $signature: 0
+  };
+  A.SassParser__peekIndentation_closure.prototype = {
+    call$1(char) {
+      return char === 10 || char === 13 || char === 12;
+    },
+    $signature: 30
+  };
+  A.SassParser__peekIndentation_closure0.prototype = {
+    call$1(char) {
+      return char === 10 || char === 13 || char === 12;
+    },
+    $signature: 30
+  };
+  A.SassParser__tryTrailingSemicolon_closure.prototype = {
+    call$1(char) {
+      return char === 59;
+    },
+    $signature: 30
+  };
+  A.ScssParser.prototype = {
+    get$indented() {
+      return false;
+    },
+    get$currentIndentation() {
+      return 0;
+    },
+    styleRuleSelector$0() {
+      return this.almostAnyValue$0();
+    },
+    expectStatementSeparator$1($name) {
+      var t1, _0_0;
+      this.whitespaceWithoutComments$1$consumeNewlines(true);
+      t1 = this.scanner;
+      if (t1._string_scanner$_position === t1.string.length)
+        return;
+      _0_0 = t1.peekChar$0();
+      if (59 === _0_0 || 125 === _0_0)
+        return;
+      t1.expectChar$1(59);
+    },
+    expectStatementSeparator$0() {
+      return this.expectStatementSeparator$1(null);
+    },
+    atEndOfStatement$0() {
+      var next = this.scanner.peekChar$0();
+      return next == null || next === 59 || next === 125 || next === 123;
+    },
+    lookingAtChildren$0() {
+      return this.scanner.peekChar$0() === 123;
+    },
+    scanElse$1(ifIndentation) {
+      var t3, _this = this,
+        t1 = _this.scanner,
+        t2 = t1._string_scanner$_position;
+      _this.whitespace$1$consumeNewlines(true);
+      t3 = t1._string_scanner$_position;
+      if (t1.scanChar$1(64)) {
+        if (_this.scanIdentifier$2$caseSensitive("else", true))
+          return true;
+        if (_this.scanIdentifier$2$caseSensitive("elseif", true)) {
+          _this.warnings.push(new A._Record_3_deprecation_message_span(B.Deprecation_hE0, string$.x40elsei, t1.spanFrom$1(new A._SpanScannerState(t1, t3))));
+          t1.set$position(t1._string_scanner$_position - 2);
+          return true;
+        }
+      }
+      t1.set$state(new A._SpanScannerState(t1, t2));
+      return false;
+    },
+    children$1(_, child) {
+      var children, _this = this,
+        t1 = _this.scanner;
+      t1.expectChar$1(123);
+      _this.whitespaceWithoutComments$1$consumeNewlines(true);
+      children = A._setArrayType([], type$.JSArray_Statement);
+      for (; true;)
+        switch (t1.peekChar$0()) {
+          case 36:
+            children.push(_this.variableDeclarationWithoutNamespace$0());
+            break;
+          case 47:
+            switch (t1.peekChar$1(1)) {
+              case 47:
+                children.push(_this._scss$_silentComment$0());
+                _this.whitespaceWithoutComments$1$consumeNewlines(true);
+                break;
+              case 42:
+                children.push(_this._scss$_loudComment$0());
+                _this.whitespaceWithoutComments$1$consumeNewlines(true);
+                break;
+              default:
+                children.push(child.call$0());
+            }
+            break;
+          case 59:
+            t1.readChar$0();
+            _this.whitespaceWithoutComments$1$consumeNewlines(true);
+            break;
+          case 125:
+            t1.expectChar$1(125);
+            return children;
+          default:
+            children.push(child.call$0());
+        }
+    },
+    statements$1(statement) {
+      var t1, t2, _0_0, _1_0, _this = this,
+        statements = A._setArrayType([], type$.JSArray_Statement);
+      _this.whitespaceWithoutComments$1$consumeNewlines(true);
+      for (t1 = _this.scanner, t2 = t1.string.length; t1._string_scanner$_position !== t2;)
+        switch (t1.peekChar$0()) {
+          case 36:
+            statements.push(_this.variableDeclarationWithoutNamespace$0());
+            break;
+          case 47:
+            switch (t1.peekChar$1(1)) {
+              case 47:
+                statements.push(_this._scss$_silentComment$0());
+                _this.whitespaceWithoutComments$1$consumeNewlines(true);
+                break;
+              case 42:
+                statements.push(_this._scss$_loudComment$0());
+                _this.whitespaceWithoutComments$1$consumeNewlines(true);
+                break;
+              default:
+                _0_0 = statement.call$0();
+                if (_0_0 != null)
+                  statements.push(_0_0);
+            }
+            break;
+          case 59:
+            t1.readChar$0();
+            _this.whitespaceWithoutComments$1$consumeNewlines(true);
+            break;
+          default:
+            _1_0 = statement.call$0();
+            if (_1_0 != null)
+              statements.push(_1_0);
+        }
+      return statements;
+    },
+    _scss$_silentComment$0() {
+      var t3, t4, _this = this,
+        t1 = _this.scanner,
+        t2 = t1._string_scanner$_position,
+        start = new A._SpanScannerState(t1, t2);
+      t1.expect$1("//");
+      t3 = t1.string.length;
+      do {
+        while (true) {
+          if (t1._string_scanner$_position !== t3) {
+            t4 = t1.readChar$0();
+            t4 = !(t4 === 10 || t4 === 13 || t4 === 12);
+          } else
+            t4 = false;
+          if (!t4)
+            break;
+        }
+        if (t1._string_scanner$_position === t3)
+          break;
+        _this.spaces$0();
+      } while (t1.scan$1("//"));
+      if (_this.get$plainCss())
+        _this.error$2(0, string$.Silent, t1.spanFrom$1(start));
+      return _this.lastSilentComment = new A.SilentComment(t1.substring$1(0, t2), t1.spanFrom$1(start));
+    },
+    _scss$_loudComment$0() {
+      var t3, t4, t5, buffer, _0_0, t6, endPosition,
+        t1 = this.scanner,
+        t2 = t1._string_scanner$_position;
+      t1.expect$1("/*");
+      t3 = new A.StringBuffer("");
+      t4 = A._setArrayType([], type$.JSArray_Object);
+      t5 = A._setArrayType([], type$.JSArray_nullable_FileSpan);
+      buffer = new A.InterpolationBuffer(t3, t4, t5);
+      t3._contents = "/*";
+      $label0$1:
+        for (; true;)
+          switch (t1.peekChar$0()) {
+            case 35:
+              if (t1.peekChar$1(1) === 123) {
+                _0_0 = this.singleInterpolation$0();
+                buffer._flushText$0();
+                t4.push(_0_0._0);
+                t5.push(_0_0._1);
+              } else {
+                t6 = A.Primitives_stringFromCharCode(t1.readChar$0());
+                t3._contents += t6;
+              }
+              break;
+            case 42:
+              t6 = A.Primitives_stringFromCharCode(t1.readChar$0());
+              t3._contents += t6;
+              if (t1.peekChar$0() !== 47)
+                continue $label0$1;
+              t4 = A.Primitives_stringFromCharCode(t1.readChar$0());
+              t3._contents += t4;
+              endPosition = t1._string_scanner$_position;
+              t3 = t1._sourceFile;
+              t1 = new A._FileSpan(t3, t2, endPosition);
+              t1._FileSpan$3(t3, t2, endPosition);
+              return new A.LoudComment(buffer.interpolation$1(t1));
+            case 13:
+              t1.readChar$0();
+              if (t1.peekChar$0() !== 10) {
+                t6 = A.Primitives_stringFromCharCode(10);
+                t3._contents += t6;
+              }
+              break;
+            case 12:
+              t1.readChar$0();
+              t6 = A.Primitives_stringFromCharCode(10);
+              t3._contents += t6;
+              break;
+            default:
+              t6 = A.Primitives_stringFromCharCode(t1.readChar$0());
+              t3._contents += t6;
+          }
+    }
+  };
+  A.SelectorParser.prototype = {
+    parse$0(_) {
+      return this.wrapSpanFormatException$1(new A.SelectorParser_parse_closure(this));
+    },
+    parseCompoundSelector$0() {
+      return this.wrapSpanFormatException$1(new A.SelectorParser_parseCompoundSelector_closure(this));
+    },
+    _selectorList$0() {
+      var t4, t5, lineBreak, _this = this,
+        t1 = _this.scanner,
+        t2 = t1._string_scanner$_position,
+        t3 = t1._sourceFile,
+        previousLine = t3.getLine$1(t2),
+        components = A._setArrayType([_this._complexSelector$0()], type$.JSArray_ComplexSelector);
+      _this.whitespace$1$consumeNewlines(true);
+      for (t4 = t1.string.length; t1.scanChar$1(44);) {
+        _this.whitespace$1$consumeNewlines(true);
+        if (t1.peekChar$0() === 44)
+          continue;
+        t5 = t1._string_scanner$_position;
+        if (t5 === t4)
+          break;
+        lineBreak = t3.getLine$1(t5) !== previousLine;
+        if (lineBreak)
+          previousLine = t3.getLine$1(t1._string_scanner$_position);
+        components.push(_this._complexSelector$1$lineBreak(lineBreak));
+      }
+      return A.SelectorList$(components, _this.spanFrom$1(new A._SpanScannerState(t1, t2)));
+    },
+    _complexSelector$1$lineBreak(lineBreak) {
+      var t4, lastCompound, initialCombinators, _0_0, t5, result, _this = this,
+        _s18_ = "expected selector.",
+        t1 = _this.scanner,
+        t2 = t1._string_scanner$_position,
+        componentStart = new A._SpanScannerState(t1, t2),
+        t3 = type$.JSArray_CssValue_Combinator,
+        combinators = A._setArrayType([], t3),
+        components = A._setArrayType([], type$.JSArray_ComplexSelectorComponent);
+      for (t4 = type$.CssValue_Combinator, lastCompound = null, initialCombinators = null; true;) {
+        _this.whitespace$1$consumeNewlines(true);
+        _0_0 = t1.peekChar$0();
+        if (43 === _0_0) {
+          t5 = t1._string_scanner$_position;
+          t1.readChar$0();
+          combinators.push(new A.CssValue(B.Combinator_bOP, _this.spanFrom$1(new A._SpanScannerState(t1, t5)), t4));
+          continue;
+        }
+        if (62 === _0_0) {
+          t5 = t1._string_scanner$_position;
+          t1.readChar$0();
+          combinators.push(new A.CssValue(B.Combinator_0mp, _this.spanFrom$1(new A._SpanScannerState(t1, t5)), t4));
+          continue;
+        }
+        if (126 === _0_0) {
+          t5 = t1._string_scanner$_position;
+          t1.readChar$0();
+          combinators.push(new A.CssValue(B.Combinator_55N, _this.spanFrom$1(new A._SpanScannerState(t1, t5)), t4));
+          continue;
+        }
+        if (_0_0 == null)
+          break;
+        t5 = true;
+        if (91 !== _0_0)
+          if (46 !== _0_0)
+            if (35 !== _0_0)
+              if (37 !== _0_0)
+                if (58 !== _0_0)
+                  if (38 !== _0_0)
+                    if (42 !== _0_0)
+                      if (124 !== _0_0)
+                        t5 = _this.lookingAtIdentifier$0();
+        if (t5) {
+          if (lastCompound != null) {
+            t5 = _this.spanFrom$1(componentStart);
+            result = A.List_List$from(combinators, false, t4);
+            result.$flags = 3;
+            components.push(new A.ComplexSelectorComponent(lastCompound, result, t5));
+          } else if (combinators.length !== 0) {
+            componentStart = new A._SpanScannerState(t1, t1._string_scanner$_position);
+            initialCombinators = combinators;
+          }
+          lastCompound = _this._compoundSelector$0();
+          combinators = A._setArrayType([], t3);
+          if (t1.peekChar$0() === 38)
+            t1.error$1(0, string$.x22x26__ma);
+          continue;
+        }
+        break;
+      }
+      t3 = combinators.length !== 0;
+      if (t3 && _this._plainCss)
+        t1.error$1(0, _s18_);
+      else if (lastCompound != null) {
+        t3 = _this.spanFrom$1(componentStart);
+        components.push(new A.ComplexSelectorComponent(lastCompound, A.List_List$unmodifiable(combinators, t4), t3));
+      } else if (t3)
+        initialCombinators = combinators;
+      else
+        t1.error$1(0, _s18_);
+      t3 = initialCombinators == null ? B.List_empty0 : initialCombinators;
+      return A.ComplexSelector$(t3, components, _this.spanFrom$1(new A._SpanScannerState(t1, t2)), lineBreak);
+    },
+    _complexSelector$0() {
+      return this._complexSelector$1$lineBreak(false);
+    },
+    _compoundSelector$0() {
+      var t3, _this = this,
+        t1 = _this.scanner,
+        t2 = t1._string_scanner$_position,
+        components = A._setArrayType([_this._simpleSelector$0()], type$.JSArray_SimpleSelector);
+      for (t3 = _this._plainCss; _this._isSimpleSelectorStart$1(t1.peekChar$0());)
+        components.push(_this._simpleSelector$1$allowParent(t3));
+      return A.CompoundSelector$(components, _this.spanFrom$1(new A._SpanScannerState(t1, t2)));
+    },
+    _simpleSelector$1$allowParent(allowParent) {
+      var t2, $name, text, t3, suffix, _this = this,
+        t1 = _this.scanner,
+        start = new A._SpanScannerState(t1, t1._string_scanner$_position);
+      if (allowParent == null)
+        allowParent = _this._allowParent;
+      switch (t1.peekChar$0()) {
+        case 91:
+          return _this._attributeSelector$0();
+        case 46:
+          t2 = t1._string_scanner$_position;
+          t1.expectChar$1(46);
+          return new A.ClassSelector(_this.identifier$0(), _this.spanFrom$1(new A._SpanScannerState(t1, t2)));
+        case 35:
+          t2 = t1._string_scanner$_position;
+          t1.expectChar$1(35);
+          return new A.IDSelector(_this.identifier$0(), _this.spanFrom$1(new A._SpanScannerState(t1, t2)));
+        case 37:
+          t2 = t1._string_scanner$_position;
+          t1.expectChar$1(37);
+          $name = _this.identifier$0();
+          t2 = _this.spanFrom$1(new A._SpanScannerState(t1, t2));
+          if (_this._plainCss)
+            _this.error$2(0, string$.Placeh, t1.spanFrom$1(start));
+          return new A.PlaceholderSelector($name, t2);
+        case 58:
+          return _this._pseudoSelector$0();
+        case 38:
+          t2 = t1._string_scanner$_position;
+          t1.expectChar$1(38);
+          if (_this.lookingAtIdentifierBody$0()) {
+            text = new A.StringBuffer("");
+            _this._identifierBody$1(text);
+            if (text._contents.length === 0)
+              t1.error$1(0, "Expected identifier body.");
+            t3 = text._contents;
+            suffix = t3.charCodeAt(0) == 0 ? t3 : t3;
+          } else
+            suffix = null;
+          if (_this._plainCss && suffix != null)
+            t1.error$3$length$position(0, string$.Parent, t1._string_scanner$_position - t2, t2);
+          t2 = _this.spanFrom$1(new A._SpanScannerState(t1, t2));
+          if (!allowParent)
+            _this.error$2(0, "Parent selectors aren't allowed here.", t1.spanFrom$1(start));
+          return new A.ParentSelector(suffix, t2);
+        default:
+          return _this._typeOrUniversalSelector$0();
+      }
+    },
+    _simpleSelector$0() {
+      return this._simpleSelector$1$allowParent(null);
+    },
+    _attributeSelector$0() {
+      var $name, operator, next, value, modifier, _this = this, _null = null,
+        t1 = _this.scanner,
+        start = new A._SpanScannerState(t1, t1._string_scanner$_position);
+      t1.expectChar$1(91);
+      _this.whitespace$1$consumeNewlines(true);
+      $name = _this._attributeName$0();
+      _this.whitespace$1$consumeNewlines(true);
+      if (t1.scanChar$1(93))
+        return new A.AttributeSelector($name, _null, _null, _null, _this.spanFrom$1(start));
+      operator = _this._attributeOperator$0();
+      _this.whitespace$1$consumeNewlines(true);
+      next = t1.peekChar$0();
+      value = next === 39 || next === 34 ? _this.string$0() : _this.identifier$0();
+      _this.whitespace$1$consumeNewlines(true);
+      next = t1.peekChar$0();
+      modifier = next != null && A.CharacterExtension_get_isAlphabetic(next) ? A.Primitives_stringFromCharCode(t1.readChar$0()) : _null;
+      t1.expectChar$1(93);
+      return new A.AttributeSelector($name, operator, value, modifier, _this.spanFrom$1(start));
+    },
+    _attributeName$0() {
+      var nameOrNamespace, _this = this,
+        t1 = _this.scanner;
+      if (t1.scanChar$1(42)) {
+        t1.expectChar$1(124);
+        return new A.QualifiedName(_this.identifier$0(), "*");
+      }
+      if (t1.scanChar$1(124))
+        return new A.QualifiedName(_this.identifier$0(), "");
+      nameOrNamespace = _this.identifier$0();
+      if (t1.peekChar$0() !== 124 || t1.peekChar$1(1) === 61)
+        return new A.QualifiedName(nameOrNamespace, null);
+      t1.readChar$0();
+      return new A.QualifiedName(_this.identifier$0(), nameOrNamespace);
+    },
+    _attributeOperator$0() {
+      var t1 = this.scanner,
+        t2 = t1._string_scanner$_position;
+      switch (t1.readChar$0()) {
+        case 61:
+          return B.AttributeOperator_Lvy;
+        case 126:
+          t1.expectChar$1(61);
+          return B.AttributeOperator_fp2;
+        case 124:
+          t1.expectChar$1(61);
+          return B.AttributeOperator_iyP;
+        case 94:
+          t1.expectChar$1(61);
+          return B.AttributeOperator_JzP;
+        case 36:
+          t1.expectChar$1(61);
+          return B.AttributeOperator_U1W;
+        case 42:
+          t1.expectChar$1(61);
+          return B.AttributeOperator_GWq;
+        default:
+          t1.error$2$position(0, 'Expected "]".', t2);
+      }
+    },
+    _pseudoSelector$0() {
+      var element, $name, unvendored, argument, selector, t2, _this = this, _null = null,
+        t1 = _this.scanner,
+        start = new A._SpanScannerState(t1, t1._string_scanner$_position);
+      t1.expectChar$1(58);
+      element = t1.scanChar$1(58);
+      $name = _this.identifier$0();
+      if (!t1.scanChar$1(40))
+        return A.PseudoSelector$($name, _this.spanFrom$1(start), _null, element, _null);
+      _this.whitespace$1$consumeNewlines(true);
+      unvendored = A.unvendor($name);
+      argument = _null;
+      selector = _null;
+      if (element)
+        if ($._selectorPseudoElements.contains$1(0, unvendored))
+          selector = _this._selectorList$0();
+        else
+          argument = _this.declarationValue$1$allowEmpty(true);
+      else if ($._selectorPseudoClasses.contains$1(0, unvendored))
+        selector = _this._selectorList$0();
+      else if (unvendored === "nth-child" || unvendored === "nth-last-child") {
+        argument = _this._aNPlusB$0();
+        _this.whitespace$1$consumeNewlines(true);
+        t2 = t1.peekChar$1(-1);
+        if ((t2 === 32 || t2 === 9 || t2 === 10 || t2 === 13 || t2 === 12) && t1.peekChar$0() !== 41) {
+          _this.expectIdentifier$1("of");
+          argument += " of";
+          _this.whitespace$1$consumeNewlines(true);
+          selector = _this._selectorList$0();
+        }
+      } else
+        argument = B.JSString_methods.trimRight$0(_this.declarationValue$1$allowEmpty(true));
+      t1.expectChar$1(41);
+      return A.PseudoSelector$($name, _this.spanFrom$1(start), argument, element, selector);
+    },
+    _aNPlusB$0() {
+      var t1, _0_0, t2, $self, next, _this = this;
+      $label0$0: {
+        t1 = _this.scanner;
+        _0_0 = t1.peekChar$0();
+        if (101 === _0_0 || 69 === _0_0) {
+          _this.expectIdentifier$1("even");
+          return "even";
+        }
+        if (111 === _0_0 || 79 === _0_0) {
+          _this.expectIdentifier$1("odd");
+          return "odd";
+        }
+        if (43 === _0_0 || 45 === _0_0) {
+          t2 = A.Primitives_stringFromCharCode(t1.readChar$0());
+          break $label0$0;
+        }
+        t2 = "";
+      }
+      $self = t1.peekChar$0();
+      if ($self != null && $self >= 48 && $self <= 57) {
+        do {
+          t2 += A.Primitives_stringFromCharCode(t1.readChar$0());
+          $self = t1.peekChar$0();
+        } while ($self != null && $self >= 48 && $self <= 57);
+        _this.whitespace$1$consumeNewlines(true);
+        if (!_this.scanIdentChar$1(110))
+          return t2.charCodeAt(0) == 0 ? t2 : t2;
+      } else
+        _this.expectIdentChar$1(110);
+      t2 += A.Primitives_stringFromCharCode(110);
+      _this.whitespace$1$consumeNewlines(true);
+      next = t1.peekChar$0();
+      if (next !== 43 && next !== 45)
+        return t2.charCodeAt(0) == 0 ? t2 : t2;
+      t2 += A.Primitives_stringFromCharCode(t1.readChar$0());
+      _this.whitespace$1$consumeNewlines(true);
+      $self = t1.peekChar$0();
+      if (!($self != null && $self >= 48 && $self <= 57))
+        t1.error$1(0, "Expected a number.");
+      do {
+        t2 += A.Primitives_stringFromCharCode(t1.readChar$0());
+        $self = t1.peekChar$0();
+      } while ($self != null && $self >= 48 && $self <= 57);
+      return t2.charCodeAt(0) == 0 ? t2 : t2;
+    },
+    _typeOrUniversalSelector$0() {
+      var nameOrNamespace, _this = this,
+        t1 = _this.scanner,
+        start = new A._SpanScannerState(t1, t1._string_scanner$_position);
+      if (t1.scanChar$1(42)) {
+        if (!t1.scanChar$1(124))
+          return new A.UniversalSelector(null, _this.spanFrom$1(start));
+        return t1.scanChar$1(42) ? new A.UniversalSelector("*", _this.spanFrom$1(start)) : new A.TypeSelector(new A.QualifiedName(_this.identifier$0(), "*"), _this.spanFrom$1(start));
+      } else if (t1.scanChar$1(124))
+        return t1.scanChar$1(42) ? new A.UniversalSelector("", _this.spanFrom$1(start)) : new A.TypeSelector(new A.QualifiedName(_this.identifier$0(), ""), _this.spanFrom$1(start));
+      nameOrNamespace = _this.identifier$0();
+      if (!t1.scanChar$1(124))
+        return new A.TypeSelector(new A.QualifiedName(nameOrNamespace, null), _this.spanFrom$1(start));
+      else if (t1.scanChar$1(42))
+        return new A.UniversalSelector(nameOrNamespace, _this.spanFrom$1(start));
+      else
+        return new A.TypeSelector(new A.QualifiedName(_this.identifier$0(), nameOrNamespace), _this.spanFrom$1(start));
+    },
+    _isSimpleSelectorStart$1(character) {
+      var t1;
+      $label0$0: {
+        if (42 === character || 91 === character || 46 === character || 35 === character || 37 === character || 58 === character) {
+          t1 = true;
+          break $label0$0;
+        }
+        if (38 === character) {
+          t1 = this._plainCss;
+          break $label0$0;
+        }
+        t1 = false;
+        break $label0$0;
+      }
+      return t1;
+    }
+  };
+  A.SelectorParser_parse_closure.prototype = {
+    call$0() {
+      var t1 = this.$this,
+        selector = t1._selectorList$0();
+      t1 = t1.scanner;
+      if (t1._string_scanner$_position !== t1.string.length)
+        t1.error$1(0, "expected selector.");
+      return selector;
+    },
+    $signature: 340
+  };
+  A.SelectorParser_parseCompoundSelector_closure.prototype = {
+    call$0() {
+      var t1 = this.$this,
+        compound = t1._compoundSelector$0();
+      t1 = t1.scanner;
+      if (t1._string_scanner$_position !== t1.string.length)
+        t1.error$1(0, "expected selector.");
+      return compound;
+    },
+    $signature: 341
+  };
+  A.StylesheetParser.prototype = {
+    parse$0(_) {
+      return this.wrapSpanFormatException$1(new A.StylesheetParser_parse_closure(this));
+    },
+    parseParameterList$0() {
+      return this._parseSingleProduction$1$1(new A.StylesheetParser_parseParameterList_closure(this), type$.ParameterList);
+    },
+    parseVariableDeclaration$0() {
+      return new A._Record_2(this._parseSingleProduction$1$1(new A.StylesheetParser_parseVariableDeclaration_closure(this), type$.VariableDeclaration), this.warnings);
+    },
+    parseUseRule$0() {
+      return new A._Record_2(this._parseSingleProduction$1$1(new A.StylesheetParser_parseUseRule_closure(this), type$.UseRule), this.warnings);
+    },
+    _parseSingleProduction$1$1(production, $T) {
+      return this.wrapSpanFormatException$1(new A.StylesheetParser__parseSingleProduction_closure(this, production, $T));
+    },
+    _statement$1$root(root) {
+      var t2, _this = this,
+        t1 = _this.scanner,
+        _0_0 = t1.peekChar$0();
+      if (64 === _0_0)
+        return _this.atRule$2$root(new A.StylesheetParser__statement_closure(_this), root);
+      if (43 === _0_0) {
+        if (!_this.get$indented() || !_this.lookingAtIdentifier$1(1))
+          return _this._styleRule$0();
+        _this._isUseAllowed = false;
+        t2 = t1._string_scanner$_position;
+        t1.readChar$0();
+        return _this._includeRule$1(new A._SpanScannerState(t1, t2));
+      }
+      if (61 === _0_0) {
+        if (!_this.get$indented())
+          return _this._styleRule$0();
+        _this._isUseAllowed = false;
+        t2 = t1._string_scanner$_position;
+        t1.readChar$0();
+        _this.whitespace$1$consumeNewlines(true);
+        return _this._mixinRule$1(new A._SpanScannerState(t1, t2));
+      }
+      if (125 === _0_0)
+        t1.error$2$length(0, 'unmatched "}".', 1);
+      return _this._inStyleRule || _this._stylesheet$_inUnknownAtRule || _this._stylesheet$_inMixin || _this._inContentBlock ? _this._declarationOrStyleRule$0() : _this._variableDeclarationOrStyleRule$0();
+    },
+    _statement$0() {
+      return this._statement$1$root(false);
+    },
+    _variableDeclarationWithNamespace$0() {
+      var t1 = this.scanner,
+        t2 = t1._string_scanner$_position,
+        namespace = this.identifier$0();
+      t1.expectChar$1(46);
+      return this.variableDeclarationWithoutNamespace$2(namespace, new A._SpanScannerState(t1, t2));
+    },
+    variableDeclarationWithoutNamespace$2(namespace, start_) {
+      var t1, start, $name, t2, value, flagStart, t3, guarded, global, _0_0, endPosition, t4, t5, t6, declaration, _this = this,
+        precedingComment = _this.lastSilentComment;
+      _this.lastSilentComment = null;
+      if (start_ == null) {
+        t1 = _this.scanner;
+        start = new A._SpanScannerState(t1, t1._string_scanner$_position);
+      } else
+        start = start_;
+      $name = _this.variableName$0();
+      t1 = namespace != null;
+      if (t1)
+        _this._assertPublic$2($name, new A.StylesheetParser_variableDeclarationWithoutNamespace_closure(_this, start));
+      if (_this.get$plainCss())
+        _this.error$2(0, string$.Sass_v, _this.scanner.spanFrom$1(start));
+      _this.whitespace$1$consumeNewlines(true);
+      t2 = _this.scanner;
+      t2.expectChar$1(58);
+      _this.whitespace$1$consumeNewlines(true);
+      value = _this._expression$0();
+      flagStart = new A._SpanScannerState(t2, t2._string_scanner$_position);
+      for (t3 = _this.warnings, guarded = false, global = false; t2.scanChar$1(33);) {
+        $label0$0: {
+          _0_0 = _this.identifier$0();
+          if ("default" === _0_0) {
+            if (guarded) {
+              endPosition = t2._string_scanner$_position;
+              t4 = t2._sourceFile;
+              t5 = flagStart.position;
+              t6 = new A._FileSpan(t4, t5, endPosition);
+              t6._FileSpan$3(t4, t5, endPosition);
+              t3.push(new A._Record_3_deprecation_message_span(B.Deprecation_Gxx, string$.x21defau, t6));
+            }
+            guarded = true;
+            break $label0$0;
+          }
+          if ("global" === _0_0) {
+            if (t1) {
+              endPosition = t2._string_scanner$_position;
+              t4 = t2._sourceFile;
+              t5 = flagStart.position;
+              t6 = new A._FileSpan(t4, t5, endPosition);
+              t6._FileSpan$3(t4, t5, endPosition);
+              _this.error$2(0, string$.x21globai, t6);
+            } else if (global) {
+              endPosition = t2._string_scanner$_position;
+              t4 = t2._sourceFile;
+              t5 = flagStart.position;
+              t6 = new A._FileSpan(t4, t5, endPosition);
+              t6._FileSpan$3(t4, t5, endPosition);
+              t3.push(new A._Record_3_deprecation_message_span(B.Deprecation_Gxx, string$.x21globas, t6));
+            }
+            global = true;
+            break $label0$0;
+          }
+          endPosition = t2._string_scanner$_position;
+          t4 = t2._sourceFile;
+          t5 = flagStart.position;
+          t6 = new A._FileSpan(t4, t5, endPosition);
+          t6._FileSpan$3(t4, t5, endPosition);
+          _this.error$2(0, "Invalid flag name.", t6);
+        }
+        _this.whitespace$1$consumeNewlines(false);
+        flagStart = new A._SpanScannerState(t2, t2._string_scanner$_position);
+      }
+      _this.expectStatementSeparator$1("variable declaration");
+      declaration = A.VariableDeclaration$($name, value, t2.spanFrom$1(start), precedingComment, global, guarded, namespace);
+      if (global)
+        _this._globalVariables.putIfAbsent$2($name, new A.StylesheetParser_variableDeclarationWithoutNamespace_closure0(declaration));
+      return declaration;
+    },
+    variableDeclarationWithoutNamespace$0() {
+      return this.variableDeclarationWithoutNamespace$2(null, null);
+    },
+    _variableDeclarationOrStyleRule$0() {
+      var t1, t2, variableOrInterpolation, t3, _this = this;
+      if (_this.get$plainCss())
+        return _this._styleRule$0();
+      if (_this.get$indented() && _this.scanner.scanChar$1(92))
+        return _this._styleRule$0();
+      if (!_this.lookingAtIdentifier$0())
+        return _this._styleRule$0();
+      t1 = _this.scanner;
+      t2 = t1._string_scanner$_position;
+      variableOrInterpolation = _this._variableDeclarationOrInterpolation$0();
+      if (variableOrInterpolation instanceof A.VariableDeclaration)
+        t1 = variableOrInterpolation;
+      else {
+        t3 = new A.InterpolationBuffer(new A.StringBuffer(""), A._setArrayType([], type$.JSArray_Object), A._setArrayType([], type$.JSArray_nullable_FileSpan));
+        t3.addInterpolation$1(type$.Interpolation._as(variableOrInterpolation));
+        t2 = _this._styleRule$2(t3, new A._SpanScannerState(t1, t2));
+        t1 = t2;
+      }
+      return t1;
+    },
+    _declarationOrStyleRule$0() {
+      var t1, t2, declarationOrBuffer, _this = this;
+      if (_this.get$indented() && _this.scanner.scanChar$1(92))
+        return _this._styleRule$0();
+      t1 = _this.scanner;
+      t2 = t1._string_scanner$_position;
+      declarationOrBuffer = _this._declarationOrBuffer$0();
+      return declarationOrBuffer instanceof A.Statement ? declarationOrBuffer : _this._styleRule$2(type$.InterpolationBuffer._as(declarationOrBuffer), new A._SpanScannerState(t1, t2));
+    },
+    _declarationOrBuffer$0() {
+      var midBuffer, couldBeSelector, beforeDeclaration, value, additional, t2, t3, variableOrInterpolation, $name, t4, postColonWhitespace, _0_0, exception, _1_0, _this = this,
+        t1 = _this.scanner,
+        start = new A._SpanScannerState(t1, t1._string_scanner$_position),
+        nameBuffer = new A.InterpolationBuffer(new A.StringBuffer(""), A._setArrayType([], type$.JSArray_Object), A._setArrayType([], type$.JSArray_nullable_FileSpan)),
+        startsWithPunctuation = _this._lookingAtPotentialPropertyHack$0();
+      if (startsWithPunctuation) {
+        t2 = t1.readChar$0();
+        t3 = nameBuffer._interpolation_buffer$_text;
+        t2 = A.Primitives_stringFromCharCode(t2);
+        t3._contents += t2;
+        t2 = _this.rawText$1(new A.StylesheetParser__declarationOrBuffer_closure(_this));
+        t3 = nameBuffer._interpolation_buffer$_text;
+        t3._contents += t2;
+      }
+      if (!_this._lookingAtInterpolatedIdentifier$0())
+        return nameBuffer;
+      variableOrInterpolation = startsWithPunctuation ? _this.interpolatedIdentifier$0() : _this._variableDeclarationOrInterpolation$0();
+      if (variableOrInterpolation instanceof A.VariableDeclaration)
+        return variableOrInterpolation;
+      else
+        nameBuffer.addInterpolation$1(type$.Interpolation._as(variableOrInterpolation));
+      _this._isUseAllowed = false;
+      if (t1.matches$1("/*")) {
+        t2 = _this.rawText$1(_this.get$loudComment());
+        t3 = nameBuffer._interpolation_buffer$_text;
+        t3._contents += t2;
+      }
+      midBuffer = new A.StringBuffer("");
+      t2 = midBuffer;
+      t3 = _this.rawText$1(new A.StylesheetParser__declarationOrBuffer_closure0(_this));
+      t2._contents += t3;
+      t3 = t1._string_scanner$_position;
+      if (!t1.scanChar$1(58)) {
+        if (midBuffer._contents.length !== 0) {
+          t1 = nameBuffer._interpolation_buffer$_text;
+          t2 = A.Primitives_stringFromCharCode(32);
+          t1._contents += t2;
+        }
+        return nameBuffer;
+      }
+      t2 = A.Primitives_stringFromCharCode(58);
+      midBuffer._contents += t2;
+      $name = nameBuffer.interpolation$1(t1.spanFrom$2(start, new A._SpanScannerState(t1, t3)));
+      if (B.JSString_methods.startsWith$1($name.get$initialPlain(), "--")) {
+        if (_this.atEndOfStatement$0()) {
+          t2 = A.FileLocation$_(t1._sourceFile, t1._string_scanner$_position);
+          t3 = t2.offset;
+          t3 = A.Interpolation$(B.List_empty11, B.List_empty12, A._FileSpan$(t2.file, t3, t3));
+          t2 = t3;
+        } else
+          t2 = _this._interpolatedDeclarationValue$1$silentComments(false);
+        _this.expectStatementSeparator$1("custom property");
+        return A.Declaration$($name, new A.StringExpression(t2, false), t1.spanFrom$1(start));
+      }
+      if (t1.scanChar$1(58)) {
+        t1 = nameBuffer;
+        t3 = t1._interpolation_buffer$_text;
+        t4 = A.S(midBuffer);
+        t3._contents = (t3._contents += t4) + t2;
+        return t1;
+      } else if (_this.get$indented() && _this._lookingAtInterpolatedIdentifier$0()) {
+        t1 = nameBuffer;
+        t2 = t1._interpolation_buffer$_text;
+        t3 = A.S(midBuffer);
+        t2._contents += t3;
+        return t1;
+      }
+      postColonWhitespace = _this.rawText$1(new A.StylesheetParser__declarationOrBuffer_closure1(_this));
+      _0_0 = _this._tryDeclarationChildren$2($name, start);
+      if (_0_0 != null)
+        return _0_0;
+      midBuffer._contents += postColonWhitespace;
+      couldBeSelector = postColonWhitespace.length === 0 && _this._lookingAtInterpolatedIdentifier$0();
+      beforeDeclaration = new A._SpanScannerState(t1, t1._string_scanner$_position);
+      value = null;
+      try {
+        value = _this._expression$0();
+        if (_this.lookingAtChildren$0()) {
+          if (couldBeSelector)
+            _this.expectStatementSeparator$0();
+        } else if (!_this.atEndOfStatement$0())
+          _this.expectStatementSeparator$0();
+      } catch (exception) {
+        if (type$.FormatException._is(A.unwrapException(exception))) {
+          if (!couldBeSelector)
+            throw exception;
+          t1.set$state(beforeDeclaration);
+          additional = _this.almostAnyValue$0();
+          if (!_this.get$indented() && t1.peekChar$0() === 59)
+            throw exception;
+          t1 = nameBuffer._interpolation_buffer$_text;
+          t2 = A.S(midBuffer);
+          t1._contents += t2;
+          nameBuffer.addInterpolation$1(additional);
+          return nameBuffer;
+        } else
+          throw exception;
+      }
+      _1_0 = _this._tryDeclarationChildren$3$value($name, start, value);
+      if (_1_0 != null)
+        return _1_0;
+      else {
+        _this.expectStatementSeparator$0();
+        return A.Declaration$($name, value, t1.spanFrom$1(start));
+      }
+    },
+    _variableDeclarationOrInterpolation$0() {
+      var t1, start, identifier, t2, buffer, _this = this;
+      if (!_this.lookingAtIdentifier$0())
+        return _this.interpolatedIdentifier$0();
+      t1 = _this.scanner;
+      start = new A._SpanScannerState(t1, t1._string_scanner$_position);
+      identifier = _this.identifier$0();
+      if (t1.matches$1(".$")) {
+        t1.readChar$0();
+        return _this.variableDeclarationWithoutNamespace$2(identifier, start);
+      } else {
+        t2 = new A.StringBuffer("");
+        buffer = new A.InterpolationBuffer(t2, A._setArrayType([], type$.JSArray_Object), A._setArrayType([], type$.JSArray_nullable_FileSpan));
+        t2._contents = identifier;
+        if (_this._lookingAtInterpolatedIdentifierBody$0())
+          buffer.addInterpolation$1(_this.interpolatedIdentifier$0());
+        return buffer.interpolation$1(t1.spanFrom$1(start));
+      }
+    },
+    _styleRule$2(buffer, start_) {
+      var t2, start, interpolation, wasInStyleRule, _this = this, t1 = {};
+      _this._isUseAllowed = false;
+      if (start_ == null) {
+        t2 = _this.scanner;
+        start = new A._SpanScannerState(t2, t2._string_scanner$_position);
+      } else
+        start = start_;
+      interpolation = t1.interpolation = _this.styleRuleSelector$0();
+      if (buffer != null) {
+        buffer.addInterpolation$1(interpolation);
+        t2 = t1.interpolation = buffer.interpolation$1(_this.scanner.spanFrom$1(start));
+      } else
+        t2 = interpolation;
+      if (t2.contents.length === 0)
+        _this.scanner.error$1(0, 'expected "}".');
+      wasInStyleRule = _this._inStyleRule;
+      _this._inStyleRule = true;
+      return _this._withChildren$3(_this.get$_statement(), start, new A.StylesheetParser__styleRule_closure(t1, _this, wasInStyleRule, start));
+    },
+    _styleRule$0() {
+      return this._styleRule$2(null, null);
+    },
+    _propertyOrVariableDeclaration$1$parseCustomProperties(parseCustomProperties) {
+      var t2, nameBuffer, t3, $name, variableOrInterpolation, _0_0, value, _1_0, _this = this,
+        t1 = _this.scanner,
+        start = new A._SpanScannerState(t1, t1._string_scanner$_position);
+      if (_this._lookingAtPotentialPropertyHack$0()) {
+        t2 = new A.StringBuffer("");
+        nameBuffer = new A.InterpolationBuffer(t2, A._setArrayType([], type$.JSArray_Object), A._setArrayType([], type$.JSArray_nullable_FileSpan));
+        t3 = A.Primitives_stringFromCharCode(t1.readChar$0());
+        t2._contents += t3;
+        t3 = _this.rawText$1(new A.StylesheetParser__propertyOrVariableDeclaration_closure(_this));
+        t2._contents += t3;
+        nameBuffer.addInterpolation$1(_this.interpolatedIdentifier$0());
+        $name = nameBuffer.interpolation$1(t1.spanFrom$1(start));
+      } else if (!_this.get$plainCss()) {
+        variableOrInterpolation = _this._variableDeclarationOrInterpolation$0();
+        if (variableOrInterpolation instanceof A.VariableDeclaration)
+          return variableOrInterpolation;
+        else
+          type$.Interpolation._as(variableOrInterpolation);
+        $name = variableOrInterpolation;
+      } else
+        $name = _this.interpolatedIdentifier$0();
+      _this.whitespace$1$consumeNewlines(false);
+      t1.expectChar$1(58);
+      _this.whitespace$1$consumeNewlines(false);
+      _0_0 = _this._tryDeclarationChildren$2($name, start);
+      if (_0_0 != null)
+        return _0_0;
+      value = _this._expression$0();
+      _1_0 = _this._tryDeclarationChildren$3$value($name, start, value);
+      if (_1_0 != null)
+        return _1_0;
+      else {
+        _this.expectStatementSeparator$0();
+        return A.Declaration$($name, value, t1.spanFrom$1(start));
+      }
+    },
+    _tryDeclarationChildren$3$value($name, start, value) {
+      var _this = this;
+      if (!_this.lookingAtChildren$0())
+        return null;
+      if (_this.get$plainCss())
+        _this.scanner.error$1(0, string$.Nested);
+      return _this._withChildren$3(_this.get$_declarationChild(), start, new A.StylesheetParser__tryDeclarationChildren_closure($name, value));
+    },
+    _tryDeclarationChildren$2($name, start) {
+      return this._tryDeclarationChildren$3$value($name, start, null);
+    },
+    _declarationChild$0() {
+      return this.scanner.peekChar$0() === 64 ? this._declarationAtRule$0() : this._propertyOrVariableDeclaration$1$parseCustomProperties(false);
+    },
+    atRule$2$root(child, root) {
+      var $name, wasUseAllowed, value, optional, _this = this,
+        t1 = _this.scanner,
+        start = new A._SpanScannerState(t1, t1._string_scanner$_position);
+      t1.expectChar$2$name(64, "@-rule");
+      $name = _this.interpolatedIdentifier$0();
+      wasUseAllowed = _this._isUseAllowed;
+      _this._isUseAllowed = false;
+      switch ($name.get$asPlain()) {
+        case "at-root":
+          return _this._atRootRule$1(start);
+        case "content":
+          return _this._contentRule$1(start);
+        case "debug":
+          return _this._debugRule$1(start);
+        case "each":
+          return _this._eachRule$2(start, child);
+        case "else":
+          return _this._disallowedAtRule$1(start);
+        case "error":
+          return _this._errorRule$1(start);
+        case "extend":
+          _this.whitespace$1$consumeNewlines(true);
+          if (!_this._inStyleRule && !_this._stylesheet$_inMixin && !_this._inContentBlock)
+            _this.error$2(0, string$.x40exten, t1.spanFrom$1(start));
+          value = _this.almostAnyValue$0();
+          optional = t1.scanChar$1(33);
+          if (optional) {
+            _this.expectIdentifier$1("optional");
+            _this.whitespace$1$consumeNewlines(false);
+          }
+          _this.expectStatementSeparator$1("@extend rule");
+          return new A.ExtendRule(value, optional, t1.spanFrom$1(start));
+        case "for":
+          return _this._forRule$2(start, child);
+        case "forward":
+          _this._isUseAllowed = wasUseAllowed;
+          if (!root)
+            _this._disallowedAtRule$1(start);
+          return _this._forwardRule$1(start);
+        case "function":
+          return _this._functionRule$1(start);
+        case "if":
+          return _this._ifRule$2(start, child);
+        case "import":
+          return _this._importRule$1(start);
+        case "include":
+          return _this._includeRule$1(start);
+        case "media":
+          return _this.mediaRule$1(start);
+        case "mixin":
+          return _this._mixinRule$1(start);
+        case "-moz-document":
+          return _this.mozDocumentRule$2(start, $name);
+        case "return":
+          return _this._disallowedAtRule$1(start);
+        case "supports":
+          return _this.supportsRule$1(start);
+        case "use":
+          _this._isUseAllowed = wasUseAllowed;
+          if (!root)
+            _this._disallowedAtRule$1(start);
+          return _this._useRule$1(start);
+        case "warn":
+          return _this._warnRule$1(start);
+        case "while":
+          return _this._whileRule$2(start, child);
+        default:
+          return _this.unknownAtRule$2(start, $name);
+      }
+    },
+    _declarationAtRule$0() {
+      var _this = this,
+        t1 = _this.scanner,
+        start = new A._SpanScannerState(t1, t1._string_scanner$_position),
+        _0_0 = _this._plainAtRuleName$0();
+      $label0$0: {
+        if ("content" === _0_0) {
+          t1 = _this._contentRule$1(start);
+          break $label0$0;
+        }
+        if ("debug" === _0_0) {
+          t1 = _this._debugRule$1(start);
+          break $label0$0;
+        }
+        if ("each" === _0_0) {
+          t1 = _this._eachRule$2(start, _this.get$_declarationChild());
+          break $label0$0;
+        }
+        if ("else" === _0_0)
+          _this._disallowedAtRule$1(start);
+        if ("error" === _0_0) {
+          t1 = _this._errorRule$1(start);
+          break $label0$0;
+        }
+        if ("for" === _0_0) {
+          t1 = _this._forRule$2(start, _this.get$_declarationChild());
+          break $label0$0;
+        }
+        if ("if" === _0_0) {
+          t1 = _this._ifRule$2(start, _this.get$_declarationChild());
+          break $label0$0;
+        }
+        if ("include" === _0_0) {
+          t1 = _this._includeRule$1(start);
+          break $label0$0;
+        }
+        if ("warn" === _0_0) {
+          t1 = _this._warnRule$1(start);
+          break $label0$0;
+        }
+        if ("while" === _0_0) {
+          t1 = _this._whileRule$2(start, _this.get$_declarationChild());
+          break $label0$0;
+        }
+        t1 = _this._disallowedAtRule$1(start);
+      }
+      return t1;
+    },
+    _functionChild$0() {
+      var state, variableDeclarationError, stackTrace, statement, t2, exception, t3, start, _0_0, value, _this = this,
+        t1 = _this.scanner;
+      if (t1.peekChar$0() !== 64) {
+        state = new A._SpanScannerState(t1, t1._string_scanner$_position);
+        try {
+          t2 = _this._variableDeclarationWithNamespace$0();
+          return t2;
+        } catch (exception) {
+          t2 = A.unwrapException(exception);
+          t3 = type$.SourceSpanFormatException;
+          if (t3._is(t2)) {
+            variableDeclarationError = t2;
+            stackTrace = A.getTraceFromException(exception);
+            t1.set$state(state);
+            statement = null;
+            try {
+              statement = _this._declarationOrStyleRule$0();
+            } catch (exception) {
+              if (t3._is(A.unwrapException(exception)))
+                throw A.wrapException(variableDeclarationError);
+              else
+                throw exception;
+            }
+            t2 = statement instanceof A.StyleRule ? "style rules" : "declarations";
+            _this.error$3(0, "@function rules may not contain " + t2 + ".", J.get$span$z(statement), stackTrace);
+          } else
+            throw exception;
+        }
+      }
+      start = new A._SpanScannerState(t1, t1._string_scanner$_position);
+      _0_0 = _this._plainAtRuleName$0();
+      $label0$0: {
+        if ("debug" === _0_0) {
+          t1 = _this._debugRule$1(start);
+          break $label0$0;
+        }
+        if ("each" === _0_0) {
+          t1 = _this._eachRule$2(start, _this.get$_functionChild());
+          break $label0$0;
+        }
+        if ("else" === _0_0)
+          _this._disallowedAtRule$1(start);
+        if ("error" === _0_0) {
+          t1 = _this._errorRule$1(start);
+          break $label0$0;
+        }
+        if ("for" === _0_0) {
+          t1 = _this._forRule$2(start, _this.get$_functionChild());
+          break $label0$0;
+        }
+        if ("if" === _0_0) {
+          t1 = _this._ifRule$2(start, _this.get$_functionChild());
+          break $label0$0;
+        }
+        if ("return" === _0_0) {
+          _this.whitespace$1$consumeNewlines(true);
+          value = _this._expression$0();
+          _this.expectStatementSeparator$1("@return rule");
+          t1 = new A.ReturnRule(value, t1.spanFrom$1(start));
+          break $label0$0;
+        }
+        if ("warn" === _0_0) {
+          t1 = _this._warnRule$1(start);
+          break $label0$0;
+        }
+        if ("while" === _0_0) {
+          t1 = _this._whileRule$2(start, _this.get$_functionChild());
+          break $label0$0;
+        }
+        t1 = _this._disallowedAtRule$1(start);
+      }
+      return t1;
+    },
+    _plainAtRuleName$0() {
+      this.scanner.expectChar$2$name(64, "@-rule");
+      return this.identifier$0();
+    },
+    _atRootRule$1(start) {
+      var t1, t2, t3, buffer, t4, _this = this;
+      _this.whitespace$1$consumeNewlines(false);
+      t1 = _this.scanner;
+      if (t1.peekChar$0() === 40) {
+        t2 = t1._string_scanner$_position;
+        t3 = new A.StringBuffer("");
+        buffer = new A.InterpolationBuffer(t3, A._setArrayType([], type$.JSArray_Object), A._setArrayType([], type$.JSArray_nullable_FileSpan));
+        t1.expectChar$1(40);
+        t4 = A.Primitives_stringFromCharCode(40);
+        t3._contents += t4;
+        _this.whitespace$1$consumeNewlines(true);
+        _this._addOrInject$2(buffer, _this._expression$1$consumeNewlines(true));
+        if (t1.scanChar$1(58)) {
+          _this.whitespace$1$consumeNewlines(true);
+          t4 = A.Primitives_stringFromCharCode(58);
+          t3._contents += t4;
+          t4 = A.Primitives_stringFromCharCode(32);
+          t3._contents += t4;
+          _this._addOrInject$2(buffer, _this._expression$1$consumeNewlines(true));
+        }
+        t1.expectChar$1(41);
+        _this.whitespace$1$consumeNewlines(false);
+        t4 = A.Primitives_stringFromCharCode(41);
+        t3._contents += t4;
+        return _this._withChildren$3(_this.get$_statement(), start, new A.StylesheetParser__atRootRule_closure(buffer.interpolation$1(t1.spanFrom$1(new A._SpanScannerState(t1, t2)))));
+      } else {
+        if (!_this.lookingAtChildren$0())
+          t2 = _this.get$indented() && _this.atEndOfStatement$0();
+        else
+          t2 = true;
+        if (t2)
+          return _this._withChildren$3(_this.get$_statement(), start, new A.StylesheetParser__atRootRule_closure0());
+        else
+          return A.AtRootRule$(A._setArrayType([_this._styleRule$0()], type$.JSArray_Statement), t1.spanFrom$1(start), null);
+      }
+    },
+    _contentRule$1(start) {
+      var t1, beforeWhitespace, $arguments, t2, _this = this;
+      if (!_this._stylesheet$_inMixin)
+        _this.error$2(0, string$.x40conte, _this.scanner.spanFrom$1(start));
+      t1 = _this.scanner;
+      beforeWhitespace = A.FileLocation$_(t1._sourceFile, t1._string_scanner$_position);
+      _this.whitespace$1$consumeNewlines(false);
+      if (t1.peekChar$0() === 40) {
+        $arguments = _this._argumentInvocation$1$mixin(true);
+        _this.whitespace$1$consumeNewlines(false);
+      } else {
+        t2 = beforeWhitespace.offset;
+        $arguments = A.ArgumentList$empty(A._FileSpan$(beforeWhitespace.file, t2, t2));
+      }
+      _this.expectStatementSeparator$1("@content rule");
+      return new A.ContentRule($arguments, t1.spanFrom$1(start));
+    },
+    _debugRule$1(start) {
+      var value, t1, t2, _this = this;
+      _this.whitespace$1$consumeNewlines(true);
+      value = _this._expression$0();
+      t1 = _this.scanner;
+      t2 = t1._string_scanner$_position;
+      _this.expectStatementSeparator$1("@debug rule");
+      return new A.DebugRule(value, t1.spanFrom$2(start, new A._SpanScannerState(t1, t2)));
+    },
+    _eachRule$2(start, child) {
+      var wasInControlDirective, variables, t1, _this = this;
+      _this.whitespace$1$consumeNewlines(true);
+      wasInControlDirective = _this._inControlDirective;
+      _this._inControlDirective = true;
+      variables = A._setArrayType([_this.variableName$0()], type$.JSArray_String);
+      _this.whitespace$1$consumeNewlines(true);
+      for (t1 = _this.scanner; t1.scanChar$1(44);) {
+        _this.whitespace$1$consumeNewlines(true);
+        t1.expectChar$1(36);
+        variables.push(_this.identifier$1$normalize(true));
+        _this.whitespace$1$consumeNewlines(true);
+      }
+      _this.whitespace$1$consumeNewlines(true);
+      _this.expectIdentifier$1("in");
+      _this.whitespace$1$consumeNewlines(true);
+      return _this._withChildren$3(child, start, new A.StylesheetParser__eachRule_closure(_this, wasInControlDirective, variables, _this._expression$0()));
+    },
+    _errorRule$1(start) {
+      var value, t1, t2, _this = this;
+      _this.whitespace$1$consumeNewlines(true);
+      value = _this._expression$0();
+      t1 = _this.scanner;
+      t2 = t1._string_scanner$_position;
+      _this.expectStatementSeparator$1("@error rule");
+      return new A.ErrorRule(value, t1.spanFrom$2(start, new A._SpanScannerState(t1, t2)));
+    },
+    _functionRule$1(start) {
+      var precedingComment, t1, beforeName, $name, parameters, _0_0, _this = this;
+      _this.whitespace$1$consumeNewlines(true);
+      precedingComment = _this.lastSilentComment;
+      _this.lastSilentComment = null;
+      t1 = _this.scanner;
+      beforeName = new A._SpanScannerState(t1, t1._string_scanner$_position);
+      $name = _this.identifier$0();
+      if (B.JSString_methods.startsWith$1($name, "--"))
+        _this.warnings.push(new A._Record_3_deprecation_message_span(B.Deprecation_Sqp, string$.Sass__f, t1.spanFrom$1(beforeName)));
+      else if (A.equalsIgnoreCase($name, "type"))
+        _this.error$2(0, string$.This_n, t1.spanFrom$1(beforeName));
+      _this.whitespace$1$consumeNewlines(true);
+      parameters = _this._parameterList$0();
+      if (_this._stylesheet$_inMixin || _this._inContentBlock)
+        _this.error$2(0, string$.Mixinscf, t1.spanFrom$1(start));
+      else if (_this._inControlDirective)
+        _this.error$2(0, string$.Functi, t1.spanFrom$1(start));
+      _0_0 = A.unvendor($name);
+      if ("calc" === _0_0 || "element" === _0_0 || "expression" === _0_0 || "url" === _0_0 || "and" === _0_0 || "or" === _0_0 || "not" === _0_0 || "clamp" === _0_0)
+        _this.error$2(0, "Invalid function name.", t1.spanFrom$1(start));
+      _this.whitespace$1$consumeNewlines(false);
+      return _this._withChildren$3(_this.get$_functionChild(), start, new A.StylesheetParser__functionRule_closure($name, parameters, precedingComment));
+    },
+    _forRule$2(start, child) {
+      var wasInControlDirective, variable, from, _this = this, t1 = {};
+      _this.whitespace$1$consumeNewlines(true);
+      wasInControlDirective = _this._inControlDirective;
+      _this._inControlDirective = true;
+      variable = _this.variableName$0();
+      _this.whitespace$1$consumeNewlines(true);
+      _this.expectIdentifier$1("from");
+      _this.whitespace$1$consumeNewlines(true);
+      t1.exclusive = null;
+      from = _this._expression$2$consumeNewlines$until(true, new A.StylesheetParser__forRule_closure(t1, _this));
+      if (t1.exclusive == null)
+        _this.scanner.error$1(0, 'Expected "to" or "through".');
+      _this.whitespace$1$consumeNewlines(true);
+      return _this._withChildren$3(child, start, new A.StylesheetParser__forRule_closure0(t1, _this, wasInControlDirective, variable, from, _this._expression$0()));
+    },
+    _forwardRule$1(start) {
+      var url, prefix, hiddenMixinsAndFunctions, hiddenVariables, _0_0, shownMixinsAndFunctions, shownVariables, _1_0, configuration, span, t1, t2, t3, t4, _this = this, _null = null;
+      _this.whitespace$1$consumeNewlines(true);
+      url = _this._urlString$0();
+      _this.whitespace$1$consumeNewlines(false);
+      if (_this.scanIdentifier$1("as")) {
+        _this.whitespace$1$consumeNewlines(true);
+        prefix = _this.identifier$1$normalize(true);
+        _this.scanner.expectChar$1(42);
+        _this.whitespace$1$consumeNewlines(false);
+      } else
+        prefix = _null;
+      hiddenMixinsAndFunctions = _null;
+      hiddenVariables = _null;
+      if (_this.scanIdentifier$1("show")) {
+        _this.whitespace$1$consumeNewlines(true);
+        _0_0 = _this._memberList$0();
+        shownMixinsAndFunctions = _0_0._0;
+        shownVariables = _0_0._1;
+      } else {
+        if (_this.scanIdentifier$1("hide")) {
+          _this.whitespace$1$consumeNewlines(true);
+          _1_0 = _this._memberList$0();
+          hiddenMixinsAndFunctions = _1_0._0;
+          hiddenVariables = _1_0._1;
+        }
+        shownVariables = _null;
+        shownMixinsAndFunctions = shownVariables;
+      }
+      configuration = _this._stylesheet$_configuration$1$allowGuarded(true);
+      _this.whitespace$1$consumeNewlines(false);
+      _this.expectStatementSeparator$1("@forward rule");
+      span = _this.scanner.spanFrom$1(start);
+      if (!_this._isUseAllowed)
+        _this.error$2(0, string$.x40forwa, span);
+      if (shownMixinsAndFunctions != null) {
+        shownVariables.toString;
+        t1 = type$.String;
+        t2 = A.LinkedHashSet_LinkedHashSet$of(shownMixinsAndFunctions, t1);
+        t3 = type$.UnmodifiableSetView_String;
+        t1 = A.LinkedHashSet_LinkedHashSet$of(shownVariables, t1);
+        t4 = configuration == null ? B.List_empty10 : A.List_List$unmodifiable(configuration, type$.ConfiguredVariable);
+        return new A.ForwardRule(url, new A.UnmodifiableSetView0(t2, t3), new A.UnmodifiableSetView0(t1, t3), _null, _null, prefix, t4, span);
+      } else if (hiddenMixinsAndFunctions != null) {
+        hiddenVariables.toString;
+        t1 = type$.String;
+        t2 = A.LinkedHashSet_LinkedHashSet$of(hiddenMixinsAndFunctions, t1);
+        t3 = type$.UnmodifiableSetView_String;
+        t1 = A.LinkedHashSet_LinkedHashSet$of(hiddenVariables, t1);
+        t4 = configuration == null ? B.List_empty10 : A.List_List$unmodifiable(configuration, type$.ConfiguredVariable);
+        return new A.ForwardRule(url, _null, _null, new A.UnmodifiableSetView0(t2, t3), new A.UnmodifiableSetView0(t1, t3), prefix, t4, span);
+      } else
+        return new A.ForwardRule(url, _null, _null, _null, _null, prefix, configuration == null ? B.List_empty10 : A.List_List$unmodifiable(configuration, type$.ConfiguredVariable), span);
+    },
+    _memberList$0() {
+      var _this = this,
+        t1 = type$.String,
+        identifiers = A.LinkedHashSet_LinkedHashSet$_empty(t1),
+        variables = A.LinkedHashSet_LinkedHashSet$_empty(t1);
+      t1 = _this.scanner;
+      do {
+        _this.whitespace$1$consumeNewlines(true);
+        _this.withErrorMessage$2(string$.Expectv, new A.StylesheetParser__memberList_closure(_this, variables, identifiers));
+        _this.whitespace$1$consumeNewlines(false);
+      } while (t1.scanChar$1(44));
+      return new A._Record_2(identifiers, variables);
+    },
+    _ifRule$2(start, child) {
+      var ifIndentation, wasInControlDirective, condition, children, clauses, lastClause, span, _this = this;
+      _this.whitespace$1$consumeNewlines(true);
+      ifIndentation = _this.get$currentIndentation();
+      wasInControlDirective = _this._inControlDirective;
+      _this._inControlDirective = true;
+      condition = _this._expression$0();
+      children = _this.children$1(0, child);
+      _this.whitespaceWithoutComments$1$consumeNewlines(false);
+      clauses = A._setArrayType([A.IfClause$(condition, children)], type$.JSArray_IfClause);
+      while (true) {
+        if (!_this.scanElse$1(ifIndentation)) {
+          lastClause = null;
+          break;
+        }
+        _this.whitespace$1$consumeNewlines(false);
+        if (_this.scanIdentifier$1("if")) {
+          _this.whitespace$1$consumeNewlines(true);
+          clauses.push(A.IfClause$(_this._expression$0(), _this.children$1(0, child)));
+        } else {
+          lastClause = A.ElseClause$(_this.children$1(0, child));
+          break;
+        }
+      }
+      _this._inControlDirective = wasInControlDirective;
+      span = _this.scanner.spanFrom$1(start);
+      _this.whitespaceWithoutComments$1$consumeNewlines(false);
+      return new A.IfRule(A.List_List$unmodifiable(clauses, type$.IfClause), lastClause, span);
+    },
+    _importRule$1(start) {
+      var argument, t3, _this = this,
+        imports = A._setArrayType([], type$.JSArray_Import),
+        t1 = _this.scanner,
+        t2 = _this.warnings;
+      do {
+        _this.whitespace$1$consumeNewlines(false);
+        argument = _this.importArgument$0();
+        t3 = argument instanceof A.DynamicImport;
+        if (t3)
+          t2.push(new A._Record_3_deprecation_message_span(B.Deprecation_mks, string$.Sass__i, argument.span));
+        if ((_this._inControlDirective || _this._stylesheet$_inMixin) && t3)
+          _this._disallowedAtRule$1(start);
+        imports.push(argument);
+        _this.whitespace$1$consumeNewlines(false);
+      } while (t1.scanChar$1(44));
+      _this.expectStatementSeparator$1("@import rule");
+      t1 = t1.spanFrom$1(start);
+      return new A.ImportRule(A.List_List$unmodifiable(imports, type$.Import), t1);
+    },
+    importArgument$0() {
+      var url, urlSpan, innerError, stackTrace, modifiers, t2, exception, _this = this,
+        t1 = _this.scanner,
+        start = new A._SpanScannerState(t1, t1._string_scanner$_position),
+        _0_0 = t1.peekChar$0();
+      if (117 === _0_0 || 85 === _0_0) {
+        url = _this.dynamicUrl$0();
+        _this.whitespace$1$consumeNewlines(false);
+        modifiers = _this.tryImportModifiers$0();
+        t2 = url instanceof A.StringExpression ? url.text : A.Interpolation$(A._setArrayType([url], type$.JSArray_Object), A._setArrayType([url.get$span(url)], type$.JSArray_nullable_FileSpan), url.get$span(url));
+        return new A.StaticImport(t2, modifiers, t1.spanFrom$1(start));
+      }
+      url = _this.string$0();
+      urlSpan = t1.spanFrom$1(start);
+      _this.whitespace$1$consumeNewlines(false);
+      modifiers = _this.tryImportModifiers$0();
+      if (_this.isPlainImportUrl$1(url) || modifiers != null) {
+        t2 = urlSpan;
+        return new A.StaticImport(new A.Interpolation(A.List_List$unmodifiable([A.String_String$fromCharCodes(B.NativeUint32List_methods.sublist$2(t2.file._decodedChars, t2._file$_start, t2._end), 0, null)], type$.Object), B.List_null, urlSpan), modifiers, t1.spanFrom$1(start));
+      } else
+        try {
+          t1 = _this.parseImportUrl$1(url);
+          return new A.DynamicImport(t1, urlSpan);
+        } catch (exception) {
+          t1 = A.unwrapException(exception);
+          if (type$.FormatException._is(t1)) {
+            innerError = t1;
+            stackTrace = A.getTraceFromException(exception);
+            _this.error$3(0, "Invalid URL: " + J.get$message$x(innerError), urlSpan, stackTrace);
+          } else
+            throw exception;
+        }
+    },
+    parseImportUrl$1(url) {
+      var t1 = $.$get$windows();
+      if (t1.style.rootLength$1(url) > 0 && !$.$get$url().style.isRootRelative$1(url))
+        return t1.toUri$1(url).toString$0(0);
+      A.Uri_parse(url);
+      return url;
+    },
+    isPlainImportUrl$1(url) {
+      var _0_0, t1;
+      if (url.length < 5)
+        return false;
+      if (B.JSString_methods.endsWith$1(url, ".css"))
+        return true;
+      _0_0 = url.charCodeAt(0);
+      $label0$0: {
+        if (47 === _0_0) {
+          t1 = url.charCodeAt(1) === 47;
+          break $label0$0;
+        }
+        if (104 === _0_0) {
+          t1 = B.JSString_methods.startsWith$1(url, "http://") || B.JSString_methods.startsWith$1(url, "https://");
+          break $label0$0;
+        }
+        t1 = false;
+        break $label0$0;
+      }
+      return t1;
+    },
+    tryImportModifiers$0() {
+      var t1, t2, t3, t4, t5, buffer, t6, identifier, $name, query, t7, endPosition, _this = this;
+      if (!_this._lookingAtInterpolatedIdentifier$0() && _this.scanner.peekChar$0() !== 40)
+        return null;
+      t1 = _this.scanner;
+      t2 = t1._string_scanner$_position;
+      t3 = new A.StringBuffer("");
+      t4 = A._setArrayType([], type$.JSArray_Object);
+      t5 = A._setArrayType([], type$.JSArray_nullable_FileSpan);
+      buffer = new A.InterpolationBuffer(t3, t4, t5);
+      for (; true;)
+        if (_this._lookingAtInterpolatedIdentifier$0()) {
+          if (!(t4.length === 0 && t3._contents.length === 0)) {
+            t6 = A.Primitives_stringFromCharCode(32);
+            t3._contents += t6;
+          }
+          identifier = _this.interpolatedIdentifier$0();
+          buffer.addInterpolation$1(identifier);
+          t6 = identifier.get$asPlain();
+          $name = t6 == null ? null : t6.toLowerCase();
+          if ($name !== "and" && t1.scanChar$1(40)) {
+            if ($name === "supports") {
+              query = _this._importSupportsQuery$0();
+              t6 = !(query instanceof A.SupportsDeclaration);
+              if (t6) {
+                t7 = A.Primitives_stringFromCharCode(40);
+                t3._contents += t7;
+              }
+              t7 = query.get$span(query);
+              buffer._flushText$0();
+              t4.push(new A.SupportsExpression(query));
+              t5.push(t7);
+              if (t6) {
+                t6 = A.Primitives_stringFromCharCode(41);
+                t3._contents += t6;
+              }
+            } else {
+              t6 = A.Primitives_stringFromCharCode(40);
+              t3._contents += t6;
+              buffer.addInterpolation$1(_this._interpolatedDeclarationValue$3$allowEmpty$allowSemicolon$consumeNewlines(true, true, true));
+              t6 = A.Primitives_stringFromCharCode(41);
+              t3._contents += t6;
+            }
+            t1.expectChar$1(41);
+            _this.whitespace$1$consumeNewlines(false);
+          } else {
+            _this.whitespace$1$consumeNewlines(false);
+            if (t1.scanChar$1(44)) {
+              t3._contents += ", ";
+              buffer.addInterpolation$1(_this._mediaQueryList$0());
+              endPosition = t1._string_scanner$_position;
+              t3 = t1._sourceFile;
+              t1 = new A._FileSpan(t3, t2, endPosition);
+              t1._FileSpan$3(t3, t2, endPosition);
+              return buffer.interpolation$1(t1);
+            }
+          }
+        } else if (t1.peekChar$0() === 40) {
+          if (!(t4.length === 0 && t3._contents.length === 0)) {
+            t4 = A.Primitives_stringFromCharCode(32);
+            t3._contents += t4;
+          }
+          buffer.addInterpolation$1(_this._mediaQueryList$0());
+          endPosition = t1._string_scanner$_position;
+          t1 = t1._sourceFile;
+          t3 = new A._FileSpan(t1, t2, endPosition);
+          t3._FileSpan$3(t1, t2, endPosition);
+          return buffer.interpolation$1(t3);
+        } else {
+          endPosition = t1._string_scanner$_position;
+          t1 = t1._sourceFile;
+          t3 = new A._FileSpan(t1, t2, endPosition);
+          t3._FileSpan$3(t1, t2, endPosition);
+          return buffer.interpolation$1(t3);
+        }
+    },
+    _importSupportsQuery$0() {
+      var t1, t2, _0_0, $name, _this = this;
+      _this.whitespace$1$consumeNewlines(true);
+      if (_this.scanIdentifier$1("not")) {
+        _this.whitespace$1$consumeNewlines(true);
+        t1 = _this.scanner;
+        t2 = t1._string_scanner$_position;
+        return new A.SupportsNegation(_this._supportsConditionInParens$0(), t1.spanFrom$1(new A._SpanScannerState(t1, t2)));
+      } else {
+        t1 = _this.scanner;
+        if (t1.peekChar$0() === 40)
+          return _this._supportsCondition$1$inParentheses(true);
+        else {
+          _0_0 = _this._tryImportSupportsFunction$0();
+          if (_0_0 != null)
+            return _0_0;
+          t2 = t1._string_scanner$_position;
+          $name = _this._expression$1$consumeNewlines(true);
+          t1.expectChar$1(58);
+          return new A.SupportsDeclaration($name, _this._supportsDeclarationValue$1($name), t1.spanFrom$1(new A._SpanScannerState(t1, t2)));
+        }
+      }
+    },
+    _tryImportSupportsFunction$0() {
+      var t1, start, $name, value, _this = this;
+      if (!_this._lookingAtInterpolatedIdentifier$0())
+        return null;
+      t1 = _this.scanner;
+      start = new A._SpanScannerState(t1, t1._string_scanner$_position);
+      $name = _this.interpolatedIdentifier$0();
+      if (!t1.scanChar$1(40)) {
+        t1.set$state(start);
+        return null;
+      }
+      value = _this._interpolatedDeclarationValue$3$allowEmpty$allowSemicolon$consumeNewlines(true, true, true);
+      t1.expectChar$1(41);
+      return new A.SupportsFunction($name, value, t1.spanFrom$1(start));
+    },
+    _includeRule$1(start) {
+      var $name, t1, name0, namespace, $arguments, t2, t3, contentParameters, contentParameters_, wasInContentBlock, $content, span, _this = this, _null = null;
+      _this.whitespace$1$consumeNewlines(true);
+      $name = _this.identifier$0();
+      t1 = _this.scanner;
+      if (t1.scanChar$1(46)) {
+        name0 = _this._publicIdentifier$0();
+        namespace = $name;
+        $name = name0;
+      } else
+        namespace = _null;
+      _this.whitespace$1$consumeNewlines(false);
+      if (t1.peekChar$0() === 40)
+        $arguments = _this._argumentInvocation$1$mixin(true);
+      else {
+        t2 = A.FileLocation$_(t1._sourceFile, t1._string_scanner$_position);
+        t3 = t2.offset;
+        $arguments = A.ArgumentList$empty(A._FileSpan$(t2.file, t3, t3));
+      }
+      _this.whitespace$1$consumeNewlines(false);
+      if (_this.scanIdentifier$1("using")) {
+        _this.whitespace$1$consumeNewlines(true);
+        contentParameters = _this._parameterList$0();
+        _this.whitespace$1$consumeNewlines(false);
+      } else
+        contentParameters = _null;
+      t2 = contentParameters == null;
+      if (!t2 || _this.lookingAtChildren$0()) {
+        if (t2) {
+          t2 = A.FileLocation$_(t1._sourceFile, t1._string_scanner$_position);
+          t3 = t2.offset;
+          contentParameters_ = new A.ParameterList(B.List_empty13, _null, A._FileSpan$(t2.file, t3, t3));
+        } else
+          contentParameters_ = contentParameters;
+        wasInContentBlock = _this._inContentBlock;
+        _this._inContentBlock = true;
+        $content = _this._withChildren$3(_this.get$_statement(), start, new A.StylesheetParser__includeRule_closure(contentParameters_));
+        _this._inContentBlock = wasInContentBlock;
+      } else {
+        _this.expectStatementSeparator$0();
+        $content = _null;
+      }
+      t1 = t1.spanFrom$2(start, start);
+      t2 = $content == null ? $arguments : $content;
+      span = t1.expand$1(0, t2.get$span(t2));
+      return new A.IncludeRule(namespace, A.stringReplaceAllUnchecked($name, "_", "-"), $name, $arguments, $content, span);
+    },
+    mediaRule$1(start) {
+      var _this = this;
+      _this.whitespace$1$consumeNewlines(false);
+      return _this._withChildren$3(_this.get$_statement(), start, new A.StylesheetParser_mediaRule_closure(_this._mediaQueryList$0()));
+    },
+    _mixinRule$1(start) {
+      var precedingComment, t1, t2, $name, parameters, t3, _this = this;
+      _this.whitespace$1$consumeNewlines(true);
+      precedingComment = _this.lastSilentComment;
+      _this.lastSilentComment = null;
+      t1 = _this.scanner;
+      t2 = t1._string_scanner$_position;
+      $name = _this.identifier$0();
+      if (B.JSString_methods.startsWith$1($name, "--"))
+        _this.warnings.push(new A._Record_3_deprecation_message_span(B.Deprecation_Sqp, string$.Sass__m, t1.spanFrom$1(new A._SpanScannerState(t1, t2))));
+      _this.whitespace$1$consumeNewlines(false);
+      if (t1.peekChar$0() === 40)
+        parameters = _this._parameterList$0();
+      else {
+        t2 = A.FileLocation$_(t1._sourceFile, t1._string_scanner$_position);
+        t3 = t2.offset;
+        parameters = new A.ParameterList(B.List_empty13, null, A._FileSpan$(t2.file, t3, t3));
+      }
+      if (_this._stylesheet$_inMixin || _this._inContentBlock)
+        _this.error$2(0, string$.Mixinscm, t1.spanFrom$1(start));
+      else if (_this._inControlDirective)
+        _this.error$2(0, string$.Mixinsb, t1.spanFrom$1(start));
+      _this.whitespace$1$consumeNewlines(false);
+      _this._stylesheet$_inMixin = true;
+      return _this._withChildren$3(_this.get$_statement(), start, new A.StylesheetParser__mixinRule_closure(_this, $name, parameters, precedingComment));
+    },
+    mozDocumentRule$2(start, $name) {
+      var t1, t2, t3, t4, t5, buffer, _0_0, t6, identifier, _1_0, argument, trailing, endPosition, t7, t8, start0, end, _this = this, _box_0 = {};
+      _this.whitespace$1$consumeNewlines(false);
+      t1 = _this.scanner;
+      t2 = t1._string_scanner$_position;
+      t3 = new A.StringBuffer("");
+      t4 = A._setArrayType([], type$.JSArray_Object);
+      t5 = A._setArrayType([], type$.JSArray_nullable_FileSpan);
+      buffer = new A.InterpolationBuffer(t3, t4, t5);
+      _box_0.needsDeprecationWarning = false;
+      for (; true;) {
+        if (t1.peekChar$0() === 35) {
+          _0_0 = _this.singleInterpolation$0();
+          buffer._flushText$0();
+          t4.push(_0_0._0);
+          t5.push(_0_0._1);
+          _box_0.needsDeprecationWarning = true;
+        } else {
+          t6 = t1._string_scanner$_position;
+          identifier = _this.identifier$0();
+          $label0$0: {
+            if ("url" === identifier || "url-prefix" === identifier || "domain" === identifier) {
+              _1_0 = _this._tryUrlContents$2$name(new A._SpanScannerState(t1, t6), identifier);
+              if (_1_0 != null)
+                buffer.addInterpolation$1(_1_0);
+              else {
+                t1.expectChar$1(40);
+                _this.whitespace$1$consumeNewlines(false);
+                argument = _this.interpolatedString$0();
+                t1.expectChar$1(41);
+                t3._contents += identifier;
+                t6 = A.Primitives_stringFromCharCode(40);
+                t3._contents += t6;
+                buffer.addInterpolation$1(argument.asInterpolation$0());
+                t6 = A.Primitives_stringFromCharCode(41);
+                t3._contents += t6;
+              }
+              t6 = t3._contents;
+              trailing = t6.charCodeAt(0) == 0 ? t6 : t6;
+              if (!B.JSString_methods.endsWith$1(trailing, "url-prefix()") && !B.JSString_methods.endsWith$1(trailing, "url-prefix('')") && !B.JSString_methods.endsWith$1(trailing, 'url-prefix("")'))
+                _box_0.needsDeprecationWarning = true;
+              break $label0$0;
+            }
+            if ("regexp" === identifier) {
+              t3._contents += "regexp(";
+              t1.expectChar$1(40);
+              buffer.addInterpolation$1(_this.interpolatedString$0().asInterpolation$0());
+              t1.expectChar$1(41);
+              t6 = A.Primitives_stringFromCharCode(41);
+              t3._contents += t6;
+              _box_0.needsDeprecationWarning = true;
+              break $label0$0;
+            }
+            endPosition = t1._string_scanner$_position;
+            t7 = t1._sourceFile;
+            t8 = new A._FileSpan(t7, t6, endPosition);
+            t8._FileSpan$3(t7, t6, endPosition);
+            _this.error$2(0, "Invalid function name.", t8);
+          }
+        }
+        _this.whitespace$1$consumeNewlines(false);
+        if (!t1.scanChar$1(44))
+          break;
+        t6 = A.Primitives_stringFromCharCode(44);
+        t3._contents += t6;
+        start0 = t1._string_scanner$_position;
+        new A.StylesheetParser_mozDocumentRule_closure(_this).call$0();
+        end = t1._string_scanner$_position;
+        t3._contents += B.JSString_methods.substring$2(t1.string, start0, end);
+      }
+      return _this._withChildren$3(_this.get$_statement(), start, new A.StylesheetParser_mozDocumentRule_closure0(_box_0, _this, $name, buffer.interpolation$1(t1.spanFrom$1(new A._SpanScannerState(t1, t2)))));
+    },
+    supportsRule$1(start) {
+      var condition, _this = this;
+      _this.whitespace$1$consumeNewlines(false);
+      condition = _this._supportsCondition$0();
+      _this.whitespace$1$consumeNewlines(false);
+      return _this._withChildren$3(_this.get$_statement(), start, new A.StylesheetParser_supportsRule_closure(condition));
+    },
+    _useRule$1(start) {
+      var url, namespace, configuration, span, t1, _this = this;
+      _this.whitespace$1$consumeNewlines(true);
+      url = _this._urlString$0();
+      _this.whitespace$1$consumeNewlines(false);
+      namespace = _this._useNamespace$2(url, start);
+      _this.whitespace$1$consumeNewlines(false);
+      configuration = _this._stylesheet$_configuration$0();
+      _this.whitespace$1$consumeNewlines(false);
+      span = _this.scanner.spanFrom$1(start);
+      if (!_this._isUseAllowed)
+        _this.error$2(0, string$.x40use_r, span);
+      _this.expectStatementSeparator$1("@use rule");
+      t1 = new A.UseRule(url, namespace, configuration == null ? B.List_empty10 : A.List_List$unmodifiable(configuration, type$.ConfiguredVariable), span);
+      t1.UseRule$4$configuration(url, namespace, span, configuration);
+      return t1;
+    },
+    _useNamespace$2(url, start) {
+      var namespace, basename, dot, t1, exception, _this = this;
+      if (_this.scanIdentifier$1("as")) {
+        _this.whitespace$1$consumeNewlines(true);
+        return _this.scanner.scanChar$1(42) ? null : _this.identifier$0();
+      }
+      basename = url.get$pathSegments().length === 0 ? "" : B.JSArray_methods.get$last(url.get$pathSegments());
+      dot = B.JSString_methods.indexOf$1(basename, ".");
+      t1 = B.JSString_methods.startsWith$1(basename, "_") ? 1 : 0;
+      namespace = B.JSString_methods.substring$2(basename, t1, dot === -1 ? basename.length : dot);
+      try {
+        t1 = new A.Parser(A.SpanScanner$(namespace, null), null)._parseIdentifier$0();
+        return t1;
+      } catch (exception) {
+        if (type$.SassFormatException._is(A.unwrapException(exception)))
+          _this.error$2(0, 'The default namespace "' + A.S(namespace) + string$.x22x20is_n, _this.scanner.spanFrom$1(start));
+        else
+          throw exception;
+      }
+    },
+    _stylesheet$_configuration$1$allowGuarded(allowGuarded) {
+      var variableNames, configuration, t1, t2, t3, $name, endPosition, t4, t5, expression, guarded, t6, span, _this = this;
+      if (!_this.scanIdentifier$1("with"))
+        return null;
+      variableNames = A.LinkedHashSet_LinkedHashSet$_empty(type$.String);
+      configuration = A._setArrayType([], type$.JSArray_ConfiguredVariable);
+      _this.whitespace$1$consumeNewlines(true);
+      t1 = _this.scanner;
+      t1.expectChar$1(40);
+      for (t2 = _this.warnings; true;) {
+        _this.whitespace$1$consumeNewlines(true);
+        t3 = t1._string_scanner$_position;
+        t1.expectChar$1(36);
+        $name = _this.identifier$1$normalize(true);
+        if (B.JSString_methods.startsWith$1($name, "-")) {
+          endPosition = t1._string_scanner$_position;
+          t4 = t1._sourceFile;
+          t5 = new A._FileSpan(t4, t3, endPosition);
+          t5._FileSpan$3(t4, t3, endPosition);
+          t2.push(new A._Record_3_deprecation_message_span(B.Deprecation_8uC, string$.Config, t5));
+        }
+        _this.whitespace$1$consumeNewlines(true);
+        t1.expectChar$1(58);
+        _this.whitespace$1$consumeNewlines(true);
+        expression = _this.expressionUntilComma$0();
+        t4 = t1._string_scanner$_position;
+        if (allowGuarded && t1.scanChar$1(33)) {
+          guarded = _this.identifier$0() === "default";
+          if (guarded)
+            _this.whitespace$1$consumeNewlines(true);
+          else {
+            endPosition = t1._string_scanner$_position;
+            t5 = t1._sourceFile;
+            t6 = new A._FileSpan(t5, t4, endPosition);
+            t6._FileSpan$3(t5, t4, endPosition);
+            _this.error$2(0, "Invalid flag name.", t6);
+          }
+        } else
+          guarded = false;
+        endPosition = t1._string_scanner$_position;
+        t4 = t1._sourceFile;
+        span = new A._FileSpan(t4, t3, endPosition);
+        span._FileSpan$3(t4, t3, endPosition);
+        if (variableNames.contains$1(0, $name))
+          _this.error$2(0, string$.The_sa, span);
+        variableNames.add$1(0, $name);
+        configuration.push(new A.ConfiguredVariable($name, expression, guarded, span));
+        if (!t1.scanChar$1(44))
+          break;
+        _this.whitespace$1$consumeNewlines(true);
+        if (!_this._lookingAtExpression$0())
+          break;
+      }
+      t1.expectChar$1(41);
+      return configuration;
+    },
+    _stylesheet$_configuration$0() {
+      return this._stylesheet$_configuration$1$allowGuarded(false);
+    },
+    _warnRule$1(start) {
+      var value, t1, t2, _this = this;
+      _this.whitespace$1$consumeNewlines(true);
+      value = _this._expression$0();
+      t1 = _this.scanner;
+      t2 = t1._string_scanner$_position;
+      _this.expectStatementSeparator$1("@warn rule");
+      return new A.WarnRule(value, t1.spanFrom$2(start, new A._SpanScannerState(t1, t2)));
+    },
+    _whileRule$2(start, child) {
+      var wasInControlDirective, _this = this;
+      _this.whitespace$1$consumeNewlines(true);
+      wasInControlDirective = _this._inControlDirective;
+      _this._inControlDirective = true;
+      return _this._withChildren$3(child, start, new A.StylesheetParser__whileRule_closure(_this, wasInControlDirective, _this._expression$0()));
+    },
+    unknownAtRule$2(start, $name) {
+      var t2, t3, rule, _this = this, t1 = {},
+        wasInUnknownAtRule = _this._stylesheet$_inUnknownAtRule;
+      _this._stylesheet$_inUnknownAtRule = true;
+      _this.whitespace$1$consumeNewlines(false);
+      t1.value = null;
+      t2 = _this.scanner;
+      t3 = t2.peekChar$0() !== 33 && !_this.atEndOfStatement$0() ? t1.value = _this._interpolatedDeclarationValue$1$allowOpenBrace(false) : null;
+      if (_this.lookingAtChildren$0())
+        rule = _this._withChildren$3(_this.get$_statement(), start, new A.StylesheetParser_unknownAtRule_closure(t1, $name));
+      else {
+        _this.expectStatementSeparator$0();
+        rule = A.AtRule$($name, t2.spanFrom$1(start), null, t3);
+      }
+      _this._stylesheet$_inUnknownAtRule = wasInUnknownAtRule;
+      return rule;
+    },
+    _disallowedAtRule$1(start) {
+      var _this = this;
+      _this.whitespace$1$consumeNewlines(false);
+      _this._interpolatedDeclarationValue$2$allowEmpty$allowOpenBrace(true, false);
+      _this.error$2(0, "This at-rule is not allowed here.", _this.scanner.spanFrom$1(start));
+    },
+    _parameterList$0() {
+      var parameters, named, restParameter, t3, $name, defaultValue, endPosition, t4, t5, _this = this,
+        t1 = _this.scanner,
+        t2 = t1._string_scanner$_position;
+      t1.expectChar$1(40);
+      _this.whitespace$1$consumeNewlines(true);
+      parameters = A._setArrayType([], type$.JSArray_Parameter);
+      named = A.LinkedHashSet_LinkedHashSet$_empty(type$.String);
+      for (; restParameter = null, t1.peekChar$0() === 36;) {
+        t3 = t1._string_scanner$_position;
+        t1.expectChar$1(36);
+        $name = _this.identifier$1$normalize(true);
+        _this.whitespace$1$consumeNewlines(true);
+        if (t1.scanChar$1(58)) {
+          _this.whitespace$1$consumeNewlines(true);
+          defaultValue = _this.expressionUntilComma$0();
+        } else {
+          if (t1.scanChar$1(46)) {
+            t1.expectChar$1(46);
+            t1.expectChar$1(46);
+            _this.whitespace$1$consumeNewlines(true);
+            if (t1.scanChar$1(44))
+              _this.whitespace$1$consumeNewlines(true);
+            restParameter = $name;
+            break;
+          }
+          defaultValue = null;
+        }
+        endPosition = t1._string_scanner$_position;
+        t4 = t1._sourceFile;
+        t5 = new A._FileSpan(t4, t3, endPosition);
+        t5._FileSpan$3(t4, t3, endPosition);
+        parameters.push(new A.Parameter($name, defaultValue, t5));
+        if (!named.add$1(0, $name))
+          _this.error$2(0, "Duplicate parameter.", B.JSArray_methods.get$last(parameters).span);
+        if (!t1.scanChar$1(44))
+          break;
+        _this.whitespace$1$consumeNewlines(true);
+      }
+      t1.expectChar$1(41);
+      t1 = t1.spanFrom$1(new A._SpanScannerState(t1, t2));
+      return new A.ParameterList(A.List_List$unmodifiable(parameters, type$.Parameter), restParameter, t1);
+    },
+    _argumentInvocation$2$allowEmptySecondArg$mixin(allowEmptySecondArg, mixin) {
+      var positional, t3, t4, named, t5, t6, t7, t8, end, rest, emittedRestDeprecation, keywordRest, expression, emittedRestDeprecation0, t9, end0, t10, result, _this = this,
+        t1 = _this.scanner,
+        t2 = t1._string_scanner$_position;
+      t1.expectChar$1(40);
+      _this.whitespace$1$consumeNewlines(true);
+      positional = A._setArrayType([], type$.JSArray_Expression);
+      t3 = type$.String;
+      t4 = type$.Expression;
+      named = A.LinkedHashMap_LinkedHashMap$_empty(t3, t4);
+      for (t5 = !mixin, t6 = _this.warnings, t7 = type$.SourceSpan, t8 = t1._sourceFile, end = t8._decodedChars.length, rest = null, emittedRestDeprecation = false; keywordRest = null, _this._lookingAtExpression$0();) {
+        expression = _this.expressionUntilComma$1$singleEquals(t5);
+        _this.whitespace$1$consumeNewlines(true);
+        emittedRestDeprecation0 = true;
+        if (expression instanceof A.VariableExpression && t1.scanChar$1(58)) {
+          _this.whitespace$1$consumeNewlines(true);
+          t9 = expression.name;
+          if (named.containsKey$1(t9))
+            _this.error$2(0, "Duplicate argument.", expression.span);
+          named.$indexSet(0, t9, _this.expressionUntilComma$1$singleEquals(t5));
+          if (rest != null && !emittedRestDeprecation) {
+            t9 = expression.span;
+            t9 = t9.get$start(t9).offset;
+            end0 = t1._string_scanner$_position;
+            t10 = new A._FileSpan(t8, t9, end0);
+            t10._FileSpan$3(t8, t9, end0);
+            t6.push(new A._Record_3_deprecation_message_span(B.Deprecation_K5M, string$.Named_, new A.MultiSpan(t10, "named argument", A.ConstantMap_ConstantMap$from(A.LinkedHashMap_LinkedHashMap$_literal([rest.get$span(rest), "rest argument"], t7, t3), t7, t3))));
+            emittedRestDeprecation = emittedRestDeprecation0;
+          }
+        } else if (t1.scanChar$1(46)) {
+          t1.expectChar$1(46);
+          t1.expectChar$1(46);
+          if (rest != null) {
+            _this.whitespace$1$consumeNewlines(true);
+            if (t1.scanChar$1(44))
+              _this.whitespace$1$consumeNewlines(true);
+            keywordRest = expression;
+            break;
+          }
+          rest = expression;
+        } else if (named.__js_helper$_length !== 0)
+          _this.error$2(0, string$.Positik, expression.get$span(expression));
+        else {
+          positional.push(expression);
+          if (rest != null && !emittedRestDeprecation) {
+            t6.push(new A._Record_3_deprecation_message_span(B.Deprecation_K5M, string$.Positir, new A.MultiSpan(expression.get$span(expression), "positional argument", A.ConstantMap_ConstantMap$from(A.LinkedHashMap_LinkedHashMap$_literal([rest.get$span(rest), "rest argument"], t7, t3), t7, t3))));
+            emittedRestDeprecation = emittedRestDeprecation0;
+          }
+        }
+        _this.whitespace$1$consumeNewlines(true);
+        if (!t1.scanChar$1(44))
+          break;
+        _this.whitespace$1$consumeNewlines(true);
+        if (allowEmptySecondArg && positional.length === 1 && named.__js_helper$_length === 0 && rest == null && t1.peekChar$0() === 41) {
+          t5 = t1._string_scanner$_position;
+          new A.FileLocation(t8, t5).FileLocation$_$2(t8, t5);
+          t6 = new A._FileSpan(t8, t5, t5);
+          t6._FileSpan$3(t8, t5, t5);
+          result = A.List_List$from([""], false, type$.Object);
+          result.$flags = 3;
+          positional.push(new A.StringExpression(new A.Interpolation(result, B.List_null, t6), false));
+          break;
+        }
+      }
+      t1.expectChar$1(41);
+      t1 = t1.spanFrom$1(new A._SpanScannerState(t1, t2));
+      return new A.ArgumentList(A.List_List$unmodifiable(positional, t4), A.ConstantMap_ConstantMap$from(named, t3, t4), rest, keywordRest, t1);
+    },
+    _argumentInvocation$0() {
+      return this._argumentInvocation$2$allowEmptySecondArg$mixin(false, false);
+    },
+    _argumentInvocation$1$allowEmptySecondArg(allowEmptySecondArg) {
+      return this._argumentInvocation$2$allowEmptySecondArg$mixin(allowEmptySecondArg, false);
+    },
+    _argumentInvocation$1$mixin(mixin) {
+      return this._argumentInvocation$2$allowEmptySecondArg$mixin(false, mixin);
+    },
+    _expression$4$bracketList$consumeNewlines$singleEquals$until(bracketList, consumeNewlines, singleEquals, until) {
+      var t2, beforeBracket, start, wasInExpression, wasInParentheses, resetState, resolveOneOperation, resolveOperations, addSingleExpression, addOperator, resolveSpaceExpressions, t3, t4, _3_0, _1_0, t5, _3_28, _2_0, _3_32, _3_40, commaExpressions, spaceExpressions, singleExpression, _this = this,
+        _s20_ = "Expected expression.",
+        _box_0 = {},
+        t1 = until != null;
+      if (t1 && until.call$0())
+        _this.scanner.error$1(0, _s20_);
+      if (bracketList) {
+        t2 = _this.scanner;
+        beforeBracket = new A._SpanScannerState(t2, t2._string_scanner$_position);
+        t2.expectChar$1(91);
+        _this.whitespace$1$consumeNewlines(true);
+        if (t2.scanChar$1(93)) {
+          t1 = A._setArrayType([], type$.JSArray_Expression);
+          t2 = t2.spanFrom$1(beforeBracket);
+          return new A.ListExpression(A.List_List$unmodifiable(t1, type$.Expression), B.ListSeparator_undecided_null_undecided, true, t2);
+        }
+      } else
+        beforeBracket = null;
+      t2 = _this.scanner;
+      start = new A._SpanScannerState(t2, t2._string_scanner$_position);
+      wasInExpression = _this._inExpression;
+      wasInParentheses = _this._inParentheses;
+      _this._inExpression = true;
+      _box_0.operands_ = _box_0.operators_ = _box_0.spaceExpressions_ = _box_0.commaExpressions_ = null;
+      _box_0.allowSlash = true;
+      _box_0.singleExpression_ = _this._singleExpression$0();
+      resetState = new A.StylesheetParser__expression_resetState(_box_0, _this, start);
+      resolveOneOperation = new A.StylesheetParser__expression_resolveOneOperation(_box_0, _this);
+      resolveOperations = new A.StylesheetParser__expression_resolveOperations(_box_0, resolveOneOperation);
+      addSingleExpression = new A.StylesheetParser__expression_addSingleExpression(_box_0, _this, resetState, resolveOperations);
+      addOperator = new A.StylesheetParser__expression_addOperator(_box_0, _this, resolveOneOperation, addSingleExpression);
+      resolveSpaceExpressions = new A.StylesheetParser__expression_resolveSpaceExpressions(_box_0, _this, resolveOperations);
+      for (t3 = !consumeNewlines, t4 = type$.JSArray_Expression; true;) {
+        _this.whitespace$1$consumeNewlines(!t3 || bracketList);
+        if (t1 && until.call$0())
+          break;
+        _3_0 = t2.peekChar$0();
+        if (_3_0 == null)
+          break;
+        if (40 === _3_0) {
+          addSingleExpression.call$1(_this.parentheses$0());
+          continue;
+        }
+        if (91 === _3_0) {
+          addSingleExpression.call$1(_this._expression$1$bracketList(true));
+          continue;
+        }
+        if (36 === _3_0) {
+          addSingleExpression.call$1(_this._variable$0());
+          continue;
+        }
+        if (38 === _3_0) {
+          addSingleExpression.call$1(_this._selector$0());
+          continue;
+        }
+        if (39 === _3_0 || 34 === _3_0) {
+          addSingleExpression.call$1(_this.interpolatedString$0());
+          continue;
+        }
+        if (35 === _3_0) {
+          addSingleExpression.call$1(_this._hashExpression$0());
+          continue;
+        }
+        if (61 === _3_0) {
+          t2.readChar$0();
+          if (singleEquals && t2.peekChar$0() !== 61)
+            addOperator.call$1(B.BinaryOperator_Kyq);
+          else {
+            t2.expectChar$1(61);
+            addOperator.call$1(B.BinaryOperator_r84);
+          }
+          continue;
+        }
+        if (33 === _3_0) {
+          $label0$1: {
+            _1_0 = t2.peekChar$1(1);
+            if (61 === _1_0) {
+              t2.readChar$0();
+              t2.readChar$0();
+              addOperator.call$1(B.BinaryOperator_qGq);
+              break $label0$1;
+            }
+            t5 = true;
+            if (_1_0 != null)
+              if (105 !== _1_0)
+                if (73 !== _1_0)
+                  t5 = _1_0 === 32 || _1_0 === 9 || _1_0 === 10 || _1_0 === 13 || _1_0 === 12;
+            if (t5) {
+              addSingleExpression.call$1(_this._importantExpression$0());
+              break $label0$1;
+            }
+            break;
+          }
+          continue;
+        }
+        if (60 === _3_0) {
+          t2.readChar$0();
+          addOperator.call$1(t2.scanChar$1(61) ? B.BinaryOperator_FPG : B.BinaryOperator_qHy);
+          continue;
+        }
+        if (62 === _3_0) {
+          t2.readChar$0();
+          addOperator.call$1(t2.scanChar$1(61) ? B.BinaryOperator_JiR : B.BinaryOperator_o8O);
+          continue;
+        }
+        if (42 === _3_0) {
+          t2.readChar$0();
+          addOperator.call$1(B.BinaryOperator_tht);
+          continue;
+        }
+        _3_28 = 43 === _3_0;
+        if (_3_28 && _box_0.singleExpression_ == null) {
+          addSingleExpression.call$1(_this._unaryOperation$0());
+          continue;
+        }
+        if (_3_28) {
+          t2.readChar$0();
+          addOperator.call$1(B.BinaryOperator_Swh);
+          continue;
+        }
+        if (45 === _3_0) {
+          _2_0 = t2.peekChar$1(1);
+          if (A._isInt(_2_0) && _2_0 >= 48 && _2_0 <= 57 || 46 === _2_0)
+            if (_box_0.singleExpression_ != null) {
+              t5 = t2.peekChar$1(-1);
+              t5 = t5 === 32 || t5 === 9 || t5 === 10 || t5 === 13 || t5 === 12;
+            } else
+              t5 = true;
+          else
+            t5 = false;
+          if (t5)
+            addSingleExpression.call$1(_this._number$0());
+          else if (_this._lookingAtInterpolatedIdentifier$0())
+            addSingleExpression.call$1(_this.identifierLike$0());
+          else if (_box_0.singleExpression_ == null)
+            addSingleExpression.call$1(_this._unaryOperation$0());
+          else {
+            t2.readChar$0();
+            addOperator.call$1(B.BinaryOperator_QG1);
+          }
+          continue;
+        }
+        _3_32 = 47 === _3_0;
+        if (_3_32 && _box_0.singleExpression_ == null) {
+          addSingleExpression.call$1(_this._unaryOperation$0());
+          continue;
+        }
+        if (_3_32) {
+          t2.readChar$0();
+          addOperator.call$1(B.BinaryOperator_Mh5);
+          continue;
+        }
+        if (37 === _3_0) {
+          t2.readChar$0();
+          addOperator.call$1(B.BinaryOperator_s7T);
+          continue;
+        }
+        if (_3_0 >= 48 && _3_0 <= 57) {
+          addSingleExpression.call$1(_this._number$0());
+          continue;
+        }
+        _3_40 = 46 === _3_0;
+        if (_3_40 && t2.peekChar$1(1) === 46)
+          break;
+        if (_3_40) {
+          addSingleExpression.call$1(_this._number$0());
+          continue;
+        }
+        if (97 === _3_0 && !_this.get$plainCss() && _this.scanIdentifier$1("and")) {
+          addOperator.call$1(B.BinaryOperator_uke);
+          continue;
+        }
+        if (111 === _3_0 && !_this.get$plainCss() && _this.scanIdentifier$1("or")) {
+          addOperator.call$1(B.BinaryOperator_tKu);
+          continue;
+        }
+        if ((117 === _3_0 || 85 === _3_0) && t2.peekChar$1(1) === 43) {
+          addSingleExpression.call$1(_this._unicodeRange$0());
+          continue;
+        }
+        if (!(_3_0 >= 97 && _3_0 <= 122))
+          t5 = _3_0 >= 65 && _3_0 <= 90 || 95 === _3_0 || 92 === _3_0 || _3_0 >= 128;
+        else
+          t5 = true;
+        if (t5) {
+          addSingleExpression.call$1(_this.identifierLike$0());
+          continue;
+        }
+        if (44 === _3_0) {
+          if (_this._inParentheses) {
+            _this._inParentheses = false;
+            if (_box_0.allowSlash) {
+              resetState.call$0();
+              continue;
+            }
+          }
+          commaExpressions = _box_0.commaExpressions_;
+          if (commaExpressions == null)
+            commaExpressions = _box_0.commaExpressions_ = A._setArrayType([], t4);
+          if (_box_0.singleExpression_ == null)
+            t2.error$1(0, _s20_);
+          resolveSpaceExpressions.call$0();
+          t5 = _box_0.singleExpression_;
+          t5.toString;
+          commaExpressions.push(t5);
+          t2.readChar$0();
+          _box_0.allowSlash = true;
+          _box_0.singleExpression_ = null;
+          continue;
+        }
+        break;
+      }
+      if (bracketList)
+        t2.expectChar$1(93);
+      commaExpressions = _box_0.commaExpressions_;
+      spaceExpressions = _box_0.spaceExpressions_;
+      if (commaExpressions != null) {
+        resolveSpaceExpressions.call$0();
+        _this._inParentheses = wasInParentheses;
+        singleExpression = _box_0.singleExpression_;
+        if (singleExpression != null)
+          commaExpressions.push(singleExpression);
+        _this._inExpression = wasInExpression;
+        t1 = t2.spanFrom$1(beforeBracket == null ? start : beforeBracket);
+        return new A.ListExpression(A.List_List$unmodifiable(commaExpressions, type$.Expression), B.ListSeparator_qVN, bracketList, t1);
+      } else if (bracketList && spaceExpressions != null) {
+        resolveOperations.call$0();
+        _this._inExpression = wasInExpression;
+        t1 = _box_0.singleExpression_;
+        t1.toString;
+        spaceExpressions.push(t1);
+        beforeBracket.toString;
+        t2 = t2.spanFrom$1(beforeBracket);
+        return new A.ListExpression(A.List_List$unmodifiable(spaceExpressions, type$.Expression), B.ListSeparator_qSL, true, t2);
+      } else {
+        resolveSpaceExpressions.call$0();
+        if (bracketList) {
+          t1 = _box_0.singleExpression_;
+          t1.toString;
+          t4 = A._setArrayType([t1], t4);
+          beforeBracket.toString;
+          t2 = t2.spanFrom$1(beforeBracket);
+          _box_0.singleExpression_ = new A.ListExpression(A.List_List$unmodifiable(t4, type$.Expression), B.ListSeparator_undecided_null_undecided, true, t2);
+        }
+        _this._inExpression = wasInExpression;
+        t1 = _box_0.singleExpression_;
+        t1.toString;
+        return t1;
+      }
+    },
+    _expression$0() {
+      return this._expression$4$bracketList$consumeNewlines$singleEquals$until(false, false, false, null);
+    },
+    _expression$1$consumeNewlines(consumeNewlines) {
+      return this._expression$4$bracketList$consumeNewlines$singleEquals$until(false, consumeNewlines, false, null);
+    },
+    _expression$3$consumeNewlines$singleEquals$until(consumeNewlines, singleEquals, until) {
+      return this._expression$4$bracketList$consumeNewlines$singleEquals$until(false, consumeNewlines, singleEquals, until);
+    },
+    _expression$1$bracketList(bracketList) {
+      return this._expression$4$bracketList$consumeNewlines$singleEquals$until(bracketList, false, false, null);
+    },
+    _expression$2$consumeNewlines$until(consumeNewlines, until) {
+      return this._expression$4$bracketList$consumeNewlines$singleEquals$until(false, consumeNewlines, false, until);
+    },
+    expressionUntilComma$1$singleEquals(singleEquals) {
+      return this._expression$3$consumeNewlines$singleEquals$until(true, singleEquals, new A.StylesheetParser_expressionUntilComma_closure(this));
+    },
+    expressionUntilComma$0() {
+      return this.expressionUntilComma$1$singleEquals(false);
+    },
+    _isSlashOperand$1(expression) {
+      var t1 = true;
+      if (!(expression instanceof A.NumberExpression))
+        if (!(expression instanceof A.FunctionExpression))
+          t1 = expression instanceof A.BinaryOperationExpression && expression.allowsSlash;
+      return t1;
+    },
+    _singleExpression$0() {
+      var next, t2, _this = this,
+        _s20_ = "Expected expression.",
+        t1 = _this.scanner,
+        _0_0 = t1.peekChar$0();
+      $label0$0: {
+        if (_0_0 == null)
+          t1.error$1(0, _s20_);
+        if (40 === _0_0) {
+          t1 = _this.parentheses$0();
+          break $label0$0;
+        }
+        if (47 === _0_0) {
+          t1 = _this._unaryOperation$0();
+          break $label0$0;
+        }
+        if (46 === _0_0) {
+          t1 = _this._number$0();
+          break $label0$0;
+        }
+        if (91 === _0_0) {
+          t1 = _this._expression$1$bracketList(true);
+          break $label0$0;
+        }
+        if (36 === _0_0) {
+          t1 = _this._variable$0();
+          break $label0$0;
+        }
+        if (38 === _0_0) {
+          t1 = _this._selector$0();
+          break $label0$0;
+        }
+        if (39 === _0_0 || 34 === _0_0) {
+          t1 = _this.interpolatedString$0();
+          break $label0$0;
+        }
+        if (35 === _0_0) {
+          t1 = _this._hashExpression$0();
+          break $label0$0;
+        }
+        if (43 === _0_0) {
+          next = t1.peekChar$1(1);
+          t1 = next != null && next >= 48 && next <= 57 || next === 46 ? _this._number$0() : _this._unaryOperation$0();
+          break $label0$0;
+        }
+        if (45 === _0_0) {
+          t1 = _this._minusExpression$0();
+          break $label0$0;
+        }
+        if (33 === _0_0) {
+          t1 = _this._importantExpression$0();
+          break $label0$0;
+        }
+        if (37 === _0_0) {
+          t2 = t1._string_scanner$_position;
+          t1.readChar$0();
+          t2 = t1.spanFrom$1(new A._SpanScannerState(t1, t2));
+          t2 = new A.StringExpression(new A.Interpolation(A.List_List$unmodifiable(["%"], type$.Object), B.List_null, t2), false);
+          t1 = t2;
+          break $label0$0;
+        }
+        if ((117 === _0_0 || 85 === _0_0) && t1.peekChar$1(1) === 43) {
+          t1 = _this._unicodeRange$0();
+          break $label0$0;
+        }
+        if (_0_0 >= 48 && _0_0 <= 57) {
+          t1 = _this._number$0();
+          break $label0$0;
+        }
+        if (!(_0_0 >= 97 && _0_0 <= 122))
+          t2 = _0_0 >= 65 && _0_0 <= 90 || 95 === _0_0 || 92 === _0_0 || _0_0 >= 128;
+        else
+          t2 = true;
+        if (t2) {
+          t1 = _this.identifierLike$0();
+          break $label0$0;
+        }
+        t1 = t1.error$1(0, _s20_);
+      }
+      return t1;
+    },
+    parentheses$0() {
+      var start, inside, first, expressions, list, t1, t2, _this = this,
+        wasInParentheses = _this._inParentheses;
+      _this._inParentheses = true;
+      try {
+        t1 = _this.scanner;
+        start = new A._SpanScannerState(t1, t1._string_scanner$_position);
+        t1.expectChar$1(40);
+        _this.whitespace$1$consumeNewlines(true);
+        inside = new A._SpanScannerState(t1, t1._string_scanner$_position);
+        if (!_this._lookingAtExpression$0()) {
+          t1.expectChar$1(41);
+          t2 = A._setArrayType([], type$.JSArray_Expression);
+          t1 = t1.spanFrom$1(start);
+          t2 = A.List_List$unmodifiable(t2, type$.Expression);
+          return new A.ListExpression(t2, B.ListSeparator_undecided_null_undecided, false, t1);
+        }
+        first = _this.expressionUntilComma$0();
+        if (t1.scanChar$1(58)) {
+          _this.whitespace$1$consumeNewlines(true);
+          t1 = _this._stylesheet$_map$2(first, start);
+          return t1;
+        }
+        if (!t1.scanChar$1(44)) {
+          t1.expectChar$1(41);
+          t1 = t1.spanFrom$1(start);
+          return new A.ParenthesizedExpression(first, t1);
+        }
+        _this.whitespace$1$consumeNewlines(true);
+        expressions = A._setArrayType([first], type$.JSArray_Expression);
+        for (; true;) {
+          if (!_this._lookingAtExpression$0())
+            break;
+          J.add$1$ax(expressions, _this.expressionUntilComma$0());
+          if (!t1.scanChar$1(44))
+            break;
+          _this.whitespace$1$consumeNewlines(true);
+        }
+        t2 = t1.spanFrom$1(inside);
+        list = new A.ListExpression(A.List_List$unmodifiable(expressions, type$.Expression), B.ListSeparator_qVN, false, t2);
+        t1.expectChar$1(41);
+        t1 = t1.spanFrom$1(start);
+        return new A.ParenthesizedExpression(list, t1);
+      } finally {
+        _this._inParentheses = wasInParentheses;
+      }
+    },
+    _stylesheet$_map$2(first, start) {
+      var t1, key, _this = this,
+        pairs = A._setArrayType([new A._Record_2(first, _this.expressionUntilComma$0())], type$.JSArray_Record_2_Expression_and_Expression);
+      for (t1 = _this.scanner; t1.scanChar$1(44);) {
+        _this.whitespace$1$consumeNewlines(true);
+        if (!_this._lookingAtExpression$0())
+          break;
+        key = _this.expressionUntilComma$0();
+        t1.expectChar$1(58);
+        _this.whitespace$1$consumeNewlines(true);
+        pairs.push(new A._Record_2(key, _this.expressionUntilComma$0()));
+      }
+      t1.expectChar$1(41);
+      t1 = t1.spanFrom$1(start);
+      return new A.MapExpression(A.List_List$unmodifiable(pairs, type$.Record_2_Expression_and_Expression), t1);
+    },
+    _hashExpression$0() {
+      var start, t2, identifier, buffer, t3, _this = this,
+        t1 = _this.scanner;
+      if (t1.peekChar$1(1) === 123)
+        return _this.identifierLike$0();
+      start = new A._SpanScannerState(t1, t1._string_scanner$_position);
+      t1.expectChar$1(35);
+      t2 = t1.peekChar$0();
+      if (t2 == null)
+        t2 = null;
+      else
+        t2 = t2 >= 48 && t2 <= 57;
+      if (t2 === true)
+        return new A.ColorExpression(_this._hexColorContents$1(start), t1.spanFrom$1(start));
+      t2 = t1._string_scanner$_position;
+      identifier = _this.interpolatedIdentifier$0();
+      if (_this._isHexColor$1(identifier)) {
+        t1.set$state(new A._SpanScannerState(t1, t2));
+        return new A.ColorExpression(_this._hexColorContents$1(start), t1.spanFrom$1(start));
+      }
+      t2 = new A.StringBuffer("");
+      buffer = new A.InterpolationBuffer(t2, A._setArrayType([], type$.JSArray_Object), A._setArrayType([], type$.JSArray_nullable_FileSpan));
+      t3 = A.Primitives_stringFromCharCode(35);
+      t2._contents += t3;
+      buffer.addInterpolation$1(identifier);
+      return new A.StringExpression(buffer.interpolation$1(t1.spanFrom$1(start)), false);
+    },
+    _hexColorContents$1(start) {
+      var red, green, blue, alpha, digit4, t2, t3, t4, _this = this,
+        digit1 = _this._hexDigit$0(),
+        digit2 = _this._hexDigit$0(),
+        digit3 = _this._hexDigit$0(),
+        t1 = _this.scanner,
+        $self = t1.peekChar$0();
+      if (!($self != null && A.CharacterExtension_get_isHex($self))) {
+        red = (digit1 << 4 >>> 0) + digit1;
+        green = (digit2 << 4 >>> 0) + digit2;
+        blue = (digit3 << 4 >>> 0) + digit3;
+        alpha = null;
+      } else {
+        digit4 = _this._hexDigit$0();
+        $self = t1.peekChar$0();
+        t2 = $self != null && A.CharacterExtension_get_isHex($self);
+        t3 = digit1 << 4 >>> 0;
+        t4 = digit3 << 4 >>> 0;
+        if (!t2) {
+          red = t3 + digit1;
+          green = (digit2 << 4 >>> 0) + digit2;
+          blue = t4 + digit3;
+          alpha = ((digit4 << 4 >>> 0) + digit4) / 255;
+        } else {
+          red = t3 + digit2;
+          green = t4 + digit4;
+          blue = (_this._hexDigit$0() << 4 >>> 0) + _this._hexDigit$0();
+          $self = t1.peekChar$0();
+          alpha = $self != null && A.CharacterExtension_get_isHex($self) ? ((_this._hexDigit$0() << 4 >>> 0) + _this._hexDigit$0()) / 255 : null;
+        }
+      }
+      t2 = alpha == null;
+      t3 = t2 ? 1 : alpha;
+      return A.SassColor_SassColor$rgbInternal(red, green, blue, t3, t2 ? new A.SpanColorFormat(t1.spanFrom$1(start)) : null);
+    },
+    _isHexColor$1(interpolation) {
+      var _0_2, t1,
+        plain = interpolation.get$asPlain();
+      if (typeof plain == "string") {
+        _0_2 = plain.length;
+        t1 = true;
+        if (3 !== _0_2)
+          if (4 !== _0_2)
+            if (6 !== _0_2)
+              t1 = 8 === _0_2;
+      } else
+        t1 = false;
+      if (t1) {
+        t1 = new A.CodeUnits(plain);
+        return t1.every$1(t1, new A.StylesheetParser__isHexColor_closure());
+      } else
+        return false;
+    },
+    _hexDigit$0() {
+      var t1 = this.scanner,
+        t2 = t1.peekChar$0();
+      t2 = t2 == null ? null : A.CharacterExtension_get_isHex(t2);
+      return t2 === true ? A.asHex(t1.readChar$0()) : t1.error$1(0, "Expected hex digit.");
+    },
+    _minusExpression$0() {
+      var _this = this,
+        _0_0 = _this.scanner.peekChar$1(1);
+      if (A._isInt(_0_0) && _0_0 >= 48 && _0_0 <= 57 || 46 === _0_0)
+        return _this._number$0();
+      if (_this._lookingAtInterpolatedIdentifier$0())
+        return _this.identifierLike$0();
+      return _this._unaryOperation$0();
+    },
+    _importantExpression$0() {
+      var t1 = this.scanner,
+        t2 = t1._string_scanner$_position;
+      t1.readChar$0();
+      this.whitespace$1$consumeNewlines(true);
+      this.expectIdentifier$1("important");
+      t2 = t1.spanFrom$1(new A._SpanScannerState(t1, t2));
+      return new A.StringExpression(new A.Interpolation(A.List_List$unmodifiable(["!important"], type$.Object), B.List_null, t2), false);
+    },
+    _unaryOperation$0() {
+      var _this = this,
+        t1 = _this.scanner,
+        t2 = t1._string_scanner$_position,
+        operator = _this._unaryOperatorFor$1(t1.readChar$0());
+      if (operator == null)
+        t1.error$2$position(0, "Expected unary operator.", t1._string_scanner$_position - 1);
+      else if (_this.get$plainCss() && operator !== B.UnaryOperator_lZV)
+        t1.error$3$length$position(0, "Operators aren't allowed in plain CSS.", 1, t1._string_scanner$_position - 1);
+      _this.whitespace$1$consumeNewlines(true);
+      return new A.UnaryOperationExpression(operator, _this._singleExpression$0(), t1.spanFrom$1(new A._SpanScannerState(t1, t2)));
+    },
+    _unaryOperatorFor$1(character) {
+      var t1;
+      $label0$0: {
+        if (43 === character) {
+          t1 = B.UnaryOperator_Rbl;
+          break $label0$0;
+        }
+        if (45 === character) {
+          t1 = B.UnaryOperator_UCP;
+          break $label0$0;
+        }
+        if (47 === character) {
+          t1 = B.UnaryOperator_lZV;
+          break $label0$0;
+        }
+        t1 = null;
+        break $label0$0;
+      }
+      return t1;
+    },
+    _number$0() {
+      var number, unit, _this = this,
+        t1 = _this.scanner,
+        t2 = t1._string_scanner$_position,
+        first = t1.peekChar$0(),
+        t3 = first !== 43;
+      if (!t3 || first === 45)
+        t1.readChar$0();
+      if (t1.peekChar$0() !== 46)
+        _this._consumeNaturalNumber$0();
+      _this._tryDecimal$1$allowTrailingDot(t1._string_scanner$_position !== t2 && t3 && first !== 45);
+      _this._tryExponent$0();
+      number = A.double_parse(t1.substring$1(0, t2));
+      if (t1.scanChar$1(37))
+        unit = "%";
+      else {
+        if (_this.lookingAtIdentifier$0())
+          t3 = t1.peekChar$0() !== 45 || t1.peekChar$1(1) !== 45;
+        else
+          t3 = false;
+        unit = t3 ? _this.identifier$1$unit(true) : null;
+      }
+      return new A.NumberExpression(number, unit, t1.spanFrom$1(new A._SpanScannerState(t1, t2)));
+    },
+    _consumeNaturalNumber$0() {
+      var $self,
+        t1 = this.scanner,
+        t2 = t1.readChar$0();
+      if (!(t2 >= 48 && t2 <= 57))
+        t1.error$2$position(0, "Expected digit.", t1._string_scanner$_position - 1);
+      while (true) {
+        $self = t1.peekChar$0();
+        if (!($self != null && $self >= 48 && $self <= 57))
+          break;
+        t1.readChar$0();
+      }
+    },
+    _tryDecimal$1$allowTrailingDot(allowTrailingDot) {
+      var $self,
+        t1 = this.scanner;
+      if (t1.peekChar$0() !== 46)
+        return;
+      $self = t1.peekChar$1(1);
+      if (!($self != null && $self >= 48 && $self <= 57)) {
+        if (allowTrailingDot)
+          return;
+        t1.error$2$position(0, "Expected digit.", t1._string_scanner$_position + 1);
+      }
+      t1.readChar$0();
+      while (true) {
+        $self = t1.peekChar$0();
+        if (!($self != null && $self >= 48 && $self <= 57))
+          break;
+        t1.readChar$0();
+      }
+    },
+    _tryExponent$0() {
+      var next, $self,
+        t1 = this.scanner,
+        first = t1.peekChar$0();
+      if (first !== 101 && first !== 69)
+        return;
+      next = t1.peekChar$1(1);
+      if (!(next != null && next >= 48 && next <= 57) && next !== 45 && next !== 43)
+        return;
+      t1.readChar$0();
+      if (43 === next || 45 === next)
+        t1.readChar$0();
+      $self = t1.peekChar$0();
+      if (!($self != null && $self >= 48 && $self <= 57))
+        t1.error$1(0, "Expected digit.");
+      while (true) {
+        $self = t1.peekChar$0();
+        if (!($self != null && $self >= 48 && $self <= 57))
+          break;
+        t1.readChar$0();
+      }
+    },
+    _unicodeRange$0() {
+      var firstRangeLength, hasQuestionMark, t3, secondRangeLength, _this = this,
+        _s26_ = "Expected at most 6 digits.",
+        t1 = _this.scanner,
+        t2 = t1._string_scanner$_position,
+        start = new A._SpanScannerState(t1, t2);
+      _this.expectIdentChar$1(117);
+      t1.expectChar$1(43);
+      for (firstRangeLength = 0; _this.scanCharIf$1(new A.StylesheetParser__unicodeRange_closure());)
+        ++firstRangeLength;
+      for (hasQuestionMark = false; t1.scanChar$1(63); hasQuestionMark = true)
+        ++firstRangeLength;
+      if (firstRangeLength === 0)
+        t1.error$1(0, 'Expected hex digit or "?".');
+      else if (firstRangeLength > 6)
+        _this.error$2(0, _s26_, t1.spanFrom$1(start));
+      else if (hasQuestionMark) {
+        t2 = t1.substring$1(0, t2);
+        t1 = t1.spanFrom$1(start);
+        return new A.StringExpression(new A.Interpolation(A.List_List$unmodifiable([t2], type$.Object), B.List_null, t1), false);
+      }
+      if (t1.scanChar$1(45)) {
+        t3 = t1._string_scanner$_position;
+        for (secondRangeLength = 0; _this.scanCharIf$1(new A.StylesheetParser__unicodeRange_closure0());)
+          ++secondRangeLength;
+        if (secondRangeLength === 0)
+          t1.error$1(0, "Expected hex digit.");
+        else if (secondRangeLength > 6)
+          _this.error$2(0, _s26_, t1.spanFrom$1(new A._SpanScannerState(t1, t3)));
+      }
+      if (_this._lookingAtInterpolatedIdentifierBody$0())
+        t1.error$1(0, "Expected end of identifier.");
+      t2 = t1.substring$1(0, t2);
+      t1 = t1.spanFrom$1(start);
+      return new A.StringExpression(new A.Interpolation(A.List_List$unmodifiable([t2], type$.Object), B.List_null, t1), false);
+    },
+    _variable$0() {
+      var _this = this,
+        t1 = _this.scanner,
+        start = new A._SpanScannerState(t1, t1._string_scanner$_position),
+        $name = _this.variableName$0();
+      if (_this.get$plainCss())
+        _this.error$2(0, string$.Sass_v, t1.spanFrom$1(start));
+      return new A.VariableExpression(null, $name, t1.spanFrom$1(start));
+    },
+    _selector$0() {
+      var t1, start, _this = this;
+      if (_this.get$plainCss())
+        _this.scanner.error$2$length(0, string$.The_pa, 1);
+      t1 = _this.scanner;
+      start = new A._SpanScannerState(t1, t1._string_scanner$_position);
+      t1.expectChar$1(38);
+      if (t1.scanChar$1(38)) {
+        _this.warnings.push(new A._Record_3_deprecation_message_span(null, string$.In_Sas, t1.spanFrom$1(start)));
+        t1.set$position(t1._string_scanner$_position - 1);
+      }
+      return new A.SelectorExpression(t1.spanFrom$1(start));
+    },
+    interpolatedString$0() {
+      var t3, t4, t5, buffer, _1_0, second, t6, _0_0,
+        t1 = this.scanner,
+        t2 = t1._string_scanner$_position,
+        quote = t1.readChar$0();
+      if (quote !== 39 && quote !== 34)
+        t1.error$2$position(0, "Expected string.", t2);
+      t3 = new A.StringBuffer("");
+      t4 = A._setArrayType([], type$.JSArray_Object);
+      t5 = A._setArrayType([], type$.JSArray_nullable_FileSpan);
+      buffer = new A.InterpolationBuffer(t3, t4, t5);
+      for (; true;) {
+        _1_0 = t1.peekChar$0();
+        if (_1_0 === quote) {
+          t1.readChar$0();
+          break;
+        }
+        if (_1_0 == null || _1_0 === 10 || _1_0 === 13 || _1_0 === 12)
+          t1.error$1(0, "Expected " + A.Primitives_stringFromCharCode(quote) + ".");
+        if (92 === _1_0) {
+          second = t1.peekChar$1(1);
+          if (second === 10 || second === 13 || second === 12) {
+            t1.readChar$0();
+            t1.readChar$0();
+            if (second === 13)
+              t1.scanChar$1(10);
+          } else {
+            t6 = A.Primitives_stringFromCharCode(A.consumeEscapedCharacter(t1));
+            t3._contents += t6;
+          }
+          continue;
+        }
+        if (35 === _1_0 && t1.peekChar$1(1) === 123) {
+          _0_0 = this.singleInterpolation$0();
+          buffer._flushText$0();
+          t4.push(_0_0._0);
+          t5.push(_0_0._1);
+          continue;
+        }
+        t6 = A.Primitives_stringFromCharCode(t1.readChar$0());
+        t3._contents += t6;
+      }
+      return new A.StringExpression(buffer.interpolation$1(t1.spanFrom$1(new A._SpanScannerState(t1, t2))), true);
+    },
+    identifierLike$0() {
+      var invocation, expression, _0_0, t3, t4, t5, _1_0, _2_0, _2_2, _2_4, _this = this,
+        t1 = _this.scanner,
+        start = new A._SpanScannerState(t1, t1._string_scanner$_position),
+        identifier = _this.interpolatedIdentifier$0(),
+        plain = identifier.get$asPlain(),
+        lower = A._Cell$(),
+        t2 = plain != null;
+      if (t2) {
+        if (plain === "if" && t1.peekChar$0() === 40) {
+          invocation = _this._argumentInvocation$0();
+          return new A.IfExpression(invocation, identifier.span.expand$1(0, invocation.span));
+        } else if (plain === "not") {
+          _this.whitespace$1$consumeNewlines(true);
+          expression = _this._singleExpression$0();
+          return new A.UnaryOperationExpression(B.UnaryOperator_not_not_not, expression, identifier.span.expand$1(0, expression.get$span(expression)));
+        }
+        lower.__late_helper$_value = plain.toLowerCase();
+        if (t1.peekChar$0() !== 40) {
+          switch (plain) {
+            case "false":
+              return new A.BooleanExpression(false, identifier.span);
+            case "null":
+              return new A.NullExpression(identifier.span);
+            case "true":
+              return new A.BooleanExpression(true, identifier.span);
+          }
+          _0_0 = $.$get$colorsByName().$index(0, lower._readLocal$0());
+          if (_0_0 != null) {
+            t1 = B.JSNumber_methods.round$0(_0_0._legacyChannel$2(B.RgbColorSpace_i0P, "red"));
+            t2 = B.JSNumber_methods.round$0(_0_0._legacyChannel$2(B.RgbColorSpace_i0P, "green"));
+            t3 = B.JSNumber_methods.round$0(_0_0._legacyChannel$2(B.RgbColorSpace_i0P, "blue"));
+            t4 = _0_0.alphaOrNull;
+            if (t4 == null)
+              t4 = 0;
+            t5 = identifier.span;
+            return new A.ColorExpression(A.SassColor_SassColor$rgbInternal(t1, t2, t3, t4, new A.SpanColorFormat(t5)), t5);
+          }
+        }
+        _1_0 = _this.trySpecialFunction$2(lower._readLocal$0(), start);
+        if (_1_0 != null)
+          return _1_0;
+      }
+      _2_0 = t1.peekChar$0();
+      _2_2 = 46 === _2_0;
+      if (_2_2 && t1.peekChar$1(1) === 46)
+        return new A.StringExpression(identifier, false);
+      if (_2_2) {
+        t1.readChar$0();
+        if (t2)
+          return _this.namespacedExpression$2(plain, start);
+        _this.error$2(0, string$.Interpn, identifier.span);
+      }
+      _2_4 = 40 === _2_0;
+      if (_2_4 && t2) {
+        t2 = _this._argumentInvocation$1$allowEmptySecondArg(J.$eq$(lower._readLocal$0(), "var"));
+        t1 = t1.spanFrom$1(start);
+        return new A.FunctionExpression(null, A.stringReplaceAllUnchecked(plain, "_", "-"), plain, t2, t1);
+      }
+      if (_2_4)
+        return new A.InterpolatedFunctionExpression(identifier, _this._argumentInvocation$0(), t1.spanFrom$1(start));
+      return new A.StringExpression(identifier, false);
+    },
+    namespacedExpression$2(namespace, start) {
+      var $name, t2, t3, _this = this,
+        t1 = _this.scanner;
+      if (t1.peekChar$0() === 36) {
+        $name = _this.variableName$0();
+        _this._assertPublic$2($name, new A.StylesheetParser_namespacedExpression_closure(_this, start));
+        return new A.VariableExpression(namespace, $name, t1.spanFrom$1(start));
+      }
+      t2 = _this._publicIdentifier$0();
+      t3 = _this._argumentInvocation$0();
+      t1 = t1.spanFrom$1(start);
+      return new A.FunctionExpression(namespace, A.stringReplaceAllUnchecked(t2, "_", "-"), t2, t3, t1);
+    },
+    trySpecialFunction$2($name, start) {
+      var t1, buffer, t2, normalized, next, t3, _this = this;
+      if ($name === "type" && _this.scanner.scanChar$1(40)) {
+        t1 = new A.StringBuffer("");
+        buffer = new A.InterpolationBuffer(t1, A._setArrayType([], type$.JSArray_Object), A._setArrayType([], type$.JSArray_nullable_FileSpan));
+        t1._contents = $name;
+        t2 = A.Primitives_stringFromCharCode(40);
+        t1._contents += t2;
+      } else {
+        normalized = A.unvendor($name);
+        $label0$0: {
+          if (!("calc" === normalized && normalized !== $name && _this.scanner.scanChar$1(40)))
+            t1 = ("element" === normalized || "expression" === normalized) && _this.scanner.scanChar$1(40);
+          else
+            t1 = true;
+          if (t1) {
+            t1 = new A.StringBuffer("");
+            buffer = new A.InterpolationBuffer(t1, A._setArrayType([], type$.JSArray_Object), A._setArrayType([], type$.JSArray_nullable_FileSpan));
+            t1._contents = $name;
+            t2 = A.Primitives_stringFromCharCode(40);
+            t1._contents += t2;
+            break $label0$0;
+          }
+          if ("progid" === normalized && _this.scanner.scanChar$1(58)) {
+            t1 = new A.StringBuffer("");
+            buffer = new A.InterpolationBuffer(t1, A._setArrayType([], type$.JSArray_Object), A._setArrayType([], type$.JSArray_nullable_FileSpan));
+            t1._contents = $name;
+            t2 = A.Primitives_stringFromCharCode(58);
+            t1._contents += t2;
+            t2 = _this.scanner;
+            next = t2.peekChar$0();
+            while (true) {
+              if (next != null) {
+                if (!(next >= 97 && next <= 122))
+                  t3 = next >= 65 && next <= 90;
+                else
+                  t3 = true;
+                t3 = t3 || next === 46;
+              } else
+                t3 = false;
+              if (!t3)
+                break;
+              t3 = A.Primitives_stringFromCharCode(t2.readChar$0());
+              t1._contents += t3;
+              next = t2.peekChar$0();
+            }
+            t2.expectChar$1(40);
+            t2 = A.Primitives_stringFromCharCode(40);
+            t1._contents += t2;
+            break $label0$0;
+          }
+          if ("url" === normalized)
+            return A.NullableExtension_andThen(_this._tryUrlContents$1(start), new A.StylesheetParser_trySpecialFunction_closure());
+          return null;
+        }
+      }
+      buffer.addInterpolation$1(_this._interpolatedDeclarationValue$1$allowEmpty(true));
+      t1 = _this.scanner;
+      t1.expectChar$1(41);
+      t2 = buffer._interpolation_buffer$_text;
+      t3 = A.Primitives_stringFromCharCode(41);
+      t2._contents += t3;
+      return new A.StringExpression(buffer.interpolation$1(t1.spanFrom$1(start)), false);
+    },
+    _tryUrlContents$2$name(start, $name) {
+      var t3, t4, t5, buffer, t6, _1_0, _1_6, _0_0, endPosition, _this = this,
+        t1 = _this.scanner,
+        t2 = t1._string_scanner$_position;
+      if (!t1.scanChar$1(40))
+        return null;
+      _this.whitespaceWithoutComments$1$consumeNewlines(true);
+      t3 = new A.StringBuffer("");
+      t4 = A._setArrayType([], type$.JSArray_Object);
+      t5 = A._setArrayType([], type$.JSArray_nullable_FileSpan);
+      buffer = new A.InterpolationBuffer(t3, t4, t5);
+      t3._contents = $name == null ? "url" : $name;
+      t6 = A.Primitives_stringFromCharCode(40);
+      t3._contents += t6;
+      for (; true;) {
+        _1_0 = t1.peekChar$0();
+        if (_1_0 == null)
+          break;
+        if (92 === _1_0) {
+          t6 = _this.escape$0();
+          t3._contents += t6;
+          continue;
+        }
+        _1_6 = 35 === _1_0;
+        if (_1_6 && t1.peekChar$1(1) === 123) {
+          _0_0 = _this.singleInterpolation$0();
+          buffer._flushText$0();
+          t4.push(_0_0._0);
+          t5.push(_0_0._1);
+          continue;
+        }
+        t6 = true;
+        if (33 !== _1_0)
+          if (37 !== _1_0)
+            if (38 !== _1_0)
+              if (!_1_6)
+                t6 = _1_0 >= 42 && _1_0 <= 126 || _1_0 >= 128;
+        if (t6) {
+          t6 = A.Primitives_stringFromCharCode(t1.readChar$0());
+          t3._contents += t6;
+          continue;
+        }
+        if (_1_0 === 32 || _1_0 === 9 || _1_0 === 10 || _1_0 === 13 || _1_0 === 12) {
+          _this.whitespaceWithoutComments$1$consumeNewlines(true);
+          if (t1.peekChar$0() !== 41)
+            break;
+          continue;
+        }
+        if (41 === _1_0) {
+          t2 = A.Primitives_stringFromCharCode(t1.readChar$0());
+          t3._contents += t2;
+          endPosition = t1._string_scanner$_position;
+          t2 = t1._sourceFile;
+          t3 = start.position;
+          t1 = new A._FileSpan(t2, t3, endPosition);
+          t1._FileSpan$3(t2, t3, endPosition);
+          return buffer.interpolation$1(t1);
+        }
+        break;
+      }
+      t1.set$state(new A._SpanScannerState(t1, t2));
+      return null;
+    },
+    _tryUrlContents$1(start) {
+      return this._tryUrlContents$2$name(start, null);
+    },
+    dynamicUrl$0() {
+      var _0_0, t2, _this = this,
+        t1 = _this.scanner,
+        start = new A._SpanScannerState(t1, t1._string_scanner$_position);
+      _this.expectIdentifier$1("url");
+      _0_0 = _this._tryUrlContents$1(start);
+      if (_0_0 != null)
+        return new A.StringExpression(_0_0, false);
+      t2 = t1.spanFrom$1(start);
+      return new A.InterpolatedFunctionExpression(new A.Interpolation(A.List_List$unmodifiable(["url"], type$.Object), B.List_null, t2), _this._argumentInvocation$0(), t1.spanFrom$1(start));
+    },
+    almostAnyValue$1$omitComments(omitComments) {
+      var t4, t5, t6, t7, _2_0, t8, _0_0, _0_2, start, end, _0_4, identifier, _1_0, bracket, char, _this = this,
+        t1 = _this.scanner,
+        t2 = t1._string_scanner$_position,
+        t3 = new A.StringBuffer(""),
+        buffer = new A.InterpolationBuffer(t3, A._setArrayType([], type$.JSArray_Object), A._setArrayType([], type$.JSArray_nullable_FileSpan)),
+        brackets = A._setArrayType([], type$.JSArray_int);
+      for (t4 = t1.string, t5 = t4.length, t6 = !omitComments, t7 = _this.get$loudComment(); true;)
+        $label0$0: {
+          _2_0 = t1.peekChar$0();
+          if (92 === _2_0) {
+            t8 = A.Primitives_stringFromCharCode(t1.readChar$0());
+            t3._contents += t8;
+            t8 = A.Primitives_stringFromCharCode(t1.readChar$0());
+            t3._contents += t8;
+            break $label0$0;
+          }
+          if (34 === _2_0 || 39 === _2_0) {
+            buffer.addInterpolation$1(_this.interpolatedString$0().asInterpolation$0());
+            break $label0$0;
+          }
+          if (47 === _2_0) {
+            $label1$1: {
+              _0_0 = t1.peekChar$1(1);
+              _0_2 = 42 === _0_0;
+              if (_0_2 && t6) {
+                start = t1._string_scanner$_position;
+                t7.call$0();
+                end = t1._string_scanner$_position;
+                t3._contents += B.JSString_methods.substring$2(t4, start, end);
+                break $label1$1;
+              }
+              if (_0_2) {
+                _this.loudComment$0();
+                break $label1$1;
+              }
+              _0_4 = 47 === _0_0;
+              if (_0_4 && t6) {
+                t8 = _this.get$silentComment();
+                start = t1._string_scanner$_position;
+                t8.call$0();
+                end = t1._string_scanner$_position;
+                t3._contents += B.JSString_methods.substring$2(t4, start, end);
+                break $label1$1;
+              }
+              if (_0_4) {
+                _this.silentComment$0();
+                break $label1$1;
+              }
+              t8 = A.Primitives_stringFromCharCode(t1.readChar$0());
+              t3._contents += t8;
+            }
+            break $label0$0;
+          }
+          if (35 === _2_0 && t1.peekChar$1(1) === 123) {
+            buffer.addInterpolation$1(_this.interpolatedIdentifier$0());
+            break $label0$0;
+          }
+          if (13 === _2_0 || 10 === _2_0 || 12 === _2_0) {
+            if (_this.get$indented() && brackets.length === 0)
+              break;
+            t8 = A.Primitives_stringFromCharCode(t1.readChar$0());
+            t3._contents += t8;
+            break $label0$0;
+          }
+          if (33 === _2_0 || 59 === _2_0 || 123 === _2_0 || 125 === _2_0)
+            break;
+          if (117 === _2_0 || 85 === _2_0) {
+            t8 = t1._string_scanner$_position;
+            identifier = _this.identifier$0();
+            if (identifier !== "url" && identifier !== "url-prefix") {
+              t3._contents += identifier;
+              continue;
+            }
+            _1_0 = _this._tryUrlContents$2$name(new A._SpanScannerState(t1, t8), identifier);
+            if (_1_0 != null)
+              buffer.addInterpolation$1(_1_0);
+            else {
+              if ((t8 === 0 ? 1 / t8 < 0 : t8 < 0) || t8 > t5)
+                A.throwExpression(A.ArgumentError$("Invalid position " + t8, null));
+              t1._string_scanner$_position = t8;
+              t1._lastMatch = null;
+              t8 = A.Primitives_stringFromCharCode(t1.readChar$0());
+              t3._contents += t8;
+            }
+            break $label0$0;
+          }
+          if (40 === _2_0 || 91 === _2_0) {
+            bracket = t1.readChar$0();
+            t8 = A.Primitives_stringFromCharCode(bracket);
+            t3._contents += t8;
+            brackets.push(A.opposite(bracket));
+            break $label0$0;
+          }
+          if (41 === _2_0 || 93 === _2_0) {
+            t8 = _2_0 != null;
+            char = t8 ? _2_0 : null;
+          } else {
+            char = null;
+            t8 = false;
+          }
+          if (t8) {
+            if (brackets.length === 0)
+              t1.error$1(0, 'Unexpected "' + A.Primitives_stringFromCharCode(char) + '".');
+            bracket = brackets.pop();
+            t1.expectChar$1(bracket);
+            t8 = A.Primitives_stringFromCharCode(bracket);
+            t3._contents += t8;
+            break $label0$0;
+          }
+          if (_2_0 == null)
+            break;
+          t8 = _this.lookingAtIdentifier$0();
+          if (t8) {
+            t8 = _this.identifier$0();
+            t3._contents += t8;
+            break $label0$0;
+          }
+          t8 = A.Primitives_stringFromCharCode(t1.readChar$0());
+          t3._contents += t8;
+        }
+      return buffer.interpolation$1(t1.spanFrom$1(new A._SpanScannerState(t1, t2)));
+    },
+    almostAnyValue$0() {
+      return this.almostAnyValue$1$omitComments(false);
+    },
+    _interpolatedDeclarationValue$6$allowColon$allowEmpty$allowOpenBrace$allowSemicolon$consumeNewlines$silentComments(allowColon, allowEmpty, allowOpenBrace, allowSemicolon, consumeNewlines, silentComments) {
+      var t5, t6, t7, t8, t9, t10, t11, wroteNewline, _2_0, wroteNewline0, t12, _0_0, start, end, _2_12, _2_14_isSet, _2_14, t13, _2_16, _2_18_isSet, _2_20, _2_18, _2_20_isSet, _2_22, bracket, identifier, _1_0, _this = this, _null = null,
+        t1 = _this.scanner,
+        t2 = t1._string_scanner$_position,
+        t3 = new A.StringBuffer(""),
+        t4 = A._setArrayType([], type$.JSArray_Object),
+        buffer = new A.InterpolationBuffer(t3, t4, A._setArrayType([], type$.JSArray_nullable_FileSpan)),
+        brackets = A._setArrayType([], type$.JSArray_int);
+      for (t5 = !consumeNewlines, t6 = !allowOpenBrace, t7 = t1.string, t8 = t7.length, t9 = !allowColon, t10 = !allowSemicolon, t11 = _this.get$loudComment(), wroteNewline = false; true;)
+        $label0$0: {
+          _2_0 = t1.peekChar$0();
+          wroteNewline0 = false;
+          if (92 === _2_0) {
+            t12 = _this.escape$1$identifierStart(true);
+            t3._contents += t12;
+            wroteNewline = wroteNewline0;
+            break $label0$0;
+          }
+          if (34 === _2_0 || 39 === _2_0) {
+            buffer.addInterpolation$1(_this.interpolatedString$0().asInterpolation$0());
+            wroteNewline = wroteNewline0;
+            break $label0$0;
+          }
+          if (47 === _2_0) {
+            $label1$1: {
+              _0_0 = t1.peekChar$1(1);
+              if (42 === _0_0) {
+                start = t1._string_scanner$_position;
+                t11.call$0();
+                end = t1._string_scanner$_position;
+                t3._contents += B.JSString_methods.substring$2(t7, start, end);
+                break $label1$1;
+              }
+              if (47 === _0_0 && silentComments) {
+                _this.silentComment$0();
+                break $label1$1;
+              }
+              t12 = A.Primitives_stringFromCharCode(t1.readChar$0());
+              t3._contents += t12;
+            }
+            wroteNewline = wroteNewline0;
+            break $label0$0;
+          }
+          if (35 === _2_0 && t1.peekChar$1(1) === 123) {
+            buffer.addInterpolation$1(_this.interpolatedIdentifier$0());
+            wroteNewline = wroteNewline0;
+            break $label0$0;
+          }
+          _2_12 = 32 === _2_0;
+          _2_14_isSet = !_2_12;
+          if (_2_14_isSet) {
+            _2_14 = 9 === _2_0;
+            t12 = _2_14;
+          } else {
+            _2_14 = _null;
+            t12 = true;
+          }
+          t13 = false;
+          if (t12)
+            if (!wroteNewline) {
+              t12 = t1.peekChar$1(1);
+              t12 = t12 === 32 || t12 === 9 || t12 === 10 || t12 === 13 || t12 === 12;
+            } else
+              t12 = t13;
+          else
+            t12 = t13;
+          if (t12) {
+            t1.readChar$0();
+            break $label0$0;
+          }
+          if (!_2_12)
+            t12 = _2_14_isSet ? _2_14 : 9 === _2_0;
+          else
+            t12 = true;
+          if (t12) {
+            t12 = A.Primitives_stringFromCharCode(t1.readChar$0());
+            t3._contents += t12;
+            break $label0$0;
+          }
+          _2_16 = 10 === _2_0;
+          _2_18_isSet = !_2_16;
+          _2_20 = _null;
+          t12 = true;
+          if (_2_18_isSet) {
+            _2_18 = 13 === _2_0;
+            _2_20_isSet = !_2_18;
+            if (_2_20_isSet) {
+              _2_20 = 12 === _2_0;
+              t12 = _2_20;
+            }
+          } else {
+            _2_18 = _null;
+            _2_20_isSet = false;
+          }
+          if (t12 && _this.get$indented() && t5 && brackets.length === 0)
+            break;
+          t12 = true;
+          if (!_2_16)
+            if (!(_2_18_isSet ? _2_18 : 13 === _2_0))
+              t12 = _2_20_isSet ? _2_20 : 12 === _2_0;
+          if (t12) {
+            t12 = t1.peekChar$1(-1);
+            if (!(t12 === 10 || t12 === 13 || t12 === 12))
+              t3._contents += "\n";
+            t1.readChar$0();
+            wroteNewline = true;
+            break $label0$0;
+          }
+          _2_22 = 123 === _2_0;
+          if (_2_22 && t6)
+            break;
+          if (40 !== _2_0)
+            t12 = _2_22 || 91 === _2_0;
+          else
+            t12 = true;
+          if (t12) {
+            bracket = t1.readChar$0();
+            t12 = A.Primitives_stringFromCharCode(bracket);
+            t3._contents += t12;
+            brackets.push(A.opposite(bracket));
+            wroteNewline = wroteNewline0;
+            break $label0$0;
+          }
+          if (41 === _2_0 || 125 === _2_0 || 93 === _2_0) {
+            if (brackets.length === 0)
+              break;
+            bracket = brackets.pop();
+            t1.expectChar$1(bracket);
+            t12 = A.Primitives_stringFromCharCode(bracket);
+            t3._contents += t12;
+            wroteNewline = wroteNewline0;
+            break $label0$0;
+          }
+          if (59 === _2_0) {
+            if (t10 && brackets.length === 0)
+              break;
+            t12 = A.Primitives_stringFromCharCode(t1.readChar$0());
+            t3._contents += t12;
+            wroteNewline = wroteNewline0;
+            break $label0$0;
+          }
+          if (58 === _2_0) {
+            if (t9 && brackets.length === 0)
+              break;
+            t12 = A.Primitives_stringFromCharCode(t1.readChar$0());
+            t3._contents += t12;
+            wroteNewline = wroteNewline0;
+            break $label0$0;
+          }
+          if (117 === _2_0 || 85 === _2_0) {
+            t12 = t1._string_scanner$_position;
+            identifier = _this.identifier$0();
+            if (identifier !== "url" && identifier !== "url-prefix") {
+              t3._contents += identifier;
+              wroteNewline = wroteNewline0;
+              continue;
+            }
+            _1_0 = _this._tryUrlContents$2$name(new A._SpanScannerState(t1, t12), identifier);
+            if (_1_0 != null)
+              buffer.addInterpolation$1(_1_0);
+            else {
+              if ((t12 === 0 ? 1 / t12 < 0 : t12 < 0) || t12 > t8)
+                A.throwExpression(A.ArgumentError$("Invalid position " + t12, _null));
+              t1._string_scanner$_position = t12;
+              t1._lastMatch = null;
+              t12 = A.Primitives_stringFromCharCode(t1.readChar$0());
+              t3._contents += t12;
+            }
+            wroteNewline = wroteNewline0;
+            break $label0$0;
+          }
+          if (_2_0 == null)
+            break;
+          t12 = _this.lookingAtIdentifier$0();
+          if (t12) {
+            t12 = _this.identifier$0();
+            t3._contents += t12;
+            wroteNewline = wroteNewline0;
+            break $label0$0;
+          }
+          t12 = A.Primitives_stringFromCharCode(t1.readChar$0());
+          t3._contents += t12;
+          wroteNewline = wroteNewline0;
+        }
+      if (brackets.length !== 0)
+        t1.expectChar$1(B.JSArray_methods.get$last(brackets));
+      if (!allowEmpty && t4.length === 0 && t3._contents.length === 0)
+        t1.error$1(0, "Expected token.");
+      return buffer.interpolation$1(t1.spanFrom$1(new A._SpanScannerState(t1, t2)));
+    },
+    _interpolatedDeclarationValue$1$allowEmpty(allowEmpty) {
+      return this._interpolatedDeclarationValue$6$allowColon$allowEmpty$allowOpenBrace$allowSemicolon$consumeNewlines$silentComments(true, allowEmpty, true, false, false, true);
+    },
+    _interpolatedDeclarationValue$1$allowOpenBrace(allowOpenBrace) {
+      return this._interpolatedDeclarationValue$6$allowColon$allowEmpty$allowOpenBrace$allowSemicolon$consumeNewlines$silentComments(true, false, allowOpenBrace, false, false, true);
+    },
+    _interpolatedDeclarationValue$3$allowEmpty$allowSemicolon$consumeNewlines(allowEmpty, allowSemicolon, consumeNewlines) {
+      return this._interpolatedDeclarationValue$6$allowColon$allowEmpty$allowOpenBrace$allowSemicolon$consumeNewlines$silentComments(true, allowEmpty, true, allowSemicolon, consumeNewlines, true);
+    },
+    _interpolatedDeclarationValue$4$allowColon$allowEmpty$allowSemicolon$consumeNewlines(allowColon, allowEmpty, allowSemicolon, consumeNewlines) {
+      return this._interpolatedDeclarationValue$6$allowColon$allowEmpty$allowOpenBrace$allowSemicolon$consumeNewlines$silentComments(allowColon, allowEmpty, true, allowSemicolon, consumeNewlines, true);
+    },
+    _interpolatedDeclarationValue$0() {
+      return this._interpolatedDeclarationValue$6$allowColon$allowEmpty$allowOpenBrace$allowSemicolon$consumeNewlines$silentComments(true, false, true, false, false, true);
+    },
+    _interpolatedDeclarationValue$2$allowEmpty$allowOpenBrace(allowEmpty, allowOpenBrace) {
+      return this._interpolatedDeclarationValue$6$allowColon$allowEmpty$allowOpenBrace$allowSemicolon$consumeNewlines$silentComments(true, allowEmpty, allowOpenBrace, false, false, true);
+    },
+    _interpolatedDeclarationValue$1$silentComments(silentComments) {
+      return this._interpolatedDeclarationValue$6$allowColon$allowEmpty$allowOpenBrace$allowSemicolon$consumeNewlines$silentComments(true, false, true, false, false, silentComments);
+    },
+    interpolatedIdentifier$0() {
+      var t3, _1_0, _0_0, _this = this,
+        _s20_ = "Expected identifier.",
+        t1 = _this.scanner,
+        start = new A._SpanScannerState(t1, t1._string_scanner$_position),
+        t2 = new A.StringBuffer(""),
+        buffer = new A.InterpolationBuffer(t2, A._setArrayType([], type$.JSArray_Object), A._setArrayType([], type$.JSArray_nullable_FileSpan));
+      if (t1.scanChar$1(45)) {
+        t3 = A.Primitives_stringFromCharCode(45);
+        t2._contents += t3;
+        if (t1.scanChar$1(45)) {
+          t2._contents += t3;
+          _this._interpolatedIdentifierBody$1(buffer);
+          return buffer.interpolation$1(t1.spanFrom$1(start));
+        }
+      }
+      $label0$0: {
+        _1_0 = t1.peekChar$0();
+        if (_1_0 == null)
+          t1.error$1(0, _s20_);
+        if (_1_0 === 95 || A.CharacterExtension_get_isAlphabetic(_1_0) || _1_0 >= 128) {
+          t3 = A.Primitives_stringFromCharCode(t1.readChar$0());
+          t2._contents += t3;
+          break $label0$0;
+        }
+        if (92 === _1_0) {
+          t3 = _this.escape$1$identifierStart(true);
+          t2._contents += t3;
+          break $label0$0;
+        }
+        if (35 === _1_0 && t1.peekChar$1(1) === 123) {
+          _0_0 = _this.singleInterpolation$0();
+          buffer.add$2(0, _0_0._0, _0_0._1);
+          break $label0$0;
+        }
+        t1.error$1(0, _s20_);
+      }
+      _this._interpolatedIdentifierBody$1(buffer);
+      return buffer.interpolation$1(t1.spanFrom$1(start));
+    },
+    _interpolatedIdentifierBody$1(buffer) {
+      var t1, t2, t3, t4, _1_0, t5, _0_0;
+      for (t1 = buffer._interpolation_buffer$_contents, t2 = buffer._spans, t3 = this.scanner, t4 = buffer._interpolation_buffer$_text; true;) {
+        _1_0 = t3.peekChar$0();
+        if (_1_0 == null)
+          break;
+        t5 = true;
+        if (95 !== _1_0)
+          if (45 !== _1_0) {
+            if (!(_1_0 >= 97 && _1_0 <= 122))
+              t5 = _1_0 >= 65 && _1_0 <= 90;
+            else
+              t5 = true;
+            if (!t5)
+              t5 = _1_0 >= 48 && _1_0 <= 57;
+            else
+              t5 = true;
+            t5 = t5 || _1_0 >= 128;
+          }
+        if (t5) {
+          t5 = A.Primitives_stringFromCharCode(t3.readChar$0());
+          t4._contents += t5;
+          continue;
+        }
+        if (92 === _1_0) {
+          t5 = this.escape$0();
+          t4._contents += t5;
+          continue;
+        }
+        if (35 === _1_0 && t3.peekChar$1(1) === 123) {
+          _0_0 = this.singleInterpolation$0();
+          buffer._flushText$0();
+          t1.push(_0_0._0);
+          t2.push(_0_0._1);
+          continue;
+        }
+        break;
+      }
+    },
+    singleInterpolation$0() {
+      var contents, span, _this = this,
+        t1 = _this.scanner,
+        t2 = t1._string_scanner$_position;
+      t1.expect$1("#{");
+      _this.whitespace$1$consumeNewlines(true);
+      contents = _this._expression$1$consumeNewlines(true);
+      t1.expectChar$1(125);
+      span = t1.spanFrom$1(new A._SpanScannerState(t1, t2));
+      if (_this.get$plainCss())
+        _this.error$2(0, string$.Interpp, span);
+      return new A._Record_2(contents, span);
+    },
+    _mediaQueryList$0() {
+      var t4, _this = this,
+        t1 = _this.scanner,
+        t2 = t1._string_scanner$_position,
+        t3 = new A.StringBuffer(""),
+        buffer = new A.InterpolationBuffer(t3, A._setArrayType([], type$.JSArray_Object), A._setArrayType([], type$.JSArray_nullable_FileSpan));
+      for (; true;) {
+        _this.whitespace$1$consumeNewlines(false);
+        _this._stylesheet$_mediaQuery$1(buffer);
+        _this.whitespace$1$consumeNewlines(false);
+        if (!t1.scanChar$1(44))
+          break;
+        t4 = A.Primitives_stringFromCharCode(44);
+        t3._contents += t4;
+        t4 = A.Primitives_stringFromCharCode(32);
+        t3._contents += t4;
+      }
+      return buffer.interpolation$1(t1.spanFrom$1(new A._SpanScannerState(t1, t2)));
+    },
+    _stylesheet$_mediaQuery$1(buffer) {
+      var identifier1, t1, t2, identifier2, _this = this, _s3_ = "and";
+      if (_this.scanner.peekChar$0() === 40) {
+        _this._stylesheet$_mediaInParens$1(buffer);
+        _this.whitespace$1$consumeNewlines(false);
+        if (_this.scanIdentifier$1(_s3_)) {
+          buffer._interpolation_buffer$_text._contents += " and ";
+          _this.expectWhitespace$0();
+          _this._stylesheet$_mediaLogicSequence$2(buffer, _s3_);
+        } else if (_this.scanIdentifier$1("or")) {
+          buffer._interpolation_buffer$_text._contents += " or ";
+          _this.expectWhitespace$0();
+          _this._stylesheet$_mediaLogicSequence$2(buffer, "or");
+        }
+        return;
+      }
+      identifier1 = _this.interpolatedIdentifier$0();
+      if (A.equalsIgnoreCase(identifier1.get$asPlain(), "not")) {
+        _this.expectWhitespace$0();
+        if (!_this._lookingAtInterpolatedIdentifier$0()) {
+          buffer._interpolation_buffer$_text._contents += "not ";
+          _this._mediaOrInterp$1(buffer);
+          return;
+        }
+      }
+      _this.whitespace$1$consumeNewlines(false);
+      buffer.addInterpolation$1(identifier1);
+      if (!_this._lookingAtInterpolatedIdentifier$0())
+        return;
+      t1 = buffer._interpolation_buffer$_text;
+      t2 = A.Primitives_stringFromCharCode(32);
+      t1._contents += t2;
+      identifier2 = _this.interpolatedIdentifier$0();
+      if (A.equalsIgnoreCase(identifier2.get$asPlain(), _s3_)) {
+        _this.expectWhitespace$0();
+        t1._contents += " and ";
+      } else {
+        _this.whitespace$1$consumeNewlines(false);
+        buffer.addInterpolation$1(identifier2);
+        if (_this.scanIdentifier$1(_s3_)) {
+          _this.expectWhitespace$0();
+          t1._contents += " and ";
+        } else
+          return;
+      }
+      if (_this.scanIdentifier$1("not")) {
+        _this.expectWhitespace$0();
+        t1._contents += "not ";
+        _this._mediaOrInterp$1(buffer);
+        return;
+      }
+      _this._stylesheet$_mediaLogicSequence$2(buffer, _s3_);
+      return;
+    },
+    _stylesheet$_mediaLogicSequence$2(buffer, operator) {
+      var t1, t2, t3, _this = this;
+      for (t1 = buffer._interpolation_buffer$_text; true;) {
+        _this._mediaOrInterp$1(buffer);
+        _this.whitespace$1$consumeNewlines(false);
+        if (!_this.scanIdentifier$1(operator))
+          return;
+        _this.expectWhitespace$1$consumeNewlines(false);
+        t2 = A.Primitives_stringFromCharCode(32);
+        t3 = (t1._contents += t2) + operator;
+        t1._contents = t3;
+        t1._contents = t3 + t2;
+      }
+    },
+    _mediaOrInterp$1(buffer) {
+      var _0_0;
+      if (this.scanner.peekChar$0() === 35) {
+        _0_0 = this.singleInterpolation$0();
+        buffer.add$2(0, _0_0._0, _0_0._1);
+      } else
+        this._stylesheet$_mediaInParens$1(buffer);
+    },
+    _stylesheet$_mediaInParens$1(buffer) {
+      var t2, t3, expressionBefore, expressionAfter, next, t4, t5, expressionMiddle, _this = this,
+        t1 = _this.scanner;
+      t1.expectChar$2$name(40, "media condition in parentheses");
+      t2 = buffer._interpolation_buffer$_text;
+      t3 = A.Primitives_stringFromCharCode(40);
+      t2._contents += t3;
+      _this.whitespace$1$consumeNewlines(true);
+      if (t1.peekChar$0() === 40) {
+        _this._stylesheet$_mediaInParens$1(buffer);
+        _this.whitespace$1$consumeNewlines(true);
+        if (_this.scanIdentifier$1("and")) {
+          t2._contents += " and ";
+          _this.expectWhitespace$1$consumeNewlines(true);
+          _this._stylesheet$_mediaLogicSequence$2(buffer, "and");
+        } else if (_this.scanIdentifier$1("or")) {
+          t2._contents += " or ";
+          _this.expectWhitespace$1$consumeNewlines(true);
+          _this._stylesheet$_mediaLogicSequence$2(buffer, "or");
+        }
+      } else if (_this.scanIdentifier$1("not")) {
+        t2._contents += "not ";
+        _this.expectWhitespace$1$consumeNewlines(true);
+        _this._mediaOrInterp$1(buffer);
+      } else {
+        expressionBefore = _this._expressionUntilComparison$0();
+        buffer.add$2(0, expressionBefore, expressionBefore.get$span(expressionBefore));
+        if (t1.scanChar$1(58)) {
+          _this.whitespace$1$consumeNewlines(true);
+          t3 = A.Primitives_stringFromCharCode(58);
+          t2._contents += t3;
+          t3 = A.Primitives_stringFromCharCode(32);
+          t2._contents += t3;
+          expressionAfter = _this._expression$1$consumeNewlines(true);
+          buffer.add$2(0, expressionAfter, expressionAfter.get$span(expressionAfter));
+        } else {
+          next = t1.peekChar$0();
+          t3 = 60 !== next;
+          if (!t3 || 62 === next || 61 === next) {
+            t4 = A.Primitives_stringFromCharCode(32);
+            t2._contents += t4;
+            t5 = A.Primitives_stringFromCharCode(t1.readChar$0());
+            t2._contents += t5;
+            if ((!t3 || 62 === next) && t1.scanChar$1(61)) {
+              t5 = A.Primitives_stringFromCharCode(61);
+              t2._contents += t5;
+            }
+            t2._contents += t4;
+            _this.whitespace$1$consumeNewlines(true);
+            expressionMiddle = _this._expressionUntilComparison$0();
+            buffer.add$2(0, expressionMiddle, expressionMiddle.get$span(expressionMiddle));
+            if (!t3 || 62 === next) {
+              next.toString;
+              t3 = t1.scanChar$1(next);
+            } else
+              t3 = false;
+            if (t3) {
+              t2._contents += t4;
+              t3 = A.Primitives_stringFromCharCode(next);
+              t2._contents += t3;
+              if (t1.scanChar$1(61)) {
+                t3 = A.Primitives_stringFromCharCode(61);
+                t2._contents += t3;
+              }
+              t2._contents += t4;
+              _this.whitespace$1$consumeNewlines(true);
+              expressionAfter = _this._expressionUntilComparison$0();
+              buffer.add$2(0, expressionAfter, expressionAfter.get$span(expressionAfter));
+            }
+          }
+        }
+      }
+      t1.expectChar$1(41);
+      _this.whitespace$1$consumeNewlines(false);
+      t1 = A.Primitives_stringFromCharCode(41);
+      t2._contents += t1;
+    },
+    _expressionUntilComparison$0() {
+      return this._expression$2$consumeNewlines$until(true, new A.StylesheetParser__expressionUntilComparison_closure(this));
+    },
+    _supportsCondition$1$inParentheses(inParentheses) {
+      var condition, operator, right, endPosition, t3, t4, lowerOperator, _this = this,
+        t1 = _this.scanner,
+        t2 = t1._string_scanner$_position;
+      if (_this.scanIdentifier$1("not")) {
+        _this.whitespace$1$consumeNewlines(inParentheses);
+        return new A.SupportsNegation(_this._supportsConditionInParens$0(), t1.spanFrom$1(new A._SpanScannerState(t1, t2)));
+      }
+      condition = _this._supportsConditionInParens$0();
+      _this.whitespace$1$consumeNewlines(inParentheses);
+      for (operator = null; _this.lookingAtIdentifier$0();) {
+        if (operator != null)
+          _this.expectIdentifier$1(operator);
+        else if (_this.scanIdentifier$1("or"))
+          operator = "or";
+        else {
+          _this.expectIdentifier$1("and");
+          operator = "and";
+        }
+        _this.whitespace$1$consumeNewlines(inParentheses);
+        right = _this._supportsConditionInParens$0();
+        endPosition = t1._string_scanner$_position;
+        t3 = t1._sourceFile;
+        t4 = new A._FileSpan(t3, t2, endPosition);
+        t4._FileSpan$3(t3, t2, endPosition);
+        condition = new A.SupportsOperation(condition, right, operator, t4);
+        lowerOperator = operator.toLowerCase();
+        if (lowerOperator !== "and" && lowerOperator !== "or")
+          A.throwExpression(A.ArgumentError$value(operator, "operator", 'may only be "and" or "or".'));
+        _this.whitespace$1$consumeNewlines(inParentheses);
+      }
+      return condition;
+    },
+    _supportsCondition$0() {
+      return this._supportsCondition$1$inParentheses(false);
+    },
+    _supportsConditionInParens$0() {
+      var $name, nameStart, wasInParentheses, identifier, _1_0, operation, contents, identifier0, t2, $arguments, _0_0, _0_4_isSet, _0_4, condition, exception, value, _this = this,
+        t1 = _this.scanner,
+        start = new A._SpanScannerState(t1, t1._string_scanner$_position);
+      if (_this._lookingAtInterpolatedIdentifier$0()) {
+        identifier0 = _this.interpolatedIdentifier$0();
+        t2 = identifier0.get$asPlain();
+        if ((t2 == null ? null : t2.toLowerCase()) === "not")
+          _this.error$2(0, '"not" is not a valid identifier here.', identifier0.span);
+        if (t1.scanChar$1(40)) {
+          $arguments = _this._interpolatedDeclarationValue$3$allowEmpty$allowSemicolon$consumeNewlines(true, true, true);
+          t1.expectChar$1(41);
+          return new A.SupportsFunction(identifier0, $arguments, t1.spanFrom$1(start));
+        } else {
+          _0_0 = identifier0.contents;
+          _0_4_isSet = _0_0.length === 1;
+          if (_0_4_isSet) {
+            _0_4 = _0_0[0];
+            t2 = _0_4 instanceof A.Expression;
+          } else {
+            _0_4 = null;
+            t2 = false;
+          }
+          if (t2) {
+            t2 = _0_4_isSet ? _0_4 : _0_0[0];
+            return new A.SupportsInterpolation(type$.Expression._as(t2), t1.spanFrom$1(start));
+          } else
+            _this.error$2(0, "Expected @supports condition.", identifier0.span);
+        }
+      }
+      t1.expectChar$1(40);
+      _this.whitespace$1$consumeNewlines(true);
+      if (_this.scanIdentifier$1("not")) {
+        _this.whitespace$1$consumeNewlines(true);
+        condition = _this._supportsConditionInParens$0();
+        t1.expectChar$1(41);
+        return new A.SupportsNegation(condition, t1.spanFrom$1(start));
+      } else if (t1.peekChar$0() === 40) {
+        condition = _this._supportsCondition$1$inParentheses(true);
+        t1.expectChar$1(41);
+        return condition.withSpan$1(t1.spanFrom$1(start));
+      }
+      $name = null;
+      nameStart = new A._SpanScannerState(t1, t1._string_scanner$_position);
+      wasInParentheses = _this._inParentheses;
+      try {
+        $name = _this._expression$1$consumeNewlines(true);
+        t1.expectChar$1(58);
+      } catch (exception) {
+        if (type$.FormatException._is(A.unwrapException(exception))) {
+          t1.set$state(nameStart);
+          _this._inParentheses = wasInParentheses;
+          identifier = _this.interpolatedIdentifier$0();
+          _1_0 = _this._trySupportsOperation$2(identifier, nameStart);
+          operation = null;
+          if (_1_0 != null) {
+            operation = _1_0;
+            t1.expectChar$1(41);
+            t2 = operation;
+            t1 = t1.spanFrom$1(start);
+            return A.SupportsOperation$(t2.left, t2.right, t2.operator, t1);
+          }
+          t2 = new A.InterpolationBuffer(new A.StringBuffer(""), A._setArrayType([], type$.JSArray_Object), A._setArrayType([], type$.JSArray_nullable_FileSpan));
+          t2.addInterpolation$1(identifier);
+          t2.addInterpolation$1(_this._interpolatedDeclarationValue$4$allowColon$allowEmpty$allowSemicolon$consumeNewlines(false, true, true, true));
+          contents = t2.interpolation$1(t1.spanFrom$1(nameStart));
+          if (t1.peekChar$0() === 58)
+            throw exception;
+          t1.expectChar$1(41);
+          return new A.SupportsAnything(contents, t1.spanFrom$1(start));
+        } else
+          throw exception;
+      }
+      value = _this._supportsDeclarationValue$1($name);
+      t1.expectChar$1(41);
+      return new A.SupportsDeclaration($name, value, t1.spanFrom$1(start));
+    },
+    _supportsDeclarationValue$1($name) {
+      var t1 = false;
+      if ($name instanceof A.StringExpression)
+        if (!$name.hasQuotes)
+          t1 = B.JSString_methods.startsWith$1($name.text.get$initialPlain(), "--");
+      if (t1)
+        return new A.StringExpression(this._interpolatedDeclarationValue$0(), false);
+      else {
+        this.whitespace$1$consumeNewlines(true);
+        return this._expression$1$consumeNewlines(true);
+      }
+    },
+    _trySupportsOperation$2(interpolation, start) {
+      var expression, t2, t3, t4, operator, operation, right, t5, endPosition, t6, t7, lowerOperator, _this = this, _null = null,
+        t1 = interpolation.contents;
+      if (t1.length !== 1)
+        return _null;
+      expression = B.JSArray_methods.get$first(t1);
+      if (!(expression instanceof A.Expression))
+        return _null;
+      t1 = _this.scanner;
+      t2 = t1._string_scanner$_position;
+      _this.whitespace$1$consumeNewlines(true);
+      for (t3 = start.position, t4 = interpolation.span, operator = _null, operation = operator; _this.lookingAtIdentifier$0();) {
+        if (operator != null)
+          _this.expectIdentifier$1(operator);
+        else if (_this.scanIdentifier$1("and"))
+          operator = "and";
+        else {
+          if (!_this.scanIdentifier$1("or")) {
+            if ((t2 === 0 ? 1 / t2 < 0 : t2 < 0) || t2 > t1.string.length)
+              A.throwExpression(A.ArgumentError$("Invalid position " + t2, _null));
+            t1._string_scanner$_position = t2;
+            return t1._lastMatch = null;
+          }
+          operator = "or";
+        }
+        _this.whitespace$1$consumeNewlines(true);
+        right = _this._supportsConditionInParens$0();
+        t5 = operation == null ? new A.SupportsInterpolation(expression, t4) : operation;
+        endPosition = t1._string_scanner$_position;
+        t6 = t1._sourceFile;
+        t7 = new A._FileSpan(t6, t3, endPosition);
+        t7._FileSpan$3(t6, t3, endPosition);
+        operation = new A.SupportsOperation(t5, right, operator, t7);
+        lowerOperator = operator.toLowerCase();
+        if (lowerOperator !== "and" && lowerOperator !== "or")
+          A.throwExpression(A.ArgumentError$value(operator, "operator", 'may only be "and" or "or".'));
+        _this.whitespace$1$consumeNewlines(true);
+      }
+      return operation;
+    },
+    _lookingAtInterpolatedIdentifier$0() {
+      var t2, _0_0,
+        t1 = this.scanner,
+        _1_0 = t1.peekChar$0();
+      $label0$0: {
+        t2 = false;
+        if (_1_0 == null) {
+          t1 = t2;
+          break $label0$0;
+        }
+        if (_1_0 === 95 || A.CharacterExtension_get_isAlphabetic(_1_0) || _1_0 >= 128 || 92 === _1_0) {
+          t1 = true;
+          break $label0$0;
+        }
+        if (35 === _1_0) {
+          t1 = t1.peekChar$1(1) === 123;
+          break $label0$0;
+        }
+        if (45 === _1_0) {
+          _0_0 = t1.peekChar$1(1);
+          $label1$1: {
+            if (_0_0 == null) {
+              t1 = t2;
+              break $label1$1;
+            }
+            if (35 === _0_0) {
+              t1 = t1.peekChar$1(2) === 123;
+              break $label1$1;
+            }
+            if (_0_0 === 95 || A.CharacterExtension_get_isAlphabetic(_0_0) || _0_0 >= 128 || 92 === _0_0 || 45 === _0_0) {
+              t1 = true;
+              break $label1$1;
+            }
+            t1 = t2;
+            break $label1$1;
+          }
+          break $label0$0;
+        }
+        t1 = t2;
+        break $label0$0;
+      }
+      return t1;
+    },
+    _lookingAtPotentialPropertyHack$0() {
+      var t1 = this.scanner,
+        _0_0 = t1.peekChar$0();
+      $label0$0: {
+        if (58 === _0_0 || 42 === _0_0 || 46 === _0_0) {
+          t1 = true;
+          break $label0$0;
+        }
+        if (35 === _0_0) {
+          t1 = t1.peekChar$1(1) !== 123;
+          break $label0$0;
+        }
+        t1 = false;
+        break $label0$0;
+      }
+      return t1;
+    },
+    _lookingAtInterpolatedIdentifierBody$0() {
+      var t2, t3,
+        t1 = this.scanner,
+        _0_0 = t1.peekChar$0();
+      $label0$0: {
+        t2 = false;
+        if (_0_0 == null) {
+          t1 = t2;
+          break $label0$0;
+        }
+        if (!(_0_0 === 95 || A.CharacterExtension_get_isAlphabetic(_0_0) || _0_0 >= 128))
+          t3 = _0_0 >= 48 && _0_0 <= 57 || _0_0 === 45;
+        else
+          t3 = true;
+        if (t3 || 92 === _0_0) {
+          t1 = true;
+          break $label0$0;
+        }
+        if (35 === _0_0) {
+          t1 = t1.peekChar$1(1) === 123;
+          break $label0$0;
+        }
+        t1 = t2;
+        break $label0$0;
+      }
+      return t1;
+    },
+    _lookingAtExpression$0() {
+      var t2, _0_0,
+        t1 = this.scanner,
+        _1_0 = t1.peekChar$0();
+      $label0$0: {
+        t2 = true;
+        if (_1_0 == null) {
+          t1 = false;
+          break $label0$0;
+        }
+        if (46 === _1_0) {
+          t1 = t1.peekChar$1(1) !== 46;
+          break $label0$0;
+        }
+        if (33 === _1_0) {
+          _0_0 = t1.peekChar$1(1);
+          $label1$1: {
+            if (_0_0 != null)
+              if (105 !== _0_0)
+                if (73 !== _0_0)
+                  t1 = _0_0 === 32 || _0_0 === 9 || _0_0 === 10 || _0_0 === 13 || _0_0 === 12;
+                else
+                  t1 = t2;
+              else
+                t1 = t2;
+            else
+              t1 = t2;
+            break $label1$1;
+          }
+          break $label0$0;
+        }
+        t1 = true;
+        if (40 !== _1_0)
+          if (47 !== _1_0)
+            if (91 !== _1_0)
+              if (39 !== _1_0)
+                if (34 !== _1_0)
+                  if (35 !== _1_0)
+                    if (43 !== _1_0)
+                      if (45 !== _1_0)
+                        if (92 !== _1_0)
+                          if (36 !== _1_0)
+                            if (38 !== _1_0)
+                              if (37 !== _1_0)
+                                if (!(_1_0 === 95 || A.CharacterExtension_get_isAlphabetic(_1_0) || _1_0 >= 128))
+                                  t1 = _1_0 >= 48 && _1_0 <= 57;
+        if (t1) {
+          t1 = t2;
+          break $label0$0;
+        }
+        t1 = false;
+        break $label0$0;
+      }
+      return t1;
+    },
+    _withChildren$1$3(child, start, create) {
+      var result = create.call$2(this.children$1(0, child), this.scanner.spanFrom$1(start));
+      this.whitespaceWithoutComments$1$consumeNewlines(false);
+      return result;
+    },
+    _withChildren$3(child, start, create) {
+      return this._withChildren$1$3(child, start, create, type$.dynamic);
+    },
+    _urlString$0() {
+      var innerError, stackTrace, t2, exception,
+        t1 = this.scanner,
+        start = new A._SpanScannerState(t1, t1._string_scanner$_position),
+        url = this.string$0();
+      try {
+        t2 = A.Uri_parse(url);
+        return t2;
+      } catch (exception) {
+        t2 = A.unwrapException(exception);
+        if (type$.FormatException._is(t2)) {
+          innerError = t2;
+          stackTrace = A.getTraceFromException(exception);
+          this.error$3(0, "Invalid URL: " + J.get$message$x(innerError), t1.spanFrom$1(start), stackTrace);
+        } else
+          throw exception;
+      }
+    },
+    _publicIdentifier$0() {
+      var _this = this,
+        t1 = _this.scanner,
+        t2 = t1._string_scanner$_position,
+        result = _this.identifier$0();
+      _this._assertPublic$2(result, new A.StylesheetParser__publicIdentifier_closure(_this, new A._SpanScannerState(t1, t2)));
+      return result;
+    },
+    _assertPublic$2(identifier, span) {
+      var first = identifier.charCodeAt(0);
+      if (!(first === 45 || first === 95))
+        return;
+      this.error$2(0, string$.Privat, span.call$0());
+    },
+    _addOrInject$2(buffer, expression) {
+      if (expression instanceof A.StringExpression && !expression.hasQuotes)
+        buffer.addInterpolation$1(expression.text);
+      else
+        buffer.add$2(0, expression, expression.get$span(expression));
+    },
+    get$plainCss() {
+      return false;
+    }
+  };
+  A.StylesheetParser_parse_closure.prototype = {
+    call$0() {
+      var statements,
+        t1 = this.$this,
+        t2 = t1.scanner,
+        t3 = t2._string_scanner$_position;
+      t2.scanChar$1(65279);
+      statements = t1.statements$1(new A.StylesheetParser_parse__closure(t1));
+      t2.expectDone$0();
+      return A.Stylesheet$internal(statements, t2.spanFrom$1(new A._SpanScannerState(t2, t3)), t1.warnings, t1._globalVariables, t1.get$plainCss());
+    },
+    $signature: 348
+  };
+  A.StylesheetParser_parse__closure.prototype = {
+    call$0() {
+      var t1 = this.$this;
+      if (t1.scanner.scan$1("@charset")) {
+        t1.whitespace$1$consumeNewlines(false);
+        t1.string$0();
+        return null;
+      }
+      return t1._statement$1$root(true);
+    },
+    $signature: 349
+  };
+  A.StylesheetParser_parseParameterList_closure.prototype = {
+    call$0() {
+      var parameters,
+        t1 = this.$this,
+        t2 = t1.scanner;
+      t2.expectChar$2$name(64, "@-rule");
+      t1.identifier$0();
+      t1.whitespace$1$consumeNewlines(true);
+      t1.identifier$0();
+      parameters = t1._parameterList$0();
+      t1.whitespace$1$consumeNewlines(true);
+      t2.expectChar$1(123);
+      return parameters;
+    },
+    $signature: 350
+  };
+  A.StylesheetParser_parseVariableDeclaration_closure.prototype = {
+    call$0() {
+      var t1 = this.$this;
+      return t1.lookingAtIdentifier$0() ? t1._variableDeclarationWithNamespace$0() : t1.variableDeclarationWithoutNamespace$0();
+    },
+    $signature: 351
+  };
+  A.StylesheetParser_parseUseRule_closure.prototype = {
+    call$0() {
+      var t1 = this.$this,
+        t2 = t1.scanner,
+        t3 = t2._string_scanner$_position;
+      t2.expectChar$2$name(64, "@-rule");
+      t1.expectIdentifier$1("use");
+      t1.whitespace$1$consumeNewlines(true);
+      return t1._useRule$1(new A._SpanScannerState(t2, t3));
+    },
+    $signature: 353
+  };
+  A.StylesheetParser__parseSingleProduction_closure.prototype = {
+    call$0() {
+      var result = this.production.call$0();
+      this.$this.scanner.expectDone$0();
+      return result;
+    },
+    $signature() {
+      return this.T._eval$1("0()");
+    }
+  };
+  A.StylesheetParser__statement_closure.prototype = {
+    call$0() {
+      return this.$this._statement$0();
+    },
+    $signature: 136
+  };
+  A.StylesheetParser_variableDeclarationWithoutNamespace_closure.prototype = {
+    call$0() {
+      return this.$this.scanner.spanFrom$1(this.start);
+    },
+    $signature: 26
+  };
+  A.StylesheetParser_variableDeclarationWithoutNamespace_closure0.prototype = {
+    call$0() {
+      return this.declaration.span;
+    },
+    $signature: 26
+  };
+  A.StylesheetParser__declarationOrBuffer_closure.prototype = {
+    call$0() {
+      return this.$this.whitespace$1$consumeNewlines(false);
+    },
+    $signature: 0
+  };
+  A.StylesheetParser__declarationOrBuffer_closure0.prototype = {
+    call$0() {
+      return this.$this.whitespace$1$consumeNewlines(false);
+    },
+    $signature: 0
+  };
+  A.StylesheetParser__declarationOrBuffer_closure1.prototype = {
+    call$0() {
+      return this.$this.whitespace$1$consumeNewlines(false);
+    },
+    $signature: 0
+  };
+  A.StylesheetParser__styleRule_closure.prototype = {
+    call$2(children, span) {
+      var _this = this,
+        t1 = _this.$this;
+      if (t1.get$indented() && children.length === 0)
+        t1.warnings.push(new A._Record_3_deprecation_message_span(null, string$.This_s, _this._box_0.interpolation.span));
+      t1._inStyleRule = _this.wasInStyleRule;
+      return A.StyleRule$(_this._box_0.interpolation, children, t1.scanner.spanFrom$1(_this.start));
+    },
+    $signature: 354
+  };
+  A.StylesheetParser__propertyOrVariableDeclaration_closure.prototype = {
+    call$0() {
+      return this.$this.whitespace$1$consumeNewlines(false);
+    },
+    $signature: 0
+  };
+  A.StylesheetParser__tryDeclarationChildren_closure.prototype = {
+    call$2(children, span) {
+      return A.Declaration$nested(this.name, children, span, this.value);
+    },
+    $signature: 356
+  };
+  A.StylesheetParser__atRootRule_closure.prototype = {
+    call$2(children, span) {
+      return A.AtRootRule$(children, span, this.query);
+    },
+    $signature: 214
+  };
+  A.StylesheetParser__atRootRule_closure0.prototype = {
+    call$2(children, span) {
+      return A.AtRootRule$(children, span, null);
+    },
+    $signature: 214
+  };
+  A.StylesheetParser__eachRule_closure.prototype = {
+    call$2(children, span) {
+      var _this = this;
+      _this.$this._inControlDirective = _this.wasInControlDirective;
+      return A.EachRule$(_this.variables, _this.list, children, span);
+    },
+    $signature: 358
+  };
+  A.StylesheetParser__functionRule_closure.prototype = {
+    call$2(children, span) {
+      return A.FunctionRule$(this.name, this.parameters, children, span, this.precedingComment);
+    },
+    $signature: 359
+  };
+  A.StylesheetParser__forRule_closure.prototype = {
+    call$0() {
+      var t1 = this.$this;
+      if (!t1.lookingAtIdentifier$0())
+        return false;
+      if (t1.scanIdentifier$1("to"))
+        return this._box_0.exclusive = true;
+      else if (t1.scanIdentifier$1("through")) {
+        this._box_0.exclusive = false;
+        return true;
+      } else
+        return false;
+    },
+    $signature: 19
+  };
+  A.StylesheetParser__forRule_closure0.prototype = {
+    call$2(children, span) {
+      var t1, _this = this;
+      _this.$this._inControlDirective = _this.wasInControlDirective;
+      t1 = _this._box_0.exclusive;
+      t1.toString;
+      return A.ForRule$(_this.variable, _this.from, _this.to, children, span, t1);
+    },
+    $signature: 360
+  };
+  A.StylesheetParser__memberList_closure.prototype = {
+    call$0() {
+      var t1 = this.$this;
+      if (t1.scanner.peekChar$0() === 36)
+        this.variables.add$1(0, t1.variableName$0());
+      else
+        this.identifiers.add$1(0, t1.identifier$1$normalize(true));
+    },
+    $signature: 1
+  };
+  A.StylesheetParser__includeRule_closure.prototype = {
+    call$2(children, span) {
+      return A.ContentBlock$(this.contentParameters_, children, span);
+    },
+    $signature: 361
+  };
+  A.StylesheetParser_mediaRule_closure.prototype = {
+    call$2(children, span) {
+      return A.MediaRule$(this.query, children, span);
+    },
+    $signature: 367
+  };
+  A.StylesheetParser__mixinRule_closure.prototype = {
+    call$2(children, span) {
+      var _this = this;
+      _this.$this._stylesheet$_inMixin = false;
+      return A.MixinRule$(_this.name, _this.parameters, children, span, _this.precedingComment);
+    },
+    $signature: 368
+  };
+  A.StylesheetParser_mozDocumentRule_closure.prototype = {
+    call$0() {
+      return this.$this.whitespace$1$consumeNewlines(false);
+    },
+    $signature: 0
+  };
+  A.StylesheetParser_mozDocumentRule_closure0.prototype = {
+    call$2(children, span) {
+      var _this = this;
+      if (_this._box_0.needsDeprecationWarning)
+        _this.$this.warnings.push(new A._Record_3_deprecation_message_span(B.Deprecation_wda, string$.x40_moz_, span));
+      return A.AtRule$(_this.name, span, children, _this.value);
+    },
+    $signature: 217
+  };
+  A.StylesheetParser_supportsRule_closure.prototype = {
+    call$2(children, span) {
+      return A.SupportsRule$(this.condition, children, span);
+    },
+    $signature: 370
+  };
+  A.StylesheetParser__whileRule_closure.prototype = {
+    call$2(children, span) {
+      this.$this._inControlDirective = this.wasInControlDirective;
+      return A.WhileRule$(this.condition, children, span);
+    },
+    $signature: 379
+  };
+  A.StylesheetParser_unknownAtRule_closure.prototype = {
+    call$2(children, span) {
+      return A.AtRule$(this.name, span, children, this._box_0.value);
+    },
+    $signature: 217
+  };
+  A.StylesheetParser__expression_resetState.prototype = {
+    call$0() {
+      var t2,
+        t1 = this._box_0;
+      t1.operands_ = t1.operators_ = t1.spaceExpressions_ = t1.commaExpressions_ = null;
+      t2 = this.$this;
+      t2.scanner.set$state(this.start);
+      t1.allowSlash = true;
+      t1.singleExpression_ = t2._singleExpression$0();
+    },
+    $signature: 0
+  };
+  A.StylesheetParser__expression_resolveOneOperation.prototype = {
+    call$0() {
+      var t2, t3, t4, t5, t6, t7, _this = this,
+        t1 = _this._box_0,
+        operator = t1.operators_.pop(),
+        left = t1.operands_.pop(),
+        right = t1.singleExpression_;
+      if (right == null) {
+        t2 = _this.$this.scanner;
+        t3 = operator.operator.length;
+        t2.error$3$length$position(0, "Expected expression.", t3, t2._string_scanner$_position - t3);
+      }
+      if (t1.allowSlash) {
+        t2 = _this.$this;
+        t2 = !t2._inParentheses && operator === B.BinaryOperator_Mh5 && t2._isSlashOperand$1(left) && t2._isSlashOperand$1(right);
+      } else
+        t2 = false;
+      if (t2)
+        t1.singleExpression_ = new A.BinaryOperationExpression(B.BinaryOperator_Mh5, left, right, true);
+      else {
+        t1.singleExpression_ = new A.BinaryOperationExpression(operator, left, right, false);
+        t2 = t1.allowSlash = false;
+        if (B.BinaryOperator_Swh === operator || B.BinaryOperator_QG1 === operator) {
+          t3 = _this.$this;
+          t4 = t3.scanner.string;
+          t5 = right.get$span(right);
+          t5 = t5.get$start(t5);
+          t6 = right.get$span(right);
+          t7 = operator.operator;
+          if (B.JSString_methods.substring$2(t4, t5.offset - 1, t6.get$start(t6).offset) === t7) {
+            t2 = left.get$span(left);
+            t2 = t4.charCodeAt(t2.get$end(t2).offset);
+            t2 = t2 === 32 || t2 === 9 || t2 === 10 || t2 === 13 || t2 === 12;
+          }
+          if (t2) {
+            t2 = left.toString$0(0);
+            t4 = right.toString$0(0);
+            t5 = left.toString$0(0);
+            t6 = right.toString$0(0);
+            t1 = t1.singleExpression_;
+            t3.warnings.push(new A._Record_3_deprecation_message_span(B.Deprecation_89K, "This operation is parsed as:\n\n    " + t2 + " " + t7 + " " + t4 + string$.x0a_but_ + t5 + " (" + t7 + t6 + ")\n\nAdd a space after " + t7 + string$.x20to_cl, t1.get$span(t1)));
+          }
+        }
+      }
+    },
+    $signature: 0
+  };
+  A.StylesheetParser__expression_resolveOperations.prototype = {
+    call$0() {
+      var t1,
+        operators = this._box_0.operators_;
+      if (operators == null)
+        return;
+      for (t1 = this.resolveOneOperation; operators.length !== 0;)
+        t1.call$0();
+    },
+    $signature: 0
+  };
+  A.StylesheetParser__expression_addSingleExpression.prototype = {
+    call$1(expression) {
+      var t2, spaceExpressions, _this = this,
+        t1 = _this._box_0;
+      if (t1.singleExpression_ != null) {
+        t2 = _this.$this;
+        if (t2._inParentheses) {
+          t2._inParentheses = false;
+          if (t1.allowSlash) {
+            _this.resetState.call$0();
+            return;
+          }
+        }
+        spaceExpressions = t1.spaceExpressions_;
+        if (spaceExpressions == null)
+          spaceExpressions = t1.spaceExpressions_ = A._setArrayType([], type$.JSArray_Expression);
+        _this.resolveOperations.call$0();
+        t2 = t1.singleExpression_;
+        t2.toString;
+        spaceExpressions.push(t2);
+        t1.allowSlash = true;
+      }
+      t1.singleExpression_ = expression;
+    },
+    $signature: 386
+  };
+  A.StylesheetParser__expression_addOperator.prototype = {
+    call$1(operator) {
+      var t2, t3, operators, operands, t4, singleExpression, _this = this,
+        t1 = _this.$this;
+      if (t1.get$plainCss() && operator !== B.BinaryOperator_Kyq && operator !== B.BinaryOperator_Swh && operator !== B.BinaryOperator_QG1 && operator !== B.BinaryOperator_tht && operator !== B.BinaryOperator_Mh5) {
+        t2 = t1.scanner;
+        t3 = operator.operator.length;
+        t2.error$3$length$position(0, "Operators aren't allowed in plain CSS.", t3, t2._string_scanner$_position - t3);
+      }
+      t2 = _this._box_0;
+      t2.allowSlash = t2.allowSlash && operator === B.BinaryOperator_Mh5;
+      operators = t2.operators_;
+      if (operators == null)
+        operators = t2.operators_ = A._setArrayType([], type$.JSArray_BinaryOperator);
+      operands = t2.operands_;
+      if (operands == null)
+        operands = t2.operands_ = A._setArrayType([], type$.JSArray_Expression);
+      t3 = _this.resolveOneOperation;
+      t4 = operator.precedence;
+      while (true) {
+        if (!(operators.length !== 0 && B.JSArray_methods.get$last(operators).precedence >= t4))
+          break;
+        t3.call$0();
+      }
+      singleExpression = t2.singleExpression_;
+      if (singleExpression == null) {
+        t3 = t1.scanner;
+        t4 = operator.operator.length;
+        t3.error$3$length$position(0, "Expected expression.", t4, t3._string_scanner$_position - t4);
+      }
+      t1.whitespace$1$consumeNewlines(true);
+      if (operator === B.BinaryOperator_s7T && !t1._lookingAtExpression$0()) {
+        t1 = t1.scanner;
+        t1 = t1.spanFromPosition$1(t1._string_scanner$_position - 1);
+        _this.addSingleExpression.call$1(new A.StringExpression(new A.Interpolation(A.List_List$unmodifiable(["%"], type$.Object), B.List_null, t1), false));
+      } else {
+        operators.push(operator);
+        operands.push(singleExpression);
+        t2.singleExpression_ = t1._singleExpression$0();
+      }
+    },
+    $signature: 387
+  };
+  A.StylesheetParser__expression_resolveSpaceExpressions.prototype = {
+    call$0() {
+      var t1, spaceExpressions, singleExpression, t2;
+      this.resolveOperations.call$0();
+      t1 = this._box_0;
+      spaceExpressions = t1.spaceExpressions_;
+      if (spaceExpressions == null)
+        return;
+      singleExpression = t1.singleExpression_;
+      if (singleExpression == null)
+        this.$this.scanner.error$1(0, "Expected expression.");
+      spaceExpressions.push(singleExpression);
+      t2 = B.JSArray_methods.get$first(spaceExpressions);
+      t2 = t2.get$span(t2).expand$1(0, singleExpression.get$span(singleExpression));
+      t1.singleExpression_ = new A.ListExpression(A.List_List$unmodifiable(spaceExpressions, type$.Expression), B.ListSeparator_qSL, false, t2);
+      t1.spaceExpressions_ = null;
+    },
+    $signature: 0
+  };
+  A.StylesheetParser_expressionUntilComma_closure.prototype = {
+    call$0() {
+      return this.$this.scanner.peekChar$0() === 44;
+    },
+    $signature: 19
+  };
+  A.StylesheetParser__isHexColor_closure.prototype = {
+    call$1(char) {
+      return A.CharacterExtension_get_isHex(char);
+    },
+    $signature: 50
+  };
+  A.StylesheetParser__unicodeRange_closure.prototype = {
+    call$1(char) {
+      return char != null && A.CharacterExtension_get_isHex(char);
+    },
+    $signature: 30
+  };
+  A.StylesheetParser__unicodeRange_closure0.prototype = {
+    call$1(char) {
+      return char != null && A.CharacterExtension_get_isHex(char);
+    },
+    $signature: 30
+  };
+  A.StylesheetParser_namespacedExpression_closure.prototype = {
+    call$0() {
+      return this.$this.scanner.spanFrom$1(this.start);
+    },
+    $signature: 26
+  };
+  A.StylesheetParser_trySpecialFunction_closure.prototype = {
+    call$1(contents) {
+      return new A.StringExpression(contents, false);
+    },
+    $signature: 388
+  };
+  A.StylesheetParser__expressionUntilComparison_closure.prototype = {
+    call$0() {
+      var t1 = this.$this.scanner,
+        _0_0 = t1.peekChar$0();
+      $label0$0: {
+        if (61 === _0_0) {
+          t1 = t1.peekChar$1(1) !== 61;
+          break $label0$0;
+        }
+        if (60 === _0_0 || 62 === _0_0) {
+          t1 = true;
+          break $label0$0;
+        }
+        t1 = false;
+        break $label0$0;
+      }
+      return t1;
+    },
+    $signature: 19
+  };
+  A.StylesheetParser__publicIdentifier_closure.prototype = {
+    call$0() {
+      return this.$this.scanner.spanFrom$1(this.start);
+    },
+    $signature: 26
+  };
+  A.StylesheetGraph.prototype = {
+    modifiedSince$3(url, since, baseImporter) {
+      var node = this._stylesheet_graph$_add$3(url, baseImporter, null);
+      if (node == null)
+        return true;
+      return new A.StylesheetGraph_modifiedSince_transitiveModificationTime(this).call$1(node).isAfter$1(since);
+    },
+    _stylesheet_graph$_add$3(url, baseImporter, baseUrl) {
+      var importer, canonicalUrl, _this = this,
+        result = _this._ignoreErrors$1(new A.StylesheetGraph__add_closure(_this, url, baseImporter, baseUrl));
+      if (type$.Record_3_nullable_Object_and_nullable_Object_and_nullable_Object_originalUrl._is(result)) {
+        importer = result._0;
+        canonicalUrl = result._1;
+        _this.addCanonical$3(importer, canonicalUrl, result._2);
+        return _this._nodes.$index(0, canonicalUrl);
+      } else
+        return null;
+    },
+    addCanonical$4$recanonicalize(importer, canonicalUrl, originalUrl, recanonicalize) {
+      var stylesheet, _this = this,
+        t1 = _this._nodes;
+      if (t1.$index(0, canonicalUrl) != null)
+        return B.Set_empty4;
+      stylesheet = _this._ignoreErrors$1(new A.StylesheetGraph_addCanonical_closure(_this, importer, canonicalUrl, originalUrl));
+      if (stylesheet == null)
+        return B.Set_empty4;
+      t1.$indexSet(0, canonicalUrl, A.StylesheetNode$_(stylesheet, importer, canonicalUrl, _this._upstreamNodes$3(stylesheet, importer, canonicalUrl)));
+      return recanonicalize ? _this._recanonicalizeImports$2(importer, canonicalUrl) : B.Set_empty4;
+    },
+    addCanonical$3(importer, canonicalUrl, originalUrl) {
+      return this.addCanonical$4$recanonicalize(importer, canonicalUrl, originalUrl, true);
+    },
+    _upstreamNodes$3(stylesheet, baseImporter, baseUrl) {
+      var t6, t7, t8,
+        t1 = type$.Uri,
+        active = A.LinkedHashSet_LinkedHashSet$_literal([baseUrl], t1),
+        t2 = A.LinkedHashSet_LinkedHashSet$_empty(t1),
+        t3 = A.LinkedHashSet_LinkedHashSet$_empty(t1),
+        t4 = A.LinkedHashSet_LinkedHashSet$_empty(t1),
+        t5 = A.LinkedHashSet_LinkedHashSet$_empty(t1);
+      new A._FindDependenciesVisitor(t2, t3, t4, t5, A.LinkedHashSet_LinkedHashSet$_empty(type$.nullable_String)).visitChildren$1(stylesheet.children);
+      t6 = type$.UnmodifiableSetView_Uri;
+      t7 = type$.nullable_StylesheetNode;
+      t8 = A.LinkedHashMap_LinkedHashMap$_empty(t1, t7);
+      for (t2 = new A.UnionSet(A.LinkedHashSet_LinkedHashSet$_literal([new A.UnmodifiableSetView0(t2, t6), new A.UnmodifiableSetView0(t3, t6), new A.UnmodifiableSetView0(t4, t6)], type$.Set_Uri), type$.UnionSet_Uri).get$_union_set$_iterable(), t2 = t2.get$iterator(t2); t2.moveNext$0();) {
+        t3 = t2.get$current(t2);
+        t8.$indexSet(0, t3, this._nodeFor$4(t3, baseImporter, baseUrl, active));
+      }
+      t1 = A.LinkedHashMap_LinkedHashMap$_empty(t1, t7);
+      for (t2 = t5.get$iterator(0); t2.moveNext$0();) {
+        t3 = t2.get$current(0);
+        t1.$indexSet(0, t3, this._nodeFor$5$forImport(t3, baseImporter, baseUrl, active, true));
+      }
+      return new A._Record_2_imports_modules(t1, t8);
+    },
+    reload$1(canonicalUrl) {
+      var stylesheet, upstream, _this = this,
+        node = _this._nodes.$index(0, canonicalUrl);
+      if (node == null)
+        throw A.wrapException(A.StateError$(canonicalUrl.toString$0(0) + " is not in the dependency graph."));
+      _this._transitiveModificationTimes.clear$0(0);
+      _this.importCache.clearImport$1(canonicalUrl);
+      stylesheet = _this._ignoreErrors$1(new A.StylesheetGraph_reload_closure(_this, node, canonicalUrl));
+      if (stylesheet == null)
+        return false;
+      node._stylesheet = stylesheet;
+      upstream = _this._upstreamNodes$3(stylesheet, node.importer, canonicalUrl);
+      node._replaceUpstream$2(upstream._1, upstream._0);
+      return true;
+    },
+    reloadAllModified$0() {
+      var node, modified, loadTime, t2, t3, _i, t4, t5, t6, t7, modified0, exception, _this = this,
+        t1 = _this._nodes;
+      t1 = A.List_List$_of(new A.LinkedHashMapValuesIterable(t1, A._instanceType(t1)._eval$1("LinkedHashMapValuesIterable<2>")), type$.StylesheetNode);
+      t2 = t1.length;
+      t3 = _this.importCache._loadTimes;
+      _i = 0;
+      for (; _i < t1.length; t1.length === t2 || (0, A.throwConcurrentModificationError)(t1), ++_i) {
+        node = t1[_i];
+        modified = false;
+        try {
+          loadTime = t3.$index(0, node.canonicalUrl);
+          if (loadTime != null) {
+            t4 = node.importer.modificationTime$1(node.canonicalUrl);
+            t5 = loadTime;
+            t6 = t4._value;
+            t7 = t5._value;
+            if (t6 <= t7) {
+              t4 = t6 === t7 && t4._microsecond > t5._microsecond;
+              modified0 = t4;
+            } else
+              modified0 = true;
+          } else
+            modified0 = false;
+          modified = modified0;
+        } catch (exception) {
+          if (A.unwrapException(exception) instanceof A.FileSystemException)
+            modified = true;
+          else
+            throw exception;
+        }
+        if (modified)
+          if (!_this.reload$1(node.canonicalUrl))
+            _this.remove$2(0, node.importer, node.canonicalUrl);
+      }
+    },
+    remove$2(_, importer, canonicalUrl) {
+      var toRecompile, _this = this,
+        node = _this._nodes.remove$1(0, canonicalUrl),
+        t1 = node != null;
+      if (t1) {
+        _this._transitiveModificationTimes.clear$0(0);
+        _this.importCache.clearImport$1(canonicalUrl);
+        node._stylesheet_graph$_remove$0();
+      }
+      toRecompile = _this._recanonicalizeImports$2(importer, canonicalUrl);
+      if (t1)
+        toRecompile.addAll$1(0, node._downstream);
+      return toRecompile;
+    },
+    _recanonicalizeImports$2(importer, canonicalUrl) {
+      var changed, t1, t2, t3, t4, t5, newUpstream, newUpstreamImports, _this = this;
+      _this.importCache.clearCanonicalize$1(canonicalUrl);
+      changed = A.LinkedHashSet_LinkedHashSet$_empty(type$.StylesheetNode);
+      for (t1 = _this._nodes.get$values(0).get$iterator(0), t2 = type$.UnmodifiableMapView_of_Uri_and_nullable_StylesheetNode, t3 = type$.Uri, t4 = type$.nullable_StylesheetNode; t1.moveNext$0();) {
+        t5 = t1.get$current(0);
+        newUpstream = _this._recanonicalizeImportsForNode$4$forImport(t5, importer, canonicalUrl, false);
+        newUpstreamImports = _this._recanonicalizeImportsForNode$4$forImport(t5, importer, canonicalUrl, true);
+        if (newUpstream.__js_helper$_length !== 0 || newUpstreamImports.__js_helper$_length !== 0) {
+          changed.add$1(0, t5);
+          t5._replaceUpstream$2(A.mergeMaps(new A.UnmodifiableMapView(t5._upstream, t2), newUpstream, t3, t4), A.mergeMaps(new A.UnmodifiableMapView(t5._upstreamImports, t2), newUpstreamImports, t3, t4));
+        }
+      }
+      if (changed._collection$_length !== 0)
+        _this._transitiveModificationTimes.clear$0(0);
+      return changed;
+    },
+    _recanonicalizeImportsForNode$4$forImport(node, importer, canonicalUrl, forImport) {
+      var url, result, t2, newMap, t3, t4, t5, t6, upstream, exception, newCanonicalUrl,
+        t1 = type$.UnmodifiableMapView_of_Uri_and_nullable_StylesheetNode,
+        map = forImport ? new A.UnmodifiableMapView(node._upstreamImports, t1) : new A.UnmodifiableMapView(node._upstream, t1);
+      t1 = type$.Uri;
+      t2 = type$.nullable_StylesheetNode;
+      newMap = A.LinkedHashMap_LinkedHashMap$_empty(t1, t2);
+      for (t1 = A.MapExtensions_get_pairs(map, t1, t2), t1 = t1.get$iterator(t1), t2 = this._nodes, t3 = this.importCache, t4 = node.importer, t5 = node.canonicalUrl; t1.moveNext$0();) {
+        t6 = t1.get$current(t1);
+        url = null;
+        url = t6._0;
+        upstream = t6._1;
+        if (!importer.couldCanonicalize$2(url, canonicalUrl))
+          continue;
+        result = null;
+        try {
+          result = t3.canonicalize$4$baseImporter$baseUrl$forImport(0, url, t4, t5, forImport);
+        } catch (exception) {
+        }
+        t6 = result;
+        newCanonicalUrl = t6 == null ? null : t6._1;
+        if (J.$eq$(newCanonicalUrl, upstream == null ? null : upstream.canonicalUrl))
+          continue;
+        t6 = url;
+        newMap.$indexSet(0, t6, result == null ? null : t2.$index(0, newCanonicalUrl));
+      }
+      return newMap;
+    },
+    _nodeFor$5$forImport(url, baseImporter, baseUrl, active, forImport) {
+      var canonicalUrl, t2, _1_0, stylesheet, t3, t4, node, _this = this, t1 = {},
+        result = _this._ignoreErrors$1(new A.StylesheetGraph__nodeFor_closure(_this, url, baseImporter, baseUrl, forImport));
+      if (result == null)
+        return null;
+      t1.originalUrl = t1.canonicalUrl = t1.importer = null;
+      t1.importer = result._0;
+      canonicalUrl = t1.canonicalUrl = result._1;
+      t1.originalUrl = result._2;
+      t2 = _this._nodes;
+      _1_0 = t2.$index(0, canonicalUrl);
+      if (_1_0 != null)
+        return _1_0;
+      if (active.contains$1(0, canonicalUrl))
+        return null;
+      stylesheet = _this._ignoreErrors$1(new A.StylesheetGraph__nodeFor_closure0(t1, _this));
+      if (stylesheet == null)
+        return null;
+      active.add$1(0, t1.canonicalUrl);
+      t3 = t1.importer;
+      t4 = t1.canonicalUrl;
+      node = A.StylesheetNode$_(stylesheet, t3, t4, _this._upstreamNodes$3(stylesheet, t3, t4));
+      active.remove$1(0, t1.canonicalUrl);
+      t2.$indexSet(0, t1.canonicalUrl, node);
+      return node;
+    },
+    _nodeFor$4(url, baseImporter, baseUrl, active) {
+      return this._nodeFor$5$forImport(url, baseImporter, baseUrl, active, false);
+    },
+    _ignoreErrors$1$1(callback) {
+      var t1, exception;
+      try {
+        t1 = callback.call$0();
+        return t1;
+      } catch (exception) {
+        return null;
+      }
+    },
+    _ignoreErrors$1(callback) {
+      return this._ignoreErrors$1$1(callback, type$.dynamic);
+    }
+  };
+  A.StylesheetGraph_modifiedSince_transitiveModificationTime.prototype = {
+    call$1(node) {
+      return this.$this._transitiveModificationTimes.putIfAbsent$2(node.canonicalUrl, new A.StylesheetGraph_modifiedSince_transitiveModificationTime_closure(node, this));
+    },
+    $signature: 389
+  };
+  A.StylesheetGraph_modifiedSince_transitiveModificationTime_closure.prototype = {
+    call$0() {
+      var t2, t3, upstreamTime, t4,
+        t1 = this.node,
+        latest = t1.importer.modificationTime$1(t1.canonicalUrl);
+      for (t1 = t1._upstream.get$values(0).followedBy$1(0, t1._upstreamImports.get$values(0)).get$iterator(0), t2 = this.transitiveModificationTime; t1.moveNext$0();) {
+        t3 = t1.get$current(0);
+        upstreamTime = t3 == null ? new A.DateTime(Date.now(), 0, false) : t2.call$1(t3);
+        t3 = upstreamTime._value;
+        t4 = latest._value;
+        if (t3 <= t4)
+          t3 = t3 === t4 && upstreamTime._microsecond > latest._microsecond;
+        else
+          t3 = true;
+        if (t3)
+          latest = upstreamTime;
+      }
+      return latest;
+    },
+    $signature: 159
+  };
+  A.StylesheetGraph__add_closure.prototype = {
+    call$0() {
+      var _this = this;
+      return _this.$this.importCache.canonicalize$3$baseImporter$baseUrl(0, _this.url, _this.baseImporter, _this.baseUrl);
+    },
+    $signature: 126
+  };
+  A.StylesheetGraph_addCanonical_closure.prototype = {
+    call$0() {
+      var _this = this;
+      return _this.$this.importCache.importCanonical$3$originalUrl(_this.importer, _this.canonicalUrl, _this.originalUrl);
+    },
+    $signature: 111
+  };
+  A.StylesheetGraph_reload_closure.prototype = {
+    call$0() {
+      return this.$this.importCache.importCanonical$2(this.node.importer, this.canonicalUrl);
+    },
+    $signature: 111
+  };
+  A.StylesheetGraph__nodeFor_closure.prototype = {
+    call$0() {
+      var _this = this;
+      return _this.$this.importCache.canonicalize$4$baseImporter$baseUrl$forImport(0, _this.url, _this.baseImporter, _this.baseUrl, _this.forImport);
+    },
+    $signature: 126
+  };
+  A.StylesheetGraph__nodeFor_closure0.prototype = {
+    call$0() {
+      var t1 = this._box_0;
+      return this.$this.importCache.importCanonical$3$originalUrl(t1.importer, t1.canonicalUrl, t1.originalUrl);
+    },
+    $signature: 111
+  };
+  A.StylesheetNode.prototype = {
+    StylesheetNode$_$4(_stylesheet, importer, canonicalUrl, allUpstream) {
+      var t1, t2;
+      for (t1 = this._upstream.get$values(0).followedBy$1(0, this._upstreamImports.get$values(0)).get$iterator(0); t1.moveNext$0();) {
+        t2 = t1.get$current(0);
+        if (t2 != null)
+          t2._downstream.add$1(0, this);
+      }
+    },
+    _replaceUpstream$2(newUpstream, newUpstreamImports) {
+      var t3, oldUpstream, newUpstreamSet, _this = this,
+        t1 = type$.nullable_StylesheetNode,
+        t2 = A.LinkedHashSet_LinkedHashSet$of(_this._upstream.get$values(0), t1);
+      t2.addAll$1(0, _this._upstreamImports.get$values(0));
+      t3 = type$.StylesheetNode;
+      oldUpstream = A.SetExtension_removeNull(t2, t3);
+      t1 = A.LinkedHashSet_LinkedHashSet$of(new A.LinkedHashMapValuesIterable(newUpstream, A._instanceType(newUpstream)._eval$1("LinkedHashMapValuesIterable<2>")), t1);
+      t1.addAll$1(0, new A.LinkedHashMapValuesIterable(newUpstreamImports, A._instanceType(newUpstreamImports)._eval$1("LinkedHashMapValuesIterable<2>")));
+      newUpstreamSet = A.SetExtension_removeNull(t1, t3);
+      for (t1 = oldUpstream.difference$1(newUpstreamSet), t1 = t1.get$iterator(t1); t1.moveNext$0();)
+        t1.get$current(t1)._downstream.remove$1(0, _this);
+      for (t1 = newUpstreamSet.difference$1(oldUpstream), t1 = t1.get$iterator(t1); t1.moveNext$0();)
+        t1.get$current(t1)._downstream.add$1(0, _this);
+      _this._upstream = newUpstream;
+      _this._upstreamImports = newUpstreamImports;
+    },
+    _stylesheet_graph$_remove$0() {
+      var t1, t2, t3, t4, _i, url, _this = this;
+      for (t1 = A.LinkedHashSet_LinkedHashSet$of(_this._upstream.get$values(0), type$.nullable_StylesheetNode), t1.addAll$1(0, _this._upstreamImports.get$values(0)), t1 = A._LinkedHashSetIterator$(t1, t1._collection$_modifications, A._instanceType(t1)._precomputed1), t2 = t1.$ti._precomputed1; t1.moveNext$0();) {
+        t3 = t1._collection$_current;
+        if (t3 == null)
+          t3 = t2._as(t3);
+        if (t3 == null)
+          continue;
+        t3._downstream.remove$1(0, _this);
+      }
+      for (t1 = _this._downstream.get$iterator(0); t1.moveNext$0();) {
+        t2 = t1.get$current(0);
+        t3 = t2._upstream;
+        t4 = A._instanceType(t3)._eval$1("LinkedHashMapKeysIterable<1>");
+        t3 = A.List_List$_of(new A.LinkedHashMapKeysIterable(t3, t4), t4._eval$1("Iterable.E"));
+        t4 = t3.length;
+        _i = 0;
+        for (; _i < t3.length; t3.length === t4 || (0, A.throwConcurrentModificationError)(t3), ++_i) {
+          url = t3[_i];
+          if (t2._upstream.$index(0, url) === _this) {
+            t2._upstream.$indexSet(0, url, null);
+            break;
+          }
+        }
+        t3 = t2._upstreamImports;
+        t4 = A._instanceType(t3)._eval$1("LinkedHashMapKeysIterable<1>");
+        t3 = A.List_List$_of(new A.LinkedHashMapKeysIterable(t3, t4), t4._eval$1("Iterable.E"));
+        t4 = t3.length;
+        _i = 0;
+        for (; _i < t3.length; t3.length === t4 || (0, A.throwConcurrentModificationError)(t3), ++_i) {
+          url = t3[_i];
+          if (t2._upstreamImports.$index(0, url) === _this) {
+            t2._upstreamImports.$indexSet(0, url, null);
+            break;
+          }
+        }
+      }
+    },
+    toString$0(_) {
+      var t1 = this._stylesheet.span;
+      t1 = A.NullableExtension_andThen(t1.get$sourceUrl(t1), A.path__prettyUri$closure());
+      return t1 == null ? "<unknown>" : t1;
+    }
+  };
+  A.Syntax.prototype = {
+    _enumToString$0() {
+      return "Syntax." + this._name;
+    },
+    toString$0(_) {
+      return this._syntax$_name;
+    }
+  };
+  A.Box.prototype = {
+    $eq(_, other) {
+      if (other == null)
+        return false;
+      return this.$ti._is(other) && other._box$_inner === this._box$_inner;
+    },
+    get$hashCode(_) {
+      return A.Primitives_objectHashCode(this._box$_inner);
+    },
+    toString$0(_) {
+      return "<box: " + this._box$_inner.value.toString$0(0) + ">";
+    }
+  };
+  A.ModifiableBox.prototype = {
+    toString$0(_) {
+      return "<modifiable box: " + this.value.toString$0(0) + ">";
+    }
+  };
+  A.LazyFileSpan.prototype = {
+    get$span(_) {
+      var t1 = this._lazy_file_span$_span;
+      return t1 == null ? this._lazy_file_span$_span = this._builder.call$0() : t1;
+    },
+    compareTo$1(_, other) {
+      return this.get$span(0).compareTo$1(0, other);
+    },
+    get$context(_) {
+      var t1 = this.get$span(0);
+      return t1.get$context(t1);
+    },
+    get$end(_) {
+      var t1 = this.get$span(0);
+      return t1.get$end(t1);
+    },
+    expand$1(_, other) {
+      return this.get$span(0).expand$1(0, other);
+    },
+    get$file(_) {
+      var t1 = this.get$span(0);
+      return t1.get$file(t1);
+    },
+    highlight$1$color(color) {
+      return this.get$span(0).highlight$1$color(color);
+    },
+    get$length(_) {
+      var t1 = this.get$span(0);
+      return t1.get$length(t1);
+    },
+    message$2$color(_, message, color) {
+      return this.get$span(0).message$2$color(0, message, color);
+    },
+    message$1(_, message) {
+      return this.message$2$color(0, message, null);
+    },
+    get$sourceUrl(_) {
+      var t1 = this.get$span(0);
+      return t1.get$sourceUrl(t1);
+    },
+    get$start(_) {
+      var t1 = this.get$span(0);
+      return t1.get$start(t1);
+    },
+    get$text() {
+      return this.get$span(0).get$text();
+    },
+    $isComparable: 1,
+    $isFileSpan: 1,
+    $isSourceSpan: 1,
+    $isSourceSpanWithContext: 1
+  };
+  A.LimitedMapView.prototype = {
+    get$keys(_) {
+      return this._limited_map_view$_keys;
+    },
+    get$length(_) {
+      return this._limited_map_view$_keys._collection$_length;
+    },
+    get$isEmpty(_) {
+      return this._limited_map_view$_keys._collection$_length === 0;
+    },
+    get$isNotEmpty(_) {
+      return this._limited_map_view$_keys._collection$_length !== 0;
+    },
+    $index(_, key) {
+      return this._limited_map_view$_keys.contains$1(0, key) ? this._limited_map_view$_map.$index(0, key) : null;
+    },
+    containsKey$1(key) {
+      return this._limited_map_view$_keys.contains$1(0, key);
+    },
+    remove$1(_, key) {
+      return this._limited_map_view$_keys.contains$1(0, key) ? this._limited_map_view$_map.remove$1(0, key) : null;
+    }
+  };
+  A.MapExtensions_get_pairs_closure.prototype = {
+    call$1(e) {
+      return new A._Record_2(e.key, e.value);
+    },
+    $signature() {
+      return this.K._eval$1("@<0>")._bind$1(this.V)._eval$1("+(1,2)(MapEntry<1,2>)");
+    }
+  };
+  A.MergedMapView.prototype = {
+    get$keys(_) {
+      var t1 = this._mapsByKey;
+      return new A.LinkedHashMapKeysIterable(t1, A._instanceType(t1)._eval$1("LinkedHashMapKeysIterable<1>"));
+    },
+    get$length(_) {
+      return this._mapsByKey.__js_helper$_length;
+    },
+    get$isEmpty(_) {
+      return this._mapsByKey.__js_helper$_length === 0;
+    },
+    get$isNotEmpty(_) {
+      return this._mapsByKey.__js_helper$_length !== 0;
+    },
+    MergedMapView$1(maps, $K, $V) {
+      var t1, t2, _i, map, t3, t4;
+      for (t1 = maps.length, t2 = this._mapsByKey, _i = 0; _i < maps.length; maps.length === t1 || (0, A.throwConcurrentModificationError)(maps), ++_i) {
+        map = maps[_i];
+        if (map instanceof A.MergedMapView)
+          for (t3 = map._mapsByKey, t3 = new A.LinkedHashMapValueIterator(t3, t3._modifications, t3._first); t3.moveNext$0();) {
+            t4 = t3.__js_helper$_current;
+            A.setAll(t2, t4.get$keys(t4), t4);
+          }
+        else
+          A.setAll(t2, map.get$keys(map), map);
+      }
+    },
+    $index(_, key) {
+      var t1 = this._mapsByKey.$index(0, this.$ti._precomputed1._as(key));
+      return t1 == null ? null : t1.$index(0, key);
+    },
+    $indexSet(_, key, value) {
+      var _0_0 = this._mapsByKey.$index(0, key);
+      if (_0_0 != null)
+        _0_0.$indexSet(0, key, value);
+      else
+        throw A.wrapException(A.UnsupportedError$(string$.New_en));
+    },
+    remove$1(_, key) {
+      throw A.wrapException(A.UnsupportedError$(string$.Entrie));
+    },
+    containsKey$1(key) {
+      return this._mapsByKey.containsKey$1(key);
+    }
+  };
+  A.MultiDirWatcher.prototype = {
+    watch$1(_, directory) {
+      var t1, t2, t3, t4, isParentOfExistingDir, _i, t5, _0_1, t6, future, stream, completer;
+      for (t1 = this._watchers, t2 = A.MapExtensions_get_pairs(t1, type$.nullable_String, type$.Stream_WatchEvent).toList$0(0), t3 = t2.length, t1 = t1._map, t4 = this._group, isParentOfExistingDir = false, _i = 0; _i < t2.length; t2.length === t3 || (0, A.throwConcurrentModificationError)(t2), ++_i) {
+        t5 = t2[_i];
+        _0_1 = t5._0;
+        _0_1.toString;
+        if (!isParentOfExistingDir) {
+          t6 = $.$get$context();
+          t6 = t6._isWithinOrEquals$2(_0_1, directory) === B._PathRelation_equal || t6._isWithinOrEquals$2(_0_1, directory) === B._PathRelation_within;
+        } else
+          t6 = false;
+        if (t6) {
+          t1 = new A._Future($.Zone__current, type$._Future_void);
+          t1._asyncComplete$1(null);
+          return t1;
+        }
+        if ($.$get$context()._isWithinOrEquals$2(directory, _0_1) === B._PathRelation_within) {
+          t1.remove$1(0, _0_1);
+          t4.remove$1(0, t5._1);
+          isParentOfExistingDir = true;
+        }
+      }
+      future = A.watchDir(directory, this._poll);
+      stream = new A._CompleterStream(type$._CompleterStream_WatchEvent);
+      completer = new A.StreamCompleter(stream, type$.StreamCompleter_WatchEvent);
+      future.then$1$2$onError(0, completer.get$setSourceStream(), completer.get$setError(), type$.void);
+      t1.$indexSet(0, directory, stream);
+      t4.add$1(0, stream);
+      return future;
+    }
+  };
+  A.MultiSpan.prototype = {
+    get$start(_) {
+      var t1 = this._multi_span$_primary;
+      return t1.get$start(t1);
+    },
+    get$end(_) {
+      var t1 = this._multi_span$_primary;
+      return t1.get$end(t1);
+    },
+    get$text() {
+      return this._multi_span$_primary.get$text();
+    },
+    get$context(_) {
+      var t1 = this._multi_span$_primary;
+      return t1.get$context(t1);
+    },
+    get$file(_) {
+      var t1 = this._multi_span$_primary;
+      return t1.get$file(t1);
+    },
+    get$length(_) {
+      var t1 = this._multi_span$_primary;
+      return t1.get$length(t1);
+    },
+    get$sourceUrl(_) {
+      var t1 = this._multi_span$_primary;
+      return t1.get$sourceUrl(t1);
+    },
+    compareTo$1(_, other) {
+      return this._multi_span$_primary.compareTo$1(0, other);
+    },
+    toString$0(_) {
+      return this._multi_span$_primary.toString$0(0);
+    },
+    expand$1(_, other) {
+      return new A.MultiSpan(this._multi_span$_primary.expand$1(0, other), this.primaryLabel, this.secondarySpans);
+    },
+    highlight$1$color(color) {
+      return A.Highlighter$multiple(this._multi_span$_primary, this.primaryLabel, this.secondarySpans, color === true, null, null).highlight$0();
+    },
+    message$2$color(_, message, color) {
+      var t1 = J.$eq$(color, true) || typeof color == "string",
+        t2 = typeof color == "string" ? color : null;
+      return A.SourceSpanExtension_messageMultiple(this._multi_span$_primary, message, this.primaryLabel, this.secondarySpans, t1, t2, null);
+    },
+    message$1(_, message) {
+      return this.message$2$color(0, message, null);
+    },
+    $isComparable: 1,
+    $isFileSpan: 1,
+    $isSourceSpan: 1,
+    $isSourceSpanWithContext: 1
+  };
+  A.NoSourceMapBuffer.prototype = {
+    get$length(_) {
+      return this._no_source_map_buffer$_buffer._contents.length;
+    },
+    forSpan$1$2(span, callback) {
+      return callback.call$0();
+    },
+    forSpan$2(span, callback) {
+      return this.forSpan$1$2(span, callback, type$.dynamic);
+    },
+    write$1(_, object) {
+      var t1 = this._no_source_map_buffer$_buffer,
+        t2 = A.S(object);
+      t1._contents += t2;
+      return null;
+    },
+    writeCharCode$1(charCode) {
+      var t1 = this._no_source_map_buffer$_buffer,
+        t2 = A.Primitives_stringFromCharCode(charCode);
+      t1._contents += t2;
+      return null;
+    },
+    toString$0(_) {
+      var t1 = this._no_source_map_buffer$_buffer._contents;
+      return t1.charCodeAt(0) == 0 ? t1 : t1;
+    },
+    buildSourceMap$1$prefix(prefix) {
+      return A.throwExpression(A.UnsupportedError$(string$.NoSour));
+    }
+  };
+  A.PrefixedMapView.prototype = {
+    get$keys(_) {
+      return new A._PrefixedKeys(this);
+    },
+    get$length(_) {
+      var t1 = this._prefixed_map_view$_map;
+      return t1.get$length(t1);
+    },
+    get$isEmpty(_) {
+      var t1 = this._prefixed_map_view$_map;
+      return t1.get$isEmpty(t1);
+    },
+    get$isNotEmpty(_) {
+      var t1 = this._prefixed_map_view$_map;
+      return t1.get$isNotEmpty(t1);
+    },
+    $index(_, key) {
+      return typeof key == "string" && B.JSString_methods.startsWith$1(key, this._prefix) ? this._prefixed_map_view$_map.$index(0, B.JSString_methods.substring$1(key, this._prefix.length)) : null;
+    },
+    containsKey$1(key) {
+      return typeof key == "string" && B.JSString_methods.startsWith$1(key, this._prefix) && this._prefixed_map_view$_map.containsKey$1(B.JSString_methods.substring$1(key, this._prefix.length));
+    }
+  };
+  A._PrefixedKeys.prototype = {
+    get$length(_) {
+      var t1 = this._view._prefixed_map_view$_map;
+      return t1.get$length(t1);
+    },
+    get$iterator(_) {
+      var t1 = this._view._prefixed_map_view$_map;
+      t1 = t1.get$keys(t1);
+      t1 = t1.map$1$1(t1, new A._PrefixedKeys_iterator_closure(this), type$.String);
+      return t1.get$iterator(t1);
+    },
+    contains$1(_, key) {
+      return this._view.containsKey$1(key);
+    }
+  };
+  A._PrefixedKeys_iterator_closure.prototype = {
+    call$1(key) {
+      return this.$this._view._prefix + key;
+    },
+    $signature: 6
+  };
+  A.PublicMemberMapView.prototype = {
+    get$keys(_) {
+      var t1 = this._public_member_map_view$_inner;
+      t1 = t1.get$keys(t1);
+      return t1.where$1(t1, A.utils__isPublic$closure());
+    },
+    containsKey$1(key) {
+      return typeof key == "string" && A.isPublic(key) && this._public_member_map_view$_inner.containsKey$1(key);
+    },
+    $index(_, key) {
+      if (typeof key == "string" && A.isPublic(key))
+        return this._public_member_map_view$_inner.$index(0, key);
+      return null;
+    }
+  };
+  A.SourceMapBuffer.prototype = {
+    get$_targetLocation() {
+      var t1 = this._source_map_buffer$_buffer._contents,
+        t2 = this._line;
+      return A.SourceLocation$(t1.length, this._column, t2, null);
+    },
+    get$length(_) {
+      return this._source_map_buffer$_buffer._contents.length;
+    },
+    forSpan$1$2(span, callback) {
+      var t1, _this = this,
+        wasInSpan = _this._inSpan;
+      _this._inSpan = true;
+      _this._addEntry$2(span.get$start(span), _this.get$_targetLocation());
+      try {
+        t1 = callback.call$0();
+        return t1;
+      } finally {
+        _this._inSpan = wasInSpan;
+      }
+    },
+    forSpan$2(span, callback) {
+      return this.forSpan$1$2(span, callback, type$.dynamic);
+    },
+    _addEntry$2(source, target) {
+      var entry, t2,
+        t1 = this._entries;
+      if (t1.length !== 0) {
+        entry = B.JSArray_methods.get$last(t1);
+        t2 = entry.source;
+        if (t2.file.getLine$1(t2.offset) === source.file.getLine$1(source.offset) && entry.target.line === target.line)
+          return;
+        if (entry.target.offset === target.offset)
+          return;
+      }
+      t1.push(new A.Entry(source, target, null));
+    },
+    write$1(_, object) {
+      var t1, i,
+        string = J.toString$0$(object);
+      this._source_map_buffer$_buffer._contents += string;
+      for (t1 = string.length, i = 0; i < t1; ++i)
+        if (string.charCodeAt(i) === 10)
+          this._source_map_buffer$_writeLine$0();
+        else
+          ++this._column;
+    },
+    writeCharCode$1(charCode) {
+      var t1 = this._source_map_buffer$_buffer,
+        t2 = A.Primitives_stringFromCharCode(charCode);
+      t1._contents += t2;
+      if (charCode === 10)
+        this._source_map_buffer$_writeLine$0();
+      else
+        ++this._column;
+    },
+    _source_map_buffer$_writeLine$0() {
+      var _this = this,
+        t1 = _this._entries;
+      if (B.JSArray_methods.get$last(t1).target.line === _this._line && B.JSArray_methods.get$last(t1).target.column === _this._column)
+        t1.pop();
+      ++_this._line;
+      _this._column = 0;
+      if (_this._inSpan)
+        t1.push(new A.Entry(B.JSArray_methods.get$last(t1).source, _this.get$_targetLocation(), null));
+    },
+    toString$0(_) {
+      var t1 = this._source_map_buffer$_buffer._contents;
+      return t1.charCodeAt(0) == 0 ? t1 : t1;
+    },
+    buildSourceMap$1$prefix(prefix) {
+      var i, t2, prefixColumn, _box_0 = {},
+        t1 = prefix.length;
+      if (t1 === 0)
+        return A.SingleMapping_SingleMapping$fromEntries(this._entries);
+      _box_0.prefixColumn = _box_0.prefixLines = 0;
+      for (i = 0, t2 = 0; i < t1; ++i)
+        if (prefix.charCodeAt(i) === 10) {
+          ++_box_0.prefixLines;
+          _box_0.prefixColumn = 0;
+          t2 = 0;
+        } else {
+          prefixColumn = t2 + 1;
+          _box_0.prefixColumn = prefixColumn;
+          t2 = prefixColumn;
+        }
+      t2 = this._entries;
+      return A.SingleMapping_SingleMapping$fromEntries(new A.MappedListIterable(t2, new A.SourceMapBuffer_buildSourceMap_closure(_box_0, t1), A._arrayInstanceType(t2)._eval$1("MappedListIterable<1,Entry>")));
+    }
+  };
+  A.SourceMapBuffer_buildSourceMap_closure.prototype = {
+    call$1(entry) {
+      var t1 = entry.target,
+        t2 = t1.line,
+        t3 = this._box_0,
+        t4 = t3.prefixLines;
+      t3 = t2 === 0 ? t3.prefixColumn : 0;
+      return new A.Entry(entry.source, A.SourceLocation$(t1.offset + this.prefixLength, t1.column + t3, t2 + t4, null), entry.identifierName);
+    },
+    $signature: 265
+  };
+  A.UnprefixedMapView.prototype = {
+    get$keys(_) {
+      return new A._UnprefixedKeys(this);
+    },
+    $index(_, key) {
+      return typeof key == "string" ? this._unprefixed_map_view$_map.$index(0, this._unprefixed_map_view$_prefix + key) : null;
+    },
+    containsKey$1(key) {
+      return typeof key == "string" && this._unprefixed_map_view$_map.containsKey$1(this._unprefixed_map_view$_prefix + key);
+    },
+    remove$1(_, key) {
+      var t1 = this._unprefixed_map_view$_map.remove$1(0, this._unprefixed_map_view$_prefix + key);
+      return t1;
+    }
+  };
+  A._UnprefixedKeys.prototype = {
+    get$iterator(_) {
+      var t1 = this._unprefixed_map_view$_view._unprefixed_map_view$_map;
+      t1 = t1.get$keys(t1);
+      t1 = t1.where$1(t1, new A._UnprefixedKeys_iterator_closure(this)).map$1$1(0, new A._UnprefixedKeys_iterator_closure0(this), type$.String);
+      return t1.get$iterator(t1);
+    },
+    contains$1(_, key) {
+      return this._unprefixed_map_view$_view.containsKey$1(key);
+    }
+  };
+  A._UnprefixedKeys_iterator_closure.prototype = {
+    call$1(key) {
+      return B.JSString_methods.startsWith$1(key, this.$this._unprefixed_map_view$_view._unprefixed_map_view$_prefix);
+    },
+    $signature: 5
+  };
+  A._UnprefixedKeys_iterator_closure0.prototype = {
+    call$1(key) {
+      return B.JSString_methods.substring$1(key, this.$this._unprefixed_map_view$_view._unprefixed_map_view$_prefix.length);
+    },
+    $signature: 6
+  };
+  A.indent_closure.prototype = {
+    call$1(line) {
+      return B.JSString_methods.$mul(" ", this.indentation) + line;
+    },
+    $signature: 6
+  };
+  A.flattenVertically_closure.prototype = {
+    call$1(inner) {
+      return A.QueueList_QueueList$from(inner, this.T);
+    },
+    $signature() {
+      return this.T._eval$1("QueueList<0>(Iterable<0>)");
+    }
+  };
+  A.flattenVertically_closure0.prototype = {
+    call$1(queue) {
+      this.result.push(queue.removeFirst$0());
+      return queue.get$length(0) === 0;
+    },
+    $signature() {
+      return this.T._eval$1("bool(QueueList<0>)");
+    }
+  };
+  A.longestCommonSubsequence_backtrack.prototype = {
+    call$2(i, j) {
+      var selection, t1, _this = this;
+      if (i === -1 || j === -1)
+        return A._setArrayType([], _this.T._eval$1("JSArray<0>"));
+      selection = _this.selections[i][j];
+      if (selection != null) {
+        t1 = _this.call$2(i - 1, j - 1);
+        J.add$1$ax(t1, selection);
+        return t1;
+      }
+      t1 = _this.lengths;
+      return t1[i + 1][j] > t1[i][j + 1] ? _this.call$2(i, j - 1) : _this.call$2(i - 1, j);
+    },
+    $signature() {
+      return this.T._eval$1("List<0>(int,int)");
+    }
+  };
+  A.mapAddAll2_closure.prototype = {
+    call$2(key, inner) {
+      var t1 = this.destination,
+        _0_0 = t1.$index(0, key);
+      if (_0_0 != null)
+        _0_0.addAll$1(0, inner);
+      else
+        t1.$indexSet(0, key, inner);
+    },
+    $signature() {
+      return this.K1._eval$1("@<0>")._bind$1(this.K2)._bind$1(this.V)._eval$1("~(1,Map<2,3>)");
+    }
+  };
+  A.Value.prototype = {
+    get$isTruthy() {
+      return true;
+    },
+    get$separator(_) {
+      return B.ListSeparator_undecided_null_undecided;
+    },
+    get$hasBrackets() {
+      return false;
+    },
+    get$asList() {
+      return A._setArrayType([this], type$.JSArray_Value);
+    },
+    get$lengthAsList() {
+      return 1;
+    },
+    get$isBlank() {
+      return false;
+    },
+    get$isSpecialNumber() {
+      return false;
+    },
+    get$isVar() {
+      return false;
+    },
+    get$realNull() {
+      return this;
+    },
+    sassIndexToListIndex$2(sassIndex, $name) {
+      var t1, index,
+        indexValue = sassIndex.assertNumber$1($name);
+      if (indexValue.get$hasUnits()) {
+        t1 = indexValue.get$unitString();
+        A.warnForDeprecation("$" + $name + ": Passing a number with unit " + t1 + string$.x20is_de + indexValue.unitSuggestion$1($name) + string$.x0a_Morex3af, B.Deprecation_ufl);
+      }
+      index = indexValue.assertInt$1($name);
+      if (index === 0)
+        throw A.wrapException(A.SassScriptException$("List index may not be 0.", $name));
+      if (Math.abs(index) > this.get$lengthAsList())
+        throw A.wrapException(A.SassScriptException$("Invalid index " + sassIndex.toString$0(0) + " for a list with " + this.get$lengthAsList() + " elements.", $name));
+      return index < 0 ? this.get$lengthAsList() + index : index - 1;
+    },
+    assertCalculation$1($name) {
+      return A.throwExpression(A.SassScriptException$(this.toString$0(0) + " is not a calculation.", $name));
+    },
+    assertColor$1($name) {
+      return A.throwExpression(A.SassScriptException$(this.toString$0(0) + " is not a color.", $name));
+    },
+    assertFunction$1($name) {
+      return A.throwExpression(A.SassScriptException$(this.toString$0(0) + " is not a function reference.", $name));
+    },
+    assertMixin$1($name) {
+      return A.throwExpression(A.SassScriptException$(this.toString$0(0) + " is not a mixin reference.", $name));
+    },
+    assertMap$1($name) {
+      return A.throwExpression(A.SassScriptException$(this.toString$0(0) + " is not a map.", $name));
+    },
+    tryMap$0() {
+      return null;
+    },
+    assertNumber$1($name) {
+      return A.throwExpression(A.SassScriptException$(this.toString$0(0) + " is not a number.", $name));
+    },
+    assertNumber$0() {
+      return this.assertNumber$1(null);
+    },
+    assertString$1($name) {
+      return A.throwExpression(A.SassScriptException$(this.toString$0(0) + " is not a string.", $name));
+    },
+    assertCommonListStyle$2$allowSlash($name, allowSlash) {
+      var invalidSeparator, buffer, t1, _this = this,
+        _s8_ = "Expected",
+        _s23_ = "Expected an unbracketed";
+      if (_this.get$separator(_this) !== B.ListSeparator_qVN)
+        invalidSeparator = !allowSlash && _this.get$separator(_this) === B.ListSeparator_bRz;
+      else
+        invalidSeparator = true;
+      if (!invalidSeparator && !_this.get$hasBrackets())
+        return _this.get$asList();
+      buffer = new A.StringBuffer(_s8_);
+      if (_this.get$hasBrackets()) {
+        buffer._contents = _s23_;
+        t1 = _s23_;
+      } else
+        t1 = _s8_;
+      if (invalidSeparator) {
+        t1 += _this.get$hasBrackets() ? "," : " a";
+        buffer._contents = t1;
+        t1 = buffer._contents = t1 + " space-";
+        t1 = buffer._contents = (allowSlash ? buffer._contents = t1 + " or slash-" : t1) + "separated";
+      }
+      buffer._contents = t1 + (" list, was " + _this.toString$0(0));
+      throw A.wrapException(A.SassScriptException$(buffer.toString$0(0), $name));
+    },
+    _selectorString$1($name) {
+      var _0_0 = this._selectorStringOrNull$0();
+      if (_0_0 != null)
+        return _0_0;
+      throw A.wrapException(A.SassScriptException$(this.toString$0(0) + string$.x20is_noav, $name));
+    },
+    _selectorStringOrNull$0() {
+      var t1, t2, result, _1_0, _i, complex, string, compound, _this = this, _null = null;
+      if (_this instanceof A.SassString)
+        return _this._string$_text;
+      if (!(_this instanceof A.SassList))
+        return _null;
+      t1 = _this._list$_contents;
+      t2 = t1.length;
+      if (t2 === 0)
+        return _null;
+      result = A._setArrayType([], type$.JSArray_String);
+      $label0$1: {
+        _1_0 = _this._separator;
+        if (B.ListSeparator_qVN === _1_0) {
+          for (_i = 0; _i < t2; ++_i) {
+            complex = t1[_i];
+            if (complex instanceof A.SassString) {
+              result.push(complex._string$_text);
+              continue;
+            }
+            if (complex instanceof A.SassList && B.ListSeparator_qSL === complex._separator) {
+              string = complex._selectorStringOrNull$0();
+              if (string == null)
+                return _null;
+              result.push(string);
+              continue;
+            }
+            return _null;
+          }
+          break $label0$1;
+        }
+        if (B.ListSeparator_bRz === _1_0)
+          return _null;
+        for (_i = 0; _i < t2; ++_i) {
+          compound = t1[_i];
+          if (!(compound instanceof A.SassString))
+            return _null;
+          result.push(compound._string$_text);
+        }
+      }
+      return B.JSArray_methods.join$1(result, _1_0 === B.ListSeparator_qVN ? ", " : " ");
+    },
+    withListContents$2$separator(contents, separator) {
+      var t1 = separator == null ? this.get$separator(this) : separator,
+        t2 = this.get$hasBrackets();
+      return A.SassList$(contents, t1, t2);
+    },
+    withListContents$1(contents) {
+      return this.withListContents$2$separator(contents, null);
+    },
+    greaterThan$1(other) {
+      return A.throwExpression(A.SassScriptException$('Undefined operation "' + this.toString$0(0) + " > " + other.toString$0(0) + '".', null));
+    },
+    greaterThanOrEquals$1(other) {
+      return A.throwExpression(A.SassScriptException$('Undefined operation "' + this.toString$0(0) + " >= " + other.toString$0(0) + '".', null));
+    },
+    lessThan$1(other) {
+      return A.throwExpression(A.SassScriptException$('Undefined operation "' + this.toString$0(0) + " < " + other.toString$0(0) + '".', null));
+    },
+    lessThanOrEquals$1(other) {
+      return A.throwExpression(A.SassScriptException$('Undefined operation "' + this.toString$0(0) + " <= " + other.toString$0(0) + '".', null));
+    },
+    times$1(other) {
+      return A.throwExpression(A.SassScriptException$('Undefined operation "' + this.toString$0(0) + " * " + other.toString$0(0) + '".', null));
+    },
+    modulo$1(other) {
+      return A.throwExpression(A.SassScriptException$('Undefined operation "' + this.toString$0(0) + " % " + other.toString$0(0) + '".', null));
+    },
+    plus$1(other) {
+      var t1;
+      $label0$0: {
+        if (other instanceof A.SassString) {
+          t1 = new A.SassString(A.serializeValue(this, false, true) + other._string$_text, other._hasQuotes);
+          break $label0$0;
+        }
+        if (other instanceof A.SassCalculation)
+          A.throwExpression(A.SassScriptException$('Undefined operation "' + this.toString$0(0) + " + " + other.toString$0(0) + '".', null));
+        t1 = new A.SassString(A.serializeValue(this, false, true) + A.serializeValue(other, false, true), false);
+        break $label0$0;
+      }
+      return t1;
+    },
+    minus$1(other) {
+      return other instanceof A.SassCalculation ? A.throwExpression(A.SassScriptException$('Undefined operation "' + this.toString$0(0) + " - " + other.toString$0(0) + '".', null)) : new A.SassString(A.serializeValue(this, false, true) + "-" + A.serializeValue(other, false, true), false);
+    },
+    dividedBy$1(other) {
+      return new A.SassString(A.serializeValue(this, false, true) + "/" + A.serializeValue(other, false, true), false);
+    },
+    unaryPlus$0() {
+      return new A.SassString("+" + A.serializeValue(this, false, true), false);
+    },
+    unaryMinus$0() {
+      return new A.SassString("-" + A.serializeValue(this, false, true), false);
+    },
+    unaryNot$0() {
+      return B.SassBoolean_false;
+    },
+    withoutSlash$0() {
+      return this;
+    },
+    toCssString$1$quote(quote) {
+      return A.serializeValue(this, false, quote);
+    },
+    toCssString$0() {
+      return this.toCssString$1$quote(true);
+    },
+    toString$0(_) {
+      return A.serializeValue(this, true, true);
+    }
+  };
+  A.SassArgumentList.prototype = {};
+  A.SassBoolean.prototype = {
+    get$isTruthy() {
+      return this.value;
+    },
+    accept$1$1(visitor) {
+      return visitor._serialize$_buffer.write$1(0, String(this.value));
+    },
+    accept$1(visitor) {
+      return this.accept$1$1(visitor, type$.dynamic);
+    },
+    unaryNot$0() {
+      return this.value ? B.SassBoolean_false : B.SassBoolean_true;
+    }
+  };
+  A.SassCalculation.prototype = {
+    get$isSpecialNumber() {
+      return true;
+    },
+    accept$1$1(visitor) {
+      return visitor.visitCalculation$1(this);
+    },
+    accept$1(visitor) {
+      return this.accept$1$1(visitor, type$.dynamic);
+    },
+    assertCalculation$1($name) {
+      return this;
+    },
+    plus$1(other) {
+      if (other instanceof A.SassString)
+        return this.super$Value$plus(other);
+      throw A.wrapException(A.SassScriptException$('Undefined operation "' + this.toString$0(0) + " + " + other.toString$0(0) + '".', null));
+    },
+    minus$1(other) {
+      return A.throwExpression(A.SassScriptException$('Undefined operation "' + this.toString$0(0) + " - " + other.toString$0(0) + '".', null));
+    },
+    unaryPlus$0() {
+      return A.throwExpression(A.SassScriptException$('Undefined operation "+' + this.toString$0(0) + '".', null));
+    },
+    unaryMinus$0() {
+      return A.throwExpression(A.SassScriptException$('Undefined operation "-' + this.toString$0(0) + '".', null));
+    },
+    $eq(_, other) {
+      if (other == null)
+        return false;
+      return other instanceof A.SassCalculation && this.name === other.name && B.C_ListEquality.equals$2(0, this.$arguments, other.$arguments);
+    },
+    get$hashCode(_) {
+      return B.JSString_methods.get$hashCode(this.name) ^ B.C_ListEquality0.hash$1(this.$arguments);
+    }
+  };
+  A.SassCalculation__verifyLength_closure.prototype = {
+    call$1(arg) {
+      return arg instanceof A.SassString;
+    },
+    $signature: 76
+  };
+  A.CalculationOperation.prototype = {
+    $eq(_, other) {
+      if (other == null)
+        return false;
+      return other instanceof A.CalculationOperation && this._operator === other._operator && J.$eq$(this._left, other._left) && J.$eq$(this._right, other._right);
+    },
+    get$hashCode(_) {
+      return (A.Primitives_objectHashCode(this._operator) ^ J.get$hashCode$(this._left) ^ J.get$hashCode$(this._right)) >>> 0;
+    },
+    toString$0(_) {
+      var parenthesized = A.serializeValue(new A.SassCalculation("", A._setArrayType([this], type$.JSArray_Object)), true, true);
+      return B.JSString_methods.substring$2(parenthesized, 1, parenthesized.length - 1);
+    }
+  };
+  A.CalculationOperator.prototype = {
+    _enumToString$0() {
+      return "CalculationOperator." + this._name;
+    },
+    toString$0(_) {
+      return this.name;
+    }
+  };
+  A.SassColor.prototype = {
+    get$channels() {
+      var t2, t3,
+        t1 = this.channel0OrNull;
+      if (t1 == null)
+        t1 = 0;
+      t2 = this.channel1OrNull;
+      if (t2 == null)
+        t2 = 0;
+      t3 = this.channel2OrNull;
+      return A.List_List$unmodifiable([t1, t2, t3 == null ? 0 : t3], type$.double);
+    },
+    get$channelsOrNull() {
+      return A.List_List$unmodifiable([this.channel0OrNull, this.channel1OrNull, this.channel2OrNull], type$.nullable_double);
+    },
+    get$isChannel0Powerless() {
+      var t1, t2, _this = this,
+        _0_0 = _this._space;
+      $label0$0: {
+        if (B.HslColorSpace_JQ2 === _0_0) {
+          t1 = _this.channel1OrNull;
+          t1 = A.fuzzyEquals(t1 == null ? 0 : t1, 0);
+          break $label0$0;
+        }
+        if (B.HwbColorSpace_guQ === _0_0) {
+          t1 = _this.channel1OrNull;
+          if (t1 == null)
+            t1 = 0;
+          t2 = _this.channel2OrNull;
+          t1 += t2 == null ? 0 : t2;
+          t1 = t1 > 100 || A.fuzzyEquals(t1, 100);
+          break $label0$0;
+        }
+        t1 = false;
+        break $label0$0;
+      }
+      return t1;
+    },
+    get$isChannel2Powerless() {
+      var t1,
+        _0_0 = this._space;
+      $label0$0: {
+        if (B.LchColorSpace_Bpv === _0_0 || B.OklchColorSpace_9Gj === _0_0) {
+          t1 = this.channel1OrNull;
+          t1 = A.fuzzyEquals(t1 == null ? 0 : t1, 0);
+          break $label0$0;
+        }
+        t1 = false;
+        break $label0$0;
+      }
+      return t1;
+    },
+    get$isInGamut() {
+      var t2, t3, _this = this,
+        t1 = _this._space;
+      if (!t1.get$isBoundedInternal())
+        return true;
+      t2 = _this.channel0OrNull;
+      if (t2 == null)
+        t2 = 0;
+      t1 = t1._channels;
+      t3 = false;
+      if (_this._isChannelInGamut$2(t2, t1[0])) {
+        t2 = _this.channel1OrNull;
+        if (t2 == null)
+          t2 = 0;
+        if (_this._isChannelInGamut$2(t2, t1[1])) {
+          t2 = _this.channel2OrNull;
+          if (t2 == null)
+            t2 = 0;
+          t1 = _this._isChannelInGamut$2(t2, t1[2]);
+        } else
+          t1 = t3;
+      } else
+        t1 = t3;
+      return t1;
+    },
+    _isChannelInGamut$2(value, channel) {
+      var min, max, t1;
+      $label0$0: {
+        if (channel instanceof A.LinearChannel) {
+          min = channel.min;
+          max = channel.max;
+          if (value < max || A.fuzzyEquals(value, max))
+            t1 = value > min || A.fuzzyEquals(value, min);
+          else
+            t1 = false;
+          break $label0$0;
+        }
+        t1 = true;
+        break $label0$0;
+      }
+      return t1;
+    },
+    accept$1$1(visitor) {
+      return visitor.visitColor$1(this);
+    },
+    accept$1(visitor) {
+      return this.accept$1$1(visitor, type$.dynamic);
+    },
+    assertColor$1($name) {
+      return this;
+    },
+    assertLegacy$1($name) {
+      if (this._space.get$isLegacyInternal())
+        return;
+      throw A.wrapException(A.SassScriptException$("Expected " + this.toString$0(0) + string$.x20to_be, $name));
+    },
+    channel$1(_, channel) {
+      var t1, _this = this,
+        channels = _this._space._channels;
+      if (channel === channels[0].name) {
+        t1 = _this.channel0OrNull;
+        return t1 == null ? 0 : t1;
+      }
+      if (channel === channels[1].name) {
+        t1 = _this.channel1OrNull;
+        return t1 == null ? 0 : t1;
+      }
+      if (channel === channels[2].name) {
+        t1 = _this.channel2OrNull;
+        return t1 == null ? 0 : t1;
+      }
+      if (channel === "alpha") {
+        t1 = _this.alphaOrNull;
+        return t1 == null ? 0 : t1;
+      }
+      throw A.wrapException(A.SassScriptException$("Color " + _this.toString$0(0) + " doesn't have a channel named \"" + channel + '".', null));
+    },
+    isChannelMissing$3$channelName$colorName(channel, channelName, colorName) {
+      var _this = this,
+        channels = _this._space._channels;
+      if (channel === channels[0].name)
+        return _this.channel0OrNull == null;
+      if (channel === channels[1].name)
+        return _this.channel1OrNull == null;
+      if (channel === channels[2].name)
+        return _this.channel2OrNull == null;
+      if (channel === "alpha")
+        return _this.alphaOrNull == null;
+      throw A.wrapException(A.SassScriptException$("Color " + _this.toString$0(0) + " doesn't have a channel named \"" + channel + '".', channelName));
+    },
+    isChannelMissing$1(channel) {
+      return this.isChannelMissing$3$channelName$colorName(channel, null, null);
+    },
+    isChannelPowerless$3$channelName$colorName(channel, channelName, colorName) {
+      var _this = this,
+        channels = _this._space._channels;
+      if (channel === channels[0].name)
+        return _this.get$isChannel0Powerless();
+      if (channel === channels[1].name)
+        return false;
+      if (channel === channels[2].name)
+        return _this.get$isChannel2Powerless();
+      if (channel === "alpha")
+        return false;
+      throw A.wrapException(A.SassScriptException$("Color " + _this.toString$0(0) + " doesn't have a channel named \"" + channel + '".', channelName));
+    },
+    _legacyChannel$2(space, channel) {
+      if (!this._space.get$isLegacyInternal())
+        throw A.wrapException(A.SassScriptException$("color." + channel + string$.x28__is_oc, null));
+      return this.toSpace$1(space).channel$1(0, channel);
+    },
+    toSpace$2$legacyMissing(space, legacyMissing) {
+      var t2, converted, t3, t4, _this = this,
+        t1 = _this._space;
+      if (t1 === space)
+        return _this;
+      t2 = _this.alphaOrNull;
+      if (t2 == null)
+        t2 = 0;
+      converted = t1.convert$5(space, _this.channel0OrNull, _this.channel1OrNull, _this.channel2OrNull, t2);
+      t1 = false;
+      if (!legacyMissing)
+        if (converted._space.get$isLegacyInternal())
+          t1 = converted.channel0OrNull == null || converted.channel1OrNull == null || converted.channel2OrNull == null || converted.alphaOrNull == null;
+      if (t1) {
+        t1 = converted.channel0OrNull;
+        if (t1 == null)
+          t1 = 0;
+        t2 = converted.channel1OrNull;
+        if (t2 == null)
+          t2 = 0;
+        t3 = converted.channel2OrNull;
+        if (t3 == null)
+          t3 = 0;
+        t4 = converted.alphaOrNull;
+        if (t4 == null)
+          t4 = 0;
+        t4 = A.SassColor_SassColor$forSpaceInternal(converted._space, t1, t2, t3, t4);
+        t1 = t4;
+      } else
+        t1 = converted;
+      return t1;
+    },
+    toSpace$1(space) {
+      return this.toSpace$2$legacyMissing(space, true);
+    },
+    changeHsl$3$hue$lightness$saturation(hue, lightness, saturation) {
+      var t2, t3, t4, t5, _this = this, _null = null,
+        t1 = _this._space;
+      if (!t1.get$isLegacyInternal())
+        throw A.wrapException(A.SassScriptException$(string$.color_c, _null));
+      t2 = hue == null ? _null : hue;
+      if (t2 == null)
+        t2 = _this._legacyChannel$2(B.HslColorSpace_JQ2, "hue");
+      t3 = saturation == null ? _null : saturation;
+      if (t3 == null)
+        t3 = _this._legacyChannel$2(B.HslColorSpace_JQ2, "saturation");
+      t4 = lightness == null ? _null : lightness;
+      if (t4 == null)
+        t4 = _this._legacyChannel$2(B.HslColorSpace_JQ2, "lightness");
+      t5 = _this.alphaOrNull;
+      if (t5 == null)
+        t5 = 0;
+      return A.SassColor_SassColor$hsl(t2, t3, t4, t5).toSpace$1(t1);
+    },
+    changeHsl$1$saturation(saturation) {
+      return this.changeHsl$3$hue$lightness$saturation(null, null, saturation);
+    },
+    changeHsl$1$lightness(lightness) {
+      return this.changeHsl$3$hue$lightness$saturation(null, lightness, null);
+    },
+    changeHsl$1$hue(hue) {
+      return this.changeHsl$3$hue$lightness$saturation(hue, null, null);
+    },
+    changeAlpha$1(alpha) {
+      var t2, t3, _this = this,
+        t1 = _this.channel0OrNull;
+      if (t1 == null)
+        t1 = 0;
+      t2 = _this.channel1OrNull;
+      if (t2 == null)
+        t2 = 0;
+      t3 = _this.channel2OrNull;
+      if (t3 == null)
+        t3 = 0;
+      return A.SassColor_SassColor$forSpaceInternal(_this._space, t1, t2, t3, alpha);
+    },
+    interpolate$4$legacyMissing$weight(other, method, legacyMissing, weight) {
+      var t1, color1, color2, missing1_0, missing1_1, missing1_2, missing2_0, missing2_1, missing2_2, channel1_0, channel1_1, channel1_2, channel2_0, channel2_1, channel2_2, alpha1, t2, t3, alpha10, alpha2, alpha20, thisMultiplier, t4, t5, otherMultiplier, mixedAlpha, mixed0, mixed1, mixed2, _this = this, _null = null;
+      if (A.fuzzyEquals(weight, 0))
+        return other;
+      if (A.fuzzyEquals(weight, 1))
+        return _this;
+      t1 = method.space;
+      color1 = _this.toSpace$1(t1);
+      color2 = other.toSpace$1(t1);
+      if (weight < 0 || weight > 1)
+        throw A.wrapException(A.RangeError$range(weight, 0, 1, "weight", _null));
+      missing1_0 = _this._isAnalogousChannelMissing$3(_this, color1, 0);
+      missing1_1 = _this._isAnalogousChannelMissing$3(_this, color1, 1);
+      missing1_2 = _this._isAnalogousChannelMissing$3(_this, color1, 2);
+      missing2_0 = _this._isAnalogousChannelMissing$3(other, color2, 0);
+      missing2_1 = _this._isAnalogousChannelMissing$3(other, color2, 1);
+      missing2_2 = _this._isAnalogousChannelMissing$3(other, color2, 2);
+      channel1_0 = (missing1_0 ? color2 : color1).channel0OrNull;
+      if (channel1_0 == null)
+        channel1_0 = 0;
+      channel1_1 = (missing1_1 ? color2 : color1).channel1OrNull;
+      if (channel1_1 == null)
+        channel1_1 = 0;
+      channel1_2 = (missing1_2 ? color2 : color1).channel2OrNull;
+      if (channel1_2 == null)
+        channel1_2 = 0;
+      channel2_0 = (missing2_0 ? color1 : color2).channel0OrNull;
+      if (channel2_0 == null)
+        channel2_0 = 0;
+      channel2_1 = (missing2_1 ? color1 : color2).channel1OrNull;
+      if (channel2_1 == null)
+        channel2_1 = 0;
+      channel2_2 = (missing2_2 ? color1 : color2).channel2OrNull;
+      if (channel2_2 == null)
+        channel2_2 = 0;
+      alpha1 = _this.alphaOrNull;
+      t2 = alpha1 == null;
+      if (t2) {
+        t3 = other.alphaOrNull;
+        alpha10 = t3 == null ? 0 : t3;
+      } else
+        alpha10 = alpha1;
+      alpha2 = other.alphaOrNull;
+      t3 = alpha2 == null;
+      if (t3)
+        alpha20 = t2 ? 0 : alpha1;
+      else
+        alpha20 = alpha2;
+      thisMultiplier = (t2 ? 1 : alpha1) * weight;
+      t4 = t3 ? 1 : alpha2;
+      t5 = 1 - weight;
+      otherMultiplier = t4 * t5;
+      mixedAlpha = t2 && t3 ? _null : alpha10 * weight + alpha20 * t5;
+      if (missing1_0 && missing2_0)
+        mixed0 = _null;
+      else {
+        t2 = mixedAlpha == null ? 1 : mixedAlpha;
+        mixed0 = (channel1_0 * thisMultiplier + channel2_0 * otherMultiplier) / t2;
+      }
+      if (missing1_1 && missing2_1)
+        mixed1 = _null;
+      else {
+        t2 = mixedAlpha == null ? 1 : mixedAlpha;
+        mixed1 = (channel1_1 * thisMultiplier + channel2_1 * otherMultiplier) / t2;
+      }
+      if (missing1_2 && missing2_2)
+        mixed2 = _null;
+      else {
+        t2 = mixedAlpha == null ? 1 : mixedAlpha;
+        mixed2 = (channel1_2 * thisMultiplier + channel2_2 * otherMultiplier) / t2;
+      }
+      $label0$0: {
+        if (B.HslColorSpace_JQ2 === t1 || B.HwbColorSpace_guQ === t1) {
+          if (missing1_0 && missing2_0)
+            t2 = _null;
+          else {
+            t2 = method.hue;
+            t2.toString;
+            t2 = _this._interpolateHues$4(channel1_0, channel2_0, t2, weight);
+          }
+          t2 = A.SassColor_SassColor$forSpaceInternal(t1, t2, mixed1, mixed2, mixedAlpha);
+          t1 = t2;
+          break $label0$0;
+        }
+        if (B.LchColorSpace_Bpv === t1 || B.OklchColorSpace_9Gj === t1) {
+          if (missing1_2 && missing2_2)
+            t2 = _null;
+          else {
+            t2 = method.hue;
+            t2.toString;
+            t2 = _this._interpolateHues$4(channel1_2, channel2_2, t2, weight);
+          }
+          t2 = A.SassColor_SassColor$forSpaceInternal(t1, mixed0, mixed1, t2, mixedAlpha);
+          t1 = t2;
+          break $label0$0;
+        }
+        t1 = A.SassColor_SassColor$forSpaceInternal(t1, mixed0, mixed1, mixed2, mixedAlpha);
+        break $label0$0;
+      }
+      return t1.toSpace$2$legacyMissing(_this._space, false);
+    },
+    _isAnalogousChannelMissing$3(original, output, outputChannelIndex) {
+      var originalChannel;
+      if (output.get$channelsOrNull()[outputChannelIndex] == null)
+        return true;
+      if (original === output)
+        return false;
+      originalChannel = A.IterableExtension_firstWhereOrNull(original._space._channels, output._space._channels[outputChannelIndex].get$isAnalogous());
+      if (originalChannel == null)
+        return false;
+      return original.isChannelMissing$1(originalChannel.name);
+    },
+    _interpolateHues$4(hue1, hue2, method, weight) {
+      var _0_0, _1_0;
+      $label1$1: {
+        if (B.HueInterpolationMethod_0 === method) {
+          $label0$0: {
+            _0_0 = hue2 - hue1;
+            if (_0_0 > 180) {
+              hue1 += 360;
+              break $label0$0;
+            }
+            if (_0_0 < -180)
+              hue2 += 360;
+          }
+          break $label1$1;
+        }
+        if (B.HueInterpolationMethod_1 === method) {
+          $label2$2: {
+            _1_0 = hue2 - hue1;
+            if (_1_0 > 0 && _1_0 < 180) {
+              hue2 += 360;
+              break $label2$2;
+            }
+            if (_1_0 > -180 && _1_0 <= 0)
+              hue1 += 360;
+          }
+          break $label1$1;
+        }
+        if (B.HueInterpolationMethod_2 === method && hue2 < hue1) {
+          hue2 += 360;
+          break $label1$1;
+        }
+        if (B.HueInterpolationMethod_3 === method && hue1 < hue2) {
+          hue1 += 360;
+          break $label1$1;
+        }
+      }
+      return hue1 * weight + hue2 * (1 - weight);
+    },
+    plus$1(other) {
+      if (!(other instanceof A.SassNumber) && !(other instanceof A.SassColor))
+        return this.super$Value$plus(other);
+      throw A.wrapException(A.SassScriptException$('Undefined operation "' + this.toString$0(0) + " + " + other.toString$0(0) + '".', null));
+    },
+    minus$1(other) {
+      if (!(other instanceof A.SassNumber) && !(other instanceof A.SassColor))
+        return this.super$Value$minus(other);
+      throw A.wrapException(A.SassScriptException$('Undefined operation "' + this.toString$0(0) + " - " + other.toString$0(0) + '".', null));
+    },
+    dividedBy$1(other) {
+      if (!(other instanceof A.SassNumber) && !(other instanceof A.SassColor))
+        return this.super$Value$dividedBy(other);
+      throw A.wrapException(A.SassScriptException$('Undefined operation "' + this.toString$0(0) + " / " + other.toString$0(0) + '".', null));
+    },
+    $eq(_, other) {
+      var t1, t2, _this = this;
+      if (other == null)
+        return false;
+      if (!(other instanceof A.SassColor))
+        return false;
+      t1 = _this._space;
+      if (t1.get$isLegacyInternal()) {
+        t2 = other._space;
+        if (!t2.get$isLegacyInternal())
+          return false;
+        if (!A.fuzzyEqualsNullable(_this.alphaOrNull, other.alphaOrNull))
+          return false;
+        if (t1 === t2)
+          return A.fuzzyEqualsNullable(_this.channel0OrNull, other.channel0OrNull) && A.fuzzyEqualsNullable(_this.channel1OrNull, other.channel1OrNull) && A.fuzzyEqualsNullable(_this.channel2OrNull, other.channel2OrNull);
+        else
+          return _this.toSpace$1(B.RgbColorSpace_i0P).$eq(0, other.toSpace$1(B.RgbColorSpace_i0P));
+      }
+      return t1 === other._space && A.fuzzyEqualsNullable(_this.channel0OrNull, other.channel0OrNull) && A.fuzzyEqualsNullable(_this.channel1OrNull, other.channel1OrNull) && A.fuzzyEqualsNullable(_this.channel2OrNull, other.channel2OrNull) && A.fuzzyEqualsNullable(_this.alphaOrNull, other.alphaOrNull);
+    },
+    get$hashCode(_) {
+      var rgb, t2, t3, t4, t5, _this = this,
+        t1 = _this._space;
+      if (t1.get$isLegacyInternal()) {
+        rgb = _this.toSpace$1(B.RgbColorSpace_i0P);
+        t1 = rgb.channel0OrNull;
+        t1 = A.fuzzyHashCode(t1 == null ? 0 : t1);
+        t2 = rgb.channel1OrNull;
+        t2 = A.fuzzyHashCode(t2 == null ? 0 : t2);
+        t3 = rgb.channel2OrNull;
+        t3 = A.fuzzyHashCode(t3 == null ? 0 : t3);
+        t4 = _this.alphaOrNull;
+        return t1 ^ t2 ^ t3 ^ A.fuzzyHashCode(t4 == null ? 0 : t4);
+      } else {
+        t1 = A.Primitives_objectHashCode(t1);
+        t2 = _this.channel0OrNull;
+        t2 = A.fuzzyHashCode(t2 == null ? 0 : t2);
+        t3 = _this.channel1OrNull;
+        t3 = A.fuzzyHashCode(t3 == null ? 0 : t3);
+        t4 = _this.channel2OrNull;
+        t4 = A.fuzzyHashCode(t4 == null ? 0 : t4);
+        t5 = _this.alphaOrNull;
+        return (t1 ^ t2 ^ t3 ^ t4 ^ A.fuzzyHashCode(t5 == null ? 0 : t5)) >>> 0;
+      }
+    }
+  };
+  A.SassColor$_forSpace_closure.prototype = {
+    call$1(alpha) {
+      return A.fuzzyAssertRange(alpha, 0, 1, "alpha");
+    },
+    $signature: 15
+  };
+  A._ColorFormatEnum.prototype = {
+    toString$0(_) {
+      return "rgbFunction";
+    }
+  };
+  A.SpanColorFormat.prototype = {};
+  A.ColorChannel.prototype = {
+    isAnalogous$1(other) {
+      var _0_6_isSet, t1, _0_60, t2, _0_6_isSet0,
+        _0_1 = this.name,
+        _0_6 = other.name;
+      $label0$0: {
+        if ("red" !== _0_1)
+          _0_6_isSet = "x" === _0_1;
+        else
+          _0_6_isSet = true;
+        if (_0_6_isSet) {
+          if ("red" !== _0_6)
+            t1 = "x" === _0_6;
+          else
+            t1 = true;
+          _0_60 = _0_6;
+        } else {
+          _0_60 = null;
+          t1 = false;
+        }
+        t2 = true;
+        if (!t1) {
+          if ("green" !== _0_1)
+            t1 = "y" === _0_1;
+          else
+            t1 = true;
+          if (t1) {
+            _0_6_isSet0 = true;
+            if (_0_6_isSet)
+              t1 = _0_60;
+            else {
+              t1 = _0_6;
+              _0_6_isSet = _0_6_isSet0;
+              _0_60 = t1;
+            }
+            if ("green" !== t1) {
+              if (_0_6_isSet)
+                t1 = _0_60;
+              else {
+                t1 = _0_6;
+                _0_6_isSet = _0_6_isSet0;
+                _0_60 = t1;
+              }
+              t1 = "y" === t1;
+            } else
+              t1 = true;
+          } else
+            t1 = false;
+          if (!t1) {
+            if ("blue" !== _0_1)
+              t1 = "z" === _0_1;
+            else
+              t1 = true;
+            if (t1) {
+              _0_6_isSet0 = true;
+              if (_0_6_isSet)
+                t1 = _0_60;
+              else {
+                t1 = _0_6;
+                _0_6_isSet = _0_6_isSet0;
+                _0_60 = t1;
+              }
+              if ("blue" !== t1) {
+                if (_0_6_isSet)
+                  t1 = _0_60;
+                else {
+                  t1 = _0_6;
+                  _0_6_isSet = _0_6_isSet0;
+                  _0_60 = t1;
+                }
+                t1 = "z" === t1;
+              } else
+                t1 = true;
+            } else
+              t1 = false;
+            if (!t1) {
+              if ("chroma" !== _0_1)
+                t1 = "saturation" === _0_1;
+              else
+                t1 = true;
+              if (t1) {
+                _0_6_isSet0 = true;
+                if (_0_6_isSet)
+                  t1 = _0_60;
+                else {
+                  t1 = _0_6;
+                  _0_6_isSet = _0_6_isSet0;
+                  _0_60 = t1;
+                }
+                if ("chroma" !== t1) {
+                  if (_0_6_isSet)
+                    t1 = _0_60;
+                  else {
+                    t1 = _0_6;
+                    _0_6_isSet = _0_6_isSet0;
+                    _0_60 = t1;
+                  }
+                  t1 = "saturation" === t1;
+                } else
+                  t1 = true;
+              } else
+                t1 = false;
+              if (!t1) {
+                if ("lightness" === _0_1) {
+                  if (_0_6_isSet)
+                    t1 = _0_60;
+                  else {
+                    t1 = _0_6;
+                    _0_60 = t1;
+                    _0_6_isSet = true;
+                  }
+                  t1 = "lightness" === t1;
+                } else
+                  t1 = false;
+                if (!t1)
+                  if ("hue" === _0_1)
+                    t1 = "hue" === (_0_6_isSet ? _0_60 : _0_6);
+                  else
+                    t1 = false;
+                else
+                  t1 = t2;
+              } else
+                t1 = t2;
+            } else
+              t1 = t2;
+          } else
+            t1 = t2;
+        } else
+          t1 = t2;
+        break $label0$0;
+      }
+      return t1;
+    }
+  };
+  A.LinearChannel.prototype = {};
+  A.GamutMapMethod.prototype = {
+    toString$0(_) {
+      return this.name;
+    }
+  };
+  A.ClipGamutMap.prototype = {
+    map$1(_, color) {
+      var t1 = color._space,
+        t2 = t1._channels;
+      return A.SassColor_SassColor$forSpaceInternal(t1, this._clampChannel$2(color.channel0OrNull, t2[0]), this._clampChannel$2(color.channel1OrNull, t2[1]), this._clampChannel$2(color.channel2OrNull, t2[2]), color.alphaOrNull);
+    },
+    _clampChannel$2(value, channel) {
+      var t1, min;
+      if (value == null)
+        t1 = null;
+      else
+        $label0$0: {
+          if (channel instanceof A.LinearChannel) {
+            min = channel.min;
+            t1 = isNaN(value) ? min : B.JSNumber_methods.clamp$2(value, min, channel.max);
+            break $label0$0;
+          }
+          t1 = value;
+          break $label0$0;
+        }
+      return t1;
+    }
+  };
+  A.LocalMindeGamutMap.prototype = {
+    map$1(_, color) {
+      var clipped, max, min, minInGamut, chroma, current, e,
+        originOklch = color.toSpace$1(B.OklchColorSpace_9Gj),
+        lightness = originOklch.channel0OrNull,
+        hue = originOklch.channel2OrNull,
+        alpha = originOklch.alphaOrNull,
+        t1 = lightness == null,
+        t2 = t1 ? 0 : lightness;
+      if (t2 > 1 || A.fuzzyEquals(t2, 1)) {
+        t1 = color._space;
+        t2 = color.alphaOrNull;
+        return t1.get$isLegacyInternal() ? A.SassColor_SassColor$rgbInternal(255, 255, 255, t2, null).toSpace$1(t1) : A.SassColor_SassColor$forSpaceInternal(t1, 1, 1, 1, t2);
+      } else {
+        t1 = t1 ? 0 : lightness;
+        if (t1 < 0 || A.fuzzyEquals(t1, 0))
+          return A.SassColor_SassColor$rgbInternal(0, 0, 0, color.alphaOrNull, null).toSpace$1(color._space);
+      }
+      clipped = color.get$isInGamut() ? color : B.ClipGamutMap_clip.map$1(0, color);
+      if (this._deltaEOK$2(clipped, color) < 0.02)
+        return clipped;
+      max = originOklch.channel1OrNull;
+      if (max == null)
+        max = 0;
+      for (t1 = color._space, min = 0, minInGamut = true; max - min > 0.0001;) {
+        chroma = (min + max) / 2;
+        current = B.OklchColorSpace_9Gj.convert$5(t1, lightness, chroma, hue, alpha);
+        if (minInGamut && current.get$isInGamut()) {
+          min = chroma;
+          continue;
+        }
+        clipped = current.get$isInGamut() ? current : B.ClipGamutMap_clip.map$1(0, current);
+        e = this._deltaEOK$2(clipped, current);
+        if (e < 0.02) {
+          if (0.02 - e < 0.0001)
+            return clipped;
+          min = chroma;
+          minInGamut = false;
+        } else
+          max = chroma;
+      }
+      return clipped;
+    },
+    _deltaEOK$2(color1, color2) {
+      var t2, t3, t4,
+        lab1 = color1.toSpace$1(B.OklabColorSpace_540),
+        lab2 = color2.toSpace$1(B.OklabColorSpace_540),
+        t1 = lab1.channel0OrNull;
+      if (t1 == null)
+        t1 = 0;
+      t2 = lab2.channel0OrNull;
+      t1 = Math.pow(t1 - (t2 == null ? 0 : t2), 2);
+      t2 = lab1.channel1OrNull;
+      if (t2 == null)
+        t2 = 0;
+      t3 = lab2.channel1OrNull;
+      t2 = Math.pow(t2 - (t3 == null ? 0 : t3), 2);
+      t3 = lab1.channel2OrNull;
+      if (t3 == null)
+        t3 = 0;
+      t4 = lab2.channel2OrNull;
+      return Math.sqrt(t1 + t2 + Math.pow(t3 - (t4 == null ? 0 : t4), 2));
+    }
+  };
+  A.InterpolationMethod.prototype = {
+    toString$0(_) {
+      var t1 = this.hue;
+      t1 = t1 == null ? "" : " " + t1.toString$0(0) + " hue";
+      return this.space.name + t1;
+    }
+  };
+  A.HueInterpolationMethod.prototype = {
+    _enumToString$0() {
+      return "HueInterpolationMethod." + this._name;
+    }
+  };
+  A.ColorSpace.prototype = {
+    get$isLegacyInternal() {
+      return false;
+    },
+    get$isPolarInternal() {
+      return false;
+    },
+    convert$5(dest, channel0, channel1, channel2, alpha) {
+      return this.convertLinear$5(dest, channel0, channel1, channel2, alpha);
+    },
+    convertLinear$10$missingA$missingB$missingChroma$missingHue$missingLightness(dest, red, green, blue, alpha, missingA, missingB, missingChroma, missingHue, missingLightness) {
+      var t1, t2, transformedBlue, transformedGreen, transformedRed, linearRed, linearGreen, linearBlue, matrix, _this = this;
+      $label0$0: {
+        t1 = B.HslColorSpace_JQ2 !== dest;
+        if (!t1 || B.HwbColorSpace_guQ === dest) {
+          t2 = B.SrgbColorSpace_thf;
+          break $label0$0;
+        }
+        if (B.LabColorSpace_2nT === dest || B.LchColorSpace_Bpv === dest) {
+          t2 = B.XyzD50ColorSpace_2OB;
+          break $label0$0;
+        }
+        if (B.OklabColorSpace_540 === dest || B.OklchColorSpace_9Gj === dest) {
+          t2 = B.LmsColorSpace_Os3;
+          break $label0$0;
+        }
+        t2 = dest;
+        break $label0$0;
+      }
+      if (t2 === _this) {
+        transformedBlue = blue;
+        transformedGreen = green;
+        transformedRed = red;
+      } else {
+        linearRed = _this.toLinear$1(red == null ? 0 : red);
+        linearGreen = _this.toLinear$1(green == null ? 0 : green);
+        linearBlue = _this.toLinear$1(blue == null ? 0 : blue);
+        matrix = _this.transformationMatrix$1(t2);
+        transformedRed = t2.fromLinear$1(matrix[0] * linearRed + matrix[1] * linearGreen + matrix[2] * linearBlue);
+        transformedGreen = t2.fromLinear$1(matrix[3] * linearRed + matrix[4] * linearGreen + matrix[5] * linearBlue);
+        transformedBlue = t2.fromLinear$1(matrix[6] * linearRed + matrix[7] * linearGreen + matrix[8] * linearBlue);
+      }
+      $label1$1: {
+        if (!t1 || B.HwbColorSpace_guQ === dest) {
+          t1 = B.SrgbColorSpace_thf.convert$8$missingChroma$missingHue$missingLightness(dest, transformedRed, transformedGreen, transformedBlue, alpha, missingChroma, missingHue, missingLightness);
+          break $label1$1;
+        }
+        if (B.LabColorSpace_2nT === dest || B.LchColorSpace_Bpv === dest) {
+          t1 = B.XyzD50ColorSpace_2OB.convert$10$missingA$missingB$missingChroma$missingHue$missingLightness(dest, transformedRed, transformedGreen, transformedBlue, alpha, missingA, missingB, missingChroma, missingHue, missingLightness);
+          break $label1$1;
+        }
+        if (B.OklabColorSpace_540 === dest || B.OklchColorSpace_9Gj === dest) {
+          t1 = B.LmsColorSpace_Os3.convert$10$missingA$missingB$missingChroma$missingHue$missingLightness(dest, transformedRed, transformedGreen, transformedBlue, alpha, missingA, missingB, missingChroma, missingHue, missingLightness);
+          break $label1$1;
+        }
+        t1 = red == null ? null : transformedRed;
+        t2 = green == null ? null : transformedGreen;
+        t1 = A.SassColor_SassColor$forSpaceInternal(dest, t1, t2, blue == null ? null : transformedBlue, alpha);
+        break $label1$1;
+      }
+      return t1;
+    },
+    convertLinear$5(dest, red, green, blue, alpha) {
+      return this.convertLinear$10$missingA$missingB$missingChroma$missingHue$missingLightness(dest, red, green, blue, alpha, false, false, false, false, false);
+    },
+    toLinear$1(channel) {
+      return A.throwExpression(A.UnimplementedError$("[BUG] Color space " + this.toString$0(0) + " doesn't support linear conversions."));
+    },
+    fromLinear$1(channel) {
+      return A.throwExpression(A.UnimplementedError$("[BUG] Color space " + this.toString$0(0) + " doesn't support linear conversions."));
+    },
+    transformationMatrix$1(dest) {
+      return A.throwExpression(A.UnimplementedError$("[BUG] Color space conversion from " + this.toString$0(0) + " to " + dest.toString$0(0) + " not implemented."));
+    },
+    toString$0(_) {
+      return this.name;
+    }
+  };
+  A.A98RgbColorSpace.prototype = {
+    get$isBoundedInternal() {
+      return true;
+    },
+    toLinear$1(channel) {
+      return J.get$sign$in(channel) * Math.pow(Math.abs(channel), 2.19921875);
+    },
+    fromLinear$1(channel) {
+      return J.get$sign$in(channel) * Math.pow(Math.abs(channel), 0.4547069271758437);
+    },
+    transformationMatrix$1(dest) {
+      var t1;
+      $label0$0: {
+        if (B.SrgbLinearColorSpace_kUj === dest || B.SrgbColorSpace_thf === dest || B.RgbColorSpace_i0P === dest) {
+          t1 = $.$get$linearA98RgbToLinearSrgb();
+          break $label0$0;
+        }
+        if (B.DisplayP3ColorSpace_MmT === dest) {
+          t1 = $.$get$linearA98RgbToLinearDisplayP3();
+          break $label0$0;
+        }
+        if (B.ProphotoRgbColorSpace_BDz === dest) {
+          t1 = $.$get$linearA98RgbToLinearProphotoRgb();
+          break $label0$0;
+        }
+        if (B.Rec2020ColorSpace_6oo === dest) {
+          t1 = $.$get$linearA98RgbToLinearRec2020();
+          break $label0$0;
+        }
+        if (B.XyzD65ColorSpace_WiJ === dest) {
+          t1 = $.$get$linearA98RgbToXyzD65();
+          break $label0$0;
+        }
+        if (B.XyzD50ColorSpace_2OB === dest) {
+          t1 = $.$get$linearA98RgbToXyzD50();
+          break $label0$0;
+        }
+        if (B.LmsColorSpace_Os3 === dest) {
+          t1 = $.$get$linearA98RgbToLms();
+          break $label0$0;
+        }
+        t1 = this.super$ColorSpace$transformationMatrix(dest);
+        break $label0$0;
+      }
+      return t1;
+    }
+  };
+  A.DisplayP3ColorSpace.prototype = {
+    get$isBoundedInternal() {
+      return true;
+    },
+    toLinear$1(channel) {
+      return A.srgbAndDisplayP3ToLinear(channel);
+    },
+    fromLinear$1(channel) {
+      return A.srgbAndDisplayP3FromLinear(channel);
+    },
+    transformationMatrix$1(dest) {
+      var t1;
+      $label0$0: {
+        if (B.SrgbLinearColorSpace_kUj === dest || B.SrgbColorSpace_thf === dest || B.RgbColorSpace_i0P === dest) {
+          t1 = $.$get$linearDisplayP3ToLinearSrgb();
+          break $label0$0;
+        }
+        if (B.A98RgbColorSpace_lf2 === dest) {
+          t1 = $.$get$linearDisplayP3ToLinearA98Rgb();
+          break $label0$0;
+        }
+        if (B.ProphotoRgbColorSpace_BDz === dest) {
+          t1 = $.$get$linearDisplayP3ToLinearProphotoRgb();
+          break $label0$0;
+        }
+        if (B.Rec2020ColorSpace_6oo === dest) {
+          t1 = $.$get$linearDisplayP3ToLinearRec2020();
+          break $label0$0;
+        }
+        if (B.XyzD65ColorSpace_WiJ === dest) {
+          t1 = $.$get$linearDisplayP3ToXyzD65();
+          break $label0$0;
+        }
+        if (B.XyzD50ColorSpace_2OB === dest) {
+          t1 = $.$get$linearDisplayP3ToXyzD50();
+          break $label0$0;
+        }
+        if (B.LmsColorSpace_Os3 === dest) {
+          t1 = $.$get$linearDisplayP3ToLms();
+          break $label0$0;
+        }
+        t1 = this.super$ColorSpace$transformationMatrix(dest);
+        break $label0$0;
+      }
+      return t1;
+    }
+  };
+  A.HslColorSpace.prototype = {
+    get$isBoundedInternal() {
+      return true;
+    },
+    get$isLegacyInternal() {
+      return true;
+    },
+    get$isPolarInternal() {
+      return true;
+    },
+    convert$5(dest, hue, saturation, lightness, alpha) {
+      var t1 = hue == null,
+        scaledHue = B.JSNumber_methods.$mod((t1 ? 0 : hue) / 360, 1),
+        t2 = saturation == null,
+        scaledSaturation = (t2 ? 0 : saturation) / 100,
+        t3 = lightness == null,
+        scaledLightness = (t3 ? 0 : lightness) / 100,
+        m2 = scaledLightness <= 0.5 ? scaledLightness * (scaledSaturation + 1) : scaledLightness + scaledSaturation - scaledLightness * scaledSaturation,
+        m1 = scaledLightness * 2 - m2;
+      return B.SrgbColorSpace_thf.convert$8$missingChroma$missingHue$missingLightness(dest, A.hueToRgb(m1, m2, scaledHue + 0.3333333333333333), A.hueToRgb(m1, m2, scaledHue), A.hueToRgb(m1, m2, scaledHue - 0.3333333333333333), alpha, t2, t1, t3);
+    }
+  };
+  A.HwbColorSpace.prototype = {
+    get$isBoundedInternal() {
+      return true;
+    },
+    get$isLegacyInternal() {
+      return true;
+    },
+    get$isPolarInternal() {
+      return true;
+    },
+    convert$5(dest, hue, whiteness, blackness, alpha) {
+      var t3, t1 = {},
+        t2 = hue == null,
+        scaledHue = B.JSNumber_methods.$mod(t2 ? 0 : hue, 360) / 360,
+        scaledWhiteness = t1.scaledWhiteness = (whiteness == null ? 0 : whiteness) / 100,
+        scaledBlackness = (blackness == null ? 0 : blackness) / 100,
+        sum = scaledWhiteness + scaledBlackness;
+      if (sum > 1) {
+        t3 = t1.scaledWhiteness = scaledWhiteness / sum;
+        scaledBlackness /= sum;
+      } else
+        t3 = scaledWhiteness;
+      t3 = new A.HwbColorSpace_convert_toRgb(t1, 1 - t3 - scaledBlackness);
+      return B.SrgbColorSpace_thf.convert$6$missingHue(dest, t3.call$1(scaledHue + 0.3333333333333333), t3.call$1(scaledHue), t3.call$1(scaledHue - 0.3333333333333333), alpha, t2);
+    }
+  };
+  A.HwbColorSpace_convert_toRgb.prototype = {
+    call$1(hue) {
+      return A.hueToRgb(0, 1, hue) * this.factor + this._box_0.scaledWhiteness;
+    },
+    $signature: 15
+  };
+  A.LabColorSpace.prototype = {
+    get$isBoundedInternal() {
+      return false;
+    },
+    convert$7$missingChroma$missingHue(dest, lightness, a, b, alpha, missingChroma, missingHue) {
+      var powerlessAB, t1, missingLightness, f1, t2, t3, t4;
+      switch (dest) {
+        case B.LabColorSpace_2nT:
+          powerlessAB = lightness == null || A.fuzzyEquals(lightness, 0);
+          t1 = a == null || powerlessAB ? null : a;
+          return A.SassColor$_forSpace(B.LabColorSpace_2nT, lightness, t1, b == null || powerlessAB ? null : b, alpha, null);
+        case B.LchColorSpace_Bpv:
+          return A.labToLch(dest, lightness, a, b, alpha, false, false);
+        default:
+          missingLightness = lightness == null;
+          if (missingLightness)
+            lightness = 0;
+          f1 = (lightness + 16) / 116;
+          t1 = a == null;
+          t2 = this._convertFToXorZ$1((t1 ? 0 : a) / 500 + f1);
+          t3 = lightness > 8 ? Math.pow(f1, 3) : lightness / 903.2962962962963;
+          t4 = b == null;
+          return B.XyzD50ColorSpace_2OB.convert$10$missingA$missingB$missingChroma$missingHue$missingLightness(dest, t2 * 0.9642956764295677, t3, this._convertFToXorZ$1(f1 - (t4 ? 0 : b) / 200) * 0.8251046025104602, alpha, t1, t4, missingChroma, missingHue, missingLightness);
+      }
+    },
+    convert$5(dest, lightness, a, b, alpha) {
+      return this.convert$7$missingChroma$missingHue(dest, lightness, a, b, alpha, false, false);
+    },
+    _convertFToXorZ$1(component) {
+      var cubed = Math.pow(component, 3) + 0;
+      return cubed > 0.008856451679035631 ? cubed : (116 * component - 16) / 903.2962962962963;
+    }
+  };
+  A.LchColorSpace.prototype = {
+    get$isBoundedInternal() {
+      return false;
+    },
+    get$isPolarInternal() {
+      return true;
+    },
+    convert$5(dest, lightness, chroma, hue, alpha) {
+      var t1 = hue == null,
+        hueRadians = (t1 ? 0 : hue) * 3.141592653589793 / 180,
+        t2 = chroma == null,
+        t3 = t2 ? 0 : chroma,
+        t4 = Math.cos(hueRadians),
+        t5 = t2 ? 0 : chroma;
+      return B.LabColorSpace_2nT.convert$7$missingChroma$missingHue(dest, lightness, t3 * t4, t5 * Math.sin(hueRadians), alpha, t2, t1);
+    }
+  };
+  A.LmsColorSpace.prototype = {
+    get$isBoundedInternal() {
+      return false;
+    },
+    convert$10$missingA$missingB$missingChroma$missingHue$missingLightness(dest, long, medium, short, alpha, missingA, missingB, missingChroma, missingHue, missingLightness) {
+      var t1, longScaled, mediumScaled, shortScaled, lightness, t2, t3, _null = null;
+      switch (dest) {
+        case B.OklabColorSpace_540:
+          t1 = long == null ? 0 : long;
+          longScaled = Math.pow(Math.abs(t1), 0.3333333333333333) * J.get$sign$in(t1);
+          t1 = medium == null ? 0 : medium;
+          mediumScaled = Math.pow(Math.abs(t1), 0.3333333333333333) * J.get$sign$in(t1);
+          t1 = short == null ? 0 : short;
+          shortScaled = Math.pow(Math.abs(t1), 0.3333333333333333) * J.get$sign$in(t1);
+          t1 = $.$get$lmsToOklab();
+          lightness = t1[0] * longScaled + t1[1] * mediumScaled + t1[2] * shortScaled;
+          t2 = missingLightness ? _null : lightness;
+          t3 = missingA ? _null : t1[3] * longScaled + t1[4] * mediumScaled + t1[5] * shortScaled;
+          return A.SassColor$_forSpace(B.OklabColorSpace_540, t2, t3, missingB ? _null : t1[6] * longScaled + t1[7] * mediumScaled + t1[8] * shortScaled, alpha, _null);
+        case B.OklchColorSpace_9Gj:
+          t1 = long == null ? 0 : long;
+          longScaled = Math.pow(Math.abs(t1), 0.3333333333333333) * J.get$sign$in(t1);
+          t1 = medium == null ? 0 : medium;
+          mediumScaled = Math.pow(Math.abs(t1), 0.3333333333333333) * J.get$sign$in(t1);
+          t1 = short == null ? 0 : short;
+          shortScaled = Math.pow(Math.abs(t1), 0.3333333333333333) * J.get$sign$in(t1);
+          if (missingLightness)
+            t1 = _null;
+          else {
+            t1 = $.$get$lmsToOklab();
+            t1 = t1[0] * longScaled + t1[1] * mediumScaled + t1[2] * shortScaled;
+          }
+          t2 = $.$get$lmsToOklab();
+          return A.labToLch(dest, t1, t2[3] * longScaled + t2[4] * mediumScaled + t2[5] * shortScaled, t2[6] * longScaled + t2[7] * mediumScaled + t2[8] * shortScaled, alpha, missingChroma, missingHue);
+        default:
+          return this.super$ColorSpace$convertLinear(dest, long, medium, short, alpha, missingA, missingB, missingChroma, missingHue, missingLightness);
+      }
+    },
+    convert$5(dest, long, medium, short, alpha) {
+      return this.convert$10$missingA$missingB$missingChroma$missingHue$missingLightness(dest, long, medium, short, alpha, false, false, false, false, false);
+    },
+    toLinear$1(channel) {
+      return channel;
+    },
+    fromLinear$1(channel) {
+      return channel;
+    },
+    transformationMatrix$1(dest) {
+      var t1;
+      $label0$0: {
+        if (B.SrgbLinearColorSpace_kUj === dest || B.SrgbColorSpace_thf === dest || B.RgbColorSpace_i0P === dest) {
+          t1 = $.$get$lmsToLinearSrgb();
+          break $label0$0;
+        }
+        if (B.A98RgbColorSpace_lf2 === dest) {
+          t1 = $.$get$lmsToLinearA98Rgb();
+          break $label0$0;
+        }
+        if (B.ProphotoRgbColorSpace_BDz === dest) {
+          t1 = $.$get$lmsToLinearProphotoRgb();
+          break $label0$0;
+        }
+        if (B.DisplayP3ColorSpace_MmT === dest) {
+          t1 = $.$get$lmsToLinearDisplayP3();
+          break $label0$0;
+        }
+        if (B.Rec2020ColorSpace_6oo === dest) {
+          t1 = $.$get$lmsToLinearRec2020();
+          break $label0$0;
+        }
+        if (B.XyzD65ColorSpace_WiJ === dest) {
+          t1 = $.$get$lmsToXyzD65();
+          break $label0$0;
+        }
+        if (B.XyzD50ColorSpace_2OB === dest) {
+          t1 = $.$get$lmsToXyzD50();
+          break $label0$0;
+        }
+        t1 = this.super$ColorSpace$transformationMatrix(dest);
+        break $label0$0;
+      }
+      return t1;
+    }
+  };
+  A.OklabColorSpace.prototype = {
+    get$isBoundedInternal() {
+      return false;
+    },
+    convert$7$missingChroma$missingHue(dest, lightness, a, b, alpha, missingChroma, missingHue) {
+      var missingLightness, missingA, missingB, t1;
+      if (dest === B.OklchColorSpace_9Gj)
+        return A.labToLch(dest, lightness, a, b, alpha, missingChroma, missingHue);
+      missingLightness = lightness == null;
+      missingA = a == null;
+      missingB = b == null;
+      if (missingLightness)
+        lightness = 0;
+      if (missingA)
+        a = 0;
+      if (missingB)
+        b = 0;
+      t1 = $.$get$oklabToLms();
+      return B.LmsColorSpace_Os3.convert$10$missingA$missingB$missingChroma$missingHue$missingLightness(dest, Math.pow(t1[0] * lightness + t1[1] * a + t1[2] * b, 3) + 0, Math.pow(t1[3] * lightness + t1[4] * a + t1[5] * b, 3) + 0, Math.pow(t1[6] * lightness + t1[7] * a + t1[8] * b, 3) + 0, alpha, missingA, missingB, missingChroma, missingHue, missingLightness);
+    },
+    convert$5(dest, lightness, a, b, alpha) {
+      return this.convert$7$missingChroma$missingHue(dest, lightness, a, b, alpha, false, false);
+    }
+  };
+  A.OklchColorSpace.prototype = {
+    get$isBoundedInternal() {
+      return false;
+    },
+    get$isPolarInternal() {
+      return true;
+    },
+    convert$5(dest, lightness, chroma, hue, alpha) {
+      var t1 = hue == null,
+        hueRadians = (t1 ? 0 : hue) * 3.141592653589793 / 180,
+        t2 = chroma == null,
+        t3 = t2 ? 0 : chroma,
+        t4 = Math.cos(hueRadians),
+        t5 = t2 ? 0 : chroma;
+      return B.OklabColorSpace_540.convert$7$missingChroma$missingHue(dest, lightness, t3 * t4, t5 * Math.sin(hueRadians), alpha, t2, t1);
+    }
+  };
+  A.ProphotoRgbColorSpace.prototype = {
+    get$isBoundedInternal() {
+      return true;
+    },
+    toLinear$1(channel) {
+      var abs = Math.abs(channel);
+      return abs <= 0.03125 ? channel / 16 : J.get$sign$in(channel) * Math.pow(abs, 1.8);
+    },
+    fromLinear$1(channel) {
+      var abs = Math.abs(channel);
+      return abs >= 0.001953125 ? J.get$sign$in(channel) * Math.pow(abs, 0.5555555555555556) : 16 * channel;
+    },
+    transformationMatrix$1(dest) {
+      var t1;
+      $label0$0: {
+        if (B.SrgbLinearColorSpace_kUj === dest || B.SrgbColorSpace_thf === dest || B.RgbColorSpace_i0P === dest) {
+          t1 = $.$get$linearProphotoRgbToLinearSrgb();
+          break $label0$0;
+        }
+        if (B.A98RgbColorSpace_lf2 === dest) {
+          t1 = $.$get$linearProphotoRgbToLinearA98Rgb();
+          break $label0$0;
+        }
+        if (B.DisplayP3ColorSpace_MmT === dest) {
+          t1 = $.$get$linearProphotoRgbToLinearDisplayP3();
+          break $label0$0;
+        }
+        if (B.Rec2020ColorSpace_6oo === dest) {
+          t1 = $.$get$linearProphotoRgbToLinearRec2020();
+          break $label0$0;
+        }
+        if (B.XyzD65ColorSpace_WiJ === dest) {
+          t1 = $.$get$linearProphotoRgbToXyzD65();
+          break $label0$0;
+        }
+        if (B.XyzD50ColorSpace_2OB === dest) {
+          t1 = $.$get$linearProphotoRgbToXyzD50();
+          break $label0$0;
+        }
+        if (B.LmsColorSpace_Os3 === dest) {
+          t1 = $.$get$linearProphotoRgbToLms();
+          break $label0$0;
+        }
+        t1 = this.super$ColorSpace$transformationMatrix(dest);
+        break $label0$0;
+      }
+      return t1;
+    }
+  };
+  A.Rec2020ColorSpace.prototype = {
+    get$isBoundedInternal() {
+      return true;
+    },
+    toLinear$1(channel) {
+      var abs = Math.abs(channel);
+      return abs < 0.08124285829863151 ? channel / 4.5 : J.get$sign$in(channel) * Math.pow((abs + 1.09929682680944 - 1) / 1.09929682680944, 2.2222222222222223);
+    },
+    fromLinear$1(channel) {
+      var abs = Math.abs(channel);
+      return abs > 0.018053968510807 ? J.get$sign$in(channel) * (1.09929682680944 * Math.pow(abs, 0.45) - 0.09929682680944008) : 4.5 * channel;
+    },
+    transformationMatrix$1(dest) {
+      var t1;
+      $label0$0: {
+        if (B.SrgbLinearColorSpace_kUj === dest || B.SrgbColorSpace_thf === dest || B.RgbColorSpace_i0P === dest) {
+          t1 = $.$get$linearRec2020ToLinearSrgb();
+          break $label0$0;
+        }
+        if (B.A98RgbColorSpace_lf2 === dest) {
+          t1 = $.$get$linearRec2020ToLinearA98Rgb();
+          break $label0$0;
+        }
+        if (B.DisplayP3ColorSpace_MmT === dest) {
+          t1 = $.$get$linearRec2020ToLinearDisplayP3();
+          break $label0$0;
+        }
+        if (B.ProphotoRgbColorSpace_BDz === dest) {
+          t1 = $.$get$linearRec2020ToLinearProphotoRgb();
+          break $label0$0;
+        }
+        if (B.XyzD65ColorSpace_WiJ === dest) {
+          t1 = $.$get$linearRec2020ToXyzD65();
+          break $label0$0;
+        }
+        if (B.XyzD50ColorSpace_2OB === dest) {
+          t1 = $.$get$linearRec2020ToXyzD50();
+          break $label0$0;
+        }
+        if (B.LmsColorSpace_Os3 === dest) {
+          t1 = $.$get$linearRec2020ToLms();
+          break $label0$0;
+        }
+        t1 = this.super$ColorSpace$transformationMatrix(dest);
+        break $label0$0;
+      }
+      return t1;
+    }
+  };
+  A.RgbColorSpace.prototype = {
+    get$isBoundedInternal() {
+      return true;
+    },
+    get$isLegacyInternal() {
+      return true;
+    },
+    convert$5(dest, red, green, blue, alpha) {
+      var t1 = red == null ? null : red / 255,
+        t2 = green == null ? null : green / 255;
+      return B.SrgbColorSpace_thf.convert$5(dest, t1, t2, blue == null ? null : blue / 255, alpha);
+    },
+    toLinear$1(channel) {
+      return A.srgbAndDisplayP3ToLinear(channel / 255);
+    },
+    fromLinear$1(channel) {
+      return A.srgbAndDisplayP3FromLinear(channel) * 255;
+    }
+  };
+  A.SrgbColorSpace.prototype = {
+    get$isBoundedInternal() {
+      return true;
+    },
+    convert$8$missingChroma$missingHue$missingLightness(dest, red, green, blue, alpha, missingChroma, missingHue, missingLightness) {
+      var max, min, delta, hue, lightness, saturation, t1, t2, whiteness, blackness, _null = null;
+      if (B.HslColorSpace_JQ2 === dest || B.HwbColorSpace_guQ === dest) {
+        if (red == null)
+          red = 0;
+        if (green == null)
+          green = 0;
+        if (blue == null)
+          blue = 0;
+        max = Math.max(Math.max(red, green), blue);
+        min = Math.min(Math.min(red, green), blue);
+        delta = max - min;
+        if (max === min)
+          hue = 0;
+        else if (max === red)
+          hue = 60 * (green - blue) / delta + 360;
+        else
+          hue = max === green ? 60 * (blue - red) / delta + 120 : 60 * (red - green) / delta + 240;
+        if (dest === B.HslColorSpace_JQ2) {
+          lightness = (min + max) / 2;
+          saturation = lightness === 0 || lightness === 1 ? 0 : 100 * (max - lightness) / Math.min(lightness, 1 - lightness);
+          if (saturation < 0) {
+            hue += 180;
+            saturation = Math.abs(saturation);
+          }
+          t1 = missingHue || A.fuzzyEquals(saturation, 0) ? _null : B.JSNumber_methods.$mod(hue, 360);
+          t2 = missingChroma ? _null : saturation;
+          return A.SassColor_SassColor$forSpaceInternal(dest, t1, t2, missingLightness ? _null : lightness * 100, alpha);
+        } else {
+          whiteness = min * 100;
+          blackness = 100 - max * 100;
+          if (!missingHue) {
+            t1 = whiteness + blackness;
+            t1 = t1 > 100 || A.fuzzyEquals(t1, 100);
+          } else
+            t1 = true;
+          return A.SassColor_SassColor$forSpaceInternal(dest, t1 ? _null : B.JSNumber_methods.$mod(hue, 360), whiteness, blackness, alpha);
+        }
+      }
+      if (B.RgbColorSpace_i0P === dest) {
+        t1 = red == null ? _null : red * 255;
+        t2 = green == null ? _null : green * 255;
+        return A.SassColor_SassColor$rgbInternal(t1, t2, blue == null ? _null : blue * 255, alpha, _null);
+      }
+      if (B.SrgbLinearColorSpace_kUj === dest) {
+        t1 = this.get$toLinear();
+        return A.SassColor_SassColor$forSpaceInternal(dest, A.NullableExtension_andThen(red, t1), A.NullableExtension_andThen(green, t1), A.NullableExtension_andThen(blue, t1), alpha);
+      }
+      return this.super$ColorSpace$convertLinear(dest, red, green, blue, alpha, false, false, missingChroma, missingHue, missingLightness);
+    },
+    convert$5(dest, red, green, blue, alpha) {
+      return this.convert$8$missingChroma$missingHue$missingLightness(dest, red, green, blue, alpha, false, false, false);
+    },
+    convert$6$missingHue(dest, red, green, blue, alpha, missingHue) {
+      return this.convert$8$missingChroma$missingHue$missingLightness(dest, red, green, blue, alpha, false, missingHue, false);
+    },
+    toLinear$1(channel) {
+      return A.srgbAndDisplayP3ToLinear(channel);
+    },
+    fromLinear$1(channel) {
+      return A.srgbAndDisplayP3FromLinear(channel);
+    },
+    transformationMatrix$1(dest) {
+      var t1;
+      $label0$0: {
+        if (B.DisplayP3ColorSpace_MmT === dest) {
+          t1 = $.$get$linearSrgbToLinearDisplayP3();
+          break $label0$0;
+        }
+        if (B.A98RgbColorSpace_lf2 === dest) {
+          t1 = $.$get$linearSrgbToLinearA98Rgb();
+          break $label0$0;
+        }
+        if (B.ProphotoRgbColorSpace_BDz === dest) {
+          t1 = $.$get$linearSrgbToLinearProphotoRgb();
+          break $label0$0;
+        }
+        if (B.Rec2020ColorSpace_6oo === dest) {
+          t1 = $.$get$linearSrgbToLinearRec2020();
+          break $label0$0;
+        }
+        if (B.XyzD65ColorSpace_WiJ === dest) {
+          t1 = $.$get$linearSrgbToXyzD65();
+          break $label0$0;
+        }
+        if (B.XyzD50ColorSpace_2OB === dest) {
+          t1 = $.$get$linearSrgbToXyzD50();
+          break $label0$0;
+        }
+        if (B.LmsColorSpace_Os3 === dest) {
+          t1 = $.$get$linearSrgbToLms();
+          break $label0$0;
+        }
+        t1 = this.super$ColorSpace$transformationMatrix(dest);
+        break $label0$0;
+      }
+      return t1;
+    }
+  };
+  A.SrgbLinearColorSpace.prototype = {
+    get$isBoundedInternal() {
+      return true;
+    },
+    convert$5(dest, red, green, blue, alpha) {
+      var t1;
+      $label0$0: {
+        if (B.RgbColorSpace_i0P === dest || B.HslColorSpace_JQ2 === dest || B.HwbColorSpace_guQ === dest || B.SrgbColorSpace_thf === dest) {
+          t1 = B.SrgbColorSpace_thf.convert$5(dest, A.NullableExtension_andThen(red, A.utils0__srgbAndDisplayP3FromLinear$closure()), A.NullableExtension_andThen(green, A.utils0__srgbAndDisplayP3FromLinear$closure()), A.NullableExtension_andThen(blue, A.utils0__srgbAndDisplayP3FromLinear$closure()), alpha);
+          break $label0$0;
+        }
+        t1 = this.super$ColorSpace$convert(dest, red, green, blue, alpha);
+        break $label0$0;
+      }
+      return t1;
+    },
+    toLinear$1(channel) {
+      return channel;
+    },
+    fromLinear$1(channel) {
+      return channel;
+    },
+    transformationMatrix$1(dest) {
+      var t1;
+      $label0$0: {
+        if (B.DisplayP3ColorSpace_MmT === dest) {
+          t1 = $.$get$linearSrgbToLinearDisplayP3();
+          break $label0$0;
+        }
+        if (B.A98RgbColorSpace_lf2 === dest) {
+          t1 = $.$get$linearSrgbToLinearA98Rgb();
+          break $label0$0;
+        }
+        if (B.ProphotoRgbColorSpace_BDz === dest) {
+          t1 = $.$get$linearSrgbToLinearProphotoRgb();
+          break $label0$0;
+        }
+        if (B.Rec2020ColorSpace_6oo === dest) {
+          t1 = $.$get$linearSrgbToLinearRec2020();
+          break $label0$0;
+        }
+        if (B.XyzD65ColorSpace_WiJ === dest) {
+          t1 = $.$get$linearSrgbToXyzD65();
+          break $label0$0;
+        }
+        if (B.XyzD50ColorSpace_2OB === dest) {
+          t1 = $.$get$linearSrgbToXyzD50();
+          break $label0$0;
+        }
+        if (B.LmsColorSpace_Os3 === dest) {
+          t1 = $.$get$linearSrgbToLms();
+          break $label0$0;
+        }
+        t1 = this.super$ColorSpace$transformationMatrix(dest);
+        break $label0$0;
+      }
+      return t1;
+    }
+  };
+  A.XyzD50ColorSpace.prototype = {
+    get$isBoundedInternal() {
+      return false;
+    },
+    convert$10$missingA$missingB$missingChroma$missingHue$missingLightness(dest, x, y, z, alpha, missingA, missingB, missingChroma, missingHue, missingLightness) {
+      var f0, f1, f2, lightness, a, b, t1, _this = this, _null = null;
+      if (B.LabColorSpace_2nT === dest || B.LchColorSpace_Bpv === dest) {
+        f0 = _this._convertComponentToLabF$1((x == null ? 0 : x) / 0.9642956764295677);
+        f1 = _this._convertComponentToLabF$1((y == null ? 0 : y) / 1);
+        f2 = _this._convertComponentToLabF$1((z == null ? 0 : z) / 0.8251046025104602);
+        lightness = missingLightness ? _null : 116 * f1 - 16;
+        a = 500 * (f0 - f1);
+        b = 200 * (f1 - f2);
+        if (dest === B.LabColorSpace_2nT) {
+          t1 = missingA ? _null : a;
+          t1 = A.SassColor$_forSpace(B.LabColorSpace_2nT, lightness, t1, missingB ? _null : b, alpha, _null);
+        } else
+          t1 = A.labToLch(B.LchColorSpace_Bpv, lightness, a, b, alpha, missingChroma, missingHue);
+        return t1;
+      }
+      return _this.super$ColorSpace$convertLinear(dest, x, y, z, alpha, missingA, missingB, missingChroma, missingHue, missingLightness);
+    },
+    convert$5(dest, x, y, z, alpha) {
+      return this.convert$10$missingA$missingB$missingChroma$missingHue$missingLightness(dest, x, y, z, alpha, false, false, false, false, false);
+    },
+    _convertComponentToLabF$1(component) {
+      return component > 0.008856451679035631 ? Math.pow(component, 0.3333333333333333) + 0 : (903.2962962962963 * component + 16) / 116;
+    },
+    toLinear$1(channel) {
+      return channel;
+    },
+    fromLinear$1(channel) {
+      return channel;
+    },
+    transformationMatrix$1(dest) {
+      var t1;
+      $label0$0: {
+        if (B.SrgbLinearColorSpace_kUj === dest || B.SrgbColorSpace_thf === dest || B.RgbColorSpace_i0P === dest) {
+          t1 = $.$get$xyzD50ToLinearSrgb();
+          break $label0$0;
+        }
+        if (B.A98RgbColorSpace_lf2 === dest) {
+          t1 = $.$get$xyzD50ToLinearA98Rgb();
+          break $label0$0;
+        }
+        if (B.ProphotoRgbColorSpace_BDz === dest) {
+          t1 = $.$get$xyzD50ToLinearProphotoRgb();
+          break $label0$0;
+        }
+        if (B.DisplayP3ColorSpace_MmT === dest) {
+          t1 = $.$get$xyzD50ToLinearDisplayP3();
+          break $label0$0;
+        }
+        if (B.Rec2020ColorSpace_6oo === dest) {
+          t1 = $.$get$xyzD50ToLinearRec2020();
+          break $label0$0;
+        }
+        if (B.XyzD65ColorSpace_WiJ === dest) {
+          t1 = $.$get$xyzD50ToXyzD65();
+          break $label0$0;
+        }
+        if (B.LmsColorSpace_Os3 === dest) {
+          t1 = $.$get$xyzD50ToLms();
+          break $label0$0;
+        }
+        t1 = this.super$ColorSpace$transformationMatrix(dest);
+        break $label0$0;
+      }
+      return t1;
+    }
+  };
+  A.XyzD65ColorSpace.prototype = {
+    get$isBoundedInternal() {
+      return false;
+    },
+    toLinear$1(channel) {
+      return channel;
+    },
+    fromLinear$1(channel) {
+      return channel;
+    },
+    transformationMatrix$1(dest) {
+      var t1;
+      $label0$0: {
+        if (B.SrgbLinearColorSpace_kUj === dest || B.SrgbColorSpace_thf === dest || B.RgbColorSpace_i0P === dest) {
+          t1 = $.$get$xyzD65ToLinearSrgb();
+          break $label0$0;
+        }
+        if (B.A98RgbColorSpace_lf2 === dest) {
+          t1 = $.$get$xyzD65ToLinearA98Rgb();
+          break $label0$0;
+        }
+        if (B.ProphotoRgbColorSpace_BDz === dest) {
+          t1 = $.$get$xyzD65ToLinearProphotoRgb();
+          break $label0$0;
+        }
+        if (B.DisplayP3ColorSpace_MmT === dest) {
+          t1 = $.$get$xyzD65ToLinearDisplayP3();
+          break $label0$0;
+        }
+        if (B.Rec2020ColorSpace_6oo === dest) {
+          t1 = $.$get$xyzD65ToLinearRec2020();
+          break $label0$0;
+        }
+        if (B.XyzD50ColorSpace_2OB === dest) {
+          t1 = $.$get$xyzD65ToXyzD50();
+          break $label0$0;
+        }
+        if (B.LmsColorSpace_Os3 === dest) {
+          t1 = $.$get$xyzD65ToLms();
+          break $label0$0;
+        }
+        t1 = this.super$ColorSpace$transformationMatrix(dest);
+        break $label0$0;
+      }
+      return t1;
+    }
+  };
+  A.SassFunction.prototype = {
+    accept$1$1(visitor) {
+      var t1, t2;
+      if (!visitor._inspect)
+        A.throwExpression(A.SassScriptException$(this.toString$0(0) + " isn't a valid CSS value.", null));
+      t1 = visitor._serialize$_buffer;
+      t1.write$1(0, "get-function(");
+      t2 = this.callable;
+      visitor._visitQuotedString$1(t2.get$name(t2));
+      t1.writeCharCode$1(41);
+      return null;
+    },
+    accept$1(visitor) {
+      return this.accept$1$1(visitor, type$.dynamic);
+    },
+    assertFunction$1($name) {
+      return this;
+    },
+    assertCompileContext$1(compileContext) {
+      var t1 = this._function$_compileContext !== compileContext;
+      if (t1)
+        throw A.wrapException(A.SassScriptException$(this.toString$0(0) + " does not belong to current compilation.", null));
+      return this;
+    },
+    $eq(_, other) {
+      if (other == null)
+        return false;
+      return other instanceof A.SassFunction && this.callable.$eq(0, other.callable);
+    },
+    get$hashCode(_) {
+      var t1 = this.callable;
+      return t1.get$hashCode(t1);
+    }
+  };
+  A.SassList.prototype = {
+    get$separator(_) {
+      return this._separator;
+    },
+    get$hasBrackets() {
+      return this._hasBrackets;
+    },
+    get$isBlank() {
+      return !this._hasBrackets && B.JSArray_methods.every$1(this._list$_contents, new A.SassList_isBlank_closure());
+    },
+    get$asList() {
+      return this._list$_contents;
+    },
+    get$lengthAsList() {
+      return this._list$_contents.length;
+    },
+    SassList$3$brackets(contents, _separator, brackets) {
+      if (this._separator === B.ListSeparator_undecided_null_undecided && this._list$_contents.length > 1)
+        throw A.wrapException(A.ArgumentError$(string$.A_list, null));
+    },
+    toString$0(_) {
+      var t2, _this = this,
+        t1 = true;
+      if (!_this._hasBrackets) {
+        t2 = _this._list$_contents.length;
+        if (t2 !== 0)
+          t1 = t2 === 1 && _this._separator === B.ListSeparator_qVN;
+      }
+      if (t1)
+        return _this.super$Value$toString(0);
+      return "(" + _this.super$Value$toString(0) + ")";
+    },
+    accept$1$1(visitor) {
+      return visitor.visitList$1(this);
+    },
+    accept$1(visitor) {
+      return this.accept$1$1(visitor, type$.dynamic);
+    },
+    assertMap$1($name) {
+      return this._list$_contents.length === 0 ? B.SassMap_Map_empty : this.super$Value$assertMap($name);
+    },
+    tryMap$0() {
+      return this._list$_contents.length === 0 ? B.SassMap_Map_empty : null;
+    },
+    $eq(_, other) {
+      var t1, _this = this;
+      if (other == null)
+        return false;
+      if (!(other instanceof A.SassList && other._separator === _this._separator && other._hasBrackets === _this._hasBrackets && B.C_ListEquality.equals$2(0, other._list$_contents, _this._list$_contents)))
+        t1 = _this._list$_contents.length === 0 && other instanceof A.SassMap && other.get$asList().length === 0;
+      else
+        t1 = true;
+      return t1;
+    },
+    get$hashCode(_) {
+      return B.C_ListEquality0.hash$1(this._list$_contents);
+    }
+  };
+  A.SassList_isBlank_closure.prototype = {
+    call$1(element) {
+      return element.get$isBlank();
+    },
+    $signature: 79
+  };
+  A.ListSeparator.prototype = {
+    _enumToString$0() {
+      return "ListSeparator." + this._name;
+    },
+    toString$0(_) {
+      return this._list$_name;
+    }
+  };
+  A.SassMap.prototype = {
+    get$separator(_) {
+      var t1 = this._map$_contents;
+      return t1.get$isEmpty(t1) ? B.ListSeparator_undecided_null_undecided : B.ListSeparator_qVN;
+    },
+    get$asList() {
+      var t3, t4, t5, result,
+        t1 = type$.JSArray_Value,
+        t2 = A._setArrayType([], t1);
+      for (t3 = type$.Value, t4 = A.MapExtensions_get_pairs(this._map$_contents, t3, t3), t4 = t4.get$iterator(t4); t4.moveNext$0();) {
+        t5 = t4.get$current(t4);
+        result = A.List_List$from(A._setArrayType([t5._0, t5._1], t1), false, t3);
+        result.$flags = 3;
+        t2.push(new A.SassList(result, B.ListSeparator_qSL, false));
+      }
+      return t2;
+    },
+    get$lengthAsList() {
+      var t1 = this._map$_contents;
+      return t1.get$length(t1);
+    },
+    accept$1$1(visitor) {
+      return visitor.visitMap$1(this);
+    },
+    accept$1(visitor) {
+      return this.accept$1$1(visitor, type$.dynamic);
+    },
+    assertMap$1($name) {
+      return this;
+    },
+    tryMap$0() {
+      return this;
+    },
+    $eq(_, other) {
+      var t1;
+      if (other == null)
+        return false;
+      if (!(other instanceof A.SassMap && B.C_MapEquality.equals$2(0, other._map$_contents, this._map$_contents))) {
+        t1 = this._map$_contents;
+        t1 = t1.get$isEmpty(t1) && other instanceof A.SassList && other._list$_contents.length === 0;
+      } else
+        t1 = true;
+      return t1;
+    },
+    get$hashCode(_) {
+      var t1 = this._map$_contents;
+      return t1.get$isEmpty(t1) ? B.C_ListEquality0.hash$1(B.List_empty8) : B.C_MapEquality.hash$1(t1);
+    }
+  };
+  A.SassMixin.prototype = {
+    accept$1$1(visitor) {
+      var t1, t2;
+      if (!visitor._inspect)
+        A.throwExpression(A.SassScriptException$(this.toString$0(0) + " isn't a valid CSS value.", null));
+      t1 = visitor._serialize$_buffer;
+      t1.write$1(0, "get-mixin(");
+      t2 = this.callable;
+      visitor._visitQuotedString$1(t2.get$name(t2));
+      t1.writeCharCode$1(41);
+      return null;
+    },
+    accept$1(visitor) {
+      return this.accept$1$1(visitor, type$.dynamic);
+    },
+    assertMixin$1($name) {
+      return this;
+    },
+    assertCompileContext$1(compileContext) {
+      var t1 = this._mixin$_compileContext !== compileContext;
+      if (t1)
+        throw A.wrapException(A.SassScriptException$(this.toString$0(0) + " does not belong to current compilation.", null));
+      return this;
+    },
+    $eq(_, other) {
+      if (other == null)
+        return false;
+      return other instanceof A.SassMixin && this.callable.$eq(0, other.callable);
+    },
+    get$hashCode(_) {
+      var t1 = this.callable;
+      return t1.get$hashCode(t1);
+    }
+  };
+  A._SassNull.prototype = {
+    get$isTruthy() {
+      return false;
+    },
+    get$isBlank() {
+      return true;
+    },
+    get$realNull() {
+      return null;
+    },
+    accept$1$1(visitor) {
+      if (visitor._inspect)
+        visitor._serialize$_buffer.write$1(0, "null");
+      return null;
+    },
+    accept$1(visitor) {
+      return this.accept$1$1(visitor, type$.dynamic);
+    },
+    unaryNot$0() {
+      return B.SassBoolean_true;
+    }
+  };
+  A.SassNumber.prototype = {
+    get$unitString() {
+      var _this = this;
+      return _this.get$hasUnits() ? _this._unitString$2(_this.get$numeratorUnits(_this), _this.get$denominatorUnits(_this)) : "";
+    },
+    accept$1$1(visitor) {
+      return visitor.visitNumber$1(this);
+    },
+    accept$1(visitor) {
+      return this.accept$1$1(visitor, type$.dynamic);
+    },
+    withoutSlash$0() {
+      var _this = this;
+      return _this.asSlash == null ? _this : _this.withValue$1(_this._number$_value);
+    },
+    assertNumber$1($name) {
+      return this;
+    },
+    assertNumber$0() {
+      return this.assertNumber$1(null);
+    },
+    assertInt$1($name) {
+      var _0_0 = A.fuzzyAsInt(this._number$_value);
+      if (_0_0 != null)
+        return _0_0;
+      throw A.wrapException(A.SassScriptException$(this.toString$0(0) + " is not an int.", $name));
+    },
+    assertInt$0() {
+      return this.assertInt$1(null);
+    },
+    valueInRange$3(min, max, $name) {
+      var _this = this,
+        _0_0 = A.fuzzyCheckRange(_this._number$_value, min, max);
+      if (_0_0 != null)
+        return _0_0;
+      throw A.wrapException(A.SassScriptException$("Expected " + _this.toString$0(0) + " to be within " + min + _this.get$unitString() + " and " + max + _this.get$unitString() + ".", $name));
+    },
+    valueInRangeWithUnit$4(min, max, $name, unit) {
+      var _0_0 = A.fuzzyCheckRange(this._number$_value, min, max);
+      if (_0_0 != null)
+        return _0_0;
+      throw A.wrapException(A.SassScriptException$("Expected " + this.toString$0(0) + " to be within " + min + unit + " and " + max + unit + ".", $name));
+    },
+    hasCompatibleUnits$1(other) {
+      var _this = this;
+      if (_this.get$numeratorUnits(_this).length !== other.get$numeratorUnits(other).length)
+        return false;
+      if (_this.get$denominatorUnits(_this).length !== other.get$denominatorUnits(other).length)
+        return false;
+      return _this.isComparableTo$1(other);
+    },
+    assertUnit$2(unit, $name) {
+      if (this.hasUnit$1(unit))
+        return;
+      throw A.wrapException(A.SassScriptException$("Expected " + this.toString$0(0) + ' to have unit "' + unit + '".', $name));
+    },
+    assertNoUnits$1($name) {
+      if (!this.get$hasUnits())
+        return;
+      throw A.wrapException(A.SassScriptException$("Expected " + this.toString$0(0) + " to have no units.", $name));
+    },
+    assertNoUnits$0() {
+      return this.assertNoUnits$1(null);
+    },
+    convertValueToMatch$3(other, $name, otherName) {
+      return this._coerceOrConvertValue$6$coerceUnitless$name$other$otherName(other.get$numeratorUnits(other), other.get$denominatorUnits(other), false, $name, other, otherName);
+    },
+    convertValueToMatch$1(other) {
+      return this.convertValueToMatch$3(other, null, null);
+    },
+    coerce$3(newNumerators, newDenominators, $name) {
+      return A.SassNumber_SassNumber$withUnits(this.coerceValue$3(newNumerators, newDenominators, $name), newDenominators, newNumerators);
+    },
+    coerce$2(newNumerators, newDenominators) {
+      return this.coerce$3(newNumerators, newDenominators, null);
+    },
+    coerceValue$3(newNumerators, newDenominators, $name) {
+      return this._coerceOrConvertValue$4$coerceUnitless$name(newNumerators, newDenominators, true, $name);
+    },
+    coerceValueToUnit$2(unit, $name) {
+      var t1 = type$.JSArray_String;
+      return this.coerceValue$3(A._setArrayType([unit], t1), A._setArrayType([], t1), $name);
+    },
+    coerceValueToUnit$1(unit) {
+      return this.coerceValueToUnit$2(unit, null);
+    },
+    coerceToMatch$3(other, $name, otherName) {
+      var t1 = this.coerceValueToMatch$3(other, $name, otherName),
+        t2 = other.get$numeratorUnits(other);
+      return A.SassNumber_SassNumber$withUnits(t1, other.get$denominatorUnits(other), t2);
+    },
+    coerceValueToMatch$3(other, $name, otherName) {
+      return this._coerceOrConvertValue$6$coerceUnitless$name$other$otherName(other.get$numeratorUnits(other), other.get$denominatorUnits(other), true, $name, other, otherName);
+    },
+    coerceValueToMatch$1(other) {
+      return this.coerceValueToMatch$3(other, null, null);
+    },
+    _coerceOrConvertValue$6$coerceUnitless$name$other$otherName(newNumerators, newDenominators, coerceUnitless, $name, other, otherName) {
+      var otherHasUnits, t1, compatibilityException, oldNumerators, _i, oldDenominators, _this = this, _box_0 = {};
+      if (B.C_ListEquality.equals$2(0, _this.get$numeratorUnits(_this), newNumerators) && B.C_ListEquality.equals$2(0, _this.get$denominatorUnits(_this), newDenominators))
+        return _this._number$_value;
+      otherHasUnits = newNumerators.length !== 0 || newDenominators.length !== 0;
+      if (coerceUnitless)
+        t1 = !_this.get$hasUnits() || !otherHasUnits;
+      else
+        t1 = false;
+      if (t1)
+        return _this._number$_value;
+      compatibilityException = new A.SassNumber__coerceOrConvertValue_compatibilityException(_this, other, otherName, otherHasUnits, $name, newNumerators, newDenominators);
+      _box_0.value = _this._number$_value;
+      t1 = _this.get$numeratorUnits(_this);
+      oldNumerators = A._setArrayType(t1.slice(0), A._arrayInstanceType(t1));
+      for (t1 = newNumerators.length, _i = 0; _i < newNumerators.length; newNumerators.length === t1 || (0, A.throwConcurrentModificationError)(newNumerators), ++_i)
+        A.removeFirstWhere(oldNumerators, new A.SassNumber__coerceOrConvertValue_closure(_box_0, newNumerators[_i]), new A.SassNumber__coerceOrConvertValue_closure0(compatibilityException));
+      t1 = _this.get$denominatorUnits(_this);
+      oldDenominators = A._setArrayType(t1.slice(0), A._arrayInstanceType(t1));
+      for (t1 = newDenominators.length, _i = 0; _i < newDenominators.length; newDenominators.length === t1 || (0, A.throwConcurrentModificationError)(newDenominators), ++_i)
+        A.removeFirstWhere(oldDenominators, new A.SassNumber__coerceOrConvertValue_closure1(_box_0, newDenominators[_i]), new A.SassNumber__coerceOrConvertValue_closure2(compatibilityException));
+      if (oldNumerators.length !== 0 || oldDenominators.length !== 0)
+        throw A.wrapException(compatibilityException.call$0());
+      return _box_0.value;
+    },
+    _coerceOrConvertValue$4$coerceUnitless$name(newNumerators, newDenominators, coerceUnitless, $name) {
+      return this._coerceOrConvertValue$6$coerceUnitless$name$other$otherName(newNumerators, newDenominators, coerceUnitless, $name, null, null);
+    },
+    isComparableTo$1(other) {
+      var exception;
+      if (!this.get$hasUnits() || !other.get$hasUnits())
+        return true;
+      try {
+        this.greaterThan$1(other);
+        return true;
+      } catch (exception) {
+        if (A.unwrapException(exception) instanceof A.SassScriptException)
+          return false;
+        else
+          throw exception;
+      }
+    },
+    greaterThan$1(other) {
+      if (other instanceof A.SassNumber)
+        return this._coerceUnits$2(other, A.number0__fuzzyGreaterThan$closure()) ? B.SassBoolean_true : B.SassBoolean_false;
+      throw A.wrapException(A.SassScriptException$('Undefined operation "' + this.toString$0(0) + " > " + other.toString$0(0) + '".', null));
+    },
+    greaterThanOrEquals$1(other) {
+      if (other instanceof A.SassNumber)
+        return this._coerceUnits$2(other, A.number0__fuzzyGreaterThanOrEquals$closure()) ? B.SassBoolean_true : B.SassBoolean_false;
+      throw A.wrapException(A.SassScriptException$('Undefined operation "' + this.toString$0(0) + " >= " + other.toString$0(0) + '".', null));
+    },
+    lessThan$1(other) {
+      if (other instanceof A.SassNumber)
+        return this._coerceUnits$2(other, A.number0__fuzzyLessThan$closure()) ? B.SassBoolean_true : B.SassBoolean_false;
+      throw A.wrapException(A.SassScriptException$('Undefined operation "' + this.toString$0(0) + " < " + other.toString$0(0) + '".', null));
+    },
+    lessThanOrEquals$1(other) {
+      if (other instanceof A.SassNumber)
+        return this._coerceUnits$2(other, A.number0__fuzzyLessThanOrEquals$closure()) ? B.SassBoolean_true : B.SassBoolean_false;
+      throw A.wrapException(A.SassScriptException$('Undefined operation "' + this.toString$0(0) + " <= " + other.toString$0(0) + '".', null));
+    },
+    modulo$1(other) {
+      if (other instanceof A.SassNumber)
+        return this.withValue$1(this._coerceUnits$2(other, A.number0__moduloLikeSass$closure()));
+      throw A.wrapException(A.SassScriptException$('Undefined operation "' + this.toString$0(0) + " % " + other.toString$0(0) + '".', null));
+    },
+    plus$1(other) {
+      var _this = this;
+      if (other instanceof A.SassNumber)
+        return _this.withValue$1(_this._coerceUnits$2(other, new A.SassNumber_plus_closure()));
+      if (!(other instanceof A.SassColor))
+        return _this.super$Value$plus(other);
+      throw A.wrapException(A.SassScriptException$('Undefined operation "' + _this.toString$0(0) + " + " + other.toString$0(0) + '".', null));
+    },
+    minus$1(other) {
+      var _this = this;
+      if (other instanceof A.SassNumber)
+        return _this.withValue$1(_this._coerceUnits$2(other, new A.SassNumber_minus_closure()));
+      if (!(other instanceof A.SassColor))
+        return _this.super$Value$minus(other);
+      throw A.wrapException(A.SassScriptException$('Undefined operation "' + _this.toString$0(0) + " - " + other.toString$0(0) + '".', null));
+    },
+    times$1(other) {
+      var _this = this;
+      if (other instanceof A.SassNumber) {
+        if (!other.get$hasUnits())
+          return _this.withValue$1(_this._number$_value * other._number$_value);
+        return _this.multiplyUnits$3(_this._number$_value * other._number$_value, other.get$numeratorUnits(other), other.get$denominatorUnits(other));
+      }
+      throw A.wrapException(A.SassScriptException$('Undefined operation "' + _this.toString$0(0) + " * " + other.toString$0(0) + '".', null));
+    },
+    dividedBy$1(other) {
+      var _this = this;
+      if (other instanceof A.SassNumber) {
+        if (!other.get$hasUnits())
+          return _this.withValue$1(_this._number$_value / other._number$_value);
+        return _this.multiplyUnits$3(_this._number$_value / other._number$_value, other.get$denominatorUnits(other), other.get$numeratorUnits(other));
+      }
+      return _this.super$Value$dividedBy(other);
+    },
+    unaryPlus$0() {
+      return this;
+    },
+    _coerceUnits$1$2(other, operation) {
+      var t1, exception;
+      try {
+        t1 = operation.call$2(this._number$_value, other.coerceValueToMatch$1(this));
+        return t1;
+      } catch (exception) {
+        if (A.unwrapException(exception) instanceof A.SassScriptException) {
+          this.coerceValueToMatch$1(other);
+          throw exception;
+        } else
+          throw exception;
+      }
+    },
+    _coerceUnits$2(other, operation) {
+      return this._coerceUnits$1$2(other, operation, type$.dynamic);
+    },
+    multiplyUnits$3(value, otherNumerators, otherDenominators) {
+      var t1, _0_1, _0_6, _0_3, _0_9, _0_9_isSet, _0_7, _0_7_isSet, t2, _0_2, denominators_case_0, _0_11_isSet, _0_13, _0_11, _0_13_isSet, numerators_case_0, t4, t3, t5, t6, t7, denominators_case_1, numerators_case_1, t0, newNumerators, mutableOtherDenominators, _i, numerator, mutableDenominatorUnits, _this = this, _null = null, _box_0 = {};
+      _box_0.value = value;
+      t1 = [_this.get$numeratorUnits(_this), _this.get$denominatorUnits(_this), otherNumerators, otherDenominators];
+      _0_1 = t1[0];
+      _0_6 = _null;
+      _0_3 = _null;
+      _0_9 = _null;
+      _0_9_isSet = false;
+      _0_7 = _null;
+      _0_7_isSet = false;
+      t2 = false;
+      _0_2 = t1[1];
+      _0_3 = t1[2];
+      _0_6 = _0_3.length <= 0;
+      _0_9_isSet = _0_6;
+      if (_0_9_isSet) {
+        _0_7 = t1[3];
+        _0_9 = _0_7.length <= 0;
+        t2 = _0_9;
+      }
+      _0_7_isSet = _0_9_isSet;
+      denominators_case_0 = _0_2;
+      _0_11_isSet = !t2;
+      _0_13 = _null;
+      if (_0_11_isSet) {
+        _0_11 = _0_1.length <= 0;
+        _0_13_isSet = _0_11;
+        if (_0_13_isSet) {
+          t2 = _0_2;
+          _0_13 = t2.length <= 0;
+          t2 = _0_13;
+          if (t2) {
+            numerators_case_0 = _0_3;
+            if (_0_7_isSet)
+              denominators_case_0 = _0_7;
+            else {
+              _0_7 = t1[3];
+              denominators_case_0 = _0_7;
+              _0_7_isSet = true;
+            }
+          } else
+            numerators_case_0 = _0_1;
+        } else {
+          numerators_case_0 = _0_1;
+          t2 = false;
+        }
+      } else {
+        numerators_case_0 = _0_1;
+        _0_11 = _null;
+        _0_13_isSet = false;
+        t2 = true;
+      }
+      if (t2) {
+        t4 = denominators_case_0;
+        t3 = numerators_case_0;
+      } else {
+        t4 = _null;
+        t3 = t4;
+      }
+      if (!t2) {
+        t2 = _null;
+        t5 = _null;
+        if (_0_11_isSet)
+          t6 = _0_11;
+        else {
+          _0_11 = _0_1.length <= 0;
+          t6 = _0_11;
+        }
+        t7 = false;
+        if (t6) {
+          denominators_case_1 = _0_2;
+          numerators_case_1 = _0_3;
+          if (_0_9_isSet)
+            t2 = _0_9;
+          else {
+            if (_0_7_isSet)
+              t2 = _0_7;
+            else {
+              _0_7 = t1[3];
+              t2 = _0_7;
+              _0_7_isSet = true;
+            }
+            _0_9 = t2.length <= 0;
+            t2 = _0_9;
+          }
+        } else {
+          numerators_case_1 = t2;
+          t2 = t7;
+          denominators_case_1 = t5;
+        }
+        if (!t2) {
+          t2 = false;
+          if (_0_13_isSet)
+            t5 = _0_13;
+          else {
+            _0_13 = _0_2.length <= 0;
+            t5 = _0_13;
+          }
+          if (t5) {
+            t2 = _0_6;
+            if (t2)
+              denominators_case_1 = _0_7_isSet ? _0_7 : t1[3];
+            t1 = t2;
+          } else
+            t1 = t2;
+          numerators_case_1 = _0_1;
+        } else
+          t1 = true;
+        if (t1) {
+          t1 = !_this._areAnyConvertible$2(numerators_case_1, denominators_case_1);
+          if (t1) {
+            t3 = denominators_case_1;
+            t2 = numerators_case_1;
+          } else {
+            t2 = t3;
+            t3 = t4;
+          }
+          t0 = t3;
+          t3 = t1;
+          t1 = t2;
+          t2 = t0;
+        } else {
+          t2 = t4;
+          t1 = t3;
+          t3 = false;
+        }
+      } else {
+        t2 = t4;
+        t1 = t3;
+        t3 = true;
+      }
+      if (t3)
+        return A.SassNumber_SassNumber$withUnits(value, t2, t1);
+      newNumerators = A._setArrayType([], type$.JSArray_String);
+      mutableOtherDenominators = A._setArrayType(otherDenominators.slice(0), A._arrayInstanceType(otherDenominators));
+      for (t1 = _this.get$numeratorUnits(_this), t2 = t1.length, _i = 0; _i < t2; ++_i) {
+        numerator = t1[_i];
+        A.removeFirstWhere(mutableOtherDenominators, new A.SassNumber_multiplyUnits_closure(_box_0, numerator), new A.SassNumber_multiplyUnits_closure0(newNumerators, numerator));
+      }
+      t1 = _this.get$denominatorUnits(_this);
+      mutableDenominatorUnits = A._setArrayType(t1.slice(0), A._arrayInstanceType(t1));
+      for (t1 = otherNumerators.length, _i = 0; _i < t1; ++_i) {
+        numerator = otherNumerators[_i];
+        A.removeFirstWhere(mutableDenominatorUnits, new A.SassNumber_multiplyUnits_closure1(_box_0, numerator), new A.SassNumber_multiplyUnits_closure2(newNumerators, numerator));
+      }
+      t1 = _box_0.value;
+      B.JSArray_methods.addAll$1(mutableDenominatorUnits, mutableOtherDenominators);
+      return A.SassNumber_SassNumber$withUnits(t1, mutableDenominatorUnits, newNumerators);
+    },
+    _areAnyConvertible$2(units1, units2) {
+      return B.JSArray_methods.any$1(units1, new A.SassNumber__areAnyConvertible_closure(units2));
+    },
+    _unitString$2(numerators, denominators) {
+      var _0_4, _0_6, t1, _0_7, _0_5, _0_9, _0_10, denominator;
+      $label0$0: {
+        _0_4 = numerators.length <= 0;
+        if (_0_4) {
+          _0_6 = denominators.length;
+          t1 = _0_6;
+          _0_7 = t1 <= 0;
+          t1 = _0_7;
+          _0_5 = denominators;
+        } else {
+          _0_7 = null;
+          _0_6 = null;
+          _0_5 = null;
+          t1 = false;
+        }
+        if (t1) {
+          t1 = "no units";
+          break $label0$0;
+        }
+        if (_0_4) {
+          t1 = _0_6;
+          _0_9 = t1 === 1;
+          t1 = _0_9;
+        } else
+          t1 = false;
+        if (t1) {
+          _0_10 = (_0_4 ? _0_5 : denominators)[0];
+          denominator = _0_10;
+          t1 = denominator + "^-1";
+          break $label0$0;
+        }
+        if (_0_4) {
+          t1 = "(" + B.JSArray_methods.join$1(denominators, "*") + ")^-1";
+          break $label0$0;
+        }
+        t1 = denominators;
+        _0_5 = t1;
+        _0_6 = t1.length;
+        t1 = _0_6;
+        _0_7 = t1 <= 0;
+        t1 = _0_7;
+        if (t1) {
+          t1 = B.JSArray_methods.join$1(numerators, "*");
+          break $label0$0;
+        }
+        t1 = _0_6;
+        _0_9 = t1 === 1;
+        t1 = _0_9;
+        if (t1) {
+          _0_10 = _0_5[0];
+          denominator = _0_10;
+          t1 = B.JSArray_methods.join$1(numerators, "*") + "/" + denominator;
+          break $label0$0;
+        }
+        t1 = B.JSArray_methods.join$1(numerators, "*") + "/(" + B.JSArray_methods.join$1(denominators, "*") + ")";
+        break $label0$0;
+      }
+      return t1;
+    },
+    $eq(_, other) {
+      var _this = this;
+      if (other == null)
+        return false;
+      if (!(other instanceof A.SassNumber))
+        return false;
+      if (_this.get$numeratorUnits(_this).length !== other.get$numeratorUnits(other).length || _this.get$denominatorUnits(_this).length !== other.get$denominatorUnits(other).length)
+        return false;
+      if (!_this.get$hasUnits())
+        return A.fuzzyEquals(_this._number$_value, other._number$_value);
+      if (!B.C_ListEquality.equals$2(0, _this._canonicalizeUnitList$1(_this.get$numeratorUnits(_this)), _this._canonicalizeUnitList$1(other.get$numeratorUnits(other))) || !B.C_ListEquality.equals$2(0, _this._canonicalizeUnitList$1(_this.get$denominatorUnits(_this)), _this._canonicalizeUnitList$1(other.get$denominatorUnits(other))))
+        return false;
+      return A.fuzzyEquals(_this._number$_value * _this._canonicalMultiplier$1(_this.get$numeratorUnits(_this)) / _this._canonicalMultiplier$1(_this.get$denominatorUnits(_this)), other._number$_value * _this._canonicalMultiplier$1(other.get$numeratorUnits(other)) / _this._canonicalMultiplier$1(other.get$denominatorUnits(other)));
+    },
+    get$hashCode(_) {
+      var _this = this,
+        t1 = _this.hashCache;
+      return t1 == null ? _this.hashCache = A.fuzzyHashCode(_this._number$_value * _this._canonicalMultiplier$1(_this.get$numeratorUnits(_this)) / _this._canonicalMultiplier$1(_this.get$denominatorUnits(_this))) : t1;
+    },
+    _canonicalizeUnitList$1(units) {
+      var type,
+        t1 = units.length;
+      if (t1 === 0)
+        return units;
+      if (t1 === 1) {
+        type = $.$get$_typesByUnit().$index(0, B.JSArray_methods.get$first(units));
+        if (type == null)
+          t1 = units;
+        else {
+          t1 = B.Map_Sr65K.$index(0, type);
+          t1.toString;
+          t1 = A._setArrayType([B.JSArray_methods.get$first(t1)], type$.JSArray_String);
+        }
+        return t1;
+      }
+      t1 = A._arrayInstanceType(units)._eval$1("MappedListIterable<1,String>");
+      t1 = A.List_List$_of(new A.MappedListIterable(units, new A.SassNumber__canonicalizeUnitList_closure(), t1), t1._eval$1("ListIterable.E"));
+      B.JSArray_methods.sort$0(t1);
+      return t1;
+    },
+    _canonicalMultiplier$1(units) {
+      return B.JSArray_methods.fold$2(units, 1, new A.SassNumber__canonicalMultiplier_closure(this));
+    },
+    canonicalMultiplierForUnit$1(unit) {
+      var t1,
+        innerMap = B.Map_NtHoP.$index(0, unit);
+      if (innerMap == null)
+        t1 = 1;
+      else {
+        t1 = innerMap.get$values(innerMap);
+        t1 = 1 / t1.get$first(t1);
+      }
+      return t1;
+    },
+    unitSuggestion$2($name, unit) {
+      var t2, t3, result, _this = this,
+        t1 = _this.get$denominatorUnits(_this);
+      t1 = new A.MappedListIterable(t1, new A.SassNumber_unitSuggestion_closure(), A._arrayInstanceType(t1)._eval$1("MappedListIterable<1,String>")).join$0(0);
+      t2 = _this.get$numeratorUnits(_this);
+      t2 = new A.MappedListIterable(t2, new A.SassNumber_unitSuggestion_closure0(), A._arrayInstanceType(t2)._eval$1("MappedListIterable<1,String>")).join$0(0);
+      t3 = unit == null ? "" : " * 1" + unit;
+      result = "$" + $name + t1 + t2 + t3;
+      return _this.get$numeratorUnits(_this).length === 0 ? result : "calc(" + result + ")";
+    },
+    unitSuggestion$1($name) {
+      return this.unitSuggestion$2($name, null);
+    }
+  };
+  A.SassNumber__coerceOrConvertValue_compatibilityException.prototype = {
+    call$0() {
+      var t2, t3, message, t4, type, unit, _this = this,
+        t1 = _this.other;
+      if (t1 != null) {
+        t2 = _this.$this;
+        t3 = t2.toString$0(0) + " and";
+        message = new A.StringBuffer(t3);
+        t4 = _this.otherName;
+        if (t4 != null)
+          t3 = message._contents = t3 + (" $" + t4 + ":");
+        t1 = t3 + (" " + t1.toString$0(0) + " have incompatible units");
+        message._contents = t1;
+        if (!t2.get$hasUnits() || !_this.otherHasUnits)
+          message._contents = t1 + " (one has units and the other doesn't)";
+        t1 = message.toString$0(0) + ".";
+        t2 = _this.name;
+        return new A.SassScriptException(t2 == null ? t1 : "$" + t2 + ": " + t1);
+      } else if (!_this.otherHasUnits) {
+        t1 = "Expected " + _this.$this.toString$0(0) + " to have no units.";
+        t2 = _this.name;
+        return new A.SassScriptException(t2 == null ? t1 : "$" + t2 + ": " + t1);
+      } else {
+        t1 = _this.newNumerators;
+        if (t1.length === 1 && _this.newDenominators.length === 0) {
+          type = $.$get$_typesByUnit().$index(0, B.JSArray_methods.get$first(t1));
+          if (type != null) {
+            t1 = _this.$this.toString$0(0);
+            t2 = B.JSArray_methods.contains$1(A._setArrayType([97, 101, 105, 111, 117], type$.JSArray_int), type.charCodeAt(0)) ? "an " + type : "a " + type;
+            t3 = B.Map_Sr65K.$index(0, type);
+            t3.toString;
+            t3 = "Expected " + t1 + " to have " + t2 + " unit (" + B.JSArray_methods.join$1(t3, ", ") + ").";
+            t2 = _this.name;
+            return new A.SassScriptException(t2 == null ? t3 : "$" + t2 + ": " + t3);
+          }
+        }
+        t2 = _this.newDenominators;
+        unit = A.pluralize("unit", t1.length + t2.length, null);
+        t3 = _this.$this;
+        t2 = "Expected " + t3.toString$0(0) + " to have " + unit + " " + t3._unitString$2(t1, t2) + ".";
+        t1 = _this.name;
+        return new A.SassScriptException(t1 == null ? t2 : "$" + t1 + ": " + t2);
+      }
+    },
+    $signature: 395
+  };
+  A.SassNumber__coerceOrConvertValue_closure.prototype = {
+    call$1(oldNumerator) {
+      var factor = A.conversionFactor(this.newNumerator, oldNumerator);
+      if (factor == null)
+        return false;
+      this._box_0.value *= factor;
+      return true;
+    },
+    $signature: 5
+  };
+  A.SassNumber__coerceOrConvertValue_closure0.prototype = {
+    call$0() {
+      return A.throwExpression(this.compatibilityException.call$0());
+    },
+    $signature: 0
+  };
+  A.SassNumber__coerceOrConvertValue_closure1.prototype = {
+    call$1(oldDenominator) {
+      var factor = A.conversionFactor(this.newDenominator, oldDenominator);
+      if (factor == null)
+        return false;
+      this._box_0.value /= factor;
+      return true;
+    },
+    $signature: 5
+  };
+  A.SassNumber__coerceOrConvertValue_closure2.prototype = {
+    call$0() {
+      return A.throwExpression(this.compatibilityException.call$0());
+    },
+    $signature: 0
+  };
+  A.SassNumber_plus_closure.prototype = {
+    call$2(num1, num2) {
+      return num1 + num2;
+    },
+    $signature: 57
+  };
+  A.SassNumber_minus_closure.prototype = {
+    call$2(num1, num2) {
+      return num1 - num2;
+    },
+    $signature: 57
+  };
+  A.SassNumber_multiplyUnits_closure.prototype = {
+    call$1(denominator) {
+      var factor = A.conversionFactor(this.numerator, denominator);
+      if (factor == null)
+        return false;
+      this._box_0.value /= factor;
+      return true;
+    },
+    $signature: 5
+  };
+  A.SassNumber_multiplyUnits_closure0.prototype = {
+    call$0() {
+      return this.newNumerators.push(this.numerator);
+    },
+    $signature: 0
+  };
+  A.SassNumber_multiplyUnits_closure1.prototype = {
+    call$1(denominator) {
+      var factor = A.conversionFactor(this.numerator, denominator);
+      if (factor == null)
+        return false;
+      this._box_0.value /= factor;
+      return true;
+    },
+    $signature: 5
+  };
+  A.SassNumber_multiplyUnits_closure2.prototype = {
+    call$0() {
+      return this.newNumerators.push(this.numerator);
+    },
+    $signature: 0
+  };
+  A.SassNumber__areAnyConvertible_closure.prototype = {
+    call$1(unit1) {
+      var t1,
+        _0_0 = B.Map_NtHoP.$index(0, unit1);
+      $label0$0: {
+        if (_0_0 != null) {
+          t1 = B.JSArray_methods.any$1(this.units2, _0_0.get$containsKey());
+          break $label0$0;
+        }
+        t1 = B.JSArray_methods.contains$1(this.units2, unit1);
+        break $label0$0;
+      }
+      return t1;
+    },
+    $signature: 5
+  };
+  A.SassNumber__canonicalizeUnitList_closure.prototype = {
+    call$1(unit) {
+      var t1,
+        type = $.$get$_typesByUnit().$index(0, unit);
+      if (type == null)
+        t1 = unit;
+      else {
+        t1 = B.Map_Sr65K.$index(0, type);
+        t1.toString;
+        t1 = B.JSArray_methods.get$first(t1);
+      }
+      return t1;
+    },
+    $signature: 6
+  };
+  A.SassNumber__canonicalMultiplier_closure.prototype = {
+    call$2(multiplier, unit) {
+      return multiplier * this.$this.canonicalMultiplierForUnit$1(unit);
+    },
+    $signature: 143
+  };
+  A.SassNumber_unitSuggestion_closure.prototype = {
+    call$1(unit) {
+      return " * 1" + unit;
+    },
+    $signature: 6
+  };
+  A.SassNumber_unitSuggestion_closure0.prototype = {
+    call$1(unit) {
+      return " / 1" + unit;
+    },
+    $signature: 6
+  };
+  A.ComplexSassNumber.prototype = {
+    get$numeratorUnits(_) {
+      return this._numeratorUnits;
+    },
+    get$denominatorUnits(_) {
+      return this._denominatorUnits;
+    },
+    get$hasUnits() {
+      return true;
+    },
+    get$hasComplexUnits() {
+      return true;
+    },
+    hasUnit$1(unit) {
+      return false;
+    },
+    compatibleWithUnit$1(unit) {
+      return false;
+    },
+    hasPossiblyCompatibleUnits$1(other) {
+      throw A.wrapException(A.UnimplementedError$(string$.Comple));
+    },
+    withValue$1(value) {
+      return new A.ComplexSassNumber(this._numeratorUnits, this._denominatorUnits, value, null);
+    },
+    withSlash$2(numerator, denominator) {
+      return new A.ComplexSassNumber(this._numeratorUnits, this._denominatorUnits, this._number$_value, new A._Record_2(numerator, denominator));
+    }
+  };
+  A.SingleUnitSassNumber.prototype = {
+    get$numeratorUnits(_) {
+      return A.List_List$unmodifiable([this._unit], type$.String);
+    },
+    get$denominatorUnits(_) {
+      return B.List_empty;
+    },
+    get$hasUnits() {
+      return true;
+    },
+    get$hasComplexUnits() {
+      return false;
+    },
+    withValue$1(value) {
+      return new A.SingleUnitSassNumber(this._unit, value, null);
+    },
+    withSlash$2(numerator, denominator) {
+      return new A.SingleUnitSassNumber(this._unit, this._number$_value, new A._Record_2(numerator, denominator));
+    },
+    hasUnit$1(unit) {
+      return unit === this._unit;
+    },
+    hasCompatibleUnits$1(other) {
+      return other instanceof A.SingleUnitSassNumber && A.conversionFactor(this._unit, other._unit) != null;
+    },
+    hasPossiblyCompatibleUnits$1(other) {
+      var t1, knownCompatibilities, otherUnit;
+      if (!(other instanceof A.SingleUnitSassNumber))
+        return false;
+      t1 = $.$get$_knownCompatibilitiesByUnit();
+      knownCompatibilities = t1.$index(0, this._unit.toLowerCase());
+      if (knownCompatibilities == null)
+        return true;
+      otherUnit = other._unit.toLowerCase();
+      return knownCompatibilities.contains$1(0, otherUnit) || !t1.containsKey$1(otherUnit);
+    },
+    compatibleWithUnit$1(unit) {
+      return A.conversionFactor(this._unit, unit) != null;
+    },
+    coerceToMatch$1(other) {
+      var t1 = other instanceof A.SingleUnitSassNumber ? this._coerceToUnit$1(other._unit) : null;
+      return t1 == null ? this.super$SassNumber$coerceToMatch(other, null, null) : t1;
+    },
+    coerceValueToMatch$3(other, $name, otherName) {
+      var t1 = other instanceof A.SingleUnitSassNumber ? this._coerceValueToUnit$1(other._unit) : null;
+      return t1 == null ? this.super$SassNumber$coerceValueToMatch(other, $name, otherName) : t1;
+    },
+    coerceValueToMatch$1(other) {
+      return this.coerceValueToMatch$3(other, null, null);
+    },
+    convertValueToMatch$3(other, $name, otherName) {
+      var t1 = other instanceof A.SingleUnitSassNumber ? this._coerceValueToUnit$1(other._unit) : null;
+      return t1 == null ? this.super$SassNumber$convertValueToMatch(other, $name, otherName) : t1;
+    },
+    convertValueToMatch$1(other) {
+      return this.convertValueToMatch$3(other, null, null);
+    },
+    coerce$2(newNumerators, newDenominators) {
+      var t1 = newNumerators.length === 1 && newDenominators.length === 0 ? this._coerceToUnit$1(newNumerators[0]) : null;
+      return t1 == null ? this.super$SassNumber$coerce(newNumerators, newDenominators, null) : t1;
+    },
+    coerceValue$3(newNumerators, newDenominators, $name) {
+      var t1 = newNumerators.length === 1 && newDenominators.length === 0 ? this._coerceValueToUnit$1(newNumerators[0]) : null;
+      return t1 == null ? this.super$SassNumber$coerceValue(newNumerators, newDenominators, $name) : t1;
+    },
+    coerceValueToUnit$2(unit, $name) {
+      var t1 = this._coerceValueToUnit$1(unit);
+      return t1 == null ? this.super$SassNumber$coerceValueToUnit(unit, $name) : t1;
+    },
+    coerceValueToUnit$1(unit) {
+      return this.coerceValueToUnit$2(unit, null);
+    },
+    _coerceToUnit$1(unit) {
+      var t1 = this._unit;
+      if (t1 === unit)
+        return this;
+      return A.NullableExtension_andThen(A.conversionFactor(unit, t1), new A.SingleUnitSassNumber__coerceToUnit_closure(this, unit));
+    },
+    _coerceValueToUnit$1(unit) {
+      return A.NullableExtension_andThen(A.conversionFactor(unit, this._unit), new A.SingleUnitSassNumber__coerceValueToUnit_closure(this));
+    },
+    multiplyUnits$3(value, otherNumerators, otherDenominators) {
+      var mutableOtherDenominators, t1 = {};
+      t1.value = value;
+      t1.newNumerators = otherNumerators;
+      mutableOtherDenominators = A._setArrayType(otherDenominators.slice(0), A._arrayInstanceType(otherDenominators));
+      A.removeFirstWhere(mutableOtherDenominators, new A.SingleUnitSassNumber_multiplyUnits_closure(t1, this), new A.SingleUnitSassNumber_multiplyUnits_closure0(t1, this));
+      return A.SassNumber_SassNumber$withUnits(t1.value, mutableOtherDenominators, t1.newNumerators);
+    },
+    unaryMinus$0() {
+      return new A.SingleUnitSassNumber(this._unit, -this._number$_value, null);
+    },
+    $eq(_, other) {
+      var factor;
+      if (other == null)
+        return false;
+      if (other instanceof A.SingleUnitSassNumber) {
+        factor = A.conversionFactor(other._unit, this._unit);
+        return factor != null && A.fuzzyEquals(this._number$_value * factor, other._number$_value);
+      } else
+        return false;
+    },
+    get$hashCode(_) {
+      var _this = this,
+        t1 = _this.hashCache;
+      return t1 == null ? _this.hashCache = A.fuzzyHashCode(_this._number$_value * _this.canonicalMultiplierForUnit$1(_this._unit)) : t1;
+    }
+  };
+  A.SingleUnitSassNumber__coerceToUnit_closure.prototype = {
+    call$1(factor) {
+      return new A.SingleUnitSassNumber(this.unit, this.$this._number$_value * factor, null);
+    },
+    $signature: 412
+  };
+  A.SingleUnitSassNumber__coerceValueToUnit_closure.prototype = {
+    call$1(factor) {
+      return this.$this._number$_value * factor;
+    },
+    $signature: 15
+  };
+  A.SingleUnitSassNumber_multiplyUnits_closure.prototype = {
+    call$1(denominator) {
+      var factor = A.conversionFactor(denominator, this.$this._unit);
+      if (factor == null)
+        return false;
+      this._box_0.value *= factor;
+      return true;
+    },
+    $signature: 5
+  };
+  A.SingleUnitSassNumber_multiplyUnits_closure0.prototype = {
+    call$0() {
+      var t1 = A._setArrayType([this.$this._unit], type$.JSArray_String),
+        t2 = this._box_0;
+      B.JSArray_methods.addAll$1(t1, t2.newNumerators);
+      t2.newNumerators = t1;
+    },
+    $signature: 0
+  };
+  A.UnitlessSassNumber.prototype = {
+    get$numeratorUnits(_) {
+      return B.List_empty;
+    },
+    get$denominatorUnits(_) {
+      return B.List_empty;
+    },
+    get$hasUnits() {
+      return false;
+    },
+    get$hasComplexUnits() {
+      return false;
+    },
+    withValue$1(value) {
+      return new A.UnitlessSassNumber(value, null);
+    },
+    withSlash$2(numerator, denominator) {
+      return new A.UnitlessSassNumber(this._number$_value, new A._Record_2(numerator, denominator));
+    },
+    hasUnit$1(unit) {
+      return false;
+    },
+    hasCompatibleUnits$1(other) {
+      return other instanceof A.UnitlessSassNumber;
+    },
+    hasPossiblyCompatibleUnits$1(other) {
+      return other instanceof A.UnitlessSassNumber;
+    },
+    compatibleWithUnit$1(unit) {
+      return true;
+    },
+    coerceToMatch$1(other) {
+      return other.withValue$1(this._number$_value);
+    },
+    coerceValueToMatch$3(other, $name, otherName) {
+      return this._number$_value;
+    },
+    coerceValueToMatch$1(other) {
+      return this.coerceValueToMatch$3(other, null, null);
+    },
+    convertValueToMatch$3(other, $name, otherName) {
+      return other.get$hasUnits() ? this.super$SassNumber$convertValueToMatch(other, $name, otherName) : this._number$_value;
+    },
+    convertValueToMatch$1(other) {
+      return this.convertValueToMatch$3(other, null, null);
+    },
+    coerce$2(newNumerators, newDenominators) {
+      return A.SassNumber_SassNumber$withUnits(this._number$_value, newDenominators, newNumerators);
+    },
+    coerceValue$3(newNumerators, newDenominators, $name) {
+      return this._number$_value;
+    },
+    coerceValueToUnit$2(unit, $name) {
+      return this._number$_value;
+    },
+    coerceValueToUnit$1(unit) {
+      return this.coerceValueToUnit$2(unit, null);
+    },
+    greaterThan$1(other) {
+      var t1, t2;
+      if (other instanceof A.SassNumber) {
+        t1 = this._number$_value;
+        t2 = other._number$_value;
+        return t1 > t2 && !A.fuzzyEquals(t1, t2) ? B.SassBoolean_true : B.SassBoolean_false;
+      }
+      return this.super$SassNumber$greaterThan(other);
+    },
+    greaterThanOrEquals$1(other) {
+      var t1, t2;
+      if (other instanceof A.SassNumber) {
+        t1 = this._number$_value;
+        t2 = other._number$_value;
+        return t1 > t2 || A.fuzzyEquals(t1, t2) ? B.SassBoolean_true : B.SassBoolean_false;
+      }
+      return this.super$SassNumber$greaterThanOrEquals(other);
+    },
+    lessThan$1(other) {
+      var t1, t2;
+      if (other instanceof A.SassNumber) {
+        t1 = this._number$_value;
+        t2 = other._number$_value;
+        return t1 < t2 && !A.fuzzyEquals(t1, t2) ? B.SassBoolean_true : B.SassBoolean_false;
+      }
+      return this.super$SassNumber$lessThan(other);
+    },
+    lessThanOrEquals$1(other) {
+      var t1, t2;
+      if (other instanceof A.SassNumber) {
+        t1 = this._number$_value;
+        t2 = other._number$_value;
+        return t1 < t2 || A.fuzzyEquals(t1, t2) ? B.SassBoolean_true : B.SassBoolean_false;
+      }
+      return this.super$SassNumber$lessThanOrEquals(other);
+    },
+    modulo$1(other) {
+      if (other instanceof A.SassNumber)
+        return other.withValue$1(A.moduloLikeSass(this._number$_value, other._number$_value));
+      return this.super$SassNumber$modulo(other);
+    },
+    plus$1(other) {
+      if (other instanceof A.SassNumber)
+        return other.withValue$1(this._number$_value + other._number$_value);
+      return this.super$SassNumber$plus(other);
+    },
+    minus$1(other) {
+      if (other instanceof A.SassNumber)
+        return other.withValue$1(this._number$_value - other._number$_value);
+      return this.super$SassNumber$minus(other);
+    },
+    times$1(other) {
+      if (other instanceof A.SassNumber)
+        return other.withValue$1(this._number$_value * other._number$_value);
+      return this.super$SassNumber$times(other);
+    },
+    dividedBy$1(other) {
+      var t1, t2;
+      if (other instanceof A.SassNumber) {
+        t1 = this._number$_value / other._number$_value;
+        if (other.get$hasUnits()) {
+          t2 = other.get$denominatorUnits(other);
+          t2 = A.SassNumber_SassNumber$withUnits(t1, other.get$numeratorUnits(other), t2);
+          t1 = t2;
+        } else
+          t1 = new A.UnitlessSassNumber(t1, null);
+        return t1;
+      }
+      return this.super$SassNumber$dividedBy(other);
+    },
+    unaryMinus$0() {
+      return new A.UnitlessSassNumber(-this._number$_value, null);
+    },
+    $eq(_, other) {
+      if (other == null)
+        return false;
+      return other instanceof A.UnitlessSassNumber && A.fuzzyEquals(this._number$_value, other._number$_value);
+    },
+    get$hashCode(_) {
+      var t1 = this.hashCache;
+      return t1 == null ? this.hashCache = A.fuzzyHashCode(this._number$_value) : t1;
+    }
+  };
+  A.SassString.prototype = {
+    get$_sassLength() {
+      var result, _this = this,
+        value = _this.__SassString__sassLength_FI;
+      if (value === $) {
+        result = new A.Runes(_this._string$_text).get$length(0);
+        _this.__SassString__sassLength_FI !== $ && A.throwUnnamedLateFieldADI();
+        _this.__SassString__sassLength_FI = result;
+        value = result;
+      }
+      return value;
+    },
+    get$isSpecialNumber() {
+      var t1, _2_0, t2, _0_0, _1_0;
+      if (this._hasQuotes)
+        return false;
+      t1 = this._string$_text;
+      if (t1.length < 6)
+        return false;
+      _2_0 = t1.charCodeAt(0);
+      $label0$0: {
+        t2 = false;
+        if (97 === _2_0 || 65 === _2_0) {
+          t1 = (t1.charCodeAt(1) | 32) === 116 && (t1.charCodeAt(2) | 32) === 116 && (t1.charCodeAt(3) | 32) === 114 && t1.charCodeAt(4) === 40;
+          break $label0$0;
+        }
+        if (99 === _2_0 || 67 === _2_0) {
+          _0_0 = t1.charCodeAt(1);
+          $label1$1: {
+            if (108 === _0_0 || 76 === _0_0) {
+              t1 = (t1.charCodeAt(2) | 32) === 97 && (t1.charCodeAt(3) | 32) === 109 && (t1.charCodeAt(4) | 32) === 112 && t1.charCodeAt(5) === 40;
+              break $label1$1;
+            }
+            if (97 === _0_0 || 65 === _0_0) {
+              t1 = (t1.charCodeAt(2) | 32) === 108 && (t1.charCodeAt(3) | 32) === 99 && t1.charCodeAt(4) === 40;
+              break $label1$1;
+            }
+            t1 = t2;
+            break $label1$1;
+          }
+          break $label0$0;
+        }
+        if (118 === _2_0 || 86 === _2_0) {
+          t1 = (t1.charCodeAt(1) | 32) === 97 && (t1.charCodeAt(2) | 32) === 114 && t1.charCodeAt(3) === 40;
+          break $label0$0;
+        }
+        if (101 === _2_0 || 69 === _2_0) {
+          t1 = (t1.charCodeAt(1) | 32) === 110 && (t1.charCodeAt(2) | 32) === 118 && t1.charCodeAt(3) === 40;
+          break $label0$0;
+        }
+        if (109 === _2_0 || 77 === _2_0) {
+          _1_0 = t1.charCodeAt(1);
+          $label2$2: {
+            if (97 === _1_0 || 65 === _1_0) {
+              t1 = (t1.charCodeAt(2) | 32) === 120 && t1.charCodeAt(3) === 40;
+              break $label2$2;
+            }
+            if (105 === _1_0 || 73 === _1_0) {
+              t1 = (t1.charCodeAt(2) | 32) === 110 && t1.charCodeAt(3) === 40;
+              break $label2$2;
+            }
+            t1 = t2;
+            break $label2$2;
+          }
+          break $label0$0;
+        }
+        t1 = t2;
+        break $label0$0;
+      }
+      return t1;
+    },
+    get$isVar() {
+      if (this._hasQuotes)
+        return false;
+      var t1 = this._string$_text;
+      if (t1.length < 8)
+        return false;
+      return (t1.charCodeAt(0) | 32) === 118 && (t1.charCodeAt(1) | 32) === 97 && (t1.charCodeAt(2) | 32) === 114 && t1.charCodeAt(3) === 40;
+    },
+    get$isBlank() {
+      return !this._hasQuotes && this._string$_text.length === 0;
+    },
+    assertQuoted$1($name) {
+      if (this._hasQuotes)
+        return;
+      throw A.wrapException(A.SassScriptException$("Expected " + this.toString$0(0) + " to be a quoted string.", $name));
+    },
+    assertUnquoted$1($name) {
+      if (!this._hasQuotes)
+        return;
+      throw A.wrapException(A.SassScriptException$("Expected " + this.toString$0(0) + " to be an unquoted string.", $name));
+    },
+    assertUnquoted$0() {
+      return this.assertUnquoted$1(null);
+    },
+    accept$1$1(visitor) {
+      var t1 = visitor._quote && this._hasQuotes,
+        t2 = this._string$_text;
+      if (t1)
+        visitor._visitQuotedString$1(t2);
+      else
+        visitor._visitUnquotedString$1(t2);
+      return null;
+    },
+    accept$1(visitor) {
+      return this.accept$1$1(visitor, type$.dynamic);
+    },
+    assertString$1($name) {
+      return this;
+    },
+    plus$1(other) {
+      var t1 = this._string$_text,
+        t2 = this._hasQuotes;
+      return other instanceof A.SassString ? new A.SassString(t1 + other._string$_text, t2) : new A.SassString(t1 + A.serializeValue(other, false, true), t2);
+    },
+    $eq(_, other) {
+      if (other == null)
+        return false;
+      return other instanceof A.SassString && this._string$_text === other._string$_text;
+    },
+    get$hashCode(_) {
+      var t1 = this._hashCache;
+      return t1 == null ? this._hashCache = B.JSString_methods.get$hashCode(this._string$_text) : t1;
+    }
+  };
+  A.AnySelectorVisitor.prototype = {
+    visitComplexSelector$1(complex) {
+      return B.JSArray_methods.any$1(complex.components, new A.AnySelectorVisitor_visitComplexSelector_closure(this));
+    },
+    visitCompoundSelector$1(compound) {
+      return B.JSArray_methods.any$1(compound.components, new A.AnySelectorVisitor_visitCompoundSelector_closure(this));
+    },
+    visitPseudoSelector$1(pseudo) {
+      var selector = pseudo.selector;
+      return selector == null ? false : this.visitSelectorList$1(selector);
+    },
+    visitSelectorList$1(list) {
+      return B.JSArray_methods.any$1(list.components, this.get$visitComplexSelector());
+    },
+    visitAttributeSelector$1(attribute) {
+      return false;
+    },
+    visitClassSelector$1(klass) {
+      return false;
+    },
+    visitIDSelector$1(id) {
+      return false;
+    },
+    visitParentSelector$1($parent) {
+      return false;
+    },
+    visitPlaceholderSelector$1(placeholder) {
+      return false;
+    },
+    visitTypeSelector$1(type) {
+      return false;
+    },
+    visitUniversalSelector$1(universal) {
+      return false;
+    }
+  };
+  A.AnySelectorVisitor_visitComplexSelector_closure.prototype = {
+    call$1(component) {
+      return this.$this.visitCompoundSelector$1(component.selector);
+    },
+    $signature: 51
+  };
+  A.AnySelectorVisitor_visitCompoundSelector_closure.prototype = {
+    call$1(simple) {
+      return simple.accept$1(this.$this);
+    },
+    $signature: 13
+  };
+  A._EvaluateVisitor0.prototype = {
+    _EvaluateVisitor$6$functions$importCache$logger$nodeImporter$quietDeps$sourceMap0(functions, importCache, logger, nodeImporter, quietDeps, sourceMap) {
+      var t2, metaModule, t3, _i, module, $function, t4, _this = this,
+        _s20_ = "$name, $module: null",
+        _s9_ = "sass:meta",
+        _s7_ = "$module",
+        t1 = type$.JSArray_AsyncBuiltInCallable,
+        metaFunctions = A._setArrayType([A.BuiltInCallable$function("global-variable-exists", _s20_, new A._EvaluateVisitor_closure12(_this), _s9_), A.BuiltInCallable$function("variable-exists", "$name", new A._EvaluateVisitor_closure13(_this), _s9_), A.BuiltInCallable$function("function-exists", _s20_, new A._EvaluateVisitor_closure14(_this), _s9_), A.BuiltInCallable$function("mixin-exists", _s20_, new A._EvaluateVisitor_closure15(_this), _s9_), A.BuiltInCallable$function("content-exists", "", new A._EvaluateVisitor_closure16(_this), _s9_), A.BuiltInCallable$function("module-variables", _s7_, new A._EvaluateVisitor_closure17(_this), _s9_), A.BuiltInCallable$function("module-functions", _s7_, new A._EvaluateVisitor_closure18(_this), _s9_), A.BuiltInCallable$function("module-mixins", _s7_, new A._EvaluateVisitor_closure19(_this), _s9_), A.BuiltInCallable$function("get-function", "$name, $css: false, $module: null", new A._EvaluateVisitor_closure20(_this), _s9_), A.BuiltInCallable$function("get-mixin", _s20_, new A._EvaluateVisitor_closure21(_this), _s9_), new A.AsyncBuiltInCallable("call", A.ScssParser$("@function call($function, $args...) {", _s9_).parseParameterList$0(), new A._EvaluateVisitor_closure22(_this), false)], t1),
+        metaMixins = A._setArrayType([A.AsyncBuiltInCallable$mixin("load-css", "$url, $with: null", new A._EvaluateVisitor_closure23(_this), false, _s9_), A.AsyncBuiltInCallable$mixin("apply", "$mixin, $args...", new A._EvaluateVisitor_closure24(_this), true, _s9_)], t1);
+      t1 = type$.AsyncBuiltInCallable;
+      t2 = A.List_List$_of($.$get$moduleFunctions(), t1);
+      B.JSArray_methods.addAll$1(t2, metaFunctions);
+      metaModule = A.BuiltInModule$("meta", t2, metaMixins, null, t1);
+      t1 = A.List_List$_of($.$get$coreModules(), type$.BuiltInModule_AsyncCallable);
+      t1.push(metaModule);
+      t2 = t1.length;
+      t3 = _this._async_evaluate$_builtInModules;
+      _i = 0;
+      for (; _i < t1.length; t1.length === t2 || (0, A.throwConcurrentModificationError)(t1), ++_i) {
+        module = t1[_i];
+        t3.$indexSet(0, module.url, module);
+      }
+      t1 = type$.JSArray_AsyncCallable;
+      t2 = A._setArrayType([], t1);
+      B.JSArray_methods.addAll$1(t2, $.$get$globalFunctions());
+      t1 = A._setArrayType([], t1);
+      for (_i = 0; _i < 11; ++_i)
+        t1.push(metaFunctions[_i].withDeprecationWarning$1("meta"));
+      B.JSArray_methods.addAll$1(t2, t1);
+      for (t1 = t2.length, t3 = _this._async_evaluate$_builtInFunctions, _i = 0; _i < t2.length; t2.length === t1 || (0, A.throwConcurrentModificationError)(t2), ++_i) {
+        $function = t2[_i];
+        t4 = $function.get$name($function);
+        t3.$indexSet(0, A.stringReplaceAllUnchecked(t4, "_", "-"), $function);
+      }
+    },
+    run$2(_, importer, node) {
+      return this.run$body$_EvaluateVisitor(0, importer, node);
+    },
+    run$body$_EvaluateVisitor(_, importer, node) {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.Record_2_Set_Uri_loadedUrls_and_CssStylesheet_stylesheet),
+        $async$returnValue, $async$handler = 2, $async$errorStack = [], $async$self = this, error, stackTrace, t1, exception, $async$exception;
+      var $async$run$2 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1) {
+          $async$errorStack.push($async$result);
+          $async$goto = $async$handler;
+        }
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              $async$handler = 4;
+              t1 = type$.nullable_Object;
+              t1 = A.runZoned(new A._EvaluateVisitor_run_closure0($async$self, node, importer), A.LinkedHashMap_LinkedHashMap$_literal([B.Symbol__evaluationContext, new A._EvaluationContext0($async$self, node)], t1, t1), type$.FutureOr_Record_2_Set_Uri_loadedUrls_and_CssStylesheet_stylesheet);
+              $async$goto = 7;
+              return A._asyncAwait(type$.Future_Record_2_Set_Uri_loadedUrls_and_CssStylesheet_stylesheet._is(t1) ? t1 : A._Future$value(t1, type$.Record_2_Set_Uri_loadedUrls_and_CssStylesheet_stylesheet), $async$run$2);
+            case 7:
+              // returning from await.
+              t1 = $async$result;
+              $async$returnValue = t1;
+              // goto return
+              $async$goto = 1;
+              break;
+              $async$handler = 2;
+              // goto after finally
+              $async$goto = 6;
+              break;
+            case 4:
+              // catch
+              $async$handler = 3;
+              $async$exception = $async$errorStack.pop();
+              t1 = A.unwrapException($async$exception);
+              if (t1 instanceof A.SassException) {
+                error = t1;
+                stackTrace = A.getTraceFromException($async$exception);
+                A.throwWithTrace(error.withLoadedUrls$1($async$self._async_evaluate$_loadedUrls), error, stackTrace);
+              } else
+                throw $async$exception;
+              // goto after finally
+              $async$goto = 6;
+              break;
+            case 3:
+              // uncaught
+              // goto rethrow
+              $async$goto = 2;
+              break;
+            case 6:
+              // after finally
+            case 1:
+              // return
+              return A._asyncReturn($async$returnValue, $async$completer);
+            case 2:
+              // rethrow
+              return A._asyncRethrow($async$errorStack.at(-1), $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$run$2, $async$completer);
+    },
+    _async_evaluate$_assertInModule$1$2(value, $name) {
+      if (value != null)
+        return value;
+      throw A.wrapException(A.StateError$("Can't access " + $name + " outside of a module."));
+    },
+    _async_evaluate$_assertInModule$2(value, $name) {
+      return this._async_evaluate$_assertInModule$1$2(value, $name, type$.dynamic);
+    },
+    _async_evaluate$_loadModule$7$baseUrl$configuration$namesInErrors(url, stackFrame, nodeWithSpan, callback, baseUrl, configuration, namesInErrors) {
+      return this._loadModule$body$_EvaluateVisitor(url, stackFrame, nodeWithSpan, callback, baseUrl, configuration, namesInErrors);
+    },
+    _async_evaluate$_loadModule$5$configuration(url, stackFrame, nodeWithSpan, callback, configuration) {
+      return this._async_evaluate$_loadModule$7$baseUrl$configuration$namesInErrors(url, stackFrame, nodeWithSpan, callback, null, configuration, false);
+    },
+    _async_evaluate$_loadModule$4(url, stackFrame, nodeWithSpan, callback) {
+      return this._async_evaluate$_loadModule$7$baseUrl$configuration$namesInErrors(url, stackFrame, nodeWithSpan, callback, null, null, false);
+    },
+    _loadModule$body$_EvaluateVisitor(url, stackFrame, nodeWithSpan, callback, baseUrl, configuration, namesInErrors) {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.void),
+        $async$returnValue, $async$self = this, t2, _0_0, t1;
+      var $async$_async_evaluate$_loadModule$7$baseUrl$configuration$namesInErrors = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              _0_0 = $async$self._async_evaluate$_builtInModules.$index(0, url);
+              t1 = {};
+              t1.builtInModule = null;
+              $async$goto = _0_0 != null ? 3 : 4;
+              break;
+            case 3:
+              // then
+              t1.builtInModule = _0_0;
+              if (configuration instanceof A.ExplicitConfiguration) {
+                t1 = namesInErrors ? "Built-in module " + url.toString$0(0) + " can't be configured." : "Built-in modules can't be configured.";
+                t2 = configuration.nodeWithSpan;
+                throw A.wrapException($async$self._async_evaluate$_exception$2(t1, t2.get$span(t2)));
+              }
+              $async$goto = 5;
+              return A._asyncAwait($async$self._addExceptionSpanAsync$1$2(nodeWithSpan, new A._EvaluateVisitor__loadModule_closure1(t1, callback), type$.void), $async$_async_evaluate$_loadModule$7$baseUrl$configuration$namesInErrors);
+            case 5:
+              // returning from await.
+              // goto return
+              $async$goto = 1;
+              break;
+            case 4:
+              // join
+              $async$goto = 6;
+              return A._asyncAwait($async$self._async_evaluate$_withStackFrame$1$3(stackFrame, nodeWithSpan, new A._EvaluateVisitor__loadModule_closure2($async$self, url, nodeWithSpan, baseUrl, namesInErrors, configuration, callback), type$.Null), $async$_async_evaluate$_loadModule$7$baseUrl$configuration$namesInErrors);
+            case 6:
+              // returning from await.
+            case 1:
+              // return
+              return A._asyncReturn($async$returnValue, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$_async_evaluate$_loadModule$7$baseUrl$configuration$namesInErrors, $async$completer);
+    },
+    _async_evaluate$_execute$5$configuration$namesInErrors$nodeWithSpan(importer, stylesheet, configuration, namesInErrors, nodeWithSpan) {
+      return this._execute$body$_EvaluateVisitor(importer, stylesheet, configuration, namesInErrors, nodeWithSpan);
+    },
+    _async_evaluate$_execute$2(importer, stylesheet) {
+      return this._async_evaluate$_execute$5$configuration$namesInErrors$nodeWithSpan(importer, stylesheet, null, false, null);
+    },
+    _execute$body$_EvaluateVisitor(importer, stylesheet, configuration, namesInErrors, nodeWithSpan) {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.Module_AsyncCallable),
+        $async$returnValue, $async$self = this, currentConfiguration, t2, _0_0, t3, message, existingSpan, configurationSpan, environment, css, preModuleComments, extensionStore, module, t1, url;
+      var $async$_async_evaluate$_execute$5$configuration$namesInErrors$nodeWithSpan = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              t1 = stylesheet.span;
+              url = t1.get$sourceUrl(t1);
+              t1 = configuration == null;
+              currentConfiguration = t1 ? $async$self._async_evaluate$_configuration : configuration;
+              t2 = $async$self._async_evaluate$_modules;
+              _0_0 = t2.$index(0, url);
+              if (_0_0 != null) {
+                t2 = $async$self._async_evaluate$_moduleConfigurations.$index(0, url);
+                t3 = t2.__originalConfiguration;
+                t2 = t3 == null ? t2 : t3;
+                t3 = currentConfiguration.__originalConfiguration;
+                if (t2 !== (t3 == null ? currentConfiguration : t3) && currentConfiguration instanceof A.ExplicitConfiguration && _0_0.couldHaveBeenConfigured$1(new A.MapKeySet(new A.UnmodifiableMapView(currentConfiguration._configuration$_values, type$.UnmodifiableMapView_String_ConfiguredValue), type$.MapKeySet_String))) {
+                  if (namesInErrors) {
+                    t2 = $.$get$context();
+                    url.toString;
+                    message = t2.prettyUri$1(url) + string$.x20was_a;
+                  } else
+                    message = string$.This_mw;
+                  t2 = $async$self._async_evaluate$_moduleNodes.$index(0, url);
+                  existingSpan = t2 == null ? null : t2.get$span(t2);
+                  if (t1) {
+                    t1 = currentConfiguration.nodeWithSpan;
+                    configurationSpan = t1.get$span(t1);
+                  } else
+                    configurationSpan = null;
+                  t1 = A.LinkedHashMap_LinkedHashMap$_empty(type$.FileSpan, type$.String);
+                  if (existingSpan != null)
+                    t1.$indexSet(0, existingSpan, "original load");
+                  if (configurationSpan != null)
+                    t1.$indexSet(0, configurationSpan, "configuration");
+                  throw A.wrapException(t1.get$isEmpty(0) ? $async$self._async_evaluate$_exception$1(message) : $async$self._async_evaluate$_multiSpanException$3(message, "new load", t1));
+                }
+                $async$returnValue = _0_0;
+                // goto return
+                $async$goto = 1;
+                break;
+              }
+              environment = A.AsyncEnvironment$();
+              css = A._Cell$();
+              preModuleComments = A._Cell$();
+              extensionStore = A.ExtensionStore$();
+              $async$goto = 3;
+              return A._asyncAwait($async$self._async_evaluate$_withEnvironment$1$2(environment, new A._EvaluateVisitor__execute_closure0($async$self, importer, stylesheet, extensionStore, configuration, css, preModuleComments), type$.Null), $async$_async_evaluate$_execute$5$configuration$namesInErrors$nodeWithSpan);
+            case 3:
+              // returning from await.
+              t1 = css._readLocal$0();
+              t3 = preModuleComments._readLocal$0();
+              module = environment.toModule$3(t1, t3 == null ? B.Map_empty7 : t3, extensionStore);
+              if (url != null) {
+                t2.$indexSet(0, url, module);
+                $async$self._async_evaluate$_moduleConfigurations.$indexSet(0, url, currentConfiguration);
+                if (nodeWithSpan != null)
+                  $async$self._async_evaluate$_moduleNodes.$indexSet(0, url, nodeWithSpan);
+              }
+              $async$returnValue = module;
+              // goto return
+              $async$goto = 1;
+              break;
+            case 1:
+              // return
+              return A._asyncReturn($async$returnValue, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$_async_evaluate$_execute$5$configuration$namesInErrors$nodeWithSpan, $async$completer);
+    },
+    _async_evaluate$_addOutOfOrderImports$0() {
+      var t1, t2, _this = this, _s5_ = "_root",
+        _s13_ = "_endOfImports",
+        _0_0 = _this._async_evaluate$_outOfOrderImports;
+      $label0$0: {
+        if (_0_0 == null) {
+          t1 = _this._async_evaluate$_assertInModule$2(_this._async_evaluate$__root, _s5_).children;
+          break $label0$0;
+        }
+        t1 = _this._async_evaluate$_assertInModule$2(_this._async_evaluate$__root, _s5_).children;
+        t1 = A.List_List$_of(A.SubListIterable$(t1, 0, A.checkNotNullable(_this._async_evaluate$_assertInModule$2(_this._async_evaluate$__endOfImports, _s13_), "count", type$.int), t1.$ti._eval$1("ListBase.E")), type$.ModifiableCssNode);
+        B.JSArray_methods.addAll$1(t1, _0_0);
+        t2 = _this._async_evaluate$_assertInModule$2(_this._async_evaluate$__root, _s5_).children;
+        B.JSArray_methods.addAll$1(t1, A.SubListIterable$(t2, _this._async_evaluate$_assertInModule$2(_this._async_evaluate$__endOfImports, _s13_), null, t2.$ti._eval$1("ListBase.E")));
+        break $label0$0;
+      }
+      return t1;
+    },
+    _async_evaluate$_combineCss$2$clone(root, clone) {
+      var selectors, _0_0, t1, imports, css, sorted, t2;
+      if (!B.JSArray_methods.any$1(root.get$upstream(), new A._EvaluateVisitor__combineCss_closure1())) {
+        selectors = root.get$extensionStore().get$simpleSelectors();
+        _0_0 = A.IterableExtension_get_firstOrNull(root.get$extensionStore().extensionsWhereTarget$1(new A._EvaluateVisitor__combineCss_closure2(selectors)));
+        if (_0_0 != null)
+          this._async_evaluate$_throwForUnsatisfiedExtension$1(_0_0);
+        return root.get$css(root);
+      }
+      t1 = type$.JSArray_CssNode;
+      imports = A._setArrayType([], t1);
+      css = A._setArrayType([], t1);
+      t1 = type$.Module_AsyncCallable;
+      sorted = A.ListQueue$(t1);
+      new A._EvaluateVisitor__combineCss_visitModule0(this, A.LinkedHashSet_LinkedHashSet$_empty(t1), clone, css, imports, sorted).call$1(root);
+      if (root.get$transitivelyContainsExtensions())
+        this._async_evaluate$_extendModules$1(sorted);
+      t1 = B.JSArray_methods.$add(imports, css);
+      t2 = root.get$css(root);
+      return new A.CssStylesheet(new A.UnmodifiableListView(t1, type$.UnmodifiableListView_CssNode), t2.get$span(t2));
+    },
+    _async_evaluate$_combineCss$1(root) {
+      return this._async_evaluate$_combineCss$2$clone(root, false);
+    },
+    _async_evaluate$_extendModules$1(sortedModules) {
+      var t1, t2, t3, originalSelectors, $self, t4, t5, _i, upstream, _0_0,
+        downstreamExtensionStores = A.LinkedHashMap_LinkedHashMap$_empty(type$.Uri, type$.List_ExtensionStore),
+        unsatisfiedExtensions = new A._LinkedIdentityHashSet(type$._LinkedIdentityHashSet_Extension);
+      for (t1 = A._ListQueueIterator$(sortedModules, sortedModules.$ti._precomputed1), t2 = t1.$ti._precomputed1; t1.moveNext$0();) {
+        t3 = t1._collection$_current;
+        if (t3 == null)
+          t3 = t2._as(t3);
+        originalSelectors = t3.get$extensionStore().get$simpleSelectors().toSet$0(0);
+        unsatisfiedExtensions.addAll$1(0, t3.get$extensionStore().extensionsWhereTarget$1(new A._EvaluateVisitor__extendModules_closure1(originalSelectors)));
+        $self = downstreamExtensionStores.$index(0, t3.get$url(t3));
+        t4 = t3.get$extensionStore().get$addExtensions();
+        if ($self != null)
+          t4.call$1($self);
+        t4 = t3.get$extensionStore();
+        if (t4.get$isEmpty(t4))
+          continue;
+        for (t4 = t3.get$upstream(), t5 = t4.length, _i = 0; _i < t4.length; t4.length === t5 || (0, A.throwConcurrentModificationError)(t4), ++_i) {
+          upstream = t4[_i];
+          _0_0 = upstream.get$url(upstream);
+          if (_0_0 != null)
+            J.add$1$ax(downstreamExtensionStores.putIfAbsent$2(_0_0, new A._EvaluateVisitor__extendModules_closure2()), t3.get$extensionStore());
+        }
+        unsatisfiedExtensions.removeAll$1(t3.get$extensionStore().extensionsWhereTarget$1(originalSelectors.get$contains(originalSelectors)));
+      }
+      if (unsatisfiedExtensions._collection$_length !== 0)
+        this._async_evaluate$_throwForUnsatisfiedExtension$1(unsatisfiedExtensions.get$first(0));
+    },
+    _async_evaluate$_throwForUnsatisfiedExtension$1(extension) {
+      throw A.wrapException(A.SassException$(string$.The_ta + extension.target.toString$0(0) + ' !optional" to avoid this error.', extension.span, null));
+    },
+    _async_evaluate$_indexAfterImports$1(statements) {
+      var t1, lastImport, i, _0_0;
+      for (t1 = J.getInterceptor$asx(statements), lastImport = -1, i = 0; i < t1.get$length(statements); ++i) {
+        $label0$0: {
+          _0_0 = t1.$index(statements, i);
+          if (_0_0 instanceof A.ModifiableCssImport)
+            break $label0$0;
+          if (_0_0 instanceof A.ModifiableCssComment)
+            continue;
+          break;
+        }
+        lastImport = i;
+      }
+      return lastImport + 1;
+    },
+    visitStylesheet$1(_, node) {
+      return this.visitStylesheet$body$_EvaluateVisitor(0, node);
+    },
+    visitStylesheet$body$_EvaluateVisitor(_, node) {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.nullable_Value),
+        $async$returnValue, $async$self = this, t1, t2, warning, _i, $name, span;
+      var $async$visitStylesheet$1 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              for (t1 = node.parseTimeWarnings, t2 = t1.$ti, t1 = new A.ListIterator(t1, t1.get$length(0), t2._eval$1("ListIterator<ListBase.E>")), t2 = t2._eval$1("ListBase.E"); t1.moveNext$0();) {
+                warning = t1.__internal$_current;
+                if (warning == null)
+                  warning = t2._as(warning);
+                $async$self._async_evaluate$_warn$3(warning._1, warning._2, warning._0);
+              }
+              t1 = node.children, t2 = t1.length, _i = 0;
+            case 3:
+              // for condition
+              if (!(_i < t2)) {
+                // goto after for
+                $async$goto = 5;
+                break;
+              }
+              $async$goto = 6;
+              return A._asyncAwait(t1[_i].accept$1($async$self), $async$visitStylesheet$1);
+            case 6:
+              // returning from await.
+            case 4:
+              // for update
+              ++_i;
+              // goto for condition
+              $async$goto = 3;
+              break;
+            case 5:
+              // after for
+              for (t1 = A.MapExtensions_get_pairs(node.globalVariables, type$.String, type$.FileSpan), t1 = t1.get$iterator(t1); t1.moveNext$0();) {
+                t2 = t1.get$current(t1);
+                $name = t2._0;
+                span = t2._1;
+                $async$self.visitVariableDeclaration$1(0, new A.VariableDeclaration(null, $name, new A.NullExpression(span), true, false, span));
+              }
+              $async$returnValue = null;
+              // goto return
+              $async$goto = 1;
+              break;
+            case 1:
+              // return
+              return A._asyncReturn($async$returnValue, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$visitStylesheet$1, $async$completer);
+    },
+    visitAtRootRule$1(_, node) {
+      return this.visitAtRootRule$body$_EvaluateVisitor(0, node);
+    },
+    visitAtRootRule$body$_EvaluateVisitor(_, node) {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.nullable_Value),
+        $async$returnValue, $async$self = this, _1_0, resolved, query, $parent, included, t1, _2_0, root, first, rest, innerCopy, outerCopy, _i, copy, _0_0;
+      var $async$visitAtRootRule$1 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              _0_0 = node.query;
+              $async$goto = _0_0 != null ? 3 : 5;
+              break;
+            case 3:
+              // then
+              $async$goto = 6;
+              return A._asyncAwait($async$self._async_evaluate$_performInterpolationWithMap$2$warnForColor(_0_0, true), $async$visitAtRootRule$1);
+            case 6:
+              // returning from await.
+              _1_0 = $async$result;
+              resolved = _1_0._0;
+              _1_0._1;
+              query = new A.AtRootQueryParser(A.SpanScanner$(resolved, null), null).parse$0(0);
+              // goto join
+              $async$goto = 4;
+              break;
+            case 5:
+              // else
+              query = B.AtRootQuery_bfj;
+            case 4:
+              // join
+              $parent = $async$self._async_evaluate$_assertInModule$2($async$self._async_evaluate$__parent, "__parent");
+              included = A._setArrayType([], type$.JSArray_ModifiableCssParentNode);
+              for (t1 = type$.CssStylesheet; !t1._is($parent); $parent = _2_0) {
+                if (!query.excludes$1($parent))
+                  included.push($parent);
+                _2_0 = $parent._parent;
+                if (_2_0 == null)
+                  throw A.wrapException(A.StateError$(string$.CssNod));
+              }
+              root = $async$self._async_evaluate$_trimIncluded$1(included);
+              $async$goto = root === $async$self._async_evaluate$_assertInModule$2($async$self._async_evaluate$__parent, "__parent") ? 7 : 8;
+              break;
+            case 7:
+              // then
+              $async$goto = 9;
+              return A._asyncAwait($async$self._async_evaluate$_environment.scope$1$2$when(new A._EvaluateVisitor_visitAtRootRule_closure1($async$self, node), node.hasDeclarations, type$.Null), $async$visitAtRootRule$1);
+            case 9:
+              // returning from await.
+              $async$returnValue = null;
+              // goto return
+              $async$goto = 1;
+              break;
+            case 8:
+              // join
+              if (included.length >= 1) {
+                first = included[0];
+                rest = B.JSArray_methods.sublist$1(included, 1);
+                innerCopy = first.copyWithoutChildren$0();
+                for (t1 = rest.length, outerCopy = innerCopy, _i = 0; _i < rest.length; rest.length === t1 || (0, A.throwConcurrentModificationError)(rest), ++_i, outerCopy = copy) {
+                  copy = rest[_i].copyWithoutChildren$0();
+                  copy.addChild$1(outerCopy);
+                }
+                root.addChild$1(outerCopy);
+              } else
+                innerCopy = root;
+              $async$goto = 10;
+              return A._asyncAwait($async$self._async_evaluate$_scopeForAtRoot$4(node, innerCopy, query, included).call$1(new A._EvaluateVisitor_visitAtRootRule_closure2($async$self, node)), $async$visitAtRootRule$1);
+            case 10:
+              // returning from await.
+              $async$returnValue = null;
+              // goto return
+              $async$goto = 1;
+              break;
+            case 1:
+              // return
+              return A._asyncReturn($async$returnValue, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$visitAtRootRule$1, $async$completer);
+    },
+    _async_evaluate$_trimIncluded$1(nodes) {
+      var $parent, t1, innermostContiguous, i, t2, _0_0, _1_0, root, _this = this, _null = null, _s5_ = "_root",
+        _s22_ = " to be an ancestor of ";
+      if (nodes.length === 0)
+        return _this._async_evaluate$_assertInModule$2(_this._async_evaluate$__root, _s5_);
+      $parent = _this._async_evaluate$_assertInModule$2(_this._async_evaluate$__parent, "__parent");
+      for (t1 = nodes.length, innermostContiguous = _null, i = 0; i < t1; ++i, $parent = _1_0) {
+        for (; t2 = nodes[i], $parent !== t2; innermostContiguous = _null, $parent = _0_0) {
+          _0_0 = $parent._parent;
+          if (_0_0 == null)
+            throw A.wrapException(A.ArgumentError$("Expected " + t2.toString$0(0) + _s22_ + _this.toString$0(0) + ".", _null));
+        }
+        if (innermostContiguous == null)
+          innermostContiguous = i;
+        _1_0 = $parent._parent;
+        if (_1_0 == null)
+          throw A.wrapException(A.ArgumentError$("Expected " + t2.toString$0(0) + _s22_ + _this.toString$0(0) + ".", _null));
+      }
+      if ($parent !== _this._async_evaluate$_assertInModule$2(_this._async_evaluate$__root, _s5_))
+        return _this._async_evaluate$_assertInModule$2(_this._async_evaluate$__root, _s5_);
+      innermostContiguous.toString;
+      root = nodes[innermostContiguous];
+      B.JSArray_methods.removeRange$2(nodes, innermostContiguous, nodes.length);
+      return root;
+    },
+    _async_evaluate$_scopeForAtRoot$4(node, newParent, query, included) {
+      var _this = this,
+        scope = new A._EvaluateVisitor__scopeForAtRoot_closure5(_this, newParent, node),
+        t1 = query._all || query._at_root_query$_rule;
+      if (t1 !== query.include)
+        scope = new A._EvaluateVisitor__scopeForAtRoot_closure6(_this, scope);
+      if (_this._async_evaluate$_mediaQueries != null && query.excludesName$1("media"))
+        scope = new A._EvaluateVisitor__scopeForAtRoot_closure7(_this, scope);
+      if (_this._async_evaluate$_inKeyframes && query.excludesName$1("keyframes"))
+        scope = new A._EvaluateVisitor__scopeForAtRoot_closure8(_this, scope);
+      return _this._async_evaluate$_inUnknownAtRule && !B.JSArray_methods.any$1(included, new A._EvaluateVisitor__scopeForAtRoot_closure9()) ? new A._EvaluateVisitor__scopeForAtRoot_closure10(_this, scope) : scope;
+    },
+    visitContentBlock$1(_, node) {
+      return A.throwExpression(A.UnsupportedError$(string$.Evalua));
+    },
+    visitContentRule$1(_, node) {
+      return this.visitContentRule$body$_EvaluateVisitor(0, node);
+    },
+    visitContentRule$body$_EvaluateVisitor(_, node) {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.nullable_Value),
+        $async$returnValue, $async$self = this, $content;
+      var $async$visitContentRule$1 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              $content = $async$self._async_evaluate$_environment._async_environment$_content;
+              if ($content == null) {
+                $async$returnValue = null;
+                // goto return
+                $async$goto = 1;
+                break;
+              }
+              $async$goto = 3;
+              return A._asyncAwait($async$self._async_evaluate$_runUserDefinedCallable$1$4(node.$arguments, $content, node, new A._EvaluateVisitor_visitContentRule_closure0($async$self, $content), type$.Null), $async$visitContentRule$1);
+            case 3:
+              // returning from await.
+              $async$returnValue = null;
+              // goto return
+              $async$goto = 1;
+              break;
+            case 1:
+              // return
+              return A._asyncReturn($async$returnValue, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$visitContentRule$1, $async$completer);
+    },
+    visitDebugRule$1(_, node) {
+      return this.visitDebugRule$body$_EvaluateVisitor(0, node);
+    },
+    visitDebugRule$body$_EvaluateVisitor(_, node) {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.nullable_Value),
+        $async$returnValue, $async$self = this, value, t1;
+      var $async$visitDebugRule$1 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              $async$goto = 3;
+              return A._asyncAwait(node.expression.accept$1($async$self), $async$visitDebugRule$1);
+            case 3:
+              // returning from await.
+              value = $async$result;
+              t1 = value instanceof A.SassString ? value._string$_text : A.serializeValue(value, true, true);
+              $async$self._async_evaluate$_logger.debug$2(0, t1, node.span);
+              $async$returnValue = null;
+              // goto return
+              $async$goto = 1;
+              break;
+            case 1:
+              // return
+              return A._asyncReturn($async$returnValue, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$visitDebugRule$1, $async$completer);
+    },
+    visitDeclaration$1(_, node) {
+      return this.visitDeclaration$body$_EvaluateVisitor(0, node);
+    },
+    visitDeclaration$body$_EvaluateVisitor(_, node) {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.nullable_Value),
+        $async$returnValue, $async$self = this, t1, $name, _0_0, _1_0, value, t2, t3, t4, t5, t6, _2_0, oldDeclarationName;
+      var $async$visitDeclaration$1 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              if (($async$self._async_evaluate$_atRootExcludingStyleRule ? null : $async$self._async_evaluate$_styleRuleIgnoringAtRoot) == null && !$async$self._async_evaluate$_inUnknownAtRule && !$async$self._async_evaluate$_inKeyframes)
+                throw A.wrapException($async$self._async_evaluate$_exception$2(string$.Declarm, node.span));
+              if ($async$self._async_evaluate$_declarationName != null && B.JSString_methods.startsWith$1(node.name.get$initialPlain(), "--"))
+                throw A.wrapException($async$self._async_evaluate$_exception$2(string$.Declarw, node.span));
+              t1 = node.name;
+              $async$goto = 3;
+              return A._asyncAwait($async$self._async_evaluate$_interpolationToValue$2$warnForColor(t1, true), $async$visitDeclaration$1);
+            case 3:
+              // returning from await.
+              $name = $async$result;
+              _0_0 = $async$self._async_evaluate$_declarationName;
+              if (_0_0 != null)
+                $name = new A.CssValue(_0_0 + "-" + $name.value, $name.span, type$.CssValue_String);
+              _1_0 = node.value;
+              $async$goto = _1_0 != null ? 4 : 5;
+              break;
+            case 4:
+              // then
+              $async$goto = 6;
+              return A._asyncAwait(_1_0.accept$1($async$self), $async$visitDeclaration$1);
+            case 6:
+              // returning from await.
+              value = $async$result;
+              if (!value.get$isBlank() || value.get$asList().length === 0 || B.JSString_methods.startsWith$1($name.value, "--")) {
+                $async$self._async_evaluate$_copyParentAfterSibling$0();
+                t2 = $async$self._async_evaluate$_assertInModule$2($async$self._async_evaluate$__parent, "__parent");
+                t3 = _1_0.get$span(_1_0);
+                t4 = node.span;
+                t1 = B.JSString_methods.startsWith$1(t1.get$initialPlain(), "--");
+                t5 = $async$self._async_evaluate$_stackTrace$1(t4);
+                if ($async$self._async_evaluate$_sourceMap) {
+                  t6 = A.NullableExtension_andThen(_1_0, $async$self.get$_async_evaluate$_expressionNode());
+                  t6 = t6 == null ? null : J.get$span$z(t6);
+                } else
+                  t6 = null;
+                t2.addChild$1(A.ModifiableCssDeclaration$($name, new A.CssValue(value, t3, type$.CssValue_Value), t4, t1, t5, t6));
+              }
+            case 5:
+              // join
+              _2_0 = node.children;
+              t1 = {};
+              t1.children = null;
+              $async$goto = _2_0 != null ? 7 : 8;
+              break;
+            case 7:
+              // then
+              t1.children = _2_0;
+              oldDeclarationName = $async$self._async_evaluate$_declarationName;
+              $async$self._async_evaluate$_declarationName = $name.value;
+              $async$goto = 9;
+              return A._asyncAwait($async$self._async_evaluate$_environment.scope$1$2$when(new A._EvaluateVisitor_visitDeclaration_closure0(t1, $async$self), node.hasDeclarations, type$.Null), $async$visitDeclaration$1);
+            case 9:
+              // returning from await.
+              $async$self._async_evaluate$_declarationName = oldDeclarationName;
+            case 8:
+              // join
+              $async$returnValue = null;
+              // goto return
+              $async$goto = 1;
+              break;
+            case 1:
+              // return
+              return A._asyncReturn($async$returnValue, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$visitDeclaration$1, $async$completer);
+    },
+    visitEachRule$1(_, node) {
+      return this.visitEachRule$body$_EvaluateVisitor(0, node);
+    },
+    visitEachRule$body$_EvaluateVisitor(_, node) {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.nullable_Value),
+        $async$returnValue, $async$self = this, t1, list, nodeWithSpan, _0_0;
+      var $async$visitEachRule$1 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              t1 = node.list;
+              $async$goto = 3;
+              return A._asyncAwait(t1.accept$1($async$self), $async$visitEachRule$1);
+            case 3:
+              // returning from await.
+              list = $async$result;
+              nodeWithSpan = $async$self._async_evaluate$_expressionNode$1(t1);
+              _0_0 = node.variables;
+              $label0$0: {
+                t1 = {};
+                t1.variable = null;
+                if (_0_0.length === 1) {
+                  t1.variable = _0_0[0];
+                  t1 = new A._EvaluateVisitor_visitEachRule_closure2(t1, $async$self, nodeWithSpan);
+                  break $label0$0;
+                }
+                t1 = {};
+                t1.variables = null;
+                t1.variables = _0_0;
+                t1 = new A._EvaluateVisitor_visitEachRule_closure3(t1, $async$self, nodeWithSpan);
+                break $label0$0;
+              }
+              $async$returnValue = $async$self._async_evaluate$_environment.scope$1$2$semiGlobal(new A._EvaluateVisitor_visitEachRule_closure4($async$self, list, t1, node), true, type$.nullable_Value);
+              // goto return
+              $async$goto = 1;
+              break;
+            case 1:
+              // return
+              return A._asyncReturn($async$returnValue, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$visitEachRule$1, $async$completer);
+    },
+    _async_evaluate$_setMultipleVariables$3(variables, value, nodeWithSpan) {
+      var i,
+        list = value.get$asList(),
+        t1 = variables.length,
+        minLength = Math.min(t1, list.length);
+      for (i = 0; i < minLength; ++i)
+        this._async_evaluate$_environment.setLocalVariable$3(variables[i], this._async_evaluate$_withoutSlash$2(list[i], nodeWithSpan), nodeWithSpan);
+      for (i = minLength; i < t1; ++i)
+        this._async_evaluate$_environment.setLocalVariable$3(variables[i], B.C__SassNull, nodeWithSpan);
+    },
+    visitErrorRule$1(_, node) {
+      return this.visitErrorRule$body$_EvaluateVisitor(0, node);
+    },
+    visitErrorRule$body$_EvaluateVisitor(_, node) {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.Value),
+        $async$self = this, $async$temp1, $async$temp2;
+      var $async$visitErrorRule$1 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              $async$temp1 = A;
+              $async$temp2 = J;
+              $async$goto = 2;
+              return A._asyncAwait(node.expression.accept$1($async$self), $async$visitErrorRule$1);
+            case 2:
+              // returning from await.
+              throw $async$temp1.wrapException($async$self._async_evaluate$_exception$2($async$temp2.toString$0$($async$result), node.span));
+              // implicit return
+              return A._asyncReturn(null, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$visitErrorRule$1, $async$completer);
+    },
+    visitExtendRule$1(_, node) {
+      return this.visitExtendRule$body$_EvaluateVisitor(0, node);
+    },
+    visitExtendRule$body$_EvaluateVisitor(_, node) {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.nullable_Value),
+        $async$returnValue, $async$self = this, t1, t2, t3, t4, t5, _i, complex, visitor, t6, t7, _0_0, targetText, targetMap, compound, simple, styleRule;
+      var $async$visitExtendRule$1 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              styleRule = $async$self._async_evaluate$_atRootExcludingStyleRule ? null : $async$self._async_evaluate$_styleRuleIgnoringAtRoot;
+              if (styleRule == null || $async$self._async_evaluate$_declarationName != null)
+                throw A.wrapException($async$self._async_evaluate$_exception$2(string$.x40exten, node.span));
+              for (t1 = styleRule.originalSelector.components, t2 = t1.length, t3 = node.span, t4 = type$.SourceSpan, t5 = type$.String, _i = 0; _i < t2; ++_i) {
+                complex = t1[_i];
+                if (!complex.accept$1(B._IsBogusVisitor_true))
+                  continue;
+                visitor = A._SerializeVisitor$(null, true, null, null, true, false, null, true);
+                complex.accept$1(visitor);
+                t6 = B.JSString_methods.trim$0(visitor._serialize$_buffer.toString$0(0));
+                t7 = complex.accept$1(B.C__IsUselessVisitor) ? "can't" : "shouldn't";
+                $async$self._async_evaluate$_warn$3('The selector "' + t6 + '" is invalid CSS and ' + t7 + string$.x20be_an, new A.MultiSpan(A.SpanExtensions_trimRight(complex.span), "invalid selector", A.ConstantMap_ConstantMap$from(A.LinkedHashMap_LinkedHashMap$_literal([t3, "@extend rule"], t4, t5), t4, t5)), B.Deprecation_OUI);
+              }
+              $async$goto = 3;
+              return A._asyncAwait($async$self._async_evaluate$_performInterpolationWithMap$2$warnForColor(node.selector, true), $async$visitExtendRule$1);
+            case 3:
+              // returning from await.
+              _0_0 = $async$result;
+              targetText = _0_0._0;
+              targetMap = _0_0._1;
+              for (t1 = A.SelectorList_SelectorList$parse(A.trimAscii(targetText, true), false, targetMap, false).components, t2 = t1.length, t3 = styleRule._style_rule$_selector._box$_inner, _i = 0; _i < t2; ++_i) {
+                complex = t1[_i];
+                compound = complex.get$singleCompound();
+                if (compound == null)
+                  throw A.wrapException(A.SassFormatException$("complex selectors may not be extended.", complex.span, null));
+                t4 = compound.components;
+                simple = t4.length === 1 ? B.JSArray_methods.get$first(t4) : null;
+                if (simple == null)
+                  throw A.wrapException(A.SassFormatException$(string$.compou + B.JSArray_methods.join$1(t4, ", ") + string$.x60_inst, compound.span, null));
+                $async$self._async_evaluate$_assertInModule$2($async$self._async_evaluate$__extensionStore, "_extensionStore").addExtension$4(t3.value, simple, node, $async$self._async_evaluate$_mediaQueries);
+              }
+              $async$returnValue = null;
+              // goto return
+              $async$goto = 1;
+              break;
+            case 1:
+              // return
+              return A._asyncReturn($async$returnValue, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$visitExtendRule$1, $async$completer);
+    },
+    visitAtRule$1(_, node) {
+      return this.visitAtRule$body$_EvaluateVisitor(0, node);
+    },
+    visitAtRule$body$_EvaluateVisitor(_, node) {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.nullable_Value),
+        $async$returnValue, $async$self = this, $name, t1, value, children, wasInKeyframes, wasInUnknownAtRule;
+      var $async$visitAtRule$1 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              if ($async$self._async_evaluate$_declarationName != null)
+                throw A.wrapException($async$self._async_evaluate$_exception$2(string$.At_rul, node.span));
+              $async$goto = 3;
+              return A._asyncAwait($async$self._async_evaluate$_interpolationToValue$1(node.name), $async$visitAtRule$1);
+            case 3:
+              // returning from await.
+              $name = $async$result;
+              t1 = A.NullableExtension_andThen(node.value, new A._EvaluateVisitor_visitAtRule_closure2($async$self));
+              $async$goto = 4;
+              return A._asyncAwait(type$.Future_nullable_CssValue_String._is(t1) ? t1 : A._Future$value(t1, type$.nullable_CssValue_String), $async$visitAtRule$1);
+            case 4:
+              // returning from await.
+              value = $async$result;
+              children = node.children;
+              if (children == null) {
+                $async$self._async_evaluate$_copyParentAfterSibling$0();
+                $async$self._async_evaluate$_assertInModule$2($async$self._async_evaluate$__parent, "__parent").addChild$1(A.ModifiableCssAtRule$($name, node.span, true, value));
+                $async$returnValue = null;
+                // goto return
+                $async$goto = 1;
+                break;
+              }
+              wasInKeyframes = $async$self._async_evaluate$_inKeyframes;
+              wasInUnknownAtRule = $async$self._async_evaluate$_inUnknownAtRule;
+              if (A.unvendor($name.value) === "keyframes")
+                $async$self._async_evaluate$_inKeyframes = true;
+              else
+                $async$self._async_evaluate$_inUnknownAtRule = true;
+              $async$goto = 5;
+              return A._asyncAwait($async$self._async_evaluate$_withParent$2$4$scopeWhen$through(A.ModifiableCssAtRule$($name, node.span, false, value), new A._EvaluateVisitor_visitAtRule_closure3($async$self, $name, children), node.hasDeclarations, new A._EvaluateVisitor_visitAtRule_closure4(), type$.ModifiableCssAtRule, type$.Null), $async$visitAtRule$1);
+            case 5:
+              // returning from await.
+              $async$self._async_evaluate$_inUnknownAtRule = wasInUnknownAtRule;
+              $async$self._async_evaluate$_inKeyframes = wasInKeyframes;
+              $async$returnValue = null;
+              // goto return
+              $async$goto = 1;
+              break;
+            case 1:
+              // return
+              return A._asyncReturn($async$returnValue, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$visitAtRule$1, $async$completer);
+    },
+    visitForRule$1(_, node) {
+      return this.visitForRule$body$_EvaluateVisitor(0, node);
+    },
+    visitForRule$body$_EvaluateVisitor(_, node) {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.nullable_Value),
+        $async$returnValue, $async$self = this, t1, t2, t3, fromNumber, t4, toNumber, from, to, direction;
+      var $async$visitForRule$1 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              t1 = {};
+              t2 = node.from;
+              t3 = type$.SassNumber;
+              $async$goto = 3;
+              return A._asyncAwait($async$self._addExceptionSpanAsync$1$2(t2, new A._EvaluateVisitor_visitForRule_closure4($async$self, node), t3), $async$visitForRule$1);
+            case 3:
+              // returning from await.
+              fromNumber = $async$result;
+              t4 = node.to;
+              $async$goto = 4;
+              return A._asyncAwait($async$self._addExceptionSpanAsync$1$2(t4, new A._EvaluateVisitor_visitForRule_closure5($async$self, node), t3), $async$visitForRule$1);
+            case 4:
+              // returning from await.
+              toNumber = $async$result;
+              from = $async$self._async_evaluate$_addExceptionSpan$2(t2, new A._EvaluateVisitor_visitForRule_closure6(fromNumber));
+              to = t1.to = $async$self._async_evaluate$_addExceptionSpan$2(t4, new A._EvaluateVisitor_visitForRule_closure7(toNumber, fromNumber));
+              direction = from > to ? -1 : 1;
+              if (from === (!node.isExclusive ? t1.to = to + direction : to)) {
+                $async$returnValue = null;
+                // goto return
+                $async$goto = 1;
+                break;
+              }
+              $async$returnValue = $async$self._async_evaluate$_environment.scope$1$2$semiGlobal(new A._EvaluateVisitor_visitForRule_closure8(t1, $async$self, node, from, direction, fromNumber), true, type$.nullable_Value);
+              // goto return
+              $async$goto = 1;
+              break;
+            case 1:
+              // return
+              return A._asyncReturn($async$returnValue, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$visitForRule$1, $async$completer);
+    },
+    visitForwardRule$1(_, node) {
+      return this.visitForwardRule$body$_EvaluateVisitor(0, node);
+    },
+    visitForwardRule$body$_EvaluateVisitor(_, node) {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.nullable_Value),
+        $async$returnValue, $async$self = this, newConfiguration, t4, _i, variable, $name, oldConfiguration, adjustedConfiguration, t1, t2, t3;
+      var $async$visitForwardRule$1 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              oldConfiguration = $async$self._async_evaluate$_configuration;
+              adjustedConfiguration = oldConfiguration.throughForward$1(node);
+              t1 = node.configuration;
+              t2 = t1.length;
+              t3 = node.url;
+              $async$goto = t2 !== 0 ? 3 : 5;
+              break;
+            case 3:
+              // then
+              $async$goto = 6;
+              return A._asyncAwait($async$self._async_evaluate$_addForwardConfiguration$2(adjustedConfiguration, node), $async$visitForwardRule$1);
+            case 6:
+              // returning from await.
+              newConfiguration = $async$result;
+              $async$goto = 7;
+              return A._asyncAwait($async$self._async_evaluate$_loadModule$5$configuration(t3, "@forward", node, new A._EvaluateVisitor_visitForwardRule_closure1($async$self, node), newConfiguration), $async$visitForwardRule$1);
+            case 7:
+              // returning from await.
+              t3 = type$.String;
+              t4 = A.LinkedHashSet_LinkedHashSet$_empty(t3);
+              for (_i = 0; _i < t2; ++_i) {
+                variable = t1[_i];
+                if (!variable.isGuarded)
+                  t4.add$1(0, variable.name);
+              }
+              $async$self._async_evaluate$_removeUsedConfiguration$3$except(adjustedConfiguration, newConfiguration, t4);
+              t3 = A.LinkedHashSet_LinkedHashSet$_empty(t3);
+              for (_i = 0; _i < t2; ++_i)
+                t3.add$1(0, t1[_i].name);
+              for (t1 = newConfiguration._configuration$_values, t2 = t1.get$keys(t1), t2 = t2.toList$0(t2), t4 = t2.length, _i = 0; _i < t2.length; t2.length === t4 || (0, A.throwConcurrentModificationError)(t2), ++_i) {
+                $name = t2[_i];
+                if (!t3.contains$1(0, $name))
+                  if (!t1.get$isEmpty(t1))
+                    t1.remove$1(0, $name);
+              }
+              $async$self._async_evaluate$_assertConfigurationIsEmpty$1(newConfiguration);
+              // goto join
+              $async$goto = 4;
+              break;
+            case 5:
+              // else
+              $async$self._async_evaluate$_configuration = adjustedConfiguration;
+              $async$goto = 8;
+              return A._asyncAwait($async$self._async_evaluate$_loadModule$4(t3, "@forward", node, new A._EvaluateVisitor_visitForwardRule_closure2($async$self, node)), $async$visitForwardRule$1);
+            case 8:
+              // returning from await.
+              $async$self._async_evaluate$_configuration = oldConfiguration;
+            case 4:
+              // join
+              $async$returnValue = null;
+              // goto return
+              $async$goto = 1;
+              break;
+            case 1:
+              // return
+              return A._asyncReturn($async$returnValue, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$visitForwardRule$1, $async$completer);
+    },
+    _async_evaluate$_addForwardConfiguration$2(configuration, node) {
+      return this._addForwardConfiguration$body$_EvaluateVisitor(configuration, node);
+    },
+    _addForwardConfiguration$body$_EvaluateVisitor(configuration, node) {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.Configuration),
+        $async$returnValue, $async$self = this, t2, t3, t4, t5, _i, variable, t6, _0_0, t7, oldValue, variableNodeWithSpan, t1, newValues, $async$temp1, $async$temp2, $async$temp3;
+      var $async$_async_evaluate$_addForwardConfiguration$2 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              t1 = configuration._configuration$_values;
+              newValues = A.LinkedHashMap_LinkedHashMap$of(new A.UnmodifiableMapView(t1, type$.UnmodifiableMapView_String_ConfiguredValue), type$.String, type$.ConfiguredValue);
+              t2 = node.configuration, t3 = t2.length, t4 = type$._Future_Value, t5 = type$.Future_Value, _i = 0;
+            case 3:
+              // for condition
+              if (!(_i < t3)) {
+                // goto after for
+                $async$goto = 5;
+                break;
+              }
+              variable = t2[_i];
+              if (variable.isGuarded) {
+                t6 = variable.name;
+                _0_0 = t1.get$isEmpty(t1) ? null : t1.remove$1(0, t6);
+                if (_0_0 != null) {
+                  t7 = !_0_0.value.$eq(0, B.C__SassNull);
+                  oldValue = _0_0;
+                } else {
+                  oldValue = null;
+                  t7 = false;
+                }
+                if (t7) {
+                  newValues.$indexSet(0, t6, oldValue);
+                  // goto for update
+                  $async$goto = 4;
+                  break;
+                }
+              }
+              t6 = variable.expression;
+              variableNodeWithSpan = $async$self._async_evaluate$_expressionNode$1(t6);
+              t6 = t6.accept$1($async$self);
+              if (!t5._is(t6)) {
+                t7 = new A._Future($.Zone__current, t4);
+                t7._state = 8;
+                t7._resultOrListeners = t6;
+                t6 = t7;
+              }
+              $async$temp1 = newValues;
+              $async$temp2 = variable.name;
+              $async$temp3 = A;
+              $async$goto = 6;
+              return A._asyncAwait(t6, $async$_async_evaluate$_addForwardConfiguration$2);
+            case 6:
+              // returning from await.
+              $async$temp1.$indexSet(0, $async$temp2, new $async$temp3.ConfiguredValue($async$self._async_evaluate$_withoutSlash$2($async$result, variableNodeWithSpan), variable.span, variableNodeWithSpan));
+            case 4:
+              // for update
+              ++_i;
+              // goto for condition
+              $async$goto = 3;
+              break;
+            case 5:
+              // after for
+              if (configuration instanceof A.ExplicitConfiguration || t1.get$isEmpty(t1)) {
+                $async$returnValue = new A.ExplicitConfiguration(node, newValues, null);
+                // goto return
+                $async$goto = 1;
+                break;
+              } else {
+                $async$returnValue = new A.Configuration(newValues, null);
+                // goto return
+                $async$goto = 1;
+                break;
+              }
+            case 1:
+              // return
+              return A._asyncReturn($async$returnValue, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$_async_evaluate$_addForwardConfiguration$2, $async$completer);
+    },
+    _async_evaluate$_registerCommentsForModule$1(module) {
+      var _this = this, _s5_ = "_root",
+        t1 = _this._async_evaluate$__root;
+      if (t1 == null)
+        return;
+      if (_this._async_evaluate$_assertInModule$2(t1, _s5_).children.get$length(0) === 0 || !module.get$transitivelyContainsCss())
+        return;
+      t1 = _this._async_evaluate$_preModuleComments;
+      if (t1 == null)
+        t1 = _this._async_evaluate$_preModuleComments = A.LinkedHashMap_LinkedHashMap$_empty(type$.Module_AsyncCallable, type$.List_CssComment);
+      J.addAll$1$ax(t1.putIfAbsent$2(module, new A._EvaluateVisitor__registerCommentsForModule_closure0()), new A.UnmodifiableListView(J.cast$1$0$ax(_this._async_evaluate$_assertInModule$2(_this._async_evaluate$__root, _s5_).children._collection$_source, type$.CssComment), type$.UnmodifiableListView_CssComment));
+      _this._async_evaluate$_assertInModule$2(_this._async_evaluate$__root, _s5_).clearChildren$0();
+      _this._async_evaluate$__endOfImports = 0;
+    },
+    _async_evaluate$_removeUsedConfiguration$3$except(upstream, downstream, except) {
+      var t1, t2, t3, t4, _i, $name;
+      for (t1 = upstream._configuration$_values, t2 = t1.get$keys(t1), t2 = t2.toList$0(t2), t3 = t2.length, t4 = downstream._configuration$_values, _i = 0; _i < t2.length; t2.length === t3 || (0, A.throwConcurrentModificationError)(t2), ++_i) {
+        $name = t2[_i];
+        if (except.contains$1(0, $name))
+          continue;
+        if (!t4.containsKey$1($name))
+          if (!t1.get$isEmpty(t1))
+            t1.remove$1(0, $name);
+      }
+    },
+    _async_evaluate$_assertConfigurationIsEmpty$2$nameInError(configuration, nameInError) {
+      var t1, _0_0;
+      if (!(configuration instanceof A.ExplicitConfiguration))
+        return;
+      t1 = configuration._configuration$_values;
+      if (t1.get$isEmpty(t1))
+        return;
+      t1 = A.MapExtensions_get_pairs(new A.UnmodifiableMapView(t1, type$.UnmodifiableMapView_String_ConfiguredValue), type$.String, type$.ConfiguredValue);
+      _0_0 = t1.get$first(t1);
+      t1 = nameInError ? "$" + _0_0._0 + string$.x20was_n : string$.This_v;
+      throw A.wrapException(this._async_evaluate$_exception$2(t1, _0_0._1.configurationSpan));
+    },
+    _async_evaluate$_assertConfigurationIsEmpty$1(configuration) {
+      return this._async_evaluate$_assertConfigurationIsEmpty$2$nameInError(configuration, false);
+    },
+    visitFunctionRule$1(_, node) {
+      return this.visitFunctionRule$body$_EvaluateVisitor(0, node);
+    },
+    visitFunctionRule$body$_EvaluateVisitor(_, node) {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.nullable_Value),
+        $async$returnValue, $async$self = this, t1, t2, t3, t4, index, t5;
+      var $async$visitFunctionRule$1 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              t1 = $async$self._async_evaluate$_environment;
+              t2 = t1.closure$0();
+              t3 = $async$self._async_evaluate$_inDependency;
+              t4 = t1._async_environment$_functions;
+              index = t4.length - 1;
+              t5 = node.name;
+              t1._async_environment$_functionIndices.$indexSet(0, t5, index);
+              t4[index].$indexSet(0, t5, new A.UserDefinedCallable(node, t2, t3, type$.UserDefinedCallable_AsyncEnvironment));
+              $async$returnValue = null;
+              // goto return
+              $async$goto = 1;
+              break;
+            case 1:
+              // return
+              return A._asyncReturn($async$returnValue, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$visitFunctionRule$1, $async$completer);
+    },
+    visitIfRule$1(_, node) {
+      return this.visitIfRule$body$_EvaluateVisitor(0, node);
+    },
+    visitIfRule$body$_EvaluateVisitor(_, node) {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.nullable_Value),
+        $async$returnValue, $async$self = this, t1, t2, _i, clauseToCheck, clause;
+      var $async$visitIfRule$1 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              clause = node.lastClause;
+              t1 = node.clauses, t2 = t1.length, _i = 0;
+            case 3:
+              // for condition
+              if (!(_i < t2)) {
+                // goto after for
+                $async$goto = 5;
+                break;
+              }
+              clauseToCheck = t1[_i];
+              $async$goto = 6;
+              return A._asyncAwait(clauseToCheck.expression.accept$1($async$self), $async$visitIfRule$1);
+            case 6:
+              // returning from await.
+              if ($async$result.get$isTruthy()) {
+                clause = clauseToCheck;
+                // goto after for
+                $async$goto = 5;
+                break;
+              }
+            case 4:
+              // for update
+              ++_i;
+              // goto for condition
+              $async$goto = 3;
+              break;
+            case 5:
+              // after for
+              t1 = A.NullableExtension_andThen(clause, new A._EvaluateVisitor_visitIfRule_closure0($async$self));
+              $async$goto = 7;
+              return A._asyncAwait(type$.Future_nullable_Value._is(t1) ? t1 : A._Future$value(t1, type$.nullable_Value), $async$visitIfRule$1);
+            case 7:
+              // returning from await.
+              $async$returnValue = $async$result;
+              // goto return
+              $async$goto = 1;
+              break;
+            case 1:
+              // return
+              return A._asyncReturn($async$returnValue, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$visitIfRule$1, $async$completer);
+    },
+    visitImportRule$1(_, node) {
+      return this.visitImportRule$body$_EvaluateVisitor(0, node);
+    },
+    visitImportRule$body$_EvaluateVisitor(_, node) {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.nullable_Value),
+        $async$returnValue, $async$self = this, t1, t2, t3, _i, $import;
+      var $async$visitImportRule$1 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              t1 = node.imports, t2 = t1.length, t3 = type$.StaticImport, _i = 0;
+            case 3:
+              // for condition
+              if (!(_i < t2)) {
+                // goto after for
+                $async$goto = 5;
+                break;
+              }
+              $import = t1[_i];
+              $async$goto = $import instanceof A.DynamicImport ? 6 : 8;
+              break;
+            case 6:
+              // then
+              $async$goto = 9;
+              return A._asyncAwait($async$self._async_evaluate$_visitDynamicImport$1($import), $async$visitImportRule$1);
+            case 9:
+              // returning from await.
+              // goto join
+              $async$goto = 7;
+              break;
+            case 8:
+              // else
+              $async$goto = 10;
+              return A._asyncAwait($async$self._visitStaticImport$1(t3._as($import)), $async$visitImportRule$1);
+            case 10:
+              // returning from await.
+            case 7:
+              // join
+            case 4:
+              // for update
+              ++_i;
+              // goto for condition
+              $async$goto = 3;
+              break;
+            case 5:
+              // after for
+              $async$returnValue = null;
+              // goto return
+              $async$goto = 1;
+              break;
+            case 1:
+              // return
+              return A._asyncReturn($async$returnValue, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$visitImportRule$1, $async$completer);
+    },
+    _async_evaluate$_visitDynamicImport$1($import) {
+      return this._async_evaluate$_withStackFrame$1$3("@import", $import, new A._EvaluateVisitor__visitDynamicImport_closure0(this, $import), type$.void);
+    },
+    _async_evaluate$_loadStylesheet$4$baseUrl$forImport(url, span, baseUrl, forImport) {
+      return this._loadStylesheet$body$_EvaluateVisitor(url, span, baseUrl, forImport);
+    },
+    _async_evaluate$_loadStylesheet$3$baseUrl(url, span, baseUrl) {
+      return this._async_evaluate$_loadStylesheet$4$baseUrl$forImport(url, span, baseUrl, false);
+    },
+    _async_evaluate$_loadStylesheet$3$forImport(url, span, forImport) {
+      return this._async_evaluate$_loadStylesheet$4$baseUrl$forImport(url, span, null, forImport);
+    },
+    _loadStylesheet$body$_EvaluateVisitor(url, span, baseUrl, forImport) {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.Record_3_Stylesheet_and_nullable_AsyncImporter_importer_and_bool_isDependency),
+        $async$returnValue, $async$handler = 2, $async$errorStack = [], $async$next = [], $async$self = this, _0_0, importCache, _1_0, importer, canonicalUrl, originalUrl, isDependency, _2_0, stylesheet, error, stackTrace, error0, stackTrace0, t1, t2, exception, $async$exception;
+      var $async$_async_evaluate$_loadStylesheet$4$baseUrl$forImport = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1) {
+          $async$errorStack.push($async$result);
+          $async$goto = $async$handler;
+        }
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              baseUrl = baseUrl;
+              $async$handler = 4;
+              $async$self._async_evaluate$_importSpan = span;
+              _0_0 = $async$self._async_evaluate$_importCache;
+              importCache = null;
+              $async$goto = _0_0 != null ? 7 : 8;
+              break;
+            case 7:
+              // then
+              importCache = _0_0;
+              if (baseUrl == null) {
+                t1 = $async$self._async_evaluate$_assertInModule$2($async$self._async_evaluate$__stylesheet, "_stylesheet").span;
+                baseUrl = t1.get$sourceUrl(t1);
+              }
+              $async$goto = 9;
+              return A._asyncAwait(J.canonicalize$4$baseImporter$baseUrl$forImport$x(importCache, A.Uri_parse(url), $async$self._async_evaluate$_importer, baseUrl, forImport), $async$_async_evaluate$_loadStylesheet$4$baseUrl$forImport);
+            case 9:
+              // returning from await.
+              _1_0 = $async$result;
+              importer = null;
+              canonicalUrl = null;
+              originalUrl = null;
+              $async$goto = type$.Record_3_nullable_Object_and_nullable_Object_and_nullable_Object_originalUrl._is(_1_0) ? 10 : 11;
+              break;
+            case 10:
+              // then
+              importer = _1_0._0;
+              canonicalUrl = _1_0._1;
+              originalUrl = _1_0._2;
+              if (canonicalUrl.get$scheme() === "")
+                A.WarnForDeprecation_warnForDeprecation($async$self._async_evaluate$_logger, B.Deprecation_6jA, "Importer " + A.S(importer) + " canonicalized " + url + " to " + A.S(canonicalUrl) + string$.x2e_Rela, null, null);
+              $async$self._async_evaluate$_loadedUrls.add$1(0, canonicalUrl);
+              isDependency = $async$self._async_evaluate$_inDependency || !J.$eq$(importer, $async$self._async_evaluate$_importer);
+              $async$goto = 12;
+              return A._asyncAwait(importCache.importCanonical$3$originalUrl(importer, canonicalUrl, originalUrl), $async$_async_evaluate$_loadStylesheet$4$baseUrl$forImport);
+            case 12:
+              // returning from await.
+              _2_0 = $async$result;
+              stylesheet = null;
+              if (_2_0 != null) {
+                stylesheet = _2_0;
+                t1 = stylesheet;
+                t2 = importer;
+                $async$returnValue = new A._Record_3_importer_isDependency(t1, t2, isDependency);
+                $async$next = [1];
+                // goto finally
+                $async$goto = 5;
+                break;
+              }
+            case 11:
+              // join
+            case 8:
+              // join
+              t1 = B.JSString_methods.startsWith$1(url, "package:");
+              if (t1)
+                throw A.wrapException(string$.x22packa);
+              else
+                throw A.wrapException("Can't find stylesheet to import.");
+              $async$next.push(6);
+              // goto finally
+              $async$goto = 5;
+              break;
+            case 4:
+              // catch
+              $async$handler = 3;
+              $async$exception = $async$errorStack.pop();
+              t1 = A.unwrapException($async$exception);
+              if (t1 instanceof A.SassException)
+                throw $async$exception;
+              else if (t1 instanceof A.ArgumentError) {
+                error = t1;
+                stackTrace = A.getTraceFromException($async$exception);
+                A.throwWithTrace($async$self._async_evaluate$_exception$1(J.toString$0$(error)), error, stackTrace);
+              } else {
+                error0 = t1;
+                stackTrace0 = A.getTraceFromException($async$exception);
+                A.throwWithTrace($async$self._async_evaluate$_exception$1($async$self._async_evaluate$_getErrorMessage$1(error0)), error0, stackTrace0);
+              }
+              $async$next.push(6);
+              // goto finally
+              $async$goto = 5;
+              break;
+            case 3:
+              // uncaught
+              $async$next = [2];
+            case 5:
+              // finally
+              $async$handler = 2;
+              $async$self._async_evaluate$_importSpan = null;
+              // goto the next finally handler
+              $async$goto = $async$next.pop();
+              break;
+            case 6:
+              // after finally
+            case 1:
+              // return
+              return A._asyncReturn($async$returnValue, $async$completer);
+            case 2:
+              // rethrow
+              return A._asyncRethrow($async$errorStack.at(-1), $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$_async_evaluate$_loadStylesheet$4$baseUrl$forImport, $async$completer);
+    },
+    _visitStaticImport$1($import) {
+      return this._visitStaticImport$body$_EvaluateVisitor($import);
+    },
+    _visitStaticImport$body$_EvaluateVisitor($import) {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.void),
+        $async$self = this, t1, t2, node, $async$temp1, $async$temp2;
+      var $async$_visitStaticImport$1 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              $async$goto = 2;
+              return A._asyncAwait($async$self._async_evaluate$_interpolationToValue$1($import.url), $async$_visitStaticImport$1);
+            case 2:
+              // returning from await.
+              t1 = $async$result;
+              t2 = A.NullableExtension_andThen($import.modifiers, $async$self.get$_async_evaluate$_interpolationToValue());
+              $async$temp1 = A;
+              $async$temp2 = t1;
+              $async$goto = 3;
+              return A._asyncAwait(type$.Future_nullable_CssValue_String._is(t2) ? t2 : A._Future$value(t2, type$.nullable_CssValue_String), $async$_visitStaticImport$1);
+            case 3:
+              // returning from await.
+              node = new $async$temp1.ModifiableCssImport($async$temp2, $async$result, $import.span);
+              if ($async$self._async_evaluate$_assertInModule$2($async$self._async_evaluate$__parent, "__parent") !== $async$self._async_evaluate$_assertInModule$2($async$self._async_evaluate$__root, "_root")) {
+                $async$self._async_evaluate$_copyParentAfterSibling$0();
+                $async$self._async_evaluate$_assertInModule$2($async$self._async_evaluate$__parent, "__parent").addChild$1(node);
+              } else if ($async$self._async_evaluate$_assertInModule$2($async$self._async_evaluate$__endOfImports, "_endOfImports") === J.get$length$asx($async$self._async_evaluate$_assertInModule$2($async$self._async_evaluate$__root, "_root").children._collection$_source)) {
+                $async$self._async_evaluate$_assertInModule$2($async$self._async_evaluate$__root, "_root").addChild$1(node);
+                $async$self._async_evaluate$__endOfImports = $async$self._async_evaluate$_assertInModule$2($async$self._async_evaluate$__endOfImports, "_endOfImports") + 1;
+              } else {
+                t1 = $async$self._async_evaluate$_outOfOrderImports;
+                (t1 == null ? $async$self._async_evaluate$_outOfOrderImports = A._setArrayType([], type$.JSArray_ModifiableCssImport) : t1).push(node);
+              }
+              // implicit return
+              return A._asyncReturn(null, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$_visitStaticImport$1, $async$completer);
+    },
+    _async_evaluate$_applyMixin$5(mixin, contentCallable, $arguments, nodeWithSpan, nodeWithSpanWithoutContent) {
+      return this._applyMixin$body$_EvaluateVisitor(mixin, contentCallable, $arguments, nodeWithSpan, nodeWithSpanWithoutContent);
+    },
+    _applyMixin$body$_EvaluateVisitor(mixin, contentCallable, $arguments, nodeWithSpan, nodeWithSpanWithoutContent) {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.void),
+        $async$self = this, t1, _0_0, t2, _1_8, t3;
+      var $async$_async_evaluate$_applyMixin$5 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              if (mixin == null)
+                throw A.wrapException($async$self._async_evaluate$_exception$2("Undefined mixin.", nodeWithSpan.get$span(nodeWithSpan)));
+              t1 = type$.AsyncBuiltInCallable._is(mixin);
+              $async$goto = t1 && !mixin.get$acceptsContent() && contentCallable != null ? 3 : 4;
+              break;
+            case 3:
+              // then
+              $async$goto = 5;
+              return A._asyncAwait($async$self._async_evaluate$_evaluateArguments$1($arguments), $async$_async_evaluate$_applyMixin$5);
+            case 5:
+              // returning from await.
+              t1 = $async$result._values;
+              _0_0 = mixin.callbackFor$2(J.get$length$asx(t1[2]), new A.MapKeySet(t1[0], type$.MapKeySet_String));
+              throw A.wrapException(A.MultiSpanSassRuntimeException$("Mixin doesn't accept a content block.", nodeWithSpanWithoutContent.get$span(nodeWithSpanWithoutContent), "invocation", A.LinkedHashMap_LinkedHashMap$_literal([_0_0._0.get$spanWithName(), "declaration"], type$.FileSpan, type$.String), $async$self._async_evaluate$_stackTrace$1(nodeWithSpanWithoutContent.get$span(nodeWithSpanWithoutContent)), null));
+            case 4:
+              // join
+              $async$goto = t1 ? 6 : 7;
+              break;
+            case 6:
+              // then
+              $async$goto = 8;
+              return A._asyncAwait($async$self._async_evaluate$_environment.withContent$2(contentCallable, new A._EvaluateVisitor__applyMixin_closure1($async$self, $arguments, mixin, nodeWithSpanWithoutContent)), $async$_async_evaluate$_applyMixin$5);
+            case 8:
+              // returning from await.
+              // goto break $label0$0
+              $async$goto = 2;
+              break;
+            case 7:
+              // join
+              t1 = type$.UserDefinedCallable_AsyncEnvironment._is(mixin);
+              t2 = false;
+              if (t1) {
+                _1_8 = mixin.declaration;
+                t3 = _1_8;
+                if (t3 instanceof A.MixinRule)
+                  t2 = !type$.MixinRule._as(_1_8).get$hasContent() && contentCallable != null;
+              }
+              if (t2)
+                throw A.wrapException(A.MultiSpanSassRuntimeException$("Mixin doesn't accept a content block.", nodeWithSpanWithoutContent.get$span(nodeWithSpanWithoutContent), "invocation", A.LinkedHashMap_LinkedHashMap$_literal([mixin.declaration.parameters.get$spanWithName(), "declaration"], type$.FileSpan, type$.String), $async$self._async_evaluate$_stackTrace$1(nodeWithSpanWithoutContent.get$span(nodeWithSpanWithoutContent)), null));
+              $async$goto = t1 ? 9 : 10;
+              break;
+            case 9:
+              // then
+              $async$goto = 11;
+              return A._asyncAwait($async$self._async_evaluate$_runUserDefinedCallable$1$4($arguments, mixin, nodeWithSpanWithoutContent, new A._EvaluateVisitor__applyMixin_closure2($async$self, contentCallable, mixin, nodeWithSpanWithoutContent), type$.Null), $async$_async_evaluate$_applyMixin$5);
+            case 11:
+              // returning from await.
+              // goto break $label0$0
+              $async$goto = 2;
+              break;
+            case 10:
+              // join
+              throw A.wrapException(A.UnsupportedError$("Unknown callable type " + mixin.toString$0(0) + "."));
+            case 2:
+              // break $label0$0
+              // implicit return
+              return A._asyncReturn(null, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$_async_evaluate$_applyMixin$5, $async$completer);
+    },
+    visitIncludeRule$1(_, node) {
+      return this.visitIncludeRule$body$_EvaluateVisitor(0, node);
+    },
+    visitIncludeRule$body$_EvaluateVisitor(_, node) {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.nullable_Value),
+        $async$returnValue, $async$self = this, mixin;
+      var $async$visitIncludeRule$1 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              mixin = $async$self._async_evaluate$_addExceptionSpan$2(node, new A._EvaluateVisitor_visitIncludeRule_closure2($async$self, node));
+              if (B.JSString_methods.startsWith$1(node.originalName, "--") && mixin instanceof A.UserDefinedCallable && !B.JSString_methods.startsWith$1(mixin.declaration.originalName, "--"))
+                $async$self._async_evaluate$_warn$3(string$.Sass__m, node.get$nameSpan(), B.Deprecation_Sqp);
+              $async$goto = 3;
+              return A._asyncAwait($async$self._async_evaluate$_applyMixin$5(mixin, A.NullableExtension_andThen(node.content, new A._EvaluateVisitor_visitIncludeRule_closure3($async$self)), node.$arguments, node, new A._FakeAstNode(new A._EvaluateVisitor_visitIncludeRule_closure4(node))), $async$visitIncludeRule$1);
+            case 3:
+              // returning from await.
+              $async$returnValue = null;
+              // goto return
+              $async$goto = 1;
+              break;
+            case 1:
+              // return
+              return A._asyncReturn($async$returnValue, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$visitIncludeRule$1, $async$completer);
+    },
+    visitMixinRule$1(_, node) {
+      return this.visitMixinRule$body$_EvaluateVisitor(0, node);
+    },
+    visitMixinRule$body$_EvaluateVisitor(_, node) {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.nullable_Value),
+        $async$returnValue, $async$self = this, t1, t2, t3, t4, index, t5;
+      var $async$visitMixinRule$1 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              t1 = $async$self._async_evaluate$_environment;
+              t2 = t1.closure$0();
+              t3 = $async$self._async_evaluate$_inDependency;
+              t4 = t1._async_environment$_mixins;
+              index = t4.length - 1;
+              t5 = node.name;
+              t1._async_environment$_mixinIndices.$indexSet(0, t5, index);
+              t4[index].$indexSet(0, t5, new A.UserDefinedCallable(node, t2, t3, type$.UserDefinedCallable_AsyncEnvironment));
+              $async$returnValue = null;
+              // goto return
+              $async$goto = 1;
+              break;
+            case 1:
+              // return
+              return A._asyncReturn($async$returnValue, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$visitMixinRule$1, $async$completer);
+    },
+    visitLoudComment$1(_, node) {
+      return this.visitLoudComment$body$_EvaluateVisitor(0, node);
+    },
+    visitLoudComment$body$_EvaluateVisitor(_, node) {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.nullable_Value),
+        $async$returnValue, $async$self = this, t1, text;
+      var $async$visitLoudComment$1 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              if ($async$self._async_evaluate$_inFunction) {
+                $async$returnValue = null;
+                // goto return
+                $async$goto = 1;
+                break;
+              }
+              if ($async$self._async_evaluate$_assertInModule$2($async$self._async_evaluate$__parent, "__parent") === $async$self._async_evaluate$_assertInModule$2($async$self._async_evaluate$__root, "_root") && $async$self._async_evaluate$_assertInModule$2($async$self._async_evaluate$__endOfImports, "_endOfImports") === J.get$length$asx($async$self._async_evaluate$_assertInModule$2($async$self._async_evaluate$__root, "_root").children._collection$_source))
+                $async$self._async_evaluate$__endOfImports = $async$self._async_evaluate$_assertInModule$2($async$self._async_evaluate$__endOfImports, "_endOfImports") + 1;
+              t1 = node.text;
+              $async$goto = 3;
+              return A._asyncAwait($async$self._async_evaluate$_performInterpolation$1(t1), $async$visitLoudComment$1);
+            case 3:
+              // returning from await.
+              text = $async$result;
+              if (!B.JSString_methods.endsWith$1(text, "*/"))
+                text += " */";
+              $async$self._async_evaluate$_copyParentAfterSibling$0();
+              $async$self._async_evaluate$_assertInModule$2($async$self._async_evaluate$__parent, "__parent").addChild$1(new A.ModifiableCssComment(text, t1.span));
+              $async$returnValue = null;
+              // goto return
+              $async$goto = 1;
+              break;
+            case 1:
+              // return
+              return A._asyncReturn($async$returnValue, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$visitLoudComment$1, $async$completer);
+    },
+    visitMediaRule$1(_, node) {
+      return this.visitMediaRule$body$_EvaluateVisitor(0, node);
+    },
+    visitMediaRule$body$_EvaluateVisitor(_, node) {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.nullable_Value),
+        $async$returnValue, $async$self = this, queries, mergedQueries, t1, mergedSources, t2, t3;
+      var $async$visitMediaRule$1 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              if ($async$self._async_evaluate$_declarationName != null)
+                throw A.wrapException($async$self._async_evaluate$_exception$2(string$.Media_, node.span));
+              $async$goto = 3;
+              return A._asyncAwait($async$self._visitMediaQueries$1(node.query), $async$visitMediaRule$1);
+            case 3:
+              // returning from await.
+              queries = $async$result;
+              mergedQueries = A.NullableExtension_andThen($async$self._async_evaluate$_mediaQueries, new A._EvaluateVisitor_visitMediaRule_closure2($async$self, queries));
+              t1 = mergedQueries == null;
+              if (!t1 && J.get$isEmpty$asx(mergedQueries)) {
+                $async$returnValue = null;
+                // goto return
+                $async$goto = 1;
+                break;
+              }
+              if (t1)
+                mergedSources = B.Set_empty2;
+              else {
+                t2 = $async$self._async_evaluate$_mediaQuerySources;
+                t2.toString;
+                t2 = A.LinkedHashSet_LinkedHashSet$of(t2, type$.CssMediaQuery);
+                t3 = $async$self._async_evaluate$_mediaQueries;
+                t3.toString;
+                t2.addAll$1(0, t3);
+                t2.addAll$1(0, queries);
+                mergedSources = t2;
+              }
+              t1 = t1 ? queries : mergedQueries;
+              $async$goto = 4;
+              return A._asyncAwait($async$self._async_evaluate$_withParent$2$4$scopeWhen$through(A.ModifiableCssMediaRule$(t1, node.span), new A._EvaluateVisitor_visitMediaRule_closure3($async$self, mergedQueries, queries, mergedSources, node), node.hasDeclarations, new A._EvaluateVisitor_visitMediaRule_closure4(mergedSources), type$.ModifiableCssMediaRule, type$.Null), $async$visitMediaRule$1);
+            case 4:
+              // returning from await.
+              $async$returnValue = null;
+              // goto return
+              $async$goto = 1;
+              break;
+            case 1:
+              // return
+              return A._asyncReturn($async$returnValue, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$visitMediaRule$1, $async$completer);
+    },
+    _visitMediaQueries$1(interpolation) {
+      return this._visitMediaQueries$body$_EvaluateVisitor(interpolation);
+    },
+    _visitMediaQueries$body$_EvaluateVisitor(interpolation) {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.List_CssMediaQuery),
+        $async$returnValue, $async$self = this, _0_0, resolved, map;
+      var $async$_visitMediaQueries$1 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              $async$goto = 3;
+              return A._asyncAwait($async$self._async_evaluate$_performInterpolationWithMap$2$warnForColor(interpolation, true), $async$_visitMediaQueries$1);
+            case 3:
+              // returning from await.
+              _0_0 = $async$result;
+              resolved = _0_0._0;
+              map = _0_0._1;
+              $async$returnValue = new A.MediaQueryParser(A.SpanScanner$(resolved, null), map).parse$0(0);
+              // goto return
+              $async$goto = 1;
+              break;
+            case 1:
+              // return
+              return A._asyncReturn($async$returnValue, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$_visitMediaQueries$1, $async$completer);
+    },
+    _async_evaluate$_mergeMediaQueries$2(queries1, queries2) {
+      var t1, t2, t3, t4, _0_0, t5, result,
+        queries = A._setArrayType([], type$.JSArray_CssMediaQuery);
+      for (t1 = J.get$iterator$ax(queries1), t2 = J.getInterceptor$ax(queries2); t1.moveNext$0();) {
+        t3 = t1.get$current(t1);
+        for (t4 = t2.get$iterator(queries2); t4.moveNext$0();) {
+          _0_0 = t3.merge$1(t4.get$current(t4));
+          if (B._SingletonCssMediaQueryMergeResult_0 === _0_0)
+            continue;
+          if (B._SingletonCssMediaQueryMergeResult_1 === _0_0)
+            return null;
+          t5 = _0_0 instanceof A.MediaQuerySuccessfulMergeResult;
+          result = t5 ? _0_0 : null;
+          if (t5)
+            queries.push(result.query);
+        }
+      }
+      return queries;
+    },
+    visitReturnRule$1(_, node) {
+      return this.visitReturnRule$body$_EvaluateVisitor(0, node);
+    },
+    visitReturnRule$body$_EvaluateVisitor(_, node) {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.Value),
+        $async$returnValue, $async$self = this, t1, t2;
+      var $async$visitReturnRule$1 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              t1 = node.expression;
+              t2 = t1.accept$1($async$self);
+              $async$goto = 3;
+              return A._asyncAwait(type$.Future_Value._is(t2) ? t2 : A._Future$value(t2, type$.Value), $async$visitReturnRule$1);
+            case 3:
+              // returning from await.
+              $async$returnValue = $async$self._async_evaluate$_withoutSlash$2($async$result, t1);
+              // goto return
+              $async$goto = 1;
+              break;
+            case 1:
+              // return
+              return A._asyncReturn($async$returnValue, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$visitReturnRule$1, $async$completer);
+    },
+    visitSilentComment$1(_, node) {
+      return this.visitSilentComment$body$_EvaluateVisitor(0, node);
+    },
+    visitSilentComment$body$_EvaluateVisitor(_, node) {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.nullable_Value),
+        $async$returnValue;
+      var $async$visitSilentComment$1 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              $async$returnValue = null;
+              // goto return
+              $async$goto = 1;
+              break;
+            case 1:
+              // return
+              return A._asyncReturn($async$returnValue, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$visitSilentComment$1, $async$completer);
+    },
+    visitStyleRule$1(_, node) {
+      return this.visitStyleRule$body$_EvaluateVisitor(0, node);
+    },
+    visitStyleRule$body$_EvaluateVisitor(_, node) {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.nullable_Value),
+        $async$returnValue, $async$self = this, t1, _0_0, selectorText, selectorMap, parsedSelector, _1_0, t2, t3, _i, _2_0, first, t4, rule, oldAtRootExcludingStyleRule;
+      var $async$visitStyleRule$1 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              if ($async$self._async_evaluate$_declarationName != null)
+                throw A.wrapException($async$self._async_evaluate$_exception$2(string$.Style_n, node.span));
+              else if ($async$self._async_evaluate$_inKeyframes && $async$self._async_evaluate$_assertInModule$2($async$self._async_evaluate$__parent, "__parent") instanceof A.ModifiableCssKeyframeBlock)
+                throw A.wrapException($async$self._async_evaluate$_exception$2(string$.Style_k, node.span));
+              t1 = node.selector;
+              $async$goto = 3;
+              return A._asyncAwait($async$self._async_evaluate$_performInterpolationWithMap$2$warnForColor(t1, true), $async$visitStyleRule$1);
+            case 3:
+              // returning from await.
+              _0_0 = $async$result;
+              selectorText = _0_0._0;
+              selectorMap = _0_0._1;
+              $async$goto = $async$self._async_evaluate$_inKeyframes ? 4 : 5;
+              break;
+            case 4:
+              // then
+              $async$goto = 6;
+              return A._asyncAwait($async$self._async_evaluate$_withParent$2$4$scopeWhen$through(A.ModifiableCssKeyframeBlock$(new A.CssValue(A.List_List$unmodifiable(new A.KeyframeSelectorParser(A.SpanScanner$(selectorText, null), selectorMap).parse$0(0), type$.String), t1.span, type$.CssValue_List_String), node.span), new A._EvaluateVisitor_visitStyleRule_closure3($async$self, node), node.hasDeclarations, new A._EvaluateVisitor_visitStyleRule_closure4(), type$.ModifiableCssKeyframeBlock, type$.Null), $async$visitStyleRule$1);
+            case 6:
+              // returning from await.
+              $async$returnValue = null;
+              // goto return
+              $async$goto = 1;
+              break;
+            case 5:
+              // join
+              parsedSelector = A.SelectorList_SelectorList$parse(selectorText, true, selectorMap, $async$self._async_evaluate$_assertInModule$2($async$self._async_evaluate$__stylesheet, "_stylesheet").plainCss);
+              _1_0 = $async$self._async_evaluate$_atRootExcludingStyleRule ? null : $async$self._async_evaluate$_styleRuleIgnoringAtRoot;
+              $label0$0: {
+                if (_1_0 == null) {
+                  t1 = true;
+                  break $label0$0;
+                }
+                if (_1_0.fromPlainCss) {
+                  t1 = false;
+                  break $label0$0;
+                }
+                t1 = !($async$self._async_evaluate$_assertInModule$2($async$self._async_evaluate$__stylesheet, "_stylesheet").plainCss && parsedSelector.accept$1(B.C__ContainsParentSelectorVisitor));
+                break $label0$0;
+              }
+              if (t1) {
+                if ($async$self._async_evaluate$_assertInModule$2($async$self._async_evaluate$__stylesheet, "_stylesheet").plainCss)
+                  for (t2 = parsedSelector.components, t3 = t2.length, _i = 0; _i < t3; ++_i) {
+                    _2_0 = t2[_i].leadingCombinators;
+                    if (_2_0.length >= 1) {
+                      first = _2_0[0];
+                      t4 = $async$self._async_evaluate$_assertInModule$2($async$self._async_evaluate$__stylesheet, "_stylesheet").plainCss;
+                    } else {
+                      first = null;
+                      t4 = false;
+                    }
+                    if (t4)
+                      throw A.wrapException($async$self._async_evaluate$_exception$2(string$.Top_lel, first.span));
+                  }
+                t2 = $async$self._async_evaluate$_styleRuleIgnoringAtRoot;
+                t2 = t2 == null ? null : t2.originalSelector;
+                parsedSelector = parsedSelector.nestWithin$3$implicitParent$preserveParentSelectors(t2, !$async$self._async_evaluate$_atRootExcludingStyleRule, $async$self._async_evaluate$_assertInModule$2($async$self._async_evaluate$__stylesheet, "_stylesheet").plainCss);
+              }
+              rule = A.ModifiableCssStyleRule$($async$self._async_evaluate$_assertInModule$2($async$self._async_evaluate$__extensionStore, "_extensionStore").addSelector$2(parsedSelector, $async$self._async_evaluate$_mediaQueries), node.span, $async$self._async_evaluate$_assertInModule$2($async$self._async_evaluate$__stylesheet, "_stylesheet").plainCss, parsedSelector);
+              oldAtRootExcludingStyleRule = $async$self._async_evaluate$_atRootExcludingStyleRule;
+              t2 = $async$self._async_evaluate$_atRootExcludingStyleRule = false;
+              t1 = t1 ? new A._EvaluateVisitor_visitStyleRule_closure5() : null;
+              $async$goto = 7;
+              return A._asyncAwait($async$self._async_evaluate$_withParent$2$4$scopeWhen$through(rule, new A._EvaluateVisitor_visitStyleRule_closure6($async$self, rule, node), node.hasDeclarations, t1, type$.ModifiableCssStyleRule, type$.Null), $async$visitStyleRule$1);
+            case 7:
+              // returning from await.
+              $async$self._async_evaluate$_atRootExcludingStyleRule = oldAtRootExcludingStyleRule;
+              $async$self._async_evaluate$_warnForBogusCombinators$1(rule);
+              if (($async$self._async_evaluate$_atRootExcludingStyleRule ? null : $async$self._async_evaluate$_styleRuleIgnoringAtRoot) == null) {
+                t1 = $async$self._async_evaluate$_assertInModule$2($async$self._async_evaluate$__parent, "__parent").children;
+                t1 = !t1.get$isEmpty(t1);
+              } else
+                t1 = t2;
+              if (t1) {
+                t1 = $async$self._async_evaluate$_assertInModule$2($async$self._async_evaluate$__parent, "__parent").children;
+                t1.get$last(t1).isGroupEnd = true;
+              }
+              $async$returnValue = null;
+              // goto return
+              $async$goto = 1;
+              break;
+            case 1:
+              // return
+              return A._asyncReturn($async$returnValue, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$visitStyleRule$1, $async$completer);
+    },
+    _async_evaluate$_warnForBogusCombinators$1(rule) {
+      var t1, t2, t3, t4, t5, _i, complex, visitor, t6, t7, t8, t9, _this = this, _null = null;
+      if (!rule.accept$1(B._IsInvisibleVisitor_false_false))
+        for (t1 = rule._style_rule$_selector._box$_inner.value.components, t2 = t1.length, t3 = type$.SourceSpan, t4 = type$.String, t5 = rule.children, _i = 0; _i < t2; ++_i) {
+          complex = t1[_i];
+          if (!complex.accept$1(B._IsBogusVisitor_true))
+            continue;
+          if (complex.accept$1(B.C__IsUselessVisitor)) {
+            visitor = A._SerializeVisitor$(_null, true, _null, _null, true, false, _null, true);
+            complex.accept$1(visitor);
+            _this._async_evaluate$_warn$3('The selector "' + B.JSString_methods.trim$0(visitor._serialize$_buffer.toString$0(0)) + string$.x22x20is_ix20, A.SpanExtensions_trimRight(complex.span), B.Deprecation_OUI);
+          } else if (complex.leadingCombinators.length !== 0) {
+            if (!_this._async_evaluate$_assertInModule$2(_this._async_evaluate$__stylesheet, "_stylesheet").plainCss) {
+              visitor = A._SerializeVisitor$(_null, true, _null, _null, true, false, _null, true);
+              complex.accept$1(visitor);
+              _this._async_evaluate$_warn$3('The selector "' + B.JSString_methods.trim$0(visitor._serialize$_buffer.toString$0(0)) + string$.x22x20is_ix0a, A.SpanExtensions_trimRight(complex.span), B.Deprecation_OUI);
+            }
+          } else {
+            visitor = A._SerializeVisitor$(_null, true, _null, _null, true, false, _null, true);
+            complex.accept$1(visitor);
+            t6 = B.JSString_methods.trim$0(visitor._serialize$_buffer.toString$0(0));
+            t7 = complex.accept$1(B._IsBogusVisitor_false) ? string$.x20It_wi : "";
+            t8 = A.SpanExtensions_trimRight(complex.span);
+            if (t5.get$length(0) === 0)
+              A.throwExpression(A.IterableElementError_noElement());
+            t9 = J.get$span$z(t5.$index(0, 0));
+            _this._async_evaluate$_warn$3('The selector "' + t6 + string$.x22x20is_o + t7 + string$.x0aThis_, new A.MultiSpan(t8, "invalid selector", A.ConstantMap_ConstantMap$from(A.LinkedHashMap_LinkedHashMap$_literal([t9, "this is not a style rule" + (t5.every$1(t5, new A._EvaluateVisitor__warnForBogusCombinators_closure0()) ? "\n(try converting to a //-style comment)" : "")], t3, t4), t3, t4)), B.Deprecation_OUI);
+          }
+        }
+    },
+    visitSupportsRule$1(_, node) {
+      return this.visitSupportsRule$body$_EvaluateVisitor(0, node);
+    },
+    visitSupportsRule$body$_EvaluateVisitor(_, node) {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.nullable_Value),
+        $async$returnValue, $async$self = this, t1, $async$temp1, $async$temp2;
+      var $async$visitSupportsRule$1 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              if ($async$self._async_evaluate$_declarationName != null)
+                throw A.wrapException($async$self._async_evaluate$_exception$2(string$.Suppor, node.span));
+              t1 = node.condition;
+              $async$temp1 = A;
+              $async$temp2 = A;
+              $async$goto = 4;
+              return A._asyncAwait($async$self._async_evaluate$_visitSupportsCondition$1(t1), $async$visitSupportsRule$1);
+            case 4:
+              // returning from await.
+              $async$goto = 3;
+              return A._asyncAwait($async$self._async_evaluate$_withParent$2$4$scopeWhen$through($async$temp1.ModifiableCssSupportsRule$(new $async$temp2.CssValue($async$result, t1.get$span(t1), type$.CssValue_String), node.span), new A._EvaluateVisitor_visitSupportsRule_closure1($async$self, node), node.hasDeclarations, new A._EvaluateVisitor_visitSupportsRule_closure2(), type$.ModifiableCssSupportsRule, type$.Null), $async$visitSupportsRule$1);
+            case 3:
+              // returning from await.
+              $async$returnValue = null;
+              // goto return
+              $async$goto = 1;
+              break;
+            case 1:
+              // return
+              return A._asyncReturn($async$returnValue, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$visitSupportsRule$1, $async$completer);
+    },
+    _async_evaluate$_visitSupportsCondition$1(condition) {
+      return this._visitSupportsCondition$body$_EvaluateVisitor(condition);
+    },
+    _visitSupportsCondition$body$_EvaluateVisitor(condition) {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.String),
+        $async$returnValue, $async$self = this, t1, $async$temp1, $async$temp2;
+      var $async$_async_evaluate$_visitSupportsCondition$1 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              $async$goto = condition instanceof A.SupportsOperation ? 4 : 5;
+              break;
+            case 4:
+              // then
+              t1 = condition.operator;
+              $async$temp1 = A;
+              $async$goto = 6;
+              return A._asyncAwait($async$self._async_evaluate$_parenthesize$2(condition.left, t1), $async$_async_evaluate$_visitSupportsCondition$1);
+            case 6:
+              // returning from await.
+              $async$temp1 = $async$temp1.S($async$result) + " " + t1 + " ";
+              $async$temp2 = A;
+              $async$goto = 7;
+              return A._asyncAwait($async$self._async_evaluate$_parenthesize$2(condition.right, t1), $async$_async_evaluate$_visitSupportsCondition$1);
+            case 7:
+              // returning from await.
+              t1 = $async$temp1 + $async$temp2.S($async$result);
+              // goto break $label0$0
+              $async$goto = 3;
+              break;
+            case 5:
+              // join
+              $async$goto = condition instanceof A.SupportsNegation ? 8 : 9;
+              break;
+            case 8:
+              // then
+              $async$temp1 = A;
+              $async$goto = 10;
+              return A._asyncAwait($async$self._async_evaluate$_parenthesize$1(condition.condition), $async$_async_evaluate$_visitSupportsCondition$1);
+            case 10:
+              // returning from await.
+              t1 = "not " + $async$temp1.S($async$result);
+              // goto break $label0$0
+              $async$goto = 3;
+              break;
+            case 9:
+              // join
+              $async$goto = condition instanceof A.SupportsInterpolation ? 11 : 12;
+              break;
+            case 11:
+              // then
+              $async$goto = 13;
+              return A._asyncAwait($async$self._evaluateToCss$2$quote(condition.expression, false), $async$_async_evaluate$_visitSupportsCondition$1);
+            case 13:
+              // returning from await.
+              t1 = $async$result;
+              // goto break $label0$0
+              $async$goto = 3;
+              break;
+            case 12:
+              // join
+              t1 = {};
+              t1.declaration = null;
+              $async$goto = condition instanceof A.SupportsDeclaration ? 14 : 15;
+              break;
+            case 14:
+              // then
+              t1.declaration = condition;
+              $async$goto = 16;
+              return A._asyncAwait($async$self._async_evaluate$_withSupportsDeclaration$1$1(new A._EvaluateVisitor__visitSupportsCondition_closure0(t1, $async$self), type$.String), $async$_async_evaluate$_visitSupportsCondition$1);
+            case 16:
+              // returning from await.
+              t1 = $async$result;
+              // goto break $label0$0
+              $async$goto = 3;
+              break;
+            case 15:
+              // join
+              $async$goto = condition instanceof A.SupportsFunction ? 17 : 18;
+              break;
+            case 17:
+              // then
+              $async$temp1 = A;
+              $async$goto = 19;
+              return A._asyncAwait($async$self._async_evaluate$_performInterpolation$1(condition.name), $async$_async_evaluate$_visitSupportsCondition$1);
+            case 19:
+              // returning from await.
+              $async$temp1 = $async$temp1.S($async$result) + "(";
+              $async$temp2 = A;
+              $async$goto = 20;
+              return A._asyncAwait($async$self._async_evaluate$_performInterpolation$1(condition.$arguments), $async$_async_evaluate$_visitSupportsCondition$1);
+            case 20:
+              // returning from await.
+              t1 = $async$temp1 + $async$temp2.S($async$result) + ")";
+              // goto break $label0$0
+              $async$goto = 3;
+              break;
+            case 18:
+              // join
+              $async$goto = condition instanceof A.SupportsAnything ? 21 : 22;
+              break;
+            case 21:
+              // then
+              $async$temp1 = A;
+              $async$goto = 23;
+              return A._asyncAwait($async$self._async_evaluate$_performInterpolation$1(condition.contents), $async$_async_evaluate$_visitSupportsCondition$1);
+            case 23:
+              // returning from await.
+              t1 = "(" + $async$temp1.S($async$result) + ")";
+              // goto break $label0$0
+              $async$goto = 3;
+              break;
+            case 22:
+              // join
+              t1 = A.throwExpression(A.ArgumentError$("Unknown supports condition type " + A.getRuntimeTypeOfDartObject(condition).toString$0(0) + ".", null));
+            case 3:
+              // break $label0$0
+              $async$returnValue = t1;
+              // goto return
+              $async$goto = 1;
+              break;
+            case 1:
+              // return
+              return A._asyncReturn($async$returnValue, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$_async_evaluate$_visitSupportsCondition$1, $async$completer);
+    },
+    _async_evaluate$_withSupportsDeclaration$1$1(callback, $T) {
+      return this._withSupportsDeclaration$body$_EvaluateVisitor(callback, $T, $T);
+    },
+    _withSupportsDeclaration$body$_EvaluateVisitor(callback, $T, $async$type) {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter($async$type),
+        $async$returnValue, $async$handler = 2, $async$errorStack = [], $async$next = [], $async$self = this, t1, oldInSupportsDeclaration;
+      var $async$_async_evaluate$_withSupportsDeclaration$1$1 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1) {
+          $async$errorStack.push($async$result);
+          $async$goto = $async$handler;
+        }
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              oldInSupportsDeclaration = $async$self._async_evaluate$_inSupportsDeclaration;
+              $async$self._async_evaluate$_inSupportsDeclaration = true;
+              $async$handler = 3;
+              t1 = callback.call$0();
+              $async$goto = 6;
+              return A._asyncAwait($T._eval$1("Future<0>")._is(t1) ? t1 : A._Future$value(t1, $T), $async$_async_evaluate$_withSupportsDeclaration$1$1);
+            case 6:
+              // returning from await.
+              t1 = $async$result;
+              $async$returnValue = t1;
+              $async$next = [1];
+              // goto finally
+              $async$goto = 4;
+              break;
+              $async$next.push(5);
+              // goto finally
+              $async$goto = 4;
+              break;
+            case 3:
+              // uncaught
+              $async$next = [2];
+            case 4:
+              // finally
+              $async$handler = 2;
+              $async$self._async_evaluate$_inSupportsDeclaration = oldInSupportsDeclaration;
+              // goto the next finally handler
+              $async$goto = $async$next.pop();
+              break;
+            case 5:
+              // after finally
+            case 1:
+              // return
+              return A._asyncReturn($async$returnValue, $async$completer);
+            case 2:
+              // rethrow
+              return A._asyncRethrow($async$errorStack.at(-1), $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$_async_evaluate$_withSupportsDeclaration$1$1, $async$completer);
+    },
+    _async_evaluate$_parenthesize$2(condition, operator) {
+      return this._parenthesize$body$_EvaluateVisitor(condition, operator);
+    },
+    _async_evaluate$_parenthesize$1(condition) {
+      return this._async_evaluate$_parenthesize$2(condition, null);
+    },
+    _parenthesize$body$_EvaluateVisitor(condition, operator) {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.String),
+        $async$returnValue, $async$self = this, t1, $async$temp1;
+      var $async$_async_evaluate$_parenthesize$2 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              if (!(condition instanceof A.SupportsNegation))
+                if (condition instanceof A.SupportsOperation)
+                  t1 = operator == null || operator !== condition.operator;
+                else
+                  t1 = false;
+              else
+                t1 = true;
+              $async$goto = t1 ? 3 : 4;
+              break;
+            case 3:
+              // then
+              $async$temp1 = A;
+              $async$goto = 5;
+              return A._asyncAwait($async$self._async_evaluate$_visitSupportsCondition$1(condition), $async$_async_evaluate$_parenthesize$2);
+            case 5:
+              // returning from await.
+              $async$returnValue = "(" + $async$temp1.S($async$result) + ")";
+              // goto return
+              $async$goto = 1;
+              break;
+            case 4:
+              // join
+              $async$goto = 6;
+              return A._asyncAwait($async$self._async_evaluate$_visitSupportsCondition$1(condition), $async$_async_evaluate$_parenthesize$2);
+            case 6:
+              // returning from await.
+              $async$returnValue = $async$result;
+              // goto return
+              $async$goto = 1;
+              break;
+            case 1:
+              // return
+              return A._asyncReturn($async$returnValue, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$_async_evaluate$_parenthesize$2, $async$completer);
+    },
+    visitVariableDeclaration$1(_, node) {
+      return this.visitVariableDeclaration$body$_EvaluateVisitor(0, node);
+    },
+    visitVariableDeclaration$body$_EvaluateVisitor(_, node) {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.nullable_Value),
+        $async$returnValue, $async$self = this, t1, t2, _0_0, value, $async$temp1, $async$temp2, $async$temp3;
+      var $async$visitVariableDeclaration$1 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              if (node.isGuarded) {
+                if (node.namespace == null && $async$self._async_evaluate$_environment._async_environment$_variables.length === 1) {
+                  t1 = node.name;
+                  $async$self._async_evaluate$_environment._async_environment$_configurableVariables.add$1(0, t1);
+                  t2 = $async$self._async_evaluate$_configuration._configuration$_values;
+                  _0_0 = t2.get$isEmpty(t2) ? null : t2.remove$1(0, t1);
+                  t1 = {};
+                  t1.override = null;
+                  if (_0_0 != null) {
+                    t1.override = _0_0;
+                    t2 = !_0_0.value.$eq(0, B.C__SassNull);
+                  } else
+                    t2 = false;
+                  if (t2) {
+                    $async$self._async_evaluate$_addExceptionSpan$2(node, new A._EvaluateVisitor_visitVariableDeclaration_closure2(t1, $async$self, node));
+                    $async$returnValue = null;
+                    // goto return
+                    $async$goto = 1;
+                    break;
+                  }
+                }
+                value = $async$self._async_evaluate$_addExceptionSpan$2(node, new A._EvaluateVisitor_visitVariableDeclaration_closure3($async$self, node));
+                if (value != null && !value.$eq(0, B.C__SassNull)) {
+                  $async$returnValue = null;
+                  // goto return
+                  $async$goto = 1;
+                  break;
+                }
+              }
+              if (node.isGlobal && !$async$self._async_evaluate$_environment.globalVariableExists$1(node.name)) {
+                t1 = $async$self._async_evaluate$_environment._async_environment$_variables.length === 1 ? string$.As_of_S : string$.As_of_R + A.declarationName(node.span) + ": null` at the stylesheet root.";
+                $async$self._async_evaluate$_warn$3(t1, node.span, B.Deprecation_lZ1);
+              }
+              t1 = node.expression;
+              t2 = t1.accept$1($async$self);
+              $async$temp1 = node;
+              $async$temp2 = A;
+              $async$temp3 = node;
+              $async$goto = 3;
+              return A._asyncAwait(type$.Future_Value._is(t2) ? t2 : A._Future$value(t2, type$.Value), $async$visitVariableDeclaration$1);
+            case 3:
+              // returning from await.
+              $async$self._async_evaluate$_addExceptionSpan$2($async$temp1, new $async$temp2._EvaluateVisitor_visitVariableDeclaration_closure4($async$self, $async$temp3, $async$self._async_evaluate$_withoutSlash$2($async$result, t1)));
+              $async$returnValue = null;
+              // goto return
+              $async$goto = 1;
+              break;
+            case 1:
+              // return
+              return A._asyncReturn($async$returnValue, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$visitVariableDeclaration$1, $async$completer);
+    },
+    visitUseRule$1(_, node) {
+      return this.visitUseRule$body$_EvaluateVisitor(0, node);
+    },
+    visitUseRule$body$_EvaluateVisitor(_, node) {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.nullable_Value),
+        $async$returnValue, $async$self = this, values, t3, t4, _i, variable, t5, variableNodeWithSpan, t6, configuration, t1, t2, $async$temp1, $async$temp2, $async$temp3;
+      var $async$visitUseRule$1 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              t1 = node.configuration;
+              t2 = t1.length;
+              $async$goto = t2 !== 0 ? 3 : 5;
+              break;
+            case 3:
+              // then
+              values = A.LinkedHashMap_LinkedHashMap$_empty(type$.String, type$.ConfiguredValue);
+              t3 = type$._Future_Value, t4 = type$.Future_Value, _i = 0;
+            case 6:
+              // for condition
+              if (!(_i < t2)) {
+                // goto after for
+                $async$goto = 8;
+                break;
+              }
+              variable = t1[_i];
+              t5 = variable.expression;
+              variableNodeWithSpan = $async$self._async_evaluate$_expressionNode$1(t5);
+              t5 = t5.accept$1($async$self);
+              if (!t4._is(t5)) {
+                t6 = new A._Future($.Zone__current, t3);
+                t6._state = 8;
+                t6._resultOrListeners = t5;
+                t5 = t6;
+              }
+              $async$temp1 = values;
+              $async$temp2 = variable.name;
+              $async$temp3 = A;
+              $async$goto = 9;
+              return A._asyncAwait(t5, $async$visitUseRule$1);
+            case 9:
+              // returning from await.
+              $async$temp1.$indexSet(0, $async$temp2, new $async$temp3.ConfiguredValue($async$self._async_evaluate$_withoutSlash$2($async$result, variableNodeWithSpan), variable.span, variableNodeWithSpan));
+            case 7:
+              // for update
+              ++_i;
+              // goto for condition
+              $async$goto = 6;
+              break;
+            case 8:
+              // after for
+              configuration = new A.ExplicitConfiguration(node, values, null);
+              // goto join
+              $async$goto = 4;
+              break;
+            case 5:
+              // else
+              configuration = B.Configuration_Map_empty_null;
+            case 4:
+              // join
+              $async$goto = 10;
+              return A._asyncAwait($async$self._async_evaluate$_loadModule$5$configuration(node.url, "@use", node, new A._EvaluateVisitor_visitUseRule_closure0($async$self, node), configuration), $async$visitUseRule$1);
+            case 10:
+              // returning from await.
+              $async$self._async_evaluate$_assertConfigurationIsEmpty$1(configuration);
+              $async$returnValue = null;
+              // goto return
+              $async$goto = 1;
+              break;
+            case 1:
+              // return
+              return A._asyncReturn($async$returnValue, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$visitUseRule$1, $async$completer);
+    },
+    visitWarnRule$1(_, node) {
+      return this.visitWarnRule$body$_EvaluateVisitor(0, node);
+    },
+    visitWarnRule$body$_EvaluateVisitor(_, node) {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.nullable_Value),
+        $async$returnValue, $async$self = this, value, t1, t2;
+      var $async$visitWarnRule$1 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              $async$goto = 3;
+              return A._asyncAwait($async$self._addExceptionSpanAsync$1$2(node, new A._EvaluateVisitor_visitWarnRule_closure0($async$self, node), type$.Value), $async$visitWarnRule$1);
+            case 3:
+              // returning from await.
+              value = $async$result;
+              t1 = value instanceof A.SassString ? value._string$_text : $async$self._async_evaluate$_serialize$2(value, node.expression);
+              t2 = $async$self._async_evaluate$_stackTrace$1(node.span);
+              $async$self._async_evaluate$_logger.internalWarn$4$deprecation$span$trace(t1, null, null, t2);
+              $async$returnValue = null;
+              // goto return
+              $async$goto = 1;
+              break;
+            case 1:
+              // return
+              return A._asyncReturn($async$returnValue, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$visitWarnRule$1, $async$completer);
+    },
+    visitWhileRule$1(_, node) {
+      return this._async_evaluate$_environment.scope$1$3$semiGlobal$when(new A._EvaluateVisitor_visitWhileRule_closure0(this, node), true, node.hasDeclarations, type$.nullable_Value);
+    },
+    visitBinaryOperationExpression$1(_, node) {
+      var t1, _this = this;
+      if (_this._async_evaluate$_assertInModule$2(_this._async_evaluate$__stylesheet, "_stylesheet").plainCss) {
+        t1 = node.operator;
+        t1 = t1 !== B.BinaryOperator_Kyq && t1 !== B.BinaryOperator_Mh5;
+      } else
+        t1 = false;
+      if (t1)
+        throw A.wrapException(_this._async_evaluate$_exception$2("Operators aren't allowed in plain CSS.", node.get$operatorSpan()));
+      return _this._addExceptionSpanAsync$1$2(node, new A._EvaluateVisitor_visitBinaryOperationExpression_closure0(_this, node), type$.Value);
+    },
+    _async_evaluate$_slash$3(left, right, node) {
+      var left0, _1_2,
+        result = left.dividedBy$1(right),
+        _1_2_isSet = left instanceof A.SassNumber,
+        right0 = null,
+        t1 = false;
+      if (_1_2_isSet) {
+        if (right instanceof A.SassNumber) {
+          t1 = node.allowsSlash && this._async_evaluate$_operandAllowsSlash$1(node.left) && this._async_evaluate$_operandAllowsSlash$1(node.right);
+          right0 = right;
+        }
+        left0 = left;
+        _1_2 = right;
+      } else {
+        _1_2 = null;
+        left0 = null;
+      }
+      if (t1)
+        return type$.SassNumber._as(result).withSlash$2(left0, right0);
+      if (left instanceof A.SassNumber)
+        t1 = (_1_2_isSet ? _1_2 : right) instanceof A.SassNumber;
+      else
+        t1 = false;
+      if (t1) {
+        this._async_evaluate$_warn$3(string$.Using__o + A.S(new A._EvaluateVisitor__slash_recommendation0().call$1(node)) + " or " + A.expressionToCalc(node).toString$0(0) + string$.x0a_Morex20, node.get$span(0), B.Deprecation_wha);
+        return result;
+      }
+      return result;
+    },
+    _async_evaluate$_operandAllowsSlash$1(node) {
+      var t1;
+      if (node instanceof A.FunctionExpression)
+        if (node.namespace == null) {
+          t1 = node.name;
+          t1 = B.Set_Pr3yj.contains$1(0, t1.toLowerCase()) && this._async_evaluate$_environment.getFunction$1(t1) == null;
+        } else
+          t1 = false;
+      else
+        t1 = true;
+      return t1;
+    },
+    visitValueExpression$1(_, node) {
+      return this.visitValueExpression$body$_EvaluateVisitor(0, node);
+    },
+    visitValueExpression$body$_EvaluateVisitor(_, node) {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.Value),
+        $async$returnValue;
+      var $async$visitValueExpression$1 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              $async$returnValue = node.value;
+              // goto return
+              $async$goto = 1;
+              break;
+            case 1:
+              // return
+              return A._asyncReturn($async$returnValue, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$visitValueExpression$1, $async$completer);
+    },
+    visitVariableExpression$1(_, node) {
+      return this.visitVariableExpression$body$_EvaluateVisitor(0, node);
+    },
+    visitVariableExpression$body$_EvaluateVisitor(_, node) {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.Value),
+        $async$returnValue, $async$self = this, result;
+      var $async$visitVariableExpression$1 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              result = $async$self._async_evaluate$_addExceptionSpan$2(node, new A._EvaluateVisitor_visitVariableExpression_closure0($async$self, node));
+              if (result != null) {
+                $async$returnValue = result;
+                // goto return
+                $async$goto = 1;
+                break;
+              }
+              throw A.wrapException($async$self._async_evaluate$_exception$2("Undefined variable.", node.span));
+            case 1:
+              // return
+              return A._asyncReturn($async$returnValue, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$visitVariableExpression$1, $async$completer);
+    },
+    visitUnaryOperationExpression$1(_, node) {
+      return this.visitUnaryOperationExpression$body$_EvaluateVisitor(0, node);
+    },
+    visitUnaryOperationExpression$body$_EvaluateVisitor(_, node) {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.Value),
+        $async$returnValue, $async$self = this, $async$temp1, $async$temp2, $async$temp3;
+      var $async$visitUnaryOperationExpression$1 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              $async$temp1 = node;
+              $async$temp2 = A;
+              $async$temp3 = node;
+              $async$goto = 3;
+              return A._asyncAwait(node.operand.accept$1($async$self), $async$visitUnaryOperationExpression$1);
+            case 3:
+              // returning from await.
+              $async$returnValue = $async$self._async_evaluate$_addExceptionSpan$2($async$temp1, new $async$temp2._EvaluateVisitor_visitUnaryOperationExpression_closure0($async$temp3, $async$result));
+              // goto return
+              $async$goto = 1;
+              break;
+            case 1:
+              // return
+              return A._asyncReturn($async$returnValue, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$visitUnaryOperationExpression$1, $async$completer);
+    },
+    visitBooleanExpression$1(_, node) {
+      return this.visitBooleanExpression$body$_EvaluateVisitor(0, node);
+    },
+    visitBooleanExpression$body$_EvaluateVisitor(_, node) {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.SassBoolean),
+        $async$returnValue;
+      var $async$visitBooleanExpression$1 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              $async$returnValue = node.value ? B.SassBoolean_true : B.SassBoolean_false;
+              // goto return
+              $async$goto = 1;
+              break;
+            case 1:
+              // return
+              return A._asyncReturn($async$returnValue, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$visitBooleanExpression$1, $async$completer);
+    },
+    visitIfExpression$1(_, node) {
+      return this.visitIfExpression$body$_EvaluateVisitor(0, node);
+    },
+    visitIfExpression$body$_EvaluateVisitor(_, node) {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.Value),
+        $async$returnValue, $async$self = this, condition, t1, ifTrue, ifFalse, result, _0_0, positional, named;
+      var $async$visitIfExpression$1 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              $async$goto = 3;
+              return A._asyncAwait($async$self._async_evaluate$_evaluateMacroArguments$1(node), $async$visitIfExpression$1);
+            case 3:
+              // returning from await.
+              _0_0 = $async$result;
+              positional = _0_0._0;
+              named = _0_0._1;
+              $async$self._async_evaluate$_verifyArguments$4(J.get$length$asx(positional), named, $.$get$IfExpression_declaration(), node);
+              condition = A.ListExtensions_elementAtOrNull(positional, 0);
+              if (condition == null) {
+                t1 = named.$index(0, "condition");
+                t1.toString;
+                condition = t1;
+              }
+              ifTrue = A.ListExtensions_elementAtOrNull(positional, 1);
+              if (ifTrue == null) {
+                t1 = named.$index(0, "if-true");
+                t1.toString;
+                ifTrue = t1;
+              }
+              ifFalse = A.ListExtensions_elementAtOrNull(positional, 2);
+              if (ifFalse == null) {
+                t1 = named.$index(0, "if-false");
+                t1.toString;
+                ifFalse = t1;
+              }
+              $async$goto = 4;
+              return A._asyncAwait(condition.accept$1($async$self), $async$visitIfExpression$1);
+            case 4:
+              // returning from await.
+              result = $async$result.get$isTruthy() ? ifTrue : ifFalse;
+              t1 = result.accept$1($async$self);
+              $async$goto = 5;
+              return A._asyncAwait(type$.Future_Value._is(t1) ? t1 : A._Future$value(t1, type$.Value), $async$visitIfExpression$1);
+            case 5:
+              // returning from await.
+              $async$returnValue = $async$self._async_evaluate$_withoutSlash$2($async$result, $async$self._async_evaluate$_expressionNode$1(result));
+              // goto return
+              $async$goto = 1;
+              break;
+            case 1:
+              // return
+              return A._asyncReturn($async$returnValue, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$visitIfExpression$1, $async$completer);
+    },
+    visitNullExpression$1(_, node) {
+      return this.visitNullExpression$body$_EvaluateVisitor(0, node);
+    },
+    visitNullExpression$body$_EvaluateVisitor(_, node) {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.Value),
+        $async$returnValue;
+      var $async$visitNullExpression$1 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              $async$returnValue = B.C__SassNull;
+              // goto return
+              $async$goto = 1;
+              break;
+            case 1:
+              // return
+              return A._asyncReturn($async$returnValue, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$visitNullExpression$1, $async$completer);
+    },
+    visitNumberExpression$1(_, node) {
+      return this.visitNumberExpression$body$_EvaluateVisitor(0, node);
+    },
+    visitNumberExpression$body$_EvaluateVisitor(_, node) {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.SassNumber),
+        $async$returnValue;
+      var $async$visitNumberExpression$1 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              $async$returnValue = A.SassNumber_SassNumber(node.value, node.unit);
+              // goto return
+              $async$goto = 1;
+              break;
+            case 1:
+              // return
+              return A._asyncReturn($async$returnValue, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$visitNumberExpression$1, $async$completer);
+    },
+    visitParenthesizedExpression$1(_, node) {
+      var _this = this;
+      return _this._async_evaluate$_assertInModule$2(_this._async_evaluate$__stylesheet, "_stylesheet").plainCss ? A.throwExpression(_this._async_evaluate$_exception$2("Parentheses aren't allowed in plain CSS.", node.span)) : node.expression.accept$1(_this);
+    },
+    visitColorExpression$1(_, node) {
+      return this.visitColorExpression$body$_EvaluateVisitor(0, node);
+    },
+    visitColorExpression$body$_EvaluateVisitor(_, node) {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.SassColor),
+        $async$returnValue;
+      var $async$visitColorExpression$1 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              $async$returnValue = node.value;
+              // goto return
+              $async$goto = 1;
+              break;
+            case 1:
+              // return
+              return A._asyncReturn($async$returnValue, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$visitColorExpression$1, $async$completer);
+    },
+    visitListExpression$1(_, node) {
+      return this.visitListExpression$body$_EvaluateVisitor(0, node);
+    },
+    visitListExpression$body$_EvaluateVisitor(_, node) {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.SassList),
+        $async$returnValue, $async$self = this, $async$temp1;
+      var $async$visitListExpression$1 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              $async$temp1 = A;
+              $async$goto = 3;
+              return A._asyncAwait(A.mapAsync(node.contents, new A._EvaluateVisitor_visitListExpression_closure0($async$self), type$.Expression, type$.Value), $async$visitListExpression$1);
+            case 3:
+              // returning from await.
+              $async$returnValue = $async$temp1.SassList$($async$result, node.separator, node.hasBrackets);
+              // goto return
+              $async$goto = 1;
+              break;
+            case 1:
+              // return
+              return A._asyncReturn($async$returnValue, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$visitListExpression$1, $async$completer);
+    },
+    visitMapExpression$1(_, node) {
+      return this.visitMapExpression$body$_EvaluateVisitor(0, node);
+    },
+    visitMapExpression$body$_EvaluateVisitor(_, node) {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.SassMap),
+        $async$returnValue, $async$self = this, t2, t3, _i, t4, key, keyValue, valueValue, oldValueSpan, t1, map, keyNodes;
+      var $async$visitMapExpression$1 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              t1 = type$.Value;
+              map = A.LinkedHashMap_LinkedHashMap$_empty(t1, t1);
+              keyNodes = A.LinkedHashMap_LinkedHashMap$_empty(t1, type$.AstNode);
+              t2 = node.pairs, t3 = t2.length, _i = 0;
+            case 3:
+              // for condition
+              if (!(_i < t3)) {
+                // goto after for
+                $async$goto = 5;
+                break;
+              }
+              t4 = t2[_i];
+              key = t4._0;
+              $async$goto = 6;
+              return A._asyncAwait(key.accept$1($async$self), $async$visitMapExpression$1);
+            case 6:
+              // returning from await.
+              keyValue = $async$result;
+              $async$goto = 7;
+              return A._asyncAwait(t4._1.accept$1($async$self), $async$visitMapExpression$1);
+            case 7:
+              // returning from await.
+              valueValue = $async$result;
+              if (map.containsKey$1(keyValue)) {
+                t1 = keyNodes.$index(0, keyValue);
+                oldValueSpan = t1 == null ? null : t1.get$span(t1);
+                t1 = key.get$span(key);
+                t2 = A.LinkedHashMap_LinkedHashMap$_empty(type$.FileSpan, type$.String);
+                if (oldValueSpan != null)
+                  t2.$indexSet(0, oldValueSpan, "first key");
+                throw A.wrapException(A.MultiSpanSassRuntimeException$("Duplicate key.", t1, "second key", t2, $async$self._async_evaluate$_stackTrace$1(key.get$span(key)), null));
+              }
+              map.$indexSet(0, keyValue, valueValue);
+              keyNodes.$indexSet(0, keyValue, key);
+            case 4:
+              // for update
+              ++_i;
+              // goto for condition
+              $async$goto = 3;
+              break;
+            case 5:
+              // after for
+              $async$returnValue = new A.SassMap(A.ConstantMap_ConstantMap$from(map, t1, t1));
+              // goto return
+              $async$goto = 1;
+              break;
+            case 1:
+              // return
+              return A._asyncReturn($async$returnValue, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$visitMapExpression$1, $async$completer);
+    },
+    visitFunctionExpression$1(_, node) {
+      return this.visitFunctionExpression$body$_EvaluateVisitor(0, node);
+    },
+    visitFunctionExpression$body$_EvaluateVisitor(_, node) {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.Value),
+        $async$returnValue, $async$self = this, t2, _0_0, t3, t4, $name, oldInFunction, result, t1, $function;
+      var $async$visitFunctionExpression$1 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              t1 = {};
+              $function = $async$self._async_evaluate$_assertInModule$2($async$self._async_evaluate$__stylesheet, "_stylesheet").plainCss ? null : $async$self._async_evaluate$_addExceptionSpan$2(node, new A._EvaluateVisitor_visitFunctionExpression_closure2($async$self, node));
+              t1.$function = $function;
+              $async$goto = $function == null ? 3 : 5;
+              break;
+            case 3:
+              // then
+              if (node.namespace != null)
+                throw A.wrapException($async$self._async_evaluate$_exception$2("Undefined function.", node.span));
+              t2 = node.name;
+              _0_0 = t2.toLowerCase();
+              t3 = false;
+              if ("min" === _0_0 || "max" === _0_0 || "round" === _0_0 || "abs" === _0_0) {
+                t3 = node.$arguments;
+                t4 = t3.named;
+                t3 = t4.get$isEmpty(t4) && t3.rest == null && B.JSArray_methods.every$1(t3.positional, new A._EvaluateVisitor_visitFunctionExpression_closure3());
+                $name = _0_0;
+              } else
+                $name = null;
+              $async$goto = t3 ? 6 : 7;
+              break;
+            case 6:
+              // then
+              $async$goto = 8;
+              return A._asyncAwait($async$self._async_evaluate$_visitCalculation$2$inLegacySassFunction(node, $name), $async$visitFunctionExpression$1);
+            case 8:
+              // returning from await.
+              $async$returnValue = $async$result;
+              // goto return
+              $async$goto = 1;
+              break;
+            case 7:
+              // join
+              $async$goto = "calc" === _0_0 || "clamp" === _0_0 || "hypot" === _0_0 || "sin" === _0_0 || "cos" === _0_0 || "tan" === _0_0 || "asin" === _0_0 || "acos" === _0_0 || "atan" === _0_0 || "sqrt" === _0_0 || "exp" === _0_0 || "sign" === _0_0 || "mod" === _0_0 || "rem" === _0_0 || "atan2" === _0_0 || "pow" === _0_0 || "log" === _0_0 || "calc-size" === _0_0 ? 9 : 10;
+              break;
+            case 9:
+              // then
+              $async$goto = 11;
+              return A._asyncAwait($async$self._async_evaluate$_visitCalculation$1(node), $async$visitFunctionExpression$1);
+            case 11:
+              // returning from await.
+              $async$returnValue = $async$result;
+              // goto return
+              $async$goto = 1;
+              break;
+            case 10:
+              // join
+              $function = $async$self._async_evaluate$_assertInModule$2($async$self._async_evaluate$__stylesheet, "_stylesheet").plainCss ? null : $async$self._async_evaluate$_builtInFunctions.$index(0, t2);
+              t2 = t1.$function = $function == null ? new A.PlainCssCallable(node.originalName) : $function;
+              // goto join
+              $async$goto = 4;
+              break;
+            case 5:
+              // else
+              t2 = $function;
+            case 4:
+              // join
+              if (B.JSString_methods.startsWith$1(node.originalName, "--") && t2 instanceof A.UserDefinedCallable && !B.JSString_methods.startsWith$1(t2.declaration.originalName, "--"))
+                $async$self._async_evaluate$_warn$3(string$.Sass__f, node.get$nameSpan(), B.Deprecation_Sqp);
+              oldInFunction = $async$self._async_evaluate$_inFunction;
+              $async$self._async_evaluate$_inFunction = true;
+              $async$goto = 12;
+              return A._asyncAwait($async$self._async_evaluate$_addErrorSpan$1$2(node, new A._EvaluateVisitor_visitFunctionExpression_closure4(t1, $async$self, node), type$.Value), $async$visitFunctionExpression$1);
+            case 12:
+              // returning from await.
+              result = $async$result;
+              $async$self._async_evaluate$_inFunction = oldInFunction;
+              $async$returnValue = result;
+              // goto return
+              $async$goto = 1;
+              break;
+            case 1:
+              // return
+              return A._asyncReturn($async$returnValue, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$visitFunctionExpression$1, $async$completer);
+    },
+    _async_evaluate$_visitCalculation$2$inLegacySassFunction(node, inLegacySassFunction) {
+      return this._visitCalculation$body$_EvaluateVisitor(node, inLegacySassFunction);
+    },
+    _async_evaluate$_visitCalculation$1(node) {
+      return this._async_evaluate$_visitCalculation$2$inLegacySassFunction(node, null);
+    },
+    _visitCalculation$body$_EvaluateVisitor(node, inLegacySassFunction) {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.Value),
+        $async$returnValue, $async$next = [], $async$self = this, $arguments, oldCallableNode, t1, _0_0, error, stackTrace, t4, _i, exception, t2, t3, $async$temp1;
+      var $async$_async_evaluate$_visitCalculation$2$inLegacySassFunction = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              t2 = node.$arguments;
+              t3 = t2.named;
+              if (t3.get$isNotEmpty(t3))
+                throw A.wrapException($async$self._async_evaluate$_exception$2(string$.Keywor, node.span));
+              else if (t2.rest != null)
+                throw A.wrapException($async$self._async_evaluate$_exception$2(string$.Rest_a, node.span));
+              $async$self._async_evaluate$_checkCalculationArguments$1(node);
+              t3 = A._setArrayType([], type$.JSArray_Object);
+              t2 = t2.positional, t4 = t2.length, _i = 0;
+            case 3:
+              // for condition
+              if (!(_i < t4)) {
+                // goto after for
+                $async$goto = 5;
+                break;
+              }
+              $async$temp1 = t3;
+              $async$goto = 6;
+              return A._asyncAwait($async$self._async_evaluate$_visitCalculationExpression$2$inLegacySassFunction(t2[_i], inLegacySassFunction), $async$_async_evaluate$_visitCalculation$2$inLegacySassFunction);
+            case 6:
+              // returning from await.
+              $async$temp1.push($async$result);
+            case 4:
+              // for update
+              ++_i;
+              // goto for condition
+              $async$goto = 3;
+              break;
+            case 5:
+              // after for
+              $arguments = t3;
+              if ($async$self._async_evaluate$_inSupportsDeclaration) {
+                $async$returnValue = new A.SassCalculation(node.name, A.List_List$unmodifiable($arguments, type$.Object));
+                // goto return
+                $async$goto = 1;
+                break;
+              }
+              oldCallableNode = $async$self._async_evaluate$_callableNode;
+              $async$self._async_evaluate$_callableNode = node;
+              try {
+                t1 = null;
+                t3 = node.name;
+                _0_0 = t3.toLowerCase();
+                $label0$0: {
+                  if ("calc" === _0_0) {
+                    t1 = A.SassCalculation_calc(J.$index$asx($arguments, 0));
+                    break $label0$0;
+                  }
+                  if ("sqrt" === _0_0) {
+                    t1 = A.SassCalculation__singleArgument("sqrt", J.$index$asx($arguments, 0), A.number0__sqrt$closure(), true);
+                    break $label0$0;
+                  }
+                  if ("sin" === _0_0) {
+                    t1 = A.SassCalculation__singleArgument("sin", J.$index$asx($arguments, 0), A.number0__sin$closure(), false);
+                    break $label0$0;
+                  }
+                  if ("cos" === _0_0) {
+                    t1 = A.SassCalculation__singleArgument("cos", J.$index$asx($arguments, 0), A.number0__cos$closure(), false);
+                    break $label0$0;
+                  }
+                  if ("tan" === _0_0) {
+                    t1 = A.SassCalculation__singleArgument("tan", J.$index$asx($arguments, 0), A.number0__tan$closure(), false);
+                    break $label0$0;
+                  }
+                  if ("asin" === _0_0) {
+                    t1 = A.SassCalculation__singleArgument("asin", J.$index$asx($arguments, 0), A.number0__asin$closure(), true);
+                    break $label0$0;
+                  }
+                  if ("acos" === _0_0) {
+                    t1 = A.SassCalculation__singleArgument("acos", J.$index$asx($arguments, 0), A.number0__acos$closure(), true);
+                    break $label0$0;
+                  }
+                  if ("atan" === _0_0) {
+                    t1 = A.SassCalculation__singleArgument("atan", J.$index$asx($arguments, 0), A.number0__atan$closure(), true);
+                    break $label0$0;
+                  }
+                  if ("abs" === _0_0) {
+                    t1 = A.SassCalculation_abs(J.$index$asx($arguments, 0));
+                    break $label0$0;
+                  }
+                  if ("exp" === _0_0) {
+                    t1 = A.SassCalculation_exp(J.$index$asx($arguments, 0));
+                    break $label0$0;
+                  }
+                  if ("sign" === _0_0) {
+                    t1 = A.SassCalculation_sign(J.$index$asx($arguments, 0));
+                    break $label0$0;
+                  }
+                  if ("min" === _0_0) {
+                    t1 = A.SassCalculation_min($arguments);
+                    break $label0$0;
+                  }
+                  if ("max" === _0_0) {
+                    t1 = A.SassCalculation_max($arguments);
+                    break $label0$0;
+                  }
+                  if ("hypot" === _0_0) {
+                    t1 = A.SassCalculation_hypot($arguments);
+                    break $label0$0;
+                  }
+                  if ("pow" === _0_0) {
+                    t1 = A.SassCalculation_pow(J.$index$asx($arguments, 0), A.ListExtensions_elementAtOrNull($arguments, 1));
+                    break $label0$0;
+                  }
+                  if ("atan2" === _0_0) {
+                    t1 = A.SassCalculation_atan2(J.$index$asx($arguments, 0), A.ListExtensions_elementAtOrNull($arguments, 1));
+                    break $label0$0;
+                  }
+                  if ("log" === _0_0) {
+                    t1 = A.SassCalculation_log(J.$index$asx($arguments, 0), A.ListExtensions_elementAtOrNull($arguments, 1));
+                    break $label0$0;
+                  }
+                  if ("mod" === _0_0) {
+                    t1 = A.SassCalculation_mod(J.$index$asx($arguments, 0), A.ListExtensions_elementAtOrNull($arguments, 1));
+                    break $label0$0;
+                  }
+                  if ("rem" === _0_0) {
+                    t1 = A.SassCalculation_rem(J.$index$asx($arguments, 0), A.ListExtensions_elementAtOrNull($arguments, 1));
+                    break $label0$0;
+                  }
+                  if ("round" === _0_0) {
+                    t1 = A.SassCalculation_roundInternal(J.$index$asx($arguments, 0), A.ListExtensions_elementAtOrNull($arguments, 1), A.ListExtensions_elementAtOrNull($arguments, 2), inLegacySassFunction, node.span, new A._EvaluateVisitor__visitCalculation_closure0($async$self, node));
+                    break $label0$0;
+                  }
+                  if ("clamp" === _0_0) {
+                    t1 = A.SassCalculation_clamp(J.$index$asx($arguments, 0), A.ListExtensions_elementAtOrNull($arguments, 1), A.ListExtensions_elementAtOrNull($arguments, 2));
+                    break $label0$0;
+                  }
+                  if ("calc-size" === _0_0) {
+                    t1 = A.SassCalculation_calcSize(J.$index$asx($arguments, 0), A.ListExtensions_elementAtOrNull($arguments, 1));
+                    break $label0$0;
+                  }
+                  t3 = A.UnsupportedError$('Unknown calculation name "' + t3 + '".');
+                  t1 = A.throwExpression(t3);
+                }
+                t1 = t1;
+                $async$returnValue = t1;
+                // goto return
+                $async$goto = 1;
+                break;
+              } catch (exception) {
+                t1 = A.unwrapException(exception);
+                if (t1 instanceof A.SassScriptException) {
+                  error = t1;
+                  stackTrace = A.getTraceFromException(exception);
+                  if (B.JSString_methods.contains$1(error.message, "compatible"))
+                    $async$self._async_evaluate$_verifyCompatibleNumbers$2($arguments, t2);
+                  A.throwWithTrace($async$self._async_evaluate$_exception$2(error.message, node.span), error, stackTrace);
+                } else
+                  throw exception;
+              } finally {
+                $async$self._async_evaluate$_callableNode = oldCallableNode;
+              }
+            case 1:
+              // return
+              return A._asyncReturn($async$returnValue, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$_async_evaluate$_visitCalculation$2$inLegacySassFunction, $async$completer);
+    },
+    _async_evaluate$_checkCalculationArguments$1(node) {
+      var t1, _0_0,
+        check = new A._EvaluateVisitor__checkCalculationArguments_check0(this, node);
+      $label0$0: {
+        t1 = node.name;
+        _0_0 = t1.toLowerCase();
+        if ("calc" === _0_0 || "sqrt" === _0_0 || "sin" === _0_0 || "cos" === _0_0 || "tan" === _0_0 || "asin" === _0_0 || "acos" === _0_0 || "atan" === _0_0 || "abs" === _0_0 || "exp" === _0_0 || "sign" === _0_0) {
+          check.call$1(1);
+          break $label0$0;
+        }
+        if ("min" === _0_0 || "max" === _0_0 || "hypot" === _0_0) {
+          check.call$0();
+          break $label0$0;
+        }
+        if ("pow" === _0_0 || "atan2" === _0_0 || "log" === _0_0 || "mod" === _0_0 || "rem" === _0_0 || "calc-size" === _0_0) {
+          check.call$1(2);
+          break $label0$0;
+        }
+        if ("round" === _0_0 || "clamp" === _0_0) {
+          check.call$1(3);
+          break $label0$0;
+        }
+        throw A.wrapException(A.UnsupportedError$('Unknown calculation name "' + t1 + '".'));
+      }
+    },
+    _async_evaluate$_verifyCompatibleNumbers$2(args, nodesWithSpans) {
+      var i, t1, _0_0, arg, t2, number1, j, number2, t3, t4, t5, t6;
+      for (i = 0; t1 = args.length, i < t1; ++i) {
+        _0_0 = args[i];
+        if (_0_0 instanceof A.SassNumber) {
+          t1 = _0_0.get$hasComplexUnits();
+          arg = _0_0;
+        } else {
+          arg = null;
+          t1 = false;
+        }
+        if (t1) {
+          t1 = A.S(arg);
+          t2 = nodesWithSpans[i];
+          throw A.wrapException(this._async_evaluate$_exception$2("Number " + t1 + " isn't compatible with CSS calculations.", t2.get$span(t2)));
+        }
+      }
+      for (i = 0; i < t1 - 1; ++i) {
+        number1 = args[i];
+        if (!(number1 instanceof A.SassNumber))
+          continue;
+        for (j = i + 1; t1 = args.length, j < t1; ++j) {
+          number2 = args[j];
+          if (!(number2 instanceof A.SassNumber))
+            continue;
+          if (number1.hasPossiblyCompatibleUnits$1(number2))
+            continue;
+          t1 = number1.toString$0(0);
+          t2 = number2.toString$0(0);
+          t3 = nodesWithSpans[i];
+          t3 = t3.get$span(t3);
+          t4 = number1.toString$0(0);
+          t5 = nodesWithSpans[j];
+          t5 = A.LinkedHashMap_LinkedHashMap$_literal([t5.get$span(t5), number2.toString$0(0)], type$.FileSpan, type$.String);
+          t6 = nodesWithSpans[i];
+          throw A.wrapException(A.MultiSpanSassRuntimeException$(t1 + " and " + t2 + " are incompatible.", t3, t4, t5, this._async_evaluate$_stackTrace$1(t6.get$span(t6)), null));
+        }
+      }
+    },
+    _async_evaluate$_visitCalculationExpression$2$inLegacySassFunction(node, inLegacySassFunction) {
+      return this._visitCalculationExpression$body$_EvaluateVisitor(node, inLegacySassFunction);
+    },
+    _visitCalculationExpression$body$_EvaluateVisitor(node, inLegacySassFunction) {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.Object),
+        $async$returnValue, $async$self = this, result, t2, _0_0, _box_0, _1_0, t3, _i, i, t1, inner, $async$temp1;
+      var $async$_async_evaluate$_visitCalculationExpression$2$inLegacySassFunction = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              t1 = node instanceof A.ParenthesizedExpression;
+              inner = t1 ? node.expression : null;
+              $async$goto = t1 ? 3 : 4;
+              break;
+            case 3:
+              // then
+              $async$goto = 5;
+              return A._asyncAwait($async$self._async_evaluate$_visitCalculationExpression$2$inLegacySassFunction(inner, inLegacySassFunction), $async$_async_evaluate$_visitCalculationExpression$2$inLegacySassFunction);
+            case 5:
+              // returning from await.
+              result = $async$result;
+              $async$returnValue = result instanceof A.SassString ? new A.SassString("(" + result._string$_text + ")", false) : result;
+              // goto return
+              $async$goto = 1;
+              break;
+            case 4:
+              // join
+              $async$goto = node instanceof A.StringExpression && node.accept$1(B.C_IsCalculationSafeVisitor) ? 6 : 7;
+              break;
+            case 6:
+              // then
+              t1 = node.text;
+              t2 = t1.get$asPlain();
+              _0_0 = t2 == null ? null : t2.toLowerCase();
+              if ("pi" === _0_0) {
+                t1 = A.SassNumber_SassNumber(3.141592653589793, null);
+                // goto break $label0$0
+                $async$goto = 8;
+                break;
+              }
+              if ("e" === _0_0) {
+                t1 = A.SassNumber_SassNumber(2.718281828459045, null);
+                // goto break $label0$0
+                $async$goto = 8;
+                break;
+              }
+              if ("infinity" === _0_0) {
+                t1 = A.SassNumber_SassNumber(1 / 0, null);
+                // goto break $label0$0
+                $async$goto = 8;
+                break;
+              }
+              if ("-infinity" === _0_0) {
+                t1 = A.SassNumber_SassNumber(-1 / 0, null);
+                // goto break $label0$0
+                $async$goto = 8;
+                break;
+              }
+              if ("nan" === _0_0) {
+                t1 = A.SassNumber_SassNumber(0 / 0, null);
+                // goto break $label0$0
+                $async$goto = 8;
+                break;
+              }
+              $async$temp1 = A;
+              $async$goto = 9;
+              return A._asyncAwait($async$self._async_evaluate$_performInterpolation$1(t1), $async$_async_evaluate$_visitCalculationExpression$2$inLegacySassFunction);
+            case 9:
+              // returning from await.
+              t1 = new $async$temp1.SassString($async$result, false);
+              // goto break $label0$0
+              $async$goto = 8;
+              break;
+            case 8:
+              // break $label0$0
+              $async$returnValue = t1;
+              // goto return
+              $async$goto = 1;
+              break;
+            case 7:
+              // join
+              _box_0 = {};
+              _box_0.right = _box_0.left = _box_0.operator = null;
+              t1 = node instanceof A.BinaryOperationExpression;
+              if (t1) {
+                _box_0.operator = node.operator;
+                _box_0.left = node.left;
+                _box_0.right = node.right;
+              }
+              $async$goto = t1 ? 10 : 11;
+              break;
+            case 10:
+              // then
+              $async$self._async_evaluate$_checkWhitespaceAroundCalculationOperator$1(node);
+              $async$goto = 12;
+              return A._asyncAwait($async$self._addExceptionSpanAsync$1$2(node, new A._EvaluateVisitor__visitCalculationExpression_closure0(_box_0, $async$self, node, inLegacySassFunction), type$.Object), $async$_async_evaluate$_visitCalculationExpression$2$inLegacySassFunction);
+            case 12:
+              // returning from await.
+              $async$returnValue = $async$result;
+              // goto return
+              $async$goto = 1;
+              break;
+            case 11:
+              // join
+              $async$goto = node instanceof A.NumberExpression || node instanceof A.VariableExpression || node instanceof A.FunctionExpression || node instanceof A.IfExpression ? 13 : 14;
+              break;
+            case 13:
+              // then
+              $async$goto = 15;
+              return A._asyncAwait(node.accept$1($async$self), $async$_async_evaluate$_visitCalculationExpression$2$inLegacySassFunction);
+            case 15:
+              // returning from await.
+              _1_0 = $async$result;
+              $label1$1: {
+                if (_1_0 instanceof A.SassNumber) {
+                  t1 = _1_0;
+                  break $label1$1;
+                }
+                if (_1_0 instanceof A.SassCalculation) {
+                  t1 = _1_0;
+                  break $label1$1;
+                }
+                if (_1_0 instanceof A.SassString) {
+                  t1 = !_1_0._hasQuotes;
+                  result = _1_0;
+                } else {
+                  result = null;
+                  t1 = false;
+                }
+                if (t1) {
+                  t1 = result;
+                  break $label1$1;
+                }
+                t1 = A.throwExpression($async$self._async_evaluate$_exception$2("Value " + _1_0.toString$0(0) + " can't be used in a calculation.", node.get$span(node)));
+              }
+              $async$returnValue = t1;
+              // goto return
+              $async$goto = 1;
+              break;
+            case 14:
+              // join
+              $async$goto = node instanceof A.ListExpression && !node.hasBrackets && B.ListSeparator_qSL === node.separator && node.contents.length >= 2 ? 16 : 17;
+              break;
+            case 16:
+              // then
+              t1 = A._setArrayType([], type$.JSArray_Object);
+              t2 = node.contents, t3 = t2.length, _i = 0;
+            case 18:
+              // for condition
+              if (!(_i < t3)) {
+                // goto after for
+                $async$goto = 20;
+                break;
+              }
+              $async$temp1 = t1;
+              $async$goto = 21;
+              return A._asyncAwait($async$self._async_evaluate$_visitCalculationExpression$2$inLegacySassFunction(t2[_i], inLegacySassFunction), $async$_async_evaluate$_visitCalculationExpression$2$inLegacySassFunction);
+            case 21:
+              // returning from await.
+              $async$temp1.push($async$result);
+            case 19:
+              // for update
+              ++_i;
+              // goto for condition
+              $async$goto = 18;
+              break;
+            case 20:
+              // after for
+              $async$self._async_evaluate$_checkAdjacentCalculationValues$2(t1, node);
+              for (i = 0; i < t1.length; ++i) {
+                t3 = t1[i];
+                if (t3 instanceof A.CalculationOperation && t2[i] instanceof A.ParenthesizedExpression)
+                  t1[i] = new A.SassString("(" + t3.toString$0(0) + ")", false);
+              }
+              $async$returnValue = new A.SassString(B.JSArray_methods.join$1(t1, " "), false);
+              // goto return
+              $async$goto = 1;
+              break;
+            case 17:
+              // join
+              throw A.wrapException($async$self._async_evaluate$_exception$2(string$.This_e, node.get$span(node)));
+            case 1:
+              // return
+              return A._asyncReturn($async$returnValue, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$_async_evaluate$_visitCalculationExpression$2$inLegacySassFunction, $async$completer);
+    },
+    _async_evaluate$_checkWhitespaceAroundCalculationOperator$1(node) {
+      var t2, t3, t4, textBetweenOperands, first, last,
+        t1 = node.operator;
+      if (t1 !== B.BinaryOperator_Swh && t1 !== B.BinaryOperator_QG1)
+        return;
+      t1 = node.left;
+      t2 = t1.get$span(t1);
+      t2 = t2.get$file(t2);
+      t3 = node.right;
+      t4 = t3.get$span(t3);
+      if (t2 !== t4.get$file(t4))
+        return;
+      t2 = t1.get$span(t1);
+      t2 = t2.get$end(t2);
+      t4 = t3.get$span(t3);
+      if (t2.offset >= t4.get$start(t4).offset)
+        return;
+      t2 = t1.get$span(t1);
+      t2 = t2.get$file(t2);
+      t1 = t1.get$span(t1);
+      t1 = t1.get$end(t1);
+      t3 = t3.get$span(t3);
+      textBetweenOperands = A.String_String$fromCharCodes(B.NativeUint32List_methods.sublist$2(t2._decodedChars, t1.offset, t3.get$start(t3).offset), 0, null);
+      first = textBetweenOperands.charCodeAt(0);
+      last = textBetweenOperands.charCodeAt(textBetweenOperands.length - 1);
+      if (first === 32 || first === 9 || first === 10 || first === 13 || first === 12 || first === 47)
+        t1 = !(last === 32 || last === 9 || last === 10 || last === 13 || last === 12 || last === 47);
+      else
+        t1 = true;
+      if (t1)
+        throw A.wrapException(this._async_evaluate$_exception$2(string$.x22x2b__an, node.get$operatorSpan()));
+    },
+    _async_evaluate$_binaryOperatorToCalculationOperator$2(operator, node) {
+      var t1;
+      $label0$0: {
+        if (B.BinaryOperator_Swh === operator) {
+          t1 = B.CalculationOperator_F7i;
+          break $label0$0;
+        }
+        if (B.BinaryOperator_QG1 === operator) {
+          t1 = B.CalculationOperator_oum;
+          break $label0$0;
+        }
+        if (B.BinaryOperator_tht === operator) {
+          t1 = B.CalculationOperator_kkN;
+          break $label0$0;
+        }
+        if (B.BinaryOperator_Mh5 === operator) {
+          t1 = B.CalculationOperator_bo5;
+          break $label0$0;
+        }
+        t1 = A.throwExpression(this._async_evaluate$_exception$2(string$.This_o, node.get$operatorSpan()));
+      }
+      return t1;
+    },
+    _async_evaluate$_checkAdjacentCalculationValues$2(elements, node) {
+      var t1, i, t2, previous, current, previousNode, currentNode, _0_2;
+      for (t1 = elements.length, i = 1; i < t1; ++i) {
+        t2 = i - 1;
+        previous = elements[t2];
+        current = elements[i];
+        if (previous instanceof A.SassString || current instanceof A.SassString)
+          continue;
+        t1 = node.contents;
+        previousNode = t1[t2];
+        currentNode = t1[i];
+        if (currentNode instanceof A.UnaryOperationExpression) {
+          _0_2 = currentNode.operator;
+          if (B.UnaryOperator_UCP !== _0_2)
+            t1 = B.UnaryOperator_Rbl === _0_2;
+          else
+            t1 = true;
+        } else
+          t1 = false;
+        if (!t1)
+          t1 = currentNode instanceof A.NumberExpression && currentNode.value < 0;
+        else
+          t1 = true;
+        if (t1)
+          throw A.wrapException(this._async_evaluate$_exception$2(string$.x22x2b__an, A.FileSpanExtension_subspan(currentNode.get$span(currentNode), 0, 1)));
+        else
+          throw A.wrapException(this._async_evaluate$_exception$2("Missing math operator.", previousNode.get$span(previousNode).expand$1(0, currentNode.get$span(currentNode))));
+      }
+    },
+    visitInterpolatedFunctionExpression$1(_, node) {
+      return this.visitInterpolatedFunctionExpression$body$_EvaluateVisitor(0, node);
+    },
+    visitInterpolatedFunctionExpression$body$_EvaluateVisitor(_, node) {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.Value),
+        $async$returnValue, $async$self = this, result, t1, oldInFunction;
+      var $async$visitInterpolatedFunctionExpression$1 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              $async$goto = 3;
+              return A._asyncAwait($async$self._async_evaluate$_performInterpolation$1(node.name), $async$visitInterpolatedFunctionExpression$1);
+            case 3:
+              // returning from await.
+              t1 = $async$result;
+              oldInFunction = $async$self._async_evaluate$_inFunction;
+              $async$self._async_evaluate$_inFunction = true;
+              $async$goto = 4;
+              return A._asyncAwait($async$self._async_evaluate$_addErrorSpan$1$2(node, new A._EvaluateVisitor_visitInterpolatedFunctionExpression_closure0($async$self, node, new A.PlainCssCallable(t1)), type$.Value), $async$visitInterpolatedFunctionExpression$1);
+            case 4:
+              // returning from await.
+              result = $async$result;
+              $async$self._async_evaluate$_inFunction = oldInFunction;
+              $async$returnValue = result;
+              // goto return
+              $async$goto = 1;
+              break;
+            case 1:
+              // return
+              return A._asyncReturn($async$returnValue, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$visitInterpolatedFunctionExpression$1, $async$completer);
+    },
+    _async_evaluate$_runUserDefinedCallable$1$4($arguments, callable, nodeWithSpan, run, $V) {
+      return this._runUserDefinedCallable$body$_EvaluateVisitor($arguments, callable, nodeWithSpan, run, $V, $V);
+    },
+    _runUserDefinedCallable$body$_EvaluateVisitor($arguments, callable, nodeWithSpan, run, $V, $async$type) {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter($async$type),
+        $async$returnValue, $async$self = this, oldInDependency, result, evaluated, $name;
+      var $async$_async_evaluate$_runUserDefinedCallable$1$4 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              $async$goto = 3;
+              return A._asyncAwait($async$self._async_evaluate$_evaluateArguments$1($arguments), $async$_async_evaluate$_runUserDefinedCallable$1$4);
+            case 3:
+              // returning from await.
+              evaluated = $async$result;
+              $name = callable.declaration.name;
+              if ($name !== "@content")
+                $name += "()";
+              oldInDependency = $async$self._async_evaluate$_inDependency;
+              $async$self._async_evaluate$_inDependency = callable.inDependency;
+              $async$goto = 4;
+              return A._asyncAwait($async$self._async_evaluate$_withStackFrame$1$3($name, nodeWithSpan, new A._EvaluateVisitor__runUserDefinedCallable_closure0($async$self, callable, evaluated, nodeWithSpan, run, $V), $V), $async$_async_evaluate$_runUserDefinedCallable$1$4);
+            case 4:
+              // returning from await.
+              result = $async$result;
+              $async$self._async_evaluate$_inDependency = oldInDependency;
+              $async$returnValue = result;
+              // goto return
+              $async$goto = 1;
+              break;
+            case 1:
+              // return
+              return A._asyncReturn($async$returnValue, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$_async_evaluate$_runUserDefinedCallable$1$4, $async$completer);
+    },
+    _async_evaluate$_runFunctionCallable$3($arguments, callable, nodeWithSpan) {
+      return this._runFunctionCallable$body$_EvaluateVisitor($arguments, callable, nodeWithSpan);
+    },
+    _runFunctionCallable$body$_EvaluateVisitor($arguments, callable, nodeWithSpan) {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.Value),
+        $async$returnValue, $async$handler = 2, $async$errorStack = [], $async$self = this, buffer, first, argument, restArg, rest, error, t1, t2, _i, t3, t4, exception, $async$exception, $async$temp1;
+      var $async$_async_evaluate$_runFunctionCallable$3 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1) {
+          $async$errorStack.push($async$result);
+          $async$goto = $async$handler;
+        }
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              $async$goto = type$.AsyncBuiltInCallable._is(callable) ? 3 : 5;
+              break;
+            case 3:
+              // then
+              $async$goto = 6;
+              return A._asyncAwait($async$self._async_evaluate$_runBuiltInCallable$3($arguments, callable, nodeWithSpan), $async$_async_evaluate$_runFunctionCallable$3);
+            case 6:
+              // returning from await.
+              $async$returnValue = $async$self._async_evaluate$_withoutSlash$2($async$result, nodeWithSpan);
+              // goto return
+              $async$goto = 1;
+              break;
+              // goto join
+              $async$goto = 4;
+              break;
+            case 5:
+              // else
+              $async$goto = type$.UserDefinedCallable_AsyncEnvironment._is(callable) ? 7 : 9;
+              break;
+            case 7:
+              // then
+              $async$goto = 10;
+              return A._asyncAwait($async$self._async_evaluate$_runUserDefinedCallable$1$4($arguments, callable, nodeWithSpan, new A._EvaluateVisitor__runFunctionCallable_closure0($async$self, callable), type$.Value), $async$_async_evaluate$_runFunctionCallable$3);
+            case 10:
+              // returning from await.
+              $async$returnValue = $async$result;
+              // goto return
+              $async$goto = 1;
+              break;
+              // goto join
+              $async$goto = 8;
+              break;
+            case 9:
+              // else
+              $async$goto = callable instanceof A.PlainCssCallable ? 11 : 13;
+              break;
+            case 11:
+              // then
+              t1 = $arguments.named;
+              if (t1.get$isNotEmpty(t1) || $arguments.keywordRest != null)
+                throw A.wrapException($async$self._async_evaluate$_exception$2(string$.Plain_, nodeWithSpan.get$span(nodeWithSpan)));
+              buffer = new A.StringBuffer(callable.name + "(");
+              $async$handler = 15;
+              first = true;
+              t1 = $arguments.positional, t2 = t1.length, _i = 0;
+            case 18:
+              // for condition
+              if (!(_i < t2)) {
+                // goto after for
+                $async$goto = 20;
+                break;
+              }
+              argument = t1[_i];
+              if (first)
+                first = false;
+              else
+                buffer._contents += ", ";
+              t3 = buffer;
+              $async$temp1 = A;
+              $async$goto = 21;
+              return A._asyncAwait($async$self._evaluateToCss$1(argument), $async$_async_evaluate$_runFunctionCallable$3);
+            case 21:
+              // returning from await.
+              t4 = $async$temp1.S($async$result);
+              t3._contents += t4;
+            case 19:
+              // for update
+              ++_i;
+              // goto for condition
+              $async$goto = 18;
+              break;
+            case 20:
+              // after for
+              restArg = $arguments.rest;
+              $async$goto = restArg != null ? 22 : 23;
+              break;
+            case 22:
+              // then
+              $async$goto = 24;
+              return A._asyncAwait(restArg.accept$1($async$self), $async$_async_evaluate$_runFunctionCallable$3);
+            case 24:
+              // returning from await.
+              rest = $async$result;
+              if (!first)
+                buffer._contents += ", ";
+              t1 = buffer;
+              t2 = $async$self._async_evaluate$_serialize$2(rest, restArg);
+              t1._contents += t2;
+            case 23:
+              // join
+              $async$handler = 2;
+              // goto after finally
+              $async$goto = 17;
+              break;
+            case 15:
+              // catch
+              $async$handler = 14;
+              $async$exception = $async$errorStack.pop();
+              t1 = A.unwrapException($async$exception);
+              if (type$.SassRuntimeException._is(t1)) {
+                error = t1;
+                if (!B.JSString_methods.endsWith$1(error._span_exception$_message, "isn't a valid CSS value."))
+                  throw $async$exception;
+                throw A.wrapException(A.MultiSpanSassRuntimeException$(error._span_exception$_message, J.get$span$z(error), "value", A.LinkedHashMap_LinkedHashMap$_literal([nodeWithSpan.get$span(nodeWithSpan), "unknown function treated as plain CSS"], type$.FileSpan, type$.String), J.get$trace$z(error), null));
+              } else
+                throw $async$exception;
+              // goto after finally
+              $async$goto = 17;
+              break;
+            case 14:
+              // uncaught
+              // goto rethrow
+              $async$goto = 2;
+              break;
+            case 17:
+              // after finally
+              t1 = buffer;
+              t2 = A.Primitives_stringFromCharCode(41);
+              t1._contents += t2;
+              t2 = buffer._contents;
+              $async$returnValue = new A.SassString(t2.charCodeAt(0) == 0 ? t2 : t2, false);
+              // goto return
+              $async$goto = 1;
+              break;
+              // goto join
+              $async$goto = 12;
+              break;
+            case 13:
+              // else
+              throw A.wrapException(A.ArgumentError$("Unknown callable type " + J.get$runtimeType$(callable).toString$0(0) + ".", null));
+            case 12:
+              // join
+            case 8:
+              // join
+            case 4:
+              // join
+            case 1:
+              // return
+              return A._asyncReturn($async$returnValue, $async$completer);
+            case 2:
+              // rethrow
+              return A._asyncRethrow($async$errorStack.at(-1), $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$_async_evaluate$_runFunctionCallable$3, $async$completer);
+    },
+    _async_evaluate$_runBuiltInCallable$3($arguments, callable, nodeWithSpan) {
+      return this._runBuiltInCallable$body$_EvaluateVisitor($arguments, callable, nodeWithSpan);
+    },
+    _runBuiltInCallable$body$_EvaluateVisitor($arguments, callable, nodeWithSpan) {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.Value),
+        $async$returnValue, $async$handler = 2, $async$errorStack = [], $async$self = this, result, error, stackTrace, namedSet, _0_0, parameters, i, t1, t2, t3, parameter, t4, t5, t6, t7, rest, argumentList, exception, _box_0, evaluated, oldCallableNode, $async$exception;
+      var $async$_async_evaluate$_runBuiltInCallable$3 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1) {
+          $async$errorStack.push($async$result);
+          $async$goto = $async$handler;
+        }
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              _box_0 = {};
+              $async$goto = 3;
+              return A._asyncAwait($async$self._async_evaluate$_evaluateArguments$1($arguments), $async$_async_evaluate$_runBuiltInCallable$3);
+            case 3:
+              // returning from await.
+              evaluated = $async$result;
+              oldCallableNode = $async$self._async_evaluate$_callableNode;
+              $async$self._async_evaluate$_callableNode = nodeWithSpan;
+              namedSet = new A.MapKeySet(evaluated._values[0], type$.MapKeySet_String);
+              _box_0.callback = _box_0.overload = null;
+              _0_0 = callable.callbackFor$2(J.get$length$asx(evaluated._values[2]), namedSet);
+              _box_0.overload = _0_0._0;
+              _box_0.callback = _0_0._1;
+              $async$self._async_evaluate$_addExceptionSpan$2(nodeWithSpan, new A._EvaluateVisitor__runBuiltInCallable_closure2(_box_0, evaluated, namedSet));
+              parameters = _box_0.overload.parameters;
+              i = J.get$length$asx(evaluated._values[2]), t1 = parameters.length, t2 = type$._Future_Value, t3 = type$.Future_Value;
+            case 4:
+              // for condition
+              if (!(i < t1)) {
+                // goto after for
+                $async$goto = 6;
+                break;
+              }
+              parameter = parameters[i];
+              t4 = evaluated._values[2];
+              t5 = evaluated._values[0].remove$1(0, parameter.name);
+              $async$goto = t5 == null ? 7 : 8;
+              break;
+            case 7:
+              // then
+              t5 = parameter.defaultValue;
+              t6 = t5.accept$1($async$self);
+              if (!t3._is(t6)) {
+                t7 = new A._Future($.Zone__current, t2);
+                t7._state = 8;
+                t7._resultOrListeners = t6;
+                t6 = t7;
+              }
+              $async$goto = 9;
+              return A._asyncAwait(t6, $async$_async_evaluate$_runBuiltInCallable$3);
+            case 9:
+              // returning from await.
+              t5 = $async$self._async_evaluate$_withoutSlash$2($async$result, t5);
+            case 8:
+              // join
+              J.add$1$ax(t4, t5);
+            case 5:
+              // for update
+              ++i;
+              // goto for condition
+              $async$goto = 4;
+              break;
+            case 6:
+              // after for
+              if (_box_0.overload.restParameter != null) {
+                if (J.get$length$asx(evaluated._values[2]) > t1) {
+                  rest = J.sublist$1$ax(evaluated._values[2], t1);
+                  J.removeRange$2$ax(evaluated._values[2], t1, J.get$length$asx(evaluated._values[2]));
+                } else
+                  rest = B.List_empty8;
+                t1 = evaluated._values[0];
+                argumentList = A.SassArgumentList$(rest, t1, evaluated._values[4] === B.ListSeparator_undecided_null_undecided ? B.ListSeparator_qVN : evaluated._values[4]);
+                J.add$1$ax(evaluated._values[2], argumentList);
+              } else
+                argumentList = null;
+              result = null;
+              $async$handler = 11;
+              $async$goto = 14;
+              return A._asyncAwait($async$self._addExceptionSpanAsync$1$2(nodeWithSpan, new A._EvaluateVisitor__runBuiltInCallable_closure3(_box_0, evaluated), type$.Value), $async$_async_evaluate$_runBuiltInCallable$3);
+            case 14:
+              // returning from await.
+              result = $async$result;
+              $async$handler = 2;
+              // goto after finally
+              $async$goto = 13;
+              break;
+            case 11:
+              // catch
+              $async$handler = 10;
+              $async$exception = $async$errorStack.pop();
+              t1 = A.unwrapException($async$exception);
+              if (t1 instanceof A.SassException)
+                throw $async$exception;
+              else {
+                error = t1;
+                stackTrace = A.getTraceFromException($async$exception);
+                A.throwWithTrace($async$self._async_evaluate$_exception$2($async$self._async_evaluate$_getErrorMessage$1(error), nodeWithSpan.get$span(nodeWithSpan)), error, stackTrace);
+              }
+              // goto after finally
+              $async$goto = 13;
+              break;
+            case 10:
+              // uncaught
+              // goto rethrow
+              $async$goto = 2;
+              break;
+            case 13:
+              // after finally
+              $async$self._async_evaluate$_callableNode = oldCallableNode;
+              if (argumentList == null) {
+                $async$returnValue = result;
+                // goto return
+                $async$goto = 1;
+                break;
+              }
+              t1 = evaluated._values[0];
+              if (t1.get$isEmpty(t1)) {
+                $async$returnValue = result;
+                // goto return
+                $async$goto = 1;
+                break;
+              }
+              if (argumentList._wereKeywordsAccessed) {
+                $async$returnValue = result;
+                // goto return
+                $async$goto = 1;
+                break;
+              }
+              t1 = evaluated._values[0];
+              t1 = t1.get$keys(t1);
+              t1 = A.pluralize("parameter", t1.get$length(t1), null);
+              t2 = evaluated._values[0];
+              t2 = t2.get$keys(t2);
+              throw A.wrapException(A.MultiSpanSassRuntimeException$("No " + t1 + " named " + A.toSentence(t2.map$1$1(t2, new A._EvaluateVisitor__runBuiltInCallable_closure4(), type$.Object), "or") + ".", nodeWithSpan.get$span(nodeWithSpan), "invocation", A.LinkedHashMap_LinkedHashMap$_literal([_box_0.overload.get$spanWithName(), "declaration"], type$.FileSpan, type$.String), $async$self._async_evaluate$_stackTrace$1(nodeWithSpan.get$span(nodeWithSpan)), null));
+            case 1:
+              // return
+              return A._asyncReturn($async$returnValue, $async$completer);
+            case 2:
+              // rethrow
+              return A._asyncRethrow($async$errorStack.at(-1), $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$_async_evaluate$_runBuiltInCallable$3, $async$completer);
+    },
+    _async_evaluate$_evaluateArguments$1($arguments) {
+      return this._evaluateArguments$body$_EvaluateVisitor($arguments);
+    },
+    _evaluateArguments$body$_EvaluateVisitor($arguments) {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.Record_5_Map_String_Value_named_and_Map_String_AstNode_namedNodes_and_List_Value_positional_and_List_AstNode_positionalNodes_and_ListSeparator_separator),
+        $async$returnValue, $async$self = this, t1, t2, t3, t4, _i, expression, nodeForSpan, t5, t6, named, namedNodes, $name, value, t7, restArgs, rest, restNodeForSpan, separator, keywordRestArgs, keywordRest, keywordRestNodeForSpan, positional, positionalNodes, $async$temp1, $async$temp2;
+      var $async$_async_evaluate$_evaluateArguments$1 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              positional = A._setArrayType([], type$.JSArray_Value);
+              positionalNodes = A._setArrayType([], type$.JSArray_AstNode);
+              t1 = $arguments.positional, t2 = t1.length, t3 = type$._Future_Value, t4 = type$.Future_Value, _i = 0;
+            case 3:
+              // for condition
+              if (!(_i < t2)) {
+                // goto after for
+                $async$goto = 5;
+                break;
+              }
+              expression = t1[_i];
+              nodeForSpan = $async$self._async_evaluate$_expressionNode$1(expression);
+              t5 = expression.accept$1($async$self);
+              if (!t4._is(t5)) {
+                t6 = new A._Future($.Zone__current, t3);
+                t6._state = 8;
+                t6._resultOrListeners = t5;
+                t5 = t6;
+              }
+              $async$temp1 = positional;
+              $async$goto = 6;
+              return A._asyncAwait(t5, $async$_async_evaluate$_evaluateArguments$1);
+            case 6:
+              // returning from await.
+              $async$temp1.push($async$self._async_evaluate$_withoutSlash$2($async$result, nodeForSpan));
+              positionalNodes.push(nodeForSpan);
+            case 4:
+              // for update
+              ++_i;
+              // goto for condition
+              $async$goto = 3;
+              break;
+            case 5:
+              // after for
+              t1 = type$.String;
+              named = A.LinkedHashMap_LinkedHashMap$_empty(t1, type$.Value);
+              t2 = type$.AstNode;
+              namedNodes = A.LinkedHashMap_LinkedHashMap$_empty(t1, t2);
+              t5 = A.MapExtensions_get_pairs($arguments.named, t1, type$.Expression), t5 = t5.get$iterator(t5);
+            case 7:
+              // for condition
+              if (!t5.moveNext$0()) {
+                // goto after for
+                $async$goto = 8;
+                break;
+              }
+              t6 = t5.get$current(t5);
+              $name = t6._0;
+              value = t6._1;
+              nodeForSpan = $async$self._async_evaluate$_expressionNode$1(value);
+              t6 = value.accept$1($async$self);
+              if (!t4._is(t6)) {
+                t7 = new A._Future($.Zone__current, t3);
+                t7._state = 8;
+                t7._resultOrListeners = t6;
+                t6 = t7;
+              }
+              $async$temp1 = named;
+              $async$temp2 = $name;
+              $async$goto = 9;
+              return A._asyncAwait(t6, $async$_async_evaluate$_evaluateArguments$1);
+            case 9:
+              // returning from await.
+              $async$temp1.$indexSet(0, $async$temp2, $async$self._async_evaluate$_withoutSlash$2($async$result, nodeForSpan));
+              namedNodes.$indexSet(0, $name, nodeForSpan);
+              // goto for condition
+              $async$goto = 7;
+              break;
+            case 8:
+              // after for
+              restArgs = $arguments.rest;
+              if (restArgs == null) {
+                $async$returnValue = new A._Record_5_named_namedNodes_positional_positionalNodes_separator([named, namedNodes, positional, positionalNodes, B.ListSeparator_undecided_null_undecided]);
+                // goto return
+                $async$goto = 1;
+                break;
+              }
+              $async$goto = 10;
+              return A._asyncAwait(restArgs.accept$1($async$self), $async$_async_evaluate$_evaluateArguments$1);
+            case 10:
+              // returning from await.
+              rest = $async$result;
+              restNodeForSpan = $async$self._async_evaluate$_expressionNode$1(restArgs);
+              if (rest instanceof A.SassMap) {
+                $async$self._async_evaluate$_addRestMap$4(named, rest, restArgs, new A._EvaluateVisitor__evaluateArguments_closure3());
+                t3 = A.LinkedHashMap_LinkedHashMap$_empty(t1, t2);
+                for (t4 = rest._map$_contents, t4 = t4.get$keys(t4), t4 = t4.get$iterator(t4), t5 = type$.SassString; t4.moveNext$0();)
+                  t3.$indexSet(0, t5._as(t4.get$current(t4))._string$_text, restNodeForSpan);
+                namedNodes.addAll$1(0, t3);
+                separator = B.ListSeparator_undecided_null_undecided;
+              } else if (rest instanceof A.SassList) {
+                t3 = rest._list$_contents;
+                B.JSArray_methods.addAll$1(positional, new A.MappedListIterable(t3, new A._EvaluateVisitor__evaluateArguments_closure4($async$self, restNodeForSpan), A._arrayInstanceType(t3)._eval$1("MappedListIterable<1,Value>")));
+                B.JSArray_methods.addAll$1(positionalNodes, A.List_List$filled(t3.length, restNodeForSpan, false, t2));
+                separator = rest._separator;
+                if (rest instanceof A.SassArgumentList) {
+                  rest._wereKeywordsAccessed = true;
+                  rest._keywords.forEach$1(0, new A._EvaluateVisitor__evaluateArguments_closure5($async$self, named, restNodeForSpan, namedNodes));
+                }
+              } else {
+                positional.push($async$self._async_evaluate$_withoutSlash$2(rest, restNodeForSpan));
+                positionalNodes.push(restNodeForSpan);
+                separator = B.ListSeparator_undecided_null_undecided;
+              }
+              keywordRestArgs = $arguments.keywordRest;
+              if (keywordRestArgs == null) {
+                $async$returnValue = new A._Record_5_named_namedNodes_positional_positionalNodes_separator([named, namedNodes, positional, positionalNodes, separator]);
+                // goto return
+                $async$goto = 1;
+                break;
+              }
+              $async$goto = 11;
+              return A._asyncAwait(keywordRestArgs.accept$1($async$self), $async$_async_evaluate$_evaluateArguments$1);
+            case 11:
+              // returning from await.
+              keywordRest = $async$result;
+              keywordRestNodeForSpan = $async$self._async_evaluate$_expressionNode$1(keywordRestArgs);
+              if (keywordRest instanceof A.SassMap) {
+                $async$self._async_evaluate$_addRestMap$4(named, keywordRest, keywordRestArgs, new A._EvaluateVisitor__evaluateArguments_closure6());
+                t1 = A.LinkedHashMap_LinkedHashMap$_empty(t1, t2);
+                for (t2 = keywordRest._map$_contents, t2 = t2.get$keys(t2), t2 = t2.get$iterator(t2), t3 = type$.SassString; t2.moveNext$0();)
+                  t1.$indexSet(0, t3._as(t2.get$current(t2))._string$_text, keywordRestNodeForSpan);
+                namedNodes.addAll$1(0, t1);
+                $async$returnValue = new A._Record_5_named_namedNodes_positional_positionalNodes_separator([named, namedNodes, positional, positionalNodes, separator]);
+                // goto return
+                $async$goto = 1;
+                break;
+              } else
+                throw A.wrapException($async$self._async_evaluate$_exception$2(string$.Variabs + keywordRest.toString$0(0) + ").", keywordRestArgs.get$span(keywordRestArgs)));
+            case 1:
+              // return
+              return A._asyncReturn($async$returnValue, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$_async_evaluate$_evaluateArguments$1, $async$completer);
+    },
+    _async_evaluate$_evaluateMacroArguments$1(invocation) {
+      return this._evaluateMacroArguments$body$_EvaluateVisitor(invocation);
+    },
+    _evaluateMacroArguments$body$_EvaluateVisitor(invocation) {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.Record_2_List_Expression_and_Map_String_Expression),
+        $async$returnValue, $async$self = this, t2, positional, named, rest, restNodeForSpan, keywordRestArgs_, keywordRest, keywordRestNodeForSpan, t1, restArgs_;
+      var $async$_async_evaluate$_evaluateMacroArguments$1 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              t1 = invocation.$arguments;
+              restArgs_ = t1.rest;
+              if (restArgs_ == null) {
+                $async$returnValue = new A._Record_2(t1.positional, t1.named);
+                // goto return
+                $async$goto = 1;
+                break;
+              }
+              t2 = t1.positional;
+              positional = A._setArrayType(t2.slice(0), A._arrayInstanceType(t2));
+              named = A.LinkedHashMap_LinkedHashMap$of(t1.named, type$.String, type$.Expression);
+              $async$goto = 3;
+              return A._asyncAwait(restArgs_.accept$1($async$self), $async$_async_evaluate$_evaluateMacroArguments$1);
+            case 3:
+              // returning from await.
+              rest = $async$result;
+              restNodeForSpan = $async$self._async_evaluate$_expressionNode$1(restArgs_);
+              if (rest instanceof A.SassMap)
+                $async$self._async_evaluate$_addRestMap$4(named, rest, invocation, new A._EvaluateVisitor__evaluateMacroArguments_closure3(restArgs_));
+              else if (rest instanceof A.SassList) {
+                t2 = rest._list$_contents;
+                B.JSArray_methods.addAll$1(positional, new A.MappedListIterable(t2, new A._EvaluateVisitor__evaluateMacroArguments_closure4($async$self, restNodeForSpan, restArgs_), A._arrayInstanceType(t2)._eval$1("MappedListIterable<1,Expression>")));
+                if (rest instanceof A.SassArgumentList) {
+                  rest._wereKeywordsAccessed = true;
+                  rest._keywords.forEach$1(0, new A._EvaluateVisitor__evaluateMacroArguments_closure5($async$self, named, restNodeForSpan, restArgs_));
+                }
+              } else
+                positional.push(new A.ValueExpression($async$self._async_evaluate$_withoutSlash$2(rest, restNodeForSpan), restArgs_.get$span(restArgs_)));
+              keywordRestArgs_ = t1.keywordRest;
+              if (keywordRestArgs_ == null) {
+                $async$returnValue = new A._Record_2(positional, named);
+                // goto return
+                $async$goto = 1;
+                break;
+              }
+              $async$goto = 4;
+              return A._asyncAwait(keywordRestArgs_.accept$1($async$self), $async$_async_evaluate$_evaluateMacroArguments$1);
+            case 4:
+              // returning from await.
+              keywordRest = $async$result;
+              keywordRestNodeForSpan = $async$self._async_evaluate$_expressionNode$1(keywordRestArgs_);
+              if (keywordRest instanceof A.SassMap) {
+                $async$self._async_evaluate$_addRestMap$4(named, keywordRest, invocation, new A._EvaluateVisitor__evaluateMacroArguments_closure6($async$self, keywordRestNodeForSpan, keywordRestArgs_));
+                $async$returnValue = new A._Record_2(positional, named);
+                // goto return
+                $async$goto = 1;
+                break;
+              } else
+                throw A.wrapException($async$self._async_evaluate$_exception$2(string$.Variabs + keywordRest.toString$0(0) + ").", keywordRestArgs_.get$span(keywordRestArgs_)));
+            case 1:
+              // return
+              return A._asyncReturn($async$returnValue, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$_async_evaluate$_evaluateMacroArguments$1, $async$completer);
+    },
+    _async_evaluate$_addRestMap$1$4(values, map, nodeWithSpan, convert) {
+      map._map$_contents.forEach$1(0, new A._EvaluateVisitor__addRestMap_closure0(this, values, convert, this._async_evaluate$_expressionNode$1(nodeWithSpan), map, nodeWithSpan));
+    },
+    _async_evaluate$_addRestMap$4(values, map, nodeWithSpan, convert) {
+      return this._async_evaluate$_addRestMap$1$4(values, map, nodeWithSpan, convert, type$.dynamic);
+    },
+    _async_evaluate$_verifyArguments$4(positional, named, parameters, nodeWithSpan) {
+      return this._async_evaluate$_addExceptionSpan$2(nodeWithSpan, new A._EvaluateVisitor__verifyArguments_closure0(parameters, positional, named));
+    },
+    visitSelectorExpression$1(_, node) {
+      return this.visitSelectorExpression$body$_EvaluateVisitor(0, node);
+    },
+    visitSelectorExpression$body$_EvaluateVisitor(_, node) {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.Value),
+        $async$returnValue, $async$self = this, t1;
+      var $async$visitSelectorExpression$1 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              t1 = $async$self._async_evaluate$_styleRuleIgnoringAtRoot;
+              t1 = t1 == null ? null : t1.originalSelector.get$asSassList();
+              $async$returnValue = t1 == null ? B.C__SassNull : t1;
+              // goto return
+              $async$goto = 1;
+              break;
+            case 1:
+              // return
+              return A._asyncReturn($async$returnValue, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$visitSelectorExpression$1, $async$completer);
+    },
+    visitStringExpression$1(_, node) {
+      return this.visitStringExpression$body$_EvaluateVisitor(0, node);
+    },
+    visitStringExpression$body$_EvaluateVisitor(_, node) {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.SassString),
+        $async$returnValue, $async$self = this, t1, t2, t3, _i, value, t4, _0_0, text, oldInSupportsDeclaration;
+      var $async$visitStringExpression$1 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              oldInSupportsDeclaration = $async$self._async_evaluate$_inSupportsDeclaration;
+              $async$self._async_evaluate$_inSupportsDeclaration = false;
+              t1 = A._setArrayType([], type$.JSArray_String);
+              t2 = node.text.contents, t3 = t2.length, _i = 0;
+            case 3:
+              // for condition
+              if (!(_i < t3)) {
+                // goto after for
+                $async$goto = 5;
+                break;
+              }
+              value = t2[_i];
+              if (typeof value == "string") {
+                t4 = value;
+                // goto break $label0$0
+                $async$goto = 6;
+                break;
+              }
+              $async$goto = value instanceof A.Expression ? 7 : 8;
+              break;
+            case 7:
+              // then
+              $async$goto = 9;
+              return A._asyncAwait(value.accept$1($async$self), $async$visitStringExpression$1);
+            case 9:
+              // returning from await.
+              _0_0 = $async$result;
+              $label1$1: {
+                if (_0_0 instanceof A.SassString) {
+                  text = _0_0._string$_text;
+                  t4 = text;
+                  break $label1$1;
+                }
+                t4 = $async$self._async_evaluate$_serialize$3$quote(_0_0, value, false);
+                break $label1$1;
+              }
+              // goto break $label0$0
+              $async$goto = 6;
+              break;
+            case 8:
+              // join
+              t4 = A.throwExpression(A.UnsupportedError$("Unknown interpolation value " + A.S(value)));
+            case 6:
+              // break $label0$0
+              t1.push(t4);
+            case 4:
+              // for update
+              ++_i;
+              // goto for condition
+              $async$goto = 3;
+              break;
+            case 5:
+              // after for
+              t1 = B.JSArray_methods.join$0(t1);
+              $async$self._async_evaluate$_inSupportsDeclaration = oldInSupportsDeclaration;
+              $async$returnValue = new A.SassString(t1, node.hasQuotes);
+              // goto return
+              $async$goto = 1;
+              break;
+            case 1:
+              // return
+              return A._asyncReturn($async$returnValue, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$visitStringExpression$1, $async$completer);
+    },
+    visitSupportsExpression$1(_, expression) {
+      return this.visitSupportsExpression$body$_EvaluateVisitor(0, expression);
+    },
+    visitSupportsExpression$body$_EvaluateVisitor(_, expression) {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.SassString),
+        $async$returnValue, $async$self = this, $async$temp1;
+      var $async$visitSupportsExpression$1 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              $async$temp1 = A;
+              $async$goto = 3;
+              return A._asyncAwait($async$self._async_evaluate$_visitSupportsCondition$1(expression.condition), $async$visitSupportsExpression$1);
+            case 3:
+              // returning from await.
+              $async$returnValue = new $async$temp1.SassString($async$result, false);
+              // goto return
+              $async$goto = 1;
+              break;
+            case 1:
+              // return
+              return A._asyncReturn($async$returnValue, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$visitSupportsExpression$1, $async$completer);
+    },
+    visitCssAtRule$1(node) {
+      return this.visitCssAtRule$body$_EvaluateVisitor(node);
+    },
+    visitCssAtRule$body$_EvaluateVisitor(node) {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.void),
+        $async$returnValue, $async$self = this, wasInKeyframes, wasInUnknownAtRule, t1;
+      var $async$visitCssAtRule$1 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              if ($async$self._async_evaluate$_declarationName != null)
+                throw A.wrapException($async$self._async_evaluate$_exception$2(string$.At_rul, node.span));
+              if (node.isChildless) {
+                $async$self._async_evaluate$_copyParentAfterSibling$0();
+                $async$self._async_evaluate$_assertInModule$2($async$self._async_evaluate$__parent, "__parent").addChild$1(A.ModifiableCssAtRule$(node.name, node.span, true, node.value));
+                // goto return
+                $async$goto = 1;
+                break;
+              }
+              wasInKeyframes = $async$self._async_evaluate$_inKeyframes;
+              wasInUnknownAtRule = $async$self._async_evaluate$_inUnknownAtRule;
+              t1 = node.name;
+              if (A.unvendor(t1.value) === "keyframes")
+                $async$self._async_evaluate$_inKeyframes = true;
+              else
+                $async$self._async_evaluate$_inUnknownAtRule = true;
+              $async$goto = 3;
+              return A._asyncAwait($async$self._async_evaluate$_withParent$2$4$scopeWhen$through(A.ModifiableCssAtRule$(t1, node.span, false, node.value), new A._EvaluateVisitor_visitCssAtRule_closure1($async$self, node), false, new A._EvaluateVisitor_visitCssAtRule_closure2(), type$.ModifiableCssAtRule, type$.Null), $async$visitCssAtRule$1);
+            case 3:
+              // returning from await.
+              $async$self._async_evaluate$_inUnknownAtRule = wasInUnknownAtRule;
+              $async$self._async_evaluate$_inKeyframes = wasInKeyframes;
+            case 1:
+              // return
+              return A._asyncReturn($async$returnValue, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$visitCssAtRule$1, $async$completer);
+    },
+    visitCssComment$1(node) {
+      return this.visitCssComment$body$_EvaluateVisitor(node);
+    },
+    visitCssComment$body$_EvaluateVisitor(node) {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.void),
+        $async$self = this;
+      var $async$visitCssComment$1 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              if ($async$self._async_evaluate$_assertInModule$2($async$self._async_evaluate$__parent, "__parent") === $async$self._async_evaluate$_assertInModule$2($async$self._async_evaluate$__root, "_root") && $async$self._async_evaluate$_assertInModule$2($async$self._async_evaluate$__endOfImports, "_endOfImports") === J.get$length$asx($async$self._async_evaluate$_assertInModule$2($async$self._async_evaluate$__root, "_root").children._collection$_source))
+                $async$self._async_evaluate$__endOfImports = $async$self._async_evaluate$_assertInModule$2($async$self._async_evaluate$__endOfImports, "_endOfImports") + 1;
+              $async$self._async_evaluate$_copyParentAfterSibling$0();
+              $async$self._async_evaluate$_assertInModule$2($async$self._async_evaluate$__parent, "__parent").addChild$1(new A.ModifiableCssComment(node.text, node.span));
+              // implicit return
+              return A._asyncReturn(null, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$visitCssComment$1, $async$completer);
+    },
+    visitCssDeclaration$1(node) {
+      return this.visitCssDeclaration$body$_EvaluateVisitor(node);
+    },
+    visitCssDeclaration$body$_EvaluateVisitor(node) {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.void),
+        $async$self = this;
+      var $async$visitCssDeclaration$1 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              $async$self._async_evaluate$_copyParentAfterSibling$0();
+              $async$self._async_evaluate$_assertInModule$2($async$self._async_evaluate$__parent, "__parent").addChild$1(A.ModifiableCssDeclaration$(node.name, node.value, node.span, node.parsedAsCustomProperty, null, node.valueSpanForMap));
+              // implicit return
+              return A._asyncReturn(null, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$visitCssDeclaration$1, $async$completer);
+    },
+    visitCssImport$1(node) {
+      return this.visitCssImport$body$_EvaluateVisitor(node);
+    },
+    visitCssImport$body$_EvaluateVisitor(node) {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.void),
+        $async$self = this, t1, modifiableNode;
+      var $async$visitCssImport$1 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              modifiableNode = new A.ModifiableCssImport(node.url, node.modifiers, node.span);
+              if ($async$self._async_evaluate$_assertInModule$2($async$self._async_evaluate$__parent, "__parent") !== $async$self._async_evaluate$_assertInModule$2($async$self._async_evaluate$__root, "_root")) {
+                $async$self._async_evaluate$_copyParentAfterSibling$0();
+                $async$self._async_evaluate$_assertInModule$2($async$self._async_evaluate$__parent, "__parent").addChild$1(modifiableNode);
+              } else if ($async$self._async_evaluate$_assertInModule$2($async$self._async_evaluate$__endOfImports, "_endOfImports") === J.get$length$asx($async$self._async_evaluate$_assertInModule$2($async$self._async_evaluate$__root, "_root").children._collection$_source)) {
+                $async$self._async_evaluate$_assertInModule$2($async$self._async_evaluate$__root, "_root").addChild$1(modifiableNode);
+                $async$self._async_evaluate$__endOfImports = $async$self._async_evaluate$_assertInModule$2($async$self._async_evaluate$__endOfImports, "_endOfImports") + 1;
+              } else {
+                t1 = $async$self._async_evaluate$_outOfOrderImports;
+                (t1 == null ? $async$self._async_evaluate$_outOfOrderImports = A._setArrayType([], type$.JSArray_ModifiableCssImport) : t1).push(modifiableNode);
+              }
+              // implicit return
+              return A._asyncReturn(null, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$visitCssImport$1, $async$completer);
+    },
+    visitCssKeyframeBlock$1(node) {
+      return this.visitCssKeyframeBlock$body$_EvaluateVisitor(node);
+    },
+    visitCssKeyframeBlock$body$_EvaluateVisitor(node) {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.void),
+        $async$self = this;
+      var $async$visitCssKeyframeBlock$1 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              $async$goto = 2;
+              return A._asyncAwait($async$self._async_evaluate$_withParent$2$4$scopeWhen$through(A.ModifiableCssKeyframeBlock$(node.selector, node.span), new A._EvaluateVisitor_visitCssKeyframeBlock_closure1($async$self, node), false, new A._EvaluateVisitor_visitCssKeyframeBlock_closure2(), type$.ModifiableCssKeyframeBlock, type$.Null), $async$visitCssKeyframeBlock$1);
+            case 2:
+              // returning from await.
+              // implicit return
+              return A._asyncReturn(null, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$visitCssKeyframeBlock$1, $async$completer);
+    },
+    visitCssMediaRule$1(node) {
+      return this.visitCssMediaRule$body$_EvaluateVisitor(node);
+    },
+    visitCssMediaRule$body$_EvaluateVisitor(node) {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.void),
+        $async$returnValue, $async$self = this, mergedQueries, t1, mergedSources, t2, t3;
+      var $async$visitCssMediaRule$1 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              if ($async$self._async_evaluate$_declarationName != null)
+                throw A.wrapException($async$self._async_evaluate$_exception$2(string$.Media_, node.span));
+              mergedQueries = A.NullableExtension_andThen($async$self._async_evaluate$_mediaQueries, new A._EvaluateVisitor_visitCssMediaRule_closure2($async$self, node));
+              t1 = mergedQueries == null;
+              if (!t1 && J.get$isEmpty$asx(mergedQueries)) {
+                // goto return
+                $async$goto = 1;
+                break;
+              }
+              if (t1)
+                mergedSources = B.Set_empty2;
+              else {
+                t2 = $async$self._async_evaluate$_mediaQuerySources;
+                t2.toString;
+                t2 = A.LinkedHashSet_LinkedHashSet$of(t2, type$.CssMediaQuery);
+                t3 = $async$self._async_evaluate$_mediaQueries;
+                t3.toString;
+                t2.addAll$1(0, t3);
+                t2.addAll$1(0, node.queries);
+                mergedSources = t2;
+              }
+              t1 = t1 ? node.queries : mergedQueries;
+              $async$goto = 3;
+              return A._asyncAwait($async$self._async_evaluate$_withParent$2$4$scopeWhen$through(A.ModifiableCssMediaRule$(t1, node.span), new A._EvaluateVisitor_visitCssMediaRule_closure3($async$self, mergedQueries, node, mergedSources), false, new A._EvaluateVisitor_visitCssMediaRule_closure4(mergedSources), type$.ModifiableCssMediaRule, type$.Null), $async$visitCssMediaRule$1);
+            case 3:
+              // returning from await.
+            case 1:
+              // return
+              return A._asyncReturn($async$returnValue, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$visitCssMediaRule$1, $async$completer);
+    },
+    visitCssStyleRule$1(node) {
+      return this.visitCssStyleRule$body$_EvaluateVisitor(node);
+    },
+    visitCssStyleRule$body$_EvaluateVisitor(node) {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.void),
+        $async$self = this, t1, styleRule, _0_0, t2, t3, originalSelector, rule, oldAtRootExcludingStyleRule, _1_1, lastChild;
+      var $async$visitCssStyleRule$1 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              if ($async$self._async_evaluate$_declarationName != null)
+                throw A.wrapException($async$self._async_evaluate$_exception$2(string$.Style_n, node.span));
+              else if ($async$self._async_evaluate$_inKeyframes && $async$self._async_evaluate$_assertInModule$2($async$self._async_evaluate$__parent, "__parent") instanceof A.ModifiableCssKeyframeBlock)
+                throw A.wrapException($async$self._async_evaluate$_exception$2(string$.Style_k, node.span));
+              t1 = $async$self._async_evaluate$_atRootExcludingStyleRule;
+              styleRule = t1 ? null : $async$self._async_evaluate$_styleRuleIgnoringAtRoot;
+              _0_0 = t1 ? null : $async$self._async_evaluate$_styleRuleIgnoringAtRoot;
+              $label0$0: {
+                if (_0_0 == null) {
+                  t1 = true;
+                  break $label0$0;
+                }
+                if (_0_0.fromPlainCss) {
+                  t1 = false;
+                  break $label0$0;
+                }
+                t1 = !(node.fromPlainCss && node._style_rule$_selector._box$_inner.value.accept$1(B.C__ContainsParentSelectorVisitor));
+                break $label0$0;
+              }
+              t2 = node._style_rule$_selector._box$_inner;
+              if (t1) {
+                t2 = t2.value;
+                t3 = styleRule == null ? null : styleRule.originalSelector;
+                originalSelector = t2.nestWithin$3$implicitParent$preserveParentSelectors(t3, !$async$self._async_evaluate$_atRootExcludingStyleRule, node.fromPlainCss);
+              } else
+                originalSelector = t2.value;
+              rule = A.ModifiableCssStyleRule$($async$self._async_evaluate$_assertInModule$2($async$self._async_evaluate$__extensionStore, "_extensionStore").addSelector$2(originalSelector, $async$self._async_evaluate$_mediaQueries), node.span, node.fromPlainCss, originalSelector);
+              oldAtRootExcludingStyleRule = $async$self._async_evaluate$_atRootExcludingStyleRule;
+              $async$self._async_evaluate$_atRootExcludingStyleRule = false;
+              t1 = t1 ? new A._EvaluateVisitor_visitCssStyleRule_closure1() : null;
+              $async$goto = 2;
+              return A._asyncAwait($async$self._async_evaluate$_withParent$2$4$scopeWhen$through(rule, new A._EvaluateVisitor_visitCssStyleRule_closure2($async$self, rule, node), false, t1, type$.ModifiableCssStyleRule, type$.Null), $async$visitCssStyleRule$1);
+            case 2:
+              // returning from await.
+              $async$self._async_evaluate$_atRootExcludingStyleRule = oldAtRootExcludingStyleRule;
+              t1 = $async$self._async_evaluate$_assertInModule$2($async$self._async_evaluate$__parent, "__parent").children._collection$_source;
+              t2 = J.getInterceptor$asx(t1);
+              _1_1 = t2.get$length(t1);
+              if (_1_1 >= 1) {
+                lastChild = t2.elementAt$1(t1, _1_1 - 1);
+                t1 = styleRule == null;
+              } else {
+                lastChild = null;
+                t1 = false;
+              }
+              if (t1)
+                lastChild.isGroupEnd = true;
+              // implicit return
+              return A._asyncReturn(null, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$visitCssStyleRule$1, $async$completer);
+    },
+    visitCssStylesheet$1(node) {
+      return this.visitCssStylesheet$body$_EvaluateVisitor(node);
+    },
+    visitCssStylesheet$body$_EvaluateVisitor(node) {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.void),
+        $async$self = this, t1;
+      var $async$visitCssStylesheet$1 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              t1 = J.get$iterator$ax(node.get$children(node));
+            case 2:
+              // for condition
+              if (!t1.moveNext$0()) {
+                // goto after for
+                $async$goto = 3;
+                break;
+              }
+              $async$goto = 4;
+              return A._asyncAwait(t1.get$current(t1).accept$1($async$self), $async$visitCssStylesheet$1);
+            case 4:
+              // returning from await.
+              // goto for condition
+              $async$goto = 2;
+              break;
+            case 3:
+              // after for
+              // implicit return
+              return A._asyncReturn(null, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$visitCssStylesheet$1, $async$completer);
+    },
+    visitCssSupportsRule$1(node) {
+      return this.visitCssSupportsRule$body$_EvaluateVisitor(node);
+    },
+    visitCssSupportsRule$body$_EvaluateVisitor(node) {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.void),
+        $async$self = this;
+      var $async$visitCssSupportsRule$1 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              if ($async$self._async_evaluate$_declarationName != null)
+                throw A.wrapException($async$self._async_evaluate$_exception$2(string$.Suppor, node.span));
+              $async$goto = 2;
+              return A._asyncAwait($async$self._async_evaluate$_withParent$2$4$scopeWhen$through(A.ModifiableCssSupportsRule$(node.condition, node.span), new A._EvaluateVisitor_visitCssSupportsRule_closure1($async$self, node), false, new A._EvaluateVisitor_visitCssSupportsRule_closure2(), type$.ModifiableCssSupportsRule, type$.Null), $async$visitCssSupportsRule$1);
+            case 2:
+              // returning from await.
+              // implicit return
+              return A._asyncReturn(null, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$visitCssSupportsRule$1, $async$completer);
+    },
+    _async_evaluate$_handleReturn$1$2(list, callback) {
+      return this._handleReturn$body$_EvaluateVisitor(list, callback);
+    },
+    _async_evaluate$_handleReturn$2(list, callback) {
+      return this._async_evaluate$_handleReturn$1$2(list, callback, type$.dynamic);
+    },
+    _handleReturn$body$_EvaluateVisitor(list, callback) {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.nullable_Value),
+        $async$returnValue, t1, _i, _0_0;
+      var $async$_async_evaluate$_handleReturn$1$2 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              t1 = list.length, _i = 0;
+            case 3:
+              // for condition
+              if (!(_i < list.length)) {
+                // goto after for
+                $async$goto = 5;
+                break;
+              }
+              $async$goto = 6;
+              return A._asyncAwait(callback.call$1(list[_i]), $async$_async_evaluate$_handleReturn$1$2);
+            case 6:
+              // returning from await.
+              _0_0 = $async$result;
+              if (_0_0 != null) {
+                $async$returnValue = _0_0;
+                // goto return
+                $async$goto = 1;
+                break;
+              }
+            case 4:
+              // for update
+              list.length === t1 || (0, A.throwConcurrentModificationError)(list), ++_i;
+              // goto for condition
+              $async$goto = 3;
+              break;
+            case 5:
+              // after for
+              $async$returnValue = null;
+              // goto return
+              $async$goto = 1;
+              break;
+            case 1:
+              // return
+              return A._asyncReturn($async$returnValue, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$_async_evaluate$_handleReturn$1$2, $async$completer);
+    },
+    _async_evaluate$_withEnvironment$1$2(environment, callback, $T) {
+      return this._withEnvironment$body$_EvaluateVisitor(environment, callback, $T, $T);
+    },
+    _withEnvironment$body$_EvaluateVisitor(environment, callback, $T, $async$type) {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter($async$type),
+        $async$returnValue, $async$self = this, result, oldEnvironment;
+      var $async$_async_evaluate$_withEnvironment$1$2 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              oldEnvironment = $async$self._async_evaluate$_environment;
+              $async$self._async_evaluate$_environment = environment;
+              $async$goto = 3;
+              return A._asyncAwait(callback.call$0(), $async$_async_evaluate$_withEnvironment$1$2);
+            case 3:
+              // returning from await.
+              result = $async$result;
+              $async$self._async_evaluate$_environment = oldEnvironment;
+              $async$returnValue = result;
+              // goto return
+              $async$goto = 1;
+              break;
+            case 1:
+              // return
+              return A._asyncReturn($async$returnValue, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$_async_evaluate$_withEnvironment$1$2, $async$completer);
+    },
+    _async_evaluate$_interpolationToValue$3$trim$warnForColor(interpolation, trim, warnForColor) {
+      return this._interpolationToValue$body$_EvaluateVisitor(interpolation, trim, warnForColor);
+    },
+    _async_evaluate$_interpolationToValue$1(interpolation) {
+      return this._async_evaluate$_interpolationToValue$3$trim$warnForColor(interpolation, false, false);
+    },
+    _async_evaluate$_interpolationToValue$2$warnForColor(interpolation, warnForColor) {
+      return this._async_evaluate$_interpolationToValue$3$trim$warnForColor(interpolation, false, warnForColor);
+    },
+    _interpolationToValue$body$_EvaluateVisitor(interpolation, trim, warnForColor) {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.CssValue_String),
+        $async$returnValue, $async$self = this, result, t1;
+      var $async$_async_evaluate$_interpolationToValue$3$trim$warnForColor = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              $async$goto = 3;
+              return A._asyncAwait($async$self._async_evaluate$_performInterpolation$2$warnForColor(interpolation, warnForColor), $async$_async_evaluate$_interpolationToValue$3$trim$warnForColor);
+            case 3:
+              // returning from await.
+              result = $async$result;
+              t1 = trim ? A.trimAscii(result, true) : result;
+              $async$returnValue = new A.CssValue(t1, interpolation.span, type$.CssValue_String);
+              // goto return
+              $async$goto = 1;
+              break;
+            case 1:
+              // return
+              return A._asyncReturn($async$returnValue, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$_async_evaluate$_interpolationToValue$3$trim$warnForColor, $async$completer);
+    },
+    _async_evaluate$_performInterpolation$2$warnForColor(interpolation, warnForColor) {
+      return this._performInterpolation$body$_EvaluateVisitor(interpolation, warnForColor);
+    },
+    _async_evaluate$_performInterpolation$1(interpolation) {
+      return this._async_evaluate$_performInterpolation$2$warnForColor(interpolation, false);
+    },
+    _performInterpolation$body$_EvaluateVisitor(interpolation, warnForColor) {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.String),
+        $async$returnValue, $async$self = this;
+      var $async$_async_evaluate$_performInterpolation$2$warnForColor = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              $async$goto = 3;
+              return A._asyncAwait($async$self._async_evaluate$_performInterpolationHelper$3$sourceMap$warnForColor(interpolation, false, warnForColor), $async$_async_evaluate$_performInterpolation$2$warnForColor);
+            case 3:
+              // returning from await.
+              $async$returnValue = $async$result._0;
+              // goto return
+              $async$goto = 1;
+              break;
+            case 1:
+              // return
+              return A._asyncReturn($async$returnValue, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$_async_evaluate$_performInterpolation$2$warnForColor, $async$completer);
+    },
+    _async_evaluate$_performInterpolationWithMap$2$warnForColor(interpolation, warnForColor) {
+      return this._performInterpolationWithMap$body$_EvaluateVisitor(interpolation, true);
+    },
+    _performInterpolationWithMap$body$_EvaluateVisitor(interpolation, warnForColor) {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.Record_2_String_and_InterpolationMap),
+        $async$returnValue, $async$self = this, _0_0, result, map;
+      var $async$_async_evaluate$_performInterpolationWithMap$2$warnForColor = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              $async$goto = 3;
+              return A._asyncAwait($async$self._async_evaluate$_performInterpolationHelper$3$sourceMap$warnForColor(interpolation, true, true), $async$_async_evaluate$_performInterpolationWithMap$2$warnForColor);
+            case 3:
+              // returning from await.
+              _0_0 = $async$result;
+              result = _0_0._0;
+              map = _0_0._1;
+              map.toString;
+              $async$returnValue = new A._Record_2(result, map);
+              // goto return
+              $async$goto = 1;
+              break;
+            case 1:
+              // return
+              return A._asyncReturn($async$returnValue, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$_async_evaluate$_performInterpolationWithMap$2$warnForColor, $async$completer);
+    },
+    _async_evaluate$_performInterpolationHelper$3$sourceMap$warnForColor(interpolation, sourceMap, warnForColor) {
+      return this._performInterpolationHelper$body$_EvaluateVisitor(interpolation, sourceMap, warnForColor);
+    },
+    _performInterpolationHelper$body$_EvaluateVisitor(interpolation, sourceMap, warnForColor) {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.Record_2_String_and_nullable_InterpolationMap),
+        $async$returnValue, $async$self = this, t1, t2, t3, t4, t5, t6, first, _i, t7, value, result, result0, t8, targetLocations, oldInSupportsDeclaration;
+      var $async$_async_evaluate$_performInterpolationHelper$3$sourceMap$warnForColor = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              targetLocations = sourceMap ? A._setArrayType([], type$.JSArray_SourceLocation) : null;
+              oldInSupportsDeclaration = $async$self._async_evaluate$_inSupportsDeclaration;
+              $async$self._async_evaluate$_inSupportsDeclaration = false;
+              t1 = interpolation.contents, t2 = t1.length, t3 = type$.Expression, t4 = targetLocations == null, t5 = interpolation.span, t6 = type$.Object, first = true, _i = 0, t7 = "";
+            case 3:
+              // for condition
+              if (!(_i < t2)) {
+                // goto after for
+                $async$goto = 5;
+                break;
+              }
+              value = t1[_i];
+              if (!first)
+                if (!t4)
+                  targetLocations.push(A.SourceLocation$(t7.length, null, null, null));
+              if (typeof value == "string") {
+                t7 += value;
+                // goto for update
+                $async$goto = 4;
+                break;
+              }
+              t3._as(value);
+              $async$goto = 6;
+              return A._asyncAwait(value.accept$1($async$self), $async$_async_evaluate$_performInterpolationHelper$3$sourceMap$warnForColor);
+            case 6:
+              // returning from await.
+              result = $async$result;
+              if (warnForColor && $.$get$namesByColor().containsKey$1(result)) {
+                result0 = A.List_List$from([""], false, t6);
+                result0.$flags = 3;
+                t8 = $.$get$namesByColor();
+                $async$self._async_evaluate$_warn$2(string$.You_pr + A.S(t8.$index(0, result)) + string$.x20in_in + result.toString$0(0) + string$.x2c_whicw + A.S(t8.$index(0, result)) + string$.x22x29__If + new A.BinaryOperationExpression(B.BinaryOperator_Swh, new A.StringExpression(new A.Interpolation(result0, B.List_null, t5), true), value, false).toString$0(0) + "'.", value.get$span(value));
+              }
+              t7 += $async$self._async_evaluate$_serialize$3$quote(result, value, false);
+            case 4:
+              // for update
+              ++_i, first = false;
+              // goto for condition
+              $async$goto = 3;
+              break;
+            case 5:
+              // after for
+              $async$self._async_evaluate$_inSupportsDeclaration = oldInSupportsDeclaration;
+              $async$returnValue = new A._Record_2(t7.charCodeAt(0) == 0 ? t7 : t7, A.NullableExtension_andThen(targetLocations, new A._EvaluateVisitor__performInterpolationHelper_closure0(interpolation)));
+              // goto return
+              $async$goto = 1;
+              break;
+            case 1:
+              // return
+              return A._asyncReturn($async$returnValue, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$_async_evaluate$_performInterpolationHelper$3$sourceMap$warnForColor, $async$completer);
+    },
+    _evaluateToCss$2$quote(expression, quote) {
+      return this._evaluateToCss$body$_EvaluateVisitor(expression, quote);
+    },
+    _evaluateToCss$1(expression) {
+      return this._evaluateToCss$2$quote(expression, true);
+    },
+    _evaluateToCss$body$_EvaluateVisitor(expression, quote) {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.String),
+        $async$returnValue, $async$self = this, t1;
+      var $async$_evaluateToCss$2$quote = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              t1 = expression.accept$1($async$self);
+              $async$goto = 3;
+              return A._asyncAwait(type$.Future_Value._is(t1) ? t1 : A._Future$value(t1, type$.Value), $async$_evaluateToCss$2$quote);
+            case 3:
+              // returning from await.
+              $async$returnValue = $async$self._async_evaluate$_serialize$3$quote($async$result, expression, quote);
+              // goto return
+              $async$goto = 1;
+              break;
+            case 1:
+              // return
+              return A._asyncReturn($async$returnValue, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$_evaluateToCss$2$quote, $async$completer);
+    },
+    _async_evaluate$_serialize$3$quote(value, nodeWithSpan, quote) {
+      return this._async_evaluate$_addExceptionSpan$2(nodeWithSpan, new A._EvaluateVisitor__serialize_closure0(value, quote));
+    },
+    _async_evaluate$_serialize$2(value, nodeWithSpan) {
+      return this._async_evaluate$_serialize$3$quote(value, nodeWithSpan, true);
+    },
+    _async_evaluate$_expressionNode$1(expression) {
+      var t1;
+      if (expression instanceof A.VariableExpression) {
+        t1 = this._async_evaluate$_addExceptionSpan$2(expression, new A._EvaluateVisitor__expressionNode_closure0(this, expression));
+        return t1 == null ? expression : t1;
+      } else
+        return expression;
+    },
+    _async_evaluate$_withParent$2$4$scopeWhen$through(node, callback, scopeWhen, through, $S, $T) {
+      return this._withParent$body$_EvaluateVisitor(node, callback, scopeWhen, through, $S, $T, $T);
+    },
+    _async_evaluate$_withParent$2$2(node, callback, $S, $T) {
+      return this._async_evaluate$_withParent$2$4$scopeWhen$through(node, callback, true, null, $S, $T);
+    },
+    _async_evaluate$_withParent$2$3$scopeWhen(node, callback, scopeWhen, $S, $T) {
+      return this._async_evaluate$_withParent$2$4$scopeWhen$through(node, callback, scopeWhen, null, $S, $T);
+    },
+    _withParent$body$_EvaluateVisitor(node, callback, scopeWhen, through, $S, $T, $async$type) {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter($async$type),
+        $async$returnValue, $async$self = this, oldParent, result;
+      var $async$_async_evaluate$_withParent$2$4$scopeWhen$through = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              $async$self._async_evaluate$_addChild$2$through(node, through);
+              oldParent = $async$self._async_evaluate$_assertInModule$2($async$self._async_evaluate$__parent, "__parent");
+              $async$self._async_evaluate$__parent = node;
+              $async$goto = 3;
+              return A._asyncAwait($async$self._async_evaluate$_environment.scope$1$2$when(callback, scopeWhen, $T), $async$_async_evaluate$_withParent$2$4$scopeWhen$through);
+            case 3:
+              // returning from await.
+              result = $async$result;
+              $async$self._async_evaluate$__parent = oldParent;
+              $async$returnValue = result;
+              // goto return
+              $async$goto = 1;
+              break;
+            case 1:
+              // return
+              return A._asyncReturn($async$returnValue, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$_async_evaluate$_withParent$2$4$scopeWhen$through, $async$completer);
+    },
+    _async_evaluate$_copyParentAfterSibling$0() {
+      var t1, grandparent, newParent, _this = this,
+        _s8_ = "__parent",
+        _0_0 = _this._async_evaluate$_assertInModule$2(_this._async_evaluate$__parent, _s8_)._parent;
+      if (_0_0 != null) {
+        t1 = _0_0.children;
+        t1 = t1.get$last(t1) !== _this._async_evaluate$_assertInModule$2(_this._async_evaluate$__parent, _s8_);
+        grandparent = _0_0;
+      } else {
+        grandparent = null;
+        t1 = false;
+      }
+      if (t1) {
+        newParent = _this._async_evaluate$_assertInModule$2(_this._async_evaluate$__parent, _s8_).copyWithoutChildren$0();
+        grandparent.addChild$1(newParent);
+        _this._async_evaluate$__parent = newParent;
+      }
+    },
+    _async_evaluate$_addChild$2$through(node, through) {
+      var _0_0, grandparent, t1,
+        $parent = this._async_evaluate$_assertInModule$2(this._async_evaluate$__parent, "__parent");
+      if (through != null) {
+        for (; through.call$1($parent); $parent = _0_0) {
+          _0_0 = $parent._parent;
+          if (_0_0 == null)
+            throw A.wrapException(A.ArgumentError$(string$.throug + node.toString$0(0) + ".", null));
+        }
+        if ($parent.get$hasFollowingSibling()) {
+          grandparent = $parent._parent;
+          t1 = grandparent.children;
+          if ($parent.equalsIgnoringChildren$1(t1.get$last(t1)))
+            $parent = type$.ModifiableCssParentNode._as(t1.get$last(t1));
+          else {
+            $parent = $parent.copyWithoutChildren$0();
+            grandparent.addChild$1($parent);
+          }
+        }
+      }
+      $parent.addChild$1(node);
+    },
+    _async_evaluate$_addChild$1(node) {
+      return this._async_evaluate$_addChild$2$through(node, null);
+    },
+    _async_evaluate$_withStyleRule$1$2(rule, callback, $T) {
+      return this._withStyleRule$body$_EvaluateVisitor(rule, callback, $T, $T);
+    },
+    _withStyleRule$body$_EvaluateVisitor(rule, callback, $T, $async$type) {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter($async$type),
+        $async$returnValue, $async$self = this, result, oldRule;
+      var $async$_async_evaluate$_withStyleRule$1$2 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              oldRule = $async$self._async_evaluate$_styleRuleIgnoringAtRoot;
+              $async$self._async_evaluate$_styleRuleIgnoringAtRoot = rule;
+              $async$goto = 3;
+              return A._asyncAwait(callback.call$0(), $async$_async_evaluate$_withStyleRule$1$2);
+            case 3:
+              // returning from await.
+              result = $async$result;
+              $async$self._async_evaluate$_styleRuleIgnoringAtRoot = oldRule;
+              $async$returnValue = result;
+              // goto return
+              $async$goto = 1;
+              break;
+            case 1:
+              // return
+              return A._asyncReturn($async$returnValue, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$_async_evaluate$_withStyleRule$1$2, $async$completer);
+    },
+    _async_evaluate$_withMediaQueries$1$3(queries, sources, callback, $T) {
+      return this._withMediaQueries$body$_EvaluateVisitor(queries, sources, callback, $T, $T);
+    },
+    _withMediaQueries$body$_EvaluateVisitor(queries, sources, callback, $T, $async$type) {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter($async$type),
+        $async$returnValue, $async$self = this, result, oldMediaQueries, oldSources;
+      var $async$_async_evaluate$_withMediaQueries$1$3 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              oldMediaQueries = $async$self._async_evaluate$_mediaQueries;
+              oldSources = $async$self._async_evaluate$_mediaQuerySources;
+              $async$self._async_evaluate$_mediaQueries = queries;
+              $async$self._async_evaluate$_mediaQuerySources = sources;
+              $async$goto = 3;
+              return A._asyncAwait(callback.call$0(), $async$_async_evaluate$_withMediaQueries$1$3);
+            case 3:
+              // returning from await.
+              result = $async$result;
+              $async$self._async_evaluate$_mediaQueries = oldMediaQueries;
+              $async$self._async_evaluate$_mediaQuerySources = oldSources;
+              $async$returnValue = result;
+              // goto return
+              $async$goto = 1;
+              break;
+            case 1:
+              // return
+              return A._asyncReturn($async$returnValue, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$_async_evaluate$_withMediaQueries$1$3, $async$completer);
+    },
+    _async_evaluate$_withStackFrame$1$3(member, nodeWithSpan, callback, $T) {
+      return this._withStackFrame$body$_EvaluateVisitor(member, nodeWithSpan, callback, $T, $T);
+    },
+    _withStackFrame$body$_EvaluateVisitor(member, nodeWithSpan, callback, $T, $async$type) {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter($async$type),
+        $async$returnValue, $async$self = this, oldMember, result, t1;
+      var $async$_async_evaluate$_withStackFrame$1$3 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              t1 = $async$self._async_evaluate$_stack;
+              t1.push(new A._Record_2($async$self._async_evaluate$_member, nodeWithSpan));
+              oldMember = $async$self._async_evaluate$_member;
+              $async$self._async_evaluate$_member = member;
+              $async$goto = 3;
+              return A._asyncAwait(callback.call$0(), $async$_async_evaluate$_withStackFrame$1$3);
+            case 3:
+              // returning from await.
+              result = $async$result;
+              $async$self._async_evaluate$_member = oldMember;
+              t1.pop();
+              $async$returnValue = result;
+              // goto return
+              $async$goto = 1;
+              break;
+            case 1:
+              // return
+              return A._asyncReturn($async$returnValue, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$_async_evaluate$_withStackFrame$1$3, $async$completer);
+    },
+    _async_evaluate$_withoutSlash$2(value, nodeForSpan) {
+      var t1;
+      if (value instanceof A.SassNumber)
+        t1 = value.asSlash != null;
+      else
+        t1 = false;
+      if (t1)
+        this._async_evaluate$_warn$3(string$.Using__i + A.S(new A._EvaluateVisitor__withoutSlash_recommendation0().call$1(value)) + string$.x0a_Morex20, nodeForSpan.get$span(nodeForSpan), B.Deprecation_wha);
+      return value.withoutSlash$0();
+    },
+    _async_evaluate$_stackFrame$2(member, span) {
+      return A.frameForSpan(span, member, A.NullableExtension_andThen(span.get$sourceUrl(span), new A._EvaluateVisitor__stackFrame_closure0(this)));
+    },
+    _async_evaluate$_stackTrace$1(span) {
+      var t2, t3, _i, t4, nodeWithSpan, _this = this,
+        t1 = A._setArrayType([], type$.JSArray_Frame);
+      for (t2 = _this._async_evaluate$_stack, t3 = t2.length, _i = 0; _i < t2.length; t2.length === t3 || (0, A.throwConcurrentModificationError)(t2), ++_i) {
+        t4 = t2[_i];
+        nodeWithSpan = t4._1;
+        t1.push(_this._async_evaluate$_stackFrame$2(t4._0, nodeWithSpan.get$span(nodeWithSpan)));
+      }
+      if (span != null)
+        t1.push(_this._async_evaluate$_stackFrame$2(_this._async_evaluate$_member, span));
+      return A.Trace$(new A.ReversedListIterable(t1, type$.ReversedListIterable_Frame), null);
+    },
+    _async_evaluate$_stackTrace$0() {
+      return this._async_evaluate$_stackTrace$1(null);
+    },
+    _async_evaluate$_warn$3(message, span, deprecation) {
+      var trace, t1, _this = this;
+      if (_this._async_evaluate$_quietDeps && _this._async_evaluate$_inDependency)
+        return;
+      if (!_this._async_evaluate$_warningsEmitted.add$1(0, new A._Record_2(message, span)))
+        return;
+      trace = _this._async_evaluate$_stackTrace$1(span);
+      t1 = _this._async_evaluate$_logger;
+      if (deprecation == null)
+        t1.internalWarn$4$deprecation$span$trace(message, null, span, trace);
+      else
+        A.WarnForDeprecation_warnForDeprecation(t1, deprecation, message, span, trace);
+    },
+    _async_evaluate$_warn$2(message, span) {
+      return this._async_evaluate$_warn$3(message, span, null);
+    },
+    _async_evaluate$_exception$2(message, span) {
+      var t1, t2;
+      if (span == null) {
+        t1 = B.JSArray_methods.get$last(this._async_evaluate$_stack)._1;
+        t1 = t1.get$span(t1);
+      } else
+        t1 = span;
+      t2 = this._async_evaluate$_stackTrace$1(span);
+      return new A.SassRuntimeException(t2, B.Set_empty, message, t1);
+    },
+    _async_evaluate$_exception$1(message) {
+      return this._async_evaluate$_exception$2(message, null);
+    },
+    _async_evaluate$_multiSpanException$3(message, primaryLabel, secondaryLabels) {
+      var t1 = B.JSArray_methods.get$last(this._async_evaluate$_stack)._1;
+      return A.MultiSpanSassRuntimeException$(message, t1.get$span(t1), primaryLabel, secondaryLabels, this._async_evaluate$_stackTrace$0(), null);
+    },
+    _async_evaluate$_addExceptionSpan$1$2(nodeWithSpan, callback) {
+      var error, stackTrace, t1, exception,
+        addStackFrame = true;
+      try {
+        t1 = callback.call$0();
+        return t1;
+      } catch (exception) {
+        t1 = A.unwrapException(exception);
+        if (t1 instanceof A.SassScriptException) {
+          error = t1;
+          stackTrace = A.getTraceFromException(exception);
+          t1 = error.withSpan$1(nodeWithSpan.get$span(nodeWithSpan));
+          A.throwWithTrace(t1.withTrace$1(this._async_evaluate$_stackTrace$1(addStackFrame ? nodeWithSpan.get$span(nodeWithSpan) : null)), error, stackTrace);
+        } else
+          throw exception;
+      }
+    },
+    _async_evaluate$_addExceptionSpan$2(nodeWithSpan, callback) {
+      return this._async_evaluate$_addExceptionSpan$1$2(nodeWithSpan, callback, type$.dynamic);
+    },
+    _addExceptionSpanAsync$1$3$addStackFrame(nodeWithSpan, callback, addStackFrame, $T) {
+      return this._addExceptionSpanAsync$body$_EvaluateVisitor(nodeWithSpan, callback, addStackFrame, $T, $T);
+    },
+    _addExceptionSpanAsync$1$2(nodeWithSpan, callback, $T) {
+      return this._addExceptionSpanAsync$1$3$addStackFrame(nodeWithSpan, callback, true, $T);
+    },
+    _addExceptionSpanAsync$body$_EvaluateVisitor(nodeWithSpan, callback, addStackFrame, $T, $async$type) {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter($async$type),
+        $async$returnValue, $async$handler = 2, $async$errorStack = [], $async$self = this, error, stackTrace, t1, exception, $async$exception;
+      var $async$_addExceptionSpanAsync$1$3$addStackFrame = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1) {
+          $async$errorStack.push($async$result);
+          $async$goto = $async$handler;
+        }
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              $async$handler = 4;
+              t1 = callback.call$0();
+              $async$goto = 7;
+              return A._asyncAwait($T._eval$1("Future<0>")._is(t1) ? t1 : A._Future$value(t1, $T), $async$_addExceptionSpanAsync$1$3$addStackFrame);
+            case 7:
+              // returning from await.
+              t1 = $async$result;
+              $async$returnValue = t1;
+              // goto return
+              $async$goto = 1;
+              break;
+              $async$handler = 2;
+              // goto after finally
+              $async$goto = 6;
+              break;
+            case 4:
+              // catch
+              $async$handler = 3;
+              $async$exception = $async$errorStack.pop();
+              t1 = A.unwrapException($async$exception);
+              if (t1 instanceof A.SassScriptException) {
+                error = t1;
+                stackTrace = A.getTraceFromException($async$exception);
+                t1 = error.withSpan$1(nodeWithSpan.get$span(nodeWithSpan));
+                A.throwWithTrace(t1.withTrace$1($async$self._async_evaluate$_stackTrace$1(addStackFrame ? nodeWithSpan.get$span(nodeWithSpan) : null)), error, stackTrace);
+              } else
+                throw $async$exception;
+              // goto after finally
+              $async$goto = 6;
+              break;
+            case 3:
+              // uncaught
+              // goto rethrow
+              $async$goto = 2;
+              break;
+            case 6:
+              // after finally
+            case 1:
+              // return
+              return A._asyncReturn($async$returnValue, $async$completer);
+            case 2:
+              // rethrow
+              return A._asyncRethrow($async$errorStack.at(-1), $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$_addExceptionSpanAsync$1$3$addStackFrame, $async$completer);
+    },
+    _async_evaluate$_addExceptionTrace$1$1(callback, $T) {
+      return this._addExceptionTrace$body$_EvaluateVisitor(callback, $T, $T);
+    },
+    _addExceptionTrace$body$_EvaluateVisitor(callback, $T, $async$type) {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter($async$type),
+        $async$returnValue, $async$handler = 2, $async$errorStack = [], $async$self = this, error, stackTrace, t1, exception, t2, $async$exception;
+      var $async$_async_evaluate$_addExceptionTrace$1$1 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1) {
+          $async$errorStack.push($async$result);
+          $async$goto = $async$handler;
+        }
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              $async$handler = 4;
+              t1 = callback.call$0();
+              $async$goto = 7;
+              return A._asyncAwait($T._eval$1("Future<0>")._is(t1) ? t1 : A._Future$value(t1, $T), $async$_async_evaluate$_addExceptionTrace$1$1);
+            case 7:
+              // returning from await.
+              t1 = $async$result;
+              $async$returnValue = t1;
+              // goto return
+              $async$goto = 1;
+              break;
+              $async$handler = 2;
+              // goto after finally
+              $async$goto = 6;
+              break;
+            case 4:
+              // catch
+              $async$handler = 3;
+              $async$exception = $async$errorStack.pop();
+              t1 = A.unwrapException($async$exception);
+              if (type$.SassRuntimeException._is(t1))
+                throw $async$exception;
+              else if (t1 instanceof A.SassException) {
+                error = t1;
+                stackTrace = A.getTraceFromException($async$exception);
+                t1 = error;
+                t2 = J.getInterceptor$z(t1);
+                A.throwWithTrace(error.withTrace$1($async$self._async_evaluate$_stackTrace$1(A.SourceSpanException.prototype.get$span.call(t2, t1))), error, stackTrace);
+              } else
+                throw $async$exception;
+              // goto after finally
+              $async$goto = 6;
+              break;
+            case 3:
+              // uncaught
+              // goto rethrow
+              $async$goto = 2;
+              break;
+            case 6:
+              // after finally
+            case 1:
+              // return
+              return A._asyncReturn($async$returnValue, $async$completer);
+            case 2:
+              // rethrow
+              return A._asyncRethrow($async$errorStack.at(-1), $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$_async_evaluate$_addExceptionTrace$1$1, $async$completer);
+    },
+    _async_evaluate$_addErrorSpan$1$2(nodeWithSpan, callback, $T) {
+      return this._addErrorSpan$body$_EvaluateVisitor(nodeWithSpan, callback, $T, $T);
+    },
+    _addErrorSpan$body$_EvaluateVisitor(nodeWithSpan, callback, $T, $async$type) {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter($async$type),
+        $async$returnValue, $async$handler = 2, $async$errorStack = [], $async$self = this, error, stackTrace, t1, exception, t2, t3, $async$exception;
+      var $async$_async_evaluate$_addErrorSpan$1$2 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1) {
+          $async$errorStack.push($async$result);
+          $async$goto = $async$handler;
+        }
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              $async$handler = 4;
+              $async$goto = 7;
+              return A._asyncAwait(callback.call$0(), $async$_async_evaluate$_addErrorSpan$1$2);
+            case 7:
+              // returning from await.
+              t1 = $async$result;
+              $async$returnValue = t1;
+              // goto return
+              $async$goto = 1;
+              break;
+              $async$handler = 2;
+              // goto after finally
+              $async$goto = 6;
+              break;
+            case 4:
+              // catch
+              $async$handler = 3;
+              $async$exception = $async$errorStack.pop();
+              t1 = A.unwrapException($async$exception);
+              if (type$.SassRuntimeException._is(t1)) {
+                error = t1;
+                stackTrace = A.getTraceFromException($async$exception);
+                if (!B.JSString_methods.startsWith$1(J.get$span$z(error).get$text(), "@error"))
+                  throw $async$exception;
+                t1 = error._span_exception$_message;
+                t2 = nodeWithSpan.get$span(nodeWithSpan);
+                t3 = $async$self._async_evaluate$_stackTrace$0();
+                A.throwWithTrace(new A.SassRuntimeException(t3, B.Set_empty, t1, t2), error, stackTrace);
+              } else
+                throw $async$exception;
+              // goto after finally
+              $async$goto = 6;
+              break;
+            case 3:
+              // uncaught
+              // goto rethrow
+              $async$goto = 2;
+              break;
+            case 6:
+              // after finally
+            case 1:
+              // return
+              return A._asyncReturn($async$returnValue, $async$completer);
+            case 2:
+              // rethrow
+              return A._asyncRethrow($async$errorStack.at(-1), $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$_async_evaluate$_addErrorSpan$1$2, $async$completer);
+    },
+    _async_evaluate$_getErrorMessage$1(error) {
+      var t1, exception;
+      if (type$.Error._is(error))
+        return error.toString$0(0);
+      try {
+        t1 = A._asString(J.get$message$x(error));
+        return t1;
+      } catch (exception) {
+        t1 = J.toString$0$(error);
+        return t1;
+      }
+    }
+  };
+  A._EvaluateVisitor_closure12.prototype = {
+    call$1($arguments) {
+      var module, t2,
+        t1 = J.getInterceptor$asx($arguments),
+        variable = t1.$index($arguments, 0).assertString$1("name");
+      t1 = t1.$index($arguments, 1).get$realNull();
+      module = t1 == null ? null : t1.assertString$1("module");
+      t1 = this.$this._async_evaluate$_environment;
+      t2 = A.stringReplaceAllUnchecked(variable._string$_text, "_", "-");
+      return t1.globalVariableExists$2$namespace(t2, module == null ? null : module._string$_text) ? B.SassBoolean_true : B.SassBoolean_false;
+    },
+    $signature: 11
+  };
+  A._EvaluateVisitor_closure13.prototype = {
+    call$1($arguments) {
+      var variable = J.$index$asx($arguments, 0).assertString$1("name"),
+        t1 = this.$this._async_evaluate$_environment;
+      return t1.getVariable$1(A.stringReplaceAllUnchecked(variable._string$_text, "_", "-")) != null ? B.SassBoolean_true : B.SassBoolean_false;
+    },
+    $signature: 11
+  };
+  A._EvaluateVisitor_closure14.prototype = {
+    call$1($arguments) {
+      var module, t2, t3, t4,
+        t1 = J.getInterceptor$asx($arguments),
+        variable = t1.$index($arguments, 0).assertString$1("name");
+      t1 = t1.$index($arguments, 1).get$realNull();
+      module = t1 == null ? null : t1.assertString$1("module");
+      t1 = this.$this;
+      t2 = t1._async_evaluate$_environment;
+      t3 = variable._string$_text;
+      t4 = A.stringReplaceAllUnchecked(t3, "_", "-");
+      return t2.getFunction$2$namespace(t4, module == null ? null : module._string$_text) != null || t1._async_evaluate$_builtInFunctions.containsKey$1(t3) ? B.SassBoolean_true : B.SassBoolean_false;
+    },
+    $signature: 11
+  };
+  A._EvaluateVisitor_closure15.prototype = {
+    call$1($arguments) {
+      var module, t2,
+        t1 = J.getInterceptor$asx($arguments),
+        variable = t1.$index($arguments, 0).assertString$1("name");
+      t1 = t1.$index($arguments, 1).get$realNull();
+      module = t1 == null ? null : t1.assertString$1("module");
+      t1 = this.$this._async_evaluate$_environment;
+      t2 = A.stringReplaceAllUnchecked(variable._string$_text, "_", "-");
+      return t1.getMixin$2$namespace(t2, module == null ? null : module._string$_text) != null ? B.SassBoolean_true : B.SassBoolean_false;
+    },
+    $signature: 11
+  };
+  A._EvaluateVisitor_closure16.prototype = {
+    call$1($arguments) {
+      var t1 = this.$this._async_evaluate$_environment;
+      if (!t1._async_environment$_inMixin)
+        throw A.wrapException(A.SassScriptException$(string$.conten, null));
+      return t1._async_environment$_content != null ? B.SassBoolean_true : B.SassBoolean_false;
+    },
+    $signature: 11
+  };
+  A._EvaluateVisitor_closure17.prototype = {
+    call$1($arguments) {
+      var t2, t3, t4,
+        t1 = J.$index$asx($arguments, 0).assertString$1("module")._string$_text,
+        module = this.$this._async_evaluate$_environment._async_environment$_modules.$index(0, t1);
+      if (module == null)
+        throw A.wrapException('There is no module with namespace "' + t1 + '".');
+      t1 = type$.Value;
+      t2 = A.LinkedHashMap_LinkedHashMap$_empty(t1, t1);
+      for (t3 = A.MapExtensions_get_pairs(module.get$variables(), type$.String, t1), t3 = t3.get$iterator(t3); t3.moveNext$0();) {
+        t4 = t3.get$current(t3);
+        t2.$indexSet(0, new A.SassString(t4._0, true), t4._1);
+      }
+      return new A.SassMap(A.ConstantMap_ConstantMap$from(t2, t1, t1));
+    },
+    $signature: 33
+  };
+  A._EvaluateVisitor_closure18.prototype = {
+    call$1($arguments) {
+      var t3, t4, t5,
+        t1 = this.$this,
+        t2 = J.$index$asx($arguments, 0).assertString$1("module")._string$_text,
+        module = t1._async_evaluate$_environment._async_environment$_modules.$index(0, t2);
+      if (module == null)
+        throw A.wrapException('There is no module with namespace "' + t2 + '".');
+      t2 = type$.Value;
+      t3 = A.LinkedHashMap_LinkedHashMap$_empty(t2, t2);
+      for (t4 = A.MapExtensions_get_pairs(module.get$functions(module), type$.String, type$.AsyncCallable), t4 = t4.get$iterator(t4), t1 = t1._async_evaluate$_compileContext; t4.moveNext$0();) {
+        t5 = t4.get$current(t4);
+        t3.$indexSet(0, new A.SassString(t5._0, true), new A.SassFunction(t5._1, t1));
+      }
+      return new A.SassMap(A.ConstantMap_ConstantMap$from(t3, t2, t2));
+    },
+    $signature: 33
+  };
+  A._EvaluateVisitor_closure19.prototype = {
+    call$1($arguments) {
+      var t3, t4, t5,
+        t1 = this.$this,
+        t2 = J.$index$asx($arguments, 0).assertString$1("module")._string$_text,
+        module = t1._async_evaluate$_environment._async_environment$_modules.$index(0, t2);
+      if (module == null)
+        throw A.wrapException('There is no module with namespace "' + t2 + '".');
+      t2 = type$.Value;
+      t3 = A.LinkedHashMap_LinkedHashMap$_empty(t2, t2);
+      for (t4 = A.MapExtensions_get_pairs(module.get$mixins(), type$.String, type$.AsyncCallable), t4 = t4.get$iterator(t4), t1 = t1._async_evaluate$_compileContext; t4.moveNext$0();) {
+        t5 = t4.get$current(t4);
+        t3.$indexSet(0, new A.SassString(t5._0, true), new A.SassMixin(t5._1, t1));
+      }
+      return new A.SassMap(A.ConstantMap_ConstantMap$from(t3, t2, t2));
+    },
+    $signature: 33
+  };
+  A._EvaluateVisitor_closure20.prototype = {
+    call$1($arguments) {
+      var module, t2, callable,
+        t1 = J.getInterceptor$asx($arguments),
+        $name = t1.$index($arguments, 0).assertString$1("name"),
+        css = t1.$index($arguments, 1).get$isTruthy();
+      t1 = t1.$index($arguments, 2).get$realNull();
+      module = t1 == null ? null : t1.assertString$1("module");
+      if (css) {
+        if (module != null)
+          throw A.wrapException(string$.x24css_a);
+        return new A.SassFunction(new A.PlainCssCallable($name._string$_text), this.$this._async_evaluate$_compileContext);
+      }
+      t1 = this.$this;
+      t2 = t1._async_evaluate$_callableNode;
+      t2.toString;
+      callable = t1._async_evaluate$_addExceptionSpan$2(t2, new A._EvaluateVisitor__closure6(t1, $name, module));
+      if (callable == null)
+        throw A.wrapException("Function not found: " + $name.toString$0(0));
+      return new A.SassFunction(callable, t1._async_evaluate$_compileContext);
+    },
+    $signature: 147
+  };
+  A._EvaluateVisitor__closure6.prototype = {
+    call$0() {
+      var local,
+        normalizedName = A.stringReplaceAllUnchecked(this.name._string$_text, "_", "-"),
+        t1 = this.module,
+        namespace = t1 == null ? null : t1._string$_text;
+      t1 = this.$this;
+      local = t1._async_evaluate$_environment.getFunction$2$namespace(normalizedName, namespace);
+      if (local != null || namespace != null)
+        return local;
+      return t1._async_evaluate$_builtInFunctions.$index(0, normalizedName);
+    },
+    $signature: 86
+  };
+  A._EvaluateVisitor_closure21.prototype = {
+    call$1($arguments) {
+      var module, t2, callable,
+        t1 = J.getInterceptor$asx($arguments),
+        $name = t1.$index($arguments, 0).assertString$1("name");
+      t1 = t1.$index($arguments, 1).get$realNull();
+      module = t1 == null ? null : t1.assertString$1("module");
+      t1 = this.$this;
+      t2 = t1._async_evaluate$_callableNode;
+      t2.toString;
+      callable = t1._async_evaluate$_addExceptionSpan$2(t2, new A._EvaluateVisitor__closure5(t1, $name, module));
+      if (callable == null)
+        throw A.wrapException("Mixin not found: " + $name.toString$0(0));
+      return new A.SassMixin(callable, t1._async_evaluate$_compileContext);
+    },
+    $signature: 155
+  };
+  A._EvaluateVisitor__closure5.prototype = {
+    call$0() {
+      var t1 = this.$this._async_evaluate$_environment,
+        t2 = A.stringReplaceAllUnchecked(this.name._string$_text, "_", "-"),
+        t3 = this.module;
+      return t1.getMixin$2$namespace(t2, t3 == null ? null : t3._string$_text);
+    },
+    $signature: 86
+  };
+  A._EvaluateVisitor_closure22.prototype = {
+    call$1($arguments) {
+      return this.$call$body$_EvaluateVisitor_closure1($arguments);
+    },
+    $call$body$_EvaluateVisitor_closure1($arguments) {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.Value),
+        $async$returnValue, $async$self = this, t2, t3, t4, t5, t6, t7, t8, t9, t10, t11, invocation, callableNode, t1, $function, args;
+      var $async$call$1 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              t1 = J.getInterceptor$asx($arguments);
+              $function = t1.$index($arguments, 0);
+              args = type$.SassArgumentList._as(t1.$index($arguments, 1));
+              t1 = $async$self.$this;
+              t2 = t1._async_evaluate$_callableNode;
+              t2.toString;
+              t3 = A._setArrayType([], type$.JSArray_Expression);
+              t4 = type$.String;
+              t5 = type$.Expression;
+              t6 = t2.get$span(t2);
+              t7 = t2.get$span(t2);
+              args._wereKeywordsAccessed = true;
+              t8 = args._keywords;
+              if (t8.get$isEmpty(t8))
+                t2 = null;
+              else {
+                t9 = type$.Value;
+                t10 = A.LinkedHashMap_LinkedHashMap$_empty(t9, t9);
+                for (args._wereKeywordsAccessed = true, t8 = A.MapExtensions_get_pairs(t8, t4, t9), t8 = t8.get$iterator(t8); t8.moveNext$0();) {
+                  t11 = t8.get$current(t8);
+                  t10.$indexSet(0, new A.SassString(t11._0, false), t11._1);
+                }
+                t2 = new A.ValueExpression(new A.SassMap(A.ConstantMap_ConstantMap$from(t10, t9, t9)), t2.get$span(t2));
+              }
+              invocation = new A.ArgumentList(A.List_List$unmodifiable(t3, t5), A.ConstantMap_ConstantMap$from(A.LinkedHashMap_LinkedHashMap$_empty(t4, t5), t4, t5), new A.ValueExpression(args, t7), t2, t6);
+              $async$goto = $function instanceof A.SassString ? 3 : 4;
+              break;
+            case 3:
+              // then
+              A.warnForDeprecation(string$.Passina + $function.toString$0(0) + "))", B.Deprecation_eNo);
+              callableNode = t1._async_evaluate$_callableNode;
+              t2 = $function._string$_text;
+              t3 = callableNode.get$span(callableNode);
+              t1 = t1.visitFunctionExpression$1(0, new A.FunctionExpression(null, A.stringReplaceAllUnchecked(t2, "_", "-"), t2, invocation, t3));
+              $async$goto = 5;
+              return A._asyncAwait(type$.Future_Value._is(t1) ? t1 : A._Future$value(t1, type$.Value), $async$call$1);
+            case 5:
+              // returning from await.
+              $async$returnValue = $async$result;
+              // goto return
+              $async$goto = 1;
+              break;
+            case 4:
+              // join
+              t2 = $function.assertFunction$1("function").assertCompileContext$1(t1._async_evaluate$_compileContext);
+              t3 = t1._async_evaluate$_callableNode;
+              t3.toString;
+              $async$goto = 6;
+              return A._asyncAwait(t1._async_evaluate$_runFunctionCallable$3(invocation, t2.callable, t3), $async$call$1);
+            case 6:
+              // returning from await.
+              t3 = $async$result;
+              $async$returnValue = t3;
+              // goto return
+              $async$goto = 1;
+              break;
+            case 1:
+              // return
+              return A._asyncReturn($async$returnValue, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$call$1, $async$completer);
+    },
+    $signature: 176
+  };
+  A._EvaluateVisitor_closure23.prototype = {
+    call$1($arguments) {
+      return this.$call$body$_EvaluateVisitor_closure0($arguments);
+    },
+    $call$body$_EvaluateVisitor_closure0($arguments) {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.void),
+        $async$self = this, withMap, t2, t3, values, span, configuration, t1, url;
+      var $async$call$1 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              t1 = J.getInterceptor$asx($arguments);
+              url = A.Uri_parse(t1.$index($arguments, 0).assertString$1("url")._string$_text);
+              t1 = t1.$index($arguments, 1).get$realNull();
+              withMap = t1 == null ? null : t1.assertMap$1("with")._map$_contents;
+              t1 = $async$self.$this;
+              t2 = t1._async_evaluate$_callableNode;
+              t2.toString;
+              if (withMap != null) {
+                t3 = {};
+                values = A.LinkedHashMap_LinkedHashMap$_empty(type$.String, type$.ConfiguredValue);
+                span = t2.get$span(t2);
+                t3.privateDeprecation = false;
+                withMap.forEach$1(0, new A._EvaluateVisitor__closure3(t3, values, span, t2));
+                configuration = new A.ExplicitConfiguration(t2, values, null);
+              } else
+                configuration = B.Configuration_Map_empty_null;
+              t3 = t2.get$span(t2);
+              $async$goto = 2;
+              return A._asyncAwait(t1._async_evaluate$_loadModule$7$baseUrl$configuration$namesInErrors(url, "load-css()", t2, new A._EvaluateVisitor__closure4(t1), t3.get$sourceUrl(t3), configuration, true), $async$call$1);
+            case 2:
+              // returning from await.
+              t1._async_evaluate$_assertConfigurationIsEmpty$2$nameInError(configuration, true);
+              // implicit return
+              return A._asyncReturn(null, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$call$1, $async$completer);
+    },
+    $signature: 157
+  };
+  A._EvaluateVisitor__closure3.prototype = {
+    call$2(variable, value) {
+      var _this = this,
+        t1 = variable.assertString$1("with key"),
+        $name = A.stringReplaceAllUnchecked(t1._string$_text, "_", "-");
+      t1 = _this.values;
+      if (t1.containsKey$1($name))
+        throw A.wrapException("The variable $" + $name + " was configured twice.");
+      else if (B.JSString_methods.startsWith$1($name, "-") && !_this._box_0.privateDeprecation) {
+        _this._box_0.privateDeprecation = true;
+        A.warnForDeprecation("Configuring private variables (such as $" + $name + string$.x29x20is_dT, B.Deprecation_8uC);
+      }
+      t1.$indexSet(0, $name, new A.ConfiguredValue(value, _this.span, _this.callableNode));
+    },
+    $signature: 87
+  };
+  A._EvaluateVisitor__closure4.prototype = {
+    call$2(module, _) {
+      var t1 = this.$this;
+      return t1._async_evaluate$_combineCss$2$clone(module, true).accept$1(t1);
+    },
+    $signature: 440
+  };
+  A._EvaluateVisitor_closure24.prototype = {
+    call$1($arguments) {
+      return this.$call$body$_EvaluateVisitor_closure($arguments);
+    },
+    $call$body$_EvaluateVisitor_closure($arguments) {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.void),
+        $async$self = this, callableNode, t2, t3, t4, t5, t1, mixin, args;
+      var $async$call$1 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              t1 = J.getInterceptor$asx($arguments);
+              mixin = t1.$index($arguments, 0);
+              args = type$.SassArgumentList._as(t1.$index($arguments, 1));
+              t1 = $async$self.$this;
+              callableNode = t1._async_evaluate$_callableNode;
+              t2 = callableNode.get$span(callableNode);
+              t3 = callableNode.get$span(callableNode);
+              t4 = type$.Expression;
+              t5 = A.List_List$unmodifiable(B.List_empty9, t4);
+              t4 = A.ConstantMap_ConstantMap$from(B.Map_empty4, type$.String, t4);
+              $async$goto = 2;
+              return A._asyncAwait(t1._async_evaluate$_applyMixin$5(mixin.assertMixin$1("mixin").assertCompileContext$1(t1._async_evaluate$_compileContext).callable, t1._async_evaluate$_environment._async_environment$_content, new A.ArgumentList(t5, t4, new A.ValueExpression(args, t3), null, t2), callableNode, callableNode), $async$call$1);
+            case 2:
+              // returning from await.
+              // implicit return
+              return A._asyncReturn(null, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$call$1, $async$completer);
+    },
+    $signature: 157
+  };
+  A._EvaluateVisitor_run_closure0.prototype = {
+    call$0() {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.Record_2_Set_Uri_loadedUrls_and_CssStylesheet_stylesheet),
+        $async$returnValue, $async$self = this, module, t1, t2, _0_0, url;
+      var $async$call$0 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              t1 = $async$self.node;
+              t2 = t1.span;
+              _0_0 = t2.get$sourceUrl(t2);
+              url = null;
+              if (_0_0 != null) {
+                url = _0_0;
+                t2 = $async$self.$this;
+                t2._async_evaluate$_activeModules.$indexSet(0, url, null);
+                t2._async_evaluate$_loadedUrls.add$1(0, url);
+              }
+              t2 = $async$self.$this;
+              $async$goto = 3;
+              return A._asyncAwait(t2._async_evaluate$_addExceptionTrace$1$1(new A._EvaluateVisitor_run__closure0(t2, $async$self.importer, t1), type$.Module_AsyncCallable), $async$call$0);
+            case 3:
+              // returning from await.
+              module = $async$result;
+              $async$returnValue = new A._Record_2_loadedUrls_stylesheet(t2._async_evaluate$_loadedUrls, t2._async_evaluate$_combineCss$1(module));
+              // goto return
+              $async$goto = 1;
+              break;
+            case 1:
+              // return
+              return A._asyncReturn($async$returnValue, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$call$0, $async$completer);
+    },
+    $signature: 443
+  };
+  A._EvaluateVisitor_run__closure0.prototype = {
+    call$0() {
+      return this.$this._async_evaluate$_execute$2(this.importer, this.node);
+    },
+    $signature: 444
+  };
+  A._EvaluateVisitor__loadModule_closure1.prototype = {
+    call$0() {
+      return this.callback.call$2(this._box_0.builtInModule, false);
+    },
+    $signature: 0
+  };
+  A._EvaluateVisitor__loadModule_closure2.prototype = {
+    call$0() {
+      return this.$call$body$_EvaluateVisitor__loadModule_closure();
+    },
+    $call$body$_EvaluateVisitor__loadModule_closure() {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.Null),
+        $async$handler = 1, $async$errorStack = [], $async$next = [], $async$self = this, canonicalUrl, oldInDependency, isDependency, t4, message, t1, stylesheet, importer, t2, t3, _1_0, $async$temp1;
+      var $async$call$0 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1) {
+          $async$errorStack.push($async$result);
+          $async$goto = $async$handler;
+        }
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              t1 = {};
+              stylesheet = null;
+              importer = null;
+              t2 = $async$self.$this;
+              t3 = $async$self.nodeWithSpan;
+              $async$goto = 2;
+              return A._asyncAwait(t2._async_evaluate$_loadStylesheet$3$baseUrl($async$self.url.toString$0(0), t3.get$span(t3), $async$self.baseUrl), $async$call$0);
+            case 2:
+              // returning from await.
+              _1_0 = $async$result;
+              stylesheet = _1_0._0;
+              importer = _1_0._1;
+              isDependency = _1_0._2;
+              t4 = stylesheet.span;
+              canonicalUrl = t4.get$sourceUrl(t4);
+              if (canonicalUrl != null) {
+                t4 = t2._async_evaluate$_activeModules;
+                if (t4.containsKey$1(canonicalUrl)) {
+                  message = $async$self.namesInErrors ? "Module loop: " + $.$get$context().prettyUri$1(canonicalUrl) + " is already being loaded." : string$.Modulel;
+                  t1 = A.NullableExtension_andThen(t4.$index(0, canonicalUrl), new A._EvaluateVisitor__loadModule__closure1(t2, message));
+                  throw A.wrapException(t1 == null ? t2._async_evaluate$_exception$1(message) : t1);
+                } else
+                  t4.$indexSet(0, canonicalUrl, t3);
+              }
+              t4 = t2._async_evaluate$_modules.containsKey$1(canonicalUrl);
+              oldInDependency = t2._async_evaluate$_inDependency;
+              t2._async_evaluate$_inDependency = isDependency;
+              t1.module = null;
+              $async$handler = 3;
+              $async$temp1 = t1;
+              $async$goto = 6;
+              return A._asyncAwait(t2._async_evaluate$_execute$5$configuration$namesInErrors$nodeWithSpan(importer, stylesheet, $async$self.configuration, $async$self.namesInErrors, t3), $async$call$0);
+            case 6:
+              // returning from await.
+              $async$temp1.module = $async$result;
+              $async$next.push(5);
+              // goto finally
+              $async$goto = 4;
+              break;
+            case 3:
+              // uncaught
+              $async$next = [1];
+            case 4:
+              // finally
+              $async$handler = 1;
+              t2._async_evaluate$_activeModules.remove$1(0, canonicalUrl);
+              t2._async_evaluate$_inDependency = oldInDependency;
+              // goto the next finally handler
+              $async$goto = $async$next.pop();
+              break;
+            case 5:
+              // after finally
+              $async$goto = 7;
+              return A._asyncAwait(t2._addExceptionSpanAsync$1$3$addStackFrame(t3, new A._EvaluateVisitor__loadModule__closure2(t1, $async$self.callback, !t4), false, type$.void), $async$call$0);
+            case 7:
+              // returning from await.
+              // implicit return
+              return A._asyncReturn(null, $async$completer);
+            case 1:
+              // rethrow
+              return A._asyncRethrow($async$errorStack.at(-1), $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$call$0, $async$completer);
+    },
+    $signature: 2
+  };
+  A._EvaluateVisitor__loadModule__closure1.prototype = {
+    call$1(previousLoad) {
+      return this.$this._async_evaluate$_multiSpanException$3(this.message, "new load", A.LinkedHashMap_LinkedHashMap$_literal([previousLoad.get$span(previousLoad), "original load"], type$.FileSpan, type$.String));
+    },
+    $signature: 88
+  };
+  A._EvaluateVisitor__loadModule__closure2.prototype = {
+    call$0() {
+      return this.callback.call$2(this._box_1.module, this.firstLoad);
+    },
+    $signature: 0
+  };
+  A._EvaluateVisitor__execute_closure0.prototype = {
+    call$0() {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.Null),
+        $async$self = this, t3, t4, t5, t6, t1, oldImporter, oldStylesheet, oldRoot, oldPreModuleComments, oldParent, oldEndOfImports, oldOutOfOrderImports, oldExtensionStore, t2, oldStyleRule, oldMediaQueries, oldDeclarationName, oldInUnknownAtRule, oldInKeyframes, oldConfiguration;
+      var $async$call$0 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              t1 = $async$self.$this;
+              oldImporter = t1._async_evaluate$_importer;
+              oldStylesheet = t1._async_evaluate$__stylesheet;
+              oldRoot = t1._async_evaluate$__root;
+              oldPreModuleComments = t1._async_evaluate$_preModuleComments;
+              oldParent = t1._async_evaluate$__parent;
+              oldEndOfImports = t1._async_evaluate$__endOfImports;
+              oldOutOfOrderImports = t1._async_evaluate$_outOfOrderImports;
+              oldExtensionStore = t1._async_evaluate$__extensionStore;
+              t2 = t1._async_evaluate$_atRootExcludingStyleRule;
+              oldStyleRule = t2 ? null : t1._async_evaluate$_styleRuleIgnoringAtRoot;
+              oldMediaQueries = t1._async_evaluate$_mediaQueries;
+              oldDeclarationName = t1._async_evaluate$_declarationName;
+              oldInUnknownAtRule = t1._async_evaluate$_inUnknownAtRule;
+              oldInKeyframes = t1._async_evaluate$_inKeyframes;
+              oldConfiguration = t1._async_evaluate$_configuration;
+              t1._async_evaluate$_importer = $async$self.importer;
+              t3 = t1._async_evaluate$__stylesheet = $async$self.stylesheet;
+              t4 = t3.span;
+              t5 = t1._async_evaluate$__parent = t1._async_evaluate$__root = A.ModifiableCssStylesheet$(t4);
+              t1._async_evaluate$__endOfImports = 0;
+              t1._async_evaluate$_outOfOrderImports = null;
+              t1._async_evaluate$__extensionStore = $async$self.extensionStore;
+              t1._async_evaluate$_declarationName = t1._async_evaluate$_mediaQueries = t1._async_evaluate$_styleRuleIgnoringAtRoot = null;
+              t1._async_evaluate$_inKeyframes = t1._async_evaluate$_atRootExcludingStyleRule = t1._async_evaluate$_inUnknownAtRule = false;
+              t6 = $async$self.configuration;
+              if (t6 != null)
+                t1._async_evaluate$_configuration = t6;
+              $async$goto = 2;
+              return A._asyncAwait(t1.visitStylesheet$1(0, t3), $async$call$0);
+            case 2:
+              // returning from await.
+              t3 = t1._async_evaluate$_outOfOrderImports == null ? t5 : new A.CssStylesheet(new A.UnmodifiableListView(t1._async_evaluate$_addOutOfOrderImports$0(), type$.UnmodifiableListView_CssNode), t4);
+              $async$self.css.__late_helper$_value = t3;
+              $async$self.preModuleComments.__late_helper$_value = t1._async_evaluate$_preModuleComments;
+              t1._async_evaluate$_importer = oldImporter;
+              t1._async_evaluate$__stylesheet = oldStylesheet;
+              t1._async_evaluate$__root = oldRoot;
+              t1._async_evaluate$_preModuleComments = oldPreModuleComments;
+              t1._async_evaluate$__parent = oldParent;
+              t1._async_evaluate$__endOfImports = oldEndOfImports;
+              t1._async_evaluate$_outOfOrderImports = oldOutOfOrderImports;
+              t1._async_evaluate$__extensionStore = oldExtensionStore;
+              t1._async_evaluate$_styleRuleIgnoringAtRoot = oldStyleRule;
+              t1._async_evaluate$_mediaQueries = oldMediaQueries;
+              t1._async_evaluate$_declarationName = oldDeclarationName;
+              t1._async_evaluate$_inUnknownAtRule = oldInUnknownAtRule;
+              t1._async_evaluate$_atRootExcludingStyleRule = t2;
+              t1._async_evaluate$_inKeyframes = oldInKeyframes;
+              t1._async_evaluate$_configuration = oldConfiguration;
+              // implicit return
+              return A._asyncReturn(null, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$call$0, $async$completer);
+    },
+    $signature: 2
+  };
+  A._EvaluateVisitor__combineCss_closure1.prototype = {
+    call$1(module) {
+      return module.get$transitivelyContainsCss();
+    },
+    $signature: 85
+  };
+  A._EvaluateVisitor__combineCss_closure2.prototype = {
+    call$1(target) {
+      return !this.selectors.contains$1(0, target);
+    },
+    $signature: 13
+  };
+  A._EvaluateVisitor__combineCss_visitModule0.prototype = {
+    call$1(module) {
+      var t1, t2, t3, t4, _i, upstream, _1_0, statements, index, _this = this;
+      if (!_this.seen.add$1(0, module))
+        return;
+      if (_this.clone)
+        module = module.cloneCss$0();
+      for (t1 = module.get$upstream(), t2 = t1.length, t3 = _this.css, t4 = _this.imports, _i = 0; _i < t1.length; t1.length === t2 || (0, A.throwConcurrentModificationError)(t1), ++_i) {
+        upstream = t1[_i];
+        if (upstream.get$transitivelyContainsCss()) {
+          _1_0 = module.get$preModuleComments().$index(0, upstream);
+          if (_1_0 != null)
+            B.JSArray_methods.addAll$1(t3.length === 0 ? t4 : t3, _1_0);
+          _this.call$1(upstream);
+        }
+      }
+      _this.sorted.addFirst$1(module);
+      t1 = module.get$css(module);
+      statements = t1.get$children(t1);
+      index = _this.$this._async_evaluate$_indexAfterImports$1(statements);
+      t1 = J.getInterceptor$ax(statements);
+      B.JSArray_methods.addAll$1(t4, t1.getRange$2(statements, 0, index));
+      B.JSArray_methods.addAll$1(t3, t1.getRange$2(statements, index, t1.get$length(statements)));
+    },
+    $signature: 272
+  };
+  A._EvaluateVisitor__extendModules_closure1.prototype = {
+    call$1(target) {
+      return !this.originalSelectors.contains$1(0, target);
+    },
+    $signature: 13
+  };
+  A._EvaluateVisitor__extendModules_closure2.prototype = {
+    call$0() {
+      return A._setArrayType([], type$.JSArray_ExtensionStore);
+    },
+    $signature: 169
+  };
+  A._EvaluateVisitor_visitAtRootRule_closure1.prototype = {
+    call$0() {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.Null),
+        $async$self = this, t1, t2, t3, _i;
+      var $async$call$0 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              t1 = $async$self.node.children, t2 = t1.length, t3 = $async$self.$this, _i = 0;
+            case 2:
+              // for condition
+              if (!(_i < t2)) {
+                // goto after for
+                $async$goto = 4;
+                break;
+              }
+              $async$goto = 5;
+              return A._asyncAwait(t1[_i].accept$1(t3), $async$call$0);
+            case 5:
+              // returning from await.
+            case 3:
+              // for update
+              ++_i;
+              // goto for condition
+              $async$goto = 2;
+              break;
+            case 4:
+              // after for
+              // implicit return
+              return A._asyncReturn(null, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$call$0, $async$completer);
+    },
+    $signature: 2
+  };
+  A._EvaluateVisitor_visitAtRootRule_closure2.prototype = {
+    call$0() {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.void),
+        $async$self = this, t1, t2, t3, _i;
+      var $async$call$0 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              t1 = $async$self.node.children, t2 = t1.length, t3 = $async$self.$this, _i = 0;
+            case 2:
+              // for condition
+              if (!(_i < t2)) {
+                // goto after for
+                $async$goto = 4;
+                break;
+              }
+              $async$goto = 5;
+              return A._asyncAwait(t1[_i].accept$1(t3), $async$call$0);
+            case 5:
+              // returning from await.
+            case 3:
+              // for update
+              ++_i;
+              // goto for condition
+              $async$goto = 2;
+              break;
+            case 4:
+              // after for
+              // implicit return
+              return A._asyncReturn(null, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$call$0, $async$completer);
+    },
+    $signature: 31
+  };
+  A._EvaluateVisitor__scopeForAtRoot_closure5.prototype = {
+    call$1(callback) {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.Null),
+        $async$self = this, t1, oldParent;
+      var $async$call$1 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              t1 = $async$self.$this;
+              oldParent = t1._async_evaluate$_assertInModule$2(t1._async_evaluate$__parent, "__parent");
+              t1._async_evaluate$__parent = $async$self.newParent;
+              $async$goto = 2;
+              return A._asyncAwait(t1._async_evaluate$_environment.scope$1$2$when(callback, $async$self.node.hasDeclarations, type$.void), $async$call$1);
+            case 2:
+              // returning from await.
+              t1._async_evaluate$__parent = oldParent;
+              // implicit return
+              return A._asyncReturn(null, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$call$1, $async$completer);
+    },
+    $signature: 39
+  };
+  A._EvaluateVisitor__scopeForAtRoot_closure6.prototype = {
+    call$1(callback) {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.Null),
+        $async$self = this, t1, oldAtRootExcludingStyleRule;
+      var $async$call$1 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              t1 = $async$self.$this;
+              oldAtRootExcludingStyleRule = t1._async_evaluate$_atRootExcludingStyleRule;
+              t1._async_evaluate$_atRootExcludingStyleRule = true;
+              $async$goto = 2;
+              return A._asyncAwait($async$self.innerScope.call$1(callback), $async$call$1);
+            case 2:
+              // returning from await.
+              t1._async_evaluate$_atRootExcludingStyleRule = oldAtRootExcludingStyleRule;
+              // implicit return
+              return A._asyncReturn(null, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$call$1, $async$completer);
+    },
+    $signature: 39
+  };
+  A._EvaluateVisitor__scopeForAtRoot_closure7.prototype = {
+    call$1(callback) {
+      return this.$this._async_evaluate$_withMediaQueries$1$3(null, null, new A._EvaluateVisitor__scopeForAtRoot__closure0(this.innerScope, callback), type$.Null);
+    },
+    $signature: 39
+  };
+  A._EvaluateVisitor__scopeForAtRoot__closure0.prototype = {
+    call$0() {
+      return this.innerScope.call$1(this.callback);
+    },
+    $signature: 2
+  };
+  A._EvaluateVisitor__scopeForAtRoot_closure8.prototype = {
+    call$1(callback) {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.Null),
+        $async$self = this, t1, wasInKeyframes;
+      var $async$call$1 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              t1 = $async$self.$this;
+              wasInKeyframes = t1._async_evaluate$_inKeyframes;
+              t1._async_evaluate$_inKeyframes = false;
+              $async$goto = 2;
+              return A._asyncAwait($async$self.innerScope.call$1(callback), $async$call$1);
+            case 2:
+              // returning from await.
+              t1._async_evaluate$_inKeyframes = wasInKeyframes;
+              // implicit return
+              return A._asyncReturn(null, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$call$1, $async$completer);
+    },
+    $signature: 39
+  };
+  A._EvaluateVisitor__scopeForAtRoot_closure9.prototype = {
+    call$1($parent) {
+      return $parent instanceof A.ModifiableCssAtRule;
+    },
+    $signature: 173
+  };
+  A._EvaluateVisitor__scopeForAtRoot_closure10.prototype = {
+    call$1(callback) {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.Null),
+        $async$self = this, t1, wasInUnknownAtRule;
+      var $async$call$1 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              t1 = $async$self.$this;
+              wasInUnknownAtRule = t1._async_evaluate$_inUnknownAtRule;
+              t1._async_evaluate$_inUnknownAtRule = false;
+              $async$goto = 2;
+              return A._asyncAwait($async$self.innerScope.call$1(callback), $async$call$1);
+            case 2:
+              // returning from await.
+              t1._async_evaluate$_inUnknownAtRule = wasInUnknownAtRule;
+              // implicit return
+              return A._asyncReturn(null, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$call$1, $async$completer);
+    },
+    $signature: 39
+  };
+  A._EvaluateVisitor_visitContentRule_closure0.prototype = {
+    call$0() {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.Null),
+        $async$returnValue, $async$self = this, t1, t2, t3, _i;
+      var $async$call$0 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              t1 = $async$self.content.declaration.children, t2 = t1.length, t3 = $async$self.$this, _i = 0;
+            case 3:
+              // for condition
+              if (!(_i < t2)) {
+                // goto after for
+                $async$goto = 5;
+                break;
+              }
+              $async$goto = 6;
+              return A._asyncAwait(t1[_i].accept$1(t3), $async$call$0);
+            case 6:
+              // returning from await.
+            case 4:
+              // for update
+              ++_i;
+              // goto for condition
+              $async$goto = 3;
+              break;
+            case 5:
+              // after for
+              $async$returnValue = null;
+              // goto return
+              $async$goto = 1;
+              break;
+            case 1:
+              // return
+              return A._asyncReturn($async$returnValue, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$call$0, $async$completer);
+    },
+    $signature: 2
+  };
+  A._EvaluateVisitor_visitDeclaration_closure0.prototype = {
+    call$0() {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.Null),
+        $async$self = this, t1, t2, t3, _i;
+      var $async$call$0 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              t1 = $async$self._box_0.children, t2 = t1.length, t3 = $async$self.$this, _i = 0;
+            case 2:
+              // for condition
+              if (!(_i < t2)) {
+                // goto after for
+                $async$goto = 4;
+                break;
+              }
+              $async$goto = 5;
+              return A._asyncAwait(t1[_i].accept$1(t3), $async$call$0);
+            case 5:
+              // returning from await.
+            case 3:
+              // for update
+              ++_i;
+              // goto for condition
+              $async$goto = 2;
+              break;
+            case 4:
+              // after for
+              // implicit return
+              return A._asyncReturn(null, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$call$0, $async$completer);
+    },
+    $signature: 2
+  };
+  A._EvaluateVisitor_visitEachRule_closure2.prototype = {
+    call$1(value) {
+      var t1 = this.$this,
+        t2 = this.nodeWithSpan;
+      return t1._async_evaluate$_environment.setLocalVariable$3(this._box_0.variable, t1._async_evaluate$_withoutSlash$2(value, t2), t2);
+    },
+    $signature: 62
+  };
+  A._EvaluateVisitor_visitEachRule_closure3.prototype = {
+    call$1(value) {
+      return this.$this._async_evaluate$_setMultipleVariables$3(this._box_1.variables, value, this.nodeWithSpan);
+    },
+    $signature: 62
+  };
+  A._EvaluateVisitor_visitEachRule_closure4.prototype = {
+    call$0() {
+      var _this = this,
+        t1 = _this.$this;
+      return t1._async_evaluate$_handleReturn$2(_this.list.get$asList(), new A._EvaluateVisitor_visitEachRule__closure0(t1, _this.setVariables, _this.node));
+    },
+    $signature: 74
+  };
+  A._EvaluateVisitor_visitEachRule__closure0.prototype = {
+    call$1(element) {
+      var t1;
+      this.setVariables.call$1(element);
+      t1 = this.$this;
+      return t1._async_evaluate$_handleReturn$2(this.node.children, new A._EvaluateVisitor_visitEachRule___closure0(t1));
+    },
+    $signature: 463
+  };
+  A._EvaluateVisitor_visitEachRule___closure0.prototype = {
+    call$1(child) {
+      return child.accept$1(this.$this);
+    },
+    $signature: 90
+  };
+  A._EvaluateVisitor_visitAtRule_closure2.prototype = {
+    call$1(value) {
+      return this.$this._async_evaluate$_interpolationToValue$3$trim$warnForColor(value, true, true);
+    },
+    $signature: 468
+  };
+  A._EvaluateVisitor_visitAtRule_closure3.prototype = {
+    call$0() {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.Null),
+        $async$self = this, t2, t3, _i, t1, styleRule;
+      var $async$call$0 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              t1 = $async$self.$this;
+              styleRule = t1._async_evaluate$_atRootExcludingStyleRule ? null : t1._async_evaluate$_styleRuleIgnoringAtRoot;
+              $async$goto = styleRule == null || t1._async_evaluate$_inKeyframes || $async$self.name.value === "font-face" ? 2 : 4;
+              break;
+            case 2:
+              // then
+              t2 = $async$self.children, t3 = t2.length, _i = 0;
+            case 5:
+              // for condition
+              if (!(_i < t3)) {
+                // goto after for
+                $async$goto = 7;
+                break;
+              }
+              $async$goto = 8;
+              return A._asyncAwait(t2[_i].accept$1(t1), $async$call$0);
+            case 8:
+              // returning from await.
+            case 6:
+              // for update
+              ++_i;
+              // goto for condition
+              $async$goto = 5;
+              break;
+            case 7:
+              // after for
+              // goto join
+              $async$goto = 3;
+              break;
+            case 4:
+              // else
+              $async$goto = 9;
+              return A._asyncAwait(t1._async_evaluate$_withParent$2$3$scopeWhen(A.ModifiableCssStyleRule$(styleRule._style_rule$_selector, styleRule.span, false, styleRule.originalSelector), new A._EvaluateVisitor_visitAtRule__closure0(t1, $async$self.children), false, type$.ModifiableCssStyleRule, type$.Null), $async$call$0);
+            case 9:
+              // returning from await.
+            case 3:
+              // join
+              // implicit return
+              return A._asyncReturn(null, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$call$0, $async$completer);
+    },
+    $signature: 2
+  };
+  A._EvaluateVisitor_visitAtRule__closure0.prototype = {
+    call$0() {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.Null),
+        $async$self = this, t1, t2, t3, _i;
+      var $async$call$0 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              t1 = $async$self.children, t2 = t1.length, t3 = $async$self.$this, _i = 0;
+            case 2:
+              // for condition
+              if (!(_i < t2)) {
+                // goto after for
+                $async$goto = 4;
+                break;
+              }
+              $async$goto = 5;
+              return A._asyncAwait(t1[_i].accept$1(t3), $async$call$0);
+            case 5:
+              // returning from await.
+            case 3:
+              // for update
+              ++_i;
+              // goto for condition
+              $async$goto = 2;
+              break;
+            case 4:
+              // after for
+              // implicit return
+              return A._asyncReturn(null, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$call$0, $async$completer);
+    },
+    $signature: 2
+  };
+  A._EvaluateVisitor_visitAtRule_closure4.prototype = {
+    call$1(node) {
+      return node instanceof A.ModifiableCssStyleRule;
+    },
+    $signature: 7
+  };
+  A._EvaluateVisitor_visitForRule_closure4.prototype = {
+    call$0() {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.SassNumber),
+        $async$returnValue, $async$self = this;
+      var $async$call$0 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              $async$goto = 3;
+              return A._asyncAwait($async$self.node.from.accept$1($async$self.$this), $async$call$0);
+            case 3:
+              // returning from await.
+              $async$returnValue = $async$result.assertNumber$0();
+              // goto return
+              $async$goto = 1;
+              break;
+            case 1:
+              // return
+              return A._asyncReturn($async$returnValue, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$call$0, $async$completer);
+    },
+    $signature: 189
+  };
+  A._EvaluateVisitor_visitForRule_closure5.prototype = {
+    call$0() {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.SassNumber),
+        $async$returnValue, $async$self = this;
+      var $async$call$0 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              $async$goto = 3;
+              return A._asyncAwait($async$self.node.to.accept$1($async$self.$this), $async$call$0);
+            case 3:
+              // returning from await.
+              $async$returnValue = $async$result.assertNumber$0();
+              // goto return
+              $async$goto = 1;
+              break;
+            case 1:
+              // return
+              return A._asyncReturn($async$returnValue, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$call$0, $async$completer);
+    },
+    $signature: 189
+  };
+  A._EvaluateVisitor_visitForRule_closure6.prototype = {
+    call$0() {
+      return this.fromNumber.assertInt$0();
+    },
+    $signature: 10
+  };
+  A._EvaluateVisitor_visitForRule_closure7.prototype = {
+    call$0() {
+      var t1 = this.fromNumber;
+      return this.toNumber.coerce$2(t1.get$numeratorUnits(t1), t1.get$denominatorUnits(t1)).assertInt$0();
+    },
+    $signature: 10
+  };
+  A._EvaluateVisitor_visitForRule_closure8.prototype = {
+    call$0() {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.nullable_Value),
+        $async$returnValue, $async$self = this, i, t3, t4, t5, t6, t7, t8, _0_0, t1, t2, nodeWithSpan;
+      var $async$call$0 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              t1 = $async$self.$this;
+              t2 = $async$self.node;
+              nodeWithSpan = t1._async_evaluate$_expressionNode$1(t2.from);
+              i = $async$self.from, t3 = $async$self._box_0, t4 = $async$self.direction, t5 = t2.variable, t6 = $async$self.fromNumber, t2 = t2.children;
+            case 3:
+              // for condition
+              if (!(i !== t3.to)) {
+                // goto after for
+                $async$goto = 5;
+                break;
+              }
+              t7 = t1._async_evaluate$_environment;
+              t8 = t6.get$numeratorUnits(t6);
+              t7.setLocalVariable$3(t5, A.SassNumber_SassNumber$withUnits(i, t6.get$denominatorUnits(t6), t8), nodeWithSpan);
+              $async$goto = 6;
+              return A._asyncAwait(t1._async_evaluate$_handleReturn$2(t2, new A._EvaluateVisitor_visitForRule__closure0(t1)), $async$call$0);
+            case 6:
+              // returning from await.
+              _0_0 = $async$result;
+              if (_0_0 != null) {
+                $async$returnValue = _0_0;
+                // goto return
+                $async$goto = 1;
+                break;
+              }
+            case 4:
+              // for update
+              i += t4;
+              // goto for condition
+              $async$goto = 3;
+              break;
+            case 5:
+              // after for
+              $async$returnValue = null;
+              // goto return
+              $async$goto = 1;
+              break;
+            case 1:
+              // return
+              return A._asyncReturn($async$returnValue, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$call$0, $async$completer);
+    },
+    $signature: 74
+  };
+  A._EvaluateVisitor_visitForRule__closure0.prototype = {
+    call$1(child) {
+      return child.accept$1(this.$this);
+    },
+    $signature: 90
+  };
+  A._EvaluateVisitor_visitForwardRule_closure1.prototype = {
+    call$2(module, firstLoad) {
+      if (firstLoad)
+        this.$this._async_evaluate$_registerCommentsForModule$1(module);
+      this.$this._async_evaluate$_environment.forwardModule$2(module, this.node);
+    },
+    $signature: 131
+  };
+  A._EvaluateVisitor_visitForwardRule_closure2.prototype = {
+    call$2(module, firstLoad) {
+      if (firstLoad)
+        this.$this._async_evaluate$_registerCommentsForModule$1(module);
+      this.$this._async_evaluate$_environment.forwardModule$2(module, this.node);
+    },
+    $signature: 131
+  };
+  A._EvaluateVisitor__registerCommentsForModule_closure0.prototype = {
+    call$0() {
+      return A._setArrayType([], type$.JSArray_CssComment);
+    },
+    $signature: 191
+  };
+  A._EvaluateVisitor_visitIfRule_closure0.prototype = {
+    call$1(clause) {
+      var t1 = this.$this;
+      return t1._async_evaluate$_environment.scope$1$3$semiGlobal$when(new A._EvaluateVisitor_visitIfRule__closure0(t1, clause), true, clause.hasDeclarations, type$.nullable_Value);
+    },
+    $signature: 488
+  };
+  A._EvaluateVisitor_visitIfRule__closure0.prototype = {
+    call$0() {
+      var t1 = this.$this;
+      return t1._async_evaluate$_handleReturn$2(this.clause.children, new A._EvaluateVisitor_visitIfRule___closure0(t1));
+    },
+    $signature: 74
+  };
+  A._EvaluateVisitor_visitIfRule___closure0.prototype = {
+    call$1(child) {
+      return child.accept$1(this.$this);
+    },
+    $signature: 90
+  };
+  A._EvaluateVisitor__visitDynamicImport_closure0.prototype = {
+    call$0() {
+      return this.$call$body$_EvaluateVisitor__visitDynamicImport_closure();
+    },
+    $call$body$_EvaluateVisitor__visitDynamicImport_closure() {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.void),
+        $async$returnValue, $async$self = this, t1, t2, _0_0, stylesheet, importer, isDependency, t3, url, oldImporter, oldStylesheet, oldInDependency, loadsUserDefinedModules, children, t4, t5, t6, t7, t8, t9, t10, environment, module, visitor, _box_0;
+      var $async$call$0 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              _box_0 = {};
+              _box_0.isDependency = _box_0.importer = _box_0.stylesheet = null;
+              t1 = $async$self.$this;
+              t2 = $async$self.$import;
+              $async$goto = 3;
+              return A._asyncAwait(t1._async_evaluate$_loadStylesheet$3$forImport(t2.urlString, t2.span, true), $async$call$0);
+            case 3:
+              // returning from await.
+              _0_0 = $async$result;
+              stylesheet = _box_0.stylesheet = _0_0._0;
+              importer = _0_0._1;
+              _box_0.importer = importer;
+              isDependency = _0_0._2;
+              _box_0.isDependency = isDependency;
+              t3 = stylesheet.span;
+              url = t3.get$sourceUrl(t3);
+              if (url != null) {
+                t3 = t1._async_evaluate$_activeModules;
+                if (t3.containsKey$1(url)) {
+                  t2 = A.NullableExtension_andThen(t3.$index(0, url), new A._EvaluateVisitor__visitDynamicImport__closure3(t1));
+                  throw A.wrapException(t2 == null ? t1._async_evaluate$_exception$1("This file is already being loaded.") : t2);
+                }
+                t3.$indexSet(0, url, t2);
+              }
+              t2 = stylesheet._uses;
+              t3 = type$.UnmodifiableListView_UseRule;
+              $async$goto = new A.UnmodifiableListView(t2, t3).get$length(0) === 0 && new A.UnmodifiableListView(stylesheet._forwards, type$.UnmodifiableListView_ForwardRule).get$length(0) === 0 ? 4 : 5;
+              break;
+            case 4:
+              // then
+              oldImporter = t1._async_evaluate$_importer;
+              oldStylesheet = t1._async_evaluate$_assertInModule$2(t1._async_evaluate$__stylesheet, "_stylesheet");
+              oldInDependency = t1._async_evaluate$_inDependency;
+              t1._async_evaluate$_importer = importer;
+              t1._async_evaluate$__stylesheet = stylesheet;
+              t1._async_evaluate$_inDependency = isDependency;
+              $async$goto = 6;
+              return A._asyncAwait(t1.visitStylesheet$1(0, stylesheet), $async$call$0);
+            case 6:
+              // returning from await.
+              t1._async_evaluate$_importer = oldImporter;
+              t1._async_evaluate$__stylesheet = oldStylesheet;
+              t1._async_evaluate$_inDependency = oldInDependency;
+              t1._async_evaluate$_activeModules.remove$1(0, url);
+              // goto return
+              $async$goto = 1;
+              break;
+            case 5:
+              // join
+              t2 = new A.UnmodifiableListView(t2, t3);
+              if (!t2.any$1(t2, new A._EvaluateVisitor__visitDynamicImport__closure4())) {
+                t2 = new A.UnmodifiableListView(stylesheet._forwards, type$.UnmodifiableListView_ForwardRule);
+                loadsUserDefinedModules = t2.any$1(t2, new A._EvaluateVisitor__visitDynamicImport__closure5());
+              } else
+                loadsUserDefinedModules = true;
+              children = A._Cell$();
+              t2 = t1._async_evaluate$_environment;
+              t3 = type$.String;
+              t4 = type$.Module_AsyncCallable;
+              t5 = type$.AstNode;
+              t6 = A._setArrayType([], type$.JSArray_Module_AsyncCallable);
+              t7 = t2._async_environment$_variables;
+              t7 = A._setArrayType(t7.slice(0), A._arrayInstanceType(t7));
+              t8 = t2._async_environment$_variableNodes;
+              t8 = A._setArrayType(t8.slice(0), A._arrayInstanceType(t8));
+              t9 = t2._async_environment$_functions;
+              t9 = A._setArrayType(t9.slice(0), A._arrayInstanceType(t9));
+              t10 = t2._async_environment$_mixins;
+              t10 = A._setArrayType(t10.slice(0), A._arrayInstanceType(t10));
+              environment = A.AsyncEnvironment$_(A.LinkedHashMap_LinkedHashMap$_empty(t3, t4), A.LinkedHashMap_LinkedHashMap$_empty(t3, t5), A.LinkedHashMap_LinkedHashMap$_empty(t4, t5), t2._async_environment$_importedModules, null, null, t6, t7, t8, t9, t10, t2._async_environment$_content, t2._async_environment$_configurableVariables);
+              $async$goto = 7;
+              return A._asyncAwait(t1._async_evaluate$_withEnvironment$1$2(environment, new A._EvaluateVisitor__visitDynamicImport__closure6(_box_0, t1, loadsUserDefinedModules, environment, children), type$.Null), $async$call$0);
+            case 7:
+              // returning from await.
+              module = environment.toDummyModule$0();
+              t1._async_evaluate$_environment.importForwards$1(module);
+              $async$goto = loadsUserDefinedModules ? 8 : 9;
+              break;
+            case 8:
+              // then
+              $async$goto = module.transitivelyContainsCss ? 10 : 11;
+              break;
+            case 10:
+              // then
+              $async$goto = 12;
+              return A._asyncAwait(t1._async_evaluate$_combineCss$2$clone(module, module.transitivelyContainsExtensions).accept$1(t1), $async$call$0);
+            case 12:
+              // returning from await.
+            case 11:
+              // join
+              visitor = new A._ImportedCssVisitor0(t1);
+              for (t2 = J.get$iterator$ax(children._readLocal$0()); t2.moveNext$0();)
+                t2.get$current(t2).accept$1(visitor);
+            case 9:
+              // join
+              t1._async_evaluate$_activeModules.remove$1(0, url);
+            case 1:
+              // return
+              return A._asyncReturn($async$returnValue, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$call$0, $async$completer);
+    },
+    $signature: 31
+  };
+  A._EvaluateVisitor__visitDynamicImport__closure3.prototype = {
+    call$1(previousLoad) {
+      return this.$this._async_evaluate$_multiSpanException$3("This file is already being loaded.", "new load", A.LinkedHashMap_LinkedHashMap$_literal([previousLoad.get$span(previousLoad), "original load"], type$.FileSpan, type$.String));
+    },
+    $signature: 88
+  };
+  A._EvaluateVisitor__visitDynamicImport__closure4.prototype = {
+    call$1(rule) {
+      return rule.url.get$scheme() !== "sass";
+    },
+    $signature: 192
+  };
+  A._EvaluateVisitor__visitDynamicImport__closure5.prototype = {
+    call$1(rule) {
+      return rule.url.get$scheme() !== "sass";
+    },
+    $signature: 200
+  };
+  A._EvaluateVisitor__visitDynamicImport__closure6.prototype = {
+    call$0() {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.Null),
+        $async$self = this, t3, t4, t1, oldImporter, oldStylesheet, oldRoot, oldParent, oldEndOfImports, oldOutOfOrderImports, oldConfiguration, oldInDependency, t2;
+      var $async$call$0 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              t1 = $async$self.$this;
+              oldImporter = t1._async_evaluate$_importer;
+              oldStylesheet = t1._async_evaluate$_assertInModule$2(t1._async_evaluate$__stylesheet, "_stylesheet");
+              oldRoot = t1._async_evaluate$_assertInModule$2(t1._async_evaluate$__root, "_root");
+              oldParent = t1._async_evaluate$_assertInModule$2(t1._async_evaluate$__parent, "__parent");
+              oldEndOfImports = t1._async_evaluate$_assertInModule$2(t1._async_evaluate$__endOfImports, "_endOfImports");
+              oldOutOfOrderImports = t1._async_evaluate$_outOfOrderImports;
+              oldConfiguration = t1._async_evaluate$_configuration;
+              oldInDependency = t1._async_evaluate$_inDependency;
+              t2 = $async$self._box_0;
+              t1._async_evaluate$_importer = t2.importer;
+              t3 = t2.stylesheet;
+              t1._async_evaluate$__stylesheet = t3;
+              t4 = $async$self.loadsUserDefinedModules;
+              if (t4) {
+                t3 = A.ModifiableCssStylesheet$(t3.span);
+                t1._async_evaluate$__root = t3;
+                t1._async_evaluate$__parent = t1._async_evaluate$_assertInModule$2(t3, "_root");
+                t1._async_evaluate$__endOfImports = 0;
+                t1._async_evaluate$_outOfOrderImports = null;
+              }
+              t1._async_evaluate$_inDependency = t2.isDependency;
+              t3 = new A.UnmodifiableListView(t2.stylesheet._forwards, type$.UnmodifiableListView_ForwardRule);
+              if (!t3.get$isEmpty(t3))
+                t1._async_evaluate$_configuration = $async$self.environment.toImplicitConfiguration$0();
+              $async$goto = 2;
+              return A._asyncAwait(t1.visitStylesheet$1(0, t2.stylesheet), $async$call$0);
+            case 2:
+              // returning from await.
+              t2 = t4 ? t1._async_evaluate$_addOutOfOrderImports$0() : A._setArrayType([], type$.JSArray_ModifiableCssNode);
+              $async$self.children.__late_helper$_value = t2;
+              t1._async_evaluate$_importer = oldImporter;
+              t1._async_evaluate$__stylesheet = oldStylesheet;
+              if (t4) {
+                t1._async_evaluate$__root = oldRoot;
+                t1._async_evaluate$__parent = oldParent;
+                t1._async_evaluate$__endOfImports = oldEndOfImports;
+                t1._async_evaluate$_outOfOrderImports = oldOutOfOrderImports;
+              }
+              t1._async_evaluate$_configuration = oldConfiguration;
+              t1._async_evaluate$_inDependency = oldInDependency;
+              // implicit return
+              return A._asyncReturn(null, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$call$0, $async$completer);
+    },
+    $signature: 2
+  };
+  A._EvaluateVisitor__applyMixin_closure1.prototype = {
+    call$0() {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.void),
+        $async$self = this, t1;
+      var $async$call$0 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              t1 = $async$self.$this;
+              $async$goto = 2;
+              return A._asyncAwait(t1._async_evaluate$_environment.asMixin$1(new A._EvaluateVisitor__applyMixin__closure2(t1, $async$self.$arguments, $async$self.mixin, $async$self.nodeWithSpanWithoutContent)), $async$call$0);
+            case 2:
+              // returning from await.
+              // implicit return
+              return A._asyncReturn(null, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$call$0, $async$completer);
+    },
+    $signature: 31
+  };
+  A._EvaluateVisitor__applyMixin__closure2.prototype = {
+    call$0() {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.void),
+        $async$self = this;
+      var $async$call$0 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              $async$goto = 2;
+              return A._asyncAwait($async$self.$this._async_evaluate$_runBuiltInCallable$3($async$self.$arguments, $async$self.mixin, $async$self.nodeWithSpanWithoutContent), $async$call$0);
+            case 2:
+              // returning from await.
+              // implicit return
+              return A._asyncReturn(null, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$call$0, $async$completer);
+    },
+    $signature: 31
+  };
+  A._EvaluateVisitor__applyMixin_closure2.prototype = {
+    call$0() {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.Null),
+        $async$self = this, t1;
+      var $async$call$0 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              t1 = $async$self.$this;
+              $async$goto = 2;
+              return A._asyncAwait(t1._async_evaluate$_environment.withContent$2($async$self.contentCallable, new A._EvaluateVisitor__applyMixin__closure1(t1, $async$self.mixin, $async$self.nodeWithSpanWithoutContent)), $async$call$0);
+            case 2:
+              // returning from await.
+              // implicit return
+              return A._asyncReturn(null, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$call$0, $async$completer);
+    },
+    $signature: 2
+  };
+  A._EvaluateVisitor__applyMixin__closure1.prototype = {
+    call$0() {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.void),
+        $async$self = this, t1;
+      var $async$call$0 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              t1 = $async$self.$this;
+              $async$goto = 2;
+              return A._asyncAwait(t1._async_evaluate$_environment.asMixin$1(new A._EvaluateVisitor__applyMixin___closure0(t1, $async$self.mixin, $async$self.nodeWithSpanWithoutContent)), $async$call$0);
+            case 2:
+              // returning from await.
+              // implicit return
+              return A._asyncReturn(null, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$call$0, $async$completer);
+    },
+    $signature: 31
+  };
+  A._EvaluateVisitor__applyMixin___closure0.prototype = {
+    call$0() {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.void),
+        $async$self = this, t1, t2, t3, t4, t5, _i;
+      var $async$call$0 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              t1 = $async$self.mixin.declaration.children, t2 = t1.length, t3 = $async$self.$this, t4 = $async$self.nodeWithSpanWithoutContent, t5 = type$.nullable_Value, _i = 0;
+            case 2:
+              // for condition
+              if (!(_i < t2)) {
+                // goto after for
+                $async$goto = 4;
+                break;
+              }
+              $async$goto = 5;
+              return A._asyncAwait(t3._async_evaluate$_addErrorSpan$1$2(t4, new A._EvaluateVisitor__applyMixin____closure0(t3, t1[_i]), t5), $async$call$0);
+            case 5:
+              // returning from await.
+            case 3:
+              // for update
+              ++_i;
+              // goto for condition
+              $async$goto = 2;
+              break;
+            case 4:
+              // after for
+              // implicit return
+              return A._asyncReturn(null, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$call$0, $async$completer);
+    },
+    $signature: 31
+  };
+  A._EvaluateVisitor__applyMixin____closure0.prototype = {
+    call$0() {
+      return this.statement.accept$1(this.$this);
+    },
+    $signature: 74
+  };
+  A._EvaluateVisitor_visitIncludeRule_closure2.prototype = {
+    call$0() {
+      var t1 = this.node;
+      return this.$this._async_evaluate$_environment.getMixin$2$namespace(t1.name, t1.namespace);
+    },
+    $signature: 86
+  };
+  A._EvaluateVisitor_visitIncludeRule_closure3.prototype = {
+    call$1($content) {
+      var t1 = this.$this;
+      return new A.UserDefinedCallable($content, t1._async_evaluate$_environment.closure$0(), t1._async_evaluate$_inDependency, type$.UserDefinedCallable_AsyncEnvironment);
+    },
+    $signature: 510
+  };
+  A._EvaluateVisitor_visitIncludeRule_closure4.prototype = {
+    call$0() {
+      return this.node.get$spanWithoutContent();
+    },
+    $signature: 26
+  };
+  A._EvaluateVisitor_visitMediaRule_closure2.prototype = {
+    call$1(mediaQueries) {
+      return this.$this._async_evaluate$_mergeMediaQueries$2(mediaQueries, this.queries);
+    },
+    $signature: 91
+  };
+  A._EvaluateVisitor_visitMediaRule_closure3.prototype = {
+    call$0() {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.Null),
+        $async$self = this, t1, t2;
+      var $async$call$0 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              t1 = $async$self.$this;
+              t2 = $async$self.mergedQueries;
+              if (t2 == null)
+                t2 = $async$self.queries;
+              $async$goto = 2;
+              return A._asyncAwait(t1._async_evaluate$_withMediaQueries$1$3(t2, $async$self.mergedSources, new A._EvaluateVisitor_visitMediaRule__closure0(t1, $async$self.node), type$.Null), $async$call$0);
+            case 2:
+              // returning from await.
+              // implicit return
+              return A._asyncReturn(null, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$call$0, $async$completer);
+    },
+    $signature: 2
+  };
+  A._EvaluateVisitor_visitMediaRule__closure0.prototype = {
+    call$0() {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.Null),
+        $async$self = this, t2, t3, _i, t1, _0_0;
+      var $async$call$0 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              t1 = $async$self.$this;
+              _0_0 = t1._async_evaluate$_atRootExcludingStyleRule ? null : t1._async_evaluate$_styleRuleIgnoringAtRoot;
+              $async$goto = _0_0 != null ? 2 : 4;
+              break;
+            case 2:
+              // then
+              $async$goto = 5;
+              return A._asyncAwait(t1._async_evaluate$_withParent$2$3$scopeWhen(A.ModifiableCssStyleRule$(_0_0._style_rule$_selector, _0_0.span, false, _0_0.originalSelector), new A._EvaluateVisitor_visitMediaRule___closure0(t1, $async$self.node), false, type$.ModifiableCssStyleRule, type$.Null), $async$call$0);
+            case 5:
+              // returning from await.
+              // goto join
+              $async$goto = 3;
+              break;
+            case 4:
+              // else
+              t2 = $async$self.node.children, t3 = t2.length, _i = 0;
+            case 6:
+              // for condition
+              if (!(_i < t3)) {
+                // goto after for
+                $async$goto = 8;
+                break;
+              }
+              $async$goto = 9;
+              return A._asyncAwait(t2[_i].accept$1(t1), $async$call$0);
+            case 9:
+              // returning from await.
+            case 7:
+              // for update
+              ++_i;
+              // goto for condition
+              $async$goto = 6;
+              break;
+            case 8:
+              // after for
+            case 3:
+              // join
+              // implicit return
+              return A._asyncReturn(null, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$call$0, $async$completer);
+    },
+    $signature: 2
+  };
+  A._EvaluateVisitor_visitMediaRule___closure0.prototype = {
+    call$0() {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.Null),
+        $async$self = this, t1, t2, t3, _i;
+      var $async$call$0 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              t1 = $async$self.node.children, t2 = t1.length, t3 = $async$self.$this, _i = 0;
+            case 2:
+              // for condition
+              if (!(_i < t2)) {
+                // goto after for
+                $async$goto = 4;
+                break;
+              }
+              $async$goto = 5;
+              return A._asyncAwait(t1[_i].accept$1(t3), $async$call$0);
+            case 5:
+              // returning from await.
+            case 3:
+              // for update
+              ++_i;
+              // goto for condition
+              $async$goto = 2;
+              break;
+            case 4:
+              // after for
+              // implicit return
+              return A._asyncReturn(null, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$call$0, $async$completer);
+    },
+    $signature: 2
+  };
+  A._EvaluateVisitor_visitMediaRule_closure4.prototype = {
+    call$1(node) {
+      var t1;
+      if (!(node instanceof A.ModifiableCssStyleRule)) {
+        t1 = this.mergedSources;
+        t1 = t1.get$isNotEmpty(t1) && node instanceof A.ModifiableCssMediaRule && B.JSArray_methods.every$1(node.queries, t1.get$contains(t1));
+      } else
+        t1 = true;
+      return t1;
+    },
+    $signature: 7
+  };
+  A._EvaluateVisitor_visitStyleRule_closure3.prototype = {
+    call$0() {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.Null),
+        $async$self = this, t1, t2, t3, _i;
+      var $async$call$0 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              t1 = $async$self.node.children, t2 = t1.length, t3 = $async$self.$this, _i = 0;
+            case 2:
+              // for condition
+              if (!(_i < t2)) {
+                // goto after for
+                $async$goto = 4;
+                break;
+              }
+              $async$goto = 5;
+              return A._asyncAwait(t1[_i].accept$1(t3), $async$call$0);
+            case 5:
+              // returning from await.
+            case 3:
+              // for update
+              ++_i;
+              // goto for condition
+              $async$goto = 2;
+              break;
+            case 4:
+              // after for
+              // implicit return
+              return A._asyncReturn(null, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$call$0, $async$completer);
+    },
+    $signature: 2
+  };
+  A._EvaluateVisitor_visitStyleRule_closure4.prototype = {
+    call$1(node) {
+      return node instanceof A.ModifiableCssStyleRule;
+    },
+    $signature: 7
+  };
+  A._EvaluateVisitor_visitStyleRule_closure6.prototype = {
+    call$0() {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.Null),
+        $async$self = this, t1;
+      var $async$call$0 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              t1 = $async$self.$this;
+              $async$goto = 2;
+              return A._asyncAwait(t1._async_evaluate$_withStyleRule$1$2($async$self.rule, new A._EvaluateVisitor_visitStyleRule__closure0(t1, $async$self.node), type$.Null), $async$call$0);
+            case 2:
+              // returning from await.
+              // implicit return
+              return A._asyncReturn(null, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$call$0, $async$completer);
+    },
+    $signature: 2
+  };
+  A._EvaluateVisitor_visitStyleRule__closure0.prototype = {
+    call$0() {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.Null),
+        $async$self = this, t1, t2, t3, _i;
+      var $async$call$0 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              t1 = $async$self.node.children, t2 = t1.length, t3 = $async$self.$this, _i = 0;
+            case 2:
+              // for condition
+              if (!(_i < t2)) {
+                // goto after for
+                $async$goto = 4;
+                break;
+              }
+              $async$goto = 5;
+              return A._asyncAwait(t1[_i].accept$1(t3), $async$call$0);
+            case 5:
+              // returning from await.
+            case 3:
+              // for update
+              ++_i;
+              // goto for condition
+              $async$goto = 2;
+              break;
+            case 4:
+              // after for
+              // implicit return
+              return A._asyncReturn(null, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$call$0, $async$completer);
+    },
+    $signature: 2
+  };
+  A._EvaluateVisitor_visitStyleRule_closure5.prototype = {
+    call$1(node) {
+      return node instanceof A.ModifiableCssStyleRule;
+    },
+    $signature: 7
+  };
+  A._EvaluateVisitor__warnForBogusCombinators_closure0.prototype = {
+    call$1(child) {
+      return child instanceof A.ModifiableCssComment;
+    },
+    $signature: 7
+  };
+  A._EvaluateVisitor_visitSupportsRule_closure1.prototype = {
+    call$0() {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.Null),
+        $async$self = this, t2, t3, _i, t1, _0_0;
+      var $async$call$0 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              t1 = $async$self.$this;
+              _0_0 = t1._async_evaluate$_atRootExcludingStyleRule ? null : t1._async_evaluate$_styleRuleIgnoringAtRoot;
+              $async$goto = _0_0 != null ? 2 : 4;
+              break;
+            case 2:
+              // then
+              $async$goto = 5;
+              return A._asyncAwait(t1._async_evaluate$_withParent$2$2(A.ModifiableCssStyleRule$(_0_0._style_rule$_selector, _0_0.span, false, _0_0.originalSelector), new A._EvaluateVisitor_visitSupportsRule__closure0(t1, $async$self.node), type$.ModifiableCssStyleRule, type$.Null), $async$call$0);
+            case 5:
+              // returning from await.
+              // goto join
+              $async$goto = 3;
+              break;
+            case 4:
+              // else
+              t2 = $async$self.node.children, t3 = t2.length, _i = 0;
+            case 6:
+              // for condition
+              if (!(_i < t3)) {
+                // goto after for
+                $async$goto = 8;
+                break;
+              }
+              $async$goto = 9;
+              return A._asyncAwait(t2[_i].accept$1(t1), $async$call$0);
+            case 9:
+              // returning from await.
+            case 7:
+              // for update
+              ++_i;
+              // goto for condition
+              $async$goto = 6;
+              break;
+            case 8:
+              // after for
+            case 3:
+              // join
+              // implicit return
+              return A._asyncReturn(null, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$call$0, $async$completer);
+    },
+    $signature: 2
+  };
+  A._EvaluateVisitor_visitSupportsRule__closure0.prototype = {
+    call$0() {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.Null),
+        $async$self = this, t1, t2, t3, _i;
+      var $async$call$0 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              t1 = $async$self.node.children, t2 = t1.length, t3 = $async$self.$this, _i = 0;
+            case 2:
+              // for condition
+              if (!(_i < t2)) {
+                // goto after for
+                $async$goto = 4;
+                break;
+              }
+              $async$goto = 5;
+              return A._asyncAwait(t1[_i].accept$1(t3), $async$call$0);
+            case 5:
+              // returning from await.
+            case 3:
+              // for update
+              ++_i;
+              // goto for condition
+              $async$goto = 2;
+              break;
+            case 4:
+              // after for
+              // implicit return
+              return A._asyncReturn(null, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$call$0, $async$completer);
+    },
+    $signature: 2
+  };
+  A._EvaluateVisitor_visitSupportsRule_closure2.prototype = {
+    call$1(node) {
+      return node instanceof A.ModifiableCssStyleRule;
+    },
+    $signature: 7
+  };
+  A._EvaluateVisitor__visitSupportsCondition_closure0.prototype = {
+    call$0() {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.String),
+        $async$returnValue, $async$self = this, t1, t2, t3, t4, $async$temp1, $async$temp2;
+      var $async$call$0 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              t1 = $async$self.$this;
+              t2 = $async$self._box_0;
+              $async$temp1 = A;
+              $async$goto = 3;
+              return A._asyncAwait(t1._evaluateToCss$1(t2.declaration.name), $async$call$0);
+            case 3:
+              // returning from await.
+              t3 = $async$temp1.S($async$result);
+              t4 = t2.declaration.get$isCustomProperty() ? "" : " ";
+              $async$temp1 = "(" + t3 + ":" + t4;
+              $async$temp2 = A;
+              $async$goto = 4;
+              return A._asyncAwait(t1._evaluateToCss$1(t2.declaration.value), $async$call$0);
+            case 4:
+              // returning from await.
+              $async$returnValue = $async$temp1 + $async$temp2.S($async$result) + ")";
+              // goto return
+              $async$goto = 1;
+              break;
+            case 1:
+              // return
+              return A._asyncReturn($async$returnValue, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$call$0, $async$completer);
+    },
+    $signature: 207
+  };
+  A._EvaluateVisitor_visitVariableDeclaration_closure2.prototype = {
+    call$0() {
+      var t1 = this.$this._async_evaluate$_environment,
+        t2 = this._box_0.override;
+      t1.setVariable$4$global(this.node.name, t2.value, t2.assignmentNode, true);
+    },
+    $signature: 1
+  };
+  A._EvaluateVisitor_visitVariableDeclaration_closure3.prototype = {
+    call$0() {
+      var t1 = this.node;
+      return this.$this._async_evaluate$_environment.getVariable$2$namespace(t1.name, t1.namespace);
+    },
+    $signature: 43
+  };
+  A._EvaluateVisitor_visitVariableDeclaration_closure4.prototype = {
+    call$0() {
+      var t1 = this.$this,
+        t2 = this.node;
+      t1._async_evaluate$_environment.setVariable$5$global$namespace(t2.name, this.value, t1._async_evaluate$_expressionNode$1(t2.expression), t2.isGlobal, t2.namespace);
+    },
+    $signature: 1
+  };
+  A._EvaluateVisitor_visitUseRule_closure0.prototype = {
+    call$2(module, firstLoad) {
+      var t1, t2, t3, _0_0, t4, t5, span;
+      if (firstLoad)
+        this.$this._async_evaluate$_registerCommentsForModule$1(module);
+      t1 = this.$this._async_evaluate$_environment;
+      t2 = this.node;
+      t3 = t2.namespace;
+      if (t3 == null) {
+        t1._async_environment$_globalModules.$indexSet(0, module, t2);
+        t1._async_environment$_allModules.push(module);
+        t1 = B.JSArray_methods.get$first(t1._async_environment$_variables);
+        _0_0 = A.IterableExtension_firstWhereOrNull(t1.get$keys(t1), module.get$variables().get$containsKey());
+        if (_0_0 != null)
+          A.throwExpression(A.SassScriptException$(string$.This_ma + _0_0 + '".', null));
+      } else {
+        t4 = t1._async_environment$_modules;
+        if (t4.containsKey$1(t3)) {
+          t5 = t1._async_environment$_namespaceNodes.$index(0, t3);
+          span = t5 == null ? null : t5.span;
+          t5 = A.LinkedHashMap_LinkedHashMap$_empty(type$.FileSpan, type$.String);
+          if (span != null)
+            t5.$indexSet(0, span, "original @use");
+          A.throwExpression(A.MultiSpanSassScriptException$(string$.There_ + t3 + '".', "new @use", t5));
+        }
+        t4.$indexSet(0, t3, module);
+        t1._async_environment$_namespaceNodes.$indexSet(0, t3, t2);
+        t1._async_environment$_allModules.push(module);
+      }
+    },
+    $signature: 131
+  };
+  A._EvaluateVisitor_visitWarnRule_closure0.prototype = {
+    call$0() {
+      return this.node.expression.accept$1(this.$this);
+    },
+    $signature: 72
+  };
+  A._EvaluateVisitor_visitWhileRule_closure0.prototype = {
+    call$0() {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.nullable_Value),
+        $async$returnValue, $async$self = this, t1, t2, t3, _0_0;
+      var $async$call$0 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              t1 = $async$self.node, t2 = t1.condition, t3 = $async$self.$this, t1 = t1.children;
+            case 3:
+              // for condition
+              $async$goto = 5;
+              return A._asyncAwait(t2.accept$1(t3), $async$call$0);
+            case 5:
+              // returning from await.
+              if (!$async$result.get$isTruthy()) {
+                // goto after for
+                $async$goto = 4;
+                break;
+              }
+              $async$goto = 6;
+              return A._asyncAwait(t3._async_evaluate$_handleReturn$2(t1, new A._EvaluateVisitor_visitWhileRule__closure0(t3)), $async$call$0);
+            case 6:
+              // returning from await.
+              _0_0 = $async$result;
+              if (_0_0 != null) {
+                $async$returnValue = _0_0;
+                // goto return
+                $async$goto = 1;
+                break;
+              }
+              // goto for condition
+              $async$goto = 3;
+              break;
+            case 4:
+              // after for
+              $async$returnValue = null;
+              // goto return
+              $async$goto = 1;
+              break;
+            case 1:
+              // return
+              return A._asyncReturn($async$returnValue, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$call$0, $async$completer);
+    },
+    $signature: 74
+  };
+  A._EvaluateVisitor_visitWhileRule__closure0.prototype = {
+    call$1(child) {
+      return child.accept$1(this.$this);
+    },
+    $signature: 90
+  };
+  A._EvaluateVisitor_visitBinaryOperationExpression_closure0.prototype = {
+    call$0() {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.Value),
+        $async$returnValue, $async$self = this, t3, t1, t2, left, $async$temp1, $async$temp2;
+      var $async$call$0 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              t1 = $async$self.node;
+              t2 = $async$self.$this;
+              $async$goto = 3;
+              return A._asyncAwait(t1.left.accept$1(t2), $async$call$0);
+            case 3:
+              // returning from await.
+              left = $async$result;
+            case 4:
+              // switch
+              switch (t1.operator) {
+                case B.BinaryOperator_Kyq:
+                  // goto case
+                  $async$goto = 6;
+                  break;
+                case B.BinaryOperator_tKu:
+                  // goto case
+                  $async$goto = 7;
+                  break;
+                case B.BinaryOperator_uke:
+                  // goto case
+                  $async$goto = 8;
+                  break;
+                case B.BinaryOperator_r84:
+                  // goto case
+                  $async$goto = 9;
+                  break;
+                case B.BinaryOperator_qGq:
+                  // goto case
+                  $async$goto = 10;
+                  break;
+                case B.BinaryOperator_o8O:
+                  // goto case
+                  $async$goto = 11;
+                  break;
+                case B.BinaryOperator_JiR:
+                  // goto case
+                  $async$goto = 12;
+                  break;
+                case B.BinaryOperator_qHy:
+                  // goto case
+                  $async$goto = 13;
+                  break;
+                case B.BinaryOperator_FPG:
+                  // goto case
+                  $async$goto = 14;
+                  break;
+                case B.BinaryOperator_Swh:
+                  // goto case
+                  $async$goto = 15;
+                  break;
+                case B.BinaryOperator_QG1:
+                  // goto case
+                  $async$goto = 16;
+                  break;
+                case B.BinaryOperator_tht:
+                  // goto case
+                  $async$goto = 17;
+                  break;
+                case B.BinaryOperator_Mh5:
+                  // goto case
+                  $async$goto = 18;
+                  break;
+                case B.BinaryOperator_s7T:
+                  // goto case
+                  $async$goto = 19;
+                  break;
+                default:
+                  // goto default
+                  $async$goto = 20;
+                  break;
+              }
+              break;
+            case 6:
+              // case
+              t1 = t1.right.accept$1(t2);
+              $async$goto = 21;
+              return A._asyncAwait(type$.Future_Value._is(t1) ? t1 : A._Future$value(t1, type$.Value), $async$call$0);
+            case 21:
+              // returning from await.
+              t1 = $async$result;
+              t1 = new A.SassString(A.serializeValue(left, false, true) + "=" + A.serializeValue(t1, false, true), false);
+              // goto after switch
+              $async$goto = 5;
+              break;
+            case 7:
+              // case
+              $async$goto = left.get$isTruthy() ? 22 : 24;
+              break;
+            case 22:
+              // then
+              t1 = left;
+              // goto join
+              $async$goto = 23;
+              break;
+            case 24:
+              // else
+              t1 = t1.right.accept$1(t2);
+              $async$goto = 25;
+              return A._asyncAwait(type$.Future_Value._is(t1) ? t1 : A._Future$value(t1, type$.Value), $async$call$0);
+            case 25:
+              // returning from await.
+              t1 = $async$result;
+            case 23:
+              // join
+              // goto after switch
+              $async$goto = 5;
+              break;
+            case 8:
+              // case
+              $async$goto = left.get$isTruthy() ? 26 : 28;
+              break;
+            case 26:
+              // then
+              t1 = t1.right.accept$1(t2);
+              $async$goto = 29;
+              return A._asyncAwait(type$.Future_Value._is(t1) ? t1 : A._Future$value(t1, type$.Value), $async$call$0);
+            case 29:
+              // returning from await.
+              t1 = $async$result;
+              // goto join
+              $async$goto = 27;
+              break;
+            case 28:
+              // else
+              t1 = left;
+            case 27:
+              // join
+              // goto after switch
+              $async$goto = 5;
+              break;
+            case 9:
+              // case
+              $async$temp1 = left;
+              $async$goto = 30;
+              return A._asyncAwait(t1.right.accept$1(t2), $async$call$0);
+            case 30:
+              // returning from await.
+              t1 = $async$temp1.$eq(0, $async$result) ? B.SassBoolean_true : B.SassBoolean_false;
+              // goto after switch
+              $async$goto = 5;
+              break;
+            case 10:
+              // case
+              $async$temp1 = left;
+              $async$goto = 31;
+              return A._asyncAwait(t1.right.accept$1(t2), $async$call$0);
+            case 31:
+              // returning from await.
+              t1 = !$async$temp1.$eq(0, $async$result) ? B.SassBoolean_true : B.SassBoolean_false;
+              // goto after switch
+              $async$goto = 5;
+              break;
+            case 11:
+              // case
+              t1 = t1.right.accept$1(t2);
+              $async$temp1 = left;
+              $async$goto = 32;
+              return A._asyncAwait(type$.Future_Value._is(t1) ? t1 : A._Future$value(t1, type$.Value), $async$call$0);
+            case 32:
+              // returning from await.
+              t1 = $async$temp1.greaterThan$1($async$result);
+              // goto after switch
+              $async$goto = 5;
+              break;
+            case 12:
+              // case
+              t1 = t1.right.accept$1(t2);
+              $async$temp1 = left;
+              $async$goto = 33;
+              return A._asyncAwait(type$.Future_Value._is(t1) ? t1 : A._Future$value(t1, type$.Value), $async$call$0);
+            case 33:
+              // returning from await.
+              t1 = $async$temp1.greaterThanOrEquals$1($async$result);
+              // goto after switch
+              $async$goto = 5;
+              break;
+            case 13:
+              // case
+              t1 = t1.right.accept$1(t2);
+              $async$temp1 = left;
+              $async$goto = 34;
+              return A._asyncAwait(type$.Future_Value._is(t1) ? t1 : A._Future$value(t1, type$.Value), $async$call$0);
+            case 34:
+              // returning from await.
+              t1 = $async$temp1.lessThan$1($async$result);
+              // goto after switch
+              $async$goto = 5;
+              break;
+            case 14:
+              // case
+              t1 = t1.right.accept$1(t2);
+              $async$temp1 = left;
+              $async$goto = 35;
+              return A._asyncAwait(type$.Future_Value._is(t1) ? t1 : A._Future$value(t1, type$.Value), $async$call$0);
+            case 35:
+              // returning from await.
+              t1 = $async$temp1.lessThanOrEquals$1($async$result);
+              // goto after switch
+              $async$goto = 5;
+              break;
+            case 15:
+              // case
+              t1 = t1.right.accept$1(t2);
+              $async$temp1 = left;
+              $async$goto = 36;
+              return A._asyncAwait(type$.Future_Value._is(t1) ? t1 : A._Future$value(t1, type$.Value), $async$call$0);
+            case 36:
+              // returning from await.
+              t1 = $async$temp1.plus$1($async$result);
+              // goto after switch
+              $async$goto = 5;
+              break;
+            case 16:
+              // case
+              t1 = t1.right.accept$1(t2);
+              $async$temp1 = left;
+              $async$goto = 37;
+              return A._asyncAwait(type$.Future_Value._is(t1) ? t1 : A._Future$value(t1, type$.Value), $async$call$0);
+            case 37:
+              // returning from await.
+              t1 = $async$temp1.minus$1($async$result);
+              // goto after switch
+              $async$goto = 5;
+              break;
+            case 17:
+              // case
+              t1 = t1.right.accept$1(t2);
+              $async$temp1 = left;
+              $async$goto = 38;
+              return A._asyncAwait(type$.Future_Value._is(t1) ? t1 : A._Future$value(t1, type$.Value), $async$call$0);
+            case 38:
+              // returning from await.
+              t1 = $async$temp1.times$1($async$result);
+              // goto after switch
+              $async$goto = 5;
+              break;
+            case 18:
+              // case
+              t3 = t1.right.accept$1(t2);
+              $async$temp1 = t2;
+              $async$temp2 = left;
+              $async$goto = 39;
+              return A._asyncAwait(type$.Future_Value._is(t3) ? t3 : A._Future$value(t3, type$.Value), $async$call$0);
+            case 39:
+              // returning from await.
+              t1 = $async$temp1._async_evaluate$_slash$3($async$temp2, $async$result, t1);
+              // goto after switch
+              $async$goto = 5;
+              break;
+            case 19:
+              // case
+              t1 = t1.right.accept$1(t2);
+              $async$temp1 = left;
+              $async$goto = 40;
+              return A._asyncAwait(type$.Future_Value._is(t1) ? t1 : A._Future$value(t1, type$.Value), $async$call$0);
+            case 40:
+              // returning from await.
+              t1 = $async$temp1.modulo$1($async$result);
+              // goto after switch
+              $async$goto = 5;
+              break;
+            case 20:
+              // default
+              t1 = null;
+            case 5:
+              // after switch
+              $async$returnValue = t1;
+              // goto return
+              $async$goto = 1;
+              break;
+            case 1:
+              // return
+              return A._asyncReturn($async$returnValue, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$call$0, $async$completer);
+    },
+    $signature: 72
+  };
+  A._EvaluateVisitor__slash_recommendation0.prototype = {
+    call$1(expression) {
+      var t1;
+      $label0$0: {
+        if (expression instanceof A.BinaryOperationExpression && B.BinaryOperator_Mh5 === expression.operator) {
+          t1 = "math.div(" + A.S(this.call$1(expression.left)) + ", " + A.S(this.call$1(expression.right)) + ")";
+          break $label0$0;
+        }
+        if (expression instanceof A.ParenthesizedExpression) {
+          t1 = expression.expression.toString$0(0);
+          break $label0$0;
+        }
+        t1 = expression.toString$0(0);
+        break $label0$0;
+      }
+      return t1;
+    },
+    $signature: 118
+  };
+  A._EvaluateVisitor_visitVariableExpression_closure0.prototype = {
+    call$0() {
+      var t1 = this.node;
+      return this.$this._async_evaluate$_environment.getVariable$2$namespace(t1.name, t1.namespace);
+    },
+    $signature: 43
+  };
+  A._EvaluateVisitor_visitUnaryOperationExpression_closure0.prototype = {
+    call$0() {
+      var t1, _this = this;
+      switch (_this.node.operator) {
+        case B.UnaryOperator_Rbl:
+          t1 = _this.operand.unaryPlus$0();
+          break;
+        case B.UnaryOperator_UCP:
+          t1 = _this.operand.unaryMinus$0();
+          break;
+        case B.UnaryOperator_lZV:
+          t1 = new A.SassString("/" + A.serializeValue(_this.operand, false, true), false);
+          break;
+        case B.UnaryOperator_not_not_not:
+          t1 = _this.operand.unaryNot$0();
+          break;
+        default:
+          t1 = null;
+      }
+      return t1;
+    },
+    $signature: 36
+  };
+  A._EvaluateVisitor_visitListExpression_closure0.prototype = {
+    call$1(expression) {
+      return expression.accept$1(this.$this);
+    },
+    $signature: 540
+  };
+  A._EvaluateVisitor_visitFunctionExpression_closure2.prototype = {
+    call$0() {
+      var t1 = this.node;
+      return this.$this._async_evaluate$_environment.getFunction$2$namespace(t1.name, t1.namespace);
+    },
+    $signature: 86
+  };
+  A._EvaluateVisitor_visitFunctionExpression_closure3.prototype = {
+    call$1(argument) {
+      return argument.accept$1(B.C_IsCalculationSafeVisitor);
+    },
+    $signature: 129
+  };
+  A._EvaluateVisitor_visitFunctionExpression_closure4.prototype = {
+    call$0() {
+      var t1 = this.node;
+      return this.$this._async_evaluate$_runFunctionCallable$3(t1.$arguments, this._box_0.$function, t1);
+    },
+    $signature: 72
+  };
+  A._EvaluateVisitor__visitCalculation_closure0.prototype = {
+    call$2(message, deprecation) {
+      return this.$this._async_evaluate$_warn$3(message, this.node.span, deprecation);
+    },
+    call$1(message) {
+      return this.call$2(message, null);
+    },
+    $signature: 93
+  };
+  A._EvaluateVisitor__checkCalculationArguments_check0.prototype = {
+    call$1(maxArgs) {
+      var t1 = this.node,
+        t2 = t1.$arguments.positional.length;
+      if (t2 === 0)
+        throw A.wrapException(this.$this._async_evaluate$_exception$2("Missing argument.", t1.span));
+      else if (maxArgs != null && t2 > maxArgs)
+        throw A.wrapException(this.$this._async_evaluate$_exception$2("Only " + A.S(maxArgs) + " " + A.pluralize("argument", maxArgs, null) + " allowed, but " + t2 + " " + A.pluralize("was", t2, "were") + " passed.", t1.span));
+    },
+    call$0() {
+      return this.call$1(null);
+    },
+    $signature: 81
+  };
+  A._EvaluateVisitor__visitCalculationExpression_closure0.prototype = {
+    call$0() {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.Object),
+        $async$returnValue, $async$self = this, t1, t2, t3, t4, $async$temp1, $async$temp2, $async$temp3;
+      var $async$call$0 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              t1 = $async$self.$this;
+              t2 = $async$self._box_0;
+              t3 = $async$self.node;
+              t4 = $async$self.inLegacySassFunction;
+              $async$temp1 = A;
+              $async$temp2 = t1._async_evaluate$_binaryOperatorToCalculationOperator$2(t2.operator, t3);
+              $async$goto = 3;
+              return A._asyncAwait(t1._async_evaluate$_visitCalculationExpression$2$inLegacySassFunction(t2.left, t4), $async$call$0);
+            case 3:
+              // returning from await.
+              $async$temp3 = $async$result;
+              $async$goto = 4;
+              return A._asyncAwait(t1._async_evaluate$_visitCalculationExpression$2$inLegacySassFunction(t2.right, t4), $async$call$0);
+            case 4:
+              // returning from await.
+              $async$returnValue = $async$temp1.SassCalculation_operateInternal($async$temp2, $async$temp3, $async$result, t4, !t1._async_evaluate$_inSupportsDeclaration, new A._EvaluateVisitor__visitCalculationExpression__closure0(t1, t3));
+              // goto return
+              $async$goto = 1;
+              break;
+            case 1:
+              // return
+              return A._asyncReturn($async$returnValue, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$call$0, $async$completer);
+    },
+    $signature: 225
+  };
+  A._EvaluateVisitor__visitCalculationExpression__closure0.prototype = {
+    call$2(message, deprecation) {
+      return this.$this._async_evaluate$_warn$3(message, this.node.get$span(0), deprecation);
+    },
+    call$1(message) {
+      return this.call$2(message, null);
+    },
+    $signature: 93
+  };
+  A._EvaluateVisitor_visitInterpolatedFunctionExpression_closure0.prototype = {
+    call$0() {
+      var t1 = this.node;
+      return this.$this._async_evaluate$_runFunctionCallable$3(t1.$arguments, this.$function, t1);
+    },
+    $signature: 72
+  };
+  A._EvaluateVisitor__runUserDefinedCallable_closure0.prototype = {
+    call$0() {
+      var _this = this,
+        t1 = _this.$this,
+        t2 = _this.callable,
+        t3 = _this.V;
+      return t1._async_evaluate$_withEnvironment$1$2(t2.environment.closure$0(), new A._EvaluateVisitor__runUserDefinedCallable__closure0(t1, _this.evaluated, t2, _this.nodeWithSpan, _this.run, t3), t3);
+    },
+    $signature() {
+      return this.V._eval$1("Future<0>()");
+    }
+  };
+  A._EvaluateVisitor__runUserDefinedCallable__closure0.prototype = {
+    call$0() {
+      var _this = this,
+        t1 = _this.$this,
+        t2 = _this.V;
+      return t1._async_evaluate$_environment.scope$1$1(new A._EvaluateVisitor__runUserDefinedCallable___closure0(t1, _this.evaluated, _this.callable, _this.nodeWithSpan, _this.run, t2), t2);
+    },
+    $signature() {
+      return this.V._eval$1("Future<0>()");
+    }
+  };
+  A._EvaluateVisitor__runUserDefinedCallable___closure0.prototype = {
+    call$0() {
+      return this.$call$body$_EvaluateVisitor__runUserDefinedCallable___closure(this.V);
+    },
+    $call$body$_EvaluateVisitor__runUserDefinedCallable___closure($async$type) {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter($async$type),
+        $async$returnValue, $async$self = this, parameters, t5, minLength, i, parameter, t6, value, t7, t8, restParameter, rest, argumentList, result, parameterWord, t1, t2, t3, t4, $async$temp1;
+      var $async$call$0 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              t1 = $async$self.$this;
+              t2 = $async$self.evaluated._values;
+              t3 = $async$self.callable.declaration.parameters;
+              t4 = $async$self.nodeWithSpan;
+              t1._async_evaluate$_verifyArguments$4(J.get$length$asx(t2[2]), t2[0], t3, t4);
+              parameters = t3.parameters;
+              t5 = parameters.length;
+              minLength = Math.min(J.get$length$asx(t2[2]), t5);
+              for (i = 0; i < minLength; ++i)
+                t1._async_evaluate$_environment.setLocalVariable$3(parameters[i].name, J.$index$asx(t2[2], i), J.$index$asx(t2[3], i));
+              i = J.get$length$asx(t2[2]);
+            case 3:
+              // for condition
+              if (!(i < t5)) {
+                // goto after for
+                $async$goto = 5;
+                break;
+              }
+              parameter = parameters[i];
+              t6 = parameter.name;
+              value = t2[0].remove$1(0, t6);
+              $async$goto = value == null ? 6 : 7;
+              break;
+            case 6:
+              // then
+              t7 = parameter.defaultValue;
+              $async$temp1 = t1;
+              $async$goto = 8;
+              return A._asyncAwait(t7.accept$1(t1), $async$call$0);
+            case 8:
+              // returning from await.
+              value = $async$temp1._async_evaluate$_withoutSlash$2($async$result, t1._async_evaluate$_expressionNode$1(t7));
+            case 7:
+              // join
+              t7 = t1._async_evaluate$_environment;
+              t8 = t2[1].$index(0, t6);
+              if (t8 == null) {
+                t8 = parameter.defaultValue;
+                t8.toString;
+                t8 = t1._async_evaluate$_expressionNode$1(t8);
+              }
+              t7.setLocalVariable$3(t6, value, t8);
+            case 4:
+              // for update
+              ++i;
+              // goto for condition
+              $async$goto = 3;
+              break;
+            case 5:
+              // after for
+              restParameter = t3.restParameter;
+              if (restParameter != null) {
+                rest = J.get$length$asx(t2[2]) > t5 ? J.sublist$1$ax(t2[2], t5) : B.List_empty8;
+                t5 = t2[0];
+                t6 = t2[4];
+                argumentList = A.SassArgumentList$(rest, t5, t6 === B.ListSeparator_undecided_null_undecided ? B.ListSeparator_qVN : t6);
+                t1._async_evaluate$_environment.setLocalVariable$3(restParameter, argumentList, t4);
+              } else
+                argumentList = null;
+              $async$goto = 9;
+              return A._asyncAwait($async$self.run.call$0(), $async$call$0);
+            case 9:
+              // returning from await.
+              result = $async$result;
+              if (argumentList == null) {
+                $async$returnValue = result;
+                // goto return
+                $async$goto = 1;
+                break;
+              }
+              t5 = t2[0];
+              if (t5.get$isEmpty(t5)) {
+                $async$returnValue = result;
+                // goto return
+                $async$goto = 1;
+                break;
+              }
+              if (argumentList._wereKeywordsAccessed) {
+                $async$returnValue = result;
+                // goto return
+                $async$goto = 1;
+                break;
+              }
+              t5 = t2[0];
+              t5 = t5.get$keys(t5);
+              parameterWord = A.pluralize("parameter", t5.get$length(t5), null);
+              t2 = t2[0];
+              t2 = t2.get$keys(t2);
+              throw A.wrapException(A.MultiSpanSassRuntimeException$("No " + parameterWord + " named " + A.toSentence(t2.map$1$1(t2, new A._EvaluateVisitor__runUserDefinedCallable____closure0(), type$.Object), "or") + ".", t4.get$span(t4), "invocation", A.LinkedHashMap_LinkedHashMap$_literal([t3.get$spanWithName(), "declaration"], type$.FileSpan, type$.String), t1._async_evaluate$_stackTrace$1(t4.get$span(t4)), null));
+            case 1:
+              // return
+              return A._asyncReturn($async$returnValue, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$call$0, $async$completer);
+    },
+    $signature() {
+      return this.V._eval$1("Future<0>()");
+    }
+  };
+  A._EvaluateVisitor__runUserDefinedCallable____closure0.prototype = {
+    call$1($name) {
+      return "$" + $name;
+    },
+    $signature: 6
+  };
+  A._EvaluateVisitor__runFunctionCallable_closure0.prototype = {
+    call$0() {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.Value),
+        $async$returnValue, $async$self = this, t1, t2, t3, t4, _i, $returnValue;
+      var $async$call$0 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              t1 = $async$self.callable.declaration, t2 = t1.children, t3 = t2.length, t4 = $async$self.$this, _i = 0;
+            case 3:
+              // for condition
+              if (!(_i < t3)) {
+                // goto after for
+                $async$goto = 5;
+                break;
+              }
+              $async$goto = 6;
+              return A._asyncAwait(t2[_i].accept$1(t4), $async$call$0);
+            case 6:
+              // returning from await.
+              $returnValue = $async$result;
+              if ($returnValue instanceof A.Value) {
+                $async$returnValue = $returnValue;
+                // goto return
+                $async$goto = 1;
+                break;
+              }
+            case 4:
+              // for update
+              ++_i;
+              // goto for condition
+              $async$goto = 3;
+              break;
+            case 5:
+              // after for
+              throw A.wrapException(t4._async_evaluate$_exception$2("Function finished without @return.", t1.span));
+            case 1:
+              // return
+              return A._asyncReturn($async$returnValue, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$call$0, $async$completer);
+    },
+    $signature: 72
+  };
+  A._EvaluateVisitor__runBuiltInCallable_closure2.prototype = {
+    call$0() {
+      return this._box_0.overload.verify$2(J.get$length$asx(this.evaluated._values[2]), this.namedSet);
+    },
+    $signature: 0
+  };
+  A._EvaluateVisitor__runBuiltInCallable_closure3.prototype = {
+    call$0() {
+      return this._box_0.callback.call$1(this.evaluated._values[2]);
+    },
+    $signature: 568
+  };
+  A._EvaluateVisitor__runBuiltInCallable_closure4.prototype = {
+    call$1($name) {
+      return "$" + $name;
+    },
+    $signature: 6
+  };
+  A._EvaluateVisitor__evaluateArguments_closure3.prototype = {
+    call$1(value) {
+      return value;
+    },
+    $signature: 42
+  };
+  A._EvaluateVisitor__evaluateArguments_closure4.prototype = {
+    call$1(value) {
+      return this.$this._async_evaluate$_withoutSlash$2(value, this.restNodeForSpan);
+    },
+    $signature: 42
+  };
+  A._EvaluateVisitor__evaluateArguments_closure5.prototype = {
+    call$2(key, value) {
+      var _this = this,
+        t1 = _this.restNodeForSpan;
+      _this.named.$indexSet(0, key, _this.$this._async_evaluate$_withoutSlash$2(value, t1));
+      _this.namedNodes.$indexSet(0, key, t1);
+    },
+    $signature: 80
+  };
+  A._EvaluateVisitor__evaluateArguments_closure6.prototype = {
+    call$1(value) {
+      return value;
+    },
+    $signature: 42
+  };
+  A._EvaluateVisitor__evaluateMacroArguments_closure3.prototype = {
+    call$1(value) {
+      var t1 = this.restArgs;
+      return new A.ValueExpression(value, t1.get$span(t1));
+    },
+    $signature: 60
+  };
+  A._EvaluateVisitor__evaluateMacroArguments_closure4.prototype = {
+    call$1(value) {
+      var t1 = this.restArgs;
+      return new A.ValueExpression(this.$this._async_evaluate$_withoutSlash$2(value, this.restNodeForSpan), t1.get$span(t1));
+    },
+    $signature: 60
+  };
+  A._EvaluateVisitor__evaluateMacroArguments_closure5.prototype = {
+    call$2(key, value) {
+      var _this = this,
+        t1 = _this.restArgs;
+      _this.named.$indexSet(0, key, new A.ValueExpression(_this.$this._async_evaluate$_withoutSlash$2(value, _this.restNodeForSpan), t1.get$span(t1)));
+    },
+    $signature: 80
+  };
+  A._EvaluateVisitor__evaluateMacroArguments_closure6.prototype = {
+    call$1(value) {
+      var t1 = this.keywordRestArgs;
+      return new A.ValueExpression(this.$this._async_evaluate$_withoutSlash$2(value, this.keywordRestNodeForSpan), t1.get$span(t1));
+    },
+    $signature: 60
+  };
+  A._EvaluateVisitor__addRestMap_closure0.prototype = {
+    call$2(key, value) {
+      var t2, _this = this,
+        t1 = _this.$this;
+      if (key instanceof A.SassString)
+        _this.values.$indexSet(0, key._string$_text, _this.convert.call$1(t1._async_evaluate$_withoutSlash$2(value, _this.expressionNode)));
+      else {
+        t2 = _this.nodeWithSpan;
+        throw A.wrapException(t1._async_evaluate$_exception$2(string$.Variab_ + key.toString$0(0) + " is not a string in " + _this.map.toString$0(0) + ".", t2.get$span(t2)));
+      }
+    },
+    $signature: 87
+  };
+  A._EvaluateVisitor__verifyArguments_closure0.prototype = {
+    call$0() {
+      return this.parameters.verify$2(this.positional, new A.MapKeySet(this.named, type$.MapKeySet_String));
+    },
+    $signature: 0
+  };
+  A._EvaluateVisitor_visitCssAtRule_closure1.prototype = {
+    call$0() {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.Null),
+        $async$self = this, t1, t2, t3, t4;
+      var $async$call$0 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              t1 = $async$self.node.children, t2 = t1.$ti, t1 = new A.ListIterator(t1, t1.get$length(0), t2._eval$1("ListIterator<ListBase.E>")), t3 = $async$self.$this, t2 = t2._eval$1("ListBase.E");
+            case 2:
+              // for condition
+              if (!t1.moveNext$0()) {
+                // goto after for
+                $async$goto = 3;
+                break;
+              }
+              t4 = t1.__internal$_current;
+              $async$goto = 4;
+              return A._asyncAwait((t4 == null ? t2._as(t4) : t4).accept$1(t3), $async$call$0);
+            case 4:
+              // returning from await.
+              // goto for condition
+              $async$goto = 2;
+              break;
+            case 3:
+              // after for
+              // implicit return
+              return A._asyncReturn(null, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$call$0, $async$completer);
+    },
+    $signature: 2
+  };
+  A._EvaluateVisitor_visitCssAtRule_closure2.prototype = {
+    call$1(node) {
+      return node instanceof A.ModifiableCssStyleRule;
+    },
+    $signature: 7
+  };
+  A._EvaluateVisitor_visitCssKeyframeBlock_closure1.prototype = {
+    call$0() {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.Null),
+        $async$self = this, t1, t2, t3, t4;
+      var $async$call$0 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              t1 = $async$self.node.children, t2 = t1.$ti, t1 = new A.ListIterator(t1, t1.get$length(0), t2._eval$1("ListIterator<ListBase.E>")), t3 = $async$self.$this, t2 = t2._eval$1("ListBase.E");
+            case 2:
+              // for condition
+              if (!t1.moveNext$0()) {
+                // goto after for
+                $async$goto = 3;
+                break;
+              }
+              t4 = t1.__internal$_current;
+              $async$goto = 4;
+              return A._asyncAwait((t4 == null ? t2._as(t4) : t4).accept$1(t3), $async$call$0);
+            case 4:
+              // returning from await.
+              // goto for condition
+              $async$goto = 2;
+              break;
+            case 3:
+              // after for
+              // implicit return
+              return A._asyncReturn(null, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$call$0, $async$completer);
+    },
+    $signature: 2
+  };
+  A._EvaluateVisitor_visitCssKeyframeBlock_closure2.prototype = {
+    call$1(node) {
+      return node instanceof A.ModifiableCssStyleRule;
+    },
+    $signature: 7
+  };
+  A._EvaluateVisitor_visitCssMediaRule_closure2.prototype = {
+    call$1(mediaQueries) {
+      return this.$this._async_evaluate$_mergeMediaQueries$2(mediaQueries, this.node.queries);
+    },
+    $signature: 91
+  };
+  A._EvaluateVisitor_visitCssMediaRule_closure3.prototype = {
+    call$0() {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.Null),
+        $async$self = this, t1, t2;
+      var $async$call$0 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              t1 = $async$self.$this;
+              t2 = $async$self.mergedQueries;
+              if (t2 == null)
+                t2 = $async$self.node.queries;
+              $async$goto = 2;
+              return A._asyncAwait(t1._async_evaluate$_withMediaQueries$1$3(t2, $async$self.mergedSources, new A._EvaluateVisitor_visitCssMediaRule__closure0(t1, $async$self.node), type$.Null), $async$call$0);
+            case 2:
+              // returning from await.
+              // implicit return
+              return A._asyncReturn(null, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$call$0, $async$completer);
+    },
+    $signature: 2
+  };
+  A._EvaluateVisitor_visitCssMediaRule__closure0.prototype = {
+    call$0() {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.Null),
+        $async$self = this, t2, t3, t4, t1, _0_0;
+      var $async$call$0 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              t1 = $async$self.$this;
+              _0_0 = t1._async_evaluate$_atRootExcludingStyleRule ? null : t1._async_evaluate$_styleRuleIgnoringAtRoot;
+              $async$goto = _0_0 != null ? 2 : 4;
+              break;
+            case 2:
+              // then
+              $async$goto = 5;
+              return A._asyncAwait(t1._async_evaluate$_withParent$2$3$scopeWhen(A.ModifiableCssStyleRule$(_0_0._style_rule$_selector, _0_0.span, false, _0_0.originalSelector), new A._EvaluateVisitor_visitCssMediaRule___closure0(t1, $async$self.node), false, type$.ModifiableCssStyleRule, type$.Null), $async$call$0);
+            case 5:
+              // returning from await.
+              // goto join
+              $async$goto = 3;
+              break;
+            case 4:
+              // else
+              t2 = $async$self.node.children, t3 = t2.$ti, t2 = new A.ListIterator(t2, t2.get$length(0), t3._eval$1("ListIterator<ListBase.E>")), t3 = t3._eval$1("ListBase.E");
+            case 6:
+              // for condition
+              if (!t2.moveNext$0()) {
+                // goto after for
+                $async$goto = 7;
+                break;
+              }
+              t4 = t2.__internal$_current;
+              $async$goto = 8;
+              return A._asyncAwait((t4 == null ? t3._as(t4) : t4).accept$1(t1), $async$call$0);
+            case 8:
+              // returning from await.
+              // goto for condition
+              $async$goto = 6;
+              break;
+            case 7:
+              // after for
+            case 3:
+              // join
+              // implicit return
+              return A._asyncReturn(null, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$call$0, $async$completer);
+    },
+    $signature: 2
+  };
+  A._EvaluateVisitor_visitCssMediaRule___closure0.prototype = {
+    call$0() {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.Null),
+        $async$self = this, t1, t2, t3, t4;
+      var $async$call$0 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              t1 = $async$self.node.children, t2 = t1.$ti, t1 = new A.ListIterator(t1, t1.get$length(0), t2._eval$1("ListIterator<ListBase.E>")), t3 = $async$self.$this, t2 = t2._eval$1("ListBase.E");
+            case 2:
+              // for condition
+              if (!t1.moveNext$0()) {
+                // goto after for
+                $async$goto = 3;
+                break;
+              }
+              t4 = t1.__internal$_current;
+              $async$goto = 4;
+              return A._asyncAwait((t4 == null ? t2._as(t4) : t4).accept$1(t3), $async$call$0);
+            case 4:
+              // returning from await.
+              // goto for condition
+              $async$goto = 2;
+              break;
+            case 3:
+              // after for
+              // implicit return
+              return A._asyncReturn(null, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$call$0, $async$completer);
+    },
+    $signature: 2
+  };
+  A._EvaluateVisitor_visitCssMediaRule_closure4.prototype = {
+    call$1(node) {
+      var t1;
+      if (!(node instanceof A.ModifiableCssStyleRule)) {
+        t1 = this.mergedSources;
+        t1 = t1.get$isNotEmpty(t1) && node instanceof A.ModifiableCssMediaRule && B.JSArray_methods.every$1(node.queries, t1.get$contains(t1));
+      } else
+        t1 = true;
+      return t1;
+    },
+    $signature: 7
+  };
+  A._EvaluateVisitor_visitCssStyleRule_closure2.prototype = {
+    call$0() {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.Null),
+        $async$self = this, t1;
+      var $async$call$0 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              t1 = $async$self.$this;
+              $async$goto = 2;
+              return A._asyncAwait(t1._async_evaluate$_withStyleRule$1$2($async$self.rule, new A._EvaluateVisitor_visitCssStyleRule__closure0(t1, $async$self.node), type$.Null), $async$call$0);
+            case 2:
+              // returning from await.
+              // implicit return
+              return A._asyncReturn(null, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$call$0, $async$completer);
+    },
+    $signature: 2
+  };
+  A._EvaluateVisitor_visitCssStyleRule__closure0.prototype = {
+    call$0() {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.Null),
+        $async$self = this, t1, t2, t3, t4;
+      var $async$call$0 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              t1 = $async$self.node.children, t2 = t1.$ti, t1 = new A.ListIterator(t1, t1.get$length(0), t2._eval$1("ListIterator<ListBase.E>")), t3 = $async$self.$this, t2 = t2._eval$1("ListBase.E");
+            case 2:
+              // for condition
+              if (!t1.moveNext$0()) {
+                // goto after for
+                $async$goto = 3;
+                break;
+              }
+              t4 = t1.__internal$_current;
+              $async$goto = 4;
+              return A._asyncAwait((t4 == null ? t2._as(t4) : t4).accept$1(t3), $async$call$0);
+            case 4:
+              // returning from await.
+              // goto for condition
+              $async$goto = 2;
+              break;
+            case 3:
+              // after for
+              // implicit return
+              return A._asyncReturn(null, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$call$0, $async$completer);
+    },
+    $signature: 2
+  };
+  A._EvaluateVisitor_visitCssStyleRule_closure1.prototype = {
+    call$1(node) {
+      return node instanceof A.ModifiableCssStyleRule;
+    },
+    $signature: 7
+  };
+  A._EvaluateVisitor_visitCssSupportsRule_closure1.prototype = {
+    call$0() {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.Null),
+        $async$self = this, t2, t3, t4, t1, _0_0;
+      var $async$call$0 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              t1 = $async$self.$this;
+              _0_0 = t1._async_evaluate$_atRootExcludingStyleRule ? null : t1._async_evaluate$_styleRuleIgnoringAtRoot;
+              $async$goto = _0_0 != null ? 2 : 4;
+              break;
+            case 2:
+              // then
+              $async$goto = 5;
+              return A._asyncAwait(t1._async_evaluate$_withParent$2$2(A.ModifiableCssStyleRule$(_0_0._style_rule$_selector, _0_0.span, false, _0_0.originalSelector), new A._EvaluateVisitor_visitCssSupportsRule__closure0(t1, $async$self.node), type$.ModifiableCssStyleRule, type$.Null), $async$call$0);
+            case 5:
+              // returning from await.
+              // goto join
+              $async$goto = 3;
+              break;
+            case 4:
+              // else
+              t2 = $async$self.node.children, t3 = t2.$ti, t2 = new A.ListIterator(t2, t2.get$length(0), t3._eval$1("ListIterator<ListBase.E>")), t3 = t3._eval$1("ListBase.E");
+            case 6:
+              // for condition
+              if (!t2.moveNext$0()) {
+                // goto after for
+                $async$goto = 7;
+                break;
+              }
+              t4 = t2.__internal$_current;
+              $async$goto = 8;
+              return A._asyncAwait((t4 == null ? t3._as(t4) : t4).accept$1(t1), $async$call$0);
+            case 8:
+              // returning from await.
+              // goto for condition
+              $async$goto = 6;
+              break;
+            case 7:
+              // after for
+            case 3:
+              // join
+              // implicit return
+              return A._asyncReturn(null, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$call$0, $async$completer);
+    },
+    $signature: 2
+  };
+  A._EvaluateVisitor_visitCssSupportsRule__closure0.prototype = {
+    call$0() {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.Null),
+        $async$self = this, t1, t2, t3, t4;
+      var $async$call$0 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              t1 = $async$self.node.children, t2 = t1.$ti, t1 = new A.ListIterator(t1, t1.get$length(0), t2._eval$1("ListIterator<ListBase.E>")), t3 = $async$self.$this, t2 = t2._eval$1("ListBase.E");
+            case 2:
+              // for condition
+              if (!t1.moveNext$0()) {
+                // goto after for
+                $async$goto = 3;
+                break;
+              }
+              t4 = t1.__internal$_current;
+              $async$goto = 4;
+              return A._asyncAwait((t4 == null ? t2._as(t4) : t4).accept$1(t3), $async$call$0);
+            case 4:
+              // returning from await.
+              // goto for condition
+              $async$goto = 2;
+              break;
+            case 3:
+              // after for
+              // implicit return
+              return A._asyncReturn(null, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$call$0, $async$completer);
+    },
+    $signature: 2
+  };
+  A._EvaluateVisitor_visitCssSupportsRule_closure2.prototype = {
+    call$1(node) {
+      return node instanceof A.ModifiableCssStyleRule;
+    },
+    $signature: 7
+  };
+  A._EvaluateVisitor__performInterpolationHelper_closure0.prototype = {
+    call$1(targetLocations) {
+      return A.InterpolationMap$(this.interpolation, targetLocations);
+    },
+    $signature: 232
+  };
+  A._EvaluateVisitor__serialize_closure0.prototype = {
+    call$0() {
+      return A.serializeValue(this.value, false, this.quote);
+    },
+    $signature: 29
+  };
+  A._EvaluateVisitor__expressionNode_closure0.prototype = {
+    call$0() {
+      var t1 = this.expression;
+      return this.$this._async_evaluate$_environment.getVariableNode$2$namespace(t1.name, t1.namespace);
+    },
+    $signature: 252
+  };
+  A._EvaluateVisitor__withoutSlash_recommendation0.prototype = {
+    call$1(number) {
+      var before, after, t1,
+        _1_0 = number.asSlash;
+      $label0$0: {
+        if (type$.Record_2_nullable_Object_and_nullable_Object._is(_1_0)) {
+          before = _1_0._0;
+          after = _1_0._1;
+          t1 = "math.div(" + A.S(this.call$1(before)) + ", " + A.S(this.call$1(after)) + ")";
+          break $label0$0;
+        }
+        t1 = A.serializeValue(number, true, true);
+        break $label0$0;
+      }
+      return t1;
+    },
+    $signature: 261
+  };
+  A._EvaluateVisitor__stackFrame_closure0.prototype = {
+    call$1(url) {
+      var t1 = this.$this._async_evaluate$_importCache;
+      t1 = t1 == null ? null : t1.humanize$1(url);
+      return t1 == null ? url : t1;
+    },
+    $signature: 47
+  };
+  A._ImportedCssVisitor0.prototype = {
+    visitCssAtRule$1(node) {
+      var t1 = node.isChildless ? null : new A._ImportedCssVisitor_visitCssAtRule_closure0();
+      this._async_evaluate$_visitor._async_evaluate$_addChild$2$through(node, t1);
+    },
+    visitCssComment$1(node) {
+      return this._async_evaluate$_visitor._async_evaluate$_addChild$1(node);
+    },
+    visitCssDeclaration$1(node) {
+      return this._async_evaluate$_visitor._async_evaluate$_addChild$1(node);
+    },
+    visitCssImport$1(node) {
+      var t2,
+        _s13_ = "_endOfImports",
+        t1 = this._async_evaluate$_visitor;
+      if (t1._async_evaluate$_assertInModule$2(t1._async_evaluate$__parent, "__parent") !== t1._async_evaluate$_assertInModule$2(t1._async_evaluate$__root, "_root"))
+        t1._async_evaluate$_addChild$1(node);
+      else if (t1._async_evaluate$_assertInModule$2(t1._async_evaluate$__endOfImports, _s13_) === J.get$length$asx(t1._async_evaluate$_assertInModule$2(t1._async_evaluate$__root, "_root").children._collection$_source)) {
+        t1._async_evaluate$_addChild$1(node);
+        t1._async_evaluate$__endOfImports = t1._async_evaluate$_assertInModule$2(t1._async_evaluate$__endOfImports, _s13_) + 1;
+      } else {
+        t2 = t1._async_evaluate$_outOfOrderImports;
+        (t2 == null ? t1._async_evaluate$_outOfOrderImports = A._setArrayType([], type$.JSArray_ModifiableCssImport) : t2).push(node);
+      }
+    },
+    visitCssKeyframeBlock$1(node) {
+    },
+    visitCssMediaRule$1(node) {
+      var t1 = this._async_evaluate$_visitor,
+        mediaQueries = t1._async_evaluate$_mediaQueries;
+      t1._async_evaluate$_addChild$2$through(node, new A._ImportedCssVisitor_visitCssMediaRule_closure0(mediaQueries == null || t1._async_evaluate$_mergeMediaQueries$2(mediaQueries, node.queries) != null));
+    },
+    visitCssStyleRule$1(node) {
+      return this._async_evaluate$_visitor._async_evaluate$_addChild$2$through(node, new A._ImportedCssVisitor_visitCssStyleRule_closure0());
+    },
+    visitCssStylesheet$1(node) {
+      var t1, t2, t3;
+      for (t1 = node.children, t2 = t1.$ti, t1 = new A.ListIterator(t1, t1.get$length(0), t2._eval$1("ListIterator<ListBase.E>")), t2 = t2._eval$1("ListBase.E"); t1.moveNext$0();) {
+        t3 = t1.__internal$_current;
+        (t3 == null ? t2._as(t3) : t3).accept$1(this);
+      }
+    },
+    visitCssSupportsRule$1(node) {
+      return this._async_evaluate$_visitor._async_evaluate$_addChild$2$through(node, new A._ImportedCssVisitor_visitCssSupportsRule_closure0());
+    }
+  };
+  A._ImportedCssVisitor_visitCssAtRule_closure0.prototype = {
+    call$1(node) {
+      return node instanceof A.ModifiableCssStyleRule;
+    },
+    $signature: 7
+  };
+  A._ImportedCssVisitor_visitCssMediaRule_closure0.prototype = {
+    call$1(node) {
+      var t1;
+      if (!(node instanceof A.ModifiableCssStyleRule))
+        t1 = this.hasBeenMerged && node instanceof A.ModifiableCssMediaRule;
+      else
+        t1 = true;
+      return t1;
+    },
+    $signature: 7
+  };
+  A._ImportedCssVisitor_visitCssStyleRule_closure0.prototype = {
+    call$1(node) {
+      return node instanceof A.ModifiableCssStyleRule;
+    },
+    $signature: 7
+  };
+  A._ImportedCssVisitor_visitCssSupportsRule_closure0.prototype = {
+    call$1(node) {
+      return node instanceof A.ModifiableCssStyleRule;
+    },
+    $signature: 7
+  };
+  A._EvaluationContext0.prototype = {
+    get$currentCallableSpan() {
+      var _0_0 = this._async_evaluate$_visitor._async_evaluate$_callableNode;
+      if (_0_0 != null)
+        return _0_0.get$span(_0_0);
+      throw A.wrapException(A.StateError$(string$.No_Sasc));
+    },
+    warn$2(_, message, deprecation) {
+      var t1 = this._async_evaluate$_visitor,
+        t2 = t1._async_evaluate$_importSpan;
+      if (t2 == null) {
+        t2 = t1._async_evaluate$_callableNode;
+        t2 = t2 == null ? null : t2.get$span(t2);
+      }
+      t1._async_evaluate$_warn$3(message, t2 == null ? this._async_evaluate$_defaultWarnNodeWithSpan.span : t2, deprecation);
+    },
+    $isEvaluationContext: 1
+  };
+  A._CloneCssVisitor.prototype = {
+    visitCssAtRule$1(node) {
+      var t1 = node.isChildless,
+        rule = A.ModifiableCssAtRule$(node.name, node.span, t1, node.value);
+      return t1 ? rule : this._visitChildren$2(rule, node);
+    },
+    visitCssComment$1(node) {
+      return new A.ModifiableCssComment(node.text, node.span);
+    },
+    visitCssDeclaration$1(node) {
+      return A.ModifiableCssDeclaration$(node.name, node.value, node.span, node.parsedAsCustomProperty, null, node.valueSpanForMap);
+    },
+    visitCssImport$1(node) {
+      return new A.ModifiableCssImport(node.url, node.modifiers, node.span);
+    },
+    visitCssKeyframeBlock$1(node) {
+      return this._visitChildren$2(A.ModifiableCssKeyframeBlock$(node.selector, node.span), node);
+    },
+    visitCssMediaRule$1(node) {
+      return this._visitChildren$2(A.ModifiableCssMediaRule$(node.queries, node.span), node);
+    },
+    visitCssStyleRule$1(node) {
+      var _0_0 = this._oldToNewSelectors.$index(0, node._style_rule$_selector._box$_inner.value);
+      if (_0_0 != null)
+        return this._visitChildren$2(A.ModifiableCssStyleRule$(_0_0, node.span, false, node.originalSelector), node);
+      else
+        throw A.wrapException(A.StateError$(string$.The_Ex));
+    },
+    visitCssStylesheet$1(node) {
+      return this._visitChildren$2(A.ModifiableCssStylesheet$(node.get$span(node)), node);
+    },
+    visitCssSupportsRule$1(node) {
+      return this._visitChildren$2(A.ModifiableCssSupportsRule$(node.condition, node.span), node);
+    },
+    _visitChildren$1$2(newParent, oldParent) {
+      var t1, t2, newChild;
+      for (t1 = J.get$iterator$ax(oldParent.get$children(oldParent)); t1.moveNext$0();) {
+        t2 = t1.get$current(t1);
+        newChild = t2.accept$1(this);
+        newChild.isGroupEnd = t2.get$isGroupEnd();
+        newParent.addChild$1(newChild);
+      }
+      return newParent;
+    },
+    _visitChildren$2(newParent, oldParent) {
+      return this._visitChildren$1$2(newParent, oldParent, type$.ModifiableCssParentNode);
+    }
+  };
+  A.Evaluator.prototype = {};
+  A._EvaluateVisitor.prototype = {
+    _EvaluateVisitor$6$functions$importCache$logger$nodeImporter$quietDeps$sourceMap(functions, importCache, logger, nodeImporter, quietDeps, sourceMap) {
+      var t2, metaModule, t3, _i, module, $function, t4, _this = this,
+        _s20_ = "$name, $module: null",
+        _s9_ = "sass:meta",
+        _s7_ = "$module",
+        t1 = type$.JSArray_BuiltInCallable,
+        metaFunctions = A._setArrayType([A.BuiltInCallable$function("global-variable-exists", _s20_, new A._EvaluateVisitor_closure(_this), _s9_), A.BuiltInCallable$function("variable-exists", "$name", new A._EvaluateVisitor_closure0(_this), _s9_), A.BuiltInCallable$function("function-exists", _s20_, new A._EvaluateVisitor_closure1(_this), _s9_), A.BuiltInCallable$function("mixin-exists", _s20_, new A._EvaluateVisitor_closure2(_this), _s9_), A.BuiltInCallable$function("content-exists", "", new A._EvaluateVisitor_closure3(_this), _s9_), A.BuiltInCallable$function("module-variables", _s7_, new A._EvaluateVisitor_closure4(_this), _s9_), A.BuiltInCallable$function("module-functions", _s7_, new A._EvaluateVisitor_closure5(_this), _s9_), A.BuiltInCallable$function("module-mixins", _s7_, new A._EvaluateVisitor_closure6(_this), _s9_), A.BuiltInCallable$function("get-function", "$name, $css: false, $module: null", new A._EvaluateVisitor_closure7(_this), _s9_), A.BuiltInCallable$function("get-mixin", _s20_, new A._EvaluateVisitor_closure8(_this), _s9_), A.BuiltInCallable$function("call", "$function, $args...", new A._EvaluateVisitor_closure9(_this), _s9_)], t1),
+        metaMixins = A._setArrayType([A.BuiltInCallable$mixin("load-css", "$url, $with: null", new A._EvaluateVisitor_closure10(_this), false, _s9_), A.BuiltInCallable$mixin("apply", "$mixin, $args...", new A._EvaluateVisitor_closure11(_this), true, _s9_)], t1);
+      t1 = type$.BuiltInCallable;
+      t2 = A.List_List$_of($.$get$moduleFunctions(), t1);
+      B.JSArray_methods.addAll$1(t2, metaFunctions);
+      metaModule = A.BuiltInModule$("meta", t2, metaMixins, null, t1);
+      t1 = A.List_List$_of($.$get$coreModules(), type$.BuiltInModule_Callable);
+      t1.push(metaModule);
+      t2 = t1.length;
+      t3 = _this._builtInModules;
+      _i = 0;
+      for (; _i < t1.length; t1.length === t2 || (0, A.throwConcurrentModificationError)(t1), ++_i) {
+        module = t1[_i];
+        t3.$indexSet(0, module.url, module);
+      }
+      t1 = type$.JSArray_Callable;
+      t2 = A._setArrayType([], t1);
+      B.JSArray_methods.addAll$1(t2, $.$get$globalFunctions());
+      t1 = A._setArrayType([], t1);
+      for (_i = 0; _i < 11; ++_i)
+        t1.push(metaFunctions[_i].withDeprecationWarning$1("meta"));
+      B.JSArray_methods.addAll$1(t2, t1);
+      for (t1 = t2.length, t3 = _this._builtInFunctions, _i = 0; _i < t2.length; t2.length === t1 || (0, A.throwConcurrentModificationError)(t2), ++_i) {
+        $function = t2[_i];
+        t4 = $function.get$name($function);
+        t3.$indexSet(0, A.stringReplaceAllUnchecked(t4, "_", "-"), $function);
+      }
+    },
+    run$2(_, importer, node) {
+      var error, stackTrace, t1, exception;
+      try {
+        t1 = type$.nullable_Object;
+        t1 = A.runZoned(new A._EvaluateVisitor_run_closure(this, node, importer), A.LinkedHashMap_LinkedHashMap$_literal([B.Symbol__evaluationContext, new A._EvaluationContext(this, node)], t1, t1), type$.Record_2_Set_Uri_loadedUrls_and_CssStylesheet_stylesheet);
+        return t1;
+      } catch (exception) {
+        t1 = A.unwrapException(exception);
+        if (t1 instanceof A.SassException) {
+          error = t1;
+          stackTrace = A.getTraceFromException(exception);
+          A.throwWithTrace(error.withLoadedUrls$1(this._loadedUrls), error, stackTrace);
+        } else
+          throw exception;
+      }
+    },
+    runExpression$2(importer, expression) {
+      var t1 = type$.nullable_Object;
+      return A.runZoned(new A._EvaluateVisitor_runExpression_closure(this, importer, expression), A.LinkedHashMap_LinkedHashMap$_literal([B.Symbol__evaluationContext, new A._EvaluationContext(this, expression)], t1, t1), type$.Value);
+    },
+    runStatement$2(importer, statement) {
+      var t1 = type$.nullable_Object;
+      return A.runZoned(new A._EvaluateVisitor_runStatement_closure(this, importer, statement), A.LinkedHashMap_LinkedHashMap$_literal([B.Symbol__evaluationContext, new A._EvaluationContext(this, statement)], t1, t1), type$.void);
+    },
+    _assertInModule$1$2(value, $name) {
+      if (value != null)
+        return value;
+      throw A.wrapException(A.StateError$("Can't access " + $name + " outside of a module."));
+    },
+    _assertInModule$2(value, $name) {
+      return this._assertInModule$1$2(value, $name, type$.dynamic);
+    },
+    _withFakeStylesheet$1$3(importer, nodeWithSpan, callback) {
+      var t1, _this = this,
+        oldImporter = _this._importer;
+      _this._importer = importer;
+      _this.__stylesheet = A.Stylesheet$(B.List_empty14, nodeWithSpan.get$span(nodeWithSpan));
+      try {
+        t1 = callback.call$0();
+        return t1;
+      } finally {
+        _this._importer = oldImporter;
+        _this.__stylesheet = null;
+      }
+    },
+    _withFakeStylesheet$3(importer, nodeWithSpan, callback) {
+      return this._withFakeStylesheet$1$3(importer, nodeWithSpan, callback, type$.dynamic);
+    },
+    _loadModule$7$baseUrl$configuration$namesInErrors(url, stackFrame, nodeWithSpan, callback, baseUrl, configuration, namesInErrors) {
+      var t2, _this = this,
+        _0_0 = _this._builtInModules.$index(0, url),
+        t1 = {};
+      t1.builtInModule = null;
+      if (_0_0 != null) {
+        t1.builtInModule = _0_0;
+        if (configuration instanceof A.ExplicitConfiguration) {
+          t1 = namesInErrors ? "Built-in module " + url.toString$0(0) + " can't be configured." : "Built-in modules can't be configured.";
+          t2 = configuration.nodeWithSpan;
+          throw A.wrapException(_this._evaluate$_exception$2(t1, t2.get$span(t2)));
+        }
+        _this._addExceptionSpan$2(nodeWithSpan, new A._EvaluateVisitor__loadModule_closure(t1, callback));
+        return;
+      }
+      _this._withStackFrame$3(stackFrame, nodeWithSpan, new A._EvaluateVisitor__loadModule_closure0(_this, url, nodeWithSpan, baseUrl, namesInErrors, configuration, callback));
+    },
+    _loadModule$5$configuration(url, stackFrame, nodeWithSpan, callback, configuration) {
+      return this._loadModule$7$baseUrl$configuration$namesInErrors(url, stackFrame, nodeWithSpan, callback, null, configuration, false);
+    },
+    _loadModule$4(url, stackFrame, nodeWithSpan, callback) {
+      return this._loadModule$7$baseUrl$configuration$namesInErrors(url, stackFrame, nodeWithSpan, callback, null, null, false);
+    },
+    _execute$5$configuration$namesInErrors$nodeWithSpan(importer, stylesheet, configuration, namesInErrors, nodeWithSpan) {
+      var currentConfiguration, t2, _0_0, t3, message, existingSpan, configurationSpan, environment, css, preModuleComments, extensionStore, module, _this = this,
+        t1 = stylesheet.span,
+        url = t1.get$sourceUrl(t1);
+      t1 = configuration == null;
+      currentConfiguration = t1 ? _this._configuration : configuration;
+      t2 = _this._modules;
+      _0_0 = t2.$index(0, url);
+      if (_0_0 != null) {
+        t2 = _this._moduleConfigurations.$index(0, url);
+        t3 = t2.__originalConfiguration;
+        t2 = t3 == null ? t2 : t3;
+        t3 = currentConfiguration.__originalConfiguration;
+        if (t2 !== (t3 == null ? currentConfiguration : t3) && currentConfiguration instanceof A.ExplicitConfiguration && _0_0.couldHaveBeenConfigured$1(new A.MapKeySet(new A.UnmodifiableMapView(currentConfiguration._configuration$_values, type$.UnmodifiableMapView_String_ConfiguredValue), type$.MapKeySet_String))) {
+          if (namesInErrors) {
+            t2 = $.$get$context();
+            url.toString;
+            message = t2.prettyUri$1(url) + string$.x20was_a;
+          } else
+            message = string$.This_mw;
+          t2 = _this._moduleNodes.$index(0, url);
+          existingSpan = t2 == null ? null : t2.get$span(t2);
+          if (t1) {
+            t1 = currentConfiguration.nodeWithSpan;
+            configurationSpan = t1.get$span(t1);
+          } else
+            configurationSpan = null;
+          t1 = A.LinkedHashMap_LinkedHashMap$_empty(type$.FileSpan, type$.String);
+          if (existingSpan != null)
+            t1.$indexSet(0, existingSpan, "original load");
+          if (configurationSpan != null)
+            t1.$indexSet(0, configurationSpan, "configuration");
+          throw A.wrapException(t1.get$isEmpty(0) ? _this._evaluate$_exception$1(message) : _this._multiSpanException$3(message, "new load", t1));
+        }
+        return _0_0;
+      }
+      environment = A.Environment$();
+      css = A._Cell$();
+      preModuleComments = A._Cell$();
+      extensionStore = A.ExtensionStore$();
+      _this._withEnvironment$2(environment, new A._EvaluateVisitor__execute_closure(_this, importer, stylesheet, extensionStore, configuration, css, preModuleComments));
+      t1 = css._readLocal$0();
+      t3 = preModuleComments._readLocal$0();
+      module = environment.toModule$3(t1, t3 == null ? B.Map_empty : t3, extensionStore);
+      if (url != null) {
+        t2.$indexSet(0, url, module);
+        _this._moduleConfigurations.$indexSet(0, url, currentConfiguration);
+        if (nodeWithSpan != null)
+          _this._moduleNodes.$indexSet(0, url, nodeWithSpan);
+      }
+      return module;
+    },
+    _execute$2(importer, stylesheet) {
+      return this._execute$5$configuration$namesInErrors$nodeWithSpan(importer, stylesheet, null, false, null);
+    },
+    _addOutOfOrderImports$0() {
+      var t1, t2, _this = this, _s5_ = "_root",
+        _s13_ = "_endOfImports",
+        _0_0 = _this._outOfOrderImports;
+      $label0$0: {
+        if (_0_0 == null) {
+          t1 = _this._assertInModule$2(_this.__root, _s5_).children;
+          break $label0$0;
+        }
+        t1 = _this._assertInModule$2(_this.__root, _s5_).children;
+        t1 = A.List_List$_of(A.SubListIterable$(t1, 0, A.checkNotNullable(_this._assertInModule$2(_this.__endOfImports, _s13_), "count", type$.int), t1.$ti._eval$1("ListBase.E")), type$.ModifiableCssNode);
+        B.JSArray_methods.addAll$1(t1, _0_0);
+        t2 = _this._assertInModule$2(_this.__root, _s5_).children;
+        B.JSArray_methods.addAll$1(t1, A.SubListIterable$(t2, _this._assertInModule$2(_this.__endOfImports, _s13_), null, t2.$ti._eval$1("ListBase.E")));
+        break $label0$0;
+      }
+      return t1;
+    },
+    _combineCss$2$clone(root, clone) {
+      var selectors, _0_0, t1, imports, css, sorted, t2;
+      if (!B.JSArray_methods.any$1(root.get$upstream(), new A._EvaluateVisitor__combineCss_closure())) {
+        selectors = root.get$extensionStore().get$simpleSelectors();
+        _0_0 = A.IterableExtension_get_firstOrNull(root.get$extensionStore().extensionsWhereTarget$1(new A._EvaluateVisitor__combineCss_closure0(selectors)));
+        if (_0_0 != null)
+          this._throwForUnsatisfiedExtension$1(_0_0);
+        return root.get$css(root);
+      }
+      t1 = type$.JSArray_CssNode;
+      imports = A._setArrayType([], t1);
+      css = A._setArrayType([], t1);
+      t1 = type$.Module_Callable;
+      sorted = A.ListQueue$(t1);
+      new A._EvaluateVisitor__combineCss_visitModule(this, A.LinkedHashSet_LinkedHashSet$_empty(t1), clone, css, imports, sorted).call$1(root);
+      if (root.get$transitivelyContainsExtensions())
+        this._extendModules$1(sorted);
+      t1 = B.JSArray_methods.$add(imports, css);
+      t2 = root.get$css(root);
+      return new A.CssStylesheet(new A.UnmodifiableListView(t1, type$.UnmodifiableListView_CssNode), t2.get$span(t2));
+    },
+    _combineCss$1(root) {
+      return this._combineCss$2$clone(root, false);
+    },
+    _extendModules$1(sortedModules) {
+      var t1, t2, t3, originalSelectors, $self, t4, t5, _i, upstream, _0_0,
+        downstreamExtensionStores = A.LinkedHashMap_LinkedHashMap$_empty(type$.Uri, type$.List_ExtensionStore),
+        unsatisfiedExtensions = new A._LinkedIdentityHashSet(type$._LinkedIdentityHashSet_Extension);
+      for (t1 = A._ListQueueIterator$(sortedModules, sortedModules.$ti._precomputed1), t2 = t1.$ti._precomputed1; t1.moveNext$0();) {
+        t3 = t1._collection$_current;
+        if (t3 == null)
+          t3 = t2._as(t3);
+        originalSelectors = t3.get$extensionStore().get$simpleSelectors().toSet$0(0);
+        unsatisfiedExtensions.addAll$1(0, t3.get$extensionStore().extensionsWhereTarget$1(new A._EvaluateVisitor__extendModules_closure(originalSelectors)));
+        $self = downstreamExtensionStores.$index(0, t3.get$url(t3));
+        t4 = t3.get$extensionStore().get$addExtensions();
+        if ($self != null)
+          t4.call$1($self);
+        t4 = t3.get$extensionStore();
+        if (t4.get$isEmpty(t4))
+          continue;
+        for (t4 = t3.get$upstream(), t5 = t4.length, _i = 0; _i < t4.length; t4.length === t5 || (0, A.throwConcurrentModificationError)(t4), ++_i) {
+          upstream = t4[_i];
+          _0_0 = upstream.get$url(upstream);
+          if (_0_0 != null)
+            J.add$1$ax(downstreamExtensionStores.putIfAbsent$2(_0_0, new A._EvaluateVisitor__extendModules_closure0()), t3.get$extensionStore());
+        }
+        unsatisfiedExtensions.removeAll$1(t3.get$extensionStore().extensionsWhereTarget$1(originalSelectors.get$contains(originalSelectors)));
+      }
+      if (unsatisfiedExtensions._collection$_length !== 0)
+        this._throwForUnsatisfiedExtension$1(unsatisfiedExtensions.get$first(0));
+    },
+    _throwForUnsatisfiedExtension$1(extension) {
+      throw A.wrapException(A.SassException$(string$.The_ta + extension.target.toString$0(0) + ' !optional" to avoid this error.', extension.span, null));
+    },
+    _indexAfterImports$1(statements) {
+      var t1, lastImport, i, _0_0;
+      for (t1 = J.getInterceptor$asx(statements), lastImport = -1, i = 0; i < t1.get$length(statements); ++i) {
+        $label0$0: {
+          _0_0 = t1.$index(statements, i);
+          if (_0_0 instanceof A.ModifiableCssImport)
+            break $label0$0;
+          if (_0_0 instanceof A.ModifiableCssComment)
+            continue;
+          break;
+        }
+        lastImport = i;
+      }
+      return lastImport + 1;
+    },
+    visitStylesheet$1(_, node) {
+      var t1, t2, warning, _i, $name, span;
+      for (t1 = node.parseTimeWarnings, t2 = t1.$ti, t1 = new A.ListIterator(t1, t1.get$length(0), t2._eval$1("ListIterator<ListBase.E>")), t2 = t2._eval$1("ListBase.E"); t1.moveNext$0();) {
+        warning = t1.__internal$_current;
+        if (warning == null)
+          warning = t2._as(warning);
+        this._warn$3(warning._1, warning._2, warning._0);
+      }
+      for (t1 = node.children, t2 = t1.length, _i = 0; _i < t2; ++_i)
+        t1[_i].accept$1(this);
+      for (t1 = A.MapExtensions_get_pairs(node.globalVariables, type$.String, type$.FileSpan), t1 = t1.get$iterator(t1); t1.moveNext$0();) {
+        t2 = t1.get$current(t1);
+        $name = t2._0;
+        span = t2._1;
+        this.visitVariableDeclaration$1(0, new A.VariableDeclaration(null, $name, new A.NullExpression(span), true, false, span));
+      }
+      return null;
+    },
+    visitAtRootRule$1(_, node) {
+      var t1, _2_0, root, first, rest, innerCopy, outerCopy, _i, copy, _this = this, _null = null,
+        _s8_ = "__parent",
+        _0_0 = node.query,
+        query = _0_0 != null ? new A.AtRootQueryParser(A.SpanScanner$(_this._performInterpolationWithMap$2$warnForColor(_0_0, true)._0, _null), _null).parse$0(0) : B.AtRootQuery_bfj,
+        $parent = _this._assertInModule$2(_this.__parent, _s8_),
+        included = A._setArrayType([], type$.JSArray_ModifiableCssParentNode);
+      for (t1 = type$.CssStylesheet; !t1._is($parent); $parent = _2_0) {
+        if (!query.excludes$1($parent))
+          included.push($parent);
+        _2_0 = $parent._parent;
+        if (_2_0 == null)
+          throw A.wrapException(A.StateError$(string$.CssNod));
+      }
+      root = _this._trimIncluded$1(included);
+      if (root === _this._assertInModule$2(_this.__parent, _s8_)) {
+        _this._environment.scope$1$2$when(new A._EvaluateVisitor_visitAtRootRule_closure(_this, node), node.hasDeclarations, type$.Null);
+        return _null;
+      }
+      if (included.length >= 1) {
+        first = included[0];
+        rest = B.JSArray_methods.sublist$1(included, 1);
+        innerCopy = first.copyWithoutChildren$0();
+        for (t1 = rest.length, outerCopy = innerCopy, _i = 0; _i < rest.length; rest.length === t1 || (0, A.throwConcurrentModificationError)(rest), ++_i, outerCopy = copy) {
+          copy = rest[_i].copyWithoutChildren$0();
+          copy.addChild$1(outerCopy);
+        }
+        root.addChild$1(outerCopy);
+      } else
+        innerCopy = root;
+      _this._scopeForAtRoot$4(node, innerCopy, query, included).call$1(new A._EvaluateVisitor_visitAtRootRule_closure0(_this, node));
+      return _null;
+    },
+    _trimIncluded$1(nodes) {
+      var $parent, t1, innermostContiguous, i, t2, _0_0, _1_0, root, _this = this, _null = null, _s5_ = "_root",
+        _s22_ = " to be an ancestor of ";
+      if (nodes.length === 0)
+        return _this._assertInModule$2(_this.__root, _s5_);
+      $parent = _this._assertInModule$2(_this.__parent, "__parent");
+      for (t1 = nodes.length, innermostContiguous = _null, i = 0; i < t1; ++i, $parent = _1_0) {
+        for (; t2 = nodes[i], $parent !== t2; innermostContiguous = _null, $parent = _0_0) {
+          _0_0 = $parent._parent;
+          if (_0_0 == null)
+            throw A.wrapException(A.ArgumentError$("Expected " + t2.toString$0(0) + _s22_ + _this.toString$0(0) + ".", _null));
+        }
+        if (innermostContiguous == null)
+          innermostContiguous = i;
+        _1_0 = $parent._parent;
+        if (_1_0 == null)
+          throw A.wrapException(A.ArgumentError$("Expected " + t2.toString$0(0) + _s22_ + _this.toString$0(0) + ".", _null));
+      }
+      if ($parent !== _this._assertInModule$2(_this.__root, _s5_))
+        return _this._assertInModule$2(_this.__root, _s5_);
+      innermostContiguous.toString;
+      root = nodes[innermostContiguous];
+      B.JSArray_methods.removeRange$2(nodes, innermostContiguous, nodes.length);
+      return root;
+    },
+    _scopeForAtRoot$4(node, newParent, query, included) {
+      var _this = this,
+        scope = new A._EvaluateVisitor__scopeForAtRoot_closure(_this, newParent, node),
+        t1 = query._all || query._at_root_query$_rule;
+      if (t1 !== query.include)
+        scope = new A._EvaluateVisitor__scopeForAtRoot_closure0(_this, scope);
+      if (_this._mediaQueries != null && query.excludesName$1("media"))
+        scope = new A._EvaluateVisitor__scopeForAtRoot_closure1(_this, scope);
+      if (_this._inKeyframes && query.excludesName$1("keyframes"))
+        scope = new A._EvaluateVisitor__scopeForAtRoot_closure2(_this, scope);
+      return _this._inUnknownAtRule && !B.JSArray_methods.any$1(included, new A._EvaluateVisitor__scopeForAtRoot_closure3()) ? new A._EvaluateVisitor__scopeForAtRoot_closure4(_this, scope) : scope;
+    },
+    visitContentBlock$1(_, node) {
+      return A.throwExpression(A.UnsupportedError$(string$.Evalua));
+    },
+    visitContentRule$1(_, node) {
+      var $content = this._environment._content;
+      if ($content == null)
+        return null;
+      this._runUserDefinedCallable$1$4(node.$arguments, $content, node, new A._EvaluateVisitor_visitContentRule_closure(this, $content), type$.Null);
+      return null;
+    },
+    visitDebugRule$1(_, node) {
+      var value = node.expression.accept$1(this),
+        t1 = value instanceof A.SassString ? value._string$_text : A.serializeValue(value, true, true);
+      this._logger.debug$2(0, t1, node.span);
+      return null;
+    },
+    visitDeclaration$1(_, node) {
+      var t1, $name, _0_0, _1_0, value, t2, t3, t4, t5, t6, _2_0, oldDeclarationName, _this = this, _null = null;
+      if ((_this._atRootExcludingStyleRule ? _null : _this._styleRuleIgnoringAtRoot) == null && !_this._inUnknownAtRule && !_this._inKeyframes)
+        throw A.wrapException(_this._evaluate$_exception$2(string$.Declarm, node.span));
+      if (_this._declarationName != null && B.JSString_methods.startsWith$1(node.name.get$initialPlain(), "--"))
+        throw A.wrapException(_this._evaluate$_exception$2(string$.Declarw, node.span));
+      t1 = node.name;
+      $name = _this._interpolationToValue$2$warnForColor(t1, true);
+      _0_0 = _this._declarationName;
+      if (_0_0 != null)
+        $name = new A.CssValue(_0_0 + "-" + $name.value, $name.span, type$.CssValue_String);
+      _1_0 = node.value;
+      if (_1_0 != null) {
+        value = _1_0.accept$1(_this);
+        if (!value.get$isBlank() || value.get$asList().length === 0 || B.JSString_methods.startsWith$1($name.value, "--")) {
+          _this._copyParentAfterSibling$0();
+          t2 = _this._assertInModule$2(_this.__parent, "__parent");
+          t3 = _1_0.get$span(_1_0);
+          t4 = node.span;
+          t1 = B.JSString_methods.startsWith$1(t1.get$initialPlain(), "--");
+          t5 = _this._evaluate$_stackTrace$1(t4);
+          if (_this._sourceMap) {
+            t6 = A.NullableExtension_andThen(_1_0, _this.get$_expressionNode());
+            t6 = t6 == null ? _null : J.get$span$z(t6);
+          } else
+            t6 = _null;
+          t2.addChild$1(A.ModifiableCssDeclaration$($name, new A.CssValue(value, t3, type$.CssValue_Value), t4, t1, t5, t6));
+        }
+      }
+      _2_0 = node.children;
+      t1 = {};
+      t1.children = null;
+      if (_2_0 != null) {
+        t1.children = _2_0;
+        oldDeclarationName = _this._declarationName;
+        _this._declarationName = $name.value;
+        _this._environment.scope$1$2$when(new A._EvaluateVisitor_visitDeclaration_closure(t1, _this), node.hasDeclarations, type$.Null);
+        _this._declarationName = oldDeclarationName;
+      }
+      return _null;
+    },
+    visitEachRule$1(_, node) {
+      var _this = this,
+        t1 = node.list,
+        list = t1.accept$1(_this),
+        nodeWithSpan = _this._expressionNode$1(t1),
+        _0_0 = node.variables;
+      $label0$0: {
+        t1 = {};
+        t1.variable = null;
+        if (_0_0.length === 1) {
+          t1.variable = _0_0[0];
+          t1 = new A._EvaluateVisitor_visitEachRule_closure(t1, _this, nodeWithSpan);
+          break $label0$0;
+        }
+        t1 = {};
+        t1.variables = null;
+        t1.variables = _0_0;
+        t1 = new A._EvaluateVisitor_visitEachRule_closure0(t1, _this, nodeWithSpan);
+        break $label0$0;
+      }
+      return _this._environment.scope$1$2$semiGlobal(new A._EvaluateVisitor_visitEachRule_closure1(_this, list, t1, node), true, type$.nullable_Value);
+    },
+    _setMultipleVariables$3(variables, value, nodeWithSpan) {
+      var i,
+        list = value.get$asList(),
+        t1 = variables.length,
+        minLength = Math.min(t1, list.length);
+      for (i = 0; i < minLength; ++i)
+        this._environment.setLocalVariable$3(variables[i], this._withoutSlash$2(list[i], nodeWithSpan), nodeWithSpan);
+      for (i = minLength; i < t1; ++i)
+        this._environment.setLocalVariable$3(variables[i], B.C__SassNull, nodeWithSpan);
+    },
+    visitErrorRule$1(_, node) {
+      throw A.wrapException(this._evaluate$_exception$2(node.expression.accept$1(this).toString$0(0), node.span));
+    },
+    visitExtendRule$1(_, node) {
+      var t1, t2, t3, t4, t5, _i, complex, visitor, t6, t7, _0_0, compound, simple, _this = this, _null = null,
+        styleRule = _this._atRootExcludingStyleRule ? _null : _this._styleRuleIgnoringAtRoot;
+      if (styleRule == null || _this._declarationName != null)
+        throw A.wrapException(_this._evaluate$_exception$2(string$.x40exten, node.span));
+      for (t1 = styleRule.originalSelector.components, t2 = t1.length, t3 = node.span, t4 = type$.SourceSpan, t5 = type$.String, _i = 0; _i < t2; ++_i) {
+        complex = t1[_i];
+        if (!complex.accept$1(B._IsBogusVisitor_true))
+          continue;
+        visitor = A._SerializeVisitor$(_null, true, _null, _null, true, false, _null, true);
+        complex.accept$1(visitor);
+        t6 = B.JSString_methods.trim$0(visitor._serialize$_buffer.toString$0(0));
+        t7 = complex.accept$1(B.C__IsUselessVisitor) ? "can't" : "shouldn't";
+        _this._warn$3('The selector "' + t6 + '" is invalid CSS and ' + t7 + string$.x20be_an, new A.MultiSpan(A.SpanExtensions_trimRight(complex.span), "invalid selector", A.ConstantMap_ConstantMap$from(A.LinkedHashMap_LinkedHashMap$_literal([t3, "@extend rule"], t4, t5), t4, t5)), B.Deprecation_OUI);
+      }
+      _0_0 = _this._performInterpolationWithMap$2$warnForColor(node.selector, true);
+      for (t1 = A.SelectorList_SelectorList$parse(A.trimAscii(_0_0._0, true), false, _0_0._1, false).components, t2 = t1.length, t3 = styleRule._style_rule$_selector._box$_inner, _i = 0; _i < t2; ++_i) {
+        complex = t1[_i];
+        compound = complex.get$singleCompound();
+        if (compound == null)
+          throw A.wrapException(A.SassFormatException$("complex selectors may not be extended.", complex.span, _null));
+        t4 = compound.components;
+        simple = t4.length === 1 ? B.JSArray_methods.get$first(t4) : _null;
+        if (simple == null)
+          throw A.wrapException(A.SassFormatException$(string$.compou + B.JSArray_methods.join$1(t4, ", ") + string$.x60_inst, compound.span, _null));
+        _this._assertInModule$2(_this.__extensionStore, "_extensionStore").addExtension$4(t3.value, simple, node, _this._mediaQueries);
+      }
+      return _null;
+    },
+    visitAtRule$1(_, node) {
+      var $name, value, children, wasInKeyframes, wasInUnknownAtRule, _this = this;
+      if (_this._declarationName != null)
+        throw A.wrapException(_this._evaluate$_exception$2(string$.At_rul, node.span));
+      $name = _this._interpolationToValue$1(node.name);
+      value = A.NullableExtension_andThen(node.value, new A._EvaluateVisitor_visitAtRule_closure(_this));
+      children = node.children;
+      if (children == null) {
+        _this._copyParentAfterSibling$0();
+        _this._assertInModule$2(_this.__parent, "__parent").addChild$1(A.ModifiableCssAtRule$($name, node.span, true, value));
+        return null;
+      }
+      wasInKeyframes = _this._inKeyframes;
+      wasInUnknownAtRule = _this._inUnknownAtRule;
+      if (A.unvendor($name.value) === "keyframes")
+        _this._inKeyframes = true;
+      else
+        _this._inUnknownAtRule = true;
+      _this._withParent$2$4$scopeWhen$through(A.ModifiableCssAtRule$($name, node.span, false, value), new A._EvaluateVisitor_visitAtRule_closure0(_this, $name, children), node.hasDeclarations, new A._EvaluateVisitor_visitAtRule_closure1(), type$.ModifiableCssAtRule, type$.Null);
+      _this._inUnknownAtRule = wasInUnknownAtRule;
+      _this._inKeyframes = wasInKeyframes;
+      return null;
+    },
+    visitForRule$1(_, node) {
+      var _this = this, t1 = {},
+        t2 = node.from,
+        fromNumber = _this._addExceptionSpan$2(t2, new A._EvaluateVisitor_visitForRule_closure(_this, node)),
+        t3 = node.to,
+        toNumber = _this._addExceptionSpan$2(t3, new A._EvaluateVisitor_visitForRule_closure0(_this, node)),
+        from = _this._addExceptionSpan$2(t2, new A._EvaluateVisitor_visitForRule_closure1(fromNumber)),
+        to = t1.to = _this._addExceptionSpan$2(t3, new A._EvaluateVisitor_visitForRule_closure2(toNumber, fromNumber)),
+        direction = from > to ? -1 : 1;
+      if (from === (!node.isExclusive ? t1.to = to + direction : to))
+        return null;
+      return _this._environment.scope$1$2$semiGlobal(new A._EvaluateVisitor_visitForRule_closure3(t1, _this, node, from, direction, fromNumber), true, type$.nullable_Value);
+    },
+    visitForwardRule$1(_, node) {
+      var newConfiguration, t4, _i, variable, $name, _this = this,
+        _s8_ = "@forward",
+        oldConfiguration = _this._configuration,
+        adjustedConfiguration = oldConfiguration.throughForward$1(node),
+        t1 = node.configuration,
+        t2 = t1.length,
+        t3 = node.url;
+      if (t2 !== 0) {
+        newConfiguration = _this._addForwardConfiguration$2(adjustedConfiguration, node);
+        _this._loadModule$5$configuration(t3, _s8_, node, new A._EvaluateVisitor_visitForwardRule_closure(_this, node), newConfiguration);
+        t3 = type$.String;
+        t4 = A.LinkedHashSet_LinkedHashSet$_empty(t3);
+        for (_i = 0; _i < t2; ++_i) {
+          variable = t1[_i];
+          if (!variable.isGuarded)
+            t4.add$1(0, variable.name);
+        }
+        _this._removeUsedConfiguration$3$except(adjustedConfiguration, newConfiguration, t4);
+        t3 = A.LinkedHashSet_LinkedHashSet$_empty(t3);
+        for (_i = 0; _i < t2; ++_i)
+          t3.add$1(0, t1[_i].name);
+        for (t1 = newConfiguration._configuration$_values, t2 = t1.get$keys(t1), t2 = t2.toList$0(t2), t4 = t2.length, _i = 0; _i < t2.length; t2.length === t4 || (0, A.throwConcurrentModificationError)(t2), ++_i) {
+          $name = t2[_i];
+          if (!t3.contains$1(0, $name))
+            if (!t1.get$isEmpty(t1))
+              t1.remove$1(0, $name);
+        }
+        _this._assertConfigurationIsEmpty$1(newConfiguration);
+      } else {
+        _this._configuration = adjustedConfiguration;
+        _this._loadModule$4(t3, _s8_, node, new A._EvaluateVisitor_visitForwardRule_closure0(_this, node));
+        _this._configuration = oldConfiguration;
+      }
+      return null;
+    },
+    _addForwardConfiguration$2(configuration, node) {
+      var t2, t3, _i, variable, t4, _0_0, t5, oldValue, variableNodeWithSpan, _null = null,
+        t1 = configuration._configuration$_values,
+        newValues = A.LinkedHashMap_LinkedHashMap$of(new A.UnmodifiableMapView(t1, type$.UnmodifiableMapView_String_ConfiguredValue), type$.String, type$.ConfiguredValue);
+      for (t2 = node.configuration, t3 = t2.length, _i = 0; _i < t3; ++_i) {
+        variable = t2[_i];
+        if (variable.isGuarded) {
+          t4 = variable.name;
+          _0_0 = t1.get$isEmpty(t1) ? _null : t1.remove$1(0, t4);
+          if (_0_0 != null) {
+            t5 = !_0_0.value.$eq(0, B.C__SassNull);
+            oldValue = _0_0;
+          } else {
+            oldValue = _null;
+            t5 = false;
+          }
+          if (t5) {
+            newValues.$indexSet(0, t4, oldValue);
+            continue;
+          }
+        }
+        t4 = variable.expression;
+        variableNodeWithSpan = this._expressionNode$1(t4);
+        newValues.$indexSet(0, variable.name, new A.ConfiguredValue(this._withoutSlash$2(t4.accept$1(this), variableNodeWithSpan), variable.span, variableNodeWithSpan));
+      }
+      if (configuration instanceof A.ExplicitConfiguration || t1.get$isEmpty(t1))
+        return new A.ExplicitConfiguration(node, newValues, _null);
+      else
+        return new A.Configuration(newValues, _null);
+    },
+    _registerCommentsForModule$1(module) {
+      var _this = this, _s5_ = "_root",
+        t1 = _this.__root;
+      if (t1 == null)
+        return;
+      if (_this._assertInModule$2(t1, _s5_).children.get$length(0) === 0 || !module.get$transitivelyContainsCss())
+        return;
+      t1 = _this._preModuleComments;
+      if (t1 == null)
+        t1 = _this._preModuleComments = A.LinkedHashMap_LinkedHashMap$_empty(type$.Module_Callable, type$.List_CssComment);
+      J.addAll$1$ax(t1.putIfAbsent$2(module, new A._EvaluateVisitor__registerCommentsForModule_closure()), new A.UnmodifiableListView(J.cast$1$0$ax(_this._assertInModule$2(_this.__root, _s5_).children._collection$_source, type$.CssComment), type$.UnmodifiableListView_CssComment));
+      _this._assertInModule$2(_this.__root, _s5_).clearChildren$0();
+      _this.__endOfImports = 0;
+    },
+    _removeUsedConfiguration$3$except(upstream, downstream, except) {
+      var t1, t2, t3, t4, _i, $name;
+      for (t1 = upstream._configuration$_values, t2 = t1.get$keys(t1), t2 = t2.toList$0(t2), t3 = t2.length, t4 = downstream._configuration$_values, _i = 0; _i < t2.length; t2.length === t3 || (0, A.throwConcurrentModificationError)(t2), ++_i) {
+        $name = t2[_i];
+        if (except.contains$1(0, $name))
+          continue;
+        if (!t4.containsKey$1($name))
+          if (!t1.get$isEmpty(t1))
+            t1.remove$1(0, $name);
+      }
+    },
+    _assertConfigurationIsEmpty$2$nameInError(configuration, nameInError) {
+      var t1, _0_0;
+      if (!(configuration instanceof A.ExplicitConfiguration))
+        return;
+      t1 = configuration._configuration$_values;
+      if (t1.get$isEmpty(t1))
+        return;
+      t1 = A.MapExtensions_get_pairs(new A.UnmodifiableMapView(t1, type$.UnmodifiableMapView_String_ConfiguredValue), type$.String, type$.ConfiguredValue);
+      _0_0 = t1.get$first(t1);
+      t1 = nameInError ? "$" + _0_0._0 + string$.x20was_n : string$.This_v;
+      throw A.wrapException(this._evaluate$_exception$2(t1, _0_0._1.configurationSpan));
+    },
+    _assertConfigurationIsEmpty$1(configuration) {
+      return this._assertConfigurationIsEmpty$2$nameInError(configuration, false);
+    },
+    visitFunctionRule$1(_, node) {
+      var t1 = this._environment,
+        t2 = t1.closure$0(),
+        t3 = this._inDependency,
+        t4 = t1._functions,
+        index = t4.length - 1,
+        t5 = node.name;
+      t1._functionIndices.$indexSet(0, t5, index);
+      t4[index].$indexSet(0, t5, new A.UserDefinedCallable(node, t2, t3, type$.UserDefinedCallable_Environment));
+      return null;
+    },
+    visitIfRule$1(_, node) {
+      var t1, t2, _i, clauseToCheck,
+        clause = node.lastClause;
+      for (t1 = node.clauses, t2 = t1.length, _i = 0; _i < t2; ++_i) {
+        clauseToCheck = t1[_i];
+        if (clauseToCheck.expression.accept$1(this).get$isTruthy()) {
+          clause = clauseToCheck;
+          break;
+        }
+      }
+      return A.NullableExtension_andThen(clause, new A._EvaluateVisitor_visitIfRule_closure(this));
+    },
+    visitImportRule$1(_, node) {
+      var t1, t2, t3, t4, t5, t6, _i, $import, t7, _0_0, $self, t8, _this = this,
+        _s8_ = "__parent",
+        _s5_ = "_root",
+        _s13_ = "_endOfImports";
+      for (t1 = node.imports, t2 = t1.length, t3 = type$.CssValue_String, t4 = _this.get$_interpolationToValue(), t5 = type$.StaticImport, t6 = type$.JSArray_ModifiableCssImport, _i = 0; _i < t2; ++_i) {
+        $import = t1[_i];
+        if ($import instanceof A.DynamicImport)
+          _this._visitDynamicImport$1($import);
+        else {
+          t5._as($import);
+          t7 = $import.url;
+          _0_0 = _this._performInterpolationHelper$3$sourceMap$warnForColor(t7, false, false);
+          $self = $import.modifiers;
+          t8 = $self == null ? null : t4.call$1($self);
+          node = new A.ModifiableCssImport(new A.CssValue(_0_0._0, t7.span, t3), t8, $import.span);
+          if (_this._assertInModule$2(_this.__parent, _s8_) !== _this._assertInModule$2(_this.__root, _s5_)) {
+            _this._copyParentAfterSibling$0();
+            _this._assertInModule$2(_this.__parent, _s8_).addChild$1(node);
+          } else if (_this._assertInModule$2(_this.__endOfImports, _s13_) === J.get$length$asx(_this._assertInModule$2(_this.__root, _s5_).children._collection$_source)) {
+            t7 = _this._assertInModule$2(_this.__root, _s5_);
+            node._parent = t7;
+            t7 = t7._children;
+            node._indexInParent = t7.length;
+            t7.push(node);
+            _this.__endOfImports = _this._assertInModule$2(_this.__endOfImports, _s13_) + 1;
+          } else {
+            t7 = _this._outOfOrderImports;
+            (t7 == null ? _this._outOfOrderImports = A._setArrayType([], t6) : t7).push(node);
+          }
+        }
+      }
+      return null;
+    },
+    _visitDynamicImport$1($import) {
+      return this._withStackFrame$3("@import", $import, new A._EvaluateVisitor__visitDynamicImport_closure(this, $import));
+    },
+    _loadStylesheet$4$baseUrl$forImport(url, span, baseUrl, forImport) {
+      var _0_0, importCache, _1_0, importer, canonicalUrl, originalUrl, isDependency, _2_0, stylesheet, error, stackTrace, error0, stackTrace0, t1, t2, exception, _this = this;
+      baseUrl = baseUrl;
+      try {
+        _this._importSpan = span;
+        _0_0 = _this._evaluate$_importCache;
+        importCache = null;
+        if (_0_0 != null) {
+          importCache = _0_0;
+          if (baseUrl == null) {
+            t1 = _this._assertInModule$2(_this.__stylesheet, "_stylesheet").span;
+            baseUrl = t1.get$sourceUrl(t1);
+          }
+          _1_0 = J.canonicalize$4$baseImporter$baseUrl$forImport$x(importCache, A.Uri_parse(url), _this._importer, baseUrl, forImport);
+          importer = null;
+          canonicalUrl = null;
+          originalUrl = null;
+          if (type$.Record_3_nullable_Object_and_nullable_Object_and_nullable_Object_originalUrl._is(_1_0)) {
+            importer = _1_0._0;
+            canonicalUrl = _1_0._1;
+            originalUrl = _1_0._2;
+            if (canonicalUrl.get$scheme() === "")
+              A.WarnForDeprecation_warnForDeprecation(_this._logger, B.Deprecation_6jA, "Importer " + A.S(importer) + " canonicalized " + url + " to " + A.S(canonicalUrl) + string$.x2e_Rela, null, null);
+            _this._loadedUrls.add$1(0, canonicalUrl);
+            isDependency = _this._inDependency || !J.$eq$(importer, _this._importer);
+            _2_0 = importCache.importCanonical$3$originalUrl(importer, canonicalUrl, originalUrl);
+            stylesheet = null;
+            if (_2_0 != null) {
+              stylesheet = _2_0;
+              t1 = stylesheet;
+              t2 = importer;
+              return new A._Record_3_importer_isDependency(t1, t2, isDependency);
+            }
+          }
+        }
+        t1 = B.JSString_methods.startsWith$1(url, "package:");
+        if (t1)
+          throw A.wrapException(string$.x22packa);
+        else
+          throw A.wrapException("Can't find stylesheet to import.");
+      } catch (exception) {
+        t1 = A.unwrapException(exception);
+        if (t1 instanceof A.SassException)
+          throw exception;
+        else if (t1 instanceof A.ArgumentError) {
+          error = t1;
+          stackTrace = A.getTraceFromException(exception);
+          A.throwWithTrace(_this._evaluate$_exception$1(J.toString$0$(error)), error, stackTrace);
+        } else {
+          error0 = t1;
+          stackTrace0 = A.getTraceFromException(exception);
+          A.throwWithTrace(_this._evaluate$_exception$1(_this._getErrorMessage$1(error0)), error0, stackTrace0);
+        }
+      } finally {
+        _this._importSpan = null;
+      }
+    },
+    _loadStylesheet$3$baseUrl(url, span, baseUrl) {
+      return this._loadStylesheet$4$baseUrl$forImport(url, span, baseUrl, false);
+    },
+    _loadStylesheet$3$forImport(url, span, forImport) {
+      return this._loadStylesheet$4$baseUrl$forImport(url, span, null, forImport);
+    },
+    _applyMixin$5(mixin, contentCallable, $arguments, nodeWithSpan, nodeWithSpanWithoutContent) {
+      var t1, _0_0, t2, _1_8, t3, _this = this,
+        _s37_ = "Mixin doesn't accept a content block.",
+        _s10_ = "invocation";
+      $label0$0: {
+        if (mixin == null)
+          throw A.wrapException(_this._evaluate$_exception$2("Undefined mixin.", nodeWithSpan.get$span(nodeWithSpan)));
+        t1 = mixin instanceof A.BuiltInCallable;
+        if (t1 && !mixin.acceptsContent && contentCallable != null) {
+          t1 = _this._evaluateArguments$1($arguments)._values;
+          _0_0 = mixin.callbackFor$2(t1[2].length, new A.MapKeySet(t1[0], type$.MapKeySet_String));
+          throw A.wrapException(A.MultiSpanSassRuntimeException$(_s37_, nodeWithSpanWithoutContent.get$span(nodeWithSpanWithoutContent), _s10_, A.LinkedHashMap_LinkedHashMap$_literal([_0_0._0.get$spanWithName(), "declaration"], type$.FileSpan, type$.String), _this._evaluate$_stackTrace$1(nodeWithSpanWithoutContent.get$span(nodeWithSpanWithoutContent)), null));
+        }
+        if (t1) {
+          _this._environment.withContent$2(contentCallable, new A._EvaluateVisitor__applyMixin_closure(_this, $arguments, mixin, nodeWithSpanWithoutContent));
+          break $label0$0;
+        }
+        t1 = type$.UserDefinedCallable_Environment._is(mixin);
+        t2 = false;
+        if (t1) {
+          _1_8 = mixin.declaration;
+          t3 = _1_8;
+          if (t3 instanceof A.MixinRule)
+            t2 = !type$.MixinRule._as(_1_8).get$hasContent() && contentCallable != null;
+        }
+        if (t2)
+          throw A.wrapException(A.MultiSpanSassRuntimeException$(_s37_, nodeWithSpanWithoutContent.get$span(nodeWithSpanWithoutContent), _s10_, A.LinkedHashMap_LinkedHashMap$_literal([mixin.declaration.parameters.get$spanWithName(), "declaration"], type$.FileSpan, type$.String), _this._evaluate$_stackTrace$1(nodeWithSpanWithoutContent.get$span(nodeWithSpanWithoutContent)), null));
+        if (t1) {
+          _this._runUserDefinedCallable$1$4($arguments, mixin, nodeWithSpanWithoutContent, new A._EvaluateVisitor__applyMixin_closure0(_this, contentCallable, mixin, nodeWithSpanWithoutContent), type$.Null);
+          break $label0$0;
+        }
+        throw A.wrapException(A.UnsupportedError$("Unknown callable type " + mixin.toString$0(0) + "."));
+      }
+    },
+    visitIncludeRule$1(_, node) {
+      var _this = this,
+        mixin = _this._addExceptionSpan$2(node, new A._EvaluateVisitor_visitIncludeRule_closure(_this, node));
+      if (B.JSString_methods.startsWith$1(node.originalName, "--") && mixin instanceof A.UserDefinedCallable && !B.JSString_methods.startsWith$1(mixin.declaration.originalName, "--"))
+        _this._warn$3(string$.Sass__m, node.get$nameSpan(), B.Deprecation_Sqp);
+      _this._applyMixin$5(mixin, A.NullableExtension_andThen(node.content, new A._EvaluateVisitor_visitIncludeRule_closure0(_this)), node.$arguments, node, new A._FakeAstNode(new A._EvaluateVisitor_visitIncludeRule_closure1(node)));
+      return null;
+    },
+    visitMixinRule$1(_, node) {
+      var t1 = this._environment,
+        t2 = t1.closure$0(),
+        t3 = this._inDependency,
+        t4 = t1._mixins,
+        index = t4.length - 1,
+        t5 = node.name;
+      t1._mixinIndices.$indexSet(0, t5, index);
+      t4[index].$indexSet(0, t5, new A.UserDefinedCallable(node, t2, t3, type$.UserDefinedCallable_Environment));
+      return null;
+    },
+    visitLoudComment$1(_, node) {
+      var t1, text, _this = this,
+        _s8_ = "__parent",
+        _s13_ = "_endOfImports";
+      if (_this._inFunction)
+        return null;
+      if (_this._assertInModule$2(_this.__parent, _s8_) === _this._assertInModule$2(_this.__root, "_root") && _this._assertInModule$2(_this.__endOfImports, _s13_) === J.get$length$asx(_this._assertInModule$2(_this.__root, "_root").children._collection$_source))
+        _this.__endOfImports = _this._assertInModule$2(_this.__endOfImports, _s13_) + 1;
+      t1 = node.text;
+      text = _this._performInterpolation$1(t1);
+      if (!B.JSString_methods.endsWith$1(text, "*/"))
+        text += " */";
+      _this._copyParentAfterSibling$0();
+      _this._assertInModule$2(_this.__parent, _s8_).addChild$1(new A.ModifiableCssComment(text, t1.span));
+      return null;
+    },
+    visitMediaRule$1(_, node) {
+      var _0_0, queries, mergedQueries, t1, mergedSources, t2, t3, _this = this;
+      if (_this._declarationName != null)
+        throw A.wrapException(_this._evaluate$_exception$2(string$.Media_, node.span));
+      _0_0 = _this._performInterpolationWithMap$2$warnForColor(node.query, true);
+      queries = new A.MediaQueryParser(A.SpanScanner$(_0_0._0, null), _0_0._1).parse$0(0);
+      mergedQueries = A.NullableExtension_andThen(_this._mediaQueries, new A._EvaluateVisitor_visitMediaRule_closure(_this, queries));
+      t1 = mergedQueries == null;
+      if (!t1 && J.get$isEmpty$asx(mergedQueries))
+        return null;
+      if (t1)
+        mergedSources = B.Set_empty2;
+      else {
+        t2 = _this._mediaQuerySources;
+        t2.toString;
+        t2 = A.LinkedHashSet_LinkedHashSet$of(t2, type$.CssMediaQuery);
+        t3 = _this._mediaQueries;
+        t3.toString;
+        t2.addAll$1(0, t3);
+        t2.addAll$1(0, queries);
+        mergedSources = t2;
+      }
+      t1 = t1 ? queries : mergedQueries;
+      _this._withParent$2$4$scopeWhen$through(A.ModifiableCssMediaRule$(t1, node.span), new A._EvaluateVisitor_visitMediaRule_closure0(_this, mergedQueries, queries, mergedSources, node), node.hasDeclarations, new A._EvaluateVisitor_visitMediaRule_closure1(mergedSources), type$.ModifiableCssMediaRule, type$.Null);
+      return null;
+    },
+    _mergeMediaQueries$2(queries1, queries2) {
+      var t1, t2, t3, t4, _0_0, t5, result,
+        queries = A._setArrayType([], type$.JSArray_CssMediaQuery);
+      for (t1 = J.get$iterator$ax(queries1), t2 = J.getInterceptor$ax(queries2); t1.moveNext$0();) {
+        t3 = t1.get$current(t1);
+        for (t4 = t2.get$iterator(queries2); t4.moveNext$0();) {
+          _0_0 = t3.merge$1(t4.get$current(t4));
+          if (B._SingletonCssMediaQueryMergeResult_0 === _0_0)
+            continue;
+          if (B._SingletonCssMediaQueryMergeResult_1 === _0_0)
+            return null;
+          t5 = _0_0 instanceof A.MediaQuerySuccessfulMergeResult;
+          result = t5 ? _0_0 : null;
+          if (t5)
+            queries.push(result.query);
+        }
+      }
+      return queries;
+    },
+    visitReturnRule$1(_, node) {
+      var t1 = node.expression;
+      return this._withoutSlash$2(t1.accept$1(this), t1);
+    },
+    visitSilentComment$1(_, node) {
+      return null;
+    },
+    visitStyleRule$1(_, node) {
+      var t1, _0_0, selectorText, selectorMap, parsedSelector, _1_0, t2, t3, _i, _2_0, first, t4, rule, oldAtRootExcludingStyleRule, _this = this, _null = null,
+        _s8_ = "__parent",
+        _s11_ = "_stylesheet";
+      if (_this._declarationName != null)
+        throw A.wrapException(_this._evaluate$_exception$2(string$.Style_n, node.span));
+      else if (_this._inKeyframes && _this._assertInModule$2(_this.__parent, _s8_) instanceof A.ModifiableCssKeyframeBlock)
+        throw A.wrapException(_this._evaluate$_exception$2(string$.Style_k, node.span));
+      t1 = node.selector;
+      _0_0 = _this._performInterpolationWithMap$2$warnForColor(t1, true);
+      selectorText = _0_0._0;
+      selectorMap = _0_0._1;
+      if (_this._inKeyframes) {
+        _this._withParent$2$4$scopeWhen$through(A.ModifiableCssKeyframeBlock$(new A.CssValue(A.List_List$unmodifiable(new A.KeyframeSelectorParser(A.SpanScanner$(selectorText, _null), selectorMap).parse$0(0), type$.String), t1.span, type$.CssValue_List_String), node.span), new A._EvaluateVisitor_visitStyleRule_closure(_this, node), node.hasDeclarations, new A._EvaluateVisitor_visitStyleRule_closure0(), type$.ModifiableCssKeyframeBlock, type$.Null);
+        return _null;
+      }
+      parsedSelector = A.SelectorList_SelectorList$parse(selectorText, true, selectorMap, _this._assertInModule$2(_this.__stylesheet, _s11_).plainCss);
+      _1_0 = _this._atRootExcludingStyleRule ? _null : _this._styleRuleIgnoringAtRoot;
+      $label0$0: {
+        if (_1_0 == null) {
+          t1 = true;
+          break $label0$0;
+        }
+        if (_1_0.fromPlainCss) {
+          t1 = false;
+          break $label0$0;
+        }
+        t1 = !(_this._assertInModule$2(_this.__stylesheet, _s11_).plainCss && parsedSelector.accept$1(B.C__ContainsParentSelectorVisitor));
+        break $label0$0;
+      }
+      if (t1) {
+        if (_this._assertInModule$2(_this.__stylesheet, _s11_).plainCss)
+          for (t2 = parsedSelector.components, t3 = t2.length, _i = 0; _i < t3; ++_i) {
+            _2_0 = t2[_i].leadingCombinators;
+            if (_2_0.length >= 1) {
+              first = _2_0[0];
+              t4 = _this._assertInModule$2(_this.__stylesheet, _s11_).plainCss;
+            } else {
+              first = _null;
+              t4 = false;
+            }
+            if (t4)
+              throw A.wrapException(_this._evaluate$_exception$2(string$.Top_lel, first.span));
+          }
+        t2 = _this._styleRuleIgnoringAtRoot;
+        t2 = t2 == null ? _null : t2.originalSelector;
+        parsedSelector = parsedSelector.nestWithin$3$implicitParent$preserveParentSelectors(t2, !_this._atRootExcludingStyleRule, _this._assertInModule$2(_this.__stylesheet, _s11_).plainCss);
+      }
+      rule = A.ModifiableCssStyleRule$(_this._assertInModule$2(_this.__extensionStore, "_extensionStore").addSelector$2(parsedSelector, _this._mediaQueries), node.span, _this._assertInModule$2(_this.__stylesheet, _s11_).plainCss, parsedSelector);
+      oldAtRootExcludingStyleRule = _this._atRootExcludingStyleRule;
+      t2 = _this._atRootExcludingStyleRule = false;
+      t1 = t1 ? new A._EvaluateVisitor_visitStyleRule_closure1() : _null;
+      _this._withParent$2$4$scopeWhen$through(rule, new A._EvaluateVisitor_visitStyleRule_closure2(_this, rule, node), node.hasDeclarations, t1, type$.ModifiableCssStyleRule, type$.Null);
+      _this._atRootExcludingStyleRule = oldAtRootExcludingStyleRule;
+      _this._warnForBogusCombinators$1(rule);
+      if ((_this._atRootExcludingStyleRule ? _null : _this._styleRuleIgnoringAtRoot) == null) {
+        t1 = _this._assertInModule$2(_this.__parent, _s8_).children;
+        t1 = !t1.get$isEmpty(t1);
+      } else
+        t1 = t2;
+      if (t1) {
+        t1 = _this._assertInModule$2(_this.__parent, _s8_).children;
+        t1.get$last(t1).isGroupEnd = true;
+      }
+      return _null;
+    },
+    _warnForBogusCombinators$1(rule) {
+      var t1, t2, t3, t4, t5, _i, complex, visitor, t6, t7, t8, t9, _this = this, _null = null;
+      if (!rule.accept$1(B._IsInvisibleVisitor_false_false))
+        for (t1 = rule._style_rule$_selector._box$_inner.value.components, t2 = t1.length, t3 = type$.SourceSpan, t4 = type$.String, t5 = rule.children, _i = 0; _i < t2; ++_i) {
+          complex = t1[_i];
+          if (!complex.accept$1(B._IsBogusVisitor_true))
+            continue;
+          if (complex.accept$1(B.C__IsUselessVisitor)) {
+            visitor = A._SerializeVisitor$(_null, true, _null, _null, true, false, _null, true);
+            complex.accept$1(visitor);
+            _this._warn$3('The selector "' + B.JSString_methods.trim$0(visitor._serialize$_buffer.toString$0(0)) + string$.x22x20is_ix20, A.SpanExtensions_trimRight(complex.span), B.Deprecation_OUI);
+          } else if (complex.leadingCombinators.length !== 0) {
+            if (!_this._assertInModule$2(_this.__stylesheet, "_stylesheet").plainCss) {
+              visitor = A._SerializeVisitor$(_null, true, _null, _null, true, false, _null, true);
+              complex.accept$1(visitor);
+              _this._warn$3('The selector "' + B.JSString_methods.trim$0(visitor._serialize$_buffer.toString$0(0)) + string$.x22x20is_ix0a, A.SpanExtensions_trimRight(complex.span), B.Deprecation_OUI);
+            }
+          } else {
+            visitor = A._SerializeVisitor$(_null, true, _null, _null, true, false, _null, true);
+            complex.accept$1(visitor);
+            t6 = B.JSString_methods.trim$0(visitor._serialize$_buffer.toString$0(0));
+            t7 = complex.accept$1(B._IsBogusVisitor_false) ? string$.x20It_wi : "";
+            t8 = A.SpanExtensions_trimRight(complex.span);
+            if (t5.get$length(0) === 0)
+              A.throwExpression(A.IterableElementError_noElement());
+            t9 = J.get$span$z(t5.$index(0, 0));
+            _this._warn$3('The selector "' + t6 + string$.x22x20is_o + t7 + string$.x0aThis_, new A.MultiSpan(t8, "invalid selector", A.ConstantMap_ConstantMap$from(A.LinkedHashMap_LinkedHashMap$_literal([t9, "this is not a style rule" + (t5.every$1(t5, new A._EvaluateVisitor__warnForBogusCombinators_closure()) ? "\n(try converting to a //-style comment)" : "")], t3, t4), t3, t4)), B.Deprecation_OUI);
+          }
+        }
+    },
+    visitSupportsRule$1(_, node) {
+      var t1, _this = this;
+      if (_this._declarationName != null)
+        throw A.wrapException(_this._evaluate$_exception$2(string$.Suppor, node.span));
+      t1 = node.condition;
+      _this._withParent$2$4$scopeWhen$through(A.ModifiableCssSupportsRule$(new A.CssValue(_this._visitSupportsCondition$1(t1), t1.get$span(t1), type$.CssValue_String), node.span), new A._EvaluateVisitor_visitSupportsRule_closure(_this, node), node.hasDeclarations, new A._EvaluateVisitor_visitSupportsRule_closure0(), type$.ModifiableCssSupportsRule, type$.Null);
+      return null;
+    },
+    _visitSupportsCondition$1(condition) {
+      var t1, _this = this;
+      $label0$0: {
+        if (condition instanceof A.SupportsOperation) {
+          t1 = condition.operator;
+          t1 = _this._evaluate$_parenthesize$2(condition.left, t1) + " " + t1 + " " + _this._evaluate$_parenthesize$2(condition.right, t1);
+          break $label0$0;
+        }
+        if (condition instanceof A.SupportsNegation) {
+          t1 = "not " + _this._evaluate$_parenthesize$1(condition.condition);
+          break $label0$0;
+        }
+        if (condition instanceof A.SupportsInterpolation) {
+          t1 = condition.expression;
+          t1 = _this._evaluate$_serialize$3$quote(t1.accept$1(_this), t1, false);
+          break $label0$0;
+        }
+        t1 = {};
+        t1.declaration = null;
+        if (condition instanceof A.SupportsDeclaration) {
+          t1.declaration = condition;
+          t1 = _this._withSupportsDeclaration$1(new A._EvaluateVisitor__visitSupportsCondition_closure(t1, _this));
+          break $label0$0;
+        }
+        if (condition instanceof A.SupportsFunction) {
+          t1 = _this._performInterpolation$1(condition.name) + "(" + _this._performInterpolation$1(condition.$arguments) + ")";
+          break $label0$0;
+        }
+        if (condition instanceof A.SupportsAnything) {
+          t1 = "(" + _this._performInterpolation$1(condition.contents) + ")";
+          break $label0$0;
+        }
+        t1 = A.throwExpression(A.ArgumentError$("Unknown supports condition type " + A.getRuntimeTypeOfDartObject(condition).toString$0(0) + ".", null));
+      }
+      return t1;
+    },
+    _withSupportsDeclaration$1$1(callback) {
+      var t1,
+        oldInSupportsDeclaration = this._inSupportsDeclaration;
+      this._inSupportsDeclaration = true;
+      try {
+        t1 = callback.call$0();
+        return t1;
+      } finally {
+        this._inSupportsDeclaration = oldInSupportsDeclaration;
+      }
+    },
+    _withSupportsDeclaration$1(callback) {
+      return this._withSupportsDeclaration$1$1(callback, type$.dynamic);
+    },
+    _evaluate$_parenthesize$2(condition, operator) {
+      var t1;
+      if (!(condition instanceof A.SupportsNegation))
+        if (condition instanceof A.SupportsOperation)
+          t1 = operator == null || operator !== condition.operator;
+        else
+          t1 = false;
+      else
+        t1 = true;
+      if (t1)
+        return "(" + this._visitSupportsCondition$1(condition) + ")";
+      return this._visitSupportsCondition$1(condition);
+    },
+    _evaluate$_parenthesize$1(condition) {
+      return this._evaluate$_parenthesize$2(condition, null);
+    },
+    visitVariableDeclaration$1(_, node) {
+      var t1, t2, _0_0, value, _this = this, _null = null;
+      if (node.isGuarded) {
+        if (node.namespace == null && _this._environment._variables.length === 1) {
+          t1 = node.name;
+          _this._environment._configurableVariables.add$1(0, t1);
+          t2 = _this._configuration._configuration$_values;
+          _0_0 = t2.get$isEmpty(t2) ? _null : t2.remove$1(0, t1);
+          t1 = {};
+          t1.override = null;
+          if (_0_0 != null) {
+            t1.override = _0_0;
+            t2 = !_0_0.value.$eq(0, B.C__SassNull);
+          } else
+            t2 = false;
+          if (t2) {
+            _this._addExceptionSpan$2(node, new A._EvaluateVisitor_visitVariableDeclaration_closure(t1, _this, node));
+            return _null;
+          }
+        }
+        value = _this._addExceptionSpan$2(node, new A._EvaluateVisitor_visitVariableDeclaration_closure0(_this, node));
+        if (value != null && !value.$eq(0, B.C__SassNull))
+          return _null;
+      }
+      if (node.isGlobal && !_this._environment.globalVariableExists$1(node.name)) {
+        t1 = _this._environment._variables.length === 1 ? string$.As_of_S : string$.As_of_R + A.declarationName(node.span) + ": null` at the stylesheet root.";
+        _this._warn$3(t1, node.span, B.Deprecation_lZ1);
+      }
+      t1 = node.expression;
+      _this._addExceptionSpan$2(node, new A._EvaluateVisitor_visitVariableDeclaration_closure1(_this, node, _this._withoutSlash$2(t1.accept$1(_this), t1)));
+      return _null;
+    },
+    visitUseRule$1(_, node) {
+      var values, _i, variable, t3, variableNodeWithSpan, configuration, _this = this,
+        t1 = node.configuration,
+        t2 = t1.length;
+      if (t2 !== 0) {
+        values = A.LinkedHashMap_LinkedHashMap$_empty(type$.String, type$.ConfiguredValue);
+        for (_i = 0; _i < t2; ++_i) {
+          variable = t1[_i];
+          t3 = variable.expression;
+          variableNodeWithSpan = _this._expressionNode$1(t3);
+          values.$indexSet(0, variable.name, new A.ConfiguredValue(_this._withoutSlash$2(t3.accept$1(_this), variableNodeWithSpan), variable.span, variableNodeWithSpan));
+        }
+        configuration = new A.ExplicitConfiguration(node, values, null);
+      } else
+        configuration = B.Configuration_Map_empty_null;
+      _this._loadModule$5$configuration(node.url, "@use", node, new A._EvaluateVisitor_visitUseRule_closure(_this, node), configuration);
+      _this._assertConfigurationIsEmpty$1(configuration);
+      return null;
+    },
+    visitWarnRule$1(_, node) {
+      var _this = this,
+        value = _this._addExceptionSpan$2(node, new A._EvaluateVisitor_visitWarnRule_closure(_this, node)),
+        t1 = value instanceof A.SassString ? value._string$_text : _this._evaluate$_serialize$2(value, node.expression),
+        t2 = _this._evaluate$_stackTrace$1(node.span);
+      _this._logger.internalWarn$4$deprecation$span$trace(t1, null, null, t2);
+      return null;
+    },
+    visitWhileRule$1(_, node) {
+      return this._environment.scope$1$3$semiGlobal$when(new A._EvaluateVisitor_visitWhileRule_closure(this, node), true, node.hasDeclarations, type$.nullable_Value);
+    },
+    visitBinaryOperationExpression$1(_, node) {
+      var t1, _this = this;
+      if (_this._assertInModule$2(_this.__stylesheet, "_stylesheet").plainCss) {
+        t1 = node.operator;
+        t1 = t1 !== B.BinaryOperator_Kyq && t1 !== B.BinaryOperator_Mh5;
+      } else
+        t1 = false;
+      if (t1)
+        throw A.wrapException(_this._evaluate$_exception$2("Operators aren't allowed in plain CSS.", node.get$operatorSpan()));
+      return _this._addExceptionSpan$2(node, new A._EvaluateVisitor_visitBinaryOperationExpression_closure(_this, node));
+    },
+    _slash$3(left, right, node) {
+      var left0, _1_2,
+        result = left.dividedBy$1(right),
+        _1_2_isSet = left instanceof A.SassNumber,
+        right0 = null,
+        t1 = false;
+      if (_1_2_isSet) {
+        if (right instanceof A.SassNumber) {
+          t1 = node.allowsSlash && this._operandAllowsSlash$1(node.left) && this._operandAllowsSlash$1(node.right);
+          right0 = right;
+        }
+        left0 = left;
+        _1_2 = right;
+      } else {
+        _1_2 = null;
+        left0 = null;
+      }
+      if (t1)
+        return type$.SassNumber._as(result).withSlash$2(left0, right0);
+      if (left instanceof A.SassNumber)
+        t1 = (_1_2_isSet ? _1_2 : right) instanceof A.SassNumber;
+      else
+        t1 = false;
+      if (t1) {
+        this._warn$3(string$.Using__o + A.S(new A._EvaluateVisitor__slash_recommendation().call$1(node)) + " or " + A.expressionToCalc(node).toString$0(0) + string$.x0a_Morex20, node.get$span(0), B.Deprecation_wha);
+        return result;
+      }
+      return result;
+    },
+    _operandAllowsSlash$1(node) {
+      var t1;
+      if (node instanceof A.FunctionExpression)
+        if (node.namespace == null) {
+          t1 = node.name;
+          t1 = B.Set_Pr3yj.contains$1(0, t1.toLowerCase()) && this._environment.getFunction$1(t1) == null;
+        } else
+          t1 = false;
+      else
+        t1 = true;
+      return t1;
+    },
+    visitValueExpression$1(_, node) {
+      return node.value;
+    },
+    visitVariableExpression$1(_, node) {
+      var result = this._addExceptionSpan$2(node, new A._EvaluateVisitor_visitVariableExpression_closure(this, node));
+      if (result != null)
+        return result;
+      throw A.wrapException(this._evaluate$_exception$2("Undefined variable.", node.span));
+    },
+    visitUnaryOperationExpression$1(_, node) {
+      return this._addExceptionSpan$2(node, new A._EvaluateVisitor_visitUnaryOperationExpression_closure(node, node.operand.accept$1(this)));
+    },
+    visitBooleanExpression$1(_, node) {
+      return node.value ? B.SassBoolean_true : B.SassBoolean_false;
+    },
+    visitIfExpression$1(_, node) {
+      var condition, t1, ifTrue, ifFalse, result, _this = this,
+        _0_0 = _this._evaluateMacroArguments$1(node),
+        positional = _0_0._0,
+        named = _0_0._1;
+      _this._verifyArguments$4(positional.length, named, $.$get$IfExpression_declaration(), node);
+      condition = A.ListExtensions_elementAtOrNull(positional, 0);
+      if (condition == null) {
+        t1 = named.$index(0, "condition");
+        t1.toString;
+        condition = t1;
+      }
+      ifTrue = A.ListExtensions_elementAtOrNull(positional, 1);
+      if (ifTrue == null) {
+        t1 = named.$index(0, "if-true");
+        t1.toString;
+        ifTrue = t1;
+      }
+      ifFalse = A.ListExtensions_elementAtOrNull(positional, 2);
+      if (ifFalse == null) {
+        t1 = named.$index(0, "if-false");
+        t1.toString;
+        ifFalse = t1;
+      }
+      result = condition.accept$1(_this).get$isTruthy() ? ifTrue : ifFalse;
+      return _this._withoutSlash$2(result.accept$1(_this), _this._expressionNode$1(result));
+    },
+    visitNullExpression$1(_, node) {
+      return B.C__SassNull;
+    },
+    visitNumberExpression$1(_, node) {
+      return A.SassNumber_SassNumber(node.value, node.unit);
+    },
+    visitParenthesizedExpression$1(_, node) {
+      var _this = this;
+      return _this._assertInModule$2(_this.__stylesheet, "_stylesheet").plainCss ? A.throwExpression(_this._evaluate$_exception$2("Parentheses aren't allowed in plain CSS.", node.span)) : node.expression.accept$1(_this);
+    },
+    visitColorExpression$1(_, node) {
+      return node.value;
+    },
+    visitListExpression$1(_, node) {
+      var t1 = node.contents;
+      return A.SassList$(new A.MappedListIterable(t1, new A._EvaluateVisitor_visitListExpression_closure(this), A._arrayInstanceType(t1)._eval$1("MappedListIterable<1,Value>")), node.separator, node.hasBrackets);
+    },
+    visitMapExpression$1(_, node) {
+      var t2, t3, _i, t4, key, keyValue, valueValue, oldValueSpan,
+        t1 = type$.Value,
+        map = A.LinkedHashMap_LinkedHashMap$_empty(t1, t1),
+        keyNodes = A.LinkedHashMap_LinkedHashMap$_empty(t1, type$.AstNode);
+      for (t2 = node.pairs, t3 = t2.length, _i = 0; _i < t3; ++_i) {
+        t4 = t2[_i];
+        key = t4._0;
+        keyValue = key.accept$1(this);
+        valueValue = t4._1.accept$1(this);
+        if (map.containsKey$1(keyValue)) {
+          t1 = keyNodes.$index(0, keyValue);
+          oldValueSpan = t1 == null ? null : t1.get$span(t1);
+          t1 = key.get$span(key);
+          t2 = A.LinkedHashMap_LinkedHashMap$_empty(type$.FileSpan, type$.String);
+          if (oldValueSpan != null)
+            t2.$indexSet(0, oldValueSpan, "first key");
+          throw A.wrapException(A.MultiSpanSassRuntimeException$("Duplicate key.", t1, "second key", t2, this._evaluate$_stackTrace$1(key.get$span(key)), null));
+        }
+        map.$indexSet(0, keyValue, valueValue);
+        keyNodes.$indexSet(0, keyValue, key);
+      }
+      return new A.SassMap(A.ConstantMap_ConstantMap$from(map, t1, t1));
+    },
+    visitFunctionExpression$1(_, node) {
+      var t2, _0_0, t3, t4, $name, oldInFunction, result, _this = this,
+        _s11_ = "_stylesheet",
+        t1 = {},
+        $function = _this._assertInModule$2(_this.__stylesheet, _s11_).plainCss ? null : _this._addExceptionSpan$2(node, new A._EvaluateVisitor_visitFunctionExpression_closure(_this, node));
+      t1.$function = $function;
+      if ($function == null) {
+        if (node.namespace != null)
+          throw A.wrapException(_this._evaluate$_exception$2("Undefined function.", node.span));
+        t2 = node.name;
+        _0_0 = t2.toLowerCase();
+        t3 = false;
+        if ("min" === _0_0 || "max" === _0_0 || "round" === _0_0 || "abs" === _0_0) {
+          t3 = node.$arguments;
+          t4 = t3.named;
+          t3 = t4.get$isEmpty(t4) && t3.rest == null && B.JSArray_methods.every$1(t3.positional, new A._EvaluateVisitor_visitFunctionExpression_closure0());
+          $name = _0_0;
+        } else
+          $name = null;
+        if (t3)
+          return _this._visitCalculation$2$inLegacySassFunction(node, $name);
+        if ("calc" === _0_0 || "clamp" === _0_0 || "hypot" === _0_0 || "sin" === _0_0 || "cos" === _0_0 || "tan" === _0_0 || "asin" === _0_0 || "acos" === _0_0 || "atan" === _0_0 || "sqrt" === _0_0 || "exp" === _0_0 || "sign" === _0_0 || "mod" === _0_0 || "rem" === _0_0 || "atan2" === _0_0 || "pow" === _0_0 || "log" === _0_0 || "calc-size" === _0_0)
+          return _this._visitCalculation$1(node);
+        $function = _this._assertInModule$2(_this.__stylesheet, _s11_).plainCss ? null : _this._builtInFunctions.$index(0, t2);
+        t2 = t1.$function = $function == null ? new A.PlainCssCallable(node.originalName) : $function;
+      } else
+        t2 = $function;
+      if (B.JSString_methods.startsWith$1(node.originalName, "--") && t2 instanceof A.UserDefinedCallable && !B.JSString_methods.startsWith$1(t2.declaration.originalName, "--"))
+        _this._warn$3(string$.Sass__f, node.get$nameSpan(), B.Deprecation_Sqp);
+      oldInFunction = _this._inFunction;
+      _this._inFunction = true;
+      result = _this._addErrorSpan$2(node, new A._EvaluateVisitor_visitFunctionExpression_closure1(t1, _this, node));
+      _this._inFunction = oldInFunction;
+      return result;
+    },
+    _visitCalculation$2$inLegacySassFunction(node, inLegacySassFunction) {
+      var $arguments, oldCallableNode, t1, _0_0, error, stackTrace, t4, _i, exception, _this = this,
+        t2 = node.$arguments,
+        t3 = t2.named;
+      if (t3.get$isNotEmpty(t3))
+        throw A.wrapException(_this._evaluate$_exception$2(string$.Keywor, node.span));
+      else if (t2.rest != null)
+        throw A.wrapException(_this._evaluate$_exception$2(string$.Rest_a, node.span));
+      _this._checkCalculationArguments$1(node);
+      t3 = A._setArrayType([], type$.JSArray_Object);
+      for (t2 = t2.positional, t4 = t2.length, _i = 0; _i < t4; ++_i)
+        t3.push(_this._visitCalculationExpression$2$inLegacySassFunction(t2[_i], inLegacySassFunction));
+      $arguments = t3;
+      if (_this._inSupportsDeclaration)
+        return new A.SassCalculation(node.name, A.List_List$unmodifiable($arguments, type$.Object));
+      oldCallableNode = _this._callableNode;
+      _this._callableNode = node;
+      try {
+        t1 = null;
+        t3 = node.name;
+        _0_0 = t3.toLowerCase();
+        $label0$0: {
+          if ("calc" === _0_0) {
+            t1 = A.SassCalculation_calc(J.$index$asx($arguments, 0));
+            break $label0$0;
+          }
+          if ("sqrt" === _0_0) {
+            t1 = A.SassCalculation__singleArgument("sqrt", J.$index$asx($arguments, 0), A.number0__sqrt$closure(), true);
+            break $label0$0;
+          }
+          if ("sin" === _0_0) {
+            t1 = A.SassCalculation__singleArgument("sin", J.$index$asx($arguments, 0), A.number0__sin$closure(), false);
+            break $label0$0;
+          }
+          if ("cos" === _0_0) {
+            t1 = A.SassCalculation__singleArgument("cos", J.$index$asx($arguments, 0), A.number0__cos$closure(), false);
+            break $label0$0;
+          }
+          if ("tan" === _0_0) {
+            t1 = A.SassCalculation__singleArgument("tan", J.$index$asx($arguments, 0), A.number0__tan$closure(), false);
+            break $label0$0;
+          }
+          if ("asin" === _0_0) {
+            t1 = A.SassCalculation__singleArgument("asin", J.$index$asx($arguments, 0), A.number0__asin$closure(), true);
+            break $label0$0;
+          }
+          if ("acos" === _0_0) {
+            t1 = A.SassCalculation__singleArgument("acos", J.$index$asx($arguments, 0), A.number0__acos$closure(), true);
+            break $label0$0;
+          }
+          if ("atan" === _0_0) {
+            t1 = A.SassCalculation__singleArgument("atan", J.$index$asx($arguments, 0), A.number0__atan$closure(), true);
+            break $label0$0;
+          }
+          if ("abs" === _0_0) {
+            t1 = A.SassCalculation_abs(J.$index$asx($arguments, 0));
+            break $label0$0;
+          }
+          if ("exp" === _0_0) {
+            t1 = A.SassCalculation_exp(J.$index$asx($arguments, 0));
+            break $label0$0;
+          }
+          if ("sign" === _0_0) {
+            t1 = A.SassCalculation_sign(J.$index$asx($arguments, 0));
+            break $label0$0;
+          }
+          if ("min" === _0_0) {
+            t1 = A.SassCalculation_min($arguments);
+            break $label0$0;
+          }
+          if ("max" === _0_0) {
+            t1 = A.SassCalculation_max($arguments);
+            break $label0$0;
+          }
+          if ("hypot" === _0_0) {
+            t1 = A.SassCalculation_hypot($arguments);
+            break $label0$0;
+          }
+          if ("pow" === _0_0) {
+            t1 = A.SassCalculation_pow(J.$index$asx($arguments, 0), A.ListExtensions_elementAtOrNull($arguments, 1));
+            break $label0$0;
+          }
+          if ("atan2" === _0_0) {
+            t1 = A.SassCalculation_atan2(J.$index$asx($arguments, 0), A.ListExtensions_elementAtOrNull($arguments, 1));
+            break $label0$0;
+          }
+          if ("log" === _0_0) {
+            t1 = A.SassCalculation_log(J.$index$asx($arguments, 0), A.ListExtensions_elementAtOrNull($arguments, 1));
+            break $label0$0;
+          }
+          if ("mod" === _0_0) {
+            t1 = A.SassCalculation_mod(J.$index$asx($arguments, 0), A.ListExtensions_elementAtOrNull($arguments, 1));
+            break $label0$0;
+          }
+          if ("rem" === _0_0) {
+            t1 = A.SassCalculation_rem(J.$index$asx($arguments, 0), A.ListExtensions_elementAtOrNull($arguments, 1));
+            break $label0$0;
+          }
+          if ("round" === _0_0) {
+            t1 = A.SassCalculation_roundInternal(J.$index$asx($arguments, 0), A.ListExtensions_elementAtOrNull($arguments, 1), A.ListExtensions_elementAtOrNull($arguments, 2), inLegacySassFunction, node.span, new A._EvaluateVisitor__visitCalculation_closure(_this, node));
+            break $label0$0;
+          }
+          if ("clamp" === _0_0) {
+            t1 = A.SassCalculation_clamp(J.$index$asx($arguments, 0), A.ListExtensions_elementAtOrNull($arguments, 1), A.ListExtensions_elementAtOrNull($arguments, 2));
+            break $label0$0;
+          }
+          if ("calc-size" === _0_0) {
+            t1 = A.SassCalculation_calcSize(J.$index$asx($arguments, 0), A.ListExtensions_elementAtOrNull($arguments, 1));
+            break $label0$0;
+          }
+          t3 = A.UnsupportedError$('Unknown calculation name "' + t3 + '".');
+          t1 = A.throwExpression(t3);
+        }
+        t1 = t1;
+        return t1;
+      } catch (exception) {
+        t1 = A.unwrapException(exception);
+        if (t1 instanceof A.SassScriptException) {
+          error = t1;
+          stackTrace = A.getTraceFromException(exception);
+          if (B.JSString_methods.contains$1(error.message, "compatible"))
+            _this._verifyCompatibleNumbers$2($arguments, t2);
+          A.throwWithTrace(_this._evaluate$_exception$2(error.message, node.span), error, stackTrace);
+        } else
+          throw exception;
+      } finally {
+        _this._callableNode = oldCallableNode;
+      }
+    },
+    _visitCalculation$1(node) {
+      return this._visitCalculation$2$inLegacySassFunction(node, null);
+    },
+    _checkCalculationArguments$1(node) {
+      var t1, _0_0,
+        check = new A._EvaluateVisitor__checkCalculationArguments_check(this, node);
+      $label0$0: {
+        t1 = node.name;
+        _0_0 = t1.toLowerCase();
+        if ("calc" === _0_0 || "sqrt" === _0_0 || "sin" === _0_0 || "cos" === _0_0 || "tan" === _0_0 || "asin" === _0_0 || "acos" === _0_0 || "atan" === _0_0 || "abs" === _0_0 || "exp" === _0_0 || "sign" === _0_0) {
+          check.call$1(1);
+          break $label0$0;
+        }
+        if ("min" === _0_0 || "max" === _0_0 || "hypot" === _0_0) {
+          check.call$0();
+          break $label0$0;
+        }
+        if ("pow" === _0_0 || "atan2" === _0_0 || "log" === _0_0 || "mod" === _0_0 || "rem" === _0_0 || "calc-size" === _0_0) {
+          check.call$1(2);
+          break $label0$0;
+        }
+        if ("round" === _0_0 || "clamp" === _0_0) {
+          check.call$1(3);
+          break $label0$0;
+        }
+        throw A.wrapException(A.UnsupportedError$('Unknown calculation name "' + t1 + '".'));
+      }
+    },
+    _verifyCompatibleNumbers$2(args, nodesWithSpans) {
+      var i, t1, _0_0, arg, t2, number1, j, number2, t3, t4, t5, t6;
+      for (i = 0; t1 = args.length, i < t1; ++i) {
+        _0_0 = args[i];
+        if (_0_0 instanceof A.SassNumber) {
+          t1 = _0_0.get$hasComplexUnits();
+          arg = _0_0;
+        } else {
+          arg = null;
+          t1 = false;
+        }
+        if (t1) {
+          t1 = A.S(arg);
+          t2 = nodesWithSpans[i];
+          throw A.wrapException(this._evaluate$_exception$2("Number " + t1 + " isn't compatible with CSS calculations.", t2.get$span(t2)));
+        }
+      }
+      for (i = 0; i < t1 - 1; ++i) {
+        number1 = args[i];
+        if (!(number1 instanceof A.SassNumber))
+          continue;
+        for (j = i + 1; t1 = args.length, j < t1; ++j) {
+          number2 = args[j];
+          if (!(number2 instanceof A.SassNumber))
+            continue;
+          if (number1.hasPossiblyCompatibleUnits$1(number2))
+            continue;
+          t1 = number1.toString$0(0);
+          t2 = number2.toString$0(0);
+          t3 = nodesWithSpans[i];
+          t3 = t3.get$span(t3);
+          t4 = number1.toString$0(0);
+          t5 = nodesWithSpans[j];
+          t5 = A.LinkedHashMap_LinkedHashMap$_literal([t5.get$span(t5), number2.toString$0(0)], type$.FileSpan, type$.String);
+          t6 = nodesWithSpans[i];
+          throw A.wrapException(A.MultiSpanSassRuntimeException$(t1 + " and " + t2 + " are incompatible.", t3, t4, t5, this._evaluate$_stackTrace$1(t6.get$span(t6)), null));
+        }
+      }
+    },
+    _visitCalculationExpression$2$inLegacySassFunction(node, inLegacySassFunction) {
+      var result, t2, _0_0, _box_0, _1_0, t3, _i, i, _this = this, _null = null,
+        t1 = node instanceof A.ParenthesizedExpression,
+        inner = t1 ? node.expression : _null;
+      if (t1) {
+        result = _this._visitCalculationExpression$2$inLegacySassFunction(inner, inLegacySassFunction);
+        return result instanceof A.SassString ? new A.SassString("(" + result._string$_text + ")", false) : result;
+      }
+      if (node instanceof A.StringExpression && node.accept$1(B.C_IsCalculationSafeVisitor)) {
+        t1 = node.text;
+        t2 = t1.get$asPlain();
+        _0_0 = t2 == null ? _null : t2.toLowerCase();
+        $label0$0: {
+          if ("pi" === _0_0) {
+            t1 = A.SassNumber_SassNumber(3.141592653589793, _null);
+            break $label0$0;
+          }
+          if ("e" === _0_0) {
+            t1 = A.SassNumber_SassNumber(2.718281828459045, _null);
+            break $label0$0;
+          }
+          if ("infinity" === _0_0) {
+            t1 = A.SassNumber_SassNumber(1 / 0, _null);
+            break $label0$0;
+          }
+          if ("-infinity" === _0_0) {
+            t1 = A.SassNumber_SassNumber(-1 / 0, _null);
+            break $label0$0;
+          }
+          if ("nan" === _0_0) {
+            t1 = A.SassNumber_SassNumber(0 / 0, _null);
+            break $label0$0;
+          }
+          t1 = new A.SassString(_this._performInterpolation$1(t1), false);
+          break $label0$0;
+        }
+        return t1;
+      }
+      _box_0 = {};
+      _box_0.right = _box_0.left = _box_0.operator = null;
+      t1 = node instanceof A.BinaryOperationExpression;
+      if (t1) {
+        _box_0.operator = node.operator;
+        _box_0.left = node.left;
+        _box_0.right = node.right;
+      }
+      if (t1) {
+        _this._checkWhitespaceAroundCalculationOperator$1(node);
+        return _this._addExceptionSpan$2(node, new A._EvaluateVisitor__visitCalculationExpression_closure(_box_0, _this, node, inLegacySassFunction));
+      }
+      if (node instanceof A.NumberExpression || node instanceof A.VariableExpression || node instanceof A.FunctionExpression || node instanceof A.IfExpression) {
+        _1_0 = node.accept$1(_this);
+        $label1$1: {
+          if (_1_0 instanceof A.SassNumber) {
+            t1 = _1_0;
+            break $label1$1;
+          }
+          if (_1_0 instanceof A.SassCalculation) {
+            t1 = _1_0;
+            break $label1$1;
+          }
+          if (_1_0 instanceof A.SassString) {
+            t1 = !_1_0._hasQuotes;
+            result = _1_0;
+          } else {
+            result = _null;
+            t1 = false;
+          }
+          if (t1) {
+            t1 = result;
+            break $label1$1;
+          }
+          t1 = A.throwExpression(_this._evaluate$_exception$2("Value " + _1_0.toString$0(0) + " can't be used in a calculation.", node.get$span(node)));
+        }
+        return t1;
+      }
+      if (node instanceof A.ListExpression && !node.hasBrackets && B.ListSeparator_qSL === node.separator && node.contents.length >= 2) {
+        t1 = A._setArrayType([], type$.JSArray_Object);
+        for (t2 = node.contents, t3 = t2.length, _i = 0; _i < t3; ++_i)
+          t1.push(_this._visitCalculationExpression$2$inLegacySassFunction(t2[_i], inLegacySassFunction));
+        _this._checkAdjacentCalculationValues$2(t1, node);
+        for (i = 0; i < t1.length; ++i) {
+          t3 = t1[i];
+          if (t3 instanceof A.CalculationOperation && t2[i] instanceof A.ParenthesizedExpression)
+            t1[i] = new A.SassString("(" + t3.toString$0(0) + ")", false);
+        }
+        return new A.SassString(B.JSArray_methods.join$1(t1, " "), false);
+      }
+      throw A.wrapException(_this._evaluate$_exception$2(string$.This_e, node.get$span(node)));
+    },
+    _checkWhitespaceAroundCalculationOperator$1(node) {
+      var t2, t3, t4, textBetweenOperands, first, last,
+        t1 = node.operator;
+      if (t1 !== B.BinaryOperator_Swh && t1 !== B.BinaryOperator_QG1)
+        return;
+      t1 = node.left;
+      t2 = t1.get$span(t1);
+      t2 = t2.get$file(t2);
+      t3 = node.right;
+      t4 = t3.get$span(t3);
+      if (t2 !== t4.get$file(t4))
+        return;
+      t2 = t1.get$span(t1);
+      t2 = t2.get$end(t2);
+      t4 = t3.get$span(t3);
+      if (t2.offset >= t4.get$start(t4).offset)
+        return;
+      t2 = t1.get$span(t1);
+      t2 = t2.get$file(t2);
+      t1 = t1.get$span(t1);
+      t1 = t1.get$end(t1);
+      t3 = t3.get$span(t3);
+      textBetweenOperands = A.String_String$fromCharCodes(B.NativeUint32List_methods.sublist$2(t2._decodedChars, t1.offset, t3.get$start(t3).offset), 0, null);
+      first = textBetweenOperands.charCodeAt(0);
+      last = textBetweenOperands.charCodeAt(textBetweenOperands.length - 1);
+      if (first === 32 || first === 9 || first === 10 || first === 13 || first === 12 || first === 47)
+        t1 = !(last === 32 || last === 9 || last === 10 || last === 13 || last === 12 || last === 47);
+      else
+        t1 = true;
+      if (t1)
+        throw A.wrapException(this._evaluate$_exception$2(string$.x22x2b__an, node.get$operatorSpan()));
+    },
+    _binaryOperatorToCalculationOperator$2(operator, node) {
+      var t1;
+      $label0$0: {
+        if (B.BinaryOperator_Swh === operator) {
+          t1 = B.CalculationOperator_F7i;
+          break $label0$0;
+        }
+        if (B.BinaryOperator_QG1 === operator) {
+          t1 = B.CalculationOperator_oum;
+          break $label0$0;
+        }
+        if (B.BinaryOperator_tht === operator) {
+          t1 = B.CalculationOperator_kkN;
+          break $label0$0;
+        }
+        if (B.BinaryOperator_Mh5 === operator) {
+          t1 = B.CalculationOperator_bo5;
+          break $label0$0;
+        }
+        t1 = A.throwExpression(this._evaluate$_exception$2(string$.This_o, node.get$operatorSpan()));
+      }
+      return t1;
+    },
+    _checkAdjacentCalculationValues$2(elements, node) {
+      var t1, i, t2, previous, current, previousNode, currentNode, _0_2;
+      for (t1 = elements.length, i = 1; i < t1; ++i) {
+        t2 = i - 1;
+        previous = elements[t2];
+        current = elements[i];
+        if (previous instanceof A.SassString || current instanceof A.SassString)
+          continue;
+        t1 = node.contents;
+        previousNode = t1[t2];
+        currentNode = t1[i];
+        if (currentNode instanceof A.UnaryOperationExpression) {
+          _0_2 = currentNode.operator;
+          if (B.UnaryOperator_UCP !== _0_2)
+            t1 = B.UnaryOperator_Rbl === _0_2;
+          else
+            t1 = true;
+        } else
+          t1 = false;
+        if (!t1)
+          t1 = currentNode instanceof A.NumberExpression && currentNode.value < 0;
+        else
+          t1 = true;
+        if (t1)
+          throw A.wrapException(this._evaluate$_exception$2(string$.x22x2b__an, A.FileSpanExtension_subspan(currentNode.get$span(currentNode), 0, 1)));
+        else
+          throw A.wrapException(this._evaluate$_exception$2("Missing math operator.", previousNode.get$span(previousNode).expand$1(0, currentNode.get$span(currentNode))));
+      }
+    },
+    visitInterpolatedFunctionExpression$1(_, node) {
+      var result, _this = this,
+        t1 = _this._performInterpolation$1(node.name),
+        oldInFunction = _this._inFunction;
+      _this._inFunction = true;
+      result = _this._addErrorSpan$2(node, new A._EvaluateVisitor_visitInterpolatedFunctionExpression_closure(_this, node, new A.PlainCssCallable(t1)));
+      _this._inFunction = oldInFunction;
+      return result;
+    },
+    _runUserDefinedCallable$1$4($arguments, callable, nodeWithSpan, run, $V) {
+      var oldInDependency, result, _this = this,
+        evaluated = _this._evaluateArguments$1($arguments),
+        $name = callable.declaration.name;
+      if ($name !== "@content")
+        $name += "()";
+      oldInDependency = _this._inDependency;
+      _this._inDependency = callable.inDependency;
+      result = _this._withStackFrame$3($name, nodeWithSpan, new A._EvaluateVisitor__runUserDefinedCallable_closure(_this, callable, evaluated, nodeWithSpan, run, $V));
+      _this._inDependency = oldInDependency;
+      return result;
+    },
+    _runFunctionCallable$3($arguments, callable, nodeWithSpan) {
+      var buffer, first, argument, restArg, rest, error, t1, t2, _i, t3, t4, exception, _this = this;
+      if (callable instanceof A.BuiltInCallable)
+        return _this._withoutSlash$2(_this._runBuiltInCallable$3($arguments, callable, nodeWithSpan), nodeWithSpan);
+      else if (type$.UserDefinedCallable_Environment._is(callable))
+        return _this._runUserDefinedCallable$1$4($arguments, callable, nodeWithSpan, new A._EvaluateVisitor__runFunctionCallable_closure(_this, callable), type$.Value);
+      else if (callable instanceof A.PlainCssCallable) {
+        t1 = $arguments.named;
+        if (t1.get$isNotEmpty(t1) || $arguments.keywordRest != null)
+          throw A.wrapException(_this._evaluate$_exception$2(string$.Plain_, nodeWithSpan.get$span(nodeWithSpan)));
+        buffer = new A.StringBuffer(callable.name + "(");
+        try {
+          first = true;
+          for (t1 = $arguments.positional, t2 = t1.length, _i = 0; _i < t2; ++_i) {
+            argument = t1[_i];
+            if (first)
+              first = false;
+            else
+              buffer._contents += ", ";
+            t3 = buffer;
+            t4 = argument;
+            t4 = _this._evaluate$_serialize$3$quote(t4.accept$1(_this), t4, true);
+            t3._contents += t4;
+          }
+          restArg = $arguments.rest;
+          if (restArg != null) {
+            rest = restArg.accept$1(_this);
+            if (!first)
+              buffer._contents += ", ";
+            t1 = buffer;
+            t2 = _this._evaluate$_serialize$2(rest, restArg);
+            t1._contents += t2;
+          }
+        } catch (exception) {
+          t1 = A.unwrapException(exception);
+          if (type$.SassRuntimeException._is(t1)) {
+            error = t1;
+            if (!B.JSString_methods.endsWith$1(error._span_exception$_message, "isn't a valid CSS value."))
+              throw exception;
+            throw A.wrapException(A.MultiSpanSassRuntimeException$(error._span_exception$_message, J.get$span$z(error), "value", A.LinkedHashMap_LinkedHashMap$_literal([nodeWithSpan.get$span(nodeWithSpan), "unknown function treated as plain CSS"], type$.FileSpan, type$.String), J.get$trace$z(error), null));
+          } else
+            throw exception;
+        }
+        t1 = buffer;
+        t2 = A.Primitives_stringFromCharCode(41);
+        t1._contents += t2;
+        t2 = buffer._contents;
+        return new A.SassString(t2.charCodeAt(0) == 0 ? t2 : t2, false);
+      } else
+        throw A.wrapException(A.ArgumentError$("Unknown callable type " + J.get$runtimeType$(callable).toString$0(0) + ".", null));
+    },
+    _runBuiltInCallable$3($arguments, callable, nodeWithSpan) {
+      var result, error, stackTrace, namedSet, _0_0, parameters, i, t1, parameter, t2, t3, rest, argumentList, exception, _this = this, _box_0 = {},
+        evaluated = _this._evaluateArguments$1($arguments),
+        oldCallableNode = _this._callableNode;
+      _this._callableNode = nodeWithSpan;
+      namedSet = new A.MapKeySet(evaluated._values[0], type$.MapKeySet_String);
+      _box_0.callback = _box_0.overload = null;
+      _0_0 = callable.callbackFor$2(evaluated._values[2].length, namedSet);
+      _box_0.overload = _0_0._0;
+      _box_0.callback = _0_0._1;
+      _this._addExceptionSpan$2(nodeWithSpan, new A._EvaluateVisitor__runBuiltInCallable_closure(_box_0, evaluated, namedSet));
+      parameters = _box_0.overload.parameters;
+      for (i = evaluated._values[2].length, t1 = parameters.length; i < t1; ++i) {
+        parameter = parameters[i];
+        t2 = evaluated._values[2];
+        t3 = evaluated._values[0].remove$1(0, parameter.name);
+        if (t3 == null) {
+          t3 = parameter.defaultValue;
+          t3 = _this._withoutSlash$2(t3.accept$1(_this), t3);
+        }
+        t2.push(t3);
+      }
+      if (_box_0.overload.restParameter != null) {
+        if (evaluated._values[2].length > t1) {
+          rest = B.JSArray_methods.sublist$1(evaluated._values[2], t1);
+          B.JSArray_methods.removeRange$2(evaluated._values[2], t1, evaluated._values[2].length);
+        } else
+          rest = B.List_empty8;
+        t1 = evaluated._values[0];
+        argumentList = A.SassArgumentList$(rest, t1, evaluated._values[4] === B.ListSeparator_undecided_null_undecided ? B.ListSeparator_qVN : evaluated._values[4]);
+        evaluated._values[2].push(argumentList);
+      } else
+        argumentList = null;
+      result = null;
+      try {
+        result = _this._addExceptionSpan$2(nodeWithSpan, new A._EvaluateVisitor__runBuiltInCallable_closure0(_box_0, evaluated));
+      } catch (exception) {
+        t1 = A.unwrapException(exception);
+        if (t1 instanceof A.SassException)
+          throw exception;
+        else {
+          error = t1;
+          stackTrace = A.getTraceFromException(exception);
+          A.throwWithTrace(_this._evaluate$_exception$2(_this._getErrorMessage$1(error), nodeWithSpan.get$span(nodeWithSpan)), error, stackTrace);
+        }
+      }
+      _this._callableNode = oldCallableNode;
+      if (argumentList == null)
+        return result;
+      if (evaluated._values[0].__js_helper$_length === 0)
+        return result;
+      if (argumentList._wereKeywordsAccessed)
+        return result;
+      throw A.wrapException(A.MultiSpanSassRuntimeException$("No " + A.pluralize("parameter", evaluated._values[0].get$keys(0).get$length(0), null) + " named " + A.toSentence(evaluated._values[0].get$keys(0).map$1$1(0, new A._EvaluateVisitor__runBuiltInCallable_closure1(), type$.Object), "or") + ".", nodeWithSpan.get$span(nodeWithSpan), "invocation", A.LinkedHashMap_LinkedHashMap$_literal([_box_0.overload.get$spanWithName(), "declaration"], type$.FileSpan, type$.String), _this._evaluate$_stackTrace$1(nodeWithSpan.get$span(nodeWithSpan)), null));
+    },
+    _evaluateArguments$1($arguments) {
+      var t1, t2, _i, expression, nodeForSpan, named, namedNodes, t3, t4, $name, value, restArgs, rest, restNodeForSpan, t5, separator, keywordRestArgs, keywordRest, keywordRestNodeForSpan, _this = this,
+        positional = A._setArrayType([], type$.JSArray_Value),
+        positionalNodes = A._setArrayType([], type$.JSArray_AstNode);
+      for (t1 = $arguments.positional, t2 = t1.length, _i = 0; _i < t2; ++_i) {
+        expression = t1[_i];
+        nodeForSpan = _this._expressionNode$1(expression);
+        positional.push(_this._withoutSlash$2(expression.accept$1(_this), nodeForSpan));
+        positionalNodes.push(nodeForSpan);
+      }
+      t1 = type$.String;
+      named = A.LinkedHashMap_LinkedHashMap$_empty(t1, type$.Value);
+      t2 = type$.AstNode;
+      namedNodes = A.LinkedHashMap_LinkedHashMap$_empty(t1, t2);
+      for (t3 = A.MapExtensions_get_pairs($arguments.named, t1, type$.Expression), t3 = t3.get$iterator(t3); t3.moveNext$0();) {
+        t4 = t3.get$current(t3);
+        $name = t4._0;
+        value = t4._1;
+        nodeForSpan = _this._expressionNode$1(value);
+        named.$indexSet(0, $name, _this._withoutSlash$2(value.accept$1(_this), nodeForSpan));
+        namedNodes.$indexSet(0, $name, nodeForSpan);
+      }
+      restArgs = $arguments.rest;
+      if (restArgs == null)
+        return new A._Record_5_named_namedNodes_positional_positionalNodes_separator([named, namedNodes, positional, positionalNodes, B.ListSeparator_undecided_null_undecided]);
+      rest = restArgs.accept$1(_this);
+      restNodeForSpan = _this._expressionNode$1(restArgs);
+      if (rest instanceof A.SassMap) {
+        _this._addRestMap$4(named, rest, restArgs, new A._EvaluateVisitor__evaluateArguments_closure());
+        t3 = A.LinkedHashMap_LinkedHashMap$_empty(t1, t2);
+        for (t4 = rest._map$_contents, t4 = t4.get$keys(t4), t4 = t4.get$iterator(t4), t5 = type$.SassString; t4.moveNext$0();)
+          t3.$indexSet(0, t5._as(t4.get$current(t4))._string$_text, restNodeForSpan);
+        namedNodes.addAll$1(0, t3);
+        separator = B.ListSeparator_undecided_null_undecided;
+      } else if (rest instanceof A.SassList) {
+        t3 = rest._list$_contents;
+        B.JSArray_methods.addAll$1(positional, new A.MappedListIterable(t3, new A._EvaluateVisitor__evaluateArguments_closure0(_this, restNodeForSpan), A._arrayInstanceType(t3)._eval$1("MappedListIterable<1,Value>")));
+        B.JSArray_methods.addAll$1(positionalNodes, A.List_List$filled(t3.length, restNodeForSpan, false, t2));
+        separator = rest._separator;
+        if (rest instanceof A.SassArgumentList) {
+          rest._wereKeywordsAccessed = true;
+          rest._keywords.forEach$1(0, new A._EvaluateVisitor__evaluateArguments_closure1(_this, named, restNodeForSpan, namedNodes));
+        }
+      } else {
+        positional.push(_this._withoutSlash$2(rest, restNodeForSpan));
+        positionalNodes.push(restNodeForSpan);
+        separator = B.ListSeparator_undecided_null_undecided;
+      }
+      keywordRestArgs = $arguments.keywordRest;
+      if (keywordRestArgs == null)
+        return new A._Record_5_named_namedNodes_positional_positionalNodes_separator([named, namedNodes, positional, positionalNodes, separator]);
+      keywordRest = keywordRestArgs.accept$1(_this);
+      keywordRestNodeForSpan = _this._expressionNode$1(keywordRestArgs);
+      if (keywordRest instanceof A.SassMap) {
+        _this._addRestMap$4(named, keywordRest, keywordRestArgs, new A._EvaluateVisitor__evaluateArguments_closure2());
+        t1 = A.LinkedHashMap_LinkedHashMap$_empty(t1, t2);
+        for (t2 = keywordRest._map$_contents, t2 = t2.get$keys(t2), t2 = t2.get$iterator(t2), t3 = type$.SassString; t2.moveNext$0();)
+          t1.$indexSet(0, t3._as(t2.get$current(t2))._string$_text, keywordRestNodeForSpan);
+        namedNodes.addAll$1(0, t1);
+        return new A._Record_5_named_namedNodes_positional_positionalNodes_separator([named, namedNodes, positional, positionalNodes, separator]);
+      } else
+        throw A.wrapException(_this._evaluate$_exception$2(string$.Variabs + keywordRest.toString$0(0) + ").", keywordRestArgs.get$span(keywordRestArgs)));
+    },
+    _evaluateMacroArguments$1(invocation) {
+      var t2, positional, named, rest, restNodeForSpan, keywordRestArgs_, keywordRest, keywordRestNodeForSpan, _this = this,
+        t1 = invocation.$arguments,
+        restArgs_ = t1.rest;
+      if (restArgs_ == null)
+        return new A._Record_2(t1.positional, t1.named);
+      t2 = t1.positional;
+      positional = A._setArrayType(t2.slice(0), A._arrayInstanceType(t2));
+      named = A.LinkedHashMap_LinkedHashMap$of(t1.named, type$.String, type$.Expression);
+      rest = restArgs_.accept$1(_this);
+      restNodeForSpan = _this._expressionNode$1(restArgs_);
+      if (rest instanceof A.SassMap)
+        _this._addRestMap$4(named, rest, invocation, new A._EvaluateVisitor__evaluateMacroArguments_closure(restArgs_));
+      else if (rest instanceof A.SassList) {
+        t2 = rest._list$_contents;
+        B.JSArray_methods.addAll$1(positional, new A.MappedListIterable(t2, new A._EvaluateVisitor__evaluateMacroArguments_closure0(_this, restNodeForSpan, restArgs_), A._arrayInstanceType(t2)._eval$1("MappedListIterable<1,Expression>")));
+        if (rest instanceof A.SassArgumentList) {
+          rest._wereKeywordsAccessed = true;
+          rest._keywords.forEach$1(0, new A._EvaluateVisitor__evaluateMacroArguments_closure1(_this, named, restNodeForSpan, restArgs_));
+        }
+      } else
+        positional.push(new A.ValueExpression(_this._withoutSlash$2(rest, restNodeForSpan), restArgs_.get$span(restArgs_)));
+      keywordRestArgs_ = t1.keywordRest;
+      if (keywordRestArgs_ == null)
+        return new A._Record_2(positional, named);
+      keywordRest = keywordRestArgs_.accept$1(_this);
+      keywordRestNodeForSpan = _this._expressionNode$1(keywordRestArgs_);
+      if (keywordRest instanceof A.SassMap) {
+        _this._addRestMap$4(named, keywordRest, invocation, new A._EvaluateVisitor__evaluateMacroArguments_closure2(_this, keywordRestNodeForSpan, keywordRestArgs_));
+        return new A._Record_2(positional, named);
+      } else
+        throw A.wrapException(_this._evaluate$_exception$2(string$.Variabs + keywordRest.toString$0(0) + ").", keywordRestArgs_.get$span(keywordRestArgs_)));
+    },
+    _addRestMap$1$4(values, map, nodeWithSpan, convert) {
+      map._map$_contents.forEach$1(0, new A._EvaluateVisitor__addRestMap_closure(this, values, convert, this._expressionNode$1(nodeWithSpan), map, nodeWithSpan));
+    },
+    _addRestMap$4(values, map, nodeWithSpan, convert) {
+      return this._addRestMap$1$4(values, map, nodeWithSpan, convert, type$.dynamic);
+    },
+    _verifyArguments$4(positional, named, parameters, nodeWithSpan) {
+      return this._addExceptionSpan$2(nodeWithSpan, new A._EvaluateVisitor__verifyArguments_closure(parameters, positional, named));
+    },
+    visitSelectorExpression$1(_, node) {
+      var t1 = this._styleRuleIgnoringAtRoot;
+      t1 = t1 == null ? null : t1.originalSelector.get$asSassList();
+      return t1 == null ? B.C__SassNull : t1;
+    },
+    visitStringExpression$1(_, node) {
+      var t1, t2, t3, _i, value, t4, _0_0, text, _this = this,
+        oldInSupportsDeclaration = _this._inSupportsDeclaration;
+      _this._inSupportsDeclaration = false;
+      t1 = A._setArrayType([], type$.JSArray_String);
+      for (t2 = node.text.contents, t3 = t2.length, _i = 0; _i < t3; ++_i) {
+        value = t2[_i];
+        $label0$0: {
+          if (typeof value == "string") {
+            t4 = value;
+            break $label0$0;
+          }
+          if (value instanceof A.Expression) {
+            _0_0 = value.accept$1(_this);
+            $label1$1: {
+              if (_0_0 instanceof A.SassString) {
+                text = _0_0._string$_text;
+                t4 = text;
+                break $label1$1;
+              }
+              t4 = _this._evaluate$_serialize$3$quote(_0_0, value, false);
+              break $label1$1;
+            }
+            break $label0$0;
+          }
+          t4 = A.throwExpression(A.UnsupportedError$("Unknown interpolation value " + A.S(value)));
+        }
+        t1.push(t4);
+      }
+      t1 = B.JSArray_methods.join$0(t1);
+      _this._inSupportsDeclaration = oldInSupportsDeclaration;
+      return new A.SassString(t1, node.hasQuotes);
+    },
+    visitSupportsExpression$1(_, expression) {
+      return new A.SassString(this._visitSupportsCondition$1(expression.condition), false);
+    },
+    visitCssAtRule$1(node) {
+      var wasInKeyframes, wasInUnknownAtRule, t1, _this = this;
+      if (_this._declarationName != null)
+        throw A.wrapException(_this._evaluate$_exception$2(string$.At_rul, node.span));
+      if (node.isChildless) {
+        _this._copyParentAfterSibling$0();
+        _this._assertInModule$2(_this.__parent, "__parent").addChild$1(A.ModifiableCssAtRule$(node.name, node.span, true, node.value));
+        return;
+      }
+      wasInKeyframes = _this._inKeyframes;
+      wasInUnknownAtRule = _this._inUnknownAtRule;
+      t1 = node.name;
+      if (A.unvendor(t1.value) === "keyframes")
+        _this._inKeyframes = true;
+      else
+        _this._inUnknownAtRule = true;
+      _this._withParent$2$4$scopeWhen$through(A.ModifiableCssAtRule$(t1, node.span, false, node.value), new A._EvaluateVisitor_visitCssAtRule_closure(_this, node), false, new A._EvaluateVisitor_visitCssAtRule_closure0(), type$.ModifiableCssAtRule, type$.Null);
+      _this._inUnknownAtRule = wasInUnknownAtRule;
+      _this._inKeyframes = wasInKeyframes;
+    },
+    visitCssComment$1(node) {
+      var _this = this,
+        _s8_ = "__parent",
+        _s13_ = "_endOfImports";
+      if (_this._assertInModule$2(_this.__parent, _s8_) === _this._assertInModule$2(_this.__root, "_root") && _this._assertInModule$2(_this.__endOfImports, _s13_) === J.get$length$asx(_this._assertInModule$2(_this.__root, "_root").children._collection$_source))
+        _this.__endOfImports = _this._assertInModule$2(_this.__endOfImports, _s13_) + 1;
+      _this._copyParentAfterSibling$0();
+      _this._assertInModule$2(_this.__parent, _s8_).addChild$1(new A.ModifiableCssComment(node.text, node.span));
+    },
+    visitCssDeclaration$1(node) {
+      this._copyParentAfterSibling$0();
+      this._assertInModule$2(this.__parent, "__parent").addChild$1(A.ModifiableCssDeclaration$(node.name, node.value, node.span, node.parsedAsCustomProperty, null, node.valueSpanForMap));
+    },
+    visitCssImport$1(node) {
+      var t1, _this = this,
+        _s8_ = "__parent",
+        _s5_ = "_root",
+        _s13_ = "_endOfImports",
+        modifiableNode = new A.ModifiableCssImport(node.url, node.modifiers, node.span);
+      if (_this._assertInModule$2(_this.__parent, _s8_) !== _this._assertInModule$2(_this.__root, _s5_)) {
+        _this._copyParentAfterSibling$0();
+        _this._assertInModule$2(_this.__parent, _s8_).addChild$1(modifiableNode);
+      } else if (_this._assertInModule$2(_this.__endOfImports, _s13_) === J.get$length$asx(_this._assertInModule$2(_this.__root, _s5_).children._collection$_source)) {
+        _this._assertInModule$2(_this.__root, _s5_).addChild$1(modifiableNode);
+        _this.__endOfImports = _this._assertInModule$2(_this.__endOfImports, _s13_) + 1;
+      } else {
+        t1 = _this._outOfOrderImports;
+        (t1 == null ? _this._outOfOrderImports = A._setArrayType([], type$.JSArray_ModifiableCssImport) : t1).push(modifiableNode);
+      }
+    },
+    visitCssKeyframeBlock$1(node) {
+      this._withParent$2$4$scopeWhen$through(A.ModifiableCssKeyframeBlock$(node.selector, node.span), new A._EvaluateVisitor_visitCssKeyframeBlock_closure(this, node), false, new A._EvaluateVisitor_visitCssKeyframeBlock_closure0(), type$.ModifiableCssKeyframeBlock, type$.Null);
+    },
+    visitCssMediaRule$1(node) {
+      var mergedQueries, t1, mergedSources, t2, t3, _this = this;
+      if (_this._declarationName != null)
+        throw A.wrapException(_this._evaluate$_exception$2(string$.Media_, node.span));
+      mergedQueries = A.NullableExtension_andThen(_this._mediaQueries, new A._EvaluateVisitor_visitCssMediaRule_closure(_this, node));
+      t1 = mergedQueries == null;
+      if (!t1 && J.get$isEmpty$asx(mergedQueries))
+        return;
+      if (t1)
+        mergedSources = B.Set_empty2;
+      else {
+        t2 = _this._mediaQuerySources;
+        t2.toString;
+        t2 = A.LinkedHashSet_LinkedHashSet$of(t2, type$.CssMediaQuery);
+        t3 = _this._mediaQueries;
+        t3.toString;
+        t2.addAll$1(0, t3);
+        t2.addAll$1(0, node.queries);
+        mergedSources = t2;
+      }
+      t1 = t1 ? node.queries : mergedQueries;
+      _this._withParent$2$4$scopeWhen$through(A.ModifiableCssMediaRule$(t1, node.span), new A._EvaluateVisitor_visitCssMediaRule_closure0(_this, mergedQueries, node, mergedSources), false, new A._EvaluateVisitor_visitCssMediaRule_closure1(mergedSources), type$.ModifiableCssMediaRule, type$.Null);
+    },
+    visitCssStyleRule$1(node) {
+      var t1, styleRule, _0_0, t2, t3, originalSelector, rule, oldAtRootExcludingStyleRule, _1_1, lastChild, _this = this, _null = null,
+        _s8_ = "__parent";
+      if (_this._declarationName != null)
+        throw A.wrapException(_this._evaluate$_exception$2(string$.Style_n, node.span));
+      else if (_this._inKeyframes && _this._assertInModule$2(_this.__parent, _s8_) instanceof A.ModifiableCssKeyframeBlock)
+        throw A.wrapException(_this._evaluate$_exception$2(string$.Style_k, node.span));
+      t1 = _this._atRootExcludingStyleRule;
+      styleRule = t1 ? _null : _this._styleRuleIgnoringAtRoot;
+      _0_0 = t1 ? _null : _this._styleRuleIgnoringAtRoot;
+      $label0$0: {
+        if (_0_0 == null) {
+          t1 = true;
+          break $label0$0;
+        }
+        if (_0_0.fromPlainCss) {
+          t1 = false;
+          break $label0$0;
+        }
+        t1 = !(node.fromPlainCss && node._style_rule$_selector._box$_inner.value.accept$1(B.C__ContainsParentSelectorVisitor));
+        break $label0$0;
+      }
+      t2 = node._style_rule$_selector._box$_inner;
+      if (t1) {
+        t2 = t2.value;
+        t3 = styleRule == null ? _null : styleRule.originalSelector;
+        originalSelector = t2.nestWithin$3$implicitParent$preserveParentSelectors(t3, !_this._atRootExcludingStyleRule, node.fromPlainCss);
+      } else
+        originalSelector = t2.value;
+      rule = A.ModifiableCssStyleRule$(_this._assertInModule$2(_this.__extensionStore, "_extensionStore").addSelector$2(originalSelector, _this._mediaQueries), node.span, node.fromPlainCss, originalSelector);
+      oldAtRootExcludingStyleRule = _this._atRootExcludingStyleRule;
+      _this._atRootExcludingStyleRule = false;
+      t1 = t1 ? new A._EvaluateVisitor_visitCssStyleRule_closure() : _null;
+      _this._withParent$2$4$scopeWhen$through(rule, new A._EvaluateVisitor_visitCssStyleRule_closure0(_this, rule, node), false, t1, type$.ModifiableCssStyleRule, type$.Null);
+      _this._atRootExcludingStyleRule = oldAtRootExcludingStyleRule;
+      t1 = _this._assertInModule$2(_this.__parent, _s8_).children._collection$_source;
+      t2 = J.getInterceptor$asx(t1);
+      _1_1 = t2.get$length(t1);
+      if (_1_1 >= 1) {
+        lastChild = t2.elementAt$1(t1, _1_1 - 1);
+        t1 = styleRule == null;
+      } else {
+        lastChild = _null;
+        t1 = false;
+      }
+      if (t1)
+        lastChild.isGroupEnd = true;
+    },
+    visitCssStylesheet$1(node) {
+      var t1;
+      for (t1 = J.get$iterator$ax(node.get$children(node)); t1.moveNext$0();)
+        t1.get$current(t1).accept$1(this);
+    },
+    visitCssSupportsRule$1(node) {
+      var _this = this;
+      if (_this._declarationName != null)
+        throw A.wrapException(_this._evaluate$_exception$2(string$.Suppor, node.span));
+      _this._withParent$2$4$scopeWhen$through(A.ModifiableCssSupportsRule$(node.condition, node.span), new A._EvaluateVisitor_visitCssSupportsRule_closure(_this, node), false, new A._EvaluateVisitor_visitCssSupportsRule_closure0(), type$.ModifiableCssSupportsRule, type$.Null);
+    },
+    _handleReturn$1$2(list, callback) {
+      var t1, _i, _0_0;
+      for (t1 = list.length, _i = 0; _i < list.length; list.length === t1 || (0, A.throwConcurrentModificationError)(list), ++_i) {
+        _0_0 = callback.call$1(list[_i]);
+        if (_0_0 != null)
+          return _0_0;
+      }
+      return null;
+    },
+    _handleReturn$2(list, callback) {
+      return this._handleReturn$1$2(list, callback, type$.dynamic);
+    },
+    _withEnvironment$1$2(environment, callback) {
+      var result,
+        oldEnvironment = this._environment;
+      this._environment = environment;
+      result = callback.call$0();
+      this._environment = oldEnvironment;
+      return result;
+    },
+    _withEnvironment$2(environment, callback) {
+      return this._withEnvironment$1$2(environment, callback, type$.dynamic);
+    },
+    _interpolationToValue$3$trim$warnForColor(interpolation, trim, warnForColor) {
+      var result = this._performInterpolation$2$warnForColor(interpolation, warnForColor),
+        t1 = trim ? A.trimAscii(result, true) : result;
+      return new A.CssValue(t1, interpolation.span, type$.CssValue_String);
+    },
+    _interpolationToValue$1(interpolation) {
+      return this._interpolationToValue$3$trim$warnForColor(interpolation, false, false);
+    },
+    _interpolationToValue$2$warnForColor(interpolation, warnForColor) {
+      return this._interpolationToValue$3$trim$warnForColor(interpolation, false, warnForColor);
+    },
+    _performInterpolation$2$warnForColor(interpolation, warnForColor) {
+      return this._performInterpolationHelper$3$sourceMap$warnForColor(interpolation, false, warnForColor)._0;
+    },
+    _performInterpolation$1(interpolation) {
+      return this._performInterpolation$2$warnForColor(interpolation, false);
+    },
+    _performInterpolationWithMap$2$warnForColor(interpolation, warnForColor) {
+      var _0_0 = this._performInterpolationHelper$3$sourceMap$warnForColor(interpolation, true, true),
+        map = _0_0._1;
+      map.toString;
+      return new A._Record_2(_0_0._0, map);
+    },
+    _performInterpolationHelper$3$sourceMap$warnForColor(interpolation, sourceMap, warnForColor) {
+      var t1, t2, t3, t4, t5, t6, first, _i, t7, value, result, result0, t8, _this = this, _null = null,
+        targetLocations = sourceMap ? A._setArrayType([], type$.JSArray_SourceLocation) : _null,
+        oldInSupportsDeclaration = _this._inSupportsDeclaration;
+      _this._inSupportsDeclaration = false;
+      for (t1 = interpolation.contents, t2 = t1.length, t3 = type$.Expression, t4 = targetLocations == null, t5 = interpolation.span, t6 = type$.Object, first = true, _i = 0, t7 = ""; _i < t2; ++_i, first = false) {
+        value = t1[_i];
+        if (!first)
+          if (!t4)
+            targetLocations.push(A.SourceLocation$(t7.length, _null, _null, _null));
+        if (typeof value == "string") {
+          t7 += value;
+          continue;
+        }
+        t3._as(value);
+        result = value.accept$1(_this);
+        if (warnForColor && $.$get$namesByColor().containsKey$1(result)) {
+          result0 = A.List_List$from([""], false, t6);
+          result0.$flags = 3;
+          t8 = $.$get$namesByColor();
+          _this._warn$2(string$.You_pr + A.S(t8.$index(0, result)) + string$.x20in_in + result.toString$0(0) + string$.x2c_whicw + A.S(t8.$index(0, result)) + string$.x22x29__If + new A.BinaryOperationExpression(B.BinaryOperator_Swh, new A.StringExpression(new A.Interpolation(result0, B.List_null, t5), true), value, false).toString$0(0) + "'.", value.get$span(value));
+        }
+        t7 += _this._evaluate$_serialize$3$quote(result, value, false);
+      }
+      _this._inSupportsDeclaration = oldInSupportsDeclaration;
+      return new A._Record_2(t7.charCodeAt(0) == 0 ? t7 : t7, A.NullableExtension_andThen(targetLocations, new A._EvaluateVisitor__performInterpolationHelper_closure(interpolation)));
+    },
+    _evaluate$_serialize$3$quote(value, nodeWithSpan, quote) {
+      return this._addExceptionSpan$2(nodeWithSpan, new A._EvaluateVisitor__serialize_closure(value, quote));
+    },
+    _evaluate$_serialize$2(value, nodeWithSpan) {
+      return this._evaluate$_serialize$3$quote(value, nodeWithSpan, true);
+    },
+    _expressionNode$1(expression) {
+      var t1;
+      if (expression instanceof A.VariableExpression) {
+        t1 = this._addExceptionSpan$2(expression, new A._EvaluateVisitor__expressionNode_closure(this, expression));
+        return t1 == null ? expression : t1;
+      } else
+        return expression;
+    },
+    _withParent$2$4$scopeWhen$through(node, callback, scopeWhen, through, $S, $T) {
+      var oldParent, result, _this = this;
+      _this._addChild$2$through(node, through);
+      oldParent = _this._assertInModule$2(_this.__parent, "__parent");
+      _this.__parent = node;
+      result = _this._environment.scope$1$2$when(callback, scopeWhen, $T);
+      _this.__parent = oldParent;
+      return result;
+    },
+    _withParent$2$3$scopeWhen(node, callback, scopeWhen, $S, $T) {
+      return this._withParent$2$4$scopeWhen$through(node, callback, scopeWhen, null, $S, $T);
+    },
+    _withParent$2$2(node, callback, $S, $T) {
+      return this._withParent$2$4$scopeWhen$through(node, callback, true, null, $S, $T);
+    },
+    _copyParentAfterSibling$0() {
+      var t1, grandparent, newParent, _this = this,
+        _s8_ = "__parent",
+        _0_0 = _this._assertInModule$2(_this.__parent, _s8_)._parent;
+      if (_0_0 != null) {
+        t1 = _0_0.children;
+        t1 = t1.get$last(t1) !== _this._assertInModule$2(_this.__parent, _s8_);
+        grandparent = _0_0;
+      } else {
+        grandparent = null;
+        t1 = false;
+      }
+      if (t1) {
+        newParent = _this._assertInModule$2(_this.__parent, _s8_).copyWithoutChildren$0();
+        grandparent.addChild$1(newParent);
+        _this.__parent = newParent;
+      }
+    },
+    _addChild$2$through(node, through) {
+      var _0_0, grandparent, t1,
+        $parent = this._assertInModule$2(this.__parent, "__parent");
+      if (through != null) {
+        for (; through.call$1($parent); $parent = _0_0) {
+          _0_0 = $parent._parent;
+          if (_0_0 == null)
+            throw A.wrapException(A.ArgumentError$(string$.throug + node.toString$0(0) + ".", null));
+        }
+        if ($parent.get$hasFollowingSibling()) {
+          grandparent = $parent._parent;
+          t1 = grandparent.children;
+          if ($parent.equalsIgnoringChildren$1(t1.get$last(t1)))
+            $parent = type$.ModifiableCssParentNode._as(t1.get$last(t1));
+          else {
+            $parent = $parent.copyWithoutChildren$0();
+            grandparent.addChild$1($parent);
+          }
+        }
+      }
+      $parent.addChild$1(node);
+    },
+    _addChild$1(node) {
+      return this._addChild$2$through(node, null);
+    },
+    _withStyleRule$1$2(rule, callback) {
+      var result,
+        oldRule = this._styleRuleIgnoringAtRoot;
+      this._styleRuleIgnoringAtRoot = rule;
+      result = callback.call$0();
+      this._styleRuleIgnoringAtRoot = oldRule;
+      return result;
+    },
+    _withStyleRule$2(rule, callback) {
+      return this._withStyleRule$1$2(rule, callback, type$.dynamic);
+    },
+    _withMediaQueries$1$3(queries, sources, callback) {
+      var result, _this = this,
+        oldMediaQueries = _this._mediaQueries,
+        oldSources = _this._mediaQuerySources;
+      _this._mediaQueries = queries;
+      _this._mediaQuerySources = sources;
+      result = callback.call$0();
+      _this._mediaQueries = oldMediaQueries;
+      _this._mediaQuerySources = oldSources;
+      return result;
+    },
+    _withMediaQueries$3(queries, sources, callback) {
+      return this._withMediaQueries$1$3(queries, sources, callback, type$.dynamic);
+    },
+    _withStackFrame$1$3(member, nodeWithSpan, callback) {
+      var oldMember, result, _this = this,
+        t1 = _this._stack;
+      t1.push(new A._Record_2(_this._member, nodeWithSpan));
+      oldMember = _this._member;
+      _this._member = member;
+      result = callback.call$0();
+      _this._member = oldMember;
+      t1.pop();
+      return result;
+    },
+    _withStackFrame$3(member, nodeWithSpan, callback) {
+      return this._withStackFrame$1$3(member, nodeWithSpan, callback, type$.dynamic);
+    },
+    _withoutSlash$2(value, nodeForSpan) {
+      var t1;
+      if (value instanceof A.SassNumber)
+        t1 = value.asSlash != null;
+      else
+        t1 = false;
+      if (t1)
+        this._warn$3(string$.Using__i + A.S(new A._EvaluateVisitor__withoutSlash_recommendation().call$1(value)) + string$.x0a_Morex20, nodeForSpan.get$span(nodeForSpan), B.Deprecation_wha);
+      return value.withoutSlash$0();
+    },
+    _stackFrame$2(member, span) {
+      return A.frameForSpan(span, member, A.NullableExtension_andThen(span.get$sourceUrl(span), new A._EvaluateVisitor__stackFrame_closure(this)));
+    },
+    _evaluate$_stackTrace$1(span) {
+      var t2, t3, _i, t4, nodeWithSpan, _this = this,
+        t1 = A._setArrayType([], type$.JSArray_Frame);
+      for (t2 = _this._stack, t3 = t2.length, _i = 0; _i < t2.length; t2.length === t3 || (0, A.throwConcurrentModificationError)(t2), ++_i) {
+        t4 = t2[_i];
+        nodeWithSpan = t4._1;
+        t1.push(_this._stackFrame$2(t4._0, nodeWithSpan.get$span(nodeWithSpan)));
+      }
+      if (span != null)
+        t1.push(_this._stackFrame$2(_this._member, span));
+      return A.Trace$(new A.ReversedListIterable(t1, type$.ReversedListIterable_Frame), null);
+    },
+    _evaluate$_stackTrace$0() {
+      return this._evaluate$_stackTrace$1(null);
+    },
+    _warn$3(message, span, deprecation) {
+      var trace, t1, _this = this;
+      if (_this._quietDeps && _this._inDependency)
+        return;
+      if (!_this._warningsEmitted.add$1(0, new A._Record_2(message, span)))
+        return;
+      trace = _this._evaluate$_stackTrace$1(span);
+      t1 = _this._logger;
+      if (deprecation == null)
+        t1.internalWarn$4$deprecation$span$trace(message, null, span, trace);
+      else
+        A.WarnForDeprecation_warnForDeprecation(t1, deprecation, message, span, trace);
+    },
+    _warn$2(message, span) {
+      return this._warn$3(message, span, null);
+    },
+    _evaluate$_exception$2(message, span) {
+      var t1, t2;
+      if (span == null) {
+        t1 = B.JSArray_methods.get$last(this._stack)._1;
+        t1 = t1.get$span(t1);
+      } else
+        t1 = span;
+      t2 = this._evaluate$_stackTrace$1(span);
+      return new A.SassRuntimeException(t2, B.Set_empty, message, t1);
+    },
+    _evaluate$_exception$1(message) {
+      return this._evaluate$_exception$2(message, null);
+    },
+    _multiSpanException$3(message, primaryLabel, secondaryLabels) {
+      var t1 = B.JSArray_methods.get$last(this._stack)._1;
+      return A.MultiSpanSassRuntimeException$(message, t1.get$span(t1), primaryLabel, secondaryLabels, this._evaluate$_stackTrace$0(), null);
+    },
+    _addExceptionSpan$1$3$addStackFrame(nodeWithSpan, callback, addStackFrame) {
+      var error, stackTrace, t1, exception;
+      try {
+        t1 = callback.call$0();
+        return t1;
+      } catch (exception) {
+        t1 = A.unwrapException(exception);
+        if (t1 instanceof A.SassScriptException) {
+          error = t1;
+          stackTrace = A.getTraceFromException(exception);
+          t1 = error.withSpan$1(nodeWithSpan.get$span(nodeWithSpan));
+          A.throwWithTrace(t1.withTrace$1(this._evaluate$_stackTrace$1(addStackFrame ? nodeWithSpan.get$span(nodeWithSpan) : null)), error, stackTrace);
+        } else
+          throw exception;
+      }
+    },
+    _addExceptionSpan$2(nodeWithSpan, callback) {
+      return this._addExceptionSpan$1$3$addStackFrame(nodeWithSpan, callback, true, type$.dynamic);
+    },
+    _addExceptionSpan$3$addStackFrame(nodeWithSpan, callback, addStackFrame) {
+      return this._addExceptionSpan$1$3$addStackFrame(nodeWithSpan, callback, addStackFrame, type$.dynamic);
+    },
+    _addExceptionTrace$1$1(callback) {
+      var error, stackTrace, t1, exception, t2;
+      try {
+        t1 = callback.call$0();
+        return t1;
+      } catch (exception) {
+        t1 = A.unwrapException(exception);
+        if (type$.SassRuntimeException._is(t1))
+          throw exception;
+        else if (t1 instanceof A.SassException) {
+          error = t1;
+          stackTrace = A.getTraceFromException(exception);
+          t1 = error;
+          t2 = J.getInterceptor$z(t1);
+          A.throwWithTrace(error.withTrace$1(this._evaluate$_stackTrace$1(A.SourceSpanException.prototype.get$span.call(t2, t1))), error, stackTrace);
+        } else
+          throw exception;
+      }
+    },
+    _addExceptionTrace$1(callback) {
+      return this._addExceptionTrace$1$1(callback, type$.dynamic);
+    },
+    _addErrorSpan$1$2(nodeWithSpan, callback) {
+      var error, stackTrace, t1, exception, t2, t3;
+      try {
+        t1 = callback.call$0();
+        return t1;
+      } catch (exception) {
+        t1 = A.unwrapException(exception);
+        if (type$.SassRuntimeException._is(t1)) {
+          error = t1;
+          stackTrace = A.getTraceFromException(exception);
+          if (!B.JSString_methods.startsWith$1(J.get$span$z(error).get$text(), "@error"))
+            throw exception;
+          t1 = error._span_exception$_message;
+          t2 = nodeWithSpan.get$span(nodeWithSpan);
+          t3 = this._evaluate$_stackTrace$0();
+          A.throwWithTrace(new A.SassRuntimeException(t3, B.Set_empty, t1, t2), error, stackTrace);
+        } else
+          throw exception;
+      }
+    },
+    _addErrorSpan$2(nodeWithSpan, callback) {
+      return this._addErrorSpan$1$2(nodeWithSpan, callback, type$.dynamic);
+    },
+    _getErrorMessage$1(error) {
+      var t1, exception;
+      if (type$.Error._is(error))
+        return error.toString$0(0);
+      try {
+        t1 = A._asString(J.get$message$x(error));
+        return t1;
+      } catch (exception) {
+        t1 = J.toString$0$(error);
+        return t1;
+      }
+    }
+  };
+  A._EvaluateVisitor_closure.prototype = {
+    call$1($arguments) {
+      var module, t2,
+        t1 = J.getInterceptor$asx($arguments),
+        variable = t1.$index($arguments, 0).assertString$1("name");
+      t1 = t1.$index($arguments, 1).get$realNull();
+      module = t1 == null ? null : t1.assertString$1("module");
+      t1 = this.$this._environment;
+      t2 = A.stringReplaceAllUnchecked(variable._string$_text, "_", "-");
+      return t1.globalVariableExists$2$namespace(t2, module == null ? null : module._string$_text) ? B.SassBoolean_true : B.SassBoolean_false;
+    },
+    $signature: 11
+  };
+  A._EvaluateVisitor_closure0.prototype = {
+    call$1($arguments) {
+      var variable = J.$index$asx($arguments, 0).assertString$1("name"),
+        t1 = this.$this._environment;
+      return t1.getVariable$1(A.stringReplaceAllUnchecked(variable._string$_text, "_", "-")) != null ? B.SassBoolean_true : B.SassBoolean_false;
+    },
+    $signature: 11
+  };
+  A._EvaluateVisitor_closure1.prototype = {
+    call$1($arguments) {
+      var module, t2, t3, t4,
+        t1 = J.getInterceptor$asx($arguments),
+        variable = t1.$index($arguments, 0).assertString$1("name");
+      t1 = t1.$index($arguments, 1).get$realNull();
+      module = t1 == null ? null : t1.assertString$1("module");
+      t1 = this.$this;
+      t2 = t1._environment;
+      t3 = variable._string$_text;
+      t4 = A.stringReplaceAllUnchecked(t3, "_", "-");
+      return t2.getFunction$2$namespace(t4, module == null ? null : module._string$_text) != null || t1._builtInFunctions.containsKey$1(t3) ? B.SassBoolean_true : B.SassBoolean_false;
+    },
+    $signature: 11
+  };
+  A._EvaluateVisitor_closure2.prototype = {
+    call$1($arguments) {
+      var module, t2,
+        t1 = J.getInterceptor$asx($arguments),
+        variable = t1.$index($arguments, 0).assertString$1("name");
+      t1 = t1.$index($arguments, 1).get$realNull();
+      module = t1 == null ? null : t1.assertString$1("module");
+      t1 = this.$this._environment;
+      t2 = A.stringReplaceAllUnchecked(variable._string$_text, "_", "-");
+      return t1.getMixin$2$namespace(t2, module == null ? null : module._string$_text) != null ? B.SassBoolean_true : B.SassBoolean_false;
+    },
+    $signature: 11
+  };
+  A._EvaluateVisitor_closure3.prototype = {
+    call$1($arguments) {
+      var t1 = this.$this._environment;
+      if (!t1._inMixin)
+        throw A.wrapException(A.SassScriptException$(string$.conten, null));
+      return t1._content != null ? B.SassBoolean_true : B.SassBoolean_false;
+    },
+    $signature: 11
+  };
+  A._EvaluateVisitor_closure4.prototype = {
+    call$1($arguments) {
+      var t2, t3, t4,
+        t1 = J.$index$asx($arguments, 0).assertString$1("module")._string$_text,
+        module = this.$this._environment._environment$_modules.$index(0, t1);
+      if (module == null)
+        throw A.wrapException('There is no module with namespace "' + t1 + '".');
+      t1 = type$.Value;
+      t2 = A.LinkedHashMap_LinkedHashMap$_empty(t1, t1);
+      for (t3 = A.MapExtensions_get_pairs(module.get$variables(), type$.String, t1), t3 = t3.get$iterator(t3); t3.moveNext$0();) {
+        t4 = t3.get$current(t3);
+        t2.$indexSet(0, new A.SassString(t4._0, true), t4._1);
+      }
+      return new A.SassMap(A.ConstantMap_ConstantMap$from(t2, t1, t1));
+    },
+    $signature: 33
+  };
+  A._EvaluateVisitor_closure5.prototype = {
+    call$1($arguments) {
+      var t3, t4, t5,
+        t1 = this.$this,
+        t2 = J.$index$asx($arguments, 0).assertString$1("module")._string$_text,
+        module = t1._environment._environment$_modules.$index(0, t2);
+      if (module == null)
+        throw A.wrapException('There is no module with namespace "' + t2 + '".');
+      t2 = type$.Value;
+      t3 = A.LinkedHashMap_LinkedHashMap$_empty(t2, t2);
+      for (t4 = A.MapExtensions_get_pairs(module.get$functions(module), type$.String, type$.Callable), t4 = t4.get$iterator(t4), t1 = t1._compileContext; t4.moveNext$0();) {
+        t5 = t4.get$current(t4);
+        t3.$indexSet(0, new A.SassString(t5._0, true), new A.SassFunction(t5._1, t1));
+      }
+      return new A.SassMap(A.ConstantMap_ConstantMap$from(t3, t2, t2));
+    },
+    $signature: 33
+  };
+  A._EvaluateVisitor_closure6.prototype = {
+    call$1($arguments) {
+      var t3, t4, t5,
+        t1 = this.$this,
+        t2 = J.$index$asx($arguments, 0).assertString$1("module")._string$_text,
+        module = t1._environment._environment$_modules.$index(0, t2);
+      if (module == null)
+        throw A.wrapException('There is no module with namespace "' + t2 + '".');
+      t2 = type$.Value;
+      t3 = A.LinkedHashMap_LinkedHashMap$_empty(t2, t2);
+      for (t4 = A.MapExtensions_get_pairs(module.get$mixins(), type$.String, type$.Callable), t4 = t4.get$iterator(t4), t1 = t1._compileContext; t4.moveNext$0();) {
+        t5 = t4.get$current(t4);
+        t3.$indexSet(0, new A.SassString(t5._0, true), new A.SassMixin(t5._1, t1));
+      }
+      return new A.SassMap(A.ConstantMap_ConstantMap$from(t3, t2, t2));
+    },
+    $signature: 33
+  };
+  A._EvaluateVisitor_closure7.prototype = {
+    call$1($arguments) {
+      var module, t2, callable,
+        t1 = J.getInterceptor$asx($arguments),
+        $name = t1.$index($arguments, 0).assertString$1("name"),
+        css = t1.$index($arguments, 1).get$isTruthy();
+      t1 = t1.$index($arguments, 2).get$realNull();
+      module = t1 == null ? null : t1.assertString$1("module");
+      if (css) {
+        if (module != null)
+          throw A.wrapException(string$.x24css_a);
+        return new A.SassFunction(new A.PlainCssCallable($name._string$_text), this.$this._compileContext);
+      }
+      t1 = this.$this;
+      t2 = t1._callableNode;
+      t2.toString;
+      callable = t1._addExceptionSpan$2(t2, new A._EvaluateVisitor__closure2(t1, $name, module));
+      if (callable == null)
+        throw A.wrapException("Function not found: " + $name.toString$0(0));
+      return new A.SassFunction(callable, t1._compileContext);
+    },
+    $signature: 147
+  };
+  A._EvaluateVisitor__closure2.prototype = {
+    call$0() {
+      var local,
+        normalizedName = A.stringReplaceAllUnchecked(this.name._string$_text, "_", "-"),
+        t1 = this.module,
+        namespace = t1 == null ? null : t1._string$_text;
+      t1 = this.$this;
+      local = t1._environment.getFunction$2$namespace(normalizedName, namespace);
+      if (local != null || namespace != null)
+        return local;
+      return t1._builtInFunctions.$index(0, normalizedName);
+    },
+    $signature: 95
+  };
+  A._EvaluateVisitor_closure8.prototype = {
+    call$1($arguments) {
+      var module, t2, callable,
+        t1 = J.getInterceptor$asx($arguments),
+        $name = t1.$index($arguments, 0).assertString$1("name");
+      t1 = t1.$index($arguments, 1).get$realNull();
+      module = t1 == null ? null : t1.assertString$1("module");
+      t1 = this.$this;
+      t2 = t1._callableNode;
+      t2.toString;
+      callable = t1._addExceptionSpan$2(t2, new A._EvaluateVisitor__closure1(t1, $name, module));
+      if (callable == null)
+        throw A.wrapException("Mixin not found: " + $name.toString$0(0));
+      return new A.SassMixin(callable, t1._compileContext);
+    },
+    $signature: 155
+  };
+  A._EvaluateVisitor__closure1.prototype = {
+    call$0() {
+      var t1 = this.$this._environment,
+        t2 = A.stringReplaceAllUnchecked(this.name._string$_text, "_", "-"),
+        t3 = this.module;
+      return t1.getMixin$2$namespace(t2, t3 == null ? null : t3._string$_text);
+    },
+    $signature: 95
+  };
+  A._EvaluateVisitor_closure9.prototype = {
+    call$1($arguments) {
+      var t2, t3, t4, t5, t6, t7, t8, t9, t10, t11, invocation, callableNode, callable,
+        t1 = J.getInterceptor$asx($arguments),
+        $function = t1.$index($arguments, 0),
+        args = type$.SassArgumentList._as(t1.$index($arguments, 1));
+      t1 = this.$this;
+      t2 = t1._callableNode;
+      t2.toString;
+      t3 = A._setArrayType([], type$.JSArray_Expression);
+      t4 = type$.String;
+      t5 = type$.Expression;
+      t6 = t2.get$span(t2);
+      t7 = t2.get$span(t2);
+      args._wereKeywordsAccessed = true;
+      t8 = args._keywords;
+      if (t8.get$isEmpty(t8))
+        t2 = null;
+      else {
+        t9 = type$.Value;
+        t10 = A.LinkedHashMap_LinkedHashMap$_empty(t9, t9);
+        for (args._wereKeywordsAccessed = true, t8 = A.MapExtensions_get_pairs(t8, t4, t9), t8 = t8.get$iterator(t8); t8.moveNext$0();) {
+          t11 = t8.get$current(t8);
+          t10.$indexSet(0, new A.SassString(t11._0, false), t11._1);
+        }
+        t2 = new A.ValueExpression(new A.SassMap(A.ConstantMap_ConstantMap$from(t10, t9, t9)), t2.get$span(t2));
+      }
+      invocation = new A.ArgumentList(A.List_List$unmodifiable(t3, t5), A.ConstantMap_ConstantMap$from(A.LinkedHashMap_LinkedHashMap$_empty(t4, t5), t4, t5), new A.ValueExpression(args, t7), t2, t6);
+      if ($function instanceof A.SassString) {
+        A.warnForDeprecation(string$.Passina + $function.toString$0(0) + "))", B.Deprecation_eNo);
+        callableNode = t1._callableNode;
+        t2 = $function._string$_text;
+        t3 = callableNode.get$span(callableNode);
+        return t1.visitFunctionExpression$1(0, new A.FunctionExpression(null, A.stringReplaceAllUnchecked(t2, "_", "-"), t2, invocation, t3));
+      }
+      callable = $function.assertFunction$1("function").assertCompileContext$1(t1._compileContext).callable;
+      if (type$.Callable._is(callable)) {
+        t2 = t1._callableNode;
+        t2.toString;
+        return t1._runFunctionCallable$3(invocation, callable, t2);
+      } else
+        throw A.wrapException(A.SassScriptException$("The function " + callable.get$name(callable) + string$.x20is_as, null));
+    },
+    $signature: 4
+  };
+  A._EvaluateVisitor_closure10.prototype = {
+    call$1($arguments) {
+      var withMap, t2, t3, values, span, configuration,
+        t1 = J.getInterceptor$asx($arguments),
+        url = A.Uri_parse(t1.$index($arguments, 0).assertString$1("url")._string$_text);
+      t1 = t1.$index($arguments, 1).get$realNull();
+      withMap = t1 == null ? null : t1.assertMap$1("with")._map$_contents;
+      t1 = this.$this;
+      t2 = t1._callableNode;
+      t2.toString;
+      if (withMap != null) {
+        t3 = {};
+        values = A.LinkedHashMap_LinkedHashMap$_empty(type$.String, type$.ConfiguredValue);
+        span = t2.get$span(t2);
+        t3.privateDeprecation = false;
+        withMap.forEach$1(0, new A._EvaluateVisitor__closure(t3, values, span, t2));
+        configuration = new A.ExplicitConfiguration(t2, values, null);
+      } else
+        configuration = B.Configuration_Map_empty_null;
+      t3 = t2.get$span(t2);
+      t1._loadModule$7$baseUrl$configuration$namesInErrors(url, "load-css()", t2, new A._EvaluateVisitor__closure0(t1), t3.get$sourceUrl(t3), configuration, true);
+      t1._assertConfigurationIsEmpty$2$nameInError(configuration, true);
+    },
+    $signature: 268
+  };
+  A._EvaluateVisitor__closure.prototype = {
+    call$2(variable, value) {
+      var _this = this,
+        t1 = variable.assertString$1("with key"),
+        $name = A.stringReplaceAllUnchecked(t1._string$_text, "_", "-");
+      t1 = _this.values;
+      if (t1.containsKey$1($name))
+        throw A.wrapException("The variable $" + $name + " was configured twice.");
+      else if (B.JSString_methods.startsWith$1($name, "-") && !_this._box_0.privateDeprecation) {
+        _this._box_0.privateDeprecation = true;
+        A.warnForDeprecation("Configuring private variables (such as $" + $name + string$.x29x20is_dT, B.Deprecation_8uC);
+      }
+      t1.$indexSet(0, $name, new A.ConfiguredValue(value, _this.span, _this.callableNode));
+    },
+    $signature: 87
+  };
+  A._EvaluateVisitor__closure0.prototype = {
+    call$2(module, _) {
+      var t1 = this.$this;
+      return t1._combineCss$2$clone(module, true).accept$1(t1);
+    },
+    $signature: 96
+  };
+  A._EvaluateVisitor_closure11.prototype = {
+    call$1($arguments) {
+      var callableNode, t2, t3, t4, t5, callable, $content,
+        t1 = J.getInterceptor$asx($arguments),
+        mixin = t1.$index($arguments, 0),
+        args = type$.SassArgumentList._as(t1.$index($arguments, 1));
+      t1 = this.$this;
+      callableNode = t1._callableNode;
+      t2 = callableNode.get$span(callableNode);
+      t3 = callableNode.get$span(callableNode);
+      t4 = type$.Expression;
+      t5 = A.List_List$unmodifiable(B.List_empty9, t4);
+      t4 = A.ConstantMap_ConstantMap$from(B.Map_empty4, type$.String, t4);
+      callable = mixin.assertMixin$1("mixin").assertCompileContext$1(t1._compileContext).callable;
+      $content = t1._environment._content;
+      if (type$.Callable._is(callable))
+        t1._applyMixin$5(callable, $content, new A.ArgumentList(t5, t4, new A.ValueExpression(args, t3), null, t2), callableNode, callableNode);
+      else
+        throw A.wrapException(A.SassScriptException$("The mixin " + callable.get$name(callable) + string$.x20is_as, null));
+    },
+    $signature: 268
+  };
+  A._EvaluateVisitor_run_closure.prototype = {
+    call$0() {
+      var module, _this = this,
+        t1 = _this.node,
+        t2 = t1.span,
+        _0_0 = t2.get$sourceUrl(t2),
+        url = null;
+      if (_0_0 != null) {
+        url = _0_0;
+        t2 = _this.$this;
+        t2._activeModules.$indexSet(0, url, null);
+        t2._loadedUrls.add$1(0, url);
+      }
+      t2 = _this.$this;
+      module = t2._addExceptionTrace$1(new A._EvaluateVisitor_run__closure(t2, _this.importer, t1));
+      return new A._Record_2_loadedUrls_stylesheet(t2._loadedUrls, t2._combineCss$1(module));
+    },
+    $signature: 604
+  };
+  A._EvaluateVisitor_run__closure.prototype = {
+    call$0() {
+      return this.$this._execute$2(this.importer, this.node);
+    },
+    $signature: 611
+  };
+  A._EvaluateVisitor_runExpression_closure.prototype = {
+    call$0() {
+      var t1 = this.$this,
+        t2 = this.expression;
+      return t1._withFakeStylesheet$3(this.importer, t2, new A._EvaluateVisitor_runExpression__closure(t1, t2));
+    },
+    $signature: 36
+  };
+  A._EvaluateVisitor_runExpression__closure.prototype = {
+    call$0() {
+      var t1 = this.$this;
+      return t1._addExceptionTrace$1(new A._EvaluateVisitor_runExpression___closure(t1, this.expression));
+    },
+    $signature: 36
+  };
+  A._EvaluateVisitor_runExpression___closure.prototype = {
+    call$0() {
+      return this.expression.accept$1(this.$this);
+    },
+    $signature: 36
+  };
+  A._EvaluateVisitor_runStatement_closure.prototype = {
+    call$0() {
+      var t1 = this.$this,
+        t2 = this.statement;
+      return t1._withFakeStylesheet$3(this.importer, t2, new A._EvaluateVisitor_runStatement__closure(t1, t2));
+    },
+    $signature: 0
+  };
+  A._EvaluateVisitor_runStatement__closure.prototype = {
+    call$0() {
+      var t1 = this.$this;
+      return t1._addExceptionTrace$1(new A._EvaluateVisitor_runStatement___closure(t1, this.statement));
+    },
+    $signature: 0
+  };
+  A._EvaluateVisitor_runStatement___closure.prototype = {
+    call$0() {
+      return this.statement.accept$1(this.$this);
+    },
+    $signature: 0
+  };
+  A._EvaluateVisitor__loadModule_closure.prototype = {
+    call$0() {
+      return this.callback.call$2(this._box_0.builtInModule, false);
+    },
+    $signature: 0
+  };
+  A._EvaluateVisitor__loadModule_closure0.prototype = {
+    call$0() {
+      var canonicalUrl, oldInDependency, t4, message, _this = this, t1 = {}, stylesheet = null, importer = null,
+        t2 = _this.$this,
+        t3 = _this.nodeWithSpan,
+        _1_0 = t2._loadStylesheet$3$baseUrl(_this.url.toString$0(0), t3.get$span(t3), _this.baseUrl);
+      stylesheet = _1_0._0;
+      importer = _1_0._1;
+      t4 = stylesheet.span;
+      canonicalUrl = t4.get$sourceUrl(t4);
+      if (canonicalUrl != null) {
+        t4 = t2._activeModules;
+        if (t4.containsKey$1(canonicalUrl)) {
+          message = _this.namesInErrors ? "Module loop: " + $.$get$context().prettyUri$1(canonicalUrl) + " is already being loaded." : string$.Modulel;
+          t1 = A.NullableExtension_andThen(t4.$index(0, canonicalUrl), new A._EvaluateVisitor__loadModule__closure(t2, message));
+          throw A.wrapException(t1 == null ? t2._evaluate$_exception$1(message) : t1);
+        } else
+          t4.$indexSet(0, canonicalUrl, t3);
+      }
+      t4 = t2._modules.containsKey$1(canonicalUrl);
+      oldInDependency = t2._inDependency;
+      t2._inDependency = _1_0._2;
+      t1.module = null;
+      try {
+        t1.module = t2._execute$5$configuration$namesInErrors$nodeWithSpan(importer, stylesheet, _this.configuration, _this.namesInErrors, t3);
+      } finally {
+        t2._activeModules.remove$1(0, canonicalUrl);
+        t2._inDependency = oldInDependency;
+      }
+      t2._addExceptionSpan$3$addStackFrame(t3, new A._EvaluateVisitor__loadModule__closure0(t1, _this.callback, !t4), false);
+    },
+    $signature: 1
+  };
+  A._EvaluateVisitor__loadModule__closure.prototype = {
+    call$1(previousLoad) {
+      return this.$this._multiSpanException$3(this.message, "new load", A.LinkedHashMap_LinkedHashMap$_literal([previousLoad.get$span(previousLoad), "original load"], type$.FileSpan, type$.String));
+    },
+    $signature: 88
+  };
+  A._EvaluateVisitor__loadModule__closure0.prototype = {
+    call$0() {
+      return this.callback.call$2(this._box_1.module, this.firstLoad);
+    },
+    $signature: 0
+  };
+  A._EvaluateVisitor__execute_closure.prototype = {
+    call$0() {
+      var t3, t4, t5, t6, _this = this,
+        t1 = _this.$this,
+        oldImporter = t1._importer,
+        oldStylesheet = t1.__stylesheet,
+        oldRoot = t1.__root,
+        oldPreModuleComments = t1._preModuleComments,
+        oldParent = t1.__parent,
+        oldEndOfImports = t1.__endOfImports,
+        oldOutOfOrderImports = t1._outOfOrderImports,
+        oldExtensionStore = t1.__extensionStore,
+        t2 = t1._atRootExcludingStyleRule,
+        oldStyleRule = t2 ? null : t1._styleRuleIgnoringAtRoot,
+        oldMediaQueries = t1._mediaQueries,
+        oldDeclarationName = t1._declarationName,
+        oldInUnknownAtRule = t1._inUnknownAtRule,
+        oldInKeyframes = t1._inKeyframes,
+        oldConfiguration = t1._configuration;
+      t1._importer = _this.importer;
+      t3 = t1.__stylesheet = _this.stylesheet;
+      t4 = t3.span;
+      t5 = t1.__parent = t1.__root = A.ModifiableCssStylesheet$(t4);
+      t1.__endOfImports = 0;
+      t1._outOfOrderImports = null;
+      t1.__extensionStore = _this.extensionStore;
+      t1._declarationName = t1._mediaQueries = t1._styleRuleIgnoringAtRoot = null;
+      t1._inKeyframes = t1._atRootExcludingStyleRule = t1._inUnknownAtRule = false;
+      t6 = _this.configuration;
+      if (t6 != null)
+        t1._configuration = t6;
+      t1.visitStylesheet$1(0, t3);
+      t3 = t1._outOfOrderImports == null ? t5 : new A.CssStylesheet(new A.UnmodifiableListView(t1._addOutOfOrderImports$0(), type$.UnmodifiableListView_CssNode), t4);
+      _this.css.__late_helper$_value = t3;
+      _this.preModuleComments.__late_helper$_value = t1._preModuleComments;
+      t1._importer = oldImporter;
+      t1.__stylesheet = oldStylesheet;
+      t1.__root = oldRoot;
+      t1._preModuleComments = oldPreModuleComments;
+      t1.__parent = oldParent;
+      t1.__endOfImports = oldEndOfImports;
+      t1._outOfOrderImports = oldOutOfOrderImports;
+      t1.__extensionStore = oldExtensionStore;
+      t1._styleRuleIgnoringAtRoot = oldStyleRule;
+      t1._mediaQueries = oldMediaQueries;
+      t1._declarationName = oldDeclarationName;
+      t1._inUnknownAtRule = oldInUnknownAtRule;
+      t1._atRootExcludingStyleRule = t2;
+      t1._inKeyframes = oldInKeyframes;
+      t1._configuration = oldConfiguration;
+    },
+    $signature: 1
+  };
+  A._EvaluateVisitor__combineCss_closure.prototype = {
+    call$1(module) {
+      return module.get$transitivelyContainsCss();
+    },
+    $signature: 92
+  };
+  A._EvaluateVisitor__combineCss_closure0.prototype = {
+    call$1(target) {
+      return !this.selectors.contains$1(0, target);
+    },
+    $signature: 13
+  };
+  A._EvaluateVisitor__combineCss_visitModule.prototype = {
+    call$1(module) {
+      var t1, t2, t3, t4, _i, upstream, _1_0, statements, index, _this = this;
+      if (!_this.seen.add$1(0, module))
+        return;
+      if (_this.clone)
+        module = module.cloneCss$0();
+      for (t1 = module.get$upstream(), t2 = t1.length, t3 = _this.css, t4 = _this.imports, _i = 0; _i < t1.length; t1.length === t2 || (0, A.throwConcurrentModificationError)(t1), ++_i) {
+        upstream = t1[_i];
+        if (upstream.get$transitivelyContainsCss()) {
+          _1_0 = module.get$preModuleComments().$index(0, upstream);
+          if (_1_0 != null)
+            B.JSArray_methods.addAll$1(t3.length === 0 ? t4 : t3, _1_0);
+          _this.call$1(upstream);
+        }
+      }
+      _this.sorted.addFirst$1(module);
+      t1 = module.get$css(module);
+      statements = t1.get$children(t1);
+      index = _this.$this._indexAfterImports$1(statements);
+      t1 = J.getInterceptor$ax(statements);
+      B.JSArray_methods.addAll$1(t4, t1.getRange$2(statements, 0, index));
+      B.JSArray_methods.addAll$1(t3, t1.getRange$2(statements, index, t1.get$length(statements)));
+    },
+    $signature: 632
+  };
+  A._EvaluateVisitor__extendModules_closure.prototype = {
+    call$1(target) {
+      return !this.originalSelectors.contains$1(0, target);
+    },
+    $signature: 13
+  };
+  A._EvaluateVisitor__extendModules_closure0.prototype = {
+    call$0() {
+      return A._setArrayType([], type$.JSArray_ExtensionStore);
+    },
+    $signature: 169
+  };
+  A._EvaluateVisitor_visitAtRootRule_closure.prototype = {
+    call$0() {
+      var t1, t2, t3, _i;
+      for (t1 = this.node.children, t2 = t1.length, t3 = this.$this, _i = 0; _i < t2; ++_i)
+        t1[_i].accept$1(t3);
+    },
+    $signature: 1
+  };
+  A._EvaluateVisitor_visitAtRootRule_closure0.prototype = {
+    call$0() {
+      var t1, t2, t3, _i;
+      for (t1 = this.node.children, t2 = t1.length, t3 = this.$this, _i = 0; _i < t2; ++_i)
+        t1[_i].accept$1(t3);
+    },
+    $signature: 0
+  };
+  A._EvaluateVisitor__scopeForAtRoot_closure.prototype = {
+    call$1(callback) {
+      var t1 = this.$this,
+        oldParent = t1._assertInModule$2(t1.__parent, "__parent");
+      t1.__parent = this.newParent;
+      t1._environment.scope$1$2$when(callback, this.node.hasDeclarations, type$.void);
+      t1.__parent = oldParent;
+    },
+    $signature: 35
+  };
+  A._EvaluateVisitor__scopeForAtRoot_closure0.prototype = {
+    call$1(callback) {
+      var t1 = this.$this,
+        oldAtRootExcludingStyleRule = t1._atRootExcludingStyleRule;
+      t1._atRootExcludingStyleRule = true;
+      this.innerScope.call$1(callback);
+      t1._atRootExcludingStyleRule = oldAtRootExcludingStyleRule;
+    },
+    $signature: 35
+  };
+  A._EvaluateVisitor__scopeForAtRoot_closure1.prototype = {
+    call$1(callback) {
+      return this.$this._withMediaQueries$3(null, null, new A._EvaluateVisitor__scopeForAtRoot__closure(this.innerScope, callback));
+    },
+    $signature: 35
+  };
+  A._EvaluateVisitor__scopeForAtRoot__closure.prototype = {
+    call$0() {
+      return this.innerScope.call$1(this.callback);
+    },
+    $signature: 1
+  };
+  A._EvaluateVisitor__scopeForAtRoot_closure2.prototype = {
+    call$1(callback) {
+      var t1 = this.$this,
+        wasInKeyframes = t1._inKeyframes;
+      t1._inKeyframes = false;
+      this.innerScope.call$1(callback);
+      t1._inKeyframes = wasInKeyframes;
+    },
+    $signature: 35
+  };
+  A._EvaluateVisitor__scopeForAtRoot_closure3.prototype = {
+    call$1($parent) {
+      return $parent instanceof A.ModifiableCssAtRule;
+    },
+    $signature: 173
+  };
+  A._EvaluateVisitor__scopeForAtRoot_closure4.prototype = {
+    call$1(callback) {
+      var t1 = this.$this,
+        wasInUnknownAtRule = t1._inUnknownAtRule;
+      t1._inUnknownAtRule = false;
+      this.innerScope.call$1(callback);
+      t1._inUnknownAtRule = wasInUnknownAtRule;
+    },
+    $signature: 35
+  };
+  A._EvaluateVisitor_visitContentRule_closure.prototype = {
+    call$0() {
+      var t1, t2, t3, _i;
+      for (t1 = this.content.declaration.children, t2 = t1.length, t3 = this.$this, _i = 0; _i < t2; ++_i)
+        t1[_i].accept$1(t3);
+      return null;
+    },
+    $signature: 1
+  };
+  A._EvaluateVisitor_visitDeclaration_closure.prototype = {
+    call$0() {
+      var t1, t2, t3, _i;
+      for (t1 = this._box_0.children, t2 = t1.length, t3 = this.$this, _i = 0; _i < t2; ++_i)
+        t1[_i].accept$1(t3);
+    },
+    $signature: 1
+  };
+  A._EvaluateVisitor_visitEachRule_closure.prototype = {
+    call$1(value) {
+      var t1 = this.$this,
+        t2 = this.nodeWithSpan;
+      return t1._environment.setLocalVariable$3(this._box_0.variable, t1._withoutSlash$2(value, t2), t2);
+    },
+    $signature: 62
+  };
+  A._EvaluateVisitor_visitEachRule_closure0.prototype = {
+    call$1(value) {
+      return this.$this._setMultipleVariables$3(this._box_1.variables, value, this.nodeWithSpan);
+    },
+    $signature: 62
+  };
+  A._EvaluateVisitor_visitEachRule_closure1.prototype = {
+    call$0() {
+      var _this = this,
+        t1 = _this.$this;
+      return t1._handleReturn$2(_this.list.get$asList(), new A._EvaluateVisitor_visitEachRule__closure(t1, _this.setVariables, _this.node));
+    },
+    $signature: 43
+  };
+  A._EvaluateVisitor_visitEachRule__closure.prototype = {
+    call$1(element) {
+      var t1;
+      this.setVariables.call$1(element);
+      t1 = this.$this;
+      return t1._handleReturn$2(this.node.children, new A._EvaluateVisitor_visitEachRule___closure(t1));
+    },
+    $signature: 633
+  };
+  A._EvaluateVisitor_visitEachRule___closure.prototype = {
+    call$1(child) {
+      return child.accept$1(this.$this);
+    },
+    $signature: 97
+  };
+  A._EvaluateVisitor_visitAtRule_closure.prototype = {
+    call$1(value) {
+      return this.$this._interpolationToValue$3$trim$warnForColor(value, true, true);
+    },
+    $signature: 648
+  };
+  A._EvaluateVisitor_visitAtRule_closure0.prototype = {
+    call$0() {
+      var t2, t3, _i, _this = this,
+        t1 = _this.$this,
+        styleRule = t1._atRootExcludingStyleRule ? null : t1._styleRuleIgnoringAtRoot;
+      if (styleRule == null || t1._inKeyframes || _this.name.value === "font-face")
+        for (t2 = _this.children, t3 = t2.length, _i = 0; _i < t3; ++_i)
+          t2[_i].accept$1(t1);
+      else
+        t1._withParent$2$3$scopeWhen(A.ModifiableCssStyleRule$(styleRule._style_rule$_selector, styleRule.span, false, styleRule.originalSelector), new A._EvaluateVisitor_visitAtRule__closure(t1, _this.children), false, type$.ModifiableCssStyleRule, type$.Null);
+    },
+    $signature: 1
+  };
+  A._EvaluateVisitor_visitAtRule__closure.prototype = {
+    call$0() {
+      var t1, t2, t3, _i;
+      for (t1 = this.children, t2 = t1.length, t3 = this.$this, _i = 0; _i < t2; ++_i)
+        t1[_i].accept$1(t3);
+    },
+    $signature: 1
+  };
+  A._EvaluateVisitor_visitAtRule_closure1.prototype = {
+    call$1(node) {
+      return node instanceof A.ModifiableCssStyleRule;
+    },
+    $signature: 7
+  };
+  A._EvaluateVisitor_visitForRule_closure.prototype = {
+    call$0() {
+      return this.node.from.accept$1(this.$this).assertNumber$0();
+    },
+    $signature: 141
+  };
+  A._EvaluateVisitor_visitForRule_closure0.prototype = {
+    call$0() {
+      return this.node.to.accept$1(this.$this).assertNumber$0();
+    },
+    $signature: 141
+  };
+  A._EvaluateVisitor_visitForRule_closure1.prototype = {
+    call$0() {
+      return this.fromNumber.assertInt$0();
+    },
+    $signature: 10
+  };
+  A._EvaluateVisitor_visitForRule_closure2.prototype = {
+    call$0() {
+      var t1 = this.fromNumber;
+      return this.toNumber.coerce$2(t1.get$numeratorUnits(t1), t1.get$denominatorUnits(t1)).assertInt$0();
+    },
+    $signature: 10
+  };
+  A._EvaluateVisitor_visitForRule_closure3.prototype = {
+    call$0() {
+      var i, t3, t4, t5, t6, t7, t8, _0_0, _this = this,
+        t1 = _this.$this,
+        t2 = _this.node,
+        nodeWithSpan = t1._expressionNode$1(t2.from);
+      for (i = _this.from, t3 = _this._box_0, t4 = _this.direction, t5 = t2.variable, t6 = _this.fromNumber, t2 = t2.children; i !== t3.to; i += t4) {
+        t7 = t1._environment;
+        t8 = t6.get$numeratorUnits(t6);
+        t7.setLocalVariable$3(t5, A.SassNumber_SassNumber$withUnits(i, t6.get$denominatorUnits(t6), t8), nodeWithSpan);
+        _0_0 = t1._handleReturn$2(t2, new A._EvaluateVisitor_visitForRule__closure(t1));
+        if (_0_0 != null)
+          return _0_0;
+      }
+      return null;
+    },
+    $signature: 43
+  };
+  A._EvaluateVisitor_visitForRule__closure.prototype = {
+    call$1(child) {
+      return child.accept$1(this.$this);
+    },
+    $signature: 97
+  };
+  A._EvaluateVisitor_visitForwardRule_closure.prototype = {
+    call$2(module, firstLoad) {
+      if (firstLoad)
+        this.$this._registerCommentsForModule$1(module);
+      this.$this._environment.forwardModule$2(module, this.node);
+    },
+    $signature: 96
+  };
+  A._EvaluateVisitor_visitForwardRule_closure0.prototype = {
+    call$2(module, firstLoad) {
+      if (firstLoad)
+        this.$this._registerCommentsForModule$1(module);
+      this.$this._environment.forwardModule$2(module, this.node);
+    },
+    $signature: 96
+  };
+  A._EvaluateVisitor__registerCommentsForModule_closure.prototype = {
+    call$0() {
+      return A._setArrayType([], type$.JSArray_CssComment);
+    },
+    $signature: 191
+  };
+  A._EvaluateVisitor_visitIfRule_closure.prototype = {
+    call$1(clause) {
+      var t1 = this.$this;
+      return t1._environment.scope$1$3$semiGlobal$when(new A._EvaluateVisitor_visitIfRule__closure(t1, clause), true, clause.hasDeclarations, type$.nullable_Value);
+    },
+    $signature: 651
+  };
+  A._EvaluateVisitor_visitIfRule__closure.prototype = {
+    call$0() {
+      var t1 = this.$this;
+      return t1._handleReturn$2(this.clause.children, new A._EvaluateVisitor_visitIfRule___closure(t1));
+    },
+    $signature: 43
+  };
+  A._EvaluateVisitor_visitIfRule___closure.prototype = {
+    call$1(child) {
+      return child.accept$1(this.$this);
+    },
+    $signature: 97
+  };
+  A._EvaluateVisitor__visitDynamicImport_closure.prototype = {
+    call$0() {
+      var t1, t2, _0_0, stylesheet, importer, isDependency, t3, url, oldImporter, oldStylesheet, oldInDependency, loadsUserDefinedModules, children, t4, t5, t6, t7, t8, t9, t10, environment, module, visitor, _box_0 = {};
+      _box_0.isDependency = _box_0.importer = _box_0.stylesheet = null;
+      t1 = this.$this;
+      t2 = this.$import;
+      _0_0 = t1._loadStylesheet$3$forImport(t2.urlString, t2.span, true);
+      stylesheet = _box_0.stylesheet = _0_0._0;
+      importer = _0_0._1;
+      _box_0.importer = importer;
+      isDependency = _0_0._2;
+      _box_0.isDependency = isDependency;
+      t3 = stylesheet.span;
+      url = t3.get$sourceUrl(t3);
+      if (url != null) {
+        t3 = t1._activeModules;
+        if (t3.containsKey$1(url)) {
+          t2 = A.NullableExtension_andThen(t3.$index(0, url), new A._EvaluateVisitor__visitDynamicImport__closure(t1));
+          throw A.wrapException(t2 == null ? t1._evaluate$_exception$1("This file is already being loaded.") : t2);
+        }
+        t3.$indexSet(0, url, t2);
+      }
+      t2 = stylesheet._uses;
+      t3 = type$.UnmodifiableListView_UseRule;
+      if (new A.UnmodifiableListView(t2, t3).get$length(0) === 0 && new A.UnmodifiableListView(stylesheet._forwards, type$.UnmodifiableListView_ForwardRule).get$length(0) === 0) {
+        oldImporter = t1._importer;
+        oldStylesheet = t1._assertInModule$2(t1.__stylesheet, "_stylesheet");
+        oldInDependency = t1._inDependency;
+        t1._importer = importer;
+        t1.__stylesheet = stylesheet;
+        t1._inDependency = isDependency;
+        t1.visitStylesheet$1(0, stylesheet);
+        t1._importer = oldImporter;
+        t1.__stylesheet = oldStylesheet;
+        t1._inDependency = oldInDependency;
+        t1._activeModules.remove$1(0, url);
+        return;
+      }
+      t2 = new A.UnmodifiableListView(t2, t3);
+      if (!t2.any$1(t2, new A._EvaluateVisitor__visitDynamicImport__closure0())) {
+        t2 = new A.UnmodifiableListView(stylesheet._forwards, type$.UnmodifiableListView_ForwardRule);
+        loadsUserDefinedModules = t2.any$1(t2, new A._EvaluateVisitor__visitDynamicImport__closure1());
+      } else
+        loadsUserDefinedModules = true;
+      children = A._Cell$();
+      t2 = t1._environment;
+      t3 = type$.String;
+      t4 = type$.Module_Callable;
+      t5 = type$.AstNode;
+      t6 = A._setArrayType([], type$.JSArray_Module_Callable);
+      t7 = t2._variables;
+      t7 = A._setArrayType(t7.slice(0), A._arrayInstanceType(t7));
+      t8 = t2._variableNodes;
+      t8 = A._setArrayType(t8.slice(0), A._arrayInstanceType(t8));
+      t9 = t2._functions;
+      t9 = A._setArrayType(t9.slice(0), A._arrayInstanceType(t9));
+      t10 = t2._mixins;
+      t10 = A._setArrayType(t10.slice(0), A._arrayInstanceType(t10));
+      environment = A.Environment$_(A.LinkedHashMap_LinkedHashMap$_empty(t3, t4), A.LinkedHashMap_LinkedHashMap$_empty(t3, t5), A.LinkedHashMap_LinkedHashMap$_empty(t4, t5), t2._importedModules, null, null, t6, t7, t8, t9, t10, t2._content, t2._configurableVariables);
+      t1._withEnvironment$2(environment, new A._EvaluateVisitor__visitDynamicImport__closure2(_box_0, t1, loadsUserDefinedModules, environment, children));
+      module = environment.toDummyModule$0();
+      t1._environment.importForwards$1(module);
+      if (loadsUserDefinedModules) {
+        if (module.transitivelyContainsCss)
+          t1._combineCss$2$clone(module, module.transitivelyContainsExtensions).accept$1(t1);
+        visitor = new A._ImportedCssVisitor(t1);
+        for (t2 = J.get$iterator$ax(children._readLocal$0()); t2.moveNext$0();)
+          t2.get$current(t2).accept$1(visitor);
+      }
+      t1._activeModules.remove$1(0, url);
+    },
+    $signature: 0
+  };
+  A._EvaluateVisitor__visitDynamicImport__closure.prototype = {
+    call$1(previousLoad) {
+      return this.$this._multiSpanException$3("This file is already being loaded.", "new load", A.LinkedHashMap_LinkedHashMap$_literal([previousLoad.get$span(previousLoad), "original load"], type$.FileSpan, type$.String));
+    },
+    $signature: 88
+  };
+  A._EvaluateVisitor__visitDynamicImport__closure0.prototype = {
+    call$1(rule) {
+      return rule.url.get$scheme() !== "sass";
+    },
+    $signature: 192
+  };
+  A._EvaluateVisitor__visitDynamicImport__closure1.prototype = {
+    call$1(rule) {
+      return rule.url.get$scheme() !== "sass";
+    },
+    $signature: 200
+  };
+  A._EvaluateVisitor__visitDynamicImport__closure2.prototype = {
+    call$0() {
+      var t3, t4, _this = this,
+        t1 = _this.$this,
+        oldImporter = t1._importer,
+        oldStylesheet = t1._assertInModule$2(t1.__stylesheet, "_stylesheet"),
+        oldRoot = t1._assertInModule$2(t1.__root, "_root"),
+        oldParent = t1._assertInModule$2(t1.__parent, "__parent"),
+        oldEndOfImports = t1._assertInModule$2(t1.__endOfImports, "_endOfImports"),
+        oldOutOfOrderImports = t1._outOfOrderImports,
+        oldConfiguration = t1._configuration,
+        oldInDependency = t1._inDependency,
+        t2 = _this._box_0;
+      t1._importer = t2.importer;
+      t3 = t2.stylesheet;
+      t1.__stylesheet = t3;
+      t4 = _this.loadsUserDefinedModules;
+      if (t4) {
+        t3 = A.ModifiableCssStylesheet$(t3.span);
+        t1.__root = t3;
+        t1.__parent = t1._assertInModule$2(t3, "_root");
+        t1.__endOfImports = 0;
+        t1._outOfOrderImports = null;
+      }
+      t1._inDependency = t2.isDependency;
+      t3 = new A.UnmodifiableListView(t2.stylesheet._forwards, type$.UnmodifiableListView_ForwardRule);
+      if (!t3.get$isEmpty(t3))
+        t1._configuration = _this.environment.toImplicitConfiguration$0();
+      t1.visitStylesheet$1(0, t2.stylesheet);
+      t2 = t4 ? t1._addOutOfOrderImports$0() : A._setArrayType([], type$.JSArray_ModifiableCssNode);
+      _this.children.__late_helper$_value = t2;
+      t1._importer = oldImporter;
+      t1.__stylesheet = oldStylesheet;
+      if (t4) {
+        t1.__root = oldRoot;
+        t1.__parent = oldParent;
+        t1.__endOfImports = oldEndOfImports;
+        t1._outOfOrderImports = oldOutOfOrderImports;
+      }
+      t1._configuration = oldConfiguration;
+      t1._inDependency = oldInDependency;
+    },
+    $signature: 1
+  };
+  A._EvaluateVisitor__applyMixin_closure.prototype = {
+    call$0() {
+      var _this = this,
+        t1 = _this.$this;
+      t1._environment.asMixin$1(new A._EvaluateVisitor__applyMixin__closure0(t1, _this.$arguments, _this.mixin, _this.nodeWithSpanWithoutContent));
+    },
+    $signature: 0
+  };
+  A._EvaluateVisitor__applyMixin__closure0.prototype = {
+    call$0() {
+      var _this = this;
+      _this.$this._runBuiltInCallable$3(_this.$arguments, _this.mixin, _this.nodeWithSpanWithoutContent);
+    },
+    $signature: 0
+  };
+  A._EvaluateVisitor__applyMixin_closure0.prototype = {
+    call$0() {
+      var _this = this,
+        t1 = _this.$this;
+      t1._environment.withContent$2(_this.contentCallable, new A._EvaluateVisitor__applyMixin__closure(t1, _this.mixin, _this.nodeWithSpanWithoutContent));
+    },
+    $signature: 1
+  };
+  A._EvaluateVisitor__applyMixin__closure.prototype = {
+    call$0() {
+      var t1 = this.$this;
+      t1._environment.asMixin$1(new A._EvaluateVisitor__applyMixin___closure(t1, this.mixin, this.nodeWithSpanWithoutContent));
+    },
+    $signature: 0
+  };
+  A._EvaluateVisitor__applyMixin___closure.prototype = {
+    call$0() {
+      var t1, t2, t3, t4, _i;
+      for (t1 = this.mixin.declaration.children, t2 = t1.length, t3 = this.$this, t4 = this.nodeWithSpanWithoutContent, _i = 0; _i < t2; ++_i)
+        t3._addErrorSpan$2(t4, new A._EvaluateVisitor__applyMixin____closure(t3, t1[_i]));
+    },
+    $signature: 0
+  };
+  A._EvaluateVisitor__applyMixin____closure.prototype = {
+    call$0() {
+      return this.statement.accept$1(this.$this);
+    },
+    $signature: 43
+  };
+  A._EvaluateVisitor_visitIncludeRule_closure.prototype = {
+    call$0() {
+      var t1 = this.node;
+      return this.$this._environment.getMixin$2$namespace(t1.name, t1.namespace);
+    },
+    $signature: 95
+  };
+  A._EvaluateVisitor_visitIncludeRule_closure0.prototype = {
+    call$1($content) {
+      var t1 = this.$this;
+      return new A.UserDefinedCallable($content, t1._environment.closure$0(), t1._inDependency, type$.UserDefinedCallable_Environment);
+    },
+    $signature: 671
+  };
+  A._EvaluateVisitor_visitIncludeRule_closure1.prototype = {
+    call$0() {
+      return this.node.get$spanWithoutContent();
+    },
+    $signature: 26
+  };
+  A._EvaluateVisitor_visitMediaRule_closure.prototype = {
+    call$1(mediaQueries) {
+      return this.$this._mergeMediaQueries$2(mediaQueries, this.queries);
+    },
+    $signature: 91
+  };
+  A._EvaluateVisitor_visitMediaRule_closure0.prototype = {
+    call$0() {
+      var _this = this,
+        t1 = _this.$this,
+        t2 = _this.mergedQueries;
+      if (t2 == null)
+        t2 = _this.queries;
+      t1._withMediaQueries$3(t2, _this.mergedSources, new A._EvaluateVisitor_visitMediaRule__closure(t1, _this.node));
+    },
+    $signature: 1
+  };
+  A._EvaluateVisitor_visitMediaRule__closure.prototype = {
+    call$0() {
+      var t2, t3, _i,
+        t1 = this.$this,
+        _0_0 = t1._atRootExcludingStyleRule ? null : t1._styleRuleIgnoringAtRoot;
+      if (_0_0 != null)
+        t1._withParent$2$3$scopeWhen(A.ModifiableCssStyleRule$(_0_0._style_rule$_selector, _0_0.span, false, _0_0.originalSelector), new A._EvaluateVisitor_visitMediaRule___closure(t1, this.node), false, type$.ModifiableCssStyleRule, type$.Null);
+      else
+        for (t2 = this.node.children, t3 = t2.length, _i = 0; _i < t3; ++_i)
+          t2[_i].accept$1(t1);
+    },
+    $signature: 1
+  };
+  A._EvaluateVisitor_visitMediaRule___closure.prototype = {
+    call$0() {
+      var t1, t2, t3, _i;
+      for (t1 = this.node.children, t2 = t1.length, t3 = this.$this, _i = 0; _i < t2; ++_i)
+        t1[_i].accept$1(t3);
+    },
+    $signature: 1
+  };
+  A._EvaluateVisitor_visitMediaRule_closure1.prototype = {
+    call$1(node) {
+      var t1;
+      if (!(node instanceof A.ModifiableCssStyleRule)) {
+        t1 = this.mergedSources;
+        t1 = t1.get$isNotEmpty(t1) && node instanceof A.ModifiableCssMediaRule && B.JSArray_methods.every$1(node.queries, t1.get$contains(t1));
+      } else
+        t1 = true;
+      return t1;
+    },
+    $signature: 7
+  };
+  A._EvaluateVisitor_visitStyleRule_closure.prototype = {
+    call$0() {
+      var t1, t2, t3, _i;
+      for (t1 = this.node.children, t2 = t1.length, t3 = this.$this, _i = 0; _i < t2; ++_i)
+        t1[_i].accept$1(t3);
+    },
+    $signature: 1
+  };
+  A._EvaluateVisitor_visitStyleRule_closure0.prototype = {
+    call$1(node) {
+      return node instanceof A.ModifiableCssStyleRule;
+    },
+    $signature: 7
+  };
+  A._EvaluateVisitor_visitStyleRule_closure2.prototype = {
+    call$0() {
+      var t1 = this.$this;
+      t1._withStyleRule$2(this.rule, new A._EvaluateVisitor_visitStyleRule__closure(t1, this.node));
+    },
+    $signature: 1
+  };
+  A._EvaluateVisitor_visitStyleRule__closure.prototype = {
+    call$0() {
+      var t1, t2, t3, _i;
+      for (t1 = this.node.children, t2 = t1.length, t3 = this.$this, _i = 0; _i < t2; ++_i)
+        t1[_i].accept$1(t3);
+    },
+    $signature: 1
+  };
+  A._EvaluateVisitor_visitStyleRule_closure1.prototype = {
+    call$1(node) {
+      return node instanceof A.ModifiableCssStyleRule;
+    },
+    $signature: 7
+  };
+  A._EvaluateVisitor__warnForBogusCombinators_closure.prototype = {
+    call$1(child) {
+      return child instanceof A.ModifiableCssComment;
+    },
+    $signature: 7
+  };
+  A._EvaluateVisitor_visitSupportsRule_closure.prototype = {
+    call$0() {
+      var t2, t3, _i,
+        t1 = this.$this,
+        _0_0 = t1._atRootExcludingStyleRule ? null : t1._styleRuleIgnoringAtRoot;
+      if (_0_0 != null)
+        t1._withParent$2$2(A.ModifiableCssStyleRule$(_0_0._style_rule$_selector, _0_0.span, false, _0_0.originalSelector), new A._EvaluateVisitor_visitSupportsRule__closure(t1, this.node), type$.ModifiableCssStyleRule, type$.Null);
+      else
+        for (t2 = this.node.children, t3 = t2.length, _i = 0; _i < t3; ++_i)
+          t2[_i].accept$1(t1);
+    },
+    $signature: 1
+  };
+  A._EvaluateVisitor_visitSupportsRule__closure.prototype = {
+    call$0() {
+      var t1, t2, t3, _i;
+      for (t1 = this.node.children, t2 = t1.length, t3 = this.$this, _i = 0; _i < t2; ++_i)
+        t1[_i].accept$1(t3);
+    },
+    $signature: 1
+  };
+  A._EvaluateVisitor_visitSupportsRule_closure0.prototype = {
+    call$1(node) {
+      return node instanceof A.ModifiableCssStyleRule;
+    },
+    $signature: 7
+  };
+  A._EvaluateVisitor__visitSupportsCondition_closure.prototype = {
+    call$0() {
+      var t4,
+        t1 = this.$this,
+        t2 = this._box_0,
+        t3 = t2.declaration.name;
+      t3 = t1._evaluate$_serialize$3$quote(t3.accept$1(t1), t3, true);
+      t4 = t2.declaration.get$isCustomProperty() ? "" : " ";
+      t2 = t2.declaration.value;
+      return "(" + t3 + ":" + t4 + t1._evaluate$_serialize$3$quote(t2.accept$1(t1), t2, true) + ")";
+    },
+    $signature: 29
+  };
+  A._EvaluateVisitor_visitVariableDeclaration_closure.prototype = {
+    call$0() {
+      var t1 = this.$this._environment,
+        t2 = this._box_0.override;
+      t1.setVariable$4$global(this.node.name, t2.value, t2.assignmentNode, true);
+    },
+    $signature: 1
+  };
+  A._EvaluateVisitor_visitVariableDeclaration_closure0.prototype = {
+    call$0() {
+      var t1 = this.node;
+      return this.$this._environment.getVariable$2$namespace(t1.name, t1.namespace);
+    },
+    $signature: 43
+  };
+  A._EvaluateVisitor_visitVariableDeclaration_closure1.prototype = {
+    call$0() {
+      var t1 = this.$this,
+        t2 = this.node;
+      t1._environment.setVariable$5$global$namespace(t2.name, this.value, t1._expressionNode$1(t2.expression), t2.isGlobal, t2.namespace);
+    },
+    $signature: 1
+  };
+  A._EvaluateVisitor_visitUseRule_closure.prototype = {
+    call$2(module, firstLoad) {
+      var t1, t2, t3, _0_0, t4, t5, span;
+      if (firstLoad)
+        this.$this._registerCommentsForModule$1(module);
+      t1 = this.$this._environment;
+      t2 = this.node;
+      t3 = t2.namespace;
+      if (t3 == null) {
+        t1._globalModules.$indexSet(0, module, t2);
+        t1._allModules.push(module);
+        t1 = B.JSArray_methods.get$first(t1._variables);
+        _0_0 = A.IterableExtension_firstWhereOrNull(t1.get$keys(t1), module.get$variables().get$containsKey());
+        if (_0_0 != null)
+          A.throwExpression(A.SassScriptException$(string$.This_ma + _0_0 + '".', null));
+      } else {
+        t4 = t1._environment$_modules;
+        if (t4.containsKey$1(t3)) {
+          t5 = t1._namespaceNodes.$index(0, t3);
+          span = t5 == null ? null : t5.span;
+          t5 = A.LinkedHashMap_LinkedHashMap$_empty(type$.FileSpan, type$.String);
+          if (span != null)
+            t5.$indexSet(0, span, "original @use");
+          A.throwExpression(A.MultiSpanSassScriptException$(string$.There_ + t3 + '".', "new @use", t5));
+        }
+        t4.$indexSet(0, t3, module);
+        t1._namespaceNodes.$indexSet(0, t3, t2);
+        t1._allModules.push(module);
+      }
+    },
+    $signature: 96
+  };
+  A._EvaluateVisitor_visitWarnRule_closure.prototype = {
+    call$0() {
+      return this.node.expression.accept$1(this.$this);
+    },
+    $signature: 36
+  };
+  A._EvaluateVisitor_visitWhileRule_closure.prototype = {
+    call$0() {
+      var t1, t2, t3, _0_0;
+      for (t1 = this.node, t2 = t1.condition, t3 = this.$this, t1 = t1.children; t2.accept$1(t3).get$isTruthy();) {
+        _0_0 = t3._handleReturn$2(t1, new A._EvaluateVisitor_visitWhileRule__closure(t3));
+        if (_0_0 != null)
+          return _0_0;
+      }
+      return null;
+    },
+    $signature: 43
+  };
+  A._EvaluateVisitor_visitWhileRule__closure.prototype = {
+    call$1(child) {
+      return child.accept$1(this.$this);
+    },
+    $signature: 97
+  };
+  A._EvaluateVisitor_visitBinaryOperationExpression_closure.prototype = {
+    call$0() {
+      var t1 = this.node,
+        t2 = this.$this,
+        left = t1.left.accept$1(t2);
+      switch (t1.operator) {
+        case B.BinaryOperator_Kyq:
+          t1 = t1.right.accept$1(t2);
+          t1 = new A.SassString(A.serializeValue(left, false, true) + "=" + A.serializeValue(t1, false, true), false);
+          break;
+        case B.BinaryOperator_tKu:
+          t1 = left.get$isTruthy() ? left : t1.right.accept$1(t2);
+          break;
+        case B.BinaryOperator_uke:
+          t1 = left.get$isTruthy() ? t1.right.accept$1(t2) : left;
+          break;
+        case B.BinaryOperator_r84:
+          t1 = left.$eq(0, t1.right.accept$1(t2)) ? B.SassBoolean_true : B.SassBoolean_false;
+          break;
+        case B.BinaryOperator_qGq:
+          t1 = !left.$eq(0, t1.right.accept$1(t2)) ? B.SassBoolean_true : B.SassBoolean_false;
+          break;
+        case B.BinaryOperator_o8O:
+          t1 = left.greaterThan$1(t1.right.accept$1(t2));
+          break;
+        case B.BinaryOperator_JiR:
+          t1 = left.greaterThanOrEquals$1(t1.right.accept$1(t2));
+          break;
+        case B.BinaryOperator_qHy:
+          t1 = left.lessThan$1(t1.right.accept$1(t2));
+          break;
+        case B.BinaryOperator_FPG:
+          t1 = left.lessThanOrEquals$1(t1.right.accept$1(t2));
+          break;
+        case B.BinaryOperator_Swh:
+          t1 = left.plus$1(t1.right.accept$1(t2));
+          break;
+        case B.BinaryOperator_QG1:
+          t1 = left.minus$1(t1.right.accept$1(t2));
+          break;
+        case B.BinaryOperator_tht:
+          t1 = left.times$1(t1.right.accept$1(t2));
+          break;
+        case B.BinaryOperator_Mh5:
+          t1 = t2._slash$3(left, t1.right.accept$1(t2), t1);
+          break;
+        case B.BinaryOperator_s7T:
+          t1 = left.modulo$1(t1.right.accept$1(t2));
+          break;
+        default:
+          t1 = null;
+      }
+      return t1;
+    },
+    $signature: 36
+  };
+  A._EvaluateVisitor__slash_recommendation.prototype = {
+    call$1(expression) {
+      var t1;
+      $label0$0: {
+        if (expression instanceof A.BinaryOperationExpression && B.BinaryOperator_Mh5 === expression.operator) {
+          t1 = "math.div(" + A.S(this.call$1(expression.left)) + ", " + A.S(this.call$1(expression.right)) + ")";
+          break $label0$0;
+        }
+        if (expression instanceof A.ParenthesizedExpression) {
+          t1 = expression.expression.toString$0(0);
+          break $label0$0;
+        }
+        t1 = expression.toString$0(0);
+        break $label0$0;
+      }
+      return t1;
+    },
+    $signature: 118
+  };
+  A._EvaluateVisitor_visitVariableExpression_closure.prototype = {
+    call$0() {
+      var t1 = this.node;
+      return this.$this._environment.getVariable$2$namespace(t1.name, t1.namespace);
+    },
+    $signature: 43
+  };
+  A._EvaluateVisitor_visitUnaryOperationExpression_closure.prototype = {
+    call$0() {
+      var t1, _this = this;
+      switch (_this.node.operator) {
+        case B.UnaryOperator_Rbl:
+          t1 = _this.operand.unaryPlus$0();
+          break;
+        case B.UnaryOperator_UCP:
+          t1 = _this.operand.unaryMinus$0();
+          break;
+        case B.UnaryOperator_lZV:
+          t1 = new A.SassString("/" + A.serializeValue(_this.operand, false, true), false);
+          break;
+        case B.UnaryOperator_not_not_not:
+          t1 = _this.operand.unaryNot$0();
+          break;
+        default:
+          t1 = null;
+      }
+      return t1;
+    },
+    $signature: 36
+  };
+  A._EvaluateVisitor_visitListExpression_closure.prototype = {
+    call$1(expression) {
+      return expression.accept$1(this.$this);
+    },
+    $signature: 672
+  };
+  A._EvaluateVisitor_visitFunctionExpression_closure.prototype = {
+    call$0() {
+      var t1 = this.node;
+      return this.$this._environment.getFunction$2$namespace(t1.name, t1.namespace);
+    },
+    $signature: 95
+  };
+  A._EvaluateVisitor_visitFunctionExpression_closure0.prototype = {
+    call$1(argument) {
+      return argument.accept$1(B.C_IsCalculationSafeVisitor);
+    },
+    $signature: 129
+  };
+  A._EvaluateVisitor_visitFunctionExpression_closure1.prototype = {
+    call$0() {
+      var t1 = this.node;
+      return this.$this._runFunctionCallable$3(t1.$arguments, this._box_0.$function, t1);
+    },
+    $signature: 36
+  };
+  A._EvaluateVisitor__visitCalculation_closure.prototype = {
+    call$2(message, deprecation) {
+      return this.$this._warn$3(message, this.node.span, deprecation);
+    },
+    call$1(message) {
+      return this.call$2(message, null);
+    },
+    $signature: 93
+  };
+  A._EvaluateVisitor__checkCalculationArguments_check.prototype = {
+    call$1(maxArgs) {
+      var t1 = this.node,
+        t2 = t1.$arguments.positional.length;
+      if (t2 === 0)
+        throw A.wrapException(this.$this._evaluate$_exception$2("Missing argument.", t1.span));
+      else if (maxArgs != null && t2 > maxArgs)
+        throw A.wrapException(this.$this._evaluate$_exception$2("Only " + A.S(maxArgs) + " " + A.pluralize("argument", maxArgs, null) + " allowed, but " + t2 + " " + A.pluralize("was", t2, "were") + " passed.", t1.span));
+    },
+    call$0() {
+      return this.call$1(null);
+    },
+    $signature: 81
+  };
+  A._EvaluateVisitor__visitCalculationExpression_closure.prototype = {
+    call$0() {
+      var _this = this,
+        t1 = _this.$this,
+        t2 = _this._box_0,
+        t3 = _this.node,
+        t4 = _this.inLegacySassFunction;
+      return A.SassCalculation_operateInternal(t1._binaryOperatorToCalculationOperator$2(t2.operator, t3), t1._visitCalculationExpression$2$inLegacySassFunction(t2.left, t4), t1._visitCalculationExpression$2$inLegacySassFunction(t2.right, t4), t4, !t1._inSupportsDeclaration, new A._EvaluateVisitor__visitCalculationExpression__closure(t1, t3));
+    },
+    $signature: 98
+  };
+  A._EvaluateVisitor__visitCalculationExpression__closure.prototype = {
+    call$2(message, deprecation) {
+      return this.$this._warn$3(message, this.node.get$span(0), deprecation);
+    },
+    call$1(message) {
+      return this.call$2(message, null);
+    },
+    $signature: 93
+  };
+  A._EvaluateVisitor_visitInterpolatedFunctionExpression_closure.prototype = {
+    call$0() {
+      var t1 = this.node;
+      return this.$this._runFunctionCallable$3(t1.$arguments, this.$function, t1);
+    },
+    $signature: 36
+  };
+  A._EvaluateVisitor__runUserDefinedCallable_closure.prototype = {
+    call$0() {
+      var _this = this,
+        t1 = _this.$this,
+        t2 = _this.callable;
+      return t1._withEnvironment$2(t2.environment.closure$0(), new A._EvaluateVisitor__runUserDefinedCallable__closure(t1, _this.evaluated, t2, _this.nodeWithSpan, _this.run, _this.V));
+    },
+    $signature() {
+      return this.V._eval$1("0()");
+    }
+  };
+  A._EvaluateVisitor__runUserDefinedCallable__closure.prototype = {
+    call$0() {
+      var _this = this,
+        t1 = _this.$this,
+        t2 = _this.V;
+      return t1._environment.scope$1$1(new A._EvaluateVisitor__runUserDefinedCallable___closure(t1, _this.evaluated, _this.callable, _this.nodeWithSpan, _this.run, t2), t2);
+    },
+    $signature() {
+      return this.V._eval$1("0()");
+    }
+  };
+  A._EvaluateVisitor__runUserDefinedCallable___closure.prototype = {
+    call$0() {
+      var parameters, t5, minLength, i, parameter, t6, value, t7, t8, restParameter, rest, argumentList, result, parameterWord, _this = this,
+        t1 = _this.$this,
+        t2 = _this.evaluated._values,
+        t3 = _this.callable.declaration.parameters,
+        t4 = _this.nodeWithSpan;
+      t1._verifyArguments$4(t2[2].length, t2[0], t3, t4);
+      parameters = t3.parameters;
+      t5 = parameters.length;
+      minLength = Math.min(t2[2].length, t5);
+      for (i = 0; i < minLength; ++i)
+        t1._environment.setLocalVariable$3(parameters[i].name, t2[2][i], t2[3][i]);
+      for (i = t2[2].length; i < t5; ++i) {
+        parameter = parameters[i];
+        t6 = parameter.name;
+        value = t2[0].remove$1(0, t6);
+        if (value == null) {
+          t7 = parameter.defaultValue;
+          value = t1._withoutSlash$2(t7.accept$1(t1), t1._expressionNode$1(t7));
+        }
+        t7 = t1._environment;
+        t8 = t2[1].$index(0, t6);
+        if (t8 == null) {
+          t8 = parameter.defaultValue;
+          t8.toString;
+          t8 = t1._expressionNode$1(t8);
+        }
+        t7.setLocalVariable$3(t6, value, t8);
+      }
+      restParameter = t3.restParameter;
+      if (restParameter != null) {
+        t6 = t2[2];
+        rest = t6.length > t5 ? B.JSArray_methods.sublist$1(t6, t5) : B.List_empty8;
+        t5 = t2[0];
+        t6 = t2[4];
+        argumentList = A.SassArgumentList$(rest, t5, t6 === B.ListSeparator_undecided_null_undecided ? B.ListSeparator_qVN : t6);
+        t1._environment.setLocalVariable$3(restParameter, argumentList, t4);
+      } else
+        argumentList = null;
+      result = _this.run.call$0();
+      if (argumentList == null)
+        return result;
+      t5 = t2[0].__js_helper$_length;
+      if (t5 === 0)
+        return result;
+      if (argumentList._wereKeywordsAccessed)
+        return result;
+      parameterWord = A.pluralize("parameter", t5, null);
+      t2 = t2[0];
+      t5 = A._instanceType(t2)._eval$1("LinkedHashMapKeysIterable<1>");
+      throw A.wrapException(A.MultiSpanSassRuntimeException$("No " + parameterWord + " named " + A.toSentence(A.MappedIterable_MappedIterable(new A.LinkedHashMapKeysIterable(t2, t5), new A._EvaluateVisitor__runUserDefinedCallable____closure(), t5._eval$1("Iterable.E"), type$.Object), "or") + ".", t4.get$span(t4), "invocation", A.LinkedHashMap_LinkedHashMap$_literal([t3.get$spanWithName(), "declaration"], type$.FileSpan, type$.String), t1._evaluate$_stackTrace$1(t4.get$span(t4)), null));
+    },
+    $signature() {
+      return this.V._eval$1("0()");
+    }
+  };
+  A._EvaluateVisitor__runUserDefinedCallable____closure.prototype = {
+    call$1($name) {
+      return "$" + $name;
+    },
+    $signature: 6
+  };
+  A._EvaluateVisitor__runFunctionCallable_closure.prototype = {
+    call$0() {
+      var t1, t2, t3, t4, _i, $returnValue;
+      for (t1 = this.callable.declaration, t2 = t1.children, t3 = t2.length, t4 = this.$this, _i = 0; _i < t3; ++_i) {
+        $returnValue = t2[_i].accept$1(t4);
+        if ($returnValue instanceof A.Value)
+          return $returnValue;
+      }
+      throw A.wrapException(t4._evaluate$_exception$2("Function finished without @return.", t1.span));
+    },
+    $signature: 36
+  };
+  A._EvaluateVisitor__runBuiltInCallable_closure.prototype = {
+    call$0() {
+      return this._box_0.overload.verify$2(this.evaluated._values[2].length, this.namedSet);
+    },
+    $signature: 0
+  };
+  A._EvaluateVisitor__runBuiltInCallable_closure0.prototype = {
+    call$0() {
+      return this._box_0.callback.call$1(this.evaluated._values[2]);
+    },
+    $signature: 36
+  };
+  A._EvaluateVisitor__runBuiltInCallable_closure1.prototype = {
+    call$1($name) {
+      return "$" + $name;
+    },
+    $signature: 6
+  };
+  A._EvaluateVisitor__evaluateArguments_closure.prototype = {
+    call$1(value) {
+      return value;
+    },
+    $signature: 42
+  };
+  A._EvaluateVisitor__evaluateArguments_closure0.prototype = {
+    call$1(value) {
+      return this.$this._withoutSlash$2(value, this.restNodeForSpan);
+    },
+    $signature: 42
+  };
+  A._EvaluateVisitor__evaluateArguments_closure1.prototype = {
+    call$2(key, value) {
+      var _this = this,
+        t1 = _this.restNodeForSpan;
+      _this.named.$indexSet(0, key, _this.$this._withoutSlash$2(value, t1));
+      _this.namedNodes.$indexSet(0, key, t1);
+    },
+    $signature: 80
+  };
+  A._EvaluateVisitor__evaluateArguments_closure2.prototype = {
+    call$1(value) {
+      return value;
+    },
+    $signature: 42
+  };
+  A._EvaluateVisitor__evaluateMacroArguments_closure.prototype = {
+    call$1(value) {
+      var t1 = this.restArgs;
+      return new A.ValueExpression(value, t1.get$span(t1));
+    },
+    $signature: 60
+  };
+  A._EvaluateVisitor__evaluateMacroArguments_closure0.prototype = {
+    call$1(value) {
+      var t1 = this.restArgs;
+      return new A.ValueExpression(this.$this._withoutSlash$2(value, this.restNodeForSpan), t1.get$span(t1));
+    },
+    $signature: 60
+  };
+  A._EvaluateVisitor__evaluateMacroArguments_closure1.prototype = {
+    call$2(key, value) {
+      var _this = this,
+        t1 = _this.restArgs;
+      _this.named.$indexSet(0, key, new A.ValueExpression(_this.$this._withoutSlash$2(value, _this.restNodeForSpan), t1.get$span(t1)));
+    },
+    $signature: 80
+  };
+  A._EvaluateVisitor__evaluateMacroArguments_closure2.prototype = {
+    call$1(value) {
+      var t1 = this.keywordRestArgs;
+      return new A.ValueExpression(this.$this._withoutSlash$2(value, this.keywordRestNodeForSpan), t1.get$span(t1));
+    },
+    $signature: 60
+  };
+  A._EvaluateVisitor__addRestMap_closure.prototype = {
+    call$2(key, value) {
+      var t2, _this = this,
+        t1 = _this.$this;
+      if (key instanceof A.SassString)
+        _this.values.$indexSet(0, key._string$_text, _this.convert.call$1(t1._withoutSlash$2(value, _this.expressionNode)));
+      else {
+        t2 = _this.nodeWithSpan;
+        throw A.wrapException(t1._evaluate$_exception$2(string$.Variab_ + key.toString$0(0) + " is not a string in " + _this.map.toString$0(0) + ".", t2.get$span(t2)));
+      }
+    },
+    $signature: 87
+  };
+  A._EvaluateVisitor__verifyArguments_closure.prototype = {
+    call$0() {
+      return this.parameters.verify$2(this.positional, new A.MapKeySet(this.named, type$.MapKeySet_String));
+    },
+    $signature: 0
+  };
+  A._EvaluateVisitor_visitCssAtRule_closure.prototype = {
+    call$0() {
+      var t1, t2, t3, t4;
+      for (t1 = this.node.children, t2 = t1.$ti, t1 = new A.ListIterator(t1, t1.get$length(0), t2._eval$1("ListIterator<ListBase.E>")), t3 = this.$this, t2 = t2._eval$1("ListBase.E"); t1.moveNext$0();) {
+        t4 = t1.__internal$_current;
+        (t4 == null ? t2._as(t4) : t4).accept$1(t3);
+      }
+    },
+    $signature: 1
+  };
+  A._EvaluateVisitor_visitCssAtRule_closure0.prototype = {
+    call$1(node) {
+      return node instanceof A.ModifiableCssStyleRule;
+    },
+    $signature: 7
+  };
+  A._EvaluateVisitor_visitCssKeyframeBlock_closure.prototype = {
+    call$0() {
+      var t1, t2, t3, t4;
+      for (t1 = this.node.children, t2 = t1.$ti, t1 = new A.ListIterator(t1, t1.get$length(0), t2._eval$1("ListIterator<ListBase.E>")), t3 = this.$this, t2 = t2._eval$1("ListBase.E"); t1.moveNext$0();) {
+        t4 = t1.__internal$_current;
+        (t4 == null ? t2._as(t4) : t4).accept$1(t3);
+      }
+    },
+    $signature: 1
+  };
+  A._EvaluateVisitor_visitCssKeyframeBlock_closure0.prototype = {
+    call$1(node) {
+      return node instanceof A.ModifiableCssStyleRule;
+    },
+    $signature: 7
+  };
+  A._EvaluateVisitor_visitCssMediaRule_closure.prototype = {
+    call$1(mediaQueries) {
+      return this.$this._mergeMediaQueries$2(mediaQueries, this.node.queries);
+    },
+    $signature: 91
+  };
+  A._EvaluateVisitor_visitCssMediaRule_closure0.prototype = {
+    call$0() {
+      var _this = this,
+        t1 = _this.$this,
+        t2 = _this.mergedQueries;
+      if (t2 == null)
+        t2 = _this.node.queries;
+      t1._withMediaQueries$3(t2, _this.mergedSources, new A._EvaluateVisitor_visitCssMediaRule__closure(t1, _this.node));
+    },
+    $signature: 1
+  };
+  A._EvaluateVisitor_visitCssMediaRule__closure.prototype = {
+    call$0() {
+      var t2, t3, t4,
+        t1 = this.$this,
+        _0_0 = t1._atRootExcludingStyleRule ? null : t1._styleRuleIgnoringAtRoot;
+      if (_0_0 != null)
+        t1._withParent$2$3$scopeWhen(A.ModifiableCssStyleRule$(_0_0._style_rule$_selector, _0_0.span, false, _0_0.originalSelector), new A._EvaluateVisitor_visitCssMediaRule___closure(t1, this.node), false, type$.ModifiableCssStyleRule, type$.Null);
+      else
+        for (t2 = this.node.children, t3 = t2.$ti, t2 = new A.ListIterator(t2, t2.get$length(0), t3._eval$1("ListIterator<ListBase.E>")), t3 = t3._eval$1("ListBase.E"); t2.moveNext$0();) {
+          t4 = t2.__internal$_current;
+          (t4 == null ? t3._as(t4) : t4).accept$1(t1);
+        }
+    },
+    $signature: 1
+  };
+  A._EvaluateVisitor_visitCssMediaRule___closure.prototype = {
+    call$0() {
+      var t1, t2, t3, t4;
+      for (t1 = this.node.children, t2 = t1.$ti, t1 = new A.ListIterator(t1, t1.get$length(0), t2._eval$1("ListIterator<ListBase.E>")), t3 = this.$this, t2 = t2._eval$1("ListBase.E"); t1.moveNext$0();) {
+        t4 = t1.__internal$_current;
+        (t4 == null ? t2._as(t4) : t4).accept$1(t3);
+      }
+    },
+    $signature: 1
+  };
+  A._EvaluateVisitor_visitCssMediaRule_closure1.prototype = {
+    call$1(node) {
+      var t1;
+      if (!(node instanceof A.ModifiableCssStyleRule)) {
+        t1 = this.mergedSources;
+        t1 = t1.get$isNotEmpty(t1) && node instanceof A.ModifiableCssMediaRule && B.JSArray_methods.every$1(node.queries, t1.get$contains(t1));
+      } else
+        t1 = true;
+      return t1;
+    },
+    $signature: 7
+  };
+  A._EvaluateVisitor_visitCssStyleRule_closure0.prototype = {
+    call$0() {
+      var t1 = this.$this;
+      t1._withStyleRule$2(this.rule, new A._EvaluateVisitor_visitCssStyleRule__closure(t1, this.node));
+    },
+    $signature: 1
+  };
+  A._EvaluateVisitor_visitCssStyleRule__closure.prototype = {
+    call$0() {
+      var t1, t2, t3, t4;
+      for (t1 = this.node.children, t2 = t1.$ti, t1 = new A.ListIterator(t1, t1.get$length(0), t2._eval$1("ListIterator<ListBase.E>")), t3 = this.$this, t2 = t2._eval$1("ListBase.E"); t1.moveNext$0();) {
+        t4 = t1.__internal$_current;
+        (t4 == null ? t2._as(t4) : t4).accept$1(t3);
+      }
+    },
+    $signature: 1
+  };
+  A._EvaluateVisitor_visitCssStyleRule_closure.prototype = {
+    call$1(node) {
+      return node instanceof A.ModifiableCssStyleRule;
+    },
+    $signature: 7
+  };
+  A._EvaluateVisitor_visitCssSupportsRule_closure.prototype = {
+    call$0() {
+      var t2, t3, t4,
+        t1 = this.$this,
+        _0_0 = t1._atRootExcludingStyleRule ? null : t1._styleRuleIgnoringAtRoot;
+      if (_0_0 != null)
+        t1._withParent$2$2(A.ModifiableCssStyleRule$(_0_0._style_rule$_selector, _0_0.span, false, _0_0.originalSelector), new A._EvaluateVisitor_visitCssSupportsRule__closure(t1, this.node), type$.ModifiableCssStyleRule, type$.Null);
+      else
+        for (t2 = this.node.children, t3 = t2.$ti, t2 = new A.ListIterator(t2, t2.get$length(0), t3._eval$1("ListIterator<ListBase.E>")), t3 = t3._eval$1("ListBase.E"); t2.moveNext$0();) {
+          t4 = t2.__internal$_current;
+          (t4 == null ? t3._as(t4) : t4).accept$1(t1);
+        }
+    },
+    $signature: 1
+  };
+  A._EvaluateVisitor_visitCssSupportsRule__closure.prototype = {
+    call$0() {
+      var t1, t2, t3, t4;
+      for (t1 = this.node.children, t2 = t1.$ti, t1 = new A.ListIterator(t1, t1.get$length(0), t2._eval$1("ListIterator<ListBase.E>")), t3 = this.$this, t2 = t2._eval$1("ListBase.E"); t1.moveNext$0();) {
+        t4 = t1.__internal$_current;
+        (t4 == null ? t2._as(t4) : t4).accept$1(t3);
+      }
+    },
+    $signature: 1
+  };
+  A._EvaluateVisitor_visitCssSupportsRule_closure0.prototype = {
+    call$1(node) {
+      return node instanceof A.ModifiableCssStyleRule;
+    },
+    $signature: 7
+  };
+  A._EvaluateVisitor__performInterpolationHelper_closure.prototype = {
+    call$1(targetLocations) {
+      return A.InterpolationMap$(this.interpolation, targetLocations);
+    },
+    $signature: 232
+  };
+  A._EvaluateVisitor__serialize_closure.prototype = {
+    call$0() {
+      return A.serializeValue(this.value, false, this.quote);
+    },
+    $signature: 29
+  };
+  A._EvaluateVisitor__expressionNode_closure.prototype = {
+    call$0() {
+      var t1 = this.expression;
+      return this.$this._environment.getVariableNode$2$namespace(t1.name, t1.namespace);
+    },
+    $signature: 252
+  };
+  A._EvaluateVisitor__withoutSlash_recommendation.prototype = {
+    call$1(number) {
+      var before, after, t1,
+        _1_0 = number.asSlash;
+      $label0$0: {
+        if (type$.Record_2_nullable_Object_and_nullable_Object._is(_1_0)) {
+          before = _1_0._0;
+          after = _1_0._1;
+          t1 = "math.div(" + A.S(this.call$1(before)) + ", " + A.S(this.call$1(after)) + ")";
+          break $label0$0;
+        }
+        t1 = A.serializeValue(number, true, true);
+        break $label0$0;
+      }
+      return t1;
+    },
+    $signature: 261
+  };
+  A._EvaluateVisitor__stackFrame_closure.prototype = {
+    call$1(url) {
+      var t1 = this.$this._evaluate$_importCache;
+      t1 = t1 == null ? null : t1.humanize$1(url);
+      return t1 == null ? url : t1;
+    },
+    $signature: 47
+  };
+  A._ImportedCssVisitor.prototype = {
+    visitCssAtRule$1(node) {
+      var t1 = node.isChildless ? null : new A._ImportedCssVisitor_visitCssAtRule_closure();
+      this._visitor._addChild$2$through(node, t1);
+    },
+    visitCssComment$1(node) {
+      return this._visitor._addChild$1(node);
+    },
+    visitCssDeclaration$1(node) {
+      return this._visitor._addChild$1(node);
+    },
+    visitCssImport$1(node) {
+      var t2,
+        _s13_ = "_endOfImports",
+        t1 = this._visitor;
+      if (t1._assertInModule$2(t1.__parent, "__parent") !== t1._assertInModule$2(t1.__root, "_root"))
+        t1._addChild$1(node);
+      else if (t1._assertInModule$2(t1.__endOfImports, _s13_) === J.get$length$asx(t1._assertInModule$2(t1.__root, "_root").children._collection$_source)) {
+        t1._addChild$1(node);
+        t1.__endOfImports = t1._assertInModule$2(t1.__endOfImports, _s13_) + 1;
+      } else {
+        t2 = t1._outOfOrderImports;
+        (t2 == null ? t1._outOfOrderImports = A._setArrayType([], type$.JSArray_ModifiableCssImport) : t2).push(node);
+      }
+    },
+    visitCssKeyframeBlock$1(node) {
+    },
+    visitCssMediaRule$1(node) {
+      var t1 = this._visitor,
+        mediaQueries = t1._mediaQueries;
+      t1._addChild$2$through(node, new A._ImportedCssVisitor_visitCssMediaRule_closure(mediaQueries == null || t1._mergeMediaQueries$2(mediaQueries, node.queries) != null));
+    },
+    visitCssStyleRule$1(node) {
+      return this._visitor._addChild$2$through(node, new A._ImportedCssVisitor_visitCssStyleRule_closure());
+    },
+    visitCssStylesheet$1(node) {
+      var t1, t2, t3;
+      for (t1 = node.children, t2 = t1.$ti, t1 = new A.ListIterator(t1, t1.get$length(0), t2._eval$1("ListIterator<ListBase.E>")), t2 = t2._eval$1("ListBase.E"); t1.moveNext$0();) {
+        t3 = t1.__internal$_current;
+        (t3 == null ? t2._as(t3) : t3).accept$1(this);
+      }
+    },
+    visitCssSupportsRule$1(node) {
+      return this._visitor._addChild$2$through(node, new A._ImportedCssVisitor_visitCssSupportsRule_closure());
+    }
+  };
+  A._ImportedCssVisitor_visitCssAtRule_closure.prototype = {
+    call$1(node) {
+      return node instanceof A.ModifiableCssStyleRule;
+    },
+    $signature: 7
+  };
+  A._ImportedCssVisitor_visitCssMediaRule_closure.prototype = {
+    call$1(node) {
+      var t1;
+      if (!(node instanceof A.ModifiableCssStyleRule))
+        t1 = this.hasBeenMerged && node instanceof A.ModifiableCssMediaRule;
+      else
+        t1 = true;
+      return t1;
+    },
+    $signature: 7
+  };
+  A._ImportedCssVisitor_visitCssStyleRule_closure.prototype = {
+    call$1(node) {
+      return node instanceof A.ModifiableCssStyleRule;
+    },
+    $signature: 7
+  };
+  A._ImportedCssVisitor_visitCssSupportsRule_closure.prototype = {
+    call$1(node) {
+      return node instanceof A.ModifiableCssStyleRule;
+    },
+    $signature: 7
+  };
+  A._EvaluationContext.prototype = {
+    get$currentCallableSpan() {
+      var _0_0 = this._visitor._callableNode;
+      if (_0_0 != null)
+        return _0_0.get$span(_0_0);
+      throw A.wrapException(A.StateError$(string$.No_Sasc));
+    },
+    warn$2(_, message, deprecation) {
+      var t1 = this._visitor,
+        t2 = t1._importSpan;
+      if (t2 == null) {
+        t2 = t1._callableNode;
+        t2 = t2 == null ? null : t2.get$span(t2);
+      }
+      if (t2 == null) {
+        t2 = this._defaultWarnNodeWithSpan;
+        t2 = t2.get$span(t2);
+      }
+      t1._warn$3(message, t2, deprecation);
+    },
+    $isEvaluationContext: 1
+  };
+  A.EveryCssVisitor.prototype = {
+    visitCssAtRule$1(node) {
+      var t1 = node.children;
+      return t1.every$1(t1, new A.EveryCssVisitor_visitCssAtRule_closure(this));
+    },
+    visitCssComment$1(node) {
+      return false;
+    },
+    visitCssDeclaration$1(node) {
+      return false;
+    },
+    visitCssImport$1(node) {
+      return false;
+    },
+    visitCssKeyframeBlock$1(node) {
+      var t1 = node.children;
+      return t1.every$1(t1, new A.EveryCssVisitor_visitCssKeyframeBlock_closure(this));
+    },
+    visitCssMediaRule$1(node) {
+      var t1 = node.children;
+      return t1.every$1(t1, new A.EveryCssVisitor_visitCssMediaRule_closure(this));
+    },
+    visitCssStyleRule$1(node) {
+      var t1 = node.children;
+      return t1.every$1(t1, new A.EveryCssVisitor_visitCssStyleRule_closure(this));
+    },
+    visitCssStylesheet$1(node) {
+      return J.every$1$ax(node.get$children(node), new A.EveryCssVisitor_visitCssStylesheet_closure(this));
+    },
+    visitCssSupportsRule$1(node) {
+      var t1 = node.children;
+      return t1.every$1(t1, new A.EveryCssVisitor_visitCssSupportsRule_closure(this));
+    }
+  };
+  A.EveryCssVisitor_visitCssAtRule_closure.prototype = {
+    call$1(child) {
+      return child.accept$1(this.$this);
+    },
+    $signature: 7
+  };
+  A.EveryCssVisitor_visitCssKeyframeBlock_closure.prototype = {
+    call$1(child) {
+      return child.accept$1(this.$this);
+    },
+    $signature: 7
+  };
+  A.EveryCssVisitor_visitCssMediaRule_closure.prototype = {
+    call$1(child) {
+      return child.accept$1(this.$this);
+    },
+    $signature: 7
+  };
+  A.EveryCssVisitor_visitCssStyleRule_closure.prototype = {
+    call$1(child) {
+      return child.accept$1(this.$this);
+    },
+    $signature: 7
+  };
+  A.EveryCssVisitor_visitCssStylesheet_closure.prototype = {
+    call$1(child) {
+      return child.accept$1(this.$this);
+    },
+    $signature: 7
+  };
+  A.EveryCssVisitor_visitCssSupportsRule_closure.prototype = {
+    call$1(child) {
+      return child.accept$1(this.$this);
+    },
+    $signature: 7
+  };
+  A._MakeExpressionCalculationSafe.prototype = {
+    visitBinaryOperationExpression$1(_, node) {
+      var t1, t2, t3, t4;
+      if (node.operator === B.BinaryOperator_s7T) {
+        t1 = A._setArrayType([node], type$.JSArray_Expression);
+        t2 = node.get$span(0);
+        t3 = type$.Expression;
+        t1 = A.List_List$unmodifiable(t1, t3);
+        t3 = A.ConstantMap_ConstantMap$from(B.Map_empty4, type$.String, t3);
+        t4 = node.get$span(0);
+        t1 = new A.FunctionExpression("math", A.stringReplaceAllUnchecked("max", "_", "-"), "max", new A.ArgumentList(t1, t3, null, null, t2), t4);
+      } else
+        t1 = this.super$ReplaceExpressionVisitor$visitBinaryOperationExpression(0, node);
+      return t1;
+    },
+    visitInterpolatedFunctionExpression$1(_, node) {
+      return node;
+    },
+    visitUnaryOperationExpression$1(_, node) {
+      var t1,
+        _0_0 = node.operator;
+      $label0$0: {
+        if (B.UnaryOperator_Rbl === _0_0) {
+          t1 = node.operand;
+          break $label0$0;
+        }
+        if (B.UnaryOperator_UCP === _0_0) {
+          t1 = new A.BinaryOperationExpression(B.BinaryOperator_tht, new A.NumberExpression(-1, null, node.span), node.operand, false);
+          break $label0$0;
+        }
+        t1 = this.super$ReplaceExpressionVisitor$visitUnaryOperationExpression(0, node);
+        break $label0$0;
+      }
+      return t1;
+    }
+  };
+  A.__MakeExpressionCalculationSafe_Object_ReplaceExpressionVisitor.prototype = {};
+  A._FindDependenciesVisitor.prototype = {
+    visitEachRule$1(_, node) {
+    },
+    visitForRule$1(_, node) {
+    },
+    visitIfRule$1(_, node) {
+    },
+    visitWhileRule$1(_, node) {
+    },
+    visitUseRule$1(_, node) {
+      var t1 = node.url;
+      if (t1.get$scheme() !== "sass")
+        this._find_dependencies$_uses.add$1(0, t1);
+      else if (t1.toString$0(0) === "sass:meta")
+        this._metaNamespaces.add$1(0, node.namespace);
+    },
+    visitForwardRule$1(_, node) {
+      var t1 = node.url;
+      if (t1.get$scheme() !== "sass")
+        this._find_dependencies$_forwards.add$1(0, t1);
+    },
+    visitImportRule$1(_, node) {
+      var t1, t2, t3, _i, $import;
+      for (t1 = node.imports, t2 = t1.length, t3 = this._imports, _i = 0; _i < t2; ++_i) {
+        $import = t1[_i];
+        if ($import instanceof A.DynamicImport)
+          t3.add$1(0, A.Uri_parse($import.urlString));
+      }
+    },
+    visitIncludeRule$1(_, node) {
+      var url, _0_0, _0_4_isSet, _0_7, t1, _0_4, _0_7_isSet, url0, exception;
+      if (node.name !== "load-css")
+        return;
+      if (!this._metaNamespaces.contains$1(0, node.namespace))
+        return;
+      _0_0 = node.$arguments.positional;
+      url = null;
+      _0_4_isSet = _0_0.length === 1;
+      _0_7 = null;
+      t1 = false;
+      if (_0_4_isSet) {
+        _0_4 = _0_0[0];
+        _0_7_isSet = _0_4 instanceof A.StringExpression;
+        if (_0_7_isSet) {
+          type$.StringExpression._as(_0_4);
+          _0_7 = _0_4.text.get$asPlain();
+          t1 = _0_7;
+          t1 = t1 != null;
+        }
+      } else {
+        _0_4 = null;
+        _0_7_isSet = false;
+      }
+      if (t1) {
+        if (_0_7_isSet)
+          url0 = _0_7;
+        else {
+          t1 = _0_4_isSet ? _0_4 : _0_0[0];
+          _0_7 = type$.StringExpression._as(t1).text.get$asPlain();
+          url0 = _0_7;
+        }
+        url = url0 == null ? A._asString(url0) : url0;
+        try {
+          this._metaLoadCss.add$1(0, A.Uri_parse(url));
+        } catch (exception) {
+          if (!type$.FormatException._is(A.unwrapException(exception)))
+            throw exception;
+        }
+      }
+    }
+  };
+  A.__FindDependenciesVisitor_Object_RecursiveStatementVisitor.prototype = {};
+  A.IsCalculationSafeVisitor.prototype = {
+    visitBinaryOperationExpression$1(_, node) {
+      return B.Set_oQTdo.contains$1(0, node.operator) && node.left.accept$1(this) && node.right.accept$1(this);
+    },
+    visitBooleanExpression$1(_, node) {
+      return false;
+    },
+    visitColorExpression$1(_, node) {
+      return false;
+    },
+    visitFunctionExpression$1(_, node) {
+      return true;
+    },
+    visitInterpolatedFunctionExpression$1(_, node) {
+      return true;
+    },
+    visitIfExpression$1(_, node) {
+      return true;
+    },
+    visitListExpression$1(_, node) {
+      var t1 = false;
+      if (node.separator === B.ListSeparator_qSL)
+        if (!node.hasBrackets) {
+          t1 = node.contents;
+          t1 = t1.length > 1 && B.JSArray_methods.every$1(t1, new A.IsCalculationSafeVisitor_visitListExpression_closure(this));
+        }
+      return t1;
+    },
+    visitMapExpression$1(_, node) {
+      return false;
+    },
+    visitNullExpression$1(_, node) {
+      return false;
+    },
+    visitNumberExpression$1(_, node) {
+      return true;
+    },
+    visitParenthesizedExpression$1(_, node) {
+      return node.expression.accept$1(this);
+    },
+    visitSelectorExpression$1(_, node) {
+      return false;
+    },
+    visitStringExpression$1(_, node) {
+      var text, t1, t2;
+      if (node.hasQuotes)
+        return false;
+      text = node.text.get$initialPlain();
+      t1 = false;
+      if (!B.JSString_methods.startsWith$1(text, "!"))
+        if (!B.JSString_methods.startsWith$1(text, "#")) {
+          t2 = text.length;
+          if ((1 >= t2 ? null : text.charCodeAt(1)) !== 43)
+            t1 = (3 >= t2 ? null : text.charCodeAt(3)) !== 40;
+        }
+      return t1;
+    },
+    visitSupportsExpression$1(_, node) {
+      return false;
+    },
+    visitUnaryOperationExpression$1(_, node) {
+      return false;
+    },
+    visitValueExpression$1(_, node) {
+      return false;
+    },
+    visitVariableExpression$1(_, node) {
+      return true;
+    }
+  };
+  A.IsCalculationSafeVisitor_visitListExpression_closure.prototype = {
+    call$1(expression) {
+      return expression.accept$1(this.$this);
+    },
+    $signature: 129
+  };
+  A.RecursiveStatementVisitor.prototype = {
+    visitAtRootRule$1(_, node) {
+      this.visitChildren$1(node.children);
+    },
+    visitAtRule$1(_, node) {
+      return A.NullableExtension_andThen(node.children, this.get$visitChildren());
+    },
+    visitContentBlock$1(_, node) {
+      return null;
+    },
+    visitContentRule$1(_, node) {
+    },
+    visitDebugRule$1(_, node) {
+    },
+    visitDeclaration$1(_, node) {
+      return A.NullableExtension_andThen(node.children, this.get$visitChildren());
+    },
+    visitEachRule$1(_, node) {
+      return this.visitChildren$1(node.children);
+    },
+    visitErrorRule$1(_, node) {
+    },
+    visitExtendRule$1(_, node) {
+    },
+    visitForRule$1(_, node) {
+      return this.visitChildren$1(node.children);
+    },
+    visitForwardRule$1(_, node) {
+    },
+    visitFunctionRule$1(_, node) {
+      return null;
+    },
+    visitIfRule$1(_, node) {
+      var t1, t2, _i, t3, t4, _i0, _0_0;
+      for (t1 = node.clauses, t2 = t1.length, _i = 0; _i < t2; ++_i)
+        for (t3 = t1[_i].children, t4 = t3.length, _i0 = 0; _i0 < t4; ++_i0)
+          t3[_i0].accept$1(this);
+      _0_0 = node.lastClause;
+      if (_0_0 != null)
+        for (t1 = _0_0.children, t2 = t1.length, _i = 0; _i < t2; ++_i)
+          t1[_i].accept$1(this);
+    },
+    visitImportRule$1(_, node) {
+    },
+    visitIncludeRule$1(_, node) {
+      return A.NullableExtension_andThen(node.content, this.get$visitContentBlock(this));
+    },
+    visitLoudComment$1(_, node) {
+    },
+    visitMediaRule$1(_, node) {
+      return this.visitChildren$1(node.children);
+    },
+    visitMixinRule$1(_, node) {
+      return null;
+    },
+    visitReturnRule$1(_, node) {
+    },
+    visitSilentComment$1(_, node) {
+    },
+    visitStyleRule$1(_, node) {
+      return this.visitChildren$1(node.children);
+    },
+    visitStylesheet$1(_, node) {
+      return this.visitChildren$1(node.children);
+    },
+    visitSupportsRule$1(_, node) {
+      return this.visitChildren$1(node.children);
+    },
+    visitUseRule$1(_, node) {
+    },
+    visitVariableDeclaration$1(_, node) {
+    },
+    visitWarnRule$1(_, node) {
+    },
+    visitWhileRule$1(_, node) {
+      return this.visitChildren$1(node.children);
+    },
+    visitChildren$1(children) {
+      var t1;
+      for (t1 = J.get$iterator$ax(children); t1.moveNext$0();)
+        t1.get$current(t1).accept$1(this);
+    }
+  };
+  A.ReplaceExpressionVisitor.prototype = {
+    visitBinaryOperationExpression$1(_, node) {
+      return new A.BinaryOperationExpression(node.operator, node.left.accept$1(this), node.right.accept$1(this), false);
+    },
+    visitBooleanExpression$1(_, node) {
+      return node;
+    },
+    visitColorExpression$1(_, node) {
+      return node;
+    },
+    visitFunctionExpression$1(_, node) {
+      var t1 = node.originalName,
+        t2 = this.visitArgumentList$1(node.$arguments);
+      return new A.FunctionExpression(node.namespace, A.stringReplaceAllUnchecked(t1, "_", "-"), t1, t2, node.span);
+    },
+    visitInterpolatedFunctionExpression$1(_, node) {
+      return new A.InterpolatedFunctionExpression(this.visitInterpolation$1(node.name), this.visitArgumentList$1(node.$arguments), node.span);
+    },
+    visitIfExpression$1(_, node) {
+      return new A.IfExpression(this.visitArgumentList$1(node.$arguments), node.span);
+    },
+    visitListExpression$1(_, node) {
+      var t1 = node.contents;
+      return new A.ListExpression(A.List_List$unmodifiable(new A.MappedListIterable(t1, new A.ReplaceExpressionVisitor_visitListExpression_closure(this), A._arrayInstanceType(t1)._eval$1("MappedListIterable<1,Expression>")), type$.Expression), node.separator, node.hasBrackets, node.span);
+    },
+    visitMapExpression$1(_, node) {
+      var t2, t3, _i, t4,
+        t1 = A._setArrayType([], type$.JSArray_Record_2_Expression_and_Expression);
+      for (t2 = node.pairs, t3 = t2.length, _i = 0; _i < t3; ++_i) {
+        t4 = t2[_i];
+        t1.push(new A._Record_2(t4._0.accept$1(this), t4._1.accept$1(this)));
+      }
+      return new A.MapExpression(A.List_List$unmodifiable(t1, type$.Record_2_Expression_and_Expression), node.span);
+    },
+    visitNullExpression$1(_, node) {
+      return node;
+    },
+    visitNumberExpression$1(_, node) {
+      return node;
+    },
+    visitParenthesizedExpression$1(_, node) {
+      return new A.ParenthesizedExpression(node.expression.accept$1(this), node.span);
+    },
+    visitSelectorExpression$1(_, node) {
+      return node;
+    },
+    visitStringExpression$1(_, node) {
+      return new A.StringExpression(this.visitInterpolation$1(node.text), node.hasQuotes);
+    },
+    visitSupportsExpression$1(_, node) {
+      return new A.SupportsExpression(this.visitSupportsCondition$1(node.condition));
+    },
+    visitUnaryOperationExpression$1(_, node) {
+      return new A.UnaryOperationExpression(node.operator, node.operand.accept$1(this), node.span);
+    },
+    visitValueExpression$1(_, node) {
+      return node;
+    },
+    visitVariableExpression$1(_, node) {
+      return node;
+    },
+    visitArgumentList$1(invocation) {
+      var t5, t6, _this = this,
+        t1 = invocation.positional,
+        t2 = type$.String,
+        t3 = type$.Expression,
+        t4 = A.LinkedHashMap_LinkedHashMap$_empty(t2, t3);
+      for (t5 = A.MapExtensions_get_pairs(invocation.named, t2, t3), t5 = t5.get$iterator(t5); t5.moveNext$0();) {
+        t6 = t5.get$current(t5);
+        t4.$indexSet(0, t6._0, t6._1.accept$1(_this));
+      }
+      t5 = invocation.rest;
+      t5 = t5 == null ? null : t5.accept$1(_this);
+      t6 = invocation.keywordRest;
+      t6 = t6 == null ? null : t6.accept$1(_this);
+      return new A.ArgumentList(A.List_List$unmodifiable(new A.MappedListIterable(t1, new A.ReplaceExpressionVisitor_visitArgumentList_closure(_this), A._arrayInstanceType(t1)._eval$1("MappedListIterable<1,Expression>")), t3), A.ConstantMap_ConstantMap$from(t4, t2, t3), t5, t6, invocation.span);
+    },
+    visitSupportsCondition$1(condition) {
+      var _this = this;
+      if (condition instanceof A.SupportsOperation)
+        return A.SupportsOperation$(_this.visitSupportsCondition$1(condition.left), _this.visitSupportsCondition$1(condition.right), condition.operator, condition.span);
+      else if (condition instanceof A.SupportsNegation)
+        return new A.SupportsNegation(_this.visitSupportsCondition$1(condition.condition), condition.span);
+      else if (condition instanceof A.SupportsInterpolation)
+        return new A.SupportsInterpolation(condition.expression.accept$1(_this), condition.span);
+      else if (condition instanceof A.SupportsDeclaration)
+        return new A.SupportsDeclaration(condition.name.accept$1(_this), condition.value.accept$1(_this), condition.span);
+      else
+        throw A.wrapException(A.SassException$("BUG: Unknown SupportsCondition " + condition.toString$0(0) + ".", condition.get$span(condition), null));
+    },
+    visitInterpolation$1(interpolation) {
+      var t1 = interpolation.contents;
+      return A.Interpolation$(new A.MappedListIterable(t1, new A.ReplaceExpressionVisitor_visitInterpolation_closure(this), A._arrayInstanceType(t1)._eval$1("MappedListIterable<1,Object>")), interpolation.spans, interpolation.span);
+    }
+  };
+  A.ReplaceExpressionVisitor_visitListExpression_closure.prototype = {
+    call$1(item) {
+      return item.accept$1(this.$this);
+    },
+    $signature: 146
+  };
+  A.ReplaceExpressionVisitor_visitArgumentList_closure.prototype = {
+    call$1(expression) {
+      return expression.accept$1(this.$this);
+    },
+    $signature: 146
+  };
+  A.ReplaceExpressionVisitor_visitInterpolation_closure.prototype = {
+    call$1(node) {
+      return node instanceof A.Expression ? node.accept$1(this.$this) : node;
+    },
+    $signature: 71
+  };
+  A.SelectorSearchVisitor.prototype = {
+    visitAttributeSelector$1(attribute) {
+      return null;
+    },
+    visitClassSelector$1(klass) {
+      return null;
+    },
+    visitIDSelector$1(id) {
+      return null;
+    },
+    visitParentSelector$1(placeholder) {
+      return null;
+    },
+    visitPlaceholderSelector$1(placeholder) {
+      return null;
+    },
+    visitTypeSelector$1(type) {
+      return null;
+    },
+    visitUniversalSelector$1(universal) {
+      return null;
+    },
+    visitComplexSelector$1(complex) {
+      return A.IterableExtension_search(complex.components, new A.SelectorSearchVisitor_visitComplexSelector_closure(this));
+    },
+    visitCompoundSelector$1(compound) {
+      return A.IterableExtension_search(compound.components, new A.SelectorSearchVisitor_visitCompoundSelector_closure(this));
+    },
+    visitPseudoSelector$1(pseudo) {
+      return A.NullableExtension_andThen(pseudo.selector, this.get$visitSelectorList());
+    },
+    visitSelectorList$1(list) {
+      return A.IterableExtension_search(list.components, this.get$visitComplexSelector());
+    }
+  };
+  A.SelectorSearchVisitor_visitComplexSelector_closure.prototype = {
+    call$1(component) {
+      return this.$this.visitCompoundSelector$1(component.selector);
+    },
+    $signature() {
+      return A._instanceType(this.$this)._eval$1("SelectorSearchVisitor.T?(ComplexSelectorComponent)");
+    }
+  };
+  A.SelectorSearchVisitor_visitCompoundSelector_closure.prototype = {
+    call$1(simple) {
+      return simple.accept$1(this.$this);
+    },
+    $signature() {
+      return A._instanceType(this.$this)._eval$1("SelectorSearchVisitor.T?(SimpleSelector)");
+    }
+  };
+  A.serialize_closure.prototype = {
+    call$1(codeUnit) {
+      return codeUnit > 127;
+    },
+    $signature: 50
+  };
+  A._SerializeVisitor.prototype = {
+    visitCssStylesheet$1(node) {
+      var t1, t2, t3, t4, t5, t6, previous, previous0, t7, _this = this;
+      for (t1 = J.get$iterator$ax(node.get$children(node)), t2 = !_this._inspect, t3 = _this._style === B.OutputStyle_1, t4 = !t3, t5 = type$.CssParentNode, t6 = _this._serialize$_buffer, previous = null; t1.moveNext$0();) {
+        previous0 = t1.get$current(t1);
+        if (t2)
+          t7 = t3 ? previous0.accept$1(B._IsInvisibleVisitor_true_true) : previous0.accept$1(B._IsInvisibleVisitor_true_false);
+        else
+          t7 = false;
+        if (t7)
+          continue;
+        if (previous != null) {
+          if (t5._is(previous) ? previous.get$isChildless() : !(previous instanceof A.ModifiableCssComment))
+            t6.writeCharCode$1(59);
+          if (_this._isTrailingComment$2(previous0, previous)) {
+            if (t4)
+              t6.writeCharCode$1(32);
+          } else {
+            if (t4)
+              t6.write$1(0, "\n");
+            if (previous.get$isGroupEnd())
+              if (t4)
+                t6.write$1(0, "\n");
+          }
+        }
+        previous0.accept$1(_this);
+        previous = previous0;
+      }
+      if (previous != null)
+        t1 = (t5._is(previous) ? previous.get$isChildless() : !(previous instanceof A.ModifiableCssComment)) && t4;
+      else
+        t1 = false;
+      if (t1)
+        t6.writeCharCode$1(59);
+    },
+    visitCssComment$1(node) {
+      this._serialize$_buffer.forSpan$2(node.span, new A._SerializeVisitor_visitCssComment_closure(this, node));
+    },
+    visitCssAtRule$1(node) {
+      var t1, _this = this;
+      _this._writeIndentation$0();
+      t1 = _this._serialize$_buffer;
+      t1.forSpan$2(node.span, new A._SerializeVisitor_visitCssAtRule_closure(_this, node));
+      if (!node.isChildless) {
+        if (_this._style !== B.OutputStyle_1)
+          t1.writeCharCode$1(32);
+        _this._serialize$_visitChildren$1(node);
+      }
+    },
+    visitCssMediaRule$1(node) {
+      var t1, _this = this;
+      _this._writeIndentation$0();
+      t1 = _this._serialize$_buffer;
+      t1.forSpan$2(node.span, new A._SerializeVisitor_visitCssMediaRule_closure(_this, node));
+      if (_this._style !== B.OutputStyle_1)
+        t1.writeCharCode$1(32);
+      _this._serialize$_visitChildren$1(node);
+    },
+    visitCssImport$1(node) {
+      this._writeIndentation$0();
+      this._serialize$_buffer.forSpan$2(node.span, new A._SerializeVisitor_visitCssImport_closure(this, node));
+    },
+    _writeImportUrl$1(url) {
+      var urlContents, maybeQuote, _this = this;
+      if (_this._style !== B.OutputStyle_1 || url.charCodeAt(0) !== 117) {
+        _this._serialize$_buffer.write$1(0, url);
+        return;
+      }
+      urlContents = B.JSString_methods.substring$2(url, 4, url.length - 1);
+      maybeQuote = urlContents.charCodeAt(0);
+      if (maybeQuote === 39 || maybeQuote === 34)
+        _this._serialize$_buffer.write$1(0, urlContents);
+      else
+        _this._visitQuotedString$1(urlContents);
+    },
+    visitCssKeyframeBlock$1(node) {
+      var t1, _this = this;
+      _this._writeIndentation$0();
+      t1 = _this._serialize$_buffer;
+      t1.forSpan$2(node.selector.span, new A._SerializeVisitor_visitCssKeyframeBlock_closure(_this, node));
+      if (_this._style !== B.OutputStyle_1)
+        t1.writeCharCode$1(32);
+      _this._serialize$_visitChildren$1(node);
+    },
+    _visitMediaQuery$1(query) {
+      var t1, _1_0, _2_0, condition, operator, t2, _this = this,
+        _0_0 = query.modifier;
+      if (_0_0 != null) {
+        t1 = _this._serialize$_buffer;
+        t1.write$1(0, _0_0);
+        t1.writeCharCode$1(32);
+      }
+      _1_0 = query.type;
+      if (_1_0 != null) {
+        t1 = _this._serialize$_buffer;
+        t1.write$1(0, _1_0);
+        if (query.conditions.length !== 0)
+          t1.write$1(0, " and ");
+      }
+      _2_0 = query.conditions;
+      if (_2_0.length === 1)
+        t1 = B.JSString_methods.startsWith$1(_2_0[0], "(not ");
+      else
+        t1 = false;
+      if (t1) {
+        t1 = _this._serialize$_buffer;
+        t1.write$1(0, "not ");
+        condition = B.JSArray_methods.get$first(_2_0);
+        t1.write$1(0, B.JSString_methods.substring$2(condition, 5, condition.length - 1));
+      } else {
+        operator = query.conjunction ? "and" : "or";
+        t1 = _this._style === B.OutputStyle_1 ? operator + " " : " " + operator + " ";
+        t2 = _this._serialize$_buffer;
+        _this._writeBetween$3(_2_0, t1, t2.get$write(t2));
+      }
+    },
+    visitCssStyleRule$1(node) {
+      var t1, _this = this;
+      _this._writeIndentation$0();
+      t1 = _this._serialize$_buffer;
+      t1.forSpan$2(node._style_rule$_selector._box$_inner.value.span, new A._SerializeVisitor_visitCssStyleRule_closure(_this, node));
+      if (_this._style !== B.OutputStyle_1)
+        t1.writeCharCode$1(32);
+      _this._serialize$_visitChildren$1(node);
+    },
+    visitCssSupportsRule$1(node) {
+      var t1, _this = this;
+      _this._writeIndentation$0();
+      t1 = _this._serialize$_buffer;
+      t1.forSpan$2(node.span, new A._SerializeVisitor_visitCssSupportsRule_closure(_this, node));
+      if (_this._style !== B.OutputStyle_1)
+        t1.writeCharCode$1(32);
+      _this._serialize$_visitChildren$1(node);
+    },
+    visitCssDeclaration$1(node) {
+      var error, stackTrace, error0, stackTrace0, t1, t2, exception, _this = this;
+      _this._writeIndentation$0();
+      t1 = node.name;
+      _this._serialize$_write$1(t1);
+      t2 = _this._serialize$_buffer;
+      t2.writeCharCode$1(58);
+      if (B.JSString_methods.startsWith$1(t1.value, "--") && node.parsedAsCustomProperty)
+        t2.forSpan$2(node.value.span, new A._SerializeVisitor_visitCssDeclaration_closure(_this, node));
+      else {
+        if (_this._style !== B.OutputStyle_1)
+          t2.writeCharCode$1(32);
+        try {
+          t2.forSpan$2(node.valueSpanForMap, new A._SerializeVisitor_visitCssDeclaration_closure0(_this, node));
+        } catch (exception) {
+          t1 = A.unwrapException(exception);
+          if (t1 instanceof A.MultiSpanSassScriptException) {
+            error = t1;
+            stackTrace = A.getTraceFromException(exception);
+            A.throwWithTrace(A.MultiSpanSassException$(error.message, node.value.span, error.primaryLabel, error.secondarySpans, null), error, stackTrace);
+          } else if (t1 instanceof A.SassScriptException) {
+            error0 = t1;
+            stackTrace0 = A.getTraceFromException(exception);
+            t1 = error0.message;
+            A.throwWithTrace(new A.SassException(B.Set_empty, t1, node.value.span), error0, stackTrace0);
+          } else
+            throw exception;
+        }
+      }
+    },
+    _writeFoldedValue$1(node) {
+      var t1, t2, next, t3,
+        scanner = A.StringScanner$(type$.SassString._as(node.value.value)._string$_text, null, null);
+      for (t1 = scanner.string.length, t2 = this._serialize$_buffer; scanner._string_scanner$_position !== t1;) {
+        next = scanner.readChar$0();
+        if (next !== 10) {
+          t2.writeCharCode$1(next);
+          continue;
+        }
+        t2.writeCharCode$1(32);
+        while (true) {
+          t3 = scanner.peekChar$0();
+          if (!(t3 === 32 || t3 === 9 || t3 === 10 || t3 === 13 || t3 === 12))
+            break;
+          scanner.readChar$0();
+        }
+      }
+    },
+    _writeReindentedValue$1(node) {
+      var _0_0, t1, _this = this,
+        value = type$.SassString._as(node.value.value)._string$_text;
+      $label0$0: {
+        _0_0 = _this._minimumIndentation$1(value);
+        if (_0_0 == null) {
+          _this._serialize$_buffer.write$1(0, value);
+          break $label0$0;
+        }
+        if (-1 === _0_0) {
+          t1 = _this._serialize$_buffer;
+          t1.write$1(0, A.trimAsciiRight(value, true));
+          t1.writeCharCode$1(32);
+          break $label0$0;
+        }
+        t1 = node.name.span;
+        t1 = t1.get$start(t1);
+        _this._writeWithIndent$2(value, Math.min(_0_0, t1.file.getColumn$1(t1.offset)));
+      }
+    },
+    _minimumIndentation$1(text) {
+      var character, t2, min, next, min0,
+        scanner = A.LineScanner$(text),
+        t1 = scanner.string.length;
+      while (true) {
+        if (scanner._string_scanner$_position !== t1) {
+          character = scanner.super$StringScanner$readChar();
+          scanner._adjustLineAndColumn$1(character);
+          t2 = character !== 10;
+        } else
+          t2 = false;
+        if (!t2)
+          break;
+      }
+      if (scanner._string_scanner$_position === t1)
+        return scanner.peekChar$1(-1) === 10 ? -1 : null;
+      for (min = null; scanner._string_scanner$_position !== t1;) {
+        for (; scanner._string_scanner$_position !== t1;) {
+          next = scanner.peekChar$0();
+          if (next !== 32 && next !== 9)
+            break;
+          scanner._adjustLineAndColumn$1(scanner.super$StringScanner$readChar());
+        }
+        if (scanner._string_scanner$_position === t1 || scanner.scanChar$1(10))
+          continue;
+        min0 = scanner._line_scanner$_column;
+        min = min == null ? min0 : Math.min(min, min0);
+        while (true) {
+          if (scanner._string_scanner$_position !== t1) {
+            character = scanner.super$StringScanner$readChar();
+            scanner._adjustLineAndColumn$1(character);
+            t2 = character !== 10;
+          } else
+            t2 = false;
+          if (!t2)
+            break;
+        }
+      }
+      return min == null ? -1 : min;
+    },
+    _writeWithIndent$2(text, minimumIndentation) {
+      var t1, t2, t3, character, lineStart, newlines, end,
+        scanner = A.LineScanner$(text);
+      for (t1 = scanner.string, t2 = t1.length, t3 = this._serialize$_buffer; scanner._string_scanner$_position !== t2;) {
+        character = scanner.super$StringScanner$readChar();
+        scanner._adjustLineAndColumn$1(character);
+        if (character === 10)
+          break;
+        t3.writeCharCode$1(character);
+      }
+      for (; true;) {
+        lineStart = scanner._string_scanner$_position;
+        for (newlines = 1; true;) {
+          if (scanner._string_scanner$_position === t2) {
+            t3.writeCharCode$1(32);
+            return;
+          }
+          $label0$2: {
+            character = scanner.super$StringScanner$readChar();
+            scanner._adjustLineAndColumn$1(character);
+            if (32 === character || 9 === character)
+              continue;
+            if (10 === character) {
+              lineStart = scanner._string_scanner$_position;
+              ++newlines;
+              break $label0$2;
+            }
+            break;
+          }
+        }
+        this._writeTimes$2(10, newlines);
+        this._writeIndentation$0();
+        end = scanner._string_scanner$_position;
+        t3.write$1(0, B.JSString_methods.substring$2(t1, lineStart + minimumIndentation, end));
+        for (; true;) {
+          if (scanner._string_scanner$_position === t2)
+            return;
+          character = scanner.super$StringScanner$readChar();
+          scanner._adjustLineAndColumn$1(character);
+          if (character === 10)
+            break;
+          t3.writeCharCode$1(character);
+        }
+      }
+    },
+    visitCalculation$1(value) {
+      var t2, _this = this,
+        t1 = _this._serialize$_buffer;
+      t1.write$1(0, value.name);
+      t1.writeCharCode$1(40);
+      t2 = _this._style === B.OutputStyle_1 ? "," : ", ";
+      _this._writeBetween$3(value.$arguments, t2, _this.get$_writeCalculationValue());
+      t1.writeCharCode$1(41);
+    },
+    _writeCalculationValue$1(value) {
+      var _2_4_isSet, _2_4, t1, _0_0, _1_0, first, rest, left, right, operator, parenthesizeLeft, operatorWhitespace, parenthesizeRight, t2, _this = this, _null = null;
+      $label1$1: {
+        _2_4_isSet = value instanceof A.SassNumber;
+        if (_2_4_isSet) {
+          _2_4 = value.get$hasComplexUnits();
+          t1 = _2_4;
+          t1 = t1 && !_this._inspect;
+        } else {
+          _2_4 = _null;
+          t1 = false;
+        }
+        if (t1)
+          throw A.wrapException(A.SassScriptException$(value.toString$0(0) + " isn't a valid CSS value.", _null));
+        if (_2_4_isSet && !isFinite(value._number$_value)) {
+          $label0$0: {
+            _0_0 = value._number$_value;
+            if (1 / 0 === _0_0) {
+              _this._serialize$_buffer.write$1(0, "infinity");
+              break $label0$0;
+            }
+            if (-1 / 0 === _0_0) {
+              _this._serialize$_buffer.write$1(0, "-infinity");
+              break $label0$0;
+            }
+            if (isNaN(_0_0))
+              _this._serialize$_buffer.write$1(0, "NaN");
+          }
+          _this._writeCalculationUnits$2(value.get$numeratorUnits(value), value.get$denominatorUnits(value));
+          break $label1$1;
+        }
+        if (_2_4_isSet)
+          t1 = _2_4;
+        else
+          t1 = false;
+        if (t1) {
+          _this._writeNumber$1(value._number$_value);
+          _1_0 = value.get$numeratorUnits(value);
+          if (_1_0.length >= 1) {
+            first = _1_0[0];
+            rest = B.JSArray_methods.sublist$1(_1_0, 1);
+            _this._serialize$_buffer.write$1(0, first);
+            _this._writeCalculationUnits$2(rest, value.get$denominatorUnits(value));
+          } else
+            _this._writeCalculationUnits$2(A._setArrayType([], type$.JSArray_String), value.get$denominatorUnits(value));
+          break $label1$1;
+        }
+        if (value instanceof A.Value) {
+          value.accept$1(_this);
+          break $label1$1;
+        }
+        t1 = value instanceof A.CalculationOperation;
+        left = _null;
+        right = _null;
+        if (t1) {
+          operator = value._operator;
+          left = value._left;
+          right = value._right;
+        } else
+          operator = _null;
+        if (t1) {
+          parenthesizeLeft = left instanceof A.CalculationOperation && left._operator.precedence < operator.precedence;
+          if (parenthesizeLeft)
+            _this._serialize$_buffer.writeCharCode$1(40);
+          _this._writeCalculationValue$1(left);
+          if (parenthesizeLeft)
+            _this._serialize$_buffer.writeCharCode$1(41);
+          operatorWhitespace = _this._style !== B.OutputStyle_1 || operator.precedence === 1;
+          if (operatorWhitespace)
+            _this._serialize$_buffer.writeCharCode$1(32);
+          t1 = _this._serialize$_buffer;
+          t1.write$1(0, operator.operator);
+          if (operatorWhitespace)
+            t1.writeCharCode$1(32);
+          if (!(right instanceof A.CalculationOperation && _this._parenthesizeCalculationRhs$2(operator, right._operator))) {
+            parenthesizeRight = false;
+            if (operator === B.CalculationOperator_bo5) {
+              if (right instanceof A.SassNumber)
+                t2 = isFinite(right._number$_value) ? right.get$hasComplexUnits() : right.get$hasUnits();
+              else
+                t2 = parenthesizeRight;
+              parenthesizeRight = t2;
+            }
+          } else
+            parenthesizeRight = true;
+          if (parenthesizeRight)
+            t1.writeCharCode$1(40);
+          _this._writeCalculationValue$1(right);
+          if (parenthesizeRight)
+            t1.writeCharCode$1(41);
+        }
+      }
+    },
+    _writeCalculationUnits$2(numeratorUnits, denominatorUnits) {
+      var t1, t2, t3, t4;
+      for (t1 = J.get$iterator$ax(numeratorUnits), t2 = this._serialize$_buffer, t3 = this._style !== B.OutputStyle_1; t1.moveNext$0();) {
+        t4 = t1.get$current(t1);
+        if (t3)
+          t2.writeCharCode$1(32);
+        t2.writeCharCode$1(42);
+        if (t3)
+          t2.writeCharCode$1(32);
+        t2.writeCharCode$1(49);
+        t2.write$1(0, t4);
+      }
+      for (t1 = J.get$iterator$ax(denominatorUnits); t1.moveNext$0();) {
+        t4 = t1.get$current(t1);
+        if (t3)
+          t2.writeCharCode$1(32);
+        t2.writeCharCode$1(47);
+        if (t3)
+          t2.writeCharCode$1(32);
+        t2.writeCharCode$1(49);
+        t2.write$1(0, t4);
+      }
+    },
+    _parenthesizeCalculationRhs$2(outer, right) {
+      var t1;
+      $label0$0: {
+        if (B.CalculationOperator_bo5 === outer) {
+          t1 = true;
+          break $label0$0;
+        }
+        if (B.CalculationOperator_F7i === outer) {
+          t1 = false;
+          break $label0$0;
+        }
+        t1 = right === B.CalculationOperator_F7i || right === B.CalculationOperator_oum;
+        break $label0$0;
+      }
+      return t1;
+    },
+    visitColor$1(value) {
+      var _0_0, _0_2, _0_6, t1, _0_4, _0_6_isSet, t2, _0_10_isSet, _0_10, _0_12_isSet, _0_14, _0_12, _0_14_isSet, t3, _0_10_isSet0, polar, t4, t5, _this = this, _null = null;
+      $label0$0: {
+        _0_0 = value._space;
+        _0_2 = B.RgbColorSpace_i0P === _0_0;
+        _0_6 = _null;
+        t1 = true;
+        if (!_0_2) {
+          _0_4 = B.HslColorSpace_JQ2 === _0_0;
+          _0_6_isSet = !_0_4;
+          if (_0_6_isSet) {
+            _0_6 = B.HwbColorSpace_guQ === _0_0;
+            t1 = _0_6;
+          }
+        } else {
+          _0_4 = _null;
+          _0_6_isSet = false;
+        }
+        if (t1 && value.channel0OrNull != null && value.channel1OrNull != null && value.channel2OrNull != null && value.alphaOrNull != null) {
+          _this._writeLegacyColor$1(value);
+          break $label0$0;
+        }
+        if (_0_2) {
+          t1 = _this._serialize$_buffer;
+          t1.write$1(0, "rgb(");
+          _this._writeChannel$1(value.channel0OrNull);
+          t1.writeCharCode$1(32);
+          _this._writeChannel$1(value.channel1OrNull);
+          t1.writeCharCode$1(32);
+          _this._writeChannel$1(value.channel2OrNull);
+          _this._maybeWriteSlashAlpha$1(value);
+          t1.writeCharCode$1(41);
+          break $label0$0;
+        }
+        if (!_0_4)
+          t1 = _0_6_isSet ? _0_6 : B.HwbColorSpace_guQ === _0_0;
+        else
+          t1 = true;
+        if (t1) {
+          t1 = _this._serialize$_buffer;
+          t1.write$1(0, _0_0);
+          t1.writeCharCode$1(40);
+          t2 = _this._style === B.OutputStyle_1 ? _null : "deg";
+          _this._writeChannel$2(value.channel0OrNull, t2);
+          t1.writeCharCode$1(32);
+          _this._writeChannel$2(value.channel1OrNull, "%");
+          t1.writeCharCode$1(32);
+          _this._writeChannel$2(value.channel2OrNull, "%");
+          _this._maybeWriteSlashAlpha$1(value);
+          t1.writeCharCode$1(41);
+          break $label0$0;
+        }
+        _0_10_isSet = B.LabColorSpace_2nT !== _0_0;
+        if (_0_10_isSet) {
+          _0_10 = B.LchColorSpace_Bpv === _0_0;
+          t1 = _0_10;
+        } else {
+          _0_10 = _null;
+          t1 = true;
+        }
+        t2 = false;
+        if (t1)
+          if (!_this._inspect) {
+            t1 = value.channel0OrNull;
+            if (t1 == null)
+              t1 = 0;
+            if (t1 > 0 || A.fuzzyEquals(t1, 0))
+              t1 = t1 < 100 || A.fuzzyEquals(t1, 100);
+            else
+              t1 = false;
+            t1 = !t1 && value.channel1OrNull != null && value.channel2OrNull != null;
+          } else
+            t1 = t2;
+        else
+          t1 = t2;
+        _0_12_isSet = !t1;
+        _0_14 = _null;
+        if (_0_12_isSet) {
+          _0_12 = B.OklabColorSpace_540 === _0_0;
+          t1 = false;
+          _0_14_isSet = !_0_12;
+          if (_0_14_isSet) {
+            _0_14 = B.OklchColorSpace_9Gj === _0_0;
+            t2 = _0_14;
+          } else
+            t2 = true;
+          t3 = false;
+          if (t2)
+            if (!_this._inspect) {
+              t2 = value.channel0OrNull;
+              if (t2 == null)
+                t2 = 0;
+              if (t2 > 0 || A.fuzzyEquals(t2, 0))
+                t2 = t2 < 1 || A.fuzzyEquals(t2, 1);
+              else
+                t2 = false;
+              t2 = !t2 && value.channel1OrNull != null && value.channel2OrNull != null;
+            } else
+              t2 = t3;
+          else
+            t2 = t3;
+          if (!t2) {
+            if (_0_10_isSet) {
+              t2 = _0_10;
+              _0_10_isSet0 = _0_10_isSet;
+            } else {
+              _0_10 = B.LchColorSpace_Bpv === _0_0;
+              t2 = _0_10;
+              _0_10_isSet0 = true;
+            }
+            if (!t2)
+              if (_0_14_isSet)
+                t2 = _0_14;
+              else {
+                _0_14 = B.OklchColorSpace_9Gj === _0_0;
+                t2 = _0_14;
+                _0_14_isSet = true;
+              }
+            else
+              t2 = true;
+            if (t2)
+              if (!_this._inspect) {
+                t1 = value.channel1OrNull;
+                t2 = t1 == null;
+                if (t2)
+                  t1 = 0;
+                t1 = t1 < 0 && !A.fuzzyEquals(t1, 0) && value.channel0OrNull != null && !t2;
+              }
+          } else {
+            _0_10_isSet0 = _0_10_isSet;
+            t1 = true;
+          }
+        } else {
+          _0_12 = _null;
+          _0_10_isSet0 = _0_10_isSet;
+          _0_14_isSet = false;
+          t1 = true;
+        }
+        if (t1) {
+          t1 = _this._serialize$_buffer;
+          t1.write$1(0, "color-mix(in ");
+          t1.write$1(0, _0_0);
+          t2 = _this._style === B.OutputStyle_1;
+          t1.write$1(0, t2 ? "," : ", ");
+          _this._writeColorFunction$1(value.toSpace$1(B.XyzD65ColorSpace_WiJ));
+          if (!t2)
+            t1.writeCharCode$1(32);
+          t1.write$1(0, "100%");
+          t1.write$1(0, t2 ? "," : ", ");
+          t1.write$1(0, t2 ? "red" : "black");
+          t1.writeCharCode$1(41);
+          break $label0$0;
+        }
+        t1 = true;
+        if (_0_10_isSet)
+          if (!(_0_12_isSet ? _0_12 : B.OklabColorSpace_540 === _0_0))
+            if (!(_0_10_isSet0 ? _0_10 : B.LchColorSpace_Bpv === _0_0))
+              t1 = _0_14_isSet ? _0_14 : B.OklchColorSpace_9Gj === _0_0;
+        if (t1) {
+          t1 = _this._serialize$_buffer;
+          t1.write$1(0, _0_0);
+          t1.writeCharCode$1(40);
+          t2 = _0_0._channels;
+          polar = t2[2].isPolarAngle;
+          t3 = false;
+          if (!_this._inspect) {
+            t4 = value.channel0OrNull;
+            if (t4 == null)
+              t4 = 0;
+            if (t4 > 0 || A.fuzzyEquals(t4, 0))
+              t4 = t4 < 100 || A.fuzzyEquals(t4, 100);
+            else
+              t4 = false;
+            if (t4) {
+              if (polar) {
+                t3 = value.channel1OrNull;
+                if (t3 == null)
+                  t3 = 0;
+                t3 = t3 < 0 && !A.fuzzyEquals(t3, 0);
+              }
+            } else
+              t3 = true;
+          }
+          if (t3) {
+            t1.write$1(0, "from ");
+            t1.write$1(0, _this._style === B.OutputStyle_1 ? "red" : "black");
+            t1.writeCharCode$1(32);
+          }
+          t3 = _this._style !== B.OutputStyle_1;
+          t4 = t3 && value.channel0OrNull != null;
+          t5 = value.channel0OrNull;
+          if (t4) {
+            t2 = type$.LinearChannel._as(t2[0]);
+            _this._writeNumber$1((t5 == null ? 0 : t5) * 100 / t2.max);
+            t1.writeCharCode$1(37);
+          } else
+            _this._writeChannel$1(t5);
+          t1.writeCharCode$1(32);
+          _this._writeChannel$1(value.channel1OrNull);
+          t1.writeCharCode$1(32);
+          t2 = polar && t3 ? "deg" : _null;
+          _this._writeChannel$2(value.channel2OrNull, t2);
+          _this._maybeWriteSlashAlpha$1(value);
+          t1.writeCharCode$1(41);
+          break $label0$0;
+        }
+        _this._writeColorFunction$1(value);
+      }
+    },
+    _writeChannel$2(channel, unit) {
+      var _this = this;
+      if (channel == null)
+        _this._serialize$_buffer.write$1(0, "none");
+      else if (isFinite(channel)) {
+        _this._writeNumber$1(channel);
+        if (unit != null)
+          _this._serialize$_buffer.write$1(0, unit);
+      } else
+        _this.visitNumber$1(A.SassNumber_SassNumber(channel, unit));
+    },
+    _writeChannel$1(channel) {
+      return this._writeChannel$2(channel, null);
+    },
+    _writeLegacyColor$1(color) {
+      var rgb, t3, red, green, blue, hsl, hue, saturation, lightness, hwb, _0_0, format, _1_0, _this = this,
+        t1 = color.alphaOrNull,
+        t2 = t1 == null,
+        opaque = A.fuzzyEquals(t2 ? 0 : t1, 1);
+      if (!color.get$isInGamut() && !_this._inspect) {
+        _this._writeHsl$1(color);
+        return;
+      }
+      if (_this._style === B.OutputStyle_1) {
+        rgb = color.toSpace$1(B.RgbColorSpace_i0P);
+        if (opaque && _this._tryIntegerRgb$1(rgb))
+          return;
+        t3 = rgb.channel0OrNull;
+        red = _this._writeNumberToString$1(t3 == null ? 0 : t3);
+        t3 = rgb.channel1OrNull;
+        green = _this._writeNumberToString$1(t3 == null ? 0 : t3);
+        t3 = rgb.channel2OrNull;
+        blue = _this._writeNumberToString$1(t3 == null ? 0 : t3);
+        hsl = color.toSpace$1(B.HslColorSpace_JQ2);
+        t3 = hsl.channel0OrNull;
+        hue = _this._writeNumberToString$1(t3 == null ? 0 : t3);
+        t3 = hsl.channel1OrNull;
+        saturation = _this._writeNumberToString$1(t3 == null ? 0 : t3);
+        t3 = hsl.channel2OrNull;
+        lightness = _this._writeNumberToString$1(t3 == null ? 0 : t3);
+        t3 = _this._serialize$_buffer;
+        if (red.length + green.length + blue.length <= hue.length + saturation.length + lightness.length + 2) {
+          t3.write$1(0, opaque ? "rgb(" : "rgba(");
+          t3.write$1(0, red);
+          t3.writeCharCode$1(44);
+          t3.write$1(0, green);
+          t3.writeCharCode$1(44);
+          t3.write$1(0, blue);
+        } else {
+          t3.write$1(0, opaque ? "hsl(" : "hsla(");
+          t3.write$1(0, hue);
+          t3.writeCharCode$1(44);
+          t3.write$1(0, saturation);
+          t3.write$1(0, "%,");
+          t3.write$1(0, lightness);
+          t3.writeCharCode$1(37);
+        }
+        if (!opaque) {
+          t3.writeCharCode$1(44);
+          _this._writeNumber$1(t2 ? 0 : t1);
+        }
+        t3.writeCharCode$1(41);
+        return;
+      }
+      t3 = color._space;
+      if (t3 === B.HslColorSpace_JQ2) {
+        _this._writeHsl$1(color);
+        return;
+      } else if (_this._inspect && t3 === B.HwbColorSpace_guQ) {
+        t3 = _this._serialize$_buffer;
+        t3.write$1(0, "hwb(");
+        hwb = color.toSpace$1(B.HwbColorSpace_guQ);
+        _this._writeNumber$1(hwb.channel$1(0, "hue"));
+        t3.writeCharCode$1(32);
+        _this._writeNumber$1(hwb.channel$1(0, "whiteness"));
+        t3.writeCharCode$1(37);
+        t3.writeCharCode$1(32);
+        _this._writeNumber$1(hwb.channel$1(0, "blackness"));
+        t3.writeCharCode$1(37);
+        if (!A.fuzzyEquals(t2 ? 0 : t1, 1)) {
+          t3.write$1(0, " / ");
+          _this._writeNumber$1(t2 ? 0 : t1);
+        }
+        t3.writeCharCode$1(41);
+        return;
+      }
+      _0_0 = color.format;
+      if (B.C__ColorFormatEnum === _0_0) {
+        _this._writeRgb$1(color);
+        return;
+      }
+      t1 = _0_0 instanceof A.SpanColorFormat;
+      format = t1 ? _0_0 : null;
+      if (t1) {
+        t1 = format._color$_span;
+        _this._serialize$_buffer.write$1(0, A.String_String$fromCharCodes(B.NativeUint32List_methods.sublist$2(t1.file._decodedChars, t1._file$_start, t1._end), 0, null));
+        return;
+      }
+      if (opaque) {
+        rgb = color.toSpace$1(B.RgbColorSpace_i0P);
+        _1_0 = $.$get$namesByColor().$index(0, rgb);
+        if (_1_0 != null) {
+          _this._serialize$_buffer.write$1(0, _1_0);
+          return;
+        }
+        if (_this._canUseHex$1(rgb)) {
+          _this._serialize$_buffer.writeCharCode$1(35);
+          t1 = rgb.channel0OrNull;
+          _this._writeHexComponent$1(B.JSNumber_methods.round$0(t1 == null ? 0 : t1));
+          t1 = rgb.channel1OrNull;
+          _this._writeHexComponent$1(B.JSNumber_methods.round$0(t1 == null ? 0 : t1));
+          t1 = rgb.channel2OrNull;
+          _this._writeHexComponent$1(B.JSNumber_methods.round$0(t1 == null ? 0 : t1));
+          return;
+        }
+      }
+      if (t3 === B.HwbColorSpace_guQ)
+        _this._writeHsl$1(color);
+      else
+        _this._writeRgb$1(color);
+    },
+    _tryIntegerRgb$1(rgb) {
+      var t1, redInt, greenInt, blueInt, shortHex, _0_0, t2, t3, $name, _this = this;
+      if (!_this._canUseHex$1(rgb))
+        return false;
+      t1 = rgb.channel0OrNull;
+      redInt = B.JSNumber_methods.round$0(t1 == null ? 0 : t1);
+      t1 = rgb.channel1OrNull;
+      greenInt = B.JSNumber_methods.round$0(t1 == null ? 0 : t1);
+      t1 = rgb.channel2OrNull;
+      blueInt = B.JSNumber_methods.round$0(t1 == null ? 0 : t1);
+      t1 = redInt & 15;
+      shortHex = t1 === B.JSInt_methods._shrOtherPositive$1(redInt, 4) && (greenInt & 15) === B.JSInt_methods._shrOtherPositive$1(greenInt, 4) && (blueInt & 15) === B.JSInt_methods._shrOtherPositive$1(blueInt, 4);
+      _0_0 = $.$get$namesByColor().$index(0, rgb);
+      t2 = false;
+      if (_0_0 != null) {
+        t3 = _0_0.length;
+        t2 = t3 <= (shortHex ? 4 : 7);
+        $name = _0_0;
+      } else
+        $name = null;
+      if (t2)
+        _this._serialize$_buffer.write$1(0, $name);
+      else {
+        t2 = _this._serialize$_buffer;
+        if (shortHex) {
+          t2.writeCharCode$1(35);
+          t2.writeCharCode$1(A.hexCharFor(t1));
+          t2.writeCharCode$1(A.hexCharFor(greenInt & 15));
+          t2.writeCharCode$1(A.hexCharFor(blueInt & 15));
+        } else {
+          t2.writeCharCode$1(35);
+          _this._writeHexComponent$1(redInt);
+          _this._writeHexComponent$1(greenInt);
+          _this._writeHexComponent$1(blueInt);
+        }
+      }
+      return true;
+    },
+    _canUseHex$1(rgb) {
+      var t2,
+        t1 = rgb.channel0OrNull;
+      if (t1 == null)
+        t1 = 0;
+      if (A.fuzzyIsInt(t1))
+        t1 = (t1 > 0 || A.fuzzyEquals(t1, 0)) && t1 < 256 && !A.fuzzyEquals(t1, 256);
+      else
+        t1 = false;
+      t2 = false;
+      if (t1) {
+        t1 = rgb.channel1OrNull;
+        if (t1 == null)
+          t1 = 0;
+        if (A.fuzzyIsInt(t1))
+          t1 = (t1 > 0 || A.fuzzyEquals(t1, 0)) && t1 < 256 && !A.fuzzyEquals(t1, 256);
+        else
+          t1 = false;
+        if (t1) {
+          t1 = rgb.channel2OrNull;
+          if (t1 == null)
+            t1 = 0;
+          if (A.fuzzyIsInt(t1))
+            t1 = (t1 > 0 || A.fuzzyEquals(t1, 0)) && t1 < 256 && !A.fuzzyEquals(t1, 256);
+          else
+            t1 = t2;
+        } else
+          t1 = t2;
+      } else
+        t1 = t2;
+      return t1;
+    },
+    _writeRgb$1(color) {
+      var t4, _this = this,
+        t1 = color.alphaOrNull,
+        t2 = t1 == null,
+        opaque = A.fuzzyEquals(t2 ? 0 : t1, 1),
+        rgb = color.toSpace$1(B.RgbColorSpace_i0P),
+        t3 = _this._serialize$_buffer;
+      t3.write$1(0, opaque ? "rgb(" : "rgba(");
+      _this._writeNumber$1(rgb.channel$1(0, "red"));
+      t4 = _this._style === B.OutputStyle_1;
+      t3.write$1(0, t4 ? "," : ", ");
+      _this._writeNumber$1(rgb.channel$1(0, "green"));
+      t3.write$1(0, t4 ? "," : ", ");
+      _this._writeNumber$1(rgb.channel$1(0, "blue"));
+      if (!opaque) {
+        t3.write$1(0, t4 ? "," : ", ");
+        _this._writeNumber$1(t2 ? 0 : t1);
+      }
+      t3.writeCharCode$1(41);
+    },
+    _writeHsl$1(color) {
+      var t4, _this = this,
+        t1 = color.alphaOrNull,
+        t2 = t1 == null,
+        opaque = A.fuzzyEquals(t2 ? 0 : t1, 1),
+        hsl = color.toSpace$1(B.HslColorSpace_JQ2),
+        t3 = _this._serialize$_buffer;
+      t3.write$1(0, opaque ? "hsl(" : "hsla(");
+      _this._writeChannel$1(hsl.channel$1(0, "hue"));
+      t4 = _this._style === B.OutputStyle_1;
+      t3.write$1(0, t4 ? "," : ", ");
+      _this._writeChannel$2(hsl.channel$1(0, "saturation"), "%");
+      t3.write$1(0, t4 ? "," : ", ");
+      _this._writeChannel$2(hsl.channel$1(0, "lightness"), "%");
+      if (!opaque) {
+        t3.write$1(0, t4 ? "," : ", ");
+        _this._writeNumber$1(t2 ? 0 : t1);
+      }
+      t3.writeCharCode$1(41);
+    },
+    _writeColorFunction$1(color) {
+      var _this = this,
+        t1 = _this._serialize$_buffer;
+      t1.write$1(0, "color(");
+      t1.write$1(0, color._space);
+      t1.writeCharCode$1(32);
+      _this._writeBetween$3(color.get$channelsOrNull(), " ", _this.get$_writeChannel());
+      _this._maybeWriteSlashAlpha$1(color);
+      t1.writeCharCode$1(41);
+    },
+    _writeHexComponent$1(color) {
+      var t1 = this._serialize$_buffer;
+      t1.writeCharCode$1(A.hexCharFor(B.JSInt_methods._shrOtherPositive$1(color, 4)));
+      t1.writeCharCode$1(A.hexCharFor(color & 15));
+    },
+    _maybeWriteSlashAlpha$1(color) {
+      var t2, t3, _this = this,
+        t1 = color.alphaOrNull;
+      if (A.fuzzyEquals(t1 == null ? 0 : t1, 1))
+        return;
+      t2 = _this._style !== B.OutputStyle_1;
+      if (t2)
+        _this._serialize$_buffer.writeCharCode$1(32);
+      t3 = _this._serialize$_buffer;
+      t3.writeCharCode$1(47);
+      if (t2)
+        t3.writeCharCode$1(32);
+      _this._writeChannel$1(t1);
+    },
+    visitList$1(value) {
+      var t2, singleton, t3, t4, t5, _this = this,
+        t1 = value._hasBrackets;
+      if (t1)
+        _this._serialize$_buffer.writeCharCode$1(91);
+      else if (value._list$_contents.length === 0) {
+        if (!_this._inspect)
+          throw A.wrapException(A.SassScriptException$("() isn't a valid CSS value.", null));
+        _this._serialize$_buffer.write$1(0, "()");
+        return;
+      }
+      t2 = _this._inspect;
+      singleton = false;
+      if (t2)
+        if (value._list$_contents.length === 1) {
+          t3 = value._separator;
+          t3 = t3 === B.ListSeparator_qVN || t3 === B.ListSeparator_bRz;
+          singleton = t3;
+        }
+      if (singleton && !t1)
+        _this._serialize$_buffer.writeCharCode$1(40);
+      t3 = value._list$_contents;
+      t3 = t2 ? t3 : new A.WhereIterable(t3, new A._SerializeVisitor_visitList_closure(), A._arrayInstanceType(t3)._eval$1("WhereIterable<1>"));
+      t4 = value._separator;
+      t5 = _this._separatorString$1(t4);
+      _this._writeBetween$3(t3, t5, t2 ? new A._SerializeVisitor_visitList_closure0(_this, value) : new A._SerializeVisitor_visitList_closure1(_this));
+      if (singleton) {
+        t2 = _this._serialize$_buffer;
+        t2.write$1(0, t4.separator);
+        if (!t1)
+          t2.writeCharCode$1(41);
+      }
+      if (t1)
+        _this._serialize$_buffer.writeCharCode$1(93);
+    },
+    _separatorString$1(separator) {
+      var t1;
+      $label0$0: {
+        if (B.ListSeparator_qVN === separator) {
+          t1 = this._style === B.OutputStyle_1 ? "," : ", ";
+          break $label0$0;
+        }
+        if (B.ListSeparator_bRz === separator) {
+          t1 = this._style === B.OutputStyle_1 ? "/" : " / ";
+          break $label0$0;
+        }
+        if (B.ListSeparator_qSL === separator) {
+          t1 = " ";
+          break $label0$0;
+        }
+        t1 = "";
+        break $label0$0;
+      }
+      return t1;
+    },
+    _elementNeedsParens$2(separator, value) {
+      var t1;
+      $label1$1: {
+        if (value instanceof A.SassList && value._list$_contents.length > 1 && !value._hasBrackets) {
+          $label0$0: {
+            if (B.ListSeparator_qVN === separator) {
+              t1 = value._separator === B.ListSeparator_qVN;
+              break $label0$0;
+            }
+            if (B.ListSeparator_bRz === separator) {
+              t1 = value._separator;
+              t1 = t1 === B.ListSeparator_qVN || t1 === B.ListSeparator_bRz;
+              break $label0$0;
+            }
+            t1 = value._separator !== B.ListSeparator_undecided_null_undecided;
+            break $label0$0;
+          }
+          break $label1$1;
+        }
+        t1 = false;
+        break $label1$1;
+      }
+      return t1;
+    },
+    visitMap$1(map) {
+      var t1, t2, _this = this;
+      if (!_this._inspect)
+        throw A.wrapException(A.SassScriptException$(map.toString$0(0) + " isn't a valid CSS value.", null));
+      t1 = _this._serialize$_buffer;
+      t1.writeCharCode$1(40);
+      t2 = map._map$_contents;
+      _this._writeBetween$3(t2.get$entries(t2), ", ", new A._SerializeVisitor_visitMap_closure(_this));
+      t1.writeCharCode$1(41);
+    },
+    _writeMapElement$1(value) {
+      var needsParens = value instanceof A.SassList && value._separator === B.ListSeparator_qVN && !value._hasBrackets;
+      if (needsParens)
+        this._serialize$_buffer.writeCharCode$1(40);
+      value.accept$1(this);
+      if (needsParens)
+        this._serialize$_buffer.writeCharCode$1(41);
+    },
+    visitNumber$1(value) {
+      var before, after, t1, _1_0, _this = this,
+        _0_0 = value.asSlash;
+      if (type$.Record_2_nullable_Object_and_nullable_Object._is(_0_0)) {
+        before = _0_0._0;
+        after = _0_0._1;
+        _this.visitNumber$1(before);
+        _this._serialize$_buffer.writeCharCode$1(47);
+        _this.visitNumber$1(after);
+        return;
+      }
+      t1 = value._number$_value;
+      if (!isFinite(t1)) {
+        _this.visitCalculation$1(new A.SassCalculation("calc", A.List_List$unmodifiable(A._setArrayType([value], type$.JSArray_Object), type$.Object)));
+        return;
+      }
+      if (value.get$hasComplexUnits()) {
+        if (!_this._inspect)
+          throw A.wrapException(A.SassScriptException$(value.toString$0(0) + " isn't a valid CSS value.", null));
+        _this.visitCalculation$1(new A.SassCalculation("calc", A.List_List$unmodifiable(A._setArrayType([value], type$.JSArray_Object), type$.Object)));
+      } else {
+        _this._writeNumber$1(t1);
+        _1_0 = value.get$numeratorUnits(value);
+        if (_1_0.length === 1)
+          _this._serialize$_buffer.write$1(0, _1_0[0]);
+      }
+    },
+    _writeNumberToString$1(number) {
+      var t1 = new A.StringBuffer("");
+      this._writeNumber$2(number, new A.NoSourceMapBuffer(t1));
+      t1 = t1._contents;
+      return t1.charCodeAt(0) == 0 ? t1 : t1;
+    },
+    _writeNumber$2(number, buffer) {
+      var _0_0, t1, integer, text, _this = this;
+      if (buffer == null)
+        buffer = _this._serialize$_buffer;
+      _0_0 = A.fuzzyAsInt(number);
+      t1 = false;
+      if (_0_0 != null) {
+        t1 = !_this._inspect || number === _0_0;
+        integer = _0_0;
+      } else
+        integer = null;
+      if (t1) {
+        buffer.write$1(0, _this._removeExponent$1(J.toString$0$(integer)));
+        return;
+      }
+      text = _this._removeExponent$1(B.JSNumber_methods.toString$0(number));
+      if (_this._inspect) {
+        buffer.write$1(0, text);
+        return;
+      }
+      if (text.length < 12) {
+        buffer.write$1(0, _this._style === B.OutputStyle_1 && text.charCodeAt(0) === 48 ? B.JSString_methods.substring$1(text, 1) : text);
+        return;
+      }
+      _this._writeRounded$2(text, buffer);
+    },
+    _writeNumber$1(number) {
+      return this._writeNumber$2(number, null);
+    },
+    _removeExponent$1(text) {
+      var buffer, t2, t3, additionalZeroes,
+        negative = text.charCodeAt(0) === 45,
+        exponent = A._Cell$(),
+        t1 = text.length,
+        i = 0;
+      while (true) {
+        if (!(i < t1)) {
+          buffer = null;
+          break;
+        }
+        c$0: {
+          if (text.charCodeAt(i) !== 101)
+            break c$0;
+          buffer = new A.StringBuffer("");
+          t2 = buffer._contents = A.Primitives_stringFromCharCode(text.charCodeAt(0));
+          if (negative) {
+            t2 += A.Primitives_stringFromCharCode(text.charCodeAt(1));
+            buffer._contents = t2;
+            if (i > 3)
+              buffer._contents = t2 + B.JSString_methods.substring$2(text, 3, i);
+          } else if (i > 2)
+            buffer._contents = t2 + B.JSString_methods.substring$2(text, 2, i);
+          exponent.__late_helper$_value = A.int_parse(B.JSString_methods.substring$2(text, i + 1, t1), null);
+          break;
+        }
+        ++i;
+      }
+      if (buffer == null)
+        return text;
+      if (exponent._readLocal$0() > 0) {
+        t1 = exponent._readLocal$0();
+        t2 = buffer._contents;
+        t3 = negative ? 1 : 0;
+        additionalZeroes = t1 - (t2.length - 1 - t3);
+        for (t1 = t2, i = 0; i < additionalZeroes; ++i) {
+          t1 = A.Primitives_stringFromCharCode(48);
+          t1 = buffer._contents += t1;
+        }
+        return t1.charCodeAt(0) == 0 ? t1 : t1;
+      } else {
+        negative = text.charCodeAt(0) === 45;
+        t1 = (negative ? A.Primitives_stringFromCharCode(45) : "") + "0.";
+        i = -1;
+        while (true) {
+          t2 = exponent.__late_helper$_value;
+          if (t2 === exponent)
+            A.throwExpression(A.LateError$localNI(""));
+          if (!(i > t2))
+            break;
+          t1 += A.Primitives_stringFromCharCode(48);
+          --i;
+        }
+        if (negative) {
+          t2 = buffer._contents;
+          t2 = B.JSString_methods.substring$1(t2.charCodeAt(0) == 0 ? t2 : t2, 1);
+        } else
+          t2 = buffer;
+        t2 = t1 + A.S(t2);
+        return t2.charCodeAt(0) == 0 ? t2 : t2;
+      }
+    },
+    _writeRounded$2(text, buffer) {
+      var t1, digits, negative, textIndex, digitsIndex, textIndex0, codeUnit, digitsIndex0, indexAfterPrecision, digitsIndex1, newDigit, writtenIndex;
+      if (B.JSString_methods.endsWith$1(text, ".0")) {
+        buffer.write$1(0, B.JSString_methods.substring$2(text, 0, text.length - 2));
+        return;
+      }
+      t1 = text.length;
+      digits = new Uint8Array(t1 + 1);
+      negative = text.charCodeAt(0) === 45;
+      textIndex = negative ? 1 : 0;
+      for (digitsIndex = 1; true; textIndex = textIndex0, digitsIndex = digitsIndex0) {
+        if (textIndex === t1) {
+          buffer.write$1(0, text);
+          return;
+        }
+        textIndex0 = textIndex + 1;
+        codeUnit = text.charCodeAt(textIndex);
+        if (codeUnit === 46) {
+          textIndex = textIndex0;
+          break;
+        }
+        digitsIndex0 = digitsIndex + 1;
+        digits[digitsIndex] = codeUnit - 48;
+      }
+      indexAfterPrecision = textIndex + 10;
+      if (indexAfterPrecision >= t1) {
+        buffer.write$1(0, text);
+        return;
+      }
+      for (digitsIndex0 = digitsIndex; textIndex < indexAfterPrecision; textIndex = textIndex0, digitsIndex0 = digitsIndex1) {
+        digitsIndex1 = digitsIndex0 + 1;
+        textIndex0 = textIndex + 1;
+        digits[digitsIndex0] = text.charCodeAt(textIndex) - 48;
+      }
+      if (text.charCodeAt(textIndex) - 48 >= 5)
+        for (; true; digitsIndex0 = digitsIndex1) {
+          digitsIndex1 = digitsIndex0 - 1;
+          newDigit = digits[digitsIndex1] + 1;
+          digits[digitsIndex1] = newDigit;
+          if (newDigit !== 10)
+            break;
+        }
+      for (; digitsIndex0 < digitsIndex; ++digitsIndex0)
+        digits[digitsIndex0] = 0;
+      while (true) {
+        t1 = digitsIndex0 > digitsIndex;
+        if (!(t1 && digits[digitsIndex0 - 1] === 0))
+          break;
+        --digitsIndex0;
+      }
+      if (digitsIndex0 === 2 && digits[0] === 0 && digits[1] === 0) {
+        buffer.writeCharCode$1(48);
+        return;
+      }
+      if (negative)
+        buffer.writeCharCode$1(45);
+      if (digits[0] === 0)
+        writtenIndex = this._style === B.OutputStyle_1 && digits[1] === 0 ? 2 : 1;
+      else
+        writtenIndex = 0;
+      for (; writtenIndex < digitsIndex; ++writtenIndex)
+        buffer.writeCharCode$1(48 + digits[writtenIndex]);
+      if (t1) {
+        buffer.writeCharCode$1(46);
+        for (; writtenIndex < digitsIndex0; ++writtenIndex)
+          buffer.writeCharCode$1(48 + digits[writtenIndex]);
+      }
+    },
+    _visitQuotedString$2$forceDoubleQuote(string, forceDoubleQuote) {
+      var t1, includesSingleQuote, includesDoubleQuote, i, char, _1_2, _1_4, _0_0, quote, _this = this,
+        buffer = forceDoubleQuote ? _this._serialize$_buffer : new A.StringBuffer("");
+      if (forceDoubleQuote)
+        buffer.writeCharCode$1(34);
+      for (t1 = string.length, includesSingleQuote = false, includesDoubleQuote = false, i = 0; i < t1; ++i) {
+        char = string.charCodeAt(i);
+        _1_2 = 39 === char;
+        if (_1_2 && forceDoubleQuote) {
+          buffer.writeCharCode$1(39);
+          continue;
+        }
+        if (_1_2 && includesDoubleQuote) {
+          _this._visitQuotedString$2$forceDoubleQuote(string, true);
+          return;
+        }
+        if (_1_2) {
+          buffer.writeCharCode$1(39);
+          includesSingleQuote = true;
+          continue;
+        }
+        _1_4 = 34 === char;
+        if (_1_4 && forceDoubleQuote) {
+          buffer.writeCharCode$1(92);
+          buffer.writeCharCode$1(34);
+          continue;
+        }
+        if (_1_4 && includesSingleQuote) {
+          _this._visitQuotedString$2$forceDoubleQuote(string, true);
+          return;
+        }
+        if (_1_4) {
+          buffer.writeCharCode$1(34);
+          includesDoubleQuote = true;
+          continue;
+        }
+        if (0 === char || 1 === char || 2 === char || 3 === char || 4 === char || 5 === char || 6 === char || 7 === char || 8 === char || 10 === char || 11 === char || 12 === char || 13 === char || 14 === char || 15 === char || 16 === char || 17 === char || 18 === char || 19 === char || 20 === char || 21 === char || 22 === char || 23 === char || 24 === char || 25 === char || 26 === char || 27 === char || 28 === char || 29 === char || 30 === char || 31 === char || 127 === char) {
+          _this._writeEscape$4(buffer, char, string, i);
+          continue;
+        }
+        if (92 === char) {
+          buffer.writeCharCode$1(92);
+          buffer.writeCharCode$1(92);
+          continue;
+        }
+        _0_0 = _this._tryPrivateUseCharacter$4(buffer, char, string, i);
+        if (_0_0 != null)
+          i = _0_0;
+        else
+          buffer.writeCharCode$1(char);
+      }
+      if (forceDoubleQuote)
+        buffer.writeCharCode$1(34);
+      else {
+        quote = includesDoubleQuote ? 39 : 34;
+        t1 = _this._serialize$_buffer;
+        t1.writeCharCode$1(quote);
+        t1.write$1(0, buffer);
+        t1.writeCharCode$1(quote);
+      }
+    },
+    _visitQuotedString$1(string) {
+      return this._visitQuotedString$2$forceDoubleQuote(string, false);
+    },
+    _visitUnquotedString$1(string) {
+      var t1, t2, afterNewline, i, _1_0, _0_0;
+      for (t1 = string.length, t2 = this._serialize$_buffer, afterNewline = false, i = 0; i < t1; ++i) {
+        _1_0 = string.charCodeAt(i);
+        if (10 === _1_0) {
+          t2.writeCharCode$1(32);
+          afterNewline = true;
+          continue;
+        }
+        if (32 === _1_0) {
+          if (!afterNewline)
+            t2.writeCharCode$1(32);
+          continue;
+        }
+        _0_0 = this._tryPrivateUseCharacter$4(t2, _1_0, string, i);
+        if (_0_0 != null)
+          i = _0_0;
+        else
+          t2.writeCharCode$1(_1_0);
+        afterNewline = false;
+      }
+    },
+    _tryPrivateUseCharacter$4(buffer, codeUnit, string, i) {
+      var t1;
+      if (this._style === B.OutputStyle_1)
+        return null;
+      if (codeUnit >= 57344 && codeUnit <= 63743) {
+        this._writeEscape$4(buffer, codeUnit, string, i);
+        return i;
+      }
+      if (codeUnit >>> 7 === 439 && string.length > i + 1) {
+        t1 = i + 1;
+        this._writeEscape$4(buffer, 65536 + ((codeUnit & 1023) << 10) + (string.charCodeAt(t1) & 1023), string, t1);
+        return t1;
+      }
+      return null;
+    },
+    _writeEscape$4(buffer, character, string, i) {
+      var t1, next;
+      buffer.writeCharCode$1(92);
+      buffer.write$1(0, B.JSInt_methods.toRadixString$1(character, 16));
+      t1 = i + 1;
+      if (string.length === t1)
+        return;
+      next = string.charCodeAt(t1);
+      if (A.CharacterExtension_get_isHex(next) || 32 === next || 9 === next)
+        buffer.writeCharCode$1(32);
+    },
+    visitAttributeSelector$1(attribute) {
+      var _0_0, t2,
+        t1 = this._serialize$_buffer;
+      t1.writeCharCode$1(91);
+      t1.write$1(0, attribute.name);
+      _0_0 = attribute.value;
+      if (_0_0 != null) {
+        t1.write$1(0, attribute.op);
+        if (A.Parser_isIdentifier(_0_0) && !B.JSString_methods.startsWith$1(_0_0, "--")) {
+          t1.write$1(0, _0_0);
+          t2 = attribute.modifier;
+          if (t2 != null)
+            t1.writeCharCode$1(32);
+        } else {
+          this._visitQuotedString$1(_0_0);
+          t2 = attribute.modifier;
+          if (t2 != null)
+            if (this._style !== B.OutputStyle_1)
+              t1.writeCharCode$1(32);
+        }
+        A.NullableExtension_andThen(t2, t1.get$write(t1));
+      }
+      t1.writeCharCode$1(93);
+    },
+    visitClassSelector$1(klass) {
+      var t1 = this._serialize$_buffer;
+      t1.writeCharCode$1(46);
+      t1.write$1(0, klass.name);
+    },
+    visitComplexSelector$1(complex) {
+      var t2, t3, t4, t5, t6, i, component, t7, t8, t9, _this = this,
+        t1 = complex.leadingCombinators;
+      _this._writeCombinators$1(t1);
+      if (t1.length >= 1 && complex.components.length >= 1)
+        if (_this._style !== B.OutputStyle_1)
+          _this._serialize$_buffer.writeCharCode$1(32);
+      for (t1 = complex.components, t2 = t1.length, t3 = t2 - 1, t4 = _this._serialize$_buffer, t5 = _this._style === B.OutputStyle_1, t6 = !t5, i = 0; i < t2; ++i) {
+        component = t1[i];
+        _this.visitCompoundSelector$1(component.selector);
+        t7 = component.combinators;
+        t8 = t7.length === 0;
+        if (!t8)
+          if (t6)
+            t4.writeCharCode$1(32);
+        t9 = t5 ? "" : " ";
+        _this._writeBetween$3(t7, t9, t4.get$write(t4));
+        if (i !== t3)
+          t7 = !t5 || t8;
+        else
+          t7 = false;
+        if (t7)
+          t4.writeCharCode$1(32);
+      }
+    },
+    _writeCombinators$1(combinators) {
+      var t1 = this._style === B.OutputStyle_1 ? "" : " ",
+        t2 = this._serialize$_buffer;
+      return this._writeBetween$3(combinators, t1, t2.get$write(t2));
+    },
+    visitCompoundSelector$1(compound) {
+      var t2, t3, _i,
+        t1 = this._serialize$_buffer,
+        start = t1.get$length(t1);
+      for (t2 = compound.components, t3 = t2.length, _i = 0; _i < t3; ++_i)
+        t2[_i].accept$1(this);
+      if (t1.get$length(t1) === start)
+        t1.writeCharCode$1(42);
+    },
+    visitIDSelector$1(id) {
+      var t1 = this._serialize$_buffer;
+      t1.writeCharCode$1(35);
+      t1.write$1(0, id.name);
+    },
+    visitSelectorList$1(list) {
+      var t1, t2, t3, first, t4, _this = this,
+        complexes = list.components;
+      for (t1 = J.get$iterator$ax(_this._inspect ? complexes : new A.WhereIterable(complexes, new A._SerializeVisitor_visitSelectorList_closure(), A._arrayInstanceType(complexes)._eval$1("WhereIterable<1>"))), t2 = _this._style !== B.OutputStyle_1, t3 = _this._serialize$_buffer, first = true; t1.moveNext$0();) {
+        t4 = t1.get$current(t1);
+        if (first)
+          first = false;
+        else {
+          t3.writeCharCode$1(44);
+          if (t4.lineBreak) {
+            if (t2)
+              t3.write$1(0, "\n");
+            _this._writeIndentation$0();
+          } else if (t2)
+            t3.writeCharCode$1(32);
+        }
+        _this.visitComplexSelector$1(t4);
+      }
+    },
+    visitParentSelector$1($parent) {
+      var t1 = this._serialize$_buffer;
+      t1.writeCharCode$1(38);
+      A.NullableExtension_andThen($parent.suffix, t1.get$write(t1));
+    },
+    visitPlaceholderSelector$1(placeholder) {
+      var t1 = this._serialize$_buffer;
+      t1.writeCharCode$1(37);
+      t1.write$1(0, placeholder.name);
+    },
+    visitPseudoSelector$1(pseudo) {
+      var _0_4, t3,
+        t1 = pseudo.name,
+        t2 = false;
+      if ("not" === t1) {
+        _0_4 = pseudo.selector;
+        if (_0_4 instanceof A.SelectorList)
+          t2 = (_0_4 == null ? type$.SelectorList._as(_0_4) : _0_4).accept$1(B._IsInvisibleVisitor_true);
+      }
+      if (t2)
+        return;
+      t2 = this._serialize$_buffer;
+      t2.writeCharCode$1(58);
+      if (!pseudo.isSyntacticClass)
+        t2.writeCharCode$1(58);
+      t2.write$1(0, t1);
+      t1 = pseudo.argument;
+      t3 = t1 == null;
+      if (t3 && pseudo.selector == null)
+        return;
+      t2.writeCharCode$1(40);
+      if (!t3) {
+        t2.write$1(0, t1);
+        if (pseudo.selector != null)
+          t2.writeCharCode$1(32);
+      }
+      A.NullableExtension_andThen(pseudo.selector, this.get$visitSelectorList());
+      t2.writeCharCode$1(41);
+    },
+    visitTypeSelector$1(type) {
+      this._serialize$_buffer.write$1(0, type.name);
+    },
+    visitUniversalSelector$1(universal) {
+      var t2,
+        t1 = universal.namespace;
+      if (t1 != null) {
+        t2 = this._serialize$_buffer;
+        t2.write$1(0, t1);
+        t2.writeCharCode$1(124);
+      }
+      this._serialize$_buffer.writeCharCode$1(42);
+    },
+    _serialize$_write$1(value) {
+      return this._serialize$_buffer.forSpan$2(value.span, new A._SerializeVisitor__write_closure(this, value));
+    },
+    _serialize$_visitChildren$1($parent) {
+      var t2, t3, t4, t5, t6, t7, prePrevious, previous, t8, previous0, t9, savedIndentation, _this = this,
+        t1 = _this._serialize$_buffer;
+      t1.writeCharCode$1(123);
+      for (t2 = $parent.children, t3 = t2.$ti, t2 = new A.ListIterator(t2, t2.get$length(0), t3._eval$1("ListIterator<ListBase.E>")), t4 = _this._style === B.OutputStyle_1, t5 = !t4, t6 = _this.get$_requiresSemicolon(), t7 = !_this._inspect, t3 = t3._eval$1("ListBase.E"), prePrevious = null, previous = null; t2.moveNext$0();) {
+        t8 = t2.__internal$_current;
+        previous0 = t8 == null ? t3._as(t8) : t8;
+        if (t7)
+          t8 = t4 ? previous0.accept$1(B._IsInvisibleVisitor_true_true) : previous0.accept$1(B._IsInvisibleVisitor_true_false);
+        else
+          t8 = false;
+        if (t8)
+          continue;
+        t8 = previous == null;
+        t9 = t8 ? null : t6.call$1(previous);
+        if (t9 == null ? false : t9)
+          t1.writeCharCode$1(59);
+        if (_this._isTrailingComment$2(previous0, t8 ? $parent : previous)) {
+          if (t5)
+            t1.writeCharCode$1(32);
+          savedIndentation = _this._indentation;
+          _this._indentation = 0;
+          new A._SerializeVisitor__visitChildren_closure(_this, previous0).call$0();
+          _this._indentation = savedIndentation;
+        } else {
+          if (t5)
+            t1.write$1(0, "\n");
+          ++_this._indentation;
+          new A._SerializeVisitor__visitChildren_closure0(_this, previous0).call$0();
+          --_this._indentation;
+        }
+        prePrevious = previous;
+        previous = previous0;
+      }
+      if (previous != null) {
+        if ((type$.CssParentNode._is(previous) ? previous.get$isChildless() : !(previous instanceof A.ModifiableCssComment)) && t5)
+          t1.writeCharCode$1(59);
+        if (prePrevious == null && _this._isTrailingComment$2(previous, $parent)) {
+          if (t5)
+            t1.writeCharCode$1(32);
+        } else {
+          _this._writeLineFeed$0();
+          _this._writeIndentation$0();
+        }
+      }
+      t1.writeCharCode$1(125);
+    },
+    _requiresSemicolon$1(node) {
+      return type$.CssParentNode._is(node) ? node.get$isChildless() : !(node instanceof A.ModifiableCssComment);
+    },
+    _isTrailingComment$2(node, previous) {
+      var t1, t2, t3, t4, searchFrom, endOffset, t5, span;
+      if (this._style === B.OutputStyle_1)
+        return false;
+      if (!(node instanceof A.ModifiableCssComment))
+        return false;
+      t1 = node.span;
+      t2 = t1.file;
+      t3 = t2.url;
+      t4 = previous.get$span(previous);
+      if (!J.$eq$(t3, t4.get$sourceUrl(t4)))
+        return false;
+      t4 = previous.get$span(previous);
+      if (!(J.$eq$(t4.get$file(t4).url, t3) && t4.get$start(t4).offset <= A.FileLocation$_(t2, t1._file$_start).offset && t4.get$end(t4).offset >= A.FileLocation$_(t2, t1._end).offset)) {
+        t1 = A.FileLocation$_(t2, t1._file$_start);
+        t1 = t1.file.getLine$1(t1.offset);
+        t2 = previous.get$span(previous);
+        t2 = t2.get$end(t2);
+        return t1 === t2.file.getLine$1(t2.offset);
+      }
+      t1 = t1._file$_start;
+      t3 = A.FileLocation$_(t2, t1);
+      t4 = previous.get$span(previous);
+      searchFrom = t3.offset - t4.get$start(t4).offset - 1;
+      if (searchFrom < 0)
+        return false;
+      endOffset = Math.max(0, B.JSString_methods.lastIndexOf$2(previous.get$span(previous).get$text(), "{", searchFrom));
+      t3 = previous.get$span(previous);
+      t3 = t3.get$file(t3);
+      t4 = previous.get$span(previous);
+      t4 = t4.get$start(t4);
+      t5 = previous.get$span(previous);
+      span = t3.span$2(0, t4.offset, t5.get$start(t5).offset + endOffset);
+      t1 = A.FileLocation$_(t2, t1);
+      t1 = t1.file.getLine$1(t1.offset);
+      t2 = A.FileLocation$_(span.file, span._end);
+      return t1 === t2.file.getLine$1(t2.offset);
+    },
+    _writeLineFeed$0() {
+      if (this._style !== B.OutputStyle_1)
+        this._serialize$_buffer.write$1(0, "\n");
+    },
+    _writeIndentation$0() {
+      var _this = this;
+      if (_this._style === B.OutputStyle_1)
+        return;
+      _this._writeTimes$2(_this._indentCharacter, _this._indentation * _this._indentWidth);
+    },
+    _writeTimes$2(char, times) {
+      var t1, i;
+      for (t1 = this._serialize$_buffer, i = 0; i < times; ++i)
+        t1.writeCharCode$1(char);
+    },
+    _writeBetween$1$3(iterable, text, callback) {
+      var t1, t2, first, value;
+      for (t1 = J.get$iterator$ax(iterable), t2 = this._serialize$_buffer, first = true; t1.moveNext$0();) {
+        value = t1.get$current(t1);
+        if (first)
+          first = false;
+        else
+          t2.write$1(0, text);
+        callback.call$1(value);
+      }
+    },
+    _writeBetween$3(iterable, text, callback) {
+      return this._writeBetween$1$3(iterable, text, callback, type$.dynamic);
+    }
+  };
+  A._SerializeVisitor_visitCssComment_closure.prototype = {
+    call$0() {
+      var t2, t3, _0_0, minimumIndentation,
+        t1 = this.$this;
+      if (t1._style === B.OutputStyle_1 && this.node.text.charCodeAt(2) !== 33)
+        return;
+      t2 = this.node;
+      t3 = t2.text;
+      if (B.JSString_methods.startsWith$1(t3, A.RegExp_RegExp("/\\*# source(Mapping)?URL=", false)))
+        return;
+      _0_0 = t1._minimumIndentation$1(t3);
+      if (_0_0 != null) {
+        t2 = t2.span;
+        t2 = A.FileLocation$_(t2.file, t2._file$_start);
+        minimumIndentation = Math.min(_0_0, t2.file.getColumn$1(t2.offset));
+        t1._writeIndentation$0();
+        t1._writeWithIndent$2(t3, minimumIndentation);
+      } else {
+        t1._writeIndentation$0();
+        t1._serialize$_buffer.write$1(0, t3);
+      }
+    },
+    $signature: 1
+  };
+  A._SerializeVisitor_visitCssAtRule_closure.prototype = {
+    call$0() {
+      var t3, _0_0,
+        t1 = this.$this,
+        t2 = t1._serialize$_buffer;
+      t2.writeCharCode$1(64);
+      t3 = this.node;
+      t1._serialize$_write$1(t3.name);
+      _0_0 = t3.value;
+      if (_0_0 != null) {
+        t2.writeCharCode$1(32);
+        t1._serialize$_write$1(_0_0);
+      }
+    },
+    $signature: 1
+  };
+  A._SerializeVisitor_visitCssMediaRule_closure.prototype = {
+    call$0() {
+      var t3, firstQuery, t4, t5,
+        t1 = this.$this,
+        t2 = t1._serialize$_buffer;
+      t2.write$1(0, "@media");
+      t3 = this.node.queries;
+      firstQuery = B.JSArray_methods.get$first(t3);
+      t4 = t1._style === B.OutputStyle_1;
+      t5 = true;
+      if (t4)
+        if (firstQuery.modifier == null)
+          if (firstQuery.type == null) {
+            t5 = firstQuery.conditions;
+            t5 = t5.length === 1 && B.JSString_methods.startsWith$1(B.JSArray_methods.get$first(t5), "(not ");
+          }
+      if (t5)
+        t2.writeCharCode$1(32);
+      t2 = t4 ? "," : ", ";
+      t1._writeBetween$3(t3, t2, t1.get$_visitMediaQuery());
+    },
+    $signature: 1
+  };
+  A._SerializeVisitor_visitCssImport_closure.prototype = {
+    call$0() {
+      var t3, t4, _0_0,
+        t1 = this.$this,
+        t2 = t1._serialize$_buffer;
+      t2.write$1(0, "@import");
+      t3 = t1._style !== B.OutputStyle_1;
+      if (t3)
+        t2.writeCharCode$1(32);
+      t4 = this.node;
+      t2.forSpan$2(t4.url.span, new A._SerializeVisitor_visitCssImport__closure(t1, t4));
+      _0_0 = t4.modifiers;
+      if (_0_0 != null) {
+        if (t3)
+          t2.writeCharCode$1(32);
+        t2.write$1(0, _0_0);
+      }
+    },
+    $signature: 1
+  };
+  A._SerializeVisitor_visitCssImport__closure.prototype = {
+    call$0() {
+      return this.$this._writeImportUrl$1(this.node.url.value);
+    },
+    $signature: 0
+  };
+  A._SerializeVisitor_visitCssKeyframeBlock_closure.prototype = {
+    call$0() {
+      var t1 = this.$this,
+        t2 = t1._style === B.OutputStyle_1 ? "," : ", ",
+        t3 = t1._serialize$_buffer;
+      return t1._writeBetween$3(this.node.selector.value, t2, t3.get$write(t3));
+    },
+    $signature: 0
+  };
+  A._SerializeVisitor_visitCssStyleRule_closure.prototype = {
+    call$0() {
+      return this.$this.visitSelectorList$1(this.node._style_rule$_selector._box$_inner.value);
+    },
+    $signature: 0
+  };
+  A._SerializeVisitor_visitCssSupportsRule_closure.prototype = {
+    call$0() {
+      var t1 = this.$this,
+        t2 = t1._serialize$_buffer;
+      t2.write$1(0, "@supports");
+      if (!(t1._style === B.OutputStyle_1 && this.node.condition.value.charCodeAt(0) === 40))
+        t2.writeCharCode$1(32);
+      t1._serialize$_write$1(this.node.condition);
+    },
+    $signature: 1
+  };
+  A._SerializeVisitor_visitCssDeclaration_closure.prototype = {
+    call$0() {
+      var t1 = this.$this,
+        t2 = this.node;
+      if (t1._style === B.OutputStyle_1)
+        t1._writeFoldedValue$1(t2);
+      else
+        t1._writeReindentedValue$1(t2);
+    },
+    $signature: 1
+  };
+  A._SerializeVisitor_visitCssDeclaration_closure0.prototype = {
+    call$0() {
+      return this.node.value.value.accept$1(this.$this);
+    },
+    $signature: 0
+  };
+  A._SerializeVisitor_visitList_closure.prototype = {
+    call$1(element) {
+      return !element.get$isBlank();
+    },
+    $signature: 79
+  };
+  A._SerializeVisitor_visitList_closure0.prototype = {
+    call$1(element) {
+      var t1 = this.$this,
+        needsParens = t1._elementNeedsParens$2(this.value._separator, element);
+      if (needsParens)
+        t1._serialize$_buffer.writeCharCode$1(40);
+      element.accept$1(t1);
+      if (needsParens)
+        t1._serialize$_buffer.writeCharCode$1(41);
+    },
+    $signature: 62
+  };
+  A._SerializeVisitor_visitList_closure1.prototype = {
+    call$1(element) {
+      element.accept$1(this.$this);
+    },
+    $signature: 62
+  };
+  A._SerializeVisitor_visitMap_closure.prototype = {
+    call$1(entry) {
+      var t1 = this.$this;
+      t1._writeMapElement$1(entry.key);
+      t1._serialize$_buffer.write$1(0, ": ");
+      t1._writeMapElement$1(entry.value);
+    },
+    $signature: 280
+  };
+  A._SerializeVisitor_visitSelectorList_closure.prototype = {
+    call$1(complex) {
+      return !complex.accept$1(B._IsInvisibleVisitor_true);
+    },
+    $signature: 20
+  };
+  A._SerializeVisitor__write_closure.prototype = {
+    call$0() {
+      return this.$this._serialize$_buffer.write$1(0, this.value.value);
+    },
+    $signature: 0
+  };
+  A._SerializeVisitor__visitChildren_closure.prototype = {
+    call$0() {
+      return this.child.accept$1(this.$this);
+    },
+    $signature: 0
+  };
+  A._SerializeVisitor__visitChildren_closure0.prototype = {
+    call$0() {
+      this.child.accept$1(this.$this);
+    },
+    $signature: 0
+  };
+  A.OutputStyle.prototype = {
+    _enumToString$0() {
+      return "OutputStyle." + this._name;
+    }
+  };
+  A.LineFeed.prototype = {
+    _enumToString$0() {
+      return "LineFeed." + this._name;
+    },
+    toString$0(_) {
+      return "lf";
+    }
+  };
+  A.StatementSearchVisitor.prototype = {
+    visitAtRootRule$1(_, node) {
+      return this.visitChildren$1(node.children);
+    },
+    visitAtRule$1(_, node) {
+      return A.NullableExtension_andThen(node.children, this.get$visitChildren());
+    },
+    visitContentBlock$1(_, node) {
+      return this.visitChildren$1(node.children);
+    },
+    visitContentRule$1(_, node) {
+      return null;
+    },
+    visitDebugRule$1(_, node) {
+      return null;
+    },
+    visitDeclaration$1(_, node) {
+      return A.NullableExtension_andThen(node.children, this.get$visitChildren());
+    },
+    visitEachRule$1(_, node) {
+      return this.visitChildren$1(node.children);
+    },
+    visitErrorRule$1(_, node) {
+      return null;
+    },
+    visitExtendRule$1(_, node) {
+      return null;
+    },
+    visitForRule$1(_, node) {
+      return this.visitChildren$1(node.children);
+    },
+    visitForwardRule$1(_, node) {
+      return null;
+    },
+    visitFunctionRule$1(_, node) {
+      return this.visitChildren$1(node.children);
+    },
+    visitIfRule$1(_, node) {
+      var t1 = A.IterableExtension_search(node.clauses, new A.StatementSearchVisitor_visitIfRule_closure(this));
+      return t1 == null ? A.NullableExtension_andThen(node.lastClause, new A.StatementSearchVisitor_visitIfRule_closure0(this)) : t1;
+    },
+    visitImportRule$1(_, node) {
+      return null;
+    },
+    visitIncludeRule$1(_, node) {
+      return A.NullableExtension_andThen(node.content, this.get$visitContentBlock(this));
+    },
+    visitLoudComment$1(_, node) {
+      return null;
+    },
+    visitMediaRule$1(_, node) {
+      return this.visitChildren$1(node.children);
+    },
+    visitMixinRule$1(_, node) {
+      return this.visitChildren$1(node.children);
+    },
+    visitReturnRule$1(_, node) {
+      return null;
+    },
+    visitSilentComment$1(_, node) {
+      return null;
+    },
+    visitStyleRule$1(_, node) {
+      return this.visitChildren$1(node.children);
+    },
+    visitStylesheet$1(_, node) {
+      return this.visitChildren$1(node.children);
+    },
+    visitSupportsRule$1(_, node) {
+      return this.visitChildren$1(node.children);
+    },
+    visitUseRule$1(_, node) {
+      return null;
+    },
+    visitVariableDeclaration$1(_, node) {
+      return null;
+    },
+    visitWarnRule$1(_, node) {
+      return null;
+    },
+    visitWhileRule$1(_, node) {
+      return this.visitChildren$1(node.children);
+    },
+    visitChildren$1(children) {
+      return A.IterableExtension_search(children, new A.StatementSearchVisitor_visitChildren_closure(this));
+    }
+  };
+  A.StatementSearchVisitor_visitIfRule_closure.prototype = {
+    call$1(clause) {
+      return A.IterableExtension_search(clause.children, new A.StatementSearchVisitor_visitIfRule__closure0(this.$this));
+    },
+    $signature() {
+      return A._instanceType(this.$this)._eval$1("StatementSearchVisitor.T?(IfClause)");
+    }
+  };
+  A.StatementSearchVisitor_visitIfRule__closure0.prototype = {
+    call$1(child) {
+      return child.accept$1(this.$this);
+    },
+    $signature() {
+      return A._instanceType(this.$this)._eval$1("StatementSearchVisitor.T?(Statement)");
+    }
+  };
+  A.StatementSearchVisitor_visitIfRule_closure0.prototype = {
+    call$1(lastClause) {
+      return A.IterableExtension_search(lastClause.children, new A.StatementSearchVisitor_visitIfRule__closure(this.$this));
+    },
+    $signature() {
+      return A._instanceType(this.$this)._eval$1("StatementSearchVisitor.T?(ElseClause)");
+    }
+  };
+  A.StatementSearchVisitor_visitIfRule__closure.prototype = {
+    call$1(child) {
+      return child.accept$1(this.$this);
+    },
+    $signature() {
+      return A._instanceType(this.$this)._eval$1("StatementSearchVisitor.T?(Statement)");
+    }
+  };
+  A.StatementSearchVisitor_visitChildren_closure.prototype = {
+    call$1(child) {
+      return child.accept$1(this.$this);
+    },
+    $signature() {
+      return A._instanceType(this.$this)._eval$1("StatementSearchVisitor.T?(Statement)");
+    }
+  };
+  A.Entry.prototype = {
+    compareTo$1(_, other) {
+      var t1, t2,
+        res = this.target.compareTo$1(0, other.target);
+      if (res !== 0)
+        return res;
+      t1 = this.source;
+      t2 = other.source;
+      res = B.JSString_methods.compareTo$1(J.toString$0$(t1.file.url), J.toString$0$(t2.file.url));
+      if (res !== 0)
+        return res;
+      return t1.compareTo$1(0, t2);
+    },
+    $isComparable: 1
+  };
+  A.Mapping.prototype = {};
+  A.SingleMapping.prototype = {
+    toJson$1$includeSourceContents(includeSourceContents) {
+      var t1, t2, line, column, srcLine, srcColumn, srcUrlId, srcNameId, first, _i, entry, nextLine, i, t3, t4, column0, t5, newUrlId, srcLine0, srcColumn0, srcNameId0, result, _this = this,
+        buff = new A.StringBuffer("");
+      for (t1 = _this.lines, t2 = t1.length, line = 0, column = 0, srcLine = 0, srcColumn = 0, srcUrlId = 0, srcNameId = 0, first = true, _i = 0; _i < t1.length; t1.length === t2 || (0, A.throwConcurrentModificationError)(t1), ++_i) {
+        entry = t1[_i];
+        nextLine = entry.line;
+        if (nextLine > line) {
+          for (i = line; i < nextLine; ++i)
+            buff._contents += ";";
+          line = nextLine;
+          column = 0;
+          first = true;
+        }
+        for (t3 = J.get$iterator$ax(entry.entries); t3.moveNext$0(); column = column0, first = false) {
+          t4 = t3.get$current(t3);
+          if (!first)
+            buff._contents += ",";
+          column0 = t4.column;
+          t5 = A.encodeVlq(column0 - column);
+          t5 = A.StringBuffer__writeAll(buff._contents, t5, "");
+          buff._contents = t5;
+          newUrlId = t4.sourceUrlId;
+          t5 = A.StringBuffer__writeAll(t5, A.encodeVlq(newUrlId - srcUrlId), "");
+          buff._contents = t5;
+          srcLine0 = t4.sourceLine;
+          t5 = A.StringBuffer__writeAll(t5, A.encodeVlq(srcLine0 - srcLine), "");
+          buff._contents = t5;
+          srcColumn0 = t4.sourceColumn;
+          t5 = A.StringBuffer__writeAll(t5, A.encodeVlq(srcColumn0 - srcColumn), "");
+          buff._contents = t5;
+          srcNameId0 = t4.sourceNameId;
+          if (srcNameId0 == null) {
+            srcUrlId = newUrlId;
+            srcColumn = srcColumn0;
+            srcLine = srcLine0;
+            continue;
+          }
+          buff._contents = A.StringBuffer__writeAll(t5, A.encodeVlq(srcNameId0 - srcNameId), "");
+          srcNameId = srcNameId0;
+          srcUrlId = newUrlId;
+          srcColumn = srcColumn0;
+          srcLine = srcLine0;
+        }
+      }
+      t1 = _this.sourceRoot;
+      if (t1 == null)
+        t1 = "";
+      t2 = buff._contents;
+      result = A.LinkedHashMap_LinkedHashMap$_literal(["version", 3, "sourceRoot", t1, "sources", _this.urls, "names", _this.names, "mappings", t2.charCodeAt(0) == 0 ? t2 : t2], type$.String, type$.dynamic);
+      t1 = _this.targetUrl;
+      if (t1 != null)
+        result.$indexSet(0, "file", t1);
+      if (includeSourceContents) {
+        t1 = _this.files;
+        t2 = A._arrayInstanceType(t1)._eval$1("MappedListIterable<1,String?>");
+        t1 = A.List_List$_of(new A.MappedListIterable(t1, new A.SingleMapping_toJson_closure(), t2), t2._eval$1("ListIterable.E"));
+        result.$indexSet(0, "sourcesContent", t1);
+      }
+      _this.extensions.forEach$1(0, new A.SingleMapping_toJson_closure0(result));
+      return result;
+    },
+    toJson$0() {
+      return this.toJson$1$includeSourceContents(false);
+    },
+    toString$0(_) {
+      var _this = this,
+        t1 = A.getRuntimeTypeOfDartObject(_this).toString$0(0) + " : [targetUrl: " + A.S(_this.targetUrl) + ", sourceRoot: " + A.S(_this.sourceRoot) + ", urls: " + A.S(_this.urls) + ", names: " + A.S(_this.names) + ", lines: " + A.S(_this.lines) + "]";
+      return t1.charCodeAt(0) == 0 ? t1 : t1;
+    }
+  };
+  A.SingleMapping_SingleMapping$fromEntries_closure.prototype = {
+    call$0() {
+      return this.urls.__js_helper$_length;
+    },
+    $signature: 10
+  };
+  A.SingleMapping_SingleMapping$fromEntries_closure0.prototype = {
+    call$0() {
+      return this.sourceEntry.source.file;
+    },
+    $signature: 281
+  };
+  A.SingleMapping_SingleMapping$fromEntries_closure1.prototype = {
+    call$1(i) {
+      return this.files.$index(0, i);
+    },
+    $signature: 282
+  };
+  A.SingleMapping_toJson_closure.prototype = {
+    call$1(file) {
+      return file == null ? null : A.String_String$fromCharCodes(B.NativeUint32List_methods.sublist$2(file._decodedChars, 0, null), 0, null);
+    },
+    $signature: 283
+  };
+  A.SingleMapping_toJson_closure0.prototype = {
+    call$2($name, value) {
+      this.result.$indexSet(0, $name, value);
+      return value;
+    },
+    $signature: 134
+  };
+  A.TargetLineEntry.prototype = {
+    toString$0(_) {
+      return A.getRuntimeTypeOfDartObject(this).toString$0(0) + ": " + this.line + " " + A.S(this.entries);
+    }
+  };
+  A.TargetEntry.prototype = {
+    toString$0(_) {
+      var _this = this;
+      return A.getRuntimeTypeOfDartObject(_this).toString$0(0) + ": (" + _this.column + ", " + _this.sourceUrlId + ", " + _this.sourceLine + ", " + _this.sourceColumn + ", " + A.S(_this.sourceNameId) + ")";
+    }
+  };
+  A.SourceFile.prototype = {
+    get$length(_) {
+      return this._decodedChars.length;
+    },
+    get$lines() {
+      return this._lineStarts.length;
+    },
+    SourceFile$decoded$2$url(decodedChars, url) {
+      var t1, t2, t3, i, c, j;
+      for (t1 = this._decodedChars, t2 = t1.length, t3 = this._lineStarts, i = 0; i < t2; ++i) {
+        c = t1[i];
+        if (c === 13) {
+          j = i + 1;
+          if (j >= t2 || t1[j] !== 10)
+            c = 10;
+        }
+        if (c === 10)
+          t3.push(i + 1);
+      }
+    },
+    span$2(_, start, end) {
+      return A._FileSpan$(this, start, end == null ? this._decodedChars.length : end);
+    },
+    span$1(_, start) {
+      return this.span$2(0, start, null);
+    },
+    getLine$1(offset) {
+      var t1, _this = this;
+      if (offset < 0)
+        throw A.wrapException(A.RangeError$("Offset may not be negative, was " + offset + "."));
+      else if (offset > _this._decodedChars.length)
+        throw A.wrapException(A.RangeError$("Offset " + offset + string$.x20must_n + _this.get$length(0) + "."));
+      t1 = _this._lineStarts;
+      if (offset < B.JSArray_methods.get$first(t1))
+        return -1;
+      if (offset >= B.JSArray_methods.get$last(t1))
+        return t1.length - 1;
+      if (_this._isNearCachedLine$1(offset)) {
+        t1 = _this._cachedLine;
+        t1.toString;
+        return t1;
+      }
+      return _this._cachedLine = _this._binarySearch$1(offset) - 1;
+    },
+    _isNearCachedLine$1(offset) {
+      var t2, t3,
+        t1 = this._cachedLine;
+      if (t1 == null)
+        return false;
+      t2 = this._lineStarts;
+      if (offset < t2[t1])
+        return false;
+      t3 = t2.length;
+      if (t1 >= t3 - 1 || offset < t2[t1 + 1])
+        return true;
+      if (t1 >= t3 - 2 || offset < t2[t1 + 2]) {
+        this._cachedLine = t1 + 1;
+        return true;
+      }
+      return false;
+    },
+    _binarySearch$1(offset) {
+      var min, half,
+        t1 = this._lineStarts,
+        max = t1.length - 1;
+      for (min = 0; min < max;) {
+        half = min + B.JSInt_methods._tdivFast$1(max - min, 2);
+        if (t1[half] > offset)
+          max = half;
+        else
+          min = half + 1;
+      }
+      return max;
+    },
+    getColumn$1(offset) {
+      var line, lineStart, _this = this;
+      if (offset < 0)
+        throw A.wrapException(A.RangeError$("Offset may not be negative, was " + offset + "."));
+      else if (offset > _this._decodedChars.length)
+        throw A.wrapException(A.RangeError$("Offset " + offset + " must be not be greater than the number of characters in the file, " + _this.get$length(0) + "."));
+      line = _this.getLine$1(offset);
+      lineStart = _this._lineStarts[line];
+      if (lineStart > offset)
+        throw A.wrapException(A.RangeError$("Line " + line + " comes after offset " + offset + "."));
+      return offset - lineStart;
+    },
+    getOffset$1(line) {
+      var t1, t2, result, t3;
+      if (line < 0)
+        throw A.wrapException(A.RangeError$("Line may not be negative, was " + line + "."));
+      else {
+        t1 = this._lineStarts;
+        t2 = t1.length;
+        if (line >= t2)
+          throw A.wrapException(A.RangeError$("Line " + line + " must be less than the number of lines in the file, " + this.get$lines() + "."));
+      }
+      result = t1[line];
+      if (result <= this._decodedChars.length) {
+        t3 = line + 1;
+        t1 = t3 < t2 && result >= t1[t3];
+      } else
+        t1 = true;
+      if (t1)
+        throw A.wrapException(A.RangeError$("Line " + line + " doesn't have 0 columns."));
+      return result;
+    }
+  };
+  A.FileLocation.prototype = {
+    get$sourceUrl(_) {
+      return this.file.url;
+    },
+    get$line() {
+      return this.file.getLine$1(this.offset);
+    },
+    get$column() {
+      return this.file.getColumn$1(this.offset);
+    },
+    FileLocation$_$2(file, offset) {
+      var t2,
+        t1 = this.offset;
+      if (t1 < 0)
+        throw A.wrapException(A.RangeError$("Offset may not be negative, was " + t1 + "."));
+      else {
+        t2 = this.file;
+        if (t1 > t2._decodedChars.length)
+          throw A.wrapException(A.RangeError$("Offset " + t1 + string$.x20must_n + t2.get$length(0) + "."));
+      }
+    },
+    pointSpan$0() {
+      var t1 = this.offset;
+      return A._FileSpan$(this.file, t1, t1);
+    },
+    get$offset() {
+      return this.offset;
+    }
+  };
+  A._FileSpan.prototype = {
+    get$sourceUrl(_) {
+      return this.file.url;
+    },
+    get$length(_) {
+      return this._end - this._file$_start;
+    },
+    get$start(_) {
+      return A.FileLocation$_(this.file, this._file$_start);
+    },
+    get$end(_) {
+      return A.FileLocation$_(this.file, this._end);
+    },
+    get$text() {
+      return A.String_String$fromCharCodes(B.NativeUint32List_methods.sublist$2(this.file._decodedChars, this._file$_start, this._end), 0, null);
+    },
+    get$context(_) {
+      var _this = this,
+        t1 = _this.file,
+        endOffset = _this._end,
+        endLine = t1.getLine$1(endOffset);
+      if (t1.getColumn$1(endOffset) === 0 && endLine !== 0) {
+        if (endOffset - _this._file$_start === 0)
+          return endLine === t1._lineStarts.length - 1 ? "" : A.String_String$fromCharCodes(B.NativeUint32List_methods.sublist$2(t1._decodedChars, t1.getOffset$1(endLine), t1.getOffset$1(endLine + 1)), 0, null);
+      } else
+        endOffset = endLine === t1._lineStarts.length - 1 ? t1._decodedChars.length : t1.getOffset$1(endLine + 1);
+      return A.String_String$fromCharCodes(B.NativeUint32List_methods.sublist$2(t1._decodedChars, t1.getOffset$1(t1.getLine$1(_this._file$_start)), endOffset), 0, null);
+    },
+    _FileSpan$3(file, _start, _end) {
+      var t3,
+        t1 = this._end,
+        t2 = this._file$_start;
+      if (t1 < t2)
+        throw A.wrapException(A.ArgumentError$("End " + t1 + " must come after start " + t2 + ".", null));
+      else {
+        t3 = this.file;
+        if (t1 > t3._decodedChars.length)
+          throw A.wrapException(A.RangeError$("End " + t1 + string$.x20must_n + t3.get$length(0) + "."));
+        else if (t2 < 0)
+          throw A.wrapException(A.RangeError$("Start may not be negative, was " + t2 + "."));
+      }
+    },
+    compareTo$1(_, other) {
+      var result;
+      if (!(other instanceof A._FileSpan))
+        return this.super$SourceSpanMixin$compareTo(0, other);
+      result = B.JSInt_methods.compareTo$1(this._file$_start, other._file$_start);
+      return result === 0 ? B.JSInt_methods.compareTo$1(this._end, other._end) : result;
+    },
+    $eq(_, other) {
+      var _this = this;
+      if (other == null)
+        return false;
+      if (!type$.FileSpan._is(other))
+        return _this.super$SourceSpanMixin$$eq(0, other);
+      if (!(other instanceof A._FileSpan))
+        return _this.super$SourceSpanMixin$$eq(0, other) && J.$eq$(_this.file.url, other.get$sourceUrl(other));
+      return _this._file$_start === other._file$_start && _this._end === other._end && J.$eq$(_this.file.url, other.file.url);
+    },
+    get$hashCode(_) {
+      return A.Object_hash(this._file$_start, this._end, this.file.url, B.C_SentinelValue);
+    },
+    expand$1(_, other) {
+      var t2, t3, _this = this,
+        t1 = _this.file;
+      if (!J.$eq$(t1.url, other.get$sourceUrl(other)))
+        throw A.wrapException(A.ArgumentError$('Source URLs "' + A.S(_this.get$sourceUrl(0)) + '" and  "' + A.S(other.get$sourceUrl(other)) + "\" don't match.", null));
+      t2 = _this._file$_start;
+      t3 = _this._end;
+      if (other instanceof A._FileSpan)
+        return A._FileSpan$(t1, Math.min(t2, other._file$_start), Math.max(t3, other._end));
+      else
+        return A._FileSpan$(t1, Math.min(t2, other.get$start(other).offset), Math.max(t3, other.get$end(other).offset));
+    },
+    $isFileSpan: 1,
+    $isSourceSpanWithContext: 1,
+    get$file(receiver) {
+      return this.file;
+    }
+  };
+  A.Highlighter.prototype = {
+    highlight$0() {
+      var t2, highlightsByColumn, t3, t4, i, line, lastLine, t5, t6, t7, t8, t9, t10, t11, index, primaryIdx, primary, _i, highlight, _this = this, _null = null,
+        t1 = _this._lines;
+      _this._writeFileStart$1(B.JSArray_methods.get$first(t1).url);
+      t2 = _this._maxMultilineSpans;
+      highlightsByColumn = A.List_List$filled(t2, _null, false, type$.nullable__Highlight);
+      for (t3 = _this._highlighter$_buffer, t2 = t2 !== 0, t4 = _this._primaryColor, i = 0; i < t1.length; ++i) {
+        line = t1[i];
+        if (i > 0) {
+          lastLine = t1[i - 1];
+          t5 = line.url;
+          if (!J.$eq$(lastLine.url, t5)) {
+            _this._writeSidebar$1$end($._glyphs.get$upEnd());
+            t3._contents += "\n";
+            _this._writeFileStart$1(t5);
+          } else if (lastLine.number + 1 !== line.number) {
+            _this._writeSidebar$1$text("...");
+            t3._contents += "\n";
+          }
+        }
+        for (t5 = line.highlights, t6 = A._arrayInstanceType(t5)._eval$1("ReversedListIterable<1>"), t7 = new A.ReversedListIterable(t5, t6), t7 = new A.ListIterator(t7, t7.get$length(0), t6._eval$1("ListIterator<ListIterable.E>")), t6 = t6._eval$1("ListIterable.E"), t8 = line.number, t9 = line.text; t7.moveNext$0();) {
+          t10 = t7.__internal$_current;
+          if (t10 == null)
+            t10 = t6._as(t10);
+          t11 = t10.span;
+          if (t11.get$start(t11).get$line() !== t11.get$end(t11).get$line() && t11.get$start(t11).get$line() === t8 && _this._isOnlyWhitespace$1(B.JSString_methods.substring$2(t9, 0, t11.get$start(t11).get$column()))) {
+            index = B.JSArray_methods.indexOf$1(highlightsByColumn, _null);
+            if (index < 0)
+              A.throwExpression(A.ArgumentError$(A.S(highlightsByColumn) + " contains no null elements.", _null));
+            highlightsByColumn[index] = t10;
+          }
+        }
+        _this._writeSidebar$1$line(t8);
+        t3._contents += " ";
+        _this._writeMultilineHighlights$2(line, highlightsByColumn);
+        if (t2)
+          t3._contents += " ";
+        primaryIdx = B.JSArray_methods.indexWhere$1(t5, new A.Highlighter_highlight_closure());
+        primary = primaryIdx === -1 ? _null : t5[primaryIdx];
+        t6 = primary != null;
+        if (t6) {
+          t7 = primary.span;
+          t10 = t7.get$start(t7).get$line() === t8 ? t7.get$start(t7).get$column() : 0;
+          _this._writeHighlightedText$4$color(t9, t10, t7.get$end(t7).get$line() === t8 ? t7.get$end(t7).get$column() : t9.length, t4);
+        } else
+          _this._writeText$1(t9);
+        t3._contents += "\n";
+        if (t6)
+          _this._writeIndicator$3(line, primary, highlightsByColumn);
+        for (t6 = t5.length, _i = 0; _i < t5.length; t5.length === t6 || (0, A.throwConcurrentModificationError)(t5), ++_i) {
+          highlight = t5[_i];
+          if (highlight.isPrimary)
+            continue;
+          _this._writeIndicator$3(line, highlight, highlightsByColumn);
+        }
+      }
+      _this._writeSidebar$1$end($._glyphs.get$upEnd());
+      t1 = t3._contents;
+      return t1.charCodeAt(0) == 0 ? t1 : t1;
+    },
+    _writeFileStart$1(url) {
+      var _this = this,
+        t1 = !_this._multipleFiles || !type$.Uri._is(url),
+        t2 = $._glyphs;
+      if (t1)
+        _this._writeSidebar$1$end(t2.get$downEnd());
+      else {
+        _this._writeSidebar$1$end(t2.get$topLeftCorner());
+        _this._colorize$2$color(new A.Highlighter__writeFileStart_closure(_this), "\x1b[34m");
+        t1 = _this._highlighter$_buffer;
+        t2 = " " + $.$get$context().prettyUri$1(url);
+        t1._contents += t2;
+      }
+      _this._highlighter$_buffer._contents += "\n";
+    },
+    _writeMultilineHighlights$3$current(line, highlightsByColumn, current) {
+      var t1, currentColor, t2, t3, t4, t5, foundCurrent, _i, highlight, t6, startLine, t7, endLine, _this = this, _box_0 = {};
+      _box_0.openedOnThisLine = false;
+      _box_0.openedOnThisLineColor = null;
+      t1 = current == null;
+      if (t1)
+        currentColor = null;
+      else
+        currentColor = current.isPrimary ? _this._primaryColor : _this._secondaryColor;
+      for (t2 = highlightsByColumn.length, t3 = _this._secondaryColor, t1 = !t1, t4 = _this._primaryColor, t5 = _this._highlighter$_buffer, foundCurrent = false, _i = 0; _i < t2; ++_i) {
+        highlight = highlightsByColumn[_i];
+        t6 = highlight == null;
+        if (t6)
+          startLine = null;
+        else {
+          t7 = highlight.span;
+          startLine = t7.get$start(t7).get$line();
+        }
+        if (t6)
+          endLine = null;
+        else {
+          t7 = highlight.span;
+          endLine = t7.get$end(t7).get$line();
+        }
+        if (t1 && highlight === current) {
+          _this._colorize$2$color(new A.Highlighter__writeMultilineHighlights_closure(_this, startLine, line), currentColor);
+          foundCurrent = true;
+        } else if (foundCurrent)
+          _this._colorize$2$color(new A.Highlighter__writeMultilineHighlights_closure0(_this, highlight), currentColor);
+        else if (t6)
+          if (_box_0.openedOnThisLine)
+            _this._colorize$2$color(new A.Highlighter__writeMultilineHighlights_closure1(_this), _box_0.openedOnThisLineColor);
+          else
+            t5._contents += " ";
+        else {
+          t6 = highlight.isPrimary ? t4 : t3;
+          _this._colorize$2$color(new A.Highlighter__writeMultilineHighlights_closure2(_box_0, _this, current, startLine, line, highlight, endLine), t6);
+        }
+      }
+    },
+    _writeMultilineHighlights$2(line, highlightsByColumn) {
+      return this._writeMultilineHighlights$3$current(line, highlightsByColumn, null);
+    },
+    _writeHighlightedText$4$color(text, startColumn, endColumn, color) {
+      var _this = this;
+      _this._writeText$1(B.JSString_methods.substring$2(text, 0, startColumn));
+      _this._colorize$2$color(new A.Highlighter__writeHighlightedText_closure(_this, text, startColumn, endColumn), color);
+      _this._writeText$1(B.JSString_methods.substring$2(text, endColumn, text.length));
+    },
+    _writeIndicator$3(line, highlight, highlightsByColumn) {
+      var t2, coversWholeLine, _this = this,
+        color = highlight.isPrimary ? _this._primaryColor : _this._secondaryColor,
+        t1 = highlight.span;
+      if (t1.get$start(t1).get$line() === t1.get$end(t1).get$line()) {
+        _this._writeSidebar$0();
+        t1 = _this._highlighter$_buffer;
+        t1._contents += " ";
+        _this._writeMultilineHighlights$3$current(line, highlightsByColumn, highlight);
+        if (highlightsByColumn.length !== 0)
+          t1._contents += " ";
+        _this._writeLabel$3(highlight, highlightsByColumn, _this._colorize$2$color(new A.Highlighter__writeIndicator_closure(_this, line, highlight), color));
+      } else {
+        t2 = line.number;
+        if (t1.get$start(t1).get$line() === t2) {
+          if (B.JSArray_methods.contains$1(highlightsByColumn, highlight))
+            return;
+          A.replaceFirstNull(highlightsByColumn, highlight);
+          _this._writeSidebar$0();
+          t1 = _this._highlighter$_buffer;
+          t1._contents += " ";
+          _this._writeMultilineHighlights$3$current(line, highlightsByColumn, highlight);
+          _this._colorize$2$color(new A.Highlighter__writeIndicator_closure0(_this, line, highlight), color);
+          t1._contents += "\n";
+        } else if (t1.get$end(t1).get$line() === t2) {
+          coversWholeLine = t1.get$end(t1).get$column() === line.text.length;
+          if (coversWholeLine && highlight.label == null) {
+            A.replaceWithNull(highlightsByColumn, highlight);
+            return;
+          }
+          _this._writeSidebar$0();
+          _this._highlighter$_buffer._contents += " ";
+          _this._writeMultilineHighlights$3$current(line, highlightsByColumn, highlight);
+          _this._writeLabel$3(highlight, highlightsByColumn, _this._colorize$2$color(new A.Highlighter__writeIndicator_closure1(_this, coversWholeLine, line, highlight), color));
+          A.replaceWithNull(highlightsByColumn, highlight);
+        }
+      }
+    },
+    _writeArrow$3$beginning(line, column, beginning) {
+      var t2,
+        t1 = beginning ? 0 : 1,
+        tabs = this._countTabs$1(B.JSString_methods.substring$2(line.text, 0, column + t1));
+      t1 = this._highlighter$_buffer;
+      t2 = B.JSString_methods.$mul($._glyphs.get$horizontalLine(), 1 + column + tabs * 3);
+      t1._contents = (t1._contents += t2) + "^";
+    },
+    _writeArrow$2(line, column) {
+      return this._writeArrow$3$beginning(line, column, true);
+    },
+    _writeLabel$3(highlight, highlightsByColumn, underlineLength) {
+      var lines, color, t1, t2, t3, t4, t5, t6, _i, columnHighlight, _this = this,
+        label = highlight.label;
+      if (label == null) {
+        _this._highlighter$_buffer._contents += "\n";
+        return;
+      }
+      lines = A._setArrayType(label.split("\n"), type$.JSArray_String);
+      color = highlight.isPrimary ? _this._primaryColor : _this._secondaryColor;
+      _this._colorize$2$color(new A.Highlighter__writeLabel_closure(_this, lines), color);
+      t1 = _this._highlighter$_buffer;
+      t1._contents += "\n";
+      for (t2 = A.SubListIterable$(lines, 1, null, type$.String), t3 = t2.$ti, t2 = new A.ListIterator(t2, t2.get$length(0), t3._eval$1("ListIterator<ListIterable.E>")), t4 = highlightsByColumn.length, t3 = t3._eval$1("ListIterable.E"); t2.moveNext$0();) {
+        t5 = t2.__internal$_current;
+        if (t5 == null)
+          t5 = t3._as(t5);
+        _this._writeSidebar$0();
+        t6 = t1._contents += " ";
+        for (_i = 0; _i < t4; ++_i) {
+          columnHighlight = highlightsByColumn[_i];
+          if (columnHighlight == null || columnHighlight === highlight) {
+            t6 += " ";
+            t1._contents = t6;
+          } else {
+            t6 = $._glyphs.get$verticalLine();
+            t6 = t1._contents += t6;
+          }
+        }
+        t1._contents = t6 + B.JSString_methods.$mul(" ", underlineLength);
+        _this._colorize$2$color(new A.Highlighter__writeLabel_closure0(_this, t5), color);
+        t1._contents += "\n";
+      }
+    },
+    _writeText$1(text) {
+      var t1, t2, t3, t4;
+      for (t1 = new A.CodeUnits(text), t2 = type$.CodeUnits, t1 = new A.ListIterator(t1, t1.get$length(0), t2._eval$1("ListIterator<ListBase.E>")), t3 = this._highlighter$_buffer, t2 = t2._eval$1("ListBase.E"); t1.moveNext$0();) {
+        t4 = t1.__internal$_current;
+        if (t4 == null)
+          t4 = t2._as(t4);
+        if (t4 === 9)
+          t3._contents += B.JSString_methods.$mul(" ", 4);
+        else {
+          t4 = A.Primitives_stringFromCharCode(t4);
+          t3._contents += t4;
+        }
+      }
+    },
+    _writeSidebar$3$end$line$text(end, line, text) {
+      var t1 = {};
+      t1.text = text;
+      if (line != null)
+        t1.text = B.JSInt_methods.toString$0(line + 1);
+      this._colorize$2$color(new A.Highlighter__writeSidebar_closure(t1, this, end), "\x1b[34m");
+    },
+    _writeSidebar$1$end(end) {
+      return this._writeSidebar$3$end$line$text(end, null, null);
+    },
+    _writeSidebar$1$text(text) {
+      return this._writeSidebar$3$end$line$text(null, null, text);
+    },
+    _writeSidebar$1$line(line) {
+      return this._writeSidebar$3$end$line$text(null, line, null);
+    },
+    _writeSidebar$0() {
+      return this._writeSidebar$3$end$line$text(null, null, null);
+    },
+    _countTabs$1(text) {
+      var t1, t2, count, t3;
+      for (t1 = new A.CodeUnits(text), t2 = type$.CodeUnits, t1 = new A.ListIterator(t1, t1.get$length(0), t2._eval$1("ListIterator<ListBase.E>")), t2 = t2._eval$1("ListBase.E"), count = 0; t1.moveNext$0();) {
+        t3 = t1.__internal$_current;
+        if ((t3 == null ? t2._as(t3) : t3) === 9)
+          ++count;
+      }
+      return count;
+    },
+    _isOnlyWhitespace$1(text) {
+      var t1, t2, t3;
+      for (t1 = new A.CodeUnits(text), t2 = type$.CodeUnits, t1 = new A.ListIterator(t1, t1.get$length(0), t2._eval$1("ListIterator<ListBase.E>")), t2 = t2._eval$1("ListBase.E"); t1.moveNext$0();) {
+        t3 = t1.__internal$_current;
+        if (t3 == null)
+          t3 = t2._as(t3);
+        if (t3 !== 32 && t3 !== 9)
+          return false;
+      }
+      return true;
+    },
+    _colorize$1$2$color(callback, color) {
+      var result,
+        t1 = this._primaryColor != null;
+      if (t1 && color != null)
+        this._highlighter$_buffer._contents += color;
+      result = callback.call$0();
+      if (t1 && color != null)
+        this._highlighter$_buffer._contents += "\x1b[0m";
+      return result;
+    },
+    _colorize$2$color(callback, color) {
+      return this._colorize$1$2$color(callback, color, type$.dynamic);
+    }
+  };
+  A.Highlighter_closure.prototype = {
+    call$0() {
+      var t1 = this.color,
+        t2 = J.getInterceptor$(t1);
+      if (t2.$eq(t1, true))
+        return "\x1b[31m";
+      if (t2.$eq(t1, false))
+        return null;
+      return A._asStringQ(t1);
+    },
+    $signature: 48
+  };
+  A.Highlighter$__closure.prototype = {
+    call$1(line) {
+      var t1 = line.highlights;
+      return new A.WhereIterable(t1, new A.Highlighter$___closure(), A._arrayInstanceType(t1)._eval$1("WhereIterable<1>")).get$length(0);
+    },
+    $signature: 284
+  };
+  A.Highlighter$___closure.prototype = {
+    call$1(highlight) {
+      var t1 = highlight.span;
+      return t1.get$start(t1).get$line() !== t1.get$end(t1).get$line();
+    },
+    $signature: 122
+  };
+  A.Highlighter$__closure0.prototype = {
+    call$1(line) {
+      return line.url;
+    },
+    $signature: 286
+  };
+  A.Highlighter__collateLines_closure.prototype = {
+    call$1(highlight) {
+      var t1 = highlight.span;
+      t1 = t1.get$sourceUrl(t1);
+      return t1 == null ? new A.Object() : t1;
+    },
+    $signature: 287
+  };
+  A.Highlighter__collateLines_closure0.prototype = {
+    call$2(highlight1, highlight2) {
+      return highlight1.span.compareTo$1(0, highlight2.span);
+    },
+    $signature: 288
+  };
+  A.Highlighter__collateLines_closure1.prototype = {
+    call$1(entry) {
+      var t1, t2, t3, t4, context, t5, linesBeforeSpan, lineNumber, _i, line, activeHighlights, flags, highlightIndex, oldHighlightLength, t6, t7,
+        url = entry.key,
+        highlightsForFile = entry.value,
+        lines = A._setArrayType([], type$.JSArray__Line);
+      for (t1 = J.getInterceptor$ax(highlightsForFile), t2 = t1.get$iterator(highlightsForFile), t3 = type$.JSArray__Highlight; t2.moveNext$0();) {
+        t4 = t2.get$current(t2).span;
+        context = t4.get$context(t4);
+        t5 = A.findLineStart(context, t4.get$text(), t4.get$start(t4).get$column());
+        t5.toString;
+        linesBeforeSpan = B.JSString_methods.allMatches$1("\n", B.JSString_methods.substring$2(context, 0, t5)).get$length(0);
+        lineNumber = t4.get$start(t4).get$line() - linesBeforeSpan;
+        for (t4 = context.split("\n"), t5 = t4.length, _i = 0; _i < t5; ++_i) {
+          line = t4[_i];
+          if (lines.length === 0 || lineNumber > B.JSArray_methods.get$last(lines).number)
+            lines.push(new A._Line(line, lineNumber, url, A._setArrayType([], t3)));
+          ++lineNumber;
+        }
+      }
+      activeHighlights = A._setArrayType([], t3);
+      for (t2 = lines.length, flags = activeHighlights.$flags | 0, highlightIndex = 0, _i = 0; _i < lines.length; lines.length === t2 || (0, A.throwConcurrentModificationError)(lines), ++_i) {
+        line = lines[_i];
+        flags & 1 && A.throwUnsupportedOperation(activeHighlights, 16);
+        B.JSArray_methods._removeWhere$2(activeHighlights, new A.Highlighter__collateLines__closure(line), true);
+        oldHighlightLength = activeHighlights.length;
+        for (t3 = t1.skip$1(highlightsForFile, highlightIndex), t4 = t3.$ti, t3 = new A.ListIterator(t3, t3.get$length(0), t4._eval$1("ListIterator<ListIterable.E>")), t5 = line.number, t4 = t4._eval$1("ListIterable.E"); t3.moveNext$0();) {
+          t6 = t3.__internal$_current;
+          if (t6 == null)
+            t6 = t4._as(t6);
+          t7 = t6.span;
+          if (t7.get$start(t7).get$line() > t5)
+            break;
+          activeHighlights.push(t6);
+        }
+        highlightIndex += activeHighlights.length - oldHighlightLength;
+        B.JSArray_methods.addAll$1(line.highlights, activeHighlights);
+      }
+      return lines;
+    },
+    $signature: 289
+  };
+  A.Highlighter__collateLines__closure.prototype = {
+    call$1(highlight) {
+      var t1 = highlight.span;
+      return t1.get$end(t1).get$line() < this.line.number;
+    },
+    $signature: 122
+  };
+  A.Highlighter_highlight_closure.prototype = {
+    call$1(highlight) {
+      return highlight.isPrimary;
+    },
+    $signature: 122
+  };
+  A.Highlighter__writeFileStart_closure.prototype = {
+    call$0() {
+      var t1 = this.$this._highlighter$_buffer,
+        t2 = B.JSString_methods.$mul($._glyphs.get$horizontalLine(), 2) + ">";
+      t1._contents += t2;
+      return null;
+    },
+    $signature: 0
+  };
+  A.Highlighter__writeMultilineHighlights_closure.prototype = {
+    call$0() {
+      var t1 = this.$this._highlighter$_buffer,
+        t2 = $._glyphs;
+      t2 = this.startLine === this.line.number ? t2.get$topLeftCorner() : t2.get$bottomLeftCorner();
+      t1._contents += t2;
+    },
+    $signature: 1
+  };
+  A.Highlighter__writeMultilineHighlights_closure0.prototype = {
+    call$0() {
+      var t1 = this.$this._highlighter$_buffer,
+        t2 = $._glyphs;
+      t2 = this.highlight == null ? t2.get$horizontalLine() : t2.get$cross();
+      t1._contents += t2;
+    },
+    $signature: 1
+  };
+  A.Highlighter__writeMultilineHighlights_closure1.prototype = {
+    call$0() {
+      var t1 = this.$this._highlighter$_buffer,
+        t2 = $._glyphs.get$horizontalLine();
+      t1._contents += t2;
+      return null;
+    },
+    $signature: 0
+  };
+  A.Highlighter__writeMultilineHighlights_closure2.prototype = {
+    call$0() {
+      var _this = this,
+        t1 = _this._box_0,
+        t2 = t1.openedOnThisLine,
+        t3 = $._glyphs,
+        vertical = t2 ? t3.get$cross() : t3.get$verticalLine();
+      if (_this.current != null)
+        _this.$this._highlighter$_buffer._contents += vertical;
+      else {
+        t2 = _this.line;
+        t3 = t2.number;
+        if (_this.startLine === t3) {
+          t2 = _this.$this;
+          t2._colorize$2$color(new A.Highlighter__writeMultilineHighlights__closure(t1, t2), t1.openedOnThisLineColor);
+          t1.openedOnThisLine = true;
+          if (t1.openedOnThisLineColor == null)
+            t1.openedOnThisLineColor = _this.highlight.isPrimary ? t2._primaryColor : t2._secondaryColor;
+        } else {
+          if (_this.endLine === t3) {
+            t3 = _this.highlight.span;
+            t2 = t3.get$end(t3).get$column() === t2.text.length;
+          } else
+            t2 = false;
+          t3 = _this.$this;
+          if (t2) {
+            t1 = t3._highlighter$_buffer;
+            t2 = _this.highlight.label == null ? $._glyphs.glyphOrAscii$2("\u2514", "\\") : vertical;
+            t1._contents += t2;
+          } else
+            t3._colorize$2$color(new A.Highlighter__writeMultilineHighlights__closure0(t3, vertical), t1.openedOnThisLineColor);
+        }
+      }
+    },
+    $signature: 1
+  };
+  A.Highlighter__writeMultilineHighlights__closure.prototype = {
+    call$0() {
+      var t1 = this.$this._highlighter$_buffer,
+        t2 = this._box_0.openedOnThisLine ? "\u252c" : "\u250c";
+      t2 = $._glyphs.glyphOrAscii$2(t2, "/");
+      t1._contents += t2;
+    },
+    $signature: 1
+  };
+  A.Highlighter__writeMultilineHighlights__closure0.prototype = {
+    call$0() {
+      this.$this._highlighter$_buffer._contents += this.vertical;
+    },
+    $signature: 1
+  };
+  A.Highlighter__writeHighlightedText_closure.prototype = {
+    call$0() {
+      var _this = this;
+      return _this.$this._writeText$1(B.JSString_methods.substring$2(_this.text, _this.startColumn, _this.endColumn));
+    },
+    $signature: 0
+  };
+  A.Highlighter__writeIndicator_closure.prototype = {
+    call$0() {
+      var startColumn, endColumn, tabsBefore, tabsInside,
+        t1 = this.$this,
+        t2 = t1._highlighter$_buffer,
+        t3 = t2._contents,
+        t4 = this.highlight,
+        t5 = t4.span;
+      t4 = t4.isPrimary ? "^" : $._glyphs.get$horizontalLineBold();
+      startColumn = t5.get$start(t5).get$column();
+      endColumn = t5.get$end(t5).get$column();
+      t5 = this.line.text;
+      tabsBefore = t1._countTabs$1(B.JSString_methods.substring$2(t5, 0, startColumn));
+      tabsInside = t1._countTabs$1(B.JSString_methods.substring$2(t5, startColumn, endColumn));
+      startColumn += tabsBefore * 3;
+      t4 = (t2._contents += B.JSString_methods.$mul(" ", startColumn)) + B.JSString_methods.$mul(t4, Math.max(endColumn + (tabsBefore + tabsInside) * 3 - startColumn, 1));
+      t2._contents = t4;
+      return t4.length - t3.length;
+    },
+    $signature: 10
+  };
+  A.Highlighter__writeIndicator_closure0.prototype = {
+    call$0() {
+      var t1 = this.highlight.span;
+      return this.$this._writeArrow$2(this.line, t1.get$start(t1).get$column());
+    },
+    $signature: 0
+  };
+  A.Highlighter__writeIndicator_closure1.prototype = {
+    call$0() {
+      var t4, _this = this,
+        t1 = _this.$this,
+        t2 = t1._highlighter$_buffer,
+        t3 = t2._contents;
+      if (_this.coversWholeLine) {
+        t1 = B.JSString_methods.$mul($._glyphs.get$horizontalLine(), 3);
+        t2._contents += t1;
+      } else {
+        t4 = _this.highlight.span;
+        t1._writeArrow$3$beginning(_this.line, Math.max(t4.get$end(t4).get$column() - 1, 0), false);
+      }
+      return t2._contents.length - t3.length;
+    },
+    $signature: 10
+  };
+  A.Highlighter__writeLabel_closure.prototype = {
+    call$0() {
+      var t1 = this.$this._highlighter$_buffer,
+        t2 = " " + B.JSArray_methods.get$first(this.lines);
+      t1._contents += t2;
+      return null;
+    },
+    $signature: 0
+  };
+  A.Highlighter__writeLabel_closure0.prototype = {
+    call$0() {
+      this.$this._highlighter$_buffer._contents += " " + this.text;
+      return null;
+    },
+    $signature: 0
+  };
+  A.Highlighter__writeSidebar_closure.prototype = {
+    call$0() {
+      var t1 = this.$this,
+        t2 = t1._highlighter$_buffer,
+        t3 = this._box_0.text;
+      if (t3 == null)
+        t3 = "";
+      t1 = B.JSString_methods.padRight$1(t3, t1._paddingBeforeSidebar);
+      t2._contents += t1;
+      t1 = this.end;
+      if (t1 == null)
+        t1 = $._glyphs.get$verticalLine();
+      t2._contents += t1;
+    },
+    $signature: 1
+  };
+  A._Highlight.prototype = {
+    toString$0(_) {
+      var t1 = this.isPrimary ? "primary " : "",
+        t2 = this.span;
+      t2 = t1 + ("" + t2.get$start(t2).get$line() + ":" + t2.get$start(t2).get$column() + "-" + t2.get$end(t2).get$line() + ":" + t2.get$end(t2).get$column());
+      t1 = this.label;
+      t1 = t1 != null ? t2 + (" (" + t1 + ")") : t2;
+      return t1.charCodeAt(0) == 0 ? t1 : t1;
+    }
+  };
+  A._Highlight_closure.prototype = {
+    call$0() {
+      var t1, t2, t3, t4,
+        newSpan = this.span;
+      if (!(type$.SourceSpanWithContext._is(newSpan) && A.findLineStart(newSpan.get$context(newSpan), newSpan.get$text(), newSpan.get$start(newSpan).get$column()) != null)) {
+        t1 = A.SourceLocation$(newSpan.get$start(newSpan).get$offset(), 0, 0, newSpan.get$sourceUrl(newSpan));
+        t2 = newSpan.get$end(newSpan).get$offset();
+        t3 = newSpan.get$sourceUrl(newSpan);
+        t4 = A.countCodeUnits(newSpan.get$text(), 10);
+        newSpan = A.SourceSpanWithContext$(t1, A.SourceLocation$(t2, A._Highlight__lastLineLength(newSpan.get$text()), t4, t3), newSpan.get$text(), newSpan.get$text());
+      }
+      return A._Highlight__normalizeEndOfLine(A._Highlight__normalizeTrailingNewline(A._Highlight__normalizeNewlines(newSpan)));
+    },
+    $signature: 290
+  };
+  A._Line.prototype = {
+    toString$0(_) {
+      return "" + this.number + ': "' + this.text + '" (' + B.JSArray_methods.join$1(this.highlights, ", ") + ")";
+    }
+  };
+  A.SourceLocation.prototype = {
+    distance$1(other) {
+      var t1 = this.sourceUrl;
+      if (!J.$eq$(t1, other.get$sourceUrl(other)))
+        throw A.wrapException(A.ArgumentError$('Source URLs "' + A.S(t1) + '" and "' + A.S(other.get$sourceUrl(other)) + "\" don't match.", null));
+      return Math.abs(this.offset - other.get$offset());
+    },
+    compareTo$1(_, other) {
+      var t1 = this.sourceUrl;
+      if (!J.$eq$(t1, other.get$sourceUrl(other)))
+        throw A.wrapException(A.ArgumentError$('Source URLs "' + A.S(t1) + '" and "' + A.S(other.get$sourceUrl(other)) + "\" don't match.", null));
+      return this.offset - other.get$offset();
+    },
+    $eq(_, other) {
+      if (other == null)
+        return false;
+      return type$.SourceLocation._is(other) && J.$eq$(this.sourceUrl, other.get$sourceUrl(other)) && this.offset === other.get$offset();
+    },
+    get$hashCode(_) {
+      var t1 = this.sourceUrl;
+      t1 = t1 == null ? null : t1.get$hashCode(t1);
+      if (t1 == null)
+        t1 = 0;
+      return t1 + this.offset;
+    },
+    toString$0(_) {
+      var _this = this,
+        t1 = A.getRuntimeTypeOfDartObject(_this).toString$0(0),
+        source = _this.sourceUrl;
+      return "<" + t1 + ": " + _this.offset + " " + (A.S(source == null ? "unknown source" : source) + ":" + (_this.line + 1) + ":" + (_this.column + 1)) + ">";
+    },
+    $isComparable: 1,
+    get$sourceUrl(receiver) {
+      return this.sourceUrl;
+    },
+    get$offset() {
+      return this.offset;
+    },
+    get$line() {
+      return this.line;
+    },
+    get$column() {
+      return this.column;
+    }
+  };
+  A.SourceLocationMixin.prototype = {
+    distance$1(other) {
+      if (!J.$eq$(this.file.url, other.get$sourceUrl(other)))
+        throw A.wrapException(A.ArgumentError$('Source URLs "' + A.S(this.get$sourceUrl(0)) + '" and "' + A.S(other.get$sourceUrl(other)) + "\" don't match.", null));
+      return Math.abs(this.offset - other.get$offset());
+    },
+    compareTo$1(_, other) {
+      if (!J.$eq$(this.file.url, other.get$sourceUrl(other)))
+        throw A.wrapException(A.ArgumentError$('Source URLs "' + A.S(this.get$sourceUrl(0)) + '" and "' + A.S(other.get$sourceUrl(other)) + "\" don't match.", null));
+      return this.offset - other.get$offset();
+    },
+    $eq(_, other) {
+      if (other == null)
+        return false;
+      return type$.SourceLocation._is(other) && J.$eq$(this.file.url, other.get$sourceUrl(other)) && this.offset === other.get$offset();
+    },
+    get$hashCode(_) {
+      var t1 = this.file.url;
+      t1 = t1 == null ? null : t1.get$hashCode(t1);
+      if (t1 == null)
+        t1 = 0;
+      return t1 + this.offset;
+    },
+    toString$0(_) {
+      var t1 = A.getRuntimeTypeOfDartObject(this).toString$0(0),
+        t2 = this.offset,
+        t3 = this.file,
+        source = t3.url;
+      return "<" + t1 + ": " + t2 + " " + (A.S(source == null ? "unknown source" : source) + ":" + (t3.getLine$1(t2) + 1) + ":" + (t3.getColumn$1(t2) + 1)) + ">";
+    },
+    $isComparable: 1,
+    $isSourceLocation: 1
+  };
+  A.SourceSpanBase.prototype = {
+    SourceSpanBase$3(start, end, text) {
+      var t3,
+        t1 = this.end,
+        t2 = this.start;
+      if (!J.$eq$(t1.get$sourceUrl(t1), t2.get$sourceUrl(t2)))
+        throw A.wrapException(A.ArgumentError$('Source URLs "' + A.S(t2.get$sourceUrl(t2)) + '" and  "' + A.S(t1.get$sourceUrl(t1)) + "\" don't match.", null));
+      else if (t1.get$offset() < t2.get$offset())
+        throw A.wrapException(A.ArgumentError$("End " + t1.toString$0(0) + " must come after start " + t2.toString$0(0) + ".", null));
+      else {
+        t3 = this.text;
+        if (t3.length !== t2.distance$1(t1))
+          throw A.wrapException(A.ArgumentError$('Text "' + t3 + '" must be ' + t2.distance$1(t1) + " characters long.", null));
+      }
+    },
+    get$start(receiver) {
+      return this.start;
+    },
+    get$end(receiver) {
+      return this.end;
+    },
+    get$text() {
+      return this.text;
+    }
+  };
+  A.SourceSpanException.prototype = {
+    get$message(_) {
+      return this._span_exception$_message;
+    },
+    get$span(_) {
+      return this._span;
+    },
+    toString$1$color(_, color) {
+      var _this = this;
+      _this.get$span(_this);
+      return "Error on " + _this.get$span(_this).message$2$color(0, _this._span_exception$_message, color);
+    },
+    toString$0(_) {
+      return this.toString$1$color(0, null);
+    },
+    $isException: 1
+  };
+  A.SourceSpanFormatException.prototype = {$isFormatException: 1,
+    get$source() {
+      return this.source;
+    }
+  };
+  A.MultiSourceSpanException.prototype = {
+    toString$0(_) {
+      var _this = this;
+      return "Error on " + A.SourceSpanExtension_messageMultiple(_this._span, _this._span_exception$_message, _this.primaryLabel, _this.secondarySpans, false, null, null);
+    },
+    get$primaryLabel() {
+      return this.primaryLabel;
+    },
+    get$secondarySpans() {
+      return this.secondarySpans;
+    }
+  };
+  A.MultiSourceSpanFormatException.prototype = {$isFormatException: 1};
+  A.SourceSpanMixin.prototype = {
+    get$sourceUrl(_) {
+      var t1 = this.get$start(this);
+      return t1.get$sourceUrl(t1);
+    },
+    get$length(_) {
+      var _this = this;
+      return _this.get$end(_this).get$offset() - _this.get$start(_this).get$offset();
+    },
+    compareTo$1(_, other) {
+      var _this = this,
+        result = _this.get$start(_this).compareTo$1(0, other.get$start(other));
+      return result === 0 ? _this.get$end(_this).compareTo$1(0, other.get$end(other)) : result;
+    },
+    message$2$color(_, message, color) {
+      var t2, t3, highlight, _this = this,
+        t1 = "line " + (_this.get$start(_this).get$line() + 1) + ", column " + (_this.get$start(_this).get$column() + 1);
+      if (_this.get$sourceUrl(_this) != null) {
+        t2 = _this.get$sourceUrl(_this);
+        t3 = $.$get$context();
+        t2.toString;
+        t2 = t1 + (" of " + t3.prettyUri$1(t2));
+        t1 = t2;
+      }
+      t1 += ": " + message;
+      highlight = _this.highlight$1$color(color);
+      if (highlight.length !== 0)
+        t1 = t1 + "\n" + highlight;
+      return t1.charCodeAt(0) == 0 ? t1 : t1;
+    },
+    message$1(_, message) {
+      return this.message$2$color(0, message, null);
+    },
+    highlight$1$color(color) {
+      var _this = this;
+      if (!type$.SourceSpanWithContext._is(_this) && _this.get$length(_this) === 0)
+        return "";
+      return A.Highlighter$(_this, color).highlight$0();
+    },
+    $eq(_, other) {
+      var _this = this;
+      if (other == null)
+        return false;
+      return type$.SourceSpan._is(other) && _this.get$start(_this).$eq(0, other.get$start(other)) && _this.get$end(_this).$eq(0, other.get$end(other));
+    },
+    get$hashCode(_) {
+      var _this = this;
+      return A.Object_hash(_this.get$start(_this), _this.get$end(_this), B.C_SentinelValue, B.C_SentinelValue);
+    },
+    toString$0(_) {
+      var _this = this;
+      return "<" + A.getRuntimeTypeOfDartObject(_this).toString$0(0) + ": from " + _this.get$start(_this).toString$0(0) + " to " + _this.get$end(_this).toString$0(0) + ' "' + _this.get$text() + '">';
+    },
+    $isComparable: 1,
+    $isSourceSpan: 1
+  };
+  A.SourceSpanWithContext.prototype = {
+    get$context(_) {
+      return this._context;
+    }
+  };
+  A.Chain.prototype = {
+    toTrace$0() {
+      var t1 = this.traces;
+      return A.Trace$(new A.ExpandIterable(t1, new A.Chain_toTrace_closure(), A._arrayInstanceType(t1)._eval$1("ExpandIterable<1,Frame>")), null);
+    },
+    toString$0(_) {
+      var t1 = this.traces,
+        t2 = A._arrayInstanceType(t1);
+      return new A.MappedListIterable(t1, new A.Chain_toString_closure(new A.MappedListIterable(t1, new A.Chain_toString_closure0(), t2._eval$1("MappedListIterable<1,int>")).fold$2(0, 0, B.CONSTANT)), t2._eval$1("MappedListIterable<1,String>")).join$1(0, string$.x3d_____);
+    },
+    $isStackTrace: 1
+  };
+  A.Chain_Chain$parse_closure.prototype = {
+    call$1(line) {
+      return line.length !== 0;
+    },
+    $signature: 5
+  };
+  A.Chain_toTrace_closure.prototype = {
+    call$1(trace) {
+      return trace.get$frames();
+    },
+    $signature: 291
+  };
+  A.Chain_toString_closure0.prototype = {
+    call$1(trace) {
+      var t1 = trace.get$frames();
+      return new A.MappedListIterable(t1, new A.Chain_toString__closure0(), A._arrayInstanceType(t1)._eval$1("MappedListIterable<1,int>")).fold$2(0, 0, B.CONSTANT);
+    },
+    $signature: 292
+  };
+  A.Chain_toString__closure0.prototype = {
+    call$1(frame) {
+      return frame.get$location().length;
+    },
+    $signature: 150
+  };
+  A.Chain_toString_closure.prototype = {
+    call$1(trace) {
+      var t1 = trace.get$frames();
+      return new A.MappedListIterable(t1, new A.Chain_toString__closure(this.longest), A._arrayInstanceType(t1)._eval$1("MappedListIterable<1,String>")).join$0(0);
+    },
+    $signature: 294
+  };
+  A.Chain_toString__closure.prototype = {
+    call$1(frame) {
+      return B.JSString_methods.padRight$1(frame.get$location(), this.longest) + "  " + A.S(frame.get$member()) + "\n";
+    },
+    $signature: 151
+  };
+  A.Frame.prototype = {
+    get$isCore() {
+      return this.uri.get$scheme() === "dart";
+    },
+    get$library() {
+      var t1 = this.uri;
+      if (t1.get$scheme() === "data")
+        return "data:...";
+      return $.$get$context().prettyUri$1(t1);
+    },
+    get$$package() {
+      var t1 = this.uri;
+      if (t1.get$scheme() !== "package")
+        return null;
+      return B.JSArray_methods.get$first(t1.get$path(t1).split("/"));
+    },
+    get$location() {
+      var t2, _this = this,
+        t1 = _this.line;
+      if (t1 == null)
+        return _this.get$library();
+      t2 = _this.column;
+      if (t2 == null)
+        return _this.get$library() + " " + A.S(t1);
+      return _this.get$library() + " " + A.S(t1) + ":" + A.S(t2);
+    },
+    toString$0(_) {
+      return this.get$location() + " in " + A.S(this.member);
+    },
+    get$uri() {
+      return this.uri;
+    },
+    get$line() {
+      return this.line;
+    },
+    get$column() {
+      return this.column;
+    },
+    get$member() {
+      return this.member;
+    }
+  };
+  A.Frame_Frame$parseVM_closure.prototype = {
+    call$0() {
+      var match, t2, t3, member, uri, lineAndColumn, line, _null = null,
+        t1 = this.frame;
+      if (t1 === "...")
+        return new A.Frame(A._Uri__Uri(_null, _null, _null, _null), _null, _null, "...");
+      match = $.$get$_vmFrame().firstMatch$1(t1);
+      if (match == null)
+        return new A.UnparsedFrame(A._Uri__Uri(_null, "unparsed", _null, _null), t1);
+      t1 = match._match;
+      t2 = t1[1];
+      t2.toString;
+      t3 = $.$get$_asyncBody();
+      t2 = A.stringReplaceAllUnchecked(t2, t3, "<async>");
+      member = A.stringReplaceAllUnchecked(t2, "<anonymous closure>", "<fn>");
+      t2 = t1[2];
+      t3 = t2;
+      t3.toString;
+      if (B.JSString_methods.startsWith$1(t3, "<data:"))
+        uri = A.Uri_Uri$dataFromString("", _null, _null);
+      else {
+        t2 = t2;
+        t2.toString;
+        uri = A.Uri_parse(t2);
+      }
+      lineAndColumn = t1[3].split(":");
+      t1 = lineAndColumn.length;
+      line = t1 > 1 ? A.int_parse(lineAndColumn[1], _null) : _null;
+      return new A.Frame(uri, line, t1 > 2 ? A.int_parse(lineAndColumn[2], _null) : _null, member);
+    },
+    $signature: 78
+  };
+  A.Frame_Frame$parseV8_closure.prototype = {
+    call$0() {
+      var member, uri, t2, functionOffset, t3, _s4_ = "<fn>",
+        t1 = this.frame,
+        match = $.$get$_v8WasmFrame().firstMatch$1(t1);
+      if (match != null) {
+        member = match.namedGroup$1("member");
+        t1 = match.namedGroup$1("uri");
+        t1.toString;
+        uri = A.Frame__uriOrPathToUri(t1);
+        t1 = match.namedGroup$1("index");
+        t1.toString;
+        t2 = match.namedGroup$1("offset");
+        t2.toString;
+        functionOffset = A.int_parse(t2, 16);
+        if (!(member == null))
+          t1 = member;
+        return new A.Frame(uri, 1, functionOffset + 1, t1);
+      }
+      match = $.$get$_v8JsFrame().firstMatch$1(t1);
+      if (match != null) {
+        t1 = new A.Frame_Frame$parseV8_closure_parseJsLocation(t1);
+        t2 = match._match;
+        t3 = t2[2];
+        if (t3 != null) {
+          t3 = t3;
+          t3.toString;
+          t2 = t2[1];
+          t2.toString;
+          t2 = A.stringReplaceAllUnchecked(t2, "<anonymous>", _s4_);
+          t2 = A.stringReplaceAllUnchecked(t2, "Anonymous function", _s4_);
+          return t1.call$2(t3, A.stringReplaceAllUnchecked(t2, "(anonymous function)", _s4_));
+        } else {
+          t2 = t2[3];
+          t2.toString;
+          return t1.call$2(t2, _s4_);
+        }
+      }
+      return new A.UnparsedFrame(A._Uri__Uri(null, "unparsed", null, null), t1);
+    },
+    $signature: 78
+  };
+  A.Frame_Frame$parseV8_closure_parseJsLocation.prototype = {
+    call$2($location, member) {
+      var t2, urlMatch, uri, line, columnMatch, _null = null,
+        t1 = $.$get$_v8EvalLocation(),
+        evalMatch = t1.firstMatch$1($location);
+      for (; evalMatch != null; $location = t2) {
+        t2 = evalMatch._match[1];
+        t2.toString;
+        evalMatch = t1.firstMatch$1(t2);
+      }
+      if ($location === "native")
+        return new A.Frame(A.Uri_parse("native"), _null, _null, member);
+      urlMatch = $.$get$_v8JsUrlLocation().firstMatch$1($location);
+      if (urlMatch == null)
+        return new A.UnparsedFrame(A._Uri__Uri(_null, "unparsed", _null, _null), this.frame);
+      t1 = urlMatch._match;
+      t2 = t1[1];
+      t2.toString;
+      uri = A.Frame__uriOrPathToUri(t2);
+      t2 = t1[2];
+      t2.toString;
+      line = A.int_parse(t2, _null);
+      columnMatch = t1[3];
+      return new A.Frame(uri, line, columnMatch != null ? A.int_parse(columnMatch, _null) : _null, member);
+    },
+    $signature: 297
+  };
+  A.Frame_Frame$_parseFirefoxEval_closure.prototype = {
+    call$0() {
+      var t2, member, uri, line, _null = null,
+        t1 = this.frame,
+        match = $.$get$_firefoxEvalLocation().firstMatch$1(t1);
+      if (match == null)
+        return new A.UnparsedFrame(A._Uri__Uri(_null, "unparsed", _null, _null), t1);
+      t1 = match._match;
+      t2 = t1[1];
+      t2.toString;
+      member = A.stringReplaceAllUnchecked(t2, "/<", "");
+      t2 = t1[2];
+      t2.toString;
+      uri = A.Frame__uriOrPathToUri(t2);
+      t1 = t1[3];
+      t1.toString;
+      line = A.int_parse(t1, _null);
+      return new A.Frame(uri, line, _null, member.length === 0 || member === "anonymous" ? "<fn>" : member);
+    },
+    $signature: 78
+  };
+  A.Frame_Frame$parseFirefox_closure.prototype = {
+    call$0() {
+      var t2, t3, t4, uri, member, line, column, functionOffset, _null = null,
+        t1 = this.frame,
+        match = $.$get$_firefoxSafariJSFrame().firstMatch$1(t1);
+      if (match != null) {
+        t2 = match._match;
+        t3 = t2[3];
+        t4 = t3;
+        t4.toString;
+        if (B.JSString_methods.contains$1(t4, " line "))
+          return A.Frame_Frame$_parseFirefoxEval(t1);
+        t1 = t3;
+        t1.toString;
+        uri = A.Frame__uriOrPathToUri(t1);
+        member = t2[1];
+        if (member != null) {
+          t1 = t2[2];
+          t1.toString;
+          member += B.JSArray_methods.join$0(A.List_List$filled(B.JSString_methods.allMatches$1("/", t1).get$length(0), ".<fn>", false, type$.String));
+          if (member === "")
+            member = "<fn>";
+          member = B.JSString_methods.replaceFirst$2(member, $.$get$_initialDot(), "");
+        } else
+          member = "<fn>";
+        t1 = t2[4];
+        if (t1 === "")
+          line = _null;
+        else {
+          t1 = t1;
+          t1.toString;
+          line = A.int_parse(t1, _null);
+        }
+        t1 = t2[5];
+        if (t1 == null || t1 === "")
+          column = _null;
+        else {
+          t1 = t1;
+          t1.toString;
+          column = A.int_parse(t1, _null);
+        }
+        return new A.Frame(uri, line, column, member);
+      }
+      match = $.$get$_firefoxWasmFrame().firstMatch$1(t1);
+      if (match != null) {
+        t1 = match.namedGroup$1("member");
+        t1.toString;
+        t2 = match.namedGroup$1("uri");
+        t2.toString;
+        uri = A.Frame__uriOrPathToUri(t2);
+        t2 = match.namedGroup$1("index");
+        t2.toString;
+        t3 = match.namedGroup$1("offset");
+        t3.toString;
+        functionOffset = A.int_parse(t3, 16);
+        if (!(t1.length !== 0))
+          t1 = t2;
+        return new A.Frame(uri, 1, functionOffset + 1, t1);
+      }
+      match = $.$get$_safariWasmFrame().firstMatch$1(t1);
+      if (match != null) {
+        t1 = match.namedGroup$1("member");
+        t1.toString;
+        return new A.Frame(A._Uri__Uri(_null, "wasm code", _null, _null), _null, _null, t1);
+      }
+      return new A.UnparsedFrame(A._Uri__Uri(_null, "unparsed", _null, _null), t1);
+    },
+    $signature: 78
+  };
+  A.Frame_Frame$parseFriendly_closure.prototype = {
+    call$0() {
+      var t2, uri, line, column, _null = null,
+        t1 = this.frame,
+        match = $.$get$_friendlyFrame().firstMatch$1(t1);
+      if (match == null)
+        throw A.wrapException(A.FormatException$("Couldn't parse package:stack_trace stack trace line '" + t1 + "'.", _null, _null));
+      t1 = match._match;
+      t2 = t1[1];
+      if (t2 === "data:...")
+        uri = A.Uri_Uri$dataFromString("", _null, _null);
+      else {
+        t2 = t2;
+        t2.toString;
+        uri = A.Uri_parse(t2);
+      }
+      if (uri.get$scheme() === "") {
+        t2 = $.$get$context();
+        uri = t2.toUri$1(A.absolute(t2.style.pathFromUri$1(A._parseUri(uri)), _null, _null, _null, _null, _null, _null, _null, _null, _null, _null, _null, _null, _null, _null));
+      }
+      t2 = t1[2];
+      if (t2 == null)
+        line = _null;
+      else {
+        t2 = t2;
+        t2.toString;
+        line = A.int_parse(t2, _null);
+      }
+      t2 = t1[3];
+      if (t2 == null)
+        column = _null;
+      else {
+        t2 = t2;
+        t2.toString;
+        column = A.int_parse(t2, _null);
+      }
+      return new A.Frame(uri, line, column, t1[4]);
+    },
+    $signature: 78
+  };
+  A.LazyTrace.prototype = {
+    get$_lazy_trace$_trace() {
+      var result, _this = this,
+        value = _this.__LazyTrace__trace_FI;
+      if (value === $) {
+        result = _this._thunk.call$0();
+        _this.__LazyTrace__trace_FI !== $ && A.throwUnnamedLateFieldADI();
+        _this.__LazyTrace__trace_FI = result;
+        value = result;
+      }
+      return value;
+    },
+    get$frames() {
+      return this.get$_lazy_trace$_trace().get$frames();
+    },
+    get$terse() {
+      return new A.LazyTrace(new A.LazyTrace_terse_closure(this));
+    },
+    toString$0(_) {
+      return this.get$_lazy_trace$_trace().toString$0(0);
+    },
+    $isStackTrace: 1,
+    $isTrace: 1
+  };
+  A.LazyTrace_terse_closure.prototype = {
+    call$0() {
+      return this.$this.get$_lazy_trace$_trace().get$terse();
+    },
+    $signature: 153
+  };
+  A.Trace.prototype = {
+    get$terse() {
+      return this.foldFrames$2$terse(new A.Trace_terse_closure(), true);
+    },
+    foldFrames$2$terse(predicate, terse) {
+      var newFrames, t1, t2, t3, _box_0 = {};
+      _box_0.predicate = predicate;
+      _box_0.predicate = new A.Trace_foldFrames_closure(predicate);
+      newFrames = A._setArrayType([], type$.JSArray_Frame);
+      for (t1 = this.frames, t2 = A._arrayInstanceType(t1)._eval$1("ReversedListIterable<1>"), t1 = new A.ReversedListIterable(t1, t2), t1 = new A.ListIterator(t1, t1.get$length(0), t2._eval$1("ListIterator<ListIterable.E>")), t2 = t2._eval$1("ListIterable.E"); t1.moveNext$0();) {
+        t3 = t1.__internal$_current;
+        if (t3 == null)
+          t3 = t2._as(t3);
+        if (t3 instanceof A.UnparsedFrame || !_box_0.predicate.call$1(t3))
+          newFrames.push(t3);
+        else if (newFrames.length === 0 || !_box_0.predicate.call$1(B.JSArray_methods.get$last(newFrames)))
+          newFrames.push(new A.Frame(t3.get$uri(), t3.get$line(), t3.get$column(), t3.get$member()));
+      }
+      t1 = type$.MappedListIterable_Frame_Frame;
+      newFrames = A.List_List$_of(new A.MappedListIterable(newFrames, new A.Trace_foldFrames_closure0(_box_0), t1), t1._eval$1("ListIterable.E"));
+      if (newFrames.length > 1 && _box_0.predicate.call$1(B.JSArray_methods.get$first(newFrames)))
+        B.JSArray_methods.removeAt$1(newFrames, 0);
+      return A.Trace$(new A.ReversedListIterable(newFrames, A._arrayInstanceType(newFrames)._eval$1("ReversedListIterable<1>")), this.original._stackTrace);
+    },
+    toString$0(_) {
+      var t1 = this.frames,
+        t2 = A._arrayInstanceType(t1);
+      return new A.MappedListIterable(t1, new A.Trace_toString_closure(new A.MappedListIterable(t1, new A.Trace_toString_closure0(), t2._eval$1("MappedListIterable<1,int>")).fold$2(0, 0, B.CONSTANT)), t2._eval$1("MappedListIterable<1,String>")).join$0(0);
+    },
+    $isStackTrace: 1,
+    get$frames() {
+      return this.frames;
+    }
+  };
+  A.Trace_Trace$from_closure.prototype = {
+    call$0() {
+      return A.Trace_Trace$parse(this.trace.toString$0(0));
+    },
+    $signature: 153
+  };
+  A.Trace__parseVM_closure.prototype = {
+    call$1(line) {
+      return line.length !== 0;
+    },
+    $signature: 5
+  };
+  A.Trace$parseV8_closure.prototype = {
+    call$1(line) {
+      return !B.JSString_methods.startsWith$1(line, $.$get$_v8TraceLine());
+    },
+    $signature: 5
+  };
+  A.Trace$parseJSCore_closure.prototype = {
+    call$1(line) {
+      return line !== "\tat ";
+    },
+    $signature: 5
+  };
+  A.Trace$parseFirefox_closure.prototype = {
+    call$1(line) {
+      return line.length !== 0 && line !== "[native code]";
+    },
+    $signature: 5
+  };
+  A.Trace$parseFriendly_closure.prototype = {
+    call$1(line) {
+      return !B.JSString_methods.startsWith$1(line, "=====");
+    },
+    $signature: 5
+  };
+  A.Trace_terse_closure.prototype = {
+    call$1(_) {
+      return false;
+    },
+    $signature: 154
+  };
+  A.Trace_foldFrames_closure.prototype = {
+    call$1(frame) {
+      var t1;
+      if (this.oldPredicate.call$1(frame))
+        return true;
+      if (frame.get$isCore())
+        return true;
+      if (frame.get$$package() === "stack_trace")
+        return true;
+      t1 = frame.get$member();
+      t1.toString;
+      if (!B.JSString_methods.contains$1(t1, "<async>"))
+        return false;
+      return frame.get$line() == null;
+    },
+    $signature: 154
+  };
+  A.Trace_foldFrames_closure0.prototype = {
+    call$1(frame) {
+      var t1, t2;
+      if (frame instanceof A.UnparsedFrame || !this._box_0.predicate.call$1(frame))
+        return frame;
+      t1 = frame.get$library();
+      t2 = $.$get$_terseRegExp();
+      return new A.Frame(A.Uri_parse(A.stringReplaceAllUnchecked(t1, t2, "")), null, null, frame.get$member());
+    },
+    $signature: 300
+  };
+  A.Trace_toString_closure0.prototype = {
+    call$1(frame) {
+      return frame.get$location().length;
+    },
+    $signature: 150
+  };
+  A.Trace_toString_closure.prototype = {
+    call$1(frame) {
+      if (frame instanceof A.UnparsedFrame)
+        return frame.toString$0(0) + "\n";
+      return B.JSString_methods.padRight$1(frame.get$location(), this.longest) + "  " + A.S(frame.get$member()) + "\n";
+    },
+    $signature: 151
+  };
+  A.UnparsedFrame.prototype = {
+    toString$0(_) {
+      return this.member;
+    },
+    $isFrame: 1,
+    get$uri() {
+      return this.uri;
+    },
+    get$line() {
+      return null;
+    },
+    get$column() {
+      return null;
+    },
+    get$isCore() {
+      return false;
+    },
+    get$library() {
+      return "unparsed";
+    },
+    get$$package() {
+      return null;
+    },
+    get$location() {
+      return "unparsed";
+    },
+    get$member() {
+      return this.member;
+    }
+  };
+  A.TransformByHandlers_transformByHandlers_closure.prototype = {
+    call$0() {
+      var t2, subscription, t3, t4, _this = this, t1 = {};
+      t1.valuesDone = false;
+      t2 = _this.controller;
+      subscription = _this._this.listen$3$onDone$onError(0, new A.TransformByHandlers_transformByHandlers__closure(_this.onData, t2, _this.S), new A.TransformByHandlers_transformByHandlers__closure0(t1, _this.handleDone, t2), new A.TransformByHandlers_transformByHandlers__closure1(_this.handleError, t2));
+      t3 = _this._box_1;
+      t3.subscription = subscription;
+      t2.set$onPause(subscription.get$pause(subscription));
+      t4 = t3.subscription;
+      t2.set$onResume(t4.get$resume(t4));
+      t2.set$onCancel(new A.TransformByHandlers_transformByHandlers__closure2(t3, t1));
+    },
+    $signature: 0
+  };
+  A.TransformByHandlers_transformByHandlers__closure.prototype = {
+    call$1(value) {
+      return this.onData.call$2(value, this.controller);
+    },
+    $signature() {
+      return this.S._eval$1("~(0)");
+    }
+  };
+  A.TransformByHandlers_transformByHandlers__closure1.prototype = {
+    call$2(error, stackTrace) {
+      this.handleError.call$3(error, stackTrace, this.controller);
+    },
+    $signature: 54
+  };
+  A.TransformByHandlers_transformByHandlers__closure0.prototype = {
+    call$0() {
+      this._box_0.valuesDone = true;
+      this.handleDone.call$1(this.controller);
+    },
+    $signature: 0
+  };
+  A.TransformByHandlers_transformByHandlers__closure2.prototype = {
+    call$0() {
+      var t1 = this._box_1,
+        toCancel = t1.subscription;
+      t1.subscription = null;
+      if (!this._box_0.valuesDone)
+        return toCancel.cancel$0();
+      return null;
+    },
+    $signature: 158
+  };
+  A.RateLimit__debounceAggregate_closure.prototype = {
+    call$2(value, sink) {
+      var _this = this,
+        t1 = _this._box_0,
+        t2 = new A.RateLimit__debounceAggregate_closure_emit(t1, sink, _this.S),
+        t3 = t1.timer;
+      if (t3 != null)
+        t3.cancel$0();
+      t1.soFar = _this.collect.call$2(value, t1.soFar);
+      t1.hasPending = true;
+      if (t1.timer == null && _this.leading) {
+        t1.emittedLatestAsLeading = true;
+        t2.call$0();
+      } else
+        t1.emittedLatestAsLeading = false;
+      t1.timer = A.Timer_Timer(_this.duration, new A.RateLimit__debounceAggregate__closure(t1, _this.trailing, t2, sink));
+    },
+    $signature() {
+      return this.T._eval$1("@<0>")._bind$1(this.S)._eval$1("~(1,EventSink<2>)");
+    }
+  };
+  A.RateLimit__debounceAggregate_closure_emit.prototype = {
+    call$0() {
+      var t1 = this._box_0,
+        t2 = t1.soFar;
+      if (t2 == null)
+        t2 = this.S._as(t2);
+      this.sink.add$1(0, t2);
+      t1.soFar = null;
+      t1.hasPending = false;
+    },
+    $signature: 0
+  };
+  A.RateLimit__debounceAggregate__closure.prototype = {
+    call$0() {
+      var t1 = this._box_0,
+        t2 = t1.emittedLatestAsLeading;
+      if (!t2)
+        this.emit.call$0();
+      if (t1.shouldClose)
+        this.sink.close$0(0);
+      t1.timer = null;
+    },
+    $signature: 0
+  };
+  A.RateLimit__debounceAggregate_closure0.prototype = {
+    call$1(sink) {
+      var t1 = this._box_0;
+      if (t1.hasPending && this.trailing)
+        t1.shouldClose = true;
+      else {
+        t1 = t1.timer;
+        if (t1 != null)
+          t1.cancel$0();
+        sink.close$0(0);
+      }
+    },
+    $signature() {
+      return this.S._eval$1("~(EventSink<0>)");
+    }
+  };
+  A.StringScannerException.prototype = {
+    get$source() {
+      return A._asString(this.source);
+    }
+  };
+  A.LineScanner.prototype = {
+    scanChar$1(character) {
+      if (!this.super$StringScanner$scanChar(character))
+        return false;
+      this._adjustLineAndColumn$1(character);
+      return true;
+    },
+    readChar$0() {
+      var character = this.super$StringScanner$readChar();
+      this._adjustLineAndColumn$1(character);
+      return character;
+    },
+    _adjustLineAndColumn$1(character) {
+      var t1, _this = this;
+      if (character !== 10)
+        t1 = character === 13 && _this.peekChar$0() !== 10;
+      else
+        t1 = true;
+      if (t1) {
+        ++_this._line_scanner$_line;
+        _this._line_scanner$_column = 0;
+      } else {
+        t1 = _this._line_scanner$_column;
+        _this._line_scanner$_column = t1 + (character >= 65536 && character <= 1114111 ? 2 : 1);
+      }
+    },
+    scan$1(pattern) {
+      var t1, newlines, t2, _this = this;
+      if (!_this.super$StringScanner$scan(pattern))
+        return false;
+      t1 = _this.get$lastMatch();
+      newlines = _this._newlinesIn$2$endPosition(t1.pattern, _this._string_scanner$_position);
+      t1 = _this._line_scanner$_line;
+      t2 = newlines.length;
+      _this._line_scanner$_line = t1 + t2;
+      if (t2 === 0) {
+        t1 = _this._line_scanner$_column;
+        t2 = _this.get$lastMatch();
+        _this._line_scanner$_column = t1 + t2.pattern.length;
+      } else {
+        t1 = _this.get$lastMatch();
+        t1 = t1.pattern;
+        t2 = B.JSArray_methods.get$last(newlines);
+        _this._line_scanner$_column = t1.length - t2.get$end(t2);
+      }
+      return true;
+    },
+    _newlinesIn$2$endPosition(text, endPosition) {
+      var t1 = $.$get$_newlineRegExp().allMatches$1(0, text),
+        newlines = A.List_List$_of(t1, A._instanceType(t1)._eval$1("Iterable.E"));
+      t1 = this.string;
+      if (endPosition < t1.length && B.JSString_methods.endsWith$1(text, "\r") && t1[endPosition] === "\n")
+        newlines.pop();
+      return newlines;
+    }
+  };
+  A.SpanScanner.prototype = {
+    set$state(state) {
+      if (state._scanner !== this)
+        throw A.wrapException(A.ArgumentError$("The given LineScannerState was not returned by this LineScanner.", null));
+      this.set$position(state.position);
+    },
+    spanFrom$2(startState, endState) {
+      var endPosition = endState == null ? this._string_scanner$_position : endState.position;
+      return this._sourceFile.span$2(0, startState.position, endPosition);
+    },
+    spanFrom$1(startState) {
+      return this.spanFrom$2(startState, null);
+    },
+    spanFromPosition$1(startPosition) {
+      var t1 = this._string_scanner$_position;
+      return this._sourceFile.span$2(0, startPosition, t1);
+    },
+    matches$1(pattern) {
+      var t1, t2, _this = this;
+      if (!_this.super$StringScanner$matches(pattern))
+        return false;
+      t1 = _this._string_scanner$_position;
+      t2 = _this.get$lastMatch();
+      _this._sourceFile.span$2(0, t1, t2.start + t2.pattern.length);
+      return true;
+    },
+    error$3$length$position(_, message, $length, position) {
+      var match, t2, _this = this,
+        t1 = _this.string;
+      A.validateErrorArgs(t1, null, position, $length);
+      match = position == null && $length == null ? _this.get$lastMatch() : null;
+      if (position == null)
+        position = match == null ? _this._string_scanner$_position : match.start;
+      if ($length == null)
+        if (match == null)
+          $length = 0;
+        else {
+          t2 = match.start;
+          $length = t2 + match.pattern.length - t2;
+        }
+      throw A.wrapException(A.StringScannerException$(message, _this._sourceFile.span$2(0, position, position + $length), t1));
+    },
+    error$1(_, message) {
+      return this.error$3$length$position(0, message, null, null);
+    },
+    error$2$position(_, message, position) {
+      return this.error$3$length$position(0, message, null, position);
+    },
+    error$2$length(_, message, $length) {
+      return this.error$3$length$position(0, message, $length, null);
+    }
+  };
+  A._SpanScannerState.prototype = {};
+  A.StringScanner.prototype = {
+    set$position(position) {
+      if (B.JSInt_methods.get$isNegative(position) || position > this.string.length)
+        throw A.wrapException(A.ArgumentError$("Invalid position " + position, null));
+      this._string_scanner$_position = position;
+      this._lastMatch = null;
+    },
+    get$lastMatch() {
+      var _this = this;
+      if (_this._string_scanner$_position !== _this._lastMatchPosition)
+        _this._lastMatch = null;
+      return _this._lastMatch;
+    },
+    readChar$0() {
+      var _this = this,
+        t1 = _this.string;
+      if (_this._string_scanner$_position === t1.length)
+        _this._fail$1("more input");
+      return t1.charCodeAt(_this._string_scanner$_position++);
+    },
+    peekChar$1(offset) {
+      var index;
+      if (offset == null)
+        offset = 0;
+      index = this._string_scanner$_position + offset;
+      if (index < 0 || index >= this.string.length)
+        return null;
+      return this.string.charCodeAt(index);
+    },
+    peekChar$0() {
+      return this.peekChar$1(null);
+    },
+    scanChar$1(character) {
+      var t1, t2, t3, t4, _this = this;
+      if (character >= 65536 && character <= 1114111) {
+        t1 = _this._string_scanner$_position;
+        t2 = t1 + 1;
+        t3 = _this.string;
+        if (t2 < t3.length) {
+          t4 = character - 65536;
+          t2 = t3.charCodeAt(t1) !== B.JSInt_methods._shrOtherPositive$1(t4, 10) + 55296 || t3.charCodeAt(t2) !== (t4 & 1023) + 56320;
+        } else
+          t2 = true;
+        if (t2)
+          return false;
+        else {
+          _this._string_scanner$_position = t1 + 2;
+          return true;
+        }
+      } else {
+        t1 = _this._string_scanner$_position;
+        t2 = _this.string;
+        if (t1 === t2.length)
+          return false;
+        if (t2.charCodeAt(t1) !== character)
+          return false;
+        _this._string_scanner$_position = t1 + 1;
+        return true;
+      }
+    },
+    expectChar$2$name(character, $name) {
+      if (this.scanChar$1(character))
+        return;
+      if ($name == null)
+        if (character === 92)
+          $name = '"\\"';
+        else
+          $name = character === 34 ? '"\\""' : '"' + A.Primitives_stringFromCharCode(character) + '"';
+      this._fail$1($name);
+    },
+    expectChar$1(character) {
+      return this.expectChar$2$name(character, null);
+    },
+    scan$1(pattern) {
+      var t1, _this = this,
+        success = _this.matches$1(pattern);
+      if (success) {
+        t1 = _this._lastMatch;
+        _this._lastMatchPosition = _this._string_scanner$_position = t1.start + t1.pattern.length;
+      }
+      return success;
+    },
+    expect$1(pattern) {
+      var t1, $name;
+      if (this.scan$1(pattern))
+        return;
+      t1 = A.stringReplaceAllUnchecked(pattern, "\\", "\\\\");
+      $name = '"' + A.stringReplaceAllUnchecked(t1, '"', '\\"') + '"';
+      this._fail$1($name);
+    },
+    expectDone$0() {
+      if (this._string_scanner$_position === this.string.length)
+        return;
+      this._fail$1("no more input");
+    },
+    matches$1(pattern) {
+      var _this = this,
+        t1 = B.JSString_methods.matchAsPrefix$2(pattern, _this.string, _this._string_scanner$_position);
+      _this._lastMatch = t1;
+      _this._lastMatchPosition = _this._string_scanner$_position;
+      return t1 != null;
+    },
+    substring$1(_, start) {
+      var end = this._string_scanner$_position;
+      return B.JSString_methods.substring$2(this.string, start, end);
+    },
+    error$3$length$position(_, message, $length, position) {
+      var match, t2, _this = this,
+        t1 = _this.string;
+      A.validateErrorArgs(t1, null, position, $length);
+      match = position == null && $length == null ? _this.get$lastMatch() : null;
+      if (position == null)
+        position = match == null ? _this._string_scanner$_position : match.start;
+      if ($length == null)
+        if (match == null)
+          $length = 0;
+        else {
+          t2 = match.start;
+          $length = t2 + match.pattern.length - t2;
+        }
+      throw A.wrapException(A.StringScannerException$(message, A.SourceFile$fromString(t1, _this.sourceUrl).span$2(0, position, position + $length), t1));
+    },
+    error$1(_, message) {
+      return this.error$3$length$position(0, message, null, null);
+    },
+    _fail$1($name) {
+      this.error$3$length$position(0, "expected " + $name + ".", 0, this._string_scanner$_position);
+    }
+  };
+  A.AsciiGlyphSet.prototype = {
+    glyphOrAscii$2(glyph, alternative) {
+      return alternative;
+    },
+    get$horizontalLine() {
+      return "-";
+    },
+    get$verticalLine() {
+      return "|";
+    },
+    get$topLeftCorner() {
+      return ",";
+    },
+    get$bottomLeftCorner() {
+      return "'";
+    },
+    get$cross() {
+      return "+";
+    },
+    get$upEnd() {
+      return "'";
+    },
+    get$downEnd() {
+      return ",";
+    },
+    get$horizontalLineBold() {
+      return "=";
+    }
+  };
+  A.UnicodeGlyphSet.prototype = {
+    glyphOrAscii$2(glyph, alternative) {
+      return glyph;
+    },
+    get$horizontalLine() {
+      return "\u2500";
+    },
+    get$verticalLine() {
+      return "\u2502";
+    },
+    get$topLeftCorner() {
+      return "\u250c";
+    },
+    get$bottomLeftCorner() {
+      return "\u2514";
+    },
+    get$cross() {
+      return "\u253c";
+    },
+    get$upEnd() {
+      return "\u2575";
+    },
+    get$downEnd() {
+      return "\u2577";
+    },
+    get$horizontalLineBold() {
+      return "\u2501";
+    }
+  };
+  A.WatchEvent.prototype = {
+    toString$0(_) {
+      return this.type.toString$0(0) + " " + this.path;
+    }
+  };
+  A.ChangeType.prototype = {
+    toString$0(_) {
+      return this._watch_event$_name;
+    }
+  };
+  A.A98RgbColorSpace0.prototype = {
+    get$isBoundedInternal() {
+      return true;
+    },
+    toLinear$1(channel) {
+      return J.get$sign$in(channel) * Math.pow(Math.abs(channel), 2.19921875);
+    },
+    fromLinear$1(channel) {
+      return J.get$sign$in(channel) * Math.pow(Math.abs(channel), 0.4547069271758437);
+    },
+    transformationMatrix$1(dest) {
+      var t1;
+      $label0$0: {
+        if (B.SrgbLinearColorSpace_kUj0 === dest || B.SrgbColorSpace_thf0 === dest || B.RgbColorSpace_i0P0 === dest) {
+          t1 = $.$get$linearA98RgbToLinearSrgb0();
+          break $label0$0;
+        }
+        if (B.DisplayP3ColorSpace_MmT0 === dest) {
+          t1 = $.$get$linearA98RgbToLinearDisplayP30();
+          break $label0$0;
+        }
+        if (B.ProphotoRgbColorSpace_BDz0 === dest) {
+          t1 = $.$get$linearA98RgbToLinearProphotoRgb0();
+          break $label0$0;
+        }
+        if (B.Rec2020ColorSpace_6oo0 === dest) {
+          t1 = $.$get$linearA98RgbToLinearRec20200();
+          break $label0$0;
+        }
+        if (B.XyzD65ColorSpace_WiJ0 === dest) {
+          t1 = $.$get$linearA98RgbToXyzD650();
+          break $label0$0;
+        }
+        if (B.XyzD50ColorSpace_2OB0 === dest) {
+          t1 = $.$get$linearA98RgbToXyzD500();
+          break $label0$0;
+        }
+        if (B.LmsColorSpace_Os30 === dest) {
+          t1 = $.$get$linearA98RgbToLms0();
+          break $label0$0;
+        }
+        t1 = this.super$ColorSpace$transformationMatrix0(dest);
+        break $label0$0;
+      }
+      return t1;
+    }
+  };
+  A.AnySelectorVisitor0.prototype = {
+    visitComplexSelector$1(complex) {
+      return B.JSArray_methods.any$1(complex.components, new A.AnySelectorVisitor_visitComplexSelector_closure0(this));
+    },
+    visitCompoundSelector$1(compound) {
+      return B.JSArray_methods.any$1(compound.components, new A.AnySelectorVisitor_visitCompoundSelector_closure0(this));
+    },
+    visitPseudoSelector$1(pseudo) {
+      var selector = pseudo.selector;
+      return selector == null ? false : this.visitSelectorList$1(selector);
+    },
+    visitSelectorList$1(list) {
+      return B.JSArray_methods.any$1(list.components, this.get$visitComplexSelector());
+    },
+    visitAttributeSelector$1(attribute) {
+      return false;
+    },
+    visitClassSelector$1(klass) {
+      return false;
+    },
+    visitIDSelector$1(id) {
+      return false;
+    },
+    visitParentSelector$1($parent) {
+      return false;
+    },
+    visitPlaceholderSelector$1(placeholder) {
+      return false;
+    },
+    visitTypeSelector$1(type) {
+      return false;
+    },
+    visitUniversalSelector$1(universal) {
+      return false;
+    }
+  };
+  A.AnySelectorVisitor_visitComplexSelector_closure0.prototype = {
+    call$1(component) {
+      return this.$this.visitCompoundSelector$1(component.selector);
+    },
+    $signature: 53
+  };
+  A.AnySelectorVisitor_visitCompoundSelector_closure0.prototype = {
+    call$1(simple) {
+      return simple.accept$1(this.$this);
+    },
+    $signature: 14
+  };
+  A.SupportsAnything0.prototype = {
+    toInterpolation$0() {
+      var t1 = new A.StringBuffer(""),
+        t2 = new A.InterpolationBuffer0(t1, A._setArrayType([], type$.JSArray_Object), A._setArrayType([], type$.JSArray_nullable_FileSpan)),
+        t3 = this.span,
+        t4 = this.contents,
+        t5 = t4.span,
+        t6 = A.SpanExtensions_before(t3, t5);
+      t6 = A.String_String$fromCharCodes(B.NativeUint32List_methods.sublist$2(t6.file._decodedChars, t6._file$_start, t6._end), 0, null);
+      t1._contents += t6;
+      t2.addInterpolation$1(t4);
+      t5 = A.SpanExtensions_after(t3, t5);
+      t5 = A.String_String$fromCharCodes(B.NativeUint32List_methods.sublist$2(t5.file._decodedChars, t5._file$_start, t5._end), 0, null);
+      t1._contents += t5;
+      return t2.interpolation$1(t3);
+    },
+    withSpan$1(span) {
+      return new A.SupportsAnything0(this.contents, span);
+    },
+    toString$0(_) {
+      return "(" + this.contents.toString$0(0) + ")";
+    },
+    $isAstNode0: 1,
+    $isSassNode: 1,
+    $isSupportsCondition: 1,
+    get$span(receiver) {
+      return this.span;
+    }
+  };
+  A.ArgumentList0.prototype = {
+    get$isEmpty(_) {
+      var t1;
+      if (this.positional.length === 0) {
+        t1 = this.named;
+        t1 = t1.get$isEmpty(t1) && this.rest == null;
+      } else
+        t1 = false;
+      return t1;
+    },
+    toString$0(_) {
+      var t2, t3, _i, _1_0, _2_0, _this = this,
+        t1 = A._setArrayType([], type$.JSArray_String);
+      for (t2 = _this.positional, t3 = t2.length, _i = 0; _i < t3; ++_i)
+        t1.push(_this._argument_list0$_parenthesizeArgument$1(t2[_i]));
+      for (t2 = A.MapExtensions_get_pairs0(_this.named, type$.String, type$.Expression_2), t2 = t2.get$iterator(t2); t2.moveNext$0();) {
+        t3 = t2.get$current(t2);
+        t1.push("$" + t3._0 + ": " + _this._argument_list0$_parenthesizeArgument$1(t3._1));
+      }
+      _1_0 = _this.rest;
+      if (_1_0 != null)
+        t1.push(_this._argument_list0$_parenthesizeArgument$1(_1_0) + "...");
+      _2_0 = _this.keywordRest;
+      if (_2_0 != null)
+        t1.push(_this._argument_list0$_parenthesizeArgument$1(_2_0) + "...");
+      return "(" + B.JSArray_methods.join$1(t1, ", ") + ")";
+    },
+    _argument_list0$_parenthesizeArgument$1(argument) {
+      var t1;
+      $label0$0: {
+        if (argument instanceof A.ListExpression0 && B.ListSeparator_qVN0 === argument.separator && !argument.hasBrackets && argument.contents.length >= 2) {
+          t1 = "(" + argument.toString$0(0) + ")";
+          break $label0$0;
+        }
+        t1 = argument.toString$0(0);
+        break $label0$0;
+      }
+      return t1;
+    },
+    $isAstNode0: 1,
+    $isSassNode: 1,
+    get$span(receiver) {
+      return this.span;
+    }
+  };
+  A.argumentListClass_closure.prototype = {
+    call$0() {
+      var t1 = type$.JSClass,
+        jsClass = t1._as(A.allowInteropCaptureThisNamed("sass.SassArgumentList", new A.argumentListClass__closure()));
+      A.defineGetter(J.get$$prototype$x(jsClass), "keywords", new A.argumentListClass__closure0(), null);
+      A.JSClassExtension_injectSuperclass(t1._as(A.SassArgumentList$0(A._setArrayType([], type$.JSArray_Value_2), A.LinkedHashMap_LinkedHashMap$_empty(type$.String, type$.Value_2), B.ListSeparator_undecided_null_undecided0).constructor), jsClass);
+      return jsClass;
+    },
+    $signature: 16
+  };
+  A.argumentListClass__closure.prototype = {
+    call$4($self, contents, keywords, separator) {
+      var t3,
+        t1 = self.immutable.isOrderedMap(contents) ? J.toArray$0$x(type$.ImmutableList._as(contents)) : type$.List_dynamic._as(contents),
+        t2 = type$.Value_2;
+      t1 = J.cast$1$0$ax(t1, t2);
+      t3 = self.immutable.isOrderedMap(keywords) ? A.immutableMapToDartMap(type$.ImmutableMap._as(keywords)) : A.objectToMap(keywords);
+      return A.SassArgumentList$0(t1, t3.cast$2$0(0, type$.String, t2), A.jsToDartSeparator(separator));
+    },
+    call$3($self, contents, keywords) {
+      return this.call$4($self, contents, keywords, ",");
+    },
+    "call*": "call$4",
+    $requiredArgCount: 3,
+    $defaultValues() {
+      return [","];
+    },
+    $signature: 305
+  };
+  A.argumentListClass__closure0.prototype = {
+    call$1($self) {
+      $self._argument_list$_wereKeywordsAccessed = true;
+      return A.dartMapToImmutableMap($self._argument_list$_keywords);
+    },
+    $signature: 306
+  };
+  A.SassArgumentList0.prototype = {};
+  A.JSArray1.prototype = {};
+  A.AsyncImporter0.prototype = {
+    isNonCanonicalScheme$1(scheme) {
+      return false;
+    }
+  };
+  A.JSToDartAsyncImporter.prototype = {
+    canonicalize$1(_, url) {
+      return this.canonicalize$body$JSToDartAsyncImporter(0, url);
+    },
+    canonicalize$body$JSToDartAsyncImporter(_, url) {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.nullable_Uri),
+        $async$returnValue, $async$self = this, t1, result;
+      var $async$canonicalize$1 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              result = A.wrapJSExceptions(new A.JSToDartAsyncImporter_canonicalize_closure($async$self, url));
+              $async$goto = result != null && result instanceof self.Promise ? 3 : 4;
+              break;
+            case 3:
+              // then
+              $async$goto = 5;
+              return A._asyncAwait(A.promiseToFuture0(type$.Promise._as(result), type$.nullable_Object), $async$canonicalize$1);
+            case 5:
+              // returning from await.
+              result = $async$result;
+            case 4:
+              // join
+              if (result == null) {
+                $async$returnValue = null;
+                // goto return
+                $async$goto = 1;
+                break;
+              }
+              t1 = self.URL;
+              if (result instanceof t1) {
+                $async$returnValue = A.Uri_parse(J.toString$0$(type$.JSUrl._as(result)));
+                // goto return
+                $async$goto = 1;
+                break;
+              }
+              A.jsThrow(new self.Error(string$.The_ca));
+            case 1:
+              // return
+              return A._asyncReturn($async$returnValue, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$canonicalize$1, $async$completer);
+    },
+    load$1(_, url) {
+      return this.load$body$JSToDartAsyncImporter(0, url);
+    },
+    load$body$JSToDartAsyncImporter(_, url) {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.nullable_ImporterResult_2),
+        $async$returnValue, $async$self = this, t1, contents, syntax, t2, result;
+      var $async$load$1 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              result = A.wrapJSExceptions(new A.JSToDartAsyncImporter_load_closure($async$self, url));
+              $async$goto = result != null && result instanceof self.Promise ? 3 : 4;
+              break;
+            case 3:
+              // then
+              $async$goto = 5;
+              return A._asyncAwait(A.promiseToFuture0(type$.Promise._as(result), type$.nullable_Object), $async$load$1);
+            case 5:
+              // returning from await.
+              result = $async$result;
+            case 4:
+              // join
+              if (result == null) {
+                $async$returnValue = null;
+                // goto return
+                $async$goto = 1;
+                break;
+              }
+              type$.JSImporterResult._as(result);
+              t1 = J.getInterceptor$x(result);
+              contents = t1.get$contents(result);
+              if (A._asString(new self.Function("value", "return typeof value").call$1(contents)) !== "string")
+                A.jsThrow(new A.ArgumentError(true, contents, "contents", "must be a string but was: " + A.jsType(contents)));
+              syntax = t1.get$syntax(result);
+              if (contents == null || syntax == null)
+                A.jsThrow(new self.Error(string$.The_lo));
+              t2 = A.parseSyntax(syntax);
+              $async$returnValue = A.ImporterResult$(contents, A.NullableExtension_andThen0(t1.get$sourceMapUrl(result), A.utils3__jsToDartUrl$closure()), t2);
+              // goto return
+              $async$goto = 1;
+              break;
+            case 1:
+              // return
+              return A._asyncReturn($async$returnValue, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$load$1, $async$completer);
+    },
+    isNonCanonicalScheme$1(scheme) {
+      return this._nonCanonicalSchemes.contains$1(0, scheme);
+    }
+  };
+  A.JSToDartAsyncImporter_canonicalize_closure.prototype = {
+    call$0() {
+      return this.$this._async0$_canonicalize.call$2(this.url.toString$0(0), A.canonicalizeContext0());
+    },
+    $signature: 37
+  };
+  A.JSToDartAsyncImporter_load_closure.prototype = {
+    call$0() {
+      return this.$this._load.call$1(new self.URL(this.url.toString$0(0)));
+    },
+    $signature: 37
+  };
+  A.AsyncBuiltInCallable0.prototype = {
+    callbackFor$2(positional, names) {
+      return new A._Record_2(this._async_built_in0$_parameters, this._async_built_in0$_callback);
+    },
+    withDeprecationWarning$1(module) {
+      return new A.AsyncBuiltInCallable0(this.name, this._async_built_in0$_parameters, new A.AsyncBuiltInCallable_withDeprecationWarning_closure0(this, module, null), false);
+    },
+    $isAsyncCallable0: 1,
+    get$name(receiver) {
+      return this.name;
+    },
+    get$acceptsContent() {
+      return this.acceptsContent;
+    }
+  };
+  A.AsyncBuiltInCallable$mixin_closure0.prototype = {
+    call$1($arguments) {
+      return this.$call$body$AsyncBuiltInCallable$mixin_closure0($arguments);
+    },
+    $call$body$AsyncBuiltInCallable$mixin_closure0($arguments) {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.Value_2),
+        $async$returnValue, $async$self = this, t1;
+      var $async$call$1 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              t1 = $async$self.callback.call$1($arguments);
+              $async$goto = 3;
+              return A._asyncAwait(t1 instanceof A._Future ? t1 : A._Future$value(t1, type$.void), $async$call$1);
+            case 3:
+              // returning from await.
+              $async$returnValue = B.C__SassNull0;
+              // goto return
+              $async$goto = 1;
+              break;
+            case 1:
+              // return
+              return A._asyncReturn($async$returnValue, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$call$1, $async$completer);
+    },
+    $signature: 101
+  };
+  A.AsyncBuiltInCallable_withDeprecationWarning_closure0.prototype = {
+    call$1(args) {
+      var t1 = this.$this;
+      A.warnForDeprecation0(string$.Global + this.module + "." + t1.name + string$.x20inste, B.Deprecation_jOf);
+      return t1._async_built_in0$_callback.call$1(args);
+    },
+    $signature: 309
+  };
+  A._compileStylesheet_closure2.prototype = {
+    call$1(url) {
+      return url === "" ? A.Uri_Uri$dataFromString(A.String_String$fromCharCodes(B.NativeUint32List_methods.sublist$2(this.stylesheet.span.file._decodedChars, 0, null), 0, null), B.C_Utf8Codec, null).get$_text() : this.importCache.sourceMapUrl$1(0, A.Uri_parse(url)).toString$0(0);
+    },
+    $signature: 6
+  };
+  A.AsyncEnvironment0.prototype = {
+    closure$0() {
+      var t4, t5, t6, _this = this,
+        t1 = _this._async_environment0$_forwardedModules,
+        t2 = _this._async_environment0$_nestedForwardedModules,
+        t3 = _this._async_environment0$_variables;
+      t3 = A._setArrayType(t3.slice(0), A._arrayInstanceType(t3));
+      t4 = _this._async_environment0$_variableNodes;
+      t4 = A._setArrayType(t4.slice(0), A._arrayInstanceType(t4));
+      t5 = _this._async_environment0$_functions;
+      t5 = A._setArrayType(t5.slice(0), A._arrayInstanceType(t5));
+      t6 = _this._async_environment0$_mixins;
+      t6 = A._setArrayType(t6.slice(0), A._arrayInstanceType(t6));
+      return A.AsyncEnvironment$_0(_this._async_environment0$_modules, _this._async_environment0$_namespaceNodes, _this._async_environment0$_globalModules, _this._async_environment0$_importedModules, t1, t2, _this._async_environment0$_allModules, t3, t4, t5, t6, _this._async_environment0$_content, B.Set_empty1);
+    },
+    forwardModule$2(module, rule) {
+      var view, t1, t2, _this = this,
+        forwardedModules = _this._async_environment0$_forwardedModules;
+      if (forwardedModules == null)
+        forwardedModules = _this._async_environment0$_forwardedModules = A.LinkedHashMap_LinkedHashMap$_empty(type$.Module_AsyncCallable_2, type$.AstNode_2);
+      view = A.ForwardedModuleView_ifNecessary0(module, rule, type$.AsyncCallable_2);
+      for (t1 = new A.LinkedHashMapKeyIterator(forwardedModules, forwardedModules._modifications, forwardedModules._first); t1.moveNext$0();) {
+        t2 = t1.__js_helper$_current;
+        _this._async_environment0$_assertNoConflicts$5(view.get$variables(), t2.get$variables(), view, t2, "variable");
+        _this._async_environment0$_assertNoConflicts$5(view.get$functions(view), t2.get$functions(t2), view, t2, "function");
+        _this._async_environment0$_assertNoConflicts$5(view.get$mixins(), t2.get$mixins(), view, t2, "mixin");
+      }
+      _this._async_environment0$_allModules.push(module);
+      forwardedModules.$indexSet(0, view, rule);
+    },
+    _async_environment0$_assertNoConflicts$5(newMembers, oldMembers, newModule, oldModule, type) {
+      var larger, smaller, t1, t2, t3, t4, $name, small, large, span;
+      if (newMembers.get$length(newMembers) < oldMembers.get$length(oldMembers)) {
+        larger = oldMembers;
+        smaller = newMembers;
+      } else {
+        larger = newMembers;
+        smaller = oldMembers;
+      }
+      for (t1 = type$.String, t2 = A.MapExtensions_get_pairs0(smaller, t1, type$.Object), t2 = t2.get$iterator(t2), t3 = type === "variable"; t2.moveNext$0();) {
+        t4 = t2.get$current(t2);
+        $name = t4._0;
+        small = t4._1;
+        large = larger.$index(0, $name);
+        if (large == null)
+          continue;
+        if (t3 ? newModule.variableIdentity$1($name) === oldModule.variableIdentity$1($name) : J.$eq$(large, small))
+          continue;
+        if (t3)
+          $name = "$" + $name;
+        t2 = this._async_environment0$_forwardedModules;
+        if (t2 == null)
+          span = null;
+        else {
+          t2 = t2.$index(0, oldModule);
+          span = t2 == null ? null : t2.get$span(t2);
+        }
+        t2 = A.LinkedHashMap_LinkedHashMap$_empty(type$.FileSpan, t1);
+        if (span != null)
+          t2.$indexSet(0, span, "original @forward");
+        throw A.wrapException(A.MultiSpanSassScriptException$0("Two forwarded modules both define a " + type + " named " + $name + ".", "new @forward", t2));
+      }
+    },
+    importForwards$1(module) {
+      var forwardedModules, t1, t2, t3, t4, node, t5, t6, t7, t8, t9, t10, _i, t11, shadowed, t12, t13, _length, _list, _this = this,
+        forwarded = module._async_environment0$_environment._async_environment0$_forwardedModules;
+      if (forwarded == null)
+        return;
+      forwardedModules = _this._async_environment0$_forwardedModules;
+      if (forwardedModules != null) {
+        t1 = type$.Module_AsyncCallable_2;
+        t2 = type$.AstNode_2;
+        t3 = A.LinkedHashMap_LinkedHashMap$_empty(t1, t2);
+        for (t1 = A.MapExtensions_get_pairs0(forwarded, t1, t2), t1 = t1.get$iterator(t1), t2 = _this._async_environment0$_globalModules; t1.moveNext$0();) {
+          t4 = t1.get$current(t1);
+          module = t4._0;
+          node = t4._1;
+          if (!forwardedModules.containsKey$1(module) || !t2.containsKey$1(module))
+            t3.$indexSet(0, module, node);
+        }
+        forwarded = t3;
+      } else
+        forwardedModules = _this._async_environment0$_forwardedModules = A.LinkedHashMap_LinkedHashMap$_empty(type$.Module_AsyncCallable_2, type$.AstNode_2);
+      t1 = type$.String;
+      t2 = A.LinkedHashSet_LinkedHashSet$_empty(t1);
+      for (t3 = new A.LinkedHashMapKeyIterator(forwarded, forwarded._modifications, forwarded._first); t3.moveNext$0();)
+        for (t4 = t3.__js_helper$_current.get$variables(), t4 = t4.get$keys(t4), t4 = t4.get$iterator(t4); t4.moveNext$0();)
+          t2.add$1(0, t4.get$current(t4));
+      t3 = A.LinkedHashSet_LinkedHashSet$_empty(t1);
+      for (t4 = new A.LinkedHashMapKeyIterator(forwarded, forwarded._modifications, forwarded._first); t4.moveNext$0();) {
+        t5 = t4.__js_helper$_current;
+        for (t5 = t5.get$functions(t5), t5 = t5.get$keys(t5), t5 = t5.get$iterator(t5); t5.moveNext$0();)
+          t3.add$1(0, t5.get$current(t5));
+      }
+      t1 = A.LinkedHashSet_LinkedHashSet$_empty(t1);
+      for (t4 = new A.LinkedHashMapKeyIterator(forwarded, forwarded._modifications, forwarded._first); t4.moveNext$0();)
+        for (t5 = t4.__js_helper$_current.get$mixins(), t5 = t5.get$keys(t5), t5 = t5.get$iterator(t5); t5.moveNext$0();)
+          t1.add$1(0, t5.get$current(t5));
+      t4 = _this._async_environment0$_variables;
+      t5 = t4.length;
+      if (t5 === 1) {
+        for (t5 = _this._async_environment0$_importedModules, t6 = type$.Module_AsyncCallable_2, t7 = type$.AstNode_2, t8 = A.MapExtensions_get_pairs0(t5, t6, t7).toList$0(0), t9 = t8.length, t10 = type$.AsyncCallable_2, _i = 0; _i < t8.length; t8.length === t9 || (0, A.throwConcurrentModificationError)(t8), ++_i) {
+          t11 = t8[_i];
+          module = t11._0;
+          shadowed = A.ShadowedModuleView_ifNecessary0(module, t3, t1, t2, t10);
+          if (shadowed != null) {
+            t5.remove$1(0, module);
+            t12 = shadowed.variables;
+            t13 = false;
+            if (t12.get$isEmpty(t12)) {
+              t12 = shadowed.functions;
+              if (t12.get$isEmpty(t12)) {
+                t12 = shadowed.mixins;
+                if (t12.get$isEmpty(t12)) {
+                  t12 = shadowed._shadowed_view0$_inner;
+                  t12 = t12.get$css(t12);
+                  t12 = J.get$isEmpty$asx(t12.get$children(t12));
+                } else
+                  t12 = t13;
+              } else
+                t12 = t13;
+            } else
+              t12 = t13;
+            if (!t12)
+              t5.$indexSet(0, shadowed, t11._1);
+          }
+        }
+        for (t6 = A.MapExtensions_get_pairs0(forwardedModules, t6, t7).toList$0(0), t7 = t6.length, _i = 0; _i < t6.length; t6.length === t7 || (0, A.throwConcurrentModificationError)(t6), ++_i) {
+          t8 = t6[_i];
+          module = t8._0;
+          shadowed = A.ShadowedModuleView_ifNecessary0(module, t3, t1, t2, t10);
+          if (shadowed != null) {
+            forwardedModules.remove$1(0, module);
+            t9 = shadowed.variables;
+            t11 = false;
+            if (t9.get$isEmpty(t9)) {
+              t9 = shadowed.functions;
+              if (t9.get$isEmpty(t9)) {
+                t9 = shadowed.mixins;
+                if (t9.get$isEmpty(t9)) {
+                  t9 = shadowed._shadowed_view0$_inner;
+                  t9 = t9.get$css(t9);
+                  t9 = J.get$isEmpty$asx(t9.get$children(t9));
+                } else
+                  t9 = t11;
+              } else
+                t9 = t11;
+            } else
+              t9 = t11;
+            if (!t9)
+              forwardedModules.$indexSet(0, shadowed, t8._1);
+          }
+        }
+        t5.addAll$1(0, forwarded);
+        forwardedModules.addAll$1(0, forwarded);
+      } else {
+        t6 = _this._async_environment0$_nestedForwardedModules;
+        if (t6 == null) {
+          _length = t5 - 1;
+          _list = J.JSArray_JSArray$allocateGrowable(_length, type$.List_Module_AsyncCallable_2);
+          for (t5 = type$.JSArray_Module_AsyncCallable_2, _i = 0; _i < _length; ++_i)
+            _list[_i] = A._setArrayType([], t5);
+          _this._async_environment0$_nestedForwardedModules = _list;
+          t5 = _list;
+        } else
+          t5 = t6;
+        B.JSArray_methods.addAll$1(B.JSArray_methods.get$last(t5), new A.LinkedHashMapKeysIterable(forwarded, A._instanceType(forwarded)._eval$1("LinkedHashMapKeysIterable<1>")));
+      }
+      for (t2 = A._LinkedHashSetIterator$(t2, t2._collection$_modifications, t2.$ti._precomputed1), t5 = _this._async_environment0$_variableIndices, t6 = _this._async_environment0$_variableNodes, t7 = t2.$ti._precomputed1; t2.moveNext$0();) {
+        t8 = t2._collection$_current;
+        if (t8 == null)
+          t8 = t7._as(t8);
+        t5.remove$1(0, t8);
+        B.JSArray_methods.get$last(t4).remove$1(0, t8);
+        B.JSArray_methods.get$last(t6).remove$1(0, t8);
+      }
+      for (t2 = A._LinkedHashSetIterator$(t3, t3._collection$_modifications, t3.$ti._precomputed1), t3 = _this._async_environment0$_functionIndices, t4 = _this._async_environment0$_functions, t5 = t2.$ti._precomputed1; t2.moveNext$0();) {
+        t6 = t2._collection$_current;
+        if (t6 == null)
+          t6 = t5._as(t6);
+        t3.remove$1(0, t6);
+        B.JSArray_methods.get$last(t4).remove$1(0, t6);
+      }
+      for (t1 = A._LinkedHashSetIterator$(t1, t1._collection$_modifications, t1.$ti._precomputed1), t2 = _this._async_environment0$_mixinIndices, t3 = _this._async_environment0$_mixins, t4 = t1.$ti._precomputed1; t1.moveNext$0();) {
+        t5 = t1._collection$_current;
+        if (t5 == null)
+          t5 = t4._as(t5);
+        t2.remove$1(0, t5);
+        B.JSArray_methods.get$last(t3).remove$1(0, t5);
+      }
+    },
+    getVariable$2$namespace($name, namespace) {
+      var t1, _0_0, _1_0, _this = this;
+      if (namespace != null)
+        return _this._async_environment0$_getModule$1(namespace).get$variables().$index(0, $name);
+      if (_this._async_environment0$_lastVariableName === $name) {
+        t1 = _this._async_environment0$_lastVariableIndex;
+        t1.toString;
+        t1 = _this._async_environment0$_variables[t1].$index(0, $name);
+        return t1 == null ? _this._async_environment0$_getVariableFromGlobalModule$1($name) : t1;
+      }
+      t1 = _this._async_environment0$_variableIndices;
+      _0_0 = t1.$index(0, $name);
+      if (_0_0 != null) {
+        _this._async_environment0$_lastVariableName = $name;
+        _this._async_environment0$_lastVariableIndex = _0_0;
+        t1 = _this._async_environment0$_variables[_0_0].$index(0, $name);
+        return t1 == null ? _this._async_environment0$_getVariableFromGlobalModule$1($name) : t1;
+      } else {
+        _1_0 = _this._async_environment0$_variableIndex$1($name);
+        if (_1_0 != null) {
+          _this._async_environment0$_lastVariableName = $name;
+          _this._async_environment0$_lastVariableIndex = _1_0;
+          t1.$indexSet(0, $name, _1_0);
+          t1 = _this._async_environment0$_variables[_1_0].$index(0, $name);
+          return t1 == null ? _this._async_environment0$_getVariableFromGlobalModule$1($name) : t1;
+        } else
+          return _this._async_environment0$_getVariableFromGlobalModule$1($name);
+      }
+    },
+    getVariable$1($name) {
+      return this.getVariable$2$namespace($name, null);
+    },
+    _async_environment0$_getVariableFromGlobalModule$1($name) {
+      return this._async_environment0$_fromOneModule$3($name, "variable", new A.AsyncEnvironment__getVariableFromGlobalModule_closure0($name));
+    },
+    getVariableNode$2$namespace($name, namespace) {
+      var t1, _0_0, _1_0, _this = this;
+      if (namespace != null)
+        return _this._async_environment0$_getModule$1(namespace).get$variableNodes().$index(0, $name);
+      if (_this._async_environment0$_lastVariableName === $name) {
+        t1 = _this._async_environment0$_lastVariableIndex;
+        t1.toString;
+        t1 = _this._async_environment0$_variableNodes[t1].$index(0, $name);
+        return t1 == null ? _this._async_environment0$_getVariableNodeFromGlobalModule$1($name) : t1;
+      }
+      t1 = _this._async_environment0$_variableIndices;
+      _0_0 = t1.$index(0, $name);
+      if (_0_0 != null) {
+        _this._async_environment0$_lastVariableName = $name;
+        _this._async_environment0$_lastVariableIndex = _0_0;
+        t1 = _this._async_environment0$_variableNodes[_0_0].$index(0, $name);
+        return t1 == null ? _this._async_environment0$_getVariableNodeFromGlobalModule$1($name) : t1;
+      } else {
+        _1_0 = _this._async_environment0$_variableIndex$1($name);
+        if (_1_0 != null) {
+          _this._async_environment0$_lastVariableName = $name;
+          _this._async_environment0$_lastVariableIndex = _1_0;
+          t1.$indexSet(0, $name, _1_0);
+          t1 = _this._async_environment0$_variableNodes[_1_0].$index(0, $name);
+          return t1 == null ? _this._async_environment0$_getVariableNodeFromGlobalModule$1($name) : t1;
+        } else
+          return _this._async_environment0$_getVariableNodeFromGlobalModule$1($name);
+      }
+    },
+    _async_environment0$_getVariableNodeFromGlobalModule$1($name) {
+      var t1, t2, _0_0;
+      for (t1 = this._async_environment0$_importedModules, t2 = this._async_environment0$_globalModules, t2 = new A.LinkedHashMapKeysIterable(t1, A._instanceType(t1)._eval$1("LinkedHashMapKeysIterable<1>")).followedBy$1(0, new A.LinkedHashMapKeysIterable(t2, A._instanceType(t2)._eval$1("LinkedHashMapKeysIterable<1>"))), t2 = new A.FollowedByIterator(J.get$iterator$ax(t2.__internal$_first), t2._second); t2.moveNext$0();) {
+        t1 = t2._currentIterator;
+        _0_0 = t1.get$current(t1).get$variableNodes().$index(0, $name);
+        if (_0_0 != null)
+          return _0_0;
+      }
+      return null;
+    },
+    globalVariableExists$2$namespace($name, namespace) {
+      if (namespace != null)
+        return this._async_environment0$_getModule$1(namespace).get$variables().containsKey$1($name);
+      if (B.JSArray_methods.get$first(this._async_environment0$_variables).containsKey$1($name))
+        return true;
+      return this._async_environment0$_getVariableFromGlobalModule$1($name) != null;
+    },
+    globalVariableExists$1($name) {
+      return this.globalVariableExists$2$namespace($name, null);
+    },
+    _async_environment0$_variableIndex$1($name) {
+      var t1, i;
+      for (t1 = this._async_environment0$_variables, i = t1.length - 1; i >= 0; --i)
+        if (t1[i].containsKey$1($name))
+          return i;
+      return null;
+    },
+    setVariable$5$global$namespace($name, value, nodeWithSpan, global, namespace) {
+      var t1, moduleWithName, nestedForwardedModules, t2, t3, t4, t5, index, _this = this;
+      if (namespace != null) {
+        _this._async_environment0$_getModule$1(namespace).setVariable$3($name, value, nodeWithSpan);
+        return;
+      }
+      if (global || _this._async_environment0$_variables.length === 1) {
+        _this._async_environment0$_variableIndices.putIfAbsent$2($name, new A.AsyncEnvironment_setVariable_closure2(_this, $name));
+        t1 = _this._async_environment0$_variables;
+        if (!B.JSArray_methods.get$first(t1).containsKey$1($name)) {
+          moduleWithName = _this._async_environment0$_fromOneModule$3($name, "variable", new A.AsyncEnvironment_setVariable_closure3($name));
+          if (moduleWithName != null) {
+            moduleWithName.setVariable$3($name, value, nodeWithSpan);
+            return;
+          }
+        }
+        B.JSArray_methods.get$first(t1).$indexSet(0, $name, value);
+        B.JSArray_methods.get$first(_this._async_environment0$_variableNodes).$indexSet(0, $name, nodeWithSpan);
+        return;
+      }
+      nestedForwardedModules = _this._async_environment0$_nestedForwardedModules;
+      if (nestedForwardedModules != null && !_this._async_environment0$_variableIndices.containsKey$1($name) && _this._async_environment0$_variableIndex$1($name) == null)
+        for (t1 = A._arrayInstanceType(nestedForwardedModules)._eval$1("ReversedListIterable<1>"), t2 = new A.ReversedListIterable(nestedForwardedModules, t1), t2 = new A.ListIterator(t2, t2.get$length(0), t1._eval$1("ListIterator<ListIterable.E>")), t1 = t1._eval$1("ListIterable.E"); t2.moveNext$0();) {
+          t3 = t2.__internal$_current;
+          for (t3 = J.get$reversed$ax(t3 == null ? t1._as(t3) : t3), t4 = t3.$ti, t3 = new A.ListIterator(t3, t3.get$length(0), t4._eval$1("ListIterator<ListIterable.E>")), t4 = t4._eval$1("ListIterable.E"); t3.moveNext$0();) {
+            t5 = t3.__internal$_current;
+            if (t5 == null)
+              t5 = t4._as(t5);
+            if (t5.get$variables().containsKey$1($name)) {
+              t5.setVariable$3($name, value, nodeWithSpan);
+              return;
+            }
+          }
+        }
+      if (_this._async_environment0$_lastVariableName === $name) {
+        t1 = _this._async_environment0$_lastVariableIndex;
+        t1.toString;
+        index = t1;
+      } else
+        index = _this._async_environment0$_variableIndices.putIfAbsent$2($name, new A.AsyncEnvironment_setVariable_closure4(_this, $name));
+      if (!_this._async_environment0$_inSemiGlobalScope && index === 0) {
+        index = _this._async_environment0$_variables.length - 1;
+        _this._async_environment0$_variableIndices.$indexSet(0, $name, index);
+      }
+      _this._async_environment0$_lastVariableName = $name;
+      _this._async_environment0$_lastVariableIndex = index;
+      _this._async_environment0$_variables[index].$indexSet(0, $name, value);
+      _this._async_environment0$_variableNodes[index].$indexSet(0, $name, nodeWithSpan);
+    },
+    setVariable$4$global($name, value, nodeWithSpan, global) {
+      return this.setVariable$5$global$namespace($name, value, nodeWithSpan, global, null);
+    },
+    setLocalVariable$3($name, value, nodeWithSpan) {
+      var index, _this = this,
+        t1 = _this._async_environment0$_variables,
+        t2 = t1.length;
+      _this._async_environment0$_lastVariableName = $name;
+      index = _this._async_environment0$_lastVariableIndex = t2 - 1;
+      _this._async_environment0$_variableIndices.$indexSet(0, $name, index);
+      t1[index].$indexSet(0, $name, value);
+      _this._async_environment0$_variableNodes[index].$indexSet(0, $name, nodeWithSpan);
+    },
+    getFunction$2$namespace($name, namespace) {
+      var t1, _0_0, _1_0, _this = this;
+      if (namespace != null) {
+        t1 = _this._async_environment0$_getModule$1(namespace);
+        return t1.get$functions(t1).$index(0, $name);
+      }
+      t1 = _this._async_environment0$_functionIndices;
+      _0_0 = t1.$index(0, $name);
+      if (_0_0 != null) {
+        t1 = _this._async_environment0$_functions[_0_0].$index(0, $name);
+        return t1 == null ? _this._async_environment0$_getFunctionFromGlobalModule$1($name) : t1;
+      } else {
+        _1_0 = _this._async_environment0$_functionIndex$1($name);
+        if (_1_0 != null) {
+          t1.$indexSet(0, $name, _1_0);
+          t1 = _this._async_environment0$_functions[_1_0].$index(0, $name);
+          return t1 == null ? _this._async_environment0$_getFunctionFromGlobalModule$1($name) : t1;
+        } else
+          return _this._async_environment0$_getFunctionFromGlobalModule$1($name);
+      }
+    },
+    getFunction$1($name) {
+      return this.getFunction$2$namespace($name, null);
+    },
+    _async_environment0$_getFunctionFromGlobalModule$1($name) {
+      return this._async_environment0$_fromOneModule$3($name, "function", new A.AsyncEnvironment__getFunctionFromGlobalModule_closure0($name));
+    },
+    _async_environment0$_functionIndex$1($name) {
+      var t1, i;
+      for (t1 = this._async_environment0$_functions, i = t1.length - 1; i >= 0; --i)
+        if (t1[i].containsKey$1($name))
+          return i;
+      return null;
+    },
+    getMixin$2$namespace($name, namespace) {
+      var t1, _0_0, _1_0, _this = this;
+      if (namespace != null)
+        return _this._async_environment0$_getModule$1(namespace).get$mixins().$index(0, $name);
+      t1 = _this._async_environment0$_mixinIndices;
+      _0_0 = t1.$index(0, $name);
+      if (_0_0 != null) {
+        t1 = _this._async_environment0$_mixins[_0_0].$index(0, $name);
+        return t1 == null ? _this._async_environment0$_getMixinFromGlobalModule$1($name) : t1;
+      } else {
+        _1_0 = _this._async_environment0$_mixinIndex$1($name);
+        if (_1_0 != null) {
+          t1.$indexSet(0, $name, _1_0);
+          t1 = _this._async_environment0$_mixins[_1_0].$index(0, $name);
+          return t1 == null ? _this._async_environment0$_getMixinFromGlobalModule$1($name) : t1;
+        } else
+          return _this._async_environment0$_getMixinFromGlobalModule$1($name);
+      }
+    },
+    _async_environment0$_getMixinFromGlobalModule$1($name) {
+      return this._async_environment0$_fromOneModule$3($name, "mixin", new A.AsyncEnvironment__getMixinFromGlobalModule_closure0($name));
+    },
+    _async_environment0$_mixinIndex$1($name) {
+      var t1, i;
+      for (t1 = this._async_environment0$_mixins, i = t1.length - 1; i >= 0; --i)
+        if (t1[i].containsKey$1($name))
+          return i;
+      return null;
+    },
+    withContent$2($content, callback) {
+      return this.withContent$body$AsyncEnvironment0($content, callback);
+    },
+    withContent$body$AsyncEnvironment0($content, callback) {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.void),
+        $async$self = this, oldContent;
+      var $async$withContent$2 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              oldContent = $async$self._async_environment0$_content;
+              $async$self._async_environment0$_content = $content;
+              $async$goto = 2;
+              return A._asyncAwait(callback.call$0(), $async$withContent$2);
+            case 2:
+              // returning from await.
+              $async$self._async_environment0$_content = oldContent;
+              // implicit return
+              return A._asyncReturn(null, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$withContent$2, $async$completer);
+    },
+    asMixin$1(callback) {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.void),
+        $async$self = this, oldInMixin;
+      var $async$asMixin$1 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              oldInMixin = $async$self._async_environment0$_inMixin;
+              $async$self._async_environment0$_inMixin = true;
+              $async$goto = 2;
+              return A._asyncAwait(callback.call$0(), $async$asMixin$1);
+            case 2:
+              // returning from await.
+              $async$self._async_environment0$_inMixin = oldInMixin;
+              // implicit return
+              return A._asyncReturn(null, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$asMixin$1, $async$completer);
+    },
+    scope$1$3$semiGlobal$when(callback, semiGlobal, when, $T) {
+      return this.scope$body$AsyncEnvironment0(callback, semiGlobal, when, $T, $T);
+    },
+    scope$1$1(callback, $T) {
+      return this.scope$1$3$semiGlobal$when(callback, false, true, $T);
+    },
+    scope$1$2$when(callback, when, $T) {
+      return this.scope$1$3$semiGlobal$when(callback, false, when, $T);
+    },
+    scope$1$2$semiGlobal(callback, semiGlobal, $T) {
+      return this.scope$1$3$semiGlobal$when(callback, semiGlobal, true, $T);
+    },
+    scope$body$AsyncEnvironment0(callback, semiGlobal, when, $T, $async$type) {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter($async$type),
+        $async$returnValue, $async$handler = 2, $async$errorStack = [], $async$next = [], $async$self = this, wasInSemiGlobalScope, $name, name0, name1, t1, t2, t3, t4, t5, t6;
+      var $async$scope$1$3$semiGlobal$when = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1) {
+          $async$errorStack.push($async$result);
+          $async$goto = $async$handler;
+        }
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              semiGlobal = semiGlobal && $async$self._async_environment0$_inSemiGlobalScope;
+              wasInSemiGlobalScope = $async$self._async_environment0$_inSemiGlobalScope;
+              $async$self._async_environment0$_inSemiGlobalScope = semiGlobal;
+              $async$goto = !when ? 3 : 4;
+              break;
+            case 3:
+              // then
+              $async$handler = 5;
+              $async$goto = 8;
+              return A._asyncAwait(callback.call$0(), $async$scope$1$3$semiGlobal$when);
+            case 8:
+              // returning from await.
+              t1 = $async$result;
+              $async$returnValue = t1;
+              $async$next = [1];
+              // goto finally
+              $async$goto = 6;
+              break;
+              $async$next.push(7);
+              // goto finally
+              $async$goto = 6;
+              break;
+            case 5:
+              // uncaught
+              $async$next = [2];
+            case 6:
+              // finally
+              $async$handler = 2;
+              $async$self._async_environment0$_inSemiGlobalScope = wasInSemiGlobalScope;
+              // goto the next finally handler
+              $async$goto = $async$next.pop();
+              break;
+            case 7:
+              // after finally
+            case 4:
+              // join
+              t1 = $async$self._async_environment0$_variables;
+              t2 = type$.String;
+              B.JSArray_methods.add$1(t1, A.LinkedHashMap_LinkedHashMap$_empty(t2, type$.Value_2));
+              t3 = $async$self._async_environment0$_variableNodes;
+              B.JSArray_methods.add$1(t3, A.LinkedHashMap_LinkedHashMap$_empty(t2, type$.AstNode_2));
+              t4 = $async$self._async_environment0$_functions;
+              t5 = type$.AsyncCallable_2;
+              B.JSArray_methods.add$1(t4, A.LinkedHashMap_LinkedHashMap$_empty(t2, t5));
+              t6 = $async$self._async_environment0$_mixins;
+              B.JSArray_methods.add$1(t6, A.LinkedHashMap_LinkedHashMap$_empty(t2, t5));
+              t5 = $async$self._async_environment0$_nestedForwardedModules;
+              if (t5 != null)
+                t5.push(A._setArrayType([], type$.JSArray_Module_AsyncCallable_2));
+              $async$handler = 9;
+              $async$goto = 12;
+              return A._asyncAwait(callback.call$0(), $async$scope$1$3$semiGlobal$when);
+            case 12:
+              // returning from await.
+              t2 = $async$result;
+              $async$returnValue = t2;
+              $async$next = [1];
+              // goto finally
+              $async$goto = 10;
+              break;
+              $async$next.push(11);
+              // goto finally
+              $async$goto = 10;
+              break;
+            case 9:
+              // uncaught
+              $async$next = [2];
+            case 10:
+              // finally
+              $async$handler = 2;
+              $async$self._async_environment0$_inSemiGlobalScope = wasInSemiGlobalScope;
+              $async$self._async_environment0$_lastVariableIndex = $async$self._async_environment0$_lastVariableName = null;
+              for (t1 = B.JSArray_methods.removeLast$0(t1), t1 = t1.get$keys(t1), t1 = t1.get$iterator(t1), t2 = $async$self._async_environment0$_variableIndices; t1.moveNext$0();) {
+                $name = t1.get$current(t1);
+                t2.remove$1(0, $name);
+              }
+              B.JSArray_methods.removeLast$0(t3);
+              for (t1 = B.JSArray_methods.removeLast$0(t4), t1 = t1.get$keys(t1), t1 = t1.get$iterator(t1), t2 = $async$self._async_environment0$_functionIndices; t1.moveNext$0();) {
+                name0 = t1.get$current(t1);
+                t2.remove$1(0, name0);
+              }
+              for (t1 = B.JSArray_methods.removeLast$0(t6), t1 = t1.get$keys(t1), t1 = t1.get$iterator(t1), t2 = $async$self._async_environment0$_mixinIndices; t1.moveNext$0();) {
+                name1 = t1.get$current(t1);
+                t2.remove$1(0, name1);
+              }
+              t1 = $async$self._async_environment0$_nestedForwardedModules;
+              if (t1 != null)
+                t1.pop();
+              // goto the next finally handler
+              $async$goto = $async$next.pop();
+              break;
+            case 11:
+              // after finally
+            case 1:
+              // return
+              return A._asyncReturn($async$returnValue, $async$completer);
+            case 2:
+              // rethrow
+              return A._asyncRethrow($async$errorStack.at(-1), $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$scope$1$3$semiGlobal$when, $async$completer);
+    },
+    toImplicitConfiguration$0() {
+      var t2, t3, t4, t5, t6, $name, value, i, values, nodes,
+        t1 = type$.String,
+        configuration = A.LinkedHashMap_LinkedHashMap$_empty(t1, type$.ConfiguredValue_2);
+      for (t2 = this._async_environment0$_importedModules, t2 = new A.LinkedHashMapKeyIterator(t2, t2._modifications, t2._first), t3 = type$.Value_2; t2.moveNext$0();) {
+        t4 = t2.__js_helper$_current;
+        for (t5 = A.MapExtensions_get_pairs0(t4.get$variables(), t1, t3), t5 = t5.get$iterator(t5); t5.moveNext$0();) {
+          t6 = t5.get$current(t5);
+          $name = t6._0;
+          value = t6._1;
+          t6 = t4.get$variableNodes().$index(0, $name);
+          t6.toString;
+          configuration.$indexSet(0, $name, new A.ConfiguredValue0(value, null, t6));
+        }
+      }
+      for (t2 = this._async_environment0$_variables, t4 = this._async_environment0$_variableNodes, i = 0; i < t2.length; ++i) {
+        values = t2[i];
+        nodes = t4[i];
+        for (t5 = A.MapExtensions_get_pairs0(values, t1, t3), t5 = t5.get$iterator(t5); t5.moveNext$0();) {
+          t6 = t5.get$current(t5);
+          $name = t6._0;
+          value = t6._1;
+          t6 = nodes.$index(0, $name);
+          t6.toString;
+          configuration.$indexSet(0, $name, new A.ConfiguredValue0(value, null, t6));
+        }
+      }
+      return new A.Configuration0(configuration, null);
+    },
+    toModule$3(css, preModuleComments, extensionStore) {
+      return A._EnvironmentModule__EnvironmentModule2(this, css, preModuleComments, extensionStore, A.NullableExtension_andThen0(this._async_environment0$_forwardedModules, new A.AsyncEnvironment_toModule_closure0()));
+    },
+    toDummyModule$0() {
+      return A._EnvironmentModule__EnvironmentModule2(this, new A.CssStylesheet0(new A.UnmodifiableListView(B.List_empty18, type$.UnmodifiableListView_CssNode_2), A.SourceFile$decoded(B.List_empty4, "<dummy module>").span$1(0, 0)), B.Map_empty16, B.C_EmptyExtensionStore0, A.NullableExtension_andThen0(this._async_environment0$_forwardedModules, new A.AsyncEnvironment_toDummyModule_closure0()));
+    },
+    _async_environment0$_getModule$1(namespace) {
+      var _0_0 = this._async_environment0$_modules.$index(0, namespace);
+      if (_0_0 != null)
+        return _0_0;
+      throw A.wrapException(A.SassScriptException$0('There is no module with the namespace "' + namespace + '".', null));
+    },
+    _async_environment0$_fromOneModule$1$3($name, type, callback) {
+      var t1, t2, t3, t4, t5, _1_0, _2_0, value, identity, valueInModule, identityFromModule, module, node,
+        _0_0 = this._async_environment0$_nestedForwardedModules;
+      if (_0_0 != null)
+        for (t1 = A._arrayInstanceType(_0_0)._eval$1("ReversedListIterable<1>"), t2 = new A.ReversedListIterable(_0_0, t1), t2 = new A.ListIterator(t2, t2.get$length(0), t1._eval$1("ListIterator<ListIterable.E>")), t1 = t1._eval$1("ListIterable.E"); t2.moveNext$0();) {
+          t3 = t2.__internal$_current;
+          for (t3 = J.get$reversed$ax(t3 == null ? t1._as(t3) : t3), t4 = t3.$ti, t3 = new A.ListIterator(t3, t3.get$length(0), t4._eval$1("ListIterator<ListIterable.E>")), t4 = t4._eval$1("ListIterable.E"); t3.moveNext$0();) {
+            t5 = t3.__internal$_current;
+            _1_0 = callback.call$1(t5 == null ? t4._as(t5) : t5);
+            if (_1_0 != null)
+              return _1_0;
+          }
+        }
+      for (t1 = this._async_environment0$_importedModules, t1 = new A.LinkedHashMapKeyIterator(t1, t1._modifications, t1._first); t1.moveNext$0();) {
+        _2_0 = callback.call$1(t1.__js_helper$_current);
+        if (_2_0 != null)
+          return _2_0;
+      }
+      for (t1 = this._async_environment0$_globalModules, t2 = new A.LinkedHashMapKeyIterator(t1, t1._modifications, t1._first), t3 = type$.AsyncCallable_2, value = null, identity = null; t2.moveNext$0();) {
+        t4 = t2.__js_helper$_current;
+        valueInModule = callback.call$1(t4);
+        if (valueInModule == null)
+          continue;
+        identityFromModule = t3._is(valueInModule) ? valueInModule : t4.variableIdentity$1($name);
+        if (identityFromModule.$eq(0, identity))
+          continue;
+        if (value != null) {
+          t2 = A.LinkedHashMap_LinkedHashMap$_empty(type$.FileSpan, type$.String);
+          for (t3 = A.MapExtensions_get_pairs0(t1, type$.Module_AsyncCallable_2, type$.AstNode_2), t3 = t3.get$iterator(t3), t4 = "includes " + type; t3.moveNext$0();) {
+            t1 = t3.get$current(t3);
+            module = t1._0;
+            node = t1._1;
+            if (callback.call$1(module) != null)
+              t2.$indexSet(0, node.get$span(node), t4);
+          }
+          throw A.wrapException(A.MultiSpanSassScriptException$0("This " + type + string$.x20is_av, type + " use", t2));
+        }
+        identity = identityFromModule;
+        value = valueInModule;
+      }
+      return value;
+    },
+    _async_environment0$_fromOneModule$3($name, type, callback) {
+      return this._async_environment0$_fromOneModule$1$3($name, type, callback, type$.dynamic);
+    }
+  };
+  A.AsyncEnvironment__getVariableFromGlobalModule_closure0.prototype = {
+    call$1(module) {
+      return module.get$variables().$index(0, this.name);
+    },
+    $signature: 310
+  };
+  A.AsyncEnvironment_setVariable_closure2.prototype = {
+    call$0() {
+      var t1 = this.$this;
+      t1._async_environment0$_lastVariableName = this.name;
+      return t1._async_environment0$_lastVariableIndex = 0;
+    },
+    $signature: 10
+  };
+  A.AsyncEnvironment_setVariable_closure3.prototype = {
+    call$1(module) {
+      return module.get$variables().containsKey$1(this.name) ? module : null;
+    },
+    $signature: 311
+  };
+  A.AsyncEnvironment_setVariable_closure4.prototype = {
+    call$0() {
+      var t1 = this.$this,
+        t2 = t1._async_environment0$_variableIndex$1(this.name);
+      return t2 == null ? t1._async_environment0$_variables.length - 1 : t2;
+    },
+    $signature: 10
+  };
+  A.AsyncEnvironment__getFunctionFromGlobalModule_closure0.prototype = {
+    call$1(module) {
+      return module.get$functions(module).$index(0, this.name);
+    },
+    $signature: 161
+  };
+  A.AsyncEnvironment__getMixinFromGlobalModule_closure0.prototype = {
+    call$1(module) {
+      return module.get$mixins().$index(0, this.name);
+    },
+    $signature: 161
+  };
+  A.AsyncEnvironment_toModule_closure0.prototype = {
+    call$1(modules) {
+      return new A.MapKeySet(modules, type$.MapKeySet_Module_AsyncCallable_2);
+    },
+    $signature: 162
+  };
+  A.AsyncEnvironment_toDummyModule_closure0.prototype = {
+    call$1(modules) {
+      return new A.MapKeySet(modules, type$.MapKeySet_Module_AsyncCallable_2);
+    },
+    $signature: 162
+  };
+  A._EnvironmentModule2.prototype = {
+    get$url(_) {
+      var t1 = this.css;
+      return t1.get$span(t1).file.url;
+    },
+    setVariable$3($name, value, nodeWithSpan) {
+      var t1, t2,
+        _0_0 = this._async_environment0$_modulesByVariable.$index(0, $name);
+      if (_0_0 != null) {
+        _0_0.setVariable$3($name, value, nodeWithSpan);
+        return;
+      }
+      t1 = this._async_environment0$_environment;
+      t2 = t1._async_environment0$_variables;
+      if (!B.JSArray_methods.get$first(t2).containsKey$1($name))
+        throw A.wrapException(A.SassScriptException$0("Undefined variable.", null));
+      B.JSArray_methods.get$first(t2).$indexSet(0, $name, value);
+      B.JSArray_methods.get$first(t1._async_environment0$_variableNodes).$indexSet(0, $name, nodeWithSpan);
+      return;
+    },
+    variableIdentity$1($name) {
+      var module = this._async_environment0$_modulesByVariable.$index(0, $name);
+      return module == null ? this : module.variableIdentity$1($name);
+    },
+    couldHaveBeenConfigured$1(variables) {
+      var t2, t3, _0_0, variable, module,
+        t1 = this._async_environment0$_environment._async_environment0$_configurableVariables;
+      if (!(variables.get$length(variables) < t1.get$length(t1) ? variables.any$1(0, t1.get$contains(t1)) : t1.any$1(0, variables.get$contains(variables)))) {
+        t1 = this._async_environment0$_modulesByVariable;
+        t2 = type$.Module_AsyncCallable_2;
+        if (variables.get$length(variables) < t1.get$length(t1)) {
+          t2 = A.LinkedHashSet_LinkedHashSet$_empty(t2);
+          for (t3 = variables.get$iterator(variables); t3.moveNext$0();) {
+            _0_0 = t1.$index(0, t3.get$current(t3));
+            if (_0_0 != null)
+              t2.add$1(0, _0_0);
+          }
+          t1 = t2;
+        } else {
+          t3 = A.LinkedHashSet_LinkedHashSet$_empty(t2);
+          for (t1 = A.MapExtensions_get_pairs0(t1, type$.String, t2), t1 = t1.get$iterator(t1); t1.moveNext$0();) {
+            t2 = t1.get$current(t1);
+            variable = t2._0;
+            module = t2._1;
+            if (variables.contains$1(0, variable))
+              t3.add$1(0, module);
+          }
+          t1 = t3;
+        }
+        t1 = t1.any$1(0, new A._EnvironmentModule_couldHaveBeenConfigured_closure2(variables));
+      } else
+        t1 = true;
+      return t1;
+    },
+    cloneCss$0() {
+      var _0_0, _this = this;
+      if (!_this.transitivelyContainsCss)
+        return _this;
+      _0_0 = A.cloneCssStylesheet0(_this.css, _this.extensionStore);
+      return A._EnvironmentModule$_2(_this._async_environment0$_environment, _0_0._0, _this.preModuleComments, _0_0._1, _this._async_environment0$_modulesByVariable, _this.variables, _this.variableNodes, _this.functions, _this.mixins, true, _this.transitivelyContainsExtensions);
+    },
+    toString$0(_) {
+      var t2,
+        t1 = this.css;
+      if (t1.get$span(t1).file.url == null)
+        t1 = "<unknown url>";
+      else {
+        t1 = t1.get$span(t1).file.url;
+        t2 = $.$get$context();
+        t1.toString;
+        t1 = t2.prettyUri$1(t1);
+      }
+      return t1;
+    },
+    $isModule1: 1,
+    get$upstream() {
+      return this.upstream;
+    },
+    get$variables() {
+      return this.variables;
+    },
+    get$variableNodes() {
+      return this.variableNodes;
+    },
+    get$functions(receiver) {
+      return this.functions;
+    },
+    get$mixins() {
+      return this.mixins;
+    },
+    get$extensionStore() {
+      return this.extensionStore;
+    },
+    get$css(receiver) {
+      return this.css;
+    },
+    get$preModuleComments() {
+      return this.preModuleComments;
+    },
+    get$transitivelyContainsCss() {
+      return this.transitivelyContainsCss;
+    },
+    get$transitivelyContainsExtensions() {
+      return this.transitivelyContainsExtensions;
+    }
+  };
+  A._EnvironmentModule__EnvironmentModule_closure17.prototype = {
+    call$1(module) {
+      return module.get$variables();
+    },
+    $signature: 314
+  };
+  A._EnvironmentModule__EnvironmentModule_closure18.prototype = {
+    call$1(module) {
+      return module.get$variableNodes();
+    },
+    $signature: 315
+  };
+  A._EnvironmentModule__EnvironmentModule_closure19.prototype = {
+    call$1(module) {
+      return module.get$functions(module);
+    },
+    $signature: 163
+  };
+  A._EnvironmentModule__EnvironmentModule_closure20.prototype = {
+    call$1(module) {
+      return module.get$mixins();
+    },
+    $signature: 163
+  };
+  A._EnvironmentModule__EnvironmentModule_closure21.prototype = {
+    call$1(module) {
+      return module.get$transitivelyContainsCss();
+    },
+    $signature: 102
+  };
+  A._EnvironmentModule__EnvironmentModule_closure22.prototype = {
+    call$1(module) {
+      return module.get$transitivelyContainsExtensions();
+    },
+    $signature: 102
+  };
+  A._EnvironmentModule_couldHaveBeenConfigured_closure2.prototype = {
+    call$1(module) {
+      return module.couldHaveBeenConfigured$1(this.variables);
+    },
+    $signature: 102
+  };
+  A._EvaluateVisitor2.prototype = {
+    _EvaluateVisitor$6$functions$importCache$logger$nodeImporter$quietDeps$sourceMap2(functions, importCache, logger, nodeImporter, quietDeps, sourceMap) {
+      var t2, metaModule, t3, _i, module, $function, t4, _this = this,
+        _s20_ = "$name, $module: null",
+        _s9_ = "sass:meta",
+        _s7_ = "$module",
+        t1 = type$.JSArray_AsyncBuiltInCallable_2,
+        metaFunctions = A._setArrayType([A.BuiltInCallable$function0("global-variable-exists", _s20_, new A._EvaluateVisitor_closure38(_this), _s9_), A.BuiltInCallable$function0("variable-exists", "$name", new A._EvaluateVisitor_closure39(_this), _s9_), A.BuiltInCallable$function0("function-exists", _s20_, new A._EvaluateVisitor_closure40(_this), _s9_), A.BuiltInCallable$function0("mixin-exists", _s20_, new A._EvaluateVisitor_closure41(_this), _s9_), A.BuiltInCallable$function0("content-exists", "", new A._EvaluateVisitor_closure42(_this), _s9_), A.BuiltInCallable$function0("module-variables", _s7_, new A._EvaluateVisitor_closure43(_this), _s9_), A.BuiltInCallable$function0("module-functions", _s7_, new A._EvaluateVisitor_closure44(_this), _s9_), A.BuiltInCallable$function0("module-mixins", _s7_, new A._EvaluateVisitor_closure45(_this), _s9_), A.BuiltInCallable$function0("get-function", "$name, $css: false, $module: null", new A._EvaluateVisitor_closure46(_this), _s9_), A.BuiltInCallable$function0("get-mixin", _s20_, new A._EvaluateVisitor_closure47(_this), _s9_), new A.AsyncBuiltInCallable0("call", A.ScssParser$0("@function call($function, $args...) {", _s9_).parseParameterList$0(), new A._EvaluateVisitor_closure48(_this), false)], t1),
+        metaMixins = A._setArrayType([A.AsyncBuiltInCallable$mixin0("load-css", "$url, $with: null", new A._EvaluateVisitor_closure49(_this), false, _s9_), A.AsyncBuiltInCallable$mixin0("apply", "$mixin, $args...", new A._EvaluateVisitor_closure50(_this), true, _s9_)], t1);
+      t1 = type$.AsyncBuiltInCallable_2;
+      t2 = A.List_List$_of($.$get$moduleFunctions0(), t1);
+      B.JSArray_methods.addAll$1(t2, metaFunctions);
+      metaModule = A.BuiltInModule$0("meta", t2, metaMixins, null, t1);
+      t1 = A.List_List$_of($.$get$coreModules0(), type$.BuiltInModule_AsyncCallable_2);
+      t1.push(metaModule);
+      t2 = t1.length;
+      t3 = _this._async_evaluate0$_builtInModules;
+      _i = 0;
+      for (; _i < t1.length; t1.length === t2 || (0, A.throwConcurrentModificationError)(t1), ++_i) {
+        module = t1[_i];
+        t3.$indexSet(0, module.url, module);
+      }
+      t1 = type$.JSArray_AsyncCallable_2;
+      t2 = A._setArrayType([], t1);
+      B.JSArray_methods.addAll$1(t2, functions);
+      B.JSArray_methods.addAll$1(t2, $.$get$globalFunctions0());
+      t1 = A._setArrayType([], t1);
+      for (_i = 0; _i < 11; ++_i)
+        t1.push(metaFunctions[_i].withDeprecationWarning$1("meta"));
+      B.JSArray_methods.addAll$1(t2, t1);
+      for (t1 = t2.length, t3 = _this._async_evaluate0$_builtInFunctions, _i = 0; _i < t2.length; t2.length === t1 || (0, A.throwConcurrentModificationError)(t2), ++_i) {
+        $function = t2[_i];
+        t4 = $function.get$name($function);
+        t3.$indexSet(0, A.stringReplaceAllUnchecked(t4, "_", "-"), $function);
+      }
+    },
+    run$2(_, importer, node) {
+      return this.run$body$_EvaluateVisitor0(0, importer, node);
+    },
+    run$body$_EvaluateVisitor0(_, importer, node) {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.Record_2_Set_Uri_loadedUrls_and_CssStylesheet_stylesheet_2),
+        $async$returnValue, $async$handler = 2, $async$errorStack = [], $async$self = this, error, stackTrace, t1, exception, $async$exception;
+      var $async$run$2 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1) {
+          $async$errorStack.push($async$result);
+          $async$goto = $async$handler;
+        }
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              $async$handler = 4;
+              t1 = type$.nullable_Object;
+              t1 = A.runZoned(new A._EvaluateVisitor_run_closure2($async$self, node, importer), A.LinkedHashMap_LinkedHashMap$_literal([B.Symbol__evaluationContext, new A._EvaluationContext2($async$self, node)], t1, t1), type$.FutureOr_Record_2_Set_Uri_loadedUrls_and_CssStylesheet_stylesheet_2);
+              $async$goto = 7;
+              return A._asyncAwait(type$.Future_Record_2_Set_Uri_loadedUrls_and_CssStylesheet_stylesheet_2._is(t1) ? t1 : A._Future$value(t1, type$.Record_2_Set_Uri_loadedUrls_and_CssStylesheet_stylesheet_2), $async$run$2);
+            case 7:
+              // returning from await.
+              t1 = $async$result;
+              $async$returnValue = t1;
+              // goto return
+              $async$goto = 1;
+              break;
+              $async$handler = 2;
+              // goto after finally
+              $async$goto = 6;
+              break;
+            case 4:
+              // catch
+              $async$handler = 3;
+              $async$exception = $async$errorStack.pop();
+              t1 = A.unwrapException($async$exception);
+              if (t1 instanceof A.SassException0) {
+                error = t1;
+                stackTrace = A.getTraceFromException($async$exception);
+                A.throwWithTrace0(error.withLoadedUrls$1($async$self._async_evaluate0$_loadedUrls), error, stackTrace);
+              } else
+                throw $async$exception;
+              // goto after finally
+              $async$goto = 6;
+              break;
+            case 3:
+              // uncaught
+              // goto rethrow
+              $async$goto = 2;
+              break;
+            case 6:
+              // after finally
+            case 1:
+              // return
+              return A._asyncReturn($async$returnValue, $async$completer);
+            case 2:
+              // rethrow
+              return A._asyncRethrow($async$errorStack.at(-1), $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$run$2, $async$completer);
+    },
+    _async_evaluate0$_assertInModule$1$2(value, $name) {
+      if (value != null)
+        return value;
+      throw A.wrapException(A.StateError$("Can't access " + $name + " outside of a module."));
+    },
+    _async_evaluate0$_assertInModule$2(value, $name) {
+      return this._async_evaluate0$_assertInModule$1$2(value, $name, type$.dynamic);
+    },
+    _async_evaluate0$_loadModule$7$baseUrl$configuration$namesInErrors(url, stackFrame, nodeWithSpan, callback, baseUrl, configuration, namesInErrors) {
+      return this._loadModule$body$_EvaluateVisitor0(url, stackFrame, nodeWithSpan, callback, baseUrl, configuration, namesInErrors);
+    },
+    _async_evaluate0$_loadModule$5$configuration(url, stackFrame, nodeWithSpan, callback, configuration) {
+      return this._async_evaluate0$_loadModule$7$baseUrl$configuration$namesInErrors(url, stackFrame, nodeWithSpan, callback, null, configuration, false);
+    },
+    _async_evaluate0$_loadModule$4(url, stackFrame, nodeWithSpan, callback) {
+      return this._async_evaluate0$_loadModule$7$baseUrl$configuration$namesInErrors(url, stackFrame, nodeWithSpan, callback, null, null, false);
+    },
+    _loadModule$body$_EvaluateVisitor0(url, stackFrame, nodeWithSpan, callback, baseUrl, configuration, namesInErrors) {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.void),
+        $async$returnValue, $async$self = this, t2, _0_0, t1;
+      var $async$_async_evaluate0$_loadModule$7$baseUrl$configuration$namesInErrors = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              _0_0 = $async$self._async_evaluate0$_builtInModules.$index(0, url);
+              t1 = {};
+              t1.builtInModule = null;
+              $async$goto = _0_0 != null ? 3 : 4;
+              break;
+            case 3:
+              // then
+              t1.builtInModule = _0_0;
+              if (configuration instanceof A.ExplicitConfiguration0) {
+                t1 = namesInErrors ? "Built-in module " + url.toString$0(0) + " can't be configured." : "Built-in modules can't be configured.";
+                t2 = configuration.nodeWithSpan;
+                throw A.wrapException($async$self._async_evaluate0$_exception$2(t1, t2.get$span(t2)));
+              }
+              $async$goto = 5;
+              return A._asyncAwait($async$self._async_evaluate0$_addExceptionSpanAsync$1$2(nodeWithSpan, new A._EvaluateVisitor__loadModule_closure5(t1, callback), type$.void), $async$_async_evaluate0$_loadModule$7$baseUrl$configuration$namesInErrors);
+            case 5:
+              // returning from await.
+              // goto return
+              $async$goto = 1;
+              break;
+            case 4:
+              // join
+              $async$goto = 6;
+              return A._asyncAwait($async$self._async_evaluate0$_withStackFrame$1$3(stackFrame, nodeWithSpan, new A._EvaluateVisitor__loadModule_closure6($async$self, url, nodeWithSpan, baseUrl, namesInErrors, configuration, callback), type$.Null), $async$_async_evaluate0$_loadModule$7$baseUrl$configuration$namesInErrors);
+            case 6:
+              // returning from await.
+            case 1:
+              // return
+              return A._asyncReturn($async$returnValue, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$_async_evaluate0$_loadModule$7$baseUrl$configuration$namesInErrors, $async$completer);
+    },
+    _async_evaluate0$_execute$5$configuration$namesInErrors$nodeWithSpan(importer, stylesheet, configuration, namesInErrors, nodeWithSpan) {
+      return this._execute$body$_EvaluateVisitor0(importer, stylesheet, configuration, namesInErrors, nodeWithSpan);
+    },
+    _async_evaluate0$_execute$2(importer, stylesheet) {
+      return this._async_evaluate0$_execute$5$configuration$namesInErrors$nodeWithSpan(importer, stylesheet, null, false, null);
+    },
+    _execute$body$_EvaluateVisitor0(importer, stylesheet, configuration, namesInErrors, nodeWithSpan) {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.Module_AsyncCallable_2),
+        $async$returnValue, $async$self = this, t3, message, existingSpan, configurationSpan, environment, css, preModuleComments, extensionStore, module, url, t1, currentConfiguration, t2, _0_0;
+      var $async$_async_evaluate0$_execute$5$configuration$namesInErrors$nodeWithSpan = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              url = stylesheet.span.file.url;
+              t1 = configuration == null;
+              currentConfiguration = t1 ? $async$self._async_evaluate0$_configuration : configuration;
+              t2 = $async$self._async_evaluate0$_modules;
+              _0_0 = t2.$index(0, url);
+              if (_0_0 != null) {
+                t2 = $async$self._async_evaluate0$_moduleConfigurations.$index(0, url);
+                t3 = t2._configuration0$__originalConfiguration;
+                t2 = t3 == null ? t2 : t3;
+                t3 = currentConfiguration._configuration0$__originalConfiguration;
+                if (t2 !== (t3 == null ? currentConfiguration : t3) && currentConfiguration instanceof A.ExplicitConfiguration0 && _0_0.couldHaveBeenConfigured$1(new A.MapKeySet(new A.UnmodifiableMapView(currentConfiguration._configuration0$_values, type$.UnmodifiableMapView_String_ConfiguredValue_2), type$.MapKeySet_String))) {
+                  if (namesInErrors) {
+                    t2 = $.$get$context();
+                    url.toString;
+                    message = t2.prettyUri$1(url) + string$.x20was_a;
+                  } else
+                    message = string$.This_mw;
+                  t2 = $async$self._async_evaluate0$_moduleNodes.$index(0, url);
+                  existingSpan = t2 == null ? null : t2.get$span(t2);
+                  if (t1) {
+                    t1 = currentConfiguration.nodeWithSpan;
+                    configurationSpan = t1.get$span(t1);
+                  } else
+                    configurationSpan = null;
+                  t1 = A.LinkedHashMap_LinkedHashMap$_empty(type$.FileSpan, type$.String);
+                  if (existingSpan != null)
+                    t1.$indexSet(0, existingSpan, "original load");
+                  if (configurationSpan != null)
+                    t1.$indexSet(0, configurationSpan, "configuration");
+                  throw A.wrapException(t1.get$isEmpty(0) ? $async$self._async_evaluate0$_exception$1(message) : $async$self._async_evaluate0$_multiSpanException$3(message, "new load", t1));
+                }
+                $async$returnValue = _0_0;
+                // goto return
+                $async$goto = 1;
+                break;
+              }
+              environment = A.AsyncEnvironment$0();
+              css = A._Cell$();
+              preModuleComments = A._Cell$();
+              extensionStore = A.ExtensionStore$0();
+              $async$goto = 3;
+              return A._asyncAwait($async$self._async_evaluate0$_withEnvironment$1$2(environment, new A._EvaluateVisitor__execute_closure2($async$self, importer, stylesheet, extensionStore, configuration, css, preModuleComments), type$.Null), $async$_async_evaluate0$_execute$5$configuration$namesInErrors$nodeWithSpan);
+            case 3:
+              // returning from await.
+              t1 = css._readLocal$0();
+              t3 = preModuleComments._readLocal$0();
+              module = environment.toModule$3(t1, t3 == null ? B.Map_empty16 : t3, extensionStore);
+              if (url != null) {
+                t2.$indexSet(0, url, module);
+                $async$self._async_evaluate0$_moduleConfigurations.$indexSet(0, url, currentConfiguration);
+                if (nodeWithSpan != null)
+                  $async$self._async_evaluate0$_moduleNodes.$indexSet(0, url, nodeWithSpan);
+              }
+              $async$returnValue = module;
+              // goto return
+              $async$goto = 1;
+              break;
+            case 1:
+              // return
+              return A._asyncReturn($async$returnValue, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$_async_evaluate0$_execute$5$configuration$namesInErrors$nodeWithSpan, $async$completer);
+    },
+    _async_evaluate0$_addOutOfOrderImports$0() {
+      var t1, t2, _this = this, _s5_ = "_root",
+        _s13_ = "_endOfImports",
+        _0_0 = _this._async_evaluate0$_outOfOrderImports;
+      $label0$0: {
+        if (_0_0 == null) {
+          t1 = _this._async_evaluate0$_assertInModule$2(_this._async_evaluate0$__root, _s5_).children;
+          break $label0$0;
+        }
+        t1 = _this._async_evaluate0$_assertInModule$2(_this._async_evaluate0$__root, _s5_).children;
+        t1 = A.List_List$_of(A.SubListIterable$(t1, 0, A.checkNotNullable(_this._async_evaluate0$_assertInModule$2(_this._async_evaluate0$__endOfImports, _s13_), "count", type$.int), t1.$ti._eval$1("ListBase.E")), type$.ModifiableCssNode_2);
+        B.JSArray_methods.addAll$1(t1, _0_0);
+        t2 = _this._async_evaluate0$_assertInModule$2(_this._async_evaluate0$__root, _s5_).children;
+        B.JSArray_methods.addAll$1(t1, A.SubListIterable$(t2, _this._async_evaluate0$_assertInModule$2(_this._async_evaluate0$__endOfImports, _s13_), null, t2.$ti._eval$1("ListBase.E")));
+        break $label0$0;
+      }
+      return t1;
+    },
+    _async_evaluate0$_combineCss$2$clone(root, clone) {
+      var selectors, _0_0, t1, imports, css, sorted, t2;
+      if (!B.JSArray_methods.any$1(root.get$upstream(), new A._EvaluateVisitor__combineCss_closure5())) {
+        selectors = root.get$extensionStore().get$simpleSelectors();
+        _0_0 = A.IterableExtension_get_firstOrNull(root.get$extensionStore().extensionsWhereTarget$1(new A._EvaluateVisitor__combineCss_closure6(selectors)));
+        if (_0_0 != null)
+          this._async_evaluate0$_throwForUnsatisfiedExtension$1(_0_0);
+        return root.get$css(root);
+      }
+      t1 = type$.JSArray_CssNode_2;
+      imports = A._setArrayType([], t1);
+      css = A._setArrayType([], t1);
+      t1 = type$.Module_AsyncCallable_2;
+      sorted = A.ListQueue$(t1);
+      new A._EvaluateVisitor__combineCss_visitModule2(this, A.LinkedHashSet_LinkedHashSet$_empty(t1), clone, css, imports, sorted).call$1(root);
+      if (root.get$transitivelyContainsExtensions())
+        this._async_evaluate0$_extendModules$1(sorted);
+      t1 = B.JSArray_methods.$add(imports, css);
+      t2 = root.get$css(root);
+      return new A.CssStylesheet0(new A.UnmodifiableListView(t1, type$.UnmodifiableListView_CssNode_2), t2.get$span(t2));
+    },
+    _async_evaluate0$_combineCss$1(root) {
+      return this._async_evaluate0$_combineCss$2$clone(root, false);
+    },
+    _async_evaluate0$_extendModules$1(sortedModules) {
+      var t1, t2, t3, originalSelectors, $self, t4, t5, _i, upstream, _0_0,
+        downstreamExtensionStores = A.LinkedHashMap_LinkedHashMap$_empty(type$.Uri, type$.List_ExtensionStore_2),
+        unsatisfiedExtensions = new A._LinkedIdentityHashSet(type$._LinkedIdentityHashSet_Extension_2);
+      for (t1 = A._ListQueueIterator$(sortedModules, sortedModules.$ti._precomputed1), t2 = t1.$ti._precomputed1; t1.moveNext$0();) {
+        t3 = t1._collection$_current;
+        if (t3 == null)
+          t3 = t2._as(t3);
+        originalSelectors = t3.get$extensionStore().get$simpleSelectors().toSet$0(0);
+        unsatisfiedExtensions.addAll$1(0, t3.get$extensionStore().extensionsWhereTarget$1(new A._EvaluateVisitor__extendModules_closure5(originalSelectors)));
+        $self = downstreamExtensionStores.$index(0, t3.get$url(t3));
+        t4 = t3.get$extensionStore().get$addExtensions();
+        if ($self != null)
+          t4.call$1($self);
+        t4 = t3.get$extensionStore();
+        if (t4.get$isEmpty(t4))
+          continue;
+        for (t4 = t3.get$upstream(), t5 = t4.length, _i = 0; _i < t4.length; t4.length === t5 || (0, A.throwConcurrentModificationError)(t4), ++_i) {
+          upstream = t4[_i];
+          _0_0 = upstream.get$url(upstream);
+          if (_0_0 != null)
+            J.add$1$ax(downstreamExtensionStores.putIfAbsent$2(_0_0, new A._EvaluateVisitor__extendModules_closure6()), t3.get$extensionStore());
+        }
+        unsatisfiedExtensions.removeAll$1(t3.get$extensionStore().extensionsWhereTarget$1(originalSelectors.get$contains(originalSelectors)));
+      }
+      if (unsatisfiedExtensions._collection$_length !== 0)
+        this._async_evaluate0$_throwForUnsatisfiedExtension$1(unsatisfiedExtensions.get$first(0));
+    },
+    _async_evaluate0$_throwForUnsatisfiedExtension$1(extension) {
+      throw A.wrapException(A.SassException$0(string$.The_ta + extension.target.toString$0(0) + ' !optional" to avoid this error.', extension.span, null));
+    },
+    _async_evaluate0$_indexAfterImports$1(statements) {
+      var t1, lastImport, i, _0_0;
+      for (t1 = J.getInterceptor$asx(statements), lastImport = -1, i = 0; i < t1.get$length(statements); ++i) {
+        $label0$0: {
+          _0_0 = t1.$index(statements, i);
+          if (_0_0 instanceof A.ModifiableCssImport0)
+            break $label0$0;
+          if (_0_0 instanceof A.ModifiableCssComment0)
+            continue;
+          break;
+        }
+        lastImport = i;
+      }
+      return lastImport + 1;
+    },
+    visitStylesheet$1(_, node) {
+      return this.visitStylesheet$body$_EvaluateVisitor0(0, node);
+    },
+    visitStylesheet$body$_EvaluateVisitor0(_, node) {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.nullable_Value_2),
+        $async$returnValue, $async$self = this, t1, t2, warning, _i, $name, span;
+      var $async$visitStylesheet$1 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              for (t1 = node.parseTimeWarnings, t2 = t1.$ti, t1 = new A.ListIterator(t1, t1.get$length(0), t2._eval$1("ListIterator<ListBase.E>")), t2 = t2._eval$1("ListBase.E"); t1.moveNext$0();) {
+                warning = t1.__internal$_current;
+                if (warning == null)
+                  warning = t2._as(warning);
+                $async$self._async_evaluate0$_warn$3(warning._1, warning._2, warning._0);
+              }
+              t1 = node.children, t2 = t1.length, _i = 0;
+            case 3:
+              // for condition
+              if (!(_i < t2)) {
+                // goto after for
+                $async$goto = 5;
+                break;
+              }
+              $async$goto = 6;
+              return A._asyncAwait(t1[_i].accept$1($async$self), $async$visitStylesheet$1);
+            case 6:
+              // returning from await.
+            case 4:
+              // for update
+              ++_i;
+              // goto for condition
+              $async$goto = 3;
+              break;
+            case 5:
+              // after for
+              for (t1 = A.MapExtensions_get_pairs0(node.globalVariables, type$.String, type$.FileSpan), t1 = t1.get$iterator(t1); t1.moveNext$0();) {
+                t2 = t1.get$current(t1);
+                $name = t2._0;
+                span = t2._1;
+                $async$self.visitVariableDeclaration$1(0, new A.VariableDeclaration0(null, $name, new A.NullExpression0(span), true, false, span));
+              }
+              $async$returnValue = null;
+              // goto return
+              $async$goto = 1;
+              break;
+            case 1:
+              // return
+              return A._asyncReturn($async$returnValue, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$visitStylesheet$1, $async$completer);
+    },
+    visitAtRootRule$1(_, node) {
+      return this.visitAtRootRule$body$_EvaluateVisitor0(0, node);
+    },
+    visitAtRootRule$body$_EvaluateVisitor0(_, node) {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.nullable_Value_2),
+        $async$returnValue, $async$self = this, _1_0, resolved, query, $parent, included, t1, _2_0, root, first, rest, innerCopy, outerCopy, _i, copy, _0_0;
+      var $async$visitAtRootRule$1 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              _0_0 = node.query;
+              $async$goto = _0_0 != null ? 3 : 5;
+              break;
+            case 3:
+              // then
+              $async$goto = 6;
+              return A._asyncAwait($async$self._async_evaluate0$_performInterpolationWithMap$2$warnForColor(_0_0, true), $async$visitAtRootRule$1);
+            case 6:
+              // returning from await.
+              _1_0 = $async$result;
+              resolved = _1_0._0;
+              _1_0._1;
+              query = new A.AtRootQueryParser0(A.SpanScanner$(resolved, null), null).parse$0(0);
+              // goto join
+              $async$goto = 4;
+              break;
+            case 5:
+              // else
+              query = B.AtRootQuery_bfj0;
+            case 4:
+              // join
+              $parent = $async$self._async_evaluate0$_assertInModule$2($async$self._async_evaluate0$__parent, "__parent");
+              included = A._setArrayType([], type$.JSArray_ModifiableCssParentNode_2);
+              for (t1 = type$.CssStylesheet_2; !t1._is($parent); $parent = _2_0) {
+                if (!query.excludes$1($parent))
+                  included.push($parent);
+                _2_0 = $parent._node$_parent;
+                if (_2_0 == null)
+                  throw A.wrapException(A.StateError$(string$.CssNod));
+              }
+              root = $async$self._async_evaluate0$_trimIncluded$1(included);
+              $async$goto = root === $async$self._async_evaluate0$_assertInModule$2($async$self._async_evaluate0$__parent, "__parent") ? 7 : 8;
+              break;
+            case 7:
+              // then
+              $async$goto = 9;
+              return A._asyncAwait($async$self._async_evaluate0$_environment.scope$1$2$when(new A._EvaluateVisitor_visitAtRootRule_closure5($async$self, node), node.hasDeclarations, type$.Null), $async$visitAtRootRule$1);
+            case 9:
+              // returning from await.
+              $async$returnValue = null;
+              // goto return
+              $async$goto = 1;
+              break;
+            case 8:
+              // join
+              if (included.length >= 1) {
+                first = included[0];
+                rest = B.JSArray_methods.sublist$1(included, 1);
+                innerCopy = first.copyWithoutChildren$0();
+                for (t1 = rest.length, outerCopy = innerCopy, _i = 0; _i < rest.length; rest.length === t1 || (0, A.throwConcurrentModificationError)(rest), ++_i, outerCopy = copy) {
+                  copy = rest[_i].copyWithoutChildren$0();
+                  copy.addChild$1(outerCopy);
+                }
+                root.addChild$1(outerCopy);
+              } else
+                innerCopy = root;
+              $async$goto = 10;
+              return A._asyncAwait($async$self._async_evaluate0$_scopeForAtRoot$4(node, innerCopy, query, included).call$1(new A._EvaluateVisitor_visitAtRootRule_closure6($async$self, node)), $async$visitAtRootRule$1);
+            case 10:
+              // returning from await.
+              $async$returnValue = null;
+              // goto return
+              $async$goto = 1;
+              break;
+            case 1:
+              // return
+              return A._asyncReturn($async$returnValue, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$visitAtRootRule$1, $async$completer);
+    },
+    _async_evaluate0$_trimIncluded$1(nodes) {
+      var $parent, t1, innermostContiguous, i, t2, _0_0, _1_0, root, _this = this, _null = null, _s5_ = "_root",
+        _s22_ = " to be an ancestor of ";
+      if (nodes.length === 0)
+        return _this._async_evaluate0$_assertInModule$2(_this._async_evaluate0$__root, _s5_);
+      $parent = _this._async_evaluate0$_assertInModule$2(_this._async_evaluate0$__parent, "__parent");
+      for (t1 = nodes.length, innermostContiguous = _null, i = 0; i < t1; ++i, $parent = _1_0) {
+        for (; t2 = nodes[i], $parent !== t2; innermostContiguous = _null, $parent = _0_0) {
+          _0_0 = $parent._node$_parent;
+          if (_0_0 == null)
+            throw A.wrapException(A.ArgumentError$("Expected " + t2.toString$0(0) + _s22_ + _this.toString$0(0) + ".", _null));
+        }
+        if (innermostContiguous == null)
+          innermostContiguous = i;
+        _1_0 = $parent._node$_parent;
+        if (_1_0 == null)
+          throw A.wrapException(A.ArgumentError$("Expected " + t2.toString$0(0) + _s22_ + _this.toString$0(0) + ".", _null));
+      }
+      if ($parent !== _this._async_evaluate0$_assertInModule$2(_this._async_evaluate0$__root, _s5_))
+        return _this._async_evaluate0$_assertInModule$2(_this._async_evaluate0$__root, _s5_);
+      innermostContiguous.toString;
+      root = nodes[innermostContiguous];
+      B.JSArray_methods.removeRange$2(nodes, innermostContiguous, nodes.length);
+      return root;
+    },
+    _async_evaluate0$_scopeForAtRoot$4(node, newParent, query, included) {
+      var _this = this,
+        scope = new A._EvaluateVisitor__scopeForAtRoot_closure17(_this, newParent, node),
+        t1 = query._at_root_query0$_all || query._at_root_query0$_rule;
+      if (t1 !== query.include)
+        scope = new A._EvaluateVisitor__scopeForAtRoot_closure18(_this, scope);
+      if (_this._async_evaluate0$_mediaQueries != null && query.excludesName$1("media"))
+        scope = new A._EvaluateVisitor__scopeForAtRoot_closure19(_this, scope);
+      if (_this._async_evaluate0$_inKeyframes && query.excludesName$1("keyframes"))
+        scope = new A._EvaluateVisitor__scopeForAtRoot_closure20(_this, scope);
+      return _this._async_evaluate0$_inUnknownAtRule && !B.JSArray_methods.any$1(included, new A._EvaluateVisitor__scopeForAtRoot_closure21()) ? new A._EvaluateVisitor__scopeForAtRoot_closure22(_this, scope) : scope;
+    },
+    visitContentBlock$1(_, node) {
+      return A.throwExpression(A.UnsupportedError$(string$.Evalua));
+    },
+    visitContentRule$1(_, node) {
+      return this.visitContentRule$body$_EvaluateVisitor0(0, node);
+    },
+    visitContentRule$body$_EvaluateVisitor0(_, node) {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.nullable_Value_2),
+        $async$returnValue, $async$self = this, $content;
+      var $async$visitContentRule$1 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              $content = $async$self._async_evaluate0$_environment._async_environment0$_content;
+              if ($content == null) {
+                $async$returnValue = null;
+                // goto return
+                $async$goto = 1;
+                break;
+              }
+              $async$goto = 3;
+              return A._asyncAwait($async$self._async_evaluate0$_runUserDefinedCallable$1$4(node.$arguments, $content, node, new A._EvaluateVisitor_visitContentRule_closure2($async$self, $content), type$.Null), $async$visitContentRule$1);
+            case 3:
+              // returning from await.
+              $async$returnValue = null;
+              // goto return
+              $async$goto = 1;
+              break;
+            case 1:
+              // return
+              return A._asyncReturn($async$returnValue, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$visitContentRule$1, $async$completer);
+    },
+    visitDebugRule$1(_, node) {
+      return this.visitDebugRule$body$_EvaluateVisitor0(0, node);
+    },
+    visitDebugRule$body$_EvaluateVisitor0(_, node) {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.nullable_Value_2),
+        $async$returnValue, $async$self = this, value, t1;
+      var $async$visitDebugRule$1 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              $async$goto = 3;
+              return A._asyncAwait(node.expression.accept$1($async$self), $async$visitDebugRule$1);
+            case 3:
+              // returning from await.
+              value = $async$result;
+              t1 = value instanceof A.SassString0 ? value._string0$_text : A.serializeValue0(value, true, true);
+              $async$self._async_evaluate0$_logger.debug$2(0, t1, node.span);
+              $async$returnValue = null;
+              // goto return
+              $async$goto = 1;
+              break;
+            case 1:
+              // return
+              return A._asyncReturn($async$returnValue, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$visitDebugRule$1, $async$completer);
+    },
+    visitDeclaration$1(_, node) {
+      return this.visitDeclaration$body$_EvaluateVisitor0(0, node);
+    },
+    visitDeclaration$body$_EvaluateVisitor0(_, node) {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.nullable_Value_2),
+        $async$returnValue, $async$self = this, t1, $name, _0_0, _1_0, value, t2, t3, t4, t5, t6, _2_0, oldDeclarationName;
+      var $async$visitDeclaration$1 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              if (($async$self._async_evaluate0$_atRootExcludingStyleRule ? null : $async$self._async_evaluate0$_styleRuleIgnoringAtRoot) == null && !$async$self._async_evaluate0$_inUnknownAtRule && !$async$self._async_evaluate0$_inKeyframes)
+                throw A.wrapException($async$self._async_evaluate0$_exception$2(string$.Declarm, node.span));
+              if ($async$self._async_evaluate0$_declarationName != null && B.JSString_methods.startsWith$1(node.name.get$initialPlain(), "--"))
+                throw A.wrapException($async$self._async_evaluate0$_exception$2(string$.Declarw, node.span));
+              t1 = node.name;
+              $async$goto = 3;
+              return A._asyncAwait($async$self._async_evaluate0$_interpolationToValue$2$warnForColor(t1, true), $async$visitDeclaration$1);
+            case 3:
+              // returning from await.
+              $name = $async$result;
+              _0_0 = $async$self._async_evaluate0$_declarationName;
+              if (_0_0 != null)
+                $name = new A.CssValue0(_0_0 + "-" + $name.value, $name.span, type$.CssValue_String_2);
+              _1_0 = node.value;
+              $async$goto = _1_0 != null ? 4 : 5;
+              break;
+            case 4:
+              // then
+              $async$goto = 6;
+              return A._asyncAwait(_1_0.accept$1($async$self), $async$visitDeclaration$1);
+            case 6:
+              // returning from await.
+              value = $async$result;
+              if (!value.get$isBlank() || value.get$asList().length === 0 || B.JSString_methods.startsWith$1($name.value, "--")) {
+                $async$self._async_evaluate0$_copyParentAfterSibling$0();
+                t2 = $async$self._async_evaluate0$_assertInModule$2($async$self._async_evaluate0$__parent, "__parent");
+                t3 = _1_0.get$span(_1_0);
+                t4 = node.span;
+                t1 = B.JSString_methods.startsWith$1(t1.get$initialPlain(), "--");
+                t5 = $async$self._async_evaluate0$_stackTrace$1(t4);
+                if ($async$self._async_evaluate0$_sourceMap) {
+                  t6 = A.NullableExtension_andThen0(_1_0, $async$self.get$_async_evaluate0$_expressionNode());
+                  t6 = t6 == null ? null : J.get$span$z(t6);
+                } else
+                  t6 = null;
+                t2.addChild$1(A.ModifiableCssDeclaration$0($name, new A.CssValue0(value, t3, type$.CssValue_Value_2), t4, t1, t5, t6));
+              }
+            case 5:
+              // join
+              _2_0 = node.children;
+              t1 = {};
+              t1.children = null;
+              $async$goto = _2_0 != null ? 7 : 8;
+              break;
+            case 7:
+              // then
+              t1.children = _2_0;
+              oldDeclarationName = $async$self._async_evaluate0$_declarationName;
+              $async$self._async_evaluate0$_declarationName = $name.value;
+              $async$goto = 9;
+              return A._asyncAwait($async$self._async_evaluate0$_environment.scope$1$2$when(new A._EvaluateVisitor_visitDeclaration_closure2(t1, $async$self), node.hasDeclarations, type$.Null), $async$visitDeclaration$1);
+            case 9:
+              // returning from await.
+              $async$self._async_evaluate0$_declarationName = oldDeclarationName;
+            case 8:
+              // join
+              $async$returnValue = null;
+              // goto return
+              $async$goto = 1;
+              break;
+            case 1:
+              // return
+              return A._asyncReturn($async$returnValue, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$visitDeclaration$1, $async$completer);
+    },
+    visitEachRule$1(_, node) {
+      return this.visitEachRule$body$_EvaluateVisitor0(0, node);
+    },
+    visitEachRule$body$_EvaluateVisitor0(_, node) {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.nullable_Value_2),
+        $async$returnValue, $async$self = this, t1, list, nodeWithSpan, _0_0;
+      var $async$visitEachRule$1 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              t1 = node.list;
+              $async$goto = 3;
+              return A._asyncAwait(t1.accept$1($async$self), $async$visitEachRule$1);
+            case 3:
+              // returning from await.
+              list = $async$result;
+              nodeWithSpan = $async$self._async_evaluate0$_expressionNode$1(t1);
+              _0_0 = node.variables;
+              $label0$0: {
+                t1 = {};
+                t1.variable = null;
+                if (_0_0.length === 1) {
+                  t1.variable = _0_0[0];
+                  t1 = new A._EvaluateVisitor_visitEachRule_closure8(t1, $async$self, nodeWithSpan);
+                  break $label0$0;
+                }
+                t1 = {};
+                t1.variables = null;
+                t1.variables = _0_0;
+                t1 = new A._EvaluateVisitor_visitEachRule_closure9(t1, $async$self, nodeWithSpan);
+                break $label0$0;
+              }
+              $async$returnValue = $async$self._async_evaluate0$_environment.scope$1$2$semiGlobal(new A._EvaluateVisitor_visitEachRule_closure10($async$self, list, t1, node), true, type$.nullable_Value_2);
+              // goto return
+              $async$goto = 1;
+              break;
+            case 1:
+              // return
+              return A._asyncReturn($async$returnValue, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$visitEachRule$1, $async$completer);
+    },
+    _async_evaluate0$_setMultipleVariables$3(variables, value, nodeWithSpan) {
+      var i,
+        list = value.get$asList(),
+        t1 = variables.length,
+        minLength = Math.min(t1, list.length);
+      for (i = 0; i < minLength; ++i)
+        this._async_evaluate0$_environment.setLocalVariable$3(variables[i], this._async_evaluate0$_withoutSlash$2(list[i], nodeWithSpan), nodeWithSpan);
+      for (i = minLength; i < t1; ++i)
+        this._async_evaluate0$_environment.setLocalVariable$3(variables[i], B.C__SassNull0, nodeWithSpan);
+    },
+    visitErrorRule$1(_, node) {
+      return this.visitErrorRule$body$_EvaluateVisitor0(0, node);
+    },
+    visitErrorRule$body$_EvaluateVisitor0(_, node) {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.Value_2),
+        $async$self = this, $async$temp1, $async$temp2;
+      var $async$visitErrorRule$1 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              $async$temp1 = A;
+              $async$temp2 = J;
+              $async$goto = 2;
+              return A._asyncAwait(node.expression.accept$1($async$self), $async$visitErrorRule$1);
+            case 2:
+              // returning from await.
+              throw $async$temp1.wrapException($async$self._async_evaluate0$_exception$2($async$temp2.toString$0$($async$result), node.span));
+              // implicit return
+              return A._asyncReturn(null, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$visitErrorRule$1, $async$completer);
+    },
+    visitExtendRule$1(_, node) {
+      return this.visitExtendRule$body$_EvaluateVisitor0(0, node);
+    },
+    visitExtendRule$body$_EvaluateVisitor0(_, node) {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.nullable_Value_2),
+        $async$returnValue, $async$self = this, t1, t2, t3, t4, t5, _i, complex, visitor, t6, t7, _0_0, targetText, targetMap, compound, simple, styleRule;
+      var $async$visitExtendRule$1 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              styleRule = $async$self._async_evaluate0$_atRootExcludingStyleRule ? null : $async$self._async_evaluate0$_styleRuleIgnoringAtRoot;
+              if (styleRule == null || $async$self._async_evaluate0$_declarationName != null)
+                throw A.wrapException($async$self._async_evaluate0$_exception$2(string$.x40exten, node.span));
+              for (t1 = styleRule.originalSelector.components, t2 = t1.length, t3 = node.span, t4 = type$.SourceSpan, t5 = type$.String, _i = 0; _i < t2; ++_i) {
+                complex = t1[_i];
+                if (!complex.accept$1(B._IsBogusVisitor_true0))
+                  continue;
+                visitor = A._SerializeVisitor$0(null, true, null, null, true, false, null, true);
+                complex.accept$1(visitor);
+                t6 = B.JSString_methods.trim$0(visitor._serialize0$_buffer.toString$0(0));
+                t7 = complex.accept$1(B.C__IsUselessVisitor0) ? "can't" : "shouldn't";
+                $async$self._async_evaluate0$_warn$3('The selector "' + t6 + '" is invalid CSS and ' + t7 + string$.x20be_an, new A.MultiSpan0(A.SpanExtensions_trimRight0(complex.span), "invalid selector", A.ConstantMap_ConstantMap$from(A.LinkedHashMap_LinkedHashMap$_literal([t3, "@extend rule"], t4, t5), t4, t5)), B.Deprecation_5M7);
+              }
+              $async$goto = 3;
+              return A._asyncAwait($async$self._async_evaluate0$_performInterpolationWithMap$2$warnForColor(node.selector, true), $async$visitExtendRule$1);
+            case 3:
+              // returning from await.
+              _0_0 = $async$result;
+              targetText = _0_0._0;
+              targetMap = _0_0._1;
+              for (t1 = A.SelectorList_SelectorList$parse0(A.trimAscii0(targetText, true), false, targetMap, false).components, t2 = t1.length, t3 = styleRule._style_rule0$_selector._box0$_inner, _i = 0; _i < t2; ++_i) {
+                complex = t1[_i];
+                compound = complex.get$singleCompound();
+                if (compound == null)
+                  throw A.wrapException(A.SassFormatException$0("complex selectors may not be extended.", complex.span, null));
+                t4 = compound.components;
+                simple = t4.length === 1 ? B.JSArray_methods.get$first(t4) : null;
+                if (simple == null)
+                  throw A.wrapException(A.SassFormatException$0(string$.compou + B.JSArray_methods.join$1(t4, ", ") + string$.x60_inst, compound.span, null));
+                $async$self._async_evaluate0$_assertInModule$2($async$self._async_evaluate0$__extensionStore, "_extensionStore").addExtension$4(t3.value, simple, node, $async$self._async_evaluate0$_mediaQueries);
+              }
+              $async$returnValue = null;
+              // goto return
+              $async$goto = 1;
+              break;
+            case 1:
+              // return
+              return A._asyncReturn($async$returnValue, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$visitExtendRule$1, $async$completer);
+    },
+    visitAtRule$1(_, node) {
+      return this.visitAtRule$body$_EvaluateVisitor0(0, node);
+    },
+    visitAtRule$body$_EvaluateVisitor0(_, node) {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.nullable_Value_2),
+        $async$returnValue, $async$self = this, $name, t1, value, children, wasInKeyframes, wasInUnknownAtRule;
+      var $async$visitAtRule$1 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              if ($async$self._async_evaluate0$_declarationName != null)
+                throw A.wrapException($async$self._async_evaluate0$_exception$2(string$.At_rul, node.span));
+              $async$goto = 3;
+              return A._asyncAwait($async$self._async_evaluate0$_interpolationToValue$1(node.name), $async$visitAtRule$1);
+            case 3:
+              // returning from await.
+              $name = $async$result;
+              t1 = A.NullableExtension_andThen0(node.value, new A._EvaluateVisitor_visitAtRule_closure8($async$self));
+              $async$goto = 4;
+              return A._asyncAwait(type$.Future_nullable_CssValue_String_2._is(t1) ? t1 : A._Future$value(t1, type$.nullable_CssValue_String_2), $async$visitAtRule$1);
+            case 4:
+              // returning from await.
+              value = $async$result;
+              children = node.children;
+              if (children == null) {
+                $async$self._async_evaluate0$_copyParentAfterSibling$0();
+                $async$self._async_evaluate0$_assertInModule$2($async$self._async_evaluate0$__parent, "__parent").addChild$1(A.ModifiableCssAtRule$0($name, node.span, true, value));
+                $async$returnValue = null;
+                // goto return
+                $async$goto = 1;
+                break;
+              }
+              wasInKeyframes = $async$self._async_evaluate0$_inKeyframes;
+              wasInUnknownAtRule = $async$self._async_evaluate0$_inUnknownAtRule;
+              if (A.unvendor0($name.value) === "keyframes")
+                $async$self._async_evaluate0$_inKeyframes = true;
+              else
+                $async$self._async_evaluate0$_inUnknownAtRule = true;
+              $async$goto = 5;
+              return A._asyncAwait($async$self._async_evaluate0$_withParent$2$4$scopeWhen$through(A.ModifiableCssAtRule$0($name, node.span, false, value), new A._EvaluateVisitor_visitAtRule_closure9($async$self, $name, children), node.hasDeclarations, new A._EvaluateVisitor_visitAtRule_closure10(), type$.ModifiableCssAtRule_2, type$.Null), $async$visitAtRule$1);
+            case 5:
+              // returning from await.
+              $async$self._async_evaluate0$_inUnknownAtRule = wasInUnknownAtRule;
+              $async$self._async_evaluate0$_inKeyframes = wasInKeyframes;
+              $async$returnValue = null;
+              // goto return
+              $async$goto = 1;
+              break;
+            case 1:
+              // return
+              return A._asyncReturn($async$returnValue, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$visitAtRule$1, $async$completer);
+    },
+    visitForRule$1(_, node) {
+      return this.visitForRule$body$_EvaluateVisitor0(0, node);
+    },
+    visitForRule$body$_EvaluateVisitor0(_, node) {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.nullable_Value_2),
+        $async$returnValue, $async$self = this, t1, t2, t3, fromNumber, t4, toNumber, from, to, direction;
+      var $async$visitForRule$1 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              t1 = {};
+              t2 = node.from;
+              t3 = type$.SassNumber_2;
+              $async$goto = 3;
+              return A._asyncAwait($async$self._async_evaluate0$_addExceptionSpanAsync$1$2(t2, new A._EvaluateVisitor_visitForRule_closure14($async$self, node), t3), $async$visitForRule$1);
+            case 3:
+              // returning from await.
+              fromNumber = $async$result;
+              t4 = node.to;
+              $async$goto = 4;
+              return A._asyncAwait($async$self._async_evaluate0$_addExceptionSpanAsync$1$2(t4, new A._EvaluateVisitor_visitForRule_closure15($async$self, node), t3), $async$visitForRule$1);
+            case 4:
+              // returning from await.
+              toNumber = $async$result;
+              from = $async$self._async_evaluate0$_addExceptionSpan$2(t2, new A._EvaluateVisitor_visitForRule_closure16(fromNumber));
+              to = t1.to = $async$self._async_evaluate0$_addExceptionSpan$2(t4, new A._EvaluateVisitor_visitForRule_closure17(toNumber, fromNumber));
+              direction = from > to ? -1 : 1;
+              if (from === (!node.isExclusive ? t1.to = to + direction : to)) {
+                $async$returnValue = null;
+                // goto return
+                $async$goto = 1;
+                break;
+              }
+              $async$returnValue = $async$self._async_evaluate0$_environment.scope$1$2$semiGlobal(new A._EvaluateVisitor_visitForRule_closure18(t1, $async$self, node, from, direction, fromNumber), true, type$.nullable_Value_2);
+              // goto return
+              $async$goto = 1;
+              break;
+            case 1:
+              // return
+              return A._asyncReturn($async$returnValue, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$visitForRule$1, $async$completer);
+    },
+    visitForwardRule$1(_, node) {
+      return this.visitForwardRule$body$_EvaluateVisitor0(0, node);
+    },
+    visitForwardRule$body$_EvaluateVisitor0(_, node) {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.nullable_Value_2),
+        $async$returnValue, $async$self = this, newConfiguration, t4, _i, variable, $name, oldConfiguration, adjustedConfiguration, t1, t2, t3;
+      var $async$visitForwardRule$1 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              oldConfiguration = $async$self._async_evaluate0$_configuration;
+              adjustedConfiguration = oldConfiguration.throughForward$1(node);
+              t1 = node.configuration;
+              t2 = t1.length;
+              t3 = node.url;
+              $async$goto = t2 !== 0 ? 3 : 5;
+              break;
+            case 3:
+              // then
+              $async$goto = 6;
+              return A._asyncAwait($async$self._async_evaluate0$_addForwardConfiguration$2(adjustedConfiguration, node), $async$visitForwardRule$1);
+            case 6:
+              // returning from await.
+              newConfiguration = $async$result;
+              $async$goto = 7;
+              return A._asyncAwait($async$self._async_evaluate0$_loadModule$5$configuration(t3, "@forward", node, new A._EvaluateVisitor_visitForwardRule_closure5($async$self, node), newConfiguration), $async$visitForwardRule$1);
+            case 7:
+              // returning from await.
+              t3 = type$.String;
+              t4 = A.LinkedHashSet_LinkedHashSet$_empty(t3);
+              for (_i = 0; _i < t2; ++_i) {
+                variable = t1[_i];
+                if (!variable.isGuarded)
+                  t4.add$1(0, variable.name);
+              }
+              $async$self._async_evaluate0$_removeUsedConfiguration$3$except(adjustedConfiguration, newConfiguration, t4);
+              t3 = A.LinkedHashSet_LinkedHashSet$_empty(t3);
+              for (_i = 0; _i < t2; ++_i)
+                t3.add$1(0, t1[_i].name);
+              for (t1 = newConfiguration._configuration0$_values, t2 = t1.get$keys(t1), t2 = t2.toList$0(t2), t4 = t2.length, _i = 0; _i < t2.length; t2.length === t4 || (0, A.throwConcurrentModificationError)(t2), ++_i) {
+                $name = t2[_i];
+                if (!t3.contains$1(0, $name))
+                  if (!t1.get$isEmpty(t1))
+                    t1.remove$1(0, $name);
+              }
+              $async$self._async_evaluate0$_assertConfigurationIsEmpty$1(newConfiguration);
+              // goto join
+              $async$goto = 4;
+              break;
+            case 5:
+              // else
+              $async$self._async_evaluate0$_configuration = adjustedConfiguration;
+              $async$goto = 8;
+              return A._asyncAwait($async$self._async_evaluate0$_loadModule$4(t3, "@forward", node, new A._EvaluateVisitor_visitForwardRule_closure6($async$self, node)), $async$visitForwardRule$1);
+            case 8:
+              // returning from await.
+              $async$self._async_evaluate0$_configuration = oldConfiguration;
+            case 4:
+              // join
+              $async$returnValue = null;
+              // goto return
+              $async$goto = 1;
+              break;
+            case 1:
+              // return
+              return A._asyncReturn($async$returnValue, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$visitForwardRule$1, $async$completer);
+    },
+    _async_evaluate0$_addForwardConfiguration$2(configuration, node) {
+      return this._addForwardConfiguration$body$_EvaluateVisitor0(configuration, node);
+    },
+    _addForwardConfiguration$body$_EvaluateVisitor0(configuration, node) {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.Configuration_2),
+        $async$returnValue, $async$self = this, t2, t3, t4, t5, _i, variable, t6, _0_0, t7, oldValue, variableNodeWithSpan, t1, newValues, $async$temp1, $async$temp2, $async$temp3;
+      var $async$_async_evaluate0$_addForwardConfiguration$2 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              t1 = configuration._configuration0$_values;
+              newValues = A.LinkedHashMap_LinkedHashMap$of(new A.UnmodifiableMapView(t1, type$.UnmodifiableMapView_String_ConfiguredValue_2), type$.String, type$.ConfiguredValue_2);
+              t2 = node.configuration, t3 = t2.length, t4 = type$._Future_Value_2, t5 = type$.Future_Value_2, _i = 0;
+            case 3:
+              // for condition
+              if (!(_i < t3)) {
+                // goto after for
+                $async$goto = 5;
+                break;
+              }
+              variable = t2[_i];
+              if (variable.isGuarded) {
+                t6 = variable.name;
+                _0_0 = t1.get$isEmpty(t1) ? null : t1.remove$1(0, t6);
+                if (_0_0 != null) {
+                  t7 = !_0_0.value.$eq(0, B.C__SassNull0);
+                  oldValue = _0_0;
+                } else {
+                  oldValue = null;
+                  t7 = false;
+                }
+                if (t7) {
+                  newValues.$indexSet(0, t6, oldValue);
+                  // goto for update
+                  $async$goto = 4;
+                  break;
+                }
+              }
+              t6 = variable.expression;
+              variableNodeWithSpan = $async$self._async_evaluate0$_expressionNode$1(t6);
+              t6 = t6.accept$1($async$self);
+              if (!t5._is(t6)) {
+                t7 = new A._Future($.Zone__current, t4);
+                t7._state = 8;
+                t7._resultOrListeners = t6;
+                t6 = t7;
+              }
+              $async$temp1 = newValues;
+              $async$temp2 = variable.name;
+              $async$temp3 = A;
+              $async$goto = 6;
+              return A._asyncAwait(t6, $async$_async_evaluate0$_addForwardConfiguration$2);
+            case 6:
+              // returning from await.
+              $async$temp1.$indexSet(0, $async$temp2, new $async$temp3.ConfiguredValue0($async$self._async_evaluate0$_withoutSlash$2($async$result, variableNodeWithSpan), variable.span, variableNodeWithSpan));
+            case 4:
+              // for update
+              ++_i;
+              // goto for condition
+              $async$goto = 3;
+              break;
+            case 5:
+              // after for
+              if (configuration instanceof A.ExplicitConfiguration0 || t1.get$isEmpty(t1)) {
+                $async$returnValue = new A.ExplicitConfiguration0(node, newValues, null);
+                // goto return
+                $async$goto = 1;
+                break;
+              } else {
+                $async$returnValue = new A.Configuration0(newValues, null);
+                // goto return
+                $async$goto = 1;
+                break;
+              }
+            case 1:
+              // return
+              return A._asyncReturn($async$returnValue, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$_async_evaluate0$_addForwardConfiguration$2, $async$completer);
+    },
+    _async_evaluate0$_registerCommentsForModule$1(module) {
+      var _this = this, _s5_ = "_root",
+        t1 = _this._async_evaluate0$__root;
+      if (t1 == null)
+        return;
+      if (_this._async_evaluate0$_assertInModule$2(t1, _s5_).children.get$length(0) === 0 || !module.get$transitivelyContainsCss())
+        return;
+      t1 = _this._async_evaluate0$_preModuleComments;
+      if (t1 == null)
+        t1 = _this._async_evaluate0$_preModuleComments = A.LinkedHashMap_LinkedHashMap$_empty(type$.Module_AsyncCallable_2, type$.List_CssComment_2);
+      J.addAll$1$ax(t1.putIfAbsent$2(module, new A._EvaluateVisitor__registerCommentsForModule_closure2()), new A.UnmodifiableListView(J.cast$1$0$ax(_this._async_evaluate0$_assertInModule$2(_this._async_evaluate0$__root, _s5_).children._collection$_source, type$.CssComment_2), type$.UnmodifiableListView_CssComment_2));
+      _this._async_evaluate0$_assertInModule$2(_this._async_evaluate0$__root, _s5_).clearChildren$0();
+      _this._async_evaluate0$__endOfImports = 0;
+    },
+    _async_evaluate0$_removeUsedConfiguration$3$except(upstream, downstream, except) {
+      var t1, t2, t3, t4, _i, $name;
+      for (t1 = upstream._configuration0$_values, t2 = t1.get$keys(t1), t2 = t2.toList$0(t2), t3 = t2.length, t4 = downstream._configuration0$_values, _i = 0; _i < t2.length; t2.length === t3 || (0, A.throwConcurrentModificationError)(t2), ++_i) {
+        $name = t2[_i];
+        if (except.contains$1(0, $name))
+          continue;
+        if (!t4.containsKey$1($name))
+          if (!t1.get$isEmpty(t1))
+            t1.remove$1(0, $name);
+      }
+    },
+    _async_evaluate0$_assertConfigurationIsEmpty$2$nameInError(configuration, nameInError) {
+      var t1, _0_0;
+      if (!(configuration instanceof A.ExplicitConfiguration0))
+        return;
+      t1 = configuration._configuration0$_values;
+      if (t1.get$isEmpty(t1))
+        return;
+      t1 = A.MapExtensions_get_pairs0(new A.UnmodifiableMapView(t1, type$.UnmodifiableMapView_String_ConfiguredValue_2), type$.String, type$.ConfiguredValue_2);
+      _0_0 = t1.get$first(t1);
+      t1 = nameInError ? "$" + _0_0._0 + string$.x20was_n : string$.This_v;
+      throw A.wrapException(this._async_evaluate0$_exception$2(t1, _0_0._1.configurationSpan));
+    },
+    _async_evaluate0$_assertConfigurationIsEmpty$1(configuration) {
+      return this._async_evaluate0$_assertConfigurationIsEmpty$2$nameInError(configuration, false);
+    },
+    visitFunctionRule$1(_, node) {
+      return this.visitFunctionRule$body$_EvaluateVisitor0(0, node);
+    },
+    visitFunctionRule$body$_EvaluateVisitor0(_, node) {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.nullable_Value_2),
+        $async$returnValue, $async$self = this, t1, t2, t3, t4, index, t5;
+      var $async$visitFunctionRule$1 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              t1 = $async$self._async_evaluate0$_environment;
+              t2 = t1.closure$0();
+              t3 = $async$self._async_evaluate0$_inDependency;
+              t4 = t1._async_environment0$_functions;
+              index = t4.length - 1;
+              t5 = node.name;
+              t1._async_environment0$_functionIndices.$indexSet(0, t5, index);
+              t4[index].$indexSet(0, t5, new A.UserDefinedCallable0(node, t2, t3, type$.UserDefinedCallable_AsyncEnvironment_2));
+              $async$returnValue = null;
+              // goto return
+              $async$goto = 1;
+              break;
+            case 1:
+              // return
+              return A._asyncReturn($async$returnValue, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$visitFunctionRule$1, $async$completer);
+    },
+    visitIfRule$1(_, node) {
+      return this.visitIfRule$body$_EvaluateVisitor0(0, node);
+    },
+    visitIfRule$body$_EvaluateVisitor0(_, node) {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.nullable_Value_2),
+        $async$returnValue, $async$self = this, t1, t2, _i, clauseToCheck, clause;
+      var $async$visitIfRule$1 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              clause = node.lastClause;
+              t1 = node.clauses, t2 = t1.length, _i = 0;
+            case 3:
+              // for condition
+              if (!(_i < t2)) {
+                // goto after for
+                $async$goto = 5;
+                break;
+              }
+              clauseToCheck = t1[_i];
+              $async$goto = 6;
+              return A._asyncAwait(clauseToCheck.expression.accept$1($async$self), $async$visitIfRule$1);
+            case 6:
+              // returning from await.
+              if ($async$result.get$isTruthy()) {
+                clause = clauseToCheck;
+                // goto after for
+                $async$goto = 5;
+                break;
+              }
+            case 4:
+              // for update
+              ++_i;
+              // goto for condition
+              $async$goto = 3;
+              break;
+            case 5:
+              // after for
+              t1 = A.NullableExtension_andThen0(clause, new A._EvaluateVisitor_visitIfRule_closure2($async$self));
+              $async$goto = 7;
+              return A._asyncAwait(type$.Future_nullable_Value_2._is(t1) ? t1 : A._Future$value(t1, type$.nullable_Value_2), $async$visitIfRule$1);
+            case 7:
+              // returning from await.
+              $async$returnValue = $async$result;
+              // goto return
+              $async$goto = 1;
+              break;
+            case 1:
+              // return
+              return A._asyncReturn($async$returnValue, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$visitIfRule$1, $async$completer);
+    },
+    visitImportRule$1(_, node) {
+      return this.visitImportRule$body$_EvaluateVisitor0(0, node);
+    },
+    visitImportRule$body$_EvaluateVisitor0(_, node) {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.nullable_Value_2),
+        $async$returnValue, $async$self = this, t1, t2, t3, _i, $import;
+      var $async$visitImportRule$1 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              t1 = node.imports, t2 = t1.length, t3 = type$.StaticImport_2, _i = 0;
+            case 3:
+              // for condition
+              if (!(_i < t2)) {
+                // goto after for
+                $async$goto = 5;
+                break;
+              }
+              $import = t1[_i];
+              $async$goto = $import instanceof A.DynamicImport0 ? 6 : 8;
+              break;
+            case 6:
+              // then
+              $async$goto = 9;
+              return A._asyncAwait($async$self._async_evaluate0$_visitDynamicImport$1($import), $async$visitImportRule$1);
+            case 9:
+              // returning from await.
+              // goto join
+              $async$goto = 7;
+              break;
+            case 8:
+              // else
+              $async$goto = 10;
+              return A._asyncAwait($async$self._async_evaluate0$_visitStaticImport$1(t3._as($import)), $async$visitImportRule$1);
+            case 10:
+              // returning from await.
+            case 7:
+              // join
+            case 4:
+              // for update
+              ++_i;
+              // goto for condition
+              $async$goto = 3;
+              break;
+            case 5:
+              // after for
+              $async$returnValue = null;
+              // goto return
+              $async$goto = 1;
+              break;
+            case 1:
+              // return
+              return A._asyncReturn($async$returnValue, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$visitImportRule$1, $async$completer);
+    },
+    _async_evaluate0$_visitDynamicImport$1($import) {
+      return this._async_evaluate0$_withStackFrame$1$3("@import", $import, new A._EvaluateVisitor__visitDynamicImport_closure2(this, $import), type$.void);
+    },
+    _async_evaluate0$_loadStylesheet$4$baseUrl$forImport(url, span, baseUrl, forImport) {
+      return this._loadStylesheet$body$_EvaluateVisitor0(url, span, baseUrl, forImport);
+    },
+    _async_evaluate0$_loadStylesheet$3$baseUrl(url, span, baseUrl) {
+      return this._async_evaluate0$_loadStylesheet$4$baseUrl$forImport(url, span, baseUrl, false);
+    },
+    _async_evaluate0$_loadStylesheet$3$forImport(url, span, forImport) {
+      return this._async_evaluate0$_loadStylesheet$4$baseUrl$forImport(url, span, null, forImport);
+    },
+    _loadStylesheet$body$_EvaluateVisitor0(url, span, baseUrl, forImport) {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.Record_3_Stylesheet_and_nullable_AsyncImporter_importer_and_bool_isDependency_2),
+        $async$returnValue, $async$handler = 2, $async$errorStack = [], $async$next = [], $async$self = this, _0_0, importCache, _1_0, importer, canonicalUrl, originalUrl, isDependency, _2_0, stylesheet, _3_0, result, error, stackTrace, error0, stackTrace0, t1, t2, exception, $async$exception;
+      var $async$_async_evaluate0$_loadStylesheet$4$baseUrl$forImport = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1) {
+          $async$errorStack.push($async$result);
+          $async$goto = $async$handler;
+        }
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              baseUrl = baseUrl;
+              $async$handler = 4;
+              $async$self._async_evaluate0$_importSpan = span;
+              _0_0 = $async$self._async_evaluate0$_importCache;
+              importCache = null;
+              $async$goto = _0_0 != null ? 7 : 8;
+              break;
+            case 7:
+              // then
+              importCache = _0_0;
+              if (baseUrl == null)
+                baseUrl = $async$self._async_evaluate0$_assertInModule$2($async$self._async_evaluate0$__stylesheet, "_stylesheet").span.file.url;
+              $async$goto = 9;
+              return A._asyncAwait(J.canonicalize$4$baseImporter$baseUrl$forImport$x(importCache, A.Uri_parse(url), $async$self._async_evaluate0$_importer, baseUrl, forImport), $async$_async_evaluate0$_loadStylesheet$4$baseUrl$forImport);
+            case 9:
+              // returning from await.
+              _1_0 = $async$result;
+              importer = null;
+              canonicalUrl = null;
+              originalUrl = null;
+              $async$goto = type$.Record_3_nullable_Object_and_nullable_Object_and_nullable_Object_originalUrl._is(_1_0) ? 10 : 11;
+              break;
+            case 10:
+              // then
+              importer = _1_0._0;
+              canonicalUrl = _1_0._1;
+              originalUrl = _1_0._2;
+              if (canonicalUrl.get$scheme() === "")
+                A.WarnForDeprecation_warnForDeprecation0($async$self._async_evaluate0$_logger, B.Deprecation_kRg, "Importer " + A.S(importer) + " canonicalized " + url + " to " + A.S(canonicalUrl) + string$.x2e_Rela, null, null);
+              $async$self._async_evaluate0$_loadedUrls.add$1(0, canonicalUrl);
+              isDependency = $async$self._async_evaluate0$_inDependency || !J.$eq$(importer, $async$self._async_evaluate0$_importer);
+              $async$goto = 12;
+              return A._asyncAwait(importCache.importCanonical$3$originalUrl(importer, canonicalUrl, originalUrl), $async$_async_evaluate0$_loadStylesheet$4$baseUrl$forImport);
+            case 12:
+              // returning from await.
+              _2_0 = $async$result;
+              stylesheet = null;
+              if (_2_0 != null) {
+                stylesheet = _2_0;
+                t1 = stylesheet;
+                t2 = importer;
+                $async$returnValue = new A._Record_3_importer_isDependency(t1, t2, isDependency);
+                $async$next = [1];
+                // goto finally
+                $async$goto = 5;
+                break;
+              }
+            case 11:
+              // join
+            case 8:
+              // join
+              $async$goto = $async$self._async_evaluate0$_nodeImporter != null ? 13 : 14;
+              break;
+            case 13:
+              // then
+              t1 = baseUrl;
+              $async$goto = 15;
+              return A._asyncAwait($async$self._async_evaluate0$_importLikeNode$3(url, t1 == null ? $async$self._async_evaluate0$_assertInModule$2($async$self._async_evaluate0$__stylesheet, "_stylesheet").span.file.url : t1, forImport), $async$_async_evaluate0$_loadStylesheet$4$baseUrl$forImport);
+            case 15:
+              // returning from await.
+              _3_0 = $async$result;
+              result = null;
+              if (_3_0 != null) {
+                result = _3_0;
+                t1 = $async$self._async_evaluate0$_loadedUrls;
+                A.NullableExtension_andThen0(result._0.span.file.url, t1.get$add(t1));
+                t1 = result;
+                $async$returnValue = t1;
+                $async$next = [1];
+                // goto finally
+                $async$goto = 5;
+                break;
+              }
+            case 14:
+              // join
+              t1 = B.JSString_methods.startsWith$1(url, "package:");
+              if (t1)
+                throw A.wrapException(string$.x22packa);
+              else
+                throw A.wrapException("Can't find stylesheet to import.");
+              $async$next.push(6);
+              // goto finally
+              $async$goto = 5;
+              break;
+            case 4:
+              // catch
+              $async$handler = 3;
+              $async$exception = $async$errorStack.pop();
+              t1 = A.unwrapException($async$exception);
+              if (t1 instanceof A.SassException0)
+                throw $async$exception;
+              else if (t1 instanceof A.ArgumentError) {
+                error = t1;
+                stackTrace = A.getTraceFromException($async$exception);
+                A.throwWithTrace0($async$self._async_evaluate0$_exception$1(J.toString$0$(error)), error, stackTrace);
+              } else {
+                error0 = t1;
+                stackTrace0 = A.getTraceFromException($async$exception);
+                A.throwWithTrace0($async$self._async_evaluate0$_exception$1($async$self._async_evaluate0$_getErrorMessage$1(error0)), error0, stackTrace0);
+              }
+              $async$next.push(6);
+              // goto finally
+              $async$goto = 5;
+              break;
+            case 3:
+              // uncaught
+              $async$next = [2];
+            case 5:
+              // finally
+              $async$handler = 2;
+              $async$self._async_evaluate0$_importSpan = null;
+              // goto the next finally handler
+              $async$goto = $async$next.pop();
+              break;
+            case 6:
+              // after finally
+            case 1:
+              // return
+              return A._asyncReturn($async$returnValue, $async$completer);
+            case 2:
+              // rethrow
+              return A._asyncRethrow($async$errorStack.at(-1), $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$_async_evaluate0$_loadStylesheet$4$baseUrl$forImport, $async$completer);
+    },
+    _async_evaluate0$_importLikeNode$3(originalUrl, previous, forImport) {
+      return this._importLikeNode$body$_EvaluateVisitor(originalUrl, previous, forImport);
+    },
+    _importLikeNode$body$_EvaluateVisitor(originalUrl, previous, forImport) {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.nullable_Record_3_Stylesheet_and_nullable_AsyncImporter_importer_and_bool_isDependency),
+        $async$returnValue, $async$self = this, isDependency, url, t1, result;
+      var $async$_async_evaluate0$_importLikeNode$3 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              t1 = $async$self._async_evaluate0$_nodeImporter;
+              result = t1.loadRelative$3(originalUrl, previous, forImport);
+              $async$goto = result != null ? 3 : 5;
+              break;
+            case 3:
+              // then
+              isDependency = $async$self._async_evaluate0$_inDependency;
+              // goto join
+              $async$goto = 4;
+              break;
+            case 5:
+              // else
+              $async$goto = 6;
+              return A._asyncAwait(t1.loadAsync$3(originalUrl, previous, forImport), $async$_async_evaluate0$_importLikeNode$3);
+            case 6:
+              // returning from await.
+              result = $async$result;
+              if (result == null) {
+                $async$returnValue = null;
+                // goto return
+                $async$goto = 1;
+                break;
+              }
+              isDependency = true;
+            case 4:
+              // join
+              url = result._1;
+              t1 = B.JSString_methods.startsWith$1(url, "file") ? A.Syntax_forPath0(url) : B.Syntax_SCSS_scss0;
+              $async$returnValue = new A._Record_3_importer_isDependency(A.Stylesheet_Stylesheet$parse0(result._0, t1, url), null, isDependency);
+              // goto return
+              $async$goto = 1;
+              break;
+            case 1:
+              // return
+              return A._asyncReturn($async$returnValue, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$_async_evaluate0$_importLikeNode$3, $async$completer);
+    },
+    _async_evaluate0$_visitStaticImport$1($import) {
+      return this._visitStaticImport$body$_EvaluateVisitor0($import);
+    },
+    _visitStaticImport$body$_EvaluateVisitor0($import) {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.void),
+        $async$self = this, t1, t2, node, $async$temp1, $async$temp2;
+      var $async$_async_evaluate0$_visitStaticImport$1 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              $async$goto = 2;
+              return A._asyncAwait($async$self._async_evaluate0$_interpolationToValue$1($import.url), $async$_async_evaluate0$_visitStaticImport$1);
+            case 2:
+              // returning from await.
+              t1 = $async$result;
+              t2 = A.NullableExtension_andThen0($import.modifiers, $async$self.get$_async_evaluate0$_interpolationToValue());
+              $async$temp1 = A;
+              $async$temp2 = t1;
+              $async$goto = 3;
+              return A._asyncAwait(type$.Future_nullable_CssValue_String_2._is(t2) ? t2 : A._Future$value(t2, type$.nullable_CssValue_String_2), $async$_async_evaluate0$_visitStaticImport$1);
+            case 3:
+              // returning from await.
+              node = new $async$temp1.ModifiableCssImport0($async$temp2, $async$result, $import.span);
+              if ($async$self._async_evaluate0$_assertInModule$2($async$self._async_evaluate0$__parent, "__parent") !== $async$self._async_evaluate0$_assertInModule$2($async$self._async_evaluate0$__root, "_root")) {
+                $async$self._async_evaluate0$_copyParentAfterSibling$0();
+                $async$self._async_evaluate0$_assertInModule$2($async$self._async_evaluate0$__parent, "__parent").addChild$1(node);
+              } else if ($async$self._async_evaluate0$_assertInModule$2($async$self._async_evaluate0$__endOfImports, "_endOfImports") === J.get$length$asx($async$self._async_evaluate0$_assertInModule$2($async$self._async_evaluate0$__root, "_root").children._collection$_source)) {
+                $async$self._async_evaluate0$_assertInModule$2($async$self._async_evaluate0$__root, "_root").addChild$1(node);
+                $async$self._async_evaluate0$__endOfImports = $async$self._async_evaluate0$_assertInModule$2($async$self._async_evaluate0$__endOfImports, "_endOfImports") + 1;
+              } else {
+                t1 = $async$self._async_evaluate0$_outOfOrderImports;
+                (t1 == null ? $async$self._async_evaluate0$_outOfOrderImports = A._setArrayType([], type$.JSArray_ModifiableCssImport_2) : t1).push(node);
+              }
+              // implicit return
+              return A._asyncReturn(null, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$_async_evaluate0$_visitStaticImport$1, $async$completer);
+    },
+    _async_evaluate0$_applyMixin$5(mixin, contentCallable, $arguments, nodeWithSpan, nodeWithSpanWithoutContent) {
+      return this._applyMixin$body$_EvaluateVisitor0(mixin, contentCallable, $arguments, nodeWithSpan, nodeWithSpanWithoutContent);
+    },
+    _applyMixin$body$_EvaluateVisitor0(mixin, contentCallable, $arguments, nodeWithSpan, nodeWithSpanWithoutContent) {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.void),
+        $async$self = this, t1, _0_0, t2, _1_8, t3;
+      var $async$_async_evaluate0$_applyMixin$5 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              if (mixin == null)
+                throw A.wrapException($async$self._async_evaluate0$_exception$2("Undefined mixin.", nodeWithSpan.get$span(nodeWithSpan)));
+              t1 = type$.AsyncBuiltInCallable_2._is(mixin);
+              $async$goto = t1 && !mixin.get$acceptsContent() && contentCallable != null ? 3 : 4;
+              break;
+            case 3:
+              // then
+              $async$goto = 5;
+              return A._asyncAwait($async$self._async_evaluate0$_evaluateArguments$1($arguments), $async$_async_evaluate0$_applyMixin$5);
+            case 5:
+              // returning from await.
+              t1 = $async$result._values;
+              _0_0 = mixin.callbackFor$2(J.get$length$asx(t1[2]), new A.MapKeySet(t1[0], type$.MapKeySet_String));
+              throw A.wrapException(A.MultiSpanSassRuntimeException$0("Mixin doesn't accept a content block.", nodeWithSpanWithoutContent.get$span(nodeWithSpanWithoutContent), "invocation", A.LinkedHashMap_LinkedHashMap$_literal([_0_0._0.get$spanWithName(), "declaration"], type$.FileSpan, type$.String), $async$self._async_evaluate0$_stackTrace$1(nodeWithSpanWithoutContent.get$span(nodeWithSpanWithoutContent)), null));
+            case 4:
+              // join
+              $async$goto = t1 ? 6 : 7;
+              break;
+            case 6:
+              // then
+              $async$goto = 8;
+              return A._asyncAwait($async$self._async_evaluate0$_environment.withContent$2(contentCallable, new A._EvaluateVisitor__applyMixin_closure5($async$self, $arguments, mixin, nodeWithSpanWithoutContent)), $async$_async_evaluate0$_applyMixin$5);
+            case 8:
+              // returning from await.
+              // goto break $label0$0
+              $async$goto = 2;
+              break;
+            case 7:
+              // join
+              t1 = type$.UserDefinedCallable_AsyncEnvironment_2._is(mixin);
+              t2 = false;
+              if (t1) {
+                _1_8 = mixin.declaration;
+                t3 = _1_8;
+                if (t3 instanceof A.MixinRule0)
+                  t2 = !type$.MixinRule_2._as(_1_8).get$hasContent() && contentCallable != null;
+              }
+              if (t2)
+                throw A.wrapException(A.MultiSpanSassRuntimeException$0("Mixin doesn't accept a content block.", nodeWithSpanWithoutContent.get$span(nodeWithSpanWithoutContent), "invocation", A.LinkedHashMap_LinkedHashMap$_literal([mixin.declaration.parameters.get$spanWithName(), "declaration"], type$.FileSpan, type$.String), $async$self._async_evaluate0$_stackTrace$1(nodeWithSpanWithoutContent.get$span(nodeWithSpanWithoutContent)), null));
+              $async$goto = t1 ? 9 : 10;
+              break;
+            case 9:
+              // then
+              $async$goto = 11;
+              return A._asyncAwait($async$self._async_evaluate0$_runUserDefinedCallable$1$4($arguments, mixin, nodeWithSpanWithoutContent, new A._EvaluateVisitor__applyMixin_closure6($async$self, contentCallable, mixin, nodeWithSpanWithoutContent), type$.Null), $async$_async_evaluate0$_applyMixin$5);
+            case 11:
+              // returning from await.
+              // goto break $label0$0
+              $async$goto = 2;
+              break;
+            case 10:
+              // join
+              throw A.wrapException(A.UnsupportedError$("Unknown callable type " + mixin.toString$0(0) + "."));
+            case 2:
+              // break $label0$0
+              // implicit return
+              return A._asyncReturn(null, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$_async_evaluate0$_applyMixin$5, $async$completer);
+    },
+    visitIncludeRule$1(_, node) {
+      return this.visitIncludeRule$body$_EvaluateVisitor0(0, node);
+    },
+    visitIncludeRule$body$_EvaluateVisitor0(_, node) {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.nullable_Value_2),
+        $async$returnValue, $async$self = this, mixin;
+      var $async$visitIncludeRule$1 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              mixin = $async$self._async_evaluate0$_addExceptionSpan$2(node, new A._EvaluateVisitor_visitIncludeRule_closure8($async$self, node));
+              if (B.JSString_methods.startsWith$1(node.originalName, "--") && mixin instanceof A.UserDefinedCallable0 && !B.JSString_methods.startsWith$1(mixin.declaration.originalName, "--"))
+                $async$self._async_evaluate0$_warn$3(string$.Sass__m, node.get$nameSpan(), B.Deprecation_9Lp);
+              $async$goto = 3;
+              return A._asyncAwait($async$self._async_evaluate0$_applyMixin$5(mixin, A.NullableExtension_andThen0(node.content, new A._EvaluateVisitor_visitIncludeRule_closure9($async$self)), node.$arguments, node, new A._FakeAstNode0(new A._EvaluateVisitor_visitIncludeRule_closure10(node))), $async$visitIncludeRule$1);
+            case 3:
+              // returning from await.
+              $async$returnValue = null;
+              // goto return
+              $async$goto = 1;
+              break;
+            case 1:
+              // return
+              return A._asyncReturn($async$returnValue, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$visitIncludeRule$1, $async$completer);
+    },
+    visitMixinRule$1(_, node) {
+      return this.visitMixinRule$body$_EvaluateVisitor0(0, node);
+    },
+    visitMixinRule$body$_EvaluateVisitor0(_, node) {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.nullable_Value_2),
+        $async$returnValue, $async$self = this, t1, t2, t3, t4, index, t5;
+      var $async$visitMixinRule$1 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              t1 = $async$self._async_evaluate0$_environment;
+              t2 = t1.closure$0();
+              t3 = $async$self._async_evaluate0$_inDependency;
+              t4 = t1._async_environment0$_mixins;
+              index = t4.length - 1;
+              t5 = node.name;
+              t1._async_environment0$_mixinIndices.$indexSet(0, t5, index);
+              t4[index].$indexSet(0, t5, new A.UserDefinedCallable0(node, t2, t3, type$.UserDefinedCallable_AsyncEnvironment_2));
+              $async$returnValue = null;
+              // goto return
+              $async$goto = 1;
+              break;
+            case 1:
+              // return
+              return A._asyncReturn($async$returnValue, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$visitMixinRule$1, $async$completer);
+    },
+    visitLoudComment$1(_, node) {
+      return this.visitLoudComment$body$_EvaluateVisitor0(0, node);
+    },
+    visitLoudComment$body$_EvaluateVisitor0(_, node) {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.nullable_Value_2),
+        $async$returnValue, $async$self = this, t1, text;
+      var $async$visitLoudComment$1 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              if ($async$self._async_evaluate0$_inFunction) {
+                $async$returnValue = null;
+                // goto return
+                $async$goto = 1;
+                break;
+              }
+              if ($async$self._async_evaluate0$_assertInModule$2($async$self._async_evaluate0$__parent, "__parent") === $async$self._async_evaluate0$_assertInModule$2($async$self._async_evaluate0$__root, "_root") && $async$self._async_evaluate0$_assertInModule$2($async$self._async_evaluate0$__endOfImports, "_endOfImports") === J.get$length$asx($async$self._async_evaluate0$_assertInModule$2($async$self._async_evaluate0$__root, "_root").children._collection$_source))
+                $async$self._async_evaluate0$__endOfImports = $async$self._async_evaluate0$_assertInModule$2($async$self._async_evaluate0$__endOfImports, "_endOfImports") + 1;
+              t1 = node.text;
+              $async$goto = 3;
+              return A._asyncAwait($async$self._async_evaluate0$_performInterpolation$1(t1), $async$visitLoudComment$1);
+            case 3:
+              // returning from await.
+              text = $async$result;
+              if (!B.JSString_methods.endsWith$1(text, "*/"))
+                text += " */";
+              $async$self._async_evaluate0$_copyParentAfterSibling$0();
+              $async$self._async_evaluate0$_assertInModule$2($async$self._async_evaluate0$__parent, "__parent").addChild$1(new A.ModifiableCssComment0(text, t1.span));
+              $async$returnValue = null;
+              // goto return
+              $async$goto = 1;
+              break;
+            case 1:
+              // return
+              return A._asyncReturn($async$returnValue, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$visitLoudComment$1, $async$completer);
+    },
+    visitMediaRule$1(_, node) {
+      return this.visitMediaRule$body$_EvaluateVisitor0(0, node);
+    },
+    visitMediaRule$body$_EvaluateVisitor0(_, node) {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.nullable_Value_2),
+        $async$returnValue, $async$self = this, queries, mergedQueries, t1, mergedSources, t2, t3;
+      var $async$visitMediaRule$1 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              if ($async$self._async_evaluate0$_declarationName != null)
+                throw A.wrapException($async$self._async_evaluate0$_exception$2(string$.Media_, node.span));
+              $async$goto = 3;
+              return A._asyncAwait($async$self._async_evaluate0$_visitMediaQueries$1(node.query), $async$visitMediaRule$1);
+            case 3:
+              // returning from await.
+              queries = $async$result;
+              mergedQueries = A.NullableExtension_andThen0($async$self._async_evaluate0$_mediaQueries, new A._EvaluateVisitor_visitMediaRule_closure8($async$self, queries));
+              t1 = mergedQueries == null;
+              if (!t1 && J.get$isEmpty$asx(mergedQueries)) {
+                $async$returnValue = null;
+                // goto return
+                $async$goto = 1;
+                break;
+              }
+              if (t1)
+                mergedSources = B.Set_empty6;
+              else {
+                t2 = $async$self._async_evaluate0$_mediaQuerySources;
+                t2.toString;
+                t2 = A.LinkedHashSet_LinkedHashSet$of(t2, type$.CssMediaQuery_2);
+                t3 = $async$self._async_evaluate0$_mediaQueries;
+                t3.toString;
+                t2.addAll$1(0, t3);
+                t2.addAll$1(0, queries);
+                mergedSources = t2;
+              }
+              t1 = t1 ? queries : mergedQueries;
+              $async$goto = 4;
+              return A._asyncAwait($async$self._async_evaluate0$_withParent$2$4$scopeWhen$through(A.ModifiableCssMediaRule$0(t1, node.span), new A._EvaluateVisitor_visitMediaRule_closure9($async$self, mergedQueries, queries, mergedSources, node), node.hasDeclarations, new A._EvaluateVisitor_visitMediaRule_closure10(mergedSources), type$.ModifiableCssMediaRule_2, type$.Null), $async$visitMediaRule$1);
+            case 4:
+              // returning from await.
+              $async$returnValue = null;
+              // goto return
+              $async$goto = 1;
+              break;
+            case 1:
+              // return
+              return A._asyncReturn($async$returnValue, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$visitMediaRule$1, $async$completer);
+    },
+    _async_evaluate0$_visitMediaQueries$1(interpolation) {
+      return this._visitMediaQueries$body$_EvaluateVisitor0(interpolation);
+    },
+    _visitMediaQueries$body$_EvaluateVisitor0(interpolation) {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.List_CssMediaQuery_2),
+        $async$returnValue, $async$self = this, _0_0, resolved, map;
+      var $async$_async_evaluate0$_visitMediaQueries$1 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              $async$goto = 3;
+              return A._asyncAwait($async$self._async_evaluate0$_performInterpolationWithMap$2$warnForColor(interpolation, true), $async$_async_evaluate0$_visitMediaQueries$1);
+            case 3:
+              // returning from await.
+              _0_0 = $async$result;
+              resolved = _0_0._0;
+              map = _0_0._1;
+              $async$returnValue = new A.MediaQueryParser0(A.SpanScanner$(resolved, null), map).parse$0(0);
+              // goto return
+              $async$goto = 1;
+              break;
+            case 1:
+              // return
+              return A._asyncReturn($async$returnValue, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$_async_evaluate0$_visitMediaQueries$1, $async$completer);
+    },
+    _async_evaluate0$_mergeMediaQueries$2(queries1, queries2) {
+      var t1, t2, t3, t4, _0_0, t5, result,
+        queries = A._setArrayType([], type$.JSArray_CssMediaQuery_2);
+      for (t1 = J.get$iterator$ax(queries1), t2 = J.getInterceptor$ax(queries2); t1.moveNext$0();) {
+        t3 = t1.get$current(t1);
+        for (t4 = t2.get$iterator(queries2); t4.moveNext$0();) {
+          _0_0 = t3.merge$1(t4.get$current(t4));
+          if (B._SingletonCssMediaQueryMergeResult_00 === _0_0)
+            continue;
+          if (B._SingletonCssMediaQueryMergeResult_10 === _0_0)
+            return null;
+          t5 = _0_0 instanceof A.MediaQuerySuccessfulMergeResult0;
+          result = t5 ? _0_0 : null;
+          if (t5)
+            queries.push(result.query);
+        }
+      }
+      return queries;
+    },
+    visitReturnRule$1(_, node) {
+      return this.visitReturnRule$body$_EvaluateVisitor0(0, node);
+    },
+    visitReturnRule$body$_EvaluateVisitor0(_, node) {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.Value_2),
+        $async$returnValue, $async$self = this, t1, t2;
+      var $async$visitReturnRule$1 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              t1 = node.expression;
+              t2 = t1.accept$1($async$self);
+              $async$goto = 3;
+              return A._asyncAwait(type$.Future_Value_2._is(t2) ? t2 : A._Future$value(t2, type$.Value_2), $async$visitReturnRule$1);
+            case 3:
+              // returning from await.
+              $async$returnValue = $async$self._async_evaluate0$_withoutSlash$2($async$result, t1);
+              // goto return
+              $async$goto = 1;
+              break;
+            case 1:
+              // return
+              return A._asyncReturn($async$returnValue, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$visitReturnRule$1, $async$completer);
+    },
+    visitSilentComment$1(_, node) {
+      return this.visitSilentComment$body$_EvaluateVisitor0(0, node);
+    },
+    visitSilentComment$body$_EvaluateVisitor0(_, node) {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.nullable_Value_2),
+        $async$returnValue;
+      var $async$visitSilentComment$1 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              $async$returnValue = null;
+              // goto return
+              $async$goto = 1;
+              break;
+            case 1:
+              // return
+              return A._asyncReturn($async$returnValue, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$visitSilentComment$1, $async$completer);
+    },
+    visitStyleRule$1(_, node) {
+      return this.visitStyleRule$body$_EvaluateVisitor0(0, node);
+    },
+    visitStyleRule$body$_EvaluateVisitor0(_, node) {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.nullable_Value_2),
+        $async$returnValue, $async$self = this, t1, _0_0, selectorText, selectorMap, parsedSelector, _1_0, t2, t3, _i, _2_0, first, t4, rule, oldAtRootExcludingStyleRule;
+      var $async$visitStyleRule$1 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              if ($async$self._async_evaluate0$_declarationName != null)
+                throw A.wrapException($async$self._async_evaluate0$_exception$2(string$.Style_n, node.span));
+              else if ($async$self._async_evaluate0$_inKeyframes && $async$self._async_evaluate0$_assertInModule$2($async$self._async_evaluate0$__parent, "__parent") instanceof A.ModifiableCssKeyframeBlock0)
+                throw A.wrapException($async$self._async_evaluate0$_exception$2(string$.Style_k, node.span));
+              t1 = node.selector;
+              $async$goto = 3;
+              return A._asyncAwait($async$self._async_evaluate0$_performInterpolationWithMap$2$warnForColor(t1, true), $async$visitStyleRule$1);
+            case 3:
+              // returning from await.
+              _0_0 = $async$result;
+              selectorText = _0_0._0;
+              selectorMap = _0_0._1;
+              $async$goto = $async$self._async_evaluate0$_inKeyframes ? 4 : 5;
+              break;
+            case 4:
+              // then
+              $async$goto = 6;
+              return A._asyncAwait($async$self._async_evaluate0$_withParent$2$4$scopeWhen$through(A.ModifiableCssKeyframeBlock$0(new A.CssValue0(A.List_List$unmodifiable(new A.KeyframeSelectorParser0(A.SpanScanner$(selectorText, null), selectorMap).parse$0(0), type$.String), t1.span, type$.CssValue_List_String_2), node.span), new A._EvaluateVisitor_visitStyleRule_closure11($async$self, node), node.hasDeclarations, new A._EvaluateVisitor_visitStyleRule_closure12(), type$.ModifiableCssKeyframeBlock_2, type$.Null), $async$visitStyleRule$1);
+            case 6:
+              // returning from await.
+              $async$returnValue = null;
+              // goto return
+              $async$goto = 1;
+              break;
+            case 5:
+              // join
+              parsedSelector = A.SelectorList_SelectorList$parse0(selectorText, true, selectorMap, $async$self._async_evaluate0$_assertInModule$2($async$self._async_evaluate0$__stylesheet, "_stylesheet").plainCss);
+              _1_0 = $async$self._async_evaluate0$_atRootExcludingStyleRule ? null : $async$self._async_evaluate0$_styleRuleIgnoringAtRoot;
+              $label0$0: {
+                if (_1_0 == null) {
+                  t1 = true;
+                  break $label0$0;
+                }
+                if (_1_0.fromPlainCss) {
+                  t1 = false;
+                  break $label0$0;
+                }
+                t1 = !($async$self._async_evaluate0$_assertInModule$2($async$self._async_evaluate0$__stylesheet, "_stylesheet").plainCss && parsedSelector.accept$1(B.C__ContainsParentSelectorVisitor0));
+                break $label0$0;
+              }
+              if (t1) {
+                if ($async$self._async_evaluate0$_assertInModule$2($async$self._async_evaluate0$__stylesheet, "_stylesheet").plainCss)
+                  for (t2 = parsedSelector.components, t3 = t2.length, _i = 0; _i < t3; ++_i) {
+                    _2_0 = t2[_i].leadingCombinators;
+                    if (_2_0.length >= 1) {
+                      first = _2_0[0];
+                      t4 = $async$self._async_evaluate0$_assertInModule$2($async$self._async_evaluate0$__stylesheet, "_stylesheet").plainCss;
+                    } else {
+                      first = null;
+                      t4 = false;
+                    }
+                    if (t4)
+                      throw A.wrapException($async$self._async_evaluate0$_exception$2(string$.Top_lel, first.span));
+                  }
+                t2 = $async$self._async_evaluate0$_styleRuleIgnoringAtRoot;
+                t2 = t2 == null ? null : t2.originalSelector;
+                parsedSelector = parsedSelector.nestWithin$3$implicitParent$preserveParentSelectors(t2, !$async$self._async_evaluate0$_atRootExcludingStyleRule, $async$self._async_evaluate0$_assertInModule$2($async$self._async_evaluate0$__stylesheet, "_stylesheet").plainCss);
+              }
+              rule = A.ModifiableCssStyleRule$0($async$self._async_evaluate0$_assertInModule$2($async$self._async_evaluate0$__extensionStore, "_extensionStore").addSelector$2(parsedSelector, $async$self._async_evaluate0$_mediaQueries), node.span, $async$self._async_evaluate0$_assertInModule$2($async$self._async_evaluate0$__stylesheet, "_stylesheet").plainCss, parsedSelector);
+              oldAtRootExcludingStyleRule = $async$self._async_evaluate0$_atRootExcludingStyleRule;
+              t2 = $async$self._async_evaluate0$_atRootExcludingStyleRule = false;
+              t1 = t1 ? new A._EvaluateVisitor_visitStyleRule_closure13() : null;
+              $async$goto = 7;
+              return A._asyncAwait($async$self._async_evaluate0$_withParent$2$4$scopeWhen$through(rule, new A._EvaluateVisitor_visitStyleRule_closure14($async$self, rule, node), node.hasDeclarations, t1, type$.ModifiableCssStyleRule_2, type$.Null), $async$visitStyleRule$1);
+            case 7:
+              // returning from await.
+              $async$self._async_evaluate0$_atRootExcludingStyleRule = oldAtRootExcludingStyleRule;
+              $async$self._async_evaluate0$_warnForBogusCombinators$1(rule);
+              if (($async$self._async_evaluate0$_atRootExcludingStyleRule ? null : $async$self._async_evaluate0$_styleRuleIgnoringAtRoot) == null) {
+                t1 = $async$self._async_evaluate0$_assertInModule$2($async$self._async_evaluate0$__parent, "__parent").children;
+                t1 = !t1.get$isEmpty(t1);
+              } else
+                t1 = t2;
+              if (t1) {
+                t1 = $async$self._async_evaluate0$_assertInModule$2($async$self._async_evaluate0$__parent, "__parent").children;
+                t1.get$last(t1).isGroupEnd = true;
+              }
+              $async$returnValue = null;
+              // goto return
+              $async$goto = 1;
+              break;
+            case 1:
+              // return
+              return A._asyncReturn($async$returnValue, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$visitStyleRule$1, $async$completer);
+    },
+    _async_evaluate0$_warnForBogusCombinators$1(rule) {
+      var t1, t2, t3, t4, t5, _i, complex, visitor, t6, t7, t8, t9, _this = this, _null = null;
+      if (!rule.accept$1(B._IsInvisibleVisitor_false_false0))
+        for (t1 = rule._style_rule0$_selector._box0$_inner.value.components, t2 = t1.length, t3 = type$.SourceSpan, t4 = type$.String, t5 = rule.children, _i = 0; _i < t2; ++_i) {
+          complex = t1[_i];
+          if (!complex.accept$1(B._IsBogusVisitor_true0))
+            continue;
+          if (complex.accept$1(B.C__IsUselessVisitor0)) {
+            visitor = A._SerializeVisitor$0(_null, true, _null, _null, true, false, _null, true);
+            complex.accept$1(visitor);
+            _this._async_evaluate0$_warn$3('The selector "' + B.JSString_methods.trim$0(visitor._serialize0$_buffer.toString$0(0)) + string$.x22x20is_ix20, A.SpanExtensions_trimRight0(complex.span), B.Deprecation_5M7);
+          } else if (complex.leadingCombinators.length !== 0) {
+            if (!_this._async_evaluate0$_assertInModule$2(_this._async_evaluate0$__stylesheet, "_stylesheet").plainCss) {
+              visitor = A._SerializeVisitor$0(_null, true, _null, _null, true, false, _null, true);
+              complex.accept$1(visitor);
+              _this._async_evaluate0$_warn$3('The selector "' + B.JSString_methods.trim$0(visitor._serialize0$_buffer.toString$0(0)) + string$.x22x20is_ix0a, A.SpanExtensions_trimRight0(complex.span), B.Deprecation_5M7);
+            }
+          } else {
+            visitor = A._SerializeVisitor$0(_null, true, _null, _null, true, false, _null, true);
+            complex.accept$1(visitor);
+            t6 = B.JSString_methods.trim$0(visitor._serialize0$_buffer.toString$0(0));
+            t7 = complex.accept$1(B._IsBogusVisitor_false0) ? string$.x20It_wi : "";
+            t8 = A.SpanExtensions_trimRight0(complex.span);
+            if (t5.get$length(0) === 0)
+              A.throwExpression(A.IterableElementError_noElement());
+            t9 = J.get$span$z(t5.$index(0, 0));
+            _this._async_evaluate0$_warn$3('The selector "' + t6 + string$.x22x20is_o + t7 + string$.x0aThis_, new A.MultiSpan0(t8, "invalid selector", A.ConstantMap_ConstantMap$from(A.LinkedHashMap_LinkedHashMap$_literal([t9, "this is not a style rule" + (t5.every$1(t5, new A._EvaluateVisitor__warnForBogusCombinators_closure2()) ? "\n(try converting to a //-style comment)" : "")], t3, t4), t3, t4)), B.Deprecation_5M7);
+          }
+        }
+    },
+    visitSupportsRule$1(_, node) {
+      return this.visitSupportsRule$body$_EvaluateVisitor0(0, node);
+    },
+    visitSupportsRule$body$_EvaluateVisitor0(_, node) {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.nullable_Value_2),
+        $async$returnValue, $async$self = this, t1, $async$temp1, $async$temp2;
+      var $async$visitSupportsRule$1 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              if ($async$self._async_evaluate0$_declarationName != null)
+                throw A.wrapException($async$self._async_evaluate0$_exception$2(string$.Suppor, node.span));
+              t1 = node.condition;
+              $async$temp1 = A;
+              $async$temp2 = A;
+              $async$goto = 4;
+              return A._asyncAwait($async$self._async_evaluate0$_visitSupportsCondition$1(t1), $async$visitSupportsRule$1);
+            case 4:
+              // returning from await.
+              $async$goto = 3;
+              return A._asyncAwait($async$self._async_evaluate0$_withParent$2$4$scopeWhen$through($async$temp1.ModifiableCssSupportsRule$0(new $async$temp2.CssValue0($async$result, t1.get$span(t1), type$.CssValue_String_2), node.span), new A._EvaluateVisitor_visitSupportsRule_closure5($async$self, node), node.hasDeclarations, new A._EvaluateVisitor_visitSupportsRule_closure6(), type$.ModifiableCssSupportsRule_2, type$.Null), $async$visitSupportsRule$1);
+            case 3:
+              // returning from await.
+              $async$returnValue = null;
+              // goto return
+              $async$goto = 1;
+              break;
+            case 1:
+              // return
+              return A._asyncReturn($async$returnValue, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$visitSupportsRule$1, $async$completer);
+    },
+    _async_evaluate0$_visitSupportsCondition$1(condition) {
+      return this._visitSupportsCondition$body$_EvaluateVisitor0(condition);
+    },
+    _visitSupportsCondition$body$_EvaluateVisitor0(condition) {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.String),
+        $async$returnValue, $async$self = this, t1, $async$temp1, $async$temp2;
+      var $async$_async_evaluate0$_visitSupportsCondition$1 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              $async$goto = condition instanceof A.SupportsOperation0 ? 4 : 5;
+              break;
+            case 4:
+              // then
+              t1 = condition.operator;
+              $async$temp1 = A;
+              $async$goto = 6;
+              return A._asyncAwait($async$self._async_evaluate0$_parenthesize$2(condition.left, t1), $async$_async_evaluate0$_visitSupportsCondition$1);
+            case 6:
+              // returning from await.
+              $async$temp1 = $async$temp1.S($async$result) + " " + t1 + " ";
+              $async$temp2 = A;
+              $async$goto = 7;
+              return A._asyncAwait($async$self._async_evaluate0$_parenthesize$2(condition.right, t1), $async$_async_evaluate0$_visitSupportsCondition$1);
+            case 7:
+              // returning from await.
+              t1 = $async$temp1 + $async$temp2.S($async$result);
+              // goto break $label0$0
+              $async$goto = 3;
+              break;
+            case 5:
+              // join
+              $async$goto = condition instanceof A.SupportsNegation0 ? 8 : 9;
+              break;
+            case 8:
+              // then
+              $async$temp1 = A;
+              $async$goto = 10;
+              return A._asyncAwait($async$self._async_evaluate0$_parenthesize$1(condition.condition), $async$_async_evaluate0$_visitSupportsCondition$1);
+            case 10:
+              // returning from await.
+              t1 = "not " + $async$temp1.S($async$result);
+              // goto break $label0$0
+              $async$goto = 3;
+              break;
+            case 9:
+              // join
+              $async$goto = condition instanceof A.SupportsInterpolation0 ? 11 : 12;
+              break;
+            case 11:
+              // then
+              $async$goto = 13;
+              return A._asyncAwait($async$self._async_evaluate0$_evaluateToCss$2$quote(condition.expression, false), $async$_async_evaluate0$_visitSupportsCondition$1);
+            case 13:
+              // returning from await.
+              t1 = $async$result;
+              // goto break $label0$0
+              $async$goto = 3;
+              break;
+            case 12:
+              // join
+              t1 = {};
+              t1.declaration = null;
+              $async$goto = condition instanceof A.SupportsDeclaration0 ? 14 : 15;
+              break;
+            case 14:
+              // then
+              t1.declaration = condition;
+              $async$goto = 16;
+              return A._asyncAwait($async$self._async_evaluate0$_withSupportsDeclaration$1$1(new A._EvaluateVisitor__visitSupportsCondition_closure2(t1, $async$self), type$.String), $async$_async_evaluate0$_visitSupportsCondition$1);
+            case 16:
+              // returning from await.
+              t1 = $async$result;
+              // goto break $label0$0
+              $async$goto = 3;
+              break;
+            case 15:
+              // join
+              $async$goto = condition instanceof A.SupportsFunction0 ? 17 : 18;
+              break;
+            case 17:
+              // then
+              $async$temp1 = A;
+              $async$goto = 19;
+              return A._asyncAwait($async$self._async_evaluate0$_performInterpolation$1(condition.name), $async$_async_evaluate0$_visitSupportsCondition$1);
+            case 19:
+              // returning from await.
+              $async$temp1 = $async$temp1.S($async$result) + "(";
+              $async$temp2 = A;
+              $async$goto = 20;
+              return A._asyncAwait($async$self._async_evaluate0$_performInterpolation$1(condition.$arguments), $async$_async_evaluate0$_visitSupportsCondition$1);
+            case 20:
+              // returning from await.
+              t1 = $async$temp1 + $async$temp2.S($async$result) + ")";
+              // goto break $label0$0
+              $async$goto = 3;
+              break;
+            case 18:
+              // join
+              $async$goto = condition instanceof A.SupportsAnything0 ? 21 : 22;
+              break;
+            case 21:
+              // then
+              $async$temp1 = A;
+              $async$goto = 23;
+              return A._asyncAwait($async$self._async_evaluate0$_performInterpolation$1(condition.contents), $async$_async_evaluate0$_visitSupportsCondition$1);
+            case 23:
+              // returning from await.
+              t1 = "(" + $async$temp1.S($async$result) + ")";
+              // goto break $label0$0
+              $async$goto = 3;
+              break;
+            case 22:
+              // join
+              t1 = A.throwExpression(A.ArgumentError$("Unknown supports condition type " + A.getRuntimeTypeOfDartObject(condition).toString$0(0) + ".", null));
+            case 3:
+              // break $label0$0
+              $async$returnValue = t1;
+              // goto return
+              $async$goto = 1;
+              break;
+            case 1:
+              // return
+              return A._asyncReturn($async$returnValue, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$_async_evaluate0$_visitSupportsCondition$1, $async$completer);
+    },
+    _async_evaluate0$_withSupportsDeclaration$1$1(callback, $T) {
+      return this._withSupportsDeclaration$body$_EvaluateVisitor0(callback, $T, $T);
+    },
+    _withSupportsDeclaration$body$_EvaluateVisitor0(callback, $T, $async$type) {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter($async$type),
+        $async$returnValue, $async$handler = 2, $async$errorStack = [], $async$next = [], $async$self = this, t1, oldInSupportsDeclaration;
+      var $async$_async_evaluate0$_withSupportsDeclaration$1$1 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1) {
+          $async$errorStack.push($async$result);
+          $async$goto = $async$handler;
+        }
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              oldInSupportsDeclaration = $async$self._async_evaluate0$_inSupportsDeclaration;
+              $async$self._async_evaluate0$_inSupportsDeclaration = true;
+              $async$handler = 3;
+              t1 = callback.call$0();
+              $async$goto = 6;
+              return A._asyncAwait($T._eval$1("Future<0>")._is(t1) ? t1 : A._Future$value(t1, $T), $async$_async_evaluate0$_withSupportsDeclaration$1$1);
+            case 6:
+              // returning from await.
+              t1 = $async$result;
+              $async$returnValue = t1;
+              $async$next = [1];
+              // goto finally
+              $async$goto = 4;
+              break;
+              $async$next.push(5);
+              // goto finally
+              $async$goto = 4;
+              break;
+            case 3:
+              // uncaught
+              $async$next = [2];
+            case 4:
+              // finally
+              $async$handler = 2;
+              $async$self._async_evaluate0$_inSupportsDeclaration = oldInSupportsDeclaration;
+              // goto the next finally handler
+              $async$goto = $async$next.pop();
+              break;
+            case 5:
+              // after finally
+            case 1:
+              // return
+              return A._asyncReturn($async$returnValue, $async$completer);
+            case 2:
+              // rethrow
+              return A._asyncRethrow($async$errorStack.at(-1), $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$_async_evaluate0$_withSupportsDeclaration$1$1, $async$completer);
+    },
+    _async_evaluate0$_parenthesize$2(condition, operator) {
+      return this._parenthesize$body$_EvaluateVisitor0(condition, operator);
+    },
+    _async_evaluate0$_parenthesize$1(condition) {
+      return this._async_evaluate0$_parenthesize$2(condition, null);
+    },
+    _parenthesize$body$_EvaluateVisitor0(condition, operator) {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.String),
+        $async$returnValue, $async$self = this, t1, $async$temp1;
+      var $async$_async_evaluate0$_parenthesize$2 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              if (!(condition instanceof A.SupportsNegation0))
+                if (condition instanceof A.SupportsOperation0)
+                  t1 = operator == null || operator !== condition.operator;
+                else
+                  t1 = false;
+              else
+                t1 = true;
+              $async$goto = t1 ? 3 : 4;
+              break;
+            case 3:
+              // then
+              $async$temp1 = A;
+              $async$goto = 5;
+              return A._asyncAwait($async$self._async_evaluate0$_visitSupportsCondition$1(condition), $async$_async_evaluate0$_parenthesize$2);
+            case 5:
+              // returning from await.
+              $async$returnValue = "(" + $async$temp1.S($async$result) + ")";
+              // goto return
+              $async$goto = 1;
+              break;
+            case 4:
+              // join
+              $async$goto = 6;
+              return A._asyncAwait($async$self._async_evaluate0$_visitSupportsCondition$1(condition), $async$_async_evaluate0$_parenthesize$2);
+            case 6:
+              // returning from await.
+              $async$returnValue = $async$result;
+              // goto return
+              $async$goto = 1;
+              break;
+            case 1:
+              // return
+              return A._asyncReturn($async$returnValue, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$_async_evaluate0$_parenthesize$2, $async$completer);
+    },
+    visitVariableDeclaration$1(_, node) {
+      return this.visitVariableDeclaration$body$_EvaluateVisitor0(0, node);
+    },
+    visitVariableDeclaration$body$_EvaluateVisitor0(_, node) {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.nullable_Value_2),
+        $async$returnValue, $async$self = this, t1, t2, _0_0, value, $async$temp1, $async$temp2, $async$temp3;
+      var $async$visitVariableDeclaration$1 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              if (node.isGuarded) {
+                if (node.namespace == null && $async$self._async_evaluate0$_environment._async_environment0$_variables.length === 1) {
+                  t1 = node.name;
+                  $async$self._async_evaluate0$_environment._async_environment0$_configurableVariables.add$1(0, t1);
+                  t2 = $async$self._async_evaluate0$_configuration._configuration0$_values;
+                  _0_0 = t2.get$isEmpty(t2) ? null : t2.remove$1(0, t1);
+                  t1 = {};
+                  t1.override = null;
+                  if (_0_0 != null) {
+                    t1.override = _0_0;
+                    t2 = !_0_0.value.$eq(0, B.C__SassNull0);
+                  } else
+                    t2 = false;
+                  if (t2) {
+                    $async$self._async_evaluate0$_addExceptionSpan$2(node, new A._EvaluateVisitor_visitVariableDeclaration_closure8(t1, $async$self, node));
+                    $async$returnValue = null;
+                    // goto return
+                    $async$goto = 1;
+                    break;
+                  }
+                }
+                value = $async$self._async_evaluate0$_addExceptionSpan$2(node, new A._EvaluateVisitor_visitVariableDeclaration_closure9($async$self, node));
+                if (value != null && !value.$eq(0, B.C__SassNull0)) {
+                  $async$returnValue = null;
+                  // goto return
+                  $async$goto = 1;
+                  break;
+                }
+              }
+              if (node.isGlobal && !$async$self._async_evaluate0$_environment.globalVariableExists$1(node.name)) {
+                t1 = $async$self._async_evaluate0$_environment._async_environment0$_variables.length === 1 ? string$.As_of_S : string$.As_of_R + A.declarationName0(node.span) + ": null` at the stylesheet root.";
+                $async$self._async_evaluate0$_warn$3(t1, node.span, B.Deprecation_gW5);
+              }
+              t1 = node.expression;
+              t2 = t1.accept$1($async$self);
+              $async$temp1 = node;
+              $async$temp2 = A;
+              $async$temp3 = node;
+              $async$goto = 3;
+              return A._asyncAwait(type$.Future_Value_2._is(t2) ? t2 : A._Future$value(t2, type$.Value_2), $async$visitVariableDeclaration$1);
+            case 3:
+              // returning from await.
+              $async$self._async_evaluate0$_addExceptionSpan$2($async$temp1, new $async$temp2._EvaluateVisitor_visitVariableDeclaration_closure10($async$self, $async$temp3, $async$self._async_evaluate0$_withoutSlash$2($async$result, t1)));
+              $async$returnValue = null;
+              // goto return
+              $async$goto = 1;
+              break;
+            case 1:
+              // return
+              return A._asyncReturn($async$returnValue, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$visitVariableDeclaration$1, $async$completer);
+    },
+    visitUseRule$1(_, node) {
+      return this.visitUseRule$body$_EvaluateVisitor0(0, node);
+    },
+    visitUseRule$body$_EvaluateVisitor0(_, node) {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.nullable_Value_2),
+        $async$returnValue, $async$self = this, values, t3, t4, _i, variable, t5, variableNodeWithSpan, t6, configuration, t1, t2, $async$temp1, $async$temp2, $async$temp3;
+      var $async$visitUseRule$1 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              t1 = node.configuration;
+              t2 = t1.length;
+              $async$goto = t2 !== 0 ? 3 : 5;
+              break;
+            case 3:
+              // then
+              values = A.LinkedHashMap_LinkedHashMap$_empty(type$.String, type$.ConfiguredValue_2);
+              t3 = type$._Future_Value_2, t4 = type$.Future_Value_2, _i = 0;
+            case 6:
+              // for condition
+              if (!(_i < t2)) {
+                // goto after for
+                $async$goto = 8;
+                break;
+              }
+              variable = t1[_i];
+              t5 = variable.expression;
+              variableNodeWithSpan = $async$self._async_evaluate0$_expressionNode$1(t5);
+              t5 = t5.accept$1($async$self);
+              if (!t4._is(t5)) {
+                t6 = new A._Future($.Zone__current, t3);
+                t6._state = 8;
+                t6._resultOrListeners = t5;
+                t5 = t6;
+              }
+              $async$temp1 = values;
+              $async$temp2 = variable.name;
+              $async$temp3 = A;
+              $async$goto = 9;
+              return A._asyncAwait(t5, $async$visitUseRule$1);
+            case 9:
+              // returning from await.
+              $async$temp1.$indexSet(0, $async$temp2, new $async$temp3.ConfiguredValue0($async$self._async_evaluate0$_withoutSlash$2($async$result, variableNodeWithSpan), variable.span, variableNodeWithSpan));
+            case 7:
+              // for update
+              ++_i;
+              // goto for condition
+              $async$goto = 6;
+              break;
+            case 8:
+              // after for
+              configuration = new A.ExplicitConfiguration0(node, values, null);
+              // goto join
+              $async$goto = 4;
+              break;
+            case 5:
+              // else
+              configuration = B.Configuration_Map_empty_null0;
+            case 4:
+              // join
+              $async$goto = 10;
+              return A._asyncAwait($async$self._async_evaluate0$_loadModule$5$configuration(node.url, "@use", node, new A._EvaluateVisitor_visitUseRule_closure2($async$self, node), configuration), $async$visitUseRule$1);
+            case 10:
+              // returning from await.
+              $async$self._async_evaluate0$_assertConfigurationIsEmpty$1(configuration);
+              $async$returnValue = null;
+              // goto return
+              $async$goto = 1;
+              break;
+            case 1:
+              // return
+              return A._asyncReturn($async$returnValue, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$visitUseRule$1, $async$completer);
+    },
+    visitWarnRule$1(_, node) {
+      return this.visitWarnRule$body$_EvaluateVisitor0(0, node);
+    },
+    visitWarnRule$body$_EvaluateVisitor0(_, node) {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.nullable_Value_2),
+        $async$returnValue, $async$self = this, value, t1, t2;
+      var $async$visitWarnRule$1 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              $async$goto = 3;
+              return A._asyncAwait($async$self._async_evaluate0$_addExceptionSpanAsync$1$2(node, new A._EvaluateVisitor_visitWarnRule_closure2($async$self, node), type$.Value_2), $async$visitWarnRule$1);
+            case 3:
+              // returning from await.
+              value = $async$result;
+              t1 = value instanceof A.SassString0 ? value._string0$_text : $async$self._async_evaluate0$_serialize$2(value, node.expression);
+              t2 = $async$self._async_evaluate0$_stackTrace$1(node.span);
+              $async$self._async_evaluate0$_logger.internalWarn$4$deprecation$span$trace(t1, null, null, t2);
+              $async$returnValue = null;
+              // goto return
+              $async$goto = 1;
+              break;
+            case 1:
+              // return
+              return A._asyncReturn($async$returnValue, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$visitWarnRule$1, $async$completer);
+    },
+    visitWhileRule$1(_, node) {
+      return this._async_evaluate0$_environment.scope$1$3$semiGlobal$when(new A._EvaluateVisitor_visitWhileRule_closure2(this, node), true, node.hasDeclarations, type$.nullable_Value_2);
+    },
+    visitBinaryOperationExpression$1(_, node) {
+      var t1, _this = this;
+      if (_this._async_evaluate0$_assertInModule$2(_this._async_evaluate0$__stylesheet, "_stylesheet").plainCss) {
+        t1 = node.operator;
+        t1 = t1 !== B.BinaryOperator_Kyq0 && t1 !== B.BinaryOperator_Mh50;
+      } else
+        t1 = false;
+      if (t1)
+        throw A.wrapException(_this._async_evaluate0$_exception$2("Operators aren't allowed in plain CSS.", node.get$operatorSpan()));
+      return _this._async_evaluate0$_addExceptionSpanAsync$1$2(node, new A._EvaluateVisitor_visitBinaryOperationExpression_closure2(_this, node), type$.Value_2);
+    },
+    _async_evaluate0$_slash$3(left, right, node) {
+      var left0, _1_2,
+        result = left.dividedBy$1(right),
+        _1_2_isSet = left instanceof A.SassNumber0,
+        right0 = null,
+        t1 = false;
+      if (_1_2_isSet) {
+        if (right instanceof A.SassNumber0) {
+          t1 = node.allowsSlash && this._async_evaluate0$_operandAllowsSlash$1(node.left) && this._async_evaluate0$_operandAllowsSlash$1(node.right);
+          right0 = right;
+        }
+        left0 = left;
+        _1_2 = right;
+      } else {
+        _1_2 = null;
+        left0 = null;
+      }
+      if (t1)
+        return type$.SassNumber_2._as(result).withSlash$2(left0, right0);
+      if (left instanceof A.SassNumber0)
+        t1 = (_1_2_isSet ? _1_2 : right) instanceof A.SassNumber0;
+      else
+        t1 = false;
+      if (t1) {
+        this._async_evaluate0$_warn$3(string$.Using__o + A.S(new A._EvaluateVisitor__slash_recommendation2().call$1(node)) + " or " + A.expressionToCalc0(node).toString$0(0) + string$.x0a_Morex20, node.get$span(0), B.Deprecation_fSZ);
+        return result;
+      }
+      return result;
+    },
+    _async_evaluate0$_operandAllowsSlash$1(node) {
+      var t1;
+      if (node instanceof A.FunctionExpression0)
+        if (node.namespace == null) {
+          t1 = node.name;
+          t1 = B.Set_Pr3yj.contains$1(0, t1.toLowerCase()) && this._async_evaluate0$_environment.getFunction$1(t1) == null;
+        } else
+          t1 = false;
+      else
+        t1 = true;
+      return t1;
+    },
+    visitValueExpression$1(_, node) {
+      return this.visitValueExpression$body$_EvaluateVisitor0(0, node);
+    },
+    visitValueExpression$body$_EvaluateVisitor0(_, node) {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.Value_2),
+        $async$returnValue;
+      var $async$visitValueExpression$1 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              $async$returnValue = node.value;
+              // goto return
+              $async$goto = 1;
+              break;
+            case 1:
+              // return
+              return A._asyncReturn($async$returnValue, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$visitValueExpression$1, $async$completer);
+    },
+    visitVariableExpression$1(_, node) {
+      return this.visitVariableExpression$body$_EvaluateVisitor0(0, node);
+    },
+    visitVariableExpression$body$_EvaluateVisitor0(_, node) {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.Value_2),
+        $async$returnValue, $async$self = this, result;
+      var $async$visitVariableExpression$1 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              result = $async$self._async_evaluate0$_addExceptionSpan$2(node, new A._EvaluateVisitor_visitVariableExpression_closure2($async$self, node));
+              if (result != null) {
+                $async$returnValue = result;
+                // goto return
+                $async$goto = 1;
+                break;
+              }
+              throw A.wrapException($async$self._async_evaluate0$_exception$2("Undefined variable.", node.span));
+            case 1:
+              // return
+              return A._asyncReturn($async$returnValue, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$visitVariableExpression$1, $async$completer);
+    },
+    visitUnaryOperationExpression$1(_, node) {
+      return this.visitUnaryOperationExpression$body$_EvaluateVisitor0(0, node);
+    },
+    visitUnaryOperationExpression$body$_EvaluateVisitor0(_, node) {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.Value_2),
+        $async$returnValue, $async$self = this, $async$temp1, $async$temp2, $async$temp3;
+      var $async$visitUnaryOperationExpression$1 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              $async$temp1 = node;
+              $async$temp2 = A;
+              $async$temp3 = node;
+              $async$goto = 3;
+              return A._asyncAwait(node.operand.accept$1($async$self), $async$visitUnaryOperationExpression$1);
+            case 3:
+              // returning from await.
+              $async$returnValue = $async$self._async_evaluate0$_addExceptionSpan$2($async$temp1, new $async$temp2._EvaluateVisitor_visitUnaryOperationExpression_closure2($async$temp3, $async$result));
+              // goto return
+              $async$goto = 1;
+              break;
+            case 1:
+              // return
+              return A._asyncReturn($async$returnValue, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$visitUnaryOperationExpression$1, $async$completer);
+    },
+    visitBooleanExpression$1(_, node) {
+      return this.visitBooleanExpression$body$_EvaluateVisitor0(0, node);
+    },
+    visitBooleanExpression$body$_EvaluateVisitor0(_, node) {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.SassBoolean_2),
+        $async$returnValue;
+      var $async$visitBooleanExpression$1 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              $async$returnValue = node.value ? B.SassBoolean_true0 : B.SassBoolean_false0;
+              // goto return
+              $async$goto = 1;
+              break;
+            case 1:
+              // return
+              return A._asyncReturn($async$returnValue, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$visitBooleanExpression$1, $async$completer);
+    },
+    visitIfExpression$1(_, node) {
+      return this.visitIfExpression$body$_EvaluateVisitor0(0, node);
+    },
+    visitIfExpression$body$_EvaluateVisitor0(_, node) {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.Value_2),
+        $async$returnValue, $async$self = this, condition, t1, ifTrue, ifFalse, result, _0_0, positional, named;
+      var $async$visitIfExpression$1 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              $async$goto = 3;
+              return A._asyncAwait($async$self._async_evaluate0$_evaluateMacroArguments$1(node), $async$visitIfExpression$1);
+            case 3:
+              // returning from await.
+              _0_0 = $async$result;
+              positional = _0_0._0;
+              named = _0_0._1;
+              $async$self._async_evaluate0$_verifyArguments$4(J.get$length$asx(positional), named, $.$get$IfExpression_declaration0(), node);
+              condition = A.ListExtensions_elementAtOrNull(positional, 0);
+              if (condition == null) {
+                t1 = named.$index(0, "condition");
+                t1.toString;
+                condition = t1;
+              }
+              ifTrue = A.ListExtensions_elementAtOrNull(positional, 1);
+              if (ifTrue == null) {
+                t1 = named.$index(0, "if-true");
+                t1.toString;
+                ifTrue = t1;
+              }
+              ifFalse = A.ListExtensions_elementAtOrNull(positional, 2);
+              if (ifFalse == null) {
+                t1 = named.$index(0, "if-false");
+                t1.toString;
+                ifFalse = t1;
+              }
+              $async$goto = 4;
+              return A._asyncAwait(condition.accept$1($async$self), $async$visitIfExpression$1);
+            case 4:
+              // returning from await.
+              result = $async$result.get$isTruthy() ? ifTrue : ifFalse;
+              t1 = result.accept$1($async$self);
+              $async$goto = 5;
+              return A._asyncAwait(type$.Future_Value_2._is(t1) ? t1 : A._Future$value(t1, type$.Value_2), $async$visitIfExpression$1);
+            case 5:
+              // returning from await.
+              $async$returnValue = $async$self._async_evaluate0$_withoutSlash$2($async$result, $async$self._async_evaluate0$_expressionNode$1(result));
+              // goto return
+              $async$goto = 1;
+              break;
+            case 1:
+              // return
+              return A._asyncReturn($async$returnValue, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$visitIfExpression$1, $async$completer);
+    },
+    visitNullExpression$1(_, node) {
+      return this.visitNullExpression$body$_EvaluateVisitor0(0, node);
+    },
+    visitNullExpression$body$_EvaluateVisitor0(_, node) {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.Value_2),
+        $async$returnValue;
+      var $async$visitNullExpression$1 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              $async$returnValue = B.C__SassNull0;
+              // goto return
+              $async$goto = 1;
+              break;
+            case 1:
+              // return
+              return A._asyncReturn($async$returnValue, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$visitNullExpression$1, $async$completer);
+    },
+    visitNumberExpression$1(_, node) {
+      return this.visitNumberExpression$body$_EvaluateVisitor0(0, node);
+    },
+    visitNumberExpression$body$_EvaluateVisitor0(_, node) {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.SassNumber_2),
+        $async$returnValue;
+      var $async$visitNumberExpression$1 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              $async$returnValue = A.SassNumber_SassNumber0(node.value, node.unit);
+              // goto return
+              $async$goto = 1;
+              break;
+            case 1:
+              // return
+              return A._asyncReturn($async$returnValue, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$visitNumberExpression$1, $async$completer);
+    },
+    visitParenthesizedExpression$1(_, node) {
+      var _this = this;
+      return _this._async_evaluate0$_assertInModule$2(_this._async_evaluate0$__stylesheet, "_stylesheet").plainCss ? A.throwExpression(_this._async_evaluate0$_exception$2("Parentheses aren't allowed in plain CSS.", node.span)) : node.expression.accept$1(_this);
+    },
+    visitColorExpression$1(_, node) {
+      return this.visitColorExpression$body$_EvaluateVisitor0(0, node);
+    },
+    visitColorExpression$body$_EvaluateVisitor0(_, node) {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.SassColor_2),
+        $async$returnValue;
+      var $async$visitColorExpression$1 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              $async$returnValue = node.value;
+              // goto return
+              $async$goto = 1;
+              break;
+            case 1:
+              // return
+              return A._asyncReturn($async$returnValue, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$visitColorExpression$1, $async$completer);
+    },
+    visitListExpression$1(_, node) {
+      return this.visitListExpression$body$_EvaluateVisitor0(0, node);
+    },
+    visitListExpression$body$_EvaluateVisitor0(_, node) {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.SassList_2),
+        $async$returnValue, $async$self = this, $async$temp1;
+      var $async$visitListExpression$1 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              $async$temp1 = A;
+              $async$goto = 3;
+              return A._asyncAwait(A.mapAsync0(node.contents, new A._EvaluateVisitor_visitListExpression_closure2($async$self), type$.Expression_2, type$.Value_2), $async$visitListExpression$1);
+            case 3:
+              // returning from await.
+              $async$returnValue = $async$temp1.SassList$0($async$result, node.separator, node.hasBrackets);
+              // goto return
+              $async$goto = 1;
+              break;
+            case 1:
+              // return
+              return A._asyncReturn($async$returnValue, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$visitListExpression$1, $async$completer);
+    },
+    visitMapExpression$1(_, node) {
+      return this.visitMapExpression$body$_EvaluateVisitor0(0, node);
+    },
+    visitMapExpression$body$_EvaluateVisitor0(_, node) {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.SassMap_2),
+        $async$returnValue, $async$self = this, t2, t3, _i, t4, key, keyValue, valueValue, oldValueSpan, t1, map, keyNodes;
+      var $async$visitMapExpression$1 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              t1 = type$.Value_2;
+              map = A.LinkedHashMap_LinkedHashMap$_empty(t1, t1);
+              keyNodes = A.LinkedHashMap_LinkedHashMap$_empty(t1, type$.AstNode_2);
+              t2 = node.pairs, t3 = t2.length, _i = 0;
+            case 3:
+              // for condition
+              if (!(_i < t3)) {
+                // goto after for
+                $async$goto = 5;
+                break;
+              }
+              t4 = t2[_i];
+              key = t4._0;
+              $async$goto = 6;
+              return A._asyncAwait(key.accept$1($async$self), $async$visitMapExpression$1);
+            case 6:
+              // returning from await.
+              keyValue = $async$result;
+              $async$goto = 7;
+              return A._asyncAwait(t4._1.accept$1($async$self), $async$visitMapExpression$1);
+            case 7:
+              // returning from await.
+              valueValue = $async$result;
+              if (map.containsKey$1(keyValue)) {
+                t1 = keyNodes.$index(0, keyValue);
+                oldValueSpan = t1 == null ? null : t1.get$span(t1);
+                t1 = key.get$span(key);
+                t2 = A.LinkedHashMap_LinkedHashMap$_empty(type$.FileSpan, type$.String);
+                if (oldValueSpan != null)
+                  t2.$indexSet(0, oldValueSpan, "first key");
+                throw A.wrapException(A.MultiSpanSassRuntimeException$0("Duplicate key.", t1, "second key", t2, $async$self._async_evaluate0$_stackTrace$1(key.get$span(key)), null));
+              }
+              map.$indexSet(0, keyValue, valueValue);
+              keyNodes.$indexSet(0, keyValue, key);
+            case 4:
+              // for update
+              ++_i;
+              // goto for condition
+              $async$goto = 3;
+              break;
+            case 5:
+              // after for
+              $async$returnValue = new A.SassMap0(A.ConstantMap_ConstantMap$from(map, t1, t1));
+              // goto return
+              $async$goto = 1;
+              break;
+            case 1:
+              // return
+              return A._asyncReturn($async$returnValue, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$visitMapExpression$1, $async$completer);
+    },
+    visitFunctionExpression$1(_, node) {
+      return this.visitFunctionExpression$body$_EvaluateVisitor0(0, node);
+    },
+    visitFunctionExpression$body$_EvaluateVisitor0(_, node) {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.Value_2),
+        $async$returnValue, $async$self = this, t2, _0_0, t3, t4, $name, oldInFunction, result, t1, $function;
+      var $async$visitFunctionExpression$1 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              t1 = {};
+              $function = $async$self._async_evaluate0$_assertInModule$2($async$self._async_evaluate0$__stylesheet, "_stylesheet").plainCss ? null : $async$self._async_evaluate0$_addExceptionSpan$2(node, new A._EvaluateVisitor_visitFunctionExpression_closure8($async$self, node));
+              t1.$function = $function;
+              $async$goto = $function == null ? 3 : 5;
+              break;
+            case 3:
+              // then
+              if (node.namespace != null)
+                throw A.wrapException($async$self._async_evaluate0$_exception$2("Undefined function.", node.span));
+              t2 = node.name;
+              _0_0 = t2.toLowerCase();
+              t3 = false;
+              if ("min" === _0_0 || "max" === _0_0 || "round" === _0_0 || "abs" === _0_0) {
+                t3 = node.$arguments;
+                t4 = t3.named;
+                t3 = t4.get$isEmpty(t4) && t3.rest == null && B.JSArray_methods.every$1(t3.positional, new A._EvaluateVisitor_visitFunctionExpression_closure9());
+                $name = _0_0;
+              } else
+                $name = null;
+              $async$goto = t3 ? 6 : 7;
+              break;
+            case 6:
+              // then
+              $async$goto = 8;
+              return A._asyncAwait($async$self._async_evaluate0$_visitCalculation$2$inLegacySassFunction(node, $name), $async$visitFunctionExpression$1);
+            case 8:
+              // returning from await.
+              $async$returnValue = $async$result;
+              // goto return
+              $async$goto = 1;
+              break;
+            case 7:
+              // join
+              $async$goto = "calc" === _0_0 || "clamp" === _0_0 || "hypot" === _0_0 || "sin" === _0_0 || "cos" === _0_0 || "tan" === _0_0 || "asin" === _0_0 || "acos" === _0_0 || "atan" === _0_0 || "sqrt" === _0_0 || "exp" === _0_0 || "sign" === _0_0 || "mod" === _0_0 || "rem" === _0_0 || "atan2" === _0_0 || "pow" === _0_0 || "log" === _0_0 || "calc-size" === _0_0 ? 9 : 10;
+              break;
+            case 9:
+              // then
+              $async$goto = 11;
+              return A._asyncAwait($async$self._async_evaluate0$_visitCalculation$1(node), $async$visitFunctionExpression$1);
+            case 11:
+              // returning from await.
+              $async$returnValue = $async$result;
+              // goto return
+              $async$goto = 1;
+              break;
+            case 10:
+              // join
+              $function = $async$self._async_evaluate0$_assertInModule$2($async$self._async_evaluate0$__stylesheet, "_stylesheet").plainCss ? null : $async$self._async_evaluate0$_builtInFunctions.$index(0, t2);
+              t2 = t1.$function = $function == null ? new A.PlainCssCallable0(node.originalName) : $function;
+              // goto join
+              $async$goto = 4;
+              break;
+            case 5:
+              // else
+              t2 = $function;
+            case 4:
+              // join
+              if (B.JSString_methods.startsWith$1(node.originalName, "--") && t2 instanceof A.UserDefinedCallable0 && !B.JSString_methods.startsWith$1(t2.declaration.originalName, "--"))
+                $async$self._async_evaluate0$_warn$3(string$.Sass__f, node.get$nameSpan(), B.Deprecation_9Lp);
+              oldInFunction = $async$self._async_evaluate0$_inFunction;
+              $async$self._async_evaluate0$_inFunction = true;
+              $async$goto = 12;
+              return A._asyncAwait($async$self._async_evaluate0$_addErrorSpan$1$2(node, new A._EvaluateVisitor_visitFunctionExpression_closure10(t1, $async$self, node), type$.Value_2), $async$visitFunctionExpression$1);
+            case 12:
+              // returning from await.
+              result = $async$result;
+              $async$self._async_evaluate0$_inFunction = oldInFunction;
+              $async$returnValue = result;
+              // goto return
+              $async$goto = 1;
+              break;
+            case 1:
+              // return
+              return A._asyncReturn($async$returnValue, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$visitFunctionExpression$1, $async$completer);
+    },
+    _async_evaluate0$_visitCalculation$2$inLegacySassFunction(node, inLegacySassFunction) {
+      return this._visitCalculation$body$_EvaluateVisitor0(node, inLegacySassFunction);
+    },
+    _async_evaluate0$_visitCalculation$1(node) {
+      return this._async_evaluate0$_visitCalculation$2$inLegacySassFunction(node, null);
+    },
+    _visitCalculation$body$_EvaluateVisitor0(node, inLegacySassFunction) {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.Value_2),
+        $async$returnValue, $async$next = [], $async$self = this, $arguments, oldCallableNode, t1, _0_0, error, stackTrace, t4, _i, exception, t2, t3, $async$temp1;
+      var $async$_async_evaluate0$_visitCalculation$2$inLegacySassFunction = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              t2 = node.$arguments;
+              t3 = t2.named;
+              if (t3.get$isNotEmpty(t3))
+                throw A.wrapException($async$self._async_evaluate0$_exception$2(string$.Keywor, node.span));
+              else if (t2.rest != null)
+                throw A.wrapException($async$self._async_evaluate0$_exception$2(string$.Rest_a, node.span));
+              $async$self._async_evaluate0$_checkCalculationArguments$1(node);
+              t3 = A._setArrayType([], type$.JSArray_Object);
+              t2 = t2.positional, t4 = t2.length, _i = 0;
+            case 3:
+              // for condition
+              if (!(_i < t4)) {
+                // goto after for
+                $async$goto = 5;
+                break;
+              }
+              $async$temp1 = t3;
+              $async$goto = 6;
+              return A._asyncAwait($async$self._async_evaluate0$_visitCalculationExpression$2$inLegacySassFunction(t2[_i], inLegacySassFunction), $async$_async_evaluate0$_visitCalculation$2$inLegacySassFunction);
+            case 6:
+              // returning from await.
+              $async$temp1.push($async$result);
+            case 4:
+              // for update
+              ++_i;
+              // goto for condition
+              $async$goto = 3;
+              break;
+            case 5:
+              // after for
+              $arguments = t3;
+              if ($async$self._async_evaluate0$_inSupportsDeclaration) {
+                $async$returnValue = new A.SassCalculation0(node.name, A.List_List$unmodifiable($arguments, type$.Object));
+                // goto return
+                $async$goto = 1;
+                break;
+              }
+              oldCallableNode = $async$self._async_evaluate0$_callableNode;
+              $async$self._async_evaluate0$_callableNode = node;
+              try {
+                t1 = null;
+                t3 = node.name;
+                _0_0 = t3.toLowerCase();
+                $label0$0: {
+                  if ("calc" === _0_0) {
+                    t1 = A.SassCalculation_calc0(J.$index$asx($arguments, 0));
+                    break $label0$0;
+                  }
+                  if ("sqrt" === _0_0) {
+                    t1 = A.SassCalculation__singleArgument0("sqrt", J.$index$asx($arguments, 0), A.number2__sqrt$closure(), true);
+                    break $label0$0;
+                  }
+                  if ("sin" === _0_0) {
+                    t1 = A.SassCalculation__singleArgument0("sin", J.$index$asx($arguments, 0), A.number2__sin$closure(), false);
+                    break $label0$0;
+                  }
+                  if ("cos" === _0_0) {
+                    t1 = A.SassCalculation__singleArgument0("cos", J.$index$asx($arguments, 0), A.number2__cos$closure(), false);
+                    break $label0$0;
+                  }
+                  if ("tan" === _0_0) {
+                    t1 = A.SassCalculation__singleArgument0("tan", J.$index$asx($arguments, 0), A.number2__tan$closure(), false);
+                    break $label0$0;
+                  }
+                  if ("asin" === _0_0) {
+                    t1 = A.SassCalculation__singleArgument0("asin", J.$index$asx($arguments, 0), A.number2__asin$closure(), true);
+                    break $label0$0;
+                  }
+                  if ("acos" === _0_0) {
+                    t1 = A.SassCalculation__singleArgument0("acos", J.$index$asx($arguments, 0), A.number2__acos$closure(), true);
+                    break $label0$0;
+                  }
+                  if ("atan" === _0_0) {
+                    t1 = A.SassCalculation__singleArgument0("atan", J.$index$asx($arguments, 0), A.number2__atan$closure(), true);
+                    break $label0$0;
+                  }
+                  if ("abs" === _0_0) {
+                    t1 = A.SassCalculation_abs0(J.$index$asx($arguments, 0));
+                    break $label0$0;
+                  }
+                  if ("exp" === _0_0) {
+                    t1 = A.SassCalculation_exp0(J.$index$asx($arguments, 0));
+                    break $label0$0;
+                  }
+                  if ("sign" === _0_0) {
+                    t1 = A.SassCalculation_sign0(J.$index$asx($arguments, 0));
+                    break $label0$0;
+                  }
+                  if ("min" === _0_0) {
+                    t1 = A.SassCalculation_min0($arguments);
+                    break $label0$0;
+                  }
+                  if ("max" === _0_0) {
+                    t1 = A.SassCalculation_max0($arguments);
+                    break $label0$0;
+                  }
+                  if ("hypot" === _0_0) {
+                    t1 = A.SassCalculation_hypot0($arguments);
+                    break $label0$0;
+                  }
+                  if ("pow" === _0_0) {
+                    t1 = A.SassCalculation_pow0(J.$index$asx($arguments, 0), A.ListExtensions_elementAtOrNull($arguments, 1));
+                    break $label0$0;
+                  }
+                  if ("atan2" === _0_0) {
+                    t1 = A.SassCalculation_atan20(J.$index$asx($arguments, 0), A.ListExtensions_elementAtOrNull($arguments, 1));
+                    break $label0$0;
+                  }
+                  if ("log" === _0_0) {
+                    t1 = A.SassCalculation_log0(J.$index$asx($arguments, 0), A.ListExtensions_elementAtOrNull($arguments, 1));
+                    break $label0$0;
+                  }
+                  if ("mod" === _0_0) {
+                    t1 = A.SassCalculation_mod0(J.$index$asx($arguments, 0), A.ListExtensions_elementAtOrNull($arguments, 1));
+                    break $label0$0;
+                  }
+                  if ("rem" === _0_0) {
+                    t1 = A.SassCalculation_rem0(J.$index$asx($arguments, 0), A.ListExtensions_elementAtOrNull($arguments, 1));
+                    break $label0$0;
+                  }
+                  if ("round" === _0_0) {
+                    t1 = A.SassCalculation_roundInternal0(J.$index$asx($arguments, 0), A.ListExtensions_elementAtOrNull($arguments, 1), A.ListExtensions_elementAtOrNull($arguments, 2), inLegacySassFunction, node.span, new A._EvaluateVisitor__visitCalculation_closure2($async$self, node));
+                    break $label0$0;
+                  }
+                  if ("clamp" === _0_0) {
+                    t1 = A.SassCalculation_clamp0(J.$index$asx($arguments, 0), A.ListExtensions_elementAtOrNull($arguments, 1), A.ListExtensions_elementAtOrNull($arguments, 2));
+                    break $label0$0;
+                  }
+                  if ("calc-size" === _0_0) {
+                    t1 = A.SassCalculation_calcSize0(J.$index$asx($arguments, 0), A.ListExtensions_elementAtOrNull($arguments, 1));
+                    break $label0$0;
+                  }
+                  t3 = A.UnsupportedError$('Unknown calculation name "' + t3 + '".');
+                  t1 = A.throwExpression(t3);
+                }
+                t1 = t1;
+                $async$returnValue = t1;
+                // goto return
+                $async$goto = 1;
+                break;
+              } catch (exception) {
+                t1 = A.unwrapException(exception);
+                if (t1 instanceof A.SassScriptException0) {
+                  error = t1;
+                  stackTrace = A.getTraceFromException(exception);
+                  if (B.JSString_methods.contains$1(error.message, "compatible"))
+                    $async$self._async_evaluate0$_verifyCompatibleNumbers$2($arguments, t2);
+                  A.throwWithTrace0($async$self._async_evaluate0$_exception$2(error.message, node.span), error, stackTrace);
+                } else
+                  throw exception;
+              } finally {
+                $async$self._async_evaluate0$_callableNode = oldCallableNode;
+              }
+            case 1:
+              // return
+              return A._asyncReturn($async$returnValue, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$_async_evaluate0$_visitCalculation$2$inLegacySassFunction, $async$completer);
+    },
+    _async_evaluate0$_checkCalculationArguments$1(node) {
+      var t1, _0_0,
+        check = new A._EvaluateVisitor__checkCalculationArguments_check2(this, node);
+      $label0$0: {
+        t1 = node.name;
+        _0_0 = t1.toLowerCase();
+        if ("calc" === _0_0 || "sqrt" === _0_0 || "sin" === _0_0 || "cos" === _0_0 || "tan" === _0_0 || "asin" === _0_0 || "acos" === _0_0 || "atan" === _0_0 || "abs" === _0_0 || "exp" === _0_0 || "sign" === _0_0) {
+          check.call$1(1);
+          break $label0$0;
+        }
+        if ("min" === _0_0 || "max" === _0_0 || "hypot" === _0_0) {
+          check.call$0();
+          break $label0$0;
+        }
+        if ("pow" === _0_0 || "atan2" === _0_0 || "log" === _0_0 || "mod" === _0_0 || "rem" === _0_0 || "calc-size" === _0_0) {
+          check.call$1(2);
+          break $label0$0;
+        }
+        if ("round" === _0_0 || "clamp" === _0_0) {
+          check.call$1(3);
+          break $label0$0;
+        }
+        throw A.wrapException(A.UnsupportedError$('Unknown calculation name "' + t1 + '".'));
+      }
+    },
+    _async_evaluate0$_verifyCompatibleNumbers$2(args, nodesWithSpans) {
+      var i, t1, _0_0, arg, t2, number1, j, number2, t3, t4, t5, t6;
+      for (i = 0; t1 = args.length, i < t1; ++i) {
+        _0_0 = args[i];
+        if (_0_0 instanceof A.SassNumber0) {
+          t1 = _0_0.get$hasComplexUnits();
+          arg = _0_0;
+        } else {
+          arg = null;
+          t1 = false;
+        }
+        if (t1) {
+          t1 = A.S(arg);
+          t2 = nodesWithSpans[i];
+          throw A.wrapException(this._async_evaluate0$_exception$2("Number " + t1 + " isn't compatible with CSS calculations.", t2.get$span(t2)));
+        }
+      }
+      for (i = 0; i < t1 - 1; ++i) {
+        number1 = args[i];
+        if (!(number1 instanceof A.SassNumber0))
+          continue;
+        for (j = i + 1; t1 = args.length, j < t1; ++j) {
+          number2 = args[j];
+          if (!(number2 instanceof A.SassNumber0))
+            continue;
+          if (number1.hasPossiblyCompatibleUnits$1(number2))
+            continue;
+          t1 = number1.toString$0(0);
+          t2 = number2.toString$0(0);
+          t3 = nodesWithSpans[i];
+          t3 = t3.get$span(t3);
+          t4 = number1.toString$0(0);
+          t5 = nodesWithSpans[j];
+          t5 = A.LinkedHashMap_LinkedHashMap$_literal([t5.get$span(t5), number2.toString$0(0)], type$.FileSpan, type$.String);
+          t6 = nodesWithSpans[i];
+          throw A.wrapException(A.MultiSpanSassRuntimeException$0(t1 + " and " + t2 + " are incompatible.", t3, t4, t5, this._async_evaluate0$_stackTrace$1(t6.get$span(t6)), null));
+        }
+      }
+    },
+    _async_evaluate0$_visitCalculationExpression$2$inLegacySassFunction(node, inLegacySassFunction) {
+      return this._visitCalculationExpression$body$_EvaluateVisitor0(node, inLegacySassFunction);
+    },
+    _visitCalculationExpression$body$_EvaluateVisitor0(node, inLegacySassFunction) {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.Object),
+        $async$returnValue, $async$self = this, result, t2, _0_0, _box_0, _1_0, t3, _i, i, t1, inner, $async$temp1;
+      var $async$_async_evaluate0$_visitCalculationExpression$2$inLegacySassFunction = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              t1 = node instanceof A.ParenthesizedExpression0;
+              inner = t1 ? node.expression : null;
+              $async$goto = t1 ? 3 : 4;
+              break;
+            case 3:
+              // then
+              $async$goto = 5;
+              return A._asyncAwait($async$self._async_evaluate0$_visitCalculationExpression$2$inLegacySassFunction(inner, inLegacySassFunction), $async$_async_evaluate0$_visitCalculationExpression$2$inLegacySassFunction);
+            case 5:
+              // returning from await.
+              result = $async$result;
+              $async$returnValue = result instanceof A.SassString0 ? new A.SassString0("(" + result._string0$_text + ")", false) : result;
+              // goto return
+              $async$goto = 1;
+              break;
+            case 4:
+              // join
+              $async$goto = node instanceof A.StringExpression0 && node.accept$1(B.C_IsCalculationSafeVisitor0) ? 6 : 7;
+              break;
+            case 6:
+              // then
+              t1 = node.text;
+              t2 = t1.get$asPlain();
+              _0_0 = t2 == null ? null : t2.toLowerCase();
+              if ("pi" === _0_0) {
+                t1 = A.SassNumber_SassNumber0(3.141592653589793, null);
+                // goto break $label0$0
+                $async$goto = 8;
+                break;
+              }
+              if ("e" === _0_0) {
+                t1 = A.SassNumber_SassNumber0(2.718281828459045, null);
+                // goto break $label0$0
+                $async$goto = 8;
+                break;
+              }
+              if ("infinity" === _0_0) {
+                t1 = A.SassNumber_SassNumber0(1 / 0, null);
+                // goto break $label0$0
+                $async$goto = 8;
+                break;
+              }
+              if ("-infinity" === _0_0) {
+                t1 = A.SassNumber_SassNumber0(-1 / 0, null);
+                // goto break $label0$0
+                $async$goto = 8;
+                break;
+              }
+              if ("nan" === _0_0) {
+                t1 = A.SassNumber_SassNumber0(0 / 0, null);
+                // goto break $label0$0
+                $async$goto = 8;
+                break;
+              }
+              $async$temp1 = A;
+              $async$goto = 9;
+              return A._asyncAwait($async$self._async_evaluate0$_performInterpolation$1(t1), $async$_async_evaluate0$_visitCalculationExpression$2$inLegacySassFunction);
+            case 9:
+              // returning from await.
+              t1 = new $async$temp1.SassString0($async$result, false);
+              // goto break $label0$0
+              $async$goto = 8;
+              break;
+            case 8:
+              // break $label0$0
+              $async$returnValue = t1;
+              // goto return
+              $async$goto = 1;
+              break;
+            case 7:
+              // join
+              _box_0 = {};
+              _box_0.right = _box_0.left = _box_0.operator = null;
+              t1 = node instanceof A.BinaryOperationExpression0;
+              if (t1) {
+                _box_0.operator = node.operator;
+                _box_0.left = node.left;
+                _box_0.right = node.right;
+              }
+              $async$goto = t1 ? 10 : 11;
+              break;
+            case 10:
+              // then
+              $async$self._async_evaluate0$_checkWhitespaceAroundCalculationOperator$1(node);
+              $async$goto = 12;
+              return A._asyncAwait($async$self._async_evaluate0$_addExceptionSpanAsync$1$2(node, new A._EvaluateVisitor__visitCalculationExpression_closure2(_box_0, $async$self, node, inLegacySassFunction), type$.Object), $async$_async_evaluate0$_visitCalculationExpression$2$inLegacySassFunction);
+            case 12:
+              // returning from await.
+              $async$returnValue = $async$result;
+              // goto return
+              $async$goto = 1;
+              break;
+            case 11:
+              // join
+              $async$goto = node instanceof A.NumberExpression0 || node instanceof A.VariableExpression0 || node instanceof A.FunctionExpression0 || node instanceof A.IfExpression0 ? 13 : 14;
+              break;
+            case 13:
+              // then
+              $async$goto = 15;
+              return A._asyncAwait(node.accept$1($async$self), $async$_async_evaluate0$_visitCalculationExpression$2$inLegacySassFunction);
+            case 15:
+              // returning from await.
+              _1_0 = $async$result;
+              $label1$1: {
+                if (_1_0 instanceof A.SassNumber0) {
+                  t1 = _1_0;
+                  break $label1$1;
+                }
+                if (_1_0 instanceof A.SassCalculation0) {
+                  t1 = _1_0;
+                  break $label1$1;
+                }
+                if (_1_0 instanceof A.SassString0) {
+                  t1 = !_1_0._string0$_hasQuotes;
+                  result = _1_0;
+                } else {
+                  result = null;
+                  t1 = false;
+                }
+                if (t1) {
+                  t1 = result;
+                  break $label1$1;
+                }
+                t1 = A.throwExpression($async$self._async_evaluate0$_exception$2("Value " + _1_0.toString$0(0) + " can't be used in a calculation.", node.get$span(node)));
+              }
+              $async$returnValue = t1;
+              // goto return
+              $async$goto = 1;
+              break;
+            case 14:
+              // join
+              $async$goto = node instanceof A.ListExpression0 && !node.hasBrackets && B.ListSeparator_qSL0 === node.separator && node.contents.length >= 2 ? 16 : 17;
+              break;
+            case 16:
+              // then
+              t1 = A._setArrayType([], type$.JSArray_Object);
+              t2 = node.contents, t3 = t2.length, _i = 0;
+            case 18:
+              // for condition
+              if (!(_i < t3)) {
+                // goto after for
+                $async$goto = 20;
+                break;
+              }
+              $async$temp1 = t1;
+              $async$goto = 21;
+              return A._asyncAwait($async$self._async_evaluate0$_visitCalculationExpression$2$inLegacySassFunction(t2[_i], inLegacySassFunction), $async$_async_evaluate0$_visitCalculationExpression$2$inLegacySassFunction);
+            case 21:
+              // returning from await.
+              $async$temp1.push($async$result);
+            case 19:
+              // for update
+              ++_i;
+              // goto for condition
+              $async$goto = 18;
+              break;
+            case 20:
+              // after for
+              $async$self._async_evaluate0$_checkAdjacentCalculationValues$2(t1, node);
+              for (i = 0; i < t1.length; ++i) {
+                t3 = t1[i];
+                if (t3 instanceof A.CalculationOperation0 && t2[i] instanceof A.ParenthesizedExpression0)
+                  t1[i] = new A.SassString0("(" + t3.toString$0(0) + ")", false);
+              }
+              $async$returnValue = new A.SassString0(B.JSArray_methods.join$1(t1, " "), false);
+              // goto return
+              $async$goto = 1;
+              break;
+            case 17:
+              // join
+              throw A.wrapException($async$self._async_evaluate0$_exception$2(string$.This_e, node.get$span(node)));
+            case 1:
+              // return
+              return A._asyncReturn($async$returnValue, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$_async_evaluate0$_visitCalculationExpression$2$inLegacySassFunction, $async$completer);
+    },
+    _async_evaluate0$_checkWhitespaceAroundCalculationOperator$1(node) {
+      var t2, t3, t4, textBetweenOperands, first, last,
+        t1 = node.operator;
+      if (t1 !== B.BinaryOperator_Swh0 && t1 !== B.BinaryOperator_QG10)
+        return;
+      t1 = node.left;
+      t2 = t1.get$span(t1);
+      t2 = t2.get$file(t2);
+      t3 = node.right;
+      t4 = t3.get$span(t3);
+      if (t2 !== t4.get$file(t4))
+        return;
+      t2 = t1.get$span(t1);
+      t2 = t2.get$end(t2);
+      t4 = t3.get$span(t3);
+      if (t2.offset >= t4.get$start(t4).offset)
+        return;
+      t2 = t1.get$span(t1);
+      t2 = t2.get$file(t2);
+      t1 = t1.get$span(t1);
+      t1 = t1.get$end(t1);
+      t3 = t3.get$span(t3);
+      textBetweenOperands = A.String_String$fromCharCodes(B.NativeUint32List_methods.sublist$2(t2._decodedChars, t1.offset, t3.get$start(t3).offset), 0, null);
+      first = textBetweenOperands.charCodeAt(0);
+      last = textBetweenOperands.charCodeAt(textBetweenOperands.length - 1);
+      if (first === 32 || first === 9 || first === 10 || first === 13 || first === 12 || first === 47)
+        t1 = !(last === 32 || last === 9 || last === 10 || last === 13 || last === 12 || last === 47);
+      else
+        t1 = true;
+      if (t1)
+        throw A.wrapException(this._async_evaluate0$_exception$2(string$.x22x2b__an, node.get$operatorSpan()));
+    },
+    _async_evaluate0$_binaryOperatorToCalculationOperator$2(operator, node) {
+      var t1;
+      $label0$0: {
+        if (B.BinaryOperator_Swh0 === operator) {
+          t1 = B.CalculationOperator_F7i0;
+          break $label0$0;
+        }
+        if (B.BinaryOperator_QG10 === operator) {
+          t1 = B.CalculationOperator_oum0;
+          break $label0$0;
+        }
+        if (B.BinaryOperator_tht0 === operator) {
+          t1 = B.CalculationOperator_kkN0;
+          break $label0$0;
+        }
+        if (B.BinaryOperator_Mh50 === operator) {
+          t1 = B.CalculationOperator_bo50;
+          break $label0$0;
+        }
+        t1 = A.throwExpression(this._async_evaluate0$_exception$2(string$.This_o, node.get$operatorSpan()));
+      }
+      return t1;
+    },
+    _async_evaluate0$_checkAdjacentCalculationValues$2(elements, node) {
+      var t1, i, t2, previous, current, previousNode, currentNode, _0_2;
+      for (t1 = elements.length, i = 1; i < t1; ++i) {
+        t2 = i - 1;
+        previous = elements[t2];
+        current = elements[i];
+        if (previous instanceof A.SassString0 || current instanceof A.SassString0)
+          continue;
+        t1 = node.contents;
+        previousNode = t1[t2];
+        currentNode = t1[i];
+        if (currentNode instanceof A.UnaryOperationExpression0) {
+          _0_2 = currentNode.operator;
+          if (B.UnaryOperator_UCP0 !== _0_2)
+            t1 = B.UnaryOperator_Rbl0 === _0_2;
+          else
+            t1 = true;
+        } else
+          t1 = false;
+        if (!t1)
+          t1 = currentNode instanceof A.NumberExpression0 && currentNode.value < 0;
+        else
+          t1 = true;
+        if (t1)
+          throw A.wrapException(this._async_evaluate0$_exception$2(string$.x22x2b__an, A.FileSpanExtension_subspan(currentNode.get$span(currentNode), 0, 1)));
+        else
+          throw A.wrapException(this._async_evaluate0$_exception$2("Missing math operator.", previousNode.get$span(previousNode).expand$1(0, currentNode.get$span(currentNode))));
+      }
+    },
+    visitInterpolatedFunctionExpression$1(_, node) {
+      return this.visitInterpolatedFunctionExpression$body$_EvaluateVisitor0(0, node);
+    },
+    visitInterpolatedFunctionExpression$body$_EvaluateVisitor0(_, node) {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.Value_2),
+        $async$returnValue, $async$self = this, result, t1, oldInFunction;
+      var $async$visitInterpolatedFunctionExpression$1 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              $async$goto = 3;
+              return A._asyncAwait($async$self._async_evaluate0$_performInterpolation$1(node.name), $async$visitInterpolatedFunctionExpression$1);
+            case 3:
+              // returning from await.
+              t1 = $async$result;
+              oldInFunction = $async$self._async_evaluate0$_inFunction;
+              $async$self._async_evaluate0$_inFunction = true;
+              $async$goto = 4;
+              return A._asyncAwait($async$self._async_evaluate0$_addErrorSpan$1$2(node, new A._EvaluateVisitor_visitInterpolatedFunctionExpression_closure2($async$self, node, new A.PlainCssCallable0(t1)), type$.Value_2), $async$visitInterpolatedFunctionExpression$1);
+            case 4:
+              // returning from await.
+              result = $async$result;
+              $async$self._async_evaluate0$_inFunction = oldInFunction;
+              $async$returnValue = result;
+              // goto return
+              $async$goto = 1;
+              break;
+            case 1:
+              // return
+              return A._asyncReturn($async$returnValue, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$visitInterpolatedFunctionExpression$1, $async$completer);
+    },
+    _async_evaluate0$_runUserDefinedCallable$1$4($arguments, callable, nodeWithSpan, run, $V) {
+      return this._runUserDefinedCallable$body$_EvaluateVisitor0($arguments, callable, nodeWithSpan, run, $V, $V);
+    },
+    _runUserDefinedCallable$body$_EvaluateVisitor0($arguments, callable, nodeWithSpan, run, $V, $async$type) {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter($async$type),
+        $async$returnValue, $async$self = this, oldInDependency, result, evaluated, $name;
+      var $async$_async_evaluate0$_runUserDefinedCallable$1$4 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              $async$goto = 3;
+              return A._asyncAwait($async$self._async_evaluate0$_evaluateArguments$1($arguments), $async$_async_evaluate0$_runUserDefinedCallable$1$4);
+            case 3:
+              // returning from await.
+              evaluated = $async$result;
+              $name = callable.declaration.name;
+              if ($name !== "@content")
+                $name += "()";
+              oldInDependency = $async$self._async_evaluate0$_inDependency;
+              $async$self._async_evaluate0$_inDependency = callable.inDependency;
+              $async$goto = 4;
+              return A._asyncAwait($async$self._async_evaluate0$_withStackFrame$1$3($name, nodeWithSpan, new A._EvaluateVisitor__runUserDefinedCallable_closure2($async$self, callable, evaluated, nodeWithSpan, run, $V), $V), $async$_async_evaluate0$_runUserDefinedCallable$1$4);
+            case 4:
+              // returning from await.
+              result = $async$result;
+              $async$self._async_evaluate0$_inDependency = oldInDependency;
+              $async$returnValue = result;
+              // goto return
+              $async$goto = 1;
+              break;
+            case 1:
+              // return
+              return A._asyncReturn($async$returnValue, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$_async_evaluate0$_runUserDefinedCallable$1$4, $async$completer);
+    },
+    _async_evaluate0$_runFunctionCallable$3($arguments, callable, nodeWithSpan) {
+      return this._runFunctionCallable$body$_EvaluateVisitor0($arguments, callable, nodeWithSpan);
+    },
+    _runFunctionCallable$body$_EvaluateVisitor0($arguments, callable, nodeWithSpan) {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.Value_2),
+        $async$returnValue, $async$handler = 2, $async$errorStack = [], $async$self = this, buffer, first, argument, restArg, rest, error, t1, t2, _i, t3, t4, exception, $async$exception, $async$temp1;
+      var $async$_async_evaluate0$_runFunctionCallable$3 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1) {
+          $async$errorStack.push($async$result);
+          $async$goto = $async$handler;
+        }
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              $async$goto = type$.AsyncBuiltInCallable_2._is(callable) ? 3 : 5;
+              break;
+            case 3:
+              // then
+              $async$goto = 6;
+              return A._asyncAwait($async$self._async_evaluate0$_runBuiltInCallable$3($arguments, callable, nodeWithSpan), $async$_async_evaluate0$_runFunctionCallable$3);
+            case 6:
+              // returning from await.
+              $async$returnValue = $async$self._async_evaluate0$_withoutSlash$2($async$result, nodeWithSpan);
+              // goto return
+              $async$goto = 1;
+              break;
+              // goto join
+              $async$goto = 4;
+              break;
+            case 5:
+              // else
+              $async$goto = type$.UserDefinedCallable_AsyncEnvironment_2._is(callable) ? 7 : 9;
+              break;
+            case 7:
+              // then
+              $async$goto = 10;
+              return A._asyncAwait($async$self._async_evaluate0$_runUserDefinedCallable$1$4($arguments, callable, nodeWithSpan, new A._EvaluateVisitor__runFunctionCallable_closure2($async$self, callable), type$.Value_2), $async$_async_evaluate0$_runFunctionCallable$3);
+            case 10:
+              // returning from await.
+              $async$returnValue = $async$result;
+              // goto return
+              $async$goto = 1;
+              break;
+              // goto join
+              $async$goto = 8;
+              break;
+            case 9:
+              // else
+              $async$goto = callable instanceof A.PlainCssCallable0 ? 11 : 13;
+              break;
+            case 11:
+              // then
+              t1 = $arguments.named;
+              if (t1.get$isNotEmpty(t1) || $arguments.keywordRest != null)
+                throw A.wrapException($async$self._async_evaluate0$_exception$2(string$.Plain_, nodeWithSpan.get$span(nodeWithSpan)));
+              buffer = new A.StringBuffer(callable.name + "(");
+              $async$handler = 15;
+              first = true;
+              t1 = $arguments.positional, t2 = t1.length, _i = 0;
+            case 18:
+              // for condition
+              if (!(_i < t2)) {
+                // goto after for
+                $async$goto = 20;
+                break;
+              }
+              argument = t1[_i];
+              if (first)
+                first = false;
+              else
+                buffer._contents += ", ";
+              t3 = buffer;
+              $async$temp1 = A;
+              $async$goto = 21;
+              return A._asyncAwait($async$self._async_evaluate0$_evaluateToCss$1(argument), $async$_async_evaluate0$_runFunctionCallable$3);
+            case 21:
+              // returning from await.
+              t4 = $async$temp1.S($async$result);
+              t3._contents += t4;
+            case 19:
+              // for update
+              ++_i;
+              // goto for condition
+              $async$goto = 18;
+              break;
+            case 20:
+              // after for
+              restArg = $arguments.rest;
+              $async$goto = restArg != null ? 22 : 23;
+              break;
+            case 22:
+              // then
+              $async$goto = 24;
+              return A._asyncAwait(restArg.accept$1($async$self), $async$_async_evaluate0$_runFunctionCallable$3);
+            case 24:
+              // returning from await.
+              rest = $async$result;
+              if (!first)
+                buffer._contents += ", ";
+              t1 = buffer;
+              t2 = $async$self._async_evaluate0$_serialize$2(rest, restArg);
+              t1._contents += t2;
+            case 23:
+              // join
+              $async$handler = 2;
+              // goto after finally
+              $async$goto = 17;
+              break;
+            case 15:
+              // catch
+              $async$handler = 14;
+              $async$exception = $async$errorStack.pop();
+              t1 = A.unwrapException($async$exception);
+              if (type$.SassRuntimeException_2._is(t1)) {
+                error = t1;
+                if (!B.JSString_methods.endsWith$1(error._span_exception$_message, "isn't a valid CSS value."))
+                  throw $async$exception;
+                throw A.wrapException(A.MultiSpanSassRuntimeException$0(error._span_exception$_message, J.get$span$z(error), "value", A.LinkedHashMap_LinkedHashMap$_literal([nodeWithSpan.get$span(nodeWithSpan), "unknown function treated as plain CSS"], type$.FileSpan, type$.String), J.get$trace$z(error), null));
+              } else
+                throw $async$exception;
+              // goto after finally
+              $async$goto = 17;
+              break;
+            case 14:
+              // uncaught
+              // goto rethrow
+              $async$goto = 2;
+              break;
+            case 17:
+              // after finally
+              t1 = buffer;
+              t2 = A.Primitives_stringFromCharCode(41);
+              t1._contents += t2;
+              t2 = buffer._contents;
+              $async$returnValue = new A.SassString0(t2.charCodeAt(0) == 0 ? t2 : t2, false);
+              // goto return
+              $async$goto = 1;
+              break;
+              // goto join
+              $async$goto = 12;
+              break;
+            case 13:
+              // else
+              throw A.wrapException(A.ArgumentError$("Unknown callable type " + J.get$runtimeType$(callable).toString$0(0) + ".", null));
+            case 12:
+              // join
+            case 8:
+              // join
+            case 4:
+              // join
+            case 1:
+              // return
+              return A._asyncReturn($async$returnValue, $async$completer);
+            case 2:
+              // rethrow
+              return A._asyncRethrow($async$errorStack.at(-1), $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$_async_evaluate0$_runFunctionCallable$3, $async$completer);
+    },
+    _async_evaluate0$_runBuiltInCallable$3($arguments, callable, nodeWithSpan) {
+      return this._runBuiltInCallable$body$_EvaluateVisitor0($arguments, callable, nodeWithSpan);
+    },
+    _runBuiltInCallable$body$_EvaluateVisitor0($arguments, callable, nodeWithSpan) {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.Value_2),
+        $async$returnValue, $async$handler = 2, $async$errorStack = [], $async$self = this, result, error, stackTrace, namedSet, _0_0, parameters, i, t1, t2, t3, parameter, t4, t5, t6, t7, rest, argumentList, exception, _box_0, evaluated, oldCallableNode, $async$exception;
+      var $async$_async_evaluate0$_runBuiltInCallable$3 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1) {
+          $async$errorStack.push($async$result);
+          $async$goto = $async$handler;
+        }
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              _box_0 = {};
+              $async$goto = 3;
+              return A._asyncAwait($async$self._async_evaluate0$_evaluateArguments$1($arguments), $async$_async_evaluate0$_runBuiltInCallable$3);
+            case 3:
+              // returning from await.
+              evaluated = $async$result;
+              oldCallableNode = $async$self._async_evaluate0$_callableNode;
+              $async$self._async_evaluate0$_callableNode = nodeWithSpan;
+              namedSet = new A.MapKeySet(evaluated._values[0], type$.MapKeySet_String);
+              _box_0.callback = _box_0.overload = null;
+              _0_0 = callable.callbackFor$2(J.get$length$asx(evaluated._values[2]), namedSet);
+              _box_0.overload = _0_0._0;
+              _box_0.callback = _0_0._1;
+              $async$self._async_evaluate0$_addExceptionSpan$2(nodeWithSpan, new A._EvaluateVisitor__runBuiltInCallable_closure8(_box_0, evaluated, namedSet));
+              parameters = _box_0.overload.parameters;
+              i = J.get$length$asx(evaluated._values[2]), t1 = parameters.length, t2 = type$._Future_Value_2, t3 = type$.Future_Value_2;
+            case 4:
+              // for condition
+              if (!(i < t1)) {
+                // goto after for
+                $async$goto = 6;
+                break;
+              }
+              parameter = parameters[i];
+              t4 = evaluated._values[2];
+              t5 = evaluated._values[0].remove$1(0, parameter.name);
+              $async$goto = t5 == null ? 7 : 8;
+              break;
+            case 7:
+              // then
+              t5 = parameter.defaultValue;
+              t6 = t5.accept$1($async$self);
+              if (!t3._is(t6)) {
+                t7 = new A._Future($.Zone__current, t2);
+                t7._state = 8;
+                t7._resultOrListeners = t6;
+                t6 = t7;
+              }
+              $async$goto = 9;
+              return A._asyncAwait(t6, $async$_async_evaluate0$_runBuiltInCallable$3);
+            case 9:
+              // returning from await.
+              t5 = $async$self._async_evaluate0$_withoutSlash$2($async$result, t5);
+            case 8:
+              // join
+              J.add$1$ax(t4, t5);
+            case 5:
+              // for update
+              ++i;
+              // goto for condition
+              $async$goto = 4;
+              break;
+            case 6:
+              // after for
+              if (_box_0.overload.restParameter != null) {
+                if (J.get$length$asx(evaluated._values[2]) > t1) {
+                  rest = J.sublist$1$ax(evaluated._values[2], t1);
+                  J.removeRange$2$ax(evaluated._values[2], t1, J.get$length$asx(evaluated._values[2]));
+                } else
+                  rest = B.List_empty21;
+                t1 = evaluated._values[0];
+                argumentList = A.SassArgumentList$0(rest, t1, evaluated._values[4] === B.ListSeparator_undecided_null_undecided0 ? B.ListSeparator_qVN0 : evaluated._values[4]);
+                J.add$1$ax(evaluated._values[2], argumentList);
+              } else
+                argumentList = null;
+              result = null;
+              $async$handler = 11;
+              $async$goto = 14;
+              return A._asyncAwait($async$self._async_evaluate0$_addExceptionSpanAsync$1$2(nodeWithSpan, new A._EvaluateVisitor__runBuiltInCallable_closure9(_box_0, evaluated), type$.Value_2), $async$_async_evaluate0$_runBuiltInCallable$3);
+            case 14:
+              // returning from await.
+              result = $async$result;
+              $async$handler = 2;
+              // goto after finally
+              $async$goto = 13;
+              break;
+            case 11:
+              // catch
+              $async$handler = 10;
+              $async$exception = $async$errorStack.pop();
+              t1 = A.unwrapException($async$exception);
+              if (t1 instanceof A.SassException0)
+                throw $async$exception;
+              else {
+                error = t1;
+                stackTrace = A.getTraceFromException($async$exception);
+                A.throwWithTrace0($async$self._async_evaluate0$_exception$2($async$self._async_evaluate0$_getErrorMessage$1(error), nodeWithSpan.get$span(nodeWithSpan)), error, stackTrace);
+              }
+              // goto after finally
+              $async$goto = 13;
+              break;
+            case 10:
+              // uncaught
+              // goto rethrow
+              $async$goto = 2;
+              break;
+            case 13:
+              // after finally
+              $async$self._async_evaluate0$_callableNode = oldCallableNode;
+              if (argumentList == null) {
+                $async$returnValue = result;
+                // goto return
+                $async$goto = 1;
+                break;
+              }
+              t1 = evaluated._values[0];
+              if (t1.get$isEmpty(t1)) {
+                $async$returnValue = result;
+                // goto return
+                $async$goto = 1;
+                break;
+              }
+              if (argumentList._argument_list$_wereKeywordsAccessed) {
+                $async$returnValue = result;
+                // goto return
+                $async$goto = 1;
+                break;
+              }
+              t1 = evaluated._values[0];
+              t1 = t1.get$keys(t1);
+              t1 = A.pluralize0("parameter", t1.get$length(t1), null);
+              t2 = evaluated._values[0];
+              t2 = t2.get$keys(t2);
+              throw A.wrapException(A.MultiSpanSassRuntimeException$0("No " + t1 + " named " + A.toSentence0(t2.map$1$1(t2, new A._EvaluateVisitor__runBuiltInCallable_closure10(), type$.Object), "or") + ".", nodeWithSpan.get$span(nodeWithSpan), "invocation", A.LinkedHashMap_LinkedHashMap$_literal([_box_0.overload.get$spanWithName(), "declaration"], type$.FileSpan, type$.String), $async$self._async_evaluate0$_stackTrace$1(nodeWithSpan.get$span(nodeWithSpan)), null));
+            case 1:
+              // return
+              return A._asyncReturn($async$returnValue, $async$completer);
+            case 2:
+              // rethrow
+              return A._asyncRethrow($async$errorStack.at(-1), $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$_async_evaluate0$_runBuiltInCallable$3, $async$completer);
+    },
+    _async_evaluate0$_evaluateArguments$1($arguments) {
+      return this._evaluateArguments$body$_EvaluateVisitor0($arguments);
+    },
+    _evaluateArguments$body$_EvaluateVisitor0($arguments) {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.Record_5_Map_String_Value_named_and_Map_String_AstNode_namedNodes_and_List_Value_positional_and_List_AstNode_positionalNodes_and_ListSeparator_separator_2),
+        $async$returnValue, $async$self = this, t1, t2, t3, t4, _i, expression, nodeForSpan, t5, t6, named, namedNodes, $name, value, t7, restArgs, rest, restNodeForSpan, separator, keywordRestArgs, keywordRest, keywordRestNodeForSpan, positional, positionalNodes, $async$temp1, $async$temp2;
+      var $async$_async_evaluate0$_evaluateArguments$1 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              positional = A._setArrayType([], type$.JSArray_Value_2);
+              positionalNodes = A._setArrayType([], type$.JSArray_AstNode_2);
+              t1 = $arguments.positional, t2 = t1.length, t3 = type$._Future_Value_2, t4 = type$.Future_Value_2, _i = 0;
+            case 3:
+              // for condition
+              if (!(_i < t2)) {
+                // goto after for
+                $async$goto = 5;
+                break;
+              }
+              expression = t1[_i];
+              nodeForSpan = $async$self._async_evaluate0$_expressionNode$1(expression);
+              t5 = expression.accept$1($async$self);
+              if (!t4._is(t5)) {
+                t6 = new A._Future($.Zone__current, t3);
+                t6._state = 8;
+                t6._resultOrListeners = t5;
+                t5 = t6;
+              }
+              $async$temp1 = positional;
+              $async$goto = 6;
+              return A._asyncAwait(t5, $async$_async_evaluate0$_evaluateArguments$1);
+            case 6:
+              // returning from await.
+              $async$temp1.push($async$self._async_evaluate0$_withoutSlash$2($async$result, nodeForSpan));
+              positionalNodes.push(nodeForSpan);
+            case 4:
+              // for update
+              ++_i;
+              // goto for condition
+              $async$goto = 3;
+              break;
+            case 5:
+              // after for
+              t1 = type$.String;
+              named = A.LinkedHashMap_LinkedHashMap$_empty(t1, type$.Value_2);
+              t2 = type$.AstNode_2;
+              namedNodes = A.LinkedHashMap_LinkedHashMap$_empty(t1, t2);
+              t5 = A.MapExtensions_get_pairs0($arguments.named, t1, type$.Expression_2), t5 = t5.get$iterator(t5);
+            case 7:
+              // for condition
+              if (!t5.moveNext$0()) {
+                // goto after for
+                $async$goto = 8;
+                break;
+              }
+              t6 = t5.get$current(t5);
+              $name = t6._0;
+              value = t6._1;
+              nodeForSpan = $async$self._async_evaluate0$_expressionNode$1(value);
+              t6 = value.accept$1($async$self);
+              if (!t4._is(t6)) {
+                t7 = new A._Future($.Zone__current, t3);
+                t7._state = 8;
+                t7._resultOrListeners = t6;
+                t6 = t7;
+              }
+              $async$temp1 = named;
+              $async$temp2 = $name;
+              $async$goto = 9;
+              return A._asyncAwait(t6, $async$_async_evaluate0$_evaluateArguments$1);
+            case 9:
+              // returning from await.
+              $async$temp1.$indexSet(0, $async$temp2, $async$self._async_evaluate0$_withoutSlash$2($async$result, nodeForSpan));
+              namedNodes.$indexSet(0, $name, nodeForSpan);
+              // goto for condition
+              $async$goto = 7;
+              break;
+            case 8:
+              // after for
+              restArgs = $arguments.rest;
+              if (restArgs == null) {
+                $async$returnValue = new A._Record_5_named_namedNodes_positional_positionalNodes_separator([named, namedNodes, positional, positionalNodes, B.ListSeparator_undecided_null_undecided0]);
+                // goto return
+                $async$goto = 1;
+                break;
+              }
+              $async$goto = 10;
+              return A._asyncAwait(restArgs.accept$1($async$self), $async$_async_evaluate0$_evaluateArguments$1);
+            case 10:
+              // returning from await.
+              rest = $async$result;
+              restNodeForSpan = $async$self._async_evaluate0$_expressionNode$1(restArgs);
+              if (rest instanceof A.SassMap0) {
+                $async$self._async_evaluate0$_addRestMap$4(named, rest, restArgs, new A._EvaluateVisitor__evaluateArguments_closure11());
+                t3 = A.LinkedHashMap_LinkedHashMap$_empty(t1, t2);
+                for (t4 = rest._map0$_contents, t4 = t4.get$keys(t4), t4 = t4.get$iterator(t4), t5 = type$.SassString_2; t4.moveNext$0();)
+                  t3.$indexSet(0, t5._as(t4.get$current(t4))._string0$_text, restNodeForSpan);
+                namedNodes.addAll$1(0, t3);
+                separator = B.ListSeparator_undecided_null_undecided0;
+              } else if (rest instanceof A.SassList0) {
+                t3 = rest._list1$_contents;
+                B.JSArray_methods.addAll$1(positional, new A.MappedListIterable(t3, new A._EvaluateVisitor__evaluateArguments_closure12($async$self, restNodeForSpan), A._arrayInstanceType(t3)._eval$1("MappedListIterable<1,Value0>")));
+                B.JSArray_methods.addAll$1(positionalNodes, A.List_List$filled(t3.length, restNodeForSpan, false, t2));
+                separator = rest._list1$_separator;
+                if (rest instanceof A.SassArgumentList0) {
+                  rest._argument_list$_wereKeywordsAccessed = true;
+                  rest._argument_list$_keywords.forEach$1(0, new A._EvaluateVisitor__evaluateArguments_closure13($async$self, named, restNodeForSpan, namedNodes));
+                }
+              } else {
+                positional.push($async$self._async_evaluate0$_withoutSlash$2(rest, restNodeForSpan));
+                positionalNodes.push(restNodeForSpan);
+                separator = B.ListSeparator_undecided_null_undecided0;
+              }
+              keywordRestArgs = $arguments.keywordRest;
+              if (keywordRestArgs == null) {
+                $async$returnValue = new A._Record_5_named_namedNodes_positional_positionalNodes_separator([named, namedNodes, positional, positionalNodes, separator]);
+                // goto return
+                $async$goto = 1;
+                break;
+              }
+              $async$goto = 11;
+              return A._asyncAwait(keywordRestArgs.accept$1($async$self), $async$_async_evaluate0$_evaluateArguments$1);
+            case 11:
+              // returning from await.
+              keywordRest = $async$result;
+              keywordRestNodeForSpan = $async$self._async_evaluate0$_expressionNode$1(keywordRestArgs);
+              if (keywordRest instanceof A.SassMap0) {
+                $async$self._async_evaluate0$_addRestMap$4(named, keywordRest, keywordRestArgs, new A._EvaluateVisitor__evaluateArguments_closure14());
+                t1 = A.LinkedHashMap_LinkedHashMap$_empty(t1, t2);
+                for (t2 = keywordRest._map0$_contents, t2 = t2.get$keys(t2), t2 = t2.get$iterator(t2), t3 = type$.SassString_2; t2.moveNext$0();)
+                  t1.$indexSet(0, t3._as(t2.get$current(t2))._string0$_text, keywordRestNodeForSpan);
+                namedNodes.addAll$1(0, t1);
+                $async$returnValue = new A._Record_5_named_namedNodes_positional_positionalNodes_separator([named, namedNodes, positional, positionalNodes, separator]);
+                // goto return
+                $async$goto = 1;
+                break;
+              } else
+                throw A.wrapException($async$self._async_evaluate0$_exception$2(string$.Variabs + keywordRest.toString$0(0) + ").", keywordRestArgs.get$span(keywordRestArgs)));
+            case 1:
+              // return
+              return A._asyncReturn($async$returnValue, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$_async_evaluate0$_evaluateArguments$1, $async$completer);
+    },
+    _async_evaluate0$_evaluateMacroArguments$1(invocation) {
+      return this._evaluateMacroArguments$body$_EvaluateVisitor0(invocation);
+    },
+    _evaluateMacroArguments$body$_EvaluateVisitor0(invocation) {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.Record_2_List_Expression_and_Map_String_Expression_2),
+        $async$returnValue, $async$self = this, t2, positional, named, rest, restNodeForSpan, keywordRestArgs_, keywordRest, keywordRestNodeForSpan, t1, restArgs_;
+      var $async$_async_evaluate0$_evaluateMacroArguments$1 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              t1 = invocation.$arguments;
+              restArgs_ = t1.rest;
+              if (restArgs_ == null) {
+                $async$returnValue = new A._Record_2(t1.positional, t1.named);
+                // goto return
+                $async$goto = 1;
+                break;
+              }
+              t2 = t1.positional;
+              positional = A._setArrayType(t2.slice(0), A._arrayInstanceType(t2));
+              named = A.LinkedHashMap_LinkedHashMap$of(t1.named, type$.String, type$.Expression_2);
+              $async$goto = 3;
+              return A._asyncAwait(restArgs_.accept$1($async$self), $async$_async_evaluate0$_evaluateMacroArguments$1);
+            case 3:
+              // returning from await.
+              rest = $async$result;
+              restNodeForSpan = $async$self._async_evaluate0$_expressionNode$1(restArgs_);
+              if (rest instanceof A.SassMap0)
+                $async$self._async_evaluate0$_addRestMap$4(named, rest, invocation, new A._EvaluateVisitor__evaluateMacroArguments_closure11(restArgs_));
+              else if (rest instanceof A.SassList0) {
+                t2 = rest._list1$_contents;
+                B.JSArray_methods.addAll$1(positional, new A.MappedListIterable(t2, new A._EvaluateVisitor__evaluateMacroArguments_closure12($async$self, restNodeForSpan, restArgs_), A._arrayInstanceType(t2)._eval$1("MappedListIterable<1,Expression0>")));
+                if (rest instanceof A.SassArgumentList0) {
+                  rest._argument_list$_wereKeywordsAccessed = true;
+                  rest._argument_list$_keywords.forEach$1(0, new A._EvaluateVisitor__evaluateMacroArguments_closure13($async$self, named, restNodeForSpan, restArgs_));
+                }
+              } else
+                positional.push(new A.ValueExpression0($async$self._async_evaluate0$_withoutSlash$2(rest, restNodeForSpan), restArgs_.get$span(restArgs_)));
+              keywordRestArgs_ = t1.keywordRest;
+              if (keywordRestArgs_ == null) {
+                $async$returnValue = new A._Record_2(positional, named);
+                // goto return
+                $async$goto = 1;
+                break;
+              }
+              $async$goto = 4;
+              return A._asyncAwait(keywordRestArgs_.accept$1($async$self), $async$_async_evaluate0$_evaluateMacroArguments$1);
+            case 4:
+              // returning from await.
+              keywordRest = $async$result;
+              keywordRestNodeForSpan = $async$self._async_evaluate0$_expressionNode$1(keywordRestArgs_);
+              if (keywordRest instanceof A.SassMap0) {
+                $async$self._async_evaluate0$_addRestMap$4(named, keywordRest, invocation, new A._EvaluateVisitor__evaluateMacroArguments_closure14($async$self, keywordRestNodeForSpan, keywordRestArgs_));
+                $async$returnValue = new A._Record_2(positional, named);
+                // goto return
+                $async$goto = 1;
+                break;
+              } else
+                throw A.wrapException($async$self._async_evaluate0$_exception$2(string$.Variabs + keywordRest.toString$0(0) + ").", keywordRestArgs_.get$span(keywordRestArgs_)));
+            case 1:
+              // return
+              return A._asyncReturn($async$returnValue, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$_async_evaluate0$_evaluateMacroArguments$1, $async$completer);
+    },
+    _async_evaluate0$_addRestMap$1$4(values, map, nodeWithSpan, convert) {
+      map._map0$_contents.forEach$1(0, new A._EvaluateVisitor__addRestMap_closure2(this, values, convert, this._async_evaluate0$_expressionNode$1(nodeWithSpan), map, nodeWithSpan));
+    },
+    _async_evaluate0$_addRestMap$4(values, map, nodeWithSpan, convert) {
+      return this._async_evaluate0$_addRestMap$1$4(values, map, nodeWithSpan, convert, type$.dynamic);
+    },
+    _async_evaluate0$_verifyArguments$4(positional, named, parameters, nodeWithSpan) {
+      return this._async_evaluate0$_addExceptionSpan$2(nodeWithSpan, new A._EvaluateVisitor__verifyArguments_closure2(parameters, positional, named));
+    },
+    visitSelectorExpression$1(_, node) {
+      return this.visitSelectorExpression$body$_EvaluateVisitor0(0, node);
+    },
+    visitSelectorExpression$body$_EvaluateVisitor0(_, node) {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.Value_2),
+        $async$returnValue, $async$self = this, t1;
+      var $async$visitSelectorExpression$1 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              t1 = $async$self._async_evaluate0$_styleRuleIgnoringAtRoot;
+              t1 = t1 == null ? null : t1.originalSelector.get$asSassList();
+              $async$returnValue = t1 == null ? B.C__SassNull0 : t1;
+              // goto return
+              $async$goto = 1;
+              break;
+            case 1:
+              // return
+              return A._asyncReturn($async$returnValue, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$visitSelectorExpression$1, $async$completer);
+    },
+    visitStringExpression$1(_, node) {
+      return this.visitStringExpression$body$_EvaluateVisitor0(0, node);
+    },
+    visitStringExpression$body$_EvaluateVisitor0(_, node) {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.SassString_2),
+        $async$returnValue, $async$self = this, t1, t2, t3, _i, value, t4, _0_0, text, oldInSupportsDeclaration;
+      var $async$visitStringExpression$1 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              oldInSupportsDeclaration = $async$self._async_evaluate0$_inSupportsDeclaration;
+              $async$self._async_evaluate0$_inSupportsDeclaration = false;
+              t1 = A._setArrayType([], type$.JSArray_String);
+              t2 = node.text.contents, t3 = t2.length, _i = 0;
+            case 3:
+              // for condition
+              if (!(_i < t3)) {
+                // goto after for
+                $async$goto = 5;
+                break;
+              }
+              value = t2[_i];
+              if (typeof value == "string") {
+                t4 = value;
+                // goto break $label0$0
+                $async$goto = 6;
+                break;
+              }
+              $async$goto = value instanceof A.Expression0 ? 7 : 8;
+              break;
+            case 7:
+              // then
+              $async$goto = 9;
+              return A._asyncAwait(value.accept$1($async$self), $async$visitStringExpression$1);
+            case 9:
+              // returning from await.
+              _0_0 = $async$result;
+              $label1$1: {
+                if (_0_0 instanceof A.SassString0) {
+                  text = _0_0._string0$_text;
+                  t4 = text;
+                  break $label1$1;
+                }
+                t4 = $async$self._async_evaluate0$_serialize$3$quote(_0_0, value, false);
+                break $label1$1;
+              }
+              // goto break $label0$0
+              $async$goto = 6;
+              break;
+            case 8:
+              // join
+              t4 = A.throwExpression(A.UnsupportedError$("Unknown interpolation value " + A.S(value)));
+            case 6:
+              // break $label0$0
+              t1.push(t4);
+            case 4:
+              // for update
+              ++_i;
+              // goto for condition
+              $async$goto = 3;
+              break;
+            case 5:
+              // after for
+              t1 = B.JSArray_methods.join$0(t1);
+              $async$self._async_evaluate0$_inSupportsDeclaration = oldInSupportsDeclaration;
+              $async$returnValue = new A.SassString0(t1, node.hasQuotes);
+              // goto return
+              $async$goto = 1;
+              break;
+            case 1:
+              // return
+              return A._asyncReturn($async$returnValue, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$visitStringExpression$1, $async$completer);
+    },
+    visitSupportsExpression$1(_, expression) {
+      return this.visitSupportsExpression$body$_EvaluateVisitor0(0, expression);
+    },
+    visitSupportsExpression$body$_EvaluateVisitor0(_, expression) {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.SassString_2),
+        $async$returnValue, $async$self = this, $async$temp1;
+      var $async$visitSupportsExpression$1 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              $async$temp1 = A;
+              $async$goto = 3;
+              return A._asyncAwait($async$self._async_evaluate0$_visitSupportsCondition$1(expression.condition), $async$visitSupportsExpression$1);
+            case 3:
+              // returning from await.
+              $async$returnValue = new $async$temp1.SassString0($async$result, false);
+              // goto return
+              $async$goto = 1;
+              break;
+            case 1:
+              // return
+              return A._asyncReturn($async$returnValue, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$visitSupportsExpression$1, $async$completer);
+    },
+    visitCssAtRule$1(node) {
+      return this.visitCssAtRule$body$_EvaluateVisitor0(node);
+    },
+    visitCssAtRule$body$_EvaluateVisitor0(node) {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.void),
+        $async$returnValue, $async$self = this, wasInKeyframes, wasInUnknownAtRule, t1;
+      var $async$visitCssAtRule$1 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              if ($async$self._async_evaluate0$_declarationName != null)
+                throw A.wrapException($async$self._async_evaluate0$_exception$2(string$.At_rul, node.span));
+              if (node.isChildless) {
+                $async$self._async_evaluate0$_copyParentAfterSibling$0();
+                $async$self._async_evaluate0$_assertInModule$2($async$self._async_evaluate0$__parent, "__parent").addChild$1(A.ModifiableCssAtRule$0(node.name, node.span, true, node.value));
+                // goto return
+                $async$goto = 1;
+                break;
+              }
+              wasInKeyframes = $async$self._async_evaluate0$_inKeyframes;
+              wasInUnknownAtRule = $async$self._async_evaluate0$_inUnknownAtRule;
+              t1 = node.name;
+              if (A.unvendor0(t1.value) === "keyframes")
+                $async$self._async_evaluate0$_inKeyframes = true;
+              else
+                $async$self._async_evaluate0$_inUnknownAtRule = true;
+              $async$goto = 3;
+              return A._asyncAwait($async$self._async_evaluate0$_withParent$2$4$scopeWhen$through(A.ModifiableCssAtRule$0(t1, node.span, false, node.value), new A._EvaluateVisitor_visitCssAtRule_closure5($async$self, node), false, new A._EvaluateVisitor_visitCssAtRule_closure6(), type$.ModifiableCssAtRule_2, type$.Null), $async$visitCssAtRule$1);
+            case 3:
+              // returning from await.
+              $async$self._async_evaluate0$_inUnknownAtRule = wasInUnknownAtRule;
+              $async$self._async_evaluate0$_inKeyframes = wasInKeyframes;
+            case 1:
+              // return
+              return A._asyncReturn($async$returnValue, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$visitCssAtRule$1, $async$completer);
+    },
+    visitCssComment$1(node) {
+      return this.visitCssComment$body$_EvaluateVisitor0(node);
+    },
+    visitCssComment$body$_EvaluateVisitor0(node) {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.void),
+        $async$self = this;
+      var $async$visitCssComment$1 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              if ($async$self._async_evaluate0$_assertInModule$2($async$self._async_evaluate0$__parent, "__parent") === $async$self._async_evaluate0$_assertInModule$2($async$self._async_evaluate0$__root, "_root") && $async$self._async_evaluate0$_assertInModule$2($async$self._async_evaluate0$__endOfImports, "_endOfImports") === J.get$length$asx($async$self._async_evaluate0$_assertInModule$2($async$self._async_evaluate0$__root, "_root").children._collection$_source))
+                $async$self._async_evaluate0$__endOfImports = $async$self._async_evaluate0$_assertInModule$2($async$self._async_evaluate0$__endOfImports, "_endOfImports") + 1;
+              $async$self._async_evaluate0$_copyParentAfterSibling$0();
+              $async$self._async_evaluate0$_assertInModule$2($async$self._async_evaluate0$__parent, "__parent").addChild$1(new A.ModifiableCssComment0(node.text, node.span));
+              // implicit return
+              return A._asyncReturn(null, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$visitCssComment$1, $async$completer);
+    },
+    visitCssDeclaration$1(node) {
+      return this.visitCssDeclaration$body$_EvaluateVisitor0(node);
+    },
+    visitCssDeclaration$body$_EvaluateVisitor0(node) {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.void),
+        $async$self = this;
+      var $async$visitCssDeclaration$1 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              $async$self._async_evaluate0$_copyParentAfterSibling$0();
+              $async$self._async_evaluate0$_assertInModule$2($async$self._async_evaluate0$__parent, "__parent").addChild$1(A.ModifiableCssDeclaration$0(node.name, node.value, node.span, node.parsedAsCustomProperty, null, node.valueSpanForMap));
+              // implicit return
+              return A._asyncReturn(null, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$visitCssDeclaration$1, $async$completer);
+    },
+    visitCssImport$1(node) {
+      return this.visitCssImport$body$_EvaluateVisitor0(node);
+    },
+    visitCssImport$body$_EvaluateVisitor0(node) {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.void),
+        $async$self = this, t1, modifiableNode;
+      var $async$visitCssImport$1 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              modifiableNode = new A.ModifiableCssImport0(node.url, node.modifiers, node.span);
+              if ($async$self._async_evaluate0$_assertInModule$2($async$self._async_evaluate0$__parent, "__parent") !== $async$self._async_evaluate0$_assertInModule$2($async$self._async_evaluate0$__root, "_root")) {
+                $async$self._async_evaluate0$_copyParentAfterSibling$0();
+                $async$self._async_evaluate0$_assertInModule$2($async$self._async_evaluate0$__parent, "__parent").addChild$1(modifiableNode);
+              } else if ($async$self._async_evaluate0$_assertInModule$2($async$self._async_evaluate0$__endOfImports, "_endOfImports") === J.get$length$asx($async$self._async_evaluate0$_assertInModule$2($async$self._async_evaluate0$__root, "_root").children._collection$_source)) {
+                $async$self._async_evaluate0$_assertInModule$2($async$self._async_evaluate0$__root, "_root").addChild$1(modifiableNode);
+                $async$self._async_evaluate0$__endOfImports = $async$self._async_evaluate0$_assertInModule$2($async$self._async_evaluate0$__endOfImports, "_endOfImports") + 1;
+              } else {
+                t1 = $async$self._async_evaluate0$_outOfOrderImports;
+                (t1 == null ? $async$self._async_evaluate0$_outOfOrderImports = A._setArrayType([], type$.JSArray_ModifiableCssImport_2) : t1).push(modifiableNode);
+              }
+              // implicit return
+              return A._asyncReturn(null, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$visitCssImport$1, $async$completer);
+    },
+    visitCssKeyframeBlock$1(node) {
+      return this.visitCssKeyframeBlock$body$_EvaluateVisitor0(node);
+    },
+    visitCssKeyframeBlock$body$_EvaluateVisitor0(node) {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.void),
+        $async$self = this;
+      var $async$visitCssKeyframeBlock$1 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              $async$goto = 2;
+              return A._asyncAwait($async$self._async_evaluate0$_withParent$2$4$scopeWhen$through(A.ModifiableCssKeyframeBlock$0(node.selector, node.span), new A._EvaluateVisitor_visitCssKeyframeBlock_closure5($async$self, node), false, new A._EvaluateVisitor_visitCssKeyframeBlock_closure6(), type$.ModifiableCssKeyframeBlock_2, type$.Null), $async$visitCssKeyframeBlock$1);
+            case 2:
+              // returning from await.
+              // implicit return
+              return A._asyncReturn(null, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$visitCssKeyframeBlock$1, $async$completer);
+    },
+    visitCssMediaRule$1(node) {
+      return this.visitCssMediaRule$body$_EvaluateVisitor0(node);
+    },
+    visitCssMediaRule$body$_EvaluateVisitor0(node) {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.void),
+        $async$returnValue, $async$self = this, mergedQueries, t1, mergedSources, t2, t3;
+      var $async$visitCssMediaRule$1 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              if ($async$self._async_evaluate0$_declarationName != null)
+                throw A.wrapException($async$self._async_evaluate0$_exception$2(string$.Media_, node.span));
+              mergedQueries = A.NullableExtension_andThen0($async$self._async_evaluate0$_mediaQueries, new A._EvaluateVisitor_visitCssMediaRule_closure8($async$self, node));
+              t1 = mergedQueries == null;
+              if (!t1 && J.get$isEmpty$asx(mergedQueries)) {
+                // goto return
+                $async$goto = 1;
+                break;
+              }
+              if (t1)
+                mergedSources = B.Set_empty6;
+              else {
+                t2 = $async$self._async_evaluate0$_mediaQuerySources;
+                t2.toString;
+                t2 = A.LinkedHashSet_LinkedHashSet$of(t2, type$.CssMediaQuery_2);
+                t3 = $async$self._async_evaluate0$_mediaQueries;
+                t3.toString;
+                t2.addAll$1(0, t3);
+                t2.addAll$1(0, node.queries);
+                mergedSources = t2;
+              }
+              t1 = t1 ? node.queries : mergedQueries;
+              $async$goto = 3;
+              return A._asyncAwait($async$self._async_evaluate0$_withParent$2$4$scopeWhen$through(A.ModifiableCssMediaRule$0(t1, node.span), new A._EvaluateVisitor_visitCssMediaRule_closure9($async$self, mergedQueries, node, mergedSources), false, new A._EvaluateVisitor_visitCssMediaRule_closure10(mergedSources), type$.ModifiableCssMediaRule_2, type$.Null), $async$visitCssMediaRule$1);
+            case 3:
+              // returning from await.
+            case 1:
+              // return
+              return A._asyncReturn($async$returnValue, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$visitCssMediaRule$1, $async$completer);
+    },
+    visitCssStyleRule$1(node) {
+      return this.visitCssStyleRule$body$_EvaluateVisitor0(node);
+    },
+    visitCssStyleRule$body$_EvaluateVisitor0(node) {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.void),
+        $async$self = this, t1, styleRule, _0_0, t2, t3, originalSelector, rule, oldAtRootExcludingStyleRule, _1_1, lastChild;
+      var $async$visitCssStyleRule$1 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              if ($async$self._async_evaluate0$_declarationName != null)
+                throw A.wrapException($async$self._async_evaluate0$_exception$2(string$.Style_n, node.span));
+              else if ($async$self._async_evaluate0$_inKeyframes && $async$self._async_evaluate0$_assertInModule$2($async$self._async_evaluate0$__parent, "__parent") instanceof A.ModifiableCssKeyframeBlock0)
+                throw A.wrapException($async$self._async_evaluate0$_exception$2(string$.Style_k, node.span));
+              t1 = $async$self._async_evaluate0$_atRootExcludingStyleRule;
+              styleRule = t1 ? null : $async$self._async_evaluate0$_styleRuleIgnoringAtRoot;
+              _0_0 = t1 ? null : $async$self._async_evaluate0$_styleRuleIgnoringAtRoot;
+              $label0$0: {
+                if (_0_0 == null) {
+                  t1 = true;
+                  break $label0$0;
+                }
+                if (_0_0.fromPlainCss) {
+                  t1 = false;
+                  break $label0$0;
+                }
+                t1 = !(node.fromPlainCss && node._style_rule0$_selector._box0$_inner.value.accept$1(B.C__ContainsParentSelectorVisitor0));
+                break $label0$0;
+              }
+              t2 = node._style_rule0$_selector._box0$_inner;
+              if (t1) {
+                t2 = t2.value;
+                t3 = styleRule == null ? null : styleRule.originalSelector;
+                originalSelector = t2.nestWithin$3$implicitParent$preserveParentSelectors(t3, !$async$self._async_evaluate0$_atRootExcludingStyleRule, node.fromPlainCss);
+              } else
+                originalSelector = t2.value;
+              rule = A.ModifiableCssStyleRule$0($async$self._async_evaluate0$_assertInModule$2($async$self._async_evaluate0$__extensionStore, "_extensionStore").addSelector$2(originalSelector, $async$self._async_evaluate0$_mediaQueries), node.span, node.fromPlainCss, originalSelector);
+              oldAtRootExcludingStyleRule = $async$self._async_evaluate0$_atRootExcludingStyleRule;
+              $async$self._async_evaluate0$_atRootExcludingStyleRule = false;
+              t1 = t1 ? new A._EvaluateVisitor_visitCssStyleRule_closure5() : null;
+              $async$goto = 2;
+              return A._asyncAwait($async$self._async_evaluate0$_withParent$2$4$scopeWhen$through(rule, new A._EvaluateVisitor_visitCssStyleRule_closure6($async$self, rule, node), false, t1, type$.ModifiableCssStyleRule_2, type$.Null), $async$visitCssStyleRule$1);
+            case 2:
+              // returning from await.
+              $async$self._async_evaluate0$_atRootExcludingStyleRule = oldAtRootExcludingStyleRule;
+              t1 = $async$self._async_evaluate0$_assertInModule$2($async$self._async_evaluate0$__parent, "__parent").children._collection$_source;
+              t2 = J.getInterceptor$asx(t1);
+              _1_1 = t2.get$length(t1);
+              if (_1_1 >= 1) {
+                lastChild = t2.elementAt$1(t1, _1_1 - 1);
+                t1 = styleRule == null;
+              } else {
+                lastChild = null;
+                t1 = false;
+              }
+              if (t1)
+                lastChild.isGroupEnd = true;
+              // implicit return
+              return A._asyncReturn(null, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$visitCssStyleRule$1, $async$completer);
+    },
+    visitCssStylesheet$1(node) {
+      return this.visitCssStylesheet$body$_EvaluateVisitor0(node);
+    },
+    visitCssStylesheet$body$_EvaluateVisitor0(node) {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.void),
+        $async$self = this, t1;
+      var $async$visitCssStylesheet$1 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              t1 = J.get$iterator$ax(node.get$children(node));
+            case 2:
+              // for condition
+              if (!t1.moveNext$0()) {
+                // goto after for
+                $async$goto = 3;
+                break;
+              }
+              $async$goto = 4;
+              return A._asyncAwait(t1.get$current(t1).accept$1($async$self), $async$visitCssStylesheet$1);
+            case 4:
+              // returning from await.
+              // goto for condition
+              $async$goto = 2;
+              break;
+            case 3:
+              // after for
+              // implicit return
+              return A._asyncReturn(null, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$visitCssStylesheet$1, $async$completer);
+    },
+    visitCssSupportsRule$1(node) {
+      return this.visitCssSupportsRule$body$_EvaluateVisitor0(node);
+    },
+    visitCssSupportsRule$body$_EvaluateVisitor0(node) {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.void),
+        $async$self = this;
+      var $async$visitCssSupportsRule$1 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              if ($async$self._async_evaluate0$_declarationName != null)
+                throw A.wrapException($async$self._async_evaluate0$_exception$2(string$.Suppor, node.span));
+              $async$goto = 2;
+              return A._asyncAwait($async$self._async_evaluate0$_withParent$2$4$scopeWhen$through(A.ModifiableCssSupportsRule$0(node.condition, node.span), new A._EvaluateVisitor_visitCssSupportsRule_closure5($async$self, node), false, new A._EvaluateVisitor_visitCssSupportsRule_closure6(), type$.ModifiableCssSupportsRule_2, type$.Null), $async$visitCssSupportsRule$1);
+            case 2:
+              // returning from await.
+              // implicit return
+              return A._asyncReturn(null, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$visitCssSupportsRule$1, $async$completer);
+    },
+    _async_evaluate0$_handleReturn$1$2(list, callback) {
+      return this._handleReturn$body$_EvaluateVisitor0(list, callback);
+    },
+    _async_evaluate0$_handleReturn$2(list, callback) {
+      return this._async_evaluate0$_handleReturn$1$2(list, callback, type$.dynamic);
+    },
+    _handleReturn$body$_EvaluateVisitor0(list, callback) {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.nullable_Value_2),
+        $async$returnValue, t1, _i, _0_0;
+      var $async$_async_evaluate0$_handleReturn$1$2 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              t1 = list.length, _i = 0;
+            case 3:
+              // for condition
+              if (!(_i < list.length)) {
+                // goto after for
+                $async$goto = 5;
+                break;
+              }
+              $async$goto = 6;
+              return A._asyncAwait(callback.call$1(list[_i]), $async$_async_evaluate0$_handleReturn$1$2);
+            case 6:
+              // returning from await.
+              _0_0 = $async$result;
+              if (_0_0 != null) {
+                $async$returnValue = _0_0;
+                // goto return
+                $async$goto = 1;
+                break;
+              }
+            case 4:
+              // for update
+              list.length === t1 || (0, A.throwConcurrentModificationError)(list), ++_i;
+              // goto for condition
+              $async$goto = 3;
+              break;
+            case 5:
+              // after for
+              $async$returnValue = null;
+              // goto return
+              $async$goto = 1;
+              break;
+            case 1:
+              // return
+              return A._asyncReturn($async$returnValue, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$_async_evaluate0$_handleReturn$1$2, $async$completer);
+    },
+    _async_evaluate0$_withEnvironment$1$2(environment, callback, $T) {
+      return this._withEnvironment$body$_EvaluateVisitor0(environment, callback, $T, $T);
+    },
+    _withEnvironment$body$_EvaluateVisitor0(environment, callback, $T, $async$type) {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter($async$type),
+        $async$returnValue, $async$self = this, result, oldEnvironment;
+      var $async$_async_evaluate0$_withEnvironment$1$2 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              oldEnvironment = $async$self._async_evaluate0$_environment;
+              $async$self._async_evaluate0$_environment = environment;
+              $async$goto = 3;
+              return A._asyncAwait(callback.call$0(), $async$_async_evaluate0$_withEnvironment$1$2);
+            case 3:
+              // returning from await.
+              result = $async$result;
+              $async$self._async_evaluate0$_environment = oldEnvironment;
+              $async$returnValue = result;
+              // goto return
+              $async$goto = 1;
+              break;
+            case 1:
+              // return
+              return A._asyncReturn($async$returnValue, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$_async_evaluate0$_withEnvironment$1$2, $async$completer);
+    },
+    _async_evaluate0$_interpolationToValue$3$trim$warnForColor(interpolation, trim, warnForColor) {
+      return this._interpolationToValue$body$_EvaluateVisitor0(interpolation, trim, warnForColor);
+    },
+    _async_evaluate0$_interpolationToValue$1(interpolation) {
+      return this._async_evaluate0$_interpolationToValue$3$trim$warnForColor(interpolation, false, false);
+    },
+    _async_evaluate0$_interpolationToValue$2$warnForColor(interpolation, warnForColor) {
+      return this._async_evaluate0$_interpolationToValue$3$trim$warnForColor(interpolation, false, warnForColor);
+    },
+    _interpolationToValue$body$_EvaluateVisitor0(interpolation, trim, warnForColor) {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.CssValue_String_2),
+        $async$returnValue, $async$self = this, result, t1;
+      var $async$_async_evaluate0$_interpolationToValue$3$trim$warnForColor = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              $async$goto = 3;
+              return A._asyncAwait($async$self._async_evaluate0$_performInterpolation$2$warnForColor(interpolation, warnForColor), $async$_async_evaluate0$_interpolationToValue$3$trim$warnForColor);
+            case 3:
+              // returning from await.
+              result = $async$result;
+              t1 = trim ? A.trimAscii0(result, true) : result;
+              $async$returnValue = new A.CssValue0(t1, interpolation.span, type$.CssValue_String_2);
+              // goto return
+              $async$goto = 1;
+              break;
+            case 1:
+              // return
+              return A._asyncReturn($async$returnValue, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$_async_evaluate0$_interpolationToValue$3$trim$warnForColor, $async$completer);
+    },
+    _async_evaluate0$_performInterpolation$2$warnForColor(interpolation, warnForColor) {
+      return this._performInterpolation$body$_EvaluateVisitor0(interpolation, warnForColor);
+    },
+    _async_evaluate0$_performInterpolation$1(interpolation) {
+      return this._async_evaluate0$_performInterpolation$2$warnForColor(interpolation, false);
+    },
+    _performInterpolation$body$_EvaluateVisitor0(interpolation, warnForColor) {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.String),
+        $async$returnValue, $async$self = this;
+      var $async$_async_evaluate0$_performInterpolation$2$warnForColor = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              $async$goto = 3;
+              return A._asyncAwait($async$self._async_evaluate0$_performInterpolationHelper$3$sourceMap$warnForColor(interpolation, false, warnForColor), $async$_async_evaluate0$_performInterpolation$2$warnForColor);
+            case 3:
+              // returning from await.
+              $async$returnValue = $async$result._0;
+              // goto return
+              $async$goto = 1;
+              break;
+            case 1:
+              // return
+              return A._asyncReturn($async$returnValue, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$_async_evaluate0$_performInterpolation$2$warnForColor, $async$completer);
+    },
+    _async_evaluate0$_performInterpolationWithMap$2$warnForColor(interpolation, warnForColor) {
+      return this._performInterpolationWithMap$body$_EvaluateVisitor0(interpolation, true);
+    },
+    _performInterpolationWithMap$body$_EvaluateVisitor0(interpolation, warnForColor) {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.Record_2_String_and_InterpolationMap_2),
+        $async$returnValue, $async$self = this, _0_0, result, map;
+      var $async$_async_evaluate0$_performInterpolationWithMap$2$warnForColor = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              $async$goto = 3;
+              return A._asyncAwait($async$self._async_evaluate0$_performInterpolationHelper$3$sourceMap$warnForColor(interpolation, true, true), $async$_async_evaluate0$_performInterpolationWithMap$2$warnForColor);
+            case 3:
+              // returning from await.
+              _0_0 = $async$result;
+              result = _0_0._0;
+              map = _0_0._1;
+              map.toString;
+              $async$returnValue = new A._Record_2(result, map);
+              // goto return
+              $async$goto = 1;
+              break;
+            case 1:
+              // return
+              return A._asyncReturn($async$returnValue, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$_async_evaluate0$_performInterpolationWithMap$2$warnForColor, $async$completer);
+    },
+    _async_evaluate0$_performInterpolationHelper$3$sourceMap$warnForColor(interpolation, sourceMap, warnForColor) {
+      return this._performInterpolationHelper$body$_EvaluateVisitor0(interpolation, sourceMap, warnForColor);
+    },
+    _performInterpolationHelper$body$_EvaluateVisitor0(interpolation, sourceMap, warnForColor) {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.Record_2_String_and_nullable_InterpolationMap_2),
+        $async$returnValue, $async$self = this, t1, t2, t3, t4, t5, t6, first, _i, t7, value, result, result0, t8, targetLocations, oldInSupportsDeclaration;
+      var $async$_async_evaluate0$_performInterpolationHelper$3$sourceMap$warnForColor = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              targetLocations = sourceMap ? A._setArrayType([], type$.JSArray_SourceLocation) : null;
+              oldInSupportsDeclaration = $async$self._async_evaluate0$_inSupportsDeclaration;
+              $async$self._async_evaluate0$_inSupportsDeclaration = false;
+              t1 = interpolation.contents, t2 = t1.length, t3 = type$.Expression_2, t4 = targetLocations == null, t5 = interpolation.span, t6 = type$.Object, first = true, _i = 0, t7 = "";
+            case 3:
+              // for condition
+              if (!(_i < t2)) {
+                // goto after for
+                $async$goto = 5;
+                break;
+              }
+              value = t1[_i];
+              if (!first)
+                if (!t4)
+                  targetLocations.push(A.SourceLocation$(t7.length, null, null, null));
+              if (typeof value == "string") {
+                t7 += value;
+                // goto for update
+                $async$goto = 4;
+                break;
+              }
+              t3._as(value);
+              $async$goto = 6;
+              return A._asyncAwait(value.accept$1($async$self), $async$_async_evaluate0$_performInterpolationHelper$3$sourceMap$warnForColor);
+            case 6:
+              // returning from await.
+              result = $async$result;
+              if (warnForColor && $.$get$namesByColor0().containsKey$1(result)) {
+                result0 = A.List_List$from([""], false, t6);
+                result0.$flags = 3;
+                t8 = $.$get$namesByColor0();
+                $async$self._async_evaluate0$_warn$2(string$.You_pr + A.S(t8.$index(0, result)) + string$.x20in_in + result.toString$0(0) + string$.x2c_whicw + A.S(t8.$index(0, result)) + string$.x22x29__If + new A.BinaryOperationExpression0(B.BinaryOperator_Swh0, new A.StringExpression0(new A.Interpolation0(result0, B.List_null, t5), true), value, false).toString$0(0) + "'.", value.get$span(value));
+              }
+              t7 += $async$self._async_evaluate0$_serialize$3$quote(result, value, false);
+            case 4:
+              // for update
+              ++_i, first = false;
+              // goto for condition
+              $async$goto = 3;
+              break;
+            case 5:
+              // after for
+              $async$self._async_evaluate0$_inSupportsDeclaration = oldInSupportsDeclaration;
+              $async$returnValue = new A._Record_2(t7.charCodeAt(0) == 0 ? t7 : t7, A.NullableExtension_andThen0(targetLocations, new A._EvaluateVisitor__performInterpolationHelper_closure2(interpolation)));
+              // goto return
+              $async$goto = 1;
+              break;
+            case 1:
+              // return
+              return A._asyncReturn($async$returnValue, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$_async_evaluate0$_performInterpolationHelper$3$sourceMap$warnForColor, $async$completer);
+    },
+    _async_evaluate0$_evaluateToCss$2$quote(expression, quote) {
+      return this._evaluateToCss$body$_EvaluateVisitor0(expression, quote);
+    },
+    _async_evaluate0$_evaluateToCss$1(expression) {
+      return this._async_evaluate0$_evaluateToCss$2$quote(expression, true);
+    },
+    _evaluateToCss$body$_EvaluateVisitor0(expression, quote) {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.String),
+        $async$returnValue, $async$self = this, t1;
+      var $async$_async_evaluate0$_evaluateToCss$2$quote = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              t1 = expression.accept$1($async$self);
+              $async$goto = 3;
+              return A._asyncAwait(type$.Future_Value_2._is(t1) ? t1 : A._Future$value(t1, type$.Value_2), $async$_async_evaluate0$_evaluateToCss$2$quote);
+            case 3:
+              // returning from await.
+              $async$returnValue = $async$self._async_evaluate0$_serialize$3$quote($async$result, expression, quote);
+              // goto return
+              $async$goto = 1;
+              break;
+            case 1:
+              // return
+              return A._asyncReturn($async$returnValue, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$_async_evaluate0$_evaluateToCss$2$quote, $async$completer);
+    },
+    _async_evaluate0$_serialize$3$quote(value, nodeWithSpan, quote) {
+      return this._async_evaluate0$_addExceptionSpan$2(nodeWithSpan, new A._EvaluateVisitor__serialize_closure2(value, quote));
+    },
+    _async_evaluate0$_serialize$2(value, nodeWithSpan) {
+      return this._async_evaluate0$_serialize$3$quote(value, nodeWithSpan, true);
+    },
+    _async_evaluate0$_expressionNode$1(expression) {
+      var t1;
+      if (expression instanceof A.VariableExpression0) {
+        t1 = this._async_evaluate0$_addExceptionSpan$2(expression, new A._EvaluateVisitor__expressionNode_closure2(this, expression));
+        return t1 == null ? expression : t1;
+      } else
+        return expression;
+    },
+    _async_evaluate0$_withParent$2$4$scopeWhen$through(node, callback, scopeWhen, through, $S, $T) {
+      return this._withParent$body$_EvaluateVisitor0(node, callback, scopeWhen, through, $S, $T, $T);
+    },
+    _async_evaluate0$_withParent$2$2(node, callback, $S, $T) {
+      return this._async_evaluate0$_withParent$2$4$scopeWhen$through(node, callback, true, null, $S, $T);
+    },
+    _async_evaluate0$_withParent$2$3$scopeWhen(node, callback, scopeWhen, $S, $T) {
+      return this._async_evaluate0$_withParent$2$4$scopeWhen$through(node, callback, scopeWhen, null, $S, $T);
+    },
+    _withParent$body$_EvaluateVisitor0(node, callback, scopeWhen, through, $S, $T, $async$type) {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter($async$type),
+        $async$returnValue, $async$self = this, oldParent, result;
+      var $async$_async_evaluate0$_withParent$2$4$scopeWhen$through = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              $async$self._async_evaluate0$_addChild$2$through(node, through);
+              oldParent = $async$self._async_evaluate0$_assertInModule$2($async$self._async_evaluate0$__parent, "__parent");
+              $async$self._async_evaluate0$__parent = node;
+              $async$goto = 3;
+              return A._asyncAwait($async$self._async_evaluate0$_environment.scope$1$2$when(callback, scopeWhen, $T), $async$_async_evaluate0$_withParent$2$4$scopeWhen$through);
+            case 3:
+              // returning from await.
+              result = $async$result;
+              $async$self._async_evaluate0$__parent = oldParent;
+              $async$returnValue = result;
+              // goto return
+              $async$goto = 1;
+              break;
+            case 1:
+              // return
+              return A._asyncReturn($async$returnValue, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$_async_evaluate0$_withParent$2$4$scopeWhen$through, $async$completer);
+    },
+    _async_evaluate0$_copyParentAfterSibling$0() {
+      var t1, grandparent, newParent, _this = this,
+        _s8_ = "__parent",
+        _0_0 = _this._async_evaluate0$_assertInModule$2(_this._async_evaluate0$__parent, _s8_)._node$_parent;
+      if (_0_0 != null) {
+        t1 = _0_0.children;
+        t1 = t1.get$last(t1) !== _this._async_evaluate0$_assertInModule$2(_this._async_evaluate0$__parent, _s8_);
+        grandparent = _0_0;
+      } else {
+        grandparent = null;
+        t1 = false;
+      }
+      if (t1) {
+        newParent = _this._async_evaluate0$_assertInModule$2(_this._async_evaluate0$__parent, _s8_).copyWithoutChildren$0();
+        grandparent.addChild$1(newParent);
+        _this._async_evaluate0$__parent = newParent;
+      }
+    },
+    _async_evaluate0$_addChild$2$through(node, through) {
+      var _0_0, grandparent, t1,
+        $parent = this._async_evaluate0$_assertInModule$2(this._async_evaluate0$__parent, "__parent");
+      if (through != null) {
+        for (; through.call$1($parent); $parent = _0_0) {
+          _0_0 = $parent._node$_parent;
+          if (_0_0 == null)
+            throw A.wrapException(A.ArgumentError$(string$.throug + node.toString$0(0) + ".", null));
+        }
+        if ($parent.get$hasFollowingSibling()) {
+          grandparent = $parent._node$_parent;
+          t1 = grandparent.children;
+          if ($parent.equalsIgnoringChildren$1(t1.get$last(t1)))
+            $parent = type$.ModifiableCssParentNode_2._as(t1.get$last(t1));
+          else {
+            $parent = $parent.copyWithoutChildren$0();
+            grandparent.addChild$1($parent);
+          }
+        }
+      }
+      $parent.addChild$1(node);
+    },
+    _async_evaluate0$_addChild$1(node) {
+      return this._async_evaluate0$_addChild$2$through(node, null);
+    },
+    _async_evaluate0$_withStyleRule$1$2(rule, callback, $T) {
+      return this._withStyleRule$body$_EvaluateVisitor0(rule, callback, $T, $T);
+    },
+    _withStyleRule$body$_EvaluateVisitor0(rule, callback, $T, $async$type) {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter($async$type),
+        $async$returnValue, $async$self = this, result, oldRule;
+      var $async$_async_evaluate0$_withStyleRule$1$2 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              oldRule = $async$self._async_evaluate0$_styleRuleIgnoringAtRoot;
+              $async$self._async_evaluate0$_styleRuleIgnoringAtRoot = rule;
+              $async$goto = 3;
+              return A._asyncAwait(callback.call$0(), $async$_async_evaluate0$_withStyleRule$1$2);
+            case 3:
+              // returning from await.
+              result = $async$result;
+              $async$self._async_evaluate0$_styleRuleIgnoringAtRoot = oldRule;
+              $async$returnValue = result;
+              // goto return
+              $async$goto = 1;
+              break;
+            case 1:
+              // return
+              return A._asyncReturn($async$returnValue, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$_async_evaluate0$_withStyleRule$1$2, $async$completer);
+    },
+    _async_evaluate0$_withMediaQueries$1$3(queries, sources, callback, $T) {
+      return this._withMediaQueries$body$_EvaluateVisitor0(queries, sources, callback, $T, $T);
+    },
+    _withMediaQueries$body$_EvaluateVisitor0(queries, sources, callback, $T, $async$type) {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter($async$type),
+        $async$returnValue, $async$self = this, result, oldMediaQueries, oldSources;
+      var $async$_async_evaluate0$_withMediaQueries$1$3 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              oldMediaQueries = $async$self._async_evaluate0$_mediaQueries;
+              oldSources = $async$self._async_evaluate0$_mediaQuerySources;
+              $async$self._async_evaluate0$_mediaQueries = queries;
+              $async$self._async_evaluate0$_mediaQuerySources = sources;
+              $async$goto = 3;
+              return A._asyncAwait(callback.call$0(), $async$_async_evaluate0$_withMediaQueries$1$3);
+            case 3:
+              // returning from await.
+              result = $async$result;
+              $async$self._async_evaluate0$_mediaQueries = oldMediaQueries;
+              $async$self._async_evaluate0$_mediaQuerySources = oldSources;
+              $async$returnValue = result;
+              // goto return
+              $async$goto = 1;
+              break;
+            case 1:
+              // return
+              return A._asyncReturn($async$returnValue, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$_async_evaluate0$_withMediaQueries$1$3, $async$completer);
+    },
+    _async_evaluate0$_withStackFrame$1$3(member, nodeWithSpan, callback, $T) {
+      return this._withStackFrame$body$_EvaluateVisitor0(member, nodeWithSpan, callback, $T, $T);
+    },
+    _withStackFrame$body$_EvaluateVisitor0(member, nodeWithSpan, callback, $T, $async$type) {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter($async$type),
+        $async$returnValue, $async$self = this, oldMember, result, t1;
+      var $async$_async_evaluate0$_withStackFrame$1$3 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              t1 = $async$self._async_evaluate0$_stack;
+              t1.push(new A._Record_2($async$self._async_evaluate0$_member, nodeWithSpan));
+              oldMember = $async$self._async_evaluate0$_member;
+              $async$self._async_evaluate0$_member = member;
+              $async$goto = 3;
+              return A._asyncAwait(callback.call$0(), $async$_async_evaluate0$_withStackFrame$1$3);
+            case 3:
+              // returning from await.
+              result = $async$result;
+              $async$self._async_evaluate0$_member = oldMember;
+              t1.pop();
+              $async$returnValue = result;
+              // goto return
+              $async$goto = 1;
+              break;
+            case 1:
+              // return
+              return A._asyncReturn($async$returnValue, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$_async_evaluate0$_withStackFrame$1$3, $async$completer);
+    },
+    _async_evaluate0$_withoutSlash$2(value, nodeForSpan) {
+      var t1;
+      if (value instanceof A.SassNumber0)
+        t1 = value.asSlash != null;
+      else
+        t1 = false;
+      if (t1)
+        this._async_evaluate0$_warn$3(string$.Using__i + A.S(new A._EvaluateVisitor__withoutSlash_recommendation2().call$1(value)) + string$.x0a_Morex20, nodeForSpan.get$span(nodeForSpan), B.Deprecation_fSZ);
+      return value.withoutSlash$0();
+    },
+    _async_evaluate0$_stackFrame$2(member, span) {
+      return A.frameForSpan0(span, member, A.NullableExtension_andThen0(span.get$sourceUrl(span), new A._EvaluateVisitor__stackFrame_closure2(this)));
+    },
+    _async_evaluate0$_stackTrace$1(span) {
+      var t2, t3, _i, t4, nodeWithSpan, _this = this,
+        t1 = A._setArrayType([], type$.JSArray_Frame);
+      for (t2 = _this._async_evaluate0$_stack, t3 = t2.length, _i = 0; _i < t2.length; t2.length === t3 || (0, A.throwConcurrentModificationError)(t2), ++_i) {
+        t4 = t2[_i];
+        nodeWithSpan = t4._1;
+        t1.push(_this._async_evaluate0$_stackFrame$2(t4._0, nodeWithSpan.get$span(nodeWithSpan)));
+      }
+      if (span != null)
+        t1.push(_this._async_evaluate0$_stackFrame$2(_this._async_evaluate0$_member, span));
+      return A.Trace$(new A.ReversedListIterable(t1, type$.ReversedListIterable_Frame), null);
+    },
+    _async_evaluate0$_stackTrace$0() {
+      return this._async_evaluate0$_stackTrace$1(null);
+    },
+    _async_evaluate0$_warn$3(message, span, deprecation) {
+      var trace, t1, _this = this;
+      if (_this._async_evaluate0$_quietDeps && _this._async_evaluate0$_inDependency)
+        return;
+      if (!_this._async_evaluate0$_warningsEmitted.add$1(0, new A._Record_2(message, span)))
+        return;
+      trace = _this._async_evaluate0$_stackTrace$1(span);
+      t1 = _this._async_evaluate0$_logger;
+      if (deprecation == null)
+        t1.internalWarn$4$deprecation$span$trace(message, null, span, trace);
+      else
+        A.WarnForDeprecation_warnForDeprecation0(t1, deprecation, message, span, trace);
+    },
+    _async_evaluate0$_warn$2(message, span) {
+      return this._async_evaluate0$_warn$3(message, span, null);
+    },
+    _async_evaluate0$_exception$2(message, span) {
+      var t1, t2;
+      if (span == null) {
+        t1 = B.JSArray_methods.get$last(this._async_evaluate0$_stack)._1;
+        t1 = t1.get$span(t1);
+      } else
+        t1 = span;
+      t2 = this._async_evaluate0$_stackTrace$1(span);
+      return new A.SassRuntimeException0(t2, B.Set_empty, message, t1);
+    },
+    _async_evaluate0$_exception$1(message) {
+      return this._async_evaluate0$_exception$2(message, null);
+    },
+    _async_evaluate0$_multiSpanException$3(message, primaryLabel, secondaryLabels) {
+      var t1 = B.JSArray_methods.get$last(this._async_evaluate0$_stack)._1;
+      return A.MultiSpanSassRuntimeException$0(message, t1.get$span(t1), primaryLabel, secondaryLabels, this._async_evaluate0$_stackTrace$0(), null);
+    },
+    _async_evaluate0$_addExceptionSpan$1$2(nodeWithSpan, callback) {
+      var error, stackTrace, t1, exception,
+        addStackFrame = true;
+      try {
+        t1 = callback.call$0();
+        return t1;
+      } catch (exception) {
+        t1 = A.unwrapException(exception);
+        if (t1 instanceof A.SassScriptException0) {
+          error = t1;
+          stackTrace = A.getTraceFromException(exception);
+          t1 = error.withSpan$1(nodeWithSpan.get$span(nodeWithSpan));
+          A.throwWithTrace0(t1.withTrace$1(this._async_evaluate0$_stackTrace$1(addStackFrame ? nodeWithSpan.get$span(nodeWithSpan) : null)), error, stackTrace);
+        } else
+          throw exception;
+      }
+    },
+    _async_evaluate0$_addExceptionSpan$2(nodeWithSpan, callback) {
+      return this._async_evaluate0$_addExceptionSpan$1$2(nodeWithSpan, callback, type$.dynamic);
+    },
+    _async_evaluate0$_addExceptionSpanAsync$1$3$addStackFrame(nodeWithSpan, callback, addStackFrame, $T) {
+      return this._addExceptionSpanAsync$body$_EvaluateVisitor0(nodeWithSpan, callback, addStackFrame, $T, $T);
+    },
+    _async_evaluate0$_addExceptionSpanAsync$1$2(nodeWithSpan, callback, $T) {
+      return this._async_evaluate0$_addExceptionSpanAsync$1$3$addStackFrame(nodeWithSpan, callback, true, $T);
+    },
+    _addExceptionSpanAsync$body$_EvaluateVisitor0(nodeWithSpan, callback, addStackFrame, $T, $async$type) {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter($async$type),
+        $async$returnValue, $async$handler = 2, $async$errorStack = [], $async$self = this, error, stackTrace, t1, exception, $async$exception;
+      var $async$_async_evaluate0$_addExceptionSpanAsync$1$3$addStackFrame = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1) {
+          $async$errorStack.push($async$result);
+          $async$goto = $async$handler;
+        }
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              $async$handler = 4;
+              t1 = callback.call$0();
+              $async$goto = 7;
+              return A._asyncAwait($T._eval$1("Future<0>")._is(t1) ? t1 : A._Future$value(t1, $T), $async$_async_evaluate0$_addExceptionSpanAsync$1$3$addStackFrame);
+            case 7:
+              // returning from await.
+              t1 = $async$result;
+              $async$returnValue = t1;
+              // goto return
+              $async$goto = 1;
+              break;
+              $async$handler = 2;
+              // goto after finally
+              $async$goto = 6;
+              break;
+            case 4:
+              // catch
+              $async$handler = 3;
+              $async$exception = $async$errorStack.pop();
+              t1 = A.unwrapException($async$exception);
+              if (t1 instanceof A.SassScriptException0) {
+                error = t1;
+                stackTrace = A.getTraceFromException($async$exception);
+                t1 = error.withSpan$1(nodeWithSpan.get$span(nodeWithSpan));
+                A.throwWithTrace0(t1.withTrace$1($async$self._async_evaluate0$_stackTrace$1(addStackFrame ? nodeWithSpan.get$span(nodeWithSpan) : null)), error, stackTrace);
+              } else
+                throw $async$exception;
+              // goto after finally
+              $async$goto = 6;
+              break;
+            case 3:
+              // uncaught
+              // goto rethrow
+              $async$goto = 2;
+              break;
+            case 6:
+              // after finally
+            case 1:
+              // return
+              return A._asyncReturn($async$returnValue, $async$completer);
+            case 2:
+              // rethrow
+              return A._asyncRethrow($async$errorStack.at(-1), $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$_async_evaluate0$_addExceptionSpanAsync$1$3$addStackFrame, $async$completer);
+    },
+    _async_evaluate0$_addExceptionTrace$1$1(callback, $T) {
+      return this._addExceptionTrace$body$_EvaluateVisitor0(callback, $T, $T);
+    },
+    _addExceptionTrace$body$_EvaluateVisitor0(callback, $T, $async$type) {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter($async$type),
+        $async$returnValue, $async$handler = 2, $async$errorStack = [], $async$self = this, error, stackTrace, t1, exception, t2, $async$exception;
+      var $async$_async_evaluate0$_addExceptionTrace$1$1 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1) {
+          $async$errorStack.push($async$result);
+          $async$goto = $async$handler;
+        }
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              $async$handler = 4;
+              t1 = callback.call$0();
+              $async$goto = 7;
+              return A._asyncAwait($T._eval$1("Future<0>")._is(t1) ? t1 : A._Future$value(t1, $T), $async$_async_evaluate0$_addExceptionTrace$1$1);
+            case 7:
+              // returning from await.
+              t1 = $async$result;
+              $async$returnValue = t1;
+              // goto return
+              $async$goto = 1;
+              break;
+              $async$handler = 2;
+              // goto after finally
+              $async$goto = 6;
+              break;
+            case 4:
+              // catch
+              $async$handler = 3;
+              $async$exception = $async$errorStack.pop();
+              t1 = A.unwrapException($async$exception);
+              if (type$.SassRuntimeException_2._is(t1))
+                throw $async$exception;
+              else if (t1 instanceof A.SassException0) {
+                error = t1;
+                stackTrace = A.getTraceFromException($async$exception);
+                t1 = error;
+                t2 = J.getInterceptor$z(t1);
+                A.throwWithTrace0(error.withTrace$1($async$self._async_evaluate0$_stackTrace$1(A.SourceSpanException.prototype.get$span.call(t2, t1))), error, stackTrace);
+              } else
+                throw $async$exception;
+              // goto after finally
+              $async$goto = 6;
+              break;
+            case 3:
+              // uncaught
+              // goto rethrow
+              $async$goto = 2;
+              break;
+            case 6:
+              // after finally
+            case 1:
+              // return
+              return A._asyncReturn($async$returnValue, $async$completer);
+            case 2:
+              // rethrow
+              return A._asyncRethrow($async$errorStack.at(-1), $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$_async_evaluate0$_addExceptionTrace$1$1, $async$completer);
+    },
+    _async_evaluate0$_addErrorSpan$1$2(nodeWithSpan, callback, $T) {
+      return this._addErrorSpan$body$_EvaluateVisitor0(nodeWithSpan, callback, $T, $T);
+    },
+    _addErrorSpan$body$_EvaluateVisitor0(nodeWithSpan, callback, $T, $async$type) {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter($async$type),
+        $async$returnValue, $async$handler = 2, $async$errorStack = [], $async$self = this, error, stackTrace, t1, exception, t2, t3, $async$exception;
+      var $async$_async_evaluate0$_addErrorSpan$1$2 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1) {
+          $async$errorStack.push($async$result);
+          $async$goto = $async$handler;
+        }
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              $async$handler = 4;
+              $async$goto = 7;
+              return A._asyncAwait(callback.call$0(), $async$_async_evaluate0$_addErrorSpan$1$2);
+            case 7:
+              // returning from await.
+              t1 = $async$result;
+              $async$returnValue = t1;
+              // goto return
+              $async$goto = 1;
+              break;
+              $async$handler = 2;
+              // goto after finally
+              $async$goto = 6;
+              break;
+            case 4:
+              // catch
+              $async$handler = 3;
+              $async$exception = $async$errorStack.pop();
+              t1 = A.unwrapException($async$exception);
+              if (type$.SassRuntimeException_2._is(t1)) {
+                error = t1;
+                stackTrace = A.getTraceFromException($async$exception);
+                if (!B.JSString_methods.startsWith$1(J.get$span$z(error).get$text(), "@error"))
+                  throw $async$exception;
+                t1 = error._span_exception$_message;
+                t2 = nodeWithSpan.get$span(nodeWithSpan);
+                t3 = $async$self._async_evaluate0$_stackTrace$0();
+                A.throwWithTrace0(new A.SassRuntimeException0(t3, B.Set_empty, t1, t2), error, stackTrace);
+              } else
+                throw $async$exception;
+              // goto after finally
+              $async$goto = 6;
+              break;
+            case 3:
+              // uncaught
+              // goto rethrow
+              $async$goto = 2;
+              break;
+            case 6:
+              // after finally
+            case 1:
+              // return
+              return A._asyncReturn($async$returnValue, $async$completer);
+            case 2:
+              // rethrow
+              return A._asyncRethrow($async$errorStack.at(-1), $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$_async_evaluate0$_addErrorSpan$1$2, $async$completer);
+    },
+    _async_evaluate0$_getErrorMessage$1(error) {
+      var t1, exception;
+      if (type$.Error._is(error))
+        return error.toString$0(0);
+      try {
+        t1 = A._asString(J.get$message$x(error));
+        return t1;
+      } catch (exception) {
+        t1 = J.toString$0$(error);
+        return t1;
+      }
+    },
+    $isExpressionVisitor: 1,
+    $isStatementVisitor: 1
+  };
+  A._EvaluateVisitor_closure38.prototype = {
+    call$1($arguments) {
+      var module, t2,
+        t1 = J.getInterceptor$asx($arguments),
+        variable = t1.$index($arguments, 0).assertString$1("name");
+      t1 = t1.$index($arguments, 1).get$realNull();
+      module = t1 == null ? null : t1.assertString$1("module");
+      t1 = this.$this._async_evaluate0$_environment;
+      t2 = A.stringReplaceAllUnchecked(variable._string0$_text, "_", "-");
+      return t1.globalVariableExists$2$namespace(t2, module == null ? null : module._string0$_text) ? B.SassBoolean_true0 : B.SassBoolean_false0;
+    },
+    $signature: 12
+  };
+  A._EvaluateVisitor_closure39.prototype = {
+    call$1($arguments) {
+      var variable = J.$index$asx($arguments, 0).assertString$1("name"),
+        t1 = this.$this._async_evaluate0$_environment;
+      return t1.getVariable$1(A.stringReplaceAllUnchecked(variable._string0$_text, "_", "-")) != null ? B.SassBoolean_true0 : B.SassBoolean_false0;
+    },
+    $signature: 12
+  };
+  A._EvaluateVisitor_closure40.prototype = {
+    call$1($arguments) {
+      var module, t2, t3, t4,
+        t1 = J.getInterceptor$asx($arguments),
+        variable = t1.$index($arguments, 0).assertString$1("name");
+      t1 = t1.$index($arguments, 1).get$realNull();
+      module = t1 == null ? null : t1.assertString$1("module");
+      t1 = this.$this;
+      t2 = t1._async_evaluate0$_environment;
+      t3 = variable._string0$_text;
+      t4 = A.stringReplaceAllUnchecked(t3, "_", "-");
+      return t2.getFunction$2$namespace(t4, module == null ? null : module._string0$_text) != null || t1._async_evaluate0$_builtInFunctions.containsKey$1(t3) ? B.SassBoolean_true0 : B.SassBoolean_false0;
+    },
+    $signature: 12
+  };
+  A._EvaluateVisitor_closure41.prototype = {
+    call$1($arguments) {
+      var module, t2,
+        t1 = J.getInterceptor$asx($arguments),
+        variable = t1.$index($arguments, 0).assertString$1("name");
+      t1 = t1.$index($arguments, 1).get$realNull();
+      module = t1 == null ? null : t1.assertString$1("module");
+      t1 = this.$this._async_evaluate0$_environment;
+      t2 = A.stringReplaceAllUnchecked(variable._string0$_text, "_", "-");
+      return t1.getMixin$2$namespace(t2, module == null ? null : module._string0$_text) != null ? B.SassBoolean_true0 : B.SassBoolean_false0;
+    },
+    $signature: 12
+  };
+  A._EvaluateVisitor_closure42.prototype = {
+    call$1($arguments) {
+      var t1 = this.$this._async_evaluate0$_environment;
+      if (!t1._async_environment0$_inMixin)
+        throw A.wrapException(A.SassScriptException$0(string$.conten, null));
+      return t1._async_environment0$_content != null ? B.SassBoolean_true0 : B.SassBoolean_false0;
+    },
+    $signature: 12
+  };
+  A._EvaluateVisitor_closure43.prototype = {
+    call$1($arguments) {
+      var t2, t3, t4,
+        t1 = J.$index$asx($arguments, 0).assertString$1("module")._string0$_text,
+        module = this.$this._async_evaluate0$_environment._async_environment0$_modules.$index(0, t1);
+      if (module == null)
+        throw A.wrapException('There is no module with namespace "' + t1 + '".');
+      t1 = type$.Value_2;
+      t2 = A.LinkedHashMap_LinkedHashMap$_empty(t1, t1);
+      for (t3 = A.MapExtensions_get_pairs0(module.get$variables(), type$.String, t1), t3 = t3.get$iterator(t3); t3.moveNext$0();) {
+        t4 = t3.get$current(t3);
+        t2.$indexSet(0, new A.SassString0(t4._0, true), t4._1);
+      }
+      return new A.SassMap0(A.ConstantMap_ConstantMap$from(t2, t1, t1));
+    },
+    $signature: 34
+  };
+  A._EvaluateVisitor_closure44.prototype = {
+    call$1($arguments) {
+      var t3, t4, t5,
+        t1 = this.$this,
+        t2 = J.$index$asx($arguments, 0).assertString$1("module")._string0$_text,
+        module = t1._async_evaluate0$_environment._async_environment0$_modules.$index(0, t2);
+      if (module == null)
+        throw A.wrapException('There is no module with namespace "' + t2 + '".');
+      t2 = type$.Value_2;
+      t3 = A.LinkedHashMap_LinkedHashMap$_empty(t2, t2);
+      for (t4 = A.MapExtensions_get_pairs0(module.get$functions(module), type$.String, type$.AsyncCallable_2), t4 = t4.get$iterator(t4), t1 = t1._async_evaluate0$_compileContext; t4.moveNext$0();) {
+        t5 = t4.get$current(t4);
+        t3.$indexSet(0, new A.SassString0(t5._0, true), new A.SassFunction0(t5._1, t1));
+      }
+      return new A.SassMap0(A.ConstantMap_ConstantMap$from(t3, t2, t2));
+    },
+    $signature: 34
+  };
+  A._EvaluateVisitor_closure45.prototype = {
+    call$1($arguments) {
+      var t3, t4, t5,
+        t1 = this.$this,
+        t2 = J.$index$asx($arguments, 0).assertString$1("module")._string0$_text,
+        module = t1._async_evaluate0$_environment._async_environment0$_modules.$index(0, t2);
+      if (module == null)
+        throw A.wrapException('There is no module with namespace "' + t2 + '".');
+      t2 = type$.Value_2;
+      t3 = A.LinkedHashMap_LinkedHashMap$_empty(t2, t2);
+      for (t4 = A.MapExtensions_get_pairs0(module.get$mixins(), type$.String, type$.AsyncCallable_2), t4 = t4.get$iterator(t4), t1 = t1._async_evaluate0$_compileContext; t4.moveNext$0();) {
+        t5 = t4.get$current(t4);
+        t3.$indexSet(0, new A.SassString0(t5._0, true), new A.SassMixin0(t5._1, t1));
+      }
+      return new A.SassMap0(A.ConstantMap_ConstantMap$from(t3, t2, t2));
+    },
+    $signature: 34
+  };
+  A._EvaluateVisitor_closure46.prototype = {
+    call$1($arguments) {
+      var module, t2, callable,
+        t1 = J.getInterceptor$asx($arguments),
+        $name = t1.$index($arguments, 0).assertString$1("name"),
+        css = t1.$index($arguments, 1).get$isTruthy();
+      t1 = t1.$index($arguments, 2).get$realNull();
+      module = t1 == null ? null : t1.assertString$1("module");
+      if (css) {
+        if (module != null)
+          throw A.wrapException(string$.x24css_a);
+        return new A.SassFunction0(new A.PlainCssCallable0($name._string0$_text), this.$this._async_evaluate0$_compileContext);
+      }
+      t1 = this.$this;
+      t2 = t1._async_evaluate0$_callableNode;
+      t2.toString;
+      callable = t1._async_evaluate0$_addExceptionSpan$2(t2, new A._EvaluateVisitor__closure14(t1, $name, module));
+      if (callable == null)
+        throw A.wrapException("Function not found: " + $name.toString$0(0));
+      return new A.SassFunction0(callable, t1._async_evaluate0$_compileContext);
+    },
+    $signature: 168
+  };
+  A._EvaluateVisitor__closure14.prototype = {
+    call$0() {
+      var local,
+        normalizedName = A.stringReplaceAllUnchecked(this.name._string0$_text, "_", "-"),
+        t1 = this.module,
+        namespace = t1 == null ? null : t1._string0$_text;
+      t1 = this.$this;
+      local = t1._async_evaluate0$_environment.getFunction$2$namespace(normalizedName, namespace);
+      if (local != null || namespace != null)
+        return local;
+      return t1._async_evaluate0$_builtInFunctions.$index(0, normalizedName);
+    },
+    $signature: 103
+  };
+  A._EvaluateVisitor_closure47.prototype = {
+    call$1($arguments) {
+      var module, t2, callable,
+        t1 = J.getInterceptor$asx($arguments),
+        $name = t1.$index($arguments, 0).assertString$1("name");
+      t1 = t1.$index($arguments, 1).get$realNull();
+      module = t1 == null ? null : t1.assertString$1("module");
+      t1 = this.$this;
+      t2 = t1._async_evaluate0$_callableNode;
+      t2.toString;
+      callable = t1._async_evaluate0$_addExceptionSpan$2(t2, new A._EvaluateVisitor__closure13(t1, $name, module));
+      if (callable == null)
+        throw A.wrapException("Mixin not found: " + $name.toString$0(0));
+      return new A.SassMixin0(callable, t1._async_evaluate0$_compileContext);
+    },
+    $signature: 170
+  };
+  A._EvaluateVisitor__closure13.prototype = {
+    call$0() {
+      var t1 = this.$this._async_evaluate0$_environment,
+        t2 = A.stringReplaceAllUnchecked(this.name._string0$_text, "_", "-"),
+        t3 = this.module;
+      return t1.getMixin$2$namespace(t2, t3 == null ? null : t3._string0$_text);
+    },
+    $signature: 103
+  };
+  A._EvaluateVisitor_closure48.prototype = {
+    call$1($arguments) {
+      return this.$call$body$_EvaluateVisitor_closure4($arguments);
+    },
+    $call$body$_EvaluateVisitor_closure4($arguments) {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.Value_2),
+        $async$returnValue, $async$self = this, t2, t3, t4, t5, t6, t7, t8, t9, t10, t11, invocation, callableNode, t1, $function, args;
+      var $async$call$1 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              t1 = J.getInterceptor$asx($arguments);
+              $function = t1.$index($arguments, 0);
+              args = type$.SassArgumentList_2._as(t1.$index($arguments, 1));
+              t1 = $async$self.$this;
+              t2 = t1._async_evaluate0$_callableNode;
+              t2.toString;
+              t3 = A._setArrayType([], type$.JSArray_Expression_2);
+              t4 = type$.String;
+              t5 = type$.Expression_2;
+              t6 = t2.get$span(t2);
+              t7 = t2.get$span(t2);
+              args._argument_list$_wereKeywordsAccessed = true;
+              t8 = args._argument_list$_keywords;
+              if (t8.get$isEmpty(t8))
+                t2 = null;
+              else {
+                t9 = type$.Value_2;
+                t10 = A.LinkedHashMap_LinkedHashMap$_empty(t9, t9);
+                for (args._argument_list$_wereKeywordsAccessed = true, t8 = A.MapExtensions_get_pairs0(t8, t4, t9), t8 = t8.get$iterator(t8); t8.moveNext$0();) {
+                  t11 = t8.get$current(t8);
+                  t10.$indexSet(0, new A.SassString0(t11._0, false), t11._1);
+                }
+                t2 = new A.ValueExpression0(new A.SassMap0(A.ConstantMap_ConstantMap$from(t10, t9, t9)), t2.get$span(t2));
+              }
+              invocation = new A.ArgumentList0(A.List_List$unmodifiable(t3, t5), A.ConstantMap_ConstantMap$from(A.LinkedHashMap_LinkedHashMap$_empty(t4, t5), t4, t5), new A.ValueExpression0(args, t7), t2, t6);
+              $async$goto = $function instanceof A.SassString0 ? 3 : 4;
+              break;
+            case 3:
+              // then
+              A.warnForDeprecation0(string$.Passina + $function.toString$0(0) + "))", B.Deprecation_RCd);
+              callableNode = t1._async_evaluate0$_callableNode;
+              t2 = $function._string0$_text;
+              t3 = callableNode.get$span(callableNode);
+              t1 = t1.visitFunctionExpression$1(0, new A.FunctionExpression0(null, A.stringReplaceAllUnchecked(t2, "_", "-"), t2, invocation, t3));
+              $async$goto = 5;
+              return A._asyncAwait(type$.Future_Value_2._is(t1) ? t1 : A._Future$value(t1, type$.Value_2), $async$call$1);
+            case 5:
+              // returning from await.
+              $async$returnValue = $async$result;
+              // goto return
+              $async$goto = 1;
+              break;
+            case 4:
+              // join
+              t2 = $function.assertFunction$1("function").assertCompileContext$1(t1._async_evaluate0$_compileContext);
+              t3 = t1._async_evaluate0$_callableNode;
+              t3.toString;
+              $async$goto = 6;
+              return A._asyncAwait(t1._async_evaluate0$_runFunctionCallable$3(invocation, t2.callable, t3), $async$call$1);
+            case 6:
+              // returning from await.
+              t3 = $async$result;
+              $async$returnValue = t3;
+              // goto return
+              $async$goto = 1;
+              break;
+            case 1:
+              // return
+              return A._asyncReturn($async$returnValue, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$call$1, $async$completer);
+    },
+    $signature: 101
+  };
+  A._EvaluateVisitor_closure49.prototype = {
+    call$1($arguments) {
+      return this.$call$body$_EvaluateVisitor_closure3($arguments);
+    },
+    $call$body$_EvaluateVisitor_closure3($arguments) {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.void),
+        $async$self = this, withMap, t2, t3, values, span, configuration, t1, url;
+      var $async$call$1 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              t1 = J.getInterceptor$asx($arguments);
+              url = A.Uri_parse(t1.$index($arguments, 0).assertString$1("url")._string0$_text);
+              t1 = t1.$index($arguments, 1).get$realNull();
+              withMap = t1 == null ? null : t1.assertMap$1("with")._map0$_contents;
+              t1 = $async$self.$this;
+              t2 = t1._async_evaluate0$_callableNode;
+              t2.toString;
+              if (withMap != null) {
+                t3 = {};
+                values = A.LinkedHashMap_LinkedHashMap$_empty(type$.String, type$.ConfiguredValue_2);
+                span = t2.get$span(t2);
+                t3.privateDeprecation = false;
+                withMap.forEach$1(0, new A._EvaluateVisitor__closure11(t3, values, span, t2));
+                configuration = new A.ExplicitConfiguration0(t2, values, null);
+              } else
+                configuration = B.Configuration_Map_empty_null0;
+              t3 = t2.get$span(t2);
+              $async$goto = 2;
+              return A._asyncAwait(t1._async_evaluate0$_loadModule$7$baseUrl$configuration$namesInErrors(url, "load-css()", t2, new A._EvaluateVisitor__closure12(t1), t3.get$sourceUrl(t3), configuration, true), $async$call$1);
+            case 2:
+              // returning from await.
+              t1._async_evaluate0$_assertConfigurationIsEmpty$2$nameInError(configuration, true);
+              // implicit return
+              return A._asyncReturn(null, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$call$1, $async$completer);
+    },
+    $signature: 171
+  };
+  A._EvaluateVisitor__closure11.prototype = {
+    call$2(variable, value) {
+      var _this = this,
+        t1 = variable.assertString$1("with key"),
+        $name = A.stringReplaceAllUnchecked(t1._string0$_text, "_", "-");
+      t1 = _this.values;
+      if (t1.containsKey$1($name))
+        throw A.wrapException("The variable $" + $name + " was configured twice.");
+      else if (B.JSString_methods.startsWith$1($name, "-") && !_this._box_0.privateDeprecation) {
+        _this._box_0.privateDeprecation = true;
+        A.warnForDeprecation0("Configuring private variables (such as $" + $name + string$.x29x20is_dT, B.Deprecation_eKX);
+      }
+      t1.$indexSet(0, $name, new A.ConfiguredValue0(value, _this.span, _this.callableNode));
+    },
+    $signature: 104
+  };
+  A._EvaluateVisitor__closure12.prototype = {
+    call$2(module, _) {
+      var t1 = this.$this;
+      return t1._async_evaluate0$_combineCss$2$clone(module, true).accept$1(t1);
+    },
+    $signature: 327
+  };
+  A._EvaluateVisitor_closure50.prototype = {
+    call$1($arguments) {
+      return this.$call$body$_EvaluateVisitor_closure2($arguments);
+    },
+    $call$body$_EvaluateVisitor_closure2($arguments) {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.void),
+        $async$self = this, callableNode, t2, t3, t4, t5, t1, mixin, args;
+      var $async$call$1 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              t1 = J.getInterceptor$asx($arguments);
+              mixin = t1.$index($arguments, 0);
+              args = type$.SassArgumentList_2._as(t1.$index($arguments, 1));
+              t1 = $async$self.$this;
+              callableNode = t1._async_evaluate0$_callableNode;
+              t2 = callableNode.get$span(callableNode);
+              t3 = callableNode.get$span(callableNode);
+              t4 = type$.Expression_2;
+              t5 = A.List_List$unmodifiable(B.List_empty22, t4);
+              t4 = A.ConstantMap_ConstantMap$from(B.Map_empty14, type$.String, t4);
+              $async$goto = 2;
+              return A._asyncAwait(t1._async_evaluate0$_applyMixin$5(mixin.assertMixin$1("mixin").assertCompileContext$1(t1._async_evaluate0$_compileContext).callable, t1._async_evaluate0$_environment._async_environment0$_content, new A.ArgumentList0(t5, t4, new A.ValueExpression0(args, t3), null, t2), callableNode, callableNode), $async$call$1);
+            case 2:
+              // returning from await.
+              // implicit return
+              return A._asyncReturn(null, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$call$1, $async$completer);
+    },
+    $signature: 171
+  };
+  A._EvaluateVisitor_run_closure2.prototype = {
+    call$0() {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.Record_2_Set_Uri_loadedUrls_and_CssStylesheet_stylesheet_2),
+        $async$returnValue, $async$self = this, module, t2, t1, _0_0, url;
+      var $async$call$0 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              t1 = $async$self.node;
+              _0_0 = t1.span.file.url;
+              url = null;
+              if (_0_0 != null) {
+                url = _0_0;
+                t2 = $async$self.$this;
+                t2._async_evaluate0$_activeModules.$indexSet(0, url, null);
+                if (!(t2._async_evaluate0$_nodeImporter != null && J.toString$0$(url) === "stdin"))
+                  t2._async_evaluate0$_loadedUrls.add$1(0, url);
+              }
+              t2 = $async$self.$this;
+              $async$goto = 3;
+              return A._asyncAwait(t2._async_evaluate0$_addExceptionTrace$1$1(new A._EvaluateVisitor_run__closure2(t2, $async$self.importer, t1), type$.Module_AsyncCallable_2), $async$call$0);
+            case 3:
+              // returning from await.
+              module = $async$result;
+              $async$returnValue = new A._Record_2_loadedUrls_stylesheet(t2._async_evaluate0$_loadedUrls, t2._async_evaluate0$_combineCss$1(module));
+              // goto return
+              $async$goto = 1;
+              break;
+            case 1:
+              // return
+              return A._asyncReturn($async$returnValue, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$call$0, $async$completer);
+    },
+    $signature: 328
+  };
+  A._EvaluateVisitor_run__closure2.prototype = {
+    call$0() {
+      return this.$this._async_evaluate0$_execute$2(this.importer, this.node);
+    },
+    $signature: 329
+  };
+  A._EvaluateVisitor__loadModule_closure5.prototype = {
+    call$0() {
+      return this.callback.call$2(this._box_0.builtInModule, false);
+    },
+    $signature: 0
+  };
+  A._EvaluateVisitor__loadModule_closure6.prototype = {
+    call$0() {
+      return this.$call$body$_EvaluateVisitor__loadModule_closure0();
+    },
+    $call$body$_EvaluateVisitor__loadModule_closure0() {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.Null),
+        $async$handler = 1, $async$errorStack = [], $async$next = [], $async$self = this, canonicalUrl, oldInDependency, isDependency, t4, message, t1, stylesheet, importer, t2, t3, _1_0, $async$temp1;
+      var $async$call$0 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1) {
+          $async$errorStack.push($async$result);
+          $async$goto = $async$handler;
+        }
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              t1 = {};
+              stylesheet = null;
+              importer = null;
+              t2 = $async$self.$this;
+              t3 = $async$self.nodeWithSpan;
+              $async$goto = 2;
+              return A._asyncAwait(t2._async_evaluate0$_loadStylesheet$3$baseUrl($async$self.url.toString$0(0), t3.get$span(t3), $async$self.baseUrl), $async$call$0);
+            case 2:
+              // returning from await.
+              _1_0 = $async$result;
+              stylesheet = _1_0._0;
+              importer = _1_0._1;
+              isDependency = _1_0._2;
+              canonicalUrl = stylesheet.span.file.url;
+              if (canonicalUrl != null) {
+                t4 = t2._async_evaluate0$_activeModules;
+                if (t4.containsKey$1(canonicalUrl)) {
+                  message = $async$self.namesInErrors ? "Module loop: " + $.$get$context().prettyUri$1(canonicalUrl) + " is already being loaded." : string$.Modulel;
+                  t1 = A.NullableExtension_andThen0(t4.$index(0, canonicalUrl), new A._EvaluateVisitor__loadModule__closure5(t2, message));
+                  throw A.wrapException(t1 == null ? t2._async_evaluate0$_exception$1(message) : t1);
+                } else
+                  t4.$indexSet(0, canonicalUrl, t3);
+              }
+              t4 = t2._async_evaluate0$_modules.containsKey$1(canonicalUrl);
+              oldInDependency = t2._async_evaluate0$_inDependency;
+              t2._async_evaluate0$_inDependency = isDependency;
+              t1.module = null;
+              $async$handler = 3;
+              $async$temp1 = t1;
+              $async$goto = 6;
+              return A._asyncAwait(t2._async_evaluate0$_execute$5$configuration$namesInErrors$nodeWithSpan(importer, stylesheet, $async$self.configuration, $async$self.namesInErrors, t3), $async$call$0);
+            case 6:
+              // returning from await.
+              $async$temp1.module = $async$result;
+              $async$next.push(5);
+              // goto finally
+              $async$goto = 4;
+              break;
+            case 3:
+              // uncaught
+              $async$next = [1];
+            case 4:
+              // finally
+              $async$handler = 1;
+              t2._async_evaluate0$_activeModules.remove$1(0, canonicalUrl);
+              t2._async_evaluate0$_inDependency = oldInDependency;
+              // goto the next finally handler
+              $async$goto = $async$next.pop();
+              break;
+            case 5:
+              // after finally
+              $async$goto = 7;
+              return A._asyncAwait(t2._async_evaluate0$_addExceptionSpanAsync$1$3$addStackFrame(t3, new A._EvaluateVisitor__loadModule__closure6(t1, $async$self.callback, !t4), false, type$.void), $async$call$0);
+            case 7:
+              // returning from await.
+              // implicit return
+              return A._asyncReturn(null, $async$completer);
+            case 1:
+              // rethrow
+              return A._asyncRethrow($async$errorStack.at(-1), $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$call$0, $async$completer);
+    },
+    $signature: 2
+  };
+  A._EvaluateVisitor__loadModule__closure5.prototype = {
+    call$1(previousLoad) {
+      return this.$this._async_evaluate0$_multiSpanException$3(this.message, "new load", A.LinkedHashMap_LinkedHashMap$_literal([previousLoad.get$span(previousLoad), "original load"], type$.FileSpan, type$.String));
+    },
+    $signature: 105
+  };
+  A._EvaluateVisitor__loadModule__closure6.prototype = {
+    call$0() {
+      return this.callback.call$2(this._box_1.module, this.firstLoad);
+    },
+    $signature: 0
+  };
+  A._EvaluateVisitor__execute_closure2.prototype = {
+    call$0() {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.Null),
+        $async$self = this, t3, t4, t5, t6, t1, oldImporter, oldStylesheet, oldRoot, oldPreModuleComments, oldParent, oldEndOfImports, oldOutOfOrderImports, oldExtensionStore, t2, oldStyleRule, oldMediaQueries, oldDeclarationName, oldInUnknownAtRule, oldInKeyframes, oldConfiguration;
+      var $async$call$0 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              t1 = $async$self.$this;
+              oldImporter = t1._async_evaluate0$_importer;
+              oldStylesheet = t1._async_evaluate0$__stylesheet;
+              oldRoot = t1._async_evaluate0$__root;
+              oldPreModuleComments = t1._async_evaluate0$_preModuleComments;
+              oldParent = t1._async_evaluate0$__parent;
+              oldEndOfImports = t1._async_evaluate0$__endOfImports;
+              oldOutOfOrderImports = t1._async_evaluate0$_outOfOrderImports;
+              oldExtensionStore = t1._async_evaluate0$__extensionStore;
+              t2 = t1._async_evaluate0$_atRootExcludingStyleRule;
+              oldStyleRule = t2 ? null : t1._async_evaluate0$_styleRuleIgnoringAtRoot;
+              oldMediaQueries = t1._async_evaluate0$_mediaQueries;
+              oldDeclarationName = t1._async_evaluate0$_declarationName;
+              oldInUnknownAtRule = t1._async_evaluate0$_inUnknownAtRule;
+              oldInKeyframes = t1._async_evaluate0$_inKeyframes;
+              oldConfiguration = t1._async_evaluate0$_configuration;
+              t1._async_evaluate0$_importer = $async$self.importer;
+              t3 = t1._async_evaluate0$__stylesheet = $async$self.stylesheet;
+              t4 = t3.span;
+              t5 = t1._async_evaluate0$__parent = t1._async_evaluate0$__root = A.ModifiableCssStylesheet$0(t4);
+              t1._async_evaluate0$__endOfImports = 0;
+              t1._async_evaluate0$_outOfOrderImports = null;
+              t1._async_evaluate0$__extensionStore = $async$self.extensionStore;
+              t1._async_evaluate0$_declarationName = t1._async_evaluate0$_mediaQueries = t1._async_evaluate0$_styleRuleIgnoringAtRoot = null;
+              t1._async_evaluate0$_inKeyframes = t1._async_evaluate0$_atRootExcludingStyleRule = t1._async_evaluate0$_inUnknownAtRule = false;
+              t6 = $async$self.configuration;
+              if (t6 != null)
+                t1._async_evaluate0$_configuration = t6;
+              $async$goto = 2;
+              return A._asyncAwait(t1.visitStylesheet$1(0, t3), $async$call$0);
+            case 2:
+              // returning from await.
+              t3 = t1._async_evaluate0$_outOfOrderImports == null ? t5 : new A.CssStylesheet0(new A.UnmodifiableListView(t1._async_evaluate0$_addOutOfOrderImports$0(), type$.UnmodifiableListView_CssNode_2), t4);
+              $async$self.css.__late_helper$_value = t3;
+              $async$self.preModuleComments.__late_helper$_value = t1._async_evaluate0$_preModuleComments;
+              t1._async_evaluate0$_importer = oldImporter;
+              t1._async_evaluate0$__stylesheet = oldStylesheet;
+              t1._async_evaluate0$__root = oldRoot;
+              t1._async_evaluate0$_preModuleComments = oldPreModuleComments;
+              t1._async_evaluate0$__parent = oldParent;
+              t1._async_evaluate0$__endOfImports = oldEndOfImports;
+              t1._async_evaluate0$_outOfOrderImports = oldOutOfOrderImports;
+              t1._async_evaluate0$__extensionStore = oldExtensionStore;
+              t1._async_evaluate0$_styleRuleIgnoringAtRoot = oldStyleRule;
+              t1._async_evaluate0$_mediaQueries = oldMediaQueries;
+              t1._async_evaluate0$_declarationName = oldDeclarationName;
+              t1._async_evaluate0$_inUnknownAtRule = oldInUnknownAtRule;
+              t1._async_evaluate0$_atRootExcludingStyleRule = t2;
+              t1._async_evaluate0$_inKeyframes = oldInKeyframes;
+              t1._async_evaluate0$_configuration = oldConfiguration;
+              // implicit return
+              return A._asyncReturn(null, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$call$0, $async$completer);
+    },
+    $signature: 2
+  };
+  A._EvaluateVisitor__combineCss_closure5.prototype = {
+    call$1(module) {
+      return module.get$transitivelyContainsCss();
+    },
+    $signature: 102
+  };
+  A._EvaluateVisitor__combineCss_closure6.prototype = {
+    call$1(target) {
+      return !this.selectors.contains$1(0, target);
+    },
+    $signature: 14
+  };
+  A._EvaluateVisitor__combineCss_visitModule2.prototype = {
+    call$1(module) {
+      var t1, t2, t3, t4, _i, upstream, _1_0, statements, index, _this = this;
+      if (!_this.seen.add$1(0, module))
+        return;
+      if (_this.clone)
+        module = module.cloneCss$0();
+      for (t1 = module.get$upstream(), t2 = t1.length, t3 = _this.css, t4 = _this.imports, _i = 0; _i < t1.length; t1.length === t2 || (0, A.throwConcurrentModificationError)(t1), ++_i) {
+        upstream = t1[_i];
+        if (upstream.get$transitivelyContainsCss()) {
+          _1_0 = module.get$preModuleComments().$index(0, upstream);
+          if (_1_0 != null)
+            B.JSArray_methods.addAll$1(t3.length === 0 ? t4 : t3, _1_0);
+          _this.call$1(upstream);
+        }
+      }
+      _this.sorted.addFirst$1(module);
+      t1 = module.get$css(module);
+      statements = t1.get$children(t1);
+      index = _this.$this._async_evaluate0$_indexAfterImports$1(statements);
+      t1 = J.getInterceptor$ax(statements);
+      B.JSArray_methods.addAll$1(t4, t1.getRange$2(statements, 0, index));
+      B.JSArray_methods.addAll$1(t3, t1.getRange$2(statements, index, t1.get$length(statements)));
+    },
+    $signature: 331
+  };
+  A._EvaluateVisitor__extendModules_closure5.prototype = {
+    call$1(target) {
+      return !this.originalSelectors.contains$1(0, target);
+    },
+    $signature: 14
+  };
+  A._EvaluateVisitor__extendModules_closure6.prototype = {
+    call$0() {
+      return A._setArrayType([], type$.JSArray_ExtensionStore_2);
+    },
+    $signature: 174
+  };
+  A._EvaluateVisitor_visitAtRootRule_closure5.prototype = {
+    call$0() {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.Null),
+        $async$self = this, t1, t2, t3, _i;
+      var $async$call$0 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              t1 = $async$self.node.children, t2 = t1.length, t3 = $async$self.$this, _i = 0;
+            case 2:
+              // for condition
+              if (!(_i < t2)) {
+                // goto after for
+                $async$goto = 4;
+                break;
+              }
+              $async$goto = 5;
+              return A._asyncAwait(t1[_i].accept$1(t3), $async$call$0);
+            case 5:
+              // returning from await.
+            case 3:
+              // for update
+              ++_i;
+              // goto for condition
+              $async$goto = 2;
+              break;
+            case 4:
+              // after for
+              // implicit return
+              return A._asyncReturn(null, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$call$0, $async$completer);
+    },
+    $signature: 2
+  };
+  A._EvaluateVisitor_visitAtRootRule_closure6.prototype = {
+    call$0() {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.void),
+        $async$self = this, t1, t2, t3, _i;
+      var $async$call$0 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              t1 = $async$self.node.children, t2 = t1.length, t3 = $async$self.$this, _i = 0;
+            case 2:
+              // for condition
+              if (!(_i < t2)) {
+                // goto after for
+                $async$goto = 4;
+                break;
+              }
+              $async$goto = 5;
+              return A._asyncAwait(t1[_i].accept$1(t3), $async$call$0);
+            case 5:
+              // returning from await.
+            case 3:
+              // for update
+              ++_i;
+              // goto for condition
+              $async$goto = 2;
+              break;
+            case 4:
+              // after for
+              // implicit return
+              return A._asyncReturn(null, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$call$0, $async$completer);
+    },
+    $signature: 31
+  };
+  A._EvaluateVisitor__scopeForAtRoot_closure17.prototype = {
+    call$1(callback) {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.Null),
+        $async$self = this, t1, oldParent;
+      var $async$call$1 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              t1 = $async$self.$this;
+              oldParent = t1._async_evaluate0$_assertInModule$2(t1._async_evaluate0$__parent, "__parent");
+              t1._async_evaluate0$__parent = $async$self.newParent;
+              $async$goto = 2;
+              return A._asyncAwait(t1._async_evaluate0$_environment.scope$1$2$when(callback, $async$self.node.hasDeclarations, type$.void), $async$call$1);
+            case 2:
+              // returning from await.
+              t1._async_evaluate0$__parent = oldParent;
+              // implicit return
+              return A._asyncReturn(null, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$call$1, $async$completer);
+    },
+    $signature: 39
+  };
+  A._EvaluateVisitor__scopeForAtRoot_closure18.prototype = {
+    call$1(callback) {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.Null),
+        $async$self = this, t1, oldAtRootExcludingStyleRule;
+      var $async$call$1 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              t1 = $async$self.$this;
+              oldAtRootExcludingStyleRule = t1._async_evaluate0$_atRootExcludingStyleRule;
+              t1._async_evaluate0$_atRootExcludingStyleRule = true;
+              $async$goto = 2;
+              return A._asyncAwait($async$self.innerScope.call$1(callback), $async$call$1);
+            case 2:
+              // returning from await.
+              t1._async_evaluate0$_atRootExcludingStyleRule = oldAtRootExcludingStyleRule;
+              // implicit return
+              return A._asyncReturn(null, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$call$1, $async$completer);
+    },
+    $signature: 39
+  };
+  A._EvaluateVisitor__scopeForAtRoot_closure19.prototype = {
+    call$1(callback) {
+      return this.$this._async_evaluate0$_withMediaQueries$1$3(null, null, new A._EvaluateVisitor__scopeForAtRoot__closure2(this.innerScope, callback), type$.Null);
+    },
+    $signature: 39
+  };
+  A._EvaluateVisitor__scopeForAtRoot__closure2.prototype = {
+    call$0() {
+      return this.innerScope.call$1(this.callback);
+    },
+    $signature: 2
+  };
+  A._EvaluateVisitor__scopeForAtRoot_closure20.prototype = {
+    call$1(callback) {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.Null),
+        $async$self = this, t1, wasInKeyframes;
+      var $async$call$1 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              t1 = $async$self.$this;
+              wasInKeyframes = t1._async_evaluate0$_inKeyframes;
+              t1._async_evaluate0$_inKeyframes = false;
+              $async$goto = 2;
+              return A._asyncAwait($async$self.innerScope.call$1(callback), $async$call$1);
+            case 2:
+              // returning from await.
+              t1._async_evaluate0$_inKeyframes = wasInKeyframes;
+              // implicit return
+              return A._asyncReturn(null, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$call$1, $async$completer);
+    },
+    $signature: 39
+  };
+  A._EvaluateVisitor__scopeForAtRoot_closure21.prototype = {
+    call$1($parent) {
+      return $parent instanceof A.ModifiableCssAtRule0;
+    },
+    $signature: 175
+  };
+  A._EvaluateVisitor__scopeForAtRoot_closure22.prototype = {
+    call$1(callback) {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.Null),
+        $async$self = this, t1, wasInUnknownAtRule;
+      var $async$call$1 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              t1 = $async$self.$this;
+              wasInUnknownAtRule = t1._async_evaluate0$_inUnknownAtRule;
+              t1._async_evaluate0$_inUnknownAtRule = false;
+              $async$goto = 2;
+              return A._asyncAwait($async$self.innerScope.call$1(callback), $async$call$1);
+            case 2:
+              // returning from await.
+              t1._async_evaluate0$_inUnknownAtRule = wasInUnknownAtRule;
+              // implicit return
+              return A._asyncReturn(null, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$call$1, $async$completer);
+    },
+    $signature: 39
+  };
+  A._EvaluateVisitor_visitContentRule_closure2.prototype = {
+    call$0() {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.Null),
+        $async$returnValue, $async$self = this, t1, t2, t3, _i;
+      var $async$call$0 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              t1 = $async$self.content.declaration.children, t2 = t1.length, t3 = $async$self.$this, _i = 0;
+            case 3:
+              // for condition
+              if (!(_i < t2)) {
+                // goto after for
+                $async$goto = 5;
+                break;
+              }
+              $async$goto = 6;
+              return A._asyncAwait(t1[_i].accept$1(t3), $async$call$0);
+            case 6:
+              // returning from await.
+            case 4:
+              // for update
+              ++_i;
+              // goto for condition
+              $async$goto = 3;
+              break;
+            case 5:
+              // after for
+              $async$returnValue = null;
+              // goto return
+              $async$goto = 1;
+              break;
+            case 1:
+              // return
+              return A._asyncReturn($async$returnValue, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$call$0, $async$completer);
+    },
+    $signature: 2
+  };
+  A._EvaluateVisitor_visitDeclaration_closure2.prototype = {
+    call$0() {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.Null),
+        $async$self = this, t1, t2, t3, _i;
+      var $async$call$0 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              t1 = $async$self._box_0.children, t2 = t1.length, t3 = $async$self.$this, _i = 0;
+            case 2:
+              // for condition
+              if (!(_i < t2)) {
+                // goto after for
+                $async$goto = 4;
+                break;
+              }
+              $async$goto = 5;
+              return A._asyncAwait(t1[_i].accept$1(t3), $async$call$0);
+            case 5:
+              // returning from await.
+            case 3:
+              // for update
+              ++_i;
+              // goto for condition
+              $async$goto = 2;
+              break;
+            case 4:
+              // after for
+              // implicit return
+              return A._asyncReturn(null, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$call$0, $async$completer);
+    },
+    $signature: 2
+  };
+  A._EvaluateVisitor_visitEachRule_closure8.prototype = {
+    call$1(value) {
+      var t1 = this.$this,
+        t2 = this.nodeWithSpan;
+      return t1._async_evaluate0$_environment.setLocalVariable$3(this._box_0.variable, t1._async_evaluate0$_withoutSlash$2(value, t2), t2);
+    },
+    $signature: 66
+  };
+  A._EvaluateVisitor_visitEachRule_closure9.prototype = {
+    call$1(value) {
+      return this.$this._async_evaluate0$_setMultipleVariables$3(this._box_1.variables, value, this.nodeWithSpan);
+    },
+    $signature: 66
+  };
+  A._EvaluateVisitor_visitEachRule_closure10.prototype = {
+    call$0() {
+      var _this = this,
+        t1 = _this.$this;
+      return t1._async_evaluate0$_handleReturn$2(_this.list.get$asList(), new A._EvaluateVisitor_visitEachRule__closure2(t1, _this.setVariables, _this.node));
+    },
+    $signature: 68
+  };
+  A._EvaluateVisitor_visitEachRule__closure2.prototype = {
+    call$1(element) {
+      var t1;
+      this.setVariables.call$1(element);
+      t1 = this.$this;
+      return t1._async_evaluate0$_handleReturn$2(this.node.children, new A._EvaluateVisitor_visitEachRule___closure2(t1));
+    },
+    $signature: 336
+  };
+  A._EvaluateVisitor_visitEachRule___closure2.prototype = {
+    call$1(child) {
+      return child.accept$1(this.$this);
+    },
+    $signature: 99
+  };
+  A._EvaluateVisitor_visitAtRule_closure8.prototype = {
+    call$1(value) {
+      return this.$this._async_evaluate0$_interpolationToValue$3$trim$warnForColor(value, true, true);
+    },
+    $signature: 338
+  };
+  A._EvaluateVisitor_visitAtRule_closure9.prototype = {
+    call$0() {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.Null),
+        $async$self = this, t2, t3, _i, t1, styleRule;
+      var $async$call$0 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              t1 = $async$self.$this;
+              styleRule = t1._async_evaluate0$_atRootExcludingStyleRule ? null : t1._async_evaluate0$_styleRuleIgnoringAtRoot;
+              $async$goto = styleRule == null || t1._async_evaluate0$_inKeyframes || $async$self.name.value === "font-face" ? 2 : 4;
+              break;
+            case 2:
+              // then
+              t2 = $async$self.children, t3 = t2.length, _i = 0;
+            case 5:
+              // for condition
+              if (!(_i < t3)) {
+                // goto after for
+                $async$goto = 7;
+                break;
+              }
+              $async$goto = 8;
+              return A._asyncAwait(t2[_i].accept$1(t1), $async$call$0);
+            case 8:
+              // returning from await.
+            case 6:
+              // for update
+              ++_i;
+              // goto for condition
+              $async$goto = 5;
+              break;
+            case 7:
+              // after for
+              // goto join
+              $async$goto = 3;
+              break;
+            case 4:
+              // else
+              $async$goto = 9;
+              return A._asyncAwait(t1._async_evaluate0$_withParent$2$3$scopeWhen(A.ModifiableCssStyleRule$0(styleRule._style_rule0$_selector, styleRule.span, false, styleRule.originalSelector), new A._EvaluateVisitor_visitAtRule__closure2(t1, $async$self.children), false, type$.ModifiableCssStyleRule_2, type$.Null), $async$call$0);
+            case 9:
+              // returning from await.
+            case 3:
+              // join
+              // implicit return
+              return A._asyncReturn(null, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$call$0, $async$completer);
+    },
+    $signature: 2
+  };
+  A._EvaluateVisitor_visitAtRule__closure2.prototype = {
+    call$0() {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.Null),
+        $async$self = this, t1, t2, t3, _i;
+      var $async$call$0 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              t1 = $async$self.children, t2 = t1.length, t3 = $async$self.$this, _i = 0;
+            case 2:
+              // for condition
+              if (!(_i < t2)) {
+                // goto after for
+                $async$goto = 4;
+                break;
+              }
+              $async$goto = 5;
+              return A._asyncAwait(t1[_i].accept$1(t3), $async$call$0);
+            case 5:
+              // returning from await.
+            case 3:
+              // for update
+              ++_i;
+              // goto for condition
+              $async$goto = 2;
+              break;
+            case 4:
+              // after for
+              // implicit return
+              return A._asyncReturn(null, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$call$0, $async$completer);
+    },
+    $signature: 2
+  };
+  A._EvaluateVisitor_visitAtRule_closure10.prototype = {
+    call$1(node) {
+      return node instanceof A.ModifiableCssStyleRule0;
+    },
+    $signature: 8
+  };
+  A._EvaluateVisitor_visitForRule_closure14.prototype = {
+    call$0() {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.SassNumber_2),
+        $async$returnValue, $async$self = this;
+      var $async$call$0 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              $async$goto = 3;
+              return A._asyncAwait($async$self.node.from.accept$1($async$self.$this), $async$call$0);
+            case 3:
+              // returning from await.
+              $async$returnValue = $async$result.assertNumber$0();
+              // goto return
+              $async$goto = 1;
+              break;
+            case 1:
+              // return
+              return A._asyncReturn($async$returnValue, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$call$0, $async$completer);
+    },
+    $signature: 179
+  };
+  A._EvaluateVisitor_visitForRule_closure15.prototype = {
+    call$0() {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.SassNumber_2),
+        $async$returnValue, $async$self = this;
+      var $async$call$0 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              $async$goto = 3;
+              return A._asyncAwait($async$self.node.to.accept$1($async$self.$this), $async$call$0);
+            case 3:
+              // returning from await.
+              $async$returnValue = $async$result.assertNumber$0();
+              // goto return
+              $async$goto = 1;
+              break;
+            case 1:
+              // return
+              return A._asyncReturn($async$returnValue, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$call$0, $async$completer);
+    },
+    $signature: 179
+  };
+  A._EvaluateVisitor_visitForRule_closure16.prototype = {
+    call$0() {
+      return this.fromNumber.assertInt$0();
+    },
+    $signature: 10
+  };
+  A._EvaluateVisitor_visitForRule_closure17.prototype = {
+    call$0() {
+      var t1 = this.fromNumber;
+      return this.toNumber.coerce$2(t1.get$numeratorUnits(t1), t1.get$denominatorUnits(t1)).assertInt$0();
+    },
+    $signature: 10
+  };
+  A._EvaluateVisitor_visitForRule_closure18.prototype = {
+    call$0() {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.nullable_Value_2),
+        $async$returnValue, $async$self = this, i, t3, t4, t5, t6, t7, t8, _0_0, t1, t2, nodeWithSpan;
+      var $async$call$0 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              t1 = $async$self.$this;
+              t2 = $async$self.node;
+              nodeWithSpan = t1._async_evaluate0$_expressionNode$1(t2.from);
+              i = $async$self.from, t3 = $async$self._box_0, t4 = $async$self.direction, t5 = t2.variable, t6 = $async$self.fromNumber, t2 = t2.children;
+            case 3:
+              // for condition
+              if (!(i !== t3.to)) {
+                // goto after for
+                $async$goto = 5;
+                break;
+              }
+              t7 = t1._async_evaluate0$_environment;
+              t8 = t6.get$numeratorUnits(t6);
+              t7.setLocalVariable$3(t5, A.SassNumber_SassNumber$withUnits0(i, t6.get$denominatorUnits(t6), t8), nodeWithSpan);
+              $async$goto = 6;
+              return A._asyncAwait(t1._async_evaluate0$_handleReturn$2(t2, new A._EvaluateVisitor_visitForRule__closure2(t1)), $async$call$0);
+            case 6:
+              // returning from await.
+              _0_0 = $async$result;
+              if (_0_0 != null) {
+                $async$returnValue = _0_0;
+                // goto return
+                $async$goto = 1;
+                break;
+              }
+            case 4:
+              // for update
+              i += t4;
+              // goto for condition
+              $async$goto = 3;
+              break;
+            case 5:
+              // after for
+              $async$returnValue = null;
+              // goto return
+              $async$goto = 1;
+              break;
+            case 1:
+              // return
+              return A._asyncReturn($async$returnValue, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$call$0, $async$completer);
+    },
+    $signature: 68
+  };
+  A._EvaluateVisitor_visitForRule__closure2.prototype = {
+    call$1(child) {
+      return child.accept$1(this.$this);
+    },
+    $signature: 99
+  };
+  A._EvaluateVisitor_visitForwardRule_closure5.prototype = {
+    call$2(module, firstLoad) {
+      if (firstLoad)
+        this.$this._async_evaluate0$_registerCommentsForModule$1(module);
+      this.$this._async_evaluate0$_environment.forwardModule$2(module, this.node);
+    },
+    $signature: 127
+  };
+  A._EvaluateVisitor_visitForwardRule_closure6.prototype = {
+    call$2(module, firstLoad) {
+      if (firstLoad)
+        this.$this._async_evaluate0$_registerCommentsForModule$1(module);
+      this.$this._async_evaluate0$_environment.forwardModule$2(module, this.node);
+    },
+    $signature: 127
+  };
+  A._EvaluateVisitor__registerCommentsForModule_closure2.prototype = {
+    call$0() {
+      return A._setArrayType([], type$.JSArray_CssComment_2);
+    },
+    $signature: 181
+  };
+  A._EvaluateVisitor_visitIfRule_closure2.prototype = {
+    call$1(clause) {
+      var t1 = this.$this;
+      return t1._async_evaluate0$_environment.scope$1$3$semiGlobal$when(new A._EvaluateVisitor_visitIfRule__closure2(t1, clause), true, clause.hasDeclarations, type$.nullable_Value_2);
+    },
+    $signature: 343
+  };
+  A._EvaluateVisitor_visitIfRule__closure2.prototype = {
+    call$0() {
+      var t1 = this.$this;
+      return t1._async_evaluate0$_handleReturn$2(this.clause.children, new A._EvaluateVisitor_visitIfRule___closure2(t1));
+    },
+    $signature: 68
+  };
+  A._EvaluateVisitor_visitIfRule___closure2.prototype = {
+    call$1(child) {
+      return child.accept$1(this.$this);
+    },
+    $signature: 99
+  };
+  A._EvaluateVisitor__visitDynamicImport_closure2.prototype = {
+    call$0() {
+      return this.$call$body$_EvaluateVisitor__visitDynamicImport_closure0();
+    },
+    $call$body$_EvaluateVisitor__visitDynamicImport_closure0() {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.void),
+        $async$returnValue, $async$self = this, t1, t2, _0_0, stylesheet, importer, isDependency, url, t3, oldImporter, oldStylesheet, oldInDependency, loadsUserDefinedModules, children, t4, t5, t6, t7, t8, t9, t10, environment, module, visitor, _box_0;
+      var $async$call$0 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              _box_0 = {};
+              _box_0.isDependency = _box_0.importer = _box_0.stylesheet = null;
+              t1 = $async$self.$this;
+              t2 = $async$self.$import;
+              $async$goto = 3;
+              return A._asyncAwait(t1._async_evaluate0$_loadStylesheet$3$forImport(t2.urlString, t2.span, true), $async$call$0);
+            case 3:
+              // returning from await.
+              _0_0 = $async$result;
+              stylesheet = _box_0.stylesheet = _0_0._0;
+              importer = _0_0._1;
+              _box_0.importer = importer;
+              isDependency = _0_0._2;
+              _box_0.isDependency = isDependency;
+              url = stylesheet.span.file.url;
+              if (url != null) {
+                t3 = t1._async_evaluate0$_activeModules;
+                if (t3.containsKey$1(url)) {
+                  t2 = A.NullableExtension_andThen0(t3.$index(0, url), new A._EvaluateVisitor__visitDynamicImport__closure11(t1));
+                  throw A.wrapException(t2 == null ? t1._async_evaluate0$_exception$1("This file is already being loaded.") : t2);
+                }
+                t3.$indexSet(0, url, t2);
+              }
+              t2 = stylesheet._stylesheet1$_uses;
+              t3 = type$.UnmodifiableListView_UseRule_2;
+              $async$goto = new A.UnmodifiableListView(t2, t3).get$length(0) === 0 && new A.UnmodifiableListView(stylesheet._stylesheet1$_forwards, type$.UnmodifiableListView_ForwardRule_2).get$length(0) === 0 ? 4 : 5;
+              break;
+            case 4:
+              // then
+              oldImporter = t1._async_evaluate0$_importer;
+              oldStylesheet = t1._async_evaluate0$_assertInModule$2(t1._async_evaluate0$__stylesheet, "_stylesheet");
+              oldInDependency = t1._async_evaluate0$_inDependency;
+              t1._async_evaluate0$_importer = importer;
+              t1._async_evaluate0$__stylesheet = stylesheet;
+              t1._async_evaluate0$_inDependency = isDependency;
+              $async$goto = 6;
+              return A._asyncAwait(t1.visitStylesheet$1(0, stylesheet), $async$call$0);
+            case 6:
+              // returning from await.
+              t1._async_evaluate0$_importer = oldImporter;
+              t1._async_evaluate0$__stylesheet = oldStylesheet;
+              t1._async_evaluate0$_inDependency = oldInDependency;
+              t1._async_evaluate0$_activeModules.remove$1(0, url);
+              // goto return
+              $async$goto = 1;
+              break;
+            case 5:
+              // join
+              t2 = new A.UnmodifiableListView(t2, t3);
+              if (!t2.any$1(t2, new A._EvaluateVisitor__visitDynamicImport__closure12())) {
+                t2 = new A.UnmodifiableListView(stylesheet._stylesheet1$_forwards, type$.UnmodifiableListView_ForwardRule_2);
+                loadsUserDefinedModules = t2.any$1(t2, new A._EvaluateVisitor__visitDynamicImport__closure13());
+              } else
+                loadsUserDefinedModules = true;
+              children = A._Cell$();
+              t2 = t1._async_evaluate0$_environment;
+              t3 = type$.String;
+              t4 = type$.Module_AsyncCallable_2;
+              t5 = type$.AstNode_2;
+              t6 = A._setArrayType([], type$.JSArray_Module_AsyncCallable_2);
+              t7 = t2._async_environment0$_variables;
+              t7 = A._setArrayType(t7.slice(0), A._arrayInstanceType(t7));
+              t8 = t2._async_environment0$_variableNodes;
+              t8 = A._setArrayType(t8.slice(0), A._arrayInstanceType(t8));
+              t9 = t2._async_environment0$_functions;
+              t9 = A._setArrayType(t9.slice(0), A._arrayInstanceType(t9));
+              t10 = t2._async_environment0$_mixins;
+              t10 = A._setArrayType(t10.slice(0), A._arrayInstanceType(t10));
+              environment = A.AsyncEnvironment$_0(A.LinkedHashMap_LinkedHashMap$_empty(t3, t4), A.LinkedHashMap_LinkedHashMap$_empty(t3, t5), A.LinkedHashMap_LinkedHashMap$_empty(t4, t5), t2._async_environment0$_importedModules, null, null, t6, t7, t8, t9, t10, t2._async_environment0$_content, t2._async_environment0$_configurableVariables);
+              $async$goto = 7;
+              return A._asyncAwait(t1._async_evaluate0$_withEnvironment$1$2(environment, new A._EvaluateVisitor__visitDynamicImport__closure14(_box_0, t1, loadsUserDefinedModules, environment, children), type$.Null), $async$call$0);
+            case 7:
+              // returning from await.
+              module = environment.toDummyModule$0();
+              t1._async_evaluate0$_environment.importForwards$1(module);
+              $async$goto = loadsUserDefinedModules ? 8 : 9;
+              break;
+            case 8:
+              // then
+              $async$goto = module.transitivelyContainsCss ? 10 : 11;
+              break;
+            case 10:
+              // then
+              $async$goto = 12;
+              return A._asyncAwait(t1._async_evaluate0$_combineCss$2$clone(module, module.transitivelyContainsExtensions).accept$1(t1), $async$call$0);
+            case 12:
+              // returning from await.
+            case 11:
+              // join
+              visitor = new A._ImportedCssVisitor2(t1);
+              for (t2 = J.get$iterator$ax(children._readLocal$0()); t2.moveNext$0();)
+                t2.get$current(t2).accept$1(visitor);
+            case 9:
+              // join
+              t1._async_evaluate0$_activeModules.remove$1(0, url);
+            case 1:
+              // return
+              return A._asyncReturn($async$returnValue, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$call$0, $async$completer);
+    },
+    $signature: 31
+  };
+  A._EvaluateVisitor__visitDynamicImport__closure11.prototype = {
+    call$1(previousLoad) {
+      return this.$this._async_evaluate0$_multiSpanException$3("This file is already being loaded.", "new load", A.LinkedHashMap_LinkedHashMap$_literal([previousLoad.get$span(previousLoad), "original load"], type$.FileSpan, type$.String));
+    },
+    $signature: 105
+  };
+  A._EvaluateVisitor__visitDynamicImport__closure12.prototype = {
+    call$1(rule) {
+      return rule.url.get$scheme() !== "sass";
+    },
+    $signature: 182
+  };
+  A._EvaluateVisitor__visitDynamicImport__closure13.prototype = {
+    call$1(rule) {
+      return rule.url.get$scheme() !== "sass";
+    },
+    $signature: 183
+  };
+  A._EvaluateVisitor__visitDynamicImport__closure14.prototype = {
+    call$0() {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.Null),
+        $async$self = this, t3, t4, t1, oldImporter, oldStylesheet, oldRoot, oldParent, oldEndOfImports, oldOutOfOrderImports, oldConfiguration, oldInDependency, t2;
+      var $async$call$0 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              t1 = $async$self.$this;
+              oldImporter = t1._async_evaluate0$_importer;
+              oldStylesheet = t1._async_evaluate0$_assertInModule$2(t1._async_evaluate0$__stylesheet, "_stylesheet");
+              oldRoot = t1._async_evaluate0$_assertInModule$2(t1._async_evaluate0$__root, "_root");
+              oldParent = t1._async_evaluate0$_assertInModule$2(t1._async_evaluate0$__parent, "__parent");
+              oldEndOfImports = t1._async_evaluate0$_assertInModule$2(t1._async_evaluate0$__endOfImports, "_endOfImports");
+              oldOutOfOrderImports = t1._async_evaluate0$_outOfOrderImports;
+              oldConfiguration = t1._async_evaluate0$_configuration;
+              oldInDependency = t1._async_evaluate0$_inDependency;
+              t2 = $async$self._box_0;
+              t1._async_evaluate0$_importer = t2.importer;
+              t3 = t2.stylesheet;
+              t1._async_evaluate0$__stylesheet = t3;
+              t4 = $async$self.loadsUserDefinedModules;
+              if (t4) {
+                t3 = A.ModifiableCssStylesheet$0(t3.span);
+                t1._async_evaluate0$__root = t3;
+                t1._async_evaluate0$__parent = t1._async_evaluate0$_assertInModule$2(t3, "_root");
+                t1._async_evaluate0$__endOfImports = 0;
+                t1._async_evaluate0$_outOfOrderImports = null;
+              }
+              t1._async_evaluate0$_inDependency = t2.isDependency;
+              t3 = new A.UnmodifiableListView(t2.stylesheet._stylesheet1$_forwards, type$.UnmodifiableListView_ForwardRule_2);
+              if (!t3.get$isEmpty(t3))
+                t1._async_evaluate0$_configuration = $async$self.environment.toImplicitConfiguration$0();
+              $async$goto = 2;
+              return A._asyncAwait(t1.visitStylesheet$1(0, t2.stylesheet), $async$call$0);
+            case 2:
+              // returning from await.
+              t2 = t4 ? t1._async_evaluate0$_addOutOfOrderImports$0() : A._setArrayType([], type$.JSArray_ModifiableCssNode_2);
+              $async$self.children.__late_helper$_value = t2;
+              t1._async_evaluate0$_importer = oldImporter;
+              t1._async_evaluate0$__stylesheet = oldStylesheet;
+              if (t4) {
+                t1._async_evaluate0$__root = oldRoot;
+                t1._async_evaluate0$__parent = oldParent;
+                t1._async_evaluate0$__endOfImports = oldEndOfImports;
+                t1._async_evaluate0$_outOfOrderImports = oldOutOfOrderImports;
+              }
+              t1._async_evaluate0$_configuration = oldConfiguration;
+              t1._async_evaluate0$_inDependency = oldInDependency;
+              // implicit return
+              return A._asyncReturn(null, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$call$0, $async$completer);
+    },
+    $signature: 2
+  };
+  A._EvaluateVisitor__applyMixin_closure5.prototype = {
+    call$0() {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.void),
+        $async$self = this, t1;
+      var $async$call$0 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              t1 = $async$self.$this;
+              $async$goto = 2;
+              return A._asyncAwait(t1._async_evaluate0$_environment.asMixin$1(new A._EvaluateVisitor__applyMixin__closure6(t1, $async$self.$arguments, $async$self.mixin, $async$self.nodeWithSpanWithoutContent)), $async$call$0);
+            case 2:
+              // returning from await.
+              // implicit return
+              return A._asyncReturn(null, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$call$0, $async$completer);
+    },
+    $signature: 31
+  };
+  A._EvaluateVisitor__applyMixin__closure6.prototype = {
+    call$0() {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.void),
+        $async$self = this;
+      var $async$call$0 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              $async$goto = 2;
+              return A._asyncAwait($async$self.$this._async_evaluate0$_runBuiltInCallable$3($async$self.$arguments, $async$self.mixin, $async$self.nodeWithSpanWithoutContent), $async$call$0);
+            case 2:
+              // returning from await.
+              // implicit return
+              return A._asyncReturn(null, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$call$0, $async$completer);
+    },
+    $signature: 31
+  };
+  A._EvaluateVisitor__applyMixin_closure6.prototype = {
+    call$0() {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.Null),
+        $async$self = this, t1;
+      var $async$call$0 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              t1 = $async$self.$this;
+              $async$goto = 2;
+              return A._asyncAwait(t1._async_evaluate0$_environment.withContent$2($async$self.contentCallable, new A._EvaluateVisitor__applyMixin__closure5(t1, $async$self.mixin, $async$self.nodeWithSpanWithoutContent)), $async$call$0);
+            case 2:
+              // returning from await.
+              // implicit return
+              return A._asyncReturn(null, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$call$0, $async$completer);
+    },
+    $signature: 2
+  };
+  A._EvaluateVisitor__applyMixin__closure5.prototype = {
+    call$0() {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.void),
+        $async$self = this, t1;
+      var $async$call$0 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              t1 = $async$self.$this;
+              $async$goto = 2;
+              return A._asyncAwait(t1._async_evaluate0$_environment.asMixin$1(new A._EvaluateVisitor__applyMixin___closure2(t1, $async$self.mixin, $async$self.nodeWithSpanWithoutContent)), $async$call$0);
+            case 2:
+              // returning from await.
+              // implicit return
+              return A._asyncReturn(null, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$call$0, $async$completer);
+    },
+    $signature: 31
+  };
+  A._EvaluateVisitor__applyMixin___closure2.prototype = {
+    call$0() {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.void),
+        $async$self = this, t1, t2, t3, t4, t5, _i;
+      var $async$call$0 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              t1 = $async$self.mixin.declaration.children, t2 = t1.length, t3 = $async$self.$this, t4 = $async$self.nodeWithSpanWithoutContent, t5 = type$.nullable_Value_2, _i = 0;
+            case 2:
+              // for condition
+              if (!(_i < t2)) {
+                // goto after for
+                $async$goto = 4;
+                break;
+              }
+              $async$goto = 5;
+              return A._asyncAwait(t3._async_evaluate0$_addErrorSpan$1$2(t4, new A._EvaluateVisitor__applyMixin____closure2(t3, t1[_i]), t5), $async$call$0);
+            case 5:
+              // returning from await.
+            case 3:
+              // for update
+              ++_i;
+              // goto for condition
+              $async$goto = 2;
+              break;
+            case 4:
+              // after for
+              // implicit return
+              return A._asyncReturn(null, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$call$0, $async$completer);
+    },
+    $signature: 31
+  };
+  A._EvaluateVisitor__applyMixin____closure2.prototype = {
+    call$0() {
+      return this.statement.accept$1(this.$this);
+    },
+    $signature: 68
+  };
+  A._EvaluateVisitor_visitIncludeRule_closure8.prototype = {
+    call$0() {
+      var t1 = this.node;
+      return this.$this._async_evaluate0$_environment.getMixin$2$namespace(t1.name, t1.namespace);
+    },
+    $signature: 103
+  };
+  A._EvaluateVisitor_visitIncludeRule_closure9.prototype = {
+    call$1($content) {
+      var t1 = this.$this;
+      return new A.UserDefinedCallable0($content, t1._async_evaluate0$_environment.closure$0(), t1._async_evaluate0$_inDependency, type$.UserDefinedCallable_AsyncEnvironment_2);
+    },
+    $signature: 346
+  };
+  A._EvaluateVisitor_visitIncludeRule_closure10.prototype = {
+    call$0() {
+      return this.node.get$spanWithoutContent();
+    },
+    $signature: 26
+  };
+  A._EvaluateVisitor_visitMediaRule_closure8.prototype = {
+    call$1(mediaQueries) {
+      return this.$this._async_evaluate0$_mergeMediaQueries$2(mediaQueries, this.queries);
+    },
+    $signature: 109
+  };
+  A._EvaluateVisitor_visitMediaRule_closure9.prototype = {
+    call$0() {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.Null),
+        $async$self = this, t1, t2;
+      var $async$call$0 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              t1 = $async$self.$this;
+              t2 = $async$self.mergedQueries;
+              if (t2 == null)
+                t2 = $async$self.queries;
+              $async$goto = 2;
+              return A._asyncAwait(t1._async_evaluate0$_withMediaQueries$1$3(t2, $async$self.mergedSources, new A._EvaluateVisitor_visitMediaRule__closure2(t1, $async$self.node), type$.Null), $async$call$0);
+            case 2:
+              // returning from await.
+              // implicit return
+              return A._asyncReturn(null, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$call$0, $async$completer);
+    },
+    $signature: 2
+  };
+  A._EvaluateVisitor_visitMediaRule__closure2.prototype = {
+    call$0() {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.Null),
+        $async$self = this, t2, t3, _i, t1, _0_0;
+      var $async$call$0 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              t1 = $async$self.$this;
+              _0_0 = t1._async_evaluate0$_atRootExcludingStyleRule ? null : t1._async_evaluate0$_styleRuleIgnoringAtRoot;
+              $async$goto = _0_0 != null ? 2 : 4;
+              break;
+            case 2:
+              // then
+              $async$goto = 5;
+              return A._asyncAwait(t1._async_evaluate0$_withParent$2$3$scopeWhen(A.ModifiableCssStyleRule$0(_0_0._style_rule0$_selector, _0_0.span, false, _0_0.originalSelector), new A._EvaluateVisitor_visitMediaRule___closure2(t1, $async$self.node), false, type$.ModifiableCssStyleRule_2, type$.Null), $async$call$0);
+            case 5:
+              // returning from await.
+              // goto join
+              $async$goto = 3;
+              break;
+            case 4:
+              // else
+              t2 = $async$self.node.children, t3 = t2.length, _i = 0;
+            case 6:
+              // for condition
+              if (!(_i < t3)) {
+                // goto after for
+                $async$goto = 8;
+                break;
+              }
+              $async$goto = 9;
+              return A._asyncAwait(t2[_i].accept$1(t1), $async$call$0);
+            case 9:
+              // returning from await.
+            case 7:
+              // for update
+              ++_i;
+              // goto for condition
+              $async$goto = 6;
+              break;
+            case 8:
+              // after for
+            case 3:
+              // join
+              // implicit return
+              return A._asyncReturn(null, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$call$0, $async$completer);
+    },
+    $signature: 2
+  };
+  A._EvaluateVisitor_visitMediaRule___closure2.prototype = {
+    call$0() {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.Null),
+        $async$self = this, t1, t2, t3, _i;
+      var $async$call$0 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              t1 = $async$self.node.children, t2 = t1.length, t3 = $async$self.$this, _i = 0;
+            case 2:
+              // for condition
+              if (!(_i < t2)) {
+                // goto after for
+                $async$goto = 4;
+                break;
+              }
+              $async$goto = 5;
+              return A._asyncAwait(t1[_i].accept$1(t3), $async$call$0);
+            case 5:
+              // returning from await.
+            case 3:
+              // for update
+              ++_i;
+              // goto for condition
+              $async$goto = 2;
+              break;
+            case 4:
+              // after for
+              // implicit return
+              return A._asyncReturn(null, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$call$0, $async$completer);
+    },
+    $signature: 2
+  };
+  A._EvaluateVisitor_visitMediaRule_closure10.prototype = {
+    call$1(node) {
+      var t1;
+      if (!(node instanceof A.ModifiableCssStyleRule0)) {
+        t1 = this.mergedSources;
+        t1 = t1.get$isNotEmpty(t1) && node instanceof A.ModifiableCssMediaRule0 && B.JSArray_methods.every$1(node.queries, t1.get$contains(t1));
+      } else
+        t1 = true;
+      return t1;
+    },
+    $signature: 8
+  };
+  A._EvaluateVisitor_visitStyleRule_closure11.prototype = {
+    call$0() {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.Null),
+        $async$self = this, t1, t2, t3, _i;
+      var $async$call$0 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              t1 = $async$self.node.children, t2 = t1.length, t3 = $async$self.$this, _i = 0;
+            case 2:
+              // for condition
+              if (!(_i < t2)) {
+                // goto after for
+                $async$goto = 4;
+                break;
+              }
+              $async$goto = 5;
+              return A._asyncAwait(t1[_i].accept$1(t3), $async$call$0);
+            case 5:
+              // returning from await.
+            case 3:
+              // for update
+              ++_i;
+              // goto for condition
+              $async$goto = 2;
+              break;
+            case 4:
+              // after for
+              // implicit return
+              return A._asyncReturn(null, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$call$0, $async$completer);
+    },
+    $signature: 2
+  };
+  A._EvaluateVisitor_visitStyleRule_closure12.prototype = {
+    call$1(node) {
+      return node instanceof A.ModifiableCssStyleRule0;
+    },
+    $signature: 8
+  };
+  A._EvaluateVisitor_visitStyleRule_closure14.prototype = {
+    call$0() {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.Null),
+        $async$self = this, t1;
+      var $async$call$0 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              t1 = $async$self.$this;
+              $async$goto = 2;
+              return A._asyncAwait(t1._async_evaluate0$_withStyleRule$1$2($async$self.rule, new A._EvaluateVisitor_visitStyleRule__closure2(t1, $async$self.node), type$.Null), $async$call$0);
+            case 2:
+              // returning from await.
+              // implicit return
+              return A._asyncReturn(null, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$call$0, $async$completer);
+    },
+    $signature: 2
+  };
+  A._EvaluateVisitor_visitStyleRule__closure2.prototype = {
+    call$0() {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.Null),
+        $async$self = this, t1, t2, t3, _i;
+      var $async$call$0 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              t1 = $async$self.node.children, t2 = t1.length, t3 = $async$self.$this, _i = 0;
+            case 2:
+              // for condition
+              if (!(_i < t2)) {
+                // goto after for
+                $async$goto = 4;
+                break;
+              }
+              $async$goto = 5;
+              return A._asyncAwait(t1[_i].accept$1(t3), $async$call$0);
+            case 5:
+              // returning from await.
+            case 3:
+              // for update
+              ++_i;
+              // goto for condition
+              $async$goto = 2;
+              break;
+            case 4:
+              // after for
+              // implicit return
+              return A._asyncReturn(null, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$call$0, $async$completer);
+    },
+    $signature: 2
+  };
+  A._EvaluateVisitor_visitStyleRule_closure13.prototype = {
+    call$1(node) {
+      return node instanceof A.ModifiableCssStyleRule0;
+    },
+    $signature: 8
+  };
+  A._EvaluateVisitor__warnForBogusCombinators_closure2.prototype = {
+    call$1(child) {
+      return child instanceof A.ModifiableCssComment0;
+    },
+    $signature: 8
+  };
+  A._EvaluateVisitor_visitSupportsRule_closure5.prototype = {
+    call$0() {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.Null),
+        $async$self = this, t2, t3, _i, t1, _0_0;
+      var $async$call$0 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              t1 = $async$self.$this;
+              _0_0 = t1._async_evaluate0$_atRootExcludingStyleRule ? null : t1._async_evaluate0$_styleRuleIgnoringAtRoot;
+              $async$goto = _0_0 != null ? 2 : 4;
+              break;
+            case 2:
+              // then
+              $async$goto = 5;
+              return A._asyncAwait(t1._async_evaluate0$_withParent$2$2(A.ModifiableCssStyleRule$0(_0_0._style_rule0$_selector, _0_0.span, false, _0_0.originalSelector), new A._EvaluateVisitor_visitSupportsRule__closure2(t1, $async$self.node), type$.ModifiableCssStyleRule_2, type$.Null), $async$call$0);
+            case 5:
+              // returning from await.
+              // goto join
+              $async$goto = 3;
+              break;
+            case 4:
+              // else
+              t2 = $async$self.node.children, t3 = t2.length, _i = 0;
+            case 6:
+              // for condition
+              if (!(_i < t3)) {
+                // goto after for
+                $async$goto = 8;
+                break;
+              }
+              $async$goto = 9;
+              return A._asyncAwait(t2[_i].accept$1(t1), $async$call$0);
+            case 9:
+              // returning from await.
+            case 7:
+              // for update
+              ++_i;
+              // goto for condition
+              $async$goto = 6;
+              break;
+            case 8:
+              // after for
+            case 3:
+              // join
+              // implicit return
+              return A._asyncReturn(null, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$call$0, $async$completer);
+    },
+    $signature: 2
+  };
+  A._EvaluateVisitor_visitSupportsRule__closure2.prototype = {
+    call$0() {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.Null),
+        $async$self = this, t1, t2, t3, _i;
+      var $async$call$0 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              t1 = $async$self.node.children, t2 = t1.length, t3 = $async$self.$this, _i = 0;
+            case 2:
+              // for condition
+              if (!(_i < t2)) {
+                // goto after for
+                $async$goto = 4;
+                break;
+              }
+              $async$goto = 5;
+              return A._asyncAwait(t1[_i].accept$1(t3), $async$call$0);
+            case 5:
+              // returning from await.
+            case 3:
+              // for update
+              ++_i;
+              // goto for condition
+              $async$goto = 2;
+              break;
+            case 4:
+              // after for
+              // implicit return
+              return A._asyncReturn(null, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$call$0, $async$completer);
+    },
+    $signature: 2
+  };
+  A._EvaluateVisitor_visitSupportsRule_closure6.prototype = {
+    call$1(node) {
+      return node instanceof A.ModifiableCssStyleRule0;
+    },
+    $signature: 8
+  };
+  A._EvaluateVisitor__visitSupportsCondition_closure2.prototype = {
+    call$0() {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.String),
+        $async$returnValue, $async$self = this, t1, t2, t3, t4, $async$temp1, $async$temp2;
+      var $async$call$0 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              t1 = $async$self.$this;
+              t2 = $async$self._box_0;
+              $async$temp1 = A;
+              $async$goto = 3;
+              return A._asyncAwait(t1._async_evaluate0$_evaluateToCss$1(t2.declaration.name), $async$call$0);
+            case 3:
+              // returning from await.
+              t3 = $async$temp1.S($async$result);
+              t4 = t2.declaration.get$isCustomProperty() ? "" : " ";
+              $async$temp1 = "(" + t3 + ":" + t4;
+              $async$temp2 = A;
+              $async$goto = 4;
+              return A._asyncAwait(t1._async_evaluate0$_evaluateToCss$1(t2.declaration.value), $async$call$0);
+            case 4:
+              // returning from await.
+              $async$returnValue = $async$temp1 + $async$temp2.S($async$result) + ")";
+              // goto return
+              $async$goto = 1;
+              break;
+            case 1:
+              // return
+              return A._asyncReturn($async$returnValue, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$call$0, $async$completer);
+    },
+    $signature: 207
+  };
+  A._EvaluateVisitor_visitVariableDeclaration_closure8.prototype = {
+    call$0() {
+      var t1 = this.$this._async_evaluate0$_environment,
+        t2 = this._box_0.override;
+      t1.setVariable$4$global(this.node.name, t2.value, t2.assignmentNode, true);
+    },
+    $signature: 1
+  };
+  A._EvaluateVisitor_visitVariableDeclaration_closure9.prototype = {
+    call$0() {
+      var t1 = this.node;
+      return this.$this._async_evaluate0$_environment.getVariable$2$namespace(t1.name, t1.namespace);
+    },
+    $signature: 41
+  };
+  A._EvaluateVisitor_visitVariableDeclaration_closure10.prototype = {
+    call$0() {
+      var t1 = this.$this,
+        t2 = this.node;
+      t1._async_evaluate0$_environment.setVariable$5$global$namespace(t2.name, this.value, t1._async_evaluate0$_expressionNode$1(t2.expression), t2.isGlobal, t2.namespace);
+    },
+    $signature: 1
+  };
+  A._EvaluateVisitor_visitUseRule_closure2.prototype = {
+    call$2(module, firstLoad) {
+      var t1, t2, t3, _0_0, t4, t5, span;
+      if (firstLoad)
+        this.$this._async_evaluate0$_registerCommentsForModule$1(module);
+      t1 = this.$this._async_evaluate0$_environment;
+      t2 = this.node;
+      t3 = t2.namespace;
+      if (t3 == null) {
+        t1._async_environment0$_globalModules.$indexSet(0, module, t2);
+        t1._async_environment0$_allModules.push(module);
+        t1 = B.JSArray_methods.get$first(t1._async_environment0$_variables);
+        _0_0 = A.IterableExtension_firstWhereOrNull(t1.get$keys(t1), module.get$variables().get$containsKey());
+        if (_0_0 != null)
+          A.throwExpression(A.SassScriptException$0(string$.This_ma + _0_0 + '".', null));
+      } else {
+        t4 = t1._async_environment0$_modules;
+        if (t4.containsKey$1(t3)) {
+          t5 = t1._async_environment0$_namespaceNodes.$index(0, t3);
+          span = t5 == null ? null : t5.span;
+          t5 = A.LinkedHashMap_LinkedHashMap$_empty(type$.FileSpan, type$.String);
+          if (span != null)
+            t5.$indexSet(0, span, "original @use");
+          A.throwExpression(A.MultiSpanSassScriptException$0(string$.There_ + t3 + '".', "new @use", t5));
+        }
+        t4.$indexSet(0, t3, module);
+        t1._async_environment0$_namespaceNodes.$indexSet(0, t3, t2);
+        t1._async_environment0$_allModules.push(module);
+      }
+    },
+    $signature: 127
+  };
+  A._EvaluateVisitor_visitWarnRule_closure2.prototype = {
+    call$0() {
+      return this.node.expression.accept$1(this.$this);
+    },
+    $signature: 67
+  };
+  A._EvaluateVisitor_visitWhileRule_closure2.prototype = {
+    call$0() {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.nullable_Value_2),
+        $async$returnValue, $async$self = this, t1, t2, t3, _0_0;
+      var $async$call$0 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              t1 = $async$self.node, t2 = t1.condition, t3 = $async$self.$this, t1 = t1.children;
+            case 3:
+              // for condition
+              $async$goto = 5;
+              return A._asyncAwait(t2.accept$1(t3), $async$call$0);
+            case 5:
+              // returning from await.
+              if (!$async$result.get$isTruthy()) {
+                // goto after for
+                $async$goto = 4;
+                break;
+              }
+              $async$goto = 6;
+              return A._asyncAwait(t3._async_evaluate0$_handleReturn$2(t1, new A._EvaluateVisitor_visitWhileRule__closure2(t3)), $async$call$0);
+            case 6:
+              // returning from await.
+              _0_0 = $async$result;
+              if (_0_0 != null) {
+                $async$returnValue = _0_0;
+                // goto return
+                $async$goto = 1;
+                break;
+              }
+              // goto for condition
+              $async$goto = 3;
+              break;
+            case 4:
+              // after for
+              $async$returnValue = null;
+              // goto return
+              $async$goto = 1;
+              break;
+            case 1:
+              // return
+              return A._asyncReturn($async$returnValue, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$call$0, $async$completer);
+    },
+    $signature: 68
+  };
+  A._EvaluateVisitor_visitWhileRule__closure2.prototype = {
+    call$1(child) {
+      return child.accept$1(this.$this);
+    },
+    $signature: 99
+  };
+  A._EvaluateVisitor_visitBinaryOperationExpression_closure2.prototype = {
+    call$0() {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.Value_2),
+        $async$returnValue, $async$self = this, t3, t1, t2, left, $async$temp1, $async$temp2;
+      var $async$call$0 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              t1 = $async$self.node;
+              t2 = $async$self.$this;
+              $async$goto = 3;
+              return A._asyncAwait(t1.left.accept$1(t2), $async$call$0);
+            case 3:
+              // returning from await.
+              left = $async$result;
+            case 4:
+              // switch
+              switch (t1.operator) {
+                case B.BinaryOperator_Kyq0:
+                  // goto case
+                  $async$goto = 6;
+                  break;
+                case B.BinaryOperator_tKu0:
+                  // goto case
+                  $async$goto = 7;
+                  break;
+                case B.BinaryOperator_uke0:
+                  // goto case
+                  $async$goto = 8;
+                  break;
+                case B.BinaryOperator_r840:
+                  // goto case
+                  $async$goto = 9;
+                  break;
+                case B.BinaryOperator_qGq0:
+                  // goto case
+                  $async$goto = 10;
+                  break;
+                case B.BinaryOperator_o8O0:
+                  // goto case
+                  $async$goto = 11;
+                  break;
+                case B.BinaryOperator_JiR0:
+                  // goto case
+                  $async$goto = 12;
+                  break;
+                case B.BinaryOperator_qHy0:
+                  // goto case
+                  $async$goto = 13;
+                  break;
+                case B.BinaryOperator_FPG0:
+                  // goto case
+                  $async$goto = 14;
+                  break;
+                case B.BinaryOperator_Swh0:
+                  // goto case
+                  $async$goto = 15;
+                  break;
+                case B.BinaryOperator_QG10:
+                  // goto case
+                  $async$goto = 16;
+                  break;
+                case B.BinaryOperator_tht0:
+                  // goto case
+                  $async$goto = 17;
+                  break;
+                case B.BinaryOperator_Mh50:
+                  // goto case
+                  $async$goto = 18;
+                  break;
+                case B.BinaryOperator_s7T0:
+                  // goto case
+                  $async$goto = 19;
+                  break;
+                default:
+                  // goto default
+                  $async$goto = 20;
+                  break;
+              }
+              break;
+            case 6:
+              // case
+              t1 = t1.right.accept$1(t2);
+              $async$goto = 21;
+              return A._asyncAwait(type$.Future_Value_2._is(t1) ? t1 : A._Future$value(t1, type$.Value_2), $async$call$0);
+            case 21:
+              // returning from await.
+              t1 = $async$result;
+              t1 = new A.SassString0(A.serializeValue0(left, false, true) + "=" + A.serializeValue0(t1, false, true), false);
+              // goto after switch
+              $async$goto = 5;
+              break;
+            case 7:
+              // case
+              $async$goto = left.get$isTruthy() ? 22 : 24;
+              break;
+            case 22:
+              // then
+              t1 = left;
+              // goto join
+              $async$goto = 23;
+              break;
+            case 24:
+              // else
+              t1 = t1.right.accept$1(t2);
+              $async$goto = 25;
+              return A._asyncAwait(type$.Future_Value_2._is(t1) ? t1 : A._Future$value(t1, type$.Value_2), $async$call$0);
+            case 25:
+              // returning from await.
+              t1 = $async$result;
+            case 23:
+              // join
+              // goto after switch
+              $async$goto = 5;
+              break;
+            case 8:
+              // case
+              $async$goto = left.get$isTruthy() ? 26 : 28;
+              break;
+            case 26:
+              // then
+              t1 = t1.right.accept$1(t2);
+              $async$goto = 29;
+              return A._asyncAwait(type$.Future_Value_2._is(t1) ? t1 : A._Future$value(t1, type$.Value_2), $async$call$0);
+            case 29:
+              // returning from await.
+              t1 = $async$result;
+              // goto join
+              $async$goto = 27;
+              break;
+            case 28:
+              // else
+              t1 = left;
+            case 27:
+              // join
+              // goto after switch
+              $async$goto = 5;
+              break;
+            case 9:
+              // case
+              $async$temp1 = left;
+              $async$goto = 30;
+              return A._asyncAwait(t1.right.accept$1(t2), $async$call$0);
+            case 30:
+              // returning from await.
+              t1 = $async$temp1.$eq(0, $async$result) ? B.SassBoolean_true0 : B.SassBoolean_false0;
+              // goto after switch
+              $async$goto = 5;
+              break;
+            case 10:
+              // case
+              $async$temp1 = left;
+              $async$goto = 31;
+              return A._asyncAwait(t1.right.accept$1(t2), $async$call$0);
+            case 31:
+              // returning from await.
+              t1 = !$async$temp1.$eq(0, $async$result) ? B.SassBoolean_true0 : B.SassBoolean_false0;
+              // goto after switch
+              $async$goto = 5;
+              break;
+            case 11:
+              // case
+              t1 = t1.right.accept$1(t2);
+              $async$temp1 = left;
+              $async$goto = 32;
+              return A._asyncAwait(type$.Future_Value_2._is(t1) ? t1 : A._Future$value(t1, type$.Value_2), $async$call$0);
+            case 32:
+              // returning from await.
+              t1 = $async$temp1.greaterThan$1($async$result);
+              // goto after switch
+              $async$goto = 5;
+              break;
+            case 12:
+              // case
+              t1 = t1.right.accept$1(t2);
+              $async$temp1 = left;
+              $async$goto = 33;
+              return A._asyncAwait(type$.Future_Value_2._is(t1) ? t1 : A._Future$value(t1, type$.Value_2), $async$call$0);
+            case 33:
+              // returning from await.
+              t1 = $async$temp1.greaterThanOrEquals$1($async$result);
+              // goto after switch
+              $async$goto = 5;
+              break;
+            case 13:
+              // case
+              t1 = t1.right.accept$1(t2);
+              $async$temp1 = left;
+              $async$goto = 34;
+              return A._asyncAwait(type$.Future_Value_2._is(t1) ? t1 : A._Future$value(t1, type$.Value_2), $async$call$0);
+            case 34:
+              // returning from await.
+              t1 = $async$temp1.lessThan$1($async$result);
+              // goto after switch
+              $async$goto = 5;
+              break;
+            case 14:
+              // case
+              t1 = t1.right.accept$1(t2);
+              $async$temp1 = left;
+              $async$goto = 35;
+              return A._asyncAwait(type$.Future_Value_2._is(t1) ? t1 : A._Future$value(t1, type$.Value_2), $async$call$0);
+            case 35:
+              // returning from await.
+              t1 = $async$temp1.lessThanOrEquals$1($async$result);
+              // goto after switch
+              $async$goto = 5;
+              break;
+            case 15:
+              // case
+              t1 = t1.right.accept$1(t2);
+              $async$temp1 = left;
+              $async$goto = 36;
+              return A._asyncAwait(type$.Future_Value_2._is(t1) ? t1 : A._Future$value(t1, type$.Value_2), $async$call$0);
+            case 36:
+              // returning from await.
+              t1 = $async$temp1.plus$1($async$result);
+              // goto after switch
+              $async$goto = 5;
+              break;
+            case 16:
+              // case
+              t1 = t1.right.accept$1(t2);
+              $async$temp1 = left;
+              $async$goto = 37;
+              return A._asyncAwait(type$.Future_Value_2._is(t1) ? t1 : A._Future$value(t1, type$.Value_2), $async$call$0);
+            case 37:
+              // returning from await.
+              t1 = $async$temp1.minus$1($async$result);
+              // goto after switch
+              $async$goto = 5;
+              break;
+            case 17:
+              // case
+              t1 = t1.right.accept$1(t2);
+              $async$temp1 = left;
+              $async$goto = 38;
+              return A._asyncAwait(type$.Future_Value_2._is(t1) ? t1 : A._Future$value(t1, type$.Value_2), $async$call$0);
+            case 38:
+              // returning from await.
+              t1 = $async$temp1.times$1($async$result);
+              // goto after switch
+              $async$goto = 5;
+              break;
+            case 18:
+              // case
+              t3 = t1.right.accept$1(t2);
+              $async$temp1 = t2;
+              $async$temp2 = left;
+              $async$goto = 39;
+              return A._asyncAwait(type$.Future_Value_2._is(t3) ? t3 : A._Future$value(t3, type$.Value_2), $async$call$0);
+            case 39:
+              // returning from await.
+              t1 = $async$temp1._async_evaluate0$_slash$3($async$temp2, $async$result, t1);
+              // goto after switch
+              $async$goto = 5;
+              break;
+            case 19:
+              // case
+              t1 = t1.right.accept$1(t2);
+              $async$temp1 = left;
+              $async$goto = 40;
+              return A._asyncAwait(type$.Future_Value_2._is(t1) ? t1 : A._Future$value(t1, type$.Value_2), $async$call$0);
+            case 40:
+              // returning from await.
+              t1 = $async$temp1.modulo$1($async$result);
+              // goto after switch
+              $async$goto = 5;
+              break;
+            case 20:
+              // default
+              t1 = null;
+            case 5:
+              // after switch
+              $async$returnValue = t1;
+              // goto return
+              $async$goto = 1;
+              break;
+            case 1:
+              // return
+              return A._asyncReturn($async$returnValue, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$call$0, $async$completer);
+    },
+    $signature: 67
+  };
+  A._EvaluateVisitor__slash_recommendation2.prototype = {
+    call$1(expression) {
+      var t1;
+      $label0$0: {
+        if (expression instanceof A.BinaryOperationExpression0 && B.BinaryOperator_Mh50 === expression.operator) {
+          t1 = "math.div(" + A.S(this.call$1(expression.left)) + ", " + A.S(this.call$1(expression.right)) + ")";
+          break $label0$0;
+        }
+        if (expression instanceof A.ParenthesizedExpression0) {
+          t1 = expression.expression.toString$0(0);
+          break $label0$0;
+        }
+        t1 = expression.toString$0(0);
+        break $label0$0;
+      }
+      return t1;
+    },
+    $signature: 140
+  };
+  A._EvaluateVisitor_visitVariableExpression_closure2.prototype = {
+    call$0() {
+      var t1 = this.node;
+      return this.$this._async_evaluate0$_environment.getVariable$2$namespace(t1.name, t1.namespace);
+    },
+    $signature: 41
+  };
+  A._EvaluateVisitor_visitUnaryOperationExpression_closure2.prototype = {
+    call$0() {
+      var t1, _this = this;
+      switch (_this.node.operator) {
+        case B.UnaryOperator_Rbl0:
+          t1 = _this.operand.unaryPlus$0();
+          break;
+        case B.UnaryOperator_UCP0:
+          t1 = _this.operand.unaryMinus$0();
+          break;
+        case B.UnaryOperator_lZV0:
+          t1 = new A.SassString0("/" + A.serializeValue0(_this.operand, false, true), false);
+          break;
+        case B.UnaryOperator_not_not_not0:
+          t1 = _this.operand.unaryNot$0();
+          break;
+        default:
+          t1 = null;
+      }
+      return t1;
+    },
+    $signature: 46
+  };
+  A._EvaluateVisitor_visitListExpression_closure2.prototype = {
+    call$1(expression) {
+      return expression.accept$1(this.$this);
+    },
+    $signature: 352
+  };
+  A._EvaluateVisitor_visitFunctionExpression_closure8.prototype = {
+    call$0() {
+      var t1 = this.node;
+      return this.$this._async_evaluate0$_environment.getFunction$2$namespace(t1.name, t1.namespace);
+    },
+    $signature: 103
+  };
+  A._EvaluateVisitor_visitFunctionExpression_closure9.prototype = {
+    call$1(argument) {
+      return argument.accept$1(B.C_IsCalculationSafeVisitor0);
+    },
+    $signature: 121
+  };
+  A._EvaluateVisitor_visitFunctionExpression_closure10.prototype = {
+    call$0() {
+      var t1 = this.node;
+      return this.$this._async_evaluate0$_runFunctionCallable$3(t1.$arguments, this._box_0.$function, t1);
+    },
+    $signature: 67
+  };
+  A._EvaluateVisitor__visitCalculation_closure2.prototype = {
+    call$2(message, deprecation) {
+      return this.$this._async_evaluate0$_warn$3(message, this.node.span, deprecation);
+    },
+    call$1(message) {
+      return this.call$2(message, null);
+    },
+    $signature: 107
+  };
+  A._EvaluateVisitor__checkCalculationArguments_check2.prototype = {
+    call$1(maxArgs) {
+      var t1 = this.node,
+        t2 = t1.$arguments.positional.length;
+      if (t2 === 0)
+        throw A.wrapException(this.$this._async_evaluate0$_exception$2("Missing argument.", t1.span));
+      else if (maxArgs != null && t2 > maxArgs)
+        throw A.wrapException(this.$this._async_evaluate0$_exception$2("Only " + A.S(maxArgs) + " " + A.pluralize0("argument", maxArgs, null) + " allowed, but " + t2 + " " + A.pluralize0("was", t2, "were") + " passed.", t1.span));
+    },
+    call$0() {
+      return this.call$1(null);
+    },
+    $signature: 81
+  };
+  A._EvaluateVisitor__visitCalculationExpression_closure2.prototype = {
+    call$0() {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.Object),
+        $async$returnValue, $async$self = this, t1, t2, t3, t4, $async$temp1, $async$temp2, $async$temp3;
+      var $async$call$0 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              t1 = $async$self.$this;
+              t2 = $async$self._box_0;
+              t3 = $async$self.node;
+              t4 = $async$self.inLegacySassFunction;
+              $async$temp1 = A;
+              $async$temp2 = t1._async_evaluate0$_binaryOperatorToCalculationOperator$2(t2.operator, t3);
+              $async$goto = 3;
+              return A._asyncAwait(t1._async_evaluate0$_visitCalculationExpression$2$inLegacySassFunction(t2.left, t4), $async$call$0);
+            case 3:
+              // returning from await.
+              $async$temp3 = $async$result;
+              $async$goto = 4;
+              return A._asyncAwait(t1._async_evaluate0$_visitCalculationExpression$2$inLegacySassFunction(t2.right, t4), $async$call$0);
+            case 4:
+              // returning from await.
+              $async$returnValue = $async$temp1.SassCalculation_operateInternal0($async$temp2, $async$temp3, $async$result, t4, !t1._async_evaluate0$_inSupportsDeclaration, new A._EvaluateVisitor__visitCalculationExpression__closure2(t1, t3));
+              // goto return
+              $async$goto = 1;
+              break;
+            case 1:
+              // return
+              return A._asyncReturn($async$returnValue, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$call$0, $async$completer);
+    },
+    $signature: 225
+  };
+  A._EvaluateVisitor__visitCalculationExpression__closure2.prototype = {
+    call$2(message, deprecation) {
+      return this.$this._async_evaluate0$_warn$3(message, this.node.get$span(0), deprecation);
+    },
+    call$1(message) {
+      return this.call$2(message, null);
+    },
+    $signature: 107
+  };
+  A._EvaluateVisitor_visitInterpolatedFunctionExpression_closure2.prototype = {
+    call$0() {
+      var t1 = this.node;
+      return this.$this._async_evaluate0$_runFunctionCallable$3(t1.$arguments, this.$function, t1);
+    },
+    $signature: 67
+  };
+  A._EvaluateVisitor__runUserDefinedCallable_closure2.prototype = {
+    call$0() {
+      var _this = this,
+        t1 = _this.$this,
+        t2 = _this.callable,
+        t3 = _this.V;
+      return t1._async_evaluate0$_withEnvironment$1$2(t2.environment.closure$0(), new A._EvaluateVisitor__runUserDefinedCallable__closure2(t1, _this.evaluated, t2, _this.nodeWithSpan, _this.run, t3), t3);
+    },
+    $signature() {
+      return this.V._eval$1("Future<0>()");
+    }
+  };
+  A._EvaluateVisitor__runUserDefinedCallable__closure2.prototype = {
+    call$0() {
+      var _this = this,
+        t1 = _this.$this,
+        t2 = _this.V;
+      return t1._async_evaluate0$_environment.scope$1$1(new A._EvaluateVisitor__runUserDefinedCallable___closure2(t1, _this.evaluated, _this.callable, _this.nodeWithSpan, _this.run, t2), t2);
+    },
+    $signature() {
+      return this.V._eval$1("Future<0>()");
+    }
+  };
+  A._EvaluateVisitor__runUserDefinedCallable___closure2.prototype = {
+    call$0() {
+      return this.$call$body$_EvaluateVisitor__runUserDefinedCallable___closure0(this.V);
+    },
+    $call$body$_EvaluateVisitor__runUserDefinedCallable___closure0($async$type) {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter($async$type),
+        $async$returnValue, $async$self = this, parameters, t5, minLength, i, parameter, t6, value, t7, t8, restParameter, rest, argumentList, result, parameterWord, t1, t2, t3, t4, $async$temp1;
+      var $async$call$0 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              t1 = $async$self.$this;
+              t2 = $async$self.evaluated._values;
+              t3 = $async$self.callable.declaration.parameters;
+              t4 = $async$self.nodeWithSpan;
+              t1._async_evaluate0$_verifyArguments$4(J.get$length$asx(t2[2]), t2[0], t3, t4);
+              parameters = t3.parameters;
+              t5 = parameters.length;
+              minLength = Math.min(J.get$length$asx(t2[2]), t5);
+              for (i = 0; i < minLength; ++i)
+                t1._async_evaluate0$_environment.setLocalVariable$3(parameters[i].name, J.$index$asx(t2[2], i), J.$index$asx(t2[3], i));
+              i = J.get$length$asx(t2[2]);
+            case 3:
+              // for condition
+              if (!(i < t5)) {
+                // goto after for
+                $async$goto = 5;
+                break;
+              }
+              parameter = parameters[i];
+              t6 = parameter.name;
+              value = t2[0].remove$1(0, t6);
+              $async$goto = value == null ? 6 : 7;
+              break;
+            case 6:
+              // then
+              t7 = parameter.defaultValue;
+              $async$temp1 = t1;
+              $async$goto = 8;
+              return A._asyncAwait(t7.accept$1(t1), $async$call$0);
+            case 8:
+              // returning from await.
+              value = $async$temp1._async_evaluate0$_withoutSlash$2($async$result, t1._async_evaluate0$_expressionNode$1(t7));
+            case 7:
+              // join
+              t7 = t1._async_evaluate0$_environment;
+              t8 = t2[1].$index(0, t6);
+              if (t8 == null) {
+                t8 = parameter.defaultValue;
+                t8.toString;
+                t8 = t1._async_evaluate0$_expressionNode$1(t8);
+              }
+              t7.setLocalVariable$3(t6, value, t8);
+            case 4:
+              // for update
+              ++i;
+              // goto for condition
+              $async$goto = 3;
+              break;
+            case 5:
+              // after for
+              restParameter = t3.restParameter;
+              if (restParameter != null) {
+                rest = J.get$length$asx(t2[2]) > t5 ? J.sublist$1$ax(t2[2], t5) : B.List_empty21;
+                t5 = t2[0];
+                t6 = t2[4];
+                argumentList = A.SassArgumentList$0(rest, t5, t6 === B.ListSeparator_undecided_null_undecided0 ? B.ListSeparator_qVN0 : t6);
+                t1._async_evaluate0$_environment.setLocalVariable$3(restParameter, argumentList, t4);
+              } else
+                argumentList = null;
+              $async$goto = 9;
+              return A._asyncAwait($async$self.run.call$0(), $async$call$0);
+            case 9:
+              // returning from await.
+              result = $async$result;
+              if (argumentList == null) {
+                $async$returnValue = result;
+                // goto return
+                $async$goto = 1;
+                break;
+              }
+              t5 = t2[0];
+              if (t5.get$isEmpty(t5)) {
+                $async$returnValue = result;
+                // goto return
+                $async$goto = 1;
+                break;
+              }
+              if (argumentList._argument_list$_wereKeywordsAccessed) {
+                $async$returnValue = result;
+                // goto return
+                $async$goto = 1;
+                break;
+              }
+              t5 = t2[0];
+              t5 = t5.get$keys(t5);
+              parameterWord = A.pluralize0("parameter", t5.get$length(t5), null);
+              t2 = t2[0];
+              t2 = t2.get$keys(t2);
+              throw A.wrapException(A.MultiSpanSassRuntimeException$0("No " + parameterWord + " named " + A.toSentence0(t2.map$1$1(t2, new A._EvaluateVisitor__runUserDefinedCallable____closure2(), type$.Object), "or") + ".", t4.get$span(t4), "invocation", A.LinkedHashMap_LinkedHashMap$_literal([t3.get$spanWithName(), "declaration"], type$.FileSpan, type$.String), t1._async_evaluate0$_stackTrace$1(t4.get$span(t4)), null));
+            case 1:
+              // return
+              return A._asyncReturn($async$returnValue, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$call$0, $async$completer);
+    },
+    $signature() {
+      return this.V._eval$1("Future<0>()");
+    }
+  };
+  A._EvaluateVisitor__runUserDefinedCallable____closure2.prototype = {
+    call$1($name) {
+      return "$" + $name;
+    },
+    $signature: 6
+  };
+  A._EvaluateVisitor__runFunctionCallable_closure2.prototype = {
+    call$0() {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.Value_2),
+        $async$returnValue, $async$self = this, t1, t2, t3, t4, _i, $returnValue;
+      var $async$call$0 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              t1 = $async$self.callable.declaration, t2 = t1.children, t3 = t2.length, t4 = $async$self.$this, _i = 0;
+            case 3:
+              // for condition
+              if (!(_i < t3)) {
+                // goto after for
+                $async$goto = 5;
+                break;
+              }
+              $async$goto = 6;
+              return A._asyncAwait(t2[_i].accept$1(t4), $async$call$0);
+            case 6:
+              // returning from await.
+              $returnValue = $async$result;
+              if ($returnValue instanceof A.Value0) {
+                $async$returnValue = $returnValue;
+                // goto return
+                $async$goto = 1;
+                break;
+              }
+            case 4:
+              // for update
+              ++_i;
+              // goto for condition
+              $async$goto = 3;
+              break;
+            case 5:
+              // after for
+              throw A.wrapException(t4._async_evaluate0$_exception$2("Function finished without @return.", t1.span));
+            case 1:
+              // return
+              return A._asyncReturn($async$returnValue, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$call$0, $async$completer);
+    },
+    $signature: 67
+  };
+  A._EvaluateVisitor__runBuiltInCallable_closure8.prototype = {
+    call$0() {
+      return this._box_0.overload.verify$2(J.get$length$asx(this.evaluated._values[2]), this.namedSet);
+    },
+    $signature: 0
+  };
+  A._EvaluateVisitor__runBuiltInCallable_closure9.prototype = {
+    call$0() {
+      return this._box_0.callback.call$1(this.evaluated._values[2]);
+    },
+    $signature: 355
+  };
+  A._EvaluateVisitor__runBuiltInCallable_closure10.prototype = {
+    call$1($name) {
+      return "$" + $name;
+    },
+    $signature: 6
+  };
+  A._EvaluateVisitor__evaluateArguments_closure11.prototype = {
+    call$1(value) {
+      return value;
+    },
+    $signature: 44
+  };
+  A._EvaluateVisitor__evaluateArguments_closure12.prototype = {
+    call$1(value) {
+      return this.$this._async_evaluate0$_withoutSlash$2(value, this.restNodeForSpan);
+    },
+    $signature: 44
+  };
+  A._EvaluateVisitor__evaluateArguments_closure13.prototype = {
+    call$2(key, value) {
+      var _this = this,
+        t1 = _this.restNodeForSpan;
+      _this.named.$indexSet(0, key, _this.$this._async_evaluate0$_withoutSlash$2(value, t1));
+      _this.namedNodes.$indexSet(0, key, t1);
+    },
+    $signature: 106
+  };
+  A._EvaluateVisitor__evaluateArguments_closure14.prototype = {
+    call$1(value) {
+      return value;
+    },
+    $signature: 44
+  };
+  A._EvaluateVisitor__evaluateMacroArguments_closure11.prototype = {
+    call$1(value) {
+      var t1 = this.restArgs;
+      return new A.ValueExpression0(value, t1.get$span(t1));
+    },
+    $signature: 63
+  };
+  A._EvaluateVisitor__evaluateMacroArguments_closure12.prototype = {
+    call$1(value) {
+      var t1 = this.restArgs;
+      return new A.ValueExpression0(this.$this._async_evaluate0$_withoutSlash$2(value, this.restNodeForSpan), t1.get$span(t1));
+    },
+    $signature: 63
+  };
+  A._EvaluateVisitor__evaluateMacroArguments_closure13.prototype = {
+    call$2(key, value) {
+      var _this = this,
+        t1 = _this.restArgs;
+      _this.named.$indexSet(0, key, new A.ValueExpression0(_this.$this._async_evaluate0$_withoutSlash$2(value, _this.restNodeForSpan), t1.get$span(t1)));
+    },
+    $signature: 106
+  };
+  A._EvaluateVisitor__evaluateMacroArguments_closure14.prototype = {
+    call$1(value) {
+      var t1 = this.keywordRestArgs;
+      return new A.ValueExpression0(this.$this._async_evaluate0$_withoutSlash$2(value, this.keywordRestNodeForSpan), t1.get$span(t1));
+    },
+    $signature: 63
+  };
+  A._EvaluateVisitor__addRestMap_closure2.prototype = {
+    call$2(key, value) {
+      var t2, _this = this,
+        t1 = _this.$this;
+      if (key instanceof A.SassString0)
+        _this.values.$indexSet(0, key._string0$_text, _this.convert.call$1(t1._async_evaluate0$_withoutSlash$2(value, _this.expressionNode)));
+      else {
+        t2 = _this.nodeWithSpan;
+        throw A.wrapException(t1._async_evaluate0$_exception$2(string$.Variab_ + key.toString$0(0) + " is not a string in " + _this.map.toString$0(0) + ".", t2.get$span(t2)));
+      }
+    },
+    $signature: 104
+  };
+  A._EvaluateVisitor__verifyArguments_closure2.prototype = {
+    call$0() {
+      return this.parameters.verify$2(this.positional, new A.MapKeySet(this.named, type$.MapKeySet_String));
+    },
+    $signature: 0
+  };
+  A._EvaluateVisitor_visitCssAtRule_closure5.prototype = {
+    call$0() {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.Null),
+        $async$self = this, t1, t2, t3, t4;
+      var $async$call$0 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              t1 = $async$self.node.children, t2 = t1.$ti, t1 = new A.ListIterator(t1, t1.get$length(0), t2._eval$1("ListIterator<ListBase.E>")), t3 = $async$self.$this, t2 = t2._eval$1("ListBase.E");
+            case 2:
+              // for condition
+              if (!t1.moveNext$0()) {
+                // goto after for
+                $async$goto = 3;
+                break;
+              }
+              t4 = t1.__internal$_current;
+              $async$goto = 4;
+              return A._asyncAwait((t4 == null ? t2._as(t4) : t4).accept$1(t3), $async$call$0);
+            case 4:
+              // returning from await.
+              // goto for condition
+              $async$goto = 2;
+              break;
+            case 3:
+              // after for
+              // implicit return
+              return A._asyncReturn(null, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$call$0, $async$completer);
+    },
+    $signature: 2
+  };
+  A._EvaluateVisitor_visitCssAtRule_closure6.prototype = {
+    call$1(node) {
+      return node instanceof A.ModifiableCssStyleRule0;
+    },
+    $signature: 8
+  };
+  A._EvaluateVisitor_visitCssKeyframeBlock_closure5.prototype = {
+    call$0() {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.Null),
+        $async$self = this, t1, t2, t3, t4;
+      var $async$call$0 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              t1 = $async$self.node.children, t2 = t1.$ti, t1 = new A.ListIterator(t1, t1.get$length(0), t2._eval$1("ListIterator<ListBase.E>")), t3 = $async$self.$this, t2 = t2._eval$1("ListBase.E");
+            case 2:
+              // for condition
+              if (!t1.moveNext$0()) {
+                // goto after for
+                $async$goto = 3;
+                break;
+              }
+              t4 = t1.__internal$_current;
+              $async$goto = 4;
+              return A._asyncAwait((t4 == null ? t2._as(t4) : t4).accept$1(t3), $async$call$0);
+            case 4:
+              // returning from await.
+              // goto for condition
+              $async$goto = 2;
+              break;
+            case 3:
+              // after for
+              // implicit return
+              return A._asyncReturn(null, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$call$0, $async$completer);
+    },
+    $signature: 2
+  };
+  A._EvaluateVisitor_visitCssKeyframeBlock_closure6.prototype = {
+    call$1(node) {
+      return node instanceof A.ModifiableCssStyleRule0;
+    },
+    $signature: 8
+  };
+  A._EvaluateVisitor_visitCssMediaRule_closure8.prototype = {
+    call$1(mediaQueries) {
+      return this.$this._async_evaluate0$_mergeMediaQueries$2(mediaQueries, this.node.queries);
+    },
+    $signature: 109
+  };
+  A._EvaluateVisitor_visitCssMediaRule_closure9.prototype = {
+    call$0() {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.Null),
+        $async$self = this, t1, t2;
+      var $async$call$0 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              t1 = $async$self.$this;
+              t2 = $async$self.mergedQueries;
+              if (t2 == null)
+                t2 = $async$self.node.queries;
+              $async$goto = 2;
+              return A._asyncAwait(t1._async_evaluate0$_withMediaQueries$1$3(t2, $async$self.mergedSources, new A._EvaluateVisitor_visitCssMediaRule__closure2(t1, $async$self.node), type$.Null), $async$call$0);
+            case 2:
+              // returning from await.
+              // implicit return
+              return A._asyncReturn(null, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$call$0, $async$completer);
+    },
+    $signature: 2
+  };
+  A._EvaluateVisitor_visitCssMediaRule__closure2.prototype = {
+    call$0() {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.Null),
+        $async$self = this, t2, t3, t4, t1, _0_0;
+      var $async$call$0 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              t1 = $async$self.$this;
+              _0_0 = t1._async_evaluate0$_atRootExcludingStyleRule ? null : t1._async_evaluate0$_styleRuleIgnoringAtRoot;
+              $async$goto = _0_0 != null ? 2 : 4;
+              break;
+            case 2:
+              // then
+              $async$goto = 5;
+              return A._asyncAwait(t1._async_evaluate0$_withParent$2$3$scopeWhen(A.ModifiableCssStyleRule$0(_0_0._style_rule0$_selector, _0_0.span, false, _0_0.originalSelector), new A._EvaluateVisitor_visitCssMediaRule___closure2(t1, $async$self.node), false, type$.ModifiableCssStyleRule_2, type$.Null), $async$call$0);
+            case 5:
+              // returning from await.
+              // goto join
+              $async$goto = 3;
+              break;
+            case 4:
+              // else
+              t2 = $async$self.node.children, t3 = t2.$ti, t2 = new A.ListIterator(t2, t2.get$length(0), t3._eval$1("ListIterator<ListBase.E>")), t3 = t3._eval$1("ListBase.E");
+            case 6:
+              // for condition
+              if (!t2.moveNext$0()) {
+                // goto after for
+                $async$goto = 7;
+                break;
+              }
+              t4 = t2.__internal$_current;
+              $async$goto = 8;
+              return A._asyncAwait((t4 == null ? t3._as(t4) : t4).accept$1(t1), $async$call$0);
+            case 8:
+              // returning from await.
+              // goto for condition
+              $async$goto = 6;
+              break;
+            case 7:
+              // after for
+            case 3:
+              // join
+              // implicit return
+              return A._asyncReturn(null, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$call$0, $async$completer);
+    },
+    $signature: 2
+  };
+  A._EvaluateVisitor_visitCssMediaRule___closure2.prototype = {
+    call$0() {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.Null),
+        $async$self = this, t1, t2, t3, t4;
+      var $async$call$0 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              t1 = $async$self.node.children, t2 = t1.$ti, t1 = new A.ListIterator(t1, t1.get$length(0), t2._eval$1("ListIterator<ListBase.E>")), t3 = $async$self.$this, t2 = t2._eval$1("ListBase.E");
+            case 2:
+              // for condition
+              if (!t1.moveNext$0()) {
+                // goto after for
+                $async$goto = 3;
+                break;
+              }
+              t4 = t1.__internal$_current;
+              $async$goto = 4;
+              return A._asyncAwait((t4 == null ? t2._as(t4) : t4).accept$1(t3), $async$call$0);
+            case 4:
+              // returning from await.
+              // goto for condition
+              $async$goto = 2;
+              break;
+            case 3:
+              // after for
+              // implicit return
+              return A._asyncReturn(null, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$call$0, $async$completer);
+    },
+    $signature: 2
+  };
+  A._EvaluateVisitor_visitCssMediaRule_closure10.prototype = {
+    call$1(node) {
+      var t1;
+      if (!(node instanceof A.ModifiableCssStyleRule0)) {
+        t1 = this.mergedSources;
+        t1 = t1.get$isNotEmpty(t1) && node instanceof A.ModifiableCssMediaRule0 && B.JSArray_methods.every$1(node.queries, t1.get$contains(t1));
+      } else
+        t1 = true;
+      return t1;
+    },
+    $signature: 8
+  };
+  A._EvaluateVisitor_visitCssStyleRule_closure6.prototype = {
+    call$0() {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.Null),
+        $async$self = this, t1;
+      var $async$call$0 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              t1 = $async$self.$this;
+              $async$goto = 2;
+              return A._asyncAwait(t1._async_evaluate0$_withStyleRule$1$2($async$self.rule, new A._EvaluateVisitor_visitCssStyleRule__closure2(t1, $async$self.node), type$.Null), $async$call$0);
+            case 2:
+              // returning from await.
+              // implicit return
+              return A._asyncReturn(null, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$call$0, $async$completer);
+    },
+    $signature: 2
+  };
+  A._EvaluateVisitor_visitCssStyleRule__closure2.prototype = {
+    call$0() {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.Null),
+        $async$self = this, t1, t2, t3, t4;
+      var $async$call$0 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              t1 = $async$self.node.children, t2 = t1.$ti, t1 = new A.ListIterator(t1, t1.get$length(0), t2._eval$1("ListIterator<ListBase.E>")), t3 = $async$self.$this, t2 = t2._eval$1("ListBase.E");
+            case 2:
+              // for condition
+              if (!t1.moveNext$0()) {
+                // goto after for
+                $async$goto = 3;
+                break;
+              }
+              t4 = t1.__internal$_current;
+              $async$goto = 4;
+              return A._asyncAwait((t4 == null ? t2._as(t4) : t4).accept$1(t3), $async$call$0);
+            case 4:
+              // returning from await.
+              // goto for condition
+              $async$goto = 2;
+              break;
+            case 3:
+              // after for
+              // implicit return
+              return A._asyncReturn(null, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$call$0, $async$completer);
+    },
+    $signature: 2
+  };
+  A._EvaluateVisitor_visitCssStyleRule_closure5.prototype = {
+    call$1(node) {
+      return node instanceof A.ModifiableCssStyleRule0;
+    },
+    $signature: 8
+  };
+  A._EvaluateVisitor_visitCssSupportsRule_closure5.prototype = {
+    call$0() {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.Null),
+        $async$self = this, t2, t3, t4, t1, _0_0;
+      var $async$call$0 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              t1 = $async$self.$this;
+              _0_0 = t1._async_evaluate0$_atRootExcludingStyleRule ? null : t1._async_evaluate0$_styleRuleIgnoringAtRoot;
+              $async$goto = _0_0 != null ? 2 : 4;
+              break;
+            case 2:
+              // then
+              $async$goto = 5;
+              return A._asyncAwait(t1._async_evaluate0$_withParent$2$2(A.ModifiableCssStyleRule$0(_0_0._style_rule0$_selector, _0_0.span, false, _0_0.originalSelector), new A._EvaluateVisitor_visitCssSupportsRule__closure2(t1, $async$self.node), type$.ModifiableCssStyleRule_2, type$.Null), $async$call$0);
+            case 5:
+              // returning from await.
+              // goto join
+              $async$goto = 3;
+              break;
+            case 4:
+              // else
+              t2 = $async$self.node.children, t3 = t2.$ti, t2 = new A.ListIterator(t2, t2.get$length(0), t3._eval$1("ListIterator<ListBase.E>")), t3 = t3._eval$1("ListBase.E");
+            case 6:
+              // for condition
+              if (!t2.moveNext$0()) {
+                // goto after for
+                $async$goto = 7;
+                break;
+              }
+              t4 = t2.__internal$_current;
+              $async$goto = 8;
+              return A._asyncAwait((t4 == null ? t3._as(t4) : t4).accept$1(t1), $async$call$0);
+            case 8:
+              // returning from await.
+              // goto for condition
+              $async$goto = 6;
+              break;
+            case 7:
+              // after for
+            case 3:
+              // join
+              // implicit return
+              return A._asyncReturn(null, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$call$0, $async$completer);
+    },
+    $signature: 2
+  };
+  A._EvaluateVisitor_visitCssSupportsRule__closure2.prototype = {
+    call$0() {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.Null),
+        $async$self = this, t1, t2, t3, t4;
+      var $async$call$0 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              t1 = $async$self.node.children, t2 = t1.$ti, t1 = new A.ListIterator(t1, t1.get$length(0), t2._eval$1("ListIterator<ListBase.E>")), t3 = $async$self.$this, t2 = t2._eval$1("ListBase.E");
+            case 2:
+              // for condition
+              if (!t1.moveNext$0()) {
+                // goto after for
+                $async$goto = 3;
+                break;
+              }
+              t4 = t1.__internal$_current;
+              $async$goto = 4;
+              return A._asyncAwait((t4 == null ? t2._as(t4) : t4).accept$1(t3), $async$call$0);
+            case 4:
+              // returning from await.
+              // goto for condition
+              $async$goto = 2;
+              break;
+            case 3:
+              // after for
+              // implicit return
+              return A._asyncReturn(null, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$call$0, $async$completer);
+    },
+    $signature: 2
+  };
+  A._EvaluateVisitor_visitCssSupportsRule_closure6.prototype = {
+    call$1(node) {
+      return node instanceof A.ModifiableCssStyleRule0;
+    },
+    $signature: 8
+  };
+  A._EvaluateVisitor__performInterpolationHelper_closure2.prototype = {
+    call$1(targetLocations) {
+      return A.InterpolationMap$0(this.interpolation, targetLocations);
+    },
+    $signature: 194
+  };
+  A._EvaluateVisitor__serialize_closure2.prototype = {
+    call$0() {
+      return A.serializeValue0(this.value, false, this.quote);
+    },
+    $signature: 29
+  };
+  A._EvaluateVisitor__expressionNode_closure2.prototype = {
+    call$0() {
+      var t1 = this.expression;
+      return this.$this._async_evaluate0$_environment.getVariableNode$2$namespace(t1.name, t1.namespace);
+    },
+    $signature: 195
+  };
+  A._EvaluateVisitor__withoutSlash_recommendation2.prototype = {
+    call$1(number) {
+      var before, after, t1,
+        _1_0 = number.asSlash;
+      $label0$0: {
+        if (type$.Record_2_nullable_Object_and_nullable_Object._is(_1_0)) {
+          before = _1_0._0;
+          after = _1_0._1;
+          t1 = "math.div(" + A.S(this.call$1(before)) + ", " + A.S(this.call$1(after)) + ")";
+          break $label0$0;
+        }
+        t1 = A.serializeValue0(number, true, true);
+        break $label0$0;
+      }
+      return t1;
+    },
+    $signature: 196
+  };
+  A._EvaluateVisitor__stackFrame_closure2.prototype = {
+    call$1(url) {
+      var t1 = this.$this._async_evaluate0$_importCache;
+      t1 = t1 == null ? null : t1.humanize$1(url);
+      return t1 == null ? url : t1;
+    },
+    $signature: 47
+  };
+  A._ImportedCssVisitor2.prototype = {
+    visitCssAtRule$1(node) {
+      var t1 = node.isChildless ? null : new A._ImportedCssVisitor_visitCssAtRule_closure2();
+      this._async_evaluate0$_visitor._async_evaluate0$_addChild$2$through(node, t1);
+    },
+    visitCssComment$1(node) {
+      return this._async_evaluate0$_visitor._async_evaluate0$_addChild$1(node);
+    },
+    visitCssDeclaration$1(node) {
+      return this._async_evaluate0$_visitor._async_evaluate0$_addChild$1(node);
+    },
+    visitCssImport$1(node) {
+      var t2,
+        _s13_ = "_endOfImports",
+        t1 = this._async_evaluate0$_visitor;
+      if (t1._async_evaluate0$_assertInModule$2(t1._async_evaluate0$__parent, "__parent") !== t1._async_evaluate0$_assertInModule$2(t1._async_evaluate0$__root, "_root"))
+        t1._async_evaluate0$_addChild$1(node);
+      else if (t1._async_evaluate0$_assertInModule$2(t1._async_evaluate0$__endOfImports, _s13_) === J.get$length$asx(t1._async_evaluate0$_assertInModule$2(t1._async_evaluate0$__root, "_root").children._collection$_source)) {
+        t1._async_evaluate0$_addChild$1(node);
+        t1._async_evaluate0$__endOfImports = t1._async_evaluate0$_assertInModule$2(t1._async_evaluate0$__endOfImports, _s13_) + 1;
+      } else {
+        t2 = t1._async_evaluate0$_outOfOrderImports;
+        (t2 == null ? t1._async_evaluate0$_outOfOrderImports = A._setArrayType([], type$.JSArray_ModifiableCssImport_2) : t2).push(node);
+      }
+    },
+    visitCssKeyframeBlock$1(node) {
+    },
+    visitCssMediaRule$1(node) {
+      var t1 = this._async_evaluate0$_visitor,
+        mediaQueries = t1._async_evaluate0$_mediaQueries;
+      t1._async_evaluate0$_addChild$2$through(node, new A._ImportedCssVisitor_visitCssMediaRule_closure2(mediaQueries == null || t1._async_evaluate0$_mergeMediaQueries$2(mediaQueries, node.queries) != null));
+    },
+    visitCssStyleRule$1(node) {
+      return this._async_evaluate0$_visitor._async_evaluate0$_addChild$2$through(node, new A._ImportedCssVisitor_visitCssStyleRule_closure2());
+    },
+    visitCssStylesheet$1(node) {
+      var t1, t2, t3;
+      for (t1 = node.children, t2 = t1.$ti, t1 = new A.ListIterator(t1, t1.get$length(0), t2._eval$1("ListIterator<ListBase.E>")), t2 = t2._eval$1("ListBase.E"); t1.moveNext$0();) {
+        t3 = t1.__internal$_current;
+        (t3 == null ? t2._as(t3) : t3).accept$1(this);
+      }
+    },
+    visitCssSupportsRule$1(node) {
+      return this._async_evaluate0$_visitor._async_evaluate0$_addChild$2$through(node, new A._ImportedCssVisitor_visitCssSupportsRule_closure2());
+    }
+  };
+  A._ImportedCssVisitor_visitCssAtRule_closure2.prototype = {
+    call$1(node) {
+      return node instanceof A.ModifiableCssStyleRule0;
+    },
+    $signature: 8
+  };
+  A._ImportedCssVisitor_visitCssMediaRule_closure2.prototype = {
+    call$1(node) {
+      var t1;
+      if (!(node instanceof A.ModifiableCssStyleRule0))
+        t1 = this.hasBeenMerged && node instanceof A.ModifiableCssMediaRule0;
+      else
+        t1 = true;
+      return t1;
+    },
+    $signature: 8
+  };
+  A._ImportedCssVisitor_visitCssStyleRule_closure2.prototype = {
+    call$1(node) {
+      return node instanceof A.ModifiableCssStyleRule0;
+    },
+    $signature: 8
+  };
+  A._ImportedCssVisitor_visitCssSupportsRule_closure2.prototype = {
+    call$1(node) {
+      return node instanceof A.ModifiableCssStyleRule0;
+    },
+    $signature: 8
+  };
+  A._EvaluationContext2.prototype = {
+    get$currentCallableSpan() {
+      var _0_0 = this._async_evaluate0$_visitor._async_evaluate0$_callableNode;
+      if (_0_0 != null)
+        return _0_0.get$span(_0_0);
+      throw A.wrapException(A.StateError$(string$.No_Sasc));
+    },
+    warn$2(_, message, deprecation) {
+      var t1 = this._async_evaluate0$_visitor,
+        t2 = t1._async_evaluate0$_importSpan;
+      if (t2 == null) {
+        t2 = t1._async_evaluate0$_callableNode;
+        t2 = t2 == null ? null : t2.get$span(t2);
+      }
+      t1._async_evaluate0$_warn$3(message, t2 == null ? this._async_evaluate0$_defaultWarnNodeWithSpan.span : t2, deprecation);
+    },
+    $isEvaluationContext0: 1
+  };
+  A.JSToDartAsyncFileImporter.prototype = {
+    canonicalize$1(_, url) {
+      return this.canonicalize$body$JSToDartAsyncFileImporter(0, url);
+    },
+    canonicalize$body$JSToDartAsyncFileImporter(_, url) {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.nullable_Uri),
+        $async$returnValue, $async$self = this, result, t1, resultUrl;
+      var $async$canonicalize$1 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              if (url.get$scheme() === "file") {
+                $async$returnValue = $.$get$FilesystemImporter_cwd0().canonicalize$1(0, url);
+                // goto return
+                $async$goto = 1;
+                break;
+              }
+              result = A.wrapJSExceptions(new A.JSToDartAsyncFileImporter_canonicalize_closure($async$self, url));
+              $async$goto = result != null && result instanceof self.Promise ? 3 : 4;
+              break;
+            case 3:
+              // then
+              $async$goto = 5;
+              return A._asyncAwait(A.promiseToFuture0(type$.Promise._as(result), type$.nullable_Object), $async$canonicalize$1);
+            case 5:
+              // returning from await.
+              result = $async$result;
+            case 4:
+              // join
+              if (result == null) {
+                $async$returnValue = null;
+                // goto return
+                $async$goto = 1;
+                break;
+              }
+              t1 = self.URL;
+              if (!(result instanceof t1))
+                A.jsThrow(new self.Error(string$.The_fie));
+              resultUrl = A.Uri_parse(J.toString$0$(type$.JSUrl._as(result)));
+              if (resultUrl.get$scheme() !== "file")
+                A.jsThrow(new self.Error(string$.The_fiu + url.toString$0(0) + '".'));
+              $async$returnValue = $.$get$FilesystemImporter_cwd0().canonicalize$1(0, resultUrl);
+              // goto return
+              $async$goto = 1;
+              break;
+            case 1:
+              // return
+              return A._asyncReturn($async$returnValue, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$canonicalize$1, $async$completer);
+    },
+    load$1(_, url) {
+      return $.$get$FilesystemImporter_cwd0().load$1(0, url);
+    },
+    isNonCanonicalScheme$1(scheme) {
+      return scheme !== "file";
+    }
+  };
+  A.JSToDartAsyncFileImporter_canonicalize_closure.prototype = {
+    call$0() {
+      return this.$this._findFileUrl.call$2(this.url.toString$0(0), A.canonicalizeContext0());
+    },
+    $signature: 37
+  };
+  A.AsyncImportCache0.prototype = {
+    canonicalize$4$baseImporter$baseUrl$forImport(_, url, baseImporter, baseUrl, forImport) {
+      return this.canonicalize$body$AsyncImportCache0(0, url, baseImporter, baseUrl, forImport);
+    },
+    canonicalize$body$AsyncImportCache0(_, url, baseImporter, baseUrl, forImport) {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.nullable_Record_3_AsyncImporter_and_Uri_and_Uri_originalUrl_2),
+        $async$returnValue, $async$self = this, t1, resolvedUrl, key, relativeResult, t2, t3, t4, t5, t6, cacheable, i, importer, perImporterKey, t7, _1_0, _1_2_isSet, result, _1_2, _2_0, _2_1, _2_5_isSet, _2_5, _2_3, _2_3_isSet, j;
+      var $async$canonicalize$4$baseImporter$baseUrl$forImport = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              if (A.isBrowser())
+                t1 = (baseImporter == null || baseImporter instanceof A.NoOpImporter0) && $async$self._async_import_cache0$_importers.length === 0;
+              else
+                t1 = false;
+              if (t1)
+                throw A.wrapException(string$.Custom);
+              $async$goto = baseImporter != null && url.get$scheme() === "" ? 3 : 4;
+              break;
+            case 3:
+              // then
+              resolvedUrl = baseUrl == null ? null : baseUrl.resolveUri$1(url);
+              if (resolvedUrl == null)
+                resolvedUrl = url;
+              key = new A._Record_3_forImport(baseImporter, resolvedUrl, forImport);
+              $async$goto = 5;
+              return A._asyncAwait(A.putIfAbsentAsync0($async$self._async_import_cache0$_perImporterCanonicalizeCache, key, new A.AsyncImportCache_canonicalize_closure0($async$self, baseImporter, resolvedUrl, baseUrl, forImport, key, url), type$.Record_3_AsyncImporter_and_Uri_and_bool_forImport_2, type$.nullable_Record_3_AsyncImporter_and_Uri_and_Uri_originalUrl_2), $async$canonicalize$4$baseImporter$baseUrl$forImport);
+            case 5:
+              // returning from await.
+              relativeResult = $async$result;
+              if (relativeResult != null) {
+                $async$returnValue = relativeResult;
+                // goto return
+                $async$goto = 1;
+                break;
+              }
+            case 4:
+              // join
+              key = new A._Record_2_forImport(url, forImport);
+              t1 = $async$self._async_import_cache0$_canonicalizeCache;
+              if (t1.containsKey$1(key)) {
+                $async$returnValue = t1.$index(0, key);
+                // goto return
+                $async$goto = 1;
+                break;
+              }
+              t2 = $async$self._async_import_cache0$_importers, t3 = type$.Record_1_nullable_Object, t4 = $async$self._async_import_cache0$_perImporterCanonicalizeCache, t5 = type$.nullable_Record_3_AsyncImporter_and_Uri_and_Uri_originalUrl_2, t6 = type$.Record_3_AsyncImporter_and_Uri_and_Uri_originalUrl_2, cacheable = true, i = 0;
+            case 6:
+              // for condition
+              if (!(i < t2.length)) {
+                // goto after for
+                $async$goto = 8;
+                break;
+              }
+              importer = t2[i];
+              perImporterKey = new A._Record_3_forImport(importer, url, forImport);
+              if (t4.containsKey$1(perImporterKey)) {
+                t7 = t4.$index(0, perImporterKey);
+                _1_0 = new A._Record_1(t7 == null ? t5._as(t7) : t7);
+              } else
+                _1_0 = null;
+              _1_2_isSet = t3._is(_1_0);
+              result = null;
+              if (_1_2_isSet) {
+                _1_2 = _1_0._0;
+                t7 = _1_2 != null;
+                if (t7) {
+                  t6._as(_1_2);
+                  result = _1_2;
+                }
+              } else {
+                _1_2 = null;
+                t7 = false;
+              }
+              if (t7) {
+                $async$returnValue = result;
+                // goto return
+                $async$goto = 1;
+                break;
+              }
+              if (_1_2_isSet)
+                t7 = _1_2 == null;
+              else
+                t7 = false;
+              if (t7) {
+                // goto for update
+                $async$goto = 7;
+                break;
+              }
+              $async$goto = 10;
+              return A._asyncAwait($async$self._async_import_cache0$_canonicalize$4(importer, url, baseUrl, forImport), $async$canonicalize$4$baseImporter$baseUrl$forImport);
+            case 10:
+              // returning from await.
+              _2_0 = $async$result;
+              _2_1 = _2_0._0;
+              _2_5_isSet = _2_1 != null;
+              _2_5 = null;
+              _2_3 = null;
+              t7 = false;
+              if (_2_5_isSet) {
+                result = _2_1 == null ? t6._as(_2_1) : _2_1;
+                _2_3 = _2_0._1;
+                t7 = _2_3;
+                _2_5 = t7;
+                t7 = t7 && cacheable;
+              } else
+                result = null;
+              if (t7) {
+                t1.$indexSet(0, key, result);
+                $async$returnValue = result;
+                // goto return
+                $async$goto = 1;
+                break;
+              }
+              if (_2_5_isSet) {
+                t7 = _2_5;
+                _2_3_isSet = _2_5_isSet;
+              } else {
+                _2_3 = _2_0._1;
+                t7 = _2_3;
+                _2_3_isSet = true;
+              }
+              t7 = t7 && !cacheable;
+              if (t7) {
+                t4.$indexSet(0, perImporterKey, _2_1);
+                if (_2_1 != null) {
+                  $async$returnValue = _2_1;
+                  // goto return
+                  $async$goto = 1;
+                  break;
+                }
+                // goto break $label0$1
+                $async$goto = 9;
+                break;
+              }
+              t7 = !(_2_3_isSet ? _2_3 : _2_0._1);
+              if (t7) {
+                if (cacheable) {
+                  for (j = 0; j < i; ++j)
+                    t4.$indexSet(0, new A._Record_3_forImport(t2[j], url, forImport), null);
+                  cacheable = false;
+                }
+                if (_2_1 != null) {
+                  $async$returnValue = _2_1;
+                  // goto return
+                  $async$goto = 1;
+                  break;
+                }
+              }
+            case 9:
+              // break $label0$1
+            case 7:
+              // for update
+              ++i;
+              // goto for condition
+              $async$goto = 6;
+              break;
+            case 8:
+              // after for
+              if (cacheable)
+                t1.$indexSet(0, key, null);
+              $async$returnValue = null;
+              // goto return
+              $async$goto = 1;
+              break;
+            case 1:
+              // return
+              return A._asyncReturn($async$returnValue, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$canonicalize$4$baseImporter$baseUrl$forImport, $async$completer);
+    },
+    _async_import_cache0$_canonicalize$4(importer, url, baseUrl, forImport) {
+      return this._canonicalize$body$AsyncImportCache0(importer, url, baseUrl, forImport);
+    },
+    _canonicalize$body$AsyncImportCache0(importer, url, baseUrl, forImport) {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.Record_2_nullable_Record_3_AsyncImporter_and_Uri_and_Uri_originalUrl_and_bool_2),
+        $async$returnValue, t1, passContainingUrl, canonicalizeContext, result, cacheable;
+      var $async$_async_import_cache0$_canonicalize$4 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              $async$goto = baseUrl != null ? 3 : 5;
+              break;
+            case 3:
+              // then
+              $async$goto = url.get$scheme() !== "" ? 6 : 8;
+              break;
+            case 6:
+              // then
+              t1 = A._Future$value(importer.isNonCanonicalScheme$1(url.get$scheme()), type$.bool);
+              $async$goto = 9;
+              return A._asyncAwait(t1, $async$_async_import_cache0$_canonicalize$4);
+            case 9:
+              // returning from await.
+              t1 = $async$result;
+              passContainingUrl = t1;
+              // goto join
+              $async$goto = 7;
+              break;
+            case 8:
+              // else
+              passContainingUrl = true;
+            case 7:
+              // join
+              // goto join
+              $async$goto = 4;
+              break;
+            case 5:
+              // else
+              passContainingUrl = false;
+            case 4:
+              // join
+              canonicalizeContext = new A.CanonicalizeContext0(forImport, passContainingUrl ? baseUrl : null);
+              t1 = type$.nullable_Object;
+              t1 = A.runZoned(new A.AsyncImportCache__canonicalize_closure0(importer, url), A.LinkedHashMap_LinkedHashMap$_literal([B.Symbol__canonicalizeContext, canonicalizeContext], t1, t1), type$.FutureOr_nullable_Uri);
+              $async$goto = 10;
+              return A._asyncAwait(type$.Future_nullable_Uri._is(t1) ? t1 : A._Future$value(t1, type$.nullable_Uri), $async$_async_import_cache0$_canonicalize$4);
+            case 10:
+              // returning from await.
+              result = $async$result;
+              cacheable = !passContainingUrl || !canonicalizeContext._canonicalize_context$_wasContainingUrlAccessed;
+              if (result == null) {
+                $async$returnValue = new A._Record_2(null, cacheable);
+                // goto return
+                $async$goto = 1;
+                break;
+              }
+              $async$goto = result.get$scheme() !== "" ? 11 : 13;
+              break;
+            case 11:
+              // then
+              t1 = A._Future$value(importer.isNonCanonicalScheme$1(result.get$scheme()), type$.bool);
+              $async$goto = 14;
+              return A._asyncAwait(t1, $async$_async_import_cache0$_canonicalize$4);
+            case 14:
+              // returning from await.
+              t1 = $async$result;
+              // goto join
+              $async$goto = 12;
+              break;
+            case 13:
+              // else
+              t1 = false;
+            case 12:
+              // join
+              if (t1)
+                throw A.wrapException("Importer " + importer.toString$0(0) + " canonicalized " + url.toString$0(0) + " to " + result.toString$0(0) + string$.x2c_whicu);
+              $async$returnValue = new A._Record_2(new A._Record_3_originalUrl(importer, result, url), cacheable);
+              // goto return
+              $async$goto = 1;
+              break;
+            case 1:
+              // return
+              return A._asyncReturn($async$returnValue, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$_async_import_cache0$_canonicalize$4, $async$completer);
+    },
+    importCanonical$3$originalUrl(importer, canonicalUrl, originalUrl) {
+      return this.importCanonical$body$AsyncImportCache0(importer, canonicalUrl, originalUrl);
+    },
+    importCanonical$body$AsyncImportCache0(importer, canonicalUrl, originalUrl) {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.nullable_Stylesheet_2),
+        $async$returnValue, $async$self = this;
+      var $async$importCanonical$3$originalUrl = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              $async$goto = 3;
+              return A._asyncAwait(A.putIfAbsentAsync0($async$self._async_import_cache0$_importCache, canonicalUrl, new A.AsyncImportCache_importCanonical_closure0($async$self, importer, canonicalUrl, originalUrl), type$.Uri, type$.nullable_Stylesheet_2), $async$importCanonical$3$originalUrl);
+            case 3:
+              // returning from await.
+              $async$returnValue = $async$result;
+              // goto return
+              $async$goto = 1;
+              break;
+            case 1:
+              // return
+              return A._asyncReturn($async$returnValue, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$importCanonical$3$originalUrl, $async$completer);
+    },
+    humanize$1(canonicalUrl) {
+      var t1 = this._async_import_cache0$_canonicalizeCache,
+        t2 = type$.NonNullsIterable_Record_3_AsyncImporter_and_Uri_and_Uri_originalUrl_2;
+      t2 = A.NullableExtension_andThen0(A.minBy(new A.MappedIterable(new A.WhereIterable(new A.NonNullsIterable(new A.LinkedHashMapValuesIterable(t1, A._instanceType(t1)._eval$1("LinkedHashMapValuesIterable<2>")), t2), new A.AsyncImportCache_humanize_closure3(canonicalUrl), t2._eval$1("WhereIterable<Iterable.E>")), new A.AsyncImportCache_humanize_closure4(), t2._eval$1("MappedIterable<Iterable.E,Uri>")), new A.AsyncImportCache_humanize_closure5()), new A.AsyncImportCache_humanize_closure6(canonicalUrl));
+      return t2 == null ? canonicalUrl : t2;
+    },
+    sourceMapUrl$1(_, canonicalUrl) {
+      var t1 = this._async_import_cache0$_resultsCache.$index(0, canonicalUrl);
+      t1 = t1 == null ? null : t1.get$sourceMapUrl(0);
+      return t1 == null ? canonicalUrl : t1;
+    }
+  };
+  A.AsyncImportCache_canonicalize_closure0.prototype = {
+    call$0() {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.nullable_Record_3_AsyncImporter_and_Uri_and_Uri_originalUrl_2),
+        $async$returnValue, $async$self = this, t1, t2, _0_0, result;
+      var $async$call$0 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              t1 = $async$self.$this;
+              t2 = $async$self.baseUrl;
+              $async$goto = 3;
+              return A._asyncAwait(t1._async_import_cache0$_canonicalize$4($async$self.baseImporter, $async$self.resolvedUrl, t2, $async$self.forImport), $async$call$0);
+            case 3:
+              // returning from await.
+              _0_0 = $async$result;
+              result = _0_0._0;
+              _0_0._1;
+              if (t2 != null)
+                t1._async_import_cache0$_nonCanonicalRelativeUrls.$indexSet(0, $async$self.key, $async$self.url);
+              $async$returnValue = result;
+              // goto return
+              $async$goto = 1;
+              break;
+            case 1:
+              // return
+              return A._asyncReturn($async$returnValue, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$call$0, $async$completer);
+    },
+    $signature: 362
+  };
+  A.AsyncImportCache__canonicalize_closure0.prototype = {
+    call$0() {
+      return this.importer.canonicalize$1(0, this.url);
+    },
+    $signature: 160
+  };
+  A.AsyncImportCache_importCanonical_closure0.prototype = {
+    call$0() {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.nullable_Stylesheet_2),
+        $async$returnValue, $async$self = this, t1, t2, t3, result;
+      var $async$call$0 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              t1 = Date.now();
+              t2 = $async$self.canonicalUrl;
+              t3 = $async$self.importer.load$1(0, t2);
+              $async$goto = 3;
+              return A._asyncAwait(type$.Future_nullable_ImporterResult._is(t3) ? t3 : A._Future$value(t3, type$.nullable_ImporterResult_2), $async$call$0);
+            case 3:
+              // returning from await.
+              result = $async$result;
+              if (result == null) {
+                $async$returnValue = null;
+                // goto return
+                $async$goto = 1;
+                break;
+              }
+              t3 = $async$self.$this;
+              t3._async_import_cache0$_loadTimes.$indexSet(0, t2, new A.DateTime(t1, 0, false));
+              t3._async_import_cache0$_resultsCache.$indexSet(0, t2, result);
+              t3 = result.contents;
+              t1 = result.syntax;
+              t2 = $async$self.originalUrl.resolveUri$1(t2);
+              $async$returnValue = A.Stylesheet_Stylesheet$parse0(t3, t1, t2);
+              // goto return
+              $async$goto = 1;
+              break;
+            case 1:
+              // return
+              return A._asyncReturn($async$returnValue, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$call$0, $async$completer);
+    },
+    $signature: 363
+  };
+  A.AsyncImportCache_humanize_closure3.prototype = {
+    call$1(result) {
+      return result._1.$eq(0, this.canonicalUrl);
+    },
+    $signature: 364
+  };
+  A.AsyncImportCache_humanize_closure4.prototype = {
+    call$1(result) {
+      return result._2;
+    },
+    $signature: 365
+  };
+  A.AsyncImportCache_humanize_closure5.prototype = {
+    call$1(url) {
+      return url.get$path(url).length;
+    },
+    $signature: 89
+  };
+  A.AsyncImportCache_humanize_closure6.prototype = {
+    call$1(url) {
+      var t1 = $.$get$url(),
+        t2 = this.canonicalUrl;
+      return url.resolve$1(0, A.ParsedPath_ParsedPath$parse(t2.get$path(t2), t1.style).get$basename());
+    },
+    $signature: 47
+  };
+  A.AtRootQueryParser0.prototype = {
+    parse$0(_) {
+      return this.wrapSpanFormatException$1(new A.AtRootQueryParser_parse_closure0(this));
+    }
+  };
+  A.AtRootQueryParser_parse_closure0.prototype = {
+    call$0() {
+      var include, atRules,
+        t1 = this.$this,
+        t2 = t1.scanner;
+      t2.expectChar$1(40);
+      t1.whitespace$1$consumeNewlines(true);
+      include = t1.scanIdentifier$1("with");
+      if (!include)
+        t1.expectIdentifier$2$name("without", '"with" or "without"');
+      t1.whitespace$1$consumeNewlines(true);
+      t2.expectChar$1(58);
+      t1.whitespace$1$consumeNewlines(true);
+      atRules = A.LinkedHashSet_LinkedHashSet$_empty(type$.String);
+      do {
+        atRules.add$1(0, t1.identifier$0().toLowerCase());
+        t1.whitespace$1$consumeNewlines(true);
+      } while (t1.lookingAtIdentifier$0());
+      t2.expectChar$1(41);
+      t2.expectDone$0();
+      return new A.AtRootQuery0(include, atRules, atRules.contains$1(0, "all"), atRules.contains$1(0, "rule"));
+    },
+    $signature: 366
+  };
+  A.AtRootQuery0.prototype = {
+    excludes$1(node) {
+      var t1, _this = this;
+      if (_this._at_root_query0$_all)
+        return !_this.include;
+      $label0$0: {
+        if (node instanceof A.ModifiableCssStyleRule0) {
+          t1 = _this._at_root_query0$_rule !== _this.include;
+          break $label0$0;
+        }
+        if (node instanceof A.ModifiableCssMediaRule0) {
+          t1 = _this.excludesName$1("media");
+          break $label0$0;
+        }
+        if (node instanceof A.ModifiableCssSupportsRule0) {
+          t1 = _this.excludesName$1("supports");
+          break $label0$0;
+        }
+        if (node instanceof A.ModifiableCssAtRule0) {
+          t1 = _this.excludesName$1(node.name.value.toLowerCase());
+          break $label0$0;
+        }
+        t1 = false;
+        break $label0$0;
+      }
+      return t1;
+    },
+    excludesName$1($name) {
+      var t1 = this._at_root_query0$_all || this.names.contains$1(0, $name);
+      return t1 !== this.include;
+    }
+  };
+  A.AtRootRule0.prototype = {
+    accept$1$1(visitor) {
+      return visitor.visitAtRootRule$1(0, this);
+    },
+    accept$1(visitor) {
+      return this.accept$1$1(visitor, type$.dynamic);
+    },
+    toString$0(_) {
+      var buffer = new A.StringBuffer("@at-root "),
+        t1 = this.query;
+      if (t1 != null)
+        buffer._contents = "@at-root " + (t1.toString$0(0) + " ");
+      return buffer.toString$0(0) + " {" + B.JSArray_methods.join$1(this.children, " ") + "}";
+    },
+    get$span(receiver) {
+      return this.span;
+    }
+  };
+  A.ModifiableCssAtRule0.prototype = {
+    accept$1$1(visitor) {
+      return visitor.visitCssAtRule$1(this);
+    },
+    accept$1(visitor) {
+      return this.accept$1$1(visitor, type$.dynamic);
+    },
+    equalsIgnoringChildren$1(other) {
+      var t1, t2;
+      if (other instanceof A.ModifiableCssAtRule0) {
+        t1 = this.name;
+        t2 = other.name;
+        t1 = t1.$ti._is(t2) && J.$eq$(t2.value, t1.value) && J.$eq$(this.value, other.value) && this.isChildless === other.isChildless;
+      } else
+        t1 = false;
+      return t1;
+    },
+    copyWithoutChildren$0() {
+      var _this = this;
+      return A.ModifiableCssAtRule$0(_this.name, _this.span, _this.isChildless, _this.value);
+    },
+    addChild$1(child) {
+      this.super$ModifiableCssParentNode$addChild0(child);
+    },
+    get$isChildless() {
+      return this.isChildless;
+    },
+    get$span(receiver) {
+      return this.span;
+    }
+  };
+  A.AtRule0.prototype = {
+    accept$1$1(visitor) {
+      return visitor.visitAtRule$1(0, this);
+    },
+    accept$1(visitor) {
+      return this.accept$1$1(visitor, type$.dynamic);
+    },
+    toString$0(_) {
+      var children,
+        t1 = "@" + this.name.toString$0(0),
+        buffer = new A.StringBuffer(t1),
+        t2 = this.value;
+      if (t2 != null)
+        buffer._contents = t1 + (" " + t2.toString$0(0));
+      children = this.children;
+      return children == null ? buffer.toString$0(0) + ";" : buffer.toString$0(0) + " {" + B.JSArray_methods.join$1(children, " ") + "}";
+    },
+    get$span(receiver) {
+      return this.span;
+    }
+  };
+  A.AttributeSelector0.prototype = {
+    accept$1$1(visitor) {
+      return visitor.visitAttributeSelector$1(this);
+    },
+    accept$1(visitor) {
+      return this.accept$1$1(visitor, type$.dynamic);
+    },
+    $eq(_, other) {
+      var _this = this;
+      if (other == null)
+        return false;
+      return other instanceof A.AttributeSelector0 && other.name.$eq(0, _this.name) && other.op == _this.op && other.value == _this.value && other.modifier == _this.modifier;
+    },
+    get$hashCode(_) {
+      var _this = this,
+        t1 = _this.name;
+      return (B.JSString_methods.get$hashCode(t1.name) ^ J.get$hashCode$(t1.namespace) ^ J.get$hashCode$(_this.op) ^ J.get$hashCode$(_this.value) ^ J.get$hashCode$(_this.modifier)) >>> 0;
+    }
+  };
+  A.AttributeOperator0.prototype = {
+    _enumToString$0() {
+      return "AttributeOperator." + this._name;
+    },
+    toString$0(_) {
+      return this._attribute0$_text;
+    }
+  };
+  A.BinaryOperationExpression0.prototype = {
+    get$span(_) {
+      var right,
+        left = this.left;
+      for (; left instanceof A.BinaryOperationExpression0;)
+        left = left.left;
+      right = this.right;
+      for (; right instanceof A.BinaryOperationExpression0;)
+        right = right.right;
+      return left.get$span(left).expand$1(0, right.get$span(right));
+    },
+    get$operatorSpan() {
+      var t3, t4,
+        t1 = this.left,
+        t2 = t1.get$span(t1);
+      t2 = t2.get$file(t2);
+      t3 = this.right;
+      t4 = t3.get$span(t3);
+      if (t2 === t4.get$file(t4)) {
+        t2 = t1.get$span(t1);
+        t2 = t2.get$end(t2);
+        t4 = t3.get$span(t3);
+        t4 = t2.offset < t4.get$start(t4).offset;
+        t2 = t4;
+      } else
+        t2 = false;
+      if (t2) {
+        t2 = t1.get$span(t1);
+        t2 = t2.get$file(t2);
+        t1 = t1.get$span(t1);
+        t1 = t1.get$end(t1);
+        t3 = t3.get$span(t3);
+        t3 = A.SpanExtensions_trimRight0(A.SpanExtensions_trimLeft0(t2.span$2(0, t1.offset, t3.get$start(t3).offset)));
+        t1 = t3;
+      } else
+        t1 = this.get$span(0);
+      return t1;
+    },
+    accept$1$1(visitor) {
+      return visitor.visitBinaryOperationExpression$1(0, this);
+    },
+    accept$1(visitor) {
+      return this.accept$1$1(visitor, type$.dynamic);
+    },
+    toString$0(_) {
+      var t1, t2, t3, right, operator, _this = this,
+        _0_0 = _this.left;
+      $label0$0: {
+        if (_0_0 instanceof A.BinaryOperationExpression0) {
+          t1 = _0_0.operator.precedence < _this.operator.precedence;
+          break $label0$0;
+        }
+        if (_0_0 instanceof A.ListExpression0 && !_0_0.hasBrackets && _0_0.contents.length >= 2) {
+          t1 = true;
+          break $label0$0;
+        }
+        t1 = false;
+        break $label0$0;
+      }
+      t2 = t1 ? A.Primitives_stringFromCharCode(40) : "";
+      t2 += _0_0.toString$0(0);
+      t1 = t1 ? t2 + A.Primitives_stringFromCharCode(41) : t2;
+      t2 = A.Primitives_stringFromCharCode(32);
+      t3 = _this.operator;
+      t2 = t1 + t2 + t3.operator + t2;
+      right = _this.right;
+      $label1$1: {
+        t1 = false;
+        if (right instanceof A.BinaryOperationExpression0) {
+          operator = right.operator;
+          if (operator.precedence <= t3.precedence)
+            t1 = !(operator === t3 && operator.isAssociative);
+          break $label1$1;
+        }
+        if (right instanceof A.ListExpression0 && !right.hasBrackets && right.contents.length >= 2) {
+          t1 = true;
+          break $label1$1;
+        }
+        break $label1$1;
+      }
+      if (t1)
+        t2 += A.Primitives_stringFromCharCode(40);
+      t2 += right.toString$0(0);
+      t1 = t1 ? t2 + A.Primitives_stringFromCharCode(41) : t2;
+      return t1.charCodeAt(0) == 0 ? t1 : t1;
+    }
+  };
+  A.BinaryOperator0.prototype = {
+    _enumToString$0() {
+      return "BinaryOperator." + this._name;
+    },
+    toString$0(_) {
+      return this.name;
+    }
+  };
+  A.BooleanExpression0.prototype = {
+    accept$1$1(visitor) {
+      return visitor.visitBooleanExpression$1(0, this);
+    },
+    accept$1(visitor) {
+      return this.accept$1$1(visitor, type$.dynamic);
+    },
+    toString$0(_) {
+      return String(this.value);
+    },
+    get$span(receiver) {
+      return this.span;
+    }
+  };
+  A.booleanClass_closure.prototype = {
+    call$0() {
+      var t1 = type$.JSClass,
+        jsClass = t1._as(A.allowInteropCaptureThisNamed("sass.SassBoolean", new A.booleanClass__closure()));
+      A.JSClassExtension_injectSuperclass(t1._as(B.SassBoolean_true0.constructor), jsClass);
+      return jsClass;
+    },
+    $signature: 16
+  };
+  A.booleanClass__closure.prototype = {
+    call$2($self, _) {
+      A.jsThrow(new self.Error("new sass.SassBoolean() isn't allowed.\nUse sass.sassTrue or sass.sassFalse instead."));
+    },
+    call$1($self) {
+      return this.call$2($self, null);
+    },
+    "call*": "call$2",
+    $requiredArgCount: 1,
+    $defaultValues() {
+      return [null];
+    },
+    $signature: 197
+  };
+  A.legacyBooleanClass_closure.prototype = {
+    call$0() {
+      var t1 = type$.JSClass,
+        jsClass = t1._as(A.allowInteropCaptureThisNamed("sass.types.Boolean", new A.legacyBooleanClass__closure()));
+      J.get$$prototype$x(jsClass).getValue = A.allowInteropCaptureThisNamed("getValue", new A.legacyBooleanClass__closure0());
+      jsClass.TRUE = B.SassBoolean_true0;
+      jsClass.FALSE = B.SassBoolean_false0;
+      A.JSClassExtension_injectSuperclass(t1._as(B.SassBoolean_true0.constructor), jsClass);
+      return jsClass;
+    },
+    $signature: 16
+  };
+  A.legacyBooleanClass__closure.prototype = {
+    call$2(_, __) {
+      throw A.wrapException("new sass.types.Boolean() isn't allowed.\nUse sass.types.Boolean.TRUE or sass.types.Boolean.FALSE instead.");
+    },
+    call$1(_) {
+      return this.call$2(_, null);
+    },
+    "call*": "call$2",
+    $requiredArgCount: 1,
+    $defaultValues() {
+      return [null];
+    },
+    $signature: 198
+  };
+  A.legacyBooleanClass__closure0.prototype = {
+    call$1($self) {
+      return $self === B.SassBoolean_true0;
+    },
+    $signature: 76
+  };
+  A.SassBoolean0.prototype = {
+    get$isTruthy() {
+      return this.value;
+    },
+    accept$1$1(visitor) {
+      return visitor._serialize0$_buffer.write$1(0, String(this.value));
+    },
+    accept$1(visitor) {
+      return this.accept$1$1(visitor, type$.dynamic);
+    },
+    assertBoolean$1($name) {
+      return this;
+    },
+    unaryNot$0() {
+      return this.value ? B.SassBoolean_false0 : B.SassBoolean_true0;
+    }
+  };
+  A.Box0.prototype = {
+    $eq(_, other) {
+      if (other == null)
+        return false;
+      return this.$ti._is(other) && other._box0$_inner === this._box0$_inner;
+    },
+    get$hashCode(_) {
+      return A.Primitives_objectHashCode(this._box0$_inner);
+    },
+    toString$0(_) {
+      return "<box: " + this._box0$_inner.value.toString$0(0) + ">";
+    }
+  };
+  A.ModifiableBox0.prototype = {
+    toString$0(_) {
+      return "<modifiable box: " + this.value.toString$0(0) + ">";
+    }
+  };
+  A.BuiltInCallable0.prototype = {
+    callbackFor$2(positional, names) {
+      var t1, t2, fuzzyMatch, minMismatchDistance, _i, overload, t3, mismatchDistance, t4;
+      for (t1 = this._built_in$_overloads, t2 = t1.length, fuzzyMatch = null, minMismatchDistance = null, _i = 0; _i < t1.length; t1.length === t2 || (0, A.throwConcurrentModificationError)(t1), ++_i) {
+        overload = t1[_i];
+        t3 = overload._0;
+        if (t3.matches$2(positional, names))
+          return overload;
+        mismatchDistance = t3.parameters.length - positional;
+        if (minMismatchDistance != null) {
+          t3 = Math.abs(mismatchDistance);
+          t4 = Math.abs(minMismatchDistance);
+          if (t3 > t4)
+            continue;
+          if (t3 === t4 && mismatchDistance < 0)
+            continue;
+        }
+        minMismatchDistance = mismatchDistance;
+        fuzzyMatch = overload;
+      }
+      if (fuzzyMatch != null)
+        return fuzzyMatch;
+      throw A.wrapException(A.StateError$("BuiltInCallable " + this.name + " may not have empty overloads."));
+    },
+    withName$1($name) {
+      return new A.BuiltInCallable0($name, this._built_in$_overloads, this.acceptsContent);
+    },
+    withDeprecationWarning$2(module, newName) {
+      var t2, t3, _i, t4, t5, _this = this,
+        t1 = A._setArrayType([], type$.JSArray_Record_2_ParameterList_and_Value_Function_List_Value_2);
+      for (t2 = _this._built_in$_overloads, t3 = t2.length, _i = 0; _i < t2.length; t2.length === t3 || (0, A.throwConcurrentModificationError)(t2), ++_i) {
+        t4 = {};
+        t5 = t2[_i];
+        t4.$function = null;
+        t4.$function = t5._1;
+        t1.push(new A._Record_2(t5._0, new A.BuiltInCallable_withDeprecationWarning_closure0(t4, _this, module, newName)));
+      }
+      return new A.BuiltInCallable0(_this.name, t1, _this.acceptsContent);
+    },
+    withDeprecationWarning$1(module) {
+      return this.withDeprecationWarning$2(module, null);
+    },
+    $isAsyncCallable0: 1,
+    $isAsyncBuiltInCallable0: 1,
+    $isCallable: 1,
+    get$name(receiver) {
+      return this.name;
+    },
+    get$acceptsContent() {
+      return this.acceptsContent;
+    }
+  };
+  A.BuiltInCallable$mixin_closure0.prototype = {
+    call$1($arguments) {
+      this.callback.call$1($arguments);
+      return B.C__SassNull0;
+    },
+    $signature: 3
+  };
+  A.BuiltInCallable_withDeprecationWarning_closure0.prototype = {
+    call$1(args) {
+      var _this = this,
+        t1 = _this.newName;
+      if (t1 == null)
+        t1 = _this.$this.name;
+      A.warnForDeprecation0(string$.Global + _this.module + "." + t1 + string$.x20inste, B.Deprecation_jOf);
+      return _this._box_0.$function.call$1(args);
+    },
+    $signature: 3
+  };
+  A.BuiltInModule0.prototype = {
+    get$upstream() {
+      return B.List_empty20;
+    },
+    get$variableNodes() {
+      return B.Map_empty13;
+    },
+    get$extensionStore() {
+      return B.C_EmptyExtensionStore0;
+    },
+    get$css(_) {
+      return new A.CssStylesheet0(B.List_empty18, A.SourceFile$decoded(B.List_empty4, this.url).span$2(0, 0, 0));
+    },
+    get$preModuleComments() {
+      return B.Map_empty12;
+    },
+    get$transitivelyContainsCss() {
+      return false;
+    },
+    get$transitivelyContainsExtensions() {
+      return false;
+    },
+    setVariable$3($name, value, nodeWithSpan) {
+      if (!this.variables.containsKey$1($name))
+        throw A.wrapException(A.SassScriptException$0("Undefined variable.", null));
+      throw A.wrapException(A.SassScriptException$0("Cannot modify built-in variable.", null));
+    },
+    variableIdentity$1($name) {
+      return this;
+    },
+    couldHaveBeenConfigured$1(_) {
+      return false;
+    },
+    cloneCss$0() {
+      return this;
+    },
+    $isModule1: 1,
+    get$url(receiver) {
+      return this.url;
+    },
+    get$functions(receiver) {
+      return this.functions;
+    },
+    get$mixins() {
+      return this.mixins;
+    },
+    get$variables() {
+      return this.variables;
+    }
+  };
+  A.calculationClass_closure.prototype = {
+    call$0() {
+      var t1 = type$.JSClass,
+        jsClass = t1._as(A.allowInteropCaptureThisNamed("sass.SassCalculation", new A.calculationClass__closure())),
+        t2 = type$.String,
+        t3 = type$.Function;
+      A.LinkedHashMap_LinkedHashMap$_literal(["calc", new A.calculationClass__closure0(), "min", new A.calculationClass__closure1(), "max", new A.calculationClass__closure2(), "clamp", new A.calculationClass__closure3()], t2, t3).forEach$1(0, A.JSClassExtension_get_defineStaticMethod(jsClass));
+      A.LinkedHashMap_LinkedHashMap$_literal(["assertCalculation", new A.calculationClass__closure4()], t2, t3).forEach$1(0, A.JSClassExtension_get_defineMethod(jsClass));
+      A.LinkedHashMap_LinkedHashMap$_literal(["arguments", new A.calculationClass__closure5()], t2, t3).forEach$1(0, A.JSClassExtension_get_defineGetter(jsClass));
+      A.JSClassExtension_injectSuperclass(t1._as(new A.SassCalculation0("calc", A.List_List$unmodifiable(A._setArrayType([A.SassNumber_SassNumber0(1, null)], type$.JSArray_Object), type$.Object)).constructor), jsClass);
+      return jsClass;
+    },
+    $signature: 16
+  };
+  A.calculationClass__closure.prototype = {
+    call$2($self, _) {
+      A.jsThrow0(new self.Error("new sass.SassCalculation() isn't allowed"));
+    },
+    call$1($self) {
+      return this.call$2($self, null);
+    },
+    "call*": "call$2",
+    $requiredArgCount: 1,
+    $defaultValues() {
+      return [null];
+    },
+    $signature: 197
+  };
+  A.calculationClass__closure0.prototype = {
+    call$1(argument) {
+      A._assertCalculationValue(argument);
+      return new A.SassCalculation0("calc", A.List_List$unmodifiable(A._setArrayType([argument], type$.JSArray_Object), type$.Object));
+    },
+    $signature: 125
+  };
+  A.calculationClass__closure1.prototype = {
+    call$1($arguments) {
+      var t1 = self.immutable.isOrderedMap($arguments) ? J.toArray$0$x(type$.ImmutableList_2._as($arguments)) : type$.List_dynamic._as($arguments),
+        t2 = type$.Object,
+        argList = J.cast$1$0$ax(t1, t2);
+      argList.forEach$1(argList, A.calculation1___assertCalculationValue$closure());
+      return new A.SassCalculation0("min", A.List_List$unmodifiable(argList, t2));
+    },
+    $signature: 125
+  };
+  A.calculationClass__closure2.prototype = {
+    call$1($arguments) {
+      var t1 = self.immutable.isOrderedMap($arguments) ? J.toArray$0$x(type$.ImmutableList_2._as($arguments)) : type$.List_dynamic._as($arguments),
+        t2 = type$.Object,
+        argList = J.cast$1$0$ax(t1, t2);
+      argList.forEach$1(argList, A.calculation1___assertCalculationValue$closure());
+      return new A.SassCalculation0("max", A.List_List$unmodifiable(argList, t2));
+    },
+    $signature: 125
+  };
+  A.calculationClass__closure3.prototype = {
+    call$3(min, value, max) {
+      var t1;
+      if (!(value == null && !A._isValidClampArg(min)))
+        t1 = max == null && !B.JSArray_methods.any$1([min, value], A.calculation1___isValidClampArg$closure());
+      else
+        t1 = true;
+      if (t1)
+        A.jsThrow0(new self.Error("Expected at least one SassString or CalculationInterpolation in `" + new A.NonNullsIterable([min, value, max], type$.NonNullsIterable_Object).toString$0(0) + "`"));
+      t1 = type$.NonNullsIterable_Object;
+      new A.NonNullsIterable([min, value, max], t1).forEach$1(0, A.calculation1___assertCalculationValue$closure());
+      return new A.SassCalculation0("clamp", A.List_List$unmodifiable(new A.NonNullsIterable([min, value, max], t1), type$.Object));
+    },
+    call$1(min) {
+      return this.call$3(min, null, null);
+    },
+    call$2(min, value) {
+      return this.call$3(min, value, null);
+    },
+    "call*": "call$3",
+    $requiredArgCount: 1,
+    $defaultValues() {
+      return [null, null];
+    },
+    $signature: 371
+  };
+  A.calculationClass__closure4.prototype = {
+    call$2($self, $name) {
+      return $self;
+    },
+    call$1($self) {
+      return this.call$2($self, null);
+    },
+    "call*": "call$2",
+    $requiredArgCount: 1,
+    $defaultValues() {
+      return [null];
+    },
+    $signature: 372
+  };
+  A.calculationClass__closure5.prototype = {
+    call$1($self) {
+      return new self.immutable.List($self.$arguments);
+    },
+    $signature: 373
+  };
+  A.calculationOperationClass_closure.prototype = {
+    call$0() {
+      var _null = null,
+        t1 = type$.JSClass,
+        jsClass = t1._as(A.allowInteropCaptureThisNamed("sass.CalculationOperation", new A.calculationOperationClass__closure())),
+        t2 = type$.String,
+        t3 = type$.Function;
+      A.LinkedHashMap_LinkedHashMap$_literal(["equals", new A.calculationOperationClass__closure0(), "hashCode", new A.calculationOperationClass__closure1()], t2, t3).forEach$1(0, A.JSClassExtension_get_defineMethod(jsClass));
+      A.LinkedHashMap_LinkedHashMap$_literal(["operator", new A.calculationOperationClass__closure2(), "left", new A.calculationOperationClass__closure3(), "right", new A.calculationOperationClass__closure4()], t2, t3).forEach$1(0, A.JSClassExtension_get_defineGetter(jsClass));
+      A.JSClassExtension_injectSuperclass(t1._as(A.SassCalculation_operateInternal0(B.CalculationOperator_F7i0, A.SassNumber_SassNumber0(1, _null), A.SassNumber_SassNumber0(1, _null), _null, false, _null).constructor), jsClass);
+      return jsClass;
+    },
+    $signature: 16
+  };
+  A.calculationOperationClass__closure.prototype = {
+    call$4($self, strOperator, left, right) {
+      var operator = A.IterableExtension_firstWhereOrNull(B.List_g9w, new A.calculationOperationClass___closure(strOperator));
+      if (operator == null)
+        A.jsThrow0(new self.Error("Invalid operator: " + strOperator));
+      A._assertCalculationValue(left);
+      A._assertCalculationValue(right);
+      return A.SassCalculation_operateInternal0(operator, left, right, null, false, null);
+    },
+    "call*": "call$4",
+    $requiredArgCount: 4,
+    $signature: 374
+  };
+  A.calculationOperationClass___closure.prototype = {
+    call$1(value) {
+      return value.operator === this.strOperator;
+    },
+    $signature: 375
+  };
+  A.calculationOperationClass__closure0.prototype = {
+    call$2($self, other) {
+      return $self.$eq(0, other);
+    },
+    $signature: 376
+  };
+  A.calculationOperationClass__closure1.prototype = {
+    call$1($self) {
+      return $self.get$hashCode(0);
+    },
+    $signature: 377
+  };
+  A.calculationOperationClass__closure2.prototype = {
+    call$1($self) {
+      return $self._calculation0$_operator.operator;
+    },
+    $signature: 378
+  };
+  A.calculationOperationClass__closure3.prototype = {
+    call$1($self) {
+      return $self._calculation0$_left;
+    },
+    $signature: 201
+  };
+  A.calculationOperationClass__closure4.prototype = {
+    call$1($self) {
+      return $self._calculation0$_right;
+    },
+    $signature: 201
+  };
+  A.calculationInterpolationClass_closure.prototype = {
+    call$0() {
+      var t1 = type$.JSClass,
+        jsClass = t1._as(A.allowInteropCaptureThisNamed("sass.CalculationInterpolation", new A.calculationInterpolationClass__closure())),
+        t2 = type$.String,
+        t3 = type$.Function;
+      A.LinkedHashMap_LinkedHashMap$_literal(["equals", new A.calculationInterpolationClass__closure0(), "hashCode", new A.calculationInterpolationClass__closure1()], t2, t3).forEach$1(0, A.JSClassExtension_get_defineMethod(jsClass));
+      A.LinkedHashMap_LinkedHashMap$_literal(["value", new A.calculationInterpolationClass__closure2()], t2, t3).forEach$1(0, A.JSClassExtension_get_defineGetter(jsClass));
+      A.JSClassExtension_injectSuperclass(t1._as(new A.CalculationInterpolation("").constructor), jsClass);
+      return jsClass;
+    },
+    $signature: 16
+  };
+  A.calculationInterpolationClass__closure.prototype = {
+    call$2($self, value) {
+      return new A.CalculationInterpolation(value);
+    },
+    $signature: 380
+  };
+  A.calculationInterpolationClass__closure0.prototype = {
+    call$2($self, other) {
+      return other instanceof A.CalculationInterpolation && $self._calculation0$_value === other._calculation0$_value;
+    },
+    $signature: 381
+  };
+  A.calculationInterpolationClass__closure1.prototype = {
+    call$1($self) {
+      return B.JSString_methods.get$hashCode($self._calculation0$_value);
+    },
+    $signature: 382
+  };
+  A.calculationInterpolationClass__closure2.prototype = {
+    call$1($self) {
+      return $self._calculation0$_value;
+    },
+    $signature: 383
+  };
+  A.SassCalculation0.prototype = {
+    get$isSpecialNumber() {
+      return true;
+    },
+    accept$1$1(visitor) {
+      return visitor.visitCalculation$1(this);
+    },
+    accept$1(visitor) {
+      return this.accept$1$1(visitor, type$.dynamic);
+    },
+    assertCalculation$1($name) {
+      return this;
+    },
+    plus$1(other) {
+      if (other instanceof A.SassString0)
+        return this.super$Value$plus0(other);
+      throw A.wrapException(A.SassScriptException$0('Undefined operation "' + this.toString$0(0) + " + " + other.toString$0(0) + '".', null));
+    },
+    minus$1(other) {
+      return A.throwExpression(A.SassScriptException$0('Undefined operation "' + this.toString$0(0) + " - " + other.toString$0(0) + '".', null));
+    },
+    unaryPlus$0() {
+      return A.throwExpression(A.SassScriptException$0('Undefined operation "+' + this.toString$0(0) + '".', null));
+    },
+    unaryMinus$0() {
+      return A.throwExpression(A.SassScriptException$0('Undefined operation "-' + this.toString$0(0) + '".', null));
+    },
+    $eq(_, other) {
+      if (other == null)
+        return false;
+      return other instanceof A.SassCalculation0 && this.name === other.name && B.C_ListEquality.equals$2(0, this.$arguments, other.$arguments);
+    },
+    get$hashCode(_) {
+      return B.JSString_methods.get$hashCode(this.name) ^ B.C_ListEquality0.hash$1(this.$arguments);
+    }
+  };
+  A.SassCalculation__verifyLength_closure0.prototype = {
+    call$1(arg) {
+      return arg instanceof A.SassString0;
+    },
+    $signature: 76
+  };
+  A.CalculationOperation0.prototype = {
+    $eq(_, other) {
+      if (other == null)
+        return false;
+      return other instanceof A.CalculationOperation0 && this._calculation0$_operator === other._calculation0$_operator && J.$eq$(this._calculation0$_left, other._calculation0$_left) && J.$eq$(this._calculation0$_right, other._calculation0$_right);
+    },
+    get$hashCode(_) {
+      return (A.Primitives_objectHashCode(this._calculation0$_operator) ^ J.get$hashCode$(this._calculation0$_left) ^ J.get$hashCode$(this._calculation0$_right)) >>> 0;
+    },
+    toString$0(_) {
+      var parenthesized = A.serializeValue0(new A.SassCalculation0("", A._setArrayType([this], type$.JSArray_Object)), true, true);
+      return B.JSString_methods.substring$2(parenthesized, 1, parenthesized.length - 1);
+    }
+  };
+  A.CalculationOperator0.prototype = {
+    _enumToString$0() {
+      return "CalculationOperator." + this._name;
+    },
+    toString$0(_) {
+      return this.name;
+    }
+  };
+  A.CalculationInterpolation.prototype = {
+    $eq(_, other) {
+      if (other == null)
+        return false;
+      return other instanceof A.CalculationInterpolation && this._calculation0$_value === other._calculation0$_value;
+    },
+    get$hashCode(_) {
+      return B.JSString_methods.get$hashCode(this._calculation0$_value);
+    },
+    toString$0(_) {
+      return this._calculation0$_value;
+    }
+  };
+  A.CallableDeclaration0.prototype = {
+    get$span(receiver) {
+      return this.span;
+    }
+  };
+  A.updateCanonicalizeContextPrototype_closure.prototype = {
+    call$1($self) {
+      return $self._canonicalize_context$_fromImport;
+    },
+    $signature: 384
+  };
+  A.updateCanonicalizeContextPrototype_closure0.prototype = {
+    call$1($self) {
+      $self._canonicalize_context$_wasContainingUrlAccessed = true;
+      return A.NullableExtension_andThen0($self._canonicalize_context$_containingUrl, A.utils3__dartToJSUrl$closure());
+    },
+    $signature: 385
+  };
+  A.CanonicalizeContext0.prototype = {
+    withFromImport$1$2(fromImport, callback) {
+      var t1,
+        oldFromImport = this._canonicalize_context$_fromImport;
+      this._canonicalize_context$_fromImport = true;
+      try {
+        t1 = callback.call$0();
+        return t1;
+      } finally {
+        this._canonicalize_context$_fromImport = oldFromImport;
+      }
+    },
+    withFromImport$2(fromImport, callback) {
+      return this.withFromImport$1$2(fromImport, callback, type$.dynamic);
+    }
+  };
+  A.ColorChannel0.prototype = {
+    isAnalogous$1(other) {
+      var _0_6_isSet, t1, _0_60, t2, _0_6_isSet0,
+        _0_1 = this.name,
+        _0_6 = other.name;
+      $label0$0: {
+        if ("red" !== _0_1)
+          _0_6_isSet = "x" === _0_1;
+        else
+          _0_6_isSet = true;
+        if (_0_6_isSet) {
+          if ("red" !== _0_6)
+            t1 = "x" === _0_6;
+          else
+            t1 = true;
+          _0_60 = _0_6;
+        } else {
+          _0_60 = null;
+          t1 = false;
+        }
+        t2 = true;
+        if (!t1) {
+          if ("green" !== _0_1)
+            t1 = "y" === _0_1;
+          else
+            t1 = true;
+          if (t1) {
+            _0_6_isSet0 = true;
+            if (_0_6_isSet)
+              t1 = _0_60;
+            else {
+              t1 = _0_6;
+              _0_6_isSet = _0_6_isSet0;
+              _0_60 = t1;
+            }
+            if ("green" !== t1) {
+              if (_0_6_isSet)
+                t1 = _0_60;
+              else {
+                t1 = _0_6;
+                _0_6_isSet = _0_6_isSet0;
+                _0_60 = t1;
+              }
+              t1 = "y" === t1;
+            } else
+              t1 = true;
+          } else
+            t1 = false;
+          if (!t1) {
+            if ("blue" !== _0_1)
+              t1 = "z" === _0_1;
+            else
+              t1 = true;
+            if (t1) {
+              _0_6_isSet0 = true;
+              if (_0_6_isSet)
+                t1 = _0_60;
+              else {
+                t1 = _0_6;
+                _0_6_isSet = _0_6_isSet0;
+                _0_60 = t1;
+              }
+              if ("blue" !== t1) {
+                if (_0_6_isSet)
+                  t1 = _0_60;
+                else {
+                  t1 = _0_6;
+                  _0_6_isSet = _0_6_isSet0;
+                  _0_60 = t1;
+                }
+                t1 = "z" === t1;
+              } else
+                t1 = true;
+            } else
+              t1 = false;
+            if (!t1) {
+              if ("chroma" !== _0_1)
+                t1 = "saturation" === _0_1;
+              else
+                t1 = true;
+              if (t1) {
+                _0_6_isSet0 = true;
+                if (_0_6_isSet)
+                  t1 = _0_60;
+                else {
+                  t1 = _0_6;
+                  _0_6_isSet = _0_6_isSet0;
+                  _0_60 = t1;
+                }
+                if ("chroma" !== t1) {
+                  if (_0_6_isSet)
+                    t1 = _0_60;
+                  else {
+                    t1 = _0_6;
+                    _0_6_isSet = _0_6_isSet0;
+                    _0_60 = t1;
+                  }
+                  t1 = "saturation" === t1;
+                } else
+                  t1 = true;
+              } else
+                t1 = false;
+              if (!t1) {
+                if ("lightness" === _0_1) {
+                  if (_0_6_isSet)
+                    t1 = _0_60;
+                  else {
+                    t1 = _0_6;
+                    _0_60 = t1;
+                    _0_6_isSet = true;
+                  }
+                  t1 = "lightness" === t1;
+                } else
+                  t1 = false;
+                if (!t1)
+                  if ("hue" === _0_1)
+                    t1 = "hue" === (_0_6_isSet ? _0_60 : _0_6);
+                  else
+                    t1 = false;
+                else
+                  t1 = t2;
+              } else
+                t1 = t2;
+            } else
+              t1 = t2;
+          } else
+            t1 = t2;
+        } else
+          t1 = t2;
+        break $label0$0;
+      }
+      return t1;
+    }
+  };
+  A.LinearChannel0.prototype = {};
+  A.Chokidar0.prototype = {};
+  A.ChokidarOptions0.prototype = {};
+  A.ChokidarWatcher0.prototype = {};
+  A.ClassSelector0.prototype = {
+    $eq(_, other) {
+      if (other == null)
+        return false;
+      return other instanceof A.ClassSelector0 && other.name === this.name;
+    },
+    accept$1$1(visitor) {
+      return visitor.visitClassSelector$1(this);
+    },
+    accept$1(visitor) {
+      return this.accept$1$1(visitor, type$.dynamic);
+    },
+    addSuffix$1(suffix) {
+      return new A.ClassSelector0(this.name + suffix, this.span);
+    },
+    get$hashCode(_) {
+      return B.JSString_methods.get$hashCode(this.name);
+    }
+  };
+  A.ClipGamutMap0.prototype = {
+    map$1(_, color) {
+      var t1 = color._color0$_space,
+        t2 = t1._space$_channels;
+      return A.SassColor_SassColor$forSpaceInternal0(t1, this._clip$_clampChannel$2(color.channel0OrNull, t2[0]), this._clip$_clampChannel$2(color.channel1OrNull, t2[1]), this._clip$_clampChannel$2(color.channel2OrNull, t2[2]), color.alphaOrNull);
+    },
+    _clip$_clampChannel$2(value, channel) {
+      var t1, min;
+      if (value == null)
+        t1 = null;
+      else
+        $label0$0: {
+          if (channel instanceof A.LinearChannel0) {
+            min = channel.min;
+            t1 = isNaN(value) ? min : B.JSNumber_methods.clamp$2(value, min, channel.max);
+            break $label0$0;
+          }
+          t1 = value;
+          break $label0$0;
+        }
+      return t1;
+    }
+  };
+  A._CloneCssVisitor0.prototype = {
+    visitCssAtRule$1(node) {
+      var t1 = node.isChildless,
+        rule = A.ModifiableCssAtRule$0(node.name, node.span, t1, node.value);
+      return t1 ? rule : this._clone_css$_visitChildren$2(rule, node);
+    },
+    visitCssComment$1(node) {
+      return new A.ModifiableCssComment0(node.text, node.span);
+    },
+    visitCssDeclaration$1(node) {
+      return A.ModifiableCssDeclaration$0(node.name, node.value, node.span, node.parsedAsCustomProperty, null, node.valueSpanForMap);
+    },
+    visitCssImport$1(node) {
+      return new A.ModifiableCssImport0(node.url, node.modifiers, node.span);
+    },
+    visitCssKeyframeBlock$1(node) {
+      return this._clone_css$_visitChildren$2(A.ModifiableCssKeyframeBlock$0(node.selector, node.span), node);
+    },
+    visitCssMediaRule$1(node) {
+      return this._clone_css$_visitChildren$2(A.ModifiableCssMediaRule$0(node.queries, node.span), node);
+    },
+    visitCssStyleRule$1(node) {
+      var _0_0 = this._clone_css$_oldToNewSelectors.$index(0, node._style_rule0$_selector._box0$_inner.value);
+      if (_0_0 != null)
+        return this._clone_css$_visitChildren$2(A.ModifiableCssStyleRule$0(_0_0, node.span, false, node.originalSelector), node);
+      else
+        throw A.wrapException(A.StateError$(string$.The_Ex));
+    },
+    visitCssStylesheet$1(node) {
+      return this._clone_css$_visitChildren$2(A.ModifiableCssStylesheet$0(node.get$span(node)), node);
+    },
+    visitCssSupportsRule$1(node) {
+      return this._clone_css$_visitChildren$2(A.ModifiableCssSupportsRule$0(node.condition, node.span), node);
+    },
+    _clone_css$_visitChildren$1$2(newParent, oldParent) {
+      var t1, t2, newChild;
+      for (t1 = J.get$iterator$ax(oldParent.get$children(oldParent)); t1.moveNext$0();) {
+        t2 = t1.get$current(t1);
+        newChild = t2.accept$1(this);
+        newChild.isGroupEnd = t2.get$isGroupEnd();
+        newParent.addChild$1(newChild);
+      }
+      return newParent;
+    },
+    _clone_css$_visitChildren$2(newParent, oldParent) {
+      return this._clone_css$_visitChildren$1$2(newParent, oldParent, type$.ModifiableCssParentNode_2);
+    }
+  };
+  A.ColorExpression0.prototype = {
+    accept$1$1(visitor) {
+      return visitor.visitColorExpression$1(0, this);
+    },
+    accept$1(visitor) {
+      return this.accept$1$1(visitor, type$.dynamic);
+    },
+    toString$0(_) {
+      return A.serializeValue0(this.value, true, true);
+    },
+    get$span(receiver) {
+      return this.span;
+    }
+  };
+  A.global_closure44.prototype = {
+    call$1(color) {
+      return B.JSNumber_methods.round$0(color._color0$_legacyChannel$2(B.RgbColorSpace_i0P0, "red"));
+    },
+    $signature: 40
+  };
+  A.global_closure45.prototype = {
+    call$1(color) {
+      return B.JSNumber_methods.round$0(color._color0$_legacyChannel$2(B.RgbColorSpace_i0P0, "green"));
+    },
+    $signature: 40
+  };
+  A.global_closure46.prototype = {
+    call$1(color) {
+      return B.JSNumber_methods.round$0(color._color0$_legacyChannel$2(B.RgbColorSpace_i0P0, "blue"));
+    },
+    $signature: 40
+  };
+  A.global_closure47.prototype = {
+    call$1($arguments) {
+      return A._rgb0("rgb", $arguments);
+    },
+    $signature: 3
+  };
+  A.global_closure48.prototype = {
+    call$1($arguments) {
+      return A._rgb0("rgb", $arguments);
+    },
+    $signature: 3
+  };
+  A.global_closure49.prototype = {
+    call$1($arguments) {
+      return A._rgbTwoArg0("rgb", $arguments);
+    },
+    $signature: 3
+  };
+  A.global_closure50.prototype = {
+    call$1($arguments) {
+      return A._parseChannels0("rgb", J.$index$asx($arguments, 0), "channels", B.RgbColorSpace_i0P0);
+    },
+    $signature: 3
+  };
+  A.global_closure51.prototype = {
+    call$1($arguments) {
+      return A._rgb0("rgba", $arguments);
+    },
+    $signature: 3
+  };
+  A.global_closure52.prototype = {
+    call$1($arguments) {
+      return A._rgb0("rgba", $arguments);
+    },
+    $signature: 3
+  };
+  A.global_closure53.prototype = {
+    call$1($arguments) {
+      return A._rgbTwoArg0("rgba", $arguments);
+    },
+    $signature: 3
+  };
+  A.global_closure54.prototype = {
+    call$1($arguments) {
+      return A._parseChannels0("rgba", J.$index$asx($arguments, 0), "channels", B.RgbColorSpace_i0P0);
+    },
+    $signature: 3
+  };
+  A.global_closure55.prototype = {
+    call$1($arguments) {
+      var t1 = J.getInterceptor$asx($arguments);
+      if (!(t1.$index($arguments, 0) instanceof A.SassNumber0) && !t1.$index($arguments, 0).get$isSpecialNumber())
+        A.warnForDeprecation0(string$.Globalci, B.Deprecation_jOf);
+      return A._invert0($arguments, true);
+    },
+    $signature: 3
+  };
+  A.global_closure56.prototype = {
+    call$1(color) {
+      return color._color0$_legacyChannel$2(B.HslColorSpace_JQ20, "hue");
+    },
+    $signature: 32
+  };
+  A.global_closure57.prototype = {
+    call$1(color) {
+      return color._color0$_legacyChannel$2(B.HslColorSpace_JQ20, "saturation");
+    },
+    $signature: 32
+  };
+  A.global_closure58.prototype = {
+    call$1(color) {
+      return color._color0$_legacyChannel$2(B.HslColorSpace_JQ20, "lightness");
+    },
+    $signature: 32
+  };
+  A.global_closure59.prototype = {
+    call$1($arguments) {
+      return A._hsl0("hsl", $arguments);
+    },
+    $signature: 3
+  };
+  A.global_closure60.prototype = {
+    call$1($arguments) {
+      return A._hsl0("hsl", $arguments);
+    },
+    $signature: 3
+  };
+  A.global_closure61.prototype = {
+    call$1($arguments) {
+      var t1 = J.getInterceptor$asx($arguments);
+      if (t1.$index($arguments, 0).get$isVar() || t1.$index($arguments, 1).get$isVar())
+        return A._functionString0("hsl", $arguments);
+      else
+        throw A.wrapException(A.SassScriptException$0("Missing argument $lightness.", null));
+    },
+    $signature: 18
+  };
+  A.global_closure62.prototype = {
+    call$1($arguments) {
+      return A._parseChannels0("hsl", J.$index$asx($arguments, 0), "channels", B.HslColorSpace_JQ20);
+    },
+    $signature: 3
+  };
+  A.global_closure63.prototype = {
+    call$1($arguments) {
+      return A._hsl0("hsla", $arguments);
+    },
+    $signature: 3
+  };
+  A.global_closure64.prototype = {
+    call$1($arguments) {
+      return A._hsl0("hsla", $arguments);
+    },
+    $signature: 3
+  };
+  A.global_closure65.prototype = {
+    call$1($arguments) {
+      var t1 = J.getInterceptor$asx($arguments);
+      if (t1.$index($arguments, 0).get$isVar() || t1.$index($arguments, 1).get$isVar())
+        return A._functionString0("hsla", $arguments);
+      else
+        throw A.wrapException(A.SassScriptException$0("Missing argument $lightness.", null));
+    },
+    $signature: 18
+  };
+  A.global_closure66.prototype = {
+    call$1($arguments) {
+      return A._parseChannels0("hsla", J.$index$asx($arguments, 0), "channels", B.HslColorSpace_JQ20);
+    },
+    $signature: 3
+  };
+  A.global_closure67.prototype = {
+    call$1($arguments) {
+      var t1 = J.getInterceptor$asx($arguments);
+      if (t1.$index($arguments, 0) instanceof A.SassNumber0 || t1.$index($arguments, 0).get$isSpecialNumber())
+        return A._functionString0("grayscale", $arguments);
+      else {
+        A.warnForDeprecation0(string$.Globalcg, B.Deprecation_jOf);
+        return A._grayscale0(t1.$index($arguments, 0));
+      }
+    },
+    $signature: 3
+  };
+  A.global_closure68.prototype = {
+    call$1($arguments) {
+      var t1 = J.getInterceptor$asx($arguments),
+        color = t1.$index($arguments, 0).assertColor$1("color"),
+        degrees = A._angleValue0(t1.$index($arguments, 1), "degrees");
+      if (!color._color0$_space.get$isLegacyInternal())
+        throw A.wrapException(A.SassScriptException$0(string$.adjusto, null));
+      A.warnForDeprecation0(string$.adjustd + A.serializeValue0(A.SassNumber_SassNumber0(degrees, "deg"), false, true) + string$.x29x0a_Mor_, B.Deprecation_3bU);
+      return color.changeHsl$1$hue(color._color0$_legacyChannel$2(B.HslColorSpace_JQ20, "hue") + degrees);
+    },
+    $signature: 25
+  };
+  A.global_closure69.prototype = {
+    call$1($arguments) {
+      var result,
+        _s9_ = "lightness",
+        t1 = J.getInterceptor$asx($arguments),
+        color = t1.$index($arguments, 0).assertColor$1("color"),
+        amount = t1.$index($arguments, 1).assertNumber$1("amount");
+      if (!color._color0$_space.get$isLegacyInternal())
+        throw A.wrapException(A.SassScriptException$0(string$.lighte, null));
+      t1 = color._color0$_legacyChannel$2(B.HslColorSpace_JQ20, _s9_) + amount.valueInRange$3(0, 100, "amount");
+      result = color.changeHsl$1$lightness(isNaN(t1) ? 0 : B.JSNumber_methods.clamp$2(t1, 0, 100));
+      A.warnForDeprecation0("lighten() is deprecated. " + A._suggestScaleAndAdjust0(color, amount._number1$_value, _s9_) + string$.x0a_Morex3ac, B.Deprecation_3bU);
+      return result;
+    },
+    $signature: 25
+  };
+  A.global_closure70.prototype = {
+    call$1($arguments) {
+      var result,
+        _s9_ = "lightness",
+        t1 = J.getInterceptor$asx($arguments),
+        color = t1.$index($arguments, 0).assertColor$1("color"),
+        amount = t1.$index($arguments, 1).assertNumber$1("amount");
+      if (!color._color0$_space.get$isLegacyInternal())
+        throw A.wrapException(A.SassScriptException$0(string$.darken, null));
+      t1 = color._color0$_legacyChannel$2(B.HslColorSpace_JQ20, _s9_) - amount.valueInRange$3(0, 100, "amount");
+      result = color.changeHsl$1$lightness(isNaN(t1) ? 0 : B.JSNumber_methods.clamp$2(t1, 0, 100));
+      A.warnForDeprecation0("darken() is deprecated. " + A._suggestScaleAndAdjust0(color, -amount._number1$_value, _s9_) + string$.x0a_Morex3ac, B.Deprecation_3bU);
+      return result;
+    },
+    $signature: 25
+  };
+  A.global_closure71.prototype = {
+    call$1($arguments) {
+      var t1 = J.getInterceptor$asx($arguments);
+      if (t1.$index($arguments, 0) instanceof A.SassNumber0 || t1.$index($arguments, 0).get$isSpecialNumber())
+        return A._functionString0("saturate", $arguments);
+      return new A.SassString0("saturate(" + A.serializeValue0(t1.$index($arguments, 0).assertNumber$1("amount"), false, true) + ")", false);
+    },
+    $signature: 18
+  };
+  A.global_closure72.prototype = {
+    call$1($arguments) {
+      var t1, color, amount, result,
+        _s10_ = "saturation";
+      A.warnForDeprecation0(string$.Globalcad, B.Deprecation_jOf);
+      t1 = J.getInterceptor$asx($arguments);
+      color = t1.$index($arguments, 0).assertColor$1("color");
+      amount = t1.$index($arguments, 1).assertNumber$1("amount");
+      if (!color._color0$_space.get$isLegacyInternal())
+        throw A.wrapException(A.SassScriptException$0(string$.satura, null));
+      t1 = color._color0$_legacyChannel$2(B.HslColorSpace_JQ20, _s10_) + amount.valueInRange$3(0, 100, "amount");
+      result = color.changeHsl$1$saturation(isNaN(t1) ? 0 : B.JSNumber_methods.clamp$2(t1, 0, 100));
+      A.warnForDeprecation0("saturate() is deprecated. " + A._suggestScaleAndAdjust0(color, amount._number1$_value, _s10_) + string$.x0a_Morex3ac, B.Deprecation_3bU);
+      return result;
+    },
+    $signature: 25
+  };
+  A.global_closure73.prototype = {
+    call$1($arguments) {
+      var result,
+        _s10_ = "saturation",
+        t1 = J.getInterceptor$asx($arguments),
+        color = t1.$index($arguments, 0).assertColor$1("color"),
+        amount = t1.$index($arguments, 1).assertNumber$1("amount");
+      if (!color._color0$_space.get$isLegacyInternal())
+        throw A.wrapException(A.SassScriptException$0(string$.desatu, null));
+      t1 = color._color0$_legacyChannel$2(B.HslColorSpace_JQ20, _s10_) - amount.valueInRange$3(0, 100, "amount");
+      result = color.changeHsl$1$saturation(isNaN(t1) ? 0 : B.JSNumber_methods.clamp$2(t1, 0, 100));
+      A.warnForDeprecation0("desaturate() is deprecated. " + A._suggestScaleAndAdjust0(color, -amount._number1$_value, _s10_) + string$.x0a_Morex3ac, B.Deprecation_3bU);
+      return result;
+    },
+    $signature: 25
+  };
+  A.global_closure74.prototype = {
+    call$1($arguments) {
+      return A._opacify0("opacify", $arguments);
+    },
+    $signature: 25
+  };
+  A.global_closure75.prototype = {
+    call$1($arguments) {
+      return A._opacify0("fade-in", $arguments);
+    },
+    $signature: 25
+  };
+  A.global_closure76.prototype = {
+    call$1($arguments) {
+      return A._transparentize0("transparentize", $arguments);
+    },
+    $signature: 25
+  };
+  A.global_closure77.prototype = {
+    call$1($arguments) {
+      return A._transparentize0("fade-out", $arguments);
+    },
+    $signature: 25
+  };
+  A.global_closure78.prototype = {
+    call$1($arguments) {
+      var _0_0 = J.$index$asx($arguments, 0),
+        t1 = false;
+      if (_0_0 instanceof A.SassString0)
+        if (!_0_0._string0$_hasQuotes)
+          t1 = B.JSString_methods.contains$1(_0_0._string0$_text, $.$get$_microsoftFilterStart0());
+      if (t1)
+        return A._functionString0("alpha", $arguments);
+      if (_0_0 instanceof A.SassColor0 && !_0_0._color0$_space.get$isLegacyInternal())
+        throw A.wrapException(A.SassScriptException$0(string$.alpha_, null));
+      A.warnForDeprecation0(string$.Globalcal, B.Deprecation_jOf);
+      t1 = _0_0.assertColor$1("color").alphaOrNull;
+      return A.SassNumber_SassNumber0(t1 == null ? 0 : t1, null);
+    },
+    $signature: 3
+  };
+  A.global_closure79.prototype = {
+    call$1($arguments) {
+      var t1,
+        argList = J.$index$asx($arguments, 0).get$asList();
+      if (argList.length !== 0 && B.JSArray_methods.every$1(argList, new A.global__closure0()))
+        return A._functionString0("alpha", $arguments);
+      t1 = argList.length;
+      if (t1 === 0)
+        throw A.wrapException(A.SassScriptException$0("Missing argument $color.", null));
+      else
+        throw A.wrapException(A.SassScriptException$0("Only 1 argument allowed, but " + t1 + " were passed.", null));
+    },
+    $signature: 18
+  };
+  A.global__closure0.prototype = {
+    call$1(argument) {
+      return argument instanceof A.SassString0 && !argument._string0$_hasQuotes && B.JSString_methods.contains$1(argument._string0$_text, $.$get$_microsoftFilterStart0());
+    },
+    $signature: 52
+  };
+  A.global_closure80.prototype = {
+    call$1($arguments) {
+      var t1 = J.getInterceptor$asx($arguments);
+      if (t1.$index($arguments, 0) instanceof A.SassNumber0 || t1.$index($arguments, 0).get$isSpecialNumber())
+        return A._functionString0("opacity", $arguments);
+      A.warnForDeprecation0(string$.Globalco, B.Deprecation_jOf);
+      t1 = t1.$index($arguments, 0).assertColor$1("color").alphaOrNull;
+      return A.SassNumber_SassNumber0(t1 == null ? 0 : t1, null);
+    },
+    $signature: 3
+  };
+  A.global_closure81.prototype = {
+    call$1($arguments) {
+      return A._parseChannels0("color", J.$index$asx($arguments, 0), "description", null);
+    },
+    $signature: 3
+  };
+  A.global_closure82.prototype = {
+    call$1($arguments) {
+      return A._parseChannels0("hwb", J.$index$asx($arguments, 0), "channels", B.HwbColorSpace_guQ0);
+    },
+    $signature: 3
+  };
+  A.global_closure83.prototype = {
+    call$1($arguments) {
+      return A._parseChannels0("lab", J.$index$asx($arguments, 0), "channels", B.LabColorSpace_2nT0);
+    },
+    $signature: 3
+  };
+  A.global_closure84.prototype = {
+    call$1($arguments) {
+      return A._parseChannels0("lch", J.$index$asx($arguments, 0), "channels", B.LchColorSpace_Bpv0);
+    },
+    $signature: 3
+  };
+  A.global_closure85.prototype = {
+    call$1($arguments) {
+      return A._parseChannels0("oklab", J.$index$asx($arguments, 0), "channels", B.OklabColorSpace_5400);
+    },
+    $signature: 3
+  };
+  A.global_closure86.prototype = {
+    call$1($arguments) {
+      return A._parseChannels0("oklch", J.$index$asx($arguments, 0), "channels", B.OklchColorSpace_9Gj0);
+    },
+    $signature: 3
+  };
+  A.module_closure27.prototype = {
+    call$1(color) {
+      return B.JSNumber_methods.round$0(color._color0$_legacyChannel$2(B.RgbColorSpace_i0P0, "red"));
+    },
+    $signature: 40
+  };
+  A.module_closure28.prototype = {
+    call$1(color) {
+      return B.JSNumber_methods.round$0(color._color0$_legacyChannel$2(B.RgbColorSpace_i0P0, "green"));
+    },
+    $signature: 40
+  };
+  A.module_closure29.prototype = {
+    call$1(color) {
+      return B.JSNumber_methods.round$0(color._color0$_legacyChannel$2(B.RgbColorSpace_i0P0, "blue"));
+    },
+    $signature: 40
+  };
+  A.module_closure30.prototype = {
+    call$1($arguments) {
+      var result = A._invert0($arguments, false);
+      if (result instanceof A.SassString0)
+        A.warnForDeprecation0("Passing a number (" + J.$index$asx($arguments, 0).toString$0(0) + string$.x29x20to_cli + result.toString$0(0), B.Deprecation_Y5S);
+      return result;
+    },
+    $signature: 3
+  };
+  A.module_closure31.prototype = {
+    call$1(color) {
+      return color._color0$_legacyChannel$2(B.HslColorSpace_JQ20, "hue");
+    },
+    $signature: 32
+  };
+  A.module_closure32.prototype = {
+    call$1(color) {
+      return color._color0$_legacyChannel$2(B.HslColorSpace_JQ20, "saturation");
+    },
+    $signature: 32
+  };
+  A.module_closure33.prototype = {
+    call$1(color) {
+      return color._color0$_legacyChannel$2(B.HslColorSpace_JQ20, "lightness");
+    },
+    $signature: 32
+  };
+  A.module_closure34.prototype = {
+    call$1($arguments) {
+      var result,
+        t1 = J.getInterceptor$asx($arguments);
+      if (t1.$index($arguments, 0) instanceof A.SassNumber0) {
+        result = A._functionString0("grayscale", t1.take$1($arguments, 1));
+        A.warnForDeprecation0("Passing a number (" + t1.$index($arguments, 0).toString$0(0) + string$.x29x20to_clg + result.toString$0(0), B.Deprecation_Y5S);
+        return result;
+      }
+      return A._grayscale0(t1.$index($arguments, 0));
+    },
+    $signature: 3
+  };
+  A.module_closure35.prototype = {
+    call$1($arguments) {
+      var t1 = J.getInterceptor$asx($arguments),
+        t2 = type$.JSArray_Value_2;
+      return A._parseChannels0("hwb", A.SassList$0(A._setArrayType([A.SassList$0(A._setArrayType([t1.$index($arguments, 0), t1.$index($arguments, 1), t1.$index($arguments, 2)], t2), B.ListSeparator_qSL0, false), t1.$index($arguments, 3)], t2), B.ListSeparator_bRz0, false), null, B.HwbColorSpace_guQ0);
+    },
+    $signature: 3
+  };
+  A.module_closure36.prototype = {
+    call$1($arguments) {
+      return A._parseChannels0("hwb", J.$index$asx($arguments, 0), "channels", B.HwbColorSpace_guQ0);
+    },
+    $signature: 3
+  };
+  A.module_closure37.prototype = {
+    call$1(color) {
+      return color._color0$_legacyChannel$2(B.HwbColorSpace_guQ0, "whiteness");
+    },
+    $signature: 32
+  };
+  A.module_closure38.prototype = {
+    call$1(color) {
+      return color._color0$_legacyChannel$2(B.HwbColorSpace_guQ0, "blackness");
+    },
+    $signature: 32
+  };
+  A.module_closure39.prototype = {
+    call$1($arguments) {
+      var result,
+        _0_0 = J.$index$asx($arguments, 0),
+        t1 = false;
+      if (_0_0 instanceof A.SassString0)
+        if (!_0_0._string0$_hasQuotes)
+          t1 = B.JSString_methods.contains$1(_0_0._string0$_text, $.$get$_microsoftFilterStart0());
+      if (t1) {
+        result = A._functionString0("alpha", $arguments);
+        A.warnForDeprecation0(string$.Using_c + result.toString$0(0), B.Deprecation_Y5S);
+        return result;
+      }
+      if (_0_0 instanceof A.SassColor0 && !_0_0._color0$_space.get$isLegacyInternal())
+        throw A.wrapException(A.SassScriptException$0(string$.color_a, null));
+      t1 = _0_0.assertColor$1("color").alphaOrNull;
+      return A.SassNumber_SassNumber0(t1 == null ? 0 : t1, null);
+    },
+    $signature: 3
+  };
+  A.module_closure40.prototype = {
+    call$1($arguments) {
+      var result,
+        t1 = J.getInterceptor$asx($arguments);
+      if (B.JSArray_methods.every$1(t1.$index($arguments, 0).get$asList(), new A.module__closure6())) {
+        result = A._functionString0("alpha", $arguments);
+        A.warnForDeprecation0(string$.Using_c + result.toString$0(0), B.Deprecation_Y5S);
+        return result;
+      }
+      throw A.wrapException(A.SassScriptException$0("Only 1 argument allowed, but " + t1.get$length($arguments) + " were passed.", null));
+    },
+    $signature: 18
+  };
+  A.module__closure6.prototype = {
+    call$1(argument) {
+      return argument instanceof A.SassString0 && !argument._string0$_hasQuotes && B.JSString_methods.contains$1(argument._string0$_text, $.$get$_microsoftFilterStart0());
+    },
+    $signature: 52
+  };
+  A.module_closure41.prototype = {
+    call$1($arguments) {
+      var result,
+        t1 = J.getInterceptor$asx($arguments);
+      if (t1.$index($arguments, 0) instanceof A.SassNumber0) {
+        result = A._functionString0("opacity", $arguments);
+        A.warnForDeprecation0("Passing a number (" + t1.$index($arguments, 0).toString$0(0) + string$.x20to_co + result.toString$0(0), B.Deprecation_Y5S);
+        return result;
+      }
+      t1 = t1.$index($arguments, 0).assertColor$1("color").alphaOrNull;
+      return A.SassNumber_SassNumber0(t1 == null ? 0 : t1, null);
+    },
+    $signature: 3
+  };
+  A.module_closure42.prototype = {
+    call$1($arguments) {
+      return new A.SassString0(J.get$first$ax($arguments).assertColor$1("color")._color0$_space.name, false);
+    },
+    $signature: 18
+  };
+  A.module_closure43.prototype = {
+    call$1($arguments) {
+      var t1 = J.getInterceptor$asx($arguments);
+      return A._colorInSpace0(t1.$index($arguments, 0), t1.$index($arguments, 1), false);
+    },
+    $signature: 25
+  };
+  A.module_closure44.prototype = {
+    call$1($arguments) {
+      return J.$index$asx($arguments, 0).assertColor$1("color")._color0$_space.get$isLegacyInternal() ? B.SassBoolean_true0 : B.SassBoolean_false0;
+    },
+    $signature: 12
+  };
+  A.module_closure45.prototype = {
+    call$1($arguments) {
+      var t1 = J.getInterceptor$asx($arguments);
+      return t1.$index($arguments, 0).assertColor$1("color").isChannelMissing$3$channelName$colorName(A._channelName0(t1.$index($arguments, 1)), "channel", "color") ? B.SassBoolean_true0 : B.SassBoolean_false0;
+    },
+    $signature: 12
+  };
+  A.module_closure46.prototype = {
+    call$1($arguments) {
+      var t1 = J.getInterceptor$asx($arguments);
+      return A._colorInSpace0(t1.$index($arguments, 0), t1.$index($arguments, 1), true).get$isInGamut() ? B.SassBoolean_true0 : B.SassBoolean_false0;
+    },
+    $signature: 12
+  };
+  A.module_closure47.prototype = {
+    call$1($arguments) {
+      var space, method, _s5_ = "space", _s6_ = "method",
+        t1 = J.getInterceptor$asx($arguments),
+        color = t1.$index($arguments, 0).assertColor$1("color"),
+        t2 = t1.$index($arguments, 1);
+      if (t2.$eq(0, B.C__SassNull0))
+        space = color._color0$_space;
+      else {
+        t2 = t2.assertString$1(_s5_);
+        t2.assertUnquoted$1(_s5_);
+        space = A.ColorSpace_fromName0(t2._string0$_text, _s5_);
+      }
+      if (t1.$index($arguments, 2).$eq(0, B.C__SassNull0))
+        throw A.wrapException(A.SassScriptException$0(string$.color_t, _s6_));
+      t1 = t1.$index($arguments, 2).assertString$1(_s6_);
+      t1.assertUnquoted$1(_s6_);
+      method = A.GamutMapMethod_GamutMapMethod$fromName0(t1._string0$_text);
+      if (!space.get$isBoundedInternal())
+        return color;
+      t1 = color.toSpace$1(space);
+      t1 = t1.get$isInGamut() ? t1 : method.map$1(0, t1);
+      return t1.toSpace$2$legacyMissing(color._color0$_space, false);
+    },
+    $signature: 25
+  };
+  A.module_closure48.prototype = {
+    call$1($arguments) {
+      var channelIndex, channelInfo, channelValue, unit,
+        t1 = J.getInterceptor$asx($arguments),
+        color = A._colorInSpace0(t1.$index($arguments, 0), t1.$index($arguments, 2), true),
+        channelName = A._channelName0(t1.$index($arguments, 1));
+      if (channelName === "alpha") {
+        t1 = color.alphaOrNull;
+        return A.SassNumber_SassNumber0(t1 == null ? 0 : t1, null);
+      }
+      t1 = color._color0$_space._space$_channels;
+      channelIndex = B.JSArray_methods.indexWhere$1(t1, new A.module__closure5(channelName));
+      if (channelIndex === -1)
+        throw A.wrapException(A.SassScriptException$0("Color " + color.toString$0(0) + " has no channel named " + channelName + ".", "channel"));
+      channelInfo = t1[channelIndex];
+      channelValue = color.get$channels()[channelIndex];
+      unit = channelInfo.associatedUnit;
+      return A.SassNumber_SassNumber0(unit === "%" ? channelValue * 100 / type$.LinearChannel_2._as(channelInfo).max : channelValue, unit);
+    },
+    $signature: 22
+  };
+  A.module__closure5.prototype = {
+    call$1(channel) {
+      return channel.name === this.channelName;
+    },
+    $signature: 70
+  };
+  A.module_closure49.prototype = {
+    call$1($arguments) {
+      var t2, t3,
+        t1 = J.getInterceptor$asx($arguments),
+        color1 = t1.$index($arguments, 0).assertColor$1("color1"),
+        color2 = t1.$index($arguments, 1).assertColor$1("color2");
+      t1 = new A.module_closure_toXyzNoMissing0();
+      if (color1._color0$_space === color2._color0$_space) {
+        t1 = color1.channel0OrNull;
+        t2 = false;
+        if (t1 == null)
+          t1 = 0;
+        t3 = color2.channel0OrNull;
+        if (A.fuzzyEquals0(t1, t3 == null ? 0 : t3)) {
+          t1 = color1.channel1OrNull;
+          if (t1 == null)
+            t1 = 0;
+          t3 = color2.channel1OrNull;
+          if (A.fuzzyEquals0(t1, t3 == null ? 0 : t3)) {
+            t1 = color1.channel2OrNull;
+            if (t1 == null)
+              t1 = 0;
+            t3 = color2.channel2OrNull;
+            if (A.fuzzyEquals0(t1, t3 == null ? 0 : t3)) {
+              t1 = color1.alphaOrNull;
+              if (t1 == null)
+                t1 = 0;
+              t2 = color2.alphaOrNull;
+              t1 = A.fuzzyEquals0(t1, t2 == null ? 0 : t2);
+            } else
+              t1 = t2;
+          } else
+            t1 = t2;
+        } else
+          t1 = t2;
+      } else
+        t1 = J.$eq$(t1.call$1(color1), t1.call$1(color2));
+      return t1 ? B.SassBoolean_true0 : B.SassBoolean_false0;
+    },
+    $signature: 12
+  };
+  A.module_closure_toXyzNoMissing0.prototype = {
+    call$1(color) {
+      var _1_1, _1_3, t1, _1_7, channel0, _1_8, channel1, _1_9, channel2, _1_10, alpha;
+      $label0$0: {
+        _1_1 = color._color0$_space;
+        _1_3 = B.XyzD65ColorSpace_WiJ0 === _1_1;
+        t1 = _1_3;
+        if (t1)
+          t1 = !(color.channel0OrNull == null || color.channel1OrNull == null || color.channel2OrNull == null || color.alphaOrNull == null);
+        else
+          t1 = false;
+        if (t1) {
+          t1 = color;
+          break $label0$0;
+        }
+        if (_1_3) {
+          _1_7 = color.channel0OrNull;
+          if (_1_7 == null)
+            _1_7 = 0;
+          channel0 = _1_7;
+          _1_8 = color.channel1OrNull;
+          if (_1_8 == null)
+            _1_8 = 0;
+          channel1 = _1_8;
+          _1_9 = color.channel2OrNull;
+          if (_1_9 == null)
+            _1_9 = 0;
+          channel2 = _1_9;
+          _1_10 = color.alphaOrNull;
+          if (_1_10 == null)
+            _1_10 = 0;
+          alpha = _1_10;
+          t1 = A.SassColor$_forSpace0(B.XyzD65ColorSpace_WiJ0, channel0, channel1, channel2, alpha, null);
+          break $label0$0;
+        }
+        _1_7 = color.channel0OrNull;
+        if (_1_7 == null)
+          _1_7 = 0;
+        channel0 = _1_7;
+        _1_8 = color.channel1OrNull;
+        if (_1_8 == null)
+          _1_8 = 0;
+        channel1 = _1_8;
+        _1_9 = color.channel2OrNull;
+        if (_1_9 == null)
+          _1_9 = 0;
+        channel2 = _1_9;
+        _1_10 = color.alphaOrNull;
+        if (_1_10 == null)
+          _1_10 = 0;
+        alpha = _1_10;
+        t1 = _1_1.convert$5(B.XyzD65ColorSpace_WiJ0, channel0, channel1, channel2, alpha);
+        break $label0$0;
+      }
+      return t1;
+    },
+    $signature: 393
+  };
+  A.module_closure50.prototype = {
+    call$1($arguments) {
+      var t1 = J.getInterceptor$asx($arguments);
+      return A._colorInSpace0(t1.$index($arguments, 0), t1.$index($arguments, 2), true).isChannelPowerless$3$channelName$colorName(A._channelName0(t1.$index($arguments, 1)), "channel", "color") ? B.SassBoolean_true0 : B.SassBoolean_false0;
+    },
+    $signature: 12
+  };
+  A._mix_closure0.prototype = {
+    call$1($arguments) {
+      var _s6_ = "weight",
+        _s41_ = string$.To_usem,
+        _s29_ = ", you must provide a $method.",
+        t1 = J.getInterceptor$asx($arguments),
+        color1 = t1.$index($arguments, 0).assertColor$1("color1"),
+        color2 = t1.$index($arguments, 1).assertColor$1("color2"),
+        weight = t1.$index($arguments, 2).assertNumber$1(_s6_);
+      if (!t1.$index($arguments, 3).$eq(0, B.C__SassNull0))
+        return color1.interpolate$4$legacyMissing$weight(color2, A.InterpolationMethod_InterpolationMethod$fromValue0(t1.$index($arguments, 3), "method"), false, weight.valueInRangeWithUnit$4(0, 100, _s6_, "%") / 100);
+      A._checkPercent0(weight, _s6_);
+      if (!color1._color0$_space.get$isLegacyInternal())
+        throw A.wrapException(A.SassScriptException$0(_s41_ + color1.toString$0(0) + _s29_, "color1"));
+      else if (!color2._color0$_space.get$isLegacyInternal())
+        throw A.wrapException(A.SassScriptException$0(_s41_ + color2.toString$0(0) + _s29_, "color2"));
+      return A._mixLegacy0(color1, color2, weight);
+    },
+    $signature: 25
+  };
+  A._complement_closure0.prototype = {
+    call$1($arguments) {
+      var space, t3, colorInSpace, t4, t5, t6, _s5_ = "space",
+        t1 = J.getInterceptor$asx($arguments),
+        color = t1.$index($arguments, 0).assertColor$1("color"),
+        t2 = color._color0$_space;
+      if (t2.get$isLegacyInternal() && t1.$index($arguments, 1).$eq(0, B.C__SassNull0))
+        space = B.HslColorSpace_JQ20;
+      else {
+        t3 = t1.$index($arguments, 1).assertString$1(_s5_);
+        t3.assertUnquoted$1(_s5_);
+        space = A.ColorSpace_fromName0(t3._string0$_text, _s5_);
+      }
+      if (!space.get$isPolarInternal())
+        throw A.wrapException(A.SassScriptException$0("Color space " + space.toString$0(0) + " doesn't have a hue channel.", _s5_));
+      colorInSpace = color.toSpace$2$legacyMissing(space, !t1.$index($arguments, 1).$eq(0, B.C__SassNull0));
+      t1 = space._space$_channels;
+      t3 = colorInSpace.channel0OrNull;
+      t4 = colorInSpace.channel1OrNull;
+      t5 = colorInSpace.channel2OrNull;
+      t6 = colorInSpace.alphaOrNull;
+      return (space.get$isLegacyInternal() ? A.SassColor_SassColor$forSpaceInternal0(space, A._adjustChannel0(colorInSpace, t1[0], t3, A.SassNumber_SassNumber0(180, null)), t4, t5, t6) : A.SassColor_SassColor$forSpaceInternal0(space, t3, t4, A._adjustChannel0(colorInSpace, t1[2], t5, A.SassNumber_SassNumber0(180, null)), t6)).toSpace$2$legacyMissing(t2, false);
+    },
+    $signature: 25
+  };
+  A._adjust_closure0.prototype = {
+    call$1($arguments) {
+      return A._updateComponents0($arguments, true, false, false);
+    },
+    $signature: 25
+  };
+  A._scale_closure0.prototype = {
+    call$1($arguments) {
+      return A._updateComponents0($arguments, false, false, true);
+    },
+    $signature: 25
+  };
+  A._change_closure0.prototype = {
+    call$1($arguments) {
+      return A._updateComponents0($arguments, false, true, false);
+    },
+    $signature: 25
+  };
+  A._ieHexStr_closure0.prototype = {
+    call$1($arguments) {
+      var t1, t2, t3, t4, t5,
+        color = J.$index$asx($arguments, 0).assertColor$1("color").toSpace$1(B.RgbColorSpace_i0P0);
+      color = color.get$isInGamut() ? color : B.LocalMindeGamutMap_A2x0.map$1(0, color);
+      t1 = new A._ieHexStr_closure_hexString0();
+      t2 = color.alphaOrNull;
+      t2 = A.S(t1.call$1((t2 == null ? 0 : t2) * 255));
+      t3 = color.channel0OrNull;
+      t3 = A.S(t1.call$1(t3 == null ? 0 : t3));
+      t4 = color.channel1OrNull;
+      t4 = A.S(t1.call$1(t4 == null ? 0 : t4));
+      t5 = color.channel2OrNull;
+      return new A.SassString0("#" + t2 + t3 + t4 + A.S(t1.call$1(t5 == null ? 0 : t5)), false);
+    },
+    $signature: 18
+  };
+  A._ieHexStr_closure_hexString0.prototype = {
+    call$1(component) {
+      return B.JSString_methods.padLeft$2(B.JSInt_methods.toRadixString$1(A.fuzzyRound0(component), 16), 2, "0").toUpperCase();
+    },
+    $signature: 180
+  };
+  A._updateComponents_closure1.prototype = {
+    call$1(space) {
+      return this.originalColor.toSpace$2$legacyMissing(space, false);
+    },
+    $signature: 394
+  };
+  A._updateComponents_closure2.prototype = {
+    call$1(info) {
+      return this._box_0.name === info.name;
+    },
+    $signature: 70
+  };
+  A._changeColor_closure0.prototype = {
+    call$0() {
+      var t1 = this.alphaArg;
+      A.warnForDeprecation0("$alpha: Passing a unit other than % (" + t1.toString$0(0) + string$.x29x20is_d_ + t1.unitSuggestion$1("alpha") + string$.x0a_See_, B.Deprecation_kQr);
+      return t1.valueInRange$3(0, 1, "alpha");
+    },
+    $signature: 185
+  };
+  A._adjustColor_closure0.prototype = {
+    call$1(alpha) {
+      return isNaN(alpha) ? 0 : B.JSNumber_methods.clamp$2(alpha, 0, 1);
+    },
+    $signature: 15
+  };
+  A._functionString_closure0.prototype = {
+    call$1(argument) {
+      return A.serializeValue0(argument, false, true);
+    },
+    $signature: 209
+  };
+  A._removedColorFunction_closure0.prototype = {
+    call$1($arguments) {
+      var t1 = this.name,
+        t2 = J.getInterceptor$asx($arguments),
+        t3 = t2.$index($arguments, 0).toString$0(0),
+        t4 = this.negative ? "-" : "";
+      throw A.wrapException(A.SassScriptException$0("The function " + t1 + string$.x28__isn + t3 + ", $" + this.argument + ": " + t4 + t2.$index($arguments, 1).toString$0(0) + string$.x29x0a_Moro + t1, null));
+    },
+    $signature: 396
+  };
+  A._rgb_closure0.prototype = {
+    call$1(alpha) {
+      var t1 = A._percentageOrUnitless0(alpha.assertNumber$1("alpha"), 1, "alpha");
+      return isNaN(t1) ? 0 : B.JSNumber_methods.clamp$2(t1, 0, 1);
+    },
+    $signature: 210
+  };
+  A._hsl_closure0.prototype = {
+    call$1(alpha) {
+      var t1 = A._percentageOrUnitless0(alpha.assertNumber$1("alpha"), 1, "alpha");
+      return isNaN(t1) ? 0 : B.JSNumber_methods.clamp$2(t1, 0, 1);
+    },
+    $signature: 210
+  };
+  A._parseChannels_closure1.prototype = {
+    call$1($name) {
+      return $name + " channel";
+    },
+    $signature: 6
+  };
+  A._parseChannels_closure2.prototype = {
+    call$1(channel) {
+      return channel.get$isSpecialNumber();
+    },
+    $signature: 52
+  };
+  A._colorFromChannels_closure1.prototype = {
+    call$1(channel0) {
+      return A._angleValue0(channel0, "hue");
+    },
+    $signature: 116
+  };
+  A._colorFromChannels_closure2.prototype = {
+    call$1(channel0) {
+      return A._angleValue0(channel0, "hue");
+    },
+    $signature: 116
+  };
+  A._channelFromValue_closure0.prototype = {
+    call$1(value) {
+      var t1, _0_8, t2, _0_5, _0_8_isSet, lowerClamped, upperClamped, t3,
+        _0_0 = this.channel;
+      $label0$0: {
+        t1 = _0_0 instanceof A.LinearChannel0;
+        if (t1 && _0_0.requiresPercent && !value.hasUnit$1("%"))
+          A.throwExpression(A.SassScriptException$0("Expected " + value.toString$0(0) + ' to have unit "%".', _0_0.name));
+        _0_8 = null;
+        t2 = false;
+        if (t1) {
+          _0_5 = _0_0.lowerClamped;
+          _0_8_isSet = !_0_5;
+          if (_0_8_isSet) {
+            _0_8 = _0_0.upperClamped;
+            t2 = !_0_8;
+          }
+        } else {
+          _0_5 = null;
+          _0_8_isSet = false;
+        }
+        if (t2) {
+          t1 = A._percentageOrUnitless0(value, _0_0.max, _0_0.name);
+          break $label0$0;
+        }
+        if (t1 && !this.clamp) {
+          t1 = A._percentageOrUnitless0(value, _0_0.max, _0_0.name);
+          break $label0$0;
+        }
+        if (t1) {
+          lowerClamped = _0_5;
+          upperClamped = _0_8_isSet ? _0_8 : _0_0.upperClamped;
+          t1 = _0_0.max;
+          t2 = A._percentageOrUnitless0(value, t1, _0_0.name);
+          t3 = lowerClamped ? _0_0.min : -1 / 0;
+          t1 = upperClamped ? t1 : 1 / 0;
+          t1 = isNaN(t2) ? t3 : B.JSNumber_methods.clamp$2(t2, t3, t1);
+          break $label0$0;
+        }
+        t1 = B.JSNumber_methods.$mod(value.coerceValueToUnit$2("deg", _0_0.name), 360);
+        break $label0$0;
+      }
+      return t1;
+    },
+    $signature: 116
+  };
+  A._channelFunction_closure0.prototype = {
+    call$1($arguments) {
+      var _this = this,
+        result = A.SassNumber_SassNumber0(_this.getter.call$1(J.get$first$ax($arguments).assertColor$1("color")), _this.unit),
+        t1 = _this.global ? "" : "color.",
+        t2 = _this.name;
+      A.warnForDeprecation0(t1 + t2 + string$.x28__is_d + t2 + '", $space: ' + _this.space.toString$0(0) + string$.x29x0a_Mor_, B.Deprecation_3bU);
+      return result;
+    },
+    $signature: 22
+  };
+  A._suggestScaleAndAdjust_closure0.prototype = {
+    call$1(channel) {
+      return channel.name === this.channelName;
+    },
+    $signature: 70
+  };
+  A.colorClass_closure.prototype = {
+    call$0() {
+      var t1 = type$.JSClass,
+        jsClass = t1._as(A.allowInteropCaptureThisNamed("sass.SassColor", new A.colorClass__closure())),
+        t2 = type$.String,
+        t3 = type$.Function;
+      A.LinkedHashMap_LinkedHashMap$_literal(["equals", new A.colorClass__closure0(), "hashCode", new A.colorClass__closure1(), "toSpace", new A.colorClass__closure2(), "isInGamut", new A.colorClass__closure3(), "toGamut", new A.colorClass__closure4(), "channel", new A.colorClass__closure5(), "isChannelMissing", new A.colorClass__closure6(), "isChannelPowerless", new A.colorClass__closure7(), "change", new A.colorClass__closure8(), "interpolate", new A.colorClass__closure9()], t2, t3).forEach$1(0, A.JSClassExtension_get_defineMethod(jsClass));
+      A.LinkedHashMap_LinkedHashMap$_literal(["red", new A.colorClass__closure10(), "green", new A.colorClass__closure11(), "blue", new A.colorClass__closure12(), "hue", new A.colorClass__closure13(), "saturation", new A.colorClass__closure14(), "lightness", new A.colorClass__closure15(), "whiteness", new A.colorClass__closure16(), "blackness", new A.colorClass__closure17(), "alpha", new A.colorClass__closure18(), "space", new A.colorClass__closure19(), "isLegacy", new A.colorClass__closure20(), "channelsOrNull", new A.colorClass__closure21(), "channels", new A.colorClass__closure22()], t2, t3).forEach$1(0, A.JSClassExtension_get_defineGetter(jsClass));
+      A.JSClassExtension_injectSuperclass(t1._as(A.SassColor_SassColor$rgbInternal0(0, 0, 0, 1, null).constructor), jsClass);
+      return jsClass;
+    },
+    $signature: 16
+  };
+  A.colorClass__closure.prototype = {
+    call$2($self, options) {
+      var t1, t2, t3, t4, _null = null;
+      switch (A._constructionSpace(options)) {
+        case B.RgbColorSpace_i0P0:
+          A._checkNullAlphaDeprecation(options);
+          t1 = J.getInterceptor$x(options);
+          t2 = t1.get$red(options);
+          t3 = t1.get$green(options);
+          t4 = t1.get$blue(options);
+          t1 = t1.get$alpha(options);
+          return A.SassColor_SassColor$rgbInternal0(t2, t3, t4, A._asBool($.$get$_isUndefined().call$1(t1)) ? 1 : t1, _null);
+        case B.HslColorSpace_JQ20:
+          A._checkNullAlphaDeprecation(options);
+          t1 = J.getInterceptor$x(options);
+          t2 = t1.get$hue(options);
+          t3 = t1.get$saturation(options);
+          t4 = t1.get$lightness(options);
+          t1 = t1.get$alpha(options);
+          return A.SassColor_SassColor$hsl0(t2, t3, t4, A._asBool($.$get$_isUndefined().call$1(t1)) ? 1 : t1);
+        case B.HwbColorSpace_guQ0:
+          A._checkNullAlphaDeprecation(options);
+          t1 = J.getInterceptor$x(options);
+          t2 = t1.get$hue(options);
+          t3 = t1.get$whiteness(options);
+          t4 = t1.get$blackness(options);
+          t1 = t1.get$alpha(options);
+          return A.SassColor_SassColor$hwb0(t2, t3, t4, A._asBool($.$get$_isUndefined().call$1(t1)) ? 1 : t1);
+        case B.LabColorSpace_2nT0:
+          t1 = J.getInterceptor$x(options);
+          t2 = t1.get$lightness(options);
+          t3 = t1.get$a(options);
+          t4 = t1.get$b(options);
+          t1 = t1.get$alpha(options);
+          return A.SassColor$_forSpace0(B.LabColorSpace_2nT0, t2, t3, t4, A._asBool($.$get$_isUndefined().call$1(t1)) ? 1 : t1, _null);
+        case B.OklabColorSpace_5400:
+          t1 = J.getInterceptor$x(options);
+          t2 = t1.get$lightness(options);
+          t3 = t1.get$a(options);
+          t4 = t1.get$b(options);
+          t1 = t1.get$alpha(options);
+          return A.SassColor$_forSpace0(B.OklabColorSpace_5400, t2, t3, t4, A._asBool($.$get$_isUndefined().call$1(t1)) ? 1 : t1, _null);
+        case B.LchColorSpace_Bpv0:
+          t1 = J.getInterceptor$x(options);
+          t2 = t1.get$lightness(options);
+          t3 = t1.get$chroma(options);
+          t4 = t1.get$hue(options);
+          t1 = t1.get$alpha(options);
+          return A.SassColor_SassColor$forSpaceInternal0(B.LchColorSpace_Bpv0, t2, t3, t4, A._asBool($.$get$_isUndefined().call$1(t1)) ? 1 : t1);
+        case B.OklchColorSpace_9Gj0:
+          t1 = J.getInterceptor$x(options);
+          t2 = t1.get$lightness(options);
+          t3 = t1.get$chroma(options);
+          t4 = t1.get$hue(options);
+          t1 = t1.get$alpha(options);
+          return A.SassColor_SassColor$forSpaceInternal0(B.OklchColorSpace_9Gj0, t2, t3, t4, A._asBool($.$get$_isUndefined().call$1(t1)) ? 1 : t1);
+        case B.SrgbColorSpace_thf0:
+          t1 = J.getInterceptor$x(options);
+          t2 = t1.get$red(options);
+          t3 = t1.get$green(options);
+          t4 = t1.get$blue(options);
+          t1 = t1.get$alpha(options);
+          return A.SassColor$_forSpace0(B.SrgbColorSpace_thf0, t2, t3, t4, A._asBool($.$get$_isUndefined().call$1(t1)) ? 1 : t1, _null);
+        case B.SrgbLinearColorSpace_kUj0:
+          t1 = J.getInterceptor$x(options);
+          t2 = t1.get$red(options);
+          t3 = t1.get$green(options);
+          t4 = t1.get$blue(options);
+          t1 = t1.get$alpha(options);
+          return A.SassColor$_forSpace0(B.SrgbLinearColorSpace_kUj0, t2, t3, t4, A._asBool($.$get$_isUndefined().call$1(t1)) ? 1 : t1, _null);
+        case B.DisplayP3ColorSpace_MmT0:
+          t1 = J.getInterceptor$x(options);
+          t2 = t1.get$red(options);
+          t3 = t1.get$green(options);
+          t4 = t1.get$blue(options);
+          t1 = t1.get$alpha(options);
+          return A.SassColor$_forSpace0(B.DisplayP3ColorSpace_MmT0, t2, t3, t4, A._asBool($.$get$_isUndefined().call$1(t1)) ? 1 : t1, _null);
+        case B.A98RgbColorSpace_lf20:
+          t1 = J.getInterceptor$x(options);
+          t2 = t1.get$red(options);
+          t3 = t1.get$green(options);
+          t4 = t1.get$blue(options);
+          t1 = t1.get$alpha(options);
+          return A.SassColor$_forSpace0(B.A98RgbColorSpace_lf20, t2, t3, t4, A._asBool($.$get$_isUndefined().call$1(t1)) ? 1 : t1, _null);
+        case B.ProphotoRgbColorSpace_BDz0:
+          t1 = J.getInterceptor$x(options);
+          t2 = t1.get$red(options);
+          t3 = t1.get$green(options);
+          t4 = t1.get$blue(options);
+          t1 = t1.get$alpha(options);
+          return A.SassColor$_forSpace0(B.ProphotoRgbColorSpace_BDz0, t2, t3, t4, A._asBool($.$get$_isUndefined().call$1(t1)) ? 1 : t1, _null);
+        case B.Rec2020ColorSpace_6oo0:
+          t1 = J.getInterceptor$x(options);
+          t2 = t1.get$red(options);
+          t3 = t1.get$green(options);
+          t4 = t1.get$blue(options);
+          t1 = t1.get$alpha(options);
+          return A.SassColor$_forSpace0(B.Rec2020ColorSpace_6oo0, t2, t3, t4, A._asBool($.$get$_isUndefined().call$1(t1)) ? 1 : t1, _null);
+        case B.XyzD50ColorSpace_2OB0:
+          t1 = J.getInterceptor$x(options);
+          t2 = t1.get$x(options);
+          t3 = t1.get$y(options);
+          t4 = t1.get$z(options);
+          t1 = t1.get$alpha(options);
+          return A.SassColor$_forSpace0(B.XyzD50ColorSpace_2OB0, t2, t3, t4, A._asBool($.$get$_isUndefined().call$1(t1)) ? 1 : t1, _null);
+        case B.XyzD65ColorSpace_WiJ0:
+          t1 = J.getInterceptor$x(options);
+          t2 = t1.get$x(options);
+          t3 = t1.get$y(options);
+          t4 = t1.get$z(options);
+          t1 = t1.get$alpha(options);
+          return A.SassColor$_forSpace0(B.XyzD65ColorSpace_WiJ0, t2, t3, t4, A._asBool($.$get$_isUndefined().call$1(t1)) ? 1 : t1, _null);
+        default:
+          throw A.wrapException("Unreachable");
+      }
+    },
+    $signature: 399
+  };
+  A.colorClass__closure0.prototype = {
+    call$2($self, other) {
+      return $self.$eq(0, other);
+    },
+    $signature: 400
+  };
+  A.colorClass__closure1.prototype = {
+    call$1($self) {
+      return $self.get$hashCode(0);
+    },
+    $signature: 40
+  };
+  A.colorClass__closure2.prototype = {
+    call$2($self, space) {
+      return A._toSpace($self, space);
+    },
+    $signature: 401
+  };
+  A.colorClass__closure3.prototype = {
+    call$2($self, space) {
+      return A._toSpace($self, space).get$isInGamut();
+    },
+    call$1($self) {
+      return this.call$2($self, null);
+    },
+    "call*": "call$2",
+    $requiredArgCount: 1,
+    $defaultValues() {
+      return [null];
+    },
+    $signature: 402
+  };
+  A.colorClass__closure4.prototype = {
+    call$2($self, options) {
+      var t1 = J.getInterceptor$x(options),
+        t2 = A._toSpace($self, t1.get$space(options));
+      t1 = A.GamutMapMethod_GamutMapMethod$fromName0(t1.get$method(options));
+      t1 = t2.get$isInGamut() ? t2 : t1.map$1(0, t2);
+      return t1.toSpace$1($self._color0$_space);
+    },
+    $signature: 403
+  };
+  A.colorClass__closure5.prototype = {
+    call$3($self, channel, options) {
+      return A._toSpace($self, options == null ? null : J.get$space$x(options)).channel$1(0, channel);
+    },
+    call$2($self, channel) {
+      return this.call$3($self, channel, null);
+    },
+    "call*": "call$3",
+    $requiredArgCount: 2,
+    $defaultValues() {
+      return [null];
+    },
+    $signature: 404
+  };
+  A.colorClass__closure6.prototype = {
+    call$2($self, channel) {
+      return $self.isChannelMissing$1(channel);
+    },
+    $signature: 405
+  };
+  A.colorClass__closure7.prototype = {
+    call$3($self, channel, options) {
+      return A._toSpace($self, options == null ? null : J.get$space$x(options)).isChannelPowerless$1(channel);
+    },
+    call$2($self, channel) {
+      return this.call$3($self, channel, null);
+    },
+    "call*": "call$3",
+    $requiredArgCount: 2,
+    $defaultValues() {
+      return [null];
+    },
+    $signature: 406
+  };
+  A.colorClass__closure8.prototype = {
+    call$2($self, options) {
+      var t3, space, t4, t5, t6, color, changedValue, _0_2, changedColor, _0_4, _0_6, _null = null,
+        _s9_ = "whiteness",
+        _s9_0 = "blackness",
+        _s3_ = "hue",
+        _s10_ = "saturation",
+        _s9_1 = "lightness",
+        _s3_0 = "red", _s5_ = "green", _s4_ = "blue", _s5_0 = "alpha",
+        _s106_ = string$.Passin_,
+        _s105_ = "Passing `hue: null` without setting `space` is deprecated.\nMore info: https://sass-lang.com/d/color-4-api",
+        t1 = J.getInterceptor$x(options),
+        t2 = t1.get$space(options) == null,
+        spaceSetExplicitly = !t2;
+      if (spaceSetExplicitly) {
+        t3 = t1.get$space(options);
+        t3.toString;
+        space = A.ColorSpace_fromName0(t3, _null);
+      } else
+        space = $self._color0$_space;
+      t3 = $self._color0$_space;
+      if (t3.get$isLegacyInternal() && t2) {
+        if ("whiteness" in options || "blackness" in options)
+          space = B.HwbColorSpace_guQ0;
+        else if ("hue" in options && t3 === B.HwbColorSpace_guQ0)
+          space = B.HwbColorSpace_guQ0;
+        else if ("hue" in options || "saturation" in options || "lightness" in options)
+          space = B.HslColorSpace_JQ20;
+        else if ("red" in options || "green" in options || "blue" in options)
+          space = B.RgbColorSpace_i0P0;
+        if (space !== t3)
+          A.warnForDeprecationFromApi("Changing a channel not in this color's space without explicitly specifying the `space` option is deprecated.\nMore info: https://sass-lang.com/d/color-4-api", B.Deprecation_bXJ);
+      }
+      for (t2 = J.get$iterator$ax(self.Object.keys(options)), t4 = space._space$_channels, t5 = type$.JSArray_String; t2.moveNext$0();) {
+        t6 = t2.get$current(t2);
+        if (B.JSArray_methods.contains$1(A._setArrayType(["alpha", "space"], t5), t6))
+          continue;
+        if (!B.JSArray_methods.any$1(t4, new A.colorClass___closure(t6)))
+          A.jsThrow(new self.Error("`" + t6 + "` is not a valid channel in `" + space.toString$0(0) + "`."));
+      }
+      color = $self.toSpace$1(space);
+      changedValue = new A.colorClass__closure_changedValue(color, options);
+      $label0$2: {
+        _0_2 = B.HslColorSpace_JQ20 === space;
+        if (_0_2 && spaceSetExplicitly) {
+          changedColor = A.SassColor_SassColor$hsl0(changedValue.call$1(_s3_), changedValue.call$1(_s10_), changedValue.call$1(_s9_1), changedValue.call$1(_s5_0));
+          break $label0$2;
+        }
+        if (_0_2) {
+          t2 = t1.get$hue(options);
+          t4 = $.$get$_isNull();
+          if (A._asBool(t4.call$1(t2)))
+            A.warnForDeprecationFromApi(_s105_, B.Deprecation_bXJ);
+          else if (A._asBool(t4.call$1(t1.get$saturation(options))))
+            A.warnForDeprecationFromApi("Passing `saturation: null` without setting `space` is deprecated.\nMore info: https://sass-lang.com/d/color-4-api", B.Deprecation_bXJ);
+          else if (A._asBool(t4.call$1(t1.get$lightness(options))))
+            A.warnForDeprecationFromApi("Passing `lightness: null` without setting `space` is deprecated.\nMore info: https://sass-lang.com/d/color-4-api", B.Deprecation_bXJ);
+          if (A._asBool(t4.call$1(t1.get$alpha(options))))
+            A.warnForDeprecationFromApi(_s106_, B.Deprecation_gC3);
+          t2 = t1.get$hue(options);
+          if (t2 == null)
+            t2 = color.channel$1(0, _s3_);
+          t4 = t1.get$saturation(options);
+          if (t4 == null)
+            t4 = color.channel$1(0, _s10_);
+          t5 = t1.get$lightness(options);
+          if (t5 == null)
+            t5 = color.channel$1(0, _s9_1);
+          t1 = t1.get$alpha(options);
+          changedColor = A.SassColor_SassColor$hsl0(t2, t4, t5, t1 == null ? color.channel$1(0, _s5_0) : t1);
+          break $label0$2;
+        }
+        _0_4 = B.HwbColorSpace_guQ0 === space;
+        if (_0_4 && spaceSetExplicitly) {
+          changedColor = A.SassColor_SassColor$hwb0(changedValue.call$1(_s3_), changedValue.call$1(_s9_), changedValue.call$1(_s9_0), changedValue.call$1(_s5_0));
+          break $label0$2;
+        }
+        if (_0_4) {
+          t2 = t1.get$hue(options);
+          t4 = $.$get$_isNull();
+          if (A._asBool(t4.call$1(t2)))
+            A.warnForDeprecationFromApi(_s105_, B.Deprecation_bXJ);
+          else if (A._asBool(t4.call$1(t1.get$whiteness(options))))
+            A.warnForDeprecationFromApi("Passing `whiteness: null` without setting `space` is deprecated.\nMore info: https://sass-lang.com/d/color-4-api", B.Deprecation_bXJ);
+          else if (A._asBool(t4.call$1(t1.get$blackness(options))))
+            A.warnForDeprecationFromApi("Passing `blackness: null` without setting `space` is deprecated.\nMore info: https://sass-lang.com/d/color-4-api", B.Deprecation_bXJ);
+          if (A._asBool(t4.call$1(t1.get$alpha(options))))
+            A.warnForDeprecationFromApi(_s106_, B.Deprecation_gC3);
+          t2 = t1.get$hue(options);
+          if (t2 == null)
+            t2 = color.channel$1(0, _s3_);
+          t4 = t1.get$whiteness(options);
+          if (t4 == null)
+            t4 = color.channel$1(0, _s9_);
+          t5 = t1.get$blackness(options);
+          if (t5 == null)
+            t5 = color.channel$1(0, _s9_0);
+          t1 = t1.get$alpha(options);
+          changedColor = A.SassColor_SassColor$hwb0(t2, t4, t5, t1 == null ? color.channel$1(0, _s5_0) : t1);
+          break $label0$2;
+        }
+        _0_6 = B.RgbColorSpace_i0P0 === space;
+        if (_0_6 && spaceSetExplicitly) {
+          changedColor = A.SassColor_SassColor$rgbInternal0(changedValue.call$1(_s3_0), changedValue.call$1(_s5_), changedValue.call$1(_s4_), changedValue.call$1(_s5_0), _null);
+          break $label0$2;
+        }
+        if (_0_6) {
+          t2 = t1.get$red(options);
+          t4 = $.$get$_isNull();
+          if (A._asBool(t4.call$1(t2)))
+            A.warnForDeprecationFromApi("Passing `red: null` without setting `space` is deprecated.\nMore info: https://sass-lang.com/d/color-4-api", B.Deprecation_bXJ);
+          else if (A._asBool(t4.call$1(t1.get$green(options))))
+            A.warnForDeprecationFromApi("Passing `green: null` without setting `space` is deprecated.\nMore info: https://sass-lang.com/d/color-4-api", B.Deprecation_bXJ);
+          else if (A._asBool(t4.call$1(t1.get$blue(options))))
+            A.warnForDeprecationFromApi("Passing `blue: null` without setting `space` is deprecated.\nMore info: https://sass-lang.com/d/color-4-api", B.Deprecation_bXJ);
+          if (A._asBool(t4.call$1(t1.get$alpha(options))))
+            A.warnForDeprecationFromApi(_s106_, B.Deprecation_gC3);
+          t2 = t1.get$red(options);
+          if (t2 == null)
+            t2 = color.channel$1(0, _s3_0);
+          t4 = t1.get$green(options);
+          if (t4 == null)
+            t4 = color.channel$1(0, _s5_);
+          t5 = t1.get$blue(options);
+          if (t5 == null)
+            t5 = color.channel$1(0, _s4_);
+          t1 = t1.get$alpha(options);
+          changedColor = A.SassColor_SassColor$rgbInternal0(t2, t4, t5, t1 == null ? color.channel$1(0, _s5_0) : t1, _null);
+          break $label0$2;
+        }
+        if (B.LabColorSpace_2nT0 === space) {
+          changedColor = A.SassColor$_forSpace0(B.LabColorSpace_2nT0, changedValue.call$1(_s9_1), changedValue.call$1("a"), changedValue.call$1("b"), changedValue.call$1(_s5_0), _null);
+          break $label0$2;
+        }
+        if (B.OklabColorSpace_5400 === space) {
+          changedColor = A.SassColor$_forSpace0(B.OklabColorSpace_5400, changedValue.call$1(_s9_1), changedValue.call$1("a"), changedValue.call$1("b"), changedValue.call$1(_s5_0), _null);
+          break $label0$2;
+        }
+        if (B.LchColorSpace_Bpv0 === space) {
+          changedColor = A.SassColor_SassColor$forSpaceInternal0(B.LchColorSpace_Bpv0, changedValue.call$1(_s9_1), changedValue.call$1("chroma"), changedValue.call$1(_s3_), changedValue.call$1(_s5_0));
+          break $label0$2;
+        }
+        if (B.OklchColorSpace_9Gj0 === space) {
+          changedColor = A.SassColor_SassColor$forSpaceInternal0(B.OklchColorSpace_9Gj0, changedValue.call$1(_s9_1), changedValue.call$1("chroma"), changedValue.call$1(_s3_), changedValue.call$1(_s5_0));
+          break $label0$2;
+        }
+        if (B.A98RgbColorSpace_lf20 === space) {
+          changedColor = A.SassColor$_forSpace0(B.A98RgbColorSpace_lf20, changedValue.call$1(_s3_0), changedValue.call$1(_s5_), changedValue.call$1(_s4_), changedValue.call$1(_s5_0), _null);
+          break $label0$2;
+        }
+        if (B.DisplayP3ColorSpace_MmT0 === space) {
+          changedColor = A.SassColor$_forSpace0(B.DisplayP3ColorSpace_MmT0, changedValue.call$1(_s3_0), changedValue.call$1(_s5_), changedValue.call$1(_s4_), changedValue.call$1(_s5_0), _null);
+          break $label0$2;
+        }
+        if (B.ProphotoRgbColorSpace_BDz0 === space) {
+          changedColor = A.SassColor$_forSpace0(B.ProphotoRgbColorSpace_BDz0, changedValue.call$1(_s3_0), changedValue.call$1(_s5_), changedValue.call$1(_s4_), changedValue.call$1(_s5_0), _null);
+          break $label0$2;
+        }
+        if (B.Rec2020ColorSpace_6oo0 === space) {
+          changedColor = A.SassColor$_forSpace0(B.Rec2020ColorSpace_6oo0, changedValue.call$1(_s3_0), changedValue.call$1(_s5_), changedValue.call$1(_s4_), changedValue.call$1(_s5_0), _null);
+          break $label0$2;
+        }
+        if (B.SrgbColorSpace_thf0 === space) {
+          changedColor = A.SassColor$_forSpace0(B.SrgbColorSpace_thf0, changedValue.call$1(_s3_0), changedValue.call$1(_s5_), changedValue.call$1(_s4_), changedValue.call$1(_s5_0), _null);
+          break $label0$2;
+        }
+        if (B.SrgbLinearColorSpace_kUj0 === space) {
+          changedColor = A.SassColor$_forSpace0(B.SrgbLinearColorSpace_kUj0, changedValue.call$1(_s3_0), changedValue.call$1(_s5_), changedValue.call$1(_s4_), changedValue.call$1(_s5_0), _null);
+          break $label0$2;
+        }
+        if (B.XyzD50ColorSpace_2OB0 === space) {
+          changedColor = A.SassColor_SassColor$forSpaceInternal0(space, changedValue.call$1("x"), changedValue.call$1("y"), changedValue.call$1("z"), changedValue.call$1(_s5_0));
+          break $label0$2;
+        }
+        if (B.XyzD65ColorSpace_WiJ0 === space) {
+          changedColor = A.SassColor_SassColor$forSpaceInternal0(space, changedValue.call$1("x"), changedValue.call$1("y"), changedValue.call$1("z"), changedValue.call$1(_s5_0));
+          break $label0$2;
+        }
+        throw A.wrapException("No space set");
+      }
+      return changedColor.toSpace$1(t3);
+    },
+    $signature: 407
+  };
+  A.colorClass___closure.prototype = {
+    call$1(channel) {
+      return channel.name === this.key;
+    },
+    $signature: 70
+  };
+  A.colorClass__closure_changedValue.prototype = {
+    call$1(channel) {
+      var t2,
+        t1 = this.options;
+      if (channel in t1) {
+        t2 = t1[channel];
+        t2 = !A._asBool($.$get$_isUndefined().call$1(t2));
+      } else
+        t2 = false;
+      return t2 ? t1[channel] : this.color.channel$1(0, channel);
+    },
+    $signature: 408
+  };
+  A.colorClass__closure9.prototype = {
+    call$3($self, color2, options) {
+      var interpolationMethod, t2,
+        t1 = options == null,
+        _1_0 = t1 ? null : J.get$method$x(options);
+      if (_1_0 != null)
+        interpolationMethod = A.InterpolationMethod$0($self._color0$_space, A.EnumByName_byName(B.List_nm2, _1_0));
+      else {
+        t2 = $self._color0$_space;
+        interpolationMethod = !t2.get$isPolarInternal() ? A.InterpolationMethod$0(t2, null) : A.InterpolationMethod$0(t2, B.HueInterpolationMethod_00);
+      }
+      return $self.interpolate$3$weight(color2, interpolationMethod, t1 ? null : J.get$weight$x(options));
+    },
+    call$2($self, color2) {
+      return this.call$3($self, color2, null);
+    },
+    "call*": "call$3",
+    $requiredArgCount: 2,
+    $defaultValues() {
+      return [null];
+    },
+    $signature: 409
+  };
+  A.colorClass__closure10.prototype = {
+    call$1($self) {
+      A.warnForDeprecationFromApi("red is deprecated, use `channel` instead.\nMore info: https://sass-lang.com/d/color-4-api", B.Deprecation_bXJ);
+      return B.JSNumber_methods.round$0($self._color0$_legacyChannel$2(B.RgbColorSpace_i0P0, "red"));
+    },
+    $signature: 40
+  };
+  A.colorClass__closure11.prototype = {
+    call$1($self) {
+      A.warnForDeprecationFromApi("green is deprecated, use `channel` instead.\nMore info: https://sass-lang.com/d/color-4-api", B.Deprecation_bXJ);
+      return B.JSNumber_methods.round$0($self._color0$_legacyChannel$2(B.RgbColorSpace_i0P0, "green"));
+    },
+    $signature: 40
+  };
+  A.colorClass__closure12.prototype = {
+    call$1($self) {
+      A.warnForDeprecationFromApi("blue is deprecated, use `channel` instead.\nMore info: https://sass-lang.com/d/color-4-api", B.Deprecation_bXJ);
+      return B.JSNumber_methods.round$0($self._color0$_legacyChannel$2(B.RgbColorSpace_i0P0, "blue"));
+    },
+    $signature: 40
+  };
+  A.colorClass__closure13.prototype = {
+    call$1($self) {
+      A.warnForDeprecationFromApi("hue is deprecated, use `channel` instead.\nMore info: https://sass-lang.com/d/color-4-api", B.Deprecation_bXJ);
+      return $self._color0$_legacyChannel$2(B.HslColorSpace_JQ20, "hue");
+    },
+    $signature: 32
+  };
+  A.colorClass__closure14.prototype = {
+    call$1($self) {
+      A.warnForDeprecationFromApi("saturation is deprecated, use `channel` instead.\nMore info: https://sass-lang.com/d/color-4-api", B.Deprecation_bXJ);
+      return $self._color0$_legacyChannel$2(B.HslColorSpace_JQ20, "saturation");
+    },
+    $signature: 32
+  };
+  A.colorClass__closure15.prototype = {
+    call$1($self) {
+      A.warnForDeprecationFromApi("lightness is deprecated, use `channel` instead.\nMore info: https://sass-lang.com/d/color-4-api", B.Deprecation_bXJ);
+      return $self._color0$_legacyChannel$2(B.HslColorSpace_JQ20, "lightness");
+    },
+    $signature: 32
+  };
+  A.colorClass__closure16.prototype = {
+    call$1($self) {
+      A.warnForDeprecationFromApi("whiteness is deprecated, use `channel` instead.\nMore info: https://sass-lang.com/d/color-4-api", B.Deprecation_bXJ);
+      return $self._color0$_legacyChannel$2(B.HwbColorSpace_guQ0, "whiteness");
+    },
+    $signature: 32
+  };
+  A.colorClass__closure17.prototype = {
+    call$1($self) {
+      A.warnForDeprecationFromApi("blackness is deprecated, use `channel` instead.\nMore info: https://sass-lang.com/d/color-4-api", B.Deprecation_bXJ);
+      return $self._color0$_legacyChannel$2(B.HwbColorSpace_guQ0, "blackness");
+    },
+    $signature: 32
+  };
+  A.colorClass__closure18.prototype = {
+    call$1($self) {
+      var t1 = $self.alphaOrNull;
+      return t1 == null ? 0 : t1;
+    },
+    $signature: 32
+  };
+  A.colorClass__closure19.prototype = {
+    call$1($self) {
+      return $self._color0$_space.name;
+    },
+    $signature: 410
+  };
+  A.colorClass__closure20.prototype = {
+    call$1($self) {
+      return $self._color0$_space.get$isLegacyInternal();
+    },
+    $signature: 411
+  };
+  A.colorClass__closure21.prototype = {
+    call$1($self) {
+      return new self.immutable.List($self.get$channelsOrNull());
+    },
+    $signature: 212
+  };
+  A.colorClass__closure22.prototype = {
+    call$1($self) {
+      return new self.immutable.List($self.get$channels());
+    },
+    $signature: 212
+  };
+  A._Channels.prototype = {};
+  A._ConstructionOptions.prototype = {};
+  A._ChannelOptions.prototype = {};
+  A._ToGamutOptions.prototype = {};
+  A._InterpolationOptions.prototype = {};
+  A._NodeSassColor.prototype = {};
+  A.legacyColorClass_closure.prototype = {
+    call$6(thisArg, redOrArgb, green, blue, alpha, dartValue) {
+      var red, t1, t2, t3, t4;
+      if (dartValue != null) {
+        J.set$dartValue$x(thisArg, dartValue);
+        return;
+      }
+      if (green == null || blue == null) {
+        A._asInt(redOrArgb);
+        alpha = B.JSInt_methods._shrOtherPositive$1(redOrArgb, 24) / 255;
+        red = B.JSInt_methods.$mod(B.JSInt_methods._shrOtherPositive$1(redOrArgb, 16), 256);
+        green = B.JSInt_methods.$mod(B.JSInt_methods._shrOtherPositive$1(redOrArgb, 8), 256);
+        blue = B.JSInt_methods.$mod(redOrArgb, 256);
+      } else {
+        redOrArgb.toString;
+        red = redOrArgb;
+      }
+      t1 = A.fuzzyRound0(isNaN(red) ? 0 : B.JSNumber_methods.clamp$2(red, 0, 255));
+      t2 = A.fuzzyRound0(isNaN(green) ? 0 : B.JSNumber_methods.clamp$2(green, 0, 255));
+      t3 = A.fuzzyRound0(isNaN(blue) ? 0 : B.JSNumber_methods.clamp$2(blue, 0, 255));
+      t4 = A.NullableExtension_andThen0(alpha, new A.legacyColorClass__closure());
+      J.set$dartValue$x(thisArg, A.SassColor_SassColor$rgbInternal0(t1, t2, t3, t4 == null ? 1 : t4, null));
+    },
+    call$2(thisArg, redOrArgb) {
+      var _null = null;
+      return this.call$6(thisArg, redOrArgb, _null, _null, _null, _null);
+    },
+    call$3(thisArg, redOrArgb, green) {
+      return this.call$6(thisArg, redOrArgb, green, null, null, null);
+    },
+    call$4(thisArg, redOrArgb, green, blue) {
+      return this.call$6(thisArg, redOrArgb, green, blue, null, null);
+    },
+    call$5(thisArg, redOrArgb, green, blue, alpha) {
+      return this.call$6(thisArg, redOrArgb, green, blue, alpha, null);
+    },
+    "call*": "call$6",
+    $requiredArgCount: 2,
+    $defaultValues() {
+      return [null, null, null, null];
+    },
+    $signature: 413
+  };
+  A.legacyColorClass__closure.prototype = {
+    call$1(alpha) {
+      return isNaN(alpha) ? 0 : B.JSNumber_methods.clamp$2(alpha, 0, 1);
+    },
+    $signature: 414
+  };
+  A.legacyColorClass_closure0.prototype = {
+    call$1(thisArg) {
+      return B.JSNumber_methods.round$0(J.get$dartValue$x(thisArg)._color0$_legacyChannel$2(B.RgbColorSpace_i0P0, "red"));
+    },
+    $signature: 130
+  };
+  A.legacyColorClass_closure1.prototype = {
+    call$1(thisArg) {
+      return B.JSNumber_methods.round$0(J.get$dartValue$x(thisArg)._color0$_legacyChannel$2(B.RgbColorSpace_i0P0, "green"));
+    },
+    $signature: 130
+  };
+  A.legacyColorClass_closure2.prototype = {
+    call$1(thisArg) {
+      return B.JSNumber_methods.round$0(J.get$dartValue$x(thisArg)._color0$_legacyChannel$2(B.RgbColorSpace_i0P0, "blue"));
+    },
+    $signature: 130
+  };
+  A.legacyColorClass_closure3.prototype = {
+    call$1(thisArg) {
+      var t1 = J.get$dartValue$x(thisArg).alphaOrNull;
+      return t1 == null ? 0 : t1;
+    },
+    $signature: 416
+  };
+  A.legacyColorClass_closure4.prototype = {
+    call$2(thisArg, value) {
+      var t1 = J.getInterceptor$x(thisArg),
+        t2 = t1.get$dartValue(thisArg);
+      t1.set$dartValue(thisArg, t2.changeRgb$1$red(A.fuzzyRound0(isNaN(value) ? 0 : B.JSNumber_methods.clamp$2(value, 0, 255))));
+    },
+    $signature: 112
+  };
+  A.legacyColorClass_closure5.prototype = {
+    call$2(thisArg, value) {
+      var t1 = J.getInterceptor$x(thisArg),
+        t2 = t1.get$dartValue(thisArg);
+      t1.set$dartValue(thisArg, t2.changeRgb$1$green(A.fuzzyRound0(isNaN(value) ? 0 : B.JSNumber_methods.clamp$2(value, 0, 255))));
+    },
+    $signature: 112
+  };
+  A.legacyColorClass_closure6.prototype = {
+    call$2(thisArg, value) {
+      var t1 = J.getInterceptor$x(thisArg),
+        t2 = t1.get$dartValue(thisArg);
+      t1.set$dartValue(thisArg, t2.changeRgb$1$blue(A.fuzzyRound0(isNaN(value) ? 0 : B.JSNumber_methods.clamp$2(value, 0, 255))));
+    },
+    $signature: 112
+  };
+  A.legacyColorClass_closure7.prototype = {
+    call$2(thisArg, value) {
+      var t1 = J.getInterceptor$x(thisArg),
+        t2 = t1.get$dartValue(thisArg);
+      t1.set$dartValue(thisArg, t2.changeRgb$1$alpha(isNaN(value) ? 0 : B.JSNumber_methods.clamp$2(value, 0, 1)));
+    },
+    $signature: 112
+  };
+  A.SassColor0.prototype = {
+    get$channels() {
+      var t2, t3,
+        t1 = this.channel0OrNull;
+      if (t1 == null)
+        t1 = 0;
+      t2 = this.channel1OrNull;
+      if (t2 == null)
+        t2 = 0;
+      t3 = this.channel2OrNull;
+      return A.List_List$unmodifiable([t1, t2, t3 == null ? 0 : t3], type$.double);
+    },
+    get$channelsOrNull() {
+      return A.List_List$unmodifiable([this.channel0OrNull, this.channel1OrNull, this.channel2OrNull], type$.nullable_double);
+    },
+    get$isChannel0Powerless() {
+      var t1, t2, _this = this,
+        _0_0 = _this._color0$_space;
+      $label0$0: {
+        if (B.HslColorSpace_JQ20 === _0_0) {
+          t1 = _this.channel1OrNull;
+          t1 = A.fuzzyEquals0(t1 == null ? 0 : t1, 0);
+          break $label0$0;
+        }
+        if (B.HwbColorSpace_guQ0 === _0_0) {
+          t1 = _this.channel1OrNull;
+          if (t1 == null)
+            t1 = 0;
+          t2 = _this.channel2OrNull;
+          t1 += t2 == null ? 0 : t2;
+          t1 = t1 > 100 || A.fuzzyEquals0(t1, 100);
+          break $label0$0;
+        }
+        t1 = false;
+        break $label0$0;
+      }
+      return t1;
+    },
+    get$isChannel2Powerless() {
+      var t1,
+        _0_0 = this._color0$_space;
+      $label0$0: {
+        if (B.LchColorSpace_Bpv0 === _0_0 || B.OklchColorSpace_9Gj0 === _0_0) {
+          t1 = this.channel1OrNull;
+          t1 = A.fuzzyEquals0(t1 == null ? 0 : t1, 0);
+          break $label0$0;
+        }
+        t1 = false;
+        break $label0$0;
+      }
+      return t1;
+    },
+    get$isInGamut() {
+      var t2, t3, _this = this,
+        t1 = _this._color0$_space;
+      if (!t1.get$isBoundedInternal())
+        return true;
+      t2 = _this.channel0OrNull;
+      if (t2 == null)
+        t2 = 0;
+      t1 = t1._space$_channels;
+      t3 = false;
+      if (_this._color0$_isChannelInGamut$2(t2, t1[0])) {
+        t2 = _this.channel1OrNull;
+        if (t2 == null)
+          t2 = 0;
+        if (_this._color0$_isChannelInGamut$2(t2, t1[1])) {
+          t2 = _this.channel2OrNull;
+          if (t2 == null)
+            t2 = 0;
+          t1 = _this._color0$_isChannelInGamut$2(t2, t1[2]);
+        } else
+          t1 = t3;
+      } else
+        t1 = t3;
+      return t1;
+    },
+    _color0$_isChannelInGamut$2(value, channel) {
+      var min, max, t1;
+      $label0$0: {
+        if (channel instanceof A.LinearChannel0) {
+          min = channel.min;
+          max = channel.max;
+          if (value < max || A.fuzzyEquals0(value, max))
+            t1 = value > min || A.fuzzyEquals0(value, min);
+          else
+            t1 = false;
+          break $label0$0;
+        }
+        t1 = true;
+        break $label0$0;
+      }
+      return t1;
+    },
+    accept$1$1(visitor) {
+      return visitor.visitColor$1(this);
+    },
+    accept$1(visitor) {
+      return this.accept$1$1(visitor, type$.dynamic);
+    },
+    assertColor$1($name) {
+      return this;
+    },
+    assertLegacy$1($name) {
+      if (this._color0$_space.get$isLegacyInternal())
+        return;
+      throw A.wrapException(A.SassScriptException$0("Expected " + this.toString$0(0) + string$.x20to_be, $name));
+    },
+    channel$1(_, channel) {
+      var t1, _this = this,
+        channels = _this._color0$_space._space$_channels;
+      if (channel === channels[0].name) {
+        t1 = _this.channel0OrNull;
+        return t1 == null ? 0 : t1;
+      }
+      if (channel === channels[1].name) {
+        t1 = _this.channel1OrNull;
+        return t1 == null ? 0 : t1;
+      }
+      if (channel === channels[2].name) {
+        t1 = _this.channel2OrNull;
+        return t1 == null ? 0 : t1;
+      }
+      if (channel === "alpha") {
+        t1 = _this.alphaOrNull;
+        return t1 == null ? 0 : t1;
+      }
+      throw A.wrapException(A.SassScriptException$0("Color " + _this.toString$0(0) + " doesn't have a channel named \"" + channel + '".', null));
+    },
+    isChannelMissing$3$channelName$colorName(channel, channelName, colorName) {
+      var _this = this,
+        channels = _this._color0$_space._space$_channels;
+      if (channel === channels[0].name)
+        return _this.channel0OrNull == null;
+      if (channel === channels[1].name)
+        return _this.channel1OrNull == null;
+      if (channel === channels[2].name)
+        return _this.channel2OrNull == null;
+      if (channel === "alpha")
+        return _this.alphaOrNull == null;
+      throw A.wrapException(A.SassScriptException$0("Color " + _this.toString$0(0) + " doesn't have a channel named \"" + channel + '".', channelName));
+    },
+    isChannelMissing$1(channel) {
+      return this.isChannelMissing$3$channelName$colorName(channel, null, null);
+    },
+    isChannelPowerless$3$channelName$colorName(channel, channelName, colorName) {
+      var _this = this,
+        channels = _this._color0$_space._space$_channels;
+      if (channel === channels[0].name)
+        return _this.get$isChannel0Powerless();
+      if (channel === channels[1].name)
+        return false;
+      if (channel === channels[2].name)
+        return _this.get$isChannel2Powerless();
+      if (channel === "alpha")
+        return false;
+      throw A.wrapException(A.SassScriptException$0("Color " + _this.toString$0(0) + " doesn't have a channel named \"" + channel + '".', channelName));
+    },
+    isChannelPowerless$1(channel) {
+      return this.isChannelPowerless$3$channelName$colorName(channel, null, null);
+    },
+    _color0$_legacyChannel$2(space, channel) {
+      if (!this._color0$_space.get$isLegacyInternal())
+        throw A.wrapException(A.SassScriptException$0("color." + channel + string$.x28__is_oc, null));
+      return this.toSpace$1(space).channel$1(0, channel);
+    },
+    toSpace$2$legacyMissing(space, legacyMissing) {
+      var t2, converted, t3, t4, _this = this,
+        t1 = _this._color0$_space;
+      if (t1 === space)
+        return _this;
+      t2 = _this.alphaOrNull;
+      if (t2 == null)
+        t2 = 0;
+      converted = t1.convert$5(space, _this.channel0OrNull, _this.channel1OrNull, _this.channel2OrNull, t2);
+      t1 = false;
+      if (!legacyMissing)
+        if (converted._color0$_space.get$isLegacyInternal())
+          t1 = converted.channel0OrNull == null || converted.channel1OrNull == null || converted.channel2OrNull == null || converted.alphaOrNull == null;
+      if (t1) {
+        t1 = converted.channel0OrNull;
+        if (t1 == null)
+          t1 = 0;
+        t2 = converted.channel1OrNull;
+        if (t2 == null)
+          t2 = 0;
+        t3 = converted.channel2OrNull;
+        if (t3 == null)
+          t3 = 0;
+        t4 = converted.alphaOrNull;
+        if (t4 == null)
+          t4 = 0;
+        t4 = A.SassColor_SassColor$forSpaceInternal0(converted._color0$_space, t1, t2, t3, t4);
+        t1 = t4;
+      } else
+        t1 = converted;
+      return t1;
+    },
+    toSpace$1(space) {
+      return this.toSpace$2$legacyMissing(space, true);
+    },
+    changeRgb$4$alpha$blue$green$red(alpha, blue, green, red) {
+      var t1, t2, t3, t4, _this = this, _null = null;
+      if (!_this._color0$_space.get$isLegacyInternal())
+        throw A.wrapException(A.SassScriptException$0("color.changeRgb() is only supported for legacy colors. Please use color.changeChannels() instead with an explicit $space argument.", _null));
+      t1 = red == null ? _null : red;
+      if (t1 == null)
+        t1 = _this.channel$1(0, "red");
+      t2 = green == null ? _null : green;
+      if (t2 == null)
+        t2 = _this.channel$1(0, "green");
+      t3 = blue == null ? _null : blue;
+      if (t3 == null)
+        t3 = _this.channel$1(0, "blue");
+      t4 = alpha == null ? _null : alpha;
+      if (t4 == null) {
+        t4 = _this.alphaOrNull;
+        if (t4 == null)
+          t4 = 0;
+      }
+      return A.SassColor_SassColor$rgbInternal0(t1, t2, t3, t4, _null);
+    },
+    changeRgb$1$alpha(alpha) {
+      return this.changeRgb$4$alpha$blue$green$red(alpha, null, null, null);
+    },
+    changeRgb$1$blue(blue) {
+      return this.changeRgb$4$alpha$blue$green$red(null, blue, null, null);
+    },
+    changeRgb$1$green(green) {
+      return this.changeRgb$4$alpha$blue$green$red(null, null, green, null);
+    },
+    changeRgb$1$red(red) {
+      return this.changeRgb$4$alpha$blue$green$red(null, null, null, red);
+    },
+    changeHsl$3$hue$lightness$saturation(hue, lightness, saturation) {
+      var t2, t3, t4, t5, _this = this, _null = null,
+        t1 = _this._color0$_space;
+      if (!t1.get$isLegacyInternal())
+        throw A.wrapException(A.SassScriptException$0(string$.color_c, _null));
+      t2 = hue == null ? _null : hue;
+      if (t2 == null)
+        t2 = _this._color0$_legacyChannel$2(B.HslColorSpace_JQ20, "hue");
+      t3 = saturation == null ? _null : saturation;
+      if (t3 == null)
+        t3 = _this._color0$_legacyChannel$2(B.HslColorSpace_JQ20, "saturation");
+      t4 = lightness == null ? _null : lightness;
+      if (t4 == null)
+        t4 = _this._color0$_legacyChannel$2(B.HslColorSpace_JQ20, "lightness");
+      t5 = _this.alphaOrNull;
+      if (t5 == null)
+        t5 = 0;
+      return A.SassColor_SassColor$hsl0(t2, t3, t4, t5).toSpace$1(t1);
+    },
+    changeHsl$1$saturation(saturation) {
+      return this.changeHsl$3$hue$lightness$saturation(null, null, saturation);
+    },
+    changeHsl$1$lightness(lightness) {
+      return this.changeHsl$3$hue$lightness$saturation(null, lightness, null);
+    },
+    changeHsl$1$hue(hue) {
+      return this.changeHsl$3$hue$lightness$saturation(hue, null, null);
+    },
+    changeAlpha$1(alpha) {
+      var t2, t3, _this = this,
+        t1 = _this.channel0OrNull;
+      if (t1 == null)
+        t1 = 0;
+      t2 = _this.channel1OrNull;
+      if (t2 == null)
+        t2 = 0;
+      t3 = _this.channel2OrNull;
+      if (t3 == null)
+        t3 = 0;
+      return A.SassColor_SassColor$forSpaceInternal0(_this._color0$_space, t1, t2, t3, alpha);
+    },
+    interpolate$4$legacyMissing$weight(other, method, legacyMissing, weight) {
+      var t1, color1, color2, missing1_0, missing1_1, missing1_2, missing2_0, missing2_1, missing2_2, channel1_0, channel1_1, channel1_2, channel2_0, channel2_1, channel2_2, alpha1, t2, t3, alpha10, alpha2, alpha20, thisMultiplier, t4, t5, otherMultiplier, mixedAlpha, mixed0, mixed1, mixed2, _this = this, _null = null;
+      if (weight == null)
+        weight = 0.5;
+      if (A.fuzzyEquals0(weight, 0))
+        return other;
+      if (A.fuzzyEquals0(weight, 1))
+        return _this;
+      t1 = method.space;
+      color1 = _this.toSpace$1(t1);
+      color2 = other.toSpace$1(t1);
+      if (weight < 0 || weight > 1)
+        throw A.wrapException(A.RangeError$range(weight, 0, 1, "weight", _null));
+      missing1_0 = _this._color0$_isAnalogousChannelMissing$3(_this, color1, 0);
+      missing1_1 = _this._color0$_isAnalogousChannelMissing$3(_this, color1, 1);
+      missing1_2 = _this._color0$_isAnalogousChannelMissing$3(_this, color1, 2);
+      missing2_0 = _this._color0$_isAnalogousChannelMissing$3(other, color2, 0);
+      missing2_1 = _this._color0$_isAnalogousChannelMissing$3(other, color2, 1);
+      missing2_2 = _this._color0$_isAnalogousChannelMissing$3(other, color2, 2);
+      channel1_0 = (missing1_0 ? color2 : color1).channel0OrNull;
+      if (channel1_0 == null)
+        channel1_0 = 0;
+      channel1_1 = (missing1_1 ? color2 : color1).channel1OrNull;
+      if (channel1_1 == null)
+        channel1_1 = 0;
+      channel1_2 = (missing1_2 ? color2 : color1).channel2OrNull;
+      if (channel1_2 == null)
+        channel1_2 = 0;
+      channel2_0 = (missing2_0 ? color1 : color2).channel0OrNull;
+      if (channel2_0 == null)
+        channel2_0 = 0;
+      channel2_1 = (missing2_1 ? color1 : color2).channel1OrNull;
+      if (channel2_1 == null)
+        channel2_1 = 0;
+      channel2_2 = (missing2_2 ? color1 : color2).channel2OrNull;
+      if (channel2_2 == null)
+        channel2_2 = 0;
+      alpha1 = _this.alphaOrNull;
+      t2 = alpha1 == null;
+      if (t2) {
+        t3 = other.alphaOrNull;
+        alpha10 = t3 == null ? 0 : t3;
+      } else
+        alpha10 = alpha1;
+      alpha2 = other.alphaOrNull;
+      t3 = alpha2 == null;
+      if (t3)
+        alpha20 = t2 ? 0 : alpha1;
+      else
+        alpha20 = alpha2;
+      thisMultiplier = (t2 ? 1 : alpha1) * weight;
+      t4 = t3 ? 1 : alpha2;
+      t5 = 1 - weight;
+      otherMultiplier = t4 * t5;
+      mixedAlpha = t2 && t3 ? _null : alpha10 * weight + alpha20 * t5;
+      if (missing1_0 && missing2_0)
+        mixed0 = _null;
+      else {
+        t2 = mixedAlpha == null ? 1 : mixedAlpha;
+        mixed0 = (channel1_0 * thisMultiplier + channel2_0 * otherMultiplier) / t2;
+      }
+      if (missing1_1 && missing2_1)
+        mixed1 = _null;
+      else {
+        t2 = mixedAlpha == null ? 1 : mixedAlpha;
+        mixed1 = (channel1_1 * thisMultiplier + channel2_1 * otherMultiplier) / t2;
+      }
+      if (missing1_2 && missing2_2)
+        mixed2 = _null;
+      else {
+        t2 = mixedAlpha == null ? 1 : mixedAlpha;
+        mixed2 = (channel1_2 * thisMultiplier + channel2_2 * otherMultiplier) / t2;
+      }
+      $label0$0: {
+        if (B.HslColorSpace_JQ20 === t1 || B.HwbColorSpace_guQ0 === t1) {
+          if (missing1_0 && missing2_0)
+            t2 = _null;
+          else {
+            t2 = method.hue;
+            t2.toString;
+            t2 = _this._color0$_interpolateHues$4(channel1_0, channel2_0, t2, weight);
+          }
+          t2 = A.SassColor_SassColor$forSpaceInternal0(t1, t2, mixed1, mixed2, mixedAlpha);
+          t1 = t2;
+          break $label0$0;
+        }
+        if (B.LchColorSpace_Bpv0 === t1 || B.OklchColorSpace_9Gj0 === t1) {
+          if (missing1_2 && missing2_2)
+            t2 = _null;
+          else {
+            t2 = method.hue;
+            t2.toString;
+            t2 = _this._color0$_interpolateHues$4(channel1_2, channel2_2, t2, weight);
+          }
+          t2 = A.SassColor_SassColor$forSpaceInternal0(t1, mixed0, mixed1, t2, mixedAlpha);
+          t1 = t2;
+          break $label0$0;
+        }
+        t1 = A.SassColor_SassColor$forSpaceInternal0(t1, mixed0, mixed1, mixed2, mixedAlpha);
+        break $label0$0;
+      }
+      return t1.toSpace$2$legacyMissing(_this._color0$_space, legacyMissing);
+    },
+    interpolate$3$weight(other, method, weight) {
+      return this.interpolate$4$legacyMissing$weight(other, method, true, weight);
+    },
+    _color0$_isAnalogousChannelMissing$3(original, output, outputChannelIndex) {
+      var originalChannel;
+      if (output.get$channelsOrNull()[outputChannelIndex] == null)
+        return true;
+      if (original === output)
+        return false;
+      originalChannel = A.IterableExtension_firstWhereOrNull(original._color0$_space._space$_channels, output._color0$_space._space$_channels[outputChannelIndex].get$isAnalogous());
+      if (originalChannel == null)
+        return false;
+      return original.isChannelMissing$1(originalChannel.name);
+    },
+    _color0$_interpolateHues$4(hue1, hue2, method, weight) {
+      var _0_0, _1_0;
+      $label1$1: {
+        if (B.HueInterpolationMethod_00 === method) {
+          $label0$0: {
+            _0_0 = hue2 - hue1;
+            if (_0_0 > 180) {
+              hue1 += 360;
+              break $label0$0;
+            }
+            if (_0_0 < -180)
+              hue2 += 360;
+          }
+          break $label1$1;
+        }
+        if (B.HueInterpolationMethod_10 === method) {
+          $label2$2: {
+            _1_0 = hue2 - hue1;
+            if (_1_0 > 0 && _1_0 < 180) {
+              hue2 += 360;
+              break $label2$2;
+            }
+            if (_1_0 > -180 && _1_0 <= 0)
+              hue1 += 360;
+          }
+          break $label1$1;
+        }
+        if (B.HueInterpolationMethod_20 === method && hue2 < hue1) {
+          hue2 += 360;
+          break $label1$1;
+        }
+        if (B.HueInterpolationMethod_30 === method && hue1 < hue2) {
+          hue1 += 360;
+          break $label1$1;
+        }
+      }
+      return hue1 * weight + hue2 * (1 - weight);
+    },
+    plus$1(other) {
+      if (!(other instanceof A.SassNumber0) && !(other instanceof A.SassColor0))
+        return this.super$Value$plus0(other);
+      throw A.wrapException(A.SassScriptException$0('Undefined operation "' + this.toString$0(0) + " + " + other.toString$0(0) + '".', null));
+    },
+    minus$1(other) {
+      if (!(other instanceof A.SassNumber0) && !(other instanceof A.SassColor0))
+        return this.super$Value$minus0(other);
+      throw A.wrapException(A.SassScriptException$0('Undefined operation "' + this.toString$0(0) + " - " + other.toString$0(0) + '".', null));
+    },
+    dividedBy$1(other) {
+      if (!(other instanceof A.SassNumber0) && !(other instanceof A.SassColor0))
+        return this.super$Value$dividedBy0(other);
+      throw A.wrapException(A.SassScriptException$0('Undefined operation "' + this.toString$0(0) + " / " + other.toString$0(0) + '".', null));
+    },
+    $eq(_, other) {
+      var t1, t2, _this = this;
+      if (other == null)
+        return false;
+      if (!(other instanceof A.SassColor0))
+        return false;
+      t1 = _this._color0$_space;
+      if (t1.get$isLegacyInternal()) {
+        t2 = other._color0$_space;
+        if (!t2.get$isLegacyInternal())
+          return false;
+        if (!A.fuzzyEqualsNullable0(_this.alphaOrNull, other.alphaOrNull))
+          return false;
+        if (t1 === t2)
+          return A.fuzzyEqualsNullable0(_this.channel0OrNull, other.channel0OrNull) && A.fuzzyEqualsNullable0(_this.channel1OrNull, other.channel1OrNull) && A.fuzzyEqualsNullable0(_this.channel2OrNull, other.channel2OrNull);
+        else
+          return _this.toSpace$1(B.RgbColorSpace_i0P0).$eq(0, other.toSpace$1(B.RgbColorSpace_i0P0));
+      }
+      return t1 === other._color0$_space && A.fuzzyEqualsNullable0(_this.channel0OrNull, other.channel0OrNull) && A.fuzzyEqualsNullable0(_this.channel1OrNull, other.channel1OrNull) && A.fuzzyEqualsNullable0(_this.channel2OrNull, other.channel2OrNull) && A.fuzzyEqualsNullable0(_this.alphaOrNull, other.alphaOrNull);
+    },
+    get$hashCode(_) {
+      var rgb, t2, t3, t4, t5, _this = this,
+        t1 = _this._color0$_space;
+      if (t1.get$isLegacyInternal()) {
+        rgb = _this.toSpace$1(B.RgbColorSpace_i0P0);
+        t1 = rgb.channel0OrNull;
+        t1 = A.fuzzyHashCode0(t1 == null ? 0 : t1);
+        t2 = rgb.channel1OrNull;
+        t2 = A.fuzzyHashCode0(t2 == null ? 0 : t2);
+        t3 = rgb.channel2OrNull;
+        t3 = A.fuzzyHashCode0(t3 == null ? 0 : t3);
+        t4 = _this.alphaOrNull;
+        return t1 ^ t2 ^ t3 ^ A.fuzzyHashCode0(t4 == null ? 0 : t4);
+      } else {
+        t1 = A.Primitives_objectHashCode(t1);
+        t2 = _this.channel0OrNull;
+        t2 = A.fuzzyHashCode0(t2 == null ? 0 : t2);
+        t3 = _this.channel1OrNull;
+        t3 = A.fuzzyHashCode0(t3 == null ? 0 : t3);
+        t4 = _this.channel2OrNull;
+        t4 = A.fuzzyHashCode0(t4 == null ? 0 : t4);
+        t5 = _this.alphaOrNull;
+        return (t1 ^ t2 ^ t3 ^ t4 ^ A.fuzzyHashCode0(t5 == null ? 0 : t5)) >>> 0;
+      }
+    }
+  };
+  A.SassColor$_forSpace_closure0.prototype = {
+    call$1(alpha) {
+      return A.fuzzyAssertRange0(alpha, 0, 1, "alpha");
+    },
+    $signature: 15
+  };
+  A._ColorFormatEnum0.prototype = {
+    toString$0(_) {
+      return "rgbFunction";
+    }
+  };
+  A.SpanColorFormat0.prototype = {};
+  A.Combinator0.prototype = {
+    _enumToString$0() {
+      return "Combinator." + this._name;
+    },
+    toString$0(_) {
+      return this._combinator0$_text;
+    }
+  };
+  A.ModifiableCssComment0.prototype = {
+    accept$1$1(visitor) {
+      return visitor.visitCssComment$1(this);
+    },
+    accept$1(visitor) {
+      return this.accept$1$1(visitor, type$.dynamic);
+    },
+    $isCssComment0: 1,
+    get$span(receiver) {
+      return this.span;
+    }
+  };
+  A.compileAsync_closure.prototype = {
+    call$0() {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.NodeCompileResult),
+        $async$returnValue, $async$self = this, t5, t6, t7, t8, t9, t10, t11, t12, t13, result, t1, t2, t3, t4;
+      var $async$call$0 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              t1 = $async$self.options;
+              t2 = t1 == null;
+              t3 = t2 ? null : J.get$loadPaths$x(t1);
+              t4 = t2 ? null : J.get$quietDeps$x(t1);
+              if (t4 == null)
+                t4 = false;
+              t5 = A._parseOutputStyle0(t2 ? null : J.get$style$x(t1));
+              t6 = t2 ? null : J.get$verbose$x(t1);
+              if (t6 == null)
+                t6 = false;
+              t7 = t2 ? null : J.get$charset$x(t1);
+              if (t7 == null)
+                t7 = true;
+              t8 = t2 ? null : J.get$sourceMap$x(t1);
+              if (t8 == null)
+                t8 = false;
+              t9 = $async$self.logger;
+              if (t2)
+                t10 = null;
+              else {
+                t10 = J.get$importers$x(t1);
+                t10 = t10 == null ? null : J.map$1$1$ax(t10, new A.compileAsync__closure(), type$.AsyncImporter);
+              }
+              t11 = A._parseFunctions0(t2 ? null : J.get$functions$x(t1), true);
+              t12 = A.parseDeprecations(t9, t2 ? null : J.get$fatalDeprecations$x(t1), true);
+              t13 = A.parseDeprecations(t9, t2 ? null : J.get$silenceDeprecations$x(t1), false);
+              $async$goto = 3;
+              return A._asyncAwait(A.compileAsync0($async$self.path, t7, t12, t11, A.parseDeprecations(t9, t2 ? null : J.get$futureDeprecations$x(t1), false), A.AsyncImportCache$(t10, t3, null), null, null, t9, null, t4, t13, t8, t5, null, true, t6), $async$call$0);
+            case 3:
+              // returning from await.
+              result = $async$result;
+              t1 = t2 ? null : J.get$sourceMapIncludeSources$x(t1);
+              $async$returnValue = A._convertResult(result, t1 == null ? false : t1);
+              // goto return
+              $async$goto = 1;
+              break;
+            case 1:
+              // return
+              return A._asyncReturn($async$returnValue, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$call$0, $async$completer);
+    },
+    $signature: 215
+  };
+  A.compileAsync__closure.prototype = {
+    call$1(importer) {
+      return A._parseAsyncImporter(importer);
+    },
+    $signature: 216
+  };
+  A.compileStringAsync_closure.prototype = {
+    call$0() {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.NodeCompileResult),
+        $async$returnValue, $async$self = this, t7, t8, t9, t10, t11, t12, t13, t14, t15, t16, result, t1, t2, t3, t4, t5, t6;
+      var $async$call$0 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              t1 = $async$self.options;
+              t2 = t1 == null;
+              t3 = A.parseSyntax(t2 ? null : J.get$syntax$x(t1));
+              t4 = t2 ? null : A.NullableExtension_andThen0(J.get$url$x(t1), A.utils3__jsToDartUrl$closure());
+              t5 = t2 ? null : J.get$loadPaths$x(t1);
+              t6 = t2 ? null : J.get$quietDeps$x(t1);
+              if (t6 == null)
+                t6 = false;
+              t7 = A._parseOutputStyle0(t2 ? null : J.get$style$x(t1));
+              t8 = t2 ? null : J.get$verbose$x(t1);
+              if (t8 == null)
+                t8 = false;
+              t9 = t2 ? null : J.get$charset$x(t1);
+              if (t9 == null)
+                t9 = true;
+              t10 = t2 ? null : J.get$sourceMap$x(t1);
+              if (t10 == null)
+                t10 = false;
+              t11 = $async$self.logger;
+              if (t2)
+                t12 = null;
+              else {
+                t12 = J.get$importers$x(t1);
+                t12 = t12 == null ? null : J.map$1$1$ax(t12, new A.compileStringAsync__closure(), type$.AsyncImporter);
+              }
+              t13 = t2 ? null : A.NullableExtension_andThen0(J.get$importer$x(t1), new A.compileStringAsync__closure0());
+              if (t13 == null)
+                t13 = (t2 ? null : J.get$url$x(t1)) == null ? new A.NoOpImporter0() : null;
+              t14 = A._parseFunctions0(t2 ? null : J.get$functions$x(t1), true);
+              t15 = A.parseDeprecations(t11, t2 ? null : J.get$fatalDeprecations$x(t1), true);
+              t16 = A.parseDeprecations(t11, t2 ? null : J.get$silenceDeprecations$x(t1), false);
+              $async$goto = 3;
+              return A._asyncAwait(A.compileStringAsync0($async$self.text, t9, t15, t14, A.parseDeprecations(t11, t2 ? null : J.get$futureDeprecations$x(t1), false), A.AsyncImportCache$(t12, t5, null), t13, null, null, t11, null, t6, t16, t10, t7, t3, t4, true, t8), $async$call$0);
+            case 3:
+              // returning from await.
+              result = $async$result;
+              t1 = t2 ? null : J.get$sourceMapIncludeSources$x(t1);
+              $async$returnValue = A._convertResult(result, t1 == null ? false : t1);
+              // goto return
+              $async$goto = 1;
+              break;
+            case 1:
+              // return
+              return A._asyncReturn($async$returnValue, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$call$0, $async$completer);
+    },
+    $signature: 215
+  };
+  A.compileStringAsync__closure.prototype = {
+    call$1(importer) {
+      return A._parseAsyncImporter(importer);
+    },
+    $signature: 216
+  };
+  A.compileStringAsync__closure0.prototype = {
+    call$1(importer) {
+      return A._parseAsyncImporter(importer);
+    },
+    $signature: 420
+  };
+  A._wrapAsyncSassExceptions_closure.prototype = {
+    call$1(error) {
+      var t1;
+      if (error instanceof A.SassException0)
+        t1 = A.throwNodeException(error, this.ascii, this.color, null);
+      else
+        t1 = A.jsThrow(error == null ? A._asObject(error) : error);
+      return t1;
+    },
+    $signature: 421
+  };
+  A._parseFunctions_closure0.prototype = {
+    call$2(signature, callback) {
+      var callable,
+        t1 = this.result;
+      if (!this.asynch) {
+        callable = A._Cell$();
+        callable.__late_helper$_value = A.Callable_Callable$fromSignature(signature, new A._parseFunctions__closure2(callback, callable), true);
+        t1.push(callable._readLocal$0());
+      } else {
+        callable = A._Cell$();
+        callable.__late_helper$_value = A.AsyncCallable_AsyncCallable$fromSignature(signature, new A._parseFunctions__closure3(callback, callable), true);
+        t1.push(callable._readLocal$0());
+      }
+    },
+    $signature: 132
+  };
+  A._parseFunctions__closure2.prototype = {
+    call$1($arguments) {
+      var t1, t2,
+        _s42_ = string$.Invali,
+        result = A.wrapJSExceptions(new A._parseFunctions___closure6(this.callback, $arguments));
+      if (result instanceof A.Value0)
+        return A._simplifyValue(result);
+      t1 = result != null && result instanceof self.Promise;
+      t2 = this.callable;
+      if (t1) {
+        t1 = t2.readLocal$0();
+        throw A.wrapException(_s42_ + t1.get$name(t1) + '":\nPromises may only be returned for sass.compileAsync() and sass.compileStringAsync().');
+      } else {
+        t1 = t2.readLocal$0();
+        throw A.wrapException(_s42_ + t1.get$name(t1) + '": ' + A.S(result) + " is not a sass.Value.");
+      }
+    },
+    $signature: 3
+  };
+  A._parseFunctions___closure6.prototype = {
+    call$0() {
+      return type$.Function._as(this.callback).call$1(A.toJSArray(this.$arguments));
+    },
+    $signature: 65
+  };
+  A._parseFunctions__closure3.prototype = {
+    call$1($arguments) {
+      return this.$call$body$_parseFunctions__closure0($arguments);
+    },
+    $call$body$_parseFunctions__closure0($arguments) {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.Value_2),
+        $async$returnValue, $async$self = this, t1, result;
+      var $async$call$1 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              result = A.wrapJSExceptions(new A._parseFunctions___closure5($async$self.callback, $arguments));
+              $async$goto = result != null && result instanceof self.Promise ? 3 : 4;
+              break;
+            case 3:
+              // then
+              $async$goto = 5;
+              return A._asyncAwait(A.promiseToFuture0(type$.Promise._as(result), type$.Object), $async$call$1);
+            case 5:
+              // returning from await.
+              result = $async$result;
+            case 4:
+              // join
+              if (result instanceof A.Value0) {
+                $async$returnValue = A._simplifyValue(result);
+                // goto return
+                $async$goto = 1;
+                break;
+              }
+              t1 = $async$self.callable.readLocal$0();
+              throw A.wrapException(string$.Invali + t1.get$name(t1) + '": ' + A.S(result) + " is not a sass.Value.");
+            case 1:
+              // return
+              return A._asyncReturn($async$returnValue, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$call$1, $async$completer);
+    },
+    $signature: 101
+  };
+  A._parseFunctions___closure5.prototype = {
+    call$0() {
+      return type$.Function._as(this.callback).call$1(A.toJSArray(this.$arguments));
+    },
+    $signature: 65
+  };
+  A.nodePackageImporterClass_closure.prototype = {
+    call$0() {
+      return type$.JSClass._as(A.allowInteropCaptureThisNamed("sass.NodePackageImporter", new A.nodePackageImporterClass__closure()));
+    },
+    $signature: 16
+  };
+  A.nodePackageImporterClass__closure.prototype = {
+    call$2($self, entrypointDirectory) {
+      var t1, t2, _null = null,
+        _0_3 = A.entrypointFilename();
+      $label0$0: {
+        if (entrypointDirectory != null) {
+          t1 = entrypointDirectory;
+          break $label0$0;
+        }
+        if (_0_3 != null) {
+          t1 = $.$get$context().dirname$1(_0_3);
+          break $label0$0;
+        }
+        t1 = A.throwExpression("The Node package importer cannot determine an entry point because `require.main.filename` is not defined. Please provide an `entryPointDirectory` to the `NodePackageImporter`.");
+      }
+      t2 = new A.NodePackageImporter0();
+      if (A.isBrowser())
+        A.throwExpression(string$.The_No);
+      t2._node_package$__NodePackageImporter__entryPointDirectory_F = A.absolute(t1, _null, _null, _null, _null, _null, _null, _null, _null, _null, _null, _null, _null, _null, _null);
+      return t2;
+    },
+    call$1($self) {
+      return this.call$2($self, null);
+    },
+    "call*": "call$2",
+    $requiredArgCount: 1,
+    $defaultValues() {
+      return [null];
+    },
+    $signature: 423
+  };
+  A._compileStylesheet_closure1.prototype = {
+    call$1(url) {
+      return url === "" ? A.Uri_Uri$dataFromString(A.String_String$fromCharCodes(B.NativeUint32List_methods.sublist$2(this.stylesheet.span.file._decodedChars, 0, null), 0, null), B.C_Utf8Codec, null).get$_text() : this.importCache.sourceMapUrl$1(0, A.Uri_parse(url)).toString$0(0);
+    },
+    $signature: 6
+  };
+  A.CompileOptions.prototype = {};
+  A.CompileStringOptions.prototype = {};
+  A.NodeCompileResult.prototype = {};
+  A.CompileResult0.prototype = {};
+  A.Compiler.prototype = {};
+  A.AsyncCompiler.prototype = {
+    addCompilation$1(compilation) {
+      this.compilations.add$1(0, A.promiseToFuture(compilation, type$.dynamic).catchError$1(new A.AsyncCompiler_addCompilation_closure()));
+    }
+  };
+  A.AsyncCompiler_addCompilation_closure.prototype = {
+    call$1(err) {
+    },
+    $signature: 59
+  };
+  A.compilerClass_closure.prototype = {
+    call$0() {
+      var t1 = type$.JSClass,
+        jsClass = t1._as(A.allowInteropCaptureThisNamed("sass.Compiler", new A.compilerClass__closure()));
+      A.LinkedHashMap_LinkedHashMap$_literal(["compile", new A.compilerClass__closure0(), "compileString", new A.compilerClass__closure1(), "dispose", new A.compilerClass__closure2()], type$.String, type$.Function).forEach$1(0, A.JSClassExtension_get_defineMethod(jsClass));
+      A.JSClassExtension_injectSuperclass(t1._as(new A.Compiler().constructor), jsClass);
+      return jsClass;
+    },
+    $signature: 16
+  };
+  A.compilerClass__closure.prototype = {
+    call$1($self) {
+      return A.LinkedHashSet_LinkedHashSet$_literal([A.jsThrow(new self.Error("Compiler can not be directly constructed. Please use `sass.initCompiler()` instead."))], type$.Never);
+    },
+    $signature: 218
+  };
+  A.compilerClass__closure0.prototype = {
+    call$3($self, path, options) {
+      if ($self._disposed)
+        A.jsThrow(new self.Error("Compiler has already been disposed."));
+      return A.compile0(path, options);
+    },
+    call$2($self, path) {
+      return this.call$3($self, path, null);
+    },
+    "call*": "call$3",
+    $requiredArgCount: 2,
+    $defaultValues() {
+      return [null];
+    },
+    $signature: 425
+  };
+  A.compilerClass__closure1.prototype = {
+    call$3($self, source, options) {
+      if ($self._disposed)
+        A.jsThrow(new self.Error("Compiler has already been disposed."));
+      return A.compileString0(source, options);
+    },
+    call$2($self, source) {
+      return this.call$3($self, source, null);
+    },
+    "call*": "call$3",
+    $requiredArgCount: 2,
+    $defaultValues() {
+      return [null];
+    },
+    $signature: 426
+  };
+  A.compilerClass__closure2.prototype = {
+    call$1($self) {
+      $self._disposed = true;
+    },
+    $signature: 427
+  };
+  A.asyncCompilerClass_closure.prototype = {
+    call$0() {
+      var t1 = type$.JSClass,
+        jsClass = t1._as(A.allowInteropCaptureThisNamed("sass.AsyncCompiler", new A.asyncCompilerClass__closure()));
+      A.LinkedHashMap_LinkedHashMap$_literal(["compileAsync", new A.asyncCompilerClass__closure0(), "compileStringAsync", new A.asyncCompilerClass__closure1(), "dispose", new A.asyncCompilerClass__closure2()], type$.String, type$.Function).forEach$1(0, A.JSClassExtension_get_defineMethod(jsClass));
+      A.JSClassExtension_injectSuperclass(t1._as(new A.AsyncCompiler(new A.FutureGroup(new A._AsyncCompleter(new A._Future($.Zone__current, type$._Future_List_void), type$._AsyncCompleter_List_void), [], type$.FutureGroup_void)).constructor), jsClass);
+      return jsClass;
+    },
+    $signature: 16
+  };
+  A.asyncCompilerClass__closure.prototype = {
+    call$1($self) {
+      return A.LinkedHashSet_LinkedHashSet$_literal([A.jsThrow(new self.Error("AsyncCompiler can not be directly constructed. Please use `sass.initAsyncCompiler()` instead."))], type$.Never);
+    },
+    $signature: 218
+  };
+  A.asyncCompilerClass__closure0.prototype = {
+    call$3($self, path, options) {
+      var compilation;
+      if ($self._disposed)
+        A.jsThrow(new self.Error("Compiler has already been disposed."));
+      compilation = A.compileAsync1(path, options);
+      $self.addCompilation$1(compilation);
+      return compilation;
+    },
+    call$2($self, path) {
+      return this.call$3($self, path, null);
+    },
+    "call*": "call$3",
+    $requiredArgCount: 2,
+    $defaultValues() {
+      return [null];
+    },
+    $signature: 428
+  };
+  A.asyncCompilerClass__closure1.prototype = {
+    call$3($self, source, options) {
+      var compilation;
+      if ($self._disposed)
+        A.jsThrow(new self.Error("Compiler has already been disposed."));
+      compilation = A.compileStringAsync1(source, options);
+      $self.addCompilation$1(compilation);
+      return compilation;
+    },
+    call$2($self, source) {
+      return this.call$3($self, source, null);
+    },
+    "call*": "call$3",
+    $requiredArgCount: 2,
+    $defaultValues() {
+      return [null];
+    },
+    $signature: 429
+  };
+  A.asyncCompilerClass__closure2.prototype = {
+    call$1($self) {
+      $self._disposed = true;
+      return A.futureToPromise0(new A.asyncCompilerClass___closure($self).call$0());
+    },
+    $signature: 430
+  };
+  A.asyncCompilerClass___closure.prototype = {
+    call$0() {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.Null),
+        $async$self = this, t1;
+      var $async$call$0 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              t1 = $async$self.self.compilations;
+              t1.close$0(0);
+              $async$goto = 2;
+              return A._asyncAwait(t1._future_group$_completer.future, $async$call$0);
+            case 2:
+              // returning from await.
+              // implicit return
+              return A._asyncReturn(null, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$call$0, $async$completer);
+    },
+    $signature: 2
+  };
+  A.initAsyncCompiler_closure.prototype = {
+    call$0() {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.AsyncCompiler),
+        $async$returnValue;
+      var $async$call$0 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              $async$returnValue = new A.AsyncCompiler(new A.FutureGroup(new A._AsyncCompleter(new A._Future($.Zone__current, type$._Future_List_void), type$._AsyncCompleter_List_void), [], type$.FutureGroup_void));
+              // goto return
+              $async$goto = 1;
+              break;
+            case 1:
+              // return
+              return A._asyncReturn($async$returnValue, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$call$0, $async$completer);
+    },
+    $signature: 431
+  };
+  A.ComplexSassNumber0.prototype = {
+    get$numeratorUnits(_) {
+      return this._complex0$_numeratorUnits;
+    },
+    get$denominatorUnits(_) {
+      return this._complex0$_denominatorUnits;
+    },
+    get$hasUnits() {
+      return true;
+    },
+    get$hasComplexUnits() {
+      return true;
+    },
+    hasUnit$1(unit) {
+      return false;
+    },
+    compatibleWithUnit$1(unit) {
+      return false;
+    },
+    hasPossiblyCompatibleUnits$1(other) {
+      throw A.wrapException(A.UnimplementedError$(string$.Comple));
+    },
+    withValue$1(value) {
+      return new A.ComplexSassNumber0(this._complex0$_numeratorUnits, this._complex0$_denominatorUnits, value, null);
+    },
+    withSlash$2(numerator, denominator) {
+      return new A.ComplexSassNumber0(this._complex0$_numeratorUnits, this._complex0$_denominatorUnits, this._number1$_value, new A._Record_2(numerator, denominator));
+    }
+  };
+  A.ComplexSelector0.prototype = {
+    get$specificity() {
+      var result, _this = this,
+        value = _this._complex$__ComplexSelector_specificity_FI;
+      if (value === $) {
+        result = B.JSArray_methods.fold$2(_this.components, 0, new A.ComplexSelector_specificity_closure0());
+        _this._complex$__ComplexSelector_specificity_FI !== $ && A.throwUnnamedLateFieldADI();
+        _this._complex$__ComplexSelector_specificity_FI = result;
+        value = result;
+      }
+      return value;
+    },
+    get$singleCompound() {
+      var _0_0, t1, _0_4, selector;
+      if (this.leadingCombinators.length !== 0)
+        return null;
+      _0_0 = this.components;
+      $label0$0: {
+        t1 = false;
+        if (_0_0.length === 1) {
+          _0_4 = _0_0[0];
+          selector = _0_4.selector;
+          t1 = _0_4.combinators.length <= 0;
+        } else
+          selector = null;
+        if (t1) {
+          t1 = selector;
+          break $label0$0;
+        }
+        t1 = null;
+        break $label0$0;
+      }
+      return t1;
+    },
+    accept$1$1(visitor) {
+      return visitor.visitComplexSelector$1(this);
+    },
+    accept$1(visitor) {
+      return this.accept$1$1(visitor, type$.dynamic);
+    },
+    isSuperselector$1(other) {
+      return this.leadingCombinators.length === 0 && other.leadingCombinators.length === 0 && A.complexIsSuperselector0(this.components, other.components);
+    },
+    withAdditionalCombinators$1(combinators) {
+      var _0_0, _0_1, t1, initial, last, _this = this;
+      if (combinators.length === 0)
+        return _this;
+      _0_0 = _this.components;
+      $label0$0: {
+        _0_1 = _0_0.length;
+        if (_0_1 >= 1) {
+          t1 = _0_1 - 1;
+          initial = B.JSArray_methods.sublist$2(_0_0, 0, t1);
+          last = _0_0[t1];
+          t1 = A.List_List$_of(initial, type$.ComplexSelectorComponent_2);
+          t1.push(last.withAdditionalCombinators$1(combinators));
+          t1 = A.ComplexSelector$0(_this.leadingCombinators, t1, _this.span, _this.lineBreak);
+          break $label0$0;
+        }
+        if (_0_1 <= 0) {
+          t1 = A.List_List$_of(_this.leadingCombinators, type$.CssValue_Combinator_2);
+          B.JSArray_methods.addAll$1(t1, combinators);
+          t1 = A.ComplexSelector$0(t1, B.List_empty17, _this.span, _this.lineBreak);
+          break $label0$0;
+        }
+        t1 = null;
+      }
+      return t1;
+    },
+    concatenate$3$forceLineBreak(child, span, forceLineBreak) {
+      var t2, _0_1, initial, last, _this = this,
+        t1 = child.leadingCombinators,
+        _0_0 = _this.components;
+      if (t1.length === 0) {
+        t1 = A.List_List$_of(_0_0, type$.ComplexSelectorComponent_2);
+        B.JSArray_methods.addAll$1(t1, child.components);
+        t2 = _this.lineBreak || child.lineBreak || forceLineBreak;
+        return A.ComplexSelector$0(_this.leadingCombinators, t1, span, t2);
+      } else {
+        _0_1 = _0_0.length;
+        if (_0_1 >= 1) {
+          t2 = _0_1 - 1;
+          initial = B.JSArray_methods.sublist$2(_0_0, 0, t2);
+          last = _0_0[t2];
+          t2 = A.List_List$_of(initial, type$.ComplexSelectorComponent_2);
+          t2.push(last.withAdditionalCombinators$1(t1));
+          B.JSArray_methods.addAll$1(t2, child.components);
+          t1 = _this.lineBreak || child.lineBreak || forceLineBreak;
+          return A.ComplexSelector$0(_this.leadingCombinators, t2, span, t1);
+        } else {
+          t2 = A.List_List$_of(_this.leadingCombinators, type$.CssValue_Combinator_2);
+          B.JSArray_methods.addAll$1(t2, t1);
+          t1 = _this.lineBreak || child.lineBreak || forceLineBreak;
+          return A.ComplexSelector$0(t2, child.components, span, t1);
+        }
+      }
+    },
+    concatenate$2(child, span) {
+      return this.concatenate$3$forceLineBreak(child, span, false);
+    },
+    get$hashCode(_) {
+      return B.C_ListEquality0.hash$1(this.leadingCombinators) ^ B.C_ListEquality0.hash$1(this.components);
+    },
+    $eq(_, other) {
+      if (other == null)
+        return false;
+      return other instanceof A.ComplexSelector0 && B.C_ListEquality.equals$2(0, this.leadingCombinators, other.leadingCombinators) && B.C_ListEquality.equals$2(0, this.components, other.components);
+    }
+  };
+  A.ComplexSelector_specificity_closure0.prototype = {
+    call$2(sum, component) {
+      return sum + component.selector.get$specificity();
+    },
+    $signature: 432
+  };
+  A.ComplexSelectorComponent0.prototype = {
+    withAdditionalCombinators$1(combinators) {
+      var t1, t2, _this = this;
+      if (combinators.length === 0)
+        t1 = _this;
+      else {
+        t1 = type$.CssValue_Combinator_2;
+        t2 = A.List_List$_of(_this.combinators, t1);
+        B.JSArray_methods.addAll$1(t2, combinators);
+        t1 = new A.ComplexSelectorComponent0(_this.selector, A.List_List$unmodifiable(t2, t1), _this.span);
+      }
+      return t1;
+    },
+    get$hashCode(_) {
+      return B.C_ListEquality0.hash$1(this.selector.components) ^ B.C_ListEquality0.hash$1(this.combinators);
+    },
+    $eq(_, other) {
+      var t1;
+      if (other == null)
+        return false;
+      if (other instanceof A.ComplexSelectorComponent0) {
+        t1 = B.C_ListEquality.equals$2(0, this.selector.components, other.selector.components);
+        t1 = t1 && B.C_ListEquality.equals$2(0, this.combinators, other.combinators);
+      } else
+        t1 = false;
+      return t1;
+    },
+    toString$0(_) {
+      var t1 = this.combinators;
+      return A.serializeSelector0(this.selector, true) + new A.MappedListIterable(t1, new A.ComplexSelectorComponent_toString_closure0(), A._arrayInstanceType(t1)._eval$1("MappedListIterable<1,String>")).join$1(0, "");
+    }
+  };
+  A.ComplexSelectorComponent_toString_closure0.prototype = {
+    call$1(combinator) {
+      return " " + combinator.toString$0(0);
+    },
+    $signature: 433
+  };
+  A.CompoundSelector0.prototype = {
+    get$specificity() {
+      var result, _this = this,
+        value = _this._compound$__CompoundSelector_specificity_FI;
+      if (value === $) {
+        result = B.JSArray_methods.fold$2(_this.components, 0, new A.CompoundSelector_specificity_closure0());
+        _this._compound$__CompoundSelector_specificity_FI !== $ && A.throwUnnamedLateFieldADI();
+        _this._compound$__CompoundSelector_specificity_FI = result;
+        value = result;
+      }
+      return value;
+    },
+    get$hasComplicatedSuperselectorSemantics() {
+      var result, _this = this,
+        value = _this._compound$__CompoundSelector_hasComplicatedSuperselectorSemantics_FI;
+      if (value === $) {
+        result = B.JSArray_methods.any$1(_this.components, new A.CompoundSelector_hasComplicatedSuperselectorSemantics_closure0());
+        _this._compound$__CompoundSelector_hasComplicatedSuperselectorSemantics_FI !== $ && A.throwUnnamedLateFieldADI();
+        _this._compound$__CompoundSelector_hasComplicatedSuperselectorSemantics_FI = result;
+        value = result;
+      }
+      return value;
+    },
+    accept$1$1(visitor) {
+      return visitor.visitCompoundSelector$1(this);
+    },
+    accept$1(visitor) {
+      return this.accept$1$1(visitor, type$.dynamic);
+    },
+    get$hashCode(_) {
+      return B.C_ListEquality0.hash$1(this.components);
+    },
+    $eq(_, other) {
+      if (other == null)
+        return false;
+      return other instanceof A.CompoundSelector0 && B.C_ListEquality.equals$2(0, this.components, other.components);
+    }
+  };
+  A.CompoundSelector_specificity_closure0.prototype = {
+    call$2(sum, component) {
+      return sum + component.get$specificity();
+    },
+    $signature: 434
+  };
+  A.CompoundSelector_hasComplicatedSuperselectorSemantics_closure0.prototype = {
+    call$1(component) {
+      return component.get$hasComplicatedSuperselectorSemantics();
+    },
+    $signature: 14
+  };
+  A.Configuration0.prototype = {
+    throughForward$1($forward) {
+      var _0_0, _1_0, _2_0, t1, hiddenVariables,
+        newValues = this._configuration0$_values;
+      if (newValues.get$isEmpty(newValues))
+        return this;
+      _0_0 = $forward.prefix;
+      if (_0_0 != null)
+        newValues = new A.UnprefixedMapView0(newValues, _0_0, type$.UnprefixedMapView_ConfiguredValue_2);
+      _1_0 = $forward.shownVariables;
+      if (_1_0 != null)
+        newValues = new A.LimitedMapView0(newValues, _1_0._base.intersection$1(new A.MapKeySet(newValues, type$.MapKeySet_nullable_Object)), type$.LimitedMapView_String_ConfiguredValue_2);
+      else {
+        _2_0 = $forward.hiddenVariables;
+        if (_2_0 != null) {
+          t1 = _2_0._base.get$isNotEmpty(0);
+          hiddenVariables = _2_0;
+        } else {
+          hiddenVariables = null;
+          t1 = false;
+        }
+        if (t1)
+          newValues = A.LimitedMapView$blocklist0(newValues, hiddenVariables, type$.String, type$.ConfiguredValue_2);
+      }
+      return this._configuration0$_withValues$1(newValues);
+    },
+    _configuration0$_withValues$1(values) {
+      var t1 = this._configuration0$__originalConfiguration;
+      return new A.Configuration0(values, t1 == null ? this : t1);
+    },
+    toString$0(_) {
+      var t2, t3,
+        t1 = A._setArrayType([], type$.JSArray_String);
+      for (t2 = A.MapExtensions_get_pairs0(new A.UnmodifiableMapView(this._configuration0$_values, type$.UnmodifiableMapView_String_ConfiguredValue_2), type$.String, type$.ConfiguredValue_2), t2 = t2.get$iterator(t2); t2.moveNext$0();) {
+        t3 = t2.get$current(t2);
+        t1.push("$" + t3._0 + ": " + t3._1.toString$0(0));
+      }
+      return "(" + B.JSArray_methods.join$1(t1, ",") + ")";
+    }
+  };
+  A.ExplicitConfiguration0.prototype = {
+    _configuration0$_withValues$1(values) {
+      var t1 = this._configuration0$__originalConfiguration;
+      if (t1 == null)
+        t1 = this;
+      return new A.ExplicitConfiguration0(this.nodeWithSpan, values, t1);
+    }
+  };
+  A.ConfiguredValue0.prototype = {
+    toString$0(_) {
+      return this.value.toString$0(0);
+    }
+  };
+  A.ConfiguredVariable0.prototype = {
+    toString$0(_) {
+      var t1 = this.expression.toString$0(0),
+        t2 = this.isGuarded ? " !default" : "";
+      return "$" + this.name + ": " + t1 + t2;
+    },
+    $isAstNode0: 1,
+    $isSassNode: 1,
+    get$span(receiver) {
+      return this.span;
+    }
+  };
+  A.ContentBlock0.prototype = {
+    accept$1$1(visitor) {
+      return visitor.visitContentBlock$1(0, this);
+    },
+    accept$1(visitor) {
+      return this.accept$1$1(visitor, type$.dynamic);
+    },
+    toString$0(_) {
+      var t1 = this.parameters;
+      t1 = t1.parameters.length === 0 && t1.restParameter == null ? "" : " using (" + t1.toString$0(0) + ")";
+      return t1 + (" {" + B.JSArray_methods.join$1(this.children, " ") + "}");
+    }
+  };
+  A.ContentRule0.prototype = {
+    accept$1$1(visitor) {
+      return visitor.visitContentRule$1(0, this);
+    },
+    accept$1(visitor) {
+      return this.accept$1$1(visitor, type$.dynamic);
+    },
+    toString$0(_) {
+      var t1 = this.$arguments;
+      return t1.get$isEmpty(0) ? "@content;" : "@content(" + t1.toString$0(0) + ");";
+    },
+    get$span(receiver) {
+      return this.span;
+    }
+  };
+  A._disallowedFunctionNames_closure0.prototype = {
+    call$1($function) {
+      return $function.name;
+    },
+    $signature: 435
+  };
+  A.CssParser0.prototype = {
+    get$plainCss() {
+      return true;
+    },
+    silentComment$0() {
+      var t1, t2, _this = this;
+      if (_this._stylesheet0$_inExpression)
+        return false;
+      t1 = _this.scanner;
+      t2 = t1._string_scanner$_position;
+      _this.super$Parser$silentComment0();
+      _this.error$2(0, string$.Silent, t1.spanFrom$1(new A._SpanScannerState(t1, t2)));
+    },
+    atRule$2$root(child, root) {
+      var $name, _0_0, _this = this,
+        t1 = _this.scanner,
+        start = new A._SpanScannerState(t1, t1._string_scanner$_position);
+      t1.expectChar$1(64);
+      $name = _this.interpolatedIdentifier$0();
+      _this.whitespace$1$consumeNewlines(true);
+      _0_0 = $name.get$asPlain();
+      $label0$0: {
+        if ("at-root" === _0_0 || "content" === _0_0 || "debug" === _0_0 || "each" === _0_0 || "error" === _0_0 || "extend" === _0_0 || "for" === _0_0 || "function" === _0_0 || "if" === _0_0 || "include" === _0_0 || "mixin" === _0_0 || "return" === _0_0 || "warn" === _0_0 || "while" === _0_0)
+          _this._css$_forbiddenAtRule$1(start);
+        if ("import" === _0_0) {
+          t1 = _this._css$_cssImportRule$1(start);
+          break $label0$0;
+        }
+        if ("media" === _0_0) {
+          t1 = _this.mediaRule$1(start);
+          break $label0$0;
+        }
+        if ("-moz-document" === _0_0) {
+          t1 = _this.mozDocumentRule$2(start, $name);
+          break $label0$0;
+        }
+        if ("supports" === _0_0) {
+          t1 = _this.supportsRule$1(start);
+          break $label0$0;
+        }
+        t1 = _this.unknownAtRule$2(start, $name);
+        break $label0$0;
+      }
+      return t1;
+    },
+    _css$_forbiddenAtRule$1(start) {
+      this.almostAnyValue$0();
+      this.error$2(0, "This at-rule isn't allowed in plain CSS.", this.scanner.spanFrom$1(start));
+    },
+    _css$_cssImportRule$1(start) {
+      var _0_0, t3, string, $name, _0_3, _0_4, t4, _0_8, t5, modifiers, _this = this,
+        t1 = _this.scanner,
+        t2 = t1._string_scanner$_position,
+        _1_0 = t1.peekChar$0();
+      $label1$1: {
+        if (117 === _1_0 || 85 === _1_0) {
+          _0_0 = _this.dynamicUrl$0();
+          $label0$0: {
+            if (_0_0 instanceof A.StringExpression0) {
+              t3 = _0_0.text;
+              break $label0$0;
+            }
+            string = null;
+            t3 = false;
+            if (_0_0 instanceof A.InterpolatedFunctionExpression0) {
+              $name = _0_0.name;
+              _0_3 = _0_0.$arguments;
+              _0_4 = _0_3.positional;
+              t4 = _0_4;
+              if (t4.length === 1) {
+                _0_8 = _0_4[0];
+                t4 = _0_8;
+                if (t4 instanceof A.StringExpression0) {
+                  type$.StringExpression_2._as(_0_8);
+                  t4 = _0_3.named;
+                  if (t4.get$isEmpty(t4))
+                    if (_0_3.rest == null)
+                      t3 = _0_3.keywordRest == null;
+                  string = _0_8;
+                }
+              }
+            } else
+              $name = null;
+            if (t3) {
+              t3 = new A.StringBuffer("");
+              t4 = new A.InterpolationBuffer0(t3, A._setArrayType([], type$.JSArray_Object), A._setArrayType([], type$.JSArray_nullable_FileSpan));
+              t4.addInterpolation$1($name);
+              t5 = A.Primitives_stringFromCharCode(40);
+              t3._contents += t5;
+              t4.addInterpolation$1(string.asInterpolation$0());
+              t5 = A.Primitives_stringFromCharCode(41);
+              t3._contents += t5;
+              t4 = t4.interpolation$1(_0_0.span);
+              t3 = t4;
+              break $label0$0;
+            }
+            t3 = _this.error$2(0, "Unsupported plain CSS import.", _0_0.get$span(_0_0));
+          }
+          break $label1$1;
+        }
+        t3 = _this.interpolatedString$0().asInterpolation$1$static(true);
+        break $label1$1;
+      }
+      _this.whitespace$1$consumeNewlines(true);
+      modifiers = _this.tryImportModifiers$0();
+      _this.expectStatementSeparator$1("@import rule");
+      t2 = A._setArrayType([new A.StaticImport0(t3, modifiers, t1.spanFrom$1(new A._SpanScannerState(t1, t2)))], type$.JSArray_Import_2);
+      t1 = t1.spanFrom$1(start);
+      return new A.ImportRule0(A.List_List$unmodifiable(t2, type$.Import_2), t1);
+    },
+    parentheses$0() {
+      var expression,
+        t1 = this.scanner,
+        t2 = t1._string_scanner$_position;
+      t1.expectChar$1(40);
+      this.whitespace$1$consumeNewlines(true);
+      expression = this.expressionUntilComma$0();
+      t1.expectChar$1(41);
+      return new A.ParenthesizedExpression0(expression, t1.spanFrom$1(new A._SpanScannerState(t1, t2)));
+    },
+    identifierLike$0() {
+      var t2, allowEmptySecondArg, $arguments, t3, t4, _this = this,
+        t1 = _this.scanner,
+        start = new A._SpanScannerState(t1, t1._string_scanner$_position),
+        identifier = _this.interpolatedIdentifier$0(),
+        plain = identifier.get$asPlain(),
+        lower = plain.toLowerCase(),
+        _0_0 = _this.trySpecialFunction$2(lower, start);
+      if (_0_0 != null)
+        return _0_0;
+      t2 = t1._string_scanner$_position;
+      if (t1.scanChar$1(46))
+        return _this.namespacedExpression$2(plain, start);
+      if (!t1.scanChar$1(40))
+        return new A.StringExpression0(identifier, false);
+      allowEmptySecondArg = lower === "var";
+      $arguments = A._setArrayType([], type$.JSArray_Expression_2);
+      if (!t1.scanChar$1(41)) {
+        do {
+          _this.whitespace$1$consumeNewlines(true);
+          if (allowEmptySecondArg && $arguments.length === 1 && t1.peekChar$0() === 41) {
+            t3 = A.FileLocation$_(t1._sourceFile, t1._string_scanner$_position);
+            t4 = t3.offset;
+            t4 = A._FileSpan$(t3.file, t4, t4);
+            $arguments.push(new A.StringExpression0(new A.Interpolation0(A.List_List$unmodifiable([""], type$.Object), B.List_null, t4), false));
+            break;
+          }
+          $arguments.push(_this.expressionUntilComma$1$singleEquals(true));
+          _this.whitespace$1$consumeNewlines(true);
+        } while (t1.scanChar$1(44));
+        t1.expectChar$1(41);
+      }
+      if ($.$get$_disallowedFunctionNames0().contains$1(0, plain))
+        _this.error$2(0, string$.This_f, t1.spanFrom$1(start));
+      t2 = t1.spanFrom$1(new A._SpanScannerState(t1, t2));
+      t3 = type$.Expression_2;
+      t4 = A.List_List$unmodifiable($arguments, t3);
+      t3 = A.ConstantMap_ConstantMap$from(B.Map_empty14, type$.String, t3);
+      t1 = t1.spanFrom$1(start);
+      return new A.FunctionExpression0(null, A.stringReplaceAllUnchecked(plain, "_", "-"), plain, new A.ArgumentList0(t4, t3, null, null, t2), t1);
+    },
+    namespacedExpression$2(namespace, start) {
+      var expression = this.super$StylesheetParser$namespacedExpression0(namespace, start);
+      this.error$2(0, string$.Modulen, expression.get$span(expression));
+    }
+  };
+  A.DebugRule0.prototype = {
+    accept$1$1(visitor) {
+      return visitor.visitDebugRule$1(0, this);
+    },
+    accept$1(visitor) {
+      return this.accept$1$1(visitor, type$.dynamic);
+    },
+    toString$0(_) {
+      return "@debug " + this.expression.toString$0(0) + ";";
+    },
+    get$span(receiver) {
+      return this.span;
+    }
+  };
+  A.ModifiableCssDeclaration0.prototype = {
+    accept$1$1(visitor) {
+      return visitor.visitCssDeclaration$1(this);
+    },
+    accept$1(visitor) {
+      return this.accept$1$1(visitor, type$.dynamic);
+    },
+    toString$0(_) {
+      return this.name.toString$0(0) + ": " + this.value.toString$0(0) + ";";
+    },
+    get$span(receiver) {
+      return this.span;
+    }
+  };
+  A.Declaration0.prototype = {
+    accept$1$1(visitor) {
+      return visitor.visitDeclaration$1(0, this);
+    },
+    accept$1(visitor) {
+      return this.accept$1$1(visitor, type$.dynamic);
+    },
+    toString$0(_) {
+      var t3, _0_0,
+        buffer = new A.StringBuffer(""),
+        t1 = this.name,
+        t2 = t1.toString$0(0);
+      buffer._contents = t2;
+      t2 = buffer._contents = t2 + A.Primitives_stringFromCharCode(58);
+      t3 = this.value;
+      if (t3 != null) {
+        t1 = !B.JSString_methods.startsWith$1(t1.get$initialPlain(), "--") ? buffer._contents = t2 + A.Primitives_stringFromCharCode(32) : t2;
+        buffer._contents = t1 + t3.toString$0(0);
+      }
+      _0_0 = this.children;
+      if (_0_0 != null)
+        return buffer.toString$0(0) + " {" + B.JSArray_methods.join$1(_0_0, " ") + "}";
+      else
+        return buffer.toString$0(0) + ";";
+    },
+    get$span(receiver) {
+      return this.span;
+    }
+  };
+  A.SupportsDeclaration0.prototype = {
+    get$isCustomProperty() {
+      var t1,
+        _0_0 = this.name;
+      $label0$0: {
+        if (_0_0 instanceof A.StringExpression0 && !_0_0.hasQuotes) {
+          t1 = B.JSString_methods.startsWith$1(_0_0.text.get$initialPlain(), "--");
+          break $label0$0;
+        }
+        t1 = false;
+        break $label0$0;
+      }
+      return t1;
+    },
+    toInterpolation$0() {
+      var visitor, _1_0, _null = null,
+        t1 = new A.StringBuffer(""),
+        t2 = type$.JSArray_Object,
+        t3 = type$.JSArray_nullable_FileSpan,
+        buffer = new A.InterpolationBuffer0(t1, A._setArrayType([], t2), A._setArrayType([], t3)),
+        t4 = this.span,
+        t5 = this.name,
+        t6 = A.SpanExtensions_before(t4, t5.get$span(t5));
+      t6 = A.String_String$fromCharCodes(B.NativeUint32List_methods.sublist$2(t6.file._decodedChars, t6._file$_start, t6._end), 0, _null);
+      t1._contents += t6;
+      if (t5 instanceof A.StringExpression0 && !t5.hasQuotes)
+        buffer.addInterpolation$1(t5.text);
+      else
+        buffer.add$2(0, t5, t5.get$span(t5));
+      t6 = this.value;
+      t5 = A.SpanExtensions_between(t5.get$span(t5), t6.get$span(t6));
+      t5 = A.String_String$fromCharCodes(B.NativeUint32List_methods.sublist$2(t5.file._decodedChars, t5._file$_start, t5._end), 0, _null);
+      t1._contents += t5;
+      visitor = new A.SourceInterpolationVisitor(new A.InterpolationBuffer0(new A.StringBuffer(""), A._setArrayType([], t2), A._setArrayType([], t3)));
+      t6.accept$1(visitor);
+      t3 = visitor.buffer;
+      _1_0 = t3 == null ? _null : t3.interpolation$1(t6.get$span(t6));
+      if (_1_0 != null)
+        buffer.addInterpolation$1(_1_0);
+      else
+        buffer.add$2(0, t6, t6.get$span(t6));
+      t2 = A.SpanExtensions_after(t4, t6.get$span(t6));
+      t2 = A.String_String$fromCharCodes(B.NativeUint32List_methods.sublist$2(t2.file._decodedChars, t2._file$_start, t2._end), 0, _null);
+      t1._contents += t2;
+      return buffer.interpolation$1(t4);
+    },
+    withSpan$1(span) {
+      return new A.SupportsDeclaration0(this.name, this.value, span);
+    },
+    toString$0(_) {
+      return "(" + this.name.toString$0(0) + ": " + this.value.toString$0(0) + ")";
+    },
+    $isAstNode0: 1,
+    $isSassNode: 1,
+    $isSupportsCondition: 1,
+    get$span(receiver) {
+      return this.span;
+    }
+  };
+  A.Deprecation0.prototype = {
+    _enumToString$0() {
+      return "Deprecation." + this._name;
+    },
+    get$deprecatedIn(_) {
+      return A.NullableExtension_andThen0(this._deprecation$_deprecatedIn, A.version_Version___parse_tearOff$closure());
+    },
+    get$obsoleteIn(_) {
+      var t1 = this._deprecation$_obsoleteIn;
+      return t1 == null ? null : A.NullableExtension_andThen0(t1, A.version_Version___parse_tearOff$closure());
+    },
+    toString$0(_) {
+      return this.id;
+    }
+  };
+  A.Deprecation_fromId_closure0.prototype = {
+    call$1(deprecation) {
+      return deprecation.id === this.id;
+    },
+    $signature: 436
+  };
+  A.DeprecationProcessingLogger0.prototype = {
+    validate$0() {
+      var t1, t2, t3, t4, $self, t5, _this = this, _null = null;
+      for (t1 = _this.fatalDeprecations, t1 = A._LinkedHashSetIterator$(t1, t1._collection$_modifications, A._instanceType(t1)._precomputed1), t2 = _this.silenceDeprecations, t3 = t1.$ti._precomputed1; t1.moveNext$0();) {
+        t4 = t1._collection$_current;
+        if (t4 == null)
+          t4 = t3._as(t4);
+        $self = t4._deprecation$_obsoleteIn;
+        if ($self == null)
+          t5 = _null;
+        else
+          t5 = A.Version___parse_tearOff($self);
+        if (t5 instanceof A.Version) {
+          t4 = t4.toString$0(0);
+          _this.internalWarn$4$deprecation$span$trace(t4 + string$.x20deprex20ix2c, _null, _null, _null);
+          continue;
+        }
+        t5 = t2.contains$1(0, t4);
+        if (t5) {
+          t4 = t4.toString$0(0);
+          _this.internalWarn$4$deprecation$span$trace("Ignoring setting to silence " + t4 + string$.x20deprex2c, _null, _null, _null);
+          continue;
+        }
+      }
+      for (t1 = A._LinkedHashSetIterator$(t2, t2._collection$_modifications, A._instanceType(t2)._precomputed1), t2 = t1.$ti._precomputed1, t3 = _this.futureDeprecations; t1.moveNext$0();) {
+        t4 = t1._collection$_current;
+        if (t4 == null)
+          t4 = t2._as(t4);
+        if (B.Deprecation_lB3 === t4) {
+          _this.internalWarn$4$deprecation$span$trace(string$.User_a, _null, _null, _null);
+          continue;
+        }
+        $self = t4._deprecation$_obsoleteIn;
+        if ($self == null)
+          t5 = _null;
+        else
+          t5 = A.Version___parse_tearOff($self);
+        if (t5 instanceof A.Version) {
+          t4 = t4.toString$0(0);
+          _this.internalWarn$4$deprecation$span$trace(t4 + string$.x20deprex20ix2e, _null, _null, _null);
+          continue;
+        }
+      }
+      for (t1 = A._LinkedHashSetIterator$(t3, t3._collection$_modifications, A._instanceType(t3)._precomputed1), t2 = t1.$ti._precomputed1; t1.moveNext$0();) {
+        t3 = t1._collection$_current;
+        t3 = (t3 == null ? t2._as(t3) : t3).toString$0(0);
+        _this.internalWarn$4$deprecation$span$trace(t3 + string$.x20is_noaf, _null, _null, _null);
+      }
+    },
+    internalWarn$4$deprecation$span$trace(message, deprecation, span, trace) {
+      if (deprecation != null)
+        this._deprecation_processing$_handleDeprecation$4$span$trace(deprecation, message, span, trace);
+      else
+        this._deprecation_processing$_inner.internalWarn$4$deprecation$span$trace(message, null, span, trace);
+    },
+    _deprecation_processing$_handleDeprecation$4$span$trace(deprecation, message, span, trace) {
+      var _0_3_isSet, t1, span0, _0_3, t2, count, _this = this, _null = null;
+      if (_this.fatalDeprecations.contains$1(0, deprecation)) {
+        message += string$.x0a_This + deprecation.toString$0(0) + string$.x20deprex20t;
+        $label0$0: {
+          _0_3_isSet = span != null;
+          t1 = false;
+          if (_0_3_isSet) {
+            t1 = trace != null;
+            span0 = span;
+            _0_3 = trace;
+          } else {
+            span0 = _null;
+            _0_3 = span0;
+          }
+          if (t1) {
+            if (_0_3_isSet)
+              trace = _0_3;
+            t1 = A.SassRuntimeException$0(message, span0, trace == null ? type$.Trace._as(trace) : trace, _null);
+            break $label0$0;
+          }
+          t1 = false;
+          if (span != null)
+            t1 = (_0_3_isSet ? _0_3 : trace) == null;
+          else
+            span = _null;
+          if (t1) {
+            t1 = A.SassException$0(message, span, _null);
+            break $label0$0;
+          }
+          t1 = A.SassScriptException$0(message, _null);
+          break $label0$0;
+        }
+        throw A.wrapException(t1);
+      }
+      if (_this.silenceDeprecations.contains$1(0, deprecation))
+        return;
+      if (_this.limitRepetition) {
+        t1 = _this._deprecation_processing$_warningCounts;
+        t2 = t1.$index(0, deprecation);
+        count = (t2 == null ? 0 : t2) + 1;
+        t1.$indexSet(0, deprecation, count);
+        if (count > 5)
+          return;
+      }
+      _this._deprecation_processing$_inner.internalWarn$4$deprecation$span$trace(message, deprecation, span, trace);
+    },
+    debug$2(_, message, span) {
+      return this._deprecation_processing$_inner.debug$2(0, message, span);
+    },
+    summarize$1$js(js) {
+      var t1 = this._deprecation_processing$_warningCounts,
+        t2 = A._instanceType(t1)._eval$1("LinkedHashMapValuesIterable<2>"),
+        total = A.IterableIntegerExtension_get_sum(new A.MappedIterable(new A.WhereIterable(new A.LinkedHashMapValuesIterable(t1, t2), new A.DeprecationProcessingLogger_summarize_closure1(), t2._eval$1("WhereIterable<Iterable.E>")), new A.DeprecationProcessingLogger_summarize_closure2(), t2._eval$1("MappedIterable<Iterable.E,int>")));
+      if (total > 0) {
+        t1 = js ? "" : string$.x0aRun_i;
+        this._deprecation_processing$_inner.internalWarn$4$deprecation$span$trace("" + total + string$.x20repet + t1, null, null, null);
+      }
+    }
+  };
+  A.DeprecationProcessingLogger_summarize_closure1.prototype = {
+    call$1(count) {
+      return count > 5;
+    },
+    $signature: 50
+  };
+  A.DeprecationProcessingLogger_summarize_closure2.prototype = {
+    call$1(count) {
+      return count - 5;
+    },
+    $signature: 178
+  };
+  A.Deprecation1.prototype = {};
+  A.deprecations_closure.prototype = {
+    call$0() {
+      var _0_8_isSet, _0_8, t1,
+        _0_0 = this.deprecation;
+      $label0$0: {
+        _0_8_isSet = A.NullableExtension_andThen0(_0_0._deprecation$_deprecatedIn, A.version_Version___parse_tearOff$closure()) == null;
+        if (_0_8_isSet) {
+          _0_8 = _0_0.get$obsoleteIn(0) == null;
+          t1 = _0_8;
+        } else {
+          _0_8 = null;
+          t1 = false;
+        }
+        if (t1) {
+          t1 = "user";
+          break $label0$0;
+        }
+        if (_0_8_isSet ? _0_8 : _0_0.get$obsoleteIn(0) == null) {
+          t1 = "active";
+          break $label0$0;
+        }
+        t1 = "obsolete";
+        break $label0$0;
+      }
+      return t1;
+    },
+    $signature: 29
+  };
+  A.parseDeprecations_closure.prototype = {
+    call$0() {
+      return new A._SyncStarIterable(this.$call$body$parseDeprecations_closure(), type$._SyncStarIterable_Deprecation);
+    },
+    $call$body$parseDeprecations_closure() {
+      var $async$self = this;
+      return function() {
+        var $async$goto = 0, $async$handler = 1, $async$errorStack = [], t1, t2, t3, t4, item, t5, id, deprecation, version;
+        return function $async$call$0($async$iterator, $async$errorCode, $async$result) {
+          if ($async$errorCode === 1) {
+            $async$errorStack.push($async$result);
+            $async$goto = $async$handler;
+          }
+          while (true)
+            switch ($async$goto) {
+              case 0:
+                // Function start
+                t1 = J.get$iterator$ax($async$self.deprecations), t2 = type$.Deprecation_2, t3 = $async$self.supportVersions, t4 = $async$self.logger;
+              case 2:
+                // for condition
+                if (!t1.moveNext$0()) {
+                  // goto after for
+                  $async$goto = 3;
+                  break;
+                }
+                item = t1.get$current(t1);
+                t5 = typeof item == "string";
+                id = t5 ? item : null;
+                $async$goto = t5 ? 4 : 5;
+                break;
+              case 4:
+                // then
+                deprecation = A.Deprecation_fromId0(id);
+                $async$goto = deprecation == null ? 6 : 8;
+                break;
+              case 6:
+                // then
+                t4.internalWarn$4$deprecation$span$trace('Invalid deprecation "' + A.S(id) + '".', null, null, null);
+                // goto join
+                $async$goto = 7;
+                break;
+              case 8:
+                // else
+                $async$goto = 9;
+                return $async$iterator._async$_current = deprecation, 1;
+              case 9:
+                // after yield
+              case 7:
+                // join
+                // goto for condition
+                $async$goto = 2;
+                break;
+              case 5:
+                // join
+                t5 = t2._is(item);
+                id = t5 ? J.get$id$x(item) : null;
+                $async$goto = t5 ? 10 : 11;
+                break;
+              case 10:
+                // then
+                deprecation = A.Deprecation_fromId0(id);
+                $async$goto = deprecation == null ? 12 : 14;
+                break;
+              case 12:
+                // then
+                t4.internalWarn$4$deprecation$span$trace('Invalid deprecation "' + A.S(id) + '".', null, null, null);
+                // goto join
+                $async$goto = 13;
+                break;
+              case 14:
+                // else
+                $async$goto = 15;
+                return $async$iterator._async$_current = deprecation, 1;
+              case 15:
+                // after yield
+              case 13:
+                // join
+                // goto for condition
+                $async$goto = 2;
+                break;
+              case 11:
+                // join
+                if (item instanceof A.Version) {
+                  t5 = t3;
+                  version = item;
+                } else {
+                  version = null;
+                  t5 = false;
+                }
+                $async$goto = t5 ? 16 : 17;
+                break;
+              case 16:
+                // then
+                $async$goto = 18;
+                return $async$iterator._yieldStar$1(A.Deprecation_forVersion0(version));
+              case 18:
+                // after yield
+              case 17:
+                // join
+                // goto for condition
+                $async$goto = 2;
+                break;
+              case 3:
+                // after for
+                // implicit return
+                return 0;
+              case 1:
+                // rethrow
+                return $async$iterator._datum = $async$errorStack.at(-1), 3;
+            }
+        };
+      };
+    },
+    $signature: 437
+  };
+  A.versionClass_closure.prototype = {
+    call$0() {
+      var t1 = type$.JSClass,
+        jsClass = t1._as(A.allowInteropCaptureThisNamed("sass.Version", new A.versionClass__closure()));
+      jsClass.parse = A.allowInteropNamed("parse", new A.versionClass__closure0());
+      A.JSClassExtension_injectSuperclass(t1._as(A.Version_Version(0, 0, 0, null).constructor), jsClass);
+      return jsClass;
+    },
+    $signature: 16
+  };
+  A.versionClass__closure.prototype = {
+    call$4($self, major, minor, patch) {
+      return A.Version_Version(major, minor, patch, null);
+    },
+    "call*": "call$4",
+    $requiredArgCount: 4,
+    $signature: 438
+  };
+  A.versionClass__closure0.prototype = {
+    call$1(version) {
+      var v = A.Version_Version$parse(version);
+      if (v.preRelease.length !== 0 || v.build.length !== 0)
+        throw A.wrapException(A.FormatException$("Build identifiers and prerelease versions not supported.", null, null));
+      return v;
+    },
+    $signature: 219
+  };
+  A.DisplayP3ColorSpace0.prototype = {
+    get$isBoundedInternal() {
+      return true;
+    },
+    toLinear$1(channel) {
+      return A.srgbAndDisplayP3ToLinear0(channel);
+    },
+    fromLinear$1(channel) {
+      return A.srgbAndDisplayP3FromLinear0(channel);
+    },
+    transformationMatrix$1(dest) {
+      var t1;
+      $label0$0: {
+        if (B.SrgbLinearColorSpace_kUj0 === dest || B.SrgbColorSpace_thf0 === dest || B.RgbColorSpace_i0P0 === dest) {
+          t1 = $.$get$linearDisplayP3ToLinearSrgb0();
+          break $label0$0;
+        }
+        if (B.A98RgbColorSpace_lf20 === dest) {
+          t1 = $.$get$linearDisplayP3ToLinearA98Rgb0();
+          break $label0$0;
+        }
+        if (B.ProphotoRgbColorSpace_BDz0 === dest) {
+          t1 = $.$get$linearDisplayP3ToLinearProphotoRgb0();
+          break $label0$0;
+        }
+        if (B.Rec2020ColorSpace_6oo0 === dest) {
+          t1 = $.$get$linearDisplayP3ToLinearRec20200();
+          break $label0$0;
+        }
+        if (B.XyzD65ColorSpace_WiJ0 === dest) {
+          t1 = $.$get$linearDisplayP3ToXyzD650();
+          break $label0$0;
+        }
+        if (B.XyzD50ColorSpace_2OB0 === dest) {
+          t1 = $.$get$linearDisplayP3ToXyzD500();
+          break $label0$0;
+        }
+        if (B.LmsColorSpace_Os30 === dest) {
+          t1 = $.$get$linearDisplayP3ToLms0();
+          break $label0$0;
+        }
+        t1 = this.super$ColorSpace$transformationMatrix0(dest);
+        break $label0$0;
+      }
+      return t1;
+    }
+  };
+  A.DynamicImport0.prototype = {
+    toString$0(_) {
+      return A.StringExpression_quoteText0(this.urlString);
+    },
+    $isImport0: 1,
+    $isAstNode0: 1,
+    $isSassNode: 1,
+    get$span(receiver) {
+      return this.span;
+    }
+  };
+  A.EachRule0.prototype = {
+    accept$1$1(visitor) {
+      return visitor.visitEachRule$1(0, this);
+    },
+    accept$1(visitor) {
+      return this.accept$1$1(visitor, type$.dynamic);
+    },
+    toString$0(_) {
+      var t1 = this.variables;
+      return "@each " + new A.MappedListIterable(t1, new A.EachRule_toString_closure0(), A._arrayInstanceType(t1)._eval$1("MappedListIterable<1,String>")).join$1(0, ", ") + " in " + this.list.toString$0(0) + " {" + B.JSArray_methods.join$1(this.children, " ") + "}";
+    },
+    get$span(receiver) {
+      return this.span;
+    }
+  };
+  A.EachRule_toString_closure0.prototype = {
+    call$1(variable) {
+      return "$" + variable;
+    },
+    $signature: 6
+  };
+  A.EmptyExtensionStore0.prototype = {
+    get$_extension_store$_extensions() {
+      return A.throwExpression(A.NoSuchMethodError_NoSuchMethodError$withInvocation(this, A.JSInvocationMirror$(B.Symbol__extensions, "get$_empty_extension_store0$_extensions", 1, [], [], 0)));
+    },
+    get$_extension_store$_sourceSpecificity() {
+      return A.throwExpression(A.NoSuchMethodError_NoSuchMethodError$withInvocation(this, A.JSInvocationMirror$(B.Symbol__sourceSpecificity, "get$_empty_extension_store0$_sourceSpecificity", 1, [], [], 0)));
+    },
+    get$isEmpty(_) {
+      return true;
+    },
+    get$simpleSelectors() {
+      return B.C_EmptyUnmodifiableSet0;
+    },
+    extensionsWhereTarget$1(callback) {
+      return B.List_empty19;
+    },
+    addSelector$2(selector, mediaContext) {
+      throw A.wrapException(A.UnsupportedError$("addSelector() can't be called for a const ExtensionStore."));
+    },
+    addExtension$4(extender, target, extend, mediaContext) {
+      throw A.wrapException(A.UnsupportedError$("addExtension() can't be called for a const ExtensionStore."));
+    },
+    addExtensions$1(extenders) {
+      throw A.wrapException(A.UnsupportedError$(string$.addExt));
+    },
+    clone$0() {
+      return B.Record2_EmptyExtensionStore_Map_empty0;
+    },
+    $isExtensionStore0: 1
+  };
+  A.Environment0.prototype = {
+    closure$0() {
+      var t4, t5, t6, _this = this,
+        t1 = _this._environment0$_forwardedModules,
+        t2 = _this._environment0$_nestedForwardedModules,
+        t3 = _this._environment0$_variables;
+      t3 = A._setArrayType(t3.slice(0), A._arrayInstanceType(t3));
+      t4 = _this._environment0$_variableNodes;
+      t4 = A._setArrayType(t4.slice(0), A._arrayInstanceType(t4));
+      t5 = _this._environment0$_functions;
+      t5 = A._setArrayType(t5.slice(0), A._arrayInstanceType(t5));
+      t6 = _this._environment0$_mixins;
+      t6 = A._setArrayType(t6.slice(0), A._arrayInstanceType(t6));
+      return A.Environment$_0(_this._environment0$_modules, _this._environment0$_namespaceNodes, _this._environment0$_globalModules, _this._environment0$_importedModules, t1, t2, _this._environment0$_allModules, t3, t4, t5, t6, _this._environment0$_content, B.Set_empty1);
+    },
+    forwardModule$2(module, rule) {
+      var view, t1, t2, _this = this,
+        forwardedModules = _this._environment0$_forwardedModules;
+      if (forwardedModules == null)
+        forwardedModules = _this._environment0$_forwardedModules = A.LinkedHashMap_LinkedHashMap$_empty(type$.Module_Callable_2, type$.AstNode_2);
+      view = A.ForwardedModuleView_ifNecessary0(module, rule, type$.Callable_2);
+      for (t1 = new A.LinkedHashMapKeyIterator(forwardedModules, forwardedModules._modifications, forwardedModules._first); t1.moveNext$0();) {
+        t2 = t1.__js_helper$_current;
+        _this._environment0$_assertNoConflicts$5(view.get$variables(), t2.get$variables(), view, t2, "variable");
+        _this._environment0$_assertNoConflicts$5(view.get$functions(view), t2.get$functions(t2), view, t2, "function");
+        _this._environment0$_assertNoConflicts$5(view.get$mixins(), t2.get$mixins(), view, t2, "mixin");
+      }
+      _this._environment0$_allModules.push(module);
+      forwardedModules.$indexSet(0, view, rule);
+    },
+    _environment0$_assertNoConflicts$5(newMembers, oldMembers, newModule, oldModule, type) {
+      var larger, smaller, t1, t2, t3, t4, $name, small, large, span;
+      if (newMembers.get$length(newMembers) < oldMembers.get$length(oldMembers)) {
+        larger = oldMembers;
+        smaller = newMembers;
+      } else {
+        larger = newMembers;
+        smaller = oldMembers;
+      }
+      for (t1 = type$.String, t2 = A.MapExtensions_get_pairs0(smaller, t1, type$.Object), t2 = t2.get$iterator(t2), t3 = type === "variable"; t2.moveNext$0();) {
+        t4 = t2.get$current(t2);
+        $name = t4._0;
+        small = t4._1;
+        large = larger.$index(0, $name);
+        if (large == null)
+          continue;
+        if (t3 ? newModule.variableIdentity$1($name) === oldModule.variableIdentity$1($name) : J.$eq$(large, small))
+          continue;
+        if (t3)
+          $name = "$" + $name;
+        t2 = this._environment0$_forwardedModules;
+        if (t2 == null)
+          span = null;
+        else {
+          t2 = t2.$index(0, oldModule);
+          span = t2 == null ? null : t2.get$span(t2);
+        }
+        t2 = A.LinkedHashMap_LinkedHashMap$_empty(type$.FileSpan, t1);
+        if (span != null)
+          t2.$indexSet(0, span, "original @forward");
+        throw A.wrapException(A.MultiSpanSassScriptException$0("Two forwarded modules both define a " + type + " named " + $name + ".", "new @forward", t2));
+      }
+    },
+    importForwards$1(module) {
+      var forwardedModules, t1, t2, t3, t4, node, t5, t6, t7, t8, t9, t10, _i, t11, shadowed, t12, t13, _length, _list, _this = this,
+        forwarded = module._environment0$_environment._environment0$_forwardedModules;
+      if (forwarded == null)
+        return;
+      forwardedModules = _this._environment0$_forwardedModules;
+      if (forwardedModules != null) {
+        t1 = type$.Module_Callable_2;
+        t2 = type$.AstNode_2;
+        t3 = A.LinkedHashMap_LinkedHashMap$_empty(t1, t2);
+        for (t1 = A.MapExtensions_get_pairs0(forwarded, t1, t2), t1 = t1.get$iterator(t1), t2 = _this._environment0$_globalModules; t1.moveNext$0();) {
+          t4 = t1.get$current(t1);
+          module = t4._0;
+          node = t4._1;
+          if (!forwardedModules.containsKey$1(module) || !t2.containsKey$1(module))
+            t3.$indexSet(0, module, node);
+        }
+        forwarded = t3;
+      } else
+        forwardedModules = _this._environment0$_forwardedModules = A.LinkedHashMap_LinkedHashMap$_empty(type$.Module_Callable_2, type$.AstNode_2);
+      t1 = type$.String;
+      t2 = A.LinkedHashSet_LinkedHashSet$_empty(t1);
+      for (t3 = new A.LinkedHashMapKeyIterator(forwarded, forwarded._modifications, forwarded._first); t3.moveNext$0();)
+        for (t4 = t3.__js_helper$_current.get$variables(), t4 = t4.get$keys(t4), t4 = t4.get$iterator(t4); t4.moveNext$0();)
+          t2.add$1(0, t4.get$current(t4));
+      t3 = A.LinkedHashSet_LinkedHashSet$_empty(t1);
+      for (t4 = new A.LinkedHashMapKeyIterator(forwarded, forwarded._modifications, forwarded._first); t4.moveNext$0();) {
+        t5 = t4.__js_helper$_current;
+        for (t5 = t5.get$functions(t5), t5 = t5.get$keys(t5), t5 = t5.get$iterator(t5); t5.moveNext$0();)
+          t3.add$1(0, t5.get$current(t5));
+      }
+      t1 = A.LinkedHashSet_LinkedHashSet$_empty(t1);
+      for (t4 = new A.LinkedHashMapKeyIterator(forwarded, forwarded._modifications, forwarded._first); t4.moveNext$0();)
+        for (t5 = t4.__js_helper$_current.get$mixins(), t5 = t5.get$keys(t5), t5 = t5.get$iterator(t5); t5.moveNext$0();)
+          t1.add$1(0, t5.get$current(t5));
+      t4 = _this._environment0$_variables;
+      t5 = t4.length;
+      if (t5 === 1) {
+        for (t5 = _this._environment0$_importedModules, t6 = type$.Module_Callable_2, t7 = type$.AstNode_2, t8 = A.MapExtensions_get_pairs0(t5, t6, t7).toList$0(0), t9 = t8.length, t10 = type$.Callable_2, _i = 0; _i < t8.length; t8.length === t9 || (0, A.throwConcurrentModificationError)(t8), ++_i) {
+          t11 = t8[_i];
+          module = t11._0;
+          shadowed = A.ShadowedModuleView_ifNecessary0(module, t3, t1, t2, t10);
+          if (shadowed != null) {
+            t5.remove$1(0, module);
+            t12 = shadowed.variables;
+            t13 = false;
+            if (t12.get$isEmpty(t12)) {
+              t12 = shadowed.functions;
+              if (t12.get$isEmpty(t12)) {
+                t12 = shadowed.mixins;
+                if (t12.get$isEmpty(t12)) {
+                  t12 = shadowed._shadowed_view0$_inner;
+                  t12 = t12.get$css(t12);
+                  t12 = J.get$isEmpty$asx(t12.get$children(t12));
+                } else
+                  t12 = t13;
+              } else
+                t12 = t13;
+            } else
+              t12 = t13;
+            if (!t12)
+              t5.$indexSet(0, shadowed, t11._1);
+          }
+        }
+        for (t6 = A.MapExtensions_get_pairs0(forwardedModules, t6, t7).toList$0(0), t7 = t6.length, _i = 0; _i < t6.length; t6.length === t7 || (0, A.throwConcurrentModificationError)(t6), ++_i) {
+          t8 = t6[_i];
+          module = t8._0;
+          shadowed = A.ShadowedModuleView_ifNecessary0(module, t3, t1, t2, t10);
+          if (shadowed != null) {
+            forwardedModules.remove$1(0, module);
+            t9 = shadowed.variables;
+            t11 = false;
+            if (t9.get$isEmpty(t9)) {
+              t9 = shadowed.functions;
+              if (t9.get$isEmpty(t9)) {
+                t9 = shadowed.mixins;
+                if (t9.get$isEmpty(t9)) {
+                  t9 = shadowed._shadowed_view0$_inner;
+                  t9 = t9.get$css(t9);
+                  t9 = J.get$isEmpty$asx(t9.get$children(t9));
+                } else
+                  t9 = t11;
+              } else
+                t9 = t11;
+            } else
+              t9 = t11;
+            if (!t9)
+              forwardedModules.$indexSet(0, shadowed, t8._1);
+          }
+        }
+        t5.addAll$1(0, forwarded);
+        forwardedModules.addAll$1(0, forwarded);
+      } else {
+        t6 = _this._environment0$_nestedForwardedModules;
+        if (t6 == null) {
+          _length = t5 - 1;
+          _list = J.JSArray_JSArray$allocateGrowable(_length, type$.List_Module_Callable_2);
+          for (t5 = type$.JSArray_Module_Callable_2, _i = 0; _i < _length; ++_i)
+            _list[_i] = A._setArrayType([], t5);
+          _this._environment0$_nestedForwardedModules = _list;
+          t5 = _list;
+        } else
+          t5 = t6;
+        B.JSArray_methods.addAll$1(B.JSArray_methods.get$last(t5), new A.LinkedHashMapKeysIterable(forwarded, A._instanceType(forwarded)._eval$1("LinkedHashMapKeysIterable<1>")));
+      }
+      for (t2 = A._LinkedHashSetIterator$(t2, t2._collection$_modifications, t2.$ti._precomputed1), t5 = _this._environment0$_variableIndices, t6 = _this._environment0$_variableNodes, t7 = t2.$ti._precomputed1; t2.moveNext$0();) {
+        t8 = t2._collection$_current;
+        if (t8 == null)
+          t8 = t7._as(t8);
+        t5.remove$1(0, t8);
+        B.JSArray_methods.get$last(t4).remove$1(0, t8);
+        B.JSArray_methods.get$last(t6).remove$1(0, t8);
+      }
+      for (t2 = A._LinkedHashSetIterator$(t3, t3._collection$_modifications, t3.$ti._precomputed1), t3 = _this._environment0$_functionIndices, t4 = _this._environment0$_functions, t5 = t2.$ti._precomputed1; t2.moveNext$0();) {
+        t6 = t2._collection$_current;
+        if (t6 == null)
+          t6 = t5._as(t6);
+        t3.remove$1(0, t6);
+        B.JSArray_methods.get$last(t4).remove$1(0, t6);
+      }
+      for (t1 = A._LinkedHashSetIterator$(t1, t1._collection$_modifications, t1.$ti._precomputed1), t2 = _this._environment0$_mixinIndices, t3 = _this._environment0$_mixins, t4 = t1.$ti._precomputed1; t1.moveNext$0();) {
+        t5 = t1._collection$_current;
+        if (t5 == null)
+          t5 = t4._as(t5);
+        t2.remove$1(0, t5);
+        B.JSArray_methods.get$last(t3).remove$1(0, t5);
+      }
+    },
+    getVariable$2$namespace($name, namespace) {
+      var t1, _0_0, _1_0, _this = this;
+      if (namespace != null)
+        return _this._environment0$_getModule$1(namespace).get$variables().$index(0, $name);
+      if (_this._environment0$_lastVariableName === $name) {
+        t1 = _this._environment0$_lastVariableIndex;
+        t1.toString;
+        t1 = _this._environment0$_variables[t1].$index(0, $name);
+        return t1 == null ? _this._environment0$_getVariableFromGlobalModule$1($name) : t1;
+      }
+      t1 = _this._environment0$_variableIndices;
+      _0_0 = t1.$index(0, $name);
+      if (_0_0 != null) {
+        _this._environment0$_lastVariableName = $name;
+        _this._environment0$_lastVariableIndex = _0_0;
+        t1 = _this._environment0$_variables[_0_0].$index(0, $name);
+        return t1 == null ? _this._environment0$_getVariableFromGlobalModule$1($name) : t1;
+      } else {
+        _1_0 = _this._environment0$_variableIndex$1($name);
+        if (_1_0 != null) {
+          _this._environment0$_lastVariableName = $name;
+          _this._environment0$_lastVariableIndex = _1_0;
+          t1.$indexSet(0, $name, _1_0);
+          t1 = _this._environment0$_variables[_1_0].$index(0, $name);
+          return t1 == null ? _this._environment0$_getVariableFromGlobalModule$1($name) : t1;
+        } else
+          return _this._environment0$_getVariableFromGlobalModule$1($name);
+      }
+    },
+    getVariable$1($name) {
+      return this.getVariable$2$namespace($name, null);
+    },
+    _environment0$_getVariableFromGlobalModule$1($name) {
+      return this._environment0$_fromOneModule$3($name, "variable", new A.Environment__getVariableFromGlobalModule_closure0($name));
+    },
+    getVariableNode$2$namespace($name, namespace) {
+      var t1, _0_0, _1_0, _this = this;
+      if (namespace != null)
+        return _this._environment0$_getModule$1(namespace).get$variableNodes().$index(0, $name);
+      if (_this._environment0$_lastVariableName === $name) {
+        t1 = _this._environment0$_lastVariableIndex;
+        t1.toString;
+        t1 = _this._environment0$_variableNodes[t1].$index(0, $name);
+        return t1 == null ? _this._environment0$_getVariableNodeFromGlobalModule$1($name) : t1;
+      }
+      t1 = _this._environment0$_variableIndices;
+      _0_0 = t1.$index(0, $name);
+      if (_0_0 != null) {
+        _this._environment0$_lastVariableName = $name;
+        _this._environment0$_lastVariableIndex = _0_0;
+        t1 = _this._environment0$_variableNodes[_0_0].$index(0, $name);
+        return t1 == null ? _this._environment0$_getVariableNodeFromGlobalModule$1($name) : t1;
+      } else {
+        _1_0 = _this._environment0$_variableIndex$1($name);
+        if (_1_0 != null) {
+          _this._environment0$_lastVariableName = $name;
+          _this._environment0$_lastVariableIndex = _1_0;
+          t1.$indexSet(0, $name, _1_0);
+          t1 = _this._environment0$_variableNodes[_1_0].$index(0, $name);
+          return t1 == null ? _this._environment0$_getVariableNodeFromGlobalModule$1($name) : t1;
+        } else
+          return _this._environment0$_getVariableNodeFromGlobalModule$1($name);
+      }
+    },
+    _environment0$_getVariableNodeFromGlobalModule$1($name) {
+      var t1, t2, _0_0;
+      for (t1 = this._environment0$_importedModules, t2 = this._environment0$_globalModules, t2 = new A.LinkedHashMapKeysIterable(t1, A._instanceType(t1)._eval$1("LinkedHashMapKeysIterable<1>")).followedBy$1(0, new A.LinkedHashMapKeysIterable(t2, A._instanceType(t2)._eval$1("LinkedHashMapKeysIterable<1>"))), t2 = new A.FollowedByIterator(J.get$iterator$ax(t2.__internal$_first), t2._second); t2.moveNext$0();) {
+        t1 = t2._currentIterator;
+        _0_0 = t1.get$current(t1).get$variableNodes().$index(0, $name);
+        if (_0_0 != null)
+          return _0_0;
+      }
+      return null;
+    },
+    globalVariableExists$2$namespace($name, namespace) {
+      if (namespace != null)
+        return this._environment0$_getModule$1(namespace).get$variables().containsKey$1($name);
+      if (B.JSArray_methods.get$first(this._environment0$_variables).containsKey$1($name))
+        return true;
+      return this._environment0$_getVariableFromGlobalModule$1($name) != null;
+    },
+    globalVariableExists$1($name) {
+      return this.globalVariableExists$2$namespace($name, null);
+    },
+    _environment0$_variableIndex$1($name) {
+      var t1, i;
+      for (t1 = this._environment0$_variables, i = t1.length - 1; i >= 0; --i)
+        if (t1[i].containsKey$1($name))
+          return i;
+      return null;
+    },
+    setVariable$5$global$namespace($name, value, nodeWithSpan, global, namespace) {
+      var t1, moduleWithName, nestedForwardedModules, t2, t3, t4, t5, index, _this = this;
+      if (namespace != null) {
+        _this._environment0$_getModule$1(namespace).setVariable$3($name, value, nodeWithSpan);
+        return;
+      }
+      if (global || _this._environment0$_variables.length === 1) {
+        _this._environment0$_variableIndices.putIfAbsent$2($name, new A.Environment_setVariable_closure2(_this, $name));
+        t1 = _this._environment0$_variables;
+        if (!B.JSArray_methods.get$first(t1).containsKey$1($name)) {
+          moduleWithName = _this._environment0$_fromOneModule$3($name, "variable", new A.Environment_setVariable_closure3($name));
+          if (moduleWithName != null) {
+            moduleWithName.setVariable$3($name, value, nodeWithSpan);
+            return;
+          }
+        }
+        B.JSArray_methods.get$first(t1).$indexSet(0, $name, value);
+        B.JSArray_methods.get$first(_this._environment0$_variableNodes).$indexSet(0, $name, nodeWithSpan);
+        return;
+      }
+      nestedForwardedModules = _this._environment0$_nestedForwardedModules;
+      if (nestedForwardedModules != null && !_this._environment0$_variableIndices.containsKey$1($name) && _this._environment0$_variableIndex$1($name) == null)
+        for (t1 = A._arrayInstanceType(nestedForwardedModules)._eval$1("ReversedListIterable<1>"), t2 = new A.ReversedListIterable(nestedForwardedModules, t1), t2 = new A.ListIterator(t2, t2.get$length(0), t1._eval$1("ListIterator<ListIterable.E>")), t1 = t1._eval$1("ListIterable.E"); t2.moveNext$0();) {
+          t3 = t2.__internal$_current;
+          for (t3 = J.get$reversed$ax(t3 == null ? t1._as(t3) : t3), t4 = t3.$ti, t3 = new A.ListIterator(t3, t3.get$length(0), t4._eval$1("ListIterator<ListIterable.E>")), t4 = t4._eval$1("ListIterable.E"); t3.moveNext$0();) {
+            t5 = t3.__internal$_current;
+            if (t5 == null)
+              t5 = t4._as(t5);
+            if (t5.get$variables().containsKey$1($name)) {
+              t5.setVariable$3($name, value, nodeWithSpan);
+              return;
+            }
+          }
+        }
+      if (_this._environment0$_lastVariableName === $name) {
+        t1 = _this._environment0$_lastVariableIndex;
+        t1.toString;
+        index = t1;
+      } else
+        index = _this._environment0$_variableIndices.putIfAbsent$2($name, new A.Environment_setVariable_closure4(_this, $name));
+      if (!_this._environment0$_inSemiGlobalScope && index === 0) {
+        index = _this._environment0$_variables.length - 1;
+        _this._environment0$_variableIndices.$indexSet(0, $name, index);
+      }
+      _this._environment0$_lastVariableName = $name;
+      _this._environment0$_lastVariableIndex = index;
+      _this._environment0$_variables[index].$indexSet(0, $name, value);
+      _this._environment0$_variableNodes[index].$indexSet(0, $name, nodeWithSpan);
+    },
+    setVariable$4$global($name, value, nodeWithSpan, global) {
+      return this.setVariable$5$global$namespace($name, value, nodeWithSpan, global, null);
+    },
+    setLocalVariable$3($name, value, nodeWithSpan) {
+      var index, _this = this,
+        t1 = _this._environment0$_variables,
+        t2 = t1.length;
+      _this._environment0$_lastVariableName = $name;
+      index = _this._environment0$_lastVariableIndex = t2 - 1;
+      _this._environment0$_variableIndices.$indexSet(0, $name, index);
+      t1[index].$indexSet(0, $name, value);
+      _this._environment0$_variableNodes[index].$indexSet(0, $name, nodeWithSpan);
+    },
+    getFunction$2$namespace($name, namespace) {
+      var t1, _0_0, _1_0, _this = this;
+      if (namespace != null) {
+        t1 = _this._environment0$_getModule$1(namespace);
+        return t1.get$functions(t1).$index(0, $name);
+      }
+      t1 = _this._environment0$_functionIndices;
+      _0_0 = t1.$index(0, $name);
+      if (_0_0 != null) {
+        t1 = _this._environment0$_functions[_0_0].$index(0, $name);
+        return t1 == null ? _this._environment0$_getFunctionFromGlobalModule$1($name) : t1;
+      } else {
+        _1_0 = _this._environment0$_functionIndex$1($name);
+        if (_1_0 != null) {
+          t1.$indexSet(0, $name, _1_0);
+          t1 = _this._environment0$_functions[_1_0].$index(0, $name);
+          return t1 == null ? _this._environment0$_getFunctionFromGlobalModule$1($name) : t1;
+        } else
+          return _this._environment0$_getFunctionFromGlobalModule$1($name);
+      }
+    },
+    getFunction$1($name) {
+      return this.getFunction$2$namespace($name, null);
+    },
+    _environment0$_getFunctionFromGlobalModule$1($name) {
+      return this._environment0$_fromOneModule$3($name, "function", new A.Environment__getFunctionFromGlobalModule_closure0($name));
+    },
+    _environment0$_functionIndex$1($name) {
+      var t1, i;
+      for (t1 = this._environment0$_functions, i = t1.length - 1; i >= 0; --i)
+        if (t1[i].containsKey$1($name))
+          return i;
+      return null;
+    },
+    getMixin$2$namespace($name, namespace) {
+      var t1, _0_0, _1_0, _this = this;
+      if (namespace != null)
+        return _this._environment0$_getModule$1(namespace).get$mixins().$index(0, $name);
+      t1 = _this._environment0$_mixinIndices;
+      _0_0 = t1.$index(0, $name);
+      if (_0_0 != null) {
+        t1 = _this._environment0$_mixins[_0_0].$index(0, $name);
+        return t1 == null ? _this._environment0$_getMixinFromGlobalModule$1($name) : t1;
+      } else {
+        _1_0 = _this._environment0$_mixinIndex$1($name);
+        if (_1_0 != null) {
+          t1.$indexSet(0, $name, _1_0);
+          t1 = _this._environment0$_mixins[_1_0].$index(0, $name);
+          return t1 == null ? _this._environment0$_getMixinFromGlobalModule$1($name) : t1;
+        } else
+          return _this._environment0$_getMixinFromGlobalModule$1($name);
+      }
+    },
+    _environment0$_getMixinFromGlobalModule$1($name) {
+      return this._environment0$_fromOneModule$3($name, "mixin", new A.Environment__getMixinFromGlobalModule_closure0($name));
+    },
+    _environment0$_mixinIndex$1($name) {
+      var t1, i;
+      for (t1 = this._environment0$_mixins, i = t1.length - 1; i >= 0; --i)
+        if (t1[i].containsKey$1($name))
+          return i;
+      return null;
+    },
+    withContent$2($content, callback) {
+      var oldContent = this._environment0$_content;
+      this._environment0$_content = $content;
+      callback.call$0();
+      this._environment0$_content = oldContent;
+    },
+    asMixin$1(callback) {
+      var oldInMixin = this._environment0$_inMixin;
+      this._environment0$_inMixin = true;
+      callback.call$0();
+      this._environment0$_inMixin = oldInMixin;
+    },
+    scope$1$3$semiGlobal$when(callback, semiGlobal, when) {
+      var wasInSemiGlobalScope, $name, name0, name1, t1, t2, t3, t4, t5, t6, _this = this;
+      semiGlobal = semiGlobal && _this._environment0$_inSemiGlobalScope;
+      wasInSemiGlobalScope = _this._environment0$_inSemiGlobalScope;
+      _this._environment0$_inSemiGlobalScope = semiGlobal;
+      if (!when)
+        try {
+          t1 = callback.call$0();
+          return t1;
+        } finally {
+          _this._environment0$_inSemiGlobalScope = wasInSemiGlobalScope;
+        }
+      t1 = _this._environment0$_variables;
+      t2 = type$.String;
+      B.JSArray_methods.add$1(t1, A.LinkedHashMap_LinkedHashMap$_empty(t2, type$.Value_2));
+      t3 = _this._environment0$_variableNodes;
+      B.JSArray_methods.add$1(t3, A.LinkedHashMap_LinkedHashMap$_empty(t2, type$.AstNode_2));
+      t4 = _this._environment0$_functions;
+      t5 = type$.Callable_2;
+      B.JSArray_methods.add$1(t4, A.LinkedHashMap_LinkedHashMap$_empty(t2, t5));
+      t6 = _this._environment0$_mixins;
+      B.JSArray_methods.add$1(t6, A.LinkedHashMap_LinkedHashMap$_empty(t2, t5));
+      t5 = _this._environment0$_nestedForwardedModules;
+      if (t5 != null)
+        t5.push(A._setArrayType([], type$.JSArray_Module_Callable_2));
+      try {
+        t2 = callback.call$0();
+        return t2;
+      } finally {
+        _this._environment0$_inSemiGlobalScope = wasInSemiGlobalScope;
+        _this._environment0$_lastVariableIndex = _this._environment0$_lastVariableName = null;
+        for (t1 = B.JSArray_methods.removeLast$0(t1), t1 = t1.get$keys(t1), t1 = t1.get$iterator(t1), t2 = _this._environment0$_variableIndices; t1.moveNext$0();) {
+          $name = t1.get$current(t1);
+          t2.remove$1(0, $name);
+        }
+        B.JSArray_methods.removeLast$0(t3);
+        for (t1 = B.JSArray_methods.removeLast$0(t4), t1 = t1.get$keys(t1), t1 = t1.get$iterator(t1), t2 = _this._environment0$_functionIndices; t1.moveNext$0();) {
+          name0 = t1.get$current(t1);
+          t2.remove$1(0, name0);
+        }
+        for (t1 = B.JSArray_methods.removeLast$0(t6), t1 = t1.get$keys(t1), t1 = t1.get$iterator(t1), t2 = _this._environment0$_mixinIndices; t1.moveNext$0();) {
+          name1 = t1.get$current(t1);
+          t2.remove$1(0, name1);
+        }
+        t1 = _this._environment0$_nestedForwardedModules;
+        if (t1 != null)
+          t1.pop();
+      }
+    },
+    scope$1$1(callback) {
+      return this.scope$1$3$semiGlobal$when(callback, false, true);
+    },
+    scope$1$2$when(callback, when) {
+      return this.scope$1$3$semiGlobal$when(callback, false, when);
+    },
+    scope$1$2$semiGlobal(callback, semiGlobal) {
+      return this.scope$1$3$semiGlobal$when(callback, semiGlobal, true);
+    },
+    toImplicitConfiguration$0() {
+      var t2, t3, t4, t5, t6, $name, value, i, values, nodes,
+        t1 = type$.String,
+        configuration = A.LinkedHashMap_LinkedHashMap$_empty(t1, type$.ConfiguredValue_2);
+      for (t2 = this._environment0$_importedModules, t2 = new A.LinkedHashMapKeyIterator(t2, t2._modifications, t2._first), t3 = type$.Value_2; t2.moveNext$0();) {
+        t4 = t2.__js_helper$_current;
+        for (t5 = A.MapExtensions_get_pairs0(t4.get$variables(), t1, t3), t5 = t5.get$iterator(t5); t5.moveNext$0();) {
+          t6 = t5.get$current(t5);
+          $name = t6._0;
+          value = t6._1;
+          t6 = t4.get$variableNodes().$index(0, $name);
+          t6.toString;
+          configuration.$indexSet(0, $name, new A.ConfiguredValue0(value, null, t6));
+        }
+      }
+      for (t2 = this._environment0$_variables, t4 = this._environment0$_variableNodes, i = 0; i < t2.length; ++i) {
+        values = t2[i];
+        nodes = t4[i];
+        for (t5 = A.MapExtensions_get_pairs0(values, t1, t3), t5 = t5.get$iterator(t5); t5.moveNext$0();) {
+          t6 = t5.get$current(t5);
+          $name = t6._0;
+          value = t6._1;
+          t6 = nodes.$index(0, $name);
+          t6.toString;
+          configuration.$indexSet(0, $name, new A.ConfiguredValue0(value, null, t6));
+        }
+      }
+      return new A.Configuration0(configuration, null);
+    },
+    toModule$3(css, preModuleComments, extensionStore) {
+      return A._EnvironmentModule__EnvironmentModule1(this, css, preModuleComments, extensionStore, A.NullableExtension_andThen0(this._environment0$_forwardedModules, new A.Environment_toModule_closure0()));
+    },
+    toDummyModule$0() {
+      return A._EnvironmentModule__EnvironmentModule1(this, new A.CssStylesheet0(new A.UnmodifiableListView(B.List_empty18, type$.UnmodifiableListView_CssNode_2), A.SourceFile$decoded(B.List_empty4, "<dummy module>").span$1(0, 0)), B.Map_empty10, B.C_EmptyExtensionStore0, A.NullableExtension_andThen0(this._environment0$_forwardedModules, new A.Environment_toDummyModule_closure0()));
+    },
+    _environment0$_getModule$1(namespace) {
+      var _0_0 = this._environment0$_modules.$index(0, namespace);
+      if (_0_0 != null)
+        return _0_0;
+      throw A.wrapException(A.SassScriptException$0('There is no module with the namespace "' + namespace + '".', null));
+    },
+    _environment0$_fromOneModule$1$3($name, type, callback) {
+      var t1, t2, t3, t4, t5, _1_0, _2_0, value, identity, valueInModule, identityFromModule, module, node,
+        _0_0 = this._environment0$_nestedForwardedModules;
+      if (_0_0 != null)
+        for (t1 = A._arrayInstanceType(_0_0)._eval$1("ReversedListIterable<1>"), t2 = new A.ReversedListIterable(_0_0, t1), t2 = new A.ListIterator(t2, t2.get$length(0), t1._eval$1("ListIterator<ListIterable.E>")), t1 = t1._eval$1("ListIterable.E"); t2.moveNext$0();) {
+          t3 = t2.__internal$_current;
+          for (t3 = J.get$reversed$ax(t3 == null ? t1._as(t3) : t3), t4 = t3.$ti, t3 = new A.ListIterator(t3, t3.get$length(0), t4._eval$1("ListIterator<ListIterable.E>")), t4 = t4._eval$1("ListIterable.E"); t3.moveNext$0();) {
+            t5 = t3.__internal$_current;
+            _1_0 = callback.call$1(t5 == null ? t4._as(t5) : t5);
+            if (_1_0 != null)
+              return _1_0;
+          }
+        }
+      for (t1 = this._environment0$_importedModules, t1 = new A.LinkedHashMapKeyIterator(t1, t1._modifications, t1._first); t1.moveNext$0();) {
+        _2_0 = callback.call$1(t1.__js_helper$_current);
+        if (_2_0 != null)
+          return _2_0;
+      }
+      for (t1 = this._environment0$_globalModules, t2 = new A.LinkedHashMapKeyIterator(t1, t1._modifications, t1._first), t3 = type$.Callable_2, value = null, identity = null; t2.moveNext$0();) {
+        t4 = t2.__js_helper$_current;
+        valueInModule = callback.call$1(t4);
+        if (valueInModule == null)
+          continue;
+        identityFromModule = t3._is(valueInModule) ? valueInModule : t4.variableIdentity$1($name);
+        if (identityFromModule.$eq(0, identity))
+          continue;
+        if (value != null) {
+          t2 = A.LinkedHashMap_LinkedHashMap$_empty(type$.FileSpan, type$.String);
+          for (t3 = A.MapExtensions_get_pairs0(t1, type$.Module_Callable_2, type$.AstNode_2), t3 = t3.get$iterator(t3), t4 = "includes " + type; t3.moveNext$0();) {
+            t1 = t3.get$current(t3);
+            module = t1._0;
+            node = t1._1;
+            if (callback.call$1(module) != null)
+              t2.$indexSet(0, node.get$span(node), t4);
+          }
+          throw A.wrapException(A.MultiSpanSassScriptException$0("This " + type + string$.x20is_av, type + " use", t2));
+        }
+        identity = identityFromModule;
+        value = valueInModule;
+      }
+      return value;
+    },
+    _environment0$_fromOneModule$3($name, type, callback) {
+      return this._environment0$_fromOneModule$1$3($name, type, callback, type$.dynamic);
+    }
+  };
+  A.Environment__getVariableFromGlobalModule_closure0.prototype = {
+    call$1(module) {
+      return module.get$variables().$index(0, this.name);
+    },
+    $signature: 441
+  };
+  A.Environment_setVariable_closure2.prototype = {
+    call$0() {
+      var t1 = this.$this;
+      t1._environment0$_lastVariableName = this.name;
+      return t1._environment0$_lastVariableIndex = 0;
+    },
+    $signature: 10
+  };
+  A.Environment_setVariable_closure3.prototype = {
+    call$1(module) {
+      return module.get$variables().containsKey$1(this.name) ? module : null;
+    },
+    $signature: 442
+  };
+  A.Environment_setVariable_closure4.prototype = {
+    call$0() {
+      var t1 = this.$this,
+        t2 = t1._environment0$_variableIndex$1(this.name);
+      return t2 == null ? t1._environment0$_variables.length - 1 : t2;
+    },
+    $signature: 10
+  };
+  A.Environment__getFunctionFromGlobalModule_closure0.prototype = {
+    call$1(module) {
+      return module.get$functions(module).$index(0, this.name);
+    },
+    $signature: 221
+  };
+  A.Environment__getMixinFromGlobalModule_closure0.prototype = {
+    call$1(module) {
+      return module.get$mixins().$index(0, this.name);
+    },
+    $signature: 221
+  };
+  A.Environment_toModule_closure0.prototype = {
+    call$1(modules) {
+      return new A.MapKeySet(modules, type$.MapKeySet_Module_Callable_2);
+    },
+    $signature: 222
+  };
+  A.Environment_toDummyModule_closure0.prototype = {
+    call$1(modules) {
+      return new A.MapKeySet(modules, type$.MapKeySet_Module_Callable_2);
+    },
+    $signature: 222
+  };
+  A._EnvironmentModule1.prototype = {
+    get$url(_) {
+      var t1 = this.css;
+      return t1.get$span(t1).file.url;
+    },
+    setVariable$3($name, value, nodeWithSpan) {
+      var t1, t2,
+        _0_0 = this._environment0$_modulesByVariable.$index(0, $name);
+      if (_0_0 != null) {
+        _0_0.setVariable$3($name, value, nodeWithSpan);
+        return;
+      }
+      t1 = this._environment0$_environment;
+      t2 = t1._environment0$_variables;
+      if (!B.JSArray_methods.get$first(t2).containsKey$1($name))
+        throw A.wrapException(A.SassScriptException$0("Undefined variable.", null));
+      B.JSArray_methods.get$first(t2).$indexSet(0, $name, value);
+      B.JSArray_methods.get$first(t1._environment0$_variableNodes).$indexSet(0, $name, nodeWithSpan);
+      return;
+    },
+    variableIdentity$1($name) {
+      var module = this._environment0$_modulesByVariable.$index(0, $name);
+      return module == null ? this : module.variableIdentity$1($name);
+    },
+    couldHaveBeenConfigured$1(variables) {
+      var t2, t3, _0_0, variable, module,
+        t1 = this._environment0$_environment._environment0$_configurableVariables;
+      if (!(variables.get$length(variables) < t1.get$length(t1) ? variables.any$1(0, t1.get$contains(t1)) : t1.any$1(0, variables.get$contains(variables)))) {
+        t1 = this._environment0$_modulesByVariable;
+        t2 = type$.Module_Callable_2;
+        if (variables.get$length(variables) < t1.get$length(t1)) {
+          t2 = A.LinkedHashSet_LinkedHashSet$_empty(t2);
+          for (t3 = variables.get$iterator(variables); t3.moveNext$0();) {
+            _0_0 = t1.$index(0, t3.get$current(t3));
+            if (_0_0 != null)
+              t2.add$1(0, _0_0);
+          }
+          t1 = t2;
+        } else {
+          t3 = A.LinkedHashSet_LinkedHashSet$_empty(t2);
+          for (t1 = A.MapExtensions_get_pairs0(t1, type$.String, t2), t1 = t1.get$iterator(t1); t1.moveNext$0();) {
+            t2 = t1.get$current(t1);
+            variable = t2._0;
+            module = t2._1;
+            if (variables.contains$1(0, variable))
+              t3.add$1(0, module);
+          }
+          t1 = t3;
+        }
+        t1 = t1.any$1(0, new A._EnvironmentModule_couldHaveBeenConfigured_closure1(variables));
+      } else
+        t1 = true;
+      return t1;
+    },
+    cloneCss$0() {
+      var _0_0, _this = this;
+      if (!_this.transitivelyContainsCss)
+        return _this;
+      _0_0 = A.cloneCssStylesheet0(_this.css, _this.extensionStore);
+      return A._EnvironmentModule$_1(_this._environment0$_environment, _0_0._0, _this.preModuleComments, _0_0._1, _this._environment0$_modulesByVariable, _this.variables, _this.variableNodes, _this.functions, _this.mixins, true, _this.transitivelyContainsExtensions);
+    },
+    toString$0(_) {
+      var t2,
+        t1 = this.css;
+      if (t1.get$span(t1).file.url == null)
+        t1 = "<unknown url>";
+      else {
+        t1 = t1.get$span(t1).file.url;
+        t2 = $.$get$context();
+        t1.toString;
+        t1 = t2.prettyUri$1(t1);
+      }
+      return t1;
+    },
+    $isModule1: 1,
+    get$upstream() {
+      return this.upstream;
+    },
+    get$variables() {
+      return this.variables;
+    },
+    get$variableNodes() {
+      return this.variableNodes;
+    },
+    get$functions(receiver) {
+      return this.functions;
+    },
+    get$mixins() {
+      return this.mixins;
+    },
+    get$extensionStore() {
+      return this.extensionStore;
+    },
+    get$css(receiver) {
+      return this.css;
+    },
+    get$preModuleComments() {
+      return this.preModuleComments;
+    },
+    get$transitivelyContainsCss() {
+      return this.transitivelyContainsCss;
+    },
+    get$transitivelyContainsExtensions() {
+      return this.transitivelyContainsExtensions;
+    }
+  };
+  A._EnvironmentModule__EnvironmentModule_closure11.prototype = {
+    call$1(module) {
+      return module.get$variables();
+    },
+    $signature: 445
+  };
+  A._EnvironmentModule__EnvironmentModule_closure12.prototype = {
+    call$1(module) {
+      return module.get$variableNodes();
+    },
+    $signature: 446
+  };
+  A._EnvironmentModule__EnvironmentModule_closure13.prototype = {
+    call$1(module) {
+      return module.get$functions(module);
+    },
+    $signature: 223
+  };
+  A._EnvironmentModule__EnvironmentModule_closure14.prototype = {
+    call$1(module) {
+      return module.get$mixins();
+    },
+    $signature: 223
+  };
+  A._EnvironmentModule__EnvironmentModule_closure15.prototype = {
+    call$1(module) {
+      return module.get$transitivelyContainsCss();
+    },
+    $signature: 108
+  };
+  A._EnvironmentModule__EnvironmentModule_closure16.prototype = {
+    call$1(module) {
+      return module.get$transitivelyContainsExtensions();
+    },
+    $signature: 108
+  };
+  A._EnvironmentModule_couldHaveBeenConfigured_closure1.prototype = {
+    call$1(module) {
+      return module.couldHaveBeenConfigured$1(this.variables);
+    },
+    $signature: 108
+  };
+  A.ErrorRule0.prototype = {
+    accept$1$1(visitor) {
+      return visitor.visitErrorRule$1(0, this);
+    },
+    accept$1(visitor) {
+      return this.accept$1$1(visitor, type$.dynamic);
+    },
+    toString$0(_) {
+      return "@error " + this.expression.toString$0(0) + ";";
+    },
+    get$span(receiver) {
+      return this.span;
+    }
+  };
+  A._EvaluateVisitor1.prototype = {
+    _EvaluateVisitor$6$functions$importCache$logger$nodeImporter$quietDeps$sourceMap1(functions, importCache, logger, nodeImporter, quietDeps, sourceMap) {
+      var t2, metaModule, t3, _i, module, $function, t4, _this = this,
+        _s20_ = "$name, $module: null",
+        _s9_ = "sass:meta",
+        _s7_ = "$module",
+        t1 = type$.JSArray_BuiltInCallable_2,
+        metaFunctions = A._setArrayType([A.BuiltInCallable$function0("global-variable-exists", _s20_, new A._EvaluateVisitor_closure25(_this), _s9_), A.BuiltInCallable$function0("variable-exists", "$name", new A._EvaluateVisitor_closure26(_this), _s9_), A.BuiltInCallable$function0("function-exists", _s20_, new A._EvaluateVisitor_closure27(_this), _s9_), A.BuiltInCallable$function0("mixin-exists", _s20_, new A._EvaluateVisitor_closure28(_this), _s9_), A.BuiltInCallable$function0("content-exists", "", new A._EvaluateVisitor_closure29(_this), _s9_), A.BuiltInCallable$function0("module-variables", _s7_, new A._EvaluateVisitor_closure30(_this), _s9_), A.BuiltInCallable$function0("module-functions", _s7_, new A._EvaluateVisitor_closure31(_this), _s9_), A.BuiltInCallable$function0("module-mixins", _s7_, new A._EvaluateVisitor_closure32(_this), _s9_), A.BuiltInCallable$function0("get-function", "$name, $css: false, $module: null", new A._EvaluateVisitor_closure33(_this), _s9_), A.BuiltInCallable$function0("get-mixin", _s20_, new A._EvaluateVisitor_closure34(_this), _s9_), A.BuiltInCallable$function0("call", "$function, $args...", new A._EvaluateVisitor_closure35(_this), _s9_)], t1),
+        metaMixins = A._setArrayType([A.BuiltInCallable$mixin0("load-css", "$url, $with: null", new A._EvaluateVisitor_closure36(_this), false, _s9_), A.BuiltInCallable$mixin0("apply", "$mixin, $args...", new A._EvaluateVisitor_closure37(_this), true, _s9_)], t1);
+      t1 = type$.BuiltInCallable_2;
+      t2 = A.List_List$_of($.$get$moduleFunctions0(), t1);
+      B.JSArray_methods.addAll$1(t2, metaFunctions);
+      metaModule = A.BuiltInModule$0("meta", t2, metaMixins, null, t1);
+      t1 = A.List_List$_of($.$get$coreModules0(), type$.BuiltInModule_Callable_2);
+      t1.push(metaModule);
+      t2 = t1.length;
+      t3 = _this._evaluate0$_builtInModules;
+      _i = 0;
+      for (; _i < t1.length; t1.length === t2 || (0, A.throwConcurrentModificationError)(t1), ++_i) {
+        module = t1[_i];
+        t3.$indexSet(0, module.url, module);
+      }
+      t1 = type$.JSArray_Callable_2;
+      t2 = A._setArrayType([], t1);
+      B.JSArray_methods.addAll$1(t2, functions);
+      B.JSArray_methods.addAll$1(t2, $.$get$globalFunctions0());
+      t1 = A._setArrayType([], t1);
+      for (_i = 0; _i < 11; ++_i)
+        t1.push(metaFunctions[_i].withDeprecationWarning$1("meta"));
+      B.JSArray_methods.addAll$1(t2, t1);
+      for (t1 = t2.length, t3 = _this._evaluate0$_builtInFunctions, _i = 0; _i < t2.length; t2.length === t1 || (0, A.throwConcurrentModificationError)(t2), ++_i) {
+        $function = t2[_i];
+        t4 = $function.get$name($function);
+        t3.$indexSet(0, A.stringReplaceAllUnchecked(t4, "_", "-"), $function);
+      }
+    },
+    run$2(_, importer, node) {
+      var error, stackTrace, t1, exception;
+      try {
+        t1 = type$.nullable_Object;
+        t1 = A.runZoned(new A._EvaluateVisitor_run_closure1(this, node, importer), A.LinkedHashMap_LinkedHashMap$_literal([B.Symbol__evaluationContext, new A._EvaluationContext1(this, node)], t1, t1), type$.Record_2_Set_Uri_loadedUrls_and_CssStylesheet_stylesheet_2);
+        return t1;
+      } catch (exception) {
+        t1 = A.unwrapException(exception);
+        if (t1 instanceof A.SassException0) {
+          error = t1;
+          stackTrace = A.getTraceFromException(exception);
+          A.throwWithTrace0(error.withLoadedUrls$1(this._evaluate0$_loadedUrls), error, stackTrace);
+        } else
+          throw exception;
+      }
+    },
+    _evaluate0$_assertInModule$1$2(value, $name) {
+      if (value != null)
+        return value;
+      throw A.wrapException(A.StateError$("Can't access " + $name + " outside of a module."));
+    },
+    _evaluate0$_assertInModule$2(value, $name) {
+      return this._evaluate0$_assertInModule$1$2(value, $name, type$.dynamic);
+    },
+    _evaluate0$_loadModule$7$baseUrl$configuration$namesInErrors(url, stackFrame, nodeWithSpan, callback, baseUrl, configuration, namesInErrors) {
+      var t2, _this = this,
+        _0_0 = _this._evaluate0$_builtInModules.$index(0, url),
+        t1 = {};
+      t1.builtInModule = null;
+      if (_0_0 != null) {
+        t1.builtInModule = _0_0;
+        if (configuration instanceof A.ExplicitConfiguration0) {
+          t1 = namesInErrors ? "Built-in module " + url.toString$0(0) + " can't be configured." : "Built-in modules can't be configured.";
+          t2 = configuration.nodeWithSpan;
+          throw A.wrapException(_this._evaluate0$_exception$2(t1, t2.get$span(t2)));
+        }
+        _this._evaluate0$_addExceptionSpan$2(nodeWithSpan, new A._EvaluateVisitor__loadModule_closure3(t1, callback));
+        return;
+      }
+      _this._evaluate0$_withStackFrame$3(stackFrame, nodeWithSpan, new A._EvaluateVisitor__loadModule_closure4(_this, url, nodeWithSpan, baseUrl, namesInErrors, configuration, callback));
+    },
+    _evaluate0$_loadModule$5$configuration(url, stackFrame, nodeWithSpan, callback, configuration) {
+      return this._evaluate0$_loadModule$7$baseUrl$configuration$namesInErrors(url, stackFrame, nodeWithSpan, callback, null, configuration, false);
+    },
+    _evaluate0$_loadModule$4(url, stackFrame, nodeWithSpan, callback) {
+      return this._evaluate0$_loadModule$7$baseUrl$configuration$namesInErrors(url, stackFrame, nodeWithSpan, callback, null, null, false);
+    },
+    _evaluate0$_execute$5$configuration$namesInErrors$nodeWithSpan(importer, stylesheet, configuration, namesInErrors, nodeWithSpan) {
+      var t3, message, existingSpan, configurationSpan, environment, css, preModuleComments, extensionStore, module, _this = this,
+        url = stylesheet.span.file.url,
+        t1 = configuration == null,
+        currentConfiguration = t1 ? _this._evaluate0$_configuration : configuration,
+        t2 = _this._evaluate0$_modules,
+        _0_0 = t2.$index(0, url);
+      if (_0_0 != null) {
+        t2 = _this._evaluate0$_moduleConfigurations.$index(0, url);
+        t3 = t2._configuration0$__originalConfiguration;
+        t2 = t3 == null ? t2 : t3;
+        t3 = currentConfiguration._configuration0$__originalConfiguration;
+        if (t2 !== (t3 == null ? currentConfiguration : t3) && currentConfiguration instanceof A.ExplicitConfiguration0 && _0_0.couldHaveBeenConfigured$1(new A.MapKeySet(new A.UnmodifiableMapView(currentConfiguration._configuration0$_values, type$.UnmodifiableMapView_String_ConfiguredValue_2), type$.MapKeySet_String))) {
+          if (namesInErrors) {
+            t2 = $.$get$context();
+            url.toString;
+            message = t2.prettyUri$1(url) + string$.x20was_a;
+          } else
+            message = string$.This_mw;
+          t2 = _this._evaluate0$_moduleNodes.$index(0, url);
+          existingSpan = t2 == null ? null : t2.get$span(t2);
+          if (t1) {
+            t1 = currentConfiguration.nodeWithSpan;
+            configurationSpan = t1.get$span(t1);
+          } else
+            configurationSpan = null;
+          t1 = A.LinkedHashMap_LinkedHashMap$_empty(type$.FileSpan, type$.String);
+          if (existingSpan != null)
+            t1.$indexSet(0, existingSpan, "original load");
+          if (configurationSpan != null)
+            t1.$indexSet(0, configurationSpan, "configuration");
+          throw A.wrapException(t1.get$isEmpty(0) ? _this._evaluate0$_exception$1(message) : _this._evaluate0$_multiSpanException$3(message, "new load", t1));
+        }
+        return _0_0;
+      }
+      environment = A.Environment$0();
+      css = A._Cell$();
+      preModuleComments = A._Cell$();
+      extensionStore = A.ExtensionStore$0();
+      _this._evaluate0$_withEnvironment$2(environment, new A._EvaluateVisitor__execute_closure1(_this, importer, stylesheet, extensionStore, configuration, css, preModuleComments));
+      t1 = css._readLocal$0();
+      t3 = preModuleComments._readLocal$0();
+      module = environment.toModule$3(t1, t3 == null ? B.Map_empty10 : t3, extensionStore);
+      if (url != null) {
+        t2.$indexSet(0, url, module);
+        _this._evaluate0$_moduleConfigurations.$indexSet(0, url, currentConfiguration);
+        if (nodeWithSpan != null)
+          _this._evaluate0$_moduleNodes.$indexSet(0, url, nodeWithSpan);
+      }
+      return module;
+    },
+    _evaluate0$_execute$2(importer, stylesheet) {
+      return this._evaluate0$_execute$5$configuration$namesInErrors$nodeWithSpan(importer, stylesheet, null, false, null);
+    },
+    _evaluate0$_addOutOfOrderImports$0() {
+      var t1, t2, _this = this, _s5_ = "_root",
+        _s13_ = "_endOfImports",
+        _0_0 = _this._evaluate0$_outOfOrderImports;
+      $label0$0: {
+        if (_0_0 == null) {
+          t1 = _this._evaluate0$_assertInModule$2(_this._evaluate0$__root, _s5_).children;
+          break $label0$0;
+        }
+        t1 = _this._evaluate0$_assertInModule$2(_this._evaluate0$__root, _s5_).children;
+        t1 = A.List_List$_of(A.SubListIterable$(t1, 0, A.checkNotNullable(_this._evaluate0$_assertInModule$2(_this._evaluate0$__endOfImports, _s13_), "count", type$.int), t1.$ti._eval$1("ListBase.E")), type$.ModifiableCssNode_2);
+        B.JSArray_methods.addAll$1(t1, _0_0);
+        t2 = _this._evaluate0$_assertInModule$2(_this._evaluate0$__root, _s5_).children;
+        B.JSArray_methods.addAll$1(t1, A.SubListIterable$(t2, _this._evaluate0$_assertInModule$2(_this._evaluate0$__endOfImports, _s13_), null, t2.$ti._eval$1("ListBase.E")));
+        break $label0$0;
+      }
+      return t1;
+    },
+    _evaluate0$_combineCss$2$clone(root, clone) {
+      var selectors, _0_0, t1, imports, css, sorted, t2;
+      if (!B.JSArray_methods.any$1(root.get$upstream(), new A._EvaluateVisitor__combineCss_closure3())) {
+        selectors = root.get$extensionStore().get$simpleSelectors();
+        _0_0 = A.IterableExtension_get_firstOrNull(root.get$extensionStore().extensionsWhereTarget$1(new A._EvaluateVisitor__combineCss_closure4(selectors)));
+        if (_0_0 != null)
+          this._evaluate0$_throwForUnsatisfiedExtension$1(_0_0);
+        return root.get$css(root);
+      }
+      t1 = type$.JSArray_CssNode_2;
+      imports = A._setArrayType([], t1);
+      css = A._setArrayType([], t1);
+      t1 = type$.Module_Callable_2;
+      sorted = A.ListQueue$(t1);
+      new A._EvaluateVisitor__combineCss_visitModule1(this, A.LinkedHashSet_LinkedHashSet$_empty(t1), clone, css, imports, sorted).call$1(root);
+      if (root.get$transitivelyContainsExtensions())
+        this._evaluate0$_extendModules$1(sorted);
+      t1 = B.JSArray_methods.$add(imports, css);
+      t2 = root.get$css(root);
+      return new A.CssStylesheet0(new A.UnmodifiableListView(t1, type$.UnmodifiableListView_CssNode_2), t2.get$span(t2));
+    },
+    _evaluate0$_combineCss$1(root) {
+      return this._evaluate0$_combineCss$2$clone(root, false);
+    },
+    _evaluate0$_extendModules$1(sortedModules) {
+      var t1, t2, t3, originalSelectors, $self, t4, t5, _i, upstream, _0_0,
+        downstreamExtensionStores = A.LinkedHashMap_LinkedHashMap$_empty(type$.Uri, type$.List_ExtensionStore_2),
+        unsatisfiedExtensions = new A._LinkedIdentityHashSet(type$._LinkedIdentityHashSet_Extension_2);
+      for (t1 = A._ListQueueIterator$(sortedModules, sortedModules.$ti._precomputed1), t2 = t1.$ti._precomputed1; t1.moveNext$0();) {
+        t3 = t1._collection$_current;
+        if (t3 == null)
+          t3 = t2._as(t3);
+        originalSelectors = t3.get$extensionStore().get$simpleSelectors().toSet$0(0);
+        unsatisfiedExtensions.addAll$1(0, t3.get$extensionStore().extensionsWhereTarget$1(new A._EvaluateVisitor__extendModules_closure3(originalSelectors)));
+        $self = downstreamExtensionStores.$index(0, t3.get$url(t3));
+        t4 = t3.get$extensionStore().get$addExtensions();
+        if ($self != null)
+          t4.call$1($self);
+        t4 = t3.get$extensionStore();
+        if (t4.get$isEmpty(t4))
+          continue;
+        for (t4 = t3.get$upstream(), t5 = t4.length, _i = 0; _i < t4.length; t4.length === t5 || (0, A.throwConcurrentModificationError)(t4), ++_i) {
+          upstream = t4[_i];
+          _0_0 = upstream.get$url(upstream);
+          if (_0_0 != null)
+            J.add$1$ax(downstreamExtensionStores.putIfAbsent$2(_0_0, new A._EvaluateVisitor__extendModules_closure4()), t3.get$extensionStore());
+        }
+        unsatisfiedExtensions.removeAll$1(t3.get$extensionStore().extensionsWhereTarget$1(originalSelectors.get$contains(originalSelectors)));
+      }
+      if (unsatisfiedExtensions._collection$_length !== 0)
+        this._evaluate0$_throwForUnsatisfiedExtension$1(unsatisfiedExtensions.get$first(0));
+    },
+    _evaluate0$_throwForUnsatisfiedExtension$1(extension) {
+      throw A.wrapException(A.SassException$0(string$.The_ta + extension.target.toString$0(0) + ' !optional" to avoid this error.', extension.span, null));
+    },
+    _evaluate0$_indexAfterImports$1(statements) {
+      var t1, lastImport, i, _0_0;
+      for (t1 = J.getInterceptor$asx(statements), lastImport = -1, i = 0; i < t1.get$length(statements); ++i) {
+        $label0$0: {
+          _0_0 = t1.$index(statements, i);
+          if (_0_0 instanceof A.ModifiableCssImport0)
+            break $label0$0;
+          if (_0_0 instanceof A.ModifiableCssComment0)
+            continue;
+          break;
+        }
+        lastImport = i;
+      }
+      return lastImport + 1;
+    },
+    visitStylesheet$1(_, node) {
+      var t1, t2, warning, _i, $name, span;
+      for (t1 = node.parseTimeWarnings, t2 = t1.$ti, t1 = new A.ListIterator(t1, t1.get$length(0), t2._eval$1("ListIterator<ListBase.E>")), t2 = t2._eval$1("ListBase.E"); t1.moveNext$0();) {
+        warning = t1.__internal$_current;
+        if (warning == null)
+          warning = t2._as(warning);
+        this._evaluate0$_warn$3(warning._1, warning._2, warning._0);
+      }
+      for (t1 = node.children, t2 = t1.length, _i = 0; _i < t2; ++_i)
+        t1[_i].accept$1(this);
+      for (t1 = A.MapExtensions_get_pairs0(node.globalVariables, type$.String, type$.FileSpan), t1 = t1.get$iterator(t1); t1.moveNext$0();) {
+        t2 = t1.get$current(t1);
+        $name = t2._0;
+        span = t2._1;
+        this.visitVariableDeclaration$1(0, new A.VariableDeclaration0(null, $name, new A.NullExpression0(span), true, false, span));
+      }
+      return null;
+    },
+    visitAtRootRule$1(_, node) {
+      var t1, _2_0, root, first, rest, innerCopy, outerCopy, _i, copy, _this = this, _null = null,
+        _s8_ = "__parent",
+        _0_0 = node.query,
+        query = _0_0 != null ? new A.AtRootQueryParser0(A.SpanScanner$(_this._evaluate0$_performInterpolationWithMap$2$warnForColor(_0_0, true)._0, _null), _null).parse$0(0) : B.AtRootQuery_bfj0,
+        $parent = _this._evaluate0$_assertInModule$2(_this._evaluate0$__parent, _s8_),
+        included = A._setArrayType([], type$.JSArray_ModifiableCssParentNode_2);
+      for (t1 = type$.CssStylesheet_2; !t1._is($parent); $parent = _2_0) {
+        if (!query.excludes$1($parent))
+          included.push($parent);
+        _2_0 = $parent._node$_parent;
+        if (_2_0 == null)
+          throw A.wrapException(A.StateError$(string$.CssNod));
+      }
+      root = _this._evaluate0$_trimIncluded$1(included);
+      if (root === _this._evaluate0$_assertInModule$2(_this._evaluate0$__parent, _s8_)) {
+        _this._evaluate0$_environment.scope$1$2$when(new A._EvaluateVisitor_visitAtRootRule_closure3(_this, node), node.hasDeclarations, type$.Null);
+        return _null;
+      }
+      if (included.length >= 1) {
+        first = included[0];
+        rest = B.JSArray_methods.sublist$1(included, 1);
+        innerCopy = first.copyWithoutChildren$0();
+        for (t1 = rest.length, outerCopy = innerCopy, _i = 0; _i < rest.length; rest.length === t1 || (0, A.throwConcurrentModificationError)(rest), ++_i, outerCopy = copy) {
+          copy = rest[_i].copyWithoutChildren$0();
+          copy.addChild$1(outerCopy);
+        }
+        root.addChild$1(outerCopy);
+      } else
+        innerCopy = root;
+      _this._evaluate0$_scopeForAtRoot$4(node, innerCopy, query, included).call$1(new A._EvaluateVisitor_visitAtRootRule_closure4(_this, node));
+      return _null;
+    },
+    _evaluate0$_trimIncluded$1(nodes) {
+      var $parent, t1, innermostContiguous, i, t2, _0_0, _1_0, root, _this = this, _null = null, _s5_ = "_root",
+        _s22_ = " to be an ancestor of ";
+      if (nodes.length === 0)
+        return _this._evaluate0$_assertInModule$2(_this._evaluate0$__root, _s5_);
+      $parent = _this._evaluate0$_assertInModule$2(_this._evaluate0$__parent, "__parent");
+      for (t1 = nodes.length, innermostContiguous = _null, i = 0; i < t1; ++i, $parent = _1_0) {
+        for (; t2 = nodes[i], $parent !== t2; innermostContiguous = _null, $parent = _0_0) {
+          _0_0 = $parent._node$_parent;
+          if (_0_0 == null)
+            throw A.wrapException(A.ArgumentError$("Expected " + t2.toString$0(0) + _s22_ + _this.toString$0(0) + ".", _null));
+        }
+        if (innermostContiguous == null)
+          innermostContiguous = i;
+        _1_0 = $parent._node$_parent;
+        if (_1_0 == null)
+          throw A.wrapException(A.ArgumentError$("Expected " + t2.toString$0(0) + _s22_ + _this.toString$0(0) + ".", _null));
+      }
+      if ($parent !== _this._evaluate0$_assertInModule$2(_this._evaluate0$__root, _s5_))
+        return _this._evaluate0$_assertInModule$2(_this._evaluate0$__root, _s5_);
+      innermostContiguous.toString;
+      root = nodes[innermostContiguous];
+      B.JSArray_methods.removeRange$2(nodes, innermostContiguous, nodes.length);
+      return root;
+    },
+    _evaluate0$_scopeForAtRoot$4(node, newParent, query, included) {
+      var _this = this,
+        scope = new A._EvaluateVisitor__scopeForAtRoot_closure11(_this, newParent, node),
+        t1 = query._at_root_query0$_all || query._at_root_query0$_rule;
+      if (t1 !== query.include)
+        scope = new A._EvaluateVisitor__scopeForAtRoot_closure12(_this, scope);
+      if (_this._evaluate0$_mediaQueries != null && query.excludesName$1("media"))
+        scope = new A._EvaluateVisitor__scopeForAtRoot_closure13(_this, scope);
+      if (_this._evaluate0$_inKeyframes && query.excludesName$1("keyframes"))
+        scope = new A._EvaluateVisitor__scopeForAtRoot_closure14(_this, scope);
+      return _this._evaluate0$_inUnknownAtRule && !B.JSArray_methods.any$1(included, new A._EvaluateVisitor__scopeForAtRoot_closure15()) ? new A._EvaluateVisitor__scopeForAtRoot_closure16(_this, scope) : scope;
+    },
+    visitContentBlock$1(_, node) {
+      return A.throwExpression(A.UnsupportedError$(string$.Evalua));
+    },
+    visitContentRule$1(_, node) {
+      var $content = this._evaluate0$_environment._environment0$_content;
+      if ($content == null)
+        return null;
+      this._evaluate0$_runUserDefinedCallable$1$4(node.$arguments, $content, node, new A._EvaluateVisitor_visitContentRule_closure1(this, $content), type$.Null);
+      return null;
+    },
+    visitDebugRule$1(_, node) {
+      var value = node.expression.accept$1(this),
+        t1 = value instanceof A.SassString0 ? value._string0$_text : A.serializeValue0(value, true, true);
+      this._evaluate0$_logger.debug$2(0, t1, node.span);
+      return null;
+    },
+    visitDeclaration$1(_, node) {
+      var t1, $name, _0_0, _1_0, value, t2, t3, t4, t5, t6, _2_0, oldDeclarationName, _this = this, _null = null;
+      if ((_this._evaluate0$_atRootExcludingStyleRule ? _null : _this._evaluate0$_styleRuleIgnoringAtRoot) == null && !_this._evaluate0$_inUnknownAtRule && !_this._evaluate0$_inKeyframes)
+        throw A.wrapException(_this._evaluate0$_exception$2(string$.Declarm, node.span));
+      if (_this._evaluate0$_declarationName != null && B.JSString_methods.startsWith$1(node.name.get$initialPlain(), "--"))
+        throw A.wrapException(_this._evaluate0$_exception$2(string$.Declarw, node.span));
+      t1 = node.name;
+      $name = _this._evaluate0$_interpolationToValue$2$warnForColor(t1, true);
+      _0_0 = _this._evaluate0$_declarationName;
+      if (_0_0 != null)
+        $name = new A.CssValue0(_0_0 + "-" + $name.value, $name.span, type$.CssValue_String_2);
+      _1_0 = node.value;
+      if (_1_0 != null) {
+        value = _1_0.accept$1(_this);
+        if (!value.get$isBlank() || value.get$asList().length === 0 || B.JSString_methods.startsWith$1($name.value, "--")) {
+          _this._evaluate0$_copyParentAfterSibling$0();
+          t2 = _this._evaluate0$_assertInModule$2(_this._evaluate0$__parent, "__parent");
+          t3 = _1_0.get$span(_1_0);
+          t4 = node.span;
+          t1 = B.JSString_methods.startsWith$1(t1.get$initialPlain(), "--");
+          t5 = _this._evaluate0$_stackTrace$1(t4);
+          if (_this._evaluate0$_sourceMap) {
+            t6 = A.NullableExtension_andThen0(_1_0, _this.get$_evaluate0$_expressionNode());
+            t6 = t6 == null ? _null : J.get$span$z(t6);
+          } else
+            t6 = _null;
+          t2.addChild$1(A.ModifiableCssDeclaration$0($name, new A.CssValue0(value, t3, type$.CssValue_Value_2), t4, t1, t5, t6));
+        }
+      }
+      _2_0 = node.children;
+      t1 = {};
+      t1.children = null;
+      if (_2_0 != null) {
+        t1.children = _2_0;
+        oldDeclarationName = _this._evaluate0$_declarationName;
+        _this._evaluate0$_declarationName = $name.value;
+        _this._evaluate0$_environment.scope$1$2$when(new A._EvaluateVisitor_visitDeclaration_closure1(t1, _this), node.hasDeclarations, type$.Null);
+        _this._evaluate0$_declarationName = oldDeclarationName;
+      }
+      return _null;
+    },
+    visitEachRule$1(_, node) {
+      var _this = this,
+        t1 = node.list,
+        list = t1.accept$1(_this),
+        nodeWithSpan = _this._evaluate0$_expressionNode$1(t1),
+        _0_0 = node.variables;
+      $label0$0: {
+        t1 = {};
+        t1.variable = null;
+        if (_0_0.length === 1) {
+          t1.variable = _0_0[0];
+          t1 = new A._EvaluateVisitor_visitEachRule_closure5(t1, _this, nodeWithSpan);
+          break $label0$0;
+        }
+        t1 = {};
+        t1.variables = null;
+        t1.variables = _0_0;
+        t1 = new A._EvaluateVisitor_visitEachRule_closure6(t1, _this, nodeWithSpan);
+        break $label0$0;
+      }
+      return _this._evaluate0$_environment.scope$1$2$semiGlobal(new A._EvaluateVisitor_visitEachRule_closure7(_this, list, t1, node), true, type$.nullable_Value_2);
+    },
+    _evaluate0$_setMultipleVariables$3(variables, value, nodeWithSpan) {
+      var i,
+        list = value.get$asList(),
+        t1 = variables.length,
+        minLength = Math.min(t1, list.length);
+      for (i = 0; i < minLength; ++i)
+        this._evaluate0$_environment.setLocalVariable$3(variables[i], this._evaluate0$_withoutSlash$2(list[i], nodeWithSpan), nodeWithSpan);
+      for (i = minLength; i < t1; ++i)
+        this._evaluate0$_environment.setLocalVariable$3(variables[i], B.C__SassNull0, nodeWithSpan);
+    },
+    visitErrorRule$1(_, node) {
+      throw A.wrapException(this._evaluate0$_exception$2(node.expression.accept$1(this).toString$0(0), node.span));
+    },
+    visitExtendRule$1(_, node) {
+      var t1, t2, t3, t4, t5, _i, complex, visitor, t6, t7, _0_0, compound, simple, _this = this, _null = null,
+        styleRule = _this._evaluate0$_atRootExcludingStyleRule ? _null : _this._evaluate0$_styleRuleIgnoringAtRoot;
+      if (styleRule == null || _this._evaluate0$_declarationName != null)
+        throw A.wrapException(_this._evaluate0$_exception$2(string$.x40exten, node.span));
+      for (t1 = styleRule.originalSelector.components, t2 = t1.length, t3 = node.span, t4 = type$.SourceSpan, t5 = type$.String, _i = 0; _i < t2; ++_i) {
+        complex = t1[_i];
+        if (!complex.accept$1(B._IsBogusVisitor_true0))
+          continue;
+        visitor = A._SerializeVisitor$0(_null, true, _null, _null, true, false, _null, true);
+        complex.accept$1(visitor);
+        t6 = B.JSString_methods.trim$0(visitor._serialize0$_buffer.toString$0(0));
+        t7 = complex.accept$1(B.C__IsUselessVisitor0) ? "can't" : "shouldn't";
+        _this._evaluate0$_warn$3('The selector "' + t6 + '" is invalid CSS and ' + t7 + string$.x20be_an, new A.MultiSpan0(A.SpanExtensions_trimRight0(complex.span), "invalid selector", A.ConstantMap_ConstantMap$from(A.LinkedHashMap_LinkedHashMap$_literal([t3, "@extend rule"], t4, t5), t4, t5)), B.Deprecation_5M7);
+      }
+      _0_0 = _this._evaluate0$_performInterpolationWithMap$2$warnForColor(node.selector, true);
+      for (t1 = A.SelectorList_SelectorList$parse0(A.trimAscii0(_0_0._0, true), false, _0_0._1, false).components, t2 = t1.length, t3 = styleRule._style_rule0$_selector._box0$_inner, _i = 0; _i < t2; ++_i) {
+        complex = t1[_i];
+        compound = complex.get$singleCompound();
+        if (compound == null)
+          throw A.wrapException(A.SassFormatException$0("complex selectors may not be extended.", complex.span, _null));
+        t4 = compound.components;
+        simple = t4.length === 1 ? B.JSArray_methods.get$first(t4) : _null;
+        if (simple == null)
+          throw A.wrapException(A.SassFormatException$0(string$.compou + B.JSArray_methods.join$1(t4, ", ") + string$.x60_inst, compound.span, _null));
+        _this._evaluate0$_assertInModule$2(_this._evaluate0$__extensionStore, "_extensionStore").addExtension$4(t3.value, simple, node, _this._evaluate0$_mediaQueries);
+      }
+      return _null;
+    },
+    visitAtRule$1(_, node) {
+      var $name, value, children, wasInKeyframes, wasInUnknownAtRule, _this = this;
+      if (_this._evaluate0$_declarationName != null)
+        throw A.wrapException(_this._evaluate0$_exception$2(string$.At_rul, node.span));
+      $name = _this._evaluate0$_interpolationToValue$1(node.name);
+      value = A.NullableExtension_andThen0(node.value, new A._EvaluateVisitor_visitAtRule_closure5(_this));
+      children = node.children;
+      if (children == null) {
+        _this._evaluate0$_copyParentAfterSibling$0();
+        _this._evaluate0$_assertInModule$2(_this._evaluate0$__parent, "__parent").addChild$1(A.ModifiableCssAtRule$0($name, node.span, true, value));
+        return null;
+      }
+      wasInKeyframes = _this._evaluate0$_inKeyframes;
+      wasInUnknownAtRule = _this._evaluate0$_inUnknownAtRule;
+      if (A.unvendor0($name.value) === "keyframes")
+        _this._evaluate0$_inKeyframes = true;
+      else
+        _this._evaluate0$_inUnknownAtRule = true;
+      _this._evaluate0$_withParent$2$4$scopeWhen$through(A.ModifiableCssAtRule$0($name, node.span, false, value), new A._EvaluateVisitor_visitAtRule_closure6(_this, $name, children), node.hasDeclarations, new A._EvaluateVisitor_visitAtRule_closure7(), type$.ModifiableCssAtRule_2, type$.Null);
+      _this._evaluate0$_inUnknownAtRule = wasInUnknownAtRule;
+      _this._evaluate0$_inKeyframes = wasInKeyframes;
+      return null;
+    },
+    visitForRule$1(_, node) {
+      var _this = this, t1 = {},
+        t2 = node.from,
+        fromNumber = _this._evaluate0$_addExceptionSpan$2(t2, new A._EvaluateVisitor_visitForRule_closure9(_this, node)),
+        t3 = node.to,
+        toNumber = _this._evaluate0$_addExceptionSpan$2(t3, new A._EvaluateVisitor_visitForRule_closure10(_this, node)),
+        from = _this._evaluate0$_addExceptionSpan$2(t2, new A._EvaluateVisitor_visitForRule_closure11(fromNumber)),
+        to = t1.to = _this._evaluate0$_addExceptionSpan$2(t3, new A._EvaluateVisitor_visitForRule_closure12(toNumber, fromNumber)),
+        direction = from > to ? -1 : 1;
+      if (from === (!node.isExclusive ? t1.to = to + direction : to))
+        return null;
+      return _this._evaluate0$_environment.scope$1$2$semiGlobal(new A._EvaluateVisitor_visitForRule_closure13(t1, _this, node, from, direction, fromNumber), true, type$.nullable_Value_2);
+    },
+    visitForwardRule$1(_, node) {
+      var newConfiguration, t4, _i, variable, $name, _this = this,
+        _s8_ = "@forward",
+        oldConfiguration = _this._evaluate0$_configuration,
+        adjustedConfiguration = oldConfiguration.throughForward$1(node),
+        t1 = node.configuration,
+        t2 = t1.length,
+        t3 = node.url;
+      if (t2 !== 0) {
+        newConfiguration = _this._evaluate0$_addForwardConfiguration$2(adjustedConfiguration, node);
+        _this._evaluate0$_loadModule$5$configuration(t3, _s8_, node, new A._EvaluateVisitor_visitForwardRule_closure3(_this, node), newConfiguration);
+        t3 = type$.String;
+        t4 = A.LinkedHashSet_LinkedHashSet$_empty(t3);
+        for (_i = 0; _i < t2; ++_i) {
+          variable = t1[_i];
+          if (!variable.isGuarded)
+            t4.add$1(0, variable.name);
+        }
+        _this._evaluate0$_removeUsedConfiguration$3$except(adjustedConfiguration, newConfiguration, t4);
+        t3 = A.LinkedHashSet_LinkedHashSet$_empty(t3);
+        for (_i = 0; _i < t2; ++_i)
+          t3.add$1(0, t1[_i].name);
+        for (t1 = newConfiguration._configuration0$_values, t2 = t1.get$keys(t1), t2 = t2.toList$0(t2), t4 = t2.length, _i = 0; _i < t2.length; t2.length === t4 || (0, A.throwConcurrentModificationError)(t2), ++_i) {
+          $name = t2[_i];
+          if (!t3.contains$1(0, $name))
+            if (!t1.get$isEmpty(t1))
+              t1.remove$1(0, $name);
+        }
+        _this._evaluate0$_assertConfigurationIsEmpty$1(newConfiguration);
+      } else {
+        _this._evaluate0$_configuration = adjustedConfiguration;
+        _this._evaluate0$_loadModule$4(t3, _s8_, node, new A._EvaluateVisitor_visitForwardRule_closure4(_this, node));
+        _this._evaluate0$_configuration = oldConfiguration;
+      }
+      return null;
+    },
+    _evaluate0$_addForwardConfiguration$2(configuration, node) {
+      var t2, t3, _i, variable, t4, _0_0, t5, oldValue, variableNodeWithSpan, _null = null,
+        t1 = configuration._configuration0$_values,
+        newValues = A.LinkedHashMap_LinkedHashMap$of(new A.UnmodifiableMapView(t1, type$.UnmodifiableMapView_String_ConfiguredValue_2), type$.String, type$.ConfiguredValue_2);
+      for (t2 = node.configuration, t3 = t2.length, _i = 0; _i < t3; ++_i) {
+        variable = t2[_i];
+        if (variable.isGuarded) {
+          t4 = variable.name;
+          _0_0 = t1.get$isEmpty(t1) ? _null : t1.remove$1(0, t4);
+          if (_0_0 != null) {
+            t5 = !_0_0.value.$eq(0, B.C__SassNull0);
+            oldValue = _0_0;
+          } else {
+            oldValue = _null;
+            t5 = false;
+          }
+          if (t5) {
+            newValues.$indexSet(0, t4, oldValue);
+            continue;
+          }
+        }
+        t4 = variable.expression;
+        variableNodeWithSpan = this._evaluate0$_expressionNode$1(t4);
+        newValues.$indexSet(0, variable.name, new A.ConfiguredValue0(this._evaluate0$_withoutSlash$2(t4.accept$1(this), variableNodeWithSpan), variable.span, variableNodeWithSpan));
+      }
+      if (configuration instanceof A.ExplicitConfiguration0 || t1.get$isEmpty(t1))
+        return new A.ExplicitConfiguration0(node, newValues, _null);
+      else
+        return new A.Configuration0(newValues, _null);
+    },
+    _evaluate0$_registerCommentsForModule$1(module) {
+      var _this = this, _s5_ = "_root",
+        t1 = _this._evaluate0$__root;
+      if (t1 == null)
+        return;
+      if (_this._evaluate0$_assertInModule$2(t1, _s5_).children.get$length(0) === 0 || !module.get$transitivelyContainsCss())
+        return;
+      t1 = _this._evaluate0$_preModuleComments;
+      if (t1 == null)
+        t1 = _this._evaluate0$_preModuleComments = A.LinkedHashMap_LinkedHashMap$_empty(type$.Module_Callable_2, type$.List_CssComment_2);
+      J.addAll$1$ax(t1.putIfAbsent$2(module, new A._EvaluateVisitor__registerCommentsForModule_closure1()), new A.UnmodifiableListView(J.cast$1$0$ax(_this._evaluate0$_assertInModule$2(_this._evaluate0$__root, _s5_).children._collection$_source, type$.CssComment_2), type$.UnmodifiableListView_CssComment_2));
+      _this._evaluate0$_assertInModule$2(_this._evaluate0$__root, _s5_).clearChildren$0();
+      _this._evaluate0$__endOfImports = 0;
+    },
+    _evaluate0$_removeUsedConfiguration$3$except(upstream, downstream, except) {
+      var t1, t2, t3, t4, _i, $name;
+      for (t1 = upstream._configuration0$_values, t2 = t1.get$keys(t1), t2 = t2.toList$0(t2), t3 = t2.length, t4 = downstream._configuration0$_values, _i = 0; _i < t2.length; t2.length === t3 || (0, A.throwConcurrentModificationError)(t2), ++_i) {
+        $name = t2[_i];
+        if (except.contains$1(0, $name))
+          continue;
+        if (!t4.containsKey$1($name))
+          if (!t1.get$isEmpty(t1))
+            t1.remove$1(0, $name);
+      }
+    },
+    _evaluate0$_assertConfigurationIsEmpty$2$nameInError(configuration, nameInError) {
+      var t1, _0_0;
+      if (!(configuration instanceof A.ExplicitConfiguration0))
+        return;
+      t1 = configuration._configuration0$_values;
+      if (t1.get$isEmpty(t1))
+        return;
+      t1 = A.MapExtensions_get_pairs0(new A.UnmodifiableMapView(t1, type$.UnmodifiableMapView_String_ConfiguredValue_2), type$.String, type$.ConfiguredValue_2);
+      _0_0 = t1.get$first(t1);
+      t1 = nameInError ? "$" + _0_0._0 + string$.x20was_n : string$.This_v;
+      throw A.wrapException(this._evaluate0$_exception$2(t1, _0_0._1.configurationSpan));
+    },
+    _evaluate0$_assertConfigurationIsEmpty$1(configuration) {
+      return this._evaluate0$_assertConfigurationIsEmpty$2$nameInError(configuration, false);
+    },
+    visitFunctionRule$1(_, node) {
+      var t1 = this._evaluate0$_environment,
+        t2 = t1.closure$0(),
+        t3 = this._evaluate0$_inDependency,
+        t4 = t1._environment0$_functions,
+        index = t4.length - 1,
+        t5 = node.name;
+      t1._environment0$_functionIndices.$indexSet(0, t5, index);
+      t4[index].$indexSet(0, t5, new A.UserDefinedCallable0(node, t2, t3, type$.UserDefinedCallable_Environment_2));
+      return null;
+    },
+    visitIfRule$1(_, node) {
+      var t1, t2, _i, clauseToCheck,
+        clause = node.lastClause;
+      for (t1 = node.clauses, t2 = t1.length, _i = 0; _i < t2; ++_i) {
+        clauseToCheck = t1[_i];
+        if (clauseToCheck.expression.accept$1(this).get$isTruthy()) {
+          clause = clauseToCheck;
+          break;
+        }
+      }
+      return A.NullableExtension_andThen0(clause, new A._EvaluateVisitor_visitIfRule_closure1(this));
+    },
+    visitImportRule$1(_, node) {
+      var t1, t2, t3, t4, t5, t6, _i, $import, t7, _0_0, $self, t8, _this = this,
+        _s8_ = "__parent",
+        _s5_ = "_root",
+        _s13_ = "_endOfImports";
+      for (t1 = node.imports, t2 = t1.length, t3 = type$.CssValue_String_2, t4 = _this.get$_evaluate0$_interpolationToValue(), t5 = type$.StaticImport_2, t6 = type$.JSArray_ModifiableCssImport_2, _i = 0; _i < t2; ++_i) {
+        $import = t1[_i];
+        if ($import instanceof A.DynamicImport0)
+          _this._evaluate0$_visitDynamicImport$1($import);
+        else {
+          t5._as($import);
+          t7 = $import.url;
+          _0_0 = _this._evaluate0$_performInterpolationHelper$3$sourceMap$warnForColor(t7, false, false);
+          $self = $import.modifiers;
+          t8 = $self == null ? null : t4.call$1($self);
+          node = new A.ModifiableCssImport0(new A.CssValue0(_0_0._0, t7.span, t3), t8, $import.span);
+          if (_this._evaluate0$_assertInModule$2(_this._evaluate0$__parent, _s8_) !== _this._evaluate0$_assertInModule$2(_this._evaluate0$__root, _s5_)) {
+            _this._evaluate0$_copyParentAfterSibling$0();
+            _this._evaluate0$_assertInModule$2(_this._evaluate0$__parent, _s8_).addChild$1(node);
+          } else if (_this._evaluate0$_assertInModule$2(_this._evaluate0$__endOfImports, _s13_) === J.get$length$asx(_this._evaluate0$_assertInModule$2(_this._evaluate0$__root, _s5_).children._collection$_source)) {
+            t7 = _this._evaluate0$_assertInModule$2(_this._evaluate0$__root, _s5_);
+            node._node$_parent = t7;
+            t7 = t7._node$_children;
+            node._node$_indexInParent = t7.length;
+            t7.push(node);
+            _this._evaluate0$__endOfImports = _this._evaluate0$_assertInModule$2(_this._evaluate0$__endOfImports, _s13_) + 1;
+          } else {
+            t7 = _this._evaluate0$_outOfOrderImports;
+            (t7 == null ? _this._evaluate0$_outOfOrderImports = A._setArrayType([], t6) : t7).push(node);
+          }
+        }
+      }
+      return null;
+    },
+    _evaluate0$_visitDynamicImport$1($import) {
+      return this._evaluate0$_withStackFrame$3("@import", $import, new A._EvaluateVisitor__visitDynamicImport_closure1(this, $import));
+    },
+    _evaluate0$_loadStylesheet$4$baseUrl$forImport(url, span, baseUrl, forImport) {
+      var _0_0, importCache, _1_0, importer, canonicalUrl, originalUrl, isDependency, _2_0, stylesheet, _3_0, result, error, stackTrace, error0, stackTrace0, t1, t2, exception, _this = this,
+        _s11_ = "_stylesheet";
+      baseUrl = baseUrl;
+      try {
+        _this._evaluate0$_importSpan = span;
+        _0_0 = _this._evaluate0$_importCache;
+        importCache = null;
+        if (_0_0 != null) {
+          importCache = _0_0;
+          if (baseUrl == null)
+            baseUrl = _this._evaluate0$_assertInModule$2(_this._evaluate0$__stylesheet, _s11_).span.file.url;
+          _1_0 = J.canonicalize$4$baseImporter$baseUrl$forImport$x(importCache, A.Uri_parse(url), _this._evaluate0$_importer, baseUrl, forImport);
+          importer = null;
+          canonicalUrl = null;
+          originalUrl = null;
+          if (type$.Record_3_nullable_Object_and_nullable_Object_and_nullable_Object_originalUrl._is(_1_0)) {
+            importer = _1_0._0;
+            canonicalUrl = _1_0._1;
+            originalUrl = _1_0._2;
+            if (canonicalUrl.get$scheme() === "")
+              A.WarnForDeprecation_warnForDeprecation0(_this._evaluate0$_logger, B.Deprecation_kRg, "Importer " + A.S(importer) + " canonicalized " + url + " to " + A.S(canonicalUrl) + string$.x2e_Rela, null, null);
+            _this._evaluate0$_loadedUrls.add$1(0, canonicalUrl);
+            isDependency = _this._evaluate0$_inDependency || !J.$eq$(importer, _this._evaluate0$_importer);
+            _2_0 = importCache.importCanonical$3$originalUrl(importer, canonicalUrl, originalUrl);
+            stylesheet = null;
+            if (_2_0 != null) {
+              stylesheet = _2_0;
+              t1 = stylesheet;
+              t2 = importer;
+              return new A._Record_3_importer_isDependency(t1, t2, isDependency);
+            }
+          }
+        }
+        if (_this._nodeImporter != null) {
+          t1 = baseUrl;
+          _3_0 = _this._importLikeNode$3(url, t1 == null ? _this._evaluate0$_assertInModule$2(_this._evaluate0$__stylesheet, _s11_).span.file.url : t1, forImport);
+          result = null;
+          if (_3_0 != null) {
+            result = _3_0;
+            t1 = _this._evaluate0$_loadedUrls;
+            A.NullableExtension_andThen0(result._0.span.file.url, t1.get$add(t1));
+            t1 = result;
+            return t1;
+          }
+        }
+        t1 = B.JSString_methods.startsWith$1(url, "package:");
+        if (t1)
+          throw A.wrapException(string$.x22packa);
+        else
+          throw A.wrapException("Can't find stylesheet to import.");
+      } catch (exception) {
+        t1 = A.unwrapException(exception);
+        if (t1 instanceof A.SassException0)
+          throw exception;
+        else if (t1 instanceof A.ArgumentError) {
+          error = t1;
+          stackTrace = A.getTraceFromException(exception);
+          A.throwWithTrace0(_this._evaluate0$_exception$1(J.toString$0$(error)), error, stackTrace);
+        } else {
+          error0 = t1;
+          stackTrace0 = A.getTraceFromException(exception);
+          A.throwWithTrace0(_this._evaluate0$_exception$1(_this._evaluate0$_getErrorMessage$1(error0)), error0, stackTrace0);
+        }
+      } finally {
+        _this._evaluate0$_importSpan = null;
+      }
+    },
+    _evaluate0$_loadStylesheet$3$baseUrl(url, span, baseUrl) {
+      return this._evaluate0$_loadStylesheet$4$baseUrl$forImport(url, span, baseUrl, false);
+    },
+    _evaluate0$_loadStylesheet$3$forImport(url, span, forImport) {
+      return this._evaluate0$_loadStylesheet$4$baseUrl$forImport(url, span, null, forImport);
+    },
+    _importLikeNode$3(originalUrl, previous, forImport) {
+      var isDependency, url,
+        t1 = this._nodeImporter,
+        result = t1.loadRelative$3(originalUrl, previous, forImport);
+      if (result != null)
+        isDependency = this._evaluate0$_inDependency;
+      else {
+        result = t1.load$3(0, originalUrl, previous, forImport);
+        if (result == null)
+          return null;
+        isDependency = true;
+      }
+      url = result._1;
+      t1 = B.JSString_methods.startsWith$1(url, "file") ? A.Syntax_forPath0(url) : B.Syntax_SCSS_scss0;
+      return new A._Record_3_importer_isDependency(A.Stylesheet_Stylesheet$parse0(result._0, t1, url), null, isDependency);
+    },
+    _evaluate0$_applyMixin$5(mixin, contentCallable, $arguments, nodeWithSpan, nodeWithSpanWithoutContent) {
+      var t1, _0_0, t2, _1_8, t3, _this = this,
+        _s37_ = "Mixin doesn't accept a content block.",
+        _s10_ = "invocation";
+      $label0$0: {
+        if (mixin == null)
+          throw A.wrapException(_this._evaluate0$_exception$2("Undefined mixin.", nodeWithSpan.get$span(nodeWithSpan)));
+        t1 = mixin instanceof A.BuiltInCallable0;
+        if (t1 && !mixin.acceptsContent && contentCallable != null) {
+          t1 = _this._evaluate0$_evaluateArguments$1($arguments)._values;
+          _0_0 = mixin.callbackFor$2(t1[2].length, new A.MapKeySet(t1[0], type$.MapKeySet_String));
+          throw A.wrapException(A.MultiSpanSassRuntimeException$0(_s37_, nodeWithSpanWithoutContent.get$span(nodeWithSpanWithoutContent), _s10_, A.LinkedHashMap_LinkedHashMap$_literal([_0_0._0.get$spanWithName(), "declaration"], type$.FileSpan, type$.String), _this._evaluate0$_stackTrace$1(nodeWithSpanWithoutContent.get$span(nodeWithSpanWithoutContent)), null));
+        }
+        if (t1) {
+          _this._evaluate0$_environment.withContent$2(contentCallable, new A._EvaluateVisitor__applyMixin_closure3(_this, $arguments, mixin, nodeWithSpanWithoutContent));
+          break $label0$0;
+        }
+        t1 = type$.UserDefinedCallable_Environment_2._is(mixin);
+        t2 = false;
+        if (t1) {
+          _1_8 = mixin.declaration;
+          t3 = _1_8;
+          if (t3 instanceof A.MixinRule0)
+            t2 = !type$.MixinRule_2._as(_1_8).get$hasContent() && contentCallable != null;
+        }
+        if (t2)
+          throw A.wrapException(A.MultiSpanSassRuntimeException$0(_s37_, nodeWithSpanWithoutContent.get$span(nodeWithSpanWithoutContent), _s10_, A.LinkedHashMap_LinkedHashMap$_literal([mixin.declaration.parameters.get$spanWithName(), "declaration"], type$.FileSpan, type$.String), _this._evaluate0$_stackTrace$1(nodeWithSpanWithoutContent.get$span(nodeWithSpanWithoutContent)), null));
+        if (t1) {
+          _this._evaluate0$_runUserDefinedCallable$1$4($arguments, mixin, nodeWithSpanWithoutContent, new A._EvaluateVisitor__applyMixin_closure4(_this, contentCallable, mixin, nodeWithSpanWithoutContent), type$.Null);
+          break $label0$0;
+        }
+        throw A.wrapException(A.UnsupportedError$("Unknown callable type " + mixin.toString$0(0) + "."));
+      }
+    },
+    visitIncludeRule$1(_, node) {
+      var _this = this,
+        mixin = _this._evaluate0$_addExceptionSpan$2(node, new A._EvaluateVisitor_visitIncludeRule_closure5(_this, node));
+      if (B.JSString_methods.startsWith$1(node.originalName, "--") && mixin instanceof A.UserDefinedCallable0 && !B.JSString_methods.startsWith$1(mixin.declaration.originalName, "--"))
+        _this._evaluate0$_warn$3(string$.Sass__m, node.get$nameSpan(), B.Deprecation_9Lp);
+      _this._evaluate0$_applyMixin$5(mixin, A.NullableExtension_andThen0(node.content, new A._EvaluateVisitor_visitIncludeRule_closure6(_this)), node.$arguments, node, new A._FakeAstNode0(new A._EvaluateVisitor_visitIncludeRule_closure7(node)));
+      return null;
+    },
+    visitMixinRule$1(_, node) {
+      var t1 = this._evaluate0$_environment,
+        t2 = t1.closure$0(),
+        t3 = this._evaluate0$_inDependency,
+        t4 = t1._environment0$_mixins,
+        index = t4.length - 1,
+        t5 = node.name;
+      t1._environment0$_mixinIndices.$indexSet(0, t5, index);
+      t4[index].$indexSet(0, t5, new A.UserDefinedCallable0(node, t2, t3, type$.UserDefinedCallable_Environment_2));
+      return null;
+    },
+    visitLoudComment$1(_, node) {
+      var t1, text, _this = this,
+        _s8_ = "__parent",
+        _s13_ = "_endOfImports";
+      if (_this._evaluate0$_inFunction)
+        return null;
+      if (_this._evaluate0$_assertInModule$2(_this._evaluate0$__parent, _s8_) === _this._evaluate0$_assertInModule$2(_this._evaluate0$__root, "_root") && _this._evaluate0$_assertInModule$2(_this._evaluate0$__endOfImports, _s13_) === J.get$length$asx(_this._evaluate0$_assertInModule$2(_this._evaluate0$__root, "_root").children._collection$_source))
+        _this._evaluate0$__endOfImports = _this._evaluate0$_assertInModule$2(_this._evaluate0$__endOfImports, _s13_) + 1;
+      t1 = node.text;
+      text = _this._evaluate0$_performInterpolation$1(t1);
+      if (!B.JSString_methods.endsWith$1(text, "*/"))
+        text += " */";
+      _this._evaluate0$_copyParentAfterSibling$0();
+      _this._evaluate0$_assertInModule$2(_this._evaluate0$__parent, _s8_).addChild$1(new A.ModifiableCssComment0(text, t1.span));
+      return null;
+    },
+    visitMediaRule$1(_, node) {
+      var _0_0, queries, mergedQueries, t1, mergedSources, t2, t3, _this = this;
+      if (_this._evaluate0$_declarationName != null)
+        throw A.wrapException(_this._evaluate0$_exception$2(string$.Media_, node.span));
+      _0_0 = _this._evaluate0$_performInterpolationWithMap$2$warnForColor(node.query, true);
+      queries = new A.MediaQueryParser0(A.SpanScanner$(_0_0._0, null), _0_0._1).parse$0(0);
+      mergedQueries = A.NullableExtension_andThen0(_this._evaluate0$_mediaQueries, new A._EvaluateVisitor_visitMediaRule_closure5(_this, queries));
+      t1 = mergedQueries == null;
+      if (!t1 && J.get$isEmpty$asx(mergedQueries))
+        return null;
+      if (t1)
+        mergedSources = B.Set_empty6;
+      else {
+        t2 = _this._evaluate0$_mediaQuerySources;
+        t2.toString;
+        t2 = A.LinkedHashSet_LinkedHashSet$of(t2, type$.CssMediaQuery_2);
+        t3 = _this._evaluate0$_mediaQueries;
+        t3.toString;
+        t2.addAll$1(0, t3);
+        t2.addAll$1(0, queries);
+        mergedSources = t2;
+      }
+      t1 = t1 ? queries : mergedQueries;
+      _this._evaluate0$_withParent$2$4$scopeWhen$through(A.ModifiableCssMediaRule$0(t1, node.span), new A._EvaluateVisitor_visitMediaRule_closure6(_this, mergedQueries, queries, mergedSources, node), node.hasDeclarations, new A._EvaluateVisitor_visitMediaRule_closure7(mergedSources), type$.ModifiableCssMediaRule_2, type$.Null);
+      return null;
+    },
+    _evaluate0$_mergeMediaQueries$2(queries1, queries2) {
+      var t1, t2, t3, t4, _0_0, t5, result,
+        queries = A._setArrayType([], type$.JSArray_CssMediaQuery_2);
+      for (t1 = J.get$iterator$ax(queries1), t2 = J.getInterceptor$ax(queries2); t1.moveNext$0();) {
+        t3 = t1.get$current(t1);
+        for (t4 = t2.get$iterator(queries2); t4.moveNext$0();) {
+          _0_0 = t3.merge$1(t4.get$current(t4));
+          if (B._SingletonCssMediaQueryMergeResult_00 === _0_0)
+            continue;
+          if (B._SingletonCssMediaQueryMergeResult_10 === _0_0)
+            return null;
+          t5 = _0_0 instanceof A.MediaQuerySuccessfulMergeResult0;
+          result = t5 ? _0_0 : null;
+          if (t5)
+            queries.push(result.query);
+        }
+      }
+      return queries;
+    },
+    visitReturnRule$1(_, node) {
+      var t1 = node.expression;
+      return this._evaluate0$_withoutSlash$2(t1.accept$1(this), t1);
+    },
+    visitSilentComment$1(_, node) {
+      return null;
+    },
+    visitStyleRule$1(_, node) {
+      var t1, _0_0, selectorText, selectorMap, parsedSelector, _1_0, t2, t3, _i, _2_0, first, t4, rule, oldAtRootExcludingStyleRule, _this = this, _null = null,
+        _s8_ = "__parent",
+        _s11_ = "_stylesheet";
+      if (_this._evaluate0$_declarationName != null)
+        throw A.wrapException(_this._evaluate0$_exception$2(string$.Style_n, node.span));
+      else if (_this._evaluate0$_inKeyframes && _this._evaluate0$_assertInModule$2(_this._evaluate0$__parent, _s8_) instanceof A.ModifiableCssKeyframeBlock0)
+        throw A.wrapException(_this._evaluate0$_exception$2(string$.Style_k, node.span));
+      t1 = node.selector;
+      _0_0 = _this._evaluate0$_performInterpolationWithMap$2$warnForColor(t1, true);
+      selectorText = _0_0._0;
+      selectorMap = _0_0._1;
+      if (_this._evaluate0$_inKeyframes) {
+        _this._evaluate0$_withParent$2$4$scopeWhen$through(A.ModifiableCssKeyframeBlock$0(new A.CssValue0(A.List_List$unmodifiable(new A.KeyframeSelectorParser0(A.SpanScanner$(selectorText, _null), selectorMap).parse$0(0), type$.String), t1.span, type$.CssValue_List_String_2), node.span), new A._EvaluateVisitor_visitStyleRule_closure7(_this, node), node.hasDeclarations, new A._EvaluateVisitor_visitStyleRule_closure8(), type$.ModifiableCssKeyframeBlock_2, type$.Null);
+        return _null;
+      }
+      parsedSelector = A.SelectorList_SelectorList$parse0(selectorText, true, selectorMap, _this._evaluate0$_assertInModule$2(_this._evaluate0$__stylesheet, _s11_).plainCss);
+      _1_0 = _this._evaluate0$_atRootExcludingStyleRule ? _null : _this._evaluate0$_styleRuleIgnoringAtRoot;
+      $label0$0: {
+        if (_1_0 == null) {
+          t1 = true;
+          break $label0$0;
+        }
+        if (_1_0.fromPlainCss) {
+          t1 = false;
+          break $label0$0;
+        }
+        t1 = !(_this._evaluate0$_assertInModule$2(_this._evaluate0$__stylesheet, _s11_).plainCss && parsedSelector.accept$1(B.C__ContainsParentSelectorVisitor0));
+        break $label0$0;
+      }
+      if (t1) {
+        if (_this._evaluate0$_assertInModule$2(_this._evaluate0$__stylesheet, _s11_).plainCss)
+          for (t2 = parsedSelector.components, t3 = t2.length, _i = 0; _i < t3; ++_i) {
+            _2_0 = t2[_i].leadingCombinators;
+            if (_2_0.length >= 1) {
+              first = _2_0[0];
+              t4 = _this._evaluate0$_assertInModule$2(_this._evaluate0$__stylesheet, _s11_).plainCss;
+            } else {
+              first = _null;
+              t4 = false;
+            }
+            if (t4)
+              throw A.wrapException(_this._evaluate0$_exception$2(string$.Top_lel, first.span));
+          }
+        t2 = _this._evaluate0$_styleRuleIgnoringAtRoot;
+        t2 = t2 == null ? _null : t2.originalSelector;
+        parsedSelector = parsedSelector.nestWithin$3$implicitParent$preserveParentSelectors(t2, !_this._evaluate0$_atRootExcludingStyleRule, _this._evaluate0$_assertInModule$2(_this._evaluate0$__stylesheet, _s11_).plainCss);
+      }
+      rule = A.ModifiableCssStyleRule$0(_this._evaluate0$_assertInModule$2(_this._evaluate0$__extensionStore, "_extensionStore").addSelector$2(parsedSelector, _this._evaluate0$_mediaQueries), node.span, _this._evaluate0$_assertInModule$2(_this._evaluate0$__stylesheet, _s11_).plainCss, parsedSelector);
+      oldAtRootExcludingStyleRule = _this._evaluate0$_atRootExcludingStyleRule;
+      t2 = _this._evaluate0$_atRootExcludingStyleRule = false;
+      t1 = t1 ? new A._EvaluateVisitor_visitStyleRule_closure9() : _null;
+      _this._evaluate0$_withParent$2$4$scopeWhen$through(rule, new A._EvaluateVisitor_visitStyleRule_closure10(_this, rule, node), node.hasDeclarations, t1, type$.ModifiableCssStyleRule_2, type$.Null);
+      _this._evaluate0$_atRootExcludingStyleRule = oldAtRootExcludingStyleRule;
+      _this._evaluate0$_warnForBogusCombinators$1(rule);
+      if ((_this._evaluate0$_atRootExcludingStyleRule ? _null : _this._evaluate0$_styleRuleIgnoringAtRoot) == null) {
+        t1 = _this._evaluate0$_assertInModule$2(_this._evaluate0$__parent, _s8_).children;
+        t1 = !t1.get$isEmpty(t1);
+      } else
+        t1 = t2;
+      if (t1) {
+        t1 = _this._evaluate0$_assertInModule$2(_this._evaluate0$__parent, _s8_).children;
+        t1.get$last(t1).isGroupEnd = true;
+      }
+      return _null;
+    },
+    _evaluate0$_warnForBogusCombinators$1(rule) {
+      var t1, t2, t3, t4, t5, _i, complex, visitor, t6, t7, t8, t9, _this = this, _null = null;
+      if (!rule.accept$1(B._IsInvisibleVisitor_false_false0))
+        for (t1 = rule._style_rule0$_selector._box0$_inner.value.components, t2 = t1.length, t3 = type$.SourceSpan, t4 = type$.String, t5 = rule.children, _i = 0; _i < t2; ++_i) {
+          complex = t1[_i];
+          if (!complex.accept$1(B._IsBogusVisitor_true0))
+            continue;
+          if (complex.accept$1(B.C__IsUselessVisitor0)) {
+            visitor = A._SerializeVisitor$0(_null, true, _null, _null, true, false, _null, true);
+            complex.accept$1(visitor);
+            _this._evaluate0$_warn$3('The selector "' + B.JSString_methods.trim$0(visitor._serialize0$_buffer.toString$0(0)) + string$.x22x20is_ix20, A.SpanExtensions_trimRight0(complex.span), B.Deprecation_5M7);
+          } else if (complex.leadingCombinators.length !== 0) {
+            if (!_this._evaluate0$_assertInModule$2(_this._evaluate0$__stylesheet, "_stylesheet").plainCss) {
+              visitor = A._SerializeVisitor$0(_null, true, _null, _null, true, false, _null, true);
+              complex.accept$1(visitor);
+              _this._evaluate0$_warn$3('The selector "' + B.JSString_methods.trim$0(visitor._serialize0$_buffer.toString$0(0)) + string$.x22x20is_ix0a, A.SpanExtensions_trimRight0(complex.span), B.Deprecation_5M7);
+            }
+          } else {
+            visitor = A._SerializeVisitor$0(_null, true, _null, _null, true, false, _null, true);
+            complex.accept$1(visitor);
+            t6 = B.JSString_methods.trim$0(visitor._serialize0$_buffer.toString$0(0));
+            t7 = complex.accept$1(B._IsBogusVisitor_false0) ? string$.x20It_wi : "";
+            t8 = A.SpanExtensions_trimRight0(complex.span);
+            if (t5.get$length(0) === 0)
+              A.throwExpression(A.IterableElementError_noElement());
+            t9 = J.get$span$z(t5.$index(0, 0));
+            _this._evaluate0$_warn$3('The selector "' + t6 + string$.x22x20is_o + t7 + string$.x0aThis_, new A.MultiSpan0(t8, "invalid selector", A.ConstantMap_ConstantMap$from(A.LinkedHashMap_LinkedHashMap$_literal([t9, "this is not a style rule" + (t5.every$1(t5, new A._EvaluateVisitor__warnForBogusCombinators_closure1()) ? "\n(try converting to a //-style comment)" : "")], t3, t4), t3, t4)), B.Deprecation_5M7);
+          }
+        }
+    },
+    visitSupportsRule$1(_, node) {
+      var t1, _this = this;
+      if (_this._evaluate0$_declarationName != null)
+        throw A.wrapException(_this._evaluate0$_exception$2(string$.Suppor, node.span));
+      t1 = node.condition;
+      _this._evaluate0$_withParent$2$4$scopeWhen$through(A.ModifiableCssSupportsRule$0(new A.CssValue0(_this._evaluate0$_visitSupportsCondition$1(t1), t1.get$span(t1), type$.CssValue_String_2), node.span), new A._EvaluateVisitor_visitSupportsRule_closure3(_this, node), node.hasDeclarations, new A._EvaluateVisitor_visitSupportsRule_closure4(), type$.ModifiableCssSupportsRule_2, type$.Null);
+      return null;
+    },
+    _evaluate0$_visitSupportsCondition$1(condition) {
+      var t1, _this = this;
+      $label0$0: {
+        if (condition instanceof A.SupportsOperation0) {
+          t1 = condition.operator;
+          t1 = _this._evaluate0$_parenthesize$2(condition.left, t1) + " " + t1 + " " + _this._evaluate0$_parenthesize$2(condition.right, t1);
+          break $label0$0;
+        }
+        if (condition instanceof A.SupportsNegation0) {
+          t1 = "not " + _this._evaluate0$_parenthesize$1(condition.condition);
+          break $label0$0;
+        }
+        if (condition instanceof A.SupportsInterpolation0) {
+          t1 = condition.expression;
+          t1 = _this._evaluate0$_serialize$3$quote(t1.accept$1(_this), t1, false);
+          break $label0$0;
+        }
+        t1 = {};
+        t1.declaration = null;
+        if (condition instanceof A.SupportsDeclaration0) {
+          t1.declaration = condition;
+          t1 = _this._evaluate0$_withSupportsDeclaration$1(new A._EvaluateVisitor__visitSupportsCondition_closure1(t1, _this));
+          break $label0$0;
+        }
+        if (condition instanceof A.SupportsFunction0) {
+          t1 = _this._evaluate0$_performInterpolation$1(condition.name) + "(" + _this._evaluate0$_performInterpolation$1(condition.$arguments) + ")";
+          break $label0$0;
+        }
+        if (condition instanceof A.SupportsAnything0) {
+          t1 = "(" + _this._evaluate0$_performInterpolation$1(condition.contents) + ")";
+          break $label0$0;
+        }
+        t1 = A.throwExpression(A.ArgumentError$("Unknown supports condition type " + A.getRuntimeTypeOfDartObject(condition).toString$0(0) + ".", null));
+      }
+      return t1;
+    },
+    _evaluate0$_withSupportsDeclaration$1$1(callback) {
+      var t1,
+        oldInSupportsDeclaration = this._evaluate0$_inSupportsDeclaration;
+      this._evaluate0$_inSupportsDeclaration = true;
+      try {
+        t1 = callback.call$0();
+        return t1;
+      } finally {
+        this._evaluate0$_inSupportsDeclaration = oldInSupportsDeclaration;
+      }
+    },
+    _evaluate0$_withSupportsDeclaration$1(callback) {
+      return this._evaluate0$_withSupportsDeclaration$1$1(callback, type$.dynamic);
+    },
+    _evaluate0$_parenthesize$2(condition, operator) {
+      var t1;
+      if (!(condition instanceof A.SupportsNegation0))
+        if (condition instanceof A.SupportsOperation0)
+          t1 = operator == null || operator !== condition.operator;
+        else
+          t1 = false;
+      else
+        t1 = true;
+      if (t1)
+        return "(" + this._evaluate0$_visitSupportsCondition$1(condition) + ")";
+      return this._evaluate0$_visitSupportsCondition$1(condition);
+    },
+    _evaluate0$_parenthesize$1(condition) {
+      return this._evaluate0$_parenthesize$2(condition, null);
+    },
+    visitVariableDeclaration$1(_, node) {
+      var t1, t2, _0_0, value, _this = this, _null = null;
+      if (node.isGuarded) {
+        if (node.namespace == null && _this._evaluate0$_environment._environment0$_variables.length === 1) {
+          t1 = node.name;
+          _this._evaluate0$_environment._environment0$_configurableVariables.add$1(0, t1);
+          t2 = _this._evaluate0$_configuration._configuration0$_values;
+          _0_0 = t2.get$isEmpty(t2) ? _null : t2.remove$1(0, t1);
+          t1 = {};
+          t1.override = null;
+          if (_0_0 != null) {
+            t1.override = _0_0;
+            t2 = !_0_0.value.$eq(0, B.C__SassNull0);
+          } else
+            t2 = false;
+          if (t2) {
+            _this._evaluate0$_addExceptionSpan$2(node, new A._EvaluateVisitor_visitVariableDeclaration_closure5(t1, _this, node));
+            return _null;
+          }
+        }
+        value = _this._evaluate0$_addExceptionSpan$2(node, new A._EvaluateVisitor_visitVariableDeclaration_closure6(_this, node));
+        if (value != null && !value.$eq(0, B.C__SassNull0))
+          return _null;
+      }
+      if (node.isGlobal && !_this._evaluate0$_environment.globalVariableExists$1(node.name)) {
+        t1 = _this._evaluate0$_environment._environment0$_variables.length === 1 ? string$.As_of_S : string$.As_of_R + A.declarationName0(node.span) + ": null` at the stylesheet root.";
+        _this._evaluate0$_warn$3(t1, node.span, B.Deprecation_gW5);
+      }
+      t1 = node.expression;
+      _this._evaluate0$_addExceptionSpan$2(node, new A._EvaluateVisitor_visitVariableDeclaration_closure7(_this, node, _this._evaluate0$_withoutSlash$2(t1.accept$1(_this), t1)));
+      return _null;
+    },
+    visitUseRule$1(_, node) {
+      var values, _i, variable, t3, variableNodeWithSpan, configuration, _this = this,
+        t1 = node.configuration,
+        t2 = t1.length;
+      if (t2 !== 0) {
+        values = A.LinkedHashMap_LinkedHashMap$_empty(type$.String, type$.ConfiguredValue_2);
+        for (_i = 0; _i < t2; ++_i) {
+          variable = t1[_i];
+          t3 = variable.expression;
+          variableNodeWithSpan = _this._evaluate0$_expressionNode$1(t3);
+          values.$indexSet(0, variable.name, new A.ConfiguredValue0(_this._evaluate0$_withoutSlash$2(t3.accept$1(_this), variableNodeWithSpan), variable.span, variableNodeWithSpan));
+        }
+        configuration = new A.ExplicitConfiguration0(node, values, null);
+      } else
+        configuration = B.Configuration_Map_empty_null0;
+      _this._evaluate0$_loadModule$5$configuration(node.url, "@use", node, new A._EvaluateVisitor_visitUseRule_closure1(_this, node), configuration);
+      _this._evaluate0$_assertConfigurationIsEmpty$1(configuration);
+      return null;
+    },
+    visitWarnRule$1(_, node) {
+      var _this = this,
+        value = _this._evaluate0$_addExceptionSpan$2(node, new A._EvaluateVisitor_visitWarnRule_closure1(_this, node)),
+        t1 = value instanceof A.SassString0 ? value._string0$_text : _this._evaluate0$_serialize$2(value, node.expression),
+        t2 = _this._evaluate0$_stackTrace$1(node.span);
+      _this._evaluate0$_logger.internalWarn$4$deprecation$span$trace(t1, null, null, t2);
+      return null;
+    },
+    visitWhileRule$1(_, node) {
+      return this._evaluate0$_environment.scope$1$3$semiGlobal$when(new A._EvaluateVisitor_visitWhileRule_closure1(this, node), true, node.hasDeclarations, type$.nullable_Value_2);
+    },
+    visitBinaryOperationExpression$1(_, node) {
+      var t1, _this = this;
+      if (_this._evaluate0$_assertInModule$2(_this._evaluate0$__stylesheet, "_stylesheet").plainCss) {
+        t1 = node.operator;
+        t1 = t1 !== B.BinaryOperator_Kyq0 && t1 !== B.BinaryOperator_Mh50;
+      } else
+        t1 = false;
+      if (t1)
+        throw A.wrapException(_this._evaluate0$_exception$2("Operators aren't allowed in plain CSS.", node.get$operatorSpan()));
+      return _this._evaluate0$_addExceptionSpan$2(node, new A._EvaluateVisitor_visitBinaryOperationExpression_closure1(_this, node));
+    },
+    _evaluate0$_slash$3(left, right, node) {
+      var left0, _1_2,
+        result = left.dividedBy$1(right),
+        _1_2_isSet = left instanceof A.SassNumber0,
+        right0 = null,
+        t1 = false;
+      if (_1_2_isSet) {
+        if (right instanceof A.SassNumber0) {
+          t1 = node.allowsSlash && this._evaluate0$_operandAllowsSlash$1(node.left) && this._evaluate0$_operandAllowsSlash$1(node.right);
+          right0 = right;
+        }
+        left0 = left;
+        _1_2 = right;
+      } else {
+        _1_2 = null;
+        left0 = null;
+      }
+      if (t1)
+        return type$.SassNumber_2._as(result).withSlash$2(left0, right0);
+      if (left instanceof A.SassNumber0)
+        t1 = (_1_2_isSet ? _1_2 : right) instanceof A.SassNumber0;
+      else
+        t1 = false;
+      if (t1) {
+        this._evaluate0$_warn$3(string$.Using__o + A.S(new A._EvaluateVisitor__slash_recommendation1().call$1(node)) + " or " + A.expressionToCalc0(node).toString$0(0) + string$.x0a_Morex20, node.get$span(0), B.Deprecation_fSZ);
+        return result;
+      }
+      return result;
+    },
+    _evaluate0$_operandAllowsSlash$1(node) {
+      var t1;
+      if (node instanceof A.FunctionExpression0)
+        if (node.namespace == null) {
+          t1 = node.name;
+          t1 = B.Set_Pr3yj.contains$1(0, t1.toLowerCase()) && this._evaluate0$_environment.getFunction$1(t1) == null;
+        } else
+          t1 = false;
+      else
+        t1 = true;
+      return t1;
+    },
+    visitValueExpression$1(_, node) {
+      return node.value;
+    },
+    visitVariableExpression$1(_, node) {
+      var result = this._evaluate0$_addExceptionSpan$2(node, new A._EvaluateVisitor_visitVariableExpression_closure1(this, node));
+      if (result != null)
+        return result;
+      throw A.wrapException(this._evaluate0$_exception$2("Undefined variable.", node.span));
+    },
+    visitUnaryOperationExpression$1(_, node) {
+      return this._evaluate0$_addExceptionSpan$2(node, new A._EvaluateVisitor_visitUnaryOperationExpression_closure1(node, node.operand.accept$1(this)));
+    },
+    visitBooleanExpression$1(_, node) {
+      return node.value ? B.SassBoolean_true0 : B.SassBoolean_false0;
+    },
+    visitIfExpression$1(_, node) {
+      var condition, t1, ifTrue, ifFalse, result, _this = this,
+        _0_0 = _this._evaluate0$_evaluateMacroArguments$1(node),
+        positional = _0_0._0,
+        named = _0_0._1;
+      _this._evaluate0$_verifyArguments$4(positional.length, named, $.$get$IfExpression_declaration0(), node);
+      condition = A.ListExtensions_elementAtOrNull(positional, 0);
+      if (condition == null) {
+        t1 = named.$index(0, "condition");
+        t1.toString;
+        condition = t1;
+      }
+      ifTrue = A.ListExtensions_elementAtOrNull(positional, 1);
+      if (ifTrue == null) {
+        t1 = named.$index(0, "if-true");
+        t1.toString;
+        ifTrue = t1;
+      }
+      ifFalse = A.ListExtensions_elementAtOrNull(positional, 2);
+      if (ifFalse == null) {
+        t1 = named.$index(0, "if-false");
+        t1.toString;
+        ifFalse = t1;
+      }
+      result = condition.accept$1(_this).get$isTruthy() ? ifTrue : ifFalse;
+      return _this._evaluate0$_withoutSlash$2(result.accept$1(_this), _this._evaluate0$_expressionNode$1(result));
+    },
+    visitNullExpression$1(_, node) {
+      return B.C__SassNull0;
+    },
+    visitNumberExpression$1(_, node) {
+      return A.SassNumber_SassNumber0(node.value, node.unit);
+    },
+    visitParenthesizedExpression$1(_, node) {
+      var _this = this;
+      return _this._evaluate0$_assertInModule$2(_this._evaluate0$__stylesheet, "_stylesheet").plainCss ? A.throwExpression(_this._evaluate0$_exception$2("Parentheses aren't allowed in plain CSS.", node.span)) : node.expression.accept$1(_this);
+    },
+    visitColorExpression$1(_, node) {
+      return node.value;
+    },
+    visitListExpression$1(_, node) {
+      var t1 = node.contents;
+      return A.SassList$0(new A.MappedListIterable(t1, new A._EvaluateVisitor_visitListExpression_closure1(this), A._arrayInstanceType(t1)._eval$1("MappedListIterable<1,Value0>")), node.separator, node.hasBrackets);
+    },
+    visitMapExpression$1(_, node) {
+      var t2, t3, _i, t4, key, keyValue, valueValue, oldValueSpan,
+        t1 = type$.Value_2,
+        map = A.LinkedHashMap_LinkedHashMap$_empty(t1, t1),
+        keyNodes = A.LinkedHashMap_LinkedHashMap$_empty(t1, type$.AstNode_2);
+      for (t2 = node.pairs, t3 = t2.length, _i = 0; _i < t3; ++_i) {
+        t4 = t2[_i];
+        key = t4._0;
+        keyValue = key.accept$1(this);
+        valueValue = t4._1.accept$1(this);
+        if (map.containsKey$1(keyValue)) {
+          t1 = keyNodes.$index(0, keyValue);
+          oldValueSpan = t1 == null ? null : t1.get$span(t1);
+          t1 = key.get$span(key);
+          t2 = A.LinkedHashMap_LinkedHashMap$_empty(type$.FileSpan, type$.String);
+          if (oldValueSpan != null)
+            t2.$indexSet(0, oldValueSpan, "first key");
+          throw A.wrapException(A.MultiSpanSassRuntimeException$0("Duplicate key.", t1, "second key", t2, this._evaluate0$_stackTrace$1(key.get$span(key)), null));
+        }
+        map.$indexSet(0, keyValue, valueValue);
+        keyNodes.$indexSet(0, keyValue, key);
+      }
+      return new A.SassMap0(A.ConstantMap_ConstantMap$from(map, t1, t1));
+    },
+    visitFunctionExpression$1(_, node) {
+      var t2, _0_0, t3, t4, $name, oldInFunction, result, _this = this,
+        _s11_ = "_stylesheet",
+        t1 = {},
+        $function = _this._evaluate0$_assertInModule$2(_this._evaluate0$__stylesheet, _s11_).plainCss ? null : _this._evaluate0$_addExceptionSpan$2(node, new A._EvaluateVisitor_visitFunctionExpression_closure5(_this, node));
+      t1.$function = $function;
+      if ($function == null) {
+        if (node.namespace != null)
+          throw A.wrapException(_this._evaluate0$_exception$2("Undefined function.", node.span));
+        t2 = node.name;
+        _0_0 = t2.toLowerCase();
+        t3 = false;
+        if ("min" === _0_0 || "max" === _0_0 || "round" === _0_0 || "abs" === _0_0) {
+          t3 = node.$arguments;
+          t4 = t3.named;
+          t3 = t4.get$isEmpty(t4) && t3.rest == null && B.JSArray_methods.every$1(t3.positional, new A._EvaluateVisitor_visitFunctionExpression_closure6());
+          $name = _0_0;
+        } else
+          $name = null;
+        if (t3)
+          return _this._evaluate0$_visitCalculation$2$inLegacySassFunction(node, $name);
+        if ("calc" === _0_0 || "clamp" === _0_0 || "hypot" === _0_0 || "sin" === _0_0 || "cos" === _0_0 || "tan" === _0_0 || "asin" === _0_0 || "acos" === _0_0 || "atan" === _0_0 || "sqrt" === _0_0 || "exp" === _0_0 || "sign" === _0_0 || "mod" === _0_0 || "rem" === _0_0 || "atan2" === _0_0 || "pow" === _0_0 || "log" === _0_0 || "calc-size" === _0_0)
+          return _this._evaluate0$_visitCalculation$1(node);
+        $function = _this._evaluate0$_assertInModule$2(_this._evaluate0$__stylesheet, _s11_).plainCss ? null : _this._evaluate0$_builtInFunctions.$index(0, t2);
+        t2 = t1.$function = $function == null ? new A.PlainCssCallable0(node.originalName) : $function;
+      } else
+        t2 = $function;
+      if (B.JSString_methods.startsWith$1(node.originalName, "--") && t2 instanceof A.UserDefinedCallable0 && !B.JSString_methods.startsWith$1(t2.declaration.originalName, "--"))
+        _this._evaluate0$_warn$3(string$.Sass__f, node.get$nameSpan(), B.Deprecation_9Lp);
+      oldInFunction = _this._evaluate0$_inFunction;
+      _this._evaluate0$_inFunction = true;
+      result = _this._evaluate0$_addErrorSpan$2(node, new A._EvaluateVisitor_visitFunctionExpression_closure7(t1, _this, node));
+      _this._evaluate0$_inFunction = oldInFunction;
+      return result;
+    },
+    _evaluate0$_visitCalculation$2$inLegacySassFunction(node, inLegacySassFunction) {
+      var $arguments, oldCallableNode, t1, _0_0, error, stackTrace, t4, _i, exception, _this = this,
+        t2 = node.$arguments,
+        t3 = t2.named;
+      if (t3.get$isNotEmpty(t3))
+        throw A.wrapException(_this._evaluate0$_exception$2(string$.Keywor, node.span));
+      else if (t2.rest != null)
+        throw A.wrapException(_this._evaluate0$_exception$2(string$.Rest_a, node.span));
+      _this._evaluate0$_checkCalculationArguments$1(node);
+      t3 = A._setArrayType([], type$.JSArray_Object);
+      for (t2 = t2.positional, t4 = t2.length, _i = 0; _i < t4; ++_i)
+        t3.push(_this._evaluate0$_visitCalculationExpression$2$inLegacySassFunction(t2[_i], inLegacySassFunction));
+      $arguments = t3;
+      if (_this._evaluate0$_inSupportsDeclaration)
+        return new A.SassCalculation0(node.name, A.List_List$unmodifiable($arguments, type$.Object));
+      oldCallableNode = _this._evaluate0$_callableNode;
+      _this._evaluate0$_callableNode = node;
+      try {
+        t1 = null;
+        t3 = node.name;
+        _0_0 = t3.toLowerCase();
+        $label0$0: {
+          if ("calc" === _0_0) {
+            t1 = A.SassCalculation_calc0(J.$index$asx($arguments, 0));
+            break $label0$0;
+          }
+          if ("sqrt" === _0_0) {
+            t1 = A.SassCalculation__singleArgument0("sqrt", J.$index$asx($arguments, 0), A.number2__sqrt$closure(), true);
+            break $label0$0;
+          }
+          if ("sin" === _0_0) {
+            t1 = A.SassCalculation__singleArgument0("sin", J.$index$asx($arguments, 0), A.number2__sin$closure(), false);
+            break $label0$0;
+          }
+          if ("cos" === _0_0) {
+            t1 = A.SassCalculation__singleArgument0("cos", J.$index$asx($arguments, 0), A.number2__cos$closure(), false);
+            break $label0$0;
+          }
+          if ("tan" === _0_0) {
+            t1 = A.SassCalculation__singleArgument0("tan", J.$index$asx($arguments, 0), A.number2__tan$closure(), false);
+            break $label0$0;
+          }
+          if ("asin" === _0_0) {
+            t1 = A.SassCalculation__singleArgument0("asin", J.$index$asx($arguments, 0), A.number2__asin$closure(), true);
+            break $label0$0;
+          }
+          if ("acos" === _0_0) {
+            t1 = A.SassCalculation__singleArgument0("acos", J.$index$asx($arguments, 0), A.number2__acos$closure(), true);
+            break $label0$0;
+          }
+          if ("atan" === _0_0) {
+            t1 = A.SassCalculation__singleArgument0("atan", J.$index$asx($arguments, 0), A.number2__atan$closure(), true);
+            break $label0$0;
+          }
+          if ("abs" === _0_0) {
+            t1 = A.SassCalculation_abs0(J.$index$asx($arguments, 0));
+            break $label0$0;
+          }
+          if ("exp" === _0_0) {
+            t1 = A.SassCalculation_exp0(J.$index$asx($arguments, 0));
+            break $label0$0;
+          }
+          if ("sign" === _0_0) {
+            t1 = A.SassCalculation_sign0(J.$index$asx($arguments, 0));
+            break $label0$0;
+          }
+          if ("min" === _0_0) {
+            t1 = A.SassCalculation_min0($arguments);
+            break $label0$0;
+          }
+          if ("max" === _0_0) {
+            t1 = A.SassCalculation_max0($arguments);
+            break $label0$0;
+          }
+          if ("hypot" === _0_0) {
+            t1 = A.SassCalculation_hypot0($arguments);
+            break $label0$0;
+          }
+          if ("pow" === _0_0) {
+            t1 = A.SassCalculation_pow0(J.$index$asx($arguments, 0), A.ListExtensions_elementAtOrNull($arguments, 1));
+            break $label0$0;
+          }
+          if ("atan2" === _0_0) {
+            t1 = A.SassCalculation_atan20(J.$index$asx($arguments, 0), A.ListExtensions_elementAtOrNull($arguments, 1));
+            break $label0$0;
+          }
+          if ("log" === _0_0) {
+            t1 = A.SassCalculation_log0(J.$index$asx($arguments, 0), A.ListExtensions_elementAtOrNull($arguments, 1));
+            break $label0$0;
+          }
+          if ("mod" === _0_0) {
+            t1 = A.SassCalculation_mod0(J.$index$asx($arguments, 0), A.ListExtensions_elementAtOrNull($arguments, 1));
+            break $label0$0;
+          }
+          if ("rem" === _0_0) {
+            t1 = A.SassCalculation_rem0(J.$index$asx($arguments, 0), A.ListExtensions_elementAtOrNull($arguments, 1));
+            break $label0$0;
+          }
+          if ("round" === _0_0) {
+            t1 = A.SassCalculation_roundInternal0(J.$index$asx($arguments, 0), A.ListExtensions_elementAtOrNull($arguments, 1), A.ListExtensions_elementAtOrNull($arguments, 2), inLegacySassFunction, node.span, new A._EvaluateVisitor__visitCalculation_closure1(_this, node));
+            break $label0$0;
+          }
+          if ("clamp" === _0_0) {
+            t1 = A.SassCalculation_clamp0(J.$index$asx($arguments, 0), A.ListExtensions_elementAtOrNull($arguments, 1), A.ListExtensions_elementAtOrNull($arguments, 2));
+            break $label0$0;
+          }
+          if ("calc-size" === _0_0) {
+            t1 = A.SassCalculation_calcSize0(J.$index$asx($arguments, 0), A.ListExtensions_elementAtOrNull($arguments, 1));
+            break $label0$0;
+          }
+          t3 = A.UnsupportedError$('Unknown calculation name "' + t3 + '".');
+          t1 = A.throwExpression(t3);
+        }
+        t1 = t1;
+        return t1;
+      } catch (exception) {
+        t1 = A.unwrapException(exception);
+        if (t1 instanceof A.SassScriptException0) {
+          error = t1;
+          stackTrace = A.getTraceFromException(exception);
+          if (B.JSString_methods.contains$1(error.message, "compatible"))
+            _this._evaluate0$_verifyCompatibleNumbers$2($arguments, t2);
+          A.throwWithTrace0(_this._evaluate0$_exception$2(error.message, node.span), error, stackTrace);
+        } else
+          throw exception;
+      } finally {
+        _this._evaluate0$_callableNode = oldCallableNode;
+      }
+    },
+    _evaluate0$_visitCalculation$1(node) {
+      return this._evaluate0$_visitCalculation$2$inLegacySassFunction(node, null);
+    },
+    _evaluate0$_checkCalculationArguments$1(node) {
+      var t1, _0_0,
+        check = new A._EvaluateVisitor__checkCalculationArguments_check1(this, node);
+      $label0$0: {
+        t1 = node.name;
+        _0_0 = t1.toLowerCase();
+        if ("calc" === _0_0 || "sqrt" === _0_0 || "sin" === _0_0 || "cos" === _0_0 || "tan" === _0_0 || "asin" === _0_0 || "acos" === _0_0 || "atan" === _0_0 || "abs" === _0_0 || "exp" === _0_0 || "sign" === _0_0) {
+          check.call$1(1);
+          break $label0$0;
+        }
+        if ("min" === _0_0 || "max" === _0_0 || "hypot" === _0_0) {
+          check.call$0();
+          break $label0$0;
+        }
+        if ("pow" === _0_0 || "atan2" === _0_0 || "log" === _0_0 || "mod" === _0_0 || "rem" === _0_0 || "calc-size" === _0_0) {
+          check.call$1(2);
+          break $label0$0;
+        }
+        if ("round" === _0_0 || "clamp" === _0_0) {
+          check.call$1(3);
+          break $label0$0;
+        }
+        throw A.wrapException(A.UnsupportedError$('Unknown calculation name "' + t1 + '".'));
+      }
+    },
+    _evaluate0$_verifyCompatibleNumbers$2(args, nodesWithSpans) {
+      var i, t1, _0_0, arg, t2, number1, j, number2, t3, t4, t5, t6;
+      for (i = 0; t1 = args.length, i < t1; ++i) {
+        _0_0 = args[i];
+        if (_0_0 instanceof A.SassNumber0) {
+          t1 = _0_0.get$hasComplexUnits();
+          arg = _0_0;
+        } else {
+          arg = null;
+          t1 = false;
+        }
+        if (t1) {
+          t1 = A.S(arg);
+          t2 = nodesWithSpans[i];
+          throw A.wrapException(this._evaluate0$_exception$2("Number " + t1 + " isn't compatible with CSS calculations.", t2.get$span(t2)));
+        }
+      }
+      for (i = 0; i < t1 - 1; ++i) {
+        number1 = args[i];
+        if (!(number1 instanceof A.SassNumber0))
+          continue;
+        for (j = i + 1; t1 = args.length, j < t1; ++j) {
+          number2 = args[j];
+          if (!(number2 instanceof A.SassNumber0))
+            continue;
+          if (number1.hasPossiblyCompatibleUnits$1(number2))
+            continue;
+          t1 = number1.toString$0(0);
+          t2 = number2.toString$0(0);
+          t3 = nodesWithSpans[i];
+          t3 = t3.get$span(t3);
+          t4 = number1.toString$0(0);
+          t5 = nodesWithSpans[j];
+          t5 = A.LinkedHashMap_LinkedHashMap$_literal([t5.get$span(t5), number2.toString$0(0)], type$.FileSpan, type$.String);
+          t6 = nodesWithSpans[i];
+          throw A.wrapException(A.MultiSpanSassRuntimeException$0(t1 + " and " + t2 + " are incompatible.", t3, t4, t5, this._evaluate0$_stackTrace$1(t6.get$span(t6)), null));
+        }
+      }
+    },
+    _evaluate0$_visitCalculationExpression$2$inLegacySassFunction(node, inLegacySassFunction) {
+      var result, t2, _0_0, _box_0, _1_0, t3, _i, i, _this = this, _null = null,
+        t1 = node instanceof A.ParenthesizedExpression0,
+        inner = t1 ? node.expression : _null;
+      if (t1) {
+        result = _this._evaluate0$_visitCalculationExpression$2$inLegacySassFunction(inner, inLegacySassFunction);
+        return result instanceof A.SassString0 ? new A.SassString0("(" + result._string0$_text + ")", false) : result;
+      }
+      if (node instanceof A.StringExpression0 && node.accept$1(B.C_IsCalculationSafeVisitor0)) {
+        t1 = node.text;
+        t2 = t1.get$asPlain();
+        _0_0 = t2 == null ? _null : t2.toLowerCase();
+        $label0$0: {
+          if ("pi" === _0_0) {
+            t1 = A.SassNumber_SassNumber0(3.141592653589793, _null);
+            break $label0$0;
+          }
+          if ("e" === _0_0) {
+            t1 = A.SassNumber_SassNumber0(2.718281828459045, _null);
+            break $label0$0;
+          }
+          if ("infinity" === _0_0) {
+            t1 = A.SassNumber_SassNumber0(1 / 0, _null);
+            break $label0$0;
+          }
+          if ("-infinity" === _0_0) {
+            t1 = A.SassNumber_SassNumber0(-1 / 0, _null);
+            break $label0$0;
+          }
+          if ("nan" === _0_0) {
+            t1 = A.SassNumber_SassNumber0(0 / 0, _null);
+            break $label0$0;
+          }
+          t1 = new A.SassString0(_this._evaluate0$_performInterpolation$1(t1), false);
+          break $label0$0;
+        }
+        return t1;
+      }
+      _box_0 = {};
+      _box_0.right = _box_0.left = _box_0.operator = null;
+      t1 = node instanceof A.BinaryOperationExpression0;
+      if (t1) {
+        _box_0.operator = node.operator;
+        _box_0.left = node.left;
+        _box_0.right = node.right;
+      }
+      if (t1) {
+        _this._evaluate0$_checkWhitespaceAroundCalculationOperator$1(node);
+        return _this._evaluate0$_addExceptionSpan$2(node, new A._EvaluateVisitor__visitCalculationExpression_closure1(_box_0, _this, node, inLegacySassFunction));
+      }
+      if (node instanceof A.NumberExpression0 || node instanceof A.VariableExpression0 || node instanceof A.FunctionExpression0 || node instanceof A.IfExpression0) {
+        _1_0 = node.accept$1(_this);
+        $label1$1: {
+          if (_1_0 instanceof A.SassNumber0) {
+            t1 = _1_0;
+            break $label1$1;
+          }
+          if (_1_0 instanceof A.SassCalculation0) {
+            t1 = _1_0;
+            break $label1$1;
+          }
+          if (_1_0 instanceof A.SassString0) {
+            t1 = !_1_0._string0$_hasQuotes;
+            result = _1_0;
+          } else {
+            result = _null;
+            t1 = false;
+          }
+          if (t1) {
+            t1 = result;
+            break $label1$1;
+          }
+          t1 = A.throwExpression(_this._evaluate0$_exception$2("Value " + _1_0.toString$0(0) + " can't be used in a calculation.", node.get$span(node)));
+        }
+        return t1;
+      }
+      if (node instanceof A.ListExpression0 && !node.hasBrackets && B.ListSeparator_qSL0 === node.separator && node.contents.length >= 2) {
+        t1 = A._setArrayType([], type$.JSArray_Object);
+        for (t2 = node.contents, t3 = t2.length, _i = 0; _i < t3; ++_i)
+          t1.push(_this._evaluate0$_visitCalculationExpression$2$inLegacySassFunction(t2[_i], inLegacySassFunction));
+        _this._evaluate0$_checkAdjacentCalculationValues$2(t1, node);
+        for (i = 0; i < t1.length; ++i) {
+          t3 = t1[i];
+          if (t3 instanceof A.CalculationOperation0 && t2[i] instanceof A.ParenthesizedExpression0)
+            t1[i] = new A.SassString0("(" + t3.toString$0(0) + ")", false);
+        }
+        return new A.SassString0(B.JSArray_methods.join$1(t1, " "), false);
+      }
+      throw A.wrapException(_this._evaluate0$_exception$2(string$.This_e, node.get$span(node)));
+    },
+    _evaluate0$_checkWhitespaceAroundCalculationOperator$1(node) {
+      var t2, t3, t4, textBetweenOperands, first, last,
+        t1 = node.operator;
+      if (t1 !== B.BinaryOperator_Swh0 && t1 !== B.BinaryOperator_QG10)
+        return;
+      t1 = node.left;
+      t2 = t1.get$span(t1);
+      t2 = t2.get$file(t2);
+      t3 = node.right;
+      t4 = t3.get$span(t3);
+      if (t2 !== t4.get$file(t4))
+        return;
+      t2 = t1.get$span(t1);
+      t2 = t2.get$end(t2);
+      t4 = t3.get$span(t3);
+      if (t2.offset >= t4.get$start(t4).offset)
+        return;
+      t2 = t1.get$span(t1);
+      t2 = t2.get$file(t2);
+      t1 = t1.get$span(t1);
+      t1 = t1.get$end(t1);
+      t3 = t3.get$span(t3);
+      textBetweenOperands = A.String_String$fromCharCodes(B.NativeUint32List_methods.sublist$2(t2._decodedChars, t1.offset, t3.get$start(t3).offset), 0, null);
+      first = textBetweenOperands.charCodeAt(0);
+      last = textBetweenOperands.charCodeAt(textBetweenOperands.length - 1);
+      if (first === 32 || first === 9 || first === 10 || first === 13 || first === 12 || first === 47)
+        t1 = !(last === 32 || last === 9 || last === 10 || last === 13 || last === 12 || last === 47);
+      else
+        t1 = true;
+      if (t1)
+        throw A.wrapException(this._evaluate0$_exception$2(string$.x22x2b__an, node.get$operatorSpan()));
+    },
+    _evaluate0$_binaryOperatorToCalculationOperator$2(operator, node) {
+      var t1;
+      $label0$0: {
+        if (B.BinaryOperator_Swh0 === operator) {
+          t1 = B.CalculationOperator_F7i0;
+          break $label0$0;
+        }
+        if (B.BinaryOperator_QG10 === operator) {
+          t1 = B.CalculationOperator_oum0;
+          break $label0$0;
+        }
+        if (B.BinaryOperator_tht0 === operator) {
+          t1 = B.CalculationOperator_kkN0;
+          break $label0$0;
+        }
+        if (B.BinaryOperator_Mh50 === operator) {
+          t1 = B.CalculationOperator_bo50;
+          break $label0$0;
+        }
+        t1 = A.throwExpression(this._evaluate0$_exception$2(string$.This_o, node.get$operatorSpan()));
+      }
+      return t1;
+    },
+    _evaluate0$_checkAdjacentCalculationValues$2(elements, node) {
+      var t1, i, t2, previous, current, previousNode, currentNode, _0_2;
+      for (t1 = elements.length, i = 1; i < t1; ++i) {
+        t2 = i - 1;
+        previous = elements[t2];
+        current = elements[i];
+        if (previous instanceof A.SassString0 || current instanceof A.SassString0)
+          continue;
+        t1 = node.contents;
+        previousNode = t1[t2];
+        currentNode = t1[i];
+        if (currentNode instanceof A.UnaryOperationExpression0) {
+          _0_2 = currentNode.operator;
+          if (B.UnaryOperator_UCP0 !== _0_2)
+            t1 = B.UnaryOperator_Rbl0 === _0_2;
+          else
+            t1 = true;
+        } else
+          t1 = false;
+        if (!t1)
+          t1 = currentNode instanceof A.NumberExpression0 && currentNode.value < 0;
+        else
+          t1 = true;
+        if (t1)
+          throw A.wrapException(this._evaluate0$_exception$2(string$.x22x2b__an, A.FileSpanExtension_subspan(currentNode.get$span(currentNode), 0, 1)));
+        else
+          throw A.wrapException(this._evaluate0$_exception$2("Missing math operator.", previousNode.get$span(previousNode).expand$1(0, currentNode.get$span(currentNode))));
+      }
+    },
+    visitInterpolatedFunctionExpression$1(_, node) {
+      var result, _this = this,
+        t1 = _this._evaluate0$_performInterpolation$1(node.name),
+        oldInFunction = _this._evaluate0$_inFunction;
+      _this._evaluate0$_inFunction = true;
+      result = _this._evaluate0$_addErrorSpan$2(node, new A._EvaluateVisitor_visitInterpolatedFunctionExpression_closure1(_this, node, new A.PlainCssCallable0(t1)));
+      _this._evaluate0$_inFunction = oldInFunction;
+      return result;
+    },
+    _evaluate0$_runUserDefinedCallable$1$4($arguments, callable, nodeWithSpan, run, $V) {
+      var oldInDependency, result, _this = this,
+        evaluated = _this._evaluate0$_evaluateArguments$1($arguments),
+        $name = callable.declaration.name;
+      if ($name !== "@content")
+        $name += "()";
+      oldInDependency = _this._evaluate0$_inDependency;
+      _this._evaluate0$_inDependency = callable.inDependency;
+      result = _this._evaluate0$_withStackFrame$3($name, nodeWithSpan, new A._EvaluateVisitor__runUserDefinedCallable_closure1(_this, callable, evaluated, nodeWithSpan, run, $V));
+      _this._evaluate0$_inDependency = oldInDependency;
+      return result;
+    },
+    _evaluate0$_runFunctionCallable$3($arguments, callable, nodeWithSpan) {
+      var buffer, first, argument, restArg, rest, error, t1, t2, _i, t3, t4, exception, _this = this;
+      if (callable instanceof A.BuiltInCallable0)
+        return _this._evaluate0$_withoutSlash$2(_this._evaluate0$_runBuiltInCallable$3($arguments, callable, nodeWithSpan), nodeWithSpan);
+      else if (type$.UserDefinedCallable_Environment_2._is(callable))
+        return _this._evaluate0$_runUserDefinedCallable$1$4($arguments, callable, nodeWithSpan, new A._EvaluateVisitor__runFunctionCallable_closure1(_this, callable), type$.Value_2);
+      else if (callable instanceof A.PlainCssCallable0) {
+        t1 = $arguments.named;
+        if (t1.get$isNotEmpty(t1) || $arguments.keywordRest != null)
+          throw A.wrapException(_this._evaluate0$_exception$2(string$.Plain_, nodeWithSpan.get$span(nodeWithSpan)));
+        buffer = new A.StringBuffer(callable.name + "(");
+        try {
+          first = true;
+          for (t1 = $arguments.positional, t2 = t1.length, _i = 0; _i < t2; ++_i) {
+            argument = t1[_i];
+            if (first)
+              first = false;
+            else
+              buffer._contents += ", ";
+            t3 = buffer;
+            t4 = argument;
+            t4 = _this._evaluate0$_serialize$3$quote(t4.accept$1(_this), t4, true);
+            t3._contents += t4;
+          }
+          restArg = $arguments.rest;
+          if (restArg != null) {
+            rest = restArg.accept$1(_this);
+            if (!first)
+              buffer._contents += ", ";
+            t1 = buffer;
+            t2 = _this._evaluate0$_serialize$2(rest, restArg);
+            t1._contents += t2;
+          }
+        } catch (exception) {
+          t1 = A.unwrapException(exception);
+          if (type$.SassRuntimeException_2._is(t1)) {
+            error = t1;
+            if (!B.JSString_methods.endsWith$1(error._span_exception$_message, "isn't a valid CSS value."))
+              throw exception;
+            throw A.wrapException(A.MultiSpanSassRuntimeException$0(error._span_exception$_message, J.get$span$z(error), "value", A.LinkedHashMap_LinkedHashMap$_literal([nodeWithSpan.get$span(nodeWithSpan), "unknown function treated as plain CSS"], type$.FileSpan, type$.String), J.get$trace$z(error), null));
+          } else
+            throw exception;
+        }
+        t1 = buffer;
+        t2 = A.Primitives_stringFromCharCode(41);
+        t1._contents += t2;
+        t2 = buffer._contents;
+        return new A.SassString0(t2.charCodeAt(0) == 0 ? t2 : t2, false);
+      } else
+        throw A.wrapException(A.ArgumentError$("Unknown callable type " + J.get$runtimeType$(callable).toString$0(0) + ".", null));
+    },
+    _evaluate0$_runBuiltInCallable$3($arguments, callable, nodeWithSpan) {
+      var result, error, stackTrace, namedSet, _0_0, parameters, i, t1, parameter, t2, t3, rest, argumentList, exception, _this = this, _box_0 = {},
+        evaluated = _this._evaluate0$_evaluateArguments$1($arguments),
+        oldCallableNode = _this._evaluate0$_callableNode;
+      _this._evaluate0$_callableNode = nodeWithSpan;
+      namedSet = new A.MapKeySet(evaluated._values[0], type$.MapKeySet_String);
+      _box_0.callback = _box_0.overload = null;
+      _0_0 = callable.callbackFor$2(evaluated._values[2].length, namedSet);
+      _box_0.overload = _0_0._0;
+      _box_0.callback = _0_0._1;
+      _this._evaluate0$_addExceptionSpan$2(nodeWithSpan, new A._EvaluateVisitor__runBuiltInCallable_closure5(_box_0, evaluated, namedSet));
+      parameters = _box_0.overload.parameters;
+      for (i = evaluated._values[2].length, t1 = parameters.length; i < t1; ++i) {
+        parameter = parameters[i];
+        t2 = evaluated._values[2];
+        t3 = evaluated._values[0].remove$1(0, parameter.name);
+        if (t3 == null) {
+          t3 = parameter.defaultValue;
+          t3 = _this._evaluate0$_withoutSlash$2(t3.accept$1(_this), t3);
+        }
+        t2.push(t3);
+      }
+      if (_box_0.overload.restParameter != null) {
+        if (evaluated._values[2].length > t1) {
+          rest = B.JSArray_methods.sublist$1(evaluated._values[2], t1);
+          B.JSArray_methods.removeRange$2(evaluated._values[2], t1, evaluated._values[2].length);
+        } else
+          rest = B.List_empty21;
+        t1 = evaluated._values[0];
+        argumentList = A.SassArgumentList$0(rest, t1, evaluated._values[4] === B.ListSeparator_undecided_null_undecided0 ? B.ListSeparator_qVN0 : evaluated._values[4]);
+        evaluated._values[2].push(argumentList);
+      } else
+        argumentList = null;
+      result = null;
+      try {
+        result = _this._evaluate0$_addExceptionSpan$2(nodeWithSpan, new A._EvaluateVisitor__runBuiltInCallable_closure6(_box_0, evaluated));
+      } catch (exception) {
+        t1 = A.unwrapException(exception);
+        if (t1 instanceof A.SassException0)
+          throw exception;
+        else {
+          error = t1;
+          stackTrace = A.getTraceFromException(exception);
+          A.throwWithTrace0(_this._evaluate0$_exception$2(_this._evaluate0$_getErrorMessage$1(error), nodeWithSpan.get$span(nodeWithSpan)), error, stackTrace);
+        }
+      }
+      _this._evaluate0$_callableNode = oldCallableNode;
+      if (argumentList == null)
+        return result;
+      if (evaluated._values[0].__js_helper$_length === 0)
+        return result;
+      if (argumentList._argument_list$_wereKeywordsAccessed)
+        return result;
+      throw A.wrapException(A.MultiSpanSassRuntimeException$0("No " + A.pluralize0("parameter", evaluated._values[0].get$keys(0).get$length(0), null) + " named " + A.toSentence0(evaluated._values[0].get$keys(0).map$1$1(0, new A._EvaluateVisitor__runBuiltInCallable_closure7(), type$.Object), "or") + ".", nodeWithSpan.get$span(nodeWithSpan), "invocation", A.LinkedHashMap_LinkedHashMap$_literal([_box_0.overload.get$spanWithName(), "declaration"], type$.FileSpan, type$.String), _this._evaluate0$_stackTrace$1(nodeWithSpan.get$span(nodeWithSpan)), null));
+    },
+    _evaluate0$_evaluateArguments$1($arguments) {
+      var t1, t2, _i, expression, nodeForSpan, named, namedNodes, t3, t4, $name, value, restArgs, rest, restNodeForSpan, t5, separator, keywordRestArgs, keywordRest, keywordRestNodeForSpan, _this = this,
+        positional = A._setArrayType([], type$.JSArray_Value_2),
+        positionalNodes = A._setArrayType([], type$.JSArray_AstNode_2);
+      for (t1 = $arguments.positional, t2 = t1.length, _i = 0; _i < t2; ++_i) {
+        expression = t1[_i];
+        nodeForSpan = _this._evaluate0$_expressionNode$1(expression);
+        positional.push(_this._evaluate0$_withoutSlash$2(expression.accept$1(_this), nodeForSpan));
+        positionalNodes.push(nodeForSpan);
+      }
+      t1 = type$.String;
+      named = A.LinkedHashMap_LinkedHashMap$_empty(t1, type$.Value_2);
+      t2 = type$.AstNode_2;
+      namedNodes = A.LinkedHashMap_LinkedHashMap$_empty(t1, t2);
+      for (t3 = A.MapExtensions_get_pairs0($arguments.named, t1, type$.Expression_2), t3 = t3.get$iterator(t3); t3.moveNext$0();) {
+        t4 = t3.get$current(t3);
+        $name = t4._0;
+        value = t4._1;
+        nodeForSpan = _this._evaluate0$_expressionNode$1(value);
+        named.$indexSet(0, $name, _this._evaluate0$_withoutSlash$2(value.accept$1(_this), nodeForSpan));
+        namedNodes.$indexSet(0, $name, nodeForSpan);
+      }
+      restArgs = $arguments.rest;
+      if (restArgs == null)
+        return new A._Record_5_named_namedNodes_positional_positionalNodes_separator([named, namedNodes, positional, positionalNodes, B.ListSeparator_undecided_null_undecided0]);
+      rest = restArgs.accept$1(_this);
+      restNodeForSpan = _this._evaluate0$_expressionNode$1(restArgs);
+      if (rest instanceof A.SassMap0) {
+        _this._evaluate0$_addRestMap$4(named, rest, restArgs, new A._EvaluateVisitor__evaluateArguments_closure7());
+        t3 = A.LinkedHashMap_LinkedHashMap$_empty(t1, t2);
+        for (t4 = rest._map0$_contents, t4 = t4.get$keys(t4), t4 = t4.get$iterator(t4), t5 = type$.SassString_2; t4.moveNext$0();)
+          t3.$indexSet(0, t5._as(t4.get$current(t4))._string0$_text, restNodeForSpan);
+        namedNodes.addAll$1(0, t3);
+        separator = B.ListSeparator_undecided_null_undecided0;
+      } else if (rest instanceof A.SassList0) {
+        t3 = rest._list1$_contents;
+        B.JSArray_methods.addAll$1(positional, new A.MappedListIterable(t3, new A._EvaluateVisitor__evaluateArguments_closure8(_this, restNodeForSpan), A._arrayInstanceType(t3)._eval$1("MappedListIterable<1,Value0>")));
+        B.JSArray_methods.addAll$1(positionalNodes, A.List_List$filled(t3.length, restNodeForSpan, false, t2));
+        separator = rest._list1$_separator;
+        if (rest instanceof A.SassArgumentList0) {
+          rest._argument_list$_wereKeywordsAccessed = true;
+          rest._argument_list$_keywords.forEach$1(0, new A._EvaluateVisitor__evaluateArguments_closure9(_this, named, restNodeForSpan, namedNodes));
+        }
+      } else {
+        positional.push(_this._evaluate0$_withoutSlash$2(rest, restNodeForSpan));
+        positionalNodes.push(restNodeForSpan);
+        separator = B.ListSeparator_undecided_null_undecided0;
+      }
+      keywordRestArgs = $arguments.keywordRest;
+      if (keywordRestArgs == null)
+        return new A._Record_5_named_namedNodes_positional_positionalNodes_separator([named, namedNodes, positional, positionalNodes, separator]);
+      keywordRest = keywordRestArgs.accept$1(_this);
+      keywordRestNodeForSpan = _this._evaluate0$_expressionNode$1(keywordRestArgs);
+      if (keywordRest instanceof A.SassMap0) {
+        _this._evaluate0$_addRestMap$4(named, keywordRest, keywordRestArgs, new A._EvaluateVisitor__evaluateArguments_closure10());
+        t1 = A.LinkedHashMap_LinkedHashMap$_empty(t1, t2);
+        for (t2 = keywordRest._map0$_contents, t2 = t2.get$keys(t2), t2 = t2.get$iterator(t2), t3 = type$.SassString_2; t2.moveNext$0();)
+          t1.$indexSet(0, t3._as(t2.get$current(t2))._string0$_text, keywordRestNodeForSpan);
+        namedNodes.addAll$1(0, t1);
+        return new A._Record_5_named_namedNodes_positional_positionalNodes_separator([named, namedNodes, positional, positionalNodes, separator]);
+      } else
+        throw A.wrapException(_this._evaluate0$_exception$2(string$.Variabs + keywordRest.toString$0(0) + ").", keywordRestArgs.get$span(keywordRestArgs)));
+    },
+    _evaluate0$_evaluateMacroArguments$1(invocation) {
+      var t2, positional, named, rest, restNodeForSpan, keywordRestArgs_, keywordRest, keywordRestNodeForSpan, _this = this,
+        t1 = invocation.$arguments,
+        restArgs_ = t1.rest;
+      if (restArgs_ == null)
+        return new A._Record_2(t1.positional, t1.named);
+      t2 = t1.positional;
+      positional = A._setArrayType(t2.slice(0), A._arrayInstanceType(t2));
+      named = A.LinkedHashMap_LinkedHashMap$of(t1.named, type$.String, type$.Expression_2);
+      rest = restArgs_.accept$1(_this);
+      restNodeForSpan = _this._evaluate0$_expressionNode$1(restArgs_);
+      if (rest instanceof A.SassMap0)
+        _this._evaluate0$_addRestMap$4(named, rest, invocation, new A._EvaluateVisitor__evaluateMacroArguments_closure7(restArgs_));
+      else if (rest instanceof A.SassList0) {
+        t2 = rest._list1$_contents;
+        B.JSArray_methods.addAll$1(positional, new A.MappedListIterable(t2, new A._EvaluateVisitor__evaluateMacroArguments_closure8(_this, restNodeForSpan, restArgs_), A._arrayInstanceType(t2)._eval$1("MappedListIterable<1,Expression0>")));
+        if (rest instanceof A.SassArgumentList0) {
+          rest._argument_list$_wereKeywordsAccessed = true;
+          rest._argument_list$_keywords.forEach$1(0, new A._EvaluateVisitor__evaluateMacroArguments_closure9(_this, named, restNodeForSpan, restArgs_));
+        }
+      } else
+        positional.push(new A.ValueExpression0(_this._evaluate0$_withoutSlash$2(rest, restNodeForSpan), restArgs_.get$span(restArgs_)));
+      keywordRestArgs_ = t1.keywordRest;
+      if (keywordRestArgs_ == null)
+        return new A._Record_2(positional, named);
+      keywordRest = keywordRestArgs_.accept$1(_this);
+      keywordRestNodeForSpan = _this._evaluate0$_expressionNode$1(keywordRestArgs_);
+      if (keywordRest instanceof A.SassMap0) {
+        _this._evaluate0$_addRestMap$4(named, keywordRest, invocation, new A._EvaluateVisitor__evaluateMacroArguments_closure10(_this, keywordRestNodeForSpan, keywordRestArgs_));
+        return new A._Record_2(positional, named);
+      } else
+        throw A.wrapException(_this._evaluate0$_exception$2(string$.Variabs + keywordRest.toString$0(0) + ").", keywordRestArgs_.get$span(keywordRestArgs_)));
+    },
+    _evaluate0$_addRestMap$1$4(values, map, nodeWithSpan, convert) {
+      map._map0$_contents.forEach$1(0, new A._EvaluateVisitor__addRestMap_closure1(this, values, convert, this._evaluate0$_expressionNode$1(nodeWithSpan), map, nodeWithSpan));
+    },
+    _evaluate0$_addRestMap$4(values, map, nodeWithSpan, convert) {
+      return this._evaluate0$_addRestMap$1$4(values, map, nodeWithSpan, convert, type$.dynamic);
+    },
+    _evaluate0$_verifyArguments$4(positional, named, parameters, nodeWithSpan) {
+      return this._evaluate0$_addExceptionSpan$2(nodeWithSpan, new A._EvaluateVisitor__verifyArguments_closure1(parameters, positional, named));
+    },
+    visitSelectorExpression$1(_, node) {
+      var t1 = this._evaluate0$_styleRuleIgnoringAtRoot;
+      t1 = t1 == null ? null : t1.originalSelector.get$asSassList();
+      return t1 == null ? B.C__SassNull0 : t1;
+    },
+    visitStringExpression$1(_, node) {
+      var t1, t2, t3, _i, value, t4, _0_0, text, _this = this,
+        oldInSupportsDeclaration = _this._evaluate0$_inSupportsDeclaration;
+      _this._evaluate0$_inSupportsDeclaration = false;
+      t1 = A._setArrayType([], type$.JSArray_String);
+      for (t2 = node.text.contents, t3 = t2.length, _i = 0; _i < t3; ++_i) {
+        value = t2[_i];
+        $label0$0: {
+          if (typeof value == "string") {
+            t4 = value;
+            break $label0$0;
+          }
+          if (value instanceof A.Expression0) {
+            _0_0 = value.accept$1(_this);
+            $label1$1: {
+              if (_0_0 instanceof A.SassString0) {
+                text = _0_0._string0$_text;
+                t4 = text;
+                break $label1$1;
+              }
+              t4 = _this._evaluate0$_serialize$3$quote(_0_0, value, false);
+              break $label1$1;
+            }
+            break $label0$0;
+          }
+          t4 = A.throwExpression(A.UnsupportedError$("Unknown interpolation value " + A.S(value)));
+        }
+        t1.push(t4);
+      }
+      t1 = B.JSArray_methods.join$0(t1);
+      _this._evaluate0$_inSupportsDeclaration = oldInSupportsDeclaration;
+      return new A.SassString0(t1, node.hasQuotes);
+    },
+    visitSupportsExpression$1(_, expression) {
+      return new A.SassString0(this._evaluate0$_visitSupportsCondition$1(expression.condition), false);
+    },
+    visitCssAtRule$1(node) {
+      var wasInKeyframes, wasInUnknownAtRule, t1, _this = this;
+      if (_this._evaluate0$_declarationName != null)
+        throw A.wrapException(_this._evaluate0$_exception$2(string$.At_rul, node.span));
+      if (node.isChildless) {
+        _this._evaluate0$_copyParentAfterSibling$0();
+        _this._evaluate0$_assertInModule$2(_this._evaluate0$__parent, "__parent").addChild$1(A.ModifiableCssAtRule$0(node.name, node.span, true, node.value));
+        return;
+      }
+      wasInKeyframes = _this._evaluate0$_inKeyframes;
+      wasInUnknownAtRule = _this._evaluate0$_inUnknownAtRule;
+      t1 = node.name;
+      if (A.unvendor0(t1.value) === "keyframes")
+        _this._evaluate0$_inKeyframes = true;
+      else
+        _this._evaluate0$_inUnknownAtRule = true;
+      _this._evaluate0$_withParent$2$4$scopeWhen$through(A.ModifiableCssAtRule$0(t1, node.span, false, node.value), new A._EvaluateVisitor_visitCssAtRule_closure3(_this, node), false, new A._EvaluateVisitor_visitCssAtRule_closure4(), type$.ModifiableCssAtRule_2, type$.Null);
+      _this._evaluate0$_inUnknownAtRule = wasInUnknownAtRule;
+      _this._evaluate0$_inKeyframes = wasInKeyframes;
+    },
+    visitCssComment$1(node) {
+      var _this = this,
+        _s8_ = "__parent",
+        _s13_ = "_endOfImports";
+      if (_this._evaluate0$_assertInModule$2(_this._evaluate0$__parent, _s8_) === _this._evaluate0$_assertInModule$2(_this._evaluate0$__root, "_root") && _this._evaluate0$_assertInModule$2(_this._evaluate0$__endOfImports, _s13_) === J.get$length$asx(_this._evaluate0$_assertInModule$2(_this._evaluate0$__root, "_root").children._collection$_source))
+        _this._evaluate0$__endOfImports = _this._evaluate0$_assertInModule$2(_this._evaluate0$__endOfImports, _s13_) + 1;
+      _this._evaluate0$_copyParentAfterSibling$0();
+      _this._evaluate0$_assertInModule$2(_this._evaluate0$__parent, _s8_).addChild$1(new A.ModifiableCssComment0(node.text, node.span));
+    },
+    visitCssDeclaration$1(node) {
+      this._evaluate0$_copyParentAfterSibling$0();
+      this._evaluate0$_assertInModule$2(this._evaluate0$__parent, "__parent").addChild$1(A.ModifiableCssDeclaration$0(node.name, node.value, node.span, node.parsedAsCustomProperty, null, node.valueSpanForMap));
+    },
+    visitCssImport$1(node) {
+      var t1, _this = this,
+        _s8_ = "__parent",
+        _s5_ = "_root",
+        _s13_ = "_endOfImports",
+        modifiableNode = new A.ModifiableCssImport0(node.url, node.modifiers, node.span);
+      if (_this._evaluate0$_assertInModule$2(_this._evaluate0$__parent, _s8_) !== _this._evaluate0$_assertInModule$2(_this._evaluate0$__root, _s5_)) {
+        _this._evaluate0$_copyParentAfterSibling$0();
+        _this._evaluate0$_assertInModule$2(_this._evaluate0$__parent, _s8_).addChild$1(modifiableNode);
+      } else if (_this._evaluate0$_assertInModule$2(_this._evaluate0$__endOfImports, _s13_) === J.get$length$asx(_this._evaluate0$_assertInModule$2(_this._evaluate0$__root, _s5_).children._collection$_source)) {
+        _this._evaluate0$_assertInModule$2(_this._evaluate0$__root, _s5_).addChild$1(modifiableNode);
+        _this._evaluate0$__endOfImports = _this._evaluate0$_assertInModule$2(_this._evaluate0$__endOfImports, _s13_) + 1;
+      } else {
+        t1 = _this._evaluate0$_outOfOrderImports;
+        (t1 == null ? _this._evaluate0$_outOfOrderImports = A._setArrayType([], type$.JSArray_ModifiableCssImport_2) : t1).push(modifiableNode);
+      }
+    },
+    visitCssKeyframeBlock$1(node) {
+      this._evaluate0$_withParent$2$4$scopeWhen$through(A.ModifiableCssKeyframeBlock$0(node.selector, node.span), new A._EvaluateVisitor_visitCssKeyframeBlock_closure3(this, node), false, new A._EvaluateVisitor_visitCssKeyframeBlock_closure4(), type$.ModifiableCssKeyframeBlock_2, type$.Null);
+    },
+    visitCssMediaRule$1(node) {
+      var mergedQueries, t1, mergedSources, t2, t3, _this = this;
+      if (_this._evaluate0$_declarationName != null)
+        throw A.wrapException(_this._evaluate0$_exception$2(string$.Media_, node.span));
+      mergedQueries = A.NullableExtension_andThen0(_this._evaluate0$_mediaQueries, new A._EvaluateVisitor_visitCssMediaRule_closure5(_this, node));
+      t1 = mergedQueries == null;
+      if (!t1 && J.get$isEmpty$asx(mergedQueries))
+        return;
+      if (t1)
+        mergedSources = B.Set_empty6;
+      else {
+        t2 = _this._evaluate0$_mediaQuerySources;
+        t2.toString;
+        t2 = A.LinkedHashSet_LinkedHashSet$of(t2, type$.CssMediaQuery_2);
+        t3 = _this._evaluate0$_mediaQueries;
+        t3.toString;
+        t2.addAll$1(0, t3);
+        t2.addAll$1(0, node.queries);
+        mergedSources = t2;
+      }
+      t1 = t1 ? node.queries : mergedQueries;
+      _this._evaluate0$_withParent$2$4$scopeWhen$through(A.ModifiableCssMediaRule$0(t1, node.span), new A._EvaluateVisitor_visitCssMediaRule_closure6(_this, mergedQueries, node, mergedSources), false, new A._EvaluateVisitor_visitCssMediaRule_closure7(mergedSources), type$.ModifiableCssMediaRule_2, type$.Null);
+    },
+    visitCssStyleRule$1(node) {
+      var t1, styleRule, _0_0, t2, t3, originalSelector, rule, oldAtRootExcludingStyleRule, _1_1, lastChild, _this = this, _null = null,
+        _s8_ = "__parent";
+      if (_this._evaluate0$_declarationName != null)
+        throw A.wrapException(_this._evaluate0$_exception$2(string$.Style_n, node.span));
+      else if (_this._evaluate0$_inKeyframes && _this._evaluate0$_assertInModule$2(_this._evaluate0$__parent, _s8_) instanceof A.ModifiableCssKeyframeBlock0)
+        throw A.wrapException(_this._evaluate0$_exception$2(string$.Style_k, node.span));
+      t1 = _this._evaluate0$_atRootExcludingStyleRule;
+      styleRule = t1 ? _null : _this._evaluate0$_styleRuleIgnoringAtRoot;
+      _0_0 = t1 ? _null : _this._evaluate0$_styleRuleIgnoringAtRoot;
+      $label0$0: {
+        if (_0_0 == null) {
+          t1 = true;
+          break $label0$0;
+        }
+        if (_0_0.fromPlainCss) {
+          t1 = false;
+          break $label0$0;
+        }
+        t1 = !(node.fromPlainCss && node._style_rule0$_selector._box0$_inner.value.accept$1(B.C__ContainsParentSelectorVisitor0));
+        break $label0$0;
+      }
+      t2 = node._style_rule0$_selector._box0$_inner;
+      if (t1) {
+        t2 = t2.value;
+        t3 = styleRule == null ? _null : styleRule.originalSelector;
+        originalSelector = t2.nestWithin$3$implicitParent$preserveParentSelectors(t3, !_this._evaluate0$_atRootExcludingStyleRule, node.fromPlainCss);
+      } else
+        originalSelector = t2.value;
+      rule = A.ModifiableCssStyleRule$0(_this._evaluate0$_assertInModule$2(_this._evaluate0$__extensionStore, "_extensionStore").addSelector$2(originalSelector, _this._evaluate0$_mediaQueries), node.span, node.fromPlainCss, originalSelector);
+      oldAtRootExcludingStyleRule = _this._evaluate0$_atRootExcludingStyleRule;
+      _this._evaluate0$_atRootExcludingStyleRule = false;
+      t1 = t1 ? new A._EvaluateVisitor_visitCssStyleRule_closure3() : _null;
+      _this._evaluate0$_withParent$2$4$scopeWhen$through(rule, new A._EvaluateVisitor_visitCssStyleRule_closure4(_this, rule, node), false, t1, type$.ModifiableCssStyleRule_2, type$.Null);
+      _this._evaluate0$_atRootExcludingStyleRule = oldAtRootExcludingStyleRule;
+      t1 = _this._evaluate0$_assertInModule$2(_this._evaluate0$__parent, _s8_).children._collection$_source;
+      t2 = J.getInterceptor$asx(t1);
+      _1_1 = t2.get$length(t1);
+      if (_1_1 >= 1) {
+        lastChild = t2.elementAt$1(t1, _1_1 - 1);
+        t1 = styleRule == null;
+      } else {
+        lastChild = _null;
+        t1 = false;
+      }
+      if (t1)
+        lastChild.isGroupEnd = true;
+    },
+    visitCssStylesheet$1(node) {
+      var t1;
+      for (t1 = J.get$iterator$ax(node.get$children(node)); t1.moveNext$0();)
+        t1.get$current(t1).accept$1(this);
+    },
+    visitCssSupportsRule$1(node) {
+      var _this = this;
+      if (_this._evaluate0$_declarationName != null)
+        throw A.wrapException(_this._evaluate0$_exception$2(string$.Suppor, node.span));
+      _this._evaluate0$_withParent$2$4$scopeWhen$through(A.ModifiableCssSupportsRule$0(node.condition, node.span), new A._EvaluateVisitor_visitCssSupportsRule_closure3(_this, node), false, new A._EvaluateVisitor_visitCssSupportsRule_closure4(), type$.ModifiableCssSupportsRule_2, type$.Null);
+    },
+    _evaluate0$_handleReturn$1$2(list, callback) {
+      var t1, _i, _0_0;
+      for (t1 = list.length, _i = 0; _i < list.length; list.length === t1 || (0, A.throwConcurrentModificationError)(list), ++_i) {
+        _0_0 = callback.call$1(list[_i]);
+        if (_0_0 != null)
+          return _0_0;
+      }
+      return null;
+    },
+    _evaluate0$_handleReturn$2(list, callback) {
+      return this._evaluate0$_handleReturn$1$2(list, callback, type$.dynamic);
+    },
+    _evaluate0$_withEnvironment$1$2(environment, callback) {
+      var result,
+        oldEnvironment = this._evaluate0$_environment;
+      this._evaluate0$_environment = environment;
+      result = callback.call$0();
+      this._evaluate0$_environment = oldEnvironment;
+      return result;
+    },
+    _evaluate0$_withEnvironment$2(environment, callback) {
+      return this._evaluate0$_withEnvironment$1$2(environment, callback, type$.dynamic);
+    },
+    _evaluate0$_interpolationToValue$3$trim$warnForColor(interpolation, trim, warnForColor) {
+      var result = this._evaluate0$_performInterpolation$2$warnForColor(interpolation, warnForColor),
+        t1 = trim ? A.trimAscii0(result, true) : result;
+      return new A.CssValue0(t1, interpolation.span, type$.CssValue_String_2);
+    },
+    _evaluate0$_interpolationToValue$1(interpolation) {
+      return this._evaluate0$_interpolationToValue$3$trim$warnForColor(interpolation, false, false);
+    },
+    _evaluate0$_interpolationToValue$2$warnForColor(interpolation, warnForColor) {
+      return this._evaluate0$_interpolationToValue$3$trim$warnForColor(interpolation, false, warnForColor);
+    },
+    _evaluate0$_performInterpolation$2$warnForColor(interpolation, warnForColor) {
+      return this._evaluate0$_performInterpolationHelper$3$sourceMap$warnForColor(interpolation, false, warnForColor)._0;
+    },
+    _evaluate0$_performInterpolation$1(interpolation) {
+      return this._evaluate0$_performInterpolation$2$warnForColor(interpolation, false);
+    },
+    _evaluate0$_performInterpolationWithMap$2$warnForColor(interpolation, warnForColor) {
+      var _0_0 = this._evaluate0$_performInterpolationHelper$3$sourceMap$warnForColor(interpolation, true, true),
+        map = _0_0._1;
+      map.toString;
+      return new A._Record_2(_0_0._0, map);
+    },
+    _evaluate0$_performInterpolationHelper$3$sourceMap$warnForColor(interpolation, sourceMap, warnForColor) {
+      var t1, t2, t3, t4, t5, t6, first, _i, t7, value, result, result0, t8, _this = this, _null = null,
+        targetLocations = sourceMap ? A._setArrayType([], type$.JSArray_SourceLocation) : _null,
+        oldInSupportsDeclaration = _this._evaluate0$_inSupportsDeclaration;
+      _this._evaluate0$_inSupportsDeclaration = false;
+      for (t1 = interpolation.contents, t2 = t1.length, t3 = type$.Expression_2, t4 = targetLocations == null, t5 = interpolation.span, t6 = type$.Object, first = true, _i = 0, t7 = ""; _i < t2; ++_i, first = false) {
+        value = t1[_i];
+        if (!first)
+          if (!t4)
+            targetLocations.push(A.SourceLocation$(t7.length, _null, _null, _null));
+        if (typeof value == "string") {
+          t7 += value;
+          continue;
+        }
+        t3._as(value);
+        result = value.accept$1(_this);
+        if (warnForColor && $.$get$namesByColor0().containsKey$1(result)) {
+          result0 = A.List_List$from([""], false, t6);
+          result0.$flags = 3;
+          t8 = $.$get$namesByColor0();
+          _this._evaluate0$_warn$2(string$.You_pr + A.S(t8.$index(0, result)) + string$.x20in_in + result.toString$0(0) + string$.x2c_whicw + A.S(t8.$index(0, result)) + string$.x22x29__If + new A.BinaryOperationExpression0(B.BinaryOperator_Swh0, new A.StringExpression0(new A.Interpolation0(result0, B.List_null, t5), true), value, false).toString$0(0) + "'.", value.get$span(value));
+        }
+        t7 += _this._evaluate0$_serialize$3$quote(result, value, false);
+      }
+      _this._evaluate0$_inSupportsDeclaration = oldInSupportsDeclaration;
+      return new A._Record_2(t7.charCodeAt(0) == 0 ? t7 : t7, A.NullableExtension_andThen0(targetLocations, new A._EvaluateVisitor__performInterpolationHelper_closure1(interpolation)));
+    },
+    _evaluate0$_serialize$3$quote(value, nodeWithSpan, quote) {
+      return this._evaluate0$_addExceptionSpan$2(nodeWithSpan, new A._EvaluateVisitor__serialize_closure1(value, quote));
+    },
+    _evaluate0$_serialize$2(value, nodeWithSpan) {
+      return this._evaluate0$_serialize$3$quote(value, nodeWithSpan, true);
+    },
+    _evaluate0$_expressionNode$1(expression) {
+      var t1;
+      if (expression instanceof A.VariableExpression0) {
+        t1 = this._evaluate0$_addExceptionSpan$2(expression, new A._EvaluateVisitor__expressionNode_closure1(this, expression));
+        return t1 == null ? expression : t1;
+      } else
+        return expression;
+    },
+    _evaluate0$_withParent$2$4$scopeWhen$through(node, callback, scopeWhen, through, $S, $T) {
+      var oldParent, result, _this = this;
+      _this._evaluate0$_addChild$2$through(node, through);
+      oldParent = _this._evaluate0$_assertInModule$2(_this._evaluate0$__parent, "__parent");
+      _this._evaluate0$__parent = node;
+      result = _this._evaluate0$_environment.scope$1$2$when(callback, scopeWhen, $T);
+      _this._evaluate0$__parent = oldParent;
+      return result;
+    },
+    _evaluate0$_withParent$2$3$scopeWhen(node, callback, scopeWhen, $S, $T) {
+      return this._evaluate0$_withParent$2$4$scopeWhen$through(node, callback, scopeWhen, null, $S, $T);
+    },
+    _evaluate0$_withParent$2$2(node, callback, $S, $T) {
+      return this._evaluate0$_withParent$2$4$scopeWhen$through(node, callback, true, null, $S, $T);
+    },
+    _evaluate0$_copyParentAfterSibling$0() {
+      var t1, grandparent, newParent, _this = this,
+        _s8_ = "__parent",
+        _0_0 = _this._evaluate0$_assertInModule$2(_this._evaluate0$__parent, _s8_)._node$_parent;
+      if (_0_0 != null) {
+        t1 = _0_0.children;
+        t1 = t1.get$last(t1) !== _this._evaluate0$_assertInModule$2(_this._evaluate0$__parent, _s8_);
+        grandparent = _0_0;
+      } else {
+        grandparent = null;
+        t1 = false;
+      }
+      if (t1) {
+        newParent = _this._evaluate0$_assertInModule$2(_this._evaluate0$__parent, _s8_).copyWithoutChildren$0();
+        grandparent.addChild$1(newParent);
+        _this._evaluate0$__parent = newParent;
+      }
+    },
+    _evaluate0$_addChild$2$through(node, through) {
+      var _0_0, grandparent, t1,
+        $parent = this._evaluate0$_assertInModule$2(this._evaluate0$__parent, "__parent");
+      if (through != null) {
+        for (; through.call$1($parent); $parent = _0_0) {
+          _0_0 = $parent._node$_parent;
+          if (_0_0 == null)
+            throw A.wrapException(A.ArgumentError$(string$.throug + node.toString$0(0) + ".", null));
+        }
+        if ($parent.get$hasFollowingSibling()) {
+          grandparent = $parent._node$_parent;
+          t1 = grandparent.children;
+          if ($parent.equalsIgnoringChildren$1(t1.get$last(t1)))
+            $parent = type$.ModifiableCssParentNode_2._as(t1.get$last(t1));
+          else {
+            $parent = $parent.copyWithoutChildren$0();
+            grandparent.addChild$1($parent);
+          }
+        }
+      }
+      $parent.addChild$1(node);
+    },
+    _evaluate0$_addChild$1(node) {
+      return this._evaluate0$_addChild$2$through(node, null);
+    },
+    _evaluate0$_withStyleRule$1$2(rule, callback) {
+      var result,
+        oldRule = this._evaluate0$_styleRuleIgnoringAtRoot;
+      this._evaluate0$_styleRuleIgnoringAtRoot = rule;
+      result = callback.call$0();
+      this._evaluate0$_styleRuleIgnoringAtRoot = oldRule;
+      return result;
+    },
+    _evaluate0$_withStyleRule$2(rule, callback) {
+      return this._evaluate0$_withStyleRule$1$2(rule, callback, type$.dynamic);
+    },
+    _evaluate0$_withMediaQueries$1$3(queries, sources, callback) {
+      var result, _this = this,
+        oldMediaQueries = _this._evaluate0$_mediaQueries,
+        oldSources = _this._evaluate0$_mediaQuerySources;
+      _this._evaluate0$_mediaQueries = queries;
+      _this._evaluate0$_mediaQuerySources = sources;
+      result = callback.call$0();
+      _this._evaluate0$_mediaQueries = oldMediaQueries;
+      _this._evaluate0$_mediaQuerySources = oldSources;
+      return result;
+    },
+    _evaluate0$_withMediaQueries$3(queries, sources, callback) {
+      return this._evaluate0$_withMediaQueries$1$3(queries, sources, callback, type$.dynamic);
+    },
+    _evaluate0$_withStackFrame$1$3(member, nodeWithSpan, callback) {
+      var oldMember, result, _this = this,
+        t1 = _this._evaluate0$_stack;
+      t1.push(new A._Record_2(_this._evaluate0$_member, nodeWithSpan));
+      oldMember = _this._evaluate0$_member;
+      _this._evaluate0$_member = member;
+      result = callback.call$0();
+      _this._evaluate0$_member = oldMember;
+      t1.pop();
+      return result;
+    },
+    _evaluate0$_withStackFrame$3(member, nodeWithSpan, callback) {
+      return this._evaluate0$_withStackFrame$1$3(member, nodeWithSpan, callback, type$.dynamic);
+    },
+    _evaluate0$_withoutSlash$2(value, nodeForSpan) {
+      var t1;
+      if (value instanceof A.SassNumber0)
+        t1 = value.asSlash != null;
+      else
+        t1 = false;
+      if (t1)
+        this._evaluate0$_warn$3(string$.Using__i + A.S(new A._EvaluateVisitor__withoutSlash_recommendation1().call$1(value)) + string$.x0a_Morex20, nodeForSpan.get$span(nodeForSpan), B.Deprecation_fSZ);
+      return value.withoutSlash$0();
+    },
+    _evaluate0$_stackFrame$2(member, span) {
+      return A.frameForSpan0(span, member, A.NullableExtension_andThen0(span.get$sourceUrl(span), new A._EvaluateVisitor__stackFrame_closure1(this)));
+    },
+    _evaluate0$_stackTrace$1(span) {
+      var t2, t3, _i, t4, nodeWithSpan, _this = this,
+        t1 = A._setArrayType([], type$.JSArray_Frame);
+      for (t2 = _this._evaluate0$_stack, t3 = t2.length, _i = 0; _i < t2.length; t2.length === t3 || (0, A.throwConcurrentModificationError)(t2), ++_i) {
+        t4 = t2[_i];
+        nodeWithSpan = t4._1;
+        t1.push(_this._evaluate0$_stackFrame$2(t4._0, nodeWithSpan.get$span(nodeWithSpan)));
+      }
+      if (span != null)
+        t1.push(_this._evaluate0$_stackFrame$2(_this._evaluate0$_member, span));
+      return A.Trace$(new A.ReversedListIterable(t1, type$.ReversedListIterable_Frame), null);
+    },
+    _evaluate0$_stackTrace$0() {
+      return this._evaluate0$_stackTrace$1(null);
+    },
+    _evaluate0$_warn$3(message, span, deprecation) {
+      var trace, t1, _this = this;
+      if (_this._evaluate0$_quietDeps && _this._evaluate0$_inDependency)
+        return;
+      if (!_this._evaluate0$_warningsEmitted.add$1(0, new A._Record_2(message, span)))
+        return;
+      trace = _this._evaluate0$_stackTrace$1(span);
+      t1 = _this._evaluate0$_logger;
+      if (deprecation == null)
+        t1.internalWarn$4$deprecation$span$trace(message, null, span, trace);
+      else
+        A.WarnForDeprecation_warnForDeprecation0(t1, deprecation, message, span, trace);
+    },
+    _evaluate0$_warn$2(message, span) {
+      return this._evaluate0$_warn$3(message, span, null);
+    },
+    _evaluate0$_exception$2(message, span) {
+      var t1, t2;
+      if (span == null) {
+        t1 = B.JSArray_methods.get$last(this._evaluate0$_stack)._1;
+        t1 = t1.get$span(t1);
+      } else
+        t1 = span;
+      t2 = this._evaluate0$_stackTrace$1(span);
+      return new A.SassRuntimeException0(t2, B.Set_empty, message, t1);
+    },
+    _evaluate0$_exception$1(message) {
+      return this._evaluate0$_exception$2(message, null);
+    },
+    _evaluate0$_multiSpanException$3(message, primaryLabel, secondaryLabels) {
+      var t1 = B.JSArray_methods.get$last(this._evaluate0$_stack)._1;
+      return A.MultiSpanSassRuntimeException$0(message, t1.get$span(t1), primaryLabel, secondaryLabels, this._evaluate0$_stackTrace$0(), null);
+    },
+    _evaluate0$_addExceptionSpan$1$3$addStackFrame(nodeWithSpan, callback, addStackFrame) {
+      var error, stackTrace, t1, exception;
+      try {
+        t1 = callback.call$0();
+        return t1;
+      } catch (exception) {
+        t1 = A.unwrapException(exception);
+        if (t1 instanceof A.SassScriptException0) {
+          error = t1;
+          stackTrace = A.getTraceFromException(exception);
+          t1 = error.withSpan$1(nodeWithSpan.get$span(nodeWithSpan));
+          A.throwWithTrace0(t1.withTrace$1(this._evaluate0$_stackTrace$1(addStackFrame ? nodeWithSpan.get$span(nodeWithSpan) : null)), error, stackTrace);
+        } else
+          throw exception;
+      }
+    },
+    _evaluate0$_addExceptionSpan$2(nodeWithSpan, callback) {
+      return this._evaluate0$_addExceptionSpan$1$3$addStackFrame(nodeWithSpan, callback, true, type$.dynamic);
+    },
+    _evaluate0$_addExceptionSpan$3$addStackFrame(nodeWithSpan, callback, addStackFrame) {
+      return this._evaluate0$_addExceptionSpan$1$3$addStackFrame(nodeWithSpan, callback, addStackFrame, type$.dynamic);
+    },
+    _evaluate0$_addExceptionTrace$1$1(callback) {
+      var error, stackTrace, t1, exception, t2;
+      try {
+        t1 = callback.call$0();
+        return t1;
+      } catch (exception) {
+        t1 = A.unwrapException(exception);
+        if (type$.SassRuntimeException_2._is(t1))
+          throw exception;
+        else if (t1 instanceof A.SassException0) {
+          error = t1;
+          stackTrace = A.getTraceFromException(exception);
+          t1 = error;
+          t2 = J.getInterceptor$z(t1);
+          A.throwWithTrace0(error.withTrace$1(this._evaluate0$_stackTrace$1(A.SourceSpanException.prototype.get$span.call(t2, t1))), error, stackTrace);
+        } else
+          throw exception;
+      }
+    },
+    _evaluate0$_addExceptionTrace$1(callback) {
+      return this._evaluate0$_addExceptionTrace$1$1(callback, type$.dynamic);
+    },
+    _evaluate0$_addErrorSpan$1$2(nodeWithSpan, callback) {
+      var error, stackTrace, t1, exception, t2, t3;
+      try {
+        t1 = callback.call$0();
+        return t1;
+      } catch (exception) {
+        t1 = A.unwrapException(exception);
+        if (type$.SassRuntimeException_2._is(t1)) {
+          error = t1;
+          stackTrace = A.getTraceFromException(exception);
+          if (!B.JSString_methods.startsWith$1(J.get$span$z(error).get$text(), "@error"))
+            throw exception;
+          t1 = error._span_exception$_message;
+          t2 = nodeWithSpan.get$span(nodeWithSpan);
+          t3 = this._evaluate0$_stackTrace$0();
+          A.throwWithTrace0(new A.SassRuntimeException0(t3, B.Set_empty, t1, t2), error, stackTrace);
+        } else
+          throw exception;
+      }
+    },
+    _evaluate0$_addErrorSpan$2(nodeWithSpan, callback) {
+      return this._evaluate0$_addErrorSpan$1$2(nodeWithSpan, callback, type$.dynamic);
+    },
+    _evaluate0$_getErrorMessage$1(error) {
+      var t1, exception;
+      if (type$.Error._is(error))
+        return error.toString$0(0);
+      try {
+        t1 = A._asString(J.get$message$x(error));
+        return t1;
+      } catch (exception) {
+        t1 = J.toString$0$(error);
+        return t1;
+      }
+    },
+    $isExpressionVisitor: 1,
+    $isStatementVisitor: 1
+  };
+  A._EvaluateVisitor_closure25.prototype = {
+    call$1($arguments) {
+      var module, t2,
+        t1 = J.getInterceptor$asx($arguments),
+        variable = t1.$index($arguments, 0).assertString$1("name");
+      t1 = t1.$index($arguments, 1).get$realNull();
+      module = t1 == null ? null : t1.assertString$1("module");
+      t1 = this.$this._evaluate0$_environment;
+      t2 = A.stringReplaceAllUnchecked(variable._string0$_text, "_", "-");
+      return t1.globalVariableExists$2$namespace(t2, module == null ? null : module._string0$_text) ? B.SassBoolean_true0 : B.SassBoolean_false0;
+    },
+    $signature: 12
+  };
+  A._EvaluateVisitor_closure26.prototype = {
+    call$1($arguments) {
+      var variable = J.$index$asx($arguments, 0).assertString$1("name"),
+        t1 = this.$this._evaluate0$_environment;
+      return t1.getVariable$1(A.stringReplaceAllUnchecked(variable._string0$_text, "_", "-")) != null ? B.SassBoolean_true0 : B.SassBoolean_false0;
+    },
+    $signature: 12
+  };
+  A._EvaluateVisitor_closure27.prototype = {
+    call$1($arguments) {
+      var module, t2, t3, t4,
+        t1 = J.getInterceptor$asx($arguments),
+        variable = t1.$index($arguments, 0).assertString$1("name");
+      t1 = t1.$index($arguments, 1).get$realNull();
+      module = t1 == null ? null : t1.assertString$1("module");
+      t1 = this.$this;
+      t2 = t1._evaluate0$_environment;
+      t3 = variable._string0$_text;
+      t4 = A.stringReplaceAllUnchecked(t3, "_", "-");
+      return t2.getFunction$2$namespace(t4, module == null ? null : module._string0$_text) != null || t1._evaluate0$_builtInFunctions.containsKey$1(t3) ? B.SassBoolean_true0 : B.SassBoolean_false0;
+    },
+    $signature: 12
+  };
+  A._EvaluateVisitor_closure28.prototype = {
+    call$1($arguments) {
+      var module, t2,
+        t1 = J.getInterceptor$asx($arguments),
+        variable = t1.$index($arguments, 0).assertString$1("name");
+      t1 = t1.$index($arguments, 1).get$realNull();
+      module = t1 == null ? null : t1.assertString$1("module");
+      t1 = this.$this._evaluate0$_environment;
+      t2 = A.stringReplaceAllUnchecked(variable._string0$_text, "_", "-");
+      return t1.getMixin$2$namespace(t2, module == null ? null : module._string0$_text) != null ? B.SassBoolean_true0 : B.SassBoolean_false0;
+    },
+    $signature: 12
+  };
+  A._EvaluateVisitor_closure29.prototype = {
+    call$1($arguments) {
+      var t1 = this.$this._evaluate0$_environment;
+      if (!t1._environment0$_inMixin)
+        throw A.wrapException(A.SassScriptException$0(string$.conten, null));
+      return t1._environment0$_content != null ? B.SassBoolean_true0 : B.SassBoolean_false0;
+    },
+    $signature: 12
+  };
+  A._EvaluateVisitor_closure30.prototype = {
+    call$1($arguments) {
+      var t2, t3, t4,
+        t1 = J.$index$asx($arguments, 0).assertString$1("module")._string0$_text,
+        module = this.$this._evaluate0$_environment._environment0$_modules.$index(0, t1);
+      if (module == null)
+        throw A.wrapException('There is no module with namespace "' + t1 + '".');
+      t1 = type$.Value_2;
+      t2 = A.LinkedHashMap_LinkedHashMap$_empty(t1, t1);
+      for (t3 = A.MapExtensions_get_pairs0(module.get$variables(), type$.String, t1), t3 = t3.get$iterator(t3); t3.moveNext$0();) {
+        t4 = t3.get$current(t3);
+        t2.$indexSet(0, new A.SassString0(t4._0, true), t4._1);
+      }
+      return new A.SassMap0(A.ConstantMap_ConstantMap$from(t2, t1, t1));
+    },
+    $signature: 34
+  };
+  A._EvaluateVisitor_closure31.prototype = {
+    call$1($arguments) {
+      var t3, t4, t5,
+        t1 = this.$this,
+        t2 = J.$index$asx($arguments, 0).assertString$1("module")._string0$_text,
+        module = t1._evaluate0$_environment._environment0$_modules.$index(0, t2);
+      if (module == null)
+        throw A.wrapException('There is no module with namespace "' + t2 + '".');
+      t2 = type$.Value_2;
+      t3 = A.LinkedHashMap_LinkedHashMap$_empty(t2, t2);
+      for (t4 = A.MapExtensions_get_pairs0(module.get$functions(module), type$.String, type$.Callable_2), t4 = t4.get$iterator(t4), t1 = t1._evaluate0$_compileContext; t4.moveNext$0();) {
+        t5 = t4.get$current(t4);
+        t3.$indexSet(0, new A.SassString0(t5._0, true), new A.SassFunction0(t5._1, t1));
+      }
+      return new A.SassMap0(A.ConstantMap_ConstantMap$from(t3, t2, t2));
+    },
+    $signature: 34
+  };
+  A._EvaluateVisitor_closure32.prototype = {
+    call$1($arguments) {
+      var t3, t4, t5,
+        t1 = this.$this,
+        t2 = J.$index$asx($arguments, 0).assertString$1("module")._string0$_text,
+        module = t1._evaluate0$_environment._environment0$_modules.$index(0, t2);
+      if (module == null)
+        throw A.wrapException('There is no module with namespace "' + t2 + '".');
+      t2 = type$.Value_2;
+      t3 = A.LinkedHashMap_LinkedHashMap$_empty(t2, t2);
+      for (t4 = A.MapExtensions_get_pairs0(module.get$mixins(), type$.String, type$.Callable_2), t4 = t4.get$iterator(t4), t1 = t1._evaluate0$_compileContext; t4.moveNext$0();) {
+        t5 = t4.get$current(t4);
+        t3.$indexSet(0, new A.SassString0(t5._0, true), new A.SassMixin0(t5._1, t1));
+      }
+      return new A.SassMap0(A.ConstantMap_ConstantMap$from(t3, t2, t2));
+    },
+    $signature: 34
+  };
+  A._EvaluateVisitor_closure33.prototype = {
+    call$1($arguments) {
+      var module, t2, callable,
+        t1 = J.getInterceptor$asx($arguments),
+        $name = t1.$index($arguments, 0).assertString$1("name"),
+        css = t1.$index($arguments, 1).get$isTruthy();
+      t1 = t1.$index($arguments, 2).get$realNull();
+      module = t1 == null ? null : t1.assertString$1("module");
+      if (css) {
+        if (module != null)
+          throw A.wrapException(string$.x24css_a);
+        return new A.SassFunction0(new A.PlainCssCallable0($name._string0$_text), this.$this._evaluate0$_compileContext);
+      }
+      t1 = this.$this;
+      t2 = t1._evaluate0$_callableNode;
+      t2.toString;
+      callable = t1._evaluate0$_addExceptionSpan$2(t2, new A._EvaluateVisitor__closure10(t1, $name, module));
+      if (callable == null)
+        throw A.wrapException("Function not found: " + $name.toString$0(0));
+      return new A.SassFunction0(callable, t1._evaluate0$_compileContext);
+    },
+    $signature: 168
+  };
+  A._EvaluateVisitor__closure10.prototype = {
+    call$0() {
+      var local,
+        normalizedName = A.stringReplaceAllUnchecked(this.name._string0$_text, "_", "-"),
+        t1 = this.module,
+        namespace = t1 == null ? null : t1._string0$_text;
+      t1 = this.$this;
+      local = t1._evaluate0$_environment.getFunction$2$namespace(normalizedName, namespace);
+      if (local != null || namespace != null)
+        return local;
+      return t1._evaluate0$_builtInFunctions.$index(0, normalizedName);
+    },
+    $signature: 115
+  };
+  A._EvaluateVisitor_closure34.prototype = {
+    call$1($arguments) {
+      var module, t2, callable,
+        t1 = J.getInterceptor$asx($arguments),
+        $name = t1.$index($arguments, 0).assertString$1("name");
+      t1 = t1.$index($arguments, 1).get$realNull();
+      module = t1 == null ? null : t1.assertString$1("module");
+      t1 = this.$this;
+      t2 = t1._evaluate0$_callableNode;
+      t2.toString;
+      callable = t1._evaluate0$_addExceptionSpan$2(t2, new A._EvaluateVisitor__closure9(t1, $name, module));
+      if (callable == null)
+        throw A.wrapException("Mixin not found: " + $name.toString$0(0));
+      return new A.SassMixin0(callable, t1._evaluate0$_compileContext);
+    },
+    $signature: 170
+  };
+  A._EvaluateVisitor__closure9.prototype = {
+    call$0() {
+      var t1 = this.$this._evaluate0$_environment,
+        t2 = A.stringReplaceAllUnchecked(this.name._string0$_text, "_", "-"),
+        t3 = this.module;
+      return t1.getMixin$2$namespace(t2, t3 == null ? null : t3._string0$_text);
+    },
+    $signature: 115
+  };
+  A._EvaluateVisitor_closure35.prototype = {
+    call$1($arguments) {
+      var t2, t3, t4, t5, t6, t7, t8, t9, t10, t11, invocation, callableNode, callable,
+        t1 = J.getInterceptor$asx($arguments),
+        $function = t1.$index($arguments, 0),
+        args = type$.SassArgumentList_2._as(t1.$index($arguments, 1));
+      t1 = this.$this;
+      t2 = t1._evaluate0$_callableNode;
+      t2.toString;
+      t3 = A._setArrayType([], type$.JSArray_Expression_2);
+      t4 = type$.String;
+      t5 = type$.Expression_2;
+      t6 = t2.get$span(t2);
+      t7 = t2.get$span(t2);
+      args._argument_list$_wereKeywordsAccessed = true;
+      t8 = args._argument_list$_keywords;
+      if (t8.get$isEmpty(t8))
+        t2 = null;
+      else {
+        t9 = type$.Value_2;
+        t10 = A.LinkedHashMap_LinkedHashMap$_empty(t9, t9);
+        for (args._argument_list$_wereKeywordsAccessed = true, t8 = A.MapExtensions_get_pairs0(t8, t4, t9), t8 = t8.get$iterator(t8); t8.moveNext$0();) {
+          t11 = t8.get$current(t8);
+          t10.$indexSet(0, new A.SassString0(t11._0, false), t11._1);
+        }
+        t2 = new A.ValueExpression0(new A.SassMap0(A.ConstantMap_ConstantMap$from(t10, t9, t9)), t2.get$span(t2));
+      }
+      invocation = new A.ArgumentList0(A.List_List$unmodifiable(t3, t5), A.ConstantMap_ConstantMap$from(A.LinkedHashMap_LinkedHashMap$_empty(t4, t5), t4, t5), new A.ValueExpression0(args, t7), t2, t6);
+      if ($function instanceof A.SassString0) {
+        A.warnForDeprecation0(string$.Passina + $function.toString$0(0) + "))", B.Deprecation_RCd);
+        callableNode = t1._evaluate0$_callableNode;
+        t2 = $function._string0$_text;
+        t3 = callableNode.get$span(callableNode);
+        return t1.visitFunctionExpression$1(0, new A.FunctionExpression0(null, A.stringReplaceAllUnchecked(t2, "_", "-"), t2, invocation, t3));
+      }
+      callable = $function.assertFunction$1("function").assertCompileContext$1(t1._evaluate0$_compileContext).callable;
+      if (type$.Callable_2._is(callable)) {
+        t2 = t1._evaluate0$_callableNode;
+        t2.toString;
+        return t1._evaluate0$_runFunctionCallable$3(invocation, callable, t2);
+      } else
+        throw A.wrapException(A.SassScriptException$0("The function " + callable.get$name(callable) + string$.x20is_as, null));
+    },
+    $signature: 3
+  };
+  A._EvaluateVisitor_closure36.prototype = {
+    call$1($arguments) {
+      var withMap, t2, t3, values, span, configuration,
+        t1 = J.getInterceptor$asx($arguments),
+        url = A.Uri_parse(t1.$index($arguments, 0).assertString$1("url")._string0$_text);
+      t1 = t1.$index($arguments, 1).get$realNull();
+      withMap = t1 == null ? null : t1.assertMap$1("with")._map0$_contents;
+      t1 = this.$this;
+      t2 = t1._evaluate0$_callableNode;
+      t2.toString;
+      if (withMap != null) {
+        t3 = {};
+        values = A.LinkedHashMap_LinkedHashMap$_empty(type$.String, type$.ConfiguredValue_2);
+        span = t2.get$span(t2);
+        t3.privateDeprecation = false;
+        withMap.forEach$1(0, new A._EvaluateVisitor__closure7(t3, values, span, t2));
+        configuration = new A.ExplicitConfiguration0(t2, values, null);
+      } else
+        configuration = B.Configuration_Map_empty_null0;
+      t3 = t2.get$span(t2);
+      t1._evaluate0$_loadModule$7$baseUrl$configuration$namesInErrors(url, "load-css()", t2, new A._EvaluateVisitor__closure8(t1), t3.get$sourceUrl(t3), configuration, true);
+      t1._evaluate0$_assertConfigurationIsEmpty$2$nameInError(configuration, true);
+    },
+    $signature: 226
+  };
+  A._EvaluateVisitor__closure7.prototype = {
+    call$2(variable, value) {
+      var _this = this,
+        t1 = variable.assertString$1("with key"),
+        $name = A.stringReplaceAllUnchecked(t1._string0$_text, "_", "-");
+      t1 = _this.values;
+      if (t1.containsKey$1($name))
+        throw A.wrapException("The variable $" + $name + " was configured twice.");
+      else if (B.JSString_methods.startsWith$1($name, "-") && !_this._box_0.privateDeprecation) {
+        _this._box_0.privateDeprecation = true;
+        A.warnForDeprecation0("Configuring private variables (such as $" + $name + string$.x29x20is_dT, B.Deprecation_eKX);
+      }
+      t1.$indexSet(0, $name, new A.ConfiguredValue0(value, _this.span, _this.callableNode));
+    },
+    $signature: 104
+  };
+  A._EvaluateVisitor__closure8.prototype = {
+    call$2(module, _) {
+      var t1 = this.$this;
+      return t1._evaluate0$_combineCss$2$clone(module, true).accept$1(t1);
+    },
+    $signature: 110
+  };
+  A._EvaluateVisitor_closure37.prototype = {
+    call$1($arguments) {
+      var callableNode, t2, t3, t4, t5, callable, $content,
+        t1 = J.getInterceptor$asx($arguments),
+        mixin = t1.$index($arguments, 0),
+        args = type$.SassArgumentList_2._as(t1.$index($arguments, 1));
+      t1 = this.$this;
+      callableNode = t1._evaluate0$_callableNode;
+      t2 = callableNode.get$span(callableNode);
+      t3 = callableNode.get$span(callableNode);
+      t4 = type$.Expression_2;
+      t5 = A.List_List$unmodifiable(B.List_empty22, t4);
+      t4 = A.ConstantMap_ConstantMap$from(B.Map_empty14, type$.String, t4);
+      callable = mixin.assertMixin$1("mixin").assertCompileContext$1(t1._evaluate0$_compileContext).callable;
+      $content = t1._evaluate0$_environment._environment0$_content;
+      if (type$.Callable_2._is(callable))
+        t1._evaluate0$_applyMixin$5(callable, $content, new A.ArgumentList0(t5, t4, new A.ValueExpression0(args, t3), null, t2), callableNode, callableNode);
+      else
+        throw A.wrapException(A.SassScriptException$0("The mixin " + callable.get$name(callable) + string$.x20is_as, null));
+    },
+    $signature: 226
+  };
+  A._EvaluateVisitor_run_closure1.prototype = {
+    call$0() {
+      var module, t2, _this = this,
+        t1 = _this.node,
+        _0_0 = t1.span.file.url,
+        url = null;
+      if (_0_0 != null) {
+        url = _0_0;
+        t2 = _this.$this;
+        t2._evaluate0$_activeModules.$indexSet(0, url, null);
+        if (!(t2._nodeImporter != null && J.toString$0$(url) === "stdin"))
+          t2._evaluate0$_loadedUrls.add$1(0, url);
+      }
+      t2 = _this.$this;
+      module = t2._evaluate0$_addExceptionTrace$1(new A._EvaluateVisitor_run__closure1(t2, _this.importer, t1));
+      return new A._Record_2_loadedUrls_stylesheet(t2._evaluate0$_loadedUrls, t2._evaluate0$_combineCss$1(module));
+    },
+    $signature: 453
+  };
+  A._EvaluateVisitor_run__closure1.prototype = {
+    call$0() {
+      return this.$this._evaluate0$_execute$2(this.importer, this.node);
+    },
+    $signature: 454
+  };
+  A._EvaluateVisitor__loadModule_closure3.prototype = {
+    call$0() {
+      return this.callback.call$2(this._box_0.builtInModule, false);
+    },
+    $signature: 0
+  };
+  A._EvaluateVisitor__loadModule_closure4.prototype = {
+    call$0() {
+      var canonicalUrl, oldInDependency, t4, message, _this = this, t1 = {}, stylesheet = null, importer = null,
+        t2 = _this.$this,
+        t3 = _this.nodeWithSpan,
+        _1_0 = t2._evaluate0$_loadStylesheet$3$baseUrl(_this.url.toString$0(0), t3.get$span(t3), _this.baseUrl);
+      stylesheet = _1_0._0;
+      importer = _1_0._1;
+      canonicalUrl = stylesheet.span.file.url;
+      if (canonicalUrl != null) {
+        t4 = t2._evaluate0$_activeModules;
+        if (t4.containsKey$1(canonicalUrl)) {
+          message = _this.namesInErrors ? "Module loop: " + $.$get$context().prettyUri$1(canonicalUrl) + " is already being loaded." : string$.Modulel;
+          t1 = A.NullableExtension_andThen0(t4.$index(0, canonicalUrl), new A._EvaluateVisitor__loadModule__closure3(t2, message));
+          throw A.wrapException(t1 == null ? t2._evaluate0$_exception$1(message) : t1);
+        } else
+          t4.$indexSet(0, canonicalUrl, t3);
+      }
+      t4 = t2._evaluate0$_modules.containsKey$1(canonicalUrl);
+      oldInDependency = t2._evaluate0$_inDependency;
+      t2._evaluate0$_inDependency = _1_0._2;
+      t1.module = null;
+      try {
+        t1.module = t2._evaluate0$_execute$5$configuration$namesInErrors$nodeWithSpan(importer, stylesheet, _this.configuration, _this.namesInErrors, t3);
+      } finally {
+        t2._evaluate0$_activeModules.remove$1(0, canonicalUrl);
+        t2._evaluate0$_inDependency = oldInDependency;
+      }
+      t2._evaluate0$_addExceptionSpan$3$addStackFrame(t3, new A._EvaluateVisitor__loadModule__closure4(t1, _this.callback, !t4), false);
+    },
+    $signature: 1
+  };
+  A._EvaluateVisitor__loadModule__closure3.prototype = {
+    call$1(previousLoad) {
+      return this.$this._evaluate0$_multiSpanException$3(this.message, "new load", A.LinkedHashMap_LinkedHashMap$_literal([previousLoad.get$span(previousLoad), "original load"], type$.FileSpan, type$.String));
+    },
+    $signature: 105
+  };
+  A._EvaluateVisitor__loadModule__closure4.prototype = {
+    call$0() {
+      return this.callback.call$2(this._box_1.module, this.firstLoad);
+    },
+    $signature: 0
+  };
+  A._EvaluateVisitor__execute_closure1.prototype = {
+    call$0() {
+      var t3, t4, t5, t6, _this = this,
+        t1 = _this.$this,
+        oldImporter = t1._evaluate0$_importer,
+        oldStylesheet = t1._evaluate0$__stylesheet,
+        oldRoot = t1._evaluate0$__root,
+        oldPreModuleComments = t1._evaluate0$_preModuleComments,
+        oldParent = t1._evaluate0$__parent,
+        oldEndOfImports = t1._evaluate0$__endOfImports,
+        oldOutOfOrderImports = t1._evaluate0$_outOfOrderImports,
+        oldExtensionStore = t1._evaluate0$__extensionStore,
+        t2 = t1._evaluate0$_atRootExcludingStyleRule,
+        oldStyleRule = t2 ? null : t1._evaluate0$_styleRuleIgnoringAtRoot,
+        oldMediaQueries = t1._evaluate0$_mediaQueries,
+        oldDeclarationName = t1._evaluate0$_declarationName,
+        oldInUnknownAtRule = t1._evaluate0$_inUnknownAtRule,
+        oldInKeyframes = t1._evaluate0$_inKeyframes,
+        oldConfiguration = t1._evaluate0$_configuration;
+      t1._evaluate0$_importer = _this.importer;
+      t3 = t1._evaluate0$__stylesheet = _this.stylesheet;
+      t4 = t3.span;
+      t5 = t1._evaluate0$__parent = t1._evaluate0$__root = A.ModifiableCssStylesheet$0(t4);
+      t1._evaluate0$__endOfImports = 0;
+      t1._evaluate0$_outOfOrderImports = null;
+      t1._evaluate0$__extensionStore = _this.extensionStore;
+      t1._evaluate0$_declarationName = t1._evaluate0$_mediaQueries = t1._evaluate0$_styleRuleIgnoringAtRoot = null;
+      t1._evaluate0$_inKeyframes = t1._evaluate0$_atRootExcludingStyleRule = t1._evaluate0$_inUnknownAtRule = false;
+      t6 = _this.configuration;
+      if (t6 != null)
+        t1._evaluate0$_configuration = t6;
+      t1.visitStylesheet$1(0, t3);
+      t3 = t1._evaluate0$_outOfOrderImports == null ? t5 : new A.CssStylesheet0(new A.UnmodifiableListView(t1._evaluate0$_addOutOfOrderImports$0(), type$.UnmodifiableListView_CssNode_2), t4);
+      _this.css.__late_helper$_value = t3;
+      _this.preModuleComments.__late_helper$_value = t1._evaluate0$_preModuleComments;
+      t1._evaluate0$_importer = oldImporter;
+      t1._evaluate0$__stylesheet = oldStylesheet;
+      t1._evaluate0$__root = oldRoot;
+      t1._evaluate0$_preModuleComments = oldPreModuleComments;
+      t1._evaluate0$__parent = oldParent;
+      t1._evaluate0$__endOfImports = oldEndOfImports;
+      t1._evaluate0$_outOfOrderImports = oldOutOfOrderImports;
+      t1._evaluate0$__extensionStore = oldExtensionStore;
+      t1._evaluate0$_styleRuleIgnoringAtRoot = oldStyleRule;
+      t1._evaluate0$_mediaQueries = oldMediaQueries;
+      t1._evaluate0$_declarationName = oldDeclarationName;
+      t1._evaluate0$_inUnknownAtRule = oldInUnknownAtRule;
+      t1._evaluate0$_atRootExcludingStyleRule = t2;
+      t1._evaluate0$_inKeyframes = oldInKeyframes;
+      t1._evaluate0$_configuration = oldConfiguration;
+    },
+    $signature: 1
+  };
+  A._EvaluateVisitor__combineCss_closure3.prototype = {
+    call$1(module) {
+      return module.get$transitivelyContainsCss();
+    },
+    $signature: 108
+  };
+  A._EvaluateVisitor__combineCss_closure4.prototype = {
+    call$1(target) {
+      return !this.selectors.contains$1(0, target);
+    },
+    $signature: 14
+  };
+  A._EvaluateVisitor__combineCss_visitModule1.prototype = {
+    call$1(module) {
+      var t1, t2, t3, t4, _i, upstream, _1_0, statements, index, _this = this;
+      if (!_this.seen.add$1(0, module))
+        return;
+      if (_this.clone)
+        module = module.cloneCss$0();
+      for (t1 = module.get$upstream(), t2 = t1.length, t3 = _this.css, t4 = _this.imports, _i = 0; _i < t1.length; t1.length === t2 || (0, A.throwConcurrentModificationError)(t1), ++_i) {
+        upstream = t1[_i];
+        if (upstream.get$transitivelyContainsCss()) {
+          _1_0 = module.get$preModuleComments().$index(0, upstream);
+          if (_1_0 != null)
+            B.JSArray_methods.addAll$1(t3.length === 0 ? t4 : t3, _1_0);
+          _this.call$1(upstream);
+        }
+      }
+      _this.sorted.addFirst$1(module);
+      t1 = module.get$css(module);
+      statements = t1.get$children(t1);
+      index = _this.$this._evaluate0$_indexAfterImports$1(statements);
+      t1 = J.getInterceptor$ax(statements);
+      B.JSArray_methods.addAll$1(t4, t1.getRange$2(statements, 0, index));
+      B.JSArray_methods.addAll$1(t3, t1.getRange$2(statements, index, t1.get$length(statements)));
+    },
+    $signature: 455
+  };
+  A._EvaluateVisitor__extendModules_closure3.prototype = {
+    call$1(target) {
+      return !this.originalSelectors.contains$1(0, target);
+    },
+    $signature: 14
+  };
+  A._EvaluateVisitor__extendModules_closure4.prototype = {
+    call$0() {
+      return A._setArrayType([], type$.JSArray_ExtensionStore_2);
+    },
+    $signature: 174
+  };
+  A._EvaluateVisitor_visitAtRootRule_closure3.prototype = {
+    call$0() {
+      var t1, t2, t3, _i;
+      for (t1 = this.node.children, t2 = t1.length, t3 = this.$this, _i = 0; _i < t2; ++_i)
+        t1[_i].accept$1(t3);
+    },
+    $signature: 1
+  };
+  A._EvaluateVisitor_visitAtRootRule_closure4.prototype = {
+    call$0() {
+      var t1, t2, t3, _i;
+      for (t1 = this.node.children, t2 = t1.length, t3 = this.$this, _i = 0; _i < t2; ++_i)
+        t1[_i].accept$1(t3);
+    },
+    $signature: 0
+  };
+  A._EvaluateVisitor__scopeForAtRoot_closure11.prototype = {
+    call$1(callback) {
+      var t1 = this.$this,
+        oldParent = t1._evaluate0$_assertInModule$2(t1._evaluate0$__parent, "__parent");
+      t1._evaluate0$__parent = this.newParent;
+      t1._evaluate0$_environment.scope$1$2$when(callback, this.node.hasDeclarations, type$.void);
+      t1._evaluate0$__parent = oldParent;
+    },
+    $signature: 35
+  };
+  A._EvaluateVisitor__scopeForAtRoot_closure12.prototype = {
+    call$1(callback) {
+      var t1 = this.$this,
+        oldAtRootExcludingStyleRule = t1._evaluate0$_atRootExcludingStyleRule;
+      t1._evaluate0$_atRootExcludingStyleRule = true;
+      this.innerScope.call$1(callback);
+      t1._evaluate0$_atRootExcludingStyleRule = oldAtRootExcludingStyleRule;
+    },
+    $signature: 35
+  };
+  A._EvaluateVisitor__scopeForAtRoot_closure13.prototype = {
+    call$1(callback) {
+      return this.$this._evaluate0$_withMediaQueries$3(null, null, new A._EvaluateVisitor__scopeForAtRoot__closure1(this.innerScope, callback));
+    },
+    $signature: 35
+  };
+  A._EvaluateVisitor__scopeForAtRoot__closure1.prototype = {
+    call$0() {
+      return this.innerScope.call$1(this.callback);
+    },
+    $signature: 1
+  };
+  A._EvaluateVisitor__scopeForAtRoot_closure14.prototype = {
+    call$1(callback) {
+      var t1 = this.$this,
+        wasInKeyframes = t1._evaluate0$_inKeyframes;
+      t1._evaluate0$_inKeyframes = false;
+      this.innerScope.call$1(callback);
+      t1._evaluate0$_inKeyframes = wasInKeyframes;
+    },
+    $signature: 35
+  };
+  A._EvaluateVisitor__scopeForAtRoot_closure15.prototype = {
+    call$1($parent) {
+      return $parent instanceof A.ModifiableCssAtRule0;
+    },
+    $signature: 175
+  };
+  A._EvaluateVisitor__scopeForAtRoot_closure16.prototype = {
+    call$1(callback) {
+      var t1 = this.$this,
+        wasInUnknownAtRule = t1._evaluate0$_inUnknownAtRule;
+      t1._evaluate0$_inUnknownAtRule = false;
+      this.innerScope.call$1(callback);
+      t1._evaluate0$_inUnknownAtRule = wasInUnknownAtRule;
+    },
+    $signature: 35
+  };
+  A._EvaluateVisitor_visitContentRule_closure1.prototype = {
+    call$0() {
+      var t1, t2, t3, _i;
+      for (t1 = this.content.declaration.children, t2 = t1.length, t3 = this.$this, _i = 0; _i < t2; ++_i)
+        t1[_i].accept$1(t3);
+      return null;
+    },
+    $signature: 1
+  };
+  A._EvaluateVisitor_visitDeclaration_closure1.prototype = {
+    call$0() {
+      var t1, t2, t3, _i;
+      for (t1 = this._box_0.children, t2 = t1.length, t3 = this.$this, _i = 0; _i < t2; ++_i)
+        t1[_i].accept$1(t3);
+    },
+    $signature: 1
+  };
+  A._EvaluateVisitor_visitEachRule_closure5.prototype = {
+    call$1(value) {
+      var t1 = this.$this,
+        t2 = this.nodeWithSpan;
+      return t1._evaluate0$_environment.setLocalVariable$3(this._box_0.variable, t1._evaluate0$_withoutSlash$2(value, t2), t2);
+    },
+    $signature: 66
+  };
+  A._EvaluateVisitor_visitEachRule_closure6.prototype = {
+    call$1(value) {
+      return this.$this._evaluate0$_setMultipleVariables$3(this._box_1.variables, value, this.nodeWithSpan);
+    },
+    $signature: 66
+  };
+  A._EvaluateVisitor_visitEachRule_closure7.prototype = {
+    call$0() {
+      var _this = this,
+        t1 = _this.$this;
+      return t1._evaluate0$_handleReturn$2(_this.list.get$asList(), new A._EvaluateVisitor_visitEachRule__closure1(t1, _this.setVariables, _this.node));
+    },
+    $signature: 41
+  };
+  A._EvaluateVisitor_visitEachRule__closure1.prototype = {
+    call$1(element) {
+      var t1;
+      this.setVariables.call$1(element);
+      t1 = this.$this;
+      return t1._evaluate0$_handleReturn$2(this.node.children, new A._EvaluateVisitor_visitEachRule___closure1(t1));
+    },
+    $signature: 228
+  };
+  A._EvaluateVisitor_visitEachRule___closure1.prototype = {
+    call$1(child) {
+      return child.accept$1(this.$this);
+    },
+    $signature: 114
+  };
+  A._EvaluateVisitor_visitAtRule_closure5.prototype = {
+    call$1(value) {
+      return this.$this._evaluate0$_interpolationToValue$3$trim$warnForColor(value, true, true);
+    },
+    $signature: 458
+  };
+  A._EvaluateVisitor_visitAtRule_closure6.prototype = {
+    call$0() {
+      var t2, t3, _i, _this = this,
+        t1 = _this.$this,
+        styleRule = t1._evaluate0$_atRootExcludingStyleRule ? null : t1._evaluate0$_styleRuleIgnoringAtRoot;
+      if (styleRule == null || t1._evaluate0$_inKeyframes || _this.name.value === "font-face")
+        for (t2 = _this.children, t3 = t2.length, _i = 0; _i < t3; ++_i)
+          t2[_i].accept$1(t1);
+      else
+        t1._evaluate0$_withParent$2$3$scopeWhen(A.ModifiableCssStyleRule$0(styleRule._style_rule0$_selector, styleRule.span, false, styleRule.originalSelector), new A._EvaluateVisitor_visitAtRule__closure1(t1, _this.children), false, type$.ModifiableCssStyleRule_2, type$.Null);
+    },
+    $signature: 1
+  };
+  A._EvaluateVisitor_visitAtRule__closure1.prototype = {
+    call$0() {
+      var t1, t2, t3, _i;
+      for (t1 = this.children, t2 = t1.length, t3 = this.$this, _i = 0; _i < t2; ++_i)
+        t1[_i].accept$1(t3);
+    },
+    $signature: 1
+  };
+  A._EvaluateVisitor_visitAtRule_closure7.prototype = {
+    call$1(node) {
+      return node instanceof A.ModifiableCssStyleRule0;
+    },
+    $signature: 8
+  };
+  A._EvaluateVisitor_visitForRule_closure9.prototype = {
+    call$0() {
+      return this.node.from.accept$1(this.$this).assertNumber$0();
+    },
+    $signature: 230
+  };
+  A._EvaluateVisitor_visitForRule_closure10.prototype = {
+    call$0() {
+      return this.node.to.accept$1(this.$this).assertNumber$0();
+    },
+    $signature: 230
+  };
+  A._EvaluateVisitor_visitForRule_closure11.prototype = {
+    call$0() {
+      return this.fromNumber.assertInt$0();
+    },
+    $signature: 10
+  };
+  A._EvaluateVisitor_visitForRule_closure12.prototype = {
+    call$0() {
+      var t1 = this.fromNumber;
+      return this.toNumber.coerce$2(t1.get$numeratorUnits(t1), t1.get$denominatorUnits(t1)).assertInt$0();
+    },
+    $signature: 10
+  };
+  A._EvaluateVisitor_visitForRule_closure13.prototype = {
+    call$0() {
+      var i, t3, t4, t5, t6, t7, t8, _0_0, _this = this,
+        t1 = _this.$this,
+        t2 = _this.node,
+        nodeWithSpan = t1._evaluate0$_expressionNode$1(t2.from);
+      for (i = _this.from, t3 = _this._box_0, t4 = _this.direction, t5 = t2.variable, t6 = _this.fromNumber, t2 = t2.children; i !== t3.to; i += t4) {
+        t7 = t1._evaluate0$_environment;
+        t8 = t6.get$numeratorUnits(t6);
+        t7.setLocalVariable$3(t5, A.SassNumber_SassNumber$withUnits0(i, t6.get$denominatorUnits(t6), t8), nodeWithSpan);
+        _0_0 = t1._evaluate0$_handleReturn$2(t2, new A._EvaluateVisitor_visitForRule__closure1(t1));
+        if (_0_0 != null)
+          return _0_0;
+      }
+      return null;
+    },
+    $signature: 41
+  };
+  A._EvaluateVisitor_visitForRule__closure1.prototype = {
+    call$1(child) {
+      return child.accept$1(this.$this);
+    },
+    $signature: 114
+  };
+  A._EvaluateVisitor_visitForwardRule_closure3.prototype = {
+    call$2(module, firstLoad) {
+      if (firstLoad)
+        this.$this._evaluate0$_registerCommentsForModule$1(module);
+      this.$this._evaluate0$_environment.forwardModule$2(module, this.node);
+    },
+    $signature: 110
+  };
+  A._EvaluateVisitor_visitForwardRule_closure4.prototype = {
+    call$2(module, firstLoad) {
+      if (firstLoad)
+        this.$this._evaluate0$_registerCommentsForModule$1(module);
+      this.$this._evaluate0$_environment.forwardModule$2(module, this.node);
+    },
+    $signature: 110
+  };
+  A._EvaluateVisitor__registerCommentsForModule_closure1.prototype = {
+    call$0() {
+      return A._setArrayType([], type$.JSArray_CssComment_2);
+    },
+    $signature: 181
+  };
+  A._EvaluateVisitor_visitIfRule_closure1.prototype = {
+    call$1(clause) {
+      var t1 = this.$this;
+      return t1._evaluate0$_environment.scope$1$3$semiGlobal$when(new A._EvaluateVisitor_visitIfRule__closure1(t1, clause), true, clause.hasDeclarations, type$.nullable_Value_2);
+    },
+    $signature: 460
+  };
+  A._EvaluateVisitor_visitIfRule__closure1.prototype = {
+    call$0() {
+      var t1 = this.$this;
+      return t1._evaluate0$_handleReturn$2(this.clause.children, new A._EvaluateVisitor_visitIfRule___closure1(t1));
+    },
+    $signature: 41
+  };
+  A._EvaluateVisitor_visitIfRule___closure1.prototype = {
+    call$1(child) {
+      return child.accept$1(this.$this);
+    },
+    $signature: 114
+  };
+  A._EvaluateVisitor__visitDynamicImport_closure1.prototype = {
+    call$0() {
+      var t1, t2, _0_0, stylesheet, importer, isDependency, url, t3, oldImporter, oldStylesheet, oldInDependency, loadsUserDefinedModules, children, t4, t5, t6, t7, t8, t9, t10, environment, module, visitor, _box_0 = {};
+      _box_0.isDependency = _box_0.importer = _box_0.stylesheet = null;
+      t1 = this.$this;
+      t2 = this.$import;
+      _0_0 = t1._evaluate0$_loadStylesheet$3$forImport(t2.urlString, t2.span, true);
+      stylesheet = _box_0.stylesheet = _0_0._0;
+      importer = _0_0._1;
+      _box_0.importer = importer;
+      isDependency = _0_0._2;
+      _box_0.isDependency = isDependency;
+      url = stylesheet.span.file.url;
+      if (url != null) {
+        t3 = t1._evaluate0$_activeModules;
+        if (t3.containsKey$1(url)) {
+          t2 = A.NullableExtension_andThen0(t3.$index(0, url), new A._EvaluateVisitor__visitDynamicImport__closure7(t1));
+          throw A.wrapException(t2 == null ? t1._evaluate0$_exception$1("This file is already being loaded.") : t2);
+        }
+        t3.$indexSet(0, url, t2);
+      }
+      t2 = stylesheet._stylesheet1$_uses;
+      t3 = type$.UnmodifiableListView_UseRule_2;
+      if (new A.UnmodifiableListView(t2, t3).get$length(0) === 0 && new A.UnmodifiableListView(stylesheet._stylesheet1$_forwards, type$.UnmodifiableListView_ForwardRule_2).get$length(0) === 0) {
+        oldImporter = t1._evaluate0$_importer;
+        oldStylesheet = t1._evaluate0$_assertInModule$2(t1._evaluate0$__stylesheet, "_stylesheet");
+        oldInDependency = t1._evaluate0$_inDependency;
+        t1._evaluate0$_importer = importer;
+        t1._evaluate0$__stylesheet = stylesheet;
+        t1._evaluate0$_inDependency = isDependency;
+        t1.visitStylesheet$1(0, stylesheet);
+        t1._evaluate0$_importer = oldImporter;
+        t1._evaluate0$__stylesheet = oldStylesheet;
+        t1._evaluate0$_inDependency = oldInDependency;
+        t1._evaluate0$_activeModules.remove$1(0, url);
+        return;
+      }
+      t2 = new A.UnmodifiableListView(t2, t3);
+      if (!t2.any$1(t2, new A._EvaluateVisitor__visitDynamicImport__closure8())) {
+        t2 = new A.UnmodifiableListView(stylesheet._stylesheet1$_forwards, type$.UnmodifiableListView_ForwardRule_2);
+        loadsUserDefinedModules = t2.any$1(t2, new A._EvaluateVisitor__visitDynamicImport__closure9());
+      } else
+        loadsUserDefinedModules = true;
+      children = A._Cell$();
+      t2 = t1._evaluate0$_environment;
+      t3 = type$.String;
+      t4 = type$.Module_Callable_2;
+      t5 = type$.AstNode_2;
+      t6 = A._setArrayType([], type$.JSArray_Module_Callable_2);
+      t7 = t2._environment0$_variables;
+      t7 = A._setArrayType(t7.slice(0), A._arrayInstanceType(t7));
+      t8 = t2._environment0$_variableNodes;
+      t8 = A._setArrayType(t8.slice(0), A._arrayInstanceType(t8));
+      t9 = t2._environment0$_functions;
+      t9 = A._setArrayType(t9.slice(0), A._arrayInstanceType(t9));
+      t10 = t2._environment0$_mixins;
+      t10 = A._setArrayType(t10.slice(0), A._arrayInstanceType(t10));
+      environment = A.Environment$_0(A.LinkedHashMap_LinkedHashMap$_empty(t3, t4), A.LinkedHashMap_LinkedHashMap$_empty(t3, t5), A.LinkedHashMap_LinkedHashMap$_empty(t4, t5), t2._environment0$_importedModules, null, null, t6, t7, t8, t9, t10, t2._environment0$_content, t2._environment0$_configurableVariables);
+      t1._evaluate0$_withEnvironment$2(environment, new A._EvaluateVisitor__visitDynamicImport__closure10(_box_0, t1, loadsUserDefinedModules, environment, children));
+      module = environment.toDummyModule$0();
+      t1._evaluate0$_environment.importForwards$1(module);
+      if (loadsUserDefinedModules) {
+        if (module.transitivelyContainsCss)
+          t1._evaluate0$_combineCss$2$clone(module, module.transitivelyContainsExtensions).accept$1(t1);
+        visitor = new A._ImportedCssVisitor1(t1);
+        for (t2 = J.get$iterator$ax(children._readLocal$0()); t2.moveNext$0();)
+          t2.get$current(t2).accept$1(visitor);
+      }
+      t1._evaluate0$_activeModules.remove$1(0, url);
+    },
+    $signature: 0
+  };
+  A._EvaluateVisitor__visitDynamicImport__closure7.prototype = {
+    call$1(previousLoad) {
+      return this.$this._evaluate0$_multiSpanException$3("This file is already being loaded.", "new load", A.LinkedHashMap_LinkedHashMap$_literal([previousLoad.get$span(previousLoad), "original load"], type$.FileSpan, type$.String));
+    },
+    $signature: 105
+  };
+  A._EvaluateVisitor__visitDynamicImport__closure8.prototype = {
+    call$1(rule) {
+      return rule.url.get$scheme() !== "sass";
+    },
+    $signature: 182
+  };
+  A._EvaluateVisitor__visitDynamicImport__closure9.prototype = {
+    call$1(rule) {
+      return rule.url.get$scheme() !== "sass";
+    },
+    $signature: 183
+  };
+  A._EvaluateVisitor__visitDynamicImport__closure10.prototype = {
+    call$0() {
+      var t3, t4, _this = this,
+        t1 = _this.$this,
+        oldImporter = t1._evaluate0$_importer,
+        oldStylesheet = t1._evaluate0$_assertInModule$2(t1._evaluate0$__stylesheet, "_stylesheet"),
+        oldRoot = t1._evaluate0$_assertInModule$2(t1._evaluate0$__root, "_root"),
+        oldParent = t1._evaluate0$_assertInModule$2(t1._evaluate0$__parent, "__parent"),
+        oldEndOfImports = t1._evaluate0$_assertInModule$2(t1._evaluate0$__endOfImports, "_endOfImports"),
+        oldOutOfOrderImports = t1._evaluate0$_outOfOrderImports,
+        oldConfiguration = t1._evaluate0$_configuration,
+        oldInDependency = t1._evaluate0$_inDependency,
+        t2 = _this._box_0;
+      t1._evaluate0$_importer = t2.importer;
+      t3 = t2.stylesheet;
+      t1._evaluate0$__stylesheet = t3;
+      t4 = _this.loadsUserDefinedModules;
+      if (t4) {
+        t3 = A.ModifiableCssStylesheet$0(t3.span);
+        t1._evaluate0$__root = t3;
+        t1._evaluate0$__parent = t1._evaluate0$_assertInModule$2(t3, "_root");
+        t1._evaluate0$__endOfImports = 0;
+        t1._evaluate0$_outOfOrderImports = null;
+      }
+      t1._evaluate0$_inDependency = t2.isDependency;
+      t3 = new A.UnmodifiableListView(t2.stylesheet._stylesheet1$_forwards, type$.UnmodifiableListView_ForwardRule_2);
+      if (!t3.get$isEmpty(t3))
+        t1._evaluate0$_configuration = _this.environment.toImplicitConfiguration$0();
+      t1.visitStylesheet$1(0, t2.stylesheet);
+      t2 = t4 ? t1._evaluate0$_addOutOfOrderImports$0() : A._setArrayType([], type$.JSArray_ModifiableCssNode_2);
+      _this.children.__late_helper$_value = t2;
+      t1._evaluate0$_importer = oldImporter;
+      t1._evaluate0$__stylesheet = oldStylesheet;
+      if (t4) {
+        t1._evaluate0$__root = oldRoot;
+        t1._evaluate0$__parent = oldParent;
+        t1._evaluate0$__endOfImports = oldEndOfImports;
+        t1._evaluate0$_outOfOrderImports = oldOutOfOrderImports;
+      }
+      t1._evaluate0$_configuration = oldConfiguration;
+      t1._evaluate0$_inDependency = oldInDependency;
+    },
+    $signature: 1
+  };
+  A._EvaluateVisitor__applyMixin_closure3.prototype = {
+    call$0() {
+      var _this = this,
+        t1 = _this.$this;
+      t1._evaluate0$_environment.asMixin$1(new A._EvaluateVisitor__applyMixin__closure4(t1, _this.$arguments, _this.mixin, _this.nodeWithSpanWithoutContent));
+    },
+    $signature: 0
+  };
+  A._EvaluateVisitor__applyMixin__closure4.prototype = {
+    call$0() {
+      var _this = this;
+      _this.$this._evaluate0$_runBuiltInCallable$3(_this.$arguments, _this.mixin, _this.nodeWithSpanWithoutContent);
+    },
+    $signature: 0
+  };
+  A._EvaluateVisitor__applyMixin_closure4.prototype = {
+    call$0() {
+      var _this = this,
+        t1 = _this.$this;
+      t1._evaluate0$_environment.withContent$2(_this.contentCallable, new A._EvaluateVisitor__applyMixin__closure3(t1, _this.mixin, _this.nodeWithSpanWithoutContent));
+    },
+    $signature: 1
+  };
+  A._EvaluateVisitor__applyMixin__closure3.prototype = {
+    call$0() {
+      var t1 = this.$this;
+      t1._evaluate0$_environment.asMixin$1(new A._EvaluateVisitor__applyMixin___closure1(t1, this.mixin, this.nodeWithSpanWithoutContent));
+    },
+    $signature: 0
+  };
+  A._EvaluateVisitor__applyMixin___closure1.prototype = {
+    call$0() {
+      var t1, t2, t3, t4, _i;
+      for (t1 = this.mixin.declaration.children, t2 = t1.length, t3 = this.$this, t4 = this.nodeWithSpanWithoutContent, _i = 0; _i < t2; ++_i)
+        t3._evaluate0$_addErrorSpan$2(t4, new A._EvaluateVisitor__applyMixin____closure1(t3, t1[_i]));
+    },
+    $signature: 0
+  };
+  A._EvaluateVisitor__applyMixin____closure1.prototype = {
+    call$0() {
+      return this.statement.accept$1(this.$this);
+    },
+    $signature: 41
+  };
+  A._EvaluateVisitor_visitIncludeRule_closure5.prototype = {
+    call$0() {
+      var t1 = this.node;
+      return this.$this._evaluate0$_environment.getMixin$2$namespace(t1.name, t1.namespace);
+    },
+    $signature: 115
+  };
+  A._EvaluateVisitor_visitIncludeRule_closure6.prototype = {
+    call$1($content) {
+      var t1 = this.$this;
+      return new A.UserDefinedCallable0($content, t1._evaluate0$_environment.closure$0(), t1._evaluate0$_inDependency, type$.UserDefinedCallable_Environment_2);
+    },
+    $signature: 461
+  };
+  A._EvaluateVisitor_visitIncludeRule_closure7.prototype = {
+    call$0() {
+      return this.node.get$spanWithoutContent();
+    },
+    $signature: 26
+  };
+  A._EvaluateVisitor_visitMediaRule_closure5.prototype = {
+    call$1(mediaQueries) {
+      return this.$this._evaluate0$_mergeMediaQueries$2(mediaQueries, this.queries);
+    },
+    $signature: 109
+  };
+  A._EvaluateVisitor_visitMediaRule_closure6.prototype = {
+    call$0() {
+      var _this = this,
+        t1 = _this.$this,
+        t2 = _this.mergedQueries;
+      if (t2 == null)
+        t2 = _this.queries;
+      t1._evaluate0$_withMediaQueries$3(t2, _this.mergedSources, new A._EvaluateVisitor_visitMediaRule__closure1(t1, _this.node));
+    },
+    $signature: 1
+  };
+  A._EvaluateVisitor_visitMediaRule__closure1.prototype = {
+    call$0() {
+      var t2, t3, _i,
+        t1 = this.$this,
+        _0_0 = t1._evaluate0$_atRootExcludingStyleRule ? null : t1._evaluate0$_styleRuleIgnoringAtRoot;
+      if (_0_0 != null)
+        t1._evaluate0$_withParent$2$3$scopeWhen(A.ModifiableCssStyleRule$0(_0_0._style_rule0$_selector, _0_0.span, false, _0_0.originalSelector), new A._EvaluateVisitor_visitMediaRule___closure1(t1, this.node), false, type$.ModifiableCssStyleRule_2, type$.Null);
+      else
+        for (t2 = this.node.children, t3 = t2.length, _i = 0; _i < t3; ++_i)
+          t2[_i].accept$1(t1);
+    },
+    $signature: 1
+  };
+  A._EvaluateVisitor_visitMediaRule___closure1.prototype = {
+    call$0() {
+      var t1, t2, t3, _i;
+      for (t1 = this.node.children, t2 = t1.length, t3 = this.$this, _i = 0; _i < t2; ++_i)
+        t1[_i].accept$1(t3);
+    },
+    $signature: 1
+  };
+  A._EvaluateVisitor_visitMediaRule_closure7.prototype = {
+    call$1(node) {
+      var t1;
+      if (!(node instanceof A.ModifiableCssStyleRule0)) {
+        t1 = this.mergedSources;
+        t1 = t1.get$isNotEmpty(t1) && node instanceof A.ModifiableCssMediaRule0 && B.JSArray_methods.every$1(node.queries, t1.get$contains(t1));
+      } else
+        t1 = true;
+      return t1;
+    },
+    $signature: 8
+  };
+  A._EvaluateVisitor_visitStyleRule_closure7.prototype = {
+    call$0() {
+      var t1, t2, t3, _i;
+      for (t1 = this.node.children, t2 = t1.length, t3 = this.$this, _i = 0; _i < t2; ++_i)
+        t1[_i].accept$1(t3);
+    },
+    $signature: 1
+  };
+  A._EvaluateVisitor_visitStyleRule_closure8.prototype = {
+    call$1(node) {
+      return node instanceof A.ModifiableCssStyleRule0;
+    },
+    $signature: 8
+  };
+  A._EvaluateVisitor_visitStyleRule_closure10.prototype = {
+    call$0() {
+      var t1 = this.$this;
+      t1._evaluate0$_withStyleRule$2(this.rule, new A._EvaluateVisitor_visitStyleRule__closure1(t1, this.node));
+    },
+    $signature: 1
+  };
+  A._EvaluateVisitor_visitStyleRule__closure1.prototype = {
+    call$0() {
+      var t1, t2, t3, _i;
+      for (t1 = this.node.children, t2 = t1.length, t3 = this.$this, _i = 0; _i < t2; ++_i)
+        t1[_i].accept$1(t3);
+    },
+    $signature: 1
+  };
+  A._EvaluateVisitor_visitStyleRule_closure9.prototype = {
+    call$1(node) {
+      return node instanceof A.ModifiableCssStyleRule0;
+    },
+    $signature: 8
+  };
+  A._EvaluateVisitor__warnForBogusCombinators_closure1.prototype = {
+    call$1(child) {
+      return child instanceof A.ModifiableCssComment0;
+    },
+    $signature: 8
+  };
+  A._EvaluateVisitor_visitSupportsRule_closure3.prototype = {
+    call$0() {
+      var t2, t3, _i,
+        t1 = this.$this,
+        _0_0 = t1._evaluate0$_atRootExcludingStyleRule ? null : t1._evaluate0$_styleRuleIgnoringAtRoot;
+      if (_0_0 != null)
+        t1._evaluate0$_withParent$2$2(A.ModifiableCssStyleRule$0(_0_0._style_rule0$_selector, _0_0.span, false, _0_0.originalSelector), new A._EvaluateVisitor_visitSupportsRule__closure1(t1, this.node), type$.ModifiableCssStyleRule_2, type$.Null);
+      else
+        for (t2 = this.node.children, t3 = t2.length, _i = 0; _i < t3; ++_i)
+          t2[_i].accept$1(t1);
+    },
+    $signature: 1
+  };
+  A._EvaluateVisitor_visitSupportsRule__closure1.prototype = {
+    call$0() {
+      var t1, t2, t3, _i;
+      for (t1 = this.node.children, t2 = t1.length, t3 = this.$this, _i = 0; _i < t2; ++_i)
+        t1[_i].accept$1(t3);
+    },
+    $signature: 1
+  };
+  A._EvaluateVisitor_visitSupportsRule_closure4.prototype = {
+    call$1(node) {
+      return node instanceof A.ModifiableCssStyleRule0;
+    },
+    $signature: 8
+  };
+  A._EvaluateVisitor__visitSupportsCondition_closure1.prototype = {
+    call$0() {
+      var t4,
+        t1 = this.$this,
+        t2 = this._box_0,
+        t3 = t2.declaration.name;
+      t3 = t1._evaluate0$_serialize$3$quote(t3.accept$1(t1), t3, true);
+      t4 = t2.declaration.get$isCustomProperty() ? "" : " ";
+      t2 = t2.declaration.value;
+      return "(" + t3 + ":" + t4 + t1._evaluate0$_serialize$3$quote(t2.accept$1(t1), t2, true) + ")";
+    },
+    $signature: 29
+  };
+  A._EvaluateVisitor_visitVariableDeclaration_closure5.prototype = {
+    call$0() {
+      var t1 = this.$this._evaluate0$_environment,
+        t2 = this._box_0.override;
+      t1.setVariable$4$global(this.node.name, t2.value, t2.assignmentNode, true);
+    },
+    $signature: 1
+  };
+  A._EvaluateVisitor_visitVariableDeclaration_closure6.prototype = {
+    call$0() {
+      var t1 = this.node;
+      return this.$this._evaluate0$_environment.getVariable$2$namespace(t1.name, t1.namespace);
+    },
+    $signature: 41
+  };
+  A._EvaluateVisitor_visitVariableDeclaration_closure7.prototype = {
+    call$0() {
+      var t1 = this.$this,
+        t2 = this.node;
+      t1._evaluate0$_environment.setVariable$5$global$namespace(t2.name, this.value, t1._evaluate0$_expressionNode$1(t2.expression), t2.isGlobal, t2.namespace);
+    },
+    $signature: 1
+  };
+  A._EvaluateVisitor_visitUseRule_closure1.prototype = {
+    call$2(module, firstLoad) {
+      var t1, t2, t3, _0_0, t4, t5, span;
+      if (firstLoad)
+        this.$this._evaluate0$_registerCommentsForModule$1(module);
+      t1 = this.$this._evaluate0$_environment;
+      t2 = this.node;
+      t3 = t2.namespace;
+      if (t3 == null) {
+        t1._environment0$_globalModules.$indexSet(0, module, t2);
+        t1._environment0$_allModules.push(module);
+        t1 = B.JSArray_methods.get$first(t1._environment0$_variables);
+        _0_0 = A.IterableExtension_firstWhereOrNull(t1.get$keys(t1), module.get$variables().get$containsKey());
+        if (_0_0 != null)
+          A.throwExpression(A.SassScriptException$0(string$.This_ma + _0_0 + '".', null));
+      } else {
+        t4 = t1._environment0$_modules;
+        if (t4.containsKey$1(t3)) {
+          t5 = t1._environment0$_namespaceNodes.$index(0, t3);
+          span = t5 == null ? null : t5.span;
+          t5 = A.LinkedHashMap_LinkedHashMap$_empty(type$.FileSpan, type$.String);
+          if (span != null)
+            t5.$indexSet(0, span, "original @use");
+          A.throwExpression(A.MultiSpanSassScriptException$0(string$.There_ + t3 + '".', "new @use", t5));
+        }
+        t4.$indexSet(0, t3, module);
+        t1._environment0$_namespaceNodes.$indexSet(0, t3, t2);
+        t1._environment0$_allModules.push(module);
+      }
+    },
+    $signature: 110
+  };
+  A._EvaluateVisitor_visitWarnRule_closure1.prototype = {
+    call$0() {
+      return this.node.expression.accept$1(this.$this);
+    },
+    $signature: 46
+  };
+  A._EvaluateVisitor_visitWhileRule_closure1.prototype = {
+    call$0() {
+      var t1, t2, t3, _0_0;
+      for (t1 = this.node, t2 = t1.condition, t3 = this.$this, t1 = t1.children; t2.accept$1(t3).get$isTruthy();) {
+        _0_0 = t3._evaluate0$_handleReturn$2(t1, new A._EvaluateVisitor_visitWhileRule__closure1(t3));
+        if (_0_0 != null)
+          return _0_0;
+      }
+      return null;
+    },
+    $signature: 41
+  };
+  A._EvaluateVisitor_visitWhileRule__closure1.prototype = {
+    call$1(child) {
+      return child.accept$1(this.$this);
+    },
+    $signature: 114
+  };
+  A._EvaluateVisitor_visitBinaryOperationExpression_closure1.prototype = {
+    call$0() {
+      var t1 = this.node,
+        t2 = this.$this,
+        left = t1.left.accept$1(t2);
+      switch (t1.operator) {
+        case B.BinaryOperator_Kyq0:
+          t1 = t1.right.accept$1(t2);
+          t1 = new A.SassString0(A.serializeValue0(left, false, true) + "=" + A.serializeValue0(t1, false, true), false);
+          break;
+        case B.BinaryOperator_tKu0:
+          t1 = left.get$isTruthy() ? left : t1.right.accept$1(t2);
+          break;
+        case B.BinaryOperator_uke0:
+          t1 = left.get$isTruthy() ? t1.right.accept$1(t2) : left;
+          break;
+        case B.BinaryOperator_r840:
+          t1 = left.$eq(0, t1.right.accept$1(t2)) ? B.SassBoolean_true0 : B.SassBoolean_false0;
+          break;
+        case B.BinaryOperator_qGq0:
+          t1 = !left.$eq(0, t1.right.accept$1(t2)) ? B.SassBoolean_true0 : B.SassBoolean_false0;
+          break;
+        case B.BinaryOperator_o8O0:
+          t1 = left.greaterThan$1(t1.right.accept$1(t2));
+          break;
+        case B.BinaryOperator_JiR0:
+          t1 = left.greaterThanOrEquals$1(t1.right.accept$1(t2));
+          break;
+        case B.BinaryOperator_qHy0:
+          t1 = left.lessThan$1(t1.right.accept$1(t2));
+          break;
+        case B.BinaryOperator_FPG0:
+          t1 = left.lessThanOrEquals$1(t1.right.accept$1(t2));
+          break;
+        case B.BinaryOperator_Swh0:
+          t1 = left.plus$1(t1.right.accept$1(t2));
+          break;
+        case B.BinaryOperator_QG10:
+          t1 = left.minus$1(t1.right.accept$1(t2));
+          break;
+        case B.BinaryOperator_tht0:
+          t1 = left.times$1(t1.right.accept$1(t2));
+          break;
+        case B.BinaryOperator_Mh50:
+          t1 = t2._evaluate0$_slash$3(left, t1.right.accept$1(t2), t1);
+          break;
+        case B.BinaryOperator_s7T0:
+          t1 = left.modulo$1(t1.right.accept$1(t2));
+          break;
+        default:
+          t1 = null;
+      }
+      return t1;
+    },
+    $signature: 46
+  };
+  A._EvaluateVisitor__slash_recommendation1.prototype = {
+    call$1(expression) {
+      var t1;
+      $label0$0: {
+        if (expression instanceof A.BinaryOperationExpression0 && B.BinaryOperator_Mh50 === expression.operator) {
+          t1 = "math.div(" + A.S(this.call$1(expression.left)) + ", " + A.S(this.call$1(expression.right)) + ")";
+          break $label0$0;
+        }
+        if (expression instanceof A.ParenthesizedExpression0) {
+          t1 = expression.expression.toString$0(0);
+          break $label0$0;
+        }
+        t1 = expression.toString$0(0);
+        break $label0$0;
+      }
+      return t1;
+    },
+    $signature: 140
+  };
+  A._EvaluateVisitor_visitVariableExpression_closure1.prototype = {
+    call$0() {
+      var t1 = this.node;
+      return this.$this._evaluate0$_environment.getVariable$2$namespace(t1.name, t1.namespace);
+    },
+    $signature: 41
+  };
+  A._EvaluateVisitor_visitUnaryOperationExpression_closure1.prototype = {
+    call$0() {
+      var t1, _this = this;
+      switch (_this.node.operator) {
+        case B.UnaryOperator_Rbl0:
+          t1 = _this.operand.unaryPlus$0();
+          break;
+        case B.UnaryOperator_UCP0:
+          t1 = _this.operand.unaryMinus$0();
+          break;
+        case B.UnaryOperator_lZV0:
+          t1 = new A.SassString0("/" + A.serializeValue0(_this.operand, false, true), false);
+          break;
+        case B.UnaryOperator_not_not_not0:
+          t1 = _this.operand.unaryNot$0();
+          break;
+        default:
+          t1 = null;
+      }
+      return t1;
+    },
+    $signature: 46
+  };
+  A._EvaluateVisitor_visitListExpression_closure1.prototype = {
+    call$1(expression) {
+      return expression.accept$1(this.$this);
+    },
+    $signature: 462
+  };
+  A._EvaluateVisitor_visitFunctionExpression_closure5.prototype = {
+    call$0() {
+      var t1 = this.node;
+      return this.$this._evaluate0$_environment.getFunction$2$namespace(t1.name, t1.namespace);
+    },
+    $signature: 115
+  };
+  A._EvaluateVisitor_visitFunctionExpression_closure6.prototype = {
+    call$1(argument) {
+      return argument.accept$1(B.C_IsCalculationSafeVisitor0);
+    },
+    $signature: 121
+  };
+  A._EvaluateVisitor_visitFunctionExpression_closure7.prototype = {
+    call$0() {
+      var t1 = this.node;
+      return this.$this._evaluate0$_runFunctionCallable$3(t1.$arguments, this._box_0.$function, t1);
+    },
+    $signature: 46
+  };
+  A._EvaluateVisitor__visitCalculation_closure1.prototype = {
+    call$2(message, deprecation) {
+      return this.$this._evaluate0$_warn$3(message, this.node.span, deprecation);
+    },
+    call$1(message) {
+      return this.call$2(message, null);
+    },
+    $signature: 107
+  };
+  A._EvaluateVisitor__checkCalculationArguments_check1.prototype = {
+    call$1(maxArgs) {
+      var t1 = this.node,
+        t2 = t1.$arguments.positional.length;
+      if (t2 === 0)
+        throw A.wrapException(this.$this._evaluate0$_exception$2("Missing argument.", t1.span));
+      else if (maxArgs != null && t2 > maxArgs)
+        throw A.wrapException(this.$this._evaluate0$_exception$2("Only " + A.S(maxArgs) + " " + A.pluralize0("argument", maxArgs, null) + " allowed, but " + t2 + " " + A.pluralize0("was", t2, "were") + " passed.", t1.span));
+    },
+    call$0() {
+      return this.call$1(null);
+    },
+    $signature: 81
+  };
+  A._EvaluateVisitor__visitCalculationExpression_closure1.prototype = {
+    call$0() {
+      var _this = this,
+        t1 = _this.$this,
+        t2 = _this._box_0,
+        t3 = _this.node,
+        t4 = _this.inLegacySassFunction;
+      return A.SassCalculation_operateInternal0(t1._evaluate0$_binaryOperatorToCalculationOperator$2(t2.operator, t3), t1._evaluate0$_visitCalculationExpression$2$inLegacySassFunction(t2.left, t4), t1._evaluate0$_visitCalculationExpression$2$inLegacySassFunction(t2.right, t4), t4, !t1._evaluate0$_inSupportsDeclaration, new A._EvaluateVisitor__visitCalculationExpression__closure1(t1, t3));
+    },
+    $signature: 98
+  };
+  A._EvaluateVisitor__visitCalculationExpression__closure1.prototype = {
+    call$2(message, deprecation) {
+      return this.$this._evaluate0$_warn$3(message, this.node.get$span(0), deprecation);
+    },
+    call$1(message) {
+      return this.call$2(message, null);
+    },
+    $signature: 107
+  };
+  A._EvaluateVisitor_visitInterpolatedFunctionExpression_closure1.prototype = {
+    call$0() {
+      var t1 = this.node;
+      return this.$this._evaluate0$_runFunctionCallable$3(t1.$arguments, this.$function, t1);
+    },
+    $signature: 46
+  };
+  A._EvaluateVisitor__runUserDefinedCallable_closure1.prototype = {
+    call$0() {
+      var _this = this,
+        t1 = _this.$this,
+        t2 = _this.callable;
+      return t1._evaluate0$_withEnvironment$2(t2.environment.closure$0(), new A._EvaluateVisitor__runUserDefinedCallable__closure1(t1, _this.evaluated, t2, _this.nodeWithSpan, _this.run, _this.V));
+    },
+    $signature() {
+      return this.V._eval$1("0()");
+    }
+  };
+  A._EvaluateVisitor__runUserDefinedCallable__closure1.prototype = {
+    call$0() {
+      var _this = this,
+        t1 = _this.$this,
+        t2 = _this.V;
+      return t1._evaluate0$_environment.scope$1$1(new A._EvaluateVisitor__runUserDefinedCallable___closure1(t1, _this.evaluated, _this.callable, _this.nodeWithSpan, _this.run, t2), t2);
+    },
+    $signature() {
+      return this.V._eval$1("0()");
+    }
+  };
+  A._EvaluateVisitor__runUserDefinedCallable___closure1.prototype = {
+    call$0() {
+      var parameters, t5, minLength, i, parameter, t6, value, t7, t8, restParameter, rest, argumentList, result, parameterWord, _this = this,
+        t1 = _this.$this,
+        t2 = _this.evaluated._values,
+        t3 = _this.callable.declaration.parameters,
+        t4 = _this.nodeWithSpan;
+      t1._evaluate0$_verifyArguments$4(t2[2].length, t2[0], t3, t4);
+      parameters = t3.parameters;
+      t5 = parameters.length;
+      minLength = Math.min(t2[2].length, t5);
+      for (i = 0; i < minLength; ++i)
+        t1._evaluate0$_environment.setLocalVariable$3(parameters[i].name, t2[2][i], t2[3][i]);
+      for (i = t2[2].length; i < t5; ++i) {
+        parameter = parameters[i];
+        t6 = parameter.name;
+        value = t2[0].remove$1(0, t6);
+        if (value == null) {
+          t7 = parameter.defaultValue;
+          value = t1._evaluate0$_withoutSlash$2(t7.accept$1(t1), t1._evaluate0$_expressionNode$1(t7));
+        }
+        t7 = t1._evaluate0$_environment;
+        t8 = t2[1].$index(0, t6);
+        if (t8 == null) {
+          t8 = parameter.defaultValue;
+          t8.toString;
+          t8 = t1._evaluate0$_expressionNode$1(t8);
+        }
+        t7.setLocalVariable$3(t6, value, t8);
+      }
+      restParameter = t3.restParameter;
+      if (restParameter != null) {
+        t6 = t2[2];
+        rest = t6.length > t5 ? B.JSArray_methods.sublist$1(t6, t5) : B.List_empty21;
+        t5 = t2[0];
+        t6 = t2[4];
+        argumentList = A.SassArgumentList$0(rest, t5, t6 === B.ListSeparator_undecided_null_undecided0 ? B.ListSeparator_qVN0 : t6);
+        t1._evaluate0$_environment.setLocalVariable$3(restParameter, argumentList, t4);
+      } else
+        argumentList = null;
+      result = _this.run.call$0();
+      if (argumentList == null)
+        return result;
+      t5 = t2[0].__js_helper$_length;
+      if (t5 === 0)
+        return result;
+      if (argumentList._argument_list$_wereKeywordsAccessed)
+        return result;
+      parameterWord = A.pluralize0("parameter", t5, null);
+      t2 = t2[0];
+      t5 = A._instanceType(t2)._eval$1("LinkedHashMapKeysIterable<1>");
+      throw A.wrapException(A.MultiSpanSassRuntimeException$0("No " + parameterWord + " named " + A.toSentence0(A.MappedIterable_MappedIterable(new A.LinkedHashMapKeysIterable(t2, t5), new A._EvaluateVisitor__runUserDefinedCallable____closure1(), t5._eval$1("Iterable.E"), type$.Object), "or") + ".", t4.get$span(t4), "invocation", A.LinkedHashMap_LinkedHashMap$_literal([t3.get$spanWithName(), "declaration"], type$.FileSpan, type$.String), t1._evaluate0$_stackTrace$1(t4.get$span(t4)), null));
+    },
+    $signature() {
+      return this.V._eval$1("0()");
+    }
+  };
+  A._EvaluateVisitor__runUserDefinedCallable____closure1.prototype = {
+    call$1($name) {
+      return "$" + $name;
+    },
+    $signature: 6
+  };
+  A._EvaluateVisitor__runFunctionCallable_closure1.prototype = {
+    call$0() {
+      var t1, t2, t3, t4, _i, $returnValue;
+      for (t1 = this.callable.declaration, t2 = t1.children, t3 = t2.length, t4 = this.$this, _i = 0; _i < t3; ++_i) {
+        $returnValue = t2[_i].accept$1(t4);
+        if ($returnValue instanceof A.Value0)
+          return $returnValue;
+      }
+      throw A.wrapException(t4._evaluate0$_exception$2("Function finished without @return.", t1.span));
+    },
+    $signature: 46
+  };
+  A._EvaluateVisitor__runBuiltInCallable_closure5.prototype = {
+    call$0() {
+      return this._box_0.overload.verify$2(this.evaluated._values[2].length, this.namedSet);
+    },
+    $signature: 0
+  };
+  A._EvaluateVisitor__runBuiltInCallable_closure6.prototype = {
+    call$0() {
+      return this._box_0.callback.call$1(this.evaluated._values[2]);
+    },
+    $signature: 46
+  };
+  A._EvaluateVisitor__runBuiltInCallable_closure7.prototype = {
+    call$1($name) {
+      return "$" + $name;
+    },
+    $signature: 6
+  };
+  A._EvaluateVisitor__evaluateArguments_closure7.prototype = {
+    call$1(value) {
+      return value;
+    },
+    $signature: 44
+  };
+  A._EvaluateVisitor__evaluateArguments_closure8.prototype = {
+    call$1(value) {
+      return this.$this._evaluate0$_withoutSlash$2(value, this.restNodeForSpan);
+    },
+    $signature: 44
+  };
+  A._EvaluateVisitor__evaluateArguments_closure9.prototype = {
+    call$2(key, value) {
+      var _this = this,
+        t1 = _this.restNodeForSpan;
+      _this.named.$indexSet(0, key, _this.$this._evaluate0$_withoutSlash$2(value, t1));
+      _this.namedNodes.$indexSet(0, key, t1);
+    },
+    $signature: 106
+  };
+  A._EvaluateVisitor__evaluateArguments_closure10.prototype = {
+    call$1(value) {
+      return value;
+    },
+    $signature: 44
+  };
+  A._EvaluateVisitor__evaluateMacroArguments_closure7.prototype = {
+    call$1(value) {
+      var t1 = this.restArgs;
+      return new A.ValueExpression0(value, t1.get$span(t1));
+    },
+    $signature: 63
+  };
+  A._EvaluateVisitor__evaluateMacroArguments_closure8.prototype = {
+    call$1(value) {
+      var t1 = this.restArgs;
+      return new A.ValueExpression0(this.$this._evaluate0$_withoutSlash$2(value, this.restNodeForSpan), t1.get$span(t1));
+    },
+    $signature: 63
+  };
+  A._EvaluateVisitor__evaluateMacroArguments_closure9.prototype = {
+    call$2(key, value) {
+      var _this = this,
+        t1 = _this.restArgs;
+      _this.named.$indexSet(0, key, new A.ValueExpression0(_this.$this._evaluate0$_withoutSlash$2(value, _this.restNodeForSpan), t1.get$span(t1)));
+    },
+    $signature: 106
+  };
+  A._EvaluateVisitor__evaluateMacroArguments_closure10.prototype = {
+    call$1(value) {
+      var t1 = this.keywordRestArgs;
+      return new A.ValueExpression0(this.$this._evaluate0$_withoutSlash$2(value, this.keywordRestNodeForSpan), t1.get$span(t1));
+    },
+    $signature: 63
+  };
+  A._EvaluateVisitor__addRestMap_closure1.prototype = {
+    call$2(key, value) {
+      var t2, _this = this,
+        t1 = _this.$this;
+      if (key instanceof A.SassString0)
+        _this.values.$indexSet(0, key._string0$_text, _this.convert.call$1(t1._evaluate0$_withoutSlash$2(value, _this.expressionNode)));
+      else {
+        t2 = _this.nodeWithSpan;
+        throw A.wrapException(t1._evaluate0$_exception$2(string$.Variab_ + key.toString$0(0) + " is not a string in " + _this.map.toString$0(0) + ".", t2.get$span(t2)));
+      }
+    },
+    $signature: 104
+  };
+  A._EvaluateVisitor__verifyArguments_closure1.prototype = {
+    call$0() {
+      return this.parameters.verify$2(this.positional, new A.MapKeySet(this.named, type$.MapKeySet_String));
+    },
+    $signature: 0
+  };
+  A._EvaluateVisitor_visitCssAtRule_closure3.prototype = {
+    call$0() {
+      var t1, t2, t3, t4;
+      for (t1 = this.node.children, t2 = t1.$ti, t1 = new A.ListIterator(t1, t1.get$length(0), t2._eval$1("ListIterator<ListBase.E>")), t3 = this.$this, t2 = t2._eval$1("ListBase.E"); t1.moveNext$0();) {
+        t4 = t1.__internal$_current;
+        (t4 == null ? t2._as(t4) : t4).accept$1(t3);
+      }
+    },
+    $signature: 1
+  };
+  A._EvaluateVisitor_visitCssAtRule_closure4.prototype = {
+    call$1(node) {
+      return node instanceof A.ModifiableCssStyleRule0;
+    },
+    $signature: 8
+  };
+  A._EvaluateVisitor_visitCssKeyframeBlock_closure3.prototype = {
+    call$0() {
+      var t1, t2, t3, t4;
+      for (t1 = this.node.children, t2 = t1.$ti, t1 = new A.ListIterator(t1, t1.get$length(0), t2._eval$1("ListIterator<ListBase.E>")), t3 = this.$this, t2 = t2._eval$1("ListBase.E"); t1.moveNext$0();) {
+        t4 = t1.__internal$_current;
+        (t4 == null ? t2._as(t4) : t4).accept$1(t3);
+      }
+    },
+    $signature: 1
+  };
+  A._EvaluateVisitor_visitCssKeyframeBlock_closure4.prototype = {
+    call$1(node) {
+      return node instanceof A.ModifiableCssStyleRule0;
+    },
+    $signature: 8
+  };
+  A._EvaluateVisitor_visitCssMediaRule_closure5.prototype = {
+    call$1(mediaQueries) {
+      return this.$this._evaluate0$_mergeMediaQueries$2(mediaQueries, this.node.queries);
+    },
+    $signature: 109
+  };
+  A._EvaluateVisitor_visitCssMediaRule_closure6.prototype = {
+    call$0() {
+      var _this = this,
+        t1 = _this.$this,
+        t2 = _this.mergedQueries;
+      if (t2 == null)
+        t2 = _this.node.queries;
+      t1._evaluate0$_withMediaQueries$3(t2, _this.mergedSources, new A._EvaluateVisitor_visitCssMediaRule__closure1(t1, _this.node));
+    },
+    $signature: 1
+  };
+  A._EvaluateVisitor_visitCssMediaRule__closure1.prototype = {
+    call$0() {
+      var t2, t3, t4,
+        t1 = this.$this,
+        _0_0 = t1._evaluate0$_atRootExcludingStyleRule ? null : t1._evaluate0$_styleRuleIgnoringAtRoot;
+      if (_0_0 != null)
+        t1._evaluate0$_withParent$2$3$scopeWhen(A.ModifiableCssStyleRule$0(_0_0._style_rule0$_selector, _0_0.span, false, _0_0.originalSelector), new A._EvaluateVisitor_visitCssMediaRule___closure1(t1, this.node), false, type$.ModifiableCssStyleRule_2, type$.Null);
+      else
+        for (t2 = this.node.children, t3 = t2.$ti, t2 = new A.ListIterator(t2, t2.get$length(0), t3._eval$1("ListIterator<ListBase.E>")), t3 = t3._eval$1("ListBase.E"); t2.moveNext$0();) {
+          t4 = t2.__internal$_current;
+          (t4 == null ? t3._as(t4) : t4).accept$1(t1);
+        }
+    },
+    $signature: 1
+  };
+  A._EvaluateVisitor_visitCssMediaRule___closure1.prototype = {
+    call$0() {
+      var t1, t2, t3, t4;
+      for (t1 = this.node.children, t2 = t1.$ti, t1 = new A.ListIterator(t1, t1.get$length(0), t2._eval$1("ListIterator<ListBase.E>")), t3 = this.$this, t2 = t2._eval$1("ListBase.E"); t1.moveNext$0();) {
+        t4 = t1.__internal$_current;
+        (t4 == null ? t2._as(t4) : t4).accept$1(t3);
+      }
+    },
+    $signature: 1
+  };
+  A._EvaluateVisitor_visitCssMediaRule_closure7.prototype = {
+    call$1(node) {
+      var t1;
+      if (!(node instanceof A.ModifiableCssStyleRule0)) {
+        t1 = this.mergedSources;
+        t1 = t1.get$isNotEmpty(t1) && node instanceof A.ModifiableCssMediaRule0 && B.JSArray_methods.every$1(node.queries, t1.get$contains(t1));
+      } else
+        t1 = true;
+      return t1;
+    },
+    $signature: 8
+  };
+  A._EvaluateVisitor_visitCssStyleRule_closure4.prototype = {
+    call$0() {
+      var t1 = this.$this;
+      t1._evaluate0$_withStyleRule$2(this.rule, new A._EvaluateVisitor_visitCssStyleRule__closure1(t1, this.node));
+    },
+    $signature: 1
+  };
+  A._EvaluateVisitor_visitCssStyleRule__closure1.prototype = {
+    call$0() {
+      var t1, t2, t3, t4;
+      for (t1 = this.node.children, t2 = t1.$ti, t1 = new A.ListIterator(t1, t1.get$length(0), t2._eval$1("ListIterator<ListBase.E>")), t3 = this.$this, t2 = t2._eval$1("ListBase.E"); t1.moveNext$0();) {
+        t4 = t1.__internal$_current;
+        (t4 == null ? t2._as(t4) : t4).accept$1(t3);
+      }
+    },
+    $signature: 1
+  };
+  A._EvaluateVisitor_visitCssStyleRule_closure3.prototype = {
+    call$1(node) {
+      return node instanceof A.ModifiableCssStyleRule0;
+    },
+    $signature: 8
+  };
+  A._EvaluateVisitor_visitCssSupportsRule_closure3.prototype = {
+    call$0() {
+      var t2, t3, t4,
+        t1 = this.$this,
+        _0_0 = t1._evaluate0$_atRootExcludingStyleRule ? null : t1._evaluate0$_styleRuleIgnoringAtRoot;
+      if (_0_0 != null)
+        t1._evaluate0$_withParent$2$2(A.ModifiableCssStyleRule$0(_0_0._style_rule0$_selector, _0_0.span, false, _0_0.originalSelector), new A._EvaluateVisitor_visitCssSupportsRule__closure1(t1, this.node), type$.ModifiableCssStyleRule_2, type$.Null);
+      else
+        for (t2 = this.node.children, t3 = t2.$ti, t2 = new A.ListIterator(t2, t2.get$length(0), t3._eval$1("ListIterator<ListBase.E>")), t3 = t3._eval$1("ListBase.E"); t2.moveNext$0();) {
+          t4 = t2.__internal$_current;
+          (t4 == null ? t3._as(t4) : t4).accept$1(t1);
+        }
+    },
+    $signature: 1
+  };
+  A._EvaluateVisitor_visitCssSupportsRule__closure1.prototype = {
+    call$0() {
+      var t1, t2, t3, t4;
+      for (t1 = this.node.children, t2 = t1.$ti, t1 = new A.ListIterator(t1, t1.get$length(0), t2._eval$1("ListIterator<ListBase.E>")), t3 = this.$this, t2 = t2._eval$1("ListBase.E"); t1.moveNext$0();) {
+        t4 = t1.__internal$_current;
+        (t4 == null ? t2._as(t4) : t4).accept$1(t3);
+      }
+    },
+    $signature: 1
+  };
+  A._EvaluateVisitor_visitCssSupportsRule_closure4.prototype = {
+    call$1(node) {
+      return node instanceof A.ModifiableCssStyleRule0;
+    },
+    $signature: 8
+  };
+  A._EvaluateVisitor__performInterpolationHelper_closure1.prototype = {
+    call$1(targetLocations) {
+      return A.InterpolationMap$0(this.interpolation, targetLocations);
+    },
+    $signature: 194
+  };
+  A._EvaluateVisitor__serialize_closure1.prototype = {
+    call$0() {
+      return A.serializeValue0(this.value, false, this.quote);
+    },
+    $signature: 29
+  };
+  A._EvaluateVisitor__expressionNode_closure1.prototype = {
+    call$0() {
+      var t1 = this.expression;
+      return this.$this._evaluate0$_environment.getVariableNode$2$namespace(t1.name, t1.namespace);
+    },
+    $signature: 195
+  };
+  A._EvaluateVisitor__withoutSlash_recommendation1.prototype = {
+    call$1(number) {
+      var before, after, t1,
+        _1_0 = number.asSlash;
+      $label0$0: {
+        if (type$.Record_2_nullable_Object_and_nullable_Object._is(_1_0)) {
+          before = _1_0._0;
+          after = _1_0._1;
+          t1 = "math.div(" + A.S(this.call$1(before)) + ", " + A.S(this.call$1(after)) + ")";
+          break $label0$0;
+        }
+        t1 = A.serializeValue0(number, true, true);
+        break $label0$0;
+      }
+      return t1;
+    },
+    $signature: 196
+  };
+  A._EvaluateVisitor__stackFrame_closure1.prototype = {
+    call$1(url) {
+      var t1 = this.$this._evaluate0$_importCache;
+      t1 = t1 == null ? null : t1.humanize$1(url);
+      return t1 == null ? url : t1;
+    },
+    $signature: 47
+  };
+  A._ImportedCssVisitor1.prototype = {
+    visitCssAtRule$1(node) {
+      var t1 = node.isChildless ? null : new A._ImportedCssVisitor_visitCssAtRule_closure1();
+      this._evaluate0$_visitor._evaluate0$_addChild$2$through(node, t1);
+    },
+    visitCssComment$1(node) {
+      return this._evaluate0$_visitor._evaluate0$_addChild$1(node);
+    },
+    visitCssDeclaration$1(node) {
+      return this._evaluate0$_visitor._evaluate0$_addChild$1(node);
+    },
+    visitCssImport$1(node) {
+      var t2,
+        _s13_ = "_endOfImports",
+        t1 = this._evaluate0$_visitor;
+      if (t1._evaluate0$_assertInModule$2(t1._evaluate0$__parent, "__parent") !== t1._evaluate0$_assertInModule$2(t1._evaluate0$__root, "_root"))
+        t1._evaluate0$_addChild$1(node);
+      else if (t1._evaluate0$_assertInModule$2(t1._evaluate0$__endOfImports, _s13_) === J.get$length$asx(t1._evaluate0$_assertInModule$2(t1._evaluate0$__root, "_root").children._collection$_source)) {
+        t1._evaluate0$_addChild$1(node);
+        t1._evaluate0$__endOfImports = t1._evaluate0$_assertInModule$2(t1._evaluate0$__endOfImports, _s13_) + 1;
+      } else {
+        t2 = t1._evaluate0$_outOfOrderImports;
+        (t2 == null ? t1._evaluate0$_outOfOrderImports = A._setArrayType([], type$.JSArray_ModifiableCssImport_2) : t2).push(node);
+      }
+    },
+    visitCssKeyframeBlock$1(node) {
+    },
+    visitCssMediaRule$1(node) {
+      var t1 = this._evaluate0$_visitor,
+        mediaQueries = t1._evaluate0$_mediaQueries;
+      t1._evaluate0$_addChild$2$through(node, new A._ImportedCssVisitor_visitCssMediaRule_closure1(mediaQueries == null || t1._evaluate0$_mergeMediaQueries$2(mediaQueries, node.queries) != null));
+    },
+    visitCssStyleRule$1(node) {
+      return this._evaluate0$_visitor._evaluate0$_addChild$2$through(node, new A._ImportedCssVisitor_visitCssStyleRule_closure1());
+    },
+    visitCssStylesheet$1(node) {
+      var t1, t2, t3;
+      for (t1 = node.children, t2 = t1.$ti, t1 = new A.ListIterator(t1, t1.get$length(0), t2._eval$1("ListIterator<ListBase.E>")), t2 = t2._eval$1("ListBase.E"); t1.moveNext$0();) {
+        t3 = t1.__internal$_current;
+        (t3 == null ? t2._as(t3) : t3).accept$1(this);
+      }
+    },
+    visitCssSupportsRule$1(node) {
+      return this._evaluate0$_visitor._evaluate0$_addChild$2$through(node, new A._ImportedCssVisitor_visitCssSupportsRule_closure1());
+    }
+  };
+  A._ImportedCssVisitor_visitCssAtRule_closure1.prototype = {
+    call$1(node) {
+      return node instanceof A.ModifiableCssStyleRule0;
+    },
+    $signature: 8
+  };
+  A._ImportedCssVisitor_visitCssMediaRule_closure1.prototype = {
+    call$1(node) {
+      var t1;
+      if (!(node instanceof A.ModifiableCssStyleRule0))
+        t1 = this.hasBeenMerged && node instanceof A.ModifiableCssMediaRule0;
+      else
+        t1 = true;
+      return t1;
+    },
+    $signature: 8
+  };
+  A._ImportedCssVisitor_visitCssStyleRule_closure1.prototype = {
+    call$1(node) {
+      return node instanceof A.ModifiableCssStyleRule0;
+    },
+    $signature: 8
+  };
+  A._ImportedCssVisitor_visitCssSupportsRule_closure1.prototype = {
+    call$1(node) {
+      return node instanceof A.ModifiableCssStyleRule0;
+    },
+    $signature: 8
+  };
+  A._EvaluationContext1.prototype = {
+    get$currentCallableSpan() {
+      var _0_0 = this._evaluate0$_visitor._evaluate0$_callableNode;
+      if (_0_0 != null)
+        return _0_0.get$span(_0_0);
+      throw A.wrapException(A.StateError$(string$.No_Sasc));
+    },
+    warn$2(_, message, deprecation) {
+      var t1 = this._evaluate0$_visitor,
+        t2 = t1._evaluate0$_importSpan;
+      if (t2 == null) {
+        t2 = t1._evaluate0$_callableNode;
+        t2 = t2 == null ? null : t2.get$span(t2);
+      }
+      t1._evaluate0$_warn$3(message, t2 == null ? this._evaluate0$_defaultWarnNodeWithSpan.span : t2, deprecation);
+    },
+    $isEvaluationContext0: 1
+  };
+  A.EveryCssVisitor0.prototype = {
+    visitCssAtRule$1(node) {
+      var t1 = node.children;
+      return t1.every$1(t1, new A.EveryCssVisitor_visitCssAtRule_closure0(this));
+    },
+    visitCssComment$1(node) {
+      return false;
+    },
+    visitCssDeclaration$1(node) {
+      return false;
+    },
+    visitCssImport$1(node) {
+      return false;
+    },
+    visitCssKeyframeBlock$1(node) {
+      var t1 = node.children;
+      return t1.every$1(t1, new A.EveryCssVisitor_visitCssKeyframeBlock_closure0(this));
+    },
+    visitCssMediaRule$1(node) {
+      var t1 = node.children;
+      return t1.every$1(t1, new A.EveryCssVisitor_visitCssMediaRule_closure0(this));
+    },
+    visitCssStyleRule$1(node) {
+      var t1 = node.children;
+      return t1.every$1(t1, new A.EveryCssVisitor_visitCssStyleRule_closure0(this));
+    },
+    visitCssStylesheet$1(node) {
+      return J.every$1$ax(node.get$children(node), new A.EveryCssVisitor_visitCssStylesheet_closure0(this));
+    },
+    visitCssSupportsRule$1(node) {
+      var t1 = node.children;
+      return t1.every$1(t1, new A.EveryCssVisitor_visitCssSupportsRule_closure0(this));
+    }
+  };
+  A.EveryCssVisitor_visitCssAtRule_closure0.prototype = {
+    call$1(child) {
+      return child.accept$1(this.$this);
+    },
+    $signature: 8
+  };
+  A.EveryCssVisitor_visitCssKeyframeBlock_closure0.prototype = {
+    call$1(child) {
+      return child.accept$1(this.$this);
+    },
+    $signature: 8
+  };
+  A.EveryCssVisitor_visitCssMediaRule_closure0.prototype = {
+    call$1(child) {
+      return child.accept$1(this.$this);
+    },
+    $signature: 8
+  };
+  A.EveryCssVisitor_visitCssStyleRule_closure0.prototype = {
+    call$1(child) {
+      return child.accept$1(this.$this);
+    },
+    $signature: 8
+  };
+  A.EveryCssVisitor_visitCssStylesheet_closure0.prototype = {
+    call$1(child) {
+      return child.accept$1(this.$this);
+    },
+    $signature: 8
+  };
+  A.EveryCssVisitor_visitCssSupportsRule_closure0.prototype = {
+    call$1(child) {
+      return child.accept$1(this.$this);
+    },
+    $signature: 8
+  };
+  A._NodeException.prototype = {};
+  A.exceptionClass_closure.prototype = {
+    call$0() {
+      var jsClass = type$.JSClass._as(new self.Function("", "    return class Exception extends Error {\n      constructor(dartException, message) {\n        super(message);\n\n        // Define this as non-enumerable so that it doesn't show up when the\n        // exception hits the top level.\n        Object.defineProperty(this, '_dartException', {\n          value: dartException,\n          enumerable: false\n        });\n      }\n\n      toString() {\n        return this.message;\n      }\n    }\n  ").call$0());
+      A.defineGetter(jsClass, "name", null, "sass.Exception");
+      A.LinkedHashMap_LinkedHashMap$_literal(["sassMessage", new A.exceptionClass__closure(), "sassStack", new A.exceptionClass__closure0(), "span", new A.exceptionClass__closure1()], type$.String, type$.Function).forEach$1(0, A.JSClassExtension_get_defineGetter(jsClass));
+      return jsClass;
+    },
+    $signature: 16
+  };
+  A.exceptionClass__closure.prototype = {
+    call$1(exception) {
+      return J.get$_dartException$x(exception)._span_exception$_message;
+    },
+    $signature: 231
+  };
+  A.exceptionClass__closure0.prototype = {
+    call$1(exception) {
+      return J.get$trace$z(J.get$_dartException$x(exception)).toString$0(0);
+    },
+    $signature: 231
+  };
+  A.exceptionClass__closure1.prototype = {
+    call$1(exception) {
+      var t1 = J.get$_dartException$x(exception),
+        t2 = J.getInterceptor$z(t1);
+      return A.SourceSpanException.prototype.get$span.call(t2, t1);
+    },
+    $signature: 464
+  };
+  A.SassException0.prototype = {
+    get$trace(_) {
+      return A.Trace$(A._setArrayType([A.frameForSpan0(A.SourceSpanException.prototype.get$span.call(this, 0), "root stylesheet", null)], type$.JSArray_Frame), null);
+    },
+    get$span(_) {
+      return A.SourceSpanException.prototype.get$span.call(this, 0);
+    },
+    withAdditionalSpan$2(span, label) {
+      return A.MultiSpanSassException$0(this._span_exception$_message, A.SourceSpanException.prototype.get$span.call(this, 0), "", A.LinkedHashMap_LinkedHashMap$_literal([span, label], type$.FileSpan, type$.String), this.loadedUrls);
+    },
+    withTrace$1(trace) {
+      var t1 = A.SourceSpanException.prototype.get$span.call(this, 0),
+        t2 = A.Set_Set$unmodifiable(this.loadedUrls, type$.Uri);
+      return new A.SassRuntimeException0(trace, t2, this._span_exception$_message, t1);
+    },
+    withLoadedUrls$1(loadedUrls) {
+      var t1 = A.SourceSpanException.prototype.get$span.call(this, 0),
+        t2 = A.Set_Set$unmodifiable(loadedUrls, type$.Uri);
+      return new A.SassException0(t2, this._span_exception$_message, t1);
+    },
+    toString$1$color(_, color) {
+      var t2, _i, frame, _this = this,
+        buffer = new A.StringBuffer(""),
+        t1 = "Error: " + _this._span_exception$_message + "\n";
+      buffer._contents = t1;
+      buffer._contents = t1 + A.SourceSpanException.prototype.get$span.call(_this, 0).highlight$1$color(color);
+      for (t1 = _this.get$trace(_this).toString$0(0).split("\n"), t2 = t1.length, _i = 0; _i < t2; ++_i) {
+        frame = t1[_i];
+        if (frame.length === 0)
+          continue;
+        buffer._contents = (buffer._contents += "\n") + ("  " + frame);
+      }
+      t1 = buffer._contents;
+      return t1.charCodeAt(0) == 0 ? t1 : t1;
+    },
+    toString$0(_) {
+      return this.toString$1$color(0, null);
+    }
+  };
+  A.MultiSpanSassException0.prototype = {
+    withAdditionalSpan$2(span, label) {
+      var _this = this,
+        t1 = A.SourceSpanException.prototype.get$span.call(_this, 0),
+        t2 = A.LinkedHashMap_LinkedHashMap$of(_this.secondarySpans, type$.FileSpan, type$.String);
+      t2.$indexSet(0, span, label);
+      return A.MultiSpanSassException$0(_this._span_exception$_message, t1, _this.primaryLabel, t2, _this.loadedUrls);
+    },
+    withTrace$1(trace) {
+      var _this = this;
+      return A.MultiSpanSassRuntimeException$0(_this._span_exception$_message, A.SourceSpanException.prototype.get$span.call(_this, 0), _this.primaryLabel, _this.secondarySpans, trace, _this.loadedUrls);
+    },
+    withLoadedUrls$1(loadedUrls) {
+      var _this = this;
+      return A.MultiSpanSassException$0(_this._span_exception$_message, A.SourceSpanException.prototype.get$span.call(_this, 0), _this.primaryLabel, _this.secondarySpans, loadedUrls);
+    },
+    toString$1$color(_, color) {
+      var t1, t2, _i, frame, _this = this,
+        useColor = color === true,
+        buffer = new A.StringBuffer("Error: " + _this._span_exception$_message + "\n");
+      A.NullableExtension_andThen0(A.Highlighter$multiple(A.SourceSpanException.prototype.get$span.call(_this, 0), _this.primaryLabel, _this.secondarySpans, useColor, null, null).highlight$0(), buffer.get$write(buffer));
+      for (t1 = _this.get$trace(_this).toString$0(0).split("\n"), t2 = t1.length, _i = 0; _i < t2; ++_i) {
+        frame = t1[_i];
+        if (frame.length === 0)
+          continue;
+        buffer._contents = (buffer._contents += "\n") + ("  " + frame);
+      }
+      t1 = buffer._contents;
+      return t1.charCodeAt(0) == 0 ? t1 : t1;
+    },
+    toString$0(_) {
+      return this.toString$1$color(0, null);
+    },
+    get$primaryLabel() {
+      return this.primaryLabel;
+    },
+    get$secondarySpans() {
+      return this.secondarySpans;
+    }
+  };
+  A.SassRuntimeException0.prototype = {
+    withAdditionalSpan$2(span, label) {
+      var _this = this;
+      return A.MultiSpanSassRuntimeException$0(_this._span_exception$_message, A.SourceSpanException.prototype.get$span.call(_this, 0), "", A.LinkedHashMap_LinkedHashMap$_literal([span, label], type$.FileSpan, type$.String), _this.trace, _this.loadedUrls);
+    },
+    withLoadedUrls$1(loadedUrls) {
+      var t1 = A.SourceSpanException.prototype.get$span.call(this, 0),
+        t2 = A.Set_Set$unmodifiable(loadedUrls, type$.Uri);
+      return new A.SassRuntimeException0(this.trace, t2, this._span_exception$_message, t1);
+    },
+    get$trace(receiver) {
+      return this.trace;
+    }
+  };
+  A.MultiSpanSassRuntimeException0.prototype = {
+    withAdditionalSpan$2(span, label) {
+      var _this = this,
+        t1 = A.SourceSpanException.prototype.get$span.call(_this, 0),
+        t2 = A.LinkedHashMap_LinkedHashMap$of(_this.secondarySpans, type$.FileSpan, type$.String);
+      t2.$indexSet(0, span, label);
+      return A.MultiSpanSassRuntimeException$0(_this._span_exception$_message, t1, _this.primaryLabel, t2, _this.trace, _this.loadedUrls);
+    },
+    withLoadedUrls$1(loadedUrls) {
+      var _this = this;
+      return A.MultiSpanSassRuntimeException$0(_this._span_exception$_message, A.SourceSpanException.prototype.get$span.call(_this, 0), _this.primaryLabel, _this.secondarySpans, _this.trace, loadedUrls);
+    },
+    $isSassRuntimeException0: 1,
+    get$trace(receiver) {
+      return this.trace;
+    }
+  };
+  A.SassFormatException0.prototype = {
+    get$source() {
+      var t1 = A.SourceSpanException.prototype.get$span.call(this, 0);
+      return A.String_String$fromCharCodes(B.NativeUint32List_methods.sublist$2(t1.get$file(t1)._decodedChars, 0, null), 0, null);
+    },
+    withAdditionalSpan$2(span, label) {
+      return A.MultiSpanSassFormatException$0(this._span_exception$_message, A.SourceSpanException.prototype.get$span.call(this, 0), "", A.LinkedHashMap_LinkedHashMap$_literal([span, label], type$.FileSpan, type$.String), this.loadedUrls);
+    },
+    withLoadedUrls$1(loadedUrls) {
+      var t1 = A.SourceSpanException.prototype.get$span.call(this, 0),
+        t2 = A.Set_Set$unmodifiable(loadedUrls, type$.Uri);
+      return new A.SassFormatException0(t2, this._span_exception$_message, t1);
+    },
+    $isFormatException: 1,
+    $isSourceSpanFormatException: 1
+  };
+  A.MultiSpanSassFormatException0.prototype = {
+    get$source() {
+      var t1 = A.SourceSpanException.prototype.get$span.call(this, 0);
+      return A.String_String$fromCharCodes(B.NativeUint32List_methods.sublist$2(t1.get$file(t1)._decodedChars, 0, null), 0, null);
+    },
+    withAdditionalSpan$2(span, label) {
+      var _this = this,
+        t1 = A.SourceSpanException.prototype.get$span.call(_this, 0),
+        t2 = A.LinkedHashMap_LinkedHashMap$of(_this.secondarySpans, type$.FileSpan, type$.String);
+      t2.$indexSet(0, span, label);
+      return A.MultiSpanSassFormatException$0(_this._span_exception$_message, t1, _this.primaryLabel, t2, _this.loadedUrls);
+    },
+    withLoadedUrls$1(loadedUrls) {
+      var _this = this;
+      return A.MultiSpanSassFormatException$0(_this._span_exception$_message, A.SourceSpanException.prototype.get$span.call(_this, 0), _this.primaryLabel, _this.secondarySpans, loadedUrls);
+    },
+    $isFormatException: 1,
+    $isSourceSpanFormatException: 1,
+    $isMultiSourceSpanFormatException: 1,
+    $isSassFormatException0: 1
+  };
+  A.SassScriptException0.prototype = {
+    withSpan$1(span) {
+      return new A.SassException0(B.Set_empty, this.message, span);
+    },
+    toString$0(_) {
+      return this.message + string$.x0a_BUG_;
+    },
+    get$message(receiver) {
+      return this.message;
+    }
+  };
+  A.MultiSpanSassScriptException0.prototype = {
+    withSpan$1(span) {
+      return A.MultiSpanSassException$0(this.message, span, this.primaryLabel, this.secondarySpans, null);
+    }
+  };
+  A.Exports.prototype = {};
+  A.LoggerNamespace.prototype = {};
+  A.Expression0.prototype = {$isAstNode0: 1, $isSassNode: 1};
+  A.JSExpressionVisitor.prototype = {
+    visitBinaryOperationExpression$1(_, node) {
+      return J.visitBinaryOperationExpression$1$x(this._expression$_inner, node);
+    },
+    visitBooleanExpression$1(_, node) {
+      return J.visitBooleanExpression$1$x(this._expression$_inner, node);
+    },
+    visitColorExpression$1(_, node) {
+      return J.visitColorExpression$1$x(this._expression$_inner, node);
+    },
+    visitInterpolatedFunctionExpression$1(_, node) {
+      return J.visitInterpolatedFunctionExpression$1$x(this._expression$_inner, node);
+    },
+    visitFunctionExpression$1(_, node) {
+      return J.visitFunctionExpression$1$x(this._expression$_inner, node);
+    },
+    visitIfExpression$1(_, node) {
+      return J.visitIfExpression$1$x(this._expression$_inner, node);
+    },
+    visitListExpression$1(_, node) {
+      return J.visitListExpression$1$x(this._expression$_inner, node);
+    },
+    visitMapExpression$1(_, node) {
+      return J.visitMapExpression$1$x(this._expression$_inner, node);
+    },
+    visitNullExpression$1(_, node) {
+      return J.visitNullExpression$1$x(this._expression$_inner, node);
+    },
+    visitNumberExpression$1(_, node) {
+      return J.visitNumberExpression$1$x(this._expression$_inner, node);
+    },
+    visitParenthesizedExpression$1(_, node) {
+      return J.visitParenthesizedExpression$1$x(this._expression$_inner, node);
+    },
+    visitSelectorExpression$1(_, node) {
+      return J.visitSelectorExpression$1$x(this._expression$_inner, node);
+    },
+    visitStringExpression$1(_, node) {
+      return J.visitStringExpression$1$x(this._expression$_inner, node);
+    },
+    visitSupportsExpression$1(_, node) {
+      return J.visitSupportsExpression$1$x(this._expression$_inner, node);
+    },
+    visitUnaryOperationExpression$1(_, node) {
+      return J.visitUnaryOperationExpression$1$x(this._expression$_inner, node);
+    },
+    visitValueExpression$1(_, node) {
+      return J.visitValueExpression$1$x(this._expression$_inner, node);
+    },
+    visitVariableExpression$1(_, node) {
+      return J.visitVariableExpression$1$x(this._expression$_inner, node);
+    },
+    $isExpressionVisitor: 1
+  };
+  A.JSExpressionVisitorObject.prototype = {};
+  A._MakeExpressionCalculationSafe0.prototype = {
+    visitBinaryOperationExpression$1(_, node) {
+      var t1, t2, t3, t4;
+      if (node.operator === B.BinaryOperator_s7T0) {
+        t1 = A._setArrayType([node], type$.JSArray_Expression_2);
+        t2 = node.get$span(0);
+        t3 = type$.Expression_2;
+        t1 = A.List_List$unmodifiable(t1, t3);
+        t3 = A.ConstantMap_ConstantMap$from(B.Map_empty14, type$.String, t3);
+        t4 = node.get$span(0);
+        t1 = new A.FunctionExpression0("math", A.stringReplaceAllUnchecked("max", "_", "-"), "max", new A.ArgumentList0(t1, t3, null, null, t2), t4);
+      } else
+        t1 = this.super$ReplaceExpressionVisitor$visitBinaryOperationExpression0(0, node);
+      return t1;
+    },
+    visitInterpolatedFunctionExpression$1(_, node) {
+      return node;
+    },
+    visitUnaryOperationExpression$1(_, node) {
+      var t1,
+        _0_0 = node.operator;
+      $label0$0: {
+        if (B.UnaryOperator_Rbl0 === _0_0) {
+          t1 = node.operand;
+          break $label0$0;
+        }
+        if (B.UnaryOperator_UCP0 === _0_0) {
+          t1 = new A.BinaryOperationExpression0(B.BinaryOperator_tht0, new A.NumberExpression0(-1, null, node.span), node.operand, false);
+          break $label0$0;
+        }
+        t1 = this.super$ReplaceExpressionVisitor$visitUnaryOperationExpression0(0, node);
+        break $label0$0;
+      }
+      return t1;
+    },
+    $isExpressionVisitor: 1
+  };
+  A.__MakeExpressionCalculationSafe_Object_ReplaceExpressionVisitor0.prototype = {};
+  A.ExtendRule0.prototype = {
+    accept$1$1(visitor) {
+      return visitor.visitExtendRule$1(0, this);
+    },
+    accept$1(visitor) {
+      return this.accept$1$1(visitor, type$.dynamic);
+    },
+    toString$0(_) {
+      var t1 = this.selector.toString$0(0),
+        t2 = this.isOptional ? " !optional" : "";
+      return "@extend " + t1 + t2 + ";";
+    },
+    get$span(receiver) {
+      return this.span;
+    }
+  };
+  A.Extension0.prototype = {
+    toString$0(_) {
+      var t1 = this.extender.toString$0(0),
+        t2 = this.target.toString$0(0),
+        t3 = this.isOptional ? " !optional" : "";
+      return t1 + " {@extend " + t2 + t3 + "}";
+    }
+  };
+  A.Extender0.prototype = {
+    assertCompatibleMediaContext$1(mediaContext) {
+      var expectedMediaContext,
+        extension = this._extension$_extension;
+      if (extension == null)
+        return;
+      expectedMediaContext = extension.mediaContext;
+      if (expectedMediaContext == null)
+        return;
+      if (mediaContext != null && B.C_ListEquality.equals$2(0, expectedMediaContext, mediaContext))
+        return;
+      throw A.wrapException(A.SassException$0(string$.You_ma, extension.span, null));
+    },
+    toString$0(_) {
+      return A.serializeSelector0(this.selector, true);
+    }
+  };
+  A.ExtensionStore0.prototype = {
+    get$isEmpty(_) {
+      return this._extension_store$_extensions.__js_helper$_length === 0;
+    },
+    get$simpleSelectors() {
+      return new A.MapKeySet(this._extension_store$_selectors, type$.MapKeySet_SimpleSelector_2);
+    },
+    extensionsWhereTarget$1(callback) {
+      return new A._SyncStarIterable(this.extensionsWhereTarget$body$ExtensionStore0(callback), type$._SyncStarIterable_Extension_2);
+    },
+    extensionsWhereTarget$body$ExtensionStore0($async$callback) {
+      var $async$self = this;
+      return function() {
+        var callback = $async$callback;
+        var $async$goto = 0, $async$handler = 1, $async$errorStack = [], t1, t2, simple, sources, t3;
+        return function $async$extensionsWhereTarget$1($async$iterator, $async$errorCode, $async$result) {
+          if ($async$errorCode === 1) {
+            $async$errorStack.push($async$result);
+            $async$goto = $async$handler;
+          }
+          while (true)
+            switch ($async$goto) {
+              case 0:
+                // Function start
+                t1 = A.MapExtensions_get_pairs0($async$self._extension_store$_extensions, type$.SimpleSelector_2, type$.Map_ComplexSelector_Extension_2), t1 = t1.get$iterator(t1);
+              case 2:
+                // for condition
+                if (!t1.moveNext$0()) {
+                  // goto after for
+                  $async$goto = 3;
+                  break;
+                }
+                t2 = t1.get$current(t1);
+                simple = t2._0;
+                sources = t2._1;
+                if (!callback.call$1(simple)) {
+                  // goto for condition
+                  $async$goto = 2;
+                  break;
+                }
+                t2 = sources.get$values(sources), t2 = t2.get$iterator(t2);
+              case 4:
+                // for condition
+                if (!t2.moveNext$0()) {
+                  // goto after for
+                  $async$goto = 5;
+                  break;
+                }
+                t3 = t2.get$current(t2);
+                $async$goto = t3 instanceof A.MergedExtension0 ? 6 : 8;
+                break;
+              case 6:
+                // then
+                t3 = t3.unmerge$0();
+                $async$goto = 9;
+                return $async$iterator._yieldStar$1(new A.WhereIterable(t3, new A.ExtensionStore_extensionsWhereTarget_closure0(), t3.$ti._eval$1("WhereIterable<Iterable.E>")));
+              case 9:
+                // after yield
+                // goto join
+                $async$goto = 7;
+                break;
+              case 8:
+                // else
+                $async$goto = !t3.isOptional ? 10 : 11;
+                break;
+              case 10:
+                // then
+                $async$goto = 12;
+                return $async$iterator._async$_current = t3, 1;
+              case 12:
+                // after yield
+              case 11:
+                // join
+              case 7:
+                // join
+                // goto for condition
+                $async$goto = 4;
+                break;
+              case 5:
+                // after for
+                // goto for condition
+                $async$goto = 2;
+                break;
+              case 3:
+                // after for
+                // implicit return
+                return 0;
+              case 1:
+                // rethrow
+                return $async$iterator._datum = $async$errorStack.at(-1), 3;
+            }
+        };
+      };
+    },
+    addSelector$2(selector, mediaContext) {
+      var originalSelector, error, stackTrace, t1, exception, t2, t3, t4, modifiableSelector, _this = this;
+      selector = selector;
+      originalSelector = selector;
+      if (!originalSelector.accept$1(B._IsInvisibleVisitor_true0))
+        _this._extension_store$_originals.addAll$1(0, originalSelector.components);
+      t1 = _this._extension_store$_extensions;
+      if (t1.__js_helper$_length !== 0)
+        try {
+          selector = _this._extension_store$_extendList$3(originalSelector, t1, mediaContext);
+        } catch (exception) {
+          t1 = A.unwrapException(exception);
+          if (t1 instanceof A.SassException0) {
+            error = t1;
+            stackTrace = A.getTraceFromException(exception);
+            t1 = error;
+            t2 = J.getInterceptor$z(t1);
+            t1 = A.SourceSpanException.prototype.get$span.call(t2, t1).message$1(0, "");
+            t2 = error._span_exception$_message;
+            t3 = error;
+            t4 = J.getInterceptor$z(t3);
+            t3 = A.SourceSpanException.prototype.get$span.call(t4, t3);
+            A.throwWithTrace0(new A.SassException0(B.Set_empty, "From " + t1 + "\n" + t2, t3), error, stackTrace);
+          } else
+            throw exception;
+        }
+      modifiableSelector = new A.ModifiableBox0(selector, type$.ModifiableBox_SelectorList_2);
+      if (mediaContext != null)
+        _this._extension_store$_mediaContexts.$indexSet(0, modifiableSelector, mediaContext);
+      _this._extension_store$_registerSelector$2(selector, modifiableSelector);
+      return new A.Box0(modifiableSelector, type$.Box_SelectorList_2);
+    },
+    _extension_store$_registerSelector$2(list, selector) {
+      var t1, t2, t3, t4, _i, t5, t6, _i0, t7, t8, _i1, simple, _0_2_isSet, _0_2, t9, selectorInPseudo;
+      for (t1 = list.components, t2 = t1.length, t3 = this._extension_store$_selectors, t4 = type$.SelectorList_2, _i = 0; _i < t2; ++_i)
+        for (t5 = t1[_i].components, t6 = t5.length, _i0 = 0; _i0 < t6; ++_i0)
+          for (t7 = t5[_i0].selector.components, t8 = t7.length, _i1 = 0; _i1 < t8; ++_i1) {
+            simple = t7[_i1];
+            t3.putIfAbsent$2(simple, new A.ExtensionStore__registerSelector_closure0()).add$1(0, selector);
+            _0_2_isSet = simple instanceof A.PseudoSelector0;
+            _0_2 = null;
+            if (_0_2_isSet) {
+              _0_2 = simple.selector;
+              t9 = _0_2;
+              t9 = t9 != null;
+            } else
+              t9 = false;
+            if (t9) {
+              selectorInPseudo = _0_2_isSet ? _0_2 : simple.selector;
+              this._extension_store$_registerSelector$2(selectorInPseudo == null ? t4._as(selectorInPseudo) : selectorInPseudo, selector);
+            }
+          }
+    },
+    addExtension$4(extender, target, extend, mediaContext) {
+      var t2, t3, t4, t5, t6, t7, t8, t9, t10, newExtensions, _i, complex, t11, extension, _0_0, t12, newExtensionsByTarget, additionalExtensions, _this = this,
+        selectors = _this._extension_store$_selectors.$index(0, target),
+        t1 = _this._extension_store$_extensionsByExtender,
+        existingExtensions = t1.$index(0, target),
+        sources = _this._extension_store$_extensions.putIfAbsent$2(target, new A.ExtensionStore_addExtension_closure2());
+      for (t2 = extender.components, t3 = t2.length, t4 = selectors == null, t5 = _this._extension_store$_sourceSpecificity, t6 = extend.span, t7 = extend.isOptional, t8 = existingExtensions != null, t9 = type$.ComplexSelector_2, t10 = type$.Extension_2, newExtensions = null, _i = 0; _i < t3; ++_i) {
+        complex = t2[_i];
+        if (complex.accept$1(B.C__IsUselessVisitor0))
+          continue;
+        complex.get$specificity();
+        t11 = new A.Extender0(complex, false);
+        extension = t11._extension$_extension = new A.Extension0(t11, target, mediaContext, t7, t6);
+        _0_0 = sources.$index(0, complex);
+        if (_0_0 != null) {
+          sources.$indexSet(0, complex, A.MergedExtension_merge0(_0_0, extension));
+          continue;
+        }
+        sources.$indexSet(0, complex, extension);
+        for (t11 = new A._SyncStarIterator(_this._extension_store$_simpleSelectors$1(complex)._outerHelper()); t11.moveNext$0();) {
+          t12 = t11._async$_current;
+          J.add$1$ax(t1.putIfAbsent$2(t12, new A.ExtensionStore_addExtension_closure3()), extension);
+          t5.putIfAbsent$2(t12, new A.ExtensionStore_addExtension_closure4(complex));
+        }
+        if (!t4 || t8) {
+          if (newExtensions == null)
+            newExtensions = A.LinkedHashMap_LinkedHashMap$_empty(t9, t10);
+          newExtensions.$indexSet(0, complex, extension);
+        }
+      }
+      if (newExtensions == null)
+        return;
+      t1 = type$.SimpleSelector_2;
+      newExtensionsByTarget = A.LinkedHashMap_LinkedHashMap$_literal([target, newExtensions], t1, type$.Map_ComplexSelector_Extension_2);
+      if (t8) {
+        additionalExtensions = _this._extension_store$_extendExistingExtensions$2(existingExtensions, newExtensionsByTarget);
+        if (additionalExtensions != null)
+          A.mapAddAll20(newExtensionsByTarget, additionalExtensions, t1, t9, t10);
+      }
+      if (!t4)
+        _this._extension_store$_extendExistingSelectors$2(selectors, newExtensionsByTarget);
+    },
+    _extension_store$_simpleSelectors$1(complex) {
+      return new A._SyncStarIterable(this._simpleSelectors$body$ExtensionStore0(complex), type$._SyncStarIterable_SimpleSelector_2);
+    },
+    _simpleSelectors$body$ExtensionStore0($async$complex) {
+      var $async$self = this;
+      return function() {
+        var complex = $async$complex;
+        var $async$goto = 0, $async$handler = 1, $async$errorStack = [], t1, t2, t3, _i, t4, t5, _i0, simple, _0_2_isSet, _0_2, t6, selector, t7, _i1;
+        return function $async$_extension_store$_simpleSelectors$1($async$iterator, $async$errorCode, $async$result) {
+          if ($async$errorCode === 1) {
+            $async$errorStack.push($async$result);
+            $async$goto = $async$handler;
+          }
+          while (true)
+            switch ($async$goto) {
+              case 0:
+                // Function start
+                t1 = complex.components, t2 = t1.length, t3 = type$.SelectorList_2, _i = 0;
+              case 2:
+                // for condition
+                if (!(_i < t2)) {
+                  // goto after for
+                  $async$goto = 4;
+                  break;
+                }
+                t4 = t1[_i].selector.components, t5 = t4.length, _i0 = 0;
+              case 5:
+                // for condition
+                if (!(_i0 < t5)) {
+                  // goto after for
+                  $async$goto = 7;
+                  break;
+                }
+                simple = t4[_i0];
+                $async$goto = 8;
+                return $async$iterator._async$_current = simple, 1;
+              case 8:
+                // after yield
+                _0_2_isSet = simple instanceof A.PseudoSelector0;
+                _0_2 = null;
+                if (_0_2_isSet) {
+                  _0_2 = simple.selector;
+                  t6 = _0_2;
+                  t6 = t6 != null;
+                } else
+                  t6 = false;
+                $async$goto = t6 ? 9 : 10;
+                break;
+              case 9:
+                // then
+                selector = _0_2_isSet ? _0_2 : simple.selector;
+                t6 = (selector == null ? t3._as(selector) : selector).components, t7 = t6.length, _i1 = 0;
+              case 11:
+                // for condition
+                if (!(_i1 < t7)) {
+                  // goto after for
+                  $async$goto = 13;
+                  break;
+                }
+                $async$goto = 14;
+                return $async$iterator._yieldStar$1($async$self._extension_store$_simpleSelectors$1(t6[_i1]));
+              case 14:
+                // after yield
+              case 12:
+                // for update
+                ++_i1;
+                // goto for condition
+                $async$goto = 11;
+                break;
+              case 13:
+                // after for
+              case 10:
+                // join
+              case 6:
+                // for update
+                ++_i0;
+                // goto for condition
+                $async$goto = 5;
+                break;
+              case 7:
+                // after for
+              case 3:
+                // for update
+                ++_i;
+                // goto for condition
+                $async$goto = 2;
+                break;
+              case 4:
+                // after for
+                // implicit return
+                return 0;
+              case 1:
+                // rethrow
+                return $async$iterator._datum = $async$errorStack.at(-1), 3;
+            }
+        };
+      };
+    },
+    _extension_store$_extendExistingExtensions$2(extensions, newExtensions) {
+      var extension, selectors, error, stackTrace, t1, t2, t3, t4, t5, t6, additionalExtensions, _i, t7, exception, t8, t9, selectors0, t10, t11, t12, t13, t14, withExtender, _0_0, _i0, _i1;
+      for (t1 = J.toList$0$ax(extensions), t2 = t1.length, t3 = this._extension_store$_extensionsByExtender, t4 = type$.SimpleSelector_2, t5 = type$.Map_ComplexSelector_Extension_2, t6 = this._extension_store$_extensions, additionalExtensions = null, _i = 0; _i < t1.length; t1.length === t2 || (0, A.throwConcurrentModificationError)(t1), ++_i) {
+        extension = t1[_i];
+        t7 = t6.$index(0, extension.target);
+        t7.toString;
+        selectors = null;
+        try {
+          selectors = this._extension_store$_extendComplex$3(extension.extender.selector, newExtensions, extension.mediaContext);
+          if (selectors == null)
+            continue;
+        } catch (exception) {
+          t8 = A.unwrapException(exception);
+          if (t8 instanceof A.SassException0) {
+            error = t8;
+            stackTrace = A.getTraceFromException(exception);
+            A.throwWithTrace0(error.withAdditionalSpan$2(extension.extender.selector.span, "target selector"), error, stackTrace);
+          } else
+            throw exception;
+        }
+        t8 = J.get$first$ax(selectors);
+        t9 = extension.extender.selector;
+        if (B.C_ListEquality.equals$2(0, t8.leadingCombinators, t9.leadingCombinators) && B.C_ListEquality.equals$2(0, t8.components, t9.components)) {
+          t8 = selectors;
+          t9 = A._arrayInstanceType(t8);
+          selectors0 = new A.SubListIterable(t8, 1, null, t9._eval$1("SubListIterable<1>"));
+          selectors0.SubListIterable$3(t8, 1, null, t9._precomputed1);
+          selectors = selectors0;
+        }
+        for (t8 = J.get$iterator$ax(selectors); t8.moveNext$0();) {
+          t9 = t8.get$current(t8);
+          t10 = extension;
+          t11 = t10.target;
+          t12 = t10.span;
+          t13 = t10.mediaContext;
+          t10 = t10.isOptional;
+          t9.get$specificity();
+          t14 = new A.Extender0(t9, false);
+          withExtender = t14._extension$_extension = new A.Extension0(t14, t11, t13, t10, t12);
+          _0_0 = t7.$index(0, t9);
+          if (_0_0 != null)
+            t7.$indexSet(0, t9, A.MergedExtension_merge0(_0_0, withExtender));
+          else {
+            t7.$indexSet(0, t9, withExtender);
+            for (t10 = t9.components, t11 = t10.length, _i0 = 0; _i0 < t11; ++_i0)
+              for (t12 = t10[_i0].selector.components, t13 = t12.length, _i1 = 0; _i1 < t13; ++_i1)
+                J.add$1$ax(t3.putIfAbsent$2(t12[_i1], new A.ExtensionStore__extendExistingExtensions_closure1()), withExtender);
+            if (newExtensions.containsKey$1(extension.target)) {
+              if (additionalExtensions == null)
+                additionalExtensions = A.LinkedHashMap_LinkedHashMap$_empty(t4, t5);
+              additionalExtensions.putIfAbsent$2(extension.target, new A.ExtensionStore__extendExistingExtensions_closure2()).$indexSet(0, t9, withExtender);
+            }
+          }
+        }
+      }
+      return additionalExtensions;
+    },
+    _extension_store$_extendExistingSelectors$2(selectors, newExtensions) {
+      var selector, error, stackTrace, t1, t2, oldValue, exception, t3, t4, t5, t6;
+      for (t1 = selectors.get$iterator(selectors), t2 = this._extension_store$_mediaContexts; t1.moveNext$0();) {
+        selector = t1.get$current(t1);
+        oldValue = selector.value;
+        try {
+          selector.value = this._extension_store$_extendList$3(selector.value, newExtensions, t2.$index(0, selector));
+        } catch (exception) {
+          t3 = A.unwrapException(exception);
+          if (t3 instanceof A.SassException0) {
+            error = t3;
+            stackTrace = A.getTraceFromException(exception);
+            t3 = selector.value.span.message$1(0, "");
+            t4 = error._span_exception$_message;
+            t5 = error;
+            t6 = J.getInterceptor$z(t5);
+            t5 = A.SourceSpanException.prototype.get$span.call(t6, t5);
+            A.throwWithTrace0(new A.SassException0(B.Set_empty, "From " + t3 + "\n" + t4, t5), error, stackTrace);
+          } else
+            throw exception;
+        }
+        if (oldValue === selector.value)
+          continue;
+        this._extension_store$_registerSelector$2(selector.value, selector);
+      }
+    },
+    addExtensions$1(extensionStores) {
+      var t1, t2, t3, t4, t5, t6, t7, t8, t9, t10, t11, newExtensions, selectorsToExtend, extensionsToExtend, t12, t13, target, newSources, first, extensionsForTarget, t14, selectorsForTarget, t15, _2_0, t16, extender, extension, _this = this, _null = null;
+      for (t1 = J.get$iterator$ax(extensionStores), t2 = type$.SimpleSelector_2, t3 = type$.Map_ComplexSelector_Extension_2, t4 = _this._extension_store$_extensions, t5 = type$.ComplexSelector_2, t6 = type$.Extension_2, t7 = _this._extension_store$_selectors, t8 = _this._extension_store$_extensionsByExtender, t9 = type$.JSArray_Extension_2, t10 = type$.ModifiableBox_SelectorList_2, t11 = _this._extension_store$_sourceSpecificity, newExtensions = _null, selectorsToExtend = newExtensions, extensionsToExtend = selectorsToExtend; t1.moveNext$0();) {
+        t12 = t1.get$current(t1);
+        if (t12.get$isEmpty(t12))
+          continue;
+        t11.addAll$1(0, t12.get$_extension_store$_sourceSpecificity());
+        for (t12 = A.MapExtensions_get_pairs0(t12.get$_extension_store$_extensions(), t2, t3), t12 = t12.get$iterator(t12); t12.moveNext$0();) {
+          t13 = t12.get$current(t12);
+          target = t13._0;
+          newSources = t13._1;
+          if (target instanceof A.PlaceholderSelector0) {
+            first = target.name.charCodeAt(0);
+            t13 = first === 45 || first === 95;
+          } else
+            t13 = false;
+          if (t13)
+            continue;
+          extensionsForTarget = t8.$index(0, target);
+          t13 = extensionsForTarget == null;
+          if (!t13) {
+            if (extensionsToExtend == null) {
+              extensionsToExtend = A._setArrayType([], t9);
+              t14 = extensionsToExtend;
+            } else
+              t14 = extensionsToExtend;
+            B.JSArray_methods.addAll$1(t14, extensionsForTarget);
+          }
+          selectorsForTarget = t7.$index(0, target);
+          t14 = selectorsForTarget != null;
+          if (t14) {
+            if (selectorsToExtend == null) {
+              selectorsToExtend = A.LinkedHashSet_LinkedHashSet$_empty(t10);
+              t15 = selectorsToExtend;
+            } else
+              t15 = selectorsToExtend;
+            t15.addAll$1(0, selectorsForTarget);
+          }
+          _2_0 = t4.$index(0, target);
+          if (_2_0 != null)
+            for (t15 = A.MapExtensions_get_pairs0(newSources, t5, t6), t15 = t15.get$iterator(t15); t15.moveNext$0();) {
+              t16 = t15.get$current(t15);
+              extender = t16._0;
+              extension = t16._1;
+              if (_2_0.containsKey$1(extender)) {
+                t16 = _2_0.$index(0, extender);
+                extension = A.MergedExtension_merge0(t16 == null ? t6._as(t16) : t16, extension);
+                _2_0.$indexSet(0, extender, extension);
+              } else
+                _2_0.$indexSet(0, extender, extension);
+              if (!t13 || t14) {
+                if (newExtensions == null) {
+                  newExtensions = A.LinkedHashMap_LinkedHashMap$_empty(t2, t3);
+                  t16 = newExtensions;
+                } else
+                  t16 = newExtensions;
+                t16.putIfAbsent$2(target, new A.ExtensionStore_addExtensions_closure0()).$indexSet(0, extender, extension);
+              }
+            }
+          else {
+            t15 = A.LinkedHashMap_LinkedHashMap(_null, _null, _null, t5, t6);
+            t15.addAll$1(0, newSources);
+            t4.$indexSet(0, target, t15);
+            if (!t13 || t14) {
+              if (newExtensions == null) {
+                newExtensions = A.LinkedHashMap_LinkedHashMap$_empty(t2, t3);
+                t13 = newExtensions;
+              } else
+                t13 = newExtensions;
+              t14 = A.LinkedHashMap_LinkedHashMap(_null, _null, _null, t5, t6);
+              t14.addAll$1(0, newSources);
+              t13.$indexSet(0, target, t14);
+            }
+          }
+        }
+      }
+      if (newExtensions != null) {
+        if (extensionsToExtend != null)
+          _this._extension_store$_extendExistingExtensions$2(extensionsToExtend, newExtensions);
+        if (selectorsToExtend != null)
+          _this._extension_store$_extendExistingSelectors$2(selectorsToExtend, newExtensions);
+      }
+    },
+    _extension_store$_extendList$3(list, extensions, mediaQueryContext) {
+      var t1, t2, t3, extended, i, complex, result, t4;
+      for (t1 = list.components, t2 = t1.length, t3 = type$.JSArray_ComplexSelector_2, extended = null, i = 0; i < t2; ++i) {
+        complex = t1[i];
+        result = this._extension_store$_extendComplex$3(complex, extensions, mediaQueryContext);
+        if (result == null) {
+          if (extended != null)
+            extended.push(complex);
+        } else {
+          if (extended == null)
+            if (i === 0)
+              extended = A._setArrayType([], t3);
+            else {
+              t4 = B.JSArray_methods.sublist$2(t1, 0, i);
+              extended = A._setArrayType(t4.slice(0), A._arrayInstanceType(t4));
+            }
+          B.JSArray_methods.addAll$1(extended, result);
+        }
+      }
+      if (extended == null)
+        return list;
+      t1 = this._extension_store$_originals;
+      return A.SelectorList$0(this._extension_store$_trim$2(extended, t1.get$contains(t1)), list.span);
+    },
+    _extension_store$_extendList$2(list, extensions) {
+      return this._extension_store$_extendList$3(list, extensions, null);
+    },
+    _extension_store$_extendComplex$3(complex, extensions, mediaQueryContext) {
+      var isOriginal, t3, t4, t5, t6, t7, t8, t9, t10, extendedNotExpanded, i, component, extended, t11, t12, t13, t14, _box_0 = {},
+        t1 = complex.leadingCombinators,
+        t2 = t1.length;
+      if (t2 > 1)
+        return null;
+      isOriginal = this._extension_store$_originals.contains$1(0, complex);
+      for (t3 = complex.components, t4 = t3.length, t5 = type$.JSArray_List_ComplexSelector_2, t6 = complex.lineBreak, t7 = !t6, t8 = complex.span, t9 = type$.JSArray_ComplexSelector_2, t2 = t2 === 0, t10 = type$.JSArray_ComplexSelectorComponent_2, extendedNotExpanded = null, i = 0; i < t4; ++i) {
+        component = t3[i];
+        extended = this._extension_store$_extendCompound$4$inOriginal(component, extensions, mediaQueryContext, isOriginal);
+        if (extended == null) {
+          if (extendedNotExpanded != null)
+            extendedNotExpanded.push(A._setArrayType([A.ComplexSelector$0(B.List_empty15, A._setArrayType([component], t10), t8, t6)], t9));
+        } else if (extendedNotExpanded != null)
+          extendedNotExpanded.push(extended);
+        else if (i !== 0) {
+          t11 = A._arrayInstanceType(t3);
+          t12 = new A.SubListIterable(t3, 0, i, t11._eval$1("SubListIterable<1>"));
+          t12.SubListIterable$3(t3, 0, i, t11._precomputed1);
+          extendedNotExpanded = A._setArrayType([A._setArrayType([A.ComplexSelector$0(t1, t12, t8, t6)], t9), extended], t5);
+        } else if (t2)
+          extendedNotExpanded = A._setArrayType([extended], t5);
+        else {
+          t11 = A._setArrayType([], t9);
+          for (t12 = J.get$iterator$ax(extended); t12.moveNext$0();) {
+            t13 = t12.get$current(t12);
+            t14 = t13.leadingCombinators;
+            if (t14.length === 0 || B.C_ListEquality.equals$2(0, t1, t14)) {
+              t14 = t13.components;
+              t11.push(A.ComplexSelector$0(t1, t14, t8, !t7 || t13.lineBreak));
+            }
+          }
+          extendedNotExpanded = A._setArrayType([t11], t5);
+        }
+      }
+      if (extendedNotExpanded == null)
+        return null;
+      _box_0.first = true;
+      t1 = type$.ComplexSelector_2;
+      t1 = J.expand$1$1$ax(A.paths0(extendedNotExpanded, t1), new A.ExtensionStore__extendComplex_closure0(_box_0, this, complex), t1);
+      t1 = A.List_List$_of(t1, t1.$ti._eval$1("Iterable.E"));
+      return t1;
+    },
+    _extension_store$_extendCompound$4$inOriginal(component, extensions, mediaQueryContext, inOriginal) {
+      var t3, t4, t5, t6, t7, t8, t9, t10, t11, options, i, simple, extended, t12, result, compound, complex, extenderPaths, withCombinators, isOriginal, _this = this, _null = null,
+        t1 = _this._extension_store$_mode,
+        targetsUsed = t1 === B.ExtendMode_normal_normal0 || extensions.__js_helper$_length < 2 ? _null : A.LinkedHashSet_LinkedHashSet$_empty(type$.SimpleSelector_2),
+        t2 = component.selector,
+        simples = t2.components;
+      for (t3 = simples.length, t4 = type$.JSArray_List_Extender_2, t5 = type$.JSArray_Extender_2, t6 = type$.CssValue_Combinator_2, t7 = type$.JSArray_ComplexSelectorComponent_2, t8 = A._arrayInstanceType(simples), t9 = t8._precomputed1, t8 = t8._eval$1("SubListIterable<1>"), t10 = component.span, t11 = type$.SimpleSelector_2, options = _null, i = 0; i < t3; ++i) {
+        simple = simples[i];
+        extended = _this._extension_store$_extendSimple$4(simple, extensions, mediaQueryContext, targetsUsed);
+        if (extended == null) {
+          if (options != null)
+            options.push(A._setArrayType([_this._extension_store$_extenderForSimple$1(simple)], t5));
+        } else {
+          if (options == null) {
+            options = A._setArrayType([], t4);
+            if (i !== 0) {
+              t12 = new A.SubListIterable(simples, 0, i, t8);
+              t12.SubListIterable$3(simples, 0, i, t9);
+              result = A.List_List$from(t12, false, t11);
+              result.$flags = 3;
+              t12 = result;
+              compound = new A.CompoundSelector0(t12, t10);
+              if (t12.length === 0)
+                A.throwExpression(A.ArgumentError$("components may not be empty.", _null));
+              result = A.List_List$from(B.List_empty15, false, t6);
+              result.$flags = 3;
+              t12 = A.ComplexSelector$0(B.List_empty15, A._setArrayType([new A.ComplexSelectorComponent0(compound, result, t10)], t7), t10, false);
+              _this._extension_store$_sourceSpecificityFor$1(compound);
+              options.push(A._setArrayType([new A.Extender0(t12, true)], t5));
+            }
+          }
+          B.JSArray_methods.addAll$1(options, extended);
+        }
+      }
+      if (options == null)
+        return _null;
+      if (targetsUsed != null && targetsUsed._collection$_length !== extensions.__js_helper$_length)
+        return _null;
+      if (options.length === 1) {
+        for (t1 = J.get$iterator$ax(options[0]), t2 = component.combinators, t3 = type$.JSArray_ComplexSelector_2, result = _null; t1.moveNext$0();) {
+          t4 = t1.get$current(t1);
+          t4.assertCompatibleMediaContext$1(mediaQueryContext);
+          complex = t4.selector.withAdditionalCombinators$1(t2);
+          if (complex.accept$1(B.C__IsUselessVisitor0))
+            continue;
+          if (result == null)
+            result = A._setArrayType([], t3);
+          result.push(complex);
+        }
+        return result;
+      }
+      extenderPaths = A.paths0(options, type$.Extender_2);
+      t3 = A._setArrayType([], type$.JSArray_ComplexSelector_2);
+      t1 = t1 === B.ExtendMode_replace_replace0;
+      t4 = !t1;
+      if (t4)
+        t3.push(A.ComplexSelector$0(B.List_empty15, A._setArrayType([new A.ComplexSelectorComponent0(A.CompoundSelector$0(J.expand$1$1$ax(J.get$first$ax(extenderPaths), new A.ExtensionStore__extendCompound_closure2(), t11), t2.span), A.List_List$unmodifiable(component.combinators, t6), t10)], t7), t10, false));
+      t2 = J.skip$1$ax(extenderPaths, t1 ? 0 : 1);
+      t5 = t2.$ti;
+      t2 = new A.ListIterator(t2, t2.get$length(0), t5._eval$1("ListIterator<ListIterable.E>"));
+      t6 = component.combinators;
+      t5 = t5._eval$1("ListIterable.E");
+      for (; t2.moveNext$0();) {
+        t1 = t2.__internal$_current;
+        extended = _this._extension_store$_unifyExtenders$3(t1 == null ? t5._as(t1) : t1, mediaQueryContext, t10);
+        if (extended == null)
+          continue;
+        for (t1 = J.get$iterator$ax(extended); t1.moveNext$0();) {
+          withCombinators = t1.get$current(t1).withAdditionalCombinators$1(t6);
+          if (!withCombinators.accept$1(B.C__IsUselessVisitor0))
+            t3.push(withCombinators);
+        }
+      }
+      isOriginal = new A.ExtensionStore__extendCompound_closure3();
+      return _this._extension_store$_trim$2(t3, inOriginal && t4 ? new A.ExtensionStore__extendCompound_closure4(B.JSArray_methods.get$first(t3)) : isOriginal);
+    },
+    _extension_store$_unifyExtenders$3(extenders, mediaQueryContext, span) {
+      var t1, t2, t3, originals, originalsLineBreak, t4, complexes, _null = null,
+        toUnify = A.QueueList$(_null, type$.ComplexSelector_2);
+      for (t1 = J.getInterceptor$ax(extenders), t2 = t1.get$iterator(extenders), t3 = type$.JSArray_SimpleSelector_2, originals = _null, originalsLineBreak = false; t2.moveNext$0();) {
+        t4 = t2.get$current(t2);
+        if (t4.isOriginal) {
+          if (originals == null)
+            originals = A._setArrayType([], t3);
+          t4 = t4.selector;
+          B.JSArray_methods.addAll$1(originals, B.JSArray_methods.get$last(t4.components).selector.components);
+          originalsLineBreak = originalsLineBreak || t4.lineBreak;
+        } else {
+          t4 = t4.selector;
+          if (t4.accept$1(B.C__IsUselessVisitor0))
+            return _null;
+          else
+            toUnify._queue_list$_add$1(t4);
+        }
+      }
+      if (originals != null)
+        toUnify.addFirst$1(A.ComplexSelector$0(B.List_empty15, A._setArrayType([new A.ComplexSelectorComponent0(A.CompoundSelector$0(originals, span), A.List_List$unmodifiable(B.List_empty15, type$.CssValue_Combinator_2), span)], type$.JSArray_ComplexSelectorComponent_2), span, originalsLineBreak));
+      complexes = A.unifyComplex0(toUnify, span);
+      if (complexes == null)
+        return _null;
+      for (t1 = t1.get$iterator(extenders); t1.moveNext$0();)
+        t1.get$current(t1).assertCompatibleMediaContext$1(mediaQueryContext);
+      return complexes;
+    },
+    _extension_store$_extendSimple$4(simple, extensions, mediaQueryContext, targetsUsed) {
+      var t2, _1_0,
+        t1 = new A.ExtensionStore__extendSimple_withoutPseudo0(this, extensions, targetsUsed);
+      if (simple instanceof A.PseudoSelector0)
+        t2 = simple.selector != null;
+      else
+        t2 = false;
+      if (t2) {
+        _1_0 = this._extension_store$_extendPseudo$3(simple, extensions, mediaQueryContext);
+        if (_1_0 != null)
+          return new A.MappedListIterable(_1_0, new A.ExtensionStore__extendSimple_closure1(this, t1), A._arrayInstanceType(_1_0)._eval$1("MappedListIterable<1,List<Extender0>>"));
+      }
+      return A.NullableExtension_andThen0(t1.call$1(simple), new A.ExtensionStore__extendSimple_closure2());
+    },
+    _extension_store$_extenderForSimple$1(simple) {
+      var t1 = simple.span;
+      t1 = A.ComplexSelector$0(B.List_empty15, A._setArrayType([new A.ComplexSelectorComponent0(A.CompoundSelector$0(A._setArrayType([simple], type$.JSArray_SimpleSelector_2), t1), A.List_List$unmodifiable(B.List_empty15, type$.CssValue_Combinator_2), t1)], type$.JSArray_ComplexSelectorComponent_2), t1, false);
+      this._extension_store$_sourceSpecificity.$index(0, simple);
+      return new A.Extender0(t1, true);
+    },
+    _extension_store$_extendPseudo$3(pseudo, extensions, mediaQueryContext) {
+      var extended, complexes, t1, result,
+        selector = pseudo.selector;
+      if (selector == null)
+        throw A.wrapException(A.ArgumentError$("Selector " + pseudo.toString$0(0) + " must have a selector argument.", null));
+      extended = this._extension_store$_extendList$3(selector, extensions, mediaQueryContext);
+      if (extended === selector)
+        return null;
+      complexes = extended.components;
+      t1 = pseudo.normalizedName === "not";
+      if (t1 && !B.JSArray_methods.any$1(selector.components, new A.ExtensionStore__extendPseudo_closure4()) && B.JSArray_methods.any$1(complexes, new A.ExtensionStore__extendPseudo_closure5()))
+        complexes = new A.WhereIterable(complexes, new A.ExtensionStore__extendPseudo_closure6(), A._arrayInstanceType(complexes)._eval$1("WhereIterable<1>"));
+      complexes = J.expand$1$1$ax(complexes, new A.ExtensionStore__extendPseudo_closure7(pseudo), type$.ComplexSelector_2);
+      if (t1 && selector.components.length === 1) {
+        t1 = A.MappedIterable_MappedIterable(complexes, new A.ExtensionStore__extendPseudo_closure8(pseudo, selector), complexes.$ti._eval$1("Iterable.E"), type$.PseudoSelector_2);
+        result = A.List_List$_of(t1, A._instanceType(t1)._eval$1("Iterable.E"));
+        return result.length === 0 ? null : result;
+      } else
+        return A._setArrayType([pseudo.withSelector$1(A.SelectorList$0(complexes, selector.span))], type$.JSArray_PseudoSelector_2);
+    },
+    _extension_store$_trim$2(selectors, isOriginal) {
+      var result, i, t1, t2, numOriginals, _box_0, complex1, j, t3, t4, _i, t5, maxSpecificity;
+      if (selectors.length > 100)
+        return selectors;
+      result = A.QueueList$(null, type$.ComplexSelector_2);
+      $label0$0:
+        for (i = selectors.length - 1, t1 = A._arrayInstanceType(selectors), t2 = t1._precomputed1, t1 = t1._eval$1("SubListIterable<1>"), numOriginals = 0; i >= 0; --i) {
+          _box_0 = {};
+          complex1 = selectors[i];
+          if (isOriginal.call$1(complex1)) {
+            for (j = 0; j < numOriginals; ++j)
+              if (result.$index(0, j).$eq(0, complex1)) {
+                A.rotateSlice0(result, 0, j + 1);
+                continue $label0$0;
+              }
+            ++numOriginals;
+            result.addFirst$1(complex1);
+            continue $label0$0;
+          }
+          _box_0.maxSpecificity = 0;
+          for (t3 = complex1.components, t4 = t3.length, _i = 0, t5 = 0; _i < t4; ++_i, t5 = maxSpecificity) {
+            maxSpecificity = Math.max(t5, this._extension_store$_sourceSpecificityFor$1(t3[_i].selector));
+            _box_0.maxSpecificity = maxSpecificity;
+          }
+          if (result.any$1(result, new A.ExtensionStore__trim_closure1(_box_0, complex1)))
+            continue $label0$0;
+          t3 = new A.SubListIterable(selectors, 0, i, t1);
+          t3.SubListIterable$3(selectors, 0, i, t2);
+          if (t3.any$1(0, new A.ExtensionStore__trim_closure2(_box_0, complex1)))
+            continue $label0$0;
+          result.addFirst$1(complex1);
+        }
+      return result;
+    },
+    _extension_store$_sourceSpecificityFor$1(compound) {
+      var t1, t2, t3, specificity, _i, t4;
+      for (t1 = compound.components, t2 = t1.length, t3 = this._extension_store$_sourceSpecificity, specificity = 0, _i = 0; _i < t2; ++_i) {
+        t4 = t3.$index(0, t1[_i]);
+        if (t4 == null)
+          t4 = 0;
+        specificity = Math.max(specificity, t4);
+      }
+      return specificity;
+    },
+    clone$0() {
+      var t3, t4, _this = this,
+        t1 = type$.SimpleSelector_2,
+        newSelectors = A.LinkedHashMap_LinkedHashMap$_empty(t1, type$.Set_ModifiableBox_SelectorList_2),
+        t2 = type$.ModifiableBox_SelectorList_2,
+        newMediaContexts = A.LinkedHashMap_LinkedHashMap$_empty(t2, type$.List_CssMediaQuery_2),
+        oldToNewSelectors = new A.JsIdentityLinkedHashMap(type$.JsIdentityLinkedHashMap_of_SelectorList_and_Box_SelectorList_2);
+      _this._extension_store$_selectors.forEach$1(0, new A.ExtensionStore_clone_closure0(_this, newSelectors, A.LinkedHashMap_LinkedHashMap$_empty(t2, t2), oldToNewSelectors, newMediaContexts));
+      t2 = type$.Extension_2;
+      t3 = A.copyMapOfMap0(_this._extension_store$_extensions, t1, type$.ComplexSelector_2, t2);
+      t2 = A.copyMapOfList0(_this._extension_store$_extensionsByExtender, t1, t2);
+      t1 = new A.JsIdentityLinkedHashMap(type$.JsIdentityLinkedHashMap_SimpleSelector_int_2);
+      t1.addAll$1(0, _this._extension_store$_sourceSpecificity);
+      t4 = new A._LinkedIdentityHashSet(type$._LinkedIdentityHashSet_ComplexSelector_2);
+      t4.addAll$1(0, _this._extension_store$_originals);
+      return new A._Record_2(new A.ExtensionStore0(newSelectors, t3, t2, newMediaContexts, t1, t4, B.ExtendMode_normal_normal0), oldToNewSelectors);
+    },
+    get$_extension_store$_extensions() {
+      return this._extension_store$_extensions;
+    },
+    get$_extension_store$_sourceSpecificity() {
+      return this._extension_store$_sourceSpecificity;
+    }
+  };
+  A.ExtensionStore_extensionsWhereTarget_closure0.prototype = {
+    call$1(extension) {
+      return !extension.isOptional;
+    },
+    $signature: 465
+  };
+  A.ExtensionStore__registerSelector_closure0.prototype = {
+    call$0() {
+      return A.LinkedHashSet_LinkedHashSet$_empty(type$.ModifiableBox_SelectorList_2);
+    },
+    $signature: 466
+  };
+  A.ExtensionStore_addExtension_closure2.prototype = {
+    call$0() {
+      return A.LinkedHashMap_LinkedHashMap$_empty(type$.ComplexSelector_2, type$.Extension_2);
+    },
+    $signature: 137
+  };
+  A.ExtensionStore_addExtension_closure3.prototype = {
+    call$0() {
+      return A._setArrayType([], type$.JSArray_Extension_2);
+    },
+    $signature: 233
+  };
+  A.ExtensionStore_addExtension_closure4.prototype = {
+    call$0() {
+      return this.complex.get$specificity();
+    },
+    $signature: 10
+  };
+  A.ExtensionStore__extendExistingExtensions_closure1.prototype = {
+    call$0() {
+      return A._setArrayType([], type$.JSArray_Extension_2);
+    },
+    $signature: 233
+  };
+  A.ExtensionStore__extendExistingExtensions_closure2.prototype = {
+    call$0() {
+      return A.LinkedHashMap_LinkedHashMap$_empty(type$.ComplexSelector_2, type$.Extension_2);
+    },
+    $signature: 137
+  };
+  A.ExtensionStore_addExtensions_closure0.prototype = {
+    call$0() {
+      return A.LinkedHashMap_LinkedHashMap$_empty(type$.ComplexSelector_2, type$.Extension_2);
+    },
+    $signature: 137
+  };
+  A.ExtensionStore__extendComplex_closure0.prototype = {
+    call$1(path) {
+      var t1 = this.complex;
+      return J.map$1$1$ax(A.weave0(path, t1.span, t1.lineBreak), new A.ExtensionStore__extendComplex__closure0(this._box_0, this.$this, t1), type$.ComplexSelector_2);
+    },
+    $signature: 469
+  };
+  A.ExtensionStore__extendComplex__closure0.prototype = {
+    call$1(outputComplex) {
+      var _this = this,
+        t1 = _this._box_0;
+      if (t1.first && _this.$this._extension_store$_originals.contains$1(0, _this.complex))
+        _this.$this._extension_store$_originals.add$1(0, outputComplex);
+      t1.first = false;
+      return outputComplex;
+    },
+    $signature: 58
+  };
+  A.ExtensionStore__extendCompound_closure2.prototype = {
+    call$1(extender) {
+      return B.JSArray_methods.get$last(extender.selector.components).selector.components;
+    },
+    $signature: 471
+  };
+  A.ExtensionStore__extendCompound_closure3.prototype = {
+    call$1(_) {
+      return false;
+    },
+    $signature: 21
+  };
+  A.ExtensionStore__extendCompound_closure4.prototype = {
+    call$1(complex) {
+      return complex.$eq(0, this.original);
+    },
+    $signature: 21
+  };
+  A.ExtensionStore__extendSimple_withoutPseudo0.prototype = {
+    call$1(simple) {
+      var t1, t2,
+        extensionsForSimple = this.extensions.$index(0, simple);
+      if (extensionsForSimple == null)
+        return null;
+      t1 = this.targetsUsed;
+      if (t1 != null)
+        t1.add$1(0, simple);
+      t1 = A._setArrayType([], type$.JSArray_Extender_2);
+      t2 = this.$this;
+      if (t2._extension_store$_mode !== B.ExtendMode_replace_replace0)
+        t1.push(t2._extension_store$_extenderForSimple$1(simple));
+      for (t2 = extensionsForSimple.get$values(extensionsForSimple), t2 = t2.get$iterator(t2); t2.moveNext$0();)
+        t1.push(t2.get$current(t2).extender);
+      return t1;
+    },
+    $signature: 472
+  };
+  A.ExtensionStore__extendSimple_closure1.prototype = {
+    call$1(pseudo) {
+      var t1 = this.withoutPseudo.call$1(pseudo);
+      return t1 == null ? A._setArrayType([this.$this._extension_store$_extenderForSimple$1(pseudo)], type$.JSArray_Extender_2) : t1;
+    },
+    $signature: 473
+  };
+  A.ExtensionStore__extendSimple_closure2.prototype = {
+    call$1(result) {
+      return A._setArrayType([result], type$.JSArray_List_Extender_2);
+    },
+    $signature: 474
+  };
+  A.ExtensionStore__extendPseudo_closure4.prototype = {
+    call$1(complex) {
+      return complex.components.length > 1;
+    },
+    $signature: 21
+  };
+  A.ExtensionStore__extendPseudo_closure5.prototype = {
+    call$1(complex) {
+      return complex.components.length === 1;
+    },
+    $signature: 21
+  };
+  A.ExtensionStore__extendPseudo_closure6.prototype = {
+    call$1(complex) {
+      return complex.components.length <= 1;
+    },
+    $signature: 21
+  };
+  A.ExtensionStore__extendPseudo_closure7.prototype = {
+    call$1(complex) {
+      var innerPseudo, innerSelector,
+        t1 = complex.get$singleCompound();
+      if (t1 == null)
+        innerPseudo = null;
+      else {
+        t1 = t1.components;
+        innerPseudo = t1.length === 1 ? B.JSArray_methods.get$first(t1) : null;
+      }
+      if (!(innerPseudo instanceof A.PseudoSelector0))
+        return A._setArrayType([complex], type$.JSArray_ComplexSelector_2);
+      innerSelector = innerPseudo.selector;
+      if (innerSelector == null)
+        return A._setArrayType([complex], type$.JSArray_ComplexSelector_2);
+      t1 = this.pseudo;
+      switch (t1.normalizedName) {
+        case "not":
+          if (!B.Set_0egh6.contains$1(0, innerPseudo.normalizedName))
+            return A._setArrayType([], type$.JSArray_ComplexSelector_2);
+          return innerSelector.components;
+        case "is":
+        case "matches":
+        case "where":
+        case "any":
+        case "current":
+        case "nth-child":
+        case "nth-last-child":
+          if (innerPseudo.name !== t1.name)
+            return A._setArrayType([], type$.JSArray_ComplexSelector_2);
+          if (innerPseudo.argument != t1.argument)
+            return A._setArrayType([], type$.JSArray_ComplexSelector_2);
+          return innerSelector.components;
+        case "has":
+        case "host":
+        case "host-context":
+        case "slotted":
+          return A._setArrayType([complex], type$.JSArray_ComplexSelector_2);
+        default:
+          return A._setArrayType([], type$.JSArray_ComplexSelector_2);
+      }
+    },
+    $signature: 475
+  };
+  A.ExtensionStore__extendPseudo_closure8.prototype = {
+    call$1(complex) {
+      return this.pseudo.withSelector$1(A.SelectorList$0(A._setArrayType([complex], type$.JSArray_ComplexSelector_2), this.selector.span));
+    },
+    $signature: 476
+  };
+  A.ExtensionStore__trim_closure1.prototype = {
+    call$1(complex2) {
+      return complex2.get$specificity() >= this._box_0.maxSpecificity && complex2.isSuperselector$1(this.complex1);
+    },
+    $signature: 21
+  };
+  A.ExtensionStore__trim_closure2.prototype = {
+    call$1(complex2) {
+      return complex2.get$specificity() >= this._box_0.maxSpecificity && complex2.isSuperselector$1(this.complex1);
+    },
+    $signature: 21
+  };
+  A.ExtensionStore_clone_closure0.prototype = {
+    call$2(simple, selectors) {
+      var t1, t2, t3, t4, t5, t6, newSelector, _0_0, _this = this,
+        newSelectorSet = A.LinkedHashSet_LinkedHashSet$_empty(type$.ModifiableBox_SelectorList_2);
+      _this.newSelectors.$indexSet(0, simple, newSelectorSet);
+      for (t1 = selectors.get$iterator(selectors), t2 = _this.newBoxes, t3 = _this.oldToNewSelectors, t4 = _this.$this._extension_store$_mediaContexts, t5 = _this.newMediaContexts; t1.moveNext$0();) {
+        t6 = t1.get$current(t1);
+        newSelector = t2.putIfAbsent$2(t6, new A.ExtensionStore_clone__closure0(t6));
+        newSelectorSet.add$1(0, newSelector);
+        t3.$indexSet(0, t6.value, new A.Box0(newSelector, newSelector.$ti._eval$1("Box0<1>")));
+        _0_0 = t4.$index(0, t6);
+        if (_0_0 != null)
+          t5.$indexSet(0, newSelector, _0_0);
+      }
+    },
+    $signature: 477
+  };
+  A.ExtensionStore_clone__closure0.prototype = {
+    call$0() {
+      return new A.ModifiableBox0(this.selector.value, type$.ModifiableBox_SelectorList_2);
+    },
+    $signature: 478
+  };
+  A.FiberClass.prototype = {};
+  A.Fiber.prototype = {};
+  A.JSToDartFileImporter.prototype = {
+    canonicalize$1(_, url) {
+      var result, t1, resultUrl;
+      if (url.get$scheme() === "file")
+        return $.$get$FilesystemImporter_cwd0().canonicalize$1(0, url);
+      result = A.wrapJSExceptions(new A.JSToDartFileImporter_canonicalize_closure(this, url));
+      if (result == null)
+        return null;
+      t1 = self.Promise;
+      if (result instanceof t1)
+        A.jsThrow(new self.Error("The findFileUrl() function can't return a Promise for synchron compile functions."));
+      else {
+        t1 = self.URL;
+        if (!(result instanceof t1))
+          A.jsThrow(new self.Error(string$.The_fie));
+      }
+      resultUrl = A.Uri_parse(J.toString$0$(type$.JSUrl._as(result)));
+      if (resultUrl.get$scheme() !== "file")
+        A.jsThrow(new self.Error(string$.The_fiu + url.toString$0(0) + '".'));
+      return $.$get$FilesystemImporter_cwd0().canonicalize$1(0, resultUrl);
+    },
+    load$1(_, url) {
+      return $.$get$FilesystemImporter_cwd0().load$1(0, url);
+    },
+    isNonCanonicalScheme$1(scheme) {
+      return scheme !== "file";
+    }
+  };
+  A.JSToDartFileImporter_canonicalize_closure.prototype = {
+    call$0() {
+      return this.$this._file0$_findFileUrl.call$2(this.url.toString$0(0), A.canonicalizeContext0());
+    },
+    $signature: 37
+  };
+  A.FilesystemImporter0.prototype = {
+    canonicalize$1(_, url) {
+      var resolved;
+      if (url.get$scheme() === "file")
+        resolved = A.resolveImportPath0($.$get$context().style.pathFromUri$1(A._parseUri(url)));
+      else if (url.get$scheme() !== "")
+        return null;
+      else {
+        resolved = A.resolveImportPath0(A.join(this._filesystem$_loadPath, $.$get$context().style.pathFromUri$1(A._parseUri(url)), null));
+        if (resolved != null && this._filesystem$_loadPathDeprecated)
+          A.warnForDeprecation0(string$.Using_t, B.Deprecation_Pox);
+      }
+      return A.NullableExtension_andThen0(resolved, new A.FilesystemImporter_canonicalize_closure0());
+    },
+    load$1(_, url) {
+      var path = $.$get$context().style.pathFromUri$1(A._parseUri(url));
+      return A.ImporterResult$(A.readFile0(path), url, A.Syntax_forPath0(path));
+    },
+    toString$0(_) {
+      return this._filesystem$_loadPath;
+    }
+  };
+  A.FilesystemImporter_canonicalize_closure0.prototype = {
+    call$1(resolved) {
+      var t2, t0, _null = null,
+        t1 = A.isNodeJs() ? self.process : _null;
+      if (!J.$eq$(t1 == null ? _null : J.get$platform$x(t1), "win32")) {
+        t1 = A.isNodeJs() ? self.process : _null;
+        t1 = J.$eq$(t1 == null ? _null : J.get$platform$x(t1), "darwin");
+      } else
+        t1 = true;
+      if (t1) {
+        t1 = A.absolute(resolved, _null, _null, _null, _null, _null, _null, _null, _null, _null, _null, _null, _null, _null, _null);
+        t2 = $.$get$context();
+        t1 = A._realCasePath0(t2.normalize$1(t1));
+      } else {
+        t1 = $.$get$context();
+        t2 = t1.canonicalize$1(0, resolved);
+        t0 = t2;
+        t2 = t1;
+        t1 = t0;
+      }
+      return t2.toUri$1(t1);
+    },
+    $signature: 128
+  };
+  A.ForRule0.prototype = {
+    accept$1$1(visitor) {
+      return visitor.visitForRule$1(0, this);
+    },
+    accept$1(visitor) {
+      return this.accept$1$1(visitor, type$.dynamic);
+    },
+    toString$0(_) {
+      var _this = this,
+        t1 = _this.from.toString$0(0),
+        t2 = _this.isExclusive ? "to" : "through";
+      return "@for $" + _this.variable + " from " + t1 + " " + t2 + " " + _this.to.toString$0(0) + " {" + B.JSArray_methods.join$1(_this.children, " ") + "}";
+    },
+    get$span(receiver) {
+      return this.span;
+    }
+  };
+  A.ForwardRule0.prototype = {
+    accept$1$1(visitor) {
+      return visitor.visitForwardRule$1(0, this);
+    },
+    accept$1(visitor) {
+      return this.accept$1$1(visitor, type$.dynamic);
+    },
+    toString$0(_) {
+      var t2, prefix, _this = this,
+        t1 = "@forward " + A.StringExpression_quoteText0(_this.url.toString$0(0)),
+        shownMixinsAndFunctions = _this.shownMixinsAndFunctions,
+        hiddenMixinsAndFunctions = _this.hiddenMixinsAndFunctions;
+      if (shownMixinsAndFunctions != null) {
+        t2 = _this.shownVariables;
+        t2.toString;
+        t2 = t1 + " show " + _this._forward_rule0$_memberList$2(shownMixinsAndFunctions, t2);
+        t1 = t2;
+      } else if (hiddenMixinsAndFunctions != null && hiddenMixinsAndFunctions._base.get$isNotEmpty(0)) {
+        t2 = _this.hiddenVariables;
+        t2.toString;
+        t2 = t1 + " hide " + _this._forward_rule0$_memberList$2(hiddenMixinsAndFunctions, t2);
+        t1 = t2;
+      }
+      prefix = _this.prefix;
+      if (prefix != null)
+        t1 += " as " + prefix + "*";
+      t2 = _this.configuration;
+      t1 = (t2.length !== 0 ? t1 + (" with (" + B.JSArray_methods.join$1(t2, ", ") + ")") : t1) + ";";
+      return t1.charCodeAt(0) == 0 ? t1 : t1;
+    },
+    _forward_rule0$_memberList$2(mixinsAndFunctions, variables) {
+      var t2,
+        t1 = A.List_List$_of(mixinsAndFunctions, type$.String);
+      for (t2 = variables._base.get$iterator(0); t2.moveNext$0();)
+        t1.push("$" + t2.get$current(0));
+      return B.JSArray_methods.join$1(t1, ", ");
+    },
+    get$span(receiver) {
+      return this.span;
+    }
+  };
+  A.ForwardedModuleView0.prototype = {
+    get$url(_) {
+      var t1 = this._forwarded_view0$_inner;
+      return t1.get$url(t1);
+    },
+    get$upstream() {
+      return this._forwarded_view0$_inner.get$upstream();
+    },
+    get$extensionStore() {
+      return this._forwarded_view0$_inner.get$extensionStore();
+    },
+    get$css(_) {
+      var t1 = this._forwarded_view0$_inner;
+      return t1.get$css(t1);
+    },
+    get$preModuleComments() {
+      return this._forwarded_view0$_inner.get$preModuleComments();
+    },
+    get$transitivelyContainsCss() {
+      return this._forwarded_view0$_inner.get$transitivelyContainsCss();
+    },
+    get$transitivelyContainsExtensions() {
+      return this._forwarded_view0$_inner.get$transitivelyContainsExtensions();
+    },
+    setVariable$3($name, value, nodeWithSpan) {
+      var t2, _1_0, _2_0,
+        _s19_ = "Undefined variable.",
+        t1 = this._forwarded_view0$_rule,
+        _0_0 = t1.shownVariables;
+      if (_0_0 != null)
+        t2 = !_0_0._base.contains$1(0, $name);
+      else
+        t2 = false;
+      if (t2)
+        throw A.wrapException(A.SassScriptException$0(_s19_, null));
+      else {
+        _1_0 = t1.hiddenVariables;
+        if (_1_0 != null)
+          t2 = _1_0._base.contains$1(0, $name);
+        else
+          t2 = false;
+        if (t2)
+          throw A.wrapException(A.SassScriptException$0(_s19_, null));
+      }
+      _2_0 = t1.prefix;
+      if (_2_0 != null) {
+        if (!B.JSString_methods.startsWith$1($name, _2_0))
+          throw A.wrapException(A.SassScriptException$0(_s19_, null));
+        $name = B.JSString_methods.substring$1($name, _2_0.length);
+      }
+      return this._forwarded_view0$_inner.setVariable$3($name, value, nodeWithSpan);
+    },
+    variableIdentity$1($name) {
+      var _0_0 = this._forwarded_view0$_rule.prefix;
+      if (_0_0 != null)
+        $name = B.JSString_methods.substring$1($name, _0_0.length);
+      return this._forwarded_view0$_inner.variableIdentity$1($name);
+    },
+    couldHaveBeenConfigured$1(variables) {
+      var t5, t6, _1_0, _2_0, blocklist, _this = this,
+        t1 = _this._forwarded_view0$_rule,
+        t2 = t1.prefix,
+        t3 = t2 == null,
+        t4 = false;
+      if (t3)
+        if (t1.shownVariables == null) {
+          t4 = t1.hiddenVariables;
+          t4 = t4 == null ? null : t4._base.get$isEmpty(0);
+          t4 = t4 !== false;
+        }
+      if (t4)
+        return _this._forwarded_view0$_inner.couldHaveBeenConfigured$1(variables);
+      if (!t3) {
+        t3 = A.LinkedHashSet_LinkedHashSet$_empty(type$.String);
+        for (t4 = variables.get$iterator(variables), t5 = t2.length; t4.moveNext$0();) {
+          t6 = t4.get$current(t4);
+          if (B.JSString_methods.startsWith$1(t6, t2))
+            t3.add$1(0, B.JSString_methods.substring$1(t6, t5));
+        }
+        variables = t3;
+      }
+      _1_0 = t1.shownVariables;
+      if (_1_0 != null)
+        return _this._forwarded_view0$_inner.couldHaveBeenConfigured$1(variables.intersection$1(_1_0));
+      else {
+        _2_0 = t1.hiddenVariables;
+        if (_2_0 != null) {
+          t1 = _2_0._base.get$isNotEmpty(0);
+          blocklist = _2_0;
+        } else {
+          blocklist = null;
+          t1 = false;
+        }
+        t2 = _this._forwarded_view0$_inner;
+        if (t1)
+          return t2.couldHaveBeenConfigured$1(variables.difference$1(blocklist));
+        else
+          return t2.couldHaveBeenConfigured$1(variables);
+      }
+    },
+    $eq(_, other) {
+      if (other == null)
+        return false;
+      return other instanceof A.ForwardedModuleView0 && this._forwarded_view0$_inner.$eq(0, other._forwarded_view0$_inner) && this._forwarded_view0$_rule === other._forwarded_view0$_rule;
+    },
+    get$hashCode(_) {
+      var t1 = this._forwarded_view0$_inner;
+      return (t1.get$hashCode(t1) ^ A.Primitives_objectHashCode(this._forwarded_view0$_rule)) >>> 0;
+    },
+    cloneCss$0() {
+      return A.ForwardedModuleView$0(this._forwarded_view0$_inner.cloneCss$0(), this._forwarded_view0$_rule, this.$ti._precomputed1);
+    },
+    toString$0(_) {
+      return "forwarded " + this._forwarded_view0$_inner.toString$0(0);
+    },
+    $isModule1: 1,
+    get$variables() {
+      return this.variables;
+    },
+    get$variableNodes() {
+      return this.variableNodes;
+    },
+    get$functions(receiver) {
+      return this.functions;
+    },
+    get$mixins() {
+      return this.mixins;
+    }
+  };
+  A.FunctionExpression0.prototype = {
+    get$nameSpan() {
+      if (this.namespace == null)
+        return A.SpanExtensions_initialIdentifier0(this.span);
+      return A.SpanExtensions_initialIdentifier0(A.FileSpanExtension_subspan(A.SpanExtensions_withoutInitialIdentifier0(this.span), 1, null));
+    },
+    accept$1$1(visitor) {
+      return visitor.visitFunctionExpression$1(0, this);
+    },
+    accept$1(visitor) {
+      return this.accept$1$1(visitor, type$.dynamic);
+    },
+    toString$0(_) {
+      var t1 = this.namespace;
+      t1 = t1 != null ? t1 + "." : "";
+      t1 += this.originalName + this.$arguments.toString$0(0);
+      return t1.charCodeAt(0) == 0 ? t1 : t1;
+    },
+    get$span(receiver) {
+      return this.span;
+    }
+  };
+  A.JSFunction0.prototype = {};
+  A.SupportsFunction0.prototype = {
+    toInterpolation$0() {
+      var t4, t5,
+        t1 = new A.StringBuffer(""),
+        t2 = new A.InterpolationBuffer0(t1, A._setArrayType([], type$.JSArray_Object), A._setArrayType([], type$.JSArray_nullable_FileSpan)),
+        t3 = this.name;
+      t2.addInterpolation$1(t3);
+      t4 = this.$arguments;
+      t5 = t4.span;
+      t3 = A.SpanExtensions_between(t3.span, t5);
+      t3 = A.String_String$fromCharCodes(B.NativeUint32List_methods.sublist$2(t3.file._decodedChars, t3._file$_start, t3._end), 0, null);
+      t1._contents += t3;
+      t2.addInterpolation$1(t4);
+      t4 = this.span;
+      t5 = A.SpanExtensions_after(t4, t5);
+      t5 = A.String_String$fromCharCodes(B.NativeUint32List_methods.sublist$2(t5.file._decodedChars, t5._file$_start, t5._end), 0, null);
+      t1._contents += t5;
+      return t2.interpolation$1(t4);
+    },
+    withSpan$1(span) {
+      return new A.SupportsFunction0(this.name, this.$arguments, span);
+    },
+    toString$0(_) {
+      return this.name.toString$0(0) + "(" + this.$arguments.toString$0(0) + ")";
+    },
+    $isAstNode0: 1,
+    $isSassNode: 1,
+    $isSupportsCondition: 1,
+    get$span(receiver) {
+      return this.span;
+    }
+  };
+  A.functionClass_closure.prototype = {
+    call$0() {
+      var t1 = type$.JSClass,
+        jsClass = t1._as(A.allowInteropCaptureThisNamed("sass.SassFunction", new A.functionClass__closure()));
+      A.JSClassExtension_injectSuperclass(t1._as(new A.SassFunction0(A.BuiltInCallable$function0("f", "", new A.functionClass__closure0(), null), null).constructor), jsClass);
+      return jsClass;
+    },
+    $signature: 16
+  };
+  A.functionClass__closure.prototype = {
+    call$3($self, signature, callback) {
+      var paren = B.JSString_methods.indexOf$1(signature, "(");
+      if (paren === -1 || !B.JSString_methods.endsWith$1(signature, ")"))
+        A.jsThrow(new self.Error('Invalid signature for new sass.SassFunction(): "' + signature + '"'));
+      return new A.SassFunction0(A.BuiltInCallable$function0(B.JSString_methods.substring$2(signature, 0, paren), B.JSString_methods.substring$2(signature, paren + 1, signature.length - 1), callback, null), null);
+    },
+    "call*": "call$3",
+    $requiredArgCount: 3,
+    $signature: 479
+  };
+  A.functionClass__closure0.prototype = {
+    call$1(_) {
+      return B.C__SassNull0;
+    },
+    $signature: 3
+  };
+  A.SassFunction0.prototype = {
+    accept$1$1(visitor) {
+      var t1, t2;
+      if (!visitor._serialize0$_inspect)
+        A.throwExpression(A.SassScriptException$0(this.toString$0(0) + " isn't a valid CSS value.", null));
+      t1 = visitor._serialize0$_buffer;
+      t1.write$1(0, "get-function(");
+      t2 = this.callable;
+      visitor._serialize0$_visitQuotedString$1(t2.get$name(t2));
+      t1.writeCharCode$1(41);
+      return null;
+    },
+    accept$1(visitor) {
+      return this.accept$1$1(visitor, type$.dynamic);
+    },
+    assertFunction$1($name) {
+      return this;
+    },
+    assertCompileContext$1(compileContext) {
+      var t1 = this._function0$_compileContext;
+      if (t1 != null)
+        t1 = t1 !== compileContext;
+      else
+        t1 = false;
+      if (t1)
+        throw A.wrapException(A.SassScriptException$0(this.toString$0(0) + " does not belong to current compilation.", null));
+      return this;
+    },
+    $eq(_, other) {
+      if (other == null)
+        return false;
+      return other instanceof A.SassFunction0 && this.callable.$eq(0, other.callable);
+    },
+    get$hashCode(_) {
+      var t1 = this.callable;
+      return t1.get$hashCode(t1);
+    }
+  };
+  A.FunctionRule0.prototype = {
+    accept$1$1(visitor) {
+      return visitor.visitFunctionRule$1(0, this);
+    },
+    accept$1(visitor) {
+      return this.accept$1$1(visitor, type$.dynamic);
+    },
+    toString$0(_) {
+      return "@function " + this.name + "(" + this.parameters.toString$0(0) + ") {" + B.JSArray_methods.join$1(this.children, " ") + "}";
+    }
+  };
+  A.unifyComplex_closure0.prototype = {
+    call$1(complex) {
+      return complex.lineBreak;
+    },
+    $signature: 21
+  };
+  A._weaveParents_closure3.prototype = {
+    call$2(group1, group2) {
+      var t1, unified;
+      if (B.C_ListEquality.equals$2(0, group1, group2))
+        return group1;
+      if (A._complexIsParentSuperselector0(group1, group2))
+        return group2;
+      if (A._complexIsParentSuperselector0(group2, group1))
+        return group1;
+      if (!A._mustUnify0(group1, group2))
+        return null;
+      t1 = this.span;
+      unified = A.unifyComplex0(A._setArrayType([A.ComplexSelector$0(B.List_empty15, group1, t1, false), A.ComplexSelector$0(B.List_empty15, group2, t1, false)], type$.JSArray_ComplexSelector_2), t1);
+      if (unified == null)
+        t1 = null;
+      else {
+        t1 = A.IterableExtension_get_singleOrNull(unified);
+        t1 = t1 == null ? null : t1.components;
+      }
+      return t1;
+    },
+    $signature: 480
+  };
+  A._weaveParents_closure4.prototype = {
+    call$1(sequence) {
+      return A._complexIsParentSuperselector0(sequence.get$first(sequence), this.group);
+    },
+    $signature: 235
+  };
+  A._weaveParents_closure5.prototype = {
+    call$1(sequence) {
+      return sequence.get$length(0) === 0;
+    },
+    $signature: 235
+  };
+  A._weaveParents_closure6.prototype = {
+    call$1(choice) {
+      return J.get$isNotEmpty$asx(choice);
+    },
+    $signature: 482
+  };
+  A._mustUnify_closure0.prototype = {
+    call$1(component) {
+      return B.JSArray_methods.any$1(component.selector.components, new A._mustUnify__closure0(this.uniqueSelectors));
+    },
+    $signature: 53
+  };
+  A._mustUnify__closure0.prototype = {
+    call$1(simple) {
+      var t1;
+      if (!(simple instanceof A.IDSelector0))
+        t1 = simple instanceof A.PseudoSelector0 && !simple.isClass;
+      else
+        t1 = true;
+      return t1 && this.uniqueSelectors.contains$1(0, simple);
+    },
+    $signature: 14
+  };
+  A.paths_closure0.prototype = {
+    call$2(paths, choice) {
+      var t1 = this.T;
+      t1 = J.expand$1$1$ax(choice, new A.paths__closure0(paths, t1), t1._eval$1("List<0>"));
+      t1 = A.List_List$_of(t1, t1.$ti._eval$1("Iterable.E"));
+      return t1;
+    },
+    $signature() {
+      return this.T._eval$1("List<List<0>>(List<List<0>>,List<0>)");
+    }
+  };
+  A.paths__closure0.prototype = {
+    call$1(option) {
+      var t1 = this.T;
+      return J.map$1$1$ax(this.paths, new A.paths___closure0(option, t1), t1._eval$1("List<0>"));
+    },
+    $signature() {
+      return this.T._eval$1("Iterable<List<0>>(0)");
+    }
+  };
+  A.paths___closure0.prototype = {
+    call$1(path) {
+      var t1 = A.List_List$_of(path, this.T);
+      t1.push(this.option);
+      return t1;
+    },
+    $signature() {
+      return this.T._eval$1("List<0>(List<0>)");
+    }
+  };
+  A.listIsSuperselector_closure0.prototype = {
+    call$1(complex1) {
+      return B.JSArray_methods.any$1(this.list1, new A.listIsSuperselector__closure0(complex1));
+    },
+    $signature: 21
+  };
+  A.listIsSuperselector__closure0.prototype = {
+    call$1(complex2) {
+      return complex2.isSuperselector$1(this.complex1);
+    },
+    $signature: 21
+  };
+  A.complexIsSuperselector_closure1.prototype = {
+    call$1($parent) {
+      return $parent.combinators.length > 1;
+    },
+    $signature: 53
+  };
+  A.complexIsSuperselector_closure2.prototype = {
+    call$1(component) {
+      return A._isSupercombinator0(this.combinator1, A.IterableExtension_get_firstOrNull(component.combinators));
+    },
+    $signature: 53
+  };
+  A._compatibleWithPreviousCombinator_closure0.prototype = {
+    call$1(component) {
+      var t1 = component.combinators,
+        t2 = A.IterableExtension_get_firstOrNull(t1);
+      if ((t2 == null ? null : t2.value) !== B.Combinator_55N0) {
+        t1 = A.IterableExtension_get_firstOrNull(t1);
+        t1 = (t1 == null ? null : t1.value) === B.Combinator_bOP0;
+      } else
+        t1 = true;
+      return t1;
+    },
+    $signature: 53
+  };
+  A.compoundIsSuperselector_closure0.prototype = {
+    call$1(simple1) {
+      return B.JSArray_methods.any$1(this.compound2.components, simple1.get$isSuperselector());
+    },
+    $signature: 14
+  };
+  A._selectorPseudoIsSuperselector_closure6.prototype = {
+    call$1(selector2) {
+      return A.listIsSuperselector0(this.selector1.components, selector2.components);
+    },
+    $signature: 69
+  };
+  A._selectorPseudoIsSuperselector_closure7.prototype = {
+    call$1(complex1) {
+      var t1, t2;
+      if (complex1.leadingCombinators.length === 0) {
+        t1 = A._setArrayType([], type$.JSArray_ComplexSelectorComponent_2);
+        t2 = this.parents;
+        if (t2 != null)
+          B.JSArray_methods.addAll$1(t1, t2);
+        t2 = this.compound2;
+        t1.push(new A.ComplexSelectorComponent0(t2, A.List_List$unmodifiable(B.List_empty15, type$.CssValue_Combinator_2), t2.span));
+        t1 = A.complexIsSuperselector0(complex1.components, t1);
+      } else
+        t1 = false;
+      return t1;
+    },
+    $signature: 21
+  };
+  A._selectorPseudoIsSuperselector_closure8.prototype = {
+    call$1(selector2) {
+      return A.listIsSuperselector0(this.selector1.components, selector2.components);
+    },
+    $signature: 69
+  };
+  A._selectorPseudoIsSuperselector_closure9.prototype = {
+    call$1(selector2) {
+      return A.listIsSuperselector0(this.selector1.components, selector2.components);
+    },
+    $signature: 69
+  };
+  A._selectorPseudoIsSuperselector_closure10.prototype = {
+    call$1(complex) {
+      if (complex.accept$1(B._IsBogusVisitor_true0))
+        return false;
+      return B.JSArray_methods.any$1(this.compound2.components, new A._selectorPseudoIsSuperselector__closure0(complex, this.pseudo1));
+    },
+    $signature: 21
+  };
+  A._selectorPseudoIsSuperselector__closure0.prototype = {
+    call$1(simple2) {
+      var t1, selector2, _0_4, _this = this;
+      $label0$1: {
+        if (simple2 instanceof A.TypeSelector0) {
+          t1 = B.JSArray_methods.any$1(B.JSArray_methods.get$last(_this.complex.components).selector.components, new A._selectorPseudoIsSuperselector___closure1(simple2));
+          break $label0$1;
+        }
+        if (simple2 instanceof A.IDSelector0) {
+          t1 = B.JSArray_methods.any$1(B.JSArray_methods.get$last(_this.complex.components).selector.components, new A._selectorPseudoIsSuperselector___closure2(simple2));
+          break $label0$1;
+        }
+        selector2 = null;
+        t1 = false;
+        if (simple2 instanceof A.PseudoSelector0) {
+          _0_4 = simple2.selector;
+          if (_0_4 != null) {
+            selector2 = _0_4 == null ? type$.SelectorList_2._as(_0_4) : _0_4;
+            t1 = simple2.name === _this.pseudo1.name;
+          }
+        }
+        if (t1) {
+          t1 = A.listIsSuperselector0(selector2.components, A._setArrayType([_this.complex], type$.JSArray_ComplexSelector_2));
+          break $label0$1;
+        }
+        t1 = false;
+        break $label0$1;
+      }
+      return t1;
+    },
+    $signature: 14
+  };
+  A._selectorPseudoIsSuperselector___closure1.prototype = {
+    call$1(simple1) {
+      var t1;
+      if (simple1 instanceof A.TypeSelector0) {
+        t1 = this.simple2.name.$eq(0, simple1.name);
+        t1 = !t1;
+      } else
+        t1 = false;
+      return t1;
+    },
+    $signature: 14
+  };
+  A._selectorPseudoIsSuperselector___closure2.prototype = {
+    call$1(simple1) {
+      var t1;
+      if (simple1 instanceof A.IDSelector0)
+        t1 = this.simple2.name !== simple1.name;
+      else
+        t1 = false;
+      return t1;
+    },
+    $signature: 14
+  };
+  A._selectorPseudoIsSuperselector_closure11.prototype = {
+    call$1(selector2) {
+      var t1 = B.C_ListEquality.equals$2(0, this.selector1.components, selector2.components);
+      return t1;
+    },
+    $signature: 69
+  };
+  A._selectorPseudoIsSuperselector_closure12.prototype = {
+    call$1(pseudo2) {
+      var t1, selector2;
+      if (!(pseudo2 instanceof A.PseudoSelector0))
+        return false;
+      t1 = this.pseudo1;
+      if (pseudo2.name !== t1.name)
+        return false;
+      if (pseudo2.argument != t1.argument)
+        return false;
+      selector2 = pseudo2.selector;
+      if (selector2 == null)
+        return false;
+      return A.listIsSuperselector0(this.selector1.components, selector2.components);
+    },
+    $signature: 14
+  };
+  A._selectorPseudoArgs_closure1.prototype = {
+    call$1(pseudo) {
+      return pseudo.isClass === this.isClass && pseudo.name === this.name;
+    },
+    $signature: 484
+  };
+  A._selectorPseudoArgs_closure2.prototype = {
+    call$1(pseudo) {
+      return pseudo.selector;
+    },
+    $signature: 485
+  };
+  A.globalFunctions_closure0.prototype = {
+    call$1($arguments) {
+      var t1 = J.getInterceptor$asx($arguments);
+      return t1.$index($arguments, 0).get$isTruthy() ? t1.$index($arguments, 1) : t1.$index($arguments, 2);
+    },
+    $signature: 3
+  };
+  A.GamutMapMethod0.prototype = {
+    toString$0(_) {
+      return this.name;
+    }
+  };
+  A.HslColorSpace0.prototype = {
+    get$isBoundedInternal() {
+      return true;
+    },
+    get$isLegacyInternal() {
+      return true;
+    },
+    get$isPolarInternal() {
+      return true;
+    },
+    convert$5(dest, hue, saturation, lightness, alpha) {
+      var t1 = hue == null,
+        scaledHue = B.JSNumber_methods.$mod((t1 ? 0 : hue) / 360, 1),
+        t2 = saturation == null,
+        scaledSaturation = (t2 ? 0 : saturation) / 100,
+        t3 = lightness == null,
+        scaledLightness = (t3 ? 0 : lightness) / 100,
+        m2 = scaledLightness <= 0.5 ? scaledLightness * (scaledSaturation + 1) : scaledLightness + scaledSaturation - scaledLightness * scaledSaturation,
+        m1 = scaledLightness * 2 - m2;
+      return B.SrgbColorSpace_thf0.convert$8$missingChroma$missingHue$missingLightness(dest, A.hueToRgb0(m1, m2, scaledHue + 0.3333333333333333), A.hueToRgb0(m1, m2, scaledHue), A.hueToRgb0(m1, m2, scaledHue - 0.3333333333333333), alpha, t2, t1, t3);
+    }
+  };
+  A.HwbColorSpace0.prototype = {
+    get$isBoundedInternal() {
+      return true;
+    },
+    get$isLegacyInternal() {
+      return true;
+    },
+    get$isPolarInternal() {
+      return true;
+    },
+    convert$5(dest, hue, whiteness, blackness, alpha) {
+      var t3, t1 = {},
+        t2 = hue == null,
+        scaledHue = B.JSNumber_methods.$mod(t2 ? 0 : hue, 360) / 360,
+        scaledWhiteness = t1.scaledWhiteness = (whiteness == null ? 0 : whiteness) / 100,
+        scaledBlackness = (blackness == null ? 0 : blackness) / 100,
+        sum = scaledWhiteness + scaledBlackness;
+      if (sum > 1) {
+        t3 = t1.scaledWhiteness = scaledWhiteness / sum;
+        scaledBlackness /= sum;
+      } else
+        t3 = scaledWhiteness;
+      t3 = new A.HwbColorSpace_convert_toRgb0(t1, 1 - t3 - scaledBlackness);
+      return B.SrgbColorSpace_thf0.convert$6$missingHue(dest, t3.call$1(scaledHue + 0.3333333333333333), t3.call$1(scaledHue), t3.call$1(scaledHue - 0.3333333333333333), alpha, t2);
+    }
+  };
+  A.HwbColorSpace_convert_toRgb0.prototype = {
+    call$1(hue) {
+      return A.hueToRgb0(0, 1, hue) * this.factor + this._box_0.scaledWhiteness;
+    },
+    $signature: 15
+  };
+  A.IDSelector0.prototype = {
+    get$specificity() {
+      return A._asInt(Math.pow(A.SimpleSelector0.prototype.get$specificity.call(this), 2));
+    },
+    accept$1$1(visitor) {
+      return visitor.visitIDSelector$1(this);
+    },
+    accept$1(visitor) {
+      return this.accept$1$1(visitor, type$.dynamic);
+    },
+    addSuffix$1(suffix) {
+      return new A.IDSelector0(this.name + suffix, this.span);
+    },
+    unify$1(compound) {
+      if (B.JSArray_methods.any$1(compound, new A.IDSelector_unify_closure0(this)))
+        return null;
+      return this.super$SimpleSelector$unify0(compound);
+    },
+    $eq(_, other) {
+      if (other == null)
+        return false;
+      return other instanceof A.IDSelector0 && other.name === this.name;
+    },
+    get$hashCode(_) {
+      return B.JSString_methods.get$hashCode(this.name);
+    }
+  };
+  A.IDSelector_unify_closure0.prototype = {
+    call$1(simple) {
+      var t1;
+      if (simple instanceof A.IDSelector0)
+        t1 = this.$this.name !== simple.name;
+      else
+        t1 = false;
+      return t1;
+    },
+    $signature: 14
+  };
+  A.IfExpression0.prototype = {
+    accept$1$1(visitor) {
+      return visitor.visitIfExpression$1(0, this);
+    },
+    accept$1(visitor) {
+      return this.accept$1$1(visitor, type$.dynamic);
+    },
+    toString$0(_) {
+      return "if" + this.$arguments.toString$0(0);
+    },
+    get$span(receiver) {
+      return this.span;
+    }
+  };
+  A.IfRule0.prototype = {
+    accept$1$1(visitor) {
+      return visitor.visitIfRule$1(0, this);
+    },
+    accept$1(visitor) {
+      return this.accept$1$1(visitor, type$.dynamic);
+    },
+    toString$0(_) {
+      var result = A.ListExtensions_mapIndexed(this.clauses, new A.IfRule_toString_closure0(), type$.IfClause_2, type$.String).join$1(0, " "),
+        lastClause = this.lastClause;
+      return lastClause != null ? result + (" " + lastClause.toString$0(0)) : result;
+    },
+    get$span(receiver) {
+      return this.span;
+    }
+  };
+  A.IfRule_toString_closure0.prototype = {
+    call$2(index, clause) {
+      var t1 = index === 0 ? "if" : "else if";
+      return "@" + t1 + " " + clause.expression.toString$0(0) + " {" + B.JSArray_methods.join$1(clause.children, " ") + "}";
+    },
+    $signature: 486
+  };
+  A.IfRuleClause0.prototype = {};
+  A.IfRuleClause$__closure0.prototype = {
+    call$1(child) {
+      var t1;
+      $label0$0: {
+        if (child instanceof A.VariableDeclaration0 || child instanceof A.FunctionRule0 || child instanceof A.MixinRule0) {
+          t1 = true;
+          break $label0$0;
+        }
+        if (child instanceof A.ImportRule0) {
+          t1 = B.JSArray_methods.any$1(child.imports, new A.IfRuleClause$___closure0());
+          break $label0$0;
+        }
+        t1 = false;
+        break $label0$0;
+      }
+      return t1;
+    },
+    $signature: 237
+  };
+  A.IfRuleClause$___closure0.prototype = {
+    call$1($import) {
+      return $import instanceof A.DynamicImport0;
+    },
+    $signature: 238
+  };
+  A.IfClause0.prototype = {
+    toString$0(_) {
+      return "@if " + this.expression.toString$0(0) + " {" + B.JSArray_methods.join$1(this.children, " ") + "}";
+    }
+  };
+  A.ElseClause0.prototype = {
+    toString$0(_) {
+      return "@else {" + B.JSArray_methods.join$1(this.children, " ") + "}";
+    }
+  };
+  A.ImmutableList0.prototype = {};
+  A.ImmutableMap0.prototype = {};
+  A.immutableMapToDartMap_closure.prototype = {
+    call$3(value, key, _) {
+      this.dartMap.$indexSet(0, key, value);
+    },
+    "call*": "call$3",
+    $requiredArgCount: 3,
+    $signature: 489
+  };
+  A.NodeImporter.prototype = {
+    loadRelative$3(url, previous, forImport) {
+      var t1, t2, _null = null;
+      if ($.$get$url().style.rootLength$1(url) > 0) {
+        if (!B.JSString_methods.startsWith$1(url, "/") && !B.JSString_methods.startsWith$1(url, "file:"))
+          return _null;
+        return this._tryPath$2($.$get$context().style.pathFromUri$1(A._parseUri(url)), forImport);
+      }
+      if ((previous == null ? _null : previous.get$scheme()) !== "file")
+        return _null;
+      t1 = $.$get$context();
+      previous.toString;
+      t2 = t1.style;
+      return this._tryPath$2(A.join(t1.dirname$1(t2.pathFromUri$1(A._parseUri(previous))), t2.pathFromUri$1(A._parseUri(url)), _null), forImport);
+    },
+    load$3(_, url, previous, forImport) {
+      var t1, t2, _i, _0_0, _this = this,
+        previousString = _this._previousToString$1(previous);
+      for (t1 = _this._implementation$_importers, t2 = t1.length, _i = 0; _i < t2; ++_i) {
+        _0_0 = A.wrapJSExceptions(new A.NodeImporter_load_closure(_this, t1[_i], forImport, url, previousString));
+        if (_0_0 != null)
+          return _this._handleImportResult$4(url, previous, _0_0, forImport);
+      }
+      return _this._resolveLoadPathFromUrl$2(A.Uri_parse(url), forImport);
+    },
+    loadAsync$3(url, previous, forImport) {
+      return this.loadAsync$body$NodeImporter(url, previous, forImport);
+    },
+    loadAsync$body$NodeImporter(url, previous, forImport) {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.nullable_Record_2_String_and_String),
+        $async$returnValue, $async$self = this, t1, t2, _i, _0_0, previousString;
+      var $async$loadAsync$3 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              previousString = $async$self._previousToString$1(previous);
+              t1 = $async$self._implementation$_importers, t2 = t1.length, _i = 0;
+            case 3:
+              // for condition
+              if (!(_i < t2)) {
+                // goto after for
+                $async$goto = 5;
+                break;
+              }
+              $async$goto = 6;
+              return A._asyncAwait($async$self._callImporterAsync$4(t1[_i], url, previousString, forImport), $async$loadAsync$3);
+            case 6:
+              // returning from await.
+              _0_0 = $async$result;
+              if (_0_0 != null) {
+                $async$returnValue = $async$self._handleImportResult$4(url, previous, _0_0, forImport);
+                // goto return
+                $async$goto = 1;
+                break;
+              }
+            case 4:
+              // for update
+              ++_i;
+              // goto for condition
+              $async$goto = 3;
+              break;
+            case 5:
+              // after for
+              $async$returnValue = $async$self._resolveLoadPathFromUrl$2(A.Uri_parse(url), forImport);
+              // goto return
+              $async$goto = 1;
+              break;
+            case 1:
+              // return
+              return A._asyncReturn($async$returnValue, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$loadAsync$3, $async$completer);
+    },
+    _previousToString$1(previous) {
+      var t1;
+      $label0$0: {
+        if (previous == null) {
+          t1 = "stdin";
+          break $label0$0;
+        }
+        if ("file" === previous.get$scheme()) {
+          t1 = $.$get$context().style.pathFromUri$1(A._parseUri(previous));
+          break $label0$0;
+        }
+        t1 = previous.toString$0(0);
+        break $label0$0;
+      }
+      return t1;
+    },
+    _resolveLoadPathFromUrl$2(url, forImport) {
+      return url.get$scheme() === "" || url.get$scheme() === "file" ? this._resolveLoadPath$2($.$get$context().style.pathFromUri$1(A._parseUri(url)), forImport) : null;
+    },
+    _resolveLoadPath$2(path, forImport) {
+      var t1, t2, _i, t3, _1_0, _null = null,
+        _0_0 = this._tryPath$2(A.absolute(path, _null, _null, _null, _null, _null, _null, _null, _null, _null, _null, _null, _null, _null, _null), forImport);
+      if (_0_0 != null)
+        return _0_0;
+      for (t1 = this._includePaths, t2 = t1.length, _i = 0; _i < t2; ++_i) {
+        t3 = A.join(t1[_i], path, _null);
+        _1_0 = this._tryPath$2($.$get$context().absolute$15(t3, _null, _null, _null, _null, _null, _null, _null, _null, _null, _null, _null, _null, _null, _null), forImport);
+        if (_1_0 != null)
+          return _1_0;
+      }
+      return _null;
+    },
+    _tryPath$2(path, forImport) {
+      var t1 = forImport ? A.inImportRule(new A.NodeImporter__tryPath_closure(path), type$.nullable_String) : A.resolveImportPath0(path);
+      return A.NullableExtension_andThen0(t1, new A.NodeImporter__tryPath_closure0());
+    },
+    _handleImportResult$4(url, previous, value, forImport) {
+      var t1, file, contents, t2, resolved;
+      if (value instanceof self.Error)
+        throw A.wrapException(value);
+      if (!type$.NodeImporterResult._is(value))
+        return null;
+      t1 = J.getInterceptor$x(value);
+      file = t1.get$file(value);
+      contents = t1.get$contents(value);
+      t1 = contents == null;
+      t2 = !t1;
+      if (t2 && A._asString(new self.Function("value", "return typeof value").call$1(contents)) !== "string")
+        A.jsThrow(new A.ArgumentError(true, contents, "contents", "must be a string but was: " + A.jsType(contents)));
+      if (file == null)
+        return new A._Record_2(t1 ? "" : contents, url);
+      else if (t2)
+        return new A._Record_2(contents, $.$get$context().toUri$1(file).toString$0(0));
+      else {
+        resolved = this.loadRelative$3($.$get$context().toUri$1(file).toString$0(0), previous, forImport);
+        if (resolved == null)
+          resolved = this._resolveLoadPath$2(file, forImport);
+        if (resolved != null)
+          return resolved;
+        throw A.wrapException("Can't find stylesheet to import.");
+      }
+    },
+    _callImporterAsync$4(importer, url, previousString, forImport) {
+      return this._callImporterAsync$body$NodeImporter(importer, url, previousString, forImport);
+    },
+    _callImporterAsync$body$NodeImporter(importer, url, previousString, forImport) {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.nullable_Object),
+        $async$returnValue, $async$self = this, t1, result;
+      var $async$_callImporterAsync$4 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              t1 = new A._Future($.Zone__current, type$._Future_Object);
+              result = A.wrapJSExceptions(new A.NodeImporter__callImporterAsync_closure($async$self, importer, forImport, url, previousString, new A._AsyncCompleter(t1, type$._AsyncCompleter_Object)));
+              $async$goto = A._asBool($.$get$_isUndefined().call$1(result)) ? 3 : 4;
+              break;
+            case 3:
+              // then
+              $async$goto = 5;
+              return A._asyncAwait(t1, $async$_callImporterAsync$4);
+            case 5:
+              // returning from await.
+              $async$returnValue = $async$result;
+              // goto return
+              $async$goto = 1;
+              break;
+            case 4:
+              // join
+              $async$returnValue = result;
+              // goto return
+              $async$goto = 1;
+              break;
+            case 1:
+              // return
+              return A._asyncReturn($async$returnValue, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$_callImporterAsync$4, $async$completer);
+    },
+    _renderContext$1(fromImport) {
+      var context = {options: type$.RenderContextOptions._as(this._implementation$_options), fromImport: fromImport};
+      J.set$context$x(J.get$options$x(context), context);
+      return context;
+    }
+  };
+  A.NodeImporter_load_closure.prototype = {
+    call$0() {
+      var _this = this;
+      return J.apply$2$x(_this.importer, _this.$this._renderContext$1(_this.forImport), A._setArrayType([_this.url, _this.previousString], type$.JSArray_Object));
+    },
+    $signature: 37
+  };
+  A.NodeImporter__tryPath_closure.prototype = {
+    call$0() {
+      return A.resolveImportPath0(this.path);
+    },
+    $signature: 48
+  };
+  A.NodeImporter__tryPath_closure0.prototype = {
+    call$1(resolved) {
+      return new A._Record_2(A.readFile0(resolved), $.$get$context().toUri$1(resolved).toString$0(0));
+    },
+    $signature: 490
+  };
+  A.NodeImporter__callImporterAsync_closure.prototype = {
+    call$0() {
+      var _this = this;
+      return J.apply$2$x(_this.importer, _this.$this._renderContext$1(_this.forImport), A._setArrayType([_this.url, _this.previousString, A.allowInterop(_this.completer.get$complete())], type$.JSArray_Object));
+    },
+    $signature: 37
+  };
+  A.ModifiableCssImport0.prototype = {
+    accept$1$1(visitor) {
+      return visitor.visitCssImport$1(this);
+    },
+    accept$1(visitor) {
+      return this.accept$1$1(visitor, type$.dynamic);
+    },
+    get$span(receiver) {
+      return this.span;
+    }
+  };
+  A.ImportCache0.prototype = {
+    canonicalize$4$baseImporter$baseUrl$forImport(_, url, baseImporter, baseUrl, forImport) {
+      var t1, resolvedUrl, key, relativeResult, t2, t3, t4, t5, t6, cacheable, i, importer, perImporterKey, t7, _1_0, _1_2_isSet, result, _1_2, _2_0, _2_1, _2_5_isSet, _2_5, _2_3, _2_3_isSet, j, _this = this, _null = null;
+      if (A.isBrowser())
+        t1 = (baseImporter == null || baseImporter instanceof A.NoOpImporter0) && _this._import_cache$_importers.length === 0;
+      else
+        t1 = false;
+      if (t1)
+        throw A.wrapException(string$.Custom);
+      if (baseImporter != null && url.get$scheme() === "") {
+        resolvedUrl = baseUrl == null ? _null : baseUrl.resolveUri$1(url);
+        if (resolvedUrl == null)
+          resolvedUrl = url;
+        key = new A._Record_3_forImport(baseImporter, resolvedUrl, forImport);
+        relativeResult = _this._import_cache$_perImporterCanonicalizeCache.putIfAbsent$2(key, new A.ImportCache_canonicalize_closure0(_this, baseImporter, resolvedUrl, baseUrl, forImport, key, url));
+        if (relativeResult != null)
+          return relativeResult;
+      }
+      key = new A._Record_2_forImport(url, forImport);
+      t1 = _this._import_cache$_canonicalizeCache;
+      if (t1.containsKey$1(key))
+        return t1.$index(0, key);
+      for (t2 = _this._import_cache$_importers, t3 = type$.Record_1_nullable_Object, t4 = _this._import_cache$_perImporterCanonicalizeCache, t5 = type$.nullable_Record_3_Importer_and_Uri_and_Uri_originalUrl_2, t6 = type$.Record_3_Importer_and_Uri_and_Uri_originalUrl_2, cacheable = true, i = 0; i < t2.length; ++i) {
+        importer = t2[i];
+        perImporterKey = new A._Record_3_forImport(importer, url, forImport);
+        if (t4.containsKey$1(perImporterKey)) {
+          t7 = t4.$index(0, perImporterKey);
+          _1_0 = new A._Record_1(t7 == null ? t5._as(t7) : t7);
+        } else
+          _1_0 = _null;
+        _1_2_isSet = t3._is(_1_0);
+        result = _null;
+        if (_1_2_isSet) {
+          _1_2 = _1_0._0;
+          t7 = _1_2 != null;
+          if (t7) {
+            t6._as(_1_2);
+            result = _1_2;
+          }
+        } else {
+          _1_2 = _null;
+          t7 = false;
+        }
+        if (t7)
+          return result;
+        if (_1_2_isSet)
+          t7 = _1_2 == null;
+        else
+          t7 = false;
+        if (t7)
+          continue;
+        $label0$1: {
+          _2_0 = _this._import_cache$_canonicalize$4(importer, url, baseUrl, forImport);
+          _2_1 = _2_0._0;
+          _2_5_isSet = _2_1 != null;
+          _2_5 = _null;
+          _2_3 = _null;
+          t7 = false;
+          if (_2_5_isSet) {
+            result = _2_1 == null ? t6._as(_2_1) : _2_1;
+            _2_3 = _2_0._1;
+            t7 = _2_3;
+            _2_5 = t7;
+            t7 = t7 && cacheable;
+          } else
+            result = _null;
+          if (t7) {
+            t1.$indexSet(0, key, result);
+            return result;
+          }
+          if (_2_5_isSet) {
+            t7 = _2_5;
+            _2_3_isSet = _2_5_isSet;
+          } else {
+            _2_3 = _2_0._1;
+            t7 = _2_3;
+            _2_3_isSet = true;
+          }
+          t7 = t7 && !cacheable;
+          if (t7) {
+            t4.$indexSet(0, perImporterKey, _2_1);
+            if (_2_1 != null)
+              return _2_1;
+            break $label0$1;
+          }
+          t7 = !(_2_3_isSet ? _2_3 : _2_0._1);
+          if (t7) {
+            if (cacheable) {
+              for (j = 0; j < i; ++j)
+                t4.$indexSet(0, new A._Record_3_forImport(t2[j], url, forImport), _null);
+              cacheable = false;
+            }
+            if (_2_1 != null)
+              return _2_1;
+          }
+        }
+      }
+      if (cacheable)
+        t1.$indexSet(0, key, _null);
+      return _null;
+    },
+    _import_cache$_canonicalize$4(importer, url, baseUrl, forImport) {
+      var passContainingUrl, canonicalizeContext, t1, result, cacheable;
+      if (baseUrl != null)
+        passContainingUrl = url.get$scheme() === "" || importer.isNonCanonicalScheme$1(url.get$scheme());
+      else
+        passContainingUrl = false;
+      canonicalizeContext = new A.CanonicalizeContext0(forImport, passContainingUrl ? baseUrl : null);
+      t1 = type$.nullable_Object;
+      result = A.runZoned(new A.ImportCache__canonicalize_closure0(importer, url), A.LinkedHashMap_LinkedHashMap$_literal([B.Symbol__canonicalizeContext, canonicalizeContext], t1, t1), type$.nullable_Uri);
+      cacheable = !passContainingUrl || !canonicalizeContext._canonicalize_context$_wasContainingUrlAccessed;
+      if (result == null)
+        return new A._Record_2(null, cacheable);
+      if (result.get$scheme() !== "" && importer.isNonCanonicalScheme$1(result.get$scheme()))
+        throw A.wrapException("Importer " + importer.toString$0(0) + " canonicalized " + url.toString$0(0) + " to " + result.toString$0(0) + string$.x2c_whicu);
+      return new A._Record_2(new A._Record_3_originalUrl(importer, result, url), cacheable);
+    },
+    importCanonical$3$originalUrl(importer, canonicalUrl, originalUrl) {
+      return this._import_cache$_importCache.putIfAbsent$2(canonicalUrl, new A.ImportCache_importCanonical_closure0(this, importer, canonicalUrl, originalUrl));
+    },
+    humanize$1(canonicalUrl) {
+      var t1 = this._import_cache$_canonicalizeCache,
+        t2 = type$.NonNullsIterable_Record_3_Importer_and_Uri_and_Uri_originalUrl_2;
+      t2 = A.NullableExtension_andThen0(A.minBy(new A.MappedIterable(new A.WhereIterable(new A.NonNullsIterable(new A.LinkedHashMapValuesIterable(t1, A._instanceType(t1)._eval$1("LinkedHashMapValuesIterable<2>")), t2), new A.ImportCache_humanize_closure3(canonicalUrl), t2._eval$1("WhereIterable<Iterable.E>")), new A.ImportCache_humanize_closure4(), t2._eval$1("MappedIterable<Iterable.E,Uri>")), new A.ImportCache_humanize_closure5()), new A.ImportCache_humanize_closure6(canonicalUrl));
+      return t2 == null ? canonicalUrl : t2;
+    },
+    sourceMapUrl$1(_, canonicalUrl) {
+      var t1 = this._import_cache$_resultsCache.$index(0, canonicalUrl);
+      t1 = t1 == null ? null : t1.get$sourceMapUrl(0);
+      return t1 == null ? canonicalUrl : t1;
+    }
+  };
+  A.ImportCache_canonicalize_closure0.prototype = {
+    call$0() {
+      var _this = this,
+        t1 = _this.$this,
+        t2 = _this.baseUrl,
+        _0_0 = t1._import_cache$_canonicalize$4(_this.baseImporter, _this.resolvedUrl, t2, _this.forImport);
+      if (t2 != null)
+        t1._import_cache$_nonCanonicalRelativeUrls.$indexSet(0, _this.key, _this.url);
+      return _0_0._0;
+    },
+    $signature: 491
+  };
+  A.ImportCache__canonicalize_closure0.prototype = {
+    call$0() {
+      return this.importer.canonicalize$1(0, this.url);
+    },
+    $signature: 270
+  };
+  A.ImportCache_importCanonical_closure0.prototype = {
+    call$0() {
+      var t3, _this = this,
+        t1 = Date.now(),
+        t2 = _this.canonicalUrl,
+        result = _this.importer.load$1(0, t2);
+      if (result == null)
+        return null;
+      t3 = _this.$this;
+      t3._import_cache$_loadTimes.$indexSet(0, t2, new A.DateTime(t1, 0, false));
+      t3._import_cache$_resultsCache.$indexSet(0, t2, result);
+      t3 = result.contents;
+      t1 = result.syntax;
+      t2 = _this.originalUrl.resolveUri$1(t2);
+      return A.Stylesheet_Stylesheet$parse0(t3, t1, t2);
+    },
+    $signature: 492
+  };
+  A.ImportCache_humanize_closure3.prototype = {
+    call$1(result) {
+      return result._1.$eq(0, this.canonicalUrl);
+    },
+    $signature: 493
+  };
+  A.ImportCache_humanize_closure4.prototype = {
+    call$1(result) {
+      return result._2;
+    },
+    $signature: 494
+  };
+  A.ImportCache_humanize_closure5.prototype = {
+    call$1(url) {
+      return url.get$path(url).length;
+    },
+    $signature: 89
+  };
+  A.ImportCache_humanize_closure6.prototype = {
+    call$1(url) {
+      var t1 = $.$get$url(),
+        t2 = this.canonicalUrl;
+      return url.resolve$1(0, A.ParsedPath_ParsedPath$parse(t2.get$path(t2), t1.style).get$basename());
+    },
+    $signature: 47
+  };
+  A.ImportRule0.prototype = {
+    accept$1$1(visitor) {
+      return visitor.visitImportRule$1(0, this);
+    },
+    accept$1(visitor) {
+      return this.accept$1$1(visitor, type$.dynamic);
+    },
+    toString$0(_) {
+      return "@import " + B.JSArray_methods.join$1(this.imports, ", ") + ";";
+    },
+    get$span(receiver) {
+      return this.span;
+    }
+  };
+  A.JSImporter.prototype = {};
+  A.JSImporterResult.prototype = {};
+  A.Importer0.prototype = {
+    isNonCanonicalScheme$1(scheme) {
+      return false;
+    }
+  };
+  A.NodeImporterResult0.prototype = {};
+  A.IncludeRule0.prototype = {
+    get$spanWithoutContent() {
+      var t2, t3,
+        t1 = this.span;
+      if (!(this.content == null)) {
+        t2 = t1.file;
+        t3 = this.$arguments.span;
+        t3 = A.SpanExtensions_trimRight0(A.SpanExtensions_trimLeft0(t2.span$2(0, A.FileLocation$_(t2, t1._file$_start).offset, t3.get$end(t3).offset)));
+        t1 = t3;
+      }
+      return t1;
+    },
+    get$nameSpan() {
+      var startSpan, scanner, _null = null,
+        t1 = this.span,
+        t2 = t1._file$_start,
+        t3 = t1._end,
+        t4 = t1.file._decodedChars;
+      if (B.JSString_methods.startsWith$1(A.String_String$fromCharCodes(B.NativeUint32List_methods.sublist$2(t4, t2, t3), 0, _null), "+"))
+        startSpan = A.SpanExtensions_trimLeft0(A.FileSpanExtension_subspan(t1, 1, _null));
+      else {
+        scanner = A.StringScanner$(A.String_String$fromCharCodes(B.NativeUint32List_methods.sublist$2(t4, t2, t3), 0, _null), _null, _null);
+        scanner.expectChar$1(64);
+        A._scanIdentifier0(scanner);
+        startSpan = A.SpanExtensions_trimLeft0(A.FileSpanExtension_subspan(t1, scanner._string_scanner$_position, _null));
+      }
+      return A.SpanExtensions_initialIdentifier0(this.namespace != null ? A.FileSpanExtension_subspan(A.SpanExtensions_withoutInitialIdentifier0(startSpan), 1, _null) : startSpan);
+    },
+    accept$1$1(visitor) {
+      return visitor.visitIncludeRule$1(0, this);
+    },
+    accept$1(visitor) {
+      return this.accept$1$1(visitor, type$.dynamic);
+    },
+    toString$0(_) {
+      var t2, _this = this,
+        t1 = _this.namespace;
+      t1 = t1 != null ? "@include " + (t1 + ".") : "@include ";
+      t1 += _this.name;
+      t2 = _this.$arguments;
+      if (!t2.get$isEmpty(0))
+        t1 += "(" + t2.toString$0(0) + ")";
+      t2 = _this.content;
+      t1 += t2 == null ? ";" : " " + t2.toString$0(0);
+      return t1.charCodeAt(0) == 0 ? t1 : t1;
+    },
+    get$span(receiver) {
+      return this.span;
+    }
+  };
+  A.InterpolatedFunctionExpression0.prototype = {
+    accept$1$1(visitor) {
+      return visitor.visitInterpolatedFunctionExpression$1(0, this);
+    },
+    accept$1(visitor) {
+      return this.accept$1$1(visitor, type$.dynamic);
+    },
+    toString$0(_) {
+      return this.name.toString$0(0) + this.$arguments.toString$0(0);
+    },
+    get$span(receiver) {
+      return this.span;
+    }
+  };
+  A.Interpolation0.prototype = {
+    get$asPlain() {
+      var _0_1, t1, _0_6_isSet, _0_6, first,
+        _0_0 = this.contents;
+      $label0$0: {
+        _0_1 = _0_0.length;
+        if (_0_1 <= 0) {
+          t1 = "";
+          break $label0$0;
+        }
+        _0_6_isSet = _0_1 === 1;
+        if (_0_6_isSet) {
+          _0_6 = _0_0[0];
+          t1 = typeof _0_6 == "string";
+        } else {
+          _0_6 = null;
+          t1 = false;
+        }
+        if (t1) {
+          first = A._asString(_0_6_isSet ? _0_6 : _0_0[0]);
+          t1 = first;
+          break $label0$0;
+        }
+        t1 = null;
+        break $label0$0;
+      }
+      return t1;
+    },
+    get$initialPlain() {
+      var _0_4_isSet, _0_4, t1, first,
+        _0_0 = this.contents;
+      $label0$0: {
+        _0_4_isSet = _0_0.length >= 1;
+        if (_0_4_isSet) {
+          _0_4 = _0_0[0];
+          t1 = typeof _0_4 == "string";
+        } else {
+          _0_4 = null;
+          t1 = false;
+        }
+        if (t1) {
+          first = A._asString(_0_4_isSet ? _0_4 : _0_0[0]);
+          t1 = first;
+          break $label0$0;
+        }
+        t1 = "";
+        break $label0$0;
+      }
+      return t1;
+    },
+    spanForElement$1(index) {
+      var t1, t2, t3, t4, t5, _this = this;
+      $label0$0: {
+        if (typeof _this.contents[index] == "string") {
+          t1 = _this.span;
+          t2 = t1.get$file(t1);
+          if (index === 0)
+            t3 = t1.get$start(t1);
+          else {
+            t3 = _this.spans[index - 1];
+            t3 = t3.get$end(t3);
+          }
+          t4 = index + 1;
+          t5 = _this.spans;
+          if (t4 === t5.length)
+            t1 = t1.get$end(t1);
+          else {
+            t1 = t5[t4];
+            t1 = t1.get$start(t1);
+          }
+          t1 = t2.span$2(0, t3.offset, t1.offset);
+          break $label0$0;
+        }
+        t1 = _this.spans[index];
+        t1.toString;
+        break $label0$0;
+      }
+      return t1;
+    },
+    Interpolation$30(contents, spans, span) {
+      var t1, t2, t3, t4, i, t5, isString, _s5_ = "spans",
+        _s8_ = "contents";
+      if (spans.length !== J.get$length$asx(contents))
+        throw A.wrapException(A.ArgumentError$value(this.spans, _s5_, "Must be the same length as contents."));
+      for (t1 = this.contents, t2 = t1.length, t3 = spans.length, t4 = this.spans, i = 0; i < t2; ++i) {
+        t5 = t1[i];
+        isString = typeof t5 == "string";
+        if (!isString && !(t5 instanceof A.Expression0))
+          throw A.wrapException(A.ArgumentError$value(t1, _s8_, "May only contain Strings or Expressions."));
+        else if (isString) {
+          if (i !== 0 && typeof t1[i - 1] == "string")
+            throw A.wrapException(A.ArgumentError$value(t1, _s8_, "May not contain adjacent Strings."));
+          else if (i < t3 && t4[i] != null)
+            throw A.wrapException(A.ArgumentError$value(t4, _s5_, string$.May_no + i + ")."));
+        } else if (i >= t3 || t4[i] == null)
+          throw A.wrapException(A.ArgumentError$value(t4, _s5_, string$.Must_n + i + ")."));
+      }
+    },
+    toString$0(_) {
+      var t1 = this.contents;
+      return new A.MappedListIterable(t1, new A.Interpolation_toString_closure0(), A._arrayInstanceType(t1)._eval$1("MappedListIterable<1,String>")).join$0(0);
+    },
+    $isAstNode0: 1,
+    $isSassNode: 1,
+    get$span(receiver) {
+      return this.span;
+    }
+  };
+  A.Interpolation_toString_closure0.prototype = {
+    call$1(value) {
+      return typeof value == "string" ? value : "#{" + A.S(value) + "}";
+    },
+    $signature: 117
+  };
+  A.SupportsInterpolation0.prototype = {
+    toInterpolation$0() {
+      var t1 = this.span;
+      return A.Interpolation$0(A._setArrayType([this.expression], type$.JSArray_Object), A._setArrayType([t1], type$.JSArray_nullable_FileSpan), t1);
+    },
+    withSpan$1(span) {
+      return new A.SupportsInterpolation0(this.expression, span);
+    },
+    toString$0(_) {
+      return "#{" + this.expression.toString$0(0) + "}";
+    },
+    $isAstNode0: 1,
+    $isSassNode: 1,
+    $isSupportsCondition: 1,
+    get$span(receiver) {
+      return this.span;
+    }
+  };
+  A.InterpolationBuffer0.prototype = {
+    writeCharCode$1(character) {
+      var t1 = this._interpolation_buffer0$_text,
+        t2 = A.Primitives_stringFromCharCode(character);
+      t1._contents += t2;
+      return null;
+    },
+    add$2(_, expression, span) {
+      this._interpolation_buffer0$_flushText$0();
+      this._interpolation_buffer0$_contents.push(expression);
+      this._interpolation_buffer0$_spans.push(span);
+    },
+    addInterpolation$1(interpolation) {
+      var spansToAdd, _0_4_isSet, _0_4, first, rest, t2, t3, _this = this,
+        toAdd = interpolation.contents,
+        t1 = toAdd.length;
+      if (t1 === 0)
+        return;
+      spansToAdd = interpolation.spans;
+      _0_4_isSet = t1 >= 1;
+      if (_0_4_isSet) {
+        _0_4 = toAdd[0];
+        t1 = typeof _0_4 == "string";
+      } else {
+        _0_4 = null;
+        t1 = false;
+      }
+      if (t1) {
+        first = A._asString(_0_4_isSet ? _0_4 : toAdd[0]);
+        rest = B.JSArray_methods.sublist$1(toAdd, 1);
+        t1 = _this._interpolation_buffer0$_text;
+        t1._contents += first;
+        spansToAdd = A.SubListIterable$(spansToAdd, 1, null, A._arrayInstanceType(spansToAdd)._precomputed1);
+        toAdd = rest;
+      }
+      _this._interpolation_buffer0$_flushText$0();
+      t1 = _this._interpolation_buffer0$_contents;
+      B.JSArray_methods.addAll$1(t1, toAdd);
+      t2 = _this._interpolation_buffer0$_spans;
+      B.JSArray_methods.addAll$1(t2, spansToAdd);
+      if (typeof B.JSArray_methods.get$last(t1) == "string") {
+        t3 = _this._interpolation_buffer0$_text;
+        t1 = A.S(t1.pop());
+        t3._contents += t1;
+        t2.pop();
+      }
+    },
+    _interpolation_buffer0$_flushText$0() {
+      var t1 = this._interpolation_buffer0$_text,
+        t2 = t1._contents;
+      if (t2.length === 0)
+        return;
+      this._interpolation_buffer0$_contents.push(t2.charCodeAt(0) == 0 ? t2 : t2);
+      this._interpolation_buffer0$_spans.push(null);
+      t1._contents = "";
+    },
+    interpolation$1(span) {
+      var t1 = A.List_List$_of(this._interpolation_buffer0$_contents, type$.Object),
+        t2 = this._interpolation_buffer0$_text,
+        t3 = t2._contents;
+      if (t3.length !== 0)
+        t1.push(t3.charCodeAt(0) == 0 ? t3 : t3);
+      t3 = A.List_List$_of(this._interpolation_buffer0$_spans, type$.nullable_FileSpan);
+      if (t2._contents.length !== 0)
+        t3.push(null);
+      return A.Interpolation$0(t1, t3, span);
+    },
+    toString$0(_) {
+      var t1, t2, _i, t3, element;
+      for (t1 = this._interpolation_buffer0$_contents, t2 = t1.length, _i = 0, t3 = ""; _i < t1.length; t1.length === t2 || (0, A.throwConcurrentModificationError)(t1), ++_i) {
+        element = t1[_i];
+        t3 = typeof element == "string" ? t3 + element : t3 + "#{" + A.S(element) + A.Primitives_stringFromCharCode(125);
+      }
+      t1 = t3 + this._interpolation_buffer0$_text.toString$0(0);
+      return t1.charCodeAt(0) == 0 ? t1 : t1;
+    }
+  };
+  A.InterpolationMap0.prototype = {
+    mapException$1(error) {
+      var source, startIndex, endIndex, t3, t4, _this = this,
+        target = error.get$span(error),
+        t1 = _this._interpolation_map$_interpolation,
+        t2 = t1.contents;
+      if (t2.length === 0)
+        return new A.SourceSpanFormatException(error.get$source(), error._span_exception$_message, t1.span);
+      source = _this.mapSpan$1(target);
+      startIndex = _this._interpolation_map$_indexInContents$1(target.get$start(target));
+      endIndex = _this._interpolation_map$_indexInContents$1(target.get$end(target));
+      t1 = error._span_exception$_message;
+      if (!A.SubListIterable$(t2, startIndex, null, A._arrayInstanceType(t2)._precomputed1).take$1(0, endIndex - startIndex + 1).any$1(0, new A.InterpolationMap_mapException_closure0()))
+        return new A.SourceSpanFormatException(error.get$source(), t1, source);
+      else {
+        t2 = type$.SourceSpan;
+        t3 = type$.String;
+        t4 = A.LinkedHashMap_LinkedHashMap$_literal([target, "error in interpolated output"], t2, t3);
+        return new A.MultiSourceSpanFormatException(error.get$source(), "", A.ConstantMap_ConstantMap$from(t4, t2, t3), t1, source);
+      }
+    },
+    mapSpan$1(target) {
+      var t1, _0_2_isSet, t2, start, _0_20, end, _this = this, _null = null,
+        _0_1 = _this._interpolation_map$_mapLocation$1(target.get$start(target)),
+        _0_2 = _this._interpolation_map$_mapLocation$1(target.get$end(target));
+      $label0$0: {
+        t1 = type$.FileSpan;
+        _0_2_isSet = t1._is(_0_1);
+        t2 = false;
+        if (_0_2_isSet) {
+          t2 = t1._is(_0_2);
+          start = _0_1;
+          _0_20 = _0_2;
+        } else {
+          start = _null;
+          _0_20 = start;
+        }
+        if (t2) {
+          t1 = start.expand$1(0, t1._as(_0_2_isSet ? _0_20 : _0_2));
+          break $label0$0;
+        }
+        t2 = false;
+        if (t1._is(_0_1)) {
+          if (_0_2_isSet)
+            t2 = _0_20;
+          else {
+            t2 = _0_2;
+            _0_20 = t2;
+            _0_2_isSet = true;
+          }
+          t2 = t2 instanceof A.FileLocation;
+          start = _0_1;
+        } else
+          start = _null;
+        if (t2) {
+          t1 = _0_2_isSet ? _0_20 : _0_2;
+          type$.FileLocation._as(t1);
+          t2 = _this._interpolation_map$_interpolation.span;
+          t1 = t2.get$file(t2).span$2(0, _this._interpolation_map$_expandInterpolationSpanLeft$1(start.get$start(start)), t1.offset);
+          break $label0$0;
+        }
+        t2 = false;
+        if (_0_1 instanceof A.FileLocation) {
+          if (_0_2_isSet)
+            t2 = _0_20;
+          else {
+            t2 = _0_2;
+            _0_20 = t2;
+            _0_2_isSet = true;
+          }
+          t2 = t1._is(t2);
+          start = _0_1;
+        } else
+          start = _null;
+        if (t2) {
+          end = t1._as(_0_2_isSet ? _0_20 : _0_2);
+          t1 = _this._interpolation_map$_interpolation.span;
+          t1 = t1.get$file(t1).span$2(0, start.offset, _this._interpolation_map$_expandInterpolationSpanRight$1(end.get$end(end)));
+          break $label0$0;
+        }
+        t1 = false;
+        if (_0_1 instanceof A.FileLocation) {
+          if (_0_2_isSet)
+            t1 = _0_20;
+          else {
+            t1 = _0_2;
+            _0_20 = t1;
+            _0_2_isSet = true;
+          }
+          t1 = t1 instanceof A.FileLocation;
+          start = _0_1;
+        } else
+          start = _null;
+        if (t1) {
+          t1 = _0_2_isSet ? _0_20 : _0_2;
+          type$.FileLocation._as(t1);
+          t2 = _this._interpolation_map$_interpolation.span;
+          t1 = t2.get$file(t2).span$2(0, start.offset, t1.offset);
+          break $label0$0;
+        }
+        t1 = A.throwExpression("[BUG] Unreachable");
+      }
+      return t1;
+    },
+    _interpolation_map$_mapLocation$1(target) {
+      var index, _0_0, t3, previousLocation, _this = this,
+        t1 = _this._interpolation_map$_interpolation,
+        t2 = t1.contents;
+      if (t2.length === 0)
+        return t1.span;
+      index = _this._interpolation_map$_indexInContents$1(target);
+      _0_0 = t2[index];
+      if (_0_0 instanceof A.Expression0)
+        return _0_0.get$span(_0_0);
+      t3 = index === 0;
+      t1 = t1.span;
+      if (t3)
+        previousLocation = t1.get$start(t1);
+      else {
+        t1 = t1.get$file(t1);
+        t2 = type$.Expression_2._as(t2[index - 1]);
+        t2 = t2.get$span(t2);
+        previousLocation = A.FileLocation$_(t1, _this._interpolation_map$_expandInterpolationSpanRight$1(t2.get$end(t2)));
+      }
+      t1 = t3 ? 0 : _this._interpolation_map$_targetLocations[index - 1].get$offset();
+      return A.FileLocation$_(previousLocation.file, previousLocation.offset + (target.offset - t1));
+    },
+    _interpolation_map$_indexInContents$1(target) {
+      var t1, t2, t3, i;
+      for (t1 = this._interpolation_map$_targetLocations, t2 = t1.length, t3 = target.offset, i = 0; i < t2; ++i)
+        if (t3 < t1[i].get$offset())
+          return i;
+      return this._interpolation_map$_interpolation.contents.length - 1;
+    },
+    _interpolation_map$_expandInterpolationSpanLeft$1(start) {
+      var i0, prev, char,
+        source = start.file._decodedChars,
+        i = start.offset - 1;
+      for (; i >= 0;) {
+        i0 = i - 1;
+        prev = source[i];
+        if (prev === 123) {
+          if (source[i0] === 35) {
+            i = i0;
+            break;
+          }
+          i = i0;
+        } else if (prev === 47) {
+          i = i0 - 1;
+          if (source[i0] === 42)
+            for (; true;) {
+              i0 = i - 1;
+              if (source[i] !== 42) {
+                i = i0;
+                continue;
+              }
+              i = i0;
+              do {
+                i0 = i - 1;
+                char = source[i];
+                if (char === 42) {
+                  i = i0;
+                  continue;
+                } else
+                  break;
+              } while (true);
+              if (char === 47) {
+                i = i0;
+                break;
+              }
+              i = i0;
+            }
+        } else
+          i = i0;
+      }
+      return i;
+    },
+    _interpolation_map$_expandInterpolationSpanRight$1(end) {
+      var t1, i0, next, second, t2, char,
+        source = end.file._decodedChars,
+        i = end.offset;
+      for (t1 = source.length; i < t1;) {
+        i0 = i + 1;
+        next = source[i];
+        if (next === 125) {
+          i = i0;
+          break;
+        }
+        if (next === 47) {
+          i = i0 + 1;
+          second = source[i0];
+          if (second === 47) {
+            while (true) {
+              i0 = i + 1;
+              t2 = source[i];
+              if (!!(t2 === 10 || t2 === 13 || t2 === 12))
+                break;
+              i = i0;
+            }
+            i = i0;
+          } else if (second === 42)
+            for (; true;) {
+              i0 = i + 1;
+              if (source[i] !== 42) {
+                i = i0;
+                continue;
+              }
+              i = i0;
+              do {
+                i0 = i + 1;
+                char = source[i];
+                if (char === 42) {
+                  i = i0;
+                  continue;
+                } else
+                  break;
+              } while (true);
+              if (char === 47) {
+                i = i0;
+                break;
+              }
+              i = i0;
+            }
+        } else
+          i = i0;
+      }
+      return i;
+    }
+  };
+  A.InterpolationMap_mapException_closure0.prototype = {
+    call$1($content) {
+      return $content instanceof A.Expression0;
+    },
+    $signature: 76
+  };
+  A.InterpolationMethod0.prototype = {
+    toString$0(_) {
+      var t1 = this.hue;
+      t1 = t1 == null ? "" : " " + t1.toString$0(0) + " hue";
+      return this.space.name + t1;
+    }
+  };
+  A.HueInterpolationMethod0.prototype = {
+    _enumToString$0() {
+      return "HueInterpolationMethod." + this._name;
+    }
+  };
+  A._realCasePath_helper0.prototype = {
+    call$2(path, realPath) {
+      var dirname = $.$get$context().dirname$1(path);
+      if (dirname === path)
+        return path;
+      return $._realCaseCache0.putIfAbsent$2(path, new A._realCasePath_helper_closure0(path, realPath, this, dirname));
+    },
+    call$1(path) {
+      return this.call$2(path, null);
+    },
+    $signature: 167
+  };
+  A._realCasePath_helper_closure0.prototype = {
+    call$0() {
+      var realPathNonNull, realDirname, basename, matches, t1, _0_0, match, realPathNonNull0, exception, _this = this,
+        t2 = _this.path;
+      if (!A.linkExists0(t2)) {
+        realPathNonNull = null;
+        try {
+          realPathNonNull0 = _this.realPath;
+          realPathNonNull = realPathNonNull0 == null ? A.realpath0(t2) : realPathNonNull0;
+        } catch (exception) {
+          if (A.unwrapException(exception) instanceof A.FileSystemException0)
+            return t2;
+          else
+            throw exception;
+        }
+        t1 = realPathNonNull;
+        t2 = $.$get$context();
+        return A.join(_this.helper.call$2(_this.dirname, t2.dirname$1(t1)), A.ParsedPath_ParsedPath$parse(realPathNonNull, t2.style).get$basename(), null);
+      }
+      realDirname = _this.helper.call$1(_this.dirname);
+      basename = A.ParsedPath_ParsedPath$parse(t2, $.$get$context().style).get$basename();
+      try {
+        matches = J.where$1$ax(A.listDir0(realDirname), new A._realCasePath_helper__closure0(basename)).toList$0(0);
+        t1 = null;
+        _0_0 = matches;
+        $label0$0: {
+          match = null;
+          if (J.get$length$asx(_0_0) === 1) {
+            match = J.$index$asx(_0_0, 0);
+            t1 = match;
+            break $label0$0;
+          }
+          t1 = A.join(realDirname, basename, null);
+          break $label0$0;
+        }
+        t1 = t1;
+        return t1;
+      } catch (exception) {
+        if (A.unwrapException(exception) instanceof A.FileSystemException0)
+          return t2;
+        else
+          throw exception;
+      }
+    },
+    $signature: 29
+  };
+  A._realCasePath_helper__closure0.prototype = {
+    call$1(realPath) {
+      return A.equalsIgnoreCase0(A.ParsedPath_ParsedPath$parse(realPath, $.$get$context().style).get$basename(), this.basename);
+    },
+    $signature: 5
+  };
+  A.IsCalculationSafeVisitor0.prototype = {
+    visitBinaryOperationExpression$1(_, node) {
+      return B.Set_oQTdo0.contains$1(0, node.operator) && node.left.accept$1(this) && node.right.accept$1(this);
+    },
+    visitBooleanExpression$1(_, node) {
+      return false;
+    },
+    visitColorExpression$1(_, node) {
+      return false;
+    },
+    visitFunctionExpression$1(_, node) {
+      return true;
+    },
+    visitInterpolatedFunctionExpression$1(_, node) {
+      return true;
+    },
+    visitIfExpression$1(_, node) {
+      return true;
+    },
+    visitListExpression$1(_, node) {
+      var t1 = false;
+      if (node.separator === B.ListSeparator_qSL0)
+        if (!node.hasBrackets) {
+          t1 = node.contents;
+          t1 = t1.length > 1 && B.JSArray_methods.every$1(t1, new A.IsCalculationSafeVisitor_visitListExpression_closure0(this));
+        }
+      return t1;
+    },
+    visitMapExpression$1(_, node) {
+      return false;
+    },
+    visitNullExpression$1(_, node) {
+      return false;
+    },
+    visitNumberExpression$1(_, node) {
+      return true;
+    },
+    visitParenthesizedExpression$1(_, node) {
+      return node.expression.accept$1(this);
+    },
+    visitSelectorExpression$1(_, node) {
+      return false;
+    },
+    visitStringExpression$1(_, node) {
+      var text, t1, t2;
+      if (node.hasQuotes)
+        return false;
+      text = node.text.get$initialPlain();
+      t1 = false;
+      if (!B.JSString_methods.startsWith$1(text, "!"))
+        if (!B.JSString_methods.startsWith$1(text, "#")) {
+          t2 = text.length;
+          if ((1 >= t2 ? null : text.charCodeAt(1)) !== 43)
+            t1 = (3 >= t2 ? null : text.charCodeAt(3)) !== 40;
+        }
+      return t1;
+    },
+    visitSupportsExpression$1(_, node) {
+      return false;
+    },
+    visitUnaryOperationExpression$1(_, node) {
+      return false;
+    },
+    visitValueExpression$1(_, node) {
+      return false;
+    },
+    visitVariableExpression$1(_, node) {
+      return true;
+    },
+    $isExpressionVisitor: 1
+  };
+  A.IsCalculationSafeVisitor_visitListExpression_closure0.prototype = {
+    call$1(expression) {
+      return expression.accept$1(this.$this);
+    },
+    $signature: 121
+  };
+  A.FileSystemException0.prototype = {
+    toString$0(_) {
+      var t1 = $.$get$context();
+      return t1.prettyUri$1(t1.toUri$1(this.path)) + ": " + this.message;
+    },
+    get$message(receiver) {
+      return this.message;
+    }
+  };
+  A._readFile_closure0.prototype = {
+    call$0() {
+      return J.readFileSync$2$x(A.fs(), this.path, this.encoding);
+    },
+    $signature: 65
+  };
+  A.fileExists_closure0.prototype = {
+    call$0() {
+      var error, systemError, exception,
+        t1 = this.path;
+      if (!J.existsSync$1$x(A.fs(), t1))
+        return false;
+      try {
+        t1 = J.isFile$0$x(J.statSync$1$x(A.fs(), t1));
+        return t1;
+      } catch (exception) {
+        error = A.unwrapException(exception);
+        systemError = type$.JsSystemError._as(error);
+        if (J.$eq$(J.get$code$x(systemError), "ENOENT"))
+          return false;
+        throw exception;
+      }
+    },
+    $signature: 19
+  };
+  A.dirExists_closure0.prototype = {
+    call$0() {
+      var error, systemError, exception,
+        t1 = this.path;
+      if (!J.existsSync$1$x(A.fs(), t1))
+        return false;
+      try {
+        t1 = J.isDirectory$0$x(J.statSync$1$x(A.fs(), t1));
+        return t1;
+      } catch (exception) {
+        error = A.unwrapException(exception);
+        systemError = type$.JsSystemError._as(error);
+        if (J.$eq$(J.get$code$x(systemError), "ENOENT"))
+          return false;
+        throw exception;
+      }
+    },
+    $signature: 19
+  };
+  A.linkExists_closure0.prototype = {
+    call$0() {
+      var error, systemError, t1, exception;
+      try {
+        t1 = J.isSymbolicLink$0$x(J.lstatSync$1$x(A.fs(), this.path));
+        return t1;
+      } catch (exception) {
+        error = A.unwrapException(exception);
+        systemError = type$.JsSystemError._as(error);
+        if (J.$eq$(J.get$code$x(systemError), "ENOENT"))
+          return false;
+        throw exception;
+      }
+    },
+    $signature: 19
+  };
+  A.listDir_closure0.prototype = {
+    call$0() {
+      var t1 = this.path;
+      if (!this.recursive)
+        return J.map$1$1$ax(J.readdirSync$1$x(A.fs(), t1), new A.listDir__closure1(t1), type$.String).super$Iterable$where(0, new A.listDir__closure2());
+      else
+        return new A.listDir_closure_list0().call$1(t1);
+    },
+    $signature: 224
+  };
+  A.listDir__closure1.prototype = {
+    call$1(child) {
+      return A.join(this.path, A._asString(child), null);
+    },
+    $signature: 119
+  };
+  A.listDir__closure2.prototype = {
+    call$1(child) {
+      return !A.dirExists0(child);
+    },
+    $signature: 5
+  };
+  A.listDir_closure_list0.prototype = {
+    call$1($parent) {
+      return J.expand$1$1$ax(J.readdirSync$1$x(A.fs(), $parent), new A.listDir__list_closure0($parent, this), type$.String);
+    },
+    $signature: 142
+  };
+  A.listDir__list_closure0.prototype = {
+    call$1(child) {
+      var path = A.join(this.parent, A._asString(child), null);
+      return A.dirExists0(path) ? this.list.call$1(path) : A._setArrayType([path], type$.JSArray_String);
+    },
+    $signature: 149
+  };
+  A.realpath_closure0.prototype = {
+    call$0() {
+      return J.native$1$x(J.get$realpathSync$x(A.fs()), this.path);
+    },
+    $signature: 29
+  };
+  A.main_closure.prototype = {
+    call$2(_, __) {
+    },
+    $signature: 495
+  };
+  A.main_closure0.prototype = {
+    call$2(_, __) {
+    },
+    $signature: 496
+  };
+  A.JSToDartLogger.prototype = {
+    internalWarn$4$deprecation$span$trace(message, deprecation, span, trace) {
+      var t2, t3, t4,
+        t1 = this._node,
+        _0_0 = t1 == null ? null : J.get$warn$x(t1);
+      if (_0_0 != null) {
+        t1 = span == null ? self.undefined : span;
+        t2 = J.toString$0$(trace);
+        t3 = deprecation == null;
+        t4 = $.$get$deprecations();
+        _0_0.call$2(message, {deprecation: !t3, deprecationType: t4.$index(0, t3 ? null : deprecation.id), span: t1, stack: t2});
+      } else
+        this._withAscii$1(new A.JSToDartLogger_internalWarn_closure(this, message, span, trace, deprecation));
+    },
+    debug$2(_, message, span) {
+      var t1 = this._node,
+        _0_0 = t1 == null ? null : J.get$debug$x(t1);
+      if (_0_0 != null)
+        _0_0.call$2(message, {span: span});
+      else
+        this._withAscii$1(new A.JSToDartLogger_debug_closure(this, message, span));
+    },
+    _withAscii$1$1(callback) {
+      var t1,
+        wasAscii = $._glyphs === B.C_AsciiGlyphSet;
+      $._glyphs = this._ascii ? B.C_AsciiGlyphSet : B.C_UnicodeGlyphSet;
+      try {
+        t1 = callback.call$0();
+        return t1;
+      } finally {
+        $._glyphs = wasAscii ? B.C_AsciiGlyphSet : B.C_UnicodeGlyphSet;
+      }
+    },
+    _withAscii$1(callback) {
+      return this._withAscii$1$1(callback, type$.dynamic);
+    }
+  };
+  A.JSToDartLogger_internalWarn_closure.prototype = {
+    call$0() {
+      var _this = this;
+      $label0$0: {
+        _this.$this._fallback.internalWarn$4$deprecation$span$trace(_this.message, _this.deprecation, _this.span, _this.trace);
+        break $label0$0;
+      }
+    },
+    $signature: 1
+  };
+  A.JSToDartLogger_debug_closure.prototype = {
+    call$0() {
+      return this.$this._fallback.debug$2(0, this.message, this.span);
+    },
+    $signature: 0
+  };
+  A.ModifiableCssKeyframeBlock0.prototype = {
+    accept$1$1(visitor) {
+      return visitor.visitCssKeyframeBlock$1(this);
+    },
+    accept$1(visitor) {
+      return this.accept$1$1(visitor, type$.dynamic);
+    },
+    equalsIgnoringChildren$1(other) {
+      return other instanceof A.ModifiableCssKeyframeBlock0 && B.C_ListEquality.equals$2(0, this.selector.value, other.selector.value);
+    },
+    copyWithoutChildren$0() {
+      return A.ModifiableCssKeyframeBlock$0(this.selector, this.span);
+    },
+    get$span(receiver) {
+      return this.span;
+    }
+  };
+  A.KeyframeSelectorParser0.prototype = {
+    parse$0(_) {
+      return this.wrapSpanFormatException$1(new A.KeyframeSelectorParser_parse_closure0(this));
+    },
+    _keyframe_selector$_percentage$0() {
+      var $self, _0_0,
+        t1 = this.scanner,
+        t2 = t1.scanChar$1(43) ? A.Primitives_stringFromCharCode(43) : "",
+        second = t1.peekChar$0();
+      if (!(second != null && second >= 48 && second <= 57) && second !== 46)
+        t1.error$1(0, "Expected number.");
+      while (true) {
+        $self = t1.peekChar$0();
+        if (!($self != null && $self >= 48 && $self <= 57))
+          break;
+        t2 += A.Primitives_stringFromCharCode(t1.readChar$0());
+      }
+      if (t1.peekChar$0() === 46) {
+        t2 += A.Primitives_stringFromCharCode(t1.readChar$0());
+        while (true) {
+          $self = t1.peekChar$0();
+          if (!($self != null && $self >= 48 && $self <= 57))
+            break;
+          t2 += A.Primitives_stringFromCharCode(t1.readChar$0());
+        }
+      }
+      if (this.scanIdentChar$1(101)) {
+        t2 += A.Primitives_stringFromCharCode(101);
+        _0_0 = t1.peekChar$0();
+        if (43 === _0_0 || 45 === _0_0)
+          t2 += A.Primitives_stringFromCharCode(t1.readChar$0());
+        $self = t1.peekChar$0();
+        if (!($self != null && $self >= 48 && $self <= 57))
+          t1.error$1(0, "Expected digit.");
+        do {
+          t2 += A.Primitives_stringFromCharCode(t1.readChar$0());
+          $self = t1.peekChar$0();
+        } while ($self != null && $self >= 48 && $self <= 57);
+      }
+      t1.expectChar$1(37);
+      t2 += A.Primitives_stringFromCharCode(37);
+      return t2.charCodeAt(0) == 0 ? t2 : t2;
+    }
+  };
+  A.KeyframeSelectorParser_parse_closure0.prototype = {
+    call$0() {
+      var selectors = A._setArrayType([], type$.JSArray_String),
+        t1 = this.$this,
+        t2 = t1.scanner;
+      do {
+        t1.whitespace$1$consumeNewlines(true);
+        if (t1.lookingAtIdentifier$0())
+          if (t1.scanIdentifier$1("from"))
+            selectors.push("from");
+          else {
+            t1.expectIdentifier$2$name("to", '"to" or "from"');
+            selectors.push("to");
+          }
+        else
+          selectors.push(t1._keyframe_selector$_percentage$0());
+        t1.whitespace$1$consumeNewlines(true);
+      } while (t2.scanChar$1(44));
+      t2.expectDone$0();
+      return selectors;
+    },
+    $signature: 133
+  };
+  A.LabColorSpace0.prototype = {
+    get$isBoundedInternal() {
+      return false;
+    },
+    convert$7$missingChroma$missingHue(dest, lightness, a, b, alpha, missingChroma, missingHue) {
+      var powerlessAB, t1, missingLightness, f1, t2, t3, t4;
+      switch (dest) {
+        case B.LabColorSpace_2nT0:
+          powerlessAB = lightness == null || A.fuzzyEquals0(lightness, 0);
+          t1 = a == null || powerlessAB ? null : a;
+          return A.SassColor$_forSpace0(B.LabColorSpace_2nT0, lightness, t1, b == null || powerlessAB ? null : b, alpha, null);
+        case B.LchColorSpace_Bpv0:
+          return A.labToLch0(dest, lightness, a, b, alpha, false, false);
+        default:
+          missingLightness = lightness == null;
+          if (missingLightness)
+            lightness = 0;
+          f1 = (lightness + 16) / 116;
+          t1 = a == null;
+          t2 = this._lab$_convertFToXorZ$1((t1 ? 0 : a) / 500 + f1);
+          t3 = lightness > 8 ? Math.pow(f1, 3) : lightness / 903.2962962962963;
+          t4 = b == null;
+          return B.XyzD50ColorSpace_2OB0.convert$10$missingA$missingB$missingChroma$missingHue$missingLightness(dest, t2 * 0.9642956764295677, t3, this._lab$_convertFToXorZ$1(f1 - (t4 ? 0 : b) / 200) * 0.8251046025104602, alpha, t1, t4, missingChroma, missingHue, missingLightness);
+      }
+    },
+    convert$5(dest, lightness, a, b, alpha) {
+      return this.convert$7$missingChroma$missingHue(dest, lightness, a, b, alpha, false, false);
+    },
+    _lab$_convertFToXorZ$1(component) {
+      var cubed = Math.pow(component, 3) + 0;
+      return cubed > 0.008856451679035631 ? cubed : (116 * component - 16) / 903.2962962962963;
+    }
+  };
+  A.LazyFileSpan0.prototype = {
+    get$span(_) {
+      var t1 = this._lazy_file_span0$_span;
+      return t1 == null ? this._lazy_file_span0$_span = this._lazy_file_span0$_builder.call$0() : t1;
+    },
+    compareTo$1(_, other) {
+      return this.get$span(0).compareTo$1(0, other);
+    },
+    get$context(_) {
+      var t1 = this.get$span(0);
+      return t1.get$context(t1);
+    },
+    get$end(_) {
+      var t1 = this.get$span(0);
+      return t1.get$end(t1);
+    },
+    expand$1(_, other) {
+      return this.get$span(0).expand$1(0, other);
+    },
+    get$file(_) {
+      var t1 = this.get$span(0);
+      return t1.get$file(t1);
+    },
+    highlight$1$color(color) {
+      return this.get$span(0).highlight$1$color(color);
+    },
+    get$length(_) {
+      var t1 = this.get$span(0);
+      return t1.get$length(t1);
+    },
+    message$2$color(_, message, color) {
+      return this.get$span(0).message$2$color(0, message, color);
+    },
+    message$1(_, message) {
+      return this.message$2$color(0, message, null);
+    },
+    get$sourceUrl(_) {
+      var t1 = this.get$span(0);
+      return t1.get$sourceUrl(t1);
+    },
+    get$start(_) {
+      var t1 = this.get$span(0);
+      return t1.get$start(t1);
+    },
+    get$text() {
+      return this.get$span(0).get$text();
+    },
+    $isComparable: 1,
+    $isFileSpan: 1,
+    $isSourceSpan: 1,
+    $isSourceSpanWithContext: 1
+  };
+  A.LchColorSpace0.prototype = {
+    get$isBoundedInternal() {
+      return false;
+    },
+    get$isPolarInternal() {
+      return true;
+    },
+    convert$5(dest, lightness, chroma, hue, alpha) {
+      var t1 = hue == null,
+        hueRadians = (t1 ? 0 : hue) * 3.141592653589793 / 180,
+        t2 = chroma == null,
+        t3 = t2 ? 0 : chroma,
+        t4 = Math.cos(hueRadians),
+        t5 = t2 ? 0 : chroma;
+      return B.LabColorSpace_2nT0.convert$7$missingChroma$missingHue(dest, lightness, t3 * t4, t5 * Math.sin(hueRadians), alpha, t2, t1);
+    }
+  };
+  A.render_closure.prototype = {
+    call$0() {
+      var error, exception;
+      try {
+        this.callback.call$2(null, A.renderSync(this.options));
+      } catch (exception) {
+        error = A.unwrapException(exception);
+        this.callback.call$2(error, null);
+      }
+      return null;
+    },
+    $signature: 1
+  };
+  A.render_closure0.prototype = {
+    call$1(result) {
+      this.callback.call$2(null, result);
+    },
+    $signature: 497
+  };
+  A.render_closure1.prototype = {
+    call$2(error, stackTrace) {
+      var t2, t3, _null = null,
+        t1 = this.callback;
+      if (error instanceof A.SassException0)
+        t1.call$2(A._wrapException(error, stackTrace), _null);
+      else {
+        t2 = J.toString$0$(error);
+        t3 = A.getTrace0(error);
+        t1.call$2(A._newRenderError(t2, t3 == null ? stackTrace : t3, _null, _null, _null, 3), _null);
+      }
+    },
+    $signature: 54
+  };
+  A._parseFunctions_closure.prototype = {
+    call$2(signature, callback) {
+      var _0_0, _this = this,
+        t1 = _this.options,
+        context = {options: A._contextOptions(t1, _this.start)};
+      J.set$context$x(J.get$options$x(context), context);
+      _0_0 = J.get$fiber$x(t1);
+      t1 = {};
+      t1.fiber = null;
+      if (_0_0 != null) {
+        t1.fiber = _0_0;
+        _this.result.push(A.Callable_Callable$fromSignature(B.JSString_methods.trimLeft$0(signature), new A._parseFunctions__closure(t1, callback, context), false));
+      } else {
+        t1 = _this.result;
+        if (!_this.asynch)
+          t1.push(A.Callable_Callable$fromSignature(B.JSString_methods.trimLeft$0(signature), new A._parseFunctions__closure0(callback, context), false));
+        else
+          t1.push(A.AsyncCallable_AsyncCallable$fromSignature(B.JSString_methods.trimLeft$0(signature), new A._parseFunctions__closure1(callback, context), false));
+      }
+    },
+    $signature: 132
+  };
+  A._parseFunctions__closure.prototype = {
+    call$1($arguments) {
+      var result,
+        t1 = this._box_0,
+        currentFiber = J.get$current$x(t1.fiber),
+        t2 = type$.Object;
+      t2 = A.List_List$_of(J.map$1$1$ax($arguments, A.value0__wrapValue$closure(), t2), t2);
+      t2.push(A.allowInterop(new A._parseFunctions___closure2(currentFiber)));
+      result = A.wrapJSExceptions(new A._parseFunctions___closure3(this.callback, this.context, t2));
+      return A.unwrapValue(A._asBool($.$get$_isUndefined().call$1(result)) ? A.runZoned(new A._parseFunctions___closure4(t1), null, type$.nullable_Object) : result);
+    },
+    $signature: 3
+  };
+  A._parseFunctions___closure2.prototype = {
+    call$1(result) {
+      A.scheduleMicrotask(new A._parseFunctions____closure(this.currentFiber, result));
+    },
+    call$0() {
+      return this.call$1(null);
+    },
+    "call*": "call$1",
+    $requiredArgCount: 0,
+    $defaultValues() {
+      return [null];
+    },
+    $signature: 83
+  };
+  A._parseFunctions____closure.prototype = {
+    call$0() {
+      return J.run$1$x(this.currentFiber, this.result);
+    },
+    $signature: 0
+  };
+  A._parseFunctions___closure3.prototype = {
+    call$0() {
+      return J.apply$2$x(type$.JSFunction._as(this.callback), this.context, this.jsArguments);
+    },
+    $signature: 37
+  };
+  A._parseFunctions___closure4.prototype = {
+    call$0() {
+      return J.yield$0$x(this._box_0.fiber);
+    },
+    $signature: 98
+  };
+  A._parseFunctions__closure0.prototype = {
+    call$1($arguments) {
+      return A.unwrapValue(A.wrapJSExceptions(new A._parseFunctions___closure1(this.callback, this.context, $arguments)));
+    },
+    $signature: 3
+  };
+  A._parseFunctions___closure1.prototype = {
+    call$0() {
+      var t1 = type$.JSFunction._as(this.callback),
+        t2 = J.map$1$1$ax(this.$arguments, A.value0__wrapValue$closure(), type$.Object);
+      t2 = A.List_List$_of(t2, t2.$ti._eval$1("ListIterable.E"));
+      return J.apply$2$x(t1, this.context, t2);
+    },
+    $signature: 37
+  };
+  A._parseFunctions__closure1.prototype = {
+    call$1($arguments) {
+      return this.$call$body$_parseFunctions__closure($arguments);
+    },
+    $call$body$_parseFunctions__closure($arguments) {
+      var $async$goto = 0,
+        $async$completer = A._makeAsyncAwaitCompleter(type$.Value_2),
+        $async$returnValue, $async$self = this, result, t1, t2, $async$temp1;
+      var $async$call$1 = A._wrapJsFunctionForAsync(function($async$errorCode, $async$result) {
+        if ($async$errorCode === 1)
+          return A._asyncRethrow($async$result, $async$completer);
+        while (true)
+          switch ($async$goto) {
+            case 0:
+              // Function start
+              t1 = new A._Future($.Zone__current, type$._Future_nullable_Object);
+              t2 = type$.Object;
+              t2 = A.List_List$_of(J.map$1$1$ax($arguments, A.value0__wrapValue$closure(), t2), t2);
+              t2.push(A.allowInterop(new A._parseFunctions___closure(new A._AsyncCompleter(t1, type$._AsyncCompleter_nullable_Object))));
+              result = A.wrapJSExceptions(new A._parseFunctions___closure0($async$self.callback, $async$self.context, t2));
+              $async$temp1 = A;
+              $async$goto = A._asBool($.$get$_isUndefined().call$1(result)) ? 3 : 5;
+              break;
+            case 3:
+              // then
+              $async$goto = 6;
+              return A._asyncAwait(t1, $async$call$1);
+            case 6:
+              // returning from await.
+              // goto join
+              $async$goto = 4;
+              break;
+            case 5:
+              // else
+              $async$result = result;
+            case 4:
+              // join
+              $async$returnValue = $async$temp1.unwrapValue($async$result);
+              // goto return
+              $async$goto = 1;
+              break;
+            case 1:
+              // return
+              return A._asyncReturn($async$returnValue, $async$completer);
+          }
+      });
+      return A._asyncStartSync($async$call$1, $async$completer);
+    },
+    $signature: 101
+  };
+  A._parseFunctions___closure.prototype = {
+    call$1(result) {
+      return this.completer.complete$1(result);
+    },
+    call$0() {
+      return this.call$1(null);
+    },
+    "call*": "call$1",
+    $requiredArgCount: 0,
+    $defaultValues() {
+      return [null];
+    },
+    $signature: 213
+  };
+  A._parseFunctions___closure0.prototype = {
+    call$0() {
+      return J.apply$2$x(type$.JSFunction._as(this.callback), this.context, this.jsArguments);
+    },
+    $signature: 37
+  };
+  A._parseImporter_closure.prototype = {
+    call$1(importer) {
+      return type$.JSFunction._as(A.allowInteropCaptureThis(new A._parseImporter__closure(this._box_0, importer)));
+    },
+    $signature: 498
+  };
+  A._parseImporter__closure.prototype = {
+    call$4(thisArg, url, previous, _) {
+      var t1 = this._box_0,
+        result = J.apply$2$x(this.importer, thisArg, A._setArrayType([url, previous, A.allowInterop(new A._parseImporter___closure(J.get$current$x(t1.fiber)))], type$.JSArray_Object));
+      if (A._asBool($.$get$_isUndefined().call$1(result)))
+        return A.runZoned(new A._parseImporter___closure0(t1), null, type$.Object);
+      return result;
+    },
+    call$3(thisArg, url, previous) {
+      return this.call$4(thisArg, url, previous, null);
+    },
+    "call*": "call$4",
+    $requiredArgCount: 3,
+    $defaultValues() {
+      return [null];
+    },
+    $signature: 499
+  };
+  A._parseImporter___closure.prototype = {
+    call$1(result) {
+      A.scheduleMicrotask(new A._parseImporter____closure(this.currentFiber, result));
+    },
+    $signature: 500
+  };
+  A._parseImporter____closure.prototype = {
+    call$0() {
+      return J.run$1$x(this.currentFiber, this.result);
+    },
+    $signature: 0
+  };
+  A._parseImporter___closure0.prototype = {
+    call$0() {
+      return J.yield$0$x(this._box_0.fiber);
+    },
+    $signature: 98
+  };
+  A.LimitedMapView0.prototype = {
+    get$keys(_) {
+      return this._limited_map_view0$_keys;
+    },
+    get$length(_) {
+      return this._limited_map_view0$_keys._collection$_length;
+    },
+    get$isEmpty(_) {
+      return this._limited_map_view0$_keys._collection$_length === 0;
+    },
+    get$isNotEmpty(_) {
+      return this._limited_map_view0$_keys._collection$_length !== 0;
+    },
+    $index(_, key) {
+      return this._limited_map_view0$_keys.contains$1(0, key) ? this._limited_map_view0$_map.$index(0, key) : null;
+    },
+    containsKey$1(key) {
+      return this._limited_map_view0$_keys.contains$1(0, key);
+    },
+    remove$1(_, key) {
+      return this._limited_map_view0$_keys.contains$1(0, key) ? this._limited_map_view0$_map.remove$1(0, key) : null;
+    }
+  };
+  A.ListExpression0.prototype = {
+    accept$1$1(visitor) {
+      return visitor.visitListExpression$1(0, this);
+    },
+    accept$1(visitor) {
+      return this.accept$1$1(visitor, type$.dynamic);
+    },
+    toString$0(_) {
+      var t2, t3, t4, t5, _this = this,
+        t1 = _this.hasBrackets;
+      if (t1)
+        t2 = A.Primitives_stringFromCharCode(91);
+      else {
+        t2 = _this.contents.length;
+        if (t2 !== 0)
+          t2 = t2 === 1 && _this.separator === B.ListSeparator_qVN0;
+        else
+          t2 = true;
+        t2 = t2 ? A.Primitives_stringFromCharCode(40) : "";
+      }
+      t3 = _this.contents;
+      t4 = _this.separator === B.ListSeparator_qVN0;
+      t5 = t4 ? ", " : " ";
+      t5 = t2 + new A.MappedListIterable(t3, new A.ListExpression_toString_closure0(_this), A._arrayInstanceType(t3)._eval$1("MappedListIterable<1,String>")).join$1(0, t5);
+      if (t1)
+        t1 = t5 + A.Primitives_stringFromCharCode(93);
+      else {
+        t1 = t3.length;
+        if (t1 === 0)
+          t1 = t5 + A.Primitives_stringFromCharCode(41);
+        else
+          t1 = t1 === 1 && t4 ? t5 + ",)" : t5;
+      }
+      return t1.charCodeAt(0) == 0 ? t1 : t1;
+    },
+    _list3$_elementNeedsParens$1(expression) {
+      var childSeparator, t1, _0_13;
+      $label0$0: {
+        if (expression instanceof A.ListExpression0 && expression.contents.length >= 2 && !expression.hasBrackets) {
+          childSeparator = expression.separator;
+          t1 = this.separator === B.ListSeparator_qVN0 ? childSeparator === B.ListSeparator_qVN0 : childSeparator !== B.ListSeparator_undecided_null_undecided0;
+          break $label0$0;
+        }
+        if (expression instanceof A.UnaryOperationExpression0) {
+          _0_13 = expression.operator;
+          if (B.UnaryOperator_Rbl0 !== _0_13)
+            t1 = B.UnaryOperator_UCP0 === _0_13;
+          else
+            t1 = true;
+        } else
+          t1 = false;
+        if (t1) {
+          t1 = this.separator === B.ListSeparator_qSL0;
+          break $label0$0;
+        }
+        t1 = false;
+        break $label0$0;
+      }
+      return t1;
+    },
+    get$span(receiver) {
+      return this.span;
+    }
+  };
+  A.ListExpression_toString_closure0.prototype = {
+    call$1(element) {
+      return this.$this._list3$_elementNeedsParens$1(element) ? "(" + element.toString$0(0) + ")" : element.toString$0(0);
+    },
+    $signature: 140
+  };
+  A._length_closure2.prototype = {
+    call$1($arguments) {
+      return A.SassNumber_SassNumber0(J.$index$asx($arguments, 0).get$asList().length, null);
+    },
+    $signature: 22
+  };
+  A._nth_closure0.prototype = {
+    call$1($arguments) {
+      var t1 = J.getInterceptor$asx($arguments),
+        list = t1.$index($arguments, 0),
+        index = t1.$index($arguments, 1);
+      return list.get$asList()[list.sassIndexToListIndex$2(index, "n")];
+    },
+    $signature: 3
+  };
+  A._setNth_closure0.prototype = {
+    call$1($arguments) {
+      var newList,
+        t1 = J.getInterceptor$asx($arguments),
+        list = t1.$index($arguments, 0),
+        index = t1.$index($arguments, 1),
+        value = t1.$index($arguments, 2);
+      t1 = list.get$asList();
+      newList = A._setArrayType(t1.slice(0), A._arrayInstanceType(t1));
+      newList[list.sassIndexToListIndex$2(index, "n")] = value;
+      return list.withListContents$1(newList);
+    },
+    $signature: 27
+  };
+  A._join_closure0.prototype = {
+    call$1($arguments) {
+      var _0_1, _0_4, _0_3, _0_4_isSet, t2, _0_40, separator, bracketed,
+        t1 = J.getInterceptor$asx($arguments),
+        list1 = t1.$index($arguments, 0),
+        list2 = t1.$index($arguments, 1),
+        separatorParam = t1.$index($arguments, 2).assertString$1("separator"),
+        bracketedParam = t1.$index($arguments, 3),
+        _1_0 = separatorParam._string0$_text;
+      $label1$1: {
+        if ("auto" === _1_0) {
+          _0_1 = list1.get$separator(list1);
+          _0_4 = list2.get$separator(list2);
+          $label0$0: {
+            t1 = null;
+            _0_3 = B.ListSeparator_undecided_null_undecided0 === _0_1;
+            _0_4_isSet = _0_3;
+            if (_0_4_isSet) {
+              t2 = B.ListSeparator_undecided_null_undecided0 === _0_4;
+              _0_40 = _0_4;
+            } else {
+              _0_40 = null;
+              t2 = false;
+            }
+            if (t2) {
+              t1 = B.ListSeparator_qSL0;
+              break $label0$0;
+            }
+            if (_0_3)
+              separator = _0_4_isSet ? _0_40 : _0_4;
+            else
+              separator = t1;
+            if (!_0_3)
+              separator = _0_1;
+            t1 = separator;
+            break $label0$0;
+          }
+          break $label1$1;
+        }
+        if ("space" === _1_0) {
+          t1 = B.ListSeparator_qSL0;
+          break $label1$1;
+        }
+        if ("comma" === _1_0) {
+          t1 = B.ListSeparator_qVN0;
+          break $label1$1;
+        }
+        if ("slash" === _1_0) {
+          t1 = B.ListSeparator_bRz0;
+          break $label1$1;
+        }
+        t1 = A.throwExpression(A.SassScriptException$0(string$.x24separ, null));
+      }
+      bracketed = bracketedParam instanceof A.SassString0 && bracketedParam._string0$_text === "auto" ? list1.get$hasBrackets() : bracketedParam.get$isTruthy();
+      t2 = A.List_List$_of(list1.get$asList(), type$.Value_2);
+      B.JSArray_methods.addAll$1(t2, list2.get$asList());
+      return A.SassList$0(t2, t1, bracketed);
+    },
+    $signature: 27
+  };
+  A._append_closure2.prototype = {
+    call$1($arguments) {
+      var t2,
+        t1 = J.getInterceptor$asx($arguments),
+        list = t1.$index($arguments, 0),
+        value = t1.$index($arguments, 1),
+        _0_0 = t1.$index($arguments, 2).assertString$1("separator")._string0$_text;
+      $label0$0: {
+        if ("auto" === _0_0) {
+          t1 = list.get$separator(list) === B.ListSeparator_undecided_null_undecided0 ? B.ListSeparator_qSL0 : list.get$separator(list);
+          break $label0$0;
+        }
+        if ("space" === _0_0) {
+          t1 = B.ListSeparator_qSL0;
+          break $label0$0;
+        }
+        if ("comma" === _0_0) {
+          t1 = B.ListSeparator_qVN0;
+          break $label0$0;
+        }
+        if ("slash" === _0_0) {
+          t1 = B.ListSeparator_bRz0;
+          break $label0$0;
+        }
+        t1 = A.throwExpression(A.SassScriptException$0(string$.x24separ, null));
+      }
+      t2 = A.List_List$_of(list.get$asList(), type$.Value_2);
+      t2.push(value);
+      return list.withListContents$2$separator(t2, t1);
+    },
+    $signature: 27
+  };
+  A._zip_closure0.prototype = {
+    call$1($arguments) {
+      var results, result, _box_0 = {},
+        t1 = J.$index$asx($arguments, 0).get$asList(),
+        t2 = A._arrayInstanceType(t1)._eval$1("MappedListIterable<1,List<Value0>>"),
+        lists = A.List_List$_of(new A.MappedListIterable(t1, new A._zip__closure2(), t2), t2._eval$1("ListIterable.E"));
+      if (lists.length === 0)
+        return B.SassList_BlY0;
+      _box_0.i = 0;
+      results = A._setArrayType([], type$.JSArray_SassList_2);
+      for (t1 = A._arrayInstanceType(lists)._eval$1("MappedListIterable<1,Value0>"), t2 = type$.Value_2; B.JSArray_methods.every$1(lists, new A._zip__closure3(_box_0));) {
+        result = A.List_List$from(new A.MappedListIterable(lists, new A._zip__closure4(_box_0), t1), false, t2);
+        result.$flags = 3;
+        results.push(new A.SassList0(result, B.ListSeparator_qSL0, false));
+        ++_box_0.i;
+      }
+      return A.SassList$0(results, B.ListSeparator_qVN0, false);
+    },
+    $signature: 27
+  };
+  A._zip__closure2.prototype = {
+    call$1(list) {
+      return list.get$asList();
+    },
+    $signature: 502
+  };
+  A._zip__closure3.prototype = {
+    call$1(list) {
+      return this._box_0.i !== J.get$length$asx(list);
+    },
+    $signature: 503
+  };
+  A._zip__closure4.prototype = {
+    call$1(list) {
+      return J.$index$asx(list, this._box_0.i);
+    },
+    $signature: 3
+  };
+  A._index_closure2.prototype = {
+    call$1($arguments) {
+      var t1 = J.getInterceptor$asx($arguments),
+        index = B.JSArray_methods.indexOf$1(t1.$index($arguments, 0).get$asList(), t1.$index($arguments, 1));
+      return index === -1 ? B.C__SassNull0 : A.SassNumber_SassNumber0(index + 1, null);
+    },
+    $signature: 3
+  };
+  A._separator_closure0.prototype = {
+    call$1($arguments) {
+      var t1 = J.$index$asx($arguments, 0),
+        _0_0 = t1.get$separator(t1);
+      $label0$0: {
+        if (B.ListSeparator_qVN0 === _0_0) {
+          t1 = new A.SassString0("comma", false);
+          break $label0$0;
+        }
+        if (B.ListSeparator_bRz0 === _0_0) {
+          t1 = new A.SassString0("slash", false);
+          break $label0$0;
+        }
+        t1 = new A.SassString0("space", false);
+        break $label0$0;
+      }
+      return t1;
+    },
+    $signature: 18
+  };
+  A._isBracketed_closure0.prototype = {
+    call$1($arguments) {
+      return J.$index$asx($arguments, 0).get$hasBrackets() ? B.SassBoolean_true0 : B.SassBoolean_false0;
+    },
+    $signature: 12
+  };
+  A._slash_closure0.prototype = {
+    call$1($arguments) {
+      var list = J.$index$asx($arguments, 0).get$asList();
+      if (list.length < 2)
+        throw A.wrapException(A.SassScriptException$0("At least two elements are required.", null));
+      return A.SassList$0(list, B.ListSeparator_bRz0, false);
+    },
+    $signature: 27
+  };
+  A.SelectorList0.prototype = {
+    get$asSassList() {
+      var t1 = this.components;
+      return A.SassList$0(new A.MappedListIterable(t1, new A.SelectorList_asSassList_closure0(), A._arrayInstanceType(t1)._eval$1("MappedListIterable<1,Value0>")), B.ListSeparator_qVN0, false);
+    },
+    accept$1$1(visitor) {
+      return visitor.visitSelectorList$1(this);
+    },
+    accept$1(visitor) {
+      return this.accept$1$1(visitor, type$.dynamic);
+    },
+    unify$1(other) {
+      var t3, t4, t5, t6, _i, complex1, t7, _i0, t8,
+        t1 = type$.JSArray_ComplexSelector_2,
+        t2 = A._setArrayType([], t1);
+      for (t3 = this.components, t4 = t3.length, t5 = other.components, t6 = t5.length, _i = 0; _i < t4; ++_i) {
+        complex1 = t3[_i];
+        for (t7 = complex1.span, _i0 = 0; _i0 < t6; ++_i0) {
+          t8 = A.unifyComplex0(A._setArrayType([complex1, t5[_i0]], t1), t7);
+          if (t8 != null)
+            B.JSArray_methods.addAll$1(t2, t8);
+        }
+      }
+      return t2.length === 0 ? null : A.SelectorList$0(t2, this.span);
+    },
+    nestWithin$3$implicitParent$preserveParentSelectors($parent, implicitParent, preserveParentSelectors) {
+      var parentSelector, t1, _this = this;
+      if ($parent == null) {
+        if (preserveParentSelectors)
+          return _this;
+        parentSelector = B.C__ParentSelectorVisitor0.visitSelectorList$1(_this);
+        if (parentSelector == null)
+          return _this;
+        throw A.wrapException(A.SassException$0(string$.Top_les, parentSelector.span, null));
+      }
+      t1 = _this.components;
+      return A.SelectorList$0(A.flattenVertically0(new A.MappedListIterable(t1, new A.SelectorList_nestWithin_closure0(_this, preserveParentSelectors, implicitParent, $parent), A._arrayInstanceType(t1)._eval$1("MappedListIterable<1,Iterable<ComplexSelector0>>")), type$.ComplexSelector_2), _this.span);
+    },
+    nestWithin$1($parent) {
+      return this.nestWithin$3$implicitParent$preserveParentSelectors($parent, true, false);
+    },
+    nestWithin$2$implicitParent($parent, implicitParent) {
+      return this.nestWithin$3$implicitParent$preserveParentSelectors($parent, implicitParent, false);
+    },
+    _list2$_nestWithinCompound$2(component, $parent) {
+      var resolvedSimples, parentSelector, error, stackTrace, t2, resolvedSimples0, exception,
+        t1 = component.selector,
+        simples = t1.components,
+        containsSelectorPseudo = J.any$1$ax(simples, new A.SelectorList__nestWithinCompound_closure2());
+      if (!containsSelectorPseudo && !(J.get$first$ax(simples) instanceof A.ParentSelector0))
+        return null;
+      if (containsSelectorPseudo) {
+        t2 = simples;
+        resolvedSimples0 = new A.MappedListIterable(t2, new A.SelectorList__nestWithinCompound_closure3($parent), A._arrayInstanceType(t2)._eval$1("MappedListIterable<1,SimpleSelector0>"));
+      } else
+        resolvedSimples0 = simples;
+      resolvedSimples = resolvedSimples0;
+      parentSelector = J.get$first$ax(simples);
+      try {
+        if (!(parentSelector instanceof A.ParentSelector0)) {
+          t2 = component.span;
+          t2 = A._setArrayType([A.ComplexSelector$0(B.List_empty15, A._setArrayType([new A.ComplexSelectorComponent0(A.CompoundSelector$0(resolvedSimples, t1.span), A.List_List$unmodifiable(component.combinators, type$.CssValue_Combinator_2), t2)], type$.JSArray_ComplexSelectorComponent_2), t2, false)], type$.JSArray_ComplexSelector_2);
+          return t2;
+        } else if (J.get$length$asx(simples) === 1 && parentSelector.suffix == null) {
+          t1 = $parent.withAdditionalCombinators$1(component.combinators);
+          return t1.components;
+        }
+      } catch (exception) {
+        t1 = A.unwrapException(exception);
+        if (t1 instanceof A.SassException0) {
+          error = t1;
+          stackTrace = A.getTraceFromException(exception);
+          A.throwWithTrace0(error.withAdditionalSpan$2(parentSelector.span, "parent selector"), error, stackTrace);
+        } else
+          throw exception;
+      }
+      t1 = $parent.components;
+      return new A.MappedListIterable(t1, new A.SelectorList__nestWithinCompound_closure4(parentSelector, resolvedSimples, component), A._arrayInstanceType(t1)._eval$1("MappedListIterable<1,ComplexSelector0>"));
+    },
+    isSuperselector$1(other) {
+      return A.listIsSuperselector0(this.components, other.components);
+    },
+    withAdditionalCombinators$1(combinators) {
+      var t1;
+      if (combinators.length === 0)
+        t1 = this;
+      else {
+        t1 = this.components;
+        t1 = A.SelectorList$0(new A.MappedListIterable(t1, new A.SelectorList_withAdditionalCombinators_closure0(combinators), A._arrayInstanceType(t1)._eval$1("MappedListIterable<1,ComplexSelector0>")), this.span);
+      }
+      return t1;
+    },
+    get$hashCode(_) {
+      return B.C_ListEquality0.hash$1(this.components);
+    },
+    $eq(_, other) {
+      if (other == null)
+        return false;
+      return other instanceof A.SelectorList0 && B.C_ListEquality.equals$2(0, this.components, other.components);
+    }
+  };
+  A.SelectorList_asSassList_closure0.prototype = {
+    call$1(complex) {
+      var t3, t4, _i, component, visitor, t5, t6, t7, _i0, _null = null,
+        t1 = type$.JSArray_Value_2,
+        t2 = A._setArrayType([], t1);
+      for (t3 = complex.leadingCombinators, t4 = t3.length, _i = 0; _i < t4; ++_i)
+        t2.push(new A.SassString0(J.toString$0$(t3[_i].value), false));
+      for (t3 = complex.components, t4 = t3.length, _i = 0; _i < t4; ++_i) {
+        component = t3[_i];
+        visitor = A._SerializeVisitor$0(_null, true, _null, _null, true, false, _null, true);
+        component.selector.accept$1(visitor);
+        t5 = A._setArrayType([new A.SassString0(visitor._serialize0$_buffer.toString$0(0), false)], t1);
+        for (t6 = component.combinators, t7 = t6.length, _i0 = 0; _i0 < t7; ++_i0)
+          t5.push(new A.SassString0(J.toString$0$(t6[_i0].value), false));
+        B.JSArray_methods.addAll$1(t2, t5);
+      }
+      return A.SassList$0(t2, B.ListSeparator_qSL0, false);
+    },
+    $signature: 504
+  };
+  A.SelectorList_nestWithin_closure0.prototype = {
+    call$1(complex) {
+      var t1, newComplexes, t2, t3, t4, t5, t6, t7, t8, t9, t10, t11, _i, component, resolved, i, t12, t13, t14, _i0, newComplex, t15, t16, _this = this;
+      if (_this.preserveParentSelectors || complex.accept$1(B.C__ParentSelectorVisitor0) == null) {
+        if (!_this.implicitParent)
+          return A._setArrayType([complex], type$.JSArray_ComplexSelector_2);
+        t1 = _this.parent.components;
+        return new A.MappedListIterable(t1, new A.SelectorList_nestWithin__closure1(complex), A._arrayInstanceType(t1)._eval$1("MappedListIterable<1,ComplexSelector0>"));
+      }
+      t1 = type$.JSArray_ComplexSelector_2;
+      newComplexes = A._setArrayType([], t1);
+      for (t2 = complex.components, t3 = t2.length, t4 = _this.$this, t5 = _this.parent, t6 = type$.ComplexSelector_2, t7 = complex.leadingCombinators, t8 = t7.length === 0, t9 = complex.span, t10 = type$.ComplexSelectorComponent_2, t11 = type$.JSArray_ComplexSelectorComponent_2, _i = 0; _i < t3; ++_i) {
+        component = t2[_i];
+        resolved = t4._list2$_nestWithinCompound$2(component, t5);
+        if (resolved == null)
+          if (newComplexes.length === 0)
+            newComplexes.push(A.ComplexSelector$0(t7, A._setArrayType([component], t11), t9, false));
+          else
+            for (i = 0; i < newComplexes.length; ++i) {
+              t12 = newComplexes[i];
+              t13 = A.List_List$_of(t12.components, t10);
+              t13.push(component);
+              newComplexes[i] = A.ComplexSelector$0(t12.leadingCombinators, t13, t9, t12.lineBreak);
+            }
+        else if (newComplexes.length === 0)
+          B.JSArray_methods.addAll$1(newComplexes, t8 ? resolved : J.map$1$1$ax(resolved, new A.SelectorList_nestWithin__closure2(complex), t6));
+        else {
+          t12 = A._setArrayType([], t1);
+          for (t13 = newComplexes.length, t14 = J.getInterceptor$ax(resolved), _i0 = 0; _i0 < newComplexes.length; newComplexes.length === t13 || (0, A.throwConcurrentModificationError)(newComplexes), ++_i0) {
+            newComplex = newComplexes[_i0];
+            for (t15 = t14.get$iterator(resolved), t16 = newComplex.span; t15.moveNext$0();)
+              t12.push(newComplex.concatenate$2(t15.get$current(t15), t16));
+          }
+          newComplexes = t12;
+        }
+      }
+      return newComplexes;
+    },
+    $signature: 505
+  };
+  A.SelectorList_nestWithin__closure1.prototype = {
+    call$1(parentComplex) {
+      var t1 = this.complex;
+      return parentComplex.concatenate$2(t1, t1.span);
+    },
+    $signature: 58
+  };
+  A.SelectorList_nestWithin__closure2.prototype = {
+    call$1(resolvedComplex) {
+      var t1 = resolvedComplex.leadingCombinators,
+        t2 = this.complex,
+        t3 = t2.leadingCombinators;
+      if (t1.length === 0)
+        t1 = t3;
+      else {
+        t3 = A.List_List$_of(t3, type$.CssValue_Combinator_2);
+        B.JSArray_methods.addAll$1(t3, t1);
+        t1 = t3;
+      }
+      return A.ComplexSelector$0(t1, resolvedComplex.components, t2.span, resolvedComplex.lineBreak);
+    },
+    $signature: 58
+  };
+  A.SelectorList__nestWithinCompound_closure2.prototype = {
+    call$1(simple) {
+      var selector;
+      if (!(simple instanceof A.PseudoSelector0))
+        return false;
+      selector = simple.selector;
+      return selector != null && selector.accept$1(B.C__ParentSelectorVisitor0) != null;
+    },
+    $signature: 14
+  };
+  A.SelectorList__nestWithinCompound_closure3.prototype = {
+    call$1(simple) {
+      var selector, t1, _0_2;
+      $label0$0: {
+        selector = null;
+        t1 = false;
+        if (simple instanceof A.PseudoSelector0) {
+          _0_2 = simple.selector;
+          if (_0_2 != null) {
+            selector = _0_2 == null ? type$.SelectorList_2._as(_0_2) : _0_2;
+            t1 = selector.accept$1(B.C__ParentSelectorVisitor0) != null;
+          }
+        }
+        if (t1) {
+          t1 = simple.withSelector$1(selector.nestWithin$2$implicitParent(this.parent, false));
+          break $label0$0;
+        }
+        t1 = simple;
+        break $label0$0;
+      }
+      return t1;
+    },
+    $signature: 506
+  };
+  A.SelectorList__nestWithinCompound_closure4.prototype = {
+    call$1(complex) {
+      var lastComponent, suffix, lastSimples, t1, t2, last, t3, error, stackTrace, t4, t5, exception, _this = this;
+      try {
+        t4 = complex.components;
+        lastComponent = B.JSArray_methods.get$last(t4);
+        if (lastComponent.combinators.length !== 0) {
+          t1 = A.MultiSpanSassException$0('Selector "' + complex.toString$0(0) + string$.x22x20can_, A.SpanExtensions_trimRight0(lastComponent.span), "outer selector", A.LinkedHashMap_LinkedHashMap$_literal([_this.parentSelector.span, "parent selector"], type$.FileSpan, type$.String), null);
+          throw A.wrapException(t1);
+        }
+        suffix = _this.parentSelector.suffix;
+        lastSimples = lastComponent.selector.components;
+        t5 = type$.SimpleSelector_2;
+        if (suffix == null) {
+          t2 = A.List_List$_of(lastSimples, t5);
+          t1 = t2;
+          J.addAll$1$ax(t1, J.skip$1$ax(_this.resolvedSimples, 1));
+          t1 = t1;
+        } else {
+          t1 = A.List_List$_of(A.IterableExtension_get_exceptLast0(lastSimples), t5);
+          t2 = t1;
+          J.add$1$ax(t2, J.get$last$ax(lastSimples).addSuffix$1(suffix));
+          J.addAll$1$ax(t2, J.skip$1$ax(_this.resolvedSimples, 1));
+          t1 = t2;
+        }
+        t2 = _this.component;
+        last = A.CompoundSelector$0(t1, t2.selector.span);
+        t1 = A.List_List$_of(A.IterableExtension_get_exceptLast0(t4), type$.ComplexSelectorComponent_2);
+        t3 = t1;
+        t1 = t2.span;
+        J.add$1$ax(t3, new A.ComplexSelectorComponent0(last, A.List_List$unmodifiable(t2.combinators, type$.CssValue_Combinator_2), t1));
+        t1 = A.ComplexSelector$0(complex.leadingCombinators, t3, t1, complex.lineBreak);
+        return t1;
+      } catch (exception) {
+        t1 = A.unwrapException(exception);
+        if (t1 instanceof A.SassException0) {
+          error = t1;
+          stackTrace = A.getTraceFromException(exception);
+          A.throwWithTrace0(error.withAdditionalSpan$2(_this.parentSelector.span, "parent selector"), error, stackTrace);
+        } else
+          throw exception;
+      }
+    },
+    $signature: 58
+  };
+  A.SelectorList_withAdditionalCombinators_closure0.prototype = {
+    call$1(complex) {
+      return complex.withAdditionalCombinators$1(this.combinators);
+    },
+    $signature: 58
+  };
+  A._ParentSelectorVisitor0.prototype = {
+    visitParentSelector$1(selector) {
+      return selector;
+    }
+  };
+  A.__ParentSelectorVisitor_Object_SelectorSearchVisitor0.prototype = {};
+  A.listClass_closure.prototype = {
+    call$0() {
+      var t1 = type$.JSClass,
+        jsClass = t1._as(A.allowInteropCaptureThisNamed("sass.SassList", new A.listClass__closure()));
+      J.get$$prototype$x(jsClass).get = A.allowInteropCaptureThisNamed("get", new A.listClass__closure0());
+      A.JSClassExtension_injectSuperclass(t1._as(B.SassList_apG.constructor), jsClass);
+      return jsClass;
+    },
+    $signature: 16
+  };
+  A.listClass__closure.prototype = {
+    call$3($self, contentsOrOptions, options) {
+      var contents, t1, t2;
+      if (self.immutable.isList(contentsOrOptions))
+        contents = J.cast$1$0$ax(J.toArray$0$x(type$.ImmutableList._as(contentsOrOptions)), type$.Value_2);
+      else if (type$.List_dynamic._is(contentsOrOptions))
+        contents = J.cast$1$0$ax(contentsOrOptions, type$.Value_2);
+      else {
+        contents = A._setArrayType([], type$.JSArray_Value_2);
+        type$.nullable__ConstructorOptions._as(contentsOrOptions);
+        options = contentsOrOptions;
+      }
+      t1 = options == null;
+      if (!t1) {
+        t2 = J.get$separator$x(options);
+        t2 = A._asBool($.$get$_isUndefined().call$1(t2));
+      } else
+        t2 = true;
+      t2 = t2 ? B.ListSeparator_qVN0 : A.jsToDartSeparator(J.get$separator$x(options));
+      t1 = t1 ? null : J.get$brackets$x(options);
+      return A.SassList$0(contents, t2, t1 == null ? false : t1);
+    },
+    call$1($self) {
+      return this.call$3($self, null, null);
+    },
+    call$2($self, contentsOrOptions) {
+      return this.call$3($self, contentsOrOptions, null);
+    },
+    "call*": "call$3",
+    $requiredArgCount: 1,
+    $defaultValues() {
+      return [null, null];
+    },
+    $signature: 507
+  };
+  A.listClass__closure0.prototype = {
+    call$2($self, indexFloat) {
+      var index = B.JSNumber_methods.floor$0(indexFloat);
+      if (index < 0)
+        index = $self.get$asList().length + index;
+      if (index < 0 || index >= $self.get$asList().length)
+        return self.undefined;
+      return $self.get$asList()[index];
+    },
+    $signature: 240
+  };
+  A._ConstructorOptions.prototype = {};
+  A._NodeSassList.prototype = {};
+  A.legacyListClass_closure.prototype = {
+    call$4(thisArg, $length, commaSeparator, dartValue) {
+      var t1;
+      if (dartValue == null) {
+        $length.toString;
+        t1 = A.Iterable_Iterable$generate($length, new A.legacyListClass__closure(), type$.Value_2);
+        t1 = A.SassList$0(t1, commaSeparator !== false ? B.ListSeparator_qVN0 : B.ListSeparator_qSL0, false);
+      } else
+        t1 = dartValue;
+      J.set$dartValue$x(thisArg, t1);
+    },
+    call$2(thisArg, $length) {
+      return this.call$4(thisArg, $length, null, null);
+    },
+    call$3(thisArg, $length, commaSeparator) {
+      return this.call$4(thisArg, $length, commaSeparator, null);
+    },
+    "call*": "call$4",
+    $requiredArgCount: 2,
+    $defaultValues() {
+      return [null, null];
+    },
+    $signature: 509
+  };
+  A.legacyListClass__closure.prototype = {
+    call$1(_) {
+      return B.C__SassNull0;
+    },
+    $signature: 241
+  };
+  A.legacyListClass_closure0.prototype = {
+    call$2(thisArg, index) {
+      return A.wrapValue(J.get$dartValue$x(thisArg)._list1$_contents[index]);
+    },
+    $signature: 511
+  };
+  A.legacyListClass_closure1.prototype = {
+    call$3(thisArg, index, value) {
+      var t1 = J.getInterceptor$x(thisArg),
+        t2 = t1.get$dartValue(thisArg)._list1$_contents,
+        mutable = A._setArrayType(t2.slice(0), A._arrayInstanceType(t2));
+      mutable[index] = A.unwrapValue(value);
+      t1.set$dartValue(thisArg, t1.get$dartValue(thisArg).withListContents$1(mutable));
+    },
+    "call*": "call$3",
+    $requiredArgCount: 3,
+    $signature: 512
+  };
+  A.legacyListClass_closure2.prototype = {
+    call$1(thisArg) {
+      return J.get$dartValue$x(thisArg)._list1$_separator === B.ListSeparator_qVN0;
+    },
+    $signature: 513
+  };
+  A.legacyListClass_closure3.prototype = {
+    call$2(thisArg, isComma) {
+      var t1 = J.getInterceptor$x(thisArg),
+        t2 = t1.get$dartValue(thisArg)._list1$_contents,
+        t3 = isComma ? B.ListSeparator_qVN0 : B.ListSeparator_qSL0;
+      t1.set$dartValue(thisArg, A.SassList$0(t2, t3, t1.get$dartValue(thisArg)._list1$_hasBrackets));
+    },
+    $signature: 514
+  };
+  A.legacyListClass_closure4.prototype = {
+    call$1(thisArg) {
+      return J.get$dartValue$x(thisArg)._list1$_contents.length;
+    },
+    $signature: 515
+  };
+  A.SassList0.prototype = {
+    get$separator(_) {
+      return this._list1$_separator;
+    },
+    get$hasBrackets() {
+      return this._list1$_hasBrackets;
+    },
+    get$isBlank() {
+      return !this._list1$_hasBrackets && B.JSArray_methods.every$1(this._list1$_contents, new A.SassList_isBlank_closure0());
+    },
+    get$asList() {
+      return this._list1$_contents;
+    },
+    get$lengthAsList() {
+      return this._list1$_contents.length;
+    },
+    SassList$3$brackets0(contents, _separator, brackets) {
+      if (this._list1$_separator === B.ListSeparator_undecided_null_undecided0 && this._list1$_contents.length > 1)
+        throw A.wrapException(A.ArgumentError$(string$.A_list, null));
+    },
+    toString$0(_) {
+      var t2, _this = this,
+        t1 = true;
+      if (!_this._list1$_hasBrackets) {
+        t2 = _this._list1$_contents.length;
+        if (t2 !== 0)
+          t1 = t2 === 1 && _this._list1$_separator === B.ListSeparator_qVN0;
+      }
+      if (t1)
+        return _this.super$Value$toString0(0);
+      return "(" + _this.super$Value$toString0(0) + ")";
+    },
+    accept$1$1(visitor) {
+      return visitor.visitList$1(this);
+    },
+    accept$1(visitor) {
+      return this.accept$1$1(visitor, type$.dynamic);
+    },
+    assertMap$1($name) {
+      return this._list1$_contents.length === 0 ? B.SassMap_Map_empty0 : this.super$Value$assertMap0($name);
+    },
+    tryMap$0() {
+      return this._list1$_contents.length === 0 ? B.SassMap_Map_empty0 : null;
+    },
+    $eq(_, other) {
+      var t1, _this = this;
+      if (other == null)
+        return false;
+      if (!(other instanceof A.SassList0 && other._list1$_separator === _this._list1$_separator && other._list1$_hasBrackets === _this._list1$_hasBrackets && B.C_ListEquality.equals$2(0, other._list1$_contents, _this._list1$_contents)))
+        t1 = _this._list1$_contents.length === 0 && other instanceof A.SassMap0 && other.get$asList().length === 0;
+      else
+        t1 = true;
+      return t1;
+    },
+    get$hashCode(_) {
+      return B.C_ListEquality0.hash$1(this._list1$_contents);
+    }
+  };
+  A.SassList_isBlank_closure0.prototype = {
+    call$1(element) {
+      return element.get$isBlank();
+    },
+    $signature: 52
+  };
+  A.ListSeparator0.prototype = {
+    _enumToString$0() {
+      return "ListSeparator." + this._name;
+    },
+    toString$0(_) {
+      return this._list1$_name;
+    }
+  };
+  A.LmsColorSpace0.prototype = {
+    get$isBoundedInternal() {
+      return false;
+    },
+    convert$10$missingA$missingB$missingChroma$missingHue$missingLightness(dest, long, medium, short, alpha, missingA, missingB, missingChroma, missingHue, missingLightness) {
+      var t1, longScaled, mediumScaled, shortScaled, lightness, t2, t3, _null = null;
+      switch (dest) {
+        case B.OklabColorSpace_5400:
+          t1 = long == null ? 0 : long;
+          longScaled = Math.pow(Math.abs(t1), 0.3333333333333333) * J.get$sign$in(t1);
+          t1 = medium == null ? 0 : medium;
+          mediumScaled = Math.pow(Math.abs(t1), 0.3333333333333333) * J.get$sign$in(t1);
+          t1 = short == null ? 0 : short;
+          shortScaled = Math.pow(Math.abs(t1), 0.3333333333333333) * J.get$sign$in(t1);
+          t1 = $.$get$lmsToOklab0();
+          lightness = t1[0] * longScaled + t1[1] * mediumScaled + t1[2] * shortScaled;
+          t2 = missingLightness ? _null : lightness;
+          t3 = missingA ? _null : t1[3] * longScaled + t1[4] * mediumScaled + t1[5] * shortScaled;
+          return A.SassColor$_forSpace0(B.OklabColorSpace_5400, t2, t3, missingB ? _null : t1[6] * longScaled + t1[7] * mediumScaled + t1[8] * shortScaled, alpha, _null);
+        case B.OklchColorSpace_9Gj0:
+          t1 = long == null ? 0 : long;
+          longScaled = Math.pow(Math.abs(t1), 0.3333333333333333) * J.get$sign$in(t1);
+          t1 = medium == null ? 0 : medium;
+          mediumScaled = Math.pow(Math.abs(t1), 0.3333333333333333) * J.get$sign$in(t1);
+          t1 = short == null ? 0 : short;
+          shortScaled = Math.pow(Math.abs(t1), 0.3333333333333333) * J.get$sign$in(t1);
+          if (missingLightness)
+            t1 = _null;
+          else {
+            t1 = $.$get$lmsToOklab0();
+            t1 = t1[0] * longScaled + t1[1] * mediumScaled + t1[2] * shortScaled;
+          }
+          t2 = $.$get$lmsToOklab0();
+          return A.labToLch0(dest, t1, t2[3] * longScaled + t2[4] * mediumScaled + t2[5] * shortScaled, t2[6] * longScaled + t2[7] * mediumScaled + t2[8] * shortScaled, alpha, missingChroma, missingHue);
+        default:
+          return this.super$ColorSpace$convertLinear0(dest, long, medium, short, alpha, missingA, missingB, missingChroma, missingHue, missingLightness);
+      }
+    },
+    convert$5(dest, long, medium, short, alpha) {
+      return this.convert$10$missingA$missingB$missingChroma$missingHue$missingLightness(dest, long, medium, short, alpha, false, false, false, false, false);
+    },
+    toLinear$1(channel) {
+      return channel;
+    },
+    fromLinear$1(channel) {
+      return channel;
+    },
+    transformationMatrix$1(dest) {
+      var t1;
+      $label0$0: {
+        if (B.SrgbLinearColorSpace_kUj0 === dest || B.SrgbColorSpace_thf0 === dest || B.RgbColorSpace_i0P0 === dest) {
+          t1 = $.$get$lmsToLinearSrgb0();
+          break $label0$0;
+        }
+        if (B.A98RgbColorSpace_lf20 === dest) {
+          t1 = $.$get$lmsToLinearA98Rgb0();
+          break $label0$0;
+        }
+        if (B.ProphotoRgbColorSpace_BDz0 === dest) {
+          t1 = $.$get$lmsToLinearProphotoRgb0();
+          break $label0$0;
+        }
+        if (B.DisplayP3ColorSpace_MmT0 === dest) {
+          t1 = $.$get$lmsToLinearDisplayP30();
+          break $label0$0;
+        }
+        if (B.Rec2020ColorSpace_6oo0 === dest) {
+          t1 = $.$get$lmsToLinearRec20200();
+          break $label0$0;
+        }
+        if (B.XyzD65ColorSpace_WiJ0 === dest) {
+          t1 = $.$get$lmsToXyzD650();
+          break $label0$0;
+        }
+        if (B.XyzD50ColorSpace_2OB0 === dest) {
+          t1 = $.$get$lmsToXyzD500();
+          break $label0$0;
+        }
+        t1 = this.super$ColorSpace$transformationMatrix0(dest);
+        break $label0$0;
+      }
+      return t1;
+    }
+  };
+  A.LocalMindeGamutMap0.prototype = {
+    map$1(_, color) {
+      var clipped, max, min, minInGamut, chroma, current, e,
+        originOklch = color.toSpace$1(B.OklchColorSpace_9Gj0),
+        lightness = originOklch.channel0OrNull,
+        hue = originOklch.channel2OrNull,
+        alpha = originOklch.alphaOrNull,
+        t1 = lightness == null,
+        t2 = t1 ? 0 : lightness;
+      if (t2 > 1 || A.fuzzyEquals0(t2, 1)) {
+        t1 = color._color0$_space;
+        t2 = color.alphaOrNull;
+        return t1.get$isLegacyInternal() ? A.SassColor_SassColor$rgbInternal0(255, 255, 255, t2, null).toSpace$1(t1) : A.SassColor_SassColor$forSpaceInternal0(t1, 1, 1, 1, t2);
+      } else {
+        t1 = t1 ? 0 : lightness;
+        if (t1 < 0 || A.fuzzyEquals0(t1, 0))
+          return A.SassColor_SassColor$rgbInternal0(0, 0, 0, color.alphaOrNull, null).toSpace$1(color._color0$_space);
+      }
+      clipped = color.get$isInGamut() ? color : B.ClipGamutMap_clip0.map$1(0, color);
+      if (this._local_minde$_deltaEOK$2(clipped, color) < 0.02)
+        return clipped;
+      max = originOklch.channel1OrNull;
+      if (max == null)
+        max = 0;
+      for (t1 = color._color0$_space, min = 0, minInGamut = true; max - min > 0.0001;) {
+        chroma = (min + max) / 2;
+        current = B.OklchColorSpace_9Gj0.convert$5(t1, lightness, chroma, hue, alpha);
+        if (minInGamut && current.get$isInGamut()) {
+          min = chroma;
+          continue;
+        }
+        clipped = current.get$isInGamut() ? current : B.ClipGamutMap_clip0.map$1(0, current);
+        e = this._local_minde$_deltaEOK$2(clipped, current);
+        if (e < 0.02) {
+          if (0.02 - e < 0.0001)
+            return clipped;
+          min = chroma;
+          minInGamut = false;
+        } else
+          max = chroma;
+      }
+      return clipped;
+    },
+    _local_minde$_deltaEOK$2(color1, color2) {
+      var t2, t3, t4,
+        lab1 = color1.toSpace$1(B.OklabColorSpace_5400),
+        lab2 = color2.toSpace$1(B.OklabColorSpace_5400),
+        t1 = lab1.channel0OrNull;
+      if (t1 == null)
+        t1 = 0;
+      t2 = lab2.channel0OrNull;
+      t1 = Math.pow(t1 - (t2 == null ? 0 : t2), 2);
+      t2 = lab1.channel1OrNull;
+      if (t2 == null)
+        t2 = 0;
+      t3 = lab2.channel1OrNull;
+      t2 = Math.pow(t2 - (t3 == null ? 0 : t3), 2);
+      t3 = lab1.channel2OrNull;
+      if (t3 == null)
+        t3 = 0;
+      t4 = lab2.channel2OrNull;
+      return Math.sqrt(t1 + t2 + Math.pow(t3 - (t4 == null ? 0 : t4), 2));
+    }
+  };
+  A.JSLogger.prototype = {};
+  A.WarnOptions.prototype = {};
+  A.DebugOptions.prototype = {};
+  A.LoggerWithDeprecationType0.prototype = {};
+  A.LoudComment0.prototype = {
+    get$span(_) {
+      return this.text.span;
+    },
+    accept$1$1(visitor) {
+      return visitor.visitLoudComment$1(0, this);
+    },
+    accept$1(visitor) {
+      return this.accept$1$1(visitor, type$.dynamic);
+    },
+    toString$0(_) {
+      return this.text.toString$0(0);
+    }
+  };
+  A.MapExpression0.prototype = {
+    accept$1$1(visitor) {
+      return visitor.visitMapExpression$1(0, this);
+    },
+    accept$1(visitor) {
+      return this.accept$1$1(visitor, type$.dynamic);
+    },
+    toString$0(_) {
+      var t2, t3, _i, t4,
+        t1 = A._setArrayType([], type$.JSArray_String);
+      for (t2 = this.pairs, t3 = t2.length, _i = 0; _i < t3; ++_i) {
+        t4 = t2[_i];
+        t1.push(t4._0.toString$0(0) + ": " + t4._1.toString$0(0));
+      }
+      return "(" + B.JSArray_methods.join$1(t1, ", ") + ")";
+    },
+    get$span(receiver) {
+      return this.span;
+    }
+  };
+  A._get_closure0.prototype = {
+    call$1($arguments) {
+      var value,
+        t1 = J.getInterceptor$asx($arguments),
+        map = t1.$index($arguments, 0).assertMap$1("map"),
+        t2 = A._setArrayType([t1.$index($arguments, 1)], type$.JSArray_Value_2);
+      B.JSArray_methods.addAll$1(t2, t1.$index($arguments, 2).get$asList());
+      for (t1 = A.IterableExtension_get_exceptLast0(t2), t1 = t1.get$iterator(t1); t1.moveNext$0(); map = value) {
+        value = map._map0$_contents.$index(0, t1.get$current(t1));
+        if (!(value instanceof A.SassMap0))
+          return B.C__SassNull0;
+      }
+      t1 = map._map0$_contents.$index(0, B.JSArray_methods.get$last(t2));
+      return t1 == null ? B.C__SassNull0 : t1;
+    },
+    $signature: 3
+  };
+  A._set_closure1.prototype = {
+    call$1($arguments) {
+      var t1 = J.getInterceptor$asx($arguments);
+      return A._modify0(t1.$index($arguments, 0).assertMap$1("map"), A._setArrayType([t1.$index($arguments, 1)], type$.JSArray_Value_2), new A._set__closure2($arguments), true);
+    },
+    $signature: 3
+  };
+  A._set__closure2.prototype = {
+    call$1(_) {
+      return J.$index$asx(this.$arguments, 2);
+    },
+    $signature: 44
+  };
+  A._set_closure2.prototype = {
+    call$1($arguments) {
+      var keys, t2, t3,
+        t1 = J.getInterceptor$asx($arguments),
+        map = t1.$index($arguments, 0).assertMap$1("map"),
+        _0_0 = t1.$index($arguments, 1).get$asList(),
+        _0_1 = _0_0.length;
+      if (_0_1 <= 0)
+        throw A.wrapException(A.SassScriptException$0("Expected $args to contain a key.", null));
+      if (_0_1 === 1)
+        throw A.wrapException(A.SassScriptException$0("Expected $args to contain a value.", null));
+      t1 = {};
+      keys = t1.value = null;
+      t2 = _0_1 >= 1;
+      if (t2) {
+        t3 = _0_1 - 1;
+        keys = B.JSArray_methods.sublist$2(_0_0, 0, t3);
+        t1.value = _0_0[t3];
+      }
+      if (t2)
+        return A._modify0(map, keys, new A._set__closure1(t1), true);
+      throw A.wrapException("[BUG] Unreachable code");
+    },
+    $signature: 3
+  };
+  A._set__closure1.prototype = {
+    call$1(_) {
+      return this._box_0.value;
+    },
+    $signature: 44
+  };
+  A._merge_closure1.prototype = {
+    call$1($arguments) {
+      var t2,
+        t1 = J.getInterceptor$asx($arguments),
+        map1 = t1.$index($arguments, 0).assertMap$1("map1"),
+        map2 = t1.$index($arguments, 1).assertMap$1("map2");
+      t1 = type$.Value_2;
+      t2 = A.LinkedHashMap_LinkedHashMap$of(map1._map0$_contents, t1, t1);
+      t2.addAll$1(0, map2._map0$_contents);
+      return new A.SassMap0(A.ConstantMap_ConstantMap$from(t2, t1, t1));
+    },
+    $signature: 34
+  };
+  A._merge_closure2.prototype = {
+    call$1($arguments) {
+      var last, t2, keys, _null = null,
+        t1 = J.getInterceptor$asx($arguments),
+        map1 = t1.$index($arguments, 0).assertMap$1("map1"),
+        _0_0 = t1.$index($arguments, 1).get$asList(),
+        _0_1 = _0_0.length;
+      if (_0_1 <= 0)
+        throw A.wrapException(A.SassScriptException$0("Expected $args to contain a key.", _null));
+      if (_0_1 === 1)
+        throw A.wrapException(A.SassScriptException$0("Expected $args to contain a map.", _null));
+      t1 = _0_1 >= 1;
+      last = _null;
+      if (t1) {
+        t2 = _0_1 - 1;
+        keys = B.JSArray_methods.sublist$2(_0_0, 0, t2);
+        last = _0_0[t2];
+      } else
+        keys = _null;
+      if (t1)
+        return A._modify0(map1, keys, new A._merge__closure0(last.assertMap$1("map2")), true);
+      throw A.wrapException("[BUG] Unreachable code");
+    },
+    $signature: 3
+  };
+  A._merge__closure0.prototype = {
+    call$1(oldValue) {
+      var t1, t2,
+        nestedMap = oldValue.tryMap$0();
+      if (nestedMap == null)
+        return this.map2;
+      t1 = type$.Value_2;
+      t2 = A.LinkedHashMap_LinkedHashMap$of(nestedMap._map0$_contents, t1, t1);
+      t2.addAll$1(0, this.map2._map0$_contents);
+      return new A.SassMap0(A.ConstantMap_ConstantMap$from(t2, t1, t1));
+    },
+    $signature: 516
+  };
+  A._deepMerge_closure0.prototype = {
+    call$1($arguments) {
+      var t1 = J.getInterceptor$asx($arguments);
+      return A._deepMergeImpl0(t1.$index($arguments, 0).assertMap$1("map1"), t1.$index($arguments, 1).assertMap$1("map2"));
+    },
+    $signature: 34
+  };
+  A._deepRemove_closure0.prototype = {
+    call$1($arguments) {
+      var t1 = J.getInterceptor$asx($arguments),
+        map = t1.$index($arguments, 0).assertMap$1("map"),
+        t2 = A._setArrayType([t1.$index($arguments, 1)], type$.JSArray_Value_2);
+      B.JSArray_methods.addAll$1(t2, t1.$index($arguments, 2).get$asList());
+      return A._modify0(map, A.IterableExtension_get_exceptLast0(t2), new A._deepRemove__closure0(t2), false);
+    },
+    $signature: 3
+  };
+  A._deepRemove__closure0.prototype = {
+    call$1(value) {
+      var t1, nestedMap, t2,
+        _0_0 = value.tryMap$0();
+      if (_0_0 != null) {
+        t1 = _0_0._map0$_contents.containsKey$1(B.JSArray_methods.get$last(this.keys));
+        nestedMap = _0_0;
+      } else {
+        nestedMap = null;
+        t1 = false;
+      }
+      if (t1) {
+        t1 = type$.Value_2;
+        t2 = A.LinkedHashMap_LinkedHashMap$of(nestedMap._map0$_contents, t1, t1);
+        t2.remove$1(0, B.JSArray_methods.get$last(this.keys));
+        return new A.SassMap0(A.ConstantMap_ConstantMap$from(t2, t1, t1));
+      }
+      return value;
+    },
+    $signature: 44
+  };
+  A._remove_closure1.prototype = {
+    call$1($arguments) {
+      return J.$index$asx($arguments, 0).assertMap$1("map");
+    },
+    $signature: 34
+  };
+  A._remove_closure2.prototype = {
+    call$1($arguments) {
+      var mutableMap, t3, _i,
+        t1 = J.getInterceptor$asx($arguments),
+        map = t1.$index($arguments, 0).assertMap$1("map"),
+        t2 = A._setArrayType([t1.$index($arguments, 1)], type$.JSArray_Value_2);
+      B.JSArray_methods.addAll$1(t2, t1.$index($arguments, 2).get$asList());
+      t1 = type$.Value_2;
+      mutableMap = A.LinkedHashMap_LinkedHashMap$of(map._map0$_contents, t1, t1);
+      for (t3 = t2.length, _i = 0; _i < t2.length; t2.length === t3 || (0, A.throwConcurrentModificationError)(t2), ++_i)
+        mutableMap.remove$1(0, t2[_i]);
+      return new A.SassMap0(A.ConstantMap_ConstantMap$from(mutableMap, t1, t1));
+    },
+    $signature: 34
+  };
+  A._keys_closure0.prototype = {
+    call$1($arguments) {
+      var t1 = J.$index$asx($arguments, 0).assertMap$1("map")._map0$_contents;
+      return A.SassList$0(t1.get$keys(t1), B.ListSeparator_qVN0, false);
+    },
+    $signature: 27
+  };
+  A._values_closure0.prototype = {
+    call$1($arguments) {
+      var t1 = J.$index$asx($arguments, 0).assertMap$1("map")._map0$_contents;
+      return A.SassList$0(t1.get$values(t1), B.ListSeparator_qVN0, false);
+    },
+    $signature: 27
+  };
+  A._hasKey_closure0.prototype = {
+    call$1($arguments) {
+      var value,
+        t1 = J.getInterceptor$asx($arguments),
+        map = t1.$index($arguments, 0).assertMap$1("map"),
+        t2 = A._setArrayType([t1.$index($arguments, 1)], type$.JSArray_Value_2);
+      B.JSArray_methods.addAll$1(t2, t1.$index($arguments, 2).get$asList());
+      for (t1 = A.IterableExtension_get_exceptLast0(t2), t1 = t1.get$iterator(t1); t1.moveNext$0(); map = value) {
+        value = map._map0$_contents.$index(0, t1.get$current(t1));
+        if (!(value instanceof A.SassMap0))
+          return B.SassBoolean_false0;
+      }
+      return map._map0$_contents.containsKey$1(B.JSArray_methods.get$last(t2)) ? B.SassBoolean_true0 : B.SassBoolean_false0;
+    },
+    $signature: 12
+  };
+  A._modify_modifyNestedMap0.prototype = {
+    call$1(map) {
+      var nestedMap, _this = this,
+        t1 = type$.Value_2,
+        mutableMap = A.LinkedHashMap_LinkedHashMap$of(map._map0$_contents, t1, t1),
+        t2 = _this.keyIterator,
+        key = t2.get$current(t2);
+      if (!t2.moveNext$0()) {
+        t2 = mutableMap.$index(0, key);
+        if (t2 == null)
+          t2 = B.C__SassNull0;
+        mutableMap.$indexSet(0, key, _this.modify.call$1(t2));
+        return new A.SassMap0(A.ConstantMap_ConstantMap$from(mutableMap, t1, t1));
+      }
+      t2 = mutableMap.$index(0, key);
+      nestedMap = t2 == null ? null : t2.tryMap$0();
+      t2 = nestedMap == null;
+      if (t2 && !_this.addNesting)
+        return new A.SassMap0(A.ConstantMap_ConstantMap$from(mutableMap, t1, t1));
+      mutableMap.$indexSet(0, key, _this.call$1(t2 ? B.SassMap_Map_empty0 : nestedMap));
+      return new A.SassMap0(A.ConstantMap_ConstantMap$from(mutableMap, t1, t1));
+    },
+    $signature: 517
+  };
+  A.MapExtensions_get_pairs_closure0.prototype = {
+    call$1(e) {
+      return new A._Record_2(e.key, e.value);
+    },
+    $signature() {
+      return this.K._eval$1("@<0>")._bind$1(this.V)._eval$1("+(1,2)(MapEntry<1,2>)");
+    }
+  };
+  A.mapClass_closure.prototype = {
+    call$0() {
+      var t1 = type$.JSClass,
+        jsClass = t1._as(A.allowInteropCaptureThisNamed("sass.SassMap", new A.mapClass__closure())),
+        t2 = J.getInterceptor$x(jsClass);
+      A.defineGetter(t2.get$$prototype(jsClass), "contents", new A.mapClass__closure0(), null);
+      t2.get$$prototype(jsClass).get = A.allowInteropCaptureThisNamed("get", new A.mapClass__closure1());
+      A.JSClassExtension_injectSuperclass(t1._as(B.SassMap_Map_empty0.constructor), jsClass);
+      return jsClass;
+    },
+    $signature: 16
+  };
+  A.mapClass__closure.prototype = {
+    call$2($self, contents) {
+      var t1;
+      if (contents == null)
+        t1 = B.SassMap_Map_empty0;
+      else {
+        t1 = type$.Value_2;
+        t1 = new A.SassMap0(A.ConstantMap_ConstantMap$from(A.immutableMapToDartMap(contents).cast$2$0(0, t1, t1), t1, t1));
+      }
+      return t1;
+    },
+    call$1($self) {
+      return this.call$2($self, null);
+    },
+    "call*": "call$2",
+    $requiredArgCount: 1,
+    $defaultValues() {
+      return [null];
+    },
+    $signature: 518
+  };
+  A.mapClass__closure0.prototype = {
+    call$1($self) {
+      return A.dartMapToImmutableMap($self._map0$_contents);
+    },
+    $signature: 519
+  };
+  A.mapClass__closure1.prototype = {
+    call$2($self, indexOrKey) {
+      var index, t1, _0_0;
+      if (typeof indexOrKey == "number") {
+        index = B.JSNumber_methods.floor$0(indexOrKey);
+        if (index < 0) {
+          t1 = $self._map0$_contents;
+          index = t1.get$length(t1) + index;
+        }
+        if (index >= 0) {
+          t1 = $self._map0$_contents;
+          t1 = index >= t1.get$length(t1);
+        } else
+          t1 = true;
+        if (t1)
+          return self.undefined;
+        t1 = type$.Value_2;
+        _0_0 = A.MapExtensions_get_pairs0($self._map0$_contents, t1, t1).elementAt$1(0, index);
+        return A.SassList$0(A._setArrayType([_0_0._0, _0_0._1], type$.JSArray_Value_2), B.ListSeparator_qSL0, false);
+      } else {
+        t1 = $self._map0$_contents.$index(0, indexOrKey);
+        return t1 == null ? self.undefined : t1;
+      }
+    },
+    $signature: 520
+  };
+  A._NodeSassMap.prototype = {};
+  A.legacyMapClass_closure.prototype = {
+    call$3(thisArg, $length, dartValue) {
+      var t1, t2, t3, map;
+      if (dartValue == null) {
+        $length.toString;
+        t1 = type$.Value_2;
+        t2 = A.Iterable_Iterable$generate($length, new A.legacyMapClass__closure(), t1);
+        t3 = A.Iterable_Iterable$generate($length, new A.legacyMapClass__closure0(), t1);
+        map = A.LinkedHashMap_LinkedHashMap(null, null, null, t1, t1);
+        A.MapBase__fillMapWithIterables(map, t2, t3);
+        t1 = new A.SassMap0(A.ConstantMap_ConstantMap$from(map, t1, t1));
+      } else
+        t1 = dartValue;
+      J.set$dartValue$x(thisArg, t1);
+    },
+    call$2(thisArg, $length) {
+      return this.call$3(thisArg, $length, null);
+    },
+    "call*": "call$3",
+    $requiredArgCount: 2,
+    $defaultValues() {
+      return [null];
+    },
+    $signature: 521
+  };
+  A.legacyMapClass__closure.prototype = {
+    call$1(i) {
+      return A.SassNumber_SassNumber0(i, null);
+    },
+    $signature: 522
+  };
+  A.legacyMapClass__closure0.prototype = {
+    call$1(_) {
+      return B.C__SassNull0;
+    },
+    $signature: 241
+  };
+  A.legacyMapClass_closure0.prototype = {
+    call$2(thisArg, index) {
+      var t1 = J.get$dartValue$x(thisArg)._map0$_contents;
+      t1 = t1.get$keys(t1);
+      return A.wrapValue(t1.elementAt$1(t1, index));
+    },
+    $signature: 242
+  };
+  A.legacyMapClass_closure1.prototype = {
+    call$2(thisArg, index) {
+      var t1 = J.get$dartValue$x(thisArg)._map0$_contents;
+      t1 = t1.get$values(t1);
+      return A.wrapValue(t1.elementAt$1(t1, index));
+    },
+    $signature: 242
+  };
+  A.legacyMapClass_closure2.prototype = {
+    call$1(thisArg) {
+      var t1 = J.get$dartValue$x(thisArg)._map0$_contents;
+      return t1.get$length(t1);
+    },
+    $signature: 524
+  };
+  A.legacyMapClass_closure3.prototype = {
+    call$3(thisArg, index, key) {
+      var newKey, t2, newMap, t3, i, t4, oldKey, oldValue,
+        t1 = J.getInterceptor$x(thisArg),
+        oldMap = t1.get$dartValue(thisArg)._map0$_contents,
+        $length = oldMap.get$length(oldMap);
+      A.IndexError_check(index, $length, oldMap, null, "index");
+      newKey = A.unwrapValue(key);
+      t2 = type$.Value_2;
+      newMap = A.LinkedHashMap_LinkedHashMap$_empty(t2, t2);
+      for (t3 = A.MapExtensions_get_pairs0(t1.get$dartValue(thisArg)._map0$_contents, t2, t2), t3 = t3.get$iterator(t3), i = 0; t3.moveNext$0();) {
+        t4 = t3.get$current(t3);
+        oldKey = t4._0;
+        oldValue = t4._1;
+        if (i === index)
+          newMap.$indexSet(0, newKey, oldValue);
+        else {
+          if (newKey.$eq(0, oldKey))
+            throw A.wrapException(A.ArgumentError$value(key, "key", "is already in the map"));
+          newMap.$indexSet(0, oldKey, oldValue);
+        }
+        ++i;
+      }
+      t1.set$dartValue(thisArg, new A.SassMap0(A.ConstantMap_ConstantMap$from(newMap, t2, t2)));
+    },
+    "call*": "call$3",
+    $requiredArgCount: 3,
+    $signature: 243
+  };
+  A.legacyMapClass_closure4.prototype = {
+    call$3(thisArg, index, value) {
+      var key, t3,
+        t1 = J.getInterceptor$x(thisArg),
+        t2 = t1.get$dartValue(thisArg)._map0$_contents;
+      t2 = t2.get$keys(t2);
+      key = t2.elementAt$1(t2, index);
+      t2 = type$.Value_2;
+      t3 = A.LinkedHashMap_LinkedHashMap$of(t1.get$dartValue(thisArg)._map0$_contents, t2, t2);
+      t3.$indexSet(0, key, A.unwrapValue(value));
+      t1.set$dartValue(thisArg, new A.SassMap0(A.ConstantMap_ConstantMap$from(t3, t2, t2)));
+    },
+    "call*": "call$3",
+    $requiredArgCount: 3,
+    $signature: 243
+  };
+  A.SassMap0.prototype = {
+    get$separator(_) {
+      var t1 = this._map0$_contents;
+      return t1.get$isEmpty(t1) ? B.ListSeparator_undecided_null_undecided0 : B.ListSeparator_qVN0;
+    },
+    get$asList() {
+      var t3, t4, t5, result,
+        t1 = type$.JSArray_Value_2,
+        t2 = A._setArrayType([], t1);
+      for (t3 = type$.Value_2, t4 = A.MapExtensions_get_pairs0(this._map0$_contents, t3, t3), t4 = t4.get$iterator(t4); t4.moveNext$0();) {
+        t5 = t4.get$current(t4);
+        result = A.List_List$from(A._setArrayType([t5._0, t5._1], t1), false, t3);
+        result.$flags = 3;
+        t2.push(new A.SassList0(result, B.ListSeparator_qSL0, false));
+      }
+      return t2;
+    },
+    get$lengthAsList() {
+      var t1 = this._map0$_contents;
+      return t1.get$length(t1);
+    },
+    accept$1$1(visitor) {
+      return visitor.visitMap$1(this);
+    },
+    accept$1(visitor) {
+      return this.accept$1$1(visitor, type$.dynamic);
+    },
+    assertMap$1($name) {
+      return this;
+    },
+    tryMap$0() {
+      return this;
+    },
+    $eq(_, other) {
+      var t1;
+      if (other == null)
+        return false;
+      if (!(other instanceof A.SassMap0 && B.C_MapEquality.equals$2(0, other._map0$_contents, this._map0$_contents))) {
+        t1 = this._map0$_contents;
+        t1 = t1.get$isEmpty(t1) && other instanceof A.SassList0 && other._list1$_contents.length === 0;
+      } else
+        t1 = true;
+      return t1;
+    },
+    get$hashCode(_) {
+      var t1 = this._map0$_contents;
+      return t1.get$isEmpty(t1) ? B.C_ListEquality0.hash$1(B.List_empty21) : B.C_MapEquality.hash$1(t1);
+    }
+  };
+  A.global_closure43.prototype = {
+    call$1($arguments) {
+      var t1,
+        number = J.$index$asx($arguments, 0).assertNumber$1("number");
+      if (number.hasUnit$1("%"))
+        A.warnForDeprecation0(string$.Passinp + number.toString$0(0) + ")\nTo emit a CSS abs() now: abs(#{" + number.toString$0(0) + string$.x7d__Mor, B.Deprecation_fzO);
+      else
+        A.warnForDeprecation0(string$.Globalm, B.Deprecation_jOf);
+      t1 = number.get$numeratorUnits(number);
+      return A.SassNumber_SassNumber$withUnits0(Math.abs(number._number1$_value), number.get$denominatorUnits(number), t1);
+    },
+    $signature: 22
+  };
+  A.module_closure26.prototype = {
+    call$1(value) {
+      return Math.abs(value);
+    },
+    $signature: 15
+  };
+  A._ceil_closure0.prototype = {
+    call$1(value) {
+      return B.JSNumber_methods.ceil$0(value);
+    },
+    $signature: 15
+  };
+  A._clamp_closure0.prototype = {
+    call$1($arguments) {
+      var t1 = J.getInterceptor$asx($arguments),
+        min = t1.$index($arguments, 0).assertNumber$1("min"),
+        number = t1.$index($arguments, 1).assertNumber$1("number"),
+        max = t1.$index($arguments, 2).assertNumber$1("max");
+      number.convertValueToMatch$3(min, "number", "min");
+      max.convertValueToMatch$3(min, "max", "min");
+      if (min.greaterThanOrEquals$1(max).value)
+        return min;
+      if (min.greaterThanOrEquals$1(number).value)
+        return min;
+      if (number.greaterThanOrEquals$1(max).value)
+        return max;
+      return number;
+    },
+    $signature: 22
+  };
+  A._floor_closure0.prototype = {
+    call$1(value) {
+      return B.JSNumber_methods.floor$0(value);
+    },
+    $signature: 15
+  };
+  A._max_closure0.prototype = {
+    call$1($arguments) {
+      var t1, t2, max, _i, number;
+      for (t1 = J.$index$asx($arguments, 0).get$asList(), t2 = t1.length, max = null, _i = 0; _i < t1.length; t1.length === t2 || (0, A.throwConcurrentModificationError)(t1), ++_i) {
+        number = t1[_i].assertNumber$0();
+        if (max == null || max.lessThan$1(number).value)
+          max = number;
+      }
+      if (max != null)
+        return max;
+      throw A.wrapException(A.SassScriptException$0("At least one argument must be passed.", null));
+    },
+    $signature: 22
+  };
+  A._min_closure0.prototype = {
+    call$1($arguments) {
+      var t1, t2, min, _i, number;
+      for (t1 = J.$index$asx($arguments, 0).get$asList(), t2 = t1.length, min = null, _i = 0; _i < t1.length; t1.length === t2 || (0, A.throwConcurrentModificationError)(t1), ++_i) {
+        number = t1[_i].assertNumber$0();
+        if (min == null || min.greaterThan$1(number).value)
+          min = number;
+      }
+      if (min != null)
+        return min;
+      throw A.wrapException(A.SassScriptException$0("At least one argument must be passed.", null));
+    },
+    $signature: 22
+  };
+  A._round_closure0.prototype = {
+    call$1(number) {
+      return B.JSNumber_methods.round$0(number);
+    },
+    $signature: 15
+  };
+  A._hypot_closure0.prototype = {
+    call$1($arguments) {
+      var subtotal, i, i0, t3,
+        t1 = J.$index$asx($arguments, 0).get$asList(),
+        t2 = A._arrayInstanceType(t1)._eval$1("MappedListIterable<1,SassNumber0>"),
+        numbers = A.List_List$_of(new A.MappedListIterable(t1, new A._hypot__closure0(), t2), t2._eval$1("ListIterable.E"));
+      if (numbers.length === 0)
+        throw A.wrapException(A.SassScriptException$0("At least one argument must be passed.", null));
+      for (subtotal = 0, i = 0; i < numbers.length; i = i0) {
+        i0 = i + 1;
+        subtotal += Math.pow(numbers[i].convertValueToMatch$3(numbers[0], "numbers[" + i0 + "]", "numbers[1]"), 2);
+      }
+      t1 = Math.sqrt(subtotal);
+      t2 = numbers[0];
+      t2 = t2.get$numeratorUnits(t2);
+      t3 = numbers[0];
+      return A.SassNumber_SassNumber$withUnits0(t1, t3.get$denominatorUnits(t3), t2);
+    },
+    $signature: 22
+  };
+  A._hypot__closure0.prototype = {
+    call$1(argument) {
+      return argument.assertNumber$0();
+    },
+    $signature: 526
+  };
+  A._log_closure0.prototype = {
+    call$1($arguments) {
+      var base,
+        _s18_ = " to have no units.",
+        _null = null,
+        t1 = J.getInterceptor$asx($arguments),
+        number = t1.$index($arguments, 0).assertNumber$1("number");
+      if (number.get$hasUnits())
+        throw A.wrapException(A.SassScriptException$0("$number: Expected " + number.toString$0(0) + _s18_, _null));
+      else if (t1.$index($arguments, 1).$eq(0, B.C__SassNull0))
+        return A.SassNumber_SassNumber0(Math.log(number._number1$_value), _null);
+      base = t1.$index($arguments, 1).assertNumber$1("base");
+      if (base.get$hasUnits())
+        throw A.wrapException(A.SassScriptException$0("$base: Expected " + base.toString$0(0) + _s18_, _null));
+      else
+        return A.SassNumber_SassNumber0(Math.log(number._number1$_value) / Math.log(base._number1$_value), _null);
+    },
+    $signature: 22
+  };
+  A._pow_closure0.prototype = {
+    call$1($arguments) {
+      var t1 = J.getInterceptor$asx($arguments);
+      return A.pow1(t1.$index($arguments, 0).assertNumber$1("base"), t1.$index($arguments, 1).assertNumber$1("exponent"));
+    },
+    $signature: 22
+  };
+  A._atan2_closure0.prototype = {
+    call$1($arguments) {
+      var t1 = J.getInterceptor$asx($arguments),
+        y = t1.$index($arguments, 0).assertNumber$1("y");
+      return A.SassNumber_SassNumber$withUnits0(Math.atan2(y._number1$_value, t1.$index($arguments, 1).assertNumber$1("x").convertValueToMatch$3(y, "x", "y")) * 57.29577951308232, null, A._setArrayType(["deg"], type$.JSArray_String));
+    },
+    $signature: 22
+  };
+  A._compatible_closure0.prototype = {
+    call$1($arguments) {
+      var t1 = J.getInterceptor$asx($arguments);
+      return t1.$index($arguments, 0).assertNumber$1("number1").isComparableTo$1(t1.$index($arguments, 1).assertNumber$1("number2")) ? B.SassBoolean_true0 : B.SassBoolean_false0;
+    },
+    $signature: 12
+  };
+  A._isUnitless_closure0.prototype = {
+    call$1($arguments) {
+      return !J.$index$asx($arguments, 0).assertNumber$1("number").get$hasUnits() ? B.SassBoolean_true0 : B.SassBoolean_false0;
+    },
+    $signature: 12
+  };
+  A._unit_closure0.prototype = {
+    call$1($arguments) {
+      return new A.SassString0(J.$index$asx($arguments, 0).assertNumber$1("number").get$unitString(), true);
+    },
+    $signature: 18
+  };
+  A._percentage_closure0.prototype = {
+    call$1($arguments) {
+      var number = J.$index$asx($arguments, 0).assertNumber$1("number");
+      number.assertNoUnits$1("number");
+      return A.SassNumber_SassNumber0(number._number1$_value * 100, "%");
+    },
+    $signature: 22
+  };
+  A._randomFunction_closure0.prototype = {
+    call$1($arguments) {
+      var limit, limitScalar,
+        t1 = J.getInterceptor$asx($arguments);
+      if (t1.$index($arguments, 0).$eq(0, B.C__SassNull0))
+        return A.SassNumber_SassNumber0($.$get$_random2().nextDouble$0(), null);
+      limit = t1.$index($arguments, 0).assertNumber$1("limit");
+      if (limit.get$hasUnits())
+        A.warnForDeprecation0(string$.math_r + limit.toString$0(0) + string$.x29x20in_a + limit.get$unitString() + ")) * 1" + limit.get$unitString() + string$.x0a_To_p + limit.get$unitString() + string$.x29x29__Mo, B.Deprecation_kQr);
+      limitScalar = limit.assertInt$1("limit");
+      if (limitScalar < 1)
+        throw A.wrapException(A.SassScriptException$0("$limit: Must be greater than 0, was " + limit.toString$0(0) + ".", null));
+      return A.SassNumber_SassNumber0($.$get$_random2().nextInt$1(limitScalar) + 1, null);
+    },
+    $signature: 22
+  };
+  A._div_closure0.prototype = {
+    call$1($arguments) {
+      var t1 = J.getInterceptor$asx($arguments),
+        number1 = t1.$index($arguments, 0),
+        number2 = t1.$index($arguments, 1);
+      if (!(number1 instanceof A.SassNumber0) || !(number2 instanceof A.SassNumber0))
+        A.warn0(string$.math_d);
+      return number1.dividedBy$1(number2);
+    },
+    $signature: 3
+  };
+  A._singleArgumentMathFunc_closure0.prototype = {
+    call$1($arguments) {
+      return this.mathFunc.call$1(J.$index$asx($arguments, 0).assertNumber$1("number"));
+    },
+    $signature: 22
+  };
+  A._numberFunction_closure0.prototype = {
+    call$1($arguments) {
+      var number = J.$index$asx($arguments, 0).assertNumber$1("number"),
+        t1 = this.transform.call$1(number._number1$_value),
+        t2 = number.get$numeratorUnits(number);
+      return A.SassNumber_SassNumber$withUnits0(t1, number.get$denominatorUnits(number), t2);
+    },
+    $signature: 22
+  };
+  A.CssMediaQuery0.prototype = {
+    merge$1(other) {
+      var t1, ourModifier, t2, t3, ourType, t4, theirModifier, t5, t6, theirType, t7, t8, negativeConditions, conditions, type, modifier, fewerConditions, fewerConditions0, moreConditions, _this = this, _null = null, _s3_ = "all";
+      if (!_this.conjunction || !other.conjunction)
+        return B._SingletonCssMediaQueryMergeResult_10;
+      t1 = _this.modifier;
+      ourModifier = t1 == null ? _null : t1.toLowerCase();
+      t2 = _this.type;
+      t3 = t2 == null;
+      ourType = t3 ? _null : t2.toLowerCase();
+      t4 = other.modifier;
+      theirModifier = t4 == null ? _null : t4.toLowerCase();
+      t5 = other.type;
+      t6 = t5 == null;
+      theirType = t6 ? _null : t5.toLowerCase();
+      t7 = ourType == null;
+      if (t7 && theirType == null) {
+        t1 = A.List_List$_of(_this.conditions, type$.String);
+        B.JSArray_methods.addAll$1(t1, other.conditions);
+        return new A.MediaQuerySuccessfulMergeResult0(A.CssMediaQuery$condition0(t1, true));
+      }
+      t8 = ourModifier === "not";
+      if (t8 !== (theirModifier === "not")) {
+        if (ourType == theirType) {
+          negativeConditions = t8 ? _this.conditions : other.conditions;
+          if (B.JSArray_methods.every$1(negativeConditions, B.JSArray_methods.get$contains(t8 ? other.conditions : _this.conditions)))
+            return B._SingletonCssMediaQueryMergeResult_00;
+          else
+            return B._SingletonCssMediaQueryMergeResult_10;
+        } else if (t3 || A.equalsIgnoreCase0(t2, _s3_) || t6 || A.equalsIgnoreCase0(t5, _s3_))
+          return B._SingletonCssMediaQueryMergeResult_10;
+        if (t8) {
+          conditions = other.conditions;
+          type = theirType;
+          modifier = theirModifier;
+        } else {
+          conditions = _this.conditions;
+          type = ourType;
+          modifier = ourModifier;
+        }
+      } else if (t8) {
+        if (ourType != theirType)
+          return B._SingletonCssMediaQueryMergeResult_10;
+        fewerConditions = _this.conditions;
+        fewerConditions0 = other.conditions;
+        t3 = fewerConditions.length > fewerConditions0.length;
+        moreConditions = t3 ? fewerConditions : fewerConditions0;
+        if (t3)
+          fewerConditions = fewerConditions0;
+        if (!B.JSArray_methods.every$1(fewerConditions, B.JSArray_methods.get$contains(moreConditions)))
+          return B._SingletonCssMediaQueryMergeResult_10;
+        conditions = moreConditions;
+        type = ourType;
+        modifier = ourModifier;
+      } else if (t3 || A.equalsIgnoreCase0(t2, _s3_)) {
+        type = (t6 || A.equalsIgnoreCase0(t5, _s3_)) && t7 ? _null : theirType;
+        t3 = A.List_List$_of(_this.conditions, type$.String);
+        B.JSArray_methods.addAll$1(t3, other.conditions);
+        conditions = t3;
+        modifier = theirModifier;
+      } else {
+        if (t6 || A.equalsIgnoreCase0(t5, _s3_)) {
+          t3 = A.List_List$_of(_this.conditions, type$.String);
+          B.JSArray_methods.addAll$1(t3, other.conditions);
+          conditions = t3;
+          modifier = ourModifier;
+        } else {
+          if (ourType != theirType)
+            return B._SingletonCssMediaQueryMergeResult_00;
+          else {
+            modifier = ourModifier == null ? theirModifier : ourModifier;
+            t3 = A.List_List$_of(_this.conditions, type$.String);
+            B.JSArray_methods.addAll$1(t3, other.conditions);
+          }
+          conditions = t3;
+        }
+        type = ourType;
+      }
+      t2 = type == ourType ? t2 : t5;
+      return new A.MediaQuerySuccessfulMergeResult0(A.CssMediaQuery$type0(t2, conditions, modifier == ourModifier ? t1 : t4));
+    },
+    $eq(_, other) {
+      if (other == null)
+        return false;
+      return other instanceof A.CssMediaQuery0 && other.modifier == this.modifier && other.type == this.type && B.C_ListEquality.equals$2(0, other.conditions, this.conditions);
+    },
+    get$hashCode(_) {
+      return J.get$hashCode$(this.modifier) ^ J.get$hashCode$(this.type) ^ B.C_ListEquality0.hash$1(this.conditions);
+    },
+    toString$0(_) {
+      var t2, _this = this,
+        t1 = _this.modifier;
+      t1 = t1 != null ? t1 + " " : "";
+      t2 = _this.type;
+      if (t2 != null) {
+        t1 += t2;
+        if (_this.conditions.length !== 0)
+          t1 += " and ";
+      }
+      t2 = _this.conjunction ? " and " : " or ";
+      t2 = t1 + B.JSArray_methods.join$1(_this.conditions, t2);
+      return t2.charCodeAt(0) == 0 ? t2 : t2;
+    }
+  };
+  A._SingletonCssMediaQueryMergeResult0.prototype = {
+    _enumToString$0() {
+      return "_SingletonCssMediaQueryMergeResult." + this._name;
+    }
+  };
+  A.MediaQuerySuccessfulMergeResult0.prototype = {
+    toString$0(_) {
+      return this.query.toString$0(0);
+    }
+  };
+  A.MediaQueryParser0.prototype = {
+    parse$0(_) {
+      return this.wrapSpanFormatException$1(new A.MediaQueryParser_parse_closure0(this));
+    },
+    _media_query$_mediaQuery$0() {
+      var conditions, conjunction, t1, identifier1, identifier2, type, modifier, _this = this, _null = null, _s3_ = "and";
+      if (_this.scanner.peekChar$0() === 40) {
+        conditions = A._setArrayType([_this._media_query$_mediaInParens$0()], type$.JSArray_String);
+        _this.whitespace$1$consumeNewlines(true);
+        if (_this.scanIdentifier$1(_s3_)) {
+          _this.expectWhitespace$0();
+          B.JSArray_methods.addAll$1(conditions, _this._media_query$_mediaLogicSequence$1(_s3_));
+          conjunction = true;
+        } else {
+          t1 = _this.scanIdentifier$1("or");
+          if (t1) {
+            _this.expectWhitespace$0();
+            B.JSArray_methods.addAll$1(conditions, _this._media_query$_mediaLogicSequence$1("or"));
+          }
+          conjunction = !t1;
+        }
+        return A.CssMediaQuery$condition0(conditions, conjunction);
+      }
+      identifier1 = _this.identifier$0();
+      if (A.equalsIgnoreCase0(identifier1, "not")) {
+        _this.expectWhitespace$0();
+        if (!_this.lookingAtIdentifier$0())
+          return A.CssMediaQuery$condition0(A._setArrayType(["(not " + _this._media_query$_mediaInParens$0() + ")"], type$.JSArray_String), _null);
+      }
+      _this.whitespace$1$consumeNewlines(true);
+      if (!_this.lookingAtIdentifier$0())
+        return A.CssMediaQuery$type0(identifier1, _null, _null);
+      identifier2 = _this.identifier$0();
+      if (A.equalsIgnoreCase0(identifier2, _s3_)) {
+        _this.expectWhitespace$0();
+        type = identifier1;
+        modifier = _null;
+      } else {
+        _this.whitespace$1$consumeNewlines(true);
+        if (_this.scanIdentifier$1(_s3_))
+          _this.expectWhitespace$0();
+        else
+          return A.CssMediaQuery$type0(identifier2, _null, identifier1);
+        type = identifier2;
+        modifier = identifier1;
+      }
+      if (_this.scanIdentifier$1("not")) {
+        _this.expectWhitespace$0();
+        return A.CssMediaQuery$type0(type, A._setArrayType(["(not " + _this._media_query$_mediaInParens$0() + ")"], type$.JSArray_String), modifier);
+      }
+      return A.CssMediaQuery$type0(type, _this._media_query$_mediaLogicSequence$1(_s3_), modifier);
+    },
+    _media_query$_mediaLogicSequence$1(operator) {
+      var t1, t2, _this = this,
+        result = A._setArrayType([], type$.JSArray_String);
+      for (t1 = _this.scanner; true;) {
+        t1.expectChar$2$name(40, "media condition in parentheses");
+        t2 = _this.declarationValue$0();
+        t1.expectChar$1(41);
+        result.push("(" + t2 + ")");
+        _this.whitespace$1$consumeNewlines(true);
+        if (!_this.scanIdentifier$1(operator))
+          return result;
+        _this.expectWhitespace$0();
+      }
+    },
+    _media_query$_mediaInParens$0() {
+      var t2,
+        t1 = this.scanner;
+      t1.expectChar$2$name(40, "media condition in parentheses");
+      t2 = this.declarationValue$0();
+      t1.expectChar$1(41);
+      return "(" + t2 + ")";
+    }
+  };
+  A.MediaQueryParser_parse_closure0.prototype = {
+    call$0() {
+      var queries = A._setArrayType([], type$.JSArray_CssMediaQuery_2),
+        t1 = this.$this,
+        t2 = t1.scanner;
+      do {
+        t1.whitespace$1$consumeNewlines(true);
+        queries.push(t1._media_query$_mediaQuery$0());
+        t1.whitespace$1$consumeNewlines(true);
+      } while (t2.scanChar$1(44));
+      t2.expectDone$0();
+      return queries;
+    },
+    $signature: 527
+  };
+  A.ModifiableCssMediaRule0.prototype = {
+    accept$1$1(visitor) {
+      return visitor.visitCssMediaRule$1(this);
+    },
+    accept$1(visitor) {
+      return this.accept$1$1(visitor, type$.dynamic);
+    },
+    equalsIgnoringChildren$1(other) {
+      return other instanceof A.ModifiableCssMediaRule0 && B.C_ListEquality.equals$2(0, this.queries, other.queries);
+    },
+    copyWithoutChildren$0() {
+      return A.ModifiableCssMediaRule$0(this.queries, this.span);
+    },
+    get$span(receiver) {
+      return this.span;
+    }
+  };
+  A.MediaRule0.prototype = {
+    accept$1$1(visitor) {
+      return visitor.visitMediaRule$1(0, this);
+    },
+    accept$1(visitor) {
+      return this.accept$1$1(visitor, type$.dynamic);
+    },
+    toString$0(_) {
+      return "@media " + this.query.toString$0(0) + " {" + B.JSArray_methods.join$1(this.children, " ") + "}";
+    },
+    get$span(receiver) {
+      return this.span;
+    }
+  };
+  A.MergedExtension0.prototype = {
+    unmerge$0() {
+      return new A._SyncStarIterable(this.unmerge$body$MergedExtension0(), type$._SyncStarIterable_Extension_2);
+    },
+    unmerge$body$MergedExtension0() {
+      var $async$self = this;
+      return function() {
+        var $async$goto = 0, $async$handler = 1, $async$errorStack = [], right, left;
+        return function $async$unmerge$0($async$iterator, $async$errorCode, $async$result) {
+          if ($async$errorCode === 1) {
+            $async$errorStack.push($async$result);
+            $async$goto = $async$handler;
+          }
+          while (true)
+            switch ($async$goto) {
+              case 0:
+                // Function start
+                left = $async$self.left;
+                $async$goto = left instanceof A.MergedExtension0 ? 2 : 4;
+                break;
+              case 2:
+                // then
+                $async$goto = 5;
+                return $async$iterator._yieldStar$1(left.unmerge$0());
+              case 5:
+                // after yield
+                // goto join
+                $async$goto = 3;
+                break;
+              case 4:
+                // else
+                $async$goto = 6;
+                return $async$iterator._async$_current = left, 1;
+              case 6:
+                // after yield
+              case 3:
+                // join
+                right = $async$self.right;
+                $async$goto = right instanceof A.MergedExtension0 ? 7 : 9;
+                break;
+              case 7:
+                // then
+                $async$goto = 10;
+                return $async$iterator._yieldStar$1(right.unmerge$0());
+              case 10:
+                // after yield
+                // goto join
+                $async$goto = 8;
+                break;
+              case 9:
+                // else
+                $async$goto = 11;
+                return $async$iterator._async$_current = right, 1;
+              case 11:
+                // after yield
+              case 8:
+                // join
+                // implicit return
+                return 0;
+              case 1:
+                // rethrow
+                return $async$iterator._datum = $async$errorStack.at(-1), 3;
+            }
+        };
+      };
+    }
+  };
+  A.MergedMapView0.prototype = {
+    get$keys(_) {
+      var t1 = this._merged_map_view$_mapsByKey;
+      return new A.LinkedHashMapKeysIterable(t1, A._instanceType(t1)._eval$1("LinkedHashMapKeysIterable<1>"));
+    },
+    get$length(_) {
+      return this._merged_map_view$_mapsByKey.__js_helper$_length;
+    },
+    get$isEmpty(_) {
+      return this._merged_map_view$_mapsByKey.__js_helper$_length === 0;
+    },
+    get$isNotEmpty(_) {
+      return this._merged_map_view$_mapsByKey.__js_helper$_length !== 0;
+    },
+    MergedMapView$10(maps, $K, $V) {
+      var t1, t2, _i, map, t3, t4;
+      for (t1 = maps.length, t2 = this._merged_map_view$_mapsByKey, _i = 0; _i < maps.length; maps.length === t1 || (0, A.throwConcurrentModificationError)(maps), ++_i) {
+        map = maps[_i];
+        if (map instanceof A.MergedMapView0)
+          for (t3 = map._merged_map_view$_mapsByKey, t3 = new A.LinkedHashMapValueIterator(t3, t3._modifications, t3._first); t3.moveNext$0();) {
+            t4 = t3.__js_helper$_current;
+            A.setAll0(t2, t4.get$keys(t4), t4);
+          }
+        else
+          A.setAll0(t2, map.get$keys(map), map);
+      }
+    },
+    $index(_, key) {
+      var t1 = this._merged_map_view$_mapsByKey.$index(0, this.$ti._precomputed1._as(key));
+      return t1 == null ? null : t1.$index(0, key);
+    },
+    $indexSet(_, key, value) {
+      var _0_0 = this._merged_map_view$_mapsByKey.$index(0, key);
+      if (_0_0 != null)
+        _0_0.$indexSet(0, key, value);
+      else
+        throw A.wrapException(A.UnsupportedError$(string$.New_en));
+    },
+    remove$1(_, key) {
+      throw A.wrapException(A.UnsupportedError$(string$.Entrie));
+    },
+    containsKey$1(key) {
+      return this._merged_map_view$_mapsByKey.containsKey$1(key);
+    }
+  };
+  A._shared_closure3.prototype = {
+    call$1($arguments) {
+      A.warnForDeprecation0(string$.The_fe, B.Deprecation_GQ2);
+      return $._features0.contains$1(0, J.$index$asx($arguments, 0).assertString$1("feature")._string0$_text) ? B.SassBoolean_true0 : B.SassBoolean_false0;
+    },
+    $signature: 12
+  };
+  A._shared_closure4.prototype = {
+    call$1($arguments) {
+      return new A.SassString0(A.serializeValue0(J.get$first$ax($arguments), true, true), false);
+    },
+    $signature: 18
+  };
+  A._shared_closure5.prototype = {
+    call$1($arguments) {
+      var t1 = J.getInterceptor$asx($arguments),
+        _0_0 = t1.$index($arguments, 0);
+      $label0$0: {
+        if (_0_0 instanceof A.SassArgumentList0) {
+          t1 = "arglist";
+          break $label0$0;
+        }
+        if (_0_0 instanceof A.SassBoolean0) {
+          t1 = "bool";
+          break $label0$0;
+        }
+        if (_0_0 instanceof A.SassColor0) {
+          t1 = "color";
+          break $label0$0;
+        }
+        if (_0_0 instanceof A.SassList0) {
+          t1 = "list";
+          break $label0$0;
+        }
+        if (_0_0 instanceof A.SassMap0) {
+          t1 = "map";
+          break $label0$0;
+        }
+        if (B.C__SassNull0 === _0_0) {
+          t1 = "null";
+          break $label0$0;
+        }
+        if (_0_0 instanceof A.SassNumber0) {
+          t1 = "number";
+          break $label0$0;
+        }
+        if (_0_0 instanceof A.SassFunction0) {
+          t1 = "function";
+          break $label0$0;
+        }
+        if (_0_0 instanceof A.SassMixin0) {
+          t1 = "mixin";
+          break $label0$0;
+        }
+        if (_0_0 instanceof A.SassCalculation0) {
+          t1 = "calculation";
+          break $label0$0;
+        }
+        if (_0_0 instanceof A.SassString0) {
+          t1 = "string";
+          break $label0$0;
+        }
+        t1 = A.throwExpression("[BUG] Unknown value type " + t1.$index($arguments, 0).toString$0(0));
+      }
+      return new A.SassString0(t1, false);
+    },
+    $signature: 18
+  };
+  A._shared_closure6.prototype = {
+    call$1($arguments) {
+      var t2, t3, t4,
+        t1 = J.getInterceptor$asx($arguments),
+        _1_0 = t1.$index($arguments, 0);
+      if (_1_0 instanceof A.SassArgumentList0) {
+        _1_0._argument_list$_wereKeywordsAccessed = true;
+        t1 = type$.Value_2;
+        t2 = A.LinkedHashMap_LinkedHashMap$_empty(t1, t1);
+        for (t3 = A.MapExtensions_get_pairs0(_1_0._argument_list$_keywords, type$.String, t1), t3 = t3.get$iterator(t3); t3.moveNext$0();) {
+          t4 = t3.get$current(t3);
+          t2.$indexSet(0, new A.SassString0(t4._0, false), t4._1);
+        }
+        return new A.SassMap0(A.ConstantMap_ConstantMap$from(t2, t1, t1));
+      } else
+        throw A.wrapException("$args: " + t1.$index($arguments, 0).toString$0(0) + " is not an argument list.");
+    },
+    $signature: 34
+  };
+  A.moduleFunctions_closure2.prototype = {
+    call$1($arguments) {
+      return new A.SassString0(J.$index$asx($arguments, 0).assertCalculation$1("calc").name, true);
+    },
+    $signature: 18
+  };
+  A.moduleFunctions_closure3.prototype = {
+    call$1($arguments) {
+      var t1 = J.$index$asx($arguments, 0).assertCalculation$1("calc").$arguments;
+      return A.SassList$0(new A.MappedListIterable(t1, new A.moduleFunctions__closure0(), A._arrayInstanceType(t1)._eval$1("MappedListIterable<1,Value0>")), B.ListSeparator_qVN0, false);
+    },
+    $signature: 27
+  };
+  A.moduleFunctions__closure0.prototype = {
+    call$1(argument) {
+      return argument instanceof A.Value0 ? argument : new A.SassString0(J.toString$0$(argument), false);
+    },
+    $signature: 528
+  };
+  A.moduleFunctions_closure4.prototype = {
+    call$1($arguments) {
+      var _0_2_isSet, acceptsContent, t1, _0_5_isSet, _0_5, hasContent,
+        mixin = J.$index$asx($arguments, 0).assertMixin$1("mixin"),
+        _0_0 = mixin.callable;
+      $label0$0: {
+        _0_2_isSet = type$.AsyncBuiltInCallable_2._is(_0_0);
+        if (_0_2_isSet)
+          acceptsContent = _0_0.get$acceptsContent();
+        else
+          acceptsContent = null;
+        if (!_0_2_isSet) {
+          _0_2_isSet = _0_0 instanceof A.BuiltInCallable0;
+          if (_0_2_isSet)
+            acceptsContent = _0_0.acceptsContent;
+          t1 = _0_2_isSet;
+        } else
+          t1 = true;
+        if (t1) {
+          t1 = acceptsContent;
+          break $label0$0;
+        }
+        _0_5_isSet = _0_0 instanceof A.UserDefinedCallable0;
+        if (_0_5_isSet) {
+          _0_5 = _0_0.declaration;
+          t1 = _0_5;
+          t1 = t1 instanceof A.MixinRule0;
+        } else {
+          _0_5 = null;
+          t1 = false;
+        }
+        if (t1) {
+          t1 = _0_5_isSet ? _0_5 : _0_0.declaration;
+          hasContent = type$.MixinRule_2._as(t1).get$hasContent();
+          t1 = hasContent;
+          break $label0$0;
+        }
+        t1 = A.throwExpression(A.UnsupportedError$("Unknown callable type " + mixin.toString$0(0) + "."));
+      }
+      return t1 ? B.SassBoolean_true0 : B.SassBoolean_false0;
+    },
+    $signature: 12
+  };
+  A.mixinClass_closure.prototype = {
+    call$0() {
+      var t1 = type$.JSClass,
+        jsClass = t1._as(A.allowInteropCaptureThisNamed("sass.SassMixin", new A.mixinClass__closure()));
+      A.JSClassExtension_injectSuperclass(t1._as(new A.SassMixin0(A.BuiltInCallable$function0("f", "", new A.mixinClass__closure0(), null), null).constructor), jsClass);
+      return jsClass;
+    },
+    $signature: 16
+  };
+  A.mixinClass__closure.prototype = {
+    call$1($self) {
+      A.jsThrow(new self.Error("It is not possible to construct a SassMixin through the JavaScript API"));
+    },
+    $signature: 529
+  };
+  A.mixinClass__closure0.prototype = {
+    call$1(_) {
+      return B.C__SassNull0;
+    },
+    $signature: 3
+  };
+  A.SassMixin0.prototype = {
+    accept$1$1(visitor) {
+      var t1, t2;
+      if (!visitor._serialize0$_inspect)
+        A.throwExpression(A.SassScriptException$0(this.toString$0(0) + " isn't a valid CSS value.", null));
+      t1 = visitor._serialize0$_buffer;
+      t1.write$1(0, "get-mixin(");
+      t2 = this.callable;
+      visitor._serialize0$_visitQuotedString$1(t2.get$name(t2));
+      t1.writeCharCode$1(41);
+      return null;
+    },
+    accept$1(visitor) {
+      return this.accept$1$1(visitor, type$.dynamic);
+    },
+    assertMixin$1($name) {
+      return this;
+    },
+    assertCompileContext$1(compileContext) {
+      var t1 = this._mixin0$_compileContext;
+      if (t1 != null)
+        t1 = t1 !== compileContext;
+      else
+        t1 = false;
+      if (t1)
+        throw A.wrapException(A.SassScriptException$0(this.toString$0(0) + " does not belong to current compilation.", null));
+      return this;
+    },
+    $eq(_, other) {
+      if (other == null)
+        return false;
+      return other instanceof A.SassMixin0 && this.callable.$eq(0, other.callable);
+    },
+    get$hashCode(_) {
+      var t1 = this.callable;
+      return t1.get$hashCode(t1);
+    }
+  };
+  A.MixinRule0.prototype = {
+    get$hasContent() {
+      var result, _this = this,
+        value = _this._mixin_rule$__MixinRule_hasContent_FI;
+      if (value === $) {
+        result = J.$eq$(B.C__HasContentVisitor0.visitChildren$1(_this.children), true);
+        _this._mixin_rule$__MixinRule_hasContent_FI !== $ && A.throwUnnamedLateFieldADI();
+        _this._mixin_rule$__MixinRule_hasContent_FI = result;
+        value = result;
+      }
+      return value;
+    },
+    accept$1$1(visitor) {
+      return visitor.visitMixinRule$1(0, this);
+    },
+    accept$1(visitor) {
+      return this.accept$1$1(visitor, type$.dynamic);
+    },
+    toString$0(_) {
+      var t1 = "@mixin " + this.name,
+        t2 = this.parameters;
+      if (!(t2.parameters.length === 0 && t2.restParameter == null))
+        t1 += "(" + t2.toString$0(0) + ")";
+      t1 += " {" + B.JSArray_methods.join$1(this.children, " ") + "}";
+      return t1.charCodeAt(0) == 0 ? t1 : t1;
+    }
+  };
+  A._HasContentVisitor0.prototype = {
+    visitContentRule$1(_, _0) {
+      return true;
+    },
+    $isStatementVisitor: 1
+  };
+  A.__HasContentVisitor_Object_StatementSearchVisitor0.prototype = {};
+  A.ExtendMode0.prototype = {
+    _enumToString$0() {
+      return "ExtendMode." + this._name;
+    },
+    toString$0(_) {
+      return this.name;
+    }
+  };
+  A.JSModule0.prototype = {};
+  A.JSModuleRequire0.prototype = {};
+  A.MultiSpan0.prototype = {
+    get$start(_) {
+      var t1 = this._multi_span0$_primary;
+      return t1.get$start(t1);
+    },
+    get$end(_) {
+      var t1 = this._multi_span0$_primary;
+      return t1.get$end(t1);
+    },
+    get$text() {
+      return this._multi_span0$_primary.get$text();
+    },
+    get$context(_) {
+      var t1 = this._multi_span0$_primary;
+      return t1.get$context(t1);
+    },
+    get$file(_) {
+      var t1 = this._multi_span0$_primary;
+      return t1.get$file(t1);
+    },
+    get$length(_) {
+      var t1 = this._multi_span0$_primary;
+      return t1.get$length(t1);
+    },
+    get$sourceUrl(_) {
+      var t1 = this._multi_span0$_primary;
+      return t1.get$sourceUrl(t1);
+    },
+    compareTo$1(_, other) {
+      return this._multi_span0$_primary.compareTo$1(0, other);
+    },
+    toString$0(_) {
+      return this._multi_span0$_primary.toString$0(0);
+    },
+    expand$1(_, other) {
+      return new A.MultiSpan0(this._multi_span0$_primary.expand$1(0, other), this.primaryLabel, this.secondarySpans);
+    },
+    highlight$1$color(color) {
+      return A.Highlighter$multiple(this._multi_span0$_primary, this.primaryLabel, this.secondarySpans, color === true, null, null).highlight$0();
+    },
+    message$2$color(_, message, color) {
+      var t1 = J.$eq$(color, true) || typeof color == "string",
+        t2 = typeof color == "string" ? color : null;
+      return A.SourceSpanExtension_messageMultiple(this._multi_span0$_primary, message, this.primaryLabel, this.secondarySpans, t1, t2, null);
+    },
+    message$1(_, message) {
+      return this.message$2$color(0, message, null);
+    },
+    $isComparable: 1,
+    $isFileSpan: 1,
+    $isSourceSpan: 1,
+    $isSourceSpanWithContext: 1
+  };
+  A.SupportsNegation0.prototype = {
+    toInterpolation$0() {
+      var t1 = new A.StringBuffer(""),
+        t2 = new A.InterpolationBuffer0(t1, A._setArrayType([], type$.JSArray_Object), A._setArrayType([], type$.JSArray_nullable_FileSpan)),
+        t3 = this.span,
+        t4 = this.condition,
+        t5 = A.SpanExtensions_before(t3, t4.get$span(t4));
+      t5 = A.String_String$fromCharCodes(B.NativeUint32List_methods.sublist$2(t5.file._decodedChars, t5._file$_start, t5._end), 0, null);
+      t1._contents += t5;
+      t2.addInterpolation$1(t4.toInterpolation$0());
+      t4 = A.SpanExtensions_after(t3, t4.get$span(t4));
+      t4 = A.String_String$fromCharCodes(B.NativeUint32List_methods.sublist$2(t4.file._decodedChars, t4._file$_start, t4._end), 0, null);
+      t1._contents += t4;
+      return t2.interpolation$1(t3);
+    },
+    withSpan$1(span) {
+      return new A.SupportsNegation0(this.condition, span);
+    },
+    toString$0(_) {
+      var t1 = this.condition;
+      if (t1 instanceof A.SupportsNegation0 || t1 instanceof A.SupportsOperation0)
+        return "not (" + t1.toString$0(0) + ")";
+      else
+        return "not " + t1.toString$0(0);
+    },
+    $isAstNode0: 1,
+    $isSassNode: 1,
+    $isSupportsCondition: 1,
+    get$span(receiver) {
+      return this.span;
+    }
+  };
+  A.NoOpImporter0.prototype = {
+    canonicalize$1(_, url) {
+      return null;
+    },
+    load$1(_, url) {
+      return null;
+    },
+    toString$0(_) {
+      return "(unknown)";
+    }
+  };
+  A.NoSourceMapBuffer0.prototype = {
+    get$length(_) {
+      return this._no_source_map_buffer0$_buffer._contents.length;
+    },
+    forSpan$1$2(span, callback) {
+      return callback.call$0();
+    },
+    forSpan$2(span, callback) {
+      return this.forSpan$1$2(span, callback, type$.dynamic);
+    },
+    write$1(_, object) {
+      var t1 = this._no_source_map_buffer0$_buffer,
+        t2 = A.S(object);
+      t1._contents += t2;
+      return null;
+    },
+    writeCharCode$1(charCode) {
+      var t1 = this._no_source_map_buffer0$_buffer,
+        t2 = A.Primitives_stringFromCharCode(charCode);
+      t1._contents += t2;
+      return null;
+    },
+    toString$0(_) {
+      var t1 = this._no_source_map_buffer0$_buffer._contents;
+      return t1.charCodeAt(0) == 0 ? t1 : t1;
+    },
+    buildSourceMap$1$prefix(prefix) {
+      return A.throwExpression(A.UnsupportedError$(string$.NoSour));
+    }
+  };
+  A._FakeAstNode0.prototype = {
+    get$span(_) {
+      return this._node0$_callback.call$0();
+    },
+    $isAstNode0: 1
+  };
+  A.CssNode0.prototype = {
+    toString$0(_) {
+      var _null = null;
+      return A.serialize0(this, true, _null, true, _null, _null, false, _null, true)._0;
+    },
+    $isAstNode0: 1
+  };
+  A.CssParentNode0.prototype = {};
+  A._IsInvisibleVisitor1.prototype = {
+    visitCssAtRule$1(rule) {
+      return false;
+    },
+    visitCssComment$1(comment) {
+      return this.includeComments && comment.text.charCodeAt(2) !== 33;
+    },
+    visitCssStyleRule$1(rule) {
+      var t1 = rule._style_rule0$_selector._box0$_inner;
+      return (this.includeBogus ? t1.value.accept$1(B._IsInvisibleVisitor_true0) : t1.value.accept$1(B._IsInvisibleVisitor_false0)) || this.super$EveryCssVisitor$visitCssStyleRule0(rule);
+    }
+  };
+  A.__IsInvisibleVisitor_Object_EveryCssVisitor0.prototype = {};
+  A.ModifiableCssNode0.prototype = {
+    get$hasFollowingSibling() {
+      var t2,
+        t1 = this._node$_parent;
+      if (t1 == null)
+        t1 = null;
+      else {
+        t1 = t1.children;
+        t2 = this._node$_indexInParent;
+        t2.toString;
+        t1 = A.SubListIterable$(t1, t2 + 1, null, t1.$ti._eval$1("ListBase.E")).any$1(0, new A.ModifiableCssNode_hasFollowingSibling_closure0());
+      }
+      return t1 === true;
+    },
+    get$isGroupEnd() {
+      return this.isGroupEnd;
+    }
+  };
+  A.ModifiableCssNode_hasFollowingSibling_closure0.prototype = {
+    call$1(sibling) {
+      return !sibling.accept$1(B._IsInvisibleVisitor_true_false0);
+    },
+    $signature: 530
+  };
+  A.ModifiableCssParentNode0.prototype = {
+    get$isChildless() {
+      return false;
+    },
+    addChild$1(child) {
+      var t1;
+      child._node$_parent = this;
+      t1 = this._node$_children;
+      child._node$_indexInParent = t1.length;
+      t1.push(child);
+    },
+    clearChildren$0() {
+      var t1, t2, _i, child;
+      for (t1 = this._node$_children, t2 = t1.length, _i = 0; _i < t2; ++_i) {
+        child = t1[_i];
+        child._node$_indexInParent = child._node$_parent = null;
+      }
+      B.JSArray_methods.clear$0(t1);
+    },
+    $isCssParentNode0: 1,
+    get$children(receiver) {
+      return this.children;
+    }
+  };
+  A.NodePackageImporter0.prototype = {
+    isNonCanonicalScheme$1(scheme) {
+      return scheme === "pkg";
+    },
+    canonicalize$1(_, url) {
+      var packageName, jsonPath, jsonString, packageManifest, e, t1, t2, t3, t4, baseDirectory, parts, t5, $name, subpath, packageRoot, exception, _1_0, rootPath, subpathInRoot, _this = this, _null = null;
+      if (url.get$scheme() === "file")
+        return $.$get$FilesystemImporter_cwd0().canonicalize$1(0, url);
+      if (url.get$scheme() !== "pkg")
+        return _null;
+      if (url.get$hasAuthority())
+        throw A.wrapException(string$.A_pkg_h);
+      else {
+        t1 = $.$get$url();
+        t2 = t1.style;
+        if (t2.rootLength$1(url.get$path(url)) > 0)
+          throw A.wrapException("A pkg: URL's path must not begin with /.");
+        else if (url.get$path(url).length === 0)
+          throw A.wrapException("A pkg: URL must not have an empty path.");
+        else if (url.get$hasQuery() || url.get$hasFragment())
+          throw A.wrapException(string$.A_pkg_q);
+      }
+      t3 = A.canonicalizeContext0();
+      t3._canonicalize_context$_wasContainingUrlAccessed = true;
+      t3 = t3._canonicalize_context$_containingUrl;
+      if ((t3 == null ? _null : t3.get$scheme()) === "file") {
+        t3 = A.canonicalizeContext0();
+        t3._canonicalize_context$_wasContainingUrlAccessed = true;
+        t3 = t3._canonicalize_context$_containingUrl;
+        t3.toString;
+        t4 = $.$get$context();
+        baseDirectory = t4.dirname$1(t4.style.pathFromUri$1(A._parseUri(t3)));
+      } else {
+        t3 = _this._node_package$__NodePackageImporter__entryPointDirectory_F;
+        t3 === $ && A.throwUnnamedLateFieldNI();
+        baseDirectory = t3;
+      }
+      packageName = null;
+      parts = t1.split$1(0, url.get$path(url));
+      t3 = B.JSArray_methods.removeAt$1(parts, 0);
+      t4 = $.$get$context();
+      t5 = t4.style;
+      $name = t5.pathFromUri$1(A._parseUri(t3));
+      if (B.JSString_methods.startsWith$1($name, "@"))
+        $name = parts.length !== 0 ? t1.join$2(0, $name, B.JSArray_methods.removeAt$1(parts, 0)) : $name;
+      subpath = parts.length !== 0 ? t5.pathFromUri$1(A._parseUri(t1.joinAll$1(parts))) : _null;
+      packageName = $name;
+      t1 = true;
+      if (!J.startsWith$1$s(packageName, "."))
+        if (!J.contains$1$asx(packageName, "\\"))
+          if (!J.contains$1$asx(packageName, "%"))
+            t1 = J.startsWith$1$s(packageName, "@") && !J.contains$1$asx(packageName, t2.get$separator(t2));
+      if (t1)
+        return _null;
+      packageRoot = _this._node_package$_resolvePackageRoot$2(packageName, baseDirectory);
+      if (packageRoot == null)
+        return _null;
+      jsonPath = A.join(packageRoot, "package.json", _null);
+      jsonString = A.readFile0(jsonPath);
+      packageManifest = null;
+      try {
+        packageManifest = type$.Map_String_dynamic._as(B.C_JsonCodec.decode$1(jsonString));
+      } catch (exception) {
+        e = A.unwrapException(exception);
+        t1 = A.S(jsonPath);
+        t2 = A.S(packageName);
+        t3 = A.S(e);
+        throw A.wrapException("Failed to parse " + t1 + ' for "pkg:' + t2 + '": ' + t3);
+      }
+      _1_0 = _this._node_package$_resolvePackageExports$4(packageRoot, subpath, packageManifest, packageName);
+      if (_1_0 != null)
+        if (B.Set_FTDN4.contains$1(0, A.ParsedPath_ParsedPath$parse(_1_0, t5)._splitExtension$1(1)[1]))
+          return t4.toUri$1(t4.canonicalize$1(0, _1_0));
+        else {
+          t1 = subpath == null ? "root" : subpath;
+          throw A.wrapException("The export for '" + t1 + "' in '" + A.S(packageName) + "' resolved to '" + _1_0 + string$.x27x2c_whi);
+        }
+      if (subpath == null) {
+        rootPath = _this._node_package$_resolvePackageRootValues$2(packageRoot, packageManifest);
+        return rootPath != null ? t4.toUri$1(t4.canonicalize$1(0, rootPath)) : _null;
+      }
+      subpathInRoot = A.join(packageRoot, subpath, _null);
+      return $.$get$FilesystemImporter_cwd0().canonicalize$1(0, t4.toUri$1(subpathInRoot));
+    },
+    load$1(_, url) {
+      return $.$get$FilesystemImporter_cwd0().load$1(0, url);
+    },
+    _node_package$_resolvePackageRoot$2(packageName, baseDirectory) {
+      var potentialPackage, t1;
+      for (; true;) {
+        potentialPackage = A.join(baseDirectory, "node_modules", packageName);
+        if (A.dirExists0(potentialPackage))
+          return potentialPackage;
+        t1 = $.$get$context();
+        if (t1.split$1(0, baseDirectory).length === 1)
+          return null;
+        baseDirectory = t1.dirname$1(baseDirectory);
+      }
+    },
+    _node_package$_resolvePackageRootValues$2(packageRoot, packageManifest) {
+      var t1, sassValue, _1_0, styleValue, _null = null,
+        _0_0 = packageManifest.$index(0, "sass");
+      if (typeof _0_0 == "string") {
+        t1 = B.Set_FTDN4.contains$1(0, A.ParsedPath_ParsedPath$parse(_0_0, $.$get$url().style)._splitExtension$1(1)[1]);
+        sassValue = _0_0;
+      } else {
+        sassValue = _null;
+        t1 = false;
+      }
+      if (t1)
+        return A.join(packageRoot, sassValue, _null);
+      else {
+        _1_0 = packageManifest.$index(0, "style");
+        if (typeof _1_0 == "string") {
+          t1 = B.Set_FTDN4.contains$1(0, A.ParsedPath_ParsedPath$parse(_1_0, $.$get$url().style)._splitExtension$1(1)[1]);
+          styleValue = _1_0;
+        } else {
+          styleValue = _null;
+          t1 = false;
+        }
+        if (t1)
+          return A.join(packageRoot, styleValue, _null);
+      }
+      return A.resolveImportPath0(A.join(packageRoot, "index", _null));
+    },
+    _node_package$_resolvePackageExports$4(packageRoot, subpath, packageManifest, packageName) {
+      var _0_0, _1_0, _this = this,
+        exports = packageManifest.$index(0, "exports");
+      if (exports == null)
+        return null;
+      _0_0 = _this._node_package$_nodePackageExportsResolve$5(packageRoot, _this._node_package$_exportsToCheck$1(subpath), exports, subpath, packageName);
+      if (_0_0 != null)
+        return _0_0;
+      if (subpath != null && A.ParsedPath_ParsedPath$parse(subpath, $.$get$url().style)._splitExtension$1(1)[1].length !== 0)
+        return null;
+      _1_0 = _this._node_package$_nodePackageExportsResolve$5(packageRoot, _this._node_package$_exportsToCheck$2$addIndex(subpath, true), exports, subpath, packageName);
+      if (_1_0 != null)
+        return _1_0;
+      return null;
+    },
+    _node_package$_nodePackageExportsResolve$5(packageRoot, subpathVariants, exports, subpath, packageName) {
+      var t2, matches, _1_1, path,
+        t1 = false;
+      if (type$.Map_String_dynamic._is(exports)) {
+        t2 = exports.get$keys(exports);
+        if (t2.any$1(t2, new A.NodePackageImporter__nodePackageExportsResolve_closure3())) {
+          t1 = exports.get$keys(exports);
+          t1 = t1.any$1(t1, new A.NodePackageImporter__nodePackageExportsResolve_closure4());
+        }
+      }
+      if (t1) {
+        t1 = exports.get$keys(exports);
+        throw A.wrapException("`exports` in " + packageName + string$.x20can_n + t1.map$1$1(t1, new A.NodePackageImporter__nodePackageExportsResolve_closure5(), type$.String).join$1(0, ",") + " in " + A.join(packageRoot, "package.json", null) + ".");
+      }
+      t1 = type$.NonNullsIterable_String;
+      t1 = A.LinkedHashSet_LinkedHashSet$of(new A.NonNullsIterable(new A.MappedListIterable(subpathVariants, new A.NodePackageImporter__nodePackageExportsResolve_closure6(this, exports, packageRoot), A._arrayInstanceType(subpathVariants)._eval$1("MappedListIterable<1,String?>")), t1), t1._eval$1("Iterable.E"));
+      matches = A.List_List$_of(t1, A._instanceType(t1)._precomputed1);
+      $label0$1: {
+        _1_1 = matches.length;
+        if (_1_1 === 1) {
+          path = matches[0];
+          t1 = path;
+          break $label0$1;
+        }
+        if (_1_1 <= 0) {
+          t1 = null;
+          break $label0$1;
+        }
+        t1 = subpath == null ? "root" : subpath;
+        t1 = A.throwExpression(string$.Unable + t1 + " in " + packageName + " should be used. \n\nFound:\n" + B.JSArray_methods.join$1(matches, "\n"));
+      }
+      return t1;
+    },
+    _node_package$_compareExpansionKeys$2(keyA, keyB) {
+      var t1 = B.JSString_methods.contains$1(keyA, "*"),
+        baseLengthA = t1 ? B.JSString_methods.indexOf$1(keyA, "*") + 1 : keyA.length,
+        t2 = B.JSString_methods.contains$1(keyB, "*"),
+        baseLengthB = t2 ? B.JSString_methods.indexOf$1(keyB, "*") + 1 : keyB.length;
+      if (baseLengthA > baseLengthB)
+        return -1;
+      if (baseLengthB > baseLengthA)
+        return 1;
+      if (!t1)
+        return 1;
+      if (!t2)
+        return -1;
+      t1 = keyA.length;
+      t2 = keyB.length;
+      if (t1 > t2)
+        return -1;
+      if (t2 > t1)
+        return 1;
+      return 0;
+    },
+    _node_package$_packageTargetResolve$4(subpath, exports, packageRoot, patternMatch) {
+      var t2, string, path, map, key, value, _1_0, array, _2_0, _null = null,
+        t1 = typeof exports == "string";
+      if (t1) {
+        t2 = !B.JSString_methods.startsWith$1(exports, "./");
+        string = exports;
+      } else {
+        string = _null;
+        t2 = false;
+      }
+      if (t2)
+        throw A.wrapException("Export '" + A.S(string) + string$.x27x20must + packageRoot + "'.");
+      if (t1) {
+        t2 = patternMatch != null;
+        string = exports;
+      } else {
+        string = _null;
+        t2 = false;
+      }
+      if (t2) {
+        t1 = J.replaceFirst$2$s(string, "*", patternMatch);
+        t2 = $.$get$context();
+        path = t2.normalize$1(A.join(packageRoot, t2.style.pathFromUri$1(A._parseUri(t1)), _null));
+        return A.fileExists0(path) ? path : _null;
+      }
+      string = t1 ? exports : _null;
+      if (t1) {
+        t1 = $.$get$context();
+        string.toString;
+        return A.join(packageRoot, t1.style.pathFromUri$1(A._parseUri(string)), _null);
+      }
+      t1 = type$.Map_String_dynamic._is(exports);
+      map = t1 ? exports : _null;
+      if (t1) {
+        for (t1 = A.MapExtensions_get_pairs(map, type$.String, type$.dynamic), t1 = t1.get$iterator(t1); t1.moveNext$0();) {
+          t2 = t1.get$current(t1);
+          key = t2._0;
+          value = t2._1;
+          if (!B.Set_8229z.contains$1(0, key))
+            continue;
+          if (value == null)
+            continue;
+          _1_0 = this._node_package$_packageTargetResolve$4(subpath, value, packageRoot, patternMatch);
+          if (_1_0 != null)
+            return _1_0;
+        }
+        return _null;
+      }
+      t1 = type$.List_dynamic._is(exports);
+      if (t1 && J.get$length$asx(exports) <= 0)
+        return _null;
+      array = t1 ? exports : _null;
+      if (t1) {
+        for (t1 = J.get$iterator$ax(array); t1.moveNext$0();) {
+          value = t1.get$current(t1);
+          if (value == null)
+            continue;
+          _2_0 = this._node_package$_packageTargetResolve$4(subpath, value, packageRoot, patternMatch);
+          if (_2_0 != null)
+            return _2_0;
+        }
+        return _null;
+      }
+      throw A.wrapException("Invalid 'exports' value " + A.S(exports) + " in " + A.join(packageRoot, "package.json", _null) + ".");
+    },
+    _node_package$_packageTargetResolve$3(subpath, exports, packageRoot) {
+      return this._node_package$_packageTargetResolve$4(subpath, exports, packageRoot, null);
+    },
+    _node_package$_getMainExport$1(exports) {
+      var t1, t2, t3, map, _0_4, t4, $export;
+      $label0$0: {
+        t1 = null;
+        if (typeof exports == "string") {
+          t1 = exports;
+          break $label0$0;
+        }
+        if (type$.List_String._is(exports)) {
+          t1 = exports;
+          break $label0$0;
+        }
+        t2 = type$.Map_String_dynamic._is(exports);
+        if (t2) {
+          t3 = exports.get$keys(exports);
+          t3 = !t3.any$1(t3, new A.NodePackageImporter__getMainExport_closure0());
+          map = exports;
+        } else {
+          map = t1;
+          t3 = false;
+        }
+        if (t3) {
+          t1 = map;
+          break $label0$0;
+        }
+        t3 = false;
+        if (t2) {
+          _0_4 = exports.$index(0, ".");
+          if (_0_4 == null)
+            t4 = exports.containsKey$1(".");
+          else
+            t4 = true;
+          if (t4)
+            t3 = _0_4 != null;
+        } else
+          _0_4 = null;
+        if (t3) {
+          $export = t2 ? _0_4 : exports.$index(0, ".");
+          t1 = $export;
+          break $label0$0;
+        }
+        break $label0$0;
+      }
+      return t1;
+    },
+    _node_package$_exportsToCheck$2$addIndex(subpath, addIndex) {
+      var basename, dirname, t3, t4, _i, path,
+        t1 = type$.JSArray_String,
+        paths = A._setArrayType([], t1),
+        t2 = subpath == null;
+      if (t2 && addIndex)
+        subpath = "index";
+      else if (!t2 && addIndex)
+        subpath = A.join(subpath, "index", null);
+      if (subpath == null)
+        return A._setArrayType([null], type$.JSArray_nullable_String);
+      if (B.Set_FTDN4.contains$1(0, A.ParsedPath_ParsedPath$parse(subpath, $.$get$url().style)._splitExtension$1(1)[1]))
+        paths.push(subpath);
+      else
+        B.JSArray_methods.addAll$1(paths, A._setArrayType([subpath, subpath + ".scss", subpath + ".sass", subpath + ".css"], t1));
+      t1 = $.$get$context();
+      t2 = t1.style;
+      basename = A.ParsedPath_ParsedPath$parse(subpath, t2).get$basename();
+      dirname = t1.dirname$1(subpath);
+      if (B.JSString_methods.startsWith$1(basename, "_"))
+        return paths;
+      t1 = A.List_List$_of(paths, type$.nullable_String);
+      for (t3 = paths.length, t4 = dirname === ".", _i = 0; _i < paths.length; paths.length === t3 || (0, A.throwConcurrentModificationError)(paths), ++_i) {
+        path = paths[_i];
+        if (t4)
+          t1.push("_" + A.ParsedPath_ParsedPath$parse(path, t2).get$basename());
+        else
+          t1.push(A.join(dirname, "_" + A.ParsedPath_ParsedPath$parse(path, t2).get$basename(), null));
+      }
+      return t1;
+    },
+    _node_package$_exportsToCheck$1(subpath) {
+      return this._node_package$_exportsToCheck$2$addIndex(subpath, false);
+    }
+  };
+  A.NodePackageImporter__nodePackageExportsResolve_closure3.prototype = {
+    call$1(key) {
+      return B.JSString_methods.startsWith$1(key, ".");
+    },
+    $signature: 5
+  };
+  A.NodePackageImporter__nodePackageExportsResolve_closure4.prototype = {
+    call$1(key) {
+      return !B.JSString_methods.startsWith$1(key, ".");
+    },
+    $signature: 5
+  };
+  A.NodePackageImporter__nodePackageExportsResolve_closure5.prototype = {
+    call$1(key) {
+      return '"' + key + '"';
+    },
+    $signature: 6
+  };
+  A.NodePackageImporter__nodePackageExportsResolve_closure6.prototype = {
+    call$1(variant) {
+      var t1, t2, matchKey, t3, t4, t5, _i, expansionKey, _0_0, t6, patternBase, patternTrailer, t7, target, _this = this, _null = null;
+      if (variant == null) {
+        t1 = _this.$this;
+        return A.NullableExtension_andThen(t1._node_package$_getMainExport$1(_this.exports), new A.NodePackageImporter__nodePackageExportsResolve__closure1(t1, variant, _this.packageRoot));
+      } else {
+        t1 = _this.exports;
+        if (type$.Map_String_dynamic._is(t1)) {
+          t2 = t1.get$keys(t1);
+          t2 = t2.every$1(t2, new A.NodePackageImporter__nodePackageExportsResolve__closure2());
+        } else
+          t2 = true;
+        if (t2)
+          return _null;
+      }
+      matchKey = "./" + $.$get$context().toUri$1(variant).toString$0(0);
+      if (t1.containsKey$1(matchKey) && t1.$index(0, matchKey) != null && !B.JSString_methods.contains$1(matchKey, "*")) {
+        t1 = t1.$index(0, matchKey);
+        if (t1 == null)
+          t1 = A._asObject(t1);
+        return _this.$this._node_package$_packageTargetResolve$3(matchKey, t1, _this.packageRoot);
+      }
+      t2 = A._setArrayType([], type$.JSArray_String);
+      for (t3 = t1.get$keys(t1), t3 = t3.get$iterator(t3); t3.moveNext$0();) {
+        t4 = t3.get$current(t3);
+        if (B.JSString_methods.allMatches$1("*", t4).get$length(0) === 1)
+          t2.push(t4);
+      }
+      t3 = _this.$this;
+      B.JSArray_methods.sort$1(t2, t3.get$_node_package$_compareExpansionKeys());
+      for (t4 = t2.length, t5 = matchKey.length, _i = 0; _i < t2.length; t2.length === t4 || (0, A.throwConcurrentModificationError)(t2), ++_i) {
+        expansionKey = t2[_i];
+        _0_0 = expansionKey.split("*");
+        t6 = _0_0.length === 2;
+        if (t6) {
+          patternBase = _0_0[0];
+          patternTrailer = _0_0[1];
+        } else {
+          patternTrailer = _null;
+          patternBase = patternTrailer;
+        }
+        if (!t6)
+          throw A.wrapException(A.StateError$("Pattern matching error"));
+        if (!B.JSString_methods.startsWith$1(matchKey, patternBase))
+          continue;
+        if (matchKey === patternBase)
+          continue;
+        t6 = patternTrailer.length;
+        if (t6 !== 0)
+          t7 = B.JSString_methods.endsWith$1(matchKey, patternTrailer) && t5 >= expansionKey.length;
+        else
+          t7 = true;
+        if (t7) {
+          target = t1.$index(0, expansionKey);
+          if (target == null)
+            continue;
+          return t3._node_package$_packageTargetResolve$4(variant, target, _this.packageRoot, B.JSString_methods.substring$2(matchKey, patternBase.length, t5 - t6));
+        }
+      }
+      return _null;
+    },
+    $signature: 236
+  };
+  A.NodePackageImporter__nodePackageExportsResolve__closure1.prototype = {
+    call$1(mainExport) {
+      return this.$this._node_package$_packageTargetResolve$3(this.variant, mainExport, this.packageRoot);
+    },
+    $signature: 239
+  };
+  A.NodePackageImporter__nodePackageExportsResolve__closure2.prototype = {
+    call$1(key) {
+      return !B.JSString_methods.startsWith$1(key, ".");
+    },
+    $signature: 5
+  };
+  A.NodePackageImporter__getMainExport_closure0.prototype = {
+    call$1(key) {
+      return B.JSString_methods.startsWith$1(key, ".");
+    },
+    $signature: 5
+  };
+  A.NullExpression0.prototype = {
+    accept$1$1(visitor) {
+      return visitor.visitNullExpression$1(0, this);
+    },
+    accept$1(visitor) {
+      return this.accept$1$1(visitor, type$.dynamic);
+    },
+    toString$0(_) {
+      return "null";
+    },
+    get$span(receiver) {
+      return this.span;
+    }
+  };
+  A.legacyNullClass_closure.prototype = {
+    call$0() {
+      var t1 = type$.JSClass,
+        jsClass = t1._as(A.allowInteropCaptureThisNamed("sass.types.Null", new A.legacyNullClass__closure()));
+      jsClass.NULL = B.C__SassNull0;
+      A.JSClassExtension_injectSuperclass(t1._as(B.C__SassNull0.constructor), jsClass);
+      return jsClass;
+    },
+    $signature: 16
+  };
+  A.legacyNullClass__closure.prototype = {
+    call$2(_, __) {
+      throw A.wrapException("new sass.types.Null() isn't allowed. Use sass.types.Null.NULL instead.");
+    },
+    call$1(_) {
+      return this.call$2(_, null);
+    },
+    "call*": "call$2",
+    $requiredArgCount: 1,
+    $defaultValues() {
+      return [null];
+    },
+    $signature: 198
+  };
+  A._SassNull0.prototype = {
+    get$isTruthy() {
+      return false;
+    },
+    get$isBlank() {
+      return true;
+    },
+    get$realNull() {
+      return null;
+    },
+    accept$1$1(visitor) {
+      if (visitor._serialize0$_inspect)
+        visitor._serialize0$_buffer.write$1(0, "null");
+      return null;
+    },
+    accept$1(visitor) {
+      return this.accept$1$1(visitor, type$.dynamic);
+    },
+    unaryNot$0() {
+      return B.SassBoolean_true0;
+    }
+  };
+  A.NumberExpression0.prototype = {
+    accept$1$1(visitor) {
+      return visitor.visitNumberExpression$1(0, this);
+    },
+    accept$1(visitor) {
+      return this.accept$1$1(visitor, type$.dynamic);
+    },
+    toString$0(_) {
+      return A.serializeValue0(A.SassNumber_SassNumber0(this.value, this.unit), true, true);
+    },
+    get$span(receiver) {
+      return this.span;
+    }
+  };
+  A.numberClass_closure.prototype = {
+    call$0() {
+      var t1 = type$.JSClass,
+        jsClass = t1._as(A.allowInteropCaptureThisNamed("sass.SassNumber", new A.numberClass__closure())),
+        t2 = type$.String,
+        t3 = type$.Function;
+      A.LinkedHashMap_LinkedHashMap$_literal(["value", new A.numberClass__closure0(), "isInt", new A.numberClass__closure1(), "asInt", new A.numberClass__closure2(), "numeratorUnits", new A.numberClass__closure3(), "denominatorUnits", new A.numberClass__closure4(), "hasUnits", new A.numberClass__closure5()], t2, t3).forEach$1(0, A.JSClassExtension_get_defineGetter(jsClass));
+      A.LinkedHashMap_LinkedHashMap$_literal(["assertInt", new A.numberClass__closure6(), "assertInRange", new A.numberClass__closure7(), "assertNoUnits", new A.numberClass__closure8(), "assertUnit", new A.numberClass__closure9(), "hasUnit", new A.numberClass__closure10(), "compatibleWithUnit", new A.numberClass__closure11(), "convert", new A.numberClass__closure12(), "convertToMatch", new A.numberClass__closure13(), "convertValue", new A.numberClass__closure14(), "convertValueToMatch", new A.numberClass__closure15(), "coerce", new A.numberClass__closure16(), "coerceToMatch", new A.numberClass__closure17(), "coerceValue", new A.numberClass__closure18(), "coerceValueToMatch", new A.numberClass__closure19()], t2, t3).forEach$1(0, A.JSClassExtension_get_defineMethod(jsClass));
+      A.JSClassExtension_injectSuperclass(t1._as(self.Object.getPrototypeOf(J.get$$prototype$x(t1._as(A.SassNumber_SassNumber0(0, null).constructor))).constructor), jsClass);
+      return jsClass;
+    },
+    $signature: 16
+  };
+  A.numberClass__closure.prototype = {
+    call$3($self, value, unitOrOptions) {
+      var t1, t2, _null = null;
+      if (typeof unitOrOptions == "string")
+        return A.SassNumber_SassNumber0(value, unitOrOptions);
+      type$.nullable__ConstructorOptions_2._as(unitOrOptions);
+      t1 = unitOrOptions == null;
+      if (t1)
+        t2 = _null;
+      else {
+        t2 = A.NullableExtension_andThen0(J.get$numeratorUnits$x(unitOrOptions), A.immutable__jsToDartList$closure());
+        t2 = t2 == null ? _null : J.cast$1$0$ax(t2, type$.String);
+      }
+      if (t1)
+        t1 = _null;
+      else {
+        t1 = A.NullableExtension_andThen0(J.get$denominatorUnits$x(unitOrOptions), A.immutable__jsToDartList$closure());
+        t1 = t1 == null ? _null : J.cast$1$0$ax(t1, type$.String);
+      }
+      return A.SassNumber_SassNumber$withUnits0(value, t1, t2);
+    },
+    call$2($self, value) {
+      return this.call$3($self, value, null);
+    },
+    "call*": "call$3",
+    $requiredArgCount: 2,
+    $defaultValues() {
+      return [null];
+    },
+    $signature: 531
+  };
+  A.numberClass__closure0.prototype = {
+    call$1($self) {
+      return $self._number1$_value;
+    },
+    $signature: 116
+  };
+  A.numberClass__closure1.prototype = {
+    call$1($self) {
+      return A.fuzzyIsInt0($self._number1$_value);
+    },
+    $signature: 244
+  };
+  A.numberClass__closure2.prototype = {
+    call$1($self) {
+      return A.fuzzyAsInt0($self._number1$_value);
+    },
+    $signature: 533
+  };
+  A.numberClass__closure3.prototype = {
+    call$1($self) {
+      return new self.immutable.List($self.get$numeratorUnits($self));
+    },
+    $signature: 245
+  };
+  A.numberClass__closure4.prototype = {
+    call$1($self) {
+      return new self.immutable.List($self.get$denominatorUnits($self));
+    },
+    $signature: 245
+  };
+  A.numberClass__closure5.prototype = {
+    call$1($self) {
+      return $self.get$hasUnits();
+    },
+    $signature: 244
+  };
+  A.numberClass__closure6.prototype = {
+    call$2($self, $name) {
+      return $self.assertInt$1($name);
+    },
+    call$1($self) {
+      return this.call$2($self, null);
+    },
+    "call*": "call$2",
+    $requiredArgCount: 1,
+    $defaultValues() {
+      return [null];
+    },
+    $signature: 535
+  };
+  A.numberClass__closure7.prototype = {
+    call$4($self, min, max, $name) {
+      return $self.valueInRange$3(min, max, $name);
+    },
+    call$3($self, min, max) {
+      return this.call$4($self, min, max, null);
+    },
+    "call*": "call$4",
+    $requiredArgCount: 3,
+    $defaultValues() {
+      return [null];
+    },
+    $signature: 536
+  };
+  A.numberClass__closure8.prototype = {
+    call$2($self, $name) {
+      $self.assertNoUnits$1($name);
+      return $self;
+    },
+    call$1($self) {
+      return this.call$2($self, null);
+    },
+    "call*": "call$2",
+    $requiredArgCount: 1,
+    $defaultValues() {
+      return [null];
+    },
+    $signature: 537
+  };
+  A.numberClass__closure9.prototype = {
+    call$3($self, unit, $name) {
+      $self.assertUnit$2(unit, $name);
+      return $self;
+    },
+    call$2($self, unit) {
+      return this.call$3($self, unit, null);
+    },
+    "call*": "call$3",
+    $requiredArgCount: 2,
+    $defaultValues() {
+      return [null];
+    },
+    $signature: 538
+  };
+  A.numberClass__closure10.prototype = {
+    call$2($self, unit) {
+      return $self.hasUnit$1(unit);
+    },
+    $signature: 246
+  };
+  A.numberClass__closure11.prototype = {
+    call$2($self, unit) {
+      return $self.get$hasUnits() && $self.compatibleWithUnit$1(unit);
+    },
+    $signature: 246
+  };
+  A.numberClass__closure12.prototype = {
+    call$4($self, numeratorUnits, denominatorUnits, $name) {
+      var t1 = self.immutable.isOrderedMap(numeratorUnits) ? J.toArray$0$x(type$.ImmutableList._as(numeratorUnits)) : type$.List_dynamic._as(numeratorUnits),
+        t2 = type$.String;
+      t1 = J.cast$1$0$ax(t1, t2);
+      t2 = J.cast$1$0$ax(self.immutable.isOrderedMap(denominatorUnits) ? J.toArray$0$x(type$.ImmutableList._as(denominatorUnits)) : type$.List_dynamic._as(denominatorUnits), t2);
+      return A.SassNumber_SassNumber$withUnits0($self._number1$_coerceOrConvertValue$4$coerceUnitless$name(t1, t2, false, $name), t2, t1);
+    },
+    call$3($self, numeratorUnits, denominatorUnits) {
+      return this.call$4($self, numeratorUnits, denominatorUnits, null);
+    },
+    "call*": "call$4",
+    $requiredArgCount: 3,
+    $defaultValues() {
+      return [null];
+    },
+    $signature: 247
+  };
+  A.numberClass__closure13.prototype = {
+    call$4($self, other, $name, otherName) {
+      return $self.convertToMatch$3(other, $name, otherName);
+    },
+    call$2($self, other) {
+      return this.call$4($self, other, null, null);
+    },
+    call$3($self, other, $name) {
+      return this.call$4($self, other, $name, null);
+    },
+    "call*": "call$4",
+    $requiredArgCount: 2,
+    $defaultValues() {
+      return [null, null];
+    },
+    $signature: 248
+  };
+  A.numberClass__closure14.prototype = {
+    call$4($self, numeratorUnits, denominatorUnits, $name) {
+      var t1 = self.immutable.isOrderedMap(numeratorUnits) ? J.toArray$0$x(type$.ImmutableList._as(numeratorUnits)) : type$.List_dynamic._as(numeratorUnits),
+        t2 = type$.String;
+      t1 = J.cast$1$0$ax(t1, t2);
+      return $self._number1$_coerceOrConvertValue$4$coerceUnitless$name(t1, J.cast$1$0$ax(self.immutable.isOrderedMap(denominatorUnits) ? J.toArray$0$x(type$.ImmutableList._as(denominatorUnits)) : type$.List_dynamic._as(denominatorUnits), t2), false, $name);
+    },
+    call$3($self, numeratorUnits, denominatorUnits) {
+      return this.call$4($self, numeratorUnits, denominatorUnits, null);
+    },
+    "call*": "call$4",
+    $requiredArgCount: 3,
+    $defaultValues() {
+      return [null];
+    },
+    $signature: 249
+  };
+  A.numberClass__closure15.prototype = {
+    call$4($self, other, $name, otherName) {
+      return $self.convertValueToMatch$3(other, $name, otherName);
+    },
+    call$2($self, other) {
+      return this.call$4($self, other, null, null);
+    },
+    call$3($self, other, $name) {
+      return this.call$4($self, other, $name, null);
+    },
+    "call*": "call$4",
+    $requiredArgCount: 2,
+    $defaultValues() {
+      return [null, null];
+    },
+    $signature: 250
+  };
+  A.numberClass__closure16.prototype = {
+    call$4($self, numeratorUnits, denominatorUnits, $name) {
+      var t1 = self.immutable.isOrderedMap(numeratorUnits) ? J.toArray$0$x(type$.ImmutableList._as(numeratorUnits)) : type$.List_dynamic._as(numeratorUnits),
+        t2 = type$.String;
+      t1 = J.cast$1$0$ax(t1, t2);
+      return $self.coerce$3(t1, J.cast$1$0$ax(self.immutable.isOrderedMap(denominatorUnits) ? J.toArray$0$x(type$.ImmutableList._as(denominatorUnits)) : type$.List_dynamic._as(denominatorUnits), t2), $name);
+    },
+    call$3($self, numeratorUnits, denominatorUnits) {
+      return this.call$4($self, numeratorUnits, denominatorUnits, null);
+    },
+    "call*": "call$4",
+    $requiredArgCount: 3,
+    $defaultValues() {
+      return [null];
+    },
+    $signature: 247
+  };
+  A.numberClass__closure17.prototype = {
+    call$4($self, other, $name, otherName) {
+      return $self.coerceToMatch$3(other, $name, otherName);
+    },
+    call$2($self, other) {
+      return this.call$4($self, other, null, null);
+    },
+    call$3($self, other, $name) {
+      return this.call$4($self, other, $name, null);
+    },
+    "call*": "call$4",
+    $requiredArgCount: 2,
+    $defaultValues() {
+      return [null, null];
+    },
+    $signature: 248
+  };
+  A.numberClass__closure18.prototype = {
+    call$4($self, numeratorUnits, denominatorUnits, $name) {
+      var t1 = self.immutable.isOrderedMap(numeratorUnits) ? J.toArray$0$x(type$.ImmutableList._as(numeratorUnits)) : type$.List_dynamic._as(numeratorUnits),
+        t2 = type$.String;
+      t1 = J.cast$1$0$ax(t1, t2);
+      return $self.coerceValue$3(t1, J.cast$1$0$ax(self.immutable.isOrderedMap(denominatorUnits) ? J.toArray$0$x(type$.ImmutableList._as(denominatorUnits)) : type$.List_dynamic._as(denominatorUnits), t2), $name);
+    },
+    call$3($self, numeratorUnits, denominatorUnits) {
+      return this.call$4($self, numeratorUnits, denominatorUnits, null);
+    },
+    "call*": "call$4",
+    $requiredArgCount: 3,
+    $defaultValues() {
+      return [null];
+    },
+    $signature: 249
+  };
+  A.numberClass__closure19.prototype = {
+    call$4($self, other, $name, otherName) {
+      return $self.coerceValueToMatch$3(other, $name, otherName);
+    },
+    call$2($self, other) {
+      return this.call$4($self, other, null, null);
+    },
+    call$3($self, other, $name) {
+      return this.call$4($self, other, $name, null);
+    },
+    "call*": "call$4",
+    $requiredArgCount: 2,
+    $defaultValues() {
+      return [null, null];
+    },
+    $signature: 250
+  };
+  A._ConstructorOptions0.prototype = {};
+  A._NodeSassNumber.prototype = {};
+  A.legacyNumberClass_closure.prototype = {
+    call$4(thisArg, value, unit, dartValue) {
+      var t1;
+      if (dartValue == null) {
+        value.toString;
+        t1 = A._parseNumber(value, unit);
+      } else
+        t1 = dartValue;
+      J.set$dartValue$x(thisArg, t1);
+    },
+    call$2(thisArg, value) {
+      return this.call$4(thisArg, value, null, null);
+    },
+    call$3(thisArg, value, unit) {
+      return this.call$4(thisArg, value, unit, null);
+    },
+    "call*": "call$4",
+    $requiredArgCount: 2,
+    $defaultValues() {
+      return [null, null];
+    },
+    $signature: 544
+  };
+  A.legacyNumberClass_closure0.prototype = {
+    call$1(thisArg) {
+      return J.get$dartValue$x(thisArg)._number1$_value;
+    },
+    $signature: 545
+  };
+  A.legacyNumberClass_closure1.prototype = {
+    call$2(thisArg, value) {
+      var t1 = J.getInterceptor$x(thisArg),
+        t2 = J.get$numeratorUnits$x(t1.get$dartValue(thisArg));
+      t1.set$dartValue(thisArg, A.SassNumber_SassNumber$withUnits0(value, J.get$denominatorUnits$x(t1.get$dartValue(thisArg)), t2));
+    },
+    $signature: 546
+  };
+  A.legacyNumberClass_closure2.prototype = {
+    call$1(thisArg) {
+      var t1 = J.getInterceptor$x(thisArg),
+        t2 = B.JSArray_methods.join$1(J.get$numeratorUnits$x(t1.get$dartValue(thisArg)), "*"),
+        t3 = J.get$denominatorUnits$x(t1.get$dartValue(thisArg)).length === 0 ? "" : "/";
+      return t2 + t3 + B.JSArray_methods.join$1(J.get$denominatorUnits$x(t1.get$dartValue(thisArg)), "*");
+    },
+    $signature: 547
+  };
+  A.legacyNumberClass_closure3.prototype = {
+    call$2(thisArg, unit) {
+      var t1 = J.getInterceptor$x(thisArg);
+      t1.set$dartValue(thisArg, A._parseNumber(t1.get$dartValue(thisArg)._number1$_value, unit));
+    },
+    $signature: 548
+  };
+  A._parseNumber_closure.prototype = {
+    call$1(unit) {
+      return unit.length === 0;
+    },
+    $signature: 5
+  };
+  A._parseNumber_closure0.prototype = {
+    call$1(unit) {
+      return unit.length === 0;
+    },
+    $signature: 5
+  };
+  A.SassNumber0.prototype = {
+    get$unitString() {
+      var _this = this;
+      return _this.get$hasUnits() ? _this._number1$_unitString$2(_this.get$numeratorUnits(_this), _this.get$denominatorUnits(_this)) : "";
+    },
+    accept$1$1(visitor) {
+      return visitor.visitNumber$1(this);
+    },
+    accept$1(visitor) {
+      return this.accept$1$1(visitor, type$.dynamic);
+    },
+    withoutSlash$0() {
+      var _this = this;
+      return _this.asSlash == null ? _this : _this.withValue$1(_this._number1$_value);
+    },
+    assertNumber$1($name) {
+      return this;
+    },
+    assertNumber$0() {
+      return this.assertNumber$1(null);
+    },
+    assertInt$1($name) {
+      var _0_0 = A.fuzzyAsInt0(this._number1$_value);
+      if (_0_0 != null)
+        return _0_0;
+      throw A.wrapException(A.SassScriptException$0(this.toString$0(0) + " is not an int.", $name));
+    },
+    assertInt$0() {
+      return this.assertInt$1(null);
+    },
+    valueInRange$3(min, max, $name) {
+      var _this = this,
+        _0_0 = A.fuzzyCheckRange0(_this._number1$_value, min, max);
+      if (_0_0 != null)
+        return _0_0;
+      throw A.wrapException(A.SassScriptException$0("Expected " + _this.toString$0(0) + " to be within " + A.S(min) + _this.get$unitString() + " and " + A.S(max) + _this.get$unitString() + ".", $name));
+    },
+    valueInRangeWithUnit$4(min, max, $name, unit) {
+      var _0_0 = A.fuzzyCheckRange0(this._number1$_value, min, max);
+      if (_0_0 != null)
+        return _0_0;
+      throw A.wrapException(A.SassScriptException$0("Expected " + this.toString$0(0) + " to be within " + min + unit + " and " + max + unit + ".", $name));
+    },
+    hasCompatibleUnits$1(other) {
+      var _this = this;
+      if (_this.get$numeratorUnits(_this).length !== other.get$numeratorUnits(other).length)
+        return false;
+      if (_this.get$denominatorUnits(_this).length !== other.get$denominatorUnits(other).length)
+        return false;
+      return _this.isComparableTo$1(other);
+    },
+    assertUnit$2(unit, $name) {
+      if (this.hasUnit$1(unit))
+        return;
+      throw A.wrapException(A.SassScriptException$0("Expected " + this.toString$0(0) + ' to have unit "' + unit + '".', $name));
+    },
+    assertNoUnits$1($name) {
+      if (!this.get$hasUnits())
+        return;
+      throw A.wrapException(A.SassScriptException$0("Expected " + this.toString$0(0) + " to have no units.", $name));
+    },
+    assertNoUnits$0() {
+      return this.assertNoUnits$1(null);
+    },
+    convertToMatch$3(other, $name, otherName) {
+      var t1 = this.convertValueToMatch$3(other, $name, otherName),
+        t2 = other.get$numeratorUnits(other);
+      return A.SassNumber_SassNumber$withUnits0(t1, other.get$denominatorUnits(other), t2);
+    },
+    convertValueToMatch$3(other, $name, otherName) {
+      return this._number1$_coerceOrConvertValue$6$coerceUnitless$name$other$otherName(other.get$numeratorUnits(other), other.get$denominatorUnits(other), false, $name, other, otherName);
+    },
+    convertValueToMatch$1(other) {
+      return this.convertValueToMatch$3(other, null, null);
+    },
+    coerce$3(newNumerators, newDenominators, $name) {
+      return A.SassNumber_SassNumber$withUnits0(this.coerceValue$3(newNumerators, newDenominators, $name), newDenominators, newNumerators);
+    },
+    coerce$2(newNumerators, newDenominators) {
+      return this.coerce$3(newNumerators, newDenominators, null);
+    },
+    coerceValue$3(newNumerators, newDenominators, $name) {
+      return this._number1$_coerceOrConvertValue$4$coerceUnitless$name(newNumerators, newDenominators, true, $name);
+    },
+    coerceValueToUnit$2(unit, $name) {
+      var t1 = type$.JSArray_String;
+      return this.coerceValue$3(A._setArrayType([unit], t1), A._setArrayType([], t1), $name);
+    },
+    coerceValueToUnit$1(unit) {
+      return this.coerceValueToUnit$2(unit, null);
+    },
+    coerceToMatch$3(other, $name, otherName) {
+      var t1 = this.coerceValueToMatch$3(other, $name, otherName),
+        t2 = other.get$numeratorUnits(other);
+      return A.SassNumber_SassNumber$withUnits0(t1, other.get$denominatorUnits(other), t2);
+    },
+    coerceValueToMatch$3(other, $name, otherName) {
+      return this._number1$_coerceOrConvertValue$6$coerceUnitless$name$other$otherName(other.get$numeratorUnits(other), other.get$denominatorUnits(other), true, $name, other, otherName);
+    },
+    coerceValueToMatch$1(other) {
+      return this.coerceValueToMatch$3(other, null, null);
+    },
+    _number1$_coerceOrConvertValue$6$coerceUnitless$name$other$otherName(newNumerators, newDenominators, coerceUnitless, $name, other, otherName) {
+      var t1, otherHasUnits, t2, compatibilityException, oldNumerators, oldDenominators, _this = this, _box_0 = {};
+      if (B.C_ListEquality.equals$2(0, _this.get$numeratorUnits(_this), newNumerators) && B.C_ListEquality.equals$2(0, _this.get$denominatorUnits(_this), newDenominators))
+        return _this._number1$_value;
+      t1 = J.getInterceptor$asx(newNumerators);
+      otherHasUnits = t1.get$isNotEmpty(newNumerators) || J.get$isNotEmpty$asx(newDenominators);
+      if (coerceUnitless)
+        t2 = !_this.get$hasUnits() || !otherHasUnits;
+      else
+        t2 = false;
+      if (t2)
+        return _this._number1$_value;
+      compatibilityException = new A.SassNumber__coerceOrConvertValue_compatibilityException0(_this, other, otherName, otherHasUnits, $name, newNumerators, newDenominators);
+      _box_0.value = _this._number1$_value;
+      t2 = _this.get$numeratorUnits(_this);
+      oldNumerators = A._setArrayType(t2.slice(0), A._arrayInstanceType(t2));
+      for (t1 = t1.get$iterator(newNumerators); t1.moveNext$0();)
+        A.removeFirstWhere0(oldNumerators, new A.SassNumber__coerceOrConvertValue_closure3(_box_0, t1.get$current(t1)), new A.SassNumber__coerceOrConvertValue_closure4(compatibilityException));
+      t1 = _this.get$denominatorUnits(_this);
+      oldDenominators = A._setArrayType(t1.slice(0), A._arrayInstanceType(t1));
+      for (t1 = J.get$iterator$ax(newDenominators); t1.moveNext$0();)
+        A.removeFirstWhere0(oldDenominators, new A.SassNumber__coerceOrConvertValue_closure5(_box_0, t1.get$current(t1)), new A.SassNumber__coerceOrConvertValue_closure6(compatibilityException));
+      if (oldNumerators.length !== 0 || oldDenominators.length !== 0)
+        throw A.wrapException(compatibilityException.call$0());
+      return _box_0.value;
+    },
+    _number1$_coerceOrConvertValue$4$coerceUnitless$name(newNumerators, newDenominators, coerceUnitless, $name) {
+      return this._number1$_coerceOrConvertValue$6$coerceUnitless$name$other$otherName(newNumerators, newDenominators, coerceUnitless, $name, null, null);
+    },
+    isComparableTo$1(other) {
+      var exception;
+      if (!this.get$hasUnits() || !other.get$hasUnits())
+        return true;
+      try {
+        this.greaterThan$1(other);
+        return true;
+      } catch (exception) {
+        if (A.unwrapException(exception) instanceof A.SassScriptException0)
+          return false;
+        else
+          throw exception;
+      }
+    },
+    greaterThan$1(other) {
+      if (other instanceof A.SassNumber0)
+        return this._number1$_coerceUnits$2(other, A.number2__fuzzyGreaterThan$closure()) ? B.SassBoolean_true0 : B.SassBoolean_false0;
+      throw A.wrapException(A.SassScriptException$0('Undefined operation "' + this.toString$0(0) + " > " + other.toString$0(0) + '".', null));
+    },
+    greaterThanOrEquals$1(other) {
+      if (other instanceof A.SassNumber0)
+        return this._number1$_coerceUnits$2(other, A.number2__fuzzyGreaterThanOrEquals$closure()) ? B.SassBoolean_true0 : B.SassBoolean_false0;
+      throw A.wrapException(A.SassScriptException$0('Undefined operation "' + this.toString$0(0) + " >= " + other.toString$0(0) + '".', null));
+    },
+    lessThan$1(other) {
+      if (other instanceof A.SassNumber0)
+        return this._number1$_coerceUnits$2(other, A.number2__fuzzyLessThan$closure()) ? B.SassBoolean_true0 : B.SassBoolean_false0;
+      throw A.wrapException(A.SassScriptException$0('Undefined operation "' + this.toString$0(0) + " < " + other.toString$0(0) + '".', null));
+    },
+    lessThanOrEquals$1(other) {
+      if (other instanceof A.SassNumber0)
+        return this._number1$_coerceUnits$2(other, A.number2__fuzzyLessThanOrEquals$closure()) ? B.SassBoolean_true0 : B.SassBoolean_false0;
+      throw A.wrapException(A.SassScriptException$0('Undefined operation "' + this.toString$0(0) + " <= " + other.toString$0(0) + '".', null));
+    },
+    modulo$1(other) {
+      if (other instanceof A.SassNumber0)
+        return this.withValue$1(this._number1$_coerceUnits$2(other, A.number2__moduloLikeSass$closure()));
+      throw A.wrapException(A.SassScriptException$0('Undefined operation "' + this.toString$0(0) + " % " + other.toString$0(0) + '".', null));
+    },
+    plus$1(other) {
+      var _this = this;
+      if (other instanceof A.SassNumber0)
+        return _this.withValue$1(_this._number1$_coerceUnits$2(other, new A.SassNumber_plus_closure0()));
+      if (!(other instanceof A.SassColor0))
+        return _this.super$Value$plus0(other);
+      throw A.wrapException(A.SassScriptException$0('Undefined operation "' + _this.toString$0(0) + " + " + other.toString$0(0) + '".', null));
+    },
+    minus$1(other) {
+      var _this = this;
+      if (other instanceof A.SassNumber0)
+        return _this.withValue$1(_this._number1$_coerceUnits$2(other, new A.SassNumber_minus_closure0()));
+      if (!(other instanceof A.SassColor0))
+        return _this.super$Value$minus0(other);
+      throw A.wrapException(A.SassScriptException$0('Undefined operation "' + _this.toString$0(0) + " - " + other.toString$0(0) + '".', null));
+    },
+    times$1(other) {
+      var _this = this;
+      if (other instanceof A.SassNumber0) {
+        if (!other.get$hasUnits())
+          return _this.withValue$1(_this._number1$_value * other._number1$_value);
+        return _this.multiplyUnits$3(_this._number1$_value * other._number1$_value, other.get$numeratorUnits(other), other.get$denominatorUnits(other));
+      }
+      throw A.wrapException(A.SassScriptException$0('Undefined operation "' + _this.toString$0(0) + " * " + other.toString$0(0) + '".', null));
+    },
+    dividedBy$1(other) {
+      var _this = this;
+      if (other instanceof A.SassNumber0) {
+        if (!other.get$hasUnits())
+          return _this.withValue$1(_this._number1$_value / other._number1$_value);
+        return _this.multiplyUnits$3(_this._number1$_value / other._number1$_value, other.get$denominatorUnits(other), other.get$numeratorUnits(other));
+      }
+      return _this.super$Value$dividedBy0(other);
+    },
+    unaryPlus$0() {
+      return this;
+    },
+    _number1$_coerceUnits$1$2(other, operation) {
+      var t1, exception;
+      try {
+        t1 = operation.call$2(this._number1$_value, other.coerceValueToMatch$1(this));
+        return t1;
+      } catch (exception) {
+        if (A.unwrapException(exception) instanceof A.SassScriptException0) {
+          this.coerceValueToMatch$1(other);
+          throw exception;
+        } else
+          throw exception;
+      }
+    },
+    _number1$_coerceUnits$2(other, operation) {
+      return this._number1$_coerceUnits$1$2(other, operation, type$.dynamic);
+    },
+    multiplyUnits$3(value, otherNumerators, otherDenominators) {
+      var t1, _0_1, _0_6, _0_3, _0_9, _0_9_isSet, _0_7, _0_7_isSet, t2, _0_2, denominators_case_0, _0_11_isSet, _0_13, _0_11, _0_13_isSet, numerators_case_0, t4, t3, t5, t6, t7, denominators_case_1, numerators_case_1, t0, newNumerators, mutableOtherDenominators, _i, numerator, mutableDenominatorUnits, _this = this, _null = null, _box_0 = {};
+      _box_0.value = value;
+      t1 = [_this.get$numeratorUnits(_this), _this.get$denominatorUnits(_this), otherNumerators, otherDenominators];
+      _0_1 = t1[0];
+      _0_6 = _null;
+      _0_3 = _null;
+      _0_9 = _null;
+      _0_9_isSet = false;
+      _0_7 = _null;
+      _0_7_isSet = false;
+      t2 = false;
+      _0_2 = t1[1];
+      _0_3 = t1[2];
+      _0_6 = _0_3.length <= 0;
+      _0_9_isSet = _0_6;
+      if (_0_9_isSet) {
+        _0_7 = t1[3];
+        _0_9 = _0_7.length <= 0;
+        t2 = _0_9;
+      }
+      _0_7_isSet = _0_9_isSet;
+      denominators_case_0 = _0_2;
+      _0_11_isSet = !t2;
+      _0_13 = _null;
+      if (_0_11_isSet) {
+        _0_11 = _0_1.length <= 0;
+        _0_13_isSet = _0_11;
+        if (_0_13_isSet) {
+          t2 = _0_2;
+          _0_13 = t2.length <= 0;
+          t2 = _0_13;
+          if (t2) {
+            numerators_case_0 = _0_3;
+            if (_0_7_isSet)
+              denominators_case_0 = _0_7;
+            else {
+              _0_7 = t1[3];
+              denominators_case_0 = _0_7;
+              _0_7_isSet = true;
+            }
+          } else
+            numerators_case_0 = _0_1;
+        } else {
+          numerators_case_0 = _0_1;
+          t2 = false;
+        }
+      } else {
+        numerators_case_0 = _0_1;
+        _0_11 = _null;
+        _0_13_isSet = false;
+        t2 = true;
+      }
+      if (t2) {
+        t4 = denominators_case_0;
+        t3 = numerators_case_0;
+      } else {
+        t4 = _null;
+        t3 = t4;
+      }
+      if (!t2) {
+        t2 = _null;
+        t5 = _null;
+        if (_0_11_isSet)
+          t6 = _0_11;
+        else {
+          _0_11 = _0_1.length <= 0;
+          t6 = _0_11;
+        }
+        t7 = false;
+        if (t6) {
+          denominators_case_1 = _0_2;
+          numerators_case_1 = _0_3;
+          if (_0_9_isSet)
+            t2 = _0_9;
+          else {
+            if (_0_7_isSet)
+              t2 = _0_7;
+            else {
+              _0_7 = t1[3];
+              t2 = _0_7;
+              _0_7_isSet = true;
+            }
+            _0_9 = t2.length <= 0;
+            t2 = _0_9;
+          }
+        } else {
+          numerators_case_1 = t2;
+          t2 = t7;
+          denominators_case_1 = t5;
+        }
+        if (!t2) {
+          t2 = false;
+          if (_0_13_isSet)
+            t5 = _0_13;
+          else {
+            _0_13 = _0_2.length <= 0;
+            t5 = _0_13;
+          }
+          if (t5) {
+            t2 = _0_6;
+            if (t2)
+              denominators_case_1 = _0_7_isSet ? _0_7 : t1[3];
+            t1 = t2;
+          } else
+            t1 = t2;
+          numerators_case_1 = _0_1;
+        } else
+          t1 = true;
+        if (t1) {
+          t1 = !_this._number1$_areAnyConvertible$2(numerators_case_1, denominators_case_1);
+          if (t1) {
+            t3 = denominators_case_1;
+            t2 = numerators_case_1;
+          } else {
+            t2 = t3;
+            t3 = t4;
+          }
+          t0 = t3;
+          t3 = t1;
+          t1 = t2;
+          t2 = t0;
+        } else {
+          t2 = t4;
+          t1 = t3;
+          t3 = false;
+        }
+      } else {
+        t2 = t4;
+        t1 = t3;
+        t3 = true;
+      }
+      if (t3)
+        return A.SassNumber_SassNumber$withUnits0(value, t2, t1);
+      newNumerators = A._setArrayType([], type$.JSArray_String);
+      mutableOtherDenominators = A._setArrayType(otherDenominators.slice(0), A._arrayInstanceType(otherDenominators));
+      for (t1 = _this.get$numeratorUnits(_this), t2 = t1.length, _i = 0; _i < t2; ++_i) {
+        numerator = t1[_i];
+        A.removeFirstWhere0(mutableOtherDenominators, new A.SassNumber_multiplyUnits_closure3(_box_0, numerator), new A.SassNumber_multiplyUnits_closure4(newNumerators, numerator));
+      }
+      t1 = _this.get$denominatorUnits(_this);
+      mutableDenominatorUnits = A._setArrayType(t1.slice(0), A._arrayInstanceType(t1));
+      for (t1 = otherNumerators.length, _i = 0; _i < t1; ++_i) {
+        numerator = otherNumerators[_i];
+        A.removeFirstWhere0(mutableDenominatorUnits, new A.SassNumber_multiplyUnits_closure5(_box_0, numerator), new A.SassNumber_multiplyUnits_closure6(newNumerators, numerator));
+      }
+      t1 = _box_0.value;
+      B.JSArray_methods.addAll$1(mutableDenominatorUnits, mutableOtherDenominators);
+      return A.SassNumber_SassNumber$withUnits0(t1, mutableDenominatorUnits, newNumerators);
+    },
+    _number1$_areAnyConvertible$2(units1, units2) {
+      return B.JSArray_methods.any$1(units1, new A.SassNumber__areAnyConvertible_closure0(units2));
+    },
+    _number1$_unitString$2(numerators, denominators) {
+      var t1, _0_4, _0_6, t2, _0_7, _0_5, _0_9, _0_10, denominator;
+      $label0$0: {
+        t1 = J.getInterceptor$asx(numerators);
+        _0_4 = t1.get$length(numerators) <= 0;
+        if (_0_4) {
+          _0_6 = J.get$length$asx(denominators);
+          t2 = _0_6;
+          _0_7 = t2 <= 0;
+          t2 = _0_7;
+          _0_5 = denominators;
+        } else {
+          _0_7 = null;
+          _0_6 = null;
+          _0_5 = null;
+          t2 = false;
+        }
+        if (t2) {
+          t1 = "no units";
+          break $label0$0;
+        }
+        if (_0_4) {
+          t2 = _0_6;
+          _0_9 = t2 === 1;
+          t2 = _0_9;
+        } else
+          t2 = false;
+        if (t2) {
+          _0_10 = J.$index$asx(_0_4 ? _0_5 : denominators, 0);
+          denominator = _0_10;
+          t1 = denominator + "^-1";
+          break $label0$0;
+        }
+        if (_0_4) {
+          t1 = "(" + J.join$1$ax(denominators, "*") + ")^-1";
+          break $label0$0;
+        }
+        t2 = denominators;
+        _0_5 = t2;
+        _0_6 = J.get$length$asx(t2);
+        t2 = _0_6;
+        _0_7 = t2 <= 0;
+        t2 = _0_7;
+        if (t2) {
+          t1 = t1.join$1(numerators, "*");
+          break $label0$0;
+        }
+        t2 = _0_6;
+        _0_9 = t2 === 1;
+        t2 = _0_9;
+        if (t2) {
+          _0_10 = J.$index$asx(_0_5, 0);
+          denominator = _0_10;
+          t1 = t1.join$1(numerators, "*") + "/" + denominator;
+          break $label0$0;
+        }
+        t1 = t1.join$1(numerators, "*") + "/(" + J.join$1$ax(denominators, "*") + ")";
+        break $label0$0;
+      }
+      return t1;
+    },
+    $eq(_, other) {
+      var _this = this;
+      if (other == null)
+        return false;
+      if (!(other instanceof A.SassNumber0))
+        return false;
+      if (_this.get$numeratorUnits(_this).length !== other.get$numeratorUnits(other).length || _this.get$denominatorUnits(_this).length !== other.get$denominatorUnits(other).length)
+        return false;
+      if (!_this.get$hasUnits())
+        return A.fuzzyEquals0(_this._number1$_value, other._number1$_value);
+      if (!B.C_ListEquality.equals$2(0, _this._number1$_canonicalizeUnitList$1(_this.get$numeratorUnits(_this)), _this._number1$_canonicalizeUnitList$1(other.get$numeratorUnits(other))) || !B.C_ListEquality.equals$2(0, _this._number1$_canonicalizeUnitList$1(_this.get$denominatorUnits(_this)), _this._number1$_canonicalizeUnitList$1(other.get$denominatorUnits(other))))
+        return false;
+      return A.fuzzyEquals0(_this._number1$_value * _this._number1$_canonicalMultiplier$1(_this.get$numeratorUnits(_this)) / _this._number1$_canonicalMultiplier$1(_this.get$denominatorUnits(_this)), other._number1$_value * _this._number1$_canonicalMultiplier$1(other.get$numeratorUnits(other)) / _this._number1$_canonicalMultiplier$1(other.get$denominatorUnits(other)));
+    },
+    get$hashCode(_) {
+      var _this = this,
+        t1 = _this.hashCache;
+      return t1 == null ? _this.hashCache = A.fuzzyHashCode0(_this._number1$_value * _this._number1$_canonicalMultiplier$1(_this.get$numeratorUnits(_this)) / _this._number1$_canonicalMultiplier$1(_this.get$denominatorUnits(_this))) : t1;
+    },
+    _number1$_canonicalizeUnitList$1(units) {
+      var type,
+        t1 = units.length;
+      if (t1 === 0)
+        return units;
+      if (t1 === 1) {
+        type = $.$get$_typesByUnit0().$index(0, B.JSArray_methods.get$first(units));
+        if (type == null)
+          t1 = units;
+        else {
+          t1 = B.Map_Sr65K.$index(0, type);
+          t1.toString;
+          t1 = A._setArrayType([B.JSArray_methods.get$first(t1)], type$.JSArray_String);
+        }
+        return t1;
+      }
+      t1 = A._arrayInstanceType(units)._eval$1("MappedListIterable<1,String>");
+      t1 = A.List_List$_of(new A.MappedListIterable(units, new A.SassNumber__canonicalizeUnitList_closure0(), t1), t1._eval$1("ListIterable.E"));
+      B.JSArray_methods.sort$0(t1);
+      return t1;
+    },
+    _number1$_canonicalMultiplier$1(units) {
+      return B.JSArray_methods.fold$2(units, 1, new A.SassNumber__canonicalMultiplier_closure0(this));
+    },
+    canonicalMultiplierForUnit$1(unit) {
+      var t1,
+        innerMap = B.Map_NtHoP.$index(0, unit);
+      if (innerMap == null)
+        t1 = 1;
+      else {
+        t1 = innerMap.get$values(innerMap);
+        t1 = 1 / t1.get$first(t1);
+      }
+      return t1;
+    },
+    unitSuggestion$2($name, unit) {
+      var t2, t3, result, _this = this,
+        t1 = _this.get$denominatorUnits(_this);
+      t1 = new A.MappedListIterable(t1, new A.SassNumber_unitSuggestion_closure1(), A._arrayInstanceType(t1)._eval$1("MappedListIterable<1,String>")).join$0(0);
+      t2 = _this.get$numeratorUnits(_this);
+      t2 = new A.MappedListIterable(t2, new A.SassNumber_unitSuggestion_closure2(), A._arrayInstanceType(t2)._eval$1("MappedListIterable<1,String>")).join$0(0);
+      t3 = unit == null ? "" : " * 1" + unit;
+      result = "$" + $name + t1 + t2 + t3;
+      return _this.get$numeratorUnits(_this).length === 0 ? result : "calc(" + result + ")";
+    },
+    unitSuggestion$1($name) {
+      return this.unitSuggestion$2($name, null);
+    }
+  };
+  A.SassNumber__coerceOrConvertValue_compatibilityException0.prototype = {
+    call$0() {
+      var t2, t3, message, t4, type, unit, _this = this,
+        t1 = _this.other;
+      if (t1 != null) {
+        t2 = _this.$this;
+        t3 = t2.toString$0(0) + " and";
+        message = new A.StringBuffer(t3);
+        t4 = _this.otherName;
+        if (t4 != null)
+          t3 = message._contents = t3 + (" $" + t4 + ":");
+        t1 = t3 + (" " + t1.toString$0(0) + " have incompatible units");
+        message._contents = t1;
+        if (!t2.get$hasUnits() || !_this.otherHasUnits)
+          message._contents = t1 + " (one has units and the other doesn't)";
+        t1 = message.toString$0(0) + ".";
+        t2 = _this.name;
+        return new A.SassScriptException0(t2 == null ? t1 : "$" + t2 + ": " + t1);
+      } else if (!_this.otherHasUnits) {
+        t1 = "Expected " + _this.$this.toString$0(0) + " to have no units.";
+        t2 = _this.name;
+        return new A.SassScriptException0(t2 == null ? t1 : "$" + t2 + ": " + t1);
+      } else {
+        t1 = _this.newNumerators;
+        t2 = J.getInterceptor$asx(t1);
+        if (t2.get$length(t1) === 1 && J.get$isEmpty$asx(_this.newDenominators)) {
+          type = $.$get$_typesByUnit0().$index(0, t2.get$first(t1));
+          if (type != null) {
+            t1 = _this.$this.toString$0(0);
+            t2 = B.JSArray_methods.contains$1(A._setArrayType([97, 101, 105, 111, 117], type$.JSArray_int), type.charCodeAt(0)) ? "an " + type : "a " + type;
+            t3 = B.Map_Sr65K.$index(0, type);
+            t3.toString;
+            t3 = "Expected " + t1 + " to have " + t2 + " unit (" + B.JSArray_methods.join$1(t3, ", ") + ").";
+            t2 = _this.name;
+            return new A.SassScriptException0(t2 == null ? t3 : "$" + t2 + ": " + t3);
+          }
+        }
+        t3 = _this.newDenominators;
+        unit = A.pluralize0("unit", t2.get$length(t1) + J.get$length$asx(t3), null);
+        t2 = _this.$this;
+        t3 = "Expected " + t2.toString$0(0) + " to have " + unit + " " + t2._number1$_unitString$2(t1, t3) + ".";
+        t1 = _this.name;
+        return new A.SassScriptException0(t1 == null ? t3 : "$" + t1 + ": " + t3);
+      }
+    },
+    $signature: 549
+  };
+  A.SassNumber__coerceOrConvertValue_closure3.prototype = {
+    call$1(oldNumerator) {
+      var factor = A.conversionFactor0(this.newNumerator, oldNumerator);
+      if (factor == null)
+        return false;
+      this._box_0.value *= factor;
+      return true;
+    },
+    $signature: 5
+  };
+  A.SassNumber__coerceOrConvertValue_closure4.prototype = {
+    call$0() {
+      return A.throwExpression(this.compatibilityException.call$0());
+    },
+    $signature: 0
+  };
+  A.SassNumber__coerceOrConvertValue_closure5.prototype = {
+    call$1(oldDenominator) {
+      var factor = A.conversionFactor0(this.newDenominator, oldDenominator);
+      if (factor == null)
+        return false;
+      this._box_0.value /= factor;
+      return true;
+    },
+    $signature: 5
+  };
+  A.SassNumber__coerceOrConvertValue_closure6.prototype = {
+    call$0() {
+      return A.throwExpression(this.compatibilityException.call$0());
+    },
+    $signature: 0
+  };
+  A.SassNumber_plus_closure0.prototype = {
+    call$2(num1, num2) {
+      return num1 + num2;
+    },
+    $signature: 57
+  };
+  A.SassNumber_minus_closure0.prototype = {
+    call$2(num1, num2) {
+      return num1 - num2;
+    },
+    $signature: 57
+  };
+  A.SassNumber_multiplyUnits_closure3.prototype = {
+    call$1(denominator) {
+      var factor = A.conversionFactor0(this.numerator, denominator);
+      if (factor == null)
+        return false;
+      this._box_0.value /= factor;
+      return true;
+    },
+    $signature: 5
+  };
+  A.SassNumber_multiplyUnits_closure4.prototype = {
+    call$0() {
+      return this.newNumerators.push(this.numerator);
+    },
+    $signature: 0
+  };
+  A.SassNumber_multiplyUnits_closure5.prototype = {
+    call$1(denominator) {
+      var factor = A.conversionFactor0(this.numerator, denominator);
+      if (factor == null)
+        return false;
+      this._box_0.value /= factor;
+      return true;
+    },
+    $signature: 5
+  };
+  A.SassNumber_multiplyUnits_closure6.prototype = {
+    call$0() {
+      return this.newNumerators.push(this.numerator);
+    },
+    $signature: 0
+  };
+  A.SassNumber__areAnyConvertible_closure0.prototype = {
+    call$1(unit1) {
+      var t1,
+        _0_0 = B.Map_NtHoP.$index(0, unit1);
+      $label0$0: {
+        if (_0_0 != null) {
+          t1 = B.JSArray_methods.any$1(this.units2, _0_0.get$containsKey());
+          break $label0$0;
+        }
+        t1 = B.JSArray_methods.contains$1(this.units2, unit1);
+        break $label0$0;
+      }
+      return t1;
+    },
+    $signature: 5
+  };
+  A.SassNumber__canonicalizeUnitList_closure0.prototype = {
+    call$1(unit) {
+      var t1,
+        type = $.$get$_typesByUnit0().$index(0, unit);
+      if (type == null)
+        t1 = unit;
+      else {
+        t1 = B.Map_Sr65K.$index(0, type);
+        t1.toString;
+        t1 = B.JSArray_methods.get$first(t1);
+      }
+      return t1;
+    },
+    $signature: 6
+  };
+  A.SassNumber__canonicalMultiplier_closure0.prototype = {
+    call$2(multiplier, unit) {
+      return multiplier * this.$this.canonicalMultiplierForUnit$1(unit);
+    },
+    $signature: 143
+  };
+  A.SassNumber_unitSuggestion_closure1.prototype = {
+    call$1(unit) {
+      return " * 1" + unit;
+    },
+    $signature: 6
+  };
+  A.SassNumber_unitSuggestion_closure2.prototype = {
+    call$1(unit) {
+      return " / 1" + unit;
+    },
+    $signature: 6
+  };
+  A.OklabColorSpace0.prototype = {
+    get$isBoundedInternal() {
+      return false;
+    },
+    convert$7$missingChroma$missingHue(dest, lightness, a, b, alpha, missingChroma, missingHue) {
+      var missingLightness, missingA, missingB, t1;
+      if (dest === B.OklchColorSpace_9Gj0)
+        return A.labToLch0(dest, lightness, a, b, alpha, missingChroma, missingHue);
+      missingLightness = lightness == null;
+      missingA = a == null;
+      missingB = b == null;
+      if (missingLightness)
+        lightness = 0;
+      if (missingA)
+        a = 0;
+      if (missingB)
+        b = 0;
+      t1 = $.$get$oklabToLms0();
+      return B.LmsColorSpace_Os30.convert$10$missingA$missingB$missingChroma$missingHue$missingLightness(dest, Math.pow(t1[0] * lightness + t1[1] * a + t1[2] * b, 3) + 0, Math.pow(t1[3] * lightness + t1[4] * a + t1[5] * b, 3) + 0, Math.pow(t1[6] * lightness + t1[7] * a + t1[8] * b, 3) + 0, alpha, missingA, missingB, missingChroma, missingHue, missingLightness);
+    },
+    convert$5(dest, lightness, a, b, alpha) {
+      return this.convert$7$missingChroma$missingHue(dest, lightness, a, b, alpha, false, false);
+    }
+  };
+  A.OklchColorSpace0.prototype = {
+    get$isBoundedInternal() {
+      return false;
+    },
+    get$isPolarInternal() {
+      return true;
+    },
+    convert$5(dest, lightness, chroma, hue, alpha) {
+      var t1 = hue == null,
+        hueRadians = (t1 ? 0 : hue) * 3.141592653589793 / 180,
+        t2 = chroma == null,
+        t3 = t2 ? 0 : chroma,
+        t4 = Math.cos(hueRadians),
+        t5 = t2 ? 0 : chroma;
+      return B.OklabColorSpace_5400.convert$7$missingChroma$missingHue(dest, lightness, t3 * t4, t5 * Math.sin(hueRadians), alpha, t2, t1);
+    }
+  };
+  A.SupportsOperation0.prototype = {
+    toInterpolation$0() {
+      var t1 = new A.StringBuffer(""),
+        t2 = new A.InterpolationBuffer0(t1, A._setArrayType([], type$.JSArray_Object), A._setArrayType([], type$.JSArray_nullable_FileSpan)),
+        t3 = this.span,
+        t4 = this.left,
+        t5 = A.SpanExtensions_before(t3, t4.get$span(t4));
+      t5 = A.String_String$fromCharCodes(B.NativeUint32List_methods.sublist$2(t5.file._decodedChars, t5._file$_start, t5._end), 0, null);
+      t1._contents += t5;
+      t2.addInterpolation$1(t4.toInterpolation$0());
+      t5 = this.right;
+      t4 = A.SpanExtensions_between(t4.get$span(t4), t5.get$span(t5));
+      t4 = A.String_String$fromCharCodes(B.NativeUint32List_methods.sublist$2(t4.file._decodedChars, t4._file$_start, t4._end), 0, null);
+      t1._contents += t4;
+      t2.addInterpolation$1(t5.toInterpolation$0());
+      t5 = A.SpanExtensions_after(t3, t5.get$span(t5));
+      t5 = A.String_String$fromCharCodes(B.NativeUint32List_methods.sublist$2(t5.file._decodedChars, t5._file$_start, t5._end), 0, null);
+      t1._contents += t5;
+      return t2.interpolation$1(t3);
+    },
+    withSpan$1(span) {
+      return A.SupportsOperation$0(this.left, this.right, this.operator, span);
+    },
+    toString$0(_) {
+      var _this = this;
+      return _this._operation$_parenthesize$1(_this.left) + " " + _this.operator + " " + _this._operation$_parenthesize$1(_this.right);
+    },
+    _operation$_parenthesize$1(condition) {
+      var t1;
+      if (!(condition instanceof A.SupportsNegation0))
+        t1 = condition instanceof A.SupportsOperation0 && condition.operator === this.operator;
+      else
+        t1 = true;
+      return t1 ? "(" + condition.toString$0(0) + ")" : condition.toString$0(0);
+    },
+    $isAstNode0: 1,
+    $isSassNode: 1,
+    $isSupportsCondition: 1,
+    get$span(receiver) {
+      return this.span;
+    }
+  };
+  A.Parameter0.prototype = {
+    toString$0(_) {
+      var t1 = this.defaultValue,
+        t2 = this.name;
+      return t1 == null ? t2 : t2 + ": " + t1.toString$0(0);
+    },
+    $isAstNode0: 1,
+    $isSassNode: 1,
+    get$span(receiver) {
+      return this.span;
+    }
+  };
+  A.ParameterList0.prototype = {
+    get$spanWithName() {
+      var t3, t4,
+        t1 = this.span,
+        t2 = t1.file,
+        text = A.String_String$fromCharCodes(B.NativeUint32List_methods.sublist$2(t2._decodedChars, 0, null), 0, null),
+        i = A.FileLocation$_(t2, t1._file$_start).offset - 1;
+      while (true) {
+        if (i > 0) {
+          t3 = text.charCodeAt(i);
+          t3 = t3 === 32 || t3 === 9 || t3 === 10 || t3 === 13 || t3 === 12;
+        } else
+          t3 = false;
+        if (!t3)
+          break;
+        --i;
+      }
+      t3 = text.charCodeAt(i);
+      if (!(t3 === 95 || A.CharacterExtension_get_isAlphabetic0(t3) || t3 >= 128))
+        t3 = t3 >= 48 && t3 <= 57 || t3 === 45;
+      else
+        t3 = true;
+      if (!t3)
+        return t1;
+      --i;
+      while (true) {
+        if (i >= 0) {
+          t3 = text.charCodeAt(i);
+          if (t3 !== 95) {
+            if (!(t3 >= 97 && t3 <= 122))
+              t4 = t3 >= 65 && t3 <= 90;
+            else
+              t4 = true;
+            t4 = t4 || t3 >= 128;
+          } else
+            t4 = true;
+          if (!t4)
+            t3 = t3 >= 48 && t3 <= 57 || t3 === 45;
+          else
+            t3 = true;
+        } else
+          t3 = false;
+        if (!t3)
+          break;
+        --i;
+      }
+      t3 = i + 1;
+      t4 = text.charCodeAt(t3);
+      if (!(t4 === 95 || A.CharacterExtension_get_isAlphabetic0(t4) || t4 >= 128))
+        return t1;
+      return A.SpanExtensions_trimRight0(A.SpanExtensions_trimLeft0(t2.span$2(0, t3, A.FileLocation$_(t2, t1._end).offset)));
+    },
+    verify$2(positional, names) {
+      var t1, t2, t3, namedUsed, i, parameter, t4, unknownNames, _this = this,
+        _s10_ = "invocation";
+      for (t1 = _this.parameters, t2 = t1.length, t3 = names._baseMap, namedUsed = 0, i = 0; i < t2; ++i) {
+        parameter = t1[i];
+        if (i < positional) {
+          t4 = parameter.name;
+          if (t3.containsKey$1(t4))
+            throw A.wrapException(A.SassScriptException$0("Argument " + _this._parameter_list$_originalParameterName$1(t4) + string$.x20was_p, null));
+        } else {
+          t4 = parameter.name;
+          if (t3.containsKey$1(t4))
+            ++namedUsed;
+          else if (parameter.defaultValue == null)
+            throw A.wrapException(A.MultiSpanSassScriptException$0("Missing argument " + _this._parameter_list$_originalParameterName$1(t4) + ".", _s10_, A.LinkedHashMap_LinkedHashMap$_literal([_this.get$spanWithName(), "declaration"], type$.FileSpan, type$.String)));
+        }
+      }
+      if (_this.restParameter != null)
+        return;
+      if (positional > t2) {
+        t1 = names.get$isEmpty(0) ? "" : "positional ";
+        throw A.wrapException(A.MultiSpanSassScriptException$0("Only " + t2 + " " + t1 + A.pluralize0("argument", t2, null) + " allowed, but " + positional + " " + A.pluralize0("was", positional, "were") + " passed.", _s10_, A.LinkedHashMap_LinkedHashMap$_literal([_this.get$spanWithName(), "declaration"], type$.FileSpan, type$.String)));
+      }
+      if (namedUsed < t3.get$length(t3)) {
+        t2 = type$.String;
+        unknownNames = A.LinkedHashSet_LinkedHashSet$of(names, t2);
+        unknownNames.removeAll$1(new A.MappedListIterable(t1, new A.ParameterList_verify_closure1(), A._arrayInstanceType(t1)._eval$1("MappedListIterable<1,Object?>")));
+        throw A.wrapException(A.MultiSpanSassScriptException$0("No " + A.pluralize0("parameter", unknownNames._collection$_length, null) + " named " + A.toSentence0(unknownNames.map$1$1(0, new A.ParameterList_verify_closure2(), type$.Object), "or") + ".", _s10_, A.LinkedHashMap_LinkedHashMap$_literal([_this.get$spanWithName(), "declaration"], type$.FileSpan, t2)));
+      }
+    },
+    _parameter_list$_originalParameterName$1($name) {
+      var t1, text, t2, _i, parameter, t3, end;
+      if ($name === this.restParameter) {
+        t1 = this.span;
+        text = A.String_String$fromCharCodes(B.NativeUint32List_methods.sublist$2(t1.file._decodedChars, t1._file$_start, t1._end), 0, null);
+        return B.JSString_methods.substring$2(B.JSString_methods.substring$1(text, B.JSString_methods.lastIndexOf$1(text, "$")), 0, B.JSString_methods.indexOf$1(text, "."));
+      }
+      for (t1 = this.parameters, t2 = t1.length, _i = 0; _i < t2; ++_i) {
+        parameter = t1[_i];
+        if (parameter.name === $name) {
+          t1 = parameter.span;
+          if (parameter.defaultValue == null) {
+            t2 = t1._file$_start;
+            t3 = t1.file._decodedChars;
+            t3 = A.String_String$fromCharCodes(new Uint32Array(t3.subarray(t2, A._checkValidRange(t2, t1._end, t3.length))), 0, null);
+            t1 = t3;
+          } else {
+            text = t1.get$text();
+            t1 = B.JSString_methods.substring$2(text, 0, B.JSString_methods.indexOf$1(text, ":"));
+            end = A._lastNonWhitespace0(t1, false);
+            t1 = end == null ? "" : B.JSString_methods.substring$2(t1, 0, end + 1);
+          }
+          return t1;
+        }
+      }
+      throw A.wrapException(A.ArgumentError$(string$.This_d + $name + '".', null));
+    },
+    matches$2(positional, names) {
+      var t1, t2, t3, namedUsed, i, parameter;
+      for (t1 = this.parameters, t2 = t1.length, t3 = names._baseMap, namedUsed = 0, i = 0; i < t2; ++i) {
+        parameter = t1[i];
+        if (i < positional) {
+          if (t3.containsKey$1(parameter.name))
+            return false;
+        } else if (t3.containsKey$1(parameter.name))
+          ++namedUsed;
+        else if (parameter.defaultValue == null)
+          return false;
+      }
+      if (this.restParameter != null)
+        return true;
+      if (positional > t2)
+        return false;
+      if (namedUsed < t3.get$length(t3))
+        return false;
+      return true;
+    },
+    toString$0(_) {
+      var t2, t3, _i,
+        t1 = A._setArrayType([], type$.JSArray_String);
+      for (t2 = this.parameters, t3 = t2.length, _i = 0; _i < t3; ++_i)
+        t1.push("$" + t2[_i].toString$0(0));
+      t2 = this.restParameter;
+      if (t2 != null)
+        t1.push("$" + t2 + "...");
+      return B.JSArray_methods.join$1(t1, ", ");
+    },
+    $isAstNode0: 1,
+    $isSassNode: 1,
+    get$span(receiver) {
+      return this.span;
+    }
+  };
+  A.ParameterList_verify_closure1.prototype = {
+    call$1(parameter) {
+      return parameter.name;
+    },
+    $signature: 550
+  };
+  A.ParameterList_verify_closure2.prototype = {
+    call$1($name) {
+      return "$" + $name;
+    },
+    $signature: 6
+  };
+  A.ParentSelector0.prototype = {
+    accept$1$1(visitor) {
+      return visitor.visitParentSelector$1(this);
+    },
+    accept$1(visitor) {
+      return this.accept$1$1(visitor, type$.dynamic);
+    },
+    unify$1(compound) {
+      return A.throwExpression(A.UnsupportedError$("& doesn't support unification."));
+    }
+  };
+  A.ParentStatement0.prototype = {};
+  A.ParentStatement_closure0.prototype = {
+    call$1(child) {
+      var t1;
+      $label0$0: {
+        if (child instanceof A.VariableDeclaration0 || child instanceof A.FunctionRule0 || child instanceof A.MixinRule0) {
+          t1 = true;
+          break $label0$0;
+        }
+        if (child instanceof A.ImportRule0) {
+          t1 = B.JSArray_methods.any$1(child.imports, new A.ParentStatement__closure0());
+          break $label0$0;
+        }
+        t1 = false;
+        break $label0$0;
+      }
+      return t1;
+    },
+    $signature: 237
+  };
+  A.ParentStatement__closure0.prototype = {
+    call$1($import) {
+      return $import instanceof A.DynamicImport0;
+    },
+    $signature: 238
+  };
+  A.ParenthesizedExpression0.prototype = {
+    accept$1$1(visitor) {
+      return visitor.visitParenthesizedExpression$1(0, this);
+    },
+    accept$1(visitor) {
+      return this.accept$1$1(visitor, type$.dynamic);
+    },
+    toString$0(_) {
+      return "(" + this.expression.toString$0(0) + ")";
+    },
+    get$span(receiver) {
+      return this.span;
+    }
+  };
+  A.ParserExports.prototype = {};
+  A.loadParserExports_closure.prototype = {
+    call$1(inner) {
+      return new A.JSExpressionVisitor(inner);
+    },
+    $signature: 551
+  };
+  A.loadParserExports_closure0.prototype = {
+    call$1(inner) {
+      return new A.JSStatementVisitor(inner);
+    },
+    $signature: 552
+  };
+  A.loadParserExports_closure1.prototype = {
+    call$1(set) {
+      var t1 = A.List_List$_of(set, type$.nullable_Object);
+      return new self.Set(t1);
+    },
+    $signature: 553
+  };
+  A._updateAstPrototypes_closure.prototype = {
+    call$3($self, start, end) {
+      return A.String_String$fromCharCodes(B.NativeUint32List_methods.sublist$2($self._decodedChars, start, end), 0, null);
+    },
+    call$2($self, start) {
+      return this.call$3($self, start, null);
+    },
+    "call*": "call$3",
+    $requiredArgCount: 2,
+    $defaultValues() {
+      return [null];
+    },
+    $signature: 554
+  };
+  A._updateAstPrototypes_closure0.prototype = {
+    call$1($self) {
+      return $self._decodedChars;
+    },
+    $signature: 555
+  };
+  A._updateAstPrototypes_closure1.prototype = {
+    call$1($self) {
+      return $self.get$asPlain();
+    },
+    $signature: 556
+  };
+  A._updateAstPrototypes_closure2.prototype = {
+    call$2($self, visitor) {
+      return $self.accept$1(visitor);
+    },
+    $signature: 557
+  };
+  A._updateAstPrototypes_closure3.prototype = {
+    call$2($self, visitor) {
+      return $self.accept$1(visitor);
+    },
+    $signature: 558
+  };
+  A._updateAstPrototypes_closure4.prototype = {
+    call$1($self) {
+      return $self.$arguments;
+    },
+    $signature: 559
+  };
+  A._updateAstPrototypes_closure5.prototype = {
+    call$1($self) {
+      return $self.$arguments;
+    },
+    $signature: 560
+  };
+  A._updateAstPrototypes_closure6.prototype = {
+    call$1($self) {
+      return $self.$arguments;
+    },
+    $signature: 561
+  };
+  A._updateAstPrototypes_closure7.prototype = {
+    call$1($self) {
+      return $self.$arguments;
+    },
+    $signature: 562
+  };
+  A._updateAstPrototypes_closure8.prototype = {
+    call$1($self) {
+      return $self.$arguments;
+    },
+    $signature: 563
+  };
+  A._updateAstPrototypes_closure9.prototype = {
+    call$1($self) {
+      return $self.get$span($self);
+    },
+    $signature: 564
+  };
+  A._addSupportsConditionToInterpolation_closure.prototype = {
+    call$1($self) {
+      return $self.toInterpolation$0();
+    },
+    $signature: 565
+  };
+  A.Parser1.prototype = {
+    _parser1$_parseIdentifier$0() {
+      return this.wrapSpanFormatException$1(new A.Parser__parseIdentifier_closure0(this));
+    },
+    whitespace$1$consumeNewlines(consumeNewlines) {
+      do
+        this.whitespaceWithoutComments$1$consumeNewlines(consumeNewlines);
+      while (this.scanComment$0());
+    },
+    whitespaceWithoutComments$1$consumeNewlines(consumeNewlines) {
+      var t3,
+        t1 = this.scanner,
+        t2 = t1.string.length;
+      while (true) {
+        if (t1._string_scanner$_position !== t2) {
+          t3 = t1.peekChar$0();
+          t3 = t3 === 32 || t3 === 9 || t3 === 10 || t3 === 13 || t3 === 12;
+        } else
+          t3 = false;
+        if (!t3)
+          break;
+        t1.readChar$0();
+      }
+    },
+    spaces$0() {
+      var t3,
+        t1 = this.scanner,
+        t2 = t1.string.length;
+      while (true) {
+        if (t1._string_scanner$_position !== t2) {
+          t3 = t1.peekChar$0();
+          t3 = t3 === 32 || t3 === 9;
+        } else
+          t3 = false;
+        if (!t3)
+          break;
+        t1.readChar$0();
+      }
+    },
+    scanComment$0() {
+      var _0_0,
+        t1 = this.scanner;
+      if (t1.peekChar$0() !== 47)
+        return false;
+      _0_0 = t1.peekChar$1(1);
+      if (47 === _0_0)
+        return this.silentComment$0();
+      if (42 === _0_0) {
+        this.loudComment$0();
+        return true;
+      }
+      return false;
+    },
+    expectWhitespace$1$consumeNewlines(consumeNewlines) {
+      var t2, t3,
+        t1 = this.scanner;
+      if (t1._string_scanner$_position !== t1.string.length) {
+        t2 = t1.peekChar$0();
+        t3 = !(t2 === 32 || t2 === 9 || t2 === 10 || t2 === 13 || t2 === 12 || this.scanComment$0());
+        t2 = t3;
+      } else
+        t2 = true;
+      if (t2)
+        t1.error$1(0, "Expected whitespace.");
+      this.whitespace$1$consumeNewlines(consumeNewlines);
+    },
+    expectWhitespace$0() {
+      return this.expectWhitespace$1$consumeNewlines(false);
+    },
+    silentComment$0() {
+      var t2, t3,
+        t1 = this.scanner;
+      t1.expect$1("//");
+      t2 = t1.string.length;
+      while (true) {
+        if (t1._string_scanner$_position !== t2) {
+          t3 = t1.peekChar$0();
+          t3 = !(t3 === 10 || t3 === 13 || t3 === 12);
+        } else
+          t3 = false;
+        if (!t3)
+          break;
+        t1.readChar$0();
+      }
+      return true;
+    },
+    loudComment$0() {
+      var next,
+        t1 = this.scanner;
+      t1.expect$1("/*");
+      for (; true;) {
+        if (t1.readChar$0() !== 42)
+          continue;
+        do
+          next = t1.readChar$0();
+        while (next === 42);
+        if (next === 47)
+          break;
+      }
+    },
+    identifier$2$normalize$unit(normalize, unit) {
+      var t2, _0_0, _this = this,
+        _s20_ = "Expected identifier.",
+        text = new A.StringBuffer(""),
+        t1 = _this.scanner;
+      if (t1.scanChar$1(45)) {
+        t2 = text._contents = A.Primitives_stringFromCharCode(45);
+        if (t1.scanChar$1(45)) {
+          text._contents = t2 + t2;
+          _this._parser1$_identifierBody$3$normalize$unit(text, normalize, unit);
+          t1 = text._contents;
+          return t1.charCodeAt(0) == 0 ? t1 : t1;
+        }
+      } else
+        t2 = "";
+      $label0$0: {
+        _0_0 = t1.peekChar$0();
+        if (_0_0 == null)
+          t1.error$1(0, _s20_);
+        if (95 === _0_0 && normalize) {
+          t1.readChar$0();
+          text._contents = t2 + A.Primitives_stringFromCharCode(45);
+          break $label0$0;
+        }
+        if (_0_0 === 95 || A.CharacterExtension_get_isAlphabetic0(_0_0) || _0_0 >= 128) {
+          text._contents = t2 + A.Primitives_stringFromCharCode(t1.readChar$0());
+          break $label0$0;
+        }
+        if (92 === _0_0) {
+          text._contents = t2 + _this.escape$1$identifierStart(true);
+          break $label0$0;
+        }
+        t1.error$1(0, _s20_);
+      }
+      _this._parser1$_identifierBody$3$normalize$unit(text, normalize, unit);
+      t1 = text._contents;
+      return t1.charCodeAt(0) == 0 ? t1 : t1;
+    },
+    identifier$0() {
+      return this.identifier$2$normalize$unit(false, false);
+    },
+    identifier$1$normalize(normalize) {
+      return this.identifier$2$normalize$unit(normalize, false);
+    },
+    identifier$1$unit(unit) {
+      return this.identifier$2$normalize$unit(false, unit);
+    },
+    _parser1$_identifierBody$3$normalize$unit(text, normalize, unit) {
+      var t1, _1_0, _0_0, t2;
+      for (t1 = this.scanner; true;) {
+        _1_0 = t1.peekChar$0();
+        if (_1_0 == null)
+          break;
+        if (45 === _1_0 && unit) {
+          _0_0 = t1.peekChar$1(1);
+          if (46 !== _0_0)
+            t2 = A._isInt(_0_0) && _0_0 >= 48 && _0_0 <= 57;
+          else
+            t2 = true;
+          if (t2)
+            break;
+          t2 = A.Primitives_stringFromCharCode(t1.readChar$0());
+          text._contents += t2;
+          continue;
+        }
+        if (95 === _1_0 && normalize) {
+          t1.readChar$0();
+          t2 = A.Primitives_stringFromCharCode(45);
+          text._contents += t2;
+          continue;
+        }
+        if (_1_0 !== 95) {
+          if (!(_1_0 >= 97 && _1_0 <= 122))
+            t2 = _1_0 >= 65 && _1_0 <= 90;
+          else
+            t2 = true;
+          t2 = t2 || _1_0 >= 128;
+        } else
+          t2 = true;
+        if (!t2)
+          t2 = _1_0 >= 48 && _1_0 <= 57 || _1_0 === 45;
+        else
+          t2 = true;
+        if (t2) {
+          t2 = A.Primitives_stringFromCharCode(t1.readChar$0());
+          text._contents += t2;
+          continue;
+        }
+        if (92 === _1_0) {
+          t2 = this.escape$0();
+          text._contents += t2;
+          continue;
+        }
+        break;
+      }
+    },
+    _parser1$_identifierBody$1(text) {
+      return this._parser1$_identifierBody$3$normalize$unit(text, false, false);
+    },
+    string$0() {
+      var buffer, _0_0, t2,
+        t1 = this.scanner,
+        quote = t1.readChar$0();
+      if (quote !== 39 && quote !== 34)
+        t1.error$2$position(0, "Expected string.", t1._string_scanner$_position - 1);
+      buffer = new A.StringBuffer("");
+      for (; true;) {
+        _0_0 = t1.peekChar$0();
+        if (_0_0 === quote) {
+          t1.readChar$0();
+          break;
+        }
+        if (_0_0 == null || _0_0 === 10 || _0_0 === 13 || _0_0 === 12)
+          t1.error$1(0, "Expected " + A.Primitives_stringFromCharCode(quote) + ".");
+        if (92 === _0_0) {
+          t2 = t1.peekChar$1(1);
+          if (t2 === 10 || t2 === 13 || t2 === 12) {
+            t1.readChar$0();
+            t1.readChar$0();
+          } else {
+            t2 = A.Primitives_stringFromCharCode(A.consumeEscapedCharacter0(t1));
+            buffer._contents += t2;
+          }
+          continue;
+        }
+        t2 = A.Primitives_stringFromCharCode(t1.readChar$0());
+        buffer._contents += t2;
+      }
+      t1 = buffer._contents;
+      return t1.charCodeAt(0) == 0 ? t1 : t1;
+    },
+    declarationValue$1$allowEmpty(allowEmpty) {
+      var t1, t2, t3, wroteNewline, next, wroteNewline0, t4, start, end, _0_0, _this = this,
+        buffer = new A.StringBuffer(""),
+        brackets = A._setArrayType([], type$.JSArray_int);
+      for (t1 = _this.scanner, t2 = _this.get$loudComment(), t3 = _this.get$string(), wroteNewline = false; true;) {
+        next = t1.peekChar$0();
+        if (next == null)
+          break;
+        wroteNewline0 = false;
+        if (92 === next) {
+          t4 = _this.escape$1$identifierStart(true);
+          buffer._contents += t4;
+          wroteNewline = wroteNewline0;
+          continue;
+        }
+        if (34 === next || 39 === next) {
+          start = t1._string_scanner$_position;
+          t3.call$0();
+          end = t1._string_scanner$_position;
+          buffer._contents += B.JSString_methods.substring$2(t1.string, start, end);
+          wroteNewline = wroteNewline0;
+          continue;
+        }
+        if (47 === next) {
+          if (t1.peekChar$1(1) === 42) {
+            start = t1._string_scanner$_position;
+            t2.call$0();
+            end = t1._string_scanner$_position;
+            buffer._contents += B.JSString_methods.substring$2(t1.string, start, end);
+          } else {
+            t4 = A.Primitives_stringFromCharCode(t1.readChar$0());
+            buffer._contents += t4;
+          }
+          wroteNewline = wroteNewline0;
+          continue;
+        }
+        if (32 === next || 9 === next) {
+          if (!wroteNewline) {
+            t4 = t1.peekChar$1(1);
+            t4 = !(t4 === 32 || t4 === 9 || t4 === 10 || t4 === 13 || t4 === 12);
+          } else
+            t4 = true;
+          if (t4) {
+            t4 = A.Primitives_stringFromCharCode(32);
+            buffer._contents += t4;
+          }
+          t1.readChar$0();
+          continue;
+        }
+        if (10 === next || 13 === next || 12 === next) {
+          t4 = t1.peekChar$1(-1);
+          if (!(t4 === 10 || t4 === 13 || t4 === 12))
+            buffer._contents += "\n";
+          t1.readChar$0();
+          wroteNewline = true;
+          continue;
+        }
+        if (40 === next || 123 === next || 91 === next) {
+          t4 = A.Primitives_stringFromCharCode(next);
+          buffer._contents += t4;
+          brackets.push(A.opposite0(t1.readChar$0()));
+          wroteNewline = wroteNewline0;
+          continue;
+        }
+        if (41 === next || 125 === next || 93 === next) {
+          if (brackets.length === 0)
+            break;
+          t4 = A.Primitives_stringFromCharCode(next);
+          buffer._contents += t4;
+          t1.expectChar$1(brackets.pop());
+          wroteNewline = wroteNewline0;
+          continue;
+        }
+        if (59 === next) {
+          if (brackets.length === 0)
+            break;
+          t4 = A.Primitives_stringFromCharCode(t1.readChar$0());
+          buffer._contents += t4;
+          continue;
+        }
+        if (117 === next || 85 === next) {
+          _0_0 = _this.tryUrl$0();
+          if (_0_0 != null)
+            buffer._contents += _0_0;
+          else {
+            t4 = A.Primitives_stringFromCharCode(t1.readChar$0());
+            buffer._contents += t4;
+          }
+          wroteNewline = wroteNewline0;
+          continue;
+        }
+        if (_this.lookingAtIdentifier$0()) {
+          t4 = _this.identifier$0();
+          buffer._contents += t4;
+        } else {
+          t4 = A.Primitives_stringFromCharCode(t1.readChar$0());
+          buffer._contents += t4;
+        }
+        wroteNewline = wroteNewline0;
+      }
+      if (brackets.length !== 0)
+        t1.expectChar$1(B.JSArray_methods.get$last(brackets));
+      if (!allowEmpty && buffer._contents.length === 0)
+        t1.error$1(0, "Expected token.");
+      t1 = buffer._contents;
+      return t1.charCodeAt(0) == 0 ? t1 : t1;
+    },
+    declarationValue$0() {
+      return this.declarationValue$1$allowEmpty(false);
+    },
+    tryUrl$0() {
+      var buffer, _0_0, t2, _this = this,
+        t1 = _this.scanner,
+        start = new A._SpanScannerState(t1, t1._string_scanner$_position);
+      if (!_this.scanIdentifier$1("url"))
+        return null;
+      if (!t1.scanChar$1(40)) {
+        t1.set$state(start);
+        return null;
+      }
+      _this.whitespace$1$consumeNewlines(true);
+      buffer = new A.StringBuffer("");
+      buffer._contents = "url(";
+      for (; true;) {
+        _0_0 = t1.peekChar$0();
+        if (_0_0 == null)
+          break;
+        if (92 === _0_0) {
+          t2 = _this.escape$0();
+          buffer._contents += t2;
+          continue;
+        }
+        t2 = true;
+        if (37 !== _0_0)
+          if (38 !== _0_0)
+            if (35 !== _0_0)
+              t2 = _0_0 >= 42 && _0_0 <= 126 || _0_0 >= 128;
+        if (t2) {
+          t2 = A.Primitives_stringFromCharCode(t1.readChar$0());
+          buffer._contents += t2;
+          continue;
+        }
+        if (_0_0 === 32 || _0_0 === 9 || _0_0 === 10 || _0_0 === 13 || _0_0 === 12) {
+          _this.whitespace$1$consumeNewlines(true);
+          if (t1.peekChar$0() !== 41)
+            break;
+          continue;
+        }
+        if (41 === _0_0) {
+          t2 = A.Primitives_stringFromCharCode(t1.readChar$0());
+          t2 = buffer._contents += t2;
+          return t2.charCodeAt(0) == 0 ? t2 : t2;
+        }
+        break;
+      }
+      t1.set$state(start);
+      return null;
+    },
+    variableName$0() {
+      this.scanner.expectChar$1(36);
+      return this.identifier$1$normalize(true);
+    },
+    escape$1$identifierStart(identifierStart) {
+      var value, _0_0, i, next, t2, exception,
+        _s25_ = "Expected escape sequence.",
+        t1 = this.scanner,
+        start = t1._string_scanner$_position;
+      t1.expectChar$1(92);
+      value = 0;
+      $label0$1: {
+        _0_0 = t1.peekChar$0();
+        if (_0_0 == null)
+          t1.error$1(0, _s25_);
+        if (_0_0 === 10 || _0_0 === 13 || _0_0 === 12)
+          t1.error$1(0, _s25_);
+        if (A.CharacterExtension_get_isHex0(_0_0)) {
+          for (i = 0; i < 6; ++i) {
+            next = t1.peekChar$0();
+            if (next != null) {
+              t2 = true;
+              if (!(next >= 48 && next <= 57))
+                if (!(next >= 97 && next <= 102))
+                  t2 = next >= 65 && next <= 70;
+              t2 = !t2;
+            } else
+              t2 = true;
+            if (t2)
+              break;
+            value *= 16;
+            value += A.asHex0(t1.readChar$0());
+          }
+          this.scanCharIf$1(new A.Parser_escape_closure0());
+          break $label0$1;
+        }
+        value = t1.readChar$0();
+      }
+      if (identifierStart) {
+        t2 = value;
+        t2 = t2 === 95 || A.CharacterExtension_get_isAlphabetic0(t2) || t2 >= 128;
+      } else {
+        t2 = value;
+        if (!(t2 === 95 || A.CharacterExtension_get_isAlphabetic0(t2) || t2 >= 128))
+          t2 = t2 >= 48 && t2 <= 57 || t2 === 45;
+        else
+          t2 = true;
+      }
+      if (t2)
+        try {
+          t2 = A.Primitives_stringFromCharCode(value);
+          return t2;
+        } catch (exception) {
+          if (type$.RangeError._is(A.unwrapException(exception)))
+            t1.error$3$length$position(0, "Invalid Unicode code point.", t1._string_scanner$_position - start, start);
+          else
+            throw exception;
+        }
+      else {
+        t1 = true;
+        if (!(value <= 31))
+          if (!J.$eq$(value, 127))
+            if (identifierStart) {
+              t1 = value;
+              t1 = t1 >= 48 && t1 <= 57;
+            } else
+              t1 = false;
+        if (t1) {
+          t1 = A.Primitives_stringFromCharCode(92);
+          if (value > 15)
+            t1 += A.Primitives_stringFromCharCode(A.hexCharFor0(B.JSNumber_methods._shrOtherPositive$1(value, 4)));
+          t1 = t1 + A.Primitives_stringFromCharCode(A.hexCharFor0(value & 15)) + A.Primitives_stringFromCharCode(32);
+          return t1.charCodeAt(0) == 0 ? t1 : t1;
+        } else
+          return A.String_String$fromCharCodes(A._setArrayType([92, value], type$.JSArray_int), 0, null);
+      }
+    },
+    escape$0() {
+      return this.escape$1$identifierStart(false);
+    },
+    scanCharIf$1(condition) {
+      var t1 = this.scanner;
+      if (!condition.call$1(t1.peekChar$0()))
+        return false;
+      t1.readChar$0();
+      return true;
+    },
+    scanIdentChar$2$caseSensitive(char, caseSensitive) {
+      var t3,
+        t1 = new A.Parser_scanIdentChar_matches0(caseSensitive, char),
+        t2 = this.scanner,
+        _0_0 = t2.peekChar$0();
+      if (_0_0 != null)
+        t3 = t1.call$1(_0_0);
+      else
+        t3 = false;
+      if (t3) {
+        t2.readChar$0();
+        return true;
+      }
+      if (92 === _0_0) {
+        t3 = t2._string_scanner$_position;
+        if (t1.call$1(A.consumeEscapedCharacter0(t2)))
+          return true;
+        t2.set$state(new A._SpanScannerState(t2, t3));
+      }
+      return false;
+    },
+    scanIdentChar$1(char) {
+      return this.scanIdentChar$2$caseSensitive(char, false);
+    },
+    expectIdentChar$1(letter) {
+      var t1;
+      if (this.scanIdentChar$2$caseSensitive(letter, false))
+        return;
+      t1 = this.scanner;
+      t1.error$2$position(0, 'Expected "' + A.Primitives_stringFromCharCode(letter) + '".', t1._string_scanner$_position);
+    },
+    lookingAtIdentifier$1($forward) {
+      var t1, _1_0, t2, _0_0;
+      if ($forward == null)
+        $forward = 0;
+      t1 = this.scanner;
+      _1_0 = t1.peekChar$1($forward);
+      $label0$0: {
+        if (A._isInt(_1_0))
+          t2 = _1_0 === 95 || A.CharacterExtension_get_isAlphabetic0(_1_0) || _1_0 >= 128;
+        else
+          t2 = false;
+        if (t2 || 92 === _1_0) {
+          t1 = true;
+          break $label0$0;
+        }
+        if (45 === _1_0) {
+          _0_0 = t1.peekChar$1($forward + 1);
+          $label1$1: {
+            if (A._isInt(_0_0))
+              t1 = _0_0 === 95 || A.CharacterExtension_get_isAlphabetic0(_0_0) || _0_0 >= 128;
+            else
+              t1 = false;
+            t1 = t1 || 92 === _0_0 || 45 === _0_0;
+            break $label1$1;
+          }
+          break $label0$0;
+        }
+        t1 = false;
+        break $label0$0;
+      }
+      return t1;
+    },
+    lookingAtIdentifier$0() {
+      return this.lookingAtIdentifier$1(null);
+    },
+    lookingAtIdentifierBody$0() {
+      var t1,
+        next = this.scanner.peekChar$0();
+      if (next != null) {
+        if (!(next === 95 || A.CharacterExtension_get_isAlphabetic0(next) || next >= 128))
+          t1 = next >= 48 && next <= 57 || next === 45;
+        else
+          t1 = true;
+        t1 = t1 || next === 92;
+      } else
+        t1 = false;
+      return t1;
+    },
+    scanIdentifier$2$caseSensitive(text, caseSensitive) {
+      var t1, t2, _this = this;
+      if (!_this.lookingAtIdentifier$0())
+        return false;
+      t1 = _this.scanner;
+      t2 = t1._string_scanner$_position;
+      if (_this._parser1$_consumeIdentifier$2(text, caseSensitive) && !_this.lookingAtIdentifierBody$0())
+        return true;
+      else {
+        t1.set$state(new A._SpanScannerState(t1, t2));
+        return false;
+      }
+    },
+    scanIdentifier$1(text) {
+      return this.scanIdentifier$2$caseSensitive(text, false);
+    },
+    _parser1$_consumeIdentifier$2(text, caseSensitive) {
+      var t1, t2, t3;
+      for (t1 = new A.CodeUnits(text), t2 = type$.CodeUnits, t1 = new A.ListIterator(t1, t1.get$length(0), t2._eval$1("ListIterator<ListBase.E>")), t2 = t2._eval$1("ListBase.E"); t1.moveNext$0();) {
+        t3 = t1.__internal$_current;
+        if (!this.scanIdentChar$2$caseSensitive(t3 == null ? t2._as(t3) : t3, caseSensitive))
+          return false;
+      }
+      return true;
+    },
+    expectIdentifier$2$name(text, $name) {
+      var t1, start, t2, t3, t4, t5, t6;
+      if ($name == null)
+        $name = '"' + text + '"';
+      t1 = this.scanner;
+      start = t1._string_scanner$_position;
+      for (t2 = new A.CodeUnits(text), t3 = type$.CodeUnits, t2 = new A.ListIterator(t2, t2.get$length(0), t3._eval$1("ListIterator<ListBase.E>")), t4 = "Expected " + $name, t5 = t4 + ".", t3 = t3._eval$1("ListBase.E"); t2.moveNext$0();) {
+        t6 = t2.__internal$_current;
+        if (this.scanIdentChar$2$caseSensitive(t6 == null ? t3._as(t6) : t6, false))
+          continue;
+        t1.error$2$position(0, t5, start);
+      }
+      if (!this.lookingAtIdentifierBody$0())
+        return;
+      t1.error$2$position(0, t4, start);
+    },
+    expectIdentifier$1(text) {
+      return this.expectIdentifier$2$name(text, null);
+    },
+    rawText$1(consumer) {
+      var t1 = this.scanner,
+        start = t1._string_scanner$_position;
+      consumer.call$0();
+      return t1.substring$1(0, start);
+    },
+    spanFrom$1(state) {
+      var span = this.scanner.spanFrom$1(state);
+      return this._parser1$_interpolationMap == null ? span : new A.LazyFileSpan0(new A.Parser_spanFrom_closure0(this, span));
+    },
+    error$3(_, message, span, trace) {
+      var exception = new A.StringScannerException(this.scanner.string, message, span);
+      if (trace == null)
+        throw A.wrapException(exception);
+      else
+        A.throwWithTrace0(exception, this.get$error(this), trace);
+    },
+    error$2(_, message, span) {
+      return this.error$3(0, message, span, null);
+    },
+    withErrorMessage$1$2(message, callback) {
+      var error, stackTrace, t1, exception;
+      try {
+        t1 = callback.call$0();
+        return t1;
+      } catch (exception) {
+        t1 = A.unwrapException(exception);
+        if (type$.SourceSpanFormatException._is(t1)) {
+          error = t1;
+          stackTrace = A.getTraceFromException(exception);
+          t1 = J.get$span$z(error);
+          A.throwWithTrace0(new A.SourceSpanFormatException(error.get$source(), message, t1), error, stackTrace);
+        } else
+          throw exception;
+      }
+    },
+    withErrorMessage$2(message, callback) {
+      return this.withErrorMessage$1$2(message, callback, type$.dynamic);
+    },
+    wrapSpanFormatException$1$1(callback) {
+      var error, stackTrace, map, error0, stackTrace0, span, secondarySpans, t1, t2, span0, description, _0_0, error1, stackTrace1, span1, t3, exception, t4, _this = this,
+        _s8_ = "expected";
+      try {
+        try {
+          t3 = callback.call$0();
+          return t3;
+        } catch (exception) {
+          t3 = A.unwrapException(exception);
+          if (type$.SourceSpanFormatException._is(t3)) {
+            error = t3;
+            stackTrace = A.getTraceFromException(exception);
+            map = _this._parser1$_interpolationMap;
+            if (map == null)
+              throw exception;
+            A.throwWithTrace0(map.mapException$1(error), error, stackTrace);
+          } else
+            throw exception;
+        }
+      } catch (exception) {
+        t3 = A.unwrapException(exception);
+        if (type$.MultiSourceSpanFormatException._is(t3)) {
+          error0 = t3;
+          stackTrace0 = A.getTraceFromException(exception);
+          span = J.get$span$z(error0);
+          t3 = type$.FileSpan;
+          t4 = type$.String;
+          secondarySpans = error0.get$secondarySpans().cast$2$0(0, t3, t4);
+          if (A.startsWithIgnoreCase0(error0._span_exception$_message, _s8_)) {
+            span = _this._parser1$_adjustExceptionSpan$1(span);
+            t1 = A.LinkedHashMap_LinkedHashMap$_empty(t3, t4);
+            for (t3 = A.MapExtensions_get_pairs0(secondarySpans, t3, t4), t3 = t3.get$iterator(t3); t3.moveNext$0();) {
+              t2 = t3.get$current(t3);
+              span0 = null;
+              description = null;
+              _0_0 = t2;
+              span0 = _0_0._0;
+              description = _0_0._1;
+              J.$indexSet$ax(t1, _this._parser1$_adjustExceptionSpan$1(span0), description);
+            }
+            secondarySpans = t1;
+          }
+          A.throwWithTrace0(A.MultiSpanSassFormatException$0(error0._span_exception$_message, span, error0.get$primaryLabel(), secondarySpans, null), error0, stackTrace0);
+        } else if (type$.SourceSpanFormatException._is(t3)) {
+          error1 = t3;
+          stackTrace1 = A.getTraceFromException(exception);
+          span1 = J.get$span$z(error1);
+          if (A.startsWithIgnoreCase0(error1._span_exception$_message, _s8_))
+            span1 = _this._parser1$_adjustExceptionSpan$1(span1);
+          t1 = error1._span_exception$_message;
+          t2 = span1;
+          A.throwWithTrace0(new A.SassFormatException0(B.Set_empty, t1, t2), error1, stackTrace1);
+        } else
+          throw exception;
+      }
+    },
+    wrapSpanFormatException$1(callback) {
+      return this.wrapSpanFormatException$1$1(callback, type$.dynamic);
+    },
+    _parser1$_adjustExceptionSpan$1(span) {
+      var start, t1;
+      if (span.get$length(span) > 0)
+        return span;
+      start = this._parser1$_firstNewlineBefore$1(span.get$start(span));
+      if (start.$eq(0, span.get$start(span)))
+        t1 = span;
+      else {
+        t1 = start.offset;
+        t1 = A._FileSpan$(start.file, t1, t1);
+      }
+      return t1;
+    },
+    _parser1$_firstNewlineBefore$1($location) {
+      var lastNewline, codeUnit,
+        t1 = $location.file,
+        t2 = $location.offset,
+        text = A.String_String$fromCharCodes(B.NativeUint32List_methods.sublist$2(t1._decodedChars, 0, t2), 0, null),
+        index = t2 - 1;
+      for (lastNewline = null; index >= 0;) {
+        codeUnit = text.charCodeAt(index);
+        if (!(codeUnit === 32 || codeUnit === 9 || codeUnit === 10 || codeUnit === 13 || codeUnit === 12)) {
+          if (lastNewline == null)
+            t1 = $location;
+          else {
+            t2 = new A.FileLocation(t1, lastNewline);
+            t2.FileLocation$_$2(t1, lastNewline);
+            t1 = t2;
+          }
+          return t1;
+        }
+        if (codeUnit === 10 || codeUnit === 13 || codeUnit === 12)
+          lastNewline = index;
+        --index;
+      }
+      return $location;
+    }
+  };
+  A.Parser__parseIdentifier_closure0.prototype = {
+    call$0() {
+      var t1 = this.$this,
+        result = t1.identifier$0();
+      t1.scanner.expectDone$0();
+      return result;
+    },
+    $signature: 29
+  };
+  A.Parser_escape_closure0.prototype = {
+    call$1(char) {
+      return char === 32 || char === 9 || char === 10 || char === 13 || char === 12;
+    },
+    $signature: 30
+  };
+  A.Parser_scanIdentChar_matches0.prototype = {
+    call$1(actual) {
+      var t1 = this.char;
+      return this.caseSensitive ? actual === t1 : A.characterEqualsIgnoreCase0(t1, actual);
+    },
+    $signature: 50
+  };
+  A.Parser_spanFrom_closure0.prototype = {
+    call$0() {
+      var t1 = this.$this._parser1$_interpolationMap;
+      if (t1 == null)
+        t1 = type$.InterpolationMap_2._as(t1);
+      return t1.mapSpan$1(this.span);
+    },
+    $signature: 26
+  };
+  A.PlaceholderSelector0.prototype = {
+    accept$1$1(visitor) {
+      return visitor.visitPlaceholderSelector$1(this);
+    },
+    accept$1(visitor) {
+      return this.accept$1$1(visitor, type$.dynamic);
+    },
+    addSuffix$1(suffix) {
+      return new A.PlaceholderSelector0(this.name + suffix, this.span);
+    },
+    $eq(_, other) {
+      if (other == null)
+        return false;
+      return other instanceof A.PlaceholderSelector0 && other.name === this.name;
+    },
+    get$hashCode(_) {
+      return B.JSString_methods.get$hashCode(this.name);
+    }
+  };
+  A.PlainCssCallable0.prototype = {
+    $eq(_, other) {
+      if (other == null)
+        return false;
+      return other instanceof A.PlainCssCallable0 && this.name === other.name;
+    },
+    get$hashCode(_) {
+      return B.JSString_methods.get$hashCode(this.name);
+    },
+    $isAsyncCallable0: 1,
+    $isCallable: 1,
+    get$name(receiver) {
+      return this.name;
+    }
+  };
+  A.PrefixedMapView0.prototype = {
+    get$keys(_) {
+      return new A._PrefixedKeys0(this);
+    },
+    get$length(_) {
+      var t1 = this._prefixed_map_view0$_map;
+      return t1.get$length(t1);
+    },
+    get$isEmpty(_) {
+      var t1 = this._prefixed_map_view0$_map;
+      return t1.get$isEmpty(t1);
+    },
+    get$isNotEmpty(_) {
+      var t1 = this._prefixed_map_view0$_map;
+      return t1.get$isNotEmpty(t1);
+    },
+    $index(_, key) {
+      return typeof key == "string" && B.JSString_methods.startsWith$1(key, this._prefixed_map_view0$_prefix) ? this._prefixed_map_view0$_map.$index(0, B.JSString_methods.substring$1(key, this._prefixed_map_view0$_prefix.length)) : null;
+    },
+    containsKey$1(key) {
+      return typeof key == "string" && B.JSString_methods.startsWith$1(key, this._prefixed_map_view0$_prefix) && this._prefixed_map_view0$_map.containsKey$1(B.JSString_methods.substring$1(key, this._prefixed_map_view0$_prefix.length));
+    }
+  };
+  A._PrefixedKeys0.prototype = {
+    get$length(_) {
+      var t1 = this._prefixed_map_view0$_view._prefixed_map_view0$_map;
+      return t1.get$length(t1);
+    },
+    get$iterator(_) {
+      var t1 = this._prefixed_map_view0$_view._prefixed_map_view0$_map;
+      t1 = t1.get$keys(t1);
+      t1 = t1.map$1$1(t1, new A._PrefixedKeys_iterator_closure0(this), type$.String);
+      return t1.get$iterator(t1);
+    },
+    contains$1(_, key) {
+      return this._prefixed_map_view0$_view.containsKey$1(key);
+    }
+  };
+  A._PrefixedKeys_iterator_closure0.prototype = {
+    call$1(key) {
+      return this.$this._prefixed_map_view0$_view._prefixed_map_view0$_prefix + key;
+    },
+    $signature: 6
+  };
+  A.ProphotoRgbColorSpace0.prototype = {
+    get$isBoundedInternal() {
+      return true;
+    },
+    toLinear$1(channel) {
+      var abs = Math.abs(channel);
+      return abs <= 0.03125 ? channel / 16 : J.get$sign$in(channel) * Math.pow(abs, 1.8);
+    },
+    fromLinear$1(channel) {
+      var abs = Math.abs(channel);
+      return abs >= 0.001953125 ? J.get$sign$in(channel) * Math.pow(abs, 0.5555555555555556) : 16 * channel;
+    },
+    transformationMatrix$1(dest) {
+      var t1;
+      $label0$0: {
+        if (B.SrgbLinearColorSpace_kUj0 === dest || B.SrgbColorSpace_thf0 === dest || B.RgbColorSpace_i0P0 === dest) {
+          t1 = $.$get$linearProphotoRgbToLinearSrgb0();
+          break $label0$0;
+        }
+        if (B.A98RgbColorSpace_lf20 === dest) {
+          t1 = $.$get$linearProphotoRgbToLinearA98Rgb0();
+          break $label0$0;
+        }
+        if (B.DisplayP3ColorSpace_MmT0 === dest) {
+          t1 = $.$get$linearProphotoRgbToLinearDisplayP30();
+          break $label0$0;
+        }
+        if (B.Rec2020ColorSpace_6oo0 === dest) {
+          t1 = $.$get$linearProphotoRgbToLinearRec20200();
+          break $label0$0;
+        }
+        if (B.XyzD65ColorSpace_WiJ0 === dest) {
+          t1 = $.$get$linearProphotoRgbToXyzD650();
+          break $label0$0;
+        }
+        if (B.XyzD50ColorSpace_2OB0 === dest) {
+          t1 = $.$get$linearProphotoRgbToXyzD500();
+          break $label0$0;
+        }
+        if (B.LmsColorSpace_Os30 === dest) {
+          t1 = $.$get$linearProphotoRgbToLms0();
+          break $label0$0;
+        }
+        t1 = this.super$ColorSpace$transformationMatrix0(dest);
+        break $label0$0;
+      }
+      return t1;
+    }
+  };
+  A.PseudoSelector0.prototype = {
+    get$isHostContext() {
+      return this.isClass && this.name === "host-context" && this.selector != null;
+    },
+    get$hasComplicatedSuperselectorSemantics() {
+      return !this.isClass || this.selector != null;
+    },
+    get$specificity() {
+      var result, _this = this,
+        value = _this._pseudo$__PseudoSelector_specificity_FI;
+      if (value === $) {
+        result = new A.PseudoSelector_specificity_closure0(_this).call$0();
+        _this._pseudo$__PseudoSelector_specificity_FI !== $ && A.throwUnnamedLateFieldADI();
+        _this._pseudo$__PseudoSelector_specificity_FI = result;
+        value = result;
+      }
+      return value;
+    },
+    withSelector$1(selector) {
+      var _this = this;
+      return A.PseudoSelector$0(_this.name, _this.span, _this.argument, !_this.isClass, selector);
+    },
+    addSuffix$1(suffix) {
+      var _this = this;
+      if (_this.argument != null || _this.selector != null)
+        _this.super$SimpleSelector$addSuffix0(suffix);
+      return A.PseudoSelector$0(_this.name + suffix, _this.span, null, !_this.isClass, null);
+    },
+    unify$1(compound) {
+      var other, result, t2, addedThis, _i, simple, _this = this,
+        t1 = _this.name;
+      if (t1 === "host" || t1 === "host-context") {
+        if (!B.JSArray_methods.every$1(compound, new A.PseudoSelector_unify_closure0()))
+          return null;
+      } else {
+        t1 = false;
+        if (compound.length === 1) {
+          other = compound[0];
+          if (!(other instanceof A.UniversalSelector0)) {
+            if (other instanceof A.PseudoSelector0)
+              t1 = other.isClass && other.name === "host" || other.get$isHostContext();
+          } else
+            t1 = true;
+        } else
+          other = null;
+        if (t1)
+          return other.unify$1(A._setArrayType([_this], type$.JSArray_SimpleSelector_2));
+      }
+      if (B.JSArray_methods.contains$1(compound, _this))
+        return compound;
+      result = A._setArrayType([], type$.JSArray_SimpleSelector_2);
+      for (t1 = compound.length, t2 = !_this.isClass, addedThis = false, _i = 0; _i < compound.length; compound.length === t1 || (0, A.throwConcurrentModificationError)(compound), ++_i) {
+        simple = compound[_i];
+        if (simple instanceof A.PseudoSelector0 && !simple.isClass) {
+          if (t2)
+            return null;
+          result.push(_this);
+          addedThis = true;
+        }
+        result.push(simple);
+      }
+      if (!addedThis)
+        result.push(_this);
+      return result;
+    },
+    isSuperselector$1(other) {
+      var selector, t1, t2, _this = this;
+      if (_this.super$SimpleSelector$isSuperselector0(other))
+        return true;
+      selector = _this.selector;
+      if (selector == null)
+        return _this.$eq(0, other);
+      if (other instanceof A.PseudoSelector0 && !_this.isClass && !other.isClass && _this.normalizedName === "slotted" && other.name === _this.name) {
+        t1 = A.NullableExtension_andThen0(other.selector, selector.get$isSuperselector());
+        return t1 == null ? false : t1;
+      }
+      t1 = type$.JSArray_SimpleSelector_2;
+      t2 = _this.span;
+      return A.compoundIsSuperselector0(A.CompoundSelector$0(A._setArrayType([_this], t1), t2), A.CompoundSelector$0(A._setArrayType([other], t1), t2), null);
+    },
+    accept$1$1(visitor) {
+      return visitor.visitPseudoSelector$1(this);
+    },
+    accept$1(visitor) {
+      return this.accept$1$1(visitor, type$.dynamic);
+    },
+    $eq(_, other) {
+      var _this = this;
+      if (other == null)
+        return false;
+      return other instanceof A.PseudoSelector0 && other.name === _this.name && other.isClass === _this.isClass && other.argument == _this.argument && J.$eq$(other.selector, _this.selector);
+    },
+    get$hashCode(_) {
+      var _this = this,
+        t1 = B.JSString_methods.get$hashCode(_this.name),
+        t2 = !_this.isClass ? 519018 : 218159;
+      return t1 ^ t2 ^ J.get$hashCode$(_this.argument) ^ J.get$hashCode$(_this.selector);
+    }
+  };
+  A.PseudoSelector_specificity_closure0.prototype = {
+    call$0() {
+      var selector, t2,
+        t1 = this.$this;
+      if (!t1.isClass)
+        return 1;
+      selector = t1.selector;
+      if (selector == null)
+        return A.SimpleSelector0.prototype.get$specificity.call(t1);
+      switch (t1.normalizedName) {
+        case "where":
+          return 0;
+        case "is":
+        case "not":
+        case "has":
+        case "matches":
+          t1 = selector.components;
+          return A.IterableIntegerExtension_get_max(new A.MappedListIterable(t1, new A.PseudoSelector_specificity__closure1(), A._arrayInstanceType(t1)._eval$1("MappedListIterable<1,int>")));
+        case "nth-child":
+        case "nth-last-child":
+          t1 = A.SimpleSelector0.prototype.get$specificity.call(t1);
+          t2 = selector.components;
+          return t1 + A.IterableIntegerExtension_get_max(new A.MappedListIterable(t2, new A.PseudoSelector_specificity__closure2(), A._arrayInstanceType(t2)._eval$1("MappedListIterable<1,int>")));
+        default:
+          return A.SimpleSelector0.prototype.get$specificity.call(t1);
+      }
+    },
+    $signature: 10
+  };
+  A.PseudoSelector_specificity__closure1.prototype = {
+    call$1(component) {
+      return component.get$specificity();
+    },
+    $signature: 251
+  };
+  A.PseudoSelector_specificity__closure2.prototype = {
+    call$1(component) {
+      return component.get$specificity();
+    },
+    $signature: 251
+  };
+  A.PseudoSelector_unify_closure0.prototype = {
+    call$1(simple) {
+      var t1;
+      if (simple instanceof A.PseudoSelector0)
+        t1 = simple.isClass && simple.name === "host" || simple.selector != null;
+      else
+        t1 = false;
+      return t1;
+    },
+    $signature: 14
+  };
+  A.PublicMemberMapView0.prototype = {
+    get$keys(_) {
+      var t1 = this._public_member_map_view0$_inner;
+      t1 = t1.get$keys(t1);
+      return t1.where$1(t1, A.utils1__isPublic$closure());
+    },
+    containsKey$1(key) {
+      return typeof key == "string" && A.isPublic0(key) && this._public_member_map_view0$_inner.containsKey$1(key);
+    },
+    $index(_, key) {
+      if (typeof key == "string" && A.isPublic0(key))
+        return this._public_member_map_view0$_inner.$index(0, key);
+      return null;
+    }
+  };
+  A.QualifiedName0.prototype = {
+    $eq(_, other) {
+      if (other == null)
+        return false;
+      return other instanceof A.QualifiedName0 && other.name === this.name && other.namespace == this.namespace;
+    },
+    get$hashCode(_) {
+      return B.JSString_methods.get$hashCode(this.name) ^ J.get$hashCode$(this.namespace);
+    },
+    toString$0(_) {
+      var t1 = this.namespace,
+        t2 = this.name;
+      return t1 == null ? t2 : t1 + "|" + t2;
+    }
+  };
+  A.Rec2020ColorSpace0.prototype = {
+    get$isBoundedInternal() {
+      return true;
+    },
+    toLinear$1(channel) {
+      var abs = Math.abs(channel);
+      return abs < 0.08124285829863151 ? channel / 4.5 : J.get$sign$in(channel) * Math.pow((abs + 1.09929682680944 - 1) / 1.09929682680944, 2.2222222222222223);
+    },
+    fromLinear$1(channel) {
+      var abs = Math.abs(channel);
+      return abs > 0.018053968510807 ? J.get$sign$in(channel) * (1.09929682680944 * Math.pow(abs, 0.45) - 0.09929682680944008) : 4.5 * channel;
+    },
+    transformationMatrix$1(dest) {
+      var t1;
+      $label0$0: {
+        if (B.SrgbLinearColorSpace_kUj0 === dest || B.SrgbColorSpace_thf0 === dest || B.RgbColorSpace_i0P0 === dest) {
+          t1 = $.$get$linearRec2020ToLinearSrgb0();
+          break $label0$0;
+        }
+        if (B.A98RgbColorSpace_lf20 === dest) {
+          t1 = $.$get$linearRec2020ToLinearA98Rgb0();
+          break $label0$0;
+        }
+        if (B.DisplayP3ColorSpace_MmT0 === dest) {
+          t1 = $.$get$linearRec2020ToLinearDisplayP30();
+          break $label0$0;
+        }
+        if (B.ProphotoRgbColorSpace_BDz0 === dest) {
+          t1 = $.$get$linearRec2020ToLinearProphotoRgb0();
+          break $label0$0;
+        }
+        if (B.XyzD65ColorSpace_WiJ0 === dest) {
+          t1 = $.$get$linearRec2020ToXyzD650();
+          break $label0$0;
+        }
+        if (B.XyzD50ColorSpace_2OB0 === dest) {
+          t1 = $.$get$linearRec2020ToXyzD500();
+          break $label0$0;
+        }
+        if (B.LmsColorSpace_Os30 === dest) {
+          t1 = $.$get$linearRec2020ToLms0();
+          break $label0$0;
+        }
+        t1 = this.super$ColorSpace$transformationMatrix0(dest);
+        break $label0$0;
+      }
+      return t1;
+    }
+  };
+  A.JSClass0.prototype = {};
+  A.JSClassExtension_setCustomInspect_closure.prototype = {
+    call$4($self, _, __, ___) {
+      return this.inspect.call$1($self);
+    },
+    call$3($self, _, __) {
+      return this.call$4($self, _, __, null);
+    },
+    "call*": "call$4",
+    $requiredArgCount: 3,
+    $defaultValues() {
+      return [null];
+    },
+    $signature: 567
+  };
+  A.JSClassExtension_get_defineStaticMethod_closure.prototype = {
+    call$2($name, body) {
+      this._this[$name] = A.allowInteropNamed($name, body);
+      return null;
+    },
+    $signature: 138
+  };
+  A.JSClassExtension_get_defineMethod_closure.prototype = {
+    call$2($name, body) {
+      J.get$$prototype$x(this._this)[$name] = A.allowInteropCaptureThisNamed($name, body);
+      return null;
+    },
+    $signature: 138
+  };
+  A.JSClassExtension_get_defineGetter_closure.prototype = {
+    call$2($name, body) {
+      A.defineGetter(J.get$$prototype$x(this._this), $name, body, null);
+      return null;
+    },
+    $signature: 138
+  };
+  A.RenderContext0.prototype = {};
+  A.RenderContextOptions0.prototype = {};
+  A.RenderContextResult0.prototype = {};
+  A.RenderContextResultStats0.prototype = {};
+  A.RenderOptions.prototype = {};
+  A.RenderResult.prototype = {};
+  A.RenderResultStats.prototype = {};
+  A.ReplaceExpressionVisitor0.prototype = {
+    visitBinaryOperationExpression$1(_, node) {
+      return new A.BinaryOperationExpression0(node.operator, node.left.accept$1(this), node.right.accept$1(this), false);
+    },
+    visitBooleanExpression$1(_, node) {
+      return node;
+    },
+    visitColorExpression$1(_, node) {
+      return node;
+    },
+    visitFunctionExpression$1(_, node) {
+      var t1 = node.originalName,
+        t2 = this.visitArgumentList$1(node.$arguments);
+      return new A.FunctionExpression0(node.namespace, A.stringReplaceAllUnchecked(t1, "_", "-"), t1, t2, node.span);
+    },
+    visitInterpolatedFunctionExpression$1(_, node) {
+      return new A.InterpolatedFunctionExpression0(this.visitInterpolation$1(node.name), this.visitArgumentList$1(node.$arguments), node.span);
+    },
+    visitIfExpression$1(_, node) {
+      return new A.IfExpression0(this.visitArgumentList$1(node.$arguments), node.span);
+    },
+    visitListExpression$1(_, node) {
+      var t1 = node.contents;
+      return new A.ListExpression0(A.List_List$unmodifiable(new A.MappedListIterable(t1, new A.ReplaceExpressionVisitor_visitListExpression_closure0(this), A._arrayInstanceType(t1)._eval$1("MappedListIterable<1,Expression0>")), type$.Expression_2), node.separator, node.hasBrackets, node.span);
+    },
+    visitMapExpression$1(_, node) {
+      var t2, t3, _i, t4,
+        t1 = A._setArrayType([], type$.JSArray_Record_2_Expression_and_Expression_2);
+      for (t2 = node.pairs, t3 = t2.length, _i = 0; _i < t3; ++_i) {
+        t4 = t2[_i];
+        t1.push(new A._Record_2(t4._0.accept$1(this), t4._1.accept$1(this)));
+      }
+      return new A.MapExpression0(A.List_List$unmodifiable(t1, type$.Record_2_Expression_and_Expression_2), node.span);
+    },
+    visitNullExpression$1(_, node) {
+      return node;
+    },
+    visitNumberExpression$1(_, node) {
+      return node;
+    },
+    visitParenthesizedExpression$1(_, node) {
+      return new A.ParenthesizedExpression0(node.expression.accept$1(this), node.span);
+    },
+    visitSelectorExpression$1(_, node) {
+      return node;
+    },
+    visitStringExpression$1(_, node) {
+      return new A.StringExpression0(this.visitInterpolation$1(node.text), node.hasQuotes);
+    },
+    visitSupportsExpression$1(_, node) {
+      return new A.SupportsExpression0(this.visitSupportsCondition$1(node.condition));
+    },
+    visitUnaryOperationExpression$1(_, node) {
+      return new A.UnaryOperationExpression0(node.operator, node.operand.accept$1(this), node.span);
+    },
+    visitValueExpression$1(_, node) {
+      return node;
+    },
+    visitVariableExpression$1(_, node) {
+      return node;
+    },
+    visitArgumentList$1(invocation) {
+      var t5, t6, _this = this,
+        t1 = invocation.positional,
+        t2 = type$.String,
+        t3 = type$.Expression_2,
+        t4 = A.LinkedHashMap_LinkedHashMap$_empty(t2, t3);
+      for (t5 = A.MapExtensions_get_pairs0(invocation.named, t2, t3), t5 = t5.get$iterator(t5); t5.moveNext$0();) {
+        t6 = t5.get$current(t5);
+        t4.$indexSet(0, t6._0, t6._1.accept$1(_this));
+      }
+      t5 = invocation.rest;
+      t5 = t5 == null ? null : t5.accept$1(_this);
+      t6 = invocation.keywordRest;
+      t6 = t6 == null ? null : t6.accept$1(_this);
+      return new A.ArgumentList0(A.List_List$unmodifiable(new A.MappedListIterable(t1, new A.ReplaceExpressionVisitor_visitArgumentList_closure0(_this), A._arrayInstanceType(t1)._eval$1("MappedListIterable<1,Expression0>")), t3), A.ConstantMap_ConstantMap$from(t4, t2, t3), t5, t6, invocation.span);
+    },
+    visitSupportsCondition$1(condition) {
+      var _this = this;
+      if (condition instanceof A.SupportsOperation0)
+        return A.SupportsOperation$0(_this.visitSupportsCondition$1(condition.left), _this.visitSupportsCondition$1(condition.right), condition.operator, condition.span);
+      else if (condition instanceof A.SupportsNegation0)
+        return new A.SupportsNegation0(_this.visitSupportsCondition$1(condition.condition), condition.span);
+      else if (condition instanceof A.SupportsInterpolation0)
+        return new A.SupportsInterpolation0(condition.expression.accept$1(_this), condition.span);
+      else if (condition instanceof A.SupportsDeclaration0)
+        return new A.SupportsDeclaration0(condition.name.accept$1(_this), condition.value.accept$1(_this), condition.span);
+      else
+        throw A.wrapException(A.SassException$0("BUG: Unknown SupportsCondition " + condition.toString$0(0) + ".", condition.get$span(condition), null));
+    },
+    visitInterpolation$1(interpolation) {
+      var t1 = interpolation.contents;
+      return A.Interpolation$0(new A.MappedListIterable(t1, new A.ReplaceExpressionVisitor_visitInterpolation_closure0(this), A._arrayInstanceType(t1)._eval$1("MappedListIterable<1,Object>")), interpolation.spans, interpolation.span);
+    }
+  };
+  A.ReplaceExpressionVisitor_visitListExpression_closure0.prototype = {
+    call$1(item) {
+      return item.accept$1(this.$this);
+    },
+    $signature: 253
+  };
+  A.ReplaceExpressionVisitor_visitArgumentList_closure0.prototype = {
+    call$1(expression) {
+      return expression.accept$1(this.$this);
+    },
+    $signature: 253
+  };
+  A.ReplaceExpressionVisitor_visitInterpolation_closure0.prototype = {
+    call$1(node) {
+      return node instanceof A.Expression0 ? node.accept$1(this.$this) : node;
+    },
+    $signature: 71
+  };
+  A.ImporterResult0.prototype = {
+    get$sourceMapUrl(_) {
+      var t1 = this._result$_sourceMapUrl;
+      return t1 == null ? A.Uri_Uri$dataFromString(this.contents, B.C_Utf8Codec, null) : t1;
+    }
+  };
+  A.ReturnRule0.prototype = {
+    accept$1$1(visitor) {
+      return visitor.visitReturnRule$1(0, this);
+    },
+    accept$1(visitor) {
+      return this.accept$1$1(visitor, type$.dynamic);
+    },
+    toString$0(_) {
+      return "@return " + this.expression.toString$0(0) + ";";
+    },
+    get$span(receiver) {
+      return this.span;
+    }
+  };
+  A.RgbColorSpace0.prototype = {
+    get$isBoundedInternal() {
+      return true;
+    },
+    get$isLegacyInternal() {
+      return true;
+    },
+    convert$5(dest, red, green, blue, alpha) {
+      var t1 = red == null ? null : red / 255,
+        t2 = green == null ? null : green / 255;
+      return B.SrgbColorSpace_thf0.convert$5(dest, t1, t2, blue == null ? null : blue / 255, alpha);
+    },
+    toLinear$1(channel) {
+      return A.srgbAndDisplayP3ToLinear0(channel / 255);
+    },
+    fromLinear$1(channel) {
+      return A.srgbAndDisplayP3FromLinear0(channel) * 255;
+    }
+  };
+  A.SassParser0.prototype = {
+    get$currentIndentation() {
+      return this._sass0$_currentIndentation;
+    },
+    get$indented() {
+      return true;
+    },
+    styleRuleSelector$0() {
+      var t4,
+        t1 = this.scanner,
+        t2 = t1._string_scanner$_position,
+        t3 = new A.StringBuffer(""),
+        buffer = new A.InterpolationBuffer0(t3, A._setArrayType([], type$.JSArray_Object), A._setArrayType([], type$.JSArray_nullable_FileSpan));
+      do {
+        buffer.addInterpolation$1(this.almostAnyValue$1$omitComments(true));
+        t4 = A.Primitives_stringFromCharCode(10);
+        t4 = t3._contents += t4;
+      } while (B.JSString_methods.endsWith$1(B.JSString_methods.trimRight$0(t4.charCodeAt(0) == 0 ? t4 : t4), ",") && this.scanCharIf$1(new A.SassParser_styleRuleSelector_closure0()));
+      return buffer.interpolation$1(t1.spanFrom$1(new A._SpanScannerState(t1, t2)));
+    },
+    expectStatementSeparator$1($name) {
+      var t1, _this = this,
+        trailingSemicolon = _this._sass0$_tryTrailingSemicolon$0();
+      if (!_this.atEndOfStatement$0())
+        _this._sass0$_expectNewline$1$trailingSemicolon(trailingSemicolon);
+      if (_this._sass0$_peekIndentation$0() <= _this._sass0$_currentIndentation)
+        return;
+      t1 = $name == null ? "here" : "beneath a " + $name;
+      _this.scanner.error$2$position(0, "Nothing may be indented " + t1 + ".", _this._sass0$_nextIndentationEnd.position);
+    },
+    expectStatementSeparator$0() {
+      return this.expectStatementSeparator$1(null);
+    },
+    atEndOfStatement$0() {
+      var t1 = this.scanner.peekChar$0();
+      if (t1 == null)
+        t1 = null;
+      else
+        t1 = t1 === 10 || t1 === 13 || t1 === 12;
+      return t1 !== false;
+    },
+    lookingAtChildren$0() {
+      return this.atEndOfStatement$0() && this._sass0$_peekIndentation$0() > this._sass0$_currentIndentation;
+    },
+    importArgument$0() {
+      var url, span, innerError, stackTrace, t1, _0_0, start, t2, next, t3, exception, _this = this;
+      $label0$0: {
+        t1 = _this.scanner;
+        _0_0 = t1.peekChar$0();
+        if (117 === _0_0 || 85 === _0_0) {
+          start = new A._SpanScannerState(t1, t1._string_scanner$_position);
+          if (_this.scanIdentifier$1("url"))
+            if (t1.scanChar$1(40)) {
+              t1.set$state(start);
+              return _this.super$StylesheetParser$importArgument0();
+            } else
+              t1.set$state(start);
+          break $label0$0;
+        }
+        if (39 === _0_0 || 34 === _0_0)
+          return _this.super$StylesheetParser$importArgument0();
+      }
+      t2 = t1._string_scanner$_position;
+      next = t1.peekChar$0();
+      while (true) {
+        t3 = false;
+        if (next != null)
+          if (next !== 44)
+            if (next !== 59)
+              t3 = !(next === 10 || next === 13 || next === 12);
+        if (!t3)
+          break;
+        t1.readChar$0();
+        next = t1.peekChar$0();
+      }
+      url = t1.substring$1(0, t2);
+      span = t1.spanFrom$1(new A._SpanScannerState(t1, t2));
+      if (_this.isPlainImportUrl$1(url))
+        return new A.StaticImport0(new A.Interpolation0(A.List_List$unmodifiable([A.serializeValue0(new A.SassString0(url, true), true, true)], type$.Object), B.List_null, span), null, span);
+      else
+        try {
+          t1 = _this.parseImportUrl$1(url);
+          return new A.DynamicImport0(t1, span);
+        } catch (exception) {
+          t1 = A.unwrapException(exception);
+          if (type$.FormatException._is(t1)) {
+            innerError = t1;
+            stackTrace = A.getTraceFromException(exception);
+            _this.error$3(0, "Invalid URL: " + J.get$message$x(innerError), span, stackTrace);
+          } else
+            throw exception;
+        }
+    },
+    scanElse$1(ifIndentation) {
+      var t1, t2, startIndentation, startNextIndentation, startNextIndentationEnd, _this = this;
+      if (_this._sass0$_peekIndentation$0() !== ifIndentation)
+        return false;
+      t1 = _this.scanner;
+      t2 = t1._string_scanner$_position;
+      startIndentation = _this._sass0$_currentIndentation;
+      startNextIndentation = _this._sass0$_nextIndentation;
+      startNextIndentationEnd = _this._sass0$_nextIndentationEnd;
+      _this._sass0$_readIndentation$0();
+      if (t1.scanChar$1(64) && _this.scanIdentifier$1("else"))
+        return true;
+      t1.set$state(new A._SpanScannerState(t1, t2));
+      _this._sass0$_currentIndentation = startIndentation;
+      _this._sass0$_nextIndentation = startNextIndentation;
+      _this._sass0$_nextIndentationEnd = startNextIndentationEnd;
+      return false;
+    },
+    children$1(_, child) {
+      var children = A._setArrayType([], type$.JSArray_Statement_2);
+      this._sass0$_whileIndentedLower$1(new A.SassParser_children_closure0(this, child, children));
+      return children;
+    },
+    statements$1(statement) {
+      var statements, t2, _1_0,
+        t1 = this.scanner,
+        _0_0 = t1.peekChar$0();
+      if (9 === _0_0 || 32 === _0_0)
+        t1.error$3$length$position(0, string$.Indent, t1._string_scanner$_position, 0);
+      statements = A._setArrayType([], type$.JSArray_Statement_2);
+      for (t2 = t1.string.length; t1._string_scanner$_position !== t2;) {
+        _1_0 = this._sass0$_child$1(statement);
+        if (_1_0 != null)
+          statements.push(_1_0);
+        this._sass0$_readIndentation$0();
+      }
+      return statements;
+    },
+    _sass0$_child$1(child) {
+      var _0_0, _this = this,
+        t1 = _this.scanner,
+        _1_0 = t1.peekChar$0();
+      $label0$0: {
+        if (13 === _1_0 || 10 === _1_0 || 12 === _1_0) {
+          t1 = null;
+          break $label0$0;
+        }
+        if (36 === _1_0) {
+          t1 = _this.variableDeclarationWithoutNamespace$0();
+          break $label0$0;
+        }
+        if (47 === _1_0) {
+          _0_0 = t1.peekChar$1(1);
+          $label1$1: {
+            if (47 === _0_0) {
+              t1 = _this._sass0$_silentComment$0();
+              break $label1$1;
+            }
+            if (42 === _0_0) {
+              t1 = _this._sass0$_loudComment$0();
+              break $label1$1;
+            }
+            t1 = child.call$0();
+            break $label1$1;
+          }
+          break $label0$0;
+        }
+        t1 = child.call$0();
+        break $label0$0;
+      }
+      return t1;
+    },
+    _sass0$_silentComment$0() {
+      var buffer, parentIndentation, t3, t4, t5, commentPrefix, i, t6, i0, t7, _this = this,
+        t1 = _this.scanner,
+        t2 = t1._string_scanner$_position;
+      t1.expect$1("//");
+      buffer = new A.StringBuffer("");
+      parentIndentation = _this._sass0$_currentIndentation;
+      t3 = t1.string.length;
+      t4 = 1 + parentIndentation;
+      t5 = 2 + parentIndentation;
+      $label0$0:
+        do {
+          commentPrefix = t1.scanChar$1(47) ? "///" : "//";
+          for (i = commentPrefix.length; true;) {
+            t6 = buffer._contents += commentPrefix;
+            for (i0 = i; i0 < _this._sass0$_currentIndentation - parentIndentation; ++i0) {
+              t6 += A.Primitives_stringFromCharCode(32);
+              buffer._contents = t6;
+            }
+            while (true) {
+              if (t1._string_scanner$_position !== t3) {
+                t7 = t1.peekChar$0();
+                t7 = !(t7 === 10 || t7 === 13 || t7 === 12);
+              } else
+                t7 = false;
+              if (!t7)
+                break;
+              t6 += A.Primitives_stringFromCharCode(t1.readChar$0());
+              buffer._contents = t6;
+            }
+            buffer._contents = t6 + "\n";
+            if (_this._sass0$_peekIndentation$0() < parentIndentation)
+              break $label0$0;
+            if (_this._sass0$_peekIndentation$0() === parentIndentation) {
+              if (t1.peekChar$1(t4) === 47 && t1.peekChar$1(t5) === 47)
+                _this._sass0$_readIndentation$0();
+              break;
+            }
+            _this._sass0$_readIndentation$0();
+          }
+        } while (t1.scan$1("//"));
+      t3 = buffer._contents;
+      return _this.lastSilentComment = new A.SilentComment0(t3.charCodeAt(0) == 0 ? t3 : t3, t1.spanFrom$1(new A._SpanScannerState(t1, t2)));
+    },
+    _sass0$_loudComment$0() {
+      var t3, t4, t5, buffer, parentIndentation, t6, t7, first, beginningOfComment, t8, end, i, _1_0, _0_0, endPosition, span, _this = this,
+        t1 = _this.scanner,
+        t2 = t1._string_scanner$_position;
+      t1.expect$1("/*");
+      t3 = new A.StringBuffer("");
+      t4 = A._setArrayType([], type$.JSArray_Object);
+      t5 = A._setArrayType([], type$.JSArray_nullable_FileSpan);
+      buffer = new A.InterpolationBuffer0(t3, t4, t5);
+      t3._contents = "/*";
+      parentIndentation = _this._sass0$_currentIndentation;
+      for (t6 = t1.string, t7 = t6.length, first = true; true; first = false) {
+        if (first) {
+          beginningOfComment = t1._string_scanner$_position;
+          _this.spaces$0();
+          t8 = t1.peekChar$0();
+          if (t8 === 10 || t8 === 13 || t8 === 12) {
+            _this._sass0$_readIndentation$0();
+            t8 = A.Primitives_stringFromCharCode(32);
+            t3._contents += t8;
+          } else {
+            end = t1._string_scanner$_position;
+            t3._contents += B.JSString_methods.substring$2(t6, beginningOfComment, end);
+          }
+        } else
+          t3._contents = (t3._contents += "\n") + " * ";
+        for (i = 3; i < _this._sass0$_currentIndentation - parentIndentation; ++i) {
+          t8 = A.Primitives_stringFromCharCode(32);
+          t3._contents += t8;
+        }
+        for (; t1._string_scanner$_position !== t7;) {
+          _1_0 = t1.peekChar$0();
+          if (10 === _1_0 || 13 === _1_0 || 12 === _1_0)
+            break;
+          if (35 === _1_0) {
+            if (t1.peekChar$1(1) === 123) {
+              _0_0 = _this.singleInterpolation$0();
+              buffer._interpolation_buffer0$_flushText$0();
+              t4.push(_0_0._0);
+              t5.push(_0_0._1);
+            } else {
+              t8 = A.Primitives_stringFromCharCode(t1.readChar$0());
+              t3._contents += t8;
+            }
+            continue;
+          }
+          if (42 === _1_0) {
+            if (t1.peekChar$1(1) === 47) {
+              t4 = A.Primitives_stringFromCharCode(t1.readChar$0());
+              t3._contents += t4;
+              t4 = A.Primitives_stringFromCharCode(t1.readChar$0());
+              t3._contents += t4;
+              endPosition = t1._string_scanner$_position;
+              t3 = t1._sourceFile;
+              span = new A._FileSpan(t3, t2, endPosition);
+              span._FileSpan$3(t3, t2, endPosition);
+              _this.whitespace$1$consumeNewlines(false);
+              while (true) {
+                t2 = t1.peekChar$0();
+                if (!((t2 === 10 || t2 === 13 || t2 === 12) && _this._sass0$_peekIndentation$0() > parentIndentation))
+                  break;
+                for (; _this._sass0$_lookingAtDoubleNewline$0();)
+                  _this._sass0$_expectNewline$0();
+                _this._sass0$_readIndentation$0();
+                _this.whitespace$1$consumeNewlines(false);
+              }
+              if (t1._string_scanner$_position !== t7) {
+                t2 = t1.peekChar$0();
+                t2 = !(t2 === 10 || t2 === 13 || t2 === 12);
+              } else
+                t2 = false;
+              if (t2) {
+                t2 = t1._string_scanner$_position;
+                while (true) {
+                  if (t1._string_scanner$_position !== t7) {
+                    t3 = t1.peekChar$0();
+                    t3 = !(t3 === 10 || t3 === 13 || t3 === 12);
+                  } else
+                    t3 = false;
+                  if (!t3)
+                    break;
+                  t1.readChar$0();
+                }
+                throw A.wrapException(A.MultiSpanSassFormatException$0("Unexpected text after end of comment", t1.spanFrom$1(new A._SpanScannerState(t1, t2)), "extra text", A.LinkedHashMap_LinkedHashMap$_literal([span, "comment"], type$.FileSpan, type$.String), null));
+              } else
+                return new A.LoudComment0(buffer.interpolation$1(span));
+            } else {
+              t8 = A.Primitives_stringFromCharCode(t1.readChar$0());
+              t3._contents += t8;
+            }
+            continue;
+          }
+          t8 = A.Primitives_stringFromCharCode(t1.readChar$0());
+          t3._contents += t8;
+        }
+        if (_this._sass0$_peekIndentation$0() <= parentIndentation)
+          break;
+        for (; _this._sass0$_lookingAtDoubleNewline$0();) {
+          _this._sass0$_expectNewline$0();
+          t3._contents = (t3._contents += "\n") + " *";
+        }
+        _this._sass0$_readIndentation$0();
+      }
+      return new A.LoudComment0(buffer.interpolation$1(t1.spanFrom$1(new A._SpanScannerState(t1, t2))));
+    },
+    whitespaceWithoutComments$1$consumeNewlines(consumeNewlines) {
+      var t1, t2, next, t3;
+      for (t1 = this.scanner, t2 = t1.string.length; t1._string_scanner$_position !== t2;) {
+        next = t1.peekChar$0();
+        if (consumeNewlines)
+          t3 = !(next === 32 || next === 9 || next === 10 || next === 13 || next === 12);
+        else
+          t3 = !(next === 32 || next === 9);
+        if (t3)
+          break;
+        t1.readChar$0();
+      }
+    },
+    _sass0$_expectNewline$1$trailingSemicolon(trailingSemicolon) {
+      var t1 = this.scanner,
+        _0_0 = t1.peekChar$0();
+      if (13 === _0_0) {
+        t1.readChar$0();
+        if (t1.peekChar$0() === 10)
+          t1.readChar$0();
+        return;
+      }
+      if (10 === _0_0 || 12 === _0_0) {
+        t1.readChar$0();
+        return;
+      }
+      t1.error$1(0, trailingSemicolon ? string$.multip : "expected newline.");
+    },
+    _sass0$_expectNewline$0() {
+      return this._sass0$_expectNewline$1$trailingSemicolon(false);
+    },
+    _sass0$_lookingAtDoubleNewline$0() {
+      var t2, _0_0,
+        t1 = this.scanner,
+        _1_0 = t1.peekChar$0();
+      $label1$1: {
+        t2 = false;
+        if (13 === _1_0) {
+          _0_0 = t1.peekChar$1(1);
+          $label0$0: {
+            if (10 === _0_0) {
+              t1 = t1.peekChar$1(2);
+              t1 = t1 === 10 || t1 === 13 || t1 === 12;
+              break $label0$0;
+            }
+            if (13 === _0_0 || 12 === _0_0) {
+              t1 = true;
+              break $label0$0;
+            }
+            t1 = t2;
+            break $label0$0;
+          }
+          break $label1$1;
+        }
+        if (10 === _1_0 || 12 === _1_0) {
+          t1 = t1.peekChar$1(1);
+          t1 = t1 === 10 || t1 === 13 || t1 === 12;
+          break $label1$1;
+        }
+        t1 = t2;
+        break $label1$1;
+      }
+      return t1;
+    },
+    _sass0$_whileIndentedLower$1(body) {
+      var t1, t2, childIndentation, indentation, t3, t4, _this = this,
+        parentIndentation = _this._sass0$_currentIndentation;
+      for (t1 = _this.scanner, t2 = t1._sourceFile, childIndentation = null; _this._sass0$_peekIndentation$0() > parentIndentation;) {
+        indentation = _this._sass0$_readIndentation$0();
+        if (childIndentation == null)
+          childIndentation = indentation;
+        if (childIndentation !== indentation) {
+          t3 = t1._string_scanner$_position;
+          t4 = t2.getColumn$1(t3);
+          t1.error$3$length$position(0, "Inconsistent indentation, expected " + childIndentation + " spaces.", t2.getColumn$1(t1._string_scanner$_position), t3 - t4);
+        }
+        body.call$0();
+      }
+    },
+    _sass0$_readIndentation$0() {
+      var t1, _this = this,
+        currentIndentation = _this._sass0$_nextIndentation;
+      if (currentIndentation == null)
+        currentIndentation = _this._sass0$_nextIndentation = _this._sass0$_peekIndentation$0();
+      _this._sass0$_currentIndentation = currentIndentation;
+      t1 = _this._sass0$_nextIndentationEnd;
+      t1.toString;
+      _this.scanner.set$state(t1);
+      _this._sass0$_nextIndentationEnd = _this._sass0$_nextIndentation = null;
+      return currentIndentation;
+    },
+    _sass0$_peekIndentation$0() {
+      var t1, t2, t3, start, containsTab, containsSpace, nextIndentation, _1_0, t4, _this = this,
+        _0_0 = _this._sass0$_nextIndentation;
+      if (_0_0 != null)
+        return _0_0;
+      t1 = _this.scanner;
+      t2 = t1._string_scanner$_position;
+      t3 = t1.string.length;
+      if (t2 === t3) {
+        _this._sass0$_nextIndentation = 0;
+        _this._sass0$_nextIndentationEnd = new A._SpanScannerState(t1, t2);
+        return 0;
+      }
+      start = new A._SpanScannerState(t1, t2);
+      if (!_this.scanCharIf$1(new A.SassParser__peekIndentation_closure1()))
+        t1.error$2$position(0, "Expected newline.", t1._string_scanner$_position);
+      containsTab = A._Cell$();
+      containsSpace = A._Cell$();
+      nextIndentation = A._Cell$();
+      do {
+        containsSpace.__late_helper$_value = containsTab.__late_helper$_value = false;
+        nextIndentation.__late_helper$_value = 0;
+        for (; true;) {
+          $label0$0: {
+            _1_0 = t1.peekChar$0();
+            if (32 === _1_0) {
+              containsSpace.__late_helper$_value = true;
+              break $label0$0;
+            }
+            if (9 === _1_0) {
+              containsTab.__late_helper$_value = true;
+              break $label0$0;
+            }
+            break;
+          }
+          t2 = nextIndentation.__late_helper$_value;
+          if (t2 === nextIndentation)
+            A.throwExpression(A.LateError$localNI(""));
+          nextIndentation.__late_helper$_value = t2 + 1;
+          t1.readChar$0();
+        }
+        t2 = t1._string_scanner$_position;
+        if (t2 === t3) {
+          _this._sass0$_nextIndentation = 0;
+          _this._sass0$_nextIndentationEnd = new A._SpanScannerState(t1, t2);
+          t1.set$state(start);
+          return 0;
+        }
+      } while (_this.scanCharIf$1(new A.SassParser__peekIndentation_closure2()));
+      t2 = containsTab._readLocal$0();
+      t3 = containsSpace._readLocal$0();
+      if (t2) {
+        if (t3) {
+          t2 = t1._string_scanner$_position;
+          t3 = t1._sourceFile;
+          t4 = t3.getColumn$1(t2);
+          t1.error$3$length$position(0, "Tabs and spaces may not be mixed.", t3.getColumn$1(t1._string_scanner$_position), t2 - t4);
+        } else if (_this._sass0$_spaces === true) {
+          t2 = t1._string_scanner$_position;
+          t3 = t1._sourceFile;
+          t4 = t3.getColumn$1(t2);
+          t1.error$3$length$position(0, "Expected spaces, was tabs.", t3.getColumn$1(t1._string_scanner$_position), t2 - t4);
+        }
+      } else if (t3 && _this._sass0$_spaces === false) {
+        t2 = t1._string_scanner$_position;
+        t3 = t1._sourceFile;
+        t4 = t3.getColumn$1(t2);
+        t1.error$3$length$position(0, "Expected tabs, was spaces.", t3.getColumn$1(t1._string_scanner$_position), t2 - t4);
+      }
+      _this._sass0$_nextIndentation = nextIndentation._readLocal$0();
+      if (nextIndentation._readLocal$0() > 0)
+        if (_this._sass0$_spaces == null)
+          _this._sass0$_spaces = containsSpace._readLocal$0();
+      _this._sass0$_nextIndentationEnd = new A._SpanScannerState(t1, t1._string_scanner$_position);
+      t1.set$state(start);
+      return nextIndentation._readLocal$0();
+    },
+    _sass0$_tryTrailingSemicolon$0() {
+      if (this.scanCharIf$1(new A.SassParser__tryTrailingSemicolon_closure0())) {
+        this.whitespace$1$consumeNewlines(false);
+        return true;
+      }
+      return false;
+    }
+  };
+  A.SassParser_styleRuleSelector_closure0.prototype = {
+    call$1(char) {
+      return char === 10 || char === 13 || char === 12;
+    },
+    $signature: 30
+  };
+  A.SassParser_children_closure0.prototype = {
+    call$0() {
+      var _0_0 = this.$this._sass0$_child$1(this.child);
+      if (_0_0 != null)
+        this.children.push(_0_0);
+    },
+    $signature: 0
+  };
+  A.SassParser__peekIndentation_closure1.prototype = {
+    call$1(char) {
+      return char === 10 || char === 13 || char === 12;
+    },
+    $signature: 30
+  };
+  A.SassParser__peekIndentation_closure2.prototype = {
+    call$1(char) {
+      return char === 10 || char === 13 || char === 12;
+    },
+    $signature: 30
+  };
+  A.SassParser__tryTrailingSemicolon_closure0.prototype = {
+    call$1(char) {
+      return char === 59;
+    },
+    $signature: 30
+  };
+  A._Exports.prototype = {};
+  A._wrapMain_closure.prototype = {
+    call$1(_) {
+      return A._translateReturnValue(this.main.call$0());
+    },
+    $signature: 100
+  };
+  A._wrapMain_closure0.prototype = {
+    call$1(args) {
+      return A._translateReturnValue(this.main.call$1(A.List_List$from(type$.List_dynamic._as(args), true, type$.String)));
+    },
+    $signature: 100
+  };
+  A.ScssParser0.prototype = {
+    get$indented() {
+      return false;
+    },
+    get$currentIndentation() {
+      return 0;
+    },
+    styleRuleSelector$0() {
+      return this.almostAnyValue$0();
+    },
+    expectStatementSeparator$1($name) {
+      var t1, _0_0;
+      this.whitespaceWithoutComments$1$consumeNewlines(true);
+      t1 = this.scanner;
+      if (t1._string_scanner$_position === t1.string.length)
+        return;
+      _0_0 = t1.peekChar$0();
+      if (59 === _0_0 || 125 === _0_0)
+        return;
+      t1.expectChar$1(59);
+    },
+    expectStatementSeparator$0() {
+      return this.expectStatementSeparator$1(null);
+    },
+    atEndOfStatement$0() {
+      var next = this.scanner.peekChar$0();
+      return next == null || next === 59 || next === 125 || next === 123;
+    },
+    lookingAtChildren$0() {
+      return this.scanner.peekChar$0() === 123;
+    },
+    scanElse$1(ifIndentation) {
+      var t3, _this = this,
+        t1 = _this.scanner,
+        t2 = t1._string_scanner$_position;
+      _this.whitespace$1$consumeNewlines(true);
+      t3 = t1._string_scanner$_position;
+      if (t1.scanChar$1(64)) {
+        if (_this.scanIdentifier$2$caseSensitive("else", true))
+          return true;
+        if (_this.scanIdentifier$2$caseSensitive("elseif", true)) {
+          _this.warnings.push(new A._Record_3_deprecation_message_span(B.Deprecation_OSi, string$.x40elsei, t1.spanFrom$1(new A._SpanScannerState(t1, t3))));
+          t1.set$position(t1._string_scanner$_position - 2);
+          return true;
+        }
+      }
+      t1.set$state(new A._SpanScannerState(t1, t2));
+      return false;
+    },
+    children$1(_, child) {
+      var children, _this = this,
+        t1 = _this.scanner;
+      t1.expectChar$1(123);
+      _this.whitespaceWithoutComments$1$consumeNewlines(true);
+      children = A._setArrayType([], type$.JSArray_Statement_2);
+      for (; true;)
+        switch (t1.peekChar$0()) {
+          case 36:
+            children.push(_this.variableDeclarationWithoutNamespace$0());
+            break;
+          case 47:
+            switch (t1.peekChar$1(1)) {
+              case 47:
+                children.push(_this._scss0$_silentComment$0());
+                _this.whitespaceWithoutComments$1$consumeNewlines(true);
+                break;
+              case 42:
+                children.push(_this._scss0$_loudComment$0());
+                _this.whitespaceWithoutComments$1$consumeNewlines(true);
+                break;
+              default:
+                children.push(child.call$0());
+            }
+            break;
+          case 59:
+            t1.readChar$0();
+            _this.whitespaceWithoutComments$1$consumeNewlines(true);
+            break;
+          case 125:
+            t1.expectChar$1(125);
+            return children;
+          default:
+            children.push(child.call$0());
+        }
+    },
+    statements$1(statement) {
+      var t1, t2, _0_0, _1_0, _this = this,
+        statements = A._setArrayType([], type$.JSArray_Statement_2);
+      _this.whitespaceWithoutComments$1$consumeNewlines(true);
+      for (t1 = _this.scanner, t2 = t1.string.length; t1._string_scanner$_position !== t2;)
+        switch (t1.peekChar$0()) {
+          case 36:
+            statements.push(_this.variableDeclarationWithoutNamespace$0());
+            break;
+          case 47:
+            switch (t1.peekChar$1(1)) {
+              case 47:
+                statements.push(_this._scss0$_silentComment$0());
+                _this.whitespaceWithoutComments$1$consumeNewlines(true);
+                break;
+              case 42:
+                statements.push(_this._scss0$_loudComment$0());
+                _this.whitespaceWithoutComments$1$consumeNewlines(true);
+                break;
+              default:
+                _0_0 = statement.call$0();
+                if (_0_0 != null)
+                  statements.push(_0_0);
+            }
+            break;
+          case 59:
+            t1.readChar$0();
+            _this.whitespaceWithoutComments$1$consumeNewlines(true);
+            break;
+          default:
+            _1_0 = statement.call$0();
+            if (_1_0 != null)
+              statements.push(_1_0);
+        }
+      return statements;
+    },
+    _scss0$_silentComment$0() {
+      var t3, t4, _this = this,
+        t1 = _this.scanner,
+        t2 = t1._string_scanner$_position,
+        start = new A._SpanScannerState(t1, t2);
+      t1.expect$1("//");
+      t3 = t1.string.length;
+      do {
+        while (true) {
+          if (t1._string_scanner$_position !== t3) {
+            t4 = t1.readChar$0();
+            t4 = !(t4 === 10 || t4 === 13 || t4 === 12);
+          } else
+            t4 = false;
+          if (!t4)
+            break;
+        }
+        if (t1._string_scanner$_position === t3)
+          break;
+        _this.spaces$0();
+      } while (t1.scan$1("//"));
+      if (_this.get$plainCss())
+        _this.error$2(0, string$.Silent, t1.spanFrom$1(start));
+      return _this.lastSilentComment = new A.SilentComment0(t1.substring$1(0, t2), t1.spanFrom$1(start));
+    },
+    _scss0$_loudComment$0() {
+      var t3, t4, t5, buffer, _0_0, t6, endPosition,
+        t1 = this.scanner,
+        t2 = t1._string_scanner$_position;
+      t1.expect$1("/*");
+      t3 = new A.StringBuffer("");
+      t4 = A._setArrayType([], type$.JSArray_Object);
+      t5 = A._setArrayType([], type$.JSArray_nullable_FileSpan);
+      buffer = new A.InterpolationBuffer0(t3, t4, t5);
+      t3._contents = "/*";
+      $label0$1:
+        for (; true;)
+          switch (t1.peekChar$0()) {
+            case 35:
+              if (t1.peekChar$1(1) === 123) {
+                _0_0 = this.singleInterpolation$0();
+                buffer._interpolation_buffer0$_flushText$0();
+                t4.push(_0_0._0);
+                t5.push(_0_0._1);
+              } else {
+                t6 = A.Primitives_stringFromCharCode(t1.readChar$0());
+                t3._contents += t6;
+              }
+              break;
+            case 42:
+              t6 = A.Primitives_stringFromCharCode(t1.readChar$0());
+              t3._contents += t6;
+              if (t1.peekChar$0() !== 47)
+                continue $label0$1;
+              t4 = A.Primitives_stringFromCharCode(t1.readChar$0());
+              t3._contents += t4;
+              endPosition = t1._string_scanner$_position;
+              t3 = t1._sourceFile;
+              t1 = new A._FileSpan(t3, t2, endPosition);
+              t1._FileSpan$3(t3, t2, endPosition);
+              return new A.LoudComment0(buffer.interpolation$1(t1));
+            case 13:
+              t1.readChar$0();
+              if (t1.peekChar$0() !== 10) {
+                t6 = A.Primitives_stringFromCharCode(10);
+                t3._contents += t6;
+              }
+              break;
+            case 12:
+              t1.readChar$0();
+              t6 = A.Primitives_stringFromCharCode(10);
+              t3._contents += t6;
+              break;
+            default:
+              t6 = A.Primitives_stringFromCharCode(t1.readChar$0());
+              t3._contents += t6;
+          }
+    }
+  };
+  A.Selector0.prototype = {
+    assertNotBogus$1$name($name) {
+      if (!this.accept$1(B._IsBogusVisitor_true0))
+        return;
+      A.warnForDeprecation0("$" + $name + ": " + (this.toString$0(0) + string$.x20is_nov), B.Deprecation_5M7);
+    },
+    toString$0(_) {
+      var _null = null,
+        visitor = A._SerializeVisitor$0(_null, true, _null, _null, true, false, _null, true);
+      this.accept$1(visitor);
+      return visitor._serialize0$_buffer.toString$0(0);
+    },
+    $isAstNode0: 1,
+    get$span(receiver) {
+      return this.span;
+    }
+  };
+  A._IsInvisibleVisitor2.prototype = {
+    visitSelectorList$1(list) {
+      return B.JSArray_methods.every$1(list.components, this.get$visitComplexSelector());
+    },
+    visitComplexSelector$1(complex) {
+      var t1;
+      if (!this.super$AnySelectorVisitor$visitComplexSelector0(complex))
+        t1 = this.includeBogus && complex.accept$1(B._IsBogusVisitor_false0);
+      else
+        t1 = true;
+      return t1;
+    },
+    visitPlaceholderSelector$1(placeholder) {
+      return true;
+    },
+    visitPseudoSelector$1(pseudo) {
+      var t1,
+        _0_0 = pseudo.selector;
+      if (_0_0 != null) {
+        if (pseudo.name === "not")
+          t1 = this.includeBogus && _0_0.accept$1(B._IsBogusVisitor_true0);
+        else
+          t1 = this.visitSelectorList$1(_0_0);
+        return t1;
+      } else
+        return false;
+    }
+  };
+  A._IsBogusVisitor0.prototype = {
+    visitComplexSelector$1(complex) {
+      var t2,
+        t1 = complex.components;
+      if (t1.length === 0)
+        return complex.leadingCombinators.length !== 0;
+      else {
+        t2 = this.includeLeadingCombinator ? 0 : 1;
+        return complex.leadingCombinators.length > t2 || B.JSArray_methods.get$last(t1).combinators.length !== 0 || B.JSArray_methods.any$1(t1, new A._IsBogusVisitor_visitComplexSelector_closure0(this));
+      }
+    },
+    visitPseudoSelector$1(pseudo) {
+      var selector = pseudo.selector;
+      if (selector == null)
+        return false;
+      return pseudo.name === "has" ? selector.accept$1(B._IsBogusVisitor_false0) : selector.accept$1(B._IsBogusVisitor_true0);
+    }
+  };
+  A._IsBogusVisitor_visitComplexSelector_closure0.prototype = {
+    call$1(component) {
+      return component.combinators.length > 1 || this.$this.visitCompoundSelector$1(component.selector);
+    },
+    $signature: 53
+  };
+  A._IsUselessVisitor0.prototype = {
+    visitComplexSelector$1(complex) {
+      return complex.leadingCombinators.length > 1 || B.JSArray_methods.any$1(complex.components, new A._IsUselessVisitor_visitComplexSelector_closure0(this));
+    },
+    visitPseudoSelector$1(pseudo) {
+      return pseudo.accept$1(B._IsBogusVisitor_true0);
+    }
+  };
+  A._IsUselessVisitor_visitComplexSelector_closure0.prototype = {
+    call$1(component) {
+      return component.combinators.length > 1 || this.$this.visitCompoundSelector$1(component.selector);
+    },
+    $signature: 53
+  };
+  A._ContainsParentSelectorVisitor0.prototype = {
+    visitParentSelector$1(_) {
+      return true;
+    }
+  };
+  A.__ContainsParentSelectorVisitor_Object_AnySelectorVisitor0.prototype = {};
+  A.__IsBogusVisitor_Object_AnySelectorVisitor0.prototype = {};
+  A.__IsInvisibleVisitor_Object_AnySelectorVisitor0.prototype = {};
+  A.__IsUselessVisitor_Object_AnySelectorVisitor0.prototype = {};
+  A.SelectorExpression0.prototype = {
+    accept$1$1(visitor) {
+      return visitor.visitSelectorExpression$1(0, this);
+    },
+    accept$1(visitor) {
+      return this.accept$1$1(visitor, type$.dynamic);
+    },
+    toString$0(_) {
+      return "&";
+    },
+    get$span(receiver) {
+      return this.span;
+    }
+  };
+  A._nest_closure0.prototype = {
+    call$1($arguments) {
+      var t1 = {},
+        selectors = J.$index$asx($arguments, 0).get$asList();
+      if (selectors.length === 0)
+        throw A.wrapException(A.SassScriptException$0(string$.x24selec, null));
+      t1.first = true;
+      return new A.MappedListIterable(selectors, new A._nest__closure1(t1), A._arrayInstanceType(selectors)._eval$1("MappedListIterable<1,SelectorList0>")).reduce$1(0, new A._nest__closure2()).get$asSassList();
+    },
+    $signature: 27
+  };
+  A._nest__closure1.prototype = {
+    call$1(selector) {
+      var t1 = this._box_0,
+        result = A.SassApiValue_assertSelector0(selector, !t1.first, null);
+      t1.first = false;
+      return result;
+    },
+    $signature: 254
+  };
+  A._nest__closure2.prototype = {
+    call$2($parent, child) {
+      return child.nestWithin$1($parent);
+    },
+    $signature: 255
+  };
+  A._append_closure1.prototype = {
+    call$1($arguments) {
+      var t1,
+        selectors = J.$index$asx($arguments, 0).get$asList();
+      if (selectors.length === 0)
+        throw A.wrapException(A.SassScriptException$0(string$.x24selec, null));
+      t1 = A.EvaluationContext_currentOrNull0();
+      return new A.MappedListIterable(selectors, new A._append__closure1(), A._arrayInstanceType(selectors)._eval$1("MappedListIterable<1,SelectorList0>")).reduce$1(0, new A._append__closure2((t1 == null ? A.throwExpression(A.StateError$(string$.No_Sass)) : t1).get$currentCallableSpan())).get$asSassList();
+    },
+    $signature: 27
+  };
+  A._append__closure1.prototype = {
+    call$1(selector) {
+      return A.SassApiValue_assertSelector0(selector, false, null);
+    },
+    $signature: 254
+  };
+  A._append__closure2.prototype = {
+    call$2($parent, child) {
+      var t1 = child.components,
+        t2 = this.span;
+      return A.SelectorList$0(new A.MappedListIterable(t1, new A._append___closure0($parent, t2), A._arrayInstanceType(t1)._eval$1("MappedListIterable<1,ComplexSelector0>")), t2).nestWithin$1($parent);
+    },
+    $signature: 255
+  };
+  A._append___closure0.prototype = {
+    call$1(complex) {
+      var _0_0, t1, component, rest, newCompound, t2, _null = null;
+      if (complex.leadingCombinators.length !== 0)
+        throw A.wrapException(A.SassScriptException$0("Can't append " + complex.toString$0(0) + " to " + this.parent.toString$0(0) + ".", _null));
+      _0_0 = complex.components;
+      t1 = _0_0.length >= 1;
+      if (t1) {
+        component = _0_0[0];
+        rest = B.JSArray_methods.sublist$1(_0_0, 1);
+      } else {
+        rest = _null;
+        component = rest;
+      }
+      if (!t1)
+        throw A.wrapException(A.StateError$("Pattern matching error"));
+      newCompound = A._prependParent0(component.selector);
+      if (newCompound == null)
+        throw A.wrapException(A.SassScriptException$0("Can't append " + complex.toString$0(0) + " to " + this.parent.toString$0(0) + ".", _null));
+      t1 = this.span;
+      t2 = A._setArrayType([new A.ComplexSelectorComponent0(newCompound, A.List_List$unmodifiable(component.combinators, type$.CssValue_Combinator_2), t1)], type$.JSArray_ComplexSelectorComponent_2);
+      B.JSArray_methods.addAll$1(t2, rest);
+      return A.ComplexSelector$0(B.List_empty15, t2, t1, false);
+    },
+    $signature: 58
+  };
+  A._extend_closure0.prototype = {
+    call$1($arguments) {
+      var target, source,
+        _s8_ = "selector",
+        _s8_0 = "extendee",
+        _s8_1 = "extender",
+        t1 = J.getInterceptor$asx($arguments),
+        selector = A.SassApiValue_assertSelector0(t1.$index($arguments, 0), false, _s8_);
+      selector.assertNotBogus$1$name(_s8_);
+      target = A.SassApiValue_assertSelector0(t1.$index($arguments, 1), false, _s8_0);
+      target.assertNotBogus$1$name(_s8_0);
+      source = A.SassApiValue_assertSelector0(t1.$index($arguments, 2), false, _s8_1);
+      source.assertNotBogus$1$name(_s8_1);
+      t1 = A.EvaluationContext_currentOrNull0();
+      return A.ExtensionStore__extendOrReplace0(selector, source, target, B.ExtendMode_allTargets_allTargets0, (t1 == null ? A.throwExpression(A.StateError$(string$.No_Sass)) : t1).get$currentCallableSpan()).get$asSassList();
+    },
+    $signature: 27
+  };
+  A._replace_closure0.prototype = {
+    call$1($arguments) {
+      var target, source,
+        _s8_ = "selector",
+        _s8_0 = "original",
+        _s11_ = "replacement",
+        t1 = J.getInterceptor$asx($arguments),
+        selector = A.SassApiValue_assertSelector0(t1.$index($arguments, 0), false, _s8_);
+      selector.assertNotBogus$1$name(_s8_);
+      target = A.SassApiValue_assertSelector0(t1.$index($arguments, 1), false, _s8_0);
+      target.assertNotBogus$1$name(_s8_0);
+      source = A.SassApiValue_assertSelector0(t1.$index($arguments, 2), false, _s11_);
+      source.assertNotBogus$1$name(_s11_);
+      t1 = A.EvaluationContext_currentOrNull0();
+      return A.ExtensionStore__extendOrReplace0(selector, source, target, B.ExtendMode_replace_replace0, (t1 == null ? A.throwExpression(A.StateError$(string$.No_Sass)) : t1).get$currentCallableSpan()).get$asSassList();
+    },
+    $signature: 27
+  };
+  A._unify_closure0.prototype = {
+    call$1($arguments) {
+      var selector2,
+        _s9_ = "selector1",
+        _s9_0 = "selector2",
+        t1 = J.getInterceptor$asx($arguments),
+        selector1 = A.SassApiValue_assertSelector0(t1.$index($arguments, 0), false, _s9_);
+      selector1.assertNotBogus$1$name(_s9_);
+      selector2 = A.SassApiValue_assertSelector0(t1.$index($arguments, 1), false, _s9_0);
+      selector2.assertNotBogus$1$name(_s9_0);
+      t1 = selector1.unify$1(selector2);
+      t1 = t1 == null ? null : t1.get$asSassList();
+      return t1 == null ? B.C__SassNull0 : t1;
+    },
+    $signature: 3
+  };
+  A._isSuperselector_closure0.prototype = {
+    call$1($arguments) {
+      var selector2,
+        t1 = J.getInterceptor$asx($arguments),
+        selector1 = A.SassApiValue_assertSelector0(t1.$index($arguments, 0), false, "super");
+      selector1.assertNotBogus$1$name("super");
+      selector2 = A.SassApiValue_assertSelector0(t1.$index($arguments, 1), false, "sub");
+      selector2.assertNotBogus$1$name("sub");
+      return A.listIsSuperselector0(selector1.components, selector2.components) ? B.SassBoolean_true0 : B.SassBoolean_false0;
+    },
+    $signature: 12
+  };
+  A._simpleSelectors_closure0.prototype = {
+    call$1($arguments) {
+      var t1 = A.SassApiValue_assertCompoundSelector0(J.$index$asx($arguments, 0), "selector").components;
+      return A.SassList$0(new A.MappedListIterable(t1, new A._simpleSelectors__closure0(), A._arrayInstanceType(t1)._eval$1("MappedListIterable<1,Value0>")), B.ListSeparator_qVN0, false);
+    },
+    $signature: 27
+  };
+  A._simpleSelectors__closure0.prototype = {
+    call$1(simple) {
+      return new A.SassString0(A.serializeSelector0(simple, true), false);
+    },
+    $signature: 572
+  };
+  A._parse_closure0.prototype = {
+    call$1($arguments) {
+      return A.SassApiValue_assertSelector0(J.$index$asx($arguments, 0), false, "selector").get$asSassList();
+    },
+    $signature: 27
+  };
+  A.SelectorParser0.prototype = {
+    parse$0(_) {
+      return this.wrapSpanFormatException$1(new A.SelectorParser_parse_closure0(this));
+    },
+    parseCompoundSelector$0() {
+      return this.wrapSpanFormatException$1(new A.SelectorParser_parseCompoundSelector_closure0(this));
+    },
+    _selector$_selectorList$0() {
+      var t4, t5, lineBreak, _this = this,
+        t1 = _this.scanner,
+        t2 = t1._string_scanner$_position,
+        t3 = t1._sourceFile,
+        previousLine = t3.getLine$1(t2),
+        components = A._setArrayType([_this._selector$_complexSelector$0()], type$.JSArray_ComplexSelector_2);
+      _this.whitespace$1$consumeNewlines(true);
+      for (t4 = t1.string.length; t1.scanChar$1(44);) {
+        _this.whitespace$1$consumeNewlines(true);
+        if (t1.peekChar$0() === 44)
+          continue;
+        t5 = t1._string_scanner$_position;
+        if (t5 === t4)
+          break;
+        lineBreak = t3.getLine$1(t5) !== previousLine;
+        if (lineBreak)
+          previousLine = t3.getLine$1(t1._string_scanner$_position);
+        components.push(_this._selector$_complexSelector$1$lineBreak(lineBreak));
+      }
+      return A.SelectorList$0(components, _this.spanFrom$1(new A._SpanScannerState(t1, t2)));
+    },
+    _selector$_complexSelector$1$lineBreak(lineBreak) {
+      var t4, lastCompound, initialCombinators, _0_0, t5, result, _this = this,
+        _s18_ = "expected selector.",
+        t1 = _this.scanner,
+        t2 = t1._string_scanner$_position,
+        componentStart = new A._SpanScannerState(t1, t2),
+        t3 = type$.JSArray_CssValue_Combinator_2,
+        combinators = A._setArrayType([], t3),
+        components = A._setArrayType([], type$.JSArray_ComplexSelectorComponent_2);
+      for (t4 = type$.CssValue_Combinator_2, lastCompound = null, initialCombinators = null; true;) {
+        _this.whitespace$1$consumeNewlines(true);
+        _0_0 = t1.peekChar$0();
+        if (43 === _0_0) {
+          t5 = t1._string_scanner$_position;
+          t1.readChar$0();
+          combinators.push(new A.CssValue0(B.Combinator_bOP0, _this.spanFrom$1(new A._SpanScannerState(t1, t5)), t4));
+          continue;
+        }
+        if (62 === _0_0) {
+          t5 = t1._string_scanner$_position;
+          t1.readChar$0();
+          combinators.push(new A.CssValue0(B.Combinator_0mp0, _this.spanFrom$1(new A._SpanScannerState(t1, t5)), t4));
+          continue;
+        }
+        if (126 === _0_0) {
+          t5 = t1._string_scanner$_position;
+          t1.readChar$0();
+          combinators.push(new A.CssValue0(B.Combinator_55N0, _this.spanFrom$1(new A._SpanScannerState(t1, t5)), t4));
+          continue;
+        }
+        if (_0_0 == null)
+          break;
+        t5 = true;
+        if (91 !== _0_0)
+          if (46 !== _0_0)
+            if (35 !== _0_0)
+              if (37 !== _0_0)
+                if (58 !== _0_0)
+                  if (38 !== _0_0)
+                    if (42 !== _0_0)
+                      if (124 !== _0_0)
+                        t5 = _this.lookingAtIdentifier$0();
+        if (t5) {
+          if (lastCompound != null) {
+            t5 = _this.spanFrom$1(componentStart);
+            result = A.List_List$from(combinators, false, t4);
+            result.$flags = 3;
+            components.push(new A.ComplexSelectorComponent0(lastCompound, result, t5));
+          } else if (combinators.length !== 0) {
+            componentStart = new A._SpanScannerState(t1, t1._string_scanner$_position);
+            initialCombinators = combinators;
+          }
+          lastCompound = _this._selector$_compoundSelector$0();
+          combinators = A._setArrayType([], t3);
+          if (t1.peekChar$0() === 38)
+            t1.error$1(0, string$.x22x26__ma);
+          continue;
+        }
+        break;
+      }
+      t3 = combinators.length !== 0;
+      if (t3 && _this._selector$_plainCss)
+        t1.error$1(0, _s18_);
+      else if (lastCompound != null) {
+        t3 = _this.spanFrom$1(componentStart);
+        components.push(new A.ComplexSelectorComponent0(lastCompound, A.List_List$unmodifiable(combinators, t4), t3));
+      } else if (t3)
+        initialCombinators = combinators;
+      else
+        t1.error$1(0, _s18_);
+      t3 = initialCombinators == null ? B.List_empty15 : initialCombinators;
+      return A.ComplexSelector$0(t3, components, _this.spanFrom$1(new A._SpanScannerState(t1, t2)), lineBreak);
+    },
+    _selector$_complexSelector$0() {
+      return this._selector$_complexSelector$1$lineBreak(false);
+    },
+    _selector$_compoundSelector$0() {
+      var t3, _this = this,
+        t1 = _this.scanner,
+        t2 = t1._string_scanner$_position,
+        components = A._setArrayType([_this._selector$_simpleSelector$0()], type$.JSArray_SimpleSelector_2);
+      for (t3 = _this._selector$_plainCss; _this._selector$_isSimpleSelectorStart$1(t1.peekChar$0());)
+        components.push(_this._selector$_simpleSelector$1$allowParent(t3));
+      return A.CompoundSelector$0(components, _this.spanFrom$1(new A._SpanScannerState(t1, t2)));
+    },
+    _selector$_simpleSelector$1$allowParent(allowParent) {
+      var t2, $name, text, t3, suffix, _this = this,
+        t1 = _this.scanner,
+        start = new A._SpanScannerState(t1, t1._string_scanner$_position);
+      if (allowParent == null)
+        allowParent = _this._selector$_allowParent;
+      switch (t1.peekChar$0()) {
+        case 91:
+          return _this._selector$_attributeSelector$0();
+        case 46:
+          t2 = t1._string_scanner$_position;
+          t1.expectChar$1(46);
+          return new A.ClassSelector0(_this.identifier$0(), _this.spanFrom$1(new A._SpanScannerState(t1, t2)));
+        case 35:
+          t2 = t1._string_scanner$_position;
+          t1.expectChar$1(35);
+          return new A.IDSelector0(_this.identifier$0(), _this.spanFrom$1(new A._SpanScannerState(t1, t2)));
+        case 37:
+          t2 = t1._string_scanner$_position;
+          t1.expectChar$1(37);
+          $name = _this.identifier$0();
+          t2 = _this.spanFrom$1(new A._SpanScannerState(t1, t2));
+          if (_this._selector$_plainCss)
+            _this.error$2(0, string$.Placeh, t1.spanFrom$1(start));
+          return new A.PlaceholderSelector0($name, t2);
+        case 58:
+          return _this._selector$_pseudoSelector$0();
+        case 38:
+          t2 = t1._string_scanner$_position;
+          t1.expectChar$1(38);
+          if (_this.lookingAtIdentifierBody$0()) {
+            text = new A.StringBuffer("");
+            _this._parser1$_identifierBody$1(text);
+            if (text._contents.length === 0)
+              t1.error$1(0, "Expected identifier body.");
+            t3 = text._contents;
+            suffix = t3.charCodeAt(0) == 0 ? t3 : t3;
+          } else
+            suffix = null;
+          if (_this._selector$_plainCss && suffix != null)
+            t1.error$3$length$position(0, string$.Parent, t1._string_scanner$_position - t2, t2);
+          t2 = _this.spanFrom$1(new A._SpanScannerState(t1, t2));
+          if (!allowParent)
+            _this.error$2(0, "Parent selectors aren't allowed here.", t1.spanFrom$1(start));
+          return new A.ParentSelector0(suffix, t2);
+        default:
+          return _this._selector$_typeOrUniversalSelector$0();
+      }
+    },
+    _selector$_simpleSelector$0() {
+      return this._selector$_simpleSelector$1$allowParent(null);
+    },
+    _selector$_attributeSelector$0() {
+      var $name, operator, next, value, modifier, _this = this, _null = null,
+        t1 = _this.scanner,
+        start = new A._SpanScannerState(t1, t1._string_scanner$_position);
+      t1.expectChar$1(91);
+      _this.whitespace$1$consumeNewlines(true);
+      $name = _this._selector$_attributeName$0();
+      _this.whitespace$1$consumeNewlines(true);
+      if (t1.scanChar$1(93))
+        return new A.AttributeSelector0($name, _null, _null, _null, _this.spanFrom$1(start));
+      operator = _this._selector$_attributeOperator$0();
+      _this.whitespace$1$consumeNewlines(true);
+      next = t1.peekChar$0();
+      value = next === 39 || next === 34 ? _this.string$0() : _this.identifier$0();
+      _this.whitespace$1$consumeNewlines(true);
+      next = t1.peekChar$0();
+      modifier = next != null && A.CharacterExtension_get_isAlphabetic0(next) ? A.Primitives_stringFromCharCode(t1.readChar$0()) : _null;
+      t1.expectChar$1(93);
+      return new A.AttributeSelector0($name, operator, value, modifier, _this.spanFrom$1(start));
+    },
+    _selector$_attributeName$0() {
+      var nameOrNamespace, _this = this,
+        t1 = _this.scanner;
+      if (t1.scanChar$1(42)) {
+        t1.expectChar$1(124);
+        return new A.QualifiedName0(_this.identifier$0(), "*");
+      }
+      if (t1.scanChar$1(124))
+        return new A.QualifiedName0(_this.identifier$0(), "");
+      nameOrNamespace = _this.identifier$0();
+      if (t1.peekChar$0() !== 124 || t1.peekChar$1(1) === 61)
+        return new A.QualifiedName0(nameOrNamespace, null);
+      t1.readChar$0();
+      return new A.QualifiedName0(_this.identifier$0(), nameOrNamespace);
+    },
+    _selector$_attributeOperator$0() {
+      var t1 = this.scanner,
+        t2 = t1._string_scanner$_position;
+      switch (t1.readChar$0()) {
+        case 61:
+          return B.AttributeOperator_Lvy0;
+        case 126:
+          t1.expectChar$1(61);
+          return B.AttributeOperator_fp20;
+        case 124:
+          t1.expectChar$1(61);
+          return B.AttributeOperator_iyP0;
+        case 94:
+          t1.expectChar$1(61);
+          return B.AttributeOperator_JzP0;
+        case 36:
+          t1.expectChar$1(61);
+          return B.AttributeOperator_U1W0;
+        case 42:
+          t1.expectChar$1(61);
+          return B.AttributeOperator_GWq0;
+        default:
+          t1.error$2$position(0, 'Expected "]".', t2);
+      }
+    },
+    _selector$_pseudoSelector$0() {
+      var element, $name, unvendored, argument, selector, t2, _this = this, _null = null,
+        t1 = _this.scanner,
+        start = new A._SpanScannerState(t1, t1._string_scanner$_position);
+      t1.expectChar$1(58);
+      element = t1.scanChar$1(58);
+      $name = _this.identifier$0();
+      if (!t1.scanChar$1(40))
+        return A.PseudoSelector$0($name, _this.spanFrom$1(start), _null, element, _null);
+      _this.whitespace$1$consumeNewlines(true);
+      unvendored = A.unvendor0($name);
+      argument = _null;
+      selector = _null;
+      if (element)
+        if ($._selectorPseudoElements0.contains$1(0, unvendored))
+          selector = _this._selector$_selectorList$0();
+        else
+          argument = _this.declarationValue$1$allowEmpty(true);
+      else if ($._selectorPseudoClasses0.contains$1(0, unvendored))
+        selector = _this._selector$_selectorList$0();
+      else if (unvendored === "nth-child" || unvendored === "nth-last-child") {
+        argument = _this._selector$_aNPlusB$0();
+        _this.whitespace$1$consumeNewlines(true);
+        t2 = t1.peekChar$1(-1);
+        if ((t2 === 32 || t2 === 9 || t2 === 10 || t2 === 13 || t2 === 12) && t1.peekChar$0() !== 41) {
+          _this.expectIdentifier$1("of");
+          argument += " of";
+          _this.whitespace$1$consumeNewlines(true);
+          selector = _this._selector$_selectorList$0();
+        }
+      } else
+        argument = B.JSString_methods.trimRight$0(_this.declarationValue$1$allowEmpty(true));
+      t1.expectChar$1(41);
+      return A.PseudoSelector$0($name, _this.spanFrom$1(start), argument, element, selector);
+    },
+    _selector$_aNPlusB$0() {
+      var t1, _0_0, t2, $self, next, _this = this;
+      $label0$0: {
+        t1 = _this.scanner;
+        _0_0 = t1.peekChar$0();
+        if (101 === _0_0 || 69 === _0_0) {
+          _this.expectIdentifier$1("even");
+          return "even";
+        }
+        if (111 === _0_0 || 79 === _0_0) {
+          _this.expectIdentifier$1("odd");
+          return "odd";
+        }
+        if (43 === _0_0 || 45 === _0_0) {
+          t2 = A.Primitives_stringFromCharCode(t1.readChar$0());
+          break $label0$0;
+        }
+        t2 = "";
+      }
+      $self = t1.peekChar$0();
+      if ($self != null && $self >= 48 && $self <= 57) {
+        do {
+          t2 += A.Primitives_stringFromCharCode(t1.readChar$0());
+          $self = t1.peekChar$0();
+        } while ($self != null && $self >= 48 && $self <= 57);
+        _this.whitespace$1$consumeNewlines(true);
+        if (!_this.scanIdentChar$1(110))
+          return t2.charCodeAt(0) == 0 ? t2 : t2;
+      } else
+        _this.expectIdentChar$1(110);
+      t2 += A.Primitives_stringFromCharCode(110);
+      _this.whitespace$1$consumeNewlines(true);
+      next = t1.peekChar$0();
+      if (next !== 43 && next !== 45)
+        return t2.charCodeAt(0) == 0 ? t2 : t2;
+      t2 += A.Primitives_stringFromCharCode(t1.readChar$0());
+      _this.whitespace$1$consumeNewlines(true);
+      $self = t1.peekChar$0();
+      if (!($self != null && $self >= 48 && $self <= 57))
+        t1.error$1(0, "Expected a number.");
+      do {
+        t2 += A.Primitives_stringFromCharCode(t1.readChar$0());
+        $self = t1.peekChar$0();
+      } while ($self != null && $self >= 48 && $self <= 57);
+      return t2.charCodeAt(0) == 0 ? t2 : t2;
+    },
+    _selector$_typeOrUniversalSelector$0() {
+      var nameOrNamespace, _this = this,
+        t1 = _this.scanner,
+        start = new A._SpanScannerState(t1, t1._string_scanner$_position);
+      if (t1.scanChar$1(42)) {
+        if (!t1.scanChar$1(124))
+          return new A.UniversalSelector0(null, _this.spanFrom$1(start));
+        return t1.scanChar$1(42) ? new A.UniversalSelector0("*", _this.spanFrom$1(start)) : new A.TypeSelector0(new A.QualifiedName0(_this.identifier$0(), "*"), _this.spanFrom$1(start));
+      } else if (t1.scanChar$1(124))
+        return t1.scanChar$1(42) ? new A.UniversalSelector0("", _this.spanFrom$1(start)) : new A.TypeSelector0(new A.QualifiedName0(_this.identifier$0(), ""), _this.spanFrom$1(start));
+      nameOrNamespace = _this.identifier$0();
+      if (!t1.scanChar$1(124))
+        return new A.TypeSelector0(new A.QualifiedName0(nameOrNamespace, null), _this.spanFrom$1(start));
+      else if (t1.scanChar$1(42))
+        return new A.UniversalSelector0(nameOrNamespace, _this.spanFrom$1(start));
+      else
+        return new A.TypeSelector0(new A.QualifiedName0(_this.identifier$0(), nameOrNamespace), _this.spanFrom$1(start));
+    },
+    _selector$_isSimpleSelectorStart$1(character) {
+      var t1;
+      $label0$0: {
+        if (42 === character || 91 === character || 46 === character || 35 === character || 37 === character || 58 === character) {
+          t1 = true;
+          break $label0$0;
+        }
+        if (38 === character) {
+          t1 = this._selector$_plainCss;
+          break $label0$0;
+        }
+        t1 = false;
+        break $label0$0;
+      }
+      return t1;
+    }
+  };
+  A.SelectorParser_parse_closure0.prototype = {
+    call$0() {
+      var t1 = this.$this,
+        selector = t1._selector$_selectorList$0();
+      t1 = t1.scanner;
+      if (t1._string_scanner$_position !== t1.string.length)
+        t1.error$1(0, "expected selector.");
+      return selector;
+    },
+    $signature: 573
+  };
+  A.SelectorParser_parseCompoundSelector_closure0.prototype = {
+    call$0() {
+      var t1 = this.$this,
+        compound = t1._selector$_compoundSelector$0();
+      t1 = t1.scanner;
+      if (t1._string_scanner$_position !== t1.string.length)
+        t1.error$1(0, "expected selector.");
+      return compound;
+    },
+    $signature: 574
+  };
+  A.SelectorSearchVisitor0.prototype = {
+    visitAttributeSelector$1(attribute) {
+      return null;
+    },
+    visitClassSelector$1(klass) {
+      return null;
+    },
+    visitIDSelector$1(id) {
+      return null;
+    },
+    visitParentSelector$1(placeholder) {
+      return null;
+    },
+    visitPlaceholderSelector$1(placeholder) {
+      return null;
+    },
+    visitTypeSelector$1(type) {
+      return null;
+    },
+    visitUniversalSelector$1(universal) {
+      return null;
+    },
+    visitComplexSelector$1(complex) {
+      return A.IterableExtension_search0(complex.components, new A.SelectorSearchVisitor_visitComplexSelector_closure0(this));
+    },
+    visitCompoundSelector$1(compound) {
+      return A.IterableExtension_search0(compound.components, new A.SelectorSearchVisitor_visitCompoundSelector_closure0(this));
+    },
+    visitPseudoSelector$1(pseudo) {
+      return A.NullableExtension_andThen0(pseudo.selector, this.get$visitSelectorList());
+    },
+    visitSelectorList$1(list) {
+      return A.IterableExtension_search0(list.components, this.get$visitComplexSelector());
+    }
+  };
+  A.SelectorSearchVisitor_visitComplexSelector_closure0.prototype = {
+    call$1(component) {
+      return this.$this.visitCompoundSelector$1(component.selector);
+    },
+    $signature() {
+      return A._instanceType(this.$this)._eval$1("SelectorSearchVisitor0.T?(ComplexSelectorComponent0)");
+    }
+  };
+  A.SelectorSearchVisitor_visitCompoundSelector_closure0.prototype = {
+    call$1(simple) {
+      return simple.accept$1(this.$this);
+    },
+    $signature() {
+      return A._instanceType(this.$this)._eval$1("SelectorSearchVisitor0.T?(SimpleSelector0)");
+    }
+  };
+  A.serialize_closure0.prototype = {
+    call$1(codeUnit) {
+      return codeUnit > 127;
+    },
+    $signature: 50
+  };
+  A._SerializeVisitor0.prototype = {
+    visitCssStylesheet$1(node) {
+      var t1, t2, t3, t4, t5, t6, t7, previous, previous0, t8, _this = this;
+      for (t1 = J.get$iterator$ax(node.get$children(node)), t2 = !_this._serialize0$_inspect, t3 = _this._serialize0$_style === B.OutputStyle_10, t4 = !t3, t5 = type$.CssParentNode_2, t6 = _this._serialize0$_buffer, t7 = _this._lineFeed.text, previous = null; t1.moveNext$0();) {
+        previous0 = t1.get$current(t1);
+        if (t2)
+          t8 = t3 ? previous0.accept$1(B._IsInvisibleVisitor_true_true0) : previous0.accept$1(B._IsInvisibleVisitor_true_false0);
+        else
+          t8 = false;
+        if (t8)
+          continue;
+        if (previous != null) {
+          if (t5._is(previous) ? previous.get$isChildless() : !(previous instanceof A.ModifiableCssComment0))
+            t6.writeCharCode$1(59);
+          if (_this._serialize0$_isTrailingComment$2(previous0, previous)) {
+            if (t4)
+              t6.writeCharCode$1(32);
+          } else {
+            if (t4)
+              t6.write$1(0, t7);
+            if (previous.get$isGroupEnd())
+              if (t4)
+                t6.write$1(0, t7);
+          }
+        }
+        previous0.accept$1(_this);
+        previous = previous0;
+      }
+      if (previous != null)
+        t1 = (t5._is(previous) ? previous.get$isChildless() : !(previous instanceof A.ModifiableCssComment0)) && t4;
+      else
+        t1 = false;
+      if (t1)
+        t6.writeCharCode$1(59);
+    },
+    visitCssComment$1(node) {
+      this._serialize0$_buffer.forSpan$2(node.span, new A._SerializeVisitor_visitCssComment_closure0(this, node));
+    },
+    visitCssAtRule$1(node) {
+      var t1, _this = this;
+      _this._serialize0$_writeIndentation$0();
+      t1 = _this._serialize0$_buffer;
+      t1.forSpan$2(node.span, new A._SerializeVisitor_visitCssAtRule_closure0(_this, node));
+      if (!node.isChildless) {
+        if (_this._serialize0$_style !== B.OutputStyle_10)
+          t1.writeCharCode$1(32);
+        _this._serialize0$_visitChildren$1(node);
+      }
+    },
+    visitCssMediaRule$1(node) {
+      var t1, _this = this;
+      _this._serialize0$_writeIndentation$0();
+      t1 = _this._serialize0$_buffer;
+      t1.forSpan$2(node.span, new A._SerializeVisitor_visitCssMediaRule_closure0(_this, node));
+      if (_this._serialize0$_style !== B.OutputStyle_10)
+        t1.writeCharCode$1(32);
+      _this._serialize0$_visitChildren$1(node);
+    },
+    visitCssImport$1(node) {
+      this._serialize0$_writeIndentation$0();
+      this._serialize0$_buffer.forSpan$2(node.span, new A._SerializeVisitor_visitCssImport_closure0(this, node));
+    },
+    _serialize0$_writeImportUrl$1(url) {
+      var urlContents, maybeQuote, _this = this;
+      if (_this._serialize0$_style !== B.OutputStyle_10 || url.charCodeAt(0) !== 117) {
+        _this._serialize0$_buffer.write$1(0, url);
+        return;
+      }
+      urlContents = B.JSString_methods.substring$2(url, 4, url.length - 1);
+      maybeQuote = urlContents.charCodeAt(0);
+      if (maybeQuote === 39 || maybeQuote === 34)
+        _this._serialize0$_buffer.write$1(0, urlContents);
+      else
+        _this._serialize0$_visitQuotedString$1(urlContents);
+    },
+    visitCssKeyframeBlock$1(node) {
+      var t1, _this = this;
+      _this._serialize0$_writeIndentation$0();
+      t1 = _this._serialize0$_buffer;
+      t1.forSpan$2(node.selector.span, new A._SerializeVisitor_visitCssKeyframeBlock_closure0(_this, node));
+      if (_this._serialize0$_style !== B.OutputStyle_10)
+        t1.writeCharCode$1(32);
+      _this._serialize0$_visitChildren$1(node);
+    },
+    _serialize0$_visitMediaQuery$1(query) {
+      var t1, _1_0, _2_0, condition, operator, t2, _this = this,
+        _0_0 = query.modifier;
+      if (_0_0 != null) {
+        t1 = _this._serialize0$_buffer;
+        t1.write$1(0, _0_0);
+        t1.writeCharCode$1(32);
+      }
+      _1_0 = query.type;
+      if (_1_0 != null) {
+        t1 = _this._serialize0$_buffer;
+        t1.write$1(0, _1_0);
+        if (query.conditions.length !== 0)
+          t1.write$1(0, " and ");
+      }
+      _2_0 = query.conditions;
+      if (_2_0.length === 1)
+        t1 = B.JSString_methods.startsWith$1(_2_0[0], "(not ");
+      else
+        t1 = false;
+      if (t1) {
+        t1 = _this._serialize0$_buffer;
+        t1.write$1(0, "not ");
+        condition = B.JSArray_methods.get$first(_2_0);
+        t1.write$1(0, B.JSString_methods.substring$2(condition, 5, condition.length - 1));
+      } else {
+        operator = query.conjunction ? "and" : "or";
+        t1 = _this._serialize0$_style === B.OutputStyle_10 ? operator + " " : " " + operator + " ";
+        t2 = _this._serialize0$_buffer;
+        _this._serialize0$_writeBetween$3(_2_0, t1, t2.get$write(t2));
+      }
+    },
+    visitCssStyleRule$1(node) {
+      var t1, _this = this;
+      _this._serialize0$_writeIndentation$0();
+      t1 = _this._serialize0$_buffer;
+      t1.forSpan$2(node._style_rule0$_selector._box0$_inner.value.span, new A._SerializeVisitor_visitCssStyleRule_closure0(_this, node));
+      if (_this._serialize0$_style !== B.OutputStyle_10)
+        t1.writeCharCode$1(32);
+      _this._serialize0$_visitChildren$1(node);
+    },
+    visitCssSupportsRule$1(node) {
+      var t1, _this = this;
+      _this._serialize0$_writeIndentation$0();
+      t1 = _this._serialize0$_buffer;
+      t1.forSpan$2(node.span, new A._SerializeVisitor_visitCssSupportsRule_closure0(_this, node));
+      if (_this._serialize0$_style !== B.OutputStyle_10)
+        t1.writeCharCode$1(32);
+      _this._serialize0$_visitChildren$1(node);
+    },
+    visitCssDeclaration$1(node) {
+      var error, stackTrace, error0, stackTrace0, t1, t2, exception, _this = this;
+      _this._serialize0$_writeIndentation$0();
+      t1 = node.name;
+      _this._serialize0$_write$1(t1);
+      t2 = _this._serialize0$_buffer;
+      t2.writeCharCode$1(58);
+      if (B.JSString_methods.startsWith$1(t1.value, "--") && node.parsedAsCustomProperty)
+        t2.forSpan$2(node.value.span, new A._SerializeVisitor_visitCssDeclaration_closure1(_this, node));
+      else {
+        if (_this._serialize0$_style !== B.OutputStyle_10)
+          t2.writeCharCode$1(32);
+        try {
+          t2.forSpan$2(node.valueSpanForMap, new A._SerializeVisitor_visitCssDeclaration_closure2(_this, node));
+        } catch (exception) {
+          t1 = A.unwrapException(exception);
+          if (t1 instanceof A.MultiSpanSassScriptException0) {
+            error = t1;
+            stackTrace = A.getTraceFromException(exception);
+            A.throwWithTrace0(A.MultiSpanSassException$0(error.message, node.value.span, error.primaryLabel, error.secondarySpans, null), error, stackTrace);
+          } else if (t1 instanceof A.SassScriptException0) {
+            error0 = t1;
+            stackTrace0 = A.getTraceFromException(exception);
+            t1 = error0.message;
+            A.throwWithTrace0(new A.SassException0(B.Set_empty, t1, node.value.span), error0, stackTrace0);
+          } else
+            throw exception;
+        }
+      }
+    },
+    _serialize0$_writeFoldedValue$1(node) {
+      var t1, t2, next, t3,
+        scanner = A.StringScanner$(type$.SassString_2._as(node.value.value)._string0$_text, null, null);
+      for (t1 = scanner.string.length, t2 = this._serialize0$_buffer; scanner._string_scanner$_position !== t1;) {
+        next = scanner.readChar$0();
+        if (next !== 10) {
+          t2.writeCharCode$1(next);
+          continue;
+        }
+        t2.writeCharCode$1(32);
+        while (true) {
+          t3 = scanner.peekChar$0();
+          if (!(t3 === 32 || t3 === 9 || t3 === 10 || t3 === 13 || t3 === 12))
+            break;
+          scanner.readChar$0();
+        }
+      }
+    },
+    _serialize0$_writeReindentedValue$1(node) {
+      var _0_0, t1, _this = this,
+        value = type$.SassString_2._as(node.value.value)._string0$_text;
+      $label0$0: {
+        _0_0 = _this._serialize0$_minimumIndentation$1(value);
+        if (_0_0 == null) {
+          _this._serialize0$_buffer.write$1(0, value);
+          break $label0$0;
+        }
+        if (-1 === _0_0) {
+          t1 = _this._serialize0$_buffer;
+          t1.write$1(0, A.trimAsciiRight0(value, true));
+          t1.writeCharCode$1(32);
+          break $label0$0;
+        }
+        t1 = node.name.span;
+        t1 = t1.get$start(t1);
+        _this._serialize0$_writeWithIndent$2(value, Math.min(_0_0, t1.file.getColumn$1(t1.offset)));
+      }
+    },
+    _serialize0$_minimumIndentation$1(text) {
+      var character, t2, min, next, min0,
+        scanner = A.LineScanner$(text),
+        t1 = scanner.string.length;
+      while (true) {
+        if (scanner._string_scanner$_position !== t1) {
+          character = scanner.super$StringScanner$readChar();
+          scanner._adjustLineAndColumn$1(character);
+          t2 = character !== 10;
+        } else
+          t2 = false;
+        if (!t2)
+          break;
+      }
+      if (scanner._string_scanner$_position === t1)
+        return scanner.peekChar$1(-1) === 10 ? -1 : null;
+      for (min = null; scanner._string_scanner$_position !== t1;) {
+        for (; scanner._string_scanner$_position !== t1;) {
+          next = scanner.peekChar$0();
+          if (next !== 32 && next !== 9)
+            break;
+          scanner._adjustLineAndColumn$1(scanner.super$StringScanner$readChar());
+        }
+        if (scanner._string_scanner$_position === t1 || scanner.scanChar$1(10))
+          continue;
+        min0 = scanner._line_scanner$_column;
+        min = min == null ? min0 : Math.min(min, min0);
+        while (true) {
+          if (scanner._string_scanner$_position !== t1) {
+            character = scanner.super$StringScanner$readChar();
+            scanner._adjustLineAndColumn$1(character);
+            t2 = character !== 10;
+          } else
+            t2 = false;
+          if (!t2)
+            break;
+        }
+      }
+      return min == null ? -1 : min;
+    },
+    _serialize0$_writeWithIndent$2(text, minimumIndentation) {
+      var t1, t2, t3, character, lineStart, newlines, end,
+        scanner = A.LineScanner$(text);
+      for (t1 = scanner.string, t2 = t1.length, t3 = this._serialize0$_buffer; scanner._string_scanner$_position !== t2;) {
+        character = scanner.super$StringScanner$readChar();
+        scanner._adjustLineAndColumn$1(character);
+        if (character === 10)
+          break;
+        t3.writeCharCode$1(character);
+      }
+      for (; true;) {
+        lineStart = scanner._string_scanner$_position;
+        for (newlines = 1; true;) {
+          if (scanner._string_scanner$_position === t2) {
+            t3.writeCharCode$1(32);
+            return;
+          }
+          $label0$2: {
+            character = scanner.super$StringScanner$readChar();
+            scanner._adjustLineAndColumn$1(character);
+            if (32 === character || 9 === character)
+              continue;
+            if (10 === character) {
+              lineStart = scanner._string_scanner$_position;
+              ++newlines;
+              break $label0$2;
+            }
+            break;
+          }
+        }
+        this._serialize0$_writeTimes$2(10, newlines);
+        this._serialize0$_writeIndentation$0();
+        end = scanner._string_scanner$_position;
+        t3.write$1(0, B.JSString_methods.substring$2(t1, lineStart + minimumIndentation, end));
+        for (; true;) {
+          if (scanner._string_scanner$_position === t2)
+            return;
+          character = scanner.super$StringScanner$readChar();
+          scanner._adjustLineAndColumn$1(character);
+          if (character === 10)
+            break;
+          t3.writeCharCode$1(character);
+        }
+      }
+    },
+    visitCalculation$1(value) {
+      var t2, _this = this,
+        t1 = _this._serialize0$_buffer;
+      t1.write$1(0, value.name);
+      t1.writeCharCode$1(40);
+      t2 = _this._serialize0$_style === B.OutputStyle_10 ? "," : ", ";
+      _this._serialize0$_writeBetween$3(value.$arguments, t2, _this.get$_serialize0$_writeCalculationValue());
+      t1.writeCharCode$1(41);
+    },
+    _serialize0$_writeCalculationValue$1(value) {
+      var _2_4_isSet, _2_4, t1, _0_0, _1_0, first, rest, left, right, operator, parenthesizeLeft, operatorWhitespace, parenthesizeRight, t2, _this = this, _null = null;
+      $label1$1: {
+        _2_4_isSet = value instanceof A.SassNumber0;
+        if (_2_4_isSet) {
+          _2_4 = value.get$hasComplexUnits();
+          t1 = _2_4;
+          t1 = t1 && !_this._serialize0$_inspect;
+        } else {
+          _2_4 = _null;
+          t1 = false;
+        }
+        if (t1)
+          throw A.wrapException(A.SassScriptException$0(value.toString$0(0) + " isn't a valid CSS value.", _null));
+        if (_2_4_isSet && !isFinite(value._number1$_value)) {
+          $label0$0: {
+            _0_0 = value._number1$_value;
+            if (1 / 0 === _0_0) {
+              _this._serialize0$_buffer.write$1(0, "infinity");
+              break $label0$0;
+            }
+            if (-1 / 0 === _0_0) {
+              _this._serialize0$_buffer.write$1(0, "-infinity");
+              break $label0$0;
+            }
+            if (isNaN(_0_0))
+              _this._serialize0$_buffer.write$1(0, "NaN");
+          }
+          _this._serialize0$_writeCalculationUnits$2(value.get$numeratorUnits(value), value.get$denominatorUnits(value));
+          break $label1$1;
+        }
+        if (_2_4_isSet)
+          t1 = _2_4;
+        else
+          t1 = false;
+        if (t1) {
+          _this._serialize0$_writeNumber$1(value._number1$_value);
+          _1_0 = value.get$numeratorUnits(value);
+          if (_1_0.length >= 1) {
+            first = _1_0[0];
+            rest = B.JSArray_methods.sublist$1(_1_0, 1);
+            _this._serialize0$_buffer.write$1(0, first);
+            _this._serialize0$_writeCalculationUnits$2(rest, value.get$denominatorUnits(value));
+          } else
+            _this._serialize0$_writeCalculationUnits$2(A._setArrayType([], type$.JSArray_String), value.get$denominatorUnits(value));
+          break $label1$1;
+        }
+        if (value instanceof A.Value0) {
+          value.accept$1(_this);
+          break $label1$1;
+        }
+        t1 = value instanceof A.CalculationOperation0;
+        left = _null;
+        right = _null;
+        if (t1) {
+          operator = value._calculation0$_operator;
+          left = value._calculation0$_left;
+          right = value._calculation0$_right;
+        } else
+          operator = _null;
+        if (t1) {
+          parenthesizeLeft = left instanceof A.CalculationOperation0 && left._calculation0$_operator.precedence < operator.precedence;
+          if (parenthesizeLeft)
+            _this._serialize0$_buffer.writeCharCode$1(40);
+          _this._serialize0$_writeCalculationValue$1(left);
+          if (parenthesizeLeft)
+            _this._serialize0$_buffer.writeCharCode$1(41);
+          operatorWhitespace = _this._serialize0$_style !== B.OutputStyle_10 || operator.precedence === 1;
+          if (operatorWhitespace)
+            _this._serialize0$_buffer.writeCharCode$1(32);
+          t1 = _this._serialize0$_buffer;
+          t1.write$1(0, operator.operator);
+          if (operatorWhitespace)
+            t1.writeCharCode$1(32);
+          if (!(right instanceof A.CalculationOperation0 && _this._serialize0$_parenthesizeCalculationRhs$2(operator, right._calculation0$_operator))) {
+            parenthesizeRight = false;
+            if (operator === B.CalculationOperator_bo50) {
+              if (right instanceof A.SassNumber0)
+                t2 = isFinite(right._number1$_value) ? right.get$hasComplexUnits() : right.get$hasUnits();
+              else
+                t2 = parenthesizeRight;
+              parenthesizeRight = t2;
+            }
+          } else
+            parenthesizeRight = true;
+          if (parenthesizeRight)
+            t1.writeCharCode$1(40);
+          _this._serialize0$_writeCalculationValue$1(right);
+          if (parenthesizeRight)
+            t1.writeCharCode$1(41);
+        }
+      }
+    },
+    _serialize0$_writeCalculationUnits$2(numeratorUnits, denominatorUnits) {
+      var t1, t2, t3, t4;
+      for (t1 = J.get$iterator$ax(numeratorUnits), t2 = this._serialize0$_buffer, t3 = this._serialize0$_style !== B.OutputStyle_10; t1.moveNext$0();) {
+        t4 = t1.get$current(t1);
+        if (t3)
+          t2.writeCharCode$1(32);
+        t2.writeCharCode$1(42);
+        if (t3)
+          t2.writeCharCode$1(32);
+        t2.writeCharCode$1(49);
+        t2.write$1(0, t4);
+      }
+      for (t1 = J.get$iterator$ax(denominatorUnits); t1.moveNext$0();) {
+        t4 = t1.get$current(t1);
+        if (t3)
+          t2.writeCharCode$1(32);
+        t2.writeCharCode$1(47);
+        if (t3)
+          t2.writeCharCode$1(32);
+        t2.writeCharCode$1(49);
+        t2.write$1(0, t4);
+      }
+    },
+    _serialize0$_parenthesizeCalculationRhs$2(outer, right) {
+      var t1;
+      $label0$0: {
+        if (B.CalculationOperator_bo50 === outer) {
+          t1 = true;
+          break $label0$0;
+        }
+        if (B.CalculationOperator_F7i0 === outer) {
+          t1 = false;
+          break $label0$0;
+        }
+        t1 = right === B.CalculationOperator_F7i0 || right === B.CalculationOperator_oum0;
+        break $label0$0;
+      }
+      return t1;
+    },
+    visitColor$1(value) {
+      var _0_0, _0_2, _0_6, t1, _0_4, _0_6_isSet, t2, _0_10_isSet, _0_10, _0_12_isSet, _0_14, _0_12, _0_14_isSet, t3, _0_10_isSet0, polar, t4, t5, _this = this, _null = null;
+      $label0$0: {
+        _0_0 = value._color0$_space;
+        _0_2 = B.RgbColorSpace_i0P0 === _0_0;
+        _0_6 = _null;
+        t1 = true;
+        if (!_0_2) {
+          _0_4 = B.HslColorSpace_JQ20 === _0_0;
+          _0_6_isSet = !_0_4;
+          if (_0_6_isSet) {
+            _0_6 = B.HwbColorSpace_guQ0 === _0_0;
+            t1 = _0_6;
+          }
+        } else {
+          _0_4 = _null;
+          _0_6_isSet = false;
+        }
+        if (t1 && value.channel0OrNull != null && value.channel1OrNull != null && value.channel2OrNull != null && value.alphaOrNull != null) {
+          _this._serialize0$_writeLegacyColor$1(value);
+          break $label0$0;
+        }
+        if (_0_2) {
+          t1 = _this._serialize0$_buffer;
+          t1.write$1(0, "rgb(");
+          _this._serialize0$_writeChannel$1(value.channel0OrNull);
+          t1.writeCharCode$1(32);
+          _this._serialize0$_writeChannel$1(value.channel1OrNull);
+          t1.writeCharCode$1(32);
+          _this._serialize0$_writeChannel$1(value.channel2OrNull);
+          _this._serialize0$_maybeWriteSlashAlpha$1(value);
+          t1.writeCharCode$1(41);
+          break $label0$0;
+        }
+        if (!_0_4)
+          t1 = _0_6_isSet ? _0_6 : B.HwbColorSpace_guQ0 === _0_0;
+        else
+          t1 = true;
+        if (t1) {
+          t1 = _this._serialize0$_buffer;
+          t1.write$1(0, _0_0);
+          t1.writeCharCode$1(40);
+          t2 = _this._serialize0$_style === B.OutputStyle_10 ? _null : "deg";
+          _this._serialize0$_writeChannel$2(value.channel0OrNull, t2);
+          t1.writeCharCode$1(32);
+          _this._serialize0$_writeChannel$2(value.channel1OrNull, "%");
+          t1.writeCharCode$1(32);
+          _this._serialize0$_writeChannel$2(value.channel2OrNull, "%");
+          _this._serialize0$_maybeWriteSlashAlpha$1(value);
+          t1.writeCharCode$1(41);
+          break $label0$0;
+        }
+        _0_10_isSet = B.LabColorSpace_2nT0 !== _0_0;
+        if (_0_10_isSet) {
+          _0_10 = B.LchColorSpace_Bpv0 === _0_0;
+          t1 = _0_10;
+        } else {
+          _0_10 = _null;
+          t1 = true;
+        }
+        t2 = false;
+        if (t1)
+          if (!_this._serialize0$_inspect) {
+            t1 = value.channel0OrNull;
+            if (t1 == null)
+              t1 = 0;
+            if (t1 > 0 || A.fuzzyEquals0(t1, 0))
+              t1 = t1 < 100 || A.fuzzyEquals0(t1, 100);
+            else
+              t1 = false;
+            t1 = !t1 && value.channel1OrNull != null && value.channel2OrNull != null;
+          } else
+            t1 = t2;
+        else
+          t1 = t2;
+        _0_12_isSet = !t1;
+        _0_14 = _null;
+        if (_0_12_isSet) {
+          _0_12 = B.OklabColorSpace_5400 === _0_0;
+          t1 = false;
+          _0_14_isSet = !_0_12;
+          if (_0_14_isSet) {
+            _0_14 = B.OklchColorSpace_9Gj0 === _0_0;
+            t2 = _0_14;
+          } else
+            t2 = true;
+          t3 = false;
+          if (t2)
+            if (!_this._serialize0$_inspect) {
+              t2 = value.channel0OrNull;
+              if (t2 == null)
+                t2 = 0;
+              if (t2 > 0 || A.fuzzyEquals0(t2, 0))
+                t2 = t2 < 1 || A.fuzzyEquals0(t2, 1);
+              else
+                t2 = false;
+              t2 = !t2 && value.channel1OrNull != null && value.channel2OrNull != null;
+            } else
+              t2 = t3;
+          else
+            t2 = t3;
+          if (!t2) {
+            if (_0_10_isSet) {
+              t2 = _0_10;
+              _0_10_isSet0 = _0_10_isSet;
+            } else {
+              _0_10 = B.LchColorSpace_Bpv0 === _0_0;
+              t2 = _0_10;
+              _0_10_isSet0 = true;
+            }
+            if (!t2)
+              if (_0_14_isSet)
+                t2 = _0_14;
+              else {
+                _0_14 = B.OklchColorSpace_9Gj0 === _0_0;
+                t2 = _0_14;
+                _0_14_isSet = true;
+              }
+            else
+              t2 = true;
+            if (t2)
+              if (!_this._serialize0$_inspect) {
+                t1 = value.channel1OrNull;
+                t2 = t1 == null;
+                if (t2)
+                  t1 = 0;
+                t1 = t1 < 0 && !A.fuzzyEquals0(t1, 0) && value.channel0OrNull != null && !t2;
+              }
+          } else {
+            _0_10_isSet0 = _0_10_isSet;
+            t1 = true;
+          }
+        } else {
+          _0_12 = _null;
+          _0_10_isSet0 = _0_10_isSet;
+          _0_14_isSet = false;
+          t1 = true;
+        }
+        if (t1) {
+          t1 = _this._serialize0$_buffer;
+          t1.write$1(0, "color-mix(in ");
+          t1.write$1(0, _0_0);
+          t2 = _this._serialize0$_style === B.OutputStyle_10;
+          t1.write$1(0, t2 ? "," : ", ");
+          _this._serialize0$_writeColorFunction$1(value.toSpace$1(B.XyzD65ColorSpace_WiJ0));
+          if (!t2)
+            t1.writeCharCode$1(32);
+          t1.write$1(0, "100%");
+          t1.write$1(0, t2 ? "," : ", ");
+          t1.write$1(0, t2 ? "red" : "black");
+          t1.writeCharCode$1(41);
+          break $label0$0;
+        }
+        t1 = true;
+        if (_0_10_isSet)
+          if (!(_0_12_isSet ? _0_12 : B.OklabColorSpace_5400 === _0_0))
+            if (!(_0_10_isSet0 ? _0_10 : B.LchColorSpace_Bpv0 === _0_0))
+              t1 = _0_14_isSet ? _0_14 : B.OklchColorSpace_9Gj0 === _0_0;
+        if (t1) {
+          t1 = _this._serialize0$_buffer;
+          t1.write$1(0, _0_0);
+          t1.writeCharCode$1(40);
+          t2 = _0_0._space$_channels;
+          polar = t2[2].isPolarAngle;
+          t3 = false;
+          if (!_this._serialize0$_inspect) {
+            t4 = value.channel0OrNull;
+            if (t4 == null)
+              t4 = 0;
+            if (t4 > 0 || A.fuzzyEquals0(t4, 0))
+              t4 = t4 < 100 || A.fuzzyEquals0(t4, 100);
+            else
+              t4 = false;
+            if (t4) {
+              if (polar) {
+                t3 = value.channel1OrNull;
+                if (t3 == null)
+                  t3 = 0;
+                t3 = t3 < 0 && !A.fuzzyEquals0(t3, 0);
+              }
+            } else
+              t3 = true;
+          }
+          if (t3) {
+            t1.write$1(0, "from ");
+            t1.write$1(0, _this._serialize0$_style === B.OutputStyle_10 ? "red" : "black");
+            t1.writeCharCode$1(32);
+          }
+          t3 = _this._serialize0$_style !== B.OutputStyle_10;
+          t4 = t3 && value.channel0OrNull != null;
+          t5 = value.channel0OrNull;
+          if (t4) {
+            t2 = type$.LinearChannel_2._as(t2[0]);
+            _this._serialize0$_writeNumber$1((t5 == null ? 0 : t5) * 100 / t2.max);
+            t1.writeCharCode$1(37);
+          } else
+            _this._serialize0$_writeChannel$1(t5);
+          t1.writeCharCode$1(32);
+          _this._serialize0$_writeChannel$1(value.channel1OrNull);
+          t1.writeCharCode$1(32);
+          t2 = polar && t3 ? "deg" : _null;
+          _this._serialize0$_writeChannel$2(value.channel2OrNull, t2);
+          _this._serialize0$_maybeWriteSlashAlpha$1(value);
+          t1.writeCharCode$1(41);
+          break $label0$0;
+        }
+        _this._serialize0$_writeColorFunction$1(value);
+      }
+    },
+    _serialize0$_writeChannel$2(channel, unit) {
+      var _this = this;
+      if (channel == null)
+        _this._serialize0$_buffer.write$1(0, "none");
+      else if (isFinite(channel)) {
+        _this._serialize0$_writeNumber$1(channel);
+        if (unit != null)
+          _this._serialize0$_buffer.write$1(0, unit);
+      } else
+        _this.visitNumber$1(A.SassNumber_SassNumber0(channel, unit));
+    },
+    _serialize0$_writeChannel$1(channel) {
+      return this._serialize0$_writeChannel$2(channel, null);
+    },
+    _serialize0$_writeLegacyColor$1(color) {
+      var rgb, t3, red, green, blue, hsl, hue, saturation, lightness, hwb, _0_0, format, _1_0, _this = this,
+        t1 = color.alphaOrNull,
+        t2 = t1 == null,
+        opaque = A.fuzzyEquals0(t2 ? 0 : t1, 1);
+      if (!color.get$isInGamut() && !_this._serialize0$_inspect) {
+        _this._serialize0$_writeHsl$1(color);
+        return;
+      }
+      if (_this._serialize0$_style === B.OutputStyle_10) {
+        rgb = color.toSpace$1(B.RgbColorSpace_i0P0);
+        if (opaque && _this._serialize0$_tryIntegerRgb$1(rgb))
+          return;
+        t3 = rgb.channel0OrNull;
+        red = _this._serialize0$_writeNumberToString$1(t3 == null ? 0 : t3);
+        t3 = rgb.channel1OrNull;
+        green = _this._serialize0$_writeNumberToString$1(t3 == null ? 0 : t3);
+        t3 = rgb.channel2OrNull;
+        blue = _this._serialize0$_writeNumberToString$1(t3 == null ? 0 : t3);
+        hsl = color.toSpace$1(B.HslColorSpace_JQ20);
+        t3 = hsl.channel0OrNull;
+        hue = _this._serialize0$_writeNumberToString$1(t3 == null ? 0 : t3);
+        t3 = hsl.channel1OrNull;
+        saturation = _this._serialize0$_writeNumberToString$1(t3 == null ? 0 : t3);
+        t3 = hsl.channel2OrNull;
+        lightness = _this._serialize0$_writeNumberToString$1(t3 == null ? 0 : t3);
+        t3 = _this._serialize0$_buffer;
+        if (red.length + green.length + blue.length <= hue.length + saturation.length + lightness.length + 2) {
+          t3.write$1(0, opaque ? "rgb(" : "rgba(");
+          t3.write$1(0, red);
+          t3.writeCharCode$1(44);
+          t3.write$1(0, green);
+          t3.writeCharCode$1(44);
+          t3.write$1(0, blue);
+        } else {
+          t3.write$1(0, opaque ? "hsl(" : "hsla(");
+          t3.write$1(0, hue);
+          t3.writeCharCode$1(44);
+          t3.write$1(0, saturation);
+          t3.write$1(0, "%,");
+          t3.write$1(0, lightness);
+          t3.writeCharCode$1(37);
+        }
+        if (!opaque) {
+          t3.writeCharCode$1(44);
+          _this._serialize0$_writeNumber$1(t2 ? 0 : t1);
+        }
+        t3.writeCharCode$1(41);
+        return;
+      }
+      t3 = color._color0$_space;
+      if (t3 === B.HslColorSpace_JQ20) {
+        _this._serialize0$_writeHsl$1(color);
+        return;
+      } else if (_this._serialize0$_inspect && t3 === B.HwbColorSpace_guQ0) {
+        t3 = _this._serialize0$_buffer;
+        t3.write$1(0, "hwb(");
+        hwb = color.toSpace$1(B.HwbColorSpace_guQ0);
+        _this._serialize0$_writeNumber$1(hwb.channel$1(0, "hue"));
+        t3.writeCharCode$1(32);
+        _this._serialize0$_writeNumber$1(hwb.channel$1(0, "whiteness"));
+        t3.writeCharCode$1(37);
+        t3.writeCharCode$1(32);
+        _this._serialize0$_writeNumber$1(hwb.channel$1(0, "blackness"));
+        t3.writeCharCode$1(37);
+        if (!A.fuzzyEquals0(t2 ? 0 : t1, 1)) {
+          t3.write$1(0, " / ");
+          _this._serialize0$_writeNumber$1(t2 ? 0 : t1);
+        }
+        t3.writeCharCode$1(41);
+        return;
+      }
+      _0_0 = color.format;
+      if (B.C__ColorFormatEnum0 === _0_0) {
+        _this._serialize0$_writeRgb$1(color);
+        return;
+      }
+      t1 = _0_0 instanceof A.SpanColorFormat0;
+      format = t1 ? _0_0 : null;
+      if (t1) {
+        _this._serialize0$_buffer.write$1(0, format._color0$_span.get$text());
+        return;
+      }
+      if (opaque) {
+        rgb = color.toSpace$1(B.RgbColorSpace_i0P0);
+        _1_0 = $.$get$namesByColor0().$index(0, rgb);
+        if (_1_0 != null) {
+          _this._serialize0$_buffer.write$1(0, _1_0);
+          return;
+        }
+        if (_this._serialize0$_canUseHex$1(rgb)) {
+          _this._serialize0$_buffer.writeCharCode$1(35);
+          t1 = rgb.channel0OrNull;
+          _this._serialize0$_writeHexComponent$1(B.JSNumber_methods.round$0(t1 == null ? 0 : t1));
+          t1 = rgb.channel1OrNull;
+          _this._serialize0$_writeHexComponent$1(B.JSNumber_methods.round$0(t1 == null ? 0 : t1));
+          t1 = rgb.channel2OrNull;
+          _this._serialize0$_writeHexComponent$1(B.JSNumber_methods.round$0(t1 == null ? 0 : t1));
+          return;
+        }
+      }
+      if (t3 === B.HwbColorSpace_guQ0)
+        _this._serialize0$_writeHsl$1(color);
+      else
+        _this._serialize0$_writeRgb$1(color);
+    },
+    _serialize0$_tryIntegerRgb$1(rgb) {
+      var t1, redInt, greenInt, blueInt, shortHex, _0_0, t2, t3, $name, _this = this;
+      if (!_this._serialize0$_canUseHex$1(rgb))
+        return false;
+      t1 = rgb.channel0OrNull;
+      redInt = B.JSNumber_methods.round$0(t1 == null ? 0 : t1);
+      t1 = rgb.channel1OrNull;
+      greenInt = B.JSNumber_methods.round$0(t1 == null ? 0 : t1);
+      t1 = rgb.channel2OrNull;
+      blueInt = B.JSNumber_methods.round$0(t1 == null ? 0 : t1);
+      t1 = redInt & 15;
+      shortHex = t1 === B.JSInt_methods._shrOtherPositive$1(redInt, 4) && (greenInt & 15) === B.JSInt_methods._shrOtherPositive$1(greenInt, 4) && (blueInt & 15) === B.JSInt_methods._shrOtherPositive$1(blueInt, 4);
+      _0_0 = $.$get$namesByColor0().$index(0, rgb);
+      t2 = false;
+      if (_0_0 != null) {
+        t3 = _0_0.length;
+        t2 = t3 <= (shortHex ? 4 : 7);
+        $name = _0_0;
+      } else
+        $name = null;
+      if (t2)
+        _this._serialize0$_buffer.write$1(0, $name);
+      else {
+        t2 = _this._serialize0$_buffer;
+        if (shortHex) {
+          t2.writeCharCode$1(35);
+          t2.writeCharCode$1(A.hexCharFor0(t1));
+          t2.writeCharCode$1(A.hexCharFor0(greenInt & 15));
+          t2.writeCharCode$1(A.hexCharFor0(blueInt & 15));
+        } else {
+          t2.writeCharCode$1(35);
+          _this._serialize0$_writeHexComponent$1(redInt);
+          _this._serialize0$_writeHexComponent$1(greenInt);
+          _this._serialize0$_writeHexComponent$1(blueInt);
+        }
+      }
+      return true;
+    },
+    _serialize0$_canUseHex$1(rgb) {
+      var t2,
+        t1 = rgb.channel0OrNull;
+      if (t1 == null)
+        t1 = 0;
+      if (A.fuzzyIsInt0(t1))
+        t1 = (t1 > 0 || A.fuzzyEquals0(t1, 0)) && t1 < 256 && !A.fuzzyEquals0(t1, 256);
+      else
+        t1 = false;
+      t2 = false;
+      if (t1) {
+        t1 = rgb.channel1OrNull;
+        if (t1 == null)
+          t1 = 0;
+        if (A.fuzzyIsInt0(t1))
+          t1 = (t1 > 0 || A.fuzzyEquals0(t1, 0)) && t1 < 256 && !A.fuzzyEquals0(t1, 256);
+        else
+          t1 = false;
+        if (t1) {
+          t1 = rgb.channel2OrNull;
+          if (t1 == null)
+            t1 = 0;
+          if (A.fuzzyIsInt0(t1))
+            t1 = (t1 > 0 || A.fuzzyEquals0(t1, 0)) && t1 < 256 && !A.fuzzyEquals0(t1, 256);
+          else
+            t1 = t2;
+        } else
+          t1 = t2;
+      } else
+        t1 = t2;
+      return t1;
+    },
+    _serialize0$_writeRgb$1(color) {
+      var t4, _this = this,
+        t1 = color.alphaOrNull,
+        t2 = t1 == null,
+        opaque = A.fuzzyEquals0(t2 ? 0 : t1, 1),
+        rgb = color.toSpace$1(B.RgbColorSpace_i0P0),
+        t3 = _this._serialize0$_buffer;
+      t3.write$1(0, opaque ? "rgb(" : "rgba(");
+      _this._serialize0$_writeNumber$1(rgb.channel$1(0, "red"));
+      t4 = _this._serialize0$_style === B.OutputStyle_10;
+      t3.write$1(0, t4 ? "," : ", ");
+      _this._serialize0$_writeNumber$1(rgb.channel$1(0, "green"));
+      t3.write$1(0, t4 ? "," : ", ");
+      _this._serialize0$_writeNumber$1(rgb.channel$1(0, "blue"));
+      if (!opaque) {
+        t3.write$1(0, t4 ? "," : ", ");
+        _this._serialize0$_writeNumber$1(t2 ? 0 : t1);
+      }
+      t3.writeCharCode$1(41);
+    },
+    _serialize0$_writeHsl$1(color) {
+      var t4, _this = this,
+        t1 = color.alphaOrNull,
+        t2 = t1 == null,
+        opaque = A.fuzzyEquals0(t2 ? 0 : t1, 1),
+        hsl = color.toSpace$1(B.HslColorSpace_JQ20),
+        t3 = _this._serialize0$_buffer;
+      t3.write$1(0, opaque ? "hsl(" : "hsla(");
+      _this._serialize0$_writeChannel$1(hsl.channel$1(0, "hue"));
+      t4 = _this._serialize0$_style === B.OutputStyle_10;
+      t3.write$1(0, t4 ? "," : ", ");
+      _this._serialize0$_writeChannel$2(hsl.channel$1(0, "saturation"), "%");
+      t3.write$1(0, t4 ? "," : ", ");
+      _this._serialize0$_writeChannel$2(hsl.channel$1(0, "lightness"), "%");
+      if (!opaque) {
+        t3.write$1(0, t4 ? "," : ", ");
+        _this._serialize0$_writeNumber$1(t2 ? 0 : t1);
+      }
+      t3.writeCharCode$1(41);
+    },
+    _serialize0$_writeColorFunction$1(color) {
+      var _this = this,
+        t1 = _this._serialize0$_buffer;
+      t1.write$1(0, "color(");
+      t1.write$1(0, color._color0$_space);
+      t1.writeCharCode$1(32);
+      _this._serialize0$_writeBetween$3(color.get$channelsOrNull(), " ", _this.get$_serialize0$_writeChannel());
+      _this._serialize0$_maybeWriteSlashAlpha$1(color);
+      t1.writeCharCode$1(41);
+    },
+    _serialize0$_writeHexComponent$1(color) {
+      var t1 = this._serialize0$_buffer;
+      t1.writeCharCode$1(A.hexCharFor0(B.JSInt_methods._shrOtherPositive$1(color, 4)));
+      t1.writeCharCode$1(A.hexCharFor0(color & 15));
+    },
+    _serialize0$_maybeWriteSlashAlpha$1(color) {
+      var t2, t3, _this = this,
+        t1 = color.alphaOrNull;
+      if (A.fuzzyEquals0(t1 == null ? 0 : t1, 1))
+        return;
+      t2 = _this._serialize0$_style !== B.OutputStyle_10;
+      if (t2)
+        _this._serialize0$_buffer.writeCharCode$1(32);
+      t3 = _this._serialize0$_buffer;
+      t3.writeCharCode$1(47);
+      if (t2)
+        t3.writeCharCode$1(32);
+      _this._serialize0$_writeChannel$1(t1);
+    },
+    visitList$1(value) {
+      var t2, singleton, t3, t4, t5, _this = this,
+        t1 = value._list1$_hasBrackets;
+      if (t1)
+        _this._serialize0$_buffer.writeCharCode$1(91);
+      else if (value._list1$_contents.length === 0) {
+        if (!_this._serialize0$_inspect)
+          throw A.wrapException(A.SassScriptException$0("() isn't a valid CSS value.", null));
+        _this._serialize0$_buffer.write$1(0, "()");
+        return;
+      }
+      t2 = _this._serialize0$_inspect;
+      singleton = false;
+      if (t2)
+        if (value._list1$_contents.length === 1) {
+          t3 = value._list1$_separator;
+          t3 = t3 === B.ListSeparator_qVN0 || t3 === B.ListSeparator_bRz0;
+          singleton = t3;
+        }
+      if (singleton && !t1)
+        _this._serialize0$_buffer.writeCharCode$1(40);
+      t3 = value._list1$_contents;
+      t3 = t2 ? t3 : new A.WhereIterable(t3, new A._SerializeVisitor_visitList_closure2(), A._arrayInstanceType(t3)._eval$1("WhereIterable<1>"));
+      t4 = value._list1$_separator;
+      t5 = _this._serialize0$_separatorString$1(t4);
+      _this._serialize0$_writeBetween$3(t3, t5, t2 ? new A._SerializeVisitor_visitList_closure3(_this, value) : new A._SerializeVisitor_visitList_closure4(_this));
+      if (singleton) {
+        t2 = _this._serialize0$_buffer;
+        t2.write$1(0, t4.separator);
+        if (!t1)
+          t2.writeCharCode$1(41);
+      }
+      if (t1)
+        _this._serialize0$_buffer.writeCharCode$1(93);
+    },
+    _serialize0$_separatorString$1(separator) {
+      var t1;
+      $label0$0: {
+        if (B.ListSeparator_qVN0 === separator) {
+          t1 = this._serialize0$_style === B.OutputStyle_10 ? "," : ", ";
+          break $label0$0;
+        }
+        if (B.ListSeparator_bRz0 === separator) {
+          t1 = this._serialize0$_style === B.OutputStyle_10 ? "/" : " / ";
+          break $label0$0;
+        }
+        if (B.ListSeparator_qSL0 === separator) {
+          t1 = " ";
+          break $label0$0;
+        }
+        t1 = "";
+        break $label0$0;
+      }
+      return t1;
+    },
+    _serialize0$_elementNeedsParens$2(separator, value) {
+      var t1;
+      $label1$1: {
+        if (value instanceof A.SassList0 && value._list1$_contents.length > 1 && !value._list1$_hasBrackets) {
+          $label0$0: {
+            if (B.ListSeparator_qVN0 === separator) {
+              t1 = value._list1$_separator === B.ListSeparator_qVN0;
+              break $label0$0;
+            }
+            if (B.ListSeparator_bRz0 === separator) {
+              t1 = value._list1$_separator;
+              t1 = t1 === B.ListSeparator_qVN0 || t1 === B.ListSeparator_bRz0;
+              break $label0$0;
+            }
+            t1 = value._list1$_separator !== B.ListSeparator_undecided_null_undecided0;
+            break $label0$0;
+          }
+          break $label1$1;
+        }
+        t1 = false;
+        break $label1$1;
+      }
+      return t1;
+    },
+    visitMap$1(map) {
+      var t1, t2, _this = this;
+      if (!_this._serialize0$_inspect)
+        throw A.wrapException(A.SassScriptException$0(map.toString$0(0) + " isn't a valid CSS value.", null));
+      t1 = _this._serialize0$_buffer;
+      t1.writeCharCode$1(40);
+      t2 = map._map0$_contents;
+      _this._serialize0$_writeBetween$3(t2.get$entries(t2), ", ", new A._SerializeVisitor_visitMap_closure0(_this));
+      t1.writeCharCode$1(41);
+    },
+    _serialize0$_writeMapElement$1(value) {
+      var needsParens = value instanceof A.SassList0 && value._list1$_separator === B.ListSeparator_qVN0 && !value._list1$_hasBrackets;
+      if (needsParens)
+        this._serialize0$_buffer.writeCharCode$1(40);
+      value.accept$1(this);
+      if (needsParens)
+        this._serialize0$_buffer.writeCharCode$1(41);
+    },
+    visitNumber$1(value) {
+      var before, after, t1, _1_0, _this = this,
+        _0_0 = value.asSlash;
+      if (type$.Record_2_nullable_Object_and_nullable_Object._is(_0_0)) {
+        before = _0_0._0;
+        after = _0_0._1;
+        _this.visitNumber$1(before);
+        _this._serialize0$_buffer.writeCharCode$1(47);
+        _this.visitNumber$1(after);
+        return;
+      }
+      t1 = value._number1$_value;
+      if (!isFinite(t1)) {
+        _this.visitCalculation$1(new A.SassCalculation0("calc", A.List_List$unmodifiable(A._setArrayType([value], type$.JSArray_Object), type$.Object)));
+        return;
+      }
+      if (value.get$hasComplexUnits()) {
+        if (!_this._serialize0$_inspect)
+          throw A.wrapException(A.SassScriptException$0(value.toString$0(0) + " isn't a valid CSS value.", null));
+        _this.visitCalculation$1(new A.SassCalculation0("calc", A.List_List$unmodifiable(A._setArrayType([value], type$.JSArray_Object), type$.Object)));
+      } else {
+        _this._serialize0$_writeNumber$1(t1);
+        _1_0 = value.get$numeratorUnits(value);
+        if (_1_0.length === 1)
+          _this._serialize0$_buffer.write$1(0, _1_0[0]);
+      }
+    },
+    _serialize0$_writeNumberToString$1(number) {
+      var t1 = new A.StringBuffer("");
+      this._serialize0$_writeNumber$2(number, new A.NoSourceMapBuffer0(t1));
+      t1 = t1._contents;
+      return t1.charCodeAt(0) == 0 ? t1 : t1;
+    },
+    _serialize0$_writeNumber$2(number, buffer) {
+      var _0_0, t1, integer, text, _this = this;
+      if (buffer == null)
+        buffer = _this._serialize0$_buffer;
+      _0_0 = A.fuzzyAsInt0(number);
+      t1 = false;
+      if (_0_0 != null) {
+        t1 = !_this._serialize0$_inspect || number === _0_0;
+        integer = _0_0;
+      } else
+        integer = null;
+      if (t1) {
+        buffer.write$1(0, _this._serialize0$_removeExponent$1(J.toString$0$(integer)));
+        return;
+      }
+      text = _this._serialize0$_removeExponent$1(B.JSNumber_methods.toString$0(number));
+      if (_this._serialize0$_inspect) {
+        buffer.write$1(0, text);
+        return;
+      }
+      if (text.length < 12) {
+        buffer.write$1(0, _this._serialize0$_style === B.OutputStyle_10 && text.charCodeAt(0) === 48 ? B.JSString_methods.substring$1(text, 1) : text);
+        return;
+      }
+      _this._serialize0$_writeRounded$2(text, buffer);
+    },
+    _serialize0$_writeNumber$1(number) {
+      return this._serialize0$_writeNumber$2(number, null);
+    },
+    _serialize0$_removeExponent$1(text) {
+      var buffer, t2, t3, additionalZeroes,
+        negative = text.charCodeAt(0) === 45,
+        exponent = A._Cell$(),
+        t1 = text.length,
+        i = 0;
+      while (true) {
+        if (!(i < t1)) {
+          buffer = null;
+          break;
+        }
+        c$0: {
+          if (text.charCodeAt(i) !== 101)
+            break c$0;
+          buffer = new A.StringBuffer("");
+          t2 = buffer._contents = A.Primitives_stringFromCharCode(text.charCodeAt(0));
+          if (negative) {
+            t2 += A.Primitives_stringFromCharCode(text.charCodeAt(1));
+            buffer._contents = t2;
+            if (i > 3)
+              buffer._contents = t2 + B.JSString_methods.substring$2(text, 3, i);
+          } else if (i > 2)
+            buffer._contents = t2 + B.JSString_methods.substring$2(text, 2, i);
+          exponent.__late_helper$_value = A.int_parse(B.JSString_methods.substring$2(text, i + 1, t1), null);
+          break;
+        }
+        ++i;
+      }
+      if (buffer == null)
+        return text;
+      if (exponent._readLocal$0() > 0) {
+        t1 = exponent._readLocal$0();
+        t2 = buffer._contents;
+        t3 = negative ? 1 : 0;
+        additionalZeroes = t1 - (t2.length - 1 - t3);
+        for (t1 = t2, i = 0; i < additionalZeroes; ++i) {
+          t1 = A.Primitives_stringFromCharCode(48);
+          t1 = buffer._contents += t1;
+        }
+        return t1.charCodeAt(0) == 0 ? t1 : t1;
+      } else {
+        negative = text.charCodeAt(0) === 45;
+        t1 = (negative ? A.Primitives_stringFromCharCode(45) : "") + "0.";
+        i = -1;
+        while (true) {
+          t2 = exponent.__late_helper$_value;
+          if (t2 === exponent)
+            A.throwExpression(A.LateError$localNI(""));
+          if (!(i > t2))
+            break;
+          t1 += A.Primitives_stringFromCharCode(48);
+          --i;
+        }
+        if (negative) {
+          t2 = buffer._contents;
+          t2 = B.JSString_methods.substring$1(t2.charCodeAt(0) == 0 ? t2 : t2, 1);
+        } else
+          t2 = buffer;
+        t2 = t1 + A.S(t2);
+        return t2.charCodeAt(0) == 0 ? t2 : t2;
+      }
+    },
+    _serialize0$_writeRounded$2(text, buffer) {
+      var t1, digits, negative, textIndex, digitsIndex, textIndex0, codeUnit, digitsIndex0, indexAfterPrecision, digitsIndex1, newDigit, writtenIndex;
+      if (B.JSString_methods.endsWith$1(text, ".0")) {
+        buffer.write$1(0, B.JSString_methods.substring$2(text, 0, text.length - 2));
+        return;
+      }
+      t1 = text.length;
+      digits = new Uint8Array(t1 + 1);
+      negative = text.charCodeAt(0) === 45;
+      textIndex = negative ? 1 : 0;
+      for (digitsIndex = 1; true; textIndex = textIndex0, digitsIndex = digitsIndex0) {
+        if (textIndex === t1) {
+          buffer.write$1(0, text);
+          return;
+        }
+        textIndex0 = textIndex + 1;
+        codeUnit = text.charCodeAt(textIndex);
+        if (codeUnit === 46) {
+          textIndex = textIndex0;
+          break;
+        }
+        digitsIndex0 = digitsIndex + 1;
+        digits[digitsIndex] = codeUnit - 48;
+      }
+      indexAfterPrecision = textIndex + 10;
+      if (indexAfterPrecision >= t1) {
+        buffer.write$1(0, text);
+        return;
+      }
+      for (digitsIndex0 = digitsIndex; textIndex < indexAfterPrecision; textIndex = textIndex0, digitsIndex0 = digitsIndex1) {
+        digitsIndex1 = digitsIndex0 + 1;
+        textIndex0 = textIndex + 1;
+        digits[digitsIndex0] = text.charCodeAt(textIndex) - 48;
+      }
+      if (text.charCodeAt(textIndex) - 48 >= 5)
+        for (; true; digitsIndex0 = digitsIndex1) {
+          digitsIndex1 = digitsIndex0 - 1;
+          newDigit = digits[digitsIndex1] + 1;
+          digits[digitsIndex1] = newDigit;
+          if (newDigit !== 10)
+            break;
+        }
+      for (; digitsIndex0 < digitsIndex; ++digitsIndex0)
+        digits[digitsIndex0] = 0;
+      while (true) {
+        t1 = digitsIndex0 > digitsIndex;
+        if (!(t1 && digits[digitsIndex0 - 1] === 0))
+          break;
+        --digitsIndex0;
+      }
+      if (digitsIndex0 === 2 && digits[0] === 0 && digits[1] === 0) {
+        buffer.writeCharCode$1(48);
+        return;
+      }
+      if (negative)
+        buffer.writeCharCode$1(45);
+      if (digits[0] === 0)
+        writtenIndex = this._serialize0$_style === B.OutputStyle_10 && digits[1] === 0 ? 2 : 1;
+      else
+        writtenIndex = 0;
+      for (; writtenIndex < digitsIndex; ++writtenIndex)
+        buffer.writeCharCode$1(48 + digits[writtenIndex]);
+      if (t1) {
+        buffer.writeCharCode$1(46);
+        for (; writtenIndex < digitsIndex0; ++writtenIndex)
+          buffer.writeCharCode$1(48 + digits[writtenIndex]);
+      }
+    },
+    _serialize0$_visitQuotedString$2$forceDoubleQuote(string, forceDoubleQuote) {
+      var t1, includesSingleQuote, includesDoubleQuote, i, char, _1_2, _1_4, _0_0, quote, _this = this,
+        buffer = forceDoubleQuote ? _this._serialize0$_buffer : new A.StringBuffer("");
+      if (forceDoubleQuote)
+        buffer.writeCharCode$1(34);
+      for (t1 = string.length, includesSingleQuote = false, includesDoubleQuote = false, i = 0; i < t1; ++i) {
+        char = string.charCodeAt(i);
+        _1_2 = 39 === char;
+        if (_1_2 && forceDoubleQuote) {
+          buffer.writeCharCode$1(39);
+          continue;
+        }
+        if (_1_2 && includesDoubleQuote) {
+          _this._serialize0$_visitQuotedString$2$forceDoubleQuote(string, true);
+          return;
+        }
+        if (_1_2) {
+          buffer.writeCharCode$1(39);
+          includesSingleQuote = true;
+          continue;
+        }
+        _1_4 = 34 === char;
+        if (_1_4 && forceDoubleQuote) {
+          buffer.writeCharCode$1(92);
+          buffer.writeCharCode$1(34);
+          continue;
+        }
+        if (_1_4 && includesSingleQuote) {
+          _this._serialize0$_visitQuotedString$2$forceDoubleQuote(string, true);
+          return;
+        }
+        if (_1_4) {
+          buffer.writeCharCode$1(34);
+          includesDoubleQuote = true;
+          continue;
+        }
+        if (0 === char || 1 === char || 2 === char || 3 === char || 4 === char || 5 === char || 6 === char || 7 === char || 8 === char || 10 === char || 11 === char || 12 === char || 13 === char || 14 === char || 15 === char || 16 === char || 17 === char || 18 === char || 19 === char || 20 === char || 21 === char || 22 === char || 23 === char || 24 === char || 25 === char || 26 === char || 27 === char || 28 === char || 29 === char || 30 === char || 31 === char || 127 === char) {
+          _this._serialize0$_writeEscape$4(buffer, char, string, i);
+          continue;
+        }
+        if (92 === char) {
+          buffer.writeCharCode$1(92);
+          buffer.writeCharCode$1(92);
+          continue;
+        }
+        _0_0 = _this._serialize0$_tryPrivateUseCharacter$4(buffer, char, string, i);
+        if (_0_0 != null)
+          i = _0_0;
+        else
+          buffer.writeCharCode$1(char);
+      }
+      if (forceDoubleQuote)
+        buffer.writeCharCode$1(34);
+      else {
+        quote = includesDoubleQuote ? 39 : 34;
+        t1 = _this._serialize0$_buffer;
+        t1.writeCharCode$1(quote);
+        t1.write$1(0, buffer);
+        t1.writeCharCode$1(quote);
+      }
+    },
+    _serialize0$_visitQuotedString$1(string) {
+      return this._serialize0$_visitQuotedString$2$forceDoubleQuote(string, false);
+    },
+    _serialize0$_visitUnquotedString$1(string) {
+      var t1, t2, afterNewline, i, _1_0, _0_0;
+      for (t1 = string.length, t2 = this._serialize0$_buffer, afterNewline = false, i = 0; i < t1; ++i) {
+        _1_0 = string.charCodeAt(i);
+        if (10 === _1_0) {
+          t2.writeCharCode$1(32);
+          afterNewline = true;
+          continue;
+        }
+        if (32 === _1_0) {
+          if (!afterNewline)
+            t2.writeCharCode$1(32);
+          continue;
+        }
+        _0_0 = this._serialize0$_tryPrivateUseCharacter$4(t2, _1_0, string, i);
+        if (_0_0 != null)
+          i = _0_0;
+        else
+          t2.writeCharCode$1(_1_0);
+        afterNewline = false;
+      }
+    },
+    _serialize0$_tryPrivateUseCharacter$4(buffer, codeUnit, string, i) {
+      var t1;
+      if (this._serialize0$_style === B.OutputStyle_10)
+        return null;
+      if (codeUnit >= 57344 && codeUnit <= 63743) {
+        this._serialize0$_writeEscape$4(buffer, codeUnit, string, i);
+        return i;
+      }
+      if (codeUnit >>> 7 === 439 && string.length > i + 1) {
+        t1 = i + 1;
+        this._serialize0$_writeEscape$4(buffer, A.combineSurrogates(codeUnit, string.charCodeAt(t1)), string, t1);
+        return t1;
+      }
+      return null;
+    },
+    _serialize0$_writeEscape$4(buffer, character, string, i) {
+      var t1, next;
+      buffer.writeCharCode$1(92);
+      buffer.write$1(0, B.JSInt_methods.toRadixString$1(character, 16));
+      t1 = i + 1;
+      if (string.length === t1)
+        return;
+      next = string.charCodeAt(t1);
+      if (A.CharacterExtension_get_isHex0(next) || 32 === next || 9 === next)
+        buffer.writeCharCode$1(32);
+    },
+    visitAttributeSelector$1(attribute) {
+      var _0_0, t2,
+        t1 = this._serialize0$_buffer;
+      t1.writeCharCode$1(91);
+      t1.write$1(0, attribute.name);
+      _0_0 = attribute.value;
+      if (_0_0 != null) {
+        t1.write$1(0, attribute.op);
+        if (A.Parser_isIdentifier0(_0_0) && !B.JSString_methods.startsWith$1(_0_0, "--")) {
+          t1.write$1(0, _0_0);
+          t2 = attribute.modifier;
+          if (t2 != null)
+            t1.writeCharCode$1(32);
+        } else {
+          this._serialize0$_visitQuotedString$1(_0_0);
+          t2 = attribute.modifier;
+          if (t2 != null)
+            if (this._serialize0$_style !== B.OutputStyle_10)
+              t1.writeCharCode$1(32);
+        }
+        A.NullableExtension_andThen0(t2, t1.get$write(t1));
+      }
+      t1.writeCharCode$1(93);
+    },
+    visitClassSelector$1(klass) {
+      var t1 = this._serialize0$_buffer;
+      t1.writeCharCode$1(46);
+      t1.write$1(0, klass.name);
+    },
+    visitComplexSelector$1(complex) {
+      var t2, t3, t4, t5, t6, i, component, t7, t8, t9, _this = this,
+        t1 = complex.leadingCombinators;
+      _this._serialize0$_writeCombinators$1(t1);
+      if (t1.length >= 1 && complex.components.length >= 1)
+        if (_this._serialize0$_style !== B.OutputStyle_10)
+          _this._serialize0$_buffer.writeCharCode$1(32);
+      for (t1 = complex.components, t2 = t1.length, t3 = t2 - 1, t4 = _this._serialize0$_buffer, t5 = _this._serialize0$_style === B.OutputStyle_10, t6 = !t5, i = 0; i < t2; ++i) {
+        component = t1[i];
+        _this.visitCompoundSelector$1(component.selector);
+        t7 = component.combinators;
+        t8 = t7.length === 0;
+        if (!t8)
+          if (t6)
+            t4.writeCharCode$1(32);
+        t9 = t5 ? "" : " ";
+        _this._serialize0$_writeBetween$3(t7, t9, t4.get$write(t4));
+        if (i !== t3)
+          t7 = !t5 || t8;
+        else
+          t7 = false;
+        if (t7)
+          t4.writeCharCode$1(32);
+      }
+    },
+    _serialize0$_writeCombinators$1(combinators) {
+      var t1 = this._serialize0$_style === B.OutputStyle_10 ? "" : " ",
+        t2 = this._serialize0$_buffer;
+      return this._serialize0$_writeBetween$3(combinators, t1, t2.get$write(t2));
+    },
+    visitCompoundSelector$1(compound) {
+      var t2, t3, _i,
+        t1 = this._serialize0$_buffer,
+        start = t1.get$length(t1);
+      for (t2 = compound.components, t3 = t2.length, _i = 0; _i < t3; ++_i)
+        t2[_i].accept$1(this);
+      if (t1.get$length(t1) === start)
+        t1.writeCharCode$1(42);
+    },
+    visitIDSelector$1(id) {
+      var t1 = this._serialize0$_buffer;
+      t1.writeCharCode$1(35);
+      t1.write$1(0, id.name);
+    },
+    visitSelectorList$1(list) {
+      var t1, t2, t3, t4, first, t5, _this = this,
+        complexes = list.components;
+      for (t1 = J.get$iterator$ax(_this._serialize0$_inspect ? complexes : new A.WhereIterable(complexes, new A._SerializeVisitor_visitSelectorList_closure0(), A._arrayInstanceType(complexes)._eval$1("WhereIterable<1>"))), t2 = _this._serialize0$_style !== B.OutputStyle_10, t3 = _this._serialize0$_buffer, t4 = _this._lineFeed.text, first = true; t1.moveNext$0();) {
+        t5 = t1.get$current(t1);
+        if (first)
+          first = false;
+        else {
+          t3.writeCharCode$1(44);
+          if (t5.lineBreak) {
+            if (t2)
+              t3.write$1(0, t4);
+            _this._serialize0$_writeIndentation$0();
+          } else if (t2)
+            t3.writeCharCode$1(32);
+        }
+        _this.visitComplexSelector$1(t5);
+      }
+    },
+    visitParentSelector$1($parent) {
+      var t1 = this._serialize0$_buffer;
+      t1.writeCharCode$1(38);
+      A.NullableExtension_andThen0($parent.suffix, t1.get$write(t1));
+    },
+    visitPlaceholderSelector$1(placeholder) {
+      var t1 = this._serialize0$_buffer;
+      t1.writeCharCode$1(37);
+      t1.write$1(0, placeholder.name);
+    },
+    visitPseudoSelector$1(pseudo) {
+      var _0_4, t3,
+        t1 = pseudo.name,
+        t2 = false;
+      if ("not" === t1) {
+        _0_4 = pseudo.selector;
+        if (_0_4 instanceof A.SelectorList0)
+          t2 = (_0_4 == null ? type$.SelectorList_2._as(_0_4) : _0_4).accept$1(B._IsInvisibleVisitor_true0);
+      }
+      if (t2)
+        return;
+      t2 = this._serialize0$_buffer;
+      t2.writeCharCode$1(58);
+      if (!pseudo.isSyntacticClass)
+        t2.writeCharCode$1(58);
+      t2.write$1(0, t1);
+      t1 = pseudo.argument;
+      t3 = t1 == null;
+      if (t3 && pseudo.selector == null)
+        return;
+      t2.writeCharCode$1(40);
+      if (!t3) {
+        t2.write$1(0, t1);
+        if (pseudo.selector != null)
+          t2.writeCharCode$1(32);
+      }
+      A.NullableExtension_andThen0(pseudo.selector, this.get$visitSelectorList());
+      t2.writeCharCode$1(41);
+    },
+    visitTypeSelector$1(type) {
+      this._serialize0$_buffer.write$1(0, type.name);
+    },
+    visitUniversalSelector$1(universal) {
+      var t2,
+        t1 = universal.namespace;
+      if (t1 != null) {
+        t2 = this._serialize0$_buffer;
+        t2.write$1(0, t1);
+        t2.writeCharCode$1(124);
+      }
+      this._serialize0$_buffer.writeCharCode$1(42);
+    },
+    _serialize0$_write$1(value) {
+      return this._serialize0$_buffer.forSpan$2(value.span, new A._SerializeVisitor__write_closure0(this, value));
+    },
+    _serialize0$_visitChildren$1($parent) {
+      var t2, t3, t4, t5, t6, t7, t8, prePrevious, previous, t9, previous0, t10, savedIndentation, _this = this,
+        t1 = _this._serialize0$_buffer;
+      t1.writeCharCode$1(123);
+      for (t2 = $parent.children, t3 = t2.$ti, t2 = new A.ListIterator(t2, t2.get$length(0), t3._eval$1("ListIterator<ListBase.E>")), t4 = _this._serialize0$_style === B.OutputStyle_10, t5 = !t4, t6 = _this.get$_serialize0$_requiresSemicolon(), t7 = !_this._serialize0$_inspect, t3 = t3._eval$1("ListBase.E"), t8 = _this._lineFeed.text, prePrevious = null, previous = null; t2.moveNext$0();) {
+        t9 = t2.__internal$_current;
+        previous0 = t9 == null ? t3._as(t9) : t9;
+        if (t7)
+          t9 = t4 ? previous0.accept$1(B._IsInvisibleVisitor_true_true0) : previous0.accept$1(B._IsInvisibleVisitor_true_false0);
+        else
+          t9 = false;
+        if (t9)
+          continue;
+        t9 = previous == null;
+        t10 = t9 ? null : t6.call$1(previous);
+        if (t10 == null ? false : t10)
+          t1.writeCharCode$1(59);
+        if (_this._serialize0$_isTrailingComment$2(previous0, t9 ? $parent : previous)) {
+          if (t5)
+            t1.writeCharCode$1(32);
+          savedIndentation = _this._serialize0$_indentation;
+          _this._serialize0$_indentation = 0;
+          new A._SerializeVisitor__visitChildren_closure1(_this, previous0).call$0();
+          _this._serialize0$_indentation = savedIndentation;
+        } else {
+          if (t5)
+            t1.write$1(0, t8);
+          ++_this._serialize0$_indentation;
+          new A._SerializeVisitor__visitChildren_closure2(_this, previous0).call$0();
+          --_this._serialize0$_indentation;
+        }
+        prePrevious = previous;
+        previous = previous0;
+      }
+      if (previous != null) {
+        if ((type$.CssParentNode_2._is(previous) ? previous.get$isChildless() : !(previous instanceof A.ModifiableCssComment0)) && t5)
+          t1.writeCharCode$1(59);
+        if (prePrevious == null && _this._serialize0$_isTrailingComment$2(previous, $parent)) {
+          if (t5)
+            t1.writeCharCode$1(32);
+        } else {
+          _this._serialize0$_writeLineFeed$0();
+          _this._serialize0$_writeIndentation$0();
+        }
+      }
+      t1.writeCharCode$1(125);
+    },
+    _serialize0$_requiresSemicolon$1(node) {
+      return type$.CssParentNode_2._is(node) ? node.get$isChildless() : !(node instanceof A.ModifiableCssComment0);
+    },
+    _serialize0$_isTrailingComment$2(node, previous) {
+      var t1, t2, t3, searchFrom, endOffset, t4, span;
+      if (this._serialize0$_style === B.OutputStyle_10)
+        return false;
+      if (!(node instanceof A.ModifiableCssComment0))
+        return false;
+      t1 = node.span;
+      t2 = t1.get$sourceUrl(t1);
+      t3 = previous.get$span(previous);
+      if (!J.$eq$(t2, t3.get$sourceUrl(t3)))
+        return false;
+      t2 = previous.get$span(previous);
+      if (!(J.$eq$(t2.get$file(t2).url, t1.get$file(t1).url) && t2.get$start(t2).offset <= t1.get$start(t1).offset && t2.get$end(t2).offset >= t1.get$end(t1).offset)) {
+        t1 = t1.get$start(t1);
+        t1 = t1.file.getLine$1(t1.offset);
+        t2 = previous.get$span(previous);
+        t2 = t2.get$end(t2);
+        return t1 === t2.file.getLine$1(t2.offset);
+      }
+      t2 = t1.get$start(t1);
+      t3 = previous.get$span(previous);
+      searchFrom = t2.offset - t3.get$start(t3).offset - 1;
+      if (searchFrom < 0)
+        return false;
+      endOffset = Math.max(0, B.JSString_methods.lastIndexOf$2(previous.get$span(previous).get$text(), "{", searchFrom));
+      t2 = previous.get$span(previous);
+      t2 = t2.get$file(t2);
+      t3 = previous.get$span(previous);
+      t3 = t3.get$start(t3);
+      t4 = previous.get$span(previous);
+      span = t2.span$2(0, t3.offset, t4.get$start(t4).offset + endOffset);
+      t1 = t1.get$start(t1);
+      t1 = t1.file.getLine$1(t1.offset);
+      t4 = A.FileLocation$_(span.file, span._end);
+      return t1 === t4.file.getLine$1(t4.offset);
+    },
+    _serialize0$_writeLineFeed$0() {
+      if (this._serialize0$_style !== B.OutputStyle_10)
+        this._serialize0$_buffer.write$1(0, this._lineFeed.text);
+    },
+    _serialize0$_writeIndentation$0() {
+      var _this = this;
+      if (_this._serialize0$_style === B.OutputStyle_10)
+        return;
+      _this._serialize0$_writeTimes$2(_this._serialize0$_indentCharacter, _this._serialize0$_indentation * _this._serialize0$_indentWidth);
+    },
+    _serialize0$_writeTimes$2(char, times) {
+      var t1, i;
+      for (t1 = this._serialize0$_buffer, i = 0; i < times; ++i)
+        t1.writeCharCode$1(char);
+    },
+    _serialize0$_writeBetween$1$3(iterable, text, callback) {
+      var t1, t2, first, value;
+      for (t1 = J.get$iterator$ax(iterable), t2 = this._serialize0$_buffer, first = true; t1.moveNext$0();) {
+        value = t1.get$current(t1);
+        if (first)
+          first = false;
+        else
+          t2.write$1(0, text);
+        callback.call$1(value);
+      }
+    },
+    _serialize0$_writeBetween$3(iterable, text, callback) {
+      return this._serialize0$_writeBetween$1$3(iterable, text, callback, type$.dynamic);
+    }
+  };
+  A._SerializeVisitor_visitCssComment_closure0.prototype = {
+    call$0() {
+      var t2, t3, _0_0, minimumIndentation,
+        t1 = this.$this;
+      if (t1._serialize0$_style === B.OutputStyle_10 && this.node.text.charCodeAt(2) !== 33)
+        return;
+      t2 = this.node;
+      t3 = t2.text;
+      if (B.JSString_methods.startsWith$1(t3, A.RegExp_RegExp("/\\*# source(Mapping)?URL=", false)))
+        return;
+      _0_0 = t1._serialize0$_minimumIndentation$1(t3);
+      if (_0_0 != null) {
+        t2 = t2.span;
+        t2 = t2.get$start(t2);
+        minimumIndentation = Math.min(_0_0, t2.file.getColumn$1(t2.offset));
+        t1._serialize0$_writeIndentation$0();
+        t1._serialize0$_writeWithIndent$2(t3, minimumIndentation);
+      } else {
+        t1._serialize0$_writeIndentation$0();
+        t1._serialize0$_buffer.write$1(0, t3);
+      }
+    },
+    $signature: 1
+  };
+  A._SerializeVisitor_visitCssAtRule_closure0.prototype = {
+    call$0() {
+      var t3, _0_0,
+        t1 = this.$this,
+        t2 = t1._serialize0$_buffer;
+      t2.writeCharCode$1(64);
+      t3 = this.node;
+      t1._serialize0$_write$1(t3.name);
+      _0_0 = t3.value;
+      if (_0_0 != null) {
+        t2.writeCharCode$1(32);
+        t1._serialize0$_write$1(_0_0);
+      }
+    },
+    $signature: 1
+  };
+  A._SerializeVisitor_visitCssMediaRule_closure0.prototype = {
+    call$0() {
+      var t3, firstQuery, t4, t5,
+        t1 = this.$this,
+        t2 = t1._serialize0$_buffer;
+      t2.write$1(0, "@media");
+      t3 = this.node.queries;
+      firstQuery = B.JSArray_methods.get$first(t3);
+      t4 = t1._serialize0$_style === B.OutputStyle_10;
+      t5 = true;
+      if (t4)
+        if (firstQuery.modifier == null)
+          if (firstQuery.type == null) {
+            t5 = firstQuery.conditions;
+            t5 = t5.length === 1 && B.JSString_methods.startsWith$1(B.JSArray_methods.get$first(t5), "(not ");
+          }
+      if (t5)
+        t2.writeCharCode$1(32);
+      t2 = t4 ? "," : ", ";
+      t1._serialize0$_writeBetween$3(t3, t2, t1.get$_serialize0$_visitMediaQuery());
+    },
+    $signature: 1
+  };
+  A._SerializeVisitor_visitCssImport_closure0.prototype = {
+    call$0() {
+      var t3, t4, _0_0,
+        t1 = this.$this,
+        t2 = t1._serialize0$_buffer;
+      t2.write$1(0, "@import");
+      t3 = t1._serialize0$_style !== B.OutputStyle_10;
+      if (t3)
+        t2.writeCharCode$1(32);
+      t4 = this.node;
+      t2.forSpan$2(t4.url.span, new A._SerializeVisitor_visitCssImport__closure0(t1, t4));
+      _0_0 = t4.modifiers;
+      if (_0_0 != null) {
+        if (t3)
+          t2.writeCharCode$1(32);
+        t2.write$1(0, _0_0);
+      }
+    },
+    $signature: 1
+  };
+  A._SerializeVisitor_visitCssImport__closure0.prototype = {
+    call$0() {
+      return this.$this._serialize0$_writeImportUrl$1(this.node.url.value);
+    },
+    $signature: 0
+  };
+  A._SerializeVisitor_visitCssKeyframeBlock_closure0.prototype = {
+    call$0() {
+      var t1 = this.$this,
+        t2 = t1._serialize0$_style === B.OutputStyle_10 ? "," : ", ",
+        t3 = t1._serialize0$_buffer;
+      return t1._serialize0$_writeBetween$3(this.node.selector.value, t2, t3.get$write(t3));
+    },
+    $signature: 0
+  };
+  A._SerializeVisitor_visitCssStyleRule_closure0.prototype = {
+    call$0() {
+      return this.$this.visitSelectorList$1(this.node._style_rule0$_selector._box0$_inner.value);
+    },
+    $signature: 0
+  };
+  A._SerializeVisitor_visitCssSupportsRule_closure0.prototype = {
+    call$0() {
+      var t1 = this.$this,
+        t2 = t1._serialize0$_buffer;
+      t2.write$1(0, "@supports");
+      if (!(t1._serialize0$_style === B.OutputStyle_10 && this.node.condition.value.charCodeAt(0) === 40))
+        t2.writeCharCode$1(32);
+      t1._serialize0$_write$1(this.node.condition);
+    },
+    $signature: 1
+  };
+  A._SerializeVisitor_visitCssDeclaration_closure1.prototype = {
+    call$0() {
+      var t1 = this.$this,
+        t2 = this.node;
+      if (t1._serialize0$_style === B.OutputStyle_10)
+        t1._serialize0$_writeFoldedValue$1(t2);
+      else
+        t1._serialize0$_writeReindentedValue$1(t2);
+    },
+    $signature: 1
+  };
+  A._SerializeVisitor_visitCssDeclaration_closure2.prototype = {
+    call$0() {
+      return this.node.value.value.accept$1(this.$this);
+    },
+    $signature: 0
+  };
+  A._SerializeVisitor_visitList_closure2.prototype = {
+    call$1(element) {
+      return !element.get$isBlank();
+    },
+    $signature: 52
+  };
+  A._SerializeVisitor_visitList_closure3.prototype = {
+    call$1(element) {
+      var t1 = this.$this,
+        needsParens = t1._serialize0$_elementNeedsParens$2(this.value._list1$_separator, element);
+      if (needsParens)
+        t1._serialize0$_buffer.writeCharCode$1(40);
+      element.accept$1(t1);
+      if (needsParens)
+        t1._serialize0$_buffer.writeCharCode$1(41);
+    },
+    $signature: 66
+  };
+  A._SerializeVisitor_visitList_closure4.prototype = {
+    call$1(element) {
+      element.accept$1(this.$this);
+    },
+    $signature: 66
+  };
+  A._SerializeVisitor_visitMap_closure0.prototype = {
+    call$1(entry) {
+      var t1 = this.$this;
+      t1._serialize0$_writeMapElement$1(entry.key);
+      t1._serialize0$_buffer.write$1(0, ": ");
+      t1._serialize0$_writeMapElement$1(entry.value);
+    },
+    $signature: 577
+  };
+  A._SerializeVisitor_visitSelectorList_closure0.prototype = {
+    call$1(complex) {
+      return !complex.accept$1(B._IsInvisibleVisitor_true0);
+    },
+    $signature: 21
+  };
+  A._SerializeVisitor__write_closure0.prototype = {
+    call$0() {
+      return this.$this._serialize0$_buffer.write$1(0, this.value.value);
+    },
+    $signature: 0
+  };
+  A._SerializeVisitor__visitChildren_closure1.prototype = {
+    call$0() {
+      return this.child.accept$1(this.$this);
+    },
+    $signature: 0
+  };
+  A._SerializeVisitor__visitChildren_closure2.prototype = {
+    call$0() {
+      this.child.accept$1(this.$this);
+    },
+    $signature: 0
+  };
+  A.OutputStyle0.prototype = {
+    _enumToString$0() {
+      return "OutputStyle." + this._name;
+    }
+  };
+  A.LineFeed0.prototype = {
+    _enumToString$0() {
+      return "LineFeed." + this._name;
+    },
+    toString$0(_) {
+      return this.name;
+    }
+  };
+  A.JSSet.prototype = {};
+  A.ShadowedModuleView0.prototype = {
+    get$url(_) {
+      var t1 = this._shadowed_view0$_inner;
+      return t1.get$url(t1);
+    },
+    get$upstream() {
+      return this._shadowed_view0$_inner.get$upstream();
+    },
+    get$extensionStore() {
+      return this._shadowed_view0$_inner.get$extensionStore();
+    },
+    get$css(_) {
+      var t1 = this._shadowed_view0$_inner;
+      return t1.get$css(t1);
+    },
+    get$preModuleComments() {
+      return this._shadowed_view0$_inner.get$preModuleComments();
+    },
+    get$transitivelyContainsCss() {
+      return this._shadowed_view0$_inner.get$transitivelyContainsCss();
+    },
+    get$transitivelyContainsExtensions() {
+      return this._shadowed_view0$_inner.get$transitivelyContainsExtensions();
+    },
+    setVariable$3($name, value, nodeWithSpan) {
+      if (!this.variables.containsKey$1($name))
+        throw A.wrapException(A.SassScriptException$0("Undefined variable.", null));
+      else
+        this._shadowed_view0$_inner.setVariable$3($name, value, nodeWithSpan);
+    },
+    variableIdentity$1($name) {
+      return this._shadowed_view0$_inner.variableIdentity$1($name);
+    },
+    couldHaveBeenConfigured$1(variables) {
+      var t3, t4,
+        t1 = this.variables,
+        t2 = this._shadowed_view0$_inner;
+      if (t1 === t2.get$variables())
+        t1 = t2.couldHaveBeenConfigured$1(variables);
+      else {
+        t3 = A.LinkedHashSet_LinkedHashSet$_empty(type$.String);
+        for (t1 = t1.get$keys(t1), t1 = t1.get$iterator(t1); t1.moveNext$0();) {
+          t4 = t1.get$current(t1);
+          if (variables.contains$1(0, t4))
+            t3.add$1(0, t4);
+        }
+        t1 = t2.couldHaveBeenConfigured$1(t3);
+      }
+      return t1;
+    },
+    $eq(_, other) {
+      var t1, t2, t3, _this = this;
+      if (other == null)
+        return false;
+      t1 = false;
+      if (other instanceof A.ShadowedModuleView0)
+        if (_this._shadowed_view0$_inner.$eq(0, other._shadowed_view0$_inner)) {
+          t2 = _this.variables;
+          t2 = t2.get$keys(t2);
+          t3 = other.variables;
+          if (B.C_IterableEquality.equals$2(0, t2, t3.get$keys(t3))) {
+            t2 = _this.functions;
+            t2 = t2.get$keys(t2);
+            t3 = other.functions;
+            if (B.C_IterableEquality.equals$2(0, t2, t3.get$keys(t3))) {
+              t1 = _this.mixins;
+              t1 = t1.get$keys(t1);
+              t2 = other.mixins;
+              t2 = B.C_IterableEquality.equals$2(0, t1, t2.get$keys(t2));
+              t1 = t2;
+            }
+          }
+        }
+      return t1;
+    },
+    get$hashCode(_) {
+      var t1 = this._shadowed_view0$_inner;
+      return t1.get$hashCode(t1);
+    },
+    cloneCss$0() {
+      var _this = this;
+      return new A.ShadowedModuleView0(_this._shadowed_view0$_inner.cloneCss$0(), _this.variables, _this.variableNodes, _this.functions, _this.mixins, _this.$ti);
+    },
+    toString$0(_) {
+      return "shadowed " + this._shadowed_view0$_inner.toString$0(0);
+    },
+    $isModule1: 1,
+    get$variables() {
+      return this.variables;
+    },
+    get$variableNodes() {
+      return this.variableNodes;
+    },
+    get$functions(receiver) {
+      return this.functions;
+    },
+    get$mixins() {
+      return this.mixins;
+    }
+  };
+  A.SilentComment0.prototype = {
+    accept$1$1(visitor) {
+      return visitor.visitSilentComment$1(0, this);
+    },
+    accept$1(visitor) {
+      return this.accept$1$1(visitor, type$.dynamic);
+    },
+    toString$0(_) {
+      return this.text;
+    },
+    get$span(receiver) {
+      return this.span;
+    }
+  };
+  A.SimpleSelector0.prototype = {
+    get$specificity() {
+      return 1000;
+    },
+    get$hasComplicatedSuperselectorSemantics() {
+      return false;
+    },
+    addSuffix$1(suffix) {
+      return A.throwExpression(A.MultiSpanSassException$0('Selector "' + this.toString$0(0) + "\" can't have a suffix", this.span, "outer selector", A.LinkedHashMap_LinkedHashMap$_empty(type$.FileSpan, type$.String), null));
+    },
+    unify$1(compound) {
+      var other, result, addedThis, _i, simple, _this = this,
+        t1 = false;
+      if (compound.length === 1) {
+        other = compound[0];
+        if (!(other instanceof A.UniversalSelector0)) {
+          if (other instanceof A.PseudoSelector0)
+            t1 = other.isClass && other.name === "host" || other.get$isHostContext();
+        } else
+          t1 = true;
+      } else
+        other = null;
+      if (t1)
+        return other.unify$1(A._setArrayType([_this], type$.JSArray_SimpleSelector_2));
+      if (B.JSArray_methods.contains$1(compound, _this))
+        return compound;
+      result = A._setArrayType([], type$.JSArray_SimpleSelector_2);
+      for (t1 = compound.length, addedThis = false, _i = 0; _i < compound.length; compound.length === t1 || (0, A.throwConcurrentModificationError)(compound), ++_i) {
+        simple = compound[_i];
+        if (!addedThis && simple instanceof A.PseudoSelector0) {
+          result.push(_this);
+          addedThis = true;
+        }
+        result.push(simple);
+      }
+      if (!addedThis)
+        result.push(_this);
+      return result;
+    },
+    isSuperselector$1(other) {
+      var list;
+      if (this.$eq(0, other))
+        return true;
+      if (other instanceof A.PseudoSelector0 && other.isClass) {
+        list = other.selector;
+        if (list != null && $._subselectorPseudos0.contains$1(0, other.normalizedName))
+          return B.JSArray_methods.every$1(list.components, new A.SimpleSelector_isSuperselector_closure0(this));
+      }
+      return false;
+    }
+  };
+  A.SimpleSelector_isSuperselector_closure0.prototype = {
+    call$1(complex) {
+      var t1 = complex.components;
+      return t1.length !== 0 && B.JSArray_methods.any$1(B.JSArray_methods.get$last(t1).selector.components, new A.SimpleSelector_isSuperselector__closure0(this.$this));
+    },
+    $signature: 21
+  };
+  A.SimpleSelector_isSuperselector__closure0.prototype = {
+    call$1(simple) {
+      return this.$this.isSuperselector$1(simple);
+    },
+    $signature: 14
+  };
+  A.SingleUnitSassNumber0.prototype = {
+    get$numeratorUnits(_) {
+      return A.List_List$unmodifiable([this._single_unit$_unit], type$.String);
+    },
+    get$denominatorUnits(_) {
+      return B.List_empty;
+    },
+    get$hasUnits() {
+      return true;
+    },
+    get$hasComplexUnits() {
+      return false;
+    },
+    withValue$1(value) {
+      return new A.SingleUnitSassNumber0(this._single_unit$_unit, value, null);
+    },
+    withSlash$2(numerator, denominator) {
+      return new A.SingleUnitSassNumber0(this._single_unit$_unit, this._number1$_value, new A._Record_2(numerator, denominator));
+    },
+    hasUnit$1(unit) {
+      return unit === this._single_unit$_unit;
+    },
+    hasCompatibleUnits$1(other) {
+      return other instanceof A.SingleUnitSassNumber0 && A.conversionFactor0(this._single_unit$_unit, other._single_unit$_unit) != null;
+    },
+    hasPossiblyCompatibleUnits$1(other) {
+      var t1, knownCompatibilities, otherUnit;
+      if (!(other instanceof A.SingleUnitSassNumber0))
+        return false;
+      t1 = $.$get$_knownCompatibilitiesByUnit0();
+      knownCompatibilities = t1.$index(0, this._single_unit$_unit.toLowerCase());
+      if (knownCompatibilities == null)
+        return true;
+      otherUnit = other._single_unit$_unit.toLowerCase();
+      return knownCompatibilities.contains$1(0, otherUnit) || !t1.containsKey$1(otherUnit);
+    },
+    compatibleWithUnit$1(unit) {
+      return A.conversionFactor0(this._single_unit$_unit, unit) != null;
+    },
+    coerceToMatch$3(other, $name, otherName) {
+      var t1 = other instanceof A.SingleUnitSassNumber0 ? this._single_unit$_coerceToUnit$1(other._single_unit$_unit) : null;
+      return t1 == null ? this.super$SassNumber$coerceToMatch0(other, $name, otherName) : t1;
+    },
+    coerceToMatch$1(other) {
+      return this.coerceToMatch$3(other, null, null);
+    },
+    coerceValueToMatch$3(other, $name, otherName) {
+      var t1 = other instanceof A.SingleUnitSassNumber0 ? this._single_unit$_coerceValueToUnit$1(other._single_unit$_unit) : null;
+      return t1 == null ? this.super$SassNumber$coerceValueToMatch0(other, $name, otherName) : t1;
+    },
+    coerceValueToMatch$1(other) {
+      return this.coerceValueToMatch$3(other, null, null);
+    },
+    convertToMatch$3(other, $name, otherName) {
+      var t1 = other instanceof A.SingleUnitSassNumber0 ? this._single_unit$_coerceToUnit$1(other._single_unit$_unit) : null;
+      return t1 == null ? this.super$SassNumber$convertToMatch(other, $name, otherName) : t1;
+    },
+    convertValueToMatch$3(other, $name, otherName) {
+      var t1 = other instanceof A.SingleUnitSassNumber0 ? this._single_unit$_coerceValueToUnit$1(other._single_unit$_unit) : null;
+      return t1 == null ? this.super$SassNumber$convertValueToMatch0(other, $name, otherName) : t1;
+    },
+    convertValueToMatch$1(other) {
+      return this.convertValueToMatch$3(other, null, null);
+    },
+    coerce$3(newNumerators, newDenominators, $name) {
+      var t1 = J.getInterceptor$asx(newNumerators);
+      t1 = t1.get$length(newNumerators) === 1 && J.get$isEmpty$asx(newDenominators) ? this._single_unit$_coerceToUnit$1(t1.$index(newNumerators, 0)) : null;
+      return t1 == null ? this.super$SassNumber$coerce0(newNumerators, newDenominators, $name) : t1;
+    },
+    coerce$2(newNumerators, newDenominators) {
+      return this.coerce$3(newNumerators, newDenominators, null);
+    },
+    coerceValue$3(newNumerators, newDenominators, $name) {
+      var t1 = J.getInterceptor$asx(newNumerators);
+      t1 = t1.get$length(newNumerators) === 1 && J.get$isEmpty$asx(newDenominators) ? this._single_unit$_coerceValueToUnit$1(t1.$index(newNumerators, 0)) : null;
+      return t1 == null ? this.super$SassNumber$coerceValue0(newNumerators, newDenominators, $name) : t1;
+    },
+    coerceValueToUnit$2(unit, $name) {
+      var t1 = this._single_unit$_coerceValueToUnit$1(unit);
+      return t1 == null ? this.super$SassNumber$coerceValueToUnit0(unit, $name) : t1;
+    },
+    coerceValueToUnit$1(unit) {
+      return this.coerceValueToUnit$2(unit, null);
+    },
+    _single_unit$_coerceToUnit$1(unit) {
+      var t1 = this._single_unit$_unit;
+      if (t1 === unit)
+        return this;
+      return A.NullableExtension_andThen0(A.conversionFactor0(unit, t1), new A.SingleUnitSassNumber__coerceToUnit_closure0(this, unit));
+    },
+    _single_unit$_coerceValueToUnit$1(unit) {
+      return A.NullableExtension_andThen0(A.conversionFactor0(unit, this._single_unit$_unit), new A.SingleUnitSassNumber__coerceValueToUnit_closure0(this));
+    },
+    multiplyUnits$3(value, otherNumerators, otherDenominators) {
+      var mutableOtherDenominators, t1 = {};
+      t1.value = value;
+      t1.newNumerators = otherNumerators;
+      mutableOtherDenominators = A._setArrayType(otherDenominators.slice(0), A._arrayInstanceType(otherDenominators));
+      A.removeFirstWhere0(mutableOtherDenominators, new A.SingleUnitSassNumber_multiplyUnits_closure1(t1, this), new A.SingleUnitSassNumber_multiplyUnits_closure2(t1, this));
+      return A.SassNumber_SassNumber$withUnits0(t1.value, mutableOtherDenominators, t1.newNumerators);
+    },
+    unaryMinus$0() {
+      return new A.SingleUnitSassNumber0(this._single_unit$_unit, -this._number1$_value, null);
+    },
+    $eq(_, other) {
+      var factor;
+      if (other == null)
+        return false;
+      if (other instanceof A.SingleUnitSassNumber0) {
+        factor = A.conversionFactor0(other._single_unit$_unit, this._single_unit$_unit);
+        return factor != null && A.fuzzyEquals0(this._number1$_value * factor, other._number1$_value);
+      } else
+        return false;
+    },
+    get$hashCode(_) {
+      var _this = this,
+        t1 = _this.hashCache;
+      return t1 == null ? _this.hashCache = A.fuzzyHashCode0(_this._number1$_value * _this.canonicalMultiplierForUnit$1(_this._single_unit$_unit)) : t1;
+    }
+  };
+  A.SingleUnitSassNumber__coerceToUnit_closure0.prototype = {
+    call$1(factor) {
+      return new A.SingleUnitSassNumber0(this.unit, this.$this._number1$_value * factor, null);
+    },
+    $signature: 578
+  };
+  A.SingleUnitSassNumber__coerceValueToUnit_closure0.prototype = {
+    call$1(factor) {
+      return this.$this._number1$_value * factor;
+    },
+    $signature: 15
+  };
+  A.SingleUnitSassNumber_multiplyUnits_closure1.prototype = {
+    call$1(denominator) {
+      var factor = A.conversionFactor0(denominator, this.$this._single_unit$_unit);
+      if (factor == null)
+        return false;
+      this._box_0.value *= factor;
+      return true;
+    },
+    $signature: 5
+  };
+  A.SingleUnitSassNumber_multiplyUnits_closure2.prototype = {
+    call$0() {
+      var t1 = A._setArrayType([this.$this._single_unit$_unit], type$.JSArray_String),
+        t2 = this._box_0;
+      B.JSArray_methods.addAll$1(t1, t2.newNumerators);
+      t2.newNumerators = t1;
+    },
+    $signature: 0
+  };
+  A.SourceInterpolationVisitor.prototype = {
+    visitBinaryOperationExpression$1(_, node) {
+      return this.buffer = null;
+    },
+    visitBooleanExpression$1(_, node) {
+      return this.buffer = null;
+    },
+    visitColorExpression$1(_, node) {
+      var t2,
+        t1 = this.buffer;
+      if (t1 != null) {
+        t2 = node.span.get$text();
+        t1 = t1._interpolation_buffer0$_text;
+        t1._contents += t2;
+      }
+      return null;
+    },
+    visitFunctionExpression$1(_, node) {
+      return this.buffer = null;
+    },
+    visitInterpolatedFunctionExpression$1(_, node) {
+      var t1 = this.buffer;
+      if (t1 != null)
+        t1.addInterpolation$1(node.name);
+      this._visitArguments$1(node.$arguments);
+    },
+    _visitArguments$1($arguments) {
+      var t2, t3, _this = this,
+        t1 = $arguments.named;
+      if (t1.get$isNotEmpty(t1) || $arguments.rest != null)
+        return;
+      t1 = $arguments.positional;
+      if (t1.length === 0) {
+        t1 = _this.buffer;
+        if (t1 != null) {
+          t2 = $arguments.span.get$text();
+          t1 = t1._interpolation_buffer0$_text;
+          t1._contents += t2;
+        }
+        return;
+      }
+      t2 = _this.buffer;
+      if (t2 != null) {
+        t3 = B.JSArray_methods.get$first(t1);
+        t3 = A.SpanExtensions_before($arguments.span, t3.get$span(t3));
+        t3 = A.String_String$fromCharCodes(B.NativeUint32List_methods.sublist$2(t3.file._decodedChars, t3._file$_start, t3._end), 0, null);
+        t2 = t2._interpolation_buffer0$_text;
+        t2._contents += t3;
+      }
+      _this._writeListAndBetween$2(t1, null);
+      t2 = _this.buffer;
+      if (t2 != null) {
+        t1 = B.JSArray_methods.get$last(t1);
+        t1 = A.SpanExtensions_after($arguments.span, t1.get$span(t1));
+        t1 = A.String_String$fromCharCodes(B.NativeUint32List_methods.sublist$2(t1.file._decodedChars, t1._file$_start, t1._end), 0, null);
+        t2 = t2._interpolation_buffer0$_text;
+        t2._contents += t1;
+      }
+    },
+    visitIfExpression$1(_, node) {
+      return this.buffer = null;
+    },
+    visitListExpression$1(_, node) {
+      var t3, t4, _this = this,
+        t1 = node.contents,
+        t2 = t1.length;
+      if (t2 <= 1 && !node.hasBrackets) {
+        _this.buffer = null;
+        return;
+      }
+      t3 = node.hasBrackets;
+      if (t3 && t2 === 0) {
+        t1 = _this.buffer;
+        if (t1 != null) {
+          t2 = node.span.get$text();
+          t1 = t1._interpolation_buffer0$_text;
+          t1._contents += t2;
+        }
+        return;
+      }
+      if (t3) {
+        t2 = _this.buffer;
+        if (t2 != null) {
+          t4 = B.JSArray_methods.get$first(t1);
+          t4 = A.SpanExtensions_before(node.span, t4.get$span(t4));
+          t4 = A.String_String$fromCharCodes(B.NativeUint32List_methods.sublist$2(t4.file._decodedChars, t4._file$_start, t4._end), 0, null);
+          t2 = t2._interpolation_buffer0$_text;
+          t2._contents += t4;
+        }
+      }
+      _this._writeListAndBetween$1(t1);
+      if (t3) {
+        t2 = _this.buffer;
+        if (t2 != null) {
+          t1 = B.JSArray_methods.get$last(t1);
+          t1 = A.SpanExtensions_after(node.span, t1.get$span(t1));
+          t1 = A.String_String$fromCharCodes(B.NativeUint32List_methods.sublist$2(t1.file._decodedChars, t1._file$_start, t1._end), 0, null);
+          t2 = t2._interpolation_buffer0$_text;
+          t2._contents += t1;
+        }
+      }
+    },
+    visitMapExpression$1(_, node) {
+      return this.buffer = null;
+    },
+    visitNullExpression$1(_, node) {
+      return this.buffer = null;
+    },
+    visitNumberExpression$1(_, node) {
+      var t2,
+        t1 = this.buffer;
+      if (t1 != null) {
+        t2 = node.span.get$text();
+        t1 = t1._interpolation_buffer0$_text;
+        t1._contents += t2;
+      }
+      return null;
+    },
+    visitParenthesizedExpression$1(_, node) {
+      return this.buffer = null;
+    },
+    visitSelectorExpression$1(_, node) {
+      return this.buffer = null;
+    },
+    visitStringExpression$1(_, node) {
+      var t2, t3, t4, t5, i, span, _0_0, t6, expression, t7, t8, t9, _this = this,
+        t1 = node.text;
+      if (t1.get$asPlain() != null) {
+        t2 = _this.buffer;
+        if (t2 != null) {
+          t1 = t1.span.get$text();
+          t2 = t2._interpolation_buffer0$_text;
+          t2._contents += t1;
+        }
+        return;
+      }
+      for (t2 = t1.contents, t3 = t2.length, t4 = t3 - 1, t5 = t1.span, i = 0; i < t3; ++i) {
+        span = t1.spanForElement$1(i);
+        _0_0 = t2[i];
+        t6 = _0_0 instanceof A.Expression0;
+        expression = t6 ? _0_0 : null;
+        if (t6) {
+          if (i === 0) {
+            t6 = _this.buffer;
+            if (t6 != null) {
+              t7 = A.SpanExtensions_before(t5, span);
+              t8 = t7._file$_start;
+              t9 = t7.file._decodedChars;
+              t9 = A.String_String$fromCharCodes(new Uint32Array(t9.subarray(t8, A._checkValidRange(t8, t7._end, t9.length))), 0, null);
+              t6 = t6._interpolation_buffer0$_text;
+              t6._contents += t9;
+            }
+          }
+          t6 = _this.buffer;
+          if (t6 != null) {
+            t6._interpolation_buffer0$_flushText$0();
+            t6._interpolation_buffer0$_contents.push(expression);
+            t6._interpolation_buffer0$_spans.push(span);
+          }
+          if (i === t4) {
+            t6 = _this.buffer;
+            if (t6 != null) {
+              t7 = A.SpanExtensions_after(t5, span);
+              t8 = t7._file$_start;
+              t9 = t7.file._decodedChars;
+              t9 = A.String_String$fromCharCodes(new Uint32Array(t9.subarray(t8, A._checkValidRange(t8, t7._end, t9.length))), 0, null);
+              t6 = t6._interpolation_buffer0$_text;
+              t6._contents += t9;
+            }
+          }
+          continue;
+        }
+        t6 = _this.buffer;
+        if (t6 != null) {
+          t6 = t6._interpolation_buffer0$_text;
+          t7 = span.toString$0(0);
+          t6._contents += t7;
+        }
+      }
+    },
+    visitSupportsExpression$1(_, node) {
+      return this.buffer = null;
+    },
+    visitUnaryOperationExpression$1(_, node) {
+      return this.buffer = null;
+    },
+    visitValueExpression$1(_, node) {
+      return this.buffer = null;
+    },
+    visitVariableExpression$1(_, node) {
+      return this.buffer = null;
+    },
+    _writeListAndBetween$2(expressions, visitor) {
+      var t1, lastExpression, _i, expression, t2, t3, t4, t5;
+      for (t1 = expressions.length, lastExpression = null, _i = 0; _i < t1; ++_i, lastExpression = expression) {
+        expression = expressions[_i];
+        if (lastExpression != null) {
+          t2 = this.buffer;
+          if (t2 != null) {
+            t3 = A.SpanExtensions_between(lastExpression.get$span(lastExpression), expression.get$span(expression));
+            t4 = t3._file$_start;
+            t5 = t3.file._decodedChars;
+            t5 = A.String_String$fromCharCodes(new Uint32Array(t5.subarray(t4, A._checkValidRange(t4, t3._end, t5.length))), 0, null);
+            t2 = t2._interpolation_buffer0$_text;
+            t2._contents += t5;
+          }
+        }
+        expression.accept$1(this);
+        if (this.buffer == null)
+          return;
+      }
+    },
+    _writeListAndBetween$1(expressions) {
+      return this._writeListAndBetween$2(expressions, null);
+    },
+    $isExpressionVisitor: 1
+  };
+  A.SourceMapBuffer0.prototype = {
+    get$_source_map_buffer0$_targetLocation() {
+      var t1 = this._source_map_buffer0$_buffer._contents,
+        t2 = this._source_map_buffer0$_line;
+      return A.SourceLocation$(t1.length, this._source_map_buffer0$_column, t2, null);
+    },
+    get$length(_) {
+      return this._source_map_buffer0$_buffer._contents.length;
+    },
+    forSpan$1$2(span, callback) {
+      var t1, _this = this,
+        wasInSpan = _this._source_map_buffer0$_inSpan;
+      _this._source_map_buffer0$_inSpan = true;
+      _this._source_map_buffer0$_addEntry$2(span.get$start(span), _this.get$_source_map_buffer0$_targetLocation());
+      try {
+        t1 = callback.call$0();
+        return t1;
+      } finally {
+        _this._source_map_buffer0$_inSpan = wasInSpan;
+      }
+    },
+    forSpan$2(span, callback) {
+      return this.forSpan$1$2(span, callback, type$.dynamic);
+    },
+    _source_map_buffer0$_addEntry$2(source, target) {
+      var entry, t2,
+        t1 = this._source_map_buffer0$_entries;
+      if (t1.length !== 0) {
+        entry = B.JSArray_methods.get$last(t1);
+        t2 = entry.source;
+        if (t2.file.getLine$1(t2.offset) === source.file.getLine$1(source.offset) && entry.target.line === target.line)
+          return;
+        if (entry.target.offset === target.offset)
+          return;
+      }
+      t1.push(new A.Entry(source, target, null));
+    },
+    write$1(_, object) {
+      var t1, i,
+        string = J.toString$0$(object);
+      this._source_map_buffer0$_buffer._contents += string;
+      for (t1 = string.length, i = 0; i < t1; ++i)
+        if (string.charCodeAt(i) === 10)
+          this._source_map_buffer0$_writeLine$0();
+        else
+          ++this._source_map_buffer0$_column;
+    },
+    writeCharCode$1(charCode) {
+      var t1 = this._source_map_buffer0$_buffer,
+        t2 = A.Primitives_stringFromCharCode(charCode);
+      t1._contents += t2;
+      if (charCode === 10)
+        this._source_map_buffer0$_writeLine$0();
+      else
+        ++this._source_map_buffer0$_column;
+    },
+    _source_map_buffer0$_writeLine$0() {
+      var _this = this,
+        t1 = _this._source_map_buffer0$_entries;
+      if (B.JSArray_methods.get$last(t1).target.line === _this._source_map_buffer0$_line && B.JSArray_methods.get$last(t1).target.column === _this._source_map_buffer0$_column)
+        t1.pop();
+      ++_this._source_map_buffer0$_line;
+      _this._source_map_buffer0$_column = 0;
+      if (_this._source_map_buffer0$_inSpan)
+        t1.push(new A.Entry(B.JSArray_methods.get$last(t1).source, _this.get$_source_map_buffer0$_targetLocation(), null));
+    },
+    toString$0(_) {
+      var t1 = this._source_map_buffer0$_buffer._contents;
+      return t1.charCodeAt(0) == 0 ? t1 : t1;
+    },
+    buildSourceMap$1$prefix(prefix) {
+      var i, t2, prefixColumn, _box_0 = {},
+        t1 = prefix.length;
+      if (t1 === 0)
+        return A.SingleMapping_SingleMapping$fromEntries(this._source_map_buffer0$_entries);
+      _box_0.prefixColumn = _box_0.prefixLines = 0;
+      for (i = 0, t2 = 0; i < t1; ++i)
+        if (prefix.charCodeAt(i) === 10) {
+          ++_box_0.prefixLines;
+          _box_0.prefixColumn = 0;
+          t2 = 0;
+        } else {
+          prefixColumn = t2 + 1;
+          _box_0.prefixColumn = prefixColumn;
+          t2 = prefixColumn;
+        }
+      t2 = this._source_map_buffer0$_entries;
+      return A.SingleMapping_SingleMapping$fromEntries(new A.MappedListIterable(t2, new A.SourceMapBuffer_buildSourceMap_closure0(_box_0, t1), A._arrayInstanceType(t2)._eval$1("MappedListIterable<1,Entry>")));
+    }
+  };
+  A.SourceMapBuffer_buildSourceMap_closure0.prototype = {
+    call$1(entry) {
+      var t1 = entry.target,
+        t2 = t1.line,
+        t3 = this._box_0,
+        t4 = t3.prefixLines;
+      t3 = t2 === 0 ? t3.prefixColumn : 0;
+      return new A.Entry(entry.source, A.SourceLocation$(t1.offset + this.prefixLength, t1.column + t3, t2 + t4, null), entry.identifierName);
+    },
+    $signature: 265
+  };
+  A.updateSourceSpanPrototype_closure.prototype = {
+    call$0() {
+      return this.span;
+    },
+    $signature: 26
+  };
+  A.updateSourceSpanPrototype_closure0.prototype = {
+    call$1(span) {
+      return span.get$start(span);
+    },
+    $signature: 256
+  };
+  A.updateSourceSpanPrototype_closure1.prototype = {
+    call$1(span) {
+      return span.get$end(span);
+    },
+    $signature: 256
+  };
+  A.updateSourceSpanPrototype_closure2.prototype = {
+    call$1(span) {
+      return A.NullableExtension_andThen0(span.get$sourceUrl(span), new A.updateSourceSpanPrototype__closure());
+    },
+    $signature: 580
+  };
+  A.updateSourceSpanPrototype__closure.prototype = {
+    call$1(url) {
+      var t1, _null = null;
+      if (url.get$scheme() === "") {
+        t1 = $.$get$context();
+        t1 = t1.toUri$1(A.absolute(t1.style.pathFromUri$1(A._parseUri(url)), _null, _null, _null, _null, _null, _null, _null, _null, _null, _null, _null, _null, _null, _null));
+      } else
+        t1 = url;
+      return new self.URL(t1.toString$0(0));
+    },
+    $signature: 257
+  };
+  A.updateSourceSpanPrototype_closure3.prototype = {
+    call$1(span) {
+      return span.get$text();
+    },
+    $signature: 258
+  };
+  A.updateSourceSpanPrototype_closure4.prototype = {
+    call$1(span) {
+      return span.get$context(span);
+    },
+    $signature: 258
+  };
+  A.updateSourceSpanPrototype_closure5.prototype = {
+    call$1($location) {
+      return $location.get$line();
+    },
+    $signature: 259
+  };
+  A.updateSourceSpanPrototype_closure6.prototype = {
+    call$1($location) {
+      return $location.get$column();
+    },
+    $signature: 259
+  };
+  A.ColorSpace0.prototype = {
+    get$isLegacyInternal() {
+      return false;
+    },
+    get$isPolarInternal() {
+      return false;
+    },
+    convert$5(dest, channel0, channel1, channel2, alpha) {
+      return this.convertLinear$5(dest, channel0, channel1, channel2, alpha);
+    },
+    convertLinear$10$missingA$missingB$missingChroma$missingHue$missingLightness(dest, red, green, blue, alpha, missingA, missingB, missingChroma, missingHue, missingLightness) {
+      var t1, t2, transformedBlue, transformedGreen, transformedRed, linearRed, linearGreen, linearBlue, matrix, _this = this;
+      $label0$0: {
+        t1 = B.HslColorSpace_JQ20 !== dest;
+        if (!t1 || B.HwbColorSpace_guQ0 === dest) {
+          t2 = B.SrgbColorSpace_thf0;
+          break $label0$0;
+        }
+        if (B.LabColorSpace_2nT0 === dest || B.LchColorSpace_Bpv0 === dest) {
+          t2 = B.XyzD50ColorSpace_2OB0;
+          break $label0$0;
+        }
+        if (B.OklabColorSpace_5400 === dest || B.OklchColorSpace_9Gj0 === dest) {
+          t2 = B.LmsColorSpace_Os30;
+          break $label0$0;
+        }
+        t2 = dest;
+        break $label0$0;
+      }
+      if (t2 === _this) {
+        transformedBlue = blue;
+        transformedGreen = green;
+        transformedRed = red;
+      } else {
+        linearRed = _this.toLinear$1(red == null ? 0 : red);
+        linearGreen = _this.toLinear$1(green == null ? 0 : green);
+        linearBlue = _this.toLinear$1(blue == null ? 0 : blue);
+        matrix = _this.transformationMatrix$1(t2);
+        transformedRed = t2.fromLinear$1(matrix[0] * linearRed + matrix[1] * linearGreen + matrix[2] * linearBlue);
+        transformedGreen = t2.fromLinear$1(matrix[3] * linearRed + matrix[4] * linearGreen + matrix[5] * linearBlue);
+        transformedBlue = t2.fromLinear$1(matrix[6] * linearRed + matrix[7] * linearGreen + matrix[8] * linearBlue);
+      }
+      $label1$1: {
+        if (!t1 || B.HwbColorSpace_guQ0 === dest) {
+          t1 = B.SrgbColorSpace_thf0.convert$8$missingChroma$missingHue$missingLightness(dest, transformedRed, transformedGreen, transformedBlue, alpha, missingChroma, missingHue, missingLightness);
+          break $label1$1;
+        }
+        if (B.LabColorSpace_2nT0 === dest || B.LchColorSpace_Bpv0 === dest) {
+          t1 = B.XyzD50ColorSpace_2OB0.convert$10$missingA$missingB$missingChroma$missingHue$missingLightness(dest, transformedRed, transformedGreen, transformedBlue, alpha, missingA, missingB, missingChroma, missingHue, missingLightness);
+          break $label1$1;
+        }
+        if (B.OklabColorSpace_5400 === dest || B.OklchColorSpace_9Gj0 === dest) {
+          t1 = B.LmsColorSpace_Os30.convert$10$missingA$missingB$missingChroma$missingHue$missingLightness(dest, transformedRed, transformedGreen, transformedBlue, alpha, missingA, missingB, missingChroma, missingHue, missingLightness);
+          break $label1$1;
+        }
+        t1 = red == null ? null : transformedRed;
+        t2 = green == null ? null : transformedGreen;
+        t1 = A.SassColor_SassColor$forSpaceInternal0(dest, t1, t2, blue == null ? null : transformedBlue, alpha);
+        break $label1$1;
+      }
+      return t1;
+    },
+    convertLinear$5(dest, red, green, blue, alpha) {
+      return this.convertLinear$10$missingA$missingB$missingChroma$missingHue$missingLightness(dest, red, green, blue, alpha, false, false, false, false, false);
+    },
+    toLinear$1(channel) {
+      return A.throwExpression(A.UnimplementedError$("[BUG] Color space " + this.toString$0(0) + " doesn't support linear conversions."));
+    },
+    fromLinear$1(channel) {
+      return A.throwExpression(A.UnimplementedError$("[BUG] Color space " + this.toString$0(0) + " doesn't support linear conversions."));
+    },
+    transformationMatrix$1(dest) {
+      return A.throwExpression(A.UnimplementedError$("[BUG] Color space conversion from " + this.toString$0(0) + " to " + dest.toString$0(0) + " not implemented."));
+    },
+    toString$0(_) {
+      return this.name;
+    }
+  };
+  A.SrgbColorSpace0.prototype = {
+    get$isBoundedInternal() {
+      return true;
+    },
+    convert$8$missingChroma$missingHue$missingLightness(dest, red, green, blue, alpha, missingChroma, missingHue, missingLightness) {
+      var max, min, delta, hue, lightness, saturation, t1, t2, whiteness, blackness, _null = null;
+      if (B.HslColorSpace_JQ20 === dest || B.HwbColorSpace_guQ0 === dest) {
+        if (red == null)
+          red = 0;
+        if (green == null)
+          green = 0;
+        if (blue == null)
+          blue = 0;
+        max = Math.max(Math.max(red, green), blue);
+        min = Math.min(Math.min(red, green), blue);
+        delta = max - min;
+        if (max === min)
+          hue = 0;
+        else if (max === red)
+          hue = 60 * (green - blue) / delta + 360;
+        else
+          hue = max === green ? 60 * (blue - red) / delta + 120 : 60 * (red - green) / delta + 240;
+        if (dest === B.HslColorSpace_JQ20) {
+          lightness = (min + max) / 2;
+          saturation = lightness === 0 || lightness === 1 ? 0 : 100 * (max - lightness) / Math.min(lightness, 1 - lightness);
+          if (saturation < 0) {
+            hue += 180;
+            saturation = Math.abs(saturation);
+          }
+          t1 = missingHue || A.fuzzyEquals0(saturation, 0) ? _null : B.JSNumber_methods.$mod(hue, 360);
+          t2 = missingChroma ? _null : saturation;
+          return A.SassColor_SassColor$forSpaceInternal0(dest, t1, t2, missingLightness ? _null : lightness * 100, alpha);
+        } else {
+          whiteness = min * 100;
+          blackness = 100 - max * 100;
+          if (!missingHue) {
+            t1 = whiteness + blackness;
+            t1 = t1 > 100 || A.fuzzyEquals0(t1, 100);
+          } else
+            t1 = true;
+          return A.SassColor_SassColor$forSpaceInternal0(dest, t1 ? _null : B.JSNumber_methods.$mod(hue, 360), whiteness, blackness, alpha);
+        }
+      }
+      if (B.RgbColorSpace_i0P0 === dest) {
+        t1 = red == null ? _null : red * 255;
+        t2 = green == null ? _null : green * 255;
+        return A.SassColor_SassColor$rgbInternal0(t1, t2, blue == null ? _null : blue * 255, alpha, _null);
+      }
+      if (B.SrgbLinearColorSpace_kUj0 === dest) {
+        t1 = this.get$toLinear();
+        return A.SassColor_SassColor$forSpaceInternal0(dest, A.NullableExtension_andThen0(red, t1), A.NullableExtension_andThen0(green, t1), A.NullableExtension_andThen0(blue, t1), alpha);
+      }
+      return this.super$ColorSpace$convertLinear0(dest, red, green, blue, alpha, false, false, missingChroma, missingHue, missingLightness);
+    },
+    convert$5(dest, red, green, blue, alpha) {
+      return this.convert$8$missingChroma$missingHue$missingLightness(dest, red, green, blue, alpha, false, false, false);
+    },
+    convert$6$missingHue(dest, red, green, blue, alpha, missingHue) {
+      return this.convert$8$missingChroma$missingHue$missingLightness(dest, red, green, blue, alpha, false, missingHue, false);
+    },
+    toLinear$1(channel) {
+      return A.srgbAndDisplayP3ToLinear0(channel);
+    },
+    fromLinear$1(channel) {
+      return A.srgbAndDisplayP3FromLinear0(channel);
+    },
+    transformationMatrix$1(dest) {
+      var t1;
+      $label0$0: {
+        if (B.DisplayP3ColorSpace_MmT0 === dest) {
+          t1 = $.$get$linearSrgbToLinearDisplayP30();
+          break $label0$0;
+        }
+        if (B.A98RgbColorSpace_lf20 === dest) {
+          t1 = $.$get$linearSrgbToLinearA98Rgb0();
+          break $label0$0;
+        }
+        if (B.ProphotoRgbColorSpace_BDz0 === dest) {
+          t1 = $.$get$linearSrgbToLinearProphotoRgb0();
+          break $label0$0;
+        }
+        if (B.Rec2020ColorSpace_6oo0 === dest) {
+          t1 = $.$get$linearSrgbToLinearRec20200();
+          break $label0$0;
+        }
+        if (B.XyzD65ColorSpace_WiJ0 === dest) {
+          t1 = $.$get$linearSrgbToXyzD650();
+          break $label0$0;
+        }
+        if (B.XyzD50ColorSpace_2OB0 === dest) {
+          t1 = $.$get$linearSrgbToXyzD500();
+          break $label0$0;
+        }
+        if (B.LmsColorSpace_Os30 === dest) {
+          t1 = $.$get$linearSrgbToLms0();
+          break $label0$0;
+        }
+        t1 = this.super$ColorSpace$transformationMatrix0(dest);
+        break $label0$0;
+      }
+      return t1;
+    }
+  };
+  A.SrgbLinearColorSpace0.prototype = {
+    get$isBoundedInternal() {
+      return true;
+    },
+    convert$5(dest, red, green, blue, alpha) {
+      var t1;
+      $label0$0: {
+        if (B.RgbColorSpace_i0P0 === dest || B.HslColorSpace_JQ20 === dest || B.HwbColorSpace_guQ0 === dest || B.SrgbColorSpace_thf0 === dest) {
+          t1 = B.SrgbColorSpace_thf0.convert$5(dest, A.NullableExtension_andThen0(red, A.utils2__srgbAndDisplayP3FromLinear$closure()), A.NullableExtension_andThen0(green, A.utils2__srgbAndDisplayP3FromLinear$closure()), A.NullableExtension_andThen0(blue, A.utils2__srgbAndDisplayP3FromLinear$closure()), alpha);
+          break $label0$0;
+        }
+        t1 = this.super$ColorSpace$convert0(dest, red, green, blue, alpha);
+        break $label0$0;
+      }
+      return t1;
+    },
+    toLinear$1(channel) {
+      return channel;
+    },
+    fromLinear$1(channel) {
+      return channel;
+    },
+    transformationMatrix$1(dest) {
+      var t1;
+      $label0$0: {
+        if (B.DisplayP3ColorSpace_MmT0 === dest) {
+          t1 = $.$get$linearSrgbToLinearDisplayP30();
+          break $label0$0;
+        }
+        if (B.A98RgbColorSpace_lf20 === dest) {
+          t1 = $.$get$linearSrgbToLinearA98Rgb0();
+          break $label0$0;
+        }
+        if (B.ProphotoRgbColorSpace_BDz0 === dest) {
+          t1 = $.$get$linearSrgbToLinearProphotoRgb0();
+          break $label0$0;
+        }
+        if (B.Rec2020ColorSpace_6oo0 === dest) {
+          t1 = $.$get$linearSrgbToLinearRec20200();
+          break $label0$0;
+        }
+        if (B.XyzD65ColorSpace_WiJ0 === dest) {
+          t1 = $.$get$linearSrgbToXyzD650();
+          break $label0$0;
+        }
+        if (B.XyzD50ColorSpace_2OB0 === dest) {
+          t1 = $.$get$linearSrgbToXyzD500();
+          break $label0$0;
+        }
+        if (B.LmsColorSpace_Os30 === dest) {
+          t1 = $.$get$linearSrgbToLms0();
+          break $label0$0;
+        }
+        t1 = this.super$ColorSpace$transformationMatrix0(dest);
+        break $label0$0;
+      }
+      return t1;
+    }
+  };
+  A.Statement0.prototype = {$isAstNode0: 1, $isSassNode: 1};
+  A.JSStatementVisitor.prototype = {
+    visitAtRootRule$1(_, node) {
+      return J.visitAtRootRule$1$x(this._statement$_inner, node);
+    },
+    visitAtRule$1(_, node) {
+      return J.visitAtRule$1$x(this._statement$_inner, node);
+    },
+    visitContentBlock$1(_, node) {
+      return J.visitContentBlock$1$x(this._statement$_inner, node);
+    },
+    visitContentRule$1(_, node) {
+      return J.visitContentRule$1$x(this._statement$_inner, node);
+    },
+    visitDebugRule$1(_, node) {
+      return J.visitDebugRule$1$x(this._statement$_inner, node);
+    },
+    visitDeclaration$1(_, node) {
+      return J.visitDeclaration$1$x(this._statement$_inner, node);
+    },
+    visitEachRule$1(_, node) {
+      return J.visitEachRule$1$x(this._statement$_inner, node);
+    },
+    visitErrorRule$1(_, node) {
+      return J.visitErrorRule$1$x(this._statement$_inner, node);
+    },
+    visitExtendRule$1(_, node) {
+      return J.visitExtendRule$1$x(this._statement$_inner, node);
+    },
+    visitForRule$1(_, node) {
+      return J.visitForRule$1$x(this._statement$_inner, node);
+    },
+    visitForwardRule$1(_, node) {
+      return J.visitForwardRule$1$x(this._statement$_inner, node);
+    },
+    visitFunctionRule$1(_, node) {
+      return J.visitFunctionRule$1$x(this._statement$_inner, node);
+    },
+    visitIfRule$1(_, node) {
+      return J.visitIfRule$1$x(this._statement$_inner, node);
+    },
+    visitImportRule$1(_, node) {
+      return J.visitImportRule$1$x(this._statement$_inner, node);
+    },
+    visitIncludeRule$1(_, node) {
+      return J.visitIncludeRule$1$x(this._statement$_inner, node);
+    },
+    visitLoudComment$1(_, node) {
+      return J.visitLoudComment$1$x(this._statement$_inner, node);
+    },
+    visitMediaRule$1(_, node) {
+      return J.visitMediaRule$1$x(this._statement$_inner, node);
+    },
+    visitMixinRule$1(_, node) {
+      return J.visitMixinRule$1$x(this._statement$_inner, node);
+    },
+    visitReturnRule$1(_, node) {
+      return J.visitReturnRule$1$x(this._statement$_inner, node);
+    },
+    visitSilentComment$1(_, node) {
+      return J.visitSilentComment$1$x(this._statement$_inner, node);
+    },
+    visitStyleRule$1(_, node) {
+      return J.visitStyleRule$1$x(this._statement$_inner, node);
+    },
+    visitStylesheet$1(_, node) {
+      return J.visitStylesheet$1$x(this._statement$_inner, node);
+    },
+    visitSupportsRule$1(_, node) {
+      return J.visitSupportsRule$1$x(this._statement$_inner, node);
+    },
+    visitUseRule$1(_, node) {
+      return J.visitUseRule$1$x(this._statement$_inner, node);
+    },
+    visitVariableDeclaration$1(_, node) {
+      return J.visitVariableDeclaration$1$x(this._statement$_inner, node);
+    },
+    visitWarnRule$1(_, node) {
+      return J.visitWarnRule$1$x(this._statement$_inner, node);
+    },
+    visitWhileRule$1(_, node) {
+      return J.visitWhileRule$1$x(this._statement$_inner, node);
+    },
+    $isStatementVisitor: 1
+  };
+  A.JSStatementVisitorObject.prototype = {};
+  A.StatementSearchVisitor0.prototype = {
+    visitAtRootRule$1(_, node) {
+      return this.visitChildren$1(node.children);
+    },
+    visitAtRule$1(_, node) {
+      return A.NullableExtension_andThen0(node.children, this.get$visitChildren());
+    },
+    visitContentBlock$1(_, node) {
+      return this.visitChildren$1(node.children);
+    },
+    visitContentRule$1(_, node) {
+      return null;
+    },
+    visitDebugRule$1(_, node) {
+      return null;
+    },
+    visitDeclaration$1(_, node) {
+      return A.NullableExtension_andThen0(node.children, this.get$visitChildren());
+    },
+    visitEachRule$1(_, node) {
+      return this.visitChildren$1(node.children);
+    },
+    visitErrorRule$1(_, node) {
+      return null;
+    },
+    visitExtendRule$1(_, node) {
+      return null;
+    },
+    visitForRule$1(_, node) {
+      return this.visitChildren$1(node.children);
+    },
+    visitForwardRule$1(_, node) {
+      return null;
+    },
+    visitFunctionRule$1(_, node) {
+      return this.visitChildren$1(node.children);
+    },
+    visitIfRule$1(_, node) {
+      var t1 = A.IterableExtension_search0(node.clauses, new A.StatementSearchVisitor_visitIfRule_closure1(this));
+      return t1 == null ? A.NullableExtension_andThen0(node.lastClause, new A.StatementSearchVisitor_visitIfRule_closure2(this)) : t1;
+    },
+    visitImportRule$1(_, node) {
+      return null;
+    },
+    visitIncludeRule$1(_, node) {
+      return A.NullableExtension_andThen0(node.content, this.get$visitContentBlock(this));
+    },
+    visitLoudComment$1(_, node) {
+      return null;
+    },
+    visitMediaRule$1(_, node) {
+      return this.visitChildren$1(node.children);
+    },
+    visitMixinRule$1(_, node) {
+      return this.visitChildren$1(node.children);
+    },
+    visitReturnRule$1(_, node) {
+      return null;
+    },
+    visitSilentComment$1(_, node) {
+      return null;
+    },
+    visitStyleRule$1(_, node) {
+      return this.visitChildren$1(node.children);
+    },
+    visitStylesheet$1(_, node) {
+      return this.visitChildren$1(node.children);
+    },
+    visitSupportsRule$1(_, node) {
+      return this.visitChildren$1(node.children);
+    },
+    visitUseRule$1(_, node) {
+      return null;
+    },
+    visitVariableDeclaration$1(_, node) {
+      return null;
+    },
+    visitWarnRule$1(_, node) {
+      return null;
+    },
+    visitWhileRule$1(_, node) {
+      return this.visitChildren$1(node.children);
+    },
+    visitChildren$1(children) {
+      return A.IterableExtension_search0(children, new A.StatementSearchVisitor_visitChildren_closure0(this));
+    }
+  };
+  A.StatementSearchVisitor_visitIfRule_closure1.prototype = {
+    call$1(clause) {
+      return A.IterableExtension_search0(clause.children, new A.StatementSearchVisitor_visitIfRule__closure2(this.$this));
+    },
+    $signature() {
+      return A._instanceType(this.$this)._eval$1("StatementSearchVisitor0.T?(IfClause0)");
+    }
+  };
+  A.StatementSearchVisitor_visitIfRule__closure2.prototype = {
+    call$1(child) {
+      return child.accept$1(this.$this);
+    },
+    $signature() {
+      return A._instanceType(this.$this)._eval$1("StatementSearchVisitor0.T?(Statement0)");
+    }
+  };
+  A.StatementSearchVisitor_visitIfRule_closure2.prototype = {
+    call$1(lastClause) {
+      return A.IterableExtension_search0(lastClause.children, new A.StatementSearchVisitor_visitIfRule__closure1(this.$this));
+    },
+    $signature() {
+      return A._instanceType(this.$this)._eval$1("StatementSearchVisitor0.T?(ElseClause0)");
+    }
+  };
+  A.StatementSearchVisitor_visitIfRule__closure1.prototype = {
+    call$1(child) {
+      return child.accept$1(this.$this);
+    },
+    $signature() {
+      return A._instanceType(this.$this)._eval$1("StatementSearchVisitor0.T?(Statement0)");
+    }
+  };
+  A.StatementSearchVisitor_visitChildren_closure0.prototype = {
+    call$1(child) {
+      return child.accept$1(this.$this);
+    },
+    $signature() {
+      return A._instanceType(this.$this)._eval$1("StatementSearchVisitor0.T?(Statement0)");
+    }
+  };
+  A.StaticImport0.prototype = {
+    toString$0(_) {
+      var t1 = this.url.toString$0(0),
+        t2 = this.modifiers;
+      return t1 + (t2 == null ? "" : " " + t2.toString$0(0));
+    },
+    $isImport0: 1,
+    $isAstNode0: 1,
+    $isSassNode: 1,
+    get$span(receiver) {
+      return this.span;
+    }
+  };
+  A.StderrLogger0.prototype = {
+    internalWarn$4$deprecation$span$trace(message, deprecation, span, trace) {
+      var t3,
+        result = new A.StringBuffer(""),
+        t1 = deprecation != null,
+        showDeprecation = t1 && deprecation !== B.Deprecation_lB3,
+        t2 = this.color;
+      if (t2) {
+        t3 = result._contents = "\x1b[33m\x1b[1m";
+        t3 = result._contents = (t1 ? result._contents = "\x1b[33m\x1b[1mDeprecation " : t3) + "Warning\x1b[0m";
+        if (showDeprecation) {
+          t1 = t3 + (" [\x1b[34m" + deprecation.toString$0(0) + "\x1b[0m]");
+          result._contents = t1;
+        } else
+          t1 = t3;
+      } else {
+        t3 = result._contents = (t1 ? result._contents = "DEPRECATION " : "") + "WARNING";
+        if (showDeprecation) {
+          t1 = t3 + (" [" + deprecation.toString$0(0) + "]");
+          result._contents = t1;
+        } else
+          t1 = t3;
+      }
+      if (span == null)
+        t1 = result._contents = t1 + (": " + message + "\n");
+      else if (trace != null) {
+        t1 += ": " + message + "\n\n" + span.highlight$1$color(t2) + "\n";
+        result._contents = t1;
+      } else {
+        t1 += " on " + span.message$2$color(0, "\n" + message, t2) + "\n";
+        result._contents = t1;
+      }
+      if (trace != null)
+        result._contents = t1 + (A.indent0(B.JSString_methods.trimRight$0(trace.toString$0(0)), 4) + "\n");
+      A.printError0(result);
+    },
+    debug$2(_, message, span) {
+      var url, t3, t4,
+        t1 = span.file,
+        t2 = span._file$_start;
+      if (A.FileLocation$_(t1, t2).file.url == null)
+        url = "-";
+      else {
+        t3 = A.FileLocation$_(t1, t2).file.url;
+        t4 = $.$get$context();
+        t3.toString;
+        url = t4.prettyUri$1(t3);
+      }
+      t1 = A.FileLocation$_(t1, t2);
+      t1 = t1.file.getLine$1(t1.offset);
+      t2 = this.color ? "\x1b[1mDebug\x1b[0m" : "DEBUG";
+      t2 = url + ":" + (t1 + 1) + " " + t2 + (": " + message);
+      A.printError0(t2.charCodeAt(0) == 0 ? t2 : t2);
+    }
+  };
+  A.StringExpression0.prototype = {
+    get$span(_) {
+      return this.text.span;
+    },
+    accept$1$1(visitor) {
+      return visitor.visitStringExpression$1(0, this);
+    },
+    accept$1(visitor) {
+      return this.accept$1$1(visitor, type$.dynamic);
+    },
+    asInterpolation$1$static($static) {
+      var t1, t2, quote, t3, t4, t5, buffer, t6, t7, i, value, t8;
+      if (!this.hasQuotes)
+        return this.text;
+      t1 = this.text;
+      t2 = t1.contents;
+      quote = A.StringExpression__bestQuote0(new A.WhereTypeIterable(t2, type$.WhereTypeIterable_String));
+      t3 = new A.StringBuffer("");
+      t4 = A._setArrayType([], type$.JSArray_Object);
+      t5 = A._setArrayType([], type$.JSArray_nullable_FileSpan);
+      buffer = new A.InterpolationBuffer0(t3, t4, t5);
+      t6 = A.Primitives_stringFromCharCode(quote);
+      t3._contents += t6;
+      for (t7 = t2.length, i = 0; i < t7; ++i) {
+        value = t2[i];
+        if (value instanceof A.Expression0) {
+          t8 = t1.spanForElement$1(i);
+          buffer._interpolation_buffer0$_flushText$0();
+          t4.push(value);
+          t5.push(t8);
+          continue;
+        }
+        if (typeof value == "string")
+          A.StringExpression__quoteInnerText0(value, quote, buffer, $static);
+      }
+      t3._contents += t6;
+      return buffer.interpolation$1(t1.span);
+    },
+    asInterpolation$0() {
+      return this.asInterpolation$1$static(false);
+    },
+    toString$0(_) {
+      return this.asInterpolation$0().toString$0(0);
+    }
+  };
+  A.module_closure25.prototype = {
+    call$1($arguments) {
+      var limit, t2, chunks, i, lastEnd, match, t3,
+        t1 = J.getInterceptor$asx($arguments),
+        string = t1.$index($arguments, 0).assertString$1("string"),
+        separator = t1.$index($arguments, 1).assertString$1("separator");
+      t1 = t1.$index($arguments, 2).get$realNull();
+      limit = t1 == null ? null : t1.assertNumber$1("limit").assertInt$1("limit");
+      if (limit != null && limit < 1)
+        throw A.wrapException(A.SassScriptException$0("$limit: Must be 1 or greater, was " + A.S(limit) + ".", null));
+      t1 = string._string0$_text;
+      if (t1.length === 0)
+        return B.SassList_qAD0;
+      else {
+        t2 = separator._string0$_text;
+        if (t2.length === 0)
+          return A.SassList$0(A.MappedIterable_MappedIterable(new A.Runes(t1), new A.module__closure3(string), type$.Runes._eval$1("Iterable.E"), type$.Value_2), B.ListSeparator_qVN0, true);
+      }
+      chunks = A._setArrayType([], type$.JSArray_String);
+      for (t2 = B.JSString_methods.allMatches$1(t2, t1), t2 = new A._StringAllMatchesIterator(t2._input, t2._pattern, t2.__js_helper$_index), i = 0, lastEnd = 0; t2.moveNext$0();) {
+        match = t2.__js_helper$_current;
+        t3 = match.start;
+        chunks.push(B.JSString_methods.substring$2(t1, lastEnd, t3));
+        lastEnd = t3 + match.pattern.length;
+        ++i;
+        if (i === limit)
+          break;
+      }
+      chunks.push(B.JSString_methods.substring$1(t1, lastEnd));
+      return A.SassList$0(new A.MappedListIterable(chunks, new A.module__closure4(string), type$.MappedListIterable_String_Value_2), B.ListSeparator_qVN0, true);
+    },
+    $signature: 27
+  };
+  A.module__closure3.prototype = {
+    call$1(rune) {
+      return new A.SassString0(A.Primitives_stringFromCharCode(rune), this.string._string0$_hasQuotes);
+    },
+    $signature: 584
+  };
+  A.module__closure4.prototype = {
+    call$1(chunk) {
+      return new A.SassString0(chunk, this.string._string0$_hasQuotes);
+    },
+    $signature: 585
+  };
+  A._unquote_closure0.prototype = {
+    call$1($arguments) {
+      var string = J.$index$asx($arguments, 0).assertString$1("string");
+      if (!string._string0$_hasQuotes)
+        return string;
+      return new A.SassString0(string._string0$_text, false);
+    },
+    $signature: 18
+  };
+  A._quote_closure0.prototype = {
+    call$1($arguments) {
+      var string = J.$index$asx($arguments, 0).assertString$1("string");
+      if (string._string0$_hasQuotes)
+        return string;
+      return new A.SassString0(string._string0$_text, true);
+    },
+    $signature: 18
+  };
+  A._length_closure1.prototype = {
+    call$1($arguments) {
+      return A.SassNumber_SassNumber0(J.$index$asx($arguments, 0).assertString$1("string").get$_string0$_sassLength(), null);
+    },
+    $signature: 22
+  };
+  A._insert_closure0.prototype = {
+    call$1($arguments) {
+      var indexInt, codeUnitIndex, _s5_ = "index",
+        t1 = J.getInterceptor$asx($arguments),
+        string = t1.$index($arguments, 0).assertString$1("string"),
+        insert = t1.$index($arguments, 1).assertString$1("insert"),
+        index = t1.$index($arguments, 2).assertNumber$1(_s5_);
+      index.assertNoUnits$1(_s5_);
+      indexInt = index.assertInt$1(_s5_);
+      if (indexInt < 0)
+        indexInt = Math.max(string.get$_string0$_sassLength() + indexInt + 2, 0);
+      t1 = string._string0$_text;
+      codeUnitIndex = A.codepointIndexToCodeUnitIndex0(t1, A._codepointForIndex0(indexInt, string.get$_string0$_sassLength(), false));
+      return new A.SassString0(B.JSString_methods.replaceRange$3(t1, codeUnitIndex, codeUnitIndex, insert._string0$_text), string._string0$_hasQuotes);
+    },
+    $signature: 18
+  };
+  A._index_closure1.prototype = {
+    call$1($arguments) {
+      var t1 = J.getInterceptor$asx($arguments),
+        t2 = t1.$index($arguments, 0).assertString$1("string")._string0$_text,
+        codeUnitIndex = B.JSString_methods.indexOf$1(t2, t1.$index($arguments, 1).assertString$1("substring")._string0$_text);
+      if (codeUnitIndex === -1)
+        return B.C__SassNull0;
+      return A.SassNumber_SassNumber0(A.codeUnitIndexToCodepointIndex0(t2, codeUnitIndex) + 1, null);
+    },
+    $signature: 3
+  };
+  A._slice_closure0.prototype = {
+    call$1($arguments) {
+      var lengthInCodepoints, endInt, startCodepoint, endCodepoint,
+        _s8_ = "start-at",
+        t1 = J.getInterceptor$asx($arguments),
+        string = t1.$index($arguments, 0).assertString$1("string"),
+        start = t1.$index($arguments, 1).assertNumber$1(_s8_),
+        end = t1.$index($arguments, 2).assertNumber$1("end-at");
+      start.assertNoUnits$1(_s8_);
+      end.assertNoUnits$1("end-at");
+      lengthInCodepoints = string.get$_string0$_sassLength();
+      endInt = end.assertInt$0();
+      if (endInt === 0)
+        return string._string0$_hasQuotes ? $.$get$_emptyQuoted0() : $.$get$_emptyUnquoted0();
+      startCodepoint = A._codepointForIndex0(start.assertInt$0(), lengthInCodepoints, false);
+      endCodepoint = A._codepointForIndex0(endInt, lengthInCodepoints, true);
+      if (endCodepoint === lengthInCodepoints)
+        --endCodepoint;
+      if (endCodepoint < startCodepoint)
+        return string._string0$_hasQuotes ? $.$get$_emptyQuoted0() : $.$get$_emptyUnquoted0();
+      t1 = string._string0$_text;
+      return new A.SassString0(B.JSString_methods.substring$2(t1, A.codepointIndexToCodeUnitIndex0(t1, startCodepoint), A.codepointIndexToCodeUnitIndex0(t1, endCodepoint + 1)), string._string0$_hasQuotes);
+    },
+    $signature: 18
+  };
+  A._toUpperCase_closure0.prototype = {
+    call$1($arguments) {
+      var t1, t2, i, t3, t4,
+        string = J.$index$asx($arguments, 0).assertString$1("string");
+      for (t1 = string._string0$_text, t2 = t1.length, i = 0, t3 = ""; i < t2; ++i) {
+        t4 = t1.charCodeAt(i);
+        t3 += A.Primitives_stringFromCharCode(t4 >= 97 && t4 <= 122 ? t4 & 4294967263 : t4);
+      }
+      return new A.SassString0(t3.charCodeAt(0) == 0 ? t3 : t3, string._string0$_hasQuotes);
+    },
+    $signature: 18
+  };
+  A._toLowerCase_closure0.prototype = {
+    call$1($arguments) {
+      var t1, t2, i, t3, t4,
+        string = J.$index$asx($arguments, 0).assertString$1("string");
+      for (t1 = string._string0$_text, t2 = t1.length, i = 0, t3 = ""; i < t2; ++i) {
+        t4 = t1.charCodeAt(i);
+        t3 += A.Primitives_stringFromCharCode(t4 >= 65 && t4 <= 90 ? t4 | 32 : t4);
+      }
+      return new A.SassString0(t3.charCodeAt(0) == 0 ? t3 : t3, string._string0$_hasQuotes);
+    },
+    $signature: 18
+  };
+  A._uniqueId_closure0.prototype = {
+    call$1($arguments) {
+      var t1 = $.$get$_previousUniqueId0() + ($.$get$_random1().nextInt$1(36) + 1);
+      $._previousUniqueId0 = t1;
+      if (t1 > Math.pow(36, 6))
+        $._previousUniqueId0 = B.JSInt_methods.$mod($.$get$_previousUniqueId0(), A._asInt(Math.pow(36, 6)));
+      return new A.SassString0("u" + B.JSString_methods.padLeft$2(B.JSInt_methods.toRadixString$1($.$get$_previousUniqueId0(), 36), 6, "0"), false);
+    },
+    $signature: 18
+  };
+  A.StringExtension_toCssIdentifier_writeEscape.prototype = {
+    call$1(character) {
+      var _0_0,
+        t1 = this.buffer,
+        t2 = A.Primitives_stringFromCharCode(92);
+      t1._contents += t2;
+      t2 = B.JSInt_methods.toRadixString$1(character, 16);
+      t1._contents += t2;
+      _0_0 = this.scanner.peekChar$0();
+      if (A._isInt(_0_0) && A.CharacterExtension_get_isHex0(_0_0)) {
+        t2 = A.Primitives_stringFromCharCode(32);
+        t1._contents += t2;
+      }
+    },
+    $signature: 260
+  };
+  A.StringExtension_toCssIdentifier_consumeSurrogatePair.prototype = {
+    call$1(character) {
+      var t2, t3,
+        t1 = this.scanner,
+        _1_0 = t1.peekChar$1(1);
+      if (_1_0 == null || _1_0 >>> 10 !== 55)
+        t1.error$2$length(0, "An individual surrogates can't be represented as a CSS identifier.", 1);
+      else if (character >>> 7 === 439)
+        this.writeEscape.call$1(A.combineSurrogates(t1.readChar$0(), t1.readChar$0()));
+      else {
+        t2 = this.buffer;
+        t3 = A.Primitives_stringFromCharCode(t1.readChar$0());
+        t2._contents += t3;
+        t1 = A.Primitives_stringFromCharCode(t1.readChar$0());
+        t2._contents += t1;
+      }
+    },
+    $signature: 260
+  };
+  A.stringClass_closure.prototype = {
+    call$0() {
+      var t2,
+        t1 = type$.JSClass,
+        jsClass = t1._as(A.allowInteropCaptureThisNamed("sass.SassString", new A.stringClass__closure()));
+      A.LinkedHashMap_LinkedHashMap$_literal(["text", new A.stringClass__closure0(), "hasQuotes", new A.stringClass__closure1(), "sassLength", new A.stringClass__closure2()], type$.String, type$.Function).forEach$1(0, A.JSClassExtension_get_defineGetter(jsClass));
+      J.get$$prototype$x(jsClass).sassIndexToStringIndex = A.allowInteropCaptureThisNamed("sassIndexToStringIndex", new A.stringClass__closure3());
+      t2 = $.$get$_emptyQuoted0();
+      A.JSClassExtension_injectSuperclass(t1._as(t2.constructor), jsClass);
+      return jsClass;
+    },
+    $signature: 16
+  };
+  A.stringClass__closure.prototype = {
+    call$3($self, textOrOptions, options) {
+      var t1;
+      if (typeof textOrOptions == "string") {
+        t1 = options == null ? null : J.get$quotes$x(options);
+        t1 = new A.SassString0(textOrOptions, t1 == null ? true : t1);
+      } else {
+        type$.nullable__ConstructorOptions_3._as(textOrOptions);
+        t1 = textOrOptions == null ? null : J.get$quotes$x(textOrOptions);
+        t1 = (t1 == null ? true : t1) ? $.$get$_emptyQuoted0() : $.$get$_emptyUnquoted0();
+      }
+      return t1;
+    },
+    call$1($self) {
+      return this.call$3($self, null, null);
+    },
+    call$2($self, textOrOptions) {
+      return this.call$3($self, textOrOptions, null);
+    },
+    "call*": "call$3",
+    $requiredArgCount: 1,
+    $defaultValues() {
+      return [null, null];
+    },
+    $signature: 587
+  };
+  A.stringClass__closure0.prototype = {
+    call$1($self) {
+      return $self._string0$_text;
+    },
+    $signature: 588
+  };
+  A.stringClass__closure1.prototype = {
+    call$1($self) {
+      return $self._string0$_hasQuotes;
+    },
+    $signature: 589
+  };
+  A.stringClass__closure2.prototype = {
+    call$1($self) {
+      return $self.get$_string0$_sassLength();
+    },
+    $signature: 590
+  };
+  A.stringClass__closure3.prototype = {
+    call$3($self, sassIndex, $name) {
+      var t1,
+        index = sassIndex.assertNumber$1($name).assertInt$1($name);
+      if (index === 0)
+        A.throwExpression(A.SassScriptException$0("String index may not be 0.", $name));
+      else {
+        t1 = $self.get$_string0$_sassLength();
+        if (Math.abs(index) > t1)
+          A.throwExpression(A.SassScriptException$0("Invalid index " + sassIndex.toString$0(0) + " for a string with " + t1 + " characters.", $name));
+      }
+      t1 = index < 0 ? $self.get$_string0$_sassLength() + index : index - 1;
+      return A.codepointIndexToCodeUnitIndex0($self._string0$_text, t1);
+    },
+    call$2($self, sassIndex) {
+      return this.call$3($self, sassIndex, null);
+    },
+    "call*": "call$3",
+    $requiredArgCount: 2,
+    $defaultValues() {
+      return [null];
+    },
+    $signature: 591
+  };
+  A._ConstructorOptions1.prototype = {};
+  A._NodeSassString.prototype = {};
+  A.legacyStringClass_closure.prototype = {
+    call$3(thisArg, value, dartValue) {
+      var t1;
+      if (dartValue == null) {
+        value.toString;
+        t1 = new A.SassString0(value, false);
+      } else
+        t1 = dartValue;
+      J.set$dartValue$x(thisArg, t1);
+    },
+    call$2(thisArg, value) {
+      return this.call$3(thisArg, value, null);
+    },
+    "call*": "call$3",
+    $requiredArgCount: 2,
+    $defaultValues() {
+      return [null];
+    },
+    $signature: 592
+  };
+  A.legacyStringClass_closure0.prototype = {
+    call$1(thisArg) {
+      return J.get$dartValue$x(thisArg)._string0$_text;
+    },
+    $signature: 593
+  };
+  A.legacyStringClass_closure1.prototype = {
+    call$2(thisArg, value) {
+      J.set$dartValue$x(thisArg, new A.SassString0(value, false));
+    },
+    $signature: 594
+  };
+  A.SassString0.prototype = {
+    get$_string0$_sassLength() {
+      var result, _this = this,
+        value = _this._string0$__SassString__sassLength_FI;
+      if (value === $) {
+        result = new A.Runes(_this._string0$_text).get$length(0);
+        _this._string0$__SassString__sassLength_FI !== $ && A.throwUnnamedLateFieldADI();
+        _this._string0$__SassString__sassLength_FI = result;
+        value = result;
+      }
+      return value;
+    },
+    get$isSpecialNumber() {
+      var t1, _2_0, t2, _0_0, _1_0;
+      if (this._string0$_hasQuotes)
+        return false;
+      t1 = this._string0$_text;
+      if (t1.length < 6)
+        return false;
+      _2_0 = t1.charCodeAt(0);
+      $label0$0: {
+        t2 = false;
+        if (97 === _2_0 || 65 === _2_0) {
+          t1 = (t1.charCodeAt(1) | 32) === 116 && (t1.charCodeAt(2) | 32) === 116 && (t1.charCodeAt(3) | 32) === 114 && t1.charCodeAt(4) === 40;
+          break $label0$0;
+        }
+        if (99 === _2_0 || 67 === _2_0) {
+          _0_0 = t1.charCodeAt(1);
+          $label1$1: {
+            if (108 === _0_0 || 76 === _0_0) {
+              t1 = (t1.charCodeAt(2) | 32) === 97 && (t1.charCodeAt(3) | 32) === 109 && (t1.charCodeAt(4) | 32) === 112 && t1.charCodeAt(5) === 40;
+              break $label1$1;
+            }
+            if (97 === _0_0 || 65 === _0_0) {
+              t1 = (t1.charCodeAt(2) | 32) === 108 && (t1.charCodeAt(3) | 32) === 99 && t1.charCodeAt(4) === 40;
+              break $label1$1;
+            }
+            t1 = t2;
+            break $label1$1;
+          }
+          break $label0$0;
+        }
+        if (118 === _2_0 || 86 === _2_0) {
+          t1 = (t1.charCodeAt(1) | 32) === 97 && (t1.charCodeAt(2) | 32) === 114 && t1.charCodeAt(3) === 40;
+          break $label0$0;
+        }
+        if (101 === _2_0 || 69 === _2_0) {
+          t1 = (t1.charCodeAt(1) | 32) === 110 && (t1.charCodeAt(2) | 32) === 118 && t1.charCodeAt(3) === 40;
+          break $label0$0;
+        }
+        if (109 === _2_0 || 77 === _2_0) {
+          _1_0 = t1.charCodeAt(1);
+          $label2$2: {
+            if (97 === _1_0 || 65 === _1_0) {
+              t1 = (t1.charCodeAt(2) | 32) === 120 && t1.charCodeAt(3) === 40;
+              break $label2$2;
+            }
+            if (105 === _1_0 || 73 === _1_0) {
+              t1 = (t1.charCodeAt(2) | 32) === 110 && t1.charCodeAt(3) === 40;
+              break $label2$2;
+            }
+            t1 = t2;
+            break $label2$2;
+          }
+          break $label0$0;
+        }
+        t1 = t2;
+        break $label0$0;
+      }
+      return t1;
+    },
+    get$isVar() {
+      if (this._string0$_hasQuotes)
+        return false;
+      var t1 = this._string0$_text;
+      if (t1.length < 8)
+        return false;
+      return (t1.charCodeAt(0) | 32) === 118 && (t1.charCodeAt(1) | 32) === 97 && (t1.charCodeAt(2) | 32) === 114 && t1.charCodeAt(3) === 40;
+    },
+    get$isBlank() {
+      return !this._string0$_hasQuotes && this._string0$_text.length === 0;
+    },
+    assertQuoted$1($name) {
+      if (this._string0$_hasQuotes)
+        return;
+      throw A.wrapException(A.SassScriptException$0("Expected " + this.toString$0(0) + " to be a quoted string.", $name));
+    },
+    assertUnquoted$1($name) {
+      if (!this._string0$_hasQuotes)
+        return;
+      throw A.wrapException(A.SassScriptException$0("Expected " + this.toString$0(0) + " to be an unquoted string.", $name));
+    },
+    assertUnquoted$0() {
+      return this.assertUnquoted$1(null);
+    },
+    accept$1$1(visitor) {
+      var t1 = visitor._serialize0$_quote && this._string0$_hasQuotes,
+        t2 = this._string0$_text;
+      if (t1)
+        visitor._serialize0$_visitQuotedString$1(t2);
+      else
+        visitor._serialize0$_visitUnquotedString$1(t2);
+      return null;
+    },
+    accept$1(visitor) {
+      return this.accept$1$1(visitor, type$.dynamic);
+    },
+    assertString$1($name) {
+      return this;
+    },
+    plus$1(other) {
+      var t1 = this._string0$_text,
+        t2 = this._string0$_hasQuotes;
+      return other instanceof A.SassString0 ? new A.SassString0(t1 + other._string0$_text, t2) : new A.SassString0(t1 + A.serializeValue0(other, false, true), t2);
+    },
+    $eq(_, other) {
+      if (other == null)
+        return false;
+      return other instanceof A.SassString0 && this._string0$_text === other._string0$_text;
+    },
+    get$hashCode(_) {
+      var t1 = this._string0$_hashCache;
+      return t1 == null ? this._string0$_hashCache = B.JSString_methods.get$hashCode(this._string0$_text) : t1;
+    }
+  };
+  A.ModifiableCssStyleRule0.prototype = {
+    accept$1$1(visitor) {
+      return visitor.visitCssStyleRule$1(this);
+    },
+    accept$1(visitor) {
+      return this.accept$1$1(visitor, type$.dynamic);
+    },
+    equalsIgnoringChildren$1(other) {
+      var t1;
+      if (other instanceof A.ModifiableCssStyleRule0)
+        t1 = B.C_ListEquality.equals$2(0, other._style_rule0$_selector._box0$_inner.value.components, this._style_rule0$_selector._box0$_inner.value.components);
+      else
+        t1 = false;
+      return t1;
+    },
+    copyWithoutChildren$0() {
+      return A.ModifiableCssStyleRule$0(this._style_rule0$_selector, this.span, false, this.originalSelector);
+    },
+    get$span(receiver) {
+      return this.span;
+    }
+  };
+  A.StyleRule0.prototype = {
+    accept$1$1(visitor) {
+      return visitor.visitStyleRule$1(0, this);
+    },
+    accept$1(visitor) {
+      return this.accept$1$1(visitor, type$.dynamic);
+    },
+    toString$0(_) {
+      return this.selector.toString$0(0) + " {" + B.JSArray_methods.join$1(this.children, " ") + "}";
+    },
+    get$span(receiver) {
+      return this.span;
+    }
+  };
+  A.CssStylesheet0.prototype = {
+    get$isGroupEnd() {
+      return false;
+    },
+    get$isChildless() {
+      return false;
+    },
+    accept$1$1(visitor) {
+      return visitor.visitCssStylesheet$1(this);
+    },
+    accept$1(visitor) {
+      return this.accept$1$1(visitor, type$.dynamic);
+    },
+    get$children(receiver) {
+      return this.children;
+    },
+    get$span(receiver) {
+      return this.span;
+    }
+  };
+  A.ModifiableCssStylesheet0.prototype = {
+    accept$1$1(visitor) {
+      return visitor.visitCssStylesheet$1(this);
+    },
+    accept$1(visitor) {
+      return this.accept$1$1(visitor, type$.dynamic);
+    },
+    equalsIgnoringChildren$1(other) {
+      return other instanceof A.ModifiableCssStylesheet0;
+    },
+    copyWithoutChildren$0() {
+      return A.ModifiableCssStylesheet$0(this.span);
+    },
+    $isCssStylesheet0: 1,
+    get$span(receiver) {
+      return this.span;
+    }
+  };
+  A.StylesheetParser0.prototype = {
+    parse$0(_) {
+      return this.wrapSpanFormatException$1(new A.StylesheetParser_parse_closure0(this));
+    },
+    parseParameterList$0() {
+      return this._stylesheet0$_parseSingleProduction$1$1(new A.StylesheetParser_parseParameterList_closure0(this), type$.ParameterList_2);
+    },
+    _stylesheet0$_parseSingleProduction$1$1(production, $T) {
+      return this.wrapSpanFormatException$1(new A.StylesheetParser__parseSingleProduction_closure0(this, production, $T));
+    },
+    parseSignature$1$requireParens(requireParens) {
+      return this.wrapSpanFormatException$1(new A.StylesheetParser_parseSignature_closure(this, requireParens));
+    },
+    _stylesheet0$_statement$1$root(root) {
+      var t2, _this = this,
+        t1 = _this.scanner,
+        _0_0 = t1.peekChar$0();
+      if (64 === _0_0)
+        return _this.atRule$2$root(new A.StylesheetParser__statement_closure0(_this), root);
+      if (43 === _0_0) {
+        if (!_this.get$indented() || !_this.lookingAtIdentifier$1(1))
+          return _this._stylesheet0$_styleRule$0();
+        _this._stylesheet0$_isUseAllowed = false;
+        t2 = t1._string_scanner$_position;
+        t1.readChar$0();
+        return _this._stylesheet0$_includeRule$1(new A._SpanScannerState(t1, t2));
+      }
+      if (61 === _0_0) {
+        if (!_this.get$indented())
+          return _this._stylesheet0$_styleRule$0();
+        _this._stylesheet0$_isUseAllowed = false;
+        t2 = t1._string_scanner$_position;
+        t1.readChar$0();
+        _this.whitespace$1$consumeNewlines(true);
+        return _this._stylesheet0$_mixinRule$1(new A._SpanScannerState(t1, t2));
+      }
+      if (125 === _0_0)
+        t1.error$2$length(0, 'unmatched "}".', 1);
+      return _this._stylesheet0$_inStyleRule || _this._stylesheet0$_inUnknownAtRule || _this._stylesheet0$_inMixin || _this._stylesheet0$_inContentBlock ? _this._stylesheet0$_declarationOrStyleRule$0() : _this._stylesheet0$_variableDeclarationOrStyleRule$0();
+    },
+    _stylesheet0$_statement$0() {
+      return this._stylesheet0$_statement$1$root(false);
+    },
+    variableDeclarationWithoutNamespace$2(namespace, start_) {
+      var t1, start, $name, t2, value, flagStart, t3, guarded, global, _0_0, endPosition, t4, t5, t6, declaration, _this = this,
+        precedingComment = _this.lastSilentComment;
+      _this.lastSilentComment = null;
+      if (start_ == null) {
+        t1 = _this.scanner;
+        start = new A._SpanScannerState(t1, t1._string_scanner$_position);
+      } else
+        start = start_;
+      $name = _this.variableName$0();
+      t1 = namespace != null;
+      if (t1)
+        _this._stylesheet0$_assertPublic$2($name, new A.StylesheetParser_variableDeclarationWithoutNamespace_closure1(_this, start));
+      if (_this.get$plainCss())
+        _this.error$2(0, string$.Sass_v, _this.scanner.spanFrom$1(start));
+      _this.whitespace$1$consumeNewlines(true);
+      t2 = _this.scanner;
+      t2.expectChar$1(58);
+      _this.whitespace$1$consumeNewlines(true);
+      value = _this._stylesheet0$_expression$0();
+      flagStart = new A._SpanScannerState(t2, t2._string_scanner$_position);
+      for (t3 = _this.warnings, guarded = false, global = false; t2.scanChar$1(33);) {
+        $label0$0: {
+          _0_0 = _this.identifier$0();
+          if ("default" === _0_0) {
+            if (guarded) {
+              endPosition = t2._string_scanner$_position;
+              t4 = t2._sourceFile;
+              t5 = flagStart.position;
+              t6 = new A._FileSpan(t4, t5, endPosition);
+              t6._FileSpan$3(t4, t5, endPosition);
+              t3.push(new A._Record_3_deprecation_message_span(B.Deprecation_SVw, string$.x21defau, t6));
+            }
+            guarded = true;
+            break $label0$0;
+          }
+          if ("global" === _0_0) {
+            if (t1) {
+              endPosition = t2._string_scanner$_position;
+              t4 = t2._sourceFile;
+              t5 = flagStart.position;
+              t6 = new A._FileSpan(t4, t5, endPosition);
+              t6._FileSpan$3(t4, t5, endPosition);
+              _this.error$2(0, string$.x21globai, t6);
+            } else if (global) {
+              endPosition = t2._string_scanner$_position;
+              t4 = t2._sourceFile;
+              t5 = flagStart.position;
+              t6 = new A._FileSpan(t4, t5, endPosition);
+              t6._FileSpan$3(t4, t5, endPosition);
+              t3.push(new A._Record_3_deprecation_message_span(B.Deprecation_SVw, string$.x21globas, t6));
+            }
+            global = true;
+            break $label0$0;
+          }
+          endPosition = t2._string_scanner$_position;
+          t4 = t2._sourceFile;
+          t5 = flagStart.position;
+          t6 = new A._FileSpan(t4, t5, endPosition);
+          t6._FileSpan$3(t4, t5, endPosition);
+          _this.error$2(0, "Invalid flag name.", t6);
+        }
+        _this.whitespace$1$consumeNewlines(false);
+        flagStart = new A._SpanScannerState(t2, t2._string_scanner$_position);
+      }
+      _this.expectStatementSeparator$1("variable declaration");
+      declaration = A.VariableDeclaration$0($name, value, t2.spanFrom$1(start), precedingComment, global, guarded, namespace);
+      if (global)
+        _this._stylesheet0$_globalVariables.putIfAbsent$2($name, new A.StylesheetParser_variableDeclarationWithoutNamespace_closure2(declaration));
+      return declaration;
+    },
+    variableDeclarationWithoutNamespace$0() {
+      return this.variableDeclarationWithoutNamespace$2(null, null);
+    },
+    _stylesheet0$_variableDeclarationOrStyleRule$0() {
+      var t1, t2, variableOrInterpolation, t3, _this = this;
+      if (_this.get$plainCss())
+        return _this._stylesheet0$_styleRule$0();
+      if (_this.get$indented() && _this.scanner.scanChar$1(92))
+        return _this._stylesheet0$_styleRule$0();
+      if (!_this.lookingAtIdentifier$0())
+        return _this._stylesheet0$_styleRule$0();
+      t1 = _this.scanner;
+      t2 = t1._string_scanner$_position;
+      variableOrInterpolation = _this._stylesheet0$_variableDeclarationOrInterpolation$0();
+      if (variableOrInterpolation instanceof A.VariableDeclaration0)
+        t1 = variableOrInterpolation;
+      else {
+        t3 = new A.InterpolationBuffer0(new A.StringBuffer(""), A._setArrayType([], type$.JSArray_Object), A._setArrayType([], type$.JSArray_nullable_FileSpan));
+        t3.addInterpolation$1(type$.Interpolation_2._as(variableOrInterpolation));
+        t2 = _this._stylesheet0$_styleRule$2(t3, new A._SpanScannerState(t1, t2));
+        t1 = t2;
+      }
+      return t1;
+    },
+    _stylesheet0$_declarationOrStyleRule$0() {
+      var t1, t2, declarationOrBuffer, _this = this;
+      if (_this.get$indented() && _this.scanner.scanChar$1(92))
+        return _this._stylesheet0$_styleRule$0();
+      t1 = _this.scanner;
+      t2 = t1._string_scanner$_position;
+      declarationOrBuffer = _this._stylesheet0$_declarationOrBuffer$0();
+      return declarationOrBuffer instanceof A.Statement0 ? declarationOrBuffer : _this._stylesheet0$_styleRule$2(type$.InterpolationBuffer_2._as(declarationOrBuffer), new A._SpanScannerState(t1, t2));
+    },
+    _stylesheet0$_declarationOrBuffer$0() {
+      var midBuffer, couldBeSelector, beforeDeclaration, value, additional, t2, t3, variableOrInterpolation, $name, t4, postColonWhitespace, _0_0, exception, _1_0, _this = this,
+        t1 = _this.scanner,
+        start = new A._SpanScannerState(t1, t1._string_scanner$_position),
+        nameBuffer = new A.InterpolationBuffer0(new A.StringBuffer(""), A._setArrayType([], type$.JSArray_Object), A._setArrayType([], type$.JSArray_nullable_FileSpan)),
+        startsWithPunctuation = _this._stylesheet0$_lookingAtPotentialPropertyHack$0();
+      if (startsWithPunctuation) {
+        t2 = t1.readChar$0();
+        t3 = nameBuffer._interpolation_buffer0$_text;
+        t2 = A.Primitives_stringFromCharCode(t2);
+        t3._contents += t2;
+        t2 = _this.rawText$1(new A.StylesheetParser__declarationOrBuffer_closure2(_this));
+        t3 = nameBuffer._interpolation_buffer0$_text;
+        t3._contents += t2;
+      }
+      if (!_this._stylesheet0$_lookingAtInterpolatedIdentifier$0())
+        return nameBuffer;
+      variableOrInterpolation = startsWithPunctuation ? _this.interpolatedIdentifier$0() : _this._stylesheet0$_variableDeclarationOrInterpolation$0();
+      if (variableOrInterpolation instanceof A.VariableDeclaration0)
+        return variableOrInterpolation;
+      else
+        nameBuffer.addInterpolation$1(type$.Interpolation_2._as(variableOrInterpolation));
+      _this._stylesheet0$_isUseAllowed = false;
+      if (t1.matches$1("/*")) {
+        t2 = _this.rawText$1(_this.get$loudComment());
+        t3 = nameBuffer._interpolation_buffer0$_text;
+        t3._contents += t2;
+      }
+      midBuffer = new A.StringBuffer("");
+      t2 = midBuffer;
+      t3 = _this.rawText$1(new A.StylesheetParser__declarationOrBuffer_closure3(_this));
+      t2._contents += t3;
+      t3 = t1._string_scanner$_position;
+      if (!t1.scanChar$1(58)) {
+        if (midBuffer._contents.length !== 0) {
+          t1 = nameBuffer._interpolation_buffer0$_text;
+          t2 = A.Primitives_stringFromCharCode(32);
+          t1._contents += t2;
+        }
+        return nameBuffer;
+      }
+      t2 = A.Primitives_stringFromCharCode(58);
+      midBuffer._contents += t2;
+      $name = nameBuffer.interpolation$1(t1.spanFrom$2(start, new A._SpanScannerState(t1, t3)));
+      if (B.JSString_methods.startsWith$1($name.get$initialPlain(), "--")) {
+        if (_this.atEndOfStatement$0()) {
+          t2 = A.FileLocation$_(t1._sourceFile, t1._string_scanner$_position);
+          t3 = t2.offset;
+          t3 = A.Interpolation$0(B.List_empty11, B.List_empty12, A._FileSpan$(t2.file, t3, t3));
+          t2 = t3;
+        } else
+          t2 = _this._stylesheet0$_interpolatedDeclarationValue$1$silentComments(false);
+        _this.expectStatementSeparator$1("custom property");
+        return A.Declaration$0($name, new A.StringExpression0(t2, false), t1.spanFrom$1(start));
+      }
+      if (t1.scanChar$1(58)) {
+        t1 = nameBuffer;
+        t3 = t1._interpolation_buffer0$_text;
+        t4 = A.S(midBuffer);
+        t3._contents = (t3._contents += t4) + t2;
+        return t1;
+      } else if (_this.get$indented() && _this._stylesheet0$_lookingAtInterpolatedIdentifier$0()) {
+        t1 = nameBuffer;
+        t2 = t1._interpolation_buffer0$_text;
+        t3 = A.S(midBuffer);
+        t2._contents += t3;
+        return t1;
+      }
+      postColonWhitespace = _this.rawText$1(new A.StylesheetParser__declarationOrBuffer_closure4(_this));
+      _0_0 = _this._stylesheet0$_tryDeclarationChildren$2($name, start);
+      if (_0_0 != null)
+        return _0_0;
+      midBuffer._contents += postColonWhitespace;
+      couldBeSelector = postColonWhitespace.length === 0 && _this._stylesheet0$_lookingAtInterpolatedIdentifier$0();
+      beforeDeclaration = new A._SpanScannerState(t1, t1._string_scanner$_position);
+      value = null;
+      try {
+        value = _this._stylesheet0$_expression$0();
+        if (_this.lookingAtChildren$0()) {
+          if (couldBeSelector)
+            _this.expectStatementSeparator$0();
+        } else if (!_this.atEndOfStatement$0())
+          _this.expectStatementSeparator$0();
+      } catch (exception) {
+        if (type$.FormatException._is(A.unwrapException(exception))) {
+          if (!couldBeSelector)
+            throw exception;
+          t1.set$state(beforeDeclaration);
+          additional = _this.almostAnyValue$0();
+          if (!_this.get$indented() && t1.peekChar$0() === 59)
+            throw exception;
+          t1 = nameBuffer._interpolation_buffer0$_text;
+          t2 = A.S(midBuffer);
+          t1._contents += t2;
+          nameBuffer.addInterpolation$1(additional);
+          return nameBuffer;
+        } else
+          throw exception;
+      }
+      _1_0 = _this._stylesheet0$_tryDeclarationChildren$3$value($name, start, value);
+      if (_1_0 != null)
+        return _1_0;
+      else {
+        _this.expectStatementSeparator$0();
+        return A.Declaration$0($name, value, t1.spanFrom$1(start));
+      }
+    },
+    _stylesheet0$_variableDeclarationOrInterpolation$0() {
+      var t1, start, identifier, t2, buffer, _this = this;
+      if (!_this.lookingAtIdentifier$0())
+        return _this.interpolatedIdentifier$0();
+      t1 = _this.scanner;
+      start = new A._SpanScannerState(t1, t1._string_scanner$_position);
+      identifier = _this.identifier$0();
+      if (t1.matches$1(".$")) {
+        t1.readChar$0();
+        return _this.variableDeclarationWithoutNamespace$2(identifier, start);
+      } else {
+        t2 = new A.StringBuffer("");
+        buffer = new A.InterpolationBuffer0(t2, A._setArrayType([], type$.JSArray_Object), A._setArrayType([], type$.JSArray_nullable_FileSpan));
+        t2._contents = identifier;
+        if (_this._stylesheet0$_lookingAtInterpolatedIdentifierBody$0())
+          buffer.addInterpolation$1(_this.interpolatedIdentifier$0());
+        return buffer.interpolation$1(t1.spanFrom$1(start));
+      }
+    },
+    _stylesheet0$_styleRule$2(buffer, start_) {
+      var t2, start, interpolation, wasInStyleRule, _this = this, t1 = {};
+      _this._stylesheet0$_isUseAllowed = false;
+      if (start_ == null) {
+        t2 = _this.scanner;
+        start = new A._SpanScannerState(t2, t2._string_scanner$_position);
+      } else
+        start = start_;
+      interpolation = t1.interpolation = _this.styleRuleSelector$0();
+      if (buffer != null) {
+        buffer.addInterpolation$1(interpolation);
+        t2 = t1.interpolation = buffer.interpolation$1(_this.scanner.spanFrom$1(start));
+      } else
+        t2 = interpolation;
+      if (t2.contents.length === 0)
+        _this.scanner.error$1(0, 'expected "}".');
+      wasInStyleRule = _this._stylesheet0$_inStyleRule;
+      _this._stylesheet0$_inStyleRule = true;
+      return _this._stylesheet0$_withChildren$3(_this.get$_stylesheet0$_statement(), start, new A.StylesheetParser__styleRule_closure0(t1, _this, wasInStyleRule, start));
+    },
+    _stylesheet0$_styleRule$0() {
+      return this._stylesheet0$_styleRule$2(null, null);
+    },
+    _stylesheet0$_propertyOrVariableDeclaration$1$parseCustomProperties(parseCustomProperties) {
+      var t2, nameBuffer, t3, $name, variableOrInterpolation, _0_0, value, _1_0, _this = this,
+        t1 = _this.scanner,
+        start = new A._SpanScannerState(t1, t1._string_scanner$_position);
+      if (_this._stylesheet0$_lookingAtPotentialPropertyHack$0()) {
+        t2 = new A.StringBuffer("");
+        nameBuffer = new A.InterpolationBuffer0(t2, A._setArrayType([], type$.JSArray_Object), A._setArrayType([], type$.JSArray_nullable_FileSpan));
+        t3 = A.Primitives_stringFromCharCode(t1.readChar$0());
+        t2._contents += t3;
+        t3 = _this.rawText$1(new A.StylesheetParser__propertyOrVariableDeclaration_closure0(_this));
+        t2._contents += t3;
+        nameBuffer.addInterpolation$1(_this.interpolatedIdentifier$0());
+        $name = nameBuffer.interpolation$1(t1.spanFrom$1(start));
+      } else if (!_this.get$plainCss()) {
+        variableOrInterpolation = _this._stylesheet0$_variableDeclarationOrInterpolation$0();
+        if (variableOrInterpolation instanceof A.VariableDeclaration0)
+          return variableOrInterpolation;
+        else
+          type$.Interpolation_2._as(variableOrInterpolation);
+        $name = variableOrInterpolation;
+      } else
+        $name = _this.interpolatedIdentifier$0();
+      _this.whitespace$1$consumeNewlines(false);
+      t1.expectChar$1(58);
+      _this.whitespace$1$consumeNewlines(false);
+      _0_0 = _this._stylesheet0$_tryDeclarationChildren$2($name, start);
+      if (_0_0 != null)
+        return _0_0;
+      value = _this._stylesheet0$_expression$0();
+      _1_0 = _this._stylesheet0$_tryDeclarationChildren$3$value($name, start, value);
+      if (_1_0 != null)
+        return _1_0;
+      else {
+        _this.expectStatementSeparator$0();
+        return A.Declaration$0($name, value, t1.spanFrom$1(start));
+      }
+    },
+    _stylesheet0$_tryDeclarationChildren$3$value($name, start, value) {
+      var _this = this;
+      if (!_this.lookingAtChildren$0())
+        return null;
+      if (_this.get$plainCss())
+        _this.scanner.error$1(0, string$.Nested);
+      return _this._stylesheet0$_withChildren$3(_this.get$_stylesheet0$_declarationChild(), start, new A.StylesheetParser__tryDeclarationChildren_closure0($name, value));
+    },
+    _stylesheet0$_tryDeclarationChildren$2($name, start) {
+      return this._stylesheet0$_tryDeclarationChildren$3$value($name, start, null);
+    },
+    _stylesheet0$_declarationChild$0() {
+      return this.scanner.peekChar$0() === 64 ? this._stylesheet0$_declarationAtRule$0() : this._stylesheet0$_propertyOrVariableDeclaration$1$parseCustomProperties(false);
+    },
+    atRule$2$root(child, root) {
+      var $name, wasUseAllowed, value, optional, url, namespace, configuration, span, _this = this,
+        t1 = _this.scanner,
+        start = new A._SpanScannerState(t1, t1._string_scanner$_position);
+      t1.expectChar$2$name(64, "@-rule");
+      $name = _this.interpolatedIdentifier$0();
+      wasUseAllowed = _this._stylesheet0$_isUseAllowed;
+      _this._stylesheet0$_isUseAllowed = false;
+      switch ($name.get$asPlain()) {
+        case "at-root":
+          return _this._stylesheet0$_atRootRule$1(start);
+        case "content":
+          return _this._stylesheet0$_contentRule$1(start);
+        case "debug":
+          return _this._stylesheet0$_debugRule$1(start);
+        case "each":
+          return _this._stylesheet0$_eachRule$2(start, child);
+        case "else":
+          return _this._stylesheet0$_disallowedAtRule$1(start);
+        case "error":
+          return _this._stylesheet0$_errorRule$1(start);
+        case "extend":
+          _this.whitespace$1$consumeNewlines(true);
+          if (!_this._stylesheet0$_inStyleRule && !_this._stylesheet0$_inMixin && !_this._stylesheet0$_inContentBlock)
+            _this.error$2(0, string$.x40exten, t1.spanFrom$1(start));
+          value = _this.almostAnyValue$0();
+          optional = t1.scanChar$1(33);
+          if (optional) {
+            _this.expectIdentifier$1("optional");
+            _this.whitespace$1$consumeNewlines(false);
+          }
+          _this.expectStatementSeparator$1("@extend rule");
+          return new A.ExtendRule0(value, optional, t1.spanFrom$1(start));
+        case "for":
+          return _this._stylesheet0$_forRule$2(start, child);
+        case "forward":
+          _this._stylesheet0$_isUseAllowed = wasUseAllowed;
+          if (!root)
+            _this._stylesheet0$_disallowedAtRule$1(start);
+          return _this._stylesheet0$_forwardRule$1(start);
+        case "function":
+          return _this._stylesheet0$_functionRule$1(start);
+        case "if":
+          return _this._stylesheet0$_ifRule$2(start, child);
+        case "import":
+          return _this._stylesheet0$_importRule$1(start);
+        case "include":
+          return _this._stylesheet0$_includeRule$1(start);
+        case "media":
+          return _this.mediaRule$1(start);
+        case "mixin":
+          return _this._stylesheet0$_mixinRule$1(start);
+        case "-moz-document":
+          return _this.mozDocumentRule$2(start, $name);
+        case "return":
+          return _this._stylesheet0$_disallowedAtRule$1(start);
+        case "supports":
+          return _this.supportsRule$1(start);
+        case "use":
+          _this._stylesheet0$_isUseAllowed = wasUseAllowed;
+          if (!root)
+            _this._stylesheet0$_disallowedAtRule$1(start);
+          _this.whitespace$1$consumeNewlines(true);
+          url = _this._stylesheet0$_urlString$0();
+          _this.whitespace$1$consumeNewlines(false);
+          namespace = _this._stylesheet0$_useNamespace$2(url, start);
+          _this.whitespace$1$consumeNewlines(false);
+          configuration = _this._stylesheet0$_configuration$0();
+          _this.whitespace$1$consumeNewlines(false);
+          span = t1.spanFrom$1(start);
+          if (!_this._stylesheet0$_isUseAllowed)
+            _this.error$2(0, string$.x40use_r, span);
+          _this.expectStatementSeparator$1("@use rule");
+          t1 = new A.UseRule0(url, namespace, configuration == null ? B.List_empty23 : A.List_List$unmodifiable(configuration, type$.ConfiguredVariable_2), span);
+          t1.UseRule$4$configuration0(url, namespace, span, configuration);
+          return t1;
+        case "warn":
+          return _this._stylesheet0$_warnRule$1(start);
+        case "while":
+          return _this._stylesheet0$_whileRule$2(start, child);
+        default:
+          return _this.unknownAtRule$2(start, $name);
+      }
+    },
+    _stylesheet0$_declarationAtRule$0() {
+      var _this = this,
+        t1 = _this.scanner,
+        start = new A._SpanScannerState(t1, t1._string_scanner$_position),
+        _0_0 = _this._stylesheet0$_plainAtRuleName$0();
+      $label0$0: {
+        if ("content" === _0_0) {
+          t1 = _this._stylesheet0$_contentRule$1(start);
+          break $label0$0;
+        }
+        if ("debug" === _0_0) {
+          t1 = _this._stylesheet0$_debugRule$1(start);
+          break $label0$0;
+        }
+        if ("each" === _0_0) {
+          t1 = _this._stylesheet0$_eachRule$2(start, _this.get$_stylesheet0$_declarationChild());
+          break $label0$0;
+        }
+        if ("else" === _0_0)
+          _this._stylesheet0$_disallowedAtRule$1(start);
+        if ("error" === _0_0) {
+          t1 = _this._stylesheet0$_errorRule$1(start);
+          break $label0$0;
+        }
+        if ("for" === _0_0) {
+          t1 = _this._stylesheet0$_forRule$2(start, _this.get$_stylesheet0$_declarationChild());
+          break $label0$0;
+        }
+        if ("if" === _0_0) {
+          t1 = _this._stylesheet0$_ifRule$2(start, _this.get$_stylesheet0$_declarationChild());
+          break $label0$0;
+        }
+        if ("include" === _0_0) {
+          t1 = _this._stylesheet0$_includeRule$1(start);
+          break $label0$0;
+        }
+        if ("warn" === _0_0) {
+          t1 = _this._stylesheet0$_warnRule$1(start);
+          break $label0$0;
+        }
+        if ("while" === _0_0) {
+          t1 = _this._stylesheet0$_whileRule$2(start, _this.get$_stylesheet0$_declarationChild());
+          break $label0$0;
+        }
+        t1 = _this._stylesheet0$_disallowedAtRule$1(start);
+      }
+      return t1;
+    },
+    _stylesheet0$_functionChild$0() {
+      var state, variableDeclarationError, stackTrace, statement, t2, namespace, exception, t3, start, _0_0, value, _this = this,
+        t1 = _this.scanner;
+      if (t1.peekChar$0() !== 64) {
+        t2 = t1._string_scanner$_position;
+        state = new A._SpanScannerState(t1, t2);
+        try {
+          namespace = _this.identifier$0();
+          t1.expectChar$1(46);
+          t2 = _this.variableDeclarationWithoutNamespace$2(namespace, new A._SpanScannerState(t1, t2));
+          return t2;
+        } catch (exception) {
+          t2 = A.unwrapException(exception);
+          t3 = type$.SourceSpanFormatException;
+          if (t3._is(t2)) {
+            variableDeclarationError = t2;
+            stackTrace = A.getTraceFromException(exception);
+            t1.set$state(state);
+            statement = null;
+            try {
+              statement = _this._stylesheet0$_declarationOrStyleRule$0();
+            } catch (exception) {
+              if (t3._is(A.unwrapException(exception)))
+                throw A.wrapException(variableDeclarationError);
+              else
+                throw exception;
+            }
+            t2 = statement instanceof A.StyleRule0 ? "style rules" : "declarations";
+            _this.error$3(0, "@function rules may not contain " + t2 + ".", J.get$span$z(statement), stackTrace);
+          } else
+            throw exception;
+        }
+      }
+      start = new A._SpanScannerState(t1, t1._string_scanner$_position);
+      _0_0 = _this._stylesheet0$_plainAtRuleName$0();
+      $label0$0: {
+        if ("debug" === _0_0) {
+          t1 = _this._stylesheet0$_debugRule$1(start);
+          break $label0$0;
+        }
+        if ("each" === _0_0) {
+          t1 = _this._stylesheet0$_eachRule$2(start, _this.get$_stylesheet0$_functionChild());
+          break $label0$0;
+        }
+        if ("else" === _0_0)
+          _this._stylesheet0$_disallowedAtRule$1(start);
+        if ("error" === _0_0) {
+          t1 = _this._stylesheet0$_errorRule$1(start);
+          break $label0$0;
+        }
+        if ("for" === _0_0) {
+          t1 = _this._stylesheet0$_forRule$2(start, _this.get$_stylesheet0$_functionChild());
+          break $label0$0;
+        }
+        if ("if" === _0_0) {
+          t1 = _this._stylesheet0$_ifRule$2(start, _this.get$_stylesheet0$_functionChild());
+          break $label0$0;
+        }
+        if ("return" === _0_0) {
+          _this.whitespace$1$consumeNewlines(true);
+          value = _this._stylesheet0$_expression$0();
+          _this.expectStatementSeparator$1("@return rule");
+          t1 = new A.ReturnRule0(value, t1.spanFrom$1(start));
+          break $label0$0;
+        }
+        if ("warn" === _0_0) {
+          t1 = _this._stylesheet0$_warnRule$1(start);
+          break $label0$0;
+        }
+        if ("while" === _0_0) {
+          t1 = _this._stylesheet0$_whileRule$2(start, _this.get$_stylesheet0$_functionChild());
+          break $label0$0;
+        }
+        t1 = _this._stylesheet0$_disallowedAtRule$1(start);
+      }
+      return t1;
+    },
+    _stylesheet0$_plainAtRuleName$0() {
+      this.scanner.expectChar$2$name(64, "@-rule");
+      return this.identifier$0();
+    },
+    _stylesheet0$_atRootRule$1(start) {
+      var t1, t2, t3, buffer, t4, _this = this;
+      _this.whitespace$1$consumeNewlines(false);
+      t1 = _this.scanner;
+      if (t1.peekChar$0() === 40) {
+        t2 = t1._string_scanner$_position;
+        t3 = new A.StringBuffer("");
+        buffer = new A.InterpolationBuffer0(t3, A._setArrayType([], type$.JSArray_Object), A._setArrayType([], type$.JSArray_nullable_FileSpan));
+        t1.expectChar$1(40);
+        t4 = A.Primitives_stringFromCharCode(40);
+        t3._contents += t4;
+        _this.whitespace$1$consumeNewlines(true);
+        _this._stylesheet0$_addOrInject$2(buffer, _this._stylesheet0$_expression$1$consumeNewlines(true));
+        if (t1.scanChar$1(58)) {
+          _this.whitespace$1$consumeNewlines(true);
+          t4 = A.Primitives_stringFromCharCode(58);
+          t3._contents += t4;
+          t4 = A.Primitives_stringFromCharCode(32);
+          t3._contents += t4;
+          _this._stylesheet0$_addOrInject$2(buffer, _this._stylesheet0$_expression$1$consumeNewlines(true));
+        }
+        t1.expectChar$1(41);
+        _this.whitespace$1$consumeNewlines(false);
+        t4 = A.Primitives_stringFromCharCode(41);
+        t3._contents += t4;
+        return _this._stylesheet0$_withChildren$3(_this.get$_stylesheet0$_statement(), start, new A.StylesheetParser__atRootRule_closure1(buffer.interpolation$1(t1.spanFrom$1(new A._SpanScannerState(t1, t2)))));
+      } else {
+        if (!_this.lookingAtChildren$0())
+          t2 = _this.get$indented() && _this.atEndOfStatement$0();
+        else
+          t2 = true;
+        if (t2)
+          return _this._stylesheet0$_withChildren$3(_this.get$_stylesheet0$_statement(), start, new A.StylesheetParser__atRootRule_closure2());
+        else
+          return A.AtRootRule$0(A._setArrayType([_this._stylesheet0$_styleRule$0()], type$.JSArray_Statement_2), t1.spanFrom$1(start), null);
+      }
+    },
+    _stylesheet0$_contentRule$1(start) {
+      var t1, beforeWhitespace, $arguments, t2, _this = this;
+      if (!_this._stylesheet0$_inMixin)
+        _this.error$2(0, string$.x40conte, _this.scanner.spanFrom$1(start));
+      t1 = _this.scanner;
+      beforeWhitespace = A.FileLocation$_(t1._sourceFile, t1._string_scanner$_position);
+      _this.whitespace$1$consumeNewlines(false);
+      if (t1.peekChar$0() === 40) {
+        $arguments = _this._stylesheet0$_argumentInvocation$1$mixin(true);
+        _this.whitespace$1$consumeNewlines(false);
+      } else {
+        t2 = beforeWhitespace.offset;
+        $arguments = A.ArgumentList$empty0(A._FileSpan$(beforeWhitespace.file, t2, t2));
+      }
+      _this.expectStatementSeparator$1("@content rule");
+      return new A.ContentRule0($arguments, t1.spanFrom$1(start));
+    },
+    _stylesheet0$_debugRule$1(start) {
+      var value, t1, t2, _this = this;
+      _this.whitespace$1$consumeNewlines(true);
+      value = _this._stylesheet0$_expression$0();
+      t1 = _this.scanner;
+      t2 = t1._string_scanner$_position;
+      _this.expectStatementSeparator$1("@debug rule");
+      return new A.DebugRule0(value, t1.spanFrom$2(start, new A._SpanScannerState(t1, t2)));
+    },
+    _stylesheet0$_eachRule$2(start, child) {
+      var wasInControlDirective, variables, t1, _this = this;
+      _this.whitespace$1$consumeNewlines(true);
+      wasInControlDirective = _this._stylesheet0$_inControlDirective;
+      _this._stylesheet0$_inControlDirective = true;
+      variables = A._setArrayType([_this.variableName$0()], type$.JSArray_String);
+      _this.whitespace$1$consumeNewlines(true);
+      for (t1 = _this.scanner; t1.scanChar$1(44);) {
+        _this.whitespace$1$consumeNewlines(true);
+        t1.expectChar$1(36);
+        variables.push(_this.identifier$1$normalize(true));
+        _this.whitespace$1$consumeNewlines(true);
+      }
+      _this.whitespace$1$consumeNewlines(true);
+      _this.expectIdentifier$1("in");
+      _this.whitespace$1$consumeNewlines(true);
+      return _this._stylesheet0$_withChildren$3(child, start, new A.StylesheetParser__eachRule_closure0(_this, wasInControlDirective, variables, _this._stylesheet0$_expression$0()));
+    },
+    _stylesheet0$_errorRule$1(start) {
+      var value, t1, t2, _this = this;
+      _this.whitespace$1$consumeNewlines(true);
+      value = _this._stylesheet0$_expression$0();
+      t1 = _this.scanner;
+      t2 = t1._string_scanner$_position;
+      _this.expectStatementSeparator$1("@error rule");
+      return new A.ErrorRule0(value, t1.spanFrom$2(start, new A._SpanScannerState(t1, t2)));
+    },
+    _stylesheet0$_functionRule$1(start) {
+      var precedingComment, t1, beforeName, $name, parameters, _0_0, _this = this;
+      _this.whitespace$1$consumeNewlines(true);
+      precedingComment = _this.lastSilentComment;
+      _this.lastSilentComment = null;
+      t1 = _this.scanner;
+      beforeName = new A._SpanScannerState(t1, t1._string_scanner$_position);
+      $name = _this.identifier$0();
+      if (B.JSString_methods.startsWith$1($name, "--"))
+        _this.warnings.push(new A._Record_3_deprecation_message_span(B.Deprecation_9Lp, string$.Sass__f, t1.spanFrom$1(beforeName)));
+      else if (A.equalsIgnoreCase0($name, "type"))
+        _this.error$2(0, string$.This_n, t1.spanFrom$1(beforeName));
+      _this.whitespace$1$consumeNewlines(true);
+      parameters = _this._stylesheet0$_parameterList$0();
+      if (_this._stylesheet0$_inMixin || _this._stylesheet0$_inContentBlock)
+        _this.error$2(0, string$.Mixinscf, t1.spanFrom$1(start));
+      else if (_this._stylesheet0$_inControlDirective)
+        _this.error$2(0, string$.Functi, t1.spanFrom$1(start));
+      _0_0 = A.unvendor0($name);
+      if ("calc" === _0_0 || "element" === _0_0 || "expression" === _0_0 || "url" === _0_0 || "and" === _0_0 || "or" === _0_0 || "not" === _0_0 || "clamp" === _0_0)
+        _this.error$2(0, "Invalid function name.", t1.spanFrom$1(start));
+      _this.whitespace$1$consumeNewlines(false);
+      return _this._stylesheet0$_withChildren$3(_this.get$_stylesheet0$_functionChild(), start, new A.StylesheetParser__functionRule_closure0($name, parameters, precedingComment));
+    },
+    _stylesheet0$_forRule$2(start, child) {
+      var wasInControlDirective, variable, from, _this = this, t1 = {};
+      _this.whitespace$1$consumeNewlines(true);
+      wasInControlDirective = _this._stylesheet0$_inControlDirective;
+      _this._stylesheet0$_inControlDirective = true;
+      variable = _this.variableName$0();
+      _this.whitespace$1$consumeNewlines(true);
+      _this.expectIdentifier$1("from");
+      _this.whitespace$1$consumeNewlines(true);
+      t1.exclusive = null;
+      from = _this._stylesheet0$_expression$2$consumeNewlines$until(true, new A.StylesheetParser__forRule_closure1(t1, _this));
+      if (t1.exclusive == null)
+        _this.scanner.error$1(0, 'Expected "to" or "through".');
+      _this.whitespace$1$consumeNewlines(true);
+      return _this._stylesheet0$_withChildren$3(child, start, new A.StylesheetParser__forRule_closure2(t1, _this, wasInControlDirective, variable, from, _this._stylesheet0$_expression$0()));
+    },
+    _stylesheet0$_forwardRule$1(start) {
+      var url, prefix, hiddenMixinsAndFunctions, hiddenVariables, _0_0, shownMixinsAndFunctions, shownVariables, _1_0, configuration, span, t1, t2, t3, t4, _this = this, _null = null;
+      _this.whitespace$1$consumeNewlines(true);
+      url = _this._stylesheet0$_urlString$0();
+      _this.whitespace$1$consumeNewlines(false);
+      if (_this.scanIdentifier$1("as")) {
+        _this.whitespace$1$consumeNewlines(true);
+        prefix = _this.identifier$1$normalize(true);
+        _this.scanner.expectChar$1(42);
+        _this.whitespace$1$consumeNewlines(false);
+      } else
+        prefix = _null;
+      hiddenMixinsAndFunctions = _null;
+      hiddenVariables = _null;
+      if (_this.scanIdentifier$1("show")) {
+        _this.whitespace$1$consumeNewlines(true);
+        _0_0 = _this._stylesheet0$_memberList$0();
+        shownMixinsAndFunctions = _0_0._0;
+        shownVariables = _0_0._1;
+      } else {
+        if (_this.scanIdentifier$1("hide")) {
+          _this.whitespace$1$consumeNewlines(true);
+          _1_0 = _this._stylesheet0$_memberList$0();
+          hiddenMixinsAndFunctions = _1_0._0;
+          hiddenVariables = _1_0._1;
+        }
+        shownVariables = _null;
+        shownMixinsAndFunctions = shownVariables;
+      }
+      configuration = _this._stylesheet0$_configuration$1$allowGuarded(true);
+      _this.whitespace$1$consumeNewlines(false);
+      _this.expectStatementSeparator$1("@forward rule");
+      span = _this.scanner.spanFrom$1(start);
+      if (!_this._stylesheet0$_isUseAllowed)
+        _this.error$2(0, string$.x40forwa, span);
+      if (shownMixinsAndFunctions != null) {
+        shownVariables.toString;
+        t1 = type$.String;
+        t2 = A.LinkedHashSet_LinkedHashSet$of(shownMixinsAndFunctions, t1);
+        t3 = type$.UnmodifiableSetView_String;
+        t1 = A.LinkedHashSet_LinkedHashSet$of(shownVariables, t1);
+        t4 = configuration == null ? B.List_empty23 : A.List_List$unmodifiable(configuration, type$.ConfiguredVariable_2);
+        return new A.ForwardRule0(url, new A.UnmodifiableSetView0(t2, t3), new A.UnmodifiableSetView0(t1, t3), _null, _null, prefix, t4, span);
+      } else if (hiddenMixinsAndFunctions != null) {
+        hiddenVariables.toString;
+        t1 = type$.String;
+        t2 = A.LinkedHashSet_LinkedHashSet$of(hiddenMixinsAndFunctions, t1);
+        t3 = type$.UnmodifiableSetView_String;
+        t1 = A.LinkedHashSet_LinkedHashSet$of(hiddenVariables, t1);
+        t4 = configuration == null ? B.List_empty23 : A.List_List$unmodifiable(configuration, type$.ConfiguredVariable_2);
+        return new A.ForwardRule0(url, _null, _null, new A.UnmodifiableSetView0(t2, t3), new A.UnmodifiableSetView0(t1, t3), prefix, t4, span);
+      } else
+        return new A.ForwardRule0(url, _null, _null, _null, _null, prefix, configuration == null ? B.List_empty23 : A.List_List$unmodifiable(configuration, type$.ConfiguredVariable_2), span);
+    },
+    _stylesheet0$_memberList$0() {
+      var _this = this,
+        t1 = type$.String,
+        identifiers = A.LinkedHashSet_LinkedHashSet$_empty(t1),
+        variables = A.LinkedHashSet_LinkedHashSet$_empty(t1);
+      t1 = _this.scanner;
+      do {
+        _this.whitespace$1$consumeNewlines(true);
+        _this.withErrorMessage$2(string$.Expectv, new A.StylesheetParser__memberList_closure0(_this, variables, identifiers));
+        _this.whitespace$1$consumeNewlines(false);
+      } while (t1.scanChar$1(44));
+      return new A._Record_2(identifiers, variables);
+    },
+    _stylesheet0$_ifRule$2(start, child) {
+      var ifIndentation, wasInControlDirective, condition, children, clauses, lastClause, span, _this = this;
+      _this.whitespace$1$consumeNewlines(true);
+      ifIndentation = _this.get$currentIndentation();
+      wasInControlDirective = _this._stylesheet0$_inControlDirective;
+      _this._stylesheet0$_inControlDirective = true;
+      condition = _this._stylesheet0$_expression$0();
+      children = _this.children$1(0, child);
+      _this.whitespaceWithoutComments$1$consumeNewlines(false);
+      clauses = A._setArrayType([A.IfClause$0(condition, children)], type$.JSArray_IfClause_2);
+      while (true) {
+        if (!_this.scanElse$1(ifIndentation)) {
+          lastClause = null;
+          break;
+        }
+        _this.whitespace$1$consumeNewlines(false);
+        if (_this.scanIdentifier$1("if")) {
+          _this.whitespace$1$consumeNewlines(true);
+          clauses.push(A.IfClause$0(_this._stylesheet0$_expression$0(), _this.children$1(0, child)));
+        } else {
+          lastClause = A.ElseClause$0(_this.children$1(0, child));
+          break;
+        }
+      }
+      _this._stylesheet0$_inControlDirective = wasInControlDirective;
+      span = _this.scanner.spanFrom$1(start);
+      _this.whitespaceWithoutComments$1$consumeNewlines(false);
+      return new A.IfRule0(A.List_List$unmodifiable(clauses, type$.IfClause_2), lastClause, span);
+    },
+    _stylesheet0$_importRule$1(start) {
+      var argument, t3, _this = this,
+        imports = A._setArrayType([], type$.JSArray_Import_2),
+        t1 = _this.scanner,
+        t2 = _this.warnings;
+      do {
+        _this.whitespace$1$consumeNewlines(false);
+        argument = _this.importArgument$0();
+        t3 = argument instanceof A.DynamicImport0;
+        if (t3)
+          t2.push(new A._Record_3_deprecation_message_span(B.Deprecation_5y6, string$.Sass__i, argument.span));
+        if ((_this._stylesheet0$_inControlDirective || _this._stylesheet0$_inMixin) && t3)
+          _this._stylesheet0$_disallowedAtRule$1(start);
+        imports.push(argument);
+        _this.whitespace$1$consumeNewlines(false);
+      } while (t1.scanChar$1(44));
+      _this.expectStatementSeparator$1("@import rule");
+      t1 = t1.spanFrom$1(start);
+      return new A.ImportRule0(A.List_List$unmodifiable(imports, type$.Import_2), t1);
+    },
+    importArgument$0() {
+      var url, urlSpan, innerError, stackTrace, modifiers, t2, exception, _this = this,
+        t1 = _this.scanner,
+        start = new A._SpanScannerState(t1, t1._string_scanner$_position),
+        _0_0 = t1.peekChar$0();
+      if (117 === _0_0 || 85 === _0_0) {
+        url = _this.dynamicUrl$0();
+        _this.whitespace$1$consumeNewlines(false);
+        modifiers = _this.tryImportModifiers$0();
+        t2 = url instanceof A.StringExpression0 ? url.text : A.Interpolation$0(A._setArrayType([url], type$.JSArray_Object), A._setArrayType([url.get$span(url)], type$.JSArray_nullable_FileSpan), url.get$span(url));
+        return new A.StaticImport0(t2, modifiers, t1.spanFrom$1(start));
+      }
+      url = _this.string$0();
+      urlSpan = t1.spanFrom$1(start);
+      _this.whitespace$1$consumeNewlines(false);
+      modifiers = _this.tryImportModifiers$0();
+      if (_this.isPlainImportUrl$1(url) || modifiers != null) {
+        t2 = urlSpan;
+        return new A.StaticImport0(new A.Interpolation0(A.List_List$unmodifiable([A.String_String$fromCharCodes(B.NativeUint32List_methods.sublist$2(t2.file._decodedChars, t2._file$_start, t2._end), 0, null)], type$.Object), B.List_null, urlSpan), modifiers, t1.spanFrom$1(start));
+      } else
+        try {
+          t1 = _this.parseImportUrl$1(url);
+          return new A.DynamicImport0(t1, urlSpan);
+        } catch (exception) {
+          t1 = A.unwrapException(exception);
+          if (type$.FormatException._is(t1)) {
+            innerError = t1;
+            stackTrace = A.getTraceFromException(exception);
+            _this.error$3(0, "Invalid URL: " + J.get$message$x(innerError), urlSpan, stackTrace);
+          } else
+            throw exception;
+        }
+    },
+    parseImportUrl$1(url) {
+      var t1 = $.$get$windows();
+      if (t1.style.rootLength$1(url) > 0 && !$.$get$url().style.isRootRelative$1(url))
+        return t1.toUri$1(url).toString$0(0);
+      A.Uri_parse(url);
+      return url;
+    },
+    isPlainImportUrl$1(url) {
+      var _0_0, t1;
+      if (url.length < 5)
+        return false;
+      if (B.JSString_methods.endsWith$1(url, ".css"))
+        return true;
+      _0_0 = url.charCodeAt(0);
+      $label0$0: {
+        if (47 === _0_0) {
+          t1 = url.charCodeAt(1) === 47;
+          break $label0$0;
+        }
+        if (104 === _0_0) {
+          t1 = B.JSString_methods.startsWith$1(url, "http://") || B.JSString_methods.startsWith$1(url, "https://");
+          break $label0$0;
+        }
+        t1 = false;
+        break $label0$0;
+      }
+      return t1;
+    },
+    tryImportModifiers$0() {
+      var t1, t2, t3, t4, t5, buffer, t6, identifier, $name, query, t7, endPosition, _this = this;
+      if (!_this._stylesheet0$_lookingAtInterpolatedIdentifier$0() && _this.scanner.peekChar$0() !== 40)
+        return null;
+      t1 = _this.scanner;
+      t2 = t1._string_scanner$_position;
+      t3 = new A.StringBuffer("");
+      t4 = A._setArrayType([], type$.JSArray_Object);
+      t5 = A._setArrayType([], type$.JSArray_nullable_FileSpan);
+      buffer = new A.InterpolationBuffer0(t3, t4, t5);
+      for (; true;)
+        if (_this._stylesheet0$_lookingAtInterpolatedIdentifier$0()) {
+          if (!(t4.length === 0 && t3._contents.length === 0)) {
+            t6 = A.Primitives_stringFromCharCode(32);
+            t3._contents += t6;
+          }
+          identifier = _this.interpolatedIdentifier$0();
+          buffer.addInterpolation$1(identifier);
+          t6 = identifier.get$asPlain();
+          $name = t6 == null ? null : t6.toLowerCase();
+          if ($name !== "and" && t1.scanChar$1(40)) {
+            if ($name === "supports") {
+              query = _this._stylesheet0$_importSupportsQuery$0();
+              t6 = !(query instanceof A.SupportsDeclaration0);
+              if (t6) {
+                t7 = A.Primitives_stringFromCharCode(40);
+                t3._contents += t7;
+              }
+              t7 = query.get$span(query);
+              buffer._interpolation_buffer0$_flushText$0();
+              t4.push(new A.SupportsExpression0(query));
+              t5.push(t7);
+              if (t6) {
+                t6 = A.Primitives_stringFromCharCode(41);
+                t3._contents += t6;
+              }
+            } else {
+              t6 = A.Primitives_stringFromCharCode(40);
+              t3._contents += t6;
+              buffer.addInterpolation$1(_this._stylesheet0$_interpolatedDeclarationValue$3$allowEmpty$allowSemicolon$consumeNewlines(true, true, true));
+              t6 = A.Primitives_stringFromCharCode(41);
+              t3._contents += t6;
+            }
+            t1.expectChar$1(41);
+            _this.whitespace$1$consumeNewlines(false);
+          } else {
+            _this.whitespace$1$consumeNewlines(false);
+            if (t1.scanChar$1(44)) {
+              t3._contents += ", ";
+              buffer.addInterpolation$1(_this._stylesheet0$_mediaQueryList$0());
+              endPosition = t1._string_scanner$_position;
+              t3 = t1._sourceFile;
+              t1 = new A._FileSpan(t3, t2, endPosition);
+              t1._FileSpan$3(t3, t2, endPosition);
+              return buffer.interpolation$1(t1);
+            }
+          }
+        } else if (t1.peekChar$0() === 40) {
+          if (!(t4.length === 0 && t3._contents.length === 0)) {
+            t4 = A.Primitives_stringFromCharCode(32);
+            t3._contents += t4;
+          }
+          buffer.addInterpolation$1(_this._stylesheet0$_mediaQueryList$0());
+          endPosition = t1._string_scanner$_position;
+          t1 = t1._sourceFile;
+          t3 = new A._FileSpan(t1, t2, endPosition);
+          t3._FileSpan$3(t1, t2, endPosition);
+          return buffer.interpolation$1(t3);
+        } else {
+          endPosition = t1._string_scanner$_position;
+          t1 = t1._sourceFile;
+          t3 = new A._FileSpan(t1, t2, endPosition);
+          t3._FileSpan$3(t1, t2, endPosition);
+          return buffer.interpolation$1(t3);
+        }
+    },
+    _stylesheet0$_importSupportsQuery$0() {
+      var t1, t2, _0_0, $name, _this = this;
+      _this.whitespace$1$consumeNewlines(true);
+      if (_this.scanIdentifier$1("not")) {
+        _this.whitespace$1$consumeNewlines(true);
+        t1 = _this.scanner;
+        t2 = t1._string_scanner$_position;
+        return new A.SupportsNegation0(_this._stylesheet0$_supportsConditionInParens$0(), t1.spanFrom$1(new A._SpanScannerState(t1, t2)));
+      } else {
+        t1 = _this.scanner;
+        if (t1.peekChar$0() === 40)
+          return _this._stylesheet0$_supportsCondition$1$inParentheses(true);
+        else {
+          _0_0 = _this._stylesheet0$_tryImportSupportsFunction$0();
+          if (_0_0 != null)
+            return _0_0;
+          t2 = t1._string_scanner$_position;
+          $name = _this._stylesheet0$_expression$1$consumeNewlines(true);
+          t1.expectChar$1(58);
+          return new A.SupportsDeclaration0($name, _this._stylesheet0$_supportsDeclarationValue$1($name), t1.spanFrom$1(new A._SpanScannerState(t1, t2)));
+        }
+      }
+    },
+    _stylesheet0$_tryImportSupportsFunction$0() {
+      var t1, start, $name, value, _this = this;
+      if (!_this._stylesheet0$_lookingAtInterpolatedIdentifier$0())
+        return null;
+      t1 = _this.scanner;
+      start = new A._SpanScannerState(t1, t1._string_scanner$_position);
+      $name = _this.interpolatedIdentifier$0();
+      if (!t1.scanChar$1(40)) {
+        t1.set$state(start);
+        return null;
+      }
+      value = _this._stylesheet0$_interpolatedDeclarationValue$3$allowEmpty$allowSemicolon$consumeNewlines(true, true, true);
+      t1.expectChar$1(41);
+      return new A.SupportsFunction0($name, value, t1.spanFrom$1(start));
+    },
+    _stylesheet0$_includeRule$1(start) {
+      var $name, t1, name0, namespace, $arguments, t2, t3, contentParameters, contentParameters_, wasInContentBlock, $content, span, _this = this, _null = null;
+      _this.whitespace$1$consumeNewlines(true);
+      $name = _this.identifier$0();
+      t1 = _this.scanner;
+      if (t1.scanChar$1(46)) {
+        name0 = _this._stylesheet0$_publicIdentifier$0();
+        namespace = $name;
+        $name = name0;
+      } else
+        namespace = _null;
+      _this.whitespace$1$consumeNewlines(false);
+      if (t1.peekChar$0() === 40)
+        $arguments = _this._stylesheet0$_argumentInvocation$1$mixin(true);
+      else {
+        t2 = A.FileLocation$_(t1._sourceFile, t1._string_scanner$_position);
+        t3 = t2.offset;
+        $arguments = A.ArgumentList$empty0(A._FileSpan$(t2.file, t3, t3));
+      }
+      _this.whitespace$1$consumeNewlines(false);
+      if (_this.scanIdentifier$1("using")) {
+        _this.whitespace$1$consumeNewlines(true);
+        contentParameters = _this._stylesheet0$_parameterList$0();
+        _this.whitespace$1$consumeNewlines(false);
+      } else
+        contentParameters = _null;
+      t2 = contentParameters == null;
+      if (!t2 || _this.lookingAtChildren$0()) {
+        if (t2) {
+          t2 = A.FileLocation$_(t1._sourceFile, t1._string_scanner$_position);
+          t3 = t2.offset;
+          contentParameters_ = new A.ParameterList0(B.List_empty24, _null, A._FileSpan$(t2.file, t3, t3));
+        } else
+          contentParameters_ = contentParameters;
+        wasInContentBlock = _this._stylesheet0$_inContentBlock;
+        _this._stylesheet0$_inContentBlock = true;
+        $content = _this._stylesheet0$_withChildren$3(_this.get$_stylesheet0$_statement(), start, new A.StylesheetParser__includeRule_closure0(contentParameters_));
+        _this._stylesheet0$_inContentBlock = wasInContentBlock;
+      } else {
+        _this.expectStatementSeparator$0();
+        $content = _null;
+      }
+      t1 = t1.spanFrom$2(start, start);
+      t2 = $content == null ? $arguments : $content;
+      span = t1.expand$1(0, t2.get$span(t2));
+      return new A.IncludeRule0(namespace, A.stringReplaceAllUnchecked($name, "_", "-"), $name, $arguments, $content, span);
+    },
+    mediaRule$1(start) {
+      var _this = this;
+      _this.whitespace$1$consumeNewlines(false);
+      return _this._stylesheet0$_withChildren$3(_this.get$_stylesheet0$_statement(), start, new A.StylesheetParser_mediaRule_closure0(_this._stylesheet0$_mediaQueryList$0()));
+    },
+    _stylesheet0$_mixinRule$1(start) {
+      var precedingComment, t1, t2, $name, parameters, t3, _this = this;
+      _this.whitespace$1$consumeNewlines(true);
+      precedingComment = _this.lastSilentComment;
+      _this.lastSilentComment = null;
+      t1 = _this.scanner;
+      t2 = t1._string_scanner$_position;
+      $name = _this.identifier$0();
+      if (B.JSString_methods.startsWith$1($name, "--"))
+        _this.warnings.push(new A._Record_3_deprecation_message_span(B.Deprecation_9Lp, string$.Sass__m, t1.spanFrom$1(new A._SpanScannerState(t1, t2))));
+      _this.whitespace$1$consumeNewlines(false);
+      if (t1.peekChar$0() === 40)
+        parameters = _this._stylesheet0$_parameterList$0();
+      else {
+        t2 = A.FileLocation$_(t1._sourceFile, t1._string_scanner$_position);
+        t3 = t2.offset;
+        parameters = new A.ParameterList0(B.List_empty24, null, A._FileSpan$(t2.file, t3, t3));
+      }
+      if (_this._stylesheet0$_inMixin || _this._stylesheet0$_inContentBlock)
+        _this.error$2(0, string$.Mixinscm, t1.spanFrom$1(start));
+      else if (_this._stylesheet0$_inControlDirective)
+        _this.error$2(0, string$.Mixinsb, t1.spanFrom$1(start));
+      _this.whitespace$1$consumeNewlines(false);
+      _this._stylesheet0$_inMixin = true;
+      return _this._stylesheet0$_withChildren$3(_this.get$_stylesheet0$_statement(), start, new A.StylesheetParser__mixinRule_closure0(_this, $name, parameters, precedingComment));
+    },
+    mozDocumentRule$2(start, $name) {
+      var t1, t2, t3, t4, t5, buffer, _0_0, t6, identifier, _1_0, argument, trailing, endPosition, t7, t8, start0, end, _this = this, _box_0 = {};
+      _this.whitespace$1$consumeNewlines(false);
+      t1 = _this.scanner;
+      t2 = t1._string_scanner$_position;
+      t3 = new A.StringBuffer("");
+      t4 = A._setArrayType([], type$.JSArray_Object);
+      t5 = A._setArrayType([], type$.JSArray_nullable_FileSpan);
+      buffer = new A.InterpolationBuffer0(t3, t4, t5);
+      _box_0.needsDeprecationWarning = false;
+      for (; true;) {
+        if (t1.peekChar$0() === 35) {
+          _0_0 = _this.singleInterpolation$0();
+          buffer._interpolation_buffer0$_flushText$0();
+          t4.push(_0_0._0);
+          t5.push(_0_0._1);
+          _box_0.needsDeprecationWarning = true;
+        } else {
+          t6 = t1._string_scanner$_position;
+          identifier = _this.identifier$0();
+          $label0$0: {
+            if ("url" === identifier || "url-prefix" === identifier || "domain" === identifier) {
+              _1_0 = _this._stylesheet0$_tryUrlContents$2$name(new A._SpanScannerState(t1, t6), identifier);
+              if (_1_0 != null)
+                buffer.addInterpolation$1(_1_0);
+              else {
+                t1.expectChar$1(40);
+                _this.whitespace$1$consumeNewlines(false);
+                argument = _this.interpolatedString$0();
+                t1.expectChar$1(41);
+                t3._contents += identifier;
+                t6 = A.Primitives_stringFromCharCode(40);
+                t3._contents += t6;
+                buffer.addInterpolation$1(argument.asInterpolation$0());
+                t6 = A.Primitives_stringFromCharCode(41);
+                t3._contents += t6;
+              }
+              t6 = t3._contents;
+              trailing = t6.charCodeAt(0) == 0 ? t6 : t6;
+              if (!B.JSString_methods.endsWith$1(trailing, "url-prefix()") && !B.JSString_methods.endsWith$1(trailing, "url-prefix('')") && !B.JSString_methods.endsWith$1(trailing, 'url-prefix("")'))
+                _box_0.needsDeprecationWarning = true;
+              break $label0$0;
+            }
+            if ("regexp" === identifier) {
+              t3._contents += "regexp(";
+              t1.expectChar$1(40);
+              buffer.addInterpolation$1(_this.interpolatedString$0().asInterpolation$0());
+              t1.expectChar$1(41);
+              t6 = A.Primitives_stringFromCharCode(41);
+              t3._contents += t6;
+              _box_0.needsDeprecationWarning = true;
+              break $label0$0;
+            }
+            endPosition = t1._string_scanner$_position;
+            t7 = t1._sourceFile;
+            t8 = new A._FileSpan(t7, t6, endPosition);
+            t8._FileSpan$3(t7, t6, endPosition);
+            _this.error$2(0, "Invalid function name.", t8);
+          }
+        }
+        _this.whitespace$1$consumeNewlines(false);
+        if (!t1.scanChar$1(44))
+          break;
+        t6 = A.Primitives_stringFromCharCode(44);
+        t3._contents += t6;
+        start0 = t1._string_scanner$_position;
+        new A.StylesheetParser_mozDocumentRule_closure1(_this).call$0();
+        end = t1._string_scanner$_position;
+        t3._contents += B.JSString_methods.substring$2(t1.string, start0, end);
+      }
+      return _this._stylesheet0$_withChildren$3(_this.get$_stylesheet0$_statement(), start, new A.StylesheetParser_mozDocumentRule_closure2(_box_0, _this, $name, buffer.interpolation$1(t1.spanFrom$1(new A._SpanScannerState(t1, t2)))));
+    },
+    supportsRule$1(start) {
+      var condition, _this = this;
+      _this.whitespace$1$consumeNewlines(false);
+      condition = _this._stylesheet0$_supportsCondition$0();
+      _this.whitespace$1$consumeNewlines(false);
+      return _this._stylesheet0$_withChildren$3(_this.get$_stylesheet0$_statement(), start, new A.StylesheetParser_supportsRule_closure0(condition));
+    },
+    _stylesheet0$_useNamespace$2(url, start) {
+      var namespace, basename, dot, t1, exception, _this = this;
+      if (_this.scanIdentifier$1("as")) {
+        _this.whitespace$1$consumeNewlines(true);
+        return _this.scanner.scanChar$1(42) ? null : _this.identifier$0();
+      }
+      basename = url.get$pathSegments().length === 0 ? "" : B.JSArray_methods.get$last(url.get$pathSegments());
+      dot = B.JSString_methods.indexOf$1(basename, ".");
+      t1 = B.JSString_methods.startsWith$1(basename, "_") ? 1 : 0;
+      namespace = B.JSString_methods.substring$2(basename, t1, dot === -1 ? basename.length : dot);
+      try {
+        t1 = new A.Parser1(A.SpanScanner$(namespace, null), null)._parser1$_parseIdentifier$0();
+        return t1;
+      } catch (exception) {
+        if (type$.SassFormatException_2._is(A.unwrapException(exception)))
+          _this.error$2(0, 'The default namespace "' + A.S(namespace) + string$.x22x20is_n, _this.scanner.spanFrom$1(start));
+        else
+          throw exception;
+      }
+    },
+    _stylesheet0$_configuration$1$allowGuarded(allowGuarded) {
+      var variableNames, configuration, t1, t2, t3, $name, endPosition, t4, t5, expression, guarded, t6, span, _this = this;
+      if (!_this.scanIdentifier$1("with"))
+        return null;
+      variableNames = A.LinkedHashSet_LinkedHashSet$_empty(type$.String);
+      configuration = A._setArrayType([], type$.JSArray_ConfiguredVariable_2);
+      _this.whitespace$1$consumeNewlines(true);
+      t1 = _this.scanner;
+      t1.expectChar$1(40);
+      for (t2 = _this.warnings; true;) {
+        _this.whitespace$1$consumeNewlines(true);
+        t3 = t1._string_scanner$_position;
+        t1.expectChar$1(36);
+        $name = _this.identifier$1$normalize(true);
+        if (B.JSString_methods.startsWith$1($name, "-")) {
+          endPosition = t1._string_scanner$_position;
+          t4 = t1._sourceFile;
+          t5 = new A._FileSpan(t4, t3, endPosition);
+          t5._FileSpan$3(t4, t3, endPosition);
+          t2.push(new A._Record_3_deprecation_message_span(B.Deprecation_eKX, string$.Config, t5));
+        }
+        _this.whitespace$1$consumeNewlines(true);
+        t1.expectChar$1(58);
+        _this.whitespace$1$consumeNewlines(true);
+        expression = _this.expressionUntilComma$0();
+        t4 = t1._string_scanner$_position;
+        if (allowGuarded && t1.scanChar$1(33)) {
+          guarded = _this.identifier$0() === "default";
+          if (guarded)
+            _this.whitespace$1$consumeNewlines(true);
+          else {
+            endPosition = t1._string_scanner$_position;
+            t5 = t1._sourceFile;
+            t6 = new A._FileSpan(t5, t4, endPosition);
+            t6._FileSpan$3(t5, t4, endPosition);
+            _this.error$2(0, "Invalid flag name.", t6);
+          }
+        } else
+          guarded = false;
+        endPosition = t1._string_scanner$_position;
+        t4 = t1._sourceFile;
+        span = new A._FileSpan(t4, t3, endPosition);
+        span._FileSpan$3(t4, t3, endPosition);
+        if (variableNames.contains$1(0, $name))
+          _this.error$2(0, string$.The_sa, span);
+        variableNames.add$1(0, $name);
+        configuration.push(new A.ConfiguredVariable0($name, expression, guarded, span));
+        if (!t1.scanChar$1(44))
+          break;
+        _this.whitespace$1$consumeNewlines(true);
+        if (!_this._stylesheet0$_lookingAtExpression$0())
+          break;
+      }
+      t1.expectChar$1(41);
+      return configuration;
+    },
+    _stylesheet0$_configuration$0() {
+      return this._stylesheet0$_configuration$1$allowGuarded(false);
+    },
+    _stylesheet0$_warnRule$1(start) {
+      var value, t1, t2, _this = this;
+      _this.whitespace$1$consumeNewlines(true);
+      value = _this._stylesheet0$_expression$0();
+      t1 = _this.scanner;
+      t2 = t1._string_scanner$_position;
+      _this.expectStatementSeparator$1("@warn rule");
+      return new A.WarnRule0(value, t1.spanFrom$2(start, new A._SpanScannerState(t1, t2)));
+    },
+    _stylesheet0$_whileRule$2(start, child) {
+      var wasInControlDirective, _this = this;
+      _this.whitespace$1$consumeNewlines(true);
+      wasInControlDirective = _this._stylesheet0$_inControlDirective;
+      _this._stylesheet0$_inControlDirective = true;
+      return _this._stylesheet0$_withChildren$3(child, start, new A.StylesheetParser__whileRule_closure0(_this, wasInControlDirective, _this._stylesheet0$_expression$0()));
+    },
+    unknownAtRule$2(start, $name) {
+      var t2, t3, rule, _this = this, t1 = {},
+        wasInUnknownAtRule = _this._stylesheet0$_inUnknownAtRule;
+      _this._stylesheet0$_inUnknownAtRule = true;
+      _this.whitespace$1$consumeNewlines(false);
+      t1.value = null;
+      t2 = _this.scanner;
+      t3 = t2.peekChar$0() !== 33 && !_this.atEndOfStatement$0() ? t1.value = _this._stylesheet0$_interpolatedDeclarationValue$1$allowOpenBrace(false) : null;
+      if (_this.lookingAtChildren$0())
+        rule = _this._stylesheet0$_withChildren$3(_this.get$_stylesheet0$_statement(), start, new A.StylesheetParser_unknownAtRule_closure0(t1, $name));
+      else {
+        _this.expectStatementSeparator$0();
+        rule = A.AtRule$0($name, t2.spanFrom$1(start), null, t3);
+      }
+      _this._stylesheet0$_inUnknownAtRule = wasInUnknownAtRule;
+      return rule;
+    },
+    _stylesheet0$_disallowedAtRule$1(start) {
+      var _this = this;
+      _this.whitespace$1$consumeNewlines(false);
+      _this._stylesheet0$_interpolatedDeclarationValue$2$allowEmpty$allowOpenBrace(true, false);
+      _this.error$2(0, "This at-rule is not allowed here.", _this.scanner.spanFrom$1(start));
+    },
+    _stylesheet0$_parameterList$0() {
+      var parameters, named, restParameter, t3, $name, defaultValue, endPosition, t4, t5, _this = this,
+        t1 = _this.scanner,
+        t2 = t1._string_scanner$_position;
+      t1.expectChar$1(40);
+      _this.whitespace$1$consumeNewlines(true);
+      parameters = A._setArrayType([], type$.JSArray_Parameter_2);
+      named = A.LinkedHashSet_LinkedHashSet$_empty(type$.String);
+      for (; restParameter = null, t1.peekChar$0() === 36;) {
+        t3 = t1._string_scanner$_position;
+        t1.expectChar$1(36);
+        $name = _this.identifier$1$normalize(true);
+        _this.whitespace$1$consumeNewlines(true);
+        if (t1.scanChar$1(58)) {
+          _this.whitespace$1$consumeNewlines(true);
+          defaultValue = _this.expressionUntilComma$0();
+        } else {
+          if (t1.scanChar$1(46)) {
+            t1.expectChar$1(46);
+            t1.expectChar$1(46);
+            _this.whitespace$1$consumeNewlines(true);
+            if (t1.scanChar$1(44))
+              _this.whitespace$1$consumeNewlines(true);
+            restParameter = $name;
+            break;
+          }
+          defaultValue = null;
+        }
+        endPosition = t1._string_scanner$_position;
+        t4 = t1._sourceFile;
+        t5 = new A._FileSpan(t4, t3, endPosition);
+        t5._FileSpan$3(t4, t3, endPosition);
+        parameters.push(new A.Parameter0($name, defaultValue, t5));
+        if (!named.add$1(0, $name))
+          _this.error$2(0, "Duplicate parameter.", B.JSArray_methods.get$last(parameters).span);
+        if (!t1.scanChar$1(44))
+          break;
+        _this.whitespace$1$consumeNewlines(true);
+      }
+      t1.expectChar$1(41);
+      t1 = t1.spanFrom$1(new A._SpanScannerState(t1, t2));
+      return new A.ParameterList0(A.List_List$unmodifiable(parameters, type$.Parameter_2), restParameter, t1);
+    },
+    _stylesheet0$_argumentInvocation$2$allowEmptySecondArg$mixin(allowEmptySecondArg, mixin) {
+      var positional, t3, t4, named, t5, t6, t7, t8, end, rest, emittedRestDeprecation, keywordRest, expression, emittedRestDeprecation0, t9, t10, end0, result, _this = this,
+        t1 = _this.scanner,
+        t2 = t1._string_scanner$_position;
+      t1.expectChar$1(40);
+      _this.whitespace$1$consumeNewlines(true);
+      positional = A._setArrayType([], type$.JSArray_Expression_2);
+      t3 = type$.String;
+      t4 = type$.Expression_2;
+      named = A.LinkedHashMap_LinkedHashMap$_empty(t3, t4);
+      for (t5 = !mixin, t6 = _this.warnings, t7 = type$.SourceSpan, t8 = t1._sourceFile, end = t8._decodedChars.length, rest = null, emittedRestDeprecation = false; keywordRest = null, _this._stylesheet0$_lookingAtExpression$0();) {
+        expression = _this.expressionUntilComma$1$singleEquals(t5);
+        _this.whitespace$1$consumeNewlines(true);
+        emittedRestDeprecation0 = true;
+        if (expression instanceof A.VariableExpression0 && t1.scanChar$1(58)) {
+          _this.whitespace$1$consumeNewlines(true);
+          t9 = expression.name;
+          if (named.containsKey$1(t9))
+            _this.error$2(0, "Duplicate argument.", expression.span);
+          named.$indexSet(0, t9, _this.expressionUntilComma$1$singleEquals(t5));
+          if (rest != null && !emittedRestDeprecation) {
+            t9 = expression.span;
+            t10 = t9.file;
+            t9 = t9._file$_start;
+            new A.FileLocation(t10, t9).FileLocation$_$2(t10, t9);
+            end0 = t1._string_scanner$_position;
+            t10 = new A._FileSpan(t8, t9, end0);
+            t10._FileSpan$3(t8, t9, end0);
+            t6.push(new A._Record_3_deprecation_message_span(B.Deprecation_vkD, string$.Named_, new A.MultiSpan0(t10, "named argument", A.ConstantMap_ConstantMap$from(A.LinkedHashMap_LinkedHashMap$_literal([rest.get$span(rest), "rest argument"], t7, t3), t7, t3))));
+            emittedRestDeprecation = emittedRestDeprecation0;
+          }
+        } else if (t1.scanChar$1(46)) {
+          t1.expectChar$1(46);
+          t1.expectChar$1(46);
+          if (rest != null) {
+            _this.whitespace$1$consumeNewlines(true);
+            if (t1.scanChar$1(44))
+              _this.whitespace$1$consumeNewlines(true);
+            keywordRest = expression;
+            break;
+          }
+          rest = expression;
+        } else if (named.__js_helper$_length !== 0)
+          _this.error$2(0, string$.Positik, expression.get$span(expression));
+        else {
+          positional.push(expression);
+          if (rest != null && !emittedRestDeprecation) {
+            t6.push(new A._Record_3_deprecation_message_span(B.Deprecation_vkD, string$.Positir, new A.MultiSpan0(expression.get$span(expression), "positional argument", A.ConstantMap_ConstantMap$from(A.LinkedHashMap_LinkedHashMap$_literal([rest.get$span(rest), "rest argument"], t7, t3), t7, t3))));
+            emittedRestDeprecation = emittedRestDeprecation0;
+          }
+        }
+        _this.whitespace$1$consumeNewlines(true);
+        if (!t1.scanChar$1(44))
+          break;
+        _this.whitespace$1$consumeNewlines(true);
+        if (allowEmptySecondArg && positional.length === 1 && named.__js_helper$_length === 0 && rest == null && t1.peekChar$0() === 41) {
+          t5 = t1._string_scanner$_position;
+          new A.FileLocation(t8, t5).FileLocation$_$2(t8, t5);
+          t6 = new A._FileSpan(t8, t5, t5);
+          t6._FileSpan$3(t8, t5, t5);
+          result = A.List_List$from([""], false, type$.Object);
+          result.$flags = 3;
+          positional.push(new A.StringExpression0(new A.Interpolation0(result, B.List_null, t6), false));
+          break;
+        }
+      }
+      t1.expectChar$1(41);
+      t1 = t1.spanFrom$1(new A._SpanScannerState(t1, t2));
+      return new A.ArgumentList0(A.List_List$unmodifiable(positional, t4), A.ConstantMap_ConstantMap$from(named, t3, t4), rest, keywordRest, t1);
+    },
+    _stylesheet0$_argumentInvocation$0() {
+      return this._stylesheet0$_argumentInvocation$2$allowEmptySecondArg$mixin(false, false);
+    },
+    _stylesheet0$_argumentInvocation$1$allowEmptySecondArg(allowEmptySecondArg) {
+      return this._stylesheet0$_argumentInvocation$2$allowEmptySecondArg$mixin(allowEmptySecondArg, false);
+    },
+    _stylesheet0$_argumentInvocation$1$mixin(mixin) {
+      return this._stylesheet0$_argumentInvocation$2$allowEmptySecondArg$mixin(false, mixin);
+    },
+    _stylesheet0$_expression$4$bracketList$consumeNewlines$singleEquals$until(bracketList, consumeNewlines, singleEquals, until) {
+      var t2, beforeBracket, start, wasInExpression, wasInParentheses, resetState, resolveOneOperation, resolveOperations, addSingleExpression, addOperator, resolveSpaceExpressions, t3, t4, _3_0, _1_0, t5, _3_28, _2_0, _3_32, _3_40, commaExpressions, spaceExpressions, singleExpression, _this = this,
+        _s20_ = "Expected expression.",
+        _box_0 = {},
+        t1 = until != null;
+      if (t1 && until.call$0())
+        _this.scanner.error$1(0, _s20_);
+      if (bracketList) {
+        t2 = _this.scanner;
+        beforeBracket = new A._SpanScannerState(t2, t2._string_scanner$_position);
+        t2.expectChar$1(91);
+        _this.whitespace$1$consumeNewlines(true);
+        if (t2.scanChar$1(93)) {
+          t1 = A._setArrayType([], type$.JSArray_Expression_2);
+          t2 = t2.spanFrom$1(beforeBracket);
+          return new A.ListExpression0(A.List_List$unmodifiable(t1, type$.Expression_2), B.ListSeparator_undecided_null_undecided0, true, t2);
+        }
+      } else
+        beforeBracket = null;
+      t2 = _this.scanner;
+      start = new A._SpanScannerState(t2, t2._string_scanner$_position);
+      wasInExpression = _this._stylesheet0$_inExpression;
+      wasInParentheses = _this._stylesheet0$_inParentheses;
+      _this._stylesheet0$_inExpression = true;
+      _box_0.operands_ = _box_0.operators_ = _box_0.spaceExpressions_ = _box_0.commaExpressions_ = null;
+      _box_0.allowSlash = true;
+      _box_0.singleExpression_ = _this._stylesheet0$_singleExpression$0();
+      resetState = new A.StylesheetParser__expression_resetState0(_box_0, _this, start);
+      resolveOneOperation = new A.StylesheetParser__expression_resolveOneOperation0(_box_0, _this);
+      resolveOperations = new A.StylesheetParser__expression_resolveOperations0(_box_0, resolveOneOperation);
+      addSingleExpression = new A.StylesheetParser__expression_addSingleExpression0(_box_0, _this, resetState, resolveOperations);
+      addOperator = new A.StylesheetParser__expression_addOperator0(_box_0, _this, resolveOneOperation, addSingleExpression);
+      resolveSpaceExpressions = new A.StylesheetParser__expression_resolveSpaceExpressions0(_box_0, _this, resolveOperations);
+      for (t3 = !consumeNewlines, t4 = type$.JSArray_Expression_2; true;) {
+        _this.whitespace$1$consumeNewlines(!t3 || bracketList);
+        if (t1 && until.call$0())
+          break;
+        _3_0 = t2.peekChar$0();
+        if (_3_0 == null)
+          break;
+        if (40 === _3_0) {
+          addSingleExpression.call$1(_this.parentheses$0());
+          continue;
+        }
+        if (91 === _3_0) {
+          addSingleExpression.call$1(_this._stylesheet0$_expression$1$bracketList(true));
+          continue;
+        }
+        if (36 === _3_0) {
+          addSingleExpression.call$1(_this._stylesheet0$_variable$0());
+          continue;
+        }
+        if (38 === _3_0) {
+          addSingleExpression.call$1(_this._stylesheet0$_selector$0());
+          continue;
+        }
+        if (39 === _3_0 || 34 === _3_0) {
+          addSingleExpression.call$1(_this.interpolatedString$0());
+          continue;
+        }
+        if (35 === _3_0) {
+          addSingleExpression.call$1(_this._stylesheet0$_hashExpression$0());
+          continue;
+        }
+        if (61 === _3_0) {
+          t2.readChar$0();
+          if (singleEquals && t2.peekChar$0() !== 61)
+            addOperator.call$1(B.BinaryOperator_Kyq0);
+          else {
+            t2.expectChar$1(61);
+            addOperator.call$1(B.BinaryOperator_r840);
+          }
+          continue;
+        }
+        if (33 === _3_0) {
+          $label0$1: {
+            _1_0 = t2.peekChar$1(1);
+            if (61 === _1_0) {
+              t2.readChar$0();
+              t2.readChar$0();
+              addOperator.call$1(B.BinaryOperator_qGq0);
+              break $label0$1;
+            }
+            t5 = true;
+            if (_1_0 != null)
+              if (105 !== _1_0)
+                if (73 !== _1_0)
+                  t5 = _1_0 === 32 || _1_0 === 9 || _1_0 === 10 || _1_0 === 13 || _1_0 === 12;
+            if (t5) {
+              addSingleExpression.call$1(_this._stylesheet0$_importantExpression$0());
+              break $label0$1;
+            }
+            break;
+          }
+          continue;
+        }
+        if (60 === _3_0) {
+          t2.readChar$0();
+          addOperator.call$1(t2.scanChar$1(61) ? B.BinaryOperator_FPG0 : B.BinaryOperator_qHy0);
+          continue;
+        }
+        if (62 === _3_0) {
+          t2.readChar$0();
+          addOperator.call$1(t2.scanChar$1(61) ? B.BinaryOperator_JiR0 : B.BinaryOperator_o8O0);
+          continue;
+        }
+        if (42 === _3_0) {
+          t2.readChar$0();
+          addOperator.call$1(B.BinaryOperator_tht0);
+          continue;
+        }
+        _3_28 = 43 === _3_0;
+        if (_3_28 && _box_0.singleExpression_ == null) {
+          addSingleExpression.call$1(_this._stylesheet0$_unaryOperation$0());
+          continue;
+        }
+        if (_3_28) {
+          t2.readChar$0();
+          addOperator.call$1(B.BinaryOperator_Swh0);
+          continue;
+        }
+        if (45 === _3_0) {
+          _2_0 = t2.peekChar$1(1);
+          if (A._isInt(_2_0) && _2_0 >= 48 && _2_0 <= 57 || 46 === _2_0)
+            if (_box_0.singleExpression_ != null) {
+              t5 = t2.peekChar$1(-1);
+              t5 = t5 === 32 || t5 === 9 || t5 === 10 || t5 === 13 || t5 === 12;
+            } else
+              t5 = true;
+          else
+            t5 = false;
+          if (t5)
+            addSingleExpression.call$1(_this._stylesheet0$_number$0());
+          else if (_this._stylesheet0$_lookingAtInterpolatedIdentifier$0())
+            addSingleExpression.call$1(_this.identifierLike$0());
+          else if (_box_0.singleExpression_ == null)
+            addSingleExpression.call$1(_this._stylesheet0$_unaryOperation$0());
+          else {
+            t2.readChar$0();
+            addOperator.call$1(B.BinaryOperator_QG10);
+          }
+          continue;
+        }
+        _3_32 = 47 === _3_0;
+        if (_3_32 && _box_0.singleExpression_ == null) {
+          addSingleExpression.call$1(_this._stylesheet0$_unaryOperation$0());
+          continue;
+        }
+        if (_3_32) {
+          t2.readChar$0();
+          addOperator.call$1(B.BinaryOperator_Mh50);
+          continue;
+        }
+        if (37 === _3_0) {
+          t2.readChar$0();
+          addOperator.call$1(B.BinaryOperator_s7T0);
+          continue;
+        }
+        if (_3_0 >= 48 && _3_0 <= 57) {
+          addSingleExpression.call$1(_this._stylesheet0$_number$0());
+          continue;
+        }
+        _3_40 = 46 === _3_0;
+        if (_3_40 && t2.peekChar$1(1) === 46)
+          break;
+        if (_3_40) {
+          addSingleExpression.call$1(_this._stylesheet0$_number$0());
+          continue;
+        }
+        if (97 === _3_0 && !_this.get$plainCss() && _this.scanIdentifier$1("and")) {
+          addOperator.call$1(B.BinaryOperator_uke0);
+          continue;
+        }
+        if (111 === _3_0 && !_this.get$plainCss() && _this.scanIdentifier$1("or")) {
+          addOperator.call$1(B.BinaryOperator_tKu0);
+          continue;
+        }
+        if ((117 === _3_0 || 85 === _3_0) && t2.peekChar$1(1) === 43) {
+          addSingleExpression.call$1(_this._stylesheet0$_unicodeRange$0());
+          continue;
+        }
+        if (!(_3_0 >= 97 && _3_0 <= 122))
+          t5 = _3_0 >= 65 && _3_0 <= 90 || 95 === _3_0 || 92 === _3_0 || _3_0 >= 128;
+        else
+          t5 = true;
+        if (t5) {
+          addSingleExpression.call$1(_this.identifierLike$0());
+          continue;
+        }
+        if (44 === _3_0) {
+          if (_this._stylesheet0$_inParentheses) {
+            _this._stylesheet0$_inParentheses = false;
+            if (_box_0.allowSlash) {
+              resetState.call$0();
+              continue;
+            }
+          }
+          commaExpressions = _box_0.commaExpressions_;
+          if (commaExpressions == null)
+            commaExpressions = _box_0.commaExpressions_ = A._setArrayType([], t4);
+          if (_box_0.singleExpression_ == null)
+            t2.error$1(0, _s20_);
+          resolveSpaceExpressions.call$0();
+          t5 = _box_0.singleExpression_;
+          t5.toString;
+          commaExpressions.push(t5);
+          t2.readChar$0();
+          _box_0.allowSlash = true;
+          _box_0.singleExpression_ = null;
+          continue;
+        }
+        break;
+      }
+      if (bracketList)
+        t2.expectChar$1(93);
+      commaExpressions = _box_0.commaExpressions_;
+      spaceExpressions = _box_0.spaceExpressions_;
+      if (commaExpressions != null) {
+        resolveSpaceExpressions.call$0();
+        _this._stylesheet0$_inParentheses = wasInParentheses;
+        singleExpression = _box_0.singleExpression_;
+        if (singleExpression != null)
+          commaExpressions.push(singleExpression);
+        _this._stylesheet0$_inExpression = wasInExpression;
+        t1 = t2.spanFrom$1(beforeBracket == null ? start : beforeBracket);
+        return new A.ListExpression0(A.List_List$unmodifiable(commaExpressions, type$.Expression_2), B.ListSeparator_qVN0, bracketList, t1);
+      } else if (bracketList && spaceExpressions != null) {
+        resolveOperations.call$0();
+        _this._stylesheet0$_inExpression = wasInExpression;
+        t1 = _box_0.singleExpression_;
+        t1.toString;
+        spaceExpressions.push(t1);
+        beforeBracket.toString;
+        t2 = t2.spanFrom$1(beforeBracket);
+        return new A.ListExpression0(A.List_List$unmodifiable(spaceExpressions, type$.Expression_2), B.ListSeparator_qSL0, true, t2);
+      } else {
+        resolveSpaceExpressions.call$0();
+        if (bracketList) {
+          t1 = _box_0.singleExpression_;
+          t1.toString;
+          t4 = A._setArrayType([t1], t4);
+          beforeBracket.toString;
+          t2 = t2.spanFrom$1(beforeBracket);
+          _box_0.singleExpression_ = new A.ListExpression0(A.List_List$unmodifiable(t4, type$.Expression_2), B.ListSeparator_undecided_null_undecided0, true, t2);
+        }
+        _this._stylesheet0$_inExpression = wasInExpression;
+        t1 = _box_0.singleExpression_;
+        t1.toString;
+        return t1;
+      }
+    },
+    _stylesheet0$_expression$3$consumeNewlines$singleEquals$until(consumeNewlines, singleEquals, until) {
+      return this._stylesheet0$_expression$4$bracketList$consumeNewlines$singleEquals$until(false, consumeNewlines, singleEquals, until);
+    },
+    _stylesheet0$_expression$1$bracketList(bracketList) {
+      return this._stylesheet0$_expression$4$bracketList$consumeNewlines$singleEquals$until(bracketList, false, false, null);
+    },
+    _stylesheet0$_expression$1$consumeNewlines(consumeNewlines) {
+      return this._stylesheet0$_expression$4$bracketList$consumeNewlines$singleEquals$until(false, consumeNewlines, false, null);
+    },
+    _stylesheet0$_expression$0() {
+      return this._stylesheet0$_expression$4$bracketList$consumeNewlines$singleEquals$until(false, false, false, null);
+    },
+    _stylesheet0$_expression$2$consumeNewlines$until(consumeNewlines, until) {
+      return this._stylesheet0$_expression$4$bracketList$consumeNewlines$singleEquals$until(false, consumeNewlines, false, until);
+    },
+    expressionUntilComma$1$singleEquals(singleEquals) {
+      return this._stylesheet0$_expression$3$consumeNewlines$singleEquals$until(true, singleEquals, new A.StylesheetParser_expressionUntilComma_closure0(this));
+    },
+    expressionUntilComma$0() {
+      return this.expressionUntilComma$1$singleEquals(false);
+    },
+    _stylesheet0$_isSlashOperand$1(expression) {
+      var t1 = true;
+      if (!(expression instanceof A.NumberExpression0))
+        if (!(expression instanceof A.FunctionExpression0))
+          t1 = expression instanceof A.BinaryOperationExpression0 && expression.allowsSlash;
+      return t1;
+    },
+    _stylesheet0$_singleExpression$0() {
+      var next, t2, _this = this,
+        _s20_ = "Expected expression.",
+        t1 = _this.scanner,
+        _0_0 = t1.peekChar$0();
+      $label0$0: {
+        if (_0_0 == null)
+          t1.error$1(0, _s20_);
+        if (40 === _0_0) {
+          t1 = _this.parentheses$0();
+          break $label0$0;
+        }
+        if (47 === _0_0) {
+          t1 = _this._stylesheet0$_unaryOperation$0();
+          break $label0$0;
+        }
+        if (46 === _0_0) {
+          t1 = _this._stylesheet0$_number$0();
+          break $label0$0;
+        }
+        if (91 === _0_0) {
+          t1 = _this._stylesheet0$_expression$1$bracketList(true);
+          break $label0$0;
+        }
+        if (36 === _0_0) {
+          t1 = _this._stylesheet0$_variable$0();
+          break $label0$0;
+        }
+        if (38 === _0_0) {
+          t1 = _this._stylesheet0$_selector$0();
+          break $label0$0;
+        }
+        if (39 === _0_0 || 34 === _0_0) {
+          t1 = _this.interpolatedString$0();
+          break $label0$0;
+        }
+        if (35 === _0_0) {
+          t1 = _this._stylesheet0$_hashExpression$0();
+          break $label0$0;
+        }
+        if (43 === _0_0) {
+          next = t1.peekChar$1(1);
+          t1 = next != null && next >= 48 && next <= 57 || next === 46 ? _this._stylesheet0$_number$0() : _this._stylesheet0$_unaryOperation$0();
+          break $label0$0;
+        }
+        if (45 === _0_0) {
+          t1 = _this._stylesheet0$_minusExpression$0();
+          break $label0$0;
+        }
+        if (33 === _0_0) {
+          t1 = _this._stylesheet0$_importantExpression$0();
+          break $label0$0;
+        }
+        if (37 === _0_0) {
+          t2 = t1._string_scanner$_position;
+          t1.readChar$0();
+          t2 = t1.spanFrom$1(new A._SpanScannerState(t1, t2));
+          t2 = new A.StringExpression0(new A.Interpolation0(A.List_List$unmodifiable(["%"], type$.Object), B.List_null, t2), false);
+          t1 = t2;
+          break $label0$0;
+        }
+        if ((117 === _0_0 || 85 === _0_0) && t1.peekChar$1(1) === 43) {
+          t1 = _this._stylesheet0$_unicodeRange$0();
+          break $label0$0;
+        }
+        if (_0_0 >= 48 && _0_0 <= 57) {
+          t1 = _this._stylesheet0$_number$0();
+          break $label0$0;
+        }
+        if (!(_0_0 >= 97 && _0_0 <= 122))
+          t2 = _0_0 >= 65 && _0_0 <= 90 || 95 === _0_0 || 92 === _0_0 || _0_0 >= 128;
+        else
+          t2 = true;
+        if (t2) {
+          t1 = _this.identifierLike$0();
+          break $label0$0;
+        }
+        t1 = t1.error$1(0, _s20_);
+      }
+      return t1;
+    },
+    parentheses$0() {
+      var start, inside, first, expressions, list, t1, t2, _this = this,
+        wasInParentheses = _this._stylesheet0$_inParentheses;
+      _this._stylesheet0$_inParentheses = true;
+      try {
+        t1 = _this.scanner;
+        start = new A._SpanScannerState(t1, t1._string_scanner$_position);
+        t1.expectChar$1(40);
+        _this.whitespace$1$consumeNewlines(true);
+        inside = new A._SpanScannerState(t1, t1._string_scanner$_position);
+        if (!_this._stylesheet0$_lookingAtExpression$0()) {
+          t1.expectChar$1(41);
+          t2 = A._setArrayType([], type$.JSArray_Expression_2);
+          t1 = t1.spanFrom$1(start);
+          t2 = A.List_List$unmodifiable(t2, type$.Expression_2);
+          return new A.ListExpression0(t2, B.ListSeparator_undecided_null_undecided0, false, t1);
+        }
+        first = _this.expressionUntilComma$0();
+        if (t1.scanChar$1(58)) {
+          _this.whitespace$1$consumeNewlines(true);
+          t1 = _this._stylesheet0$_map$2(first, start);
+          return t1;
+        }
+        if (!t1.scanChar$1(44)) {
+          t1.expectChar$1(41);
+          t1 = t1.spanFrom$1(start);
+          return new A.ParenthesizedExpression0(first, t1);
+        }
+        _this.whitespace$1$consumeNewlines(true);
+        expressions = A._setArrayType([first], type$.JSArray_Expression_2);
+        for (; true;) {
+          if (!_this._stylesheet0$_lookingAtExpression$0())
+            break;
+          J.add$1$ax(expressions, _this.expressionUntilComma$0());
+          if (!t1.scanChar$1(44))
+            break;
+          _this.whitespace$1$consumeNewlines(true);
+        }
+        t2 = t1.spanFrom$1(inside);
+        list = new A.ListExpression0(A.List_List$unmodifiable(expressions, type$.Expression_2), B.ListSeparator_qVN0, false, t2);
+        t1.expectChar$1(41);
+        t1 = t1.spanFrom$1(start);
+        return new A.ParenthesizedExpression0(list, t1);
+      } finally {
+        _this._stylesheet0$_inParentheses = wasInParentheses;
+      }
+    },
+    _stylesheet0$_map$2(first, start) {
+      var t1, key, _this = this,
+        pairs = A._setArrayType([new A._Record_2(first, _this.expressionUntilComma$0())], type$.JSArray_Record_2_Expression_and_Expression_2);
+      for (t1 = _this.scanner; t1.scanChar$1(44);) {
+        _this.whitespace$1$consumeNewlines(true);
+        if (!_this._stylesheet0$_lookingAtExpression$0())
+          break;
+        key = _this.expressionUntilComma$0();
+        t1.expectChar$1(58);
+        _this.whitespace$1$consumeNewlines(true);
+        pairs.push(new A._Record_2(key, _this.expressionUntilComma$0()));
+      }
+      t1.expectChar$1(41);
+      t1 = t1.spanFrom$1(start);
+      return new A.MapExpression0(A.List_List$unmodifiable(pairs, type$.Record_2_Expression_and_Expression_2), t1);
+    },
+    _stylesheet0$_hashExpression$0() {
+      var start, t2, identifier, buffer, t3, _this = this,
+        t1 = _this.scanner;
+      if (t1.peekChar$1(1) === 123)
+        return _this.identifierLike$0();
+      start = new A._SpanScannerState(t1, t1._string_scanner$_position);
+      t1.expectChar$1(35);
+      t2 = t1.peekChar$0();
+      if (t2 == null)
+        t2 = null;
+      else
+        t2 = t2 >= 48 && t2 <= 57;
+      if (t2 === true)
+        return new A.ColorExpression0(_this._stylesheet0$_hexColorContents$1(start), t1.spanFrom$1(start));
+      t2 = t1._string_scanner$_position;
+      identifier = _this.interpolatedIdentifier$0();
+      if (_this._stylesheet0$_isHexColor$1(identifier)) {
+        t1.set$state(new A._SpanScannerState(t1, t2));
+        return new A.ColorExpression0(_this._stylesheet0$_hexColorContents$1(start), t1.spanFrom$1(start));
+      }
+      t2 = new A.StringBuffer("");
+      buffer = new A.InterpolationBuffer0(t2, A._setArrayType([], type$.JSArray_Object), A._setArrayType([], type$.JSArray_nullable_FileSpan));
+      t3 = A.Primitives_stringFromCharCode(35);
+      t2._contents += t3;
+      buffer.addInterpolation$1(identifier);
+      return new A.StringExpression0(buffer.interpolation$1(t1.spanFrom$1(start)), false);
+    },
+    _stylesheet0$_hexColorContents$1(start) {
+      var red, green, blue, alpha, digit4, t2, t3, t4, _this = this,
+        digit1 = _this._stylesheet0$_hexDigit$0(),
+        digit2 = _this._stylesheet0$_hexDigit$0(),
+        digit3 = _this._stylesheet0$_hexDigit$0(),
+        t1 = _this.scanner,
+        $self = t1.peekChar$0();
+      if (!($self != null && A.CharacterExtension_get_isHex0($self))) {
+        red = (digit1 << 4 >>> 0) + digit1;
+        green = (digit2 << 4 >>> 0) + digit2;
+        blue = (digit3 << 4 >>> 0) + digit3;
+        alpha = null;
+      } else {
+        digit4 = _this._stylesheet0$_hexDigit$0();
+        $self = t1.peekChar$0();
+        t2 = $self != null && A.CharacterExtension_get_isHex0($self);
+        t3 = digit1 << 4 >>> 0;
+        t4 = digit3 << 4 >>> 0;
+        if (!t2) {
+          red = t3 + digit1;
+          green = (digit2 << 4 >>> 0) + digit2;
+          blue = t4 + digit3;
+          alpha = ((digit4 << 4 >>> 0) + digit4) / 255;
+        } else {
+          red = t3 + digit2;
+          green = t4 + digit4;
+          blue = (_this._stylesheet0$_hexDigit$0() << 4 >>> 0) + _this._stylesheet0$_hexDigit$0();
+          $self = t1.peekChar$0();
+          alpha = $self != null && A.CharacterExtension_get_isHex0($self) ? ((_this._stylesheet0$_hexDigit$0() << 4 >>> 0) + _this._stylesheet0$_hexDigit$0()) / 255 : null;
+        }
+      }
+      t2 = alpha == null;
+      t3 = t2 ? 1 : alpha;
+      return A.SassColor_SassColor$rgbInternal0(red, green, blue, t3, t2 ? new A.SpanColorFormat0(t1.spanFrom$1(start)) : null);
+    },
+    _stylesheet0$_isHexColor$1(interpolation) {
+      var _0_2, t1,
+        plain = interpolation.get$asPlain();
+      if (typeof plain == "string") {
+        _0_2 = plain.length;
+        t1 = true;
+        if (3 !== _0_2)
+          if (4 !== _0_2)
+            if (6 !== _0_2)
+              t1 = 8 === _0_2;
+      } else
+        t1 = false;
+      if (t1) {
+        t1 = new A.CodeUnits(plain);
+        return t1.every$1(t1, new A.StylesheetParser__isHexColor_closure0());
+      } else
+        return false;
+    },
+    _stylesheet0$_hexDigit$0() {
+      var t1 = this.scanner,
+        t2 = t1.peekChar$0();
+      t2 = t2 == null ? null : A.CharacterExtension_get_isHex0(t2);
+      return t2 === true ? A.asHex0(t1.readChar$0()) : t1.error$1(0, "Expected hex digit.");
+    },
+    _stylesheet0$_minusExpression$0() {
+      var _this = this,
+        _0_0 = _this.scanner.peekChar$1(1);
+      if (A._isInt(_0_0) && _0_0 >= 48 && _0_0 <= 57 || 46 === _0_0)
+        return _this._stylesheet0$_number$0();
+      if (_this._stylesheet0$_lookingAtInterpolatedIdentifier$0())
+        return _this.identifierLike$0();
+      return _this._stylesheet0$_unaryOperation$0();
+    },
+    _stylesheet0$_importantExpression$0() {
+      var t1 = this.scanner,
+        t2 = t1._string_scanner$_position;
+      t1.readChar$0();
+      this.whitespace$1$consumeNewlines(true);
+      this.expectIdentifier$1("important");
+      t2 = t1.spanFrom$1(new A._SpanScannerState(t1, t2));
+      return new A.StringExpression0(new A.Interpolation0(A.List_List$unmodifiable(["!important"], type$.Object), B.List_null, t2), false);
+    },
+    _stylesheet0$_unaryOperation$0() {
+      var _this = this,
+        t1 = _this.scanner,
+        t2 = t1._string_scanner$_position,
+        operator = _this._stylesheet0$_unaryOperatorFor$1(t1.readChar$0());
+      if (operator == null)
+        t1.error$2$position(0, "Expected unary operator.", t1._string_scanner$_position - 1);
+      else if (_this.get$plainCss() && operator !== B.UnaryOperator_lZV0)
+        t1.error$3$length$position(0, "Operators aren't allowed in plain CSS.", 1, t1._string_scanner$_position - 1);
+      _this.whitespace$1$consumeNewlines(true);
+      return new A.UnaryOperationExpression0(operator, _this._stylesheet0$_singleExpression$0(), t1.spanFrom$1(new A._SpanScannerState(t1, t2)));
+    },
+    _stylesheet0$_unaryOperatorFor$1(character) {
+      var t1;
+      $label0$0: {
+        if (43 === character) {
+          t1 = B.UnaryOperator_Rbl0;
+          break $label0$0;
+        }
+        if (45 === character) {
+          t1 = B.UnaryOperator_UCP0;
+          break $label0$0;
+        }
+        if (47 === character) {
+          t1 = B.UnaryOperator_lZV0;
+          break $label0$0;
+        }
+        t1 = null;
+        break $label0$0;
+      }
+      return t1;
+    },
+    _stylesheet0$_number$0() {
+      var number, unit, _this = this,
+        t1 = _this.scanner,
+        t2 = t1._string_scanner$_position,
+        first = t1.peekChar$0(),
+        t3 = first !== 43;
+      if (!t3 || first === 45)
+        t1.readChar$0();
+      if (t1.peekChar$0() !== 46)
+        _this._stylesheet0$_consumeNaturalNumber$0();
+      _this._stylesheet0$_tryDecimal$1$allowTrailingDot(t1._string_scanner$_position !== t2 && t3 && first !== 45);
+      _this._stylesheet0$_tryExponent$0();
+      number = A.double_parse(t1.substring$1(0, t2));
+      if (t1.scanChar$1(37))
+        unit = "%";
+      else {
+        if (_this.lookingAtIdentifier$0())
+          t3 = t1.peekChar$0() !== 45 || t1.peekChar$1(1) !== 45;
+        else
+          t3 = false;
+        unit = t3 ? _this.identifier$1$unit(true) : null;
+      }
+      return new A.NumberExpression0(number, unit, t1.spanFrom$1(new A._SpanScannerState(t1, t2)));
+    },
+    _stylesheet0$_consumeNaturalNumber$0() {
+      var $self,
+        t1 = this.scanner,
+        t2 = t1.readChar$0();
+      if (!(t2 >= 48 && t2 <= 57))
+        t1.error$2$position(0, "Expected digit.", t1._string_scanner$_position - 1);
+      while (true) {
+        $self = t1.peekChar$0();
+        if (!($self != null && $self >= 48 && $self <= 57))
+          break;
+        t1.readChar$0();
+      }
+    },
+    _stylesheet0$_tryDecimal$1$allowTrailingDot(allowTrailingDot) {
+      var $self,
+        t1 = this.scanner;
+      if (t1.peekChar$0() !== 46)
+        return;
+      $self = t1.peekChar$1(1);
+      if (!($self != null && $self >= 48 && $self <= 57)) {
+        if (allowTrailingDot)
+          return;
+        t1.error$2$position(0, "Expected digit.", t1._string_scanner$_position + 1);
+      }
+      t1.readChar$0();
+      while (true) {
+        $self = t1.peekChar$0();
+        if (!($self != null && $self >= 48 && $self <= 57))
+          break;
+        t1.readChar$0();
+      }
+    },
+    _stylesheet0$_tryExponent$0() {
+      var next, $self,
+        t1 = this.scanner,
+        first = t1.peekChar$0();
+      if (first !== 101 && first !== 69)
+        return;
+      next = t1.peekChar$1(1);
+      if (!(next != null && next >= 48 && next <= 57) && next !== 45 && next !== 43)
+        return;
+      t1.readChar$0();
+      if (43 === next || 45 === next)
+        t1.readChar$0();
+      $self = t1.peekChar$0();
+      if (!($self != null && $self >= 48 && $self <= 57))
+        t1.error$1(0, "Expected digit.");
+      while (true) {
+        $self = t1.peekChar$0();
+        if (!($self != null && $self >= 48 && $self <= 57))
+          break;
+        t1.readChar$0();
+      }
+    },
+    _stylesheet0$_unicodeRange$0() {
+      var firstRangeLength, hasQuestionMark, t3, secondRangeLength, _this = this,
+        _s26_ = "Expected at most 6 digits.",
+        t1 = _this.scanner,
+        t2 = t1._string_scanner$_position,
+        start = new A._SpanScannerState(t1, t2);
+      _this.expectIdentChar$1(117);
+      t1.expectChar$1(43);
+      for (firstRangeLength = 0; _this.scanCharIf$1(new A.StylesheetParser__unicodeRange_closure1());)
+        ++firstRangeLength;
+      for (hasQuestionMark = false; t1.scanChar$1(63); hasQuestionMark = true)
+        ++firstRangeLength;
+      if (firstRangeLength === 0)
+        t1.error$1(0, 'Expected hex digit or "?".');
+      else if (firstRangeLength > 6)
+        _this.error$2(0, _s26_, t1.spanFrom$1(start));
+      else if (hasQuestionMark) {
+        t2 = t1.substring$1(0, t2);
+        t1 = t1.spanFrom$1(start);
+        return new A.StringExpression0(new A.Interpolation0(A.List_List$unmodifiable([t2], type$.Object), B.List_null, t1), false);
+      }
+      if (t1.scanChar$1(45)) {
+        t3 = t1._string_scanner$_position;
+        for (secondRangeLength = 0; _this.scanCharIf$1(new A.StylesheetParser__unicodeRange_closure2());)
+          ++secondRangeLength;
+        if (secondRangeLength === 0)
+          t1.error$1(0, "Expected hex digit.");
+        else if (secondRangeLength > 6)
+          _this.error$2(0, _s26_, t1.spanFrom$1(new A._SpanScannerState(t1, t3)));
+      }
+      if (_this._stylesheet0$_lookingAtInterpolatedIdentifierBody$0())
+        t1.error$1(0, "Expected end of identifier.");
+      t2 = t1.substring$1(0, t2);
+      t1 = t1.spanFrom$1(start);
+      return new A.StringExpression0(new A.Interpolation0(A.List_List$unmodifiable([t2], type$.Object), B.List_null, t1), false);
+    },
+    _stylesheet0$_variable$0() {
+      var _this = this,
+        t1 = _this.scanner,
+        start = new A._SpanScannerState(t1, t1._string_scanner$_position),
+        $name = _this.variableName$0();
+      if (_this.get$plainCss())
+        _this.error$2(0, string$.Sass_v, t1.spanFrom$1(start));
+      return new A.VariableExpression0(null, $name, t1.spanFrom$1(start));
+    },
+    _stylesheet0$_selector$0() {
+      var t1, start, _this = this;
+      if (_this.get$plainCss())
+        _this.scanner.error$2$length(0, string$.The_pa, 1);
+      t1 = _this.scanner;
+      start = new A._SpanScannerState(t1, t1._string_scanner$_position);
+      t1.expectChar$1(38);
+      if (t1.scanChar$1(38)) {
+        _this.warnings.push(new A._Record_3_deprecation_message_span(null, string$.In_Sas, t1.spanFrom$1(start)));
+        t1.set$position(t1._string_scanner$_position - 1);
+      }
+      return new A.SelectorExpression0(t1.spanFrom$1(start));
+    },
+    interpolatedString$0() {
+      var t3, t4, t5, buffer, _1_0, second, t6, _0_0,
+        t1 = this.scanner,
+        t2 = t1._string_scanner$_position,
+        quote = t1.readChar$0();
+      if (quote !== 39 && quote !== 34)
+        t1.error$2$position(0, "Expected string.", t2);
+      t3 = new A.StringBuffer("");
+      t4 = A._setArrayType([], type$.JSArray_Object);
+      t5 = A._setArrayType([], type$.JSArray_nullable_FileSpan);
+      buffer = new A.InterpolationBuffer0(t3, t4, t5);
+      for (; true;) {
+        _1_0 = t1.peekChar$0();
+        if (_1_0 === quote) {
+          t1.readChar$0();
+          break;
+        }
+        if (_1_0 == null || _1_0 === 10 || _1_0 === 13 || _1_0 === 12)
+          t1.error$1(0, "Expected " + A.Primitives_stringFromCharCode(quote) + ".");
+        if (92 === _1_0) {
+          second = t1.peekChar$1(1);
+          if (second === 10 || second === 13 || second === 12) {
+            t1.readChar$0();
+            t1.readChar$0();
+            if (second === 13)
+              t1.scanChar$1(10);
+          } else {
+            t6 = A.Primitives_stringFromCharCode(A.consumeEscapedCharacter0(t1));
+            t3._contents += t6;
+          }
+          continue;
+        }
+        if (35 === _1_0 && t1.peekChar$1(1) === 123) {
+          _0_0 = this.singleInterpolation$0();
+          buffer._interpolation_buffer0$_flushText$0();
+          t4.push(_0_0._0);
+          t5.push(_0_0._1);
+          continue;
+        }
+        t6 = A.Primitives_stringFromCharCode(t1.readChar$0());
+        t3._contents += t6;
+      }
+      return new A.StringExpression0(buffer.interpolation$1(t1.spanFrom$1(new A._SpanScannerState(t1, t2))), true);
+    },
+    identifierLike$0() {
+      var invocation, expression, _0_0, t3, t4, t5, _1_0, _2_0, _2_2, _2_4, _this = this,
+        t1 = _this.scanner,
+        start = new A._SpanScannerState(t1, t1._string_scanner$_position),
+        identifier = _this.interpolatedIdentifier$0(),
+        plain = identifier.get$asPlain(),
+        lower = A._Cell$(),
+        t2 = plain != null;
+      if (t2) {
+        if (plain === "if" && t1.peekChar$0() === 40) {
+          invocation = _this._stylesheet0$_argumentInvocation$0();
+          return new A.IfExpression0(invocation, identifier.span.expand$1(0, invocation.span));
+        } else if (plain === "not") {
+          _this.whitespace$1$consumeNewlines(true);
+          expression = _this._stylesheet0$_singleExpression$0();
+          return new A.UnaryOperationExpression0(B.UnaryOperator_not_not_not0, expression, identifier.span.expand$1(0, expression.get$span(expression)));
+        }
+        lower.__late_helper$_value = plain.toLowerCase();
+        if (t1.peekChar$0() !== 40) {
+          switch (plain) {
+            case "false":
+              return new A.BooleanExpression0(false, identifier.span);
+            case "null":
+              return new A.NullExpression0(identifier.span);
+            case "true":
+              return new A.BooleanExpression0(true, identifier.span);
+          }
+          _0_0 = $.$get$colorsByName0().$index(0, lower._readLocal$0());
+          if (_0_0 != null) {
+            t1 = B.JSNumber_methods.round$0(_0_0._color0$_legacyChannel$2(B.RgbColorSpace_i0P0, "red"));
+            t2 = B.JSNumber_methods.round$0(_0_0._color0$_legacyChannel$2(B.RgbColorSpace_i0P0, "green"));
+            t3 = B.JSNumber_methods.round$0(_0_0._color0$_legacyChannel$2(B.RgbColorSpace_i0P0, "blue"));
+            t4 = _0_0.alphaOrNull;
+            if (t4 == null)
+              t4 = 0;
+            t5 = identifier.span;
+            return new A.ColorExpression0(A.SassColor_SassColor$rgbInternal0(t1, t2, t3, t4, new A.SpanColorFormat0(t5)), t5);
+          }
+        }
+        _1_0 = _this.trySpecialFunction$2(lower._readLocal$0(), start);
+        if (_1_0 != null)
+          return _1_0;
+      }
+      _2_0 = t1.peekChar$0();
+      _2_2 = 46 === _2_0;
+      if (_2_2 && t1.peekChar$1(1) === 46)
+        return new A.StringExpression0(identifier, false);
+      if (_2_2) {
+        t1.readChar$0();
+        if (t2)
+          return _this.namespacedExpression$2(plain, start);
+        _this.error$2(0, string$.Interpn, identifier.span);
+      }
+      _2_4 = 40 === _2_0;
+      if (_2_4 && t2) {
+        t2 = _this._stylesheet0$_argumentInvocation$1$allowEmptySecondArg(J.$eq$(lower._readLocal$0(), "var"));
+        t1 = t1.spanFrom$1(start);
+        return new A.FunctionExpression0(null, A.stringReplaceAllUnchecked(plain, "_", "-"), plain, t2, t1);
+      }
+      if (_2_4)
+        return new A.InterpolatedFunctionExpression0(identifier, _this._stylesheet0$_argumentInvocation$0(), t1.spanFrom$1(start));
+      return new A.StringExpression0(identifier, false);
+    },
+    namespacedExpression$2(namespace, start) {
+      var $name, t2, t3, _this = this,
+        t1 = _this.scanner;
+      if (t1.peekChar$0() === 36) {
+        $name = _this.variableName$0();
+        _this._stylesheet0$_assertPublic$2($name, new A.StylesheetParser_namespacedExpression_closure0(_this, start));
+        return new A.VariableExpression0(namespace, $name, t1.spanFrom$1(start));
+      }
+      t2 = _this._stylesheet0$_publicIdentifier$0();
+      t3 = _this._stylesheet0$_argumentInvocation$0();
+      t1 = t1.spanFrom$1(start);
+      return new A.FunctionExpression0(namespace, A.stringReplaceAllUnchecked(t2, "_", "-"), t2, t3, t1);
+    },
+    trySpecialFunction$2($name, start) {
+      var t1, buffer, t2, normalized, next, t3, _this = this;
+      if ($name === "type" && _this.scanner.scanChar$1(40)) {
+        t1 = new A.StringBuffer("");
+        buffer = new A.InterpolationBuffer0(t1, A._setArrayType([], type$.JSArray_Object), A._setArrayType([], type$.JSArray_nullable_FileSpan));
+        t1._contents = $name;
+        t2 = A.Primitives_stringFromCharCode(40);
+        t1._contents += t2;
+      } else {
+        normalized = A.unvendor0($name);
+        $label0$0: {
+          if (!("calc" === normalized && normalized !== $name && _this.scanner.scanChar$1(40)))
+            t1 = ("element" === normalized || "expression" === normalized) && _this.scanner.scanChar$1(40);
+          else
+            t1 = true;
+          if (t1) {
+            t1 = new A.StringBuffer("");
+            buffer = new A.InterpolationBuffer0(t1, A._setArrayType([], type$.JSArray_Object), A._setArrayType([], type$.JSArray_nullable_FileSpan));
+            t1._contents = $name;
+            t2 = A.Primitives_stringFromCharCode(40);
+            t1._contents += t2;
+            break $label0$0;
+          }
+          if ("progid" === normalized && _this.scanner.scanChar$1(58)) {
+            t1 = new A.StringBuffer("");
+            buffer = new A.InterpolationBuffer0(t1, A._setArrayType([], type$.JSArray_Object), A._setArrayType([], type$.JSArray_nullable_FileSpan));
+            t1._contents = $name;
+            t2 = A.Primitives_stringFromCharCode(58);
+            t1._contents += t2;
+            t2 = _this.scanner;
+            next = t2.peekChar$0();
+            while (true) {
+              if (next != null) {
+                if (!(next >= 97 && next <= 122))
+                  t3 = next >= 65 && next <= 90;
+                else
+                  t3 = true;
+                t3 = t3 || next === 46;
+              } else
+                t3 = false;
+              if (!t3)
+                break;
+              t3 = A.Primitives_stringFromCharCode(t2.readChar$0());
+              t1._contents += t3;
+              next = t2.peekChar$0();
+            }
+            t2.expectChar$1(40);
+            t2 = A.Primitives_stringFromCharCode(40);
+            t1._contents += t2;
+            break $label0$0;
+          }
+          if ("url" === normalized)
+            return A.NullableExtension_andThen0(_this._stylesheet0$_tryUrlContents$1(start), new A.StylesheetParser_trySpecialFunction_closure0());
+          return null;
+        }
+      }
+      buffer.addInterpolation$1(_this._stylesheet0$_interpolatedDeclarationValue$1$allowEmpty(true));
+      t1 = _this.scanner;
+      t1.expectChar$1(41);
+      t2 = buffer._interpolation_buffer0$_text;
+      t3 = A.Primitives_stringFromCharCode(41);
+      t2._contents += t3;
+      return new A.StringExpression0(buffer.interpolation$1(t1.spanFrom$1(start)), false);
+    },
+    _stylesheet0$_tryUrlContents$2$name(start, $name) {
+      var t3, t4, t5, buffer, t6, _1_0, _1_6, _0_0, endPosition, _this = this,
+        t1 = _this.scanner,
+        t2 = t1._string_scanner$_position;
+      if (!t1.scanChar$1(40))
+        return null;
+      _this.whitespaceWithoutComments$1$consumeNewlines(true);
+      t3 = new A.StringBuffer("");
+      t4 = A._setArrayType([], type$.JSArray_Object);
+      t5 = A._setArrayType([], type$.JSArray_nullable_FileSpan);
+      buffer = new A.InterpolationBuffer0(t3, t4, t5);
+      t3._contents = $name == null ? "url" : $name;
+      t6 = A.Primitives_stringFromCharCode(40);
+      t3._contents += t6;
+      for (; true;) {
+        _1_0 = t1.peekChar$0();
+        if (_1_0 == null)
+          break;
+        if (92 === _1_0) {
+          t6 = _this.escape$0();
+          t3._contents += t6;
+          continue;
+        }
+        _1_6 = 35 === _1_0;
+        if (_1_6 && t1.peekChar$1(1) === 123) {
+          _0_0 = _this.singleInterpolation$0();
+          buffer._interpolation_buffer0$_flushText$0();
+          t4.push(_0_0._0);
+          t5.push(_0_0._1);
+          continue;
+        }
+        t6 = true;
+        if (33 !== _1_0)
+          if (37 !== _1_0)
+            if (38 !== _1_0)
+              if (!_1_6)
+                t6 = _1_0 >= 42 && _1_0 <= 126 || _1_0 >= 128;
+        if (t6) {
+          t6 = A.Primitives_stringFromCharCode(t1.readChar$0());
+          t3._contents += t6;
+          continue;
+        }
+        if (_1_0 === 32 || _1_0 === 9 || _1_0 === 10 || _1_0 === 13 || _1_0 === 12) {
+          _this.whitespaceWithoutComments$1$consumeNewlines(true);
+          if (t1.peekChar$0() !== 41)
+            break;
+          continue;
+        }
+        if (41 === _1_0) {
+          t2 = A.Primitives_stringFromCharCode(t1.readChar$0());
+          t3._contents += t2;
+          endPosition = t1._string_scanner$_position;
+          t2 = t1._sourceFile;
+          t3 = start.position;
+          t1 = new A._FileSpan(t2, t3, endPosition);
+          t1._FileSpan$3(t2, t3, endPosition);
+          return buffer.interpolation$1(t1);
+        }
+        break;
+      }
+      t1.set$state(new A._SpanScannerState(t1, t2));
+      return null;
+    },
+    _stylesheet0$_tryUrlContents$1(start) {
+      return this._stylesheet0$_tryUrlContents$2$name(start, null);
+    },
+    dynamicUrl$0() {
+      var _0_0, t2, _this = this,
+        t1 = _this.scanner,
+        start = new A._SpanScannerState(t1, t1._string_scanner$_position);
+      _this.expectIdentifier$1("url");
+      _0_0 = _this._stylesheet0$_tryUrlContents$1(start);
+      if (_0_0 != null)
+        return new A.StringExpression0(_0_0, false);
+      t2 = t1.spanFrom$1(start);
+      return new A.InterpolatedFunctionExpression0(new A.Interpolation0(A.List_List$unmodifiable(["url"], type$.Object), B.List_null, t2), _this._stylesheet0$_argumentInvocation$0(), t1.spanFrom$1(start));
+    },
+    almostAnyValue$1$omitComments(omitComments) {
+      var t4, t5, t6, t7, _2_0, t8, _0_0, _0_2, start, end, _0_4, identifier, _1_0, bracket, char, _this = this,
+        t1 = _this.scanner,
+        t2 = t1._string_scanner$_position,
+        t3 = new A.StringBuffer(""),
+        buffer = new A.InterpolationBuffer0(t3, A._setArrayType([], type$.JSArray_Object), A._setArrayType([], type$.JSArray_nullable_FileSpan)),
+        brackets = A._setArrayType([], type$.JSArray_int);
+      for (t4 = t1.string, t5 = t4.length, t6 = !omitComments, t7 = _this.get$loudComment(); true;)
+        $label0$0: {
+          _2_0 = t1.peekChar$0();
+          if (92 === _2_0) {
+            t8 = A.Primitives_stringFromCharCode(t1.readChar$0());
+            t3._contents += t8;
+            t8 = A.Primitives_stringFromCharCode(t1.readChar$0());
+            t3._contents += t8;
+            break $label0$0;
+          }
+          if (34 === _2_0 || 39 === _2_0) {
+            buffer.addInterpolation$1(_this.interpolatedString$0().asInterpolation$0());
+            break $label0$0;
+          }
+          if (47 === _2_0) {
+            $label1$1: {
+              _0_0 = t1.peekChar$1(1);
+              _0_2 = 42 === _0_0;
+              if (_0_2 && t6) {
+                start = t1._string_scanner$_position;
+                t7.call$0();
+                end = t1._string_scanner$_position;
+                t3._contents += B.JSString_methods.substring$2(t4, start, end);
+                break $label1$1;
+              }
+              if (_0_2) {
+                _this.loudComment$0();
+                break $label1$1;
+              }
+              _0_4 = 47 === _0_0;
+              if (_0_4 && t6) {
+                t8 = _this.get$silentComment();
+                start = t1._string_scanner$_position;
+                t8.call$0();
+                end = t1._string_scanner$_position;
+                t3._contents += B.JSString_methods.substring$2(t4, start, end);
+                break $label1$1;
+              }
+              if (_0_4) {
+                _this.silentComment$0();
+                break $label1$1;
+              }
+              t8 = A.Primitives_stringFromCharCode(t1.readChar$0());
+              t3._contents += t8;
+            }
+            break $label0$0;
+          }
+          if (35 === _2_0 && t1.peekChar$1(1) === 123) {
+            buffer.addInterpolation$1(_this.interpolatedIdentifier$0());
+            break $label0$0;
+          }
+          if (13 === _2_0 || 10 === _2_0 || 12 === _2_0) {
+            if (_this.get$indented() && brackets.length === 0)
+              break;
+            t8 = A.Primitives_stringFromCharCode(t1.readChar$0());
+            t3._contents += t8;
+            break $label0$0;
+          }
+          if (33 === _2_0 || 59 === _2_0 || 123 === _2_0 || 125 === _2_0)
+            break;
+          if (117 === _2_0 || 85 === _2_0) {
+            t8 = t1._string_scanner$_position;
+            identifier = _this.identifier$0();
+            if (identifier !== "url" && identifier !== "url-prefix") {
+              t3._contents += identifier;
+              continue;
+            }
+            _1_0 = _this._stylesheet0$_tryUrlContents$2$name(new A._SpanScannerState(t1, t8), identifier);
+            if (_1_0 != null)
+              buffer.addInterpolation$1(_1_0);
+            else {
+              if ((t8 === 0 ? 1 / t8 < 0 : t8 < 0) || t8 > t5)
+                A.throwExpression(A.ArgumentError$("Invalid position " + t8, null));
+              t1._string_scanner$_position = t8;
+              t1._lastMatch = null;
+              t8 = A.Primitives_stringFromCharCode(t1.readChar$0());
+              t3._contents += t8;
+            }
+            break $label0$0;
+          }
+          if (40 === _2_0 || 91 === _2_0) {
+            bracket = t1.readChar$0();
+            t8 = A.Primitives_stringFromCharCode(bracket);
+            t3._contents += t8;
+            brackets.push(A.opposite0(bracket));
+            break $label0$0;
+          }
+          if (41 === _2_0 || 93 === _2_0) {
+            t8 = _2_0 != null;
+            char = t8 ? _2_0 : null;
+          } else {
+            char = null;
+            t8 = false;
+          }
+          if (t8) {
+            if (brackets.length === 0)
+              t1.error$1(0, 'Unexpected "' + A.Primitives_stringFromCharCode(char) + '".');
+            bracket = brackets.pop();
+            t1.expectChar$1(bracket);
+            t8 = A.Primitives_stringFromCharCode(bracket);
+            t3._contents += t8;
+            break $label0$0;
+          }
+          if (_2_0 == null)
+            break;
+          t8 = _this.lookingAtIdentifier$0();
+          if (t8) {
+            t8 = _this.identifier$0();
+            t3._contents += t8;
+            break $label0$0;
+          }
+          t8 = A.Primitives_stringFromCharCode(t1.readChar$0());
+          t3._contents += t8;
+        }
+      return buffer.interpolation$1(t1.spanFrom$1(new A._SpanScannerState(t1, t2)));
+    },
+    almostAnyValue$0() {
+      return this.almostAnyValue$1$omitComments(false);
+    },
+    _stylesheet0$_interpolatedDeclarationValue$6$allowColon$allowEmpty$allowOpenBrace$allowSemicolon$consumeNewlines$silentComments(allowColon, allowEmpty, allowOpenBrace, allowSemicolon, consumeNewlines, silentComments) {
+      var t5, t6, t7, t8, t9, t10, t11, wroteNewline, _2_0, wroteNewline0, t12, _0_0, start, end, _2_12, _2_14_isSet, _2_14, t13, _2_16, _2_18_isSet, _2_20, _2_18, _2_20_isSet, _2_22, bracket, identifier, _1_0, _this = this, _null = null,
+        t1 = _this.scanner,
+        t2 = t1._string_scanner$_position,
+        t3 = new A.StringBuffer(""),
+        t4 = A._setArrayType([], type$.JSArray_Object),
+        buffer = new A.InterpolationBuffer0(t3, t4, A._setArrayType([], type$.JSArray_nullable_FileSpan)),
+        brackets = A._setArrayType([], type$.JSArray_int);
+      for (t5 = !consumeNewlines, t6 = !allowOpenBrace, t7 = t1.string, t8 = t7.length, t9 = !allowColon, t10 = !allowSemicolon, t11 = _this.get$loudComment(), wroteNewline = false; true;)
+        $label0$0: {
+          _2_0 = t1.peekChar$0();
+          wroteNewline0 = false;
+          if (92 === _2_0) {
+            t12 = _this.escape$1$identifierStart(true);
+            t3._contents += t12;
+            wroteNewline = wroteNewline0;
+            break $label0$0;
+          }
+          if (34 === _2_0 || 39 === _2_0) {
+            buffer.addInterpolation$1(_this.interpolatedString$0().asInterpolation$0());
+            wroteNewline = wroteNewline0;
+            break $label0$0;
+          }
+          if (47 === _2_0) {
+            $label1$1: {
+              _0_0 = t1.peekChar$1(1);
+              if (42 === _0_0) {
+                start = t1._string_scanner$_position;
+                t11.call$0();
+                end = t1._string_scanner$_position;
+                t3._contents += B.JSString_methods.substring$2(t7, start, end);
+                break $label1$1;
+              }
+              if (47 === _0_0 && silentComments) {
+                _this.silentComment$0();
+                break $label1$1;
+              }
+              t12 = A.Primitives_stringFromCharCode(t1.readChar$0());
+              t3._contents += t12;
+            }
+            wroteNewline = wroteNewline0;
+            break $label0$0;
+          }
+          if (35 === _2_0 && t1.peekChar$1(1) === 123) {
+            buffer.addInterpolation$1(_this.interpolatedIdentifier$0());
+            wroteNewline = wroteNewline0;
+            break $label0$0;
+          }
+          _2_12 = 32 === _2_0;
+          _2_14_isSet = !_2_12;
+          if (_2_14_isSet) {
+            _2_14 = 9 === _2_0;
+            t12 = _2_14;
+          } else {
+            _2_14 = _null;
+            t12 = true;
+          }
+          t13 = false;
+          if (t12)
+            if (!wroteNewline) {
+              t12 = t1.peekChar$1(1);
+              t12 = t12 === 32 || t12 === 9 || t12 === 10 || t12 === 13 || t12 === 12;
+            } else
+              t12 = t13;
+          else
+            t12 = t13;
+          if (t12) {
+            t1.readChar$0();
+            break $label0$0;
+          }
+          if (!_2_12)
+            t12 = _2_14_isSet ? _2_14 : 9 === _2_0;
+          else
+            t12 = true;
+          if (t12) {
+            t12 = A.Primitives_stringFromCharCode(t1.readChar$0());
+            t3._contents += t12;
+            break $label0$0;
+          }
+          _2_16 = 10 === _2_0;
+          _2_18_isSet = !_2_16;
+          _2_20 = _null;
+          t12 = true;
+          if (_2_18_isSet) {
+            _2_18 = 13 === _2_0;
+            _2_20_isSet = !_2_18;
+            if (_2_20_isSet) {
+              _2_20 = 12 === _2_0;
+              t12 = _2_20;
+            }
+          } else {
+            _2_18 = _null;
+            _2_20_isSet = false;
+          }
+          if (t12 && _this.get$indented() && t5 && brackets.length === 0)
+            break;
+          t12 = true;
+          if (!_2_16)
+            if (!(_2_18_isSet ? _2_18 : 13 === _2_0))
+              t12 = _2_20_isSet ? _2_20 : 12 === _2_0;
+          if (t12) {
+            t12 = t1.peekChar$1(-1);
+            if (!(t12 === 10 || t12 === 13 || t12 === 12))
+              t3._contents += "\n";
+            t1.readChar$0();
+            wroteNewline = true;
+            break $label0$0;
+          }
+          _2_22 = 123 === _2_0;
+          if (_2_22 && t6)
+            break;
+          if (40 !== _2_0)
+            t12 = _2_22 || 91 === _2_0;
+          else
+            t12 = true;
+          if (t12) {
+            bracket = t1.readChar$0();
+            t12 = A.Primitives_stringFromCharCode(bracket);
+            t3._contents += t12;
+            brackets.push(A.opposite0(bracket));
+            wroteNewline = wroteNewline0;
+            break $label0$0;
+          }
+          if (41 === _2_0 || 125 === _2_0 || 93 === _2_0) {
+            if (brackets.length === 0)
+              break;
+            bracket = brackets.pop();
+            t1.expectChar$1(bracket);
+            t12 = A.Primitives_stringFromCharCode(bracket);
+            t3._contents += t12;
+            wroteNewline = wroteNewline0;
+            break $label0$0;
+          }
+          if (59 === _2_0) {
+            if (t10 && brackets.length === 0)
+              break;
+            t12 = A.Primitives_stringFromCharCode(t1.readChar$0());
+            t3._contents += t12;
+            wroteNewline = wroteNewline0;
+            break $label0$0;
+          }
+          if (58 === _2_0) {
+            if (t9 && brackets.length === 0)
+              break;
+            t12 = A.Primitives_stringFromCharCode(t1.readChar$0());
+            t3._contents += t12;
+            wroteNewline = wroteNewline0;
+            break $label0$0;
+          }
+          if (117 === _2_0 || 85 === _2_0) {
+            t12 = t1._string_scanner$_position;
+            identifier = _this.identifier$0();
+            if (identifier !== "url" && identifier !== "url-prefix") {
+              t3._contents += identifier;
+              wroteNewline = wroteNewline0;
+              continue;
+            }
+            _1_0 = _this._stylesheet0$_tryUrlContents$2$name(new A._SpanScannerState(t1, t12), identifier);
+            if (_1_0 != null)
+              buffer.addInterpolation$1(_1_0);
+            else {
+              if ((t12 === 0 ? 1 / t12 < 0 : t12 < 0) || t12 > t8)
+                A.throwExpression(A.ArgumentError$("Invalid position " + t12, _null));
+              t1._string_scanner$_position = t12;
+              t1._lastMatch = null;
+              t12 = A.Primitives_stringFromCharCode(t1.readChar$0());
+              t3._contents += t12;
+            }
+            wroteNewline = wroteNewline0;
+            break $label0$0;
+          }
+          if (_2_0 == null)
+            break;
+          t12 = _this.lookingAtIdentifier$0();
+          if (t12) {
+            t12 = _this.identifier$0();
+            t3._contents += t12;
+            wroteNewline = wroteNewline0;
+            break $label0$0;
+          }
+          t12 = A.Primitives_stringFromCharCode(t1.readChar$0());
+          t3._contents += t12;
+          wroteNewline = wroteNewline0;
+        }
+      if (brackets.length !== 0)
+        t1.expectChar$1(B.JSArray_methods.get$last(brackets));
+      if (!allowEmpty && t4.length === 0 && t3._contents.length === 0)
+        t1.error$1(0, "Expected token.");
+      return buffer.interpolation$1(t1.spanFrom$1(new A._SpanScannerState(t1, t2)));
+    },
+    _stylesheet0$_interpolatedDeclarationValue$1$allowEmpty(allowEmpty) {
+      return this._stylesheet0$_interpolatedDeclarationValue$6$allowColon$allowEmpty$allowOpenBrace$allowSemicolon$consumeNewlines$silentComments(true, allowEmpty, true, false, false, true);
+    },
+    _stylesheet0$_interpolatedDeclarationValue$1$allowOpenBrace(allowOpenBrace) {
+      return this._stylesheet0$_interpolatedDeclarationValue$6$allowColon$allowEmpty$allowOpenBrace$allowSemicolon$consumeNewlines$silentComments(true, false, allowOpenBrace, false, false, true);
+    },
+    _stylesheet0$_interpolatedDeclarationValue$3$allowEmpty$allowSemicolon$consumeNewlines(allowEmpty, allowSemicolon, consumeNewlines) {
+      return this._stylesheet0$_interpolatedDeclarationValue$6$allowColon$allowEmpty$allowOpenBrace$allowSemicolon$consumeNewlines$silentComments(true, allowEmpty, true, allowSemicolon, consumeNewlines, true);
+    },
+    _stylesheet0$_interpolatedDeclarationValue$4$allowColon$allowEmpty$allowSemicolon$consumeNewlines(allowColon, allowEmpty, allowSemicolon, consumeNewlines) {
+      return this._stylesheet0$_interpolatedDeclarationValue$6$allowColon$allowEmpty$allowOpenBrace$allowSemicolon$consumeNewlines$silentComments(allowColon, allowEmpty, true, allowSemicolon, consumeNewlines, true);
+    },
+    _stylesheet0$_interpolatedDeclarationValue$0() {
+      return this._stylesheet0$_interpolatedDeclarationValue$6$allowColon$allowEmpty$allowOpenBrace$allowSemicolon$consumeNewlines$silentComments(true, false, true, false, false, true);
+    },
+    _stylesheet0$_interpolatedDeclarationValue$2$allowEmpty$allowOpenBrace(allowEmpty, allowOpenBrace) {
+      return this._stylesheet0$_interpolatedDeclarationValue$6$allowColon$allowEmpty$allowOpenBrace$allowSemicolon$consumeNewlines$silentComments(true, allowEmpty, allowOpenBrace, false, false, true);
+    },
+    _stylesheet0$_interpolatedDeclarationValue$1$silentComments(silentComments) {
+      return this._stylesheet0$_interpolatedDeclarationValue$6$allowColon$allowEmpty$allowOpenBrace$allowSemicolon$consumeNewlines$silentComments(true, false, true, false, false, silentComments);
+    },
+    interpolatedIdentifier$0() {
+      var t3, _1_0, _0_0, _this = this,
+        _s20_ = "Expected identifier.",
+        t1 = _this.scanner,
+        start = new A._SpanScannerState(t1, t1._string_scanner$_position),
+        t2 = new A.StringBuffer(""),
+        buffer = new A.InterpolationBuffer0(t2, A._setArrayType([], type$.JSArray_Object), A._setArrayType([], type$.JSArray_nullable_FileSpan));
+      if (t1.scanChar$1(45)) {
+        t3 = A.Primitives_stringFromCharCode(45);
+        t2._contents += t3;
+        if (t1.scanChar$1(45)) {
+          t2._contents += t3;
+          _this._stylesheet0$_interpolatedIdentifierBody$1(buffer);
+          return buffer.interpolation$1(t1.spanFrom$1(start));
+        }
+      }
+      $label0$0: {
+        _1_0 = t1.peekChar$0();
+        if (_1_0 == null)
+          t1.error$1(0, _s20_);
+        if (_1_0 === 95 || A.CharacterExtension_get_isAlphabetic0(_1_0) || _1_0 >= 128) {
+          t3 = A.Primitives_stringFromCharCode(t1.readChar$0());
+          t2._contents += t3;
+          break $label0$0;
+        }
+        if (92 === _1_0) {
+          t3 = _this.escape$1$identifierStart(true);
+          t2._contents += t3;
+          break $label0$0;
+        }
+        if (35 === _1_0 && t1.peekChar$1(1) === 123) {
+          _0_0 = _this.singleInterpolation$0();
+          buffer.add$2(0, _0_0._0, _0_0._1);
+          break $label0$0;
+        }
+        t1.error$1(0, _s20_);
+      }
+      _this._stylesheet0$_interpolatedIdentifierBody$1(buffer);
+      return buffer.interpolation$1(t1.spanFrom$1(start));
+    },
+    _stylesheet0$_interpolatedIdentifierBody$1(buffer) {
+      var t1, t2, t3, t4, _1_0, t5, _0_0;
+      for (t1 = buffer._interpolation_buffer0$_contents, t2 = buffer._interpolation_buffer0$_spans, t3 = this.scanner, t4 = buffer._interpolation_buffer0$_text; true;) {
+        _1_0 = t3.peekChar$0();
+        if (_1_0 == null)
+          break;
+        t5 = true;
+        if (95 !== _1_0)
+          if (45 !== _1_0) {
+            if (!(_1_0 >= 97 && _1_0 <= 122))
+              t5 = _1_0 >= 65 && _1_0 <= 90;
+            else
+              t5 = true;
+            if (!t5)
+              t5 = _1_0 >= 48 && _1_0 <= 57;
+            else
+              t5 = true;
+            t5 = t5 || _1_0 >= 128;
+          }
+        if (t5) {
+          t5 = A.Primitives_stringFromCharCode(t3.readChar$0());
+          t4._contents += t5;
+          continue;
+        }
+        if (92 === _1_0) {
+          t5 = this.escape$0();
+          t4._contents += t5;
+          continue;
+        }
+        if (35 === _1_0 && t3.peekChar$1(1) === 123) {
+          _0_0 = this.singleInterpolation$0();
+          buffer._interpolation_buffer0$_flushText$0();
+          t1.push(_0_0._0);
+          t2.push(_0_0._1);
+          continue;
+        }
+        break;
+      }
+    },
+    singleInterpolation$0() {
+      var contents, span, _this = this,
+        t1 = _this.scanner,
+        t2 = t1._string_scanner$_position;
+      t1.expect$1("#{");
+      _this.whitespace$1$consumeNewlines(true);
+      contents = _this._stylesheet0$_expression$1$consumeNewlines(true);
+      t1.expectChar$1(125);
+      span = t1.spanFrom$1(new A._SpanScannerState(t1, t2));
+      if (_this.get$plainCss())
+        _this.error$2(0, string$.Interpp, span);
+      return new A._Record_2(contents, span);
+    },
+    _stylesheet0$_mediaQueryList$0() {
+      var t4, _this = this,
+        t1 = _this.scanner,
+        t2 = t1._string_scanner$_position,
+        t3 = new A.StringBuffer(""),
+        buffer = new A.InterpolationBuffer0(t3, A._setArrayType([], type$.JSArray_Object), A._setArrayType([], type$.JSArray_nullable_FileSpan));
+      for (; true;) {
+        _this.whitespace$1$consumeNewlines(false);
+        _this._stylesheet0$_mediaQuery$1(buffer);
+        _this.whitespace$1$consumeNewlines(false);
+        if (!t1.scanChar$1(44))
+          break;
+        t4 = A.Primitives_stringFromCharCode(44);
+        t3._contents += t4;
+        t4 = A.Primitives_stringFromCharCode(32);
+        t3._contents += t4;
+      }
+      return buffer.interpolation$1(t1.spanFrom$1(new A._SpanScannerState(t1, t2)));
+    },
+    _stylesheet0$_mediaQuery$1(buffer) {
+      var identifier1, t1, t2, identifier2, _this = this, _s3_ = "and";
+      if (_this.scanner.peekChar$0() === 40) {
+        _this._stylesheet0$_mediaInParens$1(buffer);
+        _this.whitespace$1$consumeNewlines(false);
+        if (_this.scanIdentifier$1(_s3_)) {
+          buffer._interpolation_buffer0$_text._contents += " and ";
+          _this.expectWhitespace$0();
+          _this._stylesheet0$_mediaLogicSequence$2(buffer, _s3_);
+        } else if (_this.scanIdentifier$1("or")) {
+          buffer._interpolation_buffer0$_text._contents += " or ";
+          _this.expectWhitespace$0();
+          _this._stylesheet0$_mediaLogicSequence$2(buffer, "or");
+        }
+        return;
+      }
+      identifier1 = _this.interpolatedIdentifier$0();
+      if (A.equalsIgnoreCase0(identifier1.get$asPlain(), "not")) {
+        _this.expectWhitespace$0();
+        if (!_this._stylesheet0$_lookingAtInterpolatedIdentifier$0()) {
+          buffer._interpolation_buffer0$_text._contents += "not ";
+          _this._stylesheet0$_mediaOrInterp$1(buffer);
+          return;
+        }
+      }
+      _this.whitespace$1$consumeNewlines(false);
+      buffer.addInterpolation$1(identifier1);
+      if (!_this._stylesheet0$_lookingAtInterpolatedIdentifier$0())
+        return;
+      t1 = buffer._interpolation_buffer0$_text;
+      t2 = A.Primitives_stringFromCharCode(32);
+      t1._contents += t2;
+      identifier2 = _this.interpolatedIdentifier$0();
+      if (A.equalsIgnoreCase0(identifier2.get$asPlain(), _s3_)) {
+        _this.expectWhitespace$0();
+        t1._contents += " and ";
+      } else {
+        _this.whitespace$1$consumeNewlines(false);
+        buffer.addInterpolation$1(identifier2);
+        if (_this.scanIdentifier$1(_s3_)) {
+          _this.expectWhitespace$0();
+          t1._contents += " and ";
+        } else
+          return;
+      }
+      if (_this.scanIdentifier$1("not")) {
+        _this.expectWhitespace$0();
+        t1._contents += "not ";
+        _this._stylesheet0$_mediaOrInterp$1(buffer);
+        return;
+      }
+      _this._stylesheet0$_mediaLogicSequence$2(buffer, _s3_);
+      return;
+    },
+    _stylesheet0$_mediaLogicSequence$2(buffer, operator) {
+      var t1, t2, t3, _this = this;
+      for (t1 = buffer._interpolation_buffer0$_text; true;) {
+        _this._stylesheet0$_mediaOrInterp$1(buffer);
+        _this.whitespace$1$consumeNewlines(false);
+        if (!_this.scanIdentifier$1(operator))
+          return;
+        _this.expectWhitespace$1$consumeNewlines(false);
+        t2 = A.Primitives_stringFromCharCode(32);
+        t3 = (t1._contents += t2) + operator;
+        t1._contents = t3;
+        t1._contents = t3 + t2;
+      }
+    },
+    _stylesheet0$_mediaOrInterp$1(buffer) {
+      var _0_0;
+      if (this.scanner.peekChar$0() === 35) {
+        _0_0 = this.singleInterpolation$0();
+        buffer.add$2(0, _0_0._0, _0_0._1);
+      } else
+        this._stylesheet0$_mediaInParens$1(buffer);
+    },
+    _stylesheet0$_mediaInParens$1(buffer) {
+      var t2, t3, expressionBefore, expressionAfter, next, t4, t5, expressionMiddle, _this = this,
+        t1 = _this.scanner;
+      t1.expectChar$2$name(40, "media condition in parentheses");
+      t2 = buffer._interpolation_buffer0$_text;
+      t3 = A.Primitives_stringFromCharCode(40);
+      t2._contents += t3;
+      _this.whitespace$1$consumeNewlines(true);
+      if (t1.peekChar$0() === 40) {
+        _this._stylesheet0$_mediaInParens$1(buffer);
+        _this.whitespace$1$consumeNewlines(true);
+        if (_this.scanIdentifier$1("and")) {
+          t2._contents += " and ";
+          _this.expectWhitespace$1$consumeNewlines(true);
+          _this._stylesheet0$_mediaLogicSequence$2(buffer, "and");
+        } else if (_this.scanIdentifier$1("or")) {
+          t2._contents += " or ";
+          _this.expectWhitespace$1$consumeNewlines(true);
+          _this._stylesheet0$_mediaLogicSequence$2(buffer, "or");
+        }
+      } else if (_this.scanIdentifier$1("not")) {
+        t2._contents += "not ";
+        _this.expectWhitespace$1$consumeNewlines(true);
+        _this._stylesheet0$_mediaOrInterp$1(buffer);
+      } else {
+        expressionBefore = _this._stylesheet0$_expressionUntilComparison$0();
+        buffer.add$2(0, expressionBefore, expressionBefore.get$span(expressionBefore));
+        if (t1.scanChar$1(58)) {
+          _this.whitespace$1$consumeNewlines(true);
+          t3 = A.Primitives_stringFromCharCode(58);
+          t2._contents += t3;
+          t3 = A.Primitives_stringFromCharCode(32);
+          t2._contents += t3;
+          expressionAfter = _this._stylesheet0$_expression$1$consumeNewlines(true);
+          buffer.add$2(0, expressionAfter, expressionAfter.get$span(expressionAfter));
+        } else {
+          next = t1.peekChar$0();
+          t3 = 60 !== next;
+          if (!t3 || 62 === next || 61 === next) {
+            t4 = A.Primitives_stringFromCharCode(32);
+            t2._contents += t4;
+            t5 = A.Primitives_stringFromCharCode(t1.readChar$0());
+            t2._contents += t5;
+            if ((!t3 || 62 === next) && t1.scanChar$1(61)) {
+              t5 = A.Primitives_stringFromCharCode(61);
+              t2._contents += t5;
+            }
+            t2._contents += t4;
+            _this.whitespace$1$consumeNewlines(true);
+            expressionMiddle = _this._stylesheet0$_expressionUntilComparison$0();
+            buffer.add$2(0, expressionMiddle, expressionMiddle.get$span(expressionMiddle));
+            if (!t3 || 62 === next) {
+              next.toString;
+              t3 = t1.scanChar$1(next);
+            } else
+              t3 = false;
+            if (t3) {
+              t2._contents += t4;
+              t3 = A.Primitives_stringFromCharCode(next);
+              t2._contents += t3;
+              if (t1.scanChar$1(61)) {
+                t3 = A.Primitives_stringFromCharCode(61);
+                t2._contents += t3;
+              }
+              t2._contents += t4;
+              _this.whitespace$1$consumeNewlines(true);
+              expressionAfter = _this._stylesheet0$_expressionUntilComparison$0();
+              buffer.add$2(0, expressionAfter, expressionAfter.get$span(expressionAfter));
+            }
+          }
+        }
+      }
+      t1.expectChar$1(41);
+      _this.whitespace$1$consumeNewlines(false);
+      t1 = A.Primitives_stringFromCharCode(41);
+      t2._contents += t1;
+    },
+    _stylesheet0$_expressionUntilComparison$0() {
+      return this._stylesheet0$_expression$2$consumeNewlines$until(true, new A.StylesheetParser__expressionUntilComparison_closure0(this));
+    },
+    _stylesheet0$_supportsCondition$1$inParentheses(inParentheses) {
+      var condition, operator, right, endPosition, t3, t4, lowerOperator, _this = this,
+        t1 = _this.scanner,
+        t2 = t1._string_scanner$_position;
+      if (_this.scanIdentifier$1("not")) {
+        _this.whitespace$1$consumeNewlines(inParentheses);
+        return new A.SupportsNegation0(_this._stylesheet0$_supportsConditionInParens$0(), t1.spanFrom$1(new A._SpanScannerState(t1, t2)));
+      }
+      condition = _this._stylesheet0$_supportsConditionInParens$0();
+      _this.whitespace$1$consumeNewlines(inParentheses);
+      for (operator = null; _this.lookingAtIdentifier$0();) {
+        if (operator != null)
+          _this.expectIdentifier$1(operator);
+        else if (_this.scanIdentifier$1("or"))
+          operator = "or";
+        else {
+          _this.expectIdentifier$1("and");
+          operator = "and";
+        }
+        _this.whitespace$1$consumeNewlines(inParentheses);
+        right = _this._stylesheet0$_supportsConditionInParens$0();
+        endPosition = t1._string_scanner$_position;
+        t3 = t1._sourceFile;
+        t4 = new A._FileSpan(t3, t2, endPosition);
+        t4._FileSpan$3(t3, t2, endPosition);
+        condition = new A.SupportsOperation0(condition, right, operator, t4);
+        lowerOperator = operator.toLowerCase();
+        if (lowerOperator !== "and" && lowerOperator !== "or")
+          A.throwExpression(A.ArgumentError$value(operator, "operator", 'may only be "and" or "or".'));
+        _this.whitespace$1$consumeNewlines(inParentheses);
+      }
+      return condition;
+    },
+    _stylesheet0$_supportsCondition$0() {
+      return this._stylesheet0$_supportsCondition$1$inParentheses(false);
+    },
+    _stylesheet0$_supportsConditionInParens$0() {
+      var $name, nameStart, wasInParentheses, identifier, _1_0, operation, contents, identifier0, t2, $arguments, _0_0, _0_4_isSet, _0_4, condition, exception, value, _this = this,
+        t1 = _this.scanner,
+        start = new A._SpanScannerState(t1, t1._string_scanner$_position);
+      if (_this._stylesheet0$_lookingAtInterpolatedIdentifier$0()) {
+        identifier0 = _this.interpolatedIdentifier$0();
+        t2 = identifier0.get$asPlain();
+        if ((t2 == null ? null : t2.toLowerCase()) === "not")
+          _this.error$2(0, '"not" is not a valid identifier here.', identifier0.span);
+        if (t1.scanChar$1(40)) {
+          $arguments = _this._stylesheet0$_interpolatedDeclarationValue$3$allowEmpty$allowSemicolon$consumeNewlines(true, true, true);
+          t1.expectChar$1(41);
+          return new A.SupportsFunction0(identifier0, $arguments, t1.spanFrom$1(start));
+        } else {
+          _0_0 = identifier0.contents;
+          _0_4_isSet = _0_0.length === 1;
+          if (_0_4_isSet) {
+            _0_4 = _0_0[0];
+            t2 = _0_4 instanceof A.Expression0;
+          } else {
+            _0_4 = null;
+            t2 = false;
+          }
+          if (t2) {
+            t2 = _0_4_isSet ? _0_4 : _0_0[0];
+            return new A.SupportsInterpolation0(type$.Expression_2._as(t2), t1.spanFrom$1(start));
+          } else
+            _this.error$2(0, "Expected @supports condition.", identifier0.span);
+        }
+      }
+      t1.expectChar$1(40);
+      _this.whitespace$1$consumeNewlines(true);
+      if (_this.scanIdentifier$1("not")) {
+        _this.whitespace$1$consumeNewlines(true);
+        condition = _this._stylesheet0$_supportsConditionInParens$0();
+        t1.expectChar$1(41);
+        return new A.SupportsNegation0(condition, t1.spanFrom$1(start));
+      } else if (t1.peekChar$0() === 40) {
+        condition = _this._stylesheet0$_supportsCondition$1$inParentheses(true);
+        t1.expectChar$1(41);
+        return condition.withSpan$1(t1.spanFrom$1(start));
+      }
+      $name = null;
+      nameStart = new A._SpanScannerState(t1, t1._string_scanner$_position);
+      wasInParentheses = _this._stylesheet0$_inParentheses;
+      try {
+        $name = _this._stylesheet0$_expression$1$consumeNewlines(true);
+        t1.expectChar$1(58);
+      } catch (exception) {
+        if (type$.FormatException._is(A.unwrapException(exception))) {
+          t1.set$state(nameStart);
+          _this._stylesheet0$_inParentheses = wasInParentheses;
+          identifier = _this.interpolatedIdentifier$0();
+          _1_0 = _this._stylesheet0$_trySupportsOperation$2(identifier, nameStart);
+          operation = null;
+          if (_1_0 != null) {
+            operation = _1_0;
+            t1.expectChar$1(41);
+            t2 = operation;
+            t1 = t1.spanFrom$1(start);
+            return A.SupportsOperation$0(t2.left, t2.right, t2.operator, t1);
+          }
+          t2 = new A.InterpolationBuffer0(new A.StringBuffer(""), A._setArrayType([], type$.JSArray_Object), A._setArrayType([], type$.JSArray_nullable_FileSpan));
+          t2.addInterpolation$1(identifier);
+          t2.addInterpolation$1(_this._stylesheet0$_interpolatedDeclarationValue$4$allowColon$allowEmpty$allowSemicolon$consumeNewlines(false, true, true, true));
+          contents = t2.interpolation$1(t1.spanFrom$1(nameStart));
+          if (t1.peekChar$0() === 58)
+            throw exception;
+          t1.expectChar$1(41);
+          return new A.SupportsAnything0(contents, t1.spanFrom$1(start));
+        } else
+          throw exception;
+      }
+      value = _this._stylesheet0$_supportsDeclarationValue$1($name);
+      t1.expectChar$1(41);
+      return new A.SupportsDeclaration0($name, value, t1.spanFrom$1(start));
+    },
+    _stylesheet0$_supportsDeclarationValue$1($name) {
+      var t1 = false;
+      if ($name instanceof A.StringExpression0)
+        if (!$name.hasQuotes)
+          t1 = B.JSString_methods.startsWith$1($name.text.get$initialPlain(), "--");
+      if (t1)
+        return new A.StringExpression0(this._stylesheet0$_interpolatedDeclarationValue$0(), false);
+      else {
+        this.whitespace$1$consumeNewlines(true);
+        return this._stylesheet0$_expression$1$consumeNewlines(true);
+      }
+    },
+    _stylesheet0$_trySupportsOperation$2(interpolation, start) {
+      var expression, t2, t3, t4, operator, operation, right, t5, endPosition, t6, t7, lowerOperator, _this = this, _null = null,
+        t1 = interpolation.contents;
+      if (t1.length !== 1)
+        return _null;
+      expression = B.JSArray_methods.get$first(t1);
+      if (!(expression instanceof A.Expression0))
+        return _null;
+      t1 = _this.scanner;
+      t2 = t1._string_scanner$_position;
+      _this.whitespace$1$consumeNewlines(true);
+      for (t3 = start.position, t4 = interpolation.span, operator = _null, operation = operator; _this.lookingAtIdentifier$0();) {
+        if (operator != null)
+          _this.expectIdentifier$1(operator);
+        else if (_this.scanIdentifier$1("and"))
+          operator = "and";
+        else {
+          if (!_this.scanIdentifier$1("or")) {
+            if ((t2 === 0 ? 1 / t2 < 0 : t2 < 0) || t2 > t1.string.length)
+              A.throwExpression(A.ArgumentError$("Invalid position " + t2, _null));
+            t1._string_scanner$_position = t2;
+            return t1._lastMatch = null;
+          }
+          operator = "or";
+        }
+        _this.whitespace$1$consumeNewlines(true);
+        right = _this._stylesheet0$_supportsConditionInParens$0();
+        t5 = operation == null ? new A.SupportsInterpolation0(expression, t4) : operation;
+        endPosition = t1._string_scanner$_position;
+        t6 = t1._sourceFile;
+        t7 = new A._FileSpan(t6, t3, endPosition);
+        t7._FileSpan$3(t6, t3, endPosition);
+        operation = new A.SupportsOperation0(t5, right, operator, t7);
+        lowerOperator = operator.toLowerCase();
+        if (lowerOperator !== "and" && lowerOperator !== "or")
+          A.throwExpression(A.ArgumentError$value(operator, "operator", 'may only be "and" or "or".'));
+        _this.whitespace$1$consumeNewlines(true);
+      }
+      return operation;
+    },
+    _stylesheet0$_lookingAtInterpolatedIdentifier$0() {
+      var t2, _0_0,
+        t1 = this.scanner,
+        _1_0 = t1.peekChar$0();
+      $label0$0: {
+        t2 = false;
+        if (_1_0 == null) {
+          t1 = t2;
+          break $label0$0;
+        }
+        if (_1_0 === 95 || A.CharacterExtension_get_isAlphabetic0(_1_0) || _1_0 >= 128 || 92 === _1_0) {
+          t1 = true;
+          break $label0$0;
+        }
+        if (35 === _1_0) {
+          t1 = t1.peekChar$1(1) === 123;
+          break $label0$0;
+        }
+        if (45 === _1_0) {
+          _0_0 = t1.peekChar$1(1);
+          $label1$1: {
+            if (_0_0 == null) {
+              t1 = t2;
+              break $label1$1;
+            }
+            if (35 === _0_0) {
+              t1 = t1.peekChar$1(2) === 123;
+              break $label1$1;
+            }
+            if (_0_0 === 95 || A.CharacterExtension_get_isAlphabetic0(_0_0) || _0_0 >= 128 || 92 === _0_0 || 45 === _0_0) {
+              t1 = true;
+              break $label1$1;
+            }
+            t1 = t2;
+            break $label1$1;
+          }
+          break $label0$0;
+        }
+        t1 = t2;
+        break $label0$0;
+      }
+      return t1;
+    },
+    _stylesheet0$_lookingAtPotentialPropertyHack$0() {
+      var t1 = this.scanner,
+        _0_0 = t1.peekChar$0();
+      $label0$0: {
+        if (58 === _0_0 || 42 === _0_0 || 46 === _0_0) {
+          t1 = true;
+          break $label0$0;
+        }
+        if (35 === _0_0) {
+          t1 = t1.peekChar$1(1) !== 123;
+          break $label0$0;
+        }
+        t1 = false;
+        break $label0$0;
+      }
+      return t1;
+    },
+    _stylesheet0$_lookingAtInterpolatedIdentifierBody$0() {
+      var t2, t3,
+        t1 = this.scanner,
+        _0_0 = t1.peekChar$0();
+      $label0$0: {
+        t2 = false;
+        if (_0_0 == null) {
+          t1 = t2;
+          break $label0$0;
+        }
+        if (!(_0_0 === 95 || A.CharacterExtension_get_isAlphabetic0(_0_0) || _0_0 >= 128))
+          t3 = _0_0 >= 48 && _0_0 <= 57 || _0_0 === 45;
+        else
+          t3 = true;
+        if (t3 || 92 === _0_0) {
+          t1 = true;
+          break $label0$0;
+        }
+        if (35 === _0_0) {
+          t1 = t1.peekChar$1(1) === 123;
+          break $label0$0;
+        }
+        t1 = t2;
+        break $label0$0;
+      }
+      return t1;
+    },
+    _stylesheet0$_lookingAtExpression$0() {
+      var t2, _0_0,
+        t1 = this.scanner,
+        _1_0 = t1.peekChar$0();
+      $label0$0: {
+        t2 = true;
+        if (_1_0 == null) {
+          t1 = false;
+          break $label0$0;
+        }
+        if (46 === _1_0) {
+          t1 = t1.peekChar$1(1) !== 46;
+          break $label0$0;
+        }
+        if (33 === _1_0) {
+          _0_0 = t1.peekChar$1(1);
+          $label1$1: {
+            if (_0_0 != null)
+              if (105 !== _0_0)
+                if (73 !== _0_0)
+                  t1 = _0_0 === 32 || _0_0 === 9 || _0_0 === 10 || _0_0 === 13 || _0_0 === 12;
+                else
+                  t1 = t2;
+              else
+                t1 = t2;
+            else
+              t1 = t2;
+            break $label1$1;
+          }
+          break $label0$0;
+        }
+        t1 = true;
+        if (40 !== _1_0)
+          if (47 !== _1_0)
+            if (91 !== _1_0)
+              if (39 !== _1_0)
+                if (34 !== _1_0)
+                  if (35 !== _1_0)
+                    if (43 !== _1_0)
+                      if (45 !== _1_0)
+                        if (92 !== _1_0)
+                          if (36 !== _1_0)
+                            if (38 !== _1_0)
+                              if (37 !== _1_0)
+                                if (!(_1_0 === 95 || A.CharacterExtension_get_isAlphabetic0(_1_0) || _1_0 >= 128))
+                                  t1 = _1_0 >= 48 && _1_0 <= 57;
+        if (t1) {
+          t1 = t2;
+          break $label0$0;
+        }
+        t1 = false;
+        break $label0$0;
+      }
+      return t1;
+    },
+    _stylesheet0$_withChildren$1$3(child, start, create) {
+      var result = create.call$2(this.children$1(0, child), this.scanner.spanFrom$1(start));
+      this.whitespaceWithoutComments$1$consumeNewlines(false);
+      return result;
+    },
+    _stylesheet0$_withChildren$3(child, start, create) {
+      return this._stylesheet0$_withChildren$1$3(child, start, create, type$.dynamic);
+    },
+    _stylesheet0$_urlString$0() {
+      var innerError, stackTrace, t2, exception,
+        t1 = this.scanner,
+        start = new A._SpanScannerState(t1, t1._string_scanner$_position),
+        url = this.string$0();
+      try {
+        t2 = A.Uri_parse(url);
+        return t2;
+      } catch (exception) {
+        t2 = A.unwrapException(exception);
+        if (type$.FormatException._is(t2)) {
+          innerError = t2;
+          stackTrace = A.getTraceFromException(exception);
+          this.error$3(0, "Invalid URL: " + J.get$message$x(innerError), t1.spanFrom$1(start), stackTrace);
+        } else
+          throw exception;
+      }
+    },
+    _stylesheet0$_publicIdentifier$0() {
+      var _this = this,
+        t1 = _this.scanner,
+        t2 = t1._string_scanner$_position,
+        result = _this.identifier$0();
+      _this._stylesheet0$_assertPublic$2(result, new A.StylesheetParser__publicIdentifier_closure0(_this, new A._SpanScannerState(t1, t2)));
+      return result;
+    },
+    _stylesheet0$_assertPublic$2(identifier, span) {
+      var first = identifier.charCodeAt(0);
+      if (!(first === 45 || first === 95))
+        return;
+      this.error$2(0, string$.Privat, span.call$0());
+    },
+    _stylesheet0$_addOrInject$2(buffer, expression) {
+      if (expression instanceof A.StringExpression0 && !expression.hasQuotes)
+        buffer.addInterpolation$1(expression.text);
+      else
+        buffer.add$2(0, expression, expression.get$span(expression));
+    },
+    get$plainCss() {
+      return false;
+    }
+  };
+  A.StylesheetParser_parse_closure0.prototype = {
+    call$0() {
+      var statements,
+        t1 = this.$this,
+        t2 = t1.scanner,
+        t3 = t2._string_scanner$_position;
+      t2.scanChar$1(65279);
+      statements = t1.statements$1(new A.StylesheetParser_parse__closure0(t1));
+      t2.expectDone$0();
+      return A.Stylesheet$internal0(statements, t2.spanFrom$1(new A._SpanScannerState(t2, t3)), t1.warnings, t1._stylesheet0$_globalVariables, t1.get$plainCss());
+    },
+    $signature: 598
+  };
+  A.StylesheetParser_parse__closure0.prototype = {
+    call$0() {
+      var t1 = this.$this;
+      if (t1.scanner.scan$1("@charset")) {
+        t1.whitespace$1$consumeNewlines(false);
+        t1.string$0();
+        return null;
+      }
+      return t1._stylesheet0$_statement$1$root(true);
+    },
+    $signature: 599
+  };
+  A.StylesheetParser_parseParameterList_closure0.prototype = {
+    call$0() {
+      var parameters,
+        t1 = this.$this,
+        t2 = t1.scanner;
+      t2.expectChar$2$name(64, "@-rule");
+      t1.identifier$0();
+      t1.whitespace$1$consumeNewlines(true);
+      t1.identifier$0();
+      parameters = t1._stylesheet0$_parameterList$0();
+      t1.whitespace$1$consumeNewlines(true);
+      t2.expectChar$1(123);
+      return parameters;
+    },
+    $signature: 600
+  };
+  A.StylesheetParser__parseSingleProduction_closure0.prototype = {
+    call$0() {
+      var result = this.production.call$0();
+      this.$this.scanner.expectDone$0();
+      return result;
+    },
+    $signature() {
+      return this.T._eval$1("0()");
+    }
+  };
+  A.StylesheetParser_parseSignature_closure.prototype = {
+    call$0() {
+      var parameters, t2, t3,
+        t1 = this.$this,
+        $name = t1.identifier$0();
+      if (this.requireParens || t1.scanner.peekChar$0() === 40)
+        parameters = t1._stylesheet0$_parameterList$0();
+      else {
+        t2 = t1.scanner;
+        t2 = A.FileLocation$_(t2._sourceFile, t2._string_scanner$_position);
+        t3 = t2.offset;
+        parameters = new A.ParameterList0(B.List_empty24, null, A._FileSpan$(t2.file, t3, t3));
+      }
+      t1.scanner.expectDone$0();
+      return new A._Record_2($name, parameters);
+    },
+    $signature: 601
+  };
+  A.StylesheetParser__statement_closure0.prototype = {
+    call$0() {
+      return this.$this._stylesheet0$_statement$0();
+    },
+    $signature: 139
+  };
+  A.StylesheetParser_variableDeclarationWithoutNamespace_closure1.prototype = {
+    call$0() {
+      return this.$this.scanner.spanFrom$1(this.start);
+    },
+    $signature: 26
+  };
+  A.StylesheetParser_variableDeclarationWithoutNamespace_closure2.prototype = {
+    call$0() {
+      return this.declaration.span;
+    },
+    $signature: 26
+  };
+  A.StylesheetParser__declarationOrBuffer_closure2.prototype = {
+    call$0() {
+      return this.$this.whitespace$1$consumeNewlines(false);
+    },
+    $signature: 0
+  };
+  A.StylesheetParser__declarationOrBuffer_closure3.prototype = {
+    call$0() {
+      return this.$this.whitespace$1$consumeNewlines(false);
+    },
+    $signature: 0
+  };
+  A.StylesheetParser__declarationOrBuffer_closure4.prototype = {
+    call$0() {
+      return this.$this.whitespace$1$consumeNewlines(false);
+    },
+    $signature: 0
+  };
+  A.StylesheetParser__styleRule_closure0.prototype = {
+    call$2(children, span) {
+      var _this = this,
+        t1 = _this.$this;
+      if (t1.get$indented() && children.length === 0)
+        t1.warnings.push(new A._Record_3_deprecation_message_span(null, string$.This_s, _this._box_0.interpolation.span));
+      t1._stylesheet0$_inStyleRule = _this.wasInStyleRule;
+      return A.StyleRule$0(_this._box_0.interpolation, children, t1.scanner.spanFrom$1(_this.start));
+    },
+    $signature: 602
+  };
+  A.StylesheetParser__propertyOrVariableDeclaration_closure0.prototype = {
+    call$0() {
+      return this.$this.whitespace$1$consumeNewlines(false);
+    },
+    $signature: 0
+  };
+  A.StylesheetParser__tryDeclarationChildren_closure0.prototype = {
+    call$2(children, span) {
+      return A.Declaration$nested0(this.name, children, span, this.value);
+    },
+    $signature: 603
+  };
+  A.StylesheetParser__atRootRule_closure1.prototype = {
+    call$2(children, span) {
+      return A.AtRootRule$0(children, span, this.query);
+    },
+    $signature: 262
+  };
+  A.StylesheetParser__atRootRule_closure2.prototype = {
+    call$2(children, span) {
+      return A.AtRootRule$0(children, span, null);
+    },
+    $signature: 262
+  };
+  A.StylesheetParser__eachRule_closure0.prototype = {
+    call$2(children, span) {
+      var _this = this;
+      _this.$this._stylesheet0$_inControlDirective = _this.wasInControlDirective;
+      return A.EachRule$0(_this.variables, _this.list, children, span);
+    },
+    $signature: 605
+  };
+  A.StylesheetParser__functionRule_closure0.prototype = {
+    call$2(children, span) {
+      return A.FunctionRule$0(this.name, this.parameters, children, span, this.precedingComment);
+    },
+    $signature: 606
+  };
+  A.StylesheetParser__forRule_closure1.prototype = {
+    call$0() {
+      var t1 = this.$this;
+      if (!t1.lookingAtIdentifier$0())
+        return false;
+      if (t1.scanIdentifier$1("to"))
+        return this._box_0.exclusive = true;
+      else if (t1.scanIdentifier$1("through")) {
+        this._box_0.exclusive = false;
+        return true;
+      } else
+        return false;
+    },
+    $signature: 19
+  };
+  A.StylesheetParser__forRule_closure2.prototype = {
+    call$2(children, span) {
+      var t1, _this = this;
+      _this.$this._stylesheet0$_inControlDirective = _this.wasInControlDirective;
+      t1 = _this._box_0.exclusive;
+      t1.toString;
+      return A.ForRule$0(_this.variable, _this.from, _this.to, children, span, t1);
+    },
+    $signature: 607
+  };
+  A.StylesheetParser__memberList_closure0.prototype = {
+    call$0() {
+      var t1 = this.$this;
+      if (t1.scanner.peekChar$0() === 36)
+        this.variables.add$1(0, t1.variableName$0());
+      else
+        this.identifiers.add$1(0, t1.identifier$1$normalize(true));
+    },
+    $signature: 1
+  };
+  A.StylesheetParser__includeRule_closure0.prototype = {
+    call$2(children, span) {
+      return A.ContentBlock$0(this.contentParameters_, children, span);
+    },
+    $signature: 608
+  };
+  A.StylesheetParser_mediaRule_closure0.prototype = {
+    call$2(children, span) {
+      return A.MediaRule$0(this.query, children, span);
+    },
+    $signature: 609
+  };
+  A.StylesheetParser__mixinRule_closure0.prototype = {
+    call$2(children, span) {
+      var _this = this;
+      _this.$this._stylesheet0$_inMixin = false;
+      return A.MixinRule$0(_this.name, _this.parameters, children, span, _this.precedingComment);
+    },
+    $signature: 610
+  };
+  A.StylesheetParser_mozDocumentRule_closure1.prototype = {
+    call$0() {
+      return this.$this.whitespace$1$consumeNewlines(false);
+    },
+    $signature: 0
+  };
+  A.StylesheetParser_mozDocumentRule_closure2.prototype = {
+    call$2(children, span) {
+      var _this = this;
+      if (_this._box_0.needsDeprecationWarning)
+        _this.$this.warnings.push(new A._Record_3_deprecation_message_span(B.Deprecation_bKe, string$.x40_moz_, span));
+      return A.AtRule$0(_this.name, span, children, _this.value);
+    },
+    $signature: 263
+  };
+  A.StylesheetParser_supportsRule_closure0.prototype = {
+    call$2(children, span) {
+      return A.SupportsRule$0(this.condition, children, span);
+    },
+    $signature: 612
+  };
+  A.StylesheetParser__whileRule_closure0.prototype = {
+    call$2(children, span) {
+      this.$this._stylesheet0$_inControlDirective = this.wasInControlDirective;
+      return A.WhileRule$0(this.condition, children, span);
+    },
+    $signature: 613
+  };
+  A.StylesheetParser_unknownAtRule_closure0.prototype = {
+    call$2(children, span) {
+      return A.AtRule$0(this.name, span, children, this._box_0.value);
+    },
+    $signature: 263
+  };
+  A.StylesheetParser__expression_resetState0.prototype = {
+    call$0() {
+      var t2,
+        t1 = this._box_0;
+      t1.operands_ = t1.operators_ = t1.spaceExpressions_ = t1.commaExpressions_ = null;
+      t2 = this.$this;
+      t2.scanner.set$state(this.start);
+      t1.allowSlash = true;
+      t1.singleExpression_ = t2._stylesheet0$_singleExpression$0();
+    },
+    $signature: 0
+  };
+  A.StylesheetParser__expression_resolveOneOperation0.prototype = {
+    call$0() {
+      var t2, t3, t4, t5, t6, t7, _this = this,
+        t1 = _this._box_0,
+        operator = t1.operators_.pop(),
+        left = t1.operands_.pop(),
+        right = t1.singleExpression_;
+      if (right == null) {
+        t2 = _this.$this.scanner;
+        t3 = operator.operator.length;
+        t2.error$3$length$position(0, "Expected expression.", t3, t2._string_scanner$_position - t3);
+      }
+      if (t1.allowSlash) {
+        t2 = _this.$this;
+        t2 = !t2._stylesheet0$_inParentheses && operator === B.BinaryOperator_Mh50 && t2._stylesheet0$_isSlashOperand$1(left) && t2._stylesheet0$_isSlashOperand$1(right);
+      } else
+        t2 = false;
+      if (t2)
+        t1.singleExpression_ = new A.BinaryOperationExpression0(B.BinaryOperator_Mh50, left, right, true);
+      else {
+        t1.singleExpression_ = new A.BinaryOperationExpression0(operator, left, right, false);
+        t2 = t1.allowSlash = false;
+        if (B.BinaryOperator_Swh0 === operator || B.BinaryOperator_QG10 === operator) {
+          t3 = _this.$this;
+          t4 = t3.scanner.string;
+          t5 = right.get$span(right);
+          t5 = t5.get$start(t5);
+          t6 = right.get$span(right);
+          t7 = operator.operator;
+          if (B.JSString_methods.substring$2(t4, t5.offset - 1, t6.get$start(t6).offset) === t7) {
+            t2 = left.get$span(left);
+            t2 = t4.charCodeAt(t2.get$end(t2).offset);
+            t2 = t2 === 32 || t2 === 9 || t2 === 10 || t2 === 13 || t2 === 12;
+          }
+          if (t2) {
+            t2 = left.toString$0(0);
+            t4 = right.toString$0(0);
+            t5 = left.toString$0(0);
+            t6 = right.toString$0(0);
+            t1 = t1.singleExpression_;
+            t3.warnings.push(new A._Record_3_deprecation_message_span(B.Deprecation_Cv3, "This operation is parsed as:\n\n    " + t2 + " " + t7 + " " + t4 + string$.x0a_but_ + t5 + " (" + t7 + t6 + ")\n\nAdd a space after " + t7 + string$.x20to_cl, t1.get$span(t1)));
+          }
+        }
+      }
+    },
+    $signature: 0
+  };
+  A.StylesheetParser__expression_resolveOperations0.prototype = {
+    call$0() {
+      var t1,
+        operators = this._box_0.operators_;
+      if (operators == null)
+        return;
+      for (t1 = this.resolveOneOperation; operators.length !== 0;)
+        t1.call$0();
+    },
+    $signature: 0
+  };
+  A.StylesheetParser__expression_addSingleExpression0.prototype = {
+    call$1(expression) {
+      var t2, spaceExpressions, _this = this,
+        t1 = _this._box_0;
+      if (t1.singleExpression_ != null) {
+        t2 = _this.$this;
+        if (t2._stylesheet0$_inParentheses) {
+          t2._stylesheet0$_inParentheses = false;
+          if (t1.allowSlash) {
+            _this.resetState.call$0();
+            return;
+          }
+        }
+        spaceExpressions = t1.spaceExpressions_;
+        if (spaceExpressions == null)
+          spaceExpressions = t1.spaceExpressions_ = A._setArrayType([], type$.JSArray_Expression_2);
+        _this.resolveOperations.call$0();
+        t2 = t1.singleExpression_;
+        t2.toString;
+        spaceExpressions.push(t2);
+        t1.allowSlash = true;
+      }
+      t1.singleExpression_ = expression;
+    },
+    $signature: 614
+  };
+  A.StylesheetParser__expression_addOperator0.prototype = {
+    call$1(operator) {
+      var t2, t3, operators, operands, t4, singleExpression, _this = this,
+        t1 = _this.$this;
+      if (t1.get$plainCss() && operator !== B.BinaryOperator_Kyq0 && operator !== B.BinaryOperator_Swh0 && operator !== B.BinaryOperator_QG10 && operator !== B.BinaryOperator_tht0 && operator !== B.BinaryOperator_Mh50) {
+        t2 = t1.scanner;
+        t3 = operator.operator.length;
+        t2.error$3$length$position(0, "Operators aren't allowed in plain CSS.", t3, t2._string_scanner$_position - t3);
+      }
+      t2 = _this._box_0;
+      t2.allowSlash = t2.allowSlash && operator === B.BinaryOperator_Mh50;
+      operators = t2.operators_;
+      if (operators == null)
+        operators = t2.operators_ = A._setArrayType([], type$.JSArray_BinaryOperator_2);
+      operands = t2.operands_;
+      if (operands == null)
+        operands = t2.operands_ = A._setArrayType([], type$.JSArray_Expression_2);
+      t3 = _this.resolveOneOperation;
+      t4 = operator.precedence;
+      while (true) {
+        if (!(operators.length !== 0 && B.JSArray_methods.get$last(operators).precedence >= t4))
+          break;
+        t3.call$0();
+      }
+      singleExpression = t2.singleExpression_;
+      if (singleExpression == null) {
+        t3 = t1.scanner;
+        t4 = operator.operator.length;
+        t3.error$3$length$position(0, "Expected expression.", t4, t3._string_scanner$_position - t4);
+      }
+      t1.whitespace$1$consumeNewlines(true);
+      if (operator === B.BinaryOperator_s7T0 && !t1._stylesheet0$_lookingAtExpression$0()) {
+        t1 = t1.scanner;
+        t1 = t1.spanFromPosition$1(t1._string_scanner$_position - 1);
+        _this.addSingleExpression.call$1(new A.StringExpression0(new A.Interpolation0(A.List_List$unmodifiable(["%"], type$.Object), B.List_null, t1), false));
+      } else {
+        operators.push(operator);
+        operands.push(singleExpression);
+        t2.singleExpression_ = t1._stylesheet0$_singleExpression$0();
+      }
+    },
+    $signature: 615
+  };
+  A.StylesheetParser__expression_resolveSpaceExpressions0.prototype = {
+    call$0() {
+      var t1, spaceExpressions, singleExpression, t2;
+      this.resolveOperations.call$0();
+      t1 = this._box_0;
+      spaceExpressions = t1.spaceExpressions_;
+      if (spaceExpressions == null)
+        return;
+      singleExpression = t1.singleExpression_;
+      if (singleExpression == null)
+        this.$this.scanner.error$1(0, "Expected expression.");
+      spaceExpressions.push(singleExpression);
+      t2 = B.JSArray_methods.get$first(spaceExpressions);
+      t2 = t2.get$span(t2).expand$1(0, singleExpression.get$span(singleExpression));
+      t1.singleExpression_ = new A.ListExpression0(A.List_List$unmodifiable(spaceExpressions, type$.Expression_2), B.ListSeparator_qSL0, false, t2);
+      t1.spaceExpressions_ = null;
+    },
+    $signature: 0
+  };
+  A.StylesheetParser_expressionUntilComma_closure0.prototype = {
+    call$0() {
+      return this.$this.scanner.peekChar$0() === 44;
+    },
+    $signature: 19
+  };
+  A.StylesheetParser__isHexColor_closure0.prototype = {
+    call$1(char) {
+      return A.CharacterExtension_get_isHex0(char);
+    },
+    $signature: 50
+  };
+  A.StylesheetParser__unicodeRange_closure1.prototype = {
+    call$1(char) {
+      return char != null && A.CharacterExtension_get_isHex0(char);
+    },
+    $signature: 30
+  };
+  A.StylesheetParser__unicodeRange_closure2.prototype = {
+    call$1(char) {
+      return char != null && A.CharacterExtension_get_isHex0(char);
+    },
+    $signature: 30
+  };
+  A.StylesheetParser_namespacedExpression_closure0.prototype = {
+    call$0() {
+      return this.$this.scanner.spanFrom$1(this.start);
+    },
+    $signature: 26
+  };
+  A.StylesheetParser_trySpecialFunction_closure0.prototype = {
+    call$1(contents) {
+      return new A.StringExpression0(contents, false);
+    },
+    $signature: 616
+  };
+  A.StylesheetParser__expressionUntilComparison_closure0.prototype = {
+    call$0() {
+      var t1 = this.$this.scanner,
+        _0_0 = t1.peekChar$0();
+      $label0$0: {
+        if (61 === _0_0) {
+          t1 = t1.peekChar$1(1) !== 61;
+          break $label0$0;
+        }
+        if (60 === _0_0 || 62 === _0_0) {
+          t1 = true;
+          break $label0$0;
+        }
+        t1 = false;
+        break $label0$0;
+      }
+      return t1;
+    },
+    $signature: 19
+  };
+  A.StylesheetParser__publicIdentifier_closure0.prototype = {
+    call$0() {
+      return this.$this.scanner.spanFrom$1(this.start);
+    },
+    $signature: 26
+  };
+  A.Stylesheet0.prototype = {
+    Stylesheet$internal$5$globalVariables$plainCss0(children, span, parseTimeWarnings, globalVariables, plainCss) {
+      var t1, t2, t3, t4, _i, child;
+      for (t1 = this.children, t2 = t1.length, t3 = this._stylesheet1$_forwards, t4 = this._stylesheet1$_uses, _i = 0; _i < t2; ++_i) {
+        child = t1[_i];
+        if (child instanceof A.UseRule0) {
+          t4.push(child);
+          continue;
+        }
+        if (child instanceof A.ForwardRule0) {
+          t3.push(child);
+          continue;
+        }
+        if (child instanceof A.SilentComment0 || child instanceof A.LoudComment0 || child instanceof A.VariableDeclaration0)
+          continue;
+        break;
+      }
+    },
+    accept$1$1(visitor) {
+      return visitor.visitStylesheet$1(0, this);
+    },
+    accept$1(visitor) {
+      return this.accept$1$1(visitor, type$.dynamic);
+    },
+    toString$0(_) {
+      return B.JSArray_methods.join$1(this.children, " ");
+    },
+    get$span(receiver) {
+      return this.span;
+    }
+  };
+  A.SupportsExpression0.prototype = {
+    get$span(_) {
+      var t1 = this.condition;
+      return t1.get$span(t1);
+    },
+    accept$1$1(visitor) {
+      return visitor.visitSupportsExpression$1(0, this);
+    },
+    accept$1(visitor) {
+      return this.accept$1$1(visitor, type$.dynamic);
+    },
+    toString$0(_) {
+      return this.condition.toString$0(0);
+    }
+  };
+  A.ModifiableCssSupportsRule0.prototype = {
+    accept$1$1(visitor) {
+      return visitor.visitCssSupportsRule$1(this);
+    },
+    accept$1(visitor) {
+      return this.accept$1$1(visitor, type$.dynamic);
+    },
+    equalsIgnoringChildren$1(other) {
+      var t1, t2;
+      if (other instanceof A.ModifiableCssSupportsRule0) {
+        t1 = this.condition;
+        t2 = other.condition;
+        t1 = t1.$ti._is(t2) && J.$eq$(t2.value, t1.value);
+      } else
+        t1 = false;
+      return t1;
+    },
+    copyWithoutChildren$0() {
+      return A.ModifiableCssSupportsRule$0(this.condition, this.span);
+    },
+    get$span(receiver) {
+      return this.span;
+    }
+  };
+  A.SupportsRule0.prototype = {
+    accept$1$1(visitor) {
+      return visitor.visitSupportsRule$1(0, this);
+    },
+    accept$1(visitor) {
+      return this.accept$1$1(visitor, type$.dynamic);
+    },
+    toString$0(_) {
+      return "@supports " + this.condition.toString$0(0) + " {" + B.JSArray_methods.join$1(this.children, " ") + "}";
+    },
+    get$span(receiver) {
+      return this.span;
+    }
+  };
+  A.JSToDartImporter.prototype = {
+    canonicalize$1(_, url) {
+      var t1,
+        result = A.wrapJSExceptions(new A.JSToDartImporter_canonicalize_closure(this, url));
+      if (result == null)
+        return null;
+      t1 = self.URL;
+      if (result instanceof t1)
+        return A.Uri_parse(J.toString$0$(type$.JSUrl._as(result)));
+      t1 = self.Promise;
+      if (result instanceof t1)
+        A.jsThrow(new self.Error("The canonicalize() function can't return a Promise for synchronous compile functions."));
+      else
+        A.jsThrow(new self.Error(string$.The_ca));
+    },
+    load$1(_, url) {
+      var t1, contents, syntax, t2,
+        result = A.wrapJSExceptions(new A.JSToDartImporter_load_closure(this, url));
+      if (result == null)
+        return null;
+      t1 = self.Promise;
+      if (result instanceof t1)
+        A.jsThrow(new self.Error("The load() function can't return a Promise for synchronous compile functions."));
+      type$.JSImporterResult._as(result);
+      t1 = J.getInterceptor$x(result);
+      contents = t1.get$contents(result);
+      if (A._asString(new self.Function("value", "return typeof value").call$1(contents)) !== "string")
+        A.jsThrow(new A.ArgumentError(true, contents, "contents", "must be a string but was: " + A.jsType(contents)));
+      syntax = t1.get$syntax(result);
+      if (contents == null || syntax == null)
+        A.jsThrow(new self.Error(string$.The_lo));
+      t2 = A.parseSyntax(syntax);
+      return A.ImporterResult$(contents, A.NullableExtension_andThen0(t1.get$sourceMapUrl(result), A.utils3__jsToDartUrl$closure()), t2);
+    },
+    isNonCanonicalScheme$1(scheme) {
+      return this._sync$_nonCanonicalSchemes.contains$1(0, scheme);
+    }
+  };
+  A.JSToDartImporter_canonicalize_closure.prototype = {
+    call$0() {
+      return this.$this._sync$_canonicalize.call$2(this.url.toString$0(0), A.canonicalizeContext0());
+    },
+    $signature: 37
+  };
+  A.JSToDartImporter_load_closure.prototype = {
+    call$0() {
+      return this.$this._sync$_load.call$1(new self.URL(this.url.toString$0(0)));
+    },
+    $signature: 37
+  };
+  A.Syntax0.prototype = {
+    _enumToString$0() {
+      return "Syntax." + this._name;
+    },
+    toString$0(_) {
+      return this._syntax0$_name;
+    }
+  };
+  A.TypeSelector0.prototype = {
+    get$specificity() {
+      return 1;
+    },
+    accept$1$1(visitor) {
+      return visitor.visitTypeSelector$1(this);
+    },
+    accept$1(visitor) {
+      return this.accept$1$1(visitor, type$.dynamic);
+    },
+    addSuffix$1(suffix) {
+      var t1 = this.name;
+      return new A.TypeSelector0(new A.QualifiedName0(t1.name + suffix, t1.namespace), this.span);
+    },
+    unify$1(compound) {
+      var unified, t1,
+        _0_0 = A.IterableExtensions_get_firstOrNull(compound);
+      if (_0_0 instanceof A.UniversalSelector0 || _0_0 instanceof A.TypeSelector0) {
+        unified = A.unifyUniversalAndElement0(this, B.JSArray_methods.get$first(compound));
+        if (unified == null)
+          return null;
+        t1 = A._setArrayType([unified], type$.JSArray_SimpleSelector_2);
+        B.JSArray_methods.addAll$1(t1, A.SubListIterable$(compound, 1, null, A._arrayInstanceType(compound)._precomputed1));
+        return t1;
+      } else {
+        t1 = A._setArrayType([this], type$.JSArray_SimpleSelector_2);
+        B.JSArray_methods.addAll$1(t1, compound);
+        return t1;
+      }
+    },
+    isSuperselector$1(other) {
+      var t1, t2, t3;
+      if (!this.super$SimpleSelector$isSuperselector0(other)) {
+        t1 = false;
+        if (other instanceof A.TypeSelector0) {
+          t2 = this.name;
+          t3 = other.name;
+          if (t2.name === t3.name) {
+            t1 = t2.namespace;
+            t1 = t1 === "*" || t1 == t3.namespace;
+          }
+        }
+      } else
+        t1 = true;
+      return t1;
+    },
+    $eq(_, other) {
+      if (other == null)
+        return false;
+      return other instanceof A.TypeSelector0 && other.name.$eq(0, this.name);
+    },
+    get$hashCode(_) {
+      var t1 = this.name;
+      return B.JSString_methods.get$hashCode(t1.name) ^ J.get$hashCode$(t1.namespace);
+    }
+  };
+  A.Types.prototype = {};
+  A.UnaryOperationExpression0.prototype = {
+    accept$1$1(visitor) {
+      return visitor.visitUnaryOperationExpression$1(0, this);
+    },
+    accept$1(visitor) {
+      return this.accept$1$1(visitor, type$.dynamic);
+    },
+    toString$0(_) {
+      var operand,
+        t1 = this.operator,
+        t2 = t1.operator;
+      t1 = t1 === B.UnaryOperator_not_not_not0 ? t2 + A.Primitives_stringFromCharCode(32) : t2;
+      operand = this.operand;
+      $label0$0: {
+        t2 = true;
+        if (!(operand instanceof A.BinaryOperationExpression0))
+          if (!(operand instanceof A.UnaryOperationExpression0))
+            t2 = operand instanceof A.ListExpression0 && !operand.hasBrackets && operand.contents.length >= 2;
+        break $label0$0;
+      }
+      if (t2)
+        t1 += "40";
+      t1 += operand.toString$0(0);
+      if (t2)
+        t1 += "41";
+      return t1.charCodeAt(0) == 0 ? t1 : t1;
+    },
+    get$span(receiver) {
+      return this.span;
+    }
+  };
+  A.UnaryOperator0.prototype = {
+    _enumToString$0() {
+      return "UnaryOperator." + this._name;
+    },
+    toString$0(_) {
+      return this.name;
+    }
+  };
+  A.UnitlessSassNumber0.prototype = {
+    get$numeratorUnits(_) {
+      return B.List_empty;
+    },
+    get$denominatorUnits(_) {
+      return B.List_empty;
+    },
+    get$hasUnits() {
+      return false;
+    },
+    get$hasComplexUnits() {
+      return false;
+    },
+    withValue$1(value) {
+      return new A.UnitlessSassNumber0(value, null);
+    },
+    withSlash$2(numerator, denominator) {
+      return new A.UnitlessSassNumber0(this._number1$_value, new A._Record_2(numerator, denominator));
+    },
+    hasUnit$1(unit) {
+      return false;
+    },
+    hasCompatibleUnits$1(other) {
+      return other instanceof A.UnitlessSassNumber0;
+    },
+    hasPossiblyCompatibleUnits$1(other) {
+      return other instanceof A.UnitlessSassNumber0;
+    },
+    compatibleWithUnit$1(unit) {
+      return true;
+    },
+    coerceToMatch$3(other, $name, otherName) {
+      return other.withValue$1(this._number1$_value);
+    },
+    coerceToMatch$1(other) {
+      return this.coerceToMatch$3(other, null, null);
+    },
+    coerceValueToMatch$3(other, $name, otherName) {
+      return this._number1$_value;
+    },
+    coerceValueToMatch$1(other) {
+      return this.coerceValueToMatch$3(other, null, null);
+    },
+    convertToMatch$3(other, $name, otherName) {
+      return other.get$hasUnits() ? this.super$SassNumber$convertToMatch(other, $name, otherName) : this;
+    },
+    convertValueToMatch$3(other, $name, otherName) {
+      return other.get$hasUnits() ? this.super$SassNumber$convertValueToMatch0(other, $name, otherName) : this._number1$_value;
+    },
+    convertValueToMatch$1(other) {
+      return this.convertValueToMatch$3(other, null, null);
+    },
+    coerce$3(newNumerators, newDenominators, $name) {
+      return A.SassNumber_SassNumber$withUnits0(this._number1$_value, newDenominators, newNumerators);
+    },
+    coerce$2(newNumerators, newDenominators) {
+      return this.coerce$3(newNumerators, newDenominators, null);
+    },
+    coerceValue$3(newNumerators, newDenominators, $name) {
+      return this._number1$_value;
+    },
+    coerceValueToUnit$2(unit, $name) {
+      return this._number1$_value;
+    },
+    coerceValueToUnit$1(unit) {
+      return this.coerceValueToUnit$2(unit, null);
+    },
+    greaterThan$1(other) {
+      var t1, t2;
+      if (other instanceof A.SassNumber0) {
+        t1 = this._number1$_value;
+        t2 = other._number1$_value;
+        return t1 > t2 && !A.fuzzyEquals0(t1, t2) ? B.SassBoolean_true0 : B.SassBoolean_false0;
+      }
+      return this.super$SassNumber$greaterThan0(other);
+    },
+    greaterThanOrEquals$1(other) {
+      var t1, t2;
+      if (other instanceof A.SassNumber0) {
+        t1 = this._number1$_value;
+        t2 = other._number1$_value;
+        return t1 > t2 || A.fuzzyEquals0(t1, t2) ? B.SassBoolean_true0 : B.SassBoolean_false0;
+      }
+      return this.super$SassNumber$greaterThanOrEquals0(other);
+    },
+    lessThan$1(other) {
+      var t1, t2;
+      if (other instanceof A.SassNumber0) {
+        t1 = this._number1$_value;
+        t2 = other._number1$_value;
+        return t1 < t2 && !A.fuzzyEquals0(t1, t2) ? B.SassBoolean_true0 : B.SassBoolean_false0;
+      }
+      return this.super$SassNumber$lessThan0(other);
+    },
+    lessThanOrEquals$1(other) {
+      var t1, t2;
+      if (other instanceof A.SassNumber0) {
+        t1 = this._number1$_value;
+        t2 = other._number1$_value;
+        return t1 < t2 || A.fuzzyEquals0(t1, t2) ? B.SassBoolean_true0 : B.SassBoolean_false0;
+      }
+      return this.super$SassNumber$lessThanOrEquals0(other);
+    },
+    modulo$1(other) {
+      if (other instanceof A.SassNumber0)
+        return other.withValue$1(A.moduloLikeSass0(this._number1$_value, other._number1$_value));
+      return this.super$SassNumber$modulo0(other);
+    },
+    plus$1(other) {
+      if (other instanceof A.SassNumber0)
+        return other.withValue$1(this._number1$_value + other._number1$_value);
+      return this.super$SassNumber$plus0(other);
+    },
+    minus$1(other) {
+      if (other instanceof A.SassNumber0)
+        return other.withValue$1(this._number1$_value - other._number1$_value);
+      return this.super$SassNumber$minus0(other);
+    },
+    times$1(other) {
+      if (other instanceof A.SassNumber0)
+        return other.withValue$1(this._number1$_value * other._number1$_value);
+      return this.super$SassNumber$times0(other);
+    },
+    dividedBy$1(other) {
+      var t1, t2;
+      if (other instanceof A.SassNumber0) {
+        t1 = this._number1$_value / other._number1$_value;
+        if (other.get$hasUnits()) {
+          t2 = other.get$denominatorUnits(other);
+          t2 = A.SassNumber_SassNumber$withUnits0(t1, other.get$numeratorUnits(other), t2);
+          t1 = t2;
+        } else
+          t1 = new A.UnitlessSassNumber0(t1, null);
+        return t1;
+      }
+      return this.super$SassNumber$dividedBy0(other);
+    },
+    unaryMinus$0() {
+      return new A.UnitlessSassNumber0(-this._number1$_value, null);
+    },
+    $eq(_, other) {
+      if (other == null)
+        return false;
+      return other instanceof A.UnitlessSassNumber0 && A.fuzzyEquals0(this._number1$_value, other._number1$_value);
+    },
+    get$hashCode(_) {
+      var t1 = this.hashCache;
+      return t1 == null ? this.hashCache = A.fuzzyHashCode0(this._number1$_value) : t1;
+    }
+  };
+  A.UniversalSelector0.prototype = {
+    get$specificity() {
+      return 0;
+    },
+    accept$1$1(visitor) {
+      return visitor.visitUniversalSelector$1(this);
+    },
+    accept$1(visitor) {
+      return this.accept$1$1(visitor, type$.dynamic);
+    },
+    unify$1(compound) {
+      var _0_4, t1, rest, unified, t2, _this = this, _null = null,
+        _0_1 = compound.length,
+        _0_4_isSet = _0_1 >= 1;
+      if (_0_4_isSet) {
+        _0_4 = compound[0];
+        if (!(_0_4 instanceof A.UniversalSelector0))
+          t1 = _0_4 instanceof A.TypeSelector0;
+        else
+          t1 = true;
+        rest = t1 ? B.JSArray_methods.sublist$1(compound, 1) : _null;
+      } else {
+        rest = _null;
+        _0_4 = rest;
+        t1 = false;
+      }
+      if (t1) {
+        unified = A.unifyUniversalAndElement0(_this, B.JSArray_methods.get$first(compound));
+        if (unified == null)
+          return _null;
+        t1 = A._setArrayType([unified], type$.JSArray_SimpleSelector_2);
+        B.JSArray_methods.addAll$1(t1, rest);
+        return t1;
+      }
+      t1 = false;
+      if (_0_1 === 1) {
+        if (_0_4_isSet)
+          t2 = _0_4;
+        else {
+          _0_4 = compound[0];
+          t2 = _0_4;
+          _0_4_isSet = true;
+        }
+        if (t2 instanceof A.PseudoSelector0) {
+          t2 = _0_4_isSet ? _0_4 : compound[0];
+          type$.PseudoSelector_2._as(t2);
+          t1 = t2.isClass && t2.name === "host" || t2.get$isHostContext();
+        }
+      }
+      if (t1)
+        return _null;
+      if (_0_1 <= 0)
+        return A._setArrayType([_this], type$.JSArray_SimpleSelector_2);
+      t1 = _this.namespace;
+      if (t1 == null || t1 === "*")
+        t1 = compound;
+      else {
+        t1 = A._setArrayType([_this], type$.JSArray_SimpleSelector_2);
+        B.JSArray_methods.addAll$1(t1, compound);
+      }
+      return t1;
+    },
+    isSuperselector$1(other) {
+      var t1 = this.namespace;
+      if (t1 === "*")
+        return true;
+      if (other instanceof A.TypeSelector0)
+        return t1 == other.name.namespace;
+      if (other instanceof A.UniversalSelector0)
+        return t1 == other.namespace;
+      return t1 == null || this.super$SimpleSelector$isSuperselector0(other);
+    },
+    $eq(_, other) {
+      if (other == null)
+        return false;
+      return other instanceof A.UniversalSelector0 && other.namespace == this.namespace;
+    },
+    get$hashCode(_) {
+      return J.get$hashCode$(this.namespace);
+    }
+  };
+  A.UnprefixedMapView0.prototype = {
+    get$keys(_) {
+      return new A._UnprefixedKeys0(this);
+    },
+    $index(_, key) {
+      return typeof key == "string" ? this._unprefixed_map_view0$_map.$index(0, this._unprefixed_map_view0$_prefix + key) : null;
+    },
+    containsKey$1(key) {
+      return typeof key == "string" && this._unprefixed_map_view0$_map.containsKey$1(this._unprefixed_map_view0$_prefix + key);
+    },
+    remove$1(_, key) {
+      var t1 = this._unprefixed_map_view0$_map.remove$1(0, this._unprefixed_map_view0$_prefix + key);
+      return t1;
+    }
+  };
+  A._UnprefixedKeys0.prototype = {
+    get$iterator(_) {
+      var t1 = this._unprefixed_map_view0$_view._unprefixed_map_view0$_map;
+      t1 = t1.get$keys(t1);
+      t1 = t1.where$1(t1, new A._UnprefixedKeys_iterator_closure1(this)).map$1$1(0, new A._UnprefixedKeys_iterator_closure2(this), type$.String);
+      return t1.get$iterator(t1);
+    },
+    contains$1(_, key) {
+      return this._unprefixed_map_view0$_view.containsKey$1(key);
+    }
+  };
+  A._UnprefixedKeys_iterator_closure1.prototype = {
+    call$1(key) {
+      return B.JSString_methods.startsWith$1(key, this.$this._unprefixed_map_view0$_view._unprefixed_map_view0$_prefix);
+    },
+    $signature: 5
+  };
+  A._UnprefixedKeys_iterator_closure2.prototype = {
+    call$1(key) {
+      return B.JSString_methods.substring$1(key, this.$this._unprefixed_map_view0$_view._unprefixed_map_view0$_prefix.length);
+    },
+    $signature: 6
+  };
+  A.JSUrl0.prototype = {};
+  A.UseRule0.prototype = {
+    UseRule$4$configuration0(url, namespace, span, configuration) {
+      var t1, t2, _i, variable;
+      for (t1 = this.configuration, t2 = t1.length, _i = 0; _i < t2; ++_i) {
+        variable = t1[_i];
+        if (variable.isGuarded)
+          throw A.wrapException(A.ArgumentError$value(variable, "configured variable", "can't be guarded in a @use rule."));
+      }
+    },
+    accept$1$1(visitor) {
+      return visitor.visitUseRule$1(0, this);
+    },
+    accept$1(visitor) {
+      return this.accept$1$1(visitor, type$.dynamic);
+    },
+    toString$0(_) {
+      var t1 = this.url,
+        t2 = "@use " + A.StringExpression_quoteText0(t1.toString$0(0)),
+        basename = t1.get$pathSegments().length === 0 ? "" : B.JSArray_methods.get$last(t1.get$pathSegments()),
+        dot = B.JSString_methods.indexOf$1(basename, ".");
+      t1 = this.namespace;
+      if (t1 !== B.JSString_methods.substring$2(basename, 0, dot === -1 ? basename.length : dot))
+        t1 = t2 + (" as " + (t1 == null ? "*" : t1));
+      else
+        t1 = t2;
+      t2 = this.configuration;
+      t1 = (t2.length !== 0 ? t1 + (" with (" + B.JSArray_methods.join$1(t2, ", ") + ")") : t1) + ";";
+      return t1.charCodeAt(0) == 0 ? t1 : t1;
+    },
+    get$span(receiver) {
+      return this.span;
+    }
+  };
+  A.UserDefinedCallable0.prototype = {
+    get$name(_) {
+      return this.declaration.name;
+    },
+    $isAsyncCallable0: 1,
+    $isCallable: 1
+  };
+  A.resolveImportPath_closure1.prototype = {
+    call$0() {
+      return A._exactlyOne0(A._tryPath0($.$get$context().withoutExtension$1(this.path) + ".import" + this.extension));
+    },
+    $signature: 48
+  };
+  A.resolveImportPath_closure2.prototype = {
+    call$0() {
+      return A._exactlyOne0(A._tryPathWithExtensions0(this.path + ".import"));
+    },
+    $signature: 48
+  };
+  A._tryPathAsDirectory_closure0.prototype = {
+    call$0() {
+      return A._exactlyOne0(A._tryPathWithExtensions0(A.join(this.path, "index.import", null)));
+    },
+    $signature: 48
+  };
+  A._exactlyOne_closure0.prototype = {
+    call$1(path) {
+      var t1 = $.$get$context();
+      return "  " + t1.prettyUri$1(t1.toUri$1(path));
+    },
+    $signature: 6
+  };
+  A._PropertyDescriptor0.prototype = {};
+  A.futureToPromise_closure0.prototype = {
+    call$2(resolve, reject) {
+      this.future.then$1$2$onError(0, new A.futureToPromise__closure0(resolve), new A.futureToPromise__closure1(reject), type$.void);
+    },
+    $signature: 617
+  };
+  A.futureToPromise__closure0.prototype = {
+    call$1(result) {
+      return this.resolve.call$1(result);
+    },
+    $signature: 38
+  };
+  A.futureToPromise__closure1.prototype = {
+    call$2(error, stackTrace) {
+      A.attachTrace0(error, stackTrace);
+      this.reject.call$1(error);
+    },
+    $signature: 54
+  };
+  A.objectToMap_closure.prototype = {
+    call$2(key, value) {
+      this.map.$indexSet(0, key, value);
+      return value;
+    },
+    $signature: 132
+  };
+  A._RequireMain0.prototype = {};
+  A.indent_closure0.prototype = {
+    call$1(line) {
+      return B.JSString_methods.$mul(" ", this.indentation) + line;
+    },
+    $signature: 6
+  };
+  A.flattenVertically_closure1.prototype = {
+    call$1(inner) {
+      return A.QueueList_QueueList$from(inner, this.T);
+    },
+    $signature() {
+      return this.T._eval$1("QueueList<0>(Iterable<0>)");
+    }
+  };
+  A.flattenVertically_closure2.prototype = {
+    call$1(queue) {
+      this.result.push(queue.removeFirst$0());
+      return queue.get$length(0) === 0;
+    },
+    $signature() {
+      return this.T._eval$1("bool(QueueList<0>)");
+    }
+  };
+  A.longestCommonSubsequence_backtrack0.prototype = {
+    call$2(i, j) {
+      var selection, t1, _this = this;
+      if (i === -1 || j === -1)
+        return A._setArrayType([], _this.T._eval$1("JSArray<0>"));
+      selection = _this.selections[i][j];
+      if (selection != null) {
+        t1 = _this.call$2(i - 1, j - 1);
+        J.add$1$ax(t1, selection);
+        return t1;
+      }
+      t1 = _this.lengths;
+      return t1[i + 1][j] > t1[i][j + 1] ? _this.call$2(i, j - 1) : _this.call$2(i - 1, j);
+    },
+    $signature() {
+      return this.T._eval$1("List<0>(int,int)");
+    }
+  };
+  A.mapAddAll2_closure0.prototype = {
+    call$2(key, inner) {
+      var t1 = this.destination,
+        _0_0 = t1.$index(0, key);
+      if (_0_0 != null)
+        _0_0.addAll$1(0, inner);
+      else
+        t1.$indexSet(0, key, inner);
+    },
+    $signature() {
+      return this.K1._eval$1("@<0>")._bind$1(this.K2)._bind$1(this.V)._eval$1("~(1,Map<2,3>)");
+    }
+  };
+  A.CssValue0.prototype = {
+    $eq(_, other) {
+      if (other == null)
+        return false;
+      return this.$ti._is(other) && J.$eq$(other.value, this.value);
+    },
+    get$hashCode(_) {
+      return J.get$hashCode$(this.value);
+    },
+    toString$0(_) {
+      return J.toString$0$(this.value);
+    },
+    $isAstNode0: 1,
+    get$span(receiver) {
+      return this.span;
+    }
+  };
+  A.ValueExpression0.prototype = {
+    accept$1$1(visitor) {
+      return visitor.visitValueExpression$1(0, this);
+    },
+    accept$1(visitor) {
+      return this.accept$1$1(visitor, type$.dynamic);
+    },
+    toString$0(_) {
+      return this.value.toString$0(0);
+    },
+    get$span(receiver) {
+      return this.span;
+    }
+  };
+  A.valueClass_closure.prototype = {
+    call$0() {
+      var t2,
+        t1 = type$.JSClass,
+        jsClass = t1._as(self.Object.getPrototypeOf(J.get$$prototype$x(t1._as(B.C__SassNull0.constructor))).constructor);
+      A.JSClassExtension_setCustomInspect(jsClass, new A.valueClass__closure());
+      t1 = type$.String;
+      t2 = type$.Function;
+      A.LinkedHashMap_LinkedHashMap$_literal(["asList", new A.valueClass__closure0(), "hasBrackets", new A.valueClass__closure1(), "isTruthy", new A.valueClass__closure2(), "realNull", new A.valueClass__closure3(), "separator", new A.valueClass__closure4()], t1, t2).forEach$1(0, A.JSClassExtension_get_defineGetter(jsClass));
+      A.LinkedHashMap_LinkedHashMap$_literal(["sassIndexToListIndex", new A.valueClass__closure5(), "get", new A.valueClass__closure6(), "assertBoolean", new A.valueClass__closure7(), "assertCalculation", new A.valueClass__closure8(), "assertColor", new A.valueClass__closure9(), "assertFunction", new A.valueClass__closure10(), "assertMap", new A.valueClass__closure11(), "assertMixin", new A.valueClass__closure12(), "assertNumber", new A.valueClass__closure13(), "assertString", new A.valueClass__closure14(), "tryMap", new A.valueClass__closure15(), "equals", new A.valueClass__closure16(), "hashCode", new A.valueClass__closure17(), "toString", new A.valueClass__closure18()], t1, t2).forEach$1(0, A.JSClassExtension_get_defineMethod(jsClass));
+      return jsClass;
+    },
+    $signature: 16
+  };
+  A.valueClass__closure.prototype = {
+    call$1($self) {
+      return J.toString$0$($self);
+    },
+    $signature: 117
+  };
+  A.valueClass__closure0.prototype = {
+    call$1($self) {
+      return new self.immutable.List($self.get$asList());
+    },
+    $signature: 618
+  };
+  A.valueClass__closure1.prototype = {
+    call$1($self) {
+      return $self.get$hasBrackets();
+    },
+    $signature: 52
+  };
+  A.valueClass__closure2.prototype = {
+    call$1($self) {
+      return $self.get$isTruthy();
+    },
+    $signature: 52
+  };
+  A.valueClass__closure3.prototype = {
+    call$1($self) {
+      return $self.get$realNull();
+    },
+    $signature: 228
+  };
+  A.valueClass__closure4.prototype = {
+    call$1($self) {
+      return $self.get$separator($self).separator;
+    },
+    $signature: 619
+  };
+  A.valueClass__closure5.prototype = {
+    call$3($self, sassIndex, $name) {
+      return $self.sassIndexToListIndex$2(sassIndex, $name);
+    },
+    call$2($self, sassIndex) {
+      return this.call$3($self, sassIndex, null);
+    },
+    "call*": "call$3",
+    $requiredArgCount: 2,
+    $defaultValues() {
+      return [null];
+    },
+    $signature: 620
+  };
+  A.valueClass__closure6.prototype = {
+    call$2($self, index) {
+      return index < 1 && index >= -1 ? $self : self.undefined;
+    },
+    $signature: 240
+  };
+  A.valueClass__closure7.prototype = {
+    call$2($self, $name) {
+      return $self.assertBoolean$1($name);
+    },
+    call$1($self) {
+      return this.call$2($self, null);
+    },
+    "call*": "call$2",
+    $requiredArgCount: 1,
+    $defaultValues() {
+      return [null];
+    },
+    $signature: 621
+  };
+  A.valueClass__closure8.prototype = {
+    call$2($self, $name) {
+      return $self.assertCalculation$1($name);
+    },
+    call$1($self) {
+      return this.call$2($self, null);
+    },
+    "call*": "call$2",
+    $requiredArgCount: 1,
+    $defaultValues() {
+      return [null];
+    },
+    $signature: 622
+  };
+  A.valueClass__closure9.prototype = {
+    call$2($self, $name) {
+      return $self.assertColor$1($name);
+    },
+    call$1($self) {
+      return this.call$2($self, null);
+    },
+    "call*": "call$2",
+    $requiredArgCount: 1,
+    $defaultValues() {
+      return [null];
+    },
+    $signature: 623
+  };
+  A.valueClass__closure10.prototype = {
+    call$2($self, $name) {
+      return $self.assertFunction$1($name);
+    },
+    call$1($self) {
+      return this.call$2($self, null);
+    },
+    "call*": "call$2",
+    $requiredArgCount: 1,
+    $defaultValues() {
+      return [null];
+    },
+    $signature: 624
+  };
+  A.valueClass__closure11.prototype = {
+    call$2($self, $name) {
+      return $self.assertMap$1($name);
+    },
+    call$1($self) {
+      return this.call$2($self, null);
+    },
+    "call*": "call$2",
+    $requiredArgCount: 1,
+    $defaultValues() {
+      return [null];
+    },
+    $signature: 625
+  };
+  A.valueClass__closure12.prototype = {
+    call$2($self, $name) {
+      return $self.assertMixin$1($name);
+    },
+    call$1($self) {
+      return this.call$2($self, null);
+    },
+    "call*": "call$2",
+    $requiredArgCount: 1,
+    $defaultValues() {
+      return [null];
+    },
+    $signature: 626
+  };
+  A.valueClass__closure13.prototype = {
+    call$2($self, $name) {
+      return $self.assertNumber$1($name);
+    },
+    call$1($self) {
+      return this.call$2($self, null);
+    },
+    "call*": "call$2",
+    $requiredArgCount: 1,
+    $defaultValues() {
+      return [null];
+    },
+    $signature: 627
+  };
+  A.valueClass__closure14.prototype = {
+    call$2($self, $name) {
+      return $self.assertString$1($name);
+    },
+    call$1($self) {
+      return this.call$2($self, null);
+    },
+    "call*": "call$2",
+    $requiredArgCount: 1,
+    $defaultValues() {
+      return [null];
+    },
+    $signature: 628
+  };
+  A.valueClass__closure15.prototype = {
+    call$1($self) {
+      return $self.tryMap$0();
+    },
+    $signature: 629
+  };
+  A.valueClass__closure16.prototype = {
+    call$2($self, other) {
+      return $self.$eq(0, other);
+    },
+    $signature: 630
+  };
+  A.valueClass__closure17.prototype = {
+    call$2($self, _) {
+      return $self.get$hashCode($self);
+    },
+    call$1($self) {
+      return this.call$2($self, null);
+    },
+    "call*": "call$2",
+    $requiredArgCount: 1,
+    $defaultValues() {
+      return [null];
+    },
+    $signature: 631
+  };
+  A.valueClass__closure18.prototype = {
+    call$1($self) {
+      return $self.toString$0(0);
+    },
+    $signature: 209
+  };
+  A.Value0.prototype = {
+    get$isTruthy() {
+      return true;
+    },
+    get$separator(_) {
+      return B.ListSeparator_undecided_null_undecided0;
+    },
+    get$hasBrackets() {
+      return false;
+    },
+    get$asList() {
+      return A._setArrayType([this], type$.JSArray_Value_2);
+    },
+    get$lengthAsList() {
+      return 1;
+    },
+    get$isBlank() {
+      return false;
+    },
+    get$isSpecialNumber() {
+      return false;
+    },
+    get$isVar() {
+      return false;
+    },
+    get$realNull() {
+      return this;
+    },
+    sassIndexToListIndex$2(sassIndex, $name) {
+      var t1, index,
+        indexValue = sassIndex.assertNumber$1($name);
+      if (indexValue.get$hasUnits()) {
+        t1 = indexValue.get$unitString();
+        A.warnForDeprecation0("$" + A.S($name) + ": Passing a number with unit " + t1 + string$.x20is_de + indexValue.unitSuggestion$1($name == null ? "index" : $name) + string$.x0a_Morex3af, B.Deprecation_kQr);
+      }
+      index = indexValue.assertInt$1($name);
+      if (index === 0)
+        throw A.wrapException(A.SassScriptException$0("List index may not be 0.", $name));
+      if (Math.abs(index) > this.get$lengthAsList())
+        throw A.wrapException(A.SassScriptException$0("Invalid index " + sassIndex.toString$0(0) + " for a list with " + this.get$lengthAsList() + " elements.", $name));
+      return index < 0 ? this.get$lengthAsList() + index : index - 1;
+    },
+    assertBoolean$1($name) {
+      return A.throwExpression(A.SassScriptException$0(this.toString$0(0) + " is not a boolean.", $name));
+    },
+    assertCalculation$1($name) {
+      return A.throwExpression(A.SassScriptException$0(this.toString$0(0) + " is not a calculation.", $name));
+    },
+    assertColor$1($name) {
+      return A.throwExpression(A.SassScriptException$0(this.toString$0(0) + " is not a color.", $name));
+    },
+    assertFunction$1($name) {
+      return A.throwExpression(A.SassScriptException$0(this.toString$0(0) + " is not a function reference.", $name));
+    },
+    assertMixin$1($name) {
+      return A.throwExpression(A.SassScriptException$0(this.toString$0(0) + " is not a mixin reference.", $name));
+    },
+    assertMap$1($name) {
+      return A.throwExpression(A.SassScriptException$0(this.toString$0(0) + " is not a map.", $name));
+    },
+    tryMap$0() {
+      return null;
+    },
+    assertNumber$1($name) {
+      return A.throwExpression(A.SassScriptException$0(this.toString$0(0) + " is not a number.", $name));
+    },
+    assertNumber$0() {
+      return this.assertNumber$1(null);
+    },
+    assertString$1($name) {
+      return A.throwExpression(A.SassScriptException$0(this.toString$0(0) + " is not a string.", $name));
+    },
+    assertCommonListStyle$2$allowSlash($name, allowSlash) {
+      var invalidSeparator, buffer, t1, _this = this,
+        _s8_ = "Expected",
+        _s23_ = "Expected an unbracketed";
+      if (_this.get$separator(_this) !== B.ListSeparator_qVN0)
+        invalidSeparator = !allowSlash && _this.get$separator(_this) === B.ListSeparator_bRz0;
+      else
+        invalidSeparator = true;
+      if (!invalidSeparator && !_this.get$hasBrackets())
+        return _this.get$asList();
+      buffer = new A.StringBuffer(_s8_);
+      if (_this.get$hasBrackets()) {
+        buffer._contents = _s23_;
+        t1 = _s23_;
+      } else
+        t1 = _s8_;
+      if (invalidSeparator) {
+        t1 += _this.get$hasBrackets() ? "," : " a";
+        buffer._contents = t1;
+        t1 = buffer._contents = t1 + " space-";
+        t1 = buffer._contents = (allowSlash ? buffer._contents = t1 + " or slash-" : t1) + "separated";
+      }
+      buffer._contents = t1 + (" list, was " + _this.toString$0(0));
+      throw A.wrapException(A.SassScriptException$0(buffer.toString$0(0), $name));
+    },
+    _value$_selectorString$1($name) {
+      var _0_0 = this._value$_selectorStringOrNull$0();
+      if (_0_0 != null)
+        return _0_0;
+      throw A.wrapException(A.SassScriptException$0(this.toString$0(0) + string$.x20is_noav, $name));
+    },
+    _value$_selectorStringOrNull$0() {
+      var t1, t2, result, _1_0, _i, complex, string, compound, _this = this, _null = null;
+      if (_this instanceof A.SassString0)
+        return _this._string0$_text;
+      if (!(_this instanceof A.SassList0))
+        return _null;
+      t1 = _this._list1$_contents;
+      t2 = t1.length;
+      if (t2 === 0)
+        return _null;
+      result = A._setArrayType([], type$.JSArray_String);
+      $label0$1: {
+        _1_0 = _this._list1$_separator;
+        if (B.ListSeparator_qVN0 === _1_0) {
+          for (_i = 0; _i < t2; ++_i) {
+            complex = t1[_i];
+            if (complex instanceof A.SassString0) {
+              result.push(complex._string0$_text);
+              continue;
+            }
+            if (complex instanceof A.SassList0 && B.ListSeparator_qSL0 === complex._list1$_separator) {
+              string = complex._value$_selectorStringOrNull$0();
+              if (string == null)
+                return _null;
+              result.push(string);
+              continue;
+            }
+            return _null;
+          }
+          break $label0$1;
+        }
+        if (B.ListSeparator_bRz0 === _1_0)
+          return _null;
+        for (_i = 0; _i < t2; ++_i) {
+          compound = t1[_i];
+          if (!(compound instanceof A.SassString0))
+            return _null;
+          result.push(compound._string0$_text);
+        }
+      }
+      return B.JSArray_methods.join$1(result, _1_0 === B.ListSeparator_qVN0 ? ", " : " ");
+    },
+    withListContents$2$separator(contents, separator) {
+      var t1 = separator == null ? this.get$separator(this) : separator,
+        t2 = this.get$hasBrackets();
+      return A.SassList$0(contents, t1, t2);
+    },
+    withListContents$1(contents) {
+      return this.withListContents$2$separator(contents, null);
+    },
+    greaterThan$1(other) {
+      return A.throwExpression(A.SassScriptException$0('Undefined operation "' + this.toString$0(0) + " > " + other.toString$0(0) + '".', null));
+    },
+    greaterThanOrEquals$1(other) {
+      return A.throwExpression(A.SassScriptException$0('Undefined operation "' + this.toString$0(0) + " >= " + other.toString$0(0) + '".', null));
+    },
+    lessThan$1(other) {
+      return A.throwExpression(A.SassScriptException$0('Undefined operation "' + this.toString$0(0) + " < " + other.toString$0(0) + '".', null));
+    },
+    lessThanOrEquals$1(other) {
+      return A.throwExpression(A.SassScriptException$0('Undefined operation "' + this.toString$0(0) + " <= " + other.toString$0(0) + '".', null));
+    },
+    times$1(other) {
+      return A.throwExpression(A.SassScriptException$0('Undefined operation "' + this.toString$0(0) + " * " + other.toString$0(0) + '".', null));
+    },
+    modulo$1(other) {
+      return A.throwExpression(A.SassScriptException$0('Undefined operation "' + this.toString$0(0) + " % " + other.toString$0(0) + '".', null));
+    },
+    plus$1(other) {
+      var t1;
+      $label0$0: {
+        if (other instanceof A.SassString0) {
+          t1 = new A.SassString0(A.serializeValue0(this, false, true) + other._string0$_text, other._string0$_hasQuotes);
+          break $label0$0;
+        }
+        if (other instanceof A.SassCalculation0)
+          A.throwExpression(A.SassScriptException$0('Undefined operation "' + this.toString$0(0) + " + " + other.toString$0(0) + '".', null));
+        t1 = new A.SassString0(A.serializeValue0(this, false, true) + A.serializeValue0(other, false, true), false);
+        break $label0$0;
+      }
+      return t1;
+    },
+    minus$1(other) {
+      return other instanceof A.SassCalculation0 ? A.throwExpression(A.SassScriptException$0('Undefined operation "' + this.toString$0(0) + " - " + other.toString$0(0) + '".', null)) : new A.SassString0(A.serializeValue0(this, false, true) + "-" + A.serializeValue0(other, false, true), false);
+    },
+    dividedBy$1(other) {
+      return new A.SassString0(A.serializeValue0(this, false, true) + "/" + A.serializeValue0(other, false, true), false);
+    },
+    unaryPlus$0() {
+      return new A.SassString0("+" + A.serializeValue0(this, false, true), false);
+    },
+    unaryMinus$0() {
+      return new A.SassString0("-" + A.serializeValue0(this, false, true), false);
+    },
+    unaryNot$0() {
+      return B.SassBoolean_false0;
+    },
+    withoutSlash$0() {
+      return this;
+    },
+    toCssString$1$quote(quote) {
+      return A.serializeValue0(this, false, quote);
+    },
+    toCssString$0() {
+      return this.toCssString$1$quote(true);
+    },
+    toString$0(_) {
+      return A.serializeValue0(this, true, true);
+    }
+  };
+  A.VariableExpression0.prototype = {
+    accept$1$1(visitor) {
+      return visitor.visitVariableExpression$1(0, this);
+    },
+    accept$1(visitor) {
+      return this.accept$1$1(visitor, type$.dynamic);
+    },
+    toString$0(_) {
+      var t1 = this.span;
+      return A.String_String$fromCharCodes(B.NativeUint32List_methods.sublist$2(t1.file._decodedChars, t1._file$_start, t1._end), 0, null);
+    },
+    get$span(receiver) {
+      return this.span;
+    }
+  };
+  A.VariableDeclaration0.prototype = {
+    accept$1$1(visitor) {
+      return visitor.visitVariableDeclaration$1(0, this);
+    },
+    accept$1(visitor) {
+      return this.accept$1$1(visitor, type$.dynamic);
+    },
+    toString$0(_) {
+      var t1 = this.namespace;
+      t1 = t1 != null ? t1 + "." : "";
+      t1 += "$" + this.name + ": " + this.expression.toString$0(0) + ";";
+      return t1.charCodeAt(0) == 0 ? t1 : t1;
+    },
+    get$span(receiver) {
+      return this.span;
+    }
+  };
+  A.WarnRule0.prototype = {
+    accept$1$1(visitor) {
+      return visitor.visitWarnRule$1(0, this);
+    },
+    accept$1(visitor) {
+      return this.accept$1$1(visitor, type$.dynamic);
+    },
+    toString$0(_) {
+      return "@warn " + this.expression.toString$0(0) + ";";
+    },
+    get$span(receiver) {
+      return this.span;
+    }
+  };
+  A.WhileRule0.prototype = {
+    accept$1$1(visitor) {
+      return visitor.visitWhileRule$1(0, this);
+    },
+    accept$1(visitor) {
+      return this.accept$1$1(visitor, type$.dynamic);
+    },
+    toString$0(_) {
+      return "@while " + this.condition.toString$0(0) + " {" + B.JSArray_methods.join$1(this.children, " ") + "}";
+    },
+    get$span(receiver) {
+      return this.span;
+    }
+  };
+  A.XyzD50ColorSpace0.prototype = {
+    get$isBoundedInternal() {
+      return false;
+    },
+    convert$10$missingA$missingB$missingChroma$missingHue$missingLightness(dest, x, y, z, alpha, missingA, missingB, missingChroma, missingHue, missingLightness) {
+      var f0, f1, f2, lightness, a, b, t1, _this = this, _null = null;
+      if (B.LabColorSpace_2nT0 === dest || B.LchColorSpace_Bpv0 === dest) {
+        f0 = _this._xyz_d50$_convertComponentToLabF$1((x == null ? 0 : x) / 0.9642956764295677);
+        f1 = _this._xyz_d50$_convertComponentToLabF$1((y == null ? 0 : y) / 1);
+        f2 = _this._xyz_d50$_convertComponentToLabF$1((z == null ? 0 : z) / 0.8251046025104602);
+        lightness = missingLightness ? _null : 116 * f1 - 16;
+        a = 500 * (f0 - f1);
+        b = 200 * (f1 - f2);
+        if (dest === B.LabColorSpace_2nT0) {
+          t1 = missingA ? _null : a;
+          t1 = A.SassColor$_forSpace0(B.LabColorSpace_2nT0, lightness, t1, missingB ? _null : b, alpha, _null);
+        } else
+          t1 = A.labToLch0(B.LchColorSpace_Bpv0, lightness, a, b, alpha, missingChroma, missingHue);
+        return t1;
+      }
+      return _this.super$ColorSpace$convertLinear0(dest, x, y, z, alpha, missingA, missingB, missingChroma, missingHue, missingLightness);
+    },
+    convert$5(dest, x, y, z, alpha) {
+      return this.convert$10$missingA$missingB$missingChroma$missingHue$missingLightness(dest, x, y, z, alpha, false, false, false, false, false);
+    },
+    _xyz_d50$_convertComponentToLabF$1(component) {
+      return component > 0.008856451679035631 ? Math.pow(component, 0.3333333333333333) + 0 : (903.2962962962963 * component + 16) / 116;
+    },
+    toLinear$1(channel) {
+      return channel;
+    },
+    fromLinear$1(channel) {
+      return channel;
+    },
+    transformationMatrix$1(dest) {
+      var t1;
+      $label0$0: {
+        if (B.SrgbLinearColorSpace_kUj0 === dest || B.SrgbColorSpace_thf0 === dest || B.RgbColorSpace_i0P0 === dest) {
+          t1 = $.$get$xyzD50ToLinearSrgb0();
+          break $label0$0;
+        }
+        if (B.A98RgbColorSpace_lf20 === dest) {
+          t1 = $.$get$xyzD50ToLinearA98Rgb0();
+          break $label0$0;
+        }
+        if (B.ProphotoRgbColorSpace_BDz0 === dest) {
+          t1 = $.$get$xyzD50ToLinearProphotoRgb0();
+          break $label0$0;
+        }
+        if (B.DisplayP3ColorSpace_MmT0 === dest) {
+          t1 = $.$get$xyzD50ToLinearDisplayP30();
+          break $label0$0;
+        }
+        if (B.Rec2020ColorSpace_6oo0 === dest) {
+          t1 = $.$get$xyzD50ToLinearRec20200();
+          break $label0$0;
+        }
+        if (B.XyzD65ColorSpace_WiJ0 === dest) {
+          t1 = $.$get$xyzD50ToXyzD650();
+          break $label0$0;
+        }
+        if (B.LmsColorSpace_Os30 === dest) {
+          t1 = $.$get$xyzD50ToLms0();
+          break $label0$0;
+        }
+        t1 = this.super$ColorSpace$transformationMatrix0(dest);
+        break $label0$0;
+      }
+      return t1;
+    }
+  };
+  A.XyzD65ColorSpace0.prototype = {
+    get$isBoundedInternal() {
+      return false;
+    },
+    toLinear$1(channel) {
+      return channel;
+    },
+    fromLinear$1(channel) {
+      return channel;
+    },
+    transformationMatrix$1(dest) {
+      var t1;
+      $label0$0: {
+        if (B.SrgbLinearColorSpace_kUj0 === dest || B.SrgbColorSpace_thf0 === dest || B.RgbColorSpace_i0P0 === dest) {
+          t1 = $.$get$xyzD65ToLinearSrgb0();
+          break $label0$0;
+        }
+        if (B.A98RgbColorSpace_lf20 === dest) {
+          t1 = $.$get$xyzD65ToLinearA98Rgb0();
+          break $label0$0;
+        }
+        if (B.ProphotoRgbColorSpace_BDz0 === dest) {
+          t1 = $.$get$xyzD65ToLinearProphotoRgb0();
+          break $label0$0;
+        }
+        if (B.DisplayP3ColorSpace_MmT0 === dest) {
+          t1 = $.$get$xyzD65ToLinearDisplayP30();
+          break $label0$0;
+        }
+        if (B.Rec2020ColorSpace_6oo0 === dest) {
+          t1 = $.$get$xyzD65ToLinearRec20200();
+          break $label0$0;
+        }
+        if (B.XyzD50ColorSpace_2OB0 === dest) {
+          t1 = $.$get$xyzD65ToXyzD500();
+          break $label0$0;
+        }
+        if (B.LmsColorSpace_Os30 === dest) {
+          t1 = $.$get$xyzD65ToLms0();
+          break $label0$0;
+        }
+        t1 = this.super$ColorSpace$transformationMatrix0(dest);
+        break $label0$0;
+      }
+      return t1;
+    }
+  };
+  (function aliases() {
+    var _ = J.LegacyJavaScriptObject.prototype;
+    _.super$LegacyJavaScriptObject$toString = _.toString$0;
+    _ = A.JsLinkedHashMap.prototype;
+    _.super$JsLinkedHashMap$internalContainsKey = _.internalContainsKey$1;
+    _.super$JsLinkedHashMap$internalGet = _.internalGet$1;
+    _.super$JsLinkedHashMap$internalSet = _.internalSet$2;
+    _.super$JsLinkedHashMap$internalRemove = _.internalRemove$1;
+    _ = A._BufferingStreamSubscription.prototype;
+    _.super$_BufferingStreamSubscription$_add = _._async$_add$1;
+    _.super$_BufferingStreamSubscription$_addError = _._addError$2;
+    _ = A.ListBase.prototype;
+    _.super$ListBase$setRange = _.setRange$4;
+    _ = A.Iterable.prototype;
+    _.super$Iterable$where = _.where$1;
+    _.super$Iterable$skipWhile = _.skipWhile$1;
+    _ = A.ModifiableCssParentNode.prototype;
+    _.super$ModifiableCssParentNode$addChild = _.addChild$1;
+    _ = A.SimpleSelector.prototype;
+    _.super$SimpleSelector$addSuffix = _.addSuffix$1;
+    _.super$SimpleSelector$unify = _.unify$1;
+    _.super$SimpleSelector$isSuperselector = _.isSuperselector$1;
+    _ = A.Parser.prototype;
+    _.super$Parser$silentComment = _.silentComment$0;
+    _ = A.StylesheetParser.prototype;
+    _.super$StylesheetParser$importArgument = _.importArgument$0;
+    _.super$StylesheetParser$namespacedExpression = _.namespacedExpression$2;
+    _ = A.Value.prototype;
+    _.super$Value$assertMap = _.assertMap$1;
+    _.super$Value$plus = _.plus$1;
+    _.super$Value$minus = _.minus$1;
+    _.super$Value$dividedBy = _.dividedBy$1;
+    _.super$Value$toString = _.toString$0;
+    _ = A.ColorSpace.prototype;
+    _.super$ColorSpace$convert = _.convert$5;
+    _.super$ColorSpace$convertLinear = _.convertLinear$10$missingA$missingB$missingChroma$missingHue$missingLightness;
+    _.super$ColorSpace$transformationMatrix = _.transformationMatrix$1;
+    _ = A.SassNumber.prototype;
+    _.super$SassNumber$convertValueToMatch = _.convertValueToMatch$3;
+    _.super$SassNumber$coerce = _.coerce$3;
+    _.super$SassNumber$coerceValue = _.coerceValue$3;
+    _.super$SassNumber$coerceValueToUnit = _.coerceValueToUnit$2;
+    _.super$SassNumber$coerceToMatch = _.coerceToMatch$3;
+    _.super$SassNumber$coerceValueToMatch = _.coerceValueToMatch$3;
+    _.super$SassNumber$greaterThan = _.greaterThan$1;
+    _.super$SassNumber$greaterThanOrEquals = _.greaterThanOrEquals$1;
+    _.super$SassNumber$lessThan = _.lessThan$1;
+    _.super$SassNumber$lessThanOrEquals = _.lessThanOrEquals$1;
+    _.super$SassNumber$modulo = _.modulo$1;
+    _.super$SassNumber$plus = _.plus$1;
+    _.super$SassNumber$minus = _.minus$1;
+    _.super$SassNumber$times = _.times$1;
+    _.super$SassNumber$dividedBy = _.dividedBy$1;
+    _ = A.AnySelectorVisitor.prototype;
+    _.super$AnySelectorVisitor$visitComplexSelector = _.visitComplexSelector$1;
+    _ = A.EveryCssVisitor.prototype;
+    _.super$EveryCssVisitor$visitCssStyleRule = _.visitCssStyleRule$1;
+    _ = A.ReplaceExpressionVisitor.prototype;
+    _.super$ReplaceExpressionVisitor$visitBinaryOperationExpression = _.visitBinaryOperationExpression$1;
+    _.super$ReplaceExpressionVisitor$visitUnaryOperationExpression = _.visitUnaryOperationExpression$1;
+    _ = A.SourceSpanMixin.prototype;
+    _.super$SourceSpanMixin$compareTo = _.compareTo$1;
+    _.super$SourceSpanMixin$$eq = _.$eq;
+    _ = A.StringScanner.prototype;
+    _.super$StringScanner$readChar = _.readChar$0;
+    _.super$StringScanner$scanChar = _.scanChar$1;
+    _.super$StringScanner$scan = _.scan$1;
+    _.super$StringScanner$matches = _.matches$1;
+    _ = A.AnySelectorVisitor0.prototype;
+    _.super$AnySelectorVisitor$visitComplexSelector0 = _.visitComplexSelector$1;
+    _ = A.EveryCssVisitor0.prototype;
+    _.super$EveryCssVisitor$visitCssStyleRule0 = _.visitCssStyleRule$1;
+    _ = A.ModifiableCssParentNode0.prototype;
+    _.super$ModifiableCssParentNode$addChild0 = _.addChild$1;
+    _ = A.SassNumber0.prototype;
+    _.super$SassNumber$convertToMatch = _.convertToMatch$3;
+    _.super$SassNumber$convertValueToMatch0 = _.convertValueToMatch$3;
+    _.super$SassNumber$coerce0 = _.coerce$3;
+    _.super$SassNumber$coerceValue0 = _.coerceValue$3;
+    _.super$SassNumber$coerceValueToUnit0 = _.coerceValueToUnit$2;
+    _.super$SassNumber$coerceToMatch0 = _.coerceToMatch$3;
+    _.super$SassNumber$coerceValueToMatch0 = _.coerceValueToMatch$3;
+    _.super$SassNumber$greaterThan0 = _.greaterThan$1;
+    _.super$SassNumber$greaterThanOrEquals0 = _.greaterThanOrEquals$1;
+    _.super$SassNumber$lessThan0 = _.lessThan$1;
+    _.super$SassNumber$lessThanOrEquals0 = _.lessThanOrEquals$1;
+    _.super$SassNumber$modulo0 = _.modulo$1;
+    _.super$SassNumber$plus0 = _.plus$1;
+    _.super$SassNumber$minus0 = _.minus$1;
+    _.super$SassNumber$times0 = _.times$1;
+    _.super$SassNumber$dividedBy0 = _.dividedBy$1;
+    _ = A.Parser1.prototype;
+    _.super$Parser$silentComment0 = _.silentComment$0;
+    _ = A.ReplaceExpressionVisitor0.prototype;
+    _.super$ReplaceExpressionVisitor$visitBinaryOperationExpression0 = _.visitBinaryOperationExpression$1;
+    _.super$ReplaceExpressionVisitor$visitUnaryOperationExpression0 = _.visitUnaryOperationExpression$1;
+    _ = A.SimpleSelector0.prototype;
+    _.super$SimpleSelector$addSuffix0 = _.addSuffix$1;
+    _.super$SimpleSelector$unify0 = _.unify$1;
+    _.super$SimpleSelector$isSuperselector0 = _.isSuperselector$1;
+    _ = A.ColorSpace0.prototype;
+    _.super$ColorSpace$convert0 = _.convert$5;
+    _.super$ColorSpace$convertLinear0 = _.convertLinear$10$missingA$missingB$missingChroma$missingHue$missingLightness;
+    _.super$ColorSpace$transformationMatrix0 = _.transformationMatrix$1;
+    _ = A.StylesheetParser0.prototype;
+    _.super$StylesheetParser$importArgument0 = _.importArgument$0;
+    _.super$StylesheetParser$namespacedExpression0 = _.namespacedExpression$2;
+    _ = A.Value0.prototype;
+    _.super$Value$assertMap0 = _.assertMap$1;
+    _.super$Value$plus0 = _.plus$1;
+    _.super$Value$minus0 = _.minus$1;
+    _.super$Value$dividedBy0 = _.dividedBy$1;
+    _.super$Value$toString0 = _.toString$0;
+  })();
+  (function installTearOffs() {
+    var _static_2 = hunkHelpers._static_2,
+      _instance_1_i = hunkHelpers._instance_1i,
+      _instance_1_u = hunkHelpers._instance_1u,
+      _static_1 = hunkHelpers._static_1,
+      _static_0 = hunkHelpers._static_0,
+      _static = hunkHelpers.installStaticTearOff,
+      _instance = hunkHelpers.installInstanceTearOff,
+      _instance_2_u = hunkHelpers._instance_2u,
+      _instance_0_i = hunkHelpers._instance_0i,
+      _instance_0_u = hunkHelpers._instance_0u;
+    _static_2(J, "_interceptors_JSArray__compareAny$closure", "JSArray__compareAny", 264);
+    _instance_1_i(J.JSArray.prototype, "get$contains", "contains$1", 9);
+    _instance_1_i(A._CastIterableBase.prototype, "get$contains", "contains$1", 9);
+    _instance_1_u(A.CastMap.prototype, "get$containsKey", "containsKey$1", 9);
+    _instance_1_u(A.ConstantStringMap.prototype, "get$containsKey", "containsKey$1", 9);
+    _instance_1_i(A.ConstantStringSet.prototype, "get$contains", "contains$1", 9);
+    _instance_1_i(A.GeneralConstantSet.prototype, "get$contains", "contains$1", 9);
+    _instance_1_u(A.JsLinkedHashMap.prototype, "get$containsKey", "containsKey$1", 9);
+    _static_1(A, "async__AsyncRun__scheduleImmediateJsOverride$closure", "_AsyncRun__scheduleImmediateJsOverride", 120);
+    _static_1(A, "async__AsyncRun__scheduleImmediateWithSetImmediate$closure", "_AsyncRun__scheduleImmediateWithSetImmediate", 120);
+    _static_1(A, "async__AsyncRun__scheduleImmediateWithTimer$closure", "_AsyncRun__scheduleImmediateWithTimer", 120);
+    _static_0(A, "async___startMicrotaskLoop$closure", "_startMicrotaskLoop", 0);
+    _static_1(A, "async___nullDataHandler$closure", "_nullDataHandler", 77);
+    _static_2(A, "async___nullErrorHandler$closure", "_nullErrorHandler", 75);
+    _static_0(A, "async___nullDoneHandler$closure", "_nullDoneHandler", 0);
+    _static(A, "async___rootHandleUncaughtError$closure", 5, null, ["call$5"], ["_rootHandleUncaughtError"], 634, 0);
+    _static(A, "async___rootRun$closure", 4, null, ["call$1$4", "call$4"], ["_rootRun", function($self, $parent, zone, f) {
+      return A._rootRun($self, $parent, zone, f, type$.dynamic);
+    }], 635, 1);
+    _static(A, "async___rootRunUnary$closure", 5, null, ["call$2$5", "call$5"], ["_rootRunUnary", function($self, $parent, zone, f, arg) {
+      var t1 = type$.dynamic;
+      return A._rootRunUnary($self, $parent, zone, f, arg, t1, t1);
+    }], 636, 1);
+    _static(A, "async___rootRunBinary$closure", 6, null, ["call$3$6", "call$6"], ["_rootRunBinary", function($self, $parent, zone, f, arg1, arg2) {
+      var t1 = type$.dynamic;
+      return A._rootRunBinary($self, $parent, zone, f, arg1, arg2, t1, t1, t1);
+    }], 637, 1);
+    _static(A, "async___rootRegisterCallback$closure", 4, null, ["call$1$4", "call$4"], ["_rootRegisterCallback", function($self, $parent, zone, f) {
+      return A._rootRegisterCallback($self, $parent, zone, f, type$.dynamic);
+    }], 638, 0);
+    _static(A, "async___rootRegisterUnaryCallback$closure", 4, null, ["call$2$4", "call$4"], ["_rootRegisterUnaryCallback", function($self, $parent, zone, f) {
+      var t1 = type$.dynamic;
+      return A._rootRegisterUnaryCallback($self, $parent, zone, f, t1, t1);
+    }], 639, 0);
+    _static(A, "async___rootRegisterBinaryCallback$closure", 4, null, ["call$3$4", "call$4"], ["_rootRegisterBinaryCallback", function($self, $parent, zone, f) {
+      var t1 = type$.dynamic;
+      return A._rootRegisterBinaryCallback($self, $parent, zone, f, t1, t1, t1);
+    }], 640, 0);
+    _static(A, "async___rootErrorCallback$closure", 5, null, ["call$5"], ["_rootErrorCallback"], 641, 0);
+    _static(A, "async___rootScheduleMicrotask$closure", 4, null, ["call$4"], ["_rootScheduleMicrotask"], 642, 0);
+    _static(A, "async___rootCreateTimer$closure", 5, null, ["call$5"], ["_rootCreateTimer"], 643, 0);
+    _static(A, "async___rootCreatePeriodicTimer$closure", 5, null, ["call$5"], ["_rootCreatePeriodicTimer"], 644, 0);
+    _static(A, "async___rootPrint$closure", 4, null, ["call$4"], ["_rootPrint"], 645, 0);
+    _static_1(A, "async___printToZone$closure", "_printToZone", 82);
+    _static(A, "async___rootFork$closure", 5, null, ["call$5"], ["_rootFork"], 646, 0);
+    _instance(A._AsyncCompleter.prototype, "get$complete", 0, 0, function() {
+      return [null];
+    }, ["call$1", "call$0"], ["complete$1", "complete$0"], 213, 0, 0);
+    _instance_2_u(A._Future.prototype, "get$_completeError", "_completeError$2", 75);
+    var _;
+    _instance_1_i(_ = A._StreamController.prototype, "get$add", "add$1", 38);
+    _instance(_, "get$addError", 0, 1, function() {
+      return [null];
+    }, ["call$2", "call$1"], ["addError$2", "addError$1"], 193, 0, 0);
+    _instance_0_i(_, "get$close", "close$0", 448);
+    _instance_1_u(_, "get$_async$_add", "_async$_add$1", 38);
+    _instance_2_u(_, "get$_addError", "_addError$2", 75);
+    _instance_0_u(_, "get$_close", "_close$0", 0);
+    _instance_0_u(_ = A._ControllerSubscription.prototype, "get$_async$_onPause", "_async$_onPause$0", 0);
+    _instance_0_u(_, "get$_async$_onResume", "_async$_onResume$0", 0);
+    _instance(_ = A._BufferingStreamSubscription.prototype, "get$pause", 1, 0, null, ["call$1", "call$0"], ["pause$1", "pause$0"], 470, 0, 0);
+    _instance_0_i(_, "get$resume", "resume$0", 0);
+    _instance_0_u(_, "get$_async$_onPause", "_async$_onPause$0", 0);
+    _instance_0_u(_, "get$_async$_onResume", "_async$_onResume$0", 0);
+    _instance_1_u(_ = A._StreamIterator.prototype, "get$_onData", "_onData$1", 38);
+    _instance_2_u(_, "get$_onError", "_onError$2", 75);
+    _instance_0_u(_, "get$_onDone", "_onDone$0", 0);
+    _instance_0_u(_ = A._ForwardingStreamSubscription.prototype, "get$_async$_onPause", "_async$_onPause$0", 0);
+    _instance_0_u(_, "get$_async$_onResume", "_async$_onResume$0", 0);
+    _instance_1_u(_, "get$_handleData", "_handleData$1", 38);
+    _instance_2_u(_, "get$_handleError", "_handleError$2", 501);
+    _instance_0_u(_, "get$_handleDone", "_handleDone$0", 0);
+    _static_2(A, "collection___defaultEquals$closure", "_defaultEquals", 266);
+    _static_1(A, "collection___defaultHashCode$closure", "_defaultHashCode", 267);
+    _static_2(A, "collection_ListBase__compareAny$closure", "ListBase__compareAny", 264);
+    _instance_1_u(A._HashMap.prototype, "get$containsKey", "containsKey$1", 9);
+    _instance_1_u(A._LinkedCustomHashMap.prototype, "get$containsKey", "containsKey$1", 9);
+    _instance(_ = A._LinkedHashSet.prototype, "get$_newSimilarSet", 0, 0, null, ["call$1$0", "call$0"], ["_newSimilarSet$1$0", "_newSimilarSet$0"], 199, 0, 0);
+    _instance_1_i(_, "get$contains", "contains$1", 9);
+    _instance_1_i(_, "get$add", "add$1", 9);
+    _instance(A._LinkedIdentityHashSet.prototype, "get$_newSimilarSet", 0, 0, null, ["call$1$0", "call$0"], ["_newSimilarSet$1$0", "_newSimilarSet$0"], 199, 0, 0);
+    _instance_1_u(A.MapBase.prototype, "get$containsKey", "containsKey$1", 9);
+    _instance_1_u(A.MapView.prototype, "get$containsKey", "containsKey$1", 9);
+    _instance_1_i(A.UnmodifiableSetView.prototype, "get$contains", "contains$1", 9);
+    _static_1(A, "convert___defaultToEncodable$closure", "_defaultToEncodable", 100);
+    _instance_1_u(A._JsonMap.prototype, "get$containsKey", "containsKey$1", 9);
+    _static_1(A, "core__identityHashCode$closure", "identityHashCode", 267);
+    _static_2(A, "core__identical$closure", "identical", 266);
+    _static_1(A, "core_Uri_decodeComponent$closure", "Uri_decodeComponent", 6);
+    _instance_1_i(A.Iterable.prototype, "get$contains", "contains$1", 9);
+    _instance_1_i(A.StringBuffer.prototype, "get$write", "write$1", 38);
+    _static(A, "math0__max$closure", 2, null, ["call$1$2", "call$2"], ["max", function(a, b) {
+      return A.max(a, b, type$.num);
+    }], 649, 1);
+    _instance_1_u(A.ArgResults.prototype, "get$wasParsed", "wasParsed$1", 5);
+    _instance_1_u(_ = A.StreamCompleter.prototype, "get$setSourceStream", "setSourceStream$1", 38);
+    _instance(_, "get$setError", 0, 1, function() {
+      return [null];
+    }, ["call$2", "call$1"], ["setError$2", "setError$1"], 193, 0, 0);
+    _instance_0_u(_ = A.StreamGroup.prototype, "get$_onListen", "_onListen$0", 0);
+    _instance_0_u(_, "get$_onPause", "_onPause$0", 0);
+    _instance_0_u(_, "get$_onResume", "_onResume$0", 0);
+    _instance_0_u(_, "get$_onCancel", "_onCancel$0", 158);
+    _instance_0_i(A.ReplAdapter.prototype, "get$exit", "exit$0", 0);
+    _instance_1_i(A.EmptyUnmodifiableSet.prototype, "get$contains", "contains$1", 9);
+    _instance_1_i(A.UnionSet.prototype, "get$contains", "contains$1", 9);
+    _instance_1_i(A._DelegatingIterableBase.prototype, "get$contains", "contains$1", 9);
+    _instance_1_i(A.MapKeySet.prototype, "get$contains", "contains$1", 9);
+    _static_1(A, "version_Version___parse_tearOff$closure", "Version___parse_tearOff", 219);
+    _instance_1_u(A.VersionRange.prototype, "get$allows", "allows$1", 308);
+    _instance_1_u(A._IsInvisibleVisitor0.prototype, "get$visitComplexSelector", "visitComplexSelector$1", 20);
+    _instance_1_u(A._IsBogusVisitor.prototype, "get$visitComplexSelector", "visitComplexSelector$1", 20);
+    _instance_1_u(A._IsUselessVisitor.prototype, "get$visitComplexSelector", "visitComplexSelector$1", 20);
+    _instance_1_u(A.SelectorList.prototype, "get$isSuperselector", "isSuperselector$1", 73);
+    _instance_1_u(A.PseudoSelector.prototype, "get$isSuperselector", "isSuperselector$1", 13);
+    _instance_1_u(A.SimpleSelector.prototype, "get$isSuperselector", "isSuperselector$1", 13);
+    _instance_1_u(A.TypeSelector.prototype, "get$isSuperselector", "isSuperselector$1", 13);
+    _instance_1_u(A.UniversalSelector.prototype, "get$isSuperselector", "isSuperselector$1", 13);
+    _instance_1_u(A.EmptyExtensionStore.prototype, "get$addExtensions", "addExtensions$1", 229);
+    _instance_1_u(A.ExtensionStore.prototype, "get$addExtensions", "addExtensions$1", 229);
+    _static_1(A, "functions___isUnique$closure", "_isUnique", 13);
+    _instance_2_u(A.NodePackageImporter.prototype, "get$_compareExpansionKeys", "_compareExpansionKeys$2", 234);
+    _instance_0_u(A.CssParser.prototype, "get$silentComment", "silentComment$0", 19);
+    _instance_0_u(_ = A.Parser.prototype, "get$silentComment", "silentComment$0", 19);
+    _instance_0_u(_, "get$loudComment", "loudComment$0", 0);
+    _instance_0_u(_, "get$string", "string$0", 29);
+    _instance(_, "get$error", 1, 2, function() {
+      return [null];
+    }, ["call$3", "call$2"], ["error$3", "error$2"], 184, 0, 0);
+    _instance(_ = A.StylesheetParser.prototype, "get$_statement", 0, 0, null, ["call$1$root", "call$0"], ["_statement$1$root", "_statement$0"], 342, 0, 0);
+    _instance_0_u(_, "get$_declarationChild", "_declarationChild$0", 136);
+    _instance_0_u(_, "get$_functionChild", "_functionChild$0", 136);
+    _instance(_, "get$_expression", 0, 0, null, ["call$4$bracketList$consumeNewlines$singleEquals$until", "call$0", "call$1$consumeNewlines", "call$3$consumeNewlines$singleEquals$until", "call$1$bracketList", "call$2$consumeNewlines$until"], ["_expression$4$bracketList$consumeNewlines$singleEquals$until", "_expression$0", "_expression$1$consumeNewlines", "_expression$3$consumeNewlines$singleEquals$until", "_expression$1$bracketList", "_expression$2$consumeNewlines$until"], 345, 0, 0);
+    _instance_0_u(_, "get$_number", "_number$0", 347);
+    _instance(A.LazyFileSpan.prototype, "get$message", 1, 1, function() {
+      return {color: null};
+    }, ["call$2$color", "call$1"], ["message$2$color", "message$1"], 135, 0, 0);
+    _instance_1_u(A.LimitedMapView.prototype, "get$containsKey", "containsKey$1", 9);
+    _instance_1_u(A.MergedMapView.prototype, "get$containsKey", "containsKey$1", 9);
+    _instance(A.MultiSpan.prototype, "get$message", 1, 1, function() {
+      return {color: null};
+    }, ["call$2$color", "call$1"], ["message$2$color", "message$1"], 227, 0, 0);
+    _instance_1_i(A.NoSourceMapBuffer.prototype, "get$write", "write$1", 38);
+    _instance_1_u(A.PrefixedMapView.prototype, "get$containsKey", "containsKey$1", 9);
+    _instance_1_u(A.PublicMemberMapView.prototype, "get$containsKey", "containsKey$1", 9);
+    _instance_1_i(A.SourceMapBuffer.prototype, "get$write", "write$1", 38);
+    _instance_1_u(A.UnprefixedMapView.prototype, "get$containsKey", "containsKey$1", 9);
+    _static_1(A, "utils__isPublic$closure", "isPublic", 5);
+    _static_1(A, "calculation_SassCalculation__simplify$closure", "SassCalculation__simplify", 71);
+    _instance_1_u(A.ColorChannel.prototype, "get$isAnalogous", "isAnalogous$1", 113);
+    _instance_1_u(A.SrgbColorSpace.prototype, "get$toLinear", "toLinear$1", 15);
+    _instance_1_u(A.AnySelectorVisitor.prototype, "get$visitComplexSelector", "visitComplexSelector$1", 20);
+    _instance(_ = A._EvaluateVisitor0.prototype, "get$_async_evaluate$_interpolationToValue", 0, 1, null, ["call$3$trim$warnForColor", "call$1", "call$2$warnForColor"], ["_async_evaluate$_interpolationToValue$3$trim$warnForColor", "_async_evaluate$_interpolationToValue$1", "_async_evaluate$_interpolationToValue$2$warnForColor"], 415, 0, 0);
+    _instance_1_u(_, "get$_async_evaluate$_expressionNode", "_async_evaluate$_expressionNode$1", 145);
+    _instance(_ = A._EvaluateVisitor.prototype, "get$_interpolationToValue", 0, 1, null, ["call$3$trim$warnForColor", "call$1", "call$2$warnForColor"], ["_interpolationToValue$3$trim$warnForColor", "_interpolationToValue$1", "_interpolationToValue$2$warnForColor"], 582, 0, 0);
+    _instance_1_u(_, "get$_expressionNode", "_expressionNode$1", 145);
+    _instance_1_i(_ = A.RecursiveStatementVisitor.prototype, "get$visitContentBlock", "visitContentBlock$1", 273);
+    _instance_1_u(_, "get$visitChildren", "visitChildren$1", 274);
+    _instance_1_u(_ = A.SelectorSearchVisitor.prototype, "get$visitComplexSelector", "visitComplexSelector$1", "SelectorSearchVisitor.T?(ComplexSelector)");
+    _instance_1_u(_, "get$visitSelectorList", "visitSelectorList$1", "SelectorSearchVisitor.T?(SelectorList)");
+    _instance_1_u(_ = A._SerializeVisitor.prototype, "get$_visitMediaQuery", "_visitMediaQuery$1", 277);
+    _instance_1_u(_, "get$_writeCalculationValue", "_writeCalculationValue$1", 84);
+    _instance(_, "get$_writeChannel", 0, 1, null, ["call$2", "call$1"], ["_writeChannel$2", "_writeChannel$1"], 148, 0, 0);
+    _instance_1_u(_, "get$visitSelectorList", "visitSelectorList$1", 279);
+    _instance_1_u(_, "get$_requiresSemicolon", "_requiresSemicolon$1", 7);
+    _instance_1_i(_ = A.StatementSearchVisitor.prototype, "get$visitContentBlock", "visitContentBlock$1", "StatementSearchVisitor.T?(ContentBlock)");
+    _instance_1_u(_, "get$visitChildren", "visitChildren$1", "StatementSearchVisitor.T?(List<Statement>)");
+    _instance(A.SourceSpanMixin.prototype, "get$message", 1, 1, function() {
+      return {color: null};
+    }, ["call$2$color", "call$1"], ["message$2$color", "message$1"], 135, 0, 0);
+    _static_1(A, "frame_Frame___parseVM_tearOff$closure", "Frame___parseVM_tearOff", 94);
+    _static_1(A, "frame_Frame___parseV8_tearOff$closure", "Frame___parseV8_tearOff", 94);
+    _static_1(A, "frame_Frame___parseFirefox_tearOff$closure", "Frame___parseFirefox_tearOff", 94);
+    _static_1(A, "frame_Frame___parseFriendly_tearOff$closure", "Frame___parseFriendly_tearOff", 94);
+    _static_1(A, "trace_Trace___parseVM_tearOff$closure", "Trace___parseVM_tearOff", 269);
+    _static_1(A, "trace_Trace___parseFriendly_tearOff$closure", "Trace___parseFriendly_tearOff", 269);
+    _static(A, "from_handlers__TransformByHandlers__defaultHandleError$closure", 3, null, ["call$1$3", "call$3"], ["TransformByHandlers__defaultHandleError", function(error, stackTrace, sink) {
+      return A.TransformByHandlers__defaultHandleError(error, stackTrace, sink, type$.dynamic);
+    }], 652, 0);
+    _static(A, "rate_limit___collect$closure", 2, null, ["call$1$2", "call$2"], ["_collect", function($event, soFar) {
+      return A._collect($event, soFar, type$.dynamic);
+    }], 653, 0);
+    _instance_1_u(A.AnySelectorVisitor0.prototype, "get$visitComplexSelector", "visitComplexSelector$1", 21);
+    _instance(_ = A._EvaluateVisitor2.prototype, "get$_async_evaluate0$_interpolationToValue", 0, 1, null, ["call$3$trim$warnForColor", "call$1", "call$2$warnForColor"], ["_async_evaluate0$_interpolationToValue$3$trim$warnForColor", "_async_evaluate0$_interpolationToValue$1", "_async_evaluate0$_interpolationToValue$2$warnForColor"], 318, 0, 0);
+    _instance_1_u(_, "get$_async_evaluate0$_expressionNode", "_async_evaluate0$_expressionNode$1", 165);
+    _static_1(A, "calculation1___assertCalculationValue$closure", "_assertCalculationValue", 84);
+    _static_1(A, "calculation1___isValidClampArg$closure", "_isValidClampArg", 9);
+    _static_1(A, "calculation0_SassCalculation__simplify$closure", "SassCalculation__simplify0", 71);
+    _instance_1_u(A.ColorChannel0.prototype, "get$isAnalogous", "isAnalogous$1", 70);
+    _static(A, "compile__compile$closure", 1, function() {
+      return [null];
+    }, ["call$2", "call$1"], ["compile0", function(path) {
+      return A.compile0(path, null);
+    }], 654, 0);
+    _static(A, "compile__compileString$closure", 1, function() {
+      return [null];
+    }, ["call$2", "call$1"], ["compileString0", function(text) {
+      return A.compileString0(text, null);
+    }], 655, 0);
+    _static(A, "compile__compileAsync$closure", 1, function() {
+      return [null];
+    }, ["call$2", "call$1"], ["compileAsync1", function(path) {
+      return A.compileAsync1(path, null);
+    }], 656, 0);
+    _static(A, "compile__compileStringAsync$closure", 1, function() {
+      return [null];
+    }, ["call$2", "call$1"], ["compileStringAsync1", function(text) {
+      return A.compileStringAsync1(text, null);
+    }], 657, 0);
+    _static_1(A, "compile___parseImporter$closure", "_parseImporter0", 658);
+    _static_1(A, "compile___simplifyCalcArg$closure", "_simplifyCalcArg", 71);
+    _static_0(A, "compiler__initCompiler$closure", "initCompiler", 659);
+    _static_0(A, "compiler__initAsyncCompiler$closure", "initAsyncCompiler", 660);
+    _instance_0_u(A.CssParser0.prototype, "get$silentComment", "silentComment$0", 19);
+    _instance_1_u(A.EmptyExtensionStore0.prototype, "get$addExtensions", "addExtensions$1", 220);
+    _instance(_ = A._EvaluateVisitor1.prototype, "get$_evaluate0$_interpolationToValue", 0, 1, null, ["call$3$trim$warnForColor", "call$1", "call$2$warnForColor"], ["_evaluate0$_interpolationToValue$3$trim$warnForColor", "_evaluate0$_interpolationToValue$1", "_evaluate0$_interpolationToValue$2$warnForColor"], 675, 0, 0);
+    _instance_1_u(_, "get$_evaluate0$_expressionNode", "_evaluate0$_expressionNode$1", 165);
+    _instance_1_u(A.ExtensionStore0.prototype, "get$addExtensions", "addExtensions$1", 220);
+    _static_1(A, "functions0___isUnique$closure", "_isUnique0", 14);
+    _static_1(A, "immutable__jsToDartList$closure", "jsToDartList", 661);
+    _instance(A.LazyFileSpan0.prototype, "get$message", 1, 1, function() {
+      return {color: null};
+    }, ["call$2$color", "call$1"], ["message$2$color", "message$1"], 135, 0, 0);
+    _static_2(A, "legacy__render$closure", "render", 662);
+    _static_1(A, "legacy__renderSync$closure", "renderSync", 663);
+    _instance_1_u(A.LimitedMapView0.prototype, "get$containsKey", "containsKey$1", 9);
+    _instance_1_u(A.SelectorList0.prototype, "get$isSuperselector", "isSuperselector$1", 69);
+    _instance_1_u(A.MergedMapView0.prototype, "get$containsKey", "containsKey$1", 9);
+    _instance(A.MultiSpan0.prototype, "get$message", 1, 1, function() {
+      return {color: null};
+    }, ["call$2$color", "call$1"], ["message$2$color", "message$1"], 227, 0, 0);
+    _instance_1_i(A.NoSourceMapBuffer0.prototype, "get$write", "write$1", 38);
+    _instance_2_u(A.NodePackageImporter0.prototype, "get$_node_package$_compareExpansionKeys", "_node_package$_compareExpansionKeys$2", 234);
+    _static_0(A, "parser0__loadParserExports$closure", "loadParserExports", 664);
+    _static(A, "parser0___parse$closure", 3, null, ["call$3"], ["_parse"], 665, 0);
+    _static_1(A, "parser0___parseIdentifier$closure", "_parseIdentifier", 666);
+    _static_1(A, "parser0___toCssIdentifier$closure", "_toCssIdentifier", 6);
+    _instance_0_u(_ = A.Parser1.prototype, "get$silentComment", "silentComment$0", 19);
+    _instance_0_u(_, "get$loudComment", "loudComment$0", 0);
+    _instance_0_u(_, "get$string", "string$0", 29);
+    _instance(_, "get$error", 1, 2, function() {
+      return [null];
+    }, ["call$3", "call$2"], ["error$3", "error$2"], 184, 0, 0);
+    _instance_1_u(A.PrefixedMapView0.prototype, "get$containsKey", "containsKey$1", 9);
+    _instance_1_u(A.PseudoSelector0.prototype, "get$isSuperselector", "isSuperselector$1", 14);
+    _instance_1_u(A.PublicMemberMapView0.prototype, "get$containsKey", "containsKey$1", 9);
+    _instance_1_u(A._IsInvisibleVisitor2.prototype, "get$visitComplexSelector", "visitComplexSelector$1", 21);
+    _instance_1_u(A._IsBogusVisitor0.prototype, "get$visitComplexSelector", "visitComplexSelector$1", 21);
+    _instance_1_u(A._IsUselessVisitor0.prototype, "get$visitComplexSelector", "visitComplexSelector$1", 21);
+    _instance_1_u(_ = A.SelectorSearchVisitor0.prototype, "get$visitComplexSelector", "visitComplexSelector$1", "SelectorSearchVisitor0.T?(ComplexSelector0)");
+    _instance_1_u(_, "get$visitSelectorList", "visitSelectorList$1", "SelectorSearchVisitor0.T?(SelectorList0)");
+    _instance_1_u(_ = A._SerializeVisitor0.prototype, "get$_serialize0$_visitMediaQuery", "_serialize0$_visitMediaQuery$1", 575);
+    _instance_1_u(_, "get$_serialize0$_writeCalculationValue", "_serialize0$_writeCalculationValue$1", 84);
+    _instance(_, "get$_serialize0$_writeChannel", 0, 1, null, ["call$2", "call$1"], ["_serialize0$_writeChannel$2", "_serialize0$_writeChannel$1"], 148, 0, 0);
+    _instance_1_u(_, "get$visitSelectorList", "visitSelectorList$1", 576);
+    _instance_1_u(_, "get$_serialize0$_requiresSemicolon", "_serialize0$_requiresSemicolon$1", 8);
+    _instance_1_u(A.SimpleSelector0.prototype, "get$isSuperselector", "isSuperselector$1", 14);
+    _instance_1_i(A.SourceMapBuffer0.prototype, "get$write", "write$1", 38);
+    _instance_1_u(A.SrgbColorSpace0.prototype, "get$toLinear", "toLinear$1", 15);
+    _instance_1_i(_ = A.StatementSearchVisitor0.prototype, "get$visitContentBlock", "visitContentBlock$1", "StatementSearchVisitor0.T?(ContentBlock0)");
+    _instance_1_u(_, "get$visitChildren", "visitChildren$1", "StatementSearchVisitor0.T?(List<Statement0>)");
+    _instance(_ = A.StylesheetParser0.prototype, "get$_stylesheet0$_statement", 0, 0, null, ["call$1$root", "call$0"], ["_stylesheet0$_statement$1$root", "_stylesheet0$_statement$0"], 595, 0, 0);
+    _instance_0_u(_, "get$_stylesheet0$_declarationChild", "_stylesheet0$_declarationChild$0", 139);
+    _instance_0_u(_, "get$_stylesheet0$_functionChild", "_stylesheet0$_functionChild$0", 139);
+    _instance_0_u(_, "get$_stylesheet0$_number", "_stylesheet0$_number$0", 597);
+    _instance_1_u(A.TypeSelector0.prototype, "get$isSuperselector", "isSuperselector$1", 14);
+    _instance_1_u(A.UniversalSelector0.prototype, "get$isSuperselector", "isSuperselector$1", 14);
+    _instance_1_u(A.UnprefixedMapView0.prototype, "get$containsKey", "containsKey$1", 9);
+    _static_1(A, "utils3__jsToDartUrl$closure", "jsToDartUrl", 667);
+    _static_1(A, "utils3__dartToJSUrl$closure", "dartToJSUrl", 257);
+    _static_1(A, "utils3__mapToObject$closure", "mapToObject", 668);
+    _static_1(A, "utils1__isPublic$closure", "isPublic0", 5);
+    _static(A, "path__absolute$closure", 1, function() {
+      return [null, null, null, null, null, null, null, null, null, null, null, null, null, null];
+    }, ["call$15", "call$1", "call$2", "call$3", "call$4", "call$5", "call$6"], ["absolute", function(part1) {
+      var _null = null;
+      return A.absolute(part1, _null, _null, _null, _null, _null, _null, _null, _null, _null, _null, _null, _null, _null, _null);
+    }, function(part1, part2) {
+      var _null = null;
+      return A.absolute(part1, part2, _null, _null, _null, _null, _null, _null, _null, _null, _null, _null, _null, _null, _null);
+    }, function(part1, part2, part3) {
+      var _null = null;
+      return A.absolute(part1, part2, part3, _null, _null, _null, _null, _null, _null, _null, _null, _null, _null, _null, _null);
+    }, function(part1, part2, part3, part4) {
+      var _null = null;
+      return A.absolute(part1, part2, part3, part4, _null, _null, _null, _null, _null, _null, _null, _null, _null, _null, _null);
+    }, function(part1, part2, part3, part4, part5) {
+      var _null = null;
+      return A.absolute(part1, part2, part3, part4, part5, _null, _null, _null, _null, _null, _null, _null, _null, _null, _null);
+    }, function(part1, part2, part3, part4, part5, part6) {
+      var _null = null;
+      return A.absolute(part1, part2, part3, part4, part5, part6, _null, _null, _null, _null, _null, _null, _null, _null, _null);
+    }], 669, 0);
+    _static_1(A, "path__toUri$closure", "toUri", 128);
+    _static_1(A, "path__prettyUri$closure", "prettyUri", 670);
+    _static_2(A, "number0__fuzzyLessThan$closure", "fuzzyLessThan", 45);
+    _static_2(A, "number0__fuzzyLessThanOrEquals$closure", "fuzzyLessThanOrEquals", 45);
+    _static_2(A, "number0__fuzzyGreaterThan$closure", "fuzzyGreaterThan", 45);
+    _static_2(A, "number0__fuzzyGreaterThanOrEquals$closure", "fuzzyGreaterThanOrEquals", 45);
+    _static_2(A, "number0__moduloLikeSass$closure", "moduloLikeSass", 57);
+    _static_1(A, "number0__sqrt$closure", "sqrt", 56);
+    _static_1(A, "number0__sin$closure", "sin", 56);
+    _static_1(A, "number0__cos$closure", "cos", 56);
+    _static_1(A, "number0__tan$closure", "tan", 56);
+    _static_1(A, "number0__atan$closure", "atan", 56);
+    _static_1(A, "number0__asin$closure", "asin", 56);
+    _static_1(A, "number0__acos$closure", "acos", 56);
+    _static_1(A, "utils0__srgbAndDisplayP3FromLinear$closure", "srgbAndDisplayP3FromLinear", 15);
+    _static_2(A, "number2__fuzzyLessThan$closure", "fuzzyLessThan0", 45);
+    _static_2(A, "number2__fuzzyLessThanOrEquals$closure", "fuzzyLessThanOrEquals0", 45);
+    _static_2(A, "number2__fuzzyGreaterThan$closure", "fuzzyGreaterThan0", 45);
+    _static_2(A, "number2__fuzzyGreaterThanOrEquals$closure", "fuzzyGreaterThanOrEquals0", 45);
+    _static_2(A, "number2__moduloLikeSass$closure", "moduloLikeSass0", 57);
+    _static_1(A, "number2__sqrt$closure", "sqrt0", 55);
+    _static_1(A, "number2__sin$closure", "sin0", 55);
+    _static_1(A, "number2__cos$closure", "cos0", 55);
+    _static_1(A, "number2__tan$closure", "tan0", 55);
+    _static_1(A, "number2__atan$closure", "atan0", 55);
+    _static_1(A, "number2__asin$closure", "asin0", 55);
+    _static_1(A, "number2__acos$closure", "acos0", 55);
+    _static_1(A, "sass__main$closure", "main1", 674);
+    _static_1(A, "utils4__validateUrlScheme$closure", "validateUrlScheme", 82);
+    _static_1(A, "utils2__srgbAndDisplayP3FromLinear$closure", "srgbAndDisplayP3FromLinear0", 15);
+    _static_1(A, "value0__wrapValue$closure", "wrapValue", 449);
+  })();
+  (function inheritance() {
+    var _mixin = hunkHelpers.mixin,
+      _inherit = hunkHelpers.inherit,
+      _inheritMany = hunkHelpers.inheritMany;
+    _inherit(A.Object, null);
+    _inheritMany(A.Object, [A.JS_CONST, J.Interceptor, A.SafeToStringHook, J.ArrayIterator, A.Iterable, A.CastIterator, A.Closure, A.MapBase, A.Error, A.ListBase, A.SentinelValue, A.ListIterator, A.MappedIterator, A.WhereIterator, A.ExpandIterator, A.TakeIterator, A.SkipIterator, A.SkipWhileIterator, A.EmptyIterator, A.FollowedByIterator, A.WhereTypeIterator, A.NonNullsIterator, A.FixedLengthListMixin, A.UnmodifiableListMixin, A.Symbol, A._Record, A.MapView, A.ConstantMap, A._KeysOrValuesOrElementsIterator, A.SetBase, A.JSInvocationMirror, A.TypeErrorDecoder, A.NullThrownFromJavaScriptException, A.ExceptionAndStackTrace, A._StackTrace, A._Required, A.LinkedHashMapCell, A.LinkedHashMapKeyIterator, A.LinkedHashMapValueIterator, A.LinkedHashMapEntryIterator, A.JSSyntaxRegExp, A._MatchImplementation, A._AllMatchesIterator, A.StringMatch, A._StringAllMatchesIterator, A._Cell, A.Rti, A._FunctionParameters, A._Type, A._TimerImpl, A._AsyncAwaitCompleter, A._SyncStarIterator, A.AsyncError, A._Completer, A._FutureListener, A._Future, A._AsyncCallbackEntry, A.Stream, A._StreamController, A._SyncStreamControllerDispatch, A._AsyncStreamControllerDispatch, A._BufferingStreamSubscription, A._AddStreamState, A._DelayedEvent, A._DelayedDone, A._PendingEvents, A._StreamIterator, A._ZoneFunction, A._ZoneSpecification, A._ZoneDelegate, A._Zone, A._HashMapKeyIterator, A._LinkedHashSetCell, A._LinkedHashSetIterator, A._MapBaseValueIterator, A._UnmodifiableMapMixin, A._ListQueueIterator, A._UnmodifiableSetMixin, A.Codec, A.Converter, A._Base64Encoder, A.ByteConversionSink, A._JsonStringifier, A.StringConversionSink, A._Utf8Encoder, A._Utf8Decoder, A.DateTime, A.Duration, A._Enum, A.OutOfMemoryError, A.StackOverflowError, A._Exception, A.FormatException, A.MapEntry, A.Null, A._StringStackTrace, A.RuneIterator, A.StringBuffer, A._Uri, A.UriData, A._SimpleUri, A.Expando, A.NullRejectionException, A._JSRandom, A.ArgParser, A.ArgResults, A.Option, A.OptionType, A.Parser0, A._Usage, A.FutureGroup, A.ErrorResult, A.ValueResult, A.StreamCompleter, A.StreamGroup, A._StreamGroupState, A.StreamQueue, A._NextRequest, A.Repl, A.ReplAdapter, A.DefaultEquality, A.IterableEquality, A.ListEquality, A._MapEntry, A.MapEquality, A._QueueList_Object_ListMixin, A._DelegatingIterableBase, A.UnmodifiableSetMixin, A.Context, A._PathDirection, A._PathRelation, A.Style, A.ParsedPath, A.PathException, A.Version, A.VersionRange, A.CssMediaQuery, A.MediaQuerySuccessfulMergeResult, A.CssNode, A.__IsInvisibleVisitor_Object_EveryCssVisitor, A.CssValue, A._FakeAstNode, A.ArgumentList, A.AtRootQuery, A.ConfiguredVariable, A.Expression, A.DynamicImport, A.StaticImport, A.Interpolation, A.Parameter, A.ParameterList, A.Statement, A.IfRuleClause, A.__HasContentVisitor_Object_StatementSearchVisitor, A.SupportsAnything, A.SupportsDeclaration, A.SupportsFunction, A.SupportsInterpolation, A.SupportsNegation, A.SupportsOperation, A.Selector, A.__IsInvisibleVisitor_Object_AnySelectorVisitor, A.__IsBogusVisitor_Object_AnySelectorVisitor, A.__IsUselessVisitor_Object_AnySelectorVisitor, A.__ContainsParentSelectorVisitor_Object_AnySelectorVisitor, A.ComplexSelectorComponent, A.__ParentSelectorVisitor_Object_SelectorSearchVisitor, A.QualifiedName, A.AsyncEnvironment, A._EnvironmentModule0, A.AsyncImportCache, A.AsyncBuiltInCallable, A.BuiltInCallable, A.PlainCssCallable, A.UserDefinedCallable, A.CompileResult, A.Configuration, A.ConfiguredValue, A.Environment, A._EnvironmentModule, A.SourceSpanException, A.SassScriptException, A.ExecutableOptions, A.UsageException, A._Watcher, A.EmptyExtensionStore, A.Extension, A.Extender, A.ExtensionStore, A.ImportCache, A.AsyncImporter, A.CanonicalizeContext, A.ImporterResult, A.InterpolationBuffer, A.InterpolationMap, A.FileSystemException, A.LoggerWithDeprecationType, A._QuietLogger, A.TrackingLogger, A.BuiltInModule, A.ForwardedModuleView, A.ShadowedModuleView, A.Parser, A.StylesheetGraph, A.StylesheetNode, A.Box, A.ModifiableBox, A.LazyFileSpan, A.MultiDirWatcher, A.MultiSpan, A.NoSourceMapBuffer, A.SourceMapBuffer, A.Value, A.CalculationOperation, A._ColorFormatEnum, A.SpanColorFormat, A.ColorChannel, A.GamutMapMethod, A.InterpolationMethod, A.ColorSpace, A.AnySelectorVisitor, A._EvaluateVisitor0, A._ImportedCssVisitor0, A._EvaluationContext0, A._CloneCssVisitor, A.Evaluator, A._EvaluateVisitor, A._ImportedCssVisitor, A._EvaluationContext, A.EveryCssVisitor, A.__MakeExpressionCalculationSafe_Object_ReplaceExpressionVisitor, A.__FindDependenciesVisitor_Object_RecursiveStatementVisitor, A.IsCalculationSafeVisitor, A.RecursiveStatementVisitor, A.ReplaceExpressionVisitor, A.SelectorSearchVisitor, A._SerializeVisitor, A.StatementSearchVisitor, A.Entry, A.Mapping, A.TargetLineEntry, A.TargetEntry, A.SourceFile, A.SourceLocationMixin, A.SourceSpanMixin, A.Highlighter, A._Highlight, A._Line, A.SourceLocation, A.Chain, A.Frame, A.LazyTrace, A.Trace, A.UnparsedFrame, A.StringScanner, A._SpanScannerState, A.AsciiGlyphSet, A.UnicodeGlyphSet, A.WatchEvent, A.ChangeType, A.ColorSpace0, A.AnySelectorVisitor0, A.SupportsAnything0, A.ArgumentList0, A.Value0, A.AsyncImporter0, A.AsyncBuiltInCallable0, A.AsyncEnvironment0, A._EnvironmentModule2, A._EvaluateVisitor2, A._ImportedCssVisitor2, A._EvaluationContext2, A.AsyncImportCache0, A.Parser1, A.AtRootQuery0, A.Statement0, A.CssNode0, A.Selector0, A.Expression0, A.Box0, A.ModifiableBox0, A.BuiltInCallable0, A.BuiltInModule0, A.CalculationOperation0, A.CalculationInterpolation, A.CanonicalizeContext0, A.ColorChannel0, A.GamutMapMethod0, A._CloneCssVisitor0, A._ColorFormatEnum0, A.SpanColorFormat0, A.CompileResult0, A.Compiler, A.ComplexSelectorComponent0, A.Configuration0, A.ConfiguredValue0, A.ConfiguredVariable0, A.SupportsDeclaration0, A.LoggerWithDeprecationType0, A.DynamicImport0, A.EmptyExtensionStore0, A.Environment0, A._EnvironmentModule1, A._EvaluateVisitor1, A._ImportedCssVisitor1, A._EvaluationContext1, A.EveryCssVisitor0, A.SassScriptException0, A.JSExpressionVisitor, A.__MakeExpressionCalculationSafe_Object_ReplaceExpressionVisitor0, A.Extension0, A.Extender0, A.ExtensionStore0, A.ForwardedModuleView0, A.SupportsFunction0, A.IfRuleClause0, A.NodeImporter, A.ImportCache0, A.Interpolation0, A.SupportsInterpolation0, A.InterpolationBuffer0, A.InterpolationMap0, A.InterpolationMethod0, A.IsCalculationSafeVisitor0, A.FileSystemException0, A.LazyFileSpan0, A.__ParentSelectorVisitor_Object_SelectorSearchVisitor0, A.CssMediaQuery0, A.MediaQuerySuccessfulMergeResult0, A.__HasContentVisitor_Object_StatementSearchVisitor0, A.MultiSpan0, A.SupportsNegation0, A.NoSourceMapBuffer0, A._FakeAstNode0, A.__IsInvisibleVisitor_Object_EveryCssVisitor0, A.SupportsOperation0, A.Parameter0, A.ParameterList0, A.PlainCssCallable0, A.QualifiedName0, A.ReplaceExpressionVisitor0, A.ImporterResult0, A.__IsInvisibleVisitor_Object_AnySelectorVisitor0, A.__IsBogusVisitor_Object_AnySelectorVisitor0, A.__IsUselessVisitor_Object_AnySelectorVisitor0, A.__ContainsParentSelectorVisitor_Object_AnySelectorVisitor0, A.SelectorSearchVisitor0, A._SerializeVisitor0, A.ShadowedModuleView0, A.SourceInterpolationVisitor, A.SourceMapBuffer0, A.JSStatementVisitor, A.StatementSearchVisitor0, A.StaticImport0, A.UserDefinedCallable0, A.CssValue0]);
+    _inheritMany(J.Interceptor, [J.JSBool, J.JSNull, J.JavaScriptObject, J.JavaScriptBigInt, J.JavaScriptSymbol, J.JSNumber, J.JSString]);
+    _inheritMany(J.JavaScriptObject, [J.LegacyJavaScriptObject, J.JSArray, A.NativeByteBuffer, A.NativeTypedData]);
+    _inheritMany(J.LegacyJavaScriptObject, [J.PlainJavaScriptObject, J.UnknownJavaScriptObject, J.JavaScriptFunction, A.Stdin, A.Stdout, A.ReadlineModule, A.ReadlineOptions, A.ReadlineInterface, A.BufferModule, A.BufferConstants, A.Buffer, A.ConsoleModule, A.Console, A.EventEmitter, A.FS, A.FSConstants, A.Realpath, A.RealpathSync, A.FSWatcher, A.ReadStream, A.ReadStreamOptions, A.WriteStream, A.WriteStreamOptions, A.FileOptions, A.StatOptions, A.MkdirOptions, A.RmdirOptions, A.WatchOptions, A.WatchFileOptions, A.Stats, A.Promise, A.Date, A.JsError, A.Atomics, A.Modules, A.Module, A.Net, A.Socket, A.NetAddress, A.NetServer, A.NodeJsError, A.Process, A.CPUUsage, A.Release, A.StreamModule, A.Readable, A.Writable, A.Duplex, A.Transform, A.WritableOptions, A.ReadableOptions, A.Immediate, A.Timeout, A.TTY, A.Util, A.JSArray0, A.Chokidar, A.ChokidarOptions, A.ChokidarWatcher, A.JSFunction, A.ImmutableList, A.ImmutableMap, A.NodeImporterResult, A.RenderContext, A.RenderContextOptions, A.RenderContextResult, A.RenderContextResultStats, A.JSModule, A.JSModuleRequire, A.JSClass, A.JSUrl, A._PropertyDescriptor, A._RequireMain, A.JSArray1, A.Chokidar0, A.ChokidarOptions0, A.ChokidarWatcher0, A._Channels, A._ChannelOptions, A._ToGamutOptions, A._InterpolationOptions, A._NodeSassColor, A.CompileOptions, A.NodeCompileResult, A.Deprecation1, A.Exports, A.LoggerNamespace, A.JSExpressionVisitorObject, A.FiberClass, A.Fiber, A.JSFunction0, A.ImmutableList0, A.ImmutableMap0, A.JSImporter, A.JSImporterResult, A.NodeImporterResult0, A._ConstructorOptions, A._NodeSassList, A.JSLogger, A.WarnOptions, A.DebugOptions, A._NodeSassMap, A.JSModule0, A.JSModuleRequire0, A._ConstructorOptions0, A._NodeSassNumber, A.ParserExports, A.JSClass0, A.RenderContext0, A.RenderContextOptions0, A.RenderContextResult0, A.RenderContextResultStats0, A.RenderOptions, A.RenderResult, A.RenderResultStats, A._Exports, A.JSSet, A.JSStatementVisitorObject, A._ConstructorOptions1, A._NodeSassString, A.Types, A.JSUrl0, A._PropertyDescriptor0, A._RequireMain0]);
+    _inherit(J.JSArraySafeToStringHook, A.SafeToStringHook);
+    _inherit(J.JSUnmodifiableArray, J.JSArray);
+    _inheritMany(J.JSNumber, [J.JSInt, J.JSNumNotInt]);
+    _inheritMany(A.Iterable, [A._CastIterableBase, A.EfficientLengthIterable, A.MappedIterable, A.WhereIterable, A.ExpandIterable, A.TakeIterable, A.SkipIterable, A.SkipWhileIterable, A.FollowedByIterable, A.WhereTypeIterable, A.NonNullsIterable, A._KeysOrValues, A._AllMatchesIterable, A._StringAllMatchesIterable, A._SyncStarIterable, A.Runes, A._EmptyUnmodifiableSet_IterableBase_UnmodifiableSetMixin, A._PrefixedKeys, A._UnprefixedKeys, A._PrefixedKeys0, A._UnprefixedKeys0]);
+    _inheritMany(A._CastIterableBase, [A.CastIterable, A.__CastListBase__CastIterableBase_ListMixin, A.CastSet]);
+    _inherit(A._EfficientLengthCastIterable, A.CastIterable);
+    _inherit(A._CastListBase, A.__CastListBase__CastIterableBase_ListMixin);
+    _inheritMany(A.Closure, [A.Closure2Args, A.CastMap_entries_closure, A.Closure0Args, A.Instantiation, A.TearOffClosure, A.initHooks_closure, A.initHooks_closure1, A._AsyncRun__initializeScheduleImmediate_internalCallback, A._AsyncRun__initializeScheduleImmediate_closure, A._awaitOnObject_closure, A.Future_wait_closure, A._Future__propagateToListeners_handleWhenCompleteCallback_closure, A.Stream_Stream$fromFuture_closure, A.Stream_length_closure, A._CustomZone_bindUnaryCallback_closure, A._RootZone_bindUnaryCallback_closure, A._HashMap_values_closure, A._LinkedCustomHashMap_closure, A.MapBase_entries_closure, A._JsonMap_values_closure, A._Uri__makePath_closure, A.jsify__convert, A.promiseToFuture_closure, A.promiseToFuture_closure0, A.ArgParser__addOption_closure, A._Usage__writeOption_closure, A._Usage__buildAllowedList_closure, A.FutureGroup_add_closure, A.StreamGroup__onListen_closure, A.StreamGroup__onCancel_closure, A.StreamQueue__ensureListening_closure, A.alwaysValid_closure, A.ReplAdapter_runAsync__closure, A.UnionSet__iterable_closure, A.UnionSet_contains_closure, A.MapKeySet_difference_closure, A.promiseToFuture_closure1, A.promiseToFuture_closure2, A.futureToPromise__closure, A.Context_joinAll_closure, A.Context_split_closure, A._validateArgList_closure, A.ParsedPath__splitExtension_closure, A.PathMap__create_closure0, A.PathMap__create_closure1, A.WindowsStyle_absolutePathToUri_closure, A.Version__splitParts_closure, A.ModifiableCssNode_hasFollowingSibling_closure, A.ListExpression_toString_closure, A.Interpolation_toString_closure, A.ParameterList_verify_closure, A.ParameterList_verify_closure0, A.EachRule_toString_closure, A.IfRuleClause$__closure, A.IfRuleClause$___closure, A.ParentStatement_closure, A.ParentStatement__closure, A._IsBogusVisitor_visitComplexSelector_closure, A._IsUselessVisitor_visitComplexSelector_closure, A.ComplexSelectorComponent_toString_closure, A.CompoundSelector_hasComplicatedSuperselectorSemantics_closure, A.IDSelector_unify_closure, A.SelectorList_asSassList_closure, A.SelectorList_nestWithin_closure, A.SelectorList_nestWithin__closure, A.SelectorList_nestWithin__closure0, A.SelectorList__nestWithinCompound_closure, A.SelectorList__nestWithinCompound_closure0, A.SelectorList__nestWithinCompound_closure1, A.SelectorList_withAdditionalCombinators_closure, A.PseudoSelector_specificity__closure, A.PseudoSelector_specificity__closure0, A.PseudoSelector_unify_closure, A.SimpleSelector_isSuperselector_closure, A.SimpleSelector_isSuperselector__closure, A._compileStylesheet_closure0, A.AsyncEnvironment__getVariableFromGlobalModule_closure, A.AsyncEnvironment_setVariable_closure0, A.AsyncEnvironment__getFunctionFromGlobalModule_closure, A.AsyncEnvironment__getMixinFromGlobalModule_closure, A.AsyncEnvironment_toModule_closure, A.AsyncEnvironment_toDummyModule_closure, A._EnvironmentModule__EnvironmentModule_closure5, A._EnvironmentModule__EnvironmentModule_closure6, A._EnvironmentModule__EnvironmentModule_closure7, A._EnvironmentModule__EnvironmentModule_closure8, A._EnvironmentModule__EnvironmentModule_closure9, A._EnvironmentModule__EnvironmentModule_closure10, A._EnvironmentModule_couldHaveBeenConfigured_closure0, A.AsyncImportCache_humanize_closure, A.AsyncImportCache_humanize_closure0, A.AsyncImportCache_humanize_closure1, A.AsyncImportCache_humanize_closure2, A.AsyncBuiltInCallable$mixin_closure, A.AsyncBuiltInCallable_withDeprecationWarning_closure, A.BuiltInCallable$mixin_closure, A.BuiltInCallable_withDeprecationWarning_closure, A._compileStylesheet_closure, A.Deprecation_fromId_closure, A.Environment__getVariableFromGlobalModule_closure, A.Environment_setVariable_closure0, A.Environment__getFunctionFromGlobalModule_closure, A.Environment__getMixinFromGlobalModule_closure, A.Environment_toModule_closure, A.Environment_toDummyModule_closure, A._EnvironmentModule__EnvironmentModule_closure, A._EnvironmentModule__EnvironmentModule_closure0, A._EnvironmentModule__EnvironmentModule_closure1, A._EnvironmentModule__EnvironmentModule_closure2, A._EnvironmentModule__EnvironmentModule_closure3, A._EnvironmentModule__EnvironmentModule_closure4, A._EnvironmentModule_couldHaveBeenConfigured_closure, A._writeSourceMap_closure, A.ExecutableOptions_emitErrorCss_closure, A.repl_warn, A.watch_closure, A._Watcher__debounceEvents_closure, A.ExtensionStore_extensionsWhereTarget_closure, A.ExtensionStore__extendComplex_closure, A.ExtensionStore__extendComplex__closure, A.ExtensionStore__extendCompound_closure, A.ExtensionStore__extendCompound_closure0, A.ExtensionStore__extendCompound_closure1, A.ExtensionStore__extendSimple_withoutPseudo, A.ExtensionStore__extendSimple_closure, A.ExtensionStore__extendSimple_closure0, A.ExtensionStore__extendPseudo_closure, A.ExtensionStore__extendPseudo_closure0, A.ExtensionStore__extendPseudo_closure1, A.ExtensionStore__extendPseudo_closure2, A.ExtensionStore__extendPseudo_closure3, A.ExtensionStore__trim_closure, A.ExtensionStore__trim_closure0, A.unifyComplex_closure, A._weaveParents_closure0, A._weaveParents_closure1, A._weaveParents_closure2, A._mustUnify_closure, A._mustUnify__closure, A.paths__closure, A.paths___closure, A.listIsSuperselector_closure, A.listIsSuperselector__closure, A.complexIsSuperselector_closure, A.complexIsSuperselector_closure0, A._compatibleWithPreviousCombinator_closure, A.compoundIsSuperselector_closure, A._selectorPseudoIsSuperselector_closure, A._selectorPseudoIsSuperselector_closure0, A._selectorPseudoIsSuperselector_closure1, A._selectorPseudoIsSuperselector_closure2, A._selectorPseudoIsSuperselector_closure3, A._selectorPseudoIsSuperselector__closure, A._selectorPseudoIsSuperselector___closure, A._selectorPseudoIsSuperselector___closure0, A._selectorPseudoIsSuperselector_closure4, A._selectorPseudoIsSuperselector_closure5, A._selectorPseudoArgs_closure, A._selectorPseudoArgs_closure0, A.globalFunctions_closure, A.global_closure0, A.global_closure1, A.global_closure2, A.global_closure3, A.global_closure4, A.global_closure5, A.global_closure6, A.global_closure7, A.global_closure8, A.global_closure9, A.global_closure10, A.global_closure11, A.global_closure12, A.global_closure13, A.global_closure14, A.global_closure15, A.global_closure16, A.global_closure17, A.global_closure18, A.global_closure19, A.global_closure20, A.global_closure21, A.global_closure22, A.global_closure23, A.global_closure24, A.global_closure25, A.global_closure26, A.global_closure27, A.global_closure28, A.global_closure29, A.global_closure30, A.global_closure31, A.global_closure32, A.global_closure33, A.global_closure34, A.global_closure35, A.global__closure, A.global_closure36, A.global_closure37, A.global_closure38, A.global_closure39, A.global_closure40, A.global_closure41, A.global_closure42, A.module_closure1, A.module_closure2, A.module_closure3, A.module_closure4, A.module_closure5, A.module_closure6, A.module_closure7, A.module_closure8, A.module_closure9, A.module_closure10, A.module_closure11, A.module_closure12, A.module_closure13, A.module_closure14, A.module__closure2, A.module_closure15, A.module_closure16, A.module_closure17, A.module_closure18, A.module_closure19, A.module_closure20, A.module_closure21, A.module_closure22, A.module__closure1, A.module_closure23, A.module_closure_toXyzNoMissing, A.module_closure24, A._mix_closure, A._complement_closure, A._adjust_closure, A._scale_closure, A._change_closure, A._ieHexStr_closure, A._ieHexStr_closure_hexString, A._updateComponents_closure, A._updateComponents_closure0, A._adjustColor_closure, A._functionString_closure, A._removedColorFunction_closure, A._rgb_closure, A._hsl_closure, A._parseChannels_closure, A._parseChannels_closure0, A._colorFromChannels_closure, A._colorFromChannels_closure0, A._channelFromValue_closure, A._channelFunction_closure, A._suggestScaleAndAdjust_closure, A._length_closure0, A._nth_closure, A._setNth_closure, A._join_closure, A._append_closure0, A._zip_closure, A._zip__closure, A._zip__closure0, A._zip__closure1, A._index_closure0, A._separator_closure, A._isBracketed_closure, A._slash_closure, A._get_closure, A._set_closure, A._set__closure0, A._set_closure0, A._set__closure, A._merge_closure, A._merge_closure0, A._merge__closure, A._deepMerge_closure, A._deepRemove_closure, A._deepRemove__closure, A._remove_closure, A._remove_closure0, A._keys_closure, A._values_closure, A._hasKey_closure, A._modify_modifyNestedMap, A.global_closure, A.module_closure0, A._ceil_closure, A._clamp_closure, A._floor_closure, A._max_closure, A._min_closure, A._round_closure, A._hypot_closure, A._hypot__closure, A._log_closure, A._pow_closure, A._atan2_closure, A._compatible_closure, A._isUnitless_closure, A._unit_closure, A._percentage_closure, A._randomFunction_closure, A._div_closure, A._singleArgumentMathFunc_closure, A._numberFunction_closure, A._shared_closure, A._shared_closure0, A._shared_closure1, A._shared_closure2, A.moduleFunctions_closure, A.moduleFunctions_closure0, A.moduleFunctions__closure, A.moduleFunctions_closure1, A._nest_closure, A._nest__closure, A._append_closure, A._append__closure, A._append___closure, A._extend_closure, A._replace_closure, A._unify_closure, A._isSuperselector_closure, A._simpleSelectors_closure, A._simpleSelectors__closure, A._parse_closure, A.module_closure, A.module__closure, A.module__closure0, A._unquote_closure, A._quote_closure, A._length_closure, A._insert_closure, A._index_closure, A._slice_closure, A._toUpperCase_closure, A._toLowerCase_closure, A._uniqueId_closure, A.ImportCache_humanize_closure, A.ImportCache_humanize_closure0, A.ImportCache_humanize_closure1, A.ImportCache_humanize_closure2, A.FilesystemImporter_canonicalize_closure, A.NodePackageImporter__nodePackageExportsResolve_closure, A.NodePackageImporter__nodePackageExportsResolve_closure0, A.NodePackageImporter__nodePackageExportsResolve_closure1, A.NodePackageImporter__nodePackageExportsResolve_closure2, A.NodePackageImporter__nodePackageExportsResolve__closure, A.NodePackageImporter__nodePackageExportsResolve__closure0, A.NodePackageImporter__getMainExport_closure, A._exactlyOne_closure, A.InterpolationMap_mapException_closure, A._realCasePath_helper, A._realCasePath_helper__closure, A.readStdin_closure, A.readStdin_closure0, A.readStdin_closure1, A.readStdin_closure2, A.listDir__closure, A.listDir__closure0, A.listDir_closure_list, A.listDir__list_closure, A.watchDir_closure1, A.watchDir_closure2, A.watchDir_closure3, A.watchDir_closure4, A.DeprecationProcessingLogger_summarize_closure, A.DeprecationProcessingLogger_summarize_closure0, A._disallowedFunctionNames_closure, A.Parser_escape_closure, A.Parser_scanIdentChar_matches, A.SassParser_styleRuleSelector_closure, A.SassParser__peekIndentation_closure, A.SassParser__peekIndentation_closure0, A.SassParser__tryTrailingSemicolon_closure, A.StylesheetParser__expression_addSingleExpression, A.StylesheetParser__expression_addOperator, A.StylesheetParser__isHexColor_closure, A.StylesheetParser__unicodeRange_closure, A.StylesheetParser__unicodeRange_closure0, A.StylesheetParser_trySpecialFunction_closure, A.StylesheetGraph_modifiedSince_transitiveModificationTime, A.MapExtensions_get_pairs_closure, A._PrefixedKeys_iterator_closure, A.SourceMapBuffer_buildSourceMap_closure, A._UnprefixedKeys_iterator_closure, A._UnprefixedKeys_iterator_closure0, A.indent_closure, A.flattenVertically_closure, A.flattenVertically_closure0, A.SassCalculation__verifyLength_closure, A.SassColor$_forSpace_closure, A.HwbColorSpace_convert_toRgb, A.SassList_isBlank_closure, A.SassNumber__coerceOrConvertValue_closure, A.SassNumber__coerceOrConvertValue_closure1, A.SassNumber_multiplyUnits_closure, A.SassNumber_multiplyUnits_closure1, A.SassNumber__areAnyConvertible_closure, A.SassNumber__canonicalizeUnitList_closure, A.SassNumber_unitSuggestion_closure, A.SassNumber_unitSuggestion_closure0, A.SingleUnitSassNumber__coerceToUnit_closure, A.SingleUnitSassNumber__coerceValueToUnit_closure, A.SingleUnitSassNumber_multiplyUnits_closure, A.AnySelectorVisitor_visitComplexSelector_closure, A.AnySelectorVisitor_visitCompoundSelector_closure, A._EvaluateVisitor_closure12, A._EvaluateVisitor_closure13, A._EvaluateVisitor_closure14, A._EvaluateVisitor_closure15, A._EvaluateVisitor_closure16, A._EvaluateVisitor_closure17, A._EvaluateVisitor_closure18, A._EvaluateVisitor_closure19, A._EvaluateVisitor_closure20, A._EvaluateVisitor_closure21, A._EvaluateVisitor_closure22, A._EvaluateVisitor_closure23, A._EvaluateVisitor_closure24, A._EvaluateVisitor__loadModule__closure1, A._EvaluateVisitor__combineCss_closure1, A._EvaluateVisitor__combineCss_closure2, A._EvaluateVisitor__combineCss_visitModule0, A._EvaluateVisitor__extendModules_closure1, A._EvaluateVisitor__scopeForAtRoot_closure5, A._EvaluateVisitor__scopeForAtRoot_closure6, A._EvaluateVisitor__scopeForAtRoot_closure7, A._EvaluateVisitor__scopeForAtRoot_closure8, A._EvaluateVisitor__scopeForAtRoot_closure9, A._EvaluateVisitor__scopeForAtRoot_closure10, A._EvaluateVisitor_visitEachRule_closure2, A._EvaluateVisitor_visitEachRule_closure3, A._EvaluateVisitor_visitEachRule__closure0, A._EvaluateVisitor_visitEachRule___closure0, A._EvaluateVisitor_visitAtRule_closure2, A._EvaluateVisitor_visitAtRule_closure4, A._EvaluateVisitor_visitForRule__closure0, A._EvaluateVisitor_visitIfRule_closure0, A._EvaluateVisitor_visitIfRule___closure0, A._EvaluateVisitor__visitDynamicImport__closure3, A._EvaluateVisitor__visitDynamicImport__closure4, A._EvaluateVisitor__visitDynamicImport__closure5, A._EvaluateVisitor_visitIncludeRule_closure3, A._EvaluateVisitor_visitMediaRule_closure2, A._EvaluateVisitor_visitMediaRule_closure4, A._EvaluateVisitor_visitStyleRule_closure4, A._EvaluateVisitor_visitStyleRule_closure5, A._EvaluateVisitor__warnForBogusCombinators_closure0, A._EvaluateVisitor_visitSupportsRule_closure2, A._EvaluateVisitor_visitWhileRule__closure0, A._EvaluateVisitor__slash_recommendation0, A._EvaluateVisitor_visitListExpression_closure0, A._EvaluateVisitor_visitFunctionExpression_closure3, A._EvaluateVisitor__visitCalculation_closure0, A._EvaluateVisitor__checkCalculationArguments_check0, A._EvaluateVisitor__visitCalculationExpression__closure0, A._EvaluateVisitor__runUserDefinedCallable____closure0, A._EvaluateVisitor__runBuiltInCallable_closure4, A._EvaluateVisitor__evaluateArguments_closure3, A._EvaluateVisitor__evaluateArguments_closure4, A._EvaluateVisitor__evaluateArguments_closure6, A._EvaluateVisitor__evaluateMacroArguments_closure3, A._EvaluateVisitor__evaluateMacroArguments_closure4, A._EvaluateVisitor__evaluateMacroArguments_closure6, A._EvaluateVisitor_visitCssAtRule_closure2, A._EvaluateVisitor_visitCssKeyframeBlock_closure2, A._EvaluateVisitor_visitCssMediaRule_closure2, A._EvaluateVisitor_visitCssMediaRule_closure4, A._EvaluateVisitor_visitCssStyleRule_closure1, A._EvaluateVisitor_visitCssSupportsRule_closure2, A._EvaluateVisitor__performInterpolationHelper_closure0, A._EvaluateVisitor__withoutSlash_recommendation0, A._EvaluateVisitor__stackFrame_closure0, A._ImportedCssVisitor_visitCssAtRule_closure0, A._ImportedCssVisitor_visitCssMediaRule_closure0, A._ImportedCssVisitor_visitCssStyleRule_closure0, A._ImportedCssVisitor_visitCssSupportsRule_closure0, A._EvaluateVisitor_closure, A._EvaluateVisitor_closure0, A._EvaluateVisitor_closure1, A._EvaluateVisitor_closure2, A._EvaluateVisitor_closure3, A._EvaluateVisitor_closure4, A._EvaluateVisitor_closure5, A._EvaluateVisitor_closure6, A._EvaluateVisitor_closure7, A._EvaluateVisitor_closure8, A._EvaluateVisitor_closure9, A._EvaluateVisitor_closure10, A._EvaluateVisitor_closure11, A._EvaluateVisitor__loadModule__closure, A._EvaluateVisitor__combineCss_closure, A._EvaluateVisitor__combineCss_closure0, A._EvaluateVisitor__combineCss_visitModule, A._EvaluateVisitor__extendModules_closure, A._EvaluateVisitor__scopeForAtRoot_closure, A._EvaluateVisitor__scopeForAtRoot_closure0, A._EvaluateVisitor__scopeForAtRoot_closure1, A._EvaluateVisitor__scopeForAtRoot_closure2, A._EvaluateVisitor__scopeForAtRoot_closure3, A._EvaluateVisitor__scopeForAtRoot_closure4, A._EvaluateVisitor_visitEachRule_closure, A._EvaluateVisitor_visitEachRule_closure0, A._EvaluateVisitor_visitEachRule__closure, A._EvaluateVisitor_visitEachRule___closure, A._EvaluateVisitor_visitAtRule_closure, A._EvaluateVisitor_visitAtRule_closure1, A._EvaluateVisitor_visitForRule__closure, A._EvaluateVisitor_visitIfRule_closure, A._EvaluateVisitor_visitIfRule___closure, A._EvaluateVisitor__visitDynamicImport__closure, A._EvaluateVisitor__visitDynamicImport__closure0, A._EvaluateVisitor__visitDynamicImport__closure1, A._EvaluateVisitor_visitIncludeRule_closure0, A._EvaluateVisitor_visitMediaRule_closure, A._EvaluateVisitor_visitMediaRule_closure1, A._EvaluateVisitor_visitStyleRule_closure0, A._EvaluateVisitor_visitStyleRule_closure1, A._EvaluateVisitor__warnForBogusCombinators_closure, A._EvaluateVisitor_visitSupportsRule_closure0, A._EvaluateVisitor_visitWhileRule__closure, A._EvaluateVisitor__slash_recommendation, A._EvaluateVisitor_visitListExpression_closure, A._EvaluateVisitor_visitFunctionExpression_closure0, A._EvaluateVisitor__visitCalculation_closure, A._EvaluateVisitor__checkCalculationArguments_check, A._EvaluateVisitor__visitCalculationExpression__closure, A._EvaluateVisitor__runUserDefinedCallable____closure, A._EvaluateVisitor__runBuiltInCallable_closure1, A._EvaluateVisitor__evaluateArguments_closure, A._EvaluateVisitor__evaluateArguments_closure0, A._EvaluateVisitor__evaluateArguments_closure2, A._EvaluateVisitor__evaluateMacroArguments_closure, A._EvaluateVisitor__evaluateMacroArguments_closure0, A._EvaluateVisitor__evaluateMacroArguments_closure2, A._EvaluateVisitor_visitCssAtRule_closure0, A._EvaluateVisitor_visitCssKeyframeBlock_closure0, A._EvaluateVisitor_visitCssMediaRule_closure, A._EvaluateVisitor_visitCssMediaRule_closure1, A._EvaluateVisitor_visitCssStyleRule_closure, A._EvaluateVisitor_visitCssSupportsRule_closure0, A._EvaluateVisitor__performInterpolationHelper_closure, A._EvaluateVisitor__withoutSlash_recommendation, A._EvaluateVisitor__stackFrame_closure, A._ImportedCssVisitor_visitCssAtRule_closure, A._ImportedCssVisitor_visitCssMediaRule_closure, A._ImportedCssVisitor_visitCssStyleRule_closure, A._ImportedCssVisitor_visitCssSupportsRule_closure, A.EveryCssVisitor_visitCssAtRule_closure, A.EveryCssVisitor_visitCssKeyframeBlock_closure, A.EveryCssVisitor_visitCssMediaRule_closure, A.EveryCssVisitor_visitCssStyleRule_closure, A.EveryCssVisitor_visitCssStylesheet_closure, A.EveryCssVisitor_visitCssSupportsRule_closure, A.IsCalculationSafeVisitor_visitListExpression_closure, A.ReplaceExpressionVisitor_visitListExpression_closure, A.ReplaceExpressionVisitor_visitArgumentList_closure, A.ReplaceExpressionVisitor_visitInterpolation_closure, A.SelectorSearchVisitor_visitComplexSelector_closure, A.SelectorSearchVisitor_visitCompoundSelector_closure, A.serialize_closure, A._SerializeVisitor_visitList_closure, A._SerializeVisitor_visitList_closure0, A._SerializeVisitor_visitList_closure1, A._SerializeVisitor_visitMap_closure, A._SerializeVisitor_visitSelectorList_closure, A.StatementSearchVisitor_visitIfRule_closure, A.StatementSearchVisitor_visitIfRule__closure0, A.StatementSearchVisitor_visitIfRule_closure0, A.StatementSearchVisitor_visitIfRule__closure, A.StatementSearchVisitor_visitChildren_closure, A.SingleMapping_SingleMapping$fromEntries_closure1, A.SingleMapping_toJson_closure, A.Highlighter$__closure, A.Highlighter$___closure, A.Highlighter$__closure0, A.Highlighter__collateLines_closure, A.Highlighter__collateLines_closure1, A.Highlighter__collateLines__closure, A.Highlighter_highlight_closure, A.Chain_Chain$parse_closure, A.Chain_toTrace_closure, A.Chain_toString_closure0, A.Chain_toString__closure0, A.Chain_toString_closure, A.Chain_toString__closure, A.Trace__parseVM_closure, A.Trace$parseV8_closure, A.Trace$parseJSCore_closure, A.Trace$parseFirefox_closure, A.Trace$parseFriendly_closure, A.Trace_terse_closure, A.Trace_foldFrames_closure, A.Trace_foldFrames_closure0, A.Trace_toString_closure0, A.Trace_toString_closure, A.TransformByHandlers_transformByHandlers__closure, A.RateLimit__debounceAggregate_closure0, A.AnySelectorVisitor_visitComplexSelector_closure0, A.AnySelectorVisitor_visitCompoundSelector_closure0, A.argumentListClass__closure, A.argumentListClass__closure0, A.AsyncBuiltInCallable$mixin_closure0, A.AsyncBuiltInCallable_withDeprecationWarning_closure0, A._compileStylesheet_closure2, A.AsyncEnvironment__getVariableFromGlobalModule_closure0, A.AsyncEnvironment_setVariable_closure3, A.AsyncEnvironment__getFunctionFromGlobalModule_closure0, A.AsyncEnvironment__getMixinFromGlobalModule_closure0, A.AsyncEnvironment_toModule_closure0, A.AsyncEnvironment_toDummyModule_closure0, A._EnvironmentModule__EnvironmentModule_closure17, A._EnvironmentModule__EnvironmentModule_closure18, A._EnvironmentModule__EnvironmentModule_closure19, A._EnvironmentModule__EnvironmentModule_closure20, A._EnvironmentModule__EnvironmentModule_closure21, A._EnvironmentModule__EnvironmentModule_closure22, A._EnvironmentModule_couldHaveBeenConfigured_closure2, A._EvaluateVisitor_closure38, A._EvaluateVisitor_closure39, A._EvaluateVisitor_closure40, A._EvaluateVisitor_closure41, A._EvaluateVisitor_closure42, A._EvaluateVisitor_closure43, A._EvaluateVisitor_closure44, A._EvaluateVisitor_closure45, A._EvaluateVisitor_closure46, A._EvaluateVisitor_closure47, A._EvaluateVisitor_closure48, A._EvaluateVisitor_closure49, A._EvaluateVisitor_closure50, A._EvaluateVisitor__loadModule__closure5, A._EvaluateVisitor__combineCss_closure5, A._EvaluateVisitor__combineCss_closure6, A._EvaluateVisitor__combineCss_visitModule2, A._EvaluateVisitor__extendModules_closure5, A._EvaluateVisitor__scopeForAtRoot_closure17, A._EvaluateVisitor__scopeForAtRoot_closure18, A._EvaluateVisitor__scopeForAtRoot_closure19, A._EvaluateVisitor__scopeForAtRoot_closure20, A._EvaluateVisitor__scopeForAtRoot_closure21, A._EvaluateVisitor__scopeForAtRoot_closure22, A._EvaluateVisitor_visitEachRule_closure8, A._EvaluateVisitor_visitEachRule_closure9, A._EvaluateVisitor_visitEachRule__closure2, A._EvaluateVisitor_visitEachRule___closure2, A._EvaluateVisitor_visitAtRule_closure8, A._EvaluateVisitor_visitAtRule_closure10, A._EvaluateVisitor_visitForRule__closure2, A._EvaluateVisitor_visitIfRule_closure2, A._EvaluateVisitor_visitIfRule___closure2, A._EvaluateVisitor__visitDynamicImport__closure11, A._EvaluateVisitor__visitDynamicImport__closure12, A._EvaluateVisitor__visitDynamicImport__closure13, A._EvaluateVisitor_visitIncludeRule_closure9, A._EvaluateVisitor_visitMediaRule_closure8, A._EvaluateVisitor_visitMediaRule_closure10, A._EvaluateVisitor_visitStyleRule_closure12, A._EvaluateVisitor_visitStyleRule_closure13, A._EvaluateVisitor__warnForBogusCombinators_closure2, A._EvaluateVisitor_visitSupportsRule_closure6, A._EvaluateVisitor_visitWhileRule__closure2, A._EvaluateVisitor__slash_recommendation2, A._EvaluateVisitor_visitListExpression_closure2, A._EvaluateVisitor_visitFunctionExpression_closure9, A._EvaluateVisitor__visitCalculation_closure2, A._EvaluateVisitor__checkCalculationArguments_check2, A._EvaluateVisitor__visitCalculationExpression__closure2, A._EvaluateVisitor__runUserDefinedCallable____closure2, A._EvaluateVisitor__runBuiltInCallable_closure10, A._EvaluateVisitor__evaluateArguments_closure11, A._EvaluateVisitor__evaluateArguments_closure12, A._EvaluateVisitor__evaluateArguments_closure14, A._EvaluateVisitor__evaluateMacroArguments_closure11, A._EvaluateVisitor__evaluateMacroArguments_closure12, A._EvaluateVisitor__evaluateMacroArguments_closure14, A._EvaluateVisitor_visitCssAtRule_closure6, A._EvaluateVisitor_visitCssKeyframeBlock_closure6, A._EvaluateVisitor_visitCssMediaRule_closure8, A._EvaluateVisitor_visitCssMediaRule_closure10, A._EvaluateVisitor_visitCssStyleRule_closure5, A._EvaluateVisitor_visitCssSupportsRule_closure6, A._EvaluateVisitor__performInterpolationHelper_closure2, A._EvaluateVisitor__withoutSlash_recommendation2, A._EvaluateVisitor__stackFrame_closure2, A._ImportedCssVisitor_visitCssAtRule_closure2, A._ImportedCssVisitor_visitCssMediaRule_closure2, A._ImportedCssVisitor_visitCssStyleRule_closure2, A._ImportedCssVisitor_visitCssSupportsRule_closure2, A.AsyncImportCache_humanize_closure3, A.AsyncImportCache_humanize_closure4, A.AsyncImportCache_humanize_closure5, A.AsyncImportCache_humanize_closure6, A.booleanClass__closure, A.legacyBooleanClass__closure, A.legacyBooleanClass__closure0, A.BuiltInCallable$mixin_closure0, A.BuiltInCallable_withDeprecationWarning_closure0, A.calculationClass__closure, A.calculationClass__closure0, A.calculationClass__closure1, A.calculationClass__closure2, A.calculationClass__closure3, A.calculationClass__closure4, A.calculationClass__closure5, A.calculationOperationClass__closure, A.calculationOperationClass___closure, A.calculationOperationClass__closure1, A.calculationOperationClass__closure2, A.calculationOperationClass__closure3, A.calculationOperationClass__closure4, A.calculationInterpolationClass__closure1, A.calculationInterpolationClass__closure2, A.SassCalculation__verifyLength_closure0, A.updateCanonicalizeContextPrototype_closure, A.updateCanonicalizeContextPrototype_closure0, A.global_closure44, A.global_closure45, A.global_closure46, A.global_closure47, A.global_closure48, A.global_closure49, A.global_closure50, A.global_closure51, A.global_closure52, A.global_closure53, A.global_closure54, A.global_closure55, A.global_closure56, A.global_closure57, A.global_closure58, A.global_closure59, A.global_closure60, A.global_closure61, A.global_closure62, A.global_closure63, A.global_closure64, A.global_closure65, A.global_closure66, A.global_closure67, A.global_closure68, A.global_closure69, A.global_closure70, A.global_closure71, A.global_closure72, A.global_closure73, A.global_closure74, A.global_closure75, A.global_closure76, A.global_closure77, A.global_closure78, A.global_closure79, A.global__closure0, A.global_closure80, A.global_closure81, A.global_closure82, A.global_closure83, A.global_closure84, A.global_closure85, A.global_closure86, A.module_closure27, A.module_closure28, A.module_closure29, A.module_closure30, A.module_closure31, A.module_closure32, A.module_closure33, A.module_closure34, A.module_closure35, A.module_closure36, A.module_closure37, A.module_closure38, A.module_closure39, A.module_closure40, A.module__closure6, A.module_closure41, A.module_closure42, A.module_closure43, A.module_closure44, A.module_closure45, A.module_closure46, A.module_closure47, A.module_closure48, A.module__closure5, A.module_closure49, A.module_closure_toXyzNoMissing0, A.module_closure50, A._mix_closure0, A._complement_closure0, A._adjust_closure0, A._scale_closure0, A._change_closure0, A._ieHexStr_closure0, A._ieHexStr_closure_hexString0, A._updateComponents_closure1, A._updateComponents_closure2, A._adjustColor_closure0, A._functionString_closure0, A._removedColorFunction_closure0, A._rgb_closure0, A._hsl_closure0, A._parseChannels_closure1, A._parseChannels_closure2, A._colorFromChannels_closure1, A._colorFromChannels_closure2, A._channelFromValue_closure0, A._channelFunction_closure0, A._suggestScaleAndAdjust_closure0, A.colorClass__closure1, A.colorClass__closure3, A.colorClass__closure5, A.colorClass__closure7, A.colorClass___closure, A.colorClass__closure_changedValue, A.colorClass__closure9, A.colorClass__closure10, A.colorClass__closure11, A.colorClass__closure12, A.colorClass__closure13, A.colorClass__closure14, A.colorClass__closure15, A.colorClass__closure16, A.colorClass__closure17, A.colorClass__closure18, A.colorClass__closure19, A.colorClass__closure20, A.colorClass__closure21, A.colorClass__closure22, A.legacyColorClass_closure, A.legacyColorClass__closure, A.legacyColorClass_closure0, A.legacyColorClass_closure1, A.legacyColorClass_closure2, A.legacyColorClass_closure3, A.SassColor$_forSpace_closure0, A.compileAsync__closure, A.compileStringAsync__closure, A.compileStringAsync__closure0, A._wrapAsyncSassExceptions_closure, A._parseFunctions__closure2, A._parseFunctions__closure3, A.nodePackageImporterClass__closure, A._compileStylesheet_closure1, A.AsyncCompiler_addCompilation_closure, A.compilerClass__closure, A.compilerClass__closure0, A.compilerClass__closure1, A.compilerClass__closure2, A.asyncCompilerClass__closure, A.asyncCompilerClass__closure0, A.asyncCompilerClass__closure1, A.asyncCompilerClass__closure2, A.ComplexSelectorComponent_toString_closure0, A.CompoundSelector_hasComplicatedSuperselectorSemantics_closure0, A._disallowedFunctionNames_closure0, A.Deprecation_fromId_closure0, A.DeprecationProcessingLogger_summarize_closure1, A.DeprecationProcessingLogger_summarize_closure2, A.versionClass__closure, A.versionClass__closure0, A.EachRule_toString_closure0, A.Environment__getVariableFromGlobalModule_closure0, A.Environment_setVariable_closure3, A.Environment__getFunctionFromGlobalModule_closure0, A.Environment__getMixinFromGlobalModule_closure0, A.Environment_toModule_closure0, A.Environment_toDummyModule_closure0, A._EnvironmentModule__EnvironmentModule_closure11, A._EnvironmentModule__EnvironmentModule_closure12, A._EnvironmentModule__EnvironmentModule_closure13, A._EnvironmentModule__EnvironmentModule_closure14, A._EnvironmentModule__EnvironmentModule_closure15, A._EnvironmentModule__EnvironmentModule_closure16, A._EnvironmentModule_couldHaveBeenConfigured_closure1, A._EvaluateVisitor_closure25, A._EvaluateVisitor_closure26, A._EvaluateVisitor_closure27, A._EvaluateVisitor_closure28, A._EvaluateVisitor_closure29, A._EvaluateVisitor_closure30, A._EvaluateVisitor_closure31, A._EvaluateVisitor_closure32, A._EvaluateVisitor_closure33, A._EvaluateVisitor_closure34, A._EvaluateVisitor_closure35, A._EvaluateVisitor_closure36, A._EvaluateVisitor_closure37, A._EvaluateVisitor__loadModule__closure3, A._EvaluateVisitor__combineCss_closure3, A._EvaluateVisitor__combineCss_closure4, A._EvaluateVisitor__combineCss_visitModule1, A._EvaluateVisitor__extendModules_closure3, A._EvaluateVisitor__scopeForAtRoot_closure11, A._EvaluateVisitor__scopeForAtRoot_closure12, A._EvaluateVisitor__scopeForAtRoot_closure13, A._EvaluateVisitor__scopeForAtRoot_closure14, A._EvaluateVisitor__scopeForAtRoot_closure15, A._EvaluateVisitor__scopeForAtRoot_closure16, A._EvaluateVisitor_visitEachRule_closure5, A._EvaluateVisitor_visitEachRule_closure6, A._EvaluateVisitor_visitEachRule__closure1, A._EvaluateVisitor_visitEachRule___closure1, A._EvaluateVisitor_visitAtRule_closure5, A._EvaluateVisitor_visitAtRule_closure7, A._EvaluateVisitor_visitForRule__closure1, A._EvaluateVisitor_visitIfRule_closure1, A._EvaluateVisitor_visitIfRule___closure1, A._EvaluateVisitor__visitDynamicImport__closure7, A._EvaluateVisitor__visitDynamicImport__closure8, A._EvaluateVisitor__visitDynamicImport__closure9, A._EvaluateVisitor_visitIncludeRule_closure6, A._EvaluateVisitor_visitMediaRule_closure5, A._EvaluateVisitor_visitMediaRule_closure7, A._EvaluateVisitor_visitStyleRule_closure8, A._EvaluateVisitor_visitStyleRule_closure9, A._EvaluateVisitor__warnForBogusCombinators_closure1, A._EvaluateVisitor_visitSupportsRule_closure4, A._EvaluateVisitor_visitWhileRule__closure1, A._EvaluateVisitor__slash_recommendation1, A._EvaluateVisitor_visitListExpression_closure1, A._EvaluateVisitor_visitFunctionExpression_closure6, A._EvaluateVisitor__visitCalculation_closure1, A._EvaluateVisitor__checkCalculationArguments_check1, A._EvaluateVisitor__visitCalculationExpression__closure1, A._EvaluateVisitor__runUserDefinedCallable____closure1, A._EvaluateVisitor__runBuiltInCallable_closure7, A._EvaluateVisitor__evaluateArguments_closure7, A._EvaluateVisitor__evaluateArguments_closure8, A._EvaluateVisitor__evaluateArguments_closure10, A._EvaluateVisitor__evaluateMacroArguments_closure7, A._EvaluateVisitor__evaluateMacroArguments_closure8, A._EvaluateVisitor__evaluateMacroArguments_closure10, A._EvaluateVisitor_visitCssAtRule_closure4, A._EvaluateVisitor_visitCssKeyframeBlock_closure4, A._EvaluateVisitor_visitCssMediaRule_closure5, A._EvaluateVisitor_visitCssMediaRule_closure7, A._EvaluateVisitor_visitCssStyleRule_closure3, A._EvaluateVisitor_visitCssSupportsRule_closure4, A._EvaluateVisitor__performInterpolationHelper_closure1, A._EvaluateVisitor__withoutSlash_recommendation1, A._EvaluateVisitor__stackFrame_closure1, A._ImportedCssVisitor_visitCssAtRule_closure1, A._ImportedCssVisitor_visitCssMediaRule_closure1, A._ImportedCssVisitor_visitCssStyleRule_closure1, A._ImportedCssVisitor_visitCssSupportsRule_closure1, A.EveryCssVisitor_visitCssAtRule_closure0, A.EveryCssVisitor_visitCssKeyframeBlock_closure0, A.EveryCssVisitor_visitCssMediaRule_closure0, A.EveryCssVisitor_visitCssStyleRule_closure0, A.EveryCssVisitor_visitCssStylesheet_closure0, A.EveryCssVisitor_visitCssSupportsRule_closure0, A.exceptionClass__closure, A.exceptionClass__closure0, A.exceptionClass__closure1, A.ExtensionStore_extensionsWhereTarget_closure0, A.ExtensionStore__extendComplex_closure0, A.ExtensionStore__extendComplex__closure0, A.ExtensionStore__extendCompound_closure2, A.ExtensionStore__extendCompound_closure3, A.ExtensionStore__extendCompound_closure4, A.ExtensionStore__extendSimple_withoutPseudo0, A.ExtensionStore__extendSimple_closure1, A.ExtensionStore__extendSimple_closure2, A.ExtensionStore__extendPseudo_closure4, A.ExtensionStore__extendPseudo_closure5, A.ExtensionStore__extendPseudo_closure6, A.ExtensionStore__extendPseudo_closure7, A.ExtensionStore__extendPseudo_closure8, A.ExtensionStore__trim_closure1, A.ExtensionStore__trim_closure2, A.FilesystemImporter_canonicalize_closure0, A.functionClass__closure, A.functionClass__closure0, A.unifyComplex_closure0, A._weaveParents_closure4, A._weaveParents_closure5, A._weaveParents_closure6, A._mustUnify_closure0, A._mustUnify__closure0, A.paths__closure0, A.paths___closure0, A.listIsSuperselector_closure0, A.listIsSuperselector__closure0, A.complexIsSuperselector_closure1, A.complexIsSuperselector_closure2, A._compatibleWithPreviousCombinator_closure0, A.compoundIsSuperselector_closure0, A._selectorPseudoIsSuperselector_closure6, A._selectorPseudoIsSuperselector_closure7, A._selectorPseudoIsSuperselector_closure8, A._selectorPseudoIsSuperselector_closure9, A._selectorPseudoIsSuperselector_closure10, A._selectorPseudoIsSuperselector__closure0, A._selectorPseudoIsSuperselector___closure1, A._selectorPseudoIsSuperselector___closure2, A._selectorPseudoIsSuperselector_closure11, A._selectorPseudoIsSuperselector_closure12, A._selectorPseudoArgs_closure1, A._selectorPseudoArgs_closure2, A.globalFunctions_closure0, A.HwbColorSpace_convert_toRgb0, A.IDSelector_unify_closure0, A.IfRuleClause$__closure0, A.IfRuleClause$___closure0, A.immutableMapToDartMap_closure, A.NodeImporter__tryPath_closure0, A.ImportCache_humanize_closure3, A.ImportCache_humanize_closure4, A.ImportCache_humanize_closure5, A.ImportCache_humanize_closure6, A.Interpolation_toString_closure0, A.InterpolationMap_mapException_closure0, A._realCasePath_helper0, A._realCasePath_helper__closure0, A.IsCalculationSafeVisitor_visitListExpression_closure0, A.listDir__closure1, A.listDir__closure2, A.listDir_closure_list0, A.listDir__list_closure0, A.render_closure0, A._parseFunctions__closure, A._parseFunctions___closure2, A._parseFunctions__closure0, A._parseFunctions__closure1, A._parseFunctions___closure, A._parseImporter_closure, A._parseImporter__closure, A._parseImporter___closure, A.ListExpression_toString_closure0, A._length_closure2, A._nth_closure0, A._setNth_closure0, A._join_closure0, A._append_closure2, A._zip_closure0, A._zip__closure2, A._zip__closure3, A._zip__closure4, A._index_closure2, A._separator_closure0, A._isBracketed_closure0, A._slash_closure0, A.SelectorList_asSassList_closure0, A.SelectorList_nestWithin_closure0, A.SelectorList_nestWithin__closure1, A.SelectorList_nestWithin__closure2, A.SelectorList__nestWithinCompound_closure2, A.SelectorList__nestWithinCompound_closure3, A.SelectorList__nestWithinCompound_closure4, A.SelectorList_withAdditionalCombinators_closure0, A.listClass__closure, A.legacyListClass_closure, A.legacyListClass__closure, A.legacyListClass_closure1, A.legacyListClass_closure2, A.legacyListClass_closure4, A.SassList_isBlank_closure0, A._get_closure0, A._set_closure1, A._set__closure2, A._set_closure2, A._set__closure1, A._merge_closure1, A._merge_closure2, A._merge__closure0, A._deepMerge_closure0, A._deepRemove_closure0, A._deepRemove__closure0, A._remove_closure1, A._remove_closure2, A._keys_closure0, A._values_closure0, A._hasKey_closure0, A._modify_modifyNestedMap0, A.MapExtensions_get_pairs_closure0, A.mapClass__closure, A.mapClass__closure0, A.legacyMapClass_closure, A.legacyMapClass__closure, A.legacyMapClass__closure0, A.legacyMapClass_closure2, A.legacyMapClass_closure3, A.legacyMapClass_closure4, A.global_closure43, A.module_closure26, A._ceil_closure0, A._clamp_closure0, A._floor_closure0, A._max_closure0, A._min_closure0, A._round_closure0, A._hypot_closure0, A._hypot__closure0, A._log_closure0, A._pow_closure0, A._atan2_closure0, A._compatible_closure0, A._isUnitless_closure0, A._unit_closure0, A._percentage_closure0, A._randomFunction_closure0, A._div_closure0, A._singleArgumentMathFunc_closure0, A._numberFunction_closure0, A._shared_closure3, A._shared_closure4, A._shared_closure5, A._shared_closure6, A.moduleFunctions_closure2, A.moduleFunctions_closure3, A.moduleFunctions__closure0, A.moduleFunctions_closure4, A.mixinClass__closure, A.mixinClass__closure0, A.ModifiableCssNode_hasFollowingSibling_closure0, A.NodePackageImporter__nodePackageExportsResolve_closure3, A.NodePackageImporter__nodePackageExportsResolve_closure4, A.NodePackageImporter__nodePackageExportsResolve_closure5, A.NodePackageImporter__nodePackageExportsResolve_closure6, A.NodePackageImporter__nodePackageExportsResolve__closure1, A.NodePackageImporter__nodePackageExportsResolve__closure2, A.NodePackageImporter__getMainExport_closure0, A.legacyNullClass__closure, A.numberClass__closure, A.numberClass__closure0, A.numberClass__closure1, A.numberClass__closure2, A.numberClass__closure3, A.numberClass__closure4, A.numberClass__closure5, A.numberClass__closure6, A.numberClass__closure7, A.numberClass__closure8, A.numberClass__closure9, A.numberClass__closure12, A.numberClass__closure13, A.numberClass__closure14, A.numberClass__closure15, A.numberClass__closure16, A.numberClass__closure17, A.numberClass__closure18, A.numberClass__closure19, A.legacyNumberClass_closure, A.legacyNumberClass_closure0, A.legacyNumberClass_closure2, A._parseNumber_closure, A._parseNumber_closure0, A.SassNumber__coerceOrConvertValue_closure3, A.SassNumber__coerceOrConvertValue_closure5, A.SassNumber_multiplyUnits_closure3, A.SassNumber_multiplyUnits_closure5, A.SassNumber__areAnyConvertible_closure0, A.SassNumber__canonicalizeUnitList_closure0, A.SassNumber_unitSuggestion_closure1, A.SassNumber_unitSuggestion_closure2, A.ParameterList_verify_closure1, A.ParameterList_verify_closure2, A.ParentStatement_closure0, A.ParentStatement__closure0, A.loadParserExports_closure, A.loadParserExports_closure0, A.loadParserExports_closure1, A._updateAstPrototypes_closure, A._updateAstPrototypes_closure0, A._updateAstPrototypes_closure1, A._updateAstPrototypes_closure4, A._updateAstPrototypes_closure5, A._updateAstPrototypes_closure6, A._updateAstPrototypes_closure7, A._updateAstPrototypes_closure8, A._updateAstPrototypes_closure9, A._addSupportsConditionToInterpolation_closure, A.Parser_escape_closure0, A.Parser_scanIdentChar_matches0, A._PrefixedKeys_iterator_closure0, A.PseudoSelector_specificity__closure1, A.PseudoSelector_specificity__closure2, A.PseudoSelector_unify_closure0, A.JSClassExtension_setCustomInspect_closure, A.ReplaceExpressionVisitor_visitListExpression_closure0, A.ReplaceExpressionVisitor_visitArgumentList_closure0, A.ReplaceExpressionVisitor_visitInterpolation_closure0, A.SassParser_styleRuleSelector_closure0, A.SassParser__peekIndentation_closure1, A.SassParser__peekIndentation_closure2, A.SassParser__tryTrailingSemicolon_closure0, A._wrapMain_closure, A._wrapMain_closure0, A._IsBogusVisitor_visitComplexSelector_closure0, A._IsUselessVisitor_visitComplexSelector_closure0, A._nest_closure0, A._nest__closure1, A._append_closure1, A._append__closure1, A._append___closure0, A._extend_closure0, A._replace_closure0, A._unify_closure0, A._isSuperselector_closure0, A._simpleSelectors_closure0, A._simpleSelectors__closure0, A._parse_closure0, A.SelectorSearchVisitor_visitComplexSelector_closure0, A.SelectorSearchVisitor_visitCompoundSelector_closure0, A.serialize_closure0, A._SerializeVisitor_visitList_closure2, A._SerializeVisitor_visitList_closure3, A._SerializeVisitor_visitList_closure4, A._SerializeVisitor_visitMap_closure0, A._SerializeVisitor_visitSelectorList_closure0, A.SimpleSelector_isSuperselector_closure0, A.SimpleSelector_isSuperselector__closure0, A.SingleUnitSassNumber__coerceToUnit_closure0, A.SingleUnitSassNumber__coerceValueToUnit_closure0, A.SingleUnitSassNumber_multiplyUnits_closure1, A.SourceMapBuffer_buildSourceMap_closure0, A.updateSourceSpanPrototype_closure0, A.updateSourceSpanPrototype_closure1, A.updateSourceSpanPrototype_closure2, A.updateSourceSpanPrototype__closure, A.updateSourceSpanPrototype_closure3, A.updateSourceSpanPrototype_closure4, A.updateSourceSpanPrototype_closure5, A.updateSourceSpanPrototype_closure6, A.StatementSearchVisitor_visitIfRule_closure1, A.StatementSearchVisitor_visitIfRule__closure2, A.StatementSearchVisitor_visitIfRule_closure2, A.StatementSearchVisitor_visitIfRule__closure1, A.StatementSearchVisitor_visitChildren_closure0, A.module_closure25, A.module__closure3, A.module__closure4, A._unquote_closure0, A._quote_closure0, A._length_closure1, A._insert_closure0, A._index_closure1, A._slice_closure0, A._toUpperCase_closure0, A._toLowerCase_closure0, A._uniqueId_closure0, A.StringExtension_toCssIdentifier_writeEscape, A.StringExtension_toCssIdentifier_consumeSurrogatePair, A.stringClass__closure, A.stringClass__closure0, A.stringClass__closure1, A.stringClass__closure2, A.stringClass__closure3, A.legacyStringClass_closure, A.legacyStringClass_closure0, A.StylesheetParser__expression_addSingleExpression0, A.StylesheetParser__expression_addOperator0, A.StylesheetParser__isHexColor_closure0, A.StylesheetParser__unicodeRange_closure1, A.StylesheetParser__unicodeRange_closure2, A.StylesheetParser_trySpecialFunction_closure0, A._UnprefixedKeys_iterator_closure1, A._UnprefixedKeys_iterator_closure2, A._exactlyOne_closure0, A.futureToPromise__closure0, A.indent_closure0, A.flattenVertically_closure1, A.flattenVertically_closure2, A.valueClass__closure, A.valueClass__closure0, A.valueClass__closure1, A.valueClass__closure2, A.valueClass__closure3, A.valueClass__closure4, A.valueClass__closure5, A.valueClass__closure7, A.valueClass__closure8, A.valueClass__closure9, A.valueClass__closure10, A.valueClass__closure11, A.valueClass__closure12, A.valueClass__closure13, A.valueClass__closure14, A.valueClass__closure15, A.valueClass__closure17, A.valueClass__closure18]);
+    _inheritMany(A.Closure2Args, [A._CastListBase_sort_closure, A.CastMap_forEach_closure, A.Primitives_functionNoSuchMethod_closure, A.JsLinkedHashMap_addAll_closure, A.initHooks_closure0, A._awaitOnObject_closure0, A._wrapJsFunctionForAsync_closure, A.Future_wait_handleError, A._Future__propagateToListeners_handleWhenCompleteCallback_closure0, A.Stream_Stream$fromFuture_closure0, A._AddStreamState_makeErrorHandler_closure, A._HashMap_addAll_closure, A.HashMap_HashMap$from_closure, A.LinkedHashMap_LinkedHashMap$from_closure, A.MapBase_addAll_closure, A.MapBase_mapToString_closure, A._JsonMap_addAll_closure, A._JsonStringifier_writeMap_closure, A.NoSuchMethodError_toString_closure, A.Uri__parseIPv4Address_error, A.Uri_parseIPv6Address_error, A.Uri_parseIPv6Address_parseHex, A.Parser_parse_closure, A.FutureGroup_add_closure0, A.StreamQueue__ensureListening_closure1, A.futureToPromise_closure, A.PathMap__create_closure, A.IfRule_toString_closure, A.ComplexSelector_specificity_closure, A.CompoundSelector_specificity_closure, A.ExtensionStore_clone_closure, A._weaveParents_closure, A.paths_closure, A._nest__closure0, A._append__closure0, A.watchDir_closure0, A.ParcelWatcher_subscribe_closure, A.StylesheetParser__styleRule_closure, A.StylesheetParser__tryDeclarationChildren_closure, A.StylesheetParser__atRootRule_closure, A.StylesheetParser__atRootRule_closure0, A.StylesheetParser__eachRule_closure, A.StylesheetParser__functionRule_closure, A.StylesheetParser__forRule_closure0, A.StylesheetParser__includeRule_closure, A.StylesheetParser_mediaRule_closure, A.StylesheetParser__mixinRule_closure, A.StylesheetParser_mozDocumentRule_closure0, A.StylesheetParser_supportsRule_closure, A.StylesheetParser__whileRule_closure, A.StylesheetParser_unknownAtRule_closure, A.longestCommonSubsequence_backtrack, A.mapAddAll2_closure, A.SassNumber_plus_closure, A.SassNumber_minus_closure, A.SassNumber__canonicalMultiplier_closure, A._EvaluateVisitor__closure3, A._EvaluateVisitor__closure4, A._EvaluateVisitor_visitForwardRule_closure1, A._EvaluateVisitor_visitForwardRule_closure2, A._EvaluateVisitor_visitUseRule_closure0, A._EvaluateVisitor__evaluateArguments_closure5, A._EvaluateVisitor__evaluateMacroArguments_closure5, A._EvaluateVisitor__addRestMap_closure0, A._EvaluateVisitor__closure, A._EvaluateVisitor__closure0, A._EvaluateVisitor_visitForwardRule_closure, A._EvaluateVisitor_visitForwardRule_closure0, A._EvaluateVisitor_visitUseRule_closure, A._EvaluateVisitor__evaluateArguments_closure1, A._EvaluateVisitor__evaluateMacroArguments_closure1, A._EvaluateVisitor__addRestMap_closure, A.SingleMapping_toJson_closure0, A.Highlighter__collateLines_closure0, A.Frame_Frame$parseV8_closure_parseJsLocation, A.TransformByHandlers_transformByHandlers__closure1, A.RateLimit__debounceAggregate_closure, A._EvaluateVisitor__closure11, A._EvaluateVisitor__closure12, A._EvaluateVisitor_visitForwardRule_closure5, A._EvaluateVisitor_visitForwardRule_closure6, A._EvaluateVisitor_visitUseRule_closure2, A._EvaluateVisitor__evaluateArguments_closure13, A._EvaluateVisitor__evaluateMacroArguments_closure13, A._EvaluateVisitor__addRestMap_closure2, A.calculationOperationClass__closure0, A.calculationInterpolationClass__closure, A.calculationInterpolationClass__closure0, A.colorClass__closure, A.colorClass__closure0, A.colorClass__closure2, A.colorClass__closure4, A.colorClass__closure6, A.colorClass__closure8, A.legacyColorClass_closure4, A.legacyColorClass_closure5, A.legacyColorClass_closure6, A.legacyColorClass_closure7, A._parseFunctions_closure0, A.ComplexSelector_specificity_closure0, A.CompoundSelector_specificity_closure0, A._EvaluateVisitor__closure7, A._EvaluateVisitor__closure8, A._EvaluateVisitor_visitForwardRule_closure3, A._EvaluateVisitor_visitForwardRule_closure4, A._EvaluateVisitor_visitUseRule_closure1, A._EvaluateVisitor__evaluateArguments_closure9, A._EvaluateVisitor__evaluateMacroArguments_closure9, A._EvaluateVisitor__addRestMap_closure1, A.ExtensionStore_clone_closure0, A._weaveParents_closure3, A.paths_closure0, A.IfRule_toString_closure0, A.main_closure, A.main_closure0, A.render_closure1, A._parseFunctions_closure, A.listClass__closure0, A.legacyListClass_closure0, A.legacyListClass_closure3, A.mapClass__closure1, A.legacyMapClass_closure0, A.legacyMapClass_closure1, A.numberClass__closure10, A.numberClass__closure11, A.legacyNumberClass_closure1, A.legacyNumberClass_closure3, A.SassNumber_plus_closure0, A.SassNumber_minus_closure0, A.SassNumber__canonicalMultiplier_closure0, A._updateAstPrototypes_closure2, A._updateAstPrototypes_closure3, A.JSClassExtension_get_defineStaticMethod_closure, A.JSClassExtension_get_defineMethod_closure, A.JSClassExtension_get_defineGetter_closure, A._nest__closure2, A._append__closure2, A.legacyStringClass_closure1, A.StylesheetParser__styleRule_closure0, A.StylesheetParser__tryDeclarationChildren_closure0, A.StylesheetParser__atRootRule_closure1, A.StylesheetParser__atRootRule_closure2, A.StylesheetParser__eachRule_closure0, A.StylesheetParser__functionRule_closure0, A.StylesheetParser__forRule_closure2, A.StylesheetParser__includeRule_closure0, A.StylesheetParser_mediaRule_closure0, A.StylesheetParser__mixinRule_closure0, A.StylesheetParser_mozDocumentRule_closure2, A.StylesheetParser_supportsRule_closure0, A.StylesheetParser__whileRule_closure0, A.StylesheetParser_unknownAtRule_closure0, A.futureToPromise_closure0, A.futureToPromise__closure1, A.objectToMap_closure, A.longestCommonSubsequence_backtrack0, A.mapAddAll2_closure0, A.valueClass__closure6, A.valueClass__closure16]);
+    _inherit(A.CastList, A._CastListBase);
+    _inheritMany(A.MapBase, [A.CastMap, A.JsLinkedHashMap, A._HashMap, A.UnmodifiableMapBase, A._JsonMap, A.MergedMapView, A.MergedMapView0]);
+    _inheritMany(A.Error, [A.LateError, A.TypeError, A.JsNoSuchMethodError, A.UnknownJsTypeError, A.RuntimeError, A._Error, A.JsonUnsupportedObjectError, A.AssertionError, A.ArgumentError, A.NoSuchMethodError, A.UnsupportedError, A.UnimplementedError, A.StateError, A.ConcurrentModificationError]);
+    _inherit(A.UnmodifiableListBase, A.ListBase);
+    _inheritMany(A.UnmodifiableListBase, [A.CodeUnits, A.UnmodifiableListView]);
+    _inheritMany(A.Closure0Args, [A.nullFuture_closure, A._AsyncRun__scheduleImmediateJsOverride_internalCallback, A._AsyncRun__scheduleImmediateWithSetImmediate_internalCallback, A._TimerImpl_internalCallback, A._TimerImpl$periodic_closure, A._Future__addListener_closure, A._Future__prependListeners_closure, A._Future__chainCoreFuture_closure, A._Future__asyncCompleteWithValue_closure, A._Future__asyncCompleteErrorObject_closure, A._Future__propagateToListeners_handleWhenCompleteCallback, A._Future__propagateToListeners_handleValueCallback, A._Future__propagateToListeners_handleError, A.Stream_length_closure0, A._StreamController__subscribe_closure, A._StreamController__recordCancel_complete, A._AddStreamState_cancel_closure, A._BufferingStreamSubscription__sendError_sendError, A._BufferingStreamSubscription__sendDone_sendDone, A._PendingEvents_schedule_closure, A._CustomZone_bindCallback_closure, A._CustomZone_bindCallbackGuarded_closure, A._rootHandleError_closure, A._RootZone_bindCallback_closure, A._RootZone_bindCallbackGuarded_closure, A._Utf8Decoder__decoder_closure, A._Utf8Decoder__decoderNonfatal_closure, A.Parser__setOption_closure, A.StreamGroup_add_closure, A.StreamGroup_add_closure0, A.StreamGroup__listenToStream_closure, A.StreamQueue__ensureListening_closure0, A._isStrictMode_closure, A.ReplAdapter_runAsync_closure, A.ParsedPath__splitExtension_closure0, A.PseudoSelector_specificity_closure, A.AsyncEnvironment_setVariable_closure, A.AsyncEnvironment_setVariable_closure1, A.AsyncImportCache_canonicalize_closure, A.AsyncImportCache__canonicalize_closure, A.AsyncImportCache_importCanonical_closure, A.Environment_setVariable_closure, A.Environment_setVariable_closure1, A.ExecutableOptions__parser_closure, A.ExecutableOptions_interactive_closure, A.ExecutableOptions_fatalDeprecations_closure, A.ExtensionStore__registerSelector_closure, A.ExtensionStore_addExtension_closure, A.ExtensionStore_addExtension_closure0, A.ExtensionStore_addExtension_closure1, A.ExtensionStore__extendExistingExtensions_closure, A.ExtensionStore__extendExistingExtensions_closure0, A.ExtensionStore_addExtensions_closure, A.ExtensionStore_clone__closure, A._changeColor_closure, A.ImportCache_canonicalize_closure, A.ImportCache__canonicalize_closure, A.ImportCache_importCanonical_closure, A.resolveImportPath_closure, A.resolveImportPath_closure0, A._tryPathAsDirectory_closure, A._realCasePath_helper_closure, A._readFile_closure, A.writeFile_closure, A.deleteFile_closure, A.fileExists_closure, A.dirExists_closure, A.linkExists_closure, A.ensureDir_closure, A.listDir_closure, A.realpath_closure, A.modificationTime_closure, A.watchDir_closure, A.watchDir_closure5, A.watchDir__closure, A.AtRootQueryParser_parse_closure, A.KeyframeSelectorParser_parse_closure, A.MediaQueryParser_parse_closure, A.Parser__parseIdentifier_closure, A.Parser_spanFrom_closure, A.SassParser_children_closure, A.SelectorParser_parse_closure, A.SelectorParser_parseCompoundSelector_closure, A.StylesheetParser_parse_closure, A.StylesheetParser_parse__closure, A.StylesheetParser_parseParameterList_closure, A.StylesheetParser_parseVariableDeclaration_closure, A.StylesheetParser_parseUseRule_closure, A.StylesheetParser__parseSingleProduction_closure, A.StylesheetParser__statement_closure, A.StylesheetParser_variableDeclarationWithoutNamespace_closure, A.StylesheetParser_variableDeclarationWithoutNamespace_closure0, A.StylesheetParser__declarationOrBuffer_closure, A.StylesheetParser__declarationOrBuffer_closure0, A.StylesheetParser__declarationOrBuffer_closure1, A.StylesheetParser__propertyOrVariableDeclaration_closure, A.StylesheetParser__forRule_closure, A.StylesheetParser__memberList_closure, A.StylesheetParser_mozDocumentRule_closure, A.StylesheetParser__expression_resetState, A.StylesheetParser__expression_resolveOneOperation, A.StylesheetParser__expression_resolveOperations, A.StylesheetParser__expression_resolveSpaceExpressions, A.StylesheetParser_expressionUntilComma_closure, A.StylesheetParser_namespacedExpression_closure, A.StylesheetParser__expressionUntilComparison_closure, A.StylesheetParser__publicIdentifier_closure, A.StylesheetGraph_modifiedSince_transitiveModificationTime_closure, A.StylesheetGraph__add_closure, A.StylesheetGraph_addCanonical_closure, A.StylesheetGraph_reload_closure, A.StylesheetGraph__nodeFor_closure, A.StylesheetGraph__nodeFor_closure0, A.SassNumber__coerceOrConvertValue_compatibilityException, A.SassNumber__coerceOrConvertValue_closure0, A.SassNumber__coerceOrConvertValue_closure2, A.SassNumber_multiplyUnits_closure0, A.SassNumber_multiplyUnits_closure2, A.SingleUnitSassNumber_multiplyUnits_closure0, A._EvaluateVisitor__closure6, A._EvaluateVisitor__closure5, A._EvaluateVisitor_run_closure0, A._EvaluateVisitor_run__closure0, A._EvaluateVisitor__loadModule_closure1, A._EvaluateVisitor__loadModule_closure2, A._EvaluateVisitor__loadModule__closure2, A._EvaluateVisitor__execute_closure0, A._EvaluateVisitor__extendModules_closure2, A._EvaluateVisitor_visitAtRootRule_closure1, A._EvaluateVisitor_visitAtRootRule_closure2, A._EvaluateVisitor__scopeForAtRoot__closure0, A._EvaluateVisitor_visitContentRule_closure0, A._EvaluateVisitor_visitDeclaration_closure0, A._EvaluateVisitor_visitEachRule_closure4, A._EvaluateVisitor_visitAtRule_closure3, A._EvaluateVisitor_visitAtRule__closure0, A._EvaluateVisitor_visitForRule_closure4, A._EvaluateVisitor_visitForRule_closure5, A._EvaluateVisitor_visitForRule_closure6, A._EvaluateVisitor_visitForRule_closure7, A._EvaluateVisitor_visitForRule_closure8, A._EvaluateVisitor__registerCommentsForModule_closure0, A._EvaluateVisitor_visitIfRule__closure0, A._EvaluateVisitor__visitDynamicImport_closure0, A._EvaluateVisitor__visitDynamicImport__closure6, A._EvaluateVisitor__applyMixin_closure1, A._EvaluateVisitor__applyMixin__closure2, A._EvaluateVisitor__applyMixin_closure2, A._EvaluateVisitor__applyMixin__closure1, A._EvaluateVisitor__applyMixin___closure0, A._EvaluateVisitor__applyMixin____closure0, A._EvaluateVisitor_visitIncludeRule_closure2, A._EvaluateVisitor_visitIncludeRule_closure4, A._EvaluateVisitor_visitMediaRule_closure3, A._EvaluateVisitor_visitMediaRule__closure0, A._EvaluateVisitor_visitMediaRule___closure0, A._EvaluateVisitor_visitStyleRule_closure3, A._EvaluateVisitor_visitStyleRule_closure6, A._EvaluateVisitor_visitStyleRule__closure0, A._EvaluateVisitor_visitSupportsRule_closure1, A._EvaluateVisitor_visitSupportsRule__closure0, A._EvaluateVisitor__visitSupportsCondition_closure0, A._EvaluateVisitor_visitVariableDeclaration_closure2, A._EvaluateVisitor_visitVariableDeclaration_closure3, A._EvaluateVisitor_visitVariableDeclaration_closure4, A._EvaluateVisitor_visitWarnRule_closure0, A._EvaluateVisitor_visitWhileRule_closure0, A._EvaluateVisitor_visitBinaryOperationExpression_closure0, A._EvaluateVisitor_visitVariableExpression_closure0, A._EvaluateVisitor_visitUnaryOperationExpression_closure0, A._EvaluateVisitor_visitFunctionExpression_closure2, A._EvaluateVisitor_visitFunctionExpression_closure4, A._EvaluateVisitor__visitCalculationExpression_closure0, A._EvaluateVisitor_visitInterpolatedFunctionExpression_closure0, A._EvaluateVisitor__runUserDefinedCallable_closure0, A._EvaluateVisitor__runUserDefinedCallable__closure0, A._EvaluateVisitor__runUserDefinedCallable___closure0, A._EvaluateVisitor__runFunctionCallable_closure0, A._EvaluateVisitor__runBuiltInCallable_closure2, A._EvaluateVisitor__runBuiltInCallable_closure3, A._EvaluateVisitor__verifyArguments_closure0, A._EvaluateVisitor_visitCssAtRule_closure1, A._EvaluateVisitor_visitCssKeyframeBlock_closure1, A._EvaluateVisitor_visitCssMediaRule_closure3, A._EvaluateVisitor_visitCssMediaRule__closure0, A._EvaluateVisitor_visitCssMediaRule___closure0, A._EvaluateVisitor_visitCssStyleRule_closure2, A._EvaluateVisitor_visitCssStyleRule__closure0, A._EvaluateVisitor_visitCssSupportsRule_closure1, A._EvaluateVisitor_visitCssSupportsRule__closure0, A._EvaluateVisitor__serialize_closure0, A._EvaluateVisitor__expressionNode_closure0, A._EvaluateVisitor__closure2, A._EvaluateVisitor__closure1, A._EvaluateVisitor_run_closure, A._EvaluateVisitor_run__closure, A._EvaluateVisitor_runExpression_closure, A._EvaluateVisitor_runExpression__closure, A._EvaluateVisitor_runExpression___closure, A._EvaluateVisitor_runStatement_closure, A._EvaluateVisitor_runStatement__closure, A._EvaluateVisitor_runStatement___closure, A._EvaluateVisitor__loadModule_closure, A._EvaluateVisitor__loadModule_closure0, A._EvaluateVisitor__loadModule__closure0, A._EvaluateVisitor__execute_closure, A._EvaluateVisitor__extendModules_closure0, A._EvaluateVisitor_visitAtRootRule_closure, A._EvaluateVisitor_visitAtRootRule_closure0, A._EvaluateVisitor__scopeForAtRoot__closure, A._EvaluateVisitor_visitContentRule_closure, A._EvaluateVisitor_visitDeclaration_closure, A._EvaluateVisitor_visitEachRule_closure1, A._EvaluateVisitor_visitAtRule_closure0, A._EvaluateVisitor_visitAtRule__closure, A._EvaluateVisitor_visitForRule_closure, A._EvaluateVisitor_visitForRule_closure0, A._EvaluateVisitor_visitForRule_closure1, A._EvaluateVisitor_visitForRule_closure2, A._EvaluateVisitor_visitForRule_closure3, A._EvaluateVisitor__registerCommentsForModule_closure, A._EvaluateVisitor_visitIfRule__closure, A._EvaluateVisitor__visitDynamicImport_closure, A._EvaluateVisitor__visitDynamicImport__closure2, A._EvaluateVisitor__applyMixin_closure, A._EvaluateVisitor__applyMixin__closure0, A._EvaluateVisitor__applyMixin_closure0, A._EvaluateVisitor__applyMixin__closure, A._EvaluateVisitor__applyMixin___closure, A._EvaluateVisitor__applyMixin____closure, A._EvaluateVisitor_visitIncludeRule_closure, A._EvaluateVisitor_visitIncludeRule_closure1, A._EvaluateVisitor_visitMediaRule_closure0, A._EvaluateVisitor_visitMediaRule__closure, A._EvaluateVisitor_visitMediaRule___closure, A._EvaluateVisitor_visitStyleRule_closure, A._EvaluateVisitor_visitStyleRule_closure2, A._EvaluateVisitor_visitStyleRule__closure, A._EvaluateVisitor_visitSupportsRule_closure, A._EvaluateVisitor_visitSupportsRule__closure, A._EvaluateVisitor__visitSupportsCondition_closure, A._EvaluateVisitor_visitVariableDeclaration_closure, A._EvaluateVisitor_visitVariableDeclaration_closure0, A._EvaluateVisitor_visitVariableDeclaration_closure1, A._EvaluateVisitor_visitWarnRule_closure, A._EvaluateVisitor_visitWhileRule_closure, A._EvaluateVisitor_visitBinaryOperationExpression_closure, A._EvaluateVisitor_visitVariableExpression_closure, A._EvaluateVisitor_visitUnaryOperationExpression_closure, A._EvaluateVisitor_visitFunctionExpression_closure, A._EvaluateVisitor_visitFunctionExpression_closure1, A._EvaluateVisitor__visitCalculationExpression_closure, A._EvaluateVisitor_visitInterpolatedFunctionExpression_closure, A._EvaluateVisitor__runUserDefinedCallable_closure, A._EvaluateVisitor__runUserDefinedCallable__closure, A._EvaluateVisitor__runUserDefinedCallable___closure, A._EvaluateVisitor__runFunctionCallable_closure, A._EvaluateVisitor__runBuiltInCallable_closure, A._EvaluateVisitor__runBuiltInCallable_closure0, A._EvaluateVisitor__verifyArguments_closure, A._EvaluateVisitor_visitCssAtRule_closure, A._EvaluateVisitor_visitCssKeyframeBlock_closure, A._EvaluateVisitor_visitCssMediaRule_closure0, A._EvaluateVisitor_visitCssMediaRule__closure, A._EvaluateVisitor_visitCssMediaRule___closure, A._EvaluateVisitor_visitCssStyleRule_closure0, A._EvaluateVisitor_visitCssStyleRule__closure, A._EvaluateVisitor_visitCssSupportsRule_closure, A._EvaluateVisitor_visitCssSupportsRule__closure, A._EvaluateVisitor__serialize_closure, A._EvaluateVisitor__expressionNode_closure, A._SerializeVisitor_visitCssComment_closure, A._SerializeVisitor_visitCssAtRule_closure, A._SerializeVisitor_visitCssMediaRule_closure, A._SerializeVisitor_visitCssImport_closure, A._SerializeVisitor_visitCssImport__closure, A._SerializeVisitor_visitCssKeyframeBlock_closure, A._SerializeVisitor_visitCssStyleRule_closure, A._SerializeVisitor_visitCssSupportsRule_closure, A._SerializeVisitor_visitCssDeclaration_closure, A._SerializeVisitor_visitCssDeclaration_closure0, A._SerializeVisitor__write_closure, A._SerializeVisitor__visitChildren_closure, A._SerializeVisitor__visitChildren_closure0, A.SingleMapping_SingleMapping$fromEntries_closure, A.SingleMapping_SingleMapping$fromEntries_closure0, A.Highlighter_closure, A.Highlighter__writeFileStart_closure, A.Highlighter__writeMultilineHighlights_closure, A.Highlighter__writeMultilineHighlights_closure0, A.Highlighter__writeMultilineHighlights_closure1, A.Highlighter__writeMultilineHighlights_closure2, A.Highlighter__writeMultilineHighlights__closure, A.Highlighter__writeMultilineHighlights__closure0, A.Highlighter__writeHighlightedText_closure, A.Highlighter__writeIndicator_closure, A.Highlighter__writeIndicator_closure0, A.Highlighter__writeIndicator_closure1, A.Highlighter__writeLabel_closure, A.Highlighter__writeLabel_closure0, A.Highlighter__writeSidebar_closure, A._Highlight_closure, A.Frame_Frame$parseVM_closure, A.Frame_Frame$parseV8_closure, A.Frame_Frame$_parseFirefoxEval_closure, A.Frame_Frame$parseFirefox_closure, A.Frame_Frame$parseFriendly_closure, A.LazyTrace_terse_closure, A.Trace_Trace$from_closure, A.TransformByHandlers_transformByHandlers_closure, A.TransformByHandlers_transformByHandlers__closure0, A.TransformByHandlers_transformByHandlers__closure2, A.RateLimit__debounceAggregate_closure_emit, A.RateLimit__debounceAggregate__closure, A.argumentListClass_closure, A.JSToDartAsyncImporter_canonicalize_closure, A.JSToDartAsyncImporter_load_closure, A.AsyncEnvironment_setVariable_closure2, A.AsyncEnvironment_setVariable_closure4, A._EvaluateVisitor__closure14, A._EvaluateVisitor__closure13, A._EvaluateVisitor_run_closure2, A._EvaluateVisitor_run__closure2, A._EvaluateVisitor__loadModule_closure5, A._EvaluateVisitor__loadModule_closure6, A._EvaluateVisitor__loadModule__closure6, A._EvaluateVisitor__execute_closure2, A._EvaluateVisitor__extendModules_closure6, A._EvaluateVisitor_visitAtRootRule_closure5, A._EvaluateVisitor_visitAtRootRule_closure6, A._EvaluateVisitor__scopeForAtRoot__closure2, A._EvaluateVisitor_visitContentRule_closure2, A._EvaluateVisitor_visitDeclaration_closure2, A._EvaluateVisitor_visitEachRule_closure10, A._EvaluateVisitor_visitAtRule_closure9, A._EvaluateVisitor_visitAtRule__closure2, A._EvaluateVisitor_visitForRule_closure14, A._EvaluateVisitor_visitForRule_closure15, A._EvaluateVisitor_visitForRule_closure16, A._EvaluateVisitor_visitForRule_closure17, A._EvaluateVisitor_visitForRule_closure18, A._EvaluateVisitor__registerCommentsForModule_closure2, A._EvaluateVisitor_visitIfRule__closure2, A._EvaluateVisitor__visitDynamicImport_closure2, A._EvaluateVisitor__visitDynamicImport__closure14, A._EvaluateVisitor__applyMixin_closure5, A._EvaluateVisitor__applyMixin__closure6, A._EvaluateVisitor__applyMixin_closure6, A._EvaluateVisitor__applyMixin__closure5, A._EvaluateVisitor__applyMixin___closure2, A._EvaluateVisitor__applyMixin____closure2, A._EvaluateVisitor_visitIncludeRule_closure8, A._EvaluateVisitor_visitIncludeRule_closure10, A._EvaluateVisitor_visitMediaRule_closure9, A._EvaluateVisitor_visitMediaRule__closure2, A._EvaluateVisitor_visitMediaRule___closure2, A._EvaluateVisitor_visitStyleRule_closure11, A._EvaluateVisitor_visitStyleRule_closure14, A._EvaluateVisitor_visitStyleRule__closure2, A._EvaluateVisitor_visitSupportsRule_closure5, A._EvaluateVisitor_visitSupportsRule__closure2, A._EvaluateVisitor__visitSupportsCondition_closure2, A._EvaluateVisitor_visitVariableDeclaration_closure8, A._EvaluateVisitor_visitVariableDeclaration_closure9, A._EvaluateVisitor_visitVariableDeclaration_closure10, A._EvaluateVisitor_visitWarnRule_closure2, A._EvaluateVisitor_visitWhileRule_closure2, A._EvaluateVisitor_visitBinaryOperationExpression_closure2, A._EvaluateVisitor_visitVariableExpression_closure2, A._EvaluateVisitor_visitUnaryOperationExpression_closure2, A._EvaluateVisitor_visitFunctionExpression_closure8, A._EvaluateVisitor_visitFunctionExpression_closure10, A._EvaluateVisitor__visitCalculationExpression_closure2, A._EvaluateVisitor_visitInterpolatedFunctionExpression_closure2, A._EvaluateVisitor__runUserDefinedCallable_closure2, A._EvaluateVisitor__runUserDefinedCallable__closure2, A._EvaluateVisitor__runUserDefinedCallable___closure2, A._EvaluateVisitor__runFunctionCallable_closure2, A._EvaluateVisitor__runBuiltInCallable_closure8, A._EvaluateVisitor__runBuiltInCallable_closure9, A._EvaluateVisitor__verifyArguments_closure2, A._EvaluateVisitor_visitCssAtRule_closure5, A._EvaluateVisitor_visitCssKeyframeBlock_closure5, A._EvaluateVisitor_visitCssMediaRule_closure9, A._EvaluateVisitor_visitCssMediaRule__closure2, A._EvaluateVisitor_visitCssMediaRule___closure2, A._EvaluateVisitor_visitCssStyleRule_closure6, A._EvaluateVisitor_visitCssStyleRule__closure2, A._EvaluateVisitor_visitCssSupportsRule_closure5, A._EvaluateVisitor_visitCssSupportsRule__closure2, A._EvaluateVisitor__serialize_closure2, A._EvaluateVisitor__expressionNode_closure2, A.JSToDartAsyncFileImporter_canonicalize_closure, A.AsyncImportCache_canonicalize_closure0, A.AsyncImportCache__canonicalize_closure0, A.AsyncImportCache_importCanonical_closure0, A.AtRootQueryParser_parse_closure0, A.booleanClass_closure, A.legacyBooleanClass_closure, A.calculationClass_closure, A.calculationOperationClass_closure, A.calculationInterpolationClass_closure, A._changeColor_closure0, A.colorClass_closure, A.compileAsync_closure, A.compileStringAsync_closure, A._parseFunctions___closure6, A._parseFunctions___closure5, A.nodePackageImporterClass_closure, A.compilerClass_closure, A.asyncCompilerClass_closure, A.asyncCompilerClass___closure, A.initAsyncCompiler_closure, A.deprecations_closure, A.parseDeprecations_closure, A.versionClass_closure, A.Environment_setVariable_closure2, A.Environment_setVariable_closure4, A._EvaluateVisitor__closure10, A._EvaluateVisitor__closure9, A._EvaluateVisitor_run_closure1, A._EvaluateVisitor_run__closure1, A._EvaluateVisitor__loadModule_closure3, A._EvaluateVisitor__loadModule_closure4, A._EvaluateVisitor__loadModule__closure4, A._EvaluateVisitor__execute_closure1, A._EvaluateVisitor__extendModules_closure4, A._EvaluateVisitor_visitAtRootRule_closure3, A._EvaluateVisitor_visitAtRootRule_closure4, A._EvaluateVisitor__scopeForAtRoot__closure1, A._EvaluateVisitor_visitContentRule_closure1, A._EvaluateVisitor_visitDeclaration_closure1, A._EvaluateVisitor_visitEachRule_closure7, A._EvaluateVisitor_visitAtRule_closure6, A._EvaluateVisitor_visitAtRule__closure1, A._EvaluateVisitor_visitForRule_closure9, A._EvaluateVisitor_visitForRule_closure10, A._EvaluateVisitor_visitForRule_closure11, A._EvaluateVisitor_visitForRule_closure12, A._EvaluateVisitor_visitForRule_closure13, A._EvaluateVisitor__registerCommentsForModule_closure1, A._EvaluateVisitor_visitIfRule__closure1, A._EvaluateVisitor__visitDynamicImport_closure1, A._EvaluateVisitor__visitDynamicImport__closure10, A._EvaluateVisitor__applyMixin_closure3, A._EvaluateVisitor__applyMixin__closure4, A._EvaluateVisitor__applyMixin_closure4, A._EvaluateVisitor__applyMixin__closure3, A._EvaluateVisitor__applyMixin___closure1, A._EvaluateVisitor__applyMixin____closure1, A._EvaluateVisitor_visitIncludeRule_closure5, A._EvaluateVisitor_visitIncludeRule_closure7, A._EvaluateVisitor_visitMediaRule_closure6, A._EvaluateVisitor_visitMediaRule__closure1, A._EvaluateVisitor_visitMediaRule___closure1, A._EvaluateVisitor_visitStyleRule_closure7, A._EvaluateVisitor_visitStyleRule_closure10, A._EvaluateVisitor_visitStyleRule__closure1, A._EvaluateVisitor_visitSupportsRule_closure3, A._EvaluateVisitor_visitSupportsRule__closure1, A._EvaluateVisitor__visitSupportsCondition_closure1, A._EvaluateVisitor_visitVariableDeclaration_closure5, A._EvaluateVisitor_visitVariableDeclaration_closure6, A._EvaluateVisitor_visitVariableDeclaration_closure7, A._EvaluateVisitor_visitWarnRule_closure1, A._EvaluateVisitor_visitWhileRule_closure1, A._EvaluateVisitor_visitBinaryOperationExpression_closure1, A._EvaluateVisitor_visitVariableExpression_closure1, A._EvaluateVisitor_visitUnaryOperationExpression_closure1, A._EvaluateVisitor_visitFunctionExpression_closure5, A._EvaluateVisitor_visitFunctionExpression_closure7, A._EvaluateVisitor__visitCalculationExpression_closure1, A._EvaluateVisitor_visitInterpolatedFunctionExpression_closure1, A._EvaluateVisitor__runUserDefinedCallable_closure1, A._EvaluateVisitor__runUserDefinedCallable__closure1, A._EvaluateVisitor__runUserDefinedCallable___closure1, A._EvaluateVisitor__runFunctionCallable_closure1, A._EvaluateVisitor__runBuiltInCallable_closure5, A._EvaluateVisitor__runBuiltInCallable_closure6, A._EvaluateVisitor__verifyArguments_closure1, A._EvaluateVisitor_visitCssAtRule_closure3, A._EvaluateVisitor_visitCssKeyframeBlock_closure3, A._EvaluateVisitor_visitCssMediaRule_closure6, A._EvaluateVisitor_visitCssMediaRule__closure1, A._EvaluateVisitor_visitCssMediaRule___closure1, A._EvaluateVisitor_visitCssStyleRule_closure4, A._EvaluateVisitor_visitCssStyleRule__closure1, A._EvaluateVisitor_visitCssSupportsRule_closure3, A._EvaluateVisitor_visitCssSupportsRule__closure1, A._EvaluateVisitor__serialize_closure1, A._EvaluateVisitor__expressionNode_closure1, A.exceptionClass_closure, A.ExtensionStore__registerSelector_closure0, A.ExtensionStore_addExtension_closure2, A.ExtensionStore_addExtension_closure3, A.ExtensionStore_addExtension_closure4, A.ExtensionStore__extendExistingExtensions_closure1, A.ExtensionStore__extendExistingExtensions_closure2, A.ExtensionStore_addExtensions_closure0, A.ExtensionStore_clone__closure0, A.JSToDartFileImporter_canonicalize_closure, A.functionClass_closure, A.NodeImporter_load_closure, A.NodeImporter__tryPath_closure, A.NodeImporter__callImporterAsync_closure, A.ImportCache_canonicalize_closure0, A.ImportCache__canonicalize_closure0, A.ImportCache_importCanonical_closure0, A._realCasePath_helper_closure0, A._readFile_closure0, A.fileExists_closure0, A.dirExists_closure0, A.linkExists_closure0, A.listDir_closure0, A.realpath_closure0, A.JSToDartLogger_internalWarn_closure, A.JSToDartLogger_debug_closure, A.KeyframeSelectorParser_parse_closure0, A.render_closure, A._parseFunctions____closure, A._parseFunctions___closure3, A._parseFunctions___closure4, A._parseFunctions___closure1, A._parseFunctions___closure0, A._parseImporter____closure, A._parseImporter___closure0, A.listClass_closure, A.mapClass_closure, A.MediaQueryParser_parse_closure0, A.mixinClass_closure, A.legacyNullClass_closure, A.numberClass_closure, A.SassNumber__coerceOrConvertValue_compatibilityException0, A.SassNumber__coerceOrConvertValue_closure4, A.SassNumber__coerceOrConvertValue_closure6, A.SassNumber_multiplyUnits_closure4, A.SassNumber_multiplyUnits_closure6, A.Parser__parseIdentifier_closure0, A.Parser_spanFrom_closure0, A.PseudoSelector_specificity_closure0, A.SassParser_children_closure0, A.SelectorParser_parse_closure0, A.SelectorParser_parseCompoundSelector_closure0, A._SerializeVisitor_visitCssComment_closure0, A._SerializeVisitor_visitCssAtRule_closure0, A._SerializeVisitor_visitCssMediaRule_closure0, A._SerializeVisitor_visitCssImport_closure0, A._SerializeVisitor_visitCssImport__closure0, A._SerializeVisitor_visitCssKeyframeBlock_closure0, A._SerializeVisitor_visitCssStyleRule_closure0, A._SerializeVisitor_visitCssSupportsRule_closure0, A._SerializeVisitor_visitCssDeclaration_closure1, A._SerializeVisitor_visitCssDeclaration_closure2, A._SerializeVisitor__write_closure0, A._SerializeVisitor__visitChildren_closure1, A._SerializeVisitor__visitChildren_closure2, A.SingleUnitSassNumber_multiplyUnits_closure2, A.updateSourceSpanPrototype_closure, A.stringClass_closure, A.StylesheetParser_parse_closure0, A.StylesheetParser_parse__closure0, A.StylesheetParser_parseParameterList_closure0, A.StylesheetParser__parseSingleProduction_closure0, A.StylesheetParser_parseSignature_closure, A.StylesheetParser__statement_closure0, A.StylesheetParser_variableDeclarationWithoutNamespace_closure1, A.StylesheetParser_variableDeclarationWithoutNamespace_closure2, A.StylesheetParser__declarationOrBuffer_closure2, A.StylesheetParser__declarationOrBuffer_closure3, A.StylesheetParser__declarationOrBuffer_closure4, A.StylesheetParser__propertyOrVariableDeclaration_closure0, A.StylesheetParser__forRule_closure1, A.StylesheetParser__memberList_closure0, A.StylesheetParser_mozDocumentRule_closure1, A.StylesheetParser__expression_resetState0, A.StylesheetParser__expression_resolveOneOperation0, A.StylesheetParser__expression_resolveOperations0, A.StylesheetParser__expression_resolveSpaceExpressions0, A.StylesheetParser_expressionUntilComma_closure0, A.StylesheetParser_namespacedExpression_closure0, A.StylesheetParser__expressionUntilComparison_closure0, A.StylesheetParser__publicIdentifier_closure0, A.JSToDartImporter_canonicalize_closure, A.JSToDartImporter_load_closure, A.resolveImportPath_closure1, A.resolveImportPath_closure2, A._tryPathAsDirectory_closure0, A.valueClass_closure]);
+    _inheritMany(A.EfficientLengthIterable, [A.ListIterable, A.EmptyIterable, A.LinkedHashMapKeysIterable, A.LinkedHashMapValuesIterable, A.LinkedHashMapEntriesIterable, A._HashMapKeyIterable, A._MapBaseValueIterable]);
+    _inheritMany(A.ListIterable, [A.SubListIterable, A.MappedListIterable, A.ReversedListIterable, A.ListQueue, A._JsonMapKeyIterable, A._GeneratorIterable]);
+    _inherit(A.EfficientLengthMappedIterable, A.MappedIterable);
+    _inherit(A.EfficientLengthTakeIterable, A.TakeIterable);
+    _inherit(A.EfficientLengthSkipIterable, A.SkipIterable);
+    _inherit(A.EfficientLengthFollowedByIterable, A.FollowedByIterable);
+    _inheritMany(A._Record, [A._Record1, A._Record2, A._Record3, A._RecordN]);
+    _inherit(A._Record_1, A._Record1);
+    _inheritMany(A._Record2, [A._Record_2, A._Record_2_forImport, A._Record_2_imports_modules, A._Record_2_loadedUrls_stylesheet, A._Record_2_sourceMap]);
+    _inheritMany(A._Record3, [A._Record_3, A._Record_3_deprecation_message_span, A._Record_3_forImport, A._Record_3_importer_isDependency, A._Record_3_originalUrl]);
+    _inherit(A._Record_5_named_namedNodes_positional_positionalNodes_separator, A._RecordN);
+    _inheritMany(A.MapView, [A._UnmodifiableMapView_MapView__UnmodifiableMapMixin, A.PathMap]);
+    _inherit(A.UnmodifiableMapView, A._UnmodifiableMapView_MapView__UnmodifiableMapMixin);
+    _inherit(A.ConstantMapView, A.UnmodifiableMapView);
+    _inherit(A.ConstantStringMap, A.ConstantMap);
+    _inheritMany(A.SetBase, [A.ConstantSet, A._SetBase, A._UnmodifiableSetView_SetBase__UnmodifiableSetMixin, A._UnionSet_SetBase_UnmodifiableSetMixin]);
+    _inheritMany(A.ConstantSet, [A.ConstantStringSet, A.GeneralConstantSet]);
+    _inherit(A.Instantiation1, A.Instantiation);
+    _inherit(A.NullError, A.TypeError);
+    _inheritMany(A.TearOffClosure, [A.StaticClosure, A.BoundClosure]);
+    _inheritMany(A.JsLinkedHashMap, [A.JsIdentityLinkedHashMap, A.JsConstantLinkedHashMap, A._LinkedCustomHashMap]);
+    _inheritMany(A.NativeTypedData, [A.NativeByteData, A.NativeTypedArray]);
+    _inheritMany(A.NativeTypedArray, [A._NativeTypedArrayOfDouble_NativeTypedArray_ListMixin, A._NativeTypedArrayOfInt_NativeTypedArray_ListMixin]);
+    _inherit(A._NativeTypedArrayOfDouble_NativeTypedArray_ListMixin_FixedLengthListMixin, A._NativeTypedArrayOfDouble_NativeTypedArray_ListMixin);
+    _inherit(A.NativeTypedArrayOfDouble, A._NativeTypedArrayOfDouble_NativeTypedArray_ListMixin_FixedLengthListMixin);
+    _inherit(A._NativeTypedArrayOfInt_NativeTypedArray_ListMixin_FixedLengthListMixin, A._NativeTypedArrayOfInt_NativeTypedArray_ListMixin);
+    _inherit(A.NativeTypedArrayOfInt, A._NativeTypedArrayOfInt_NativeTypedArray_ListMixin_FixedLengthListMixin);
+    _inheritMany(A.NativeTypedArrayOfDouble, [A.NativeFloat32List, A.NativeFloat64List]);
+    _inheritMany(A.NativeTypedArrayOfInt, [A.NativeInt16List, A.NativeInt32List, A.NativeInt8List, A.NativeUint16List, A.NativeUint32List, A.NativeUint8ClampedList, A.NativeUint8List]);
+    _inherit(A._TypeError, A._Error);
+    _inheritMany(A._Completer, [A._AsyncCompleter, A._SyncCompleter]);
+    _inheritMany(A._StreamController, [A._AsyncStreamController, A._SyncStreamController]);
+    _inheritMany(A.Stream, [A._StreamImpl, A._ForwardingStream, A._CompleterStream]);
+    _inherit(A._ControllerStream, A._StreamImpl);
+    _inheritMany(A._BufferingStreamSubscription, [A._ControllerSubscription, A._ForwardingStreamSubscription]);
+    _inherit(A._StreamControllerAddStreamState, A._AddStreamState);
+    _inheritMany(A._DelayedEvent, [A._DelayedData, A._DelayedError]);
+    _inherit(A._MapStream, A._ForwardingStream);
+    _inheritMany(A._Zone, [A._CustomZone, A._RootZone]);
+    _inherit(A._IdentityHashMap, A._HashMap);
+    _inherit(A._LinkedHashSet, A._SetBase);
+    _inherit(A._LinkedIdentityHashSet, A._LinkedHashSet);
+    _inherit(A.UnmodifiableSetView, A._UnmodifiableSetView_SetBase__UnmodifiableSetMixin);
+    _inheritMany(A.Codec, [A.Encoding, A.Base64Codec, A.JsonCodec]);
+    _inheritMany(A.Encoding, [A.AsciiCodec, A.Utf8Codec]);
+    _inheritMany(A.Converter, [A._UnicodeSubsetEncoder, A.Base64Encoder, A.JsonEncoder, A.JsonDecoder, A.Utf8Encoder, A.Utf8Decoder]);
+    _inherit(A.AsciiEncoder, A._UnicodeSubsetEncoder);
+    _inheritMany(A.ByteConversionSink, [A._Base64EncoderSink, A._Utf8StringSinkAdapter]);
+    _inherit(A._Utf8Base64EncoderSink, A._Base64EncoderSink);
+    _inherit(A.JsonCyclicError, A.JsonUnsupportedObjectError);
+    _inherit(A._JsonStringStringifier, A._JsonStringifier);
+    _inherit(A._StringSinkConversionSink, A.StringConversionSink);
+    _inherit(A._StringCallbackSink, A._StringSinkConversionSink);
+    _inheritMany(A.ArgumentError, [A.RangeError, A.IndexError]);
+    _inherit(A._DataUri, A._Uri);
+    _inherit(A.ArgParserException, A.FormatException);
+    _inherit(A.EmptyUnmodifiableSet, A._EmptyUnmodifiableSet_IterableBase_UnmodifiableSetMixin);
+    _inherit(A.QueueList, A._QueueList_Object_ListMixin);
+    _inherit(A._CastQueueList, A.QueueList);
+    _inherit(A.UnionSet, A._UnionSet_SetBase_UnmodifiableSetMixin);
+    _inheritMany(A._DelegatingIterableBase, [A.DelegatingSet, A._MapKeySet__DelegatingIterableBase_UnmodifiableSetMixin]);
+    _inherit(A._UnmodifiableSetView_DelegatingSet_UnmodifiableSetMixin, A.DelegatingSet);
+    _inherit(A.UnmodifiableSetView0, A._UnmodifiableSetView_DelegatingSet_UnmodifiableSetMixin);
+    _inherit(A.MapKeySet, A._MapKeySet__DelegatingIterableBase_UnmodifiableSetMixin);
+    _inheritMany(A.NodeJsError, [A.JsAssertionError, A.JsRangeError, A.JsReferenceError, A.JsSyntaxError, A.JsTypeError, A.JsSystemError]);
+    _inheritMany(A.Socket, [A.TTYReadStream, A.TTYWriteStream]);
+    _inherit(A.InternalStyle, A.Style);
+    _inheritMany(A.InternalStyle, [A.PosixStyle, A.UrlStyle, A.WindowsStyle]);
+    _inheritMany(A._Enum, [A._SingletonCssMediaQueryMergeResult, A.BinaryOperator, A.UnaryOperator, A.AttributeOperator, A.Combinator, A.Deprecation, A.ExtendMode, A.Syntax, A.CalculationOperator, A.HueInterpolationMethod, A.ListSeparator, A.OutputStyle, A.LineFeed, A.AttributeOperator0, A.BinaryOperator0, A.CalculationOperator0, A.Combinator0, A.Deprecation0, A.HueInterpolationMethod0, A.ListSeparator0, A._SingletonCssMediaQueryMergeResult0, A.ExtendMode0, A.OutputStyle0, A.LineFeed0, A.Syntax0, A.UnaryOperator0]);
+    _inheritMany(A.CssNode, [A.ModifiableCssNode, A.CssParentNode]);
+    _inheritMany(A.ModifiableCssNode, [A.ModifiableCssParentNode, A.ModifiableCssComment, A.ModifiableCssDeclaration, A.ModifiableCssImport]);
+    _inheritMany(A.ModifiableCssParentNode, [A.ModifiableCssAtRule, A.ModifiableCssKeyframeBlock, A.ModifiableCssMediaRule, A.ModifiableCssStyleRule, A.ModifiableCssStylesheet, A.ModifiableCssSupportsRule]);
+    _inherit(A._IsInvisibleVisitor, A.__IsInvisibleVisitor_Object_EveryCssVisitor);
+    _inherit(A.CssStylesheet, A.CssParentNode);
+    _inheritMany(A.Expression, [A.BinaryOperationExpression, A.BooleanExpression, A.ColorExpression, A.FunctionExpression, A.IfExpression, A.InterpolatedFunctionExpression, A.ListExpression, A.MapExpression, A.NullExpression, A.NumberExpression, A.ParenthesizedExpression, A.SelectorExpression, A.StringExpression, A.SupportsExpression, A.UnaryOperationExpression, A.ValueExpression, A.VariableExpression]);
+    _inheritMany(A.Statement, [A.ParentStatement, A.ContentRule, A.DebugRule, A.ErrorRule, A.ExtendRule, A.ForwardRule, A.IfRule, A.ImportRule, A.IncludeRule, A.LoudComment, A.ReturnRule, A.SilentComment, A.UseRule, A.VariableDeclaration, A.WarnRule]);
+    _inheritMany(A.ParentStatement, [A.AtRootRule, A.AtRule, A.CallableDeclaration, A.Declaration, A.EachRule, A.ForRule, A.MediaRule, A.StyleRule, A.Stylesheet, A.SupportsRule, A.WhileRule]);
+    _inheritMany(A.CallableDeclaration, [A.ContentBlock, A.FunctionRule, A.MixinRule]);
+    _inheritMany(A.IfRuleClause, [A.IfClause, A.ElseClause]);
+    _inherit(A._HasContentVisitor, A.__HasContentVisitor_Object_StatementSearchVisitor);
+    _inherit(A._IsInvisibleVisitor0, A.__IsInvisibleVisitor_Object_AnySelectorVisitor);
+    _inherit(A._IsBogusVisitor, A.__IsBogusVisitor_Object_AnySelectorVisitor);
+    _inherit(A._IsUselessVisitor, A.__IsUselessVisitor_Object_AnySelectorVisitor);
+    _inherit(A._ContainsParentSelectorVisitor, A.__ContainsParentSelectorVisitor_Object_AnySelectorVisitor);
+    _inheritMany(A.Selector, [A.SimpleSelector, A.ComplexSelector, A.CompoundSelector, A.SelectorList]);
+    _inheritMany(A.SimpleSelector, [A.AttributeSelector, A.ClassSelector, A.IDSelector, A.ParentSelector, A.PlaceholderSelector, A.PseudoSelector, A.TypeSelector, A.UniversalSelector]);
+    _inherit(A._ParentSelectorVisitor, A.__ParentSelectorVisitor_Object_SelectorSearchVisitor);
+    _inherit(A.ExplicitConfiguration, A.Configuration);
+    _inheritMany(A.SourceSpanException, [A.SassException, A.SourceSpanFormatException, A.MultiSourceSpanException, A.SassException0]);
+    _inheritMany(A.SassException, [A.MultiSpanSassException, A.SassRuntimeException, A.SassFormatException]);
+    _inheritMany(A.MultiSpanSassException, [A.MultiSpanSassRuntimeException, A.MultiSpanSassFormatException]);
+    _inherit(A.MultiSpanSassScriptException, A.SassScriptException);
+    _inherit(A.MergedExtension, A.Extension);
+    _inherit(A.Importer, A.AsyncImporter);
+    _inheritMany(A.Importer, [A.FilesystemImporter, A.NoOpImporter, A.NodePackageImporter]);
+    _inheritMany(A.LoggerWithDeprecationType, [A.DeprecationProcessingLogger, A.StderrLogger]);
+    _inheritMany(A.Parser, [A.AtRootQueryParser, A.StylesheetParser, A.KeyframeSelectorParser, A.MediaQueryParser, A.SelectorParser]);
+    _inheritMany(A.StylesheetParser, [A.ScssParser, A.SassParser]);
+    _inherit(A.CssParser, A.ScssParser);
+    _inheritMany(A.UnmodifiableMapBase, [A.LimitedMapView, A.PrefixedMapView, A.PublicMemberMapView, A.UnprefixedMapView, A.LimitedMapView0, A.PrefixedMapView0, A.PublicMemberMapView0, A.UnprefixedMapView0]);
+    _inheritMany(A.Value, [A.SassList, A.SassBoolean, A.SassCalculation, A.SassColor, A.SassFunction, A.SassMap, A.SassMixin, A._SassNull, A.SassNumber, A.SassString]);
+    _inherit(A.SassArgumentList, A.SassList);
+    _inherit(A.LinearChannel, A.ColorChannel);
+    _inheritMany(A.GamutMapMethod, [A.ClipGamutMap, A.LocalMindeGamutMap]);
+    _inheritMany(A.ColorSpace, [A.A98RgbColorSpace, A.DisplayP3ColorSpace, A.HslColorSpace, A.HwbColorSpace, A.LabColorSpace, A.LchColorSpace, A.LmsColorSpace, A.OklabColorSpace, A.OklchColorSpace, A.ProphotoRgbColorSpace, A.Rec2020ColorSpace, A.RgbColorSpace, A.SrgbColorSpace, A.SrgbLinearColorSpace, A.XyzD50ColorSpace, A.XyzD65ColorSpace]);
+    _inheritMany(A.SassNumber, [A.ComplexSassNumber, A.SingleUnitSassNumber, A.UnitlessSassNumber]);
+    _inherit(A._MakeExpressionCalculationSafe, A.__MakeExpressionCalculationSafe_Object_ReplaceExpressionVisitor);
+    _inherit(A._FindDependenciesVisitor, A.__FindDependenciesVisitor_Object_RecursiveStatementVisitor);
+    _inherit(A.SingleMapping, A.Mapping);
+    _inherit(A.FileLocation, A.SourceLocationMixin);
+    _inheritMany(A.SourceSpanMixin, [A._FileSpan, A.SourceSpanBase]);
+    _inherit(A.MultiSourceSpanFormatException, A.MultiSourceSpanException);
+    _inherit(A.SourceSpanWithContext, A.SourceSpanBase);
+    _inherit(A.StringScannerException, A.SourceSpanFormatException);
+    _inheritMany(A.StringScanner, [A.LineScanner, A.SpanScanner]);
+    _inheritMany(A.ColorSpace0, [A.A98RgbColorSpace0, A.DisplayP3ColorSpace0, A.HslColorSpace0, A.HwbColorSpace0, A.LabColorSpace0, A.LchColorSpace0, A.LmsColorSpace0, A.OklabColorSpace0, A.OklchColorSpace0, A.ProphotoRgbColorSpace0, A.Rec2020ColorSpace0, A.RgbColorSpace0, A.SrgbColorSpace0, A.SrgbLinearColorSpace0, A.XyzD50ColorSpace0, A.XyzD65ColorSpace0]);
+    _inheritMany(A.Value0, [A.SassList0, A.SassBoolean0, A.SassCalculation0, A.SassColor0, A.SassNumber0, A.SassFunction0, A.SassMap0, A.SassMixin0, A._SassNull0, A.SassString0]);
+    _inherit(A.SassArgumentList0, A.SassList0);
+    _inheritMany(A.AsyncImporter0, [A.JSToDartAsyncImporter, A.JSToDartAsyncFileImporter, A.Importer0]);
+    _inheritMany(A.Parser1, [A.AtRootQueryParser0, A.StylesheetParser0, A.KeyframeSelectorParser0, A.MediaQueryParser0, A.SelectorParser0]);
+    _inheritMany(A.Statement0, [A.ParentStatement0, A.ContentRule0, A.DebugRule0, A.ErrorRule0, A.ExtendRule0, A.ForwardRule0, A.IfRule0, A.ImportRule0, A.IncludeRule0, A.LoudComment0, A.ReturnRule0, A.SilentComment0, A.UseRule0, A.VariableDeclaration0, A.WarnRule0]);
+    _inheritMany(A.ParentStatement0, [A.AtRootRule0, A.AtRule0, A.CallableDeclaration0, A.Declaration0, A.EachRule0, A.ForRule0, A.MediaRule0, A.StyleRule0, A.Stylesheet0, A.SupportsRule0, A.WhileRule0]);
+    _inheritMany(A.CssNode0, [A.ModifiableCssNode0, A.CssParentNode0]);
+    _inheritMany(A.ModifiableCssNode0, [A.ModifiableCssParentNode0, A.ModifiableCssComment0, A.ModifiableCssDeclaration0, A.ModifiableCssImport0]);
+    _inheritMany(A.ModifiableCssParentNode0, [A.ModifiableCssAtRule0, A.ModifiableCssKeyframeBlock0, A.ModifiableCssMediaRule0, A.ModifiableCssStyleRule0, A.ModifiableCssStylesheet0, A.ModifiableCssSupportsRule0]);
+    _inheritMany(A.Selector0, [A.SimpleSelector0, A.ComplexSelector0, A.CompoundSelector0, A.SelectorList0]);
+    _inheritMany(A.SimpleSelector0, [A.AttributeSelector0, A.ClassSelector0, A.IDSelector0, A.ParentSelector0, A.PlaceholderSelector0, A.PseudoSelector0, A.TypeSelector0, A.UniversalSelector0]);
+    _inheritMany(A.Expression0, [A.BinaryOperationExpression0, A.BooleanExpression0, A.ColorExpression0, A.FunctionExpression0, A.IfExpression0, A.InterpolatedFunctionExpression0, A.ListExpression0, A.MapExpression0, A.NullExpression0, A.NumberExpression0, A.ParenthesizedExpression0, A.SelectorExpression0, A.StringExpression0, A.SupportsExpression0, A.UnaryOperationExpression0, A.ValueExpression0, A.VariableExpression0]);
+    _inherit(A.LinearChannel0, A.ColorChannel0);
+    _inheritMany(A.GamutMapMethod0, [A.ClipGamutMap0, A.LocalMindeGamutMap0]);
+    _inherit(A._ConstructionOptions, A._Channels);
+    _inherit(A.CompileStringOptions, A.CompileOptions);
+    _inherit(A.AsyncCompiler, A.Compiler);
+    _inheritMany(A.SassNumber0, [A.ComplexSassNumber0, A.SingleUnitSassNumber0, A.UnitlessSassNumber0]);
+    _inherit(A.ExplicitConfiguration0, A.Configuration0);
+    _inheritMany(A.CallableDeclaration0, [A.ContentBlock0, A.FunctionRule0, A.MixinRule0]);
+    _inheritMany(A.StylesheetParser0, [A.ScssParser0, A.SassParser0]);
+    _inherit(A.CssParser0, A.ScssParser0);
+    _inheritMany(A.LoggerWithDeprecationType0, [A.DeprecationProcessingLogger0, A.JSToDartLogger, A.StderrLogger0]);
+    _inherit(A._NodeException, A.JsError);
+    _inheritMany(A.SassException0, [A.MultiSpanSassException0, A.SassRuntimeException0, A.SassFormatException0]);
+    _inheritMany(A.MultiSpanSassException0, [A.MultiSpanSassRuntimeException0, A.MultiSpanSassFormatException0]);
+    _inherit(A.MultiSpanSassScriptException0, A.SassScriptException0);
+    _inherit(A._MakeExpressionCalculationSafe0, A.__MakeExpressionCalculationSafe_Object_ReplaceExpressionVisitor0);
+    _inheritMany(A.Importer0, [A.JSToDartFileImporter, A.FilesystemImporter0, A.NoOpImporter0, A.NodePackageImporter0, A.JSToDartImporter]);
+    _inheritMany(A.IfRuleClause0, [A.IfClause0, A.ElseClause0]);
+    _inherit(A._ParentSelectorVisitor0, A.__ParentSelectorVisitor_Object_SelectorSearchVisitor0);
+    _inherit(A.MergedExtension0, A.Extension0);
+    _inherit(A._HasContentVisitor0, A.__HasContentVisitor_Object_StatementSearchVisitor0);
+    _inherit(A._IsInvisibleVisitor1, A.__IsInvisibleVisitor_Object_EveryCssVisitor0);
+    _inherit(A._IsInvisibleVisitor2, A.__IsInvisibleVisitor_Object_AnySelectorVisitor0);
+    _inherit(A._IsBogusVisitor0, A.__IsBogusVisitor_Object_AnySelectorVisitor0);
+    _inherit(A._IsUselessVisitor0, A.__IsUselessVisitor_Object_AnySelectorVisitor0);
+    _inherit(A._ContainsParentSelectorVisitor0, A.__ContainsParentSelectorVisitor_Object_AnySelectorVisitor0);
+    _inherit(A.CssStylesheet0, A.CssParentNode0);
+    _mixin(A.UnmodifiableListBase, A.UnmodifiableListMixin);
+    _mixin(A.__CastListBase__CastIterableBase_ListMixin, A.ListBase);
+    _mixin(A._NativeTypedArrayOfDouble_NativeTypedArray_ListMixin, A.ListBase);
+    _mixin(A._NativeTypedArrayOfDouble_NativeTypedArray_ListMixin_FixedLengthListMixin, A.FixedLengthListMixin);
+    _mixin(A._NativeTypedArrayOfInt_NativeTypedArray_ListMixin, A.ListBase);
+    _mixin(A._NativeTypedArrayOfInt_NativeTypedArray_ListMixin_FixedLengthListMixin, A.FixedLengthListMixin);
+    _mixin(A._AsyncStreamController, A._AsyncStreamControllerDispatch);
+    _mixin(A._SyncStreamController, A._SyncStreamControllerDispatch);
+    _mixin(A.UnmodifiableMapBase, A._UnmodifiableMapMixin);
+    _mixin(A._UnmodifiableMapView_MapView__UnmodifiableMapMixin, A._UnmodifiableMapMixin);
+    _mixin(A._UnmodifiableSetView_SetBase__UnmodifiableSetMixin, A._UnmodifiableSetMixin);
+    _mixin(A._EmptyUnmodifiableSet_IterableBase_UnmodifiableSetMixin, A.UnmodifiableSetMixin);
+    _mixin(A._QueueList_Object_ListMixin, A.ListBase);
+    _mixin(A._UnionSet_SetBase_UnmodifiableSetMixin, A.UnmodifiableSetMixin);
+    _mixin(A._UnmodifiableSetView_DelegatingSet_UnmodifiableSetMixin, A.UnmodifiableSetMixin);
+    _mixin(A._MapKeySet__DelegatingIterableBase_UnmodifiableSetMixin, A.UnmodifiableSetMixin);
+    _mixin(A.__IsInvisibleVisitor_Object_EveryCssVisitor, A.EveryCssVisitor);
+    _mixin(A.__HasContentVisitor_Object_StatementSearchVisitor, A.StatementSearchVisitor);
+    _mixin(A.__ContainsParentSelectorVisitor_Object_AnySelectorVisitor, A.AnySelectorVisitor);
+    _mixin(A.__IsBogusVisitor_Object_AnySelectorVisitor, A.AnySelectorVisitor);
+    _mixin(A.__IsInvisibleVisitor_Object_AnySelectorVisitor, A.AnySelectorVisitor);
+    _mixin(A.__IsUselessVisitor_Object_AnySelectorVisitor, A.AnySelectorVisitor);
+    _mixin(A.__ParentSelectorVisitor_Object_SelectorSearchVisitor, A.SelectorSearchVisitor);
+    _mixin(A.__MakeExpressionCalculationSafe_Object_ReplaceExpressionVisitor, A.ReplaceExpressionVisitor);
+    _mixin(A.__FindDependenciesVisitor_Object_RecursiveStatementVisitor, A.RecursiveStatementVisitor);
+    _mixin(A.__MakeExpressionCalculationSafe_Object_ReplaceExpressionVisitor0, A.ReplaceExpressionVisitor0);
+    _mixin(A.__ParentSelectorVisitor_Object_SelectorSearchVisitor0, A.SelectorSearchVisitor0);
+    _mixin(A.__HasContentVisitor_Object_StatementSearchVisitor0, A.StatementSearchVisitor0);
+    _mixin(A.__IsInvisibleVisitor_Object_EveryCssVisitor0, A.EveryCssVisitor0);
+    _mixin(A.__ContainsParentSelectorVisitor_Object_AnySelectorVisitor0, A.AnySelectorVisitor0);
+    _mixin(A.__IsBogusVisitor_Object_AnySelectorVisitor0, A.AnySelectorVisitor0);
+    _mixin(A.__IsInvisibleVisitor_Object_AnySelectorVisitor0, A.AnySelectorVisitor0);
+    _mixin(A.__IsUselessVisitor_Object_AnySelectorVisitor0, A.AnySelectorVisitor0);
+  })();
+  var init = {
+    G: typeof self != "undefined" ? self : globalThis,
+    typeUniverse: {eC: new Map(), tR: {}, eT: {}, tPV: {}, sEA: []},
+    mangledGlobalNames: {int: "int", double: "double", num: "num", String: "String", bool: "bool", Null: "Null", List: "List", Object: "Object", Map: "Map", JSObject: "JSObject"},
+    mangledNames: {},
+    types: ["~()", "Null()", "Future<Null>()", "Value0(List<Value0>)", "Value(List<Value>)", "bool(String)", "String(String)", "bool(CssNode)", "bool(CssNode0)", "bool(Object?)", "int()", "SassBoolean(List<Value>)", "SassBoolean0(List<Value0>)", "bool(SimpleSelector)", "bool(SimpleSelector0)", "double(double)", "JSClass0()", "SassString(List<Value>)", "SassString0(List<Value0>)", "bool()", "bool(ComplexSelector)", "bool(ComplexSelector0)", "SassNumber0(List<Value0>)", "SassColor(List<Value>)", "SassNumber(List<Value>)", "SassColor0(List<Value0>)", "FileSpan()", "SassList0(List<Value0>)", "SassList(List<Value>)", "String()", "bool(int?)", "Future<~>()", "double(SassColor0)", "SassMap(List<Value>)", "SassMap0(List<Value0>)", "Null(~())", "Value()", "Object?()", "~(Object?)", "Future<Null>(Future<~>())", "int(SassColor0)", "Value0?()", "Value(Value)", "Value?()", "Value0(Value0)", "bool(num,num)", "Value0()", "Uri(Uri)", "String?()", "double(SassColor)", "bool(int)", "bool(ComplexSelectorComponent)", "bool(Value0)", "bool(ComplexSelectorComponent0)", "Null(Object,StackTrace)", "SassNumber0(SassNumber0)", "SassNumber(SassNumber)", "double(double,double)", "ComplexSelector0(ComplexSelector0)", "Null(@)", "ValueExpression(Value)", "ComplexSelector(ComplexSelector)", "~(Value)", "ValueExpression0(Value0)", "int(SassColor)", "@()", "~(Value0)", "Future<Value0>()", "Future<Value0?>()", "bool(SelectorList0)", "bool(ColorChannel0)", "Object(Object)", "Future<Value>()", "bool(SelectorList)", "Future<Value?>()", "~(Object,StackTrace)", "bool(Object)", "~(@)", "Frame()", "bool(Value)", "~(String,Value)", "~([int?])", "~(String)", "Null([Object?])", "~(Object)", "bool(Module0<AsyncCallable>)", "AsyncCallable?()", "~(Value,Value)", "SassRuntimeException(AstNode)", "int(Uri)", "Future<Value?>(Statement)", "List<CssMediaQuery>?(List<CssMediaQuery>)", "bool(Module0<Callable0>)", "~(String[Deprecation?])", "Frame(String)", "Callable0?()", "~(Module0<Callable0>,bool)", "Value?(Statement)", "Object()", "Future<Value0?>(Statement0)", "@(@)", "Future<Value0>(List<Value0>)", "bool(Module1<AsyncCallable0>)", "AsyncCallable0?()", "~(Value0,Value0)", "SassRuntimeException0(AstNode0)", "~(String,Value0)", "~(String[Deprecation0?])", "bool(Module1<Callable>)", "List<CssMediaQuery0>?(List<CssMediaQuery0>)", "~(Module1<Callable>,bool)", "Stylesheet?()", "Null(_NodeSassColor,num)", "bool(ColorChannel)", "Value0?(Statement0)", "Callable?()", "double(SassNumber0)", "String(Object)", "String(Expression)", "String(@)", "~(~())", "bool(Expression0)", "bool(_Highlight)", "double(SassNumber)", "Map<ComplexSelector,Extension>()", "SassCalculation0(Object)", "+originalUrl(Importer,Uri,Uri)?()", "Null(Module1<AsyncCallable0>,bool)", "Uri(String)", "bool(Expression)", "int(_NodeSassColor)", "Null(Module0<AsyncCallable>,bool)", "~(String,Object?)", "List<String>()", "~(String,@)", "String(String{color:Object?})", "Statement()", "Map<ComplexSelector0,Extension0>()", "~(String,Function)", "Statement0()", "String(Expression0)", "SassNumber()", "Iterable<String>(String)", "double(double,String)", "@(String)", "AstNode(AstNode)", "Expression(Expression)", "SassFunction(List<Value>)", "~(double?[String?])", "Iterable<String>(@)", "int(Frame)", "String(Frame)", "List<Extension>()", "Trace()", "bool(Frame)", "SassMixin(List<Value>)", "bool(Queue<List<ComplexSelectorComponent>>)", "Future<~>(List<Value>)", "Future<~>?()", "DateTime()", "Uri?/()", "AsyncCallable0?(Module1<AsyncCallable0>)", "MapKeySet<Module1<AsyncCallable0>>(Map<Module1<AsyncCallable0>,AstNode0>)", "Map<String,AsyncCallable0>(Module1<AsyncCallable0>)", "int(ComplexSelector)", "AstNode0(AstNode0)", "bool(String?)", "String(String[String?])", "SassFunction0(List<Value0>)", "List<ExtensionStore>()", "SassMixin0(List<Value0>)", "Future<~>(List<Value0>)", "AsyncCallable?(Module0<AsyncCallable>)", "bool(ModifiableCssParentNode)", "List<ExtensionStore0>()", "bool(ModifiableCssParentNode0)", "Future<Value>(List<Value>)", "bool(Statement)", "int(int)", "Future<SassNumber0>()", "String(double)", "List<CssComment0>()", "bool(UseRule0)", "bool(ForwardRule0)", "0&(String,FileSpan[StackTrace?])", "double()", "bool(Import)", "Callable0?(Module0<Callable0>)", "double(Value)", "Future<SassNumber>()", "MapKeySet<Module0<AsyncCallable>>(Map<Module0<AsyncCallable>,AstNode>)", "List<CssComment>()", "bool(UseRule)", "~(Object[StackTrace?])", "InterpolationMap0(List<SourceLocation>)", "AstNode0?()", "String(SassNumber0)", "0&(Object[Object?])", "0&(@[@])", "Set<0^>()<Object?>", "bool(ForwardRule)", "Object(CalculationOperation0)", "~(@,@)", "SelectorList(Value)", "SelectorList(SelectorList,SelectorList)", "Map<String,AsyncCallable>(Module0<AsyncCallable>)", "~(Object?,Object?)", "Future<String>()", "MapKeySet<Module0<Callable0>>(Map<Module0<Callable0>,AstNode>)", "String(Value0)", "double(Value0)", "Map<String,Callable0>(Module0<Callable0>)", "ImmutableList0(SassColor0)", "~([Object?])", "AtRootRule(List<Statement>,FileSpan)", "Future<NodeCompileResult>()", "AsyncImporter0(Object?)", "AtRule(List<Statement>,FileSpan)", "Set<0&>(Object)", "Version(String)", "~(Iterable<ExtensionStore0>)", "Callable?(Module1<Callable>)", "MapKeySet<Module1<Callable>>(Map<Module1<Callable>,AstNode0>)", "Map<String,Callable>(Module1<Callable>)", "Iterable<String>()", "Future<Object>()", "~(List<Value0>)", "String(String{color:@})", "Value0?(Value0)", "~(Iterable<ExtensionStore>)", "SassNumber0()", "String(_NodeException)", "InterpolationMap(List<SourceLocation>)", "List<Extension0>()", "int(String,String)", "bool(Queue<List<ComplexSelectorComponent0>>)", "String?(String?)", "bool(Statement0)", "bool(Import0)", "String?(Object)", "Value0?(Value0,num)", "Value0(int)", "Object(_NodeSassMap,int)", "Null(_NodeSassMap,int,Object)", "bool(SassNumber0)", "ImmutableList0(SassNumber0)", "bool(SassNumber0,String)", "SassNumber0(SassNumber0,Object,Object[String?])", "SassNumber0(SassNumber0,SassNumber0[String?,String?])", "double(SassNumber0,Object,Object[String?])", "double(SassNumber0,SassNumber0[String?,String?])", "int(ComplexSelector0)", "AstNode?()", "Expression0(Expression0)", "SelectorList0(Value0)", "SelectorList0(SelectorList0,SelectorList0)", "FileLocation(FileSpan)", "JSUrl0(Uri)", "String(FileSpan)", "int(SourceLocation)", "~(int)", "String(SassNumber)", "AtRootRule0(List<Statement0>,FileSpan)", "AtRule0(List<Statement0>,FileSpan)", "int(@,@)", "Entry(Entry)", "bool(Object?,Object?)", "int(Object?)", "~(List<Value>)", "Trace(String)", "Uri?()", "~(String[~])", "~(Module0<AsyncCallable>)", "~(ContentBlock)", "~(List<Statement>)", "SassString(int)", "SassString(String)", "~(CssMediaQuery)", "Null(@,StackTrace)", "~(SelectorList)", "~(MapEntry<Value,Value>)", "SourceFile()", "SourceFile?(int)", "String?(SourceFile?)", "int(_Line)", "Future<+originalUrl(AsyncImporter,Uri,Uri)?>()", "Object(_Line)", "Object(_Highlight)", "int(_Highlight,_Highlight)", "List<_Line>(MapEntry<Object,List<_Highlight>>)", "SourceSpanWithContext()", "List<Frame>(Trace)", "int(Trace)", "bool(String?,String?)", "String(Trace)", "bool(+originalUrl(Importer,Uri,Uri))", "Uri(+originalUrl(Importer,Uri,Uri))", "Frame(String,String)", "Future<Stylesheet?>()", "bool(+originalUrl(AsyncImporter,Uri,Uri))", "Frame(Frame)", "Uri(+originalUrl(AsyncImporter,Uri,Uri))", "int(String?)", "bool(@)", "Object(String)", "SassArgumentList0(Object,Object,Object[String?])", "ImmutableMap0(SassArgumentList0)", "Value/(List<Value>)", "bool(Version)", "Value0/(List<Value0>)", "Value0?(Module1<AsyncCallable0>)", "Module1<AsyncCallable0>?(Module1<AsyncCallable0>)", "bool(Deprecation)", "Value?(Module0<Callable0>)", "Map<String,Value0>(Module1<AsyncCallable0>)", "Map<String,AstNode0>(Module1<AsyncCallable0>)", "Module0<Callable0>?(Module0<Callable0>)", "bool(ModifiableCssNode)", "Future<CssValue0<String>>(Interpolation0{trim:bool,warnForColor:bool})", "~(Symbol0,@)", "Map<String,Value>(Module0<Callable0>)", "~(Object?,List<JSObject>)", "Map<String,AstNode>(Module0<Callable0>)", "~(String,int)", "Null(JSObject?,JSArray<Object?>)", "String(Parameter)", "ArgParser()", "~(Module1<AsyncCallable0>,bool)", "Future<+loadedUrls,stylesheet(Set<Uri>,CssStylesheet0)>()", "Future<Module1<AsyncCallable0>>()", "AtRootQuery()", "~(Module1<AsyncCallable0>)", "String(BuiltInCallable)", "List<CssMediaQuery>()", "Set<Deprecation>()", "~(+deprecation,message,span(Deprecation?,String,FileSpan))", "Future<Value0?>(Value0)", "List<ComplexSelectorComponent>?(List<ComplexSelectorComponent>,List<ComplexSelectorComponent>)", "Future<CssValue0<String>>(Interpolation0)", "Future<~>(String)", "SelectorList()", "CompoundSelector()", "Statement({root:bool})", "Future<Value0?>(IfRuleClause0)", "List<WatchEvent>(List<WatchEvent>)", "Expression({bracketList:bool,consumeNewlines:bool,singleEquals:bool,until:bool()?})", "UserDefinedCallable0<AsyncEnvironment0>(ContentBlock0)", "NumberExpression()", "Stylesheet()", "Statement?()", "ParameterList()", "VariableDeclaration()", "Future<Value0>(Expression0)", "UseRule()", "StyleRule(List<Statement>,FileSpan)", "Value0/()", "Declaration(List<Statement>,FileSpan)", "String(int,IfClause)", "EachRule(List<Statement>,FileSpan)", "FunctionRule(List<Statement>,FileSpan)", "ForRule(List<Statement>,FileSpan)", "ContentBlock(List<Statement>,FileSpan)", "Future<+originalUrl(AsyncImporter0,Uri,Uri)?>()", "Future<Stylesheet0?>()", "bool(+originalUrl(AsyncImporter0,Uri,Uri))", "Uri(+originalUrl(AsyncImporter0,Uri,Uri))", "AtRootQuery0()", "MediaRule(List<Statement>,FileSpan)", "MixinRule(List<Statement>,FileSpan)", "bool(Extension)", "SupportsRule(List<Statement>,FileSpan)", "SassCalculation0(Object[Object?,Object?])", "SassCalculation0(SassCalculation0[String?])", "ImmutableList(SassCalculation0)", "Object(Object,String,Object,Object)", "bool(CalculationOperator0)", "bool(CalculationOperation0,Object)", "int(CalculationOperation0)", "String(CalculationOperation0)", "WhileRule(List<Statement>,FileSpan)", "CalculationInterpolation(Object,String)", "bool(CalculationInterpolation,Object)", "int(CalculationInterpolation)", "String(CalculationInterpolation)", "bool(CanonicalizeContext0)", "JSUrl0?(CanonicalizeContext0)", "~(Expression)", "~(BinaryOperator)", "StringExpression(Interpolation)", "DateTime(StylesheetNode)", "Set<ModifiableBox<SelectorList>>()", "~(String,int?)", "int(int,int)", "SassColor0(SassColor0)", "SassColor0(ColorSpace0)", "SassScriptException()", "0&(List<Value0>)", "Iterable<ComplexSelector>(List<ComplexSelector>)", "List<SimpleSelector>(Extender)", "SassColor0(Object,_ConstructionOptions)", "bool(SassColor0,Object)", "SassColor0(SassColor0,String)", "bool(SassColor0[String?])", "SassColor0(SassColor0,_ToGamutOptions)", "double(SassColor0,String[_ChannelOptions?])", "bool(SassColor0,String)", "bool(SassColor0,String[_ChannelOptions?])", "SassColor0(SassColor0,_ConstructionOptions)", "double?(String)", "SassColor0(SassColor0,SassColor0[_InterpolationOptions?])", "String(SassColor0)", "bool(SassColor0)", "SingleUnitSassNumber(double)", "Null(_NodeSassColor,num?[num?,num?,num?,SassColor0?])", "double(num)", "Future<CssValue<String>>(Interpolation{trim:bool,warnForColor:bool})", "double(_NodeSassColor)", "List<Extender>?(SimpleSelector)", "List<Extender>(PseudoSelector)", "List<List<Extender>>(List<Extender>)", "AsyncImporter0(JSImporter)", "0&(@)", "List<ComplexSelector>(ComplexSelector)", "NodePackageImporter0(Object[String?])", "PseudoSelector(ComplexSelector)", "NodeCompileResult(Compiler,String[CompileOptions?])", "NodeCompileResult(Compiler,String[CompileStringOptions?])", "Null(Compiler)", "Promise(AsyncCompiler,String[CompileOptions?])", "Promise(AsyncCompiler,String[CompileStringOptions?])", "Promise(AsyncCompiler)", "Future<AsyncCompiler>()", "int(int,ComplexSelectorComponent0)", "String(CssValue0<Combinator0>)", "int(int,SimpleSelector0)", "String(BuiltInCallable0)", "bool(Deprecation0)", "Iterable<Deprecation0>()", "Version(Object,int,int,int)", "~(SimpleSelector,Set<ModifiableBox<SelectorList>>)", "~(Module0<AsyncCallable>,bool)", "Value0?(Module1<Callable>)", "Module1<Callable>?(Module1<Callable>)", "Future<+loadedUrls,stylesheet(Set<Uri>,CssStylesheet)>()", "Future<Module0<AsyncCallable>>()", "Map<String,Value0>(Module1<Callable>)", "Map<String,AstNode0>(Module1<Callable>)", "ModifiableBox<SelectorList>()", "Future<@>()", "Object(Value0)", "Object?(Object?)", "bool(List<Iterable<ComplexSelectorComponent>>)", "bool(PseudoSelector)", "+loadedUrls,stylesheet(Set<Uri>,CssStylesheet0)()", "Module1<Callable>()", "~(Module1<Callable>)", "SelectorList?(PseudoSelector)", "int(int,ComplexSelectorComponent)", "CssValue0<String>(Interpolation0)", "String(CssValue<Combinator>)", "Value0?(IfRuleClause0)", "UserDefinedCallable0<Environment0>(ContentBlock0)", "Value0(Expression0)", "Future<Value?>(Value)", "FileSpan(_NodeException)", "bool(Extension0)", "Set<ModifiableBox0<SelectorList0>>()", "int(int,SimpleSelector)", "Future<CssValue<String>>(Interpolation)", "Iterable<ComplexSelector0>(List<ComplexSelector0>)", "~([Future<~>?])", "List<SimpleSelector0>(Extender0)", "List<Extender0>?(SimpleSelector0)", "List<Extender0>(PseudoSelector0)", "List<List<Extender0>>(List<Extender0>)", "List<ComplexSelector0>(ComplexSelector0)", "PseudoSelector0(ComplexSelector0)", "~(SimpleSelector0,Set<ModifiableBox0<SelectorList0>>)", "ModifiableBox0<SelectorList0>()", "SassFunction0(Object,String,Value0(List<Value0>))", "List<ComplexSelectorComponent0>?(List<ComplexSelectorComponent0>,List<ComplexSelectorComponent0>)", "~(String,Option)", "bool(List<Iterable<ComplexSelectorComponent0>>)", "SassList(ComplexSelector)", "bool(PseudoSelector0)", "SelectorList0?(PseudoSelector0)", "String(int,IfClause0)", "Iterable<ComplexSelector>(ComplexSelector)", "Future<Value?>(IfRuleClause)", "~(Object?,Object,Object?)", "+(String,String)(String)", "+originalUrl(Importer0,Uri,Uri)?()", "Stylesheet0?()", "bool(+originalUrl(Importer0,Uri,Uri))", "Uri(+originalUrl(Importer0,Uri,Uri))", "~(String,WarnOptions)", "~(String,DebugOptions)", "Null(RenderResult)", "JSFunction0(JSFunction0)", "Object?(Object,String,String[Object?])", "Null(Object)", "~(@,StackTrace)", "List<Value0>(Value0)", "bool(List<Value0>)", "SassList0(ComplexSelector0)", "Iterable<ComplexSelector0>(ComplexSelector0)", "SimpleSelector0(SimpleSelector0)", "SassList0(Object[Object?,_ConstructorOptions?])", "SassColor(SassColor)", "Null(_NodeSassList,int?[bool?,SassList0?])", "UserDefinedCallable<AsyncEnvironment>(ContentBlock)", "Object(_NodeSassList,int)", "Null(_NodeSassList,int,Object)", "bool(_NodeSassList)", "Null(_NodeSassList,bool)", "int(_NodeSassList)", "SassMap0(Value0)", "SassMap0(SassMap0)", "SassMap0(Object[ImmutableMap0?])", "ImmutableMap0(SassMap0)", "Value0?(SassMap0,Object)", "Null(_NodeSassMap,int?[SassMap0?])", "SassNumber0(int)", "SimpleSelector(SimpleSelector)", "int(_NodeSassMap)", "SassColor(ColorSpace)", "SassNumber0(Value0)", "List<CssMediaQuery0>()", "Value0(Object)", "0&(Object)", "bool(ModifiableCssNode0)", "SassNumber0(Object,num[Object?])", "~(int,@)", "int?(SassNumber0)", "Null(@,@)", "int(SassNumber0[String?])", "double(SassNumber0,num,num[String?])", "SassNumber0(SassNumber0[String?])", "SassNumber0(SassNumber0,String[String?])", "String(Value)", "Future<Value>(Expression)", "0&(List<Value>)", "Value?(Module0<AsyncCallable>)", "Module0<AsyncCallable>?(Module0<AsyncCallable>)", "Null(_NodeSassNumber,num?[String?,SassNumber0?])", "double(_NodeSassNumber)", "Null(_NodeSassNumber,num)", "String(_NodeSassNumber)", "Null(_NodeSassNumber,String)", "SassScriptException0()", "String(Parameter0)", "JSExpressionVisitor(JSExpressionVisitorObject)", "JSStatementVisitor(JSStatementVisitorObject)", "JSSet(Set<Object?>)", "String(SourceFile,int[int?])", "List<int>(SourceFile)", "String?(Interpolation0)", "Object?(Statement0,StatementVisitor<Object?>)", "Object?(Expression0,ExpressionVisitor<Object?>)", "ArgumentList0(IncludeRule0)", "ArgumentList0(ContentRule0)", "ArgumentList0(FunctionExpression0)", "ArgumentList0(IfExpression0)", "ArgumentList0(InterpolatedFunctionExpression0)", "FileSpan(SassNode)", "Interpolation0(SupportsCondition)", "@(@,String)", "String(Object,@,@[@])", "Value/()", "List<Value>(Value)", "bool(List<Value>)", "Null(Function,Function)", "SassString0(SimpleSelector0)", "SelectorList0()", "CompoundSelector0()", "~(CssMediaQuery0)", "~(SelectorList0)", "~(MapEntry<Value0,Value0>)", "SingleUnitSassNumber0(double)", "Map<String,Value>(Module0<AsyncCallable>)", "JSUrl0?(FileSpan)", "SassMap(Value)", "CssValue<String>(Interpolation{trim:bool,warnForColor:bool})", "SassMap(SassMap)", "SassString0(int)", "SassString0(String)", "SassNumber(Value)", "SassString0(Object[Object?,_ConstructorOptions1?])", "String(SassString0)", "bool(SassString0)", "int(SassString0)", "int(SassString0,Value0[String?])", "Null(_NodeSassString,String?[SassString0?])", "String(_NodeSassString)", "Null(_NodeSassString,String)", "Statement0({root:bool})", "Value(Object)", "NumberExpression0()", "Stylesheet0()", "Statement0?()", "ParameterList0()", "+(String,ParameterList0)()", "StyleRule0(List<Statement0>,FileSpan)", "Declaration0(List<Statement0>,FileSpan)", "+loadedUrls,stylesheet(Set<Uri>,CssStylesheet)()", "EachRule0(List<Statement0>,FileSpan)", "FunctionRule0(List<Statement0>,FileSpan)", "ForRule0(List<Statement0>,FileSpan)", "ContentBlock0(List<Statement0>,FileSpan)", "MediaRule0(List<Statement0>,FileSpan)", "MixinRule0(List<Statement0>,FileSpan)", "Module0<Callable0>()", "SupportsRule0(List<Statement0>,FileSpan)", "WhileRule0(List<Statement0>,FileSpan)", "~(Expression0)", "~(BinaryOperator0)", "StringExpression0(Interpolation0)", "Null(~(Object?),~(Object?))", "ImmutableList0(Value0)", "String?(Value0)", "int(Value0,Value0[String?])", "SassBoolean0(Value0[String?])", "SassCalculation0(Value0[String?])", "SassColor0(Value0[String?])", "SassFunction0(Value0[String?])", "SassMap0(Value0[String?])", "SassMixin0(Value0[String?])", "SassNumber0(Value0[String?])", "SassString0(Value0[String?])", "SassMap0?(Value0)", "bool(Value0,Object?)", "int(Value0[Object?])", "~(Module0<Callable0>)", "Value?(Value)", "~(Zone?,ZoneDelegate?,Zone,Object,StackTrace)", "0^(Zone?,ZoneDelegate?,Zone,0^())<Object?>", "0^(Zone?,ZoneDelegate?,Zone,0^(1^),1^)<Object?,Object?>", "0^(Zone?,ZoneDelegate?,Zone,0^(1^,2^),1^,2^)<Object?,Object?,Object?>", "0^()(Zone,ZoneDelegate,Zone,0^())<Object?>", "0^(1^)(Zone,ZoneDelegate,Zone,0^(1^))<Object?,Object?>", "0^(1^,2^)(Zone,ZoneDelegate,Zone,0^(1^,2^))<Object?,Object?,Object?>", "AsyncError?(Zone,ZoneDelegate,Zone,Object,StackTrace?)", "~(Zone?,ZoneDelegate?,Zone,~())", "Timer(Zone,ZoneDelegate,Zone,Duration,~())", "Timer(Zone,ZoneDelegate,Zone,Duration,~(Timer))", "~(Zone,ZoneDelegate,Zone,String)", "Zone(Zone?,ZoneDelegate?,Zone,ZoneSpecification?,Map<Object?,Object?>?)", "Map<String,AstNode>(Module0<AsyncCallable>)", "CssValue<String>(Interpolation)", "0^(0^,0^)<num>", "String(String?)", "Value?(IfRuleClause)", "~(Object,StackTrace,EventSink<0^>)<Object?>", "List<0^>(0^,List<0^>?)<Object?>", "NodeCompileResult(String[CompileOptions?])", "NodeCompileResult(String[CompileStringOptions?])", "Promise(String[CompileOptions?])", "Promise(String[CompileStringOptions?])", "Importer0(Object?)", "Compiler()", "Promise()", "List<Object?>(Object?)", "~(RenderOptions,~(Object?,RenderResult?))", "RenderResult(RenderOptions)", "ParserExports()", "Stylesheet0(String,String,String?)", "String?(String)", "Uri(JSUrl0)", "Object(Map<String,Object?>)", "String(String[String?,String?,String?,String?,String?,String?,String?,String?,String?,String?,String?,String?,String?,String?])", "String(Object?)", "UserDefinedCallable<Environment>(ContentBlock)", "Value(Expression)", "SassString(SimpleSelector)", "Future<~>(List<String>)", "CssValue0<String>(Interpolation0{trim:bool,warnForColor:bool})"],
+    interceptorsByTag: null,
+    leafTags: null,
+    arrayRti: Symbol("$ti"),
+    rttc: {
+      "1;": t1 => o => o instanceof A._Record_1 && t1._is(o._0),
+      "2;": (t1, t2) => o => o instanceof A._Record_2 && t1._is(o._0) && t2._is(o._1),
+      "2;forImport": (t1, t2) => o => o instanceof A._Record_2_forImport && t1._is(o._0) && t2._is(o._1),
+      "2;sourceMap": (t1, t2) => o => o instanceof A._Record_2_sourceMap && t1._is(o._0) && t2._is(o._1),
+      "2;imports,modules": (t1, t2) => o => o instanceof A._Record_2_imports_modules && t1._is(o._0) && t2._is(o._1),
+      "2;loadedUrls,stylesheet": (t1, t2) => o => o instanceof A._Record_2_loadedUrls_stylesheet && t1._is(o._0) && t2._is(o._1),
+      "3;": (t1, t2, t3) => o => o instanceof A._Record_3 && t1._is(o._0) && t2._is(o._1) && t3._is(o._2),
+      "3;forImport": (t1, t2, t3) => o => o instanceof A._Record_3_forImport && t1._is(o._0) && t2._is(o._1) && t3._is(o._2),
+      "3;originalUrl": (t1, t2, t3) => o => o instanceof A._Record_3_originalUrl && t1._is(o._0) && t2._is(o._1) && t3._is(o._2),
+      "3;importer,isDependency": (t1, t2, t3) => o => o instanceof A._Record_3_importer_isDependency && t1._is(o._0) && t2._is(o._1) && t3._is(o._2),
+      "3;deprecation,message,span": (t1, t2, t3) => o => o instanceof A._Record_3_deprecation_message_span && t1._is(o._0) && t2._is(o._1) && t3._is(o._2),
+      "5;named,namedNodes,positional,positionalNodes,separator": types => o => o instanceof A._Record_5_named_namedNodes_positional_positionalNodes_separator && A.pairwiseIsTest(types, o._values)
+    }
+  };
+  A._Universe_addRules(init.typeUniverse, JSON.parse('{"PlainJavaScriptObject":"LegacyJavaScriptObject","UnknownJavaScriptObject":"LegacyJavaScriptObject","JavaScriptFunction":"LegacyJavaScriptObject","Stdin":"LegacyJavaScriptObject","Stdout":"LegacyJavaScriptObject","ReadlineModule":"LegacyJavaScriptObject","ReadlineOptions":"LegacyJavaScriptObject","ReadlineInterface":"LegacyJavaScriptObject","BufferModule":"LegacyJavaScriptObject","BufferConstants":"LegacyJavaScriptObject","Buffer":"LegacyJavaScriptObject","ConsoleModule":"LegacyJavaScriptObject","Console":"LegacyJavaScriptObject","EventEmitter":"LegacyJavaScriptObject","FS":"LegacyJavaScriptObject","FSConstants":"LegacyJavaScriptObject","Realpath":"LegacyJavaScriptObject","RealpathSync":"LegacyJavaScriptObject","FSWatcher":"LegacyJavaScriptObject","ReadStream":"LegacyJavaScriptObject","ReadStreamOptions":"LegacyJavaScriptObject","WriteStream":"LegacyJavaScriptObject","WriteStreamOptions":"LegacyJavaScriptObject","FileOptions":"LegacyJavaScriptObject","StatOptions":"LegacyJavaScriptObject","MkdirOptions":"LegacyJavaScriptObject","RmdirOptions":"LegacyJavaScriptObject","WatchOptions":"LegacyJavaScriptObject","WatchFileOptions":"LegacyJavaScriptObject","Stats":"LegacyJavaScriptObject","Promise":"LegacyJavaScriptObject","Date":"LegacyJavaScriptObject","JsError":"LegacyJavaScriptObject","Atomics":"LegacyJavaScriptObject","Modules":"LegacyJavaScriptObject","Module":"LegacyJavaScriptObject","Net":"LegacyJavaScriptObject","Socket":"LegacyJavaScriptObject","NetAddress":"LegacyJavaScriptObject","NetServer":"LegacyJavaScriptObject","NodeJsError":"LegacyJavaScriptObject","JsAssertionError":"LegacyJavaScriptObject","JsRangeError":"LegacyJavaScriptObject","JsReferenceError":"LegacyJavaScriptObject","JsSyntaxError":"LegacyJavaScriptObject","JsTypeError":"LegacyJavaScriptObject","JsSystemError":"LegacyJavaScriptObject","Process":"LegacyJavaScriptObject","CPUUsage":"LegacyJavaScriptObject","Release":"LegacyJavaScriptObject","StreamModule":"LegacyJavaScriptObject","Readable":"LegacyJavaScriptObject","Writable":"LegacyJavaScriptObject","Duplex":"LegacyJavaScriptObject","Transform":"LegacyJavaScriptObject","WritableOptions":"LegacyJavaScriptObject","ReadableOptions":"LegacyJavaScriptObject","Immediate":"LegacyJavaScriptObject","Timeout":"LegacyJavaScriptObject","TTY":"LegacyJavaScriptObject","TTYReadStream":"LegacyJavaScriptObject","TTYWriteStream":"LegacyJavaScriptObject","Util":"LegacyJavaScriptObject","JSArray0":"LegacyJavaScriptObject","Chokidar":"LegacyJavaScriptObject","ChokidarOptions":"LegacyJavaScriptObject","ChokidarWatcher":"LegacyJavaScriptObject","JSFunction":"LegacyJavaScriptObject","ImmutableList":"LegacyJavaScriptObject","ImmutableMap":"LegacyJavaScriptObject","NodeImporterResult":"LegacyJavaScriptObject","RenderContext":"LegacyJavaScriptObject","RenderContextOptions":"LegacyJavaScriptObject","RenderContextResult":"LegacyJavaScriptObject","RenderContextResultStats":"LegacyJavaScriptObject","JSModule":"LegacyJavaScriptObject","JSModuleRequire":"LegacyJavaScriptObject","JSClass":"LegacyJavaScriptObject","JSUrl":"LegacyJavaScriptObject","_PropertyDescriptor":"LegacyJavaScriptObject","_RequireMain":"LegacyJavaScriptObject","JSArray1":"LegacyJavaScriptObject","Chokidar0":"LegacyJavaScriptObject","ChokidarOptions0":"LegacyJavaScriptObject","ChokidarWatcher0":"LegacyJavaScriptObject","_ConstructionOptions":"LegacyJavaScriptObject","_ChannelOptions":"LegacyJavaScriptObject","_ToGamutOptions":"LegacyJavaScriptObject","_InterpolationOptions":"LegacyJavaScriptObject","_Channels":"LegacyJavaScriptObject","_NodeSassColor":"LegacyJavaScriptObject","CompileOptions":"LegacyJavaScriptObject","CompileStringOptions":"LegacyJavaScriptObject","NodeCompileResult":"LegacyJavaScriptObject","Deprecation1":"LegacyJavaScriptObject","_NodeException":"LegacyJavaScriptObject","Exports":"LegacyJavaScriptObject","LoggerNamespace":"LegacyJavaScriptObject","JSExpressionVisitorObject":"LegacyJavaScriptObject","Fiber":"LegacyJavaScriptObject","FiberClass":"LegacyJavaScriptObject","JSFunction0":"LegacyJavaScriptObject","ImmutableList0":"LegacyJavaScriptObject","ImmutableMap0":"LegacyJavaScriptObject","JSImporter":"LegacyJavaScriptObject","JSImporterResult":"LegacyJavaScriptObject","NodeImporterResult0":"LegacyJavaScriptObject","_ConstructorOptions":"LegacyJavaScriptObject","_NodeSassList":"LegacyJavaScriptObject","WarnOptions":"LegacyJavaScriptObject","DebugOptions":"LegacyJavaScriptObject","JSLogger":"LegacyJavaScriptObject","_NodeSassMap":"LegacyJavaScriptObject","JSModule0":"LegacyJavaScriptObject","JSModuleRequire0":"LegacyJavaScriptObject","_ConstructorOptions0":"LegacyJavaScriptObject","_NodeSassNumber":"LegacyJavaScriptObject","ParserExports":"LegacyJavaScriptObject","JSClass0":"LegacyJavaScriptObject","RenderContext0":"LegacyJavaScriptObject","RenderContextOptions0":"LegacyJavaScriptObject","RenderContextResult0":"LegacyJavaScriptObject","RenderContextResultStats0":"LegacyJavaScriptObject","RenderOptions":"LegacyJavaScriptObject","RenderResult":"LegacyJavaScriptObject","RenderResultStats":"LegacyJavaScriptObject","_Exports":"LegacyJavaScriptObject","JSSet":"LegacyJavaScriptObject","JSStatementVisitorObject":"LegacyJavaScriptObject","_ConstructorOptions1":"LegacyJavaScriptObject","_NodeSassString":"LegacyJavaScriptObject","Types":"LegacyJavaScriptObject","JSUrl0":"LegacyJavaScriptObject","_PropertyDescriptor0":"LegacyJavaScriptObject","_RequireMain0":"LegacyJavaScriptObject","NativeArrayBuffer":"NativeByteBuffer","JSArray":{"List":["1"],"EfficientLengthIterable":["1"],"JSObject":[],"Iterable":["1"]},"JSBool":{"bool":[],"TrustedGetRuntimeType":[]},"JSNull":{"Null":[],"TrustedGetRuntimeType":[]},"JavaScriptObject":{"JSObject":[]},"LegacyJavaScriptObject":{"JSObject":[],"Promise":[],"JsSystemError":[],"ImmutableList":[],"_ConstructionOptions":[],"_ChannelOptions":[],"_ToGamutOptions":[],"_InterpolationOptions":[],"_NodeSassColor":[],"CompileOptions":[],"CompileStringOptions":[],"NodeCompileResult":[],"Deprecation1":[],"_NodeException":[],"JSExpressionVisitorObject":[],"Fiber":[],"JSFunction0":[],"ImmutableList0":[],"ImmutableMap0":[],"JSImporter":[],"JSImporterResult":[],"NodeImporterResult0":[],"_ConstructorOptions":[],"_NodeSassList":[],"WarnOptions":[],"DebugOptions":[],"_NodeSassMap":[],"_ConstructorOptions0":[],"_NodeSassNumber":[],"ParserExports":[],"JSClass0":[],"RenderContextOptions0":[],"RenderOptions":[],"RenderResult":[],"JSSet":[],"JSStatementVisitorObject":[],"_ConstructorOptions1":[],"_NodeSassString":[],"JSUrl0":[]},"JSArraySafeToStringHook":{"SafeToStringHook":[]},"JSUnmodifiableArray":{"JSArray":["1"],"List":["1"],"EfficientLengthIterable":["1"],"JSObject":[],"Iterable":["1"]},"JSNumber":{"double":[],"num":[],"Comparable":["num"]},"JSInt":{"double":[],"int":[],"num":[],"Comparable":["num"],"TrustedGetRuntimeType":[]},"JSNumNotInt":{"double":[],"num":[],"Comparable":["num"],"TrustedGetRuntimeType":[]},"JSString":{"String":[],"Comparable":["String"],"TrustedGetRuntimeType":[]},"_CastIterableBase":{"Iterable":["2"]},"CastIterable":{"_CastIterableBase":["1","2"],"Iterable":["2"],"Iterable.E":"2"},"_EfficientLengthCastIterable":{"CastIterable":["1","2"],"_CastIterableBase":["1","2"],"EfficientLengthIterable":["2"],"Iterable":["2"],"Iterable.E":"2"},"_CastListBase":{"ListBase":["2"],"List":["2"],"_CastIterableBase":["1","2"],"EfficientLengthIterable":["2"],"Iterable":["2"]},"CastList":{"_CastListBase":["1","2"],"ListBase":["2"],"List":["2"],"_CastIterableBase":["1","2"],"EfficientLengthIterable":["2"],"Iterable":["2"],"ListBase.E":"2","Iterable.E":"2"},"CastSet":{"Set":["2"],"_CastIterableBase":["1","2"],"EfficientLengthIterable":["2"],"Iterable":["2"],"Iterable.E":"2"},"CastMap":{"MapBase":["3","4"],"Map":["3","4"],"MapBase.K":"3","MapBase.V":"4"},"LateError":{"Error":[]},"CodeUnits":{"ListBase":["int"],"List":["int"],"EfficientLengthIterable":["int"],"Iterable":["int"],"ListBase.E":"int"},"EfficientLengthIterable":{"Iterable":["1"]},"ListIterable":{"EfficientLengthIterable":["1"],"Iterable":["1"]},"SubListIterable":{"ListIterable":["1"],"EfficientLengthIterable":["1"],"Iterable":["1"],"ListIterable.E":"1","Iterable.E":"1"},"MappedIterable":{"Iterable":["2"],"Iterable.E":"2"},"EfficientLengthMappedIterable":{"MappedIterable":["1","2"],"EfficientLengthIterable":["2"],"Iterable":["2"],"Iterable.E":"2"},"MappedListIterable":{"ListIterable":["2"],"EfficientLengthIterable":["2"],"Iterable":["2"],"ListIterable.E":"2","Iterable.E":"2"},"WhereIterable":{"Iterable":["1"],"Iterable.E":"1"},"ExpandIterable":{"Iterable":["2"],"Iterable.E":"2"},"TakeIterable":{"Iterable":["1"],"Iterable.E":"1"},"EfficientLengthTakeIterable":{"TakeIterable":["1"],"EfficientLengthIterable":["1"],"Iterable":["1"],"Iterable.E":"1"},"SkipIterable":{"Iterable":["1"],"Iterable.E":"1"},"EfficientLengthSkipIterable":{"SkipIterable":["1"],"EfficientLengthIterable":["1"],"Iterable":["1"],"Iterable.E":"1"},"SkipWhileIterable":{"Iterable":["1"],"Iterable.E":"1"},"EmptyIterable":{"EfficientLengthIterable":["1"],"Iterable":["1"],"Iterable.E":"1"},"FollowedByIterable":{"Iterable":["1"],"Iterable.E":"1"},"EfficientLengthFollowedByIterable":{"FollowedByIterable":["1"],"EfficientLengthIterable":["1"],"Iterable":["1"],"Iterable.E":"1"},"WhereTypeIterable":{"Iterable":["1"],"Iterable.E":"1"},"NonNullsIterable":{"Iterable":["1"],"Iterable.E":"1"},"UnmodifiableListBase":{"ListBase":["1"],"List":["1"],"EfficientLengthIterable":["1"],"Iterable":["1"]},"ReversedListIterable":{"ListIterable":["1"],"EfficientLengthIterable":["1"],"Iterable":["1"],"ListIterable.E":"1","Iterable.E":"1"},"Symbol":{"Symbol0":[]},"ConstantMapView":{"UnmodifiableMapView":["1","2"],"Map":["1","2"]},"ConstantMap":{"Map":["1","2"]},"ConstantStringMap":{"ConstantMap":["1","2"],"Map":["1","2"]},"_KeysOrValues":{"Iterable":["1"],"Iterable.E":"1"},"ConstantSet":{"SetBase":["1"],"Set":["1"],"EfficientLengthIterable":["1"],"Iterable":["1"]},"ConstantStringSet":{"SetBase":["1"],"Set":["1"],"EfficientLengthIterable":["1"],"Iterable":["1"]},"GeneralConstantSet":{"SetBase":["1"],"Set":["1"],"EfficientLengthIterable":["1"],"Iterable":["1"]},"Instantiation":{"Function":[]},"Instantiation1":{"Function":[]},"NullError":{"TypeError":[],"Error":[]},"JsNoSuchMethodError":{"Error":[]},"UnknownJsTypeError":{"Error":[]},"NullThrownFromJavaScriptException":{"Exception":[]},"_StackTrace":{"StackTrace":[]},"Closure":{"Function":[]},"Closure0Args":{"Function":[]},"Closure2Args":{"Function":[]},"TearOffClosure":{"Function":[]},"StaticClosure":{"Function":[]},"BoundClosure":{"Function":[]},"RuntimeError":{"Error":[]},"JsLinkedHashMap":{"MapBase":["1","2"],"Map":["1","2"],"MapBase.K":"1","MapBase.V":"2"},"LinkedHashMapKeysIterable":{"EfficientLengthIterable":["1"],"Iterable":["1"],"Iterable.E":"1"},"LinkedHashMapValuesIterable":{"EfficientLengthIterable":["1"],"Iterable":["1"],"Iterable.E":"1"},"LinkedHashMapEntriesIterable":{"EfficientLengthIterable":["MapEntry<1,2>"],"Iterable":["MapEntry<1,2>"],"Iterable.E":"MapEntry<1,2>"},"JsIdentityLinkedHashMap":{"JsLinkedHashMap":["1","2"],"MapBase":["1","2"],"Map":["1","2"],"MapBase.K":"1","MapBase.V":"2"},"JsConstantLinkedHashMap":{"JsLinkedHashMap":["1","2"],"MapBase":["1","2"],"Map":["1","2"],"MapBase.K":"1","MapBase.V":"2"},"_MatchImplementation":{"RegExpMatch":[],"Match":[]},"_AllMatchesIterable":{"Iterable":["RegExpMatch"],"Iterable.E":"RegExpMatch"},"StringMatch":{"Match":[]},"_StringAllMatchesIterable":{"Iterable":["Match"],"Iterable.E":"Match"},"NativeByteBuffer":{"JSObject":[],"ByteBuffer":[],"TrustedGetRuntimeType":[]},"NativeTypedData":{"JSObject":[]},"NativeByteData":{"ByteData":[],"JSObject":[],"TrustedGetRuntimeType":[]},"NativeTypedArray":{"JavaScriptIndexingBehavior":["1"],"JSObject":[]},"NativeTypedArrayOfDouble":{"ListBase":["double"],"List":["double"],"JavaScriptIndexingBehavior":["double"],"EfficientLengthIterable":["double"],"JSObject":[],"Iterable":["double"]},"NativeTypedArrayOfInt":{"ListBase":["int"],"List":["int"],"JavaScriptIndexingBehavior":["int"],"EfficientLengthIterable":["int"],"JSObject":[],"Iterable":["int"]},"NativeFloat32List":{"NativeTypedArrayOfDouble":[],"Float32List":[],"ListBase":["double"],"List":["double"],"JavaScriptIndexingBehavior":["double"],"EfficientLengthIterable":["double"],"JSObject":[],"Iterable":["double"],"TrustedGetRuntimeType":[],"ListBase.E":"double"},"NativeFloat64List":{"NativeTypedArrayOfDouble":[],"Float64List":[],"ListBase":["double"],"List":["double"],"JavaScriptIndexingBehavior":["double"],"EfficientLengthIterable":["double"],"JSObject":[],"Iterable":["double"],"TrustedGetRuntimeType":[],"ListBase.E":"double"},"NativeInt16List":{"NativeTypedArrayOfInt":[],"Int16List":[],"ListBase":["int"],"List":["int"],"JavaScriptIndexingBehavior":["int"],"EfficientLengthIterable":["int"],"JSObject":[],"Iterable":["int"],"TrustedGetRuntimeType":[],"ListBase.E":"int"},"NativeInt32List":{"NativeTypedArrayOfInt":[],"Int32List":[],"ListBase":["int"],"List":["int"],"JavaScriptIndexingBehavior":["int"],"EfficientLengthIterable":["int"],"JSObject":[],"Iterable":["int"],"TrustedGetRuntimeType":[],"ListBase.E":"int"},"NativeInt8List":{"NativeTypedArrayOfInt":[],"Int8List":[],"ListBase":["int"],"List":["int"],"JavaScriptIndexingBehavior":["int"],"EfficientLengthIterable":["int"],"JSObject":[],"Iterable":["int"],"TrustedGetRuntimeType":[],"ListBase.E":"int"},"NativeUint16List":{"NativeTypedArrayOfInt":[],"Uint16List":[],"ListBase":["int"],"List":["int"],"JavaScriptIndexingBehavior":["int"],"EfficientLengthIterable":["int"],"JSObject":[],"Iterable":["int"],"TrustedGetRuntimeType":[],"ListBase.E":"int"},"NativeUint32List":{"NativeTypedArrayOfInt":[],"Uint32List":[],"ListBase":["int"],"List":["int"],"JavaScriptIndexingBehavior":["int"],"EfficientLengthIterable":["int"],"JSObject":[],"Iterable":["int"],"TrustedGetRuntimeType":[],"ListBase.E":"int"},"NativeUint8ClampedList":{"NativeTypedArrayOfInt":[],"Uint8ClampedList":[],"ListBase":["int"],"List":["int"],"JavaScriptIndexingBehavior":["int"],"EfficientLengthIterable":["int"],"JSObject":[],"Iterable":["int"],"TrustedGetRuntimeType":[],"ListBase.E":"int"},"NativeUint8List":{"NativeTypedArrayOfInt":[],"Uint8List":[],"ListBase":["int"],"List":["int"],"JavaScriptIndexingBehavior":["int"],"EfficientLengthIterable":["int"],"JSObject":[],"Iterable":["int"],"TrustedGetRuntimeType":[],"ListBase.E":"int"},"_Error":{"Error":[]},"_TypeError":{"TypeError":[],"Error":[]},"AsyncError":{"Error":[]},"_SyncStarIterable":{"Iterable":["1"],"Iterable.E":"1"},"_AsyncCompleter":{"_Completer":["1"]},"_SyncCompleter":{"_Completer":["1"]},"_Future":{"Future":["1"]},"_StreamController":{"EventSink":["1"]},"_AsyncStreamController":{"_StreamController":["1"],"EventSink":["1"]},"_SyncStreamController":{"_StreamController":["1"],"EventSink":["1"]},"_ControllerStream":{"_StreamImpl":["1"],"Stream":["1"],"Stream.T":"1"},"_ControllerSubscription":{"_BufferingStreamSubscription":["1"],"StreamSubscription":["1"],"_BufferingStreamSubscription.T":"1"},"_BufferingStreamSubscription":{"StreamSubscription":["1"],"_BufferingStreamSubscription.T":"1"},"_StreamImpl":{"Stream":["1"]},"_ForwardingStream":{"Stream":["2"]},"_ForwardingStreamSubscription":{"_BufferingStreamSubscription":["2"],"StreamSubscription":["2"],"_BufferingStreamSubscription.T":"2"},"_MapStream":{"_ForwardingStream":["1","2"],"Stream":["2"],"Stream.T":"2"},"_ZoneSpecification":{"ZoneSpecification":[]},"_ZoneDelegate":{"ZoneDelegate":[]},"_Zone":{"Zone":[]},"_CustomZone":{"Zone":[]},"_RootZone":{"Zone":[]},"Queue":{"EfficientLengthIterable":["1"],"Iterable":["1"]},"_HashMap":{"MapBase":["1","2"],"Map":["1","2"],"MapBase.K":"1","MapBase.V":"2"},"_IdentityHashMap":{"_HashMap":["1","2"],"MapBase":["1","2"],"Map":["1","2"],"MapBase.K":"1","MapBase.V":"2"},"_HashMapKeyIterable":{"EfficientLengthIterable":["1"],"Iterable":["1"],"Iterable.E":"1"},"_LinkedCustomHashMap":{"JsLinkedHashMap":["1","2"],"MapBase":["1","2"],"Map":["1","2"],"MapBase.K":"1","MapBase.V":"2"},"_LinkedHashSet":{"_SetBase":["1"],"SetBase":["1"],"Set":["1"],"EfficientLengthIterable":["1"],"Iterable":["1"]},"_LinkedIdentityHashSet":{"_LinkedHashSet":["1"],"_SetBase":["1"],"SetBase":["1"],"Set":["1"],"EfficientLengthIterable":["1"],"Iterable":["1"]},"UnmodifiableListView":{"ListBase":["1"],"List":["1"],"EfficientLengthIterable":["1"],"Iterable":["1"],"ListBase.E":"1"},"ListBase":{"List":["1"],"EfficientLengthIterable":["1"],"Iterable":["1"]},"MapBase":{"Map":["1","2"]},"UnmodifiableMapBase":{"MapBase":["1","2"],"Map":["1","2"]},"_MapBaseValueIterable":{"EfficientLengthIterable":["2"],"Iterable":["2"],"Iterable.E":"2"},"MapView":{"Map":["1","2"]},"UnmodifiableMapView":{"Map":["1","2"]},"ListQueue":{"Queue":["1"],"ListIterable":["1"],"EfficientLengthIterable":["1"],"Iterable":["1"],"ListIterable.E":"1","Iterable.E":"1"},"SetBase":{"Set":["1"],"EfficientLengthIterable":["1"],"Iterable":["1"]},"_SetBase":{"SetBase":["1"],"Set":["1"],"EfficientLengthIterable":["1"],"Iterable":["1"]},"UnmodifiableSetView":{"SetBase":["1"],"Set":["1"],"EfficientLengthIterable":["1"],"Iterable":["1"]},"_JsonMap":{"MapBase":["String","@"],"Map":["String","@"],"MapBase.K":"String","MapBase.V":"@"},"_JsonMapKeyIterable":{"ListIterable":["String"],"EfficientLengthIterable":["String"],"Iterable":["String"],"ListIterable.E":"String","Iterable.E":"String"},"AsciiCodec":{"Codec":["String","List<int>"]},"_UnicodeSubsetEncoder":{"Converter":["String","List<int>"]},"AsciiEncoder":{"Converter":["String","List<int>"]},"Base64Codec":{"Codec":["List<int>","String"]},"Base64Encoder":{"Converter":["List<int>","String"]},"Encoding":{"Codec":["String","List<int>"]},"JsonUnsupportedObjectError":{"Error":[]},"JsonCyclicError":{"Error":[]},"JsonCodec":{"Codec":["Object?","String"]},"JsonEncoder":{"Converter":["Object?","String"]},"JsonDecoder":{"Converter":["String","Object?"]},"Utf8Codec":{"Codec":["String","List<int>"]},"Utf8Encoder":{"Converter":["String","List<int>"]},"Utf8Decoder":{"Converter":["List<int>","String"]},"DateTime":{"Comparable":["DateTime"]},"double":{"num":[],"Comparable":["num"]},"Duration":{"Comparable":["Duration"]},"int":{"num":[],"Comparable":["num"]},"List":{"EfficientLengthIterable":["1"],"Iterable":["1"]},"num":{"Comparable":["num"]},"RegExpMatch":{"Match":[]},"Set":{"EfficientLengthIterable":["1"],"Iterable":["1"]},"String":{"Comparable":["String"]},"AssertionError":{"Error":[]},"TypeError":{"Error":[]},"ArgumentError":{"Error":[]},"RangeError":{"Error":[]},"IndexError":{"RangeError":[],"Error":[]},"NoSuchMethodError":{"Error":[]},"UnsupportedError":{"Error":[]},"UnimplementedError":{"Error":[]},"StateError":{"Error":[]},"ConcurrentModificationError":{"Error":[]},"OutOfMemoryError":{"Error":[]},"StackOverflowError":{"Error":[]},"_Exception":{"Exception":[]},"FormatException":{"Exception":[]},"_GeneratorIterable":{"ListIterable":["1"],"EfficientLengthIterable":["1"],"Iterable":["1"],"ListIterable.E":"1","Iterable.E":"1"},"_StringStackTrace":{"StackTrace":[]},"Runes":{"Iterable":["int"],"Iterable.E":"int"},"_Uri":{"_PlatformUri":[],"Uri":[]},"_SimpleUri":{"_PlatformUri":[],"Uri":[]},"_DataUri":{"_PlatformUri":[],"Uri":[]},"NullRejectionException":{"Exception":[]},"ArgParserException":{"FormatException":[],"Exception":[]},"ErrorResult":{"Result":["0&"]},"ValueResult":{"Result":["1"]},"_CompleterStream":{"Stream":["1"],"Stream.T":"1"},"_NextRequest":{"_EventRequest":["1"]},"EmptyUnmodifiableSet":{"Set":["1"],"EfficientLengthIterable":["1"],"Iterable":["1"],"Iterable.E":"1"},"QueueList":{"ListBase":["1"],"List":["1"],"Queue":["1"],"EfficientLengthIterable":["1"],"Iterable":["1"],"ListBase.E":"1","QueueList.E":"1"},"_CastQueueList":{"QueueList":["2"],"ListBase":["2"],"List":["2"],"Queue":["2"],"EfficientLengthIterable":["2"],"Iterable":["2"],"ListBase.E":"2","QueueList.E":"2"},"UnionSet":{"SetBase":["1"],"Set":["1"],"EfficientLengthIterable":["1"],"Iterable":["1"]},"UnmodifiableSetView0":{"DelegatingSet":["1"],"Set":["1"],"EfficientLengthIterable":["1"],"Iterable":["1"]},"MapKeySet":{"Set":["1"],"EfficientLengthIterable":["1"],"Iterable":["1"]},"_DelegatingIterableBase":{"Iterable":["1"]},"DelegatingSet":{"Set":["1"],"EfficientLengthIterable":["1"],"Iterable":["1"]},"PathException":{"Exception":[]},"PathMap":{"Map":["String?","1"]},"Version":{"VersionRange":[],"Comparable":["VersionRange"]},"VersionRange":{"Comparable":["VersionRange"]},"ModifiableCssAtRule":{"ModifiableCssParentNode":[],"ModifiableCssNode":[],"CssParentNode":[],"CssNode":[],"AstNode":[]},"ModifiableCssComment":{"ModifiableCssNode":[],"CssComment":[],"CssNode":[],"AstNode":[]},"ModifiableCssDeclaration":{"ModifiableCssNode":[],"CssNode":[],"AstNode":[]},"ModifiableCssImport":{"ModifiableCssNode":[],"CssNode":[],"AstNode":[]},"ModifiableCssKeyframeBlock":{"ModifiableCssParentNode":[],"ModifiableCssNode":[],"CssParentNode":[],"CssNode":[],"AstNode":[]},"ModifiableCssMediaRule":{"ModifiableCssParentNode":[],"ModifiableCssNode":[],"CssParentNode":[],"CssNode":[],"AstNode":[]},"ModifiableCssNode":{"CssNode":[],"AstNode":[]},"ModifiableCssParentNode":{"ModifiableCssNode":[],"CssParentNode":[],"CssNode":[],"AstNode":[]},"ModifiableCssStyleRule":{"ModifiableCssParentNode":[],"ModifiableCssNode":[],"CssParentNode":[],"CssNode":[],"AstNode":[]},"ModifiableCssStylesheet":{"ModifiableCssParentNode":[],"CssStylesheet":[],"ModifiableCssNode":[],"CssParentNode":[],"CssNode":[],"AstNode":[]},"ModifiableCssSupportsRule":{"ModifiableCssParentNode":[],"ModifiableCssNode":[],"CssParentNode":[],"CssNode":[],"AstNode":[]},"CssNode":{"AstNode":[]},"CssParentNode":{"CssNode":[],"AstNode":[]},"CssStylesheet":{"CssParentNode":[],"CssNode":[],"AstNode":[]},"CssValue":{"AstNode":[]},"_FakeAstNode":{"AstNode":[]},"ArgumentList":{"AstNode":[]},"ConfiguredVariable":{"AstNode":[]},"Expression":{"AstNode":[]},"BinaryOperationExpression":{"Expression":[],"AstNode":[]},"BooleanExpression":{"Expression":[],"AstNode":[]},"ColorExpression":{"Expression":[],"AstNode":[]},"FunctionExpression":{"Expression":[],"AstNode":[]},"IfExpression":{"Expression":[],"AstNode":[]},"InterpolatedFunctionExpression":{"Expression":[],"AstNode":[]},"ListExpression":{"Expression":[],"AstNode":[]},"MapExpression":{"Expression":[],"AstNode":[]},"NullExpression":{"Expression":[],"AstNode":[]},"NumberExpression":{"Expression":[],"AstNode":[]},"ParenthesizedExpression":{"Expression":[],"AstNode":[]},"SelectorExpression":{"Expression":[],"AstNode":[]},"StringExpression":{"Expression":[],"AstNode":[]},"SupportsExpression":{"Expression":[],"AstNode":[]},"UnaryOperationExpression":{"Expression":[],"AstNode":[]},"ValueExpression":{"Expression":[],"AstNode":[]},"VariableExpression":{"Expression":[],"AstNode":[]},"DynamicImport":{"Import":[],"AstNode":[]},"StaticImport":{"Import":[],"AstNode":[]},"Interpolation":{"AstNode":[]},"Parameter":{"AstNode":[]},"ParameterList":{"AstNode":[]},"Statement":{"AstNode":[]},"AtRootRule":{"Statement":[],"AstNode":[]},"AtRule":{"Statement":[],"AstNode":[]},"CallableDeclaration":{"Statement":[],"AstNode":[]},"ContentBlock":{"Statement":[],"AstNode":[]},"ContentRule":{"Statement":[],"AstNode":[]},"DebugRule":{"Statement":[],"AstNode":[]},"Declaration":{"Statement":[],"AstNode":[]},"EachRule":{"Statement":[],"AstNode":[]},"ErrorRule":{"Statement":[],"AstNode":[]},"ExtendRule":{"Statement":[],"AstNode":[]},"ForRule":{"Statement":[],"AstNode":[]},"ForwardRule":{"Statement":[],"AstNode":[]},"FunctionRule":{"Statement":[],"AstNode":[]},"IfClause":{"IfRuleClause":[]},"ElseClause":{"IfRuleClause":[]},"IfRule":{"Statement":[],"AstNode":[]},"ImportRule":{"Statement":[],"AstNode":[]},"IncludeRule":{"Statement":[],"AstNode":[]},"LoudComment":{"Statement":[],"AstNode":[]},"MediaRule":{"Statement":[],"AstNode":[]},"MixinRule":{"Statement":[],"AstNode":[]},"_HasContentVisitor":{"StatementSearchVisitor":["bool"],"StatementSearchVisitor.T":"bool"},"ParentStatement":{"Statement":[],"AstNode":[]},"ReturnRule":{"Statement":[],"AstNode":[]},"SilentComment":{"Statement":[],"AstNode":[]},"StyleRule":{"Statement":[],"AstNode":[]},"Stylesheet":{"Statement":[],"AstNode":[]},"SupportsRule":{"Statement":[],"AstNode":[]},"UseRule":{"Statement":[],"AstNode":[]},"VariableDeclaration":{"Statement":[],"AstNode":[]},"WarnRule":{"Statement":[],"AstNode":[]},"WhileRule":{"Statement":[],"AstNode":[]},"SupportsAnything":{"AstNode":[]},"SupportsDeclaration":{"AstNode":[]},"SupportsFunction":{"AstNode":[]},"SupportsInterpolation":{"AstNode":[]},"SupportsNegation":{"AstNode":[]},"SupportsOperation":{"AstNode":[]},"Selector":{"AstNode":[]},"AttributeSelector":{"SimpleSelector":[],"AstNode":[]},"ClassSelector":{"SimpleSelector":[],"AstNode":[]},"ComplexSelector":{"AstNode":[]},"CompoundSelector":{"AstNode":[]},"IDSelector":{"SimpleSelector":[],"AstNode":[]},"SelectorList":{"AstNode":[]},"_ParentSelectorVisitor":{"SelectorSearchVisitor":["ParentSelector"],"SelectorSearchVisitor.T":"ParentSelector"},"ParentSelector":{"SimpleSelector":[],"AstNode":[]},"PlaceholderSelector":{"SimpleSelector":[],"AstNode":[]},"PseudoSelector":{"SimpleSelector":[],"AstNode":[]},"SimpleSelector":{"AstNode":[]},"TypeSelector":{"SimpleSelector":[],"AstNode":[]},"UniversalSelector":{"SimpleSelector":[],"AstNode":[]},"_EnvironmentModule0":{"Module0":["AsyncCallable"]},"AsyncBuiltInCallable":{"AsyncCallable":[]},"BuiltInCallable":{"Callable0":[],"AsyncBuiltInCallable":[],"AsyncCallable":[]},"PlainCssCallable":{"Callable0":[],"AsyncCallable":[]},"UserDefinedCallable":{"Callable0":[],"AsyncCallable":[]},"ExplicitConfiguration":{"Configuration":[]},"_EnvironmentModule":{"Module0":["Callable0"]},"SassRuntimeException":{"Exception":[]},"SassException":{"Exception":[]},"MultiSpanSassException":{"Exception":[]},"MultiSpanSassRuntimeException":{"SassRuntimeException":[],"Exception":[]},"SassFormatException":{"SourceSpanFormatException":[],"FormatException":[],"Exception":[]},"MultiSpanSassFormatException":{"MultiSourceSpanFormatException":[],"SassFormatException":[],"SourceSpanFormatException":[],"FormatException":[],"Exception":[]},"UsageException":{"Exception":[]},"EmptyExtensionStore":{"ExtensionStore":[]},"MergedExtension":{"Extension":[]},"Importer":{"AsyncImporter":[]},"FilesystemImporter":{"Importer":[],"AsyncImporter":[]},"NodePackageImporter":{"Importer":[],"AsyncImporter":[]},"BuiltInModule":{"Module0":["1"]},"ForwardedModuleView":{"Module0":["1"]},"ShadowedModuleView":{"Module0":["1"]},"LazyFileSpan":{"FileSpan":[],"SourceSpanWithContext":[],"SourceSpan":[],"Comparable":["SourceSpan"]},"LimitedMapView":{"MapBase":["1","2"],"Map":["1","2"],"MapBase.K":"1","MapBase.V":"2"},"MergedMapView":{"MapBase":["1","2"],"Map":["1","2"],"MapBase.K":"1","MapBase.V":"2"},"MultiSpan":{"FileSpan":[],"SourceSpanWithContext":[],"SourceSpan":[],"Comparable":["SourceSpan"]},"PrefixedMapView":{"MapBase":["String","1"],"Map":["String","1"],"MapBase.K":"String","MapBase.V":"1"},"_PrefixedKeys":{"Iterable":["String"],"Iterable.E":"String"},"PublicMemberMapView":{"MapBase":["String","1"],"Map":["String","1"],"MapBase.K":"String","MapBase.V":"1"},"UnprefixedMapView":{"MapBase":["String","1"],"Map":["String","1"],"MapBase.K":"String","MapBase.V":"1"},"_UnprefixedKeys":{"Iterable":["String"],"Iterable.E":"String"},"SassArgumentList":{"SassList":[],"Value":[]},"SassBoolean":{"Value":[]},"SassCalculation":{"Value":[]},"SassColor":{"Value":[]},"LinearChannel":{"ColorChannel":[]},"A98RgbColorSpace":{"ColorSpace":[]},"DisplayP3ColorSpace":{"ColorSpace":[]},"HslColorSpace":{"ColorSpace":[]},"HwbColorSpace":{"ColorSpace":[]},"LabColorSpace":{"ColorSpace":[]},"LchColorSpace":{"ColorSpace":[]},"LmsColorSpace":{"ColorSpace":[]},"OklabColorSpace":{"ColorSpace":[]},"OklchColorSpace":{"ColorSpace":[]},"ProphotoRgbColorSpace":{"ColorSpace":[]},"Rec2020ColorSpace":{"ColorSpace":[]},"RgbColorSpace":{"ColorSpace":[]},"SrgbColorSpace":{"ColorSpace":[]},"SrgbLinearColorSpace":{"ColorSpace":[]},"XyzD50ColorSpace":{"ColorSpace":[]},"XyzD65ColorSpace":{"ColorSpace":[]},"SassFunction":{"Value":[]},"SassList":{"Value":[]},"SassMap":{"Value":[]},"SassMixin":{"Value":[]},"_SassNull":{"Value":[]},"SassNumber":{"Value":[]},"ComplexSassNumber":{"SassNumber":[],"Value":[]},"SingleUnitSassNumber":{"SassNumber":[],"Value":[]},"UnitlessSassNumber":{"SassNumber":[],"Value":[]},"SassString":{"Value":[]},"_EvaluationContext0":{"EvaluationContext":[]},"_EvaluationContext":{"EvaluationContext":[]},"Entry":{"Comparable":["Entry"]},"FileLocation":{"SourceLocation":[],"Comparable":["SourceLocation"]},"FileSpan":{"SourceSpanWithContext":[],"SourceSpan":[],"Comparable":["SourceSpan"]},"_FileSpan":{"FileSpan":[],"SourceSpanWithContext":[],"SourceSpan":[],"Comparable":["SourceSpan"]},"SourceLocation":{"Comparable":["SourceLocation"]},"SourceLocationMixin":{"SourceLocation":[],"Comparable":["SourceLocation"]},"SourceSpan":{"Comparable":["SourceSpan"]},"SourceSpanBase":{"SourceSpan":[],"Comparable":["SourceSpan"]},"SourceSpanException":{"Exception":[]},"SourceSpanFormatException":{"FormatException":[],"Exception":[]},"MultiSourceSpanException":{"Exception":[]},"MultiSourceSpanFormatException":{"FormatException":[],"Exception":[]},"SourceSpanMixin":{"SourceSpan":[],"Comparable":["SourceSpan"]},"SourceSpanWithContext":{"SourceSpan":[],"Comparable":["SourceSpan"]},"Chain":{"StackTrace":[]},"LazyTrace":{"Trace":[],"StackTrace":[]},"Trace":{"StackTrace":[]},"UnparsedFrame":{"Frame":[]},"StringScannerException":{"SourceSpanFormatException":[],"FormatException":[],"Exception":[]},"A98RgbColorSpace0":{"ColorSpace0":[]},"SupportsAnything0":{"SupportsCondition":[],"SassNode":[],"AstNode0":[]},"ArgumentList0":{"SassNode":[],"AstNode0":[]},"SassArgumentList0":{"SassList0":[],"Value0":[]},"JSToDartAsyncImporter":{"AsyncImporter0":[]},"AsyncBuiltInCallable0":{"AsyncCallable0":[]},"_EnvironmentModule2":{"Module1":["AsyncCallable0"]},"_EvaluateVisitor2":{"StatementVisitor":["Future<Value0?>"],"ExpressionVisitor":["Future<Value0>"]},"_EvaluationContext2":{"EvaluationContext0":[]},"JSToDartAsyncFileImporter":{"AsyncImporter0":[]},"AtRootRule0":{"Statement0":[],"SassNode":[],"AstNode0":[]},"ModifiableCssAtRule0":{"ModifiableCssParentNode0":[],"ModifiableCssNode0":[],"CssParentNode0":[],"CssNode0":[],"AstNode0":[]},"AtRule0":{"Statement0":[],"SassNode":[],"AstNode0":[]},"AttributeSelector0":{"SimpleSelector0":[],"AstNode0":[]},"BinaryOperationExpression0":{"Expression0":[],"SassNode":[],"AstNode0":[]},"BooleanExpression0":{"Expression0":[],"SassNode":[],"AstNode0":[]},"SassBoolean0":{"Value0":[]},"BuiltInCallable0":{"Callable":[],"AsyncBuiltInCallable0":[],"AsyncCallable0":[]},"BuiltInModule0":{"Module1":["1"]},"SassCalculation0":{"Value0":[]},"CallableDeclaration0":{"Statement0":[],"SassNode":[],"AstNode0":[]},"LinearChannel0":{"ColorChannel0":[]},"ClassSelector0":{"SimpleSelector0":[],"AstNode0":[]},"ColorExpression0":{"Expression0":[],"SassNode":[],"AstNode0":[]},"SassColor0":{"Value0":[]},"ModifiableCssComment0":{"ModifiableCssNode0":[],"CssComment0":[],"CssNode0":[],"AstNode0":[]},"AsyncCompiler":{"Compiler":[]},"ComplexSassNumber0":{"SassNumber0":[],"Value0":[]},"ComplexSelector0":{"AstNode0":[]},"CompoundSelector0":{"AstNode0":[]},"ExplicitConfiguration0":{"Configuration0":[]},"ConfiguredVariable0":{"SassNode":[],"AstNode0":[]},"ContentBlock0":{"Statement0":[],"SassNode":[],"AstNode0":[]},"ContentRule0":{"Statement0":[],"SassNode":[],"AstNode0":[]},"DebugRule0":{"Statement0":[],"SassNode":[],"AstNode0":[]},"ModifiableCssDeclaration0":{"ModifiableCssNode0":[],"CssNode0":[],"AstNode0":[]},"Declaration0":{"Statement0":[],"SassNode":[],"AstNode0":[]},"SupportsDeclaration0":{"SupportsCondition":[],"SassNode":[],"AstNode0":[]},"DisplayP3ColorSpace0":{"ColorSpace0":[]},"DynamicImport0":{"Import0":[],"SassNode":[],"AstNode0":[]},"EachRule0":{"Statement0":[],"SassNode":[],"AstNode0":[]},"EmptyExtensionStore0":{"ExtensionStore0":[]},"_EnvironmentModule1":{"Module1":["Callable"]},"ErrorRule0":{"Statement0":[],"SassNode":[],"AstNode0":[]},"_EvaluateVisitor1":{"StatementVisitor":["Value0?"],"ExpressionVisitor":["Value0"]},"_EvaluationContext1":{"EvaluationContext0":[]},"SassRuntimeException0":{"Exception":[]},"SassException0":{"Exception":[]},"MultiSpanSassException0":{"Exception":[]},"MultiSpanSassRuntimeException0":{"SassRuntimeException0":[],"Exception":[]},"SassFormatException0":{"SourceSpanFormatException":[],"FormatException":[],"Exception":[]},"MultiSpanSassFormatException0":{"MultiSourceSpanFormatException":[],"SassFormatException0":[],"SourceSpanFormatException":[],"FormatException":[],"Exception":[]},"Expression0":{"SassNode":[],"AstNode0":[]},"JSExpressionVisitor":{"ExpressionVisitor":["Object?"]},"_MakeExpressionCalculationSafe0":{"ExpressionVisitor":["Expression0"]},"ExtendRule0":{"Statement0":[],"SassNode":[],"AstNode0":[]},"JSToDartFileImporter":{"Importer0":[],"AsyncImporter0":[]},"FilesystemImporter0":{"Importer0":[],"AsyncImporter0":[]},"ForRule0":{"Statement0":[],"SassNode":[],"AstNode0":[]},"ForwardRule0":{"Statement0":[],"SassNode":[],"AstNode0":[]},"ForwardedModuleView0":{"Module1":["1"]},"FunctionExpression0":{"Expression0":[],"SassNode":[],"AstNode0":[]},"SupportsFunction0":{"SupportsCondition":[],"SassNode":[],"AstNode0":[]},"SassFunction0":{"Value0":[]},"FunctionRule0":{"Statement0":[],"SassNode":[],"AstNode0":[]},"HslColorSpace0":{"ColorSpace0":[]},"HwbColorSpace0":{"ColorSpace0":[]},"IDSelector0":{"SimpleSelector0":[],"AstNode0":[]},"IfExpression0":{"Expression0":[],"SassNode":[],"AstNode0":[]},"IfClause0":{"IfRuleClause0":[]},"ElseClause0":{"IfRuleClause0":[]},"IfRule0":{"Statement0":[],"SassNode":[],"AstNode0":[]},"ModifiableCssImport0":{"ModifiableCssNode0":[],"CssNode0":[],"AstNode0":[]},"ImportRule0":{"Statement0":[],"SassNode":[],"AstNode0":[]},"Importer0":{"AsyncImporter0":[]},"IncludeRule0":{"Statement0":[],"SassNode":[],"AstNode0":[]},"InterpolatedFunctionExpression0":{"Expression0":[],"SassNode":[],"AstNode0":[]},"Interpolation0":{"SassNode":[],"AstNode0":[]},"SupportsInterpolation0":{"SupportsCondition":[],"SassNode":[],"AstNode0":[]},"IsCalculationSafeVisitor0":{"ExpressionVisitor":["bool"]},"ModifiableCssKeyframeBlock0":{"ModifiableCssParentNode0":[],"ModifiableCssNode0":[],"CssParentNode0":[],"CssNode0":[],"AstNode0":[]},"LabColorSpace0":{"ColorSpace0":[]},"LazyFileSpan0":{"FileSpan":[],"SourceSpanWithContext":[],"SourceSpan":[],"Comparable":["SourceSpan"]},"LchColorSpace0":{"ColorSpace0":[]},"LimitedMapView0":{"MapBase":["1","2"],"Map":["1","2"],"MapBase.K":"1","MapBase.V":"2"},"ListExpression0":{"Expression0":[],"SassNode":[],"AstNode0":[]},"SelectorList0":{"AstNode0":[]},"_ParentSelectorVisitor0":{"SelectorSearchVisitor0":["ParentSelector0"],"SelectorSearchVisitor0.T":"ParentSelector0"},"SassList0":{"Value0":[]},"LmsColorSpace0":{"ColorSpace0":[]},"LoudComment0":{"Statement0":[],"SassNode":[],"AstNode0":[]},"MapExpression0":{"Expression0":[],"SassNode":[],"AstNode0":[]},"SassMap0":{"Value0":[]},"ModifiableCssMediaRule0":{"ModifiableCssParentNode0":[],"ModifiableCssNode0":[],"CssParentNode0":[],"CssNode0":[],"AstNode0":[]},"MediaRule0":{"Statement0":[],"SassNode":[],"AstNode0":[]},"MergedExtension0":{"Extension0":[]},"MergedMapView0":{"MapBase":["1","2"],"Map":["1","2"],"MapBase.K":"1","MapBase.V":"2"},"SassMixin0":{"Value0":[]},"MixinRule0":{"Statement0":[],"SassNode":[],"AstNode0":[]},"_HasContentVisitor0":{"StatementSearchVisitor0":["bool"],"StatementVisitor":["bool?"],"StatementSearchVisitor0.T":"bool"},"MultiSpan0":{"FileSpan":[],"SourceSpanWithContext":[],"SourceSpan":[],"Comparable":["SourceSpan"]},"SupportsNegation0":{"SupportsCondition":[],"SassNode":[],"AstNode0":[]},"NoOpImporter0":{"Importer0":[],"AsyncImporter0":[]},"_FakeAstNode0":{"AstNode0":[]},"CssNode0":{"AstNode0":[]},"CssParentNode0":{"CssNode0":[],"AstNode0":[]},"ModifiableCssNode0":{"CssNode0":[],"AstNode0":[]},"ModifiableCssParentNode0":{"ModifiableCssNode0":[],"CssParentNode0":[],"CssNode0":[],"AstNode0":[]},"NodePackageImporter0":{"Importer0":[],"AsyncImporter0":[]},"NullExpression0":{"Expression0":[],"SassNode":[],"AstNode0":[]},"_SassNull0":{"Value0":[]},"NumberExpression0":{"Expression0":[],"SassNode":[],"AstNode0":[]},"SassNumber0":{"Value0":[]},"OklabColorSpace0":{"ColorSpace0":[]},"OklchColorSpace0":{"ColorSpace0":[]},"SupportsOperation0":{"SupportsCondition":[],"SassNode":[],"AstNode0":[]},"Parameter0":{"SassNode":[],"AstNode0":[]},"ParameterList0":{"SassNode":[],"AstNode0":[]},"ParentSelector0":{"SimpleSelector0":[],"AstNode0":[]},"ParentStatement0":{"Statement0":[],"SassNode":[],"AstNode0":[]},"ParenthesizedExpression0":{"Expression0":[],"SassNode":[],"AstNode0":[]},"PlaceholderSelector0":{"SimpleSelector0":[],"AstNode0":[]},"PlainCssCallable0":{"Callable":[],"AsyncCallable0":[]},"PrefixedMapView0":{"MapBase":["String","1"],"Map":["String","1"],"MapBase.K":"String","MapBase.V":"1"},"_PrefixedKeys0":{"Iterable":["String"],"Iterable.E":"String"},"ProphotoRgbColorSpace0":{"ColorSpace0":[]},"PseudoSelector0":{"SimpleSelector0":[],"AstNode0":[]},"PublicMemberMapView0":{"MapBase":["String","1"],"Map":["String","1"],"MapBase.K":"String","MapBase.V":"1"},"Rec2020ColorSpace0":{"ColorSpace0":[]},"ReturnRule0":{"Statement0":[],"SassNode":[],"AstNode0":[]},"RgbColorSpace0":{"ColorSpace0":[]},"Selector0":{"AstNode0":[]},"SelectorExpression0":{"Expression0":[],"SassNode":[],"AstNode0":[]},"ShadowedModuleView0":{"Module1":["1"]},"SilentComment0":{"Statement0":[],"SassNode":[],"AstNode0":[]},"SimpleSelector0":{"AstNode0":[]},"SingleUnitSassNumber0":{"SassNumber0":[],"Value0":[]},"SourceInterpolationVisitor":{"ExpressionVisitor":["~"]},"SrgbColorSpace0":{"ColorSpace0":[]},"SrgbLinearColorSpace0":{"ColorSpace0":[]},"Statement0":{"SassNode":[],"AstNode0":[]},"JSStatementVisitor":{"StatementVisitor":["Object?"]},"StaticImport0":{"Import0":[],"SassNode":[],"AstNode0":[]},"StringExpression0":{"Expression0":[],"SassNode":[],"AstNode0":[]},"SassString0":{"Value0":[]},"ModifiableCssStyleRule0":{"ModifiableCssParentNode0":[],"ModifiableCssNode0":[],"CssParentNode0":[],"CssNode0":[],"AstNode0":[]},"StyleRule0":{"Statement0":[],"SassNode":[],"AstNode0":[]},"CssStylesheet0":{"CssParentNode0":[],"CssNode0":[],"AstNode0":[]},"ModifiableCssStylesheet0":{"ModifiableCssParentNode0":[],"CssStylesheet0":[],"ModifiableCssNode0":[],"CssParentNode0":[],"CssNode0":[],"AstNode0":[]},"Stylesheet0":{"Statement0":[],"SassNode":[],"AstNode0":[]},"SupportsExpression0":{"Expression0":[],"SassNode":[],"AstNode0":[]},"ModifiableCssSupportsRule0":{"ModifiableCssParentNode0":[],"ModifiableCssNode0":[],"CssParentNode0":[],"CssNode0":[],"AstNode0":[]},"SupportsRule0":{"Statement0":[],"SassNode":[],"AstNode0":[]},"JSToDartImporter":{"Importer0":[],"AsyncImporter0":[]},"TypeSelector0":{"SimpleSelector0":[],"AstNode0":[]},"UnaryOperationExpression0":{"Expression0":[],"SassNode":[],"AstNode0":[]},"UnitlessSassNumber0":{"SassNumber0":[],"Value0":[]},"UniversalSelector0":{"SimpleSelector0":[],"AstNode0":[]},"UnprefixedMapView0":{"MapBase":["String","1"],"Map":["String","1"],"MapBase.K":"String","MapBase.V":"1"},"_UnprefixedKeys0":{"Iterable":["String"],"Iterable.E":"String"},"UseRule0":{"Statement0":[],"SassNode":[],"AstNode0":[]},"UserDefinedCallable0":{"Callable":[],"AsyncCallable0":[]},"CssValue0":{"AstNode0":[]},"ValueExpression0":{"Expression0":[],"SassNode":[],"AstNode0":[]},"VariableExpression0":{"Expression0":[],"SassNode":[],"AstNode0":[]},"VariableDeclaration0":{"Statement0":[],"SassNode":[],"AstNode0":[]},"WarnRule0":{"Statement0":[],"SassNode":[],"AstNode0":[]},"WhileRule0":{"Statement0":[],"SassNode":[],"AstNode0":[]},"XyzD50ColorSpace0":{"ColorSpace0":[]},"XyzD65ColorSpace0":{"ColorSpace0":[]},"Int8List":{"List":["int"],"EfficientLengthIterable":["int"],"Iterable":["int"]},"Uint8List":{"List":["int"],"EfficientLengthIterable":["int"],"Iterable":["int"]},"Uint8ClampedList":{"List":["int"],"EfficientLengthIterable":["int"],"Iterable":["int"]},"Int16List":{"List":["int"],"EfficientLengthIterable":["int"],"Iterable":["int"]},"Uint16List":{"List":["int"],"EfficientLengthIterable":["int"],"Iterable":["int"]},"Int32List":{"List":["int"],"EfficientLengthIterable":["int"],"Iterable":["int"]},"Uint32List":{"List":["int"],"EfficientLengthIterable":["int"],"Iterable":["int"]},"Float32List":{"List":["double"],"EfficientLengthIterable":["double"],"Iterable":["double"]},"Float64List":{"List":["double"],"EfficientLengthIterable":["double"],"Iterable":["double"]},"CssComment":{"CssNode":[],"AstNode":[]},"Import":{"AstNode":[]},"Callable0":{"AsyncCallable":[]},"Callable":{"AsyncCallable0":[]},"CssComment0":{"CssNode0":[],"AstNode0":[]},"Import0":{"SassNode":[],"AstNode0":[]},"SassNode":{"AstNode0":[]},"SupportsCondition":{"SassNode":[],"AstNode0":[]}}'));
+  A._Universe_addErasedTypes(init.typeUniverse, JSON.parse('{"WhereIterator":1,"SkipIterator":1,"SkipWhileIterator":1,"EmptyIterator":1,"FollowedByIterator":1,"NonNullsIterator":1,"FixedLengthListMixin":1,"UnmodifiableListMixin":1,"UnmodifiableListBase":1,"__CastListBase__CastIterableBase_ListMixin":2,"ConstantSet":1,"LinkedHashMapKeyIterator":1,"LinkedHashMapValueIterator":1,"NativeTypedArray":1,"EventSink":1,"_SyncStarIterator":1,"_SyncStreamControllerDispatch":1,"_AsyncStreamControllerDispatch":1,"_AddStreamState":1,"_StreamControllerAddStreamState":1,"_DelayedEvent":1,"_DelayedData":1,"_PendingEvents":1,"_StreamIterator":1,"_ZoneFunction":1,"Queue":1,"UnmodifiableMapBase":2,"_UnmodifiableMapMixin":2,"MapView":2,"_UnmodifiableSetMixin":1,"_UnmodifiableMapView_MapView__UnmodifiableMapMixin":2,"_UnmodifiableSetView_SetBase__UnmodifiableSetMixin":1,"_StringSinkConversionSink":1,"Expando":1,"_EventRequest":1,"_EmptyUnmodifiableSet_IterableBase_UnmodifiableSetMixin":1,"DefaultEquality":1,"IterableEquality":1,"ListEquality":1,"_QueueList_Object_ListMixin":1,"_UnionSet_SetBase_UnmodifiableSetMixin":1,"UnmodifiableSetMixin":1,"_UnmodifiableSetView_DelegatingSet_UnmodifiableSetMixin":1,"_DelegatingIterableBase":1,"_MapKeySet__DelegatingIterableBase_UnmodifiableSetMixin":1,"ParentStatement":1,"ParentStatement0":1,"ExpressionVisitor":1}'));
+  var string$ = {
+    x00_____: "\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\u03f6\x00\u0404\u03f4 \u03f4\u03f6\u01f6\u01f6\u03f6\u03fc\u01f4\u03ff\u03ff\u0584\u03ff\u03ff\u03ff\u03ff\u03ff\u03ff\u03ff\u03ff\u03ff\u03ff\u05d4\u01f4\x00\u01f4\x00\u0504\u05c4\u03ff\u03ff\u03ff\u03ff\u03ff\u03ff\u03ff\u03ff\u03ff\u03ff\u03ff\u03ff\u03ff\u03ff\u03ff\u03ff\u03ff\u03ff\u03ff\u03ff\u03ff\u03ff\u03ff\u03ff\u03ff\u03ff\u0400\x00\u0400\u0200\u03f7\u0200\u03ff\u03ff\u03ff\u03ff\u03ff\u03ff\u03ff\u03ff\u03ff\u03ff\u03ff\u03ff\u03ff\u03ff\u03ff\u03ff\u03ff\u03ff\u03ff\u03ff\u03ff\u03ff\u03ff\u03ff\u03ff\u03ff\u0200\u0200\u0200\u03f7\x00",
+    x0a_BUG_: "\n\nBUG: This should include a source span!",
+    x0a_Morex20: "\n\nMore info and automated migrator: https://sass-lang.com/d/slash-div",
+    x0a_Morex3ac: "\n\nMore info: https://sass-lang.com/d/color-functions",
+    x0a_Morex3af: "\n\nMore info: https://sass-lang.com/d/function-units",
+    x0a_See_: "\n\nSee https://sass-lang.com/d/function-units",
+    x0a_This: "\n\nThis is only an error because you've set the ",
+    x0a_To_p: "\n\nTo preserve current behavior: math.random(math.div($limit, 1",
+    x0a_but_: "\n\nbut you may have intended it to mean:\n\n    ",
+    x0aRun_i: "\nRun in verbose mode to see all warnings.",
+    x0aThis_: "\nThis will be an error in Dart Sass 2.0.0.\n\nMore info: https://sass-lang.com/d/bogus-combinators",
+    x0aYou_m: "\nYou may not @extend the same selector from within different media queries.",
+    x20It_wi: " It will be omitted from the generated CSS.",
+    x20be_an: " be an extender.\nThis will be an error in Dart Sass 2.0.0.\n\nMore info: https://sass-lang.com/d/bogus-combinators",
+    x20can_n: " can not have both conditions and paths at the same level.\nFound ",
+    x20deprex20ix2c: " deprecation is obsolete, so does not need to be made fatal.",
+    x20deprex20ix2e: " deprecation is obsolete. If you were previously silencing it, your code may now behave in unexpected ways.",
+    x20deprex20t: " deprecation to be fatal.\nRemove this setting if you need to keep using this feature.",
+    x20deprex2c: " deprecation, since it has also been made fatal.",
+    x20hue__: ' hue" may not be set for rectangular color space ',
+    x20in_in: " in interpolation here.\nIt may end up represented as ",
+    x20inste: " instead.\n\nMore info and automated migrator: https://sass-lang.com/d/import",
+    x20is_as: " is asynchronous.\nThis is probably caused by a bug in a Sass plugin.",
+    x20is_av: " is available from multiple global modules.",
+    x20is_de: " is deprecated.\n\nTo preserve current behavior: ",
+    x20is_noaf: " is not a future deprecation, so it does not need to be explicitly enabled.",
+    x20is_noav: " is not a valid selector: it must be a string,\na list of strings, or a list of lists of strings.",
+    x20is_nov: " is not valid CSS.\nThis will be an error in Dart Sass 2.0.0.\n\nMore info: https://sass-lang.com/d/bogus-combinators",
+    x20must_b: " must be either nearest, up, down or to-zero.",
+    x20must_n: " must not be greater than the number of characters in the file, ",
+    x20repet: " repetitive deprecation warnings omitted.",
+    x20targe: " targetLocations if the interpolation has ",
+    x20to_be: " to be in the legacy RGB, HSL, or HWB color space.",
+    x20to_be_: " to be in the legacy RGB, HSL, or HWB color space.\n\nRecommendation: color.change(",
+    x20to_cl: " to clarify that it's meant to be a binary operation, or wrap\nit in parentheses to make it a unary operation. This will be an error in future\nversions of Sass.\n\nMore info and automated migrator: https://sass-lang.com/d/strict-unary",
+    x20to_co: " to color.opacity() is deprecated.\n\nRecommendation: ",
+    x20was_a: ' was already loaded, so it can\'t be configured using "with".',
+    x20was_n: " was not declared with !default in the @used module.",
+    x20was_p: " was passed both by position and by name.",
+    x21defau: "!default should only be written once for each variable.\nThis will be an error in Dart Sass 2.0.0.",
+    x21globai: "!global isn't allowed for variables in other modules.",
+    x21globas: "!global should only be written once for each variable.\nThis will be an error in Dart Sass 2.0.0.",
+    x22x20can_: "\" can't be used as a parent in a compound selector.",
+    x22x20is_ix0a: '" is invalid CSS.\nThis will be an error in Dart Sass 2.0.0.\n\nMore info: https://sass-lang.com/d/bogus-combinators',
+    x22x20is_ix20: '" is invalid CSS. It will be omitted from the generated CSS.\nThis will be an error in Dart Sass 2.0.0.\n\nMore info: https://sass-lang.com/d/bogus-combinators',
+    x22x20is_n: '" is not a valid Sass identifier.\n\nRecommendation: add an "as" clause to define an explicit namespace.',
+    x22x20is_o: "\" is only valid for nesting and shouldn't\nhave children other than style rules.",
+    x22x26__ma: '"&" may only used at the beginning of a compound selector.',
+    x22x29__If: "\").\nIf you really want to use the color value here, use '",
+    x22x2b__an: '"+" and "-" must be surrounded by whitespace in calculations.',
+    x22packa: '"package:" URLs aren\'t supported on this platform.',
+    x24color: "$color1, $color2, $weight: 50%, $method: null",
+    x24css_a: "$css and $module may not both be passed at once.",
+    x24list1: "$list1, $list2, $separator: auto, $bracketed: auto",
+    x24selec: "$selectors: At least one selector must be passed.",
+    x24separ: '$separator: Must be "space", "comma", "slash", or "auto".',
+    x27x20must: "' must be a path relative to the package root at '",
+    x27x2c_whi: "', which is not a '.scss', '.sass', or '.css' file.",
+    x28__cal: "() calculation. This doesn't allow unitless numbers to be mixed with numbers with units. If you want to use the Sass function, call math.",
+    x28__ins: "() instead.\n\nSee https://sass-lang.com/d/import",
+    x28__is_d: '() is deprecated. Suggestion:\n\ncolor.channel($color, "',
+    x28__is_oa: "() is only supported for legacy colors. Please use color.adjust() instead with an explicit $space argument.",
+    x28__is_oc: "() is only supported for legacy colors. Please use color.channel() instead with an explicit $space argument.",
+    x28__isn: "() isn't in the sass:color module.\n\nRecommendation: color.adjust(",
+    x29x0a_Mor_: ")\n\nMore info: https://sass-lang.com/d/color-functions",
+    x29x0a_Moro: ")\n\nMore info: https://sass-lang.com/documentation/functions/color#",
+    x29x20in_a: ") in a future release.\n\nRecommendation: math.random(math.div($limit, 1",
+    x29x20is_d_: ") is deprecated.\n\nTo preserve current behavior: ",
+    x29x20is_dT: ") is deprecated.\nThis will be an error in Dart Sass 2.0.0.",
+    x29x20to_clg: ") to color.grayscale() is deprecated.\n\nRecommendation: ",
+    x29x20to_cli: ") to color.invert() is deprecated.\n\nRecommendation: ",
+    x29x20to_cm: ") to compileString() or related functions is deprecated and will be an error in Dart Sass 2.0.0.",
+    x29x29__Mo: "))\n\nMore info: https://sass-lang.com/d/function-units",
+    x2c_whicu: ", which uses a scheme declared as non-canonical.",
+    x2c_whicw: ', which will likely produce invalid CSS.\nAlways quote color names when using them as strings or map keys (for example, "',
+    x2e_Rela: ".\nRelative canonical URLs are deprecated and will eventually be disallowed.",
+    x3d_____: "===== asynchronous gap ===========================\n",
+    x40_moz_: "@-moz-document is deprecated and support will be removed in Dart Sass 2.0.0.\n\nFor details, see https://sass-lang.com/d/moz-document.",
+    x40conte: "@content is only allowed within mixin declarations.",
+    x40elsei: "@elseif is deprecated and will not be supported in future Sass versions.\n\nRecommendation: @else if",
+    x40exten: "@extend may only be used within style rules.",
+    x40forwa: "@forward rules must be written before any other rules.",
+    x40funct: "@function if($condition, $if-true, $if-false) {",
+    x40use_r: "@use rules must be written before any other rules.",
+    A_list: "A list with more than one element must have an explicit separator.",
+    A_pkg_h: "A pkg: URL must not have a host, port, username or password.",
+    A_pkg_q: "A pkg: URL must not have a query or fragment.",
+    ABCDEF: "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/",
+    An_impa: "An importer may not have a findFileUrl method as well as canonicalize and load methods.",
+    An_impu: "An importer must have either canonicalize and load methods, or a findFileUrl method.",
+    As_of_R: "As of Dart Sass 2.0.0, !global assignments won't be able to declare new variables.\n\nRecommendation: add `",
+    As_of_S: "As of Dart Sass 2.0.0, !global assignments won't be able to declare new variables.\n\nSince this assignment is at the root of the stylesheet, the !global flag is\nunnecessary and can safely be removed.",
+    At_rul: "At-rules may not be used within nested declarations.",
+    Becaus: "Because the CSS working group is still deciding on the best behavior, Sass doesn't currently support modifying missing channels (color: ",
+    Cannotff: "Cannot extract a file path from a URI with a fragment component",
+    Cannotfq: "Cannot extract a file path from a URI with a query component",
+    Cannotn: "Cannot extract a non-Windows file path from a file URI with an authority",
+    Comple: "ComplexSassNumber.hasPossiblyCompatibleUnits is not implemented.",
+    Config: "Configuring private variables is deprecated.\nThis will be an error in Dart Sass 2.0.0.",
+    Could_: 'Could not find an option with short name "-',
+    CssNod: "CssNodes must have a CssStylesheet transitive parent node.",
+    Custom: "Custom importers are required to load stylesheets when compiling in the browser.",
+    Declarm: "Declarations may only be used within style rules.",
+    Declarw: 'Declarations whose names begin with "--" may not be nested.',
+    Either: "Either options.data or options.file must be set.",
+    Entrie: "Entries may not be removed from MergedMapView.",
+    Error_: "Error handler must accept one Object or one Object and a StackTrace as arguments, and return a value of the returned future's type",
+    Evalua: "Evaluation handles @include and its content block together.",
+    Expecta: "Expected a color interpolation method, got an empty list.",
+    Expectu: 'Expected unquoted string "hue" at the end of ',
+    Expectv: "Expected variable, mixin, or function name",
+    Functi: "Functions may not be declared in control directives.",
+    Global: "Global built-in functions are deprecated and will be removed in Dart Sass 3.0.0.\nUse ",
+    Globalcad: "Global built-in functions are deprecated and will be removed in Dart Sass 3.0.0.\nUse color.adjust instead.\n\nMore info and automated migrator: https://sass-lang.com/d/import",
+    Globalcal: "Global built-in functions are deprecated and will be removed in Dart Sass 3.0.0.\nUse color.alpha instead.\n\nMore info and automated migrator: https://sass-lang.com/d/import",
+    Globalcg: "Global built-in functions are deprecated and will be removed in Dart Sass 3.0.0.\nUse color.grayscale instead.\n\nMore info and automated migrator: https://sass-lang.com/d/import",
+    Globalci: "Global built-in functions are deprecated and will be removed in Dart Sass 3.0.0.\nUse color.invert instead.\n\nMore info and automated migrator: https://sass-lang.com/d/import",
+    Globalco: "Global built-in functions are deprecated and will be removed in Dart Sass 3.0.0.\nUse color.opacity instead.\n\nMore info and automated migrator: https://sass-lang.com/d/import",
+    Globalm: "Global built-in functions are deprecated and will be removed in Dart Sass 3.0.0.\nUse math.abs instead.\n\nMore info and automated migrator: https://sass-lang.com/d/import",
+    Hue_in: "Hue interpolation method may not be set for rectangular color space ",
+    If_con: "If conditions is longer than one element, conjunction may not be null.",
+    If_par: "If parsedAsCustomProperty is true, value must contain a SassString (was `",
+    If_str: "If strategy is not null, step is required.",
+    In_Sas: 'In Sass, "&&" means two copies of the parent selector. You probably want to use "and" instead.',
+    In_fut: "In future versions of Sass, round() will be interpreted as a CSS round() calculation. This requires an explicit modulus when rounding numbers with units. If you want to use the Sass function, call math.round() instead.\n\nSee https://sass-lang.com/d/import",
+    Indent: "Indenting at the beginning of the document is illegal.",
+    Interpn: "Interpolation isn't allowed in namespaces.",
+    Interpp: "Interpolation isn't allowed in plain CSS.",
+    Invali: 'Invalid return value for custom function "',
+    It_s_n: "It's not clear which file to import. Found:\n",
+    Keywor: "Keyword arguments can't be used with calculations.",
+    May_no: "May not have a value for string elements (at index ",
+    Media_: "Media rules may not be used within nested declarations.",
+    Mixinsb: "Mixins may not be declared in control directives.",
+    Mixinscf: "Mixins may not contain function declarations.",
+    Mixinscm: "Mixins may not contain mixin declarations.",
+    Modulel: "Module loop: this module is already being loaded.",
+    Modulen: "Module namespaces aren't allowed in plain CSS.",
+    Must_n: "Must not have a value for expression elements (at index ",
+    Named_: "Named arguments must come before rest arguments.\nThis will be an error in Dart Sass 2.0.0.",
+    Nested: "Nested declarations aren't allowed in plain CSS.",
+    New_en: "New entries may not be added to MergedMapView.",
+    No_Sasc: "No Sass callable is currently being evaluated.",
+    No_Sass: "No Sass stylesheet is currently being evaluated.",
+    NoSour: "NoSourceMapBuffer.buildSourceMap() is not supported.",
+    Number: "Number to round and step arguments are required.",
+    Only_2: "Only 2 slash-separated elements allowed, but ",
+    Only_oa: "Only one argument may be passed to the plain-CSS invert() function.",
+    Only_op: "Only one positional argument is allowed. All other arguments must be passed by name.",
+    Other_: "Other modules' members can't be defined with !global.",
+    Parent: "Parent selectors can't have suffixes in plain CSS.",
+    Passin_: "Passing `alpha: null` without setting `space` is deprecated.\nMore info: https://sass-lang.com/d/null-alpha",
+    Passina: "Passing a string to call() is deprecated and will be illegal in Dart Sass 2.0.0.\n\nRecommendation: call(get-function(",
+    Passinp: "Passing percentage units to the global abs() function is deprecated.\nIn the future, this will emit a CSS abs() function to be resolved by the browser.\nTo preserve current behavior: math.abs(",
+    Placeh: "Placeholder selectors aren't allowed in plain CSS.",
+    Plain_: "Plain CSS functions don't support keyword arguments.",
+    Positik: "Positional arguments must come before keyword arguments.",
+    Positir: "Positional arguments must come before rest arguments.\nThis will be an error in Dart Sass 2.0.0.",
+    Privat: "Private members can't be accessed from outside their modules.",
+    Rest_a: "Rest arguments can't be used with calculations.",
+    Sass__f: "Sass @function names beginning with -- are deprecated for forward-compatibility with plain CSS functions.\n\nFor details, see https://sass-lang.com/d/css-function-mixin",
+    Sass__i: "Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0.\n\nMore info and automated migrator: https://sass-lang.com/d/import",
+    Sass__m: "Sass @mixin names beginning with -- are deprecated for forward-compatibility with plain CSS mixins.\n\nFor details, see https://sass-lang.com/d/css-function-mixin",
+    Sass_v: "Sass variables aren't allowed in plain CSS.",
+    Silent: "Silent comments aren't allowed in plain CSS.",
+    Style_k: "Style rules may not be used within keyframe blocks.",
+    Style_n: "Style rules may not be used within nested declarations.",
+    Suppor: "Supports rules may not be used within nested declarations.",
+    The_Ex: "The ExtensionStore and CssStylesheet passed to cloneCssStylesheet() must come from the same compilation.",
+    The_No: "The Node package importer cannot be used without a filesystem.",
+    The_ca: "The canonicalize() method must return a URL.",
+    The_co: "The color() function doesn't support the color space ",
+    The_fe: "The feature-exists() function is deprecated.\n\nMore info: https://sass-lang.com/d/feature-exists",
+    The_fie: "The findFileUrl() method must return a URL.",
+    The_fiu: 'The findFileUrl() must return a URL with scheme file://, was "',
+    The_le: "The legacy JS API is deprecated and will be removed in Dart Sass 2.0.0.\n\nMore info: https://sass-lang.com/d/legacy-js-api",
+    The_lo: "The load() function must return an object with contents and syntax fields.",
+    The_pa: "The parent selector isn't allowed in plain CSS.",
+    The_sa: "The same variable may only be configured once.",
+    The_ta: 'The target selector was not found.\nUse "@extend ',
+    There_: "There's already a module with namespace \"",
+    This_d: 'This declaration has no parameter named "$',
+    This_e: "This expression can't be used in a calculation.",
+    This_f: "This function isn't allowed in plain CSS.",
+    This_ma: 'This module and the new module both define a variable named "$',
+    This_mw: 'This module was already loaded, so it can\'t be configured using "with".',
+    This_n: "This name is reserved for the plain-CSS function.",
+    This_o: "This operation can't be used in a calculation.",
+    This_s: "This selector doesn't have any properties and won't be rendered.",
+    This_v: "This variable was not declared with !default in the @used module.",
+    To_usei: "To use color.invert() with non-legacy color ",
+    To_usem: "To use color.mix() with non-legacy color ",
+    Top_lel: "Top-level leading combinators aren't allowed in plain CSS.",
+    Top_les: 'Top-level selectors may not contain the parent selector "&".',
+    Unable: "Unable to determine which of multiple potential resolutions found for ",
+    Unexpe: "Unexpected Zone.current[#_canonicalizeContext] value ",
+    User_a: "User-authored deprecations should not be silenced.",
+    Using__i: "Using / for division is deprecated and will be removed in Dart Sass 2.0.0.\n\nRecommendation: ",
+    Using__o: "Using / for division outside of calc() is deprecated and will be removed in Dart Sass 2.0.0.\n\nRecommendation: ",
+    Using_c: "Using color.alpha() for a Microsoft filter is deprecated.\n\nRecommendation: ",
+    Using_t: "Using the current working directory as an implicit load path is deprecated. Either add it as an explicit load path or importer, or load this stylesheet from a different URL.",
+    Variab_: "Variable keyword argument map must have string keys.\n",
+    Variabs: "Variable keyword arguments must be a map (was ",
+    You_ma: "You may not @extend selectors across media queries.",
+    You_pr: "You probably don't mean to use the color value ",
+    x60_inst: "` instead.\nSee https://sass-lang.com/d/extend-compound for details.\n",
+    addExt: "addExtensions() can't be called for a const ExtensionStore.",
+    adjustd: "adjust-hue() is deprecated. Suggestion:\n\ncolor.adjust($color, $hue: ",
+    adjusto: "adjust-hue() is only supported for legacy colors. Please use color.adjust() instead with an explicit $space argument.",
+    alpha_: "alpha() is only supported for legacy colors. Please use color.channel() instead.",
+    canoni: "canonicalizeContext may only be accessed within a call to canonicalize().",
+    color_a: "color.alpha() is only supported for legacy colors. Please use color.channel() instead.",
+    color_c: "color.changeHsl() is only supported for legacy colors. Please use color.changeChannels() instead with an explicit $space argument.",
+    color_t: "color.to-gamut() requires a $method argument for forwards-compatibility with changes in the CSS spec. Suggestion:\n\n$method: local-minde",
+    compou: "compound selectors may no longer be extended.\nConsider `@extend ",
+    conten: "content-exists() may only be called within a mixin.",
+    darken: "darken() is only supported for legacy colors. Please use color.adjust() instead with an explicit $space argument.",
+    desatu: "desaturate() is only supported for legacy colors. Please use color.adjust() instead with an explicit $space argument.",
+    fileEx: "fileExists() is only supported on Node.js",
+    leadin: "leadingCombinators and components may not both be empty.",
+    lighte: "lighten() is only supported for legacy colors. Please use color.adjust() instead with an explicit $space argument.",
+    linkEx: "linkExists() is only supported on Node.js",
+    math_d: "math.div() will only support number arguments in a future release.\nUse list.slash() instead for a slash separator.",
+    math_r: "math.random() will no longer ignore $limit units (",
+    multip: "multiple statements on one line are not supported in the indented syntax.",
+    must_b: "must be a UniversalSelector or a TypeSelector",
+    parsed: 'parsedAsCustomProperty must be false if name doesn\'t begin with "--".',
+    satura: "saturate() is only supported for legacy colors. Please use color.adjust() instead with an explicit $space argument.",
+    throug: "through() must return false for at least one parent of ",
+    x7d__Mor: "})\nMore info: https://sass-lang.com/d/abs-percent"
+  };
+  var type$ = (function rtii() {
+    var findType = A.findType;
+    return {
+      $env_1_1_String: findType("@<String>"),
+      ArgParser: findType("ArgParser"),
+      AstNode: findType("AstNode"),
+      AstNode_2: findType("AstNode0"),
+      AsyncBuiltInCallable: findType("AsyncBuiltInCallable"),
+      AsyncBuiltInCallable_2: findType("AsyncBuiltInCallable0"),
+      AsyncCallable: findType("AsyncCallable"),
+      AsyncCallable_2: findType("AsyncCallable0"),
+      AsyncCompiler: findType("AsyncCompiler"),
+      AsyncImporter: findType("AsyncImporter0"),
+      Box_SelectorList: findType("Box<SelectorList>"),
+      Box_SelectorList_2: findType("Box0<SelectorList0>"),
+      BuiltInCallable: findType("BuiltInCallable"),
+      BuiltInCallable_2: findType("BuiltInCallable0"),
+      BuiltInModule_AsyncCallable: findType("BuiltInModule<AsyncCallable>"),
+      BuiltInModule_AsyncCallable_2: findType("BuiltInModule0<AsyncCallable0>"),
+      BuiltInModule_Callable: findType("BuiltInModule<Callable0>"),
+      BuiltInModule_Callable_2: findType("BuiltInModule0<Callable>"),
+      ByteBuffer: findType("ByteBuffer"),
+      ByteData: findType("ByteData"),
+      Callable: findType("Callable0"),
+      Callable_2: findType("Callable"),
+      ChangeType: findType("ChangeType"),
+      CodeUnits: findType("CodeUnits"),
+      Combinator: findType("Combinator"),
+      Combinator_2: findType("Combinator0"),
+      Comparable_dynamic: findType("Comparable<@>"),
+      Comparable_nullable_Object: findType("Comparable<Object?>"),
+      CompileResult: findType("CompileResult"),
+      CompileResult_2: findType("CompileResult0"),
+      ComplexSelector: findType("ComplexSelector"),
+      ComplexSelectorComponent: findType("ComplexSelectorComponent"),
+      ComplexSelectorComponent_2: findType("ComplexSelectorComponent0"),
+      ComplexSelector_2: findType("ComplexSelector0"),
+      Configuration: findType("Configuration"),
+      Configuration_2: findType("Configuration0"),
+      ConfiguredValue: findType("ConfiguredValue"),
+      ConfiguredValue_2: findType("ConfiguredValue0"),
+      ConfiguredVariable: findType("ConfiguredVariable"),
+      ConfiguredVariable_2: findType("ConfiguredVariable0"),
+      ConstantMapView_Symbol_dynamic: findType("ConstantMapView<Symbol0,@>"),
+      ConstantStringMap_String_double: findType("ConstantStringMap<String,double>"),
+      ConstantStringSet_String: findType("ConstantStringSet<String>"),
+      CssComment: findType("CssComment"),
+      CssComment_2: findType("CssComment0"),
+      CssMediaQuery: findType("CssMediaQuery"),
+      CssMediaQuery_2: findType("CssMediaQuery0"),
+      CssParentNode: findType("CssParentNode"),
+      CssParentNode_2: findType("CssParentNode0"),
+      CssStylesheet: findType("CssStylesheet"),
+      CssStylesheet_2: findType("CssStylesheet0"),
+      CssValue_Combinator: findType("CssValue<Combinator>"),
+      CssValue_Combinator_2: findType("CssValue0<Combinator0>"),
+      CssValue_List_String: findType("CssValue<List<String>>"),
+      CssValue_List_String_2: findType("CssValue0<List<String>>"),
+      CssValue_String: findType("CssValue<String>"),
+      CssValue_String_2: findType("CssValue0<String>"),
+      CssValue_Value: findType("CssValue<Value>"),
+      CssValue_Value_2: findType("CssValue0<Value0>"),
+      DateTime: findType("DateTime"),
+      Deprecation: findType("Deprecation"),
+      Deprecation_2: findType("Deprecation1"),
+      Deprecation_3: findType("Deprecation0"),
+      EfficientLengthIterable_dynamic: findType("EfficientLengthIterable<@>"),
+      Error: findType("Error"),
+      EvaluationContext: findType("EvaluationContext"),
+      EvaluationContext_2: findType("EvaluationContext0"),
+      Exception: findType("Exception"),
+      Expression: findType("Expression"),
+      Expression_2: findType("Expression0"),
+      Extender: findType("Extender"),
+      Extender_2: findType("Extender0"),
+      Extension: findType("Extension"),
+      Extension_2: findType("Extension0"),
+      FileLocation: findType("FileLocation"),
+      FileSpan: findType("FileSpan"),
+      Float32List: findType("Float32List"),
+      Float64List: findType("Float64List"),
+      FormatException: findType("FormatException"),
+      Frame: findType("Frame"),
+      Function: findType("Function"),
+      FutureGroup_void: findType("FutureGroup<~>"),
+      FutureOr_Record_2_Set_Uri_loadedUrls_and_CssStylesheet_stylesheet: findType("+loadedUrls,stylesheet(Set<Uri>,CssStylesheet)/"),
+      FutureOr_Record_2_Set_Uri_loadedUrls_and_CssStylesheet_stylesheet_2: findType("+loadedUrls,stylesheet(Set<Uri>,CssStylesheet0)/"),
+      FutureOr_nullable_Uri: findType("Uri?/"),
+      Future_Record_2_Set_Uri_loadedUrls_and_CssStylesheet_stylesheet: findType("Future<+loadedUrls,stylesheet(Set<Uri>,CssStylesheet)>"),
+      Future_Record_2_Set_Uri_loadedUrls_and_CssStylesheet_stylesheet_2: findType("Future<+loadedUrls,stylesheet(Set<Uri>,CssStylesheet0)>"),
+      Future_Value: findType("Future<Value>"),
+      Future_Value_2: findType("Future<Value0>"),
+      Future_nullable_CssValue_String: findType("Future<CssValue<String>?>"),
+      Future_nullable_CssValue_String_2: findType("Future<CssValue0<String>?>"),
+      Future_nullable_ImporterResult: findType("Future<ImporterResult0?>"),
+      Future_nullable_Uri: findType("Future<Uri?>"),
+      Future_nullable_Value: findType("Future<Value?>"),
+      Future_nullable_Value_2: findType("Future<Value0?>"),
+      IfClause: findType("IfClause"),
+      IfClause_2: findType("IfClause0"),
+      ImmutableList: findType("ImmutableList0"),
+      ImmutableList_2: findType("ImmutableList"),
+      ImmutableMap: findType("ImmutableMap0"),
+      Import: findType("Import"),
+      Import_2: findType("Import0"),
+      Importer: findType("Importer0"),
+      ImporterResult: findType("ImporterResult"),
+      ImporterResult_2: findType("ImporterResult0"),
+      Importer_2: findType("Importer"),
+      Int16List: findType("Int16List"),
+      Int32List: findType("Int32List"),
+      Int8List: findType("Int8List"),
+      Interpolation: findType("Interpolation"),
+      InterpolationBuffer: findType("InterpolationBuffer"),
+      InterpolationBuffer_2: findType("InterpolationBuffer0"),
+      InterpolationMap: findType("InterpolationMap"),
+      InterpolationMap_2: findType("InterpolationMap0"),
+      Interpolation_2: findType("Interpolation0"),
+      Iterable_ComplexSelectorComponent: findType("Iterable<ComplexSelectorComponent>"),
+      Iterable_ComplexSelectorComponent_2: findType("Iterable<ComplexSelectorComponent0>"),
+      Iterable_dynamic: findType("Iterable<@>"),
+      JSArray_AstNode: findType("JSArray<AstNode>"),
+      JSArray_AstNode_2: findType("JSArray<AstNode0>"),
+      JSArray_AsyncBuiltInCallable: findType("JSArray<AsyncBuiltInCallable>"),
+      JSArray_AsyncBuiltInCallable_2: findType("JSArray<AsyncBuiltInCallable0>"),
+      JSArray_AsyncCallable: findType("JSArray<AsyncCallable>"),
+      JSArray_AsyncCallable_2: findType("JSArray<AsyncCallable0>"),
+      JSArray_AsyncImporter: findType("JSArray<AsyncImporter0>"),
+      JSArray_AsyncImporter_2: findType("JSArray<AsyncImporter>"),
+      JSArray_BinaryOperator: findType("JSArray<BinaryOperator>"),
+      JSArray_BinaryOperator_2: findType("JSArray<BinaryOperator0>"),
+      JSArray_BuiltInCallable: findType("JSArray<BuiltInCallable>"),
+      JSArray_BuiltInCallable_2: findType("JSArray<BuiltInCallable0>"),
+      JSArray_Callable: findType("JSArray<Callable0>"),
+      JSArray_Callable_2: findType("JSArray<Callable>"),
+      JSArray_ColorChannel: findType("JSArray<ColorChannel>"),
+      JSArray_ColorChannel_2: findType("JSArray<ColorChannel0>"),
+      JSArray_ComplexSelector: findType("JSArray<ComplexSelector>"),
+      JSArray_ComplexSelectorComponent: findType("JSArray<ComplexSelectorComponent>"),
+      JSArray_ComplexSelectorComponent_2: findType("JSArray<ComplexSelectorComponent0>"),
+      JSArray_ComplexSelector_2: findType("JSArray<ComplexSelector0>"),
+      JSArray_ConfiguredVariable: findType("JSArray<ConfiguredVariable>"),
+      JSArray_ConfiguredVariable_2: findType("JSArray<ConfiguredVariable0>"),
+      JSArray_CssComment: findType("JSArray<CssComment>"),
+      JSArray_CssComment_2: findType("JSArray<CssComment0>"),
+      JSArray_CssMediaQuery: findType("JSArray<CssMediaQuery>"),
+      JSArray_CssMediaQuery_2: findType("JSArray<CssMediaQuery0>"),
+      JSArray_CssNode: findType("JSArray<CssNode>"),
+      JSArray_CssNode_2: findType("JSArray<CssNode0>"),
+      JSArray_CssValue_Combinator: findType("JSArray<CssValue<Combinator>>"),
+      JSArray_CssValue_Combinator_2: findType("JSArray<CssValue0<Combinator0>>"),
+      JSArray_Entry: findType("JSArray<Entry>"),
+      JSArray_Expression: findType("JSArray<Expression>"),
+      JSArray_Expression_2: findType("JSArray<Expression0>"),
+      JSArray_Extender: findType("JSArray<Extender>"),
+      JSArray_Extender_2: findType("JSArray<Extender0>"),
+      JSArray_Extension: findType("JSArray<Extension>"),
+      JSArray_ExtensionStore: findType("JSArray<ExtensionStore>"),
+      JSArray_ExtensionStore_2: findType("JSArray<ExtensionStore0>"),
+      JSArray_Extension_2: findType("JSArray<Extension0>"),
+      JSArray_ForwardRule: findType("JSArray<ForwardRule>"),
+      JSArray_ForwardRule_2: findType("JSArray<ForwardRule0>"),
+      JSArray_Frame: findType("JSArray<Frame>"),
+      JSArray_Future_nullable_Record_3_int_and_String_and_nullable_String: findType("JSArray<Future<+(int,String,String?)?>>"),
+      JSArray_IfClause: findType("JSArray<IfClause>"),
+      JSArray_IfClause_2: findType("JSArray<IfClause0>"),
+      JSArray_Import: findType("JSArray<Import>"),
+      JSArray_Import_2: findType("JSArray<Import0>"),
+      JSArray_Importer: findType("JSArray<Importer>"),
+      JSArray_Importer_2: findType("JSArray<Importer0>"),
+      JSArray_Iterable_ComplexSelectorComponent: findType("JSArray<Iterable<ComplexSelectorComponent>>"),
+      JSArray_Iterable_ComplexSelectorComponent_2: findType("JSArray<Iterable<ComplexSelectorComponent0>>"),
+      JSArray_JSFunction: findType("JSArray<JSFunction0>"),
+      JSArray_LinearChannel: findType("JSArray<LinearChannel>"),
+      JSArray_LinearChannel_2: findType("JSArray<LinearChannel0>"),
+      JSArray_List_ComplexSelector: findType("JSArray<List<ComplexSelector>>"),
+      JSArray_List_ComplexSelectorComponent: findType("JSArray<List<ComplexSelectorComponent>>"),
+      JSArray_List_ComplexSelectorComponent_2: findType("JSArray<List<ComplexSelectorComponent0>>"),
+      JSArray_List_ComplexSelector_2: findType("JSArray<List<ComplexSelector0>>"),
+      JSArray_List_Extender: findType("JSArray<List<Extender>>"),
+      JSArray_List_Extender_2: findType("JSArray<List<Extender0>>"),
+      JSArray_List_Iterable_ComplexSelectorComponent: findType("JSArray<List<Iterable<ComplexSelectorComponent>>>"),
+      JSArray_List_Iterable_ComplexSelectorComponent_2: findType("JSArray<List<Iterable<ComplexSelectorComponent0>>>"),
+      JSArray_Map_String_AstNode: findType("JSArray<Map<String,AstNode>>"),
+      JSArray_Map_String_AstNode_2: findType("JSArray<Map<String,AstNode0>>"),
+      JSArray_Map_String_AsyncCallable: findType("JSArray<Map<String,AsyncCallable>>"),
+      JSArray_Map_String_AsyncCallable_2: findType("JSArray<Map<String,AsyncCallable0>>"),
+      JSArray_Map_String_Callable: findType("JSArray<Map<String,Callable0>>"),
+      JSArray_Map_String_Callable_2: findType("JSArray<Map<String,Callable>>"),
+      JSArray_Map_String_Value: findType("JSArray<Map<String,Value>>"),
+      JSArray_Map_String_Value_2: findType("JSArray<Map<String,Value0>>"),
+      JSArray_ModifiableCssImport: findType("JSArray<ModifiableCssImport>"),
+      JSArray_ModifiableCssImport_2: findType("JSArray<ModifiableCssImport0>"),
+      JSArray_ModifiableCssNode: findType("JSArray<ModifiableCssNode>"),
+      JSArray_ModifiableCssNode_2: findType("JSArray<ModifiableCssNode0>"),
+      JSArray_ModifiableCssParentNode: findType("JSArray<ModifiableCssParentNode>"),
+      JSArray_ModifiableCssParentNode_2: findType("JSArray<ModifiableCssParentNode0>"),
+      JSArray_Module_AsyncCallable: findType("JSArray<Module0<AsyncCallable>>"),
+      JSArray_Module_AsyncCallable_2: findType("JSArray<Module1<AsyncCallable0>>"),
+      JSArray_Module_Callable: findType("JSArray<Module0<Callable0>>"),
+      JSArray_Module_Callable_2: findType("JSArray<Module1<Callable>>"),
+      JSArray_Object: findType("JSArray<Object>"),
+      JSArray_Parameter: findType("JSArray<Parameter>"),
+      JSArray_Parameter_2: findType("JSArray<Parameter0>"),
+      JSArray_PseudoSelector: findType("JSArray<PseudoSelector>"),
+      JSArray_PseudoSelector_2: findType("JSArray<PseudoSelector0>"),
+      JSArray_Record_2_Expression_and_Expression: findType("JSArray<+(Expression,Expression)>"),
+      JSArray_Record_2_Expression_and_Expression_2: findType("JSArray<+(Expression0,Expression0)>"),
+      JSArray_Record_2_ParameterList_and_Value_Function_List_Value: findType("JSArray<+(ParameterList,Value(List<Value>))>"),
+      JSArray_Record_2_ParameterList_and_Value_Function_List_Value_2: findType("JSArray<+(ParameterList0,Value0(List<Value0>))>"),
+      JSArray_Record_2_String_and_AstNode: findType("JSArray<+(String,AstNode)>"),
+      JSArray_Record_2_String_and_AstNode_2: findType("JSArray<+(String,AstNode0)>"),
+      JSArray_Record_3_nullable_Deprecation_deprecation_and_String_message_and_FileSpan_span: findType("JSArray<+deprecation,message,span(Deprecation?,String,FileSpan)>"),
+      JSArray_Record_3_nullable_Deprecation_deprecation_and_String_message_and_FileSpan_span_2: findType("JSArray<+deprecation,message,span(Deprecation0?,String,FileSpan)>"),
+      JSArray_SassList: findType("JSArray<SassList>"),
+      JSArray_SassList_2: findType("JSArray<SassList0>"),
+      JSArray_SimpleSelector: findType("JSArray<SimpleSelector>"),
+      JSArray_SimpleSelector_2: findType("JSArray<SimpleSelector0>"),
+      JSArray_SourceLocation: findType("JSArray<SourceLocation>"),
+      JSArray_Statement: findType("JSArray<Statement>"),
+      JSArray_Statement_2: findType("JSArray<Statement0>"),
+      JSArray_String: findType("JSArray<String>"),
+      JSArray_StylesheetNode: findType("JSArray<StylesheetNode>"),
+      JSArray_TargetEntry: findType("JSArray<TargetEntry>"),
+      JSArray_TargetLineEntry: findType("JSArray<TargetLineEntry>"),
+      JSArray_Trace: findType("JSArray<Trace>"),
+      JSArray_UseRule: findType("JSArray<UseRule>"),
+      JSArray_UseRule_2: findType("JSArray<UseRule0>"),
+      JSArray_Value: findType("JSArray<Value>"),
+      JSArray_Value_2: findType("JSArray<Value0>"),
+      JSArray_WatchEvent: findType("JSArray<WatchEvent>"),
+      JSArray__Highlight: findType("JSArray<_Highlight>"),
+      JSArray__Line: findType("JSArray<_Line>"),
+      JSArray_double: findType("JSArray<double>"),
+      JSArray_dynamic: findType("JSArray<@>"),
+      JSArray_int: findType("JSArray<int>"),
+      JSArray_nullable_FileSpan: findType("JSArray<FileSpan?>"),
+      JSArray_nullable_Record_3_int_and_String_and_nullable_String: findType("JSArray<+(int,String,String?)?>"),
+      JSArray_nullable_SassNumber: findType("JSArray<SassNumber?>"),
+      JSArray_nullable_SassNumber_2: findType("JSArray<SassNumber0?>"),
+      JSArray_nullable_String: findType("JSArray<String?>"),
+      JSClass: findType("JSClass0"),
+      JSFunction: findType("JSFunction0"),
+      JSImporter: findType("JSImporter"),
+      JSImporterResult: findType("JSImporterResult"),
+      JSNull: findType("JSNull"),
+      JSObject: findType("JSObject"),
+      JSUrl: findType("JSUrl0"),
+      JavaScriptFunction: findType("JavaScriptFunction"),
+      JavaScriptIndexingBehavior_dynamic: findType("JavaScriptIndexingBehavior<@>"),
+      JsIdentityLinkedHashMap_SimpleSelector_int: findType("JsIdentityLinkedHashMap<SimpleSelector,int>"),
+      JsIdentityLinkedHashMap_SimpleSelector_int_2: findType("JsIdentityLinkedHashMap<SimpleSelector0,int>"),
+      JsIdentityLinkedHashMap_of_SelectorList_and_Box_SelectorList: findType("JsIdentityLinkedHashMap<SelectorList,Box<SelectorList>>"),
+      JsIdentityLinkedHashMap_of_SelectorList_and_Box_SelectorList_2: findType("JsIdentityLinkedHashMap<SelectorList0,Box0<SelectorList0>>"),
+      JsLinkedHashMap_Symbol_dynamic: findType("JsLinkedHashMap<Symbol0,@>"),
+      JsSystemError: findType("JsSystemError"),
+      LimitedMapView_String_ConfiguredValue: findType("LimitedMapView<String,ConfiguredValue>"),
+      LimitedMapView_String_ConfiguredValue_2: findType("LimitedMapView0<String,ConfiguredValue0>"),
+      LinearChannel: findType("LinearChannel"),
+      LinearChannel_2: findType("LinearChannel0"),
+      List_ComplexSelectorComponent: findType("List<ComplexSelectorComponent>"),
+      List_ComplexSelectorComponent_2: findType("List<ComplexSelectorComponent0>"),
+      List_CssComment: findType("List<CssComment>"),
+      List_CssComment_2: findType("List<CssComment0>"),
+      List_CssMediaQuery: findType("List<CssMediaQuery>"),
+      List_CssMediaQuery_2: findType("List<CssMediaQuery0>"),
+      List_Extension: findType("List<Extension>"),
+      List_ExtensionStore: findType("List<ExtensionStore>"),
+      List_ExtensionStore_2: findType("List<ExtensionStore0>"),
+      List_Extension_2: findType("List<Extension0>"),
+      List_JSObject: findType("List<JSObject>"),
+      List_List_ComplexSelectorComponent: findType("List<List<ComplexSelectorComponent>>"),
+      List_List_ComplexSelectorComponent_2: findType("List<List<ComplexSelectorComponent0>>"),
+      List_Module_AsyncCallable: findType("List<Module0<AsyncCallable>>"),
+      List_Module_AsyncCallable_2: findType("List<Module1<AsyncCallable0>>"),
+      List_Module_Callable: findType("List<Module0<Callable0>>"),
+      List_Module_Callable_2: findType("List<Module1<Callable>>"),
+      List_String: findType("List<String>"),
+      List_WatchEvent: findType("List<WatchEvent>"),
+      List_dynamic: findType("List<@>"),
+      List_int: findType("List<int>"),
+      MapKeySet_Module_AsyncCallable: findType("MapKeySet<Module0<AsyncCallable>>"),
+      MapKeySet_Module_AsyncCallable_2: findType("MapKeySet<Module1<AsyncCallable0>>"),
+      MapKeySet_Module_Callable: findType("MapKeySet<Module0<Callable0>>"),
+      MapKeySet_Module_Callable_2: findType("MapKeySet<Module1<Callable>>"),
+      MapKeySet_SimpleSelector: findType("MapKeySet<SimpleSelector>"),
+      MapKeySet_SimpleSelector_2: findType("MapKeySet<SimpleSelector0>"),
+      MapKeySet_String: findType("MapKeySet<String>"),
+      MapKeySet_nullable_Object: findType("MapKeySet<Object?>"),
+      Map_ComplexSelector_Extension: findType("Map<ComplexSelector,Extension>"),
+      Map_ComplexSelector_Extension_2: findType("Map<ComplexSelector0,Extension0>"),
+      Map_String_AstNode: findType("Map<String,AstNode>"),
+      Map_String_AstNode_2: findType("Map<String,AstNode0>"),
+      Map_String_AsyncCallable: findType("Map<String,AsyncCallable>"),
+      Map_String_AsyncCallable_2: findType("Map<String,AsyncCallable0>"),
+      Map_String_Callable: findType("Map<String,Callable0>"),
+      Map_String_Callable_2: findType("Map<String,Callable>"),
+      Map_String_Value: findType("Map<String,Value>"),
+      Map_String_Value_2: findType("Map<String,Value0>"),
+      Map_String_dynamic: findType("Map<String,@>"),
+      Map_dynamic_dynamic: findType("Map<@,@>"),
+      MappedIterable_String_Frame: findType("MappedIterable<String,Frame>"),
+      MappedListIterable_Frame_Frame: findType("MappedListIterable<Frame,Frame>"),
+      MappedListIterable_String_Object: findType("MappedListIterable<String,Object>"),
+      MappedListIterable_String_String: findType("MappedListIterable<String,String>"),
+      MappedListIterable_String_Trace: findType("MappedListIterable<String,Trace>"),
+      MappedListIterable_String_Value: findType("MappedListIterable<String,Value>"),
+      MappedListIterable_String_Value_2: findType("MappedListIterable<String,Value0>"),
+      MappedListIterable_String_dynamic: findType("MappedListIterable<String,@>"),
+      MixinRule: findType("MixinRule"),
+      MixinRule_2: findType("MixinRule0"),
+      ModifiableBox_SelectorList: findType("ModifiableBox<SelectorList>"),
+      ModifiableBox_SelectorList_2: findType("ModifiableBox0<SelectorList0>"),
+      ModifiableCssAtRule: findType("ModifiableCssAtRule"),
+      ModifiableCssAtRule_2: findType("ModifiableCssAtRule0"),
+      ModifiableCssKeyframeBlock: findType("ModifiableCssKeyframeBlock"),
+      ModifiableCssKeyframeBlock_2: findType("ModifiableCssKeyframeBlock0"),
+      ModifiableCssMediaRule: findType("ModifiableCssMediaRule"),
+      ModifiableCssMediaRule_2: findType("ModifiableCssMediaRule0"),
+      ModifiableCssNode: findType("ModifiableCssNode"),
+      ModifiableCssNode_2: findType("ModifiableCssNode0"),
+      ModifiableCssParentNode: findType("ModifiableCssParentNode"),
+      ModifiableCssParentNode_2: findType("ModifiableCssParentNode0"),
+      ModifiableCssStyleRule: findType("ModifiableCssStyleRule"),
+      ModifiableCssStyleRule_2: findType("ModifiableCssStyleRule0"),
+      ModifiableCssSupportsRule: findType("ModifiableCssSupportsRule"),
+      ModifiableCssSupportsRule_2: findType("ModifiableCssSupportsRule0"),
+      Module_AsyncCallable: findType("Module0<AsyncCallable>"),
+      Module_AsyncCallable_2: findType("Module1<AsyncCallable0>"),
+      Module_Callable: findType("Module0<Callable0>"),
+      Module_Callable_2: findType("Module1<Callable>"),
+      MultiSourceSpanFormatException: findType("MultiSourceSpanFormatException"),
+      NativeTypedArrayOfDouble: findType("NativeTypedArrayOfDouble"),
+      NativeTypedArrayOfInt: findType("NativeTypedArrayOfInt"),
+      NativeUint8List: findType("NativeUint8List"),
+      Never: findType("0&"),
+      NodeCompileResult: findType("NodeCompileResult"),
+      NodeImporterResult: findType("NodeImporterResult0"),
+      NonNullsIterable_Future_void: findType("NonNullsIterable<Future<~>>"),
+      NonNullsIterable_Object: findType("NonNullsIterable<Object>"),
+      NonNullsIterable_Record_3_AsyncImporter_and_Uri_and_Uri_originalUrl: findType("NonNullsIterable<+originalUrl(AsyncImporter,Uri,Uri)>"),
+      NonNullsIterable_Record_3_AsyncImporter_and_Uri_and_Uri_originalUrl_2: findType("NonNullsIterable<+originalUrl(AsyncImporter0,Uri,Uri)>"),
+      NonNullsIterable_Record_3_Importer_and_Uri_and_Uri_originalUrl: findType("NonNullsIterable<+originalUrl(Importer,Uri,Uri)>"),
+      NonNullsIterable_Record_3_Importer_and_Uri_and_Uri_originalUrl_2: findType("NonNullsIterable<+originalUrl(Importer0,Uri,Uri)>"),
+      NonNullsIterable_SelectorList: findType("NonNullsIterable<SelectorList>"),
+      NonNullsIterable_SelectorList_2: findType("NonNullsIterable<SelectorList0>"),
+      NonNullsIterable_String: findType("NonNullsIterable<String>"),
+      Null: findType("Null"),
+      NumberExpression: findType("NumberExpression"),
+      NumberExpression_2: findType("NumberExpression0"),
+      Object: findType("Object"),
+      Option: findType("Option"),
+      Parameter: findType("Parameter"),
+      ParameterList: findType("ParameterList"),
+      ParameterList_2: findType("ParameterList0"),
+      Parameter_2: findType("Parameter0"),
+      PathMap_ChangeType: findType("PathMap<ChangeType>"),
+      PathMap_Stream_WatchEvent: findType("PathMap<Stream<WatchEvent>>"),
+      PathMap_String: findType("PathMap<String>"),
+      PathMap_nullable_String: findType("PathMap<String?>"),
+      Promise: findType("Promise"),
+      PseudoSelector: findType("PseudoSelector"),
+      PseudoSelector_2: findType("PseudoSelector0"),
+      RangeError: findType("RangeError"),
+      Record: findType("Record"),
+      Record_0: findType("+()"),
+      Record_1_nullable_Object: findType("+(Object?)"),
+      Record_2_Expression_and_Expression: findType("+(Expression,Expression)"),
+      Record_2_Expression_and_Expression_2: findType("+(Expression0,Expression0)"),
+      Record_2_List_Expression_and_Map_String_Expression: findType("+(List<Expression>,Map<String,Expression>)"),
+      Record_2_List_Expression_and_Map_String_Expression_2: findType("+(List<Expression0>,Map<String,Expression0>)"),
+      Record_2_Set_Uri_loadedUrls_and_CssStylesheet_stylesheet: findType("+loadedUrls,stylesheet(Set<Uri>,CssStylesheet)"),
+      Record_2_Set_Uri_loadedUrls_and_CssStylesheet_stylesheet_2: findType("+loadedUrls,stylesheet(Set<Uri>,CssStylesheet0)"),
+      Record_2_String_and_InterpolationMap: findType("+(String,InterpolationMap)"),
+      Record_2_String_and_InterpolationMap_2: findType("+(String,InterpolationMap0)"),
+      Record_2_String_and_SourceSpan: findType("+(String,SourceSpan)"),
+      Record_2_String_and_nullable_InterpolationMap: findType("+(String,InterpolationMap?)"),
+      Record_2_String_and_nullable_InterpolationMap_2: findType("+(String,InterpolationMap0?)"),
+      Record_2_Uri_and_bool_forImport: findType("+forImport(Uri,bool)"),
+      Record_2_nullable_Object_and_nullable_Object: findType("+(Object?,Object?)"),
+      Record_2_nullable_Record_3_AsyncImporter_and_Uri_and_Uri_originalUrl_and_bool: findType("+(+originalUrl(AsyncImporter,Uri,Uri)?,bool)"),
+      Record_2_nullable_Record_3_AsyncImporter_and_Uri_and_Uri_originalUrl_and_bool_2: findType("+(+originalUrl(AsyncImporter0,Uri,Uri)?,bool)"),
+      Record_2_nullable_String_and_nullable_String: findType("+(String?,String?)"),
+      Record_3_AsyncImporter_and_Uri_and_Uri_originalUrl: findType("+originalUrl(AsyncImporter,Uri,Uri)"),
+      Record_3_AsyncImporter_and_Uri_and_Uri_originalUrl_2: findType("+originalUrl(AsyncImporter0,Uri,Uri)"),
+      Record_3_AsyncImporter_and_Uri_and_bool_forImport: findType("+forImport(AsyncImporter,Uri,bool)"),
+      Record_3_AsyncImporter_and_Uri_and_bool_forImport_2: findType("+forImport(AsyncImporter0,Uri,bool)"),
+      Record_3_Importer_and_Uri_and_Uri_originalUrl: findType("+originalUrl(Importer,Uri,Uri)"),
+      Record_3_Importer_and_Uri_and_Uri_originalUrl_2: findType("+originalUrl(Importer0,Uri,Uri)"),
+      Record_3_Importer_and_Uri_and_bool_forImport: findType("+forImport(Importer,Uri,bool)"),
+      Record_3_Importer_and_Uri_and_bool_forImport_2: findType("+forImport(Importer0,Uri,bool)"),
+      Record_3_Stylesheet_and_nullable_AsyncImporter_importer_and_bool_isDependency: findType("+importer,isDependency(Stylesheet,AsyncImporter?,bool)"),
+      Record_3_Stylesheet_and_nullable_AsyncImporter_importer_and_bool_isDependency_2: findType("+importer,isDependency(Stylesheet0,AsyncImporter0?,bool)"),
+      Record_3_nullable_Object_and_nullable_Object_and_nullable_Object_originalUrl: findType("+originalUrl(Object?,Object?,Object?)"),
+      Record_5_Map_String_Value_named_and_Map_String_AstNode_namedNodes_and_List_Value_positional_and_List_AstNode_positionalNodes_and_ListSeparator_separator: findType("+named,namedNodes,positional,positionalNodes,separator(Map<String,Value>,Map<String,AstNode>,List<Value>,List<AstNode>,ListSeparator)"),
+      Record_5_Map_String_Value_named_and_Map_String_AstNode_namedNodes_and_List_Value_positional_and_List_AstNode_positionalNodes_and_ListSeparator_separator_2: findType("+named,namedNodes,positional,positionalNodes,separator(Map<String,Value0>,Map<String,AstNode0>,List<Value0>,List<AstNode0>,ListSeparator0)"),
+      RegExpMatch: findType("RegExpMatch"),
+      RenderContextOptions: findType("RenderContextOptions0"),
+      RenderResult: findType("RenderResult"),
+      Result_String: findType("Result<String>"),
+      ReversedListIterable_Frame: findType("ReversedListIterable<Frame>"),
+      Runes: findType("Runes"),
+      SassArgumentList: findType("SassArgumentList"),
+      SassArgumentList_2: findType("SassArgumentList0"),
+      SassBoolean: findType("SassBoolean"),
+      SassBoolean_2: findType("SassBoolean0"),
+      SassColor: findType("SassColor"),
+      SassColor_2: findType("SassColor0"),
+      SassFormatException: findType("SassFormatException"),
+      SassFormatException_2: findType("SassFormatException0"),
+      SassList: findType("SassList"),
+      SassList_2: findType("SassList0"),
+      SassMap: findType("SassMap"),
+      SassMap_2: findType("SassMap0"),
+      SassNumber: findType("SassNumber"),
+      SassNumber_2: findType("SassNumber0"),
+      SassRuntimeException: findType("SassRuntimeException"),
+      SassRuntimeException_2: findType("SassRuntimeException0"),
+      SassString: findType("SassString"),
+      SassString_2: findType("SassString0"),
+      SelectorList: findType("SelectorList"),
+      SelectorList_2: findType("SelectorList0"),
+      Set_ModifiableBox_SelectorList: findType("Set<ModifiableBox<SelectorList>>"),
+      Set_ModifiableBox_SelectorList_2: findType("Set<ModifiableBox0<SelectorList0>>"),
+      Set_Uri: findType("Set<Uri>"),
+      SimpleSelector: findType("SimpleSelector"),
+      SimpleSelector_2: findType("SimpleSelector0"),
+      SourceFile: findType("SourceFile"),
+      SourceLocation: findType("SourceLocation"),
+      SourceSpan: findType("SourceSpan"),
+      SourceSpanFormatException: findType("SourceSpanFormatException"),
+      SourceSpanWithContext: findType("SourceSpanWithContext"),
+      StackTrace: findType("StackTrace"),
+      Statement: findType("Statement"),
+      Statement_2: findType("Statement0"),
+      StaticImport: findType("StaticImport"),
+      StaticImport_2: findType("StaticImport0"),
+      StreamCompleter_WatchEvent: findType("StreamCompleter<WatchEvent>"),
+      StreamGroup_WatchEvent: findType("StreamGroup<WatchEvent>"),
+      StreamQueue_String: findType("StreamQueue<String>"),
+      Stream_WatchEvent: findType("Stream<WatchEvent>"),
+      String: findType("String"),
+      StringExpression: findType("StringExpression"),
+      StringExpression_2: findType("StringExpression0"),
+      StylesheetNode: findType("StylesheetNode"),
+      Timer: findType("Timer"),
+      Trace: findType("Trace"),
+      TrustedGetRuntimeType: findType("TrustedGetRuntimeType"),
+      TypeError: findType("TypeError"),
+      TypeSelector: findType("TypeSelector"),
+      TypeSelector_2: findType("TypeSelector0"),
+      Uint16List: findType("Uint16List"),
+      Uint32List: findType("Uint32List"),
+      Uint8ClampedList: findType("Uint8ClampedList"),
+      Uint8List: findType("Uint8List"),
+      UnionSet_Uri: findType("UnionSet<Uri>"),
+      UnknownJavaScriptObject: findType("UnknownJavaScriptObject"),
+      UnmodifiableListView_CssComment: findType("UnmodifiableListView<CssComment>"),
+      UnmodifiableListView_CssComment_2: findType("UnmodifiableListView<CssComment0>"),
+      UnmodifiableListView_CssNode: findType("UnmodifiableListView<CssNode>"),
+      UnmodifiableListView_CssNode_2: findType("UnmodifiableListView<CssNode0>"),
+      UnmodifiableListView_ForwardRule: findType("UnmodifiableListView<ForwardRule>"),
+      UnmodifiableListView_ForwardRule_2: findType("UnmodifiableListView<ForwardRule0>"),
+      UnmodifiableListView_ModifiableCssNode: findType("UnmodifiableListView<ModifiableCssNode>"),
+      UnmodifiableListView_ModifiableCssNode_2: findType("UnmodifiableListView<ModifiableCssNode0>"),
+      UnmodifiableListView_Record_3_nullable_Deprecation_deprecation_and_String_message_and_FileSpan_span: findType("UnmodifiableListView<+deprecation,message,span(Deprecation?,String,FileSpan)>"),
+      UnmodifiableListView_Record_3_nullable_Deprecation_deprecation_and_String_message_and_FileSpan_span_2: findType("UnmodifiableListView<+deprecation,message,span(Deprecation0?,String,FileSpan)>"),
+      UnmodifiableListView_String: findType("UnmodifiableListView<String>"),
+      UnmodifiableListView_UseRule: findType("UnmodifiableListView<UseRule>"),
+      UnmodifiableListView_UseRule_2: findType("UnmodifiableListView<UseRule0>"),
+      UnmodifiableMapView_String_ArgParser: findType("UnmodifiableMapView<String,ArgParser>"),
+      UnmodifiableMapView_String_ConfiguredValue: findType("UnmodifiableMapView<String,ConfiguredValue>"),
+      UnmodifiableMapView_String_ConfiguredValue_2: findType("UnmodifiableMapView<String,ConfiguredValue0>"),
+      UnmodifiableMapView_String_Option: findType("UnmodifiableMapView<String,Option>"),
+      UnmodifiableMapView_String_Value: findType("UnmodifiableMapView<String,Value>"),
+      UnmodifiableMapView_String_Value_2: findType("UnmodifiableMapView<String,Value0>"),
+      UnmodifiableMapView_of_Uri_and_nullable_StylesheetNode: findType("UnmodifiableMapView<Uri,StylesheetNode?>"),
+      UnmodifiableMapView_of_nullable_String_and_String: findType("UnmodifiableMapView<String?,String>"),
+      UnmodifiableMapView_of_nullable_String_and_nullable_String: findType("UnmodifiableMapView<String?,String?>"),
+      UnmodifiableSetView_String: findType("UnmodifiableSetView0<String>"),
+      UnmodifiableSetView_StylesheetNode: findType("UnmodifiableSetView0<StylesheetNode>"),
+      UnmodifiableSetView_Uri: findType("UnmodifiableSetView0<Uri>"),
+      UnprefixedMapView_ConfiguredValue: findType("UnprefixedMapView<ConfiguredValue>"),
+      UnprefixedMapView_ConfiguredValue_2: findType("UnprefixedMapView0<ConfiguredValue0>"),
+      Uri: findType("Uri"),
+      UseRule: findType("UseRule"),
+      UserDefinedCallable_AsyncEnvironment: findType("UserDefinedCallable<AsyncEnvironment>"),
+      UserDefinedCallable_AsyncEnvironment_2: findType("UserDefinedCallable0<AsyncEnvironment0>"),
+      UserDefinedCallable_Environment: findType("UserDefinedCallable<Environment>"),
+      UserDefinedCallable_Environment_2: findType("UserDefinedCallable0<Environment0>"),
+      Value: findType("Value"),
+      Value_2: findType("Value0"),
+      Value_Function_List_Value: findType("Value(List<Value>)"),
+      Value_Function_List_Value_2: findType("Value0(List<Value0>)"),
+      VariableDeclaration: findType("VariableDeclaration"),
+      VersionRange: findType("VersionRange"),
+      WatchEvent: findType("WatchEvent"),
+      WhereIterable_List_Iterable_ComplexSelectorComponent: findType("WhereIterable<List<Iterable<ComplexSelectorComponent>>>"),
+      WhereIterable_List_Iterable_ComplexSelectorComponent_2: findType("WhereIterable<List<Iterable<ComplexSelectorComponent0>>>"),
+      WhereIterable_String: findType("WhereIterable<String>"),
+      WhereTypeIterable_PseudoSelector: findType("WhereTypeIterable<PseudoSelector>"),
+      WhereTypeIterable_PseudoSelector_2: findType("WhereTypeIterable<PseudoSelector0>"),
+      WhereTypeIterable_String: findType("WhereTypeIterable<String>"),
+      _AsyncCompleter_List_void: findType("_AsyncCompleter<List<~>>"),
+      _AsyncCompleter_Object: findType("_AsyncCompleter<Object>"),
+      _AsyncCompleter_Stream_WatchEvent: findType("_AsyncCompleter<Stream<WatchEvent>>"),
+      _AsyncCompleter_String: findType("_AsyncCompleter<String>"),
+      _AsyncCompleter_nullable_Object: findType("_AsyncCompleter<Object?>"),
+      _CompleterStream_WatchEvent: findType("_CompleterStream<WatchEvent>"),
+      _EventRequest_dynamic: findType("_EventRequest<@>"),
+      _Future_List_void: findType("_Future<List<~>>"),
+      _Future_Object: findType("_Future<Object>"),
+      _Future_Stream_WatchEvent: findType("_Future<Stream<WatchEvent>>"),
+      _Future_String: findType("_Future<String>"),
+      _Future_Value: findType("_Future<Value>"),
+      _Future_Value_2: findType("_Future<Value0>"),
+      _Future_bool: findType("_Future<bool>"),
+      _Future_dynamic: findType("_Future<@>"),
+      _Future_int: findType("_Future<int>"),
+      _Future_nullable_Object: findType("_Future<Object?>"),
+      _Future_void: findType("_Future<~>"),
+      _Highlight: findType("_Highlight"),
+      _IdentityHashMap_of_nullable_Object_and_nullable_Object: findType("_IdentityHashMap<Object?,Object?>"),
+      _LinkedIdentityHashSet_ComplexSelector: findType("_LinkedIdentityHashSet<ComplexSelector>"),
+      _LinkedIdentityHashSet_ComplexSelector_2: findType("_LinkedIdentityHashSet<ComplexSelector0>"),
+      _LinkedIdentityHashSet_Extension: findType("_LinkedIdentityHashSet<Extension>"),
+      _LinkedIdentityHashSet_Extension_2: findType("_LinkedIdentityHashSet<Extension0>"),
+      _MapEntry: findType("_MapEntry"),
+      _NodeException: findType("_NodeException"),
+      _PlatformUri: findType("_PlatformUri"),
+      _SyncStarIterable_Deprecation: findType("_SyncStarIterable<Deprecation0>"),
+      _SyncStarIterable_Extension: findType("_SyncStarIterable<Extension>"),
+      _SyncStarIterable_Extension_2: findType("_SyncStarIterable<Extension0>"),
+      _SyncStarIterable_SimpleSelector: findType("_SyncStarIterable<SimpleSelector>"),
+      _SyncStarIterable_SimpleSelector_2: findType("_SyncStarIterable<SimpleSelector0>"),
+      _SyncStarIterable_String: findType("_SyncStarIterable<String>"),
+      bool: findType("bool"),
+      double: findType("double"),
+      dynamic: findType("@"),
+      dynamic_Function: findType("@()"),
+      dynamic_Function_Object: findType("@(Object)"),
+      dynamic_Function_Object_StackTrace: findType("@(Object,StackTrace)"),
+      int: findType("int"),
+      nullable_AstNode: findType("AstNode?"),
+      nullable_AstNode_2: findType("AstNode0?"),
+      nullable_CanonicalizeContext: findType("CanonicalizeContext?"),
+      nullable_CanonicalizeContext_2: findType("CanonicalizeContext0?"),
+      nullable_CssValue_String: findType("CssValue<String>?"),
+      nullable_CssValue_String_2: findType("CssValue0<String>?"),
+      nullable_FileSpan: findType("FileSpan?"),
+      nullable_Future_Null: findType("Future<Null>?"),
+      nullable_Future_void: findType("Future<~>?"),
+      nullable_ImporterResult: findType("ImporterResult?"),
+      nullable_ImporterResult_2: findType("ImporterResult0?"),
+      nullable_JSObject: findType("JSObject?"),
+      nullable_Object: findType("Object?"),
+      nullable_Record_2_String_and_String: findType("+(String,String)?"),
+      nullable_Record_3_AsyncImporter_and_Uri_and_Uri_originalUrl: findType("+originalUrl(AsyncImporter,Uri,Uri)?"),
+      nullable_Record_3_AsyncImporter_and_Uri_and_Uri_originalUrl_2: findType("+originalUrl(AsyncImporter0,Uri,Uri)?"),
+      nullable_Record_3_Importer_and_Uri_and_Uri_originalUrl: findType("+originalUrl(Importer,Uri,Uri)?"),
+      nullable_Record_3_Importer_and_Uri_and_Uri_originalUrl_2: findType("+originalUrl(Importer0,Uri,Uri)?"),
+      nullable_Record_3_Stylesheet_and_nullable_AsyncImporter_importer_and_bool_isDependency: findType("+importer,isDependency(Stylesheet0,AsyncImporter0?,bool)?"),
+      nullable_Record_3_int_and_String_and_nullable_String: findType("+(int,String,String?)?"),
+      nullable_SourceFile: findType("SourceFile?"),
+      nullable_StreamSubscription_WatchEvent: findType("StreamSubscription<WatchEvent>?"),
+      nullable_String: findType("String?"),
+      nullable_Stylesheet: findType("Stylesheet?"),
+      nullable_StylesheetNode: findType("StylesheetNode?"),
+      nullable_Stylesheet_2: findType("Stylesheet0?"),
+      nullable_Uri: findType("Uri?"),
+      nullable_Value: findType("Value?"),
+      nullable_Value_2: findType("Value0?"),
+      nullable__ConstructorOptions: findType("_ConstructorOptions?"),
+      nullable__ConstructorOptions_2: findType("_ConstructorOptions0?"),
+      nullable__ConstructorOptions_3: findType("_ConstructorOptions1?"),
+      nullable__Highlight: findType("_Highlight?"),
+      nullable_bool: findType("bool?"),
+      nullable_double: findType("double?"),
+      nullable_int: findType("int?"),
+      nullable_num: findType("num?"),
+      num: findType("num"),
+      void: findType("~"),
+      void_Function_Object: findType("~(Object)"),
+      void_Function_Object_StackTrace: findType("~(Object,StackTrace)")
+    };
+  })();
+  (function constants() {
+    var makeConstList = hunkHelpers.makeConstList;
+    B.Interceptor_methods = J.Interceptor.prototype;
+    B.JSArray_methods = J.JSArray.prototype;
+    B.JSBool_methods = J.JSBool.prototype;
+    B.JSInt_methods = J.JSInt.prototype;
+    B.JSNull_methods = J.JSNull.prototype;
+    B.JSNumber_methods = J.JSNumber.prototype;
+    B.JSString_methods = J.JSString.prototype;
+    B.JavaScriptFunction_methods = J.JavaScriptFunction.prototype;
+    B.JavaScriptObject_methods = J.JavaScriptObject.prototype;
+    B.NativeUint32List_methods = A.NativeUint32List.prototype;
+    B.NativeUint8List_methods = A.NativeUint8List.prototype;
+    B.PlainJavaScriptObject_methods = J.PlainJavaScriptObject.prototype;
+    B.UnknownJavaScriptObject_methods = J.UnknownJavaScriptObject.prototype;
+    B.LinearChannel_Y0V = new A.LinearChannel(0, 1, false, false, false, "red", false, null);
+    B.LinearChannel_cPl = new A.LinearChannel(0, 1, false, false, false, "green", false, null);
+    B.LinearChannel_ABN = new A.LinearChannel(0, 1, false, false, false, "blue", false, null);
+    B.List_U47 = makeConstList([B.LinearChannel_Y0V, B.LinearChannel_cPl, B.LinearChannel_ABN], type$.JSArray_LinearChannel);
+    B.A98RgbColorSpace_lf2 = new A.A98RgbColorSpace("a98-rgb", B.List_U47);
+    B.LinearChannel_Y0V0 = new A.LinearChannel0(0, 1, false, false, false, "red", false, null);
+    B.LinearChannel_cPl0 = new A.LinearChannel0(0, 1, false, false, false, "green", false, null);
+    B.LinearChannel_ABN0 = new A.LinearChannel0(0, 1, false, false, false, "blue", false, null);
+    B.List_U470 = makeConstList([B.LinearChannel_Y0V0, B.LinearChannel_cPl0, B.LinearChannel_ABN0], type$.JSArray_LinearChannel_2);
+    B.A98RgbColorSpace_lf20 = new A.A98RgbColorSpace0("a98-rgb", B.List_U470);
+    B.AsciiEncoder_127 = new A.AsciiEncoder(127);
+    B.C_EmptyUnmodifiableSet1 = new A.EmptyUnmodifiableSet(A.findType("EmptyUnmodifiableSet<String>"));
+    B.AtRootQuery_bfj = new A.AtRootQuery(false, B.C_EmptyUnmodifiableSet1, false, true);
+    B.AtRootQuery_bfj0 = new A.AtRootQuery0(false, B.C_EmptyUnmodifiableSet1, false, true);
+    B.AttributeOperator_GWq = new A.AttributeOperator("*=", "substring");
+    B.AttributeOperator_GWq0 = new A.AttributeOperator0("*=", "substring");
+    B.AttributeOperator_JzP = new A.AttributeOperator("^=", "prefix");
+    B.AttributeOperator_JzP0 = new A.AttributeOperator0("^=", "prefix");
+    B.AttributeOperator_Lvy = new A.AttributeOperator("=", "equal");
+    B.AttributeOperator_Lvy0 = new A.AttributeOperator0("=", "equal");
+    B.AttributeOperator_U1W = new A.AttributeOperator("$=", "suffix");
+    B.AttributeOperator_U1W0 = new A.AttributeOperator0("$=", "suffix");
+    B.AttributeOperator_fp2 = new A.AttributeOperator("~=", "include");
+    B.AttributeOperator_fp20 = new A.AttributeOperator0("~=", "include");
+    B.AttributeOperator_iyP = new A.AttributeOperator("|=", "dash");
+    B.AttributeOperator_iyP0 = new A.AttributeOperator0("|=", "dash");
+    B.BinaryOperator_FPG = new A.BinaryOperator("less than or equals", "<=", 4, false, "lessThanOrEquals");
+    B.BinaryOperator_FPG0 = new A.BinaryOperator0("less than or equals", "<=", 4, false, "lessThanOrEquals");
+    B.BinaryOperator_JiR = new A.BinaryOperator("greater than or equals", ">=", 4, false, "greaterThanOrEquals");
+    B.BinaryOperator_JiR0 = new A.BinaryOperator0("greater than or equals", ">=", 4, false, "greaterThanOrEquals");
+    B.BinaryOperator_Kyq = new A.BinaryOperator("single equals", "=", 0, false, "singleEquals");
+    B.BinaryOperator_Kyq0 = new A.BinaryOperator0("single equals", "=", 0, false, "singleEquals");
+    B.BinaryOperator_Mh5 = new A.BinaryOperator("divided by", "/", 6, false, "dividedBy");
+    B.BinaryOperator_Mh50 = new A.BinaryOperator0("divided by", "/", 6, false, "dividedBy");
+    B.BinaryOperator_QG1 = new A.BinaryOperator("minus", "-", 5, false, "minus");
+    B.BinaryOperator_QG10 = new A.BinaryOperator0("minus", "-", 5, false, "minus");
+    B.BinaryOperator_Swh = new A.BinaryOperator("plus", "+", 5, true, "plus");
+    B.BinaryOperator_Swh0 = new A.BinaryOperator0("plus", "+", 5, true, "plus");
+    B.BinaryOperator_o8O = new A.BinaryOperator("greater than", ">", 4, false, "greaterThan");
+    B.BinaryOperator_o8O0 = new A.BinaryOperator0("greater than", ">", 4, false, "greaterThan");
+    B.BinaryOperator_qGq = new A.BinaryOperator("not equals", "!=", 3, false, "notEquals");
+    B.BinaryOperator_qGq0 = new A.BinaryOperator0("not equals", "!=", 3, false, "notEquals");
+    B.BinaryOperator_qHy = new A.BinaryOperator("less than", "<", 4, false, "lessThan");
+    B.BinaryOperator_qHy0 = new A.BinaryOperator0("less than", "<", 4, false, "lessThan");
+    B.BinaryOperator_r84 = new A.BinaryOperator("equals", "==", 3, false, "equals");
+    B.BinaryOperator_r840 = new A.BinaryOperator0("equals", "==", 3, false, "equals");
+    B.BinaryOperator_s7T = new A.BinaryOperator("modulo", "%", 6, false, "modulo");
+    B.BinaryOperator_s7T0 = new A.BinaryOperator0("modulo", "%", 6, false, "modulo");
+    B.BinaryOperator_tKu = new A.BinaryOperator("or", "or", 1, true, "or");
+    B.BinaryOperator_tKu0 = new A.BinaryOperator0("or", "or", 1, true, "or");
+    B.BinaryOperator_tht = new A.BinaryOperator("times", "*", 6, true, "times");
+    B.BinaryOperator_tht0 = new A.BinaryOperator0("times", "*", 6, true, "times");
+    B.BinaryOperator_uke = new A.BinaryOperator("and", "and", 2, true, "and");
+    B.BinaryOperator_uke0 = new A.BinaryOperator0("and", "and", 2, true, "and");
+    B.CONSTANT = new A.Instantiation1(A.math0__max$closure(), A.findType("Instantiation1<int>"));
+    B.C_AsciiCodec = new A.AsciiCodec();
+    B.C_AsciiGlyphSet = new A.AsciiGlyphSet();
+    B.C_Base64Encoder = new A.Base64Encoder();
+    B.C_Base64Codec = new A.Base64Codec();
+    B.C_DefaultEquality = new A.DefaultEquality();
+    B.C_EmptyExtensionStore = new A.EmptyExtensionStore();
+    B.C_EmptyExtensionStore0 = new A.EmptyExtensionStore0();
+    B.C_EmptyIterator = new A.EmptyIterator();
+    B.C_EmptyUnmodifiableSet = new A.EmptyUnmodifiableSet(A.findType("EmptyUnmodifiableSet<SimpleSelector>"));
+    B.C_EmptyUnmodifiableSet0 = new A.EmptyUnmodifiableSet(A.findType("EmptyUnmodifiableSet<SimpleSelector0>"));
+    B.C_IsCalculationSafeVisitor = new A.IsCalculationSafeVisitor();
+    B.C_IsCalculationSafeVisitor0 = new A.IsCalculationSafeVisitor0();
+    B.C_IterableEquality = new A.IterableEquality();
+    B.C_JS_CONST = function getTagFallback(o) {
+  var s = Object.prototype.toString.call(o);
+  return s.substring(8, s.length - 1);
+};
+    B.C_JS_CONST0 = function() {
+  var toStringFunction = Object.prototype.toString;
+  function getTag(o) {
+    var s = toStringFunction.call(o);
+    return s.substring(8, s.length - 1);
+  }
+  function getUnknownTag(object, tag) {
+    if (/^HTML[A-Z].*Element$/.test(tag)) {
+      var name = toStringFunction.call(object);
+      if (name == "[object Object]") return null;
+      return "HTMLElement";
+    }
+  }
+  function getUnknownTagGenericBrowser(object, tag) {
+    if (object instanceof HTMLElement) return "HTMLElement";
+    return getUnknownTag(object, tag);
+  }
+  function prototypeForTag(tag) {
+    if (typeof window == "undefined") return null;
+    if (typeof window[tag] == "undefined") return null;
+    var constructor = window[tag];
+    if (typeof constructor != "function") return null;
+    return constructor.prototype;
+  }
+  function discriminator(tag) { return null; }
+  var isBrowser = typeof HTMLElement == "function";
+  return {
+    getTag: getTag,
+    getUnknownTag: isBrowser ? getUnknownTagGenericBrowser : getUnknownTag,
+    prototypeForTag: prototypeForTag,
+    discriminator: discriminator };
+};
+    B.C_JS_CONST6 = function(getTagFallback) {
+  return function(hooks) {
+    if (typeof navigator != "object") return hooks;
+    var userAgent = navigator.userAgent;
+    if (typeof userAgent != "string") return hooks;
+    if (userAgent.indexOf("DumpRenderTree") >= 0) return hooks;
+    if (userAgent.indexOf("Chrome") >= 0) {
+      function confirm(p) {
+        return typeof window == "object" && window[p] && window[p].name == p;
+      }
+      if (confirm("Window") && confirm("HTMLElement")) return hooks;
+    }
+    hooks.getTag = getTagFallback;
+  };
+};
+    B.C_JS_CONST1 = function(hooks) {
+  if (typeof dartExperimentalFixupGetTag != "function") return hooks;
+  hooks.getTag = dartExperimentalFixupGetTag(hooks.getTag);
+};
+    B.C_JS_CONST5 = function(hooks) {
+  if (typeof navigator != "object") return hooks;
+  var userAgent = navigator.userAgent;
+  if (typeof userAgent != "string") return hooks;
+  if (userAgent.indexOf("Firefox") == -1) return hooks;
+  var getTag = hooks.getTag;
+  var quickMap = {
+    "BeforeUnloadEvent": "Event",
+    "DataTransfer": "Clipboard",
+    "GeoGeolocation": "Geolocation",
+    "Location": "!Location",
+    "WorkerMessageEvent": "MessageEvent",
+    "XMLDocument": "!Document"};
+  function getTagFirefox(o) {
+    var tag = getTag(o);
+    return quickMap[tag] || tag;
+  }
+  hooks.getTag = getTagFirefox;
+};
+    B.C_JS_CONST4 = function(hooks) {
+  if (typeof navigator != "object") return hooks;
+  var userAgent = navigator.userAgent;
+  if (typeof userAgent != "string") return hooks;
+  if (userAgent.indexOf("Trident/") == -1) return hooks;
+  var getTag = hooks.getTag;
+  var quickMap = {
+    "BeforeUnloadEvent": "Event",
+    "DataTransfer": "Clipboard",
+    "HTMLDDElement": "HTMLElement",
+    "HTMLDTElement": "HTMLElement",
+    "HTMLPhraseElement": "HTMLElement",
+    "Position": "Geoposition"
+  };
+  function getTagIE(o) {
+    var tag = getTag(o);
+    var newTag = quickMap[tag];
+    if (newTag) return newTag;
+    if (tag == "Object") {
+      if (window.DataView && (o instanceof window.DataView)) return "DataView";
+    }
+    return tag;
+  }
+  function prototypeForTagIE(tag) {
+    var constructor = window[tag];
+    if (constructor == null) return null;
+    return constructor.prototype;
+  }
+  hooks.getTag = getTagIE;
+  hooks.prototypeForTag = prototypeForTagIE;
+};
+    B.C_JS_CONST2 = function(hooks) {
+  var getTag = hooks.getTag;
+  var prototypeForTag = hooks.prototypeForTag;
+  function getTagFixed(o) {
+    var tag = getTag(o);
+    if (tag == "Document") {
+      if (!!o.xmlVersion) return "!Document";
+      return "!HTMLDocument";
+    }
+    return tag;
+  }
+  function prototypeForTagFixed(tag) {
+    if (tag == "Document") return null;
+    return prototypeForTag(tag);
+  }
+  hooks.getTag = getTagFixed;
+  hooks.prototypeForTag = prototypeForTagFixed;
+};
+    B.C_JS_CONST3 = function(hooks) { return hooks; }
+;
+    B.C_JsonCodec = new A.JsonCodec();
+    B.C_ListEquality0 = new A.ListEquality();
+    B.C_ListEquality = new A.ListEquality();
+    B.C_MapEquality = new A.MapEquality(A.findType("MapEquality<Object,Object>"));
+    B.C_OutOfMemoryError = new A.OutOfMemoryError();
+    B.C_SentinelValue = new A.SentinelValue();
+    B.C_UnicodeGlyphSet = new A.UnicodeGlyphSet();
+    B.C_Utf8Codec = new A.Utf8Codec();
+    B.C_Utf8Encoder = new A.Utf8Encoder();
+    B.C__ColorFormatEnum = new A._ColorFormatEnum();
+    B.C__ColorFormatEnum0 = new A._ColorFormatEnum0();
+    B.C__ContainsParentSelectorVisitor = new A._ContainsParentSelectorVisitor();
+    B.C__ContainsParentSelectorVisitor0 = new A._ContainsParentSelectorVisitor0();
+    B.C__DelayedDone = new A._DelayedDone();
+    B.C__HasContentVisitor = new A._HasContentVisitor();
+    B.C__HasContentVisitor0 = new A._HasContentVisitor0();
+    B.C__IsUselessVisitor = new A._IsUselessVisitor();
+    B.C__IsUselessVisitor0 = new A._IsUselessVisitor0();
+    B.C__JSRandom = new A._JSRandom();
+    B.C__MakeExpressionCalculationSafe = new A._MakeExpressionCalculationSafe();
+    B.C__MakeExpressionCalculationSafe0 = new A._MakeExpressionCalculationSafe0();
+    B.C__ParentSelectorVisitor = new A._ParentSelectorVisitor();
+    B.C__ParentSelectorVisitor0 = new A._ParentSelectorVisitor0();
+    B.C__Required = new A._Required();
+    B.C__RootZone = new A._RootZone();
+    B.C__SassNull = new A._SassNull();
+    B.C__SassNull0 = new A._SassNull0();
+    B.CalculationOperator_F7i = new A.CalculationOperator("plus", "+", 1, "plus");
+    B.CalculationOperator_F7i0 = new A.CalculationOperator0("plus", "+", 1, "plus");
+    B.CalculationOperator_bo5 = new A.CalculationOperator("divided by", "/", 2, "dividedBy");
+    B.CalculationOperator_bo50 = new A.CalculationOperator0("divided by", "/", 2, "dividedBy");
+    B.CalculationOperator_kkN = new A.CalculationOperator("times", "*", 2, "times");
+    B.CalculationOperator_kkN0 = new A.CalculationOperator0("times", "*", 2, "times");
+    B.CalculationOperator_oum = new A.CalculationOperator("minus", "-", 1, "minus");
+    B.CalculationOperator_oum0 = new A.CalculationOperator0("minus", "-", 1, "minus");
+    B.ChangeType_add = new A.ChangeType("add");
+    B.ChangeType_modify = new A.ChangeType("modify");
+    B.ChangeType_remove = new A.ChangeType("remove");
+    B.ClipGamutMap_clip = new A.ClipGamutMap("clip");
+    B.ClipGamutMap_clip0 = new A.ClipGamutMap0("clip");
+    B.Combinator_0mp = new A.Combinator(">", "child");
+    B.Combinator_0mp0 = new A.Combinator0(">", "child");
+    B.Combinator_55N = new A.Combinator("~", "followingSibling");
+    B.Combinator_55N0 = new A.Combinator0("~", "followingSibling");
+    B.Combinator_bOP = new A.Combinator("+", "nextSibling");
+    B.Combinator_bOP0 = new A.Combinator0("+", "nextSibling");
+    B.Object_empty = {};
+    B.Map_empty18 = new A.ConstantStringMap(B.Object_empty, [], A.findType("ConstantStringMap<String,ConfiguredValue>"));
+    B.Configuration_Map_empty_null = new A.Configuration(B.Map_empty18, null);
+    B.Map_empty19 = new A.ConstantStringMap(B.Object_empty, [], A.findType("ConstantStringMap<String,ConfiguredValue0>"));
+    B.Configuration_Map_empty_null0 = new A.Configuration0(B.Map_empty19, null);
+    B.Deprecation_3bU = new A.Deprecation0("color-functions", "1.79.0", "Using global color functions instead of sass:color.", null, "colorFunctions");
+    B.Deprecation_3ya = new A.Deprecation("abs-percent", "1.65.0", null, "absPercent");
+    B.Deprecation_5M7 = new A.Deprecation0("bogus-combinators", "1.54.0", "Leading, trailing, and repeated combinators.", null, "bogusCombinators");
+    B.Deprecation_5y6 = new A.Deprecation0("import", "1.80.0", "@import rules.", null, "import");
+    B.Deprecation_63m = new A.Deprecation0("compile-string-relative-url", "1.88.0", "Passing a relative url to compileString().", null, "compileStringRelativeUrl");
+    B.Deprecation_6jA = new A.Deprecation("relative-canonical", "1.14.2", null, "relativeCanonical");
+    B.Deprecation_89K = new A.Deprecation("strict-unary", "1.55.0", null, "strictUnary");
+    B.Deprecation_8uC = new A.Deprecation("with-private", "1.92.0", null, "withPrivate");
+    B.Deprecation_9Lp = new A.Deprecation0("css-function-mixin", "1.76.0", "Function and mixin names beginning with --.", null, "cssFunctionMixin");
+    B.Deprecation_9uB = new A.Deprecation0("calc-interp", null, null, null, "calcInterp");
+    B.Deprecation_Cv3 = new A.Deprecation0("strict-unary", "1.55.0", "Ambiguous + and - operators.", null, "strictUnary");
+    B.Deprecation_GQ2 = new A.Deprecation0("feature-exists", "1.78.0", "meta.feature-exists", null, "featureExists");
+    B.Deprecation_GVl = new A.Deprecation("feature-exists", "1.78.0", null, "featureExists");
+    B.Deprecation_Gxx = new A.Deprecation("duplicate-var-flags", "1.62.0", null, "duplicateVarFlags");
+    B.Deprecation_K5M = new A.Deprecation("misplaced-rest", "1.91.0", null, "misplacedRest");
+    B.Deprecation_LAn = new A.Deprecation("color-module-compat", "1.23.0", null, "colorModuleCompat");
+    B.Deprecation_OSi = new A.Deprecation0("elseif", "1.3.2", "@elseif.", null, "elseif");
+    B.Deprecation_OUI = new A.Deprecation("bogus-combinators", "1.54.0", null, "bogusCombinators");
+    B.Deprecation_Pox = new A.Deprecation0("fs-importer-cwd", "1.73.0", "Using the current working directory as an implicit load path.", null, "fsImporterCwd");
+    B.Deprecation_RCd = new A.Deprecation0("call-string", "0.0.0", "Passing a string directly to meta.call().", null, "callString");
+    B.Deprecation_SVw = new A.Deprecation0("duplicate-var-flags", "1.62.0", "Using !default or !global multiple times for one variable.", null, "duplicateVarFlags");
+    B.Deprecation_Sqp = new A.Deprecation("css-function-mixin", "1.76.0", null, "cssFunctionMixin");
+    B.Deprecation_Y5S = new A.Deprecation0("color-module-compat", "1.23.0", "Using color module functions in place of plain CSS functions.", null, "colorModuleCompat");
+    B.Deprecation_ZVM = new A.Deprecation("user-authored", null, null, "userAuthored");
+    B.Deprecation_bKe = new A.Deprecation0("moz-document", "1.7.2", "@-moz-document.", null, "mozDocument");
+    B.Deprecation_bXJ = new A.Deprecation0("color-4-api", "1.79.0", "Certain uses of built-in sass:color functions.", null, "color4Api");
+    B.Deprecation_eKX = new A.Deprecation0("with-private", "1.92.0", "Configuring private variables in @use, @forward, or load-css().", null, "withPrivate");
+    B.Deprecation_eNo = new A.Deprecation("call-string", "0.0.0", null, "callString");
+    B.Deprecation_fSZ = new A.Deprecation0("slash-div", "1.33.0", "/ operator for division.", null, "slashDiv");
+    B.Deprecation_fzO = new A.Deprecation0("abs-percent", "1.65.0", "Passing percentages to the Sass abs() function.", null, "absPercent");
+    B.Deprecation_gC3 = new A.Deprecation0("null-alpha", "1.62.3", "Passing null as alpha in the JS API.", null, "nullAlpha");
+    B.Deprecation_gW5 = new A.Deprecation0("new-global", "1.17.2", "Declaring new variables with !global.", null, "newGlobal");
+    B.Deprecation_hE0 = new A.Deprecation("elseif", "1.3.2", null, "elseif");
+    B.Deprecation_jOf = new A.Deprecation0("global-builtin", "1.80.0", "Global built-in functions that are available in sass: modules.", null, "globalBuiltin");
+    B.Deprecation_kQr = new A.Deprecation0("function-units", "1.56.0", "Passing invalid units to built-in functions.", null, "functionUnits");
+    B.Deprecation_kRg = new A.Deprecation0("relative-canonical", "1.14.2", "Imports using relative canonical URLs.", null, "relativeCanonical");
+    B.Deprecation_lB3 = new A.Deprecation0("user-authored", null, null, null, "userAuthored");
+    B.Deprecation_lJb = new A.Deprecation("compile-string-relative-url", "1.88.0", null, "compileStringRelativeUrl");
+    B.Deprecation_lZ1 = new A.Deprecation("new-global", "1.17.2", null, "newGlobal");
+    B.Deprecation_mks = new A.Deprecation("import", "1.80.0", null, "import");
+    B.Deprecation_nAC = new A.Deprecation("fs-importer-cwd", "1.73.0", null, "fsImporterCwd");
+    B.Deprecation_pnV = new A.Deprecation0("legacy-js-api", "1.79.0", "Legacy JS API.", null, "legacyJsApi");
+    B.Deprecation_rMl = new A.Deprecation("global-builtin", "1.80.0", null, "globalBuiltin");
+    B.Deprecation_ufl = new A.Deprecation("function-units", "1.56.0", null, "functionUnits");
+    B.Deprecation_vkD = new A.Deprecation0("misplaced-rest", "1.91.0", "A rest parameter before a positional or named parameter.", null, "misplacedRest");
+    B.Deprecation_wda = new A.Deprecation("moz-document", "1.7.2", null, "mozDocument");
+    B.Deprecation_wha = new A.Deprecation("slash-div", "1.33.0", null, "slashDiv");
+    B.Deprecation_wlv = new A.Deprecation("color-functions", "1.79.0", null, "colorFunctions");
+    B.DisplayP3ColorSpace_MmT = new A.DisplayP3ColorSpace("display-p3", B.List_U47);
+    B.DisplayP3ColorSpace_MmT0 = new A.DisplayP3ColorSpace0("display-p3", B.List_U470);
+    B.Duration_0 = new A.Duration(0);
+    B.ExtendMode_allTargets_allTargets = new A.ExtendMode("allTargets", "allTargets");
+    B.ExtendMode_allTargets_allTargets0 = new A.ExtendMode0("allTargets", "allTargets");
+    B.ExtendMode_normal_normal = new A.ExtendMode("normal", "normal");
+    B.ExtendMode_normal_normal0 = new A.ExtendMode0("normal", "normal");
+    B.ExtendMode_replace_replace = new A.ExtendMode("replace", "replace");
+    B.ExtendMode_replace_replace0 = new A.ExtendMode0("replace", "replace");
+    B.ColorChannel_hue_true_deg = new A.ColorChannel("hue", true, "deg");
+    B.LinearChannel_Cal = new A.LinearChannel(0, 100, true, true, false, "saturation", false, "%");
+    B.LinearChannel_w1m = new A.LinearChannel(0, 100, true, false, false, "lightness", false, "%");
+    B.List_oAL = makeConstList([B.ColorChannel_hue_true_deg, B.LinearChannel_Cal, B.LinearChannel_w1m], type$.JSArray_ColorChannel);
+    B.HslColorSpace_JQ2 = new A.HslColorSpace("hsl", B.List_oAL);
+    B.ColorChannel_hue_true_deg0 = new A.ColorChannel0("hue", true, "deg");
+    B.LinearChannel_Cal0 = new A.LinearChannel0(0, 100, true, true, false, "saturation", false, "%");
+    B.LinearChannel_w1m0 = new A.LinearChannel0(0, 100, true, false, false, "lightness", false, "%");
+    B.List_oAL0 = makeConstList([B.ColorChannel_hue_true_deg0, B.LinearChannel_Cal0, B.LinearChannel_w1m0], type$.JSArray_ColorChannel_2);
+    B.HslColorSpace_JQ20 = new A.HslColorSpace0("hsl", B.List_oAL0);
+    B.HueInterpolationMethod_0 = new A.HueInterpolationMethod("shorter");
+    B.HueInterpolationMethod_00 = new A.HueInterpolationMethod0("shorter");
+    B.HueInterpolationMethod_1 = new A.HueInterpolationMethod("longer");
+    B.HueInterpolationMethod_10 = new A.HueInterpolationMethod0("longer");
+    B.HueInterpolationMethod_2 = new A.HueInterpolationMethod("increasing");
+    B.HueInterpolationMethod_20 = new A.HueInterpolationMethod0("increasing");
+    B.HueInterpolationMethod_3 = new A.HueInterpolationMethod("decreasing");
+    B.HueInterpolationMethod_30 = new A.HueInterpolationMethod0("decreasing");
+    B.LinearChannel_mPM = new A.LinearChannel(0, 100, true, false, false, "whiteness", false, "%");
+    B.LinearChannel_NBP = new A.LinearChannel(0, 100, true, false, false, "blackness", false, "%");
+    B.List_Ar1 = makeConstList([B.ColorChannel_hue_true_deg, B.LinearChannel_mPM, B.LinearChannel_NBP], type$.JSArray_ColorChannel);
+    B.HwbColorSpace_guQ = new A.HwbColorSpace("hwb", B.List_Ar1);
+    B.LinearChannel_mPM0 = new A.LinearChannel0(0, 100, true, false, false, "whiteness", false, "%");
+    B.LinearChannel_NBP0 = new A.LinearChannel0(0, 100, true, false, false, "blackness", false, "%");
+    B.List_Ar10 = makeConstList([B.ColorChannel_hue_true_deg0, B.LinearChannel_mPM0, B.LinearChannel_NBP0], type$.JSArray_ColorChannel_2);
+    B.HwbColorSpace_guQ0 = new A.HwbColorSpace0("hwb", B.List_Ar10);
+    B.JsonDecoder_null = new A.JsonDecoder(null);
+    B.JsonEncoder_null = new A.JsonEncoder(null);
+    B.LinearChannel_rY5 = new A.LinearChannel(0, 100, false, true, true, "lightness", false, "%");
+    B.LinearChannel_vtc = new A.LinearChannel(-125, 125, false, false, false, "a", false, null);
+    B.LinearChannel_r83 = new A.LinearChannel(-125, 125, false, false, false, "b", false, null);
+    B.List_KEo = makeConstList([B.LinearChannel_rY5, B.LinearChannel_vtc, B.LinearChannel_r83], type$.JSArray_ColorChannel);
+    B.LabColorSpace_2nT = new A.LabColorSpace("lab", B.List_KEo);
+    B.LinearChannel_rY50 = new A.LinearChannel0(0, 100, false, true, true, "lightness", false, "%");
+    B.LinearChannel_vtc0 = new A.LinearChannel0(-125, 125, false, false, false, "a", false, null);
+    B.LinearChannel_r830 = new A.LinearChannel0(-125, 125, false, false, false, "b", false, null);
+    B.List_KEo0 = makeConstList([B.LinearChannel_rY50, B.LinearChannel_vtc0, B.LinearChannel_r830], type$.JSArray_ColorChannel_2);
+    B.LabColorSpace_2nT0 = new A.LabColorSpace0("lab", B.List_KEo0);
+    B.LinearChannel_JUs = new A.LinearChannel(0, 150, false, true, false, "chroma", false, null);
+    B.List_grF = makeConstList([B.LinearChannel_rY5, B.LinearChannel_JUs, B.ColorChannel_hue_true_deg], type$.JSArray_ColorChannel);
+    B.LchColorSpace_Bpv = new A.LchColorSpace("lch", B.List_grF);
+    B.LinearChannel_JUs0 = new A.LinearChannel0(0, 150, false, true, false, "chroma", false, null);
+    B.List_grF0 = makeConstList([B.LinearChannel_rY50, B.LinearChannel_JUs0, B.ColorChannel_hue_true_deg0], type$.JSArray_ColorChannel_2);
+    B.LchColorSpace_Bpv0 = new A.LchColorSpace0("lch", B.List_grF0);
+    B.LineFeed_9HY = new A.LineFeed0("lf", "\n", "lf");
+    B.LineFeed_G7N = new A.LineFeed0("lfcr", "\n\r", "lfcr");
+    B.LineFeed_Pcs = new A.LineFeed0("crlf", "\r\n", "crlf");
+    B.LineFeed_lf = new A.LineFeed("lf");
+    B.LineFeed_ybQ = new A.LineFeed0("cr", "\r", "cr");
+    B.LinearChannel_XL8 = new A.LinearChannel(0, 1, false, false, false, "alpha", false, null);
+    B.LinearChannel_XL80 = new A.LinearChannel0(0, 1, false, false, false, "alpha", false, null);
+    B.LinearChannel_Z5r = new A.LinearChannel(0, 255, false, true, true, "green", false, null);
+    B.LinearChannel_Z5r0 = new A.LinearChannel0(0, 255, false, true, true, "green", false, null);
+    B.LinearChannel_qXC = new A.LinearChannel(0, 255, false, true, true, "red", false, null);
+    B.LinearChannel_qXC0 = new A.LinearChannel0(0, 255, false, true, true, "red", false, null);
+    B.LinearChannel_vJ3 = new A.LinearChannel(0, 255, false, true, true, "blue", false, null);
+    B.LinearChannel_vJ30 = new A.LinearChannel0(0, 255, false, true, true, "blue", false, null);
+    B.ListSeparator_bRz = new A.ListSeparator("slash", "/", "slash");
+    B.ListSeparator_bRz0 = new A.ListSeparator0("slash", "/", "slash");
+    B.ListSeparator_qSL = new A.ListSeparator("space", " ", "space");
+    B.ListSeparator_qSL0 = new A.ListSeparator0("space", " ", "space");
+    B.ListSeparator_qVN = new A.ListSeparator("comma", ",", "comma");
+    B.ListSeparator_qVN0 = new A.ListSeparator0("comma", ",", "comma");
+    B.ListSeparator_undecided_null_undecided = new A.ListSeparator("undecided", null, "undecided");
+    B.ListSeparator_undecided_null_undecided0 = new A.ListSeparator0("undecided", null, "undecided");
+    B.Object_84Z = {em: 0, rem: 1, ex: 2, rex: 3, cap: 4, rcap: 5, ch: 6, rch: 7, ic: 8, ric: 9, lh: 10, rlh: 11, vw: 12, lvw: 13, svw: 14, dvw: 15, vh: 16, lvh: 17, svh: 18, dvh: 19, vi: 20, lvi: 21, svi: 22, dvi: 23, vb: 24, lvb: 25, svb: 26, dvb: 27, vmin: 28, lvmin: 29, svmin: 30, dvmin: 31, vmax: 32, lvmax: 33, svmax: 34, dvmax: 35, cqw: 36, cqh: 37, cqi: 38, cqb: 39, cqmin: 40, cqmax: 41, cm: 42, mm: 43, q: 44, in: 45, pt: 46, pc: 47, px: 48};
+    B.Set_V30th = new A.ConstantStringSet(B.Object_84Z, 49, type$.ConstantStringSet_String);
+    B.Object_a6W = {deg: 0, grad: 1, rad: 2, turn: 3};
+    B.Set_5FBBb = new A.ConstantStringSet(B.Object_a6W, 4, type$.ConstantStringSet_String);
+    B.Object_s_0_ms_1 = {s: 0, ms: 1};
+    B.Set_cXesm = new A.ConstantStringSet(B.Object_s_0_ms_1, 2, type$.ConstantStringSet_String);
+    B.Object_hz_0_khz_1 = {hz: 0, khz: 1};
+    B.Set_1Tayw = new A.ConstantStringSet(B.Object_hz_0_khz_1, 2, type$.ConstantStringSet_String);
+    B.Object_CHz = {dpi: 0, dpcm: 1, dppx: 2};
+    B.Set_w2NC6 = new A.ConstantStringSet(B.Object_CHz, 3, type$.ConstantStringSet_String);
+    B.List_BFg = makeConstList([B.Set_V30th, B.Set_5FBBb, B.Set_cXesm, B.Set_1Tayw, B.Set_w2NC6], A.findType("JSArray<Set<String>>"));
+    B.Deprecation_6zK = new A.Deprecation0("mixed-decls", "1.77.7", "Declarations after or between nested rules.", "1.92.0", "mixedDecls");
+    B.Deprecation_o6Z = new A.Deprecation0("type-function", "1.86.0", 'Functions named "type".', "1.92.0", "typeFunction");
+    B.List_Jym = makeConstList([B.Deprecation_RCd, B.Deprecation_OSi, B.Deprecation_bKe, B.Deprecation_kRg, B.Deprecation_gW5, B.Deprecation_Y5S, B.Deprecation_fSZ, B.Deprecation_5M7, B.Deprecation_Cv3, B.Deprecation_kQr, B.Deprecation_SVw, B.Deprecation_gC3, B.Deprecation_fzO, B.Deprecation_Pox, B.Deprecation_9Lp, B.Deprecation_6zK, B.Deprecation_GQ2, B.Deprecation_bXJ, B.Deprecation_3bU, B.Deprecation_pnV, B.Deprecation_5y6, B.Deprecation_jOf, B.Deprecation_o6Z, B.Deprecation_63m, B.Deprecation_vkD, B.Deprecation_eKX, B.Deprecation_lB3, B.Deprecation_9uB], A.findType("JSArray<Deprecation0>"));
+    B.Deprecation_aUP = new A.Deprecation("null-alpha", "1.62.3", null, "nullAlpha");
+    B.Deprecation_NRs = new A.Deprecation("mixed-decls", "1.77.7", "1.92.0", "mixedDecls");
+    B.Deprecation_Uwj = new A.Deprecation("color-4-api", "1.79.0", null, "color4Api");
+    B.Deprecation_52G = new A.Deprecation("legacy-js-api", "1.79.0", null, "legacyJsApi");
+    B.Deprecation_WRV = new A.Deprecation("type-function", "1.86.0", "1.92.0", "typeFunction");
+    B.Deprecation_f5Y = new A.Deprecation("calc-interp", null, null, "calcInterp");
+    B.List_d5F = makeConstList([B.Deprecation_eNo, B.Deprecation_hE0, B.Deprecation_wda, B.Deprecation_6jA, B.Deprecation_lZ1, B.Deprecation_LAn, B.Deprecation_wha, B.Deprecation_OUI, B.Deprecation_89K, B.Deprecation_ufl, B.Deprecation_Gxx, B.Deprecation_aUP, B.Deprecation_3ya, B.Deprecation_nAC, B.Deprecation_Sqp, B.Deprecation_NRs, B.Deprecation_GVl, B.Deprecation_Uwj, B.Deprecation_wlv, B.Deprecation_52G, B.Deprecation_mks, B.Deprecation_rMl, B.Deprecation_WRV, B.Deprecation_lJb, B.Deprecation_K5M, B.Deprecation_8uC, B.Deprecation_ZVM, B.Deprecation_f5Y], A.findType("JSArray<Deprecation>"));
+    B.List_empty26 = makeConstList([], type$.JSArray_AsyncCallable_2);
+    B.List_empty27 = makeConstList([], type$.JSArray_AsyncImporter);
+    B.List_empty1 = makeConstList([], type$.JSArray_ComplexSelector);
+    B.List_empty16 = makeConstList([], type$.JSArray_ComplexSelector_2);
+    B.List_empty2 = makeConstList([], type$.JSArray_ComplexSelectorComponent);
+    B.List_empty17 = makeConstList([], type$.JSArray_ComplexSelectorComponent_2);
+    B.List_empty10 = makeConstList([], type$.JSArray_ConfiguredVariable);
+    B.List_empty23 = makeConstList([], type$.JSArray_ConfiguredVariable_2);
+    B.List_empty3 = makeConstList([], type$.JSArray_CssNode);
+    B.List_empty18 = makeConstList([], type$.JSArray_CssNode_2);
+    B.List_empty0 = makeConstList([], type$.JSArray_CssValue_Combinator);
+    B.List_empty15 = makeConstList([], type$.JSArray_CssValue_Combinator_2);
+    B.List_empty9 = makeConstList([], type$.JSArray_Expression);
+    B.List_empty22 = makeConstList([], type$.JSArray_Expression_2);
+    B.List_empty5 = makeConstList([], type$.JSArray_Extension);
+    B.List_empty19 = makeConstList([], type$.JSArray_Extension_2);
+    B.List_empty25 = makeConstList([], type$.JSArray_Importer_2);
+    B.List_empty7 = makeConstList([], A.findType("JSArray<Module0<0&>>"));
+    B.List_empty20 = makeConstList([], A.findType("JSArray<Module1<0&>>"));
+    B.List_empty11 = makeConstList([], type$.JSArray_Object);
+    B.List_empty13 = makeConstList([], type$.JSArray_Parameter);
+    B.List_empty24 = makeConstList([], type$.JSArray_Parameter_2);
+    B.List_empty14 = makeConstList([], type$.JSArray_Statement);
+    B.List_empty = makeConstList([], type$.JSArray_String);
+    B.List_empty8 = makeConstList([], type$.JSArray_Value);
+    B.List_empty21 = makeConstList([], type$.JSArray_Value_2);
+    B.List_empty4 = makeConstList([], type$.JSArray_int);
+    B.List_empty6 = makeConstList([], type$.JSArray_dynamic);
+    B.List_empty12 = makeConstList([], type$.JSArray_nullable_FileSpan);
+    B.List_g9w = makeConstList([B.CalculationOperator_F7i0, B.CalculationOperator_oum0, B.CalculationOperator_kkN0, B.CalculationOperator_bo50], A.findType("JSArray<CalculationOperator0>"));
+    B.List_nm2 = makeConstList([B.HueInterpolationMethod_00, B.HueInterpolationMethod_10, B.HueInterpolationMethod_20, B.HueInterpolationMethod_30], A.findType("JSArray<HueInterpolationMethod0>"));
+    B.List_null = makeConstList([null], type$.JSArray_nullable_FileSpan);
+    B.LinearChannel_n2W = new A.LinearChannel(0, 1, false, false, false, "long", false, null);
+    B.LinearChannel_ZmQ = new A.LinearChannel(0, 1, false, false, false, "medium", false, null);
+    B.LinearChannel_yJH = new A.LinearChannel(0, 1, false, false, false, "short", false, null);
+    B.List_wOx = makeConstList([B.LinearChannel_n2W, B.LinearChannel_ZmQ, B.LinearChannel_yJH], type$.JSArray_ColorChannel);
+    B.LmsColorSpace_Os3 = new A.LmsColorSpace("lms", B.List_wOx);
+    B.LinearChannel_n2W0 = new A.LinearChannel0(0, 1, false, false, false, "long", false, null);
+    B.LinearChannel_ZmQ0 = new A.LinearChannel0(0, 1, false, false, false, "medium", false, null);
+    B.LinearChannel_yJH0 = new A.LinearChannel0(0, 1, false, false, false, "short", false, null);
+    B.List_wOx0 = makeConstList([B.LinearChannel_n2W0, B.LinearChannel_ZmQ0, B.LinearChannel_yJH0], type$.JSArray_ColorChannel_2);
+    B.LmsColorSpace_Os30 = new A.LmsColorSpace0("lms", B.List_wOx0);
+    B.LocalMindeGamutMap_A2x = new A.LocalMindeGamutMap("local-minde");
+    B.LocalMindeGamutMap_A2x0 = new A.LocalMindeGamutMap0("local-minde");
+    B.Object_CSf = {in: 0, cm: 1, pc: 2, mm: 3, q: 4, pt: 5, px: 6, deg: 7, grad: 8, rad: 9, turn: 10, s: 11, ms: 12, Hz: 13, kHz: 14, dpi: 15, dpcm: 16, dppx: 17};
+    B.Object_R4j = {in: 0, cm: 1, pc: 2, mm: 3, q: 4, pt: 5, px: 6};
+    B.Map_LdTcR = new A.ConstantStringMap(B.Object_R4j, [1, 0.39370078740157477, 0.16666666666666666, 0.03937007874015748, 0.00984251968503937, 0.013888888888888888, 0.010416666666666666], type$.ConstantStringMap_String_double);
+    B.Map_LdCjQ = new A.ConstantStringMap(B.Object_R4j, [2.54, 1, 0.42333333333333334, 0.1, 0.025, 0.035277777777777776, 0.026458333333333334], type$.ConstantStringMap_String_double);
+    B.Map_Ldr6M = new A.ConstantStringMap(B.Object_R4j, [6, 2.3622047244094486, 1, 0.2362204724409449, 0.05905511811023623, 0.08333333333333333, 0.0625], type$.ConstantStringMap_String_double);
+    B.Map_LdTyG = new A.ConstantStringMap(B.Object_R4j, [25.4, 10, 4.233333333333333, 1, 0.25, 0.35277777777777775, 0.26458333333333334], type$.ConstantStringMap_String_double);
+    B.Map_Ld577 = new A.ConstantStringMap(B.Object_R4j, [101.6, 40, 16.933333333333334, 4, 1, 1.411111111111111, 1.0583333333333333], type$.ConstantStringMap_String_double);
+    B.Map_LdIVT = new A.ConstantStringMap(B.Object_R4j, [72, 28.346456692913385, 12, 2.834645669291339, 0.7086614173228347, 1, 0.75], type$.ConstantStringMap_String_double);
+    B.Map_Ld6L5 = new A.ConstantStringMap(B.Object_R4j, [96, 37.79527559055118, 16, 3.7795275590551185, 0.9448818897637796, 1.3333333333333333, 1], type$.ConstantStringMap_String_double);
+    B.Map_LjNxM = new A.ConstantStringMap(B.Object_a6W, [1, 0.9, 57.29577951308232, 360], type$.ConstantStringMap_String_double);
+    B.Map_Lj8V1 = new A.ConstantStringMap(B.Object_a6W, [1.1111111111111112, 1, 63.66197723675813, 400], type$.ConstantStringMap_String_double);
+    B.Map_LjePw = new A.ConstantStringMap(B.Object_a6W, [0.017453292519943295, 0.015707963267948967, 1, 6.283185307179586], type$.ConstantStringMap_String_double);
+    B.Map_LjtMd = new A.ConstantStringMap(B.Object_a6W, [0.002777777777777778, 0.0025, 0.15915494309189535, 1], type$.ConstantStringMap_String_double);
+    B.Map_Aezv1 = new A.ConstantStringMap(B.Object_s_0_ms_1, [1, 0.001], type$.ConstantStringMap_String_double);
+    B.Map_AeI7g = new A.ConstantStringMap(B.Object_s_0_ms_1, [1000, 1], type$.ConstantStringMap_String_double);
+    B.Object_Hz_0_kHz_1 = {Hz: 0, kHz: 1};
+    B.Map_kdDCg = new A.ConstantStringMap(B.Object_Hz_0_kHz_1, [1, 1000], type$.ConstantStringMap_String_double);
+    B.Map_kdBEM = new A.ConstantStringMap(B.Object_Hz_0_kHz_1, [0.001, 1], type$.ConstantStringMap_String_double);
+    B.Map_vIkFS = new A.ConstantStringMap(B.Object_CHz, [1, 2.54, 96], type$.ConstantStringMap_String_double);
+    B.Map_vIY7E = new A.ConstantStringMap(B.Object_CHz, [0.39370078740157477, 1, 37.79527559055118], type$.ConstantStringMap_String_double);
+    B.Map_vIcSC = new A.ConstantStringMap(B.Object_CHz, [0.010416666666666666, 0.026458333333333334, 1], type$.ConstantStringMap_String_double);
+    B.Map_NtHoP = new A.ConstantStringMap(B.Object_CSf, [B.Map_LdTcR, B.Map_LdCjQ, B.Map_Ldr6M, B.Map_LdTyG, B.Map_Ld577, B.Map_LdIVT, B.Map_Ld6L5, B.Map_LjNxM, B.Map_Lj8V1, B.Map_LjePw, B.Map_LjtMd, B.Map_Aezv1, B.Map_AeI7g, B.Map_kdDCg, B.Map_kdBEM, B.Map_vIkFS, B.Map_vIY7E, B.Map_vIcSC], A.findType("ConstantStringMap<String,Map<String,double>>"));
+    B.Object_J3y = {length: 0, angle: 1, time: 2, frequency: 3, "pixel density": 4};
+    B.List_Ldp = makeConstList(["in", "cm", "pc", "mm", "q", "pt", "px"], type$.JSArray_String);
+    B.List_deg_grad_rad_turn = makeConstList(["deg", "grad", "rad", "turn"], type$.JSArray_String);
+    B.List_s_ms = makeConstList(["s", "ms"], type$.JSArray_String);
+    B.List_Hz_kHz = makeConstList(["Hz", "kHz"], type$.JSArray_String);
+    B.List_dpi_dpcm_dppx = makeConstList(["dpi", "dpcm", "dppx"], type$.JSArray_String);
+    B.Map_Sr65K = new A.ConstantStringMap(B.Object_J3y, [B.List_Ldp, B.List_deg_grad_rad_turn, B.List_s_ms, B.List_Hz_kHz, B.List_dpi_dpcm_dppx], A.findType("ConstantStringMap<String,List<String>>"));
+    B.Map_empty7 = new A.ConstantStringMap(B.Object_empty, [], A.findType("ConstantStringMap<Module0<AsyncCallable>,List<CssComment>>"));
+    B.Map_empty = new A.ConstantStringMap(B.Object_empty, [], A.findType("ConstantStringMap<Module0<Callable0>,List<CssComment>>"));
+    B.Map_empty1 = new A.ConstantStringMap(B.Object_empty, [], A.findType("ConstantStringMap<Module0<0&>,List<CssComment>>"));
+    B.Map_empty16 = new A.ConstantStringMap(B.Object_empty, [], A.findType("ConstantStringMap<Module1<AsyncCallable0>,List<CssComment0>>"));
+    B.Map_empty10 = new A.ConstantStringMap(B.Object_empty, [], A.findType("ConstantStringMap<Module1<Callable>,List<CssComment0>>"));
+    B.Map_empty12 = new A.ConstantStringMap(B.Object_empty, [], A.findType("ConstantStringMap<Module1<0&>,List<CssComment0>>"));
+    B.Map_empty3 = new A.ConstantStringMap(B.Object_empty, [], A.findType("ConstantStringMap<String,AstNode>"));
+    B.Map_empty13 = new A.ConstantStringMap(B.Object_empty, [], A.findType("ConstantStringMap<String,AstNode0>"));
+    B.Map_empty4 = new A.ConstantStringMap(B.Object_empty, [], A.findType("ConstantStringMap<String,Expression>"));
+    B.Map_empty14 = new A.ConstantStringMap(B.Object_empty, [], A.findType("ConstantStringMap<String,Expression0>"));
+    B.Map_empty6 = new A.ConstantStringMap(B.Object_empty, [], A.findType("ConstantStringMap<String,FileSpan>"));
+    B.Map_empty8 = new A.ConstantStringMap(B.Object_empty, [], A.findType("ConstantStringMap<String,Module0<AsyncCallable>>"));
+    B.Map_empty0 = new A.ConstantStringMap(B.Object_empty, [], A.findType("ConstantStringMap<String,Module0<Callable0>>"));
+    B.Map_empty17 = new A.ConstantStringMap(B.Object_empty, [], A.findType("ConstantStringMap<String,Module1<AsyncCallable0>>"));
+    B.Map_empty11 = new A.ConstantStringMap(B.Object_empty, [], A.findType("ConstantStringMap<String,Module1<Callable>>"));
+    B.Map_empty5 = new A.ConstantStringMap(B.Object_empty, [], A.findType("ConstantStringMap<String,Value>"));
+    B.Map_empty15 = new A.ConstantStringMap(B.Object_empty, [], A.findType("ConstantStringMap<String,Value0>"));
+    B.Map_empty2 = new A.ConstantStringMap(B.Object_empty, [], A.findType("ConstantStringMap<Symbol0,@>"));
+    B.Map_empty9 = new A.ConstantStringMap(B.Object_empty, [], A.findType("ConstantStringMap<String?,String>"));
+    B.LinearChannel_fS8 = new A.LinearChannel(0, 1, false, true, true, "lightness", false, "%");
+    B.LinearChannel_ffI = new A.LinearChannel(-0.4, 0.4, false, false, false, "a", false, null);
+    B.LinearChannel_Y6D = new A.LinearChannel(-0.4, 0.4, false, false, false, "b", false, null);
+    B.List_ZWr = makeConstList([B.LinearChannel_fS8, B.LinearChannel_ffI, B.LinearChannel_Y6D], type$.JSArray_ColorChannel);
+    B.OklabColorSpace_540 = new A.OklabColorSpace("oklab", B.List_ZWr);
+    B.LinearChannel_fS80 = new A.LinearChannel0(0, 1, false, true, true, "lightness", false, "%");
+    B.LinearChannel_ffI0 = new A.LinearChannel0(-0.4, 0.4, false, false, false, "a", false, null);
+    B.LinearChannel_Y6D0 = new A.LinearChannel0(-0.4, 0.4, false, false, false, "b", false, null);
+    B.List_ZWr0 = makeConstList([B.LinearChannel_fS80, B.LinearChannel_ffI0, B.LinearChannel_Y6D0], type$.JSArray_ColorChannel_2);
+    B.OklabColorSpace_5400 = new A.OklabColorSpace0("oklab", B.List_ZWr0);
+    B.LinearChannel_HTj = new A.LinearChannel(0, 0.4, false, true, false, "chroma", false, null);
+    B.List_g5j = makeConstList([B.LinearChannel_fS8, B.LinearChannel_HTj, B.ColorChannel_hue_true_deg], type$.JSArray_ColorChannel);
+    B.OklchColorSpace_9Gj = new A.OklchColorSpace("oklch", B.List_g5j);
+    B.LinearChannel_HTj0 = new A.LinearChannel0(0, 0.4, false, true, false, "chroma", false, null);
+    B.List_g5j0 = makeConstList([B.LinearChannel_fS80, B.LinearChannel_HTj0, B.ColorChannel_hue_true_deg0], type$.JSArray_ColorChannel_2);
+    B.OklchColorSpace_9Gj0 = new A.OklchColorSpace0("oklch", B.List_g5j0);
+    B.OptionType_1Ol = new A.OptionType("OptionType.multiple");
+    B.OptionType_tI9 = new A.OptionType("OptionType.flag");
+    B.OptionType_zZK = new A.OptionType("OptionType.single");
+    B.OutputStyle_0 = new A.OutputStyle("expanded");
+    B.OutputStyle_00 = new A.OutputStyle0("expanded");
+    B.OutputStyle_1 = new A.OutputStyle("compressed");
+    B.OutputStyle_10 = new A.OutputStyle0("compressed");
+    B.ProphotoRgbColorSpace_BDz = new A.ProphotoRgbColorSpace("prophoto-rgb", B.List_U47);
+    B.ProphotoRgbColorSpace_BDz0 = new A.ProphotoRgbColorSpace0("prophoto-rgb", B.List_U470);
+    B.Rec2020ColorSpace_6oo = new A.Rec2020ColorSpace("rec2020", B.List_U47);
+    B.Rec2020ColorSpace_6oo0 = new A.Rec2020ColorSpace0("rec2020", B.List_U470);
+    B.Map_empty20 = new A.ConstantStringMap(B.Object_empty, [], A.findType("ConstantStringMap<SelectorList,Box<SelectorList>>"));
+    B.Record2_EmptyExtensionStore_Map_empty = new A._Record_2(B.C_EmptyExtensionStore, B.Map_empty20);
+    B.Map_empty21 = new A.ConstantStringMap(B.Object_empty, [], A.findType("ConstantStringMap<SelectorList0,Box0<SelectorList0>>"));
+    B.Record2_EmptyExtensionStore_Map_empty0 = new A._Record_2(B.C_EmptyExtensionStore0, B.Map_empty21);
+    B.List_Ds2 = makeConstList([B.LinearChannel_qXC, B.LinearChannel_Z5r, B.LinearChannel_vJ3], type$.JSArray_ColorChannel);
+    B.RgbColorSpace_i0P = new A.RgbColorSpace("rgb", B.List_Ds2);
+    B.List_Ds20 = makeConstList([B.LinearChannel_qXC0, B.LinearChannel_Z5r0, B.LinearChannel_vJ30], type$.JSArray_ColorChannel_2);
+    B.RgbColorSpace_i0P0 = new A.RgbColorSpace0("rgb", B.List_Ds20);
+    B.SassBoolean_false = new A.SassBoolean(false);
+    B.SassBoolean_false0 = new A.SassBoolean0(false);
+    B.SassBoolean_true = new A.SassBoolean(true);
+    B.SassBoolean_true0 = new A.SassBoolean0(true);
+    B.SassList_BlY = new A.SassList(B.List_empty8, B.ListSeparator_qVN, false);
+    B.SassList_BlY0 = new A.SassList0(B.List_empty21, B.ListSeparator_qVN0, false);
+    B.SassList_apG = new A.SassList0(B.List_empty21, B.ListSeparator_undecided_null_undecided0, false);
+    B.SassList_qAD = new A.SassList(B.List_empty8, B.ListSeparator_qVN, true);
+    B.SassList_qAD0 = new A.SassList0(B.List_empty21, B.ListSeparator_qVN0, true);
+    B.Map_empty22 = new A.ConstantStringMap(B.Object_empty, [], A.findType("ConstantStringMap<Value,Value>"));
+    B.SassMap_Map_empty = new A.SassMap(B.Map_empty22);
+    B.Map_empty23 = new A.ConstantStringMap(B.Object_empty, [], A.findType("ConstantStringMap<Value0,Value0>"));
+    B.SassMap_Map_empty0 = new A.SassMap0(B.Map_empty23);
+    B.Object_Tro = {is: 0, matches: 1, where: 2};
+    B.Set_0egh6 = new A.ConstantStringSet(B.Object_Tro, 3, type$.ConstantStringSet_String);
+    B.Object_ssn = {sass: 0, style: 1, default: 2};
+    B.Set_8229z = new A.ConstantStringSet(B.Object_ssn, 3, type$.ConstantStringSet_String);
+    B.Set_9FDyj = new A.GeneralConstantSet([B.RgbColorSpace_i0P, B.HslColorSpace_JQ2], A.findType("GeneralConstantSet<ColorSpace>"));
+    B.Set_9FDyj0 = new A.GeneralConstantSet([B.RgbColorSpace_i0P0, B.HslColorSpace_JQ20], A.findType("GeneralConstantSet<ColorSpace0>"));
+    B.Object_BKa = {".scss": 0, ".sass": 1, ".css": 2};
+    B.Set_FTDN4 = new A.ConstantStringSet(B.Object_BKa, 3, type$.ConstantStringSet_String);
+    B.Object_GR4 = {calc: 0, clamp: 1, hypot: 2, sin: 3, cos: 4, tan: 5, asin: 6, acos: 7, atan: 8, sqrt: 9, exp: 10, sign: 11, mod: 12, rem: 13, atan2: 14, pow: 15, log: 16, "calc-size": 17};
+    B.Set_Pr3yj = new A.ConstantStringSet(B.Object_GR4, 18, type$.ConstantStringSet_String);
+    B.Set_empty2 = new A.ConstantStringSet(B.Object_empty, 0, A.findType("ConstantStringSet<CssMediaQuery>"));
+    B.Set_empty6 = new A.ConstantStringSet(B.Object_empty, 0, A.findType("ConstantStringSet<CssMediaQuery0>"));
+    B.Set_empty3 = new A.ConstantStringSet(B.Object_empty, 0, A.findType("ConstantStringSet<Module0<AsyncCallable>>"));
+    B.Set_empty0 = new A.ConstantStringSet(B.Object_empty, 0, A.findType("ConstantStringSet<Module0<Callable0>>"));
+    B.Set_empty7 = new A.ConstantStringSet(B.Object_empty, 0, A.findType("ConstantStringSet<Module1<AsyncCallable0>>"));
+    B.Set_empty5 = new A.ConstantStringSet(B.Object_empty, 0, A.findType("ConstantStringSet<Module1<Callable>>"));
+    B.Set_empty1 = new A.ConstantStringSet(B.Object_empty, 0, type$.ConstantStringSet_String);
+    B.Set_empty4 = new A.ConstantStringSet(B.Object_empty, 0, A.findType("ConstantStringSet<StylesheetNode>"));
+    B.Set_empty = new A.ConstantStringSet(B.Object_empty, 0, A.findType("ConstantStringSet<Uri>"));
+    B.Set_oQTdo = new A.GeneralConstantSet([B.BinaryOperator_tht, B.BinaryOperator_Mh5, B.BinaryOperator_Swh, B.BinaryOperator_QG1], A.findType("GeneralConstantSet<BinaryOperator>"));
+    B.Set_oQTdo0 = new A.GeneralConstantSet([B.BinaryOperator_tht0, B.BinaryOperator_Mh50, B.BinaryOperator_Swh0, B.BinaryOperator_QG10], A.findType("GeneralConstantSet<BinaryOperator0>"));
+    B.SrgbColorSpace_thf = new A.SrgbColorSpace("srgb", B.List_U47);
+    B.SrgbColorSpace_thf0 = new A.SrgbColorSpace0("srgb", B.List_U470);
+    B.SrgbLinearColorSpace_kUj = new A.SrgbLinearColorSpace("srgb-linear", B.List_U47);
+    B.SrgbLinearColorSpace_kUj0 = new A.SrgbLinearColorSpace0("srgb-linear", B.List_U470);
+    B.StderrLogger_false = new A.StderrLogger(false);
+    B.StderrLogger_false0 = new A.StderrLogger0(false);
+    B.Symbol__canonicalizeContext = new A.Symbol("_canonicalizeContext");
+    B.Symbol__evaluationContext = new A.Symbol("_evaluationContext");
+    B.Symbol__extensions = new A.Symbol("_extensions");
+    B.Symbol__sourceSpecificity = new A.Symbol("_sourceSpecificity");
+    B.Symbol_call = new A.Symbol("call");
+    B.Syntax_CSS_css = new A.Syntax("CSS", "css");
+    B.Syntax_CSS_css0 = new A.Syntax0("CSS", "css");
+    B.Syntax_SCSS_scss = new A.Syntax("SCSS", "scss");
+    B.Syntax_SCSS_scss0 = new A.Syntax0("SCSS", "scss");
+    B.Syntax_Sass_sass = new A.Syntax("Sass", "sass");
+    B.Syntax_Sass_sass0 = new A.Syntax0("Sass", "sass");
+    B.Type_ByteBuffer_rqD = A.typeLiteral("ByteBuffer");
+    B.Type_ByteData_9dB = A.typeLiteral("ByteData");
+    B.Type_Float32List_9Kz = A.typeLiteral("Float32List");
+    B.Type_Float64List_9Kz = A.typeLiteral("Float64List");
+    B.Type_Int16List_s5h = A.typeLiteral("Int16List");
+    B.Type_Int32List_O8Z = A.typeLiteral("Int32List");
+    B.Type_Int8List_rFV = A.typeLiteral("Int8List");
+    B.Type_Object_A4p = A.typeLiteral("Object");
+    B.Type_Uint16List_kmP = A.typeLiteral("Uint16List");
+    B.Type_Uint32List_kmP = A.typeLiteral("Uint32List");
+    B.Type_Uint8ClampedList_04U = A.typeLiteral("Uint8ClampedList");
+    B.Type_Uint8List_8Eb = A.typeLiteral("Uint8List");
+    B.UnaryOperator_Rbl = new A.UnaryOperator("plus", "+", "plus");
+    B.UnaryOperator_Rbl0 = new A.UnaryOperator0("plus", "+", "plus");
+    B.UnaryOperator_UCP = new A.UnaryOperator("minus", "-", "minus");
+    B.UnaryOperator_UCP0 = new A.UnaryOperator0("minus", "-", "minus");
+    B.UnaryOperator_lZV = new A.UnaryOperator("divide", "/", "divide");
+    B.UnaryOperator_lZV0 = new A.UnaryOperator0("divide", "/", "divide");
+    B.UnaryOperator_not_not_not = new A.UnaryOperator("not", "not", "not");
+    B.UnaryOperator_not_not_not0 = new A.UnaryOperator0("not", "not", "not");
+    B.Utf8Decoder_false = new A.Utf8Decoder(false);
+    B.LinearChannel_LYw = new A.LinearChannel(0, 1, false, false, false, "x", false, null);
+    B.LinearChannel_eR7 = new A.LinearChannel(0, 1, false, false, false, "y", false, null);
+    B.LinearChannel_gZl = new A.LinearChannel(0, 1, false, false, false, "z", false, null);
+    B.List_QRs = makeConstList([B.LinearChannel_LYw, B.LinearChannel_eR7, B.LinearChannel_gZl], type$.JSArray_LinearChannel);
+    B.XyzD50ColorSpace_2OB = new A.XyzD50ColorSpace("xyz-d50", B.List_QRs);
+    B.LinearChannel_LYw0 = new A.LinearChannel0(0, 1, false, false, false, "x", false, null);
+    B.LinearChannel_eR70 = new A.LinearChannel0(0, 1, false, false, false, "y", false, null);
+    B.LinearChannel_gZl0 = new A.LinearChannel0(0, 1, false, false, false, "z", false, null);
+    B.List_QRs0 = makeConstList([B.LinearChannel_LYw0, B.LinearChannel_eR70, B.LinearChannel_gZl0], type$.JSArray_LinearChannel_2);
+    B.XyzD50ColorSpace_2OB0 = new A.XyzD50ColorSpace0("xyz-d50", B.List_QRs0);
+    B.XyzD65ColorSpace_WiJ = new A.XyzD65ColorSpace("xyz", B.List_QRs);
+    B.XyzD65ColorSpace_WiJ0 = new A.XyzD65ColorSpace0("xyz", B.List_QRs0);
+    B._IsBogusVisitor_false = new A._IsBogusVisitor(false);
+    B._IsBogusVisitor_false0 = new A._IsBogusVisitor0(false);
+    B._IsBogusVisitor_true = new A._IsBogusVisitor(true);
+    B._IsBogusVisitor_true0 = new A._IsBogusVisitor0(true);
+    B._IsInvisibleVisitor_false = new A._IsInvisibleVisitor0(false);
+    B._IsInvisibleVisitor_false0 = new A._IsInvisibleVisitor2(false);
+    B._IsInvisibleVisitor_false_false = new A._IsInvisibleVisitor(false, false);
+    B._IsInvisibleVisitor_false_false0 = new A._IsInvisibleVisitor1(false, false);
+    B._IsInvisibleVisitor_true = new A._IsInvisibleVisitor0(true);
+    B._IsInvisibleVisitor_true0 = new A._IsInvisibleVisitor2(true);
+    B._IsInvisibleVisitor_true_false = new A._IsInvisibleVisitor(true, false);
+    B._IsInvisibleVisitor_true_false0 = new A._IsInvisibleVisitor1(true, false);
+    B._IsInvisibleVisitor_true_true = new A._IsInvisibleVisitor(true, true);
+    B._IsInvisibleVisitor_true_true0 = new A._IsInvisibleVisitor1(true, true);
+    B._PathDirection_6kc = new A._PathDirection("reaches root");
+    B._PathDirection_Wme = new A._PathDirection("below root");
+    B._PathDirection_dMN = new A._PathDirection("at root");
+    B._PathDirection_vgO = new A._PathDirection("above root");
+    B._PathRelation_different = new A._PathRelation("different");
+    B._PathRelation_equal = new A._PathRelation("equal");
+    B._PathRelation_inconclusive = new A._PathRelation("inconclusive");
+    B._PathRelation_within = new A._PathRelation("within");
+    B._SingletonCssMediaQueryMergeResult_0 = new A._SingletonCssMediaQueryMergeResult("empty");
+    B._SingletonCssMediaQueryMergeResult_00 = new A._SingletonCssMediaQueryMergeResult0("empty");
+    B._SingletonCssMediaQueryMergeResult_1 = new A._SingletonCssMediaQueryMergeResult("unrepresentable");
+    B._SingletonCssMediaQueryMergeResult_10 = new A._SingletonCssMediaQueryMergeResult0("unrepresentable");
+    B._StreamGroupState_canceled = new A._StreamGroupState("canceled");
+    B._StreamGroupState_dormant = new A._StreamGroupState("dormant");
+    B._StreamGroupState_listening = new A._StreamGroupState("listening");
+    B._StreamGroupState_paused = new A._StreamGroupState("paused");
+    B._StringStackTrace_OdL = new A._StringStackTrace("");
+    B._ZoneFunction_KjJ = new A._ZoneFunction(B.C__RootZone, A.async___rootHandleUncaughtError$closure());
+    B._ZoneFunction_PAY = new A._ZoneFunction(B.C__RootZone, A.async___rootCreatePeriodicTimer$closure());
+    B._ZoneFunction_Xkh = new A._ZoneFunction(B.C__RootZone, A.async___rootRegisterUnaryCallback$closure());
+    B._ZoneFunction__RootZone__rootCreateTimer = new A._ZoneFunction(B.C__RootZone, A.async___rootCreateTimer$closure());
+    B._ZoneFunction__RootZone__rootErrorCallback = new A._ZoneFunction(B.C__RootZone, A.async___rootErrorCallback$closure());
+    B._ZoneFunction__RootZone__rootFork = new A._ZoneFunction(B.C__RootZone, A.async___rootFork$closure());
+    B._ZoneFunction__RootZone__rootPrint = new A._ZoneFunction(B.C__RootZone, A.async___rootPrint$closure());
+    B._ZoneFunction__RootZone__rootRegisterCallback = new A._ZoneFunction(B.C__RootZone, A.async___rootRegisterCallback$closure());
+    B._ZoneFunction__RootZone__rootRun = new A._ZoneFunction(B.C__RootZone, A.async___rootRun$closure());
+    B._ZoneFunction__RootZone__rootRunBinary = new A._ZoneFunction(B.C__RootZone, A.async___rootRunBinary$closure());
+    B._ZoneFunction__RootZone__rootRunUnary = new A._ZoneFunction(B.C__RootZone, A.async___rootRunUnary$closure());
+    B._ZoneFunction__RootZone__rootScheduleMicrotask = new A._ZoneFunction(B.C__RootZone, A.async___rootScheduleMicrotask$closure());
+    B._ZoneFunction_e9o = new A._ZoneFunction(B.C__RootZone, A.async___rootRegisterBinaryCallback$closure());
+    B._ZoneSpecification_Ipa = new A._ZoneSpecification(null, null, null, null, null, null, null, null, null, null, null, null, null);
+  })();
+  (function staticFields() {
+    $._JS_INTEROP_INTERCEPTOR_TAG = null;
+    $.toStringVisiting = A._setArrayType([], type$.JSArray_Object);
+    $.printToZone = null;
+    $.Primitives__identityHashCodeProperty = null;
+    $.BoundClosure__receiverFieldNameCache = null;
+    $.BoundClosure__interceptorFieldNameCache = null;
+    $.getTagFunction = null;
+    $.alternateTagFunction = null;
+    $.prototypeForTagFunction = null;
+    $.dispatchRecordsForInstanceTags = null;
+    $.interceptorsForUncacheableTags = null;
+    $.initNativeDispatchFlag = null;
+    $._Record__computedFieldKeys = A._setArrayType([], A.findType("JSArray<List<Object>?>"));
+    $._nextCallback = null;
+    $._lastCallback = null;
+    $._lastPriorityCallback = null;
+    $._isInCallbackLoop = false;
+    $.Zone__current = B.C__RootZone;
+    $._RootZone__rootDelegate = null;
+    $.Uri__cachedBaseString = "";
+    $.Uri__cachedBaseUri = null;
+    $._fs = null;
+    $._currentUriBase = null;
+    $._current = null;
+    $._subselectorPseudos = A.LinkedHashSet_LinkedHashSet$_literal(["is", "matches", "where", "any", "nth-child", "nth-last-child"], type$.String);
+    $._rootishPseudoClasses = A.LinkedHashSet_LinkedHashSet$_literal(["root", "scope", "host", "host-context"], type$.String);
+    $._features = A.LinkedHashSet_LinkedHashSet$_literal(["global-variable-shadowing", "extend-selector-pseudoclass", "units-level-3", "at-error", "custom-property"], type$.String);
+    $._realCaseCache = function() {
+      var t1 = type$.String;
+      return A.LinkedHashMap_LinkedHashMap$_empty(t1, t1);
+    }();
+    $._selectorPseudoClasses = A.LinkedHashSet_LinkedHashSet$_literal(["not", "is", "matches", "where", "current", "any", "has", "host", "host-context"], type$.String);
+    $._selectorPseudoElements = A.LinkedHashSet_LinkedHashSet$_literal(["slotted"], type$.String);
+    $._glyphs = B.C_UnicodeGlyphSet;
+    $._rootishPseudoClasses0 = A.LinkedHashSet_LinkedHashSet$_literal(["root", "scope", "host", "host-context"], type$.String);
+    $._realCaseCache0 = function() {
+      var t1 = type$.String;
+      return A.LinkedHashMap_LinkedHashMap$_empty(t1, t1);
+    }();
+    $._features0 = A.LinkedHashSet_LinkedHashSet$_literal(["global-variable-shadowing", "extend-selector-pseudoclass", "units-level-3", "at-error", "custom-property"], type$.String);
+    $._selectorPseudoClasses0 = A.LinkedHashSet_LinkedHashSet$_literal(["not", "is", "matches", "where", "current", "any", "has", "host", "host-context"], type$.String);
+    $._selectorPseudoElements0 = A.LinkedHashSet_LinkedHashSet$_literal(["slotted"], type$.String);
+    $._subselectorPseudos0 = A.LinkedHashSet_LinkedHashSet$_literal(["is", "matches", "where", "any", "nth-child", "nth-last-child"], type$.String);
+  })();
+  (function lazyInitializers() {
+    var _lazyFinal = hunkHelpers.lazyFinal,
+      _lazy = hunkHelpers.lazy;
+    _lazyFinal($, "DART_CLOSURE_PROPERTY_NAME", "$get$DART_CLOSURE_PROPERTY_NAME", () => A.getIsolateAffinityTag("_$dart_dartClosure"));
+    _lazyFinal($, "nullFuture", "$get$nullFuture", () => B.C__RootZone.run$1$1(0, new A.nullFuture_closure(), A.findType("Future<~>")));
+    _lazyFinal($, "_safeToStringHooks", "$get$_safeToStringHooks", () => A._setArrayType([new J.JSArraySafeToStringHook()], A.findType("JSArray<SafeToStringHook>")));
+    _lazyFinal($, "TypeErrorDecoder_noSuchMethodPattern", "$get$TypeErrorDecoder_noSuchMethodPattern", () => A.TypeErrorDecoder_extractPattern(A.TypeErrorDecoder_provokeCallErrorOn({
+      toString: function() {
+        return "$receiver$";
+      }
+    })));
+    _lazyFinal($, "TypeErrorDecoder_notClosurePattern", "$get$TypeErrorDecoder_notClosurePattern", () => A.TypeErrorDecoder_extractPattern(A.TypeErrorDecoder_provokeCallErrorOn({$method$: null,
+      toString: function() {
+        return "$receiver$";
+      }
+    })));
+    _lazyFinal($, "TypeErrorDecoder_nullCallPattern", "$get$TypeErrorDecoder_nullCallPattern", () => A.TypeErrorDecoder_extractPattern(A.TypeErrorDecoder_provokeCallErrorOn(null)));
+    _lazyFinal($, "TypeErrorDecoder_nullLiteralCallPattern", "$get$TypeErrorDecoder_nullLiteralCallPattern", () => A.TypeErrorDecoder_extractPattern(function() {
+      var $argumentsExpr$ = "$arguments$";
+      try {
+        null.$method$($argumentsExpr$);
+      } catch (e) {
+        return e.message;
+      }
+    }()));
+    _lazyFinal($, "TypeErrorDecoder_undefinedCallPattern", "$get$TypeErrorDecoder_undefinedCallPattern", () => A.TypeErrorDecoder_extractPattern(A.TypeErrorDecoder_provokeCallErrorOn(void 0)));
+    _lazyFinal($, "TypeErrorDecoder_undefinedLiteralCallPattern", "$get$TypeErrorDecoder_undefinedLiteralCallPattern", () => A.TypeErrorDecoder_extractPattern(function() {
+      var $argumentsExpr$ = "$arguments$";
+      try {
+        (void 0).$method$($argumentsExpr$);
+      } catch (e) {
+        return e.message;
+      }
+    }()));
+    _lazyFinal($, "TypeErrorDecoder_nullPropertyPattern", "$get$TypeErrorDecoder_nullPropertyPattern", () => A.TypeErrorDecoder_extractPattern(A.TypeErrorDecoder_provokePropertyErrorOn(null)));
+    _lazyFinal($, "TypeErrorDecoder_nullLiteralPropertyPattern", "$get$TypeErrorDecoder_nullLiteralPropertyPattern", () => A.TypeErrorDecoder_extractPattern(function() {
+      try {
+        null.$method$;
+      } catch (e) {
+        return e.message;
+      }
+    }()));
+    _lazyFinal($, "TypeErrorDecoder_undefinedPropertyPattern", "$get$TypeErrorDecoder_undefinedPropertyPattern", () => A.TypeErrorDecoder_extractPattern(A.TypeErrorDecoder_provokePropertyErrorOn(void 0)));
+    _lazyFinal($, "TypeErrorDecoder_undefinedLiteralPropertyPattern", "$get$TypeErrorDecoder_undefinedLiteralPropertyPattern", () => A.TypeErrorDecoder_extractPattern(function() {
+      try {
+        (void 0).$method$;
+      } catch (e) {
+        return e.message;
+      }
+    }()));
+    _lazyFinal($, "_AsyncRun__scheduleImmediateClosure", "$get$_AsyncRun__scheduleImmediateClosure", () => A._AsyncRun__initializeScheduleImmediate());
+    _lazyFinal($, "Future__nullFuture", "$get$Future__nullFuture", () => $.$get$nullFuture());
+    _lazyFinal($, "Future__falseFuture", "$get$Future__falseFuture", () => A._Future$zoneValue(false, B.C__RootZone, type$.bool));
+    _lazyFinal($, "_RootZone__rootMap", "$get$_RootZone__rootMap", () => {
+      var t1 = type$.dynamic;
+      return A.HashMap_HashMap(t1, t1);
+    });
+    _lazyFinal($, "_Utf8Decoder__reusableBuffer", "$get$_Utf8Decoder__reusableBuffer", () => A.NativeUint8List_NativeUint8List(4096));
+    _lazyFinal($, "_Utf8Decoder__decoder", "$get$_Utf8Decoder__decoder", () => new A._Utf8Decoder__decoder_closure().call$0());
+    _lazyFinal($, "_Utf8Decoder__decoderNonfatal", "$get$_Utf8Decoder__decoderNonfatal", () => new A._Utf8Decoder__decoderNonfatal_closure().call$0());
+    _lazyFinal($, "_Base64Decoder__inverseAlphabet", "$get$_Base64Decoder__inverseAlphabet", () => A.NativeInt8List__create1(A._ensureNativeList(A._setArrayType([-2, -2, -2, -2, -2, -2, -2, -2, -2, -2, -2, -2, -2, -2, -2, -2, -2, -2, -2, -2, -2, -2, -2, -2, -2, -2, -2, -2, -2, -2, -2, -2, -2, -2, -2, -2, -2, -1, -2, -2, -2, -2, -2, 62, -2, 62, -2, 63, 52, 53, 54, 55, 56, 57, 58, 59, 60, 61, -2, -2, -2, -1, -2, -2, -2, 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24, 25, -2, -2, -2, -2, 63, -2, 26, 27, 28, 29, 30, 31, 32, 33, 34, 35, 36, 37, 38, 39, 40, 41, 42, 43, 44, 45, 46, 47, 48, 49, 50, 51, -2, -2, -2, -2, -2], type$.JSArray_int))));
+    _lazyFinal($, "_Uri__isWindowsCached", "$get$_Uri__isWindowsCached", () => {
+      var t1 = typeof process != "undefined" && Object.prototype.toString.call(process) == "[object process]" && process.platform == "win32";
+      return t1;
+    });
+    _lazyFinal($, "_Uri__needsNoEncoding", "$get$_Uri__needsNoEncoding", () => A.RegExp_RegExp("^[\\-\\.0-9A-Z_a-z~]*$", false));
+    _lazyFinal($, "_hashSeed", "$get$_hashSeed", () => A.objectHashCode(B.Type_Object_A4p));
+    _lazyFinal($, "Option__invalidChars", "$get$Option__invalidChars", () => A.RegExp_RegExp("[ \\t\\r\\n\"'\\\\/]", false));
+    _lazyFinal($, "_isStrictMode", "$get$_isStrictMode", () => new A._isStrictMode_closure().call$0());
+    _lazyFinal($, "alwaysValid", "$get$alwaysValid", () => new A.alwaysValid_closure());
+    _lazyFinal($, "readline", "$get$readline", () => self.readline);
+    _lazyFinal($, "windows", "$get$windows", () => A.Context_Context($.$get$Style_windows()));
+    _lazyFinal($, "url", "$get$url", () => A.Context_Context($.$get$Style_url()));
+    _lazyFinal($, "context", "$get$context", () => new A.Context($.$get$Style_platform(), null));
+    _lazyFinal($, "Style_posix", "$get$Style_posix", () => new A.PosixStyle(A.RegExp_RegExp("/", false), A.RegExp_RegExp("[^/]$", false), A.RegExp_RegExp("^/", false)));
+    _lazyFinal($, "Style_windows", "$get$Style_windows", () => new A.WindowsStyle(A.RegExp_RegExp("[/\\\\]", false), A.RegExp_RegExp("[^/\\\\]$", false), A.RegExp_RegExp("^(\\\\\\\\[^\\\\]+\\\\[^\\\\/]+|[a-zA-Z]:[/\\\\])", false), A.RegExp_RegExp("^[/\\\\](?![/\\\\])", false)));
+    _lazyFinal($, "Style_url", "$get$Style_url", () => new A.UrlStyle(A.RegExp_RegExp("/", false), A.RegExp_RegExp("(^[a-zA-Z][-+.a-zA-Z\\d]*://|[^/])$", false), A.RegExp_RegExp("[a-zA-Z][-+.a-zA-Z\\d]*://[^/]*", false), A.RegExp_RegExp("^/", false)));
+    _lazyFinal($, "Style_platform", "$get$Style_platform", () => A.Style__getPlatformStyle());
+    _lazyFinal($, "startVersion", "$get$startVersion", () => A.RegExp_RegExp("^(\\d+)\\.(\\d+)\\.(\\d+)(-([0-9A-Za-z-]+(\\.[0-9A-Za-z-]+)*))?(\\+([0-9A-Za-z-]+(\\.[0-9A-Za-z-]+)*))?", false));
+    _lazyFinal($, "completeVersion", "$get$completeVersion", () => A.RegExp_RegExp($.$get$startVersion().pattern + "$", false));
+    _lazyFinal($, "IfExpression_declaration", "$get$IfExpression_declaration", () => A.ParameterList_ParameterList$parse(string$.x40funct, null));
+    _lazyFinal($, "colorsByName", "$get$colorsByName", () => A.LinkedHashMap_LinkedHashMap$_literal(["yellowgreen", A.SassColor_SassColor$rgb(154, 205, 50, 1), "yellow", A.SassColor_SassColor$rgb(255, 255, 0, 1), "whitesmoke", A.SassColor_SassColor$rgb(245, 245, 245, 1), "white", A.SassColor_SassColor$rgb(255, 255, 255, 1), "wheat", A.SassColor_SassColor$rgb(245, 222, 179, 1), "violet", A.SassColor_SassColor$rgb(238, 130, 238, 1), "turquoise", A.SassColor_SassColor$rgb(64, 224, 208, 1), "transparent", A.SassColor_SassColor$rgb(0, 0, 0, 0), "tomato", A.SassColor_SassColor$rgb(255, 99, 71, 1), "thistle", A.SassColor_SassColor$rgb(216, 191, 216, 1), "teal", A.SassColor_SassColor$rgb(0, 128, 128, 1), "tan", A.SassColor_SassColor$rgb(210, 180, 140, 1), "steelblue", A.SassColor_SassColor$rgb(70, 130, 180, 1), "springgreen", A.SassColor_SassColor$rgb(0, 255, 127, 1), "snow", A.SassColor_SassColor$rgb(255, 250, 250, 1), "slategrey", A.SassColor_SassColor$rgb(112, 128, 144, 1), "slategray", A.SassColor_SassColor$rgb(112, 128, 144, 1), "slateblue", A.SassColor_SassColor$rgb(106, 90, 205, 1), "skyblue", A.SassColor_SassColor$rgb(135, 206, 235, 1), "silver", A.SassColor_SassColor$rgb(192, 192, 192, 1), "sienna", A.SassColor_SassColor$rgb(160, 82, 45, 1), "seashell", A.SassColor_SassColor$rgb(255, 245, 238, 1), "seagreen", A.SassColor_SassColor$rgb(46, 139, 87, 1), "sandybrown", A.SassColor_SassColor$rgb(244, 164, 96, 1), "salmon", A.SassColor_SassColor$rgb(250, 128, 114, 1), "saddlebrown", A.SassColor_SassColor$rgb(139, 69, 19, 1), "royalblue", A.SassColor_SassColor$rgb(65, 105, 225, 1), "rosybrown", A.SassColor_SassColor$rgb(188, 143, 143, 1), "red", A.SassColor_SassColor$rgb(255, 0, 0, 1), "rebeccapurple", A.SassColor_SassColor$rgb(102, 51, 153, 1), "purple", A.SassColor_SassColor$rgb(128, 0, 128, 1), "powderblue", A.SassColor_SassColor$rgb(176, 224, 230, 1), "plum", A.SassColor_SassColor$rgb(221, 160, 221, 1), "pink", A.SassColor_SassColor$rgb(255, 192, 203, 1), "peru", A.SassColor_SassColor$rgb(205, 133, 63, 1), "peachpuff", A.SassColor_SassColor$rgb(255, 218, 185, 1), "papayawhip", A.SassColor_SassColor$rgb(255, 239, 213, 1), "palevioletred", A.SassColor_SassColor$rgb(219, 112, 147, 1), "paleturquoise", A.SassColor_SassColor$rgb(175, 238, 238, 1), "palegreen", A.SassColor_SassColor$rgb(152, 251, 152, 1), "palegoldenrod", A.SassColor_SassColor$rgb(238, 232, 170, 1), "orchid", A.SassColor_SassColor$rgb(218, 112, 214, 1), "orangered", A.SassColor_SassColor$rgb(255, 69, 0, 1), "orange", A.SassColor_SassColor$rgb(255, 165, 0, 1), "olivedrab", A.SassColor_SassColor$rgb(107, 142, 35, 1), "olive", A.SassColor_SassColor$rgb(128, 128, 0, 1), "oldlace", A.SassColor_SassColor$rgb(253, 245, 230, 1), "navy", A.SassColor_SassColor$rgb(0, 0, 128, 1), "navajowhite", A.SassColor_SassColor$rgb(255, 222, 173, 1), "moccasin", A.SassColor_SassColor$rgb(255, 228, 181, 1), "mistyrose", A.SassColor_SassColor$rgb(255, 228, 225, 1), "mintcream", A.SassColor_SassColor$rgb(245, 255, 250, 1), "midnightblue", A.SassColor_SassColor$rgb(25, 25, 112, 1), "mediumvioletred", A.SassColor_SassColor$rgb(199, 21, 133, 1), "mediumturquoise", A.SassColor_SassColor$rgb(72, 209, 204, 1), "mediumspringgreen", A.SassColor_SassColor$rgb(0, 250, 154, 1), "mediumslateblue", A.SassColor_SassColor$rgb(123, 104, 238, 1), "mediumseagreen", A.SassColor_SassColor$rgb(60, 179, 113, 1), "mediumpurple", A.SassColor_SassColor$rgb(147, 112, 219, 1), "mediumorchid", A.SassColor_SassColor$rgb(186, 85, 211, 1), "mediumblue", A.SassColor_SassColor$rgb(0, 0, 205, 1), "mediumaquamarine", A.SassColor_SassColor$rgb(102, 205, 170, 1), "maroon", A.SassColor_SassColor$rgb(128, 0, 0, 1), "magenta", A.SassColor_SassColor$rgb(255, 0, 255, 1), "linen", A.SassColor_SassColor$rgb(250, 240, 230, 1), "limegreen", A.SassColor_SassColor$rgb(50, 205, 50, 1), "lime", A.SassColor_SassColor$rgb(0, 255, 0, 1), "lightyellow", A.SassColor_SassColor$rgb(255, 255, 224, 1), "lightsteelblue", A.SassColor_SassColor$rgb(176, 196, 222, 1), "lightslategrey", A.SassColor_SassColor$rgb(119, 136, 153, 1), "lightslategray", A.SassColor_SassColor$rgb(119, 136, 153, 1), "lightskyblue", A.SassColor_SassColor$rgb(135, 206, 250, 1), "lightseagreen", A.SassColor_SassColor$rgb(32, 178, 170, 1), "lightsalmon", A.SassColor_SassColor$rgb(255, 160, 122, 1), "lightpink", A.SassColor_SassColor$rgb(255, 182, 193, 1), "lightgrey", A.SassColor_SassColor$rgb(211, 211, 211, 1), "lightgreen", A.SassColor_SassColor$rgb(144, 238, 144, 1), "lightgray", A.SassColor_SassColor$rgb(211, 211, 211, 1), "lightgoldenrodyellow", A.SassColor_SassColor$rgb(250, 250, 210, 1), "lightcyan", A.SassColor_SassColor$rgb(224, 255, 255, 1), "lightcoral", A.SassColor_SassColor$rgb(240, 128, 128, 1), "lightblue", A.SassColor_SassColor$rgb(173, 216, 230, 1), "lemonchiffon", A.SassColor_SassColor$rgb(255, 250, 205, 1), "lawngreen", A.SassColor_SassColor$rgb(124, 252, 0, 1), "lavenderblush", A.SassColor_SassColor$rgb(255, 240, 245, 1), "lavender", A.SassColor_SassColor$rgb(230, 230, 250, 1), "khaki", A.SassColor_SassColor$rgb(240, 230, 140, 1), "ivory", A.SassColor_SassColor$rgb(255, 255, 240, 1), "indigo", A.SassColor_SassColor$rgb(75, 0, 130, 1), "indianred", A.SassColor_SassColor$rgb(205, 92, 92, 1), "hotpink", A.SassColor_SassColor$rgb(255, 105, 180, 1), "honeydew", A.SassColor_SassColor$rgb(240, 255, 240, 1), "grey", A.SassColor_SassColor$rgb(128, 128, 128, 1), "greenyellow", A.SassColor_SassColor$rgb(173, 255, 47, 1), "green", A.SassColor_SassColor$rgb(0, 128, 0, 1), "gray", A.SassColor_SassColor$rgb(128, 128, 128, 1), "goldenrod", A.SassColor_SassColor$rgb(218, 165, 32, 1), "gold", A.SassColor_SassColor$rgb(255, 215, 0, 1), "ghostwhite", A.SassColor_SassColor$rgb(248, 248, 255, 1), "gainsboro", A.SassColor_SassColor$rgb(220, 220, 220, 1), "fuchsia", A.SassColor_SassColor$rgb(255, 0, 255, 1), "forestgreen", A.SassColor_SassColor$rgb(34, 139, 34, 1), "floralwhite", A.SassColor_SassColor$rgb(255, 250, 240, 1), "firebrick", A.SassColor_SassColor$rgb(178, 34, 34, 1), "dodgerblue", A.SassColor_SassColor$rgb(30, 144, 255, 1), "dimgrey", A.SassColor_SassColor$rgb(105, 105, 105, 1), "dimgray", A.SassColor_SassColor$rgb(105, 105, 105, 1), "deepskyblue", A.SassColor_SassColor$rgb(0, 191, 255, 1), "deeppink", A.SassColor_SassColor$rgb(255, 20, 147, 1), "darkviolet", A.SassColor_SassColor$rgb(148, 0, 211, 1), "darkturquoise", A.SassColor_SassColor$rgb(0, 206, 209, 1), "darkslategrey", A.SassColor_SassColor$rgb(47, 79, 79, 1), "darkslategray", A.SassColor_SassColor$rgb(47, 79, 79, 1), "darkslateblue", A.SassColor_SassColor$rgb(72, 61, 139, 1), "darkseagreen", A.SassColor_SassColor$rgb(143, 188, 143, 1), "darksalmon", A.SassColor_SassColor$rgb(233, 150, 122, 1), "darkred", A.SassColor_SassColor$rgb(139, 0, 0, 1), "darkorchid", A.SassColor_SassColor$rgb(153, 50, 204, 1), "darkorange", A.SassColor_SassColor$rgb(255, 140, 0, 1), "darkolivegreen", A.SassColor_SassColor$rgb(85, 107, 47, 1), "darkmagenta", A.SassColor_SassColor$rgb(139, 0, 139, 1), "darkkhaki", A.SassColor_SassColor$rgb(189, 183, 107, 1), "darkgrey", A.SassColor_SassColor$rgb(169, 169, 169, 1), "darkgreen", A.SassColor_SassColor$rgb(0, 100, 0, 1), "darkgray", A.SassColor_SassColor$rgb(169, 169, 169, 1), "darkgoldenrod", A.SassColor_SassColor$rgb(184, 134, 11, 1), "darkcyan", A.SassColor_SassColor$rgb(0, 139, 139, 1), "darkblue", A.SassColor_SassColor$rgb(0, 0, 139, 1), "cyan", A.SassColor_SassColor$rgb(0, 255, 255, 1), "crimson", A.SassColor_SassColor$rgb(220, 20, 60, 1), "cornsilk", A.SassColor_SassColor$rgb(255, 248, 220, 1), "cornflowerblue", A.SassColor_SassColor$rgb(100, 149, 237, 1), "coral", A.SassColor_SassColor$rgb(255, 127, 80, 1), "chocolate", A.SassColor_SassColor$rgb(210, 105, 30, 1), "chartreuse", A.SassColor_SassColor$rgb(127, 255, 0, 1), "cadetblue", A.SassColor_SassColor$rgb(95, 158, 160, 1), "burlywood", A.SassColor_SassColor$rgb(222, 184, 135, 1), "brown", A.SassColor_SassColor$rgb(165, 42, 42, 1), "blueviolet", A.SassColor_SassColor$rgb(138, 43, 226, 1), "blue", A.SassColor_SassColor$rgb(0, 0, 255, 1), "blanchedalmond", A.SassColor_SassColor$rgb(255, 235, 205, 1), "black", A.SassColor_SassColor$rgb(0, 0, 0, 1), "bisque", A.SassColor_SassColor$rgb(255, 228, 196, 1), "beige", A.SassColor_SassColor$rgb(245, 245, 220, 1), "azure", A.SassColor_SassColor$rgb(240, 255, 255, 1), "aquamarine", A.SassColor_SassColor$rgb(127, 255, 212, 1), "aqua", A.SassColor_SassColor$rgb(0, 255, 255, 1), "antiquewhite", A.SassColor_SassColor$rgb(250, 235, 215, 1), "aliceblue", A.SassColor_SassColor$rgb(240, 248, 255, 1)], type$.String, type$.SassColor));
+    _lazyFinal($, "namesByColor", "$get$namesByColor", () => {
+      var $name,
+        t1 = type$.SassColor,
+        t2 = type$.String,
+        t3 = A.LinkedHashMap_LinkedHashMap$_empty(t1, t2);
+      for (t1 = A.MapExtensions_get_pairs($.$get$colorsByName(), t2, t1), t1 = t1.get$iterator(t1); t1.moveNext$0();) {
+        t2 = t1.get$current(t1);
+        $name = t2._0;
+        t3.$indexSet(0, t2._1, $name);
+      }
+      return t3;
+    });
+    _lazyFinal($, "ExecutableOptions__separatorBar", "$get$ExecutableOptions__separatorBar", () => A.isWindows() ? "=" : "\u2501");
+    _lazyFinal($, "ExecutableOptions__parser", "$get$ExecutableOptions__parser", () => new A.ExecutableOptions__parser_closure().call$0());
+    _lazyFinal($, "globalFunctions", "$get$globalFunctions", () => {
+      var t1 = type$.BuiltInCallable,
+        t2 = A.List_List$of($.$get$global(), true, t1);
+      B.JSArray_methods.addAll$1(t2, $.$get$global0());
+      B.JSArray_methods.addAll$1(t2, $.$get$global1());
+      B.JSArray_methods.addAll$1(t2, $.$get$global2());
+      B.JSArray_methods.addAll$1(t2, $.$get$global3());
+      B.JSArray_methods.addAll$1(t2, $.$get$global4());
+      B.JSArray_methods.addAll$1(t2, $.$get$global5());
+      t2.push(A.BuiltInCallable$function("if", "$condition, $if-true, $if-false", new A.globalFunctions_closure(), null));
+      return A.UnmodifiableListView$(t2, t1);
+    });
+    _lazyFinal($, "coreModules", "$get$coreModules", () => A.UnmodifiableListView$(A._setArrayType([$.$get$module(), $.$get$module0(), $.$get$module1(), $.$get$module2(), $.$get$module3(), $.$get$module4()], A.findType("JSArray<BuiltInModule<Callable0>>")), type$.BuiltInModule_Callable));
+    _lazyFinal($, "_microsoftFilterStart", "$get$_microsoftFilterStart", () => A.RegExp_RegExp("^[a-zA-Z]+\\s*=", false));
+    _lazyFinal($, "global", "$get$global", () => {
+      var _s5_ = "color",
+        _s27_ = "$red, $green, $blue, $alpha",
+        _s19_ = "$red, $green, $blue",
+        _s9_ = "$channels",
+        _s37_ = "$hue, $saturation, $lightness, $alpha",
+        _s29_ = "$hue, $saturation, $lightness",
+        _s17_ = "$hue, $saturation",
+        _s6_ = "adjust",
+        _s15_ = "$color, $amount",
+        t1 = type$.String,
+        t2 = type$.Value_Function_List_Value;
+      return A.UnmodifiableListView$(A._setArrayType([A._channelFunction("red", B.RgbColorSpace_i0P, new A.global_closure0(), true, null).withDeprecationWarning$1(_s5_), A._channelFunction("green", B.RgbColorSpace_i0P, new A.global_closure1(), true, null).withDeprecationWarning$1(_s5_), A._channelFunction("blue", B.RgbColorSpace_i0P, new A.global_closure2(), true, null).withDeprecationWarning$1(_s5_), $.$get$_mix().withDeprecationWarning$1(_s5_), A.BuiltInCallable$overloadedFunction("rgb", A.LinkedHashMap_LinkedHashMap$_literal([_s27_, new A.global_closure3(), _s19_, new A.global_closure4(), "$color, $alpha", new A.global_closure5(), "$channels", new A.global_closure6()], t1, t2)), A.BuiltInCallable$overloadedFunction("rgba", A.LinkedHashMap_LinkedHashMap$_literal([_s27_, new A.global_closure7(), _s19_, new A.global_closure8(), "$color, $alpha", new A.global_closure9(), "$channels", new A.global_closure10()], t1, t2)), A._function5("invert", "$color, $weight: 100%, $space: null", new A.global_closure11()), A._channelFunction("hue", B.HslColorSpace_JQ2, new A.global_closure12(), true, "deg").withDeprecationWarning$1(_s5_), A._channelFunction("saturation", B.HslColorSpace_JQ2, new A.global_closure13(), true, "%").withDeprecationWarning$1(_s5_), A._channelFunction("lightness", B.HslColorSpace_JQ2, new A.global_closure14(), true, "%").withDeprecationWarning$1(_s5_), A.BuiltInCallable$overloadedFunction("hsl", A.LinkedHashMap_LinkedHashMap$_literal([_s37_, new A.global_closure15(), _s29_, new A.global_closure16(), _s17_, new A.global_closure17(), "$channels", new A.global_closure18()], t1, t2)), A.BuiltInCallable$overloadedFunction("hsla", A.LinkedHashMap_LinkedHashMap$_literal([_s37_, new A.global_closure19(), _s29_, new A.global_closure20(), _s17_, new A.global_closure21(), "$channels", new A.global_closure22()], t1, t2)), A._function5("grayscale", "$color", new A.global_closure23()), A._function5("adjust-hue", "$color, $degrees", new A.global_closure24()).withDeprecationWarning$2(_s5_, _s6_), A._function5("lighten", _s15_, new A.global_closure25()).withDeprecationWarning$2(_s5_, _s6_), A._function5("darken", _s15_, new A.global_closure26()).withDeprecationWarning$2(_s5_, _s6_), A.BuiltInCallable$overloadedFunction("saturate", A.LinkedHashMap_LinkedHashMap$_literal(["$amount", new A.global_closure27(), "$color, $amount", new A.global_closure28()], t1, t2)), A._function5("desaturate", _s15_, new A.global_closure29()).withDeprecationWarning$2(_s5_, _s6_), A._function5("opacify", _s15_, new A.global_closure30()).withDeprecationWarning$2(_s5_, _s6_), A._function5("fade-in", _s15_, new A.global_closure31()).withDeprecationWarning$2(_s5_, _s6_), A._function5("transparentize", _s15_, new A.global_closure32()).withDeprecationWarning$2(_s5_, _s6_), A._function5("fade-out", _s15_, new A.global_closure33()).withDeprecationWarning$2(_s5_, _s6_), A.BuiltInCallable$overloadedFunction("alpha", A.LinkedHashMap_LinkedHashMap$_literal(["$color", new A.global_closure34(), "$args...", new A.global_closure35()], t1, t2)), A._function5("opacity", "$color", new A.global_closure36()), A._function5(_s5_, "$description", new A.global_closure37()), A._function5("hwb", _s9_, new A.global_closure38()), A._function5("lab", _s9_, new A.global_closure39()), A._function5("lch", _s9_, new A.global_closure40()), A._function5("oklab", _s9_, new A.global_closure41()), A._function5("oklch", _s9_, new A.global_closure42()), $.$get$_complement().withDeprecationWarning$1(_s5_), $.$get$_ieHexStr(), $.$get$_adjust().withDeprecationWarning$1(_s5_).withName$1("adjust-color"), $.$get$_scale().withDeprecationWarning$1(_s5_).withName$1("scale-color"), $.$get$_change().withDeprecationWarning$1(_s5_).withName$1("change-color")], type$.JSArray_BuiltInCallable), type$.BuiltInCallable);
+    });
+    _lazyFinal($, "module", "$get$module", () => {
+      var _null = null,
+        _s10_ = "saturation",
+        _s9_ = "lightness",
+        _s6_ = "$color", _s5_ = "alpha",
+        _s30_ = "$color, $channel, $space: null",
+        t1 = type$.String,
+        t2 = type$.Value_Function_List_Value;
+      return A.BuiltInModule$("color", A._setArrayType([A._channelFunction("red", B.RgbColorSpace_i0P, new A.module_closure1(), false, _null), A._channelFunction("green", B.RgbColorSpace_i0P, new A.module_closure2(), false, _null), A._channelFunction("blue", B.RgbColorSpace_i0P, new A.module_closure3(), false, _null), $.$get$_mix(), A._function5("invert", "$color, $weight: 100%, $space: null", new A.module_closure4()), A._channelFunction("hue", B.HslColorSpace_JQ2, new A.module_closure5(), false, "deg"), A._channelFunction(_s10_, B.HslColorSpace_JQ2, new A.module_closure6(), false, "%"), A._channelFunction(_s9_, B.HslColorSpace_JQ2, new A.module_closure7(), false, "%"), A._removedColorFunction("adjust-hue", "hue", false), A._removedColorFunction("lighten", _s9_, false), A._removedColorFunction("darken", _s9_, true), A._removedColorFunction("saturate", _s10_, false), A._removedColorFunction("desaturate", _s10_, true), A._function5("grayscale", _s6_, new A.module_closure8()), A.BuiltInCallable$overloadedFunction("hwb", A.LinkedHashMap_LinkedHashMap$_literal(["$hue, $whiteness, $blackness, $alpha: 1", new A.module_closure9(), "$channels", new A.module_closure10()], t1, t2)), A._channelFunction("whiteness", B.HwbColorSpace_guQ, new A.module_closure11(), false, "%"), A._channelFunction("blackness", B.HwbColorSpace_guQ, new A.module_closure12(), false, "%"), A._removedColorFunction("opacify", _s5_, false), A._removedColorFunction("fade-in", _s5_, false), A._removedColorFunction("transparentize", _s5_, true), A._removedColorFunction("fade-out", _s5_, true), A.BuiltInCallable$overloadedFunction(_s5_, A.LinkedHashMap_LinkedHashMap$_literal(["$color", new A.module_closure13(), "$args...", new A.module_closure14()], t1, t2)), A._function5("opacity", _s6_, new A.module_closure15()), A._function5("space", _s6_, new A.module_closure16()), A._function5("to-space", "$color, $space", new A.module_closure17()), A._function5("is-legacy", _s6_, new A.module_closure18()), A._function5("is-missing", "$color, $channel", new A.module_closure19()), A._function5("is-in-gamut", "$color, $space: null", new A.module_closure20()), A._function5("to-gamut", "$color, $space: null, $method: null", new A.module_closure21()), A._function5("channel", _s30_, new A.module_closure22()), A._function5("same", "$color1, $color2", new A.module_closure23()), A._function5("is-powerless", _s30_, new A.module_closure24()), $.$get$_complement(), $.$get$_adjust(), $.$get$_scale(), $.$get$_change(), $.$get$_ieHexStr()], type$.JSArray_Callable), _null, _null, type$.Callable);
+    });
+    _lazyFinal($, "_mix", "$get$_mix", () => A._function5("mix", string$.x24color, new A._mix_closure()));
+    _lazyFinal($, "_complement", "$get$_complement", () => A._function5("complement", "$color, $space: null", new A._complement_closure()));
+    _lazyFinal($, "_adjust", "$get$_adjust", () => A._function5("adjust", "$color, $kwargs...", new A._adjust_closure()));
+    _lazyFinal($, "_scale", "$get$_scale", () => A._function5("scale", "$color, $kwargs...", new A._scale_closure()));
+    _lazyFinal($, "_change", "$get$_change", () => A._function5("change", "$color, $kwargs...", new A._change_closure()));
+    _lazyFinal($, "_ieHexStr", "$get$_ieHexStr", () => A._function5("ie-hex-str", "$color", new A._ieHexStr_closure()));
+    _lazyFinal($, "global0", "$get$global0", () => {
+      var _s4_ = "list";
+      return A.UnmodifiableListView$(A._setArrayType([$.$get$_length0().withDeprecationWarning$1(_s4_), $.$get$_nth().withDeprecationWarning$1(_s4_), $.$get$_setNth().withDeprecationWarning$1(_s4_), $.$get$_join().withDeprecationWarning$1(_s4_), $.$get$_append0().withDeprecationWarning$1(_s4_), $.$get$_zip().withDeprecationWarning$1(_s4_), $.$get$_index0().withDeprecationWarning$1(_s4_), $.$get$_isBracketed().withDeprecationWarning$1(_s4_), $.$get$_separator().withDeprecationWarning$1(_s4_).withName$1("list-separator")], type$.JSArray_BuiltInCallable), type$.BuiltInCallable);
+    });
+    _lazyFinal($, "module0", "$get$module0", () => A.BuiltInModule$("list", A._setArrayType([$.$get$_length0(), $.$get$_nth(), $.$get$_setNth(), $.$get$_join(), $.$get$_append0(), $.$get$_zip(), $.$get$_index0(), $.$get$_isBracketed(), $.$get$_separator(), $.$get$_slash()], type$.JSArray_Callable), null, null, type$.Callable));
+    _lazyFinal($, "_length", "$get$_length0", () => A._function4("length", "$list", new A._length_closure0()));
+    _lazyFinal($, "_nth", "$get$_nth", () => A._function4("nth", "$list, $n", new A._nth_closure()));
+    _lazyFinal($, "_setNth", "$get$_setNth", () => A._function4("set-nth", "$list, $n, $value", new A._setNth_closure()));
+    _lazyFinal($, "_join", "$get$_join", () => A._function4("join", string$.x24list1, new A._join_closure()));
+    _lazyFinal($, "_append", "$get$_append0", () => A._function4("append", "$list, $val, $separator: auto", new A._append_closure0()));
+    _lazyFinal($, "_zip", "$get$_zip", () => A._function4("zip", "$lists...", new A._zip_closure()));
+    _lazyFinal($, "_index", "$get$_index0", () => A._function4("index", "$list, $value", new A._index_closure0()));
+    _lazyFinal($, "_separator", "$get$_separator", () => A._function4("separator", "$list", new A._separator_closure()));
+    _lazyFinal($, "_isBracketed", "$get$_isBracketed", () => A._function4("is-bracketed", "$list", new A._isBracketed_closure()));
+    _lazyFinal($, "_slash", "$get$_slash", () => A._function4("slash", "$elements...", new A._slash_closure()));
+    _lazyFinal($, "global1", "$get$global1", () => {
+      var _s3_ = "map";
+      return A.UnmodifiableListView$(A._setArrayType([$.$get$_get().withDeprecationWarning$1(_s3_).withName$1("map-get"), $.$get$_merge().withDeprecationWarning$1(_s3_).withName$1("map-merge"), $.$get$_remove().withDeprecationWarning$1(_s3_).withName$1("map-remove"), $.$get$_keys().withDeprecationWarning$1(_s3_).withName$1("map-keys"), $.$get$_values().withDeprecationWarning$1(_s3_).withName$1("map-values"), $.$get$_hasKey().withDeprecationWarning$1(_s3_).withName$1("map-has-key")], type$.JSArray_BuiltInCallable), type$.BuiltInCallable);
+    });
+    _lazyFinal($, "module1", "$get$module1", () => A.BuiltInModule$("map", A._setArrayType([$.$get$_get(), $.$get$_set(), $.$get$_merge(), $.$get$_remove(), $.$get$_keys(), $.$get$_values(), $.$get$_hasKey(), $.$get$_deepMerge(), $.$get$_deepRemove()], type$.JSArray_Callable), null, null, type$.Callable));
+    _lazyFinal($, "_get", "$get$_get", () => A._function3("get", "$map, $key, $keys...", new A._get_closure()));
+    _lazyFinal($, "_set", "$get$_set", () => A.BuiltInCallable$overloadedFunction("set", A.LinkedHashMap_LinkedHashMap$_literal(["$map, $key, $value", new A._set_closure(), "$map, $args...", new A._set_closure0()], type$.String, type$.Value_Function_List_Value)));
+    _lazyFinal($, "_merge", "$get$_merge", () => A.BuiltInCallable$overloadedFunction("merge", A.LinkedHashMap_LinkedHashMap$_literal(["$map1, $map2", new A._merge_closure(), "$map1, $args...", new A._merge_closure0()], type$.String, type$.Value_Function_List_Value)));
+    _lazyFinal($, "_deepMerge", "$get$_deepMerge", () => A._function3("deep-merge", "$map1, $map2", new A._deepMerge_closure()));
+    _lazyFinal($, "_deepRemove", "$get$_deepRemove", () => A._function3("deep-remove", "$map, $key, $keys...", new A._deepRemove_closure()));
+    _lazyFinal($, "_remove", "$get$_remove", () => A.BuiltInCallable$overloadedFunction("remove", A.LinkedHashMap_LinkedHashMap$_literal(["$map", new A._remove_closure(), "$map, $key, $keys...", new A._remove_closure0()], type$.String, type$.Value_Function_List_Value)));
+    _lazyFinal($, "_keys", "$get$_keys", () => A._function3("keys", "$map", new A._keys_closure()));
+    _lazyFinal($, "_values", "$get$_values", () => A._function3("values", "$map", new A._values_closure()));
+    _lazyFinal($, "_hasKey", "$get$_hasKey", () => A._function3("has-key", "$map, $key, $keys...", new A._hasKey_closure()));
+    _lazyFinal($, "global2", "$get$global2", () => {
+      var _s4_ = "math";
+      return A.UnmodifiableListView$(A._setArrayType([A._function2("abs", "$number", new A.global_closure()), $.$get$_ceil().withDeprecationWarning$1(_s4_), $.$get$_floor().withDeprecationWarning$1(_s4_), $.$get$_max().withDeprecationWarning$1(_s4_), $.$get$_min().withDeprecationWarning$1(_s4_), $.$get$_percentage().withDeprecationWarning$1(_s4_), $.$get$_randomFunction().withDeprecationWarning$1(_s4_), $.$get$_round().withDeprecationWarning$1(_s4_), $.$get$_unit().withDeprecationWarning$1(_s4_), $.$get$_compatible().withDeprecationWarning$1(_s4_).withName$1("comparable"), $.$get$_isUnitless().withDeprecationWarning$1(_s4_).withName$1("unitless")], type$.JSArray_BuiltInCallable), type$.BuiltInCallable);
+    });
+    _lazyFinal($, "module2", "$get$module2", () => {
+      var _null = null;
+      return A.BuiltInModule$("math", A._setArrayType([A._numberFunction("abs", new A.module_closure0()), $.$get$_acos(), $.$get$_asin(), $.$get$_atan(), $.$get$_atan2(), $.$get$_ceil(), $.$get$_clamp(), $.$get$_cos(), $.$get$_compatible(), $.$get$_floor(), $.$get$_hypot(), $.$get$_isUnitless(), $.$get$_log(), $.$get$_max(), $.$get$_min(), $.$get$_percentage(), $.$get$_pow(), $.$get$_randomFunction(), $.$get$_round(), $.$get$_sin(), $.$get$_sqrt(), $.$get$_tan(), $.$get$_unit(), $.$get$_div()], type$.JSArray_Callable), _null, A.LinkedHashMap_LinkedHashMap$_literal(["e", A.SassNumber_SassNumber(2.718281828459045, _null), "pi", A.SassNumber_SassNumber(3.141592653589793, _null), "epsilon", A.SassNumber_SassNumber(2220446049250313e-31, _null), "max-safe-integer", A.SassNumber_SassNumber(9007199254740991, _null), "min-safe-integer", A.SassNumber_SassNumber(-9007199254740991, _null), "max-number", A.SassNumber_SassNumber(17976931348623157e292, _null), "min-number", A.SassNumber_SassNumber(5e-324, _null)], type$.String, type$.Value), type$.Callable);
+    });
+    _lazyFinal($, "_ceil", "$get$_ceil", () => A._numberFunction("ceil", new A._ceil_closure()));
+    _lazyFinal($, "_clamp", "$get$_clamp", () => A._function2("clamp", "$min, $number, $max", new A._clamp_closure()));
+    _lazyFinal($, "_floor", "$get$_floor", () => A._numberFunction("floor", new A._floor_closure()));
+    _lazyFinal($, "_max", "$get$_max", () => A._function2("max", "$numbers...", new A._max_closure()));
+    _lazyFinal($, "_min", "$get$_min", () => A._function2("min", "$numbers...", new A._min_closure()));
+    _lazyFinal($, "_round", "$get$_round", () => A._numberFunction("round", new A._round_closure()));
+    _lazyFinal($, "_hypot", "$get$_hypot", () => A._function2("hypot", "$numbers...", new A._hypot_closure()));
+    _lazyFinal($, "_log", "$get$_log", () => A._function2("log", "$number, $base: null", new A._log_closure()));
+    _lazyFinal($, "_pow", "$get$_pow", () => A._function2("pow", "$base, $exponent", new A._pow_closure()));
+    _lazyFinal($, "_sqrt", "$get$_sqrt", () => A._singleArgumentMathFunc("sqrt", A.number0__sqrt$closure()));
+    _lazyFinal($, "_acos", "$get$_acos", () => A._singleArgumentMathFunc("acos", A.number0__acos$closure()));
+    _lazyFinal($, "_asin", "$get$_asin", () => A._singleArgumentMathFunc("asin", A.number0__asin$closure()));
+    _lazyFinal($, "_atan", "$get$_atan", () => A._singleArgumentMathFunc("atan", A.number0__atan$closure()));
+    _lazyFinal($, "_atan2", "$get$_atan2", () => A._function2("atan2", "$y, $x", new A._atan2_closure()));
+    _lazyFinal($, "_cos", "$get$_cos", () => A._singleArgumentMathFunc("cos", A.number0__cos$closure()));
+    _lazyFinal($, "_sin", "$get$_sin", () => A._singleArgumentMathFunc("sin", A.number0__sin$closure()));
+    _lazyFinal($, "_tan", "$get$_tan", () => A._singleArgumentMathFunc("tan", A.number0__tan$closure()));
+    _lazyFinal($, "_compatible", "$get$_compatible", () => A._function2("compatible", "$number1, $number2", new A._compatible_closure()));
+    _lazyFinal($, "_isUnitless", "$get$_isUnitless", () => A._function2("is-unitless", "$number", new A._isUnitless_closure()));
+    _lazyFinal($, "_unit", "$get$_unit", () => A._function2("unit", "$number", new A._unit_closure()));
+    _lazyFinal($, "_percentage", "$get$_percentage", () => A._function2("percentage", "$number", new A._percentage_closure()));
+    _lazyFinal($, "_random", "$get$_random0", () => A.Random_Random());
+    _lazyFinal($, "_randomFunction", "$get$_randomFunction", () => A._function2("random", "$limit: null", new A._randomFunction_closure()));
+    _lazyFinal($, "_div", "$get$_div", () => A._function2("div", "$number1, $number2", new A._div_closure()));
+    _lazyFinal($, "_shared", "$get$_shared", () => A.UnmodifiableListView$(A._setArrayType([A._function("feature-exists", "$feature", new A._shared_closure()), A._function("inspect", "$value", new A._shared_closure0()), A._function("type-of", "$value", new A._shared_closure1()), A._function("keywords", "$args", new A._shared_closure2())], type$.JSArray_BuiltInCallable), type$.BuiltInCallable));
+    _lazyFinal($, "global3", "$get$global5", () => {
+      var t2,
+        t1 = A._setArrayType([], type$.JSArray_BuiltInCallable);
+      for (t2 = $.$get$_shared(), t2 = t2.get$iterator(t2); t2.moveNext$0();)
+        t1.push(t2.get$current(0).withDeprecationWarning$1("meta"));
+      return A.UnmodifiableListView$(t1, type$.BuiltInCallable);
+    });
+    _lazyFinal($, "moduleFunctions", "$get$moduleFunctions", () => {
+      var t1 = type$.BuiltInCallable,
+        t2 = A.List_List$of($.$get$_shared(), true, t1);
+      t2.push(A._function("calc-name", "$calc", new A.moduleFunctions_closure()));
+      t2.push(A._function("calc-args", "$calc", new A.moduleFunctions_closure0()));
+      t2.push(A._function("accepts-content", "$mixin", new A.moduleFunctions_closure1()));
+      return A.UnmodifiableListView$(t2, t1);
+    });
+    _lazyFinal($, "global4", "$get$global3", () => {
+      var _s8_ = "selector";
+      return A.UnmodifiableListView$(A._setArrayType([$.$get$_isSuperselector().withDeprecationWarning$1(_s8_), $.$get$_simpleSelectors().withDeprecationWarning$1(_s8_), $.$get$_parse().withDeprecationWarning$1(_s8_).withName$1("selector-parse"), $.$get$_nest().withDeprecationWarning$1(_s8_).withName$1("selector-nest"), $.$get$_append().withDeprecationWarning$1(_s8_).withName$1("selector-append"), $.$get$_extend().withDeprecationWarning$1(_s8_).withName$1("selector-extend"), $.$get$_replace().withDeprecationWarning$1(_s8_).withName$1("selector-replace"), $.$get$_unify().withDeprecationWarning$1(_s8_).withName$1("selector-unify")], type$.JSArray_BuiltInCallable), type$.BuiltInCallable);
+    });
+    _lazyFinal($, "module3", "$get$module3", () => A.BuiltInModule$("selector", A._setArrayType([$.$get$_isSuperselector(), $.$get$_simpleSelectors(), $.$get$_parse(), $.$get$_nest(), $.$get$_append(), $.$get$_extend(), $.$get$_replace(), $.$get$_unify()], type$.JSArray_Callable), null, null, type$.Callable));
+    _lazyFinal($, "_nest", "$get$_nest", () => A._function1("nest", "$selectors...", new A._nest_closure()));
+    _lazyFinal($, "_append0", "$get$_append", () => A._function1("append", "$selectors...", new A._append_closure()));
+    _lazyFinal($, "_extend", "$get$_extend", () => A._function1("extend", "$selector, $extendee, $extender", new A._extend_closure()));
+    _lazyFinal($, "_replace", "$get$_replace", () => A._function1("replace", "$selector, $original, $replacement", new A._replace_closure()));
+    _lazyFinal($, "_unify", "$get$_unify", () => A._function1("unify", "$selector1, $selector2", new A._unify_closure()));
+    _lazyFinal($, "_isSuperselector", "$get$_isSuperselector", () => A._function1("is-superselector", "$super, $sub", new A._isSuperselector_closure()));
+    _lazyFinal($, "_simpleSelectors", "$get$_simpleSelectors", () => A._function1("simple-selectors", "$selector", new A._simpleSelectors_closure()));
+    _lazyFinal($, "_parse0", "$get$_parse", () => A._function1("parse", "$selector", new A._parse_closure()));
+    _lazyFinal($, "_random0", "$get$_random", () => A.Random_Random());
+    _lazy($, "_previousUniqueId", "$get$_previousUniqueId", () => $.$get$_random().nextInt$1(A._asInt(A.pow(36, 6))));
+    _lazyFinal($, "global5", "$get$global4", () => {
+      var _s6_ = "string";
+      return A.UnmodifiableListView$(A._setArrayType([$.$get$_unquote().withDeprecationWarning$1(_s6_), $.$get$_quote().withDeprecationWarning$1(_s6_), $.$get$_toUpperCase().withDeprecationWarning$1(_s6_), $.$get$_toLowerCase().withDeprecationWarning$1(_s6_), $.$get$_uniqueId().withDeprecationWarning$1(_s6_), $.$get$_length().withDeprecationWarning$1(_s6_).withName$1("str-length"), $.$get$_insert().withDeprecationWarning$1(_s6_).withName$1("str-insert"), $.$get$_index().withDeprecationWarning$1(_s6_).withName$1("str-index"), $.$get$_slice().withDeprecationWarning$1(_s6_).withName$1("str-slice")], type$.JSArray_BuiltInCallable), type$.BuiltInCallable);
+    });
+    _lazyFinal($, "module4", "$get$module4", () => A.BuiltInModule$("string", A._setArrayType([$.$get$_unquote(), $.$get$_quote(), $.$get$_toUpperCase(), $.$get$_toLowerCase(), $.$get$_length(), $.$get$_insert(), $.$get$_index(), $.$get$_slice(), $.$get$_uniqueId(), A._function0("split", "$string, $separator, $limit: null", new A.module_closure())], type$.JSArray_Callable), null, null, type$.Callable));
+    _lazyFinal($, "_unquote", "$get$_unquote", () => A._function0("unquote", "$string", new A._unquote_closure()));
+    _lazyFinal($, "_quote", "$get$_quote", () => A._function0("quote", "$string", new A._quote_closure()));
+    _lazyFinal($, "_length0", "$get$_length", () => A._function0("length", "$string", new A._length_closure()));
+    _lazyFinal($, "_insert", "$get$_insert", () => A._function0("insert", "$string, $insert, $index", new A._insert_closure()));
+    _lazyFinal($, "_index0", "$get$_index", () => A._function0("index", "$string, $substring", new A._index_closure()));
+    _lazyFinal($, "_slice", "$get$_slice", () => A._function0("slice", "$string, $start-at, $end-at: -1", new A._slice_closure()));
+    _lazyFinal($, "_toUpperCase", "$get$_toUpperCase", () => A._function0("to-upper-case", "$string", new A._toUpperCase_closure()));
+    _lazyFinal($, "_toLowerCase", "$get$_toLowerCase", () => A._function0("to-lower-case", "$string", new A._toLowerCase_closure()));
+    _lazyFinal($, "_uniqueId", "$get$_uniqueId", () => A._function0("unique-id", "", new A._uniqueId_closure()));
+    _lazyFinal($, "FilesystemImporter_cwd", "$get$FilesystemImporter_cwd", () => {
+      var _null = null;
+      return new A.FilesystemImporter(A.absolute(".", _null, _null, _null, _null, _null, _null, _null, _null, _null, _null, _null, _null, _null, _null), true);
+    });
+    _lazyFinal($, "FilesystemImporter_noLoadPath", "$get$FilesystemImporter_noLoadPath", () => new A.FilesystemImporter(null, false));
+    _lazyFinal($, "_jsThrow", "$get$_jsThrow0", () => new self.Function("error", "throw error;"));
+    _lazyFinal($, "Logger_quiet", "$get$Logger_quiet", () => new A._QuietLogger());
+    _lazyFinal($, "_disallowedFunctionNames", "$get$_disallowedFunctionNames", () => {
+      var t1 = $.$get$globalFunctions();
+      t1 = t1.map$1$1(t1, new A._disallowedFunctionNames_closure(), type$.String).toSet$0(0);
+      t1.add$1(0, "if");
+      t1.remove$1(0, "abs");
+      t1.remove$1(0, "alpha");
+      t1.remove$1(0, "color");
+      t1.remove$1(0, "grayscale");
+      t1.remove$1(0, "hsl");
+      t1.remove$1(0, "hsla");
+      t1.remove$1(0, "hwb");
+      t1.remove$1(0, "invert");
+      t1.remove$1(0, "lab");
+      t1.remove$1(0, "lch");
+      t1.remove$1(0, "max");
+      t1.remove$1(0, "min");
+      t1.remove$1(0, "oklab");
+      t1.remove$1(0, "oklch");
+      t1.remove$1(0, "opacity");
+      t1.remove$1(0, "rgb");
+      t1.remove$1(0, "rgba");
+      t1.remove$1(0, "round");
+      t1.remove$1(0, "saturate");
+      return t1;
+    });
+    _lazyFinal($, "_epsilon", "$get$_epsilon", () => A.pow(10, -11));
+    _lazyFinal($, "_inverseEpsilon", "$get$_inverseEpsilon", () => A.pow(10, 11));
+    _lazyFinal($, "bogusSpan", "$get$bogusSpan", () => A.SourceFile$decoded(A._setArrayType([], type$.JSArray_int), null).span$1(0, 0));
+    _lazyFinal($, "_noSourceUrl", "$get$_noSourceUrl", () => A.Uri_parse("-"));
+    _lazyFinal($, "_traces", "$get$_traces", () => A.Expando$());
+    _lazyFinal($, "lmsToOklab", "$get$lmsToOklab", () => A.NativeFloat64List_NativeFloat64List$fromList(A._setArrayType([0.210454268309314, 0.7936177747023054, -0.0040720430116193, 1.9779985324311684, -2.42859224204858, 0.450593709617411, 0.0259040424655478, 0.7827717124575296, -0.8086757549230774], type$.JSArray_double)));
+    _lazyFinal($, "oklabToLms", "$get$oklabToLms", () => A.NativeFloat64List_NativeFloat64List$fromList(A._setArrayType([1.0000000000000002, 0.3963377773761749, 0.2158037573099136, 0.9999999999999998, -0.10556134581565854, -0.06385417282581334, 0.9999999999999999, -0.0894841775298118, -1.2914855480194094], type$.JSArray_double)));
+    _lazyFinal($, "linearSrgbToLinearDisplayP3", "$get$linearSrgbToLinearDisplayP3", () => A.NativeFloat64List_NativeFloat64List$fromList(A._setArrayType([0.8224619687143623, 0.17753803128563775, 0, 0.03319419885096161, 0.9668058011490384, 0, 0.01708263072112003, 0.07239744066396346, 0.9105199286149165], type$.JSArray_double)));
+    _lazyFinal($, "linearDisplayP3ToLinearSrgb", "$get$linearDisplayP3ToLinearSrgb", () => A.NativeFloat64List_NativeFloat64List$fromList(A._setArrayType([1.2249401762805598, -0.22494017628055996, 0, -0.04205695470968816, 1.042056954709688, 0, -0.01963755459033443, -0.07863604555063188, 1.0982736001409663], type$.JSArray_double)));
+    _lazyFinal($, "linearSrgbToLinearA98Rgb", "$get$linearSrgbToLinearA98Rgb", () => A.NativeFloat64List_NativeFloat64List$fromList(A._setArrayType([0.7151256068556247, 0.28487439314437535, 0, 0, 1, 0, 0, 0.04116194845011846, 0.9588380515498816], type$.JSArray_double)));
+    _lazyFinal($, "linearA98RgbToLinearSrgb", "$get$linearA98RgbToLinearSrgb", () => A.NativeFloat64List_NativeFloat64List$fromList(A._setArrayType([1.3983557439607783, -0.3983557439607783, 0, 0, 1, 0, 0, -0.04292898929447326, 1.0429289892944733], type$.JSArray_double)));
+    _lazyFinal($, "linearSrgbToLinearRec2020", "$get$linearSrgbToLinearRec2020", () => A.NativeFloat64List_NativeFloat64List$fromList(A._setArrayType([0.627403895934699, 0.3292830383778837, 0.04331306568741722, 0.06909728935823208, 0.9195403950754587, 0.01136231556630917, 0.01639143887515027, 0.08801330787722575, 0.895595253247624], type$.JSArray_double)));
+    _lazyFinal($, "linearRec2020ToLinearSrgb", "$get$linearRec2020ToLinearSrgb", () => A.NativeFloat64List_NativeFloat64List$fromList(A._setArrayType([1.6604910021084345, -0.5876411387885495, -0.07284986331988487, -0.12455047452159074, 1.1328998971259603, -0.00834942260436947, -0.0181507633549053, -0.10057889800800737, 1.1187296613629127], type$.JSArray_double)));
+    _lazyFinal($, "linearSrgbToXyzD65", "$get$linearSrgbToXyzD65", () => A.NativeFloat64List_NativeFloat64List$fromList(A._setArrayType([0.4123907992659595, 0.35758433938387796, 0.1804807884018343, 0.21263900587151036, 0.7151686787677559, 0.07219231536073371, 0.01933081871559185, 0.11919477979462598, 0.9505321522496606], type$.JSArray_double)));
+    _lazyFinal($, "xyzD65ToLinearSrgb", "$get$xyzD65ToLinearSrgb", () => A.NativeFloat64List_NativeFloat64List$fromList(A._setArrayType([3.2409699419045213, -1.5373831775700935, -0.4986107602930033, -0.9692436362808798, 1.8759675015077206, 0.04155505740717561, 0.0556300796969936, -0.20397695888897657, 1.0569715142428786], type$.JSArray_double)));
+    _lazyFinal($, "linearSrgbToLms", "$get$linearSrgbToLms", () => A.NativeFloat64List_NativeFloat64List$fromList(A._setArrayType([0.412221469470763, 0.5363325372617348, 0.0514459932675022, 0.2119034958178252, 0.6806995506452342, 0.1073969535369405, 0.08830245919005641, 0.2817188391361215, 0.6299787016738221], type$.JSArray_double)));
+    _lazyFinal($, "lmsToLinearSrgb", "$get$lmsToLinearSrgb", () => A.NativeFloat64List_NativeFloat64List$fromList(A._setArrayType([4.076741636075958, -3.307711539258062, 0.23096990318210417, -1.268437973285032, 2.609757349287689, -0.3413193760026571, -0.00419607613867551, -0.7034186179359363, 1.707614694074612], type$.JSArray_double)));
+    _lazyFinal($, "linearSrgbToLinearProphotoRgb", "$get$linearSrgbToLinearProphotoRgb", () => A.NativeFloat64List_NativeFloat64List$fromList(A._setArrayType([0.5292769776226116, 0.33015450197849283, 0.14056852039889556, 0.09836585954044917, 0.8734707129069618, 0.028163427552589, 0.01687534092138684, 0.11765941425612084, 0.8654652448224923], type$.JSArray_double)));
+    _lazyFinal($, "linearProphotoRgbToLinearSrgb", "$get$linearProphotoRgbToLinearSrgb", () => A.NativeFloat64List_NativeFloat64List$fromList(A._setArrayType([2.034380849516996, -0.7276357899341342, -0.3067450595828618, -0.22882573163305037, 1.2317425411901048, -0.00291680955705449, -0.00855882878391742, -0.1532667021380372, 1.1618255309219547], type$.JSArray_double)));
+    _lazyFinal($, "linearSrgbToXyzD50", "$get$linearSrgbToXyzD50", () => A.NativeFloat64List_NativeFloat64List$fromList(A._setArrayType([0.43606574687426936, 0.3851515095901596, 0.14307841996513868, 0.22249317711056518, 0.7168870130944824, 0.06061980979495235, 0.01392392146316939, 0.09708132423141015, 0.7140993568158807], type$.JSArray_double)));
+    _lazyFinal($, "xyzD50ToLinearSrgb", "$get$xyzD50ToLinearSrgb", () => A.NativeFloat64List_NativeFloat64List$fromList(A._setArrayType([3.1341358529001178, -1.617385998018042, -0.49066221791109754, -0.9787954765557777, 1.9162543773959884, 0.03344287339036693, 0.07195539255794733, -0.228976759815182, 1.4053860351131182], type$.JSArray_double)));
+    _lazyFinal($, "linearDisplayP3ToLinearA98Rgb", "$get$linearDisplayP3ToLinearA98Rgb", () => A.NativeFloat64List_NativeFloat64List$fromList(A._setArrayType([0.8640051374740484, 0.13599486252595164, 0, -0.04205695470968816, 1.042056954709688, 0, -0.02056038078232985, -0.03250613804550798, 1.0530665188278379], type$.JSArray_double)));
+    _lazyFinal($, "linearA98RgbToLinearDisplayP3", "$get$linearA98RgbToLinearDisplayP3", () => A.NativeFloat64List_NativeFloat64List$fromList(A._setArrayType([1.1500944181410184, -0.15009441814101834, 0, 0.04641729862941844, 0.9535827013705815, 0, 0.02388759479083904, 0.02650477632633013, 0.9496076288828308], type$.JSArray_double)));
+    _lazyFinal($, "linearDisplayP3ToLinearRec2020", "$get$linearDisplayP3ToLinearRec2020", () => A.NativeFloat64List_NativeFloat64List$fromList(A._setArrayType([0.7538330343617218, 0.1985973690526163, 0.04756959658566187, 0.04574384896535833, 0.9417772198116935, 0.01247893122294812, -0.00121034035451832, 0.01760171730108989, 0.9836086230534284], type$.JSArray_double)));
+    _lazyFinal($, "linearRec2020ToLinearDisplayP3", "$get$linearRec2020ToLinearDisplayP3", () => A.NativeFloat64List_NativeFloat64List$fromList(A._setArrayType([1.343578252584332, -0.2821796705261357, -0.06139858205819628, -0.06529745278911953, 1.0757879158485746, -0.01049046305945495, 0.00282178726170095, -0.01959849452449406, 1.0167767072627931], type$.JSArray_double)));
+    _lazyFinal($, "linearDisplayP3ToXyzD65", "$get$linearDisplayP3ToXyzD65", () => A.NativeFloat64List_NativeFloat64List$fromList(A._setArrayType([0.48657094864821626, 0.26566769316909294, 0.1982172852343625, 0.22897456406974884, 0.6917385218365062, 0.079286914093745, 0, 0.04511338185890257, 1.0439443689009757], type$.JSArray_double)));
+    _lazyFinal($, "xyzD65ToLinearDisplayP3", "$get$xyzD65ToLinearDisplayP3", () => A.NativeFloat64List_NativeFloat64List$fromList(A._setArrayType([2.4934969119414245, -0.9313836179191236, -0.40271078445071684, -0.8294889695615749, 1.7626640603183468, 0.02362468584194359, 0.03584583024378433, -0.0761723892680417, 0.9568845240076873], type$.JSArray_double)));
+    _lazyFinal($, "linearDisplayP3ToLms", "$get$linearDisplayP3ToLms", () => A.NativeFloat64List_NativeFloat64List$fromList(A._setArrayType([0.48137985274995443, 0.46211837101131803, 0.05650177623872756, 0.22883194181124472, 0.6532168193835676, 0.11795123880518774, 0.08394575232299319, 0.22416527097756642, 0.6918889766994404], type$.JSArray_double)));
+    _lazyFinal($, "lmsToLinearDisplayP3", "$get$lmsToLinearDisplayP3", () => A.NativeFloat64List_NativeFloat64List$fromList(A._setArrayType([3.1277689713618737, -2.2571357625916386, 0.12936679122976494, -1.0910090184377979, 2.4133317103069225, -0.32232269186912466, -0.02601080193857045, -0.508041331704167, 1.5340521336427373], type$.JSArray_double)));
+    _lazyFinal($, "linearDisplayP3ToLinearProphotoRgb", "$get$linearDisplayP3ToLinearProphotoRgb", () => A.NativeFloat64List_NativeFloat64List$fromList(A._setArrayType([0.6316869193403589, 0.21393038569465722, 0.1543826949649839, 0.08320371426648458, 0.8858651367630243, 0.03093114897049121, -0.00127273456473881, 0.05075510433665735, 0.9505176302280814], type$.JSArray_double)));
+    _lazyFinal($, "linearProphotoRgbToLinearDisplayP3", "$get$linearProphotoRgbToLinearDisplayP3", () => A.NativeFloat64List_NativeFloat64List$fromList(A._setArrayType([1.6325756087069179, -0.3797716184825984, -0.2528039902243195, -0.15370040233755072, 1.1667025472425014, -0.01300214490495082, 0.01039319529676572, -0.0628073126495944, 1.0524141173528287], type$.JSArray_double)));
+    _lazyFinal($, "linearDisplayP3ToXyzD50", "$get$linearDisplayP3ToXyzD50", () => A.NativeFloat64List_NativeFloat64List$fromList(A._setArrayType([0.515146442968116, 0.2920099820638577, 0.15713925139759397, 0.2412003221252552, 0.6922225411313818, 0.06657713674336294, -0.00105013914714014, 0.0418782701890746, 0.7842764714685257], type$.JSArray_double)));
+    _lazyFinal($, "xyzD50ToLinearDisplayP3", "$get$xyzD50ToLinearDisplayP3", () => A.NativeFloat64List_NativeFloat64List$fromList(A._setArrayType([2.4039341218554973, -0.9900304424955931, -0.39761363181465614, -0.8422700161454688, 1.7989580161067082, 0.01604562477090472, 0.04819381686413303, -0.09738519815446048, 1.2736713693321273], type$.JSArray_double)));
+    _lazyFinal($, "linearA98RgbToLinearRec2020", "$get$linearA98RgbToLinearRec2020", () => A.NativeFloat64List_NativeFloat64List$fromList(A._setArrayType([0.8773338416636568, 0.07749370651571998, 0.04517245182062317, 0.09662259146620378, 0.8915273202441805, 0.01185008828961569, 0.02292106270284839, 0.04303668501067932, 0.9340422522864723], type$.JSArray_double)));
+    _lazyFinal($, "linearRec2020ToLinearA98Rgb", "$get$linearRec2020ToLinearA98Rgb", () => A.NativeFloat64List_NativeFloat64List$fromList(A._setArrayType([1.1519783947159163, -0.0975030553024086, -0.05447533941350766, -0.12455047452159074, 1.1328998971259603, -0.00834942260436947, -0.0225303827810559, -0.04980650742838876, 1.0723368902094446], type$.JSArray_double)));
+    _lazyFinal($, "linearA98RgbToXyzD65", "$get$linearA98RgbToXyzD65", () => A.NativeFloat64List_NativeFloat64List$fromList(A._setArrayType([0.5766690429101308, 0.18555823790654627, 0.18822864623499472, 0.29734497525053616, 0.627363566255466, 0.07529145849399789, 0.02703136138641237, 0.07068885253582714, 0.9913375368376389], type$.JSArray_double)));
+    _lazyFinal($, "xyzD65ToLinearA98Rgb", "$get$xyzD65ToLinearA98Rgb", () => A.NativeFloat64List_NativeFloat64List$fromList(A._setArrayType([2.041587903810746, -0.5650069742788596, -0.3447313507783295, -0.9692436362808798, 1.8759675015077206, 0.04155505740717561, 0.01344428063203102, -0.11836239223101823, 1.0151749943912054], type$.JSArray_double)));
+    _lazyFinal($, "linearA98RgbToLms", "$get$linearA98RgbToLms", () => A.NativeFloat64List_NativeFloat64List$fromList(A._setArrayType([0.5764322596183941, 0.36991322261987963, 0.05365451776172635, 0.29631647054222465, 0.5916761332521885, 0.11200739620558686, 0.1234782510142776, 0.21949869837199862, 0.6570230506137238], type$.JSArray_double)));
+    _lazyFinal($, "lmsToLinearA98Rgb", "$get$lmsToLinearA98Rgb", () => A.NativeFloat64List_NativeFloat64List$fromList(A._setArrayType([2.5540368386115566, -1.6219761806828699, 0.06793934207131327, -1.268437973285032, 2.609757349287689, -0.3413193760026571, -0.05623473593749381, -0.5670418395669061, 1.6232765755043999], type$.JSArray_double)));
+    _lazyFinal($, "linearA98RgbToLinearProphotoRgb", "$get$linearA98RgbToLinearProphotoRgb", () => A.NativeFloat64List_NativeFloat64List$fromList(A._setArrayType([0.7401175018047792, 0.11327951328898105, 0.1466029849062397, 0.1375504646980262, 0.833077080269484, 0.02937245503248977, 0.02359772990871766, 0.07378347703906656, 0.9026187930522158], type$.JSArray_double)));
+    _lazyFinal($, "linearProphotoRgbToLinearA98Rgb", "$get$linearProphotoRgbToLinearA98Rgb", () => A.NativeFloat64List_NativeFloat64List$fromList(A._setArrayType([1.38965124815152, -0.16945907691487766, -0.22019217123664242, -0.22882573163305037, 1.2317425411901048, -0.00291680955705449, -0.01762544368426068, -0.09625702306122665, 1.1138824667454874], type$.JSArray_double)));
+    _lazyFinal($, "linearA98RgbToXyzD50", "$get$linearA98RgbToXyzD50", () => A.NativeFloat64List_NativeFloat64List$fromList(A._setArrayType([0.6097750418861814, 0.20530000261929401, 0.14922063192409227, 0.31112461220464155, 0.6256532308346856, 0.06322215696067286, 0.01947059555648168, 0.06087908649415867, 0.7447549204598198], type$.JSArray_double)));
+    _lazyFinal($, "xyzD50ToLinearA98Rgb", "$get$xyzD50ToLinearA98Rgb", () => A.NativeFloat64List_NativeFloat64List$fromList(A._setArrayType([1.9624670363768806, -0.6107423404815073, -0.3413580980827154, -0.9787954765557777, 1.9162543773959884, 0.03344287339036693, 0.02870443944957101, -0.1406748663317068, 1.3489141814137937], type$.JSArray_double)));
+    _lazyFinal($, "linearRec2020ToXyzD65", "$get$linearRec2020ToXyzD65", () => A.NativeFloat64List_NativeFloat64List$fromList(A._setArrayType([0.6369580483012913, 0.14461690358620838, 0.16888097516417205, 0.26270021201126703, 0.677998071518871, 0.05930171646986194, 0, 0.0280726930490875, 1.0609850577107909], type$.JSArray_double)));
+    _lazyFinal($, "xyzD65ToLinearRec2020", "$get$xyzD65ToLinearRec2020", () => A.NativeFloat64List_NativeFloat64List$fromList(A._setArrayType([1.7166511879712676, -0.3556707837763924, -0.2533662813736598, -0.666684351832489, 1.616481236634939, 0.01576854581391113, 0.01763985744531091, -0.04277061325780865, 0.942103121235474], type$.JSArray_double)));
+    _lazyFinal($, "linearRec2020ToLms", "$get$linearRec2020ToLms", () => A.NativeFloat64List_NativeFloat64List$fromList(A._setArrayType([0.6167557848654444, 0.36019840122646335, 0.02304581390809228, 0.2651330593926367, 0.6358393720678491, 0.09902756853951408, 0.10010262952034828, 0.20390652261661452, 0.6959908478630372], type$.JSArray_double)));
+    _lazyFinal($, "lmsToLinearRec2020", "$get$lmsToLinearRec2020", () => A.NativeFloat64List_NativeFloat64List$fromList(A._setArrayType([2.1399067304346513, -1.246389493760618, 0.10648276332596668, -0.8847358357577674, 2.1632309383612007, -0.2784951026034334, -0.04857374640044396, -0.4545031497140964, 1.5030768961145404], type$.JSArray_double)));
+    _lazyFinal($, "linearRec2020ToLinearProphotoRgb", "$get$linearRec2020ToLinearProphotoRgb", () => A.NativeFloat64List_NativeFloat64List$fromList(A._setArrayType([0.8351873331297235, 0.04886884858605698, 0.11594381828421951, 0.05403324519953363, 0.9289184085692044, 0.01704834623126199, -0.00234203897072539, 0.03633215316169465, 0.9660098858090307], type$.JSArray_double)));
+    _lazyFinal($, "linearProphotoRgbToLinearRec2020", "$get$linearProphotoRgbToLinearRec2020", () => A.NativeFloat64List_NativeFloat64List$fromList(A._setArrayType([1.200659329517408, -0.05756805370122346, -0.14309127581618444, -0.06994154955888504, 1.080617897597214, -0.01067634803832895, 0.00554147334294746, -0.04078219298657951, 1.035240719643632], type$.JSArray_double)));
+    _lazyFinal($, "linearRec2020ToXyzD50", "$get$linearRec2020ToXyzD50", () => A.NativeFloat64List_NativeFloat64List$fromList(A._setArrayType([0.673515463188276, 0.16569726370390453, 0.12508294953738705, 0.2790590051411206, 0.6753180057491098, 0.04562298910976962, -0.00193242713400438, 0.02997782679282923, 0.7970592028516355], type$.JSArray_double)));
+    _lazyFinal($, "xyzD50ToLinearRec2020", "$get$xyzD50ToLinearRec2020", () => A.NativeFloat64List_NativeFloat64List$fromList(A._setArrayType([1.647184904671766, -0.3936818981316471, -0.23595963848828266, -0.6826641074173818, 1.6477146127444076, 0.01281708338512084, 0.02966887665275675, -0.0629258964297003, 1.2535578201865771], type$.JSArray_double)));
+    _lazyFinal($, "xyzD65ToLms", "$get$xyzD65ToLms", () => A.NativeFloat64List_NativeFloat64List$fromList(A._setArrayType([0.819022437996703, 0.36190626005289034, -0.12887378152098788, 0.03298365393238846, 0.9292868615863433, 0.03614466635064235, 0.0481771893596242, 0.2642395317527308, 0.6335478284694308], type$.JSArray_double)));
+    _lazyFinal($, "lmsToXyzD65", "$get$lmsToXyzD65", () => A.NativeFloat64List_NativeFloat64List$fromList(A._setArrayType([1.2268798758459243, -0.5578149944602171, 0.2813910456659646, -0.04057574521480084, 1.1122868032803173, -0.07171105806551635, -0.07637293667466007, -0.42149333240224324, 1.5869240198367818], type$.JSArray_double)));
+    _lazyFinal($, "xyzD65ToLinearProphotoRgb", "$get$xyzD65ToLinearProphotoRgb", () => A.NativeFloat64List_NativeFloat64List$fromList(A._setArrayType([1.4031904633774979, -0.22301514479051668, -0.1016066850741379, -0.5262384021633072, 1.4816319629234644, 0.01701879027252688, -0.0112022652862215, 0.01824640347962099, 0.9112472274915048], type$.JSArray_double)));
+    _lazyFinal($, "linearProphotoRgbToXyzD65", "$get$linearProphotoRgbToXyzD65", () => A.NativeFloat64List_NativeFloat64List$fromList(A._setArrayType([0.755590742296921, 0.11271984265940525, 0.0821453420953454, 0.2683218435785719, 0.7151152566617912, 0.01656289975963685, 0.0039159727624258, -0.01293344283684181, 1.0980752208342945], type$.JSArray_double)));
+    _lazyFinal($, "xyzD65ToXyzD50", "$get$xyzD65ToXyzD50", () => A.NativeFloat64List_NativeFloat64List$fromList(A._setArrayType([1.0479297925449966, 0.02294687060160952, -0.05019226628920519, 0.02962780877005567, 0.99043442675388, -0.01707379906341879, -0.00924304064620452, 0.01505519149029816, 0.751874281428137], type$.JSArray_double)));
+    _lazyFinal($, "xyzD50ToXyzD65", "$get$xyzD50ToXyzD65", () => A.NativeFloat64List_NativeFloat64List$fromList(A._setArrayType([0.9554734214880752, -0.02309845494876452, 0.06325924320057065, -0.02836970933386358, 1.0099953980813041, 0.0210414411919173, 0.01231401486448199, -0.02050764929889898, 1.330365926242124], type$.JSArray_double)));
+    _lazyFinal($, "lmsToLinearProphotoRgb", "$get$lmsToLinearProphotoRgb", () => A.NativeFloat64List_NativeFloat64List$fromList(A._setArrayType([1.7383551481157207, -0.9879509427514458, 0.24959579463572504, -0.7070494015329266, 1.9343700444401382, -0.2273206429072115, -0.08407882206239634, -0.35754060521141334, 1.4416194272738097], type$.JSArray_double)));
+    _lazyFinal($, "linearProphotoRgbToLms", "$get$linearProphotoRgbToLms", () => A.NativeFloat64List_NativeFloat64List$fromList(A._setArrayType([0.7154484605655534, 0.35279155007721186, -0.0682400106427653, 0.2744116490015671, 0.6677976498412367, 0.05779070115719616, 0.10978443261622942, 0.18619829115002018, 0.7040172762337504], type$.JSArray_double)));
+    _lazyFinal($, "lmsToXyzD50", "$get$lmsToXyzD50", () => A.NativeFloat64List_NativeFloat64List$fromList(A._setArrayType([1.288586218172706, -0.5378717444973745, 0.2135812027542364, -0.00253387643187372, 1.0923167988719165, -0.08978292244004273, -0.06937382305734124, -0.29500839894431263, 1.1894868245121142], type$.JSArray_double)));
+    _lazyFinal($, "xyzD50ToLms", "$get$xyzD50ToLms", () => A.NativeFloat64List_NativeFloat64List$fromList(A._setArrayType([0.7707000420431172, 0.34924840261939616, -0.11202351884164681, 0.00559649248368848, 0.9370723401136769, 0.06972568836252771, 0.04633714262191069, 0.25277531574310524, 0.851458076746796], type$.JSArray_double)));
+    _lazyFinal($, "linearProphotoRgbToXyzD50", "$get$linearProphotoRgbToXyzD50", () => A.NativeFloat64List_NativeFloat64List$fromList(A._setArrayType([0.7977666449006423, 0.13518129740053308, 0.0313477341283922, 0.2880748288194013, 0.711835234241873, 0.00008993693872564, 0, 0, 0.8251046025104602], type$.JSArray_double)));
+    _lazyFinal($, "xyzD50ToLinearProphotoRgb", "$get$xyzD50ToLinearProphotoRgb", () => A.NativeFloat64List_NativeFloat64List$fromList(A._setArrayType([1.3457868816471583, -0.25557208737979464, -0.05110186497554526, -0.5446307051249019, 1.5082477428451468, 0.02052744743642139, 0, 0, 1.2119675456389452], type$.JSArray_double)));
+    _lazyFinal($, "_typesByUnit", "$get$_typesByUnit", () => {
+      var t3, type,
+        t1 = type$.String,
+        t2 = A.LinkedHashMap_LinkedHashMap$_empty(t1, t1);
+      for (t1 = A.MapExtensions_get_pairs(B.Map_Sr65K, t1, type$.List_String), t1 = t1.get$iterator(t1); t1.moveNext$0();) {
+        t3 = t1.get$current(t1);
+        type = t3._0;
+        for (t3 = J.get$iterator$ax(t3._1); t3.moveNext$0();)
+          t2.$indexSet(0, t3.get$current(t3), type);
+      }
+      return t2;
+    });
+    _lazyFinal($, "_knownCompatibilitiesByUnit", "$get$_knownCompatibilitiesByUnit", () => {
+      var _i, set, t2,
+        t1 = A.LinkedHashMap_LinkedHashMap$_empty(type$.String, A.findType("Set<String>"));
+      for (_i = 0; _i < 5; ++_i) {
+        set = B.List_BFg[_i];
+        for (t2 = set.get$iterator(set); t2.moveNext$0();)
+          t1.$indexSet(0, t2.get$current(0), set);
+      }
+      return t1;
+    });
+    _lazyFinal($, "_emptyQuoted", "$get$_emptyQuoted", () => A.SassString$("", true));
+    _lazyFinal($, "_emptyUnquoted", "$get$_emptyUnquoted", () => A.SassString$("", false));
+    _lazyFinal($, "maxInt32", "$get$maxInt32", () => A._asInt(A.pow(2, 31)) - 1);
+    _lazyFinal($, "minInt32", "$get$minInt32", () => -A._asInt(A.pow(2, 31)));
+    _lazyFinal($, "_vmFrame", "$get$_vmFrame", () => A.RegExp_RegExp("^#\\d+\\s+(\\S.*) \\((.+?)((?::\\d+){0,2})\\)$", false));
+    _lazyFinal($, "_v8JsFrame", "$get$_v8JsFrame", () => A.RegExp_RegExp("^\\s*at (?:(\\S.*?)(?: \\[as [^\\]]+\\])? \\((.*)\\)|(.*))$", false));
+    _lazyFinal($, "_v8JsUrlLocation", "$get$_v8JsUrlLocation", () => A.RegExp_RegExp("^(.*?):(\\d+)(?::(\\d+))?$|native$", false));
+    _lazyFinal($, "_v8WasmFrame", "$get$_v8WasmFrame", () => A.RegExp_RegExp("^\\s*at (?:(?<member>.+) )?(?:\\(?(?:(?<uri>\\S+):wasm-function\\[(?<index>\\d+)\\]\\:0x(?<offset>[0-9a-fA-F]+))\\)?)$", false));
+    _lazyFinal($, "_v8EvalLocation", "$get$_v8EvalLocation", () => A.RegExp_RegExp("^eval at (?:\\S.*?) \\((.*)\\)(?:, .*?:\\d+:\\d+)?$", false));
+    _lazyFinal($, "_firefoxEvalLocation", "$get$_firefoxEvalLocation", () => A.RegExp_RegExp("(\\S+)@(\\S+) line (\\d+) >.* (Function|eval):\\d+:\\d+", false));
+    _lazyFinal($, "_firefoxSafariJSFrame", "$get$_firefoxSafariJSFrame", () => A.RegExp_RegExp("^(?:([^@(/]*)(?:\\(.*\\))?((?:/[^/]*)*)(?:\\(.*\\))?@)?(.*?):(\\d*)(?::(\\d*))?$", false));
+    _lazyFinal($, "_firefoxWasmFrame", "$get$_firefoxWasmFrame", () => A.RegExp_RegExp("^(?<member>.*?)@(?:(?<uri>\\S+).*?:wasm-function\\[(?<index>\\d+)\\]:0x(?<offset>[0-9a-fA-F]+))$", false));
+    _lazyFinal($, "_safariWasmFrame", "$get$_safariWasmFrame", () => A.RegExp_RegExp("^.*?wasm-function\\[(?<member>.*)\\]@\\[wasm code\\]$", false));
+    _lazyFinal($, "_friendlyFrame", "$get$_friendlyFrame", () => A.RegExp_RegExp("^(\\S+)(?: (\\d+)(?::(\\d+))?)?\\s+([^\\d].*)$", false));
+    _lazyFinal($, "_asyncBody", "$get$_asyncBody", () => A.RegExp_RegExp("<(<anonymous closure>|[^>]+)_async_body>", false));
+    _lazyFinal($, "_initialDot", "$get$_initialDot", () => A.RegExp_RegExp("^\\.", false));
+    _lazyFinal($, "Frame__uriRegExp", "$get$Frame__uriRegExp", () => A.RegExp_RegExp("^[a-zA-Z][-+.a-zA-Z\\d]*://", false));
+    _lazyFinal($, "Frame__windowsRegExp", "$get$Frame__windowsRegExp", () => A.RegExp_RegExp("^([a-zA-Z]:[\\\\/]|\\\\\\\\)", false));
+    _lazyFinal($, "_terseRegExp", "$get$_terseRegExp", () => A.RegExp_RegExp("(-patch)?([/\\\\].*)?$", false));
+    _lazyFinal($, "_v8Trace", "$get$_v8Trace", () => A.RegExp_RegExp("\\n    ?at ", false));
+    _lazyFinal($, "_v8TraceLine", "$get$_v8TraceLine", () => A.RegExp_RegExp("    ?at ", false));
+    _lazyFinal($, "_firefoxEvalTrace", "$get$_firefoxEvalTrace", () => A.RegExp_RegExp("@\\S+ line \\d+ >.* (Function|eval):\\d+:\\d+", false));
+    _lazyFinal($, "_firefoxSafariTrace", "$get$_firefoxSafariTrace", () => A.RegExp_RegExp("^(([.0-9A-Za-z_$/<]|\\(.*\\))*@)?[^\\s]*:\\d*$", true));
+    _lazyFinal($, "_friendlyTrace", "$get$_friendlyTrace", () => A.RegExp_RegExp("^[^\\s<][^\\s]*( \\d+(:\\d+)?)?[ \\t]+[^\\s]+$", true));
+    _lazyFinal($, "vmChainGap", "$get$vmChainGap", () => A.RegExp_RegExp("^<asynchronous suspension>\\n?$", true));
+    _lazyFinal($, "_newlineRegExp", "$get$_newlineRegExp", () => A.RegExp_RegExp("\\n|\\r\\n|\\r(?!\\n)", false));
+    _lazyFinal($, "argumentListClass", "$get$argumentListClass", () => new A.argumentListClass_closure().call$0());
+    _lazyFinal($, "booleanClass", "$get$booleanClass", () => new A.booleanClass_closure().call$0());
+    _lazyFinal($, "legacyBooleanClass", "$get$legacyBooleanClass", () => new A.legacyBooleanClass_closure().call$0());
+    _lazyFinal($, "calculationClass", "$get$calculationClass", () => new A.calculationClass_closure().call$0());
+    _lazyFinal($, "calculationOperationClass", "$get$calculationOperationClass", () => new A.calculationOperationClass_closure().call$0());
+    _lazyFinal($, "calculationInterpolationClass", "$get$calculationInterpolationClass", () => new A.calculationInterpolationClass_closure().call$0());
+    _lazyFinal($, "_microsoftFilterStart0", "$get$_microsoftFilterStart0", () => A.RegExp_RegExp("^[a-zA-Z]+\\s*=", false));
+    _lazyFinal($, "global6", "$get$global6", () => {
+      var _s5_ = "color",
+        _s27_ = "$red, $green, $blue, $alpha",
+        _s19_ = "$red, $green, $blue",
+        _s9_ = "$channels",
+        _s37_ = "$hue, $saturation, $lightness, $alpha",
+        _s29_ = "$hue, $saturation, $lightness",
+        _s17_ = "$hue, $saturation",
+        _s6_ = "adjust",
+        _s15_ = "$color, $amount",
+        t1 = type$.String,
+        t2 = type$.Value_Function_List_Value_2;
+      return A.UnmodifiableListView$(A._setArrayType([A._channelFunction0("red", B.RgbColorSpace_i0P0, new A.global_closure44(), true, null).withDeprecationWarning$1(_s5_), A._channelFunction0("green", B.RgbColorSpace_i0P0, new A.global_closure45(), true, null).withDeprecationWarning$1(_s5_), A._channelFunction0("blue", B.RgbColorSpace_i0P0, new A.global_closure46(), true, null).withDeprecationWarning$1(_s5_), $.$get$_mix0().withDeprecationWarning$1(_s5_), A.BuiltInCallable$overloadedFunction0("rgb", A.LinkedHashMap_LinkedHashMap$_literal([_s27_, new A.global_closure47(), _s19_, new A.global_closure48(), "$color, $alpha", new A.global_closure49(), "$channels", new A.global_closure50()], t1, t2)), A.BuiltInCallable$overloadedFunction0("rgba", A.LinkedHashMap_LinkedHashMap$_literal([_s27_, new A.global_closure51(), _s19_, new A.global_closure52(), "$color, $alpha", new A.global_closure53(), "$channels", new A.global_closure54()], t1, t2)), A._function12("invert", "$color, $weight: 100%, $space: null", new A.global_closure55()), A._channelFunction0("hue", B.HslColorSpace_JQ20, new A.global_closure56(), true, "deg").withDeprecationWarning$1(_s5_), A._channelFunction0("saturation", B.HslColorSpace_JQ20, new A.global_closure57(), true, "%").withDeprecationWarning$1(_s5_), A._channelFunction0("lightness", B.HslColorSpace_JQ20, new A.global_closure58(), true, "%").withDeprecationWarning$1(_s5_), A.BuiltInCallable$overloadedFunction0("hsl", A.LinkedHashMap_LinkedHashMap$_literal([_s37_, new A.global_closure59(), _s29_, new A.global_closure60(), _s17_, new A.global_closure61(), "$channels", new A.global_closure62()], t1, t2)), A.BuiltInCallable$overloadedFunction0("hsla", A.LinkedHashMap_LinkedHashMap$_literal([_s37_, new A.global_closure63(), _s29_, new A.global_closure64(), _s17_, new A.global_closure65(), "$channels", new A.global_closure66()], t1, t2)), A._function12("grayscale", "$color", new A.global_closure67()), A._function12("adjust-hue", "$color, $degrees", new A.global_closure68()).withDeprecationWarning$2(_s5_, _s6_), A._function12("lighten", _s15_, new A.global_closure69()).withDeprecationWarning$2(_s5_, _s6_), A._function12("darken", _s15_, new A.global_closure70()).withDeprecationWarning$2(_s5_, _s6_), A.BuiltInCallable$overloadedFunction0("saturate", A.LinkedHashMap_LinkedHashMap$_literal(["$amount", new A.global_closure71(), "$color, $amount", new A.global_closure72()], t1, t2)), A._function12("desaturate", _s15_, new A.global_closure73()).withDeprecationWarning$2(_s5_, _s6_), A._function12("opacify", _s15_, new A.global_closure74()).withDeprecationWarning$2(_s5_, _s6_), A._function12("fade-in", _s15_, new A.global_closure75()).withDeprecationWarning$2(_s5_, _s6_), A._function12("transparentize", _s15_, new A.global_closure76()).withDeprecationWarning$2(_s5_, _s6_), A._function12("fade-out", _s15_, new A.global_closure77()).withDeprecationWarning$2(_s5_, _s6_), A.BuiltInCallable$overloadedFunction0("alpha", A.LinkedHashMap_LinkedHashMap$_literal(["$color", new A.global_closure78(), "$args...", new A.global_closure79()], t1, t2)), A._function12("opacity", "$color", new A.global_closure80()), A._function12(_s5_, "$description", new A.global_closure81()), A._function12("hwb", _s9_, new A.global_closure82()), A._function12("lab", _s9_, new A.global_closure83()), A._function12("lch", _s9_, new A.global_closure84()), A._function12("oklab", _s9_, new A.global_closure85()), A._function12("oklch", _s9_, new A.global_closure86()), $.$get$_complement0().withDeprecationWarning$1(_s5_), $.$get$_ieHexStr0(), $.$get$_adjust0().withDeprecationWarning$1(_s5_).withName$1("adjust-color"), $.$get$_scale0().withDeprecationWarning$1(_s5_).withName$1("scale-color"), $.$get$_change0().withDeprecationWarning$1(_s5_).withName$1("change-color")], type$.JSArray_BuiltInCallable_2), type$.BuiltInCallable_2);
+    });
+    _lazyFinal($, "module5", "$get$module5", () => {
+      var _null = null,
+        _s10_ = "saturation",
+        _s9_ = "lightness",
+        _s6_ = "$color", _s5_ = "alpha",
+        _s30_ = "$color, $channel, $space: null",
+        t1 = type$.String,
+        t2 = type$.Value_Function_List_Value_2;
+      return A.BuiltInModule$0("color", A._setArrayType([A._channelFunction0("red", B.RgbColorSpace_i0P0, new A.module_closure27(), false, _null), A._channelFunction0("green", B.RgbColorSpace_i0P0, new A.module_closure28(), false, _null), A._channelFunction0("blue", B.RgbColorSpace_i0P0, new A.module_closure29(), false, _null), $.$get$_mix0(), A._function12("invert", "$color, $weight: 100%, $space: null", new A.module_closure30()), A._channelFunction0("hue", B.HslColorSpace_JQ20, new A.module_closure31(), false, "deg"), A._channelFunction0(_s10_, B.HslColorSpace_JQ20, new A.module_closure32(), false, "%"), A._channelFunction0(_s9_, B.HslColorSpace_JQ20, new A.module_closure33(), false, "%"), A._removedColorFunction0("adjust-hue", "hue", false), A._removedColorFunction0("lighten", _s9_, false), A._removedColorFunction0("darken", _s9_, true), A._removedColorFunction0("saturate", _s10_, false), A._removedColorFunction0("desaturate", _s10_, true), A._function12("grayscale", _s6_, new A.module_closure34()), A.BuiltInCallable$overloadedFunction0("hwb", A.LinkedHashMap_LinkedHashMap$_literal(["$hue, $whiteness, $blackness, $alpha: 1", new A.module_closure35(), "$channels", new A.module_closure36()], t1, t2)), A._channelFunction0("whiteness", B.HwbColorSpace_guQ0, new A.module_closure37(), false, "%"), A._channelFunction0("blackness", B.HwbColorSpace_guQ0, new A.module_closure38(), false, "%"), A._removedColorFunction0("opacify", _s5_, false), A._removedColorFunction0("fade-in", _s5_, false), A._removedColorFunction0("transparentize", _s5_, true), A._removedColorFunction0("fade-out", _s5_, true), A.BuiltInCallable$overloadedFunction0(_s5_, A.LinkedHashMap_LinkedHashMap$_literal(["$color", new A.module_closure39(), "$args...", new A.module_closure40()], t1, t2)), A._function12("opacity", _s6_, new A.module_closure41()), A._function12("space", _s6_, new A.module_closure42()), A._function12("to-space", "$color, $space", new A.module_closure43()), A._function12("is-legacy", _s6_, new A.module_closure44()), A._function12("is-missing", "$color, $channel", new A.module_closure45()), A._function12("is-in-gamut", "$color, $space: null", new A.module_closure46()), A._function12("to-gamut", "$color, $space: null, $method: null", new A.module_closure47()), A._function12("channel", _s30_, new A.module_closure48()), A._function12("same", "$color1, $color2", new A.module_closure49()), A._function12("is-powerless", _s30_, new A.module_closure50()), $.$get$_complement0(), $.$get$_adjust0(), $.$get$_scale0(), $.$get$_change0(), $.$get$_ieHexStr0()], type$.JSArray_Callable_2), _null, _null, type$.Callable_2);
+    });
+    _lazyFinal($, "_mix0", "$get$_mix0", () => A._function12("mix", string$.x24color, new A._mix_closure0()));
+    _lazyFinal($, "_complement0", "$get$_complement0", () => A._function12("complement", "$color, $space: null", new A._complement_closure0()));
+    _lazyFinal($, "_adjust0", "$get$_adjust0", () => A._function12("adjust", "$color, $kwargs...", new A._adjust_closure0()));
+    _lazyFinal($, "_scale0", "$get$_scale0", () => A._function12("scale", "$color, $kwargs...", new A._scale_closure0()));
+    _lazyFinal($, "_change0", "$get$_change0", () => A._function12("change", "$color, $kwargs...", new A._change_closure0()));
+    _lazyFinal($, "_ieHexStr0", "$get$_ieHexStr0", () => A._function12("ie-hex-str", "$color", new A._ieHexStr_closure0()));
+    _lazyFinal($, "colorClass", "$get$colorClass", () => new A.colorClass_closure().call$0());
+    _lazyFinal($, "legacyColorClass", "$get$legacyColorClass", () => {
+      var t1 = A.createJSClass("sass.types.Color", new A.legacyColorClass_closure());
+      A.JSClassExtension_defineMethods(t1, A.LinkedHashMap_LinkedHashMap$_literal(["getR", new A.legacyColorClass_closure0(), "getG", new A.legacyColorClass_closure1(), "getB", new A.legacyColorClass_closure2(), "getA", new A.legacyColorClass_closure3(), "setR", new A.legacyColorClass_closure4(), "setG", new A.legacyColorClass_closure5(), "setB", new A.legacyColorClass_closure6(), "setA", new A.legacyColorClass_closure7()], type$.String, type$.Function));
+      return t1;
+    });
+    _lazyFinal($, "colorsByName0", "$get$colorsByName0", () => A.LinkedHashMap_LinkedHashMap$_literal(["yellowgreen", A.SassColor_SassColor$rgb0(154, 205, 50, 1), "yellow", A.SassColor_SassColor$rgb0(255, 255, 0, 1), "whitesmoke", A.SassColor_SassColor$rgb0(245, 245, 245, 1), "white", A.SassColor_SassColor$rgb0(255, 255, 255, 1), "wheat", A.SassColor_SassColor$rgb0(245, 222, 179, 1), "violet", A.SassColor_SassColor$rgb0(238, 130, 238, 1), "turquoise", A.SassColor_SassColor$rgb0(64, 224, 208, 1), "transparent", A.SassColor_SassColor$rgb0(0, 0, 0, 0), "tomato", A.SassColor_SassColor$rgb0(255, 99, 71, 1), "thistle", A.SassColor_SassColor$rgb0(216, 191, 216, 1), "teal", A.SassColor_SassColor$rgb0(0, 128, 128, 1), "tan", A.SassColor_SassColor$rgb0(210, 180, 140, 1), "steelblue", A.SassColor_SassColor$rgb0(70, 130, 180, 1), "springgreen", A.SassColor_SassColor$rgb0(0, 255, 127, 1), "snow", A.SassColor_SassColor$rgb0(255, 250, 250, 1), "slategrey", A.SassColor_SassColor$rgb0(112, 128, 144, 1), "slategray", A.SassColor_SassColor$rgb0(112, 128, 144, 1), "slateblue", A.SassColor_SassColor$rgb0(106, 90, 205, 1), "skyblue", A.SassColor_SassColor$rgb0(135, 206, 235, 1), "silver", A.SassColor_SassColor$rgb0(192, 192, 192, 1), "sienna", A.SassColor_SassColor$rgb0(160, 82, 45, 1), "seashell", A.SassColor_SassColor$rgb0(255, 245, 238, 1), "seagreen", A.SassColor_SassColor$rgb0(46, 139, 87, 1), "sandybrown", A.SassColor_SassColor$rgb0(244, 164, 96, 1), "salmon", A.SassColor_SassColor$rgb0(250, 128, 114, 1), "saddlebrown", A.SassColor_SassColor$rgb0(139, 69, 19, 1), "royalblue", A.SassColor_SassColor$rgb0(65, 105, 225, 1), "rosybrown", A.SassColor_SassColor$rgb0(188, 143, 143, 1), "red", A.SassColor_SassColor$rgb0(255, 0, 0, 1), "rebeccapurple", A.SassColor_SassColor$rgb0(102, 51, 153, 1), "purple", A.SassColor_SassColor$rgb0(128, 0, 128, 1), "powderblue", A.SassColor_SassColor$rgb0(176, 224, 230, 1), "plum", A.SassColor_SassColor$rgb0(221, 160, 221, 1), "pink", A.SassColor_SassColor$rgb0(255, 192, 203, 1), "peru", A.SassColor_SassColor$rgb0(205, 133, 63, 1), "peachpuff", A.SassColor_SassColor$rgb0(255, 218, 185, 1), "papayawhip", A.SassColor_SassColor$rgb0(255, 239, 213, 1), "palevioletred", A.SassColor_SassColor$rgb0(219, 112, 147, 1), "paleturquoise", A.SassColor_SassColor$rgb0(175, 238, 238, 1), "palegreen", A.SassColor_SassColor$rgb0(152, 251, 152, 1), "palegoldenrod", A.SassColor_SassColor$rgb0(238, 232, 170, 1), "orchid", A.SassColor_SassColor$rgb0(218, 112, 214, 1), "orangered", A.SassColor_SassColor$rgb0(255, 69, 0, 1), "orange", A.SassColor_SassColor$rgb0(255, 165, 0, 1), "olivedrab", A.SassColor_SassColor$rgb0(107, 142, 35, 1), "olive", A.SassColor_SassColor$rgb0(128, 128, 0, 1), "oldlace", A.SassColor_SassColor$rgb0(253, 245, 230, 1), "navy", A.SassColor_SassColor$rgb0(0, 0, 128, 1), "navajowhite", A.SassColor_SassColor$rgb0(255, 222, 173, 1), "moccasin", A.SassColor_SassColor$rgb0(255, 228, 181, 1), "mistyrose", A.SassColor_SassColor$rgb0(255, 228, 225, 1), "mintcream", A.SassColor_SassColor$rgb0(245, 255, 250, 1), "midnightblue", A.SassColor_SassColor$rgb0(25, 25, 112, 1), "mediumvioletred", A.SassColor_SassColor$rgb0(199, 21, 133, 1), "mediumturquoise", A.SassColor_SassColor$rgb0(72, 209, 204, 1), "mediumspringgreen", A.SassColor_SassColor$rgb0(0, 250, 154, 1), "mediumslateblue", A.SassColor_SassColor$rgb0(123, 104, 238, 1), "mediumseagreen", A.SassColor_SassColor$rgb0(60, 179, 113, 1), "mediumpurple", A.SassColor_SassColor$rgb0(147, 112, 219, 1), "mediumorchid", A.SassColor_SassColor$rgb0(186, 85, 211, 1), "mediumblue", A.SassColor_SassColor$rgb0(0, 0, 205, 1), "mediumaquamarine", A.SassColor_SassColor$rgb0(102, 205, 170, 1), "maroon", A.SassColor_SassColor$rgb0(128, 0, 0, 1), "magenta", A.SassColor_SassColor$rgb0(255, 0, 255, 1), "linen", A.SassColor_SassColor$rgb0(250, 240, 230, 1), "limegreen", A.SassColor_SassColor$rgb0(50, 205, 50, 1), "lime", A.SassColor_SassColor$rgb0(0, 255, 0, 1), "lightyellow", A.SassColor_SassColor$rgb0(255, 255, 224, 1), "lightsteelblue", A.SassColor_SassColor$rgb0(176, 196, 222, 1), "lightslategrey", A.SassColor_SassColor$rgb0(119, 136, 153, 1), "lightslategray", A.SassColor_SassColor$rgb0(119, 136, 153, 1), "lightskyblue", A.SassColor_SassColor$rgb0(135, 206, 250, 1), "lightseagreen", A.SassColor_SassColor$rgb0(32, 178, 170, 1), "lightsalmon", A.SassColor_SassColor$rgb0(255, 160, 122, 1), "lightpink", A.SassColor_SassColor$rgb0(255, 182, 193, 1), "lightgrey", A.SassColor_SassColor$rgb0(211, 211, 211, 1), "lightgreen", A.SassColor_SassColor$rgb0(144, 238, 144, 1), "lightgray", A.SassColor_SassColor$rgb0(211, 211, 211, 1), "lightgoldenrodyellow", A.SassColor_SassColor$rgb0(250, 250, 210, 1), "lightcyan", A.SassColor_SassColor$rgb0(224, 255, 255, 1), "lightcoral", A.SassColor_SassColor$rgb0(240, 128, 128, 1), "lightblue", A.SassColor_SassColor$rgb0(173, 216, 230, 1), "lemonchiffon", A.SassColor_SassColor$rgb0(255, 250, 205, 1), "lawngreen", A.SassColor_SassColor$rgb0(124, 252, 0, 1), "lavenderblush", A.SassColor_SassColor$rgb0(255, 240, 245, 1), "lavender", A.SassColor_SassColor$rgb0(230, 230, 250, 1), "khaki", A.SassColor_SassColor$rgb0(240, 230, 140, 1), "ivory", A.SassColor_SassColor$rgb0(255, 255, 240, 1), "indigo", A.SassColor_SassColor$rgb0(75, 0, 130, 1), "indianred", A.SassColor_SassColor$rgb0(205, 92, 92, 1), "hotpink", A.SassColor_SassColor$rgb0(255, 105, 180, 1), "honeydew", A.SassColor_SassColor$rgb0(240, 255, 240, 1), "grey", A.SassColor_SassColor$rgb0(128, 128, 128, 1), "greenyellow", A.SassColor_SassColor$rgb0(173, 255, 47, 1), "green", A.SassColor_SassColor$rgb0(0, 128, 0, 1), "gray", A.SassColor_SassColor$rgb0(128, 128, 128, 1), "goldenrod", A.SassColor_SassColor$rgb0(218, 165, 32, 1), "gold", A.SassColor_SassColor$rgb0(255, 215, 0, 1), "ghostwhite", A.SassColor_SassColor$rgb0(248, 248, 255, 1), "gainsboro", A.SassColor_SassColor$rgb0(220, 220, 220, 1), "fuchsia", A.SassColor_SassColor$rgb0(255, 0, 255, 1), "forestgreen", A.SassColor_SassColor$rgb0(34, 139, 34, 1), "floralwhite", A.SassColor_SassColor$rgb0(255, 250, 240, 1), "firebrick", A.SassColor_SassColor$rgb0(178, 34, 34, 1), "dodgerblue", A.SassColor_SassColor$rgb0(30, 144, 255, 1), "dimgrey", A.SassColor_SassColor$rgb0(105, 105, 105, 1), "dimgray", A.SassColor_SassColor$rgb0(105, 105, 105, 1), "deepskyblue", A.SassColor_SassColor$rgb0(0, 191, 255, 1), "deeppink", A.SassColor_SassColor$rgb0(255, 20, 147, 1), "darkviolet", A.SassColor_SassColor$rgb0(148, 0, 211, 1), "darkturquoise", A.SassColor_SassColor$rgb0(0, 206, 209, 1), "darkslategrey", A.SassColor_SassColor$rgb0(47, 79, 79, 1), "darkslategray", A.SassColor_SassColor$rgb0(47, 79, 79, 1), "darkslateblue", A.SassColor_SassColor$rgb0(72, 61, 139, 1), "darkseagreen", A.SassColor_SassColor$rgb0(143, 188, 143, 1), "darksalmon", A.SassColor_SassColor$rgb0(233, 150, 122, 1), "darkred", A.SassColor_SassColor$rgb0(139, 0, 0, 1), "darkorchid", A.SassColor_SassColor$rgb0(153, 50, 204, 1), "darkorange", A.SassColor_SassColor$rgb0(255, 140, 0, 1), "darkolivegreen", A.SassColor_SassColor$rgb0(85, 107, 47, 1), "darkmagenta", A.SassColor_SassColor$rgb0(139, 0, 139, 1), "darkkhaki", A.SassColor_SassColor$rgb0(189, 183, 107, 1), "darkgrey", A.SassColor_SassColor$rgb0(169, 169, 169, 1), "darkgreen", A.SassColor_SassColor$rgb0(0, 100, 0, 1), "darkgray", A.SassColor_SassColor$rgb0(169, 169, 169, 1), "darkgoldenrod", A.SassColor_SassColor$rgb0(184, 134, 11, 1), "darkcyan", A.SassColor_SassColor$rgb0(0, 139, 139, 1), "darkblue", A.SassColor_SassColor$rgb0(0, 0, 139, 1), "cyan", A.SassColor_SassColor$rgb0(0, 255, 255, 1), "crimson", A.SassColor_SassColor$rgb0(220, 20, 60, 1), "cornsilk", A.SassColor_SassColor$rgb0(255, 248, 220, 1), "cornflowerblue", A.SassColor_SassColor$rgb0(100, 149, 237, 1), "coral", A.SassColor_SassColor$rgb0(255, 127, 80, 1), "chocolate", A.SassColor_SassColor$rgb0(210, 105, 30, 1), "chartreuse", A.SassColor_SassColor$rgb0(127, 255, 0, 1), "cadetblue", A.SassColor_SassColor$rgb0(95, 158, 160, 1), "burlywood", A.SassColor_SassColor$rgb0(222, 184, 135, 1), "brown", A.SassColor_SassColor$rgb0(165, 42, 42, 1), "blueviolet", A.SassColor_SassColor$rgb0(138, 43, 226, 1), "blue", A.SassColor_SassColor$rgb0(0, 0, 255, 1), "blanchedalmond", A.SassColor_SassColor$rgb0(255, 235, 205, 1), "black", A.SassColor_SassColor$rgb0(0, 0, 0, 1), "bisque", A.SassColor_SassColor$rgb0(255, 228, 196, 1), "beige", A.SassColor_SassColor$rgb0(245, 245, 220, 1), "azure", A.SassColor_SassColor$rgb0(240, 255, 255, 1), "aquamarine", A.SassColor_SassColor$rgb0(127, 255, 212, 1), "aqua", A.SassColor_SassColor$rgb0(0, 255, 255, 1), "antiquewhite", A.SassColor_SassColor$rgb0(250, 235, 215, 1), "aliceblue", A.SassColor_SassColor$rgb0(240, 248, 255, 1)], type$.String, type$.SassColor_2));
+    _lazyFinal($, "namesByColor0", "$get$namesByColor0", () => {
+      var $name,
+        t1 = type$.SassColor_2,
+        t2 = type$.String,
+        t3 = A.LinkedHashMap_LinkedHashMap$_empty(t1, t2);
+      for (t1 = A.MapExtensions_get_pairs0($.$get$colorsByName0(), t2, t1), t1 = t1.get$iterator(t1); t1.moveNext$0();) {
+        t2 = t1.get$current(t1);
+        $name = t2._0;
+        t3.$indexSet(0, t2._1, $name);
+      }
+      return t3;
+    });
+    _lazyFinal($, "nodePackageImporterClass", "$get$nodePackageImporterClass", () => new A.nodePackageImporterClass_closure().call$0());
+    _lazyFinal($, "compilerClass", "$get$compilerClass", () => new A.compilerClass_closure().call$0());
+    _lazyFinal($, "asyncCompilerClass", "$get$asyncCompilerClass", () => new A.asyncCompilerClass_closure().call$0());
+    _lazyFinal($, "lmsToOklab0", "$get$lmsToOklab0", () => A.NativeFloat64List_NativeFloat64List$fromList(A._setArrayType([0.210454268309314, 0.7936177747023054, -0.0040720430116193, 1.9779985324311684, -2.42859224204858, 0.450593709617411, 0.0259040424655478, 0.7827717124575296, -0.8086757549230774], type$.JSArray_double)));
+    _lazyFinal($, "oklabToLms0", "$get$oklabToLms0", () => A.NativeFloat64List_NativeFloat64List$fromList(A._setArrayType([1.0000000000000002, 0.3963377773761749, 0.2158037573099136, 0.9999999999999998, -0.10556134581565854, -0.06385417282581334, 0.9999999999999999, -0.0894841775298118, -1.2914855480194094], type$.JSArray_double)));
+    _lazyFinal($, "linearSrgbToLinearDisplayP30", "$get$linearSrgbToLinearDisplayP30", () => A.NativeFloat64List_NativeFloat64List$fromList(A._setArrayType([0.8224619687143623, 0.17753803128563775, 0, 0.03319419885096161, 0.9668058011490384, 0, 0.01708263072112003, 0.07239744066396346, 0.9105199286149165], type$.JSArray_double)));
+    _lazyFinal($, "linearDisplayP3ToLinearSrgb0", "$get$linearDisplayP3ToLinearSrgb0", () => A.NativeFloat64List_NativeFloat64List$fromList(A._setArrayType([1.2249401762805598, -0.22494017628055996, 0, -0.04205695470968816, 1.042056954709688, 0, -0.01963755459033443, -0.07863604555063188, 1.0982736001409663], type$.JSArray_double)));
+    _lazyFinal($, "linearSrgbToLinearA98Rgb0", "$get$linearSrgbToLinearA98Rgb0", () => A.NativeFloat64List_NativeFloat64List$fromList(A._setArrayType([0.7151256068556247, 0.28487439314437535, 0, 0, 1, 0, 0, 0.04116194845011846, 0.9588380515498816], type$.JSArray_double)));
+    _lazyFinal($, "linearA98RgbToLinearSrgb0", "$get$linearA98RgbToLinearSrgb0", () => A.NativeFloat64List_NativeFloat64List$fromList(A._setArrayType([1.3983557439607783, -0.3983557439607783, 0, 0, 1, 0, 0, -0.04292898929447326, 1.0429289892944733], type$.JSArray_double)));
+    _lazyFinal($, "linearSrgbToLinearRec20200", "$get$linearSrgbToLinearRec20200", () => A.NativeFloat64List_NativeFloat64List$fromList(A._setArrayType([0.627403895934699, 0.3292830383778837, 0.04331306568741722, 0.06909728935823208, 0.9195403950754587, 0.01136231556630917, 0.01639143887515027, 0.08801330787722575, 0.895595253247624], type$.JSArray_double)));
+    _lazyFinal($, "linearRec2020ToLinearSrgb0", "$get$linearRec2020ToLinearSrgb0", () => A.NativeFloat64List_NativeFloat64List$fromList(A._setArrayType([1.6604910021084345, -0.5876411387885495, -0.07284986331988487, -0.12455047452159074, 1.1328998971259603, -0.00834942260436947, -0.0181507633549053, -0.10057889800800737, 1.1187296613629127], type$.JSArray_double)));
+    _lazyFinal($, "linearSrgbToXyzD650", "$get$linearSrgbToXyzD650", () => A.NativeFloat64List_NativeFloat64List$fromList(A._setArrayType([0.4123907992659595, 0.35758433938387796, 0.1804807884018343, 0.21263900587151036, 0.7151686787677559, 0.07219231536073371, 0.01933081871559185, 0.11919477979462598, 0.9505321522496606], type$.JSArray_double)));
+    _lazyFinal($, "xyzD65ToLinearSrgb0", "$get$xyzD65ToLinearSrgb0", () => A.NativeFloat64List_NativeFloat64List$fromList(A._setArrayType([3.2409699419045213, -1.5373831775700935, -0.4986107602930033, -0.9692436362808798, 1.8759675015077206, 0.04155505740717561, 0.0556300796969936, -0.20397695888897657, 1.0569715142428786], type$.JSArray_double)));
+    _lazyFinal($, "linearSrgbToLms0", "$get$linearSrgbToLms0", () => A.NativeFloat64List_NativeFloat64List$fromList(A._setArrayType([0.412221469470763, 0.5363325372617348, 0.0514459932675022, 0.2119034958178252, 0.6806995506452342, 0.1073969535369405, 0.08830245919005641, 0.2817188391361215, 0.6299787016738221], type$.JSArray_double)));
+    _lazyFinal($, "lmsToLinearSrgb0", "$get$lmsToLinearSrgb0", () => A.NativeFloat64List_NativeFloat64List$fromList(A._setArrayType([4.076741636075958, -3.307711539258062, 0.23096990318210417, -1.268437973285032, 2.609757349287689, -0.3413193760026571, -0.00419607613867551, -0.7034186179359363, 1.707614694074612], type$.JSArray_double)));
+    _lazyFinal($, "linearSrgbToLinearProphotoRgb0", "$get$linearSrgbToLinearProphotoRgb0", () => A.NativeFloat64List_NativeFloat64List$fromList(A._setArrayType([0.5292769776226116, 0.33015450197849283, 0.14056852039889556, 0.09836585954044917, 0.8734707129069618, 0.028163427552589, 0.01687534092138684, 0.11765941425612084, 0.8654652448224923], type$.JSArray_double)));
+    _lazyFinal($, "linearProphotoRgbToLinearSrgb0", "$get$linearProphotoRgbToLinearSrgb0", () => A.NativeFloat64List_NativeFloat64List$fromList(A._setArrayType([2.034380849516996, -0.7276357899341342, -0.3067450595828618, -0.22882573163305037, 1.2317425411901048, -0.00291680955705449, -0.00855882878391742, -0.1532667021380372, 1.1618255309219547], type$.JSArray_double)));
+    _lazyFinal($, "linearSrgbToXyzD500", "$get$linearSrgbToXyzD500", () => A.NativeFloat64List_NativeFloat64List$fromList(A._setArrayType([0.43606574687426936, 0.3851515095901596, 0.14307841996513868, 0.22249317711056518, 0.7168870130944824, 0.06061980979495235, 0.01392392146316939, 0.09708132423141015, 0.7140993568158807], type$.JSArray_double)));
+    _lazyFinal($, "xyzD50ToLinearSrgb0", "$get$xyzD50ToLinearSrgb0", () => A.NativeFloat64List_NativeFloat64List$fromList(A._setArrayType([3.1341358529001178, -1.617385998018042, -0.49066221791109754, -0.9787954765557777, 1.9162543773959884, 0.03344287339036693, 0.07195539255794733, -0.228976759815182, 1.4053860351131182], type$.JSArray_double)));
+    _lazyFinal($, "linearDisplayP3ToLinearA98Rgb0", "$get$linearDisplayP3ToLinearA98Rgb0", () => A.NativeFloat64List_NativeFloat64List$fromList(A._setArrayType([0.8640051374740484, 0.13599486252595164, 0, -0.04205695470968816, 1.042056954709688, 0, -0.02056038078232985, -0.03250613804550798, 1.0530665188278379], type$.JSArray_double)));
+    _lazyFinal($, "linearA98RgbToLinearDisplayP30", "$get$linearA98RgbToLinearDisplayP30", () => A.NativeFloat64List_NativeFloat64List$fromList(A._setArrayType([1.1500944181410184, -0.15009441814101834, 0, 0.04641729862941844, 0.9535827013705815, 0, 0.02388759479083904, 0.02650477632633013, 0.9496076288828308], type$.JSArray_double)));
+    _lazyFinal($, "linearDisplayP3ToLinearRec20200", "$get$linearDisplayP3ToLinearRec20200", () => A.NativeFloat64List_NativeFloat64List$fromList(A._setArrayType([0.7538330343617218, 0.1985973690526163, 0.04756959658566187, 0.04574384896535833, 0.9417772198116935, 0.01247893122294812, -0.00121034035451832, 0.01760171730108989, 0.9836086230534284], type$.JSArray_double)));
+    _lazyFinal($, "linearRec2020ToLinearDisplayP30", "$get$linearRec2020ToLinearDisplayP30", () => A.NativeFloat64List_NativeFloat64List$fromList(A._setArrayType([1.343578252584332, -0.2821796705261357, -0.06139858205819628, -0.06529745278911953, 1.0757879158485746, -0.01049046305945495, 0.00282178726170095, -0.01959849452449406, 1.0167767072627931], type$.JSArray_double)));
+    _lazyFinal($, "linearDisplayP3ToXyzD650", "$get$linearDisplayP3ToXyzD650", () => A.NativeFloat64List_NativeFloat64List$fromList(A._setArrayType([0.48657094864821626, 0.26566769316909294, 0.1982172852343625, 0.22897456406974884, 0.6917385218365062, 0.079286914093745, 0, 0.04511338185890257, 1.0439443689009757], type$.JSArray_double)));
+    _lazyFinal($, "xyzD65ToLinearDisplayP30", "$get$xyzD65ToLinearDisplayP30", () => A.NativeFloat64List_NativeFloat64List$fromList(A._setArrayType([2.4934969119414245, -0.9313836179191236, -0.40271078445071684, -0.8294889695615749, 1.7626640603183468, 0.02362468584194359, 0.03584583024378433, -0.0761723892680417, 0.9568845240076873], type$.JSArray_double)));
+    _lazyFinal($, "linearDisplayP3ToLms0", "$get$linearDisplayP3ToLms0", () => A.NativeFloat64List_NativeFloat64List$fromList(A._setArrayType([0.48137985274995443, 0.46211837101131803, 0.05650177623872756, 0.22883194181124472, 0.6532168193835676, 0.11795123880518774, 0.08394575232299319, 0.22416527097756642, 0.6918889766994404], type$.JSArray_double)));
+    _lazyFinal($, "lmsToLinearDisplayP30", "$get$lmsToLinearDisplayP30", () => A.NativeFloat64List_NativeFloat64List$fromList(A._setArrayType([3.1277689713618737, -2.2571357625916386, 0.12936679122976494, -1.0910090184377979, 2.4133317103069225, -0.32232269186912466, -0.02601080193857045, -0.508041331704167, 1.5340521336427373], type$.JSArray_double)));
+    _lazyFinal($, "linearDisplayP3ToLinearProphotoRgb0", "$get$linearDisplayP3ToLinearProphotoRgb0", () => A.NativeFloat64List_NativeFloat64List$fromList(A._setArrayType([0.6316869193403589, 0.21393038569465722, 0.1543826949649839, 0.08320371426648458, 0.8858651367630243, 0.03093114897049121, -0.00127273456473881, 0.05075510433665735, 0.9505176302280814], type$.JSArray_double)));
+    _lazyFinal($, "linearProphotoRgbToLinearDisplayP30", "$get$linearProphotoRgbToLinearDisplayP30", () => A.NativeFloat64List_NativeFloat64List$fromList(A._setArrayType([1.6325756087069179, -0.3797716184825984, -0.2528039902243195, -0.15370040233755072, 1.1667025472425014, -0.01300214490495082, 0.01039319529676572, -0.0628073126495944, 1.0524141173528287], type$.JSArray_double)));
+    _lazyFinal($, "linearDisplayP3ToXyzD500", "$get$linearDisplayP3ToXyzD500", () => A.NativeFloat64List_NativeFloat64List$fromList(A._setArrayType([0.515146442968116, 0.2920099820638577, 0.15713925139759397, 0.2412003221252552, 0.6922225411313818, 0.06657713674336294, -0.00105013914714014, 0.0418782701890746, 0.7842764714685257], type$.JSArray_double)));
+    _lazyFinal($, "xyzD50ToLinearDisplayP30", "$get$xyzD50ToLinearDisplayP30", () => A.NativeFloat64List_NativeFloat64List$fromList(A._setArrayType([2.4039341218554973, -0.9900304424955931, -0.39761363181465614, -0.8422700161454688, 1.7989580161067082, 0.01604562477090472, 0.04819381686413303, -0.09738519815446048, 1.2736713693321273], type$.JSArray_double)));
+    _lazyFinal($, "linearA98RgbToLinearRec20200", "$get$linearA98RgbToLinearRec20200", () => A.NativeFloat64List_NativeFloat64List$fromList(A._setArrayType([0.8773338416636568, 0.07749370651571998, 0.04517245182062317, 0.09662259146620378, 0.8915273202441805, 0.01185008828961569, 0.02292106270284839, 0.04303668501067932, 0.9340422522864723], type$.JSArray_double)));
+    _lazyFinal($, "linearRec2020ToLinearA98Rgb0", "$get$linearRec2020ToLinearA98Rgb0", () => A.NativeFloat64List_NativeFloat64List$fromList(A._setArrayType([1.1519783947159163, -0.0975030553024086, -0.05447533941350766, -0.12455047452159074, 1.1328998971259603, -0.00834942260436947, -0.0225303827810559, -0.04980650742838876, 1.0723368902094446], type$.JSArray_double)));
+    _lazyFinal($, "linearA98RgbToXyzD650", "$get$linearA98RgbToXyzD650", () => A.NativeFloat64List_NativeFloat64List$fromList(A._setArrayType([0.5766690429101308, 0.18555823790654627, 0.18822864623499472, 0.29734497525053616, 0.627363566255466, 0.07529145849399789, 0.02703136138641237, 0.07068885253582714, 0.9913375368376389], type$.JSArray_double)));
+    _lazyFinal($, "xyzD65ToLinearA98Rgb0", "$get$xyzD65ToLinearA98Rgb0", () => A.NativeFloat64List_NativeFloat64List$fromList(A._setArrayType([2.041587903810746, -0.5650069742788596, -0.3447313507783295, -0.9692436362808798, 1.8759675015077206, 0.04155505740717561, 0.01344428063203102, -0.11836239223101823, 1.0151749943912054], type$.JSArray_double)));
+    _lazyFinal($, "linearA98RgbToLms0", "$get$linearA98RgbToLms0", () => A.NativeFloat64List_NativeFloat64List$fromList(A._setArrayType([0.5764322596183941, 0.36991322261987963, 0.05365451776172635, 0.29631647054222465, 0.5916761332521885, 0.11200739620558686, 0.1234782510142776, 0.21949869837199862, 0.6570230506137238], type$.JSArray_double)));
+    _lazyFinal($, "lmsToLinearA98Rgb0", "$get$lmsToLinearA98Rgb0", () => A.NativeFloat64List_NativeFloat64List$fromList(A._setArrayType([2.5540368386115566, -1.6219761806828699, 0.06793934207131327, -1.268437973285032, 2.609757349287689, -0.3413193760026571, -0.05623473593749381, -0.5670418395669061, 1.6232765755043999], type$.JSArray_double)));
+    _lazyFinal($, "linearA98RgbToLinearProphotoRgb0", "$get$linearA98RgbToLinearProphotoRgb0", () => A.NativeFloat64List_NativeFloat64List$fromList(A._setArrayType([0.7401175018047792, 0.11327951328898105, 0.1466029849062397, 0.1375504646980262, 0.833077080269484, 0.02937245503248977, 0.02359772990871766, 0.07378347703906656, 0.9026187930522158], type$.JSArray_double)));
+    _lazyFinal($, "linearProphotoRgbToLinearA98Rgb0", "$get$linearProphotoRgbToLinearA98Rgb0", () => A.NativeFloat64List_NativeFloat64List$fromList(A._setArrayType([1.38965124815152, -0.16945907691487766, -0.22019217123664242, -0.22882573163305037, 1.2317425411901048, -0.00291680955705449, -0.01762544368426068, -0.09625702306122665, 1.1138824667454874], type$.JSArray_double)));
+    _lazyFinal($, "linearA98RgbToXyzD500", "$get$linearA98RgbToXyzD500", () => A.NativeFloat64List_NativeFloat64List$fromList(A._setArrayType([0.6097750418861814, 0.20530000261929401, 0.14922063192409227, 0.31112461220464155, 0.6256532308346856, 0.06322215696067286, 0.01947059555648168, 0.06087908649415867, 0.7447549204598198], type$.JSArray_double)));
+    _lazyFinal($, "xyzD50ToLinearA98Rgb0", "$get$xyzD50ToLinearA98Rgb0", () => A.NativeFloat64List_NativeFloat64List$fromList(A._setArrayType([1.9624670363768806, -0.6107423404815073, -0.3413580980827154, -0.9787954765557777, 1.9162543773959884, 0.03344287339036693, 0.02870443944957101, -0.1406748663317068, 1.3489141814137937], type$.JSArray_double)));
+    _lazyFinal($, "linearRec2020ToXyzD650", "$get$linearRec2020ToXyzD650", () => A.NativeFloat64List_NativeFloat64List$fromList(A._setArrayType([0.6369580483012913, 0.14461690358620838, 0.16888097516417205, 0.26270021201126703, 0.677998071518871, 0.05930171646986194, 0, 0.0280726930490875, 1.0609850577107909], type$.JSArray_double)));
+    _lazyFinal($, "xyzD65ToLinearRec20200", "$get$xyzD65ToLinearRec20200", () => A.NativeFloat64List_NativeFloat64List$fromList(A._setArrayType([1.7166511879712676, -0.3556707837763924, -0.2533662813736598, -0.666684351832489, 1.616481236634939, 0.01576854581391113, 0.01763985744531091, -0.04277061325780865, 0.942103121235474], type$.JSArray_double)));
+    _lazyFinal($, "linearRec2020ToLms0", "$get$linearRec2020ToLms0", () => A.NativeFloat64List_NativeFloat64List$fromList(A._setArrayType([0.6167557848654444, 0.36019840122646335, 0.02304581390809228, 0.2651330593926367, 0.6358393720678491, 0.09902756853951408, 0.10010262952034828, 0.20390652261661452, 0.6959908478630372], type$.JSArray_double)));
+    _lazyFinal($, "lmsToLinearRec20200", "$get$lmsToLinearRec20200", () => A.NativeFloat64List_NativeFloat64List$fromList(A._setArrayType([2.1399067304346513, -1.246389493760618, 0.10648276332596668, -0.8847358357577674, 2.1632309383612007, -0.2784951026034334, -0.04857374640044396, -0.4545031497140964, 1.5030768961145404], type$.JSArray_double)));
+    _lazyFinal($, "linearRec2020ToLinearProphotoRgb0", "$get$linearRec2020ToLinearProphotoRgb0", () => A.NativeFloat64List_NativeFloat64List$fromList(A._setArrayType([0.8351873331297235, 0.04886884858605698, 0.11594381828421951, 0.05403324519953363, 0.9289184085692044, 0.01704834623126199, -0.00234203897072539, 0.03633215316169465, 0.9660098858090307], type$.JSArray_double)));
+    _lazyFinal($, "linearProphotoRgbToLinearRec20200", "$get$linearProphotoRgbToLinearRec20200", () => A.NativeFloat64List_NativeFloat64List$fromList(A._setArrayType([1.200659329517408, -0.05756805370122346, -0.14309127581618444, -0.06994154955888504, 1.080617897597214, -0.01067634803832895, 0.00554147334294746, -0.04078219298657951, 1.035240719643632], type$.JSArray_double)));
+    _lazyFinal($, "linearRec2020ToXyzD500", "$get$linearRec2020ToXyzD500", () => A.NativeFloat64List_NativeFloat64List$fromList(A._setArrayType([0.673515463188276, 0.16569726370390453, 0.12508294953738705, 0.2790590051411206, 0.6753180057491098, 0.04562298910976962, -0.00193242713400438, 0.02997782679282923, 0.7970592028516355], type$.JSArray_double)));
+    _lazyFinal($, "xyzD50ToLinearRec20200", "$get$xyzD50ToLinearRec20200", () => A.NativeFloat64List_NativeFloat64List$fromList(A._setArrayType([1.647184904671766, -0.3936818981316471, -0.23595963848828266, -0.6826641074173818, 1.6477146127444076, 0.01281708338512084, 0.02966887665275675, -0.0629258964297003, 1.2535578201865771], type$.JSArray_double)));
+    _lazyFinal($, "xyzD65ToLms0", "$get$xyzD65ToLms0", () => A.NativeFloat64List_NativeFloat64List$fromList(A._setArrayType([0.819022437996703, 0.36190626005289034, -0.12887378152098788, 0.03298365393238846, 0.9292868615863433, 0.03614466635064235, 0.0481771893596242, 0.2642395317527308, 0.6335478284694308], type$.JSArray_double)));
+    _lazyFinal($, "lmsToXyzD650", "$get$lmsToXyzD650", () => A.NativeFloat64List_NativeFloat64List$fromList(A._setArrayType([1.2268798758459243, -0.5578149944602171, 0.2813910456659646, -0.04057574521480084, 1.1122868032803173, -0.07171105806551635, -0.07637293667466007, -0.42149333240224324, 1.5869240198367818], type$.JSArray_double)));
+    _lazyFinal($, "xyzD65ToLinearProphotoRgb0", "$get$xyzD65ToLinearProphotoRgb0", () => A.NativeFloat64List_NativeFloat64List$fromList(A._setArrayType([1.4031904633774979, -0.22301514479051668, -0.1016066850741379, -0.5262384021633072, 1.4816319629234644, 0.01701879027252688, -0.0112022652862215, 0.01824640347962099, 0.9112472274915048], type$.JSArray_double)));
+    _lazyFinal($, "linearProphotoRgbToXyzD650", "$get$linearProphotoRgbToXyzD650", () => A.NativeFloat64List_NativeFloat64List$fromList(A._setArrayType([0.755590742296921, 0.11271984265940525, 0.0821453420953454, 0.2683218435785719, 0.7151152566617912, 0.01656289975963685, 0.0039159727624258, -0.01293344283684181, 1.0980752208342945], type$.JSArray_double)));
+    _lazyFinal($, "xyzD65ToXyzD500", "$get$xyzD65ToXyzD500", () => A.NativeFloat64List_NativeFloat64List$fromList(A._setArrayType([1.0479297925449966, 0.02294687060160952, -0.05019226628920519, 0.02962780877005567, 0.99043442675388, -0.01707379906341879, -0.00924304064620452, 0.01505519149029816, 0.751874281428137], type$.JSArray_double)));
+    _lazyFinal($, "xyzD50ToXyzD650", "$get$xyzD50ToXyzD650", () => A.NativeFloat64List_NativeFloat64List$fromList(A._setArrayType([0.9554734214880752, -0.02309845494876452, 0.06325924320057065, -0.02836970933386358, 1.0099953980813041, 0.0210414411919173, 0.01231401486448199, -0.02050764929889898, 1.330365926242124], type$.JSArray_double)));
+    _lazyFinal($, "lmsToLinearProphotoRgb0", "$get$lmsToLinearProphotoRgb0", () => A.NativeFloat64List_NativeFloat64List$fromList(A._setArrayType([1.7383551481157207, -0.9879509427514458, 0.24959579463572504, -0.7070494015329266, 1.9343700444401382, -0.2273206429072115, -0.08407882206239634, -0.35754060521141334, 1.4416194272738097], type$.JSArray_double)));
+    _lazyFinal($, "linearProphotoRgbToLms0", "$get$linearProphotoRgbToLms0", () => A.NativeFloat64List_NativeFloat64List$fromList(A._setArrayType([0.7154484605655534, 0.35279155007721186, -0.0682400106427653, 0.2744116490015671, 0.6677976498412367, 0.05779070115719616, 0.10978443261622942, 0.18619829115002018, 0.7040172762337504], type$.JSArray_double)));
+    _lazyFinal($, "lmsToXyzD500", "$get$lmsToXyzD500", () => A.NativeFloat64List_NativeFloat64List$fromList(A._setArrayType([1.288586218172706, -0.5378717444973745, 0.2135812027542364, -0.00253387643187372, 1.0923167988719165, -0.08978292244004273, -0.06937382305734124, -0.29500839894431263, 1.1894868245121142], type$.JSArray_double)));
+    _lazyFinal($, "xyzD50ToLms0", "$get$xyzD50ToLms0", () => A.NativeFloat64List_NativeFloat64List$fromList(A._setArrayType([0.7707000420431172, 0.34924840261939616, -0.11202351884164681, 0.00559649248368848, 0.9370723401136769, 0.06972568836252771, 0.04633714262191069, 0.25277531574310524, 0.851458076746796], type$.JSArray_double)));
+    _lazyFinal($, "linearProphotoRgbToXyzD500", "$get$linearProphotoRgbToXyzD500", () => A.NativeFloat64List_NativeFloat64List$fromList(A._setArrayType([0.7977666449006423, 0.13518129740053308, 0.0313477341283922, 0.2880748288194013, 0.711835234241873, 0.00008993693872564, 0, 0, 0.8251046025104602], type$.JSArray_double)));
+    _lazyFinal($, "xyzD50ToLinearProphotoRgb0", "$get$xyzD50ToLinearProphotoRgb0", () => A.NativeFloat64List_NativeFloat64List$fromList(A._setArrayType([1.3457868816471583, -0.25557208737979464, -0.05110186497554526, -0.5446307051249019, 1.5082477428451468, 0.02052744743642139, 0, 0, 1.2119675456389452], type$.JSArray_double)));
+    _lazyFinal($, "_disallowedFunctionNames0", "$get$_disallowedFunctionNames0", () => {
+      var t1 = $.$get$globalFunctions0();
+      t1 = t1.map$1$1(t1, new A._disallowedFunctionNames_closure0(), type$.String).toSet$0(0);
+      t1.add$1(0, "if");
+      t1.remove$1(0, "abs");
+      t1.remove$1(0, "alpha");
+      t1.remove$1(0, "color");
+      t1.remove$1(0, "grayscale");
+      t1.remove$1(0, "hsl");
+      t1.remove$1(0, "hsla");
+      t1.remove$1(0, "hwb");
+      t1.remove$1(0, "invert");
+      t1.remove$1(0, "lab");
+      t1.remove$1(0, "lch");
+      t1.remove$1(0, "max");
+      t1.remove$1(0, "min");
+      t1.remove$1(0, "oklab");
+      t1.remove$1(0, "oklch");
+      t1.remove$1(0, "opacity");
+      t1.remove$1(0, "rgb");
+      t1.remove$1(0, "rgba");
+      t1.remove$1(0, "round");
+      t1.remove$1(0, "saturate");
+      return t1;
+    });
+    _lazyFinal($, "deprecations", "$get$deprecations", () => {
+      var _i, deprecation, t2,
+        t1 = A.LinkedHashMap_LinkedHashMap$_empty(type$.String, A.findType("Deprecation1?"));
+      for (_i = 0; _i < 28; ++_i) {
+        deprecation = B.List_Jym[_i];
+        if (deprecation !== B.Deprecation_9uB) {
+          t2 = deprecation.id;
+          t1.$indexSet(0, t2, {id: t2, status: new A.deprecations_closure(deprecation).call$0(), description: deprecation.description, deprecatedIn: deprecation.get$deprecatedIn(0), obsoleteIn: deprecation.get$obsoleteIn(0)});
+        }
+      }
+      return t1;
+    });
+    _lazyFinal($, "versionClass", "$get$versionClass", () => new A.versionClass_closure().call$0());
+    _lazyFinal($, "exceptionClass", "$get$exceptionClass", () => new A.exceptionClass_closure().call$0());
+    _lazyFinal($, "FilesystemImporter_cwd0", "$get$FilesystemImporter_cwd0", () => {
+      var _null = null;
+      return new A.FilesystemImporter0(A.absolute(".", _null, _null, _null, _null, _null, _null, _null, _null, _null, _null, _null, _null, _null, _null), true);
+    });
+    _lazyFinal($, "functionClass", "$get$functionClass", () => new A.functionClass_closure().call$0());
+    _lazyFinal($, "globalFunctions0", "$get$globalFunctions0", () => {
+      var t1 = type$.BuiltInCallable_2,
+        t2 = A.List_List$of($.$get$global6(), true, t1);
+      B.JSArray_methods.addAll$1(t2, $.$get$global7());
+      B.JSArray_methods.addAll$1(t2, $.$get$global8());
+      B.JSArray_methods.addAll$1(t2, $.$get$global9());
+      B.JSArray_methods.addAll$1(t2, $.$get$global10());
+      B.JSArray_methods.addAll$1(t2, $.$get$global11());
+      B.JSArray_methods.addAll$1(t2, $.$get$global12());
+      t2.push(A.BuiltInCallable$function0("if", "$condition, $if-true, $if-false", new A.globalFunctions_closure0(), null));
+      return A.UnmodifiableListView$(t2, t1);
+    });
+    _lazyFinal($, "coreModules0", "$get$coreModules0", () => A.UnmodifiableListView$(A._setArrayType([$.$get$module5(), $.$get$module6(), $.$get$module7(), $.$get$module8(), $.$get$module9(), $.$get$module10()], A.findType("JSArray<BuiltInModule0<Callable>>")), type$.BuiltInModule_Callable_2));
+    _lazyFinal($, "IfExpression_declaration0", "$get$IfExpression_declaration0", () => A.ParameterList_ParameterList$parse0(string$.x40funct, null));
+    _lazyFinal($, "global7", "$get$global7", () => {
+      var _s4_ = "list";
+      return A.UnmodifiableListView$(A._setArrayType([$.$get$_length2().withDeprecationWarning$1(_s4_), $.$get$_nth0().withDeprecationWarning$1(_s4_), $.$get$_setNth0().withDeprecationWarning$1(_s4_), $.$get$_join0().withDeprecationWarning$1(_s4_), $.$get$_append2().withDeprecationWarning$1(_s4_), $.$get$_zip0().withDeprecationWarning$1(_s4_), $.$get$_index2().withDeprecationWarning$1(_s4_), $.$get$_isBracketed0().withDeprecationWarning$1(_s4_), $.$get$_separator0().withDeprecationWarning$1(_s4_).withName$1("list-separator")], type$.JSArray_BuiltInCallable_2), type$.BuiltInCallable_2);
+    });
+    _lazyFinal($, "module6", "$get$module6", () => A.BuiltInModule$0("list", A._setArrayType([$.$get$_length2(), $.$get$_nth0(), $.$get$_setNth0(), $.$get$_join0(), $.$get$_append2(), $.$get$_zip0(), $.$get$_index2(), $.$get$_isBracketed0(), $.$get$_separator0(), $.$get$_slash0()], type$.JSArray_Callable_2), null, null, type$.Callable_2));
+    _lazyFinal($, "_length1", "$get$_length2", () => A._function11("length", "$list", new A._length_closure2()));
+    _lazyFinal($, "_nth0", "$get$_nth0", () => A._function11("nth", "$list, $n", new A._nth_closure0()));
+    _lazyFinal($, "_setNth0", "$get$_setNth0", () => A._function11("set-nth", "$list, $n, $value", new A._setNth_closure0()));
+    _lazyFinal($, "_join0", "$get$_join0", () => A._function11("join", string$.x24list1, new A._join_closure0()));
+    _lazyFinal($, "_append1", "$get$_append2", () => A._function11("append", "$list, $val, $separator: auto", new A._append_closure2()));
+    _lazyFinal($, "_zip0", "$get$_zip0", () => A._function11("zip", "$lists...", new A._zip_closure0()));
+    _lazyFinal($, "_index1", "$get$_index2", () => A._function11("index", "$list, $value", new A._index_closure2()));
+    _lazyFinal($, "_separator0", "$get$_separator0", () => A._function11("separator", "$list", new A._separator_closure0()));
+    _lazyFinal($, "_isBracketed0", "$get$_isBracketed0", () => A._function11("is-bracketed", "$list", new A._isBracketed_closure0()));
+    _lazyFinal($, "_slash0", "$get$_slash0", () => A._function11("slash", "$elements...", new A._slash_closure0()));
+    _lazyFinal($, "listClass", "$get$listClass", () => new A.listClass_closure().call$0());
+    _lazyFinal($, "legacyListClass", "$get$legacyListClass", () => {
+      var t1 = A.createJSClass("sass.types.List", new A.legacyListClass_closure());
+      A.JSClassExtension_defineMethods(t1, A.LinkedHashMap_LinkedHashMap$_literal(["getValue", new A.legacyListClass_closure0(), "setValue", new A.legacyListClass_closure1(), "getSeparator", new A.legacyListClass_closure2(), "setSeparator", new A.legacyListClass_closure3(), "getLength", new A.legacyListClass_closure4()], type$.String, type$.Function));
+      return t1;
+    });
+    _lazyFinal($, "global8", "$get$global8", () => {
+      var _s3_ = "map";
+      return A.UnmodifiableListView$(A._setArrayType([$.$get$_get0().withDeprecationWarning$1(_s3_).withName$1("map-get"), $.$get$_merge0().withDeprecationWarning$1(_s3_).withName$1("map-merge"), $.$get$_remove0().withDeprecationWarning$1(_s3_).withName$1("map-remove"), $.$get$_keys0().withDeprecationWarning$1(_s3_).withName$1("map-keys"), $.$get$_values0().withDeprecationWarning$1(_s3_).withName$1("map-values"), $.$get$_hasKey0().withDeprecationWarning$1(_s3_).withName$1("map-has-key")], type$.JSArray_BuiltInCallable_2), type$.BuiltInCallable_2);
+    });
+    _lazyFinal($, "module7", "$get$module7", () => A.BuiltInModule$0("map", A._setArrayType([$.$get$_get0(), $.$get$_set0(), $.$get$_merge0(), $.$get$_remove0(), $.$get$_keys0(), $.$get$_values0(), $.$get$_hasKey0(), $.$get$_deepMerge0(), $.$get$_deepRemove0()], type$.JSArray_Callable_2), null, null, type$.Callable_2));
+    _lazyFinal($, "_get0", "$get$_get0", () => A._function10("get", "$map, $key, $keys...", new A._get_closure0()));
+    _lazyFinal($, "_set0", "$get$_set0", () => A.BuiltInCallable$overloadedFunction0("set", A.LinkedHashMap_LinkedHashMap$_literal(["$map, $key, $value", new A._set_closure1(), "$map, $args...", new A._set_closure2()], type$.String, type$.Value_Function_List_Value_2)));
+    _lazyFinal($, "_merge0", "$get$_merge0", () => A.BuiltInCallable$overloadedFunction0("merge", A.LinkedHashMap_LinkedHashMap$_literal(["$map1, $map2", new A._merge_closure1(), "$map1, $args...", new A._merge_closure2()], type$.String, type$.Value_Function_List_Value_2)));
+    _lazyFinal($, "_deepMerge0", "$get$_deepMerge0", () => A._function10("deep-merge", "$map1, $map2", new A._deepMerge_closure0()));
+    _lazyFinal($, "_deepRemove0", "$get$_deepRemove0", () => A._function10("deep-remove", "$map, $key, $keys...", new A._deepRemove_closure0()));
+    _lazyFinal($, "_remove0", "$get$_remove0", () => A.BuiltInCallable$overloadedFunction0("remove", A.LinkedHashMap_LinkedHashMap$_literal(["$map", new A._remove_closure1(), "$map, $key, $keys...", new A._remove_closure2()], type$.String, type$.Value_Function_List_Value_2)));
+    _lazyFinal($, "_keys0", "$get$_keys0", () => A._function10("keys", "$map", new A._keys_closure0()));
+    _lazyFinal($, "_values0", "$get$_values0", () => A._function10("values", "$map", new A._values_closure0()));
+    _lazyFinal($, "_hasKey0", "$get$_hasKey0", () => A._function10("has-key", "$map, $key, $keys...", new A._hasKey_closure0()));
+    _lazyFinal($, "mapClass", "$get$mapClass", () => new A.mapClass_closure().call$0());
+    _lazyFinal($, "legacyMapClass", "$get$legacyMapClass", () => {
+      var t1 = A.createJSClass("sass.types.Map", new A.legacyMapClass_closure());
+      A.JSClassExtension_defineMethods(t1, A.LinkedHashMap_LinkedHashMap$_literal(["getKey", new A.legacyMapClass_closure0(), "getValue", new A.legacyMapClass_closure1(), "getLength", new A.legacyMapClass_closure2(), "setKey", new A.legacyMapClass_closure3(), "setValue", new A.legacyMapClass_closure4()], type$.String, type$.Function));
+      return t1;
+    });
+    _lazyFinal($, "global9", "$get$global9", () => {
+      var _s4_ = "math";
+      return A.UnmodifiableListView$(A._setArrayType([A._function9("abs", "$number", new A.global_closure43()), $.$get$_ceil0().withDeprecationWarning$1(_s4_), $.$get$_floor0().withDeprecationWarning$1(_s4_), $.$get$_max0().withDeprecationWarning$1(_s4_), $.$get$_min0().withDeprecationWarning$1(_s4_), $.$get$_percentage0().withDeprecationWarning$1(_s4_), $.$get$_randomFunction0().withDeprecationWarning$1(_s4_), $.$get$_round0().withDeprecationWarning$1(_s4_), $.$get$_unit0().withDeprecationWarning$1(_s4_), $.$get$_compatible0().withDeprecationWarning$1(_s4_).withName$1("comparable"), $.$get$_isUnitless0().withDeprecationWarning$1(_s4_).withName$1("unitless")], type$.JSArray_BuiltInCallable_2), type$.BuiltInCallable_2);
+    });
+    _lazyFinal($, "module8", "$get$module8", () => {
+      var _null = null;
+      return A.BuiltInModule$0("math", A._setArrayType([A._numberFunction0("abs", new A.module_closure26()), $.$get$_acos0(), $.$get$_asin0(), $.$get$_atan0(), $.$get$_atan20(), $.$get$_ceil0(), $.$get$_clamp0(), $.$get$_cos0(), $.$get$_compatible0(), $.$get$_floor0(), $.$get$_hypot0(), $.$get$_isUnitless0(), $.$get$_log0(), $.$get$_max0(), $.$get$_min0(), $.$get$_percentage0(), $.$get$_pow0(), $.$get$_randomFunction0(), $.$get$_round0(), $.$get$_sin0(), $.$get$_sqrt0(), $.$get$_tan0(), $.$get$_unit0(), $.$get$_div0()], type$.JSArray_Callable_2), _null, A.LinkedHashMap_LinkedHashMap$_literal(["e", A.SassNumber_SassNumber0(2.718281828459045, _null), "pi", A.SassNumber_SassNumber0(3.141592653589793, _null), "epsilon", A.SassNumber_SassNumber0(2220446049250313e-31, _null), "max-safe-integer", A.SassNumber_SassNumber0(9007199254740991, _null), "min-safe-integer", A.SassNumber_SassNumber0(-9007199254740991, _null), "max-number", A.SassNumber_SassNumber0(17976931348623157e292, _null), "min-number", A.SassNumber_SassNumber0(5e-324, _null)], type$.String, type$.Value_2), type$.Callable_2);
+    });
+    _lazyFinal($, "_ceil0", "$get$_ceil0", () => A._numberFunction0("ceil", new A._ceil_closure0()));
+    _lazyFinal($, "_clamp0", "$get$_clamp0", () => A._function9("clamp", "$min, $number, $max", new A._clamp_closure0()));
+    _lazyFinal($, "_floor0", "$get$_floor0", () => A._numberFunction0("floor", new A._floor_closure0()));
+    _lazyFinal($, "_max0", "$get$_max0", () => A._function9("max", "$numbers...", new A._max_closure0()));
+    _lazyFinal($, "_min0", "$get$_min0", () => A._function9("min", "$numbers...", new A._min_closure0()));
+    _lazyFinal($, "_round0", "$get$_round0", () => A._numberFunction0("round", new A._round_closure0()));
+    _lazyFinal($, "_hypot0", "$get$_hypot0", () => A._function9("hypot", "$numbers...", new A._hypot_closure0()));
+    _lazyFinal($, "_log0", "$get$_log0", () => A._function9("log", "$number, $base: null", new A._log_closure0()));
+    _lazyFinal($, "_pow0", "$get$_pow0", () => A._function9("pow", "$base, $exponent", new A._pow_closure0()));
+    _lazyFinal($, "_sqrt0", "$get$_sqrt0", () => A._singleArgumentMathFunc0("sqrt", A.number2__sqrt$closure()));
+    _lazyFinal($, "_acos0", "$get$_acos0", () => A._singleArgumentMathFunc0("acos", A.number2__acos$closure()));
+    _lazyFinal($, "_asin0", "$get$_asin0", () => A._singleArgumentMathFunc0("asin", A.number2__asin$closure()));
+    _lazyFinal($, "_atan0", "$get$_atan0", () => A._singleArgumentMathFunc0("atan", A.number2__atan$closure()));
+    _lazyFinal($, "_atan20", "$get$_atan20", () => A._function9("atan2", "$y, $x", new A._atan2_closure0()));
+    _lazyFinal($, "_cos0", "$get$_cos0", () => A._singleArgumentMathFunc0("cos", A.number2__cos$closure()));
+    _lazyFinal($, "_sin0", "$get$_sin0", () => A._singleArgumentMathFunc0("sin", A.number2__sin$closure()));
+    _lazyFinal($, "_tan0", "$get$_tan0", () => A._singleArgumentMathFunc0("tan", A.number2__tan$closure()));
+    _lazyFinal($, "_compatible0", "$get$_compatible0", () => A._function9("compatible", "$number1, $number2", new A._compatible_closure0()));
+    _lazyFinal($, "_isUnitless0", "$get$_isUnitless0", () => A._function9("is-unitless", "$number", new A._isUnitless_closure0()));
+    _lazyFinal($, "_unit0", "$get$_unit0", () => A._function9("unit", "$number", new A._unit_closure0()));
+    _lazyFinal($, "_percentage0", "$get$_percentage0", () => A._function9("percentage", "$number", new A._percentage_closure0()));
+    _lazyFinal($, "_random1", "$get$_random2", () => A.Random_Random());
+    _lazyFinal($, "_randomFunction0", "$get$_randomFunction0", () => A._function9("random", "$limit: null", new A._randomFunction_closure0()));
+    _lazyFinal($, "_div0", "$get$_div0", () => A._function9("div", "$number1, $number2", new A._div_closure0()));
+    _lazyFinal($, "_shared0", "$get$_shared0", () => A.UnmodifiableListView$(A._setArrayType([A._function6("feature-exists", "$feature", new A._shared_closure3()), A._function6("inspect", "$value", new A._shared_closure4()), A._function6("type-of", "$value", new A._shared_closure5()), A._function6("keywords", "$args", new A._shared_closure6())], type$.JSArray_BuiltInCallable_2), type$.BuiltInCallable_2));
+    _lazyFinal($, "global10", "$get$global12", () => {
+      var t2,
+        t1 = A._setArrayType([], type$.JSArray_BuiltInCallable_2);
+      for (t2 = $.$get$_shared0(), t2 = t2.get$iterator(t2); t2.moveNext$0();)
+        t1.push(t2.get$current(0).withDeprecationWarning$1("meta"));
+      return A.UnmodifiableListView$(t1, type$.BuiltInCallable_2);
+    });
+    _lazyFinal($, "moduleFunctions0", "$get$moduleFunctions0", () => {
+      var t1 = type$.BuiltInCallable_2,
+        t2 = A.List_List$of($.$get$_shared0(), true, t1);
+      t2.push(A._function6("calc-name", "$calc", new A.moduleFunctions_closure2()));
+      t2.push(A._function6("calc-args", "$calc", new A.moduleFunctions_closure3()));
+      t2.push(A._function6("accepts-content", "$mixin", new A.moduleFunctions_closure4()));
+      return A.UnmodifiableListView$(t2, t1);
+    });
+    _lazyFinal($, "mixinClass", "$get$mixinClass", () => new A.mixinClass_closure().call$0());
+    _lazyFinal($, "legacyNullClass", "$get$legacyNullClass", () => new A.legacyNullClass_closure().call$0());
+    _lazyFinal($, "_epsilon0", "$get$_epsilon0", () => A.pow(10, -11));
+    _lazyFinal($, "_inverseEpsilon0", "$get$_inverseEpsilon0", () => A.pow(10, 11));
+    _lazyFinal($, "numberClass", "$get$numberClass", () => new A.numberClass_closure().call$0());
+    _lazyFinal($, "legacyNumberClass", "$get$legacyNumberClass", () => {
+      var t1 = A.createJSClass("sass.types.Number", new A.legacyNumberClass_closure());
+      A.JSClassExtension_defineMethods(t1, A.LinkedHashMap_LinkedHashMap$_literal(["getValue", new A.legacyNumberClass_closure0(), "setValue", new A.legacyNumberClass_closure1(), "getUnit", new A.legacyNumberClass_closure2(), "setUnit", new A.legacyNumberClass_closure3()], type$.String, type$.Function));
+      return t1;
+    });
+    _lazyFinal($, "_typesByUnit0", "$get$_typesByUnit0", () => {
+      var t3, type,
+        t1 = type$.String,
+        t2 = A.LinkedHashMap_LinkedHashMap$_empty(t1, t1);
+      for (t1 = A.MapExtensions_get_pairs0(B.Map_Sr65K, t1, type$.List_String), t1 = t1.get$iterator(t1); t1.moveNext$0();) {
+        t3 = t1.get$current(t1);
+        type = t3._0;
+        for (t3 = J.get$iterator$ax(t3._1); t3.moveNext$0();)
+          t2.$indexSet(0, t3.get$current(t3), type);
+      }
+      return t2;
+    });
+    _lazyFinal($, "_interpolation", "$get$_interpolation", () => A.Interpolation$0(B.List_empty11, B.List_empty12, $.$get$bogusSpan0()));
+    _lazyFinal($, "_expression", "$get$_expression", () => A.NullExpression$($.$get$bogusSpan0()));
+    _lazyFinal($, "global11", "$get$global10", () => {
+      var _s8_ = "selector";
+      return A.UnmodifiableListView$(A._setArrayType([$.$get$_isSuperselector0().withDeprecationWarning$1(_s8_), $.$get$_simpleSelectors0().withDeprecationWarning$1(_s8_), $.$get$_parse0().withDeprecationWarning$1(_s8_).withName$1("selector-parse"), $.$get$_nest0().withDeprecationWarning$1(_s8_).withName$1("selector-nest"), $.$get$_append1().withDeprecationWarning$1(_s8_).withName$1("selector-append"), $.$get$_extend0().withDeprecationWarning$1(_s8_).withName$1("selector-extend"), $.$get$_replace0().withDeprecationWarning$1(_s8_).withName$1("selector-replace"), $.$get$_unify0().withDeprecationWarning$1(_s8_).withName$1("selector-unify")], type$.JSArray_BuiltInCallable_2), type$.BuiltInCallable_2);
+    });
+    _lazyFinal($, "module9", "$get$module9", () => A.BuiltInModule$0("selector", A._setArrayType([$.$get$_isSuperselector0(), $.$get$_simpleSelectors0(), $.$get$_parse0(), $.$get$_nest0(), $.$get$_append1(), $.$get$_extend0(), $.$get$_replace0(), $.$get$_unify0()], type$.JSArray_Callable_2), null, null, type$.Callable_2));
+    _lazyFinal($, "_nest0", "$get$_nest0", () => A._function8("nest", "$selectors...", new A._nest_closure0()));
+    _lazyFinal($, "_append2", "$get$_append1", () => A._function8("append", "$selectors...", new A._append_closure1()));
+    _lazyFinal($, "_extend0", "$get$_extend0", () => A._function8("extend", "$selector, $extendee, $extender", new A._extend_closure0()));
+    _lazyFinal($, "_replace0", "$get$_replace0", () => A._function8("replace", "$selector, $original, $replacement", new A._replace_closure0()));
+    _lazyFinal($, "_unify0", "$get$_unify0", () => A._function8("unify", "$selector1, $selector2", new A._unify_closure0()));
+    _lazyFinal($, "_isSuperselector0", "$get$_isSuperselector0", () => A._function8("is-superselector", "$super, $sub", new A._isSuperselector_closure0()));
+    _lazyFinal($, "_simpleSelectors0", "$get$_simpleSelectors0", () => A._function8("simple-selectors", "$selector", new A._simpleSelectors_closure0()));
+    _lazyFinal($, "_parse1", "$get$_parse0", () => A._function8("parse", "$selector", new A._parse_closure0()));
+    _lazyFinal($, "_knownCompatibilitiesByUnit0", "$get$_knownCompatibilitiesByUnit0", () => {
+      var _i, set, t2,
+        t1 = A.LinkedHashMap_LinkedHashMap$_empty(type$.String, A.findType("Set<String>"));
+      for (_i = 0; _i < 5; ++_i) {
+        set = B.List_BFg[_i];
+        for (t2 = set.get$iterator(set); t2.moveNext$0();)
+          t1.$indexSet(0, t2.get$current(0), set);
+      }
+      return t1;
+    });
+    _lazyFinal($, "bogusSpan0", "$get$bogusSpan0", () => A.SourceFile$decoded(A._setArrayType([], type$.JSArray_int), null).span$1(0, 0));
+    _lazyFinal($, "_random2", "$get$_random1", () => A.Random_Random());
+    _lazy($, "_previousUniqueId0", "$get$_previousUniqueId0", () => $.$get$_random1().nextInt$1(A._asInt(A.pow(36, 6))));
+    _lazyFinal($, "global12", "$get$global11", () => {
+      var _s6_ = "string";
+      return A.UnmodifiableListView$(A._setArrayType([$.$get$_unquote0().withDeprecationWarning$1(_s6_), $.$get$_quote0().withDeprecationWarning$1(_s6_), $.$get$_toUpperCase0().withDeprecationWarning$1(_s6_), $.$get$_toLowerCase0().withDeprecationWarning$1(_s6_), $.$get$_uniqueId0().withDeprecationWarning$1(_s6_), $.$get$_length1().withDeprecationWarning$1(_s6_).withName$1("str-length"), $.$get$_insert0().withDeprecationWarning$1(_s6_).withName$1("str-insert"), $.$get$_index1().withDeprecationWarning$1(_s6_).withName$1("str-index"), $.$get$_slice0().withDeprecationWarning$1(_s6_).withName$1("str-slice")], type$.JSArray_BuiltInCallable_2), type$.BuiltInCallable_2);
+    });
+    _lazyFinal($, "module10", "$get$module10", () => A.BuiltInModule$0("string", A._setArrayType([$.$get$_unquote0(), $.$get$_quote0(), $.$get$_toUpperCase0(), $.$get$_toLowerCase0(), $.$get$_length1(), $.$get$_insert0(), $.$get$_index1(), $.$get$_slice0(), $.$get$_uniqueId0(), A._function7("split", "$string, $separator, $limit: null", new A.module_closure25())], type$.JSArray_Callable_2), null, null, type$.Callable_2));
+    _lazyFinal($, "_unquote0", "$get$_unquote0", () => A._function7("unquote", "$string", new A._unquote_closure0()));
+    _lazyFinal($, "_quote0", "$get$_quote0", () => A._function7("quote", "$string", new A._quote_closure0()));
+    _lazyFinal($, "_length2", "$get$_length1", () => A._function7("length", "$string", new A._length_closure1()));
+    _lazyFinal($, "_insert0", "$get$_insert0", () => A._function7("insert", "$string, $insert, $index", new A._insert_closure0()));
+    _lazyFinal($, "_index2", "$get$_index1", () => A._function7("index", "$string, $substring", new A._index_closure1()));
+    _lazyFinal($, "_slice0", "$get$_slice0", () => A._function7("slice", "$string, $start-at, $end-at: -1", new A._slice_closure0()));
+    _lazyFinal($, "_toUpperCase0", "$get$_toUpperCase0", () => A._function7("to-upper-case", "$string", new A._toUpperCase_closure0()));
+    _lazyFinal($, "_toLowerCase0", "$get$_toLowerCase0", () => A._function7("to-lower-case", "$string", new A._toLowerCase_closure0()));
+    _lazyFinal($, "_uniqueId0", "$get$_uniqueId0", () => A._function7("unique-id", "", new A._uniqueId_closure0()));
+    _lazyFinal($, "stringClass", "$get$stringClass", () => new A.stringClass_closure().call$0());
+    _lazyFinal($, "legacyStringClass", "$get$legacyStringClass", () => {
+      var t1 = A.createJSClass("sass.types.String", new A.legacyStringClass_closure());
+      A.JSClassExtension_defineMethods(t1, A.LinkedHashMap_LinkedHashMap$_literal(["getValue", new A.legacyStringClass_closure0(), "setValue", new A.legacyStringClass_closure1()], type$.String, type$.Function));
+      return t1;
+    });
+    _lazyFinal($, "_emptyQuoted0", "$get$_emptyQuoted0", () => A.SassString$0("", true));
+    _lazyFinal($, "_emptyUnquoted0", "$get$_emptyUnquoted0", () => A.SassString$0("", false));
+    _lazyFinal($, "_urlSchemeRegExp", "$get$_urlSchemeRegExp", () => A.RegExp_RegExp("^[a-z0-9+.-]+$", false));
+    _lazyFinal($, "_jsThrow0", "$get$_jsThrow", () => new self.Function("error", "throw error;"));
+    _lazyFinal($, "_isUndefined", "$get$_isUndefined", () => new self.Function("value", "return value === undefined;"));
+    _lazyFinal($, "_isNull", "$get$_isNull", () => new self.Function("value", "return value === null;"));
+    _lazyFinal($, "_noSourceUrl0", "$get$_noSourceUrl0", () => A.Uri_parse("-"));
+    _lazyFinal($, "_traces0", "$get$_traces0", () => A.Expando$());
+    _lazyFinal($, "valueClass", "$get$valueClass", () => new A.valueClass_closure().call$0());
+  })();
+  (function nativeSupport() {
+    !function() {
+      var intern = function(s) {
+        var o = {};
+        o[s] = 1;
+        return Object.keys(hunkHelpers.convertToFastObject(o))[0];
+      };
+      init.getIsolateTag = function(name) {
+        return intern("___dart_" + name + init.isolateTag);
+      };
+      var tableProperty = "___dart_isolate_tags_";
+      var usedProperties = Object[tableProperty] || (Object[tableProperty] = Object.create(null));
+      var rootProperty = "_ZxYxX";
+      for (var i = 0;; i++) {
+        var property = intern(rootProperty + "_" + i + "_");
+        if (!(property in usedProperties)) {
+          usedProperties[property] = 1;
+          init.isolateTag = property;
+          break;
+        }
+      }
+      init.dispatchPropertyName = init.getIsolateTag("dispatch_record");
+    }();
+    hunkHelpers.setOrUpdateInterceptorsByTag({ArrayBuffer: A.NativeByteBuffer, SharedArrayBuffer: A.NativeByteBuffer, ArrayBufferView: A.NativeTypedData, DataView: A.NativeByteData, Float32Array: A.NativeFloat32List, Float64Array: A.NativeFloat64List, Int16Array: A.NativeInt16List, Int32Array: A.NativeInt32List, Int8Array: A.NativeInt8List, Uint16Array: A.NativeUint16List, Uint32Array: A.NativeUint32List, Uint8ClampedArray: A.NativeUint8ClampedList, CanvasPixelArray: A.NativeUint8ClampedList, Uint8Array: A.NativeUint8List});
+    hunkHelpers.setOrUpdateLeafTags({ArrayBuffer: true, SharedArrayBuffer: true, ArrayBufferView: false, DataView: true, Float32Array: true, Float64Array: true, Int16Array: true, Int32Array: true, Int8Array: true, Uint16Array: true, Uint32Array: true, Uint8ClampedArray: true, CanvasPixelArray: true, Uint8Array: false});
+    A.NativeTypedArray.$nativeSuperclassTag = "ArrayBufferView";
+    A._NativeTypedArrayOfDouble_NativeTypedArray_ListMixin.$nativeSuperclassTag = "ArrayBufferView";
+    A._NativeTypedArrayOfDouble_NativeTypedArray_ListMixin_FixedLengthListMixin.$nativeSuperclassTag = "ArrayBufferView";
+    A.NativeTypedArrayOfDouble.$nativeSuperclassTag = "ArrayBufferView";
+    A._NativeTypedArrayOfInt_NativeTypedArray_ListMixin.$nativeSuperclassTag = "ArrayBufferView";
+    A._NativeTypedArrayOfInt_NativeTypedArray_ListMixin_FixedLengthListMixin.$nativeSuperclassTag = "ArrayBufferView";
+    A.NativeTypedArrayOfInt.$nativeSuperclassTag = "ArrayBufferView";
+  })();
+  Function.prototype.call$0 = function() {
+    return this();
+  };
+  Function.prototype.call$1 = function(a) {
+    return this(a);
+  };
+  Function.prototype.call$2 = function(a, b) {
+    return this(a, b);
+  };
+  Function.prototype.call$3$1 = function(a) {
+    return this(a);
+  };
+  Function.prototype.call$2$1 = function(a) {
+    return this(a);
+  };
+  Function.prototype.call$1$1 = function(a) {
+    return this(a);
+  };
+  Function.prototype.call$3 = function(a, b, c) {
+    return this(a, b, c);
+  };
+  Function.prototype.call$4 = function(a, b, c, d) {
+    return this(a, b, c, d);
+  };
+  Function.prototype.call$3$3 = function(a, b, c) {
+    return this(a, b, c);
+  };
+  Function.prototype.call$2$2 = function(a, b) {
+    return this(a, b);
+  };
+  Function.prototype.call$5 = function(a, b, c, d, e) {
+    return this(a, b, c, d, e);
+  };
+  Function.prototype.call$6 = function(a, b, c, d, e, f) {
+    return this(a, b, c, d, e, f);
+  };
+  Function.prototype.call$2$0 = function() {
+    return this();
+  };
+  Function.prototype.call$1$0 = function() {
+    return this();
+  };
+  Function.prototype.call$1$2 = function(a, b) {
+    return this(a, b);
+  };
+  Function.prototype.call$2$3 = function(a, b, c) {
+    return this(a, b, c);
+  };
+  convertAllToFastObject(holders);
+  convertToFastObject($);
+  (function(callback) {
+    if (typeof document === "undefined") {
+      callback(null);
+      return;
+    }
+    if (typeof document.currentScript != "undefined") {
+      callback(document.currentScript);
+      return;
+    }
+    var scripts = document.scripts;
+    function onLoad(event) {
+      for (var i = 0; i < scripts.length; ++i) {
+        scripts[i].removeEventListener("load", onLoad, false);
+      }
+      callback(event.target);
+    }
+    for (var i = 0; i < scripts.length; ++i) {
+      scripts[i].addEventListener("load", onLoad, false);
+    }
+  })(function(currentScript) {
+    init.currentScript = currentScript;
+    var callMain = A.main2;
+    if (typeof dartMainRunner === "function") {
+      dartMainRunner(callMain, []);
+    } else {
+      callMain([]);
+    }
+  });
+})();
+}
diff --git a/node_modules/sass/sass.default.cjs b/node_modules/sass/sass.default.cjs
new file mode 100644
index 0000000..94d102a
--- /dev/null
+++ b/node_modules/sass/sass.default.cjs
@@ -0,0 +1,8 @@
+require('./sass.dart.js');
+const library = globalThis._cliPkgExports.pop();
+if (globalThis._cliPkgExports.length === 0) delete globalThis._cliPkgExports;
+library.load({
+  immutable: require("immutable"),
+});
+
+module.exports = library;
diff --git a/node_modules/sass/sass.default.js b/node_modules/sass/sass.default.js
new file mode 100644
index 0000000..4a0540a
--- /dev/null
+++ b/node_modules/sass/sass.default.js
@@ -0,0 +1,48 @@
+import * as immutable from "immutable"
+import "./sass.dart.js";
+
+const _cliPkgLibrary = globalThis._cliPkgExports.pop();
+if (globalThis._cliPkgExports.length === 0) delete globalThis._cliPkgExports;
+const _cliPkgExports = {};
+_cliPkgLibrary.load({immutable}, _cliPkgExports);
+
+export const compile = _cliPkgExports.compile;
+export const compileAsync = _cliPkgExports.compileAsync;
+export const compileString = _cliPkgExports.compileString;
+export const compileStringAsync = _cliPkgExports.compileStringAsync;
+export const initCompiler = _cliPkgExports.initCompiler;
+export const initAsyncCompiler = _cliPkgExports.initAsyncCompiler;
+export const Compiler = _cliPkgExports.Compiler;
+export const AsyncCompiler = _cliPkgExports.AsyncCompiler;
+export const Logger = _cliPkgExports.Logger;
+export const SassArgumentList = _cliPkgExports.SassArgumentList;
+export const SassBoolean = _cliPkgExports.SassBoolean;
+export const SassCalculation = _cliPkgExports.SassCalculation;
+export const CalculationOperation = _cliPkgExports.CalculationOperation;
+export const CalculationInterpolation = _cliPkgExports.CalculationInterpolation;
+export const SassColor = _cliPkgExports.SassColor;
+export const SassFunction = _cliPkgExports.SassFunction;
+export const SassList = _cliPkgExports.SassList;
+export const SassMap = _cliPkgExports.SassMap;
+export const SassMixin = _cliPkgExports.SassMixin;
+export const SassNumber = _cliPkgExports.SassNumber;
+export const SassString = _cliPkgExports.SassString;
+export const Value = _cliPkgExports.Value;
+export const CustomFunction = _cliPkgExports.CustomFunction;
+export const ListSeparator = _cliPkgExports.ListSeparator;
+export const sassFalse = _cliPkgExports.sassFalse;
+export const sassNull = _cliPkgExports.sassNull;
+export const sassTrue = _cliPkgExports.sassTrue;
+export const Exception = _cliPkgExports.Exception;
+export const PromiseOr = _cliPkgExports.PromiseOr;
+export const info = _cliPkgExports.info;
+export const render = _cliPkgExports.render;
+export const renderSync = _cliPkgExports.renderSync;
+export const TRUE = _cliPkgExports.TRUE;
+export const FALSE = _cliPkgExports.FALSE;
+export const NULL = _cliPkgExports.NULL;
+export const types = _cliPkgExports.types;
+export const NodePackageImporter = _cliPkgExports.NodePackageImporter;
+export const deprecations = _cliPkgExports.deprecations;
+export const Version = _cliPkgExports.Version;
+export const parser_ = _cliPkgExports.parser_;
diff --git a/node_modules/sass/sass.js b/node_modules/sass/sass.js
new file mode 100755
index 0000000..df287fc
--- /dev/null
+++ b/node_modules/sass/sass.js
@@ -0,0 +1,18 @@
+#!/usr/bin/env node
+
+require('./sass.dart.js');
+var library = globalThis._cliPkgExports.pop();
+if (globalThis._cliPkgExports.length === 0) delete globalThis._cliPkgExports;
+
+library.load({
+  readline: require("readline"),
+  chokidar: require("chokidar"),
+  parcel_watcher: (function(i){let r;return function parcel_watcher(){if(void 0!==r)return r;try{r=require(i)}catch(e){if('MODULE_NOT_FOUND'!==e.code)console.error(e);r=null}return r}})("@parcel/watcher"),
+  util: require("util"),
+  stream: require("stream"),
+  nodeModule: require("module"),
+  fs: require("fs"),
+  immutable: require("immutable"),
+});
+
+library.cli_pkg_main_0_(process.argv.slice(2));
diff --git a/node_modules/sass/sass.node.js b/node_modules/sass/sass.node.js
new file mode 100644
index 0000000..204ae2c
--- /dev/null
+++ b/node_modules/sass/sass.node.js
@@ -0,0 +1,12 @@
+require('./sass.dart.js');
+const library = globalThis._cliPkgExports.pop();
+if (globalThis._cliPkgExports.length === 0) delete globalThis._cliPkgExports;
+library.load({
+  util: require("util"),
+  stream: require("stream"),
+  nodeModule: require("module"),
+  fs: require("fs"),
+  immutable: require("immutable"),
+});
+
+module.exports = library;
diff --git a/node_modules/sass/sass.node.mjs b/node_modules/sass/sass.node.mjs
new file mode 100644
index 0000000..dfeadc4
--- /dev/null
+++ b/node_modules/sass/sass.node.mjs
@@ -0,0 +1,214 @@
+import cjs from "./sass.node.js";
+
+export const compile = cjs.compile;
+export const compileAsync = cjs.compileAsync;
+export const compileString = cjs.compileString;
+export const compileStringAsync = cjs.compileStringAsync;
+export const initCompiler = cjs.initCompiler;
+export const initAsyncCompiler = cjs.initAsyncCompiler;
+export const Compiler = cjs.Compiler;
+export const AsyncCompiler = cjs.AsyncCompiler;
+export const Logger = cjs.Logger;
+export const SassArgumentList = cjs.SassArgumentList;
+export const SassBoolean = cjs.SassBoolean;
+export const SassCalculation = cjs.SassCalculation;
+export const CalculationOperation = cjs.CalculationOperation;
+export const CalculationInterpolation = cjs.CalculationInterpolation;
+export const SassColor = cjs.SassColor;
+export const SassFunction = cjs.SassFunction;
+export const SassList = cjs.SassList;
+export const SassMap = cjs.SassMap;
+export const SassMixin = cjs.SassMixin;
+export const SassNumber = cjs.SassNumber;
+export const SassString = cjs.SassString;
+export const Value = cjs.Value;
+export const CustomFunction = cjs.CustomFunction;
+export const ListSeparator = cjs.ListSeparator;
+export const sassFalse = cjs.sassFalse;
+export const sassNull = cjs.sassNull;
+export const sassTrue = cjs.sassTrue;
+export const Exception = cjs.Exception;
+export const PromiseOr = cjs.PromiseOr;
+export const info = cjs.info;
+export const render = cjs.render;
+export const renderSync = cjs.renderSync;
+export const TRUE = cjs.TRUE;
+export const FALSE = cjs.FALSE;
+export const NULL = cjs.NULL;
+export const types = cjs.types;
+export const NodePackageImporter = cjs.NodePackageImporter;
+export const deprecations = cjs.deprecations;
+export const Version = cjs.Version;
+export const parser_ = cjs.parser_;
+
+let printedDefaultExportDeprecation = false;
+function defaultExportDeprecation() {
+  if (printedDefaultExportDeprecation) return;
+  printedDefaultExportDeprecation = true;
+  console.error(
+      "`import sass from 'sass'` is deprecated.\n" +
+      "Please use `import * as sass from 'sass'` instead.");
+}
+
+export default {
+  get compile() {
+    defaultExportDeprecation();
+    return cjs.compile;
+  },
+  get compileAsync() {
+    defaultExportDeprecation();
+    return cjs.compileAsync;
+  },
+  get compileString() {
+    defaultExportDeprecation();
+    return cjs.compileString;
+  },
+  get compileStringAsync() {
+    defaultExportDeprecation();
+    return cjs.compileStringAsync;
+  },
+  get initCompiler() {
+    defaultExportDeprecation();
+    return cjs.initCompiler;
+  },
+  get initAsyncCompiler() {
+    defaultExportDeprecation();
+    return cjs.initAsyncCompiler;
+  },
+  get Compiler() {
+    defaultExportDeprecation();
+    return cjs.Compiler;
+  },
+  get AsyncCompiler() {
+    defaultExportDeprecation();
+    return cjs.AsyncCompiler;
+  },
+  get Logger() {
+    defaultExportDeprecation();
+    return cjs.Logger;
+  },
+  get SassArgumentList() {
+    defaultExportDeprecation();
+    return cjs.SassArgumentList;
+  },
+  get SassBoolean() {
+    defaultExportDeprecation();
+    return cjs.SassBoolean;
+  },
+  get SassCalculation() {
+    defaultExportDeprecation();
+    return cjs.SassCalculation;
+  },
+  get CalculationOperation() {
+    defaultExportDeprecation();
+    return cjs.CalculationOperation;
+  },
+  get CalculationInterpolation() {
+    defaultExportDeprecation();
+    return cjs.CalculationInterpolation;
+  },
+  get SassColor() {
+    defaultExportDeprecation();
+    return cjs.SassColor;
+  },
+  get SassFunction() {
+    defaultExportDeprecation();
+    return cjs.SassFunction;
+  },
+  get SassList() {
+    defaultExportDeprecation();
+    return cjs.SassList;
+  },
+  get SassMap() {
+    defaultExportDeprecation();
+    return cjs.SassMap;
+  },
+  get SassMixin() {
+    defaultExportDeprecation();
+    return cjs.SassMixin;
+  },
+  get SassNumber() {
+    defaultExportDeprecation();
+    return cjs.SassNumber;
+  },
+  get SassString() {
+    defaultExportDeprecation();
+    return cjs.SassString;
+  },
+  get Value() {
+    defaultExportDeprecation();
+    return cjs.Value;
+  },
+  get CustomFunction() {
+    defaultExportDeprecation();
+    return cjs.CustomFunction;
+  },
+  get ListSeparator() {
+    defaultExportDeprecation();
+    return cjs.ListSeparator;
+  },
+  get sassFalse() {
+    defaultExportDeprecation();
+    return cjs.sassFalse;
+  },
+  get sassNull() {
+    defaultExportDeprecation();
+    return cjs.sassNull;
+  },
+  get sassTrue() {
+    defaultExportDeprecation();
+    return cjs.sassTrue;
+  },
+  get Exception() {
+    defaultExportDeprecation();
+    return cjs.Exception;
+  },
+  get PromiseOr() {
+    defaultExportDeprecation();
+    return cjs.PromiseOr;
+  },
+  get info() {
+    defaultExportDeprecation();
+    return cjs.info;
+  },
+  get render() {
+    defaultExportDeprecation();
+    return cjs.render;
+  },
+  get renderSync() {
+    defaultExportDeprecation();
+    return cjs.renderSync;
+  },
+  get TRUE() {
+    defaultExportDeprecation();
+    return cjs.TRUE;
+  },
+  get FALSE() {
+    defaultExportDeprecation();
+    return cjs.FALSE;
+  },
+  get NULL() {
+    defaultExportDeprecation();
+    return cjs.NULL;
+  },
+  get types() {
+    defaultExportDeprecation();
+    return cjs.types;
+  },
+  get NodePackageImporter() {
+    defaultExportDeprecation();
+    return cjs.NodePackageImporter;
+  },
+  get deprecations() {
+    defaultExportDeprecation();
+    return cjs.deprecations;
+  },
+  get Version() {
+    defaultExportDeprecation();
+    return cjs.Version;
+  },
+  get parser_() {
+    defaultExportDeprecation();
+    return cjs.parser_;
+  },
+};
diff --git a/node_modules/sass/types/compile.d.ts b/node_modules/sass/types/compile.d.ts
new file mode 100644
index 0000000..872754c
--- /dev/null
+++ b/node_modules/sass/types/compile.d.ts
@@ -0,0 +1,342 @@
+import {RawSourceMap} from 'source-map-js';
+
+import {Options, StringOptions} from './options';
+
+/**
+ * The result of compiling Sass to CSS. Returned by {@link compile}, {@link
+ * compileAsync}, {@link compileString}, and {@link compileStringAsync}.
+ *
+ * @category Compile
+ */
+export interface CompileResult {
+  /**
+   * The generated CSS.
+   *
+   * Note that this *never* includes a `sourceMapUrl` comment—it's up to the
+   * caller to determine where to save the source map and how to link to it from
+   * the stylesheet.
+   */
+  css: string;
+
+  /**
+   * The canonical URLs of all the stylesheets that were loaded during the
+   * Sass compilation. The order of these URLs is not guaranteed.
+   */
+  loadedUrls: URL[];
+
+  /**
+   * The object representation of the source map that maps locations in the
+   * generated CSS back to locations in the Sass source code.
+   *
+   * This typically uses absolute `file:` URLs to refer to Sass files, although
+   * this can be controlled by having a custom {@link Importer} return {@link
+   * ImporterResult.sourceMapUrl}.
+   *
+   * This is set if and only if {@link Options.sourceMap} is `true`.
+   */
+  sourceMap?: RawSourceMap;
+}
+
+/**
+ * The result of creating a synchronous compiler. Returned by
+ * {@link initCompiler}.
+ *
+ * @category Compile
+ */
+export class Compiler {
+  /**
+   * Throws an error if constructed directly, instead of via
+   * {@link initCompiler}.
+   */
+  private constructor();
+
+  /**
+   * The {@link compile} method exposed through a Compiler instance while it is
+   * active. If this is called after {@link dispose} on the Compiler
+   * instance, an error will be thrown.
+   *
+   * During the Compiler instance's lifespan, given the same input, this will
+   * return an identical result to the {@link compile} method exposed at the
+   * module root.
+   */
+  compile(path: string, options?: Options<'sync'>): CompileResult;
+
+  /**
+   * The {@link compileString} method exposed through a Compiler instance while
+   * it is active. If this is called after {@link dispose} on the Compiler
+   * instance, an error will be thrown.
+   *
+   * During the Compiler instance's lifespan, given the same input, this will
+   * return an identical result to the {@link compileString} method exposed at
+   * the module root.
+   */
+  compileString(source: string, options?: StringOptions<'sync'>): CompileResult;
+
+  /**
+   * Ends the lifespan of this Compiler instance. After this is invoked, all
+   * calls to the Compiler instance's {@link compile} or {@link compileString}
+   * methods will result in an error.
+   */
+  dispose(): void;
+}
+
+/**
+ * The result of creating an asynchronous compiler. Returned by
+ * {@link initAsyncCompiler}.
+ *
+ * @category Compile
+ */
+export class AsyncCompiler {
+  /**
+   * Throws an error if constructed directly, instead of via
+   * {@link initAsyncCompiler}.
+   */
+  private constructor();
+
+  /**
+   * The {@link compileAsync} method exposed through an Async Compiler instance
+   * while it is active. If this is called after {@link dispose} on the Async
+   * Compiler instance, an error will be thrown.
+   *
+   * During the Async Compiler instance's lifespan, given the same input, this
+   * will return an identical result to the {@link compileAsync} method exposed
+   * at the module root.
+   */
+  compileAsync(
+    path: string,
+    options?: Options<'async'>
+  ): Promise<CompileResult>;
+
+  /**
+   * The {@link compileStringAsync} method exposed through an Async Compiler
+   * instance while it is active. If this is called after {@link dispose} on the
+   * Async Compiler instance, an error will be thrown.
+   *
+   * During the Async Compiler instance's lifespan, given the same input, this
+   * will return an identical result to the {@link compileStringAsync} method
+   * exposed at the module root.
+   */
+  compileStringAsync(
+    source: string,
+    options?: StringOptions<'async'>
+  ): Promise<CompileResult>;
+
+  /**
+   * Ends the lifespan of this Async Compiler instance. After this is invoked,
+   * all subsequent calls to the Compiler instance's `compileAsync` or
+   * `compileStringAsync` methods will result in an error.
+   *
+   * Any compilations that are submitted before `dispose` will not be cancelled,
+   * and will be allowed to settle.
+   *
+   * After all compilations have been settled and Sass completes any internal
+   * task cleanup, `dispose` will resolve its promise.
+   */
+  dispose(): Promise<void>;
+}
+
+/**
+ * Synchronously compiles the Sass file at `path` to CSS. If it succeeds it
+ * returns a {@link CompileResult}, and if it fails it throws an {@link
+ * Exception}.
+ *
+ * This only allows synchronous {@link Importer}s and {@link CustomFunction}s.
+ *
+ * **Heads up!** When using the [sass-embedded] npm package for single
+ * compilations, **{@link compileAsync} is almost always faster than
+ * {@link compile}**, due to the overhead of emulating synchronous messaging
+ * with worker threads and concurrent compilations being blocked on main thread.
+ *
+ * If you are running multiple compilations with the [sass-embedded] npm
+ * package, using a {@link Compiler} will provide some speed improvements over
+ * the module-level methods, and an {@link AsyncCompiler} will be much faster.
+ *
+ * [sass-embedded]: https://www.npmjs.com/package/sass-embedded
+ *
+ * @example
+ *
+ * ```js
+ * const sass = require('sass');
+ *
+ * const result = sass.compile("style.scss");
+ * console.log(result.css);
+ * ```
+ *
+ * @category Compile
+ * @compatibility dart: "1.45.0", node: false
+ */
+export function compile(path: string, options?: Options<'sync'>): CompileResult;
+
+/**
+ * Asynchronously compiles the Sass file at `path` to CSS. Returns a promise
+ * that resolves with a {@link CompileResult} if it succeeds and rejects with an
+ * {@link Exception} if it fails.
+ *
+ * This only allows synchronous or asynchronous {@link Importer}s and
+ * {@link CustomFunction}s.
+ *
+ * **Heads up!** When using the `sass` npm package, **{@link compile} is almost
+ * twice as fast as {@link compileAsync}**, due to the overhead of making the
+ * entire evaluation process asynchronous.
+ *
+ * @example
+ *
+ * ```js
+ * const sass = require('sass');
+ *
+ * const result = await sass.compileAsync("style.scss");
+ * console.log(result.css);
+ * ```
+ *
+ * @category Compile
+ * @compatibility dart: "1.45.0", node: false
+ */
+export function compileAsync(
+  path: string,
+  options?: Options<'async'>
+): Promise<CompileResult>;
+
+/**
+ * Synchronously compiles a stylesheet whose contents is `source` to CSS. If it
+ * succeeds it returns a {@link CompileResult}, and if it fails it throws an
+ * {@link Exception}.
+ *
+ * This only allows synchronous {@link Importer}s and {@link CustomFunction}s.
+ *
+ * **Heads up!** When using the [sass-embedded] npm package for single
+ * compilations, **{@link compileStringAsync} is almost always faster than
+ * {@link compileString}**, due to the overhead of emulating synchronous
+ * messaging with worker threads and concurrent compilations being blocked on
+ * main thread.
+ *
+ * If you are running multiple compilations with the [sass-embedded] npm
+ * package, using a {@link Compiler} will provide some speed improvements over
+ * the module-level methods, and an {@link AsyncCompiler} will be much faster.
+ *
+ * [sass-embedded]: https://www.npmjs.com/package/sass-embedded
+ *
+ * @example
+ *
+ * ```js
+ * const sass = require('sass');
+ *
+ * const result = sass.compileString(`
+ * h1 {
+ *   font-size: 40px;
+ *   code {
+ *     font-face: Roboto Mono;
+ *   }
+ * }`);
+ * console.log(result.css);
+ * ```
+ *
+ * @category Compile
+ * @compatibility dart: "1.45.0", node: false
+ */
+export function compileString(
+  source: string,
+  options?: StringOptions<'sync'>
+): CompileResult;
+
+/**
+ * Asynchronously compiles a stylesheet whose contents is `source` to CSS.
+ * Returns a promise that resolves with a {@link CompileResult} if it succeeds
+ * and rejects with an {@link Exception} if it fails.
+ *
+ * This only allows synchronous or asynchronous {@link Importer}s and {@link
+ * CustomFunction}s.
+ *
+ * **Heads up!** When using the `sass` npm package, **{@link compileString} is
+ * almost twice as fast as {@link compileStringAsync}**, due to the overhead
+ * of making the entire evaluation process asynchronous.
+ *
+ * @example
+ *
+ * ```js
+ * const sass = require('sass');
+ *
+ * const result = await sass.compileStringAsync(`
+ * h1 {
+ *   font-size: 40px;
+ *   code {
+ *     font-face: Roboto Mono;
+ *   }
+ * }`);
+ * console.log(result.css);
+ * ```
+ *
+ * @category Compile
+ * @compatibility dart: "1.45.0", node: false
+ */
+export function compileStringAsync(
+  source: string,
+  options?: StringOptions<'async'>
+): Promise<CompileResult>;
+
+/**
+ * Creates a synchronous {@link Compiler}. Each compiler instance exposes the
+ * {@link compile} and {@link compileString} methods within the lifespan of the
+ * Compiler. Given identical input, these methods will return results identical
+ * to their counterparts exposed at the module root. To use asynchronous
+ * compilation, use {@link initAsyncCompiler}.
+ *
+ * When calling the compile functions multiple times, using a compiler instance
+ * with the [sass-embedded] npm package is much faster than using the top-level
+ * compilation methods or the [sass] npm package.
+ *
+ * [sass-embedded]: https://www.npmjs.com/package/sass-embedded
+ *
+ * [sass]: https://www.npmjs.com/package/sass
+ *
+ * @example
+ *
+ * ```js
+ * const sass = require('sass');
+ * function setup() {
+ *   const compiler = sass.initCompiler();
+ *   const result1 = compiler.compileString('a {b: c}').css;
+ *   const result2 = compiler.compileString('a {b: c}').css;
+ *   compiler.dispose();
+ *
+ *   // throws error
+ *   const result3 = sass.compileString('a {b: c}').css;
+ * }
+ * ```
+ * @category Compile
+ * @compatibility dart: "1.70.0", node: false
+ */
+export function initCompiler(): Compiler;
+
+/**
+ * Creates an asynchronous {@link AsyncCompiler}. Each compiler
+ * instance exposes the {@link compileAsync} and {@link compileStringAsync}
+ * methods within the lifespan of the Compiler. Given identical input, these
+ * methods will return results identical to their counterparts exposed at the
+ * module root. To use synchronous compilation, use {@link initCompiler};
+ *
+ * When calling the compile functions multiple times, using a compiler instance
+ * with the [sass-embedded] npm package is much faster than using the top-level
+ * compilation methods or the [sass] npm package.
+ *
+ * [sass-embedded]: https://www.npmjs.com/package/sass-embedded
+ *
+ * [sass]: https://www.npmjs.com/package/sass
+ *
+ * @example
+ *
+ * ```js
+ * const sass = require('sass');
+ * async function setup() {
+ *   const compiler = await sass.initAsyncCompiler();
+ *   const result1 = await compiler.compileStringAsync('a {b: c}').css;
+ *   const result2 = await compiler.compileStringAsync('a {b: c}').css;
+ *   await compiler.dispose();
+ *
+ *   // throws error
+ *   const result3 = await sass.compileStringAsync('a {b: c}').css;
+ * }
+ * ```
+ * @category Compile
+ * @compatibility dart: "1.70.0", node: false
+ */
+export function initAsyncCompiler(): Promise<AsyncCompiler>;
diff --git a/node_modules/sass/types/deprecations.d.ts b/node_modules/sass/types/deprecations.d.ts
new file mode 100644
index 0000000..5b476b7
--- /dev/null
+++ b/node_modules/sass/types/deprecations.d.ts
@@ -0,0 +1,290 @@
+/**
+ * All of the deprecation types currently used by Sass.
+ *
+ * Any of these IDs or the deprecation objects they point to can be passed to
+ * `fatalDeprecations`, `futureDeprecations`, or `silenceDeprecations`.
+ */
+export interface Deprecations {
+  // START AUTOGENERATED LIST
+  // Checksum: 0d3df25297a4e76b865aee1e908baf355e26d665
+
+  /**
+   * Deprecation for passing a string directly to meta.call().
+   *
+   * This deprecation was active in the first version of Dart Sass.
+   */
+  'call-string': Deprecation<'call-string'>;
+
+  /**
+   * Deprecation for @elseif.
+   *
+   * This deprecation became active in Dart Sass 1.3.2.
+   */
+  elseif: Deprecation<'elseif'>;
+
+  /**
+   * Deprecation for @-moz-document.
+   *
+   * This deprecation became active in Dart Sass 1.7.2.
+   */
+  'moz-document': Deprecation<'moz-document'>;
+
+  /**
+   * Deprecation for imports using relative canonical URLs.
+   *
+   * This deprecation became active in Dart Sass 1.14.2.
+   */
+  'relative-canonical': Deprecation<'relative-canonical'>;
+
+  /**
+   * Deprecation for declaring new variables with !global.
+   *
+   * This deprecation became active in Dart Sass 1.17.2.
+   */
+  'new-global': Deprecation<'new-global'>;
+
+  /**
+   * Deprecation for using color module functions in place of plain CSS functions.
+   *
+   * This deprecation became active in Dart Sass 1.23.0.
+   */
+  'color-module-compat': Deprecation<'color-module-compat'>;
+
+  /**
+   * Deprecation for / operator for division.
+   *
+   * This deprecation became active in Dart Sass 1.33.0.
+   */
+  'slash-div': Deprecation<'slash-div'>;
+
+  /**
+   * Deprecation for leading, trailing, and repeated combinators.
+   *
+   * This deprecation became active in Dart Sass 1.54.0.
+   */
+  'bogus-combinators': Deprecation<'bogus-combinators'>;
+
+  /**
+   * Deprecation for ambiguous + and - operators.
+   *
+   * This deprecation became active in Dart Sass 1.55.0.
+   */
+  'strict-unary': Deprecation<'strict-unary'>;
+
+  /**
+   * Deprecation for passing invalid units to built-in functions.
+   *
+   * This deprecation became active in Dart Sass 1.56.0.
+   */
+  'function-units': Deprecation<'function-units'>;
+
+  /**
+   * Deprecation for using !default or !global multiple times for one variable.
+   *
+   * This deprecation became active in Dart Sass 1.62.0.
+   */
+  'duplicate-var-flags': Deprecation<'duplicate-var-flags'>;
+
+  /**
+   * Deprecation for passing null as alpha in the JS API.
+   *
+   * This deprecation became active in Dart Sass 1.62.3.
+   */
+  'null-alpha': Deprecation<'null-alpha'>;
+
+  /**
+   * Deprecation for passing percentages to the Sass abs() function.
+   *
+   * This deprecation became active in Dart Sass 1.65.0.
+   */
+  'abs-percent': Deprecation<'abs-percent'>;
+
+  /**
+   * Deprecation for using the current working directory as an implicit load path.
+   *
+   * This deprecation became active in Dart Sass 1.73.0.
+   */
+  'fs-importer-cwd': Deprecation<'fs-importer-cwd'>;
+
+  /**
+   * Deprecation for function and mixin names beginning with --.
+   *
+   * This deprecation became active in Dart Sass 1.76.0.
+   */
+  'css-function-mixin': Deprecation<'css-function-mixin'>;
+
+  /**
+   * Deprecation for declarations after or between nested rules.
+   *
+   * This deprecation became active in Dart Sass 1.77.7.
+   * It became obsolete in Dart Sass 1.92.0.
+   */
+  'mixed-decls': Deprecation<'mixed-decls'>;
+
+  /**
+   * Deprecation for meta.feature-exists
+   *
+   * This deprecation became active in Dart Sass 1.78.0.
+   */
+  'feature-exists': Deprecation<'feature-exists'>;
+
+  /**
+   * Deprecation for certain uses of built-in sass:color functions.
+   *
+   * This deprecation became active in Dart Sass 1.79.0.
+   */
+  'color-4-api': Deprecation<'color-4-api'>;
+
+  /**
+   * Deprecation for using global color functions instead of sass:color.
+   *
+   * This deprecation became active in Dart Sass 1.79.0.
+   */
+  'color-functions': Deprecation<'color-functions'>;
+
+  /**
+   * Deprecation for legacy JS API.
+   *
+   * This deprecation became active in Dart Sass 1.79.0.
+   */
+  'legacy-js-api': Deprecation<'legacy-js-api'>;
+
+  /**
+   * Deprecation for @import rules.
+   *
+   * This deprecation became active in Dart Sass 1.80.0.
+   */
+  import: Deprecation<'import'>;
+
+  /**
+   * Deprecation for global built-in functions that are available in sass: modules.
+   *
+   * This deprecation became active in Dart Sass 1.80.0.
+   */
+  'global-builtin': Deprecation<'global-builtin'>;
+
+  /**
+   * Deprecation for functions named "type".
+   *
+   * This deprecation became active in Dart Sass 1.86.0.
+   * It became obsolete in Dart Sass 1.92.0.
+   */
+  'type-function': Deprecation<'type-function'>;
+
+  /**
+   * Deprecation for passing a relative url to compileString().
+   *
+   * This deprecation became active in Dart Sass 1.88.0.
+   */
+  'compile-string-relative-url': Deprecation<'compile-string-relative-url'>;
+
+  /**
+   * Deprecation for a rest parameter before a positional or named parameter.
+   *
+   * This deprecation became active in Dart Sass 1.91.0.
+   */
+  'misplaced-rest': Deprecation<'misplaced-rest'>;
+
+  /**
+   * Deprecation for configuring private variables in @use, @forward, or load-css().
+   *
+   * This deprecation became active in Dart Sass 1.92.0.
+   */
+  'with-private': Deprecation<'with-private'>;
+
+  // END AUTOGENERATED LIST
+
+  /**
+   * Used for any user-emitted deprecation warnings.
+   */
+  'user-authored': Deprecation<'user-authored', 'user'>;
+}
+
+/**
+ * Either a deprecation or its ID, either of which can be passed to any of
+ * the relevant compiler options.
+ *
+ * @category Messages
+ * @compatibility dart: "1.74.0", node: false
+ */
+export type DeprecationOrId = Deprecation | keyof Deprecations;
+
+/**
+ * The possible statuses that each deprecation can have.
+ *
+ * "active" deprecations are currently emitting deprecation warnings.
+ * "future" deprecations are not yet active, but will be in the future.
+ * "obsolete" deprecations were once active, but no longer are.
+ *
+ * The only "user" deprecation is "user-authored", which is used for deprecation
+ * warnings coming from user code.
+ *
+ * @category Messages
+ * @compatibility dart: "1.74.0", node: false
+ */
+export type DeprecationStatus = 'active' | 'user' | 'future' | 'obsolete';
+
+/**
+ * A deprecated feature in the language.
+ *
+ * @category Messages
+ * @compatibility dart: "1.74.0", node: false
+ */
+export interface Deprecation<
+  id extends keyof Deprecations = keyof Deprecations,
+  status extends DeprecationStatus = DeprecationStatus
+> {
+  /** The unique ID of this deprecation. */
+  id: id;
+
+  /** The current status of this deprecation. */
+  status: status;
+
+  /** A human-readable description of this deprecation. */
+  description?: string;
+
+  /** The version this deprecation first became active in. */
+  deprecatedIn: status extends 'future' | 'user' ? null : Version;
+
+  /** The version this deprecation became obsolete in. */
+  obsoleteIn: status extends 'obsolete' ? Version : null;
+}
+
+/**
+ * A semantic version of the compiler.
+ *
+ * @category Messages
+ * @compatibility dart: "1.74.0", node: false
+ */
+export class Version {
+  /**
+   * Constructs a new version.
+   *
+   * All components must be non-negative integers.
+   *
+   * @param major - The major version.
+   * @param minor - The minor version.
+   * @param patch - The patch version.
+   */
+  constructor(major: number, minor: number, patch: number);
+  readonly major: number;
+  readonly minor: number;
+  readonly patch: number;
+
+  /**
+   * Parses a version from a string.
+   *
+   * This throws an error if a valid version can't be parsed.
+   *
+   * @param version - A string in the form "major.minor.patch".
+   */
+  static parse(version: string): Version;
+}
+
+/**
+ * An object containing all deprecation types.
+ *
+ * @category Messages
+ * @compatibility dart: "1.74.0", node: false
+ */
+export const deprecations: Deprecations;
diff --git a/node_modules/sass/types/exception.d.ts b/node_modules/sass/types/exception.d.ts
new file mode 100644
index 0000000..616d652
--- /dev/null
+++ b/node_modules/sass/types/exception.d.ts
@@ -0,0 +1,41 @@
+import {SourceSpan} from './logger';
+
+/**
+ * An exception thrown because a Sass compilation failed.
+ *
+ * @category Other
+ */
+export class Exception extends Error {
+  private constructor();
+
+  /**
+   * A human-friendly representation of the exception.
+   *
+   * Because many tools simply print `Error.message` directly, this includes not
+   * only the textual description of what went wrong (the {@link sassMessage})
+   * but also an indication of where in the Sass stylesheet the error occurred
+   * (the {@link span}) and the Sass stack trace at the point of error (the
+   * {@link sassStack}).
+   */
+  message: string;
+
+  /**
+   * A textual description of what went wrong.
+   *
+   * Unlike {@link message}, this does *not* include representations of {@link
+   * span} or {@link sassStack}.
+   */
+  readonly sassMessage: string;
+
+  /**
+   * A human-friendly representation of the Sass stack trace at the point of
+   * error.
+   */
+  readonly sassStack: string;
+
+  /** The location the error occurred in the Sass file that triggered it. */
+  readonly span: SourceSpan;
+
+  /** Returns the same string as {@link message}. */
+  toString(): string;
+}
diff --git a/node_modules/sass/types/importer.d.ts b/node_modules/sass/types/importer.d.ts
new file mode 100644
index 0000000..32aec2e
--- /dev/null
+++ b/node_modules/sass/types/importer.d.ts
@@ -0,0 +1,471 @@
+import {Syntax} from './options';
+import {PromiseOr} from './util/promise_or';
+
+/**
+ * Contextual information passed to {@link Importer.canonicalize} and {@link
+ * FileImporter.findFileUrl}. Not all importers will need this information to
+ * resolve loads, but some may find it useful.
+ */
+export interface CanonicalizeContext {
+  /**
+   * Whether this is being invoked because of a Sass
+   * `@import` rule, as opposed to a `@use` or `@forward` rule.
+   *
+   * This should *only* be used for determining whether or not to load
+   * [import-only files](https://sass-lang.com/documentation/at-rules/import#import-only-files).
+   */
+  fromImport: boolean;
+
+  /**
+   * The canonical URL of the file that contains the load, if that information
+   * is available.
+   *
+   * For an {@link Importer}, this is only passed when the `url` parameter is a
+   * relative URL _or_ when its [URL scheme] is included in {@link
+   * Importer.nonCanonicalScheme}. This ensures that canonical URLs are always
+   * resolved the same way regardless of context.
+   *
+   * [URL scheme]: https://developer.mozilla.org/en-US/docs/Learn/Common_questions/Web_mechanics/What_is_a_URL#scheme
+   *
+   * For a {@link FileImporter}, this is always available as long as Sass knows
+   * the canonical URL of the containing file.
+   */
+  containingUrl: URL | null;
+}
+
+/**
+ * A special type of importer that redirects all loads to existing files on
+ * disk. Although this is less powerful than a full {@link Importer}, it
+ * automatically takes care of Sass features like resolving partials and file
+ * extensions and of loading the file from disk.
+ *
+ * Like all importers, this implements custom Sass loading logic for [`@use`
+ * rules](https://sass-lang.com/documentation/at-rules/use) and [`@import`
+ * rules](https://sass-lang.com/documentation/at-rules/import). It can be passed
+ * to {@link Options.importers} or {@link StringOptions.importer}.
+ *
+ * @typeParam sync - A `FileImporter<'sync'>`'s {@link findFileUrl} must return
+ * synchronously, but in return it can be passed to {@link compile} and {@link
+ * compileString} in addition to {@link compileAsync} and {@link
+ * compileStringAsync}.
+ *
+ * A `FileImporter<'async'>`'s {@link findFileUrl} may either return
+ * synchronously or asynchronously, but it can only be used with {@link
+ * compileAsync} and {@link compileStringAsync}.
+ *
+ * @example
+ *
+ * ```js
+ * const {pathToFileURL} = require('url');
+ *
+ * sass.compile('style.scss', {
+ *   importers: [{
+ *     // An importer that redirects relative URLs starting with "~" to
+ *     // `node_modules`.
+ *     findFileUrl(url) {
+ *       if (!url.startsWith('~')) return null;
+ *       return new URL(url.substring(1), pathToFileURL('node_modules'));
+ *     }
+ *   }]
+ * });
+ * ```
+ *
+ * @category Importer
+ */
+export interface FileImporter<
+  sync extends 'sync' | 'async' = 'sync' | 'async'
+> {
+  /**
+   * A callback that's called to partially resolve a load (such as
+   * [`@use`](https://sass-lang.com/documentation/at-rules/use) or
+   * [`@import`](https://sass-lang.com/documentation/at-rules/import)) to a file
+   * on disk.
+   *
+   * Unlike an {@link Importer}, the compiler will automatically handle relative
+   * loads for a {@link FileImporter}. See {@link Options.importers} for more
+   * details on the way loads are resolved.
+   *
+   * @param url - The loaded URL. Since this might be relative, it's represented
+   * as a string rather than a {@link URL} object.
+   *
+   * @returns An absolute `file:` URL if this importer recognizes the `url`.
+   * This may be only partially resolved: the compiler will automatically look
+   * for [partials](https://sass-lang.com/documentation/at-rules/use#partials),
+   * [index files](https://sass-lang.com/documentation/at-rules/use#index-files),
+   * and file extensions based on the returned URL. An importer may also return
+   * a fully resolved URL if it so chooses.
+   *
+   * If this importer doesn't recognize the URL, it should return `null` instead
+   * to allow other importers or {@link Options.loadPaths | load paths} to
+   * handle it.
+   *
+   * This may also return a `Promise`, but if it does the importer may only be
+   * passed to {@link compileAsync} and {@link compileStringAsync}, not {@link
+   * compile} or {@link compileString}.
+   *
+   * @throws any - If this importer recognizes `url` but determines that it's
+   * invalid, it may throw an exception that will be wrapped by Sass. If the
+   * exception object has a `message` property, it will be used as the wrapped
+   * exception's message; otherwise, the exception object's `toString()` will be
+   * used. This means it's safe for importers to throw plain strings.
+   */
+  findFileUrl(
+    url: string,
+    context: CanonicalizeContext
+  ): PromiseOr<URL | null, sync>;
+
+  /** @hidden */
+  canonicalize?: never;
+}
+
+/**
+ * An object that implements custom Sass loading logic for [`@use`
+ * rules](https://sass-lang.com/documentation/at-rules/use) and [`@import`
+ * rules](https://sass-lang.com/documentation/at-rules/import). It can be passed
+ * to {@link Options.importers} or {@link StringOptions.importer}.
+ *
+ * Importers that simply redirect to files on disk are encouraged to use the
+ * {@link FileImporter} interface instead.
+ *
+ * ### Resolving a Load
+ *
+ * This is the process of resolving a load using a custom importer:
+ *
+ * - The compiler encounters `@use "db:foo/bar/baz"`.
+ * - It calls {@link canonicalize} with `"db:foo/bar/baz"`.
+ * - {@link canonicalize} returns `new URL("db:foo/bar/baz/_index.scss")`.
+ * - If the compiler has already loaded a stylesheet with this canonical URL, it
+ *   re-uses the existing module.
+ * - Otherwise, it calls {@link load} with `new
+ *   URL("db:foo/bar/baz/_index.scss")`.
+ * - {@link load} returns an {@link ImporterResult} that the compiler uses as
+ *   the contents of the module.
+ *
+ * See {@link Options.importers} for more details on the way loads are resolved
+ * using multiple importers and load paths.
+ *
+ * @typeParam sync - An `Importer<'sync'>`'s {@link canonicalize} and {@link
+ * load} must return synchronously, but in return it can be passed to {@link
+ * compile} and {@link compileString} in addition to {@link compileAsync} and
+ * {@link compileStringAsync}.
+ *
+ * An `Importer<'async'>`'s {@link canonicalize} and {@link load} may either
+ * return synchronously or asynchronously, but it can only be used with {@link
+ * compileAsync} and {@link compileStringAsync}.
+ *
+ * @example
+ *
+ * ```js
+ * sass.compile('style.scss', {
+ *   // An importer for URLs like `bgcolor:orange` that generates a
+ *   // stylesheet with the given background color.
+ *   importers: [{
+ *     canonicalize(url) {
+ *       if (!url.startsWith('bgcolor:')) return null;
+ *       return new URL(url);
+ *     },
+ *     load(canonicalUrl) {
+ *       return {
+ *         contents: `body {background-color: ${canonicalUrl.pathname}}`,
+ *         syntax: 'scss'
+ *       };
+ *     }
+ *   }]
+ * });
+ * ```
+ *
+ * @category Importer
+ */
+export interface Importer<sync extends 'sync' | 'async' = 'sync' | 'async'> {
+  /**
+   * If `url` is recognized by this importer, returns its canonical format.
+   *
+   * If Sass has already loaded a stylesheet with the returned canonical URL, it
+   * re-uses the existing parse tree (and the loaded module for `@use`). This
+   * means that importers **must ensure** that the same canonical URL always
+   * refers to the same stylesheet, *even across different importers*. As such,
+   * importers are encouraged to use unique URL schemes to disambiguate between
+   * one another.
+   *
+   * As much as possible, custom importers should canonicalize URLs the same way
+   * as the built-in filesystem importer:
+   *
+   * - The importer should look for stylesheets by adding the prefix `_` to the
+   *   URL's basename, and by adding the extensions `.sass` and `.scss` if the
+   *   URL doesn't already have one of those extensions. For example, if the
+   *   URL was `foo/bar/baz`, the importer would look for:
+   *   - `foo/bar/baz.sass`
+   *   - `foo/bar/baz.scss`
+   *   - `foo/bar/_baz.sass`
+   *   - `foo/bar/_baz.scss`
+   *
+   *   If the URL was `foo/bar/baz.scss`, the importer would just look for:
+   *   - `foo/bar/baz.scss`
+   *   - `foo/bar/_baz.scss`
+   *
+   *   If the importer finds a stylesheet at more than one of these URLs, it
+   *   should throw an exception indicating that the URL is ambiguous. Note that
+   *   if the extension is explicitly specified, a stylesheet with the opposite
+   *   extension is allowed to exist.
+   *
+   * - If none of the possible paths is valid, the importer should perform the
+   *   same resolution on the URL followed by `/index`. In the example above,
+   *   it would look for:
+   *   - `foo/bar/baz/index.sass`
+   *   - `foo/bar/baz/index.scss`
+   *   - `foo/bar/baz/_index.sass`
+   *   - `foo/bar/baz/_index.scss`
+   *
+   *   As above, if the importer finds a stylesheet at more than one of these
+   *   URLs, it should throw an exception indicating that the import is
+   *   ambiguous.
+   *
+   * If no stylesheets are found, the importer should return `null`.
+   *
+   * Calling {@link canonicalize} multiple times with the same URL must return
+   * the same result. Calling {@link canonicalize} with a URL returned by a
+   * previous call to {@link canonicalize} must return that URL.
+   *
+   * #### Relative URLs
+   *
+   * Relative loads in stylesheets loaded from an importer are first resolved
+   * relative to the canonical URL of the stylesheet that contains it and passed
+   * back to the {@link canonicalize} method for the local importer that loaded
+   * that stylesheet. For example, suppose the "Resolving a Load" example {@link
+   * Importer | above} returned a stylesheet that contained `@use "mixins"`:
+   *
+   * - The compiler resolves the URL `mixins` relative to the current
+   *   stylesheet's canonical URL `db:foo/bar/baz/_index.scss` to get
+   *   `db:foo/bar/baz/mixins`.
+   * - It calls {@link canonicalize} with `"db:foo/bar/baz/mixins"`.
+   * - {@link canonicalize} returns `new URL("db:foo/bar/baz/_mixins.scss")`.
+   *
+   * Because of this, {@link canonicalize} must return a meaningful result when
+   * called with a URL relative to one returned by an earlier call to {@link
+   * canonicalize}.
+   *
+   * If the local importer's `canonicalize` method returns `null`, the relative
+   * URL is then passed to each of {@link Options.importers}' `canonicalize()`
+   * methods in turn until one returns a canonical URL. If none of them do, the
+   * load fails.
+   *
+   * @param url - The loaded URL. Since this might be relative, it's represented
+   * as a string rather than a {@link URL} object.
+   *
+   * @returns An absolute URL if this importer recognizes the `url`, or `null`
+   * if it doesn't. If this returns `null`, other importers or {@link
+   * Options.loadPaths | load paths} may handle the load.
+   *
+   * This may also return a `Promise`, but if it does the importer may only be
+   * passed to {@link compileAsync} and {@link compileStringAsync}, not {@link
+   * compile} or {@link compileString}.
+   *
+   * @throws any - If this importer recognizes `url` but determines that it's
+   * invalid, it may throw an exception that will be wrapped by Sass. If the
+   * exception object has a `message` property, it will be used as the wrapped
+   * exception's message; otherwise, the exception object's `toString()` will be
+   * used. This means it's safe for importers to throw plain strings.
+   */
+  canonicalize(
+    url: string,
+    context: CanonicalizeContext
+  ): PromiseOr<URL | null, sync>;
+
+  /**
+   * Loads the Sass text for the given `canonicalUrl`, or returns `null` if this
+   * importer can't find the stylesheet it refers to.
+   *
+   * @param canonicalUrl - The canonical URL of the stylesheet to load. This is
+   * guaranteed to come from a call to {@link canonicalize}, although not every
+   * call to {@link canonicalize} will result in a call to {@link load}.
+   *
+   * @returns The contents of the stylesheet at `canonicalUrl` if it can be
+   * loaded, or `null` if it can't.
+   *
+   * This may also return a `Promise`, but if it does the importer may only be
+   * passed to {@link compileAsync} and {@link compileStringAsync}, not {@link
+   * compile} or {@link compileString}.
+   *
+   * @throws any - If this importer finds a stylesheet at `url` but it fails to
+   * load for some reason, or if `url` is uniquely associated with this importer
+   * but doesn't refer to a real stylesheet, the importer may throw an exception
+   * that will be wrapped by Sass. If the exception object has a `message`
+   * property, it will be used as the wrapped exception's message; otherwise,
+   * the exception object's `toString()` will be used. This means it's safe for
+   * importers to throw plain strings.
+   */
+  load(canonicalUrl: URL): PromiseOr<ImporterResult | null, sync>;
+
+  /** @hidden */
+  findFileUrl?: never;
+
+  /**
+   * A URL scheme or set of schemes (without the `:`) that this importer
+   * promises never to use for URLs returned by {@link canonicalize}. If it does
+   * return a URL with one of these schemes, that's an error.
+   *
+   * If this is set, any call to canonicalize for a URL with a non-canonical
+   * scheme will be passed {@link CanonicalizeContext.containingUrl} if it's
+   * known.
+   *
+   * These schemes may only contain lowercase ASCII letters, ASCII numerals,
+   * `+`, `-`, and `.`. They may not be empty.
+   */
+  nonCanonicalScheme?: string | string[];
+}
+
+declare const nodePackageImporterKey: unique symbol;
+
+/**
+ * The built-in Node.js package importer. This loads pkg: URLs from node_modules
+ * according to the standard Node.js resolution algorithm.
+ *
+ * A Node.js package importer is exposed as a class that can be added to the
+ * `importers` option.
+ *
+ *```js
+ * const sass = require('sass');
+ * sass.compileString('@use "pkg:vuetify', {
+ *   importers: [new sass.NodePackageImporter()]
+ * });
+ *```
+ *
+ * ## Writing Sass packages
+ *
+ * Package authors can control what is exposed to their users through their
+ * `package.json` manifest. The recommended method is to add a `sass`
+ * conditional export to `package.json`.
+ *
+ * ```json
+ * // node_modules/uicomponents/package.json
+ * {
+ *   "exports": {
+ *     ".": {
+ *       "sass": "./src/scss/index.scss",
+ *       "import": "./dist/js/index.mjs",
+ *       "default": "./dist/js/index.js"
+ *     }
+ *   }
+ * }
+ * ```
+ *
+ * This allows a package user to write `@use "pkg:uicomponents"` to load the
+ * file at `node_modules/uicomponents/src/scss/index.scss`.
+ *
+ * The Node.js package importer supports the variety of formats supported by
+ * Node.js [package entry points], allowing authors to expose multiple subpaths.
+ *
+ * [package entry points]:
+ * https://nodejs.org/api/packages.html#package-entry-points
+ *
+ * ```json
+ * // node_modules/uicomponents/package.json
+ * {
+ *   "exports": {
+ *     ".": {
+ *       "sass": "./src/scss/index.scss",
+ *     },
+ *     "./colors.scss": {
+ *       "sass": "./src/scss/_colors.scss",
+ *     },
+ *     "./theme/*.scss": {
+ *       "sass": "./src/scss/theme/*.scss",
+ *     },
+ *   }
+ * }
+ * ```
+ *
+ * This allows a package user to write:
+ *
+ * - `@use "pkg:uicomponents";` to import the root export.
+ * - `@use "pkg:uicomponents/colors";` to import the colors partial.
+ * - `@use "pkg:uicomponents/theme/purple";` to import a purple theme.
+ *
+ * Note that while library users can rely on the importer to resolve
+ * [partials](https://sass-lang.com/documentation/at-rules/use#partials), [index
+ * files](https://sass-lang.com/documentation/at-rules/use#index-files), and
+ * extensions, library authors must specify the entire file path in `exports`.
+ *
+ * In addition to the `sass` condition, the `style` condition is also
+ * acceptable. Sass will match the `default` condition if it's a relevant file
+ * type, but authors are discouraged from relying on this. Notably, the key
+ * order matters, and the importer will resolve to the first value with a key
+ * that is `sass`, `style`, or `default`, so you should always put `default`
+ * last.
+ *
+ * To help package authors who haven't transitioned to package entry points
+ * using the `exports` field, the Node.js package importer provides several
+ * fallback options. If the `pkg:` URL does not have a subpath, the Node.js
+ * package importer will look for a `sass` or `style` key at the root of
+ * `package.json`.
+ *
+ * ```json
+ * // node_modules/uicomponents/package.json
+ * {
+ *   "sass": "./src/scss/index.scss",
+ * }
+ * ```
+ *
+ * This allows a user to write `@use "pkg:uicomponents";` to import the
+ * `index.scss` file.
+ *
+ * Finally, the Node.js package importer will look for an `index` file at the
+ * package root, resolving partials and extensions. For example, if the file
+ * `_index.scss` exists in the package root of `uicomponents`, a user can import
+ * that with `@use "pkg:uicomponents";`.
+ *
+ * If a `pkg:` URL includes a subpath that doesn't have a match in package entry
+ * points, the Node.js importer will attempt to find that file relative to the
+ * package root, resolving for file extensions, partials and index files. For
+ * example, if the file `src/sass/_colors.scss` exists in the `uicomponents`
+ * package, a user can import that file using `@use
+ * "pkg:uicomponents/src/sass/colors";`.
+ *
+ * @compatibility dart: "1.71.0", node: false
+ * @category Importer
+ */
+export class NodePackageImporter {
+  /** Used to distinguish this type from any arbitrary object. */
+  private readonly [nodePackageImporterKey]: true;
+
+  /**
+   * The NodePackageImporter has an optional `entryPointDirectory` option, which
+   * is the directory where the Node Package Importer should start when
+   * resolving `pkg:` URLs in sources other than files on disk. This will be
+   * used as the `parentURL` in the [Node Module
+   * Resolution](https://nodejs.org/api/esm.html#resolution-algorithm-specification)
+   * algorithm.
+   *
+   * In order to be found by the Node Package Importer, a package will need to
+   * be inside a node_modules folder located in the `entryPointDirectory`, or
+   * one of its parent directories, up to the filesystem root.
+   *
+   * Relative paths will be resolved relative to the current working directory.
+   * If a path is not provided, this defaults to the parent directory of the
+   * Node.js entrypoint. If that's not available, this will throw an error.
+   */
+  constructor(entryPointDirectory?: string);
+}
+
+/**
+ * The result of successfully loading a stylesheet with an {@link Importer}.
+ *
+ * @category Importer
+ */
+export interface ImporterResult {
+  /** The contents of the stylesheet. */
+  contents: string;
+
+  /** The syntax with which to parse {@link contents}. */
+  syntax: Syntax;
+
+  /**
+   * The URL to use to link to the loaded stylesheet's source code in source
+   * maps. A `file:` URL is ideal because it's accessible to both browsers and
+   * other build tools, but an `http:` URL is also acceptable.
+   *
+   * If this isn't set, it defaults to a `data:` URL that contains the contents
+   * of the loaded stylesheet.
+   */
+  sourceMapUrl?: URL;
+}
diff --git a/node_modules/sass/types/index.d.ts b/node_modules/sass/types/index.d.ts
new file mode 100644
index 0000000..3520dda
--- /dev/null
+++ b/node_modules/sass/types/index.d.ts
@@ -0,0 +1,122 @@
+// This is a mirror of the JS API definitions in `spec/js-api`, but with comments
+// written to provide user-facing documentation rather than to specify behavior for
+// implementations.
+
+export {
+  AsyncCompiler,
+  CompileResult,
+  Compiler,
+  compile,
+  compileAsync,
+  compileString,
+  compileStringAsync,
+  initCompiler,
+  initAsyncCompiler,
+} from './compile';
+export {
+  deprecations,
+  Deprecation,
+  Deprecations,
+  DeprecationOrId,
+  DeprecationStatus,
+  Version,
+} from './deprecations';
+export {Exception} from './exception';
+export {
+  CanonicalizeContext,
+  FileImporter,
+  Importer,
+  ImporterResult,
+  NodePackageImporter,
+} from './importer';
+export {Logger, LoggerWarnOptions, SourceSpan, SourceLocation} from './logger';
+export {
+  CustomFunction,
+  Options,
+  OutputStyle,
+  StringOptions,
+  StringOptionsWithImporter,
+  StringOptionsWithoutImporter,
+  Syntax,
+} from './options';
+export {PromiseOr} from './util/promise_or';
+export {
+  CalculationInterpolation,
+  CalculationOperation,
+  CalculationOperator,
+  CalculationValue,
+  ChannelName,
+  ChannelNameHsl,
+  ChannelNameHwb,
+  ChannelNameLch,
+  ChannelNameLab,
+  ChannelNameRgb,
+  ChannelNameXyz,
+  ColorSpaceHsl,
+  ColorSpaceHwb,
+  ColorSpaceLch,
+  ColorSpaceLab,
+  ColorSpaceRgb,
+  ColorSpaceXyz,
+  GamutMapMethod,
+  HueInterpolationMethod,
+  KnownColorSpace,
+  ListSeparator,
+  PolarColorSpace,
+  RectangularColorSpace,
+  SassArgumentList,
+  SassBoolean,
+  SassCalculation,
+  SassColor,
+  SassFunction,
+  SassList,
+  SassMap,
+  SassMixin,
+  SassNumber,
+  SassString,
+  Value,
+  sassFalse,
+  sassNull,
+  sassTrue,
+} from './value';
+
+// Legacy APIs
+export {LegacyException} from './legacy/exception';
+export {
+  FALSE,
+  LegacyAsyncFunction,
+  LegacyAsyncFunctionDone,
+  LegacyFunction,
+  LegacySyncFunction,
+  LegacyValue,
+  NULL,
+  TRUE,
+  types,
+} from './legacy/function';
+export {
+  LegacyAsyncImporter,
+  LegacyImporter,
+  LegacyImporterResult,
+  LegacyImporterThis,
+  LegacySyncImporter,
+} from './legacy/importer';
+export {
+  LegacySharedOptions,
+  LegacyFileOptions,
+  LegacyStringOptions,
+  LegacyOptions,
+} from './legacy/options';
+export {LegacyPluginThis} from './legacy/plugin_this';
+export {LegacyResult, render, renderSync} from './legacy/render';
+
+/**
+ * Information about the Sass implementation. This always begins with a unique
+ * identifier for the Sass implementation, followed by U+0009 TAB, followed by
+ * its npm package version. Some implementations include additional information
+ * as well, but not in any standardized format.
+ *
+ * * For Dart Sass, the implementation name is `dart-sass`.
+ * * For Node Sass, the implementation name is `node-sass`.
+ * * For the embedded host, the implementation name is `sass-embedded`.
+ */
+export const info: string;
diff --git a/node_modules/sass/types/legacy/exception.d.ts b/node_modules/sass/types/legacy/exception.d.ts
new file mode 100644
index 0000000..29d3a54
--- /dev/null
+++ b/node_modules/sass/types/legacy/exception.d.ts
@@ -0,0 +1,55 @@
+/**
+ * The exception type thrown by {@link renderSync} and passed as the error to
+ * {@link render}'s callback.
+ *
+ * @category Legacy
+ * @deprecated This is only thrown by the legacy {@link render} and {@link
+ * renderSync} APIs. Use {@link compile}, {@link compileString}, {@link
+ * compileAsync}, and {@link compileStringAsync} instead.
+ */
+export interface LegacyException extends Error {
+  /**
+   * The error message. For Dart Sass, when possible this includes a highlighted
+   * indication of where in the source file the error occurred as well as the
+   * Sass stack trace.
+   */
+  message: string;
+
+  /**
+   * The error message. For Dart Sass, this is the same as the result of calling
+   * {@link toString}, which is itself the same as {@link message} but with the
+   * prefix "Error:".
+   */
+  formatted: string;
+
+  /**
+   * The (1-based) line number on which the error occurred, if this exception is
+   * associated with a specific Sass file location.
+   */
+  line?: number;
+
+  /**
+   * The (1-based) column number within {@link line} at which the error
+   * occurred, if this exception is associated with a specific Sass file
+   * location.
+   */
+  column?: number;
+
+  /**
+   * Analogous to the exit code for an executable. `1` for an error caused by a
+   * Sass file, `3` for any other type of error.
+   */
+  status: number;
+
+  /**
+   * If this exception was caused by an error in a Sass file, this will
+   * represent the Sass file's location. It can be in one of three formats:
+   *
+   * * If the Sass file was loaded from disk, this is the path to that file.
+   * * If the Sass file was generated by an importer, this is its canonical URL.
+   * * If the Sass file was passed as {@link LegacyStringOptions.data} without a
+   *   corresponding {@link LegacyStringOptions.file}, this is the special
+   *   string `"stdin"`.
+   */
+  file?: string;
+}
diff --git a/node_modules/sass/types/legacy/function.d.ts b/node_modules/sass/types/legacy/function.d.ts
new file mode 100644
index 0000000..7c27eb8
--- /dev/null
+++ b/node_modules/sass/types/legacy/function.d.ts
@@ -0,0 +1,757 @@
+import {LegacyPluginThis} from './plugin_this';
+
+/**
+ * A synchronous callback that implements a custom Sass function. This can be
+ * passed to {@link LegacySharedOptions.functions} for either {@link render} or
+ * {@link renderSync}.
+ *
+ * If this throws an error, Sass will treat that as the function failing with
+ * that error message.
+ *
+ * ```js
+ * const result = sass.renderSync({
+ *   file: 'style.scss',
+ *   functions: {
+ *     "sum($arg1, $arg2)": (arg1, arg2) => {
+ *       if (!(arg1 instanceof sass.types.Number)) {
+ *         throw new Error("$arg1: Expected a number");
+ *       } else if (!(arg2 instanceof sass.types.Number)) {
+ *         throw new Error("$arg2: Expected a number");
+ *       }
+ *       return new sass.types.Number(arg1.getValue() + arg2.getValue());
+ *     }
+ *   }
+ * });
+ * ```
+ *
+ * @param args - One argument for each argument that's declared in the signature
+ * that's passed to {@link LegacySharedOptions.functions}. If the signature
+ * [takes arbitrary
+ * arguments](https://sass-lang.com/documentation/at-rules/function#taking-arbitrary-arguments),
+ * they're passed as a single argument list in the last argument.
+ *
+ * @category Legacy
+ * @deprecated This only works with the legacy {@link render} and {@link
+ * renderSync} APIs. Use {@link CustomFunction} with {@link compile}, {@link
+ * compileString}, {@link compileAsync}, and {@link compileStringAsync} instead.
+ */
+export type LegacySyncFunction = (
+  this: LegacyPluginThis,
+  ...args: LegacyValue[]
+) => LegacyValue;
+
+/**
+ * An asynchronous callback that implements a custom Sass function. This can be
+ * passed to {@link LegacySharedOptions.functions}, but only for {@link render}.
+ *
+ * An asynchronous function must return `undefined`. Its final argument will
+ * always be a callback, which it should call with the result of the function
+ * once it's done running.
+ *
+ * If this throws an error, Sass will treat that as the function failing with
+ * that error message.
+ *
+ * ```js
+ * sass.render({
+ *   file: 'style.scss',
+ *   functions: {
+ *     "sum($arg1, $arg2)": (arg1, arg2, done) => {
+ *       if (!(arg1 instanceof sass.types.Number)) {
+ *         throw new Error("$arg1: Expected a number");
+ *       } else if (!(arg2 instanceof sass.types.Number)) {
+ *         throw new Error("$arg2: Expected a number");
+ *       }
+ *       done(new sass.types.Number(arg1.getValue() + arg2.getValue()));
+ *     }
+ *   }
+ * }, (result, error) => {
+ *   // ...
+ * });
+ * ```
+ *
+ * This is passed one argument for each argument that's declared in the
+ * signature that's passed to {@link LegacySharedOptions.functions}. If the
+ * signature [takes arbitrary
+ * arguments](https://sass-lang.com/documentation/at-rules/function#taking-arbitrary-arguments),
+ * they're passed as a single argument list in the last argument before the
+ * callback.
+ *
+ * @category Legacy
+ * @deprecated This only works with the legacy {@link render} and {@link
+ * renderSync} APIs. Use {@link CustomFunction} with {@link compile}, {@link
+ * compileString}, {@link compileAsync}, and {@link compileStringAsync} instead.
+ */
+export type LegacyAsyncFunction =
+  | ((this: LegacyPluginThis, done: (result: LegacyValue) => void) => void)
+  | ((
+      this: LegacyPluginThis,
+      arg1: LegacyValue,
+      done: LegacyAsyncFunctionDone
+    ) => void)
+  | ((
+      this: LegacyPluginThis,
+      arg1: LegacyValue,
+      arg2: LegacyValue,
+      done: LegacyAsyncFunctionDone
+    ) => void)
+  | ((
+      this: LegacyPluginThis,
+      arg1: LegacyValue,
+      arg2: LegacyValue,
+      arg3: LegacyValue,
+      done: LegacyAsyncFunctionDone
+    ) => void)
+  | ((
+      this: LegacyPluginThis,
+      arg1: LegacyValue,
+      arg2: LegacyValue,
+      arg3: LegacyValue,
+      arg4: LegacyValue,
+      done: LegacyAsyncFunctionDone
+    ) => void)
+  | ((
+      this: LegacyPluginThis,
+      arg1: LegacyValue,
+      arg2: LegacyValue,
+      arg3: LegacyValue,
+      arg4: LegacyValue,
+      arg5: LegacyValue,
+      done: LegacyAsyncFunctionDone
+    ) => void)
+  | ((
+      this: LegacyPluginThis,
+      arg1: LegacyValue,
+      arg2: LegacyValue,
+      arg3: LegacyValue,
+      arg4: LegacyValue,
+      arg5: LegacyValue,
+      arg6: LegacyValue,
+      done: LegacyAsyncFunctionDone
+    ) => void)
+  | ((
+      this: LegacyPluginThis,
+      ...args: [...LegacyValue[], LegacyAsyncFunctionDone]
+    ) => void);
+
+/**
+ * The function called by a {@link LegacyAsyncFunction} to indicate that it's
+ * finished.
+ *
+ * @param result - If this is a {@link LegacyValue}, that indicates that the
+ * function call completed successfully. If it's a {@link types.Error}, that
+ * indicates that the function call failed.
+ *
+ * @category Legacy
+ * @deprecated This only works with the legacy {@link render} and {@link
+ * renderSync} APIs. Use {@link CustomFunction} with {@link compile}, {@link
+ * compileString}, {@link compileAsync}, and {@link compileStringAsync} instead.
+ */
+export type LegacyAsyncFunctionDone = (
+  result: LegacyValue | types.Error
+) => void;
+
+/**
+ * A callback that implements a custom Sass function. For {@link renderSync},
+ * this must be a {@link LegacySyncFunction} which returns its result directly;
+ * for {@link render}, it may be either a {@link LegacySyncFunction} or a {@link
+ * LegacyAsyncFunction} which calls a callback with its result.
+ *
+ * See {@link LegacySharedOptions.functions} for more details.
+ *
+ * @category Legacy
+ * @deprecated This only works with the legacy {@link render} and {@link
+ * renderSync} APIs. Use {@link CustomFunction} with {@link compile}, {@link
+ * compileString}, {@link compileAsync}, and {@link compileStringAsync} instead.
+ */
+export type LegacyFunction<sync extends 'sync' | 'async'> = sync extends 'async'
+  ? LegacySyncFunction | LegacyAsyncFunction
+  : LegacySyncFunction;
+
+/**
+ * A type representing all the possible values that may be passed to or returned
+ * from a {@link LegacyFunction}.
+ *
+ * @category Legacy
+ * @deprecated This only works with the legacy {@link render} and {@link
+ * renderSync} APIs. Use {@link Value} with {@link compile}, {@link
+ * compileString}, {@link compileAsync}, and {@link compileStringAsync} instead.
+ */
+export type LegacyValue =
+  | types.Null
+  | types.Number
+  | types.String
+  | types.Boolean
+  | types.Color
+  | types.List
+  | types.Map;
+
+/**
+ * A shorthand for `sass.types.Boolean.TRUE`.
+ *
+ * @category Legacy
+ * @deprecated This only works with the legacy {@link render} and {@link
+ * renderSync} APIs. Use {@link sassTrue} with {@link compile}, {@link
+ * compileString}, {@link compileAsync}, and {@link compileStringAsync} instead.
+ */
+export const TRUE: types.Boolean<true>;
+
+/**
+ * A shorthand for `sass.types.Boolean.FALSE`.
+ *
+ * @category Legacy
+ * @deprecated This only works with the legacy {@link render} and {@link
+ * renderSync} APIs. Use {@link sassFalse} with {@link compile}, {@link
+ * compileString}, {@link compileAsync}, and {@link compileStringAsync} instead.
+ */
+export const FALSE: types.Boolean<false>;
+
+/**
+ * A shorthand for `sass.types.Null.NULL`.
+ *
+ * @category Legacy
+ * @deprecated This only works with the legacy {@link render} and {@link
+ * renderSync} APIs. Use {@link sassNull} with {@link compile}, {@link
+ * compileString}, {@link compileAsync}, and {@link compileStringAsync} instead.
+ */
+export const NULL: types.Null;
+
+/**
+ * The namespace for value types used in the legacy function API.
+ *
+ * @category Legacy
+ * @deprecated This only works with the legacy {@link render} and {@link
+ * renderSync} APIs. Use {@link Value} with {@link compile}, {@link
+ * compileString}, {@link compileAsync}, and {@link compileStringAsync} instead.
+ */
+export namespace types {
+  /**
+   * The class for Sass's singleton [`null`
+   * value](https://sass-lang.com/documentation/values/null). The value itself
+   * can be accessed through the {@link NULL} field.
+   */
+  export class Null {
+    /** Sass's singleton `null` value. */
+    static readonly NULL: Null;
+  }
+
+  /**
+   * Sass's [number type](https://sass-lang.com/documentation/values/numbers).
+   */
+  export class Number {
+    /**
+     * @param value - The numeric value of the number.
+     *
+     * @param unit - If passed, the number's unit.
+     *
+     * Complex units can be represented as
+     * `<unit>*<unit>*.../<unit>*<unit>*...`, with numerator units on the
+     * left-hand side of the `/` and denominator units on the right. A number
+     * with only numerator units may omit the `/` and the units after it, and a
+     * number with only denominator units may be represented
+     * with no units before the `/`.
+     *
+     * @example
+     *
+     * ```scss
+     * new sass.types.Number(0.5); // == 0.5
+     * new sass.types.Number(10, "px"); // == 10px
+     * new sass.types.Number(10, "px*px"); // == 10px * 1px
+     * new sass.types.Number(10, "px/s"); // == math.div(10px, 1s)
+     * new sass.types.Number(10, "px*px/s*s"); // == 10px * math.div(math.div(1px, 1s), 1s)
+     * ```
+     */
+    constructor(value: number, unit?: string);
+
+    /**
+     * Returns the value of the number, ignoring units.
+     *
+     * **Heads up!** This means that `96px` and `1in` will return different
+     * values, even though they represent the same length.
+     *
+     * @example
+     *
+     * ```js
+     * const number = new sass.types.Number(10, "px");
+     * number.getValue(); // 10
+     * ```
+     */
+    getValue(): number;
+
+    /**
+     * Destructively modifies this number by setting its numeric value to
+     * `value`, independent of its units.
+     *
+     * @deprecated Use {@link constructor} instead.
+     */
+    setValue(value: number): void;
+
+    /**
+     * Returns a string representation of this number's units. Complex units are
+     * returned in the same format that {@link constructor} accepts them.
+     *
+     * @example
+     *
+     * ```js
+     * // number is `10px`.
+     * number.getUnit(); // "px"
+     *
+     * // number is `math.div(10px, 1s)`.
+     * number.getUnit(); // "px/s"
+     * ```
+     */
+    getUnit(): string;
+
+    /**
+     * Destructively modifies this number by setting its units to `unit`,
+     * independent of its numeric value. Complex units are specified in the same
+     * format as {@link constructor}.
+     *
+     * @deprecated Use {@link constructor} instead.
+     */
+    setUnit(unit: string): void;
+  }
+
+  /**
+   * Sass's [string type](https://sass-lang.com/documentation/values/strings).
+   *
+   * **Heads up!** This API currently provides no way of distinguishing between
+   * a [quoted](https://sass-lang.com/documentation/values/strings#quoted) and
+   * [unquoted](https://sass-lang.com/documentation/values/strings#unquoted)
+   * string.
+   */
+  export class String {
+    /**
+     * Creates an unquoted string with the given contents.
+     *
+     * **Heads up!** This API currently provides no way of creating a
+     * [quoted](https://sass-lang.com/documentation/values/strings#quoted)
+     * string.
+     */
+    constructor(value: string);
+
+    /**
+     * Returns the contents of the string. If the string contains escapes,
+     * those escapes are included literally if it’s
+     * [unquoted](https://sass-lang.com/documentation/values/strings#unquoted),
+     * while the values of the escapes are included if it’s
+     * [quoted](https://sass-lang.com/documentation/values/strings#quoted).
+     *
+     * @example
+     *
+     * ```
+     * // string is `Arial`.
+     * string.getValue(); // "Arial"
+     *
+     * // string is `"Helvetica Neue"`.
+     * string.getValue(); // "Helvetica Neue"
+     *
+     * // string is `\1F46D`.
+     * string.getValue(); // "\\1F46D"
+     *
+     * // string is `"\1F46D"`.
+     * string.getValue(); // "👭"
+     * ```
+     */
+    getValue(): string;
+
+    /**
+     * Destructively modifies this string by setting its numeric value to
+     * `value`.
+     *
+     * **Heads up!** Even if the string was originally quoted, this will cause
+     * it to become unquoted.
+     *
+     * @deprecated Use {@link constructor} instead.
+     */
+    setValue(value: string): void;
+  }
+
+  /**
+   * Sass's [boolean type](https://sass-lang.com/documentation/values/booleans).
+   *
+   * Custom functions should respect Sass’s notion of
+   * [truthiness](https://sass-lang.com/documentation/at-rules/control/if#truthiness-and-falsiness)
+   * by treating `false` and `null` as falsey and everything else as truthy.
+   *
+   * **Heads up!** Boolean values can't be constructed, they can only be
+   * accessed through the {@link TRUE} and {@link FALSE} constants.
+   */
+  export class Boolean<T extends boolean = boolean> {
+    /**
+     * Returns `true` if this is Sass's `true` value and `false` if this is
+     * Sass's `false` value.
+     *
+     * @example
+     *
+     * ```js
+     * // boolean is `true`.
+     * boolean.getValue(); // true
+     * boolean === sass.types.Boolean.TRUE; // true
+     *
+     * // boolean is `false`.
+     * boolean.getValue(); // false
+     * boolean === sass.types.Boolean.FALSE; // true
+     * ```
+     */
+    getValue(): T;
+
+    /** Sass's `true` value. */
+    static readonly TRUE: Boolean<true>;
+
+    /** Sass's `false` value. */
+    static readonly FALSE: Boolean<false>;
+  }
+
+  /**
+   * Sass's [color type](https://sass-lang.com/documentation/values/colors).
+   */
+  export class Color {
+    /**
+     * Creates a new Sass color with the given red, green, blue, and alpha
+     * channels. The red, green, and blue channels must be integers between 0
+     * and 255 (inclusive), and alpha must be between 0 and 1 (inclusive).
+     *
+     * @example
+     *
+     * ```js
+     * new sass.types.Color(107, 113, 127); // #6b717f
+     * new sass.types.Color(0, 0, 0, 0); // rgba(0, 0, 0, 0)
+     * ```
+     */
+    constructor(r: number, g: number, b: number, a?: number);
+
+    /**
+     * Creates a new Sass color with alpha, red, green, and blue channels taken
+     * from respective two-byte chunks of a hexidecimal number.
+     *
+     * @example
+     *
+     * ```js
+     * new sass.types.Color(0xff6b717f); // #6b717f
+     * new sass.types.Color(0x00000000); // rgba(0, 0, 0, 0)
+     * ```
+     */
+    constructor(argb: number);
+
+    /**
+     * Returns the red channel of the color as an integer from 0 to 255.
+     *
+     * @example
+     *
+     * ```js
+     * // color is `#6b717f`.
+     * color.getR(); // 107
+     *
+     * // color is `#b37399`.
+     * color.getR(); // 179
+     * ```
+     */
+    getR(): number;
+
+    /**
+     * Sets the red channel of the color. The value must be an integer between 0
+     * and 255 (inclusive).
+     *
+     * @deprecated Use {@link constructor} instead.
+     */
+    setR(value: number): void;
+
+    /**
+     * Returns the green channel of the color as an integer from 0 to 255.
+     *
+     * @example
+     *
+     * ```js
+     * // color is `#6b717f`.
+     * color.getG(); // 113
+     *
+     * // color is `#b37399`.
+     * color.getG(); // 115
+     * ```
+     */
+    getG(): number;
+
+    /**
+     * Sets the green channel of the color. The value must be an integer between
+     * 0 and 255 (inclusive).
+     *
+     * @deprecated Use {@link constructor} instead.
+     */
+    setG(value: number): void;
+
+    /**
+     * Returns the blue channel of the color as an integer from 0 to 255.
+     *
+     * @example
+     *
+     * ```js
+     * // color is `#6b717f`.
+     * color.getB(); // 127
+     *
+     * // color is `#b37399`.
+     * color.getB(); // 153
+     * ```
+     */
+    getB(): number;
+
+    /**
+     * Sets the blue channel of the color. The value must be an integer between
+     * 0 and 255 (inclusive).
+     *
+     * @deprecated Use {@link constructor} instead.
+     */
+    setB(value: number): void;
+
+    /**
+     * Returns the alpha channel of the color as a number from 0 to 1.
+     *
+     * @example
+     *
+     * ```js
+     * // color is `#6b717f`.
+     * color.getA(); // 1
+     *
+     * // color is `transparent`.
+     * color.getA(); // 0
+     * ```
+     */
+    getA(): number;
+
+    /**
+     * Sets the alpha channel of the color. The value must be between 0 and 1
+     * (inclusive).
+     *
+     * @deprecated Use {@link constructor} instead.
+     */
+    setA(value: number): void;
+  }
+
+  /**
+   * Sass's [list type](https://sass-lang.com/documentation/values/lists).
+   *
+   * **Heads up!** This list type’s methods use 0-based indexing, even though
+   * within Sass lists use 1-based indexing. These methods also don’t support
+   * using negative numbers to index backwards from the end of the list.
+   */
+  export class List {
+    /**
+     * Creates a new Sass list.
+     *
+     * **Heads up!** The initial values of the list elements are undefined.
+     * These elements must be set using {@link setValue} before accessing them
+     * or passing the list back to Sass.
+     *
+     * @example
+     *
+     * ```js
+     * const list = new sass.types.List(3);
+     * list.setValue(0, new sass.types.Number(10, "px"));
+     * list.setValue(1, new sass.types.Number(15, "px"));
+     * list.setValue(2, new sass.types.Number(32, "px"));
+     * list; // 10px, 15px, 32px
+     * ```
+     *
+     * @param length - The number of (initially undefined) elements in the list.
+     * @param commaSeparator - If `true`, the list is comma-separated; otherwise,
+     * it's space-separated. Defaults to `true`.
+     */
+    constructor(length: number, commaSeparator?: boolean);
+
+    /**
+     * Returns the element at `index`, or `undefined` if that value hasn't yet
+     * been set.
+     *
+     * @example
+     *
+     * ```js
+     * // list is `10px, 15px, 32px`
+     * list.getValue(0); // 10px
+     * list.getValue(2); // 32px
+     * ```
+     *
+     * @param index - A (0-based) index into this list.
+     * @throws `Error` if `index` is less than 0 or greater than or equal to the
+     * number of elements in this list.
+     */
+    getValue(index: number): LegacyValue | undefined;
+
+    /**
+     * Sets the element at `index` to `value`.
+     *
+     * @example
+     *
+     * ```js
+     * // list is `10px, 15px, 32px`
+     * list.setValue(1, new sass.types.Number(18, "px"));
+     * list; // 10px, 18px, 32px
+     * ```
+     *
+     * @param index - A (0-based) index into this list.
+     * @throws `Error` if `index` is less than 0 or greater than or equal to the
+     * number of elements in this list.
+     */
+    setValue(index: number, value: LegacyValue): void;
+
+    /**
+     * Returns `true` if this list is comma-separated and `false` otherwise.
+     *
+     * @example
+     *
+     * ```js
+     * // list is `10px, 15px, 32px`
+     * list.getSeparator(); // true
+     *
+     * // list is `1px solid`
+     * list.getSeparator(); // false
+     * ```
+     */
+    getSeparator(): boolean;
+
+    /**
+     * Sets whether the list is comma-separated.
+     *
+     * @param isComma - `true` to make the list comma-separated, `false` otherwise.
+     */
+    setSeparator(isComma: boolean): void;
+
+    /**
+     * Returns the number of elements in the list.
+     *
+     * @example
+     *
+     * ```js
+     * // list is `10px, 15px, 32px`
+     * list.getLength(); // 3
+     *
+     * // list is `1px solid`
+     * list.getLength(); // 2
+     * ```
+     */
+    getLength(): number;
+  }
+
+  /**
+   * Sass's [map type](https://sass-lang.com/documentation/values/maps).
+   *
+   * **Heads up!** This map type is represented as a list of key-value pairs
+   * rather than a mapping from keys to values. The only way to find the value
+   * associated with a given key is to iterate through the map checking for that
+   * key. Maps created through this API are still forbidden from having duplicate
+   * keys.
+   */
+  export class Map {
+    /**
+     * Creates a new Sass map.
+     *
+     * **Heads up!** The initial keys and values of the map are undefined. They
+     * must be set using {@link setKey} and {@link setValue} before accessing
+     * them or passing the map back to Sass.
+     *
+     * @example
+     *
+     * ```js
+     * const map = new sass.types.Map(2);
+     * map.setKey(0, new sass.types.String("width"));
+     * map.setValue(0, new sass.types.Number(300, "px"));
+     * map.setKey(1, new sass.types.String("height"));
+     * map.setValue(1, new sass.types.Number(100, "px"));
+     * map; // (width: 300px, height: 100px)
+     * ```
+     *
+     * @param length - The number of (initially undefined) key/value pairs in the map.
+     */
+    constructor(length: number);
+
+    /**
+     * Returns the value in the key/value pair at `index`.
+     *
+     * @example
+     *
+     * ```js
+     * // map is `(width: 300px, height: 100px)`
+     * map.getValue(0); // 300px
+     * map.getValue(1); // 100px
+     * ```
+     *
+     * @param index -  A (0-based) index of a key/value pair in this map.
+     * @throws `Error` if `index` is less than 0 or greater than or equal to the
+     * number of pairs in this map.
+     */
+    getValue(index: number): LegacyValue;
+
+    /**
+     * Sets the value in the key/value pair at `index` to `value`.
+     *
+     * @example
+     *
+     * ```js
+     * // map is `("light": 200, "medium": 400, "bold": 600)`
+     * map.setValue(1, new sass.types.Number(300));
+     * map; // ("light": 200, "medium": 300, "bold": 600)
+     * ```
+     *
+     * @param index -  A (0-based) index of a key/value pair in this map.
+     * @throws `Error` if `index` is less than 0 or greater than or equal to the
+     * number of pairs in this map.
+     */
+    setValue(index: number, value: LegacyValue): void;
+
+    /**
+     * Returns the key in the key/value pair at `index`.
+     *
+     * @example
+     *
+     * ```js
+     * // map is `(width: 300px, height: 100px)`
+     * map.getKey(0); // width
+     * map.getKey(1); // height
+     * ```
+     *
+     * @param index -  A (0-based) index of a key/value pair in this map.
+     * @throws `Error` if `index` is less than 0 or greater than or equal to the
+     * number of pairs in this map.
+     */
+    getKey(index: number): LegacyValue;
+
+    /**
+     * Sets the value in the key/value pair at `index` to `value`.
+     *
+     * @example
+     *
+     * ```js
+     * // map is `("light": 200, "medium": 400, "bold": 600)`
+     * map.setValue(1, new sass.types.String("lighter"));
+     * map; // ("lighter": 200, "medium": 300, "bold": 600)
+     * ```
+     *
+     * @param index -  A (0-based) index of a key/value pair in this map.
+     * @throws `Error` if `index` is less than 0 or greater than or equal to the
+     * number of pairs in this map.
+     */
+    setKey(index: number, key: LegacyValue): void;
+
+    /**
+     * Returns the number of key/value pairs in this map.
+     *
+     * @example
+     *
+     * ```js
+     * // map is `("light": 200, "medium": 400, "bold": 600)`
+     * map.getLength(); // 3
+     *
+     * // map is `(width: 300px, height: 100px)`
+     * map.getLength(); // 2
+     * ```
+     */
+    getLength(): number;
+  }
+
+  /**
+   * An error that can be returned from a Sass function to signal that it
+   * encountered an error. This is the only way to signal an error
+   * asynchronously from a {@link LegacyAsyncFunction}.
+   */
+  export class Error {
+    constructor(message: string);
+  }
+}
diff --git a/node_modules/sass/types/legacy/importer.d.ts b/node_modules/sass/types/legacy/importer.d.ts
new file mode 100644
index 0000000..4b7777a
--- /dev/null
+++ b/node_modules/sass/types/legacy/importer.d.ts
@@ -0,0 +1,169 @@
+import {LegacyPluginThis} from './plugin_this';
+
+/**
+ * The value of `this` in the context of a {@link LegacyImporter} function.
+ *
+ * @category Legacy
+ * @deprecated This is only used by the legacy {@link render} and {@link
+ * renderSync} APIs. Use {@link Importer} with {@link compile}, {@link
+ * compileString}, {@link compileAsync}, and {@link compileStringAsync} instead.
+ */
+interface LegacyImporterThis extends LegacyPluginThis {
+  /**
+   * Whether the importer is being invoked because of a Sass `@import` rule, as
+   * opposed to a `@use` or `@forward` rule.
+   *
+   * This should *only* be used for determining whether or not to load
+   * [import-only files](https://sass-lang.com/documentation/at-rules/import#import-only-files).
+   *
+   * @compatibility dart: "1.33.0", node: false
+   */
+  fromImport: boolean;
+}
+
+/**
+ * The result of running a {@link LegacyImporter}. It must be one of the
+ * following types:
+ *
+ * * An object with the key `contents` whose value is the contents of a stylesheet
+ *   (in SCSS syntax). This causes Sass to load that stylesheet’s contents.
+ *
+ * * An object with the key `file` whose value is a path on disk. This causes Sass
+ *   to load that file as though it had been imported directly.
+ *
+ * * `null`, which indicates that it doesn’t recognize the URL and another
+ *   importer should be tried instead.
+ *
+ * * An [Error](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Error)
+ *   object, indicating that importing failed.
+ *
+ * @category Legacy
+ * @deprecated This only works with the legacy {@link render} and {@link
+ * renderSync} APIs. Use {@link ImporterResult} with {@link compile}, {@link
+ * compileString}, {@link compileAsync}, and {@link compileStringAsync} instead.
+ */
+export type LegacyImporterResult =
+  | {file: string}
+  | {contents: string}
+  | Error
+  | null;
+
+/**
+ * A synchronous callback that implements custom Sass loading logic for
+ * [`@import` rules](https://sass-lang.com/documentation/at-rules/import) and
+ * [`@use` rules](https://sass-lang.com/documentation/at-rules/use). This can be
+ * passed to {@link LegacySharedOptions.importer} for either {@link render} or
+ * {@link renderSync}.
+ *
+ * See {@link LegacySharedOptions.importer} for more detailed documentation.
+ *
+ * ```js
+ * sass.renderSync({
+ *   file: "style.scss",
+ *   importer: [
+ *     function(url, prev) {
+ *       if (url != "big-headers") return null;
+ *
+ *       return {
+ *         contents: 'h1 { font-size: 40px; }'
+ *       };
+ *     }
+ *   ]
+ * });
+ * ```
+ *
+ * @param url - The `@use` or `@import` rule’s URL as a string, exactly as it
+ * appears in the stylesheet.
+ *
+ * @param prev - A string identifying the stylesheet that contained the `@use`
+ * or `@import`. This string’s format depends on how that stylesheet was loaded:
+ *
+ * * If the stylesheet was loaded from the filesystem, it’s the absolute path of
+ *   its file.
+ * * If the stylesheet was loaded from an importer that returned its contents,
+ *   it’s the URL of the `@use` or `@import` rule that loaded it.
+ * * If the stylesheet came from the data option, it’s the string "stdin".
+ *
+ * @category Legacy
+ * @deprecated This only works with the legacy {@link render} and {@link
+ * renderSync} APIs. Use {@link Importer} with {@link compile}, {@link
+ * compileString}, {@link compileAsync}, and {@link compileStringAsync} instead.
+ */
+type LegacySyncImporter = (
+  this: LegacyImporterThis,
+  url: string,
+  prev: string
+) => LegacyImporterResult;
+
+/**
+ * An asynchronous callback that implements custom Sass loading logic for
+ * [`@import` rules](https://sass-lang.com/documentation/at-rules/import) and
+ * [`@use` rules](https://sass-lang.com/documentation/at-rules/use). This can be
+ * passed to {@link LegacySharedOptions.importer} for either {@link render} or
+ * {@link renderSync}.
+ *
+ * An asynchronous importer must return `undefined`, and then call `done` with
+ * the result of its {@link LegacyImporterResult} once it's done running.
+ *
+ * See {@link LegacySharedOptions.importer} for more detailed documentation.
+ *
+ * ```js
+ * sass.render({
+ *   file: "style.scss",
+ *   importer: [
+ *     function(url, prev, done) {
+ *       if (url != "big-headers") done(null);
+ *
+ *       done({
+ *         contents: 'h1 { font-size: 40px; }'
+ *       });
+ *     }
+ *   ]
+ * });
+ * ```
+ *
+ * @param url - The `@use` or `@import` rule’s URL as a string, exactly as it
+ * appears in the stylesheet.
+ *
+ * @param prev - A string identifying the stylesheet that contained the `@use`
+ * or `@import`. This string’s format depends on how that stylesheet was loaded:
+ *
+ * * If the stylesheet was loaded from the filesystem, it’s the absolute path of
+ *   its file.
+ * * If the stylesheet was loaded from an importer that returned its contents,
+ *   it’s the URL of the `@use` or `@import` rule that loaded it.
+ * * If the stylesheet came from the data option, it’s the string "stdin".
+ *
+ * @param done - The callback to call once the importer has finished running.
+ *
+ * @category Legacy
+ * @deprecated This only works with the legacy {@link render} and {@link
+ * renderSync} APIs. Use {@link Importer} with {@link compile}, {@link
+ * compileString}, {@link compileAsync}, and {@link compileStringAsync} instead.
+ */
+type LegacyAsyncImporter = (
+  this: LegacyImporterThis,
+  url: string,
+  prev: string,
+  done: (result: LegacyImporterResult) => void
+) => void;
+
+/**
+ * A callback that implements custom Sass loading logic for [`@import`
+ * rules](https://sass-lang.com/documentation/at-rules/import) and [`@use`
+ * rules](https://sass-lang.com/documentation/at-rules/use). For {@link
+ * renderSync}, this must be a {@link LegacySyncImporter} which returns its
+ * result directly; for {@link render}, it may be either a {@link
+ * LegacySyncImporter} or a {@link LegacyAsyncImporter} which calls a callback
+ * with its result.
+ *
+ * See {@link LegacySharedOptions.importer} for more details.
+ *
+ * @category Legacy
+ * @deprecated This only works with the legacy {@link render} and {@link
+ * renderSync} APIs. Use {@link Importer} with {@link compile}, {@link
+ * compileString}, {@link compileAsync}, and {@link compileStringAsync} instead.
+ */
+export type LegacyImporter<sync = 'sync' | 'async'> = sync extends 'async'
+  ? LegacySyncImporter | LegacyAsyncImporter
+  : LegacySyncImporter;
diff --git a/node_modules/sass/types/legacy/options.d.ts b/node_modules/sass/types/legacy/options.d.ts
new file mode 100644
index 0000000..922fd5d
--- /dev/null
+++ b/node_modules/sass/types/legacy/options.d.ts
@@ -0,0 +1,700 @@
+import {DeprecationOrId, Version} from '../deprecations';
+import {Logger} from '../logger';
+import {LegacyImporter} from './importer';
+import {LegacyFunction} from './function';
+import {NodePackageImporter} from '../importer';
+
+/**
+ * Options for {@link render} and {@link renderSync} that are shared between
+ * {@link LegacyFileOptions} and {@link LegacyStringOptions}.
+ *
+ * @typeParam sync - This lets the TypeScript checker verify that {@link
+ * LegacyAsyncImporter}s and {@link LegacyAsyncFunction}s aren't passed to
+ * {@link renderSync}.
+ *
+ * @category Legacy
+ * @deprecated This only works with the legacy {@link render} and {@link
+ * renderSync} APIs. Use {@link Options} with {@link compile}, {@link
+ * compileString}, {@link compileAsync}, and {@link compileStringAsync} instead.
+ */
+export interface LegacySharedOptions<sync extends 'sync' | 'async'> {
+  /**
+   * This array of strings option provides [load
+   * paths](https://sass-lang.com/documentation/at-rules/import#load-paths) for
+   * Sass to look for stylesheets. Earlier load paths will take precedence over
+   * later ones.
+   *
+   * ```js
+   * sass.renderSync({
+   *   file: "style.scss",
+   *   includePaths: ["node_modules/bootstrap/dist/css"]
+   * });
+   * ```
+   *
+   * Load paths are also loaded from the `SASS_PATH` environment variable, if
+   * it’s set. This variable should be a list of paths separated by `;` (on
+   * Windows) or `:` (on other operating systems). Load paths from the
+   * `includePaths` option take precedence over load paths from `SASS_PATH`.
+   *
+   * ```sh
+   * $ SASS_PATH=node_modules/bootstrap/dist/css sass style.scss style.css
+   * ```
+   *
+   * @category Input
+   * @compatibility feature: "SASS_PATH", dart: "1.15.0", node: "3.9.0"
+   *
+   * Earlier versions of Dart Sass and Node Sass didn’t support the `SASS_PATH`
+   * environment variable.
+   */
+  includePaths?: string[];
+
+  /**
+   * Whether the generated CSS should use spaces or tabs for indentation.
+   *
+   * ```js
+   * const result = sass.renderSync({
+   *   file: "style.scss",
+   *   indentType: "tab",
+   *   indentWidth: 1
+   * });
+   *
+   * result.css.toString();
+   * // "h1 {\n\tfont-size: 40px;\n}\n"
+   * ```
+   *
+   * @defaultValue `'space'`
+   * @category Output
+   * @compatibility dart: true, node: "3.0.0"
+   */
+  indentType?: 'space' | 'tab';
+
+  /**
+   * How many spaces or tabs (depending on {@link indentType}) should be used
+   * per indentation level in the generated CSS. It must be between 0 and 10
+   * (inclusive).
+   *
+   * @defaultValue `2`
+   * @category Output
+   * @compatibility dart: true, node: "3.0.0"
+   */
+  indentWidth?: number;
+
+  /**
+   * Which character sequence to use at the end of each line in the generated
+   * CSS. It can have the following values:
+   *
+   * * `'lf'` uses U+000A LINE FEED.
+   * * `'lfcr'` uses U+000A LINE FEED followed by U+000D CARRIAGE RETURN.
+   * * `'cr'` uses U+000D CARRIAGE RETURN.
+   * * `'crlf'` uses U+000D CARRIAGE RETURN followed by U+000A LINE FEED.
+   *
+   * @defaultValue `'lf'`
+   * @category Output
+   * @compatibility dart: true, node: "3.0.0"
+   */
+  linefeed?: 'cr' | 'crlf' | 'lf' | 'lfcr';
+
+  /**
+   * If `true`, Sass won't add a link from the generated CSS to the source map.
+   *
+   * ```js
+   * const result = sass.renderSync({
+   *   file: "style.scss",
+   *   sourceMap: "out.map",
+   *   omitSourceMapUrl: true
+   * })
+   * console.log(result.css.toString());
+   * // h1 {
+   * //   font-size: 40px;
+   * // }
+   * ```
+   *
+   * @defaultValue `false`
+   * @category Source Maps
+   */
+  omitSourceMapUrl?: boolean;
+
+  /**
+   * The location that Sass expects the generated CSS to be saved to. It’s used
+   * to determine the URL used to link from the generated CSS to the source map,
+   * and from the source map to the Sass source files.
+   *
+   * **Heads up!** Despite the name, Sass does *not* write the CSS output to
+   * this file. The caller must do that themselves.
+   *
+   * ```js
+   * result = sass.renderSync({
+   *   file: "style.scss",
+   *   sourceMap: true,
+   *   outFile: "out.css"
+   * })
+   * console.log(result.css.toString());
+   * // h1 {
+   * //   font-size: 40px;
+   * // }
+   * // /*# sourceMappingURL=out.css.map * /
+   * ```
+   *
+   * @category Source Maps
+   */
+  outFile?: string;
+
+  /**
+   * The output style of the compiled CSS. There are four possible output styles:
+   *
+   * * `"expanded"` (the default for Dart Sass) writes each selector and
+   *   declaration on its own line.
+   *
+   * * `"compressed"` removes as many extra characters as possible, and writes
+   *   the entire stylesheet on a single line.
+   *
+   * * `"nested"` (the default for Node Sass, not supported by Dart Sass)
+   *   indents CSS rules to match the nesting of the Sass source.
+   *
+   * * `"compact"` (not supported by Dart Sass) puts each CSS rule on its own single line.
+   *
+   * @example
+   *
+   * ```js
+   * const source = `
+   * h1 {
+   *   font-size: 40px;
+   *   code {
+   *     font-face: Roboto Mono;
+   *   }
+   * }`;
+   *
+   * let result = sass.renderSync({
+   *   data: source,
+   *   outputStyle: "expanded"
+   * });
+   * console.log(result.css.toString());
+   * // h1 {
+   * //   font-size: 40px;
+   * // }
+   * // h1 code {
+   * //   font-face: Roboto Mono;
+   * // }
+   *
+   * result = sass.renderSync({
+   *   data: source,
+   *   outputStyle: "compressed"
+   * });
+   * console.log(result.css.toString());
+   * // h1{font-size:40px}h1 code{font-face:Roboto Mono}
+   *
+   * result = sass.renderSync({
+   *   data: source,
+   *   outputStyle: "nested"
+   * });
+   * console.log(result.css.toString());
+   * // h1 {
+   * //   font-size: 40px; }
+   * //   h1 code {
+   * //     font-face: Roboto Mono; }
+   *
+   * result = sass.renderSync({
+   *   data: source,
+   *   outputStyle: "compact"
+   * });
+   * console.log(result.css.toString());
+   * // h1 { font-size: 40px; }
+   * // h1 code { font-face: Roboto Mono; }
+   * ```
+   *
+   * @category Output
+   */
+  outputStyle?: 'compressed' | 'expanded' | 'nested' | 'compact';
+
+  /**
+   * Whether or not Sass should generate a source map. If it does, the source
+   * map will be available as {@link LegacyResult.map} (unless {@link
+   * sourceMapEmbed} is `true`).
+   *
+   * If this option is a string, it’s the path that the source map is expected
+   * to be written to, which is used to link to the source map from the
+   * generated CSS and to link *from* the source map to the Sass source files.
+   * Note that if `sourceMap` is a string and {@link outFile} isn’t passed, Sass
+   * assumes that the CSS will be written to the same directory as the file
+   * option if it’s passed.
+   *
+   * If this option is `true`, the path is assumed to be {@link outFile} with
+   * `.map` added to the end. If it’s `true` and {@link outFile} isn’t passed,
+   * it has no effect.
+   *
+   * @example
+   *
+   * ```js
+   * let result = sass.renderSync({
+   *   file: "style.scss",
+   *   sourceMap: "out.map"
+   * })
+   * console.log(result.css.toString());
+   * // h1 {
+   * //   font-size: 40px;
+   * // }
+   * // /*# sourceMappingURL=out.map * /
+   *
+   * result = sass.renderSync({
+   *   file: "style.scss",
+   *   sourceMap: true,
+   *   outFile: "out.css"
+   * })
+   * console.log(result.css.toString());
+   * // h1 {
+   * //   font-size: 40px;
+   * // }
+   * // /*# sourceMappingURL=out.css.map * /
+   * ```
+   *
+   * @defaultValue `false`
+   * @category Source Maps
+   */
+  sourceMap?: boolean | string;
+
+  /**
+   * Whether to embed the entire contents of the Sass files that contributed to
+   * the generated CSS in the source map. This may produce very large source
+   * maps, but it guarantees that the source will be available on any computer
+   * no matter how the CSS is served.
+   *
+   * @example
+   *
+   * ```js
+   * sass.renderSync({
+   *   file: "style.scss",
+   *   sourceMap: "out.map",
+   *   sourceMapContents: true
+   * })
+   * ```
+   *
+   * @defaultValue `false`
+   * @category Source Maps
+   */
+  sourceMapContents?: boolean;
+
+  /**
+   * Whether to embed the contents of the source map file in the generated CSS,
+   * rather than creating a separate file and linking to it from the CSS.
+   *
+   * @example
+   *
+   * ```js
+   * sass.renderSync({
+   *   file: "style.scss",
+   *   sourceMap: "out.map",
+   *   sourceMapEmbed: true
+   * });
+   * ```
+   *
+   * @defaultValue `false`
+   * @category Source Maps
+   */
+  sourceMapEmbed?: boolean;
+
+  /**
+   * If this is passed, it's prepended to all the links from the source map to
+   * the Sass source files.
+   *
+   * @category Source Maps
+   */
+  sourceMapRoot?: string;
+
+  /**
+   * Additional handler(s) for loading files when a [`@use`
+   * rule](https://sass-lang.com/documentation/at-rules/use) or an [`@import`
+   * rule](https://sass-lang.com/documentation/at-rules/import) is encountered.
+   * It can either be a single {@link LegacyImporter} function, or an array of
+   * {@link LegacyImporter}s.
+   *
+   * Importers take the URL of the `@import` or `@use` rule and return a {@link
+   * LegacyImporterResult} indicating how to handle that rule. For more details,
+   * see {@link LegacySyncImporter} and {@link LegacyAsyncImporter}.
+   *
+   * Loads are resolved by trying, in order:
+   *
+   * * Loading a file from disk relative to the file in which the `@use` or
+   *   `@import` appeared.
+   *
+   * * Each custom importer.
+   *
+   * * Loading a file relative to the current working directory.
+   *
+   * * Each load path in {@link includePaths}.
+   *
+   * * Each load path specified in the `SASS_PATH` environment variable, which
+   *   should be semicolon-separated on Windows and colon-separated elsewhere.
+   *
+   * @example
+   *
+   * ```js
+   * sass.render({
+   *   file: "style.scss",
+   *   importer: [
+   *     // This importer uses the synchronous API, and can be passed to either
+   *     // renderSync() or render().
+   *     function(url, prev) {
+   *       // This generates a stylesheet from scratch for `@use "big-headers"`.
+   *       if (url != "big-headers") return null;
+   *
+   *       return {
+   *         contents: `
+   * h1 {
+   *   font-size: 40px;
+   * }`
+   *       };
+   *     },
+   *
+   *     // This importer uses the asynchronous API, and can only be passed to
+   *     // render().
+   *     function(url, prev, done) {
+   *       // Convert `@use "foo/bar"` to "node_modules/foo/sass/bar".
+   *       const components = url.split('/');
+   *       const innerPath = components.slice(1).join('/');
+   *       done({
+   *         file: `node_modules/${components.first}/sass/${innerPath}`
+   *       });
+   *     }
+   *   ]
+   * }, function(err, result) {
+   *   // ...
+   * });
+   * ```
+   *
+   * @category Plugins
+   * @compatibility dart: true, node: "3.0.0"
+   *
+   * Versions of Node Sass before 3.0.0 don’t support arrays of importers, nor
+   * do they support importers that return `Error` objects.
+   *
+   * Versions of Node Sass before 2.0.0 don’t support the `importer` option at
+   * all.
+   *
+   * @compatibility feature: "Import order", dart: "1.20.2", node: false
+   *
+   * Versions of Dart Sass before 1.20.2 preferred resolving imports using
+   * {@link includePaths} before resolving them using custom importers.
+   *
+   * All versions of Node Sass currently pass imports to importers before
+   * loading them relative to the file in which the `@import` appears. This
+   * behavior is considered incorrect and should not be relied on because it
+   * violates the principle of *locality*, which says that it should be possible
+   * to reason about a stylesheet without knowing everything about how the
+   * entire system is set up. If a user tries to import a stylesheet relative to
+   * another stylesheet, that import should *always* work. It shouldn’t be
+   * possible for some configuration somewhere else to break it.
+   */
+  importer?: LegacyImporter<sync> | LegacyImporter<sync>[];
+
+  /**
+   * Additional built-in Sass functions that are available in all stylesheets.
+   * This option takes an object whose keys are Sass function signatures and
+   * whose values are {@link LegacyFunction}s. Each function should take the
+   * same arguments as its signature.
+   *
+   * Functions are passed subclasses of {@link LegacyValue}, and must return the
+   * same.
+   *
+   * **Heads up!** When writing custom functions, it’s important to ensure that
+   * all the arguments are the types you expect. Otherwise, users’ stylesheets
+   * could crash in hard-to-debug ways or, worse, compile to meaningless CSS.
+   *
+   * @example
+   *
+   * ```js
+   * sass.render({
+   *   data: `
+   * h1 {
+   *   font-size: pow(2, 5) * 1px;
+   * }`,
+   *   functions: {
+   *     // This function uses the synchronous API, and can be passed to either
+   *     // renderSync() or render().
+   *     'pow($base, $exponent)': function(base, exponent) {
+   *       if (!(base instanceof sass.types.Number)) {
+   *         throw "$base: Expected a number.";
+   *       } else if (base.getUnit()) {
+   *         throw "$base: Expected a unitless number.";
+   *       }
+   *
+   *       if (!(exponent instanceof sass.types.Number)) {
+   *         throw "$exponent: Expected a number.";
+   *       } else if (exponent.getUnit()) {
+   *         throw "$exponent: Expected a unitless number.";
+   *       }
+   *
+   *       return new sass.types.Number(
+   *           Math.pow(base.getValue(), exponent.getValue()));
+   *     },
+   *
+   *     // This function uses the asynchronous API, and can only be passed to
+   *     // render().
+   *     'sqrt($number)': function(number, done) {
+   *       if (!(number instanceof sass.types.Number)) {
+   *         throw "$number: Expected a number.";
+   *       } else if (number.getUnit()) {
+   *         throw "$number: Expected a unitless number.";
+   *       }
+   *
+   *       done(new sass.types.Number(Math.sqrt(number.getValue())));
+   *     }
+   *   }
+   * }, function(err, result) {
+   *   console.log(result.css.toString());
+   *   // h1 {
+   *   //   font-size: 32px;
+   *   // }
+   * });
+   * ```
+   *
+   * @category Plugins
+   */
+  functions?: {[key: string]: LegacyFunction<sync>};
+
+  /**
+   * By default, if the CSS document contains non-ASCII characters, Sass adds a
+   * `@charset` declaration (in expanded output mode) or a byte-order mark (in
+   * compressed mode) to indicate its encoding to browsers or other consumers.
+   * If `charset` is `false`, these annotations are omitted.
+   *
+   * @category Output
+   * @compatibility dart: "1.39.0", node: false
+   */
+  charset?: boolean;
+
+  /**
+   * If this option is set to `true`, Sass won’t print warnings that are caused
+   * by dependencies. A “dependency” is defined as any file that’s loaded
+   * through {@link includePaths} or {@link importer}. Stylesheets that are
+   * imported relative to the entrypoint are not considered dependencies.
+   *
+   * This is useful for silencing deprecation warnings that you can’t fix on
+   * your own. However, please <em>also</em> notify your dependencies of the deprecations
+   * so that they can get fixed as soon as possible!
+   *
+   * **Heads up!** If {@link render} or {@link renderSync} is called without
+   * {@link LegacyFileOptions.file} or {@link LegacyStringOptions.file},
+   * <em>all</em> stylesheets it loads will be considered dependencies. Since it
+   * doesn’t have a path of its own, everything it loads is coming from a load
+   * path rather than a relative import.
+   *
+   * @defaultValue `false`
+   * @category Messages
+   * @compatibility dart: "1.35.0", node: false
+   */
+  quietDeps?: boolean;
+
+  /**
+   * A set of deprecations to treat as fatal.
+   *
+   * If a deprecation warning of any provided type is encountered during
+   * compilation, the compiler will error instead.
+   *
+   * If a `Version` is provided, then all deprecations that were active in that
+   * compiler version will be treated as fatal.
+   *
+   * @category Messages
+   * @compatiblity dart: "1.78.0", node: false
+   */
+  fatalDeprecations?: (DeprecationOrId | Version)[];
+
+  /**
+   * A set of future deprecations to opt into early.
+   *
+   * Future deprecations passed here will be treated as active by the compiler,
+   * emitting warnings as necessary.
+   *
+   * @category Messages
+   * @compatiblity dart: "1.78.0", node: false
+   */
+  futureDeprecations?: DeprecationOrId[];
+
+  /**
+   * A set of active deprecations to ignore.
+   *
+   * If a deprecation warning of any provided type is encountered during
+   * compilation, the compiler will ignore it instead.
+   *
+   * **Heads up!** The deprecated functionality you're depending on will
+   * eventually break.
+   *
+   * @category Messages
+   * @compatiblity dart: "1.78.0", node: false
+   */
+  silenceDeprecations?: DeprecationOrId[];
+
+  /**
+   * By default, Dart Sass will print only five instances of the same
+   * deprecation warning per compilation to avoid deluging users in console
+   * noise. If you set `verbose` to `true`, it will instead print every
+   * deprecation warning it encounters.
+   *
+   * @defaultValue `false`
+   * @category Messages
+   * @compatibility dart: "1.35.0", node: false
+   */
+  verbose?: boolean;
+
+  /**
+   * An object to use to handle warnings and/or debug messages from Sass.
+   *
+   * By default, Sass emits warnings and debug messages to standard error, but
+   * if {@link Logger.warn} or {@link Logger.debug} is set, this will invoke
+   * them instead.
+   *
+   * The special value {@link Logger.silent} can be used to easily silence all
+   * messages.
+   *
+   * @category Messages
+   * @compatibility dart: "1.43.0", node: false
+   */
+  logger?: Logger;
+
+  /**
+   * If this option is set to an instance of `NodePackageImporter`, Sass will
+   * use the built-in Node.js package importer to resolve Sass files with a
+   * `pkg:` URL scheme. Details for library authors and users can be found in
+   * the {@link NodePackageImporter} documentation.
+   *
+   * @example
+   * ```js
+   * sass.renderSync({
+   *   data: '@use "pkg:vuetify";',
+   *   pkgImporter: new sass.NodePackageImporter()
+   * });
+   * ```
+   * @category Plugins
+   * @compatibility dart: "2.0", node: false
+   */
+  pkgImporter?: NodePackageImporter;
+}
+
+/**
+ * If {@link file} is passed without {@link data}, Sass will load the stylesheet
+ * at {@link file} and compile it to CSS.
+ *
+ * @typeParam sync - This lets the TypeScript checker verify that {@link
+ * LegacyAsyncImporter}s and {@link LegacyAsyncFunction}s aren't passed to
+ * {@link renderSync}.
+ */
+export interface LegacyFileOptions<sync extends 'sync' | 'async'>
+  extends LegacySharedOptions<sync> {
+  /**
+   * The path to the file for Sass to load and compile. If the file’s extension
+   * is `.scss`, it will be parsed as SCSS; if it’s `.sass`, it will be parsed
+   * as the indented syntax; and if it’s `.css`, it will be parsed as plain CSS.
+   * If it has no extension, it will be parsed as SCSS.
+   *
+   * @example
+   *
+   * ```js
+   * sass.renderSync({file: "style.scss"});
+   * ```
+   *
+   * @category Input
+   * @compatibility feature: "Plain CSS files", dart: "1.11.0", node: "partial"
+   *
+   * Node Sass and older versions of Dart Sass support loading files with the
+   * extension `.css`, but contrary to the specification they’re treated as SCSS
+   * files rather than being parsed as CSS. This behavior has been deprecated
+   * and should not be relied on. Any files that use Sass features should use
+   * the `.scss` extension.
+   *
+   * All versions of Node Sass and Dart Sass otherwise support the file option
+   * as described below.
+   */
+  file: string;
+
+  /**
+   * See {@link LegacyStringOptions.file} for documentation of passing {@link
+   * file} along with {@link data}.
+   *
+   * @category Input
+   */
+  data?: never;
+}
+
+/**
+ * If {@link data} is passed, Sass will use it as the contents of the stylesheet
+ * to compile.
+ *
+ * @typeParam sync - This lets the TypeScript checker verify that {@link
+ * LegacyAsyncImporter}s and {@link LegacyAsyncFunction}s aren't passed to
+ * {@link renderSync}.
+ *
+ * @category Legacy
+ * @deprecated This only works with the legacy {@link render} and {@link
+ * renderSync} APIs. Use {@link StringOptions} with {@link compile}, {@link
+ * compileString}, {@link compileAsync}, and {@link compileStringAsync} instead.
+ */
+export interface LegacyStringOptions<sync extends 'sync' | 'async'>
+  extends LegacySharedOptions<sync> {
+  /**
+   * The contents of the stylesheet to compile. Unless {@link file} is passed as
+   * well, the stylesheet’s URL is set to `"stdin"`.
+   *
+   * By default, this stylesheet is parsed as SCSS. This can be controlled using
+   * {@link indentedSyntax}.
+   *
+   * @example
+   *
+   * ```js
+   * sass.renderSync({
+   *   data: `
+   * h1 {
+   *   font-size: 40px;
+   * }`
+   * });
+   * ```
+   *
+   * @category Input
+   */
+  data: string;
+
+  /**
+   * If `file` and {@link data} are both passed, `file` is used as the path of
+   * the stylesheet for error reporting, but {@link data} is used as the
+   * contents of the stylesheet. In this case, `file`’s extension is not used to
+   * determine the syntax of the stylesheet.
+   *
+   * @category Input
+   */
+  file?: string;
+
+  /**
+   * This flag controls whether {@link data} is parsed as the indented syntax or
+   * not.
+   *
+   * @example
+   *
+   * ```js
+   * sass.renderSync({
+   *   data: `
+   * h1
+   *   font-size: 40px`,
+   *   indentedSyntax: true
+   * });
+   * ```
+   *
+   * @defaultValue `false`
+   * @category Input
+   */
+  indentedSyntax?: boolean;
+}
+
+/**
+ * Options for {@link render} and {@link renderSync}. This can either be {@link
+ * LegacyFileOptions} to load a file from disk, or {@link LegacyStringOptions}
+ * to compile a string of Sass code.
+ *
+ * See {@link LegacySharedOptions} for options that are shared across both file
+ * and string inputs.
+ *
+ * @category Legacy
+ * @deprecated This only works with the legacy {@link render} and {@link
+ * renderSync} APIs. Use {@link Options} with {@link compile}, {@link
+ * compileString}, {@link compileAsync}, and {@link compileStringAsync} instead.
+ */
+export type LegacyOptions<sync extends 'sync' | 'async'> =
+  | LegacyFileOptions<sync>
+  | LegacyStringOptions<sync>;
diff --git a/node_modules/sass/types/legacy/plugin_this.d.ts b/node_modules/sass/types/legacy/plugin_this.d.ts
new file mode 100644
index 0000000..8ccffa7
--- /dev/null
+++ b/node_modules/sass/types/legacy/plugin_this.d.ts
@@ -0,0 +1,74 @@
+/**
+ * The value of `this` in the context of a {@link LegacyImporter} or {@link
+ * LegacyFunction} callback.
+ *
+ * @category Legacy
+ * @deprecated This is only used by the legacy {@link render} and {@link
+ * renderSync} APIs. Use {@link compile}, {@link compileString}, {@link
+ * compileAsync}, and {@link compileStringAsync} instead.
+ */
+export interface LegacyPluginThis {
+  /**
+   * A partial representation of the options passed to {@link render} or {@link
+   * renderSync}.
+   */
+  options: {
+    /** The same {@link LegacyPluginThis} instance that contains this object. */
+    context: LegacyPluginThis;
+
+    /**
+     * The value passed to {@link LegacyFileOptions.file} or {@link
+     * LegacyStringOptions.file}.
+     */
+    file?: string;
+
+    /** The value passed to {@link LegacyStringOptions.data}. */
+    data?: string;
+
+    /**
+     * The value passed to {@link LegacySharedOptions.includePaths} separated by
+     * `";"` on Windows or `":"` on other operating systems. This always
+     * includes the current working directory as the first entry.
+     */
+    includePaths: string;
+
+    /** Always the number 10. */
+    precision: 10;
+
+    /** Always the number 1. */
+    style: 1;
+
+    /** 1 if {@link LegacySharedOptions.indentType} was `"tab"`, 0 otherwise. */
+    indentType: 1 | 0;
+
+    /**
+     * The value passed to {@link LegacySharedOptions.indentWidth}, or `2`
+     * otherwise.
+     */
+    indentWidth: number;
+
+    /**
+     * The value passed to {@link LegacySharedOptions.linefeed}, or `"\n"`
+     * otherwise.
+     */
+    linefeed: '\r' | '\r\n' | '\n' | '\n\r';
+
+    /** A partially-constructed {@link LegacyResult} object. */
+    result: {
+      /** Partial information about the compilation in progress. */
+      stats: {
+        /**
+         * The number of milliseconds between 1 January 1970 at 00:00:00 UTC and
+         * the time at which Sass compilation began.
+         */
+        start: number;
+
+        /**
+         * {@link LegacyFileOptions.file} if it was passed, otherwise the string
+         * `"data"`.
+         */
+        entry: string;
+      };
+    };
+  };
+}
diff --git a/node_modules/sass/types/legacy/render.d.ts b/node_modules/sass/types/legacy/render.d.ts
new file mode 100644
index 0000000..9f78816
--- /dev/null
+++ b/node_modules/sass/types/legacy/render.d.ts
@@ -0,0 +1,144 @@
+import {LegacyException} from './exception';
+import {LegacyOptions} from './options';
+
+/**
+ * The object returned by {@link render} and {@link renderSync} after a
+ * successful compilation.
+ *
+ * @category Legacy
+ * @deprecated This is only used by the legacy {@link render} and {@link
+ * renderSync} APIs. Use {@link compile}, {@link compileString}, {@link
+ * compileAsync}, and {@link compileStringAsync} instead.
+ */
+export interface LegacyResult {
+  /**
+   * The compiled CSS. This can be converted to a string by calling
+   * [Buffer.toString](https://nodejs.org/api/buffer.html#buffer_buf_tostring_encoding_start_end).
+   *
+   * @example
+   *
+   * ```js
+   * const result = sass.renderSync({file: "style.scss"});
+   *
+   * console.log(result.css.toString());
+   * ```
+   */
+  css: Buffer;
+
+  /**
+   * The source map that maps the compiled CSS to the source files from which it
+   * was generated. This can be converted to a string by calling
+   * [Buffer.toString](https://nodejs.org/api/buffer.html#buffer_buf_tostring_encoding_start_end).
+   *
+   * This is `undefined` unless either
+   *
+   * * {@link LegacySharedOptions.sourceMap} is a string; or
+   * * {@link LegacySharedOptions.sourceMap} is `true` and
+   *   {@link LegacySharedOptions.outFile} is set.
+   *
+   * The source map uses absolute [`file:`
+   * URLs](https://en.wikipedia.org/wiki/File_URI_scheme) to link to the Sass
+   * source files, except if the source file comes from {@link
+   * LegacyStringOptions.data} in which case it lists its URL as `"stdin"`.
+   *
+   * @example
+   *
+   * ```js
+   * const result = sass.renderSync({
+   *   file: "style.scss",
+   *   sourceMap: true,
+   *   outFile: "style.css"
+   * })
+   *
+   * console.log(result.map.toString());
+   * ```
+   */
+  map?: Buffer;
+
+  /** Additional information about the compilation. */
+  stats: {
+    /**
+     * The absolute path of {@link LegacyFileOptions.file} or {@link
+     * LegacyStringOptions.file}, or `"data"` if {@link
+     * LegacyStringOptions.file} wasn't set.
+     */
+    entry: string;
+
+    /**
+     * The number of milliseconds between 1 January 1970 at 00:00:00 UTC and the
+     * time at which Sass compilation began.
+     */
+    start: number;
+
+    /**
+     * The number of milliseconds between 1 January 1970 at 00:00:00 UTC and the
+     * time at which Sass compilation ended.
+     */
+    end: number;
+
+    /**
+     * The number of milliseconds it took to compile the Sass file. This is
+     * always equal to `start` minus `end`.
+     */
+    duration: number;
+
+    /**
+     * An array of the absolute paths of all Sass files loaded during
+     * compilation. If a stylesheet was loaded from a {@link LegacyImporter}
+     * that returned the stylesheet’s contents, the raw string of the `@use` or
+     * `@import` that loaded that stylesheet included in this array.
+     */
+    includedFiles: string[];
+  };
+}
+
+/**
+ * This function synchronously compiles a Sass file to CSS. If it succeeds, it
+ * returns the result, and if it fails it throws an error.
+ *
+ * **Heads up!** When using the `sass-embedded` npm package, **{@link render}
+ * is almost always faster than {@link renderSync}**, due to the overhead of
+ * emulating synchronous messaging with worker threads and concurrent
+ * compilations being blocked on main thread.
+ *
+ * @example
+ *
+ * ```js
+ * const sass = require('sass'); // or require('node-sass');
+ *
+ * const result = sass.renderSync({file: "style.scss"});
+ * // ...
+ * ```
+ *
+ * @category Legacy
+ * @deprecated Use {@link compile} or {@link compileString} instead.
+ */
+export function renderSync(options: LegacyOptions<'sync'>): LegacyResult;
+
+/**
+
+ * This function asynchronously compiles a Sass file to CSS, and calls
+ * `callback` with a {@link LegacyResult} if compilation succeeds or {@link
+ * LegacyException} if it fails.
+ *
+ * **Heads up!** When using the `sass` npm package, **{@link renderSync} is
+ * almost twice as fast as {@link render}** by default, due to the overhead of
+ * making the entire evaluation process asynchronous.
+ *
+ * ```js
+ * const sass = require('sass'); // or require('node-sass');
+ *
+ * sass.render({
+ *   file: "style.scss"
+ * }, function(err, result) {
+ *   // ...
+ * });
+ * ```
+ *
+ * @category Legacy
+ * @deprecated Use {@link compileAsync} or {@link compileStringAsync} instead.
+ */
+export function render(
+  options: LegacyOptions<'async'>,
+  callback: (exception?: LegacyException, result?: LegacyResult) => void
+): void;
diff --git a/node_modules/sass/types/logger/index.d.ts b/node_modules/sass/types/logger/index.d.ts
new file mode 100644
index 0000000..84ee9c2
--- /dev/null
+++ b/node_modules/sass/types/logger/index.d.ts
@@ -0,0 +1,115 @@
+import {Deprecation} from '../deprecations';
+import {SourceSpan} from './source_span';
+
+export {SourceLocation} from './source_location';
+export {SourceSpan} from './source_span';
+
+/**
+ * The options passed to {@link Logger.warn}.
+ *
+ * * `deprecation`: Whether this is a deprecation warning.
+ *
+ * * `deprecationType`: The type of deprecation. Only set if `deprecation` is
+ *   true.
+ *
+ * * `span`: The location in the Sass source code that generated this warning.
+ *   This may be unset if the warning didn't come from Sass source, for
+ *   example if it's from a deprecated JavaScript option.
+ *
+ * * `stack`: The Sass stack trace at the point the warning was issued. This may
+ *   be unset if the warning didn't come from Sass source, for example if it's
+ *   from a deprecated JavaScript option.
+ *
+ * @category Logger
+ */
+export type LoggerWarnOptions = (
+  | {
+      deprecation: true;
+      deprecationType: Deprecation;
+    }
+  | {deprecation: false}
+) & {
+  span?: SourceSpan;
+  stack?: string;
+};
+
+/**
+ * An object that can be passed to {@link LegacySharedOptions.logger} to control
+ * how Sass emits warnings and debug messages.
+ *
+ * @example
+ *
+ * ```js
+ * const fs = require('fs');
+ * const sass = require('sass');
+ *
+ * let log = "";
+ * sass.renderSync({
+ *   file: 'input.scss',
+ *   logger: {
+ *     warn(message, options) {
+ *       if (options.span) {
+ *         log += `${span.url}:${span.start.line}:${span.start.column}: ` +
+ *             `${message}\n`;
+ *       } else {
+ *         log += `::: ${message}\n`;
+ *       }
+ *     }
+ *   }
+ * });
+ *
+ * fs.writeFileSync('log.txt', log);
+ * ```
+ *
+ * @category Logger
+ */
+export interface Logger {
+  /**
+   * This method is called when Sass emits a warning, whether due to a [`@warn`
+   * rule](https://sass-lang.com/documentation/at-rules/warn) or a warning
+   * generated by the Sass compiler.
+   *
+   * If this is `undefined`, Sass will print warnings to standard error.
+   *
+   * `options` may contain the following fields:
+   *
+   * @param message - The warning message.
+   */
+  warn?(message: string, options: LoggerWarnOptions): void;
+
+  /**
+   * This method is called when Sass emits a debug message due to a [`@debug`
+   * rule](https://sass-lang.com/documentation/at-rules/debug).
+   *
+   * If this is `undefined`, Sass will print debug messages to standard error.
+   *
+   * @param message - The debug message.
+   * @param options.span - The location in the Sass source code that generated this
+   * debug message.
+   */
+  debug?(message: string, options: {span: SourceSpan}): void;
+}
+
+/**
+ * A namespace for built-in {@link Logger}s.
+ *
+ * @category Logger
+ * @compatibility dart: "1.43.0", node: false
+ */
+export namespace Logger {
+  /**
+   * A {@link Logger} that silently ignores all warnings and debug messages.
+   *
+   * @example
+   *
+   * ```js
+   * const sass = require('sass');
+   *
+   * const result = sass.renderSync({
+   *   file: 'input.scss',
+   *   logger: sass.Logger.silent,
+   * });
+   * ```
+   */
+  export const silent: Logger;
+}
diff --git a/node_modules/sass/types/logger/source_location.d.ts b/node_modules/sass/types/logger/source_location.d.ts
new file mode 100644
index 0000000..7192714
--- /dev/null
+++ b/node_modules/sass/types/logger/source_location.d.ts
@@ -0,0 +1,21 @@
+/**
+ * A specific location within a source file.
+ *
+ * This is always associated with a {@link SourceSpan} which indicates *which*
+ * file it refers to.
+ *
+ * @category Logger
+ */
+export interface SourceLocation {
+  /**
+   * The 0-based index of this location within its source file, in terms of
+   * UTF-16 code units.
+   */
+  offset: number;
+
+  /** The 0-based line number of this location. */
+  line: number;
+
+  /** The 0-based column number of this location. */
+  column: number;
+}
diff --git a/node_modules/sass/types/logger/source_span.d.ts b/node_modules/sass/types/logger/source_span.d.ts
new file mode 100644
index 0000000..88eb47f
--- /dev/null
+++ b/node_modules/sass/types/logger/source_span.d.ts
@@ -0,0 +1,34 @@
+import {SourceLocation} from './source_location';
+
+/**
+ * A span of text within a source file.
+ *
+ * @category Logger
+ */
+export interface SourceSpan {
+  /** The beginning of this span, inclusive. */
+  start: SourceLocation;
+
+  /**
+   * The end of this span, exclusive.
+   *
+   * If {@link start} and {@link end} refer to the same location, the span has
+   * zero length and refers to the point immediately after {@link start} and
+   * before the next character.
+   */
+  end: SourceLocation;
+
+  /** The canonical URL of the file this span refers to. */
+  url?: URL;
+
+  /** The text covered by the span. */
+  text: string;
+
+  /**
+   * Text surrounding the span.
+   *
+   * If this is set, it must include only whole lines, and it must include at
+   * least all line(s) which are partially covered by this span.
+   */
+  context?: string;
+}
diff --git a/node_modules/sass/types/options.d.ts b/node_modules/sass/types/options.d.ts
new file mode 100644
index 0000000..5b4ffb1
--- /dev/null
+++ b/node_modules/sass/types/options.d.ts
@@ -0,0 +1,468 @@
+import {DeprecationOrId, Version} from './deprecations';
+import {FileImporter, Importer, NodePackageImporter} from './importer';
+import {Logger} from './logger';
+import {Value} from './value';
+import {PromiseOr} from './util/promise_or';
+
+/**
+ * Syntaxes supported by Sass:
+ *
+ * - `'scss'` is the [SCSS
+ *   syntax](https://sass-lang.com/documentation/syntax#scss).
+ * - `'indented'` is the [indented
+ *   syntax](https://sass-lang.com/documentation/syntax#the-indented-syntax)
+ * - `'css'` is plain CSS, which is parsed like SCSS but forbids the use of any
+ *   special Sass features.
+ *
+ * @category Options
+ */
+export type Syntax = 'scss' | 'indented' | 'css';
+
+/**
+ * Possible output styles for the compiled CSS:
+ *
+ * - `"expanded"` (the default for Dart Sass) writes each selector and
+ *   declaration on its own line.
+ *
+ * - `"compressed"` removes as many extra characters as possible, and writes
+ *   the entire stylesheet on a single line.
+ *
+ * @category Options
+ */
+export type OutputStyle = 'expanded' | 'compressed';
+
+/**
+ * A callback that implements a custom Sass function. This can be passed to
+ * {@link Options.functions}.
+ *
+ * ```js
+ * const result = sass.compile('style.scss', {
+ *   functions: {
+ *     "sum($arg1, $arg2)": (args) => {
+ *       const arg1 = args[0].assertNumber('arg1');
+ *       const value1 = arg1.value;
+ *       const value2 = args[1].assertNumber('arg2')
+ *           .convertValueToMatch(arg1, 'arg2', 'arg1');
+ *       return new sass.SassNumber(value1 + value2).coerceToMatch(arg1);
+ *     }
+ *   }
+ * });
+ * ```
+ *
+ * @typeParam sync - A `CustomFunction<'sync'>` must return synchronously, but
+ * in return it can be passed to {@link compile} and {@link compileString} in
+ * addition to {@link compileAsync} and {@link compileStringAsync}.
+ *
+ * A `CustomFunction<'async'>` may either return synchronously or
+ * asynchronously, but it can only be used with {@link compileAsync} and {@link
+ * compileStringAsync}.
+ *
+ * @param args - An array of arguments passed by the function's caller. If the
+ * function takes [arbitrary
+ * arguments](https://sass-lang.com/documentation/at-rules/function#taking-arbitrary-arguments),
+ * the last element will be a {@link SassArgumentList}.
+ *
+ * @returns The function's result. This may be in the form of a `Promise`, but
+ * if it is the function may only be passed to {@link compileAsync} and {@link
+ * compileStringAsync}, not {@link compile} or {@link compileString}.
+ *
+ * @throws any - This function may throw an error, which the Sass compiler will
+ * treat as the function call failing. If the exception object has a `message`
+ * property, it will be used as the wrapped exception's message; otherwise, the
+ * exception object's `toString()` will be used. This means it's safe for custom
+ * functions to throw plain strings.
+ *
+ * @category Custom Function
+ */
+export type CustomFunction<sync extends 'sync' | 'async'> = (
+  args: Value[]
+) => PromiseOr<Value, sync>;
+
+/**
+ * Options that can be passed to {@link compile}, {@link compileAsync}, {@link
+ * compileString}, or {@link compileStringAsync}.
+ *
+ * @typeParam sync - This lets the TypeScript checker verify that asynchronous
+ * {@link Importer}s, {@link FileImporter}s, and {@link CustomFunction}s aren't
+ * passed to {@link compile} or {@link compileString}.
+ *
+ * @category Options
+ */
+export interface Options<sync extends 'sync' | 'async'> {
+  /**
+   * If this is `true`, the compiler will exclusively use ASCII characters in
+   * its error and warning messages. Otherwise, it may use non-ASCII Unicode
+   * characters as well.
+   *
+   * @defaultValue `false`
+   * @category Messages
+   */
+  alertAscii?: boolean;
+
+  /**
+   * If this is `true`, the compiler will use ANSI color escape codes in its
+   * error and warning messages. If it's `false`, it won't use these. If it's
+   * undefined, the compiler will determine whether or not to use colors
+   * depending on whether the user is using an interactive terminal.
+   *
+   * @category Messages
+   */
+  alertColor?: boolean;
+
+  /**
+   * If `true`, the compiler may prepend `@charset "UTF-8";` or U+FEFF
+   * (byte-order marker) if it outputs non-ASCII CSS.
+   *
+   * If `false`, the compiler never emits these byte sequences. This is ideal
+   * when concatenating or embedding in HTML `<style>` tags. (The output will
+   * still be UTF-8.)
+   *
+   * @defaultValue `true`
+   * @category Output
+   * @compatibility dart: "1.54.0", node: false
+   */
+  charset?: boolean;
+
+  /**
+   * A set of deprecations to treat as fatal.
+   *
+   * If a deprecation warning of any provided type is encountered during
+   * compilation, the compiler will error instead.
+   *
+   * If a `Version` is provided, then all deprecations that were active in that
+   * compiler version will be treated as fatal.
+   *
+   * @category Messages
+   * @compatiblity dart: "1.74.0", node: false
+   */
+  fatalDeprecations?: (DeprecationOrId | Version)[];
+
+  /**
+   * Additional built-in Sass functions that are available in all stylesheets.
+   * This option takes an object whose keys are Sass function signatures like
+   * you'd write for the [`@function
+   * rule`](https://sass-lang.com/documentation/at-rules/function) and whose
+   * values are {@link CustomFunction}s.
+   *
+   * Functions are passed subclasses of {@link Value}, and must return the same.
+   * If the return value includes {@link SassCalculation}s they will be
+   * simplified before being returned.
+   *
+   * When writing custom functions, it's important to make them as user-friendly
+   * and as close to the standards set by Sass's core functions as possible. Some
+   * good guidelines to follow include:
+   *
+   * * Use `Value.assert*` methods, like {@link Value.assertString}, to cast
+   *   untyped `Value` objects to more specific types. For values that were
+   *   passed directly as arguments, pass in the argument name as well. This
+   *   ensures that the user gets good error messages when they pass in the
+   *   wrong type to your function.
+   *
+   * * Individual classes may have more specific `assert*` methods, like {@link
+   *   SassNumber.assertInt}, which should be used when possible.
+   *
+   * * In Sass, every value counts as a list. Rather than trying to detect the
+   *   {@link SassList} type, you should use {@link Value.asList} to treat all
+   *   values as lists.
+   *
+   * * When manipulating values like lists, strings, and numbers that have
+   *   metadata (comma versus space separated, bracketed versus unbracketed,
+   *   quoted versus unquoted, units), the output metadata should match the
+   *   input metadata.
+   *
+   * * When in doubt, lists should default to comma-separated, strings should
+   *   default to quoted, and numbers should default to unitless.
+   *
+   * * In Sass, lists and strings use one-based indexing and use negative
+   *   indices to index from the end of value. Functions should follow these
+   *   conventions. {@link Value.sassIndexToListIndex} and {@link
+   *   SassString.sassIndexToStringIndex} can be used to do this automatically.
+   *
+   * * String indexes in Sass refer to Unicode code points while JavaScript
+   *   string indices refer to UTF-16 code units. For example, the character
+   *   U+1F60A SMILING FACE WITH SMILING EYES is a single Unicode code point but
+   *   is represented in UTF-16 as two code units (`0xD83D` and `0xDE0A`). So in
+   *   JavaScript, `"a😊b".charCodeAt(1)` returns `0xD83D`, whereas in Sass
+   *   `str-slice("a😊b", 1, 1)` returns `"😊"`. Functions should follow Sass's
+   *   convention. {@link SassString.sassIndexToStringIndex} can be used to do
+   *   this automatically, and the {@link SassString.sassLength} getter can be
+   *   used to access a string's length in code points.
+   *
+   * @example
+   *
+   * ```js
+   * sass.compileString(`
+   * h1 {
+   *   font-size: pow(2, 5) * 1px;
+   * }`, {
+   *   functions: {
+   *     // Note: in real code, you should use `math.pow()` from the built-in
+   *     // `sass:math` module.
+   *     'pow($base, $exponent)': function(args) {
+   *       const base = args[0].assertNumber('base').assertNoUnits('base');
+   *       const exponent =
+   *           args[1].assertNumber('exponent').assertNoUnits('exponent');
+   *
+   *       return new sass.SassNumber(Math.pow(base.value, exponent.value));
+   *     }
+   *   }
+   * });
+   * ```
+   *
+   * @category Plugins
+   */
+  functions?: Record<string, CustomFunction<sync>>;
+
+  /**
+   * A set of future deprecations to opt into early.
+   *
+   * Future deprecations passed here will be treated as active by the compiler,
+   * emitting warnings as necessary.
+   *
+   * @category Messages
+   * @compatiblity dart: "1.74.0", node: false
+   */
+  futureDeprecations?: DeprecationOrId[];
+
+  /**
+   * Custom importers that control how Sass resolves loads from rules like
+   * [`@use`](https://sass-lang.com/documentation/at-rules/use) and
+   * [`@import`](https://sass-lang.com/documentation/at-rules/import).
+   *
+   * Loads are resolved by trying, in order:
+   *
+   * - **For relative URLs only:** the URL resolved relative to the current
+   *   stylesheet's canonical URL, passed to the importer that loaded the current
+   *   stylesheet.
+   *
+   *   When calling {@link compileString} or {@link compileStringAsync}, the
+   *   entrypoint file isn't "loaded" in the same sense as other files. In that
+   *   case:
+   *
+   *   - {@link StringOptions.url} is the canonical URL and {@link
+   *     StringOptions.importer} is the importer that loaded it.
+   *
+   *   - If {@link StringOptions.importer} isn't passed and {@link
+   *     StringOptions.url} is a `file:` URL, the URL is loaded from the
+   *     filesystem by default. (You can disable this by passing `{canonicalize:
+   *     url => null}` as {@link StringOptions.importer}.)
+   *
+   *   - If {@link StringOptions.url} isn't passed but {@link
+   *     StringOptions.importer} is, the relative URL is passed to {@link
+   *     StringOptions.importer} as-is.
+   *
+   * - Each {@link Importer}, {@link FileImporter}, or
+   *   {@link NodePackageImporter} in {@link importers}, in order.
+   *
+   * - Each load path in {@link loadPaths}, in order.
+   *
+   * If none of these return a Sass file, the load fails and Sass throws an
+   * error.
+   *
+   * @category Plugins
+   */
+  importers?: (Importer<sync> | FileImporter<sync> | NodePackageImporter)[];
+
+  /**
+   * Paths in which to look for stylesheets loaded by rules like
+   * [`@use`](https://sass-lang.com/documentation/at-rules/use) and
+   * [`@import`](https://sass-lang.com/documentation/at-rules/import).
+   *
+   * A load path `loadPath` is equivalent to the following {@link FileImporter}:
+   *
+   * ```js
+   * {
+   *   findFileUrl(url) {
+   *     // Load paths only support relative URLs.
+   *     if (/^[a-z]+:/i.test(url)) return null;
+   *     return new URL(url, pathToFileURL(loadPath));
+   *   }
+   * }
+   * ```
+   *
+   * @category Input
+   */
+  loadPaths?: string[];
+
+  /**
+   * An object to use to handle warnings and/or debug messages from Sass.
+   *
+   * By default, Sass emits warnings and debug messages to standard error, but
+   * if {@link Logger.warn} or {@link Logger.debug} is set, this will invoke
+   * them instead.
+   *
+   * The special value {@link Logger.silent} can be used to easily silence all
+   * messages.
+   *
+   * @category Messages
+   */
+  logger?: Logger;
+
+  /**
+   * If this option is set to `true`, Sass won’t print warnings that are caused
+   * by dependencies. A “dependency” is defined as any file that’s loaded
+   * through {@link loadPaths} or {@link importers}. Stylesheets that are
+   * imported relative to the entrypoint are not considered dependencies.
+   *
+   * This is useful for silencing deprecation warnings that you can’t fix on
+   * your own. However, please <em>also</em> notify your dependencies of the deprecations
+   * so that they can get fixed as soon as possible!
+   *
+   * **Heads up!** If {@link compileString} or {@link compileStringAsync} is
+   * called without {@link StringOptions.url}, <em>all</em> stylesheets it loads
+   * will be considered dependencies. Since it doesn’t have a path of its own,
+   * everything it loads is coming from a load path rather than a relative
+   * import.
+   *
+   * @defaultValue `false`
+   * @category Messages
+   */
+  quietDeps?: boolean;
+
+  /**
+   * A set of active deprecations to ignore.
+   *
+   * If a deprecation warning of any provided type is encountered during
+   * compilation, the compiler will ignore it instead.
+   *
+   * **Heads up!** The deprecated functionality you're depending on will
+   * eventually break.
+   *
+   * @category Messages
+   * @compatiblity dart: "1.74.0", node: false
+   */
+  silenceDeprecations?: DeprecationOrId[];
+
+  /**
+   * Whether or not Sass should generate a source map. If it does, the source
+   * map will be available as {@link CompileResult.sourceMap}.
+   *
+   * **Heads up!** Sass doesn't automatically add a `sourceMappingURL` comment
+   * to the generated CSS. It's up to callers to do that, since callers have
+   * full knowledge of where the CSS and the source map will exist in relation
+   * to one another and how they'll be served to the browser.
+   *
+   * @defaultValue `false`
+   * @category Output
+   */
+  sourceMap?: boolean;
+
+  /**
+   * Whether Sass should include the sources in the generated source map.
+   *
+   * This option has no effect if {@link sourceMap} is `false`.
+   *
+   * @defaultValue `false`
+   * @category Output
+   */
+  sourceMapIncludeSources?: boolean;
+
+  /**
+   * The {@link OutputStyle} of the compiled CSS.
+   *
+   * @example
+   *
+   * ```js
+   * const source = `
+   * h1 {
+   *   font-size: 40px;
+   *   code {
+   *     font-face: Roboto Mono;
+   *   }
+   * }`;
+   *
+   * let result = sass.compileString(source, {style: "expanded"});
+   * console.log(result.css.toString());
+   * // h1 {
+   * //   font-size: 40px;
+   * // }
+   * // h1 code {
+   * //   font-face: Roboto Mono;
+   * // }
+   *
+   * result = sass.compileString(source, {style: "compressed"})
+   * console.log(result.css.toString());
+   * // h1{font-size:40px}h1 code{font-face:Roboto Mono}
+   * ```
+   *
+   * @category Output
+   */
+  style?: OutputStyle;
+
+  /**
+   * By default, Dart Sass will print only five instances of the same
+   * deprecation warning per compilation to avoid deluging users in console
+   * noise. If you set `verbose` to `true`, it will instead print every
+   * deprecation warning it encounters.
+   *
+   * @defaultValue `false`
+   * @category Messages
+   */
+  verbose?: boolean;
+}
+
+/**
+ * Options that can be passed to {@link compileString} or {@link
+ * compileStringAsync}.
+ *
+ * If the {@link StringOptions.importer} field isn't passed, the entrypoint file
+ * can load files relative to itself if a `file://` URL is passed to the {@link
+ * url} field. If `importer` is passed, the entrypoint file uses that importer
+ * to load files relative to itself.
+ *
+ * @typeParam sync - This lets the TypeScript checker verify that asynchronous
+ * {@link Importer}s, {@link FileImporter}s, and {@link CustomFunction}s aren't
+ * passed to {@link compile} or {@link compileString}.
+ *
+ * @category Options
+ */
+export interface StringOptions<sync extends 'sync' | 'async'>
+  extends Options<sync> {
+  /**
+   * The {@link Syntax} to use to parse the entrypoint stylesheet.
+   *
+   * @default `'scss'`
+   *
+   * @category Input
+   */
+  syntax?: Syntax;
+
+  /**
+   * The importer to use to handle relative URL loads in the entrypoint
+   * stylesheet and stylesheets loaded relative to the entrypoint stylesheet.
+   *
+   * See {@link Options.importers} for details on how loads are resolved for the
+   * entrypoint stylesheet.
+   *
+   * @category Input
+   */
+  importer?: Importer<sync> | FileImporter<sync>;
+
+  /**
+   * The canonical URL of the entrypoint stylesheet.
+   *
+   * See {@link Options.importers} for details on how loads are resolved for the
+   * entrypoint stylesheet.
+   *
+   * @category Input
+   * @compatibility feature: "Undefined URL with importer", dart: "1.75.0", node: false
+   *
+   * Earlier versions of Dart Sass required {@link url} to be defined when
+   * passing {@link StringOptions.importer}.
+   */
+  url?: URL;
+}
+
+/**
+ * @category Options
+ * @deprecated Use {@link StringOptions} instead.
+ */
+type StringOptionsWithoutImporter<sync extends 'sync' | 'async'> =
+  StringOptions<sync>;
+
+/**
+ * @category Options
+ * @deprecated Use {@link StringOptions} instead.
+ */
+type StringOptionsWithImporter<sync extends 'sync' | 'async'> =
+  StringOptions<sync>;
diff --git a/node_modules/sass/types/util/promise_or.d.ts b/node_modules/sass/types/util/promise_or.d.ts
new file mode 100644
index 0000000..05d246a
--- /dev/null
+++ b/node_modules/sass/types/util/promise_or.d.ts
@@ -0,0 +1,17 @@
+/**
+ * A utility type for choosing between synchronous and asynchronous return
+ * values.
+ *
+ * This is used as the return value for plugins like {@link CustomFunction},
+ * {@link Importer}, and {@link FileImporter} so that TypeScript enforces that
+ * asynchronous plugins are only passed to {@link compileAsync} and {@link
+ * compileStringAsync}, not {@link compile} or {@link compileString}.
+ *
+ * @typeParam sync - If this is `'sync'`, this can only be a `T`. If it's
+ * `'async'`, this can be either a `T` or a `Promise<T>`.
+ *
+ * @category Other
+ */
+export type PromiseOr<T, sync extends 'sync' | 'async'> = sync extends 'async'
+  ? T | Promise<T>
+  : T;
diff --git a/node_modules/sass/types/value/argument_list.d.ts b/node_modules/sass/types/value/argument_list.d.ts
new file mode 100644
index 0000000..ced032a
--- /dev/null
+++ b/node_modules/sass/types/value/argument_list.d.ts
@@ -0,0 +1,47 @@
+import {List, OrderedMap} from 'immutable';
+
+import {Value} from './index';
+import {SassList, ListSeparator} from './list';
+
+/**
+ * Sass's [argument list
+ * type](https://sass-lang.com/documentation/values/lists#argument-lists).
+ *
+ * An argument list comes from a rest argument. It's distinct from a normal
+ * {@link SassList} in that it may contain a keyword map as well as the
+ * positional arguments.
+ *
+ * @category Custom Function
+ */
+export class SassArgumentList extends SassList {
+  /**
+   * Creates a new argument list.
+   *
+   * @param contents - The positional arguments that make up the primary
+   * contents of the list. This may be either a plain JavaScript array or an
+   * immutable {@link List} from the [`immutable`
+   * package](https://immutable-js.com/).
+   *
+   * @param keywords - The keyword arguments attached to this argument list,
+   * whose names should exclude `$`. This can be either a plain JavaScript
+   * object with argument names as fields, or an immutable {@link OrderedMap}
+   * from the [`immutable` package](https://immutable-js.com/)
+   *
+   * @param separator - The separator for this list. Defaults to `','`.
+   */
+  constructor(
+    contents: Value[] | List<Value>,
+    keywords: Record<string, Value> | OrderedMap<string, Value>,
+    separator?: ListSeparator
+  );
+
+  /**
+   * The keyword arguments attached to this argument list.
+   *
+   * The argument names don't include `$`.
+   *
+   * @returns An immutable {@link OrderedMap} from the [`immutable`
+   * package](https://immutable-js.com/).
+   */
+  get keywords(): OrderedMap<string, Value>;
+}
diff --git a/node_modules/sass/types/value/boolean.d.ts b/node_modules/sass/types/value/boolean.d.ts
new file mode 100644
index 0000000..b3f3af7
--- /dev/null
+++ b/node_modules/sass/types/value/boolean.d.ts
@@ -0,0 +1,29 @@
+import {Value} from './index';
+
+/**
+ * Sass's [`true` value](https://sass-lang.com/documentation/values/booleans).
+ *
+ * @category Custom Function
+ */
+export const sassTrue: SassBoolean;
+
+/**
+ * Sass's [`false` value](https://sass-lang.com/documentation/values/booleans).
+ *
+ * @category Custom Function
+ */
+export const sassFalse: SassBoolean;
+
+/**
+ * Sass's [boolean type](https://sass-lang.com/documentation/values/booleans).
+ *
+ * @category Custom Function
+ */
+export class SassBoolean extends Value {
+  private constructor();
+
+  /**
+   * Whether this value is `true` or `false`.
+   */
+  get value(): boolean;
+}
diff --git a/node_modules/sass/types/value/calculation.d.ts b/node_modules/sass/types/value/calculation.d.ts
new file mode 100644
index 0000000..86d06b4
--- /dev/null
+++ b/node_modules/sass/types/value/calculation.d.ts
@@ -0,0 +1,137 @@
+import {List, ValueObject} from 'immutable';
+import {Value, SassNumber, SassString} from './index';
+
+/**
+ * The type of values that can be arguments to a {@link SassCalculation}.
+ * @category Custom Function
+ * */
+export type CalculationValue =
+  | SassNumber
+  | SassCalculation
+  | SassString
+  | CalculationOperation
+  | CalculationInterpolation;
+
+/**
+ * Sass's [calculation
+ * type](https://sass-lang.com/documentation/values/calculations).
+ *
+ * Note: in the JS API calculations are not simplified eagerly. This also means
+ * that unsimplified calculations are not equal to the numbers they would be
+ * simplified to.
+ *
+ * @category Custom Function
+ */
+export class SassCalculation extends Value {
+  /**
+   * Creates a value that represents `calc(argument)`.
+   *
+   * @throws `Error` if `argument` is a quoted {@link SassString}
+   * @returns A calculation with the name `calc` and `argument` as its single
+   * argument.
+   */
+  static calc(argument: CalculationValue): SassCalculation;
+
+  /**
+   * Creates a value that represents `min(arguments...)`.
+   *
+   * @throws `Error` if `arguments` contains a quoted {@link SassString}
+   * @returns A calculation with the name `min` and `arguments` as its
+   * arguments.
+   */
+  static min(
+    arguments: CalculationValue[] | List<CalculationValue>
+  ): SassCalculation;
+
+  /**
+   * Creates a value that represents `max(arguments...)`.
+   *
+   * @throws `Error` if `arguments` contains a quoted {@link SassString}
+   * @returns A calculation with the name `max` and `arguments` as its
+   * arguments.
+   */
+  static max(
+    arguments: CalculationValue[] | List<CalculationValue>
+  ): SassCalculation;
+
+  /**
+   * Creates a value that represents `clamp(value, min, max)`.
+   *
+   * @throws `Error` if any of `value`, `min`, or `max` are  a quoted
+   * {@link SassString}.
+   * @throws `Error` if `value` is undefined and `max` is not undefined.
+   * @throws `Error` if either `value` or `max` is undefined and neither `min`
+     nor `value` is a {@link SassString} or {@link CalculationInterpolation}.
+     @returns A calculation with the name `clamp` and `min`, `value`, and `max`
+     as it's arguments, excluding any arguments that are undefined.
+   */
+  static clamp(
+    min: CalculationValue,
+    value?: CalculationValue,
+    max?: CalculationValue
+  ): SassCalculation;
+
+  /** Returns the calculation's `name` field. */
+  get name(): string;
+
+  /** Returns a list of the calculation's `arguments` */
+  get arguments(): List<CalculationValue>;
+}
+
+/**
+ * The set of possible operators in a Sass calculation.
+ * @category Custom Function
+ */
+export type CalculationOperator = '+' | '-' | '*' | '/';
+
+/**
+ * A binary operation that can appear in a {@link SassCalculation}.
+ * @category Custom Function
+ */
+export class CalculationOperation implements ValueObject {
+  /**
+   * Creates a Sass CalculationOperation with the given `operator`, `left`, and
+   * `right` values.
+   * @throws `Error` if `left` or `right` are quoted {@link SassString}s.
+   */
+  constructor(
+    operator: CalculationOperator,
+    left: CalculationValue,
+    right: CalculationValue
+  );
+
+  /** Returns the operation's `operator` field. */
+  get operator(): CalculationOperator;
+
+  /** Returns the operation's `left` field. */
+  get left(): CalculationValue;
+
+  /** Returns the operation's `right` field. */
+  get right(): CalculationValue;
+
+  equals(other: unknown): boolean;
+
+  hashCode(): number;
+}
+
+/**
+ * A string injected into a {@link SassCalculation} using interpolation. Unlike
+ * unquoted strings, interpolations are always surrounded in parentheses when
+ * they appear in {@link CalculationOperation}s.
+ * @category Custom Function
+ */
+export class CalculationInterpolation implements ValueObject {
+  /**
+   * Creates a Sass CalculationInterpolation with the given `value`.
+   */
+  constructor(value: string);
+
+  /**
+   * Returns the interpolation's `value` field.
+   */
+  get value(): string;
+
+  equals(other: unknown): boolean;
+
+  hashCode(): number;
+}
diff --git a/node_modules/sass/types/value/color.d.ts b/node_modules/sass/types/value/color.d.ts
new file mode 100644
index 0000000..643d692
--- /dev/null
+++ b/node_modules/sass/types/value/color.d.ts
@@ -0,0 +1,566 @@
+import {List} from 'immutable';
+
+import {Value} from './index';
+
+/** The HSL color space name. */
+export type ColorSpaceHsl = 'hsl';
+
+/** The HSL color space channel names. */
+export type ChannelNameHsl = 'hue' | 'saturation' | 'lightness' | 'alpha';
+
+/** The HWB color space name. */
+export type ColorSpaceHwb = 'hwb';
+
+/** The HWB color space channel names. */
+export type ChannelNameHwb = 'hue' | 'whiteness' | 'blackness' | 'alpha';
+
+/** The Lab / Oklab color space names. */
+export type ColorSpaceLab = 'lab' | 'oklab';
+
+/** The Lab / Oklab color space channel names. */
+export type ChannelNameLab = 'lightness' | 'a' | 'b' | 'alpha';
+
+/** The LCH / Oklch color space names. */
+export type ColorSpaceLch = 'lch' | 'oklch';
+
+/** The LCH / Oklch color space channel names. */
+export type ChannelNameLch = 'lightness' | 'chroma' | 'hue' | 'alpha';
+
+/** Names of color spaces with RGB channels. */
+export type ColorSpaceRgb =
+  | 'a98-rgb'
+  | 'display-p3'
+  | 'prophoto-rgb'
+  | 'rec2020'
+  | 'rgb'
+  | 'srgb'
+  | 'srgb-linear';
+
+/** RGB channel names. */
+export type ChannelNameRgb = 'red' | 'green' | 'blue' | 'alpha';
+
+/** Names of color spaces with XYZ channels. */
+export type ColorSpaceXyz = 'xyz' | 'xyz-d50' | 'xyz-d65';
+
+/** XYZ channel names. */
+export type ChannelNameXyz = 'x' | 'y' | 'z' | 'alpha';
+
+/** All supported color space channel names. */
+export type ChannelName =
+  | ChannelNameHsl
+  | ChannelNameHwb
+  | ChannelNameLab
+  | ChannelNameLch
+  | ChannelNameRgb
+  | ChannelNameXyz;
+
+/** All supported color space names. */
+export type KnownColorSpace =
+  | ColorSpaceHsl
+  | ColorSpaceHwb
+  | ColorSpaceLab
+  | ColorSpaceLch
+  | ColorSpaceRgb
+  | ColorSpaceXyz;
+
+/** Polar color space names (HSL, HWB, LCH, and Oklch spaces). */
+export type PolarColorSpace = ColorSpaceHsl | ColorSpaceHwb | ColorSpaceLch;
+
+/** Rectangular color space names (Lab, Oklab, RGB, and XYZ spaces). */
+export type RectangularColorSpace = Exclude<KnownColorSpace, PolarColorSpace>;
+
+/**
+ * Methods by which two hues are adjusted when interpolating between polar
+ * colors.
+ */
+export type HueInterpolationMethod =
+  | 'decreasing'
+  | 'increasing'
+  | 'longer'
+  | 'shorter';
+
+/**
+ * Methods by which colors in bounded spaces can be mapped to within their
+ * gamut.
+ *
+ * * `local-minde`: The algorithm specified in [the original Color Level 4
+ *   candidate recommendation]. This maps in the Oklch color space, using the
+ *   [deltaEOK] color difference formula and the [local-MINDE] improvement.
+ *
+ * * `clip`: Clamp each color channel that's outside the gamut to the minimum or
+ *   maximum value for that channel. This algorithm will produce poor visual
+ *   results, but it may be useful to match the behavior of other situations in
+ *   which a color can be clipped.
+ *
+ * [the original Color Level 4 candidate recommendation]: https://www.w3.org/TR/2024/CRD-css-color-4-20240213/#css-gamut-mapping
+ * [deltaEOK]: https://www.w3.org/TR/2024/CRD-css-color-4-20240213/#color-difference-OK
+ * [local-MINDE]: https://www.w3.org/TR/2024/CRD-css-color-4-20240213/#GM-chroma-local-MINDE
+ */
+export type GamutMapMethod = 'clip' | 'local-minde';
+
+/**
+ * Sass's [color type](https://sass-lang.com/documentation/values/colors).
+ *
+ * No matter what representation was originally used to create this color, all
+ * of its channels are accessible.
+ *
+ * @category Custom Function
+ */
+export class SassColor extends Value {
+  /**
+   * Creates an [RGB color].
+   *
+   * If `space` is missing, **only** `undefined` should be used to indicate that
+   * `alpha` isn't passed. If `null` is used instead, it will be treated as a
+   * [missing component]. See [breaking changes] for details.
+   *
+   * If `space` is defined and `null` is passed for any component, it will be
+   * treated as a [missing component].
+   *
+   * [RGB color]: https://developer.mozilla.org/en-US/docs/Web/CSS/color_value/rgb
+   * [missing component]: https://developer.mozilla.org/en-US/docs/Web/CSS/color_value#missing_color_components
+   * [breaking changes]: /documentation/breaking-changes/null-alpha
+   *
+   * @throws `Error` if `alpha` is set and isn't `null` or a number between `0`
+   * and `1`.
+   */
+  constructor(options: {
+    red: number | null;
+    green: number | null;
+    blue: number | null;
+    alpha?: number | null;
+    space?: 'rgb';
+  });
+
+  /**
+   * Creates an [HSL color].
+   *
+   * If `space` is missing, **only** `undefined` should be used to indicate that
+   * `alpha` isn't passed. If `null` is used instead, it will be treated as a
+   * [missing component]. See [breaking changes] for details.
+   *
+   * If `space` is defined and `null` is passed for any component, it will be
+   * treated as a [missing component].
+   *
+   * [HSL color]: https://developer.mozilla.org/en-US/docs/Web/CSS/color_value/hsl
+   * [missing component]: https://developer.mozilla.org/en-US/docs/Web/CSS/color_value#missing_color_components
+   * [breaking changes]: /documentation/breaking-changes/null-alpha
+   *
+   * @throws `Error` if `alpha` is set and isn't `null` or a number between `0`
+   * and `1`.
+   */
+  constructor(options: {
+    hue: number | null;
+    saturation: number | null;
+    lightness: number | null;
+    alpha?: number | null;
+    space?: ColorSpaceHsl;
+  });
+
+  /**
+   * Creates an [HWB color].
+   *
+   * If `space` is missing, **only** `undefined` should be used to indicate that
+   * `alpha` isn't passed. If `null` is used instead, it will be treated as a
+   * [missing component]. See [breaking changes] for details.
+   *
+   * If `space` is defined and `null` is passed for any component, it will be
+   * treated as a [missing component].
+   *
+   * [HWB color]: https://developer.mozilla.org/en-US/docs/Web/CSS/color_value/hwb
+   * [missing component]: https://developer.mozilla.org/en-US/docs/Web/CSS/color_value#missing_color_components
+   * [breaking changes]: /documentation/breaking-changes/null-alpha
+   *
+   * @throws `Error` if `alpha` is set and isn't `null` or a number between `0`
+   * and `1`.
+   */
+  constructor(options: {
+    hue: number | null;
+    whiteness: number | null;
+    blackness: number | null;
+    alpha?: number | null;
+    space?: ColorSpaceHwb;
+  });
+
+  /**
+   * Creates a [Lab] or [Oklab] color.
+   *
+   * If `null` is passed for any component, it will be treated as a [missing
+   * component].
+   *
+   * [Lab]: https://developer.mozilla.org/en-US/docs/Web/CSS/color_value/lab
+   * [Oklab]: https://developer.mozilla.org/en-US/docs/Web/CSS/color_value/oklab
+   * [missing component]: https://developer.mozilla.org/en-US/docs/Web/CSS/color_value#missing_color_components
+   *
+   * @throws `Error` if `alpha` is set and isn't `null` or a number between `0`
+   * and `1`.
+   */
+  constructor(options: {
+    lightness: number | null;
+    a: number | null;
+    b: number | null;
+    alpha?: number | null;
+    space: ColorSpaceLab;
+  });
+
+  /**
+   * Creates an [LCH] or [Oklch] color.
+   *
+   * If `null` is passed for any component, it will be treated as a [missing
+   * component].
+   *
+   * [LCH]: https://developer.mozilla.org/en-US/docs/Web/CSS/color_value/lch
+   * [Oklch]: https://developer.mozilla.org/en-US/docs/Web/CSS/color_value/oklch
+   * [missing component]: https://developer.mozilla.org/en-US/docs/Web/CSS/color_value#missing_color_components
+   *
+   * @throws `Error` if `alpha` is set and isn't `null` or a number between `0`
+   * and `1`.
+   */
+  constructor(options: {
+    lightness: number | null;
+    chroma: number | null;
+    hue: number | null;
+    alpha?: number | null;
+    space: ColorSpaceLch;
+  });
+
+  /**
+   * Creates a color in a predefined [RGB color space].
+   *
+   * If `null` is passed for any component, it will be treated as a [missing
+   * component].
+   *
+   * [RGB color space]: https://developer.mozilla.org/en-US/docs/Web/CSS/color_value/color#using_predefined_colorspaces_with_color
+   * [missing component]: https://developer.mozilla.org/en-US/docs/Web/CSS/color_value#missing_color_components
+   *
+   * @throws `Error` if `alpha` is set and isn't `null` or a number between `0`
+   * and `1`.
+   */
+  constructor(options: {
+    red: number | null;
+    green: number | null;
+    blue: number | null;
+    alpha?: number | null;
+    space: Exclude<ColorSpaceRgb, 'rgb'>;
+  });
+
+  /**
+   * Creates a color in a predefined [XYZ color space].
+   *
+   * If `null` is passed for any component, it will be treated as a [missing
+   * component].
+   *
+   * [XYZ color space]: https://developer.mozilla.org/en-US/docs/Web/CSS/color_value/color#using_the_xyz_colorspace_with_color
+   * [missing component]: https://developer.mozilla.org/en-US/docs/Web/CSS/color_value#missing_color_components
+   *
+   * @throws `Error` if `alpha` is set and isn't `null` or a number between `0`
+   * and `1`.
+   */
+  constructor(options: {
+    x: number | null;
+    y: number | null;
+    z: number | null;
+    alpha?: number | null;
+    space: ColorSpaceXyz;
+  });
+
+  /** The name of this color's space. */
+  get space(): KnownColorSpace;
+
+  /**
+   * Returns a new color that's the result of converting this color to the
+   * specified `space`.
+   */
+  toSpace(space: KnownColorSpace): SassColor;
+
+  /**
+   * A boolean indicating whether this color is in a legacy color space (`rgb`,
+   * `hsl`, or `hwb`).
+   */
+  get isLegacy(): boolean;
+
+  /**
+   * Returns a boolean indicating whether this color is in-gamut (as opposed to
+   * having one or more of its channels out of bounds) for the specified
+   * `space`, or its current color space if `space` is not specified.
+   */
+  isInGamut(space?: KnownColorSpace): boolean;
+
+  /**
+   * Returns a copy of this color, modified so it is in-gamut for the specified
+   * `space`—or the current color space if `space` is not specified—using
+   * `method` to map out-of-gamut colors into the desired gamut.
+   */
+  toGamut(options: {
+    space?: KnownColorSpace;
+    method: GamutMapMethod;
+  }): SassColor;
+
+  /**
+   * A list of this color's channel values (excluding alpha), with [missing
+   * channels] converted to `null`.
+   *
+   * [missing channels]: https://developer.mozilla.org/en-US/docs/Web/CSS/color_value#missing_color_components
+   */
+  get channelsOrNull(): List<number | null>;
+
+  /**
+   * A list of this color's channel values (excluding alpha), with [missing
+   * channels] converted to `0`.
+   *
+   * [missing channels]: https://developer.mozilla.org/en-US/docs/Web/CSS/color_value#missing_color_components
+   */
+  get channels(): List<number>;
+
+  /**
+   * Returns the value of a single specified `channel` of this color, with
+   * [missing channels] converted to `0`.
+   *
+   * [missing channels]: https://developer.mozilla.org/en-US/docs/Web/CSS/color_value#missing_color_components
+   *
+   * @throws `Error` if `channel` is not `alpha` or a channel in this color's
+   * space.
+   */
+  channel(channel: ChannelName): number;
+
+  /**
+   * Returns the value of a single specified `channel` of this color after
+   * converting this color to the specified `space`, with [missing channels]
+   * converted to `0`.
+   *
+   * [missing channels]: https://developer.mozilla.org/en-US/docs/Web/CSS/color_value#missing_color_components
+   *
+   * @throws `Error` if `channel` is not `alpha` or a channel in `space`.
+   */
+  channel(channel: ChannelNameHsl, options: {space: ColorSpaceHsl}): number;
+  channel(channel: ChannelNameHwb, options: {space: ColorSpaceHwb}): number;
+  channel(channel: ChannelNameLab, options: {space: ColorSpaceLab}): number;
+  channel(channel: ChannelNameLch, options: {space: ColorSpaceLch}): number;
+  channel(channel: ChannelNameRgb, options: {space: ColorSpaceRgb}): number;
+  channel(channel: ChannelNameXyz, options: {space: ColorSpaceXyz}): number;
+
+  /** This color's alpha channel, between `0` and `1`. */
+  get alpha(): number;
+
+  /**
+   * Returns a boolean indicating whether a given channel value is a [missing
+   * channel].
+   *
+   * [missing channel]: https://developer.mozilla.org/en-US/docs/Web/CSS/color_value#missing_color_components
+   */
+  isChannelMissing(channel: ChannelName): boolean;
+
+  /**
+   * Returns a boolean indicating whether a given `channel` is [powerless] in
+   * this color. This is a special state that's defined for individual color
+   * spaces, which indicates that a channel's value won't affect how a color is
+   * displayed.
+   *
+   * [powerless]: https://www.w3.org/TR/css-color-4/#powerless
+   */
+  isChannelPowerless(channel: ChannelName): boolean;
+  isChannelPowerless(
+    channel: ChannelNameHsl,
+    options?: {space: ColorSpaceHsl}
+  ): boolean;
+  isChannelPowerless(
+    channel: ChannelNameHwb,
+    options?: {space: ColorSpaceHwb}
+  ): boolean;
+  isChannelPowerless(
+    channel: ChannelNameLab,
+    options?: {space: ColorSpaceLab}
+  ): boolean;
+  isChannelPowerless(
+    channel: ChannelNameLch,
+    options?: {space: ColorSpaceLch}
+  ): boolean;
+  isChannelPowerless(
+    channel: ChannelNameRgb,
+    options?: {space: ColorSpaceRgb}
+  ): boolean;
+  isChannelPowerless(
+    channel: ChannelNameXyz,
+    options?: {space: ColorSpaceXyz}
+  ): boolean;
+
+  /**
+   * Returns a color partway between this color and `color2` according to
+   * `method`, as defined by the CSS Color 4 [color interpolation] procedure.
+   *
+   * [color interpolation]: https://www.w3.org/TR/css-color-4/#interpolation
+   *
+   * If `method` is missing and this color is in a rectangular color space (Lab,
+   * Oklab, RGB, and XYZ spaces), `method` defaults to the color space of this
+   * color. Otherwise, `method` defaults to a space separated list containing
+   * the color space of this color and the string "shorter".
+   *
+   * The `weight` is a number between 0 and 1 that indicates how much of this
+   * color should be in the resulting color. If omitted, it defaults to 0.5.
+   */
+  interpolate(
+    color2: SassColor,
+    options?: {
+      weight?: number;
+      method?: HueInterpolationMethod;
+    }
+  ): SassColor;
+
+  /**
+   * Returns a new color that's the result of changing one or more of this
+   * color's HSL channels.
+   *
+   * @throws `Error` if `space` is missing and this color is not in a legacy
+   * color space (`rgb`, `hsl`, or `hwb`).
+   * @throws `Error` if `alpha` is set and isn't `null` or a number between `0`
+   * and `1`.
+   */
+  change(
+    options: {
+      [key in ChannelNameHsl]?: number | null;
+    } & {
+      space?: ColorSpaceHsl;
+    }
+  ): SassColor;
+
+  /**
+   * Returns a new color that's the result of changing one or more of this
+   * color's HWB channels.
+   *
+   * @throws `Error` if `space` is missing and this color is not in a legacy
+   * color space (`rgb`, `hsl`, or `hwb`).
+   * @throws `Error` if `alpha` is set and isn't `null` or a number between `0`
+   * and `1`.
+   */
+  change(
+    options: {
+      [key in ChannelNameHwb]?: number | null;
+    } & {
+      space?: ColorSpaceHwb;
+    }
+  ): SassColor;
+
+  /**
+   * Returns a new color that's the result of changing one or more of this
+   * color's Lab channels.
+   *
+   * @throws `Error` if `space` is missing and this color is not in the Lab or
+   * Oklab color spaces.
+   * @throws `Error` if `alpha` is set and isn't `null` or a number between `0`
+   * and `1`.
+   */
+  change(
+    options: {
+      [key in ChannelNameLab]?: number | null;
+    } & {
+      space?: ColorSpaceLab;
+    }
+  ): SassColor;
+
+  /**
+   * Returns a new color that's the result of changing one or more of this
+   * color's LCH channels.
+   *
+   * @throws `Error` if `space` is missing and this color is not in the LCH or
+   * Oklch color spaces.
+   * @throws `Error` if `alpha` is set and isn't `null` or a number between `0`
+   * and `1`.
+   */
+  change(
+    options: {
+      [key in ChannelNameLch]?: number | null;
+    } & {
+      space?: ColorSpaceLch;
+    }
+  ): SassColor;
+
+  /**
+   * Returns a new color that's the result of changing one or more of this
+   * color's RGB channels.
+   *
+   * @throws `Error` if `space` is missing and this color is not in a legacy
+   * color space (`rgb`, `hsl`, or `hwb`).
+   * @throws `Error` if `alpha` is set and isn't `null` or a number between `0`
+   * and `1`.
+   */
+  change(
+    options: {
+      [key in ChannelNameRgb]?: number | null;
+    } & {
+      space?: ColorSpaceRgb;
+    }
+  ): SassColor;
+
+  /**
+   * Returns a new color that's the result of changing one or more of this
+   * color's XYZ channels.
+   *
+   * @throws `Error` if `space` is missing and this color is not in an XYZ color
+   * space.
+   * @throws `Error` if `alpha` is set and isn't `null` or a number between `0`
+   * and `1`.
+   */
+  change(
+    options: {
+      [key in ChannelNameXyz]?: number | null;
+    } & {
+      space?: ColorSpaceXyz;
+    }
+  ): SassColor;
+
+  /**
+   * This color's red channel in the RGB color space.
+   *
+   * @deprecated Use {@link channel} instead.
+   */
+  get red(): number;
+
+  /**
+   * This color's green channel in the RGB color space.
+   *
+   * @deprecated Use {@link channel} instead.
+   */
+  get green(): number;
+
+  /**
+   * This color's blue channel in the RGB color space.
+   *
+   * @deprecated Use {@link channel} instead.
+   */
+  get blue(): number;
+
+  /**
+   * This color's hue in the HSL color space.
+   *
+   * @deprecated Use {@link channel} instead.
+   */
+  get hue(): number;
+
+  /**
+   * This color's saturation in the HSL color space.
+   *
+   * @deprecated Use {@link channel} instead.
+   */
+  get saturation(): number;
+
+  /**
+   * This color's lightness in the HSL color space.
+   *
+   * @deprecated Use {@link channel} instead.
+   */
+  get lightness(): number;
+
+  /**
+   * This color's whiteness in the HWB color space.
+   *
+   * @deprecated Use {@link channel} instead.
+   */
+  get whiteness(): number;
+
+  /**
+   * This color's blackness in the HWB color space.
+   *
+   * @deprecated Use {@link channel} instead.
+   */
+  get blackness(): number;
+}
diff --git a/node_modules/sass/types/value/function.d.ts b/node_modules/sass/types/value/function.d.ts
new file mode 100644
index 0000000..81bbf89
--- /dev/null
+++ b/node_modules/sass/types/value/function.d.ts
@@ -0,0 +1,22 @@
+import {Value} from './index';
+
+/**
+ * Sass's [function type](https://sass-lang.com/documentation/values/functions).
+ *
+ * **Heads up!** Although first-class Sass functions can be processed by custom
+ * functions, there's no way to invoke them outside of a Sass stylesheet.
+ *
+ * @category Custom Function
+ */
+export class SassFunction extends Value {
+  /**
+   * Creates a new first-class function that can be invoked using
+   * [`meta.call()`](https://sass-lang.com/documentation/modules/meta#call).
+   *
+   * @param signature - The function signature, like you'd write for the
+   * [`@function rule`](https://sass-lang.com/documentation/at-rules/function).
+   * @param callback - The callback that's invoked when this function is called,
+   * just like for a {@link CustomFunction}.
+   */
+  constructor(signature: string, callback: (args: Value[]) => Value);
+}
diff --git a/node_modules/sass/types/value/index.d.ts b/node_modules/sass/types/value/index.d.ts
new file mode 100644
index 0000000..0877d5d
--- /dev/null
+++ b/node_modules/sass/types/value/index.d.ts
@@ -0,0 +1,219 @@
+import {List, ValueObject} from 'immutable';
+
+import {SassBoolean} from './boolean';
+import {SassCalculation} from './calculation';
+import {SassColor} from './color';
+import {SassFunction} from './function';
+import {ListSeparator} from './list';
+import {SassMap} from './map';
+import {SassMixin} from './mixin';
+import {SassNumber} from './number';
+import {SassString} from './string';
+
+export {SassArgumentList} from './argument_list';
+export {SassBoolean, sassTrue, sassFalse} from './boolean';
+export {
+  SassCalculation,
+  CalculationValue,
+  CalculationOperator,
+  CalculationOperation,
+  CalculationInterpolation,
+} from './calculation';
+export {
+  SassColor,
+  ColorSpaceHsl,
+  ChannelNameHsl,
+  ColorSpaceHwb,
+  ChannelNameHwb,
+  ColorSpaceLab,
+  ChannelNameLab,
+  ColorSpaceLch,
+  ChannelNameLch,
+  ColorSpaceRgb,
+  ChannelNameRgb,
+  ColorSpaceXyz,
+  ChannelNameXyz,
+  ChannelName,
+  GamutMapMethod,
+  KnownColorSpace,
+  PolarColorSpace,
+  RectangularColorSpace,
+  HueInterpolationMethod,
+} from './color';
+export {SassFunction} from './function';
+export {SassList, ListSeparator} from './list';
+export {SassMap} from './map';
+export {SassMixin} from './mixin';
+export {SassNumber} from './number';
+export {SassString} from './string';
+
+/**
+ * Sass's [`null` value](https://sass-lang.com/documentation/values/null).
+ *
+ * @category Custom Function
+ */
+export const sassNull: Value;
+
+/**
+ * The abstract base class of Sass's value types.
+ *
+ * This is passed to and returned by {@link CustomFunction}s, which are passed
+ * into the Sass implementation using {@link Options.functions}.
+ *
+ * @category Custom Function
+ */
+export abstract class Value implements ValueObject {
+  protected constructor();
+
+  /**
+   * This value as a list.
+   *
+   * All SassScript values can be used as lists. Maps count as lists of pairs,
+   * and all other values count as single-value lists.
+   *
+   * @returns An immutable {@link List} from the [`immutable`
+   * package](https://immutable-js.com/).
+   */
+  get asList(): List<Value>;
+
+  /**
+   * Whether this value as a list has brackets.
+   *
+   * All SassScript values can be used as lists. Maps count as lists of pairs,
+   * and all other values count as single-value lists.
+   */
+  get hasBrackets(): boolean;
+
+  /**
+   * Whether the value counts as `true` in an `@if` statement and other
+   * contexts.
+   */
+  get isTruthy(): boolean;
+
+  /**
+   * Returns JavaScript's `null` value if this is {@link sassNull}, and returns
+   * `this` otherwise.
+   */
+  get realNull(): null | Value;
+
+  /**
+   * The separator for this value as a list.
+   *
+   * All SassScript values can be used as lists. Maps count as lists of pairs,
+   * and all other values count as single-value lists.
+   */
+  get separator(): ListSeparator;
+
+  /**
+   * Converts `sassIndex` into a JavaScript-style index into the list returned
+   * by {@link asList}.
+   *
+   * Sass indexes are one-based, while JavaScript indexes are zero-based. Sass
+   * indexes may also be negative in order to index from the end of the list.
+   *
+   * @param sassIndex - The Sass-style index into this as a list.
+   * @param name - The name of the function argument `sassIndex` came from
+   * (without the `$`) if it came from an argument. Used for error reporting.
+   * @throws `Error` If `sassIndex` isn't a number, if that number isn't an
+   * integer, or if that integer isn't a valid index for {@link asList}.
+   */
+  sassIndexToListIndex(sassIndex: Value, name?: string): number;
+
+  /**
+   * Returns the value at index `index` in this value as a list, or `undefined`
+   * if `index` isn't valid for this list.
+   *
+   * All SassScript values can be used as lists. Maps count as lists of pairs,
+   * and all other values count as single-value lists.
+   *
+   * This is a shorthand for `this.asList.get(index)`, although it may be more
+   * efficient in some cases.
+   *
+   * **Heads up!** This method uses the same indexing conventions as the
+   * `immutable` package: unlike Sass the index of the first element is 0, but
+   * like Sass negative numbers index from the end of the list.
+   */
+  get(index: number): Value | undefined;
+
+  /**
+   * Throws if `this` isn't a {@link SassBoolean}.
+   *
+   * **Heads up!** Functions should generally use {@link isTruthy} rather than
+   * requiring a literal boolean.
+   *
+   * @param name - The name of the function argument `this` came from (without
+   * the `$`) if it came from an argument. Used for error reporting.
+   */
+  assertBoolean(name?: string): SassBoolean;
+
+  /**
+   * Throws if `this` isn't a {@link SassCalculation}.
+   *
+   * @param name - The name of the function argument `this` came from (without
+   * the `$`) if it came from an argument. Used for error reporting.
+   */
+  assertCalculation(name?: string): SassCalculation;
+
+  /**
+   * Throws if `this` isn't a {@link SassColor}.
+   *
+   * @param name - The name of the function argument `this` came from (without
+   * the `$`) if it came from an argument. Used for error reporting.
+   */
+  assertColor(name?: string): SassColor;
+
+  /**
+   * Throws if `this` isn't a {@link SassFunction}.
+   *
+   * @param name - The name of the function argument `this` came from (without
+   * the `$`) if it came from an argument. Used for error reporting.
+   */
+  assertFunction(name?: string): SassFunction;
+
+  /**
+   * Throws if `this` isn't a {@link SassMap}.
+   *
+   * @param name - The name of the function argument `this` came from (without
+   * the `$`) if it came from an argument. Used for error reporting.
+   */
+  assertMap(name?: string): SassMap;
+
+  /**
+   * Throws if `this` isn't a {@link SassMixin}.
+   *
+   * @param name - The name of the function argument `this` came from (without
+   * the `$`) if it came from an argument. Used for error reporting.
+   */
+  assertMixin(name?: string): SassMixin;
+
+  /**
+   * Throws if `this` isn't a {@link SassNumber}.
+   *
+   * @param name - The name of the function argument `this` came from (without
+   * the `$`) if it came from an argument. Used for error reporting.
+   */
+  assertNumber(name?: string): SassNumber;
+
+  /**
+   * Throws if `this` isn't a {@link SassString}.
+   *
+   * @param name - The name of the function argument `this` came from (without
+   * the `$`) if it came from an argument. Used for error reporting.
+   */
+  assertString(name?: string): SassString;
+
+  /**
+   * Returns `this` as a map if it counts as one (empty lists count as empty
+   * maps) or `null` if it doesn't.
+   */
+  tryMap(): SassMap | null;
+
+  /** Returns whether `this` represents the same value as `other`. */
+  equals(other: Value): boolean;
+
+  /** Returns a hash code that can be used to store `this` in a hash map. */
+  hashCode(): number;
+
+  /** @hidden */
+  toString(): string;
+}
diff --git a/node_modules/sass/types/value/list.d.ts b/node_modules/sass/types/value/list.d.ts
new file mode 100644
index 0000000..daeccd9
--- /dev/null
+++ b/node_modules/sass/types/value/list.d.ts
@@ -0,0 +1,54 @@
+import {List} from 'immutable';
+
+import {Value} from './index';
+
+/**
+ * Possible separators used by Sass lists. The special separator `null` is only
+ * used for lists with fewer than two elements, and indicates that the separator
+ * has not yet been decided for this list.
+ *
+ * @category Custom Function
+ */
+export type ListSeparator = ',' | '/' | ' ' | null;
+
+/**
+ * Sass's [list type](https://sass-lang.com/documentation/values/lists).
+ *
+ * @category Custom Function
+ */
+export class SassList extends Value {
+  /**
+   * Creates a new list.
+   *
+   * @param contents - The contents of the list. This may be either a plain
+   * JavaScript array or an immutable {@link List} from the [`immutable`
+   * package](https://immutable-js.com/).
+   *
+   * @param options.separator - The separator to use between elements of this
+   * list. Defaults to `','`.
+   *
+   * @param options.brackets - Whether the list has square brackets. Defaults to
+   * `false`.
+   */
+  constructor(
+    contents: Value[] | List<Value>,
+    options?: {
+      separator?: ListSeparator;
+      brackets?: boolean;
+    }
+  );
+
+  /**
+   * Creates an empty list.
+   *
+   * @param options.separator - The separator to use between elements of this
+   * list. Defaults to `','`.
+   *
+   * @param options.brackets - Whether the list has square brackets. Defaults to
+   * `false`.
+   */
+  constructor(options?: {separator?: ListSeparator; brackets?: boolean});
+
+  /** @hidden */
+  get separator(): ListSeparator;
+}
diff --git a/node_modules/sass/types/value/map.d.ts b/node_modules/sass/types/value/map.d.ts
new file mode 100644
index 0000000..60edb9c
--- /dev/null
+++ b/node_modules/sass/types/value/map.d.ts
@@ -0,0 +1,41 @@
+import {OrderedMap} from 'immutable';
+
+import {SassList} from './list';
+import {Value} from './index';
+
+/**
+ * Sass's [map type](https://sass-lang.com/documentation/values/maps).
+ *
+ * @category Custom Function
+ */
+export class SassMap extends Value {
+  /**
+   * Creates a new map.
+   *
+   * @param contents - The contents of the map. This is an immutable
+   * `OrderedMap` from the [`immutable` package](https://immutable-js.com/).
+   * Defaults to an empty map.
+   */
+  constructor(contents?: OrderedMap<Value, Value>);
+
+  /**
+   * Returns the contents of this map as an immutable {@link OrderedMap} from the
+   * [`immutable` package](https://immutable-js.com/).
+   */
+  get contents(): OrderedMap<Value, Value>;
+
+  /**
+   * Returns the value associated with `key` in this map, or `undefined` if
+   * `key` isn't in the map.
+   *
+   * This is a shorthand for `this.contents.get(key)`, although it may be more
+   * efficient in some cases.
+   */
+  get(key: Value): Value | undefined;
+
+  /** Inherited from {@link Value.get}. */
+  get(index: number): SassList | undefined;
+
+  /** @hidden */
+  tryMap(): SassMap;
+}
diff --git a/node_modules/sass/types/value/mixin.d.ts b/node_modules/sass/types/value/mixin.d.ts
new file mode 100644
index 0000000..44af996
--- /dev/null
+++ b/node_modules/sass/types/value/mixin.d.ts
@@ -0,0 +1,14 @@
+import {Value} from './index';
+
+/**
+ * Sass's [mixin type](https://sass-lang.com/documentation/values/mixins).
+ *
+ * @category Custom Function
+ */
+export class SassMixin extends Value {
+  /**
+   * It is not possible to construct a Sass mixin outside of Sass. Attempting to
+   * construct one will throw an exception.
+   */
+  constructor();
+}
diff --git a/node_modules/sass/types/value/number.d.ts b/node_modules/sass/types/value/number.d.ts
new file mode 100644
index 0000000..ba30413
--- /dev/null
+++ b/node_modules/sass/types/value/number.d.ts
@@ -0,0 +1,305 @@
+import {List} from 'immutable';
+
+import {Value} from './index';
+
+/**
+ * Sass's [number type](https://sass-lang.com/documentation/values/numbers).
+ *
+ * @category Custom Function
+ */
+export class SassNumber extends Value {
+  /**
+   * Creates a new number with more complex units than just a single numerator.
+   *
+   * Upon construction, any compatible numerator and denominator units are
+   * simplified away according to the conversion factor between them.
+   *
+   * @param value - The number's numeric value.
+   *
+   * @param unit - If this is a string, it's used as the single numerator unit
+   * for the number.
+   *
+   * @param unit.numeratorUnits - If passed, these are the numerator units to
+   * use for the number. This may be either a plain JavaScript array or an
+   * immutable {@link List} from the [`immutable`
+   * package](https://immutable-js.com/).
+   *
+   * @param unit.denominatorUnits - If passed, these are the denominator units
+   * to use for the number. This may be either a plain JavaScript array or an
+   * immutable {@link List} from the [`immutable`
+   * package](https://immutable-js.com/).
+   */
+  constructor(
+    value: number,
+    unit?:
+      | string
+      | {
+          numeratorUnits?: string[] | List<string>;
+          denominatorUnits?: string[] | List<string>;
+        }
+  );
+
+  /** This number's numeric value. */
+  get value(): number;
+
+  /** Whether {@link value} is an integer according to Sass's equality logic. */
+  get isInt(): boolean;
+
+  /**
+   * If {@link value} is an integer according to {@link isInt}, returns {@link
+   * value} rounded to that integer. If it's not an integer, returns `null`.
+   */
+  get asInt(): number | null;
+
+  /**
+   * This number's numerator units as an immutable {@link List} from the
+   * [`immutable` package](https://immutable-js.com/).
+   */
+  get numeratorUnits(): List<string>;
+
+  /**
+   * This number's denominator units as an immutable {@link List} from the
+   * [`immutable` package](https://immutable-js.com/).
+   */
+  get denominatorUnits(): List<string>;
+
+  /** Whether this number has any numerator or denominator units. */
+  get hasUnits(): boolean;
+
+  /**
+   * If {@link value} is an integer according to {@link isInt}, returns it
+   * rounded to that integer. Otherwise, throws an error.
+   *
+   * @param name - The name of the function argument `this` came from (without
+   * the `$`) if it came from an argument. Used for error reporting.
+   */
+  assertInt(name?: string): number;
+
+  /**
+   * Returns {@link value} if it's within `min` and `max`. If {@link value} is
+   * equal to `min` or `max` according to Sass's equality, returns `min` or
+   * `max` respectively. Otherwise, throws an error.
+   *
+   * @param name - The name of the function argument `this` came from (without
+   * the `$`) if it came from an argument. Used for error reporting.
+   */
+  assertInRange(min: number, max: number, name?: string): number;
+
+  /**
+   * If this number has no units, returns it. Otherwise, throws an error.
+   *
+   * @param name - The name of the function argument `this` came from (without
+   * the `$`) if it came from an argument. Used for error reporting.
+   */
+  assertNoUnits(name?: string): SassNumber;
+
+  /**
+   * If this number has `unit` as its only unit (and as a numerator), returns
+   * this number. Otherwise, throws an error.
+   *
+   * @param name - The name of the function argument `this` came from (without
+   * the `$`) if it came from an argument. Used for error reporting.
+   */
+  assertUnit(unit: string, name?: string): SassNumber;
+
+  /** Whether this number has `unit` as its only unit (and as a numerator). */
+  hasUnit(unit: string): boolean;
+
+  /**
+   * Whether this has exactly one numerator unit, and that unit is compatible
+   * with `unit`.
+   */
+  compatibleWithUnit(unit: string): boolean;
+
+  /**
+   * Returns a copy of this number, converted to the units represented by
+   * `newNumerators` and `newDenominators`.
+   *
+   * @throws `Error` if this number's units are incompatible with
+   * `newNumerators` and `newDenominators`; or if this number is unitless and
+   * either `newNumerators` or `newDenominators` are not empty, or vice-versa.
+   *
+   * @param newNumerators - The numerator units to convert this number to. This
+   * may be either a plain JavaScript array or an immutable {@link List} from
+   * the [`immutable` package](https://immutable-js.com/).
+   *
+   * @param newDenominators - The denominator units to convert this number to.
+   * This may be either a plain JavaScript array or an immutable {@link List}
+   * from the [`immutable` package](https://immutable-js.com/).
+   *
+   * @param name - The name of the function argument `this` came from (without
+   * the `$`) if it came from an argument. Used for error reporting.
+   */
+  convert(
+    newNumerators: string[] | List<string>,
+    newDenominators: string[] | List<string>,
+    name?: string
+  ): SassNumber;
+
+  /**
+   * Returns a copy of this number, converted to the same units as `other`.
+   *
+   * @throws `Error` if this number's units are incompatible with `other`'s
+   * units, or if either number is unitless but the other is not.
+   *
+   * @param name - The name of the function argument `this` came from (without
+   * the `$`) if it came from an argument. Used for error reporting.
+   *
+   * @param otherName - The name of the function argument `other` came from
+   * (without the `$`) if it came from an argument. Used for error reporting.
+   */
+  convertToMatch(
+    other: SassNumber,
+    name?: string,
+    otherName?: string
+  ): SassNumber;
+
+  /**
+   * Returns {@link value}, converted to the units represented by
+   * `newNumerators` and `newDenominators`.
+   *
+   * @throws `Error` if this number's units are incompatible with
+   * `newNumerators` and `newDenominators`; or if this number is unitless and
+   * either `newNumerators` or `newDenominators` are not empty, or vice-versa.
+   *
+   * @param newNumerators - The numerator units to convert {@link value} to.
+   * This may be either a plain JavaScript array or an immutable {@link List}
+   * from the [`immutable` package](https://immutable-js.com/).
+   *
+   * @param newDenominators - The denominator units to convert {@link value} to.
+   * This may be either a plain JavaScript array or an immutable {@link List}
+   * from the [`immutable` package](https://immutable-js.com/).
+   *
+   * @param name - The name of the function argument `this` came from (without
+   * the `$`) if it came from an argument. Used for error reporting.
+   */
+  convertValue(
+    newNumerators: string[] | List<string>,
+    newDenominators: string[] | List<string>,
+    name?: string
+  ): number;
+
+  /**
+   * Returns {@link value}, converted to the same units as `other`.
+   *
+   * @throws `Error` if this number's units are incompatible with `other`'s
+   * units, or if either number is unitless but the other is not.
+   *
+   * @param name - The name of the function argument `this` came from (without
+   * the `$`) if it came from an argument. Used for error reporting.
+   *
+   * @param otherName - The name of the function argument `other` came from
+   * (without the `$`) if it came from an argument. Used for error reporting.
+   */
+  convertValueToMatch(
+    other: SassNumber,
+    name?: string,
+    otherName?: string
+  ): number;
+
+  /**
+   * Returns a copy of this number, converted to the units represented by
+   * `newNumerators` and `newDenominators`.
+   *
+   * Unlike {@link convert} this does *not* throw an error if this number is
+   * unitless and either `newNumerators` or `newDenominators` are not empty, or
+   * vice-versa. Instead, it treats all unitless numbers as convertible to and
+   * from all units without changing the value.
+   *
+   * @throws `Error` if this number's units are incompatible with
+   * `newNumerators` and `newDenominators`.
+   *
+   * @param newNumerators - The numerator units to convert this number to. This
+   * may be either a plain JavaScript array or an immutable {@link List} from
+   * the [`immutable` package](https://immutable-js.com/).
+   *
+   * @param newDenominators - The denominator units to convert this number to.
+   * This may be either a plain JavaScript array or an immutable {@link List}
+   * from the [`immutable` package](https://immutable-js.com/).
+   *
+   * @param name - The name of the function argument `this` came from (without
+   * the `$`) if it came from an argument. Used for error reporting.
+   */
+  coerce(
+    newNumerators: string[] | List<string>,
+    newDenominators: string[] | List<string>,
+    name?: string
+  ): SassNumber;
+
+  /**
+   * Returns a copy of this number, converted to the units represented by
+   * `newNumerators` and `newDenominators`.
+   *
+   * Unlike {@link convertToMatch} this does *not* throw an error if this number
+   * is unitless and either `newNumerators` or `newDenominators` are not empty,
+   * or vice-versa. Instead, it treats all unitless numbers as convertible to
+   * and from all units without changing the value.
+   *
+   * @throws `Error` if this number's units are incompatible with `other`'s
+   * units.
+   *
+   * @param name - The name of the function argument `this` came from (without
+   * the `$`) if it came from an argument. Used for error reporting.
+   *
+   * @param otherName - The name of the function argument `other` came from
+   * (without the `$`) if it came from an argument. Used for error reporting.
+   */
+  coerceToMatch(
+    other: SassNumber,
+    name?: string,
+    otherName?: string
+  ): SassNumber;
+
+  /**
+   * Returns {@link value}, converted to the units represented by
+   * `newNumerators` and `newDenominators`.
+   *
+   * Unlike {@link convertValue} this does *not* throw an error if this number
+   * is unitless and either `newNumerators` or `newDenominators` are not empty,
+   * or vice-versa. Instead, it treats all unitless numbers as convertible to
+   * and from all units without changing the value.
+   *
+   * @throws `Error` if this number's units are incompatible with
+   * `newNumerators` and `newDenominators`.
+   *
+   * @param newNumerators - The numerator units to convert {@link value} to.
+   * This may be either a plain JavaScript array or an immutable {@link List}
+   * from the [`immutable` package](https://immutable-js.com/).
+   *
+   * @param newDenominators - The denominator units to convert {@link value} to.
+   * This may be either a plain JavaScript array or an immutable {@link List}
+   * from the [`immutable` package](https://immutable-js.com/).
+   *
+   * @param name - The name of the function argument `this` came from (without
+   * the `$`) if it came from an argument. Used for error reporting.
+   */
+  coerceValue(
+    newNumerators: string[] | List<string>,
+    newDenominators: string[] | List<string>,
+    name?: string
+  ): number;
+
+  /**
+   * Returns {@link value}, converted to the units represented by
+   * `newNumerators` and `newDenominators`.
+   *
+   * Unlike {@link convertValueToMatch} this does *not* throw an error if this
+   * number is unitless and either `newNumerators` or `newDenominators` are not
+   * empty, or vice-versa. Instead, it treats all unitless numbers as
+   * convertible to and from all units without changing the value.
+   *
+   * @throws `Error` if this number's units are incompatible with `other`'s
+   * units.
+   *
+   * @param name - The name of the function argument `this` came from (without
+   * the `$`) if it came from an argument. Used for error reporting.
+   *
+   * @param otherName - The name of the function argument `other` came from
+   * (without the `$`) if it came from an argument. Used for error reporting.
+   */
+  coerceValueToMatch(
+    other: SassNumber,
+    name?: string,
+    otherName?: string
+  ): number;
+}
diff --git a/node_modules/sass/types/value/string.d.ts b/node_modules/sass/types/value/string.d.ts
new file mode 100644
index 0000000..586b69b
--- /dev/null
+++ b/node_modules/sass/types/value/string.d.ts
@@ -0,0 +1,84 @@
+import {Value} from './index';
+
+/**
+ * Sass's [string type](https://sass-lang.com/documentation/values/strings).
+ *
+ * @category Custom Function
+ */
+export class SassString extends Value {
+  /**
+   * Creates a new string.
+   *
+   * @param text - The contents of the string. For quoted strings, this is the
+   * semantic content—any escape sequences that were been written in the source
+   * text are resolved to their Unicode values. For unquoted strings, though,
+   * escape sequences are preserved as literal backslashes.
+   *
+   * @param options.quotes - Whether the string is quoted. Defaults to `true`.
+   */
+  constructor(
+    text: string,
+    options?: {
+      quotes?: boolean;
+    }
+  );
+
+  /**
+   * Creates an empty string.
+   *
+   * @param options.quotes - Whether the string is quoted. Defaults to `true`.
+   */
+  constructor(options?: {quotes?: boolean});
+
+  /**
+   * The contents of the string.
+   *
+   * For quoted strings, this is the semantic content—any escape sequences that
+   * were been written in the source text are resolved to their Unicode values.
+   * For unquoted strings, though, escape sequences are preserved as literal
+   * backslashes.
+   *
+   * This difference allows us to distinguish between identifiers with escapes,
+   * such as `url\u28 http://example.com\u29`, and unquoted strings that contain
+   * characters that aren't valid in identifiers, such as
+   * `url(http://example.com)`. Unfortunately, it also means that we don't
+   * consider `foo` and `f\6F\6F` the same string.
+   */
+  get text(): string;
+
+  /** Whether this string has quotes. */
+  get hasQuotes(): boolean;
+
+  /**
+   * Sass's notion of this string's length.
+   *
+   * Sass treats strings as a series of Unicode code points while JavaScript
+   * treats them as a series of UTF-16 code units. For example, the character
+   * U+1F60A SMILING FACE WITH SMILING EYES is a single Unicode code point but
+   * is represented in UTF-16 as two code units (`0xD83D` and `0xDE0A`). So in
+   * JavaScript, `"n😊b".length` returns `4`, whereas in Sass
+   * `string.length("n😊b")` returns `3`.
+   */
+  get sassLength(): number;
+
+  /**
+   * Converts `sassIndex` to a JavaScript index into {@link text}.
+   *
+   * Sass indices are one-based, while JavaScript indices are zero-based. Sass
+   * indices may also be negative in order to index from the end of the string.
+   *
+   * In addition, Sass indices refer to Unicode code points while JavaScript
+   * string indices refer to UTF-16 code units. For example, the character
+   * U+1F60A SMILING FACE WITH SMILING EYES is a single Unicode code point but
+   * is represented in UTF-16 as two code units (`0xD83D` and `0xDE0A`). So in
+   * JavaScript, `"n😊b".charCodeAt(1)` returns `0xD83D`, whereas in Sass
+   * `string.slice("n😊b", 1, 1)` returns `"😊"`.
+   *
+   * This function converts Sass's code point indices to JavaScript's code unit
+   * indices. This means it's O(n) in the length of `text`.
+   *
+   * @throws `Error` - If `sassIndex` isn't a number, if that number isn't an
+   * integer, or if that integer isn't a valid index for this string.
+   */
+  sassIndexToStringIndex(sassIndex: Value, name?: string): number;
+}
diff --git a/node_modules/source-map-js/LICENSE b/node_modules/source-map-js/LICENSE
new file mode 100644
index 0000000..ed1b7cf
--- /dev/null
+++ b/node_modules/source-map-js/LICENSE
@@ -0,0 +1,28 @@
+
+Copyright (c) 2009-2011, Mozilla Foundation and contributors
+All rights reserved.
+
+Redistribution and use in source and binary forms, with or without
+modification, are permitted provided that the following conditions are met:
+
+* Redistributions of source code must retain the above copyright notice, this
+  list of conditions and the following disclaimer.
+
+* Redistributions in binary form must reproduce the above copyright notice,
+  this list of conditions and the following disclaimer in the documentation
+  and/or other materials provided with the distribution.
+
+* Neither the names of the Mozilla Foundation nor the names of project
+  contributors may be used to endorse or promote products derived from this
+  software without specific prior written permission.
+
+THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND
+ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
+WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
+DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE LIABLE
+FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL
+DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR
+SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER
+CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY,
+OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
+OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
diff --git a/node_modules/source-map-js/README.md b/node_modules/source-map-js/README.md
new file mode 100644
index 0000000..614962d
--- /dev/null
+++ b/node_modules/source-map-js/README.md
@@ -0,0 +1,765 @@
+# Source Map JS
+
+[![NPM](https://nodei.co/npm/source-map-js.png?downloads=true&downloadRank=true)](https://www.npmjs.com/package/source-map-js)
+
+Difference between original [source-map](https://github.com/mozilla/source-map):
+
+> TL,DR: it's fork of original source-map@0.6, but with perfomance optimizations.
+
+This journey starts from [source-map@0.7.0](https://github.com/mozilla/source-map/blob/master/CHANGELOG.md#070). Some part of it was rewritten to Rust and WASM and API became async.
+
+It's still a major block for many libraries like PostCSS or Sass for example because they need to migrate the whole API to the async way. This is the reason why 0.6.1 has 2x more downloads than 0.7.3 while it's faster several times.
+
+![Downloads count](media/downloads.png)
+
+More important that WASM version has some optimizations in JS code too. This is why [community asked to create branch for 0.6 version](https://github.com/mozilla/source-map/issues/324) and port these optimizations but, sadly, the answer was «no». A bit later I discovered [the issue](https://github.com/mozilla/source-map/issues/370) created by [Ben Rothman (@benthemonkey)](https://github.com/benthemonkey) with no response at all.
+
+[Roman Dvornov (@lahmatiy)](https://github.com/lahmatiy) wrote a [serveral posts](https://t.me/gorshochekvarit/76) (russian, only, sorry) about source-map library in his own Telegram channel. He mentioned the article [«Maybe you don't need Rust and WASM to speed up your JS»](https://mrale.ph/blog/2018/02/03/maybe-you-dont-need-rust-to-speed-up-your-js.html) written by [Vyacheslav Egorov (@mraleph)](https://github.com/mraleph). This article contains optimizations and hacks that lead to almost the same performance compare to WASM implementation.
+
+I decided to fork the original source-map and port these optimizations from the article and several others PR from the original source-map.
+
+---------
+
+This is a library to generate and consume the source map format
+[described here][format].
+
+[format]: https://docs.google.com/document/d/1U1RGAehQwRypUTovF1KRlpiOFze0b-_2gc6fAH0KY0k/edit
+
+## Use with Node
+
+    $ npm install source-map-js
+
+<!-- ## Use on the Web
+
+    <script src="https://raw.githubusercontent.com/mozilla/source-map/master/dist/source-map.min.js" defer></script> -->
+
+--------------------------------------------------------------------------------
+
+<!-- `npm run toc` to regenerate the Table of Contents -->
+
+<!-- START doctoc generated TOC please keep comment here to allow auto update -->
+<!-- DON'T EDIT THIS SECTION, INSTEAD RE-RUN doctoc TO UPDATE -->
+## Table of Contents
+
+- [Examples](#examples)
+  - [Consuming a source map](#consuming-a-source-map)
+  - [Generating a source map](#generating-a-source-map)
+    - [With SourceNode (high level API)](#with-sourcenode-high-level-api)
+    - [With SourceMapGenerator (low level API)](#with-sourcemapgenerator-low-level-api)
+- [API](#api)
+  - [SourceMapConsumer](#sourcemapconsumer)
+    - [new SourceMapConsumer(rawSourceMap)](#new-sourcemapconsumerrawsourcemap)
+    - [SourceMapConsumer.prototype.computeColumnSpans()](#sourcemapconsumerprototypecomputecolumnspans)
+    - [SourceMapConsumer.prototype.originalPositionFor(generatedPosition)](#sourcemapconsumerprototypeoriginalpositionforgeneratedposition)
+    - [SourceMapConsumer.prototype.generatedPositionFor(originalPosition)](#sourcemapconsumerprototypegeneratedpositionfororiginalposition)
+    - [SourceMapConsumer.prototype.allGeneratedPositionsFor(originalPosition)](#sourcemapconsumerprototypeallgeneratedpositionsfororiginalposition)
+    - [SourceMapConsumer.prototype.hasContentsOfAllSources()](#sourcemapconsumerprototypehascontentsofallsources)
+    - [SourceMapConsumer.prototype.sourceContentFor(source[, returnNullOnMissing])](#sourcemapconsumerprototypesourcecontentforsource-returnnullonmissing)
+    - [SourceMapConsumer.prototype.eachMapping(callback, context, order)](#sourcemapconsumerprototypeeachmappingcallback-context-order)
+  - [SourceMapGenerator](#sourcemapgenerator)
+    - [new SourceMapGenerator([startOfSourceMap])](#new-sourcemapgeneratorstartofsourcemap)
+    - [SourceMapGenerator.fromSourceMap(sourceMapConsumer)](#sourcemapgeneratorfromsourcemapsourcemapconsumer)
+    - [SourceMapGenerator.prototype.addMapping(mapping)](#sourcemapgeneratorprototypeaddmappingmapping)
+    - [SourceMapGenerator.prototype.setSourceContent(sourceFile, sourceContent)](#sourcemapgeneratorprototypesetsourcecontentsourcefile-sourcecontent)
+    - [SourceMapGenerator.prototype.applySourceMap(sourceMapConsumer[, sourceFile[, sourceMapPath]])](#sourcemapgeneratorprototypeapplysourcemapsourcemapconsumer-sourcefile-sourcemappath)
+    - [SourceMapGenerator.prototype.toString()](#sourcemapgeneratorprototypetostring)
+  - [SourceNode](#sourcenode)
+    - [new SourceNode([line, column, source[, chunk[, name]]])](#new-sourcenodeline-column-source-chunk-name)
+    - [SourceNode.fromStringWithSourceMap(code, sourceMapConsumer[, relativePath])](#sourcenodefromstringwithsourcemapcode-sourcemapconsumer-relativepath)
+    - [SourceNode.prototype.add(chunk)](#sourcenodeprototypeaddchunk)
+    - [SourceNode.prototype.prepend(chunk)](#sourcenodeprototypeprependchunk)
+    - [SourceNode.prototype.setSourceContent(sourceFile, sourceContent)](#sourcenodeprototypesetsourcecontentsourcefile-sourcecontent)
+    - [SourceNode.prototype.walk(fn)](#sourcenodeprototypewalkfn)
+    - [SourceNode.prototype.walkSourceContents(fn)](#sourcenodeprototypewalksourcecontentsfn)
+    - [SourceNode.prototype.join(sep)](#sourcenodeprototypejoinsep)
+    - [SourceNode.prototype.replaceRight(pattern, replacement)](#sourcenodeprototypereplacerightpattern-replacement)
+    - [SourceNode.prototype.toString()](#sourcenodeprototypetostring)
+    - [SourceNode.prototype.toStringWithSourceMap([startOfSourceMap])](#sourcenodeprototypetostringwithsourcemapstartofsourcemap)
+
+<!-- END doctoc generated TOC please keep comment here to allow auto update -->
+
+## Examples
+
+### Consuming a source map
+
+```js
+var rawSourceMap = {
+  version: 3,
+  file: 'min.js',
+  names: ['bar', 'baz', 'n'],
+  sources: ['one.js', 'two.js'],
+  sourceRoot: 'http://example.com/www/js/',
+  mappings: 'CAAC,IAAI,IAAM,SAAUA,GAClB,OAAOC,IAAID;CCDb,IAAI,IAAM,SAAUE,GAClB,OAAOA'
+};
+
+var smc = new SourceMapConsumer(rawSourceMap);
+
+console.log(smc.sources);
+// [ 'http://example.com/www/js/one.js',
+//   'http://example.com/www/js/two.js' ]
+
+console.log(smc.originalPositionFor({
+  line: 2,
+  column: 28
+}));
+// { source: 'http://example.com/www/js/two.js',
+//   line: 2,
+//   column: 10,
+//   name: 'n' }
+
+console.log(smc.generatedPositionFor({
+  source: 'http://example.com/www/js/two.js',
+  line: 2,
+  column: 10
+}));
+// { line: 2, column: 28 }
+
+smc.eachMapping(function (m) {
+  // ...
+});
+```
+
+### Generating a source map
+
+In depth guide:
+[**Compiling to JavaScript, and Debugging with Source Maps**](https://hacks.mozilla.org/2013/05/compiling-to-javascript-and-debugging-with-source-maps/)
+
+#### With SourceNode (high level API)
+
+```js
+function compile(ast) {
+  switch (ast.type) {
+  case 'BinaryExpression':
+    return new SourceNode(
+      ast.location.line,
+      ast.location.column,
+      ast.location.source,
+      [compile(ast.left), " + ", compile(ast.right)]
+    );
+  case 'Literal':
+    return new SourceNode(
+      ast.location.line,
+      ast.location.column,
+      ast.location.source,
+      String(ast.value)
+    );
+  // ...
+  default:
+    throw new Error("Bad AST");
+  }
+}
+
+var ast = parse("40 + 2", "add.js");
+console.log(compile(ast).toStringWithSourceMap({
+  file: 'add.js'
+}));
+// { code: '40 + 2',
+//   map: [object SourceMapGenerator] }
+```
+
+#### With SourceMapGenerator (low level API)
+
+```js
+var map = new SourceMapGenerator({
+  file: "source-mapped.js"
+});
+
+map.addMapping({
+  generated: {
+    line: 10,
+    column: 35
+  },
+  source: "foo.js",
+  original: {
+    line: 33,
+    column: 2
+  },
+  name: "christopher"
+});
+
+console.log(map.toString());
+// '{"version":3,"file":"source-mapped.js","sources":["foo.js"],"names":["christopher"],"mappings":";;;;;;;;;mCAgCEA"}'
+```
+
+## API
+
+Get a reference to the module:
+
+```js
+// Node.js
+var sourceMap = require('source-map');
+
+// Browser builds
+var sourceMap = window.sourceMap;
+
+// Inside Firefox
+const sourceMap = require("devtools/toolkit/sourcemap/source-map.js");
+```
+
+### SourceMapConsumer
+
+A SourceMapConsumer instance represents a parsed source map which we can query
+for information about the original file positions by giving it a file position
+in the generated source.
+
+#### new SourceMapConsumer(rawSourceMap)
+
+The only parameter is the raw source map (either as a string which can be
+`JSON.parse`'d, or an object). According to the spec, source maps have the
+following attributes:
+
+* `version`: Which version of the source map spec this map is following.
+
+* `sources`: An array of URLs to the original source files.
+
+* `names`: An array of identifiers which can be referenced by individual
+  mappings.
+
+* `sourceRoot`: Optional. The URL root from which all sources are relative.
+
+* `sourcesContent`: Optional. An array of contents of the original source files.
+
+* `mappings`: A string of base64 VLQs which contain the actual mappings.
+
+* `file`: Optional. The generated filename this source map is associated with.
+
+```js
+var consumer = new sourceMap.SourceMapConsumer(rawSourceMapJsonData);
+```
+
+#### SourceMapConsumer.prototype.computeColumnSpans()
+
+Compute the last column for each generated mapping. The last column is
+inclusive.
+
+```js
+// Before:
+consumer.allGeneratedPositionsFor({ line: 2, source: "foo.coffee" })
+// [ { line: 2,
+//     column: 1 },
+//   { line: 2,
+//     column: 10 },
+//   { line: 2,
+//     column: 20 } ]
+
+consumer.computeColumnSpans();
+
+// After:
+consumer.allGeneratedPositionsFor({ line: 2, source: "foo.coffee" })
+// [ { line: 2,
+//     column: 1,
+//     lastColumn: 9 },
+//   { line: 2,
+//     column: 10,
+//     lastColumn: 19 },
+//   { line: 2,
+//     column: 20,
+//     lastColumn: Infinity } ]
+
+```
+
+#### SourceMapConsumer.prototype.originalPositionFor(generatedPosition)
+
+Returns the original source, line, and column information for the generated
+source's line and column positions provided. The only argument is an object with
+the following properties:
+
+* `line`: The line number in the generated source.  Line numbers in
+  this library are 1-based (note that the underlying source map
+  specification uses 0-based line numbers -- this library handles the
+  translation).
+
+* `column`: The column number in the generated source.  Column numbers
+  in this library are 0-based.
+
+* `bias`: Either `SourceMapConsumer.GREATEST_LOWER_BOUND` or
+  `SourceMapConsumer.LEAST_UPPER_BOUND`. Specifies whether to return the closest
+  element that is smaller than or greater than the one we are searching for,
+  respectively, if the exact element cannot be found.  Defaults to
+  `SourceMapConsumer.GREATEST_LOWER_BOUND`.
+
+and an object is returned with the following properties:
+
+* `source`: The original source file, or null if this information is not
+  available.
+
+* `line`: The line number in the original source, or null if this information is
+  not available.  The line number is 1-based.
+
+* `column`: The column number in the original source, or null if this
+  information is not available.  The column number is 0-based.
+
+* `name`: The original identifier, or null if this information is not available.
+
+```js
+consumer.originalPositionFor({ line: 2, column: 10 })
+// { source: 'foo.coffee',
+//   line: 2,
+//   column: 2,
+//   name: null }
+
+consumer.originalPositionFor({ line: 99999999999999999, column: 999999999999999 })
+// { source: null,
+//   line: null,
+//   column: null,
+//   name: null }
+```
+
+#### SourceMapConsumer.prototype.generatedPositionFor(originalPosition)
+
+Returns the generated line and column information for the original source,
+line, and column positions provided. The only argument is an object with
+the following properties:
+
+* `source`: The filename of the original source.
+
+* `line`: The line number in the original source.  The line number is
+  1-based.
+
+* `column`: The column number in the original source.  The column
+  number is 0-based.
+
+and an object is returned with the following properties:
+
+* `line`: The line number in the generated source, or null.  The line
+  number is 1-based.
+
+* `column`: The column number in the generated source, or null.  The
+  column number is 0-based.
+
+```js
+consumer.generatedPositionFor({ source: "example.js", line: 2, column: 10 })
+// { line: 1,
+//   column: 56 }
+```
+
+#### SourceMapConsumer.prototype.allGeneratedPositionsFor(originalPosition)
+
+Returns all generated line and column information for the original source, line,
+and column provided. If no column is provided, returns all mappings
+corresponding to a either the line we are searching for or the next closest line
+that has any mappings. Otherwise, returns all mappings corresponding to the
+given line and either the column we are searching for or the next closest column
+that has any offsets.
+
+The only argument is an object with the following properties:
+
+* `source`: The filename of the original source.
+
+* `line`: The line number in the original source.  The line number is
+  1-based.
+
+* `column`: Optional. The column number in the original source.  The
+  column number is 0-based.
+
+and an array of objects is returned, each with the following properties:
+
+* `line`: The line number in the generated source, or null.  The line
+  number is 1-based.
+
+* `column`: The column number in the generated source, or null.  The
+  column number is 0-based.
+
+```js
+consumer.allGeneratedpositionsfor({ line: 2, source: "foo.coffee" })
+// [ { line: 2,
+//     column: 1 },
+//   { line: 2,
+//     column: 10 },
+//   { line: 2,
+//     column: 20 } ]
+```
+
+#### SourceMapConsumer.prototype.hasContentsOfAllSources()
+
+Return true if we have the embedded source content for every source listed in
+the source map, false otherwise.
+
+In other words, if this method returns `true`, then
+`consumer.sourceContentFor(s)` will succeed for every source `s` in
+`consumer.sources`.
+
+```js
+// ...
+if (consumer.hasContentsOfAllSources()) {
+  consumerReadyCallback(consumer);
+} else {
+  fetchSources(consumer, consumerReadyCallback);
+}
+// ...
+```
+
+#### SourceMapConsumer.prototype.sourceContentFor(source[, returnNullOnMissing])
+
+Returns the original source content for the source provided. The only
+argument is the URL of the original source file.
+
+If the source content for the given source is not found, then an error is
+thrown. Optionally, pass `true` as the second param to have `null` returned
+instead.
+
+```js
+consumer.sources
+// [ "my-cool-lib.clj" ]
+
+consumer.sourceContentFor("my-cool-lib.clj")
+// "..."
+
+consumer.sourceContentFor("this is not in the source map");
+// Error: "this is not in the source map" is not in the source map
+
+consumer.sourceContentFor("this is not in the source map", true);
+// null
+```
+
+#### SourceMapConsumer.prototype.eachMapping(callback, context, order)
+
+Iterate over each mapping between an original source/line/column and a
+generated line/column in this source map.
+
+* `callback`: The function that is called with each mapping. Mappings have the
+  form `{ source, generatedLine, generatedColumn, originalLine, originalColumn,
+  name }`
+
+* `context`: Optional. If specified, this object will be the value of `this`
+  every time that `callback` is called.
+
+* `order`: Either `SourceMapConsumer.GENERATED_ORDER` or
+  `SourceMapConsumer.ORIGINAL_ORDER`. Specifies whether you want to iterate over
+  the mappings sorted by the generated file's line/column order or the
+  original's source/line/column order, respectively. Defaults to
+  `SourceMapConsumer.GENERATED_ORDER`.
+
+```js
+consumer.eachMapping(function (m) { console.log(m); })
+// ...
+// { source: 'illmatic.js',
+//   generatedLine: 1,
+//   generatedColumn: 0,
+//   originalLine: 1,
+//   originalColumn: 0,
+//   name: null }
+// { source: 'illmatic.js',
+//   generatedLine: 2,
+//   generatedColumn: 0,
+//   originalLine: 2,
+//   originalColumn: 0,
+//   name: null }
+// ...
+```
+### SourceMapGenerator
+
+An instance of the SourceMapGenerator represents a source map which is being
+built incrementally.
+
+#### new SourceMapGenerator([startOfSourceMap])
+
+You may pass an object with the following properties:
+
+* `file`: The filename of the generated source that this source map is
+  associated with.
+
+* `sourceRoot`: A root for all relative URLs in this source map.
+
+* `skipValidation`: Optional. When `true`, disables validation of mappings as
+  they are added. This can improve performance but should be used with
+  discretion, as a last resort. Even then, one should avoid using this flag when
+  running tests, if possible.
+
+* `ignoreInvalidMapping`: Optional. When `true`, instead of throwing error on
+  invalid mapping, it will be ignored.
+
+```js
+var generator = new sourceMap.SourceMapGenerator({
+  file: "my-generated-javascript-file.js",
+  sourceRoot: "http://example.com/app/js/"
+});
+```
+
+#### SourceMapGenerator.fromSourceMap(sourceMapConsumer, sourceMapGeneratorOptions)
+
+Creates a new `SourceMapGenerator` from an existing `SourceMapConsumer` instance.
+
+* `sourceMapConsumer` The SourceMap.
+
+* `sourceMapGeneratorOptions` options that will be passed to the SourceMapGenerator constructor which used under the hood.
+
+```js
+var generator = sourceMap.SourceMapGenerator.fromSourceMap(consumer, {
+  ignoreInvalidMapping: true,
+});
+```
+
+#### SourceMapGenerator.prototype.addMapping(mapping)
+
+Add a single mapping from original source line and column to the generated
+source's line and column for this source map being created. The mapping object
+should have the following properties:
+
+* `generated`: An object with the generated line and column positions.
+
+* `original`: An object with the original line and column positions.
+
+* `source`: The original source file (relative to the sourceRoot).
+
+* `name`: An optional original token name for this mapping.
+
+```js
+generator.addMapping({
+  source: "module-one.scm",
+  original: { line: 128, column: 0 },
+  generated: { line: 3, column: 456 }
+})
+```
+
+#### SourceMapGenerator.prototype.setSourceContent(sourceFile, sourceContent)
+
+Set the source content for an original source file.
+
+* `sourceFile` the URL of the original source file.
+
+* `sourceContent` the content of the source file.
+
+```js
+generator.setSourceContent("module-one.scm",
+                           fs.readFileSync("path/to/module-one.scm"))
+```
+
+#### SourceMapGenerator.prototype.applySourceMap(sourceMapConsumer[, sourceFile[, sourceMapPath]])
+
+Applies a SourceMap for a source file to the SourceMap.
+Each mapping to the supplied source file is rewritten using the
+supplied SourceMap. Note: The resolution for the resulting mappings
+is the minimum of this map and the supplied map.
+
+* `sourceMapConsumer`: The SourceMap to be applied.
+
+* `sourceFile`: Optional. The filename of the source file.
+  If omitted, sourceMapConsumer.file will be used, if it exists.
+  Otherwise an error will be thrown.
+
+* `sourceMapPath`: Optional. The dirname of the path to the SourceMap
+  to be applied. If relative, it is relative to the SourceMap.
+
+  This parameter is needed when the two SourceMaps aren't in the same
+  directory, and the SourceMap to be applied contains relative source
+  paths. If so, those relative source paths need to be rewritten
+  relative to the SourceMap.
+
+  If omitted, it is assumed that both SourceMaps are in the same directory,
+  thus not needing any rewriting. (Supplying `'.'` has the same effect.)
+
+#### SourceMapGenerator.prototype.toString()
+
+Renders the source map being generated to a string.
+
+```js
+generator.toString()
+// '{"version":3,"sources":["module-one.scm"],"names":[],"mappings":"...snip...","file":"my-generated-javascript-file.js","sourceRoot":"http://example.com/app/js/"}'
+```
+
+### SourceNode
+
+SourceNodes provide a way to abstract over interpolating and/or concatenating
+snippets of generated JavaScript source code, while maintaining the line and
+column information associated between those snippets and the original source
+code. This is useful as the final intermediate representation a compiler might
+use before outputting the generated JS and source map.
+
+#### new SourceNode([line, column, source[, chunk[, name]]])
+
+* `line`: The original line number associated with this source node, or null if
+  it isn't associated with an original line.  The line number is 1-based.
+
+* `column`: The original column number associated with this source node, or null
+  if it isn't associated with an original column.  The column number
+  is 0-based.
+
+* `source`: The original source's filename; null if no filename is provided.
+
+* `chunk`: Optional. Is immediately passed to `SourceNode.prototype.add`, see
+  below.
+
+* `name`: Optional. The original identifier.
+
+```js
+var node = new SourceNode(1, 2, "a.cpp", [
+  new SourceNode(3, 4, "b.cpp", "extern int status;\n"),
+  new SourceNode(5, 6, "c.cpp", "std::string* make_string(size_t n);\n"),
+  new SourceNode(7, 8, "d.cpp", "int main(int argc, char** argv) {}\n"),
+]);
+```
+
+#### SourceNode.fromStringWithSourceMap(code, sourceMapConsumer[, relativePath])
+
+Creates a SourceNode from generated code and a SourceMapConsumer.
+
+* `code`: The generated code
+
+* `sourceMapConsumer` The SourceMap for the generated code
+
+* `relativePath` The optional path that relative sources in `sourceMapConsumer`
+  should be relative to.
+
+```js
+var consumer = new SourceMapConsumer(fs.readFileSync("path/to/my-file.js.map", "utf8"));
+var node = SourceNode.fromStringWithSourceMap(fs.readFileSync("path/to/my-file.js"),
+                                              consumer);
+```
+
+#### SourceNode.prototype.add(chunk)
+
+Add a chunk of generated JS to this source node.
+
+* `chunk`: A string snippet of generated JS code, another instance of
+   `SourceNode`, or an array where each member is one of those things.
+
+```js
+node.add(" + ");
+node.add(otherNode);
+node.add([leftHandOperandNode, " + ", rightHandOperandNode]);
+```
+
+#### SourceNode.prototype.prepend(chunk)
+
+Prepend a chunk of generated JS to this source node.
+
+* `chunk`: A string snippet of generated JS code, another instance of
+   `SourceNode`, or an array where each member is one of those things.
+
+```js
+node.prepend("/** Build Id: f783haef86324gf **/\n\n");
+```
+
+#### SourceNode.prototype.setSourceContent(sourceFile, sourceContent)
+
+Set the source content for a source file. This will be added to the
+`SourceMap` in the `sourcesContent` field.
+
+* `sourceFile`: The filename of the source file
+
+* `sourceContent`: The content of the source file
+
+```js
+node.setSourceContent("module-one.scm",
+                      fs.readFileSync("path/to/module-one.scm"))
+```
+
+#### SourceNode.prototype.walk(fn)
+
+Walk over the tree of JS snippets in this node and its children. The walking
+function is called once for each snippet of JS and is passed that snippet and
+the its original associated source's line/column location.
+
+* `fn`: The traversal function.
+
+```js
+var node = new SourceNode(1, 2, "a.js", [
+  new SourceNode(3, 4, "b.js", "uno"),
+  "dos",
+  [
+    "tres",
+    new SourceNode(5, 6, "c.js", "quatro")
+  ]
+]);
+
+node.walk(function (code, loc) { console.log("WALK:", code, loc); })
+// WALK: uno { source: 'b.js', line: 3, column: 4, name: null }
+// WALK: dos { source: 'a.js', line: 1, column: 2, name: null }
+// WALK: tres { source: 'a.js', line: 1, column: 2, name: null }
+// WALK: quatro { source: 'c.js', line: 5, column: 6, name: null }
+```
+
+#### SourceNode.prototype.walkSourceContents(fn)
+
+Walk over the tree of SourceNodes. The walking function is called for each
+source file content and is passed the filename and source content.
+
+* `fn`: The traversal function.
+
+```js
+var a = new SourceNode(1, 2, "a.js", "generated from a");
+a.setSourceContent("a.js", "original a");
+var b = new SourceNode(1, 2, "b.js", "generated from b");
+b.setSourceContent("b.js", "original b");
+var c = new SourceNode(1, 2, "c.js", "generated from c");
+c.setSourceContent("c.js", "original c");
+
+var node = new SourceNode(null, null, null, [a, b, c]);
+node.walkSourceContents(function (source, contents) { console.log("WALK:", source, ":", contents); })
+// WALK: a.js : original a
+// WALK: b.js : original b
+// WALK: c.js : original c
+```
+
+#### SourceNode.prototype.join(sep)
+
+Like `Array.prototype.join` except for SourceNodes. Inserts the separator
+between each of this source node's children.
+
+* `sep`: The separator.
+
+```js
+var lhs = new SourceNode(1, 2, "a.rs", "my_copy");
+var operand = new SourceNode(3, 4, "a.rs", "=");
+var rhs = new SourceNode(5, 6, "a.rs", "orig.clone()");
+
+var node = new SourceNode(null, null, null, [ lhs, operand, rhs ]);
+var joinedNode = node.join(" ");
+```
+
+#### SourceNode.prototype.replaceRight(pattern, replacement)
+
+Call `String.prototype.replace` on the very right-most source snippet. Useful
+for trimming white space from the end of a source node, etc.
+
+* `pattern`: The pattern to replace.
+
+* `replacement`: The thing to replace the pattern with.
+
+```js
+// Trim trailing white space.
+node.replaceRight(/\s*$/, "");
+```
+
+#### SourceNode.prototype.toString()
+
+Return the string representation of this source node. Walks over the tree and
+concatenates all the various snippets together to one string.
+
+```js
+var node = new SourceNode(1, 2, "a.js", [
+  new SourceNode(3, 4, "b.js", "uno"),
+  "dos",
+  [
+    "tres",
+    new SourceNode(5, 6, "c.js", "quatro")
+  ]
+]);
+
+node.toString()
+// 'unodostresquatro'
+```
+
+#### SourceNode.prototype.toStringWithSourceMap([startOfSourceMap])
+
+Returns the string representation of this tree of source nodes, plus a
+SourceMapGenerator which contains all the mappings between the generated and
+original sources.
+
+The arguments are the same as those to `new SourceMapGenerator`.
+
+```js
+var node = new SourceNode(1, 2, "a.js", [
+  new SourceNode(3, 4, "b.js", "uno"),
+  "dos",
+  [
+    "tres",
+    new SourceNode(5, 6, "c.js", "quatro")
+  ]
+]);
+
+node.toStringWithSourceMap({ file: "my-output-file.js" })
+// { code: 'unodostresquatro',
+//   map: [object SourceMapGenerator] }
+```
diff --git a/node_modules/source-map-js/lib/array-set.js b/node_modules/source-map-js/lib/array-set.js
new file mode 100644
index 0000000..fbd5c81
--- /dev/null
+++ b/node_modules/source-map-js/lib/array-set.js
@@ -0,0 +1,121 @@
+/* -*- Mode: js; js-indent-level: 2; -*- */
+/*
+ * Copyright 2011 Mozilla Foundation and contributors
+ * Licensed under the New BSD license. See LICENSE or:
+ * http://opensource.org/licenses/BSD-3-Clause
+ */
+
+var util = require('./util');
+var has = Object.prototype.hasOwnProperty;
+var hasNativeMap = typeof Map !== "undefined";
+
+/**
+ * A data structure which is a combination of an array and a set. Adding a new
+ * member is O(1), testing for membership is O(1), and finding the index of an
+ * element is O(1). Removing elements from the set is not supported. Only
+ * strings are supported for membership.
+ */
+function ArraySet() {
+  this._array = [];
+  this._set = hasNativeMap ? new Map() : Object.create(null);
+}
+
+/**
+ * Static method for creating ArraySet instances from an existing array.
+ */
+ArraySet.fromArray = function ArraySet_fromArray(aArray, aAllowDuplicates) {
+  var set = new ArraySet();
+  for (var i = 0, len = aArray.length; i < len; i++) {
+    set.add(aArray[i], aAllowDuplicates);
+  }
+  return set;
+};
+
+/**
+ * Return how many unique items are in this ArraySet. If duplicates have been
+ * added, than those do not count towards the size.
+ *
+ * @returns Number
+ */
+ArraySet.prototype.size = function ArraySet_size() {
+  return hasNativeMap ? this._set.size : Object.getOwnPropertyNames(this._set).length;
+};
+
+/**
+ * Add the given string to this set.
+ *
+ * @param String aStr
+ */
+ArraySet.prototype.add = function ArraySet_add(aStr, aAllowDuplicates) {
+  var sStr = hasNativeMap ? aStr : util.toSetString(aStr);
+  var isDuplicate = hasNativeMap ? this.has(aStr) : has.call(this._set, sStr);
+  var idx = this._array.length;
+  if (!isDuplicate || aAllowDuplicates) {
+    this._array.push(aStr);
+  }
+  if (!isDuplicate) {
+    if (hasNativeMap) {
+      this._set.set(aStr, idx);
+    } else {
+      this._set[sStr] = idx;
+    }
+  }
+};
+
+/**
+ * Is the given string a member of this set?
+ *
+ * @param String aStr
+ */
+ArraySet.prototype.has = function ArraySet_has(aStr) {
+  if (hasNativeMap) {
+    return this._set.has(aStr);
+  } else {
+    var sStr = util.toSetString(aStr);
+    return has.call(this._set, sStr);
+  }
+};
+
+/**
+ * What is the index of the given string in the array?
+ *
+ * @param String aStr
+ */
+ArraySet.prototype.indexOf = function ArraySet_indexOf(aStr) {
+  if (hasNativeMap) {
+    var idx = this._set.get(aStr);
+    if (idx >= 0) {
+        return idx;
+    }
+  } else {
+    var sStr = util.toSetString(aStr);
+    if (has.call(this._set, sStr)) {
+      return this._set[sStr];
+    }
+  }
+
+  throw new Error('"' + aStr + '" is not in the set.');
+};
+
+/**
+ * What is the element at the given index?
+ *
+ * @param Number aIdx
+ */
+ArraySet.prototype.at = function ArraySet_at(aIdx) {
+  if (aIdx >= 0 && aIdx < this._array.length) {
+    return this._array[aIdx];
+  }
+  throw new Error('No element indexed by ' + aIdx);
+};
+
+/**
+ * Returns the array representation of this set (which has the proper indices
+ * indicated by indexOf). Note that this is a copy of the internal array used
+ * for storing the members so that no one can mess with internal state.
+ */
+ArraySet.prototype.toArray = function ArraySet_toArray() {
+  return this._array.slice();
+};
+
+exports.ArraySet = ArraySet;
diff --git a/node_modules/source-map-js/lib/base64-vlq.js b/node_modules/source-map-js/lib/base64-vlq.js
new file mode 100644
index 0000000..612b404
--- /dev/null
+++ b/node_modules/source-map-js/lib/base64-vlq.js
@@ -0,0 +1,140 @@
+/* -*- Mode: js; js-indent-level: 2; -*- */
+/*
+ * Copyright 2011 Mozilla Foundation and contributors
+ * Licensed under the New BSD license. See LICENSE or:
+ * http://opensource.org/licenses/BSD-3-Clause
+ *
+ * Based on the Base 64 VLQ implementation in Closure Compiler:
+ * https://code.google.com/p/closure-compiler/source/browse/trunk/src/com/google/debugging/sourcemap/Base64VLQ.java
+ *
+ * Copyright 2011 The Closure Compiler Authors. All rights reserved.
+ * Redistribution and use in source and binary forms, with or without
+ * modification, are permitted provided that the following conditions are
+ * met:
+ *
+ *  * Redistributions of source code must retain the above copyright
+ *    notice, this list of conditions and the following disclaimer.
+ *  * Redistributions in binary form must reproduce the above
+ *    copyright notice, this list of conditions and the following
+ *    disclaimer in the documentation and/or other materials provided
+ *    with the distribution.
+ *  * Neither the name of Google Inc. nor the names of its
+ *    contributors may be used to endorse or promote products derived
+ *    from this software without specific prior written permission.
+ *
+ * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
+ * "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
+ * LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
+ * A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
+ * OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
+ * SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
+ * LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
+ * DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
+ * THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
+ * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
+ * OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
+ */
+
+var base64 = require('./base64');
+
+// A single base 64 digit can contain 6 bits of data. For the base 64 variable
+// length quantities we use in the source map spec, the first bit is the sign,
+// the next four bits are the actual value, and the 6th bit is the
+// continuation bit. The continuation bit tells us whether there are more
+// digits in this value following this digit.
+//
+//   Continuation
+//   |    Sign
+//   |    |
+//   V    V
+//   101011
+
+var VLQ_BASE_SHIFT = 5;
+
+// binary: 100000
+var VLQ_BASE = 1 << VLQ_BASE_SHIFT;
+
+// binary: 011111
+var VLQ_BASE_MASK = VLQ_BASE - 1;
+
+// binary: 100000
+var VLQ_CONTINUATION_BIT = VLQ_BASE;
+
+/**
+ * Converts from a two-complement value to a value where the sign bit is
+ * placed in the least significant bit.  For example, as decimals:
+ *   1 becomes 2 (10 binary), -1 becomes 3 (11 binary)
+ *   2 becomes 4 (100 binary), -2 becomes 5 (101 binary)
+ */
+function toVLQSigned(aValue) {
+  return aValue < 0
+    ? ((-aValue) << 1) + 1
+    : (aValue << 1) + 0;
+}
+
+/**
+ * Converts to a two-complement value from a value where the sign bit is
+ * placed in the least significant bit.  For example, as decimals:
+ *   2 (10 binary) becomes 1, 3 (11 binary) becomes -1
+ *   4 (100 binary) becomes 2, 5 (101 binary) becomes -2
+ */
+function fromVLQSigned(aValue) {
+  var isNegative = (aValue & 1) === 1;
+  var shifted = aValue >> 1;
+  return isNegative
+    ? -shifted
+    : shifted;
+}
+
+/**
+ * Returns the base 64 VLQ encoded value.
+ */
+exports.encode = function base64VLQ_encode(aValue) {
+  var encoded = "";
+  var digit;
+
+  var vlq = toVLQSigned(aValue);
+
+  do {
+    digit = vlq & VLQ_BASE_MASK;
+    vlq >>>= VLQ_BASE_SHIFT;
+    if (vlq > 0) {
+      // There are still more digits in this value, so we must make sure the
+      // continuation bit is marked.
+      digit |= VLQ_CONTINUATION_BIT;
+    }
+    encoded += base64.encode(digit);
+  } while (vlq > 0);
+
+  return encoded;
+};
+
+/**
+ * Decodes the next base 64 VLQ value from the given string and returns the
+ * value and the rest of the string via the out parameter.
+ */
+exports.decode = function base64VLQ_decode(aStr, aIndex, aOutParam) {
+  var strLen = aStr.length;
+  var result = 0;
+  var shift = 0;
+  var continuation, digit;
+
+  do {
+    if (aIndex >= strLen) {
+      throw new Error("Expected more digits in base 64 VLQ value.");
+    }
+
+    digit = base64.decode(aStr.charCodeAt(aIndex++));
+    if (digit === -1) {
+      throw new Error("Invalid base64 digit: " + aStr.charAt(aIndex - 1));
+    }
+
+    continuation = !!(digit & VLQ_CONTINUATION_BIT);
+    digit &= VLQ_BASE_MASK;
+    result = result + (digit << shift);
+    shift += VLQ_BASE_SHIFT;
+  } while (continuation);
+
+  aOutParam.value = fromVLQSigned(result);
+  aOutParam.rest = aIndex;
+};
diff --git a/node_modules/source-map-js/lib/base64.js b/node_modules/source-map-js/lib/base64.js
new file mode 100644
index 0000000..8aa86b3
--- /dev/null
+++ b/node_modules/source-map-js/lib/base64.js
@@ -0,0 +1,67 @@
+/* -*- Mode: js; js-indent-level: 2; -*- */
+/*
+ * Copyright 2011 Mozilla Foundation and contributors
+ * Licensed under the New BSD license. See LICENSE or:
+ * http://opensource.org/licenses/BSD-3-Clause
+ */
+
+var intToCharMap = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/'.split('');
+
+/**
+ * Encode an integer in the range of 0 to 63 to a single base 64 digit.
+ */
+exports.encode = function (number) {
+  if (0 <= number && number < intToCharMap.length) {
+    return intToCharMap[number];
+  }
+  throw new TypeError("Must be between 0 and 63: " + number);
+};
+
+/**
+ * Decode a single base 64 character code digit to an integer. Returns -1 on
+ * failure.
+ */
+exports.decode = function (charCode) {
+  var bigA = 65;     // 'A'
+  var bigZ = 90;     // 'Z'
+
+  var littleA = 97;  // 'a'
+  var littleZ = 122; // 'z'
+
+  var zero = 48;     // '0'
+  var nine = 57;     // '9'
+
+  var plus = 43;     // '+'
+  var slash = 47;    // '/'
+
+  var littleOffset = 26;
+  var numberOffset = 52;
+
+  // 0 - 25: ABCDEFGHIJKLMNOPQRSTUVWXYZ
+  if (bigA <= charCode && charCode <= bigZ) {
+    return (charCode - bigA);
+  }
+
+  // 26 - 51: abcdefghijklmnopqrstuvwxyz
+  if (littleA <= charCode && charCode <= littleZ) {
+    return (charCode - littleA + littleOffset);
+  }
+
+  // 52 - 61: 0123456789
+  if (zero <= charCode && charCode <= nine) {
+    return (charCode - zero + numberOffset);
+  }
+
+  // 62: +
+  if (charCode == plus) {
+    return 62;
+  }
+
+  // 63: /
+  if (charCode == slash) {
+    return 63;
+  }
+
+  // Invalid base64 digit.
+  return -1;
+};
diff --git a/node_modules/source-map-js/lib/binary-search.js b/node_modules/source-map-js/lib/binary-search.js
new file mode 100644
index 0000000..010ac94
--- /dev/null
+++ b/node_modules/source-map-js/lib/binary-search.js
@@ -0,0 +1,111 @@
+/* -*- Mode: js; js-indent-level: 2; -*- */
+/*
+ * Copyright 2011 Mozilla Foundation and contributors
+ * Licensed under the New BSD license. See LICENSE or:
+ * http://opensource.org/licenses/BSD-3-Clause
+ */
+
+exports.GREATEST_LOWER_BOUND = 1;
+exports.LEAST_UPPER_BOUND = 2;
+
+/**
+ * Recursive implementation of binary search.
+ *
+ * @param aLow Indices here and lower do not contain the needle.
+ * @param aHigh Indices here and higher do not contain the needle.
+ * @param aNeedle The element being searched for.
+ * @param aHaystack The non-empty array being searched.
+ * @param aCompare Function which takes two elements and returns -1, 0, or 1.
+ * @param aBias Either 'binarySearch.GREATEST_LOWER_BOUND' or
+ *     'binarySearch.LEAST_UPPER_BOUND'. Specifies whether to return the
+ *     closest element that is smaller than or greater than the one we are
+ *     searching for, respectively, if the exact element cannot be found.
+ */
+function recursiveSearch(aLow, aHigh, aNeedle, aHaystack, aCompare, aBias) {
+  // This function terminates when one of the following is true:
+  //
+  //   1. We find the exact element we are looking for.
+  //
+  //   2. We did not find the exact element, but we can return the index of
+  //      the next-closest element.
+  //
+  //   3. We did not find the exact element, and there is no next-closest
+  //      element than the one we are searching for, so we return -1.
+  var mid = Math.floor((aHigh - aLow) / 2) + aLow;
+  var cmp = aCompare(aNeedle, aHaystack[mid], true);
+  if (cmp === 0) {
+    // Found the element we are looking for.
+    return mid;
+  }
+  else if (cmp > 0) {
+    // Our needle is greater than aHaystack[mid].
+    if (aHigh - mid > 1) {
+      // The element is in the upper half.
+      return recursiveSearch(mid, aHigh, aNeedle, aHaystack, aCompare, aBias);
+    }
+
+    // The exact needle element was not found in this haystack. Determine if
+    // we are in termination case (3) or (2) and return the appropriate thing.
+    if (aBias == exports.LEAST_UPPER_BOUND) {
+      return aHigh < aHaystack.length ? aHigh : -1;
+    } else {
+      return mid;
+    }
+  }
+  else {
+    // Our needle is less than aHaystack[mid].
+    if (mid - aLow > 1) {
+      // The element is in the lower half.
+      return recursiveSearch(aLow, mid, aNeedle, aHaystack, aCompare, aBias);
+    }
+
+    // we are in termination case (3) or (2) and return the appropriate thing.
+    if (aBias == exports.LEAST_UPPER_BOUND) {
+      return mid;
+    } else {
+      return aLow < 0 ? -1 : aLow;
+    }
+  }
+}
+
+/**
+ * This is an implementation of binary search which will always try and return
+ * the index of the closest element if there is no exact hit. This is because
+ * mappings between original and generated line/col pairs are single points,
+ * and there is an implicit region between each of them, so a miss just means
+ * that you aren't on the very start of a region.
+ *
+ * @param aNeedle The element you are looking for.
+ * @param aHaystack The array that is being searched.
+ * @param aCompare A function which takes the needle and an element in the
+ *     array and returns -1, 0, or 1 depending on whether the needle is less
+ *     than, equal to, or greater than the element, respectively.
+ * @param aBias Either 'binarySearch.GREATEST_LOWER_BOUND' or
+ *     'binarySearch.LEAST_UPPER_BOUND'. Specifies whether to return the
+ *     closest element that is smaller than or greater than the one we are
+ *     searching for, respectively, if the exact element cannot be found.
+ *     Defaults to 'binarySearch.GREATEST_LOWER_BOUND'.
+ */
+exports.search = function search(aNeedle, aHaystack, aCompare, aBias) {
+  if (aHaystack.length === 0) {
+    return -1;
+  }
+
+  var index = recursiveSearch(-1, aHaystack.length, aNeedle, aHaystack,
+                              aCompare, aBias || exports.GREATEST_LOWER_BOUND);
+  if (index < 0) {
+    return -1;
+  }
+
+  // We have found either the exact element, or the next-closest element than
+  // the one we are searching for. However, there may be more than one such
+  // element. Make sure we always return the smallest of these.
+  while (index - 1 >= 0) {
+    if (aCompare(aHaystack[index], aHaystack[index - 1], true) !== 0) {
+      break;
+    }
+    --index;
+  }
+
+  return index;
+};
diff --git a/node_modules/source-map-js/lib/mapping-list.js b/node_modules/source-map-js/lib/mapping-list.js
new file mode 100644
index 0000000..06d1274
--- /dev/null
+++ b/node_modules/source-map-js/lib/mapping-list.js
@@ -0,0 +1,79 @@
+/* -*- Mode: js; js-indent-level: 2; -*- */
+/*
+ * Copyright 2014 Mozilla Foundation and contributors
+ * Licensed under the New BSD license. See LICENSE or:
+ * http://opensource.org/licenses/BSD-3-Clause
+ */
+
+var util = require('./util');
+
+/**
+ * Determine whether mappingB is after mappingA with respect to generated
+ * position.
+ */
+function generatedPositionAfter(mappingA, mappingB) {
+  // Optimized for most common case
+  var lineA = mappingA.generatedLine;
+  var lineB = mappingB.generatedLine;
+  var columnA = mappingA.generatedColumn;
+  var columnB = mappingB.generatedColumn;
+  return lineB > lineA || lineB == lineA && columnB >= columnA ||
+         util.compareByGeneratedPositionsInflated(mappingA, mappingB) <= 0;
+}
+
+/**
+ * A data structure to provide a sorted view of accumulated mappings in a
+ * performance conscious manner. It trades a neglibable overhead in general
+ * case for a large speedup in case of mappings being added in order.
+ */
+function MappingList() {
+  this._array = [];
+  this._sorted = true;
+  // Serves as infimum
+  this._last = {generatedLine: -1, generatedColumn: 0};
+}
+
+/**
+ * Iterate through internal items. This method takes the same arguments that
+ * `Array.prototype.forEach` takes.
+ *
+ * NOTE: The order of the mappings is NOT guaranteed.
+ */
+MappingList.prototype.unsortedForEach =
+  function MappingList_forEach(aCallback, aThisArg) {
+    this._array.forEach(aCallback, aThisArg);
+  };
+
+/**
+ * Add the given source mapping.
+ *
+ * @param Object aMapping
+ */
+MappingList.prototype.add = function MappingList_add(aMapping) {
+  if (generatedPositionAfter(this._last, aMapping)) {
+    this._last = aMapping;
+    this._array.push(aMapping);
+  } else {
+    this._sorted = false;
+    this._array.push(aMapping);
+  }
+};
+
+/**
+ * Returns the flat, sorted array of mappings. The mappings are sorted by
+ * generated position.
+ *
+ * WARNING: This method returns internal data without copying, for
+ * performance. The return value must NOT be mutated, and should be treated as
+ * an immutable borrow. If you want to take ownership, you must make your own
+ * copy.
+ */
+MappingList.prototype.toArray = function MappingList_toArray() {
+  if (!this._sorted) {
+    this._array.sort(util.compareByGeneratedPositionsInflated);
+    this._sorted = true;
+  }
+  return this._array;
+};
+
+exports.MappingList = MappingList;
diff --git a/node_modules/source-map-js/lib/quick-sort.js b/node_modules/source-map-js/lib/quick-sort.js
new file mode 100644
index 0000000..23f9eda
--- /dev/null
+++ b/node_modules/source-map-js/lib/quick-sort.js
@@ -0,0 +1,132 @@
+/* -*- Mode: js; js-indent-level: 2; -*- */
+/*
+ * Copyright 2011 Mozilla Foundation and contributors
+ * Licensed under the New BSD license. See LICENSE or:
+ * http://opensource.org/licenses/BSD-3-Clause
+ */
+
+// It turns out that some (most?) JavaScript engines don't self-host
+// `Array.prototype.sort`. This makes sense because C++ will likely remain
+// faster than JS when doing raw CPU-intensive sorting. However, when using a
+// custom comparator function, calling back and forth between the VM's C++ and
+// JIT'd JS is rather slow *and* loses JIT type information, resulting in
+// worse generated code for the comparator function than would be optimal. In
+// fact, when sorting with a comparator, these costs outweigh the benefits of
+// sorting in C++. By using our own JS-implemented Quick Sort (below), we get
+// a ~3500ms mean speed-up in `bench/bench.html`.
+
+function SortTemplate(comparator) {
+
+/**
+ * Swap the elements indexed by `x` and `y` in the array `ary`.
+ *
+ * @param {Array} ary
+ *        The array.
+ * @param {Number} x
+ *        The index of the first item.
+ * @param {Number} y
+ *        The index of the second item.
+ */
+function swap(ary, x, y) {
+  var temp = ary[x];
+  ary[x] = ary[y];
+  ary[y] = temp;
+}
+
+/**
+ * Returns a random integer within the range `low .. high` inclusive.
+ *
+ * @param {Number} low
+ *        The lower bound on the range.
+ * @param {Number} high
+ *        The upper bound on the range.
+ */
+function randomIntInRange(low, high) {
+  return Math.round(low + (Math.random() * (high - low)));
+}
+
+/**
+ * The Quick Sort algorithm.
+ *
+ * @param {Array} ary
+ *        An array to sort.
+ * @param {function} comparator
+ *        Function to use to compare two items.
+ * @param {Number} p
+ *        Start index of the array
+ * @param {Number} r
+ *        End index of the array
+ */
+function doQuickSort(ary, comparator, p, r) {
+  // If our lower bound is less than our upper bound, we (1) partition the
+  // array into two pieces and (2) recurse on each half. If it is not, this is
+  // the empty array and our base case.
+
+  if (p < r) {
+    // (1) Partitioning.
+    //
+    // The partitioning chooses a pivot between `p` and `r` and moves all
+    // elements that are less than or equal to the pivot to the before it, and
+    // all the elements that are greater than it after it. The effect is that
+    // once partition is done, the pivot is in the exact place it will be when
+    // the array is put in sorted order, and it will not need to be moved
+    // again. This runs in O(n) time.
+
+    // Always choose a random pivot so that an input array which is reverse
+    // sorted does not cause O(n^2) running time.
+    var pivotIndex = randomIntInRange(p, r);
+    var i = p - 1;
+
+    swap(ary, pivotIndex, r);
+    var pivot = ary[r];
+
+    // Immediately after `j` is incremented in this loop, the following hold
+    // true:
+    //
+    //   * Every element in `ary[p .. i]` is less than or equal to the pivot.
+    //
+    //   * Every element in `ary[i+1 .. j-1]` is greater than the pivot.
+    for (var j = p; j < r; j++) {
+      if (comparator(ary[j], pivot, false) <= 0) {
+        i += 1;
+        swap(ary, i, j);
+      }
+    }
+
+    swap(ary, i + 1, j);
+    var q = i + 1;
+
+    // (2) Recurse on each half.
+
+    doQuickSort(ary, comparator, p, q - 1);
+    doQuickSort(ary, comparator, q + 1, r);
+  }
+}
+
+  return doQuickSort;
+}
+
+function cloneSort(comparator) {
+  let template = SortTemplate.toString();
+  let templateFn = new Function(`return ${template}`)();
+  return templateFn(comparator);
+}
+
+/**
+ * Sort the given array in-place with the given comparator function.
+ *
+ * @param {Array} ary
+ *        An array to sort.
+ * @param {function} comparator
+ *        Function to use to compare two items.
+ */
+
+let sortCache = new WeakMap();
+exports.quickSort = function (ary, comparator, start = 0) {
+  let doQuickSort = sortCache.get(comparator);
+  if (doQuickSort === void 0) {
+    doQuickSort = cloneSort(comparator);
+    sortCache.set(comparator, doQuickSort);
+  }
+  doQuickSort(ary, comparator, start, ary.length - 1);
+};
diff --git a/node_modules/source-map-js/lib/source-map-consumer.d.ts b/node_modules/source-map-js/lib/source-map-consumer.d.ts
new file mode 100644
index 0000000..744bda7
--- /dev/null
+++ b/node_modules/source-map-js/lib/source-map-consumer.d.ts
@@ -0,0 +1 @@
+export { SourceMapConsumer } from '..';
diff --git a/node_modules/source-map-js/lib/source-map-consumer.js b/node_modules/source-map-js/lib/source-map-consumer.js
new file mode 100644
index 0000000..ee66114
--- /dev/null
+++ b/node_modules/source-map-js/lib/source-map-consumer.js
@@ -0,0 +1,1188 @@
+/* -*- Mode: js; js-indent-level: 2; -*- */
+/*
+ * Copyright 2011 Mozilla Foundation and contributors
+ * Licensed under the New BSD license. See LICENSE or:
+ * http://opensource.org/licenses/BSD-3-Clause
+ */
+
+var util = require('./util');
+var binarySearch = require('./binary-search');
+var ArraySet = require('./array-set').ArraySet;
+var base64VLQ = require('./base64-vlq');
+var quickSort = require('./quick-sort').quickSort;
+
+function SourceMapConsumer(aSourceMap, aSourceMapURL) {
+  var sourceMap = aSourceMap;
+  if (typeof aSourceMap === 'string') {
+    sourceMap = util.parseSourceMapInput(aSourceMap);
+  }
+
+  return sourceMap.sections != null
+    ? new IndexedSourceMapConsumer(sourceMap, aSourceMapURL)
+    : new BasicSourceMapConsumer(sourceMap, aSourceMapURL);
+}
+
+SourceMapConsumer.fromSourceMap = function(aSourceMap, aSourceMapURL) {
+  return BasicSourceMapConsumer.fromSourceMap(aSourceMap, aSourceMapURL);
+}
+
+/**
+ * The version of the source mapping spec that we are consuming.
+ */
+SourceMapConsumer.prototype._version = 3;
+
+// `__generatedMappings` and `__originalMappings` are arrays that hold the
+// parsed mapping coordinates from the source map's "mappings" attribute. They
+// are lazily instantiated, accessed via the `_generatedMappings` and
+// `_originalMappings` getters respectively, and we only parse the mappings
+// and create these arrays once queried for a source location. We jump through
+// these hoops because there can be many thousands of mappings, and parsing
+// them is expensive, so we only want to do it if we must.
+//
+// Each object in the arrays is of the form:
+//
+//     {
+//       generatedLine: The line number in the generated code,
+//       generatedColumn: The column number in the generated code,
+//       source: The path to the original source file that generated this
+//               chunk of code,
+//       originalLine: The line number in the original source that
+//                     corresponds to this chunk of generated code,
+//       originalColumn: The column number in the original source that
+//                       corresponds to this chunk of generated code,
+//       name: The name of the original symbol which generated this chunk of
+//             code.
+//     }
+//
+// All properties except for `generatedLine` and `generatedColumn` can be
+// `null`.
+//
+// `_generatedMappings` is ordered by the generated positions.
+//
+// `_originalMappings` is ordered by the original positions.
+
+SourceMapConsumer.prototype.__generatedMappings = null;
+Object.defineProperty(SourceMapConsumer.prototype, '_generatedMappings', {
+  configurable: true,
+  enumerable: true,
+  get: function () {
+    if (!this.__generatedMappings) {
+      this._parseMappings(this._mappings, this.sourceRoot);
+    }
+
+    return this.__generatedMappings;
+  }
+});
+
+SourceMapConsumer.prototype.__originalMappings = null;
+Object.defineProperty(SourceMapConsumer.prototype, '_originalMappings', {
+  configurable: true,
+  enumerable: true,
+  get: function () {
+    if (!this.__originalMappings) {
+      this._parseMappings(this._mappings, this.sourceRoot);
+    }
+
+    return this.__originalMappings;
+  }
+});
+
+SourceMapConsumer.prototype._charIsMappingSeparator =
+  function SourceMapConsumer_charIsMappingSeparator(aStr, index) {
+    var c = aStr.charAt(index);
+    return c === ";" || c === ",";
+  };
+
+/**
+ * Parse the mappings in a string in to a data structure which we can easily
+ * query (the ordered arrays in the `this.__generatedMappings` and
+ * `this.__originalMappings` properties).
+ */
+SourceMapConsumer.prototype._parseMappings =
+  function SourceMapConsumer_parseMappings(aStr, aSourceRoot) {
+    throw new Error("Subclasses must implement _parseMappings");
+  };
+
+SourceMapConsumer.GENERATED_ORDER = 1;
+SourceMapConsumer.ORIGINAL_ORDER = 2;
+
+SourceMapConsumer.GREATEST_LOWER_BOUND = 1;
+SourceMapConsumer.LEAST_UPPER_BOUND = 2;
+
+/**
+ * Iterate over each mapping between an original source/line/column and a
+ * generated line/column in this source map.
+ *
+ * @param Function aCallback
+ *        The function that is called with each mapping.
+ * @param Object aContext
+ *        Optional. If specified, this object will be the value of `this` every
+ *        time that `aCallback` is called.
+ * @param aOrder
+ *        Either `SourceMapConsumer.GENERATED_ORDER` or
+ *        `SourceMapConsumer.ORIGINAL_ORDER`. Specifies whether you want to
+ *        iterate over the mappings sorted by the generated file's line/column
+ *        order or the original's source/line/column order, respectively. Defaults to
+ *        `SourceMapConsumer.GENERATED_ORDER`.
+ */
+SourceMapConsumer.prototype.eachMapping =
+  function SourceMapConsumer_eachMapping(aCallback, aContext, aOrder) {
+    var context = aContext || null;
+    var order = aOrder || SourceMapConsumer.GENERATED_ORDER;
+
+    var mappings;
+    switch (order) {
+    case SourceMapConsumer.GENERATED_ORDER:
+      mappings = this._generatedMappings;
+      break;
+    case SourceMapConsumer.ORIGINAL_ORDER:
+      mappings = this._originalMappings;
+      break;
+    default:
+      throw new Error("Unknown order of iteration.");
+    }
+
+    var sourceRoot = this.sourceRoot;
+    var boundCallback = aCallback.bind(context);
+    var names = this._names;
+    var sources = this._sources;
+    var sourceMapURL = this._sourceMapURL;
+
+    for (var i = 0, n = mappings.length; i < n; i++) {
+      var mapping = mappings[i];
+      var source = mapping.source === null ? null : sources.at(mapping.source);
+      if(source !== null) {
+        source = util.computeSourceURL(sourceRoot, source, sourceMapURL);
+      }
+      boundCallback({
+        source: source,
+        generatedLine: mapping.generatedLine,
+        generatedColumn: mapping.generatedColumn,
+        originalLine: mapping.originalLine,
+        originalColumn: mapping.originalColumn,
+        name: mapping.name === null ? null : names.at(mapping.name)
+      });
+    }
+  };
+
+/**
+ * Returns all generated line and column information for the original source,
+ * line, and column provided. If no column is provided, returns all mappings
+ * corresponding to a either the line we are searching for or the next
+ * closest line that has any mappings. Otherwise, returns all mappings
+ * corresponding to the given line and either the column we are searching for
+ * or the next closest column that has any offsets.
+ *
+ * The only argument is an object with the following properties:
+ *
+ *   - source: The filename of the original source.
+ *   - line: The line number in the original source.  The line number is 1-based.
+ *   - column: Optional. the column number in the original source.
+ *    The column number is 0-based.
+ *
+ * and an array of objects is returned, each with the following properties:
+ *
+ *   - line: The line number in the generated source, or null.  The
+ *    line number is 1-based.
+ *   - column: The column number in the generated source, or null.
+ *    The column number is 0-based.
+ */
+SourceMapConsumer.prototype.allGeneratedPositionsFor =
+  function SourceMapConsumer_allGeneratedPositionsFor(aArgs) {
+    var line = util.getArg(aArgs, 'line');
+
+    // When there is no exact match, BasicSourceMapConsumer.prototype._findMapping
+    // returns the index of the closest mapping less than the needle. By
+    // setting needle.originalColumn to 0, we thus find the last mapping for
+    // the given line, provided such a mapping exists.
+    var needle = {
+      source: util.getArg(aArgs, 'source'),
+      originalLine: line,
+      originalColumn: util.getArg(aArgs, 'column', 0)
+    };
+
+    needle.source = this._findSourceIndex(needle.source);
+    if (needle.source < 0) {
+      return [];
+    }
+
+    var mappings = [];
+
+    var index = this._findMapping(needle,
+                                  this._originalMappings,
+                                  "originalLine",
+                                  "originalColumn",
+                                  util.compareByOriginalPositions,
+                                  binarySearch.LEAST_UPPER_BOUND);
+    if (index >= 0) {
+      var mapping = this._originalMappings[index];
+
+      if (aArgs.column === undefined) {
+        var originalLine = mapping.originalLine;
+
+        // Iterate until either we run out of mappings, or we run into
+        // a mapping for a different line than the one we found. Since
+        // mappings are sorted, this is guaranteed to find all mappings for
+        // the line we found.
+        while (mapping && mapping.originalLine === originalLine) {
+          mappings.push({
+            line: util.getArg(mapping, 'generatedLine', null),
+            column: util.getArg(mapping, 'generatedColumn', null),
+            lastColumn: util.getArg(mapping, 'lastGeneratedColumn', null)
+          });
+
+          mapping = this._originalMappings[++index];
+        }
+      } else {
+        var originalColumn = mapping.originalColumn;
+
+        // Iterate until either we run out of mappings, or we run into
+        // a mapping for a different line than the one we were searching for.
+        // Since mappings are sorted, this is guaranteed to find all mappings for
+        // the line we are searching for.
+        while (mapping &&
+               mapping.originalLine === line &&
+               mapping.originalColumn == originalColumn) {
+          mappings.push({
+            line: util.getArg(mapping, 'generatedLine', null),
+            column: util.getArg(mapping, 'generatedColumn', null),
+            lastColumn: util.getArg(mapping, 'lastGeneratedColumn', null)
+          });
+
+          mapping = this._originalMappings[++index];
+        }
+      }
+    }
+
+    return mappings;
+  };
+
+exports.SourceMapConsumer = SourceMapConsumer;
+
+/**
+ * A BasicSourceMapConsumer instance represents a parsed source map which we can
+ * query for information about the original file positions by giving it a file
+ * position in the generated source.
+ *
+ * The first parameter is the raw source map (either as a JSON string, or
+ * already parsed to an object). According to the spec, source maps have the
+ * following attributes:
+ *
+ *   - version: Which version of the source map spec this map is following.
+ *   - sources: An array of URLs to the original source files.
+ *   - names: An array of identifiers which can be referrenced by individual mappings.
+ *   - sourceRoot: Optional. The URL root from which all sources are relative.
+ *   - sourcesContent: Optional. An array of contents of the original source files.
+ *   - mappings: A string of base64 VLQs which contain the actual mappings.
+ *   - file: Optional. The generated file this source map is associated with.
+ *
+ * Here is an example source map, taken from the source map spec[0]:
+ *
+ *     {
+ *       version : 3,
+ *       file: "out.js",
+ *       sourceRoot : "",
+ *       sources: ["foo.js", "bar.js"],
+ *       names: ["src", "maps", "are", "fun"],
+ *       mappings: "AA,AB;;ABCDE;"
+ *     }
+ *
+ * The second parameter, if given, is a string whose value is the URL
+ * at which the source map was found.  This URL is used to compute the
+ * sources array.
+ *
+ * [0]: https://docs.google.com/document/d/1U1RGAehQwRypUTovF1KRlpiOFze0b-_2gc6fAH0KY0k/edit?pli=1#
+ */
+function BasicSourceMapConsumer(aSourceMap, aSourceMapURL) {
+  var sourceMap = aSourceMap;
+  if (typeof aSourceMap === 'string') {
+    sourceMap = util.parseSourceMapInput(aSourceMap);
+  }
+
+  var version = util.getArg(sourceMap, 'version');
+  var sources = util.getArg(sourceMap, 'sources');
+  // Sass 3.3 leaves out the 'names' array, so we deviate from the spec (which
+  // requires the array) to play nice here.
+  var names = util.getArg(sourceMap, 'names', []);
+  var sourceRoot = util.getArg(sourceMap, 'sourceRoot', null);
+  var sourcesContent = util.getArg(sourceMap, 'sourcesContent', null);
+  var mappings = util.getArg(sourceMap, 'mappings');
+  var file = util.getArg(sourceMap, 'file', null);
+
+  // Once again, Sass deviates from the spec and supplies the version as a
+  // string rather than a number, so we use loose equality checking here.
+  if (version != this._version) {
+    throw new Error('Unsupported version: ' + version);
+  }
+
+  if (sourceRoot) {
+    sourceRoot = util.normalize(sourceRoot);
+  }
+
+  sources = sources
+    .map(String)
+    // Some source maps produce relative source paths like "./foo.js" instead of
+    // "foo.js".  Normalize these first so that future comparisons will succeed.
+    // See bugzil.la/1090768.
+    .map(util.normalize)
+    // Always ensure that absolute sources are internally stored relative to
+    // the source root, if the source root is absolute. Not doing this would
+    // be particularly problematic when the source root is a prefix of the
+    // source (valid, but why??). See github issue #199 and bugzil.la/1188982.
+    .map(function (source) {
+      return sourceRoot && util.isAbsolute(sourceRoot) && util.isAbsolute(source)
+        ? util.relative(sourceRoot, source)
+        : source;
+    });
+
+  // Pass `true` below to allow duplicate names and sources. While source maps
+  // are intended to be compressed and deduplicated, the TypeScript compiler
+  // sometimes generates source maps with duplicates in them. See Github issue
+  // #72 and bugzil.la/889492.
+  this._names = ArraySet.fromArray(names.map(String), true);
+  this._sources = ArraySet.fromArray(sources, true);
+
+  this._absoluteSources = this._sources.toArray().map(function (s) {
+    return util.computeSourceURL(sourceRoot, s, aSourceMapURL);
+  });
+
+  this.sourceRoot = sourceRoot;
+  this.sourcesContent = sourcesContent;
+  this._mappings = mappings;
+  this._sourceMapURL = aSourceMapURL;
+  this.file = file;
+}
+
+BasicSourceMapConsumer.prototype = Object.create(SourceMapConsumer.prototype);
+BasicSourceMapConsumer.prototype.consumer = SourceMapConsumer;
+
+/**
+ * Utility function to find the index of a source.  Returns -1 if not
+ * found.
+ */
+BasicSourceMapConsumer.prototype._findSourceIndex = function(aSource) {
+  var relativeSource = aSource;
+  if (this.sourceRoot != null) {
+    relativeSource = util.relative(this.sourceRoot, relativeSource);
+  }
+
+  if (this._sources.has(relativeSource)) {
+    return this._sources.indexOf(relativeSource);
+  }
+
+  // Maybe aSource is an absolute URL as returned by |sources|.  In
+  // this case we can't simply undo the transform.
+  var i;
+  for (i = 0; i < this._absoluteSources.length; ++i) {
+    if (this._absoluteSources[i] == aSource) {
+      return i;
+    }
+  }
+
+  return -1;
+};
+
+/**
+ * Create a BasicSourceMapConsumer from a SourceMapGenerator.
+ *
+ * @param SourceMapGenerator aSourceMap
+ *        The source map that will be consumed.
+ * @param String aSourceMapURL
+ *        The URL at which the source map can be found (optional)
+ * @returns BasicSourceMapConsumer
+ */
+BasicSourceMapConsumer.fromSourceMap =
+  function SourceMapConsumer_fromSourceMap(aSourceMap, aSourceMapURL) {
+    var smc = Object.create(BasicSourceMapConsumer.prototype);
+
+    var names = smc._names = ArraySet.fromArray(aSourceMap._names.toArray(), true);
+    var sources = smc._sources = ArraySet.fromArray(aSourceMap._sources.toArray(), true);
+    smc.sourceRoot = aSourceMap._sourceRoot;
+    smc.sourcesContent = aSourceMap._generateSourcesContent(smc._sources.toArray(),
+                                                            smc.sourceRoot);
+    smc.file = aSourceMap._file;
+    smc._sourceMapURL = aSourceMapURL;
+    smc._absoluteSources = smc._sources.toArray().map(function (s) {
+      return util.computeSourceURL(smc.sourceRoot, s, aSourceMapURL);
+    });
+
+    // Because we are modifying the entries (by converting string sources and
+    // names to indices into the sources and names ArraySets), we have to make
+    // a copy of the entry or else bad things happen. Shared mutable state
+    // strikes again! See github issue #191.
+
+    var generatedMappings = aSourceMap._mappings.toArray().slice();
+    var destGeneratedMappings = smc.__generatedMappings = [];
+    var destOriginalMappings = smc.__originalMappings = [];
+
+    for (var i = 0, length = generatedMappings.length; i < length; i++) {
+      var srcMapping = generatedMappings[i];
+      var destMapping = new Mapping;
+      destMapping.generatedLine = srcMapping.generatedLine;
+      destMapping.generatedColumn = srcMapping.generatedColumn;
+
+      if (srcMapping.source) {
+        destMapping.source = sources.indexOf(srcMapping.source);
+        destMapping.originalLine = srcMapping.originalLine;
+        destMapping.originalColumn = srcMapping.originalColumn;
+
+        if (srcMapping.name) {
+          destMapping.name = names.indexOf(srcMapping.name);
+        }
+
+        destOriginalMappings.push(destMapping);
+      }
+
+      destGeneratedMappings.push(destMapping);
+    }
+
+    quickSort(smc.__originalMappings, util.compareByOriginalPositions);
+
+    return smc;
+  };
+
+/**
+ * The version of the source mapping spec that we are consuming.
+ */
+BasicSourceMapConsumer.prototype._version = 3;
+
+/**
+ * The list of original sources.
+ */
+Object.defineProperty(BasicSourceMapConsumer.prototype, 'sources', {
+  get: function () {
+    return this._absoluteSources.slice();
+  }
+});
+
+/**
+ * Provide the JIT with a nice shape / hidden class.
+ */
+function Mapping() {
+  this.generatedLine = 0;
+  this.generatedColumn = 0;
+  this.source = null;
+  this.originalLine = null;
+  this.originalColumn = null;
+  this.name = null;
+}
+
+/**
+ * Parse the mappings in a string in to a data structure which we can easily
+ * query (the ordered arrays in the `this.__generatedMappings` and
+ * `this.__originalMappings` properties).
+ */
+
+const compareGenerated = util.compareByGeneratedPositionsDeflatedNoLine;
+function sortGenerated(array, start) {
+  let l = array.length;
+  let n = array.length - start;
+  if (n <= 1) {
+    return;
+  } else if (n == 2) {
+    let a = array[start];
+    let b = array[start + 1];
+    if (compareGenerated(a, b) > 0) {
+      array[start] = b;
+      array[start + 1] = a;
+    }
+  } else if (n < 20) {
+    for (let i = start; i < l; i++) {
+      for (let j = i; j > start; j--) {
+        let a = array[j - 1];
+        let b = array[j];
+        if (compareGenerated(a, b) <= 0) {
+          break;
+        }
+        array[j - 1] = b;
+        array[j] = a;
+      }
+    }
+  } else {
+    quickSort(array, compareGenerated, start);
+  }
+}
+BasicSourceMapConsumer.prototype._parseMappings =
+  function SourceMapConsumer_parseMappings(aStr, aSourceRoot) {
+    var generatedLine = 1;
+    var previousGeneratedColumn = 0;
+    var previousOriginalLine = 0;
+    var previousOriginalColumn = 0;
+    var previousSource = 0;
+    var previousName = 0;
+    var length = aStr.length;
+    var index = 0;
+    var cachedSegments = {};
+    var temp = {};
+    var originalMappings = [];
+    var generatedMappings = [];
+    var mapping, str, segment, end, value;
+
+    let subarrayStart = 0;
+    while (index < length) {
+      if (aStr.charAt(index) === ';') {
+        generatedLine++;
+        index++;
+        previousGeneratedColumn = 0;
+
+        sortGenerated(generatedMappings, subarrayStart);
+        subarrayStart = generatedMappings.length;
+      }
+      else if (aStr.charAt(index) === ',') {
+        index++;
+      }
+      else {
+        mapping = new Mapping();
+        mapping.generatedLine = generatedLine;
+
+        for (end = index; end < length; end++) {
+          if (this._charIsMappingSeparator(aStr, end)) {
+            break;
+          }
+        }
+        str = aStr.slice(index, end);
+
+        segment = [];
+        while (index < end) {
+          base64VLQ.decode(aStr, index, temp);
+          value = temp.value;
+          index = temp.rest;
+          segment.push(value);
+        }
+
+        if (segment.length === 2) {
+          throw new Error('Found a source, but no line and column');
+        }
+
+        if (segment.length === 3) {
+          throw new Error('Found a source and line, but no column');
+        }
+
+        // Generated column.
+        mapping.generatedColumn = previousGeneratedColumn + segment[0];
+        previousGeneratedColumn = mapping.generatedColumn;
+
+        if (segment.length > 1) {
+          // Original source.
+          mapping.source = previousSource + segment[1];
+          previousSource += segment[1];
+
+          // Original line.
+          mapping.originalLine = previousOriginalLine + segment[2];
+          previousOriginalLine = mapping.originalLine;
+          // Lines are stored 0-based
+          mapping.originalLine += 1;
+
+          // Original column.
+          mapping.originalColumn = previousOriginalColumn + segment[3];
+          previousOriginalColumn = mapping.originalColumn;
+
+          if (segment.length > 4) {
+            // Original name.
+            mapping.name = previousName + segment[4];
+            previousName += segment[4];
+          }
+        }
+
+        generatedMappings.push(mapping);
+        if (typeof mapping.originalLine === 'number') {
+          let currentSource = mapping.source;
+          while (originalMappings.length <= currentSource) {
+            originalMappings.push(null);
+          }
+          if (originalMappings[currentSource] === null) {
+            originalMappings[currentSource] = [];
+          }
+          originalMappings[currentSource].push(mapping);
+        }
+      }
+    }
+
+    sortGenerated(generatedMappings, subarrayStart);
+    this.__generatedMappings = generatedMappings;
+
+    for (var i = 0; i < originalMappings.length; i++) {
+      if (originalMappings[i] != null) {
+        quickSort(originalMappings[i], util.compareByOriginalPositionsNoSource);
+      }
+    }
+    this.__originalMappings = [].concat(...originalMappings);
+  };
+
+/**
+ * Find the mapping that best matches the hypothetical "needle" mapping that
+ * we are searching for in the given "haystack" of mappings.
+ */
+BasicSourceMapConsumer.prototype._findMapping =
+  function SourceMapConsumer_findMapping(aNeedle, aMappings, aLineName,
+                                         aColumnName, aComparator, aBias) {
+    // To return the position we are searching for, we must first find the
+    // mapping for the given position and then return the opposite position it
+    // points to. Because the mappings are sorted, we can use binary search to
+    // find the best mapping.
+
+    if (aNeedle[aLineName] <= 0) {
+      throw new TypeError('Line must be greater than or equal to 1, got '
+                          + aNeedle[aLineName]);
+    }
+    if (aNeedle[aColumnName] < 0) {
+      throw new TypeError('Column must be greater than or equal to 0, got '
+                          + aNeedle[aColumnName]);
+    }
+
+    return binarySearch.search(aNeedle, aMappings, aComparator, aBias);
+  };
+
+/**
+ * Compute the last column for each generated mapping. The last column is
+ * inclusive.
+ */
+BasicSourceMapConsumer.prototype.computeColumnSpans =
+  function SourceMapConsumer_computeColumnSpans() {
+    for (var index = 0; index < this._generatedMappings.length; ++index) {
+      var mapping = this._generatedMappings[index];
+
+      // Mappings do not contain a field for the last generated columnt. We
+      // can come up with an optimistic estimate, however, by assuming that
+      // mappings are contiguous (i.e. given two consecutive mappings, the
+      // first mapping ends where the second one starts).
+      if (index + 1 < this._generatedMappings.length) {
+        var nextMapping = this._generatedMappings[index + 1];
+
+        if (mapping.generatedLine === nextMapping.generatedLine) {
+          mapping.lastGeneratedColumn = nextMapping.generatedColumn - 1;
+          continue;
+        }
+      }
+
+      // The last mapping for each line spans the entire line.
+      mapping.lastGeneratedColumn = Infinity;
+    }
+  };
+
+/**
+ * Returns the original source, line, and column information for the generated
+ * source's line and column positions provided. The only argument is an object
+ * with the following properties:
+ *
+ *   - line: The line number in the generated source.  The line number
+ *     is 1-based.
+ *   - column: The column number in the generated source.  The column
+ *     number is 0-based.
+ *   - bias: Either 'SourceMapConsumer.GREATEST_LOWER_BOUND' or
+ *     'SourceMapConsumer.LEAST_UPPER_BOUND'. Specifies whether to return the
+ *     closest element that is smaller than or greater than the one we are
+ *     searching for, respectively, if the exact element cannot be found.
+ *     Defaults to 'SourceMapConsumer.GREATEST_LOWER_BOUND'.
+ *
+ * and an object is returned with the following properties:
+ *
+ *   - source: The original source file, or null.
+ *   - line: The line number in the original source, or null.  The
+ *     line number is 1-based.
+ *   - column: The column number in the original source, or null.  The
+ *     column number is 0-based.
+ *   - name: The original identifier, or null.
+ */
+BasicSourceMapConsumer.prototype.originalPositionFor =
+  function SourceMapConsumer_originalPositionFor(aArgs) {
+    var needle = {
+      generatedLine: util.getArg(aArgs, 'line'),
+      generatedColumn: util.getArg(aArgs, 'column')
+    };
+
+    var index = this._findMapping(
+      needle,
+      this._generatedMappings,
+      "generatedLine",
+      "generatedColumn",
+      util.compareByGeneratedPositionsDeflated,
+      util.getArg(aArgs, 'bias', SourceMapConsumer.GREATEST_LOWER_BOUND)
+    );
+
+    if (index >= 0) {
+      var mapping = this._generatedMappings[index];
+
+      if (mapping.generatedLine === needle.generatedLine) {
+        var source = util.getArg(mapping, 'source', null);
+        if (source !== null) {
+          source = this._sources.at(source);
+          source = util.computeSourceURL(this.sourceRoot, source, this._sourceMapURL);
+        }
+        var name = util.getArg(mapping, 'name', null);
+        if (name !== null) {
+          name = this._names.at(name);
+        }
+        return {
+          source: source,
+          line: util.getArg(mapping, 'originalLine', null),
+          column: util.getArg(mapping, 'originalColumn', null),
+          name: name
+        };
+      }
+    }
+
+    return {
+      source: null,
+      line: null,
+      column: null,
+      name: null
+    };
+  };
+
+/**
+ * Return true if we have the source content for every source in the source
+ * map, false otherwise.
+ */
+BasicSourceMapConsumer.prototype.hasContentsOfAllSources =
+  function BasicSourceMapConsumer_hasContentsOfAllSources() {
+    if (!this.sourcesContent) {
+      return false;
+    }
+    return this.sourcesContent.length >= this._sources.size() &&
+      !this.sourcesContent.some(function (sc) { return sc == null; });
+  };
+
+/**
+ * Returns the original source content. The only argument is the url of the
+ * original source file. Returns null if no original source content is
+ * available.
+ */
+BasicSourceMapConsumer.prototype.sourceContentFor =
+  function SourceMapConsumer_sourceContentFor(aSource, nullOnMissing) {
+    if (!this.sourcesContent) {
+      return null;
+    }
+
+    var index = this._findSourceIndex(aSource);
+    if (index >= 0) {
+      return this.sourcesContent[index];
+    }
+
+    var relativeSource = aSource;
+    if (this.sourceRoot != null) {
+      relativeSource = util.relative(this.sourceRoot, relativeSource);
+    }
+
+    var url;
+    if (this.sourceRoot != null
+        && (url = util.urlParse(this.sourceRoot))) {
+      // XXX: file:// URIs and absolute paths lead to unexpected behavior for
+      // many users. We can help them out when they expect file:// URIs to
+      // behave like it would if they were running a local HTTP server. See
+      // https://bugzilla.mozilla.org/show_bug.cgi?id=885597.
+      var fileUriAbsPath = relativeSource.replace(/^file:\/\//, "");
+      if (url.scheme == "file"
+          && this._sources.has(fileUriAbsPath)) {
+        return this.sourcesContent[this._sources.indexOf(fileUriAbsPath)]
+      }
+
+      if ((!url.path || url.path == "/")
+          && this._sources.has("/" + relativeSource)) {
+        return this.sourcesContent[this._sources.indexOf("/" + relativeSource)];
+      }
+    }
+
+    // This function is used recursively from
+    // IndexedSourceMapConsumer.prototype.sourceContentFor. In that case, we
+    // don't want to throw if we can't find the source - we just want to
+    // return null, so we provide a flag to exit gracefully.
+    if (nullOnMissing) {
+      return null;
+    }
+    else {
+      throw new Error('"' + relativeSource + '" is not in the SourceMap.');
+    }
+  };
+
+/**
+ * Returns the generated line and column information for the original source,
+ * line, and column positions provided. The only argument is an object with
+ * the following properties:
+ *
+ *   - source: The filename of the original source.
+ *   - line: The line number in the original source.  The line number
+ *     is 1-based.
+ *   - column: The column number in the original source.  The column
+ *     number is 0-based.
+ *   - bias: Either 'SourceMapConsumer.GREATEST_LOWER_BOUND' or
+ *     'SourceMapConsumer.LEAST_UPPER_BOUND'. Specifies whether to return the
+ *     closest element that is smaller than or greater than the one we are
+ *     searching for, respectively, if the exact element cannot be found.
+ *     Defaults to 'SourceMapConsumer.GREATEST_LOWER_BOUND'.
+ *
+ * and an object is returned with the following properties:
+ *
+ *   - line: The line number in the generated source, or null.  The
+ *     line number is 1-based.
+ *   - column: The column number in the generated source, or null.
+ *     The column number is 0-based.
+ */
+BasicSourceMapConsumer.prototype.generatedPositionFor =
+  function SourceMapConsumer_generatedPositionFor(aArgs) {
+    var source = util.getArg(aArgs, 'source');
+    source = this._findSourceIndex(source);
+    if (source < 0) {
+      return {
+        line: null,
+        column: null,
+        lastColumn: null
+      };
+    }
+
+    var needle = {
+      source: source,
+      originalLine: util.getArg(aArgs, 'line'),
+      originalColumn: util.getArg(aArgs, 'column')
+    };
+
+    var index = this._findMapping(
+      needle,
+      this._originalMappings,
+      "originalLine",
+      "originalColumn",
+      util.compareByOriginalPositions,
+      util.getArg(aArgs, 'bias', SourceMapConsumer.GREATEST_LOWER_BOUND)
+    );
+
+    if (index >= 0) {
+      var mapping = this._originalMappings[index];
+
+      if (mapping.source === needle.source) {
+        return {
+          line: util.getArg(mapping, 'generatedLine', null),
+          column: util.getArg(mapping, 'generatedColumn', null),
+          lastColumn: util.getArg(mapping, 'lastGeneratedColumn', null)
+        };
+      }
+    }
+
+    return {
+      line: null,
+      column: null,
+      lastColumn: null
+    };
+  };
+
+exports.BasicSourceMapConsumer = BasicSourceMapConsumer;
+
+/**
+ * An IndexedSourceMapConsumer instance represents a parsed source map which
+ * we can query for information. It differs from BasicSourceMapConsumer in
+ * that it takes "indexed" source maps (i.e. ones with a "sections" field) as
+ * input.
+ *
+ * The first parameter is a raw source map (either as a JSON string, or already
+ * parsed to an object). According to the spec for indexed source maps, they
+ * have the following attributes:
+ *
+ *   - version: Which version of the source map spec this map is following.
+ *   - file: Optional. The generated file this source map is associated with.
+ *   - sections: A list of section definitions.
+ *
+ * Each value under the "sections" field has two fields:
+ *   - offset: The offset into the original specified at which this section
+ *       begins to apply, defined as an object with a "line" and "column"
+ *       field.
+ *   - map: A source map definition. This source map could also be indexed,
+ *       but doesn't have to be.
+ *
+ * Instead of the "map" field, it's also possible to have a "url" field
+ * specifying a URL to retrieve a source map from, but that's currently
+ * unsupported.
+ *
+ * Here's an example source map, taken from the source map spec[0], but
+ * modified to omit a section which uses the "url" field.
+ *
+ *  {
+ *    version : 3,
+ *    file: "app.js",
+ *    sections: [{
+ *      offset: {line:100, column:10},
+ *      map: {
+ *        version : 3,
+ *        file: "section.js",
+ *        sources: ["foo.js", "bar.js"],
+ *        names: ["src", "maps", "are", "fun"],
+ *        mappings: "AAAA,E;;ABCDE;"
+ *      }
+ *    }],
+ *  }
+ *
+ * The second parameter, if given, is a string whose value is the URL
+ * at which the source map was found.  This URL is used to compute the
+ * sources array.
+ *
+ * [0]: https://docs.google.com/document/d/1U1RGAehQwRypUTovF1KRlpiOFze0b-_2gc6fAH0KY0k/edit#heading=h.535es3xeprgt
+ */
+function IndexedSourceMapConsumer(aSourceMap, aSourceMapURL) {
+  var sourceMap = aSourceMap;
+  if (typeof aSourceMap === 'string') {
+    sourceMap = util.parseSourceMapInput(aSourceMap);
+  }
+
+  var version = util.getArg(sourceMap, 'version');
+  var sections = util.getArg(sourceMap, 'sections');
+
+  if (version != this._version) {
+    throw new Error('Unsupported version: ' + version);
+  }
+
+  this._sources = new ArraySet();
+  this._names = new ArraySet();
+
+  var lastOffset = {
+    line: -1,
+    column: 0
+  };
+  this._sections = sections.map(function (s) {
+    if (s.url) {
+      // The url field will require support for asynchronicity.
+      // See https://github.com/mozilla/source-map/issues/16
+      throw new Error('Support for url field in sections not implemented.');
+    }
+    var offset = util.getArg(s, 'offset');
+    var offsetLine = util.getArg(offset, 'line');
+    var offsetColumn = util.getArg(offset, 'column');
+
+    if (offsetLine < lastOffset.line ||
+        (offsetLine === lastOffset.line && offsetColumn < lastOffset.column)) {
+      throw new Error('Section offsets must be ordered and non-overlapping.');
+    }
+    lastOffset = offset;
+
+    return {
+      generatedOffset: {
+        // The offset fields are 0-based, but we use 1-based indices when
+        // encoding/decoding from VLQ.
+        generatedLine: offsetLine + 1,
+        generatedColumn: offsetColumn + 1
+      },
+      consumer: new SourceMapConsumer(util.getArg(s, 'map'), aSourceMapURL)
+    }
+  });
+}
+
+IndexedSourceMapConsumer.prototype = Object.create(SourceMapConsumer.prototype);
+IndexedSourceMapConsumer.prototype.constructor = SourceMapConsumer;
+
+/**
+ * The version of the source mapping spec that we are consuming.
+ */
+IndexedSourceMapConsumer.prototype._version = 3;
+
+/**
+ * The list of original sources.
+ */
+Object.defineProperty(IndexedSourceMapConsumer.prototype, 'sources', {
+  get: function () {
+    var sources = [];
+    for (var i = 0; i < this._sections.length; i++) {
+      for (var j = 0; j < this._sections[i].consumer.sources.length; j++) {
+        sources.push(this._sections[i].consumer.sources[j]);
+      }
+    }
+    return sources;
+  }
+});
+
+/**
+ * Returns the original source, line, and column information for the generated
+ * source's line and column positions provided. The only argument is an object
+ * with the following properties:
+ *
+ *   - line: The line number in the generated source.  The line number
+ *     is 1-based.
+ *   - column: The column number in the generated source.  The column
+ *     number is 0-based.
+ *
+ * and an object is returned with the following properties:
+ *
+ *   - source: The original source file, or null.
+ *   - line: The line number in the original source, or null.  The
+ *     line number is 1-based.
+ *   - column: The column number in the original source, or null.  The
+ *     column number is 0-based.
+ *   - name: The original identifier, or null.
+ */
+IndexedSourceMapConsumer.prototype.originalPositionFor =
+  function IndexedSourceMapConsumer_originalPositionFor(aArgs) {
+    var needle = {
+      generatedLine: util.getArg(aArgs, 'line'),
+      generatedColumn: util.getArg(aArgs, 'column')
+    };
+
+    // Find the section containing the generated position we're trying to map
+    // to an original position.
+    var sectionIndex = binarySearch.search(needle, this._sections,
+      function(needle, section) {
+        var cmp = needle.generatedLine - section.generatedOffset.generatedLine;
+        if (cmp) {
+          return cmp;
+        }
+
+        return (needle.generatedColumn -
+                section.generatedOffset.generatedColumn);
+      });
+    var section = this._sections[sectionIndex];
+
+    if (!section) {
+      return {
+        source: null,
+        line: null,
+        column: null,
+        name: null
+      };
+    }
+
+    return section.consumer.originalPositionFor({
+      line: needle.generatedLine -
+        (section.generatedOffset.generatedLine - 1),
+      column: needle.generatedColumn -
+        (section.generatedOffset.generatedLine === needle.generatedLine
+         ? section.generatedOffset.generatedColumn - 1
+         : 0),
+      bias: aArgs.bias
+    });
+  };
+
+/**
+ * Return true if we have the source content for every source in the source
+ * map, false otherwise.
+ */
+IndexedSourceMapConsumer.prototype.hasContentsOfAllSources =
+  function IndexedSourceMapConsumer_hasContentsOfAllSources() {
+    return this._sections.every(function (s) {
+      return s.consumer.hasContentsOfAllSources();
+    });
+  };
+
+/**
+ * Returns the original source content. The only argument is the url of the
+ * original source file. Returns null if no original source content is
+ * available.
+ */
+IndexedSourceMapConsumer.prototype.sourceContentFor =
+  function IndexedSourceMapConsumer_sourceContentFor(aSource, nullOnMissing) {
+    for (var i = 0; i < this._sections.length; i++) {
+      var section = this._sections[i];
+
+      var content = section.consumer.sourceContentFor(aSource, true);
+      if (content || content === '') {
+        return content;
+      }
+    }
+    if (nullOnMissing) {
+      return null;
+    }
+    else {
+      throw new Error('"' + aSource + '" is not in the SourceMap.');
+    }
+  };
+
+/**
+ * Returns the generated line and column information for the original source,
+ * line, and column positions provided. The only argument is an object with
+ * the following properties:
+ *
+ *   - source: The filename of the original source.
+ *   - line: The line number in the original source.  The line number
+ *     is 1-based.
+ *   - column: The column number in the original source.  The column
+ *     number is 0-based.
+ *
+ * and an object is returned with the following properties:
+ *
+ *   - line: The line number in the generated source, or null.  The
+ *     line number is 1-based. 
+ *   - column: The column number in the generated source, or null.
+ *     The column number is 0-based.
+ */
+IndexedSourceMapConsumer.prototype.generatedPositionFor =
+  function IndexedSourceMapConsumer_generatedPositionFor(aArgs) {
+    for (var i = 0; i < this._sections.length; i++) {
+      var section = this._sections[i];
+
+      // Only consider this section if the requested source is in the list of
+      // sources of the consumer.
+      if (section.consumer._findSourceIndex(util.getArg(aArgs, 'source')) === -1) {
+        continue;
+      }
+      var generatedPosition = section.consumer.generatedPositionFor(aArgs);
+      if (generatedPosition) {
+        var ret = {
+          line: generatedPosition.line +
+            (section.generatedOffset.generatedLine - 1),
+          column: generatedPosition.column +
+            (section.generatedOffset.generatedLine === generatedPosition.line
+             ? section.generatedOffset.generatedColumn - 1
+             : 0)
+        };
+        return ret;
+      }
+    }
+
+    return {
+      line: null,
+      column: null
+    };
+  };
+
+/**
+ * Parse the mappings in a string in to a data structure which we can easily
+ * query (the ordered arrays in the `this.__generatedMappings` and
+ * `this.__originalMappings` properties).
+ */
+IndexedSourceMapConsumer.prototype._parseMappings =
+  function IndexedSourceMapConsumer_parseMappings(aStr, aSourceRoot) {
+    this.__generatedMappings = [];
+    this.__originalMappings = [];
+    for (var i = 0; i < this._sections.length; i++) {
+      var section = this._sections[i];
+      var sectionMappings = section.consumer._generatedMappings;
+      for (var j = 0; j < sectionMappings.length; j++) {
+        var mapping = sectionMappings[j];
+
+        var source = section.consumer._sources.at(mapping.source);
+        if(source !== null) {
+          source = util.computeSourceURL(section.consumer.sourceRoot, source, this._sourceMapURL);
+        }
+        this._sources.add(source);
+        source = this._sources.indexOf(source);
+
+        var name = null;
+        if (mapping.name) {
+          name = section.consumer._names.at(mapping.name);
+          this._names.add(name);
+          name = this._names.indexOf(name);
+        }
+
+        // The mappings coming from the consumer for the section have
+        // generated positions relative to the start of the section, so we
+        // need to offset them to be relative to the start of the concatenated
+        // generated file.
+        var adjustedMapping = {
+          source: source,
+          generatedLine: mapping.generatedLine +
+            (section.generatedOffset.generatedLine - 1),
+          generatedColumn: mapping.generatedColumn +
+            (section.generatedOffset.generatedLine === mapping.generatedLine
+            ? section.generatedOffset.generatedColumn - 1
+            : 0),
+          originalLine: mapping.originalLine,
+          originalColumn: mapping.originalColumn,
+          name: name
+        };
+
+        this.__generatedMappings.push(adjustedMapping);
+        if (typeof adjustedMapping.originalLine === 'number') {
+          this.__originalMappings.push(adjustedMapping);
+        }
+      }
+    }
+
+    quickSort(this.__generatedMappings, util.compareByGeneratedPositionsDeflated);
+    quickSort(this.__originalMappings, util.compareByOriginalPositions);
+  };
+
+exports.IndexedSourceMapConsumer = IndexedSourceMapConsumer;
diff --git a/node_modules/source-map-js/lib/source-map-generator.d.ts b/node_modules/source-map-js/lib/source-map-generator.d.ts
new file mode 100644
index 0000000..f59d70a
--- /dev/null
+++ b/node_modules/source-map-js/lib/source-map-generator.d.ts
@@ -0,0 +1 @@
+export { SourceMapGenerator } from '..';
diff --git a/node_modules/source-map-js/lib/source-map-generator.js b/node_modules/source-map-js/lib/source-map-generator.js
new file mode 100644
index 0000000..bab04ff
--- /dev/null
+++ b/node_modules/source-map-js/lib/source-map-generator.js
@@ -0,0 +1,444 @@
+/* -*- Mode: js; js-indent-level: 2; -*- */
+/*
+ * Copyright 2011 Mozilla Foundation and contributors
+ * Licensed under the New BSD license. See LICENSE or:
+ * http://opensource.org/licenses/BSD-3-Clause
+ */
+
+var base64VLQ = require('./base64-vlq');
+var util = require('./util');
+var ArraySet = require('./array-set').ArraySet;
+var MappingList = require('./mapping-list').MappingList;
+
+/**
+ * An instance of the SourceMapGenerator represents a source map which is
+ * being built incrementally. You may pass an object with the following
+ * properties:
+ *
+ *   - file: The filename of the generated source.
+ *   - sourceRoot: A root for all relative URLs in this source map.
+ */
+function SourceMapGenerator(aArgs) {
+  if (!aArgs) {
+    aArgs = {};
+  }
+  this._file = util.getArg(aArgs, 'file', null);
+  this._sourceRoot = util.getArg(aArgs, 'sourceRoot', null);
+  this._skipValidation = util.getArg(aArgs, 'skipValidation', false);
+  this._ignoreInvalidMapping = util.getArg(aArgs, 'ignoreInvalidMapping', false);
+  this._sources = new ArraySet();
+  this._names = new ArraySet();
+  this._mappings = new MappingList();
+  this._sourcesContents = null;
+}
+
+SourceMapGenerator.prototype._version = 3;
+
+/**
+ * Creates a new SourceMapGenerator based on a SourceMapConsumer
+ *
+ * @param aSourceMapConsumer The SourceMap.
+ */
+SourceMapGenerator.fromSourceMap =
+  function SourceMapGenerator_fromSourceMap(aSourceMapConsumer, generatorOps) {
+    var sourceRoot = aSourceMapConsumer.sourceRoot;
+    var generator = new SourceMapGenerator(Object.assign(generatorOps || {}, {
+      file: aSourceMapConsumer.file,
+      sourceRoot: sourceRoot
+    }));
+    aSourceMapConsumer.eachMapping(function (mapping) {
+      var newMapping = {
+        generated: {
+          line: mapping.generatedLine,
+          column: mapping.generatedColumn
+        }
+      };
+
+      if (mapping.source != null) {
+        newMapping.source = mapping.source;
+        if (sourceRoot != null) {
+          newMapping.source = util.relative(sourceRoot, newMapping.source);
+        }
+
+        newMapping.original = {
+          line: mapping.originalLine,
+          column: mapping.originalColumn
+        };
+
+        if (mapping.name != null) {
+          newMapping.name = mapping.name;
+        }
+      }
+
+      generator.addMapping(newMapping);
+    });
+    aSourceMapConsumer.sources.forEach(function (sourceFile) {
+      var sourceRelative = sourceFile;
+      if (sourceRoot !== null) {
+        sourceRelative = util.relative(sourceRoot, sourceFile);
+      }
+
+      if (!generator._sources.has(sourceRelative)) {
+        generator._sources.add(sourceRelative);
+      }
+
+      var content = aSourceMapConsumer.sourceContentFor(sourceFile);
+      if (content != null) {
+        generator.setSourceContent(sourceFile, content);
+      }
+    });
+    return generator;
+  };
+
+/**
+ * Add a single mapping from original source line and column to the generated
+ * source's line and column for this source map being created. The mapping
+ * object should have the following properties:
+ *
+ *   - generated: An object with the generated line and column positions.
+ *   - original: An object with the original line and column positions.
+ *   - source: The original source file (relative to the sourceRoot).
+ *   - name: An optional original token name for this mapping.
+ */
+SourceMapGenerator.prototype.addMapping =
+  function SourceMapGenerator_addMapping(aArgs) {
+    var generated = util.getArg(aArgs, 'generated');
+    var original = util.getArg(aArgs, 'original', null);
+    var source = util.getArg(aArgs, 'source', null);
+    var name = util.getArg(aArgs, 'name', null);
+
+    if (!this._skipValidation) {
+      if (this._validateMapping(generated, original, source, name) === false) {
+        return;
+      }
+    }
+
+    if (source != null) {
+      source = String(source);
+      if (!this._sources.has(source)) {
+        this._sources.add(source);
+      }
+    }
+
+    if (name != null) {
+      name = String(name);
+      if (!this._names.has(name)) {
+        this._names.add(name);
+      }
+    }
+
+    this._mappings.add({
+      generatedLine: generated.line,
+      generatedColumn: generated.column,
+      originalLine: original != null && original.line,
+      originalColumn: original != null && original.column,
+      source: source,
+      name: name
+    });
+  };
+
+/**
+ * Set the source content for a source file.
+ */
+SourceMapGenerator.prototype.setSourceContent =
+  function SourceMapGenerator_setSourceContent(aSourceFile, aSourceContent) {
+    var source = aSourceFile;
+    if (this._sourceRoot != null) {
+      source = util.relative(this._sourceRoot, source);
+    }
+
+    if (aSourceContent != null) {
+      // Add the source content to the _sourcesContents map.
+      // Create a new _sourcesContents map if the property is null.
+      if (!this._sourcesContents) {
+        this._sourcesContents = Object.create(null);
+      }
+      this._sourcesContents[util.toSetString(source)] = aSourceContent;
+    } else if (this._sourcesContents) {
+      // Remove the source file from the _sourcesContents map.
+      // If the _sourcesContents map is empty, set the property to null.
+      delete this._sourcesContents[util.toSetString(source)];
+      if (Object.keys(this._sourcesContents).length === 0) {
+        this._sourcesContents = null;
+      }
+    }
+  };
+
+/**
+ * Applies the mappings of a sub-source-map for a specific source file to the
+ * source map being generated. Each mapping to the supplied source file is
+ * rewritten using the supplied source map. Note: The resolution for the
+ * resulting mappings is the minimium of this map and the supplied map.
+ *
+ * @param aSourceMapConsumer The source map to be applied.
+ * @param aSourceFile Optional. The filename of the source file.
+ *        If omitted, SourceMapConsumer's file property will be used.
+ * @param aSourceMapPath Optional. The dirname of the path to the source map
+ *        to be applied. If relative, it is relative to the SourceMapConsumer.
+ *        This parameter is needed when the two source maps aren't in the same
+ *        directory, and the source map to be applied contains relative source
+ *        paths. If so, those relative source paths need to be rewritten
+ *        relative to the SourceMapGenerator.
+ */
+SourceMapGenerator.prototype.applySourceMap =
+  function SourceMapGenerator_applySourceMap(aSourceMapConsumer, aSourceFile, aSourceMapPath) {
+    var sourceFile = aSourceFile;
+    // If aSourceFile is omitted, we will use the file property of the SourceMap
+    if (aSourceFile == null) {
+      if (aSourceMapConsumer.file == null) {
+        throw new Error(
+          'SourceMapGenerator.prototype.applySourceMap requires either an explicit source file, ' +
+          'or the source map\'s "file" property. Both were omitted.'
+        );
+      }
+      sourceFile = aSourceMapConsumer.file;
+    }
+    var sourceRoot = this._sourceRoot;
+    // Make "sourceFile" relative if an absolute Url is passed.
+    if (sourceRoot != null) {
+      sourceFile = util.relative(sourceRoot, sourceFile);
+    }
+    // Applying the SourceMap can add and remove items from the sources and
+    // the names array.
+    var newSources = new ArraySet();
+    var newNames = new ArraySet();
+
+    // Find mappings for the "sourceFile"
+    this._mappings.unsortedForEach(function (mapping) {
+      if (mapping.source === sourceFile && mapping.originalLine != null) {
+        // Check if it can be mapped by the source map, then update the mapping.
+        var original = aSourceMapConsumer.originalPositionFor({
+          line: mapping.originalLine,
+          column: mapping.originalColumn
+        });
+        if (original.source != null) {
+          // Copy mapping
+          mapping.source = original.source;
+          if (aSourceMapPath != null) {
+            mapping.source = util.join(aSourceMapPath, mapping.source)
+          }
+          if (sourceRoot != null) {
+            mapping.source = util.relative(sourceRoot, mapping.source);
+          }
+          mapping.originalLine = original.line;
+          mapping.originalColumn = original.column;
+          if (original.name != null) {
+            mapping.name = original.name;
+          }
+        }
+      }
+
+      var source = mapping.source;
+      if (source != null && !newSources.has(source)) {
+        newSources.add(source);
+      }
+
+      var name = mapping.name;
+      if (name != null && !newNames.has(name)) {
+        newNames.add(name);
+      }
+
+    }, this);
+    this._sources = newSources;
+    this._names = newNames;
+
+    // Copy sourcesContents of applied map.
+    aSourceMapConsumer.sources.forEach(function (sourceFile) {
+      var content = aSourceMapConsumer.sourceContentFor(sourceFile);
+      if (content != null) {
+        if (aSourceMapPath != null) {
+          sourceFile = util.join(aSourceMapPath, sourceFile);
+        }
+        if (sourceRoot != null) {
+          sourceFile = util.relative(sourceRoot, sourceFile);
+        }
+        this.setSourceContent(sourceFile, content);
+      }
+    }, this);
+  };
+
+/**
+ * A mapping can have one of the three levels of data:
+ *
+ *   1. Just the generated position.
+ *   2. The Generated position, original position, and original source.
+ *   3. Generated and original position, original source, as well as a name
+ *      token.
+ *
+ * To maintain consistency, we validate that any new mapping being added falls
+ * in to one of these categories.
+ */
+SourceMapGenerator.prototype._validateMapping =
+  function SourceMapGenerator_validateMapping(aGenerated, aOriginal, aSource,
+                                              aName) {
+    // When aOriginal is truthy but has empty values for .line and .column,
+    // it is most likely a programmer error. In this case we throw a very
+    // specific error message to try to guide them the right way.
+    // For example: https://github.com/Polymer/polymer-bundler/pull/519
+    if (aOriginal && typeof aOriginal.line !== 'number' && typeof aOriginal.column !== 'number') {
+      var message = 'original.line and original.column are not numbers -- you probably meant to omit ' +
+      'the original mapping entirely and only map the generated position. If so, pass ' +
+      'null for the original mapping instead of an object with empty or null values.'
+
+      if (this._ignoreInvalidMapping) {
+        if (typeof console !== 'undefined' && console.warn) {
+          console.warn(message);
+        }
+        return false;
+      } else {
+        throw new Error(message);
+      }
+    }
+
+    if (aGenerated && 'line' in aGenerated && 'column' in aGenerated
+        && aGenerated.line > 0 && aGenerated.column >= 0
+        && !aOriginal && !aSource && !aName) {
+      // Case 1.
+      return;
+    }
+    else if (aGenerated && 'line' in aGenerated && 'column' in aGenerated
+             && aOriginal && 'line' in aOriginal && 'column' in aOriginal
+             && aGenerated.line > 0 && aGenerated.column >= 0
+             && aOriginal.line > 0 && aOriginal.column >= 0
+             && aSource) {
+      // Cases 2 and 3.
+      return;
+    }
+    else {
+      var message = 'Invalid mapping: ' + JSON.stringify({
+        generated: aGenerated,
+        source: aSource,
+        original: aOriginal,
+        name: aName
+      });
+
+      if (this._ignoreInvalidMapping) {
+        if (typeof console !== 'undefined' && console.warn) {
+          console.warn(message);
+        }
+        return false;
+      } else {
+        throw new Error(message)
+      }
+    }
+  };
+
+/**
+ * Serialize the accumulated mappings in to the stream of base 64 VLQs
+ * specified by the source map format.
+ */
+SourceMapGenerator.prototype._serializeMappings =
+  function SourceMapGenerator_serializeMappings() {
+    var previousGeneratedColumn = 0;
+    var previousGeneratedLine = 1;
+    var previousOriginalColumn = 0;
+    var previousOriginalLine = 0;
+    var previousName = 0;
+    var previousSource = 0;
+    var result = '';
+    var next;
+    var mapping;
+    var nameIdx;
+    var sourceIdx;
+
+    var mappings = this._mappings.toArray();
+    for (var i = 0, len = mappings.length; i < len; i++) {
+      mapping = mappings[i];
+      next = ''
+
+      if (mapping.generatedLine !== previousGeneratedLine) {
+        previousGeneratedColumn = 0;
+        while (mapping.generatedLine !== previousGeneratedLine) {
+          next += ';';
+          previousGeneratedLine++;
+        }
+      }
+      else {
+        if (i > 0) {
+          if (!util.compareByGeneratedPositionsInflated(mapping, mappings[i - 1])) {
+            continue;
+          }
+          next += ',';
+        }
+      }
+
+      next += base64VLQ.encode(mapping.generatedColumn
+                                 - previousGeneratedColumn);
+      previousGeneratedColumn = mapping.generatedColumn;
+
+      if (mapping.source != null) {
+        sourceIdx = this._sources.indexOf(mapping.source);
+        next += base64VLQ.encode(sourceIdx - previousSource);
+        previousSource = sourceIdx;
+
+        // lines are stored 0-based in SourceMap spec version 3
+        next += base64VLQ.encode(mapping.originalLine - 1
+                                   - previousOriginalLine);
+        previousOriginalLine = mapping.originalLine - 1;
+
+        next += base64VLQ.encode(mapping.originalColumn
+                                   - previousOriginalColumn);
+        previousOriginalColumn = mapping.originalColumn;
+
+        if (mapping.name != null) {
+          nameIdx = this._names.indexOf(mapping.name);
+          next += base64VLQ.encode(nameIdx - previousName);
+          previousName = nameIdx;
+        }
+      }
+
+      result += next;
+    }
+
+    return result;
+  };
+
+SourceMapGenerator.prototype._generateSourcesContent =
+  function SourceMapGenerator_generateSourcesContent(aSources, aSourceRoot) {
+    return aSources.map(function (source) {
+      if (!this._sourcesContents) {
+        return null;
+      }
+      if (aSourceRoot != null) {
+        source = util.relative(aSourceRoot, source);
+      }
+      var key = util.toSetString(source);
+      return Object.prototype.hasOwnProperty.call(this._sourcesContents, key)
+        ? this._sourcesContents[key]
+        : null;
+    }, this);
+  };
+
+/**
+ * Externalize the source map.
+ */
+SourceMapGenerator.prototype.toJSON =
+  function SourceMapGenerator_toJSON() {
+    var map = {
+      version: this._version,
+      sources: this._sources.toArray(),
+      names: this._names.toArray(),
+      mappings: this._serializeMappings()
+    };
+    if (this._file != null) {
+      map.file = this._file;
+    }
+    if (this._sourceRoot != null) {
+      map.sourceRoot = this._sourceRoot;
+    }
+    if (this._sourcesContents) {
+      map.sourcesContent = this._generateSourcesContent(map.sources, map.sourceRoot);
+    }
+
+    return map;
+  };
+
+/**
+ * Render the source map being generated to a string.
+ */
+SourceMapGenerator.prototype.toString =
+  function SourceMapGenerator_toString() {
+    return JSON.stringify(this.toJSON());
+  };
+
+exports.SourceMapGenerator = SourceMapGenerator;
diff --git a/node_modules/source-map-js/lib/source-node.d.ts b/node_modules/source-map-js/lib/source-node.d.ts
new file mode 100644
index 0000000..4df6a1a
--- /dev/null
+++ b/node_modules/source-map-js/lib/source-node.d.ts
@@ -0,0 +1 @@
+export { SourceNode } from '..';
diff --git a/node_modules/source-map-js/lib/source-node.js b/node_modules/source-map-js/lib/source-node.js
new file mode 100644
index 0000000..8bcdbe3
--- /dev/null
+++ b/node_modules/source-map-js/lib/source-node.js
@@ -0,0 +1,413 @@
+/* -*- Mode: js; js-indent-level: 2; -*- */
+/*
+ * Copyright 2011 Mozilla Foundation and contributors
+ * Licensed under the New BSD license. See LICENSE or:
+ * http://opensource.org/licenses/BSD-3-Clause
+ */
+
+var SourceMapGenerator = require('./source-map-generator').SourceMapGenerator;
+var util = require('./util');
+
+// Matches a Windows-style `\r\n` newline or a `\n` newline used by all other
+// operating systems these days (capturing the result).
+var REGEX_NEWLINE = /(\r?\n)/;
+
+// Newline character code for charCodeAt() comparisons
+var NEWLINE_CODE = 10;
+
+// Private symbol for identifying `SourceNode`s when multiple versions of
+// the source-map library are loaded. This MUST NOT CHANGE across
+// versions!
+var isSourceNode = "$$$isSourceNode$$$";
+
+/**
+ * SourceNodes provide a way to abstract over interpolating/concatenating
+ * snippets of generated JavaScript source code while maintaining the line and
+ * column information associated with the original source code.
+ *
+ * @param aLine The original line number.
+ * @param aColumn The original column number.
+ * @param aSource The original source's filename.
+ * @param aChunks Optional. An array of strings which are snippets of
+ *        generated JS, or other SourceNodes.
+ * @param aName The original identifier.
+ */
+function SourceNode(aLine, aColumn, aSource, aChunks, aName) {
+  this.children = [];
+  this.sourceContents = {};
+  this.line = aLine == null ? null : aLine;
+  this.column = aColumn == null ? null : aColumn;
+  this.source = aSource == null ? null : aSource;
+  this.name = aName == null ? null : aName;
+  this[isSourceNode] = true;
+  if (aChunks != null) this.add(aChunks);
+}
+
+/**
+ * Creates a SourceNode from generated code and a SourceMapConsumer.
+ *
+ * @param aGeneratedCode The generated code
+ * @param aSourceMapConsumer The SourceMap for the generated code
+ * @param aRelativePath Optional. The path that relative sources in the
+ *        SourceMapConsumer should be relative to.
+ */
+SourceNode.fromStringWithSourceMap =
+  function SourceNode_fromStringWithSourceMap(aGeneratedCode, aSourceMapConsumer, aRelativePath) {
+    // The SourceNode we want to fill with the generated code
+    // and the SourceMap
+    var node = new SourceNode();
+
+    // All even indices of this array are one line of the generated code,
+    // while all odd indices are the newlines between two adjacent lines
+    // (since `REGEX_NEWLINE` captures its match).
+    // Processed fragments are accessed by calling `shiftNextLine`.
+    var remainingLines = aGeneratedCode.split(REGEX_NEWLINE);
+    var remainingLinesIndex = 0;
+    var shiftNextLine = function() {
+      var lineContents = getNextLine();
+      // The last line of a file might not have a newline.
+      var newLine = getNextLine() || "";
+      return lineContents + newLine;
+
+      function getNextLine() {
+        return remainingLinesIndex < remainingLines.length ?
+            remainingLines[remainingLinesIndex++] : undefined;
+      }
+    };
+
+    // We need to remember the position of "remainingLines"
+    var lastGeneratedLine = 1, lastGeneratedColumn = 0;
+
+    // The generate SourceNodes we need a code range.
+    // To extract it current and last mapping is used.
+    // Here we store the last mapping.
+    var lastMapping = null;
+
+    aSourceMapConsumer.eachMapping(function (mapping) {
+      if (lastMapping !== null) {
+        // We add the code from "lastMapping" to "mapping":
+        // First check if there is a new line in between.
+        if (lastGeneratedLine < mapping.generatedLine) {
+          // Associate first line with "lastMapping"
+          addMappingWithCode(lastMapping, shiftNextLine());
+          lastGeneratedLine++;
+          lastGeneratedColumn = 0;
+          // The remaining code is added without mapping
+        } else {
+          // There is no new line in between.
+          // Associate the code between "lastGeneratedColumn" and
+          // "mapping.generatedColumn" with "lastMapping"
+          var nextLine = remainingLines[remainingLinesIndex] || '';
+          var code = nextLine.substr(0, mapping.generatedColumn -
+                                        lastGeneratedColumn);
+          remainingLines[remainingLinesIndex] = nextLine.substr(mapping.generatedColumn -
+                                              lastGeneratedColumn);
+          lastGeneratedColumn = mapping.generatedColumn;
+          addMappingWithCode(lastMapping, code);
+          // No more remaining code, continue
+          lastMapping = mapping;
+          return;
+        }
+      }
+      // We add the generated code until the first mapping
+      // to the SourceNode without any mapping.
+      // Each line is added as separate string.
+      while (lastGeneratedLine < mapping.generatedLine) {
+        node.add(shiftNextLine());
+        lastGeneratedLine++;
+      }
+      if (lastGeneratedColumn < mapping.generatedColumn) {
+        var nextLine = remainingLines[remainingLinesIndex] || '';
+        node.add(nextLine.substr(0, mapping.generatedColumn));
+        remainingLines[remainingLinesIndex] = nextLine.substr(mapping.generatedColumn);
+        lastGeneratedColumn = mapping.generatedColumn;
+      }
+      lastMapping = mapping;
+    }, this);
+    // We have processed all mappings.
+    if (remainingLinesIndex < remainingLines.length) {
+      if (lastMapping) {
+        // Associate the remaining code in the current line with "lastMapping"
+        addMappingWithCode(lastMapping, shiftNextLine());
+      }
+      // and add the remaining lines without any mapping
+      node.add(remainingLines.splice(remainingLinesIndex).join(""));
+    }
+
+    // Copy sourcesContent into SourceNode
+    aSourceMapConsumer.sources.forEach(function (sourceFile) {
+      var content = aSourceMapConsumer.sourceContentFor(sourceFile);
+      if (content != null) {
+        if (aRelativePath != null) {
+          sourceFile = util.join(aRelativePath, sourceFile);
+        }
+        node.setSourceContent(sourceFile, content);
+      }
+    });
+
+    return node;
+
+    function addMappingWithCode(mapping, code) {
+      if (mapping === null || mapping.source === undefined) {
+        node.add(code);
+      } else {
+        var source = aRelativePath
+          ? util.join(aRelativePath, mapping.source)
+          : mapping.source;
+        node.add(new SourceNode(mapping.originalLine,
+                                mapping.originalColumn,
+                                source,
+                                code,
+                                mapping.name));
+      }
+    }
+  };
+
+/**
+ * Add a chunk of generated JS to this source node.
+ *
+ * @param aChunk A string snippet of generated JS code, another instance of
+ *        SourceNode, or an array where each member is one of those things.
+ */
+SourceNode.prototype.add = function SourceNode_add(aChunk) {
+  if (Array.isArray(aChunk)) {
+    aChunk.forEach(function (chunk) {
+      this.add(chunk);
+    }, this);
+  }
+  else if (aChunk[isSourceNode] || typeof aChunk === "string") {
+    if (aChunk) {
+      this.children.push(aChunk);
+    }
+  }
+  else {
+    throw new TypeError(
+      "Expected a SourceNode, string, or an array of SourceNodes and strings. Got " + aChunk
+    );
+  }
+  return this;
+};
+
+/**
+ * Add a chunk of generated JS to the beginning of this source node.
+ *
+ * @param aChunk A string snippet of generated JS code, another instance of
+ *        SourceNode, or an array where each member is one of those things.
+ */
+SourceNode.prototype.prepend = function SourceNode_prepend(aChunk) {
+  if (Array.isArray(aChunk)) {
+    for (var i = aChunk.length-1; i >= 0; i--) {
+      this.prepend(aChunk[i]);
+    }
+  }
+  else if (aChunk[isSourceNode] || typeof aChunk === "string") {
+    this.children.unshift(aChunk);
+  }
+  else {
+    throw new TypeError(
+      "Expected a SourceNode, string, or an array of SourceNodes and strings. Got " + aChunk
+    );
+  }
+  return this;
+};
+
+/**
+ * Walk over the tree of JS snippets in this node and its children. The
+ * walking function is called once for each snippet of JS and is passed that
+ * snippet and the its original associated source's line/column location.
+ *
+ * @param aFn The traversal function.
+ */
+SourceNode.prototype.walk = function SourceNode_walk(aFn) {
+  var chunk;
+  for (var i = 0, len = this.children.length; i < len; i++) {
+    chunk = this.children[i];
+    if (chunk[isSourceNode]) {
+      chunk.walk(aFn);
+    }
+    else {
+      if (chunk !== '') {
+        aFn(chunk, { source: this.source,
+                     line: this.line,
+                     column: this.column,
+                     name: this.name });
+      }
+    }
+  }
+};
+
+/**
+ * Like `String.prototype.join` except for SourceNodes. Inserts `aStr` between
+ * each of `this.children`.
+ *
+ * @param aSep The separator.
+ */
+SourceNode.prototype.join = function SourceNode_join(aSep) {
+  var newChildren;
+  var i;
+  var len = this.children.length;
+  if (len > 0) {
+    newChildren = [];
+    for (i = 0; i < len-1; i++) {
+      newChildren.push(this.children[i]);
+      newChildren.push(aSep);
+    }
+    newChildren.push(this.children[i]);
+    this.children = newChildren;
+  }
+  return this;
+};
+
+/**
+ * Call String.prototype.replace on the very right-most source snippet. Useful
+ * for trimming whitespace from the end of a source node, etc.
+ *
+ * @param aPattern The pattern to replace.
+ * @param aReplacement The thing to replace the pattern with.
+ */
+SourceNode.prototype.replaceRight = function SourceNode_replaceRight(aPattern, aReplacement) {
+  var lastChild = this.children[this.children.length - 1];
+  if (lastChild[isSourceNode]) {
+    lastChild.replaceRight(aPattern, aReplacement);
+  }
+  else if (typeof lastChild === 'string') {
+    this.children[this.children.length - 1] = lastChild.replace(aPattern, aReplacement);
+  }
+  else {
+    this.children.push(''.replace(aPattern, aReplacement));
+  }
+  return this;
+};
+
+/**
+ * Set the source content for a source file. This will be added to the SourceMapGenerator
+ * in the sourcesContent field.
+ *
+ * @param aSourceFile The filename of the source file
+ * @param aSourceContent The content of the source file
+ */
+SourceNode.prototype.setSourceContent =
+  function SourceNode_setSourceContent(aSourceFile, aSourceContent) {
+    this.sourceContents[util.toSetString(aSourceFile)] = aSourceContent;
+  };
+
+/**
+ * Walk over the tree of SourceNodes. The walking function is called for each
+ * source file content and is passed the filename and source content.
+ *
+ * @param aFn The traversal function.
+ */
+SourceNode.prototype.walkSourceContents =
+  function SourceNode_walkSourceContents(aFn) {
+    for (var i = 0, len = this.children.length; i < len; i++) {
+      if (this.children[i][isSourceNode]) {
+        this.children[i].walkSourceContents(aFn);
+      }
+    }
+
+    var sources = Object.keys(this.sourceContents);
+    for (var i = 0, len = sources.length; i < len; i++) {
+      aFn(util.fromSetString(sources[i]), this.sourceContents[sources[i]]);
+    }
+  };
+
+/**
+ * Return the string representation of this source node. Walks over the tree
+ * and concatenates all the various snippets together to one string.
+ */
+SourceNode.prototype.toString = function SourceNode_toString() {
+  var str = "";
+  this.walk(function (chunk) {
+    str += chunk;
+  });
+  return str;
+};
+
+/**
+ * Returns the string representation of this source node along with a source
+ * map.
+ */
+SourceNode.prototype.toStringWithSourceMap = function SourceNode_toStringWithSourceMap(aArgs) {
+  var generated = {
+    code: "",
+    line: 1,
+    column: 0
+  };
+  var map = new SourceMapGenerator(aArgs);
+  var sourceMappingActive = false;
+  var lastOriginalSource = null;
+  var lastOriginalLine = null;
+  var lastOriginalColumn = null;
+  var lastOriginalName = null;
+  this.walk(function (chunk, original) {
+    generated.code += chunk;
+    if (original.source !== null
+        && original.line !== null
+        && original.column !== null) {
+      if(lastOriginalSource !== original.source
+         || lastOriginalLine !== original.line
+         || lastOriginalColumn !== original.column
+         || lastOriginalName !== original.name) {
+        map.addMapping({
+          source: original.source,
+          original: {
+            line: original.line,
+            column: original.column
+          },
+          generated: {
+            line: generated.line,
+            column: generated.column
+          },
+          name: original.name
+        });
+      }
+      lastOriginalSource = original.source;
+      lastOriginalLine = original.line;
+      lastOriginalColumn = original.column;
+      lastOriginalName = original.name;
+      sourceMappingActive = true;
+    } else if (sourceMappingActive) {
+      map.addMapping({
+        generated: {
+          line: generated.line,
+          column: generated.column
+        }
+      });
+      lastOriginalSource = null;
+      sourceMappingActive = false;
+    }
+    for (var idx = 0, length = chunk.length; idx < length; idx++) {
+      if (chunk.charCodeAt(idx) === NEWLINE_CODE) {
+        generated.line++;
+        generated.column = 0;
+        // Mappings end at eol
+        if (idx + 1 === length) {
+          lastOriginalSource = null;
+          sourceMappingActive = false;
+        } else if (sourceMappingActive) {
+          map.addMapping({
+            source: original.source,
+            original: {
+              line: original.line,
+              column: original.column
+            },
+            generated: {
+              line: generated.line,
+              column: generated.column
+            },
+            name: original.name
+          });
+        }
+      } else {
+        generated.column++;
+      }
+    }
+  });
+  this.walkSourceContents(function (sourceFile, sourceContent) {
+    map.setSourceContent(sourceFile, sourceContent);
+  });
+
+  return { code: generated.code, map: map };
+};
+
+exports.SourceNode = SourceNode;
diff --git a/node_modules/source-map-js/lib/util.js b/node_modules/source-map-js/lib/util.js
new file mode 100644
index 0000000..430e2d0
--- /dev/null
+++ b/node_modules/source-map-js/lib/util.js
@@ -0,0 +1,594 @@
+/* -*- Mode: js; js-indent-level: 2; -*- */
+/*
+ * Copyright 2011 Mozilla Foundation and contributors
+ * Licensed under the New BSD license. See LICENSE or:
+ * http://opensource.org/licenses/BSD-3-Clause
+ */
+
+/**
+ * This is a helper function for getting values from parameter/options
+ * objects.
+ *
+ * @param args The object we are extracting values from
+ * @param name The name of the property we are getting.
+ * @param defaultValue An optional value to return if the property is missing
+ * from the object. If this is not specified and the property is missing, an
+ * error will be thrown.
+ */
+function getArg(aArgs, aName, aDefaultValue) {
+  if (aName in aArgs) {
+    return aArgs[aName];
+  } else if (arguments.length === 3) {
+    return aDefaultValue;
+  } else {
+    throw new Error('"' + aName + '" is a required argument.');
+  }
+}
+exports.getArg = getArg;
+
+var urlRegexp = /^(?:([\w+\-.]+):)?\/\/(?:(\w+:\w+)@)?([\w.-]*)(?::(\d+))?(.*)$/;
+var dataUrlRegexp = /^data:.+\,.+$/;
+
+function urlParse(aUrl) {
+  var match = aUrl.match(urlRegexp);
+  if (!match) {
+    return null;
+  }
+  return {
+    scheme: match[1],
+    auth: match[2],
+    host: match[3],
+    port: match[4],
+    path: match[5]
+  };
+}
+exports.urlParse = urlParse;
+
+function urlGenerate(aParsedUrl) {
+  var url = '';
+  if (aParsedUrl.scheme) {
+    url += aParsedUrl.scheme + ':';
+  }
+  url += '//';
+  if (aParsedUrl.auth) {
+    url += aParsedUrl.auth + '@';
+  }
+  if (aParsedUrl.host) {
+    url += aParsedUrl.host;
+  }
+  if (aParsedUrl.port) {
+    url += ":" + aParsedUrl.port
+  }
+  if (aParsedUrl.path) {
+    url += aParsedUrl.path;
+  }
+  return url;
+}
+exports.urlGenerate = urlGenerate;
+
+var MAX_CACHED_INPUTS = 32;
+
+/**
+ * Takes some function `f(input) -> result` and returns a memoized version of
+ * `f`.
+ *
+ * We keep at most `MAX_CACHED_INPUTS` memoized results of `f` alive. The
+ * memoization is a dumb-simple, linear least-recently-used cache.
+ */
+function lruMemoize(f) {
+  var cache = [];
+
+  return function(input) {
+    for (var i = 0; i < cache.length; i++) {
+      if (cache[i].input === input) {
+        var temp = cache[0];
+        cache[0] = cache[i];
+        cache[i] = temp;
+        return cache[0].result;
+      }
+    }
+
+    var result = f(input);
+
+    cache.unshift({
+      input,
+      result,
+    });
+
+    if (cache.length > MAX_CACHED_INPUTS) {
+      cache.pop();
+    }
+
+    return result;
+  };
+}
+
+/**
+ * Normalizes a path, or the path portion of a URL:
+ *
+ * - Replaces consecutive slashes with one slash.
+ * - Removes unnecessary '.' parts.
+ * - Removes unnecessary '<dir>/..' parts.
+ *
+ * Based on code in the Node.js 'path' core module.
+ *
+ * @param aPath The path or url to normalize.
+ */
+var normalize = lruMemoize(function normalize(aPath) {
+  var path = aPath;
+  var url = urlParse(aPath);
+  if (url) {
+    if (!url.path) {
+      return aPath;
+    }
+    path = url.path;
+  }
+  var isAbsolute = exports.isAbsolute(path);
+  // Split the path into parts between `/` characters. This is much faster than
+  // using `.split(/\/+/g)`.
+  var parts = [];
+  var start = 0;
+  var i = 0;
+  while (true) {
+    start = i;
+    i = path.indexOf("/", start);
+    if (i === -1) {
+      parts.push(path.slice(start));
+      break;
+    } else {
+      parts.push(path.slice(start, i));
+      while (i < path.length && path[i] === "/") {
+        i++;
+      }
+    }
+  }
+
+  for (var part, up = 0, i = parts.length - 1; i >= 0; i--) {
+    part = parts[i];
+    if (part === '.') {
+      parts.splice(i, 1);
+    } else if (part === '..') {
+      up++;
+    } else if (up > 0) {
+      if (part === '') {
+        // The first part is blank if the path is absolute. Trying to go
+        // above the root is a no-op. Therefore we can remove all '..' parts
+        // directly after the root.
+        parts.splice(i + 1, up);
+        up = 0;
+      } else {
+        parts.splice(i, 2);
+        up--;
+      }
+    }
+  }
+  path = parts.join('/');
+
+  if (path === '') {
+    path = isAbsolute ? '/' : '.';
+  }
+
+  if (url) {
+    url.path = path;
+    return urlGenerate(url);
+  }
+  return path;
+});
+exports.normalize = normalize;
+
+/**
+ * Joins two paths/URLs.
+ *
+ * @param aRoot The root path or URL.
+ * @param aPath The path or URL to be joined with the root.
+ *
+ * - If aPath is a URL or a data URI, aPath is returned, unless aPath is a
+ *   scheme-relative URL: Then the scheme of aRoot, if any, is prepended
+ *   first.
+ * - Otherwise aPath is a path. If aRoot is a URL, then its path portion
+ *   is updated with the result and aRoot is returned. Otherwise the result
+ *   is returned.
+ *   - If aPath is absolute, the result is aPath.
+ *   - Otherwise the two paths are joined with a slash.
+ * - Joining for example 'http://' and 'www.example.com' is also supported.
+ */
+function join(aRoot, aPath) {
+  if (aRoot === "") {
+    aRoot = ".";
+  }
+  if (aPath === "") {
+    aPath = ".";
+  }
+  var aPathUrl = urlParse(aPath);
+  var aRootUrl = urlParse(aRoot);
+  if (aRootUrl) {
+    aRoot = aRootUrl.path || '/';
+  }
+
+  // `join(foo, '//www.example.org')`
+  if (aPathUrl && !aPathUrl.scheme) {
+    if (aRootUrl) {
+      aPathUrl.scheme = aRootUrl.scheme;
+    }
+    return urlGenerate(aPathUrl);
+  }
+
+  if (aPathUrl || aPath.match(dataUrlRegexp)) {
+    return aPath;
+  }
+
+  // `join('http://', 'www.example.com')`
+  if (aRootUrl && !aRootUrl.host && !aRootUrl.path) {
+    aRootUrl.host = aPath;
+    return urlGenerate(aRootUrl);
+  }
+
+  var joined = aPath.charAt(0) === '/'
+    ? aPath
+    : normalize(aRoot.replace(/\/+$/, '') + '/' + aPath);
+
+  if (aRootUrl) {
+    aRootUrl.path = joined;
+    return urlGenerate(aRootUrl);
+  }
+  return joined;
+}
+exports.join = join;
+
+exports.isAbsolute = function (aPath) {
+  return aPath.charAt(0) === '/' || urlRegexp.test(aPath);
+};
+
+/**
+ * Make a path relative to a URL or another path.
+ *
+ * @param aRoot The root path or URL.
+ * @param aPath The path or URL to be made relative to aRoot.
+ */
+function relative(aRoot, aPath) {
+  if (aRoot === "") {
+    aRoot = ".";
+  }
+
+  aRoot = aRoot.replace(/\/$/, '');
+
+  // It is possible for the path to be above the root. In this case, simply
+  // checking whether the root is a prefix of the path won't work. Instead, we
+  // need to remove components from the root one by one, until either we find
+  // a prefix that fits, or we run out of components to remove.
+  var level = 0;
+  while (aPath.indexOf(aRoot + '/') !== 0) {
+    var index = aRoot.lastIndexOf("/");
+    if (index < 0) {
+      return aPath;
+    }
+
+    // If the only part of the root that is left is the scheme (i.e. http://,
+    // file:///, etc.), one or more slashes (/), or simply nothing at all, we
+    // have exhausted all components, so the path is not relative to the root.
+    aRoot = aRoot.slice(0, index);
+    if (aRoot.match(/^([^\/]+:\/)?\/*$/)) {
+      return aPath;
+    }
+
+    ++level;
+  }
+
+  // Make sure we add a "../" for each component we removed from the root.
+  return Array(level + 1).join("../") + aPath.substr(aRoot.length + 1);
+}
+exports.relative = relative;
+
+var supportsNullProto = (function () {
+  var obj = Object.create(null);
+  return !('__proto__' in obj);
+}());
+
+function identity (s) {
+  return s;
+}
+
+/**
+ * Because behavior goes wacky when you set `__proto__` on objects, we
+ * have to prefix all the strings in our set with an arbitrary character.
+ *
+ * See https://github.com/mozilla/source-map/pull/31 and
+ * https://github.com/mozilla/source-map/issues/30
+ *
+ * @param String aStr
+ */
+function toSetString(aStr) {
+  if (isProtoString(aStr)) {
+    return '$' + aStr;
+  }
+
+  return aStr;
+}
+exports.toSetString = supportsNullProto ? identity : toSetString;
+
+function fromSetString(aStr) {
+  if (isProtoString(aStr)) {
+    return aStr.slice(1);
+  }
+
+  return aStr;
+}
+exports.fromSetString = supportsNullProto ? identity : fromSetString;
+
+function isProtoString(s) {
+  if (!s) {
+    return false;
+  }
+
+  var length = s.length;
+
+  if (length < 9 /* "__proto__".length */) {
+    return false;
+  }
+
+  if (s.charCodeAt(length - 1) !== 95  /* '_' */ ||
+      s.charCodeAt(length - 2) !== 95  /* '_' */ ||
+      s.charCodeAt(length - 3) !== 111 /* 'o' */ ||
+      s.charCodeAt(length - 4) !== 116 /* 't' */ ||
+      s.charCodeAt(length - 5) !== 111 /* 'o' */ ||
+      s.charCodeAt(length - 6) !== 114 /* 'r' */ ||
+      s.charCodeAt(length - 7) !== 112 /* 'p' */ ||
+      s.charCodeAt(length - 8) !== 95  /* '_' */ ||
+      s.charCodeAt(length - 9) !== 95  /* '_' */) {
+    return false;
+  }
+
+  for (var i = length - 10; i >= 0; i--) {
+    if (s.charCodeAt(i) !== 36 /* '$' */) {
+      return false;
+    }
+  }
+
+  return true;
+}
+
+/**
+ * Comparator between two mappings where the original positions are compared.
+ *
+ * Optionally pass in `true` as `onlyCompareGenerated` to consider two
+ * mappings with the same original source/line/column, but different generated
+ * line and column the same. Useful when searching for a mapping with a
+ * stubbed out mapping.
+ */
+function compareByOriginalPositions(mappingA, mappingB, onlyCompareOriginal) {
+  var cmp = strcmp(mappingA.source, mappingB.source);
+  if (cmp !== 0) {
+    return cmp;
+  }
+
+  cmp = mappingA.originalLine - mappingB.originalLine;
+  if (cmp !== 0) {
+    return cmp;
+  }
+
+  cmp = mappingA.originalColumn - mappingB.originalColumn;
+  if (cmp !== 0 || onlyCompareOriginal) {
+    return cmp;
+  }
+
+  cmp = mappingA.generatedColumn - mappingB.generatedColumn;
+  if (cmp !== 0) {
+    return cmp;
+  }
+
+  cmp = mappingA.generatedLine - mappingB.generatedLine;
+  if (cmp !== 0) {
+    return cmp;
+  }
+
+  return strcmp(mappingA.name, mappingB.name);
+}
+exports.compareByOriginalPositions = compareByOriginalPositions;
+
+function compareByOriginalPositionsNoSource(mappingA, mappingB, onlyCompareOriginal) {
+  var cmp
+
+  cmp = mappingA.originalLine - mappingB.originalLine;
+  if (cmp !== 0) {
+    return cmp;
+  }
+
+  cmp = mappingA.originalColumn - mappingB.originalColumn;
+  if (cmp !== 0 || onlyCompareOriginal) {
+    return cmp;
+  }
+
+  cmp = mappingA.generatedColumn - mappingB.generatedColumn;
+  if (cmp !== 0) {
+    return cmp;
+  }
+
+  cmp = mappingA.generatedLine - mappingB.generatedLine;
+  if (cmp !== 0) {
+    return cmp;
+  }
+
+  return strcmp(mappingA.name, mappingB.name);
+}
+exports.compareByOriginalPositionsNoSource = compareByOriginalPositionsNoSource;
+
+/**
+ * Comparator between two mappings with deflated source and name indices where
+ * the generated positions are compared.
+ *
+ * Optionally pass in `true` as `onlyCompareGenerated` to consider two
+ * mappings with the same generated line and column, but different
+ * source/name/original line and column the same. Useful when searching for a
+ * mapping with a stubbed out mapping.
+ */
+function compareByGeneratedPositionsDeflated(mappingA, mappingB, onlyCompareGenerated) {
+  var cmp = mappingA.generatedLine - mappingB.generatedLine;
+  if (cmp !== 0) {
+    return cmp;
+  }
+
+  cmp = mappingA.generatedColumn - mappingB.generatedColumn;
+  if (cmp !== 0 || onlyCompareGenerated) {
+    return cmp;
+  }
+
+  cmp = strcmp(mappingA.source, mappingB.source);
+  if (cmp !== 0) {
+    return cmp;
+  }
+
+  cmp = mappingA.originalLine - mappingB.originalLine;
+  if (cmp !== 0) {
+    return cmp;
+  }
+
+  cmp = mappingA.originalColumn - mappingB.originalColumn;
+  if (cmp !== 0) {
+    return cmp;
+  }
+
+  return strcmp(mappingA.name, mappingB.name);
+}
+exports.compareByGeneratedPositionsDeflated = compareByGeneratedPositionsDeflated;
+
+function compareByGeneratedPositionsDeflatedNoLine(mappingA, mappingB, onlyCompareGenerated) {
+  var cmp = mappingA.generatedColumn - mappingB.generatedColumn;
+  if (cmp !== 0 || onlyCompareGenerated) {
+    return cmp;
+  }
+
+  cmp = strcmp(mappingA.source, mappingB.source);
+  if (cmp !== 0) {
+    return cmp;
+  }
+
+  cmp = mappingA.originalLine - mappingB.originalLine;
+  if (cmp !== 0) {
+    return cmp;
+  }
+
+  cmp = mappingA.originalColumn - mappingB.originalColumn;
+  if (cmp !== 0) {
+    return cmp;
+  }
+
+  return strcmp(mappingA.name, mappingB.name);
+}
+exports.compareByGeneratedPositionsDeflatedNoLine = compareByGeneratedPositionsDeflatedNoLine;
+
+function strcmp(aStr1, aStr2) {
+  if (aStr1 === aStr2) {
+    return 0;
+  }
+
+  if (aStr1 === null) {
+    return 1; // aStr2 !== null
+  }
+
+  if (aStr2 === null) {
+    return -1; // aStr1 !== null
+  }
+
+  if (aStr1 > aStr2) {
+    return 1;
+  }
+
+  return -1;
+}
+
+/**
+ * Comparator between two mappings with inflated source and name strings where
+ * the generated positions are compared.
+ */
+function compareByGeneratedPositionsInflated(mappingA, mappingB) {
+  var cmp = mappingA.generatedLine - mappingB.generatedLine;
+  if (cmp !== 0) {
+    return cmp;
+  }
+
+  cmp = mappingA.generatedColumn - mappingB.generatedColumn;
+  if (cmp !== 0) {
+    return cmp;
+  }
+
+  cmp = strcmp(mappingA.source, mappingB.source);
+  if (cmp !== 0) {
+    return cmp;
+  }
+
+  cmp = mappingA.originalLine - mappingB.originalLine;
+  if (cmp !== 0) {
+    return cmp;
+  }
+
+  cmp = mappingA.originalColumn - mappingB.originalColumn;
+  if (cmp !== 0) {
+    return cmp;
+  }
+
+  return strcmp(mappingA.name, mappingB.name);
+}
+exports.compareByGeneratedPositionsInflated = compareByGeneratedPositionsInflated;
+
+/**
+ * Strip any JSON XSSI avoidance prefix from the string (as documented
+ * in the source maps specification), and then parse the string as
+ * JSON.
+ */
+function parseSourceMapInput(str) {
+  return JSON.parse(str.replace(/^\)]}'[^\n]*\n/, ''));
+}
+exports.parseSourceMapInput = parseSourceMapInput;
+
+/**
+ * Compute the URL of a source given the the source root, the source's
+ * URL, and the source map's URL.
+ */
+function computeSourceURL(sourceRoot, sourceURL, sourceMapURL) {
+  sourceURL = sourceURL || '';
+
+  if (sourceRoot) {
+    // This follows what Chrome does.
+    if (sourceRoot[sourceRoot.length - 1] !== '/' && sourceURL[0] !== '/') {
+      sourceRoot += '/';
+    }
+    // The spec says:
+    //   Line 4: An optional source root, useful for relocating source
+    //   files on a server or removing repeated values in the
+    //   “sources” entry.  This value is prepended to the individual
+    //   entries in the “source” field.
+    sourceURL = sourceRoot + sourceURL;
+  }
+
+  // Historically, SourceMapConsumer did not take the sourceMapURL as
+  // a parameter.  This mode is still somewhat supported, which is why
+  // this code block is conditional.  However, it's preferable to pass
+  // the source map URL to SourceMapConsumer, so that this function
+  // can implement the source URL resolution algorithm as outlined in
+  // the spec.  This block is basically the equivalent of:
+  //    new URL(sourceURL, sourceMapURL).toString()
+  // ... except it avoids using URL, which wasn't available in the
+  // older releases of node still supported by this library.
+  //
+  // The spec says:
+  //   If the sources are not absolute URLs after prepending of the
+  //   “sourceRoot”, the sources are resolved relative to the
+  //   SourceMap (like resolving script src in a html document).
+  if (sourceMapURL) {
+    var parsed = urlParse(sourceMapURL);
+    if (!parsed) {
+      throw new Error("sourceMapURL could not be parsed");
+    }
+    if (parsed.path) {
+      // Strip the last path component, but keep the "/".
+      var index = parsed.path.lastIndexOf('/');
+      if (index >= 0) {
+        parsed.path = parsed.path.substring(0, index + 1);
+      }
+    }
+    sourceURL = join(urlGenerate(parsed), sourceURL);
+  }
+
+  return normalize(sourceURL);
+}
+exports.computeSourceURL = computeSourceURL;
diff --git a/node_modules/source-map-js/package.json b/node_modules/source-map-js/package.json
new file mode 100644
index 0000000..f58dbeb
--- /dev/null
+++ b/node_modules/source-map-js/package.json
@@ -0,0 +1,71 @@
+{
+  "name": "source-map-js",
+  "description": "Generates and consumes source maps",
+  "version": "1.2.1",
+  "homepage": "https://github.com/7rulnik/source-map-js",
+  "author": "Valentin 7rulnik Semirulnik <v7rulnik@gmail.com>",
+  "contributors": [
+    "Nick Fitzgerald <nfitzgerald@mozilla.com>",
+    "Tobias Koppers <tobias.koppers@googlemail.com>",
+    "Duncan Beevers <duncan@dweebd.com>",
+    "Stephen Crane <scrane@mozilla.com>",
+    "Ryan Seddon <seddon.ryan@gmail.com>",
+    "Miles Elam <miles.elam@deem.com>",
+    "Mihai Bazon <mihai.bazon@gmail.com>",
+    "Michael Ficarra <github.public.email@michael.ficarra.me>",
+    "Todd Wolfson <todd@twolfson.com>",
+    "Alexander Solovyov <alexander@solovyov.net>",
+    "Felix Gnass <fgnass@gmail.com>",
+    "Conrad Irwin <conrad.irwin@gmail.com>",
+    "usrbincc <usrbincc@yahoo.com>",
+    "David Glasser <glasser@davidglasser.net>",
+    "Chase Douglas <chase@newrelic.com>",
+    "Evan Wallace <evan.exe@gmail.com>",
+    "Heather Arthur <fayearthur@gmail.com>",
+    "Hugh Kennedy <hughskennedy@gmail.com>",
+    "David Glasser <glasser@davidglasser.net>",
+    "Simon Lydell <simon.lydell@gmail.com>",
+    "Jmeas Smith <jellyes2@gmail.com>",
+    "Michael Z Goddard <mzgoddard@gmail.com>",
+    "azu <azu@users.noreply.github.com>",
+    "John Gozde <john@gozde.ca>",
+    "Adam Kirkton <akirkton@truefitinnovation.com>",
+    "Chris Montgomery <christopher.montgomery@dowjones.com>",
+    "J. Ryan Stinnett <jryans@gmail.com>",
+    "Jack Herrington <jherrington@walmartlabs.com>",
+    "Chris Truter <jeffpalentine@gmail.com>",
+    "Daniel Espeset <daniel@danielespeset.com>",
+    "Jamie Wong <jamie.lf.wong@gmail.com>",
+    "Eddy Bruël <ejpbruel@mozilla.com>",
+    "Hawken Rives <hawkrives@gmail.com>",
+    "Gilad Peleg <giladp007@gmail.com>",
+    "djchie <djchie.dev@gmail.com>",
+    "Gary Ye <garysye@gmail.com>",
+    "Nicolas Lalevée <nicolas.lalevee@hibnet.org>"
+  ],
+  "repository": "7rulnik/source-map-js",
+  "main": "./source-map.js",
+  "files": [
+    "source-map.js",
+    "source-map.d.ts",
+    "lib/"
+  ],
+  "engines": {
+    "node": ">=0.10.0"
+  },
+  "license": "BSD-3-Clause",
+  "scripts": {
+    "test": "npm run build && node test/run-tests.js",
+    "build": "webpack --color",
+    "toc": "doctoc --title '## Table of Contents' README.md && doctoc --title '## Table of Contents' CONTRIBUTING.md"
+  },
+  "devDependencies": {
+    "clean-publish": "^3.1.0",
+    "doctoc": "^0.15.0",
+    "webpack": "^1.12.0"
+  },
+  "clean-publish": {
+    "cleanDocs": true
+  },
+  "typings": "source-map.d.ts"
+}
diff --git a/node_modules/source-map-js/source-map.d.ts b/node_modules/source-map-js/source-map.d.ts
new file mode 100644
index 0000000..ec8892f
--- /dev/null
+++ b/node_modules/source-map-js/source-map.d.ts
@@ -0,0 +1,104 @@
+export interface StartOfSourceMap {
+    file?: string;
+    sourceRoot?: string;
+}
+
+export interface RawSourceMap extends StartOfSourceMap {
+    version: string;
+    sources: string[];
+    names: string[];
+    sourcesContent?: string[];
+    mappings: string;
+}
+
+export interface Position {
+    line: number;
+    column: number;
+}
+
+export interface LineRange extends Position {
+    lastColumn: number;
+}
+
+export interface FindPosition extends Position {
+    // SourceMapConsumer.GREATEST_LOWER_BOUND or SourceMapConsumer.LEAST_UPPER_BOUND
+    bias?: number;
+}
+
+export interface SourceFindPosition extends FindPosition {
+    source: string;
+}
+
+export interface MappedPosition extends Position {
+    source: string;
+    name?: string;
+}
+
+export interface MappingItem {
+    source: string | null;
+    generatedLine: number;
+    generatedColumn: number;
+    originalLine: number | null;
+    originalColumn: number | null;
+    name: string | null;
+}
+
+export class SourceMapConsumer {
+    static GENERATED_ORDER: number;
+    static ORIGINAL_ORDER: number;
+
+    static GREATEST_LOWER_BOUND: number;
+    static LEAST_UPPER_BOUND: number;
+
+    constructor(rawSourceMap: RawSourceMap);
+    readonly file: string | undefined | null;
+    readonly sourceRoot: string | undefined | null;
+    readonly sourcesContent: readonly string[] | null | undefined;
+    readonly sources: readonly string[]
+
+    computeColumnSpans(): void;
+    originalPositionFor(generatedPosition: FindPosition): MappedPosition;
+    generatedPositionFor(originalPosition: SourceFindPosition): LineRange;
+    allGeneratedPositionsFor(originalPosition: MappedPosition): Position[];
+    hasContentsOfAllSources(): boolean;
+    sourceContentFor(source: string, returnNullOnMissing?: boolean): string | null;
+    eachMapping(callback: (mapping: MappingItem) => void, context?: any, order?: number): void;
+}
+
+export interface Mapping {
+    generated: Position;
+    original?: Position | null;
+    source?: string | null;
+    name?: string | null;
+}
+
+export class SourceMapGenerator {
+    constructor(startOfSourceMap?: StartOfSourceMap);
+    static fromSourceMap(sourceMapConsumer: SourceMapConsumer, startOfSourceMap?: StartOfSourceMap): SourceMapGenerator;
+    addMapping(mapping: Mapping): void;
+    setSourceContent(sourceFile: string, sourceContent: string | null | undefined): void;
+    applySourceMap(sourceMapConsumer: SourceMapConsumer, sourceFile?: string, sourceMapPath?: string): void;
+    toString(): string;
+    toJSON(): RawSourceMap;
+}
+
+export interface CodeWithSourceMap {
+    code: string;
+    map: SourceMapGenerator;
+}
+
+export class SourceNode {
+    constructor();
+    constructor(line: number, column: number, source: string);
+    constructor(line: number, column: number, source: string, chunk?: string, name?: string);
+    static fromStringWithSourceMap(code: string, sourceMapConsumer: SourceMapConsumer, relativePath?: string): SourceNode;
+    add(chunk: string): void;
+    prepend(chunk: string): void;
+    setSourceContent(sourceFile: string, sourceContent: string): void;
+    walk(fn: (chunk: string, mapping: MappedPosition) => void): void;
+    walkSourceContents(fn: (file: string, content: string) => void): void;
+    join(sep: string): SourceNode;
+    replaceRight(pattern: string, replacement: string): SourceNode;
+    toString(): string;
+    toStringWithSourceMap(startOfSourceMap?: StartOfSourceMap): CodeWithSourceMap;
+}
diff --git a/node_modules/source-map-js/source-map.js b/node_modules/source-map-js/source-map.js
new file mode 100644
index 0000000..bc88fe8
--- /dev/null
+++ b/node_modules/source-map-js/source-map.js
@@ -0,0 +1,8 @@
+/*
+ * Copyright 2009-2011 Mozilla Foundation and contributors
+ * Licensed under the New BSD license. See LICENSE.txt or:
+ * http://opensource.org/licenses/BSD-3-Clause
+ */
+exports.SourceMapGenerator = require('./lib/source-map-generator').SourceMapGenerator;
+exports.SourceMapConsumer = require('./lib/source-map-consumer').SourceMapConsumer;
+exports.SourceNode = require('./lib/source-node').SourceNode;
diff --git a/node_modules/to-regex-range/LICENSE b/node_modules/to-regex-range/LICENSE
new file mode 100644
index 0000000..7cccaf9
--- /dev/null
+++ b/node_modules/to-regex-range/LICENSE
@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2015-present, Jon Schlinkert.
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.
diff --git a/node_modules/to-regex-range/README.md b/node_modules/to-regex-range/README.md
new file mode 100644
index 0000000..38887da
--- /dev/null
+++ b/node_modules/to-regex-range/README.md
@@ -0,0 +1,305 @@
+# to-regex-range [![Donate](https://img.shields.io/badge/Donate-PayPal-green.svg)](https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=W8YFZ425KND68) [![NPM version](https://img.shields.io/npm/v/to-regex-range.svg?style=flat)](https://www.npmjs.com/package/to-regex-range) [![NPM monthly downloads](https://img.shields.io/npm/dm/to-regex-range.svg?style=flat)](https://npmjs.org/package/to-regex-range) [![NPM total downloads](https://img.shields.io/npm/dt/to-regex-range.svg?style=flat)](https://npmjs.org/package/to-regex-range) [![Linux Build Status](https://img.shields.io/travis/micromatch/to-regex-range.svg?style=flat&label=Travis)](https://travis-ci.org/micromatch/to-regex-range)
+
+> Pass two numbers, get a regex-compatible source string for matching ranges. Validated against more than 2.78 million test assertions.
+
+Please consider following this project's author, [Jon Schlinkert](https://github.com/jonschlinkert), and consider starring the project to show your :heart: and support.
+
+## Install
+
+Install with [npm](https://www.npmjs.com/):
+
+```sh
+$ npm install --save to-regex-range
+```
+
+<details>
+<summary><strong>What does this do?</strong></summary>
+
+<br>
+
+This libary generates the `source` string to be passed to `new RegExp()` for matching a range of numbers.
+
+**Example**
+
+```js
+const toRegexRange = require('to-regex-range');
+const regex = new RegExp(toRegexRange('15', '95'));
+```
+
+A string is returned so that you can do whatever you need with it before passing it to `new RegExp()` (like adding `^` or `$` boundaries, defining flags, or combining it another string).
+
+<br>
+
+</details>
+
+<details>
+<summary><strong>Why use this library?</strong></summary>
+
+<br>
+
+### Convenience
+
+Creating regular expressions for matching numbers gets deceptively complicated pretty fast.
+
+For example, let's say you need a validation regex for matching part of a user-id, postal code, social security number, tax id, etc:
+
+* regex for matching `1` => `/1/` (easy enough)
+* regex for matching `1` through `5` => `/[1-5]/` (not bad...)
+* regex for matching `1` or `5` => `/(1|5)/` (still easy...)
+* regex for matching `1` through `50` => `/([1-9]|[1-4][0-9]|50)/` (uh-oh...)
+* regex for matching `1` through `55` => `/([1-9]|[1-4][0-9]|5[0-5])/` (no prob, I can do this...)
+* regex for matching `1` through `555` => `/([1-9]|[1-9][0-9]|[1-4][0-9]{2}|5[0-4][0-9]|55[0-5])/` (maybe not...)
+* regex for matching `0001` through `5555` => `/(0{3}[1-9]|0{2}[1-9][0-9]|0[1-9][0-9]{2}|[1-4][0-9]{3}|5[0-4][0-9]{2}|55[0-4][0-9]|555[0-5])/` (okay, I get the point!)
+
+The numbers are contrived, but they're also really basic. In the real world you might need to generate a regex on-the-fly for validation.
+
+**Learn more**
+
+If you're interested in learning more about [character classes](http://www.regular-expressions.info/charclass.html) and other regex features, I personally have always found [regular-expressions.info](http://www.regular-expressions.info/charclass.html) to be pretty useful.
+
+### Heavily tested
+
+As of April 07, 2019, this library runs [>1m test assertions](./test/test.js) against generated regex-ranges to provide brute-force verification that results are correct.
+
+Tests run in ~280ms on my MacBook Pro, 2.5 GHz Intel Core i7.
+
+### Optimized
+
+Generated regular expressions are optimized:
+
+* duplicate sequences and character classes are reduced using quantifiers
+* smart enough to use `?` conditionals when number(s) or range(s) can be positive or negative
+* uses fragment caching to avoid processing the same exact string more than once
+
+<br>
+
+</details>
+
+## Usage
+
+Add this library to your javascript application with the following line of code
+
+```js
+const toRegexRange = require('to-regex-range');
+```
+
+The main export is a function that takes two integers: the `min` value and `max` value (formatted as strings or numbers).
+
+```js
+const source = toRegexRange('15', '95');
+//=> 1[5-9]|[2-8][0-9]|9[0-5]
+
+const regex = new RegExp(`^${source}$`);
+console.log(regex.test('14')); //=> false
+console.log(regex.test('50')); //=> true
+console.log(regex.test('94')); //=> true
+console.log(regex.test('96')); //=> false
+```
+
+## Options
+
+### options.capture
+
+**Type**: `boolean`
+
+**Deafault**: `undefined`
+
+Wrap the returned value in parentheses when there is more than one regex condition. Useful when you're dynamically generating ranges.
+
+```js
+console.log(toRegexRange('-10', '10'));
+//=> -[1-9]|-?10|[0-9]
+
+console.log(toRegexRange('-10', '10', { capture: true }));
+//=> (-[1-9]|-?10|[0-9])
+```
+
+### options.shorthand
+
+**Type**: `boolean`
+
+**Deafault**: `undefined`
+
+Use the regex shorthand for `[0-9]`:
+
+```js
+console.log(toRegexRange('0', '999999'));
+//=> [0-9]|[1-9][0-9]{1,5}
+
+console.log(toRegexRange('0', '999999', { shorthand: true }));
+//=> \d|[1-9]\d{1,5}
+```
+
+### options.relaxZeros
+
+**Type**: `boolean`
+
+**Default**: `true`
+
+This option relaxes matching for leading zeros when when ranges are zero-padded.
+
+```js
+const source = toRegexRange('-0010', '0010');
+const regex = new RegExp(`^${source}$`);
+console.log(regex.test('-10')); //=> true
+console.log(regex.test('-010')); //=> true
+console.log(regex.test('-0010')); //=> true
+console.log(regex.test('10')); //=> true
+console.log(regex.test('010')); //=> true
+console.log(regex.test('0010')); //=> true
+```
+
+When `relaxZeros` is false, matching is strict:
+
+```js
+const source = toRegexRange('-0010', '0010', { relaxZeros: false });
+const regex = new RegExp(`^${source}$`);
+console.log(regex.test('-10')); //=> false
+console.log(regex.test('-010')); //=> false
+console.log(regex.test('-0010')); //=> true
+console.log(regex.test('10')); //=> false
+console.log(regex.test('010')); //=> false
+console.log(regex.test('0010')); //=> true
+```
+
+## Examples
+
+| **Range**                   | **Result**                                                                      | **Compile time** |
+| ---                         | ---                                                                             | ---              |
+| `toRegexRange(-10, 10)`     | `-[1-9]\|-?10\|[0-9]`                                                           | _132μs_          |
+| `toRegexRange(-100, -10)`   | `-1[0-9]\|-[2-9][0-9]\|-100`                                                    | _50μs_           |
+| `toRegexRange(-100, 100)`   | `-[1-9]\|-?[1-9][0-9]\|-?100\|[0-9]`                                            | _42μs_           |
+| `toRegexRange(001, 100)`    | `0{0,2}[1-9]\|0?[1-9][0-9]\|100`                                                | _109μs_          |
+| `toRegexRange(001, 555)`    | `0{0,2}[1-9]\|0?[1-9][0-9]\|[1-4][0-9]{2}\|5[0-4][0-9]\|55[0-5]`                | _51μs_           |
+| `toRegexRange(0010, 1000)`  | `0{0,2}1[0-9]\|0{0,2}[2-9][0-9]\|0?[1-9][0-9]{2}\|1000`                         | _31μs_           |
+| `toRegexRange(1, 50)`       | `[1-9]\|[1-4][0-9]\|50`                                                         | _24μs_           |
+| `toRegexRange(1, 55)`       | `[1-9]\|[1-4][0-9]\|5[0-5]`                                                     | _23μs_           |
+| `toRegexRange(1, 555)`      | `[1-9]\|[1-9][0-9]\|[1-4][0-9]{2}\|5[0-4][0-9]\|55[0-5]`                        | _30μs_           |
+| `toRegexRange(1, 5555)`     | `[1-9]\|[1-9][0-9]{1,2}\|[1-4][0-9]{3}\|5[0-4][0-9]{2}\|55[0-4][0-9]\|555[0-5]` | _43μs_           |
+| `toRegexRange(111, 555)`    | `11[1-9]\|1[2-9][0-9]\|[2-4][0-9]{2}\|5[0-4][0-9]\|55[0-5]`                     | _38μs_           |
+| `toRegexRange(29, 51)`      | `29\|[34][0-9]\|5[01]`                                                          | _24μs_           |
+| `toRegexRange(31, 877)`     | `3[1-9]\|[4-9][0-9]\|[1-7][0-9]{2}\|8[0-6][0-9]\|87[0-7]`                       | _32μs_           |
+| `toRegexRange(5, 5)`        | `5`                                                                             | _8μs_            |
+| `toRegexRange(5, 6)`        | `5\|6`                                                                          | _11μs_           |
+| `toRegexRange(1, 2)`        | `1\|2`                                                                          | _6μs_            |
+| `toRegexRange(1, 5)`        | `[1-5]`                                                                         | _15μs_           |
+| `toRegexRange(1, 10)`       | `[1-9]\|10`                                                                     | _22μs_           |
+| `toRegexRange(1, 100)`      | `[1-9]\|[1-9][0-9]\|100`                                                        | _25μs_           |
+| `toRegexRange(1, 1000)`     | `[1-9]\|[1-9][0-9]{1,2}\|1000`                                                  | _31μs_           |
+| `toRegexRange(1, 10000)`    | `[1-9]\|[1-9][0-9]{1,3}\|10000`                                                 | _34μs_           |
+| `toRegexRange(1, 100000)`   | `[1-9]\|[1-9][0-9]{1,4}\|100000`                                                | _36μs_           |
+| `toRegexRange(1, 1000000)`  | `[1-9]\|[1-9][0-9]{1,5}\|1000000`                                               | _42μs_           |
+| `toRegexRange(1, 10000000)` | `[1-9]\|[1-9][0-9]{1,6}\|10000000`                                              | _42μs_           |
+
+## Heads up!
+
+**Order of arguments**
+
+When the `min` is larger than the `max`, values will be flipped to create a valid range:
+
+```js
+toRegexRange('51', '29');
+```
+
+Is effectively flipped to:
+
+```js
+toRegexRange('29', '51');
+//=> 29|[3-4][0-9]|5[0-1]
+```
+
+**Steps / increments**
+
+This library does not support steps (increments). A pr to add support would be welcome.
+
+## History
+
+### v2.0.0 - 2017-04-21
+
+**New features**
+
+Adds support for zero-padding!
+
+### v1.0.0
+
+**Optimizations**
+
+Repeating ranges are now grouped using quantifiers. rocessing time is roughly the same, but the generated regex is much smaller, which should result in faster matching.
+
+## Attribution
+
+Inspired by the python library [range-regex](https://github.com/dimka665/range-regex).
+
+## About
+
+<details>
+<summary><strong>Contributing</strong></summary>
+
+Pull requests and stars are always welcome. For bugs and feature requests, [please create an issue](../../issues/new).
+
+</details>
+
+<details>
+<summary><strong>Running Tests</strong></summary>
+
+Running and reviewing unit tests is a great way to get familiarized with a library and its API. You can install dependencies and run tests with the following command:
+
+```sh
+$ npm install && npm test
+```
+
+</details>
+
+<details>
+<summary><strong>Building docs</strong></summary>
+
+_(This project's readme.md is generated by [verb](https://github.com/verbose/verb-generate-readme), please don't edit the readme directly. Any changes to the readme must be made in the [.verb.md](.verb.md) readme template.)_
+
+To generate the readme, run the following command:
+
+```sh
+$ npm install -g verbose/verb#dev verb-generate-readme && verb
+```
+
+</details>
+
+### Related projects
+
+You might also be interested in these projects:
+
+* [expand-range](https://www.npmjs.com/package/expand-range): Fast, bash-like range expansion. Expand a range of numbers or letters, uppercase or lowercase. Used… [more](https://github.com/jonschlinkert/expand-range) | [homepage](https://github.com/jonschlinkert/expand-range "Fast, bash-like range expansion. Expand a range of numbers or letters, uppercase or lowercase. Used by micromatch.")
+* [fill-range](https://www.npmjs.com/package/fill-range): Fill in a range of numbers or letters, optionally passing an increment or `step` to… [more](https://github.com/jonschlinkert/fill-range) | [homepage](https://github.com/jonschlinkert/fill-range "Fill in a range of numbers or letters, optionally passing an increment or `step` to use, or create a regex-compatible range with `options.toRegex`")
+* [micromatch](https://www.npmjs.com/package/micromatch): Glob matching for javascript/node.js. A drop-in replacement and faster alternative to minimatch and multimatch. | [homepage](https://github.com/micromatch/micromatch "Glob matching for javascript/node.js. A drop-in replacement and faster alternative to minimatch and multimatch.")
+* [repeat-element](https://www.npmjs.com/package/repeat-element): Create an array by repeating the given value n times. | [homepage](https://github.com/jonschlinkert/repeat-element "Create an array by repeating the given value n times.")
+* [repeat-string](https://www.npmjs.com/package/repeat-string): Repeat the given string n times. Fastest implementation for repeating a string. | [homepage](https://github.com/jonschlinkert/repeat-string "Repeat the given string n times. Fastest implementation for repeating a string.")
+
+### Contributors
+
+| **Commits** | **Contributor** |  
+| --- | --- |  
+| 63 | [jonschlinkert](https://github.com/jonschlinkert) |  
+| 3  | [doowb](https://github.com/doowb) |  
+| 2  | [realityking](https://github.com/realityking) |  
+
+### Author
+
+**Jon Schlinkert**
+
+* [GitHub Profile](https://github.com/jonschlinkert)
+* [Twitter Profile](https://twitter.com/jonschlinkert)
+* [LinkedIn Profile](https://linkedin.com/in/jonschlinkert)
+
+Please consider supporting me on Patreon, or [start your own Patreon page](https://patreon.com/invite/bxpbvm)!
+
+<a href="https://www.patreon.com/jonschlinkert">
+<img src="https://c5.patreon.com/external/logo/become_a_patron_button@2x.png" height="50">
+</a>
+
+### License
+
+Copyright © 2019, [Jon Schlinkert](https://github.com/jonschlinkert).
+Released under the [MIT License](LICENSE).
+
+***
+
+_This file was generated by [verb-generate-readme](https://github.com/verbose/verb-generate-readme), v0.8.0, on April 07, 2019._
\ No newline at end of file
diff --git a/node_modules/to-regex-range/index.js b/node_modules/to-regex-range/index.js
new file mode 100644
index 0000000..77fbace
--- /dev/null
+++ b/node_modules/to-regex-range/index.js
@@ -0,0 +1,288 @@
+/*!
+ * to-regex-range <https://github.com/micromatch/to-regex-range>
+ *
+ * Copyright (c) 2015-present, Jon Schlinkert.
+ * Released under the MIT License.
+ */
+
+'use strict';
+
+const isNumber = require('is-number');
+
+const toRegexRange = (min, max, options) => {
+  if (isNumber(min) === false) {
+    throw new TypeError('toRegexRange: expected the first argument to be a number');
+  }
+
+  if (max === void 0 || min === max) {
+    return String(min);
+  }
+
+  if (isNumber(max) === false) {
+    throw new TypeError('toRegexRange: expected the second argument to be a number.');
+  }
+
+  let opts = { relaxZeros: true, ...options };
+  if (typeof opts.strictZeros === 'boolean') {
+    opts.relaxZeros = opts.strictZeros === false;
+  }
+
+  let relax = String(opts.relaxZeros);
+  let shorthand = String(opts.shorthand);
+  let capture = String(opts.capture);
+  let wrap = String(opts.wrap);
+  let cacheKey = min + ':' + max + '=' + relax + shorthand + capture + wrap;
+
+  if (toRegexRange.cache.hasOwnProperty(cacheKey)) {
+    return toRegexRange.cache[cacheKey].result;
+  }
+
+  let a = Math.min(min, max);
+  let b = Math.max(min, max);
+
+  if (Math.abs(a - b) === 1) {
+    let result = min + '|' + max;
+    if (opts.capture) {
+      return `(${result})`;
+    }
+    if (opts.wrap === false) {
+      return result;
+    }
+    return `(?:${result})`;
+  }
+
+  let isPadded = hasPadding(min) || hasPadding(max);
+  let state = { min, max, a, b };
+  let positives = [];
+  let negatives = [];
+
+  if (isPadded) {
+    state.isPadded = isPadded;
+    state.maxLen = String(state.max).length;
+  }
+
+  if (a < 0) {
+    let newMin = b < 0 ? Math.abs(b) : 1;
+    negatives = splitToPatterns(newMin, Math.abs(a), state, opts);
+    a = state.a = 0;
+  }
+
+  if (b >= 0) {
+    positives = splitToPatterns(a, b, state, opts);
+  }
+
+  state.negatives = negatives;
+  state.positives = positives;
+  state.result = collatePatterns(negatives, positives, opts);
+
+  if (opts.capture === true) {
+    state.result = `(${state.result})`;
+  } else if (opts.wrap !== false && (positives.length + negatives.length) > 1) {
+    state.result = `(?:${state.result})`;
+  }
+
+  toRegexRange.cache[cacheKey] = state;
+  return state.result;
+};
+
+function collatePatterns(neg, pos, options) {
+  let onlyNegative = filterPatterns(neg, pos, '-', false, options) || [];
+  let onlyPositive = filterPatterns(pos, neg, '', false, options) || [];
+  let intersected = filterPatterns(neg, pos, '-?', true, options) || [];
+  let subpatterns = onlyNegative.concat(intersected).concat(onlyPositive);
+  return subpatterns.join('|');
+}
+
+function splitToRanges(min, max) {
+  let nines = 1;
+  let zeros = 1;
+
+  let stop = countNines(min, nines);
+  let stops = new Set([max]);
+
+  while (min <= stop && stop <= max) {
+    stops.add(stop);
+    nines += 1;
+    stop = countNines(min, nines);
+  }
+
+  stop = countZeros(max + 1, zeros) - 1;
+
+  while (min < stop && stop <= max) {
+    stops.add(stop);
+    zeros += 1;
+    stop = countZeros(max + 1, zeros) - 1;
+  }
+
+  stops = [...stops];
+  stops.sort(compare);
+  return stops;
+}
+
+/**
+ * Convert a range to a regex pattern
+ * @param {Number} `start`
+ * @param {Number} `stop`
+ * @return {String}
+ */
+
+function rangeToPattern(start, stop, options) {
+  if (start === stop) {
+    return { pattern: start, count: [], digits: 0 };
+  }
+
+  let zipped = zip(start, stop);
+  let digits = zipped.length;
+  let pattern = '';
+  let count = 0;
+
+  for (let i = 0; i < digits; i++) {
+    let [startDigit, stopDigit] = zipped[i];
+
+    if (startDigit === stopDigit) {
+      pattern += startDigit;
+
+    } else if (startDigit !== '0' || stopDigit !== '9') {
+      pattern += toCharacterClass(startDigit, stopDigit, options);
+
+    } else {
+      count++;
+    }
+  }
+
+  if (count) {
+    pattern += options.shorthand === true ? '\\d' : '[0-9]';
+  }
+
+  return { pattern, count: [count], digits };
+}
+
+function splitToPatterns(min, max, tok, options) {
+  let ranges = splitToRanges(min, max);
+  let tokens = [];
+  let start = min;
+  let prev;
+
+  for (let i = 0; i < ranges.length; i++) {
+    let max = ranges[i];
+    let obj = rangeToPattern(String(start), String(max), options);
+    let zeros = '';
+
+    if (!tok.isPadded && prev && prev.pattern === obj.pattern) {
+      if (prev.count.length > 1) {
+        prev.count.pop();
+      }
+
+      prev.count.push(obj.count[0]);
+      prev.string = prev.pattern + toQuantifier(prev.count);
+      start = max + 1;
+      continue;
+    }
+
+    if (tok.isPadded) {
+      zeros = padZeros(max, tok, options);
+    }
+
+    obj.string = zeros + obj.pattern + toQuantifier(obj.count);
+    tokens.push(obj);
+    start = max + 1;
+    prev = obj;
+  }
+
+  return tokens;
+}
+
+function filterPatterns(arr, comparison, prefix, intersection, options) {
+  let result = [];
+
+  for (let ele of arr) {
+    let { string } = ele;
+
+    // only push if _both_ are negative...
+    if (!intersection && !contains(comparison, 'string', string)) {
+      result.push(prefix + string);
+    }
+
+    // or _both_ are positive
+    if (intersection && contains(comparison, 'string', string)) {
+      result.push(prefix + string);
+    }
+  }
+  return result;
+}
+
+/**
+ * Zip strings
+ */
+
+function zip(a, b) {
+  let arr = [];
+  for (let i = 0; i < a.length; i++) arr.push([a[i], b[i]]);
+  return arr;
+}
+
+function compare(a, b) {
+  return a > b ? 1 : b > a ? -1 : 0;
+}
+
+function contains(arr, key, val) {
+  return arr.some(ele => ele[key] === val);
+}
+
+function countNines(min, len) {
+  return Number(String(min).slice(0, -len) + '9'.repeat(len));
+}
+
+function countZeros(integer, zeros) {
+  return integer - (integer % Math.pow(10, zeros));
+}
+
+function toQuantifier(digits) {
+  let [start = 0, stop = ''] = digits;
+  if (stop || start > 1) {
+    return `{${start + (stop ? ',' + stop : '')}}`;
+  }
+  return '';
+}
+
+function toCharacterClass(a, b, options) {
+  return `[${a}${(b - a === 1) ? '' : '-'}${b}]`;
+}
+
+function hasPadding(str) {
+  return /^-?(0+)\d/.test(str);
+}
+
+function padZeros(value, tok, options) {
+  if (!tok.isPadded) {
+    return value;
+  }
+
+  let diff = Math.abs(tok.maxLen - String(value).length);
+  let relax = options.relaxZeros !== false;
+
+  switch (diff) {
+    case 0:
+      return '';
+    case 1:
+      return relax ? '0?' : '0';
+    case 2:
+      return relax ? '0{0,2}' : '00';
+    default: {
+      return relax ? `0{0,${diff}}` : `0{${diff}}`;
+    }
+  }
+}
+
+/**
+ * Cache
+ */
+
+toRegexRange.cache = {};
+toRegexRange.clearCache = () => (toRegexRange.cache = {});
+
+/**
+ * Expose `toRegexRange`
+ */
+
+module.exports = toRegexRange;
diff --git a/node_modules/to-regex-range/package.json b/node_modules/to-regex-range/package.json
new file mode 100644
index 0000000..4ef194f
--- /dev/null
+++ b/node_modules/to-regex-range/package.json
@@ -0,0 +1,88 @@
+{
+  "name": "to-regex-range",
+  "description": "Pass two numbers, get a regex-compatible source string for matching ranges. Validated against more than 2.78 million test assertions.",
+  "version": "5.0.1",
+  "homepage": "https://github.com/micromatch/to-regex-range",
+  "author": "Jon Schlinkert (https://github.com/jonschlinkert)",
+  "contributors": [
+    "Jon Schlinkert (http://twitter.com/jonschlinkert)",
+    "Rouven Weßling (www.rouvenwessling.de)"
+  ],
+  "repository": "micromatch/to-regex-range",
+  "bugs": {
+    "url": "https://github.com/micromatch/to-regex-range/issues"
+  },
+  "license": "MIT",
+  "files": [
+    "index.js"
+  ],
+  "main": "index.js",
+  "engines": {
+    "node": ">=8.0"
+  },
+  "scripts": {
+    "test": "mocha"
+  },
+  "dependencies": {
+    "is-number": "^7.0.0"
+  },
+  "devDependencies": {
+    "fill-range": "^6.0.0",
+    "gulp-format-md": "^2.0.0",
+    "mocha": "^6.0.2",
+    "text-table": "^0.2.0",
+    "time-diff": "^0.3.1"
+  },
+  "keywords": [
+    "bash",
+    "date",
+    "expand",
+    "expansion",
+    "expression",
+    "glob",
+    "match",
+    "match date",
+    "match number",
+    "match numbers",
+    "match year",
+    "matches",
+    "matching",
+    "number",
+    "numbers",
+    "numerical",
+    "range",
+    "ranges",
+    "regex",
+    "regexp",
+    "regular",
+    "regular expression",
+    "sequence"
+  ],
+  "verb": {
+    "layout": "default",
+    "toc": false,
+    "tasks": [
+      "readme"
+    ],
+    "plugins": [
+      "gulp-format-md"
+    ],
+    "lint": {
+      "reflinks": true
+    },
+    "helpers": {
+      "examples": {
+        "displayName": "examples"
+      }
+    },
+    "related": {
+      "list": [
+        "expand-range",
+        "fill-range",
+        "micromatch",
+        "repeat-element",
+        "repeat-string"
+      ]
+    }
+  }
+}
diff --git a/package-lock.json b/package-lock.json
new file mode 100644
index 0000000..55aba6a
--- /dev/null
+++ b/package-lock.json
@@ -0,0 +1,534 @@
+{
+  "name": "s_bookapiv-fe.2",
+  "version": "1.0.0",
+  "lockfileVersion": 3,
+  "requires": true,
+  "packages": {
+    "": {
+      "name": "s_bookapiv-fe.2",
+      "version": "1.0.0",
+      "license": "ISC",
+      "devDependencies": {
+        "govuk-frontend": "^5.12.0",
+        "sass": "^1.93.2"
+      }
+    },
+    "node_modules/@parcel/watcher": {
+      "version": "2.5.1",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher/-/watcher-2.5.1.tgz",
+      "integrity": "sha512-dfUnCxiN9H4ap84DvD2ubjw+3vUNpstxa0TneY/Paat8a3R4uQZDLSvWjmznAY/DoahqTHl9V46HF/Zs3F29pg==",
+      "dev": true,
+      "hasInstallScript": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "detect-libc": "^1.0.3",
+        "is-glob": "^4.0.3",
+        "micromatch": "^4.0.5",
+        "node-addon-api": "^7.0.0"
+      },
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      },
+      "optionalDependencies": {
+        "@parcel/watcher-android-arm64": "2.5.1",
+        "@parcel/watcher-darwin-arm64": "2.5.1",
+        "@parcel/watcher-darwin-x64": "2.5.1",
+        "@parcel/watcher-freebsd-x64": "2.5.1",
+        "@parcel/watcher-linux-arm-glibc": "2.5.1",
+        "@parcel/watcher-linux-arm-musl": "2.5.1",
+        "@parcel/watcher-linux-arm64-glibc": "2.5.1",
+        "@parcel/watcher-linux-arm64-musl": "2.5.1",
+        "@parcel/watcher-linux-x64-glibc": "2.5.1",
+        "@parcel/watcher-linux-x64-musl": "2.5.1",
+        "@parcel/watcher-win32-arm64": "2.5.1",
+        "@parcel/watcher-win32-ia32": "2.5.1",
+        "@parcel/watcher-win32-x64": "2.5.1"
+      }
+    },
+    "node_modules/@parcel/watcher-android-arm64": {
+      "version": "2.5.1",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-android-arm64/-/watcher-android-arm64-2.5.1.tgz",
+      "integrity": "sha512-KF8+j9nNbUN8vzOFDpRMsaKBHZ/mcjEjMToVMJOhTozkDonQFFrRcfdLWn6yWKCmJKmdVxSgHiYvTCef4/qcBA==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@parcel/watcher-darwin-arm64": {
+      "version": "2.5.1",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-darwin-arm64/-/watcher-darwin-arm64-2.5.1.tgz",
+      "integrity": "sha512-eAzPv5osDmZyBhou8PoF4i6RQXAfeKL9tjb3QzYuccXFMQU0ruIc/POh30ePnaOyD1UXdlKguHBmsTs53tVoPw==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@parcel/watcher-darwin-x64": {
+      "version": "2.5.1",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-darwin-x64/-/watcher-darwin-x64-2.5.1.tgz",
+      "integrity": "sha512-1ZXDthrnNmwv10A0/3AJNZ9JGlzrF82i3gNQcWOzd7nJ8aj+ILyW1MTxVk35Db0u91oD5Nlk9MBiujMlwmeXZg==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@parcel/watcher-freebsd-x64": {
+      "version": "2.5.1",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-freebsd-x64/-/watcher-freebsd-x64-2.5.1.tgz",
+      "integrity": "sha512-SI4eljM7Flp9yPuKi8W0ird8TI/JK6CSxju3NojVI6BjHsTyK7zxA9urjVjEKJ5MBYC+bLmMcbAWlZ+rFkLpJQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@parcel/watcher-linux-arm-glibc": {
+      "version": "2.5.1",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-arm-glibc/-/watcher-linux-arm-glibc-2.5.1.tgz",
+      "integrity": "sha512-RCdZlEyTs8geyBkkcnPWvtXLY44BCeZKmGYRtSgtwwnHR4dxfHRG3gR99XdMEdQ7KeiDdasJwwvNSF5jKtDwdA==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@parcel/watcher-linux-arm-musl": {
+      "version": "2.5.1",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-arm-musl/-/watcher-linux-arm-musl-2.5.1.tgz",
+      "integrity": "sha512-6E+m/Mm1t1yhB8X412stiKFG3XykmgdIOqhjWj+VL8oHkKABfu/gjFj8DvLrYVHSBNC+/u5PeNrujiSQ1zwd1Q==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@parcel/watcher-linux-arm64-glibc": {
+      "version": "2.5.1",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-arm64-glibc/-/watcher-linux-arm64-glibc-2.5.1.tgz",
+      "integrity": "sha512-LrGp+f02yU3BN9A+DGuY3v3bmnFUggAITBGriZHUREfNEzZh/GO06FF5u2kx8x+GBEUYfyTGamol4j3m9ANe8w==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@parcel/watcher-linux-arm64-musl": {
+      "version": "2.5.1",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-arm64-musl/-/watcher-linux-arm64-musl-2.5.1.tgz",
+      "integrity": "sha512-cFOjABi92pMYRXS7AcQv9/M1YuKRw8SZniCDw0ssQb/noPkRzA+HBDkwmyOJYp5wXcsTrhxO0zq1U11cK9jsFg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@parcel/watcher-linux-x64-glibc": {
+      "version": "2.5.1",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-x64-glibc/-/watcher-linux-x64-glibc-2.5.1.tgz",
+      "integrity": "sha512-GcESn8NZySmfwlTsIur+49yDqSny2IhPeZfXunQi48DMugKeZ7uy1FX83pO0X22sHntJ4Ub+9k34XQCX+oHt2A==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@parcel/watcher-linux-x64-musl": {
+      "version": "2.5.1",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-x64-musl/-/watcher-linux-x64-musl-2.5.1.tgz",
+      "integrity": "sha512-n0E2EQbatQ3bXhcH2D1XIAANAcTZkQICBPVaxMeaCVBtOpBZpWJuf7LwyWPSBDITb7In8mqQgJ7gH8CILCURXg==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@parcel/watcher-win32-arm64": {
+      "version": "2.5.1",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-win32-arm64/-/watcher-win32-arm64-2.5.1.tgz",
+      "integrity": "sha512-RFzklRvmc3PkjKjry3hLF9wD7ppR4AKcWNzH7kXR7GUe0Igb3Nz8fyPwtZCSquGrhU5HhUNDr/mKBqj7tqA2Vw==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@parcel/watcher-win32-ia32": {
+      "version": "2.5.1",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-win32-ia32/-/watcher-win32-ia32-2.5.1.tgz",
+      "integrity": "sha512-c2KkcVN+NJmuA7CGlaGD1qJh1cLfDnQsHjE89E60vUEMlqduHGCdCLJCID5geFVM0dOtA3ZiIO8BoEQmzQVfpQ==",
+      "cpu": [
+        "ia32"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@parcel/watcher-win32-x64": {
+      "version": "2.5.1",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-win32-x64/-/watcher-win32-x64-2.5.1.tgz",
+      "integrity": "sha512-9lHBdJITeNR++EvSQVUcaZoWupyHfXe1jZvGZ06O/5MflPcuPLtEphScIBL+AiCWBO46tDSHzWyD0uDmmZqsgA==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/braces": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.3.tgz",
+      "integrity": "sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "fill-range": "^7.1.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/chokidar": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-4.0.3.tgz",
+      "integrity": "sha512-Qgzu8kfBvo+cA4962jnP1KkS6Dop5NS6g7R5LFYJr4b8Ub94PPQXUksCw9PvXoeXPRRddRNC5C1JQUR2SMGtnA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "readdirp": "^4.0.1"
+      },
+      "engines": {
+        "node": ">= 14.16.0"
+      },
+      "funding": {
+        "url": "https://paulmillr.com/funding/"
+      }
+    },
+    "node_modules/detect-libc": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-1.0.3.tgz",
+      "integrity": "sha512-pGjwhsmsp4kL2RTz08wcOlGN83otlqHeD/Z5T8GXZB+/YcpQ/dgo+lbU8ZsGxV0HIvqqxo9l7mqYwyYMD9bKDg==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "optional": true,
+      "bin": {
+        "detect-libc": "bin/detect-libc.js"
+      },
+      "engines": {
+        "node": ">=0.10"
+      }
+    },
+    "node_modules/fill-range": {
+      "version": "7.1.1",
+      "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.1.1.tgz",
+      "integrity": "sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "to-regex-range": "^5.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/govuk-frontend": {
+      "version": "5.12.0",
+      "resolved": "https://registry.npmjs.org/govuk-frontend/-/govuk-frontend-5.12.0.tgz",
+      "integrity": "sha512-gNr/UVDoORVOqVKTC9i9HOKKPeM4IDTAqtnd3t6U8LQibEr+8Q+FB7Id0u/MfR/5mqPfenG/+VGLW96vJXok/g==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 4.2.0"
+      }
+    },
+    "node_modules/immutable": {
+      "version": "5.1.3",
+      "resolved": "https://registry.npmjs.org/immutable/-/immutable-5.1.3.tgz",
+      "integrity": "sha512-+chQdDfvscSF1SJqv2gn4SRO2ZyS3xL3r7IW/wWEEzrzLisnOlKiQu5ytC/BVNcS15C39WT2Hg/bjKjDMcu+zg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/is-extglob": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
+      "integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/is-glob": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz",
+      "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "is-extglob": "^2.1.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/is-number": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
+      "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "engines": {
+        "node": ">=0.12.0"
+      }
+    },
+    "node_modules/micromatch": {
+      "version": "4.0.8",
+      "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.8.tgz",
+      "integrity": "sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "braces": "^3.0.3",
+        "picomatch": "^2.3.1"
+      },
+      "engines": {
+        "node": ">=8.6"
+      }
+    },
+    "node_modules/node-addon-api": {
+      "version": "7.1.1",
+      "resolved": "https://registry.npmjs.org/node-addon-api/-/node-addon-api-7.1.1.tgz",
+      "integrity": "sha512-5m3bsyrjFWE1xf7nz7YXdN4udnVtXK6/Yfgn5qnahL6bCkf2yKt4k3nuTKAtT4r3IG8JNR2ncsIMdZuAzJjHQQ==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true
+    },
+    "node_modules/picomatch": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
+      "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "engines": {
+        "node": ">=8.6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/jonschlinkert"
+      }
+    },
+    "node_modules/readdirp": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-4.1.2.tgz",
+      "integrity": "sha512-GDhwkLfywWL2s6vEjyhri+eXmfH6j1L7JE27WhqLeYzoh/A3DBaYGEj2H/HFZCn/kMfim73FXxEJTw06WtxQwg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 14.18.0"
+      },
+      "funding": {
+        "type": "individual",
+        "url": "https://paulmillr.com/funding/"
+      }
+    },
+    "node_modules/sass": {
+      "version": "1.93.2",
+      "resolved": "https://registry.npmjs.org/sass/-/sass-1.93.2.tgz",
+      "integrity": "sha512-t+YPtOQHpGW1QWsh1CHQ5cPIr9lbbGZLZnbihP/D/qZj/yuV68m8qarcV17nvkOX81BCrvzAlq2klCQFZghyTg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "chokidar": "^4.0.0",
+        "immutable": "^5.0.2",
+        "source-map-js": ">=0.6.2 <2.0.0"
+      },
+      "bin": {
+        "sass": "sass.js"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      },
+      "optionalDependencies": {
+        "@parcel/watcher": "^2.4.1"
+      }
+    },
+    "node_modules/source-map-js": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.1.tgz",
+      "integrity": "sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/to-regex-range": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
+      "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "is-number": "^7.0.0"
+      },
+      "engines": {
+        "node": ">=8.0"
+      }
+    }
+  }
+}
diff --git a/package.json b/package.json
new file mode 100644
index 0000000..f5ef45a
--- /dev/null
+++ b/package.json
@@ -0,0 +1,31 @@
+{
+  "name": "s_bookapiv-fe.2",
+  "version": "1.0.0",
+  "description": "## Project Overview",
+  "main": "index.js",
+  "directories": {
+    "test": "tests"
+  },
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1",
+    "build:css": "sass app/scss/main.scss app/static/css/main.css",
+    "build:js": "mkdir -p app/static/js/ && cp node_modules/govuk-frontend/dist/govuk/govuk-frontend.min.js app/static/js/",
+    "build:assets": "mkdir -p app/static/assets && cp -r node_modules/govuk-frontend/dist/govuk/assets/* app/static/assets/",
+    "build": "npm run build:css && npm run build:js && npm run build:assets"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/methods/S_BookAPIV-FE.2.git"
+  },
+  "keywords": [],
+  "author": "",
+  "license": "ISC",
+  "bugs": {
+    "url": "https://github.com/methods/S_BookAPIV-FE.2/issues"
+  },
+  "homepage": "https://github.com/methods/S_BookAPIV-FE.2#readme",
+  "devDependencies": {
+    "govuk-frontend": "^5.12.0",
+    "sass": "^1.93.2"
+  }
+}
diff --git a/tests/scripts/test_seed_reservations.py b/tests/scripts/test_seed_reservations.py
index 2772da2..9d72f7b 100644
--- a/tests/scripts/test_seed_reservations.py
+++ b/tests/scripts/test_seed_reservations.py
@@ -15,7 +15,6 @@
 from scripts import seed_reservations as load_reservations_module
 
 
-
 def test_load_reservations_json_success():
     """
     GIVEN a valid JSON string representing reservation data
@@ -422,9 +421,11 @@ def test_returns_error_if_reservation_json_fails_to_load(test_app, mongo_setup):
         books.insert_one({"_id": ObjectId(), "title": "A Book"})
         users.insert_one({"_id": ObjectId(), "email": "a@b.com"})
 
-    # 2. Patch the one dependency we want to fail: `load_reservations_json`.
-    #    Use patch.object for better robustness in CI environments.
-        with patch.object(load_reservations_module, "load_reservations_json", return_value=None) as mock_load_json:
+        # 2. Patch the one dependency we want to fail: `load_reservations_json`.
+        #    Use patch.object for better robustness in CI environments.
+        with patch.object(
+            load_reservations_module, "load_reservations_json", return_value=None
+        ) as mock_load_json:
             # ACT
             with test_app.app_context():
                 success, message = load_reservations_module.run_reservation_population()
@@ -437,7 +438,6 @@ def test_returns_error_if_reservation_json_fails_to_load(test_app, mongo_setup):
     mock_load_json.assert_called_once()
 
 
-
 def test_proceeds_when_reservation_json_loads_successfully(test_app):
     """
     GIVEN a database with a book and a user
@@ -480,7 +480,9 @@ def test_proceeds_when_reservation_json_loads_successfully(test_app):
         ):
             # ACT
             with test_app.app_context():
-                success, _message = load_reservations_module.run_reservation_population()
+                success, _message = (
+                    load_reservations_module.run_reservation_population()
+                )
 
         # ASSERT
         # 4. Check that the function reported success.
@@ -546,7 +548,9 @@ def test_skips_reservation_if_book_title_not_found(test_app, capsys):
         ):
             # ACT
             with test_app.app_context():
-                success, _message = load_reservations_module.run_reservation_population()
+                success, _message = (
+                    load_reservations_module.run_reservation_population()
+                )
 
         # ASSERT
         assert success is True
diff --git a/tests/test_web_routes.py b/tests/test_web_routes.py
new file mode 100644
index 0000000..2058333
--- /dev/null
+++ b/tests/test_web_routes.py
@@ -0,0 +1,22 @@
+"""
+Tests for the user-facing web routes in web_routes.py
+"""
+
+def test_show_books_page_loads_successfully(client):
+     """
+     GIVEN a Flask application configured for testing
+     WHEN the '/show-books' page is requested (GET)
+     THEN check the response is valid and contains the expected content
+     """
+     # ACT
+     response = client.get("/show-books")
+
+     # ASSERT
+     assert response.status_code == 200
+
+     # Assert that the content of the response contains key text from the template
+     # use `b` prefix on check string as `response.data` is a bytestring
+     assert b"Available Books" in response.data
+     assert b"Loading book count..." in response.data
+     assert b"Loading books..." in response.data
+     assert b"Loading pagination..." in response.data